@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: 돋음, Dotum,  Apple Gothic, Arial, sans-serif;font-size:12px;color:#515151;}
input,textarea{font-family: 돋음, Dotum,  Apple Gothic, Arial, sans-serif;font-size:11px;color:#515151;}
input[type=text],
input[type=password]{height:20px;border:1px solid #ddd;padding-left:5px;}
input[type=text].line,
input[type=password].line { height:20px;border:1px solid #ddd; padding-left:5px;}
textarea {padding:5px; border:1px solid #ddd;}
table {    border-spacing: 0; border-collapse: collapse;padding:0 }
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;}
.input-box-default-text {color:#515151 !important; letter-spacing:-1px;}
.tahoma {font-family:tahoma;}
ul:after {display:block;visibility:hidden;clear:both;content:""}
caption {display:none;}
*, html, body {
    margin: 0;
    padding: 0;
}


/* 색상 */
.red {color:red}
.black {color:#000}
.gray {color:#ccc}
.white {color:#fff}
.blue {color:#66ccff}
.yellow { color:#ffcc00}

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


/* 좌,우 여백설정 */
.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}
.mt27{margin-top:27px !important;}
.mt30{margin-top:30px !important}
.mt50{margin-top:50px !important}

.mb5{margin-bottom:5px !important}
.mb6{margin-bottom:6px !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}
.mb50{margin-bottom:50px !important}
.mb80{margin-bottom:80px !important}

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

.pdl5{padding-left:5px !important}
.pdl10{padding-left:10px !important}
.pdl20{padding-left:20px !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}
.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%}

.wx320{width:320px}
.wx300{width:300px}
.wx500{width:500px}
.wx165{width:165px}
.wx150{width:150px}
.wx110{width:110px}
.wx200{width:200px}
.wx250{width:250px}
.wx80{width:80px}
.wx70{width:70px}
.wx60{width:60px}
.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}

.fx9 {font-size:9px;}
.fx10 {font-size:10px;}
.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;}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }