@charset "utf-8"; 

@import url("common.css");
@import url("board.css"); 
@import url("contents.css"); 
@import url("button.css");
@import url("swiper.min.css"); 
@import url("bootstrapCustom.css"); 

/* Layout */
#wrap { position:relative; width:100%;  min-width:320px; /*max-width:1200px;*/ margin:0 auto;}
#popup_wrap { position:relative; width:100%;  }
#main_container { width:100%;  }
#main_container .container_in { position:relative; max-width:60rem;min-height:600px; margin:3.5rem auto 0; padding:2.5rem 0;background:#fff;}
.body_bg {
    position: fixed;
    top: 0;
    right: 0;
    background: rgba(0,0,0,0.7);
    width: 100%;
    z-index: 10;
}



#container { position:relative;max-width:60rem; margin:0 auto; }
#container_in { position:relative;  min-height:500px;margin:15px auto; }
#container #leftcolumn { width:15%; position:relative; float:left;  padding-bottom:50px; margin-right:0; }
#container #rightcolumn { width: 73%; float: left; padding-bottom: 40px; margin-left: 5%;}
#footer { clear:both; width:auto; margin:0 auto; color:#c9c9c9; border-top:1px solid #ddd;  background:#101d39; padding:20px 0;}
#play{float:left;display:inline;display:block;width:188px;margin-left:12px;margin-top:40px;}
#quick{position:absolute; top:0; right:0;width:70px;}
#quick .quick_body li{clear:both;margin-bottom:1px;}

#content { display:inline;width:100%;  float:left; margin:0;  padding:0 0 0 0; }
.content_in { clear:both; width:100%; /*font-size:12px;*/ color:#4a4a4a; text-align:justify; min-height:500px; padding-top:30px; }

#sub_visual{height:150px;background:#f5f5f5; margin-top:90px;}

/*************** Header ****************/
/*헤더기본형 시작*/

#header { width:100%;max-width:980px;height:168px; position:relative;  margin:0 auto; }
#header h1 { text-align:center;}
#header h1 a{ display:block;width:200px;height:50px;line-height:50px; font-size:18px;} 

#gnb { position:relative; width:980px; }
#gnb .gnb { position:absolute; top:0; right:0; width:auto; height:24px; }
#gnb .gnb li { float:left;  padding:0 18px; line-height:24px;background:#d1372d;border-left:1px solid #fff; }
#gnb .gnb li a { font-size:11px; color:#fff; }

#gnb .global { position:absolute; top:43px; right:0; }
#gnb .global li { float:left; padding:0 10px; }
#gnb .global li.last { padding-right:0; background:none; }
#gnb .global li a { font-size:12px; color:#000; }
#gnb .global li a:hover { color:#a50e23; }
#gnb .top_banner { position:absolute; top:1px; left:0; }

#lnb {position:absolute; top:88px; left:0; width:980px; height:83px; overflow:hidden;} 
#lnb .depth01 { height:45px;  width:100%;background:#f8f8f8; }
#lnb .depth01 > li { float: left;  margin-right:0; }
#lnb .depth01 > li > a{line-height:45px;display:block;padding:0 40px;  font-size:12px;color:#000;}
#lnb .depth02 { position: absolute;width:auto; top:45px; left: 0; font-size: 12px;  line-height: 22px; visibility: hidden;  }
#lnb .depth02 > li { margin:0 10px 0 0; padding:8px 0 0;float: left; display: inline;}
#lnb .depth02 > li > a { color: blue; white-space: nowrap; padding: 0 3px 0 8px; }
#lnb li ul li a:hover, #lnb li ul li a:active, #lnb li ul li a:focus,
#lnb li ul li.current a { color: #3e3e3e !important; }
#Lm1 { left: 20px !important; }
#Lm2 { left: 210px !important; }
#Lm3 { left: 410px !important; }
#Lm4 { left: 610px !important; }
#Lm5 { left: 250px !important; }
#Lm6 { left: 120px !important; }

/*헤더 기본 스타일 끝*/

/*헤더DropDown  스타일 시작*/

#header1 {position: fixed; width: 100%; height: 4.5rem; margin: 0 auto; z-index: 10; top: 0;  left: 0; background: #fff; border-bottom: 1px solid #b4b4b4;}
#header1 .header_wrap {max-width: 1200px; height:100%; margin: 0 auto; position: relative; }
#header1 h1 { text-align:center;padding-top: 0.75rem;}
#header1 h1 a{ display:block; } 
#header1 .main_mene {position:absolute; top:20px; right:0; display:block;} 

#header1 .m_menu {float: right;	padding-right:15px;}
#header1 .m_btn {width: 46px;  height: 46px;    display: block;}
#header1 .m_btn img {padding-left: 23px;  padding-top: 16px;}


#gnb1 { position:absolute; top:30px; right:0;  }
#gnb1 .gnb { /*position:absolute; top:0; right:0; width:auto; height:24px;*/ }
#gnb1 .gnb li { float:left;  padding:0 18px; line-height:24px;background:#4e5787;border-left:1px solid #fff; }
#gnb1 .gnb li a { font-size:11px; color:#fff; }

#gnb1 .global {/* position:absolute; top:43px; right:0; */}
#gnb1 .global li { float:left; padding:0 10px; }
#gnb1 .global li.last { padding-right:0; background:none; }
#gnb1 .global li a { font-size:12px; color:#000; }
#gnb1 .global li a:hover { color:#a50e23; }
#gnb1 .top_banner { position:absolute; top:1px; left:0; }

#lnb1 {position: absolute; top: 12px; right: 180px; width: 846px; overflow:hidden;} 
#lnb1 .depth01 { height:45px;  width:100%; }
#lnb1 .depth01 > li { float: left;  margin-right:0; }
#lnb1 .depth01 > li > a{ display: block; line-height: 75px; padding: 0 8px; font-size: 20px; color: #a2a2a2; margin: 0 40px;}
#lnb1 .depth01 > li > a:hover { color:#000; border-bottom:3px solid #2d2d2d;}
#lnb1 .depth01 > li.current > a { border-bottom: 3px solid #de2d23;}
#lnb1 .depth02 { 
    width: auto;
    white-space: nowrap;
    position: absolute;
    top: 90px;
    left: 0;
    z-index: 10;
    padding-top: 0; 
} 

#lnb1 .depth02 > li > a { color: #cccccc; white-space: nowrap;  font-size:14px; line-height:26px;}
#lnb1 li ul li a:hover, #lnb1 li ul li a:active, #lnb1 li ul li a:focus,
#lnb1 li ul li.current a { color: #000000 !important; }

#Lm11 { left: 46px !important; }
#Lm12 { left: 217px !important; }
#Lm13 { left: 387px !important; }
#Lm14 { left: 521px !important; }
#Lm15 { left: 671px !important; }
#Lm16 { left: 120px !important; }

span.navispace { padding: 0 10px;}

/*DropDown 헤더 스타일 끝*/



.left_search { margin-top:17px; margin-bottom:30px; }
.left_search input { vertical-align:middle; }
.left_search input.w128 { border:1px solid #c7c7c7; background:#f8f8f8; width:118px; height:20px; padding:0 5px; color:#b8b8b8; font-size:11px; }
.left_banner { clear:both; width:100%; display:inline-block; margin-bottom:15px; }
.left_banner li { float:left; }
.left_sns { clear:both; width:100%; }
.left_sns p.txt { width:158px; border:1px solid #dfdfdf; border-top:none !important; padding:10px; color:#000; font-size:11px; }
.left_sns p.txt img { width:159px; height:81px; margin:5px 0; }

/*************** SNB *******************/
#snb_tit { width:180px; height:50px; top:0; left:0;background:#444444; }
#snb_tit p { text-align:center; line-height:50px;color:#fff;font-size:18px;}
#snb { position:relative; width:180px; }
#snb ul { width:180px; margin:0 auto;border-bottom:1px solid #dfdfdf; }
#snb li { }
#snb li a { border-top:1px solid #dfdfdf; line-height:33px; display:block; overflow:hidden; white-space:nowrap; padding:0 0 0 10px; font-size:13px; color:#202020; }
#snb li a:hover, #snb li a:active, #snb li a:focus,
#snb li.current a { color:#000; font-weight:600; }

#snb .dep3 { width:100%; padding:10px 0 10px 0;border-top:1px solid #dfdfdf;border-bottom:none !important;background:#f8f8f8; }
#snb .dep3 li {border-top:none !important;border-bottom:none !important;}
#snb .dep3 li a {border-top:none !important;border-bottom:none !important; line-height:22px; background:none; padding:0 0 0 20px; font-size:11px; color:#555;}
#snb .dep3 li a:hover, #snb .dep3 li a:active, #snb .dep3 li a:focus,
#snb .dep3 li.current a {border-top:none;color:#005aad; font-weight:600; }

/* locaticon */
.location { position:relative;  border-bottom:2px solid #e5e5e5;}
.location fieldset { position:relative; padding:15px 0;;}
.location .location_tit { float:left; }
.location .location_tit p { font-size:22px; font-weight:600; color:#262626; }
.location .location_txt { float:right;}
.location .location_txt p { text-align:right; font-size:12px; color:#404040; }
.location .location_txt span { font-weight:600; }

/*************** Footer ****************/
.ftbody { position:relative; width:100%; margin:0 auto 0; display:block; overflow:hidden; }
.ftbody .ftmenu { display:inline-block; width:100%;  border-bottom: 1px solid rgba(255,255, 255, 0.12); background:#101d39;}
.ftbody .ftmenu .ftmenu_wrap{position:relative;max-width:1200px; margin: 0 auto;}
.ftbody .ftmenu .ftmenu_wrap .f_link li { float:left;  height:74px; line-height:74px; font-size:14px; }
.ftbody .ftmenu .ftmenu_wrap .f_link li a {position:relative; margin-right: 18px; color:#fff; } 
.ftbody .ftmenu .ftmenu_wrap .f_link a:before {
    content: '';
    display: block;
    background: #eee;
    width: 1px; height: 18px;
    position: absolute; top: 0; left: -10px;
}
.ftbody .ftmenu .ftmenu_wrap .f_link li:first-child a:before { background: none;} 

.ftbody .ftcopy{background:#404a61;}
.ftbody .ftcopy_wrap{max-width:1200px; margin: 0 auto 0; 	padding:30px 0}
.ftbody .ftcopy .ftlogo { float:left; width:195px; padding-top:10px; }
.ftbody .ftcopy .copyright { float:left; width:530px; }
.ftbody .ftcopy .copyright p { clear:both; clear: both; color: #fff; line-height: 22px; font-size: 13px;  font-family: 'NotoDL';}
.ftbody .ftcopy .copyright p.copy{color:#b8bdc8;}
.ftbody .ftcopy .ftbanner { float:right; width:145px; overflow:hidden; }
.ftbody .ftcopy .ftbanner .jCarouselLite li { display:inline; }
.ftbody .ftcopy .ftbanner .jCarouselLite img { width:143px; height:41px; border:1px solid #cecece; }
.ftbody .ftcopy .ftbanner ul { width:100%; display:inline-block; margin-top:2px; }
.ftbody .ftcopy .ftbanner ul li { float:left; }
.ftbody .ftcopy .ftbanner ul li.all { float:right; }

.family_site{	position:absolute; top:12px;right:0;}
.select_ty1 { 
	min-width:230px;
	height:36px; line-height:36px;
   padding:0 15px;
	border:1px solid #a2a2a2;
	background-color: #fff;
	background-image:url("/inc/img/common/bul_sell_arrow.png");
	background-repeat:no-repeat;
	background-position: 90% 50%;
	font-size:15px; color:#483131;  
}

 .family_site  .site_move{  
	display:inline-block;
	height:36px; line-height:36px;
	margin-left: -1px;
    padding:0 15px;
	background:#606377; 
	color:#fff;  
	vertical-align:middle;
} 


/* all banner */
#all_banner { display:none; position:absolute; border:2px solid #ccc; overflow:hidden; background:#fff; z-index:99999; }
#all_banner .all_banner_box { width:976px; height:auto; }
#all_banner .all_banner_in { padding:20px; width:880px; margin:0 auto; }
#all_banner .all_banner_in ul { display:inline-block; clear:both; width:100%; margin-bottom:10px; }
#all_banner .all_banner_in li { float:left; margin:10px 10px; }
#all_banner .all_banner_in li img { width:143px; height:41px; border:1px solid #cecece; }
#all_banner .close_btn { position:absolute; top:0; right:0; }


#loading{position:relative;width:100%;height:100% !important;}
#loading .loadingBg{position:fixed; top:0; left:0;width:100%;background:#000; height:100% !important;z-index:100000;filter:alpha(opacity=30);opacity:0.3;}
#loading .loading_img{position:fixed;top:50%;left:50%;width:310px;height:150px;margin:-130px 0 0 -155px;z-index:1000000;}


/***************max-width: 1119px*******************/ 
@media screen and (max-width: 1119px){    
	#wrap {position: relative; width: 100%; min-width: 100%; }
	#content {display: inline; float: none; margin: 0;    padding: 0 0 0 0;}

	 

	.mobile_body_bg {
		position: fixed;
		top: 0;
		right: 0;
		background: rgba(0,0,0,0.7);
		width: 100%;
		z-index: 10;
	}

	#lnbMobile {
		position: fixed;
		top: 0;
		width: 250px;
		right: -250px;
		height: 67px;
		overflow: hidden;
		background: #de2d23;
		z-index: 11;
		display: none;
		overflow-y: auto;
	}

	#lnbMobile.lnbShow {display:block;	}
	.mobileShow {display:block;	}

	#lnbMobile .depth01 { height:45px;  width:100%; font-size:12px; }
	#lnbMobile .depth01 > li {	border-bottom: 1px solid #ed4141;}
	#lnbMobile .depth01 > li > a{	display:block;line-height:45px;	padding:0 40px;color:#fff;}
	#lnbMobile .depth01 > li > a:hover {color:#000; }
	#lnbMobile .depth02 {  
		font-size: 1.125em;
		font-weight: normal;
		overflow: hidden;
		line-height: 22px;
		visibility: hidden;
		display: none;
		background: #fff;  
		color: #fff;
	}
	#lnbMobile .depth02 > li {
		margin: 0 0 0 0;
		width: 100%;
		border-bottom: 1px solid #eee;
	}
	#lnbMobile .depth02 > li:last-child {
		border-bottom:none;
	}
	#lnbMobile .depth02 > li > a {  
		color: #5c10f2;
		white-space: nowrap; 
		letter-spacing: -0.03em; 
		line-height: normal; 
		padding: 14px 14px 14px 15px;
		display:block;
	}
	#lnbMobile li ul li a:hover, #lnbMobile li ul li a:active, #lnbMobile li ul li a:focus,
	#lnbMobile li ul li.current a { color: #3e3e3e !important; }
	/*슬라이드형 헤더 스타일 끝*/
	.lnb_menu {position:relative;background:#fff;height:46px;} 

	.m_close{display:block; position:absolute; top:4px; right:12px; color:#333; width:40px; height:40px; cursor:pointer; text-indent:-9999px;}
    .m_close:after, .m_close:before{content:""; display:block; width:20px; height:2px; background:#000; border-radius:4px; position:absolute; top:20px; left:10px;}
    .m_close:before{transform:rotate(45deg)}
    .m_close:after{transform:rotate(135deg);}

	#container { position: relative;  max-width: 100%;  margin: 0 auto;}
	#container #rightcolumn {width: 100%;float: none; padding-bottom: 40px;    margin-left: 0;}
	.ftbody .ftmenu .ftmenu_wrap {width:100%; max-width: 100%; margin: 0 auto;}
	.ctn_img{width:100%;}

	.ftbody .ftmenu ul.f_link  {width: 92%; margin: 0 auto; text-align:center;}
	.ftbody .ftmenu .ftmenu_wrap .f_link li{ float:none; display:inline-block;}
	.family_site {position: static; text-align: center; padding: 10px 0 18px 0;}
	.select_ty1 {min-width: 80%;}  
	.ftbody .ftcopy_wrap { text-align: center;}
	.ftbody .ftcopy .ftlogo {float: none;width: 195px;margin:0 auto;padding-bottom:20px;}
	.ftbody .ftcopy .copyright {float: none;width: 100%; 	}


}


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

	

	 
	



}