@charset "utf-8";

/* css include */
@import url("layout_2024.css");                                                                             /* Form & link Style */
@import url("style_2024.css");                                                                             /* Design Style */
@import url("content.css");   

/* *********************************************************************************
 *	fonts setting
 * *********************************************************************************/
/* Regular */
@font-face {
	font-family: "Pretendard GOV";
	font-weight: 400;
	font-style: normal;
	src: url("../_font/PretendardGOV-Regular.subset.woff2") format("woff2"),
		 url("../_font/PretendardGOV-Regular.subset.woff") format("woff");
}
  /* Medium */
@font-face {
	font-family: "Pretendard GOV";
	font-weight: 500;
	font-style: normal;
	src: url("../_font/PretendardGOV-Medium.subset.woff2") format("woff2"),
		 url("../_font/PretendardGOV-Medium.subset.woff") format("woff");
}
  /* Bold */
@font-face {
	font-family: "Pretendard GOV";
	font-weight: 700;
	font-style: normal;
	src: url("../_font/PretendardGOV-Bold.subset.woff2") format("woff2"),
		 url("../_font/PretendardGOV-Bold.subset.woff") format("woff");
}


/* *********************************************************************************
 *	Reset
 * *********************************************************************************/
 
html{overflow:hidden;overflow-y:auto;margin:0;padding:0;/*-webkit-box-sizing:border-box;box-sizing:border-box;*/}
body{overflow:hidden;position:relative;left:0;top:0;margin:0;padding:0;font-family:"Pretendard GOV", '맑은 고딕', 'Malgun Gothic', sans-serif;font-size:17px;color:var(--gray90);line-height:1.5;letter-spacing:0}
header, footer, main, section, article, nav, aside{display:block}
ul, ol, li, dl, dt, dd{margin:0;padding:0;list-style:none}
h1, h2, h3, h4, h5, h6, p, form, figure, figcaption{margin:0;padding:0}
fieldset, hr{display:block;margin:0;padding:0;border:0 none}
input, select {max-width:100%;vertical-align:middle}
input, select, button, textarea, optgroup{margin:0;padding:0;font-family:inherit;font-size:inherit;color:inherit}
address, em, i{font-style:normal}
a{color:inherit;text-decoration:none}
label {cursor: pointer}
button {padding:0;border:0 none;background:none;cursor:pointer}
input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none}
img{max-width:100%;border:0 none;font-size:0;vertical-align:middle}
table{width:100%;border-collapse:collapse}
caption, legend, .sr_only, .hidden, .blind, .IR, .hide, .hidden{overflow: hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0 none;clip:rect(0, 0, 0, 0)}


/* *********************************************************************************
 *	건너뛰기 메뉴 정의
 * *********************************************************************************/
#skipNav{width:100%;height:0;line-height:0;position:absolute;top:-125px;display:block;z-index:9999}
#skipNav li a{display:block;width:100%;font-weight:600;text-align:center;font-size:120%;color:#E4012E}
#skipNav li a:focus,
#skipNav li a:hover,
#skipNav li a:active{position:absolute;top:125px;left:0px;font-size:15px;color:var(--white); line-height: 40px; outline:2px dashed var(--secondary30); outline-offset: -3px; background:var(--secondary60);z-index:100;display:block}
@media screen and (max-width: 767px){
	#skipNav{display:none;}	
}

/* *********************************************************************************
 *	링크 포커스(접근성)
 * *********************************************************************************/
a:focus, button:focus{ outline-offset: -2px; outline:2px dashed var(--secondary30)}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus{outline:2px dashed var(--secondary30)}


/* *********************************************************************************
 *	Root
 * *********************************************************************************/
:root{
	--white:#fff;
	--black:#000;

	--primary5:#eff5ff;
	--primary10:#e9f0fd;
	--primary20:#d3e1fb;
	--primary30:#a7c4f7;
	--primary40:#5089ef;
	--primary50:#246beb;
	--primary60:#1d56bc;
	--primary70:#16408d;
	--primary80:#0e2b5e;
	--primary90:#0b2047;

	--secondary5:#edf1f5;
	--secondary10:#cdd7e4;
	--secondary20:#b4c4d6;
	--secondary30:#99b0cb;
	--secondary40:#2a5c96;
	--secondary50:#003675;
	--secondary60:#002b5e;
	--secondary70:#002046;
	--secondary80:#00162f;
	--secondary90:#000b17;

	--gray5:#f8f8f8;
	--gray10:#f0f0f0;
	--gray20:#e4e4e4;
	--gray30:#d8d8d8;
	--gray40:#c6c6c6;
	--gray50:#8e8e8e;
	--gray60:#717171;
	--gray70:#555;
	--gray80:#2d2d2d;
	--gray90:#1d1d1d;
}


/* *********************************************************************************
*	정렬
* *********************************************************************************/
.txt_left{text-align:left !important}
.txt_center, .tac, .ta_c{text-align:center !important}
.txt_right, .tar{text-align: right !important}
.top, .vat{vertical-align:top !important}
.middle, .vam{vertical-align:middle !important}
.bottom,.vab{vertical-align:bottom !important}


/* *********************************************************************************
*	Float
* *********************************************************************************/
.fl, .flo_left{float:left}
.fr,.flo_right{float:right}
.clb {clear:both}
.clear:after{clear:both;display:block;content:""}


/* *********************************************************************************
*	Margin
* *********************************************************************************/
.m0{margin:0 !important}

.mt_0{margin-top:0 !important}
.mt_5, .mgt_05{margin-top:5px !important}
.mt_10, .mgt_10{margin-top:10px !important}
.mt_15{margin-top:15px !important}
.mt_20, .mgt_20{margin-top:20px !important}
.mt_25{margin-top:25px !important}
.mt_30, .mgt_30{margin-top:30px !important}
.mt_35{margin-top:35px !important}
.mt_40{margin-top:40px !important}

.mb_0{margin-bottom:0 !important}
.mb_5, .mgb_05{margin-bottom:5px !important}
.mb_10, .mgb_10{margin-bottom:10px !important}
.mb_15{margin-bottom:15px !important}
.mb_20, .mgb_20{margin-bottom:20px !important}
.mb_25{margin-bottom:25px !important}
.mb_30, .mgb_30{margin-bottom:30px !important}
.mb_35{margin-bottom:35px !important}
.mb_40, .mgb_40{margin-bottom:40px !important}
.mb_45{margin-bottom:45px !important}
.mb_50, .mgb_50, .mb50{margin-bottom:50px !important}
.mgb_20_dashed {margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #d7d9da;}


.ml_0{margin-left:0 !important}
.ml_5, .mgl_05{margin-left:5px !important}
.ml_10, .mgl_10{margin-left:10px !important}
.ml_15{margin-left:15px !important}
.ml_20, .mgl_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, .mgl_40{margin-left:40px !important}
.mgl_50 {margin-left:50px !important}
.mgl_60 {margin-left:60px !important}
.mgl_70 {margin-left:70px !important}
.mgl_80 {margin-left:80px !important}

.mr_0{margin-right:0 !important}
.mr_5, .mgr_05{margin-right:5px !important}
.mr_10, .mgr_10{margin-right:10px !important}
.mr_15{margin-right:15px !important}
.mr_20, .mgr_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_auto{margin-right:auto !important}
.ml_auto{margin-left:auto !important}


/* *********************************************************************************
*	Padding
* *********************************************************************************/
.p0{padding:0 !important}
.pt_5, .pdt_05{padding-top:5px !important}
.pt_10, .pdt_10{padding-top:10px !important}
.pt_15{padding-top:15px !important}
.pt_20, .pdt_10{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}
.pdt_50 {padding-top:50px !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}
.pdb_50 {padding-bottom:50px !important}

.pl_5, .pdl_05{padding-left:5px !important}
.pl_10, .pdl_10{padding-left:10px !important}
.pl_15{padding-left:15px !important}
.pl_20, .pdl_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}

.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}


/* width(rem) */
/* .w50{width:50px !important} */
.w55{width:55px !important}
/* .w60{width:60px !important} */
.w65{width:65px !important}
.w70{width:70px !important}
.w75{width:75px !important}
.w80{width:80px !important}
.w85{width:85px !important}
.w90{width:90px !important}
.w95{width:95px !important}
.w100, .w_100{width:100px !important}
.w110{width:110px !important}
.w120{width:120px !important}
.w130{width:130px !important}
.w140{width:140px !important}
.w150{width:150px !important}
.w160{width:160px !important}
.w170{width:170px !important}
.w180{width:180px !important}
.w190{width:190px !important}
.w200{width:200px !important}
.w210{width:210px !important}
.w220{width:220px !important}
.w230{width:230px !important}
.w240{width:240px !important}
.w250{width:250px !important}
.w260{width:260px !important}
.w270{width:270px !important}
.w280{width:280px !important}
.w290{width:290px !important}
.w300{width:300px !important}
.w350{width:350px !important}
.w400{width:400px !important}
.w450{width:450px !important}
.w500{width:500px !important}

/* width(%) */
.w10p{width:10% !important}
.w15p{width:15% !important}
.w20p{width:20% !important}
.w25p{width:25% !important}
.w30p{width:30% !important}
.w35p{width:35% !important}
.w40p{width:40% !important}
.w45p{width:45% !important}
.w50p, .w_50p{width:50% !important}
.w55p{width:55% !important}
.w60p{width:60% !important}
.w65p{width:65% !important}
.w70p{width:70% !important}
.w75p{width:75% !important}
.w80p{width:80% !important}
.w85p{width:85% !important}
.w90p{width:90% !important}
.w95p{width:95% !important}
.w100p{width:100% !important}


/* height */
.h_10 {height:10px}
.h_30 {height:30px}


/* openType */
.openType { margin-top:10px; text-align:center !important}
.openType span { display:block; margin-top:10px;}


/* Font_Style */
.bold {font-weight:700}
.font_11{font-size:11px}
.font_12{font-size:12px}
.font_13{font-size:13px}
.font_14{font-size:14px}
.font_20{font-size:20px}

.font_org{color:#f57420;}
.font_blue{color:#006bb7;}
.font_green { color:#5f8a42}

.font_lsc_em01{letter-spacing:-0.1em;}
.font_lsc_em10{letter-spacing:-1em;}
.font_lsc{letter-spacing:-1px;}
.font_0sc{letter-spacing:0px;}

.underline { text-decoration:underline}