@import url(/css/style.css);
@import url(/css/webfont.css);

.main_car	{position:absolute;top:100px;left:0;	width:816px;height:390px;	padding:15px 0 0 160px;	background:#fff;	border:2px solid #e12a2b;	overflow:hidden;}

.main_tab	{ position:absolute; left:1px; top:101px; width:127px; padding:0 0 15px 0; z-index:10; }
.main_tab li { font-size:0; }
.main_tab li a	{display:block; height:67px; padding:0; background:#e12a2b; border-bottom:1px solid #fff; font-family:Noto Sans KR, dotum; letter-spacing:-0.05em;font-size:14px;text-align:center;font-weight:400; color:#666666; }
.main_tab li.on a	{ background-position:-130px 0 !important; }
.main_tab li a.last	{ height:66px !important; border-bottom:1px solid #e12a2b; }
.main_tab li a.bg1	{ background:url(/images/main/tab_menu1.png) no-repeat #e12a2b; }
.main_tab li a.bg2	{ background:url(/images/main/tab_menu2.png) no-repeat #e12a2b; }
.main_tab li a.bg3	{ background:url(/images/main/tab_menu3.png) no-repeat #e12a2b; }
.main_tab li a.bg4	{ background:url(/images/main/tab_menu4.png) no-repeat #e12a2b; }
.main_tab li a.bg5	{ background:url(/images/main/tab_menu5.png) no-repeat #e12a2b; }
.main_tab li a.bg6	{ background:url(/images/main/tab_menu6.png) no-repeat #e12a2b; }
.main_tab li a span	{ display:none; }

.main_car h3	{ padding:0 0 11px 0; margin:0; }
.main_car h3 a.btn_more	{ position:absolute; height:20px !important; right:55px; top:20px; padding:0 0 0 10px; background:url(/images/main/btn_more.png) no-repeat; font-size:11px; color:#a4a4a4; letter-spacing:-0.15em; font-weight:normal; }
.main_car .tab_layer li	{ position:relative; float:left; width:146px; height:180px; margin:0; border-right:1px solid #fff; color:#c8c8c8; padding:0 13px 0 0; }
.main_car .tab_layer li:nth-child(5n)	{ padding:0!important;}
.main_car .tab_layer li a 	{ display:block; width:146px; }
.main_car .tab_layer li a img	{ width:146px; height:98px !important; }
.main_car .tab_layer li a:hover	{ text-decoration:none; }
.main_car .tab_layer li a:hover .title	{ display:block; position:absolute; left:0; top:0; width:146px; height:63px; padding:35px 0 0 0; background:rgba(0,0,0,.6); color:#fff; font-size:14px; font-weight:bold; text-align:center; z-index:10;}
.main_car .tab_layer li .title	{ display:none; }
.main_car .tab_layer li .title strong	{ color:#fff; font-size:18px; line-height:1.4; }
.main_car .tab_layer li .title span		{ padding:0 4px 0 0; font-weight:normal !important; color:#ccc; }
.main_car .tab_layer li .txt	{ padding:7px 0 24px 2px; font-size:11px; line-height:17px; color:#666; overflow:hidden; }
.main_car .tab_layer li .txt span { display:inline-block; width:48px; color:#999; font-size:11px; letter-spacing:-1px; }
.main_car .tab_layer li .icon_bg1	{ height:14px; width:14px !important; background:#888c93; padding:0; margin:1px 0 0 0; color:#fff !important; text-align:center; line-height:14px; }
.main_car .tab_layer li .icon_bg2	{ height:14px; width:14px !important; background:#e12a2b; padding:0; margin:1px 0 0 5px; color:#fff !important; text-align:center; line-height:14px; }
.main_car .tab_layer li .icon_bg3	{ height:14px; width:14px !important; background:#3495b9; padding:0; margin:1px 0 0 5px; color:#fff !important; text-align:center; line-height:14px; }
.main_car .icon_wrap	{ position:absolute; top:0; left:0; font-size:0; z-index:10; }
.main_car .icon_wrap span	{ display:inline-block; height:15px; padding:7px 8px 0 8px; margin:0 1px 0 0; font-size:11px !important; letter-spacing:-1px; color:#fff !important; text-align:center; line-height:12px; }
.main_car .icon_wrap .icon1	{  background:#e12a2b; }
.main_car .icon_wrap .icon2	{ background:#fd8f0c; }
.main_car .icon_wrap .icon3	{ background:#da5b43; }
.main_car .icon_wrap .icon4	{ background:#8474c7; }
.main_car .clse_tab		{ position:absolute; right:-1px; top:-1px; }


.main_banner { position:relative; width:850px; height:407px; padding:0 0 0 128px; margin:0; overflow:hidden; background:#fff; border:1px solid #e12a2b }
.owl-control { width:850px !important; margin:0; white-space:nowrap; } 
	
.main_count	{ clear:both; position:relative; height:45px; padding:25px 0 0 30px; background:#eeeeee; color:#c5c5c5; line-height:1.1; }	
.main_count span	{ padding:0 8px 0 0; color:#888888; font-weight:bold; letter-spacing:-1px; }
.main_count .small	{ padding:0 0 0 5px !important; font-size:11px; color:#888888; font-weight:normal; }
.main_count strong	{ font-family:Verdana, Geneva, sans-serif; font-size:15px; color:#191919; }
.main_count img	 { position:absolute; right:0; top:0; }

.main_info_wrap	{ display:inline-block; border:1px solid #dddddd; background:#f9f9f9; }
.main_info_wrap .box	{ float:left; position:relative; width:182px; height:205px; margin:0; padding:35px 0 0 143px; }
.main_info_wrap .bg1	{ background:#faf9f7; }	
.main_info_wrap .bg2	{ background:#fff; border-left:1px solid #ededed; border-right:1px solid #ededed; }	
.main_info_wrap a	{ display:inline-block; background:url(/images/main/guide_icon.gif) right 2px no-repeat; padding:0 18px 0 0; color:#888888; letter-spacing:-1px; line-height:20px; }
.main_info_wrap dt	{ padding:20px 0 6px 0; margin:0; }
.main_info_wrap .title	{ position:absolute; left:27px; top:50px; width:90px; height:135px; }
	
.middle_banner	{ padding:25px 0 30px 0; font-size:0; }

.main_community_wrap		{ clear:both; display:inline-block; width:100%; padding:0; border:1px solid #dddddd; font-size:0; }
.main_community_wrap .community	{ float:left; width:265px; margin:0; padding:35px 25px 35px 35px; border-right:1px solid #ededed; }
.main_community_wrap .community2	{ float:left; width:265px; margin:0; padding:35px 25px 35px 35px; }
.main_community_wrap .community h3, .main_community_wrap .community2 h3	{ position:relative; display:block; border-bottom:1px solid #eaeaea; padding:0; margin:0 0 16px 0; }
.main_community_wrap .community h3 a.btn_more, .main_community_wrap .community2 h3 a.btn_more	{ position:absolute; height:20px !important; right:0; top:5px; padding:0 0 0 10px; background:url(/images/main/btn_more.png) no-repeat; font-size:11px; line-height:12px; color:#a4a4a4; letter-spacing:-0.1em; font-weight:normal; text-indent:-10000px; }
.main_community_wrap li a	{ padding:3px 0 0 20px; background:url(/images/main/li_icon.png) no-repeat 2px 7px; color:#777; letter-spacing:-0.1em; line-height:24px; font-size:12px !important; }
.main_community_wrap:after	{ content:""; height:0; font-size:0; line-height:0; padding:0; margin:0; }

.main_community_wrap .guide	{ display:inline-block; width:100%; clear:both; background:#f9f9f9; border-top:1px solid #d2d2d2; }
.main_community_wrap .guide h3	{ float:left; padding:0; margin:0; }
.main_community_wrap .guide h4	{ float:left; display:inline-block; border-right:1px solid #e3e3e3; height:35px; padding:2px 17px 0 38px; margin:25px 17px 0 0; font-size:14px; vertical-align:top; color:#442f33; }
.main_community_wrap .guide ul	{ float:left; display:inline-block; height:40px; padding:27px 0 0 0; vertical-align:top; }
.main_community_wrap .guide li	{ float:left; display:inline-block; float:left; }
.main_community_wrap .guide li a	{ background:none !important; padding:2px 20px 0 0 !important; line-height:20px; white-space:nowrap; color:#666; }
.main_community_wrap .guide li.w135	{ width:135px; }
.main_community_wrap .guide li.clear	{ clear:both; }
.main_community_wrap .guide .w370	{ width:370px; }

.btn_quick_main	{ display:inline-block; width:100%; padding:19px 0 14px 0; }
.btn_quick_main li	{ float:left; width:25%; background:url(/images/main/main_arrow.gif) 93% center no-repeat; }
.btn_quick_main li a	{ display:block; height:31px; padding:10px 0 0 0; text-align:center; border-right:1px solid #e9e9e9; font-size:13px; color:#777777; letter-spacing:-1px; font-family:nanumGothic, µ¸¿ò; line-height:1; }
.btn_quick_main li a strong	{padding-right:5px; font-weight:600; color:#333; font-size:18px; }
.btn_quick_main li a.new { background:url(/images/main/icon_new_blink.gif) no-repeat 185px 15px; }


.topBannerWrap { width:100%; height:150px; background:#fff; }
.topBannerWrap .topBanner { width:980px; padding:0; margin:0 auto; text-align:center; position:relative; }
.topBannerWrap .topBanner a { display:block; position:absolute; top:10px; right:0; }
.topBannerWrap .topBanner > div img {height:150px;}