@charset "utf-8";

@import url('common.css');
@import url('xeicon.min.css');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700&display=swap&subset=korean');

@font-face {
  font-family: 'KoreanDREAM';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/AsiaDREAM3R.woff') format('woff'); 
}
@font-face {
  font-family: 'KoreanDREAM';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/AsiaDREAM4R.woff') format('woff'); 
}

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

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

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

/* --------------------------------------------------------------------------------------------------------
	Reset
----------------------------------------------------------------------------------------------------------- */
* {margin:0; padding:0; box-sizing:border-box;}
html, body {width:100%; min-width:320px; min-height:100vh; overflow-x:hidden;}
html {font-size:10px;}
body {font-family:'Noto Sans KR', 'CentraleSans', sans-serif; font-size:1.5rem; color:#101010; line-height:1.4; letter-spacing:-.4px; -webkit-text-size-adjust:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:400;}
ol, ul {list-style:none;}
ol, ul::after {content:''; display:block; clear:both;}
table {width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0;}
input, textarea, select, button, table {font-family:inherit; color:inherit; font-size:inherit;}
b, strong {font-weight:700;}
i, em {font-style:normal;}
img {width:100%; max-width:100%; border:0; vertical-align:top;}
a {font-family:inherit; text-decoration:none; color:inherit;}
a:hover, a:focus {text-decoration:none;}
button {border:0; -webkit-appearance:none; box-shadow:none; cursor:pointer; font-size:inherit; background:transparent; outline:none;}
input[type="text"]:disabled {background:#f8f8f8; color:#5f5f5f; opacity:1;}
input[type="text"], input[type="submit"], input[type="password"], input[type="search"], input[type="number"], input[type="reset"], input[type="email"], input[type="tel"],
input, select, textarea {width:100%; appearance:none; -webkit-appearance:none;}
input[type="text"], input[type="password"], input[type="search"], input[type="number"], input[type="email"], input[type="tel"] {height:50px; padding:0 10px; border:solid 1px #ddd; outline:none; border-radius:4px;}
textarea {width:100%; height:100px; line-height:1.5em; padding:15px 12px; border:solid 1px #ddd; border-radius:4px; resize:none;}
select {height:50px; padding:0 30px 0 10px; border:solid 1px #ddd; background:#fff url('../images/arw_sel.png') no-repeat right 50%; background-size:26px; border-radius:4px;}
input[type="file"] {position:absolute; right:0; top:0; width:45px; height:50px; vertical-align:top; opacity:0; cursor:pointer; z-index:10;}

::-webkit-input-placeholder {color:#888; font-size:1.5rem; line-height:1.5;}
::-moz-placeholder {color:#888; font-size:1.5rem; line-height:1.5;}


/* --------------------------------------------------------------------------------------------------------
	Fast Class
----------------------------------------------------------------------------------------------------------- */
.ac {text-align:center !important;}
.ar {text-align:right !important;}
.al {text-align:left !important;}
.aj {text-align:justify !important;} 
.at {vertical-align:top !important;}
.am {vertical-align:middle !important;}

.fl {float:left !important;}
.fr {float:right !important;}

.w45 {width:44.8% !important;}
.w50 {width:50% !important;}
.w100 {width:100% !important;}

.mt-40 {margin-top:40px !important;}

.f-blue {color:#004e73 !important;}
.f-gray {color:#606060 !important;}
.f-bold {font-weight:700;}


/* --------------------------------------------------------------------------------------------------------
	Button
----------------------------------------------------------------------------------------------------------- */
.btn-wrap {display:flex; justify-content:center; margin:40px 0;}
.cnt .btn-wrap {margin-bottom:0;}
button[class^="btn-"] {display:inline-block; text-align:center;}
button[class^="btn-"] + button[class^="btn-"] {margin-left:9px;}
.btn-more {width:142px; height:52px; background:#fff; border:1px solid #101010; border-radius:35px; font-size:1.7rem;} 
.btn-blue {width:100%; height:54px; background:#004e73; border-radius:6px; color:#fff; font-size:1.7rem; font-weight:500;}
.btn-blkb {width:100%; height:54px; background:#fff; border:1px solid #101010; color:#101010; font-size:1.7rem; border-radius:6px; font-weight:500;}
.btn-blue.lg {width:100%; height:61px; background:#004e73; color:#fff; border-radius:0;	font-size:1.7rem; font-weight:600;}
.btn-sch {width:45px; height:45px; background:url('../images/ico_srch.svg') 50% 50% no-repeat; background-size:24px;}

/* --------------------------------------------------------------------------------------------------------
	Table
----------------------------------------------------------------------------------------------------------- */
.tbl-list, .tbl-data {border-top:1px solid #101010;}
.tbl-list thead th {padding:18px 0; background:#f8f8f8; border-bottom:1px solid #ddd; line-height:1.15; word-break:keep-all;} /* 210405: 수정 */
.tbl-list tbody td {padding:18px 3px; border-bottom:1px solid #ddd; color:#606060; word-break:keep-all;} /* 210405: 수정 */

.tbl-data tbody th {padding:18px 14px; text-align:left; font-weight:500; background:#f8f8f8; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.tbl-data tbody td {padding:18px 14px; border-bottom:1px solid #ddd; color:#606060;}
.tbl-data.type2 thead td {padding:18px 0; text-align:center; border-bottom:1px solid #101010; background:#f8f8f8; font-size:1.7rem;}
.tbl-data.type2 tbody td:first-child {background:#f8f8f8; color:#101010;}
.tbl-data.type2 + .tbl-data.type2 {margin-top:-1px;}