@charset "UTF-8"; /*** [위젯 활성화] ***/ /* widget-col-12 */ .ctl-seq-26 .widget-col-12 .widget-shuvicbanner.widget-style-type6{} .ctl-seq-26 .widget-col-12 .widget-slide.widget-style-type1, .ctl-seq-26 .widget-col-12 .widget-shuvicfooter.widget-style-type1, .ctl-seq-26 .widget-col-12 .widget-shuvicfooter.widget-style-type2, .ctl-seq-26 .widget-col-12 .widget-shuvicfooter.widget-style-type3, .ctl-seq-26 .widget-col-12 .widget-footer.widget-style-type1, .ctl-seq-26 .widget-col-12 .widget-footer.widget-style-type2, .ctl-seq-26 .widget-col-12 .widget-footer.widget-style-type3, .ctl-seq-26 .widget-col-12 .widget-footer.widget-style-type4, .ctl-seq-26 .widget-col-12 .widget-footer.widget-style-type5, .ctl-seq-26 .widget-col-12 .widget-footer.widget-style-type6{} /*** [위젯 활성화 끝] ***/ /*** [영역] ***/ /* 컨테이너 재정의 */ .ctl-seq-26.tpl-loct-sxn-cd-0001 .tpl-area-container{max-width:1400px; min-width:1400px; margin:0 auto;} /* 영역 배경 */ .ctl-seq-26 .tpl-has-bg-outer{background-color:#f9f9f9;} .ctl-seq-26 .tpl-area-outer + .tpl-has-bg-outer{margin-top:-1px;} /*** [영역 끝] ***/ /*** [툻바] ***/ /* 위젯 활성화 */ .ctl-seq-26 .widget-col-12 .widget-toolbar.widget-style-type1{} /* 공통 영역 */ .ctl-seq-26 .widget-toolbar .toolbar-container{max-width:1400px; min-width:1400px; margin:0 auto;} /** 타입1 **/ /* 영역 */ .widget-toolbar.widget-style-type1{min-height:unset; background-color:#0e1a2a;} /* 기능 메뉴 리스트 */ .ctl-seq-26 .widget-toolbar.widget-style-type1 .tpl-widget-body{padding:0;} .ctl-seq-26 .widget-toolbar.widget-style-type1 .toolbar-base-prt-lst{line-height:40px;} .ctl-seq-26 .widget-toolbar.widget-style-type1 .toolbar-base-prt-lst li{border:1px solid #3e4855; border-top:0; border-bottom:0;} .ctl-seq-26 .widget-toolbar.widget-style-type1 .toolbar-base-prt-lst li:after{display:none;} .ctl-seq-26 .widget-toolbar.widget-style-type1 .toolbar-base-prt-lst li a{display:block; padding:0 16px; color:#fff;} /** 타입1 끝 **/ /*** [툻바 끝] ***/ /*** [상단메뉴] ***/ /* 위젯 활성화 */ .ctl-seq-26 .widget-col-12 .widget-menubar.widget-style-type3{} /* 공통 영역 */ .ctl-seq-26 .widget-menubar a{text-decoration:none !important;} /** 타입3 **/ /* 영역 */ .ctl-seq-26 .widget-menubar.widget-style-type3 .menu-container{max-width:1400px; min-width:1400px; margin:0 auto; padding:0;} .ctl-seq-26 .widget-menubar.widget-style-type3 .menu-container .menu-optn-lst .home-info-ttl, .ctl-seq-26 .widget-menubar .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .home-info-all, .ctl-seq-26 .widget-menubar .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .home-info-ttl, .ctl-seq-26 .widget-menubar .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .home-info-favicon, .ctl-seq-26 .widget-menubar .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .home-info-img{padding:0;} .ctl-seq-26 .widget-menubar .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .home-info-all > a, .ctl-seq-26 .widget-menubar .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .home-info-ttl > a, .ctl-seq-26 .widget-menubar .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .home-info-favicon > a, .ctl-seq-26 .widget-menubar .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .home-info-img > a{line-height:100px;} .ctl-seq-26 .widget-menubar.widget-style-type3 .menu-container .menu-optn-lst .home-info-ttl a{font-size:28px; font-weight:600;} .ctl-seq-26 .widget-menubar.widget-style-type3 .menu-main-wrap .menu-container .menu-optn-lst .menu-lst .menu-1deth-lst > li{padding:0;} .ctl-seq-26 .widget-menubar.widget-style-type3 .menu-main-wrap .menu-container .menu-optn-lst .menu-lst .menu-1deth-lst > li > a{padding:35px 5px; font-size:20px; font-weight:400;} .ctl-seq-26 .widget-menubar.widget-style-type3 .menu-det-wrap .menu-container .menu-optn-lst .menu-lst .menu-2deth-lst > li a{padding:5px 1px; font-size:18px; font-weight:normal; text-align:center; color:#323232;} .ctl-seq-26 .widget-menubar.widget-style-type3 .menu-main-wrap{background-color:#2d518b;} /* 드롭다운 메뉴 */ .ctl-seq-26 .widget-menubar.widget-style-type3 .menu-det-wrap, .ctl-seq-26 .widget-menubar.widget-style-type3 .tpl-widget-body:hover .menu-det-wrap{background-color:#edf0f4; border-top-color:#edf0f4; border-bottom:5px solid #a5d9ea;} /* 호버 및 액티브 컬러 스타일 */ .ctl-seq-26 .widget-menubar.widget-style-type3 li a:hover, .ctl-seq-26 .widget-menubar.widget-style-type3 li a:hover{color:#fff; opacity:0.9;} .ctl-seq-26 .widget-menubar.widget-style-type3 li.active > a, .ctl-seq-26 .widget-menubar.widget-style-type3 li.active:hover > a{color:#ffd400;} /*** [상단메뉴 끝] ***/ /*** [좌측메뉴] ***/ .ctl-seq-26 .widget-subjectmenu .widget-card-header{padding:2.5rem 1.25rem; background-color:#6fadde; border-bottom:0;} .ctl-seq-26 .widget-subjectmenu .widget-card-header h4{color:#fff; font-weight:400;} .ctl-seq-26 .widget-subjectmenu .widget-card-body .subject-menu-lst{margin-top:0;} .ctl-seq-26 .widget-subjectmenu .widget-card-body .subject-menu-lst > li.active > a, .ctl-seq-26 .widget-subjectmenu .widget-card-body .subject-menu-lst > li.active:hover > a{background-color:#d8eeff; color:#323232; border-bottom-color:#cdcdcd;} .ctl-seq-26 .widget-subjectmenu .widget-card-body .subject-menu-lst > li:hover > a{background-color:#f4f6f6; border-bottom-color:#cdcdcd;} .ctl-seq-26 .widget-subjectmenu .widget-card-body ul li ul.det-menu-lst li.active a{color:#323232;} /*** [좌측메뉴 끝] ***/ /*** [컨텐츠 영역] ***/ /* 공통 */ .ctl-seq-26 .tpl-widget a:hover{text-decoration:none;} .ctl-seq-26 .tpl-area-center > div{border-bottom:1px solid #dbdbdb;} .ctl-seq-26 .tpl-area-center > div:last-child{border-bottom:0;} .ctl-seq-26 .tpl-widget .tpl-widget-body{margin:0;} .ctl-seq-26 .tpl-area-outer .tpl-widget{padding:83px 0 92px;} /* 위젯 헤드 및 제목 */ .ctl-seq-26 .widget-card .widget-card-header .widget-card-header-body{border-bottom:0;} .ctl-seq-26 .widget-card .widget-card-header dl{margin-bottom:0; padding-left:0; padding-right:0; border-bottom:0;} .ctl-seq-26 .widget-card .widget-card-header .widget-card-header-body > dl > dt{font-size:36px; font-weight:500; text-align:center; color:#333;} .ctl-seq-26 .widget-card .widget-card-header .widget-card-header-body > dl > dd{margin-top:2px; font-size:21px; font-weight:300; text-align:center; color:#282828;} /* 위젯 바디 */ .ctl-seq-26 .widget-card .widget-card-body{padding-left:0; padding-right:0;} /* 더보기 버튼 */ .ctl-seq-26 .tpl-widget .widget-more-btn{background-color:#fff; color:#167efe; border:1px solid #167efe;} .ctl-seq-26 .widget-card > .widget-card-header .widget-card-header-body > .widget-more-btn, .ctl-seq-26 .widget-card > .widget-card-header .widget-card-header-body > .JS-widget-clipboard-btn{bottom:0; right:0; padding:9px 12.2px;} .ctl-seq-26 .tpl-widget .widget-more-btn i{font-size:18px; font-weight:300;} /* 데이터 값이 없을때 */ .no-result{text-align:center;} /*** [컨텐츠 영역 끝] ***/ /*** [바로가기(퀵메뉴)] ***/ /* 위젯 활성화 */ .ctl-seq-26 .widget-col-12 .widget-quickmenudetset.widget-style-type1{} /* 영역 */ .ctl-seq-26 .tpl-area-outer .tpl-widget.widget-quickmenudetset{padding-bottom:100px;} /* 메뉴 */ .ctl-seq-26 .widget-quickmenudetset .widget-card-body{margin-top:59px; margin-left:-12.5px; margin-right:-12.5px; padding-top:0; padding-bottom:0;} .ctl-seq-26 .widget-quickmenudetset .widget-card-body .quick-lst{display:table; width:100%;} .ctl-seq-26 .widget-quickmenudetset .widget-card-body .quick-lst > li{display:table-cell;} .ctl-seq-26 .widget-quickmenudetset .widget-card-body .quick-lst > li a{position:relative; margin:0 12.5px !important;} .ctl-seq-26 .widget-quickmenudetset .widget-card-body .quick-lst.color-0000 > li a{min-height:400px;} .ctl-seq-26 .widget-quickmenudetset .widget-card-body .quick-lst > li a .menu_nm_dtnt_lst{position:absolute; top:13%; left:50%; font-size:24px; color:#333; text-align:center; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);} .ctl-seq-26 .widget-quickmenudetset .widget-card-body .quick-lst > li a .menu_nm_dtnt_lst dt{font-size:24px;} .ctl-seq-26 .widget-quickmenudetset .widget-card-body .quick-lst > li a .ico_wrap{position:absolute; top:29%; left:50%; width:128px; height:128px; background-color:#fff; color:#323232; border:1px solid #fff; border-radius:50%; box-shadow:0px 0px 10px rgba(4, 0, 0, 0.05); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);} .ctl-seq-26 .widget-quickmenudetset .widget-card-body .quick-lst > li a .ico_wrap i.shi{display:block; width:95px; margin:0 auto;} .ctl-seq-26 .widget-quickmenudetset .widget-card-body .quick-lst > li a:after{content:"\f067"; font-weight:300; position:absolute; top:68.5%; left:50%; width:60px; height:60px; line-height:60px; font-size:24px; background-color:#1d4d88; color:#fff; border:1px solid #1d4d88; border-radius:50%; display:inline-block; font-style:normal; font-variant:normal; text-rendering:auto; -webkit-font-smoothing:antialiased; font-family:"Font Awesome 5 Pro"; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);} /* 호버 및 액티브 컬러 스타일 */ .ctl-seq-26 .widget-quickmenudetset .widget-card-body .quick-lst li a:hover{-webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; box-shadow:none;} /*** [바로가기(퀵메뉴) 끝] ***/ /*** [게시판] ***/ /* 위젯 활성화 */ .ctl-seq-26 .widget-col-12 .widget-board.widget-style-type3, .ctl-seq-26 .widget-col-12 .widget-board.widget-style-type16{} /* 위젯 헤드 및 제목 */ .ctl-seq-26 .widget-board .widget-card-header-body > dl{width:100%;} /** 타입 3 (포토 게시판) **/ /* 영역 */ .ctl-seq-26 .widget-board.widget-style-type3 .widget-card-body{margin-top:23px;} .ctl-seq-26 .widget-board .board-photo-lst{margin-left:-20px; margin-right:-20px;} .ctl-seq-26 .widget-board .board-photo-lst > li .item-wrap{margin:0 20px;} /* 리스트 스타일 */ .ctl-seq-26 .widget-board .board-photo-lst > li .item-wrap{padding-bottom:7px; border:0; border-bottom:3px solid #42c103;} .ctl-seq-26 .widget-board .board-photo-lst li .img-link{min-height:400px; max-height:400px;} .ctl-seq-26 .widget-board .board-photo-lst li .board-photo-info{margin-top:24px;} .ctl-seq-26 .widget-board .board-photo-lst ul li.ttl a{min-height:30px; font-size:20px; line-height:30px; font-weight:normal; webkit-line-clamp:1;} .ctl-seq-26 .widget-board .board-photo-lst ul li.board-con{min-height:90px; margin-bottom:0;} .ctl-seq-26 .widget-board .board-photo-lst ul li.board-con a{height:90px; font-size:16px; font-weight:normal; line-height:30px; color:#666; -webkit-line-clamp:3;} .ctl-seq-26 .widget-board .board-photo-lst ul li.user-nm{display:none;} .ctl-seq-26 .widget-board .board-photo-lst ul li.dt{width:100%; margin-top:25px; text-align:left;} .ctl-seq-26 .widget-board .board-photo-lst ul li.dt span{font-size:16px; color:#c0c0c0;} .ctl-seq-26 .widget-board .board-photo-lst .board-more-btn{display:none;} /* 호버 및 액티브 컬러 스타일 */ .ctl-seq-26 .widget-board .board-photo-lst > li .item-wrap:hover{border:0; border-bottom:3px solid #42c103; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; box-shadow:none;} /* 데이터 값이 없을때 */ .ctl-seq-26 .widget-board.widget-count-4 .board-photo-lst > li.no-result{float:none; width:100%;} /** 타입 3 (포토 게시판) 끝 **/ /** 타입4 **/ /* 탭 활성화 */ .ctl-seq-26 .widget-board .board-lst-tab .board-lst-tab-header li.active a{background-color:#2d518b;} /* 더보기 버튼 */ .ctl-seq-26 .widget-board .widget-card .board-lst-tab-body .widget-more-btn{padding:9px 7.5px; font-size:1rem;} .ctl-seq-26 .widget-board .widget-card .board-lst-tab-body .widget-more-btn span{display:none;} /** 타입4 끝 **/ /** 타입 16 (커뮤니티) **/ .ctl-seq-26 .widget-board.widget-style-type16 .widget-card-body{padding-top:39px;} /** 타입 16 (커뮤니티) 끝 **/ /*** [게시판 끝] ***/ /*** [배너] ***/ /* 위젯 활성화 */ .ctl-seq-26 .widget-col-12 .widget-banner.widget-style-type1, .ctl-seq-26 .widget-col-12 .widget-banner.widget-style-type2{} /* 영역 */ .ctl-seq-26 .tpl-area-outer .widget-banner{padding:50px 0;} /* 배너 타입1 좌우 레이아웃 설정 */ .ctl-seq-26 .widget-banner.widget-style-type1 .tpl-widget-body{margin:0;} .ctl-seq-26 .widget-banner .widget-banner-lst li .banner-item-wrap{margin:0 13.5px; border:0;} .ctl-seq-26 .widget-banner.widget-style-type1 .widget-banner-lst-arr4{margin-left:-15px; margin-right:-15px;} .ctl-seq-26 .widget-banner.widget-style-type1 .widget-banner-lst-arr4 a{width:330px; margin:0 auto !important;} /* 호버 및 액티브 컬러 스타일 */ .ctl-seq-26 .widget-banner .widget-banner-lst li .banner-item-wrap:hover{background:none; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; box-shadow:none;} /*** [배너 끝] ***/ /*** [서브 컨텐츠 공통] ***/ /* 부틋스트랩 버튼 컬러 변경 */ .ctl-seq-26 .btn.btn-primary, .ctl-seq-26 .btn.btn-primary:hover, .ctl-seq-26 .btn.btn-primary:focus, .ctl-seq-26 .btn.btn-primary:active{background-color:#2d518b; border-color:#2d518b;} .ctl-seq-26 .bg-primary, .ctl-seq-26 .bg-primary:hover, .ctl-seq-26 .bg-primary:focus, .ctl-seq-26 .bg-primary:active{background-color:#2d518b !important;} /* 탭 */ .ctl-seq-26 .sub_container.nav-tabs .nav-link.active{border-top-color:#2d518b; border-left-color:#c0c0c0; border-right-color:#c0c0c0;} /*** [서브 컨텐츠 공통 끝] ***/