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

html { scroll-behavior: smooth; }



	


	.m_menu_wrap_bg {width:100%; height:100%; background:rgba(0,0,0,0.8); position:absolute; left:0px; top:0px;  z-index:10; display:none;}
	#wrap {-webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;}



	@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
	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;}





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

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


	/* 헤더 */
	#header {z-index:99;  min-width:1200px; background:#fff;  height:125px; box-shadow:0px 1px 10px rgba(0,0,0,0.2); }
	#header.on_scroll {position:fixed; width:100%; left:0px; top:0px;}



	/* 상단 오른쪽메뉴 */
	#header .top_util {overflow:hidden; background:#094790;   }
	#header .top_util .favorite_link {float:left; font-size:12px; }
	#header .top_util .favorite_link a{display:inline-block; line-height:45px; color:#fff; background:url(../images/common/top_util_dot.jpg) right 50% no-repeat; padding:0 15px; }
	#header .top_util .favorite_link a#favorite{padding-left:0px;}
	#header .top_util .favorite_link a img{padding-right:5px; vertical-align:middle;position:relative; top:-2px;}
	#header .top_util .favorite_link a.last {background:none;}
	#header .top_util .favorite_link a.on {color:#ffc600;}
	#header .top_util ul{float:right;}
	#header .top_util li{float:left; line-height:45px; font-size:12px; } 
	#header .top_util li.login{background:url(../images/common/top_util_login_bg.png) left 50% no-repeat; padding-left:9px;} 
	#header .top_util li a{color:#fff;  display:block; padding:0 15px; background:url(../images/common/top_util_dot.jpg) right 50% no-repeat; } 
	#header .top_util li.last a{background:none;} 
	#header .top_util li a:hover{ text-decoration:underline; } 





	#header .t_util{background:#555; }
	#header .t_util .default_layout {overflow:hidden;}
	#header .t_util ul {float:right; }
	#header .t_util li{float:left; }
	#header .t_util li a{display:block; line-height:40px; font-size:11px; padding:0 10px; color:rgba(255,255,255,0.8); background:url(../images/common/top_util_dot.jpg) right 50% no-repeat;}



	
	/* 로고 */
	#header h1#logo {float:left; position:relative; z-index:1; height:80px; color:#fff; }
	#header h1#logo a{color:#fff; display:block; line-height:75px; }
	#header h1#logo a img {vertical-align:middle;}


	

	
	
	p.all_menu_btn {position:absolute;; right:120px; top:18px; cursor:pointer;    transition: all 0.2s;   text-align:center; display:none;}
	p.all_menu_btn a {display:inline-block; vertical-align:middle; width:45px;height:45px; line-height:45px; line-height:45px; border-radius:45px;   background:#094790; color:#fff; transition: all 0.2s;}
	p.all_menu_btn a .feather {width:20px; height:20px; vertical-align:middle;}




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




	/*상단메뉴*/
	#topMenu {float:right; text-align:center; z-index:1; position:relative; }
	#topMenu li.menu_list{float:left; position:relative; min-width:160px; text-align:center;  }
	#topMenu li.menu_list a.depth_link {display:block;  font-size:18px;  font-weight:bold; color:#000; line-height:80px; position:relative; letter-spacing:-1px;}


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

	#topMenu li div.depth_box {position:absolute; display:none;  top:80px; width:100%; left:0px; }
	#topMenu li div.depth_box ul {padding:30px 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;  letter-spacing:-0.5px; line-height:26px;}
	#topMenu li div.depth_box ul li a:hover {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; border-top:1px #ddd solid; padding:0px; border-bottom:1px #ddd solid;}
	#topMenu li div.depth_box ul.three_depth li a{display:block;line-height:30px; color:#949494;}


	#header .depth_box_wra_box {background:#fff; position:absolute;  left:0px; top:125px; width:100%;;z-index:0px;  display:none; box-shadow:0px 3px 3px rgba(0,0,0,0.3); padding-bottom:1px; border-top:1px #ddd solid;} 

	

	
	/*전체메뉴*/
	.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 .member_wrap_box {text-align:left; margin-bottom:20px;  padding-bottom:20px; }
	.allmenu_detail_show_box_wrap .member_wrap_box .t1 {font-size:22px; line-height:25px; color:#000; letter-spacing:-2px; margin-bottom:20px;}
	.allmenu_detail_show_box_wrap .member_wrap_box .t1 a{color:#000; }
	.allmenu_detail_show_box_wrap .member_wrap_box .t1 strong {font-weight:bold;}
	.allmenu_detail_show_box_wrap .member_wrap_box .t1 .etc_te {font-size:17px; display:block;}
	.allmenu_detail_show_box_wrap .member_wrap_box .t2 {background:#f9f9fc; padding:10px 0px; text-align:center; border-radius:5px; border:1px #bebede solid;}
	.allmenu_detail_show_box_wrap .member_wrap_box .t2 a{display:inline-block; margin:0 10px; font-size:13px; color:#333; position:relative;}
	.allmenu_detail_show_box_wrap .member_wrap_box .t2 a:after {    display: block;    position: absolute;    top:10px;    right: -10px;    width: 1px;    height:8px;    background: #bbb;    content: '';}
	.allmenu_detail_show_box_wrap .member_wrap_box .t2 a:last-child:after  {background:none;}




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


	

	.footer_banner {border-top:1px #ddd solid; padding:30px 0px;  margin-top:60px;}
	.footer_banner .default_layout{position:relative; overflow:hidden;}
	.footer_banner .default_layout .info_box{float:left; margin-top:15px; }
	.footer_banner .default_layout .info_box h3 {display:inline-block;  line-height:25px; margin-right:15px;}
	.footer_banner .default_layout .info_box .btn {display:inline-block; font-size:0px; line-height:25px; height:25px; vertical-align:middle;}
	.footer_banner .default_layout .info_box .btn img {vertical-align:middle;}
	.footer_banner .default_layout .info_box .btn .last  {margin-left:5px;}

	.footer_banner .default_layout .slide_wrap {margin-left:150px;}
	.footer_banner .default_layout .slide_wrap ul li {margin-right:10px; border:1px #ddd solid; width:200px;}
	.footer_banner .default_layout .slide_wrap ul li img  {vertical-align:middle; max-width:100%;}




	/*카피라이트*/
	#footerGroup {position:relative; background:#333333; padding:30px 0px;}


	#footerGroup .f_util {overflow:hidden; position:relative;}
	#footerGroup .f_util .f_name{position:absolute; left:0px;top:0px; font-size:20px; color:rgba(255,255,255,1); }
	#footerGroup .f_util ul{float:right;}
	#footerGroup .f_util li{display:inline-block; font-weight:normal;  font-size:12px;}
	#footerGroup .f_util li a{margin-right:10px; line-height:25px; padding-bottom:8px; display:block;color:rgba(255,255,255,0.7); }


	#footerGroup .footer {border-top:1px rgba(255,255,255,0.1) solid; margin-top:5px; padding-top:15px; font-size:12px; position:relative;  color:rgba(255,255,255,0.8); }
	#footerGroup .footer span{display:inline-block; padding-right:8px; }
	#footerGroup .footer .addres{ font-size:11px; color:rgba(255,255,255,0.5); line-height:16px; font-weight:normal;}
	#footerGroup .footer .author{font-size:11px; color:rgba(255,255,255,0.2);}



	


	@media all and (max-width:1024px) {
		.mobile_none {display:none !important;}


		/*팝업*/
		#hd_pop .hd_pops {left:0px !important;}
		#hd_pop .hd_pops .hd_pops_con{width:280px !important; height:auto !important;}
		#hd_pop .hd_pops img {width:100% !important; height:auto !important; vertical-align:middle;}


		/*기본사이즈*/
		body {min-width:100%;}
		#wrap,#container,#header ,#footerGroup  {min-width:100%; width:100%;}
		.default_layout { width:100%; min-width:100% ; }
		
		
		#header .top_util .favorite_link {float:none; overflow:hidden;}
		#header .top_util .favorite_link a{float:left; width:33.333333333%; line-height:45px;background:none; padding:0; text-align:center; }
		#header .top_util .favorite_link a.last{background:#339e67;}



		#header {position:fixed; width:100%; box-shadow:0px 1px 10px rgba(0,0,0,0.2); height:120px;}


	
		#header h1#logo {height:70px; line-height:70px; margin-left:10px; }
		#header h1#logo a{line-height:65px; }
		#header h1 img{ width:120px;}

		
		#header .t_util li a{padding:0 8px;  }



		#header .top_sitemap_btn {display:none; }


		p.all_menu_btn {position:absolute; right:10px; top:15px; display:block;  width:43px; height:43px;  }
		p.all_menu_btn a {display:block; }
		p.all_menu_btn span {background:#000; display:block; width:60%; height:2px; margin:0 20% 6px; vertical-align:top;}

		#header .top_tell ,
		#header #topMenu {display:none; }
		
		#header .header_first .etc,
		#header .header_first .top_util {displaY:none;}




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


		.allmenu_detail_show_box_wrap {display:none; background:#fff; position:fixed; right:-100%; top:0px;  width:100%; 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_member { margin-bottom:15px; border-bottom:1px #ddd solid; padding-bottom:15px; }
		.allmenu_detail_show_box_wrap .top_allmenu_member a{display:inline-block; border:1px #ddd solid; line-height:35px;  border-radius:5px; padding:0 20px;}

		.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 {text-align:left;}
		.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer ul li.all_list {margin:10px 0px;}
		.allmenu_detail_show_box_wrap .top_allmenu_wrap_layer ul li.all_list a.all_depth_link {display:block; color:#000; font-sizE:17px; border-bottom:1px rgba(0,0,0,0.1) solid; line-height:30px; 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:10px 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:15px; margin:5px 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:0px; 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);}



			
		#footerGroup {padding-top:0px;}
		#footerGroup .f_util {text-align:center; overflow:visible;}
		#footerGroup .f_util .f_name{position:absolute; left:0px;top:60px; text-align:center; width:100%; }

		#footerGroup .f_util ul{float:none; text-align:center;}

		#footerGroup .f_util li{display:inline-block; font-weight:normal;  font-size:12px;}
		#footerGroup .f_util li a{margin:0px 5px; line-height:45px; padding-bottom:0px;}


		#footerGroup .footer {margin-top:0px; padding-top:55px;text-align:center;}

		


		.footer_banner { padding:10px 15px;  margin-top:60px;}
		.footer_banner .default_layout .info_box{float:none; margin-top:15px; }
		.footer_banner .default_layout .slide_wrap {margin-left:0px; margin-top:10px;}
		.footer_banner .default_layout .slide_wrap ul li { width:180px;}








}