@charset "utf-8";
/* CSS Document */
#container{padding-top: 0;}
#header .logo a{background-image: url(../images/common/ci_w.png);}
#gnb > li .tit > a{ color:#fff;}
.topBox li a{ color:#fff;}
.topBox li a:focus, .topBox li a:hover{ color:#d4d5ff;}
#header.on .topBox li a:focus, #header.on .topBox li a:hover{ color:#1d2088;}
.member_area a{ background-image:url('../images/common/ico_member_w.png');}
.topSearch .search_bn{background-image: url(../images/common/ico_search_w.png);}
.bn_siteMap span{ border-color:#fff;}
@media only screen and (max-width:1024px) {
	.member_area a{ background-image:url('../images/common/ico_member.png');}
	.topSearch .search_bn{background-image: url(../images/common/ico_search.png);}
}

/*  font */
.main_tit,
.tabSet .tabs_wrap > dl > dt a{font-family: 'Spoqa Han Sans Neo', 'sans-serif'; }


/* quick_menu */
.quick_menu{ top: 100px;}
@media only screen and (max-width:720px) {
	.quick_menu{ top:80px; }
}

/* main_visual */
.main_visual {position:relative;box-sizing: border-box;width:100%;overflow:hidden;height: 320px; z-index: 1;}
.main_visual .owl-carousel{ height: 320px;}
.main_visual .owl-carousel .item{height: 320px;position: relative;width:100%; background-repeat: no-repeat; background-size:cover; background-position: 50% 0%;}
.main_visual .owl-carousel .item.vi00{background-image:url('../images/main/visual00.jpg');}
.main_visual .owl-carousel .item.vi01{background-image:url('../images/main/visual01.jpg');}
.main_visual .owl-carousel .item.vi02{background-image:url('../images/main/visual02.jpg');}
.main_visual .owl-carousel .item.vi03{background-image:url('../images/main/visual03.jpg');}
.main_visual .owl-carousel .active .item{-webkit-animation:bgScale 8000ms 1 ease-out; -o-animation:bgScale 8000ms 1 ease-out; animation:bgScale 8000ms 1 ease-out;-webkit-transform:scale(1); -o-transform:scale(1); transform:scale(1);}
.main_visual .owl-dots, .main_visual .owl-nav{ display: none !important;}
@-webkit-keyframes bgScale { 0% {-webkit-transform:scale(1.3);}  100% {-webkit-transform:scale(1);}}
@-o-keyframes bgScale { 0% {-o-transform:scale(1.3);}  100% {-o-transform:scale(1);}}
@keyframes bgScale { 0% {transform:scale(1.3);}  100% {transform:scale(1) rotate(0.02deg);}}


.sec .row{ clear: both; position: relative;}
.sec .innerWrap .row > div{ width:42.858%; float:left; position: relative;}
.sec .innerWrap .row > div:nth-child(even){ width: 52.858%; float:right;}
.main_tit{ font-size:1.565em; font-weight: 700; color:#000; margin-bottom: 20px; line-height: 1em; letter-spacing: -0.05em;}

.sec .more_bn{display: block;position: absolute;right: 0;top: 0.7em;z-index: 5;}
.sec .more_bn a{position: relative;display: block;height: 20px;border-radius: 50%;padding-right: 15px;text-transform: uppercase;font-size: 0.8em;color: #111;font-weight: 700;}
.sec .more_bn a:before,
.sec .more_bn a:after{content:'';display:block;background: #626568;position:absolute;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
.sec .more_bn a:before{width: 10px;height:2px;top:50%;right: 0;margin: -1px 1px 0 0px;}
.sec .more_bn a:after{width:2px;height: 10px;bottom: 50%;right: 0;margin: 0 5px -5px 0;}
.sec .more_bn a:hover:before, .sec .more_bn a:focus:before{transform: rotate( 45deg );margin: -3px 4px 0 0px;width: 7px;}
.sec .more_bn a:hover:after, .sec .more_bn a:focus:after{transform: rotate( 45deg );margin: 0px 6px -6px 0;height: 7px;}

.sec01 .row{ margin-top: -3em; }

/* pop_zone  */
.pop_zone { position: relative; z-index: 2}
.pop_zone.owl-theme .dataCtrl{ left:30px; bottom:30px;}
.pop_zone.owl-theme .datalist { box-shadow: 0 8px 15px rgba(0,0,0,0.15);}
.pop_zone .owl-nav{display: none;}

/* quick_mn */
.quick_mn{}
.quick_mn li{ float:left; margin-left: 3.5%; width:31%;}
.quick_mn li:first-child{ margin-left: 0;}
.quick_mn li a{background:#fff; border:2px solid #fff; padding: 2em; display: block; box-shadow: 0 8px 15px rgba(0,0,0,0.15); position: relative; min-height: 210px; z-index: 2;}
.quick_mn li a .tit{color:#000;font-size: 1.25em;line-height: 1.3em;margin-bottom: 10px;font-weight: 500;}
.quick_mn li a .desc{ color:#666; line-height: 1.3em;}
.quick_mn li a .ico{ position: absolute; right:1.5em; bottom:1.5em;}
.quick_mn li a .ico img{height: 100%;}
.quick_mn li a:after{ content:''; display: block; position: absolute; left: 2em; bottom:2em; width:45px; height: 13px; background:url('../images/main/btn_arrow.png') 0 0 no-repeat; z-index: 2;}

.quick_mn li a:hover,
.quick_mn li a:focus,
.quick_mn li a:active{ border-color: #1d2088; text-decoration: none;}
.quick_mn li a:hover .tit,
.quick_mn li a:focus .tit,
.quick_mn li a:active .tit{ color:#1d2088; font-weight: 700;}

.sec02{ }
.sec02 .row{overflow: hidden; padding:2.5em 0;}
.news_zone > div{position: relative;}
.tabSet{margin-bottom:30px;}
.tabSet .tabs_wrap > dl.on{padding-top:2.9em;}
.tabSet .tabs_wrap > dl > dt{width:auto !important;}
.tabSet .tabs_wrap > dl:nth-child(2) > dt{ left:7em !important;}
.tabSet .tabs_wrap > dl > dt a,
.tabSet .tabs_wrap > dl.on > dt a{font-size:1.565em;color: #848484;border: none !important;background:transparent;font-weight: 700;padding: 0; line-height: 1em; height: auto; letter-spacing: -0.05em;}
.tabSet .tabs_wrap > dl.on > dt a{color: #333;}
.tabSet .tabs_wrap > dl > dt a:before,
.tabSet:after, .tabSet .tabs_wrap:after,
.tabSet .tabs_wrap > dl > dt a:after{display:none;}
.tabSet .tabs_wrap dl.on .datalist{ padding-top: 0px;}

.news_list{overflow:hidden;min-height: 242px;}
.news_list .noData{border:1px solid #ddd; height: 242px !important;}
.news_list li:first-child{ margin-top: 0;}
.news_list li{margin-top:6px;position: relative;}
.news_list li a{display:block;background:#f9f9f9;padding: 0 1em;overflow: hidden;}
.news_list li a .tit{color:#111;float:left; max-width:82%;line-height: 2.75em;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.news_list li a .date{color:#7e7e7e;font-size: 0.88em;float:right;line-height: 3.15em;}
.news_list li a .ico_new{ margin: 15px 0 0 2px; display: inline-block;}
.news_list li a:hover .tit,
.news_list li a:focus .tit,
.news_list li a:active .tit{ color:#1d2088;}
.con2 .news_list{min-height:195.38px;}
.con2 .news_list .noData{height: 195px !important;}


/* deadLine_zone */
.deadLine_zone{ overflow: hidden; }/*
.deadLine_zone .owl-stage{width:100% !important; transform:none !important;}
.deadLine_zone .owl-item.cloned{ display: none;}*/
.deadLine_zone .noData{border:1px solid #ddd;min-height: 518px; padding-top: 280px !important;background-position: 50% 200px !important;}
.deadLine_zone .datalist { display: block;}
.deadLine_zone .item{ float:left; margin: 0 0 3.5% 3.5%; width:31% !important;}
.deadLine_zone .item:nth-child(3n+1){ margin-left: 0;}
.deadLine_zone .item:nth-child(4), .deadLine_zone .item:nth-child(5), .deadLine_zone .item:nth-child(6){margin-bottom: 0;}
.deadLine_zone .item a{ display: block; border:1px solid #ddd; padding: 1.5em; min-height: 242px;}
.deadLine_zone .item a .tit{font-size: 1.25em;color:#111;line-height: 1.2em;margin-bottom: 1.35em; min-height: 3.6em;}
.deadLine_zone .item a .tit span{color:#1d2088;display: block;font-size: 0.7em;font-weight: 700;margin-bottom: 10px;line-height: 1em;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.deadLine_zone .item a .date{ font-size:0.815em;}
.deadLine_zone .item a .date li{ margin-top:10px; position: relative;}
.deadLine_zone .item a .date li span{background:#767780;color:#fff;border-radius: 20px;padding: 0.1em 0.7em;margin-bottom: 3px;font-size: 0.95em;display:block;width:5em;}
.deadLine_zone .item a:hover, .deadLine_zone .item a:focus, .deadLine_zone .item a:active{ text-decoration: none; background:#1d2088;}
.deadLine_zone .item a:hover .tit, .deadLine_zone .item a:focus .tit, .deadLine_zone .item a:active .tit{ color:#fff;}
.deadLine_zone .item a:hover .tit span, .deadLine_zone .item a:focus .tit span, .deadLine_zone .item a:active .tit span{color:#90c31f;}
.deadLine_zone .item a:hover .date li span, .deadLine_zone .item a:focus .date li span, .deadLine_zone .item a:active .date li span{ background-color:#90c31f;}
.deadLine_zone .item a:hover .date li, .deadLine_zone .item a:focus .date li, .deadLine_zone .item a:active .date li{ color:#fff;}
.deadLine_zone .item a .status{position:absolute;right:0;top:0;width:35px;font-size:12px;height: 30px;line-height: 30px;border-radius: 0 0 0 18px;text-align: center; color:#fff;}
.deadLine_zone .item a .status.bg01{ background-color:#90b600;}
.deadLine_zone .item a .status.bg02{ background-color:#f86200;}
.deadLine_zone .item a .status.bg03{ background-color:#767780;}


.sec03{background:#e3e7ec;overflow: hidden;clear: both;padding: 2.5em 0 2.35em 0;}
.sec03 .main_tit{font-size:1.44em;}

.graph_zone{position:relative; overflow: hidden;}
.graph_zone .desc{float:right;position: absolute;right: 0;top: 8px; }
.graph_zone .desc span{ margin-left:10px; font-size:0.81em; color:#000; opacity: 0.7;}
.graph_zone .desc span:first-child{margin-left: 0;}
.graph_zone .exp_desc{ width:20%; float:right; font-size: 0.8em;text-align: center;border-left:1px solid #d7d8dc;}
.graph_zone .exp_desc dl{ height: 170px;}
.graph_zone .exp_desc dt{ display: block; background:#d7d8dc; font-weight: 700; height: 12.5%;}
.graph_zone .exp_desc dd{ display: block; background:#fff; height: 12.5%;}
.graph_zone .exp_graph{display:block;float:left;width:80%;height:170px;margin:0;background:#fff;}

.quick_mn02{}
.quick_mn02 li{float:left;width: 23%;margin-left: 2.5%;}
.quick_mn02 li:first-child{ margin-left:0;}
.quick_mn02 li a{display: block;background:#fff;padding:2.25em 1em 1em 1em; min-height:170px;}
.quick_mn02 li a .tit{text-align:center; font-size:1.125em;}
.quick_mn02 li a .ico{display:block;width:100%; height:65px; margin-bottom:15px;background-repeat:no-repeat !important; background:50% 50%;}
.quick_mn02 li a .ico.ico01{ background-image:url('../images/main/quick02.png');}
.quick_mn02 li a .ico.ico02{ background-image:url('../images/main/quick02_02.png');}
.quick_mn02 li a .ico.ico03{ background-image:url('../images/main/quick02_03.png');}
.quick_mn02 li a .ico.ico04{ background-image:url('../images/main/quick02_04.png');}

.quick_mn02 li a:hover,
.quick_mn02 li a:focus,
.quick_mn02 li a:active{background-color:#1d2088; text-decoration:none;}
.quick_mn02 li a:hover .tit,
.quick_mn02 li a:focus .tit,
.quick_mn02 li a:active .tit{ color:#fff;}
.quick_mn02 li a:hover .ico.ico01, .quick_mn02 li a:focus .ico.ico01, .quick_mn02 li a:active .ico.ico01{ background-image:url('../images/main/quick02_w.png');}
.quick_mn02 li a:hover .ico.ico02, .quick_mn02 li a:focus .ico.ico02, .quick_mn02 li a:active .ico.ico02{ background-image:url('../images/main/quick02_02_w.png');}
.quick_mn02 li a:hover .ico.ico03, .quick_mn02 li a:focus .ico.ico03, .quick_mn02 li a:active .ico.ico03{ background-image:url('../images/main/quick02_03_w.png');}
.quick_mn02 li a:hover .ico.ico04, .quick_mn02 li a:focus .ico.ico04, .quick_mn02 li a:active .ico.ico04{ background-image:url('../images/main/quick02_04_w.png');}


/* foot_link */
.foot_link.owl-theme{overflow: hidden;padding:25px 0;background: #fff;border-top: 1px solid #e5e5e5; clear: both;}
.foot_link.owl-theme .main_tit{position: absolute; left: 0;top:20px; font-size: 1.25em;}
.foot_link.owl-theme .item{  height: 60px;}
.foot_link.owl-theme .item a{ display:block; height: 60px; border:1px solid #d6d6d6;}
.foot_link.owl-theme .item img{ height: 100%; width:auto !important; margin: 0 auto; }
.foot_link.owl-theme .owl-carousel{ width:1195px; margin:0;  float:right;}
.foot_link.owl-theme .dataCtrl{position: absolute;left: 95px;top: 17px;width: 55px;height: 30px;}
.foot_link.owl-theme .dataCtrl .ctrl-nav .owl-prev, 
.foot_link.owl-theme .dataCtrl .ctrl-nav .owl-next{top:0 !important;left: inherit;background: transparent;display: block !important;height: 25px;width: 20px;margin-top: 0;background-repeat:no-repeat;background-position:50% 50%;}
.foot_link.owl-theme .dataCtrl .ctrl-nav .owl-prev {left: 0px !important;}
.foot_link.owl-theme .dataCtrl .ctrl-nav .owl-prev{background-image: url('../images/main/foot_link_prev.png');background-position: 0% 50%;width: 15px;}
.foot_link.owl-theme .dataCtrl .ctrl-nav .owl-next{background-image: url('../images/main/foot_link_next.png');background-position: 100% 50%;width: 15px;}
.foot_link.owl-theme .ctrl-nav .owl-prev span, .foot_link.owl-theme .ctrl-nav .owl-next span{color:#646464;line-height: 30px;margin-top: -10px;display:none;}
.foot_link.owl-theme .ctrl-nav .owl-prev span{ text-align:right; }
.foot_link.owl-theme .ctrl-nav .owl-next span{text-align:left;}
.foot_link.owl-theme .dataCtrl .ctrl-nav{float: none;}
.foot_link.owl-theme .dataCtrl .dataAuto{position: absolute;right: 20px;top: 0;margin: 0;bottom: 0;}
.foot_link.owl-theme .dataCtrl .dataAuto .btn.play{background-image: url('../images/main/foot_link_play.png'); background-position: 50% 53%;}
.foot_link.owl-theme .dataCtrl .dataAuto .btn.stop{background-image: url('../images/main/foot_link_stop.png');}
.foot_link.owl-theme .dataCtrl .dataAuto .btn.play, .foot_link.owl-theme .dataCtrl .dataAuto .btn.stop{height: 25px;width: 15px;font-size: 0;left: inherit;right: 0;}

.foot_link.owl-theme .more_bn{position:absolute;right:0;top:0;display: table;}
.foot_link.owl-theme .more_bn a{display: table-cell;background: #fbfbfb;border: 1px solid #dcdcdc;width:65px;height: 65px;text-align: center;vertical-align: middle;}
.foot_link.owl-theme .more_bn a span{font-size:0;width:17px;height: 12px;overflow: hidden;position: relative;display: block;margin: 0 auto;}
.foot_link.owl-theme .more_bn a:before,
.foot_link.owl-theme .more_bn a span:before,
.foot_link.owl-theme .more_bn a span:after{content:'';display: block;position: absolute;left:0;height: 2px;width: 17px;background:#646464;}
.foot_link.owl-theme .more_bn a span:before{ top:0; }

.foot_link.owl-theme .more_bn a span:after{ bottom:0;}
.foot_link.owl-theme .more_bn a:before{left:50%;top:50%;width:17px;margin: -1px 0 0 -8.5px;}

@media only screen and (max-width:1024px) {
	.owl-item{ padding-right:1px;}
	
	.main_visual,
	.main_visual .owl-carousel .item{ height: 300px;}
	.sec .innerWrap .row > div{width:100% !important; float:none !important;}
	.pop_zone{margin-bottom: 1.5em;}
	.pop_zone.owl-theme .dataCtrl{left: 4.5%; bottom: 12%;}
	
	
	.quick_mn li a{/* min-height: 250px; */padding: 1.5em;}
	.tabSet{margin-bottom: 2em;}
	.tabSet .tabs_wrap > dl > dt{font-size: 15px;}
    .news_list .noData{height: auto !important;}
	
	
	.deadLine_zone .noData{min-height: inherit; padding-top: 130px !important;background-position: 50% 50px !important;}
	.deadLine_zone{margin-top: 2.5em;}
	.deadLine_zone .item{ width:100% !important;  margin: 0}
	.deadLine_zone.owl-theme .dataCtrl .ctrl-nav{ display: none !important;}
	.deadLine_zone .item a{min-height: inherit; padding:1.5em 1em;}
	
	
	.graph_zone{ margin-bottom: 1.5em;}
	
	
	/* foot_link */
	.foot_link.owl-theme .owl-carousel{ width:100%;}
	.foot_link.owl-theme .main_tit{position: relative; left: inherit; top:inherit; margin-bottom:10px;line-height:1.2em;text-align: left !important;font-weight: 700;color: #333;}
	.foot_link.owl-theme .dataCtrl{ right: 20px; top: 0; left: inherit;}
}

@media only screen and (max-width:720px){
	.main_visual,
	.main_visual .owl-carousel .item{ height: 200px;}
	.tabSet .tabs_wrap > dl > dt{font-size: 15px;}
	.main_tit,
	.tabSet .tabs_wrap > dl > dt a, .tabSet .tabs_wrap > dl.on > dt a{ font-size:1.4em}
	.tabSet .tabs_wrap > dl:nth-child(2) > dt{left:6em !important;}
	.tabSet .tabs_wrap > dl.on{padding-top:35px;}
	.main_tit{margin-bottom: 15px;}
	.sec .more_bn{top: 0.4em;}
	.pop_zone{margin-bottom: 1em;}
	.pop_zone.owl-theme .datalist{ box-shadow: 0 4px 7px rgba(0,0,0,0.15);}
	
	.quick_mn{overflow:hidden;/* box-shadow: 0 4px 7px rgba(0,0,0,0.15); */}
	.quick_mn li{width: 33.333%;/* float:none; */margin: 0;border: 1px solid #ddd;}
	.quick_mn li:nth-child(2){border-width:1px 0;}
	.quick_mn li a{min-height: inherit;padding: 50px 5px 10px 5px;box-shadow: none;text-align: center;}
	.quick_mn li a .tit{font-size:1em;margin-bottom: 0;letter-spacing: -0.05em;}
	.quick_mn li a .desc,
	.quick_mn li a:after{display: none;}
	.quick_mn li a .ico{right: 0;bottom: inherit;top: 10px;width: 100%;}
	.quick_mn li a .ico img{margin: 0 auto;height: 35px;display: block;}
	
	.news_list{ min-height:inherit;}
	.news_list li a .tit{ max-width:68%;}
	
	.deadLine_zone > ul > li{width:100%; float:none;}
	
	.quick_mn02 li{ width:49%; margin: 0 0 0.75em 0;}
	.quick_mn02 li:nth-child(even){ float:right;}
	.quick_mn02 li:nth-child(3), .quick_mn02 li:nth-child(4){margin-bottom: 0;}
	.quick_mn02 li a{ min-height: inherit; padding:2em 1em 1.5em 1em;}
	.quick_mn02 li a .ico{margin-bottom: 10px;}
	
	/* foot_link */
	.foot_link.owl-theme{ right:0; padding: 25px 0 10px 0;}
}
@media only screen and (max-width:480px){
	.main_visual,
	.main_visual .owl-carousel .item{ height: 150px;}	
	.sec01 .row{ margin-top: -2em;}
	.news_list li a .tit{ max-width:62%;}
	
	.graph_zone .main_tit{ margin-bottom: 10px;}
	.graph_zone .desc{position: relative; right:inherit; top:inherit; line-height: 1em; margin-bottom: 5px;}
	.graph_zone .exp_graph{width:65%;}
	.graph_zone .exp_desc{ width:35%;}	
}
@media only screen and (max-width:480px){
	.quick_mn li{ width:100%; float:none;}
	.quick_mn li a .tit br{ display:none;}
	.quick_mn li:nth-child(2){border-width:0 1px;}
	.quick_mn li a{padding: 13px 10px 13px 47px;min-height:50px;text-align: left;}
	.quick_mn li a .ico{right:inherit;left: 9px;top: 9px;}
	.quick_mn li a .ico img{margin:0;height: 30px;}
	.quick_mn li a:after{display:block;right: 9px;bottom: 18px;left: inherit;width: 20px;height: 7px;background-position: 100% 100%;}
}