@charset "utf-8";

html,body{width:100%;height:100%;margin:0px;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;vertical-align:middle;}
img {vertical-align:middle;}
form{clear:both}
legend{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;padding:0;font-size:0;line-height:0}
body,select,button,table{font-family:helvetica,sans-serif;font-size:14px;color:#515151;}
input,textarea{font-family:helvetica,sans-serif;font-size:14px;color:#515151;}
input[type=text],
input[type=tel],
input[type=file],
input[type=password]{height:18px; border:1px solid #ddd;}
input[type=button],
input[type=image],
input[type=submit],
button {border-radius:0; -webkit-appearance:none;}
textarea {padding:5px; border:1px solid #ddd;}
select {height:20px; padding:0px; border:1px solid #ddd;}
input[type=checkbox],
input[type=radio] {margin:0px; padding:0px; height:12px;}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none}
label{cursor:pointer}
.hand,.pointer {cursor:pointer}
.underline{text-decoration:underline}
.relative{position:relative}
.absolute{position:absolute}
.small {font-size:11px; letter-spacing:-1px;}
.desc {font-size:11px; font-family:dotum; color:#848484; letter-spacing:-1px;}
.totalprice {color:#bb0000; font-size:18px; font-family:tahoma;}
.hide {display:none;}
.unvisibility {visibility:hidden;}
.bold {font-weight:bold;}
.txt_spacing {letter-spacing:-1px}
.input-box-default-text {color:#aaa !important; letter-spacing:-1px;}

/* 하이퍼링크 */
a:link,
a:visited,
a:active	{color:#000000}
a:hover		{color:#006699}

.fb-like {width:100px;}
/* 좌,우 여백설정 */
.mr5{margin-right:5px !important}
.mr10{margin-right:10px !important}
.mr15{margin-right:15px !important}
.mr20{margin-right:20px !important}
.mr25{margin-right:25px !important}
.mr30{margin-right:30px !important}

.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml15{margin-left:15px !important}
.ml20{margin-left:20px !important}
.ml25{margin-left:25px !important}
.ml30{margin-left:30px !important}

.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}

.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb25{margin-bottom:25px !important}
.mb30{margin-bottom:30px !important}

.pd5{padding:5px !important}
.pd7{padding:7px !important}
.pd10{padding:10px !important}
.pd15{padding:15px !important}
.pd20{padding:20px !important}
.pd30{padding:30px !important}
.pd40{padding:40px !important}


.pdl5{padding-left:5px !important}
.pdl10{padding-left:10px !important}
.pdl30{padding-left:30px !important}
.pdl40{padding-left:40px !important}

.pdr5{padding-right:5px !important}
.pdr10{padding-right:10px !important}
.pdr30{padding-right:30px !important}
.pdr40{padding-right:40px !important}

.pdt5{padding-top:5px !important}
.pdt10{padding-top:10px !important}
.pdt20{padding-top:20px !important}
.pdt30{padding-top:30px !important}
.pdt40{padding-top:40px !important}

.pdb5{padding-bottom:5px !important}
.pdb10{padding-bottom:10px !important}
.pdb30{padding-bottom:30px !important}
.pdb40{padding-bottom:40px !important}

.wp100{width:100%}
.wp95{width:95%}
.wp85{width:85%}

.wx300{width:300px}
.wx500{width:500px}
.wx150{width:150px}
.wx110{width:110px}
.wx200{width:200px}
.wx250{width:250px}
.wx80{width:80px}
.wx70{width:70px}
.wx50{width:50px}
.wx30{width:30px}
.wx20{width:20px}

.hx50{height:50px}
.hx100{height:100px}
.hx150{height:150px}
.hx200{height:200px}
.hx250{height:250px}
.hx300{height:300px}
.hx350{height:350px}
.hx400{height:400px}
.hx450{height:450px}
.hx650{height:650px}

.fx11 {font-size:11px;}
.fx12 {font-size:12px;}
.fx13 {font-size:13px;}
.fx14 {font-size:14px;}
.fx15 {font-size:15px;}
.fx16 {font-size:16px;}
.fx17 {font-size:17px;}

/* 정렬 */
.left {text-align:left !important}
.right {text-align:right !important}
.center {text-align:center !important}
.hide{display:none}

/* 클리어부스 */
.fleft {float:left}
.fright {float:right}
.cboth{clear:both}
.clearbox {*zoom:1;}
.clearbox:after {content:""; display:block; clear:both;}

/* 모바일 스타일 */
.box_style {border:1px solid #bebebe; background-color:#f7f7f7;}
.button_style {border:1px solid #bebebe; background-color:#eeeeee; font-size:12px; height:40px; line-height:40px;}
.gray_button_style {border:1px solid #333333; background-color:#666; color:#fff; font-weight:bold; font-size:12px; height:40px; line-height:40px;}
.bbs_button_style {border:1px solid #ccc; background-color:#fff; color:#333; font-weight:normal; font-size:12px; height:30px; line-height:30px;}
.bbs_gray_button_style {border:1px solid #333333; background-color:#666; color:#fff; font-weight:normal; font-size:12px; height:30px; line-height:30px;}
span.input_round_style {display:inline-block; height:28px; max-width:1000px; broder:0px; padding-right:5px; background:url("/m/images/input_round_right.gif") no-repeat right;}
span.input_round_style input {height:28px; width:100%; line-height:28px; border:0px; text-indent:5px; padding-left:2px; background:url("/m/images/input_round_left.gif") no-repeat;}

.btn_graybox {width:33px; height:33px; border:0px; background-color:#ddd; text-align:center; color:#555}

.inputbox_large {display:inline-block; height:28px !important; line-height:30px !important; border:1px solid #ddd !important; padding-left:5px !important; padding-right:5px; !important}
.inputbox_medium {display:inline-block; height:20px !important; line-height:22px !important; border:1px solid #ddd !important; padding-left:5px !important; padding-right:5px; !important}

/* 모바일 레이아웃 */
#wrap {position:relative; min-width:320px;}

#layout_side {position:fixed;top:0px;left:0;width:200px;z-index:1000;background-color:;display:none;}

#layout_side ul.top_navigation {background-color:#25292b; text-align:center;}
#layout_side ul.top_navigation li {display:inline-block; width:80px; height:50px; text-align:center; }
#layout_side ul.top_navigation li a {width:100%; font-size:11px; color:#949a9c; letter-spacing:-1px;}

#layout_side div.top_userinformation {*zoom:1; height:42px; padding:0 12px 0 12px; line-height:42px; background-color:#ebebe4;}
#layout_side div.top_userinformation:after {content:""; display:block; clear:both;}
#layout_side div.top_userinformation .welcome {float:left;}
#layout_side div.top_userinformation .logoutbtn,
#layout_side div.top_userinformation .loginbtn{float:right;}
#layout_side div.top_userinformation .logoutbtn input,
#layout_side div.top_userinformation .loginbtn input {padding:5px; border:1px solid #9ca3ab; border-radius:3px; color:#676767; background-color:#ebeeef}

#layout_side div.menu_navigation_wrap {background-color:#f5f5f1;}
#layout_side div.menu_navigation_wrap ul.menu li.mitem {border-top:1px solid #fff; border-bottom:1px solid #ddddd9;}
#layout_side div.menu_navigation_wrap ul.menu li.mitem a {padding-left:12px; display:block; height:34px; line-height:34px; font-size:12px; color:#888; font-weight:bold; letter-spacing:-1px;}
#layout_side div.menu_navigation_wrap ul.menu li.mitem a img {margin-right:15px;}
#layout_side div.menu_navigation_wrap ul.menu li.mitemicon1 {background:url('/m/images/btn_arw_dn.png') no-repeat 96% 15px; background-size:15px 15px}
#layout_side div.menu_navigation_wrap ul.menu li.mitemicon2 {background:url('/m/images/btn_arw_r.png') no-repeat 96% center; background-size:15px 15px}
#layout_side div.menu_navigation_wrap ul.menu li.mitemicon3 {background-size:5px 5px}
#layout_side div.menu_navigation_wrap ul.submenu {display:none; background-color:#e5e5e1}
#layout_side div.menu_navigation_wrap ul.submenu li.submitem {border-top:1px solid #ddddd9;}
#layout_side div.menu_navigation_wrap ul.submenu li.submitem a {height:30px; line-height:30px; font-size:13px; color:#666; font-weight:normal; padding-left:56px; letter-spacing:normal}

#layout_wrap {position:relative;top:0;left:0;}

#layout_header_navi {position:relative;height:50px; background-color:#ffffff;}
#layout_header_navi a[href='#home'] {position:absolute; right:14px; top:12px;}
#layout_header_navi a[href='#category'] {position:absolute; left:14px; top:12px;}

#layout_header_navi ul {position:absolute; top:5px; right:5px; height:23px; white-space:nowrap}
#layout_header_navi ul li {float:left; background:url('/m/images/header_gnb_bar.gif') no-repeat right 5px;}
#layout_header_navi ul li a {display:block; padding:5px 7px;}


#layout_header {position:relative; background-color:#465060;}
#layout_header h1 {height:50px; line-height:50px; text-align:center; color:#ffffff;font-size:20px; font-weight:bold; font-family:"arial","dotum"}
#layout_header h1 a {color:#fff;}

#layout_header ul {position:absolute; top:5px; right:5px; height:23px; white-space:nowrap}
#layout_header ul li {float:left; background:url('/m/images/header_gnb_bar.gif') no-repeat right 5px;}
#layout_header ul li a {display:block; padding:5px 7px;}

#layout_body {}

#layout_footer {padding:13px 0 13px 0; border-top:1px solid #c6cacc; border-bottom:1px solid #c6cacc; background-color:#f1f6f8;}
#layout_footer ul.fnb {text-align:center;}
#layout_footer ul.fnb li {display:inline-block; font-size:12px; font-weight:bold;}
#layout_footer ul.fnb li:first-child {background:none; padding-left:0px;}
#layout_footer ul.fcp {text-align:center; padding-top:12px; line-height:16px}
#layout_footer ul.fcp li {display:inline-block; font-size:11px; color:#999; background:url('/m/images/header_gnb_bar.gif') no-repeat left center;background-size: 1px 10px; padding:0 1px 0 5px;}
#layout_footer ul.fcp li:first-child {background:none; padding-left:0px;}
#layout_footer ul.fcp li a {color:#888;}


/* 모바일 일반리스트 스타일 */
.normal_list {}
.normal_list > li {position:relative;background-color:#fff;}
/*
.normal_list li.even {background-color:#f5f5f5;}
.normal_list li {background-color:#e5e5e5;}
*/
.normal_list > li > a:first-child {display:block; padding:14px; font-size:12px; border-bottom:1px solid #ddd; background:url('/m/images/list_arrow.gif') no-repeat right 20px center;}
.normal_list > li.arrow-up > a:first-child {background:url('/m/images/icon_arrow_up.gif') no-repeat right 20px center;}
.normal_list > li.arrow-down > a:first-child {background:url('/m/images/icon_arrow_down.gif') no-repeat right 20px center;}
.normal_list > li > a.option_btn {position:absolute; width:40px; height:100%; margin-left:-40px; left:100%; top:0px;}
.normal_list > li > .nl_contents {display:none; border-top:1px solid #ccc; border-bottom:2px solid #ccc;}

/* 모바일 카테고리 리스트 스타일 */
.category_list {}
.category_list li {position:relative; background-color:#ffffff;}
.category_list li.even {background-color:#ebebeb;}
.category_list li > a:first-child {display:block; height:40px; line-height:40px; padding-left:12px; font-size:12px; border-bottom:1px solid #d9d9d9;}
.category_list li > a.option_btn {position:absolute; width:34px; margin-left:-37px; left:100%; top:3px;}

.category_list_depth {*zoom:1; padding:5px; background-color:#818181;}
.category_list_depth:after {content:""; display:block; clear:both;}
.category_list_depth li {float:left; background:url('/m/images/bullet_category.gif') no-repeat left center; padding:0 12px 0 20px;}
.category_list_depth li:first-child {background:none; padding-left:5px;}
.category_list_depth li a {font-size:14px; display:block; min-height:28px; line-height:28px; font-weight:bold; color:#fff;}