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

/*회원페이지 관련*/

.input_text {width:205px; height:23px; border:1px solid #ddd;}
.input_email {width:120px; height:23px; border:1px solid #ddd;}
.input_tel {width:80px;}
.select1 {height:25px;}

/*login */
.login_box { width:450px; padding:35px 35px 20px 35px; border:solid 4px #f1f1f1; margin:0 auto; margin-top:50px;}
.login_box .tit{margin-bottom:15px;}
.login_box .login_table {padding:20px 10px 20px 35px; margin:0 auto; background:#f5f5f5; margin-bottom:15px;}
.login_box .find_area{width:320px; margin:0 auto; text-align:center;}
.login_box .find_area ul {width:230px; margin:auto; margin-top:10px;}
.login_box .find_area ul:after {clear:both; display:block; content:"";}
.login_box .find_area li{float:left; height:14px; border-left:1px solid #d9d9d9; padding:0 20px;}
.login_box .find_area li:first-child {border-left:none;}
.login_box .find_area li a {display:block; font-size:12px; line-height:14px; color:#666;}


/*회원가입*/
.join_form table {width:100%;}
.join_form .tit {height:35px; line-height:35px; padding-left:10px; font-size:15px; color:#333; background:#f6f6f6; }
.join_form .form_area {padding-bottom:5px;}
.join_form .form_area span {display:block; border:solid 1px #d9d9d9; overflow:hidden;}
.join_form .agree_ck {padding-bottom:10px;}
.join_form .tx {width:99%; height:150px; font-size:12px; border:none !important;}
.point05 {margin-left:5px;}

/*id, pw찾기*/
.find_box {width:450px; padding:35px 35px 10px 35px; border:4px solid #f1f1f1; text-align:left; margin:0 auto; margin-top:50px;}
.find_box .tit{margin-bottom:15px;}
.find_box .find_table {padding:20px; background:#f5f5f5; margin-bottom:15px;}
.find_box .input_text{width:255px;}
.find_box .btm_txt {text-align:center; margin-bottom:10px; font-size:14px}
.find_box .btm_txt a {color:#666;}
.find_box .btm_txt .line {padding:0 10px; color:#ccc;}

/*contents*/
#content_wrap {top:0; position:relative; width:100%;}
#content_wrap #contents .real_page img{ position:relative; left:50%; margin-left:-1000px;}

.cntbox {width:100%; position: relative; margin:0 auto; overflow:hidden;}
.cntbox ul{width:1300px; text-align:center}
.pt100 {padding-top:100px;}
.pd100 {padding-bottom:100px;}
#pd60 {padding-top:60px;}
.sub_txt{position:absolute; top:80px; left:50%; margin-left:-230px}

/*서브비주얼*/
#sub_visual {width:100%; height:592px; overflow:hidden;}
#sub_visual .visual {position:absolute; left:50%; top:0; transform: translateX(-50%); width:3000px;}
#sub_visual .visual_text {position:relative; width: 1300px;  margin: 0 auto; text-align: center; top: 200px; z-index:1;clear: both;}
#sub_visual .visual_text h2 {font-size: 70px; font-family:'GmarketSansbold'; font-weight: 600; color: #fff; line-height:120px;}
#sub_visual .visual_text span{font-family:'NotoSansCJKKRDemiLight'; font-size: 30px; color: #fff; line-height:40px;}
#sub_visual img {width:3000px; position:absolute; left:50%; transform: translateX(-50%); }
#sub_visual .visual_text #line{position:relative; margin:0 auto;  margin-top:20px; margin-bottom:30px; width:88px; height:3px; background:#fff; text-align:center; }


/*tab common style*/
.tab_area {position:relative; width:1300px; margin: 0px auto; padding-top:90px;}
.sub_tabs {width:1300px; overflow:hidden; background:#fff}
.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:last-child{border-right:solid 1px #d9d9d9;}*/
.sub_tabs ul li a {display:block; text-align:center; font-family: 'GmarketSansMedium'; font-size:18px; line-height:60px; color:#666; background:#fff; color:#222; 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:#80afe3; transition: all 1s; color:#fff;}

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

#mn2 li{width:49.95%;}
#mn3 li{width:33.3%;}
#mn4 li{width:24.95%;}
#mn5 li{width:19.98%;}
#mn6 li{width:16.3%;}
#mn7 li{width:14.2%;}
#mn8 li{width:12.49%;}
#mn9 li{width:11%;}
#mn10 li{width:19.98%;}
#mn11 li{width:9.08%;}


/* 탭 */
.tab_3dep{width:1400px;  padding:5px 0; margin:30px auto 0; text-align:center; overflow:hidden; border-bottom: 1px solid #c6c6c6; border-top: 2px solid #333;}
.tab_3dep li{width:33.3%; float:left;}
.tab_3dep li a{display:block; color:#444; font-size:17px; line-height:40px; font-weight:400;}
.tab_3dep li a:hover{height:50px; color:#80afe3; text-decoration:underline}
.tab_3dep li a.on{color:#80afe3;}


/*일반페이지*/
.pt100 {padding-top:100px;}
.pb100{padding-bottom:100px;}
.wd1300 {width:1400px; margin:0 auto;text-align:center; }
.wd2000 {position:relative; text-align:center; left: 50%; margin-left: -1000px; width: 2000px;}
.wd3000 {position:relative; text-align:center; left: 50%; margin-left: -1500px; width: 3000px;}

.cntbox {position:relative; overflow:hidden; }
.cntbox li{line-height:0}
.cntbox .end{padding-bottom:0}

#content_wrap #location {clear:both;}
#content_wrap #location .locbox {width:1300px; margin:0 auto; text-align:center; margin-top:50px;}
#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:15px; line-height:39px;}
#content_wrap #location .locbox .loc2 {height:39px; font-size:15px; line-height:39px; color:#989279;}

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



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