@charset "UTF-8";

/* reset style */
*{margin:0; padding:0; box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block;}
audio,canvas,progress,video{display:inline-block;}
html,body,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ol,ul,li,blockquote,pre,button,fieldset,form,legend,table,caption,tbody,tfoot,thead,tr,th,td,iframe,article,aside,canvas,details,embed,figure,figcaption,header,footer,menu,nav,section,summary,audio,video,address{border:0;font-size:inherit;font-family:inherit;vertical-align:baseline;line-height:inherit;}

img {display:block;}
img,fieldset{border:none;}
b,strong{font-weight:600;}
em,dfn,cite,address,i{font-style:normal;}
label{cursor:pointer; margin-bottom:0;}
a,a:link,a:hover,a:active{text-decoration:none; color:#34373a;}
button:focus, button:active, input:focus, input:active, textarea:focus, textarea:active{outline:none !important;}

ol,ul,li{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
.skip, caption, legend{width: 1px; height: 1px; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; position: absolute; left: -9999px;}

.clear{clear:both;}
.hidden{display:none;}
.txtLeft{text-align:left !important;}

html,body{width:100%; height:100%; -webkit-tap-highlight-color:transparent;}
body{font-family:"맑은고딕","Malgun Gothic",sans-serif; font-size:14px; overflow:hidden;}

/* 입력 form */
input{font-size:inherit;font-family:inherit;color:inherit;vertical-align:middle;}
input[type="file"]{border:none;}
input[type="radio"],input[type="checkbox"]{border:none;}
button{text-transform:none;vertical-align: middle;}
button,[type="button"],[type="reset"],[type="submit"]{cursor: pointer;}
select{font-size:inherit;font-family:inherit;color:inherit;text-transform:none;vertical-align:middle;}
textarea{font-size:inherit;font-family:inherit;color:inherit;vertical-align:middle;resize:none;}
input[disabled="disabled"]{background-color:#ebebeb;color:#959595;}
select[disabled="disabled"]{background-color:#ebebeb;color:transparent;}

/* select */
.select_box {position: relative; height: 30px; /* 화살표 이미지 */ display:inline-block; vertical-align:middle; border:1px solid #d7d7d7; background-color:#fff;}
.select_box label {/*position: absolute;*/ display:block; width:100%; letter-spacing:normal; margin:0; margin-bottom:0; height:30px; line-height:30px; background-image:url(../../images/mobile/icSelect.png); background-repeat:no-repeat; background-position:right 10px center; padding:0 28px 0 10px;}
.select_box select {width: 100%; padding: 0 10px; opacity: 0; filter: alpha(opacity=0); /* IE 8 */ border-radius:5px; height:30px !important; position:absolute; top:0; left:0;}

/* checkbox custom */
input[type=checkbox].hlabel {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; vertical-align:middle;}
input[type=checkbox].hlabel + label {display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-weight:normal; margin-bottom:0; font-size:12px; vertical-align:top;}
input[type=checkbox].hlabel + label:before {content: ''; display: inline-block; width: 16px; height: 16px; line-height: 16px; margin-right:10px; text-align: center; vertical-align: middle; background-image:url(../../images/mobile/ic_check.png); background-repeat:no-repeat; background-position:0 0; margin-top:-2px;}
input[type=checkbox].hlabel:checked + label:before {background-image:url(../../images/mobile/ic_checked.png);}
input[type=checkbox].nolabel + label:before {margin:0;}

/* radio custom */
input[type=radio].hlabel {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0}
input[type=radio].hlabel + label {display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-weight:normal; margin-bottom:0; font-size:12px; vertical-align:top; margin-right:10px;}
input[type=radio].hlabel + label:before {content: ''; display: inline-block; width: 16px; height: 16px; line-height: 16px; margin: -2px 10px 0 0; text-align: center; vertical-align: middle; background-image:url(../../images/mobile/ic_radio.png); background-repeat:no-repeat; background-position:0 0;}
input[type=radio].hlabel:checked + label:before {background-image:url(../../images/mobile/ic_chradio.png);}
input[type=radio].nolabel + label:before {margin:0;}

/* button custom */
.btnBlue{background-color:#0c4da2; border:1px solid #0c4da2; color:#fff; text-align:center; padding:9px 13px; border-radius:3px; font-weight:600;}
.btnPink{background-color:#cd406a; border:1px solid #cd406a; color:#fff; text-align:center; padding:9px 13px; border-radius:3px; font-weight:600;}
.btnWhite{background-color:#f8f9fa; border:1px solid #ced4da; color:#495057; text-align:center; padding:9px 13px; border-radius:3px; font-weight:600;}

/* 정렬 */
.fl{float:left;}
.fr{float:right;}