@charset "utf-8";

/*sub layout*/
#content_wrap {background:url(../images/sub_bg.gif);}

#sub_visual {position:relative; width:100%; height:300px; font-size:0; line-height:0; overflow:hidden; background:#f6f6f6;}
#sub_visual img {position:absolute; left:50%; top:0; width:1920px; height:300px; margin-left:-960px;}

#container {clear:both; margin:auto; width:1200px; background:url(../images/left_bg.png) repeat-y;}
#container:after {clear:both; display:block; content:"";}

/*left menu*/
#container #left_menu {float:left; width:200px}
#left_menu dl {width:200px; margin-bottom:50px;}
#left_menu dt {width:100%; height:120px; background:url(../images/left_top.jpg) no-repeat;}
#left_menu dt h3 {font-size:23px; color:#fff; line-height:120px; text-align:center; }
#left_menu dl dd {width:198px; height:39px; border:solid 1px #d9d9d9; border-top:0;}
#left_menu dl dd a {display:block; padding-left:15px; height:39px; font-size:15px; line-height:39px; color:#666;}
#left_menu dl dd a:hover, #left_menu dl dd a.on {color:#998d7a; background:url(../images/over_arrow.png) no-repeat 179px center;}

/*right contents*/
#container #contents {float:right; padding:30px 0; width:963px; min-height:400px;}

#contents #contents_top {margin-bottom:35px; margin-top:10px;}
#contents #contents_top:after {clear:both; display:block; content:"";}
#contents_top #title h2 {float:left; width:40%; font-size:40px; color:#333; font-weight:bold;}
#contents_top #loc {float:right; height:15px; text-align:right; font-size:13px; line-height:14px; color:#999; padding-left:19px; background:url(../images/icon_home.png) no-repeat; }

#contents #contents_body {position:relative;}
#contents_body .cntbox {margin-bottom:40px;}
#contents_body .cntbox h3 {margin-bottom:20px;}

/*둘러보기*/
.preview {position:relative; width:100%; height:684px; background:#eee; overflow:hidden;}
.preview #bimg {width:870px; height:550px; border:solid 5px #fff; margin:20px auto; overflow:hidden;}
.preview #simg {width:721px; height:64px; margin:auto; position:relative; overflow:hidden;}
.preview #simg ul {position:absolute; left:0; top:0; height:64px;}
.preview #simg li {float:left; width:80px; height:60px; margin:0 5px; border-bottom:solid 4px #fff; font-size:0; line-height:0; cursor:pointer;}
.preview #simg li.on {border-color:#299da6;}
.preview #simg li img {width:80px; height:60px;}
.preview .btn_arrow {position:absolute; bottom:20px; width:64px; height:64px; cursor:pointer;}
.preview .prev {left:20px;}
.preview .next {right:20px;}

#contents_body #boardbox {position:relative; width:100%; min-height:250px;}




/*회원페이지 관련*/
/*회원서브메뉴*/
.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:283px; 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;}
.login_box .find_area li.last a {color:#4d4d4d;}

.sns_login {width:100%; margin-top:20px;}
.sns_login p {text-align:center; margin-bottom:10px; }
.sns_login ul {width:162px; margin:0 auto;}
.sns_login li {float:left; width:50px; margin:0 2px; font-size:0; line-height:0;}

/*회원가입*/
.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:380px; padding:35px 25px 10px 25px; border:4px solid #f1f1f1; text-align:left; margin:0 auto; margin-top:30px;}
.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:186px;}