@charset "utf-8";



/* --------------------------------------------------------- basic ------------------------------------------------------------------ */
/* html, body */
* {margin: 0; padding: 0;}

html, body, input, textarea, select {
    font-family: "NotoSans", "돋움", "Dotum", "맑은고딕", sans-serif;
    font-weight: 400;
    color: #3f3f3f;
}

.subContainer {font-family: "NotoSans", "NanumSquare", "돋움", "Dotum", "맑은고딕", sans-serif;
    font-weight: 400;
    color: #3f3f3f;
    letter-spacing: -0.25px;
}

html {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    /*-webkit-text-size-adjust: none;*/
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {background-color: #fff;}





/* html5 default */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;}
audio, canvas, progress, video {display: inline-block; vertical-align: baseline;}



/* normal */
img {vertical-align:middle; border:none; color: #5f5f60;}
img.full {width: 100%;}
ul li, dl dt dd, ol li {list-style:none;}
a {text-decoration: none; border:none; cursor:pointer;}
a:hover {color:#fe434c;}
a.hideLink {width:0px; height:0px; font-size:0; line-height:0; overflow:hidden; text-indent:-9999px;} /* 웹접근성 링크에 따른 추가 (약관) */

h1, h2, h3, h4, h5, h6 {color: #2e2c2c;}
h1 {font-size: 1.875em; font-weight: 700;} /* 30px */
h2 {font-size: 1.5em; font-weight: 700;} /* 24px */
h3 {font-size: 1.125em; font-weight: 700;} /* 18px */
h4 {font-size: 1em; font-weight: 700;} /* 16px */
h5 {font-size: 0.950em; font-weight: 700;} /* 14px */
h6 {font-size: 0.750em; font-family:'NotoSans','돋움','Dotum', sans-serif; font-weight:700;} /* 12px */



/* padding 영역 벗어나는거 잡아주기 위한 css */
input, textarea, select {
    border:1px solid #cccbd0;
    -webkit-box-sizing: border-box; /* Safari, Chrome et al */
    -moz-box-sizing: border-box; /* Firefox */
    box-sizing: border-box; /* Opera/IE 8+ */
}
input.full, textarea.full, select.full {width:100% !important;}
input[type="image"] {border:none;}
label {font-size:12px; vertical-align:middle;}



/* select style */
select {
    -webkit-border-radius: 1px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../../images/web/icon/basic/select.png") no-repeat right 10px center #fff; /* 화살표 모양의 이미지 */
    padding-left: 10px; padding-right: 32px !important;
    border-radius: 0px; /* iOS 둥근모서리 제거 */
}
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {display: none;}



button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /*-webkit-appearance: none;*/
    cursor: pointer;
}
button[disabled],
html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}
input {
    line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0; margin-right: 2px; vertical-align: middle; border: none;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}

strong {font-weight: bold; color: #231e1e;}
table, table tr th, table tr td {border: none;}
label.dNone {background: none; width: 0; height: 0; font-size: 0; line-height: 0; margin: 0; padding: 0; position: absolute; visibility: hidden;}

.show {display:block !important;}
.hide {display:none !important;}
.hidden {visibility:hidden;}
.bold {font-weight:bold;}
.block {display:block;}
.inline_block {display:inline-block;}
.floatEnd {clear:both;}
.tableCaption {width:0px; height:0px; font-size:0; line-height:0; overflow:hidden;}
.marginT10 {margin-top:10px;}
.marginR10 {margin-right:10px;}
.alignL {text-align:left !important;}
.verMiddle {display:table-cell; vertical-align: middle;}
.border-hide {border: none !important;}

/* layout content width */
.Fasten {width: 980px; margin: 0 auto;} /* contents max width */


/* body 터치 스크롤 막기 */
.stop-scrolling {height: 100%; overflow: hidden;}



/* align 정렬  */
.align-left {text-align: left;}
.align-center {text-align: center;}
.align-right {text-align: right;}


/* align */
.text-left {text-align: left !important;}
.text-center {text-align: center !important;}
.text-right {text-align: right !important;}
.text-justify {text-align: justify !important;}



/* margin */
.margin,
.margin0 {margin: 0 !important;}
.margin-top0 {margin-top: 0px !important;}
.margin-top5 {margin-top: 5px !important;}
.margin-top10 {margin-top: 10px !important;}
.margin-top15 {margin-top: 15px !important;}
.margin-top20 {margin-top: 20px !important;}
.margin-top25 {margin-top: 25px !important;}
.margin-top30 {margin-top: 30px !important;}
.margin-top35 {margin-top: 35px !important;}
.margin-top40 {margin-top: 40px !important;}
.margin-top45 {margin-top: 45px !important;}
.margin-top50 {margin-top: 50px !important;}
.margin-top55 {margin-top: 55px !important;}
.margin-top60 {margin-top: 60px !important;}
.margin-top65 {margin-top: 65px !important;}
.margin-top70 {margin-top: 70px !important;}
.margin-top75 {margin-top: 75px !important;}
.margin-top80 {margin-top: 80px !important;}
.margin-top85 {margin-top: 85px !important;}
.margin-top90 {margin-top: 90px !important;}
.margin-top95 {margin-top: 95px !important;}
.margin-top100 {margin-top: 100px !important;}
.margin-bottom0 {margin-bottom: 0px !important;}
.margin-bottom5 {margin-bottom: 5px !important;}
.margin-bottom10 {margin-bottom: 10px !important;}
.margin-bottom15 {margin-bottom: 15px !important;}
.margin-bottom20 {margin-bottom: 20px !important;}
.margin-left5 {margin-left: 5px !important;}
.margin-left10 {margin-left: 10px !important;}
.margin-left20 {margin-left: 20px !important;}
.margin-right5 {margin-right: 5px !important;}
.margin-right10 {margin-right: 10px !important;}
.margin-right20 {margin-right: 20px !important;}



/* padding */
.padding {padding: 0;}
.padding-top0 {padding-top: 0px !important;}
.padding-top5 {padding-top: 5px !important;}
.padding-top10 {padding-top: 10px !important;}
.padding-top15 {padding-top: 15px !important;}
.padding-top20 {padding-top: 20px !important;}
.padding-top25 {padding-top: 25px !important;}
.padding-top30 {padding-top: 30px !important;}
.padding-top40 {padding-top: 40px !important;}
.padding-top50 {padding-top: 50px !important;}
.padding-top60 {padding-top: 60px !important;}
.padding-top70 {padding-top: 70px !important;}
.padding-top80 {padding-top: 80px !important;}
.padding-top90 {padding-top: 90px !important;}
.padding-top100 {padding-top: 100px !important;}
.padding-bottom5 {padding-bottom: 5px !important;}
.padding-bottom10 {padding-bottom: 10px !important;}
.padding-bottom15 {padding-bottom: 15px !important;}
.padding-bottom20 {padding-bottom: 20px !important;}
.padding-bottom25 {padding-bottom: 25px !important;}
.padding-bottom30 {padding-bottom: 30px !important;}
.padding-left5 {padding-left: 5px !important;}
.padding-left10 {padding-left: 10px !important;}
.padding-left20 {padding-left: 20px !important;}
.padding-right5 {padding-right: 5px !important;}
.padding-right10 {padding-right: 10px !important;}
.padding-right20 {padding-right: 20px !important;}



/* width */
.width10 {width: 10%;}
.width15 {width: 15%;}
.width20 {width: 20%;}
.width25 {width: 25%;}
.width30 {width: 30%;}
.width35 {width: 35%;}
.width40 {width: 40%;}
.width45 {width: 45%;}
.width50 {width: 50%;}
.width55 {width: 55%;}
.width60 {width: 60%;}
.width65 {width: 65%;}
.width70 {width: 70%;}
.width75 {width: 75%;}
.width80 {width: 80%;}
.width85 {width: 85%;}
.width90 {width: 90%;}
.width95 {width: 95%;}
.width100 {width: 100%;}





/* --------------------------------------------------------- 2020 index  ------------------------------------------------------------------ */
* {
    word-wrap: break-word;
    letter-spacing: -0.5px;
}
html, body {
    position: relative;
    height: 100%;
}
script {
    display: none;
}
body {
    min-width: 1200px;
    word-break: break-all;
}
legend {
    display: block;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}
label {
    display: inline-block;
    max-width: 100%;
    margin: 0;
    font-size: 12px;
    vertical-align: middle;
}
form {
    margin: 0;
}
fieldset {
    margin: 0;
}
fieldset, img {
    border: 0;
    padding: 0;
}
input {
    outline: none;
    color: inherit;
    font: inherit;
    line-height: inherit;
}
input:focus, textarea:focus {
    border: 1px solid #fff;
}
dl, dt, dd, ul, ol, menu, li {
    list-style: none;
}
button {
    background: 0;
    vertical-align: middle;
    line-height: 1.2;
    color: #333;
    letter-spacing: 0;
}
select, input {
    font-size: 15px;
    /*-webkit-appearance: none;*/
}
button, input, select, textarea {
    border: 0;
}