@charset "UTF-8";
@import url('/home/css/Pretendard.css');
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo&display=swap');

html, body {height:100%; min-width:320px; scroll-behavior: smooth;}
body {color:#333; font-family:'Pretendard',맑은고딕,'Malgun Gothic',돋움,Dotum,sans-serif; font-size:18px; letter-spacing: -0.035em; 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:'Pretendard',맑은고딕,'Malgun Gothic',돋움,Dotum,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-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;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>태그의 내부 여백을 삭제
 *******************************/
button {display:inline-block; font-size:16px; color:#303d92; text-align:center; vertical-align:middle; font-family:'Pretendard',맑은고딕,'Malgun Gothic',돋움,Dotum,sans-serif;}
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;}

@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){
	@keyframes vMove {
	0%{right:9px}
	50%{right:12px}
	100%{right:9px}
}
}
@media all and (max-width:550px){ 
}

@media(max-width:450px){
}