@charset 'utf-8';

.main_slider_wrap ul.main_slider li {  text-align:center; position:relative; height:inherit; min-height:500px;}
.main_slider_wrap ul.main_slider li p.btn_more { position:absolute; bottom:70px; left:50%; margin-left:-139px; }
.main_slider_wrap .bx-viewport {height:auto !important;}
.main_slider_wrap .bx-wrapper { margin:0 auto; }
.main_slider_wrap .bx-wrapper img { display:inline; width:100%; }
.main_slider_wrap .bx-wrapper .bx-pager { padding-top:0; position:absolute; left:50%; bottom:10px; width:50%; margin-left:-25%; }
.main_slider_wrap .bx-wrapper .bx-pager.bx-default-pager a { width:13px; height:13px; background:url('../img/main/vb_pager_off.png') 0 0 no-repeat; }
.main_slider_wrap .bx-wrapper .bx-pager.bx-default-pager a:hover,
.main_slider_wrap .bx-wrapper .bx-pager.bx-default-pager a.active { background:url('../img/main/vb_pager_on.png') 0 0 no-repeat; }
.main_slider_wrap iframe{ width:100% !important; height:inherit; min-height:500px; }
.main_slider_wrap .bx-wrapper .bx-controls-direction a { z-index:3; }
.main_slider { overflow:hidden; height:inherit; }
.play_btn { position:absolute; z-index:9999; left:0%; top:0%; height:100%; width:100%; opacity:0;  background:red ; border: 0; }
.pause_btn { display:none; position:absolute; z-index:888; left:0%; top:0%; height:100%; width:100%; opacity:0;  background:red ; border: 0; }

.main_news_wrap ul li.homeshopping { background:url('../img/main/main_news_bg1.jpg') 0 0 repeat; padding-left:30px; position:relative; height:100px; overflow:hidden; }
.main_news_wrap ul li.notice { background:url('../img/main/main_news_bg2.jpg') 0 0 repeat; padding-left:30px; position:relative; }

.main_news_wrap ul li.homeshopping dl {  display:flex; flex-direction:column; justify-content:center; word-break:break-all; padding-top:40px; }
.main_news_wrap ul li.homeshopping dl:after { content:""; display:block; clear:both; }
.main_news_wrap ul li.homeshopping dl dt, .homeshopping_more dl dt { width:80%; margin-bottom:10px; font-weight:bold; color:#df3243; font-size:20px;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main_news_wrap ul li.homeshopping dl dd, .homeshopping_more dl dd { width:80%; font-size:15px; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.main_news_wrap ul li.homeshopping dl dd a, .homeshopping_more dl dd a {font-size:20px; color:#333; font-weight:bold; }
.main_news_wrap ul li.homeshopping dl dd a span, .homeshopping_more dl dd a span {font-size:15px; color:#666; font-weight:normal; }

.homeshopping_more { overflow:hidden; display:none; width:100%; background:url('../img/main/main_news_bg3.jpg') 0 0 repeat; }
.homeshopping_more dl { display:flex; flex-direction:column; justify-content:center; overflow:hidden; padding:0 0 0 30px; height:70px; word-break:break-all; } 
.homeshopping_more dl dt { margin-bottom:10px; }
/* .main_news_wrap dl.tv dt { background:url('../img/main/icon_tv.png') 0 60% no-repeat; } */
/* .main_news_wrap dl.ad dt { background:url('../img/main/icon_ad.png') 0 64% no-repeat;} */
/* .main_news_wrap dl.etc dt { background:url('../img/main/icon_etc.png') 0 64% no-repeat; } */

.main_news_wrap ul li.homeshopping p.btn_more { position:absolute; right:3%; top:13%; width:10% }

.main_news_wrap ul li.notice dl {  display:flex; flex-direction:column; justify-content:center; height:70px; }
.main_news_wrap ul li.notice dl:after { content:""; display:block; clear:both; }
.main_news_wrap ul li.notice dl dt { margin-bottom:10px; color:#Fff; font-size:15px; width:80%; }
.main_news_wrap ul li.notice dl dd { width:80%; }
.main_news_wrap ul li.notice dl dd a { padding-bottom:5px; font-size:20px; color:#fff; display:block; width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
p.btn_more { position:absolute; right:3%; top:20px; width:10%; }


/* main_intro01 */
.main_intro01 { background:#fff; position:relative; text-align:center; }

/* main_intro02 */
.main_intro02 { background:#000; position:relative; text-align:center; }

/* main_tab_section */
.main_tab_section { background:#fff; position:relative; text-align:center; }
section.main_tab_section { background:#fff; text-align:center; position:relative; }
section.main_tab_section .main_tab {overflow:hidden; padding-bottom:12%; }
section.main_tab_section .main_tab li {width:50%;  background:#666; float:left; position:relative; }
section.main_tab_section .main_tab li span { display:none; position:absolute; left:50%; margin-left:-16px; bottom:-16px; }
section.main_tab_section ul.main_tab a { font-size:26px; display:block; color:#fff; line-height:300%; }
section.main_tab_section ul.main_tab a.selected { background:#df3243; }

section.main_tab_section ul.main_tab_panel p.btn_product_menu { font-size:18px; min-width:60%; line-height:1.4; position:relative; margin:1% auto 15% auto; padding:7px 40px 7px 20px; border:2px solid #df3243; color:#fff; display:inline-block; }
section.main_tab_section ul.main_tab_panel p.btn_product_menu a { display:block; color:#df3243; font-weight:bold; }
section.main_tab_section ul.main_tab_panel p.btn_product_menu span { float:right; margin-right:6%; width:5%; position:absolute; right:0; top:50%; margin-top:-9px; }
section.main_tab_section ul.main_tab_panel p.btn_product_menu span img { vertical-align:middle; }

section.main_tab_section ul.main_tab_panel > li {margin:0 auto; width:80%;  }
section.main_tab_section ul.main_tab_panel li > ul.pro_list { margin-left:-20px; overflow:hidden; }
section.main_tab_section ul.main_tab_panel li#tab1  ul.pro_list li { float:left;  margin-right:20px; background:url('../img/main/m_main_proslide_bg.jpg') 0 0 no-repeat; background-size:100%; }
section.main_tab_section ul.main_tab_panel li#tab1  ul li dl {width:100%;  margin:0 auto; }
section.main_tab_section ul.main_tab_panel li#tab1  ul li dl dt{ width:80%; margin:0 auto; padding:7% 0 5% 0; }
section.main_tab_section ul.main_tab_panel li#tab1  ul li dl dt img{ width:70%; margin:0 auto;}
section.main_tab_section ul.main_tab_panel li#tab1  ul li dl dd {padding-bottom:30%;}
section.main_tab_section ul.main_tab_panel li#tab1  ul li dl dd p { margin-bottom:10px; }
section.main_tab_section ul.main_tab_panel li#tab1  ul li dl dd p.name { font-size:20px; font-weight:bold; }
section.main_tab_section ul.main_tab_panel li#tab1  ul li dl dd p.price { font-size:20px; color:#df3243; font-weight:bold; }
 
p.btn_link { font-size:16px; margin:0 auto; width:35%; line-height:200%; background:#df3443;  }
p.btn_link a{ display:block; color:#fff; }

section.main_tab_section ul.main_tab_panel li#tab2 .store_tab { overflow:hidden; position:relative;  }

section.main_tab_section ul.main_tab_panel li#tab2 .store_tab li.store_tab1 a{ border:1px solid #d0d0d0; border-right:0; border-bottom:2px solid #000; }
section.main_tab_section ul.main_tab_panel li#tab2 .store_tab li.store_tab2 a{ border:1px solid #d0d0d0; border-left:0; border-bottom:2px solid #000; }
section.main_tab_section ul.main_tab_panel li#tab2 .store_tab li  { font-size:18px;  color:#222; float:left; width:50%; height:58px; }
section.main_tab_section ul.main_tab_panel li#tab2 .store_tab li a { height:90%; display: -webkit-flex; display:flex; align-items: center; justify-content: center; }
section.main_tab_section ul.main_tab_panel li#tab2 .store_tab li a.selected { height:91.7%; border:2px solid #333; border-bottom:0; }

section.main_tab_section ul.main_tab_panel li#tab2 .store_tab_panel > li { margin:0 auto; width:81%; }
section.main_tab_section ul.main_tab_panel li#tab2 .store_tab_panel > li ul { margin-top:40px; overflow:hidden; }
section.main_tab_section ul.main_tab_panel li#tab2 .store_tab_panel > li ul li { position:relative; border:1px solid #ddd; box-sizing:border-box; padding-bottom:20px; margin-bottom:4%; min-height:370px; }
section.main_tab_section ul.main_tab_panel li#tab2 .store_tab_panel > li ul li dl { font-size:20px; text-align:left;padding:20px;}
section.main_tab_section ul.main_tab_panel li#tab2 .store_tab_panel > li ul li dl:after { clear:both; display:block; content:''; }
section.main_tab_section ul.main_tab_panel li#tab2 .store_tab_panel > li ul li dl dt { float:left;  clear:both; font-weight:bold; margin-bottom:10px;}
section.main_tab_section ul.main_tab_panel li#tab2 .store_tab_panel > li ul li dl dt.add { letter-spacing:1.1px; }
section.main_tab_section ul.main_tab_panel li#tab2 .store_tab_panel > li ul li dl dt.tel { letter-spacing:0.8px; }
section.main_tab_section ul.main_tab_panel li#tab2 .store_tab_panel > li ul li dl dd { float:left; width:65%; line-height:200%;  margin:-2.5% 0 5% 0; }

p.store_tab_title{ position:relative; padding:5% 5%; text-align:left; background:#f8f8f8; color:#333; border-bottom:1px solid #ddd;font-size:18px; line-height:200%; font-weight:bold; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
p.online_tab_title{ text-align:center; background:#f8f8f8; color:#333; border-bottom:1px solid #ddd;font-size:20px; line-height:280%; font-weight:bold; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding:0 10px; }
p.store_tab_title span{ min-width:22%; position:absolute; left:6%; bottom:-5px; color:#777; font-size:10px; }
p.store_tab_title img{ width:100%;  vertical-align:middle;}
p.store_tab_img { padding:20px;}
p.store_tab_img img { width:100%; }

/* 슬라이드 컨트롤 세부설정 */ 
#tab1 .bx-wrapper { width:80%; }
ul.main_tab_panel .bx-wrapper div.bx-controls-direction a { width:14%; height:16%; z-index:1; top:45%; }
ul.main_tab_panel .bx-wrapper div.bx-controls-direction .bx-prev {left:-20%; background: url('../img/main/slide_btn_prev.png') no-repeat;  background-size:100%; }
ul.main_tab_panel .bx-wrapper div.bx-controls-direction .bx-next {right:-20%; background: url('../img/main/slide_btn_next.png') no-repeat;  background-size:100%; } 


ul.store_tab_panel .bx-wrapper .bx-viewport { height:auto !important; }

/* SNS_tab */
section.sns_wrap { text-align:center; width:80%; margin:0 auto; padding:10% 0; }
.sns_tab {overflow:hidden;  margin:0 auto; background:#f8f8f8;  border:1px solid #eee; border-bottom:0px; }
.sns_tab li {width:33.3%;  float:left; position:relative; padding:3% 0; }
.sns_tab li a i img { vertical-align:middle; width:40%; }
.sns_tab li span { display:none; width:100%; position:absolute; bottom:0; }
.sns_tab .blog span {border-bottom:2px solid #26cd08;}
.sns_tab .fb { width:33.4%; }
.sns_tab .fb span {border-bottom:2px solid #4266b2 ;}
.sns_tab .fb a i img { width:66%; }
.sns_tab .yt span {border-bottom:2px solid #e62117; }
.sns_tab a { display:block; color:#fff; line-height:300%; }
.sns_tab a.selected {  }
.sns_tab_panel{ overflow:hidden; border:1px solid #eee; }
.sns_tab_panel li ul {height:200px; overflow-y:hidden;}
.sns_tab_panel li ul li { overflow:hidden; padding:0 5%; }
.sns_tab_panel li ul li dl { overflow:hidden; text-align:left;padding:5% 0; border-bottom:1px dashed #eee; }
.sns_tab_panel li ul li dl dt { float:left; width:30%; }
.sns_tab_panel li ul li dl dt img { width:100%; }
.sns_tab_panel li ul li dl dd { float:left; width:65%; margin-left:5%; }
.sns_tab_panel li ul li dl p { margin-top:1%; }
p.title { font-weight:bold; font-size:22px; color:#333; }
p.time { font-size:20px; color:#808080; text-align:center; }
p.text { font-size:20px; color:#333; line-height:150%;}

.sns_video { padding:5%; overflow:hidden; }
.sns_video p { margin-bottom:5%; }
.sns_video p.title {float:left;}
.sns_video p.time {float:right;}

/*공통요소*/
.tab_title { font-size:28px;  letter-spacing:5px; }
p.title_sub { font-size:50px; line-height:130%; margin:8% 0 12% 0; font-family:'nss', HelveticaNeue, DroidSans, Sans-serif, Helvetica;}
p.title_sub span { color:#df3243; font-family:'nss', HelveticaNeue, DroidSans, Sans-serif, Helvetica;}

/*메인 리뉴얼 끝*/


/* 영상 영역 */
.main_movie_section { background:#000; }
section.main_movie_section video { margin:0 auto; width:100%; }
.main_movie_wrap { height:0; padding:0 0 56.3% 0; position:relative; }
.main_movie_wrap iframe { position:absolute; left:0; top:0; }

.main_intro_inner img {width:100%;}

.rolling_ul { position:relative; overflow:hidden; }
.rolling_ul li { position:relative; }
.rolling_ul li  dl { margin-top:0 !important; overflow:hidden; }

#popup{ left:50%; 
    position: absolute;
    top: 30%;
	width:90%;
    background: #fff;
    z-index: 5;
	margin-left:-45%;
 display:none;
}
#popup img { width:100%; }
.popup_btn_zone {width:40px; height:40px; background:#fff; opacity:0; filter:alpha(opacity=0); display:block;  overflow:hidden; position:absolute; right:0; top:0;}
.popup_btn_zone a {display:block; width:100%; height:100%; text-indent:-9999em;}
#popup .more_btn { text-align:right; padding:5px 5px;}

.slide_txt_wrap { position:absolute; bottom:11%; left:0; width:100%; }
.slide_txt { display:table; font-size:20px; line-height:22px; color:#ffffff; margin:0 auto; padding:0 10%; word-break:break-word; }

/*반응형 시작*/
@media screen and (max-width:620px) {
	.main_slider_wrap ul.main_slider li p.btn_more { width:40%; margin-left:-20%; bottom:9%; }
	.sns_slider_wrap dl dd a.btn_sns { width:10%; }
	
	section.main_tab_section ul.main_tab a { font-size:20px; }
	p.tab_title { font-size:20px; }
	p.title_sub { font-size:35px; }
	section.main_tab_section ul.main_tab_panel li#tab1 ul li dl dd p.name { font-size:18px; }
	section.main_tab_section ul.main_tab_panel li#tab1 ul li dl dd p.price { font-size:18px; }
	p.btn_link { font-size:14px; }
	section.main_tab_section ul.main_tab_panel p.btn_product_menu { font-size:14px; }

	p.store_tab_title { font-size:20px; }
	
	section.main_tab_section ul.main_tab_panel li#tab2 .store_tab_panel li ul li { min-height:320px; }
	section.main_tab_section ul.main_tab_panel li#tab2 .store_tab_panel li ul li dl { font-size:17px; }
	section.main_tab_section ul.main_tab_panel li#tab2 .store_tab_panel li ul li dl dt.add { letter-spacing:0.8px; }
	section.main_tab_section ul.main_tab_panel li#tab2 .store_tab_panel li ul li dl dt.tel { letter-spacing:0.6px; }
	
	.sns_tab_panel  p.title { font-size:20px; }
	.sns_tab_panel  p.time { font-size:18px; }
	.sns_tab_panel  p.text { font-size:18px; }
	
	.main_news_wrap ul li.homeshopping dl dt, .homeshopping_more dl dt { font-size:18px; }
	.main_news_wrap ul li.homeshopping dl dd a, .homeshopping_more dl dd a {font-size:18px; }
	.main_news_wrap ul li.homeshopping dl dd a span, .homeshopping_more dl dd a span {font-size:15px; }

	.main_news_wrap dl.tv dt { background-size:30px;}
	.main_news_wrap dl.ad dt { background-size:32px;}
	.main_news_wrap dl.etc dt { background-size:32px;}
}
@media screen and (max-width:560px) {

	.main_news_wrap ul li.homeshopping dl dd a span, .homeshopping_more dl dd a span {font-size:13px; }

	.main_news_wrap dl.tv dt { background-size:20px;}
	.main_news_wrap dl.ad dt { background-size:22px;}
	.main_news_wrap dl.etc dt { background-size:22px;}
}

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

	
	.main_news_wrap ul li.notice { background-size:auto 70px; }


	.main_news_wrap ul li.notice p.btn_more,.main_news_wrap ul li.homeshopping p.btn_more { width:35px; top:18px; }
	
	.main_news_wrap ul li.notice dl dd a { font-size:16px; }

	.new_products_wrap p.btn_prev { position:absolute; left:20px; width:20px; top:50%; margin-top:-25px; }
	.new_products_wrap p.btn_next { position:absolute; right:20px; width:20px; top:50%; margin-top:-25px; }

	.sns_wrap { padding:30px; }

	.sns_slider_wrap dd p.date { font-size:12px; }
	.sns_slider_wrap dd p.title { font-size:16px; }
	.sns_slider_wrap dd p.cont { font-size:14px; }
	.sns_slider_wrap dl dd { padding:20px; }
	.sns_slider_wrap dl dd a.btn_sns { width:30px; right:20px; top:20px; }
	.sns_slider_wrap dd p.go_btn { width:40%; }

	.sns_slider_wrap dd ul.txt_list li span { font-size:12px; }
	.sns_slider_wrap dd ul.txt_list li a { font-size:14px; }
	
	section.main_tab_section ul.main_tab a { font-size:15px; }
	p.tab_title { font-size:15px; }
	p.title_sub { font-size:30px; }
	section.main_tab_section ul.main_tab_panel li#tab1 ul li dl dd p.name { font-size:15px; }
	section.main_tab_section ul.main_tab_panel li#tab1 ul li dl dd p.price { font-size:15px; }
	p.btn_link { font-size:12px; }
	section.main_tab_section ul.main_tab_panel p.btn_product_menu { font-size:12px; }

	p.store_tab_title { font-size:16px; }
	section.main_tab_section ul.main_tab_panel li#tab2 .store_tab_panel li ul li { min-height:270px; }
	section.main_tab_section ul.main_tab_panel li#tab2 .store_tab_panel li ul li dl { font-size:13px; }
	section.main_tab_section ul.main_tab_panel li#tab2 .store_tab_panel li ul li dl dt.add { letter-spacing:0.6px; }
	section.main_tab_section ul.main_tab_panel li#tab2 .store_tab_panel li ul li dl dt.tel { letter-spacing:0.5px; }
	
	.sns_tab_panel  p.title { font-size:16px; }
	.sns_tab_panel  p.time { font-size:14px; }
	.sns_tab_panel  p.text { font-size:14px; }
	.main_news_wrap ul li.homeshopping dl { line-height:1.2; padding-top:0; height:70px; }
	.main_news_wrap ul li.homeshopping dl dt,
	.homeshopping_more dl dt { font-size:15px; }
	.main_news_wrap ul li.homeshopping dl dd a,
	.homeshopping_more dl dd a { font-size:16px; vertical-align:middle; }
	.main_news_wrap ul li.homeshopping dl dd a span, .homeshopping_more dl dd a span {font-size:10px; }

	.main_news_wrap ul li.homeshopping { height:70px; }
	
	.main_news_wrap dl.tv dt { background-size:18px;}
	.main_news_wrap dl.ad dt { background-size:20px;}
	.main_news_wrap dl.etc dt { background-size:20px;}
}



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

	section.main_tab_section ul.main_tab a { font-size:15px; }
	p.tab_title { font-size:15px; }
	p.title_sub { font-size:30px; }
	section.main_tab_section ul.main_tab_panel li#tab1 ul li dl dd p.name { font-size:15px; }
	section.main_tab_section ul.main_tab_panel li#tab1 ul li dl dd p.price { font-size:15px; }
	p.btn_link { font-size:12px; }
	section.main_tab_section ul.main_tab_panel p.btn_product_menu { font-size:12px; }

	p.store_tab_title { font-size:15px; }
	section.main_tab_section ul.main_tab_panel li#tab2 .store_tab_panel li ul li { min-height:220px; }
	section.main_tab_section ul.main_tab_panel li#tab2 .store_tab_panel li ul li dl { font-size:12px; }
	section.main_tab_section ul.main_tab_panel li#tab2 .store_tab_panel li ul li dl dt.add { letter-spacing:0.6px; }
	section.main_tab_section ul.main_tab_panel li#tab2 .store_tab_panel li ul li dl dt.tel { letter-spacing:0.5px; }
	
	.sns_tab_panel  p.title { font-size:14px; }
	.sns_tab_panel  p.time { font-size:12px; }
	.sns_tab_panel  p.text { font-size:12px; }


	.main_news_wrap dl.tv dt { background-size:15px;}
	.main_news_wrap dl.ad dt { background-size:17px;}
	.main_news_wrap dl.etc dt { background-size:17px;}

}

@media screen and (max-width:360px) {
	section.main_tab_section ul.main_tab_panel li#tab2 .store_tab_panel li ul li dl { font-size:11px; }
	section.main_tab_section ul.main_tab_panel li#tab2 .store_tab_panel li ul li dl dt.add { letter-spacing:0.5px; }
	section.main_tab_section ul.main_tab_panel li#tab2 .store_tab_panel li ul li dl dt.tel { letter-spacing:0.4px; }


	.sns_tab_panel  p.title { font-size:12px; }
	.sns_tab_panel  p.time { font-size:11px; }
	.sns_tab_panel  p.text { font-size:11px; }

	.main_news_wrap dl.tv dt { background-size:15px;}
	.main_news_wrap dl.ad dt { background-size:17px;}
	.main_news_wrap dl.etc dt { background-size:17px;}

}