@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");

/* CSS Document */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src: local('Noto Sans Thin'), local('NotoSans-Thin'),
    url(https://kr.object.ncloudstorage.com/dtikorea/fonts/NotoSansKR-Thin-Hestia.eot),
    url(https://kr.object.ncloudstorage.com/dtikorea/fonts/NotoSansKR-Thin-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://kr.object.ncloudstorage.com/dtikorea/fonts/NotoSansKR-Thin-Hestia.woff) format('woff'),
    url(https://kr.object.ncloudstorage.com/dtikorea/fonts/NotoSansKR-Thin-Hestia.otf) format('opentype');
}

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

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

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

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'),
    url(https://kr.object.ncloudstorage.com/dtikorea/fonts/NotoSansKR-Bold-Hestia.eot),
    url(https://kr.object.ncloudstorage.com/dtikorea/fonts/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://kr.object.ncloudstorage.com/dtikorea/fonts/NotoSansKR-Bold-Hestia.woff) format('woff'),
    url(https://kr.object.ncloudstorage.com/dtikorea/fonts/NotoSansKR-Bold-Hestia.otf) format('opentype');
}
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
/* 초기화 */
html {overflow-y:auto}
body {margin:0;padding:0;font-size: 13px;font-family:'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;background:#fff;letter-spacing: 0;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:13px;}
input, button {margin:0;padding:0;font-family:'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;font-size:13px;}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;font-size:13px;}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:13px}
a {color:#555;text-decoration:none}

table{
    padding:0;
    border:0;
    border-spacing:0px;
    border-collapse:collapse;
}
th, td{
    padding:0;
}


*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type=text],input[type=password], textarea {
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
}

input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {
    -webkit-box-shadow:  0 0 5px #9ed4ff;
    -moz-box-shadow:  0 0 5px #9ed4ff;
    box-shadow: 0 0 5px #9ed4ff;
    border: 1px solid #558ab7 !important;
}
.placeholdersjs { color: #aaa !important; }



.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pb10{padding-bottom:10px;}
.pt20{padding-bottom:20px;}
.pt30{padding-bottom:30px;}
.pt40{padding-bottom:40px;}
.pt50{padding-bottom:50px;}
.mt5p{margin-top:0.5%;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt80{margin-top:80px;}

.mb0{margin-bottom:0 !important;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mr{margin-right:0 !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}