@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap');
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src: local('Noto Sans Thin'), local('NotoSans-Thin'),
    url(fonts/NotoSansKR-Thin-Hestia.eot),
    url(fonts/NotoSansKR-Thin-Hestia.eot?#iefix) format('embedded-opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans Light'), local('NotoSans-Light'),
    url(fonts/NotoSansKR-Light-Hestia.eot),
    url(fonts/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'),
    url(fonts/NotoSansKR-Regular-Hestia.eot),
    url(fonts/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans Medium'), local('NotoSans-Medium'),
    url(fonts/NotoSansKR-Medium-Hestia.eot),
    url(fonts/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'),
    url(fonts/NotoSansKR-Bold-Hestia.eot),
    url(fonts/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src: local('Noto Sans Black'), local('NotoSans-Black'),
    url(fonts/NotoSansKR-Black-Hestia.eot),
    url(fonts/NotoSansKR-Black-Hestia.eot?#iefix) format('embedded-opentype');
}

body, div, dl, dt, dd, ul, ol, li, 
h1, h2, h3, h4, h5, h6, 
pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin:0; padding:0;}

* {box-sizing:border-box;}
body {font-family:'Noto Sans KR', Arial, tahoma, Helvetica, sans-serif, Dotum; background:#f4f4f4; -webkit-text-size-adjust:100%;}
html, body {width:100%; height:100%; font-size:14px; color:#777; line-height:1.4; letter-spacing:-0.5px;}
ul {list-style:none;}
ol {margin-left:20px;}
a {color:#333; text-decoration:none;}
h1, h2, h3, h4, h5, h6, address, caption {font-weight:500; color:#111; font-family:'Noto Sans KR', sans-serif;}
table {border-collapse:collapse; border-spacing:0;}

input, textarea, select {font-family:dotum;}
/* ¸ð¹ÙÀÏ¿¡¼­ ½ºÅ¸ÀÏ Á¦°Å */
input[type=text], input[type="password"], input[type="button"], input[type="image"], input[type="submit"], input[type="search"], input[type="email"], input[type="url"], input[type="number"], input[type="tel"], /* select, */ textarea {-webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:0; -moz-box-size:border-box; box-sizing:border-box;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;} /* button ÅÂ±× ¼Ó¼º resetÇϱâ */
/* ¹öÆ° ±âº» ½ºÅ¸ÀÏ ------------------------------- */
.btns {display:inline-block; padding:0 10px; height:36px; line-height:34px; font-weight:normal; text-align:center; vertical-align:middle; border-radius:0px; border:1px solid transparent; /* white-space:nowrap; */}
.btns:hover, .btns:focus {opacity:0.9;}
button {cursor:pointer; font-family:'Noto Sans KR', sans-serif;}

#apply_wrap {min-height:100%; box-sizing:border-box; position:relative;}
#apply_wrap #header {background:#fff; border-bottom:1px solid #dfdfdf; padding:20px 0; text-align:center; position:relative;}
#apply_wrap #header h1 {position:absolute; top:17px; left:10px;}
#apply_wrap #header h1 img {max-width:222px;}
#apply_wrap #header h2 {font-size:30px; line-height:1.2;}

#apply_wrap #footer {font-size:13px; position:absolute; bottom:30px; left:0; right:0; width:100%; text-align:center;}

#sin_content {padding:80px 0 60px;}
.sin_con_box {display:table; width:100%; max-width:800px; margin:0 auto;}
.sin_con_box > div {display:table-cell; width:50%; padding:5% 6%; text-align:center; color:#fff; box-sizing:border-box;}
.sin_con_box > .type01 {background:#0099f0; border-top-left-radius:12px; border-bottom-left-radius:12px;}
.sin_con_box > .type02 {background:#404040; border-top-right-radius:12px; border-bottom-right-radius:12px;}
.sin_con_box h3 {font-size:27px; margin-bottom:5%; color:#fff;}
.sin_con_box h3 strong {display:inline-block; border-bottom:1px solid #fff;}
.sin_con_box > .type01 .imgs {margin:15px 0;}
.sin_con_box > .type01 .imgs img {max-width:174px;}
.sin_con_box > .type01 .btns {background:#004491; width:100%; height:60px; line-height:58px; font-size:21px; font-weight:500; color:#fff;}
.sin_con_box > .type02 .sin_input {margin:40px 0;}
.sin_con_box > .type02 .sin_input ul {text-align:left;}
.sin_con_box > .type02 .sin_input ul li {margin:2px 0; position:relative; padding-left:50px;}
.sin_con_box > .type02 .sin_input ul li label {display:inline-block; margin-right:5px; position:absolute; top:7px; left:0;}
.sin_con_box > .type02 .sin_input ul input {width:100%; height:35px; border:0; padding:0 7px; box-sizing:border-box;}
.sin_con_box > .type02 .sin_input .btns {background:#0099f0; width:100%; height:44px; line-height:42px; font-size:21px; font-weight:500; color:#fff;}
.sin_con_box > .type02 .txts {text-align:left; font-family:dotum; font-size:12px;}
.sin_con_box > .type02 .txts span {display:block; margin:5px 0; position:relative; padding-left:15px;}
.sin_con_box > .type02 .txts span:before {content:'¡Ø'; position:absolute; top:0; left:0;}

.sin_tb_group {max-width:800px; margin:0 auto; background:#fff; border:1px solid #707070; border-radius:12px; padding:2%; font-family:dotum; font-size:12px;}
.sin_tb_group .tit_group {overflow:hidden; margin-bottom:10px;}
.sin_tb_group .tit_group h3 {float:left; font-size:22px;}
.sin_tb_group .tit_group .wr_cm_txt {float:right; padding-top:7px;}
.sin_tb_group .wr_cm_txt span {color:#f00000;}
.sin_tb_group .tb {border-top:1px solid #000; width:100%;}
.sin_tb_group .tb input, .sin_tb_group .tb select {border:1px solid #c6c6c6; height:30px;}
.sin_tb_group .tb input {padding:0 5px; box-sizing:border-box;}
.sin_tb_group .tb select {background:#f7f7f7;}
.sin_tb_group .tb th, .sin_tb_group .tb td {border-bottom:1px solid #d8d8d8; height:28px; padding:7px; box-sizing:border-box;}
.sin_tb_group .tb th {color:#222; font-weight:normal; text-align:left;}
.sin_tb_group .tb .es {color:#f00000; font-weight:normal; margin-right:5px;}
.sin_tb_group .btn_set {text-align:right; margin:5px 0;}
.sin_tb_group .btn_set .btns {background:#0099f0; font-size:16px; color:#fff; width:100px; height:34px; line-height:32px; text-align:center;}
.input_tel input, .input_tel select ,
.input_biz input, .input_biz select,
.postnum input, .input_biz select {width:100%; max-width:70px;}
.input_tel span,
.input_biz span,
.postnum input, .postnum button {vertical-align:top;}
.postnum span {padding:0px 2px;}
.postnum .btns {background:#5c5c5c; width:100%; max-width:100px; height:30px; line-height:32px; font-size:12px; font-family:dotum; color:#fff;}
.addr {margin-top:7px;}
.addr input {width:50%; max-width:240px;}
.cm_txt {color:#f00000; margin-top:10px;}

@media screen and (max-width:1200px) {
#sin_content {padding-left:15px; padding-right:15px;}
}

@media screen and (max-width:980px) {
#apply_wrap #header h1 {top:17px;}
#apply_wrap #header h1 img {max-width:160px;}
#apply_wrap #header h2 {font-size:21px;}
}

@media screen and (max-width:768px) {
html, body {font-size:14px;}
#apply_wrap #header {padding:10px 0;}
#apply_wrap #header h1 {position:relative; top:0; left:0; margin-bottom:7px;}

#apply_wrap #footer {position:relative; bottom:auto; margin-bottom:30px;}

#sin_content {padding-top:3%; padding-bottom:5%;}
.sin_con_box, .sin_con_box > div {display:block; width:auto; border-radius:12px; margin-top:20px;}
.sin_con_box h3 {font-size:18px;}
.sin_con_box > .type01 .btns, .sin_con_box > .type02 .sin_input .btns {height:40px; line-height:38px; font-size:15px;}

.sin_tb_group {padding:5%;}
.sin_tb_group .tit_group h3 {float:left; font-size:18px;}
.sin_tb_group .tb tr, .sin_tb_group .tb th, .sin_tb_group .tb td {display:block; width:auto; height:auto;}
.input_tel input, .input_tel select,
.postnum input, .input_biz select {max-width:50px;}
.addr input {width:100%; max-width:none;}
.addr .addr2 {display:block; margin-top:5px;}
}