@charset "utf-8";

/***************************** ////// 서브공통 ////// *******************************/
#content_wrap {position:relative; width:100%;}
.cntbox {width:100%; position: relative; margin:0 auto; overflow:hidden;}
.cntbox ul{width:1300px; text-align:center}
.wd2000 {position:relative; text-align:center; left: 50%; margin-left: -1000px; width: 2000px;}
.wd1300 {width:1300px; position:relative; margin:0 auto}

/***************************** ////// 서브비주얼 ////// *******************************/
#sub_visual {position:relative; width:100%; height:411px; font-size:0; line-height:0; margin:0 auto; overflow:hidden;}
#sub_visual .visual_text {position:absolute; width:800px; top:14%; left:50%; margin-left:-400px; padding-bottom:50px; border-radius:50px; background-color: rgba(0, 0, 0, 0.4); text-align:center;}
#sub_visual .visual_text .sub_title{font-size:23px; font-weight:500; color:#fff; transform: rotate(-0.03deg);}
#sub_visual .visual_text h2{font-size:75px; color:#fff; line-height:80px; font-weight:700; margin: 35px auto 25px; transform: rotate(-0.03deg);}
#sub_visual .visual_text span{display:block; font-size:22px; color:#fff1bb; font-weight:300; line-height: 30px;  padding-top:10px; transform: rotate(-0.03deg);}
#sub_visual img {width:2000px; position:absolute; left:50%; margin-left:-1000px;}

#board_visual {width:100%; height:150px; margin:0 auto; text-align:left; background-color:#f7f7f7; overflow:hidden; margin-bottom:40px;}
#board_visual h2{font-weight:700; font-size:38px; text-align:center; color:#333; line-height:100%;}



/***************************** ////// 2탭스 ////// *******************************/
.tab_area {position:relative; width:1300px; margin: 80px auto 56px;}
.sub_tabs {width:1300px; overflow:hidden; background:#fff; margin-top:10px}
.sub_tabs ul:after {clear:both; display:block; content:"";}
.sub_tabs ul li {float:left; height:60px; 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-family: 'Noto Sans KR'; font-size:18px; line-height:60px; color:#666; background:#999; color:#fff; border-left:solid 1px #d9d9d9; cursor:pointer;}
.sub_tabs ul li a:hover, .sub_tabs ul li a:focus, .sub_tabs ul li a.on {height:60px; background:#fb9036; transition: all 1s;}

/*서브탭 컬러 -참고 : 메뉴 순서가 아니라 탭 개수 번호임.*/
#mn2 li{width:49.95%;}
#mn3 li{width:32.3%;}
#mn4 li{width:24.8%;}
#mn5 li{width:19.98%;}
#mn6 li{width:16.65%;}
#mn7 li{width:14.2%;}
#mn8 li{width:12.49%;}
#mn9 li{width:11%;}
#mn10 li{width:19.98%;}
#mn11 li{width:9.08%;}
#mn6_1 li{width:16.65%;}



/***************************** ////// 3탭스 ////// *******************************/
.tab_3dep{width:1300px; margin:50px auto; text-align:center; overflow:hidden; border-bottom: 1px solid #999; border-top: 2px solid #333;}
.tab_3dep li{width:50%; float:left;}
.tab_3dep li a{display:block; color:#444; font-size:17px; line-height:50px; font-weight: 400;}
.tab_3dep li a:hover{height:50px; color:#7577d3; text-decoration:underline}
.tab_3dep li a.on{color:#7577d3;}


/***************************** ////// 일반페이지 ////// *******************************/

.cntbox {position:relative; overflow:hidden; }
.cntbox h5 {font-family: 'Roboto'; font-size: 20px; text-align: center; padding:10px 0 20px; font-weight: 200; color: #bbbbb; letter-spacing: -0.025rem;}
.cntbox h5 strong {display: block; font-family: 'Roboto';font-size: 55px; text-align: center; padding: 10px 0 5px; font-weight: 700; color: #333;}
.cntbox .brand_title {font-family: "Noto Sans KR"; font-size: 32px; font-weight: 500; text-align: center; color: #333; letter-spacing: -0.12rem; line-height: 40px; margin-bottom: 35px;}
.cntbox .brand_title strong {font-family: "Noto Sans KR"; font-size: 32px; font-weight: 500; color: #6c7db5;}
.cntbox li{line-height:0}


/* 지도 */
.wrap_controllers.hide {display: none;}


/*둘러보기*/

.interior{position:relative; width:1300px; height:820px; background:#424242; margin:0 auto; }
div.interior div.viewBox {position:relative; width:100%;top:80px;display:inline-block;}

div.interior div.viewBox div.bigImageBox {position:relative;width:1150px;height:530px;float:left;margin-left:75px;margin-right:10px;overflow:hidden;}
div.interior div.viewBox div.bigImageBox ul.imageUl {position:relative;top:0px;left:0px;}
div.interior div.viewBox div.bigImageBox ul.imageUl li {position:absolute;left:0px;top:0px;}
div.interior div.viewBox div.bigImageBox ul.imageUl li.noneClass {position:absolute;left:100%;top:0px;}

div.interior div.viewBox div.bigImageBox ul.buttonUl {position:relative;top:250px;width:100%;}
.s_prev {position:absolute;top:330px; left:18px; z-index:999; }
.s_next {position:absolute;top:330px; left:1247px; z-index:999;}



div.interior .tap { position:relative; text-align:left;  float:left; padding-top:110px; padding-left:70px; z-index:98;}
div.interior .tap ul li { float:left; width:140px; font-size:13px; padding:16px 0px 16px 0px; text-align:center; margin-right:1px; background:#fff; margin-bottom:1px;}
div.interior .tap ul li span {font-size:18px; color:#5cafde; }

div.interior div.listBox {position:relative; width:100%;display:inline-block;top:100px; z-index:99;}
div.interior div.listBox ul {position:relative;width:1150px;margin:auto;}
div.interior div.listBox ul.disable {display:none;}
div.interior div.listBox li {width:160px;height:84px;float:left;margin-right:2px;margin-top:50px;border:1px solid #666;cursor:pointer;}

.smImage_txt{width:160px; height:30px; background:#fff; margin-top: -6px; text-align: center;}
.smImage_txt span{font-size:16px; line-height:33px; color:#222;}