@charset "UTF-8"; /*** [위젯 활성화] ***/ .ctl-seq-27 .widget-col-12 .widget-shuvicbanner.widget-style-type6{} /*** [위젯 활성화 끝] ***/ /*** [영역] ***/ /* 컨테이너 재정의 */ .ctl-seq-27 .tpl-area-container{max-width:1400px; min-width:1400px; margin:0 auto;} /* 영역 배경 */ .ctl-seq-27 .tpl-has-1st-bg-outer{background-color:#eff0f2; border-bottom:0 !important;} .ctl-seq-27 .tpl-has-bg-outer{background-color:#f9f9f9;} .ctl-seq-27 .tpl-area-outer + .tpl-has-bg-outer{margin-top:-1px;} /*** [영역 끝] ***/ /*** [상단메뉴] ***/ /* 위젯 활성화 */ .ctl-seq-27 .widget-col-12 .widget-menubar.widget-style-type3{} /* 공통 영역 */ .ctl-seq-27 .widget-menubar a{text-decoration:none !important;} /** 타입3 **/ /* 영역 */ .ctl-seq-27 .widget-menubar.widget-style-type3 .menu-container{max-width:1400px; min-width:1400px; margin:0 auto;} .ctl-seq-27 .widget-menubar.widget-style-type3 .menu-container .menu-optn-lst .home-info-ttl, .ctl-seq-27 .widget-menubar .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .home-info-all, .ctl-seq-27 .widget-menubar .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .home-info-ttl, .ctl-seq-27 .widget-menubar .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .home-info-favicon, .ctl-seq-27 .widget-menubar .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .home-info-img{padding:0;} .ctl-seq-27 .widget-menubar .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .home-info-all > a, .ctl-seq-27 .widget-menubar .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .home-info-ttl > a, .ctl-seq-27 .widget-menubar .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .home-info-favicon > a, .ctl-seq-27 .widget-menubar .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .home-info-img > a{font-size:28px; line-height:100px; font-weight:600; color:#0a2b20;} .ctl-seq-27 .widget-menubar.widget-style-type3 .menu-main-wrap .menu-container .menu-optn-lst .menu-lst .menu-1deth-lst > li{padding:0;} .ctl-seq-27 .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; color:#0a2b20;} .ctl-seq-27 .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;} .ctl-seq-27 .widget-menubar.widget-style-type3 .menu-main-wrap{background-color:#fff;} /* 드롭다운 메뉴 */ .ctl-seq-27 .widget-menubar.widget-style-type3 .menu-det-wrap, .ctl-seq-27 .widget-menubar.widget-style-type3 .tpl-widget-body:hover .menu-det-wrap{background-color:#f4f3f2; border-top-color:#f4f3f2; border-bottom-color:#f4f3f2;} .ctl-seq-27 .widget-menubar.widget-style-type3 .menu-det-wrap li a{color:#0a2b20;} /* 툴바 */ .ctl-seq-27 .widget-menubar.widget-style-type3 .menu-main-wrap .menu-optn-lst .toolbar-lst{padding:0;} .ctl-seq-27 .widget-menubar.widget-style-type3 .toolbar-lst a{font-size:14px; color:#657a64;} .ctl-seq-27 .widget-menubar.widget-style-type3 .menu-main-wrap .toolbar-lst a{padding:39.5px 2px;} .ctl-seq-27 .widget-menubar.widget-style-type3 .menu-det-wrap .menu-toolbar-det-lst{padding-top:16px; text-align:center;} /* 호버 및 액티브 컬러 스타일 */ .ctl-seq-27 .widget-menubar.widget-style-type3 li a:hover, .ctl-seq-27 .widget-menubar.widget-style-type3 li a:hover{color:#0a2b20; opacity:0.9;} .ctl-seq-27 .widget-menubar.widget-style-type3 li.active > a, .ctl-seq-27 .widget-menubar.widget-style-type3 li.active:hover > a{color:#42c103 !important;} /* 서브 영역에서 상단메뉴 */ .ctl-seq-27.tpl-loct-sxn-cd-0002 .widget-menubar.widget-style-type3{box-shadow:0 1px 15px rgb(0, 0, 0, 0.1);} /*** [상단메뉴 끝] ***/ /*** [좌측메뉴] ***/ .ctl-seq-27 .widget-subjectmenu .widget-card-header{padding:2.5rem 1.25rem; background-color:#6daf4e; border-bottom:0;} .ctl-seq-27 .widget-subjectmenu .widget-card-header h4{color:#f2ee45; font-weight:400;} .ctl-seq-27 .widget-subjectmenu .widget-card-body .subject-menu-lst{margin-top:0;} .ctl-seq-27 .widget-subjectmenu .widget-card-body .subject-menu-lst > li.active > a, .ctl-seq-27 .widget-subjectmenu .widget-card-body .subject-menu-lst > li.active:hover > a{background-color:#ecf2e9; color:#56a133; border-bottom-color:#cdcdcd;} .ctl-seq-27 .widget-subjectmenu .widget-card-body .subject-menu-lst > li:hover > a{background-color:#f4f6f6;} .ctl-seq-27 .widget-subjectmenu .widget-card-body ul li ul.det-menu-lst li.active a{color:#56a133;} /*** [좌측메뉴 끝] ***/ /*** [컨텐츠 영역] ***/ /* 공통 */ .ctl-seq-27 .tpl-widget a:hover{text-decoration:none;} .ctl-seq-27 .tpl-area-center > div{border-bottom:1px solid #dbdbdb;} .ctl-seq-27 .tpl-area-center > div:last-child{border-bottom:0;} .ctl-seq-27 .tpl-widget .tpl-widget-body{margin:0;} .ctl-seq-27 .tpl-area-outer .tpl-widget{padding:80px 0 94px;} /* 위젯 헤드 및 제목 */ .ctl-seq-27 .widget-card .widget-card-header .widget-card-header-body{border-bottom:0;} .ctl-seq-27 .widget-card .widget-card-header dl{margin-bottom:0; padding-left:0; padding-right:0; border-bottom:0;} .ctl-seq-27 .widget-card .widget-card-header .widget-card-header-body > dl > dt{margin-bottom:5px; font-size:36px; font-weight:500; text-align:center; color:#333;} .ctl-seq-27 .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-27 .widget-card .widget-card-body{padding-left:0; padding-right:0;} /* 더보기 버튼 */ .ctl-seq-27 .tpl-widget .widget-more-btn{background-color:#fff; color:#42c103; border:1px solid #42c103;} .ctl-seq-27 .widget-card > .widget-card-header .widget-card-header-body > .widget-more-btn, .ctl-seq-27 .widget-card > .widget-card-header .widget-card-header-body > .JS-widget-clipboard-btn{bottom:0; padding:9px 12.2px;} .ctl-seq-27 .tpl-widget .widget-more-btn i{font-size:18px; font-weight:300;} /* 데이터 값이 없을때 */ .no-result{text-align:center;} /*** [컨텐츠 영역 끝] ***/ /*** [바로가기(퀵메뉴)] ***/ /* 위젯 활성화 */ .ctl-seq-27 .widget-col-12 .widget-quickmenudetset.widget-style-type1{} /* 영역 */ .ctl-seq-27 .tpl-area-outer .tpl-widget.widget-quickmenudetset{padding-bottom:93px;} /* 메뉴 */ .ctl-seq-27 .widget-quickmenudetset .widget-card-body{padding-top:58px;} .ctl-seq-27 .widget-quickmenudetset .widget-card-body .quick-lst{margin:0 -32.5px;} .ctl-seq-27 .widget-quickmenudetset .widget-card-body .quick-lst li{position:relative;width:auto; margin:0 32.5px; padding-bottom:80px; border-bottom:2px solid #000; border-radius:0;} .ctl-seq-27 .widget-quickmenudetset .widget-card-body .quick-lst.color-0000 li a{width:100%; margin:0;} .ctl-seq-27 .widget-quickmenudetset .widget-card-body .quick-lst > li a:after{content:"\f067"; font-weight:300; position:absolute; top:0; right:0; width:60px; height:60px; line-height:60px; font-size:24px; background-color:#323232; color:#fff; border:1px solid #323232; 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";} .ctl-seq-27 .widget-quickmenudetset .widget-card-body .quick-lst > li a .ico_wrap{position:absolute; top:20%; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);} .ctl-seq-27 .widget-quickmenudetset .widget-card-body .quick-lst > li a .ico_wrap .shi-biz-mineShaft{display:block; margin-top:-5px; padding:1.5rem 0;} .ctl-seq-27 .widget-quickmenudetset .widget-card-body .quick-lst.color-0000 li dl{position:absolute; bottom:5px; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);} .ctl-seq-27 .widget-quickmenudetset .widget-card-body .quick-lst li dl dt{font-size:24px; color:#333;} /* 순차별 스타일 */ .ctl-seq-27 .widget-quickmenudetset .widget-card-body .quick-lst li:nth-child(1){border-color:#d52c15;} .ctl-seq-27 .widget-quickmenudetset .widget-card-body .quick-lst li:nth-child(2){border-color:#3349b8;} .ctl-seq-27 .widget-quickmenudetset .widget-card-body .quick-lst li:nth-child(3){border-color:#71ae21;} .ctl-seq-27 .widget-quickmenudetset .widget-card-body .quick-lst li:nth-child(4){border-color:#20aea6;} .ctl-seq-27 .widget-quickmenudetset .widget-card-body .quick-lst li:nth-child(5){border-color:#ff7430;} /* 출력 개수별 스타일 */ .ctl-seq-27 .widget-quickmenudetset .widget-card-body .quick-lst.widget-quick-lst-cnt5 li{width:227px;} /* 호버 및 액티브 컬러 스타일 */ .ctl-seq-27 .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-27 .widget-col-12 .widget-board.widget-style-type3, .ctl-seq-27 .widget-col-12 .widget-board.widget-style-type16{} /* 위젯 헤드 및 제목 */ .ctl-seq-27 .widget-board .widget-card-header-body > dl{width:100%;} /** 타입 3 (포토 게시판) **/ /* 영역 */ .ctl-seq-27 .widget-board.widget-style-type3 .widget-card-body{margin-top:23px;} .ctl-seq-27 .widget-board .board-photo-lst{margin-left:-20px; margin-right:-20px;} .ctl-seq-27 .widget-board .board-photo-lst > li .item-wrap{margin:0 20px;} /* 리스트 스타일 */ .ctl-seq-27 .widget-board .board-photo-lst > li .item-wrap{padding-bottom:7px; border:0; border-bottom:3px solid #42c103;} .ctl-seq-27 .widget-board .board-photo-lst li .img-link{min-height:400px; max-height:400px;} .ctl-seq-27 .widget-board .board-photo-lst li .board-photo-info{margin-top:24px;} .ctl-seq-27 .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-27 .widget-board .board-photo-lst ul li.board-con{min-height:90px; margin-bottom:0;} .ctl-seq-27 .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-27 .widget-board .board-photo-lst ul li.user-nm{display:none;} .ctl-seq-27 .widget-board .board-photo-lst ul li.dt{width:100%; margin-top:25px; text-align:left;} .ctl-seq-27 .widget-board .board-photo-lst ul li.dt span{font-size:16px; color:#c0c0c0;} .ctl-seq-27 .widget-board .board-photo-lst .board-more-btn{display:none;} /* 호버 및 액티브 컬러 스타일 */ .ctl-seq-27 .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;} /* 데이터 값이 없을때 */ .widget-board.widget-count-4 .board-photo-lst > li.no-result{float:none; width:100%;} /** 타입 3 (포토 게시판) 끝 **/ /** 타입4 **/ /* 탭 활성화 */ .ctl-seq-27 .widget-board .board-lst-tab .board-lst-tab-header li.active a{background-color:#42c103;} /* 더보기 버튼 */ .ctl-seq-27 .widget-board .widget-card .board-lst-tab-body .widget-more-btn{padding:9px 7.5px; font-size:1rem;} .ctl-seq-27 .widget-board .widget-card .board-lst-tab-body .widget-more-btn span{display:none;} /** 타입4 끝 **/ /** 타입 16 (커뮤니티) **/ .ctl-seq-27 .widget-board.widget-style-type16 .widget-card-body{padding-top:39px;} .ctl-seq-27 .widget-board.widget-style-type16 .board_base_cmnt_lst .obj_lst .info_lst{padding-bottom:43px;} .ctl-seq-27 .widget-board.widget-style-type16 .info_lst .dt.dt_pstn_top{display:block;} .ctl-seq-27 .widget-board.widget-style-type16 .info_lst .dt.dt_pstn_botm{display:none;} .ctl-seq-27 .widget-board.widget-style-type16 .info_lst .board-con{margin-top:28px;} .ctl-seq-27 .widget-board.widget-style-type16 .info_lst .view_more > a .ico_wrap:after{color:#42c103;} .ctl-seq-27 .widget-board.widget-style-type16 .info_lst .view_more{margin-top:48px;} /** 타입 16 (커뮤니티) 끝 **/ /*** [게시판 끝] ***/ /*** [배너] ***/ /* 위젯 활성화 */ .ctl-seq-27 .widget-col-12 .widget-banner.widget-style-type1{} /* 영역 */ .ctl-seq-27 .tpl-area-outer .widget-banner{padding:50px 0;} /* 배너 타입1 좌우 레이아웃 설정 */ .ctl-seq-27 .widget-banner.widget-style-type1 .tpl-widget-body{margin:0;} .ctl-seq-27 .widget-banner .widget-banner-lst li .banner-item-wrap{margin:0 13.5px; border:0;} .ctl-seq-27 .widget-banner.widget-style-type1 .widget-banner-lst-arr4{margin-left:-15px; margin-right:-15px;} .ctl-seq-27 .widget-banner.widget-style-type1 .widget-banner-lst-arr4 a{width:330px; margin:0 auto !important;} /* 호버 및 액티브 컬러 스타일 */ .ctl-seq-27 .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-27 .btn.btn-primary, .ctl-seq-27 .btn.btn-primary:hover, .ctl-seq-27 .btn.btn-primary:focus, .ctl-seq-27 .btn.btn-primary:active{background-color:#42c103; border-color:#42c103;} .ctl-seq-27 .bg-primary, .ctl-seq-27 .bg-primary:hover, .ctl-seq-27 .bg-primary:focus, .ctl-seq-27 .bg-primary:active{background-color:#42c103 !important;} /* 탭 */ .ctl-seq-27 .sub_container.nav-tabs .nav-link.active{border-top-color:#42c103; border-left-color:#c0c0c0; border-right-color:#c0c0c0;} /*** [서브 컨텐츠 공통 끝] ***/