@charset "utf-8";

@import url("swiper.css");

#container{margin-top:0;margin-bottom:0;width:100%;overflow:hidden;text-align:center;}
#container_main_inner {width:100%; margin:0 auto;}
#contents_main {width:100%; margin:0 auto;}
#contents_main:after {content:''; display:block; clear:both;}

.main_category{width:184px;margin:0 10px 15px 0;position:relative}
.main_category ul{text-align:left;padding:10px 0}
.main_category ul li{position:relative}
.main_category ul li a{display:block}
.main_category ul li a.text{width:90%;line-height:18px;margin:0 auto}
.main_category ul li a.text:hover{color:#ca1818}
	/* main category child layer */
.main_category ul li .main_category_child{position:absolute;left:174px;top:-9px;background:#fff;width:157px;border:solid 1px #eaeaea;border-left:solid 2px #b34e43;padding:12px 0;z-index:1000;display:none}
.main_category ul li .main_category_child li{padding:0 7px 0 10px}
.main_category ul li .main_category_child li a{padding-left:9px;line-height:16px}
.main_category ul li .main_category_child li.on a{color:#ca1818;background:url(../imgs/icon/tri_ctg_type.gif) left 3px no-repeat}
.main_category ul li .main_category_arrow{position:absolute;left:168px;top:2px;z-index:1001;display:none}

.wrap-main-swiper {width:100%; text-align:center; border-bottom:1px solid #f2f2f2; opacity: 1; position:relative; top:0; visibility: visible; height:100%; overflow:hidden;}
.wrap-main-swiper:after {content:''; display:block; clear:both; }
.swiper_controls:after {content:''; display:block; clear:both; }
.main_login_box {position:relative;}
.main_login_box:after {content:''; display:block; clear:both; }

.area_r {
    float: right;
}
.main_login_box .inner:after {
    display: block;
    content: "";
    clear: both;
}
.main_login_box .inner {
    position: relative;
    width: 1020px;
    margin: 0 auto;
	/*overflow: hidden;*/
}
.box_input .inner_box {
    position: relative;
	min-width: 265px;
    padding: 13px 25px 10px 25px;
    z-index: 20;
	margin:0 auto;
	overflow:hidden;
}
.box_input .tit {
    font-size: 21px;
    font-weight: normal;
    color: #fff;
    letter-spacing: -1px;
	line-height:34px;
}

.box_input_2 {
    position: absolute;
    top: 320px; /*90px;*/
    right: 5px;
/*    margin-top: -50px;*/
    padding-bottom: 0px;
}

.box_input_2 .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 315px;
    height: 100%;
    border-radius: 13px;
    background-color: transparent;
    z-index: 10;
    opacity: 0.8;
	border: 1px solid #e7e7e7;
    -webkit-box-shadow: 3px 3px 6px #adadad;  /* Safari and Chrome */
    -moz-box-shadow: 3px 3px 6px #adadad;  /* Firefox */
    box-shadow: 3px 3px 6px #999;  /* CSS3 */
    /* filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=4, OffY=4, Color='#33000000'); */ /* IE */
	background-color: rgb(255, 255, 255);
}

.box_input_2 .inner_box {
    position: relative;
    min-width: 265px;
    padding: 13px 25px 10px 25px;
    z-index: 20;
}
.box_input_2 .tit {
    font-size: 21px;
    font-weight: normal;
    color: #fff;
    letter-spacing: -1px;
	line-height:34px;
}
.box_input {
    position: absolute;
    top: 10px;
    right: 5px;
    margin-top: 20px;
    padding-bottom: 0px;
}
.box_input .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 13px;
    background-color: transparent;
    z-index: 10;
    opacity: 0.8;
	border: 1px solid #e7e7e7;
    -webkit-box-shadow: 3px 3px 6px #adadad;  /* Safari and Chrome */
    -moz-box-shadow: 3px 3px 6px #adadad;  /* Firefox */
    box-shadow: 3px 3px 6px #999;  /* CSS3 */
	background-color: rgb(255, 255, 255);
}
.box_input_2 .inner_box li input {
    display: inline-block; 
	font-size: 16px;
	margin-right: 5px;
	width: 170px;
	height:30px;
	line-height: 30px;
	text-indent: 6px;
}
.point_ye {
    color: #ffe729 !important;
}
.box_input .list_calc li {
    margin-top: 10px;
}
.box_input .list_calc li:after {
    display: block;
    content: "";
    clear: both;
}
.box_input .list_calc .tit_calc {
    display: block;
    float: left;
    padding-top: 10px;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: -1px;
    color: #000;
    vertical-align: middle;
}
.box_input .list_calc .form_calc {
    float: right;
}
.box_input .list_calc .form_calc input {max-width:none !important; border:1px solid #e0e0e0; padding:8px 9px; outline:none; font-size:13px; color:#888; margin:0; background:#fff; -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03); box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03); border-radius: 2px;}

.box_input .btn_l {
    display: block;
    width: 100%;
    height: 50px;
    margin-top: 10px;
    padding: 0;
	text-align:center;
}
.btn_l.type4 {
    border: 1px solid #ffc40d;
    background-color: #ffc40d;
}

/* 메인이미지
#main_visual {}
#main_visual .widget {width:1920px;height:450px;margin-left:-410px;text-align:center;position:relative;overflow:hidden;}
#main_visual .widget-indicator {position:absolute;left:0;bottom:25px;width:100%;text-align:center;height:13px;}
#main_visual .widget-indicator > a {display:inline-block;*zoom:1;*display:inline;width:13px;height:13px;margin:0 2px;background:url(../button/btn_indicator.png) left top no-repeat;vertical-align:top;text-indent:-999em;}
#main_visual .widget-indicator > a.current {background-position:-20px 0;}
#main_visual .widget-prev,
#main_visual .widget-next {position:absolute;top:50%;margin-top:-28px}
#main_visual .widget-prev {left:50%;margin-left:-550px;}
#main_visual .widget-next {left:50%;margin-left:519px;}
#main_visual .widget-panel {height:450px}
 */

 /* 상품슬라이드
#main_newproduct {width:1100px;margin:80px auto 0;}
#main_newproduct h2 {height:30px;vertical-align:top;text-align:center;}
#main_newproduct .widget {position:relative;}
#main_newproduct .widget-prev,
#main_newproduct .widget-next {position:absolute;top:136px;width:38px;height:38px;text-indent:-999em;}
#main_newproduct .widget-prev {left:0;background:url(../button/btn_slide_prev.png) left top no-repeat;}
#main_newproduct .widget-next {right:1px;background:url(../button/btn_slide_next.png) left top no-repeat;}
#main_newproduct .widget-prev:hover,
#main_newproduct .widget-next:hover {background-position:0 -38px;}
 */

 /* 배너2열
#main_banner2cols {width:1100px;margin:60px auto 0;}
#main_banner2cols ul {overflow:hidden;}
#main_banner2cols li {float:left;}
#main_banner2cols li.last {float:right;}
*/

/* 상품+베너탭
#main_mdproduct {width:1100px;margin:80px auto 0;}
#main_mdproduct h2 {height:40px;vertical-align:top;text-align:center;}
#main_mdproduct .widget-indicator {text-align:center;}
#main_mdproduct .widget-indicator li {display:inline-block;*zoom:1;*display:inline;line-height:20px;vertical-align:top;font-size:15px;margin:0 30px;}
#main_mdproduct .widget-indicator li a {color:#000;}
#main_mdproduct .widget-indicator li a.current {color:#e74c3c;font-weight:bold;}
#main_mdproduct .widget-panel {position:relative;border:solid 1px #ededed;height:718px;margin-top:20px;}
#main_mdproduct .widget-panel .banner {position:absolute;left:273px;top:0;width:550px;height:718px;border-left:solid 1px #ededed;border-right:solid 1px #ededed}
#main_mdproduct .product_grid_box ul {margin-left:0}
#main_mdproduct .product_grid_box ul li {margin-top:0;width:274px;margin-left:0;}
#main_mdproduct .product_grid_box ul li .imgs_box,
#main_mdproduct .product_grid_box ul li .cont_box {width:210px;margin:0 auto;}
#main_mdproduct .product_grid_box ul li .imgs_box {margin-top:20px;}
#main_mdproduct .product_grid_box ul li .imgs_box img {width:210px;height:210px;}
#main_mdproduct .product_grid_box ul li .imgs_box .soldout {width:210px;height:210px;}
#main_mdproduct .product_grid_box ul li .imgs_box .soldout strong {line-height:210px;}
#main_mdproduct .product_grid_box ul li .cont_box {padding:0;margin-top:10px;}
#main_mdproduct .product_grid_box ul li.product1,
#main_mdproduct .product_grid_box ul li.product2 {border-bottom:solid 1px #ededed;height:358px;}
#main_mdproduct .product_grid_box ul li.product2,
#main_mdproduct .product_grid_box ul li.product4 {margin-left:550px;}
*/

/* 배너슬라이드
#main_bannerslide {margin-top:80px;}
#main_bannerslide .widget {width:1920px;margin-left:-410px;height:180px;text-align:center;position:relative;overflow:hidden;}
#main_bannerslide .widget-prev,
#main_bannerslide .widget-next {position:absolute;top:50%;margin-top:-15px}
#main_bannerslide .widget-prev {left:50%;margin-left:-550px;}
#main_bannerslide .widget-next {left:50%;margin-left:520px;}
#main_bannerslide .widget-panel {height:180px}
*/

/* 상품탭
#main_bestproduct {width:1100px;margin:80px auto 0;}
#main_bestproduct h2 {height:40px;vertical-align:top;text-align:center;}
#main_bestproduct .widget-indicator {text-align:center;}
#main_bestproduct .widget-indicator li {display:inline-block;*zoom:1;*display:inline;line-height:20px;vertical-align:top;font-size:15px;margin:0 30px;}
#main_bestproduct .widget-indicator li a {color:#000;}
#main_bestproduct .widget-indicator li a.current {color:#e74c3c;font-weight:bold;}
#main_bestproduct .widget-panel {position:relative;border:solid 1px #ededed;margin-top:20px;}
#main_bestproduct .product_grid_box ul {margin-left:0}
#main_bestproduct .product_grid_box ul li {margin-top:0;width:250px;height:387px;padding:12px 12px 0;margin-left:0;border-right:solid 1px #ededed;}
#main_bestproduct .product_grid_box ul li.last {border-right:0;padding-right:11px;}
#main_bestproduct .product_grid_box ul li.line {border-top:solid 1px #ededed;}
*/

/* 인스타그램 */
#instaPics { width:1100px;margin:0 auto; overflow: hidden;clear:both;text-align:left;}
#instaPics h2 {margin-top:60px;text-align:center;}
#instaPics ul {overflow:hidden;margin-left:-25px;margin-top:21px;}
#instaPics li {width:200px;margin-left:25px;margin-bottom:25px;position: relative; float:left;}
#instaPics li > a span {display:block;}
#instaPics li .image-layer { overflow: hidden; width: 100%; height: 100%; }  
#instaPics li .image-layer img { width: 100%; height:100%;}  
#instaPics li .caption-layer {display: none; position: absolute; top: 0; background: rgba(0,0,0,0.6); width: 100%; height: 100%; font-size: 11px; color: #fff; text-align: center; margin: auto; vertical-align: middle;}
#instaPics li .caption-layer .insta-caption{position: relative; padding:0 20px; display: block; vertical-align: middle; margin-top: 40%; line-height:16px; max-height:32px;overflow:hidden}
#instaPics li .caption-layer .insta-likes { position: relative; display: block; vertical-align: middle; font-size: 12px; font-weight: 600; margin-top: 10px;}


/* 전체배너
#main_bannerfull {margin-top:80px;}
#main_bannerfull .widebanner {width:1920px;margin-left:-410px;text-align:center;}
*/

.container { position: relative; width: 1020px; margin: 0 auto; padding: 0; }
.container:after {content:''; display:block; clear:both;}
.container .icon-box-container {margin:40px 0 45px 0; position: relative; float:left; }
.container .icon-box-container .columns, .container .icon-box-container .column {float:left; display:inline; margin-left:20px; }
.container .icon-box-container .four{width:220px;}
.container .icon-box-container .one-fourth {width:240px;}
.container .icon-box-container .columns:after, .container .icon-box-container .column:after {content:''; display:block; clear:both;}
.icon-box h3{text-align:center;}

.full_box{position:relative; min-width:1020px;}
.full_box .inner_box {width:1020px; margin:0 auto;}
.full_box .customer_center { padding: 117px 0 0 0; text-align: center; overflow: hidden; line-height: 50px;}
.full_box .customer_center .title{font-family:tahoma; font-weight:400; font-size:36px; color:#fff;}
.full_box .customer_center .phone{font-family:'돋움'; font-weight:100; font-size:36px; color:#fff;}

.swiper-slide {background-position: center;background-size: cover;}

/* main notice */
.main_notice {color:#666; font-weight:320; margin:40px 0;}
.main_notice:before {content: ''; display:block;}
.main_notice:after {content: ''; display:block; clear:both;}

.main_notice h3.title{display:inline-block; font-size:24px; font-weight:400; letter-spacing:-2px;}
.main_notice .more {color:#666; margin-left:20px;}

.main_notice .notice{}
.main_notice .notice .item-list {margin-top:20px; border-top:2px solid #666;}
.main_notice .notice .item-list li {padding: 20px 10px; border-bottom: 1px solid #e5e5e5;}
.main_notice .notice .item-list li a {line-height:1.5;}
.main_notice .notice .item-list li .regdate {display: inline-block; color: #999; float: right;}

.main_notice .merchant{float:right; width:300px;}
.main_notice .merchant .item-list {margin-top: 20px; padding: 4px 20px; border-top: 2px solid #6f6f6f; border-bottom: 0px solid #e5e5e5; max-height:240px; overflow:hidden;}
.main_notice .merchant .item-list li {padding: 5px 0;}
.main_notice .merchant .item-list li span.name {margin-right: 20px; margin-bottom: 5px; padding: 1px 8px; background: #666; color: #fff; display:inline-block;}