@charset "utf-8";
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");

/* owl start*/

.room-owl { position:relative; }
.room-owl .item { position:relative; width:100%; height:460px; overflow:hidden; display:block; }
.room-owl .item img { position:absolute; top:-100%; bottom:-100%; left:0; right:0; margin:auto; width:100%; min-height:100%; object-fit:cover; }
.room-owl .owl-nav button { position:absolute; top:50%; margin-top:-25px; text-align:center; width:50px; height:50px; line-height:50px; color:#fff; z-index:3; opacity:.8;  }
.room-owl .owl-nav button:hover { opacity:1; }
.room-owl .owl-nav button.owl-prev { left:0; }
.room-owl .owl-nav button.owl-next { right:0; }
.room-owl .owl-nav button i { color:#fff; font-size:50px; }
.room-owl .owl-dots { position:absolute; bottom:0; width:100%; text-align:center; padding:10px 0; }
.room-owl .owl-dot { display:inline-block; }
.room-owl .owl-dot span { display:block; width:30px; height:3px; margin:10px 2px; background-color:rgba(255,255,255,.4); cursor: pointer;
	transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
}
.room-owl .owl-dot.active span { background-color:#fff; }
@media (max-width: 1280px) {
.room-owl .item { height:551px; }
}
@media (max-width: 1199px) {
.room-owl .item { height:454px; }
}
@media (max-width: 991px) {
.room-owl .item { height:348px; }
}
@media (max-width: 767px) {
.room-owl { margin:0 -15px; }
.room-owl .item { height:290px; }
}
/* owl end*/


#visual_view{width:100%; height:755px; margin-left:-48px;}
.VS_img1{z-index:5; position:relative;}


.vis_text{width:100%; height:30px;position:absolute; top:225px; margin-left:0px; z-index:100; text-align:center; font-weight:600}
.vis_text p{ font-size:20px;font-family:NanumGothic;letter-spacing:0.1em;color:#fff;}
.vis_text span {left:10px; top:0; display:inline-block; color:#fff; position:relative; font-family:NGB; font-size:12px; padding:10px 10px 10px 40px; margin-top:10px; background-color:rgba(0,0,0,0.7);}
.vis_text button {display: inline-block; border: 1px #00c6ff solid; margin-left:10px; line-height: 30px; color: #fff; font-family:NGB; font-size:12px; padding: 0 30px; margin-top:-5px; background-color:rgba(0,0,0,0.7);}
.vis_text .VT01{ margin-top:0px; text-align:center;}
.vis_text .VT02{left:-437px; margin-top:-50px;}





.subvis {width:100%;height:155px; overflow:hidden; position:absolute; top:147px; z-index:1;}



#sub_tit{width:100%; text-align:center; height:400px;}
#sub_tit.ST01{background-image:url(/web2020/images/sub/sub_vis01.jpg);}
#sub_tit.ST02{background-image:url(/web2020/images/sub/sub_vis02.jpg);}
#sub_tit.ST03{background-image:url(/web2020/images/sub/sub_vis03.jpg);}
#sub_tit.ST04{background-image:url(/web2020/images/sub/sub_vis04.jpg);}
#sub_tit.ST05{background-image:url(/web2020/images/sub/sub_vis05.jpg);}
#sub_tit.ST06{background-image:url(/web2020/images/sub/sub_vis06.jpg);}
#sub_tit.ST07{background-image:url(/web2020/images/sub/sub_vis07.jpg);}
#sub_tit.ST08{background-image:url(/web2020/images/sub/sub_vis08.jpg);}

#sub_tit p{width:352px; height:105px; background:url(/web2020/images/sub/sub_tit.png) no-repeat 50% 0; margin:0px auto 0; font-size:0;}
#sub_tit p.sub_tit01{background-position:50% 0;}
#sub_tit p.sub_tit02{background-position:50% -100px;}
#sub_tit p.sub_tit03{background-position:50% -200px;}
#sub_tit p.sub_tit04{background-position:50% -300px;}
#sub_tit p.sub_tit05{background-position:50% -400px;}
#sub_tit p.sub_tit06{background-position:50% -500px;}
#sub_tit p.sub_tit07{background-position:50% -600px;}
#sub_tit p.sub_tit08{background-position:50% -700px;}

#sub_cont{width:100%; padding:0px 0 0px; line-height:20px; min-height:500px;}
#sub_board_cont { width: 100%; min-width: 1100px;  margin: auto;  padding: 0px 0 160px;  line-height: 26px;}

#wrap {
	width:100%;
}
/* go_top */
.go_top {bottom: 30px; margin-left: 585px;position:fixed; z-index:99999; bottom:20px; right:3%; width:40px;height:40px;text-align:center;border-radius:0px;background-color:rgba(0,0,0,0.7);}
.go_top span {display:block;padding-top:12px;font-size:11px;color:#fff;}

.container{position:relative; width:100%;}
.section {
	left:0; margin:0 auto 0; width:100%; 
	-webkit-transition: left 0.3s; -moz-transition: left 0.3s; transition: left 0.3s;
}

.subHeader {
	position:relative;
	overflow:hidden;
	width:100%;
	border:1px solid #dfdfdf;
	top:0;
	margin:0 auto;
	background:#fff;

}

.sub_top {width:1200px; height:50px;display:inline-block;}


p.visualtxt {
	display:block;
	position:absolute;
	left:20px;
	top:230px;
	z-index:1;
	}

p.visualimg {display:block;position:absolute;left:-1280px; margin-left:50%;}

#subfooterWrap {
	position:absolute;
	display:block;
	width:100%;
	height:130px;
	margin-top:38px;
	text-align:center;
}

#subfooterWrap .logo {
	display:inline;
	width:46px;
	height:46px;
	margin-right:15px;
}

#subfooterWrap .logo img {
	width:46px;
	height:46px;
}

#subfooterWrap address {
	font-style:normal;
	display:inline-block;
	font-size:12px;
	color:#929292;
	vertical-align:top;
	line-height:20px;
	margin-top:5px;
}

/* ���� �޴� */
.leftSide {
	position:relative;
	float:left;
	width:223px;
	margin-top:188px;
	margin-right:34px;
	text-align:left;
	}

.leftSide h2 {
	font-size:20px;
	color:#000;
	border-bottom:1px solid #727373;
	margin-bottom:20px;
	padding-bottom:20px;
	}

.leftSide ul.snb {
	position:relative;
	width:100%;
	border-top:1px solid #D8D8D8;
	}

.leftSide ul.snb li {
	position:relative;
	width:100%;
	height:42px;
	border-bottom:1px solid #D8D8D8;
	}

.leftSide ul.snb li a {
	display:inline-block;
	width:100%;
	height:30px;
	padding-top:12px;
	text-indent:10px;
	font-size:15px;
	color:#515151;
	}

.leftSide ul.snb li a:hover, .leftSide ul.snb li.current a {
	background:#3E68C3;
	color:#fff;
	}

/* ���� �׺�, ������ */
.rightSide {
	position:relative;
	float:left;
	margin-top:188px;
	width:843px;
	text-align:left;
	}

.rightSide h3 {
	font-size:26px;
	color:#11327b;
	border-bottom:1px solid #CBCBCB;
	padding-bottom:20px;
	margin-top:-8px;
	}

.rightSide ul.navigation {
	width:100%;
	position:absolute;
	text-align:right;
	top:5px;
	}

.rightSide ul.navigation li {
	display:inline;
	font-family:'dotum';
	font-size:13px;
	color:#a0a0a0;
	}

.rightSide ul.navigation li img {
	vertical-align:top;
	}

.rightSide ul.navigation li.current {
	color:#202020;
	}

/* ������ */
.contents {position:relative;clear:both; padding-left:10px; padding-right:10px;margin-bottom:50px; background:#fff;}

.contents_sub {position:relative;clear:both; margin-bottom:50px; display:block;}
.contents_sub p{text-align:justify; margin-bottom:6px;line-height:25px;}
.contents_sub p span{text-align:justify; margin-bottom:6px;font-size:17px;line-height:25px;}
.contents_sub p1{text-align:justify; margin-bottom:6px;font-size:17px;line-height:25px;margin-left:20px;}
.contents_sub ul{}
.contents_sub li{position:relative; padding:5px 0;}
.contents_sub p span{font-size:15px; color:#777; }
.contents_sub p strong{font-size:24px; color:#505050;}
.contents_sub li strong1{font-size:25px; color:#00c6ff; float:right; border-bottom:10px #00c6ff solid;}
.contents_sub h4{font-size: 40px; font-weight: 600; line-height: 50px; color: #eb2127;}

.contents_sub .left_g{ width:50%;margin-right: 3%;}
.contents_sub .right_g{ width:50%}

.contents_sub1 {position:relative;clear:both; padding-left:10px; padding-right:10px;margin-bottom:50px; background:#fff;}
.contents_sub1 p{text-align:justify; margin-bottom:26px;font-size:20px;line-height:35px;}


.contents_sub1 ul{}
.contents_sub1 li{position:relative; padding:10px 0;}
.contents_sub1 p span{font-size:20px; color:#009ac7; }
.contents_sub1 p strong{font-size:24px; color:#505050;}
.contents_sub1 li strong1{font-size:25px; color:#00c6ff; float:right; border-bottom:10px #00c6ff solid;}

.contents_2_sub1 li{position:initial; padding:0px 0;}

.page-title { margin-top:5px; text-align:right; font-size:34px; position: relative; line-height: 1.62em; color: #222; border-bottom:1px solid #ccc; margin-bottom:50px;}
.page-title:before {content: ""; position:absolute; display:block; top:55px; width:150px; border-top: 1px solid #eb2127; margin-bottom: -55px; right:0}


.icons {padding: 0; margin: 0;list-style: none;width: 100%;display: table;border-top: 1px solid #b0b4b6;border-bottom: 1px solid #b0b4b6;padding: 10px 0;}
.icons li {padding: 10px 20px;display: table-cell;text-align: center;}
.icons li p {margin: 0; text-align:center; font-size:13px;}
.icon_box, .policies .cont .list li .icon_box { width:100px;padding-right: 50px; }
.div,.policies .cont .list li >div {display: table-cell; vertical-align: top;}

.greeting {width:100%;padding: 50px 0px 50px 0;display: flex;}
.greeting .none{width:40px; height:100%;}
.greeting_top {width:100%;padding: 30px 0px 30px 0;}
.greeting_top img { width:100%;vertical-align: text-top;max-width: 800px;}
.greeting_top .title2 {text-align:center;font-size:13px;padding: 0 50px}
.greeting_top h3 { font-size:40px; font-weight:600;}
.greeting_top p { width:70%; text-align:center; margin:0 auto;}

.greeting li {display: table-cell;}
.greeting h1 { font-size:50px; font-weight:bold;  padding:10px 0; color:#94251d; }
.greeting h4 { font-size:20px; font-weight:600;}
.greeting h3 { font-size:20px;  padding:0px 0; }
.greeting img { vertical-align: text-top;}
.greeting .title { width:20%; vertical-align: top;}
.greeting .title1 { width:35%; vertical-align: top;}
.greeting .cont{ width:100%;padding:0px 0 0 0px; text-align:justify; font-size:20px; line-height:28px;}
.greeting .cont2{ width:100%;padding:0px 0px; text-align:justify; margin-top:2px; background:#FFF;min-height: 31px;}
.greeting .cont3{ height:200px; padding:20px 20px; text-align:justify; font-size:13px; background:#FFF;}
.greeting .cont4{ padding:20px 20px; text-align:justify; font-size:13px; background:#FFF;}
.greeting .cont5{ width:100%; padding:0px 0 0 0px; text-align:justify; font-size:20px; line-height:28px;}
.greeting .cont li{width:50%;}
.greeting .cont5 li{width:33%;}

.history {width: 100%; display:flex; border-bottom: 1px solid #b0b4b6; padding: 50px 0px 50px 0;}
.history .none{width:40px; height:100%;}
.history_top {width:100%; display:flex;padding: 4% 0;}
.history_top .photo{}
.history_top img {vertical-align: text-top; float:left;}
.history_top .title2 { padding:0px 0 0 10%;}
.history_top h3 { font-size:40px; font-weight:600;line-height:50px; color:#b9996a;}
.history_top h4 { font-size:20px;line-height:30px; color:#999;}
.history_top p { width:100%; }

.poseidon {}
.poseidon h2{ font-size:30px; text-align:center;}
.poseidon h3{ font-size:17px; font-weight:400}
.poseidon h5{ font-size:17px; text-align:center;font-weight:400}
.poseidon h2:before {content: ''; margin:0 auto; width:100px; height:1px; background:#0f81cf; display:block; margin-bottom:10px;}
.poseidon .title{ font-size:40px; letter-spacing:-2px; color:#000}

.history li {width:30%;}
.history h1 { font-size:17px; color:#000}
.history h3 { font-size:15px; font-weight:600;}
.history h4 { font-size:50px; font-weight:600;}
.history h4 strong{ font-size:20px; font-weight:400;}
.history img {vertical-align:inherit;}
.history .no {width:25%; vertical-align: middle; text-align:center;}
.history .no15 {width:30%; vertical-align: middle; text-align:left; font-size:20px; color:#0f81cf; padding-left:20px; }
.history .title {width:30%; vertical-align: middle;text-align:center;}
.history .title15 {width:15%; text-align:center}
.history .title h3 { font-size: 25px; font-weight: 500; color:#0873b8; margin: 0; line-height: 25px; display: inherit;}
.history .cont{ text-align:justify; font-size:14px; color:#5e5e5e;}
.history .cont2{width:100%; display:flex}
.history .cont2 li {width:33.3%; padding-left:20px}
.history .cont2 .w100 {width:100%;}
.history .cont2 li p {text-align: justify;}
.history .cont2 li:first-child {padding-left:0px}
.history .cont2 p_a {background: url(/web2022/images/arrow_2.jpg) no-repeat 0 5px; padding-left: 20px; font-size: 13px; margin: 5px 10px 5px 10px; display:block}
.history .cont2 p strong{ width:30%; padding:0 20px; font-size:13px; font-weight:bold; text-align:right;}
.history .cont2 span{ font-size:15px; font-weight:bold; color:#000}

.history .cont4{width:100%; text-align:center;justify-content: center; position:relative; display:flex;}
.history .cont4 .box{width:17%; margin:15px; height:200px; padding:10px; border-radius:10px; box-shadow:0px 0px 15px -5px rgba(0,0,0,.4);}
.history .cont4 .txt{ margin-bottom:50px;}
.history .cont4 .txt h1{ font-size:35px; color:#bf0045}
.history .cont4 .txt h2{ font-size:15px; line-height:22px;}
.history .cont4 .txt h3{ font-size:13px;}
.history .cont4  li{ font-size:13px; padding-left:20px; font-size:13px; margin: 5px 10px 20px 10px;}
.history .cont4  li:first-child{ padding-left:0; margin-left:0}
.history .cont4  li:last-child{ padding-right:0; margin-right:0}

.history .cont3{ width:100%;}
.history .cont3 li {width:50%; padding-left:20px; float:left}
.history .cont3 p_a {text-align: justify; }
.history .cont3 p strong{ width:30%; padding:0 20px; font-size:13px; font-weight:bold; text-align:right;}
.history .cont3 span{font-size:14px; text-align:right; color:#bf0045}
.history .cont3 span1{font-size:14px; text-align:right; color:#00586d}

.cell {width: 100%; display:block; border-bottom: 1px solid #b0b4b6; padding: 20px 0px 20px 0;}
.cell .none{width:40px; height:100%;}
.cell_top {width:100%; display:flex;padding: 4% 0; border-bottom:1px solid #222;}
.cell_top .no{ margin-right:20%}
.cell_top .photo{}
.cell_top img {vertical-align: text-top; float:left;}
.cell_top .title2 { padding:0px 0 0 10%;}
.cell_top h3 { font-size:40px; font-weight:600;line-height:50px; color:#b9996a;}
.cell_top h4 { font-size:20px;line-height:30px; color:#999;}
.cell_top p { width:100%; }

.cell li {width:23%; min-height:450px; padding:20px; border:1px solid #CCC; margin:1%; float:left}
.teacher {display:block; float:left; width:75%;}
.teacher .tc{ width:31%;padding:20px;min-height:300px; border:1px solid #CCC; margin:1%; float:left; background:#eee}
.cell .tc{ width:23%;padding:20px;min-height:300px; border:1px solid #CCC; margin:1%; float:left;min-height: 430px;}
.cell li:last-child{margin-right:0px;}
.cell h3 { font-size:30px; font-weight:600; text-align:center}
.cell h4 { font-size:50px; font-weight:600;}
.cell h4 strong{ font-size:20px; font-weight:400;}
.cell img {width: 100%; vertical-align: text-top; max-width: 800px;}
.cell .no {vertical-align:middle; padding:0px 0px }
.cell .title {padding:20px 0px }
.cell .title1 {width:20%; vertical-align: top; float:left;}
.cell .title h3 { font-size: 25px; font-weight: 500; color:#0873b8; margin: 0; line-height: 25px; display: inherit;}
.cell .cont{ text-align:justify; font-size:14px; color:#5e5e5e;}
.cell .cont2{ padding:0px 0; font-size:15px}
.cell .cont2 p {text-align: justify;}
.cell .cont2 p strong{ width:30%; padding:0 20px; font-size:13px; font-weight:bold; background:#fff; text-align:right;}
.cell .cont2 p span{ font-weight:bold; background:#fff; display:block;border-top: 1px solid #CCC; padding-top: 10px;}
.cell .bot{ bottom:0; position:absolute; width:85%;min-height:30%; font-size:15px;border-top: 1px solid #CCC; }
.cell .bot p span{ font-weight:bold; display:block;padding-top:10px;color:#333;}

.cell2 {width: 100%; display:block; border-bottom: 1px solid #b0b4b6; padding: 20px 0px 20px 0;}
.cell2 .none{width:40px; height:100%;}
.cell2_top {width:100%; display:flex;padding: 2% 0;}
.cell2_top .no{ margin-right:20%}
.cell2_top .photo{}
.cell2_top img {vertical-align: text-top; float:left;}
.cell2_top .title2 { padding:0px 0 0 10%;}
.cell2_top h3 { font-size:40px; font-weight:600;line-height:50px; color:#b9996a;}
.cell2_top h4 { font-size:20px;line-height:30px; color:#999;}
.cell2_top p { width:100%; }

.cell2 li {width:22%; min-height:200px; padding:20px; border:1px solid #CCC; margin:2%; float:left}
.cell2 li:last-child{margin-right:0px;}
.cell2 h3 { font-size:15px; font-weight:600;}
.cell2 h4 { font-size:50px; font-weight:600;}
.cell2 h4 strong{ font-size:20px; font-weight:400;}
.cell2 img {width: 100%; vertical-align: text-top; max-width: 800px;}
.cell2 .no {vertical-align:middle; padding:20px 0px }
.cell2 .title {padding:20px 0px }
.cell2 .title1 {width:20%; vertical-align: top; float:left;}
.cell2 .title h3 { font-size: 25px; font-weight: 500; color: #94251d; margin: 0; line-height: 25px; display: inherit;}
.cell2 .cont{ text-align:justify; font-size:14px; color:#5e5e5e;}
.cell2 .cont2{ padding:30px 0;}
.cell2 .cont2 p {background: #fff;text-align: justify;}
.cell2 .cont2 p strong{ width:30%; padding:0 20px; font-size:13px; font-weight:bold; background:#fff; text-align:right;}
.cell2 .cont2 p span{ width:30%; padding:0 20px; font-size:20px; font-weight:bold; background:#fff; text-align:right;}

.infomation_top {width:100%;padding: 30px 0px 30px 0;}
.infomation_top img {width:50%;vertical-align: text-top; float:left;}
.infomation_top .title2 { padding:0px 0 30px 0; font-size:13px;}
.infomation_top h3 { font-size:40px; font-weight:600;line-height:50px; color:#b9996a;}
.infomation_top h4 { font-size:20px;line-height:30px; color:#999;}
.infomation_top p { width:100%; }

.yhistory {width:100%;padding:50px 0px 30px 0;display: table;}
.yhistory .none{width:40px; height:100%;}
.yhistory li {width:50%; height:505px;display: table-cell;}
.yhistory h3 { font-size:15px; font-weight:600;}
.yhistory h4 { font-size:25px; font-weight:600;}
.yhistory img { width:100%;vertical-align: text-top;}
.yhistory .cont{ text-align:justify; font-size:13px;}
.yhistory .cont p{ font-size:15px;}
.yhistory .cont p span{ font-size:20px; color:#ad936a; line-height:30px;}
.yhistory .cont2{ text-align:justify; margin-top:2px; font-size:13px;}
.yhistory .cont2 p{ height:36px; margin-top:2px; padding-top:10px; padding-left:10px; font-size:13px; background:#eee; margin-bottom:0px; text-align:justify;}
.yhistory .cont2 p strong{ width:30%; padding:0 20px; font-size:13px; font-weight:bold; background:#fff; text-align:right;}
.yhistory .cont2 p spen{ width:30%; padding:0 20px; font-size:20px; font-weight:bold; background:#fff; text-align:right;}

.residency {width:100%;padding:0px 0px 30px 0;}
.residency li {margin-top:2px; font-size:15px;color:#fff;background:#a8a8a8;display:flex;}
.residency .cont { padding:10px 0;}
.residency li span{ padding:10px 20px; font-size:20px; font-weight:bold; color:#fff;}

.cafe {width:100%;padding:0px 0px 30px 0;display: table;}
.cafet { float:left; position:relative; padding:50px 0 20px 0;}
.cafe .none{width:40px; height:100%;}

.cafe li {width:50%; padding-top:50px;display:table-cell; }
.cafe h4 { font-size:30px; font-weight:600; margin-bottom:10px; color:#ad936a;}
.cafe h3 { font-size:15px; font-weight:600;}
.cafe h2 { font-size:13px; color:#C00; }
.cafe h3 spen{ width:30%; padding:0 0px; font-weight:600;}
.cafe h3 spen1{ width:20%; padding:0 20px;font-size:13px; float:right; text-align:right;}
.cafe img { width:auto;float:left;}
.cafe .cont{display: block; font-size:13px; padding-top:5px; position:relative; float:left; width:49%; margin-left:50px; margin-top:50px;}
.cafe .cont2{ text-align:justify; margin-top:2px; font-size:13px;}
.cafe .cont2 p{ height:30px; margin-top:1px; padding-top:5px; font-size:15px; background:#848484; color:#fff; margin-bottom:0px; text-align:justify;}
.cafe .cont2 p strong{ width:30%; padding:0 20px; font-size:20px; font-weight:bold; background:#fff; text-align:right;}
.cafe .cont2 p spen{ width:30%; padding:0 20px; font-weight:600;}
.cafe .cont2 p spen1{ width:20%; padding:0 20px; font-weight:500; float:right; text-align:right;}
.cafe .cont button { display: inline-block;  line-height: 40px;  color: #fff;  font-family: NGB;  font-size: 12px;  padding: 0 30px;  margin-top: 0px;  background-color: #b9996a; margin-right:1px;}
.cafe .cont button img{ width:auto; float:none;}

.event li {width:50%;display: table-cell;}
.event h4 { font-size:20px; font-weight:600;}
.event img { width:100%;vertical-align: text-top;}
.event .cont{ height:80px; padding:20px 20px; text-align:justify; font-size:13px; background:#FFF;}
.event .cont2{ height:10px; padding:10px 20px; text-align:justify; margin-top:2px; font-size:13px; background:#FFF;}
.event .cont3{ height:200px; padding:20px 20px; text-align:justify; font-size:13px; background:#FFF;}



.greeting .cont .c_list{padding: 0;margin: 0;list-style: none;position: relative;}
.greeting button {display:inline-block;  color: #fff; font-family: NGB; font-size: 12px; padding: 0 30px; bottom:10px; right:20px; background-color: #b40000;}
.greeting .cont .c_list li {padding-left: 10px;}
.greeting .cont .c_list li:before {content: '-';position: absolute;left: 0;}

.description_top {width:100%;padding: 30px 0px 30px 0;}
.description_top img { width:100%;vertical-align: text-top;}
.description_top .title2 { padding:0px 0 30px 0; font-size:13px;}
.description_top h3 { font-size:40px; font-weight:600;line-height:50px; color:#b9996a;}
.description_top h4 { font-size:20px;line-height:30px; color:#999;}
.description_top p { width:100%; }

.description .title, .description .cont,  .policies .title,  .policies .cont, .school .title,  .school .cont {display: table-cell;}
.description { width:30%;padding: 30px 0px 30px 0; margin-left:5%; float:left; position:relative; border-bottom:1px solid #CCC;}
.policies, .school { width:100%;display: table;border-bottom: 1px solid #b0b4b6;padding: 30px 0px 30px 0;}
.description .cont .c_list, .policies .cont .c_list, .school .cont .c_list  {padding: 0;margin: 0;list-style: none;position: relative;}
.description .cont .c_list li, .policies .cont .c_list li, .school .cont .c_list li {padding-left: 10px;}
.description .cont .c_list h3{font-size: 15px;font-weight: 600; color:#000;}
.description .cont .c_list li:before, .policies .cont .c_list li:before, .school .cont .c_list li:before  {content: '-';position: absolute;left: 0;}
.description .cont2 p {padding:7px 20px 7px 40px; margin-top:1px; font-size:14px; background: #fff; margin-bottom: 0px; text-align: justify;}

.description .title{width:100%;vertical-align: top;text-align:center; padding-bottom:10px;}
.description .title img{width:100%; padding:20px 0 20px 0;}
.description .title p img{width:30px; float:left; padding:10px 10px 0 0;}
.description .title h1 {font-size: 25px;font-weight: 500;color: #2f3b3f; margin-right:30px;line-height: 35px; display: inherit;}
.description .title h2 {font-size: 24px;font-weight: 500;color: #2f3b3f;margin: 0;line-height: 25px; display: inherit;}
.description .title h3 {font-size: 30px;font-weight: 500;color: #0075c8;margin: 0;line-height: 25px; display: inherit;}
.description  h3{font-size: 15px;font-weight: 600;color: #6b6b6b;margin: 0;line-height: 25px;}
.description .title h4 {font-size: 20px;font-weight: 600;color: #0075c8;margin: 0;line-height: 25px;}
.description .cont {width:100%;font-size: 15px;line-height: 25px; display:inline-block;min-height: 105px;}
.description .cont .cont_title {width:100%;display:flex; color: #fff; padding: 10px 0px; background-color: #2a8db2;}
.description .cont .cont_title h3{line-height:25px;font-size:15px;font-weight:400;color: #fff;margin:0 auto;}
.description .cont ul{text-align:justify;}
.description .cont li{display:block;padding:0px 0 5px 0;}
.description .cont li strong{ font-weight:500;}
.description .cont img{ width:100%;}


.school_top {width:100%;padding: 30px 0px 10px 0;}
.top_icon{ width:230px; float:left; padding:10px 0}
.school_top img {}
.school_top .title2 { padding:0px 0 30px 0; font-size:13px;}
.school_top h3 { font-size:40px; font-weight:600;line-height:50px; color:#b9996a;}
.school_top h4 { font-size:20px;line-height:30px; color:#999;}
.school_top p { width:100%; }
.school_top li { padding:5px 0;}
.school_top .cont {width:100%;font-size: 15px;line-height: 25px; display:initial;}
.school_top .cont button { display: inline-block;  line-height: 40px;  color: #fff;  font-family: NGB;  font-size: 12px;  padding: 0 30px;  margin-top: 0px;  background-color: #b9996a; margin-right:1px;}
.school_top .cont button img{ width:auto; float:none;}

.school .title{width:35%; padding:20px 0 0 100px;}
.school .title1{width:20%;vertical-align: top;text-align:center;display: table-cell;}
.school .title h1 {font-size: 30px;font-weight: 500;color: #2f3b3f; margin-right:30px;line-height: 35px; display: inherit;}
.school .title h2 {font-size: 20px;font-weight: 400;color: #2f3b3f;margin: 0;line-height: 25px; display: inherit;}
.school .title h3 {font-size: 24px;font-weight: 500;color: #94251d;margin: 0;line-height: 25px; display: inherit; text-align:left; width:60%;}
.school .title1 h3 {font-size: 24px;font-weight: 500;color: #94251d;margin: 0;line-height: 25px; display: inherit; text-align:left; width:70%;}
.school .title1 h4 {font-size: 16px;font-weight: 500;color: #94251d;margin: 0;line-height: 25px; display: inherit; text-align:left; width:70%;}
.school  h3{font-size: 15px;font-weight: 600;color: #6b6b6b;margin: 0;line-height: 25px;}
.school .title h4 {font-size: 20px;font-weight: 600;color: #0075c8;margin: 0;line-height: 25px;}
.school .cont {width:100%;font-size: 15px;line-height: 25px; display:inline-block;}
.school .cont .cont_title {width:100%;display:flex; color: #fff; padding: 10px 0px; background-color: #2a8db2;}
.school .cont .cont_title h3{line-height:25px;font-size:15px;font-weight:400;color: #fff;margin:0 auto;}
.school .cont ul{text-align:justify;}
.school .cont li{display:block;padding:3px 0 3px 0;}
.school .cont img{ width:100%;}
.school .cont button { display: inline-block;  line-height: 40px;  color: #fff;  font-family: NGB;  font-size: 12px;  padding: 0 30px;  margin-top: 0px;  background-color: #b9996a;}
.school .cont button img{ width:auto}

.location .title{display: table-cell;}
.location { width:100%;display: table;border-bottom: 1px solid #b0b4b6;padding: 30px 0px 50px 0;}
.location .cont .c_list{padding: 0;margin: 0;list-style: none;position: relative;}
.location .cont .c_list li{padding-left: 10px;}
.location .cont .c_list li strong{ font-weight:500;}
.location .cont .c_list li:before{content: '-';position: absolute;left: 0;}
.location .title{width:20%;vertical-align: top; font-size:0.8vw; line-height:1.2vw}
.location .title h4 {font-size: 20px;font-weight:300;color: #333;margin: 0;line-height: 25px; font-family: 'Playfair Display', sans-serif;text-decoration: underline; margin-bottom:20px; text-decoration-thickness: 1px;}
.location .title h3{font-size:0.8vw;}
.location .cont {width:100%;font-size: 15px;line-height: 25px; display:inline-block;}
.location .cont .cont_title {width:100%;display:flex; color: #fff; padding: 10px 0px; background-color: #2a8db2;}
.location .cont .cont_title h3{line-height:25px;font-size:15px;font-weight:400;color: #fff;margin:0 auto;}
.location .cont ul{text-align:justify;}
.location .cont li{ width:100%;display: inline-block;padding:0px 0 20px 0;}

.policies {display: table;border-bottom: 1px solid #0069ed;padding: 30px 0px 30px 0;}
.policies  h4 {font-size:40px;font-weight:bold;color:#2a8db2; padding:30px 0;}
.policies .title {vertical-align: top;text-align:center;width:157px;display: block; color: #fff; padding: 20px 10px; margin-right:100px; background-color: #0069ed;}
.policies .title h3 {line-height: 25px;font-size:20px;font-weight: 500;color: #fff;margin:0 auto;}
.policies .cont { max-width:754px;font-size: 15px;line-height: 25px;}
.policies .cont .policies li {display: table;padding:20px 0;}
.policies li {display: table;padding:20px 0;}
.policies .cont h3 {font-size:17px;color:#0069ed; font-weight:500;}


#special_title{ width:100%; text-align:center; padding:20px 0;}

.sub0301{ text-align:center;}
.sub0301 p{ width:90%;text-align:center; margin:0 auto; margin-bottom:26px;font-size:15px;line-height:26px;}
.sub0301 ul{border-top:2px #000 solid;}
.sub0301 li{border-bottom:1px rgba(0,0,0,0.2) solid; position:relative; padding:25px 0; padding-left:127px; }
.sub0301 p span{font-size:25px; color:#00d8ff;}
.sub0301 p strong{font-size:50px; color:#0f58a7; font-family:'NanumGothic';line-height:50px;}
.sub0301 li strong1{font-size:25px; color:#00c6ff; float:right; border-bottom:10px #00c6ff solid;}

/* �Ķ��� �Ұ� */	
.contents .contimg2 {
	display:inline-block;
	}

/* �Ķ��� ������� */	
.org_img1 { width:890px; display:inline; }
.org_img2 { display:none; }

/* �Ķ��� �����丮 */	
#portfolio { }

.portfolio_title {
	position:absolute;
	display:block;
	left:50%;
	margin-left:-115px;
	z-index:9;
	}

.portfolio_tree {
	position:relative;
	display:block;
	top:60px;
	left:50%;
	margin-left:-8px;
	padding-bottom:155px;
	}

.portfolio_2015 { width:410px;display:block;top:50px; float:left;}
.portfolio_2015 dd {font-size:28px;color:#000;display:block;margin-bottom:20px;line-height:35px;}
.portfolio_2015 dt {font-size:15px;color:#666;display:block;margin-bottom:15px;}
.portfolio_2015 dt strong {display:inline-block;vertical-align:top; color:#7b9007;}
.portfolio_2015 dt p {width:100%;display:inline-block;font-size:13px;margin-bottom:15px;line-height:22px; text-align:justify;}

.portfolio_2016 {width:410px;display:block;right:0px;top:50px;float: right;}
.portfolio_2016 dd {font-size:28px;color:#000;display:block;margin-bottom:20px;}
.portfolio_2016 dt {font-size:15px;color:#666;display:block;margin-bottom:15px;line-height:25px;}
.portfolio_2016 dt strong {display:inline-block;vertical-align:top; color:#7b9007;}
.portfolio_2016 dt p  {width:100%;display:inline-block;font-size:13px;margin-bottom:15px;line-height:22px;text-align:justify;}

.portfolio_2018 {position:absolute;display:block;right:20px;top:1030px; background-color:#009;}
.portfolio_2018 dd {font-size:28px;color:#000;display:block;margin-bottom:20px;}
.portfolio_2018 dt {font-size:15px;color:#666;display:block;margin-bottom:15px;line-height:25px;}
.portfolio_2018 dt strong {width:17%;display:inline-block;vertical-align:top;}
.portfolio_2018 dt p {width:83%;display:inline-block;font-size:15px;margin-bottom:15px;line-height:22px;}


#mask {position:fixed; z-index:99999; background-color:#000; display:none;left:0; top:0;} 
	
.window{display: none;position:absolute;left:50%;top:800px;margin-left:-550px;width:100%;z-index:999999;}
.window a{ color:#fff; font-size:12px;}


.SL_num{position: relative; display:block; width:60px; height:60px; font-size:0; background:url(/web2020/images/sub/num_img1.gif) no-repeat 50% -3px; background-size:200px 1600px; }
.SL_num1{position:absolute; display:block; width:60px; height:60px; font-size:0; background:url(/web2020/images/sub/num_img1.gif) no-repeat 50% -3px; background-size:200px 1600px; }
.SL_layer .SL_num{top:0; margin-left:-103px; left:50%; border:3px #fff solid;}
.SL_layer1 .SL_num1{top:0; margin-left:-103px; left:50%; border:3px #fff solid;}
.SL_num.SLN02{background-position:50% -69px;}
.SL_num.SLN03{background-position:50% -135px;}
.SL_num.SLN04{background-position:50% -201px;}
.SL_num.SLN05{background-position:50% -267px;}
.SL_num.SLN06{background-position:50% -333px;}
.SL_num.SLN07{background-position:50% -399px;}
.SL_num.SLN08{background-position:50% -465px;}
.SL_num.SLN09{background-position:50% -531px;}
.SL_num.SLN10{background-position:50% -597px;}
.SL_num.SLN11{background-position:50% -663px;}
.SL_num.SLN12{background-position:50% -729px;}
.SL_num.SLN13{background-position:50% -795px;}
.SL_num.SLN14{background-position:50% -861px;}
.SL_num.SLN15{background-position:50% -927px;}

.SL_num1.SLN02{background-position:50% -69px;}
.SL_num1.SLN03{background-position:50% -135px;}
.SL_num1.SLN04{background-position:50% -201px;}
.SL_num1.SLN05{background-position:50% -267px;}
.SL_num1.SLN06{background-position:50% -333px;}
.SL_num1.SLN07{background-position:50% -399px;}
.SL_num1.SLN08{background-position:50% -465px;}
.SL_num1.SLN09{background-position:50% -531px;}
.SL_num1.SLN10{background-position:50% -597px;}
.SL_num1.SLN11{background-position:50% -663px;}
.SL_num1.SLN12{background-position:50% -729px;}
.SL_num1.SLN13{background-position:50% -795px;}
.SL_num1.SLN14{background-position:50% -861px;}
.SL_num1.SLN15{background-position:50% -927px;}




.SP_num{position:absolute; display:block; width:60px; height:60px; font-size:0; background:url(/web2020/images/sub/num_img.gif) no-repeat 50% -3px; background-size:200px 1600px; }

.SP_num.SLN_close{background-position:50% -1323px;}
.SP_tit{font-family:NGB; font-size:24px; color:#4a4745; margin-top:35px;}
.SP_tit span{display:block; font-size:18px; margin-top:2px;}
.SP_tit.one_line{padding:15px 0;}
.SP_add{color:#555352; line-height:20px; }

.SP_pop{position:absolute; top:0; ;left:0; width:100%; display:none; cursor:pointer;}
.SP_pop .SP_box{height:352px; background:rgba(0, 198, 255,0.94);  border-color:#00c6ff; background-image:url(/web2020/images/sub/sub0401_map_01.jpg); background-size:cover;}
.SP_pop .SP_tit{color:#fff;}

.SP_layer{width:100%; margin-bottom:30px; margin-top:30px; position:relative; border-bottom:1px solid #eee;}
.SP_layer1{width:100%; border:3px #fff solid; margin-bottom:30px; background-color:#ee707c; position:relative; min-height:352px;}
.SP_layer2{width:100%; border:3px #fbb215 solid; margin-bottom:30px; background-color:rgba(255,255,255,0.3); position:relative; min-height:352px;}

.SP_pic{position:absolute;}
.SP_pic span1{position:absolute; left:65px; display:inline-block; color:#fff;  font-family:NGB; font-size:12px; }
.SP_pic span2{position:absolute; left:0; display:inline-block; color:#fff;  font-family:NGB; font-size:12px; padding:17px 12px; background-color:#fbb215;}
.SP_layer .SL_num{top:0px; float:left;}
.SP_layer1 .SL_num1{left:81px; top:0px;}
.SP_layer2 .SL_num1{left:70px; top:0px;}
.SPP_img{border:0px transparent solid; padding-left:10px; overflow:hidden; text-align:center;}
.SP_btn{ width:100%; padding-left:75px;}
.SP_btn button{display:inline-block; bordeR:1px #00c6ff solid; line-height:30px; color:#fff; font-size:13px; padding:0 38px; background-color:#155dfa;}

.SP_cont{padding:10px 0px 10px 300px;}
.SP_cont h4{color:#0075c8; font-size:35px; font-weight:500; margin-bottom:10px; line-height:40px; }
.SP_cont h5{color:#777; font-size:18px;  margin-bottom:31px; }
.SP_cont li{position:relative; color:#5e5e5e; margin-bottom:10px;text-align:justify;}
.SP_cont li strong{font-size:13px; font-weight:bold;}
.SP_cont span{ display: flex; color:#0075c8; font-family:NGB; font-size:15px; text-indent:hanging;}


.SP_cont1{padding:20px 0px 40px 414px; min-height:400px;}
.SP_cont1 h4{color:#ad936a; font-size:35px; font-weight:600; margin-bottom:20px; }
.SP_cont1 h5{color:#000; font-size:20px;  margin-bottom:31px; }
.SP_cont1 li{position:relative; color:#666; padding-left:150px; margin-bottom:10px;}
.SP_cont1 span{position:absolute; left:0; color:#000;  font-family:NGB; font-size:15px; padding:0 12px; }

.SP_map{display:inline-block; text-align:center; background:#3da714; height:32px; border:1px transparent solid; border-radius:3px; text-align:center; padding:0 15px; margin-left:15px;}
.SP_map em{display:inline-block; line-height:32px; color:#fff; background:url(/web2020/images/sub/program_ico.png) no-repeat left 0; font-size:13px; font-family:NGB; padding-left:18px;}
.SPC_btn{border:1px transparent solid; line-height:32px;position:absolute; bottom:0; left:50%; margin-left:-25px;}
.SPC_btn em{color:#fff; font-size:13px; font-family:NGB;}
.SP_more_box{position:relative; padding-top:0px; padding-bottom:10px; margin-left:0px;  color:#666; text-align:center;}
.SP_more_box p{position:relative}
.SP_more_box ul{padding-left:0;}
.SPC_btn .btn02{display:none;}
.SPC_btn.active .btn02{display:block;background:url(/web2020/images/sub/2_sub1_img_6.jpg) no-repeat left -64px;}
.SPC_btn.active .btn01{display:none;}
.SP_more_box .SP_more{display:none;}
.SP_more_box .about{ margin-left:-500px; position:absolute; z-index:10; top:130px;}
.SP_more{margin-bottom:16px;}
.SP_cont .SP_tit{font-size:18px; color:#147c7a; font-family:NGB; margin-top:5px;}
.SP_cont .zone{color:#a0351c; font-family:NGB; display:inline-block; margin-left:5px}
.SP_more_box table{margin-bottom:30px;}
.SP_more_box table thead th{background:#78808d; color:#fff; padding:7px 0; font-weight:normal; font-family:NGB; border-left:1px #a2a6af solid;}
.SP_more_box table thead th:first-child{border-left:0;}
.SP_more_box table tbody th{border:2px #868c98 solid; border-width:0 1px 1px; background:#e6e9ee;font-weight:normal; font-family:NGB; color:#5b606a;}
.SP_more_box table tbody td{border:2px #868c98 solid; border-width:0 1px 1px 0; text-align:center; padding:7px;}
.SP_more_box table tbody td.td_left{text-align:left;}
.SP_more_box h5{color:#fff; font-size:18px; margin:20px 0 10px;}
.SP_more_box h6{font-size:15px; margin:15px 0 5px; font-weight:500;color:#000;}
.SP_more_box p{margin-bottom:7px;font-size:13px;color:#FFF; display: inline-block;}
.SP_more_box span1{ color:#FF0; margin-left:70px;}

.tabContent, .tabContent2, .tabContent3 {display:none;}
.tabContent h2{ color:#000}
.tabContent h3{ font-weight:500;}
.tabContent .title{ font-size:30px; text-align:center; font-weight:bold}
.tabContent .ct{ text-align:center;}
.tabContent .ct img{width: 100%; vertical-align: text-top; max-width: 800px;}
#right_area .tab_menus_area { color:#565656;}
#right_area .tabContainer {position:relative; min-height:400px; padding:30px 0;}
#right_area .tabContainer ul.certificate_aera {width:820px; height:241px;}
#right_area .tabContainer ul.certificate_aera li {width:181px; height:245px; float:left; margin:0 32px 0 0;}
#right_area .tabContainer ul.certificate_aera li.last {margin:0;}
#right_area .tabContainer ul.certificate_aera li ul li .box {width:179px; height:239px; border:1px solid #e8e8e8; float:left; margin:0 27px 0 0; box-shadow: 2px 2px 1px #ebebeb; text-align:center; font-size:12px; font-weight:600; letter-spacing:-1px;}
#right_area .tabContainer ul.certificate_aera li .info {width:179px;  letter-spacing:-0.5px; font-size:12px; float:left; text-align:center;}
.clear {clear: both;display: block;}

#right_area .history_title {color:#0c517d; font-size:20px; font-weight:500;}
#right_area .history_title span {color:#0c517d; margin-top:30px; font-size:22px;}
#right_area .history_chart {width:800px; margin:30px 12px 0 10px;}
#right_area .bg {width:30%;}
#right_area .left{width:30%;}
#right_area .right{width:66%;}
#right_area .bg .line{ position:relative; width:100%; height:0px; border-bottom:1px solid #fff; margin-top:0;}
#right_area .tit_year {height:55px; line-height:50px; font-size:40px; color:#333; font-weight:600; background:url("/web2020/images/sub/tit_bg.gif") 0 60px no-repeat; padding:0 0 30px 0;} 
#right_area ul.history_100 {font-size:15px; color:#777; float:left; width:100%;}
#right_area ul.history_chart {font-size:15px; color:#777; float:left;}
#right_area ul.history_chart strong {margin:0 8px 0 0; font-size:19px;}
#right_area ul.history_chart li { height:40px;line-height:25px; display:table;}
#right_area ul.history_tab {width:100%; height:79px;}
#right_area ul.history_tab li {width:20%; border:1px solid #fff; margin:-1px -1px; float:left; text-align:center; line-height:70px; background:#CCC;}
#right_area ul.history_tab li:first-child {}
#right_area ul.history_tab li:last-child{border-right: 2px solid #fff;}
#right_area ul.history_tab li.active {background-color:#eb2127; margin:-1px -1px; color:#fff}
#right_area ul.history_tab li a {display:block;color:#fff}
#right_area ul.history_tab li a.active{}

#right_area .history_visual { margin:30px 12px 0 10px;}
#right_area ul.history_visual {font-size:15px; color:#777; float:left;}
#right_area ul.history_visual strong {margin:0 8px 0 0; font-size:19px;}
#right_area ul .history_visual li {width:100%; position:relative; float:left;}

#line{ width:100%; height:1px; background:#000;}
.table { border-top:1px solid #3f4659 !important; border-left:2px solid #fff; border-right:2px solid #fff; margin-bottom:0;  }
.table>thead>tr>th { background-color:#f9f9f9; border:1px solid #ddd; text-align:center !important; padding:15px 8px; vertical-align:middle; font-weight:normal; }
.table>tbody>tr>th, .table>tbody>tr>td { vertical-align:middle; padding:15px 5px; text-align:center; border: 1px solid #ddd;}
.table>tbody>tr>th { background-color:#f7f7f7; font-weight:normal; }
.table>tbody>tr>td.lt { text-align:left; padding-left:15px !important; }
.table>tbody>tr>td.rt { text-align:right; }
.table>tbody>tr>td.vt { vertical-align:top; }
.table>tbody>tr>td label { font-weight:300 !important;}
.table>tbody>tr>td>div.comment { color:#F00; font-weight:700; font-size:14px; padding-top:10px;}

.table2 { border:1px solid #ddd !important; width:100%; }
.table2>thead>tr>th { background-color:#f9f9f9; border:1px solid #ddd; text-align:center !important; padding:15px 8px; vertical-align:middle; font-weight:normal; }
.table2>tbody>tr>th, .table2>tbody>tr>td { vertical-align:middle; padding:15px 8px; border:1px solid #ddd !important; text-align:center; }
.table2>tbody>tr>th { background-color:#f7f7f7; font-weight:normal; text-align:center; }
.table2>tbody>tr>td.lt { text-align:left; }
.table2>tbody>tr>td.vt { vertical-align:top; }
.table2>tbody>tr>td.img_part{ text-align:center;}


.table3 { border-top:2px solid #004993; !important; width:100%; }
.table3>thead>tr>th { background-color:#eef0f5; border:1px solid #ddd; text-align:center !important; padding:10px 8px; vertical-align:middle; font-weight:normal; }
.table3>tbody>tr>th, .table3>tbody>tr>td { vertical-align:middle; padding:15px 8px; border:1px solid #ddd !important; text-align:center; }
.table3>tbody>tr>td { font-size:1.5rem;}
.table3>tbody>tr>th { background-color:#f7f7f7; font-weight:normal; text-align:center; }
.table3>tbody>tr>td.lt { text-align:left; }
.table3>tbody>tr>td.vt { vertical-align:top; }
.table3>tbody>tr>td.img_part{ text-align:center;}
.table3>tbody>tr>td.tt1 { font-weight:700; background:#fafafa;}



@media all and (max-width:1400px) {
#right_area .bg { width: 100%;}
#right_area .left{width:100%;}
#right_area .right{width:100%;}

}

/* 810px begin */
@media (min-width:320px) and (max-width:810px) {
.table-responsive { overflow-x: auto;}
.page-title {display:none}	
#sub_cont{width:100%; margin-top:0px; line-height:18px;}
#sub_board_cont { width: 100%; min-width: 100%;  margin: auto;  padding: 0px 0 160px;  line-height: 26px;}
	
#sub_tit{ height:0px; background-size:1440px 159px; padding-top:0px;}
#sub_tit p{ height:60px; margin-top:-5px;}
#sub_tit p.sub_tit01{background-position:50% 0;}
#sub_tit p.sub_tit02{background-position:50% -100px;}
#sub_tit p.sub_tit03{background-position:50% -200px;}
#sub_tit p.sub_tit04{background-position:50% -300px;}
#sub_tit p.sub_tit05{background-position:50% -400px;}
#sub_tit p.sub_tit06{background-position:50% -500px;}
#sub_tit p.sub_tit07{background-position:50% -600px;}
#sub_tit p.sub_tit08{background-position:50% -420px;}

#right_area .tit_year {font-size:25px;} 
#right_area ul.history_tab li {line-height:50px;}
#right_area .left{width:100%;}
#right_area .right{width:100%;}
#right_area .tab_menus_area { font-size:15px}

.location .title{font-size:3vw; line-height:4vw}
.location .title h3 {font-size:3vw;}
/* ���� �޴� */
.leftSide {
	display:none;
	clear:left;
	}

/* ���� �׺�, ������ */
.rightSide {
	position:relative;
	clear:left;
	width:100%;
	}

.rightSide h3 {
	padding-left:20px;
	padding-top:20px;
	}

.rightSide ul.navigation {
	width:100%;
	position:relative;
	text-align:left;
	top:0px;
	left:0px;
	}

.rightSide ul.navigation li {
	display:inline;
	font-family:'dotum';
	font-size:13px;
	color:#a0a0a0;
	}

.rightSide ul.navigation li img {
	vertical-align:top;
	}

.rightSide ul.navigation li.current {
	color:#202020;
	}

/* ������ */
.contents {
	width:90%;
	padding:0 5%;
	text-align:center;
	}
	
.contents_sub1 img{ width:100%;}
.contents_sub h4{ font-size:30px;}

.contents_sub .left_g{ width:100%}
.contents_sub .right_g{ width:100%}

.tabContent h3 { font-size: 15px;}

#visual{width:100%; max-width:640px; height:250px; min-width:100%; position:relative; overflow:hidden; top:0;}
.vis_text{top:100px; width:214px; margin-left:20px;}
.vis_text .VT01{display:none;}
.vis_text .VT02 img{width:214px;}
#visual_slides{ z-index:999;}
#visual_slides li{width:100%; max-width:640px; height:500px;overflow:hidden;  margin-left:0; left:0; overflow:hidden; text-align:center; position:relative;}
#visual_slides img {display: block; margin: 0 auto; top:50px; height: auto;}

#pagination{ width:100%;text-align:center; position:relative; z-index:66; border-top:0; border-bottom:0;}

#prev-next{ display:none;}
#visual_controll{ position:absolute;margin-top:60px; height:48px; left:0; width:100%; margin-left:-50px;}

.VS_img{height:100px;}
.visual_img{height:100px;}

.poseidon .title{ font-size:20px;}
.poseidon h3{ font-size:15px;}

.icons { display: block;margin-bottom: 0;}
.icons li {text-align: center; padding:10px 5px;}
.icons li p {display: inline-block;font-size: 12px; font-weight:bold;}

.greeting_top .title2 {padding: 0 0px}
.greeting_top h3 { font-size:25px;}

.greeting h1 { font-size:20px; padding:0; margin-top:10px;}
.greeting_top p { width:90%;}
.greeting{ padding: 15px 0;}
.greeting .title1{ width:100%;text-align: center;}
.greeting li{width: 100%; height:100%; display: block;}
.greeting .title h3{font-size: 20px; padding-bottom: 10px;}
.greeting img{}
.greeting .win { width:100%;display:block;}
.greeting .title, .greeting .cont { display: block; line-height:20px;}
.greeting .cont4{line-height:20px;}
.greeting .cont{ padding:0px 0 0 0px; text-align:justify; font-size:15px; line-height:20px; margin-bottom:30px;}
.greeting .cont2{ padding:0px 0 0 0px;}
.greeting .cont li {width: 100%;}
.greeting .cont5 li {width: 100%;}

.cell li {width:100%; min-height:300px}
.cell .tc{ width:100%;}

.history {display:grid;}
.history .no15 { width:90%}
.history .cont2 { width:90%; display:block;}
.history .cont2 p { display:flex;}
.history .cont2 p span {padding: 0 10px;}
.history_top {display: block;}
.history_top p { width:100%;}
.history_top {padding: 0px 0px 0px 0;}
.history_top img {}
.history{ padding: 15px 0;}
.history .title{}
.history .title1 {width:50%;}
.history_top .title2 { padding:20px 0 20px 0; font-size:13px;}
.history_top .photo{display:flex;}
.history li{width: 100%; display: block;}
.history .cont2 li{width: 100%; display:block}
.history .title h3{font-size: 20px; padding-bottom: 10px;}
.history img{}
.history_top h3 { font-size:20px; font-weight:500;line-height: 23px;}
.history_top h4 { font-size:13px; font-weight: normal;line-height:20px;}
.history .win { width:100%;display:block;}
.history .title, .history .cont { display: block;}
.history h4 { font-size:30px; font-weight:600;}
.history h4 strong{ font-size:15px; font-weight:600;}
.history .cont2 li:first-child {padding-left:20px}
.history .cont3 li {width:100%;}
.history .cont4 .box{width:100%;height:auto; margin:5px 0; }
.history .cont4{ display:block;}
.history .cont4 .txt {margin-bottom:10px;}

.yhistory_top p { width:100%;}
.yhistory{ padding: 15px 0;}
.yhistory .title{width: 100%;}
.yhistory_top .title2 { padding:0px 0 0 0; font-size:13px;}
.yhistory li{width: 100%; height:100%; display: block;}
.yhistory .title h3{font-size: 20px; padding-bottom: 10px;}
.yhistory img{ width:100%;}
.yhistory_top h3 { font-size:20px; font-weight:500;line-height: 23px;}
.yhistory_top h4 { font-size:20px; font-weight:500;line-height:23px;}
.yhistory .win { width:100%;display:block;}
.yhistory .title, .history .cont { display: block;}

.information_top p { width:100%;}
.information_top {padding: 0px 0px 0px 0;}
.information_top .title2 { padding:20px 0 20px 0; font-size:13px;}
.information_top h3 { font-size:20px; font-weight:500;line-height: 23px;}
.information_top h4 { font-size:13px; font-weight: normal;line-height:20px;}

.contents_sub p { margin-bottom:0; line-height:20px; font-size:15px}
.contents_sub .title p { text-align:center; margin-bottom:10px;}
.contents_sub p span { font-size:13px;line-height:13px;}

.cafe{ padding: 15px 0;}
.cafe img{ width:100%;}
.cafe .cont{ width:100%; margin:0px;}
.cafe h4{ font-size:20px;}
.cafe li{width: 100%; height:100%; display: block;}
.cafe .title, .cafe .cont { display: block;}

.event .cont{ height: auto; }


.description, .greeting,.policies, .school {padding: 15px 0;}
.greeting { display: inline-block;}
.description{ width:100%; margin-left:0px;}
.description .title, .school .title  {width:100%;}
.description .title img { padding:5px 0;}
.description .title h1 { text-align:left; font-size:20px;}
.description .title h2 { margin-bottom:20px;}
.description .title h3, .greeting .title h3,.policies .title h3, .school .title h3 {font-size: 20px; padding-bottom: 10px; display:block;}
.description .cont li{ width:100%; font-size:13px; padding-bottom:5px;}



.description .title, .description .cont, .greeting .cont,.policies .title, .policies .cont{ display: block;}
.greeting .title{ display: block;}
.top_icon{ float:inherit;}
.school_top img { width:32%;}
.school_top h3{ font-size:20px; font-weight:normal;}
.school_top h4{ font-size:13px; line-height:20px;}
.school_top .title2 {padding: 0px 0 0px 0;font-size: 13px;}

.school .title, .school .cont { display:flex;}
.school .title h3 { width:100px;}
.school .title1, .school .cont { display: block;}
.school .cont { font-size:13px;}
.school .title{padding: 20px 0 0 50px;}
.school .title1{ width:100%;}
.school .title1 h3{ font-size:15px;}
.school li { font-size:13px;}

.SL_num1{position:absolute; display:block; width:30px; height:30px; font-size:0; background:url(/web2020/images/sub/num_img1.gif) no-repeat 50% -3px; background-size:100px 800px; }
.school .SL_num1{ margin-top:15px;}
.SL_num1.SLN02{background-position:50% -69px;}
.SL_num1.SLN03{background-position:50% -135px;}
.SL_num1.SLN04{background-position:50% -201px;}
.SL_num1.SLN05{background-position:50% -267px;}
.SL_num1.SLN06{background-position:50% -333px;}
.SL_num1.SLN07{background-position:50% -399px;}
.SL_num1.SLN08{background-position:50% -465px;}
.SL_num1.SLN09{background-position:50% -531px;}
.SL_num1.SLN10{background-position:50% -597px;}
.SL_num1.SLN11{background-position:50% -663px;}
.SL_num1.SLN12{background-position:50% -729px;}
.SL_num1.SLN13{background-position:50% -795px;}
.SL_num1.SLN14{background-position:50% -861px;}
.SL_num1.SLN15{background-position:50% -927px;}

.SL_num1.SLN02{background-position:50% -36px;}
.SL_num1.SLN03{background-position:50% -69px;}
.SL_num1.SLN04{background-position:50% -102px;}
.SL_num1.SLN05{background-position:50% -135px;}
.SL_num1.SLN06{background-position:50% -168px;}
.SL_num1.SLN07{background-position:50% -201px;}
.SL_num1.SLN08{background-position:50% -234px;}
.SL_num1.SLN09{background-position:50% -267px;}
.SL_num1.SLN10{background-position:50% -300px;}
.SL_num1.SLN11{background-position:50% -333px;}
.SL_num1.SLN12{background-position:50% -366px;}
.SL_num1.SLN13{background-position:50% -399px;}
.SL_num1.SLN14{background-position:50% -432px;}
.SL_num1.SLN15{background-position:50% -465px;}

.location {display:block;padding: 30px 0px 30px 0;}	

/* �Ķ��� �Ұ� */	
.contimg1 {
	display:inline-block;
	margin:0 0 50px 0;
	}

.contents .contimg2 { width:100%;
	display:inline-block;
	margin-left:0;
	}

.contimg1 img {
	width:70%;
	}

.contimg2 img {
	width:100%;
	}

/* �Ķ��� ������� */	
.org_img1 { width:100%; display:none; }
.org_img2 { width:100%; display:inline; }

/* �Ķ��� �����丮 */	
#portfolio { width:100%; margin:0 auto;}
#rooms { width:95%; margin:0 auto;}

.portfolio_title {
	position:relative;
	display:block;
	left:50%;
	margin-left:-115px;
	z-index:9;
	}

.portfolio_tree {
	display:none;
	}

.portfolio_2015 {position:relative;display:block;top:30px;width:100%; right:0px;}
.portfolio_2015 dt img {width:100%;}

.portfolio_2016 {position:relative;display:block;left:0px;width:100%;}
.portfolio_2016 dt img {width:100%;}
	
.portfolio_2018 {position:relative;display:block;top:130px;width:100%;right:0px;}
.portfolio_2018 dt img {width:100%;}
	

.contents {text-align:center;}
.aboutthis {width:550px; left:50%; margin-left:-275px; display:block;
	position:relative; }
	
	
.sub_top {width:100%; position:relative;display:inline-block; margin-left:0px;}

.sub0301 p{width:100%}

.go_top {left: 50%; bottom: 30px; margin-left: 140px;}

.window {width:1100px;z-index:999999; top:1400px;}
.window iframe{ width:400px; height:275px; margin-left:350px;}

#visual_view_slides img{ width:400px; height:275px; }

.SP_pop .SP_box{height:740px; background:rgba(0, 198, 255,0.94);  border-color:#00c6ff; background-image:url(/web2020/images/sub/sub0401_map_01_1.jpg); background-size:cover;}
.SP_layer{border-width:3px; margin:0 auto; margin-bottom:20px;}
.SP_layer2{width:90%; border-width:3px; margin:0 auto 20px;}
.SP_pic{position:relative;}
.SP_pic img{}
.SP_cont{padding:5px; min-height:0;}
.SP_cont h4{text-align:center; line-height:1.4; font-size:20px; margin-bottom:0px;}
.SP_cont h5{text-align:center;margin-bottom:10px;}

.SP_map{margin-left:0; margin-top:7px; display:block; width:120px;}

.SPP_img{width:100%;padding-left:0px;}

#sub0501{ margin-bottom:-50px; background-color:#eceded;}
.SP_pop1 .SP_box1{height:300px; background:rgba(0, 198, 255,0.94);  border-color:#00c6ff; background-image:url(/web2020/images/sub/sub0401_map_01_1.jpg); background-size:cover;}
.SP_cont1{padding:20px; padding-top:40px;}
.SP_cont1 h4{text-align:center; line-height:1.4;}

.SP_map{margin-left:0; margin-top:7px; display:block; width:120px;}

.SP_more_box .about{ margin-left:0px; position: inherit; z-index:10; top:100px;}
.SP_more_box img{ width:100%;}
.SP_more_box p{ display: block;}

#right_area ul.history_tab li {width:33%;}
#right_area .bg {width:100%;}
}