@charset "utf-8";

/* Reset */
*{ -webkit-text-size-adjust:none; -webkit-tap-highlight-color:rgba(255,255,255,0);}
html {-webkit-overflow-scrolling:touch;} /* 아이폰 스크롤링 자연스럽지 못한 현상 */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{ margin:0; padding:0; border: 0}
body,input,textarea,select,button,table,h1,h2,h3,h4,h5{ font-family:'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'Nanum Gothic', 'Apple Gothic', Helvetica Neue, '돋움', Dotum, sans-serif; font-size:16px; font-weight:300; letter-spacing: -0.065em;  color:#323232}
ul,ol,li{ list-style:none}
img{ border:0px none}
img,input,select,button,label{ vertical-align:top; border-radius: 0; display: inline-block}
i,em,address{ font-style:normal}
a{ text-decoration:none;color:#222}
a:hover{ text-decoration:none}
table{ border-collapse:collapse; border-spacing:0; table-layout:fixed}
article,aside,hgroup,header,footer,figure,figcaption,nav,section{ display:block}
caption, legend, .skip{ position: absolute; width: 0; height: 0; left: -30000% !important; overflow: hidden}
button{ cursor: pointer}
.clear{ display:block; height:0px; font-size:0px; font-size:0em; line-height:0px; content:''; overflow:hidden; clear:both}
.fl{float:left}
.fr{float:right}
.afterClear:after{display:block;content:'';clear:both}
.txt_al{text-align:left}
.txt_ar{text-align:right}
.txt_ac{text-align:center}
.txt_vt{vertical-align:top}
.hide, [hidden]{ display: none !important}
.relative{ position: relative !important}
.inBlock{ display: inline-block !important}
.block{ display: block !important}
.ellips{ overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
button, button[disabled], html input[disabled], input[type=reset], input[type=submit], label{ cursor: pointer;}

/*Color*/
.txt_red{color:#cb330a}
.txt_blue{color:#0777d0}
.txt_blue2{color:#0086f0}
.txt_orange{color:#eb6100}
.txt_yellow{color:#908100}
.txt_green{color:#00903a}
.txt_red{color:#ee5a5a}
.txt_black{color:#000}
.strong{ font-weight: 600}

/*Size*/
.w10{width:10%}.w15{width:15%}.w17{width:17%}.w20{width:20%}.w25{width:25%}.w28{width:28%}.w30{width:30%}.w32{width:32%}.w35{width:35%}.w40{width:40%}.w45{width:45%}.w49{width: 49%}.w50{width:50%}.w55{width:55%}.w60{width:60%}.w65{width:65%}.w70{width:70%}.w80{width:80%}.w90{width:90%}.w100{width:100%}
.w60p{width:60px}.w70p{width:70px}.w80p{width:80px}.w90p{width:90px}.w100p{width:100px}.w110p{width:110px}.w120p{width:120px}.w130p{width:130px}.w150p{width:150px}.w180p{width:180px}.w200p{width:200px}
.h10{height:10px}.h20{height:20px}.h30{height:30px}.h40{height:40px}.h50{height:50px}.h60{height:60px}.h70{height:70px}.h80{height:80px}.h90{height:90px}.h100{height:100px}.h110{height:110px}.h120{height:120px}.h130{height:130px}.h140{height:140px}.h150{height:150px}.h160{height:160px}.h170{height:170px}.h180{height:180px}.h190{height:190px}.h200{height:200px}.h210{height:210px}.h220{height:220px}.h230{height:230px}.h240{height:240px}.h250{height:250px}.h260{height:260px}.h270{height:270px}.h280{height:280px}.h290{height:290px}.h300{height:300px}.h310{height:310px}.h320{height:320px}.h330{height:330px}.h340{height:340px}.h350{height:350px}.h360{height:360px}.h370{height:370px}.h380{height:380px}.h390{height:390px}.h400{height:400px}.h410{height:410px}.h420{height:420px}.h430{height:430px}.h440{height:440px}.h450{height:450px}.h460{height:460px}.h470{height:470px}.h480{height:480px}.h490{height:490px}.h500{height:500px}.h510{height:510px}.h520{height:520px}.h530{height:530px}.h540{height:540px}.h550{height:550px}.h560{height:560px}.h570{height:570px}.h580{height:580px}.h590{height:590px}.h600{height:600px}.h610{height:610px}.h620{height:620px}.h630{height:630px}.h640{height:640px}.h650{height:650px}.h660{height:660px}.h670{height:670px}.h680{height:680px}.h690{height:690px}.h700{height:700px}

/*Margin*/
.ml10{ margin-left: 10px !important}
.ml20{ margin-left: 20px !important}
.mt10{ margin-top: 10px !important}
.mt20{ margin-top: 20px !important}
.mt30{ margin-top: 30px !important}
.mt40{ margin-top: 40px !important}
.mt60{ margin-top: 60px !important}
.mb0{ margin-bottom: 0 !important}
.mb10{ margin-bottom: 10px !important}
.mb20{ margin-bottom: 20px !important}
.m0{ margin: 0 !important}
.mt0{ margin-top: 0 !important}

/*Padding*/
.pt0{ padding-top: 0 !important}

input[type="checkbox"], input[type="radio"]{margin: 0 3px 0 0; width:22px; height: 22px; padding: 0; vertical-align: middle; position: relative; top: -2px}
input[type=text], input[type=password], input[type=number], input[type=date]{ -webkit-appearance:none; padding: 0; box-sizing: border-box; height: auto}

/* 입력창 한글 전용 ie 전용 */
input[type=text]{-webkit-ime-mode:active;-moz-ime-mode:active;-ms-ime-mode:active;ime-mode:active;}