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

	
	body {position:relative; }

	.mobile_app {display:none;}

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

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


	/* 헤더 */
	#header {height:78px; z-index:99;  min-width:1100px;  background:#ffd400; overflow:hidden;}


	.common_title01 {font-size:22px; color:#222; line-height:22px; margin-bottom:15px;}
	

	/* 로고 */
	#header h1 {float:left; margin-top:11px;}
	#header h1 img {vertical-align:middle;}



	/* 상단 오른쪽메뉴 */
	#header .top_util {float:right; margin-top:22px; border-top:1px #625a30 solid;  border-left:1px #625a30 solid;  } 
	#header .top_util li{float:left;  min-width:70px; text-align:center; }  
	#header .top_util li a{color:#555555; display:block; bordeR-right:1px #625a30 solid; line-height:30px; border-bottom:1px #625a30 solid; color:#3b3c3c; font-size:11px; font-family:'Dotum' } 







	/*상단메뉴*/
	#topMenu {position:relative; float:left; margin-left:240px;font-family: 'Nanum Square'; }
	#topMenu li.menu_list{display:inline-block; padding:0 26px; position:relative; text-align:center; }
	#topMenu li.menu_list a.depth_link {display:block; font-size:18px; font-weight:bold; color:#222; line-height:78px; position:relative; letter-spacing:-1px;}

	
	#topMenu li.menu_list a.menu_on{text-decoration:underline; }

	#topMenu li div.depth_box {position:absolute; display:none;  top:52px; width:155px; left:-25px; background:#244963;  }
	#topMenu li div.depth_box ul {margin:1px;}
	#topMenu li div.depth_box ul li {font-size:14px; text-align:left;}
	#topMenu li div.depth_box ul li a {display:block; color:#ffffff; padding-left:23px; letter-spacing:-0.5px; line-height:50px; border-bottom:1px #899aa4 solid;}
	#topMenu li div.depth_box ul li a:hover {background:#00b1ff;}
	#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;}



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



	#footerGroup .f_util {text-align:center; background:#fafafa; border-top:1px #e6e6e6 solid; border-bottom:1px #e6e6e6 solid;}
	#footerGroup .f_util li{display:inline-block; margin:0 20px; }
	#footerGroup .f_util li a{padding:0 5px; line-height:32px; display:block;color:#393939; font-size:12px;}



	#footerGroup .footer {padding:10px 0px;  font-size:11px; position:relative;color:#999; text-align:center;}
	#footerGroup .footer span{display:inline-block; padding-right:8px; line-height:16px; vertical-align:middle;}
	#footerGroup .footer .col {line-height:18px; }
	#footerGroup .footer .addres{padding-top:10px;}
	#footerGroup .footer .cf_company{font-size:16px; font-weight:bold; padding:10px 0px; color:#666}


	.s_category {background:#fff; border-bottom:1px #e6e6e6 solid; }
	.s_category ul{overflow:hidden; padding:10px 0px;}
	.s_category li{float:left; margin:0px 0px 5px 8px; }
	.s_category li a{display:block; line-height:25px;  font-size:12px; padding:0 10px; color:#666;  border:1px #ddd solid; border-radius:3px; }
	.s_category li a:hover{background:#ffd400; border-color:#ffd400; color:#222;}




	/*메인프리미엄*/
	.main_premium {padding:40px 0 80px;; }
	.main_premium ul{overflow:hidden;}
	.main_premium ul li{float:left ;width:267px; height:280px; margin:0 8px 9px 0; border:1px #e6e6e6 solid; background:#fff; position:relative; -moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s; }
	.main_premium ul li:nth-child(4n+4) {margin-right:0px;;}
	.main_premium ul li:hover{border-color:#ff7352; -moz-transition: all 0.6s;  -webkit-transition: all 0.6s;  transition: all 0.6s;}
	.main_premium ul li .photo {height:137px; line-height:137px; text-align:Center; overflow:hidden;}
	.main_premium ul li .photo img {vertical-align:middle; max-height:80px;  -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;}
	.main_premium ul li:hover img {-moz-transform: scale(0.80);  -webkit-transform: scale(0.80);  transform: scale(0.80);}
	.main_premium ul li dl {border-top:1px #e6e6e6 solid; padding:10px; letter-spacing:0px;}
	.main_premium ul li dl dt{font-size:17px; font-weight:bold; color:#222; margin-bottom:3px; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;}
	.main_premium ul li dl dd{font-size:12px; line-height:18px; color:#666;}

	.main_premium ul li:hover dl dt a{-moz-transition: all 0.6s;  -webkit-transition: all 0.6s;  transition: all 0.6s;  color:#ff7352}

	.main_premium ul li dl dd.link{ color:#999; font-family:'Dotum'; font-size:11px;margin-top:5px; }
	.main_premium ul li .info {position:absolute; bottom:0px; left:0px;  border-top:1px #e6e6e6 solid;  width:100%; overflow:hidden; padding:5px 0px; font-family:'Dotum';}
	.main_premium ul li .info .cate{float:left; margin-left:10px; padding:0 10px; background:#f1f1f1; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;}
	.main_premium ul li:hover .info .cate{background:#ffa45a; color:#fff; -moz-transition: all 0.6s;  -webkit-transition: all 0.6s;  transition: all 0.6s;}
	.main_premium ul li .info .click{float:right; margin-right:10px;}
	.main_premium ul li .info .click strong{color:#ff7352; text-decoration:underline;}
	.main_premium ul li:last-child{margin-right:0px;}


	/*제휴업체*/
	.alliance_company_box {background:#fafafa; padding:40px 0px; border-top:1px #e6e6e6 solid; border-bottom:1px #e6e6e6 solid;}

	.alliance_company_box ul {overflow:hidden; font-size:0px;}
	.alliance_company_box .c_li {display:inline-block; width:260px; margin:0 20px 10px 0px;   position:relative; background:#fff; border-bottom:1px #ddd solid;}
	.alliance_company_box .c_li:nth-child(4n+4) {margin:10px 0px 0 0;}
		.alliance_company_box .c_li a {display:block;}
	.alliance_company_box .c_li .photo{line-height:200px; overflow:hidden; border:1px #ddd solid; -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box; text-align:center;}
	.alliance_company_box .c_li .photo img {max-width:100%;vertical-align:middle;}

	.alliance_company_box .c_li dl {background:rgba(0,0,0,0.6); font-size:12px; }
	.alliance_company_box .c_li dl dt{font-size:15px; padding:5px 10px 5px; color:#fff; font-weight:bold; letter-spacing:-1px;  }
	.alliance_company_box .c_li dl dd{ padding:0px 10px;  color:rgba(255,255,255,0.6); line-height:18px; padding-bottom:10px; position:relative; }


	/*배너*/
	.common_banner { position:absolute; z-index:99999999999999; width:120px !important; overflow:hidden;}
	.common_banner.left_banner { left:-140px;}
	.common_banner.right_banner { right:-140px;}
	.common_banner ul.cycle-slideshow{position:relative; width:100% !important; z-index:0; overflow:hidden;} 
	.common_banner li.list{width:100% !important; float:left !important; width:120px !important; height:250px !important; overflow:hidden;}
	.common_banner ul.cycle-slideshow img{vertical-align:middle; width:100% !important; height:auto !important;}
	.common_banner .common_pager_box{position:absolute; top:10px; width:100%; z-index:9999999;  text-align:center; cursor:pointer;}
	.common_banner .common_pager_box span{display:inline-block; width:13px; height:13px; border-radius:13px;  background:#ddd; margin:0 3px;}
	.common_banner .common_pager_box span.cycle-pager-active{background:#848486;}


	.common_banner .default_banner .d_list {width:120px !important; height:250px !important; overflow:hidden; margin-bottom:5px;}
	.common_banner .default_banner .d_list img {vertical-align:middle; width:100%; height:auto;}

	
	/*모바일배너*/
	.mobile_banner {display:none;}

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

	

	
		/*팝업*/
		#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;}


		.mobile_app {display:none; position:relative;}
		.mobile_app .bg {vertical-align:top; width:100%; opacity:0.8}
		.mobile_app .btns {text-align:center; position:absolute; right:10px; top:35%;}
		.mobile_app .btns a{display:inline-block; padding:0 10px; background:#000000; line-height:30px; border-radius:5px; }
		.mobile_app .btns a img {width:60px; 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; min-width:100%; padding:10px 0px 15px;}


		.common_title01 {font-size:17px;line-height:22px; margin-bottom:5px;}
		

		/* 로고 */
		#header h1 {float:left; margin:0 0 0 10px}
		#header h1 img {vertical-align:middle; width:120px;}



		/* 상단 오른쪽메뉴 */
		#header .top_util {margin:5px 10px 0px 0px;} 
		#header .top_util li{min-width:50px; letter-spacing:-1px;}  
		#header .top_util li a{ line-height:25px;  font-size:11px; } 
		#header .top_util li.favorite {display:none;} 



		.s_category ul{text-align:center; font-size:0px; overflow:hidden; white-space:nowrap; overflow-x:auto;-webkit-overflow-scrolling:touch; -ms-overflow-style:-ms-autohiding-scrollbar;}
		.s_category li{float:none; display:inline-block; margin:0px 5px;   }
		.s_category li a{line-height:25px; font-size:12px; padding:0 10px;}


		/*메인프리미엄*/
		.main_premium {padding:20px 10px;}
		.main_premium ul{padding:0 0 1px 1px;}
		.main_premium ul li{width:50%; height:200px; margin:0 0 9px 0; -webkit-box-sizing:border-box;    -moz-box-sizing:border-box;    box-sizing:border-box; margin-left:-1px;}
		.main_premium ul li .photo {height:65px; line-height:65px;}
		.main_premium ul li .photo img { max-height:50px;}
		.main_premium ul li dl dt{font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
		.main_premium ul li dl dd{font-size:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}


		
		/*제휴업체*/
		.alliance_company_box {margin:0 10px; border-bottom:0px; padding:20px 0px;}
		.alliance_company_box .c_li {display:inline-block; width:48%; margin:0 1% 2.5% 1%;  min-height:auto;}
		.alliance_company_box .c_li:nth-child(4n+4) {margin:0 1% 2.5% 1%;  }

		.alliance_company_box .c_li dl {min-height:61px;}
		.alliance_company_box .c_li dl dt{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
		.alliance_company_box .c_li dl dd{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

		.alliance_company_box .c_li .photo{line-height:100%;; }




		#boared_info{margin:0 10px;}


		#footerGroup {padding-top:0px; margin:0px;}
		#footerGroup .f_util li{margin:0 5px; }


		#footerGroup .footer {padding:10px 0px;  font-size:11px; position:relative;color:#999; text-align:center;}
		#footerGroup .footer span{line-height:16px; vertical-align:middle;}
		#footerGroup .footer .addres{padding-top:10px;}
		#footerGroup .footer .cf_company{font-size:16px; font-weight:bold; padding:10px 0px; color:#666}
	
		#footerGroup .footer .col {display:none;}


		/*pc배너*/
		.pc_banner {display:none;}

		/*모바일배너*/
		.mobile_banner {display:block; margin:20px 10px 0; position:relative; overflow:hidden;}
		.mobile_banner ul.cycle-slideshow{position:relative; width:100% !important; z-index:0; overflow:hidden;} 
		.mobile_banner li.list{width:100% !important; float:left !important;  overflow:hidden;}
		.mobile_banner ul.cycle-slideshow img{vertical-align:middle; width:100% !important; height:auto !important;}
		.mobile_banner .mobile_pager_box{position:absolute; top:10px; width:100%; z-index:9999999;  text-align:center; cursor:pointer; display:none;}
		.mobile_banner .mobile_pager_box span{display:inline-block; width:13px; height:13px;  background:#ddd; margin:0 3px;}
		.mobile_banner .mobile_pager_box span.cycle-pager-active{background:#848486;}


		.mobile_banner .default_banner .m_list {width:100% !important; overflow:hidden; margin-bottom:5px;}
		.mobile_banner .default_banner .m_list img {vertical-align:middle; width:100%; }


		


	}