@charset "utf-8";

/*설립목적*/
.purpose{background:url("/resource/global/sub/content/purpose_bg.png") no-repeat right top;background-size:80%;padding:0 30px;}
.purpose  h4{background:none;}
.purpose .pp_top{padding:90px 0 50px 0;}
.purpose .pp_top p{font-size:16px;font-weight:300;}

.purpose .vision span.left_f{display:none;}
.purpose .vision dl{padding:0 0 30px 0;text-align:center;}
.purpose .vision dt{position:relative;display:inline-block;border:solid 10px #f8f8f8;padding:10px;border-radius:50px;}
.purpose .vision dt span{display:inline-block;color:#fff;font-weight:300;font-size:18px;padding:10px 30px;border-radius:50px;}
.purpose .vision dt:after{display:block;content:"";width:1px;height:50px;position:absolute;left:50%;z-index:1;}
.purpose .vision .v01 dt:after,
.purpose .vision .v01 dt span{background:#eb6101;}
.purpose .vision .v02 dt:after,
.purpose .vision .v02 dt span{background:#005bac;}
.purpose .vision .v03 dt:after{display:none;}
.purpose .vision .v03 dt span{background:#333;}

.purpose .vision dd{position:relative;z-index:5;text-align:center;font-size:16px;font-weight:300;margin-top:20px;}

.purpose .vision .v01 dd{border:solid 1px #eb6101;border-radius:50px;padding:20px;background:#fff;}
.purpose .vision .v02 dd li{border:solid 1px #005bac;border-radius:50px;padding:20px;margin:0 0 10px 0;background:#fff;}

.purpose .vision .v03 dd{background:none;margin:0;padding:20px 0 0 0;}
.purpose .vision .v03 dd ul{background:#fff;margin-bottom:20px;}
.purpose .vision .v03 dd ul li{padding:0;text-align:center;}
.purpose .vision .v03 dd ul li span{display:block;border:solid 1px #333;background:#fff;padding:10px 0;border-radius:50px;}
.purpose .vision .v03 dd ul li ul{background:#f8f8f8;padding:20px 15px;border-radius:20px;margin-top:10px;}
.purpose .vision .v03 dd ul li ul li{text-align:left;padding:0 0 8px 8px;background:url("/resource/global/sub/li02.png") no-repeat left 10px;}

/*관람안내*/
.info_cont li{position:relative;text-align:center;padding:20px 10px;margin-bottom:10px;border:solid 1px #ccc;border-radius:20px;}
.info_cont li strong{display:block;padding-bottom:5px;font-size:20px;}
.info_cont li span{display:block;color:#eb6101;font-weight:300;}


/*운영규정*/
.ordinance ul ul{padding-left:10px;}
.ordinance ul ul ul{padding-left:15px;}
.ordinance ul li{padding:10px 0;}
.ordinance ul li li{padding:0;}


.careful li{position:relative;border:solid 1px #ccc;padding:20px 20px 20px 100px;margin-bottom:10px;border-radius:20px;}
.careful li:before{display:block;content:"";position:absolute;top:15px;left:25px;width:50px;height:55px;background:url("/resource/global/sub/content/s1_icon2.png") no-repeat center 0;}
.careful li.cf01:before{background-position:center 0}
.careful li.cf02:before{background-position:center -60px;top:30px}
.careful li.cf03:before{background-position:center -120px;top:40px}
.careful li.cf04:before{background-position:center -180px;top:40px}
.careful li.cf05:before{background-position:center -240px;top:25px;}

.careful li.cf06:before{background: url('/resource/global/sub/165343716130009.png')no-repeat center -75px;}
.careful li.cf07:before{background: url('/resource/global/sub/165343716130009.png')no-repeat center 3px;}


@media all and (min-width:420px){
	.careful li.cf01:before{top:5px;}
	.careful li.cf02:before{top:17px}
	.careful li.cf03:before{top:30px}
	.careful li.cf04:before{top:27px}
	.careful li.cf05:before{top:15px;}
}

/*시설안내*/
.facility{}
.facility li{padding-bottom:30px;border:solid 1px #ccc;margin-bottom:20px;}
.facility li img{width:100%;}
.facility li strong{display:block;padding:20px 20px 10px 20px;font-size:20px;font-weight:500;}
.facility li p{padding:0 20px;}
.facility li a{display:block;padding:5px 0 7px 0;width:100px;margin:10px auto 0 auto;background:#112b41;color:#fff;font-size:14px;text-align:center}
.facility li a:hover,.facility li a:focus{background:#005bac}

/*외국어 교육*/
.edu_top{background:#005bac;padding:30px;margin-bottom:30px;}
.edu_top h4{background:none;color:#fff;}
.edu_top p{color:#fff;}

/*체험안내*/
.experience{margin-bottom:20px;}
.experience .img img{width:100%;}
.experience .con{background:#e4ecf3;padding:20px;}
.experience h4{background:none;font-size:24px;color:#000;}
.experience li{padding:0 0 0 10px;margin:0 0 5px 0;background:url("/resource/global/sub/li01.png") no-repeat left 9px;}
.experience table{width:100%;margin-top:10px;border-top:solid 2px #333;}
.experience table th{font-weight:500;}
.experience li li{background: url("/resource/global/sub/li03.png") no-repeat left 11px;}

.experience table th,
.experience table td{border:solid 1px #ccc;vertical-align:middle;padding:10px;text-align:center;background:#fff;}
.experience table thead th{background:#005bac;color:#fff;}
.experience table tbody th{background:#eef3f8;}

.exper_img li{border:solid 1px #ccc;margin-bottom:20px;}
.exper_img li img{width:100%;}
.exper_img li strong{display:block;padding:10px 20px;font-weight:500;text-align:center;}

/*로그인*/
.login_p{position:relative;border:solid 1px #ccc;padding:150px 30px 50px 30px;}
.login_p:before{position:relative;display:block;content:"";position:absolute;margin:0 auto;left:0;right:0;top:0;height:150px;background: url("/resource/global/sub/content/login_icon.png") no-repeat center center;}
.login_p h4{background:none;text-align:center;font-size:24px;}
.login_p p.login_txt{text-align:center;}
.login_p p.login_btn{margin-top:40px;text-align:center;}
.login_p p.login_btn a{background:#39414e;color:#fff;padding:15px 40px;border-radius:5px;}


/*개인정보처리방침*/
.sub_policy{position:relative;padding-top:180px;}
.sub_policy:before{position:relative;display:block;content:"";position:absolute;margin:0 auto;left:0;right:0;top:0;width:150px;height:150px;background: #fff url("/resource/global/sub/content/info_icon.png") no-repeat center center;border:solid 1px #ccc;border-radius:100px;}
.sub_policy .top{text-align:center;color:#000;font-size:24px;font-weight:500;letter-spacing:-1px;padding:0 0 30px 0;}
.sub_policy .txt{background:#eef3f8;padding:20px;text-align:justify;}

.con_policy{padding:30px 0;}
.con_policy li{font-size:20px;font-weight:600;}
.con_policy li ul{padding-top:10px;}
.con_policy li li{font-weight:400;font-size:18px;padding:0 0 20px 20px;}
.con_policy li li li{font-weight:100;font-size:16px;padding:0 0 10px 0;}
.con_policy span.poli_img{display:block;border:dotted 1px #ccc;padding:20px;text-align:center;border-radius:30px;margin-top:10px;}
.con_policy span.poli_img img{width:100%;}


/*저작권정책*/
.sub_copy{position:relative;padding-top:180px;}
.sub_copy:before{position:relative;display:block;content:"";position:absolute;margin:0 auto;left:0;right:0;top:0;width:150px;height:150px;background: #fff url("/resource/global/sub/content/jj_icon.png") no-repeat center center;border:solid 1px #ccc;border-radius:100px;}
.sub_copy .top{text-align:center;color:#000;font-size:24px;font-weight:500;letter-spacing:-1px;padding:0 0 30px 0;}
.sub_copy .txt{background:#eef3f8;padding:20px;text-align:justify;}

/*이메일 무단수집*/
.sub_email{position:relative;padding-top:180px;}
.sub_email:before{position:relative;display:block;content:"";position:absolute;margin:0 auto;left:0;right:0;top:0;width:150px;height:150px;background: #fff url("/resource/global/sub/content/mail_icon.png") no-repeat center center;border:solid 1px #ccc;border-radius:100px;}
.sub_email .top{text-align:center;color:#000;font-size:24px;font-weight:500;letter-spacing:-1px;padding:0 0 30px 0;}
.sub_email .txt{background:#eef3f8;padding:20px;text-align:justify;}

/*준비중*/
.content_ready{background:#efefef;padding:10px;text-align:center;}
.content_ready div{background:#fff url("/resource/global/sub/img_re.png") no-repeat center 50px;padding:300px 0 50px 0;}
.content_ready div p{color:#005bac;font-size:24px;}


@media all and (min-width:768px){

	/*설립목적*/
	.purpose{background-size:70%;}
	.purpose .pp_top{width:60%;}
	.purpose h4{font-size:35px;}
	.purpose .vision .v03 dd:after{display:block;content:"";clear:both;}
	.purpose .vision .v03 dd ul{float:left;width:50%;padding:0 15px;}
	.purpose .vision .v03 dd ul ul{float:none;width:100%;min-height:240px;margin:0;}

	/*관람안내*/
	.info_cont:after,
	.careful:after{display:block;content:"";clear:both}
	.info_cont li{float:left;width:calc(50% - 10px);padding-top:100px;min-height:220px;margin:0 5px 10px 5px;}
	.info_cont li strong{display:block;padding-bottom:5px;font-size:20px;}
	.info_cont li span{display:block;color:#eb6101;font-weight:300;}
	.info_cont li:before{display:block;content:"";position:absolute;top:40px;left:0;width:100%;height:50px;background:url("/resource/global/sub/content/s1_icon1.png") no-repeat center 0;}
	.info_cont li.ic01:before{background-position:center 0}
	.info_cont li.ic02:before{background-position:center -60px}
	.info_cont li.ic03:before{background-position:center -120px}
	.info_cont li.ic04:before{background-position:center -180px}

	.careful li{padding:40px 20px 40px 100px}
	.careful li.cf01:before,
	.careful li.cf02:before,
	.careful li.cf03:before,
	.careful li.cf04:before,
	.careful li.cf05:before{top:25px;}


	/*시설안내*/
	.facility:after{display:block;content:"";clear:both;}
	.facility li{float:left;width:calc(50% - 20px);margin:10px;}

	/*체험안내*/
	.exper_img:after{display:block;content:"";clear:both;}
	.exper_img li{float:left;width:calc(33.3333% - 20px);margin:10px;}


	/*이메일 무단수집*/
	.sub_email{padding-top:20px;}
	.sub_email:before{margin:0;left:30px;right: inherit;top:0;}
	.sub_email .top{text-align:left;padding-left:210px;}
	.sub_email .txt{padding:40px 40px 40px 210px;}

	/*저작권정책*/
	.sub_copy{padding-top:20px;}
	.sub_copy:before{margin:0;left:30px;right: inherit;top: 20px;}
	.sub_copy .top{text-align:left;padding-left:210px;}
	.sub_copy .txt{padding:40px 40px 40px 210px;}

	/*개인정보*/
	.sub_policy{padding-top:20px;}
	.sub_policy:before{margin:0;left:30px;right: inherit;top: 0px;}
	.sub_policy .top{text-align:left;padding-left:210px;}
	.sub_policy .txt{padding: 40px;}

	.con_policy span.poli_img img{width:auto;}

}

/* Desktop */
@media all and (min-width:1110px) {

	/*설립목적*/
	.purpose{background-size:900px;padding:0;letter-spacing:-1px;}
	.purpose .pp_top{width:85%;margin:0 auto;padding-bottom:100px;}
	.purpose .pp_top p{width:50%;font-size:20px;padding-left:10px;}
	.purpose h4{font-size:40px;}

	.purpose .vision{position:relative;width: 85%;margin: 0 auto;padding-top:20px;padding-left: 14%;}
	.purpose .vision span.left_f{display:block;position:absolute;left: -250px;top: 250px;z-index:10;color:#e1e1e1;font-size: 150px;font-family: 'GmarketSans';font-weight: 700;transform:rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);letter-spacing:3px;}
	.purpose .vision dl:after{display:block;content:"";clear:both;}

	.purpose .vision .v01 dd{width:50%;margin:0 auto;}
	.purpose .vision .v02 dd ul{overflow:hidden;}
	.purpose .vision .v02 dd ul li{float:left;width:calc(33.3333% - 10px);margin:0 5px;padding:20px 40px;}
	.purpose .vision .v03 dd ul{width:25%;padding:0 10px;}


	/*시설안내*/
	.facility li{width:calc(33.3333% - 20px);min-height: 480px;}
	.facility li img{height:220px;}


	/*외국어 교육*/
	.edu_wrap{background:url("/resource/global/sub/content/edu_bg.png") no-repeat center 100px;}
	.edu_top{display:inline-block;width:500px;padding:40px;margin-bottom:60px;}
	.edu_top h4{font-size:40px;}
	.edu_top p{font-size:24px;}


	/*체험안내*/
	.experience{background:#e4ecf3;}
	.experience:after{display:block;content:"";clear:both;}
	.experience .img{float:left;width:40%;padding:30px 0 30px 30px;box-sizing:border-box}
	.experience .con{float:left;width:60%;padding:30px;box-sizing:border-box}
	.exper_img li{width:calc(20% - 20px);}

	/*로그인*/
	.login_p{width:700px;margin:0 auto;padding:180px 50px 80px 50px;border-radius:30px;}
	.login_p:before{top:20px;}
	.login_p h4{font-size:30px;}
	.login_p p.login_btn a:hover,
	.login_p p.login_btn a:focus{background:#005bac;}

	/*이메일 무단수집*/
	.sub_email{padding-top: 10px;}
	.sub_email:before{left:60px;}
	.sub_email .top{padding-left:260px;}
	.sub_email .txt{padding:40px 70px 40px 260px;}

	/*저작권정책*/
	.sub_copy{padding-top: 10px;}
	.sub_copy:before{left:60px;}
	.sub_copy .top{padding-left:260px;}
	.sub_copy .txt{padding:40px 70px 40px 260px;}


	/*기본스킨 일부 변경 - 사이트 별도 적용*/
	.bbs_skin{width: 80%;margin:0 auto;}
	.bbs_table{border-top:none !important;}
	.bbs_table thead th{background:#112b41 !important;color:#fff !important;border-color:#6b7b89;}


}

@media all and (min-width:1500px) {

	/*관람안내*/
	.info_cont li{width:calc(25% - 10px);}

	/*시설안내*/
	.facility li{width:calc(20% - 20px);min-height: 460px;}

	/*개인정보*/
	.sub_policy{padding-top: 10px;}
	.sub_policy:before{left:60px;}
	.sub_policy .top{padding-left:260px;}
	.sub_policy .txt{padding:40px 70px 40px 260px;}

}


/*조직도*/
.organization ul{text-align:center;}
.organization li span{display:inline-block;border-radius:6px;color:#fff;padding:10px 0;font-size:20px;width:200px;font-size:16px;}
.organization .org01{position:relative;}
.organization .org01:before{content:"";display:block;width:1px;height:235px;background:#ccc;margin:0 auto;position:absolute;left:50%;top:0;z-index:-1}
.organization .org01:after{content:"";display:block;height:1px;background:#ccc;margin:0 auto;position:absolute;top:110px;left:50%;width:50%;z-index:-1;}
.organization .org01 em{display:block;font-style:normal;font-size:14px;}

.organization .org02{position:absolute;top: 90px;right:0;}
.organization .org02 span{width:auto;padding:10px 20px;}


.organization .org03{position:relative;}
.organization .org03:before{content:"";display:block;width:50%;height:1px;background:#ccc;margin:0 auto;position:absolute;top:71px;left:0;right:0;z-index:-1;}

.organization .org04:after{display:block;content:"";clear:both;}
.organization .org04 li{position:relative;float:left;width:50%;}
.organization .org04 li:before{content:"";display:block;width:1px;height:35px;background:#ccc;margin:0 auto;position:absolute;left:50%;top:-23px;z-index:-1}
.organization .org04 span{width:auto;padding:10px 20px;}

.organization .org01 span{background:#00a094;margin-bottom:100px;}
.organization .org02 span{background:#2e4792;margin-bottom:0;}
.organization .org03 span{background:#a83fa1;margin-bottom:50px;}
.organization .org04 span{background:#409636;margin-bottom:0;}


@media all and (min-width:768px) {

	.organization{width:700px;margin:0 auto;}
	.organization li span{padding:20px 0;font-size:18px;}
	.organization .org01:before{height:268px;}
	.organization .org01:after{top:125px;}
	.organization .org02:before{left:-75%;top:33px}
	.organization .org03:before{top:100px}

	.organization .org04 li:before{top:-47px;height:50px;}

	.organization .org01 span{margin-bottom:80px;}
	.organization .org02 span,
	.organization .org04 span{padding:20px 0;width:200px;}

}
.tab_con {margin:50px 0;}
.detail_pto {text-align: center;}
.detail_pto li{border: solid 1px #dedede;margin: 5% 0;}
.detail_pto li img{width: 100%;height: 100%;}
.detail_pto li strong{padding: 20px 0;display: block;}
.detail_pto li span{background:#ddd;display: block;}
.detail_pto li a{display:inline-block;padding:5px 0 7px 0;width:80px;margin:0 0 0 10px;background:#112b41;color:#fff;font-size:14px;text-align:center}
.detail_pto li a:hover,.detail_pto li a:focus{background:#005bac}

@media all and (min-width:1024px) {
	.detail_pto li{width: 48%;float: left;margin: 0 1%;}
	.detail_pto li span{height: 365px;}
}

.history dl {position:relative;width:100%;padding: 0 0 50px 0;box-sizing:border-box;border-top:solid 1px #dadada;}
.history .ing{border:0}
.history .ing dt {font-size: 30px;color: #005bac;}
.history dt {text-align:center;font-size: 30px;font-weight:bold;color:#161616;box-sizing:border-box;background:#fff;position:relative;}
.history dd strong {display:inline-block;width: 160px;vertical-align:top;background: #f0f0f0;border-radius:5px;text-align:center;margin-bottom:5px;color: #404040;font-weight: normal;padding: 5px 0;border: solid 1px #ebebeb;}
.history dd span {padding:0 10px;}
.history dl.his_l dd:after {content:''; display:block; clear:both;}

@media all and (min-width:768px) {
	.history dl{border:0}
	.history dl:before {content:'';position:absolute;top:.;left:50%;width:1px;height:100%;background:#dfdfdf;margin-left:-0.5px;z-index:-1;}
	.history dl:after {content:''; display:block; clear:both;}
	.history dt:after {content:'';position:absolute;top: 57px;width:10px;height:10px;background:#fff;border-radius:50%;border:solid 3px #bababa;transform:translate(-50%,0);left:50%;}
	.history .ing dt:after{border: solid 3px #005bac;}

	.history dd {float:left;width:50%;margin-left:50%;padding:0 0 0 35px;font-size:17px;box-sizing:border-box;letter-spacing: -.7px;margin: 0 0 10px 0;}
	.history dl.his_l dd {float:right;margin-right:50%;text-align:right;padding:0 50px 0 0;}
	.history dl.his_l dd strong {float:right;}
	.history dd span {float:right;width: calc(100% - 200px);vertical-align:middle;padding:0 10px;}
	.history dl.his_l dd {float:right;text-align:right;padding:0 50px 0 0;}

}