@charset "UTF-8";
@import url("font.css");
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/

/*media resize*/
* {-webkit-text-size-adjust: none}


/* Base */
html,body{width:100%;height:100%}
html {overflow-x:hidden;overflow-y:scroll;}
body {*word-break:break-all;-ms-word-break:break-all;}
html,input,select,textarea,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{
color: rgb(105, 105, 105); font-size:14px;letter-spacing:-0.2px; 
font-family:'NotoKr',sans-serif;
}
[hidden], base, basefont, command, datalist, head,input[type=hidden], link, menu[type=context], meta, noembed, noframes,
param, script, source, style, track, title { display: none;}
html, body, address, article, aside, blockquote, center, dd, dir, div, dl,dt, figure, figcaption, footer, form, h1, h2, h3, h4, h5, h6, header,
hgroup, hr, legend, listing, menu, nav, ol, p, plaintext, pre,section, summary, ul, xmp { display: block; }

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, button, time, mark, audio, video {margin:0; padding:0; border:0; background:transparent}
ul { padding-left: 0; }
ol, li, ul, dl {list-style:none}
a { color: inherit; text-decoration: none;border:0px;  }
img {border:none; vertical-align:top}
.clearfix:before, .clearfix:after { content: " "; display: table;}
.clearfix:after { clear: both; }

/* table */
table { table-layout:fixed; border-collapse:collapse; border-spacing:0; width:100%;padding:0;background:transparent}
table img{vertical-align:middle}

input [type=text]
input,select,button{vertical-align:middle; cursor: auto;}
input{
padding:3px; color:#666; vertical-align:middle; border:0 none;background:transparent;
display: inline-block; text-align: start;
}
input[placeholder], [placeholder], *[placeholder] {color:#000;font-size:16px}
textarea {
border:1px solid #a7a7a7;padding:5px;line-height:1.4em;border-radius:5px;
}

caption, legend {display:none;overflow:hidden; visibility:hidden; width:0; height:0; line-height:0; font-size:0}
fieldset, img {border:none}
fieldset img {vertical-align:middle}
dd {float:none; display:inline-block;}
label, button, .hand{cursor:pointer}

/* unit */
select,textarea {border:1px solid #cecece}
select{padding:4px; height:40px; background:#fff; border:1px solid #a7a7a7; width:90px;border-radius:4px;}
select:option {padding:5px;}
i,address,em{font-style:normal}
button *{position:relative;vertical-align:middle;}
button img{left:-3px;*left:auto}
html:first-child select{padding-right:6px}
option{padding-right:6px}
legend{*width:0}

.f_l {float:left}
.f_r {float:right}
.nec {font-weight:bold; color:red; font-size:18px; vertical-align:middle}
.ct {text-align:center}
.ef {text-align:left;}
.mthumb {width:160px; height:98px; margin-top:5px}
.m0a {margin:0 auto}

/* 스타일 */
.stm1 {color:#1b6ee6;font-size:12px;}
.bgc01 {background-color:rgb(247, 247, 247)}
.bgc02 {background-color:rgb(244, 247, 251)}
.brline {border-right:1px solid #c3c3c3}

/* magin */
.mt0 {margin-top:   0px !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}
.mt35{margin-top: 35px !important}
.mt40{margin-top: 40px !important}
.mt45{margin-top: 45px !important}
.mt50{margin-top: 50px !important}

.mr0 {margin-right:0px !important}
.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}
.mr35{margin-right:35px !important}
.mr40{margin-right:40px !important}
.mr45{margin-right:45px !important}
.mr50{margin-right:50px !important}

.ml0{margin-left: 0px !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}
.ml35{margin-left:35px !important}
.ml40{margin-left:40px !important}
.ml45{margin-left:45px !important}
.ml50{margin-left:50px !important}

.mb0{margin-bottom: 0px !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}
.mb35{margin-bottom:35px !important}
.mb40{margin-bottom:40px !important}
.mb45{margin-bottom:45px !important}
.mb50{margin-bottom:50px !important}
.mb60{margin-bottom:60px !important}



/* padding */
.pt0 {padding-top:  0px !important}
.pt5 {padding-top:  5px !important}
.pt10{padding-top: 10px !important}
.pt15{padding-top: 15px !important}
.pt20{padding-top: 20px !important}
.pt25{padding-top: 25px !important}
.pt30{padding-top: 30px !important}
.pt35{padding-top: 35px !important}
.pt40{padding-top: 40px !important}
.pt45{padding-top: 45px !important}
.pt50{padding-top: 50px !important}

.pr0 {padding-right:0px !important}
.pr5 {padding-right:5px !important}
.pr10{padding-right:10px !important}
.pr15{padding-right:15px !important}
.pr20{padding-right:20px !important}
.pr25{padding-right:25px !important}
.pr30{padding-right:30px !important}
.pr35{padding-right:35px !important}
.pr40{padding-right:40px !important}
.pr45{padding-right:45px !important}
.pr50{padding-right:50px !important}

.pl0{padding-left:0px !important}
.pl5{padding-left:5px !important}
.pl10{padding-left:10px !important}
.pl15{padding-left:15px !important}
.pl20{padding-left:20px !important}
.pl25{padding-left:25px !important}
.pl30{padding-left:30px !important}
.pl35{padding-left:35px !important}
.pl40{padding-left:40px !important}
.pl45{padding-left:45px !important}
.pl50{padding-left:50px !important}

.pb0{padding-bottom:0px !important}
.pb5{padding-bottom:5px !important}
.pb10{padding-bottom:10px !important}
.pb15{padding-bottom:15px !important}
.pb20{padding-bottom:20px !important}
.pb25{padding-bottom:25px !important}
.pb30{padding-bottom:30px !important}
.pb35{padding-bottom:35px !important}
.pb40{padding-bottom:40px !important}
.pb45{padding-bottom:45px !important}
.pb50{padding-bottom:50px !important}

/* align */
.align-01 {
	display: flex;
    justify-content: space-between;
	flex-wrap:nowrap;
}
.align-02 {
	display: flex;
    justify-content: flex-start;
	align-items:center;
	flex-wrap:nowrap;
}


/* color */
.col01 {color:#4a62dd;font-weight:700}
.col02 {color:#f44e7d;font-weight:700}
.col03 {color:#5152cf;font-weight:700}
.col04 {color:#3e8a15;font-weight:700}


/* button */

button.order {
width:245px; height:55px; 
padding:15px 25px;font-weight:700;font-size:14px;
background:rgb(45, 53, 64);color:rgb(255, 255, 255)
}
button.alone {
float:none;margin:0 auto;display:block;
width:200px; height:55px; 
padding:15px 25px;font-weight:700;font-size:14px;
background:rgb(45, 53, 64);color:rgb(255, 255, 255)
}
button.cart {
width:245px; height:55px;
padding:15px 25px;font-weight:700;font-size:14px;
border:1px solid #9f9f9f;
}
button.cancel {width:100px; height:40px; padding:7px; background:#dce1eb}
button.ok {width:100px; height:40px; padding:7px;background:#2d363f;color:#fff}
button.gomain {width:150px; height:40px; 
padding:7px;background:#2d363f;color:#fff;
}
button.list {
float:none;
width:145px; height:45px; 
padding:15px 25px;font-weight:700;font-size:14px;
background:rgb(45, 53, 64);color:rgb(255, 255, 255);
margin:20px auto
}
button.dbchk {
float:none;
padding:9px 12px; background:#606a74;color:#fff;font-size:11px;
border-radius:5px;letter-spacing:-0.5px;
}