@charset "utf-8";
/* CSS Document */

/* @import url("/font/NotoKR-Bold/stylesheet.css");
@import url("/font/NotoKR-DemiLight/stylesheet.css"); 
@import url("/font/NotoKR-Light/stylesheet.css");
@import url("/font/NotoKR-Medium/stylesheet.css");
@import url("/font/NotoKR-Regular/stylesheet.css");
@import url("/font/NotoKR-Thin/stylesheet.css");
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900');


@font-face {
	font-family:'S-Core-Thin';
	font-weight:100;
	src: url('/font/S-CoreDream/S-CoreDream-1Thin.woff') format('woff');
}
@font-face {
	font-family:'S-Core-ExtraLight';
	font-weight:200;
	src: url('/font/S-CoreDream/S-CoreDream-2ExtraLight.woff') format('woff');
}
@font-face {
  font-family:'S-Core-Light';
  font-weight:300;
  src: url('/font/S-CoreDream/S-CoreDream-3Light.woff') format('woff');
}
@font-face {
	font-family:'S-Core-Regular';
	font-weight:400;
	src: url('/font/S-CoreDream/S-CoreDream-4Regular.woff') format('woff');
}
@font-face {
	font-family:'S-Core-Medium';
	font-weight:500;
	src: url('/font/S-CoreDream/S-CoreDream-5Medium.woff') format('woff');
}
@font-face {
	font-family:'S-Core-Bold';
	font-weight:600;
	src: url('/font/S-CoreDream/S-CoreDream-6Bold.woff') format('woff');
}
@font-face {
	font-family:'S-Core-ExtraBold';
	font-weight:700;
	src: url('/font/S-CoreDream/S-CoreDream-7ExtraBold.woff') format('woff');
}
@font-face {
	font-family:'S-Core-Heavy';
	font-weight:800;
	src: url('/font/S-CoreDream/S-CoreDream-8Heavy.woff') format('woff');
}
@font-face {
	font-family:'S-Core-Black';
	font-weight:900;
	src: url('/font/S-CoreDream/S-CoreDream-9Black.woff') format('woff');
}



html, body {
  font-family: 'S-Core-Regular', sans-serif; font-weight: 400;
} */



/* Web Content Accessibility TTS(Text To Speech) Code */
.blind {position:absolute; top:0px; left:0px; overflow:hidden; display:inline-block !important; width:1px !important; height:1px !important; margin:0 !important; font-size:0 !important; line-height:0 !important;}

/* 바로가기 */
#accessibilityMenu {position:absolute; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}

input::placeholder {color:#0081ff; font-style: italic;}
textarea::placeholder {color:#0081ff;font-style: italic;}

button { background:none; }
button { border:0 none; cursor:pointer; }
input,select,textarea,button { font-family:inherit; vertical-align:middle; }

/* 점선없애기 */
a:hover {text-decoration:none;}
a {blr:expression(this.onFocus=this.blur());}
area:focus {outline:none;}
area {blr:expression(this.onFocus=this.blur());}
input:focus, img:focus, embed:focus, map:focus {outline:none;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset; } /* 크롬에서 인풋박스 노란배경 안나오게 */

.overflow-auto {overflow: auto;}
.overflow-hidden {overflow: hidden;}
.overflow-visible {overflow: visible;}
.overflow-scroll {  overflow: scroll; }
.overflow-x-auto {overflow-x: auto;}
.overflow-y-auto {  overflow-y: auto; }

table .scroll {border-collapse: collapse; width:  100%; overflow-x: scroll; display: block;}

table .scroll_sm {
	display: block;
    width: 100%;
	max-width: 1280px;
    overflow-x: auto;
	height: 200px; overflow-y: scroll;
    -webkit-overflow-scrolling: touch}

.table-responsive-sm {
        display: block;
        width: 100%;
		max-width: 1280px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

/*datepicer 버튼 롤오버 시 손가락 모양 표시*/
	.ui-datepicker-trigger {
		cursor: pointer;
	}
	/*datepicer input 롤오버 시 손가락 모양 표시*/
	.hasDatepicker {
		cursor: pointer;
		max-width:80%;
	}

.js-scrollmagic {opacity:0;}
.js-scrollmagic.non-hide {opacity:1;}


.clear {clear: both;}
/* .left {text-align: left !important;}
.center {text-align: center !important;}
.right {text-align: right !important;} */

.underline {text-decoration:underline;}	

.va{vertical-align: middle;}
.vb{vertical-align: bottom;}

.bor_radius5{border-radius: 5px;}
.bor_radius10{border-radius: 10px;}
.bor_radius15{border-radius: 15px;}
.bor_radius20{border-radius: 20px;}

.bbs_left {text-align: left !important;}
.bbs_cen {text-align: center !important;}
.bbs_right {text-align: right !important;}

.bor_ntb {border-top:none !important; border-bottom: none !important;}
.bor_nt {border-top:none !important; border-bottom: none !important;background:#fff !important;}
.bor_ntop {border-top:none !important; }
.bor_nb {border-bottom: none !important;}
.bor_nr {border-right: none !important;}
.bor_nl {border-left: none !important;}
.bor_t {border-top:1px solid #ddd;}


.font_small {font-size: 0.8em;}
.font_small_5 {font-size: 0.5em;}
.font_10 {font-size: 10px;}	

.ls0{letter-spacing:0 !important; }
.ls1{letter-spacing:-1pt !important; }
.ls2{letter-spacing:-1.5pt !important; }
.ls3{letter-spacing:-2pt !important; }

.fs0{font-size: 40px !important;}


.pad_0 {padding: 0px !important;}

.tpad_0{padding-top:0px}
.tpad_5{padding-top:5px}
.tpad_10{padding-top:10px}
.tpad_20{padding-top:20px}
.tpad_35{padding-top:35px}
.tpad_40{padding-top:40px}
.tpad_50{padding-top:50px}
.tpad_60{padding-top:60px}
.tpad_70{padding-top:70px}
.tpad_80{padding-top:80px}
.tpad_90{padding-top:90px}

.bpad_0{padding-bottom:0px !important;}
.bpad_5{padding-bottom:5px}
.bpad_10{padding-bottom:10px}
.bpad_20{padding-bottom:20px}
.bpad_25{padding-bottom:25px}
.bpad_30{padding-bottom:30px}
.bpad_40{padding-bottom:40px}
.bpad_50{padding-bottom:50px}


.rpad_5{padding-right:5px;}
.rpad_10{padding-right:10px;}
.rpad_15{padding-right:15px;}
.rpad_20{padding-right:20px;}
.rpad_25{padding-right:25px;}
.rpad_30{padding-right:30px;}



.ls0{letter-spacing:0 !important; }
.ls1{letter-spacing:-1pt !important; }
.ls2{letter-spacing:-1.5pt !important; }

.pl0{padding-left: 0px !important;}
.fs0{font-size: 40px !important;}

.mt05{margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt15{margin-top: 15px !important;}
.mt20{margin-top: 20px !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-30{margin-top: -30px !important;}
.mt-40{margin-top: -40px !important;}
.mt-45{margin-top: -45px !important;}

.mb-05{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}

.fw10{font-weight: 100 !important; font-family:'S-Core-Thin',sans-serif; }
.fw20{font-weight: 200 !important; font-family:'S-Core-ExtraLight',sans-serif; }
.fw30{font-weight: 300 !important; font-family:'S-Core-Light',sans-serif;}
.fw40{font-weight: 400 !important; font-family:'S-Core-Regular', Sans-serif;}
.fw50{font-weight: 500 !important; font-family:'S-Core-Medium', sans-serif;}
.fw60{font-weight: 600 !important; font-family:'S-Core-Bold',sans-serif;}
.fw70{font-weight: 700 !important; font-family:'S-Core-ExtraBold',sans-serif;}
.fw80{font-weight: 800 !important; font-family:'S-Core-Heavy',sans-serif;}
.fw90{font-weight: 900 !important;  font-family:'S-Core-Black',sans-serif;}


.nfw40{font-weight: 400 !important; font-family:'NotoKR-Regular', Sans-serif !important;}
.nfw50{font-weight: 500 !important; font-family:'NotoKR-Medium', sans-serif !important;}
.nfw60{font-weight: 600 !important; font-family:'NotoKR-Bold',sans-serif !important;}

.wid50 {width: 50px !important;}
.wid100 {width: 100px !important;}
.wid150 {width: 150px !important;}
.wid200 {width: 200px !important;}
.wid250 {width: 250px !important;}
.wid350 {width: 350px !important;}


.wd10 {width: 10% !important;}
.wd15 {width: 15% !important;}
.wd20 {width: 20% !important;}
.wd25 {width: 25% !important;}
.wd30 {width: 30% !important;}
.wd40 {width: 40% !important;}
.wd50 {width: 50% !important;}
.wd60 {width: 60% !important;}
.wd70 {width: 70% !important;}
.wd80 {width: 80% !important;}
.wd90 {width: 90% !important;}
.wd95 {width: 95% !important;}
.wd100 {width: 100% !important;}




.hei50 {height: 50px !important;}
.hei100 {height: 100px !important;}
.hei150 {height: 150px !important;}
.hei200 {height: 200px !important;}
.hei250 {height: 250px !important;}
.hei350 {height: 350px !important;}



/*****  변수 *****/
:root{
--main:#0066a8;
--main:#2089d8;
--main2:#254285;	
--sub:#005aab;
--sub2: #163742;
--border:#ddd;	
--white:#fff;	
--bluebg:#14B1E7;
--black:#111;		
--gray:#58595B;
--gray2: #666;	
--graybg:#F3F6F8;
--bg:#F4F4F4;	
--darkgray:#222222;
--navy:#122744;
--yellow:#ffe100;
--lblue:#31addb;
--darkblue:#274876;
--blue_black:#17294B;
--blue:#004eb9;
--mint:#25ceb4;	
--color0:#0b53df;	
--color1:#0b53df;
--color2:#F47421;	
--color3:#009380;	
--red:#EE3536;
--orange:#F47421;	
--gra: linear-gradient(192deg, #14B1E7 2.72%, #007DC5 102.72%);
--eng:'Poppins','Pretendard', sans-serif;
--eng01:'Montserrat', sans-serif;	
--eng02:'Outfit','Pretendard', sans-serif;	
--eng03:'Roboto', sans-serif;		
--drop: 0px 2px 20px 0px rgba(0, 0, 0, 0.12);
	
--mainColor:#0072BF;
--gr:linear-gradient(90deg, #0072BF 0%, #50AE3A 49.87%, #F8B300 100%);
--colorBlack:#222222;
--grayBg:#F3F4F9;
--grayBg2:#F3F4F9;	
	
	
--fw10:	'S-Core-Thin', sans-serif;
--fw20:	'S-Core-ExtraLight', sans-serif;
--fw30:	'S-Core-Light', sans-serif;
--fw40:	'S-Core-Regular', sans-serif;
--fw50:	'S-Core-Medium', sans-serif;
--fw60:	'S-Core-Bold', sans-serif;
--fw70:	'S-Core-ExtraBold', sans-serif;
--fw80:	'S-Core-Heavy', sans-serif;
--fw90:	'S-Core-Black', sans-serif;

--fw10:	'Pretendard Variable';
--fw20:	'Pretendard Variable';
--fw30:	'Pretendard Variable';
--fw40:	'Pretendard Variable';
--fw50:	'Pretendard Variable';
--fw60:	'Pretendard Variable';
--fw70:	'Pretendard Variable';
--fw80:	'Pretendard Variable';
--fw90:	'Pretendard Variable';
	
	
--nfw40: 'NotoKR-Regular', sans-serif;
--nfw50: 'NotoKR-Medium', sans-serif;
--nfw60: 'NotoKR-Bold', sans-serif;
	
}

.eng{font-family: 'Poppins','Pretendard', sans-serif !important;}
.pointBlack{color:#000 !important;}
.pointBlue{color:#0c2551 !important;}
.pointSblue{color:#0083fc !important;}
.pointGblue{color:#01afd5 !important;}
.pointsky{color:#5fe9ff !important;}
.pointMint{color:#4ce4ff !important;}
.pointMint2{color:#00ffdd !important;}
.pointMint3{color:#00f7d7 !important;}
.pointgreen{color:#4eff00 !important;}
.pointyellow{color:#ffe100 !important;}

.bold{font-weight: 700 !important;}
.grayBox{background-color: #e3e4e6 !important;}
.pointColor{color: #005aab !important;}
.blackFont{color: #111 !important;}
.whiteFont{color: #fff !important;}
.eng {font-family: 'Play',  sans-serif; letter-spacing:0 !important;}


.font_sel {transform:skew(-0.001deg);} /*폰트깨짐*/

/* Common */
.line_bg{height:2px; background-color:#f5f5f5}
.img_bor{border:1px solid #ddd}

.line_bo {border-bottom:1px solid #ddd; padding: 0 0 45px 0;}

h4{font-size:38px; font-weight:700; letter-spacing:-2.2pt; line-height:120%; color:#303030; }



h4.con_tit {color:#333; font-size:16px; padding-bottom:10px;}	
.sky {color:#2072d4;}
.blue {color:#004c98 !important;}
.blue_l {color:#0033FF;}
.green{color:#78bc0f;}
.darkgreen{color:#00B505;}
.red{color:#ff0000 !important;}
.darkred{color: #881317 !important;}
.purple {color: #251f46 !important;}
.yellow {color: #fff000 !important;}
.orange {color: #ff9900 !important;}
.darkyellow {color: #f4771f !important;}
.brown {color: #8a3f0b !important;}
.lemon {color: #e3e14a;}
.sky01 {color: #7de0f0 !important;}


.lightsky{color:#00b9e1;}
.white {color: #fff !important;}


.va{vertical-align: middle;}
.vb{vertical-align: bottom;}

.cont_1170 {width:1170px; margin:0 auto;}
.cont_1280 {width:1280px; margin:0 auto;}


/* pc, 모바일 상태에 따라 숨김처리 */ 
.pc {display:block;}
.mobile1 {display:none;}
.header_pc {display:block;}
.header_mobile {display:none;}





.slick-slider{position: relative; display: block; box-sizing: border-box; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent; outline: 0 !important;}
.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding:0 !important;  outline: 0 !important;}
.slick-track {display:flex; }
.slick-slide{border:0; outline: 0 !important;}
.slick-initialized .slick-slide{display:block; outline: 0 !important;}

#wrap {
	position:relative; width:100%; 
	min-width:320px; /* overflow:hidden; */
	 /* height:520px;  */
	}

.w1790{max-width:1790px; width: 90%; margin:0 auto;}
.w1720{max-width:1720px; width: 92%; margin:0 auto;}
.basic_in{max-width:1350px; width: 90%; margin:0 auto;}






/********** new 메뉴 **********/
/* Header */

/* top_util */
.top_util_head{
	position:relative; left:0; top:0; width: 100%; 
	min-width:140px; height:40px; overflow:hidden; z-index: 999999; transition:all 0.4s; 
	background: var(--blue); 
}
.top_util_head ul {text-align: right;}
.top_util_head ul li{vertical-align: middle; padding: 10px 0 0 0;text-align: center; 
	display: inline-block; width: 150px;line-height: 120%; height: 40px; margin-left: -4px; }
.top_util_head ul li a{
	color:var(--white); opacity: 1; transition:all .3s linear; position: relative; font-size:16px;
	font-weight:600;
}
.top_util_head ul li a span {
	font-size:21px;
	vertical-align:top;
	padding-right: 5px;
}
.top_util_head .util_01 {background: var(--blue); }
.top_util_head .util_02 {background: var(--blue_black); }
.top_util_head .util_03 {background: var(--yellow);  }
.top_util_head .util_03 a {
	color:#333;
}
/* .top_util_head .util_03 a span {
	font-size:21px;
	vertical-align:top;
} */

#header{
	position:fixed;
	left:0; top:0; 
	width: 100%; 
	z-index: 999999; transition:all 0.4s;}
#header:before{content:''; display:block; width:100%; height:1px; background:rgba(34,34,34,.1); position: absolute; left: 0; top:130px; transition:all .3s linear; opacity: 0;}
#header .header_in{
	display:flex; align-items:center; justify-content:space-between; height:90px;
	background-color: #fff;
	box-shadow: 0px 0px 15px 1px rgba(0,0,0,.1);
}
#header .header_in h1{
	position:Relative; z-index:99999;padding-left:100px;
	display:flex;
	align-items:center;
}
#header .header_in h1 a{width:396px; display:inline-block; font-size:0;}
#header .header_in h1 a img{max-width:100%; height:Auto;}


#header .header_in .top_util{position:Relative; z-index:99999;}
#header .header_in .top_util ul{font-size:0;display:flex; align-items:center; padding: 0; margin: 0; /*width:355px;*/}
#header .header_in .top_util ul li{vertical-align: top; display: inline-block; margin-left: 25px; line-height: 120%;}
#header .header_in .top_util ul li:first-child{margin-left: 0;}
#header .header_in .top_util ul li.sitemap{display: none;}
#header .header_in .top_util ul li.btnMenu_m{display: none;}
#header .header_in .top_util ul li a{display:flex; align-items: center; color:var(--white); opacity: 1; transition:all .3s linear; position: relative; font-size:0.7778rem;}
#header .header_in .top_util ul li a span{font-size:24px;}
#header .header_in .top_util ul li.login a span, #header .header_in .top_util ul li.join a span { font-size:20px; margin-right:5px; }
#header .header_in .top_util ul li a .count{display: inline-block; width: 14px; height: 14px; line-height: 14px; border-radius:50%; background:var(--sub); text-align:center; font-size:11px; font-weight: 700; color:var(--white); position: absolute; right: -3px; top:-2px; font-style:normal;}

#header .header_in .top_util ul li.menuBtn a {
	display:block; position:relative; 
	width:90px; height:90px; 
	background:var(--main); transition:all .3s linear; 
}
#header .header_in .top_util ul li.menuBtn:hover a { background:var(--sub2); transition:All .3s linear; }
#header .header_in .top_util ul li.menuBtn a div { position:absolute; left:50%; top:50%; transform:Translate(-50%,-50%); width:35px; }
#header .header_in .top_util ul li.menuBtn a span { display:block; width:100%; height:2px; background:var(--white); }
#header .header_in .top_util ul li.menuBtn a span:nth-child(n+2) { margin-top:9px; }

.header_b { display:none; }




/* pc 메뉴 */
#menu{position:absolute; right:50%; 
	margin-right: -765px; 
	/* transform:translateX(-88px);  */
	top:0; z-index:9999;}
#menu ul{font-size:0;}
#menu ul li{display:inline-block; position: relative; vertical-align:top; line-height:120%; padding:35px 40px; box-sizing:border-box;}
#menu ul li > a {
	display:block; 
	font-size:19px; 
	letter-spacing: -0.35pt; font-family: var(--fw50); line-height: 140%;  
	font-weight:500;
	/* color:#fff;  */
	padding:36px 0 39px; box-sizing:border-box; letter-spacing: -0.03em; transition:All .3s linear;}




#menu ul li dl{
	position: absolute; left:50%; top:110px; /* top:130px;*/ text-align:center;
	background:var(--blue_black);
	transform:translateX(-50%);
	width:auto; white-space:nowrap; padding:20px; box-sizing:border-box;
	overflow:hidden; opacity:0; visibility:hidden;
	transform:translateX(-50%) translateY(40px); transition:all .3s;
}
#header.up #menu ul li:hover dl{opacity:1; visibility:visible; transform:translateX(-50%) translateY(0);}
#menu ul li dl dd{padding:0 0 10px;}
#menu ul li dl dd:last-child{padding:0;}
#menu ul li dl dd a{display: inline-block; position:relative; font-size:17px; letter-spacing: -0.35pt; color:#fff; line-height:150%; transition:all .3s linear;}
#menu ul li dl dd a:after{content:''; display:block; width:0; height:2px; background:#fff; position:absolute; left:0; bottom:0; transition:all .3s linear;}
#menu ul li dl dd a:hover:after{width:100%;}
#menu ul li dl dd a:hover{font-weight:500;}

/* //pc 메뉴 */

#header.up #menu ul li.on > a { color:var(--main); transition:All .3s linear; }
#header.up #menu ul li.on .menu { opacity:1; visibility:visible; }


#header.up{background:#fff; /*height:413px; */ box-shadow:0 0 20px rgba(34,34,34,.1);}
#header.up:before{opacity: 1;}
#header.up .header_top{border-color:rgba(0,0,0,.15);}
#header.up .header_top .mem_list li a{color:var(--black);}
#header.up .header_in .top_util ul li a{color:var(--black);}
#header.up .header_in h1 a svg .up{fill:var(--black);}
#header.up #menu ul li > a{color:var(--black);}
#header.up .header_w { display:none; }
#header.up .header_b { display:block; }

#header.fixed{background:#fff; box-shadow:0 0 20px rgba(34,34,34,.1);}
#header.fixed:before{opacity: 0;/*opacity: 1;*/}
#header.fixed .header_top{border-color:rgba(0,0,0,.15);}
#header.fixed .header_top .mem_list li a{color:var(--black);}
#header.fixed .header_in .top_util ul li a{color:var(--black);}
#header.fixed .header_in h1 a svg .up{fill:var(--black);}
#header.fixed #menu ul li > a{color:var(--black);}
#header.fixed .header_w { display:none; }
#header.fixed .header_b { display:block; }


#header.nofixed{top:-200px;}








/* 모바일 메뉴 */
#menuArea {width:100%; height:100%; position:fixed; right:0; top:0; z-index:9999999991; overflow-x:hidden;overflow-y:auto;display:none;}
#menuArea .menuList {height:100%; width:100%; max-width:430px; background: #fff; position:absolute; right:-600px; box-sizing:border-box;}
#menuArea .menuList h1 {position:Relative; padding:25px 20px; box-sizing:border-box; overflow:hidden; margin: 0;}
#menuArea .menuList h1 a{display:block; font-size:0;}
#menuArea .menuList h1 a img{width:80%; }
#menuArea .menuList ul, #menuArea .menuList li{list-style:none;}
#menuArea .menuList>.list {background-color:#fff; width:100%; padding: 0; margin: 0;}
#menuArea .menuList>.list>li {background:#fff;}
#menuArea .menuList>.list>li>a {display:block; padding:15px 20px; font-size:17px; font-family: var(--fw50); color:#222; position:relative; letter-spacing: -0.3pt; width: 100%; box-sizing:Border-box; border-bottom:1px solid var(--border);} 
/* #menuArea .menuList>.list>li.active>a{color:#fff; background:var(--main);} */
#menuArea .menuList>.list>li>a:after{content:'\e5cf'; font-family: "Material Symbols Outlined"; position:absolute; font-size:24px; right:20px; top:50%; margin-top: -12px; font-weight: 400; color:#222; opacity: 0.5; transition:all .3s linear; line-height: 1;}
#menuArea .menuList>.list>li.active>a:after{transform:rotate(180deg); opacity: 1; /* color:#fff; */} 
#menuArea .menuList>.list .sMenu {position: relative; background-color:var(--grayBg); width: 100%;  padding:20px 20px; display:none; box-sizing:Border-box; border-bottom:1px solid var(--border);}
#menuArea .menuList>.list .sMenu>li {padding:6px 0; line-height: 130%;}
#menuArea .menuList>.list .sMenu>li>a{font-size:15px; line-height: 130%; letter-spacing: -0.35pt;}
#menuArea .menuList>.list .sMenu>li>a svg{display:inline-block; width:12px; margin:-2px 0 0 5px; vertical-align:middle; opacity:0.7;}

#menuArea .menuList .btnMenu_mClose{position:absolute; right:15px; top:23px; z-index:999; width:30px; height:30px; cursor:pointer;} 
#menuArea .menuList .btnMenu_mClose:after{content:'\e5cd'; font-family: "Material Symbols Outlined"; display: inline-block; color:var(--black); font-size:30px;} 

#grayLayer {width:100%; height:100% !important; background:rgba(0,0,0,.8); position:fixed; left:0; top:0; z-index:999999999; overflow-x:hidden;overflow-y:auto;display:none;}
#grayLayer > a {display:block;width:100%;height:100%} 

#menuArea .member_btn { display: flex; background:var(--grayBg); padding:0 0 9px; margin:0; }
#menuArea .member_btn li { width:50%; height:70px; }
#menuArea .member_btn a { background:var(--main); width:100%; height:100%; display:flex; flex-direction: column; align-items:center; justify-content:center; font-size:16px; color:var(--white); line-height:1; letter-spacing:-0.03em; }
#menuArea .member_btn a span { font-size:24px; color:var(--white); margin-bottom:8px; }
#menuArea .member_btn li.login_box a { border-right: 1px solid rgba(255, 255, 255, 0.2); box-sizing: border-box; }




/* //new 메뉴 */





.accordion, .accordion * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}

.accordion {overflow: hidden;}

.accordion-section-header {width:100%; position:relative; display: inline-block; font-size: 15px; letter-spacing: -0.5pt; line-height:19px; padding: 3px 0;margin-bottom: 3px;}
.accordion-section-header:hover{color:#1e4faf;}
.accordion-section-header span{line-height: 100%; position:absolute;top:5px; right:0px; display:inline-block; border:1px solid #ddd; width:15px; height:15px;background:url('../images/main/plus2.gif') center no-repeat;}
.accordion-section-header.active{color:#1e4faf;}
.accordion-section-header.active span{display:inline-block; border:1px solid #ddd; width:15px; height:15px;background:url('../images/main/plus.gif') center no-repeat;}
.accordion-section-content { display: none;}
.accordion-section-content dl{margin-top:8px; position: relative;  margin-bottom:10px}
.accordion-section-content dd{margin-bottom:7px}
.accordion-section-content dd a{line-height:16px; display:block; text-align:left; border:none; font-size:13px; letter-spacing: -0.5pt; color:#666; padding-left:5px; box-sizing:border-box;}
.accordion-section-content dd a:hover{color:#1e4faf; text-decoration: underline;}
.accordion-section-content dd.last{margin-bottom:0}




#btm_wrap{}

.clearfix {*zoom: 1;}
.clearfix::after {content: ""; display: block; clear: both;}







/* 하단 */
#footer {position:relative; width:100%; clear:both; overflow:hidden; 
	/* background: #4e545c; */
	background-color: #373e4c;
}

/* footer add */
.foot_in {position:relative; margin:0 auto; max-width:1280px; overflow:hidden; 
	padding:58px 0;
}
.foot_in {
	display:flex;
	align-items:center;
  justify-content:space-between;
}
.foot_in::after {
	content:'';
	display:block;
	clear:both;
}
.foot_in .flogo{
	position:relative; overflow:hidden;
	/* float:left;  */
	width:100%; max-width: 174px; 
	width:20%;
	/* top:50%; */
}
.foot_in .flogo > img {
	opacity:.82;
}
.foot_in .info{
	/* float:right;  */
	position:relative; overflow:hidden; 
	margin-left:0px; margin-left:0px;/*width: calc(100% - 310px);*/
	width:calc( 100% - 174px);
}

.copy{position:relative; overflow:hidden; clear:both; }
.copy li{
	line-height:25px; color:#fff; font-size:16px;
	text-align:right;
}
.copy li span {
	position: relative; line-height:25px; margin-left:30px;  letter-spacing:-0.3px;
}
	.copy li span:not(:first-child)::before {
		content:'';
		color: #f5f5f5;
		display:block;
		font-size:10px;
		opacity:.6;
		width:1px;
		height:12px;
		background-color: #f5f5f5;
		position: absolute;
		left: -15px;
		top:3px;
		/* width:1px;
		height:; */
	}
	.copy li a {
		color:#d7d7d7;
		font-size:14px;
	}
	.copy li a:last-child {
		margin-left:20px;
	}
.copy li span.bold{color:#a9aeba;font-weight: 600;}
.copy li span.bold2{margin-right:0; color:#a9aeba; font-weight: 600;}
.copy li span p {display: none;}	
.copy li span i {color: inherit; font-size: 18px; margin-right: 3px; position: relative; top: 2px;}
.copy li span a{line-height:25px; color:#c8cdd3; font-size:17px;} 
.copy li span img{padding-right:5px; padding-bottom: 3px;}
.copy li:nth-child(2) {
	margin-top:4px;
}
.copy li.copyright{ 
	font-family: var(--fw40); color:#c5c5c5; 
	font-size:13px; 
	margin-top:4px; 
	padding-top:0;
	letter-spacing:.1pt; 
}
.copy li.copyright .policy{margin-left:10px; line-height:100%; font-size:13px; letter-spacing: -0.5pt; border:1px solid #ddd; padding:5px}




/* 게시판 페이징 */
.page_num { position: relative; width: 100%; text-align: center; padding: 15px 0 0 0 }
.page_num ul.pagination { display: inline-block; padding: 0; margin: 0 }
.page_num ul.pagination li { display: inline }
.page_num ul.pagination li a { color: #666; float: left; padding: 6px 12px; text-decoration: none; border: 1px solid #CBCBCB; margin: 0 1px }
.page_num ul.pagination li a.active { background: #484C57; color: #FFF; border: 1px solid #484C57 }

/* KBSC pagination override - ensure consistent sizing without double padding */
.kbsc-pagination .kbsc-pageNav a,
.kbsc-pagination .kbsc-pageNav span.current {
	display:inline-block;
	min-width:28px;
	height:28px;
	line-height:28px;
	padding:0 8px !important;
	text-decoration:none;
	border:1px solid #ededed;
	box-sizing:border-box;
}
.kbsc-pagination .kbsc-pageNav a { color:#888; background:#fff; }
.kbsc-pagination .kbsc-pageNav a:hover { background:#f8f8f8; }
.kbsc-pagination .kbsc-pageNav span.current { color:#fff; background:#1c7ce6; border-color:#1c7ce6 !important; }
.kbsc-pagination .kbsc-pageNav .pgForce { border-color:#ededed !important; }
.kbsc-pagination .kbsc-pageNav a.util { background:#f8f8f8; }
.kbsc-pagination .kbsc-pageNav a.util:hover { background:#f1f1f1; }
.kbsc-pagination .kbsc-pageNav a.first,
.kbsc-pagination .kbsc-pageNav a.last { line-height:26px; font-size:1.1em; }
.kbsc-pagination .kbsc-pageNav a.prev,
.kbsc-pagination .kbsc-pageNav a.next { line-height:26px; font-size:0.96em; margin:0 6px; }










/*탑 버튼*/

div.topBtn { position:fixed; right:30px; bottom:30px; z-index:999; }
div.topBtn #scroll {
	display:block; 
	background:url('../images/main/top.png') center no-repeat, var(--mainColor); 
	border-radius: 57px; width:57px; height:57px; box-shadow:5px 5px 20px rgb(0,0,0,0.2);
}
div.topBtn #scroll:hover{
	background:url('../images/main/top.png') center no-repeat, #0c3c9c; 
}


/* 관심 채용 정보 알람 */
.recuAlarmWrap {
	position:fixed;
	z-index:999;
	right:-300px;
	top:50%;
	display:flex;
	animation:unslider .15s ease;
}
.recuAlarmWrap.show {
	right:0px;
	animation:slider .15s ease;
}

@keyframes slider {
  0% {
    right:-300px;
  }

  50% {
    right:-150px;
  }

  100% {
    right:0px;
  }
}

@keyframes unslider {
  0% {
    right:0px;
  }

  50% {
    right:-150px;
  }

  100% {
		right:-300px;
  }
}

.recuAlarmBtn {
	background:url(../images/main/ico_alarm.png) #006c79 no-repeat center center;
	cursor:pointer;
	/* background-size:50%; */
	width:84px;
	height:84px;
	border-top-left-radius:20px;
	border-bottom-left-radius:20px;
	box-shadow:
    0 0 60px 30px #fff,  /* inner white */
    0 0 100px 60px #f0f, /* middle magenta */
    0 0 140px 90px #0ff; /* outer cyan */
		box-shadow: 0 0 80px 40px #fff, 0 0 200px 100px #f0f;
		box-shadow: 5px 5px 20px 10px rgba(255, 255, 255, .5);
		box-shadow: 2px 2px 5px 0px rgba(255, 255, 255, .3);
		box-shadow:none;
}

.recuAlarmBoard {
	background-color:#006c79;
	max-width:300px;
	width:300px;
	min-height:84px;
	border-bottom-left-radius:20px;
	box-shadow: 2px 2px 5px 0px rgba(255, 255, 255, .3);
	box-shadow:none;
	transition:all .3s ease;
}
.recuAlarmBoard ul {
	padding:15px;
}
.recuAlarmBoard li {
	background-color:#fff;
	border-radius:10px;
	padding:10px;
	transition:all .3s ease;
}
.recuAlarmBoard li:not(:first-child) {
	margin-top:8px;
}
.recuAlarmBoard li.no-info {
	margin:2px auto;
	text-align:center;
	padding:25px 0;
}
.recuAlarmBoard li.veiw-more {
	margin:8px auto 0;
	text-align:center;
	padding:5px 0;
}
.recuAlarmBoard li p {
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.recuAlarmBoard li span {
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	line-height:1.4em;
	height:2em;
	height:3em;
	margin-top:5px;
	font-size:13px;
	width:100%;
}
.recuAlarmBoard li a span::after {
	content:'\f591';
	display:inline-block;
	font-family:'Material Symbols Outlined';
	font-size:21px;
	vertical-align:top;
	margin-top:1px;
	font-weight:300;
	opacity:.7;
}


/*******************************************************************************
    @media 1700px
*******************************************************************************/
@media all and (max-width:1700px){

/* Header */
#header .header_in h1 { padding-left:5%; }

/* pc 메뉴 */
#menu{transform:translateX(-100px);}
#menu ul li{padding:35px 35px;}	
	
}



/*******************************************************************************
	@media 1690px
*******************************************************************************/
@media all and (max-width:1690px){



}




/*******************************************************************************
	@media 1024px~1200px
*******************************************************************************/
@media all and (max-width:1639px){


/* 풋터 */
#footer{margin:0 auto}
.footer-top-i {width:96%;}	
.foot_in{width:96%;}	
	
}



/*******************************************************************************
    @media 1500px
*******************************************************************************/
@media all and (max-width:1500px){



	
/* Header */
#header .header_in h1 { padding-left:3%; }

	
	
#menu ul li > a{font-size:19px; letter-spacing: -0.35pt; line-height: 140%; padding:36px 0 39px;}
#menu ul li dl dd a{font-size:16px; letter-spacing: -0.35pt; line-height:150%;}
#menu ul li dl{ width:auto;}	

	

}



/*******************************************************************************
	@media 1024px~1400px
*******************************************************************************/
@media all and (max-width:1400px){



	
}


/*******************************************************************************
    @media 1350px
*******************************************************************************/
@media all and (max-width:1350px){

/* Header */
#header .header_in .top_util ul li.sitemap { display:none; }
#header .header_in .top_util ul li.btnMenu_m { display:block; }




#menu{display: none;}



}


/*******************************************************************************
	@media 1024px~1200px
*******************************************************************************/
@media all and (max-width:1300px){
	
	
	
}


/*******************************************************************************
	@media 1024px~1200px
*******************************************************************************/
@media all and (max-width:1200px){


	/* 관심 채용 정보 알람 */
	.recuAlarmWrap {
		right:-270px;
	}

	@keyframes slider {
		0% {
			right:-270px;
		}

		50% {
			right:-135px;
		}

		100% {
			right:0px;
		}
	}

	@keyframes unslider {
		0% {
			right:0px;
		}

		50% {
			right:-135px;
		}

		100% {
			right:-270px;
		}
	}

	.recuAlarmBtn {
		width:74px;
		height:74px;
		background-size:70%;
	}
	.recuAlarmBoard {
		max-width:270px;
		width:270px;
	}
	.recuAlarmBoard li span {
		font-size:13px;
	}



/* 탑버튼 */
div.topBtn{right:2%; bottom:2%}


#wrap {position:relative; width:100%; -moz-transition: all 0.3s ease;  -o-transition: all 0.3s ease;  -webkit-transition: all 0.3s ease;  padding-right: 0; -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;}
#wrap.toggled { margin:0 ; }
#wrap.toggled #sidebar-wrapper { width: 200px;}


.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none; }
.dropdown-menu li a{padding:6px 0 6px 15px; background:#f9f9f9; border:none; font-size:13px; letter-spacing:-0.5pt; }
.dropdown-menu li a:hover{background:#f9f9f9 !important; text-decoration:none; }
.open>.dropdown-menu{display:block}
.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;z-index:1030}


.hamburger { border: none;  display: block;}




/* 하단 */
#footer { width:100%; }

/* footer privacy */
.footer-top {margin-bottom: 10px;}
.footer-top ul li a {font-size: 15px; line-height: 20px;}

.footer-top-inner {padding: 15px 0 15px;}
	
/* footer SNS */
.foot_bot {padding:20px 0 30px 0;}
.foot_bot p {font-size:13px; }

.foot_bot ul {font-size:0; position:absolute; right:0; top:50%; right:0%;}
.foot_bot ul li {display:inline-block; margin-right:5px;}
.foot_bot ul li a {width:40px; height:40px; }

	
	
/* footer add */
.foot_in {padding:30px 0 20px 0;}
.foot_in .flogo{
	/* float:left; width:60%; max-width: 280px; */
}

.copy li{line-height:25px; font-size:15px;}

.copy li span i {color: inherit; font-size: 18px; margin-right: 3px; top: 2px;}
.copy li span a{line-height:25px; font-size:15px;} 
.copy li.copyright{ font-size:12px; padding:10px 0; }


	

}

/*******************************************************************************
	@media 980px~1024px
*******************************************************************************/
@media all and (max-width:1024px){
	
	
#header .header_in h1 a img{max-width:90%; }

	
}


/*******************************************************************************
	@media 768~980px
*******************************************************************************/
@media all and (max-width:980px){




/* top_util */
.top_util_head{min-width:150px; height:30px;}
.top_util_head ul li{padding: 6px 0 0 0;width: 120px; height: 30px; margin-left: -4px; }
.top_util_head ul li a{font-size:14px;}
.top_util_head ul li a span {font-size: 17px; padding-right: 5px;}

	
/* Header */	
#header { height:110px; }
#header .header_in { height:80px; }
#header .header_in h1 a img{max-width:70%; }
#header .header_in .top_util ul { /*width: 204px;*/ }
#header .header_in .top_util ul li { margin-left: 15px; }
#header .header_in .top_util ul li a { font-size:0; }
#header .header_in .top_util ul li.login a span, #header .header_in .top_util ul li.join a span { font-size: 24px; }
#header .header_in .top_util ul li.menuBtn a { width:80px; height:80px; }

#header .header_in .top_util ul li.menuBtn a div { width:30px; }
#header .header_in .top_util ul li.menuBtn a span:nth-child(n+2) { margin-top:7px; }
	
	
	
	
	
/* footer privacy */
.footer-top ul li a {font-size: 14px; line-height: 20px;}
.footer-top-i {padding: 5px 0 5px;}
	
/* footer add */
.foot_in {padding:20px 0 20px 0;}	
.foot_in .flogo{float:left; width:60%; max-width: 240px;}

.copy li{line-height:25px; font-size:14px;}
.copy li span i {color: inherit; font-size: 14px; margin-right: 3px; top: 2px;}
.copy li span a{line-height:25px; font-size:14px;} 
.copy li.copyright{ font-size:11px; padding:0; }

.copy li span:first-child {
	display: block;
}
.copy li span:nth-child(2)::before {
	opacity:0;
}
/* footer SNS */
.foot_bot p {font-size:12px; }


	


}




/*******************************************************************************
	@media 768px ~ 860px
*******************************************************************************/
@media all and (max-width:860px) { 


/** 로그인 **/
    .login {margin:0px 0 0px;  width:100%;}
    .login .titleArea {}
    .login .titleArea h3 {margin:40px 0 0px;font-size:34px; }
    .login .titleArea span {margin:0 0 25px;}
	
    .login fieldset{width:30%; }
    
	.login .loginBtn {margin:0 0 0px; font-size:18px; width:260px; }
    

/** //로그인 **/
	
	
}




/*******************************************************************************
	@media 768px
*******************************************************************************/
@media all and (max-width:768px){

    .foot_in .flogo {
        width:40%;
        max-width: 200px;
    }

	
	
/* 하단 */

/* footer privacy */
.footer-top ul li a {font-size: 14px; line-height: 20px;}
	
/* footer add */
/* .foot_in {padding:15px 0 15px 0;}
.foot_in .flogo{float:left; width:60%; max-width: 250px; clear: both; padding-bottom: 15px;}

.copy li{float: left; line-height:25px; font-size:14px;}
.copy li span{line-height:25px; margin-right:20px;  letter-spacing:-0.3px;}
.copy li span i {color: inherit; font-size: 14px; margin-right: 3px; top: 2px;}
.copy li span a{line-height:25px; font-size:14px;} 
.copy li.copyright{ font-size:11px; padding:10px 0; } */


	
}



/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:691px){


/* .copy li.copyright{ clear: left; }	 */
	
}


/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:680px){

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,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{line-height:150%;} /* delete vertical-align,font:inherit; */
body,html{font-size:14px; font-weight:400;}
select {background-position:right 10px center; background-size:8px auto;}


* {
 -webkit-text-size-adjust : none; 
 -ms-text-size-adjust : none;  
 -moz-text-size-adjust : none; 
 -o-text-size-adjust : none;
}


	
/* top_util */
.top_util_head{min-width:100px; height:30px;}
.top_util_head ul li{
	/* padding: 7px 0 0 0; */
	width: 100px; height: 30px; margin-left: -4px; 
}
.top_util_head ul li a{font-size:12px;}
.top_util_head ul li a span {padding-right: 3px;}
	
	
	
/* Header */
#header { height:90px; }
#header .header_in { height:60px; }
#header .header_in h1 a { width:320px; }
#header .header_in h1 a img{width:320px;max-width:100%; }	
#header .header_in .top_util ul { /*width: 172px;*/ }
#header .header_in .top_util ul li { margin-left: 0px !important; /* width:27px !important;*/}
#header .header_in .top_util ul li.menuBtn { margin-left: 0px; width:60px !important; }
#header .header_in .top_util ul li.menuBtn a { width:60px; height:60px; }

	
#header .header_in .top_util ul li.menuBtn a div { width:25px; }
#header .header_in .top_util ul li.menuBtn a span:nth-child(n+2) { margin-top:6px; }
#header .header_in .top_util ul li:nth-child(n+3) a > span { width:18px !important; }

#header .header_in .top_util ul li.search a img { width:18px; }
#header .header_in .top_util ul li.login a span, #header .header_in .top_util ul li.join a span { font-size:22px; margin-right:0 !important; }


#menuArea .menuList .btnMenu_mClose { top:20px; }
	

	
	
	
	

/* 풋터 */

.footer-top ul li::after {margin: 2px 10px 0px 10px; }
	
	
#footer{margin:0 auto}

	
.footer-top-i {width:94%;}	

.foot_in{width:94%;}
.footer-top-inner {width:100%;}
.footer-top ul{float: left;/*align left*/}	

.foot_bot {width: 100%; padding:30px 0 30px 0;border-top: 1px solid rgba(255, 255, 255, 0.05);}	
.foot_bot ul {position:absolute; left: 0;}


	
div.topBtn #scroll{width:50px; height:50px}
.copy li span.bold{display:block}


 .foot_in .flogo {
		float: none;
		width:40%;
		max-width: 200px;
		margin-bottom:20px;
  }

	.foot_in .info {
		width:100%;
	}
	.foot_in {
		flex-direction:column;
		padding:40px 0;
	}
	.copy li {
		text-align: center;
	}
	.copy li span:first-child,
	.copy li span:nth-child(2)  {
		margin-left:0;
	}


}


/*******************************************************************************
	@media ~480px
*******************************************************************************/
@media all and (max-width:480px){

	
#wrap {position:relative; width:100%; height:380px;}  /* 풀스크린 x */	
	

/* Header */
#header .header_in h1 a { width:250px; }
#header .header_in h1 a img{width:250px;max-width:100%; }	
	
	
/* 하단 */

/* footer privacy */
.footer-top {margin-bottom: 10px;}
.footer-top ul li a {font-size: 12px; line-height: 20px;}
.footer-top ul li::after {width: 3px; height: 7px;  margin: -2px 7px 0px 11px; }	
/* footer add */
.foot_in {
	/* padding:20px 0 15px 0; */
}
.foot_in .flogo{
	/* float:left; width:55%; max-width: 250px; clear: both; padding-bottom: 15px; */
}

/* .copy li{float: left; line-height:20px; font-size:12px;}
.copy li span{line-height:20px; margin-right:5px;  letter-spacing:-0.3px;}
.copy li span .bold2 {}
.copy li span p {display: block;}	
.copy li span i {clear: both; color: inherit; font-size: 12px; margin-right: 3px; top: 2px;}
.copy li span a{line-height:25px; font-size:12px;} 
.copy li.copyright{ font-size:10px; padding:10px 0; } */

	
	
}


/*******************************************************************************
	@media ~375px
*******************************************************************************/
@media all and (max-width:375px){
	
/* Header */
#header .header_in h1 a { width:220px; }
#header .header_in h1 a img{width:220px;max-width:100%; }

	/* 관심 채용 정보 알람 */
	.recuAlarmWrap {
		right:-250px;
	}

	@keyframes slider {
		0% {
			right:-250px;
		}

		50% {
			right:-125px;
		}

		100% {
			right:0px;
		}
	}

	@keyframes unslider {
		0% {
			right:0px;
		}

		50% {
			right:-125px;
		}

		100% {
			right:-250px;
		}
	}

	.recuAlarmBtn {
		width:64px;
		height:64px;
	}

	.recuAlarmBoard {
		max-width:250px;
		width:250px;
	}
	.recuAlarmBoard li.no-info {
		font-size:13px;
	}
	.recuAlarmBoard li p {
		font-size:13px;
	}
	.recuAlarmBoard li span {
		font-size:12px;
	}
	.recuAlarmBoard li a span::after {
		font-size:20px;
	}


}

/*******************************************************************************
	@media ~320px
*******************************************************************************/
@media all and (max-width:320px){

.header_mobile .header_btn{width:35px; height:35px;}

	
.header_mobile .top_search{right:116px;}
.intra{top:28px;right: 80px; }	
.englink{padding-left: 2px;}
	
.copy li.copyright{font-size:10px; line-height:18px;}	

}