@charset "utf-8";

/*
  서브 로그인 (header + container + footer)
*/

.kkw_main #contents {width:100%;padding-top:0;background: url(../images/main/bg_contents.jpg) 50% 851px no-repeat;}

/* 메인슬라이딩 */
#main_container {margin-top:114px;}
.mainSec1 {background:url(../images/main/mainSec1_bg.png), linear-gradient(to right,  #03539a 0%,#0a4889 100%); color:#fff;}
.mainSec1 .pattent1{background:url(../images/main/patten01.png) 0 0 no-repeat; opacity:0; width:100%;height:742px; position:absolute; animation:pat01 4s infinite;}
@keyframes pat01{
	0% {opacity:0;}
    50% {opacity:0.5;}
    100% {opacity:0;}
  }
.mainSec1 .pattent2{background:url(../images/main/patten02.png) 0 0 no-repeat; opacity:0; width:100%;height:742px; position:absolute; animation:pat02 4s infinite;}
@keyframes pat02{
	0% {opacity:0;}
    50% {opacity:0.5;}
    100% {opacity:0;}
  }
.mainSec1 .pattent3{background:url(../images/main/patten03.png) 0 0 no-repeat; opacity:0; width:100%;height:742px; position:absolute; animation:pat03 4s infinite;}
@keyframes pat03{
	0% {opacity:0;}
    50% {opacity:0.5;}
    100% {opacity:0;}
  }
.mainSec1 .pattent4{background:url(../images/main/patten04.png) 0 0 no-repeat; opacity:0; width:100%;height:742px; position:absolute; animation:pat04 4s infinite;}
@keyframes pat04{
	0% {opacity:0;}
    50% {opacity:0.5;}
    100% {opacity:0;}
  }
.mainSec1 .pattent5{background:url(../images/main/patten05.png) 0 0 no-repeat; opacity:0; width:100%;height:742px; position:absolute; animation:pat05 4s infinite;}
@keyframes pat05{
	0% {opacity:0;}
    50% {opacity:0.5;}
    100% {opacity:0;}
  }
.mainSec1 .pattent6{background:url(../images/main/patten06.png) 0 0 no-repeat; opacity:0; width:100%;height:742px; position:absolute; animation:pat06 4s infinite;}
@keyframes pat06{
	0% {opacity:0;}
    50% {opacity:0.5;}
    100% {opacity:0;}
  }
#main_container #contents .title h2{font-size:40px; font-weight:900; text-align:center; }
#main_container #contents .stitle{text-align:center; font-size:21px;font-weight:500; padding-top:10px; }
#main_container #contents .mainSec1 .title1, #main_container #contents .mainSec1 .title2, #main_container #contents .mainSec1 .title3{padding:40px 0 0 0; text-align:left; position: absolute; left:0; top:10px;}
#main_container #contents .mainSec1 .main_visual .title1 .text01{font-size:48px; font-weight:700;animation-name:text01; animation-duration:1s;}
@keyframes text01{
	from {transform:translate(-340px,0px);transition-delay:1s;}
    to {transform:translate(0px,0px);}
  }
#main_container #contents .mainSec1 .main_visual .title1 .text02{font-size:66px; font-weight:900;margin-top:-10px; animation-name:text02; animation-duration:2s;}
@keyframes text02{
	from {transform:translate(-340px,0px);transition-delay:1s;}
    to {transform:translate(0px,0px);}
  }
#main_container #contents .mainSec1 .main_visual .title1 .text03{font-size:40px; font-weight:400;margin-top:-10px;animation-name:text03; animation-duration:2s;}
@keyframes text03{
	from {transform:translate(-340px,0px);transition-delay:1s;}
    to {transform:translate(0px,0px);}
  }
#main_container #contents .mainSec1 .main_visual .title2 .text01{font-size:48px; font-weight:700;animation-name:text01; animation-duration:1s;}
@keyframes text01{
	from {transform:translate(-340px,0px);transition-delay:1s;}
    to {transform:translate(0px,0px);}
  }
#main_container #contents .mainSec1 .main_visual .title2 .text02{font-size:66px; font-weight:900;margin-top:-10px; animation-name:text02; animation-duration:2s;}
@keyframes text02{
	from {transform:translate(-340px,0px);transition-delay:1s;}
    to {transform:translate(0px,0px);}
  }
#main_container #contents .mainSec1 .main_visual .title2 .text03{font-size:40px; font-weight:400;margin-top:-10px;animation-name:text03; animation-duration:2s;}
@keyframes text03{
	from {transform:translate(-340px,0px);transition-delay:1s;}
    to {transform:translate(0px,0px);}
  }
#main_container #contents .mainSec1 .main_visual .title3 .text01{font-size:48px; font-weight:700;animation-name:text01; animation-duration:1s;}
@keyframes text01{
	from {transform:translate(-340px,0px);transition-delay:1s;}
    to {transform:translate(0px,0px);}
  }
#main_container #contents .mainSec1 .main_visual .title3 .text02{font-size:66px; font-weight:900;margin-top:-10px; animation-name:text02; animation-duration:2s;}
@keyframes text02{
	from {transform:translate(-340px,0px);transition-delay:1s;}
    to {transform:translate(0px,0px);}
  }
#main_container #contents .mainSec1 .main_visual .title3 .text03{font-size:40px; font-weight:400;margin-top:-10px;animation-name:text03; animation-duration:2s;}
@keyframes text03{
	from {transform:translate(-340px,0px);transition-delay:1s;}
    to {transform:translate(0px,0px);}
  }
#main_container #contents .mainSec1 .search{color:#1a395c; margin:-200px 0 0  0;z-index:99; position: absolute;left:0; top:660px;}
#main_container #contents .mainSec1 .inner{position: relative; }
#main_container #contents .mainSec1 p a{color:#fff; margin-right:10px;}
/* 검색 */
#main_container #contents .mainSec1 .search .search_box {position: relative;width: 430px;padding-right:50px;border: 2px solid #1b395d;background:#fff; color:#000;}
#main_container #contents .mainSec1 .search .search_box input[type=text] {width: 100%;border: none;}
#main_container #contents .mainSec1 .search .search_box .btn_search {position: absolute;top:-1px;right:0;width:45px;background: #1b395d;height:41px;}
#main_container #contents .mainSec1 .search .search_box .btn_search:after {position: absolute;display: block;top:10px;left:8px;width:20px;height: 20px;background: url(../images/bg_sprite.png) -170px -279px no-repeat;content: "";}
input::-ms-input-placeholder { color: #1b395d; font-weight:700;font-size:17px;}
input::-webkit-input-placeholder { color: #1b395d;font-weight:700; font-size:17px;} 
input::-moz-placeholder { color: #1b395d;font-weight:700; font-size:17px;}


/*  visual*/
#visual_wrap {position: relative;height: 660px;}
#visual_wrap .slickslide {height:660px;margin:0 auto;}
#visual_wrap .slickslide .main_visual{margin-top:100px; height:680px;}
#visual_wrap .slickslide .main_visual:nth-child(1) {background:url(../images/main/mainSec1_img01.png) 720px top no-repeat}
#visual_wrap .slickslide .main_visual:nth-child(2) {background:url(../images/main/mainSec1_img02.png) right top no-repeat}
#visual_wrap .slickslide .main_visual:nth-child(3) {background:url(../images/main/mainSec1_img03.png) 600px top no-repeat}

#visual_wrap .slickslide .slick-slide {z-index:1 !important;}
#visual_wrap .slickslide_btn {position: absolute;display: block;top:220px;left:50%;width:45px;height:73px;padding:5px;background-color: transparent;z-index:2;}
#visual_wrap .slickslide_btn:hover {background-color: rgba(0,0,0,.1);}
#visual_wrap .slickslide_btn:after {display: block;width: 35px;height: 63px;background: url(../images/main/bg_main_vusial_btn.png) 0 0 no-repeat;content: "";}
#visual_wrap .slickslide_v_previous {margin-left:-690px;}
#visual_wrap .slickslide_v_previous:after {background-position: 0 0;}
#visual_wrap .slickslide_v_next {margin-left: 605px;}
#visual_wrap .slickslide_v_next:after {background-position: -40px 0;}
#visual_wrap .slick-dots {bottom: 10px;left:40px;width:auto;height: 11px;line-height: 1;transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);z-index:1;}
#visual_wrap .slick-dots li {position: relative;display: inline-block;width: auto;height: 11px;margin: 0 3px 0 4px;padding: 0; cursor: pointer; vertical-align: top;}
#visual_wrap .slick-dots li button {font-size: 0;line-height: 11px;display: block; width: auto; height: 11px; padding: 0px; cursor: pointer;color: transparent; border: 0;outline: 1 solid #f00;background: transparent;}
#visual_wrap .slick-dots li button:before {font-family: 'slick';font-size: 6px;line-height: 11px;position: relative;top: 0;left: 0;display: block;width: 11px;height: 11px;border-radius: 5px;content: '';text-align: center;opacity: 1;background-color: #fff;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
#visual_wrap .slick-dots li.slick-active button:before { width: 36px;opacity: 1;color: black;}
#visual_wrap .s_control_btn {position: absolute;bottom:0px;width:30px;height:30px;background-color: transparent;z-index:1;}
#visual_wrap .s_control_btn:after {content:"";display: block;width:30px;height:30px;background: url(../images/main/bg_main_vusial_btn.png) -120px 9px no-repeat;}
#visual_wrap .slick-pause + .s_control_btn:after {background-position: -80px 9px;}


.mainSec2, .mainSec3, .mainSec4, .mainSec5{padding-top:4%;}
.mainSec2 {background: #fff;}
.mainSec2 .title h2{color:#1a395c;}
.mainSec2 .title .stitle{color:#707070;}
.mainSec2 .service{display: flex;margin: 30px 50px;flex-wrap: wrap;justify-content:center;text-align:center;}
.service .card {color: inherit;cursor: pointer;width: 300px;min-width: 300px;height: 200px;min-height: 200px;margin: 40px 50px; position: relative;}
.service .card .front p {background: url(../images/main/mainSec2_service.png) no-repeat; height: 120px;width: 140px;display: block;margin: 0 auto; padding-top:130px;}
/* 
.service .card:nth-child(1) p {background-position: 5px 8px;}
.service .card:nth-child(2) p {background-position: -233px 8px;}
.service .card:nth-child(3) p {background-position: -480px 8px;}
.service .card:nth-child(4) p {background-position: 5px -250px;}
.service .card:nth-child(5) p {background-position: -233px -250px;}
.service .card:nth-child(6) p {background-position: -480px -250px;}
 */
.service .card:nth-child(1) p {background-position: 5px 8px;}
.service .card:nth-child(2) p {background-position: 5px -250px;}
.service .card:nth-child(3) p {background-position: -233px -250px;}
.service .card:nth-child(4) p {background-position: -233px 8px;}
.service .front, .back {display: flex;border-radius: 6px;text-align: center;justify-content: center;align-items: center;background-position: center;position: absolute;height: 100%;width: 100%;
-webkit-backface-visibility: hidden;backface-visibility: hidden;transform-style: preserve-3d;transition: ease-in-out 600ms;}
.service .front {font-size: 24px;font-weight: 700;color: #333;overflow: hidden;}
.service .front:before {position: absolute;display: block;content: '';top: 0;left: 0;right: 0;bottom: 0;opacity: .25;z-index: -1;}
.service .card:hover .front {transform: rotateY(180deg);}
.service .card:nth-child(even):hover .front {transform: rotateY(-180deg);}
.service .back {background: #fff;transform: rotateY(-180deg);border: #999 solid 1px; font-size:18px; color:#0a4889; font-weight:bold;}
.service .card:hover .back {transform: rotateY(0deg);}
.service .card:nth-child(even) .back {transform: rotateY(180deg);}
.service .card:nth-child(even):hover .back {transform: rotateY(0deg);}

.mainSec3 {background:url(../images/main/mainSec3_bg.jpg) #bea55a center top no-repeat;}
.mainSec3 .title h2{color:#fff;}
.mainSec3 .title .stitle{color:#fff;}
.mainSec3 .statistic{-webkit-border-radius: 6px;-moz-border-radius: 6px;-o-border-radius: 6px; border-radius: 6px; background: url(../images/main/mainSec3_sta_bg.jpg) #fff repeat; margin-top:40px;height:550px; padding:55px 95px;}
.mainSec3 .statistic .graph01{float:left; width:410px; height:458px;  }
.mainSec3 .statistic .graph02{float:left; width:545px; height:229px;  }
.mainSec3 .statistic .graph03{float:left; width:545px; height:229px;  }

.mainSec4 {background: url(../images/main/mainSec4_bg.jpg) #e9e9ed left top repeat;}
.mainSec4 .title h2{color:#1a395c;}
.mainSec4 .title .stitle{color:#707070;}
.mainSec4 .map_wrap{text-align:center;padding-top:50px;}
.mainSec4 .map_wrap input{border:solid 1px #0a4889;}
 .mainSec4 .map_wrap select{border:solid 1px #0a4889;}
 .mainSec4 .map_wrap .map_left{float:left;margin:0 90px 0 50px;display: block; width: 370px;}
.m-map .list-cont li p, .m-map .list-cont li address { display: block;}
.map-point {position: relative; width: 370px;height: 562px; margin: 0 auto; background: url(../images/main/map-all.png) -3px 0 no-repeat;}
.map-point li {opacity: 0;position: absolute;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.map-point li:first-child { top: 106px;left: 100px;}
.map-point li:nth-child(2) { bottom: 141px;right: 46px;}
.map-point li:nth-child(3) {bottom: 210px;right: 100px;}
.map-point li:nth-child(4) { top: 110px;left: 71px;}
.map-point li:nth-child(5) { bottom: 145px;left: 66px;}
.map-point li:nth-child(6) { top: 247px;right: 206px;}
.map-point li:nth-child(7) { bottom: 171px;right: 34px;}
.map-point li:nth-child(8) { top: 40px;left: 54px;}
.map-point li:nth-child(9) { top: 7px;right: 47px;}
.map-point li:nth-child(10) { top: 185px;left: 28px;}
.map-point li:nth-child(11) { bottom: 255px;left: 132px;}
.map-point li:nth-child(12) { bottom: 114px;right: 62px;}
.map-point li:nth-child(13) { bottom: 199px;right: 25px;}
.map-point li:nth-child(14) { bottom: 64px;left: 34px;}
.map-point li:nth-child(15) { bottom: 175px;left: 49px;}
.map-point li:nth-child(16) { bottom: -2px;left: 48px;}
.map-point li:nth-child(17) { top: 225px;left: 119px;}
.map-point li .txt-box { position: absolute;}
.map-point li .txt-box:before { display: block;width: 26px; height: 36px; background: url(../images/main/ico-point.png) 0 0 no-repeat;content: '';}
.map-point li .txt-box span {display: block; margin-top: 5px;padding: 3px 10px;border: 1px solid #2276c4; color: #2276c4; background: #fff;white-space: nowrap;}
.map-point li:first-child .txt-box {top: -15px;left: 5px;}
.map-point li:nth-child(2) .txt-box { bottom: 2px;right: -41px;}
.map-point li:nth-child(3) .txt-box {top: -12px;left: 21px;}
.map-point li:nth-child(4) .txt-box {top: -9px;left: 28px;}
.map-point li:nth-child(5) .txt-box { top: -18px;left: 20px;}
.map-point li:nth-child(6) .txt-box {top: -24px;right: -43px;}
.map-point li:nth-child(7) .txt-box { bottom: 2px;right: -35px; }
.map-point li:nth-child(8) .txt-box {top: 6px;left: 20px;}
.map-point li:nth-child(9) .txt-box {top: 30px;left:122px;}
.map-point li:nth-child(10) .txt-box {top: 45px;left: 68px;}
.map-point li:nth-child(11) .txt-box {top: 18px;left: 40px;}
.map-point li:nth-child(12) .txt-box {top: 34px;left: 66px;}
.map-point li:nth-child(13) .txt-box {top: 30px;left: 98px;}
.map-point li:nth-child(14) .txt-box {top: -18px;left: 20px;}
.map-point li:nth-child(15) .txt-box {top: -13px;left: 20px;}
.map-point li:nth-child(16) .txt-box {top: -13px;left: 20px;}
.map-point li:nth-child(17) .txt-box {top: -12px;left: -2px;}
.mainSec4 .map_wrap .map_right{float:left; width:530px;padding-top:28px;}
.map-list{margin-top:8px;}
.map-list li.on {background: #1a395c;}
.map-list li {float: left;width: 124px;margin: 4px;background: #a1a1a1;color: #fff;text-align: left;cursor: pointer;border-radius: 5px; position:relative;text-align:left; padding-left:22px;}
.map-list li a {display: block; height: 62px;line-height: 62px;color: #fff;}
.map-list li a span {position: relative; display: inline-block; width: 18px; height: 18px; background: #f1f1f1;border:solid 1px #fff;border-radius: 40px; position:absolute; top:21px; right:20px;}
.map-list li a span:after {content: '';display: inline-block;position: absolute; left: 5px;top: 10px; width: 6px;height: 6px; margin: -5px 12px auto auto;vertical-align: middle;border-right: 2px solid #565656;border-top: 2px solid #565656;transform: rotate(45deg);}  

.mainSec5 {background: url(../images/main/mainSec5_bg.png) #d5dde7 center top no-repeat; position: relative;}
.mainSec5 .title h2{color:#1a395c;}
.mainSec5 .title .stitle{color:#707070;margin-bottom:70px;}
.mainSec5 .notice_wrap{background:#fff;border:solid 1px #a4a4a4; float:left;-webkit-border-radius: 6px;-moz-border-radius: 6px;-o-border-radius: 6px; border-radius: 6px; font-weight:900; font-size:18px;}
.mainSec5 .notice{width:670px; height:360px; margin-right:30px; }
.mainSec5 .notice .more{font-size:15px; font-weight:normal;padding-top:3px;}
.mainSec5 .notice ul{font-weight:500; font-size:17px; padding:30px 40px; }
.mainSec5 .notice ul li{padding:18px 0;clear:both;}
.mainSec5 .notice ul .announce{padding-right:10px; color:#0071a0;float:left;}
.mainSec5 .notice ul .list_tit{display: block; overflow:hidden;text-overflow:ellipsis; white-space:nowrap; width:425px;float:left;}
.mainSec5 .notice ul .list_date{float:right;color:#001111;}
.mainSec5 .notice .t_title{padding:13px 30px;}
.mainSec5 .t_title{background:#edf1f5; border-bottom:solid 1px #a4a4a4; height:50px;border-radius: 6px 6px 0 0; color:#1b3c5b;}
.mainSec5 .popupBox{ width:400px; height:360px; }
.mainSec5 .popupBox .t_title{padding:13px 30px;}
.mainSec5 .popupBox #popupzone {position: relative;}
.mainSec5 .popupBox #popupzone .btn_play_stop .list {position: absolute;top: 15px;left: 150px;}
.mainSec5 .popupBox #popupzone .btn_play_stop .list a.btn{border:0;background:none;padding:0;}
.mainSec5 .popupBox #popupzone .btn_play_stop .play {position: absolute;top: 15px;right: 18px;}
.mainSec5 .popupBox .popupList {position: absolute;top: 50px;left: 0px;overflow: hidden;width: 398px;height: 308px;}


.mainSec5 .Sec5_wrap{margin-top:50px; text-aling:center;}
.mainSec5 .Comp_wrap{background:#fff;width:100%; position: absolute; left:0; bottom:0; height:140px;}
.mainSec5 .Comp_wrap .Comp{margin-top:40px;}
.mainSec5 .Comp_wrap .Comp li{display:inline; margin:5px 23px;}


#gomainMove {display: block;width: 30px;z-index: 50;position: fixed;right: 2%;top: 30%;/* background-color: rgba(256,256,256,0.50); */border-radius: 30px 30px;padding: 3px;}
/* 감춤 */
#gomainSec {
	display: none;
}
 [class*='mainSec'] {
	/*height: 100vh;*/
	min-height: 856px;
}

#gomainSec {
	display: block;
	width: 30px;
	z-index: 50;
	position: fixed;
	right: 2%;
	top: 48%;
	background-color: rgba(0,0,0,0.50);
	border-radius: 30px 30px;
	padding: 5px 0
}
#gomainSec ul:before {
	content: "";
	background: #666;
	width: 1px;
	height: 140px;
	position: absolute;
	left: 50%;
	top: 26px
}
#gomainSec li {
	position: relative;
	padding: 13px 0;
}
#gomainSec li .bullet {
	display: block;
	width: 10px;
	height: 10px;
	margin: 0px auto;
	background-color: #0060a1;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
#gomainSec li a .t1 {
	background-color: #0060a1;
	overflow: hidden;
	position: absolute;
	top: 6px;
	right: 40px;
	width: 100px;
	height: 26px;
	line-height: 25px;
	padding-left: 12px;
	font-size: 14px;
	opacity: 0;
	color: #fff;
	filter: Alpha(opacity=0);
	transform: translateX(10px);
	-webkit-transform: translateX(10px);
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	-o-transition: all 300ms;
	-ms-transition: all 300ms;
	transition: all 300ms;
}
#gomainSec li a .t1:after {
	font-family: LineAwesome;
	display: inline-block;
	font-size: 14px;
	vertical-align: middle;
	margin-left: 5px
}
/*
#gomainSec li.m1 a .t1:after {
	content: "\f237";
}
#gomainSec li.m2 a .t1:after {
	content: "\f2f8";
}
#gomainSec li.m3 a .t1:after {
	content: "\f375";
}
*/
#gomainSec li.active a .t1, #gomainSec li a:hover .t1 {
	opacity: 1
}

/*
  통계탭 - margin-top:-216px
*/
#statistics_wrap {position: relative;z-index:2;}
#statistics_wrap .inner {width:1200px;margin:-216px auto 0;
  -webkit-box-shadow: 10px 10px 73px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 10px 10px 73px 0px rgba(0,0,0,0.1);
  box-shadow: 10px 10px 73px 0px rgba(0,0,0,0.1);
}
#statistics_wrap .inner:after {display: block;clear: both;content: "";}
#statistics_wrap .tab_wrap {position: relative;float: left;width: 840px;height: 548px;padding:108px 45px 40px 45px;background-color: #fff;
}
#statistics_wrap .tab_box {position: absolute;top:40px;left:45px;width: 750px;height:68px;background-color: #fff;z-index:2;
  -webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.1);
  box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.1);
}
#statistics_wrap .tab_wrap h3 {position: absolute;top:40px;left:45px;z-index:3;}
#statistics_wrap .tab_wrap h3.tab_pumdan {border-left: none;}
#statistics_wrap .tab_wrap h3.tab_foriegn {left:420px;}
#statistics_wrap .tab_wrap h3 a {display: block;width:375px;height: 68px;padding-top: 11px;background-color: #fff;font-weight: 500;font-size: 1.125rem;color: #333;text-align: center;}
#statistics_wrap .tab_wrap h3 a.active:after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -7px;border-width: 7px;border-style: solid;border-color: black transparent transparent transparent;}
#statistics_wrap .tab_wrap h3 a.active {background-color: #333;color: #fff;}
#statistics_wrap .tab_wrap .stats_content {display: none;height:428px;}
#statistics_wrap .tab_wrap .stats_content img {vertical-align: top;}
#statistics_wrap .tab_wrap #stats_pumdan {display: block;}
#statistics_wrap .tab_wrap #stats_studio_foriegn {position: relative;}
#statistics_wrap .tab_wrap #stats_studio_foriegn .continent {position: absolute;top:0;left:0;pointer-events:none;}
#statistics_wrap .tab_wrap #stats_studio_foriegn .continent .pin {position: absolute;display: none;top:-50px;left:30px;width:108px;height:36px;padding: 10px 0 0 0;background-color: #cf4b4b;font-weight: 400;font-size: 0.875rem;color: #fff;text-align: center;z-index:2;}
#statistics_wrap .tab_wrap #stats_studio_foriegn .continent .pin:after {content: " ";position: absolute;top: 100%;left: 50%;width:auto;height:auto;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #cf4b4b transparent transparent transparent;border-radius: 0;background-color: transparent;}
#statistics_wrap .tab_wrap #stats_studio_foriegn #africa {top:285px;left:70px;}
#statistics_wrap .tab_wrap #stats_studio_foriegn #africa .pin {top:-80px;left:50px;}
#statistics_wrap .tab_wrap #stats_studio_foriegn #europe {top:110px;left:40px;}
#statistics_wrap .tab_wrap #stats_studio_foriegn #europe .pin {top:-30px;left:105px;}
#statistics_wrap .tab_wrap #stats_studio_foriegn #asia {top:140px;left:255px;}
#statistics_wrap .tab_wrap #stats_studio_foriegn #asia .pin {top:-50px;left:-20px;}
#statistics_wrap .tab_wrap #stats_studio_foriegn #oceania {top:317px;left:401px;}
#statistics_wrap .tab_wrap #stats_studio_foriegn #oceania .pin {top:-50px;left:-110px;}
#statistics_wrap .tab_wrap #stats_studio_foriegn #america {top:190px;left:600px;}
#statistics_wrap .tab_wrap #stats_studio_foriegn #america .pin {top:-50px;left:-110px;}
#statistics_wrap .tab_wrap #stats_studio_foriegn #samerica {top:305px;left:664px;}
#statistics_wrap .tab_wrap #stats_studio_foriegn #samerica .pin {top:-50px;left:-110px;}


#statistics_wrap .tab_wrap #stats_studio_foriegn .continent.hover .pin {display: block;}
#statistics_wrap .tab_wrap #stats_studio_foriegn .continent .graph {position: absolute;overflow: hidden;top:0;left:0;width:8px;height:66px;background-color: #e9ebf0;border-radius: 3px;}
#statistics_wrap .tab_wrap #stats_studio_foriegn .continent .graph .gauge {position: absolute;bottom:0;left:0;display: block;width:8px;height:0;background-color: #c9c7cc;}
#statistics_wrap .tab_wrap #stats_studio_foriegn .continent .stats {font-size: 0.75rem;color: #b0b0b0;}
#statistics_wrap .tab_wrap #stats_studio_foriegn .continent .name {font-size: 0.8125rem;color: #666;}
#statistics_wrap .tab_wrap #stats_studio_foriegn .continent.hover .graph .gauge {background-color: #8bb6fd;}
#statistics_wrap .tab_wrap #stats_studio_foriegn .continent.hover .stats,
#statistics_wrap .tab_wrap #stats_studio_foriegn .continent.hover .name {color: #5898ff;}

#statistics_wrap .pumdan_wrap {float: right;width: 360px;height: 548px;padding:55px 20px 0;background-color: #fff;}
#statistics_wrap .pumdan_wrap>div {position: relative;width:320px;height:200px;}
#statistics_wrap .pumdan_wrap h3 {position: absolute;top:3px;left:0;font-weight: 400;font-size: 1.75rem;color: #000;}
#statistics_wrap .pumdan_wrap .pumdan_total {margin-top: 18px;font-size: 1.375rem;color: #333;text-align: center;}
#statistics_wrap .pumdan_wrap .pumdan_total span {display: inline-block;border-bottom: 1px solid #000;}
/*
  배너
*/
#banner_wrap {margin-top: 80px;}
#banner_wrap .inner {width:1200px;margin:0 auto;}
#banner_wrap .inner img {vertical-align: top;}
/*
  아카이브
*/
#archive_wrap {margin-top: 80px;}
#archive_wrap .inner {width:1200px;margin:0 auto;}
/*
*/
#archive_wrap .inner .archive_list li {float: left;width:440px;margin-left: 36px;}
#archive_wrap .inner .archive_list li:first-child {width:724px;height:526px;margin-left: 0;}
#archive_wrap .inner .archive_list li+li {margin-top: 18px;}
#archive_wrap .inner .archive_list li:nth-child(2) {margin-top: 0;}
#archive_wrap .inner .archive_list li a {display: block;color: #284bdb;}
#archive_wrap .inner .archive_list li a figure {margin: 0;}
#archive_wrap .inner .archive_list li a figure:after {display: block;clear: both;content: "";}
#archive_wrap .inner .archive_list li:first-child a {height:526px;color: #fff;}
#archive_wrap .inner .archive_list li:first-child a figure {width:724px;height:100%;background-color: #000;}
#archive_wrap .inner .archive_list li a figure .thumb {overflow: hidden;float: left;width:210px;height:118px;}
#archive_wrap .inner .archive_list li a figure .thumb>img {display: block;width:100%;}
#archive_wrap .inner .archive_list li:first-child a figure .thumb {overflow: hidden;float: none;width:724px;height:406px;}
#archive_wrap .inner .archive_list li:first-child a figure .thumb>img {margin-top:-68px}
#archive_wrap .inner .archive_list li a figure figcaption {width: 200px;margin-left: 240px;}
#archive_wrap .inner .archive_list li:first-child a figure figcaption {float: none;width: auto;margin-left: 0;color: #fff;}
#archive_wrap .inner .archive_list li a figure figcaption dt {height: 3.438rem;padding-top: 3px;font-weight: 500;line-height: 1.625rem;color: #333;letter-spacing: -0.04rem;}
#archive_wrap .inner .archive_list li a:hover figure figcaption dt {color: #284bdb;}
#archive_wrap .inner .archive_list li:first-child a figure figcaption dl {padding: 20px 0 0 36px;}
#archive_wrap .inner .archive_list li:first-child a figure figcaption dt {height: 1.813rem;font-size: 1.5rem;color: #fff;}
#archive_wrap .inner .archive_list li:first-child a:hover {color: #fff;}
#archive_wrap .inner .archive_list li a figure figcaption dd.sources {margin-top: 20px;font-size: 0.875rem;color: #999;}
#archive_wrap .inner .archive_list li a:hover figure figcaption dd.sources {color: #284bdb;}
#archive_wrap .inner .archive_list li:first-child figure figcaption dd {margin-top: 8px;font-size: 1.125rem;color: #fff;}


/*
  공연이벤트
*/
#show_wrap {margin-top: 73px;padding-bottom: 60px;}
#show_wrap .inner {width:1200px;margin:0 auto;}
#show_wrap .inner h2 {font-weight: 700;font-size: 2.125rem;}
#show_wrap .inner .show_list {margin-top: 70px;}
#show_wrap .inner .show_list:after {display: block;clear: both;content: "";}
#show_wrap .inner .show_list li {float: left;width: 360px;}
#show_wrap .inner .show_list li+li {margin-left: 60px;}
#show_wrap .inner .show_list li .writer dd {font-weight: 700;font-size: 1.125rem;color: #333;}
#show_wrap .inner .show_list li .title {margin-top: 6px;}
#show_wrap .inner .show_list li .title dd {font-weight: 700;font-size: 1.5rem;color: #333;}
#show_wrap .inner .show_list li .desc {margin-top: 7px;}
#show_wrap .inner .show_list li .desc dd {height: 48px;color: #666;}
#show_wrap .inner .show_list li .date {margin-top: 14px;}
#show_wrap .inner .show_list li .date dd {font-size: 0.875rem;color: #b0b0b0;}
#show_wrap .inner .show_list li .btn_box {margin-top:13px;padding-top:20px;border-top: 1px solid #ecedeb;text-align: right;}
#show_wrap .inner .show_list li .shortcut {display: inline-block;width: 150px;padding:0.48rem 0 0.521rem;border: 1px solid #999;border-radius: 21px;font-weight: 700;color: #999;text-align: center;}
#show_wrap .inner .show_list li .shortcut:hover {color: #243dbb;border-color: #284bdb;}

/*
  심사안내탭
*/
#evaluation_wrap {padding: 60px 0;background-color: #f4f5f9;}
#evaluation_wrap .inner {width:1200px;margin:0 auto;}
#evaluation_wrap .inner .tab_wrap {position: relative;padding-top: 210px;}
#evaluation_wrap .inner .tab_wrap h3 {position: absolute;top:0;left:0;}
#evaluation_wrap .inner .tab_wrap h3.low {left:0;}
#evaluation_wrap .inner .tab_wrap h3.high {right:0;left:auto;}
#evaluation_wrap .inner .tab_wrap h3 a {position: relative;display: block;width:592px;height:159px;padding: 34px 0 0 60px;background: url(../images/main/bg_main_eval_tab.png) 0 0 no-repeat;font-size: 2.125rem;color: #fff;}
#evaluation_wrap .inner .tab_wrap h3 a.active:after {position: absolute;right: 30px;bottom:18px;width:40px;height:40px;background: url(../images/main/bg_main_eval_tab.png) 0 -400px no-repeat;content: "";}
#evaluation_wrap .inner .tab_wrap .low a {background-position:0 0;}
#evaluation_wrap .inner .tab_wrap .high a {background-position:0 -200px;}
#evaluation_wrap .inner .tab_wrap .eval_content {width:1200px;height:172px;background: url(../images/main/bg_main_eval_content.png) 0 0 no-repeat;}
#evaluation_wrap .inner .tab_wrap #eval_low {background-position: 0 0;}
#evaluation_wrap .inner .tab_wrap #eval_high {display: none;background-position: 0 -180px;}
#evaluation_wrap .inner .tab_wrap .eval_content ol:after {display: block;clear: both;content: "";}
#evaluation_wrap .inner .tab_wrap .eval_content ol li dl {padding-top: 106px;text-align: center;}
#evaluation_wrap .inner .tab_wrap .eval_content ol li dl.association {padding-top: 82px;}
#evaluation_wrap .inner .tab_wrap .eval_content ol li dl dt {font-weight:700;}
#evaluation_wrap .inner .tab_wrap .eval_content ol li dl dd {font-size: 0.875rem;}
#evaluation_wrap .inner .tab_wrap #eval_low ol li {float: left;width:20%;}
#evaluation_wrap .inner .tab_wrap #eval_high ol li {float: left;width:25%;}


/*
  태권도장홍보
*/
#studio_wrap {position: relative;margin-top:80px;}
#studio_wrap .inner {width:100%;}
#studio_wrap .inner h2 {position: absolute;top:0;left:50%;margin-left: -600px;font-weight: 700;font-size: 2rem;}
#studio_wrap .inner .slider_wrap {position: relative;top:0;right:0;left:calc(50% - 320px);width:calc(50% + 320px);height:260px;}
#studio_wrap .inner .slider_wrap .slickslide {overflow: hidden;width:100%;height:260px;}
#studio_wrap .inner .slider_wrap .slick-slide {overflow: hidden;width:280px;max-width:280px;height:260px;margin-right:30px;opacity:.3;}
#studio_wrap .inner .slider_wrap .slick-slide img {width:100%;max-width:280px;height: 260px;max-height:260px;}
#studio_wrap .inner .slider_wrap .slick-slide a {display: block;margin: 0;}
#studio_wrap .inner .slider_wrap .slick-slide a figure {position: relative;overflow: hidden;width:280px;height:260px;margin: 0;}
#studio_wrap .inner .slider_wrap .slick-slide a figcaption {position: absolute;display: table;right:0;bottom:0;left:0;height:70px;padding:0 20px;color: #fff;background-color: rgba(0,0,0,.5);line-height: 1.25rem;}
#studio_wrap .inner .slider_wrap .slick-slide a figcaption.error {color: #666;}
#studio_wrap .inner .slider_wrap .slick-slide a figcaption span {display: table-cell;width: 240px;vertical-align: middle;}
#studio_wrap .inner .slider_wrap .slickslide_btn {position: absolute;display: block;bottom:0;left:0;width:13px;height:24px;background: url(../images/bg_sprite.png) -165px -155px no-repeat;}
#studio_wrap .inner .s_control_btn {position: absolute;bottom:-3px;left:-248px;width:30px;height:30px;background-color: transparent;z-index:1;}
#studio_wrap .inner .s_control_btn:after {content:"";display: block;width:30px;height:30px;background: url(../images/main/bg_main_vusial_btn.png) -121px -47px no-repeat;}
#studio_wrap .inner .slick-pause + .s_control_btn:after {background-position: -83px -47px;}
#studio_wrap .inner .slider_wrap .slickslide_previous {left:-280px;background-position: -165px -155px;}
#studio_wrap .inner .slider_wrap .slickslide_next {left:-200px;background-position: -185px -155px;}
#studio_wrap .inner .go_sch_dojang {position: absolute;display: block;top:100px;left:50%;width: 180px;height: 42px;margin-left: -600px;border: 1px solid #999;border-radius: 21px;font-weight: 700;font-size: 1rem;line-height: 40px;color: #999;text-align: center;}
#studio_wrap .inner .go_sch_dojang:before {content:"";display: inline-block;width: 15px;height: 15px;margin-right: 6px;background: url(../images/main/ico_search.png) 0 0 no-repeat;vertical-align: -1px;}

/*
  공지사항, 발급서비스
*/
#etc_wrap {margin-top: 120px;}
#etc_wrap .inner {width:1200px;margin:0 auto;}
#etc_wrap .inner:after {display: block;clear: both;content: "";}
#etc_wrap .inner .notice_wrap {position: relative;float: left;width: 357px;padding-top: 5px;}
#etc_wrap .inner .notice_wrap h2 {font-weight: 700;font-size: 1.625rem;color: #333;}
#etc_wrap .inner .notice_wrap ul {margin-top: 35px;border-top: 1px solid #ecedeb;}
#etc_wrap .inner .notice_wrap li {position: relative;padding:0 95px 0 0;border-bottom: 1px solid #ecedeb;}
#etc_wrap .inner .notice_wrap li a {display: block;padding:13px 0 14px;font-size: 0.875rem;color: #666;}
#etc_wrap .inner .notice_wrap li a:hover {color: #284bdb;}
#etc_wrap .inner .notice_wrap li .date {position: absolute;top:14px;right:0;font-size: 0.875rem;color: #b0b0b0;}
#etc_wrap .inner .notice_wrap .more {position: absolute;top:0;right:0;width:35px;height:35px;background: url(../images/bg_sprite.png) -110px -240px no-repeat;}

#etc_wrap .inner .cs_wrap {float: right;width: 760px;padding-top: 5px;}
#etc_wrap .inner .cs_wrap h2 {font-weight: 700;font-size: 1.625rem;color: #333;}

#etc_wrap .inner .cs_wrap ul {margin-top: 38px;}
#etc_wrap .inner .cs_wrap ul:after {display: block;clear: both;content: "";}
#etc_wrap .inner .cs_wrap li {float: left;width: 240px;height: 240px;background-color: #f4f4f4;}
#etc_wrap .inner .cs_wrap li+li {margin-left: 20px;}
#etc_wrap .inner .cs_wrap li a {display: block;height: 100%;padding-top: 180px;background: url(../images/main/bg_main_cs.png) 0 0 no-repeat;font-size: 1.125rem;line-height: 1.375rem;color: #666;text-align: center;}
#etc_wrap .inner .cs_wrap li a.offline {background-position: -260px 0;}
#etc_wrap .inner .cs_wrap li a.modify {background-position: -520px 0;}
#etc_wrap .inner .cs_wrap li a:hover {background-color: #2a4cdf;background-position: 0 -240px;color: #fff;}
#etc_wrap .inner .cs_wrap li a.offline:hover {background-position: -260px -240px;}
#etc_wrap .inner .cs_wrap li a.modify:hover {background-position: -520px -240px;}


/*
  Related Link
*/
#relatedlink_wrap {margin-top: 80px;}
#relatedlink_wrap .inner {width:1200px;margin:0 auto;}
#relatedlink_wrap h2 {font-weight: 700;font-size: 1.625rem;}
#relatedlink_wrap .related_link {margin-top: 24px;border: 1px solid #e5e5e5;}
#relatedlink_wrap .related_link:after {content:"";display: block;clear: both;}
#relatedlink_wrap .related_link li {float: left;width: 200px;border-left: 1px solid #e5e5e5;}
#relatedlink_wrap .related_link li:first-child {width: 198px;border-left: none;}
#relatedlink_wrap .related_link li img {vertical-align: top;}