@charset "utf-8";											  


a,
.language button{color:#666;text-decoration:none;}
.clearBoth{position:relative;*zoom:1;}
.clearBoth:after{content:"";display:block;clear:both;}
.xe{position:relative;z-index:1;background:#fff;max-width:1920px;}
.site_wid{margin:0 auto; padding:0;position:relative;}

/* 레이아웃 형태 */		  
.ce .cont_warp{padding:0 300px 0 0;}
.ec .cont_warp{padding:0 0 50px 300px;}
.ec .e1{float:left;margin-right:-260px;left:-300px;display:block;}
.ce .e1{float:right;margin-left:-260px;right:-300px;display:block;}		   
.e1 {width:260px;position:relative;}	   

/* -- 헤더 -- */
.header{z-index:5;position:relative;top:0;left:0;width:100%;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.3);box-shadow:0 1px 3px rgba(0,0,0,0.3);}		
.header a{text-decoration:none;}
.header h1 a{display:inline-block;}
.header img{vertical-align:middle;}
.header ul,
.gnb ul{list-style:none;margin:0;padding:0;zoom:1; }			  

/* 로고 */							   
.header h1{margin:0;padding:0;z-index:2;text-align:center;}
.header h1.large_logo{position:relative;padding:15px 0;}
.header ul:after{content:"";display:block;clear:both}
.header h1 *,	  
.gnb *{vertical-align:middle; }					

/*  전체메뉴 */
.bt_menu_all{position:relative;width:25px;height:3px;padding-top:20px;display:inline-block;overflow:hidden;z-index:9px; right:23px; top: 26px;}	                    /* 전체메뉴 버튼 */				
.bt_menu_all_ko{background:url(img/bt_menu_all.png) no-repeat left -25px; }			 
.bt_menu_all:hover {opacity: 0.6;}		  

.bt_all_x{background-position:left top}

.menu_all{opacity:0.9;filter:alpha(opacity=90);background-image:url(img/cell_bg_all.png); position:absolute;left:0;width:100%;z-index:9999;display:none; }	     /* 전체 메뉴보기 높이 */
.menu_all ul{list-style:none;}
.menu_align{margin:0 auto !important;}
.menu_all_1st{float:left;width:}
.menu_all_1st div{border-left:1px dotted #7c7c7c; padding:30px 0 25px 15px;*height:200px;min-height:200px;}			                                                             /* 전체 메뉴보기 세로폭 및 좌측 분리선 라인 */
.menu_all_1st1 div{border:0;}
.menu_all_1st a{color:#e6e6e6;font-size:14px;line-height:34px;transition:all 400ms;-webkit-transition:all 400ms;-moz-transition:all 400ms;-o-transition:all 400ms;-ms-transition:all 400ms;}
.menu_all_1st a:hover{color:#fff;}
.menu_all_1st .menu_all_1st_a{color:#fff; font-size:17px;font-weight:600;line-height:24px; display:inline-block; margin-bottom:6px; padding-bottom:10px;position:relative; border-bottom:1px dotted #a7a7a7; width:90% !important;}		/* 1차 아래 라인  */
.menu_all_1st .menu_all_1st_a:after{content:"";display:block;position:absolute;left:0;bottom:4px; }
.menu_all_1st:hover .menu_all_1st_a:after{}
.menu_all_1st ul ul{padding:0px 0 0px 10px;margin:5px 0 5px 0px}				   
.menu_all_1st ul ul a{color:#e6e6e6;line-height:20px;font-size:13px;}				             /* 3차 폰트   */				  

/*  메인메뉴  */								
.menu_top{white-space:nowrap;position:relative;z-index:3;display:inline-block;*display:inline; }			     /*  Top메뉴 1차  */

.gnb {}
.gnb li.depth1_li{float:left;height:50%; }								                                         /* -- 메뉴 가로간격  -- */
.gnb li.depth1_li1{background:none;}
.gnb li{position:relative; }
.gnb li a{text-decoration:none;}
a.depth1_a{float:left;position:relative;font-size:18px;color:#393939;font-weight:600; }        /* -- 메뉴 1차 폰트 -- */
.active a.depth1_a,
a.depth1_a:hover,
.focus a.depth1_a{color:#00a9d0;}													                         /* -- 메뉴 선택, 롤오버 -- */

.menu_top div.depth2{display:none;}
.menu_top div{position:absolute;left:-5px;top:100%;padding-top:14px;padding-right:10px;background:url(img/space.gif);text-align:left; }		                                /* -- Top메뉴 2차 높이-- */
.menu_top ul{width:170px;padding:0px;background:#fff;display:inline-block; }				                                                                                                        /* -- Top메뉴 2차 테두리 , width -- */
.menu_top ul li{width:100%;*zoom:1;float:left; border:1px solid #ddd; border-bottom:none;background:#fff; }			
.menu_top ul li:last-child {border-bottom:1px solid #ddd;}	

.menu_top ul li.focus li a{background:none;color:#636363;}							                  /* --  3차 -- */
.menu_top ul li.focus a,
.menu_top ul li.focus li.focus a{color:#fff}
.menu_top ul ul{position:absolute;top:0px;left:170px;display:none; }					              /* -- Top메뉴 3차 left -- */
.menu_top ul ul li{}

.menu_top li li a{display:block;padding:2px 10px 2px 10px;line-height:30px;font-size:13px;color:#666;position:relative;overflow:hidden;display:block;white-space:nowrap;text-overflow:ellipsis;}	     /* --  3차 left -- */
.depth2_a i{position:absolute;right:5px;top:10px; }								  

/*  컨텐츠 */
#content{position:relative;z-index:2;padding-bottom:20px;}
.cc #content{padding-top:50px;}
.body{position:relative;z-index:1;zoom:1;}
.body:after{content:"";display:block;clear:both}
.wrap_section{position:relative;}

/* 본문 위젯 */
.wrap_main_widget{position:relative;z-index:1;}
.location_title{position:relative;overflow:hidden;}
.in_location_title{position:absolute;width:1980px;left:50%;margin-left:-990px}
.location_title img{vertical-align:middle;width:100%;}

 /* 서브 비쥬얼  */ 
.location_bg h2{position:absolute;width:100%;height:60px;line-height:56px;top:50%;margin:0;margin-top:-30px;padding:0;text-align:center;font-size:38px;font-weight:400;}   /* --  타이틀 높이 -- */   
.location_bg h2 a{color:#fff;padding:10px 20px;font-weight:600;}                     	   
.location_bg h2:after{}
.middle_style .location_bg h2{top:65%;}
.left_location{position:absolute;width:400px;top:11px;}									                    /* --  전광판 (뉴스티커)  -- */
.wrap_location .notoce_h2{float:left;font-size:13px;font-weight:600;color:#111;margin:0;padding:0 15px 0 0;height:20px;line-height:19px;background:url(img/arrow_b.gif) no-repeat right -30px;}
.notoce_list{height:18px;padding:1px 0;}
.ad_section{text-align:center;position:relative;}
.ad_top{padding-bottom:20px;}
.ad_bottom{padding-top:20px;}
.ad_section iframe{max-width:100%;vertical-align:middle;}		 

/* 서브 비쥬얼 무브 */
.wrap_visual { }
.v_mov {
  animation-name:v_ban;
  -webkit-animation-name:v_ban;
  animation-duration:17s;
  -webkit-animation-duration:17s;
  animation-iteration-count:infinite;
  -webkit-animation-iteration-count:infinite;
  animation-timing-function:linear;
  -webkit-animation-timing-function:linear;
}
@keyframes v_ban {
  0% {
background-position:0 0;
  }

  50% {
background-position:0 100%;
  }

  100% {
background-position:0 0;
  }
}
@-webkit-keyframes v_ban {
  0% {
background-position:0 0;
  }

  50% {
background-position:0 100%;
  }

  100% {
background-position:0 0;
  }
}			


.visual{margin: 0 auto; height:180px; position:relative; z-index:1;	  
background-image:url(img/sub.jpg);
background-repeat:no-repeat;
background-attachment:scroll;
background-size:cover;
background-color:transparent;
background:none\9 !important;
}
.ie_visual{position:absolute;z-index:1;left:0;top:0;width:100% !important; height:180px;display:none;display:block\9;overflow:hidden;text-align:center;}
.ie_visual img{vertical-align:middle;width: 100% !important;}

								
/* 빵메뉴 */
.wrap_location{position:relative;*zoom:1;padding:0 0 10px 0;margin-bottom:20px;border-bottom:1px solid #ddd;height:34px;}
.wrap_location:after{content:"";display:block;clear:both;}
.location{margin:0;padding:0;padding-top:13px;list-style:none;float:right;}
.location li{float:left;padding-left:20px;height:18px;line-height:18px;background:url(img/ico_arrow.gif) no-repeat 8px 7px}
.location li.first_location{background:url(img/ico_home.png) no-repeat 0 5px;}
.location a{text-decoration:none;color:#888;}		   

.location li:last-child {color:#04abd1; font-weight:bold;}  		


/* --- 서브 lnb --- */

.side_title h2{margin:0;line-height:55px;font-size:29px;padding:55px 0 55px 0;font-weight:400;display:block;text-align:center;  background:#fff !important; border:1px solid #e9e9e9;}		   /*  lnb 서브 타이틀 bg  */
.side_title h2.has_span{padding:35px 0 35px 0;line-height:35px;}
.side_title h2 span{display:block;line-height:24px;}
.side_title h2 a{color:#04abd1;position:relative;overflow:hidden;display:block;white-space:nowrap;text-overflow:ellipsis;}		    	   /*  lnb 서브 타이틀 컬러  */
.lnb a{text-decoration:none;}
.lnb img{vertical-align:middle;}
.l_menu{margin:0;padding:0 10px 3px 10px;list-style:none;border:1px solid #e9e9e9;border-top:0;overflow:hidden;}
.l_menu ul{margin:0;padding:0;list-style:none;margin:2px 0 12px 10px;display:none;}
.l_menu .active ul{display:block;}
.l_menu li{border-top:1px solid #e9e9e9;position:relative;}
.l_menu li.l_menu_li1{border:0;}
.l_menu ul li{border:0;}
.l_menu li a{display:block;position:relative;padding:12px 45px 10px 20px;line-height:18px;height:18px;font-size:13px;text-decoration:none;transition:all 300ms;-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;-ms-transition:all 300ms;}
.l_menu ul li a{font-size:13px;padding:2px 0 2px 10px;}
.l_menu li a:hover,
.l_menu li a.active_a,
.l_menu .active i{color:#04abd1; }					                 /*  lnb 오버   */

.l_menu .l_menu_first_a:focus {font-size:14px; }
.l_menu .l_menu_first_a{font-size:14px; }

.l_menu .active .l_menu_first_a{font-weight:600; background:#04abd1; color:#fff !important;}				  /*  lnb 현재 메뉴  */
.in_loc_span{overflow:hidden;display:block;white-space:nowrap;text-overflow:ellipsis;width:100%; }	   

.l_menu .depth2_li {padding:4px 0 4px !important;}					     /*  lnb 3차 메뉴  */

.l_menu i{font-size:10px; }		   

/* 본문 상단 타이틀 */
.container .sub_title {padding:10px 0 30px; margin:0 auto; text-align:center;}
.container .sub_title dt {font-size:34px; line-height:36px; font-weight:500; color:#444444; letter-spacing:-0.025em; margin-bottom:15px;}
.container .sub_title dd {font-size:19px; line-height:22px; font-weight:100; letter-spacing:-0.025em; color:#888888;}

/* 푸터 */
.footer{position:relative;clear:both;z-index:3;background:#f3f3f3;border-top:1px solid #e4e4e4}
.footer a{text-decoration:none;}
.footer img{vertical-align:middle;}
.foot_h{padding:25px 0 25px 0;position:relative;z-index:1;}
.logo_f{float:left;margin:0 30px 0 0px;padding:4px 30px 4px 0;border-right:1px solid #dedede;}
.foot_right{float:left;}

/* 푸터 메뉴 */
.foot_menu * {font-size:13px; }
.foot_menu ul{margin:0;padding:0;list-style:none;display:inline-block;*display:inline;vertical-align:top;}
.foot_menu li{float:left;padding:0 10px 20px 10px;line-height:18px;background: url(img/line_v_foot.gif) no-repeat left 4px;}
.foot_menu li.foot_li1{background:none;padding-left:0;}
.foot_menu li {}

/* 카피라이트 */
.foot_copy{margin:0;padding:0;line-height:22px;color:#959595;font-size:12px;}
.foot_copy span{color:#777;font-weight:bold;}		
																																
/* 패밀리 사이트 */
.foot_fam{position:absolute;height:30px;width:180px;right:0;top:25px;z-index:2; font-size:12px; color:#777777; }
.foot_fam .fam_on{background:url(img/bg_fam.png) no-repeat left top;height:16px;line-height:10px; letter-spacing:1.7px; color:#646464;display:block;padding:9px 20px; text-decoration:none; }	   /* 폰트 */
.position_top .fam_bt {bottom: 30px;}
.in_widget_top{position:relative;z-index:2;background:url(img/bg_map.gif) no-repeat right top;padding-left:2px;}
.fam_bt{margin:0;padding:0;list-style:none;position:absolute;left:0;bottom:29px;width:178px;border:1px solid #ddd;border-bottom:0;display:none;}
.fam_bt li{line-height:20px;background:#fff;padding:4px 10px 4px 20px;border-bottom:1px dotted #ddd;border-top:1px dotted #fff;}
.fam_bt li:hover{background:#f5f5f5}

/* SNS */
.foot_absolute{position:absolute;right:0;top:70px;z-index:1; clear:both;}
.fam_sns{margin:0;padding:0;height:auto;margin-bottom:1px;list-style:none;}
.fam_sns li{float: left; padding:4px 0 0 5px;}
.fam_sns li img{width:33px !important; }
.ds_dw{font-weight:600;color:#555;padding-top:2px;}

/* 모바일 메뉴 */
.m_gnb{display:none;width:100%;left:0;top:0;z-index:6;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.3);box-shadow:0 1px 3px rgba(0,0,0,0.3);}	

.m_gnb h1 {position:relative;text-align:center;margin:0 50px;height:32px;}			     	/*  top:9px; 삭제 모바일 로고 영역 */	  
.m_gnb h1 img{vertical-align:top;height:32px;max-width:100%;}
.m_gnb .menu_m{position:absolute}
.m_gnb .menu_m img{width:100%;}
.m_gnb .menu_m_on{top:28px;left:13px;height:24px;width:24px; }			                /* 모바일 메뉴 열기 버튼 */
.m_gnb .menu_m_sch{top:27px;right:13px;height:24px;width:24px;}									

/* 모바일 좌측 메뉴 */
.m_menu_left{position:fixed;top:0;left:0;width:100%;height:100%;background:url(img/cell_bg_mob.png);display:none;z-index:5;}			  /* 모바일 메뉴 외부 영역 */
.m_menu_on{position:fixed;width:0;overflow:hidden;height:100%;left:0;top:0;z-index:10000;white-space:nowrap;}
.mm_search_menu{position:fixed;width:0;overflow:hidden;height:100%;right:0;top:0;bottom:0;z-index:10000;white-space:nowrap;background:#f9f9f9;}
.top-mm-menu{padding-right:10px;position:relative;height:44px;background:#edeeee;border-bottom:1px solid #c8c7cc}
.top_login{margin:0;padding:7px 0 0 6px;list-style:none;min-width:200px;}
.top_login li{float:left;padding:0 5px;}
.top_login a{height:24px;line-height:24px;padding:3px 10px 2px 10px;display:inline-block;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:#fff;border:1px solid #b5b5b5;}
.top_login a.login_A{;color:#fff;border:1px solid rgba(0,0,0,0.2);}

.in_mobile_act{display:block;color:#fff;text-decoration:none;font-weight:bold;font-size:16px;text-align:center;left:auto;right:10px;top:12px;text-indent:-9999px;overflow:hidden;background:url(img/close.png) no-repeat 50% 50%;background-size:17px;}
.mobile_search{display:block;color:#fff;text-decoration:none;font-weight:bold;font-size:16px;text-align:center;left:12px;text-indent:-9999px;overflow:hidden;background:url(img/close.png) no-repeat 50% 50%;background-size:17px;}
#mob-menu{display:block;padding:0;width:270px;overflow:auto;background:#fff;top:0px;bottom:0;position:absolute;box-sizing:border-box;-webkit-overflow-scrolling:touch;}		 /* 모바일 메뉴 가로폭 */
.mob_li{margin:0;padding:0;list-style:none;border-bottom:1px solid #fff;}
.mob_li-li{border-bottom:1px solid #ddd;position:relative}
.mob_li-li_last{border:0;}
.mob_h{display:inline-block;font-size:15px;text-align:left; padding:12px 14px; line-height:24px;}	   /* 1차 메뉴 세로폭 */
.mob_h i{padding-right:5px;position:relative;top:1px;}
.mob_li ul{margin:0;padding:0;list-style:none;}
.mob_li a{text-decoration:none;}
.mob_li ul{display:none;background:#f2f2f2;padding:5px 0;border-top:1px solid #ddd;border-bottom:0;border-right:0;position:relative;z-index:1;}							/* 보더 라인 컬러 */
.mob_li ul ul{padding:0;display:block;border:0;margin:0 20px 10px 25px;}
.mob_li .active  ul{display:block;}
.mob_li ul li{line-height:32px;}
.mob_li ul ul li{line-height:24px;border:0;}
.mob_li ul li a{font-size:15px;padding-left:14px;display:block;padding:3px 0 3px 15px;}
#mob-menu .mob_li ul li li a{color:#777;font-size:13px;padding-left:10px;}
.bt_drop{position:absolute;width:50px;height:50px;border:0;padding:0;margin:0;right:0;top:-1px;cursor:pointer;outline:none;background:none;color:#666 !important;font-size:14px;z-index:2; border-left:1px solid #f0f0f0;}	    /* 드롭다운 버튼 */
.mob_li .hover{background:#f2f2f2;border-left:1px solid #ddd;}
.bt_drop .xi-angle-up{display:none;}
.hover .xi-angle-up{display:block;} 
.hover .xi-angle-down{display:none;} 
#mob-menu a{color:#737373 ;}											  /* 모바일 메뉴 1차 컬러 */
.mob_li ul i{margin-right:5px;position:relative;top:1px;}						   
			   

 /* 모바일 하단 sns */			
 #menu .menu_m_on{position:absolute; top:10px !important; right:0; margin-right:10px; height:30px; width:30px; float:right !important;}	 /* 닫기 버튼 세로위치 */

.sns_m {margin:6px 10px 0px 0;float:right; }
.sns_m li {padding:5px; list-style:none;}
.sns_m li a {padding:0px 4px 4px 4px; float:right; }
.sns_m li a i:hover{color:#ffa0a0;}



/* 모바일 검색창 , 로그인 bg컬러 */
#menu .m_search{clear:both;background-color:#f7f7f7; width: 110%; border: 1px solid #e1e1e1;}
#menu .m_search .m_sch {padding: 4px 4px 4px 4px; margin: 10px 5px 10px 10px;width: 75%;color: #898989; background:#fff;border: 1px solid #e1e1e1; }		  /* 검색창 전 */

#menu .m_menu {height:auto;  list-style:none; border-top: 1px solid #e1e1e1; width: 110%;}
#menu .m_menu a i{top:0px;font-size:16px;}
#menu .m_menu a{display: table-cell;padding:15px 0; width:1%;text-align:center; color:#8d8d8d;border-right:1px solid #ddd;border-bottom:0px solid #ddd;}
#menu .m_menu a:last-child{border-right:0;}
#menu .m_menu a:hover{color:#ffa0a0;}

.m_search button:hover {color: #ffa0a0; background-color:transparent !important;}
.m_search button {color: #8d8d8d;}		



/* 스트롤 Top up */

#top_up {bottom:20px;right:22px;opacity:0.7;filter:alpha(opacity=70);width:46px;height:46px;background-color:#6faa43;background-image:url(img/top_up.png);background-repeat:no-repeat;background-position:50% 50%;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;}

#mob-menu a.active_a {color:#000; }	   /* 모바일 선택 메뉴 컬러 */ 		


@media screen and (max-width:1270px){
.site_wid{max-width:1001px}
.left_location{width:300px;}

}

@media screen and (max-width:1023px){

.xe{padding-top:0px; }											  /* xestyle 모바일 z-index값 조절위한 position:fix 삭제  */

.ce .cont_warp,
.ec .cont_warp{padding:0 !important;}
.ec .e1,
.ce .e1{display:none;}
.site_wid{max-width:768px}
.foot_h{padding-top:20px !important;padding-bottom:20px !important;}

.visual{height:120px;}

.logo_f,		
.header{display:none;}

.location_bg h2{height:50px;line-height:50px;top:50%;margin-top:-25px;font-size:18px;font-weight:normal}
.location_bg h2 a{padding:15px 15px;}
.location_bg h2:after{height:2px;top:40px;}
.footer{padding:0 10px;}
.foot_right{float:none;}
.foot_fam{position:relative;right:auto;padding-top:10px;top:0;}
.foot_absolute{position:relative;padding-top:10px;top:0;text-align:left;z-index:1;}
.fam_sns li{padding:8px 4px 0 0; }
.footer ul{margin-left:-1px;overflow: hidden;}
.foot_menu li{padding-bottom:10px;left:-2px;position:relative;}
.foot_menu li.foot_li1{padding-left:2px;}
}

@media screen and (max-width:768px){
.wrap_location{padding:0 5px 10px 0;}
}
@media screen and (max-width:767px){

}
@media screen and (max-width:730px){
.ad_top{top:-20px;margin-bottom:-20px;}
.left_location{display:none;}								/* 전광판 */

}



@media screen and (max-width:375px){
.location_li3{display:none}
.xm .btn-group>.btn {padding: 0 3px !important;}
.xe .xm .signin{width:auto;margin:20px 5px}
}

@media screen and (max-width:320px){
.header h1 *{vertical-align:top;}
.header h1 img{max-width:200px;}
.location_li2{display:none;}

}

@media screen and (max-width:580px){	
.main_img01 img{height:307px !important; width:260px !important;}		/* 프로모션 */

}