@charset "utf-8";


#content_wrap{position:relative; padding-top:50px; overflow:hidden; min-width:640px}


.mgB0 {margin-bottom: 0 !important;}
.mg50 {margin:50px 0 !important;}

/*new*/
.sub_content {width:640px; background:#fff; margin:0 auto;}

#sub_portal {width:640px; margin: 0 auto; padding:60px 0 0 0;}
#sub_portal p {text-align:center; width:638px; margin:0 auto; border:1px solid #6F6F6F;}
#sub_portal p .select_wrap {width:100%;display:block;height:70px; border:0px solid #000;  background:#eeeeee;}
#sub_portal p .select_wrap select {font-size:30px;  background:#eeeeee; color:#4e4f5d; width:100%; height:70px; padding:0 0 0 25px; border:0; background:transparent url('/new2023/mobile/images/arrow_down.gif')  no-repeat right top; background-size:70px 70px;-webkit-background-size:70px 70px;-webkit-appearance:none; border-radius:0; webkit-border-radius:0;  }



/*visual*/

#sub_visual {width:640px;  margin:0 auto;  border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#edeae6; color: #fff;} 
#sub_visual .v_txt1 {text-align: center; font-size: 28px; font-weight: 600; padding-top: 45px; line-height: 120%; padding-bottom: 20px; color: #fff;}
#sub_visual .v_txt2 {text-align: center; font-size: 35px; font-weight: 600; line-height: 120%; padding-bottom: 10px; color:#b78a69; color: #fff;}
#sub_visual .v_txt3 {text-align: center; font-size: 24px; font-weight: 400; line-height:35px; padding-bottom: 10px; color:#222; color: #fff;}
#sub_visual .v_txt4 {text-align: center; font-size: 22px; font-weight: 300; padding-bottom: 10px; color:#222; color: #fff;}
#sub_visual p:last-child {padding-bottom: 50px;}
#sub_visual h2, #sub_visual h1{font-size:60px; color:#222; font-weight:600; line-height:100%; text-align:center; letter-spacing:-0.5px; padding-bottom: 50px;color: #fff;}
#sub_visual .line {width: 35px; height: 5px; background-color: #222; margin: 0 auto; margin-bottom: 30px;	}



/*contents*/
#p60{padding-bottom:60px;}
#contents .cntbox {width:640px; margin:0 auto; margin-bottom: 70px;}
#contents .cntbox h3 {width: 600px; font-weight: 700;  letter-spacing: -0.125rem;  font-size: 40px;  line-height: 55px; margin: 0 auto; border-bottom: 3px solid #222;  margin-bottom: 30px;}

#contents .cntbox h3 > span{font-weight: 700; letter-spacing: -0.125rem; font-size: 40px; line-height: 50px; color: #2192c4; position: relative; top: -5px;}

/* 오시는길 */
.wrap_controllers.hide{display: none;}




/*board tabs*/
.tabs {width:100%; height:39px; border-bottom:1px solid #d9d9d9; margin-bottom:15px;}
.tabs li {float:left; width:110px;}
.tabs li a {display:block; height:39px; line-height:39px; letter-spacing:-0.5px; text-align:center; border:solid 1px #d9d9d9; border-left-width:0; border-bottom:0;}
.tabs li.first a {border-left-width:1px;}
.tabs li a.on {background:#85aecc; border-color:#85aecc; color:#fff; font-weight:bold;}

/***************************** ////// 서브3daps ////// *******************************/
.tab_3dep{width:640px; margin:30px auto; text-align:center; overflow:hidden; border-bottom: 1px solid #999; border-top: 2px solid #333;}
.tab_3dep li{width:33.3%; background-color:#f7f7f7; float:left; height:50px; line-height:50px;}
.tab_3dep li a{display:block; color:#444; font-size:22px;  font-weight: 400; border:1px solid #d1cac4; padding:0 22px}
.tab_3dep li a:hover{color:#f5a199;}
.tab_3dep li a.on{background-color:#f5a199; color:#fff; }







/*footer*/
#footer_wrap {position:relative; z-index:11; clear:both; width:100%; height:280px; background:#5e5e5e; }
#footer_wrap #footer {margin:auto; width:94%; padding-top:30px; text-align:center;}
#footer address {font-weight: 300; font-style:normal; color:#fff; font-size: 23px; line-height: 30px;}
#footer .copyright {color:#fff; font-weight: 300;text-transform:uppercase; font-size:20px; display:block; margin-top:24px;}
#footer img{margin:20px 0 35px 0;}
.ft{text-align:center; width:100%; height:50px; background:#404040; line-height: 50px;}
.ft a{color:#fff;}
.ft_box{margin:auto; width:180px; height:40px; background:#000; text-align:center; color:#fff; font-size:20px; line-height: 40px; margin-top:30px;}

/* 퀵메뉴 */
.btm_btns {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 11;
    width: 100%;
    height: 140px;
	background-color:rgba(0,0,0,0.5)
    }

.btm_btns li.quick01 { background-image: url(/mobile/images/btn_tel.png);}
.btm_btns li.quick02 { background-image: url(/mobile/images/btn_kakao.png);}
.btm_btns li.quick03 { background-image: url(/mobile/images/btn_counsel.png);}


.btm_btns li { float: left; width:33%; height: 125px; background-position: center center; background-repeat: no-repeat; padding:0 1px}
.btm_btns li a {display: block; height: 100%; font-size:0px; }
.btm_btns li:first-child a {border: none;}

/*둘러보기*/
#gallery {margin-top:45px;}

#thumb {position:relative; padding: 40px 60px;}
.gallery-thumbs {margin-top:20px;}
.gallery-thumbs img {width:100%;}
#thumb .swiper-slide {position:relative;}
#thumb .swiper-slide:after {position:absolute; top:0; left:0; right:0; bottom:0; border:10px solid #4086c2; opacity:0; transition:opacity 0.4s; content:'';}
#thumb .swiper-slide-thumb-active:after {opacity:1;}
#thumb .swiper-button-prev,
#thumb .swiper-button-next {width:30px; height:50px; background:no-repeat center;}
#thumb .swiper-button-prev {background-image:url('/new2021/images/gallery_btn_prev.png');}
#thumb .swiper-button-next {background-image:url('/new2021/images/gallery_btn_next.png');}



/* HAE_SEO_20261102: 상단 제목이 h1 (모양은 h2 와 같음) */
#sub_visual h1{margin:0;}