@charset "utf-8";


/* KoPub Dotum */
/* @font-face{
  font-style: normal;
  font-weight: 300;
  font-family: "KoPubDotum";
  src: url("font/KoPubDotum-Light.woff2") format("woff2");
}

@font-face{
  font-style: normal;
  font-weight: 500;
  font-family: "KoPubDotum";
  src: url("font/KoPubDotum-Medium.woff2") format("woff2");
}

@font-face{
  font-style: normal;
  font-weight: 700;
  font-family: "KoPubDotum";
  src: url("font/KoPubDotum-Bold.woff2") format("woff2");
} */
/* Pretendard */
@font-face{font-style:normal;font-weight:300;font-family:"Pretendard";src:url(font/Pretendard-Light.woff2) format("woff2"),url(font/Pretendard/Pretendard-Light.woff) format("woff");}
@font-face{font-style:normal;font-weight:400;font-family:"Pretendard";src:url(font/Pretendard-Regular.woff2) format("woff2"),url(font/Pretendard/Pretendard-Regular.woff) format("woff");}
@font-face{font-style:normal;font-weight:500;font-family:"Pretendard";src:url(font/Pretendard-Medium.woff2) format("woff2"),url(font/Pretendard/Pretendard-Medium.woff) format("woff");}
@font-face{font-style:normal;font-weight:600;font-family:"Pretendard";src:url(font/Pretendard-SemiBold.woff2) format("woff2"),url(font/Pretendard/Pretendard-SemiBold.woff) format("woff");}
@font-face{font-style:normal;font-weight:700;font-family:"Pretendard";src:url(font/Pretendard-Bold.woff2) format("woff2"),url(font/Pretendard/Pretendard-Bold.woff) format("woff");}

/* Reset */
*{
  margin:0;
  padding:0;
  font-family: "Pretendard", sans-serif;
  font-weight:300;
  color:inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
*, *::before, *::after {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
html{margin:0;padding:0;border:0;font:inherit;color:inherit;background:#f5f5f5;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,p,iframe,figure,caption {margin:0;padding:0;border:0;font:inherit;color:inherit;background:transparent;}
body {
  position: relative;
  width: 100%;
  height: 100%;
  font-family: "Pretendard", sans-serif;
  font-size:14px;
  font-weight:300;
  line-height:1.3;
  color:inherit;
  letter-spacing: -0.035rem;
  background: #f9fafd;
}
form{margin:0 0 0 0px;padding:0;border:0;font:inherit;color:inherit;background:transparent;}

header,hgroup,footer,section,article,aside,nav,canvas,figure,figcaption{display:block}
table, thead, tbody {border-collapse:collapse;border-spacing:0;}
table {border-collapse:collapse;border-spacing:0;color:#333;width:100%;border:0px;empty-cells:show}
tr td {vertical-align: middle;}
table tr th img,
table tr td img{vertical-align:middle;}
table th, table td {border:0px;}
table a:hover,
table a:focus {text-decoration:underline;}
fieldset, iframe{border:0;vertical-align:middle}
img{border:0;font-size:0;vertical-align:middle}
ul,ol,dl,dt,dd,li{list-style:none}
i, em, address {font-style: normal;}
hr{display:none}
caption,figcaption{text-indent:-10000px; margin:0; display:none;}
fieldset, blockquote, iframe, button{border:none;}
legend{display:block;position:absolute;left:-9999px;text-indent:9999px;width:0;height:0;overflow:hidden;font-size:0;line-height:0;white-space:nowrap}
h1, h2, h3, h4, h5, h6{font-weight:normal;line-height:1.2em;font-size:100%}
em,address{font-style:normal;}
button,input[type="submit"], input[type="button"], input[type="reset"]{cursor:pointer;}
button, input[type=button], input[type=submit], input[type=reset] {cursor: pointer; width: auto; overflow: visible; vertical-align: middle; background: none; margin: 0; padding: 0; border: 0;}
button, input, select{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
a {color:inherit; text-decoration:none;}
a:hover {text-decoration:none;}

/* 하위 브라우저 애니메이션 효과 */
p {opacity: 1; animation-name: fadeIn; animation-iteration-count: 1; animation-fill-mode: forwards; animation-duration: 1s;}
@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

/* form 요소 초기화 */
input{font-size:inherit;color:inherit;vertical-align:middle;}
input[type="file"]{border:none;}
input[type="image"]{height:auto;margin:0;border:none;padding:0;line-height:inherit;}
input[type="radio"],input[type="checkbox"]{border:none;}
button{margin:0;padding:0;background:none;border:none;text-transform:none;vertical-align:middle;}
button,[type="button"],[type="reset"],[type="submit"]{margin:0;padding:0;background:none;border:none;cursor:pointer;}
select {font-size:inherit;font-family:inherit;color:inherit;text-transform:none;vertical-align:middle;}
select {height:38px; line-height:38px;font-size: 14px;font-weight: inherit;color:#333; border:1px solid #ccc; border-radius: 4px; background: #fff url(../images/common/ico_select_arrow.png) no-repeat right 10px center; background-size:10px 6px; padding: 0 30px 0 10px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; -webkit-appearance:none;appearance:none;transition: all 0.3s;}
select::-ms-expand {display:none;/* 화살표 없애기 for IE10, 11*/}
select {-webkit-appearance: none;-moz-appearance: none;-o-appearance: none; appearance: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
textarea {font-size:inherit;font-family:inherit;color:inherit;vertical-align:middle;resize:none;}
select[disabled],input[disabled],.disabled,button[disabled] {cursor:default;background-color:#eeeeee;color:#959595;}

/* form 요소 기본 스타일 지정 */
input[type="text"] {height:38px; padding:0 5px;border:solid 1px #ccc;border-radius: 4px;line-height:38px; font-size:14px; vertical-align:middle;}
input[type="submit"] {height:38px;line-height:38px;}
textarea{line-height:inherit;vertical-align:middle;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;resize: none;margin:0;padding:0;border:1px solid #ccc;border-radius: 4px;padding:5px;min-height:70px;width:100%;line-height:22px;font-size: 14px;color:#333;font-weight:300;}
input::-webkit-input-placeholder {color:#a1a1a1}
input:-moz-placeholder {color:#a1a1a1;opacity:1}
input::-moz-placeholder {color:#a1a1a1;opacity:1}
input:-ms-input-placeholder {color:#a1a1a1}
textarea::-webkit-input-placeholder {color:#a1a1a1}
textarea:-moz-placeholder {color:#a1a1a1;opacity:1}
textarea::-moz-placeholder {color:#a1a1a1;opacity:1}
textarea:-ms-input-placeholder {color:#a1a1a1}
[class^='form-'] + [class^='form-'] {margin-left: 5px;}

/* display */
.dis-bk {display:block; overflow:hidden; position:relative;}
.dis-ib {display: inline-block;}
.inlineBox {align-items: center; display: flex; -webkt-display: flex; -moz-display: flex;}
.inline {display: flex;-webkt-display: flex;-moz-display: flex;}
.rv {flex-direction: row-reverse;}
.flex-end {display: flex;-webkt-display: flex;-moz-display: flex; justify-content: flex-end;}

/* float */
.fl {float:left !important}
.fr {float:right !important}
.fn {float:none !important; }

/* float 해제 */
.clearfix {display:block}
.clearfix:after{content:"";display:table;clear:both}
.clfix:after {content: ".";display:block;height:0px;clear:both;visibility:hidden;}
.clfix {display: block;}
* html .clfix {height: 1%;}
.clfix {zoom:1;}
.blind {display:none}
.hidden {visibility:hidden;}
.hide{display:none}
.sizing {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.none {display:none}
.clear {clear:both !important;}
.skip{overflow:hidden;position:absolute;width:1px;height:1px;background:0 0;font-size:0!important;color:transparent!important;line-height:0}
.hidden {font-size: 0; width:0 !important; height: 0; line-height: 0; overflow: hidden; visibility: hidden; position:absolute;}
.txt_hide {text-indent: -9999px; overflow: hidden; height: 0; width: 0; font-size: 0; display: block; line-height: 0; margin: 0; padding: 0;}
.sr-only {position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important;font-size:0; text-indent:-9999px;}

/* text-align */
.text-center {text-align: center !important;}
.text-left {text-align: left !important;}
.text-right {text-align: right !important;}
.text-C {text-align: center !important;}
.text-L {text-align: left !important;}
.text-R {text-align: right !important;}

/* Font style */
.bold {font-weight:bold; }
.font_nomal {font-weight:100 !important; }
.bold500 {font-weight:500 !important; }
.bold600 {font-weight:600 !important; }
.bold700 {font-weight:700; }

/* 강조 color */
.emp {margin-right:3px;color:#f11829;font-weight:600;}
.emp-red,.emp-sun {color:#e60012;}
.emp-blue,.emp-sat,.emp-link .col-link a {color:#365ec3;}
.emp-green {color:#19c278}
.emp-org {color:#fd5827;}
.emp-pink {color:#e96398;}
.emp_blue {color:#285ada;}
.emp_white {color:#fff;}

/* width Column */
.wrap {position:relative; width:100%; margin:0 auto;}
.column {float:left;margin:0;padding:0;min-height:2px;position:relative;}
.row::after {content:""; display:block; clear:both;}
.cell {float:left; box-sizing:border-box;}
.w05 {width:10%!important;}
.w10 {width:10%!important;}
.w15 {width:15%!important;}
.w20 {width:20%!important;}
.w25 {width:25%!important;}
.w30 {width:30%!important;}
.w35 {width:35%!important;}
.w40 {width:40%!important;}
.w48 {width:48%!important;}
.w50 {width:50%!important;}
.w58 {width:58%!important;}
.w60 {width:60%!important;}
.w65 {width:65%!important;}
.w70 {width:70%!important;}
.w80 {width:80%!important;}
.w90 {width:90%!important;}
.w100 {width:100%!important;}
.w100_36{width:100%!important; height : 40px;}

/* Margin */
.mlr10 {margin-left: 10px!important;margin-right: 10px!important;}
.mg0 {margin:0px !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;}
.mt35 {margin-top:35px !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;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}

.ml05 {margin-left: 5px!important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.ml-25 {margin-left: -25px !important }

.mr3 {margin-right:3px !important;}
.mr5 {margin-right:5px !important;}
.mr8 {margin-right:8px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr-10 {margin-right: -10px !important;}

/* Padding */
.pd0 {padding:0px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}

.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}

.pl3 {padding-left:3px !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl40 {padding-left:40px !important;}

.pr3 {padding-right:3px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr40 {padding-right:40px !important;}

/* custom checkbox,radio  */
.checkbox {display:inline-block; position:relative}
.checkbox input[type=radio],
.checkbox input[type=checkbox] {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0}
.checkbox input + label {display:block; padding-left:21px; line-height:30px; font-size:14px; font-weight:400; background:no-repeat left 7px; transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s}
.checkbox input[type=checkbox] + label {background-image:url("../images/common/checkbox.png")}
.checkbox input[type=checkbox]:checked + label {background-image:url("../images/common/checkbox-on.png")}
.checkbox input[type=radio] + label {background-image:url("../images/common/radio.png")}
.checkbox input[type=radio]:checked + label {background-image:url("../images/common/radio-on.png")}
.checkbox input[type=radio]:focus + label.on {border:1px solid #fff; border-radius:3px}
.checkbox.only input + label {padding:0; width:18px; height:30px; text-indent:-9999px}/* 체크박스 단독일때 */
.checkboxWrap {margin:0 -21px}
.checkboxWrap .checkbox {display:inline-block; margin:0 21px}
.checkboxWrap.tight {margin:0 -14px}
.checkboxWrap.tight .checkbox {margin:0 14px;}
.checkboxWrap.choiceVer {margin:-2px -10px;}
.checkboxWrap.choiceVer .checkbox {margin:2px 10px; min-width:calc(49% - 20px);}
.checkboxWrap.fullVer .checkbox {width:100%;}
.incheckboxWrap {display:inline-block; margin-top:0 !important}
.incheckboxWrap .checkbox {margin:0 3px}
.incheckboxWrap ~ .checkbox {margin-top:0}
.checkbox.preCheck label {display:block; padding-left:0; padding-right:30px; line-height:30px; font-size:14px; font-weight:400; background:no-repeat right 7px; transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s}
[type="radio"]:focus + label,
[type="checkbox"]:focus + label {outline:2px dashed #555; outline-offset:-3px}
[type="radio"]:focus:not(:focus-visible) + label,
[type="checkbox"]:focus:not(:focus-visible) + label {outline:none}
.js-focus-visivble [type="radio"]:focus:not(:focus-visible) + label,
.js-focus-visivble [type="checkbox"]:focus:not(:focus-visible) + label {outline:none}
[type="radio"]:focus:focus-visible + label,
[type="checkbox"]:focus:focus-visible + label {outline:none}
.js-focus-visivble [type="radio"]:focus:focus-visible + label,
.js-focus-visivble [type="checkbox"]:focus:focus-visible + label {outline:none}

.buttonZoomHome {
 display: none !important;
}


.fztButtonContainer{
	display : none !important;
}