@charset "utf-8";

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


.cntbox {width:100%; min-height:200px; margin:0 auto}
.cntbox h3 {width:280px; padding-top:20px; float:left; font-size:30px; color:#222; background:url(../images/tit_bg.gif) no-repeat; line-height: 35px; font-weight: 200;}
.cntbox p{width:920px; float:left;/*  border-top:2px solid #444; */ /* padding:30px 0 50px 0 */ padding-bottom: 50px;}
.cntbox span{font-size:30px; color:#222}

.wd1020 {width: 1020px; margin: 0 auto; text-align: center;}

.wd1200 {width:1200px; margin:0 auto; text-align: left;}
.wd1200 .Pink {color:#333; font-weight: 700; line-height: 35px;}
.wd2000 { position: relative; width: 2000px;left: 50%; margin-left: -1000px;}

.cntbox h4 {font-size: 30px; color: #222; font-weight: 200; text-align: center;}
.cntbox .Blue_tit {font-size: 30px; color: #222; font-weight: 500; text-align: center;}
.cntbox .Blue {display: block; font-size: 18px; line-height: 24px ; color: #222; text-align: center; margin: 40px auto 50px auto;}
/*
#title {width:100%; margin-top:10px; margin-bottom:30px;}
#title h4 {font-size:30px; color:#333; text-align:left;}
*/
/*일반페이지*/

#content {position:relative; overflow:hidden; }

#sub_visual {position:relative; width:100%; height:324px; font-size:0; line-height:0; overflow:hidden; margin-bottom:40px;}
#sub_visual h2{font-size:48px; text-align:center; color:#333; line-height:120%; font-weight:700}
#sub_visual p{text-align:center; color:#666; font-size:20px; line-height:120%; margin-top:45px; margin-bottom:20px;}
#sub_visual div.line{width:1px; height:35px; background:#333; margin: 15px auto;}
#sub_visual span{display:block; text-align:center; font-size:18px; color:#666; font-weight:300; line-height: 22px;}
#sub_visual img {position:absolute; left:50%; top:0; margin-left:-1000px; width:2000px; height:324px;}
#sub_visual .visual_text {width: 100%; min-width: 1200px;position: relative;z-index:1;clear: both;}

#board_visual {width:100%; height:150px; margin:0 auto; font-size:25px; line-height:150px; text-align:center; background-color:#f4f1eb; overflow:hidden; margin-bottom:40px;}


/*tab common style*/
.tab_area {position:relative; width:1200px; height: 100px;  margin:auto; margin-top: 35px; }
.sub_tabs {width:1200px; overflow:hidden}
.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:#ff9d55;}

/*서브탭 컬러*/




#mn02 li{width:50%;}
#mn03 li{width:33.3%;}
#mn04 li{width:24.95%;}
#mn05 li{width:19.98%;}
#mn06 li{width:16.65%;}
#mn07 li{width:14.27%;}
#mn08 li{width:16.65%;}
#mn10 li{width:16.65%;}




#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:300px; 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;}