@charset "utf-8";

/* Reset */
html{width:100%;height:100%}
html{overflow-y:scroll}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,select,button,textarea{word-break:break-all; font-family:'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', 'Nanum Gothic', 'nanumgothic', NG, '나눔고딕',  Sans-Serif, 'Dotum', '돋움', 'Gulim', '굴림', '굴림체'; font-size:13px; letter-spacing: -1px; color:#515151}
img,fieldset,iframe{border:0 none}
/* li{list-style:none}  */
input,select,button{vertical-align:middle}
img{vertical-align:top}
i,address{font-style:normal}
button{margin:0;padding:0}
a{color: #262626; text-decoration:none}
a:hover{text-decoration:none}
table{border-collapse:collapse; border-spacing:0}
legend, caption { overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0}
section{overflow: hidden; display:block;}


/*control*/
[hidden] {display: none}
.hidden{ display: none}
.blind{display: none; visibility: hidden; width: 0; height: 0; font-size: 0}
.both{clear: both}
.float-left{float: left}
.float-right{float: right}
.relative{position:relative}
.absolute{position: absolute}
.inline-block{display: inline-block;}

/*text*/
.text-bold{font-weight: bold}
.text-normal{font-weight:normal}
.text-left{text-align:left}
.text-center{text-align:center}
.text-right{text-align:right}


/*margin*/
.ml2{margin-left:2px}
.ml3{margin-left:3px}
.ml4{margin-left:4px}
.ml5{margin-left:5px}
.ml6{margin-left:6px}
.ml7{margin-left:7px}
.ml8{margin-left:8px}
.ml9{margin-left:9px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.ml25{margin-left:25px}
.ml30{margin-left:30px}
.ml40{margin-left:40px}

.mt2{margin-top:2px}
.mt3{margin-top:3px}
.mt4{margin-top:4px}
.mt5{margin-top:5px}
.mt6{margin-top:6px}
.mt7{margin-top:7px}
.mt8{margin-top:8px}
.mt9{margin-top:9px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}

.mr2{margin-right:2px}
.mr3{margin-right:3px}
.mr4{margin-right:4px}
.mr5{margin-right:5px}
.mr6{margin-right:6px}
.mr7{margin-right:7px}
.mr8{margin-right:8px}
.mr9{margin-right:9px}
.mr10{margin-right:10px}
.mr15{margin-right:15px}
.mr20{margin-right:20px}
.mr25{margin-right:25px}
.mr30{margin-right:30px}
.mr40{margin-right:40px}

.mb2{margin-bottom:2px}
.mb3{margin-bottom:3px}
.mb4{margin-bottom:4px}
.mb5{margin-bottom:5px}
.mb6{margin-bottom:6px}
.mb7{margin-bottom:7px}
.mb8{margin-bottom:8px}
.mb9{margin-bottom:9px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb25{margin-bottom:25px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}

/*padding*/
.pl2{padding-left:2px}
.pl3{padding-left:3px}
.pl4{padding-left:4px}
.pl5{padding-left:5px}
.pl6{padding-left:6px}
.pl7{padding-left:7px}
.pl8{padding-left:8px}
.pl9{padding-left:9px}
.pl10{padding-left:10px}
.pl15{padding-left:15px}
.pl20{padding-left:20px}
.pl25{padding-left:25px}
.pl30{padding-left:30px}
.pl40{padding-left:40px}

.pt2{padding-top:2px}
.pt3{padding-top:3px}
.pt4{padding-top:4px}
.pt5{padding-top:5px}
.pt6{padding-top:6px}
.pt7{padding-top:7px}
.pt8{padding-top:8px}
.pt9{padding-top:9px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt25{padding-top:25px}
.pt30{padding-top:30px}
.pt40{padding-top:40px}

.pr2{padding-right:2px}
.pr3{padding-right:3px}
.pr4{padding-right:4px}
.pr5{padding-right:5px}
.pr6{padding-right:6px}
.pr7{padding-right:7px}
.pr8{padding-right:8px}
.pr9{padding-right:9px}
.pr10{padding-right:10px}
.pr15{padding-right:15px}
.pr20{padding-right:20px}
.pr25{padding-right:25px}
.pr30{padding-right:30px}
.pr40{padding-right:40px}

.pb2{padding-bottom:2px}
.pb3{padding-bottom:3px}
.pb4{padding-bottom:4px}
.pb5{padding-bottom:5px}
.pb6{padding-bottom:6px}
.pb7{padding-bottom:7px}
.pb8{padding-bottom:8px}
.pb9{padding-bottom:9px}
.pb10{padding-bottom:10px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pb25{padding-bottom:25px}
.pb30{padding-bottom:30px}
.pb40{padding-bottom:40px}


/*input*/
input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], input[type=file], select, textarea{ display: inline-block; padding:6px 8px 7px 6px; color:#515151; background: #fff; border: 1px solid #cdcdcd; box-sizing:border-box; border-radius: 2px; letter-spacing: -0.5px}
input[type=email]:hover, input[type=number]:hover, input[type=password]:hover, input[type=tel]:hover, input[type=text]:hover, input[type=url]:hover, select:hover, textarea:hover{border:1px solid #a2a2a2}
input[type=checkbox]{width:17px; height: 17px; cursor: pointer}
input[type=radio], input[type=checkbox]{margin: 0 4px 0 0}
input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden}
.upload-name {display: inline-block; padding-left: 10px; color: #515151;  background-color: #fff; border: 1px solid #cdcdcd; border-radius: 2px; box-sizing:border-box; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none;}
.w70{width: 70px}
.w100{width: 100px}
.w120{width: 120px}
.w130{width: 130px}
.w136{width: 136px}
.w180{width: 180px}
.w200{width: 200px}
.w240{width: 240px}
.w370{width: 370px}
.w570{width: 570px}
input.none{background: none; border: 0}
input.none:hover{background: none; border: 0}
textarea{resize: none}
select.sel{width: 100%}