/* 모바일 좌측 메뉴 */


/* CSS 리셋
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;			   

	list-style:none;
}		  */


#mob-menu ul{						/* 모바일 메뉴 홈 프로필 로그아웃*/
	margin:0;
	padding:0;
	border:0;
	list-style:none;
}					  

.header_top_middle p {			/* gnb 세로폭 */
	margin:0;
	padding:0;
	border:0;   	
}					

.head_navi ul{						/* top 메뉴 좌측 간격  */
	margin:0;
	padding:0;
	border:0;	
}









/*floatBox 해제*/
.floatBox:after	{content:"";display:block;clear:both;}
.floatBox	{*zoom:1;}
.float01	{float:left;}
.float02	{float:right;} 


/* 폰트어썸 */  					
.fa18{font-size:18px; position:relative; top:1px !important; left:2px !important; color:#6f6f6f;}				 /* 공지사항 */



/* 컨텐츠 박스 */
section.cont_warp {width:1700px; min-width:260px; margin:30px auto 0; position:relative; padding:30px 0 0px 0;} 
section.cont_warp:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
section.cont_warp 	.main_img01	img	{width:100%; height:632px;}
section.cont_warp 	.main_img01	{width:536px;  }
.nain_tyoe01	{width:260px;z-index:999; overflow:hidden; }
.nain_tyoe02	{width:260px;z-index:999; overflow:hidden;}


		  
/* 공지사항 */	 
.m_notice {background:transparent; width:260px; height:200px;position:relative;}				 /* 높이 */
.m_notice	h2	{font-size:20px;line-height:100%;color:#333;}
.m_notice	ul	{margin-top:15px;}
.m_notice	ul	li	{background:none; margin-bottom:15px;position:relative;line-height:100%;}
.m_notice	ul	li	span	{display:block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.m_notice	ul	li	a	{font-size:14px;color:#777;line-height:100%;}
.m_notice	ul	li	img.new_icon	{position:absolute;right:0;top:0;}	
.m_notice	p	{position:absolute;right:0;top:0px;}
.m_notice	p	a	{display:block;padding:3px 7px;background:#dcd0bf;color:#333;font-weight:600;font-size:11px;}




/*메인_header */
div.gnb_w {z-index:9999; background:transparent; width:100%; }
div.gnb_w header { max-width:1700px;margin:0 auto;position:relative; }
div.gnb_w header:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
div.gnb_w h1 {float:left; }

div.gnb_w nav {float:left;width:850px;z-index:99;position:relative;}
div.gnb_w nav > ul {float:left; margin-top:30px;}			


div.gnb_right	{position:absolute; right:0; }			    				 /* ★★  */
div.gnb_right ul {float:left;}
div.gnb_right ul li {background:url("gnb_gap.gif") left 2px no-repeat; padding:0 6px;float:left;}
div.gnb_right ul li:first-child {background:none;padding-left:3px;}
div.gnb_right ul li a {display:inline-block; color:#999; font-size:11px;}
div.gnb_right ul li a:hover {text-decoration:underline;}			




/************************** tablets default (768px) ******************************/
@media screen and (min-width:768px) and (max-width:1280px) {		
}


/************************** mobile default (320px) ******************************/
@media screen and (max-width:767px) {

section.navi {top:0;}
section.cont_warp 	.main_img01	img {width:100%;}
}


/************************** size etc ******************************/
@media screen and (min-width:1420px) and (max-width:1700px) {
section.cont_warp {width:1414px !important;margin:40px auto 0px auto;min-height:848px;}
}

@media screen and (min-width:1230px) and (max-width:1400px) {
section.cont_warp {width:1128px !important;margin:40px auto 0px auto;}
}
@media screen and (min-width:850px) and (max-width:1200px) {
section.cont_warp {width:842px; margin:40px auto 0px auto;}

}
@media screen and (min-width:557px) and (max-width:800px) {


section.cont_warp {width:557px; height:2160px;margin:40px auto 0px auto;}

}
@media screen and (max-width:556px) {
section.cont_warp {width:260px; height:3240px;margin:40px auto 0px auto;}
section.cont_warp 	.main_img01	{width:260px;}
#touchSlider1 { width:260px; height:307px;margin:0 auto; background:#ccc; position:relative; overflow:hidden; }
#touchSlider1 ul { width:99999px;position:absolute; top:0; left:0; overflow:hidden; }
#touchSlider1 ul li { float:left; width:100%;  background:#9C9; font-size:14px; color:#fff; }

}								   					   



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

div.gnb_w {background-image:none; background-color:#333;}
div.gnb_w {display:none;}	


.mobile_heder{display:block;} 	   						 /* 모바일 top메뉴 */		


}


/************************** tablets default (768px) ******************************/
@media screen and (max-width:1023px){		  

div.gnb_right	{right:100px;}		 	

}				




.mob_li-li button:hover,
.mob_li-li button:focus {background-color: #fff !important; border:1px solid #ddd; }   /* input 버튼 롤오버 컬러 풋터 고객지원버튼 적용, 모바일 드롭다운 버튼 배경 컬러 및 보드 컬러 삭제시 파렛컬러 적용 */	


.m_menu_left, .m_menu_left2 {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, .m_menu_on2 {position:fixed;width:0;overflow:hidden;height:100%; left:0;top:0;z-index:10000;white-space:nowrap;background:#f9f9f9 !important; }
.mm_search_menu{position:fixed;width:0;overflow:hidden;height:100%; right:0;top:0;bottom:0;z-index:10000;white-space:nowrap;}
.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; height:auto; 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, #menu .menu_m_on2 {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 {font-size:13px; padding: 6px 4px 6px 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;}