@charset "UTF-8";

/* ==================== 메인 비주얼 ==================== */
.wrapper {overflow: hidden;}
.cont_val {position: relative; top: -130px; height: 623px; margin: 0 -640px; padding: 0 640px;}
.cont_val .main_visual {position: relative;}
.cont_val .main_visual .visual_box {position: relative;}

.cont_val .main_visual .visual_box #visual_slide {position: relative;}
.cont_val .main_visual .visual_box #visual_slide .slick-list .slick-track li {position:relative;display: inline-block !important; height: 623px; background-position: center center; background-repeat: no-repeat;padding: 187px 0 28px;}
/* .cont_val .main_visual .visual_box #visual_slide .slick-list .slick-track li:after {content:'';position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(20,41,65,0.1);} */
.cont_val .main_visual .visual_box #visual_slide .slick-list .slick-track li {background-position: 0 0; background-repeat: no-repeat; background-size: cover;}
.cont_val .main_visual .visual_box #visual_slide .slick-list .slick-track li .container {z-index:2;}

.cont_val .main_visual .visual_box #visual_slide .slick-list .slick-track li .box_wrap { display: block; padding: 0 720px 0 0px}
.cont_val .main_visual .visual_box #visual_slide .slick-list .slick-track li .box_wrap .box {}
.cont_val .main_visual .visual_box #visual_slide .slick-list .slick-track li .box_wrap .box .sub_tit {font-weight: 400; font-size: 17px; line-height: 26px; color: #ffea00; word-break: keep-all;}
.cont_val .main_visual .visual_box #visual_slide .slick-list .slick-track li .box_wrap .box .text {height:159px; margin: 12px 0 0; font-weight: 700; font-size: 35px; line-height: 53px; color: #ffffff; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word;}
/* slick-dots CSS */
.cont_val .main_visual .visual_box #visual_slide .slick-dots {display: inline-block; position: relative; bottom: 160px;left: 380px; text-align: left; font-size: 0;}
.cont_val .main_visual .visual_box #visual_slide .slick-dots li {display: inline-block; margin: 0 11px 0 0;}
.cont_val .main_visual .visual_box #visual_slide .slick-dots li:last-child {margin: 0;}
.cont_val .main_visual .visual_box #visual_slide .slick-dots li button {display: block; width: 10px; height: 10px; background-color: #ffffff; border-radius: 50%;}
.cont_val .main_visual .visual_box #visual_slide .slick-dots li button:before {display: none;}
.cont_val .main_visual .visual_box #visual_slide .slick-dots li.slick-active button {width: 30px; background-color: #eee32b; border-radius: 10px;}
/* // slick-dots CSS */
.cont_val .main_visual .visual_box .val_control {position: absolute; left: 320px; bottom: 150px;}
.cont_val .main_visual .visual_box .val_control .num {font-weight: 400; font-size: 16px; line-height: 24px; color: #ffffff;}
.cont_val .main_visual .visual_box .val_control .num .now {font-size: 22px; line-height: 33px;}
.cont_val .main_visual .visual_box .val_control .num .total {}

.cont_val .main_visual .tab_box_wrap {position: absolute; right: 180px; top: 50%; padding: 40px 0 0; transform: translate(0, -50%);}
.cont_val .main_visual .tab_box_wrap .main_tab_box {overflow: hidden; margin: 0 -7px 0 0;}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_menu {float: right; padding: 98px 0 162px 46px;}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_menu .list {}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_menu .list li {margin: 44px 0 0;}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_menu .list li:first-child {margin: 0;}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_menu .list li button {display: block; width: 129px;}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_menu .list li button .text {display: inline-block; position: relative; width: 129px; padding: 0 22px 0 0; font-weight: 700; font-size: 18px; line-height: 27px; color: rgba(255, 255, 255, 0.5);}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_menu .list li.on button .text {color: #ffffff;} 
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_menu .list li button .text:before {display: block; content: ""; position: absolute; top: 50%; right: 0; width: 15px; height: 15px; margin: -8px 0 0; background-image: url("/images/main/dot.png"); background-position: center center; background-repeat: no-repeat;}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_menu .list li.on button .text:before {background-image: url("/images/main/dot_on.png"); }
 
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list {display: none; float: left; font-size: 0;}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list.sty2 {padding: 50px 0;}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list.on {display: block;}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box {display: inline-block; margin: 0 6px 0 0; vertical-align: middle;}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box:last-child {margin: 0;}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li {margin: 6px 0 0;}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li:first-child {margin: 0;}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box01 {padding: 0 0 0 46px;}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box03 {padding: 0 0 0 46px;}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box03.p_a {padding: 0 0 0 10px;}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li a {display: block; width: 144px; border-radius: 16px; text-align: center; transition: 0.3s all;}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box01 a {padding: 19px 0; background-color: rgba(0, 174, 235, 0.8);}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box02 a {width: 190px; border: 4px solid #ffffff; padding: 14px 0;}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box03 a {padding: 18px 28px 23px; background-color: rgba(0, 138, 255, 0.85);}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box04 a {padding: 24px 0; background-color: rgba(0, 138, 255, 0.88);}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box05 a {padding: 20px 0; background-color: rgba(0, 82, 194, 0.88);}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box06 a {padding: 28px 0 32px; background-color: rgba(0, 174, 235, 0.88);}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box07 a {padding: 18px 28px 23px;   background-color: rgba(253, 204, 8, 0.88);}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box08 a {width: 190px; padding: 31px 0; background-color: rgba(0, 174, 235, 0.8);}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box09 a {border: 4px solid #ffffff; padding: 15px 0;}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box10 {text-align:right;}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box10 a {border: 3px solid #ffffff;padding: 15px 0;width: 140px;display: inline-block;background: #a91010;}

.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box01 a:hover, .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box01 a:focus {background-color: rgba(0, 174, 235, 1);}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box02 a:hover, .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box02 a:focus {background-color: rgba(0, 0, 0, 0.35);}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box03 a:hover, .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box03 a:focus {background-color: rgba(0, 138, 255, 1);}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box04 a:hover, .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box04 a:focus {background-color: rgba(0, 138, 255, 1)}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box05 a:hover, .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box05 a:focus {background-color: rgba(0, 82, 194, 1);}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box06 a:hover, .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box06 a:focus {background-color: rgba(0, 174, 235, 1);}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box07 a:hover, .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box07 a:focus {background-color: rgba(253, 204, 8, 1);}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box08 a:hover, .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box08 a:focus {background-color: rgba(0, 174, 235, 1);}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box09 a:hover, .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box09 a:focus {background-color: rgba(0, 0, 0, 0.35);}

/* 2021-09-24 추가 */
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box03.p_a a {width: 180px;}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box03.p_a a .box {position: relative; padding: 0 0 0 25px;}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box03.p_a a .box:before {display: block; content: ''; position: absolute; top: 50%; left: 0; width: 35px; height: 33px; margin: -16px 0 0; background-image: url("/images/main/tab_icon06.png"); background-size: cover; background-position: 0 0; background-repeat: no-repeat;}
/* 2021-09-24 추가 */
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li a .box {}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li a .box img {}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li a .box .text_box {margin: 6px 0 0;display: inline-block;margin-left:3px;}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.img_no a .box .text_box {margin: 0;}
/* 10-13 */
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li a .box .text_box .text {font-weight: 500; font-size: 15px; line-height: 23px; color: #ffffff; word-break: keep-all;}
/* .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box01.img_no {margin: 40px 0 0;} */
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box01.img_no a {width: auto; padding: 19px 33px;}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box01.img_no a .box {position: relative;}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box01.img_no a .box:before {display: block; content: ''; position: absolute; top: 50%; left: 0; width: 38px; height: 30px; margin: -15px 0 0; background-image: url("/images/main/tab_icon10.png"); background-repeat: no-repeat; background-size: cover;}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box01.img_no a .box .text_box {padding: 0 0 0 42px;}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box03 {padding: 0 0 0 65px;}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box03.sty2 a {padding: 30px;}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box05.img_no a {width: auto; padding: 30px 19px;}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box05.img_no a .box {position: relative;}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box05.img_no a .box:before {display: block; content: ''; position: absolute; top: 50%; left: 0; width: 30px; height: 30px; margin: -15px 0 0; background-image: url("/images/main/tab_icon14.png"); background-repeat: no-repeat; background-size: cover;}
.cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box05.img_no a .box .text_box {padding: 0 0 0 42px;}


/* // ==================== 메인 비주얼 ==================== */

.cont_val .main_link {position: absolute; left: 0; right: 0; bottom: 0; padding: 0 640px; background-color: rgb(64,174,149, 0.79); background: linear-gradient(133deg, rgba(64,174,149,0.79) 0%, rgba(82,124,190,0.79) 100%);}
.cont_val .main_link .link_box {}
.cont_val .main_link .link_box .list {font-size: 0; text-align: center;display:flex;justify-content: center; text-align: center;}

.cont_val .main_link .link_box .list li {display: inline-block;position: relative;vertical-align: top;flex: 1 1 25%;height: 53px;border-right: 1px solid rgba(255, 255, 255, 0.2);}
.cont_val .main_link .link_box .list li:first-child {border-left: 1px solid rgba(255, 255, 255, 0.2);}
.cont_val .main_link .link_box .list li a {display: flex;align-items: center;justify-content: center;height: 100%;}
.cont_val .main_link .link_box .list li a .text {position: relative;font-weight: 400;font-size: 16px;height: auto;color: #ffffff;display: block;white-space: nowrap;}
/* .cont_val .main_link .link_box .list li a .text font {background: #fff;display: inline-block;padding: 2px 3px;border-radius: 3px;line-height: 1.4;font-size: 14px;margin-left: 3px;} */
.cont_val .main_link .link_box .list li a .text:after {display: none;content: "";position: absolute;top: 50%;right: 0;width: 50px;height: 11px;margin: -5px 0 0;background-image: url("/images/main/main_link_icon.png");background-position: 0 0;background-repeat: no-repeat;transition: all 0.3s;}
.cont_val .main_link .link_box .list li a:hover .text, .cont_val .main_link .link_box .list li a:focus .text {padding: 0 80px 0 0;transition: all 0.3s;}
.cont_val .main_link .link_box .list li a:hover .text:after, .cont_val .main_link .link_box .list li a:focus .text:after {display: block;transition: all 0.3s;}

.cont {position: relative;}
.cont#main_cont01 {margin-top: -96px; padding: 0 0 56px;}
.cont .title_box {position: relative;}
.cont .title_box .title {padding: 0 0 9px; font-weight: 500; font-size: 32px; line-height: 48px; color: #000000; text-align: center;}
.cont .title_box .title:after {display: block; content: ''; position: absolute; bottom: 0; left: 50%; width: 60px; height: 1px; margin: 0 -30px 0; background-color: #1c1c1c;}
.cont .title_box .title_view_btn {display: block; position: absolute; top: 50%; right: 0; margin: -7px 0 0;}
.cont .title_box .title_view_btn i {color: #d1d1d1; line-height: 14px;} 
.cont .info_cont {position: relative; margin: 40px 0 0;}
.cont .info_cont .info_box {position: absolute; top: 0; left: 0; width: 300px; height: 250px; background-image: url("/images/main/info_bg.jpg"); background-position: center center;  background-repeat: no-repeat;}
.cont .info_cont .info_box .info_inner {display: block; padding: 41px 27px 55px;}
.cont .info_cont .info_box .info_inner .info_title {font-weight: 500; font-size: 23px; line-height: 34px; color: #ffffff;}
.cont .info_cont .info_box .info_inner .info_text {margin: 5px 0 0; font-weight: 400; font-size: 15px; line-height: 23px; color: #ffffff;}
.cont .info_cont .info_box .info_inner .view_btn {display: inline-block; margin: 35px 0 0; border-radius: 14px; padding: 0 14px; border: 1px solid #ffffff;}
.cont .info_cont .info_box .info_inner .view_btn .text {position: relative; padding: 0 16px; font-weight: 400; font-size: 13px; line-height: 28px; color: #ffffff; transition: all 0.3s;}
.cont .info_cont .info_box .info_inner .view_btn .text:before {display: none; content: ""; position: absolute; top: 50%; right: 0; width: 18px; height: 9px; margin: -4px 0 0; background-image: url("/images/main/view_small_icon.png"); background-position: 0 0; background-repeat: no-repeat;}
.cont .info_cont .info_box .info_inner:hover .view_btn, .cont .info_cont .info_box .info_inner:focus .view_btn {background-color: #ffffff; }
.cont .info_cont .info_box .info_inner:hover .view_btn .text, .cont .info_cont .info_box .info_inner:focus .view_btn .text{padding: 0 35px 0 0; color: #10385a;}
.cont .info_cont .info_box .info_inner:hover .view_btn .text:before , .cont .info_cont .info_box .info_inner:focus .view_btn .text:before {display: block;}


.cont .info_cont .info_list {padding: 0 0 0 325px;}
.cont .info_cont .info_list .info_slide_box {}
.cont .info_cont .info_list .info_slide_box #info_slide {position: relative;}
.cont .info_cont .info_list .info_slide_box #info_slide .slick-list {margin: 0 -25px; padding: 0 0 35px 25px;}
.cont .info_cont .info_list .info_slide_box #info_slide .slick-list .slick-track {margin: 0 -25px; padding: 0 25px;}
.cont .info_cont .info_list .info_slide_box #info_slide .slick-list .slick-track li {margin: 0 25px 0 0;height:auto;}
.cont .info_cont .info_list .info_slide_box #info_slide .slick-list .slick-track li a {display: block; border: 1px solid #f6f6f6; padding: 28px; background-color: #f6f6f6; transition: all 0.3s;}
.cont .info_cont .info_list .info_slide_box #info_slide .slick-list .slick-track li a:hover, .cont .info_cont .info_list #info_slide .slick-list .slick-track li a:focus {border: 1px solid #f2f2f2; background-color: #ffffff; box-shadow: 5px 8px 20px 0px rgba(0, 0, 0, 0.2);}
.cont .info_cont .info_list .info_slide_box #info_slide .slick-list .slick-track li a .box {}
.cont .info_cont .info_list .info_slide_box #info_slide .slick-list .slick-track li a .box .tit {height: 21px; font-weight: 400; font-size: 14px; line-height: 21px; color: #3d7aae; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.cont .info_cont .info_list .info_slide_box #info_slide .slick-list .slick-track li a .box > .text {height: 69px; margin: 14px 0 0; border-top: 1px solid #e4e4e4; padding: 14px 0 0; font-weight: 500; font-size: 17px; line-height: 27px; color: #000000; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;} 
.cont .info_cont .info_list .info_slide_box #info_slide .slick-list .slick-track li a .box .date {margin: 28px 0 0;} 
.cont .info_cont .info_list .info_slide_box #info_slide .slick-list .slick-track li a .box .date .text {position: relative; padding: 0 0 0 18px; font-weight: 400; font-size: 15px; line-height: 23px; color: #525252; word-break: keep-all;}
.cont .info_cont .info_list .info_slide_box #info_slide .slick-list .slick-track li a .box .date .text:before {display: block; content: ""; position: absolute; left: 0; top: 50%; width: 12px; height: 12px; margin: -6px 0 0; background-image: url("/images/main/date_icon.png"); background-position: 0 0; background-repeat: no-repeat;}
							
/* slick-dots CSS */	
.cont .info_cont .info_list .info_slide_box #info_slide .slick-dots {position: absolute; left: 0; bottom: 0; right: 0; padding: 0 137px 0 0; font-size: 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-around;}
.cont .info_cont .info_list .info_slide_box #info_slide .slick-dots li {display: inline-block; width: 100%; height: 3px; background-color: #cdcdcd; cursor: pointer; transition: all 0.3s;}
.cont .info_cont .info_list .info_slide_box #info_slide .slick-dots li.slick-active {background-color: #1c88e4;}
.cont .info_cont .info_list .info_slide_box #info_slide .slick-dots li button {display: block; width: 100%; height: 100%; font-size: 0;}

/* .cont .info_cont .info_list .info_slide_box #info_slide.slide02 .slick-dots li {width: 100%;}
.cont .info_cont .info_list .info_slide_box #info_slide.slide02 .slick-dots li {width: 50%;}
.cont .info_cont .info_list .info_slide_box #info_slide.slide03 .slick-dots li {width: 33.3333%;}
.cont .info_cont .info_list .info_slide_box #info_slide.slide04 .slick-dots li {width: 25%;}
.cont .info_cont .info_list .info_slide_box #info_slide.slide05 .slick-dots li {width: 20%;}
.cont .info_cont .info_list .info_slide_box #info_slide.slide06 .slick-dots li {width: 16.6666%;}
.cont .info_cont .info_list .info_slide_box #info_slide.slide07 .slick-dots li {width: 14.28%;}
.cont .info_cont .info_list .info_slide_box #info_slide.slide08 .slick-dots li {width: 12.5%;}
.cont .info_cont .info_list .info_slide_box #info_slide.slide09 .slick-dots li {width: 11.1111%;} */
/* // slick-dots CSS */
.cont .info_cont .info_list .play_box {position: absolute; right: 0; bottom: -11px; font-size: 0;}
.cont .info_cont .info_list .play_box .btn {display: inline-block; width: 11px; height: 19px; background-position: 0 0; background-repeat: no-repeat; vertical-align: middle;}
.cont .info_cont .info_list .play_box .btn.prev {background-image: url("/images/main/prev.png");}
.cont .info_cont .info_list .play_box .btn.next {background-image: url("/images/main/next.png");}
.cont .info_cont .info_list .play_box .num_box {display: inline-block; padding: 0 20px; vertical-align: middle;}
.cont .info_cont .info_list .play_box .num_box .num {font-weight: 400; font-size: 16px; line-height: 24px; color: #a7a7a7;}
.cont .info_cont .info_list .play_box .num_box .num .now {color: #383838;}
.cont .info_cont .info_list .play_box .num_box .num .total {}



/* 주요서비스 */
.cont .service_bg {margin: 0 -640px; padding: 58px 640px 46px; background-image: url('/images/main/service_bg.jpg'); background-position: center center; background-size: cover; background-repeat: no-repeat;}
.cont .service_bg .inner {}
.cont .service_bg .inner .service_area {display: table; width: 100%; table-layout: fixed;}
.cont .service_bg .inner .service_area .title_area {display: table-cell; position: relative; width: 220px; padding: 49px 0 0; vertical-align: top;}
.cont .service_bg .inner .service_area .title_area:after {display: block; content: ''; position: absolute; top: 0; left: 0; width:126px; height: 59px; background-image: url('/images/main/service_logo.png'); background-position: 0 0; background-size: contain; background-repeat: no-repeat;}
.cont .service_bg .inner .service_area .title_area .title {position: relative; font-weight: 500; font-size: 28px; line-height: 42px; color: #fffefe;} 

.cont .service_bg .inner .service_cont {display: table-cell; width: 100%;}
.cont .service_bg .inner .service_cont .servi_box {}
.cont .service_bg .inner .service_cont .servi_box .servi_list {font-size: 0;}
.cont .service_bg .inner .service_cont .servi_box .servi_list li {display: inline-block; position: relative; width: 12.5%; padding: 0 0 28px 0;}
.cont .service_bg .inner .service_cont .servi_box .servi_list li:before {display: none; content: ""; position: absolute; left: 50%; bottom: 0; width: 17px; height: 12px; margin: 0 0 0 -9px; background-image: url("/images/main/arrow.png"); background-position: 0 0; background-repeat: no-repeat;}
.cont .service_bg .inner .service_cont .servi_box .servi_list li.on:before {display: block;} 
.cont .service_bg .inner .service_cont .servi_box .servi_list li button {display: block; position: relative; width: 100%; margin: 0 auto; text-align: center; z-index: 1;}
/* 10-22 */
.cont .service_bg .inner .service_cont .servi_box .servi_list li button .imgs_box {position: relative; width: 80px; height: 80px; margin: 0 auto; background-position: center; background-repeat: no-repeat; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s;}
/* 10-22 */
.cont .service_bg .inner .service_cont .servi_box .servi_list li button .imgs_box.icon1 {background-image: url("/images/main/service_icon1.png");}
.cont .service_bg .inner .service_cont .servi_box .servi_list li button .imgs_box.icon2 {background-image: url("/images/main/service_icon2.png");}
.cont .service_bg .inner .service_cont .servi_box .servi_list li button .imgs_box.icon3 {background-image: url("/images/main/service_icon3.png");}
.cont .service_bg .inner .service_cont .servi_box .servi_list li button .imgs_box.icon4 {background-image: url("/images/main/service_icon4.png");}
.cont .service_bg .inner .service_cont .servi_box .servi_list li button .imgs_box.icon5 {background-image: url("/images/main/service_icon5.png");}
.cont .service_bg .inner .service_cont .servi_box .servi_list li button .imgs_box.icon6 {background-image: url("/images/main/service_icon6.png");}
.cont .service_bg .inner .service_cont .servi_box .servi_list li button .imgs_box.icon7 {background-image: url("/images/main/service_icon7.png");}
.cont .service_bg .inner .service_cont .servi_box .servi_list li button .imgs_box.icon8 {background-image: url("/images/main/service_icon8.png");}
.cont .service_bg .inner .service_cont .servi_box .servi_list li button .imgs_box:before {display: none; content: ''; position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -40px 0 0 -40px; background-color: #037be1; z-index: -1; border-radius: 50%;}
.cont .service_bg .inner .service_cont .servi_box .servi_list li button:hover .imgs_box:before, .cont .service_bg .inner .service_cont .servi_box .servi_list li button:focus .imgs_box:before {display: block;	}
.cont .service_bg .inner .service_cont .servi_box .servi_list li.on button .imgs_box:before {display: block; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s;}

.cont .service_bg .inner .service_cont .servi_box .servi_list li button img {}
.cont .service_bg .inner .service_cont .servi_box .servi_list li button .text_box {margin: 7px 0 0;}
.cont .service_bg .inner .service_cont .servi_box .servi_list li button .text_box .text {font-weight: 400; font-size: 15px; line-height: 22px; color: #ffffff;}

.cont .service_bg .inner .service_cont .link_box {display: none; padding: 0 27px; background-color: #132b42; font-size: 0;}
.cont .service_bg .inner .service_cont .link_box.on {display: block;}
.cont .service_bg .inner .service_cont .link_box li {display: inline-block; padding: 0 10px; text-align: center;}
.cont .service_bg .inner .service_cont .link_box li:last-child {margin: 0;}
.cont .service_bg .inner .service_cont .link_box li a {display: inline-block; position: relative; padding: 0 28px 0 15px; font-weight: 400; font-size: 14px; line-height: 60px; color: #ffffff;}
.cont .service_bg .inner .service_cont .link_box li a:before {display: block; content:''; position: absolute; top: 50%; left: 0; width: 3px; height: 3px; margin: -1px 0 0; border-radius: 50%; background-color: #ffffff;}
.cont .service_bg .inner .service_cont .link_box li a:after {display: block; content: ''; position: absolute; top: 50%; right: 0; width: 13px; height: 13px; margin: -7px 0 0; background-image: url("/images/main/sevrice_link_icon.png"); background-position: 0 0; background-repeat: no-repeat;}
.cont .service_bg .inner .service_cont .link_box li a:hover, .cont .service_bg .inner .service_cont .link_box li a:focus {text-decoration: underline;}



.cont .service_bg .inner .service_cont .link_box2 {margin: 15px 0 0; padding: 0 27px; background-color: #132b42; font-size: 0;}
.cont .service_bg .inner .service_cont .link_box2 li {display: inline-block; padding: 0 10px; text-align: center;}
.cont .service_bg .inner .service_cont .link_box2 li:last-child {margin: 0;}
.cont .service_bg .inner .service_cont .link_box2 li a {display: inline-block; position: relative; padding: 0 28px 0 15px; font-weight: 400; font-size: 14px; line-height: 60px; color: #ffffff;}
.cont .service_bg .inner .service_cont .link_box2 li a:before {display: block; content:''; position: absolute; top: 50%; left: 0; width: 3px; height: 3px; margin: -1px 0 0; border-radius: 50%; background-color: #ffffff;}
.cont .service_bg .inner .service_cont .link_box2 li a:after {display: block; content: ''; position: absolute; top: 50%; right: 0; width: 13px; height: 13px; margin: -7px 0 0; background-image: url("/images/main/sevrice_link_icon.png"); background-position: 0 0; background-repeat: no-repeat;}
.cont .service_bg .inner .service_cont .link_box2 li a:hover, .cont .service_bg .inner .service_cont .link_box li a:focus {text-decoration: underline;}

/* 2021-09-24 추가 */
.cont .service_bg .inner .service_cont .link_box3 {margin: 25px 0 0;}
.cont .service_bg .inner .service_cont .link_box3 .list {font-size: 0;}
.cont .service_bg .inner .service_cont .link_box3 .list li {display: inline-block; width: calc(14.285% - 4.2857px); height: 45px;margin: 0 5px 0 0; text-align: center;}
.cont .service_bg .inner .service_cont .link_box3 .list li:last-child {margin: 0;}
.cont .service_bg .inner .service_cont .link_box3 .list li a {display: block; border: 1px solid rgba(222, 222, 222, .3); font-weight: 400; font-size: 14px; line-height: 45px; color: #ffffff;}
/* 2021-09-24 추가 */

/* 뉴스.이벤트 */
.cont .info_bg {margin: 0 -640px; padding: 29px 640px; background-color: #e6eff5;}
.cont .info_bg .inner {font-size: 0;}
.cont .info_bg .inner .title_box {}
.cont .info_bg .inner .title_box .title {position: relative; font-weight: 500; font-size: 32px; line-height: 48px; color: #000000;}
.cont .info_bg .inner .title_box .title:after {display: block; content: ''; position: absolute; bottom: 0; left: 50%; width: 60px; height: 1px; margin: 0 0 0 -30px; background-color: #1c1c1c;}
.cont .info_bg .inner .info_cont {}
.cont .info_bg .inner .info_cont .tab_con {display: inline-block; width: calc(50% - 12px); margin: 0 24px 0 0; padding: 40px 40px 36px; background-color: #ffffff; vertical-align: top;}
.cont .info_bg .inner .info_cont .tab_con .title_area {position: relative; margin: 0 0 35px; border-bottom: 1px solid #e0e0e0;}
.cont .info_bg .inner .info_cont .tab_con .title_area .notice_tab_box {}
.cont .info_bg .inner .info_cont .tab_con .title_area .notice_tab_box .list {font-size: 0;}

.cont .info_bg .inner .info_cont .tab_con .title_area .notice_tab_box .list li {display: inline-block; position: relative; padding: 0 11px; vertical-align: bottom;}
.cont .info_bg .inner .info_cont .tab_con .title_area .notice_tab_box .list li:first-child {padding: 0 15px 0 0;}
.cont .info_bg .inner .info_cont .tab_con .title_area .notice_tab_box .list li.on:before {display: block; content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background-color: #ffab00;}
.cont .info_bg .inner .info_cont .tab_con .title_area .notice_tab_box .list li:after {display: block; content: '/'; position: absolute; top: 0; right: 0; font-weight: 400; font-size: 18px; line-height: 49px; color: #000000;}
.cont .info_bg .inner .info_cont .tab_con .title_area .notice_tab_box .list li:last-child:after {display: none;}
.cont .info_bg .inner .info_cont .tab_con .title_area .notice_tab_box .list li .list_title {font-weight: 400; font-size: 16px; line-height: 49px; color: #000000;}
.cont .info_bg .inner .info_cont .tab_con .title_area .notice_tab_box .list li.on .list_title {font-weight: 500;}



.cont .info_bg .inner .info_cont .tab_con .txt_list {display: none; position: relative;}
.cont .info_bg .inner .info_cont .tab_con .txt_list.on {display: block;}
.cont .info_bg .inner .info_cont .tab_con .txt_list .view {display: block; position: absolute; top: -70px; right: 0; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s;}
.cont .info_bg .inner .info_cont .tab_con .txt_list .view:hover, .cont .info_bg .inner .info_cont .tab_con .title_area .view:focus {transform: rotate(180deg);}
.cont .info_bg .inner .info_cont .tab_con .txt_list .view i {font-size: 20px;}

.cont .info_bg .inner .info_cont .tab_con .txt_list .main_info_area {margin: 0 0 30px; border-bottom: 1px solid #e0e0e0; padding: 0 0 30px;}
.cont .info_bg .inner .info_cont .tab_con .txt_list .main_info_area a {display: block; position: relative;}
.cont .info_bg .inner .info_cont .tab_con .txt_list .main_info_area a:hover .txt_box .txt_inner .txt, .cont .info_bg .inner .info_cont .tab_con .txt_list .main_info_area a:focus .txt_box .txt_inner .txt {font-weight: 500;}

.cont .info_bg .inner .info_cont .tab_con .txt_list .main_info_area a .date {position: absolute; top:0; left:0; width: 81px; height: 81px; border: 1px solid #ededed; background-color: #19214f;}
.cont .info_bg .inner .info_cont .tab_con .txt_list .main_info_area a .date .box {display: table; width: 100%; table-layout: fixed;}
.cont .info_bg .inner .info_cont .tab_con .txt_list .main_info_area a .date .box .inner_box {display: table-cell; width: 100%; height: 81px; vertical-align: middle; text-align: center;}
.cont .info_bg .inner .info_cont .tab_con .txt_list .main_info_area a .date .box .inner_box .day {font-weight: 500; font-size: 28px; line-height: 42px; color: #ffffff;}
.cont .info_bg .inner .info_cont .tab_con .txt_list .main_info_area a .date .box .inner_box .year {font-weight: 500; font-size: 12px; line-height: 18px; color: #ffffff;}

.cont .info_bg .inner .info_cont .tab_con .txt_list .main_info_area a .txt_box {display: table; width: 100%; table-layout: fixed; padding: 0 0 0 101px;}
.cont .info_bg .inner .info_cont .tab_con .txt_list .main_info_area a .txt_box .txt_inner {display: table-cell; height: 81px; vertical-align: middle;}
.cont .info_bg .inner .info_cont .tab_con .txt_list .main_info_area a .txt_box .txt_inner .txt {height: 54px; font-weight: 400; font-size: 18px; line-height: 27px; color: #000000; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.cont .info_bg .inner .info_cont .tab_con .txt_list .list {}
.cont .info_bg .inner .info_cont .tab_con .txt_list .list li {position: relative; margin: 11px 0 0; padding: 0 80px 0 0; }
.cont .info_bg .inner .info_cont .tab_con .txt_list .list li:first-child {margin: 0;}
.cont .info_bg .inner .info_cont .tab_con .txt_list .list li a {display: block;}
.cont .info_bg .inner .info_cont .tab_con .txt_list .list li a:hover .text, .cont .info_bg .inner .info_cont .tab_con .txt_list .list li a:focus .text{text-decoration: underline;}
.cont .info_bg .inner .info_cont .tab_con .txt_list .list li a .text {height: 21px; padding: 0 0 0 11px; font-weight: 400; font-size: 14px; line-height: 21px; color: #525252; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.cont .info_bg .inner .info_cont .tab_con .txt_list .list li a .text:before {display: block; content: ''; position: absolute; top: 50%; left: 0; width: 3px; height: 3px; margin: -2px 0 0; background-color: #525252;}
.cont .info_bg .inner .info_cont .tab_con .txt_list .list li a .date {position: absolute; top: 0; right: 0; font-weight: 400; font-size: 13px; line-height: 21px; color: #525252;}

.cont .info_bg .inner .info_cont .news_area {display: inline-block; width: calc(50% - 12px); padding: 40px 40px 42px; background-color: #ffffff; vertical-align: top;}
.cont .info_bg .inner .info_cont .news_area .title_area {position: relative; margin: 0 0 35px; border-bottom: 1px solid #e0e0e0;}
.cont .info_bg .inner .info_cont .news_area .title_area .title {position: relative; font-weight: 500; font-size: 22px; line-height: 49px; color: #000000;}
.cont .info_bg .inner .info_cont .news_area .title_area .title:after {display: block; content: ''; position: absolute; bottom: -1px; left: 0; width: 203px; height: 2px; background-color: #ffab00;}
.cont .info_bg .inner .info_cont .news_area .title_area .view {display: block; position: absolute; top: 50%; right: 0; margin: -10px 0 0; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s;}
.cont .info_bg .inner .info_cont .news_area .title_area .view:hover, .cont .info_bg .inner .info_cont .news_area .title_area .view:focus {transform: rotate(180deg);}
.cont .info_bg .inner .info_cont .news_area .title_area .view i {font-size: 20px;}
.cont .info_bg .inner .info_cont .news_area .list {}
.cont .info_bg .inner .info_cont .news_area .list li {margin: 23px 0 0;}
.cont .info_bg .inner .info_cont .news_area .list li:first-child {margin: 0;}
.cont .info_bg .inner .info_cont .news_area .list li a {display: table; position: relative; width: 100%; table-layout: fixed;}
.cont .info_bg .inner .info_cont .news_area .list li a:hover .txt_box .tit, .cont .info_bg .inner .info_cont .news_area .list li a:focus .txt_box .tit {text-decoration: underline;}
.cont .info_bg .inner .info_cont .news_area .list li a .img_box {position: absolute; left: 0; top: 0; width: 146px; height: 100px; vertical-align: middle; text-align: center;}
.cont .info_bg .inner .info_cont .news_area .list li a .img_box img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.cont .info_bg .inner .info_cont .news_area .list li a .txt_box {padding: 24px 0 24px 166px; vertical-align: middle;}
.cont .info_bg .inner .info_cont .news_area .list li a .txt_box .tit {height: 22px; font-weight: 400; font-size: 14px; line-height: 22px; color: #000000; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.cont .info_bg .inner .info_cont .news_area .list li a .txt_box .date {position: relative; margin: 8px 0 0; padding: 0 0 0 17px; font-weight: 400; font-size: 15px; line-height: 22px; color: #525252;}
.cont .info_bg .inner .info_cont .news_area .list li a .txt_box .date:before {display: block; content: ''; position: absolute; top: 50%; left: 0; width: 12px; height: 12px; margin: -6px 0 0; background: url("/images/main/date_icon.png"); background-position: 0 0; background-repeat: no-repeat;;}

.cont .info_bg .inner .event_cont {margin: 25px 0 0; font-size: 0;}
.cont .info_bg .inner .event_cont .box {display: inline-block; position: relative; width: calc(33.33% - 16.66px); margin: 0 25px 0 0; vertical-align: top;}
.cont .info_bg .inner .event_cont .box:last-child {margin: 0;}
.cont .info_bg .inner .event_cont .box > a {display: block; position: relative; height: 342px; padding: 46px 40px 40px; z-index: 1;}
.cont .info_bg .inner .event_cont .box > a:before {display: block; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: -1;  background-position: center center; background-size: cover; background-repeat: no-repeat;}
.cont .info_bg .inner .event_cont .box.bg_1 a:before { background-image: url('/images/main/event_bg1.jpg');}
.cont .info_bg .inner .event_cont .box.bg_2 a:before {background-image: url('/images/main/event_bg2.jpg');}
.cont .info_bg .inner .event_cont .box > a .title {font-weight: 500; font-size:26px; line-height: 39px; color: #ffffff;}
.cont .info_bg .inner .event_cont .box > a .text {margin: 17px 0 0; font-weight: 400; font-size: 14px; line-height: 21px; color: #ffffff; word-break: keep-all;}
.cont .info_bg .inner .event_cont .box > a .img_box {position: absolute; right: 40px; bottom: 40px; width: 73px; height: 73px; background-image: url("/images/main/event_icon.png"); background-position: 0 0; background-repeat: no-repeat; transition: all 0.3s;}
.cont .info_bg .inner .event_cont .box > a:hover .img_box {background-image: url("/images/main/event_icon_hover.png");}
.cont .info_bg .inner .event_cont .box > a .img_box img {}
.cont .info_bg .inner .event_cont .box .top_cont {position: relative;}
.cont .info_bg .inner .event_cont .box .top_cont .slide_box {}
.cont .info_bg .inner .event_cont .box .top_cont .slide_box #slide_list {position: relative; background-color: #ffffff;}
.cont .info_bg .inner .event_cont .box .top_cont .slide_box #slide_list li a {display: block;}
.cont .info_bg .inner .event_cont .box .top_cont .slide_box #slide_list li a .img_box {display: table; width: 100%; table-layout: fixed;}
.cont .info_bg .inner .event_cont .box .top_cont .slide_box #slide_list li a .img_box .img_inner {display: table-cell; width: 100%; max-width: 409px; height: 190px; vertical-align: middle; text-align: center;}
.cont .info_bg .inner .event_cont .box .top_cont .slide_box #slide_list li a .img_box .img_inner img {display: inline-block;}
.cont .info_bg .inner .event_cont .box .top_cont .slide_box #slide_list .slick-dots {position: absolute; top: 15px; right: 9px; font-size: 0;}
.cont .info_bg .inner .event_cont .box .top_cont .slide_box #slide_list .slick-dots li {display: inline-block; margin: 0 5px 0 0;}
.cont .info_bg .inner .event_cont .box .top_cont .slide_box #slide_list .slick-dots li:last-child {margin: 0;}
.cont .info_bg .inner .event_cont .box .top_cont .slide_box #slide_list .slick-dots li button {width: 10px; height: 10px; border-radius: 50%; background-color: #dcdcdc;}
.cont .info_bg .inner .event_cont .box .top_cont .slide_box #slide_list .slick-dots li.slick-active button {background-color: #ffab00;}
.slide_box #slide_list .slick-slide {height:auto;}
.cont .info_bg .inner .event_cont .box .bt_cont {position: relative; margin: 25px 0 0;}
.cont .info_bg .inner .event_cont .box .bt_cont a {display: block; position: relative; border: 4px solid #d3dde3; padding: 28px 132px 33px 29px; box-sizing: border-box;}
.cont .info_bg .inner .event_cont .box .bt_cont a:after {display: block; content: ''; position: absolute; right: 30px; bottom: 23px; width: 97px; height: 80px; background-image: url('/images/main/event_icon2.png'); background-position: 0 0; background-size: contain; background-repeat: no-repeat;}
.cont .info_bg .inner .event_cont .box .bt_cont a .title {font-weight: 700; font-size: 19px; line-height: 29px; color: #292929;}
.cont .info_bg .inner .event_cont .box .bt_cont a .text {margin: 8px 0 0; font-weight: 400; font-size:14px; line-height: 21px; color: #292929; word-break: keep-all;}


.cont .info_bg .inner .event_cont .box .top_cont .nav_box {}
.cont .info_bg .inner .event_cont .box .top_cont .nav_box .nav {position: absolute; top: 50%;  width: 19px; height: 38px; margin: -19px 0 0; background-position: 0 0; background-size: cover; background-repeat: no-repeat;}
.cont .info_bg .inner .event_cont .box .top_cont .nav_box .nav.prev {left: 0; background-image: url("/images/main/slide_prev.jpg");}
.cont .info_bg .inner .event_cont .box .top_cont .nav_box .nav.next {right: 0; background-image: url("/images/main/slide_next.jpg");}


/* ========================== 영문 ========================== */
.wrapper.en .cont .info_cont .info_box .info_inner {padding: 23px 19px 33px;}
/* .wrapper.en .cont_val {position: relative; top: -112px; height: 623px; margin: 0 -640px; padding: 112px 640px 0; background-image: url("/images/en/main/main_visual_en.jpg"); background-position: center center; background-repeat: no-repeat;} */
/* .wrapper.en .cont_val .main_link .link_box .list li {width: 100%;} */
/* .wrapper.en .cont .info_bg .inner .info_cont .tab_con .txt_list {display: block;} */
.wrapper.en .cont .info_bg .inner .event_cont .box > a {height: 127px}
.wrapper.en .cont .info_bg .inner .event_cont .box .bt_cont {margin: 0;}
.wrapper.en .cont .info_bg .inner .event_cont .box > a .img_box {top: 50%; margin: -30px 0 0;}
/* // ========================== 영문 ========================== */


/* ========================== 중문 ========================== */
.wrapper.ch .cont .info_cont .info_box .info_inner {padding: 23px 19px 33px;}
/* .wrapper.ch .cont_val {position: relative; top: -112px; height: 623px; margin: 0 -640px; padding: 112px 640px 0; background-image: url("/images/en/main/main_visual_en.jpg"); background-position: center center; background-repeat: no-repeat;} */
/* .wrapper.ch .cont_val .main_link .link_box .list li {width: 100%;} */
/* .wrapper.ch .cont .info_bg .inner .info_cont .tab_con .txt_list {display: block;} */
.wrapper.ch .cont .info_bg .inner .event_cont .box > a {height: 127px}
.wrapper.ch .cont .info_bg .inner .event_cont .box .bt_cont {margin: 0;}
.wrapper.ch .cont .info_bg .inner .event_cont .box > a .img_box {top: 50%; margin: -30px 0 0;}
/* // ========================== 중문 ========================== */

.wrapper.ch .cont .service_bg .inner .service_cont .link_box3 {display: none;}
.wrapper.en .cont .service_bg .inner .service_cont .link_box3 {display: block;}

.main_btn_box {margin: 0 0 0;}
.main_btn_box .btn {display: inline-block; padding: 0 30px 0 50px; background-color: #037be1; background-image: url("/images/common/down_icon.png"); background-position: left 20px center; background-repeat: no-repeat; font-weight: 400; font-size: 14px; line-height: 40px; color: #ffffff;}
.main_btn_box .btnLink {display: inline-block; padding: 0 30px 0 50px; background-color: #037be1; background-image: url("/images/main/sevrice_link_icon.png"); background-position: left 20px center; background-repeat: no-repeat; font-weight: 400; font-size: 14px; line-height: 40px; color: #ffffff;}
.main_btn_box .btnTT {display: inline-block; padding: 0 20px 0 20px; background-color: #037be1;  background-repeat: no-repeat; font-weight: 400; font-size: 14px; line-height: 40px; color: #ffffff;}


.layer_pop {position:absolute;z-index:10000 !important; border:1px solid #000;background:#fff;box-shadow:0 10px 15px rgba(0,0,0,0.1);}
.layer_pop .close_wrap {background:#444;color:#fff;padding:10px;}
.layer_pop .close_wrap .click_today {position:relative;display:inline-block;line-height:25px;}
.layer_pop .close_wrap .click_today label {background:#444;color:#fff;padding:10px 0;text-align:right;margin-right:10px;}
.layer_pop .close_wrap .click_today label:before {content:'';margin-right:10px;display:inline-block;width:16px;height:16px;vertical-align:top;border:1px solid #ddd; margin-top:3px;}
.layer_pop .close_wrap .click_today input:checked +  label:after {content:'✔';position: absolute;left:8px;width:16px;height:16px; }
.layer_pop .close_wrap button {float:right;color:#fff;height:25px;font-size:14px;}
.layer_pop .close_wrap button i {margin-left:5px;}
.layer_content img {height:auto !important;}