@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;}

@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:22px;font-weight:500;}
.facility li p{padding:0 20px;}


/*외국어 교육*/
.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 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_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;}

}

/* 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:390px;}
	.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:420px;}

}


/*조직도*/
.organization ul{text-align:center;}
.organization li span{display:inline-block;border-radius:6px;color:#fff;padding:10px 0;font-size:20px;width: 280px;font-size:16px;}
.organization .org01{position:relative;}
.organization .org01:before{content:"";display:block;width:1px;height: 257px;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:145px;left:50%;right:30%;z-index:-1;width:50%;}
.organization .org01 em{display:block;font-style:normal;font-size:14px;}

.organization .org02{position:absolute;top: 110px;right:0;width:100px;}
.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: 315px;}
	.organization .org02:before{left: -35%;top:33px;}
	.organization .org03:before{top: 127px;}

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

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

}


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

	.menu{width: 915px;}
}

@media all and (min-width:1440px){
	.menu{width: 860px;}
	.menu ul li a{padding: 17px 20px 21px 20px;}
}