@charset "euc-kr";

@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');

*{margin:0;padding:0;font-family:Apple SD Gothic Neo,"³ª´®°íµñ",NanumGothic,'µ¸¿ò',dotum,Helvetica,'ýÙ?', 'SimHei',sans-serif;-webkit-text-size-adjust:none}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea,  blockquote, th, td, abbr, acronym, address, big, cite, code, ins, small, sub, sup
{ font:22px/30px "µ¸¿ò", "Dotum","áäô÷"; /*color:#666666;*/ padding:0; margin:0; }


@font-face{
	font-family:'NanumBarunGothic';
	src:url('NanumBarunGothic.eot');
	src:local(¡Ø),url('NanumBarunGothic.woff') format('woff');
}
@font-face{
	font-family:'NanumBarunGothicBold';
	src:url('NanumBarunGothicBold.eot');
	src:local(¡Ø),url('NanumBarunGothicBold.woff') format('woff');
}

p,br,td,table,tr,input,select,textarea { color:#777 font-family:"µ¸¿ò"; font-size:12px;}

div img, dl img, dt img, dd img, ul img, ol img, li img, h1 img, h2 img, h3 img, h4 img, h5 img, h6 img, pre img, form img, fieldset img, input img, textarea img, p img, blockquote img, th img, td img{ font-size:0; line-height:0; }

table{ border-collapse:collapse; border-spacing:0; }

ol, ul, li{ list-style:none; }

h1, h2, h3, h4, h5, h6, th, td{ font-weight:normal; font-size:100%; }

form, fieldset, a img{ border:0; }

q:before,q:after { content:''; }

abbr,acronym { border:0; }

address, abbr, address, big, cite, code, ins, small, sub, sup, em{ font-weight:normal; font-style:normal; }

blockquote, q{ quotes:none; }

.accessibility, .skip, legend
{ position:absolute !important; width:0 !important; height:0 !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important; visibility:hidden !important; }
caption{ display:none; }

.null{ font-size:0; line-height:0; }

a img, input, textarea, select, img{ vertical-align:middle; }


time, progress, mark, output { display:inline; }


.hide{ position:absolute; top:-9999px; left:-9999px; }
.clr{ clear:both !important; float:none !important; width:0 !important; height:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important; visibility:hidden !important; }

a {text-decoration:none; color:#666;}
a img{ border:0; }
img, input, select{ vertical-align:middle; }

input{ font:13px "µ¸¿ò", "Dutum", "Tahoma"; color:#000; vertical-align:middle; }
select{ font-size:13px; border:1px solid #D0D0D0; background:#fff; }

.fl_left {float:left;}
.fl_right {float:right;}
.clear {clear:both; display:block; content:"";}
/*------------------------------------------------------------------------------------------------------------*/
body{ margin:0; padding:0; position:relative; overflow-x:hidden; background:#5c5c5c; }
 
#wrap{ width:640px; margin:0 auto; background:#fff; position:relative;}

/* Çì´õ */
#h_wrap {position:absolute; left:0; top:0; z-index:10; width:100%;}
.h_box {width:640px; height:129px; position:relative; background-color:#fff;}
.logo {position:absolute; top:40px; width:270px; height:65px; }
.logo a {display:block; height:79px; background:url(/hanbeauty/images/logo.gif) no-repeat; font-size:0; line-height:0; margin-top:-10px;}
#mem_btns {float:left;}
#mem_btns ul li {_display:inline; padding-left: 10px;}
#mem_btns ul li a {color:#7f7d7e; font-size:24px; padding:0 25px; line-height:55px;}
#mem_btns ul li:first-child a {border-bottom:solid 1px #ccc;margin-left:10px; padding-bottom: 15px;}
#total_toggle {position:absolute; right:25px; top:36PX; width:62px; height:61px; background:url(../images/btn_menu.gif) no-repeat; font-size:0; cursor:pointer;}

#mtop_btn {width:300px; margin-left:270px;padding-top:35px;box-sizing:border-box;}
#mtop_btn li{float:left; width:140px; text-align:center;}


#h_wrap .top_tel {width:100%; height:110px; background:#ececec; font-size:0; line-height:0; box-sizing:border-box;padding-right:20px;}
.top_tel p {float:right;}



/* Àüü¸Þ´º */
#total_menu {position:absolute; top:90px; left:50%; margin-left:-320px; z-index:11; width:640px; display:none;}
.total_wrap {padding:10px 20px; background:#575757; overflow:hidden; margin-top:20px;}
.total_box { clear:both; position:relative; width: 600px; padding:10px 0; overflow:hidden; border-bottom:1px dotted #797979;}
.noline {border-bottom:none !important;}
.total_box .mn_tit {float:left; width:230px;}
.total_box .mn_tit a {color:#FFF; font-size:26px; font-weight:400; letter-spacing:-1px; font-family:'³ª´®°íµñ','NanumGothic','áäô÷', 'simsun', Arial; }
.total_box ul {float:right; width:340px; overflow:hidden; }
.total_box ul li {float:left; width:340px; margin-right:16px; padding-top: 2px;}
.total_box ul li:nth-child(1) {padding-top: 0;}

.total_box ul li a {display:block; padding:3px 0; font:normal 20px/26px '³ª´®°íµñ','NanumGothic','áäô÷', 'simsun', Arial;color:#ccc; letter-spacing:-1px;}
.total_box ul li a:hover {color: #fff;}

.contents {padding-top:220px; min-height:500px;}

/* ǪÅÍ */
.foot_wrap {clear:both; margin:0 auto; width:640px; position:relative; background-color:#333; padding-bottom:120px;}
.foot_box {width:640px; margin:0 auto; text-align:center; background:#333; padding-bottom:20px; color:#999;}
.foot_box .area {width:640px; padding:40px 0;}
.foot_box .area div {width:640px; margin:0 auto; overflow:hidden;}
.foot_box .area div ul {overflow:hidden;}
.foot_box .area div ul li {display:inline-block;margin:0 8px;}
.foot_box .txt {width:640px; margin:0 auto; padding-top:17px; font-size:20px; line-height:150%; font-weight:nomal; font-family:NanumBarunGothic; font-size: 17px; }
.foot_box .txt span {color:#999;}

/*foot ÀüÈ­»ó´ã*/
.btn_f {width:100%; position:fixed; left:0; bottom:0;padding:10px 0; background-color:rgba(0,0,0,0.7); z-index:3;}
.btn_f ul {width:546px; margin:0 auto; position:relative;}
.btn_f ul li {float:left;  text-align:center;}
.btn_f ul li a {display:block; border-left:solid 1px #999;}
.btn_f ul li:first-child a {border-left:0;}