@charset "utf-8";

/* Reset */
* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; outline:none; word-break:keep-all}
*:focus {outline:none;}

html {height:100%; overflow-y:scroll; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; line-height:1.3}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0}
body {height:100%; min-width:320px; color:#2d2d2d; font-size:14px; font-family:"Noto Sans KR", "맑은 고딕", "Malgun Gothic", Dotum, Arial, sans-serif; -webkit-font-smoothing:antialiased; -webkit-overflow-scrolling:touch; padding-top:constant(safe-area-inset-top);  padding-bottom:constant(safe-area-inset-bottom); padding-top:env(safe-area-inset-top); padding-bottom:env(safe-area-inset-bottom);}
h1,h2,h3,h4,h5,h6 {font-weight:normal; font-size:100%}
ul:after {content:''; display: block; clear:both}

input, select, textarea, button, label {font-size:100%; vertical-align:middle}
input {border:1px solid #bbb; font-size:14px; overflow:visible; transition:all 0.4s; color: #555;}
input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="number"], input[type="date"], input[type="search"] {width:100%; height:44px; font-size:14px; padding:0 33px 0 16px; outline:none; font-family:"Noto Sans KR", "맑은 고딕", "Malgun Gothic", Dotum, Arial, sans-serif; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:2.5px; background:#fff}
input[type="date"] {background:url(../images/icon/icon_cal.png) right 12px center no-repeat; background-size:20px;}
input:read-only,
input:disabled{color: #ccc; -webkit-text-fill-color:inherit; background:#efefef;}
input:focus {color:#555; transition:all 0.4s; border:1px solid #222;}

select {width:100%; height:44px; padding:0 30px 0 16px; font-size:14px; font-family:"Noto Sans KR", "맑은 고딕", "Malgun Gothic", Dotum, Arial, sans-serif; border:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; text-transform:none; transition:border 0.4s; border-radius:2.5px; border:1px solid #bbb;}
select::-ms-expand {display:none}
select:disabled {color:#ccc; transition:all 0.4s; -webkit-text-fill-color:inherit;}
select:disabled option {color:#ccc}
select:focus {color: #555; transition:all 0.4s; border: 1px solid #222;}

strong {font-weight:700}
fieldset, img, iframe {border:0 none}
img {max-width:100%; height:auto; vertical-align:middle; border-style:none}
textarea {width:100%; padding:10px; -webkit-box-sizing:border-box; box-sizing:border-box; resize:none; border:1px solid #b2b2b2; font-family:"Noto Sans KR", "맑은 고딕", "Malgun Gothic", Dotum, Arial, sans-serif; -webkit-appearance:none; -moz-appearance:none; appearance:none}
em, address {font-style:normal}
a {text-decoration:none; background-color:transparent; vertical-align:middle; -webkit-text-decoration-skip:objects; color:#000; word-break:break-word}
a:hover, a:active, a:focus {text-decoration:none}
menu,li {list-style:none}
button {padding:0; margin:0; overflow:visible; cursor:pointer; vertical-align:middle; text-transform:none; font-family:"Noto Sans KR", "맑은 고딕", "Malgun Gothic", Dotum, Arial, sans-serif; border:none; background:none;}
button, html [type="button"], [type="reset"],[type="submit"] {-webkit-appearance}
caption {width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden}
hr {display:none}
i,em,address {font-style:normal}
label {cursor:pointer}
table {width:100%; color:#000; table-layout:fixed; border-spacing:0; border-collapse:collapse}
table td {word-wrap:break-word}


/* 공통 */
.hidden {position:absolute; left:-9999em; top:-9999em; width:0px; height:0px; overflow:hidden}
.tar {text-align:right !important}
.tal {text-align:left !important}
.tac {text-align:center !important}
.fl {float:left !important}
.fr {float:right !important}
.b {font-weight:700}
.w100 {width:100% !important}
.bdn {border:none !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}
.mt40 {margin-top:40px !important}
.mt50 {margin-top:50px !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}
.mb45 {margin-bottom:45px !important}

/* 크기 */
.w10 {width:10% !important;}
.w20 {width:20% !important;}
.w30 {width:30% !important;}
.w40 {width:40% !important;}
.w50 {width:50% !important;}
.w60 {width:60% !important;}
.w70 {width:70% !important;}
.w80 {width:80% !important;}
.w90 {width:90% !important;}
.w100 {width:100% !important;}





@media (max-width:640px) {

}


@media (max-width:320px) {

}