/* fonts */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");

@font-face {
    font-family: 'KorailRoundGothicBold';
    src: url('https://fastly.jsdelivr.net') format('woff2');
    font-weight: 700;
    font-style: normal;
}

/* 코레일 둥근고딕 Medium */
@font-face {
    font-family: 'KorailRoundGothicMedium';
    src: url('https://fastly.jsdelivr.net') format('woff2');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'SebangGothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2104@1.0/SEBANG_Gothic_Regular.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}


/* reset */
html * {max-height: 999999px} /* font size bug fix */
html,body{margin:0px;padding:0px;width:100%;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased}
ul,ol,li,dl,dd,dt,input,h1,h2,h3,h4,h5,h6,p,b,input,button,textarea,fieldset,legend,td,th{margin:0px;padding:0px;font-weight:normal;word-break:keep-all}
li{list-style:none}
fieldset,img,a{border:0px}
a{text-decoration:none}
legend,.blind{position:absolute;top:0;left:-10000px;width:0;height:0;overflow:hidden;font-size:0;line-height:0}
caption{display:none}
button,label{cursor:pointer}
button{overflow:visible\9}	/* button fix for ie8 */
input,textarea,button{font-family:"nanumgothic",sans-serif}
/*table{width:100%;border-collapse:collapse;border-spacing:0;text-align:left}*/
input::-webkit-input-placeholder{color:#929292}
input::-moz-placeholder{color:#929292}
input:-moz-placeholder{color:#929292}
input:-ms-input-placeholder{color:#929292}
textarea::-webkit-input-placeholder{color:#929292}
textarea::-moz-placeholder{color:#929292}
textarea:-moz-placeholder{color:#929292}
textarea:-ms-input-placeholder{color:#929292}
input:focus::-webkit-input-placeholder{color:transparent!important}
input:focus::-moz-placeholder{color:transparent!important}
input:focus:-moz-placeholder{color:transparent!important}
input:focus:-ms-input-placeholder{color:transparent!important}
textarea:focus::-webkit-input-placeholder{color:transparent!important}
textarea:focus::-moz-placeholder{color:transparent!important}
textarea:focus:-moz-placeholder{color:transparent!important}
textarea:focus:-ms-input-placeholder{color:transparent!important}
header, footer, section, article, aside, nav, address { display: block; margin:0; } /* ie8 */

.clear_wrap:before,.clear_wrap:after{content:" ";display:table}
.clear_wrap:after{clear:both}
.clear_wrap{*zoom:1}
.clear_ine{clear:both}
.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.appearance{border:0;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}
.boxsizing{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mobilescrolling{-webkit-overflow-scrolling:touch}

.counsel_area .input_box label,
.counsel_area .counsel_text .input_text,
.main_visual,
.sub_visual,
.tab_menu a,
.tab_menu .icon,
.project_area .project_list .project_box .border,
.project_area .project_detail .thumb_area .slide_thumb a,
.bbs_view .view_box .sns_box a,
#gnb_menu,
.ani{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}




body{font-family:"Pretendard Variable", Pretendard, sans-serif; background-color:#fffff; }
.div_chk{}



.div_pc {display:block;}
.div_mobile {display:none;}
.div_pc2 {display:block;}
.div_tablet2 {display:none;}
.div_mobile2 {display:none;}
.div_pc3 {display:block;}
.div_mobile3 {display:none;}
@media all and (max-width:1400px){//tablet
	.div_chk{}
	.div_pc {display:block;}
	.div_mobile {display:none;}
	.div_pc2 {display:none;}
	.div_tablet2 {display:block;}
	.div_mobile2 {display:none;}
	.div_pc3 {display:none;}
	.div_mobile3 {display:block;}
}
@media screen and (max-width: 980px) {//mobile
	.div_chk{}
	.div_pc {display:none;}
	.div_mobile {display:block;}
	.div_pc2 {display:none;}
	.div_tablet2 {display:none;}
	.div_mobile2 {display:block;}
	.div_pc3 {display:none;}
	.div_mobile3 {display:block;}
}

.sr-only{
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}



button{
	margin:0px;
	padding:0px;
	cursor:pointer;
	border:0px;
	background:none;
}


/* ****************** HEADER ********************** */
#header{position:absolute; width:100%; height:100px; -webkit-transition:top 0.5s;-moz-transition:top 0.5s;-o-transition:top 0.5s;-ms-transition:top 0.5s;transition:top 0.5s; border-bottom:1px solid rgba(255,255,255,0.3);; z-index:102}
#headerInnerWrap{left:0; height:100px; width:100%; z-index:102; /*background-color:#e6e6e6;*/ -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;}

#headerInner{position:relative; height:100px; max-width:1740px; margin:0px auto; padding:0 15px;  }
#header .logo{position:relative; z-index:100; float:left; padding:29.5px 0; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}		/* padding값 적절히 바꿔주세요 */
#header .logo a{position:absolute; display:block; width: 171px; height: 41px; background: url("/img/logo.png") no-repeat 0 0;}

/* -------- Header :: UTIL BOX -------- */
.header-util-box{position:absolute; top:0; right:0; z-index:100; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}




/* -------- Header :: GNB(PC) -------- */
#gnb{position:absolute; text-align:center; top:0; left:0px; width:100%; z-index:99;}
#gnb > ul{display:inline-block; *display:inline;*zoom:1;}
#gnb > ul > li{position:relative; float:left;}
#gnb > ul > li > a{position:relative; z-index:100; display:block; height:100px; line-height:100px; padding:0 50px; text-align:center; color:#1b1b1b; font-size:18px; letter-spacing:-0.65px; font-weight:500; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;}

#gnb > ul > li > a:hover:before, #gnb > ul > li.on > a:before {
    width: 100%;
    margin-left: -50%;
}
#gnb > ul > li > a:before {
    position: absolute;
    top: 0px;
    left: 50%;
    width: 0%;
    height: 3px;
    background-color: #ffffff;
    content: "";
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
}

/* GNB :: 2차 각각메뉴 */
#gnb.each-menu > ul > li .gnb-2dep{
	display:none;
	position:absolute; 
	top:76px; 
	left:0px; 
	z-index:102;
	width:100%; 
	text-align:left; 
	background-color:#ffffff; 
}
#gnb > ul > li .gnb-2dep ul{padding: 20px 0;}
#gnb > ul > li .gnb-2dep ul li{position:relative; padding:0 20px;}
#gnb > ul > li .gnb-2dep ul li a{
	display:block; 
	text-align:left; 
	color:#b3d5ff; 
	font-size:15px; 
	line-height: 36px; 
	letter-spacing: -0.65px; 
	overflow: hidden; 
	white-space:nowrap; 
	text-overflow:ellipsis;  
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
#gnb > ul > li .gnb-2dep ul li a:hover{color: #fff; padding-left:15px; }
#gnb > ul > li .gnb-2dep ul li a:before{
	position:absolute; 
	top:15px; 
	left:20px;
	content:""; 
	width: 9px; 
	height: 4px; 
	background-color: #fff; 
	opacity:0;filter:Alpha(opacity=0); 
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
#gnb > ul > li .gnb-2dep ul li a:hover:before{
	opacity:1.0;filter:Alpha(opacity=100);
}

/* -------- Header :: GNB(Mobile) -------- */
.nav-open-btn{display:none}
#gnbM{display:none}
#gnbM .header-close {float:right; width:auto; height:60px; z-index:102; margin-top: 12.5px; margin-right: 1.5%;}
#gnbM .header-close a{display:block; line-height: 60px; font-family:SebangGothic;font-size:21px;color:#ffffff;font-weight:700; cursor:pointer;}


.m-search-con{top: 24px; text-align: center; position: relative;}
.m-search-con .header-search-word{display: inline-block; width: 64.75%; max-width: 211px; padding: 0 40px 0 8px; height: 41px; border: 1px solid #cfcfcf; -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
background:#fff;}
.m-search-con .header-search-btn{color: #020202; position: absolute; right: 50%; top: 11.5px; margin-right: -120.5px;}


#gnbM{ 
	display:block; 
	overflow-y:auto; 
	position:fixed; 
	top:0px; 
	right:-102%;
	width:100%; 
	height:100%;  
	max-width:100%; 
	background-color:#00134b; 
	z-index:999; 
	box-shadow:-2px 1px 11px rgba(0, 0, 0, .3);
	transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
	-webkit-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);  
	-oz-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
	-ms-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);		/* gnb OPEN 속도 */
	visibility:hidden;
}
#gnbM.open{
	right:0px; 
	visibility:visible;
}

#gnbM .gnb_header{margin-top:55px; text-align: center; border:0px solid #fff;}	/* Header 높이값 */


#gnbM #navigation{margin-top:45px; text-align: center;}	/* Header 높이값 */
/* GNB Mobile :: 1차 */
#gnbM #navigation > li{}
#gnbM #navigation > li > a {position:relative; display:block; padding:20px 15px; font-family:SebangGothic;font-size:21px;color:#ffffff;font-weight:400;background:#00134b; letter-spacing: -0.75px;}
#gnbM #navigation > li:hover > a {color:#ffffff;}
#gnbM #navigation > li.active > a{color:#ffffff;}
#gnbM #navigation > li.has-2dep > a{}
#gnbM #navigation > li.has-2dep.active > a{}
/* GNB Mobile :: 2차 */
#gnbM #navigation > li .gnb-2dep{display:none; padding:15px 0; background-color:#686868;}
#gnbM #navigation > li .gnb-2dep > li{}
#gnbM #navigation > li .gnb-2dep > li > a{display:block; font-family:SebangGothic;font-size:19px;color:#ffffff;font-weight:300;background:#686868; letter-spacing: -0.75px; padding:10px 15px;}
#gnbM #navigation > li .gnb-2dep > li:hover > a{color:#ffffff;font-weight:300;}
#gnbM #navigation > li .gnb-2dep > li.on > a{opacity:1.0;filter:Alpha(opacity=100); text-decoration:underline;}
/* GNB Mobile :: 3차 */
#gnbM #navigation > li .gnb-2dep > li > .gnb-3dep{display:none; padding:10px 20px; background-color:#aaa;}
#gnbM #navigation > li .gnb-2dep > li > .gnb-3dep > li > a{display:block; padding:8px 0; font-size:13px; color:#fff;}
#gnbM #navigation > li .gnb-2dep > li > .gnb-3dep > li > a:before{display:inline-block; content:"-"; margin-right:5px;}

.nav-open-btn{
	display:block; width: 100px; height: 100px; background-color: transparent;  right:0px; z-index:9998; 
	transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
	-webkit-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);  
	-oz-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
	-ms-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
}
.nav-open-btn .line{
	display:block; width:26px; height:2px; background-color:#ffffff; border-radius:5px; margin: 4px auto;
	-webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.nav-open-btn:hover .line{
	background-color:#ffffff;
}

.nav-open-btn.active{background-color: transparent;}
.nav-open-btn.active .line{background-color:#222;}
.nav-open-btn.active .line:nth-child(2), .nav-open-btn.active .line:nth-child(4){opacity: 0;}
.nav-open-btn.active .line:nth-child(1){
	 -webkit-transform: translateY(6px) rotate(45deg);
	  -ms-transform: translateY(6px) rotate(45deg);
	  -o-transform: translateY(6px) rotate(45deg);
	  transform: translateY(6px) rotate(45deg);
}
.nav-open-btn.active .line:nth-child(3){
	 -webkit-transform: translateY(-6px) rotate(-45deg);
	  -ms-transform: translateY(-6px) rotate(-45deg);
	  -o-transform: translateY(-6px) rotate(-45deg);
	  transform: translateY(-6px) rotate(-45deg);
}

/* ****************** 공통클래스 ********************** */
.clearfix{*zoom:1;}
.clearfix:after{clear:both; display:block; content:"";}
.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.material-icons{line-height:inherit; color:inherit; vertical-align:middle;}


@media all and ( min-width: 1401px ){	
	/* -------- Header :: 스타일변경 -------- */	
	/* Header :: 마우스 OVER 스타일 (마우스 오버시 헤더의 배경색이 변경되는 경우에만 삽입) */
	#header.fixed-header.over #headerInnerWrap{background:#fff;}
	#header.fixed-header.over #gnb{border-color:rgba(0,0,0,0.2)}
	#header.fixed-header.over #gnb > ul > li > a{color:#333;}
	#header.fixed-header.over #gnb > ul > li > a:hover,#header.fixed-header.over  #gnb > ul > li.on > a{color:#fff;}
	/* Header :: FIXED 스타일 (PC스타일) */
	#header.fixed .logo {padding: 7px 0;}

	#header.fixed #headerInnerWrap{top:0; height: 63px; box-shadow: 12px 9px 17px #0000001c;}
	#headerInner {height: 63px;}
	#header.fixed #gnb > ul > li > a{height: 63px; line-height: 60px;}
	#gnb.each-menu > ul > li .gnb-2dep {
		display: none;
		position: absolute;
		top: 80px;
		left: 0px;
		z-index: 102;
		width: 100%;
		text-align: left;
		background-color: #ffffff;
	}

	#header.fixed .nav-open-btn {height: 63px;/*border: 1px solid #f0f4fa;*/}

	#gnb > ul > li > a{font-family:"SebangGothic"; font-size:22px; color:#ffffff;}
	#gnb > ul > li:hover > a{color:#ffffff;;}
	#gnb > ul > li .gnb-2dep ul li a{font-family:"Pretendard Variable", Pretendard, sans-serif; font-size:17px; color:#000000; font-weight:400;}
	#gnb > ul > li .gnb-2dep ul li:hover a{color:#ffffff;;}
}

@media all and ( max-width: 1400px ){
	#header, #headerInnerWrap, #headerInner{height:55.5px;}
	#header .logo{padding:7px 0;}	/* padding값 적절히 바꿔주세요 */
	#header .logo a{background: url("/img/logo.png") no-repeat 0 0;}
	/*#header .logo a{-webkit-background-size: 47%; background-size: 47%; background-position: center left;}*/
	#header .logo a{ background-position: center left;}
	#header.fixed #headerInnerWrap{box-shadow: 1px 1px 3px rgba(0, 0, 0, .1)}
	#header.fixed-header.fixed #headerInnerWrap{top:0; background-color:#ff6100; }
	
	/* -------- Header :: UTIL BOX -------- */
	.header-util-box{padding-right:0px;}


	/* -------- Header :: GNB(Pc) -------- */
	#gnb{display:none;}
	.gnb-overlay-bg{display:none}
	/* -------- Header :: GNB(Mobile) -------- */
	#gnbM{ 
		display:block; 
		overflow-y:auto; 
		position:fixed; 
		top:0px; 
		right:-102%;
		width:100%; 
		height:100%;  
		max-width:100%; 
		background-color:#cccccc; 
		z-index:999; 
		box-shadow:-2px 1px 11px rgba(0, 0, 0, .3);
		transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
		-webkit-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);  
		-oz-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
		-ms-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);		/* gnb OPEN 속도 */
		visibility:hidden;
	}
	#gnbM.open{
		right:0px; 
		visibility:visible;
	}

	#gnbM .header-close {float:right; width:auto; height:60px; z-index:102; margin-top: 0px; margin-right: 1.5%;}
	#gnbM .header-close a{display:block; line-height: 60px; font-family:NanumSquareR;font-size:21px;color:#ffffff;font-weight:700;}


	#gnbM #navigation{margin-top:60px; text-align: center;}	/* Header 높이값 */
	
	
	/* -------- Header :: 네비게이션 오픈 버튼 -------- */
	.nav-open-btn{
		display:block; width: 55.5px; height: 55.5px; background-color: transparent;  right:0px; z-index:9998; 
		transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
		-webkit-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);  
		-oz-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
		-ms-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
	}
	.nav-open-btn .line{
		display:block; width:16px; height:2px; background-color:#ffffff; border-radius:5px; margin: 4px auto;
		-webkit-transition: all 0.3s ease-in-out;
	  -o-transition: all 0.3s ease-in-out;
	  transition: all 0.3s ease-in-out;
	}
	.nav-open-btn.active{background-color: transparent;}
	.nav-open-btn.active .line{background-color:#222;}
	.nav-open-btn.active .line:nth-child(2), .nav-open-btn.active .line:nth-child(4){opacity: 0;}
	.nav-open-btn.active .line:nth-child(1){
		 -webkit-transform: translateY(6px) rotate(45deg);
		  -ms-transform: translateY(6px) rotate(45deg);
		  -o-transform: translateY(6px) rotate(45deg);
		  transform: translateY(6px) rotate(45deg);
	}
	.nav-open-btn.active .line:nth-child(3){
		 -webkit-transform: translateY(-6px) rotate(-45deg);
		  -ms-transform: translateY(-6px) rotate(-45deg);
		  -o-transform: translateY(-6px) rotate(-45deg);
		  transform: translateY(-6px) rotate(-45deg);
	}
	
	#header.fixed-header .nav-open-btn .line{background-color:#fff}
}
@media all and ( max-width: 980px ){

	/* -------- Header :: UTIL BOX -------- */
	.header-util-box{padding-right:0px;}
	/* Header :: 사이트맵, 네비게이션 버튼 */
	.nav-open-btn{top:0; margin-top:0;}
	.nav-open-btn .line{width:20px; height:2px;}
	.nav-open-btn.active .line:nth-child(1){
		 -webkit-transform: translateY(7px) rotate(45deg);
		  -ms-transform: translateY(7px) rotate(45deg);
		  -o-transform: translateY(7px) rotate(45deg);
		  transform: translateY(7px) rotate(45deg);
	}
	.nav-open-btn.active .line:nth-child(3){
		 -webkit-transform: translateY(-5px) rotate(-45deg);
		  -ms-transform: translateY(-5px) rotate(-45deg);
		  -o-transform: translateY(-5px) rotate(-45deg);
		  transform: translateY(-5px) rotate(-45deg);
	}
	
}



.main_img_layout{
	background:url('/img/maiin_img.jpg');
	background-size:cover;
	background-position:center center;
	
	width:100%;
	height:560px;
	
	padding:300px 0 0px 0;

}

.main_img_txt{
	width:100%;
	max-width:1400px;
	margin:0 auto;
	border:0px solid #fff;
	
	display:block;
}

.main_img_txt2{
	width:100%;
	max-width:1400px;
	margin:0 auto;
	border:0px solid #fff;
	
	text-align:center;
	
	display:none;
}

@media all and ( max-width: 1400px ){

	.main_img_layout{
		width:calc(100% - 60px); 
		height:440px;
		padding:220px 30px 0px 30px;
	}

}
@media all and ( max-width: 980px ){
	
	.main_img_layout{
		width:calc(100% - 40px); 
		height:480px;
		padding:150px 20px 0px 20px;
	}
	
	.main_img_txt{
		display:none;
	}

	.main_img_txt2{
		display:block;
	}

}

@media all and ( max-width: 760px ){
	
	.main_img_layout{
		width:calc(100% - 40px); 
		height:450px;
		padding:140px 20px 0px 20px;
	}

}


@media all and ( max-width: 550px ){

	.main_img_layout{
		width:calc(100% - 40px); 
		height:340px;
		padding:100px 20px 0px 20px;
	}
	
}

@media all and ( max-width: 460px ){

	.main_img_layout{
		width:calc(100% - 40px); 
		height:260px;
		padding:100px 20px 0px 20px;
	}
	
}


.main_use_layout{
	width:100%; 
	max-width:1400px; 
	margin:0 auto; 
	position:relative;
	
	padding:120px 0 100px 0;
}

.use_title{
	font-family:"SebangGothic"; 
	font-size:23px; 
	color:#0031be; 
	font-weight:700;
}

.use_txt{
	font-family:"Pretendard Variable", Pretendard, sans-serif; 
	font-size:40px; 
	color:#111111; 
	font-weight:700;
	line-height:1.3;
	padding-top:20px;
}


.div_swiper{padding-top:50px;}

.swiper-slide img {
	max-width:100%;
	width:100%;
	height:auto;
	display:block;
	border-radius:20px;
}
.swiper-slide img{transition:all 0.7s ease}
.swiper-slide:hover img{transform:scale(1.05)}
.swiper-slide .swiper_img{transition:all 0.7s ease}
.swiper-slide:hover .swiper_img{transform:scale(1.05)}

.swiper-button-next,
.swiper-button-prev {
  color: #ffffff; /* 화살표 색상을 흰색으로 설정 */
}


.container {
  width: 100%;
  height: 100%;
  position: relative;
  border:0px solid #000;
  overflow:hidden;
  border-radius:20px;

  border-top-left-radius: px;
  border-top-right-radius: px;
  border-bottom-left-radius: px;
  border-bottom-right-radius: px;
}

.bg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:rgba(0,0,0,0.0);
}

.child {
  font-family:"Pretendard Variable", Pretendard, sans-serif; 
  font-size:30px; 
  color:#ffffff; 
  font-weight:700;

  position: absolute;
  bottom: 50px;
  left: 40px;
}

.sr-only{
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

@media all and ( max-width: 1400px ){

	.main_use_layout{
		width:calc(100% - 60px); 
		padding:120px 0 100px 0;
	}

}


@media all and ( max-width: 980px ){

	
	.main_use_layout{
		width:calc(100% - 40px); 
		padding:70px 20px 50px 20px;
	}
	
	.use_title{
		font-size:17px; 
	}

	.use_txt{
		padding-top:10px;
		font-size:26px; 
	}
	
	.child {
	  font-size:22px; 

	  bottom: 30px;
	  left: 20px;
	}

}



.main_banner_layout{
	width:100%; 
	max-width:1400px; 
	margin:0 auto; 
	position:relative;
	
	padding:0px 0px 100px 0px;
}


.main_banner{
	background:url('/img/b_img.jpg');
	background-size:cover;
	background-position:center center;
	width:100%; 
	border-radius:20px;
}


.banner_title{
	font-family:"Pretendard Variable", Pretendard, sans-serif; 
	font-size:33px; 
	color:#ffffff; 
	font-weight:800;
	line-height:1.5;
}

.banner_txt{
	font-family:"Pretendard Variable", Pretendard, sans-serif; 
	font-size:22px; 
	color:#ffffff; 
	font-weight:500;
	line-height:1.5;
}

.banner_button{
	background:#ffffff;
	text-align:center;
	
	font-family:"Pretendard Variable", Pretendard, sans-serif; 
	font-size:22px; 
	color:#0d194b; 
	font-weight:500;
	
	padding:10px;
	border-radius:30px;
}

@media all and ( max-width: 1400px ){

	.main_banner_layout{
		width:calc(100% - 60px); 
		padding:0px 30px 100px 30px;
	}

}


@media all and ( max-width: 980px ){

	.main_banner_layout{
		width:calc(100% - 40px); 
		padding:0px 20px 60px 20px;
	}
	
	.banner_title{
		font-size:24px; 
	}

	.banner_txt{
		font-size:18px; 
	}

	.banner_button{
		font-size:18px; 
	}

}




.sub_title{
	font-family:"Pretendard Variable", Pretendard, sans-serif; 
	font-size:43px; 
	color:#1f1f1f; 
	font-weight:600; 
	text-align:center;
	margin:0 auto; 
	padding:55px 0 55px; 
}

.sub_layout{
	width:100%; 
	max-width:1400px; 
	margin:0 auto; 
	display:flex; 
	flex-wrap: wrap;
	
	padding: 0 0 120px 0;
}

.sub_layout .company_img{
	width:calc(45% - 20px); 
	padding:0 20px 0 0;
}
.sub_layout .company_txt{
	width:calc(55% - 20px); 
	padding:0 0 0 20px;
}

.company_txt1{
	font-family:"Pretendard Variable", Pretendard, sans-serif; 
	font-size:35px; 
	color:#484848; 
	font-weight:500; 
	line-height:1.5;
}

.company_txt2{
	font-family:"Pretendard Variable", Pretendard, sans-serif; 
	font-size:20px; 
	color:#484848; 
	font-weight:300;
	line-height:1.5;
	padding-top:30px;
}



.border_img{
	max-width:100%;
	border:1px solid #cccccc;
	border-radius:20px;
}


.emc_debug{
	width:100%; 
	display:flex; 
	flex-wrap: wrap;
	
	padding: 30px 0 120px 0;
}

.emc_debug .debug_txt1{
	width:calc(30% - 40px); 
	padding:0 20px 0 20px;
	
	font-family:"Pretendard Variable", Pretendard, sans-serif; 
	font-size:28px; 
	color:#373737; 
	font-weight:700; 
	line-height:1.5;
}

.emc_debug .debug_txt2{
	width:calc(70% - 20px); 
	padding:0 0 0 20px;
	
	font-family:"Pretendard Variable", Pretendard, sans-serif; 
	font-size:20px; 
	color:#606060; 
	font-weight:600; 
	line-height:1.5;
}



.emc_consult{
	padding: 0px 0 120px 0;
}

.emc_title1{
	font-family:"Pretendard Variable", Pretendard, sans-serif; 
	font-size:25px; 
	color:#0031be; 
	font-weight:700; 
	line-height:1.5;
	text-align:center;
}

.emc_title2{
	font-family:"Pretendard Variable", Pretendard, sans-serif; 
	font-size:30px; 
	color:#000000; 
	font-weight:700; 
	line-height:1.5;
	text-align:center;
}

.consult_txt1{
	font-family:"Pretendard Variable", Pretendard, sans-serif; 
	font-size:20px; 
	color:#373737; 
	font-weight:700; 
	line-height:1.5;
	text-align:center;
	padding-top:20px;
}

.consult_layout{
	width:100%; 
	display:flex; 
	justify-content: flex-start;
	flex-wrap: wrap;
	
	gap: 20px; 
}

.consult_box{
	box-sizing: border-box; /* 필수: 패딩이 너비에 포함되도록 함 */
	width: calc(25% - 15px); 
	text-align:center;
	padding:40px 30px;
	border:1px solid #00ff;
	border-radius:20px;
}

.consult_img{
	padding:0px 0px 10px 0px;
}


.emc_process{
	padding: 0px 0 0px 0;
}

.process_box{
	width:100%; 
	display:flex; 
	flex-wrap: wrap;
	
	padding: 0px 0 30px 0;
}

.process_blank{height:50px;}

.box_img{
	width:calc(32% - 20px); 
	padding:0 20px 0 0px;
}

.box_txt{
	width:calc(68% - 30px); 
	padding:0 0 0 30px;
}

.box_txt1{
	font-family:"Pretendard Variable", Pretendard, sans-serif; 
	font-size:22px; 
	color:#000000; 
	font-weight:600;
	line-height:1.5;
}

.box_txt2{
	font-family:"Pretendard Variable", Pretendard, sans-serif; 
	font-size:17px; 
	color:#606060; 
	font-weight:600;
	line-height:1.5;
	padding-top:15px;
}

.btn_center{
    width:100%;
    display:flex;
    justify-content:center;
	padding-top:30px;
}

.emc_button{
	width:300px;
	height:60px;
	line-height:60px;
	background:#0031be;
	font-family:"Pretendard Variable", Pretendard, sans-serif; 
	font-size:23px; 
	color:#ffffff; 
	font-weight:600;
	text-align:center;
	border-radius:30px;
	margin:0 auto;
	display:block;
}



.product_box{
	box-sizing: border-box; /* 필수: 패딩이 너비에 포함되도록 함 */
	width: calc(25% - 15px); 
	border-radius:20px;
}

.container {
  width: 100%;
  height: 100%;
  position: relative;
  border:0px solid #000;
  overflow:hidden;
  border-radius:20px;

  border-top-left-radius: px;
  border-top-right-radius: px;
  border-bottom-left-radius: px;
  border-bottom-right-radius: px;
}

.bg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:rgba(0,0,0,0.0);
}

.product_child {
  position: absolute;
  bottom: 50px;
  left: 40px;
  height:120px;
}

.child_txt1{
  font-family:"Pretendard Variable", Pretendard, sans-serif; 
  font-size:30px; 
  color:#ffffff; 
  font-weight:700;
  padding:0px 30px 10px 0;
}

.child_txt2{
  font-family:"Pretendard Variable", Pretendard, sans-serif; 
  font-size:17px; 
  color:#ffffff; 
  font-weight:700;
  padding:0px 30px 0 0;
}





.inquiry_bg{background-color:#;text-align:left;padding-top:5px;padding-left:0px;padding-bottom:5px;color:#000000;font-family:"Pretendard Variable", Pretendard, sans-serif;font-size:18px;font-weight:700;border-radius:0px; height:30px;}

.inquiry_bg2{background-color:#;color:#000000;font-family:"Pretendard Variable", Pretendard, sans-serif;font-size:17px;font-weight:300;text-align:left;padding-left:0px; }
.inquiry_bg2 li{font-weight:300;}

.inquiry_input{width:calc(100% - 22px); padding:0px 10px; height:40px; background-color:#f3f3f3; color:#000000; font-family:"Pretendard Variable", Pretendard, sans-serif; font-size:17px; border-style:solid; border-width:1px; border-color:#f3f3f3; border-radius:0px;}

.inquiry_textarea{width:calc(100% - 22px); padding:10px 10px; height:200px; background-color:#f3f3f3; color:#000000; font-family:"Pretendard Variable", Pretendard, sans-serif; font-size:17px; border-style:solid; border-width:1px; border-color:#f3f3f3; border-radius:0px;}

.inquiry_textarea2{width:calc(100% - 32px); padding:15px 15px; height:200px; background-color:#f3f3f3; color:#808080; font-family:"Pretendard Variable", Pretendard, sans-serif; font-size:15px; border-style:solid; border-width:1px; border-color:#f3f3f3; border-radius:0px;}

.class_agree{ font-family:"Pretendard Variable", Pretendard, sans-serif; font-size:15px; color:#000000; font-weight:400;}

.form_wbw_button { background:#2341c7; font-family:"Pretendard Variable", Pretendard, sans-serif; font-weight:500; width:300px; font-size:20px; color:#ffffff; text-align:center;padding-left:7px;padding-right:7px;padding-top:12px;padding-bottom:12px; border-radius:5px; margin:0 auto; }
.form_wbw_button:hover { background:#2341c7; color:#ffffff; }


.table_title{width:25%; height:35px; font-weight:700; background:#f9f9fa; text-align:right; padding-right:10px;}
.table_contents{width:75%; height:35px; text-align:left; padding-left:0px;}
.table_line{width:100%; height:1px; background:#E2DFDF;}

.form_layout {width:100%;}
.form_layout .form_half{float:left;width:50%; margin-bottom:10px;}
.form_layout .form_left{float:left;width:49%; margin-bottom:10px; padding-right:1%;}
.form_layout .form_right{float:left;width:49%; margin-bottom:10px; padding-left:1%;}
.form_layout .form_one{float:left;width:100%; margin-bottom:10px;}



@media all and ( max-width: 1400px ){

	.sub_layout{
		width: calc(100% - 60px); 
		padding: 0 30px 100px 30px;
	}
	
	

	
	.consult_box{
		width: calc(33.33% - 14px);
	}

	
	.process_blank{height:40px;}
	
	.box_img{
		width:calc(32% - 15px); 
		padding:0 15px 0 0px;
	}

	.box_txt{
		width:calc(68% - 20px); 
		padding:0 0 0 20px;
	}
	
	.box_txt1{
		font-size:20px; 
	}

	.box_txt2{
		font-size:16px; 
		padding-top:15px;
	}
	
	
	
	.product_box{
		width: calc(33.33% - 14px);
	}
	
}

@media all and ( max-width: 980px ){

	.sub_title{
		font-size:28px; 
		padding:35px 0 35px; 
	}

	.sub_layout{
		width: calc(100% - 40px); 
		padding: 0 20px 80px 20px;
	}

	.sub_layout .company_img{
		width:100%; 
		padding:0 0px 0 0px;
	}
	.sub_layout .company_txt{
		width:100%; 
		padding: 20px 0px 0 0px;
	}
	
	.company_txt1{
		font-size:24px; 
	}

	.company_txt2{
		font-size:17px; 
		padding-top:20px;
	}
	
	

	
	.emc_debug{
		padding: 20px 0 80px 0;
	}

	.emc_debug .debug_txt1{
		width:100%; 
		padding:0 0px 0 0px;
		
		font-size:24px; 
	}
	.emc_debug .debug_txt2{
		width:100%; 
		padding:10px 0px 0 0px;
		
		font-size:17px; 
	}
	
	
	.emc_consult{
		padding: 0px 0 80px 0;
	}
	
	.emc_title1{
		font-size:20px; 
	}

	.emc_title2{
		font-size:24px; 
	}

	.consult_txt1{
		font-size:17px; 
		padding-top:20px;
	}
	
	.consult_box{
		width: calc(50% - 10px);
	}
	
	
	
	.emc_process{
		padding: 0px 0 0px 0;
	}
	
	.process_blank{height:30px;}
	
	.box_img{
		width:100%; 
		padding:0 0 15px 0px;
	}

	.box_txt{
		width:100%; 
		padding:0 0 20px 0;
	}
	
	
	.box_txt1{
		font-size:18px; 
	}

	.box_txt2{
		font-size:15px; 
		padding-top:10px;
	}
	
	
	.emc_button{
		width:250px;
		height:50px;
		line-height:50px;
		background:#0031be;
		font-size:20px; 
	}
	
	
	
	
	.product_box{
		width: calc(50% - 10px);
	}
	
	.product_child {
	  bottom: 50px;
	  left: 30px;
	  height:90px;
	}
	
	.child_txt1{
	  font-size:22px; 
	  padding:0px 30px 10px 0;
	}

	.child_txt2{
	  font-size:15px; 
	  padding:0px 30px 0 0;
	}
	
	
	
	.inquiry_bg{font-size:15px;}
	.inquiry_bg2{font-size:14px;}
	.inquiry_input{font-size:14px;border-radius:0px;}
	.inquiry_textarea{font-size:14px;border-radius:0px;}
	.form_layout .form_left{float:left;width:100%; padding-right:0%;}
	.form_layout .form_right{float:left;width:100%; padding-left:0%;}

	.form_wbw_button { font-size:17px; }
	
}

@media all and ( max-width: 550px ){

	.consult_box{
		width: 100%;
	}
	
	.product_box{
		width: 100%;
	}
	
}








.copyright_layout{background-color:#1e1e1e; padding:50px;}
.copyright_txt1{font-family:"Pretendard Variable", Pretendard, sans-serif; font-size:20px; color:#ffffff; font-weight:400; cursor:pointer;}
.copyright_txt2{font-family:"Pretendard Variable", Pretendard, sans-serif; font-size:19px; color:#ffffff; font-weight:400; line-height:1.8;}


@media all and ( max-width: 980px ){

	.copyright_layout{padding:30px;}
	.copyright_txt1{font-size:16px;}
	.copyright_txt2{font-size:15px;}


}