hj@charset "euc-kr";

/* CSS Document */
html, body { margin: 0; }
a > img{border:0; }
/* kakao  START*/
.TD{text-align:left; font-family:'돋움'; font-size:12px;}
.TD2{text-align:left; font-family:'돋움'; font-size:12px; font-weight:bold; margin-bottom:10px; margin-top:10px;}

.phone_wrap{padding:10px}
.phone_wrap .phone_font{font-size:12px}
.font_bold{font-weight:bold;}
.phone_line{border-top:1px solid #dedede; width:100%}
.phone_wrap .phone_name input{width:96%; margin-right:0.5%; padding-right:1%;}
.kakao_btn{position:absolute; left:50%; margin-left:-50px; margin-top:10px}
.kakao_btn input{width:100%; height:100%}

.phone_wrap .phone1{width:65px;}
.phone_wrap .phone2{width:50px;}
.phone_wrap .category{width:100%}


.privacy{ width:100%; padding:10px; background-color:#fff;}
.privacy_close{padding-top:10px; text-align:center;}
.privacy_title{font-size:18px; color:#282828;}
#detail{position:absolute; top:0px; left:0px; display:none; z-index:999999; padding:10px;}

input.confirm{background:#00326c; font-size:16px; padding:0; margin:0; color:#fff; width:100px; height:30px; border:1px solid #00326c; border-radius:0; appearance:none; -webkit-appearance:none; -moz-appearance:none; font-family:NanumBarunGothic}
a.list{display:inline-block; background:#eee; font-size:16px; padding:0; margin:0; color:#777; width:80px; height:28px; border:1px solid #eee; vertical-align:top; line-height:1.9; overflow:hidden}

/* kakao  END*/

#list{border:0px solid black; width:100%; margin:0px auto}
#list a{display:block; border-top:1px solid #EEEEEE; background:#ffffff; color:#333; text-decoration:none}
#list a dl{margin:0; padding:13px; overflow:hidden;}
#list a dl dt{border:0px solid blue; padding:0; margin:0}
#list a dl dd{border:0px solid red; float:left; padding:0; margin:0 }
#list a dl dt.notice-title{letter-spacing:-0.05em; font-size:16px; margin-top:4px; float:left; }
#list a dl dd.notice-date{letter-spacing:-0.05em; color:#888; font-size:12px; margin-top:4px; float:right; font-family:'dotum';}
#page{border:0px solid black; width:100%; margin:0px auto; text-align:center; border-top:1px solid #EEEEEE; border-bottom:1px solid #EEEEEE;}
#page a{display:inline-block; text-decoration:none; background:#ffffff; font-size:15px; padding:13px 15px 13px 15px; color:black; letter-spacing:-0.05em; font-family:'dotum';}
#page a.on{background:#323232; color:#ffffff; letter-spacing:-0.05em; font-family:'dotum';}

#post{width:100%; margin:0 auto; overflow:hidden}
#post dl{padding:2px 0 5px 0; margin:5px 0; clear:both; border-bottom:1px solid #eee; overflow:hidden}
#post dl dt{padding:0 0 0 5px; margin:0; float:left; font-size:14px; color:#333; letter-spacing:-0.05em; width:60px; line-height:2.3}
#post dl dd{padding:5px 0 0 0; margin:0; float:left}
.input{font-size:14px}
select{padding:0; margin:0}

#btns{text-align:center; padding:20px 0 40px 0; font-weight:bold; color:#102a64;}
#btns #btnt{color:#102a64;}

#view{border-top:1px solid #EEEEEE; width:100%; margin:0 auto}
#view dl{padding:0; margin:0; overflow:hidden}
#view dl dt{padding:15px 15px 0px; margin:0; font-size:20px; letter-spacing:-0.05em}
#view dl dd{padding:0; margin:0}
#view dl dd.view-top{letter-spacing:-0.05em; color:#888; font-size:12px; padding-left:15px; border:0px solid red;}
#view .view-date{float:right; margin:20px; color:black;}
#view dl dd.view-contents{letter-spacing:-0.05em; padding:15px; line-height:1.7; font-size:14px; color:#333; font-family:'dotum';}
#view dl dd.view-counsel-reply{letter-spacing:-0.05em; clear:both; padding:15px; margin-top:10px; color:#fff; line-height:1.7; font-size:15px; background:#F6D75B; margin:1px}

#login {padding:10px; border:0px solid blue;}
#login #login2 {padding-top:10px; border-top:1px solid #EEEEEE; border-bottom:1px solid #EEEEEE;}
#login #login2 #login_btn { margin-bottom:10px; margin-left:10px; float:right; border:0px solid green; width:68;}
#login #login2 .myid { margin-bottom:3px; border:1px solid #EEEEEE; width:95%; font-size:16px; }
#login #login2 .mypw { margin-bottom:10px; border:1px solid #EEEEEE; width:95%; font-size:16px;}

#logintext {padding:10px;}
#logintext2 { font-size:14px; font-family:'dotum'; }
#logintext #join_btn {margin-left:10px; float:right; }

#counsel_category2{padding:5px 0}
#counsel_title2{padding-bottom:5px;}
#counsel_date2{padding-bottom:10px;}

.ls1{letter-spacing:-1px;}

/* counsel write START */

#counsel_write { margin:10px 10px 0 10px; }
#counsel_write #counsel_font {font-size:12px; padding-bottom:10px;}
#counsel_write #counsel_leftmenu {padding-right:10px; text-align:left; font-family:'dotum'; font-size:13px; font-weight:bold; width:70px;}
#counsel_write #counsel_text { width:100%; margin-right:0.5%; padding-right:1%; font-size:16px; margin-top:10px;}
#counsel_write #counsel_emailid { width:70px; font-size:15px; margin-top:10px;}
#counsel_write .counsel_emailsel{ width:120px; font-size:15px; margin-top:10px;}
#counsel_write #counsel_phone1{ font-size:15px; margin-top:10px; margin-bottom:10px;}
#counsel_write #counsel_phone2{ width:54px; font-size:15px; margin-top:10px; margin-bottom:10px;}
#counsel_write #category{ width:100%; font-size:15px; margin-top:10px;}
#counsel_write #zone{ width:100%; font-size:15px; margin-top:10px; margin-bottom:10px;}
#counsel_write #contents{ width:100%; height:100px; font-size:15px; margin-top:10px; margin-bottom:10px;}
#counsel_write #file{ width:100%; margin-top:10px; font-size:15px;}
#counsel_write #line{border-top:1px solid #EEEEEE; width:100%;}
#counsel_write #btn{ text-align:center; }

/* counsel write END */


/* counsel list START */

#list #zone { width:100%; height:40px; font-size:15px; margin-bottom:10px; border:1px solid #939393;}
#list #category { width:100%; height:40px; font-size:15px; margin-bottom:10px;  border:1px solid #939393;}
#list #re_img {float:left; padding-top:10px; padding-left:10px;}
#list #counsel_category{ margin-top:10px; margin-left:90px; margin-bottom:2px; font-family:'dotum'; font-size:13px; color:#8d8d8d;}
#list #counsel_title{margin-left:90px; font-size:19px; font-family:'dotum'; letter-spacing:-0.05em;}
#list #counsel_date{ margin-top:2px; margin-left:90px; margin-bottom:10px; font-size:13px; color:#8d8d8d;}
#counsel_write_done{ font-family:'dotum'; font-size:20px; font-weight:bold; color:#102a64; text-align:center; margin-top:10px;}
#counsel_write_line{ border-bottom:1px solid #EEEEEE; width:100%; height:10px; }

/* counsel list END */


/* counsel view START */
#contents_img{line-height:1.6}
#contents_img img{max-width:100%; height:auto}
#contents_img table{ width:100% !important; }

#counsel_view { border-top:1px solid #EEEEEE; margin:0 auto; padding:0 10px}
#counsel_view #counsel_category{ margin-top:10px; margin-bottom:10px; font-size:13px; color:#8d8d8d;}
#counsel_view #counsel_title{ margin-top:10px; margin-bottom:10px; font-size:19px; color:black; font-weight:bold; }
#counsel_view #counsel_date{ margin-top:10px; margin-bottom:10px; font-size:13px; color:#8d8d8d; }



#counsel_view dl{padding:0; margin:0; overflow:hidden;}
#counsel_view dl dt{font-size:20px; margin-top:40px; letter-spacing:-0.05em}
#counsel_view dl dd{padding:0; margin:0}
#counsel_view dl dd.view-top{letter-spacing:-0.05em; color:#888; font-size:12px; border:0px solid red;}
#counsel_view .view-date{float:right; margin:20px; color:black;}
#counsel_view dl dd.view-contents{letter-spacing:-0.05em; line-height:1.7;  margin-top:10px; margin-bottom:10px; font-size:13px; color:#8d8d8d; font-family:'dotum';}
#counsel_view dl dd.view-counsel-reply{letter-spacing:-0.05em; clear:both; padding:15px; margin-top:10px; color:#fff; line-height:1.7; font-size:15px; background:#F6D75B; margin:1px}






#btn_lmd{border-top:1px solid #dedede; border-bottom:1px solid #dedede; margin-top:10px; padding-top:18px; padding-bottom:18px; text-align:center;}
#btn_lmd #btn_lmd_font1{font-size:20px; font-family:'dotum'; font-weight:bold; color:#595959; padding:18px;margin-left:7px; margin-right:10px;}
#btn_lmd #btn_lmd_font2{font-size:20px; font-family:'dotum'; font-weight:bold; border-left:1px solid #dedede; border-right:1px solid #dedede; color:#595959; padding:18px; padding-right:35px; padding-left:35px;}
#btn_lmd #btn_lmd_font3{font-size:20px; font-family:'dotum'; font-weight:bold; color:#595959; padding:18px; margin-left:10px; margin-right:7px;}

/* counsel view END */

/* experi list START */

#experi_list{}
#list #zone { width:100%; height:40px; font-size:15px; margin-bottom:10px; border:1px solid #939393;}
#list #category { width:100%; height:40px; font-size:15px; margin-bottom:10px;  border:1px solid #939393;}
#list #experi_category{margin-left:130px;margin-top:10px;padding-top:10px;font-size:13px; color:#8d8d8d;}
#list #experi_title{padding-left:20px;padding-top:10px;margin-left:10px; font-size:16px; font-family:'dotum'; letter-spacing:-0.05em;}
#list #experi_date{padding-left:20px;margin-left:10px; margin-top:10px;  margin-bottom:10px; font-size:13px; color:#8d8d8d;}
.thum_img_best{position: absolute;right:0; bottom:0}
/* experi list END */

/* beaf START */

#list #beaf_list {padding-top:10px; padding-left:10px; padding-right:10px;} 
#list #beaf_img {padding-top:10px; padding-bottom:10px;}
#list #beaf_category { font-size:12px; font-family:'dotum'; color:#282828; padding-top:10px;}
#list #beaf_font {margin:5px; position:absolute; font-size:12px; font-family:'dotum'; color:#ffffff; }
#list #beaf_view_font {text-align:center; margin-top:10px; margin-bottom:10px; font-size:14px; font-weight:bold; font-family:'dotum'; }
#list #beaf_view_contents {margin-top:10px; font-size:14px; font-family:'dotum'; line-height:1.5;}
#beaf_view_line{ border-bottom:1px solid #EEEEEE; width:100%; }
#beaf_view_line2{ border-bottom:1px solid #EEEEEE; width:100%; height:10px;}
#beaf_view_line3{ border-bottom:1px solid #EEEEEE; width:100%; margin-bottom:20px;}
#list #beaf_view_category { font-size:16px; font-family:'dotum'; font-weight:bold; color:#102a64; padding-bottom:10px; letter-spacing:-0.03em}

/* beaf END */

/* reserv START */

#years{position:relative; width:100%; height:28px; padding:0; margin:0px 0 10px 0; text-align:center;}
#years #year_top { font-size:18px; font-family:'dotum'; background:#a3b5bf; color:#577b8c; font-weight:normal;}
#years #year_left a{ float:left; width:25%; background:#607f8f; color:#ffffff;}
#years #year_center{ float:left; width:50%; background:#607f8f; color:#ffffff;}
#years #year_right a{ float:left; width:25%; background:#607f8f; color:#ffffff;}
#years span{display:inline-block; height:38px; margin:0 15px; letter-spacing:-1px; background:url(http://superskin.co.kr/m/images/reservYear.png) no-repeat -54px 0; font-size:1.5em; line-height:38px; font-family:'dotum','gulim';}
#years a{display:inline-block; background:url(http://superskin.co.kr/m/images/reservYear.png) no-repeat 0 -1px; width:36px; height:38px; color:#111; font-size:2em; line-height:38px; overflow:hidden; text-decoration:none;}

#calendar{width:100%; margin:0 auto;}
#calendar table{table-layout:fixed; background:#6a6b7e;}
#calendar table th{text-align:center; background:#607f8f; color:#eee; padding:5px; border-bottom:1px solid #79768a;}
#calendar table td{text-align:center; height:35px; background:#6a6b7e; padding-top:6px; letter-spacing:-0.05em; color:#8c8c8c;}

#calendar table td a{display:block; width:100%; height:100%; line-height:31px; background:url(http://superskin.co.kr/m/images/bg_cal.png) no-repeat; text-decoration:none;}
#calendar table td a.today{color:#ffffff;}
#calendar table td a.red{color:#ffffff; }
#calendar table td a.sun{color:#ffffff;}
#calendar table td a.sat{color:#ffffff;}
#calendar table td a.nor{color:#ffffff;}

#calendar table td.today{border:2px solid #ffffff; padding:4px 1px; border-radius:25px 5px; text-decoration:none;}
#calendar table td.today a{color:#ffffff}
#calendar table td.red{color:#ffffff; padding:4px 1px; border-radius:25px 5px; border:2px solid #e14f56;}
#calendar table td.sun{color:#ffffff; padding:4px 1px; border-radius:25px 5px; border:2px solid #e14f56;}
#calendar table td.sat{color:#ffffff;}
#calendar table .table_footer_1{ color:#ffffff; border:2px solid #ffffff; padding:1px 4px; border-radius:25px 5px; }
#calendar table .table_footer_today{ color:#c8c8c8; margin-right:15px;}
#calendar table .table_footer_2{ color:#ffffff; border:2px solid #e14f56; padding:1px 4px; border-radius:25px 5px; }
#calendar table .table_footer_holiday{ color:#c8c8c8; }

/* reserv END */


#notice_list li{border:1px solid #dedfde; margin:10px}
#notice_list li a{display:block; padding:20px}
#notice_list li a .subject{color:#368cc9; font-size:18px}
#notice_list li a .contents{color:#777; padding:10px 0; line-height:1.5}
#notice_list li .info{color:#777; font-size:14px; border-top:1px solid #eee; padding-top:10px; overflow:hidden}
#notice_list li .date{float:left}
#notice_list li .view{float:right}

/* password 폼 시작! */

.pwform {}
.pwform .pwtext{ background:#00326c; color:#ffffff; height:40px;}
.pwform .passwd{ font-size:15px; text-align:center;}

/* password 폼 끝! */

/* 회원가입 이용약관 시작 */
#yakbox_wrap{ margin:10px;}
#yakbox_wrap .yakBox{border:1px solid #eee; background:#f7f7f7; font-size:11px; font-family:dotum; line-height:1.6; width:100%; height:200px; overflow:auto; text-align:justify;margin-top:10px;}
#yakbox_wrap .yakBox ul,li{ list-style:none; }
.agree_text { font-family:'dotum'; font-size:12px; }
/* 회원가입 이용약관 종료 */


/* 회원가입 폼 시작 */
.mr_input{height:30px;}
.regis_form {width:90%;margin-top:20px;font-family:'dotum';}
.regis_form th{ background:#00326c; color:#ffffff;border-bottom:1px solid #eee;height:30px;}
.regis_form td{ padding-left:10px;padding-top:10px;padding-bottom:10px;height:20px;}
.regis_form .input_id{ width:100px; font-size:14px; }
.regis_form .input_pw{ width:95%; font-size:14px; }
.regis_form .input_doum{ font-size:13px; letter-spacing:-1px; }
.regis_form .input_name{ width:95%; font-size:14px; }
.regis_form .input_emailid{ width:80px; font-size:14px; }
.regis_form .input_email{ width:90px; font-size:14px; }
.regis_form .input_emailhidden{ width:70px; font-size:14px; }
.regis_form .input_phone1{ font-size:14px; width:60px;}
.regis_form .input_phone2{ font-size:14px; width:40px;}
.regis_form .input_byear{ font-size:14px; width:40px;}
.regis_form .input_bmonth{ font-size:14px; width:30px;}

.success_text { font-size:20px; font-family:'dotum'; font-weight:bold; }
.success_text .text_color { color:#00326c; }

.find .find_text { font-size:20px; font-family:'dotum'; color:#00326c; font-weight:bold; margin-bottom:10px; }
.find .find_doum { font-size:13px; font-family:'dotum'; letter-spacing:-0.5px;}

.lost_form { margin-top:20px; text-align:center; }
.lost_form .lost_table th{ text-align:left; padding-right:5px;}
.lost_form .lost_table td{ padding-bottom:5px; }
.lost_form .lost_table .lost_input_text{ font-size:14px; font-family:'dotum'; width:200px;}


/* 회원가입 폼 종료 */


/* 로그인 CSS */
.login_btn{background-color:#e89600;color:#fff;width:100%;border:0;height:40px;font-size:20px;font-weight:bold}
.m_input{width:100%;height:40px;margin-bottom:3%;font-size:14px}
.db_form_wrap .db_bg{position:relative;}
.db_form_wrap .db_bg .db_form_ps{position:absolute;top:33%;left:2.5%;width:89%;padding-left:2.5%;}
.db_form_wrap .db_bg .db_form_ps form{width:100%;}
.db_form_wrap .db_bg .db_form_ps input{ -webkit-border-radius:0; -webkit-appearance:none; }
.db_form_wrap .db_bg .db_form_ps .join_btn{margin-top:2%;}

.wrapMemForm p {margin:5px 0;font-size:14px;}
.wrapMemForm table caption {font-size:0}
#frmJoin {border:1px solid #eee;}
#frmJoin table {table-layout:fixed;background-color:#f8f8f8;}
#frmJoin table tr {height:50px;}
#frmJoin table .tbBg {background-color:#fff;}
#frmJoin table th {width:25%; text-align:right; padding-right:10px;}
#frmJoin table td {width:75%;}
#frmJoin table td #mb_addr1 {width:80%}
#frmJoin table td #mb_addr2 {width:80%}
#frmJoin table td #mb_load_addr1 {width:80%}
#frmJoin table td #mb_load_addr2 {width:80%}
#frmJoin #search_post {margin-top:10px;width:100px;height:30px;font-size:13px;color:#fff;background-color:#1d87cd;text-align:center;line-height:30px;}
#frmJoin #search_post_m {margin-top:10px;width:100px;height:30px;font-size:13px;color:#fff;background-color:#1d87cd;text-align:center;line-height:30px;}
#frmJoin #btn_submit {margin:10px auto;width:100px;height:30px;font-size:13px;color:#fff;background-color:#1d87cd;text-align:center;line-height:30px;}

#join_wrap h1 {font-size:20px; margin:10px;}
.yak_wrap {margin-bottom:30px;}
.join_box {border:1px solid #eee; width:96.5%; height:60px; font-size:11px; padding:10px; overflow-y:scroll; text-align:justify; line-height:200%; font-family:'돋움';}
.join_check {margin:5px;}
.join_check label {margin-left:5px; font-size:13px;}
input[type=submit] {border-radius:0; appearance:none; -webkit-appearance:none; -moz-appearance:none;}
.agree_btn {width:100px;height:30px;background-color:#1d87cd; color:#fff; border:0;}

#login_wrap #m_id {width:99%; height:35px;}
#login_wrap #m_pwd {width:99%; height:35px; margin-top:1px}
#login_wrap #img_login {width:100%; height:35px; color:#fff; background-color:#1d87cd; text-align:center; font-size:20px; line-height:35px;}

.memformTab a {width:100%; height:30px; line-height:30px; text-align:center; background-color:#1d87cd !important; color:#fff !important; }

.taCtn {margin-top:15px; margin-bottom:15px;}

.memForm .tbBbsMem th {padding-left:15px; padding-right:15px; height:50px; line-height:40px;}

.memForm .tbBbsMem .tbBg {background-color:#f8f8f8;}
.btnMemF a {width:100%; height:30px; line-height:30px; text-align:center; background-color:#1d87cd !important; color:#fff !important; }

.bbsMemW .tbBbsMem tr {height:100px;}
.tbMemEmail {color:green}