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

@font-face {
    font-family: 'Cafe24SsurroundAir';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24SsurroundAir.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



	
	body {position:relative; font-family: 'Noto Sans KR',sans-serif;}

	.default_layout {position:relative;  margin:0 auto;  max-width:1200px;}

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


	/* 헤더 */
	#header {z-index:99;  height:182px; text-align:center; background:#fff;  border-bottom:1px #e8e8e8 solid;  }

	
	/*#header.on_scroll {background:#fff; border-bottom:0px; transition: all 0.2s;  position:fixed; width:100%; left:0px; top:0px;}*/
	

	


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


	

	/* 로고 */
	#header h1#logo {position:absolute;; height:127px; z-index:2;}
	#header h1#logo a{color:#fff; display:inline-block;  line-height:115px;  }
	#header h1#logo a img {vertical-align:middle; }
	


	#header .header_top_util {background:#000; height:55px; }
	#header .header_top_util .default_layout{overflow:hidden;}
	#header .header_top_util .default_layout .util_left {float:left;}


	#header .header_top_util .default_layout .util_left .list_box{background:url(../images/common/top_notice_bg.png) 10px 50% no-repeat; width:400px;  }
	#header .header_top_util .default_layout .util_left .list_box ul {width:100% !important; text-align:left;}
	#header .header_top_util .default_layout .util_left .list_box ul li{height:55px; line-height:55px; width:100% !important; font-size:16px;   }
	#header .header_top_util .default_layout .util_left .list_box ul li a{color:#fff;padding-left:34px; display:block;}




	#header .header_top_util .default_layout .util_right {float:right;}
	#header .header_top_util .default_layout .util_right ul li{float:left; margin-left:30px;}
	#header .header_top_util .default_layout .util_right ul li a{display:block; font-size:14px; color:#fff; line-height:55px;}






	/*상단메뉴*/
	#topMenu {z-index:1; position:relative; text-align:center; margin-right:140px; }
	#topMenu li.menu_list{display:inline-block;; position:relative;text-align:center; padding:0 50px;  font-family: 'Cafe24SsurroundAir'; font-weight:bold;}
	#topMenu li.menu_list a.depth_link {display:block;  font-size:22px; color:#000; line-height:127px; position:relative; letter-spacing:-1px;}


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

	#topMenu li div.depth_box {position:absolute; display:none;  top:70px; width:100%;; left:0px;background:#444; }
	#topMenu li div.depth_box ul {padding:15px;}
	#topMenu li div.depth_box ul li {font-size:13px; text-align:left;}
	#topMenu li div.depth_box ul li a {display:block; color:#fff;  letter-spacing:-1px; line-height:26px;}
	#topMenu li div.depth_box ul li a:hover {text-decoration:underline;font-weight:bold; }
	#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 .header_search{width:330px; background:#f2f2f2; border-radius:5px; height:40px; position:absolute; right:0px; top:44px; z-index:9}

	#header .header_search .text_search{line-height:40px; height:40px; width:100%;  border:0px;  font-size:13px; padding:0 10px; background:none; border:0px;  color:#000px;}
	#header .header_search .text_search::-webkit-input-placeholder{font-size:13px;color:#c0c0c0;}
	#header .header_search .text_search::-moz-placeholder{ text-align:center; }
	#header .header_search .text_search::-ms-input-placeholder{ text-align:center; }
	#header .header_search .text_search::-moz-placeholde{ text-align:center; }

	#header .header_search .search_btn{position:absolute; right:0px; top:8px; background:url(../images/common/header_search_btn.png) left top no-repeat; padding:0 20px; border:0px; color:#fff; line-height:35px; height:35px;  text-indent:-999px;}









	/*카피라이트*/
	
	/*카피라이트*/
	#footerGroup {position:relative; border-top:1px #e8e8e8 solid; padding:60px 0px; margin-top:60px;  background:#fff;}
	#footerGroup .default_layout{ position:relative;}
	#footerGroup .default_layout .f_box_wrap{ position:relative; padding-left:300px}
	#footerGroup .default_layout .f_logo{position:absolute; left:0px; top:10px;}



	#footerGroup .f_util li{display:inline-block; font-weight:normal;  font-size:17px;}
	#footerGroup .f_util li a{margin-right:20px; line-height:25px; padding-bottom:8px; display:block; color:#000; font-weight:bold;}


	#footerGroup .footer { margin-top:5px;  font-size:13px; position:relative;   }
	#footerGroup .footer span{display:inline-block; padding-right:8px; }
	#footerGroup .footer .addres,
	#footerGroup .footer .addres a{ color:rgba(0,0,0,0.5); line-height:16px; font-weight:normal;}
	#footerGroup .footer .author{font-size:11px; color:rgba(0,0,0,0.2);}


	#footerGroup dl {position:absolute; right:0px; top:0; width:180px; } 
	#footerGroup dl dt{background:#fff;  height:35px; line-height:35px; font-weight:bold; font-size:12px; padding-left:8px;  border:1px #dddddd solid; }
	#footerGroup dl dt a{display:block; color:#555555; padding:0px;}
	#footerGroup dl dt span{float:right; width:30px; height:35px; text-align:center; border-left:1px #dddddd solid; }
	#footerGroup dl dt span strong{display:inline-block; text-align:center; width:9px; height:5px; background:url(../images/common/bottom_quick_btn.png) left top no-repeat;}
	#footerGroup dl dt span strong.off{background-position:left top;}
	#footerGroup dl dt span strong.on{background-position:left -5px;}
	#footerGroup dl dd {width:99%; background:#fff; display:none; position:absolute; border-left:1px #dddddd solid; border-right:1px #dddddd solid; border-top:1px #dddddd solid;  bottom:37px; padding:10px 0px;}
	#footerGroup dl dd span{display:block; padding:0 5px;}
	#footerGroup dl dd span a{display:block; color:#282828; font-size:11px; padding-left:10px; background:url(../images/common/bottom_quick_dot.jpg) 3px 12px no-repeat;}

	


	.search_list_box {margin:0px auto; overflow:hidden; min-height:80px !important; }
	.search_list_box li {float:left; width:380px; margin-bottom:20px; margin-right:20px; border-radius:10px;}
	.search_list_box li .photo{ position:relative; overflow:hidden; }
	.search_list_box li .photo img {vertical-align:top; width:100%; }
	.search_list_box li .info_box { background:#fff; border:1px #ddd solid; padding:25px;  border-top:0px; position:relative;}
	.search_list_box li .info_box .t1{font-size:20px;}
	.search_list_box li .info_box .t1 a{color:#000;}
	.search_list_box li .info_box .t2 a{font-size:12px; color:#888;}
	.search_list_box li .info_box .t3  {position:absolute; right:20px; top:-60px; }
	.search_list_box li .info_box .t3 span {background:#d64863; color:#fff; display:inline-block; line-height:35px; padding:0 20px; border-radius:35px; }
	.search_list_box li .info_box .t3 span.ing {background:#4db848;}
	.search_list_box li .info_box .t3 span.end {background:#b5b5b5;}


	.vi_title{ text-align:center; font-size:40px; color:#000; line-height:50px; margin-bottom:40px; border-bottom:1px #ddd solid; padding-bottom:40px;}
	.vi_title span {font-weight:bold; color:#f15931;}





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


		
		#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 { height:auto; }

		




		
		/* 로고 */
		#header h1#logo {position:relative;;padding-left:10px;  height:80px;  text-align:left; overflow:hidden;}
		#header h1#logo a{line-height:70px;  }
		#header h1#logo a img {width:140px; }
		


		#header .header_top_util { display:block; }
		#header .header_top_util .default_layout .util_left {float:none;}


		#header .header_top_util .default_layout .util_left .list_box{width:auto; background-position:10px 50%; padding-left:20px; overflow:hidden;}
		#header .header_top_util .default_layout .util_left .list_box ul {width:100% !important; text-align:left;}
		#header .header_top_util .default_layout .util_left .list_box ul li{height:55px; line-height:55px; width:100% !important; font-size:16px;   overflow: hidden;   white-space: nowrap;    text-overflow: ellipsis;}
		#header .header_top_util .default_layout .util_left .list_box ul li a{display:block; width:80%; overflow: hidden;   white-space: nowrap;    text-overflow: ellipsis;}





		#header .header_top_util .default_layout .util_right {display:none;}


	
		p.menu_btn {display:block; position:absolute; right:10px; top:70px; cursor:pointer; text-align:center; width:43px; height:43px; background:#fff; border:1px #eeeeee solid; z-index:3;}
		p.menu_btn a {display:block; padding-top:13px;}
		p.menu_btn span {background:#222; display:block; width:60%; height:3px; margin:0 20% 4px; vertical-align:top;}


		p.search_menu_btn {display:block; position:absolute; right:63px; top:70px; cursor:pointer; text-align:center; width:43px; height:43px; background:#f8f8f8 url(../images/common/header_search_btn.png) center 50% no-repeat;; border:1px #eeeeee solid; z-index:3;}



	
		#topMenu {display:none; float:none; margin:0px; background:#fff; z-index:999999999999 !important; margin-top:0px; position:fixed; left:0px; top:0px; min-width:250px; width:80%; min-height:100% !important; height:100% !important;   overflow-y:auto; -webkit-overflow-scrolling:touch;}
		
		#topMenu .menu_btn_colse {display:block; height:50px;  line-height:50px; padding-left:10px; color:#fff; background:#313959; font-size:16px;}
		#topMenu .menu_btn_colse a{float:right; width:60px;  height:50px; background:rgba(0,0,0,0.2); text-align:center; color:#fff;}
		
		
		#topMenu li.menu_list {width:100%; text-align:left; background-image:none; clear:both;padding:0px; margin:0px; }
		#topMenu li.menu_list a.depth_link {display:block;line-height:60px; color:#222; font-size:16px; padding:0 10px; border-bottom:1px #eee solid; }
		#topMenu li.menu_list a.menu_on {color:#313959; }

		#topMenu li div.depth_box {position:relative;margin:0px; left:0px; top:0px; width:100%; background:#f8f8f8; border:0px; border-bottom:1px #eee solid; text-align:left;}
		#topMenu li div.depth_box ul {padding:0; margin:0px;}
		#topMenu li div.depth_box ul li a {color:#333; padding:0px 10px 0 15px;  border-bottom:1px #eee solid; line-height:50px; font-size:13px; text-align:left;}
		#topMenu li div.depth_box ul li a:hover {background:none; text-decoration:underline; }


		#topMenu li#topMenu2 div.depth_box { width:100%;}
	
		
		#topMenu li div.depth_box ul.three_depth{display:block;; background:#f2f2f2; border-top:0px; border-bottom:1px #eee solid;}
		#topMenu li div.depth_box ul.three_depth li a{display:block; padding-left:20px; line-height:45px; font-size:12px; font-weight:normal; border-bottom:1px #eee solid;  color:#666;}
		#topMenu li div.depth_box ul.three_depth li:last-child a{border-bottom:0px;}
		
		


		
		#header .header_search{width:auto; border-radius:0px; height:50px; position:relative; right:0px; top:0px; display:none;}

		#header .header_search .text_search{line-height:50px; height:50px; }


		#header .header_search .search_btn{top:15px}

		#header .header_search .search_btn{ background:none;}


		





	
	
	/*카피라이트*/
	#footerGroup {position:relative; border-top:1px #e8e8e8 solid; padding:60px 0px; margin-top:60px;  background:#fff;}

	#footerGroup .default_layout .f_box_wrap{ padding-left:0px}
	#footerGroup .default_layout .f_logo{position:relative; text-align:center; top:0px;}


	#footerGroup .f_util {text-align:center; margin-top:15px;}
	#footerGroup .f_util li{ font-size:14px;}
	#footerGroup .f_util li a{margin:0 10px; padding-bottom:0px;}


	#footerGroup .footer { margin-top:5px;  font-size:13px; padding:0 10px;  text-align:center;}
	#footerGroup .footer span{display:block; padding-right:0px; line-height:16px; }
	#footerGroup .footer span.f_col{display:inline-block; margin:0 10px;}
	#footerGroup .footer .addres {margin-top:10px;}



	#footerGroup dl {display:none; } 


	.search_list_box {margin:0px auto; overflow:hidden; min-height:80px !important; }
	.search_list_box li {float:left; width:48%; margin:1% !important }

	.search_list_box li .info_box { padding:15px; }
	.search_list_box li .info_box .t1{font-size:16px; overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;}

	.search_list_box li .info_box .t2 ,
	.search_list_box li .info_box .t2 a{line-height:14px; overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;}
	.search_list_box li .info_box .t3  {position:relative; right:0px; top:0px; margin-top:10px; }
	.search_list_box li .info_box .t3 span { line-height:30px; padding:0 10px; border-radius:30px; }



	.vi_title{ text-align:center;  padding:20px 0px 40px;  margin-bottom:20px; line-height:30px; font-size:20px;;}











}