@charset "utf-8";

@import url("font.css");
@import url("layout.css");


/* reset */
html, body {width:100%; height:100%;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, button, address, em, img, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, hr, figure {margin:0; padding:0;}
body {font-family:Pretendard, sans-serif; font-size:16px; color:#312E2D; font-weight:500; word-break:break-all; word-wrap:break-word;}
ol, ul, li {list-style:none;}
table {width:100%; border-collapse:collapse; border-spacing:0;}
form, fieldset, iframe {display:block; border:0;}
img, button {border:0 none; vertical-align:middle;}
i, em, address {font-style:normal;}
label, button {cursor:pointer;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block; margin:0; padding:0;}
input, textarea, select {margin:0; padding:0; -webkit-border-radius:0; border-radius:0; vertical-align: baseline; outline-style:none; outline:none;}


textarea, input, select, textarea{font-family:Pretendard; font-weight:600; text-decoration:none;}
.blind, legend, caption {overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; line-height:0; white-space:normal; word-wrap:break-word; word-break:break-all; clip: rect(0, 0, 0, 0);}
select {appearance:none; -moz-appearance:none; -webkit-appearance:none; background:#fff url(../images/common/select_arrow_down.svg); background-size:15px; background-repeat:no-repeat; background-position:calc(100% - 8px) 8px;}
select {-webkit-border-radius:0; appearance:none; -webkit-appearance:none; }
select::-ms-expand {display:none;}
textarea {text-align:left; border:solid 1px #e0e0e0; background:#fff; box-sizing:border-box; padding:12px 20px 13px 20px; width:100%; overflow:auto; resize:none;}
input, select, textarea {line-height:19px; font-size:15px; font-family:Pretendard; vertical-align: middle;}
button { font-size: 0; border:0 none; background: none; -webkit-appearance:none; cursor:pointer;}
button::-moz-focus-inner,input::-moz-focus-inner {border:0; padding:0;}
button:focus {outline:none}
[type=button] button {background-color:transparent; background-image:none;}

a {color:#312E2D; text-decoration:none !important; cursor:pointer;}
a:hover,a:active,a:visited {color:#312E2D;}
p,div {word-break:keep-all;}
* {box-sizing:border-box; -webkit-box-sizing:border-box;}
.blind, .hiddenTxt {overflow:hidden; display:inline-block; border:0; margin:0; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px); clip-path:inset(50%); position:absolute; top:0 !important; left:0 !important;}

input::-webkit-input-placeholder{color:rgba(49 ,46, 45, 0.4);}
input:-moz-input-placeholder{color:rgba(49 ,46, 45, 0.4);}
input::-moz-input-placeholder{color:rgba(49 ,46, 45, 0.4);}
input:-ms-input-placeholder{color:rgba(49 ,46, 45, 0.4);}


textarea::-webkit-input-placeholder {color:rgba(49 ,46, 45, 0.4); }
textarea:-moz-placeholder {/* Firefox 18- */ color:rgba(49 ,46, 45, 0.4);}
textarea::-moz-placeholder { /* Firefox 19+ */color:rgba(49 ,46, 45, 0.4);}
textarea:-ms-input-placeholder {color:rgba(49 ,46, 45, 0.4);}


.checkbox {position:absolute; left:-9999px;}
.checkbox + p {display:inline-block; vertical-align:middle; font-size:14px; color:#1E1E20; line-height:24px; cursor:pointer;}
.checkbox + p em {display:inline-block; vertical-align:middle; width:22px; height:22px; background:url(../images/common/bg_check_off.svg) no-repeat 0 0; background-size:22px auto; transition:all 0.5s ease;}
.checkbox + p span {display:inline-block; vertical-align:middle; margin-left:5px;}
.checkbox:checked + p em {background-image: url(../images/common/bg_check_on.svg);}

.Check {display:inline-block; position:relative; padding-left:27px; font-size:14px; line-height:30px;}
.Check.type1 {display:inline-block; position:relative; padding-left:22px; font-size:16px; line-height:34px;}
.Check.type2 {display:inline-block; position:relative; padding-bottom:5px; padding-left:22px; font-size:16px; line-height:34px;}
.Check input[type="checkbox"] {position:absolute; opacity:0; left:0; top:50%;}
.Check span.fakeCheck {position:absolute; width:18px; height:18px; border:1px solid #ddddde; background:#fff; border-radius:3px; box-sizing:border-box; left:0; top:-9px;}
.Check span.fakeCheck.type1 {position:absolute; width:18px; height:18px; border:1px solid #e4e7e8; border-radius:3px; box-sizing:border-box; left:0; top:-15px}
.Check input[type="checkbox"]:checked ~ span.fakeCheck {background-color:#49a6aa; border-color:#49a6aa; background-image:url(../images/common/icon_check.svg); background-size:12px; background-repeat:no-repeat; background-position:center center;}