@charset "UTF-8";
@font-face {
    font-family: 'S-CoreDream';
    src: url('font/scdream9.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream';
    src: url('font/scdream8.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}


@font-face {
    font-family: 'S-CoreDream';
    src: url('font/scdream7.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream';
    src: url('font/scdream6.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream';
    src: url('font/scdream5.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream';
    src: url('font/scdream4.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream';
    src: url('font/scdream3.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream';
    src: url('font/scdream2.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream';
    src: url('font/scdream1.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'JSArirang-Regular';
    src: url('font/JSArirang-Regular.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Jeonju_gakR';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2102-01@1.0/Jeonju_gakR.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html, body {height:100%; min-width:320px;}
body {color:#333; font-family: 'S-CoreDream', 'Malgun Gothic', sans-serif; font-size:16px; letter-spacing: -0.035em; line-height:1.6; font-weight:400; -webkit-text-size-adjust:none;}

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

/********************************
 reset
 *******************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input,button,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0; padding:0; border:0; background:transparent; vertical-align:baseline; word-break:keep-all;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main {display:block;}
dl, dt, dd, ol, ul, li {list-style:none;}
select:-ms-expand {display:none;}
select {font-size:1.5rem; border-radius:0; border:1px solid #b2b4b6;}
blockquote, q {quotes:none;}
table {border-spacing:0; letter-spacing:0;}
em, address, i {font-style:normal;}
label, button {cursor:pointer;}
table caption, legend, .blind {overflow:hidden; position:absolute; top:-99999px; width:0; height:0; line-height:0; text-indent:-99999px;}
img {max-width:100%; height:auto; vertical-align:middle;}
hr {display:block; width:100%; margin:1em 0; padding:0; height:1px; border:0; border-top:1px solid #ccc;}
hr.no {padding:0; margin:0; background-color:transparent;}
input, select {vertical-align:middle; font-family: 'S-CoreDream', 'Malgun Gothic', sans-serif;}
h1, h2, h3, h4, h5, h6, b, caption, th, dt, strong {font-weight:600;}

/* *********************************************************************************
 * 공통 기본
 * *********************************************************************************/
input[type="text"], input[type="password"]{height:39px;font-size:15px;border:1px solid #d2d2d2;text-indent:5px;background:#fff;color:#555;vertical-align:middle}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus{border:0 solid #606060 !important;outline:0}
select{height:39px;padding:0 0 0 5px;font-size:15px;border:1px solid #d2d2d2;color:#444;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;background-image:url(../../../../images/paid/nep/cmmn/select_arr.png);background-color:#fff;background-repeat:no-repeat;background-position:96% center;background-position:right 7px center}
select::-ms-expand {display:none;/* 화살표 없애기 for IE10, 11*/}
input[type=text].date_box{font-size:16px;box-sizing:border-box;height:39px;padding-right:28px;background:#fff url(../../../../images/paid/nep/cmmn/icon_dateficker.png) 93% center no-repeat;color:#444}
textarea{width:100%;resize:vertical;border:1px solid #d2d2d2}
input[type="text"]:disabled, input[type="password"]:disabled, select:disabled{background-color:#fbfbfb}
input[type="text"][readonly], input[type="password"][readonly], select[readonly], textarea[readonly]{background-color:#fbfbfb !important}

div::selection, p::selection, h1::selection, h2::selection, h3::selection, h4::selection, h5::selection, h6::selection, img::selection, li::selection, a::selection, dt::selection, dd::selection, th::selection, td::selection, section::selection, area::selection, b::selection, strong::selection, i::selection, em::selection, span::selection, address::selection, label::selection {background-color:#fff; color:#666;}


/********************************
 XE-ICON
 *******************************/
:before, :after {background-repeat:no-repeat;}
.xico:before, .xico:after {display:inline-block; font-family:'xeicon';}

/********************************
 box-sizing (tabel 제외)
 *******************************/
div, span, h1, h2, h3, h4, h5, h6, p, abbr, address, em, img, strong, i,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, button, textarea,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section,
time, mark, audio, video {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

/********************************
 버튼 리셋 - Firefox에서
 <button>과 <input>태그의 내부 여백을 삭제
 *******************************/
input, textarea {font-family: 'S-CoreDream', 'Malgun Gothic', sans-serif; /* -webkit-appearance:none; -moz-appearance:none; */}
button {display:inline-block; font-size:16px; color:#303d92; text-align:center; vertical-align:middle; font-family: 'S-CoreDream', 'Malgun Gothic', sans-serif; /* -webkit-appearance:none; -moz-appearance:none;*/}
button:-moz-focus-inner,input:-moz-focus-inner {border:0; padding:0}

/********************************
  skip-nav
 *******************************/
#skip_nav {position:absolute; left:0; top:0; width:100%; z-index:9999}
#skip_nav a {overflow:hidden; display:block; height:1px; margin-bottom:-1px; color:#fff; font-size:16px; text-decoration:none;}
#skip_nav a:active, #skip_nav a:focus{width:100%; height:auto; padding:8px 0 10px; background-color:rgba(0, 0, 0, 0.8); font-size:16px; text-align:center; font-weight:500;}

a {color:#111; vertical-align:baseline; background:transparent; text-decoration:none;}
a:link {color:#111;}
a:visited {color:#111;;}
a:active {color:#111;}
a:hover, a:focus {color:#111;}

.ellipsis {white-space:nowrap; overflow:hidden}
.ellipsis.m-line {white-space:normal}

/*layout*/
.pst_s {position:static !important}
.pst_r {position:relative !important}
.pst_a {position:absolute !important}
.pst_f {position:fixed !important}

.fl_l {float:left !important}
.fl_r {float:right !important}
.fl_n {float:none !important}
.fl_clear {clear:both; height:0; font-size:0; line-height:0;}

.dp_inline {display:inline !important}
.dp_block {display:block !important}
.dp_iblock {display:inline-block !important}
.dp_n {display:none !important}

.ta_l {text-align:left !important;}
.ta_c {text-align:center !important;}
.ta_r {text-align:right !important;}

.clear {clear:both !important}
.m_none {display:none;}

/* 대체텍스트 */
.replace_txt {overflow:hidden; display:block; font-size:0; line-height:0; width:0; height:0; text-indent:-9999px;}
.screen_out {overflow:hidden; position:absolute; width:0; height:0; font-size:0; line-height:0; text-indent:-9999px;}

/* 버튼설정 */
.btnArea{width:100%; margin-top:40px; overflow:hidden;}
.btnArea.Aleft {text-align:left;} /*버튼 좌측정렬 랩*/
.btnArea.Aright {text-align:right;} /*버튼 우측정렬 랩*/
.btnArea.Acenter {text-align:center;} /*버튼 중앙정렬 랩*/
.btnArea.Aleft a,
.btnArea.Aleft button {margin-right:5px;}
.btnArea.Aright a,
.btnArea.Aright button {margin-left:5px;}
.btnArea.Acenter a,
.btnArea.Acenter button {margin-left:2px; margin-right:2px;}

.btnArea_inline {overflow:hidden; text-align:center;}
.btnArea_inline .btnArea {display:inline-block;}
.btnArea_inline .btnArea.Aleft {float:left;}
.btnArea_inline .btnArea.Aright {float:right;}
.btnArea_inline .btnArea.Acenter {margin:0 auto;}

.btn_base {display:inline-block; padding:0 20px 1px; text-align:center; background:#eee; color:#333; box-sizing:border-box}
.btn_round {display:inline-block; padding:0 20px 1px; border-radius:50px; text-align:center; background:#eee; color:#333; box-sizing:border-box}
.btn_form {display:inline-block; padding:0 20px 1px; border-radius:0px; text-align:center; height:36px; line-height:36px; font-size:13px; background:#eee; color:#333;}

.btn_small {height:20px; line-height:17px; font-size:12px;}
.btn_medium {height:36px; line-height:34px; font-size:14px;}
.btn_large {height:40px; line-height:38px; font-size:16px;}
.btn_big {height:50px; line-height:48px; font-size:18px;}

.btn_base.pw50, .btn_round.pw50, .btn_form.pw50 {padding-left:50px; padding-right:50px;}
.btn_base.pw40, .btn_round.pw40, .btn_form.pw40 {padding-left:40px; padding-right:40px;}
.btn_base.pw30, .btn_round.pw30, .btn_form.pw30 {padding-left:30px; padding-right:30px;}
.btn_base.pw20, .btn_round.pw20, .btn_form.pw20 {padding-left:pw20; padding-right:20px;}
.btn_base.pw15, .btn_round.pw15, .btn_form.pw15 {padding-left:15px; padding-right:15px;}
.btn_base.pw10, .btn_round.pw10, .btn_form.pw10 {padding-left:10px; padding-right:10px;}
.btn_base.pw5, .btn_round.pw5, .btn_form.pw5 {padding-left:5px; padding-right:5px;}
.btn_base.pw0, .btn_round.pw0, .btn_form.pw0 {padding-left:0px; padding-right:0px;}
.btn_base.w230, .btn_round.w230, .btn_form.w230 {width:230px;}

.btn_base i, .btn_round i, .btn_form i {vertical-align:middle; margin:-1px 4px 0 0; font-size:16px;}

.btn_White {background:#fff !important; color:#333 !important;}
.btn_Gray {background:#9e9e9e !important; color:#fff !important;}
.btn_Red {background:#ff0000 !important; color:#fff !important;}
.btn_Blue {background:#303d92 !important; color:#fff !important;}
.btn_Black {background:#222 !important; color:#fff !important;}
.btn_DeepGray {background:#757575 !important; color:#fff !important;}
.btn_DeepRed {background:#da2c38 !important; color:#fff !important;}
.btn_LightRed {background:#ff5252 !important; color:#fff !important;}
.btn_darkred {background:#cc3333 !important; color:#fff !important;}
.btn_Pink {background:#e91e63 !important; color:#fff !important;}
.btn_Purple {background:#9c27b0 !important; color:#fff !important;}
.btn_DeepPurple {background:#673ab7 !important; color:#fff !important;}
.btn_Indigo {background:#3f51b5 !important; color:#fff !important;}
.btn_LightBlue {background:#03a9f4 !important; color:#fff !important;}
.btn_DeepBlue {background:#0d47a1 !important; color:#fff !important;}
.btn_Cyan {background:#00bcd4 !important; color:#fff !important;}
.btn_Teal {background:#009688 !important; color:#fff !important;}
.btn_DeepGreen {background:#40750b !important; color:#fff !important;}
.btn_Green {background:#4caf50 !important; color:#fff !important;}
.btn_LightGreen {background:#9c3 !important; color:#fff !important;}
.btn_Lime {background:#cddc39 !important; color:#fff !important;}
.btn_Yellow {background:#ffeb3b !important; color:#fff !important;}
.btn_Amber {background:#ffc107 !important; color:#fff !important;}
.btn_Orange {background:#ff9800 !important; color:#fff !important;}
.btn_DeepOrange {background:#ff5722 !important; color:#fff !important;}
.btn_Brown {background:#795548 !important; color:#fff !important;}
.btn_BlueGray {background:#8d9aaf !important; color:#fff !important;}
.btn_SuperDeepGray {background:#464646 !important; color:#fff !important;}

body .btn_stroke {background:none !important;}
.btn_stroke.btn_White {background:#fff !important; border:1px solid rgba(256,256,256,0.38) !important; color:#fff !important;}
.btn_stroke.btn_Gray {background:#fff !important; border:1px solid #ddd !important; color:#666 !important;}
.btn_stroke.btn_Red {background:#fff !important; border:1px solid #ff0000 !important; color:#ff0000 !important;}
.btn_stroke.btn_Blue {background:#fff !important; border:1px solid #303d92 !important; color:#303d92 !important;}
.btn_stroke.btn_Black {background:#fff !important; border:1px solid #222 !important; color:#222 !important;}
.btn_stroke2.btn_Black {background:#fff !important; border:2px solid #222 !important; color:#222 !important;}
.btn_stroke.btn_DeepGray {border:1px solid #757575 !important; color:#666 !important;}
.btn_stroke.btn_LightRed {border:1px solid #ff5252 !important; color:#ff5252 !important;}
.btn_stroke.btn_Pink {border:1px solid #e91e63 !important; color:#e91e63 !important;}
.btn_stroke.btn_Purple {border:1px solid #9c27b0 !important; color:#9c27b0 !important;}
.btn_stroke.btn_DeepPurple {border:1px solid #673ab7 !important; color:#673ab7 !important;}
.btn_stroke.btn_Indigo {border:1px solid #3f51b5 !important; color:#3f51b5 !important;}
.btn_stroke.btn_LightBlue {border:1px solid #03a9f4 !important; color:#03a9f4 !important;}
.btn_stroke.btn_DeepBlue {border:1px solid #0d47a1 !important; color:#0d47a1 !important;}
.btn_stroke.btn_Cyan {border:1px solid #00bcd4 !important; color:#00bcd4 !important;}
.btn_stroke.btn_Teal {border:1px solid #009688 !important; color:#009688 !important;}
.btn_stroke.btn_Green {border:1px solid #4caf50 !important; color:#4caf50 !important;}
.btn_stroke.btn_LightGreen {border:1px solid #8bc34a !important; color:#8bc34a !important;}
.btn_stroke.btn_Lime {border:1px solid #cddc39 !important; color:#cddc39 !important;}
.btn_stroke.btn_Yellow {border:1px solid #ffeb3b !important; color:#ffeb3b !important;}
.btn_stroke.btn_Amber {border:1px solid #ffc107 !important; color:#ffc107 !important;}
.btn_stroke.btn_Orange {border:1px solid #ff9800 !important; color:#ff9800 !important;}
.btn_stroke.btn_DeepOrange {border:1px solid #ff5722 !important; color:#ff5722 !important;}
.btn_stroke.btn_Brown {border:1px solid #795548 !important; color:#795548 !important;}
.btn_stroke.btn_BlueGray {border:1px solid #8d9aaf !important; color:#8d9aaf !important;}
.btn_stroke.btn_SuperDeepGray {border:1px solid #464646 !important; color:#464646 !important;}

@keyframes vMove {
	0%{right:15px}
	50%{right:18px}
	100%{right:15px}
}

@media screen and (max-width:960px) {
	.m_none {display:block;}
	.w_none {display:none;}
}

@media screen and (max-width:768px) {
	.btn.linewhite,.btn.black{font-size:1.45rem;}
	.btn.linewhite{height:48px; line-height:48px;}
	.btn.black{height:50px; line-height:50px;}
}

@media all and (max-width:640px){
	.btn.line,
	.btn.fill,
	.btn.dBlue,
	.btn.gray{width:auto;height:40px;line-height:39px;padding:0 20px;font-size:15px;margin:0}

	.btn.download{width:auto;height:40px;line-height:36px}
	.btn.download:before,
	.btn.download:hover:before{width:20px;height:18px;background-size:20px;vertical-align:-3px}

	.btn.link{padding:8px 25px 9px 9px}
	.btn.link:after{right:9px}

	@keyframes vMove {
	0%{right:9px}
	50%{right:12px}
	100%{right:9px}
}
}
@media all and (max-width:550px){
    .btnAreaLR.type_1 .btnA_l{margin-bottom:15px}
    .btnAreaLR.type_1 .btnA_l,
    .btnAreaLR.type_1 .btnA_r{width:100%;text-align:right}
}

@media(max-width:450px){
    .btnAreaLR .btn{display:block;width:100%;margin:3px 0}
	.btnAreaLR .btnA_l{float:none;text-align:right;margin:0}
	.btnAreaLR .btnA_r{float:none;text-align:right}
    .btnAreaLR .btn.line,
	.btnAreaLR .btn.fill,
	.btnAreaLR .btn.dBlue,
	.btnAreaLR .btn.gray,
    .btnAreaLR .btn.download{display:block;width:100%;margin:3px 0;border-radius:0}
	.btnAreaLR .btn.line:hover:before{border-radius:0}
    .btnAreaLR .btn.fill:hover:before{border-radius:0}
    .btnAreaLR .btn.dBlue:hover:before{border-radius:0}
    .btnAreaLR .btn.gray:hover:before{border-radius:0}
}