@charset "utf-8";

@import url("basic.css");
@import url("common.css");

/*

 KSB

*/

/*main_popup CSS*/

.main_popup{ position:relative; height:60px; width:100%; overflow:hidden; cursor: pointer;}
.main_popup .center{ position:absolute; z-index:10; left:50%; margin-left:-700px; overflow:hidden; }
.popup_close_btn{ position:absolute; z-index:15; left:50%; margin-top:15px; margin-left:477px; }
.popup_close_btn a{ float:left; }
.week_btn{ background:#1c356f; border-radius:20px; color:#fff; padding:5px 20px; padding-top:6px; margin-right:10px; }
.popup_close{ width:30px; height:30px; background:#1c356f; border-radius:20px; }
.popup_close .icon_x{ float: left; margin-top: 8px; margin-left: 10px; }
.popup_close_btn a:hover,.popup_close_btn a:focus,.popup_close_btn a:active{ background:#e7204b; }
.icon_x{ transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); margin-left:-8px;  }
.icon_x span{ width:16px; height:2px; display:inline-block; background:#fff; position:absolute; left:0; margin-top:0px; }
.icon_x span:nth-child(2){ transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); }
.popup_view_btn{ border:1px solid #fff; border-radius:20px; color:#fff; padding:4px 20px; padding-top:5px; margin-right:10px; overflow:hidden; margin-top:15px; position:absolute; /*left:50%;margin-left:-60px;*/ margin-left:900px; padding-right:30px;}
.popup_view_btn:hover,.popup_view_btn:focus,.popup_view_btn:active{ background:#fff; color:#1c356f; font-weight:600; }
/*.popup_view_btn:after{ content:" "; margin-left:30px; display:block; float:right;  margin-top:1px; }
.popup_view_btn:hover:after,.popup_view_btn:focus:after,.popup_view_btn:active:after{ background:url('../img/icon/icon_arrw_b.png') center no-repeat; background-size:8px;  }*/
.popup_view_btn{ background:none; color:#fff; font-weight:600; }
.pop_btn_label{ position:absolute; width:8px; height:15px; width:8px; height:15px; background:url('../img/icon/icon_arrw_w.png') center no-repeat; background-size:8px;     padding: 4px 20px; margin-top: 18px; margin-left: 980px; }

.popup_slide_btn{ position:absolute; z-index:15; left:50%; margin-left:-700px; }
.popup_slide_btn .play,.popup_slide_btn .pause{ width:30px; height:30px;  border-radius:20px; margin-left:35px; margin-top:15px; }
.popup_slide_btn .play{ display:none; background:url('../img/icon/play_btn.png') center no-repeat #1c356f; background-size:11px; }
.popup_slide_btn .pause{ background:url('../img/icon/pause_btn.png') center no-repeat #1c356f; background-size:11px; }
.popup_slide_btn a:hover,.popup_slide_btn a:focus,.popup_slide_btn a:active{ background-color:#e7204b; }
.popup_slide .slick-prev,.popup_slide .slick-next{ left:50%; margin-left:-700px; width:30px; height:30px; background:#1c356f; border-radius:20px; z-index:16; top:30px; }
.popup_slide .slick-prev:before,.popup_slide .slick-next:before{ content:" "; width:8px; height:15px; display:block; padding-left:21px; }
.popup_slide .slick-prev{  }
.popup_slide .slick-next{ margin-left:-630px; }
.popup_slide .slick-prev:before{ background:url('../img/icon/icon_arrw_w.png') center no-repeat; background-size:8px;
 transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); }
.popup_slide .slick-next:before{ background:url('../img/icon/icon_arrw_w.png') center no-repeat; background-size:8px; padding-left:22px; }
.popup_slide .slick-prev:hover,.popup_slide .slick-prev:focus,.popup_slide .slick-prev:active,
.popup_slide .slick-next:hover,.popup_slide .slick-next:focus,.popup_slide .slick-next:active{
	background:#e7204b;
}
.popup_img{ width:1920px; height:60px;  }
.popup_img img{ width:100%; }
.popup_slide.slick-slider{ position:absolute; width:1920px; left:50%; margin-left:-960px; }

.shadow_box{ -webkit-box-shadow: 9px 10px 21px 4px rgba(0,0,0,0.05); box-shadow: 9px 9px 21px 4px rgba(0,0,0,0.05); }

/* main_section_01 CSS 221219 SY Edit */
#main_section_01{ overflow:hidden; margin-top:140px; padding-bottom:30px; }

.main_info{ float:left; width:928px; height:400px; margin-right:16px; position:relative; }
.info_slide_btn{ position:absolute; right:60px; top:30px; z-index:3; }
.info_slide_btn .play, .info_slide_btn .pause{ width:20px; height:20px; background:blue; position:absolute; top:0; left:0; }
.info_slide_btn .play{ display:none; background:url('../img/icon/play_info.png') center no-repeat; background-size:10px; }
.info_slide_btn .pause{ background:url('../img/icon/pause_info.png') center no-repeat; background-size:10px; }
.info_slide{  }
.info_slide .slick-dots{ top:26px; right:60px; width:auto; }
.info_slide .slick-dots li button{ width: 14px; height: 14px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }
.info_img{ width:928px !important; height:400px;  }
.info_img img{ width:100%; }

.info_slide .slick-dots li{ margin:0 5px; width:14px; height:14px; }
.info_slide .slick-dots li button:hover:before,
.info_slide .slick-dots li button:focus:before,
.info_slide .slick-dots li button:focus:active
{ background:#3a66ea; }
.info_slide .slick-dots li button:before
{ font-size: 0px; line-height: 0px; width: 14px; height: 14px; border:3px solid #3a66ea; border-radius:20px; box-sizing:border-box; content: ' '; opacity: 1; }
.info_slide .slick-dots li.slick-active button:before
{ background:#3a66ea; opacity:1; }

.main_stat{ float:left; height:400px; width:456px; }
.main_stat_tab{ overflow:hidden; }
.main_stat_tab .m_tab_title{ font-size:18px; width:50%; text-align:center; background:#e7ecf4; box-sizing:border-box; padding:18px 0px; float:left; font-weight:600; border-top:2px solid #e7ecf4; }
.main_stat_tab .m_tab_title.tab_on{ background:#fff !important; border-top:2px solid #3a66ea !important; }
.main_stat_tab .m_tab_title:hover,.main_stat_tab .m_tab_title:focus{ background:#d5ddeb; border-top:2px solid #d5ddeb; }
.main_stat_tab .m_tab_title:active{ background:#3a66ea; border-top:2px solid #3a66ea; color:#fff; }
.main_stat_cnt ul{ margin:20px 0px; }
.main_stat_cnt ul li{ }
.main_stat_cnt ul li a{ padding:16px 40px; padding-left:86px; width:100%; box-sizing:border-box; font-weight:600; position:relative; }
.main_stat_cnt ul li a:hover{ background:#3a66ea; color:#fff; }
.main_stat_cnt ul li:nth-child(1):before{ content:" "; display:none; }
.main_stat_cnt ul li:before{ content:" "; position:absolute; display:block; width:456px; height:1px; background:url('../img/main/main_stat_line.png') no-repeat center; background-size:456px; }
.main_stat_cnt ul li a:before,.main_stat_cnt ul li a:after{ content:" "; width:20px; height:20px; display:block; position:absolute; }
.main_stat_cnt ul li a:before{ left:40px; top:8px; width:34px; height:34px; border-radius:20px; background:url('../img/icon/main_stat_icon.png') no-repeat center #fff; background-size:19px; }
.main_stat_cnt ul li a:after{ right:40px; top:18px; width:8px; height:15px; background:url('../img/icon/icon_arrw_b.png') no-repeat center; background-size:8px; }
.main_stat_cnt ul li a:hover:after,.main_stat_cnt ul li a:focus:after,.main_stat_cnt ul li a:active:after{
	background:url('../img/icon/icon_arrw_w.png') no-repeat center; background-size:8px;
}


/* main_section_02 CSS */
#main_section_02{ overflow:hidden; padding-bottom:30px; }
.main_news,.main_quick{ width:692px; float:left; box-sizing:border-box; }

.main_news{ margin-right:16px; overflow:hidden; padding:0px 40px; border:1px solid #4d7b9f; }
.main_news_date{ border:2px solid #333; width:94px;height:94px; float:left; text-align:center; margin:24px 0px; margin-right:20px; }
.date_top,.date_bott{ display:block; font-family:Montserrat; font-weight:400; letter-spacing:0.01em; }
.date_top{ font-size:17px; line-height:20px; line-height:16px; margin-top:21px; letter-spacing:-0.2px; }
.date_bott{ font-size:35px; font-weight:600; }
.news_new{ position:absolute; width:28px; height:28px; background:url('../img/icon/main_new.png') no-repeat center; background-size:28px; margin-top:-14px; margin-left:-14px; }

.main_news_list{ float:left; width:490px; padding:20px 0px; }
.main_news_list ul li a{ overflow:hidden; width:490px; float:left; margin-top:5px; }
.main_news_list ul li:nth-child(1) a{ margin-top:0px; }
.main_news_list ul li a:hover p,.main_news_list ul li a:focus p{ text-decoration:underline; }
.main_news_list ul li a:active p{ font-weight:800; }
.main_news_list ul li a p{ float:left; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; line-height:30px; font-weight:600; width:448px; }

.main_news_list ul li a span.main_news_icon{ font-size:0px !important; overflow:hidden; width:32px; height:32px; background:#1c55da;display:inline-block; border-radius:50px; float:left; margin-right:10px; }

/*
.main_news_list ul li a span{ float:left; border:1px solid #333; padding: 4px 15px; border-radius:20px; margin-right:10px; font-weight:600; }
.main_news_list ul li.ctgr01 a p{ width:380px; }
.main_news_list ul li.ctgr02 a p,.main_news_list ul li.ctgr07 a p{ width:330px; }
.main_news_list ul li.ctgr03 a p{ width:310px; }
.main_news_list ul li.ctgr04 a p{ width:360px; }
.main_news_list ul li.ctgr05 a p,.main_news_list ul li.ctgr06 a p{ width:340px; }

.main_news_list ul li.ctgr01 span{ border:1px solid #3a66ea; color:#3a66ea;  }
.main_news_list ul li.ctgr02 span{ border:1px solid #894bb8; color:#894bb8; }
.main_news_list ul li.ctgr03 span{ border:1px solid #1c356f; color:#1c356f; }
.main_news_list ul li.ctgr04 span{ border:1px solid #fc8c08; color:#fc8c08; }
.main_news_list ul li.ctgr05 span{ border:1px solid #1c9bd9; color:#1c9bd9; }
.main_news_list ul li.ctgr06 span{ border:1px solid #e6204b; color:#e6204b; }
.main_news_list ul li.ctgr07 span{ border:1px solid #10b8aa; color:#10b8aa; }
*/
.main_news_list ul li.ctgr01 span.main_news_icon{ background: url('../img/icon/news_ctgr_01.png') no-repeat center #1c55da; background-size: 21px; }
.main_news_list ul li.ctgr02 span.main_news_icon{ background: url('../img/icon/news_ctgr_02.png') no-repeat center #1c55da; background-size: 21px; }
.main_news_list ul li.ctgr03 span.main_news_icon{ background: url('../img/icon/news_ctgr_03.png') no-repeat center #1c55da; background-size: 21px; }
.main_news_list ul li.ctgr04 span.main_news_icon{ background: url('../img/icon/news_ctgr_04.png') no-repeat center #1c55da; background-size: 21px; }
.main_news_list ul li.ctgr05 span.main_news_icon{ background: url('../img/icon/news_ctgr_05.png') no-repeat center #1c55da; background-size: 21px; }
.main_news_list ul li.ctgr06 span.main_news_icon{ background: url('../img/icon/news_ctgr_06.png') no-repeat center #1c55da; background-size: 21px; }
.main_news_list ul li.ctgr07 span.main_news_icon{ background: url('../img/icon/news_ctgr_07.png') no-repeat center #1c55da; background-size: 21px; }
.main_news_list ul li.ctgr08 span.main_news_icon{ background: url('../img/icon/news_ctgr_08.png') no-repeat center #1c55da; background-size: 21px; }
.main_news_list ul li.ctgr09 span.main_news_icon{ background: url('../img/icon/news_ctgr_09.png') no-repeat center #1c55da; background-size: 21px; }
.main_news_list ul li.ctgr10 span.main_news_icon{ background: url('../img/icon/news_ctgr_10.png') no-repeat center #1c55da; background-size: 21px; }

.main_quick{ height:148px; background:#fff; border:1px solid #4d7b9f; box-sizing:border-box; padding:0px 60px; overflow:hidden; }
.main_quick .quick_title{ font-size:20px; font-weight:600; line-height:26px; float:left; margin-top:47px; padding-right:60px; border-right:1px solid rgba(255,255,255,0.2) }
.main_quick .quick_icon{ float:right; overflow:hidden; }
.main_quick .quick_icon a{ font-weight:600; float:left; width:112px !important; text-align:center; margin-left:40px; }
.main_quick .quick_icon a span{ word-break:keep-all; }
.main_quick .quick_icon a:nth-child(1){ margin-left:0px; }
.main_quick .quick_icon a:before{ content:" "; width:60px; height:60px; background:#fff; border-radius:40px; display:block; margin:0 auto; margin-top:16px; margin-bottom:14px; transition: .3s cubic-bezier(.43,.08,.57,.83); -moz-transition: .3s cubic-bezier(.43,.08,.57,.83); -o-transition: .3s cubic-bezier(.43,.08,.57,.83); -webkit-transition: .3s cubic-bezier(.43,.08,.57,.83);  }
.main_quick .quick_icon a:nth-child(1):before{ background:url('../img/main/main_quick_new_01.png') no-repeat center #eef2f5; background-size:40px;  }
.main_quick .quick_icon a:nth-child(2):before{ background:url('../img/main/main_quick_new_02.png') no-repeat center #eef2f5; background-size:40px; }
.main_quick .quick_icon a:nth-child(3):before{ background:url('../img/main/main_quick_new_03.png') no-repeat center #eef2f5; background-size:40px; }
.main_quick .quick_icon a:nth-child(4):before{ background:url('../img/main/main_quick_new_04.png') no-repeat center #eef2f5; background-size:40px; }

.main_quick .quick_icon a:hover:before,
.main_quick .quick_icon a:focus:before,
.main_quick .quick_icon a:active:before{ -webkit-animation: up_mv 0.6s ease 2; -moz-animation: up_mv 0.6s ease 2; animation: up_mv 0.6s ease 2; }

@-webkit-keyframes up_mv{
     0% {transform:translateY(0px)}
    50% {transform:translateY(-5px)}
    100% {transform:translateY(0px)}
}
@-moz-keyframes up_mv{
    0% {transform:translateY(0px)}
    50% {transform:translateY(-5px)}
    100% {transform:translateY(0px)}
}
@keyframes up_mv{
    0% {transform:translateY(0px)}
    50% {transform:translateY(-5px)}
    100% {transform:translateY(0px)}
}

/* main_section_03 CSS */
#main_section_03{ overflow:hidden; padding-bottom:210px; }

.main_publ{ width:468px; float:left; margin-right:16px; }
.publ_ctgr{ background:#fff; border:1px solid #4d7b9f; width:220px; position:absolute; margin-top:-20px; z-index:10; }
.publ_title{ padding:30px; font-size:20px; font-weight:600; padding-left:60px; }
.publ_title:before{ width:16px; height:18px; content:" "; display:block; position:absolute; background:url('../img/main/publ_icon.png') no-repeat center; background-size:16px; margin-left:-30px; }
.publ_ctgr ul li a{ padding:15px 30px; box-sizing:border-box; width:100%; }
.publ_ctgr ul{ /*margin-bottom:30px;*/ }
.publ_ctgr ul li.tab_on a{ background:#345fea; color:#fff;  }
.publ_ctgr ul li a:hover,.publ_ctgr ul li a:focus,.publ_ctgr ul li a:active{ background:#345fea; color:#fff;  }
.publ_ctgr ul li:nth-child(1) a{ border-top:0px; }
.publ_ctgr ul li a{ border-top:1px solid #4b7b9f; }

.publ_cnt{ width:410px; height:400px; float:right; box-sizing:border-box; padding:30px 0px; position:relative; }
.publ_slide{width:189px;float:right;margin-right:30px;min-height: 340px;}
.publ_slide_cnt{width:190px !important;/* padding-bottom:11px; */min-height: 340px;position:relative; }
.publ_slide_cnt span{ color:#e6204b; font-weight:600; }
.publ_slide_cnt p{ font-size:19px; font-weight:800; margin-top:10px; }
.publ_slide_cnt .publ_btn{ margin-top:10px; position:relative; padding-right:20px; color:#1c356f; font-weight:600; }
.publ_slide_cnt .publ_btn:after{ content:" "; width:8px; height:15px; background:url('../img/icon/icon_link_b.png'); background-size:8px; display:block; position:absolute; right:0; top:1px; }
.publ_slide_cnt .publ_btn:hover,.publ_slide_cnt .publ_btn:focus,.publ_slide_cnt .publ_btn:active{ color:#e6204b; }
.publ_slide_cnt .publ_btn:hover:after,
.publ_slide_cnt .publ_btn:focus:after,
.publ_slide_cnt .publ_btn:active:after{ background:url('../img/icon/icon_link_r.png'); }
.publ_img{width:150px;height: 215px;position: absolute;bottom: 0;left: 0;}
.publ_img .publ_img_wrap{width: 180px;height:205px;overflow:hidden;border:1px solid #ddd;box-sizing:border-box; background:#fff; transition: .3s cubic-bezier(.43,.08,.57,.83);-moz-transition: .3s cubic-bezier(.43,.08,.57,.83);-o-transition: .3s cubic-bezier(.43,.08,.57,.83);-webkit-transition: .3s cubic-bezier(.43,.08,.57,.83);position:absolute;z-index:3; bottom:0px;}
.publ_img img{ width:100%; }
.publ_img:hover .publ_img_wrap,.publ_img:focus .publ_img_wrap,.publ_img:active .publ_img_wrap{/* top: 20px; */ border:1px solid #1c356f;}
/*.publ_img:after{ content:" "; display:block; width:140px; height:185px; overflow:hidden; background:#1c356f; box-sizing:border-box; margin-top:20px;  position:absolute; top:10px; left:10px; z-index:1; }*/
.publ_cnt .slick-prev, .publ_cnt .slick-next{left:0;bottom:0;top:auto;margin-left:-161px;width:50px;height:50px;margin-bottom: -25px;z-index:11;background:url('../img/icon/icon_arrw_b.png') no-repeat center #f3f3f6;background-size:8px;}

.publ_cnt .slick-next{ margin-left:-101px; }
.publ_cnt .slick-prev{transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);margin-bottom: 0px;}
.publ_cnt .slick-next:before, .publ_cnt .slick-prev:before{ content:" "; }
.publ_cnt .slick-prev:hover, .publ_cnt .slick-prev:focus,
.publ_cnt .slick-next:hover, .publ_cnt .slick-next:focus {background:url('../img/icon/icon_arrw_b.png') no-repeat center #ddd;
}

.main_report{ width:500px; margin-right:16px; float:left; padding:15px; box-sizing:border-box; }
.main_report_top{ overflow:hidden; }
.main_report_img { width:100%; height:300px; margin-top:14px; }
.main_report_img img,.main_report_img a{ width:100%; }
.main_report_img ul li{ width:49%; height:286px; float:left; box-sizing:border-box; border:1px solid #e0e0e0; overflow:hidden; }
.main_report_img ul li:nth-child(1){ margin-right:2%; }
.main_report_img ul li img{ width: 94%; margin: 0 7px; }
.main_report_img ul li:hover,.main_report_img ul li:focus,.main_report_img ul li:active{ border:1px solid #1c356f; }

@keyframes spin{
	100%{ transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg);  -o-transform: rotate(360deg); -ms-transform: rotate(360deg); }
}

.main_card{ float:left;width:400px; height:400px; position:relative; overflow:hidden;}
.main_card_top{ padding:20px 20px 0px 0px; box-sizing:border-box; position:absolute; z-index:10; right:20px; }
.main_card_top p{ font-size:20px; font-weight:600; float:left; }
.card_slide_btn{ position:absolute; }
.card_slide_btn .play, .card_slide_btn .pause{ width:20px; height:20px; background:blue; position:absolute; }
.card_slide_btn .play{ display:none; background:url('../img/icon/play_info.png') center no-repeat; background-size:10px; }
.card_slide_btn .pause{ background:url('../img/icon/pause_info.png') center no-repeat; background-size:10px; }
.card_slide{  }
.card_slide_cnt{ width:400px !important; height:400px; position:relative; }
.card_slide_cnt .card_title{ position:absolute; background:rgba(0,0,0,0.7); color:#fff; padding:20px; box-sizing:border-box; width:100%; bottom:0; }
.card_slide_cnt .card_title p{ line-height:24px; }
.card_slide_cnt .card_title span{ color:#ff9eb3; margin-bottom:8px; font-weight:600; display:block; }
.card_slide_cnt img{ width:100%; }
.card_slide .slick-dots{ bottom:auto; top:16px; right:43px; width:auto; }
.card_slide .slick-dots li button{ width: 14px; height: 14px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }

.card_slide .slick-dots li{ margin:0 5px; width:14px; height:14px; }
.card_slide .slick-dots li button:hover:before,
.card_slide .slick-dots li button:focus:before,
.card_slide .slick-dots li button:focus:active
{ background:#3a66ea; }
.card_slide .slick-dots li button:before
{ font-size: 0px; line-height: 0px; width: 14px; height: 14px; border:3px solid #3a66ea; border-radius:20px; box-sizing:border-box; content: ' '; opacity: 1; }
.card_slide .slick-dots li.slick-active button:before
{ background:#3a66ea; opacity:1; }

.main_stat{ float:left; height:400px; width:456px; }



/* bottom motion background CSS */
#main_section_04 { position: absolute;bottom: 154px; width: 100%; }
.illust_motion {height: 210px; overflow: hidden;}
.illust_motion .sky_box {position: absolute; top: 70px; right:180px;}
.illust_motion .sky_box h4 {position:relative; padding: 0; margin: 0;}
.illust_motion .sky_box h4:before{position: absolute;right:110px;top:160px;width:300px;height: 40px;background: url(../img/main/icon5.png);transition: all 2.5s; animation: anim3 linear normal infinite 8s;content:' '; z-index:6;  }
.illust_motion .sky_box img {display: block;}
.illust_motion .sky_box span {display: block;margin-top: 3px;color: #161c1f;text-align: center;font-weight: 600;letter-spacing: -0.1em;}

@-webkit-keyframes vibes2{
    0% {transform:translateY(0)}
    20% {transform:translateY(6px)}
    40% {transform:translateY(0)}
    60% {transform:translateY(6px)}
    100% {transform:translateY(0)}
}
@-moz-keyframes vibes2{
    0% {transform:translateY(0)}
    20% {transform:translateY(6px)}
    40% {transform:translateY(0)}
    60% {transform:translateY(6px)}
    100% {transform:translateY(0)}
}
@keyframes vibes2{
    0% {transform:translateY(0)}
    20% {transform:translateY(6px)}
    40% {transform:translateY(0)}
    60% {transform:translateY(6px)}
    100% {transform:translateY(0)}
}
.illust_motion{position:relative;background: none;}
.illust_motion:after{ display:none; position: absolute;right: 0%;bottom: -38px;z-index: 0;width:1000px;height:340px;margin-left: -1360px;background: url(../img/main/bg2.png) no-repeat;content: '';}
.illust_motion .bg{width:5676px; height:340px; display:inline-block; overflow:hidden; position:absolute; bottom:0; left:0; z-index:10;}
.illust_motion .bg4{width:5676px; height:340px; display:inline-block; overflow:hidden; position:absolute; bottom:-41px; left:0; z-index:10; }
.illust_motion .bg span{display: inline-block;float: right;position: relative;right:0;bottom: 0;z-index: 0;width:1892px;height:100%;background: url(../img/main/2020_bg_sky.png);content: '';}
.illust_motion .bg4 span{display: inline-block;float: right;position: relative;right:0;bottom: 0;z-index: 0;width:1892px;height:100%;background: url(../img/main/2020_bg_land.png);content: '';}
.illust_motion .wrapper {position: relative;height: 100%;}
.illust_motion ul{z-index:1}
.illust_motion .bg1{display: block;position: absolute;bottom: 13px; right:90px; width:240px; height:180px;background: url(../img/main/truck_icon1.png);transition: all 1.5s;animation: anim7 linear normal infinite 5s;transform:translateX(0px); z-index:11; }
.illust_motion .bg1 em{display: block;position: absolute;left: 52px;bottom: 112px;width:58px;height:60px;background: url(../img/main/truck_icon3.png);animation: anim1 linear normal infinite 2s;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);transform-origin: 100% 100%;}
.illust_motion .bg1:before{position: absolute;left: 59px;bottom: -6px;width:40px;height: 40px;background: url(../img/main/truck_icon2.png);animation: anim4 linear normal infinite .2s;transform-origin: 50% 50%;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;content: '';}
.illust_motion .bg1:after{position: absolute;right: 67px;bottom :-6px;width:40px;height: 40px;background: url(../img/main/truck_icon2.png);animation: anim4 linear normal infinite .2s;transform-origin: 50% 50%;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;content: '';}
.illust_motion .bg2{display: none; position: absolute;bottom: 123px;right: 463px;width:58px;height:60px;background: url(../img/main/icon3.png); z-index:11;
transition: all 2s;animation: anim8 linear normal infinite 2s;transform:translateY(0px);}
.illust_motion .bg3{position: absolute;bottom: 12px;left: 310px;width:55px;height:94px;background: url(../img/main/tower.png);background-size: 100%; z-index:11;}
.illust_motion .bg5{display: block;position: absolute;bottom: 85px;left: 220px;width:80px;height:53px;background: url(../img/main/icon4.png);z-index:11;
transition: all 2s;animation: anim9 linear normal infinite 3s;transform:translateY(0px);}
.illust_motion .bg6{display: block;position: absolute;bottom: 8px;left: 195px;width:130px;height:30px;background: url(../img/main/icon6.png);z-index:11;
transition: all 2s;animation: anim10 linear normal infinite 3s;transform:scaleX(0.8);}
@keyframes anim1{
	0%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg)}
	50%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg)}
	100%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg)}
}
@keyframes anim3{
	0%{-webkit-transform:translateX(400px) translateY(0px) rotate(35deg);-moz-transform:translateX(400px) translateY(0px) rotate(35deg);
	-ms-transform:translateX(400px) translateY(0px) rotate(35deg);-o-transform:translateX(400px) translateY(0px) rotate(35deg);transform:translateX(0px) translateY(0px) rotate(35deg);}
	50%{-webkit-transform:translateX(100px) translateY(-140px) rotate(20deg);-moz-transform:translateX(100px) translateY(-140px) rotate(20deg);
	-ms-transform:translateX(100px) translateY(-140px) rotate(20deg);-o-transform:translateX(100px) translateY(-140px) rotate(20deg);transform:translateX(-300px) translateY(-140px) rotate(20deg);}
	100%{-webkit-transform:translateX(-280px) translateY(-280px) rotate(8deg);-moz-transform:translateX(-280px) translateY(-280px) rotate(8deg);
	-ms-transform:translateX(-280px) translateY(-280px) rotate(8deg);-o-transform:translateX(-280px) translateY(-280px) rotate(8deg);transform:translateX(-580px) translateY(-280px) rotate(8deg);}
}
@keyframes anim4 {
  0% {-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
  50% {-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
  100% {-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
}
@keyframes anim7 {
  	0%{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);transform:translateX(0px);}
  	20%{-webkit-transform:translateX(-25px);-moz-transform:translateX(-25px);-ms-transform:translateX(-25px);-o-transform:translateX(-25px);transform:translateX(-25px)}
	30%{-webkit-transform:translateX(-25px);-moz-transform:translateX(-25px);-ms-transform:translateX(-25px);-o-transform:translateX(-25px);transform:translateX(-25px)}
	50%{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);transform:translateX(0px);}
	70%{-webkit-transform:translateX(25px);-moz-transform:translateX(25px);-ms-transform:translateX(25px);-o-transform:translateX(25px);transform:translateX(25px);}
	80%{-webkit-transform:translateX(25px);-moz-transform:translateX(25px);-ms-transform:translateX(25px);-o-transform:translateX(25px);transform:translateX(25px);}
	100%{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);transform:translateX(0px);}
}
@keyframes anim8 {
  	0%{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);transform:translateY(0px);}
	50%{-webkit-transform:translateX(7px);-moz-transform:translateX(7px);-ms-transform:translateX(7px);-o-transform:translateX(7px);transform:translateY(7px);}
	100%{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);transform:translateY(0px);}
}
@keyframes anim9 {
  	0%{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);transform:translateY(0px);}
	50%{-webkit-transform:translateX(20px);-moz-transform:translateX(20px);-ms-transform:translateX(20px);-o-transform:translateX(20px);transform:translateY(20px);}
	100%{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);transform:translateY(0px);}
}
@keyframes anim10 {
  	0%{-webkit-transform:scaleX(0.4);-moz-transform:scaleX(0.4);-ms-transform:scaleX(0.4);-o-transform:scaleX(0.4);transform:scaleX(0.4);}
	50%{-webkit-transform:scaleX(0.8);-moz-transform:scaleX(0.8);-ms-transform:scaleX(0.8);-o-transform:scaleX(0.8);transform:scaleX(0.8);}
	100%{-webkit-transform:scaleX(0.4);-moz-transform:scaleX(0.4);-ms-transform:scaleX(0.4);-o-transform:scaleX(0.4);transform:scaleX(0.4);}
}

/* main event layer */
.event_pop{
    position: absolute;
    bottom: 150px;
    left: 130px;
    background: url('../img/main/event_pop_bg.png') no-repeat #222254;
    z-index: 9999;
    width: 340px;
    padding: 30px 20px;
}
.event_pop .consent_perInfo{  }
.event_pop .policy{  }
.event_pop .policy h3{ margin-bottom:160px; font-weight:800; text-align:center; color:#fff; font-size:22px; }
.event_pop .policy p{ padding:10px; background:#d2ddff; font-weight:600; line-height:22px; }
.event_pop .check_policy{ margin:10px 0px; color:#fff;  }
.event_pop .input_user{  }
.event_pop .input_user .user_information{ }
.event_pop .input_user .user_information .row_no1,.event_pop .input_user .user_information .row_no2{ overflow:hidden; margin-bottom:10px; }
.event_pop .input_user label{ float:left; line-height:32px; font-weight:600; color:#fff; }
.event_pop .input_user input[type="text"]{ float:right; width:80%; line-height:30px; }
.event_pop .btn_event{ text-align:center; }
.event_pop .btn_event .go_event,.event_pop .btn_event .go_cencle{ padding:10px 20px; font-weight:600; background:#345fea; color:#fff; }
.event_pop .btn_event .go_event{  }
.event_pop .btn_event .go_cencle{  }
.event_pop .btn_event .go_event:hover,.event_pop .btn_event .go_event:focus,.event_pop .btn_event .go_cencle:hover,.event_pop .btn_event .go_cencle:focus{ background:#fff; color:#222; }
.event_pop .btn_event .go_event:active,.event_pop .btn_event .go_cencle:active{ background:#e6204b; color:#fff; }

.publ_mobile{ display:none; }
.main_mobile_popup{ display:none; }


/* 메인 리뉴얼 */

.main_cnt_wrap{ position:relative; overflow: hidden; margin-top: 110px; padding: 50px 0px; }
.main_cnt_wrap:before{ content:" "; position:absolute; left:0px; top:0px; height:100%; background:#fff8f2; width: calc( 50% + 100px ); }

.sdw_box{
    -webkit-box-shadow: 1px 2px 11px 2px rgba(0,0,0,0.05);
    box-shadow: 1px 2px 11px 2px rgba(0,0,0,0.05);
}

.main_cnt_wrap section{ position:relative; z-index: 1; width:1400px; margin:0 auto; }

.main_cnt_01{ display:flex; }
.main_cnt_01 .main_cnt_01_left{ width:440px; margin-right:30px; }
.main_cnt_01 .main_cnt_01_left .main_search{  }
.main_cnt_01 .main_cnt_01_left .main_search .srch_input{ width:100%; height:40px; border-radius:50px; background:#fff; border:3px solid #eabc9b; position:relative; }
.main_cnt_01 .main_cnt_01_left .main_search .srch_input input{ position:absolute; left:15px; top:5px; border:none; background:transparent; width:380px; font-family: 'NanumSquare', sans-serif; text-indent: 0px; }
.main_cnt_01 .main_cnt_01_left .main_search .srch_input input::-webkit-input-placeholder{color:#666; font-size:17px;}
.main_cnt_01 .main_cnt_01_left .main_search .srch_input .srch_btn{ width:20px; height:20px; background:transparent; border:0px; position:absolute; right:15px; top:9px; font-size:0px; transition: .3s cubic-bezier(.43,.08,.57,.83); -moz-transition: .3s cubic-bezier(.43,.08,.57,.83); -o-transition: .3s cubic-bezier(.43,.08,.57,.83); -webkit-transition: .3s cubic-bezier(.43,.08,.57,.83);  }
.main_cnt_01 .main_cnt_01_left .main_search .srch_input .srch_btn:before,
.main_cnt_01 .main_cnt_01_left .main_search .srch_input .srch_btn:after{ content:" "; display:block; position:absolute; }
.main_cnt_01 .main_cnt_01_left .main_search .srch_input .srch_btn:before{ width:13px; height:13px; border:3px solid #666; border-radius:15px; top:0px; left:0px; }
.main_cnt_01 .main_cnt_01_left .main_search .srch_input .srch_btn:after{ width:7px; height:2px; background:#666; transform:rotate(45deg); right:0px; top:16px; }
.main_cnt_01 .main_cnt_01_left .main_search .srch_input .srch_btn:hover,
.main_cnt_01 .main_cnt_01_left .main_search .srch_input .srch_btn:focus,
.main_cnt_01 .main_cnt_01_left .main_search .srch_input .srch_btn:active{ -webkit-animation: up_mv 0.6s ease 2; -moz-animation: up_mv 0.6s ease 2; animation: up_mv 0.6s ease 2; }
.main_cnt_01 .main_cnt_01_left .main_search .reco_srch{ display:flex; padding-left:10px; margin-top:5px; }
.main_cnt_01 .main_cnt_01_left .main_search .reco_srch a{ color: #827b75; font-weight:600; padding:5px 10px 4px 10px; border-radius:20px; border:1px solid transparent; }
.main_cnt_01 .main_cnt_01_left .main_search .reco_srch a + a{ margin-left:5px; }
.main_cnt_01 .main_cnt_01_left .main_search .reco_srch a:hover,
.main_cnt_01 .main_cnt_01_left .main_search .reco_srch a:focus{ background:rgba(255,255,255,1); border:1px solid #fff; color:#333; }
.main_cnt_01 .main_cnt_01_left .main_search .reco_srch a:active{ border:1px solid #eabc9b; }

.main_cnt_01 .main_cnt_01_left .main_text{ margin-top:35px; }
.main_cnt_01 .main_cnt_01_left .main_text p{ font-size:40px; font-weight:600; line-height:1.35; }
.main_cnt_01 .main_cnt_01_left .main_text p strong{ font-size:50px; font-weight:800; }
.main_cnt_01 .main_cnt_01_left .main_text .more_btn{ padding:10px 70px 9px 20px; background:#222; border-radius:30px; color:#fff; margin-top:20px; position:relative; }
.main_cnt_01 .main_cnt_01_left .main_text .more_btn:after{ content:" "; width:6px; height:6px; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(45deg); display:block; position:absolute; -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;content: ''; top:15px; right:30px; }
.main_cnt_01 .main_cnt_01_left .main_text .more_btn:hover:after,
.main_cnt_01 .main_cnt_01_left .main_text .more_btn:focus:after{ right:20px; }


.main_cnt_01 .main_cnt_01_right{ width:calc( 100% - 480px);  }
.main_cnt_01 .main_cnt_01_right .chart_slide .slick-slide{ margin-right:20px; }
.main_cnt_01 .main_cnt_01_right .chart_slide .slick-list{ padding:10px; padding-top:30px; padding-right:0px; margin-top:-30px; }
.main_cnt_01 .main_cnt_01_right .chart_slide .chart_item{ border-radius:30px; background:#fff; box-sizing:border-box; -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out; overflow:hidden; }
.main_cnt_01 .main_cnt_01_right .chart_slide .chart_item:hover,
.main_cnt_01 .main_cnt_01_right .chart_slide .chart_item:focus{ -webkit-box-shadow: 1px 2px 11px 2px rgba(0,0,0,0.15); box-shadow: 1px 2px 11px 2px rgba(0,0,0,0.15); margin-top:-20px; }
.main_cnt_01 .main_cnt_01_right .chart_slide .chart_item .chart_top,
.main_cnt_01 .main_cnt_01_right .chart_slide .chart_item .chart_box,
.main_cnt_01 .main_cnt_01_right .chart_slide .chart_item .chart_info{ width:286px; box-sizing:border-box; }
.main_cnt_01 .main_cnt_01_right .chart_slide .chart_item .chart_top{ padding:15px 0px; }
.main_cnt_01 .main_cnt_01_right .chart_slide .chart_item .chart_top h3{
    text-align:center; font-size:24px; font-weight:800;
}
.main_cnt_01 .main_cnt_01_right .chart_slide .chart_item .chart_box{ height:348px; background:#fff; }
.main_cnt_01 .main_cnt_01_right .chart_slide .chart_item .chart_box img{ margin:0 auto; }
.main_cnt_01 .main_cnt_01_right .chart_slide .chart_item .chart_info{ height:110px; padding:20px; }
.main_cnt_01 .main_cnt_01_right .chart_slide .chart_item .chart_info h3{ font-size:18px; font-weight:800; margin-bottom:5px; text-overflow: ellipsis; overflow:hidden; white-space:nowrap; }
.dot_ul{  }
.dot_ul li{ padding-left:10px; position:relative; font-family: 'Noto Sans KR'; font-weight: 400 !important; font-size:15px; color:#888; line-height:23px; }
.dot_ul li + li{  }
.dot_ul li:before{ content:" "; width:3px; height:3px; border-radius:30px; background:#aaa; display:block; position:absolute; left:0px; top:10px; }
.main_cnt_01 .main_cnt_01_right .chart_slide .slick-prev,
.main_cnt_01 .main_cnt_01_right .chart_slide .slick-next{
    width: 70px; height:70px; background:rgba(255,255,255,0.4); -webkit-box-shadow: 1px 2px 11px 2px rgba(0,0,0,0.05); box-shadow: 1px 2px 11px 2px rgba(0,0,0,0.05); border-radius:50px; z-index:2;
}
.main_cnt_01 .main_cnt_01_right .chart_slide .slick-prev.slick-disabled,
.main_cnt_01 .main_cnt_01_right .chart_slide .slick-next.slick-disabled{ display:none !important; }

.main_cnt_01 .main_cnt_01_right .chart_slide .slick-prev:hover,
.main_cnt_01 .main_cnt_01_right .chart_slide .slick-prev:focus,
.main_cnt_01 .main_cnt_01_right .chart_slide .slick-next:hover,
.main_cnt_01 .main_cnt_01_right .chart_slide .slick-next:focus{ background:rgba(255,255,255,0.8); -webkit-box-shadow: 1px 2px 11px 2px rgba(0,0,0,0.08); box-shadow: 1px 2px 11px 2px rgba(0,0,0,0.08); }
.main_cnt_01 .main_cnt_01_right .chart_slide .slick-prev:focus,
.main_cnt_01 .main_cnt_01_right .chart_slide .slick-next:focus{ background:rgba(255,255,255,1); -webkit-box-shadow: 1px 2px 11px 2px rgba(0,0,0,0.1); box-shadow: 1px 2px 11px 2px rgba(0,0,0,0.1); }
.main_cnt_01 .main_cnt_01_right .chart_slide .slick-prev:before,
.main_cnt_01 .main_cnt_01_right .chart_slide .slick-prev:after,
.main_cnt_01 .main_cnt_01_right .chart_slide .slick-next:before,
.main_cnt_01 .main_cnt_01_right .chart_slide .slick-next:after{ content:" "; display:block; position:absolute; background:#555; left:50%; top:50%;  }
.main_cnt_01 .main_cnt_01_right .chart_slide .slick-prev:before,
.main_cnt_01 .main_cnt_01_right .chart_slide .slick-next:before{ width:30px; height:2px; transform:translate(-50%,-50%) }
.main_cnt_01 .main_cnt_01_right .chart_slide .slick-prev:after,
.main_cnt_01 .main_cnt_01_right .chart_slide .slick-next:after{ width:10px; height:2px; }
.main_cnt_01 .main_cnt_01_right .chart_slide .slick-prev:after{ transform:rotate(-45deg); margin-top:-5px; margin-left:-16px; }
.main_cnt_01 .main_cnt_01_right .chart_slide .slick-next:after{ transform:rotate(45deg); margin-top:-5px; margin-left:6px; }


.main_cnt_02{ display:flex; margin-top:70px !important; }
.main_cnt_02 .main_cnt_02_left .main_quick_ul{ display:flex; }
.main_cnt_02 .main_cnt_02_left .main_quick_ul li{  }
.main_cnt_02 .main_cnt_02_left .main_quick_ul li + li{ margin-left:30px; }
.main_cnt_02 .main_cnt_02_left .main_quick_ul li .main_quick_item{ width:130px; height:130px; background:#fff; border-radius:20px; -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out; }
.main_cnt_02 .main_cnt_02_left .main_quick_ul li .main_quick_item:hover,
.main_cnt_02 .main_cnt_02_left .main_quick_ul li .main_quick_item:focus{ -webkit-box-shadow: 1px 2px 11px 2px rgba(0,0,0,0.1); box-shadow: 1px 2px 11px 2px rgba(0,0,0,0.1); margin-top:-10px; }
.main_cnt_02 .main_cnt_02_left .main_quick_ul li .main_quick_item h3{ word-break: keep-all; font-size:17px; width:100%; text-align:center; padding:0px 14px; box-sizing:border-box; margin-top:20px; position:relative; }
.main_cnt_02 .main_cnt_02_left .main_quick_ul li .main_quick_item h3:before{ content:" "; display:block; width:50px; height:40px; margin:0 auto; margin-bottom:10px; background:#eee; }
.main_cnt_02 .main_cnt_02_left .main_quick_ul li:nth-child(1) .main_quick_item h3:before{ background:url('../img/main/main_quick_01.png') center no-repeat; }
.main_cnt_02 .main_cnt_02_left .main_quick_ul li:nth-child(2) .main_quick_item h3:before{ background:url('../img/main/main_quick_02.png') center no-repeat; }
.main_cnt_02 .main_cnt_02_left .main_quick_ul li:nth-child(3) .main_quick_item h3:before{ background:url('../img/main/main_quick_03.png') center no-repeat; }
.main_cnt_02 .main_cnt_02_left .main_quick_ul li:nth-child(4) .main_quick_item h3:before{ background:url('../img/main/main_quick_04.png') center no-repeat; }
.main_cnt_02 .main_cnt_02_left .main_quick_ul li:nth-child(5) .main_quick_item h3:before{ background:url('../img/main/main_quick_05.png') center no-repeat; }

.main_cnt_02 .main_cnt_02_right{ margin-left:60px; display:flex; padding:15px 0px; width: calc( 100% - 830px ); }
.main_cnt_02 .main_cnt_02_right .notice_date{ width:100px; height:100px; border:3px solid #acc0a5; box-sizing:border-box; padding:20px; position:relative; }
.main_cnt_02 .main_cnt_02_right .notice_date .date_y_m,
.main_cnt_02 .main_cnt_02_right .notice_date .date_d{ text-align:center; width:100%; display:block; }
.main_cnt_02 .main_cnt_02_right .notice_date .date_y_m{ font-family: 'Noto Sans KR'; font-weight: 400 !important; font-size:15px; line-height:15px; }
.main_cnt_02 .main_cnt_02_right .notice_date .date_d{ margin-top:7px; font-size:35px; font-weight:800; }
.main_cnt_02 .main_cnt_02_right .notice_date .news_new { left:0; top:0; }
.main_cnt_02 .main_cnt_02_right .notice_list{ margin-left:25px; width:calc( 100% - 125px ); }
.main_cnt_02 .main_cnt_02_right .notice_list .new_icon{ font-size:0px; width: 19px; height:19px; display:inline-block; background:#f42b5f; border-radius:20px; position:absolute; margin-top:-7px; }
.main_cnt_02 .main_cnt_02_right .notice_list .new_icon:before{ content:"N"; display:block; position:absolute; font-size:12px; font-weight:600; color:#fff; top:1px; left:5px; }
.main_cnt_02 .main_cnt_02_right .notice_list li > a{ max-width:100%; display:inline-block;  text-overflow: ellipsis; white-space: nowrap; overflow:hidden; font-weight:600; padding-left:10px; position:relative; padding-right:5px; box-sizing:border-box; position:relative; }
.main_cnt_02 .main_cnt_02_right .notice_list li > a span{ position:relative; z-index:2; }
.main_cnt_02 .main_cnt_02_right .notice_list li > a:before{ content:" "; width:3px; height:3px; border-radius:30px; background:#aaa; display:block; position:absolute; left:0px; top:7px; z-index: 2; }
.main_cnt_02 .main_cnt_02_right .notice_list li > a:after{ content:" "; position:absolute; width:0px; height:100%; background:#ecf3ea; z-index:1; -webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out; top:0px; left:0px; }
.main_cnt_02 .main_cnt_02_right .notice_list li > a:hover:after,
.main_cnt_02 .main_cnt_02_right .notice_list li > a:focus:after{ width:100%; }
.main_cnt_02 .main_cnt_02_right .notice_list li{ line-height:17px; height:17px; }
.main_cnt_02 .main_cnt_02_right .notice_list li + li{ margin-top:24px; }

.main_cnt_03{ margin-top:70px !important; }
.main_cnt_03 .main_cnt_03_top{ display:flex; justify-content: space-between; margin-bottom:20px; }
.main_cnt_03 .main_cnt_03_top h3{ font-size:24px; font-weight:800; display: flex; align-items: center; }
.main_cnt_03 .main_cnt_03_top span{ font-family: 'Noto Sans KR'; font-weight: 400 !important; font-size:15px; color:#666; margin-left:10px; }
.main_cnt_03 .main_cnt_03_grp{ background:#fff; padding:20px; border-radius:5px; }
.main_cnt_03 .main_cnt_03_grp img{ margin:0 auto; }

.brd_rd_sel_box{ min-width:100px; position:relative; }
.brd_rd_sel_box:after{ content:" "; display:block; width:5px; height:5px; border-right:2px solid #222; border-bottom:2px solid #222; transform:rotate(45deg); top:13px; right:15px; z-index:2; position:absolute; }
.brd_rd_sel{ border-radius:20px; border:1px solid #ddd; height:35px; line-height:35px; padding:0px 15px; appearance: none; width:100%; }

.main_cnt_04{ margin-top:70px !important; display:flex; justify-content: space-between; margin-bottom:20px !important; }
.main_cnt_04 > .sdw_box{ width:calc( ( 100% - 100px) / 3 ); overflow:hidden; background:#fff; box-sizing:border-box; }
.main_cnt_04 > .sdw_box,
.main_cnt_04 .main_card .card_slide .card_item{ height:346px; }

.main_cnt_04 .main_publ{  }
.main_cnt_04 .main_publ .publ_list_ul{ display:block; padding:20px 30px; }
.main_cnt_04 .main_publ .publ_list_ul .publ_list_li{ position:relative; padding:30px 0px; padding-left:80px; }
.main_cnt_04 .main_publ .publ_list_ul .publ_list_li:before{ content:" "; display:block; width:60px; height:60px; position:absolute; left:0px; top: 50%; transform:translateY(-50%); }
.main_cnt_04 .main_publ .publ_list_ul .publ_list_li:nth-child(1):before{ background:url('../img/main/main_publ_icon_01.png') center no-repeat;}
.main_cnt_04 .main_publ .publ_list_ul .publ_list_li:nth-child(2):before{ background:url('../img/main/main_publ_icon_02.png') center no-repeat;}
.main_cnt_04 .main_publ .publ_list_ul .publ_list_li:nth-child(3):before{ background:url('../img/main/main_publ_icon_03.png') center no-repeat;}
.main_cnt_04 .main_publ .publ_list_ul .publ_list_li .publ_link{ width: 100%; padding-right:40px; box-sizing:border-box; }
.main_cnt_04 .main_publ .publ_list_ul .publ_list_li .publ_link h4{ font-weight:800; width:100%; text-overflow:ellipsis; overflow:hidden; white-space: nowrap; }
.main_cnt_04 .main_publ .publ_list_ul .publ_list_li .publ_link span{ font-family: 'Noto Sans KR'; font-weight: 400 !important; font-size:15px; color:#666; margin-top:5px; }
.main_cnt_04 .main_publ .publ_list_ul .publ_list_li .publ_link:before,
.main_cnt_04 .main_publ .publ_list_ul .publ_list_li .publ_link:after{ content:" "; display:block; position:absolute; }
.main_cnt_04 .main_publ .publ_list_ul .publ_list_li .publ_link:before{width:5px; height:5px; transform:rotate(45deg); border-top:2px solid #222; border-right:2px solid #222; z-index:2; right:12px; top: 47px; }
.main_cnt_04 .main_publ .publ_list_ul .publ_list_li .publ_link:after{ width:30px; height:30px; border-radius:20px; right:0px; top:50%; transform:translateY(-50%);  z-index:1; background:#eee; }
.main_cnt_04 .main_publ .publ_list_ul .publ_list_li .publ_link:hover h4,
.main_cnt_04 .main_publ .publ_list_ul .publ_list_li .publ_link:focus h4{ color:#d36b21; }
.main_cnt_04 .main_publ .publ_list_ul .publ_list_li:nth-child(2) .publ_link:hover h4,
.main_cnt_04 .main_publ .publ_list_ul .publ_list_li:nth-child(2) .publ_link:focus h4{ color:#426f21; }
.main_cnt_04 .main_publ .publ_list_ul .publ_list_li:nth-child(3) .publ_link:hover h4,
.main_cnt_04 .main_publ .publ_list_ul .publ_list_li:nth-child(3) .publ_link:focus h4{ color:#2680a1; }
.main_cnt_04 .main_publ .publ_list_ul .publ_list_li .publ_link:hover:before,
.main_cnt_04 .main_publ .publ_list_ul .publ_list_li .publ_link:focus:before{ border-color:#fff;}
.main_cnt_04 .main_publ .publ_list_ul .publ_list_li .publ_link:hover:after,
.main_cnt_04 .main_publ .publ_list_ul .publ_list_li .publ_link:focus:after{ background:#666;}
.main_cnt_04 .main_publ .publ_list_ul .publ_list_li .publ_link:active:after{ background:#000; }

.main_cnt_04 .main_rpt{ padding:20px;  }
.main_cnt_04 .main_rpt .rpt_top > a > img,
.main_cnt_04 .main_rpt .rpt_img > a > img{ width:100%; }
.main_cnt_04 .main_rpt .rpt_img{ height:calc( 100% - 56px ); overflow:hidden; }
.main_cnt_04 .main_rpt .rpt_top{ height:46px; margin-bottom:10px; }

.main_cnt_04 .main_card{ position:relative; }
.main_cnt_04 .main_card .card_slide .card_item{ width:434px !important; position:relative; }
.main_cnt_04 .main_card .card_slide .card_item .card_info{ position:absolute; width:100%; padding:20px; background:rgba(0,0,0,0.7); bottom:0px; left:0px; padding-bottom:50px; box-sizing:border-box; }
.main_cnt_04 .main_card .card_slide .card_item .card_info .card_date{ color:#fff; margin-bottom:5px; }
.main_cnt_04 .main_card .card_slide .card_item .card_info .card_tit{ color:#fff; font-size:18px; font-weight:600; word-break:keep-all; }
.main_cnt_04 .main_card .card_slide .card_item img{ width:100%; }
.main_cnt_04 .main_card .card_slide_btn{ bottom:15px; left:21px; z-index:10; }
.main_cnt_04 .main_card .card_slide_btn .pause,
.main_cnt_04 .main_card .card_slide_btn .play{ position:relative; background:transparent; width:12px; height:12px; }
.main_cnt_04 .main_card .card_slide_btn .pause:before,
.main_cnt_04 .main_card .card_slide_btn .play:before{ content:" "; display:block; position:absolute; }
.main_cnt_04 .main_card .card_slide_btn .pause:before{ width:6px; height:12px; border-right:3px solid #fff; border-left:3px solid #fff; }
.main_cnt_04 .main_card .card_slide_btn .play:before{ width:10px; height:10px; border-left:9px solid #fff; border-top:7px solid transparent; border-bottom: 7px solid transparent; box-sizing:border-box; transform: translate(0 , 0); }
.main_cnt_04 .main_card .card_slide .slick-dots { bottom: 23px; top: auto; right: auto; left:45px; width: auto; }
.main_cnt_04 .main_card .card_slide .slick-dots li button:before { font-size: 0px; line-height: 0px; width: 12px; height: 12px; border: 3px solid transparent; border-radius: 20px; box-sizing: border-box; content: ' ';  background:#fff; opacity: 0.5; }
.main_cnt_04 .main_card .card_slide .slick-dots li button:hover:before,
.main_cnt_04 .main_card .card_slide .slick-dots li button:focus:before,
.main_cnt_04 .main_card .card_slide .slick-dots li button:active:before
{ background:#fff; }
.main_cnt_04 .main_card .card_slide .slick-dots li.slick-active button:before
{ background:#fff; opacity:1; }


/* 메인 이미지맵 추가 */
.blind {
    overflow: hidden;
    position: absolute;
    top: -9999px;
    left: -9999px;
    width: 1px;
    height: 1px;
    font-size: 1px;
    line-height: 0;
    clip: rect(0px, 0px, 0px, 0px);
}

.main_image_map_warp{ position:fixed; width:0; background:rgba(0,0,0,0.7); right:0; top:0; bottom:0; z-index:10000;
    transition: .5s ease-in-out; -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out; -webkit-transition: .5s ease-in-out;  }
.main_image_map_warp.on{ width:1130px; }
.main_image_map_warp .main_img_map{ width:1130px; position:absolute; left:0; top:0; padding:50px; box-sizing:border-box; height:100%; }

.main_image_map_warp .main_img_map .img_map_top{ display:flex; justify-content: space-between; align-items: start; margin-bottom:20px; }
.main_image_map_warp .main_img_map .img_map_top .tit{ color:#fff; font-size:20px; font-weight:800;  }
.main_image_map_warp .main_img_map .img_map_top .close_btn{ width:55px; height:55px; position:absolute; right:0px; top:-10px; border-radius:50%; background:rgba(0, 121, 193 , 0.3); position:relative; }
.main_image_map_warp .main_img_map .img_map_top .close_btn button{ width:35px; height:35px; background-color:rgb(0, 121, 193); border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
.main_image_map_warp .main_img_map .img_map_top .close_btn button:before,
.main_image_map_warp .main_img_map .img_map_top .close_btn button:after{ content:" "; display:block; position:absolute; width:2px; height:18px; background:#fff; transform:rotate(45deg); right:17px; top:8px; }
.main_image_map_warp .main_img_map .img_map_top .close_btn button:after{ transform:rotate(-45deg); }
.main_image_map_warp .main_img_map .img_map_top .close_btn button:hover,
.main_image_map_warp .main_img_map .img_map_top .close_btn button:focus{ background:rgb(244, 50, 118); }
.main_image_map_warp .main_img_map .img_map_top .close_btn:has(.close:hover),
.main_image_map_warp .main_img_map .img_map_top .close_btn:has(.close:focus){ background:rgba(244, 50, 118, 0.3); }
.main_image_map_warp .main_img_map .img_map_top .close_btn button:active{ background:rgb(203, 15, 81); }
.main_image_map_warp .main_img_map .img_map_top .close_btn:has(.close:active){ background:rgba(203, 15, 81, 0.3); }

.img_map_list_wrap{ height:calc( 100% - 72px ); }
.img_map_list_wrap .img_map_list .grid-sizer{ width:calc((100% - 60px)/4);}
.img_map_list_wrap .img_map_list .img_map_item{width:calc((100% - 60px)/4); max-height: 240px; border-radius:20px; overflow:hidden; box-sizing:border-box; opacity:0; transition:transform .5s ease-in,opacity .5s ease-in,top .5s ease-in-out,left .5s ease-in-out; transition-delay:.2s; transform: translateY(50px); margin-bottom:20px;}
.img_map_list_wrap .img_map_list .img_map_item:nth-child(3){ margin-top:80px; }
.img_map_list_wrap .img_map_list .img_map_item.show {transform:translateY(0px); opacity:1;}
.img_map_list_wrap .img_map_list .img_map_item img{ width:100%; }
.img_map_list_wrap .img_map_list .img_map_item .img_map_item_link:before,
.img_map_list_wrap .img_map_list .img_map_item .img_map_item_link:after{ content:" "; display:block; position:absolute;
    opacity:0; transition:transform .2s ease-in,opacity .2s ease-in,top .2s ease-in-out,left .2s ease-in-out; transition-delay:0s;
}
.img_map_list_wrap .img_map_list .img_map_item .img_map_item_link:before{ width:40px;height:40px; border-radius:30px; background:url('../img/main/map_link_icon.png') no-repeat center #fff; left:50%;top:50%; transform:translate(-50%,-50%); z-index: 10; margin-top:-13px; background-size:15px; }
.img_map_list_wrap .img_map_list .img_map_item .img_map_item_link:hover:before,
.img_map_list_wrap .img_map_list .img_map_item .img_map_item_link:focus:before{ opacity:1; }
.img_map_list_wrap .img_map_list .img_map_item .img_map_item_link:hover:after,
.img_map_list_wrap .img_map_list .img_map_item .img_map_item_link:focus:after{ width:100%; height:100%; background:rgb(0 122 193 / 82%); top:0; left:0; opacity:1; }


.img_map_list_wrap .img_map_list .img_map_item.panel_img{ width:calc((100% - 60px)/4*2 + 20px); background:#fff; }

.img_map_list_wrap::-webkit-scrollbar-thumb{
  background: #ffffff7a;
  border-radius: 10px;
  border: 4px solid #4d4d4e;
}
.img_map_list_wrap::-webkit-scrollbar-track{
  background-color: #4d4d4e;
}
.img_map_list_wrap::-webkit-scrollbar {
  width: 18px;
}

.img_map_item_tit{ display:none; }
.img_map_list_wrap .img_map_list .img_map_item .img_map_item_link:hover .img_map_item_tit,
.img_map_list_wrap .img_map_list .img_map_item .img_map_item_link:focus .img_map_item_tit{ position:absolute; font-size:17px; color:#fff; display:block; width:100%; padding:0 20px; box-sizing: border-box; top:50%; left:0; z-index:3; word-break: keep-all; text-align:center; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; margin-top:15px; }

.img_map_tab{ border:1px solid #fff; border-radius:50px; }
.img_map_tab > li{ padding:15px 25px; box-sizing:border-box; }
.img_map_tab > li button{ background:transparent; width:100%; }
.img_map_tab > li button .tit{ transition:color 0.5s ease; }
.img_map_tab > li.on button .tit{ color:#000 !important; }

.img_map_tab {padding-left:0; position: relative; z-index:1; }
.img_map_tab li {float:left; list-style:none; width:164px;}
.img_map_tab:after{content:'';display:block; clear:both;}
.img_map_tab li button{ color:#999; text-transform:uppercase; font-weight:bold;line-height:27px; text-decoration:none; padding:0 20px; display: block;}

.img_map_tab li a.active{
	color: #fff;
}
.img_map_tab_wrap {
	position: relative;
}
.highlight{
	position: absolute;
	width:165px;
	top:0;
	left:0;
	bottom:0;
	background:#fff;
    border-radius:50px;
}

.img_map_list_wrap .img_map_list{ display:none; }
.img_map_list_wrap .img_map_list.on{ display:block; }

.img_map_list_wrap .img_map_list.src_list .img_map_item:nth-child(3),
.img_map_list_wrap .img_map_list.src_list .img_map_item:nth-child(5){ margin-top:80px; }

.img_map_list_wrap .img_map_list.src_list .img_map_item{ background:#fff; }
.img_map_list_wrap .img_map_list.src_list .img_map_item .in_site_link{
    padding:10px;
}
.img_map_list_wrap .img_map_list.src_list .in_stat_link_ul{ margin:20px; border-top:1px dotted #ddd; margin-top:0; padding-top:20px; }
.img_map_list_wrap .img_map_list.src_list .in_stat_link_ul li + li{ margin-top:5px; }
.img_map_list_wrap .img_map_list.src_list .in_stat_link_ul li{ overflow:hidden; }
.img_map_list_wrap .img_map_list.src_list .in_stat_link_ul li .in_stat_link{ position:relative; padding-right:30px; width:100%; box-sizing:border-box; overflow: hidden;float:left; }
.img_map_list_wrap .img_map_list.src_list .in_stat_link_ul li .in_stat_link:before,
.img_map_list_wrap .img_map_list.src_list .in_stat_link_ul li .in_stat_link:after{ content:" "; display:block; position:absolute; }
.img_map_list_wrap .img_map_list.src_list .in_stat_link_ul li .in_stat_link:before{ width:20px; height:20px; border-radius:10px; background:#fff; border:1px solid #ddd; box-sizing:border-box; right:0; top:0; transition: ease all 0.1s;}
.img_map_list_wrap .img_map_list.src_list .in_stat_link_ul li .in_stat_link:after{ width: 5px; height: 5px; border-top: 2px solid #555; border-right: 2px solid #555; transform: rotate(45deg); right: 7px; top: 7px; transition: ease all 0.1s; }
.img_map_list_wrap .img_map_list.src_list .in_stat_link_ul li .in_stat_link:is(:hover,:focus):before{ background:#0079c1; border-color:#0079c1; }
.img_map_list_wrap .img_map_list.src_list .in_stat_link_ul li .in_stat_link:is(:hover,:focus):after{ border-color:#fff; }

.img_map_list_wrap .img_map_list.src_list .in_stat_link_ul li .in_stat_link .tit{ display:inline-block; max-width:100%; text-overflow:ellipsis; overflow:hidden; white-space: nowrap; font-family: 'Noto Sans KR'; font-weight: 400 !important; font-size: 14px; color: #333; float:left; }
.img_map_list_wrap .img_map_list.src_list .in_stat_link_ul li .in_stat_link:is(:hover,:focus) .tit{ box-shadow: inset 0 -10px 0 #5bd0ff21; font-weight:600 !important; }
.img_map_list_wrap .img_map_list.src_list .img_map_item .img_map_item_link:before,
.img_map_list_wrap .img_map_list.src_list .img_map_item .img_map_item_link:after,
.img_map_list_wrap .img_map_list.src_list .img_map_item .img_map_item_link:hover .img_map_item_tit, 
.img_map_list_wrap .img_map_list.src_list .img_map_item .img_map_item_link:focus .img_map_item_tit{ display:none !important; }