@charset "utf-8";
/* CSS Document */

.sub_container {width:100%; max-width:640px; margin:0 auto;  position:relative; background:#fff; overflow:hidden; padding-top:90px;}

.sub_con { width:93.75%; position:relative; margin:0 auto ; overflow:hidden; padding-bottom:4.8%; }
.sub_con > .sub_top { background:url('/img/sub_title_line_bg.gif') left bottom repeat-x; margin-bottom:3.8%; padding:3.81% 0; }
.sub_con > .sub_top > .sub_title { text-align:center; color:#0a0a0a; font-size:30px; font-weight:bold;  padding:0 0 2.51% 0; }
.sub_con > .sub_top > .p_location { color:#525252; font-size:14px; text-align:center;}

.ul_con {}
.ul_con li img { width:100%; }

.ul_tab { margin-bottom:30px; position:relative; overflow:hidden;}
.ul_tab > li { float:left; width:24.66%; height:35px; text-align:center; border:2px solid #519cd5; background:#fff; margin-left:1.16%;}
.ul_tab > li > a { height:35px; line-height:35px; font-size:14px; color:#2b2b2b; font-weight:bold; width:100%; display:block; }
.ul_tab > li.on { background:#519cd5; border:2px solid #519cd5;}
.ul_tab > li.on > a { color:#fff;}

/*공통*/
.mar10b { margin-bottom:10px;}
.mar20b { margin-bottom:20px;}
.mar30b { margin-bottom:30px;}
.mar40b { margin-bottom:40px; }
.mar50b { margin-bottom:50px; }

.interior_img {width:100%; max-width:600px; min-width:320px; position:relative; overflow:hidden; margin:0 auto; overflow:hidden;}
.interior_img .imgs {width:100%; height:320px; position:relative;/*  margin-bottom:15px; */}
.interior_img .imgs li {width:100%; height:100%; position:absolute; top:0; left:100%;}
.interior_img .imgs li img {width:100%; height:320px;}
.interior_img .imgs li.li_01 {left:0;}
.interior_img .imgs .img_txt { text-align:center; color:#fff; position:absolute; bottom:0; width:100%; background:#000; opacity:0.7; font-size:14px; z-index:999; padding:9px 0;}

.interior_img .bns {width:100%; position:absolute; top:50%; left:0; margin-top:-25px;}
.interior_img .bns > div {}
.interior_img .bns .bn a {width:100%; height:100%; display:block;}
.interior_img .bns .bn_left {width:36px; float:left; left:0; position:absolute;}
.interior_img .bns .bn_right {width:36px; float:right; right:0;;position:absolute;}

.interior_img .iv_indis {width:100%; position:relative; text-align:center;  }
.interior_img .iv_indis ul {display:inline-block; overflow:hidden; margin:0 auto; }
.interior_img .iv_indis ul li { float:left; margin-left:10px; position:relative;}
.interior_img .iv_indis ul li.first {margin-left:0; }
.interior_img .iv_indis ul li a {width:100%; height:100%; display:block;}

.interior_img_s {width:100%; max-width:600px; min-width:320px; position:relative; overflow:hidden; margin:0 auto; overflow:hidden;}
.interior_img_s .imgs {width:100%; height:320px; position:relative;/*  margin-bottom:15px; */}
.interior_img_s .imgs li {width:100%; height:100%; position:absolute; top:0; left:100%;}
.interior_img_s .imgs li img {width:100%; height:320px;}
.interior_img_s .imgs li.li_01 {left:0;}
.interior_img_s .imgs .img_txt { text-align:center; color:#fff; position:absolute; bottom:0; width:100%; background:#000; opacity:0.7; font-size:14px; z-index:999; padding:9px 0;}

.interior_img_s .bns {width:100%; position:absolute; top:50%; left:0; margin-top:-25px;}
.interior_img_s .bns > div {}
.interior_img_s .bns .bn a {width:100%; height:100%; display:block;}
.interior_img_s .bns .bn_left {width:36px; float:left; left:0; position:absolute;}
.interior_img_s .bns .bn_right {width:36px; float:right; right:0;;position:absolute;}

.interior_img_s .iv_indis {width:100%; position:relative; text-align:center;  }
.interior_img_s .iv_indis ul {display:inline-block; overflow:hidden; margin:0 auto; }
.interior_img_s .iv_indis ul li { float:left; margin-left:10px; position:relative;}
.interior_img_s .iv_indis ul li.first {margin-left:0; }
.interior_img_s .iv_indis ul li a {width:100%; height:100%; display:block;}

.p_map01 { color:#303131; font-size:14px; line-height:18px;}
.p_map02 {  color:#303131; font-size:18px; padding-top:15px;}
.p_map02 > span { color:#519cd5; font-size:20px; font-weight:bolder}

.div_info { width:100%; position:relative; margin:0 auto 20px; overflow:hidden;}
.div_info > .info_img { width:100%; margin-bottom:15px; }
.div_info > .info_img img { width:100%;}
.div_info > .ul_info {}
.div_info > .ul_info > li { width:32.33%; position:relative; float:left; margin-right:1.5%; margin-bottom:1.5%;}
.div_info > .ul_info > li img { width:100%;}
.div_info > .ul_info > li.last { margin-right:0;}

 @media all and (max-width:640px){
	.interior_img .imgs,
	.interior_img_s .imgs {height:53.125vw;}
	.interior_img .imgs li img {height:53.125vw;}
	.interior_img_s .imgs li img {height:53.125vw;}

	.interior_img .bns,
	.interior_img_s .bns{ margin-top:-3.90625vw;}

	.interior_img .bns .bn_left,
	.interior_img_s .bns .bn_left,{width:5.625vw;}

	.interior_img .bns .bn_right,
	.interior_img_s .bns .bn_right,{width:5.625vw;}

	.interior_img .bns .bn_left img,
	.interior_img_s .bns .bn_left img{width:100%;}


	.interior_img .bns .bn_right img,
	.interior_img_s .bns .bn_right img{width:100%;}
	
}

@media screen and (max-width:450px) {
	/* .interior_img .img_txt.inner_txt { bottom:43px;} */
}

@media screen and (max-width:400px) {
	.sub_con > .sub_title { font-size:24px}
	
}


.floor_tab {width:100%; margin-bottom:10px;}
.floor_tab > ul {width:100%; margin:0; overflow:hidden;}
.floor_tab > ul li {float:left; width:50%; background:#f1f1f1; font-size:14px; color:#444; font-weight:bold; text-align:center; padding:10px 0;}
.floor_tab > ul li.inner_on {background:#5e5f66;}
.floor_tab > ul li.inner_on > a {color:#fff !important;}

@media all and (max-width:640px) {
	.floor_tab {margin-bottom:1.5625vw;}
	.floor_tab > ul li {font-size:2.1875vw; padding:1.5625vw 0;}
}