/* BASIC css start */
/* header */
#header { position: relative; width: 980px; }
#header .bi,
#header #gnb,
#header #favLink { position: absolute; }
/* bi */
#header .bi { left: 30px; top: 30px; }
/* gnb */
#header #gnb { zoom: 1; }
#header #gnb:after { content: ""; display: block; clear: both; }
#header #gnb { left: 45px; top: 69px; }
#header #gnb li,
#header #gnb a { float: left; width: auto; }
#header #gnb a { padding: 10px 28px 0; height: 23px; }
/* hdSchFrm */
#header #hdSchFrm { position: absolute; right: 0px; top: 75px;}
#header #hdSchFrm fieldset { float: left; width: auto; }
#header #hdSchFrm .MS_search_word,
#header #hdSchFrm .btn-sch { float: left; width: auto; }
#header #hdSchFrm .MS_search_word { border: 0px; width: 169px; height: 19px; padding: 2px 0 0 2px; background-color: #ededed; }
/* favLink */
#header #favLink { right: 30px; top: 44px; }



/*********************************************************************
*	MessageBox CSS
*********************************************************************/

@charset "utf-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    font-size: 1em;
    margin: 0;
    outline: 0 none;
    padding: 0;
}
body {
    background: white none repeat scroll 0 0;
    color: black;
    line-height: 1;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
    display: block;
}
blockquote, q {
    quotes: none;
}
blockquote::before, blockquote::after, q::before, q::after {
    content: none;
}
ins {
    text-decoration: none;
}
mark {
    font-style: italic;
    font-weight: bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom: 1px dotted #000;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
}
table caption {
    display: none;
}
/*hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ccc -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: solid none none;
    border-width: 1px 0 0;
    display: block;
    height: 1px;
    margin: 1em 0;
    padding: 0;
}*/
ol, ul {
    list-style: outside none none;
}
input {
    margin: 0;
    padding: 0;
}
input[type="text"], select, textarea {
    border-radius: 0;
}
textarea {
    resize: none;
}
fieldset {
}






#messageDiv { position:absolute; border:2px solid #3b3b3b; background-color:#fff; display:none;z-index:9999}
div.title	{ padding-top:4px;height:20px; font-family:"µ¸¿ò","µ¸¿òü","Tahoma"; color:#fff;font-size:8pt;letter-spacing:-1px; text-align:center; font-weight:bold; background-color:#555;}
div.message { padding:16px 8px 8px 8px; font-family:"µ¸¿ò","µ¸¿òü","Tahoma"; color:#444;font-size:8pt;letter-spacing:-1px; text-align:center;}
div.confirm { padding:8px; text-align:center;}
input.btnBox{ margin: 0 3px; background: url(/design/smlsales/img/btn_bg.gif) no-repeat; border: 0; width: 52px; height: 18px; cursor: pointer; font-family:"µ¸¿ò","µ¸¿òü","Tahoma";font-size:8pt;letter-spacing:-1px;text-decoration:none}
.hide {display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px}

@charset "utf-8";
@import "reset.css";
body, select, input, button, textarea, button {
    font-family: Verdana,NanumGothic,³ª´®°íµñ,Dotum,µ¸¿ò;
    font-size: 12px;
    line-height: 1.231;
}
html, body, .container {
    height: 100%;
}
.bg_on {
    background: #000 url("/design/smlsales/img/bg.gif") repeat scroll 0 0;
}
.wrap, .footer {
    background-color: #fff;
    margin: 0 auto;
    padding: 0 10px;
    width: 980px;
}
.wrap {
    height: auto;
    min-height: 100%;
    padding: 0 10px;
}
.push {
    height: 163px;
    padding-top: 84px;
}
.footer {
    height: 164px;
}
.header {
    margin-bottom: 12px;
}
.h_wrap {
    border-bottom: 1px solid #000;
    padding: 0 0 0 10px;
}
.navi1 {
    padding-bottom: 19px;
    padding-top: 13px;
}
.navi2 {
    padding-bottom: 14px;
    padding-top: 14px;
}
.header .f, .header .menu {
    float: left;
    font-family: Verdana,Tahoma,Arial;
    font-size: 10px;
    line-height: 1.3;
    margin-right: 10px;
    width: 234px;
}
.header h1 {
    background: url("/design/smlsales/img/logo.gif") repeat 0 0;
    height: 55px;
    width: 96px;
}
h1 a {
    display: block;
    height: 100%;
}
.header .menu {
    width: 234px;
}
.header .navi1 .menu {
    margin-top: 11px;
}
.header .menu li {
    display: block;
}
.pointcolor3, .pointcolor3 a {
    color: #ff0000;
}
/*
.header .current, .header .current a, .pointcolor2 {
    color: #ff0000;
}*/
.header .search {
    float: left;
    margin-top: 19px;
    position: relative;
    width: 234px;
}
.header .search form, .header .search form input, .header .search form .b_w, .header .search .bg_onoff_w {
    float: left;
}
.header .search form {
    margin-right: 9px;
    width: 159px;
}
.header .search .input_text {
    height: 23px;
    width: 105px;
}
.header .search .b_w {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #000;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 0;
}
.header .button_search {
    background-color: #c9c9c9;
    height: 24px;
    width: 50px;
text-align:center;
vertical-align:middle;
}
.header .button_search A {vertical-align:middle;}
.header .bg_onoff, .header .bg_onoff .b {
    background-image: url("/html/image/button/button_bg_onoff.gif");
}
.header .bg_onoff_w {
    border: 1px solid #000;
    position: relative;
}
.header .bg_onoff {
    background-position: 50% 100%;
    display: block;
    height: 24px;
    width: 51px;
}
.header .bg_onoff .b {
    background-position: 0 0;
    display: block;
    height: 24px;
    left: 0;
    position: absolute;
    top: 0;
    width: 25px;
}
.bg_on .header .bg_onoff .b {
    left: 26px;
}
.header .link_intshop {
    float: left;
}


a {
    color: #000;
    text-decoration: none;
}
.button {
    background: rgba(0, 0, 0, 0) none no-repeat scroll 50% 50%;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    padding: 0;
}
.input_text, .select_b, textarea {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #000;
    border-image: none;
    border-style: solid;
    border-width: 2px 1px 1px 2px;
    height: 23px;
    line-height: 23px;
}
textarea {
    font-family: NanumGothic,³ª´®°íµñ,µ¸¿ò;
    height: auto;
    line-height: normal;
    padding: 5px 0;
}
.i_r {
    display: inline;
    height: 13px;
    margin: 0;
    padding: 0;
    width: 13px;
}
.i_r_w {
    text-align: center;
}
.i_r_w li {
    display: inline;
    padding: 0 20px;
}
.i_r_w input, .i_r_w label {
    vertical-align: top;
}
span.i_r_w {
    display: inline-block;
    line-height: 16px;
    min-height: 16px;
}
span.i_r_w * {
    vertical-align: baseline;
}
span.i_r_w input {
    margin-right: 2px;
    position: relative;
    top: 2px;
}
.i_r_w label {
    cursor: pointer;
    display: inline-block;
    height: 13px;
    line-height: 13px;
}
span.i_r_w label {
    line-height: 16px;
    min-height: 16px;
}
.select_b {
    color: #000;
    font-size: 11px;
    height: 26px;
    line-height: 26px;
    text-transform: uppercase;
}
.text_box {
    border: 1px solid #000;
    padding: 10px;
}
.subcon {
    margin: 0 10px;
}
.subcon_no_mr {
    margin-left: 10px;
}
.page_title, ol.page_title .f {
    font-size: 10px;
    font-weight: normal;
    margin-bottom: 65px;
    text-transform: uppercase;
}
.page_title::before {
    content: ">";
    display: inline;
    margin-right: 3px;
}
ol.page_title {
    letter-spacing: -3px;
}
ol.page_title::before {
    margin-right: 5px;
}
ol.page_title li {
    display: inline-block;
    height: 11px;
    letter-spacing: normal;
    line-height: 11px;
    margin-right: 10px;
}
ol.page_title li.f {
    margin-bottom: 0;
    width: 223px;
}
ol.page_title li.current {
    color: #ff0000;
    font-family: Verdana,NanumGothic,³ª´®°íµñ,µ¸¿ò;
}
ol.page_title li.current.hav_a, ol.page_title li.current.nr {
    color: #000;
}
ol.page_title li.f11 {
    font-size: 11px;
}

.quantity_num {
    display: inline-block;
    height: 24px;
    padding-right: 13px;
    position: relative;
}
.quantity_num .input_text {
    border: 1px solid #000;
    display: block;
    font-size: 10px;
    height: 16px;
    line-height: 16px;
    margin-top: 3px;
    padding: 0 3px;
    text-align: right;
    width: 23px;
}
.quantity_num .button_wrap {
    display: block;
    margin-top: -9px;
    position: absolute;
    right: 0;
    top: 50%;
}
.quantity_num .button {
    background-image: url("/html/image/button/button_arrow2.gif");
    display: block;
    height: 9px;
    width: 12px;
}
.quantity_num .button_up {
    background-position: 50% 2px;
}
.quantity_num .button_down {
    background-position: 50% -7px;
}
.b_w {
    border: 1px solid #000;
    display: inline-block;
}
.search_form .b_w {
    border-left-width: 0;
}
.button_search {
    background-color: #c9c9c9;

    height: 24px;
    width: 50px;
}
.clear {
}
.clear::after {
    clear: both;
    content: "";
    display: block;
}
.blind {
    display: inline-block;
    font-size: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    visibility: hidden;
    width: 0;
}
.link_intshop a { width: 55px; height: 26px; display: block;background:url('/design/smlsales/intshop_button_mouseoff.gif') no-repeat; }
.link_intshop a:hover { background:url('/design/smlsales/intshop_button_mouseon.gif') no-repeat; }
/* BASIC css end */