@charset "utf-8";
/*-------------------------------------------------------------------
	분류그룹 : 초기화
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
    @ 웹폰트
-------------------------------------------------------------------*/
/* Pretendard */
@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Thin.woff2') format('woff2'),
    url('../fonts/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-ExtraLight.woff2') format('woff2'),
    url('../fonts/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Light.woff2') format('woff2'),
    url('../fonts/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Regular.woff2') format('woff2'),
    url('../fonts/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Medium.woff2') format('woff2'),
    url('../fonts/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-SemiBold.woff2') format('woff2'),
    url('../fonts/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Bold.woff2') format('woff2'),
    url('../fonts/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-ExtraBold.woff2') format('woff2'),
    url('../fonts/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Black.woff2') format('woff2'),
    url('../fonts/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}



@font-face {
    font-family: 'Noto Sans KR';
    src: url('../fonts/notokr-light.eot');
    src: url('../fonts/notokr-light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/notokr-light.woff2') format('woff2'),
    url('../fonts/notokr-light.woff') format('woff'),
    url('../fonts/notokr-light.ttf') format('truetype'),
    url('../fonts/notokr-light.svg#notokr-light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans KR';
    src: url('../fonts/notokr-regular.eot');
    src: url('../fonts/notokr-regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/notokr-regular.woff2') format('woff2'),
    url('../fonts/notokr-regular.woff') format('woff'),
    url('../fonts/notokr-regular.ttf') format('truetype'),
    url('../fonts/notokr-regular.svg#notokr-regular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans KR';
    src: url('../fonts/notokr-medium.eot');
    src: url('../fonts/notokr-medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/notokr-medium.woff2') format('woff2'),
    url('../fonts/notokr-medium.woff') format('woff'),
    url('../fonts/notokr-medium.ttf') format('truetype'),
    url('../fonts/notokr-medium.svg#notokr-medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans KR';
    src: url('../fonts/notokr-bold.eot');
    src: url('../fonts/notokr-bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/notokr-bold.woff2') format('woff2'),
    url('../fonts/notokr-bold.woff') format('woff'),
    url('../fonts/notokr-bold.ttf') format('truetype'),
    url('../fonts/notokr-bold.svg#notokr-bold') format('svg');
    font-weight: 700;
    font-style: normal;
}


/* S-CORE_Dream */
@font-face {
    font-family: 'S-CoreDream';
    src: url('../fonts/S-CoreDream-1Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream';
    src: url('../fonts/S-CoreDream-2ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream';
    src: url('../fonts/S-CoreDream-3Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream';
    src: url('../fonts/S-CoreDream-4Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream';
    src: url('../fonts/S-CoreDream-5Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream';
    src: url('../fonts/S-CoreDream-6Bold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream';
    src: url('../fonts/S-CoreDream-7ExtraBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream';
    src: url('../fonts/S-CoreDream-8Heavy.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

/*-------------------------------------------------------------------
    @ 태그
-------------------------------------------------------------------*/
/* all style */
* {margin:0px; padding:0px;}
* {box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
* {-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;}
* {max-height: 1000000px;}
html, body{color:#000;font-size:16px;font-family: 'Pretendard','Noto Sans KR', sans-serif;}

@media screen and (max-width: 1024px) {
    html, body{font-size:15px;}
}
@media screen and (max-width: 600px) {
    html, body{font-size:14px;}
}

body {line-height:1;}
form, div, p, span, ul, li, dl, dt, textarea, h1, h2, h3, h4 {margin:0px; padding:0px; word-break:keep-all;}
table legend {visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0;}
table, th, td {border-spacing:0px; border-collapse:collapse;}
ul, ol, dl, li, dt, dd {list-style:none;} 
img, fieldset {display:inline; max-width:100%; border:0px; line-height:0;}
figure{display:block; line-height:0;}
header, nav, aside, section, address, article, main, footer, hgroup, div {display:block;}
dfn,em {font-weight: bold; font-style: normal;}
del,s {display: inline-block;}
figcaption {display: block;}

input, textarea, select, button {font-family: inherit;}
input[type="button"], input[type="text"], input[type="submit"], input[type="password"], select{vertical-align:middle;appearance:none;-webkit-appearance: none;-moz-appearance: none;-webkit-border-radius:0; -moz-border-radius:0;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 30px #fff inset ; -webkit-text-fill-color: #000; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {transition: background-color 5000s ease-in-out 0s; }
input[type="text"]::-ms-clear {display: none;}
input[type="number"] {-moz-appearance: textfield;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {margin: 0; appearance: none; -webkit-appearance: none;}

button, input[type="button"] {border:0; cursor: pointer;}
/* IE 10, 11의 네이티브 화살표 숨기기 */
/*select::-ms-expand {
  display: none;
}*/
/* link style */
a:link    {color:#424242; text-decoration:none;}
a:visited {color:#424242; text-decoration:none;}
a:active  {color:#424242; text-decoration:none;}
a:hover   {color:#424242; text-decoration:none;}
a:focus    {}


/*-------------------------------------------------------------------
	분류그룹 : 유틸리티
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/

/* SKIP */
.hide {font-size:0;text-indent:-9999px;visibility:hidden;}
.skipH{position:absolute; height:0; width:0; left:-9999px; overflow:hidden; font-size:0; line-height:0;}
a.skipNav {display:block; position:absolute; z-index:500; left:0; top:-10000px; font-size:1.3em; text-align:center; width:100%;}
a.skipNav:hover, a.skipNav:focus, a.skipNav:active{position:absolute; top:0; z-index:500; padding:15px 0; color:#ffffff; font-weight:bold;background: none repeat scroll 0 0 #1d60a7;}


.behind{overflow:hidden; display:inline-block; text-indent:-9999px;}

/* display */
.dis-bk {display: block;}
.dis-ib {display: inline-block;}
.dis-fx {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex;}
.dis-ifx {display: inline-flex;}

/* ------ flex attribute ------ */
/* direction */
.flex-row {-webkit-box-orient: horizontal; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
.flex-column {-webkit-box-orient: vertical; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}

/* flex-wrap */
.flex-wrap {-webkit-box-lines: multiple; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.flex-nowrap {-webkit-box-lines: single; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;}

/* justify-content */
.jf-start {-webkit-box-pack: start; -moz-box-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;}
.jf-end {-webkit-box-pack: end; -moz-box-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end;}
.jf-center {-webkit-box-pack: center; -moz-box-justify-content: center; -ms-flex-pack: center; justify-content: center;}
.jf-between {-webkit-box-pack: justify; -moz-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;}
.jf-around {justify-content: space-around;}

/* align-items */
.ai-start {-webkit-box-align: start; -moz-align-items: flex-start; -ms-flex-align: start; align-items: flex-start;}
.ai-center {-webkit-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center;}
.ai-end {-webkit-box-align: end; -moz-align-items: flex-end; -ms-flex-align: end; align-items: flex-end;}



/* align style */
.clear      {clear:both !important;}
.ft-left    {float:left !important;}
.ft-right   {float:right !important;}
.txt-left   {text-align:left !important;}
.txt-right  {text-align:right !important;}
.txt-center {text-align:center !important;}
.txt-nowrap {white-space: nowrap !important;}
.flex-right {margin-left: auto !important;}
.flex-left  {margin-right: auto !important}
.flex-center{margin-left: auto !important; margin-right: auto !important}
.ls-m1      {letter-spacing:-1px;}
.ls-m2      {letter-spacing:-2px;}

/* no style */
.no-mar     {margin:0px !important;}
.no-pad     {padding:0px !important;}
.no-back    {background:none !important;}
.no-bold    {font-weight:normal !important;}
.yes-bold    {font-weight:bold !important;}
.no-bor     {border:none !important;}
.no-size    {font-size:12px !important;}
.no-color   {color:#828282 !important;}
.no-dis     {display:none !important;}
.hidden     {overflow:hidden; position:absolute; left:0px; top:0px; width:1px; height:1px; margin:0px; padding:0px; font-size:1px; line-height:0px; color:#fff;}
.blind      {position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0);}

/* margin */
.m-0 {margin:0px !important;}
.m-auto {margin: auto !important;}
.m-5  {margin:5px !important;}
.m-10 {margin:10px !important;}
.m-15 {margin:15px !important;}
.m-20 {margin:20px !important;}
.m-25 {margin:25px !important;}
.m-30 {margin:30px !important;}
.m-35 {margin:35px !important;}
.m-40 {margin:40px !important;}
.m-45 {margin:45px !important;}
.m-50 {margin:50px !important;}

.mt-0  {margin-top:0px !important;}
.mt-auto {margin-top: auto !important;}
.mt-5  {margin-top:5px !important;}
.mt-10 {margin-top:10px !important;}
.mt-15 {margin-top:15px !important;}
.mt-20 {margin-top:20px !important;}
.mt-25 {margin-top:25px !important;}
.mt-30 {margin-top:30px !important;}
.mt-35 {margin-top:35px !important;}
.mt-40 {margin-top:40px !important;}
.mt-45 {margin-top:45px !important;}
.mt-50 {margin-top:50px !important;}

.ml-0  {margin-left:0px !important;}
.ml-auto {margin-left: auto !important;}
.ml-5  {margin-left:5px !important;}
.ml-10 {margin-left:10px !important;}
.ml-15 {margin-left:15px !important;}
.ml-20 {margin-left:20px !important;}
.ml-25 {margin-left:25px !important;}
.ml-30 {margin-left:30px !important;}
.ml-35 {margin-left:35px !important;}
.ml-40 {margin-left:40px !important;}
.ml-45 {margin-left:45px !important;}
.ml-50 {margin-left:50px !important;}
.ml-60 {margin-left:60px !important;}
.ml-70 {margin-left:70px !important;}
.ml-80 {margin-left:80px !important;}

.ml-m5  {margin-left:-5px !important;}
.ml-m10 {margin-left:-10px !important;}
.ml-m15 {margin-left:-15px !important;}
.ml-m20 {margin-left:-20px !important;}
.ml-m25 {margin-left:-25px !important;}
.ml-m30 {margin-left:-30px !important;}
.ml-m35 {margin-left:-35px !important;}
.ml-m40 {margin-left:-40px !important;}
.ml-m45 {margin-left:-45px !important;}
.ml-m50 {margin-left:-50px !important;}

.mr-0  {margin-right:0px !important;}
.mr-auto {margin-right: auto !important;}
.mr-5  {margin-right:5px !important;}
.mr-10 {margin-right:10px !important;}
.mr-15 {margin-right:15px !important;}
.mr-20 {margin-right:20px !important;}
.mr-25 {margin-right:25px !important;}
.mr-30 {margin-right:30px !important;}
.mr-35 {margin-right:35px !important;}
.mr-40 {margin-right:40px !important;}
.mr-45 {margin-right:45px !important;}
.mr-50 {margin-right:50px !important;}

.mb-0  {margin-bottom:0px !important;}
.mb-auto {margin-bottom: auto !important;}
.mb-5  {margin-bottom:5px !important;}
.mb-10 {margin-bottom:10px !important;}
.mb-15 {margin-bottom:15px !important;}
.mb-20 {margin-bottom:20px !important;}
.mb-25 {margin-bottom:25px !important;}
.mb-30 {margin-bottom:30px !important;}
.mb-35 {margin-bottom:35px !important;}
.mb-40 {margin-bottom:40px !important;}
.mb-45 {margin-bottom:45px !important;}
.mb-50 {margin-bottom:50px !important;}

/* padding */
.p-0 {padding:0px !important;}
.p-5 {padding:5px !important;}
.p-10 {padding:10px !important;}
.p-15 {padding:15px !important;}
.p-20 {padding:20px !important;}
.p-25 {padding:25px !important;}
.p-30 {padding:30px !important;}
.p-35 {padding:35px !important;}
.p-40 {padding:40px !important;}
.p-45 {padding:45px !important;}
.p-50 {padding:50px !important;}

.pt-0 {padding-top:0px !important;}
.pt-5 {padding-top:5px !important;}
.pt-10 {padding-top:10px !important;}
.pt-15 {padding-top:15px !important;}
.pt-20 {padding-top:20px !important;}
.pt-25 {padding-top:25px !important;}
.pt-30 {padding-top:30px !important;}
.pt-35 {padding-top:35px !important;}
.pt-40 {padding-top:40px !important;}
.pt-45 {padding-top:45px !important;}
.pt-50 {padding-top:50px !important;}

.pl-0 {padding-left:0px !important;}
.pl-5 {padding-left:5px !important;}
.pl-10 {padding-left:10px !important;}
.pl-15 {padding-left:15px !important;}
.pl-20 {padding-left:20px !important;}
.pl-25 {padding-left:25px !important;}
.pl-30 {padding-left:30px !important;}
.pl-35 {padding-left:35px !important;}
.pl-40 {padding-left:40px !important;}
.pl-45 {padding-left:45px !important;}
.pl-50 {padding-left:50px !important;}

.pr-0 {padding-right:0px !important;}
.pr-5 {padding-right:5px !important;}
.pr-10 {padding-right:10px !important;}
.pr-15 {padding-right:15px !important;}
.pr-20 {padding-right:20px !important;}
.pr-25 {padding-right:25px !important;}
.pr-30 {padding-right:30px !important;}
.pr-35 {padding-right:35px !important;}
.pr-40 {padding-right:40px !important;}
.pr-45 {padding-right:45px !important;}
.pr-50 {padding-right:50px !important;}

.pb-0 {padding-bottom:0px !important;}
.pb-5 {padding-bottom:5px !important;}
.pb-10 {padding-bottom:10px !important;}
.pb-15 {padding-bottom:15px !important;}
.pb-20 {padding-bottom:20px !important;}
.pb-25 {padding-bottom:25px !important;}
.pb-30 {padding-bottom:30px !important;}
.pb-35 {padding-bottom:35px !important;}
.pb-40 {padding-bottom:40px !important;}
.pb-45 {padding-bottom:45px !important;}
.pb-50 {padding-bottom:50px !important;}