@charset "utf-8";

/*contents*/
#content_wrap {position:relative; width:100%;}
.cntbox .cnt_ul{width:1400px; text-align:center}
.cnt_ul li{line-height:0}


.mb100{margin-bottom:100px;}


/***************************** ////// 서브비주얼 ////// *******************************/
#sub_visual {position:relative; width:100%; overflow:hidden; font-size:0; line-height:0; margin:0 auto; height:663px;}
#sub_visual .visual_text {position:absolute; top:32%; right:50%; margin:0 auto; text-align:center; color:#222; width:610px; z-index:1; clear:both;}
#sub_visual .visual_text p.sub_title{background: #1b2b3f; width: 578px; height: 50px; color: #fff; font-size: 32px; text-align: center; line-height: 50px; margin:0 auto;}
#sub_visual .visual_text h2{font-size:70px; display:inline; text-align:left; color:#222; line-height:100px; font-weight:700; margin: 25px auto 25px; }
#sub_visual img {width:3000px; position:absolute; left:50%; transform: translateX(-50%);}


/***************************** ////// 서브탭비주얼 ////// *******************************/
.tab_area {position:relative; width:1400px; margin: -10px auto 56px; opacity:0.8; transition:all 0.3s;}
.sub_tabs {width:100%; overflow:hidden; background:#fff; margin-top:80px}
.sub_tabs ul:after {clear:both; display:block; content:"";}
.sub_tabs ul li {float:left; height:65px; border-top:solid 1px #d9d9d9; border-bottom:solid 1px #d9d9d9;}
.sub_tabs ul li:last-child {border-right: 1px solid #d9d9d9;}
.sub_tabs ul li a {display:block; text-align:center;font-size: 23px; height:65px; font-weight:500; line-height:65px; color:#666; background:#999; color:#fff; border-left:1px solid #fffcf4; cursor:pointer;}
.sub_tabs ul li a:hover, .sub_tabs ul li a:focus {height:65px; background:#f08200; transition: all 1s;} 
.sub_tabs ul li a.on {height:65px;  background:#f08200; transition: all 1s;}


/***************************** ////// 서브3daps ////// *******************************/
.tab_3dep{width:1100px; margin:30px auto; text-align:center; overflow:hidden; border-bottom: 1px solid #999; border-top: 2px solid #333;}
.tab_3dep li{float:left; height:50px; line-height:50px}
.tab_3dep li a{display:block; color:#444; font-size:17px;  font-weight: 400;}
.tab_3dep li a:hover{color:#ff9a23; text-decoration:underline}
.tab_3dep li a.on{background-color:#fff; color:#ff9a23; line-height:25px;}


/***************************** ////// 서브탭 넓이 ////// *******************************/

/*서브탭 컬러 -참고 : 메뉴 순서가 아니라 탭 개수 번호임.*/

#mn2 li{width:49.9%;}
#mn3 li{width:33.3%;}
#mn4 li{width:24.9%;}
#mn5 li{width:19.9%;}
#mn6 li{width:16.6%;}
#mn7 li{width:14.2%;}
#mn8 li{width:12.49%;}
#mn9 li{width:11%;}
#mn10 li{width:19.9%;}
#mn11 li{width:9.0%;}


/***************************** ////// 게시판 비주얼 ////// *******************************/
#board_visual {width:100%; height:200px; margin:0 auto; text-align:center; background-color:#fffcf4; overflow:hidden;}
#board_visual h2{font-weight:700; font-size:43px; color:#333; padding-top:110px;}


/***************************** ////// 서브 컨텐츠 넓이 ////// *******************************/
.wd1400 {width:1400px; margin:0 auto;text-align:center; padding-bottom: 75px;}
.wd1400 h3 {font-family: 'S-CoreDream-5Medium'; width:1400px; text-align:center; font-size:55px; color:#242424; letter-spacing:-1.0px;  line-height: 150%; padding-bottom:48px;}

.wd1400_gall {width:1400px; margin:0 auto;text-align:center; padding-bottom: 75px;}
.wd1400_gall h3 {font-family: 'S-CoreDream-5Medium'; width:1400px; text-align:center; font-size:55px; color:#242424; letter-spacing:-1.0px;  line-height: 150%; padding-bottom:48px;}

.wd2000 {width:3000px; left:50%; transform: translateX(-50%); position:relative; text-align:center; }
.wd2000 img{}


/***************************** ////// 서브 네이게이션 ////// *******************************/
#content_wrap #location {clear:both; height:30px;}
#content_wrap #location .locbox {width:1400px; margin:0 auto; text-align:center;}
#content_wrap #location .locbox span {display:inline-block; vertical-align:middle;}
#content_wrap #location .locbox .home {width:18px; height:0; padding-top:15px; overflow:hidden; background:url(../images/icon_home.png) no-repeat left top; }
#content_wrap #location .locbox .arrow {width:5px; height:0; padding-top:15px; overflow:hidden; margin:0 5px; background:url(../images/icon_arrow.png) no-repeat left 4px;}
#content_wrap #location .locbox .loc1 {color:#999; height:39px; font-size:17px; line-height:39px;}
#content_wrap #location .locbox .loc2 {height:39px; font-size:17px; line-height:39px; color:#1b2b3f;}

#contents {position:relative; width:100%;}


/***************************** ////// 하단 퀵 상담 ////// *******************************/
#bottom_coun {width: 100%; height:100px; background-color: rgba(245,199,187,0.8); position: fixed; bottom: 0; z-index: 99999}
.bot_counsel{width:1050px; margin: 0 auto}
#bottom_coun .counselArea {display: block;}
#bottom_coun .counselArea table {width:100%;}
#bottom_coun .counselArea input[type="text"].tel, #bottom_coun .counselArea input[type="text"].name {width:150px;height:42px;padding-left:10px; margin-right: 10px;}


/***************************** ////// 둘러보기 ////// *******************************/

/*둘러보기*/
#gallery {margin-top:45px;}
#thumb {position:relative; padding: 30px 20px;}
.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 #ffd8ab; 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:40px; background:no-repeat center;}
#thumb .swiper-button-prev {background-image:url('/medi/mn07/img/gallery_btn_prev.png');}
#thumb .swiper-button-next {background-image:url('/medi/mn07/img/gallery_btn_next.png');}


@media (min-width: 1281px) and (max-width: 1600px) {
#wrap{min-width:1100px;}

}


@media (min-width: 1025px) and (max-width: 1280px) {
#wrap{min-width:1000px;}
.tab_area {width:100%;}

.wd2000{width:2000px; left:50%; margin-left:-1000px; max-width:2000px;}
.wd2000 img{width:1500px}
.wd1400 {width:90%; padding:0 40px}
.wd1400_gall {width:100%; padding:0}
.tab_3dep{width:100%}