@charset "utf-8";

/*Àλ縻 : 20180425*/
.greeting .greeting_photo{background: url('/images/sub/sub01_01.jpg') 0 0 no-repeat;   text-align: center; height: 312px;} 
.greeting .greeting_photo p {font-size: 25px; color: #fff; line-height: 30px; padding-top: 100px; font-family:'NanumSquare';}
.greeting .greeting_photo p span {font-size: 35px; font-family:'SeoulNamsanL'; margin-top: 7px; display: inline-block;}
.greeting .greeting_txt {position: relative; margin-top: 60px;}
.greeting .greeting_txt p {font-size: 17px; line-height: 25px; width: 1000px; margin: 0 auto; text-align: center;}
.greeting .greeting_txt p::before {content:'';  position: absolute; top: -40px; left: 50%; z-index: 2; width: 1px; height: 30px;  background-color: #555;  }

.greeting .greeting_txt p span {font-size: 20px; margin-bottom: 10px; display: block;}

@media all and (max-width:1200px){ 
	.greeting .greeting_txt p {width: 100%;}
}

@media all and (max-width:640px){ 
	.greeting .greeting_photo {background-position: -350px 0;}
}

@media all and (max-width:320px){ 
	.greeting .greeting_photo {background-position: -450px 0;}
}
/*¿¬Çõ*/
.history {display:black; margin:0 auto; width:1000px; margin-top:80px; margin-bottom:50px;}
.history  ul {line-height: 22px; border-left:2px solid #026fc4; padding-left:20px;}
.history h2 {padding-bottom:50px;}
/*.history .bar {width:1px; height:30px;background:#555; margin:0 auto; margin-bottom:40px;}*/
.history .dv_subcon{ margin-right:20px;}

@media all and (max-width:1200px){ 
	.history {width:80%; margin:0 auto;  margin-top:30px;}
	.history .dir_history{float:left;}
	.history .com_history{float:left;}

}
@media all and (max-width:640px){ 
	.history {width:100%; display:inline-block;  margin:0 auto; margin-top:30px;}
	.history .dir_history{ margin-top:30px;}



}

@media all and (max-width:320px){ 
	.history {width:100%; display:inline; clear:both; margin-top:30px;} 

	.history .dir_history h2 {margin-top:50px;}
	.history .dir_history{margin-top:50px;}
}

/*ã¾Æ¿À½Ã´Â±æ*/
.root_daum_roughmap {width: 100% !important; height: 400px;}
.root_daum_roughmap_landing {position: relative;}
.location {position: absolute; top:0; right:0; background-color: #026fc4; z-index: 9; height: 400px;}

.location dl {padding: 20px;}
.location dl dt {font-family: 'NanumSquare';font-size: 18px; color: #dbefff; font-weight:bold;}
.location dl dd {color: #fff; margin-bottom: 15px; line-height: 22px;}
.location dl dd a {color: #fff;}

.map_info {overflow:hidden; width: 100%; margin: 0 auto;}
.map_info .map_infoinner {overflow:hidden; width: 100%; }
.map_info .map_infoinner .map_infoin {float: left; border: 1px solid #ccc; width: 45.5%; height: 140px; padding: 30px 20px; margin: 0 auto; margin-top: 30px; }
.map_info .map_infoinner .map_infoin p {font-family: 'NanumSquare'; font-size: 20px; color: #000; margin-bottom: 20px; font-weight:bold;}
.map_info .map_infoinner .map_infoin dl dt {font-weight:bold; color: #026fc4; font-size: 18px; }
.map_info .map_infoinner .map_infoin dl dd {margin-bottom: 20px; margin-top: 5px; font-size: 15px;}

.map_info .map_infoinner .bus {margin-right:2%; background: url('/images/sub/bus.png') 95% 80% no-repeat;}
.map_info .map_infoinner .subway {  background: url('/images/sub/subway.png') 95% 80% no-repeat;}

@media all and (max-width:1000px){ 
	.map_info .map_infoinner .map_infoin {width: 44%; padding: 5% 2%;}
 
	 
}
@media all and (max-width:640px){ 
	
	.root_daum_roughmap {height: 315px !important;}
	.wrap_map {height: 280px !important;}
	.location {width:100%; position: inherit; height: 300px;}
	.location dl {overflow:hidden; }
	.location dl dt{float:left; width: 80px; font-size: 16px;}
	.location dl dd {margin-left: 80px;}
	
	.location .del {display:none;}
	.map_info .map_infoinner .map_infoin {width: 95%; height: auto;}

	.map_info .map_infoinner .bus { background: url('/images/sub/bus.png') 95% 5% no-repeat;}
	.map_info .map_infoinner .map_infoin dl dd {font-size: 14px;}


}


/*»óÇ°Á¤º¸ & ¿¹¾àÇϱâ*/
.product .product_wrap {display:block; overflow:hidden;}
.product .product_wrap a {display: block; float: left; width: 32%; margin-right: 2%; position: relative; }
.product .product_wrap a:nth-child(3n) {margin-right:0;}
.product .product_wrap a dl {margin-bottom: 50px;  border-bottom: 2px solid #000;}
.product .product_wrap a dl dd {font-size: 20px; font-weight:bold; font-family: 'NanumSquare'; text-align: center; margin: 15px 0;}
 
.product .product_wrap a dl dt {width: 100%; height: 100%; overflow:hidden;}
.product .product_wrap a dl dt img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	width: 100%; 
	height: 100%;
} 
 
.product .product_wrap a dl dt img:hover  {  
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	overflow:hidden 

 }
@media all and (max-width:767px){ 
	.product .product_wrap a {width: 49%; }
	.product .product_wrap a:nth-child(3n) {margin-right:2%;}
	.product .product_wrap a:nth-child(2n) {margin-right:0;}
}
@media all and (max-width:420px){ 
	.product .product_wrap a {width: 100%; margin-right:0; }
}

/*»óÇ°Á¤º¸ & ¿¹¾àÇϱâ : ¸®½ºÆ®*/
.product_info {border-bottom: 1px dotted #ccc; padding-bottom: 30px; margin-bottom: 30px;}
.product_info .product_inner {overflow:hidden; width: 100%;}
.product_info .product_inner a {display:block;}
.product_info .product_inner div {display:block;}
.product_info .product_inner > div:first-child {float: left; margin-right: 40px;} 
.product_info .product_inner div p {font-size: 15px; line-height: 22px;}
.product_info .product_inner p.product_tit {font-size: 25px; line-height: 30px; font-weight:bold;  margin: 20px 0; color: #026fc4; margin-bottom: 15px; }
.product_info .product_inner p:nth-child(2) {color: #000;}
.product_info .product_inner p:nth-child(3) {color: #e91e44; font-size: 18px; font-weight:bold; line-height: 36px;}
p.btn_noa {margin-top: 30px; padding: 10px 20px; background-color: #026fc4; color: #fff; display: inline-block; font-size: 14px !important;}

.hvr-rectangle-out::before {background: #418bc4 !important; } 
 
@media all and (max-width:767px){ 
	.product_info .product_inner > div:first-child {float:none; margin-right:0;}
	.product_info .product_inner a {text-align:center;}
}

/*»óÇ°Á¤º¸ & ¿¹¾àÇϱâ : Àбâ*/
 
 
#goods_img {overflow:hidden;  border: 1px solid #ccc; position: absolute; top:100px; z-index: -1; }
#goods_img .goodimg {  display:block;  height: 450px; }
#goods_img .goodimg a {display:block;}
#goods_img .goodimg img {margin-top: -320px; width: 100%;}
#goods_text {width: 90%; padding: 30px; background-color: #fff; box-shadow: 0 3px 10px 0px rgba(0,0,0,.3); margin: 0 auto;  margin-top: 350px; z-index: 9999;}
#goods_text .text {font-size: 25px; color: #000; font-family: 'NanumSquare'; font-weight:bold; margin-bottom: 30px;} 
#goods_text .won {color:#ff3000; font-size: 17px; font-weight:bold; margin-bottom: 10px;}
#goods_text .readcon {font-size: 15px; line-height: 25px;}

@media all and (max-width:1000px){ 
	#goods_img {margin-top: 30px;}
	#goods_img .goodimg img {margin-top: -150px;}
}
@media all and (max-width:640px){ 
	#goods_img {position: inherit;}
	#goods_img .goodimg {height: auto;}
	#goods_img .goodimg img {margin-top: 0px;}
	#goods_text {margin-top: 30px; padding:0; box-shadow:none; }
	#goods_text .text {line-height: 30px; text-align:center;}
	#goods_text .readcon {font-size: 13px; line-height: 22px;}
}


/*ÇÁ·Î±×·¥ ¿¹¾à*/
table.res { border-top: 2px solid #333;}
table.res th, table.res td {font-size: 15px; border-bottom: 1px solid #ccc; line-height: 20px;}
table.res th {border-right:0;width: 15%; height: 40px; background-color: #f3f6f8;}
table.res td {padding: 15px; height: 40px;}
table.res input[type="text"], table.res input[type="password"] {width: 40%; height: 30px; border: 1px solid #b4b4b4; }
table.res td.tel input[type="text"] {width: 12%;}
table.res td select {width: 12%;}javascript:NewWin('show_pic3.asp?number=16',600,800,'PictureFile')
table.res #goin1 th{width:100%;}

@media all and (max-width:640px){ 
	table.res th {width: 30%; font-size: 13px;}
	table.res td {font-size: 13px;}
	table.res input[type="text"], table.res input[type="password"] {width: 100%;}
	table.res td.tel input[type="text"] {width: 90%; margin-bottom: 10px;}
	table.res td.tel input[type="text"]:last-child {margin-bottom:0;}
	table.res td select {width: 90%; margin-bottom: 10px;}
}



/*¿¹¾àÈ®ÀÎ*/
#login-box {overflow:hidden; border-top: 2px solid #000; border-bottom: 1px solid #000; margin-top: 50px; padding: 40px 0; }
#login-box .login-boxwrap {width: 44%; margin: 0 auto;}
#r-num #login-box {background: url('/images/sub/data.png') 50% 30px no-repeat; padding-top: 110px;}
#login-box dl {overflow:hidden; margin-bottom: 15px; }
#login-box dl dt {float: left; font-size: 16px; margin-right: 30px; }
#login-box dl dd {float: left;}
#login-box label {line-height: 30px;}

#login-box input[type="text"] {padding: 7px 0; padding-left: 15px;width: 250px; height: 25px; }
#login-box input[type="submit"] {width: 96.5%; background-color: #358cd0; color: #fff;  padding: 15px 0; margin-top: 10px;} 
 
@media all and (max-width:900px){

#r-num .searchIn:last-child{margin-top:0 !important;}
}
/*·Î±×ÀÎ*/
#login-box.login_box {border-top:0; border-bottom:0; background: url('/images/cmm/login_bg.jpg') 0 0 no-repeat; background-position: 0px; background-color: #fff;}
#login-box.login_box .login_text {text-align:center; color: #fff; margin-bottom: 20px; font-size: 15px;}
 

.login {text-align:left;background:url('/images/cmm/login_icon.png') 50% 30px no-repeat rgba(255, 255, 255, .8);  width: 42%; margin: 0 auto; padding: 50px; padding-top: 100px;} 
.login label {position: absolute; left:-999999px; top:0;}
#login-box.login_box ul.login_top {margin-bottom: 20px;}

#login-box.login_box input[type="text"],
#login-box.login_box input[type="password"] {padding: 7px 15px; width: 100%; height: 50px; box-sizing:border-box; margin-top: 10px;}

 .login-btn {background-color: #358cd0; text-align:center; margin-top: 10px; }
 .login-btn a {background-color: #358cd0; width: 100%; height: 45px; display:block; color: #fff; line-height: 45px; font-size: 15px;}


#login-box.login_box ul.login_bottom {padding-top: 20px; border-top: 1px dotted #333;}
#login-box.login_box ul.login_bottom li {line-height: 35px;}
#login-box.login_box ul.login_bottom li span {display: inline-block;}
#login-box.login_box ul.login_bottom li:first-child span {line-height: 25px;  background-color: #fff;border: 1px solid #555; color: #555; border-radius: 50px; padding: 0 15px; }
#login-box.login_box ul.login_bottom li:last-child span {line-height: 25px; background-color: #fff;border: 1px solid #f13915; color: #f13915; border-radius: 50px; padding: 0 15px; }

#login-box.login_box ul.login_bottom li:first-child span.hvr-shutter-out-horizontal::before {background: #555; border-radius: 50px;}
#login-box.login_box ul.login_bottom li:last-child span.hvr-shutter-out-horizontal::before {background: #f13915; border-radius: 50px;}
#login-box.login_box ul.login_bottom li:hover span {color: #fff;}


@media all and (max-width:1000px){ 
	#login-box.login_box ul.login_bottom li span {display:block; width: 160px; text-align:center; margin-top: -5px;}
}

@media all and (max-width:640px){ 
	#login-box.login_box {background-position: -600px; }
	#login-box.login_box .login_text {width: 80%;margin: 0 auto; margin-bottom: 20px;}
	.login {width: 70%;}
}

@media all and (max-width:420px){
	.login {width: 90%; padding: 20px; padding-top: 100px;}
 
	
}
@media all and (max-width:320px){ 
	 
}

/*¾ÆÀ̵ð/ºñ¹Ð¹øȣã±â*/
.idpwsearch {text-align:center; background-color: #ff0000; background: url('/images/sub/searchbg.jpg') 0 0 no-repeat; padding:40px; margin-bottom:50px;} 

.idpwsearch .searchIn {display:inline-block; text-align: left; width: 48%; margin: 0 auto; margin-right:3%; background-color: #fff; opacity: .9; border:1px solid #ccc;}
/* .idpwsearch .searchIn:first-child {background: url('/images/sub/idsearch.jpg') 0 0 no-repeat;} */
.idpwsearch .searchIn:last-child {margin-right:0; /* background-color: #f7f7f7; *//*  background: url('/images/sub/pwsearch.jpg') 0 0 no-repeat; */}
.idpwsearch .searchIn #login-box {border:0; margin-top:0; padding:5%;}
/* .idpwsearch .con_tit {margin-top: 20px;}

.idpwsearch .idpw {margin-top: 50px;}
.idpwsearch .pw-find {margin-top: 50px;} */
.idpwsearch .tel-box input[type="text"]  {width: 23% !important;}
.idpwsearch .name input[type="text"] {width: 94% !important;}
.idpwsearch .id input[type="text"] {width: 94% !important;}

.idpwsearch label {font-size: 16px; color: #333;}
.idpwsearch select {height: 40px; width: 27%; border: 1px solid #ccc; padding: 7px 15px;}
.idpwsearch ul.infoI li {margin-bottom: 20px; line-height: 35px; border-bottom: 1px dotted #ccc;}
.idpwsearch li {margin-top: 15px;} 

@media all and (max-width:900px){ 
	.idpwsearch {margin-bottom: 0; padding: 20px;}
	.idpwsearch .searchIn {width: 100%;}
	.idpwsearch .searchIn:last-child {margin-top: 110px; background-color: #f7f7f7;}
	.idpwsearch .tel-box input[type="text"] {width: 23% !important;}
	.idpwsearch select {width: 28%;}
}
@media all and (max-width:440px){
	.idpwsearch {background: none;}
	.idpwsearch .searchIn:last-child {margin-top: 50px;}
	.idpwsearch select {width: 93%; margin-bottom: 10px;}
	.idpwsearch label {font-size: 14px;}
	.idpwsearch li {margin-top: 10px;}
	.idpwsearch .tel-box input[type="text"] {width: 84% !important; margin-bottom: 10px;}
	.idpwsearch .btnC_wrap{margin-top: 0;}
}

@media all and (max-width:340px){ 
	.idpwsearch select {width: 90%; }
	.idpwsearch .tel-box input[type="text"] {width: 80% !important; }
	.idpwsearch .name input[type="text"] {width: 90% !important;}
	
}

/*ȸ¿ø¾à°üµ¿ÀÇ*/
iframe {width: 100%; border: 1px solid #ccc;     box-sizing: border-box; height: 200px;}
.agreement.btnC_wrap {margin-bottom: 50px;}

 
.agree_b li{margin-top: 10px;}
/*°¡ÀÔÈ®ÀÎ*/
.sil {padding: 40px; background: url('/images/sub/checkbg.jpg') 0 0 no-repeat;}
.sil label {position: absolute; top:0; left: -99999999999px;}
.sil select {height: 40px;}
.sil .login .name {margin-bottom: 10px;}
.sil .login .name input[type="text"] {padding: 7px 15px; height: 25px; width: 93%;}
.sil .login .jumin input[type="text"] {padding: 7px 15px; height: 25px; width: 31%;}

@media all and (max-width:1000px){ 
	.sil select {width: 96%;}
	.sil .login .jumin input[type="text"] {width: 85%; margin-top: 10px}
}

@media all and (max-width:640px){ 
	.sil {padding: 20px;} 
	.sil .login .name input[type="text"] {width: 83%;}
	.sil .login .jumin input[type="text"] {width: 83%; }
}

/*****************************************************
				ŸÀÌƲ, ·¹À̾ƿô
******************************************************/
.con_tit {text-align:center; font-size: 25px; font-family: 'NanumSquare'; }
.con_titL {text-align:left; font-size: 22px; font-family: 'NanumSquare'; margin-top: 20px; margin-bottom: 10px;}
span.point {color: #ff0000;}
.cont_txt {font-size: 14px; margin-top: 20px}

.bank {padding: 20px; border: 2px solid #868686; margin-top: 10px; }
.bank .bankimg {width:12%; border-right: 1px solid #868686;}
.bank img {display:inline-block;height: 23px;  }
.bank span {font-size: 15px; margin-left: 15px; display:inline-block;}


@media all and (max-width:640px){
	div.dv_subcon h2 {font-size: 25px; margin-bottom: 20px;}
	.btnC_wrap ul li a {font-size: 13px; padding: 10px 0px; } 
	.con_tit, .con_titL  {font-size: 20px;}

}



.bul_point {background: url('/images/cmm/info_icon.png') 0 5px no-repeat; padding-left: 20px; padding-top: 3px; color: #666; font-size: 14px;}


div.dv_subcon h3 {font-size:24px;  margin-bottom:15px;  color: #55357b; font-family:'SeoulNamsanL';}
div.dv_subcon h3 span {font-size:16px; margin-right:5px;}



p.but {text-align:right;}
span.btn {background:#0069b2; padding:7px 15px;}
span.btn a {color:#fff; font-size:15px;}

div.pt {position:relative; background:url("/common/images/sub/img_01_01.jpg") no-repeat right 0; padding-bottom:30px; }
div.pt .int{margin-bottom:20px;}
p.int_txt {text-align:left; margin-top:40px; width:45%; line-height:26px;}

div.map {width:100%;}

div.an {position:relative; background:url("/common/images/sub/an_bg.jpg") no-repeat 50% top; min-height:500px; margin:0; background-size:100%;}
div.an_tbox {margin-top:30px; margin-left:30px; width:393px;  position:absolute; background:url("/common/images/sub/sub_01_01_bg_bg.png") repeat-y;}
ul.an_txt {padding:25px 0 0 25px; color:#fff;}
ul.an_txt li {color:#fff !important}

div.tb {border-bottom:1px solid #dedede; margin-bottom:50px;}

ul.bul_type1 li {background:url("/common/images/sub/bul_type1.png") no-repeat 0 5px; font-size:15px; padding-left:15px; margin-bottom:15px; color:#666; line-height:22px;}
ul.bul_type1 li ul {margin:20px 0 30px 0;}
ul.bul_type1 li ul li {background:url("/common/images/sub/bul_type1-1.jpg") no-repeat 4px 8px; font-size:14px; padding-left:15px; margin-bottom:15px; color:#888; line-height:22px;}

ul.bul_type2 li {background:url("/common/images/sub/bul_type1.png") 0 2px no-repeat; font-size:16px; padding-left:15px; margin-bottom:20px;}
ul.bul_type2 li ul {margin:20px 0 30px 0;}


.sub01_txt1 {float:left; padding:20px; width:410px; height:308px; line-height:26px; background:#f3f3f3; margin-bottom:50px;}
.sub02_txt1 {float:left; padding:20px; width:410px; height:160px; line-height:20px;}
.sub02_txt2 {float:right; padding:20px; width:410px; height:160px; line-height:20px;}
.roundtit {text-align:center; margin-bottom:40px;}
.sub04_txt1 {float:left; padding:15px; width:45%; height:196px; line-height:20px;}
.sub04_txt2 {float:right; padding:15px; width:45%; height:196px; line-height:20px;}





.facilities{position:relative; background:url("/common/images/sub/sub_01_01_bg.jpg") no-repeat; height:348px; margin-bottom:30px;}
.facilities .info{position:absolute; top:60px; right:60px; padding:30px; background:url("/common/images/sub/sub_01_01_bg_bg.png") repeat-x; color:#fff;}
   

.facilities_img { margin-bottom:50px; }
.facilities_img img{width:32%; float:left; margin-right:2%}
.facilities_img img:nth-child(3) {margin-right:0;}


.pro {}
.pro dl {width:24.25%; display:block; border:1px solid #dedede; box-sizing:border-box; float:left; margin-right:1%; height:350px; margin-bottom:40px; position:relative;}
.pro dl dt {padding:220px 20px 10px 20px; font-size:24px; color: #55357b; font-family:'SeoulNamsanL';}
.pro dl dd {padding:0 20px 20px 20px; line-height:20px;}
.pro dl dd.img {position:absolute; top:0; left:0; height:200px; background:#000; display:block; width:100%; padding:0;}
.pro dl dd.img.p01 {background:#000 url("/common/images/sub/sub02_img01.jpg") no-repeat 50% 0; height:200px; margin-bottom:20px;}
.pro dl dd.img.p02 {background:#000 url("/common/images/sub/sub02_img02.jpg") no-repeat 50% 0; height:200px; margin-bottom:20px;}
.pro dl dd.img.p03 {background:#000 url("/common/images/sub/sub02_img03.jpg") no-repeat 50% 0; height:200px; margin-bottom:20px;}
.pro dl dd.img.p04 {background:#000 url("/common/images/sub/sub02_img04.jpg") no-repeat 50% 0; height:200px; margin-bottom:20px;}
.pro dl dd.img.p05 {background:#000 url("/common/images/sub/sub02_img05.jpg") no-repeat 50% 0; height:200px; margin-bottom:20px;}
.pro dl dd.img.p06 {background:#000 url("/common/images/sub/sub02_img06.jpg") no-repeat 50% 0; height:200px; margin-bottom:20px;}
.pro dl dd.img.p07 {background:#000 url("/common/images/sub/sub02_img07.jpg") no-repeat 50% 0; height:200px; margin-bottom:20px;}

.pro dl:nth-child(4) {margin-right:0;}



.program {position:relative; clear: both; display:block; border-bottom:1px dotted #ccc; margin-bottom:25px;}
.program .txt{float:left; width:70%;}
.program .txt .txt_memo{padding:25px;}
.program .bg{float:left; width:30%;} 

.pbg_01{background:url("/common/images/sub/sub02_img01.jpg") no-repeat 0 0; height:200px;}
.pbg_02{background:url("/common/images/sub/sub02_img02.jpg") no-repeat 0 0; height:200px;}
.pbg_03{background:url("/common/images/sub/sub02_img03.jpg") no-repeat 0 0; height:200px;}
.pbg_04{background:url("/common/images/sub/sub02_img04.jpg") no-repeat 0 0; height:200px;}
.pbg_05{background:url("/common/images/sub/sub02_img05.jpg") no-repeat 0 0; height:200px;}
.pbg_06{background:url("/common/images/sub/sub02_img06.jpg") no-repeat 0 0; height:200px;}
.pbg_07{background:url("/common/images/sub/sub02_img07.jpg") no-repeat 0 0; height:200px;}
.pbg_08{background:url("/common/images/sub/sub05_img01.jpg") no-repeat 0 0; height:200px;}
.pbg_09{background:url("/common/images/sub/sub02_img08.jpg") no-repeat 0 0; height:200px;}

li.address {width:54%; height:120px; float:left; background:url(/common/images/sub/ico_adre.png) no-repeat;}
li.contact {width:45%; height:120px; float:right;background:url(/common/images/sub/ico_cont.png) no-repeat;}
span.t1 {margin:10px 0 0 120px; display:block; font-size:16px;}
span.t2 {margin:10px 0 0 120px; display:block; font-size:18px; line-height:150%;}

div.site {width:18%; float:left;}
div.site dl dt.one {font-family:'SeoulNamsan'; font-size:18px; color:#fff; margin-bottom:10px; text-align:center; background:url("/common/images/sub/bg_site1.png"); padding:13px 0;}
div.site dl dt.two {font-family:'SeoulNamsan'; font-size:18px; color:#fff; margin-bottom:10px; text-align:center; background:url("/common/images/sub/bg_site2.png"); padding:13px 0;}
div.site dl dt.thr {font-family:'SeoulNamsan'; font-size:18px; color:#fff; margin-bottom:10px; text-align:center; background:url("/common/images/sub/bg_site3.png"); padding:13px 0;}
div.site dl dt.fou {font-family:'SeoulNamsan'; font-size:18px; color:#fff; margin-bottom:10px; text-align:center; background:url("/common/images/sub/bg_site4.png"); padding:13px 0;}
div.site dl dt.fiv {font-family:'SeoulNamsan'; font-size:18px; color:#fff; margin-bottom:10px; text-align:center; background:url("/common/images/sub/bg_site5.png"); padding:13px 0;}
div.site dl dd {border-bottom:1px dotted #d5d5d5; line-height:46px; text-align:center;}


span.btn1 {background:#0078cc; padding:10px 20px; margin-right:10px;}
span.btn1 a {color:#fff;}
span.btn2 {background:#e40000; padding:10px 20px;}
span.btn2 a {color:#fff;}
input.txt {width:95%; padding:0 5px; height:20px;}
span.empha {font-size:15px; font-weight:600;}

div.loginW {width:500px; overflow:hidden; margin:0 auto;}
div.loginput {position:relative; float:left; width:100%;}
div.loginput p {padding-right:125px;}
div.loginput p input {margin-bottom:10px; height:45px; width:95%; display:inline-block; padding:0 10px; border:1px solid #ddd;}
div.loginput span.login_btn {position:absolute; top:0; right:0; text-align:right;}
div.loginput span.login_btn a {display:inline-block; color:#fff; width:110px; height:100px; padding:0; line-height:100px; font-size:16px; background:#c41000; border:1px solid #c41000; text-align:center;}

div.chim {height:200px; overflow-y:scroll; margin-bottom:20px; padding:20px; background:#f4f4f4; border:1px solid #ddd;}

/********************************************************************************
 * ´Þ
 * ·Â
 ********************************************************************************/
input[type="checkbox"],
input[type="radio"] { width: 12px; height: 12px; }

a { font: inherit; text-decoration: none; color: inherit; }
div.circle-title { cursor: default; background: transparent url('/common/images/sub/circle_bg.png') no-repeat 0 0; width: 137px; height: 137px; color: #ffffff; text-align: center; line-height: 137px; font-size: 24px; font-family: 'arial'; font-weight: normal; text-decoration: underline; letter-spacing: -1px; }


.hide-text { text-indent: 100%; white-space: nowrap; text-overflow: hidden; overflow: hidden; font-size: 0; }

.button-1 {
	-moz-box-shadow:inset 0px 0px 0px 1px #5f5f5f;
	-webkit-box-shadow:inset 0px 0px 0px 1px #5f5f5f;
	box-shadow: inset 0px 0px 0px 1px #5f5f5f;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #373737), color-stop(1, #262626) );
	background: -moz-linear-gradient( center top, #373737 5%, #262626 100% );
	background: linear-gradient(to bottom, #373737, #262626);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#373737', endColorstr='#262626');
	background-color: #373737;
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	border-bottom-left-radius:4px;
	text-indent: 0;
	border: 1px solid #3a3a3a;
	display: inline-block;
	color: #e8e8e8;
	font-size: 23px;
	font-weight: bold;
	padding: 1em 2em;
	text-decoration: none;
	text-align: center;
}
.button-1:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #262626), color-stop(1, #373737) );
	background:-moz-linear-gradient( center top, #262626 5%, #373737 100% );
	background:linear-gradient(to bottom, #262626, #373737);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#262626', endColorstr='#373737');
	background-color:#262626;
}




div.calendar { overflow: hidden; padding-top: 29px; background: #ffffff url('/common/images/sub/calendar_header_shadow.png') repeat-x 0 0; border-style: solid; border-color: #dedede; border-width: 0 1px 0 1px; }
div.calendar div.calendar-navi { text-align: center; }
div.calendar div.calendar-navi div.calendar-navi-center { display: inline-block; }
div.calendar div.calendar-navi div.calendar-navi-center * { vertical-align: middle; }
div.calendar div.calendar-navi div.calendar-navi-center > a.prev-month { display: inline-block; width: 27px; height: 27px; background: #ffffff url('/common/images/sub/calendar_prev.png') no-repeat 0 0; }
div.calendar div.calendar-navi div.calendar-navi-center > span         { display: inline-block; margin: 0 9px; font-size: 26px; font-family: arial; font-weight: bold; color: #313131; }
div.calendar div.calendar-navi div.calendar-navi-center > a.next-month { display: inline-block; width: 27px; height: 27px; background: #ffffff url('/common/images/sub/calendar_next.png') no-repeat 0 0; }

div.calendar ul.calendar-header { display: table; overflow: hidden; width: 100%; border-style: solid; border-color: #566278; border-width: 2px 0 1px 0; margin-top: 22px; }
div.calendar ul.calendar-header > li { display: table-cell; width: 14%; text-align: center; font-size: 12px; font-weight: bold; padding: 14px 0; color: #313131; border-right: 1px solid #dedede; }
div.calendar ul.calendar-header > li:last-child { border-right: 0; }

div.calendar ul.calendar-row { overflow: hidden; width: 100%; display: table; border-bottom: 1px solid #dedede; }
div.calendar ul.calendar-row > li { display: table-cell; width: 14%; min-height: 50px; vertical-align: top; font-size: 12px; color: #555555; border-right: 1px solid #dedede; }
div.calendar ul.calendar-row > li:last-child { border-right: 0; }
div.calendar ul.calendar-row > li.prev-month span { color: #c3c3c3; }
div.calendar ul.calendar-row > li > div:first-child { background-color: #f7f7f7; padding: 5px 6px; overflow: hidden; display: block; font-size: 11px; font-weight: bold; }
div.calendar ul.calendar-row > li > div:first-child > div:last-child  { float: right; }
div.calendar ul.calendar-row > li > div:first-child > div:last-child > span:first-child	 { color: #555555; } /* 비수ê¸?/?±ìˆ˜ê¸? */
div.calendar ul.calendar-row > li > div:first-child > div:first-child { float: left; }
div.calendar ul.calendar-row > li > ul { padding: 15px 3px 7px 11px; line-height: 1.8em; color: #555555; }
div.calendar ul.calendar-row > li span.holiday { color: #f05252; }
div.calendar ul.calendar-row > li span.day { display:none; }

div.calendar ul.calendar-row > li > ul li { font-weight: bold; word-break: break-all; }
div.calendar ul.calendar-row > li > ul li a { color: inherit; }
div.calendar ul.calendar-row > li > ul li a:hover { text-decoration: underline; }

div.calendar ul.calendar-row > li > ul li > ul { }
div.calendar ul.calendar-row > li > ul li > ul li      { color: #ababab; background: #ffffff url('/common/images/sub/admin_dot_4.png') no-repeat 0 10px; }
div.calendar ul.calendar-row > li > ul li > ul li.memo { color: #414040; background: #ffffff url('/common/images/sub/admin_dot_5.png') no-repeat 0 10px; }

div.calendar ul li.sun { color: #d94847; }
div.calendar ul li.sat { color: #248bff; }


div.calendar-wrapper { padding-top: 15px; }
div.calendar-wrapper div { overflow: hidden; }
div.calendar div.calendar-navi div.calendar-navi-left { float: left; overflow: hidden; margin-left: 25px; margin-top: 4px; }
div.calendar div.calendar-navi div.calendar-navi-left span { font-size: 12px; font-weight: bold; padding: 0 0 0 11px; margin-left: 14px; display: inline-block; }
div.calendar div.calendar-navi div.calendar-navi-left span.available { background: #ffffff url('/common/images/sub/admin_dot_3.png') no-repeat left center; color: #80ac39; }
div.calendar div.calendar-navi div.calendar-navi-left span.pending   { background: #ffffff url('/common/images/sub/admin_dot_1.png') no-repeat left center; color: #2c80e5; }
div.calendar div.calendar-navi div.calendar-navi-left span.completed { background: #ffffff url('/common/images/sub/admin_dot_2.png') no-repeat left center; color: #f05252; }
div.calendar div.calendar-navi div.calendar-navi-left span:first-child { margin-left: 0; }

div.calendar div.calendar-navi div.calendar-navi-right   { float: right; margin-right: 25px; margin-top: 4px; }
div.calendar div.calendar-navi div.calendar-navi-right p { background: transparent url('/common/images/sub/icon_clock.png') no-repeat 0 0; width: auto; font-weight: bold; color: #888888; height: 19px; padding-left: 23px; padding-top: 1px; }
div.calendar-wrapper div.calendar-desc > div:last-child span { font-size: 16px; font-weight: bold; }

div.calendar-wrapper div.calendar ul.calendar-row > li > ul li { padding-left: 5px; /*height: 20px;*/ }
div.calendar-wrapper div.calendar ul.calendar-row > li > ul li.pending   { background: #ffffff; color: #2c80e5; }
div.calendar-wrapper div.calendar ul.calendar-row > li > ul li.completed { background: #ffffff; color: #f05252; }


div.step1 > div.side-wrapper > div.summary-wrapper > div.content { padding: 0; background-color: #f7f7f7; overflow: hidden; }
div.step1 > div.side-wrapper > div.summary-wrapper > div.content > div:first-child { float: left; padding: 8px 16px; background-color: #ffffff; border-right: 1px solid #c8c9cb; }
div.step1 > div.side-wrapper > div.summary-wrapper > div.content > div > table th { text-align: left; padding-right: 16px; }
div.step1 > div.side-wrapper > div.summary-wrapper > div.content > div > table td { text-align: right; font-size: 14px; font-weight: bold; }
div.step1 > div.side-wrapper > div.summary-wrapper > div.content > div:last-child  { float: left; }
div.step1 > div.side-wrapper > div.summary-wrapper > div.content > div:last-child > p { position: relative; line-height: 1.3em; margin-left: -1px; margin-top: 22px; padding-left: 35px; font-size: 20px; font-weight: bold; text-align: center; background: transparent url('/common/images/sub/icon_arrow_none_transparent.png') no-repeat left center; }
div.step1 > div.side-wrapper > div.summary-wrapper > div.content > div:last-child > p > em { color: #ff3535; }

div.step1 > div.buttons { display: none; border-top: 2px solid #888888; margin-top: 35px; text-align: center; padding-top: 32px; }
div.step1 > div.buttons > p { font-size: 14px; font-weight: bold; color: #333333; margin-bottom: 19px; }


div.loading { position: absolute; top: 0px; left: 0; z-index: 100; width: 100%; height: 1000px; text-align: center; display:none;
 /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(255, 255, 255);
    /* RGBa with 0.6 opacity */
    background: rgba(255, 255, 255, 0.8);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff)"; 
}

div.loading > div { overflow: hidden; top:100px; width: 110px; margin: 350px auto 0; padding: 20px 20px 20px 20px; background-color: #ffffff; 
	border: 1px solid #C9C9CB;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-left-radius: 3px;
}

/******************************************************************************************



/******************************************************************************************
	Pad Style
*******************************************************************************************/
@media all and (max-width:1023px){

	div.pt {position:relative; background:url("/common/images/sub/img_01_01_01_01.jpg") no-repeat 50% 0; background-size:100%; padding-top:25%; }
	p.int_txt {text-align:left; margin-top:0px; width:100%; line-height:26px; }
	div.map {width:100%; overflow:hidden;}


	.facilities{ background:url("/common/images/sub/sub_01_01_bg.jpg") no-repeat;  background-size:100%;}

	.sub04_txt1 {float:left; padding:15px; width:40%; height:auto; line-height:20px;}
	.sub04_txt2 {float:left; padding:15px; width:40%; height:auto; line-height:20px;}
	.cu_img {width:50%;}
	.cu_img img {width:100%;}

}

@media all and (max-width:840px){
	.pro dl {width:32%; display:block; border:1px solid #dedede; box-sizing:border-box; float:left; margin-right:2%; height:350px; margin-bottom:40px; position:relative;}
	.pro dl:nth-child(4) {margin-right:2%;}
	.pro dl:nth-child(3), .pro dl:nth-child(6) {margin-right:0%;}

	li.address {width:100%;}
	li.contact {width:100%; float:left; margin-top:20px;}

}
@media all and (max-width:800px){
	.facilities{height:250px;}

}

@media all and (max-width:910px){
	.sub04_txt1 {float:left; padding:15px; width:40%; height:auto; line-height:20px;}
	.sub04_txt2 {float:left; padding:15px; width:40%; height:auto; line-height:20px;}
	.cu_img {width:50%;}
	.cu_img img {width:100%;}
}




/******************************************************************************************
	Mobile Style
*******************************************************************************************/
@media all and (max-width:700px){
	.facilities{height:200px;}
	.facilities .info{position:absolute; top:105px; right:0px; left:0px; width:100%;  padding:10px; }	
	.facilities .info ul.bul_type2 li{ font-size:13px; line-height:25px;  margin-bottom: 0px;}

		.pro dl {width:49%; display:block; border:1px solid #dedede; box-sizing:border-box; float:left; margin-right:2%; height:350px; margin-bottom:40px; position:relative;}
	.pro dl:nth-child(2), .pro dl:nth-child(4), .pro dl:nth-child(6) {margin-right:0%;}
	.pro dl:nth-child(3)  {margin-right:2%;}

	.sub04_txt1 {float:none; padding:0 0 10px 0; width:100%; height:auto; line-height:20px;}
	.sub04_txt2 {float:none; padding:10px 0 0 0; width:100%; height:auto; line-height:20px;}
	.cu_img {width:100%;}
	.cu_img img {width:100%;}

	div.an_tbox {width:100%; margin:0;}

	/**´Þ·Â***********************************************************************************/

	div.calendar { overflow: hidden; padding-top: 29px; background: #ffffff url('/common/images/sub/calendar_header_shadow.png') repeat-x 0 0; border-style: solid; border-color: #dedede; border-width: 0 1px 0 1px; }
	div.calendar div.calendar-navi { text-align: center; border-bottom:1px solid #dedede; }
	div.calendar div.calendar-navi div.calendar-navi-center { display: inline-block; margin-bottom:25px; }
	div.calendar div.calendar-navi div.calendar-navi-center * { vertical-align: middle; }
	div.calendar div.calendar-navi div.calendar-navi-center > a.prev-month { display: inline-block; width: 27px; height: 27px; background: #ffffff url('/common/images/sub/calendar_prev.png') no-repeat 0 0; }
	div.calendar div.calendar-navi div.calendar-navi-center > span         { display: inline-block; margin: 0 9px; font-size: 26px; font-family: arial; font-weight: bold; color: #313131; }
	div.calendar div.calendar-navi div.calendar-navi-center > a.next-month { display: inline-block; width: 27px; height: 27px; background: #ffffff url('/common/images/sub/calendar_next.png') no-repeat 0 0; }

	div.calendar ul.calendar-header {display:none;}
	div.calendar ul.calendar-header > li { display: table-cell; width: 14%; text-align: center; font-size: 12px; font-weight: bold; padding: 14px 0; color: #313131; border-right: 1px solid #dedede; }
	div.calendar ul.calendar-header > li:last-child { border-right: 0; }

	div.calendar ul.calendar-row { overflow: hidden; width: 100%; display: table; border:none; }
	div.calendar ul.calendar-row > li { padding-bottom:20px; border-bottom: 1px solid #dedede; display: block; width: 100%; min-height: 50px; vertical-align: top; font-size: 12px; color: #555555;}
	div.calendar ul.calendar-row > li:last-child { border-right: 0; }
	div.calendar ul.calendar-row > li.prev-month {display:none;}
	div.calendar ul.calendar-row > li.prev-month span { font-size:16px; background:none; }
	div.calendar ul.calendar-row > li > div:first-child { color:#248bff; background-color: #f7f7f7; padding: 6px 10px; overflow: hidden; display: block; font-size: 16px; font-weight: bold; }
	div.calendar ul.calendar-row > li > div:first-child > div:last-child  { float: right; }
	div.calendar ul.calendar-row > li > div:first-child > div:last-child > span:first-child	 { color: #555555; } /* 비수ê¸?/?±ìˆ˜ê¸? */
	div.calendar ul.calendar-row > li > div:first-child > div:first-child { float: left; }
	div.calendar ul.calendar-row > li > ul { padding: 15px 3px 7px 11px; line-height: 1.8em; color: #555555;}
	div.calendar ul.calendar-row > li span.holiday { color: #f05252; }
	div.calendar ul.calendar-row > li span.day { display:inline-block; margin-left:10px; }

	div.calendar ul.calendar-row > li > ul li { float:left; margin-right:15px; }
	div.calendar ul.calendar-row > li > ul li a { color: inherit; }
	div.calendar ul.calendar-row > li > ul li a:hover { text-decoration: underline; }

	div.calendar ul.calendar-row > li > ul li > ul { }
	div.calendar ul.calendar-row > li > ul li > ul li      { color: #ababab; background: #ffffff url('/common/images/sub/admin_dot_4.png') no-repeat 0 10px; }
	div.calendar ul.calendar-row > li > ul li > ul li.memo { color: #414040; background: #ffffff url('/common/images/sub/admin_dot_5.png') no-repeat 0 10px; }

	div.calendar ul li.not {display:none;}
	div.calendar ul li.mon {display:none;}
	div.calendar ul li.sun { color: #d94847; display:none; }
	div.calendar ul li.sat { color: #248bff; }


	div.calendar-wrapper { padding-top: 15px; }
	div.calendar-wrapper div { overflow: hidden; }
	div.calendar div.calendar-navi div.calendar-navi-left { float: left; overflow: hidden; margin-left: 25px; margin-top: 4px; }
	div.calendar div.calendar-navi div.calendar-navi-left span { font-size: 12px; font-weight: bold; padding: 0 0 0 11px; margin-left: 14px; display: inline-block; }
	div.calendar div.calendar-navi div.calendar-navi-left span.available { background: #ffffff url('/common/images/sub/admin_dot_3.png') no-repeat left center; color: #80ac39; }
	div.calendar div.calendar-navi div.calendar-navi-left span.pending   { background: #ffffff url('/common/images/sub/admin_dot_1.png') no-repeat left center; color: #2c80e5; }
	div.calendar div.calendar-navi div.calendar-navi-left span.completed { background: #ffffff url('/common/images/sub/admin_dot_2.png') no-repeat left center; color: #f05252; }
	div.calendar div.calendar-navi div.calendar-navi-left span:first-child { margin-left: 0; }

	div.calendar div.calendar-navi div.calendar-navi-right   { float: right; margin-right: 25px; margin-top: 4px; }
	div.calendar div.calendar-navi div.calendar-navi-right p { background: transparent url('/common/images/sub/icon_clock.png') no-repeat 0 0; width: auto; font-weight: bold; color: #888888; height: 19px; padding-left: 23px; padding-top: 1px; }
	div.calendar-wrapper div.calendar-desc > div:last-child span { font-size: 16px; font-weight: bold; }

	div.calendar-wrapper div.calendar ul.calendar-row > li > ul li { padding-left: 5px; height: 20px; }
	div.calendar-wrapper div.calendar ul.calendar-row > li > ul li.pending   { background: #ffffff url('/common/images/sub/admin_dot_1.png') no-repeat left center; color: #2c80e5; }
	div.calendar-wrapper div.calendar ul.calendar-row > li > ul li.completed { background: #ffffff url('/common/images/sub/admin_dot_2.png') no-repeat left center; color: #f05252; }

}

@media all and (max-width:600px){
	.program {position:relative; clear: both;  border-bottom:1px dotted #ccc; margin-bottom:30px;}
	.program .txt{float:none; width:100%; }
	.program .bg{float:none; width:100%;} 
	
	.pbg_01{background:url("/common/images/sub/sub02_img01.jpg") no-repeat 50% 0; height:150px; margin-bottom:10px; width:100%;}
	.pbg_02{background:url("/common/images/sub/sub02_img02.jpg") no-repeat 50% 0; height:150px; margin-bottom:10px;}
	.pbg_03{background:url("/common/images/sub/sub02_img03.jpg") no-repeat 50% 0; height:150px; margin-bottom:10px;}
	.pbg_04{background:url("/common/images/sub/sub02_img04.jpg") no-repeat 50% 0; height:150px; margin-bottom:10px;}
	.pbg_05{background:url("/common/images/sub/sub02_img05.jpg") no-repeat 50% 0; height:150px; margin-bottom:10px;}
	.pbg_06{background:url("/common/images/sub/sub02_img06.jpg") no-repeat 50% 0; height:150px; margin-bottom:10px;}
	.pbg_07{background:url("/common/images/sub/sub02_img07.jpg") no-repeat 50% 0; height:150px; margin-bottom:10px;}

	p.but {text-align:center;}

	div.loginW {width:400px;}
}



@media all and (max-width:450px){
	div.pt .int img{width:100%;}
	.facilities_img img{width:100%; float:none; margin-right:0%; margin-bottom:10px;}
			.pro dl {width:100%; display:block; border:1px solid #dedede; box-sizing:border-box; float:left; margin-right:0%; height:350px; margin-bottom:40px; position:relative;}
	.pro dl:nth-child(2), .pro dl:nth-child(4), .pro dl:nth-child(6) {margin-right:0%;}
	.pro dl:nth-child(3)  {margin-right:0%;}

	div.loginW {width:300px;}
	div.loginput p input {width:90%;}
}


.personal > div {margin-left: 20px; font-size: 15px; line-height: 26px;}
.personal p {font-size: 16px; color: #000; font-weight:bold; margin-top: 10px; }



/*ȸ¿ø°¡ÀÔ¿Ï·á*/
.join_end {text-align:center; border: 1px solid #ccc; padding: 40px; font-size: 16px; line-height: 26px; background-color: #f5f5f5;}
.join_end .join_endWarp {background: url('/images/cmm/join_end.png') 50% 0 no-repeat; padding-top: 120px;}
.join_end .join_endWarp p:first-child {font-size: 18px; }
.join_end .join_endWarp p span.member {font-size: 20px; color: #1739b8; font-weight:bold; line-height: 30px; margin-bottom: 15px; display:inline-block;}


.accessTerm {padding: 30px 20px; line-height: 20px;}
.accessTerm p {font-size: 17px; font-weight:bold; margin-bottom: 7px; color: #555;}
.accessTerm h2 {font-family:'SeoulNamsanM'; font-size: 35px; text-align:center; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dotted #ccc;}