@charset "utf-8";

/*상단 배너*/
.m-top-banner {width:100%; position:relative; text-align:center; background:#ffcc51;}
.m-top-banner img {max-width:100%; display:block; margin:0 auto; }
.m-top-banner span {position:absolute; width:30px; height:30px; top:50%; margin-top:-15px; right:5%; }
.m-top-banner span:after {width:30px; height:2px; background:#222; position:absolute; content:''; transform:rotate(45deg); top:15px; left:10px;}
.m-top-banner span:before {width:30px; height:2px; background:#222; position:absolute; content:''; transform:rotate(-45deg); top:15px; left:10px;}

/*상단 바로가기 메뉴*/
.hd-top {width:100%;}
.hd-top ul{width:100%; clear:both; overflow:hidden;}
.hd-top li {float:left; width:20%; text-decoration: none; text-align:center; height:30px; background:#f1f1f1;}
.hd-top li a { color:#666;font-size:0.9em; line-height:30px; }

/*토글메뉴 햄버거*/
.m-left-menu {position:absolute; width:25px; height:20px; top:60%; margin-top:-15px; right:5%; border-top: 1px solid #222; left:10px;}
.m-left-menu:after {width:25px; height:1px; background:#222; position:absolute; content:'';  top:8px; left:0px;}
.m-left-menu:before {width:25px; height:1px; background:#222; position:absolute; content:'';  top:18px; left:0px;}

/*검색 돋보기*/
#sch_btn img{ max-width:100%;}

/*메인비주얼*/
.main-visual {position: relative; overflow: hidden; width: 100%; text-align:center;}
.main-visual .img_align {
position: relative;	
left: 50%;
float: left;
margin-left: -50%;
width: 100%;		
}
.main-visual .img_align li {display:block;}
.main-visual .img_align li p{position:absolute; top:210px; left:50%; margin-left:-560px; color:#fff;}

.main-visual .visual-text {
position: absolute;
left: 0; top: 200px; z-index: 990;
width: 100%;
height:220px;
text-align: center;	
}
.main-visual .visual-text > p {font-size: 22px; color: #fff;}
.main-visual .visual-text > p:first-child {margin-bottom: 30px; line-height: 52px; font-weight: bold; font-size: 39px;}

#mv_prev, 
#mv_next {
position: absolute;
top: 45%; z-index: 9990;
margin-top: -33px;	
display: inline-block;	
width: 60px; height: 60px; 
background-repeat: no-repeat;
background-position: 0 0;
font-size: 0;
}
#mv_prev {left: 50px; background-image: url(../images/arrow_prev.png);} 
#mv_next {right:50px; background-image: url(../images/arrow_next.png); } 
#mv_prev a, 
#mv_next a {display: block; height: 66px;  font-family: 'nanumsquare';}

.page_util {
position: absolute;
top:90%;
margin-top:-7px;
margin:0 auto;
z-index: 990;
text-align: left;
font-size: 0;
}
.page_util > span {display: inline-block;  vertical-align: middle;}
#mv_pager .bx-pager-item {display: inline-block; margin: 0 7px; } 
#mv_pager{ padding:0px 7px;} 
#mv_pager  a{font-size:13px; color:#666; text-decoration:none;line-height:13px; }
#mv_pager .bx-pager-item .bx-pager-link {
display: inline-block; background:rgba(0,0,0,0.5); border-radius:50%; font-size:0;
width: 15px; height: 15px; line-height: 15px;
}
#mv_pager .bx-pager-item .bx-pager-link.active {width:45px; height:15px; background:#000; border-radius:20px;}
.bx-controls-auto-item a {
display: inline-block; 
width: 13px; height: 28px; 
line-height: 28px;
background-repeat: no-repeat;
background-position: center center;	

}
#mv_control { }
.bx-controls-auto-item .bx-stop {background: url('../img/stop.png') center no-repeat;}
.bx-controls-auto-item .bx-start {background: url('../img/play.png') center no-repeat;}
.img_align .bx-caption { position:absolute; top:200px; left:50%; margin-left:-560px;width:100%; }
.img_align .bx-caption span { color:#fff; font-family: 'nanumsquare'; display:block; font-size:60px;font-weight:10; padding:10px; }
.img_align .bx-caption span p {font-size:35px;font-weight:10; padding:10px;}

/*메인비주얼 아래 배너*/
.m-mid-banner {width:90%; margin:auto 5%; margin-top:5%;text-align:center;}
.m-mid-banner a {width:100%; display:block; margin-top:2%;}
.m-mid-banner a img {max-width:100%;}


/*베스트상품 아래 배너*/
.m-mid-banner-2 {width:90%; margin:5% 5%; display: inline-block;text-align:center;}
.m-mid-banner-2 a {width:49%; display:block; float:left;}
.m-mid-banner-2 a:first-child {margin-right:2%;}
.m-mid-banner-2 a img {max-width:100%;}

/*추천상품 위 배너*/
.m-mid-banner-3 {width:100%; margin-top:5%;overflow: hidden;text-align:center;}
.m-mid-banner-3 a {width:100%; height:100%; display:block; }
.m-mid-banner-3 a img {max-width:100%; display:block; margin:0 auto;}

/*카카오톡 배너*/
.m-mid-banner-4 {width:100%; margin-top:5%;overflow: hidden;text-align:center; background:#f7de00;}
.m-mid-banner-4 a {width:100%; height:100%; display:block; }
.m-mid-banner-4 a img {max-width:100%; display:block; margin:0 auto;}



.f-info {width:100%; border-top:1px solid #ccc; border-bottom:1px solid #ccc; display:inline-block; text-align:left; overflow:hidden;}
.f-info-left{display:block; width:50%; padding:5% 3% 5% 5%; box-sizing:border-box; border-right:1px solid #ccc;float:left;}
.f-info-left img {margin-right:10px;}
.f-info h1 {width:100%; display:block; font-size:0.9em; color:#333333; line-height:30px;font-weight:400;}
.f-info a {width:100%; display:block; font-size:1.3em; color:#000; line-height:30px; font-weight:600;}
.f-info h2 {width:100%; display:block; font-size:0.9em; color:#666; line-height:24px;font-weight:400;}

.f-info-right{display:block; width:50%; padding:5% 3% 5% 5%; box-sizing:border-box; float:left;}
.f-info-right img {margin-right:3px;}


.f-top-menu {width:100%; border-bottom:1px solid #ccc;}
.f-top-menu ul{width:90%; margin:3% 5%;    overflow: hidden;}
.f-top-menu li {width:32%;height:25px; margin-left:2%; float:left; background:#eee;margin-top:1%; margin-bottom:1%;}
.f-top-menu li a{display:block; width:100%; height:100%; font-size:0.9em;  color:#000; height:25px; line-height:25px; margin-top:1%; margin-bottom:1%;}
.f-top-menu li.f-top-menu-mar {margin-left:0;}

.ft-info-link {overflow:hidden;margin-bottom:5px; padding-top:0 !important;}
.ft-info-link a{color:#4a4a4a; float:left; display:block; line-height:26px; margin-right:15px; font-size:1.1em; font-weight:500; }
.nanum { width: 1px; height: 12px; display: inline-block; background: #888; position: relative; top: 1px; margin: 0 5px; }




/*************************리스트페이지*****************************/
.t-count {width:100%; position:relative;display: inline-block; text-align:left; }

.article {width:90%; margin:auto 5%; padding-top:30px;}

 
 iframe {position: relative;
    max-width: 100%;}



 /***************뷰페이지****************/

 .get_item_options laber{ }