@charset "utf-8";
@import url("font.css");
/* reset */
html {width:100%;}
body {margin:0; padding:0; background:#fff; overflow-y:scroll; height:100%; width:100%;	word-break:keep-all;}
body {font-family:"SCoreDream", "맑은고딕","Malgun Gothic", "AppleGothicNeoSD", "Apple SD 산돌고딕 Neo", "sans-serif"; -webkit-font-smoothing: antialiased; font-size:16px; font-weight:400; letter-spacing:-0.5px; color:#121212; line-height:1.2;}
* {color:inherit; font-family:inherit; font-size:inherit; font-weight:inherit; letter-spacing:inherit; line-height:inherit;box-sizing: border-box;}

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display:block;}
b,strong {font-weight:600}
h1,h2,h3,h4,h5,h6,p,form,span {margin:0; padding:0; font-weight:normal}
div,table {margin:0; padding:0; border-spacing:0; border-collapse:collapse; border:0px none;}
ul,ol,li,td,dl,dt,dd {margin:0; padding:0;list-style:none;}
em,i {font-style:normal;}
u {text-decoration:none;}
a,span {display:inline-block;}
img {border:0;max-width:100%;vertical-align:top}
address, caption, pre, em, i {font-style:normal;}

table{width:100%;border-collapse:collapse;border-spacing:0;}
table caption,legend{height:0;width:0;overflow:hidden;font-size:0;}
table, caption, tbody, tfoot, thead, tr, th, td {background:transparent;font-size:100%;}
th,td{vertical-align:middle}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:"";content:none;}
hr{ width:100%; height:1px; background-color:#ddd; margin:20px 0px; border:0px;}

/* 링크속성 */
a{color:#333;text-decoration:none;}
a:hover,a:focus{color:#34586e}
a:focus{color:#34586e;}
a:link, a:visited {color:inherit; text-decoration:none; cursor:pointer;}

/* form */
input, select, textarea, button {color:#121212; vertical-align:middle;padding:8px;border:1px solid #d8dee8;box-sizing:border-box;height:41px;border-radius:4px;}
input::-ms-clear {display: none}
input {-webkit-appearance: none;} /*아이폰 버튼스타일 제거*/
input[type='checkbox']{-webkit-appearance:checkbox} 
input[type='radio']{-webkit-appearance:radio;vertical-align:top}
textarea {resize:none;border-radius:4px;}
select {border-radius:4px;}
select {padding:8px 24px 8px 12px;-webkit-padding-end:24px;-moz-padding-end:24px;background:url('/_KOR/img/select_arrow.svg') no-repeat right 11px center #fff;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;min-width:72px;}
select::-ms-expand {display: none;}
textarea {resize:none;}
button, label,input[type='submit'],input[type='button'] {cursor:pointer;}
fieldset{border:none;margin:0;padding:0}
input:read-only{background:#fafafa;color:#111;}

.radio{position:relative;vertical-align: middle;}
.radio label{position:relative;display:inline-block;min-height:20px;line-height:1.4;margin:0;padding-left:26px;color:#666;}
.radio input {position:absolute; width:100%; height:20px; padding:0; opacity:0; border:none; margin:0; z-index:10; background:none; appearance:none; -webkit-appearance:none;cursor:pointer;}
.radio input[type="radio"] + label:before{content:'';position:absolute;top:0px;left:0;display:inline-block; width:20px; height:20px; margin-right:2px;border:1px solid #333;background:#fff; cursor:pointer;vertical-align:middle;border-radius:50%;border:6px solid #ddd;    box-sizing: border-box;}
.radio input[type="radio"]:checked + label:before{border:6px solid #1f67e5;}
.radio input[type="radio"]:focus + label{border:1px dotted #1f67e5}
.radio input[type="radio"]:checked + label,.chkbox input[type="checkbox"]:checked + label{color:#1f67e5}
.radio + .radio,.chkbox + .chkbox{margin-left:8px;}

.chkbox{position:relative}
.chkbox label{position:relative;display:inline-block;min-height:22px;line-height:1.4;margin:0;padding-left:28px;color:#666;cursor:pointer;}
.chkbox input {position:absolute; width:20px; height:20px; padding:0; opacity:0; border:none; margin:0; z-index:10; background:none; appearance:none; -webkit-appearance:none;}
.chkbox input[type="checkbox"] + label:before{content:'';position:absolute;top:0px;left:0;display:inline-block; width:20px; height:20px; border:1px solid #ddd;cursor:pointer;border-radius:4px;}
.chkbox input[type="checkbox"]:checked + label:before {background:url('/_KOR/img/check_w.png') center center no-repeat #1f67e5 ;border-color:transparent}
.chkbox input[type="checkbox"]:checked + label{color:#1f67e5 }
.chkbox input[type="checkbox"]:focus + label{border:1px dotted #666}


#switch {position: absolute;  /* hidden */  appearance: none;-webkit-appearance: none;-moz-appearance: none;height: 24px;width: 24px;background: transparent;border: 1px solid transparent;}
.switch .switch_label {position: relative;}
.switch .onf_btn:hover { background: #c1c4c8;}
.switch .onf_btn{position: relative;  cursor: pointer;  display: inline-block;  width: 50px;  height: 26px;  background: #d2d5da;  border-radius: 26px;  transition: 0.2s;}
.switch .onf_btn:before {content:'';  position: absolute;  top: 3px;  left: 3px;  display: inline-block;  width: 20px;  height: 20px;  border-radius: 20px;  background: #fff;  transition: 0.2s;}
	/* checking style */
	#switch:checked+.switch_label .onf_btn {background: #1f67fd;}
	#switch:checked+.switch_label .onf_btn:hover {background: #1554d7;}
	/* move */
	#switch:checked+.switch_label .onf_btn:before {  left: 26px;  background: #fff;  box-shadow: 1px 2px 3px rgba(0,0,0,.1);}
	.switch .label{position: relative;margin-left:4px;top:-6px;}


/* 마우스 드래그 컬러 */
::selection {background:#0661ff; color:#fff; text-shadow: none;}
::-moz-selection {background:#0661ff; color:#fff; text-shadow: none;}
::-webkit-selection {background:#0661ff; color:#fff; text-shadow: none;}

/* 인풋 플레이스 홀더 */
input::placeholder,
::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder { color:#999;font-size:.875em}

/* Accessibility */
.sound_only,.blind{height:0;width:0;font-size:0;overflow:hidden;}
.hide{display:none}

/* skipNavi */
#skipNavi{position:absolute;top:-1px;background-color:#333;z-index:999}
#skipNavi a{position:absolute;top:0;left:0;padding:10px 25px;margin-top:-100px;text-align:center;line-height:1;white-space:nowrap;background:#000}
#skipNavi a:link{color:#333;}
#skipNavi a:focus{margin-top:0;text-decoration:underline;color:#fff}

/* 글자자름 (inline-block, block 형태로 가로폭 지정)*/
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ellipsis2{overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space:nowrap;line-height: 1.2em;	height: 2.4em;}

/* font - 에스코어 드림 */
.typo{font-family:"SCoreDream", "sans-serif";}

/* 정렬 */
.p_r{position:relative}
.p_a{position:absolute}
.t_a_c{text-align:center }
.t_a_l{text-align:left }
.t_a_r{text-align:right}

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

.v_a_t {vertical-align:top }
.v_a_m {vertical-align:middle }
.v_a_b {vertical-align:bottom }
ul.ulfl > li{float:left}

.dp_ini{display:inline}
.dp_inb{display:inline-block}
.dp_blo{display:block}
.dp_flex{display:flex}

.f_v_c{align-items: center;}
.f_h_c{justify-content: center;}
.f_h_v{justify-content: space-between;}
.f_vh_c{justify-content: center;align-items: center;}
.f_wp{flex-wrap:wrap;}

.clear{clear:both !important;}
.clearfix:after,ul.ulfl:after,#container:after {content:"";width:100%;display:block;visibility:hidden;clear:both;}

/* 폰트속성 */
.fn {font-weight:normal  !important;}
.fb1 {font-weight:500}
.fb2 {font-weight:600}
.fb3 {font-weight:700}
.fb4 {font-weight:800}

.f_s {font-size:0.875rem !important}
.f_l {font-size:1.25rem !important}

.img_text{font-size:0 !important}

/* Typography */
.heading_1{font-size:2.75rem;line-height:3.575rem;} /* 44px */
.heading_2{font-size:2.5rem;line-height:3.25rem;} /* 40px */
.heading_3{font-size:2.25rem;line-height:2.925rem;}/* 36px */
.heading_4{font-size:2rem;line-height:2.6rem;}/* 32px */
.heading_5{font-size:1.75rem;line-height:2.275rem;}/* 28px */
.heading_6{font-size:1.5rem;line-height:1.95rem;}/* 24px */

.subtitle_1{font-size:1.25rem;line-height:1.75rem;}/* 20px */
.subtitle_2{font-size:1.125rem;line-height:1.688rem;}/* 18px */

.body_1{font-size:1rem;line-height:1.5rem;}/* 16px */
.body_2{font-size:0.875rem;line-height:1.313rem;}/* 14px */
.body_3{font-size:0.675rem;line-height:1.313rem;}/* 12px */

.caption{font-size:0.75rem;line-height:1.125rem;}/* 12px */
.overline{font-size:0.688rem;line-height:0.938rem;}/* 11px */

/* box */
.box_round1{border-radius:4px;}
.box_round2{border-radius:8px;}
.box_round3{border-radius:12px;}
.box_round4{border-radius:16px;}
.box_round5{border-radius:24px;}

/*------------------------------------*\
  width
\*------------------------------------*/
.w100p {width:100%;}
.w90p{width:90%}
.w80p{width:80%}
.w70p{width:70%}
.w60p{width:60%}
.w50p{width:50%}
.w49p{width:49%}
.w40p{width:40%}
.w30p{width:30%}
.w33p{width:33.3%}
.w25p{width:25%}
.w20p{width:20%}
.w15p{width:15%}
.w10p{width:10%}

/*------------------------------------*\
  margin/padding
\*------------------------------------*/
.mt0 {margin-top:0px !important;}
.mt4 {margin-top:0.25rem !important;}
.mt8 {margin-top:0.5rem !important;}
.mt16{margin-top:1rem !important;}
.mt20{margin-top:1.25rem !important;}
.mt24{margin-top:1.5rem !important;}
.mt30{margin-top:1.875rem !important;}
.mt32{margin-top:2rem !important;}
.mt36{margin-top:2.25rem !important;}
.mt40{margin-top:2.5rem !important;}
.mt44{margin-top:2.75rem !important;}

.mb0 {margin-bottom:0px !important;}
.mb4 {margin-bottom:0.25rem !important;}
.mb8 {margin-bottom:0.5rem !important;}
.mb16{margin-bottom:1rem !important;}
.mb20{margin-bottom:1.25rem !important;}
.mb24{margin-bottom:1.5rem !important;}
.mb32{margin-bottom:2rem !important;}
.mb36{margin-bottom:2.25rem !important;}
.mb40{margin-bottom:2.5rem !important;}
.mb44{margin-bottom:2.75rem !important;}

.mr0 {margin-right:0px !important;}
.mr4 {margin-right:0.25rem !important;}
.mr8 {margin-right:0.5rem !important;}
.mr16{margin-right:1rem !important;}
.mr20{margin-right:1.25rem !important;}

.ml0 {margin-left:0px !important;}
.ml4 {margin-left:0.25rem !important;}
.ml8 {margin-left:0.5rem !important;}
.ml16{margin-left:1rem !important;}
.ml20{margin-left:1.25rem !important;}
.ml40{margin-left:2.5rem !important;}

.pa0 {padding:0px !important;}
.pa4 {padding:0.25rem !important;}
.pa8 {padding:0.5rem !important;}
.pa16{padding:1rem !important;}
.pa20{padding:1.25rem !important;}
.pa24{padding:1.5rem !important;}
.pa32{padding:2rem !important;}
.pa36{padding:2.25rem !important;}
.pa40{padding:2.5rem !important;}
.pa44{padding:2.75rem !important;}
.pa50{padding:3.125rem !important;}


/*------------------------------------*\
  button
\*------------------------------------*/
.btn{position: relative;font-weight:600;padding:10px 16px;display: inline-flex;justify-content: center;align-items: center;white-space:nowrap;text-align: center;vertical-align: middle;border: 1px solid transparent;border-radius:4px;transition:all .2s ease;}
.btn > *{font-weight:600;}
.btn_ss{padding:4px 8px;font-size:.75rem ;border-radius:2px;}
.btn_s{padding:6px 12px;font-size:.875rem ;border-radius:4px;}
.btn_m{padding:14px 24px;}
.btn_l{padding:16px 32px;font-size:1.125rem;}

.icon_box{display:inline-flex;align-items: center;}
.ico{margin:0 2px;display: inline-flex;justify-content: center;align-items:center;}

.icon_box span + span,
.btn + .btn{margin-left:4px;}
.btn.btn_block{display:block;width:100%;}
.btn:hover{box-shadow:0px 0px 8px 2px rgba(0, 0, 0, 0.12);}

/* 컬러 */
.green{color:#009651 !important;}
.mint{color:#00bcd4 !important;}
.blue{color:#255dfa !important;}
.blue2{color:#044ba9 !important;}
.blue_l{color:#0083E8 !important;}
.navy{color:#002b51 !important;}
.yellow{color:#b19b1f !important}
.orange{color:#e7560e !important}
.orange2{color:#ff7700 !important}
.purple{color:#8840cb !important} 
.pink{color:#cb4055 !important}
.red{color:#e22f22 !important}
.bk{color:#121212 !important} 
.gray1{color:#343434 !important;}
.gray2{color:#545454 !important;}
.gray3{color:#767676 !important;}

/* 배경 */
.bg_bk{background-color:#333 !important; color:#fff !important}
.bg_gray{background-color:#f8f8f8 !important;}
.bg_gray2{background-color:#eee !important;}
.bg_disable{background-color:#eee !important;color:#888  !important;cursor: unset !important;}
.bg_lgray {background-color:#edf0f4 !important;}
.bg_dgray{background-color:#2d3035 !important; color:#fff !important}
.bg_dgray2{background-color:#6a7184 !important; color:#fff !important}
.bg_green{background-color:#4aaa70 !important;color:#fff !important}
.bg_mint{background-color:#009eb0 !important;color:#fff !important}
.bg_blue{background-color:#0073e6 !important;color:#fff !important}
.bg_blue2{background-color:#044ba9 !important;color:#fff !important}
.bg_blue_l{background-color:#1d8ce1 !important;color:#fff !important}
.bg_navy{background-color:#002b51 !important;color:#fff !important}
.bg_orange{background-color:#e7560e !important;color:#fff !important}
.bg_orange2{background-color:#ff7700 !important;color:#fff !important}
.bg_red{background-color:#e22f22 !important;color:#fff !important}
.bg_lred{background-color:#FEE3D3;}
.bg_purple{background-color:#8840cb !important;color:#fff !important}
.bg_pink{background-color:#cb4055 !important;color:#fff !important}
.bg_yellow{background-color:#ffbe12 !important;}
.bg_yellow2{background-color:#fccf03 !important;}
.bg_w{background-color:#fff !important;}
.bg_w_bo{background-color:#fff !important;border:1px solid #ddd}
.bg_w_bl{background-color:#fff !important;border:1px solid #044ba9;color:#044ba9  !important;}
.bg_r_bo{background-color:#fff !important;border:1px solid #e91313;color:#e91313  !important;}
.bg_bk_bo{background-color:#fff !important;border:1px solid #343434;color:#343434  !important;}

/* 상단으로 */
.loca_nav{position:fixed;right:40px;bottom:50px;z-index:700;display:none}
.loca_nav a{position:relative;display:block;color:#000;background:#fff;width:50px;height:50px;text-align:center;font-size:0px ;border:1px solid #eee;opacity:0.9;font-weight:500;border-radius:4px;}
.loca_nav a.top {padding-top:25px;}
.loca_nav a:before{content:'';position:absolute;top:20px;left:50%;width:8px;height:8px;display:inline-block;border:solid #000;border-width:2px 2px 0 0;transform:rotate(-45deg);vertical-align:middle;margin-left:-4px}
.loca_nav a.bottom{padding-top:12px;margin-top:5px;}
.loca_nav a.bottom:before{content:'';position:absolute;top:16px;left:50%;width:8px;height:8px;display:inline-block;border:solid #000;border-width:2px 2px 0 0;transform:rotate(135deg);vertical-align:middle;margin-left:-4px}
.loca_nav a:hover{background:#000;color:#fff;opacity:1}
.loca_nav a:hover:before{border-color:#fff}

/* arrow,ico */
.ico_ir{background:url('../img/main_ir.png') 0px 0px no-repeat;vertical-align:middle;}

/* 빈페이지 */
.empty_pages{padding:80px 40px;border:4px solid #edf1f4;border-radius:8px;}

/* 애니메이션 */
a{transition:all .3s ease; -webkit-transition:all .2s ease; -ms-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease;}

@keyframes animate_background {0% {transform:scale(1.2)} 100% {transform:scale(1)}}
@keyframes fadein {from {margin-top:-15px; opacity: 0; }to{ margin-top:0px; opacity: 1; }}
@keyframes slide-left {
  0% {
    -webkit-transform: translateX(-40px);
            transform: translateX(-40px);
			opacity:0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
			opacity:1;
  }
}

@keyframes slide-right {
  0% {
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
			opacity:0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
			opacity:1;
  }
}
@keyframes slide-top {
  0% {
    -webkit-transform: translateY(-60px);
            transform: translateY(-60px);
			opacity:0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
			opacity:1;
  }
}
@keyframes slide-bottom {
  0% {
    -webkit-transform: translateY(60px);
            transform: translateY(60px);
			opacity:0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
			opacity:1;
  }
}
@keyframes slide-bottom2 {
  0% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
			opacity:0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
			opacity:1;
  }
}


@media print {
	body{-webkit-print-color-adjust: exact;font-size:9pt !important}
	h2, h3, table,.latest_update {page-break-after: avoid;}
	img,table {max-width: 100% !important;width:100% !important;}
	.sub{padding-top:0 !important;}
	#footer, 
	#header, 
	#snb, 
	.table_wp 
	.notice{display:none !important;}
	.table_wp{overflow-x:unset;margin:0;width:100%;}
	.table_wp table{width:100% !important;}
	table{margin-top:10px !important;    border-collapse: collapse !important;}
    th, td {
		padding:6px !important;
        border: solid #ddd !important;
        border-width: 1px 0px 1px 0 !important;
    }
	th{border-right:1px solid #ddd !important;}
	#sub_wrap{display:block;}
	#snb{margin-top:0 !important;margin-bottom:20px !important;}
	#content_wrap{padding:0;margin:0;}
	#content_wrap .sub_tit{margin-bottom:20px !important;;font-size:1.567em !important;;}
}