@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:40px; 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:15px; border:none !important;}
.point05 {margin-left:5px;}

/*id, pw찾기*/
.find_box {width:360px; padding:35px 25px 10px 25px; border:4px solid #f1f1f1; text-align:center; margin:0 10px 50px 10px;}
.find_box .tit{margin-bottom:15px;}
.find_box .find_table {padding:20px 10px 20px 20px; background:#f5f5f5; margin-bottom:15px;}
.find_box .find_id_table {padding:30px 10px 30px 20px; background:#f5f5f5; margin-bottom:15px;}
.find_box .input_text{width:170px;}

@charset "utf-8";

/*contents*/
#content_wrap {position:relative; width:100%;}


.cntbox {width:100%; margin:0 auto; overflow:hidden; padding-bottom:50px}

.cntbox h3 {width:280px; padding-top:20px; float:left; font-size:28px; line-height: 30px; font-weight:bold; color:#222; background:url(../images/tit_bg.gif) no-repeat; letter-spacing:-1.0px;}
.cntbox h3 span{position:relative; font-weight: 300; top:-4px; font-size:28px; color:#222; vertical-align:middle; letter-spacing:-1.0px; line-height: 120%;}

.cntbox.h378 {height:378px; position:relative;}
.cntbox.h378 img{position: absolute; width:2000px; left:50%; margin-left:-1000px;}

h3.tit_01 {width: 1200px;; margin: 0 auto; font-size:40px; font-weight:bold; color:#222; text-align: center; }

.cntbox p{width:860px; float:left; font-size:25px; line-height:35px; letter-spacing:-0.5px; text-align:center; font-weight:bold; border-bottom:2px dotted #444; padding:10px 30px; color:#333;}
.cntbox ul{width:920px; float:right}
/* .cntbox ul li{padding-top:20px} */

.wd1200 {width:1200px; margin:0 auto }
ul.wd1200{width:1200px; margin:0 auto; float:none;}
.wd2000 {position: relative; left: 50%; margin-left: -1000px; width: 2000px; padding-bottom: 50px;}

#title {width:100%; margin-top:10px; margin-bottom:30px;}
#title h4 {font-size:30px; color:#333; text-align:left;}

/*일반페이지*/

.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;}

#sub_visual {position:relative; width:100%; height:643px; font-size:0; line-height:0; overflow:hidden; margin-bottom:40px; background:#f7f7f7;}
#sub_visual h2{font-size:48px; text-align:left; color:#222; line-height:120%; font-weight:700}
#sub_visual p{text-align:left; color:#000; font-size:29px; font-weight: 500; line-height:120%; margin-top:25px; margin-bottom:10px;}
#sub_visual div.line{width:35px; height:3px; background:#333; margin: 45px 0;}
#sub_visual span{display:block; text-align:left; font-size:24px; color:#333; font-weight:400; line-height: 26px;}
#sub_visual img {position:absolute; left:50%; top:0; margin-left:-1000px; width:2000px; height:643px;}
#sub_visual .visual_text {width: 100%; min-width: 1200px;position: relative; top: 125px; z-index:1;clear: both; left:50%; margin-left: -600px;}

#sub_visual.int_vis h2{color:#fff1a1; padding-top:30px;}
#sub_visual.int_vis div.line{background:#fff1a1;}
#sub_visual.int_vis p{color:#fff;}
#sub_visual.int_vis span{color:#fff;}

#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; padding-top:50px; color:#333; line-height:100%;}



/*tab common style*/
.tab_area {position:relative; width:1200px; margin:auto; margin-top: 35px; }
.sub_tabs {width:1200px; overflow:hidden; height:100px;}
.sub_tabs ul:after {clear:both; display:block; content:"";}
.sub_tabs ul li {float:left; height:56px; border-top:solid 1px #d9d9d9; border-bottom:solid 1px #d9d9d9;}

.sub_tabs ul li:last-child{border-right:solid 1px #d9d9d9;}
.sub_tabs ul li a {display:block; text-align:center; font-size:16px; line-height:56px; color:#fff; border-left:solid 1px #fff; background:#958c87; cursor:pointer;}
.sub_tabs ul li a:hover, .sub_tabs ul li a:focus, .sub_tabs ul li a.on {color:#fff; background:#26b0bf;}

/*서브탭 컬러*/

.sub_tabs02 li{width:49.95%;}
.sub_tabs03 li{width:33.3%;}
.sub_tabs04 li{width:24.9%;}
.sub_tabs05 li{width:19.95%;}
.sub_tabs06 li{width:16.65%;}
.sub_tabs07 li{width:14.27%;}




#contents {position:relative; width:100%;  padding-bottom:40px;}


/*둘러보기*/
#cnts .slider {position:relative; width:848px; height:498px; overflow:hidden; margin-bottom:40px; padding:5px; border:solid 1px #d9d9d9;}
#cnts .bd {position:absolute; left:5px; top:5px; z-index:1; width:848px; height:498px; overflow:hidden;}
#cnts .slider .bd li {width:848px; height:498px; overflow:hidden;}
#cnts .slider .bd li img {width:100%; height:100%;}
#cnts .slider .tempWrap {overflow:visible !important;}
#cnts .slider .tempWrap ul {margin-left:0 !important;}

#cnts .slider .hd {position:absolute; bottom:15px; z-index:10; width:848px; height:7px; text-align:center; overflow:hidden;}/* 하단클릭버튼 */
#cnts .slider .hd li {display:inline-block; *display:inline; zoom:1; width:20px; height:7px; margin:0 3px; background-color:#ccc; overflow:hidden; cursor:pointer;  }
#cnts .slider .hd li.on {background-color:#F90; background-position:0 0; filter:alpha(opacity=100); opacity:1;}

#cnts .slider .pnBtn {position:absolute; top:50%; margin-top:-30px; z-index:20; width:60px; height:60px; cursor:pointer;}
#cnts .slider .prev {left:5px;}
#cnts .slider .next {right:5px;}
#cnts .slider .pnBtn a {display:block; width:100%; height:100%;}
#cnts .slider .pnBtn .arrow {display:none; position:absolute; top:0; z-index:1; width:60px; height:60px;}
#cnts .slider .pnBtn .arrow:hover {filter:alpha(opacity=60);opacity:0.6;}
#cnts .slider .prev .arrow {background:url(../mn01/images/arrow_prev.png) no-repeat;}
#cnts .slider .next .arrow {background:url(../mn01/images/arrow_next.png) no-repeat;}



/*이용약관, 개인정보보호방침*/
.tit_term {color:#333; font-size:20px; font-weight:bold; margin-bottom:5px;}
.cnt_term {margin-bottom:30px;}
.cnt_term textarea {width:99%; height:250px; border:1px solid #ccc; line-height:160%;}


/*회원페이지 관련*/
.input_text{width:205px; height:30px; border:1px solid #ddd;}
.input_email {width:120px; height:30px; border:1px solid #ddd;}
.select1 {height:30px;}

/*login */
.login_box {width:510px; padding:35px; border:4px solid #eee; margin:0 auto; background:#fff;}
.login_box .tit{margin-bottom:15px;}
.login_box .login_table {padding:20px; margin:0 auto; margin-bottom:15px; background:#f5f5f5;}
.login_box .find_area{width:280px; margin:0 auto; text-align:center;}
.login_box .find_area li{float:left; height:14px; border-right:1px solid #d9d9d9; padding:0 20px;}
.login_box .find_area li.last {border-right:none;}
.login_box .find_area li a {display:block; font-size:12px; line-height:14px;letter-spacing:-1px;}
.login_box .find_area li.last a {color:#369;}
.login_box .sns_login {padding-top:15px; text-align:center;}

/*회원가입*/
.join_form .tit {height:35px; line-height:35px; padding-left:10px; font-size:15px; color:#333; background:#f6f6f6; }
.join_form .tx {width:100%; height:150px; font-size:12px; line-height:160%;}
.input_tel {width:80px; height:30px; border:solid 1px #d9d9d9;}

/*약관, 개인정보보호방침*/
.terms {width:1200px;}
.terms_in {width:100%; height:200px; padding:20px 0; line-height:160%;}

/*id, pw찾기*/
.find_box {width:360px; padding:35px 25px 10px 25px; border:4px solid #f1f1f1; text-align:left; margin:0 auto 40px auto;}
.find_box .tit{margin-bottom:15px;}
.find_box .find_table {padding:20px 10px 20px 20px; background:#f5f5f5; margin-bottom:15px;}
.find_box .find_id_table {padding:30px 10px 30px 20px; background:#f5f5f5; margin-bottom:15px;}
.find_box .input_text{width:170px;}