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

/* sub layout */
.container { padding-bottom:120px; }
.con_wrap { width:1020px; height:auto; margin:0 auto; padding-bottom:100px; position:relative;}
.con_wrap .con_body { padding:0 0 0 30px; }
.intro { width:788px; height:auto; padding:72px 0 0 232px; }
.intro>p { font-size:20px; font-weight:bold; color:#4c4c4c; }
.intro>p>span { font-size:22px; font-weight:bold; color:#ad4385; line-height:1.8em; }

/* sub1 left menu */
.sub1 { position:absolute; top:72px; left:0; width:190px; /*height:345px;*/ background:url(/image/sub/sub_menu_bg.png) no-repeat; border:1px solid #eaeaea; border-radius:10px; behavior: url(/htc/pie.htc); }
.sub1 ul li { width:100%; text-align:center; font-size:14px; padding:17.9px 0; font-weight:600; }
.sub1 ul li span { font-size:15px; color:#ffc3ea; }
.sub1 ul li a { color:#525252; }
.sub1 ul li:first-child { height:54px; font-size:24px; color:#fff; padding:22px 0 0; }


/* 인사말 */
.sub_bg { background:url(/image/sub/top_bg1.jpg) no-repeat #f9f5f6; width:100%; height:200px; margin:0 auto; padding:0;  }
.intro .intro_tit { position:relative; width:100%; height:39px; border-bottom:1px solid #d7d7d7; margin-bottom:50px;}
.intro .intro_tit strong { font-size:24px; color:2a2a2a; }
.intro .intro_tit span { display:block; position:absolute; bottom:17px; right:0; font-size:12px; color:#949494;}
.intro .intro_tit span a { color:#949494; }
.intro .intro_visual { width:100%; height:600px; background:url(/image/sub/visual_bg1.png) no-repeat; }
.intro .intro_visual .content { padding-top:216px; padding-left:32px;  }
.intro .intro_visual .content strong { font-size:18px; color:#383838; line-height:1.4em; font-weight:600; }
.intro .intro_visual .content p { font-size:12px; line-height:1.8em; }
.intro .intro_visual .content span { color:#5b9620; }




/*협회정관*/
.AOI { font:13px "나눔고딕",'Nanum Gothic',sans-serif; padding-top:42px; }
.AOI > p { font: bold 21px "나눔고딕",'Nanum Gothic',sans-serif; text-align:center; margin-bottom:76px; }
.AOI > p span { font: bold 21px ; color:#ae4383; }
.AOI h4 { font:bold 18px; color:#464646; padding:0 0 6px 20px; background:url(/image/sub/aoi_dot.jpg) no-repeat 0 4px; border-bottom:solid 1px #e7e7e7; }
.AOI dt { font:bold 14px; padding:20px 0 13px 20px; background:url(/image/sub/aoi_dot2.jpg) no-repeat 7px 26px; }
.AOI dd { padding-left:20px; line-height:20px; letter-spacing:-1px; margin-top:2px; }
.AOI .step2 { margin-top:30px;}

/*회원가입*/
.join_table td {color:#666; padding:10px 0 10px 10px; font: 12px "나눔고딕",'Nanum Gothic',sans-serif; border-bottom: solid 1px #e7e7e7; }
.join_table .input_normal { color:666#; padding:5px; border:solid 1px #ccc; border-bottom:solid 1px #ccc; }
.must { color:#ae4383;}
.join_box {}
.table_p { padding-top:5px;}
.btn_box .join { text-align:center; padding:10px 40px; font:bold 14px "나눔고딕",'Nanum Gothic',sans-serif; color:#FFF; background-color:#ae4383; border: solid 1px #992068; }
span.input_comment { padding-left:10px; font:12px; color:#999; }
.radio { width:33%; padding-bottom:5px; float:left; }
.post { text-align:center; padding:5px 10px; font:bold 12px "나눔고딕",'Nanum Gothic',sans-serif; color:#FFF; background-color:#ae4383; border: solid 1px #992068;  }

/* 온라인상담,회원가입안내 */
input { vertical-align:middle; }
.counsel, .license { font:13px "나눔고딕",'Nanum Gothic',sans-serif; }

.rule_box_1, .rule_box_2 { width:100%; margin-top:15px; font:13px "나눔고딕",'Nanum Gothic',sans-serif; }
.rule_title { font:bold 14px "나눔고딕",'Nanum Gothic',sans-serif; color:#555; }
.rule_box_1 .rule_letter { width:716px; height:300px; color:#999; line-height:18px; padding:5px; margin-top:5px; border:solid 1px #CCC; overflow-y:scroll; }
.rule_box_2 .rule_letter { width:716px; height:300px; color:#999; line-height:18px; padding:5px; margin-top:5px; border:solid 1px #CCC; overflow-y:scroll; }

.rule_check { width:100%; color:#555; font:13px; margin:10px 0 30px; }

.rule_txt_T { font:bold 14px; color:#FC8921; }
.rule_txt_title { padding-bottom:5px; font: bold 13px;color:#666; }
.rule_txt { font:12px; color:#777; }



.board_table, .join_table { width:726px; border-top: solid 1px #992068; border-bottom: solid 1px #992068; }
.board_table th, .join_table th { width:120px; text-align:left; color:#666; padding:10px 0 10px 10px; font: bold 13px "나눔고딕",'Nanum Gothic',sans-serif; background-color:#F7F7F7; border-bottom: solid 1px #e7e7e7; }
.board_table td { color:#666; padding:10px 0 10px 10px; font:13px "나눔고딕",'Nanum Gothic',sans-serif; border-bottom: solid 1px #e7e7e7; }


.input_normal { color:666#; padding:5px; border:solid 1px #ccc; border-bottom:solid 1px #ccc; }
.wid_long { width:96%; }
.wid_middle { width:220px; }
.wid_short { width:60px; }
.text_area { width:98%; height:180px; border:solid 1px #ccc; }

.btn_box { width:100%; text-align:center; margin-top:30px; }
.btn_box .confirm { text-align:center; padding:10px 40px; font:bold 14px "나눔고딕",'Nanum Gothic',sans-serif; color:#FFF; background-color:#ae4383; border: solid 1px #992068; }
.btn_box .cancle { text-align:center; padding:10px 20px; font:bold 14px "나눔고딕",'Nanum Gothic',sans-serif; color:#FFF; background-color:rgb(153, 152, 152); border: solid 1px #767575; }
.btn_box a { color:#FFF; }

/* 오시는길 */
.map1_title, .map2_title { font: bold 18px "맑은 고딕"; margin-bottom:15px; color:#ae4383; }
.map_add p span { font:bold 13px "나눔고딕",'Nanum Gothic',sans-serif; }
.map_transport p span { font:bold 13px "나눔고딕",'Nanum Gothic',sans-serif; }
.map_add { margin:25px 0 15px; }
.map_transport { margin-bottom:50px; }

.map_add p, .map_transport p { margin-top:5px; }

/* 왁싱제품안내 */
.product h4 {font: bold 20px "나눔고딕",'Nanum Gothic'; text-align:center; margin:50px 0 30px;}
.product th { height:25px; padding:5px; border: solid 1px #CCC;}
.product td { text-align:center; padding:5px; border: solid 1px #CCC;}
.product table { border: solid 1px #CCC; }


.product li { padding:10px; border:solid 1px #e7e7e7; float:left; margin-right:12px;}
.product ul { padding-bottom:250px;}
.product li.last { margin:0;}
.product li p { text-align:center; margin-top:10px; font: bold 12px "나눔고딕",'Nanum Gothic';}

/* 추천도서 */
.book .img{ text-align:center;}
.book .title{ text-align:center; font:bold 15px "맑은 고딕"; margin:10px 0;}
.book h4 { padding-left:10px; background:url(/image/sub/arrow.png) no-repeat 0 5px; font:bold 15px "맑은 고딕"; margin:50px 0 10px;}
.book p { line-height:16px;  margin-top:30px;}
.book h5 { font: bold 14px "맑은 고딕"; color:#ae4383; margin:50px 0 0; clear:both;}
.book h5.first { margin-top:0;}
.book p span { color:#ae4383;}
.book h6 { font:bold 13px "맑은 고딕"; margin:10px 0 0; clear:both;}
.book ul li { font: normal 12px "맑은 고딕"; margin:5px 0 10px; float:left;}
.book .part li { margin:3px 0 0;}


/* 왁싱페스티벌 */
.KWF { font: 13px "나눔고딕",'Nanum Gothic',sans-serif;}
.KWF dt {font: bold 15px "맑은 고딕"; padding-left:20px; background:url(/image/sub/arrow.png) no-repeat 0 5px;}
.KWF p {font: bold 18px "맑은 고딕"; text-align:center;  margin-bottom:30px;}
.KWF p sapn {font:16px "맑은 고딕";}
.KWF dd { margin-top:7px; line-height:20px;}
.KWF dd span {font: bold 14px "맑은 고딕";}
.KWF dl { padding:10px 0; clear:both;}
.KWF dt {}
.KWF li { float:left;}
.KWF li.title {font: bold 15px "맑은 고딕"; padding:0 0 6px 20px; background:url(/image/sub/arrow.png) no-repeat 0 6px; margin:10px 0;}
.KWF li.txt { padding-left:15px; margin:13px 0;}
.KWF ul{ clear:both;}
.KWF .info {background:#f8f8f8; border:solid 1px #e4e4e4; padding:5px 20px; width:686px; margin-bottom:50px;}

.KWF .time { margin-bottom:50px;}
.KWF .time th { font: bold 14px; height:25px; padding:5px; text-align:center; border:solid 1px #ae4383;}
.KWF .time td { height:23px; text-align:center; border:solid 1px #ccc; padding:10px;}
.KWF .time table { border-top:solid 2px #ae4383; border-bottom:solid 2px #ae4383;}

.KWF .event { margin-bottom:50px;}
.KWF .event th { font: bold 14px; height:25px; padding:5px; text-align:center; border:solid 1px #ae4383;}
.KWF .event td { height:23px; text-align:center; border:solid 1px #ccc; line-height:18px; padding:10px;}
.KWF .event table { border-top:solid 2px #ae4383; border-bottom:solid 1px #ccc;}

/* sub2_1 */
.sub_title_h { font-size:18px; margin-bottom:30px; margin-top:50px; }
.sub_title_h span{ color:#092e99; }
.sub2_1_1 { border-top:2px solid #092e99; }
.sub2_1_1 th, .sub2_1_1 td { padding:12px; font-size:13px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; }
.sub2_1_1 th:first-child, .sub2_1_1 td:first-child { border-left:1px solid #ccc;;  }
.sub2_1_1 td { text-align:center; }
.sub2_1_1 th.title_t { background:#cedeef; }
.sub2_1_1 tbody tr th:nth-child(2) { width:104px; }

/* 로그인 */
.loginBox { width:600px; padding:70px 63px 90px; /*margin:90px auto 0;*/ border-top: solid 2px #5a96c8; border-bottom: solid 1px #5a96c8; margin-bottom:120px;}
.loginTitle {height:160px; padding-left:260px; background:url(/image/sub/login.jpg) no-repeat 0 center;}
.loginTitle h2 span { font:bold 22px Tahoma, Geneva, sans-serif; margin-bottom:30px; color:#f88000;}
.loginTitle h2.imgLogin {font:bold 13px "맑은 고딕";}
.loginTitle .inputBox { margin-top:17px;}
.loginBox input[type='text'] {height:15px; color:#222; width:100%; padding:6px; border: solid 1px #ccc; background:rgb(245, 245, 245);}
.loginBox input[type='password'] {height:15px; color:#222; width:100%; padding:6px; border: solid 1px #ccc; background:rgb(245, 245, 245); }
.loginInput { float:left; margin-right:40px; margin-bottom:40px;}
.loginInput .inputPw { margin-top:9px;}

.btn-Login{padding:26px; font:bold 12px "나눔고딕",'Nanum Gothic',sans-serif; color:#fff ;background-color:#5a96c8; border: solid 1px #538bbc; float:left; }
.btnLogin { }

.btnIdarea { clear:both;}
.btnIdarea a { padding-left:6px;}
.btnIdarea a.join { padding-left:0;}
.btnIdarea span {padding:5px 20px; font:12px "나눔고딕",'Nanum Gothic',sans-serif; color:#000 ;background-color:#eee; border: solid 1px #ccc;}
.btnIdarea .join { margin-left:0;}


/* 아이디 비밀번호 찾기 */
#idpw_area { width:726px; margin:0 auto;}


.idbox { width:330px; margin-right:66px;}
.idpwsearch { width:726px; margin:0 auto; }
.idpwsearch form { float:left;}
.padd_bottom { padding-bottom:60px;}
.sub_tt { width:100%; margin-top:15px; font:bold 18px "맑은 고딕";}
.idpass_title { padding-bottom:10px; border-bottom:solid 2px #5a96c8;}
.idpass_comment { width:100%; line-height:18px; margin-top:20px; text-align:center;}
.idpass_input_box { width:100%; margin-top:20px; text-align:center;}
.idpass_unit { margin-top:5px;}
.login_input_style { width:318px; height:35px; padding-left:10px; border:solid 1px #ccc;}
.btn_idpw { padding:10px 50px; text-align:center; font: bold 14px "나눔고딕",'Nanum Gothic',sans-serif; color:#fff; border:solid 1px #538bbc; background-color:#5a96c8; padding-top:10px;}

.pwbox { width:330px; float:right;}