@charset "utf-8";
@import url("./nanumsquare.css");
@import url("./NanumBarunGothic.css");
@import url("./NanumBarunGothic.css");


@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800&display=swap');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");	
	



@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'GongGothicMedium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'NEXON Lv2 Gothic';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


	@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");






	#wrap {-webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box; ;background:url(../images/common/body_bg_new_new.png?n1s) 90% 100px no-repeat; }





	body {position:relative; font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", Pretendard, Roboto, "Noto Sans KR", "Segoe UI", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}

	.default_layout {position:relative; width:1200px; margin:0 auto;clear:both; }

	/* 기본 감싸는 레이아웃 */
	#wrap,#header,#footerGroup {position:relative; width:100%; }


	#wrap {overflow:hidden;}






	#header {z-index:99; height:100px;  transition: all 0.2s;   -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;   text-align:center; /*border-bottom:1px rgba(255,255,255,0.2) solid;*/}

	#header.on_scroll { position:fixed; margin:0px; left:0%; top:0px;width:100%;  background:#fff; border-bottom:1px #ddd solid;  }







	/* 로고 */
	#header h1#logo {position:absolute; left:2%; top:0; height:100px;}
	#header h1#logo a{display:inline-block; vertical-align:middle;  line-height:95px;}
	#header h1#logo a img {vertical-align:middle;}



	



	p.menu_btn,
	#topMenu .menu_btn_colse {display:none;} 
		


	p.all_menu_btn { position:absolute; right:5%; top:25px; cursor:pointer; text-align:center; width:43px; height:43px;  display:none;  }
	p.all_menu_btn a {display:block; padding-top:20px;}
	p.all_menu_btn span {background:#fff; display:block; width:60%; height:2px; margin:0 20% 6px; vertical-align:top;}

	

	#header .top_tell {position:absolute; right:0; top:0; }
	#header .top_tell a{display:block; height:100px; line-height:100px;  color:#0086f1; padding:0 50px 0px 60px; font-family: 'Montserrat'; font-size:20px; font-weight:700;}
	#header .top_tell a span {display:inline-block; vertical-align:middle; margin-right:10px;    width:45px; height:45px;  border-radius:45px; background:#0086f1 url(../images/common/top_tell_bg_new.png) center 50% no-repeat;}

	





	/*상단메뉴*/
	#topMenu {position:relative; display:inline-block; font-size:0px;  height:100px; margin-left:0px; z-index:1}
	#topMenu li.menu_list {display:inline-block; position:relative; }
	#topMenu li.menu_list a.depth_link {display:block; font-size:18px;padding:0 50px; color:#000; line-height:100px; position:relative;   transition: all 0.2s;  font-weight:bold;}

	#topMenu li.menu_list a.menu_on {color:#0c3966;  }

	#topMenu li div.depth_box {display:none; position:absolute; top:100px; left:0%; width:100%;  border-radius:20px; transition: all 0.2s;   border-top:0px; -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
	#topMenu li div.depth_box ul {padding:25px 0px;}
	#topMenu li div.depth_box ul li {font-size:14px; text-align:center; }
	#topMenu li div.depth_box ul li a {display:block; color:#000; line-height:30px;}
	#topMenu li div.depth_box ul li a:hover { font-weight:bold;text-decoration:underline;}
	#topMenu li div.depth_box ul li:last-child a{border-bottom:0px;}


	/*3뎁스*/
	#topMenu li div.depth_box ul.three_depth {display:none; background:#fff; }
	#topMenu li div.depth_box ul.three_depth li a {display:block;line-height:30px; color:#0c3966;}

	
	

	
	/*전체메뉴*/
	.allmenu_detail_show_box_wrap {display:none; background:#fff; position:fixed; right:-300px; top:0px;  width:300px; min-height:100%; height:100%; height:100vh;  transition:all 0.2s; z-index:999999999999999999; box-shadow: 0px 3px 3px rgb(0 0 0 / 20%);}
	.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer {padding:30px; position:relative;margin-top:40px;}
	.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer ul {}
	.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer ul li.all_list {margin:30px 0px;}
	.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer ul li.all_list a.all_depth_link {display:block; color:#000; font-sizE:22px; border-bottom:1px rgba(0,0,0,0.1) solid; line-height:40px; padding-bottom:10px; font-weight:bold;}
	.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer ul li.all_list a.all_depth_link:hover {font-weight:bold; color:#282f67;}
	.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer ul li.all_list .depth_box_etc {padding:20px 0px;  display:none;}
	.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer ul li.all_list .depth_box_etc ul {overflow:hidden; border-bottom:1px rgba(0,0,0,0.1) solid; }
	.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer ul li.all_list .depth_box_etc ul li{color:#555; font-size:16px; margin:10px 0px;}
	.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer ul li.all_list .depth_box_etc ul li a{color:#555;}
	.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer ul li.all_list .depth_box_etc ul li a:hover{color:#000; text-decoration:underline;}

	.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer ul li.all_list .depth_box_etc ul li .three_depth li {width:auto; font-size:14px; margin-right:10px; }
	.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer ul li.all_list .depth_box_etc ul li .three_depth li a{color:rgba(0,0,0,0.6)}

	.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer .close_btn {position:absolute; right:30px; top:0px; width:40px;height: 40px; cursor:pointer;}


	.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer .close_btn:before, 
	.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer .close_btn:after {position: absolute;left: 0px;content:' ';height:26px;width:1px;background-color: #000;}
	.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer .close_btn:before {transform: rotate(45deg);}
	.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer .close_btn:after {transform: rotate(-45deg);}



	




	#header .depth_box_wra_box {background:#fff; position:absolute;  left:0px; top:60px;   width:100%;;z-index:0px;  display:none;  transition: all 0.2s;  }  

	

	.f_util_box {background:#eb7400; padding:20px 0px;}
	.f_util_box .default_layout {margin:0 auto;}
	.f_util_box .notice_box {display:inline-block; width:500px;  }
	.f_util_box .notice_box ul {width:100%; }
	.f_util_box .notice_box ul li {height:40px; line-height:40px; position:relative; width:100% !important;  float:left;   }
	.f_util_box .notice_box ul li a{color:#fff; display:block; position:relative;  font-size:16px;}
	.f_util_box .notice_box ul li a .t1{display:inline-block; width:70%; }
	.f_util_box .notice_box ul li a .t2{position:absolute; right:0px; top:0px;}

	


	.f_util_box .sns-util {position:absolute; right:0px; top:-35px; }
	.f_util_box .sns-util li { margin-bottom:10px;  border-radius:45px; display:inline-block; margin-left:10px;}
	.f_util_box .sns-util li a{display:block;  width:45px; height:45px;  background-position:center 50%; background-repeat:no-repeat; color:#fff; text-indent:-999999px;}

	.f_util_box .sns-util li.m1 {background-color:#00cb49;  }
	.f_util_box .sns-util li.m1 a{background-image:url(../images/common/blog.svg);  }


	.f_util_box .sns-util li.m2 {background:linear-gradient(45deg, #f2b260, #db5b66, #a33ab5);  }
	.f_util_box .sns-util li.m2 a{background-image:url(../images/common/insta.svg); }

	.f_util_box .sns-util li.m3 {background-color:#2d2420; margin-top:40px;}
	.f_util_box .sns-util li.m3 a{background-image:url(../images/common/top-arrow.svg);}


	
	/*카피라이트*/
	#footerGroup {position:relative;/*border-top:1px #ededed solid; */ z-index:1;  padding-top:90px;}



	#footerGroup .footer {  padding-bottom:250px; padding-left:350px; padding-top:45px; text-align:left;  line-height:35px; font-size:18px; position:relative;   color:#000;  background:url(../images/common/f_logo.png?11111) left top no-repeat;}
	#footerGroup .footer span{display:inline-block; padding-right:8px;}

	


		
	.main_process_wrap {margin-top:0px;   padding:120px 0px;    }
	.main_process_wrap .title  {font-size:40px;  letter-spacing:0px; line-height:50px;  line-height:50px; color:#000; letter-spacing:-2px; text-align:center;}
	.main_process_wrap .title span {color:#0086f1;font-weight:bold;  }
	.main_process_wrap .title div {font-size:27px;}


	.main_process_wrap  ul{margin-top:50px;font-size:0px; }
	.main_process_wrap  ul li{display:inline-block; width:32%; margin-bottom:2%; }
	.main_process_wrap  ul li:nth-child(3n+2){margin-left:2%; margin-right:2%;}
	.main_process_wrap  ul li .box {background:#fff;/* border:1px #ddd solid;*/ box-shadow: 0 6px 23px #ddd; position:relative; padding:50px; padding-left:140px; padding-right:0px; border-radius:10px;}
	.main_process_wrap  ul li .box .icon {position:absolute; left:20px; top:40px;}
	.main_process_wrap  ul li .box .icon span {display:inline-block; width:80px; height:80px; background:#f8f8f8; border-radius:80px; text-align:center; line-height:80px; }
	.main_process_wrap  ul li .box .icon .lord-icon {width:50px; height:50px; vertical-align:middle;}
	.main_process_wrap  ul li .box dl dt {font-size:20px; font-weight:bold;  color:#000;}
	.main_process_wrap  ul li .box dl dd {font-size:16px; margin-top:10px; color:#777;}
	.main_process_wrap  ul li .box dl dd span {display:block;}

	

	.side_quick_wrap {position:fixed; right:2%; bottom:120px; width:50px; z-index:9; text-align:center; color:#000;  }
	.side_quick_wrap a{display:block; width:50px; height:50px; text-align:center; border-radius:50px; line-height:50px; background:#2550e4; color:#fff; margin-bottom:10px;}
	.side_quick_wrap a .fonti{ font-size:20px;}
	.side_quick_wrap a.m1 {background:#216a58; color:#fff;}
	.side_quick_wrap a.m2 {background:#2550e4; color:#fff;}
	.side_quick_wrap a.m3 {background:#fdb813; color:#000;}
	.side_quick_wrap a.m4 {background:#497945; color:#fff;}
	.side_quick_wrap a.m5 {background:#059544; color:#fff;}



	.f_call_wrap {position:fixed; left:0px; bottom:90px; text-align:center; width:100%; z-index:2; }
	.f_call_wrap .box {padding:10px 100px; background:rgba(0,0,0,0.8); color:#fff; display:inline-block; border-radius:60px; /*margin-right:80px;*/}
	.f_call_wrap .box div {display:inline-block; margin:0 20px; line-height:60px;  vertical-align:middle; font-size:17px;}
	.f_call_wrap .box div.tel strong  {font-size:50px; font-weight:900; display:inline-block; vertical-align:middle; margin-left:10px; color:#0086f1; }
	.f_call_wrap .box div.tel strong a {color:#0086f1; }
	.f_call_wrap .box div.tel span  {background:#000; color:#fff;display:inline-block; line-height:30px; padding:0 20px;  border-radius:20px;  vertical-align:middle;}
	.f_call_wrap  .f_call_inquery {position:Absolute; right:0px; top:0px;}
	.f_call_wrap  .f_call_inquery a{display:inline-block;  width:80px; height:80px;border-radius:80px; line-height:80px;  text-align:center; background:#2550e4; color:#fff;}
	.f_call_wrap  .f_call_inquery a .fonti{font-size:30px;}


	.f_inquery_wrap {display:none;}
	.f_form {  z-index:9; background:#fff; border-radius:30px; padding:40px; width:500px;    box-shadow: 0 4px 30px rgba(0, 0, 0, .1);}
	.f_form  .title {font-size:30px; text-align:center; font-weight:bold; color:#000;}
	.f_form  ul{margin-top:20px;}
	.f_form  ul li {margin-bottom:10px;}
	.f_form  select{width:100%; height:45px; line-height:45px; border:1px #ddd solid; border-radius:5px; color:#000; padding:0 20px; font-size:16px; background:#f8f8f8;}
	.f_form  input[type="text"]{width:100%; height:45px; line-height:45px; border:1px #ddd solid; border-radius:5px; color:#000; padding:0 20px; -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box font-size:16px;;}
	.f_form  input[type="submit"]{width:100%; height:50px; line-height:50px; border:0px;  border-radius:5px;color:#fff;  background:#2550e4;letter-spacing:-1px; font-size:16px; text-align:center; }
	.f_form .etc {margin:5px 0px 10px; font-size:13px; }
	.f_form .etc .show_agree{display:inline-block; margin-left:5px; background:#f8f8f8; color:#333; font-size:11px; padding:0 5px;  border-radius:5px;}
	.f_form .hidden_text_agree {display:none; border:1px #ededed solid; padding:15px; height:100px; overflow:hidden; overflow-y:auto; font-size:13px;}





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

		
		#wrap{overflow:hidden;background-position:90% 100px;  background-size:200px;}



		.default_layout {width:auto; padding:0px; margin:0;}
			/* 헤더 */
		#header {height:80px;  padding:0px; box-shadow:0px 1px 10px rgba(0,0,0,0.2);  background:#fff !important; }

		
		#container {padding-top:80px;}

		
		#header h1#logo {text-align:left; margin-right:0px; margin-left:10px; left:0px;}
		#header h1#logo a{display:inline-block; vertical-align:middle; height:80px; line-height:70px;}
		#header h1#logo a.pc_ver {display:none;}
		#header h1#logo a.mobile_ver {display:inline-block !important;}
		#header h1#logo a img {vertical-align:middle; width:130px;}




			/* 로고 */
		#header .slogan,
		#header .top_tell {display:none;}



			

		#topMenu {display:none !important; border:1px red solid;}

		#header .etc_history {display:none;}

		/* 헤더 */		
		p.all_menu_btn {right:10px; top:10px; display:block;}
		p.all_menu_btn a {display:block; padding-top:20px;}
		p.all_menu_btn span {background:#000; display:block; width:60%; height:2px; margin:0 20% 6px; vertical-align:top;}

		



		
		

		.f_util_box .default_layout {margin:0 auto;}
		.f_util_box .notice_box {display:block; width:auto;  padding:0 15px; }
		.f_util_box .notice_box ul {width:100%; }


		.f_util_box .sns-util {top:-125px; }


		
		/*카피라이트*/
		#footerGroup {position:relative;  }


		#footerGroup {padding-top:50px;}
		#footerGroup .footer {padding:150px 15px 90px;; margin-top:0px; text-align:center;  line-height:22px; font-size:14px;  background:url(../images/common/f_logo.png?1111) center top no-repeat; background-size:180px;}

		#footerGroup .footer span {display:block; margin:2px 0px;}




		


		


		/*전체메뉴*/
		.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer {padding:20px; position:relative;}
		.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer ul {text-align:left;}
		.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer ul li.all_list {margin:20px 0px;}
		.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer ul li.all_list a.all_depth_link {font-sizE:18px; font-weight:bold; line-height:30px; padding-bottom:10px;}
		.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer ul li.all_list a.all_depth_link span{padding-bottom:0px; padding-right:20px; }
		.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer ul li.all_list .depth_box {padding:20px 0px;  display:block !important;}
		.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer ul li.all_list .depth_box ul {overflow:hidden;}
		.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer ul li.all_list .depth_box ul li{ float:none; width:auto;  font-size:16px; margin:5px 0px;}

		.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer ul li.all_list .depth_box_etc {padding-top:5px;}
		.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer ul li.all_list .depth_box_etc ul li{font-size:15px;}

		.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer ul li.all_list .depth_box ul li .three_depth {padding:20px; background:#f8f8f8;}

		
		.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer .three_depth {padding:20px; background:#f8f8f8;}


		.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer ul li.all_list .depth_box ul li .three_depth li {width:auto; font-size:14px; margin-right:10px; }
		.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer ul li.all_list .depth_box ul li .three_depth li a{color:rgba(255,255,255,0.6)}

		.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer .close_btn a{ width:40px; height:40px; line-height:40px; }

			


		.f_call_wrap {position:fixed; left:2.5%; bottom:20px; text-align:center; width:95%; z-index:2;}
		.f_call_wrap .box {padding:10px 15px;  border-radius:100px; display:block;  }
		.f_call_wrap .box div {display:block; margin:0px; line-height:20px;  vertical-align:middle; font-size:13px;}
		.f_call_wrap .box div.tel strong  {font-size:25px;}
		.f_call_wrap .box div.tel span  {background:#000; color:#fff;display:inline-block; line-height:30px; padding:0 20px;  border-radius:20px;  vertical-align:middle;}
		.f_call_wrap .box div.etc {display:block; font-size:11px; display:none;}


		.f_call_wrap  .f_call_inquery a{ width:50px; height:50px;border-radius:50px; line-height:50px;   }
		.f_call_wrap  .f_call_inquery a .fonti{font-size:20px;}


		

		.main_process_wrap {margin-top:0px;  ; padding:30px 5%;    }
		.main_process_wrap .title  { font-size:22px; line-height:40px;  }
		.main_process_wrap .title span {display:block; font-size:40px;   }
		.main_process_wrap .title div { font-size:16px;   }


		.main_process_wrap  ul{margin-top:20px;  }
		.main_process_wrap  ul li{display:block; width:auto; margin:0px 0px 20px !important; }


		.main_process_wrap  ul li .box {padding:30px; padding-left:120px; padding-right:20px; ;}

		.main_process_wrap  ul li .box dl dt {font-size:18px;}
		.main_process_wrap  ul li .box dl dd {font-size:15px; line-height:18px}

		

		.f_inquery_wrap {width:95%;}
		.f_form {   width:auto;   }




}





@media all and (min-width:1025px) and (max-width:1440px) {


.default_layout {width:auto; padding:0px; margin:0px;}


#header {text-align:right;}
#header h1#logo {text-align:left; margin-right:0px; left:0px; margin-left:10px; top:0px;}
#header h1#logo a img {vertical-align:middle; width:180px;}






/* 상단 오른쪽메뉴 */
#header .top_tell{position:absolute; right:10px; top:33px;   vertical-align:middle;   color:#fff;  font-family: 'Montserrat', sans-serif; font-weight:bold;   border-radius:35px; overflow:hidden; font-size:0px; display:none;}
#header .top_tell a{display:inline-block; color:#333; font-size:12px; line-height:35px; padding:0 10px;  border-radius:35px; background:#fff; }
#header .top_tell a:first-child {margin-right:-30px; padding-right:40px;}
#header .top_tell a.on{background:#0c3966 !important; color:#fff;}





/*상단메뉴*/
#topMenu { height:100px; margin-left:0px; z-index:1}
#topMenu li.menu_list a.depth_link {display:block; font-size:16px;padding:0 30px; }
#topMenu li div.depth_box ul li {font-size:12px; letter-spacing:-2px;}


/*3뎁스*/
#topMenu li div.depth_box ul.three_depth {display:none; background:#fff; }
#topMenu li div.depth_box ul.three_depth li a {display:block;line-height:30px; color:#0c3966;}


#header .depth_box_wra_box {background:#fff; position:absolute;  left:0px; top:100px;    width:100%;;z-index:0px;  display:none;  transition: all 0.2s;   border-bottom:1px #ededed solid; opacity:0;}  








/*카피라이트*/
#footerGroup {position:relative; width:auto;}



#footerGroup .footer {padding:40px 2% 40px 320px;;  background:url(../images/common/f_logo.png?11) 2% 50% no-repeat; font-size:16px; line-height:25px;}
#footerGroup .footer span{display:inline-block; padding-right:8px;}







}