@charset "utf-8";

@keyframes rotate360 {
  to { transform: rotate(360deg); }
}
			
.visialcontents { width:100%; float:left; overflow:hidden;position:relative; /*background:red;*/ }
.visual_img { position:relative; top:0; left:0; }
.visual_List li { width:100%; float:left;	height:auto; }
.visual_List li img { width:100%; }
.vi_text { 
	position:absolute;
	top:250px; /* 높이 수정 */
	left:270px;
	font-size:32px;
	color:#000; /* 컬러 수정 */
	letter-spacing:-2px;
}
.vi_text3 { color:#fff !important; }
.btn_visual_detail { 
	position:absolute;
	top:380px; /* 높이 수정 */
	left:270px;
	width:150px;
	height:46px;
	line-height:46px;
	font-size:16px;
	text-align:center;
	color:#000; /* 컬러 수정 */
	border:2px solid #fff;
	border-color:#000;/* border 컬러 수정 */
	letter-spacing:-2px;
}
.btn_visual_detail_w { 
	color:#fff; /* 컬러 수정 */
	border-color:#fff;/* border 컬러 수정 */
}
.visual_blit { 
	position:absolute;
	top:600px;
	left:50%;
	margin-left:-115px;
}
.visual_blitList { float:left; }
.visual_blitList a { 
	width:24px;
	float:left;
	margin-top:-6px; 
	margin-right:5px;
	text-align:center;
}
.visual_blitList ul li { 
	width:12px;
	height:12px;
	float:left; 
	margin-right:1em;
	background:#fff;
	border-radius:50%;
	position:relative;
}

.visual_blitList ul li.on { background:#f63358; }

.visual_blitList .onShow {display:none; position:absolute; top:-80px; left:-90px; width:189px; height:69px; padding:0 0 15px 0; z-index:51; padding-bottom:15px; background:url('../img/main/bg_ban_big_over.png') 0 0 no-repeat}
.visual_blitList .onShow img {margin-top:1px;}
							
.blind { display:none; }
/* 기존
.btn_visual { width:100%;	position:absolute; top:227px; }
.btn_vi_prev { float:left; }
.btn_vi_next { float:right; } 
*/
/* 변경 2019-01-24 */
.btn_vi_prev { position:absolute; top:227px; left:0; }
.btn_vi_next { position:absolute; top:227px; right:0; } 



/* 메인컨텐츠 */
.maincontents { width:1240px; margin:0 auto; min-width:1240px; }
.m_contents { width:100%; float:left; /*background-color:yellow;*/ }
.m_quickmenu { width:100%; float:left; border-bottom:1px solid #d8d8d8; }
/*
.m_quickmenu li { 
	width:206px;
	float:left; 
	height:160px;  
	background:url(/img/main/bg_border.gif) no-repeat center right;
	text-align:center;
}
*/
.m_quickmenu li { 
	width:247px;
	float:left; 
	height:160px;  
	background:url(/img/main/bg_border.gif) no-repeat center right;
	text-align:center;
}
.m_contents li.last { background:none; border:none; }
.m_quickmenu li a { display:inline-block;	margin-top:50px; vertical-align:middle; }
.m_quickmenu li a span { 
	width:100%; 
	float:left; 
	margin-top:1em; 
	vertical-align:text-bottom; 
}
.recommand { 
	width:100%;
	float:left;
	padding:2.5em 0;
	border-bottom:1px solid #d8d8d8;
}
h4.m_recomTitle { 
	font-size:25px;
	color:#3f5364;
	letter-spacing:-1px;
	margin-left:15px;
}
h4.m_recomTitle span { margin-left:5px; font-size:16px; color:#1e1e1e; letter-spacing:-1px; }
.recommand ul li { 
	position:relative;
	width:33.3%; 
	float:left;
	height:250px;
	background:url(/img/main/bg_border_long.gif) no-repeat center right;
}
.recommand ul li img { float:right; margin-right:1px; margin-top:2em; }

.m_icons li { background-image:none !important; }
.m_ico.ico_skt, .m_ico.ico_lguplus { 
	display:inline-block;
	width:60px;
	height:25px;
	line-height:25px;
	margin:50px 0 0 20px;
	font-size:15px;
	border-radius:3px;
	text-align:center;
	color:#fff !important;
}
.m_ico.ico_skt { background-color:#f65d00; }
.m_ico.ico_lguplus { background-color:#e20989; }
.m_ico_rate { 
	display:inline-block;
	clear:both;
	padding:2px 6px;
	border-radius:3px;
}
.m_mobile_info { display:block; position:relative; top:60px; }
.m_mobile_info p { display:inline-block; margin:50px 0 0 20px; }
.m_mbi_info { position:absolute; top:30px; left:20px; }
.m_mbi_info dt { font-size:25px; letter-spacing:-1px; }
.m_mbi_info dd { font-size:23px; letter-spacing:-1px; color:#f33232; }
.m_mbi_info dd b { font-size:30px; }

.ico_ect { position:absolute; bottom:0; right:20px; }

.m_recom_rate { background-color:#fcfcfc; }
.m_recom_rate .m_mobile_info { top:0; }
.m_recom_rate dt { vertical-align:0; }
.m_recom_rate span { color:#474747; font-size:15px; margin-left:10px; }

.basic_useInfo { 
	width:100%;
	float:left;
	height:auto;
	margin:100px 0 0 20px;
}
.recommand .basic_useInfo li {
	width:30% !important;
	height:140px;
	background-image:none;
	/*background:red;*/ 
	margin-right:1px;
	text-align:center !important; 
}
.recommand .basic_useInfo li span { 
	clear:both;
	width:100%;
	float:left; 
	margin:0;
	font-size:18px;
	text-align:center !important; 
	letter-spacing:-1px;
}
.recommand .basic_useInfo li span b { font-size:20px; }
.recommand .basic_useInfo li p { clear:both; display:inline-block; }
.mainBanner { 
	width:100%; 
	float:left; 
	/*border-top:1px solid #e8e8e8; */
	border-bottom:1px solid #e8e8e8;
}
.mainBanner ul li { float:left; }
.m_bestitem { width:100%; float:left; padding:2.5em 0 5em 0; }

.m_bestitem .m_recomTitle { display:inline-block; }
.btn_linkList { 
	width:80px;
	float:right;
	margin-right:15px;
	height:32px;
	line-height:32px; 
	background:#fff;
	border:1px solid #c6c6c6;
	border-radius:3px;
	text-align:center;
	color:#7f7f7f;
}
.m_bestitemList { width:100%; float:left; margin-top:2em; }
.m_bestitemList ul li { 
	width:25%; 
	float:left;
	margin-bottom:2.5em;
	height:383px;
	position:relative;
}
span.m_be_img { 
	display:block; 
	width:155px; 
	height:267px; 
	margin:0 auto; 
	margin-top:25px;
	text-align:center; 
}
.m_be_img img { display:block; width:100%; }
.m_bestName { width:100%; float:left; background:#fff; }
.m_bestName p { text-align:center; letter-spacing:-1px; font-size:20px; }
.m_b_itemName { width:100%; float:left; font-size:20px; }
.m_b_m_price { color:#f33232; }
.m_b_m_price b { font-size:22px !important; }

.m_bestitemList ul li a .m_bestit { display:none; }

.m_bestitemList ul li a:hover .m_bestit { 
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:88888;
	width:310px;
	height:383px;
	background-color:rgba(0, 0, 0, 0.7);
}
.m_bestitHover { 
	width:310px;
	height:383px;
	margin:0 auto;
	text-align:center !important;
	margin-top:120px;
}
.m_bestit .m_b_itemName, .m_bestit .m_b_m_price { color:#fff;	font-size:22px; }
.btn_mb_li_detail { 
	display:inline-block;
	width:150px;
	height:40px;
	margin-top:10px;
	border:2px solid #fff;
	text-align:center;
	line-height:40px;
	color:#fff;
}

/* 메인 공지사항 */
.main_notice { 
	width:100%; 
	float:left; 
	padding:20px 0;
	border-bottom:1px solid #ddd;
	margin-bottom:100px; 
}
.main_notice dl { width:100%; float:left; }
.main_notice dl dt {
	width:20%;
	float:left;
	margin-top:3px;
}
.main_notice dl dt img { margin-left:30px; }
.main_notice dl dt span {
	margin-left:5px;
	font-size:20px;
	letter-spacing:-1px;
	vertical-align:-4px;
	color:#3f5364;
}
.main_notice dl dd {
	width:80%;
	float:right;
	margin-top:5px;
}
.main_notice dl dd ul {
	width:90%;
	float:left;
}
.main_notice dl dd ul li {
	width:100%;
	float:left;
	font-size:18px;
}
.main_notice dl dd ul li a {
	display:block;
	overflow:hidden; 
  text-overflow:ellipsis;
  white-space:nowrap; 
}
.btn_m_more {
	float:right;
	margin-right:30px;
}



@media screen and (max-width:1280px) { 
	
	/* main */
	/* main visual */
	.vi_text { top:220px; left:190px; }
	.btn_visual_detail { top:320px; left:190px; }
	.visual_blit { top:430px;	}
	.btn_visual { top:145px; }
	
	/* 스크롤 배너 */
	.quickBanner { display:none; }
}