@charset "utf-8";

/* main_visual */
.main_visual {position:relative; height:810px;}
.main_visual .slick-list {height:100%;}
.main_visual .slick-track {height:100%;}
.main_visual .main_slide {height:100%; overflow:hidden;}
.main_visual .main_slide .sec {position:relative; display:table; width:100%; height:100%; outline:0; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.main_visual .main_slide .sec .m_img {display:none;}
.main_visual .main_slide .sec .txt_box {position:absolute; left:0; top:50%; right:0; width:100%; display:block; max-width:1240px; margin:0 auto; padding:0 20px; text-align:center;}
.main_visual .main_slide .sec .txt_box h1{font-weight:bold;color:#fff;}
.main_visual .main_slide .sec .txt_box h2{font-family:'Nanum Myeongjo', serif;font-weight:bold;color:#fff;}
.main_visual .slick-dots {position:absolute; left:0; right:0; bottom:20px; width:100%; max-width:1240px; margin:0 auto; padding:0 20px; text-align:right; z-index:1000;}
.main_visual .slick-dots li {display:inline-block; margin-left:10px; vertical-align:middle;}
.main_visual .slick-dots li:first-child {margin-left:0;}
.main_visual .slick-dots li button {opacity:.5; display:inline-block; width:70px; height:36px; line-height:36px; color:#333; font-size:23px; font-weight:bold; text-align:center; outline:0; border:none; border-radius:36px; background-color:#fff; overflow:hidden; vertical-align:middle; font-family:'Noto Sans KR', sans-serif;}
.main_visual .slick-dots li.slick-active button {opacity:1;}

.layer-popup-wrap {position:absolute;top:0;left:0;width:100%;z-index:10001;}
.layer-popup {position:relative;display: inline-block;vertical-align: top;}
.layer-popup .layer-content img {max-width:550px;height:auto;vertical-align:top;}
.layer-popup .layer-footer {height:30px;background:#000;padding:4px 8px;position:relative}
.layer-popup .layer-footer .btn-layer-close {font-size:0;width:30px;height:30px;position:absolute;right:0;top:0;background:#000;border:0;}
.layer-popup .layer-footer .btn-layer-close:before,
.layer-popup .layer-footer .btn-layer-close:after {content:'';position:absolute;width:12px;height:1px;background:#fff;top:50%;left:9px;margin-top:-1px}
.layer-popup .layer-footer .btn-layer-close:before {transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.layer-popup .layer-footer .btn-layer-close:after {transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.layer-popup .label-txt {position:relative !important;padding-left:4px !important;font-size:14px !important;font-weight:bold;color:#fff !important;width:auto !important;height:auto !important;clip-path:none !important;}


@media (max-width:1280px){
.main_visual {height:600px;}
.main_visual .main_slide .sec .txt_box {max-width:990px;}
.main_visual .slick-dots {bottom:210px; max-width:990px;}
}

@media (max-width:1023px){
.main_visual {height:480px;}
.main_visual .main_slide .sec .p_img {display:none;}
.main_visual .main_slide .sec .m_img {display:block;}
.main_visual .main_slide .sec .txt_box {position:absolute;top:24%;}
.main_visual .main_slide .sec .txt_box .m_img {max-width:280px; margin:auto; font-size:11px;}
.main_visual .slick-dots {bottom:30px; text-align:center;}
.main_visual .slick-dots li button {width:45px; height:30px; line-height:30px; font-size:16px;}
}

@media (max-width:767px){
	.layer-popup-wrap {width:95%;}
	.layer-popup {position:fixed;top:45%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);z-index:10000;width:95%;height:auto;}
	.layer-popup .layer-content img {max-width:100%;}
}

.section {background-repeat:no-repeat; background-position:50% 50%; background-size:cover; overflow:hidden;}
.section.menu {background-image:url('../images/bg_section_menu.jpg');}
.section.program {background-image:url('../images/bg_section_program.jpg');}
.section .inner {max-width:1240px; margin:0 auto; padding:80px 20px 90px 20px;}
.section.program .inner {max-width:1270px;}
.section.honors {background-color:#f8f8f8;}
.section.honors .inner {padding:50px 20px;}
.section .inner .sec_title {text-align:center; font-family:'Noto Sans KR', sans-serif;}
.section .inner .sec_title .s_tit {color:#111; font-size:56px; font-weight:bold; letter-spacing:-0.5px; line-height:140%;}
.section .inner .sec_title .s_txt {display:block; margin-top:5px; color:#111; font-size:21px; font-weight:normal; letter-spacing:-0.5px; line-height:140%;}
.section .inner .sec_title.white .s_tit {color:#fff;}
.section .inner .sec_title.white .s_txt {color:#fff;}

@media (max-width:1280px){
.section .inner {max-width:990px; padding:70px 20px 80px 20px;}
.section.program .inner {max-width:1020px;}
.section .inner .sec_title .s_tit {font-size:52px;}
.section .inner .sec_title .s_txt {font-size:19px;}
}

@media (max-width:1023px){
.section .inner {padding:60px 20px 70px 20px;}
.section.honors .inner {padding:40px 20px;}
.section .inner .sec_title .s_tit {font-size:46px;}
.section .inner .sec_title .s_txt {font-size:18px;}
}

@media (max-width:767px){
.section .inner {padding:40px 15px 50px 15px;}
.section.honors .inner {padding:30px 15px;}
.section .inner .sec_title .s_tit {font-size:36px;}
.section .inner .sec_title .s_txt {margin-top:3px; font-size:15px;}
}

.main_program_list {margin-top:50px;}
.main_program_list ul:after {content:""; display:block; clear:both;}
.main_program_list ul li {float:left; width:31%; margin:0 1.15%; overflow:hidden;}
.main_program_list ul li a {position:relative; display:block; text-align:center; background-color:rgba(255, 255, 255, .85); font-family:'Noto Sans KR', sans-serif; transition:all .25s ease;}
.main_program_list ul li a:hover {text-decoration:none;}
.main_program_list ul li a .b_box {display:table; width:100%; height:560px;}
.main_program_list ul li a .b_box dl {display:table-cell; padding:10% 10%; vertical-align:middle;}
.main_program_list ul li a .b_box dl .tit {position:relative; display:block; color:#111; font-size:40px; font-weight:bold; letter-spacing:-0.2px; line-height:140%; transition:all .25s ease;}
.main_program_list ul li a .b_box dl .txt {position:relative; margin-top:20px; padding-top:40px; display:block; color:#111; font-size:18px; font-weight:normal; letter-spacing:-0.2px; line-height:160%; transition:all .25s ease;}
.main_program_list ul li a .b_box dl .txt:before {content:""; display:block; position:absolute; top:0; left:50%; width:42px; height:1px; margin-left:-21px; background-color:#666; transition:all .25s ease;}
.main_program_list ul li a .b_box dl .link {opacity:0; position:relative; display:inline-block; color:#fff; font-size:18px; font-weight:normal; transition:all .25s ease; vertical-align:middle;}
.main_program_list ul li a .b_box dl .link span {position:relative; display:inline-block; padding:5px 10px; vertical-align:middle; z-index:1;font-weight:bold;border:2px solid #fff;}

@media (min-width:768px){
.main_program_list ul li a:hover {background-color:#e7c41e;}
.main_program_list ul li.nth1 a:hover {background-color:#22bd91;}
.main_program_list ul li.nth2 a:hover {background-color:#5d3c7e;}
.main_program_list ul li.nth3 a:hover {background-color:#ea5413;}
.main_program_list ul li.nth4 a:hover {background-color:#333590;}
.main_program_list ul li.nth5 a:hover {background-color:#d97e54;}
.main_program_list ul li.nth6 a:hover {background-color:#ad3e54;}
.main_program_list ul li a:hover .b_box dl .tit {color:#fff;}
.main_program_list ul li a:hover .b_box dl .tit:before {margin-bottom:5px; transform:scale(.65);}
.main_program_list ul li a:hover .b_box dl .txt {color:#fff;}
.main_program_list ul li a:hover .b_box dl .txt:before {background-color:#fff;}
.main_program_list ul li a:hover .b_box dl .link {opacity:1; margin-top:60px;}
}

@media (max-width:1280px){
.main_program_list ul li a .b_box {height:500px;}
.main_program_list ul li a .b_box dl .tit {font-size:36px;}
.main_program_list ul li a .b_box dl .txt {font-size:17px;}
}

@media (max-width:1023px){
.main_program_list {margin-top:40px;}
.main_program_list ul li a .b_box {height:460px;}
.main_program_list ul li a .b_box dl .tit {font-size:30px;}
.main_program_list ul li a .b_box dl .tit:before {width:60px; height:60px; background-size:60px auto;}
.main_program_list ul li a .b_box dl .txt {margin-top:15px; padding-top:30px; font-size:16px;}
.main_program_list ul li a .b_box dl .link {font-size:16px;}
}

@media (max-width:767px){
.main_program_list {position:relative; margin:25px 0 0 0;}
.main_program_list ul li {width:260px; margin:0 15px 0 0;}
.main_program_list ul li:last-child {margin:0;}
.main_program_list ul li a {margin:0;}
.main_program_list ul li a .b_box {height:340px; white-space:normal;}
.main_program_list ul li a .b_box dl {padding:8% 8%;}
.main_program_list ul li a .b_box dl .tit {font-size:26px;}
.main_program_list ul li a .b_box dl .tit:before {width:35px; height:35px; margin:0 auto 10px auto; background-size:35px auto;}
.main_program_list ul li a .b_box dl .txt {padding-top:20px; font-size:14px;}
.main_program_list ul li a .b_box dl .txt:before {width:26px; margin-left:-13px;}
.main_program_list ul li a .b_box dl .link {font-size:14px;}
}

/* main_news */
.main_news {margin-top:50px; overflow:hidden;}
.main_news .n_left {position:relative; float:left; width:50%;}
.main_news .n_right {float:right; width:50%;}
.main_news .banner_slide {position:relative; height:560px; margin-right:10px; overflow: hidden;}
.main_news .banner_slide .sec {display:block; outline:0;}
.main_news .banner_slide .sec img {max-width:100%; width:100%; height:auto; vertical-align:top;}
.main_news .banner_slide .slick-dots {position:absolute; bottom:5%; left:50%; z-index:1;}
.main_news .banner_slide .slick-dots li {position: relative; left: -50%;display:inline-block; margin-left:10px; vertical-align:middle;}
.main_news .banner_slide .slick-dots li:first-child {margin-left:0;}
.main_news .banner_slide .slick-dots li button {opacity:.8; display:inline-block; width:18px; height:18px; text-indent:-999em; border-radius:18px; outline:0; border:none; background-color:#fff; overflow:hidden; vertical-align:middle; transition:all .25s ease-out;}
.main_news .banner_slide .slick-dots li.slick-active button {opacity:1; width:40px; background-color:#e7c41e;}
.main_news .n_box {position:relative; margin-left:10px; padding:6.5% 6.5%; height:270px; border:1px solid #dbdbdb; font-family:'Noto Sans KR', sans-serif;}
.main_news .n_box.noti {margin-bottom:20px;}
.main_news .n_box .n_tit {color:#111; font-size:30px; font-weight:bold; letter-spacing:-0.3px; line-height:140%;}
.main_news .n_box .btn_more {position:absolute; top:17%; right:6%; display:block; font-size:20px; color: #666;overflow:hidden;}
.main_news .n_box .n_notice {margin-top:27px;}
.main_news .n_box .n_notice li {position:relative; margin-top:22px; padding-right:95px;}
.main_news .n_box .n_notice li:first-child {margin-top:0;}
.main_news .n_box .n_notice li .txt {position:relative; display:inline-block; max-width:90%; padding-right:35px; color:#111; font-size:18px; font-weight:normal; letter-spacing:-0.3px; line-height:140%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle;}
.main_news .n_box .n_notice li .txt:hover {color:#e7c41e; text-decoration:none;}
.main_news .n_box .n_notice li .date {position:absolute; top:0; right:0; color:#666; font-size:18px; font-weight:normal; letter-spacing:-0.3px; line-height:140%;}
.main_news .n_box .n_notice li .txt .ico_new {position:absolute; top:50%; right:0; display:block; width:24px; height:24px; margin-top:-12px; text-indent:-999em; background:url('../images/ico_board_new.png') no-repeat 50% 50%; background-size:24px 24px; overflow:hidden;}
.main_news .n_box .n_service {margin-top:25px;}
.main_news .n_box .n_service .number {display:block; color:#e7c41e; font-size:40px; font-weight:bold; letter-spacing:-0.5px; line-height:100%;}
.main_news .n_box .n_service .txt {display:block; margin-top:30px; color:#929292; font-size:18px; font-weight:normal; letter-spacing:-0.3px; line-height:160%;}

@media (max-width:1280px){
.main_news .banner_slide {height:441px;}
.main_news .n_box {height:211px; padding:5.5% 5.5%;}
.main_news .n_box .n_tit {font-size:24px;}
.main_news .n_box .btn_more {top:16%; right:5.5%;}
.main_news .n_box .n_notice {margin-top:22px;}
.main_news .n_box .n_notice li {margin-top:15px; padding-right:85px;}
.main_news .n_box .n_notice li .txt {padding-right:30px; font-size:16px;}
.main_news .n_box .n_notice li .txt .ico_new {width:20px; height:20px; margin-top:-10px; background-size:20px 20px;}
.main_news .n_box .n_notice li .date {font-size:16px;}
.main_news .n_box .n_service {margin-top:20px;}
.main_news .n_box .n_service .number {font-size:30px;}
.main_news .n_box .n_service .txt {margin-top:25px; font-size:16px;}
}

@media (max-width:1023px){
.main_news {margin-top:40px;}
.main_news .banner_slide {height:auto;}
}

@media (max-width:767px){
.main_news {margin-top:25px;}
.main_news .n_left {float:none; width:auto;}
.main_news .n_right {float:none; width:auto;}
.main_news .banner_slide {margin-right:0;}
.main_news .banner_slide .slick-dots {bottom:15px;}
.main_news .banner_slide .slick-dots li button {width:15px; height:15px;}
.main_news .banner_slide .slick-dots li.slick-active button {width:30px;}
.main_news .n_box {height:auto; margin-left:0; margin-top:15px; padding:20px 20px 23px 20px;}
.main_news .n_box.noti {margin-bottom:0;}
.main_news .n_box .n_tit {font-size:20px;}
.main_news .n_box .btn_more {top:23px; right:20px;}
.main_news .n_box .n_notice {margin-top:15px;}
.main_news .n_box .n_notice li {margin-top:12px; padding-right:75px;}
.main_news .n_box .n_notice li .txt {padding-right:25px; font-size:14px;}
.main_news .n_box .n_notice li .txt .ico_new {width:16px; height:16px; margin-top:-9px; background-size:16px 16px;}
.main_news .n_box .n_notice li .date {top:1px; font-size:14px;}
.main_news .n_box .n_service {margin-top:18px;}
.main_news .n_box .n_service .number {font-size:26px;}
.main_news .n_box .n_service .txt {margin-top:17px; font-size:14px;}
}

/* honors_wrap */
.honors_wrap {position:relative; height:285px; padding-left:305px; overflow:hidden;}
.honors_wrap .r_box {position:absolute; top:0; left:0; width:285px; height:285px; background-color:#e7c41e;}
.honors_wrap .r_box .tit {padding:30px 40px; color:#fff; font-size:32px; line-height:140%; font-weight:normal; font-family:'Noto Sans KR', sans-serif;}
.honors_wrap .r_box .tit strong {font-weight:bold;}
.honors_wrap .r_box .slide_control {position:absolute; bottom:0; right:0; overflow:hidden;}
.honors_wrap .r_box .slide_control button {float:left; display:block; width:60px; height:60px; color:#fff;font-size:25px; border:none; outline:0; background-color:#d1b11b;overflow:hidden;}
.honors_wrap .r_box .slide_control button:hover {background-color:#b99c16;}
.honors_wrap .r_cont {overflow:hidden;}
.honors_wrap .r_cont .honors_slide {margin:0; overflow:hidden;}
.honors_wrap .r_cont .honors_slide:after {content:""; display:block; clear:both;}
.honors_wrap .r_cont .honors_slide .sec {float:left; width:285px; margin-right:20px;}
.honors_wrap .r_cont .honors_slide .sec a {position:relative; display:block; outline:0;}
.honors_wrap .r_cont .honors_slide .sec a:before {content:""; display:block; padding-top:100%;}
.honors_wrap .r_cont .honors_slide .sec a .thumb {display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; overflow:hidden;}
.honors_wrap .r_cont .honors_slide .sec a .thumb img {position:absolute; top:0; left:0; width:100%; height:100%; transition:.5s transform ease;}
.honors_wrap .r_cont .honors_slide .sec a .tit {position:absolute; left:0; bottom:0; right:0; width:100%; height:60px; text-align:center; line-height:60px; padding:0 20px; color:#fff; font-size:18px; font-weight:400; letter-spacing:-0.3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background-color:rgba(0, 0, 0, .5);}
.honors_wrap .r_cont .honors_slide .slick-track {margin-left:0; right:0;}

@media (min-width:1024px){
.honors_wrap .r_cont .honors_slide .sec a:hover .thumb img {transform:scale(1.08) rotate(.1deg);}
}

@media (max-width:1280px){
.honors_wrap {height:250px; padding-left:270px;}
.honors_wrap .r_box {width:250px; height:250px;}
.honors_wrap .r_box .tit {padding:30px 30px; font-size:28px;}
.honors_wrap .r_cont .honors_slide .sec {width:250px;}
}

@media (max-width:1023px){
.honors_wrap {height:auto;}
.honors_wrap .r_box .slide_control button {width:50px; height:50px;}
}

@media (max-width:767px){
.honors_wrap {padding-left:160px;}
.honors_wrap .r_box {width:150px; height:150px;}
.honors_wrap .r_box .tit {padding:20px 20px; font-size:18px;}
.honors_wrap .r_box .slide_control button {width:40px; height:40px; background-size:10px auto;}
.honors_wrap .r_cont .honors_slide .sec {width:150px; margin-right:10px;}
.honors_wrap .r_cont .honors_slide .sec a .tit {height:35px; line-height:35px; padding:0 10px; font-size:13px;}
}

@media (max-width:320px){
.honors_wrap {padding-left:140px;}
.honors_wrap .r_box {width:130px; height:130px;}
.honors_wrap .r_box .tit {padding:15px 15px; font-size:16px;}
.honors_wrap .r_cont .honors_slide .sec {width:130px;}
.honors_wrap .r_cont .honors_slide .sec a .tit {font-size:12px;}
}