@charset "utf-8";

/*@import url('fonts.css');*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@font-face {font-family:'yg-jalnan'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff'); font-weight:normal; font-style:normal;}



/* ////////////////////////////////////////////////////////////////////////////////////////////////////
    Reset CSS
//////////////////////////////////////////////////////////////////////////////////////////////////// */

*{padding:0; margin:0;font-family: 'Noto Sans KR', sans-serif;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,button,input{
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline;
	background:transparent;
	word-break:keep-all;
	box-sizing: border-box;
}

*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html,body{height:100%}
html{overflow:hidden;overflow-y:auto;-webkit-box-sizing:border-box;box-sizing:border-box;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'Noto Sans KR', sans-serif;font-size: 100%;color:#545454;/*letter-spacing:-0.025em;*/box-sizing:border-box;line-height:1.6}
img,fieldset{max-width:100%;height:auto;border:0;vertical-align:top}
ul,ol{list-style:none}
i,em,address{font-style:normal}
a{text-decoration:none;color:#555}
a:hover,a:active,a:focus{text-decoration:none}
article,aside,details,dialog,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;margin:0;padding:0}
button, input[type="submit"]{cursor:pointer}
caption, legend{overflow:hidden;position:static;left:-1px;top:-1px;width:1px;height:1px;font-size:0;line-height:0}
textarea{/*resize:none;*/padding:4px 5px 6px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-size: 0.938em;box-sizing: border-box;}

/* *********************************************************************************
 * 공통 기본
 * *********************************************************************************/
.hide, .HIDE, .hidden {position:absolute;width:1px;height:1px;overflow:hidden;margin:-1px;padding:0;border:0;/*clip:rect(0,0,0,0);*/}/* 내용감추기 클래스, 접근성으로 인한 display:none 또는 visibility:hidden 작성 금지 */
.blind { overflow: hidden; position: absolute; top:-1000px; left:-1000px;width: 0; height: 0; line-height: 0; text-indent: -9999px;}
.bold{font-weight:bold}
.normal{font-weight:normal}

textarea, input, select {border-radius: 0;border: 0;outline-color: -moz-use-text-color;/* outline-style: none; */outline-width: medium;}
textarea { color: inherit; }
textarea:focus::-webkit-input-placeholder { color: transparent; }
textarea:focus:-moz-placeholder { color: transparent; }
textarea:focus::-moz-placeholder { color: transparent; }
textarea:focus:-ms-input-placeholder { color: transparent; }
input[type="reset"], input[type="button"], input[type="submit"] { line-height: normal !important; cursor: pointer; }
input[type="button"], input[type="text"], input[type="image"], input[type="submit"] { -webkit-appearance: none; border-radius: 0; }
input:checked[type="checkbox"] { background-color: #fff; -webkit-appearance: checkbox; }
input { color: inherit; }
input::-webkit-input-placeholder { color: inherit; }
input::-moz-placeholder { color: inherit; }
input:-ms-input-placeholder { color: inherit !important; }
input:-moz-placeholder { color: inherit; }
input:focus { border: 0; }
input:focus::-webkit-input-placeholder { color: transparent; }
input:focus:-moz-placeholder { color: transparent; }
input:focus::-moz-placeholder { color: transparent; }
input:focus:-ms-input-placeholder { color: transparent; }
input:-webkit-autofill, textarea:-webkit-autofill, select { -webkit-appearance: none; appearance: none; }
input:-webkit-autofill:-webkit-autofill, textarea:-webkit-autofill:-webkit-autofill, select:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0px 1000px white inset; box-shadow: 0 0 0px 1000px white inset; }
input:-webkit-autofill::-ms-expand, textarea:-webkit-autofill::-ms-expand, select::-ms-expand { display: none; }
input[type="date"]::-webkit-clear-button { display: none; }
input[type="date"]::-webkit-inner-spin-button { display: none; }
input[type="date"]::-webkit-calendar-picker-indicator { color: #343434; background: #fff; }
input[type="date"] { -moz-appearance: none; appearance: none; -webkit-appearance: none; display: inline-block !important; visibility: visible !important; }
input[type="date"], input:focus { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }

input[type="text"],input[type='password'] { width: 100%;height: 38px;padding: 0 .6rem;border: 1px solid #ddd;margin-right: 0; }

table{border-collapse:separate;	border-spacing:0;}
table {width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}
table.tbl_auto {table-layout:auto}
th, td{ vertical-align:middle;}

a { text-decoration:inherit; color:inherit; word-break:break-all;}
a:visited {}
a:active {}

button{ cursor:pointer;}

fieldset{border:none;margin:0; padding:0;}
img{max-width: 100%;border:0 none;}
form{margin:0;padding:0; }
legend{display:none; margin:0; padding:0;}

/*caption,*/
.skip{overflow:hidden;position: absolute;width:1px;height:1px;text-indent:-10000px; display:block;}
ul,ol,li {list-style:none;}
em{ font-style:normal;}

hr{ width:100%; height:1px; background-color:#cdcdcd; margin:20px 0px; border:0px;}
hr.no{ background-color:transparent; padding:0px; margin:0px;}
br{display:block;}
.dotLine {border-bottom:1px dashed #DDD;padding-bottom:20px;margin-bottom:20px;position:relative;text-align:left;}

/*
button{overflow:visible;}
button{text-transform:none;}
button{-webkit-appearance:button;cursor:pointer;}
button[disabled]{cursor:default;}
button::-moz-focus-inner{padding:0;border:0;}
button:focus {
    outline-width: 2px !important;
    outline-style:dotted !important;
    outline-color:black !important;
    outline-offset:-1px;
	}
*/


/* *********************************************************************************
 *	건너뛰기 메뉴 정의
 * *********************************************************************************/
/* skipToContent */
#skipToContent { position:absolute; top:0px; left:0; width:100%; z-index:999; }
#skipToContent a { display:block; height:0px; width:0px; margin-bottom:-1px; overflow:hidden; text-align:center; color:#fff; white-space:nowrap; background:#001; }
#skipToContent a:focus, #skipToContent a:active { height:auto; width:auto; padding:5px; margin-bottom:10px; }

/* skip 네비게이션*/
div.skipNavContents {position:absolute;top:0;left:0;width:100%;z-index:999}
div.skipNavContents a {display:block;height:0;width:0;margin-bottom:-1px;overflow:hidden;text-align:center;color:#fff;white-space:nowrap;background:#001}
div.skipNavContents a:focus, .skipNavContents a:active {height:auto;width:100%;padding:5px;margin-bottom:10px} 

#dimed{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:200;}

.va_middle{ width:inherit; height:inherit; display:table-cell; vertical-align:middle;}

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

.dis_Block{ display:block;}
.dis_None{ display:none;}
/*display*/
.disblock{display:block}
.disinline{display:inline-block}

/* button */
.btnS{display:inline-block;position:relative;padding:10px 72px 10px 14px;border:none;background:none;border:1px solid transparent;font-size:14px;font-weight:400;line-height:1.42857143;vertical-align:middle;color:inherit;text-transform:uppercase;cursor:pointer;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;}
.btnS *{vertical-align:middle}
.btnS:after{content:'';position:absolute;z-index:-1;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;}
.btnS:before{position:relative;font-style:normal;font-variant:normal;font-weight:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;}
.btnS,
.btnS:link,
.btnS:visited{background-color:#06378e;border-color:#06378e;color:#fff;}
.btnS:hover,
.btnS:focus,
.btnS:active{background-color:#fff;border-color:#06378e;color: #06378e;}
.btnS.default,
.btnS.default:link,
.btnS.default:visited{background-color:#63676d;border-color:#63676d;}
.btnS.default:hover,
.btnS.default:focus,
.btnS.default:active{background-color:#fff;border-color:#63676d;color:#63676d;}
.btnS.home{padding: 10px;}
.btnS.excep:link,
.btnS.excep:visited{background-color:#fff;border-color:#06378e;color: #06378e;}
.btnS.excep:hover,
.btnS.excep:focus,
.btnS.excep:active{background-color:#06378e;border-color:#06378e;color:#fff;}
.btnS.line{padding: 10px 30px; background-color:#fff;border:1px solid #06378e;color: #06378e;}
.btnS.line,
.btnS.line:link,
.btnS.line:visited,
.btnS.line:hover,
.btnS.line:focus,
.btnS.line:active{color:#666;}
.btnS.line.normal{background-color: #06378e;border:1px solid #06378e;color: #fff;}
.btnS.line.normal2{border:1px solid #6d6c76;color: #63676d;}
.btnS.line.default{background-color: #6d6c76;border:1px solid #6d6c76;color: #fff;}
.btnS.small{padding:5px 30px 5px 10px;font-size:14px;}
.btnS.file{padding:10px 15px 10px 15px;background-color:transparent;border:1px solid #cbcbcb;}
.btnS.file,
.btnS.file,
.btnS.file:link,
.btnS.file:visited{color:#666;background-color: #fff;}
.btnS.file:hover,
.btnS.file:focus,
.btnS.file:active{color:#666;border: 1px solid #06378e;}

.btnS.small{padding:5px 10px 4px 10px;font-size:12px;}

.btnA {display:inline-block;position:relative;padding:8px 28px 8px 28px;border:none;background:none;border:1px solid transparent;font-size:16px;font-weight:400;line-height:1.6;vertical-align:middle;color:inherit;text-transform:uppercase;cursor:pointer;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;}
.btnA *{vertical-align:middle}
.btnA.bstyle_A{background-color: #06378e; border: 1px solid #06378e; color: #fff;}
.btnA.bstyle_B{background-color: #FFF;border:1px solid #999;color: #444;}
.btnA.bstyle_C{background-color: #51576e;border:1px solid #51576e;color: #FFF;}

.btn_in{display:inline-block;position:relative;padding:0 6px 1px 6px;border:none;background:none;border:1px solid transparent;font-size:13px;font-weight:400;line-height:1.42857143;vertical-align:middle;color:inherit;text-transform:uppercase;cursor:pointer;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;}
.btn_in *{vertical-align:middle}
.early {background-color:#ff6600; color:#ffffff !important; }
.overtime {background-color:#3f51b5; color:#ffffff !important; }

/* Font Size */
.fs_11{font-size:11px !important;}
.fs_12{font-size:12px !important;}
.fs_13{font-size:13px !important;}
.fs_14{font-size:14px !important;}
.fs_15{font-size:15px !important;}
.fs_16{font-size:16px !important;}
.fs_17{font-size:17px !important;}
.fs_18{font-size:18px !important;}
.fs_19{font-size:19px !important;}
.fs_20{font-size:20px !important;}
.fs_21{font-size:21px !important;}
.fs_22{font-size:22px !important;}
.fs_23{font-size:23px !important;}
.fs_24{font-size:24px !important;}
.fs_25{font-size:25px !important;}
.fs_26{font-size:26px !important;}
.fs_27{font-size:27px !important;}
.fs_28{font-size:28px !important;}
.fs_29{font-size:29px !important;}
.fs_30{font-size:30px !important;}
.fs_31{font-size:31px !important;}
.fs_32{font-size:32px !important;}
.fs_33{font-size:33px !important;}
.fs_34{font-size:34px !important;}
.fs_35{font-size:35px !important;}
.fs_36{font-size:36px !important;}
.fs_37{font-size:37px !important;}
.fs_38{font-size:38px !important;}
.fs_39{font-size:39px !important;}
.fs_40{font-size:40px !important;}
.fs_41{font-size:41px !important;}
.fs_42{font-size:42px !important;}
.fs_43{font-size:43px !important;}
.fs_44{font-size:44px !important;}
.fs_45{font-size:45px !important;}
.fs_46{font-size:46px !important;}
.fs_47{font-size:47px !important;}
.fs_48{font-size:48px !important;}
.fs_49{font-size:49px !important;}
.fs_50{font-size:50px !important;}
.fs_51{font-size:51px !important;}
.fs_52{font-size:52px !important;}
.fs_53{font-size:53px !important;}
.fs_54{font-size:54px !important;}
.fs_55{font-size:55px !important;}
.fs_56{font-size:56px !important;}
.fs_57{font-size:57px !important;}
.fs_58{font-size:58px !important;}
.fs_59{font-size:59px !important;}
.fs_60{font-size:60px !important;}


/* Font Color */
.bold{font-weight:500 !important;}
.red{color:#b30006 !important;}
.red2{ color:#ed3024 !important;}
.red3{ color:#ee2e24 !important;}
.red4{ color:#e2403e !important;}
.white{color:#fff !important;}
.blue{color:#195790 !important;}
.green{color:#39b54a !important;}
.orange{color:#ff9600 !important;}
.gray_1{color:#111 !important;}
.gray_2{color:#222 !important;}
.gray_3{color:#333 !important;}
.gray_4{color:#444 !important;}
.gray_5{color:#555 !important;}
.gray_6{color:#666 !important;}
.gray_7{color:#777 !important;}
.gray_8{color:#888 !important;}
.gray_9{color:#999 !important;}
.gray_10{color:#aaa !important;}
.gray_11{color:#bbb !important;}
.gray_12{color:#ccc !important;}
.gray_13{color:#ddd !important;}
.gray_14{color:#eee !important;}
.gray_15{color:#323232 !important;}
.gray_16{color:#8b8b8b !important;}
.gray_17{color:#484848 !important;}
.khaki{color:#a17641 !important;}
.txt_disabled{ color:#969696 !important;}
.link {color:#0000ff !important;}
.blue2 {color:#0070c0 !important;}
.yellow {color:#FFFF66 !important;}
.green {color:#008610 !important;}
/* Point Color */
.point_col01 {color:#31418e !important}
.point_col02 {color:#f00000 !important}

.ju{font-size:11px;color:#888 !important;}

.f_w_nomal{font-weight:normal !important;}

.f_u {text-decoration:underline;}

/* BG Color */
.bg_gray{background-color:#eee !important;}
.bg_gray2{background-color:#fbfbfb !important;}
.bg_gray3{background-color:#757575 !important;}
.bg_gray4{background-color:#f5f5f5 !important;}
.bg_white{background-color:#fff !important;}
.bg_black{background-color:#000 !important;}
.bg_sky{background-color:#f6faff !important;}
.bg_sora{background-color:#6baea5 !important;}
.bg_red3{ background-color:#ee2e24 !important;}
.bg_red4{ background-color:#e2403e !important;}
.bg_brown1{ background-color:#a18a74 !important;}

.bg_image_no{ background-image:none !important;}

/* align */
.tc{text-align:center !important;}
.tl{text-align:left !important;}
.tr{text-align:right !important;}

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

.mg_auto{margin:0 auto !important;}

.clear{clear:both !important;}
.clearfix{display:block; }
.clearfix:after {display:table; content:''; clear:both; }

.over_h{overflow:hidden !important;}
.over_a{overflow:auto !important;}
.over_s{overflow:scroll !important;}
.over_xh{overflow-x:hidden !important;}
.over_yh{overflow-x:hidden !important;}
.over_xa{overflow-x:auto !important;}
.over_ya{overflow-y:auto !important;}
.over_xs{overflow-x:scroll !important;}
.over_ys{overflow-y:scroll !important;}

.dis_inline{ display:inline !important;}
.dis_block{ display:block !important;}
.dis_i_block{ display:inline-block !important;}
.dis_n {display:none !important;}

/* position */
.position_a{position:absolute !important;}
.position_f{position:fixed !important;}
.position_r{position:relative !important;}
.position_s{position:static !important;}


/* margin */
.m_0{margin:0px !important;}
.m_5{margin:5px !important;}
.m_10{margin:10px !important;}
.m_15{margin:15px !important;}
.m_20{margin:20px !important;}
.m_25{margin:25px !important;}
.m_30{margin:30px !important;}
.m_35{margin:35px !important;}
.m_40{margin:40px !important;}
.m_45{margin:45px !important;}
.m_50{margin:50px !important;}

.mt_0{margin-top:0 !important;}
.mt_5{margin-top:5px !important;}
.mt_10{margin-top:10px !important;}
.mt_15{margin-top:15px !important;}
.mt_20{margin-top:20px !important;}
.mt_25{margin-top:25px !important;}
.mt_30{margin-top:30px !important;}
.mt_35{margin-top:35px !important;}
.mt_40{margin-top:40px !important;}
.mt_45{margin-top:45px !important;}
.mt_50{margin-top:50px !important;}

.ml_0{margin-left:0px !important;}
.ml_5{margin-left:5px !important;}
.ml_10{margin-left:10px !important;}
.ml_15{margin-left:15px !important;}
.ml_17{margin-left:17px !important;}
.ml_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{margin-left:40px !important;}
.ml_45{margin-left:45px !important;}
.ml_50{margin-left:50px !important;}
.ml_100{margin-left:100px !important;}
.ml_200{margin-left:200px !important;}

.mr_0{margin-right:0px !important;}
.mr_5{margin-right:5px !important;}
.mr_10{margin-right:10px !important;}
.mr_15{margin-right:15px !important;}
.mr_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_45{margin-right:45px !important;}
.mr_50{margin-right:50px !important;}

.mb_0{margin-bottom:0px !important;}
.mb_5{margin-bottom:5px !important;}
.mb_10{margin-bottom:10px !important;}
.mb_15{margin-bottom:15px !important;}
.mb_20{margin-bottom:20px !important;}
.mb_25{margin-bottom:25px !important;}
.mb_30{margin-bottom:30px !important;}
.mb_35{margin-bottom:35px !important;}
.mb_40{margin-bottom:40px !important;}
.mb_45{margin-bottom:45px !important;}
.mb_50{margin-bottom:50px !important;}

/* padding */
.p_0{padding:0px !important;}
.p_5{padding:5px !important;}
.p_10{padding:10px !important;}
.p_15{padding:15px !important;}
.p_20{padding:20px !important;}

.pt_0{padding-top:0px !important;}
.pt_5{padding-top:5px !important;}
.pt_10{padding-top:10px !important;}
.pt_15{padding-top:15px !important;}
.pt_20{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;}
.pt_45{padding-top:45px !important;}
.pt_50{padding-top:50px !important;}

.pr_0{padding-right:0px !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;}
.pr_45{padding-right:45px !important;}
.pr_50{padding-right:50px !important;}

.pl_0{padding-left:0px !important;}
.pl_5{padding-left:5px !important;}
.pl_10{padding-left:10px !important;}
.pl_15{padding-left:15px !important;}
.pl_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;}
.pl_45{padding-left:45px !important;}
.pl_50{padding-left:50px !important;}
.pl_70{padding-left:70px !important;}
.pl_130{padding-left:100px !important;}

.pb_0{padding-bottom:0px !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;}
.pb_45{padding-bottom:45px !important;}
.pb_50{padding-bottom:50px !important;}

/* width */
.w100 {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;}
.w250 {width:250px !important;}
.w260 {width:260px !important;}
.w270 {width:270px !important;}
.w300 {width:300px !important;}
.w310 {width:310px !important;}
.w320 {width:320px !important;}
.w330 {width:330px !important;}
.w340 {width:340px !important;}
.w350 {width:350px !important;}
.w360 {width:360px !important;}
.w370 {width:370px !important;}
.w380 {width:380px !important;}
.w390 {width:390px !important;}
.w400 {width:400px !important;}
.w450 {width:450px !important;}
.w500 {width:500px !important;}
.w600 {width:600px !important;}

.wp10{width:10% !important;}
.wp20{width:20% !important;}
.wp30{width:30% !important;}
.wp40{width:40% !important;}
.wp45{width:45% !important;}
.wp50{width:50% !important;}
.wp55{width:55% !important;}
.wp60{width:60% !important;}
.wp65{width:65% !important;}
.wp70{width:70% !important;}
.wp75{width:75% !important;}
.wp80{width:80% !important;}
.wp85{width:85% !important;}
.wp90{width:90% !important;}
.wp95{width:95% !important;}
.wp96{width:96% !important;}
.wp97{width:97% !important;}
.wp98{width:98% !important;}
.wp99{width:99% !important;}
.wp100{width:100% !important;}