@charset "utf-8";
@import url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Spff%2Ssebag%2Ssbag.pff");

/* Default Layout */
#wrap {width:100%; min-width:1250px; height: 100%;}

/*메뉴*/
.toparea .top_nav {overflow: hidden; margin: 0 auto; width: 1250px; height: 100px;}
.toparea .top_nav .sns_box {overflow: hidden; position: relative; float: left; top: 27px;}
.toparea .top_nav .sns_box li {float: left; margin-right: 10px;}
.toparea .top_nav .sns_box li a {display: block;}
.toparea .top_nav .sns_box li a.service {position: relative; padding-left: 15px; width: 105px; color: #3195ce; font-size: 14px; line-height: 43px; border: 1px solid #098bcd; border-radius: 43px;}
.toparea .top_nav .sns_box li a.service::after, .toparea .top_nav .sns_box li a.service::before {content: ''; position: absolute; right: 15px; width: 1px; height: 7px; background: #44a7d9;}
.toparea .top_nav .sns_box li a.service::after {top: 16px; transform: rotate(-45deg);}
.toparea .top_nav .sns_box li a.service::before {top: 21px; transform: rotate(45deg);}
.toparea .top_nav h1 {position: absolute; left: calc(50% - 119px); top: 15px;}
.toparea .top_nav h1 a {display: block;}
.toparea .top_nav .right_box {overflow: hidden; position: relative; float: right; top: 35px;}
.toparea .top_nav .right_box > ul {overflow: hidden; float: left;}
.toparea .top_nav .right_box > ul li {position: relative; float: left; padding: 0 15px;}
.toparea .top_nav .right_box > ul li::after {content: ''; position: absolute; top: 8px; right: 0; width: 1px; height: 13px; background: #e9e9e9;}
.toparea .top_nav .right_box > ul li:last-child::after {display: none;}
.toparea .top_nav .right_box > ul li p, .toparea .top_nav .right_box > ul li a {display: inline-block; font-size: 14px; font-family: 'ns', sans-serif;}
.toparea .top_nav .right_box > ul li p {margin-right: 5px;}
.toparea .top_nav .right_box > ul li button {display: inline-block;}
.toparea .top_nav .right_box > ul li button img {display: block;}
.toparea .top_nav .right_box .search {position: relative; top: 3px; float: right; margin-left: 5px;}
.toparea .search_area {z-index: 1001; display: none; position: absolute; top: 101px; left: 0; width: 100%; background: #fff;}
.toparea .search_area .search_box {margin: 0 auto; padding: 50px 0; width: 1250px;}
.toparea .search_area .search_box .search_c {position: absolute; top: 50px; right: 0; width: 60px; height: 60px; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Svpba_frnepu_p.cat') center center no-repeat #2d93d1;}
.toparea .search_area .search_box fieldset button.detail {position: relative; padding-left: 20px; float: right; width: 125px; height: 60px; color: #fff; text-align: left; font-size: 18px; font-weight: 600; background: #085885;}
.toparea .search_area .search_box fieldset button.detail::after {content: ''; position: absolute; right: 20px; top: calc(50% - 3px); width: 8px; height: 6px; background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Svpba_neebj3.cat');}
.toparea .search_area .search_box fieldset button.detail.on::after {transform: rotate(180deg);}
.toparea .search_area .search_box .popular {overflow: hidden; margin: 30px 0; width: 1115px; line-height: 40px;}
.toparea .search_area .search_box .popular dt {float: left; width: 125px;}
.toparea .search_area .search_box .popular dd {overflow: hidden; float: right; width: calc(100% - 125px);}
.toparea .search_area .search_box .popular dd a {position: relative; float: left; padding: 0 15px; font-size: 18px;}
.toparea .search_area .search_box .popular dd a::after {content: ''; position: absolute; right: 0; top: 13px; width: 1px; height: 15px; background: #ddd;}
.toparea .search_area .search_box .popular dd a:last-child::after {display: none;}
.toparea .search_area .search_box .detail_area {display: none; width: 1115px;}
.toparea .topmenu {position: relative; z-index: 1000; height: 60px; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;}
.toparea .topmenu .gnb {margin: 0 auto;width: 1250px; text-align: center;}
.toparea .topmenu .gnb > ul {display: inline-block;}
.toparea .topmenu .gnb > ul > li {float: left; width: 196px;}
.toparea .topmenu .gnb > ul > li a {display: block;}
.toparea .topmenu .gnb > ul > li > a span {position: relative; display: inline-block; color: #333; font-size: 22px; font-weight: 500; line-height: 60px;}
.toparea .topmenu .gnb > ul > li.active > a span, .toparea .topmenu .gnb > ul > li:hover > a span {color: #2d93d1;}
.toparea .topmenu .gnb > ul > li > .menu_box {display: none; position: absolute; z-index: 100; top: 58px; left: 0; width: 100%; text-align: left; background: #fff; border-top: 2px solid #085885; box-shadow: 0px 10px 10px -3px rgba(0, 0, 0, 0.3);}
.toparea .topmenu .gnb > ul > li > .menu_box > li {position: relative; margin: 0 auto; width: 1250px; }
.toparea .topmenu .gnb > ul > li > .menu_box > li .title_box {position: absolute; left: 0; top: 0; width: 20%; height: 100%; background-color: #085885; background-repeat: no-repeat; background-position: left bottom; background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Sot_fzrah.cat');}
.toparea .topmenu .gnb > ul > li > .menu_box > li .title_box h3 {position: relative; padding: 30px 0 15px 30px; color: #fff; font-size: 26px; font-weight: 400;}
.toparea .topmenu .gnb > ul > li > .menu_box > li .title_box h3::after {content: ''; position: absolute; left: 30px; bottom: 0; width: 30px; height: 2px; background: #fff;}
.toparea .topmenu .gnb > ul > li > .menu_box > li .smenu_list {overflow: hidden; display:flex !important;display:-webkit-flex !important;flex-wrap:wrap;-webkit-flex-wrap:wrap; padding-left: 20%;}
.toparea .topmenu .gnb > ul > li > .menu_box > li .smenu_list > li {padding: 30px; float: left; width: 25%; min-height: 130px; border-right: 1px solid #ececec; border-bottom: 1px solid #ececec;}
.toparea .topmenu .gnb > ul > li > .menu_box > li .smenu_list > li:nth-child(n+5) {border-bottom: 0}
.toparea .topmenu .gnb > ul > li > .menu_box > li .smenu_list > li h4 {color: #444; font-size: 18px; font-weight: 600;}
.toparea .topmenu .gnb > ul > li > .menu_box > li .smenu_list > li:hover h4 {color: #2d93d1;}
.toparea .topmenu .gnb > ul > li > .menu_box > li .smenu_list > li .ssmenu_list {margin-top: 10px;}
.toparea .topmenu .gnb > ul > li > .menu_box > li .smenu_list > li .ssmenu_list li a { line-height: 30px;}
.toparea .topmenu .gnb > ul > li > .menu_box > li .smenu_list > li .ssmenu_list li:hover a {color: #2d93d1;}
.toparea .topmenu .gnb > .all_menu, .toparea .topmenu .all_menu_area > .all_menu_c {position: absolute; right: calc(50% - 625px); top: 20px;}
.toparea .topmenu .gnb > .all_menu_area {display: none; position: absolute; z-index: 90; left: 0; top: 0; width: 100%; text-align: center; background: #fff;}
.toparea .topmenu .gnb > .all_menu_area .menu_list {display: inline-block;}
.toparea .topmenu .gnb > .all_menu_area .menu_list > li {float: left; width: 196px;}
.toparea .topmenu .gnb > .all_menu_area .menu_list > li h3 {color: #333; font-size: 22px; font-weight: 500; line-height: 60px;}
.toparea .topmenu .gnb > .all_menu_area .menu_list > li:hover h3 {color: #2d93d1;}
.toparea .topmenu .gnb > .all_menu_area .menu_list > li .smenu_list {position: relative; padding: 30px 0 30px 45px; text-align: left;}
.toparea .topmenu .gnb > .all_menu_area .menu_list > li .smenu_list::after {content: ''; position: absolute; left: calc(50% - 80px); top: 0; width: 160px; height: 2px; background: #cfcfcf;}
.toparea .topmenu .gnb > .all_menu_area .menu_list > li:hover .smenu_list::after {background: #2d93d1;}
.toparea .topmenu .gnb > .all_menu_area .menu_list > li .smenu_list > li h4 {margin-bottom: 8px; color: #444; font-weight: 600;}
.toparea .topmenu .gnb > .all_menu_area .menu_list > li .smenu_list > li:hover h4 {color: #2d93d1;}
.toparea .topmenu .gnb > .all_menu_area .menu_list > li .smenu_list > li .ssmenu_list {margin-bottom: 20px;}
.toparea .topmenu .gnb > .all_menu_area .menu_list > li .smenu_list > li .ssmenu_list li a {display: block; font-size: 14px; line-height: 22px; letter-spacing: -0.6px;}
.toparea .topmenu .gnb > .all_menu_area .menu_list > li .smenu_list > li .ssmenu_list li a:hover {color: #2d93d1;}

.mobile-category {display:none}

/*eng 메뉴*/
.toparea.eng {position: relative;}
.toparea.eng .topmenu a.korean {position: absolute; right: 0; top: 10px; color: #888; font-size: 13px; width: 74px; line-height: 26px; text-align: center; font-family: 'ns'; border: 1px solid #d9d9d9; border-radius: 26px;}
.toparea.eng h1 {position: absolute; top: 50% !important; transform: translateY(-50%);}
.toparea.eng h1 a {display: block;}
.toparea.eng .topmenu {margin: 0 auto; width: 1100px; height: 120px; border-top: 0;}
.toparea.eng .topmenu .gnb {width: auto;}
.toparea.eng .topmenu .gnb > ul {position: relative; top: 60px; float: right;}
.toparea.eng .topmenu .gnb > ul > li {width: auto; padding-right: 100px;}
.toparea.eng .topmenu .gnb > ul > li.topmenu_3 {padding-right: 0;}
.toparea.eng .topmenu .gnb > ul > li > a span {font-weight: 600;}
.toparea.eng .topmenu .gnb > ul > li.active > a span, .toparea.eng .topmenu .gnb > ul > li:hover > a span {color: #2d93d1;}
.toparea.eng .topmenu .gnb > ul > li > .eng_menu_box {display: none; z-index: 150; position: absolute; padding-top: 20px;}
.toparea.eng .topmenu .gnb > ul > li > .eng_menu_box > li {}
.toparea.eng .topmenu .gnb > ul > li > .eng_menu_box > li a {display: block; text-align: left;}
.toparea.eng .topmenu .gnb > ul > li > .eng_menu_box > li a:hover {color: #2d93d1;}
.toparea.eng .topmenu .gnb > ul > li > .eng_menu_box > li > a {color: #444; font-weight: 600; line-height: 36px;}
.toparea.eng .topmenu .gnb > ul > li > .eng_menu_box > li:hover > a {color: #2d93d1;}
.toparea.eng .topmenu .gnb > ul > li > .eng_menu_box > li > .smenu li a {font-size: 14px; font-weight: 500; line-height: 22px;}
.toparea.eng .bg-topmenu-on {z-index: 140; overflow: hidden; position: absolute; display: none; width: 100%; top:121px;height: 450px; background: #fff; border-bottom: 1px solid #ededed;}

/*검색 공통*/
.search_area .search_box {position: relative;}
.search_area .search_box fieldset {overflow: hidden; width: 1115px; height: 60px;}
.search_area .search_box fieldset .search_inp {overflow: hidden; float: left; width: 980px; border-bottom: 2px solid #2d93d1;}
.search_area .search_box fieldset .search_inp select {float: left; width: 170px; height: 58px; font-size: 16px; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Svpba_neebj2.cat') right 25px center no-repeat;}
.search_area .search_box fieldset .search_inp .inp_box {position: relative; margin: 8px 0; float: left; width: calc(100% - 250px); height: 42px; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.search_area .search_box fieldset .search_inp .inp_box input {padding: 0 50px 0 20px; width: 100%; height: 42px; font-size: 25px;}
.search_area .search_box fieldset .search_inp .inp_box input::-webkit-input-placeholder {color:#666; font-size: 25px; font-weight: 400;}
.search_area .search_box fieldset .search_inp .inp_box input:-moz-placeholder {color:#666; font-size: 25px; font-weight: 400;}
.search_area .search_box fieldset .search_inp .inp_box input::-moz-placeholder {color:#666; font-size: 25px; font-weight: 400;}
.search_area .search_box fieldset .search_inp .inp_box input:-ms-input-placeholder {color:#666; font-size: 25px; font-weight: 400;}
.search_area .search_box fieldset .search_inp .inp_box .delete {position: absolute; right: 15px; top: 6px;}
.search_area .search_box fieldset .search_inp .search {float: right; margin-top: 8px; width: 80px; height: 42px;}
.search_area .search_box h4,
.search_area .search_box strong{color: #2d93d1; font-size: 20px; font-weight: 500;} /* 202410 수정 */
.search_area .search_box .detail_area .detail_box {margin-top: 10px; padding: 15px 30px; border: 1px solid #2d93d1;}
.search_area .search_box .detail_area .detail_box dl {overflow: hidden; display: table; padding: 5px 0;}
.search_area .search_box .detail_area .detail_box dl dt {display: table-cell; width: 110px; font-weight: 600; line-height: 40px;}
.search_area .search_box .detail_area .detail_box dl dd {display: table-cell; min-height: 40px; vertical-align: middle;}
.search_area .search_box .detail_area .detail_box dl dd .check_box {display: inline-block;}
.search_area .search_box .detail_area .detail_box dl dd .check_box input[type=checkbox] + label {top: -4px;}
.search_area .search_box .detail_area .detail_box dl dd .radio_period {display: inline-block; margin-right: 25px;}
.search_area .search_box .detail_area .detail_box dl dd > input {width: 130px; height: 40px; color: #888; font-weight: 600; text-align: center; border: 1px solid #d4d4d4;}
.search_area .search_box .detail_area .detail_box dl dd > span {margin: 0 10px; color: #888; font-weight: 600;}
.search_area .search_box .detail_area .detail_box dl dd .ui-datepicker-trigger {margin-left: 10px;}

#sub .midarea {position: relative;}
.midarea .main_img {position: relative; margin: 0 auto; width: 1250px;}
.midarea .main_img .slick-slide {overflow: hidden; position: relative; height: 590px;}
.midarea .main_img .slick-slide img {position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 590px;}
.midarea .main_img .slick-arrow {z-index: 10; position: absolute; top: 50%; transform: translateY(-50%); width: 60px; height: 60px; font-size: 0; background-repeat: no-repeat; background-position: 0 0; background-size: 100%;}
.midarea .main_img .slick-prev {left: 20px; background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Sneebj_ceri.cat');}
.midarea .main_img .slick-next {right: 20px; background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Sneebj_arkg.cat');}
.midarea .main_img .slick-dots {z-index: 9; position: absolute; top: 52px; left: 0; width: 100%; text-align: center;}
.midarea .main_img .slick-dots::after {content: ''; position: absolute; top: 3px; left: 0; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.2);}
.midarea .main_img .slick-dots li {display: inline-block;}
.midarea .main_img .slick-dots li button {position: relative; padding: 20px 30px 0; font-size: 0;}
.midarea .main_img .slick-dots li.slick-active button::after {content: ''; position: absolute; left: calc(50% - 3px); top: 0; width: 7px; height: 7px; background: #fff; border-radius: 7px;}
.midarea .main_img .slick-dots li.slick-active button::before {font-weight: 600;}
.midarea .main_img .slick-dots li button::before {font-size: 20px; color: #fff;}
.midarea .main_img .slick-dots li:nth-child(1) button::before {content: '미션';}
.midarea .main_img .slick-dots li:nth-child(2) button::before {content: '언론역량강화';}
.midarea .main_img .slick-dots li:nth-child(3) button::before {content: '미디어교육';}
.midarea .main_img .slick-dots li:nth-child(4) button::before {content: '언론지원';}
.midarea .main_img .slick-dots li:nth-child(5) button::before {content: '연구·조사';}
.midarea .main_img .slick-dots li:nth-child(6) button::before {content: '정부광고';}

.maincontents {position: relative;}
.midarea .maincontents .area {margin: 0 auto; padding: 30px 0; width: 1250px;}
.midarea .maincontents .area h3 {margin-bottom: 20px; color: #333; font-size: 26px; font-weight: 500; text-align: center;}
/*TOP이동*/
.floating_top {position: absolute; display: block; z-index: 1047; left: calc(50% + 655px); top: 40px; width: 90px; background: #6fb5dd;}
#sub .floating_top {top: 80px;}
.floating_top.fix {position: fixed; top: calc(50% - 262px) !important;}
.floating_top li {display: table; margin-bottom: 1px;}
.floating_top li:nth-child(n+6) {margin-bottom: 0;}
.floating_top li a {display: table-cell; width: 90px; height: 80px; color: #fff; font-size: 15px; text-align: center; vertical-align: middle; line-height: 15px; background: #3195ce;}
.floating_top li a img {margin-bottom: 10px;}
.floating_top li a.top {height: 40px; font-size: 14px; background: #0b5983;}
.floating_top li a.top img {margin-bottom: 0;}
/*서브TOP이동*/
#sub_midarea .floating_top {top: 270px;}
#sub_midarea .floating_top.fix {position: fixed; top: calc(50% - 262px);}

.maincontents .section1 .kpf_box {overflow: hidden;}
.maincontents .section1 .kpf_box > li {position: relative; overflow: hidden; width: 50%;}
.maincontents .section1 .kpf_box > li.left {float: left; padding-right: 10px;}
.maincontents .section1 .kpf_box > li.right {float: right;padding-left: 10px;}
.maincontents .section1 .kpf_box > li h3 {margin-bottom: 15px; color: #333; font-size: 26px; text-align: left;}
.maincontents .section1 .kpf_box > li .news_area {position: relative; background: #f5f6f8;}
.maincontents .section1 .kpf_box > li .news_area .title_box {display: block; padding: 0 0 10px; text-align: left;}
.maincontents .section1 .kpf_box > li .news_area .title {padding: 0 25px;}
.maincontents .section1 .kpf_box > li .news_area .title_box h4 {overflow: hidden; margin-bottom: 15px; color: #000; font-size: 24px; font-weight: 600; line-height: 24px; text-overflow: ellipsis; white-space: nowrap;}
.maincontents .section1 .kpf_box > li .news_area .title_box p {overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; margin-bottom: 10px; height: 48px; color: #333; line-height: 24px; -webkit-line-clamp: 2;}
.maincontents .section1 .kpf_box > li .news_area .title_box .date {font-size: 14px; line-height: 18px;}
.maincontents .section1 .kpf_box > li .news_area .img_box {margin: 0 auto; margin-bottom: 25px; width: 100%; height: 497px;}
.maincontents .section1 .kpf_box > li .news_area .img_box img {width: 100%; height: 100%;}
.maincontents .section1 .kpf_box > li .news_area .news_slide {padding: 20px; background: #d6e8f3;}
.maincontents .section1 .kpf_box > li .news_area .news_slide li a {display: block; text-align: center;}
.maincontents .section1 .kpf_box > li .news_area .news_slide li a .img_box {display: inline-block;}
.maincontents .section1 .kpf_box > li .news_area .news_slide li a .title_box {position: relative; top: 0; left: 0; padding: 20px 0 0; width: 100%; box-shadow: inherit;}
.maincontents .section1 .kpf_box > li .news_area .news_slide li a .title_box h4 {color: #444; font-size: 16px; line-height: 20px;}
.maincontents .section1 .kpf_box > li .news_area .news_slide li a .title_box p {height: auto; max-height: 60px; font-size: 13px; line-height: 20px; -webkit-line-clamp: 3;}
.maincontents .section1 .kpf_box > li .news_area .news_slide li a .title_box .date {font-size: 11px;}
.maincontents .section1 .kpf_box > li .news_area .slick-arrow {z-index: 20; position: absolute; top: calc(50% - 80px); width: 34px; height: 34px; background-repeat: no-repeat; background-position: 0 0; background-size: 100%; font-size: 0; text-indent: -999px;}
.maincontents .section1 .kpf_box > li .news_area .news_slide .slick-prev {left: 10px; background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Sneebj_ceri4.cat');}
.maincontents .section1 .kpf_box > li .news_area .news_slide .slick-next {right: 10px; background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Sneebj_arkg4.cat');}
.maincontents .section1 .kpf_box > li .news_area .list {padding: 10px 25px 20px 25px; background: #f5f6f8;}
.maincontents .section1 .kpf_box > li .news_area .list li {overflow: hidden; line-height: 46px; border-bottom: 1px solid #dcdcdc;}
.maincontents .section1 .kpf_box > li .news_area .list li:first-child {border-top: 1px solid #dcdcdc;}
.maincontents .section1 .kpf_box > li .news_area .list li a {display: block; overflow: hidden; float: left; width: calc(100% - 70px); color: #333; font-weight: 600; text-overflow: ellipsis; white-space: nowrap;}
.maincontents .section1 .kpf_box > li .news_area .list li .date {float: right; color: #777; font-size: 14px;} /* 202410 수정 */
.maincontents .section1 .kpf_box > li .movie_area {display: flex; justify-content: space-between; flex-flow: column; float: left; width: 345px; height: 625px; margin-right: 20px; margin-bottom: 20px;}
.maincontents .section1 .kpf_box > li .movie_area .movie_box {position: relative; display: block; float: none; width: 100%; height: 186px;}
.maincontents .section1 .kpf_box > li .movie_area .movie_box .icon {position: absolute; left: calc(50% - 40px); top: calc(50% - 40px); width: 81px; height: 81px; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Svpba_cynl2.cat') 0 0 no-repeat; background-size: 100%;}
.maincontents .section1 .kpf_box > li .movie_area .movie_box img {width: 100%; height: 100%;}
.maincontents .section1 .kpf_box > li .movie_area .img_box {display: block; height: 199px;}
.maincontents .section1 .kpf_box > li .movie_area .img_box img {width: 100%; height: 100%;}
.maincontents .section1 .kpf_box > li .bigkinds_area {float: left; padding: 50px 5px 0; width: calc(100% - 365px); height: 625px; text-align: center; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Sznva_ot_ovtxvaqf.cat') center bottom no-repeat; background-size: cover;}
.maincontents .section1 .kpf_box > li .bigkinds_area img {margin-bottom: 50px;}
.maincontents .section1 .kpf_box > li .bigkinds_area .text_box {color: #fff; font-size: 14px; line-height: 24px;}
.maincontents .section1 .kpf_box > li .bigkinds_area .text_box p {margin-bottom: 25px; word-break: keep-all;}
.maincontents .section1 .kpf_box > li .bigkinds_area .text_box p span {color: #ffec84; font-weight: 600;}
.maincontents .section1 .kpf_box > li .bigkinds_area button {display: block; margin: 0 auto 10px; width: 190px; height: 40px; background-color: rgba(12, 55, 100, 0.8); border: 1px solid rgba(142, 166, 194, 0.8);}
.maincontents .section1 .kpf_box > li .bigkinds_area button span {position: relative; padding-right: 20px; color: #e7edf5;}
.maincontents .section1 .kpf_box > li .bigkinds_area button span::after, .maincontents .section1 .kpf_box > li .bigkinds_area button span::before {content: ''; position: absolute; right: 3px; width: 1px; height: 8px; background: #91aac6;}
.maincontents .section1 .kpf_box > li .bigkinds_area button span::after {top: 7px; transform: rotate(-45deg);}
.maincontents .section1 .kpf_box > li .bigkinds_area button span::before {top: 12px; transform: rotate(45deg);}
.maincontents .section1 .kpf_box > li .bigkinds_area.img {padding: 0; background: none; }
.maincontents .section1 .kpf_box > li .bigkinds_area.img a {overflow: hidden; display: block; height: 50%;}
.maincontents .section1 .kpf_box > li .bigkinds_area.img img {margin-bottom: 0; width: 100%;}
.maincontents .section1 .kpf_box > li .movie_area .list1 {overflow: hidden; padding: 0 5px 5px; background: #f5f6f8;}
.maincontents .section1 .kpf_box > li .movie_area .list1 li {float: left; width: 25%; padding: 5px;}
.maincontents .section1 .kpf_box > li .movie_area .list1 li a {display: block;}
.maincontents .section1 .kpf_box > li .movie_area .list1 li a .img_box {margin-bottom: 5px; width: 100%; height: 63px;}
.maincontents .section1 .kpf_box > li .movie_area .list1 li a .img_box img {width: 100%; height: 100%;}
.maincontents .section1 .kpf_box > li .movie_area .list1 li a p {overflow: hidden; color: #333; font-size: 13px; text-overflow: ellipsis; white-space: nowrap;}
.maincontents .section1 .kpf_box > li .movie_area .list2 li {overflow: hidden; line-height: 45px; border-bottom: 1px solid #ebebeb;}
.maincontents .section1 .kpf_box > li .movie_area .list2 li a {overflow: hidden; display: block; float: left; width: calc(100% - 70px); font-size: 15px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap;}
.maincontents .section1 .kpf_box > li .movie_area .list2 li .date {float: right; color: #777; font-size: 14px;} /* 202410 수정 */
.maincontents .section1 .kpf_box > li .news_box {position: relative; clear: both; width: 100%; height: 175px; background: #f8f8f8;}
.maincontents .section1 .kpf_box > li .news_box .more {position: absolute; right: 3px; top: -34px; width: 30px; height: 30px; background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Svpba_zber.cat'); background-repeat: no-repeat; background-position: center center;}
.maincontents .section1 .kpf_box > li .news_box > li {float: left; width: 106px;}
.maincontents .section1 .kpf_box > li .news_box > li > a {display: block; color: #777; font-size: 18px; font-weight: 500; text-align: center; line-height: 40px;}
.maincontents .section1 .kpf_box > li .news_box > li.active > a {color: #fff; font-weight: 600; background: #3195ce;}
.maincontents .section1 .kpf_box > li .news_box > li .tab-pane {display: none; position: absolute; left: 0; top: 40px; padding-top: 15px; width: 100%; background: #fff;}
.maincontents .section1 .kpf_box > li .news_box > li.active .tab-pane {display: block;}
.maincontents .section1 .kpf_box > li .news_box .list {overflow: hidden;}
.maincontents .section1 .kpf_box > li .news_box .list li {line-height: 30px;}
.maincontents .section1 .kpf_box > li .news_box .list li a {overflow: hidden; display: block; float: left; width: calc(100% - 70px); text-overflow: ellipsis; white-space: nowrap;}
.maincontents .section1 .kpf_box > li .news_box .list li .date {color: #777; font-size: 14px;} /* 202410 수정 */

.maincontents .section2 {background: #f4f5f5;}
.maincontents .section2 .area {padding: 20px 0;}
.maincontents .section2 .area .media_box {overflow: hidden; position: relative;}
.maincontents .section2 .area .media_box .list {overflow: hidden; position: relative;}
.maincontents .section2 .area .media_box .list > li {float: left; width: 20%;}
.maincontents .section2 .area .media_box .list > li .box {display: block; margin: 15px; padding: 30px 0; width: calc(100% - 30px); height: 300px; box-shadow: 3px 3px 8px -2px #ccc; background-color: #fff; background-position: right bottom; background-repeat: no-repeat; border-color: #e2e3e3; border-width: 1px; border-style: solid;}
.maincontents .section2 .area .media_box .list > li .box:hover {box-shadow: 3px 3px 8px -4px #ccc; border-color: rgba(48, 149, 206, 1);}
.maincontents .section2 .area .media_box .list > li .box.box1 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Svzt_zrqvn1.cat');}
.maincontents .section2 .area .media_box .list > li .box h3 {margin-bottom: 15px; font-size: 26px;}
.maincontents .section2 .area .media_box .list > li .box ul {padding-left: 50px;}
.maincontents .section2 .area .media_box .list > li .box ul li a {display: block; font-size: 15px; line-height: 22px;}
.maincontents .section2 .area .media_box .list > li .box ul li a span {position: relative; padding-right: 11px;}
.maincontents .section2 .area .media_box .list > li .box ul li a span::after, .maincontents .section2 .area .media_box .list > li .box ul li a span::before {content: ''; position: absolute; right: 0; width: 7px; height: 1px; background-color: #a9a9a9;}
.maincontents .section2 .area .media_box .list > li .box ul li a span::after {top: 8px; transform: rotate(45deg);}
.maincontents .section2 .area .media_box .list > li .box ul li a span::before {top: 12px; transform: rotate(-45deg);}
.maincontents .section2 .area .media_box .list > li .box.box1 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Svzt_zrqvn1.cat');}
.maincontents .section2 .area .media_box .list > li .box.box1:hover {border-color: #10c8b3;}
.maincontents .section2 .area .media_box .list > li .box.box1 h3 {color: #009d8b;}
.maincontents .section2 .area .media_box .list > li .box.box1 ul li a:hover {color: #10c8b3;}
.maincontents .section2 .area .media_box .list > li .box.box1 ul li a:hover span::after, .maincontents .section2 .area .media_box .list > li .box.box1 ul li a:hover span::before {background-color: #10c8b3;}
.maincontents .section2 .area .media_box .list > li .box.box2 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Svzt_zrqvn2.cat');}
.maincontents .section2 .area .media_box .list > li .box.box2:hover {border-color: #836ddf;}
.maincontents .section2 .area .media_box .list > li .box.box2 h3 {color: #836ddf;}
.maincontents .section2 .area .media_box .list > li .box.box2 ul li a:hover {color: #836ddf;}
.maincontents .section2 .area .media_box .list > li .box.box2 ul li a:hover span::after, .maincontents .section2 .area .media_box .list > li .box.box2 ul li a:hover span::before {background-color: #836ddf;}
.maincontents .section2 .area .media_box .list > li .box.box3 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Svzt_zrqvn3.cat');}
.maincontents .section2 .area .media_box .list > li .box.box3:hover {border-color: #3ebdd7;}
.maincontents .section2 .area .media_box .list > li .box.box3 h3 {color: #0198b7;}
.maincontents .section2 .area .media_box .list > li .box.box3 ul li a:hover {color: #3ebdd7;}
.maincontents .section2 .area .media_box .list > li .box.box3 ul li a:hover span::after, .maincontents .section2 .area .media_box .list > li .box.box3 ul li a:hover span::before {background-color: #3ebdd7;}
.maincontents .section2 .area .media_box .list > li .box.box4 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Svzt_zrqvn4.cat');}
.maincontents .section2 .area .media_box .list > li .box.box4:hover {border-color: #3bca81;}
.maincontents .section2 .area .media_box .list > li .box.box4 h3 {color: #02a14f;}
.maincontents .section2 .area .media_box .list > li .box.box4 ul li a:hover {color: #3bca81;}
.maincontents .section2 .area .media_box .list > li .box.box4 ul li a:hover span::after, .maincontents .section2 .area .media_box .list > li .box.box4 ul li a:hover span::before {background-color: #3bca81;}
.maincontents .section2 .area .media_box .list > li .box.box5 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Svzt_zrqvn5.cat');}
.maincontents .section2 .area .media_box .list > li .box.box5:hover {border-color: #ef9f36;}
.maincontents .section2 .area .media_box .list > li .box.box5 h3 {color: #d57901;}
.maincontents .section2 .area .media_box .list > li .box.box5 ul li a:hover {color: #ef9f36;}
.maincontents .section2 .area .media_box .list > li .box.box5 ul li a:hover span::after, .maincontents .section2 .area .media_box .list > li .box.box5 ul li a:hover span::before {background-color: #ef9f36;}
.maincontents .section3 .area {padding: 20px 0 30px}
.maincontents .section3 .area h3 {margin-bottom: 35px;}
.maincontents .section3 .shortcut_box {overflow: hidden; margin-bottom: 10px;}
.maincontents .section3 .shortcut_box li {float: left; margin: 10px 20px 10px 0; width: calc(20% - 16px); background-repeat: no-repeat; background-size: cover;}
.maincontents .section3 .shortcut_box li:nth-child(5n) {margin-right: 0;}
.maincontents .section3 .shortcut_box li:nth-child(1) {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Sznva_ot_thvpx1.wct');}
.maincontents .section3 .shortcut_box li:nth-child(2) {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Sznva_ot_thvpx2.wct');}
.maincontents .section3 .shortcut_box li:nth-child(3) {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Sznva_ot_thvpx3.wct');}
.maincontents .section3 .shortcut_box li:nth-child(4) {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Sznva_ot_thvpx4.wct');}
.maincontents .section3 .shortcut_box li:nth-child(5) {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Sznva_ot_thvpx5.wct');}
.maincontents .section3 .shortcut_box li:nth-child(6) {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Sznva_ot_thvpx6.wct');}
.maincontents .section3 .shortcut_box li:nth-child(7) {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Sznva_ot_thvpx7.wct');}
.maincontents .section3 .shortcut_box li:nth-child(8) {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Sznva_ot_thvpx8.wct');}
.maincontents .section3 .shortcut_box li:nth-child(9) {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Sznva_ot_thvpx11.wct');}
.maincontents .section3 .shortcut_box li:nth-child(10) {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Sznva_ot_thvpx10.wct');}
.maincontents .section3 .shortcut_box li a {position: relative; display: block; padding: 20px 0; height: 200px; color: #fff; text-align: center; background: rgba(48, 149, 206, 0.85);}
.maincontents .section3 .shortcut_box li a h4 {position: relative; display: table; width: 100%; padding-bottom: 15px; margin-bottom: 15px; color: #fff; font-weight: 600;}
.maincontents .section3 .shortcut_box li a h4::after {content: ''; position: absolute; left: calc(50% - 25px); bottom: 0; width: 50px; height: 2px; background: #fff;}
.maincontents .section3 .shortcut_box li a h4 p,
.maincontents .section3 .shortcut_box li a h4 > span{display: table-cell; width: 100%; height: 50px; font-size: 24px; vertical-align: bottom;} /* 202410 수정 */
.maincontents .section3 .shortcut_box li a h4 p span,
.maincontents .section3 .shortcut_box li a h4 > span > span{font-size: 16px;} /* 202410 수정 */
.maincontents .section3 .shortcut_box li a .text {line-height: 20px;}
.maincontents .section3 .shortcut_box li a .more {position: absolute; left: calc(50% - 58px); bottom: 30px; padding: 0 45px 0 15px; font-size: 15px; font-weight: 300; line-height: 35px; border: 1px solid #fff; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Svpba_zber3.cat') right 15px center no-repeat; opacity: 0;}
.maincontents .section3 .shortcut_box li a .more2 {position: absolute; left: calc(50% - 70px); bottom: 30px; padding: 0 15px 0 15px; font-size: 15px; font-weight: 300; line-height: 35px; opacity: 0;}
.maincontents .section3 .shortcut_box li:hover a {background: rgba(48, 149, 206, 1);}
.maincontents .section3 .shortcut_box li:hover a > img {display: inline-block;}
.maincontents .section3 .shortcut_box li:hover a h4::after {display: none;}
.maincontents .section3 .shortcut_box li:hover a h4 p,
.maincontents .section3 .shortcut_box li:hover a h4 > span{height: 115px; vertical-align: middle;} /* 202410 수정 */
.maincontents .section3 .shortcut_box li:hover a .text {display: none;}
.maincontents .section3 .shortcut_box li:hover a .more {opacity: 1;}
.maincontents .section3 .shortcut_box li:hover a .more2 {opacity: 1;}
.maincontents .section3 .shortcut_box .title2 {display: table-cell; width: 100%; height: 50px; font-size: 20px; vertical-align: bottom;}
.maincontents .section3 .shortcut_box .title2 span {font-size: 26px; font-weight: bold;}
.maincontents * {-webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;}
.maincontents .section3 .participation_area {overflow: hidden; float: left; padding: 30px; margin-right: 20px; width: 826px; height: 200px; background-color: #ffcb34; background-repeat: no-repeat, no-repeat; background-position: left bottom, right top; background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Sznva_ot_cneg1.cat'), url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Sznva_ot_cneg2.cat');}
.maincontents .section3 .participation_area .title_box {float: left; width: 170px;}
.maincontents .section3 .participation_area .title_box h4 {position: relative; margin-bottom: 5px; padding-bottom: 18px; color: #594302; font-size: 26px; font-weight: 600;}
.maincontents .section3 .participation_area .title_box h4::after {content: ''; position: absolute; left: 0; bottom: 0; width: 20px; height: 3px; background: #594302;}
.maincontents .section3 .participation_area .title_box p {color: #594302; font-size: 15px; line-height: 20px;}
.maincontents .section3 .participation_area .list {overflow: hidden; float: right;}
.maincontents .section3 .participation_area .list li {float: left; margin: 0 5px; width: 120px;}
.maincontents .section3 .participation_area .list li a {position: relative; display: block; padding-top: 115px; text-align: center;}
.maincontents .section3 .participation_area .list li a::after {content: ''; position: absolute; top: 5px; left: calc(50% - 45px); width: 90px; height: 90px; border-radius: 90px; background-color: #fff; background-repeat: no-repeat; background-position: center center;}
.maincontents .section3 .participation_area .list li:nth-child(1) a::after {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Sznva_vpba_cneg1.cat');}
.maincontents .section3 .participation_area .list li:nth-child(2) a::after {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Sznva_vpba_cneg2.cat');}
.maincontents .section3 .participation_area .list li:nth-child(3) a::after {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Sznva_vpba_cneg3.cat');}
.maincontents .section3 .participation_area .list li:nth-child(4) a::after {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Sznva_vpba_cneg4.cat');}
.maincontents .section3 .participation_area .list li:nth-child(1):hover a::after {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Sznva_vpba_cneg1_ba.cat');}
.maincontents .section3 .participation_area .list li:nth-child(2):hover a::after {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Sznva_vpba_cneg2_ba.cat');}
.maincontents .section3 .participation_area .list li:nth-child(3):hover a::after {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Sznva_vpba_cneg3_ba.cat');}
.maincontents .section3 .participation_area .list li:nth-child(4):hover a::after {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Sznva_vpba_cneg4_ba.cat');}
.maincontents .section3 .participation_area .list li a span {color: #000; font-size: 18px; font-weight: 600;}
.maincontents .section3 .notice_area {position: relative; float: right; width: calc(100% - 846px); height: 200px; border: 1px solid #d8d8d8;}
.maincontents .section3 .notice_area h4 {padding: 10px;}
.maincontents .section3 .notice_area .notice_slide a {display: block; height: 200px;}
.maincontents .section3 .notice_area .notice_slide img {width: 100%; height: 100%;}
.maincontents .section3 .notice_area .bx-controls {position: absolute; right: 0; top: -1px;}
.maincontents .section3 .notice_area .bx-controls .bx-controls-direction a {position: absolute; display: block; width: 24px; height: 24px; font-size: 0; text-indent: -999px; background-color: #f6f6f6; border: 1px solid #d8d8d8;}
.maincontents .section3 .notice_area .bx-controls .bx-controls-direction a::after, .maincontents .section3 .notice_area .bx-controls .bx-controls-direction a::before {position: absolute;content: '';left: 10px;width: 2px;height: 7px;background: #777;}
.maincontents .section3 .notice_area .bx-controls .bx-controls-direction a::after {top: 9px;transform: rotate(-45deg);}
.maincontents .section3 .notice_area .bx-controls .bx-controls-direction a::before {top: 6px; transform: rotate(45deg);}
.maincontents .section3 .notice_area .bx-controls .bx-controls-direction a.bx-prev {right: 45px;}
.maincontents .section3 .notice_area .bx-controls .bx-controls-direction a.bx-next {right: -1px; transform: rotate(180deg);}
.maincontents .section3 .notice_area .bx-controls .bx-controls-auto {position: absolute; top: 0; right: 46px;}
.maincontents .section3 .notice_area .bx-controls .bx-controls-auto .bx-controls-auto-item a {position: absolute; display: block; width: 24px; height: 24px; font-size: 0; text-indent: -999px; background-color: #f6f6f6; border: 1px solid #d8d8d8;}
.maincontents .section3 .notice_area .bx-controls .bx-controls-auto .bx-controls-auto-item a::after, .maincontents .section3 .notice_area .bx-controls .bx-controls-auto .bx-controls-auto-item a::before {content: ''; position: absolute; top: 7px; width: 2px; height: 8px; background: #777;}
.maincontents .section3 .notice_area .bx-controls .bx-controls-auto .bx-controls-auto-item a::after {left: 8px;}
.maincontents .section3 .notice_area .bx-controls .bx-controls-auto .bx-controls-auto-item a::before {right: 8px;}
.maincontents .section3 .notice_area .bx-controls .bx-controls-auto .bx-controls-auto-item a.bx-start::after {width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 6px solid #777; background: none;}
.maincontents .section3 .notice_area .bx-controls .bx-controls-auto .bx-controls-auto-item a.bx-start::before {display: none;}
.maincontents .section3 .notice_area .bx-controls .bx-controls-auto .bx-controls-auto-item a.bx-stop {}
.maincontents .section3 .notice_area .bx-controls .bx-pager {position: absolute; right: 70px; top: 2px;}
.maincontents .section4 {background: #e5eaed;}
.maincontents .section4 .area {width: 1280px;}
.maincontents .section4 .area .list {overflow: hidden;}
.maincontents .section4 .area .list li {float: left; width: 20%; padding: 2.5px 10px;}
.maincontents .section4 .area .list li a {display: block; padding-left: 10px; border: 1px solid #c0cbd2; background-color: #fff; color: #444; line-height: 36px; background-repeat: no-repeat; background-position: right 10px center; background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Svpba_zber2.cat');}
.maincontents .section4 .area .list li a:hover {border: 1px solid #2d93d1; background-color: #2d93d1; color: #fff; background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Svpba_zber2_ba.cat');}
.maincontents .section5 {background: #0b5983;}
.maincontents .section5 .area h3 {color: #fff;}
.maincontents .section5 .area .list {overflow: hidden;}
.maincontents .section5 .area .list li {float: left; padding-right: 15px;}
.maincontents .section5 .area .list li a {display: block; padding-right: 10px; color: #cfdde5; font-size: 15px; line-height: 28px; background-image: none; background-repeat: no-repeat; background-position: right center;}
.maincontents .section5 .area .list li a:hover {color: #fff; font-weight: 600; background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Svpba_zber4.cat');}

.midarea .banner_box {position: relative; margin: 0 auto; padding: 40px 45px; width: 1250px;}
.midarea .banner_box li a {display: block; text-align: center;}
.midarea .banner_box li a img {display: inline-block;}
.midarea .banner_box .slick-arrow {position: absolute; top: calc(50% - 18px); width: 36px; height: 36px; background-repeat: no-repeat; background-position: center center; font-size: 0; text-indent: -999px; }
.midarea .banner_box .slick-prev {left: 0; background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Sneebj_ceri3.cat');}
.midarea .banner_box .slick-next {right: 0; background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Sneebj_arkg3.cat');}

.bottomarea {background: #303942;}
.bottomarea .footer_top {background: #4e5359;}
.bottomarea .footer_top .pri_box {/* overflow: hidden; */ margin: 0 auto; width: 1250px;}
.bottomarea .footer_top .pri_box:after {display:block;content:'';clear:both;} /* 202410 수정 */
.bottomarea .footer_top .pri_box li {position: relative; float: left;}
.bottomarea .footer_top .pri_box li::after {content: ''; position: absolute; left: 0; top: calc(50% - 5px); width: 1px; height: 10px; background: #7f7f7f;}
.bottomarea .footer_top .pri_box li:nth-child(1)::after {display: none;}
.bottomarea .footer_top .pri_box li a {display: block; color: #b7b7b7; font-weight: 500;padding: 15px 20px;}
.bottomarea .footer_top .pri_box li:nth-child(1) a {padding: 15px 20px 15px 0;}
.bottomarea .footer_top .pri_box li a.privacy {color: #ea9b02;}
.bottomarea .address_box {position: relative; margin: 0 auto; padding: 40px 0 40px 250px; width: 1250px;}
.bottomarea .address_box img.logo {position: absolute; left: 0; top: calc(50% - 27px);}
.bottomarea .address_box address {}
.bottomarea .address_box address p {color: #a5a5a5; font-size: 15px;}
.bottomarea .address_box address p.copy {color: #888; font-size: 13px;}

.web_only {display: block !important;}
.mobile_only {display: none !important;}
.mobileoff_in {display: inline-block !important;}
.mobileon_in {display: none !important;}

/*팝업*/
.modal {display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 1100; -webkit-overflow-scrolling: touch; outline: 0; background: rgba(0, 0, 0, 0.8);}
.modal.on {display: block;}
.popup {z-index: 1100; position: absolute; top: 50%; width: 700px; left: calc(50% - 350px); transform: translateY(-50%); background: #fff;}
.popup.board {margin-top: -311px;}
.popup .modal_close {z-index: 700; position: absolute; right: -40px; top: 0; width: 30px; height: 30px; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Svpba_pybfr2.cat') center center no-repeat;}
.popup .popup_title {position: relative; padding: 30px; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Sot_cbchc.cat') 0 0 #085885;}
.popup .popup_title h3 {color: #fff; font-size: 22px; font-weight: 600;}
.popup .popup_title .close {position: absolute; right: 20px; top: 30px; width: 22px; height: 22px; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Svpba_pybfr2.cat') center center no-repeat;}
.popup .popup_inner {position: relative; overflow-y: auto; padding: 30px 20px; max-height: 600px; background: #fff;}
.popup .popup_inner h3.title {margin-bottom: 15px; color: #333; font-size: 22px; font-weight: 600;}
.popup .popup_inner .step_list {margin-bottom: 30px;}
.popup .popup_inner .board_agree {padding: 15px; height: 150px;}
.popup .popup_inner .board_agree h4 {margin-bottom: 10px; color: #666; font-size: 16px; font-weight: 600;}
.popup .popup_inner .boardwrite tbody tr th {padding: 5px 10px 5px 20px; width: 140px; font-size: 14px;}
.popup .popup_inner .boardwrite tbody tr td .inpbox {height: 30px;}
.popup .popup_inner .boardwrite tbody tr td .optionbox {height: 30px;}
.popup .popup_inner .boardwrite tbody tr td textarea {height: 80px;}
.popup .popup_inner .boardwrite tbody tr td .text {margin: 0 5px;}
.popup .popup_inner .boardwrite tbody tr td .email .optionbox, .popup .popup_inner .boardwrite tbody tr td .email .inpbox {width: calc(33.33% - 11.5px);}
.popup .popup_inner .list_type3 > li {font-size: 16px; line-height: 32px;}
.popup .popup_inner .list_type3 > li::after {top: 14px;}
.popup .popup_inner .agree_box h5.h5 {margin-bottom: 5px;}
/*다운로드동의서*/
.popup.download .popup_inner {max-height: 720px;}
/*메인팝업*/
.popup.main {transform: translateY(0);} 
.popup.main .popup_inner {padding: 20px;} 
.popup.main .bottom {overflow: hidden; padding: 15px 20px; width: 100%; text-align: right; border-top: 1px solid #b1bec8; background: #fff;}
.popup.main .bottom .check_box {float: right; top: -2px;}
.popup.main .bottom button {float: right; width: 75px; height: 28px; color: #fff; font-size: 16px; background: #454f57;}
.popup.main .popup_inner .contents a{display:block;} /* 202410 수정 */

/*에러페이지*/
.error {overflow: hidden; width: 100%; height: auto; margin-top: -125px; position: absolute; top: 50%; background: #f8f8f9; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
.error .error_box {width: 640px; margin: 0 auto; padding: 50px;}
.error .error_box h3 {color: #333; padding-bottom: 20px; font-size: 18px;}
.error .error_box .text {color: #515151; font-size: 15px; line-height: 25px;}
.error .error_box button {padding: 5px 15px; color: #fff; font-size: 13px;}

@media screen and (min-width:320px) and (max-width:1017px){
	.mobileoff_in {display: none !important;}
	.mobileon_in {display: inline-block!important;}
	.web_only {display: none !important;}
	.mobile_only {display: block !important;}
	
/*메뉴*/
	#wrap {width:100%; min-width:100%;}
	
	.toparea .top_nav {width: 100%; height: 60px;}
	.toparea .top_nav .sns_box {display: none;}
	.toparea .top_nav h1, .toparea .top_menu h1 {position: relative; left: 15px; top: 10px; display: inline-block; }
	.toparea .top_nav h1 a img, .toparea .top_menu h1 img {width: 125px;}
	.toparea .top_nav .right_box, .toparea .top_menu .right_box {position: absolute; top: 20px; right: 55px;}
	.toparea .top_nav .right_box > ul {display: none;}
	.toparea .top_nav .right_box .search {top: -3px; z-index: 40;}
	.toparea .top_menu .right_box {position: absolute; top: 16px; right: 55px;}
	.toparea .search_area {top: 60px;}
	.toparea .search_area .search_box {padding: 20px; width: 100%;}
	.toparea .search_area .search_box .search_c {position: absolute; z-index: 45; top: -41px; right: 55px; width: 21px; height: 25px; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Svpba_zbovyr_pybfr.cat') center center no-repeat #fff; background-size: 18px;}
	.toparea .search_area .search_box fieldset button.detail {margin-top: 10px; padding-left: 0; float: none; width: 100%; height: 40px; text-align: center;}
	.toparea .search_area .search_box .popular {width: 100%;}
    
    /*eng 메뉴*/
    .toparea.eng {position: relative;}
    .toparea.eng .topmenu {display: block; width: 100%; height: 60px;}
    .toparea.eng .topmenu a.korean {overflow: hidden; padding: 0 11px; right: 55px; top: 50%; transform: translateY(-50%); font-size: 13px; width: 50px; height: 22px; line-height: 22px; border-radius: 0; word-break: break-all;}
    .toparea.eng h1 {left: 15px;}
    .toparea.eng h1 a img {width: 60px;}
    .toparea.eng .topmenu .gnb {display: none;}
    
    /*검색 공통*/
    .search_area .search_box fieldset {width: 100%; height: auto;}
	.search_area .search_box fieldset .search_inp {float: none; width: 100%; border-bottom: 0;}
	.search_area .search_box fieldset .search_inp select {float: left; width: 120px; height: 38px; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Svpba_neebj2.cat') right 10px center no-repeat;}
	.search_area .search_box fieldset .search_inp .inp_box {margin: 8px 0; width: calc(100% - 170px); height: 22px;}
	.search_area .search_box fieldset .search_inp .inp_box input {padding: 0 50px 0 20px; height: 22px; font-size: 20px;}
	.search_area .search_box fieldset .search_inp .inp_box input::-webkit-input-placeholder {font-size: 20px; }
	.search_area .search_box fieldset .search_inp .inp_box input:-moz-placeholder {font-size: 20px;}
	.search_area .search_box fieldset .search_inp .inp_box input::-moz-placeholder {font-size: 20px;}
	.search_area .search_box fieldset .search_inp .inp_box input:-ms-input-placeholder {font-size: 20px;}
	.search_area .search_box fieldset .search_inp .inp_box .delete {position: absolute; right: 10px; top: 0px;}
	.search_area .search_box fieldset .search_inp .search {margin-top: 7px; width: 50px; height: 22px;}
	.search_area .search_box fieldset .search_inp .search img {height: 100%;}
    .toparea .search_area .search_box .detail_area {width: 100%;}
    .search_area .search_box .detail_area .detail_box dl dd .radio_period {display: block; margin-right: 0; margin-bottom: 10px;}
    
	/*메뉴*/
	.toparea .topmenu {display: none;}
	.toparea .mobile-category {z-index: 1099; display:block; position: absolute; width: 100% !important; top: -38px; left: 0;}
	.toparea.mobileOpen .mobile-category {position:fixed; top: 0; width: 100% !important; height: 100%; background: rgba(0, 0, 0, 0.5);}
	.toparea .mobile-category .btn-category-holder {position:absolute; top:50px; right: 10px; z-index:101; width:35px; height:35px; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Svpba_zbovyr_zrah.cat') center center no-repeat; background-size: 20px; font-size:0; text-indent:-99999px;}
	.toparea .mobile-category > div.mobild_menu {display: none; top:0;width:100%; background:#fff;}
	.toparea.mobileOpen .mobile-category > div.mobild_menu {display: block;}
	.toparea .mobile-category > div.mobild_menu::-webkit-scrollbar {display:none;}
	.toparea .mobile-category > div.mobild_menu:-moz-scrollbar {display:none;}
	.toparea .mobile-category > div.mobild_menu::-moz-scrollbar {display:none;}	
	.mobild_menu {position: relative; z-index: 999;}
	.mobild_menu .close {position: absolute; z-index: 120; top: 21px; right: 15px; width: 19px; height: 19px; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Svpba_zbovyr_pybfr.cat') 0 0 no-repeat; background-size: 100%; font-size: 0; text-indent: -999px;}
	.mobild_menu .top_menu {height: 60px; background: #fff;}
	.mobild_menu .language_box {overflow: hidden; padding: 13px 20px; background: #2d93d1;}
	.mobild_menu .language_box > a {padding: 0 10px; float: left; color: #fff; font-size: 13px; border: 1px solid #fff;}
	.mobild_menu .language_box > .text_box {float: right;}
	.mobild_menu .language_box > .text_box p {display: inline-block; color: #fff; font-size: 12px;}
	.mobild_menu .language_box > .text_box button {margin-left: 5px;}
	.mobild_menu .language_box > .text_box button img {width: 26px;}
	.mobild_menu .mobile_gnb {position: relative;}
	.mobild_menu .mobile_gnb > li > a {position: relative; display: block; width: 90px; font-size: 11px; line-height: 50px; text-align: center; background: #edf1f4; border-bottom: 1px solid #d9dfe3;}
	.mobild_menu .mobile_gnb > li.active > a {color: #2d93d1; font-weight: 600; background: #fff;}
	.mobild_menu .mobile_gnb > li > a > span {display: none;}
	.mobild_menu .mobile_gnb > li > .smenu_list {display: none; position: absolute; top: 0; left: 90px; padding: 0 10px; width: calc(100% - 90px);}
	.mobild_menu .mobile_gnb > li > .smenu_list > li {border-bottom: 1px solid #b2bac1;}
	.mobild_menu .mobile_gnb > li > .smenu_list > li > a {position: relative; display: block; font-size: 11px; line-height: 40px;}
	.mobild_menu .mobile_gnb > li > .smenu_list > li > a h4 {display: inline-block; color: #333; font-weight: 500;}
	.mobild_menu .mobile_gnb > li > .smenu_list > li > a span {position: absolute; right: 0; top: 0; color: #91959c; font-size: 18px;}
	.mobild_menu .mobile_gnb > li > .smenu_list > li > .ssmenu_list {display: none; padding: 5px 0; border-top: 1px solid #b2bac1;}
	.mobild_menu .mobile_gnb > li > .smenu_list > li > .ssmenu_list li a {position: relative; display: block; padding-left: 10px; font-size: 10px; line-height: 20px;}
	.mobild_menu .mobile_gnb > li > .smenu_list > li > .ssmenu_list li a::after {content: ''; position: absolute; left: 0; top: 9px; width: 3px; height: 1px; background: #999;}
    
	/*메뉴*/
	.toparea.eng .mobild_menu .mobile_gnb {border-top: 1px solid #d1d7da;}
	.toparea.eng .mobild_menu .mobile_gnb > li > a {padding: 0 20px; width: 100%; font-size: 18px; line-height: 50px; text-align: left; background: #fff; border-bottom: 1px solid #d1d7da;}
	.toparea.eng .mobild_menu .mobile_gnb li a span {position: absolute; right: 20px; top: 50%; transform: translateY(-50%); display: block; width: 13px; height: 13px; font-size: 0; text-indent: -999px;}
	.toparea.eng .mobild_menu .mobile_gnb li a span::after {content: ''; position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); display: block; width: 13px; height: 1px; background: #91959c; font-size: 0; text-indent: -999px;}
	.toparea.eng .mobild_menu .mobile_gnb li a span::before {content: ''; position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%) rotate(90deg); display: block; width: 13px; height: 1px; background: #91959c; font-size: 0; text-indent: -999px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
	.toparea.eng .mobild_menu .mobile_gnb li.active > a > span::before {transform: translateY(-50%) translateX(-50%);}
	.toparea.eng .mobild_menu .mobile_gnb > li > .smenu_list {display: none; position: relative; top: 0; left: 0; padding: 10px 20px; width: 100%; background: #f8fafb; border-bottom: 1px solid #d1d7da;}
	.toparea.eng .mobild_menu .mobile_gnb > li > .smenu_list > li {border-bottom: 0;}
	.toparea.eng .mobild_menu .mobile_gnb > li > .smenu_list > li > a {color: #333; font-size: 14px; line-height: 27px;}
	.toparea.eng .mobild_menu .mobile_gnb > li > .smenu_list > li > a span::after {width: 10px;}
	.toparea.eng .mobild_menu .mobile_gnb > li > .smenu_list > li > a span::before {width: 10px;}
	.toparea.eng .mobild_menu .mobile_gnb > li > .smenu_list > li.active > a {color: #2d93d1;}
	.toparea.eng .mobild_menu .mobile_gnb > li > .smenu_list > li > a span {right: 0;}
	.toparea.eng .mobild_menu .mobile_gnb > li > .smenu_list > li > .ssmenu_list {display: none; padding: 5px; border-top: 0;}
	.toparea.eng .mobild_menu .mobile_gnb > li > .smenu_list > li > .ssmenu_list li a {font-size: 12px;}
	.toparea.eng .mobild_menu .mobile_gnb > li > .smenu_list > li > .ssmenu_list li a::after {top: 10px;}
	
    .midarea .main_img {width: 100%;}
	.midarea .main_img .slick-slide {height: 400px;}
	.midarea .main_img .slick-slide img {height: 100%;}
	.midarea .main_img .slick-dots {position: absolute; top: inherit; bottom: 10px;}
	.midarea .main_img .slick-dots::after {display: none;}
	.midarea .main_img .slick-dots li {display: inline-block; margin: 0 2px;}
	.midarea .main_img .slick-dots li button {position: inherit; padding: 0; width: 10px; height: 10px; border: 1px solid #fff; border-radius: 10px;}
	.midarea .main_img .slick-dots li.slick-active button {width: 30px; background: #fff;}
	.midarea .main_img .slick-dots li.slick-active button::after {display: none;}
	.midarea .main_img .slick-dots li.slick-active button::before {display: block; font-weight: 600;}
	.midarea .main_img .slick-dots li button::before {position: absolute; display: none; top: -345px; left: calc(50% - 40px); width: 80px; height: 22px; font-size: 11px; line-height: 22px; color: #085885; background: #fff; border-radius: 22px;}
	
	.midarea .maincontents .area {padding: 25px 20px; width: 100%;}
	.midarea .maincontents .area h3 {margin-bottom: 15px; font-size: 20px;}
	/*TOP이동*/
	.floating_top {display: none;}

	.maincontents .section1 .area {padding: 0;}
	.maincontents .section1 .kpf_box > li {position: relative; width: 100%; padding-top: 30px;}
	.maincontents .section1 .kpf_box > li.left {float: none; padding-right: 0;}
	.maincontents .section1 .kpf_box > li.right {float: none; padding: 30px 20px 20px;}
	.maincontents .section1 .kpf_box > li h3 {font-size: 20px; text-align: center;}
    .maincontents .section1 .kpf_box > li .news_area > .title_box {display: none;}
    .maincontents .section1 .kpf_box > li .news_area .img_box {margin-bottom: 0;}
    .maincontents .section1 .kpf_box > li .news_area .list {display: none;}
	.maincontents .section1 .kpf_box > li .news_box {position: relative; margin: 30px 0 0; height: auto; text-align: left; background: #fff;}
	.maincontents .section1 .kpf_box > li .news_box select {display: block; margin-bottom: 15px; padding: 0 10px; width: 170px; height: 30px; color: #333; font-size: 14px; font-weight: 600; border: 1px solid #c2c2c2; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Svpba_neebj2.cat') right 10px center no-repeat;}
	.maincontents .section1 .kpf_box > li .news_box .more {position: absolute; right: 0; top: 0px; border: 1px solid #e0e0e0;}
	.maincontents .section1 .kpf_box > li .news_box .more img {width: 30px;}
	.maincontents .section1 .kpf_box > li .news_box .list li {overflow: hidden; float: none; width: 100%; margin-right: 0; margin-bottom: 15px;}
	.maincontents .section1 .kpf_box > li .news_box .list li:last-child {margin-bottom: 0;}
	.maincontents .section1 .kpf_box > li .news_box .list li a {padding: 15px; float: none; width: 100%; height: auto; text-overflow: inherit; white-space: inherit; border: 1px solid #ebebeb;}
	.maincontents .section1 .kpf_box > li .news_box .list li a h4 {overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; margin-bottom: 10px; height: auto; max-height: 46px; font-size: 16px; line-height: 23px; -webkit-line-clamp: 2;}
	.maincontents .section1 .kpf_box > li .news_box .list li a p {overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; margin: 15px 0; height: auto; max-height: 60px; font-size: 13px; line-height: 20px; -webkit-line-clamp: 3;}
	.maincontents .section1 .kpf_box > li .news_box .list li a .date {font-size: 11px;}
	
    .maincontents .section2 .area {padding: 10px 5px;}
    .maincontents .section2 .area .media_box .list > li .box {margin: 5px; padding: 20px 0; width: calc(100% - 10px); height: 240px; background-size: contain;}
    .maincontents .section2 .area .media_box .list > li .box h3 {margin-bottom: 10px; font-size: 18px;}
    .maincontents .section2 .area .media_box .list > li .box ul {padding-left: 20px;}
    .maincontents .section2 .area .media_box .list > li .box ul li a {font-size: 14px; line-height: 22px;}
    .maincontents .section2 .area .media_box .list > li .box ul li a span {position: relative; padding-right: 11px;}
    .maincontents .section2 .area .media_box .list > li .box ul li a span::after, .maincontents .section2 .area .media_box .list > li .box ul li a span::before {content: ''; position: absolute; right: 0; width: 7px; height: 1px; background-color: #a9a9a9;}
    .maincontents .section2 .area .media_box .list > li .box ul li a span::after {top: 8px; transform: rotate(45deg);}
    .maincontents .section2 .area .media_box .list > li .box ul li a span::before {top: 12px; transform: rotate(-45deg);}

	.maincontents .section3 .shortcut_box li {margin: 5px 10px 5px 0; width: calc(20% - 8px);}
	.maincontents .section3 .shortcut_box li a {height: 145px;}
	.maincontents .section3 .shortcut_box li a h4 {padding-bottom: 10px; margin-bottom: 10px; word-break: keep-all;}
	.maincontents .section3 .shortcut_box li a h4::after {left: calc(50% - 18px); width: 36px; height: 1px;}
	.maincontents .section3 .shortcut_box li a h4 p,
	.maincontents .section3 .shortcut_box li a h4 > span{display: table-cell; width: 100%; height: 45px; font-size: 14px; line-height: 20px; vertical-align: bottom;} /* 202410 수정 */
	.maincontents .section3 .shortcut_box li a h4 p img {height: 25px;}
	.maincontents .section3 .shortcut_box li a h4 p span,
	.maincontents .section3 .shortcut_box li a h4 > span > span{font-size: 14px;} /* 202410 수정 */
	.maincontents .section3 .shortcut_box li a .text {font-size: 10px; line-height: 13px;}
	.maincontents .section3 .shortcut_box li a .more {left: calc(50% - 37px); padding: 0 25px 0 10px; font-size: 10px; line-height: 20px; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Svpba_zber3.cat') right 10px center no-repeat; opacity: 0; background-size: 12px;}
	.maincontents .section3 .shortcut_box li a .more2 {left: calc(50% - 37px); padding: 0 25px 0 10px; font-size: 10px; line-height: 20px; opacity: 0; background-size: 12px;}
	.maincontents .section3 .shortcut_box li:hover a h4 p,
	.maincontents .section3 .shortcut_box li:hover a h4 > span{height: 70px;} /* 202410 수정 */
	.maincontents .section3 .shortcut_box .title2 {height: 45px; font-size: 14px; line-height: 20px;}
	.maincontents .section3 .shortcut_box .title2 span {font-size: 14px;}
	.maincontents .section3 .participation_area {display: none;}
	.maincontents .section3 .notice_area {float: none; width: 100%; height: auto;}
	.maincontents .section3 .notice_area h4 {padding: 5px 10px; font-size: 14px;}
	.maincontents .section3 .notice_area .notice_slide {height: auto;}
	.maincontents .section3 .notice_area .bx-controls {top: 3px; width: 120px;}
	.maincontents .section3 .notice_area .bx-controls .bx-controls-direction a {width: 8px; height: 15px; background-size: 100%;}
	.maincontents .section3 .notice_area .bx-controls .bx-controls-direction a.bx-prev {margin-right: 26px;}
	.maincontents .section3 .notice_area .bx-controls .bx-controls-auto {position: absolute; top: 6px; right: 17px;}
	.maincontents .section3 .notice_area .bx-controls .bx-controls-auto .bx-controls-auto-item a {width: 8px; height: 15px; background-size: 100%;}
	.maincontents .section3 .notice_area .bx-controls .bx-pager {right: 60px; top: 1px; font-size: 14px;}
	
	.maincontents .section4 {display: none;}
	.maincontents .section5 {display: none;}

	.midarea .banner_box {padding: 0 40px; margin-bottom: 20px; width: 100%;}
	.midarea .banner_box li a img {height: 30px;}
	.midarea .banner_box .slick-arrow {top: calc(50% - 14px); width: 28px; height: 28px; background-size: 100%; }
	.midarea .banner_box .slick-prev {left: 10px;}
	.midarea .banner_box .slick-next {right: 10px;}

	.bottomarea .footer_top .pri_box {padding: 20px; width: 100%; text-align: center;}
	.bottomarea .footer_top .pri_box li {float: none; display: inline-block;}
	.bottomarea .footer_top .pri_box li a {padding: 0 10px; font-size: 14px;}
	.bottomarea .footer_top .pri_box li:nth-child(1) a {padding: 0 10px;}
	.bottomarea .address_box {padding: 30px 20px; width: 100%; text-align: center;}
	.bottomarea .address_box img.logo {position: relative; top: 0; margin-bottom: 30px; height: 44px;}
	.bottomarea .address_box address p {font-size: 11px; line-height: 18px; word-break: keep-all;}
	
	.bottomarea .address_box address p.copy {margin-top: 15px; font-size: 10px; line-height: 14px;}
	
}
@media screen and (min-width:320px) and (max-width:784px){
    .maincontents .section1 .kpf_box > li .movie_area .movie_box {margin-bottom: 0;}
    
    .maincontents .section2 .area {padding: 20px;}
    .maincontents .section2 .area .media_box .list > li {float: inherit; margin-bottom: 10px; width: 100%;}
    .maincontents .section2 .area .media_box .list > li:last-child {margin-bottom: 0;}
    .maincontents .section2 .area .media_box .list > li .box {margin: 0; padding: 15px; width: 100%; height: auto;  border: 0;}
    .maincontents .section2 .area .media_box .list > li .box h3 {margin-bottom: 5px; text-align: left;}
    .maincontents .section2 .area .media_box .list > li .box ul {overflow: hidden; padding-left: 0; width: 250px;}
    .maincontents .section2 .area .media_box .list > li .box ul li {float: left; width: 50%;}
    .maincontents .section2 .area .media_box .list > li .box ul li a span {position: relative; padding-right: 11px;}
    .maincontents .section2 .area .media_box .list > li .box ul li a span::after, .maincontents .section2 .area .media_box .list > li .box ul li a span::before {content: ''; position: absolute; right: 0; width: 7px; height: 1px; background-color: #a9a9a9;}
    .maincontents .section2 .area .media_box .list > li .box ul li a span::after {top: 8px; transform: rotate(45deg);}
    .maincontents .section2 .area .media_box .list > li .box ul li a span::before {top: 12px; transform: rotate(-45deg);}
    
    /*설문조사 의견 팝업*/
    .popup {width: calc(100% - 20px) !important; left: 10px !important; margin-top: 15px; max-height: calc(100% - 60px);}
    .popup .modal_close {right: 0; top: -40px;}
    .popup .popup_inner {max-height: 450px;}

	/*에러페이지*/
	.error {overflow: hidden; width: 100%; height: auto; margin-top: -65px; position: absolute; top: 50%; background: #f8f8f9; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
	.error .error_box {width: 100%; margin: 0 auto; padding: 30px 20px;}
	.error .error_box h3 {color: #333; padding-bottom: 20px; font-size: 18px;}
	.error .error_box .text {color: #515151; font-size: 15px; line-height: 25px;}
	.error .error_box button {padding: 5px 15px; color: #fff; font-size: 13px;}
}
@media screen and (min-width:320px) and (max-width:640px){
	
	.toparea .search_area .search_box fieldset button.detail {font-size: 12px;}
	.toparea .search_area .search_box fieldset button.detail::after {right: 15px;}
	.toparea .search_area .search_box .popular {margin: 25px 0; line-height: 20px;}
	.toparea .search_area .search_box .popular dt {width: 100%;}
	.toparea .search_area .search_box .popular dd {width: 100%;}
	.toparea .search_area .search_box .popular dd a {padding: 0 7px 0 0; margin-right: 7px; font-size: 10px;}
	.toparea .search_area .search_box .popular dd a::after {top: 7px; height: 7px;}
    
    /*검색 공통*/
    .search_area .search_box fieldset .search_inp {position: relative;}
	.search_area .search_box fieldset .search_inp select {float: none; padding: 0 10px; width: 100%; height: 40px; font-size: 11px; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xcs.be.xe%2Svzntrf%2Ssebag%2Svpba_neebj2.cat') right 10px center no-repeat; border: 1px solid #2d93d1;}
	.search_area .search_box fieldset .search_inp .inp_box {position: relative; overflow: hidden; margin: 10px 0; float: none; width: 100%; height: 40px; border-left: 0; border-right: 0; border-bottom: 2px solid #2d93d1;}
	.search_area .search_box fieldset .search_inp .inp_box input {padding: 0 50px 0 0; width: 100%; height: 40px; font-size: 15px;}
	.search_area .search_box fieldset .search_inp .inp_box input::-webkit-input-placeholder {font-size: 15px;}
	.search_area .search_box fieldset .search_inp .inp_box input:-moz-placeholder {font-size: 15px;}
	.search_area .search_box fieldset .search_inp .inp_box input::-moz-placeholder {font-size: 15px;}
	.search_area .search_box fieldset .search_inp .inp_box input:-ms-input-placeholder {font-size: 15px;}
	.search_area .search_box fieldset .search_inp .inp_box .delete {display: none;}
	.search_area .search_box fieldset .search_inp .search {position: absolute; right: 0; top: 59px; margin-top: 0; width: 21px; height: 21px;}
	.search_area .search_box fieldset .search_inp .search img {width: 100%;}
    .search_area .search_box h4,
	.search_area .search_box strong{margin-bottom: 5px; font-size: 13px;} /* 202410 수정 */
    .search_area .search_box .detail_area .detail_box {margin-top: 0; padding: 15px;}
	.search_area .search_box .detail_area .detail_box dl {display: block; padding: 0;}
	.search_area .search_box .detail_area .detail_box dl dt {display: block; margin-bottom: 5px; width: 100%; color: #333; font-size: 10px; line-height: 13px;}
	.search_area .search_box .detail_area .detail_box dl dd {display: block; min-height: auto; margin-bottom: 10px; font-size: 10px; line-height: 15px;}
	.search_area .search_box .detail_area .detail_box dl:last-child dd {margin-bottom: 0;}
	.search_area .search_box .detail_area .detail_box dl dd .check_box {display: inline-block;}
	.search_area .search_box .detail_area .detail_box dl dd .check_box input[type=checkbox] + label {top: 0; padding:0 5px 0 20px; margin-right: 10px; line-height:18px; font-size: 10px; background-position: 0 2px; cursor:pointer;}
	.search_area .search_box .detail_area .detail_box dl dd .radio_period input[type=radio] + label {width: 60px; height:30px; line-height:30px; font-size: 10px;}
	.search_area .search_box .detail_area .detail_box dl dd > input {width: 85px; height: 30px; font-size: 10px;}
	.search_area .search_box .detail_area .detail_box dl dd > span {margin: 3px; font-size: 10px;}
	.search_area .search_box .detail_area .detail_box dl dd .ui-datepicker-trigger {margin-left: 5px;}
	.search_area .search_box .detail_area .detail_box dl dd .ui-datepicker-trigger img {width: 20px;}
    
    .midarea .main_img .slick-slide {height: 300px;}
    .midarea .main_img .slick-dots li button::before {top: -260px;}
    
    .maincontents .section1 .kpf_box > li .news_area .news_slide li a .img_box {position: relative; width: 100%; height: auto; padding-bottom: 52.5%;}
	.maincontents .section1 .kpf_box > li .news_area .news_slide li a .img_box img {position: absolute; left: 50%; transform: translateX(-50%); top: 0; width: auto; height: 100%;}
    
    .maincontents .section1 .kpf_box > li .movie_area {float: none; width: 100%; height: auto; padding-top: 0; margin-right: 0;}
    .maincontents .section1 .kpf_box > li .movie_area .movie_box .icon {left: calc(50% - 20px); top: calc(50% - 20px); width: 40px; height: 40px;}
    
    .maincontents .section1 .kpf_box > li .movie_area .img_box {margin-top: 10px; height: auto;}

    .maincontents .section1 .kpf_box > li .bigkinds_area {float: none; padding: 20px; width: 100%; height: auto;}
    .maincontents .section1 .kpf_box > li .bigkinds_area img {margin-bottom: 20px;}
    .maincontents .section1 .kpf_box > li .bigkinds_area .text_box {display: none;}
    .maincontents .section1 .kpf_box > li .bigkinds_area button {height: 40px;}
    .maincontents .section1 .kpf_box > li .bigkinds_area button span {padding-right: 20px; font-size: 14px;}
    .maincontents .section1 .kpf_box > li .bigkinds_area button span::after {top: 4px;}
    .maincontents .section1 .kpf_box > li .bigkinds_area button span::before {top: 9px;}
    .maincontents .section1 .kpf_box > li .news_box {margin: 20px 0 0;}
    
    .maincontents .section3 .shortcut_box li {width: calc(50% - 7px);}
	.maincontents .section3 .shortcut_box li:nth-child(2n) {margin-right: 0 !important;}
	.maincontents .section3 .shortcut_box li:nth-child(5n) {margin-right: 10px;}
    .maincontents .section3 .shortcut_box li a {padding: 10px; height: 110px;}
	.maincontents .section3 .shortcut_box li a h4 {padding-bottom: 10px; margin-bottom: 10px;}
	.maincontents .section3 .shortcut_box li a h4 p, 
	.maincontents .section3 .shortcut_box li a h4 > span{height: 35px; line-height: 18px;} /* 202410 수정 */
	
	.bottomarea .address_box address p span {display: block;}
    
    /*팝업*/
    .popup .popup_title {padding: 15px;;}
    .popup .popup_title h3 {font-size: 16px;}
    .popup .modal_close {right: 0; top: -30px; width: 20px; height: 20px; background-size: 20px;}
    .popup .popup_inner .step_list {margin-bottom: 30px;}
    .popup .popup_inner .board_agree h4 {font-size: 14px;}
    .popup .popup_inner .boardwrite tbody tr th {padding: 5px 5px 5px 10px; width: 70px; font-size: 12px;}
    .popup .popup_inner .boardwrite tbody tr td .tel .optionbox, .popup .popup_inner .boardwrite tbody tr td .tel .inpbox {width: calc(33.33% - 10px);}
    .popup .popup_inner .list_type3 {margin-bottom: 5px;}
    .popup .popup_inner .list_type3 > li {font-size: 14px; line-height: 22px;}
    .popup .popup_inner .list_type3 > li::after {top: 9px;}
    /*다운로드동의서*/
    .popup.download .popup_inner {max-height: 500px;}
    /*설문조사 의견 팝업*/
    .popup.survey .popup_inner h3.title {font-size: 16px;}
}
@media screen and (min-width:320px) and (max-width:480px){
	.midarea .main_img .slick-slide {height: 260px;}
	.midarea .main_img .slick-dots li button {width: 7px; height: 7px;}
	.midarea .main_img .slick-dots li.slick-active button {width: 20px;}
	.midarea .main_img .slick-dots li button::before {top: -210px;}
    
    .maincontents .section2 .area .media_box .list > li .box {background-size: 100px;}
    .maincontents .section2 .area .media_box .list > li .box h3 {font-size: 16px;}
    .maincontents .section2 .area .media_box .list > li .box ul {width: 205px;}
    .maincontents .section2 .area .media_box .list > li .box ul li {width: auto; margin-right: 10px;}
    .maincontents .section2 .area .media_box .list > li .box ul li:nth-child(2n) {margin-right: 0;}
    .maincontents .section2 .area .media_box .list > li .box ul li a {font-size: 13px;}
    .maincontents .section2 .area .media_box .list > li .box ul li a span {padding-right: 7px;}
    .maincontents .section2 .area .media_box .list > li .box ul li a span::after, .maincontents .section2 .area .media_box .list > li .box ul li a span::before {width: 5px;}
    .maincontents .section2 .area .media_box .list > li .box ul li a span::after {top: 8px;}
    .maincontents .section2 .area .media_box .list > li .box ul li a span::before {top: 11px;}
    
    /*팝업*/
    .popup .popup_inner .boardwrite tbody tr td .email .optionbox {margin-left: 0; margin-top: 5px; width: 100%;}
    .popup .popup_inner .boardwrite tbody tr td .email .inpbox {width: calc(50% - 12px);}
    .popup .popup_inner .boardwrite tbody tr td .box3 .optionbox {margin-right: 5px; width: 70px;} 
    .popup .popup_inner .boardwrite tbody tr td .box3 .inpbox {width: calc(100% - 75px);} 
}
@media screen and (min-width:320px) and (max-width:360px){
	.midarea .main_img .slick-slide {height: 180px;}
    .midarea .main_img .slick-dots li button::before {top: -140px;}
}

/* 202410 수정 */
.sound_only{display:block !important;position:absolute !important;top:-9999px !important;}