@charset "utf-8";

/* common */
.wrap_layout{width: 1180px; position: relative; margin: 0 auto;}
.wrap_layout:after{content: ""; display: block; clear: both;}
ul:after{content: ""; display: block; clear: both;}
.txt01{font-size: 12px; color: #333;}
.tit_st01{padding: 0 20px; /*margin-top:20px;*/ margin: 20px 0; line-height: 40px;font-size: 14px; color: #333; font-weight: 900; border-top: 2px solid #222; border-bottom: 1px solid #e5e5e5; }
.btn_submit01{display: block; width:65px; height:65px; box-sizing:border-box; background:url('../img/main/coupon_out-05.png') no-repeat; background-size:cover; outline:none; text-indent:-9999px;}
.btn_more01{display: block; width: 100%; height: 40px; line-height: 36px; text-align: center; font-size: 14px; color: #333; border: 2px solid #333;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.btn_more01:focus,
.btn_more01:hover{background: #333; color: #fff;}

/* 메인상단베너 */
#upper_portion{position:relative;  background-color:#fff; }
.top_banner{width:1180px; margin:0 auto; }
.top_banner ul { }
.top_banner ul li { float:left; width:25%; }
.top_banner ul li a { display:block; height:80px; box-sizing:border-box; padding-top:24px;}
.top_banner ul li a span { display:block;  color:#595758; }
.top_banner ul li a strong { display:block; color:#3e3a39; }
.top_bclose{clear:both; position:absolute; top:15px; right:15px; display:block; width:140px; height:20px; z-index:10;}
.top_bclose label{line-height: 20px; text-transform:uppercase; font-size:14px; font-weight:350; color:#333;}
.top_bclose input[type="checkbox"]{display: none;}
.top_bclose input[type="checkbox"] + label span{
	margin-right: 5px;
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 1px solid #000;
    cursor: pointer;
    vertical-align: middle;
}
.top_bclose input[type="checkbox"]:checked + label{/*vertical-align: super;*/}
.top_bclose input[type="checkbox"]:checked + label span:before {
    content: '\2714';
    font-size: 9px;
	line-height:9px;
	color:#000;
    vertical-align: text-top;
}
.top_bclose a{float:right;}

/* header */
.header_top{height: 38px; line-height: 38px; background: #fff; border-bottom:solid 1px #e7e7e8;  border-top:solid 1px #e7e7e8; }
.header_top .btn_favorite{float: left; padding-left: 17px; background: url("/img/main/icon_star.png") no-repeat left center;}
.header_top .top_menu{float: right;}
.header_top .top_menu a{position: relative;padding: 0 10px;}
.header_top .top_menu a:after{content: ""; display: block; height: 8px; position: absolute; left: -2px; top: 50%; margin-top: -4px; border-left: 1px solid #516e80;}
.header_top .top_menu a:first-child:after{display: none;}
.header_top .top_menu a:focus,
.header_top .top_menu a:hover{/* text-decoration: underline; */}

.header_middle{ width: 100%; height: 110px; background-color: #fff; border-bottom:solid 1px #e7e7e8; overflow: hidden;}
.header_middle:after { content:""; display:block; clear:both; } 
.header_middle .logo{float: left;}
.header_middle .logo a{display: block; line-height: 110px;}
.header_middle .logo a img{vertical-align: middle;}
.header_middle .logo a img.only_web { display:inline-block !important; }
.header_middle .search_form{position: absolute; left: 50%;top: 50%; margin-left: -240px; margin-top: -21px; }

/*검색*/
.search_form{display: block; width: 450px; height: 42px; border-radius:2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* 180409 수정 */ width:490px; height:48px;
}
.search_form fieldset{min-width: auto; width: 100%;}

.search_form .sf_txt{width: 100%; border: none; border-bottom:solid 2px #333; font-size: 15px; font-weight:500; outline: none; height: 48px; background-color: transparent; color:#222; padding: 0 0 0 5px; }
.search_form .sf_txt:hover, .search_form .sf_txt:focus {border-color: #333;}
.search_form .sf_sel{width: 87px; height: 42px; position: absolute; left: 0; top: 0; border: none; padding: 0 10px; background: url("/img/btn/option_bar_btn.png") no-repeat 86% center; /* 180409 수정 */padding: 0 15px 0 15px; width:110px; height: 48px; font-size:18px; font-weight:600; color: #d21c55;}
.search_form .sf_sel option{font-size:14px;}
.search_form .btn_search{position: absolute; right: 0; top: 0; width: 42px; height: 48px; background: url("/img/ico/icon_search01.png") no-repeat center center; border: none;  font-size: 0; }
.header_middle  .sns_link{position: absolute; left: 50%; top: 50%; margin-top: -12px; margin-left: 270px; /* 180409 수정 */ top: 54%;}
.header_middle  .sns_link li{display: inline-block; margin-left: 4px;}
.header_middle  .cart_link{float: right; margin-top: 35px;}
.header_middle  .cart_link a{position: relative; display: block; float:left; padding:0 10px; width:75px; height:50px;  font-size: 15px; color: #fff; box-sizing:border-box; }
.header_middle  .cart_link a:after { content:""; display:block; position:absolute; top:10px; right:0; width:1px; height:30px; background-color:#f0f0f0;  }
.header_middle  .cart_link a:last-child:after { display:none; } 
.header_middle  .cart_link a img { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.header_middle  .cart_link a .num{position: absolute; right: 4px; bottom: 22px; width: 23px; height: 23px; line-height: 23px; text-align: center; background-color: #d21c55; color: #fff; font-size: 11px; font-weight: bold; border-radius: 50%; margin-right:4px;}

.header_bot{border-bottom: 1px solid #ddd;}
.header_bot .wrap_layout{border-left: 1px solid #ddd;}


#category{ position: relative; float: left; width: 160px; border-right: 1px solid #ddd; box-sizing:border-box; z-index:999;}
#category .cg_list{display: none; position: absolute; left: 0; width: 100%; top: 54px; z-index: 99;}
.cg_list:after { content:""; display:block; clear:both;}
.cg_list > li{ width:160px;}
.cg_list > li > a{position:relative; display: block; box-sizing:border-box; height:48.7px; line-height: 48.7px; border-bottom : 1px solid rgba(255,255,255,0.1); background: #585858; padding-left: 20px; font-size: 14px; color: #fff;}
.cg_list > li > a:after { content:""; display:none; position:absolute; top:0; right:-1px; width:5px; height:46.5px; background-color:#fff; z-index:999999; }
.cg_list > li .depth02{ display: none; position: absolute; padding: 48px 0px 0 40px;  width: 250px; /* height:438px;*/ height:195px;max-height:487px; left: 159px; top: 0; background: #fff; border: 1px solid #000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* .cg_list > li .depth02:before { content:""; position:absolute; top:0px; left:-1px; width:1px; height:435px; background-color:#fff;} */
.cg_list > li:hover .depth02{display: block; background-color:#fff;}
.cg_list > li:hover  > a{border: 1px solid #000; border-right: none; background-color: #fff; color: #333;}
.cg_list > li:hover  > a:after { display:block; }
.cg_list > li .depth02 h2{font-size: 30px; color: #333; margin-bottom: 20px; /* width:35%; */}
.cg_list > li .depth02 .depth02_list { /* width:35%; */ }
.cg_list > li .depth02 .depth02_list > li > a {display: inline-block; padding: 8px 0;  font-size: 15px; color: #666;}
.ad_links { position:absolute; top:48px; right:7%; width:53%; }
.ad_links:after { content:""; display:block; clear:both; }
.ad_links > div { margin-bottom:10px; }
.ad_links > h3 { float:none; clear:both; }
.ad_links > div > div {  margin-top:15px; width:42%; }
.ad_links > div > div:first-child {float:left;}
.ad_links > div > div:last-child { float:right;}
.ad_links > div > div a { display:block; color:#333; }
.ad_links a { display:block; }
.ad_links a img { width:100%; }
.ad_links > div > div a > p { font-size:10px; letter-spacing:-1px; line-height:15px;  }
.ad_links > div > div a > p:nth-of-type(1) { margin-top:10px; }
.ad_links > div > div a > p:nth-of-type(2) { font-weight:600; }

.ad_links > div > div .ad_pays { margin-top:10px; font-size:14px; } 
.ad_links > div > div .ad_pays:after { content:""; display:block; clear:both; }
.ad_links > div > div .ad_pays .normal_pay { float:left; text-decoration:line-through; }
.ad_links > div > div .ad_pays .sale_pay { float:right; }




#category .btn_category{display: block; width: 160px;}
#category .btn_category strong{display: inline-block; padding-left: 32px; background: url("/img/main/icon_menu01.png") no-repeat left center; font-size: 15px; color: #333; font-weight: bold; line-height: 54px;}
#category .btn_category{background:  #d21c55;}/*#category .btn_category.on*/
#category .btn_category strong{background: url("/img/main/icon_menu01_on.png") no-repeat left center; color: #fff;}/*#category .btn_category.on strong*/
#gnb{ width:1020px; box-sizing:border-box; float: left;}
#gnb .gnb_list > li{float: left; width:20%; }
#gnb .gnb_list > li > a{display: block; position:relative; font-size: 14px; line-height: 54px; color: #333; font-weight: bold; text-align:center; }

#gnb .gnb_list > li.active > a{color:  #d21c55;}
#gnb .gnb_list > li.mobile_link{display:none;}
#gnb .gnb_list > li a.md_pick {}
#gnb .gnb_list > li a.md_pick:after { content:""; display:block; position:absolute; top:-10px; left:50%; width:68px; height:28px; background:url('/img/main/md_pick01.png') no-repeat; transform:translate(-50%,0); transition:0.5s ease-in-out; }
#gnb .gnb_list > li a.md_pick.on:after { display:block; top:-18px;  }

#gnb_web { padding-left:10px; width: calc(100% - 160px); box-sizing:border-box; float: left;}
#gnb_web .gnb_list > li{float: left; width:calc(100%/5 - 1px); box-sizing:border-box; }
#gnb_web .gnb_list > li > a{display: block; box-sizing:border-box; position:relative;  font-size: 17px; line-height: 54px; color: #333; font-weight: bold; text-align:center; }
#gnb_web .gnb_list > li > a span { color:  #d21c55; }
#gnb_web .gnb_list > li.active > a {color:  #d21c55;}
#gnb_web .gnb_list > li.mobile_link{display:none;}
#gnb_web .gnb_list > li a.md_pick {}
#gnb_web .gnb_list > li a.md_pick:after { content:""; display:block; position:absolute; top:-10px; left:50%; width:68px; height:28px; background:url('/img/main/md_pick01.png') no-repeat; transform:translate(-50%,0); transition:0.5s ease-in-out; }
#gnb_web .gnb_list > li a.md_pick.on:after { display:block; top:-18px;  }

#gnb_web .gnb_list_mo {
    display: none;
}

.hb_right{float: right; margin-top:-1px;}
.hb_right a{display: inline-block; position:relative; line-height: 18px; height:18px; padding: 0 10px; vertical-align: middle; font-size: 12px; font-weight: 400; color:#333;}
.hb_right a:after { content: ""; display: block; height: 8px; position: absolute; right: -2px; top: 50%; margin-top: -4px; border-left: 1px solid #516e80; }
.hb_right a.join_link{color: #333;}
.hb_right a.join_link2{ display:none;}
/* .hb_right a.login_link{color: #fff; background-color:  #d21c55;} */


/* main */
#container.item_view{padding-bottom: 0;}
#container.item_view .vc_box{padding-bottom: 92px;}
.main { position:relative; }
.main_top{padding-top: 14px; padding-bottom: 20px; border-bottom: 1px solid #e5e5e5; margin-bottom: 20px;}
.main_top .mt_left{float: left; width: 780px;}
.main_top .mt_right{float: right; width: 380px;}
.main_top .mbv_slider li{display: none;}
.main_top .mbv_slider li .thurm_in{}
.main_top .mbv_slider li:first-child{display: block;}
.main_top .meb_slider li{display: none;}
.main_top .meb_slider li:first-child{display: block;}
.main_top .main_banner_visual .bx-controls{margin-top: 12px;}
.main_top .main_banner_visual .bx-controls .bx-pager{display: inline-block;}
.main_top .main_banner_visual .bx-controls .bx-controls-auto{display: inline-block;}
.main_top .main_event_banner{position: relative;}
.main_top .main_event_banner .bx-controls{position: absolute; left: 20px; right: 20px; bottom: 16px; z-index: 55;}
.main_top .bx-pager-item{display: inline-block; margin-right: 10px;}
.main_top .bx-pager-item .bx-pager-link{display: block; width: 12px; height: 12px; background: #cfcfcf; border-radius: 50%; font-size: 0; text-indent: -99999em; overflow: hidden;}
.main_top .bx-pager-item .bx-pager-link.active{background: #333;}
.main_top .bx-controls-auto-item{display: inline-block; margin-right: 2px;}
.main_top .bx-controls-auto-item .bx-start{display: block; width: 12px; height: 12px; background: url("/img/main/icon_play.png") no-repeat center center; font-size: 0; text-indent: -99999em; overflow: hidden;}
.main_top .bx-controls-auto-item .bx-stop{display: block; width: 12px; height: 12px; background: url("/img/main/icon_stop.png") no-repeat center center; font-size: 0; text-indent: -99999em; overflow: hidden;}

.main_coupon{position: relative; width: 100%; height: 131px; margin-top: 20px; background: url("/img/main/coupon_out-04.png") no-repeat center center; background-size:cover;}
.main_coupon h3 { display:none; }
.main_coupon .mc_ip{position: absolute; left: 60px; bottom: 38px; width: 170px; height: 20px; background: #fff; border: none;}
.main_coupon .mc_right{float: right; width: 71px; margin-top: 30px; margin-right: 28px;}

.main_coupon .mc_right .mcr_img{display: block; width: 68px; height: 68px;}
.main_coupon .mc_right .mcr_img img{width: 100%; height: 100%;}

.main_tabmenu{position: relative; margin-bottom: 30px; }
.main_tabmenu .tabmenu > li{float: left; width: 25%; }
.main_tabmenu .tabmenu > li > a{display: block; height: 80px; background-repeat: no-repeat; background-position: 0 0; background-size: cover; overflow: hidden; font-size: 0; text-indent: -99999em;}
.main_tabmenu .tabmenu > li.mtm01 > a{background-image: url("/img/main/main_tab_tit01_off.jpg");}
.main_tabmenu .tabmenu > li.mtm02 > a{background-image: url("/img/main/main_tab_tit02_off.jpg");}
.main_tabmenu .tabmenu > li.mtm03 > a{background-image: url("/img/main/main_tab_tit03_off.jpg");}
.main_tabmenu .tabmenu > li.mtm04 > a{background-image: url("/img/main/main_tab_tit04_off.jpg");}

/* 오류로 인한 수정
.main_tabmenu .tabmenu > li.mtm01.active a {background-image: url("/img/main/main_tab_tit01_on.jpg"); background-size:cover;}
.main_tabmenu .tabmenu > li.mtm02.active a {background-image: url("/img/main/main_tab_tit02_on.jpg"); background-size:cover;}
.main_tabmenu .tabmenu > li.mtm03.active a {background-image: url("/img/main/main_tab_tit03_on.jpg"); background-size:cover;}
.main_tabmenu .tabmenu > li.mtm04.active a {background-image: url("/img/main/main_tab_tit04_on.jpg"); background-size:cover;}
*/
.main_tabmenu .tabmenu > li.mtm01.active .sub_mtm {background-image: url("/img/main/main_tab_tit01_on.jpg"); background-size:cover;}
.main_tabmenu .tabmenu > li.mtm02.active .sub_mtm {background-image: url("/img/main/main_tab_tit02_on.jpg"); background-size:cover;}
.main_tabmenu .tabmenu > li.mtm03.active .sub_mtm {background-image: url("/img/main/main_tab_tit03_on.jpg"); background-size:cover;}
.main_tabmenu .tabmenu > li.mtm04.active .sub_mtm {background-image: url("/img/main/main_tab_tit04_on.jpg"); background-size:cover;}

.main_tabmenu .tabmenu > li .depth02{position: absolute; left: 0; width: 100%; padding-left: 136px; line-height: 75px; border: 2px solid #222; box-shadow: 0 0 10px 7px rgba(0,0,0,0.2); background: #fff; z-index: 99; display: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.main_tabmenu .tabmenu > li.active .depth02{display: block;}
.main_tabmenu .tabmenu > li .depth02:after{content: ""; display: block; position: absolute; /*width: 15px;*/width: 295px; height: 9px; top: -9px; background: url("/img/main/icon_arrow_top.png") no-repeat center top; /*margin-left: -16%;*/}
.main_tabmenu .tabmenu > li.mtm01 .depth02:after{left: 0;}
.main_tabmenu .tabmenu > li.mtm02 .depth02:after{left: 296px;}
.main_tabmenu .tabmenu > li.mtm03 .depth02:after{left: 591px;}
.main_tabmenu .tabmenu > li.mtm04 .depth02:after{left: 886px;}
.main_tabmenu .tabmenu > li .depth02 h2{position: absolute; left: 0; top: 0; display: inline-block; width: 136px; text-align: center; font-size: 16px; color: #2f2f2f; cursor:pointer;}
.main_tabmenu .tabmenu > li .depth02 h2:after{content: ""; display: block; position: absolute; right: 0; top: 50%; margin-top: -6px; height: 12px; border-left: 1px solid #ccc;}
.main_tabmenu .tabmenu > li .depth02 .depth02_list{display: inline-block; margin-left: 30px;}
.main_tabmenu .tabmenu > li .depth02 .depth02_list li{display: inline-block;}
.main_tabmenu .tabmenu > li .depth02 .depth02_list li a{display: block;}
.main_tabmenu .tabmenu > li .depth02 .depth02_list li a img{vertical-align:middle;}

.main_newarrival .newitem_type01{margin-top: 94px; margin-bottom: 54px;}
.item_list_header { text-align: center; margin: 70px 0 30px; font-size: 34px;}

/* newtime type01 */
.newarrival_list  *{outline: none;}
.newitem_type01{position: relative; float: left; width: 50%; padding:10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.newitem_type01 .item_box{position: relative; background: #fff; width: 426px; height: 240px;  padding: 48px 30px;/* border: 1px solid #000;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*.newitem_type01 .item_box:before{content: ""; display: block; position: absolute; left: -9px; bottom: -9px; width: 432px; height: 220px; background: url("/img/main/newitem_type01_bg.png"); z-index: -1;}*/
.newitem_type01 .thum_img{position: absolute; bottom:0;/* bottom: 17px;*/ right: -135px; background: #fff; overflow: hidden;}
.newitem_type01 .item_content{position: relative; z-index: 1;}
.newitem_type01 .item_content .ic_tit{font-size: 16px; color: #333; line-height: 34px;}
.newitem_type01 .item_content .ic_subject{font-size: 34px; color: #333; height: 34px; font-weight: bold; overflow: hidden; margin-bottom: 5px; letter-spacing:-0.1px;}
.newitem_type01 .item_content .ic_subject a{color: #333;}
.newitem_type01 .item_content .ic_txt{display: block; font-size: 14px; color: #666; font-weight: 100; line-height: 18px; height: 36px; overflow: hidden; margin-bottom: 30px; letter-spacing:-0.5px;}
.newitem_type01 .item_content .ic_txt a{color: #666;}
.newitem_type01 .item_content .ic_pay{display: block; line-height: 24px;}
.newitem_type01 .item_content .ic_pay span{font-size: 14px; color: #ff0000; font-weight: 300; margin-right: 10px; text-decoration:line-through}
.newitem_type01 .item_content .ic_pay strong{font-size: 18px; color: #333; font-weight: 900;}

/* newtime type02 */
.newitem_type02{position: relative; float: left; width: 50%; margin-bottom: 60px; text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.newitem_type02 .item_box{display: inline-block; width: 560px; overflow: hidden;}
.newitem_type02 .item_content{width: 100%;}
.newitem_type02 .thum_img{width: 270px; overflow: hidden; text-align: center;}
.newitem_type02 .thum_img .in_img{display: inline-block;}
.newitem_type02.thum_left .item_content{/*float: right; padding-left: 20px;*/ text-align: left;}
/*.newitem_type02.thum_left .thum_img{float: left;}*/
.newitem_type02.thum_right .item_content{float: left; padding-right: 20px; text-align: right;}
/*.newitem_type02.thum_right .thum_img{float: right;}*/
.newitem_type02 .item_content{position: relative; z-index: 1;}
.newitem_type02 .item_content .ic_tit{font-size: 16px; color: #333; line-height: 34px;}
.newitem_type02 .item_content .ic_subject{font-size: 34px; color: #333; height: 34px; font-weight: bold; overflow: hidden; margin-bottom: 5px; letter-spacing:-0.1px;}
.newitem_type02 .item_content .ic_subject a{color: #333;}
.newitem_type02 .item_content .ic_txt{display: block; font-size: 14px; color: #666; font-weight: 100; line-height: 18px; height: 36px; overflow: hidden; margin-bottom: 16px; letter-spacing:-0.5px;}
.newitem_type02 .item_content .ic_txt a{color: #666;}
.newitem_type02 .item_content .ic_pay{display: block; line-height: 24px;}
.newitem_type02 .item_content .ic_pay span{font-size: 14px; color: #ff0000; font-weight: 300; margin-right: 10px; text-decoration:line-through}
.newitem_type02 .item_content .ic_pay strong{font-size: 18px; color: #333; font-weight: 900;}
.newitem_type02 .item_content .btn_more01{margin-top: 20px;}


.main_banner_middle img{width: 100%;}
.item_tabmenu{line-height: 1;position:relative;}
.item_tabmenu h2{text-align:center;font-size:34px; margin: 0 auto 40px;}
.item_tabmenu > a{display:block;position:absolute;right:0;bottom:0;font-size:16px;font-weight:500; color:#555555;}
.item_tabmenu .tabmenu{text-align: center;}
.item_tabmenu .tabmenu li{display: inline-block;}
.item_tabmenu .tabmenu li a{display: block; padding: 0 21px; font-size: 16px ;color: #333; font-weight: 600; height:30px; line-height:30px; border-radius:30px;}
.item_tabmenu .tabmenu li.on a { border:solid 1px #333;}
/* itme_type01 */
.itme_type01{ /*padding-top: 30px;*/ margin-bottom:3%;}
.itme_type01 > li{float: left; width: 23.72%; margin-right:1.7%; margin-bottom: 1.7%;}

.main_section03 .itme_type01 > li:nth-of-type(4n) { margin-right:0; } 


.main_item_list .itme_type01 > li:nth-child(4n) { margin-right:0; }
.itme_type01 .thum_img{display: block; position: relative; width: 100%;  /* height: 277px;overflow: hidden;*/ background: #fff;}
.itme_type01 .thum_img .in_img{display: block; width: 100%; height: 100%;overflow: hidden; /* background-color:#f3f3f3; */ }
.itme_type01 .thum_img .in_img img{transition: 0.2s all;}
/* .itme_type01 > li:focus .thum_img .in_img img,
.itme_type01 > li:hover .thum_img .in_img img{transform: scale(1.08);} */
.itme_type01 .thum_img .item_opt{position: absolute; right: 10px; bottom: 10px;  display:none;}
.itme_type01 .thum_img .item_opt button{width: 50px; height: 50px ;background-repeat: no-repeat; background-position: 0 0; outline:none; margin-left: 7px; font-size: 0; text-indent: -9999em;}
/* 최근할인 등 아이콘 */
.itme_type01 .in_ico{position: absolute; left: 10px; bottom: 10px; display:none;}

/* .itme_type01 .thum_img .item_opt button:hover, .itme_type01 .thum_img .item_opt button:focus, .thum_img .item_opt button.active{background-position: 0 100%;} */
.itme_type01 .thum_img .item_opt .btn_zzim{overflow: hidden; background-image: url("/img/btn/heart.png");}
.itme_type01 .thum_img .item_opt .btn_zzim.on { background-image: url("/img/btn/heart_on.png");}
.itme_type01 .thum_img .item_opt .btn_zzim.active { background-image: url("/img/btn/heart_on.png");}
.itme_type01 .thum_img .item_opt .btn_zzim:hover {background-image: url("/img/btn/heart_on.png"); }
.itme_type01 .thum_img .item_opt .btn_vs{ display:none; overflow: hidden; background-image: url("/img/main/btn_vs.png");}
.itme_type01 .thum_img .item_opt .btn_vs.active { background-position: 0 100%;}
.itme_type01 .thum_img .item_opt .btn_vs:hover {background-position: 0 100%; }
.itme_type01 .thum_img .item_opt .btn_vsmore{ display:none; position:absolute; top:-55px; right: -30px;margin-left: 0;width: 105px; height:55px; background:url("/img/btn/vsmore.png")no-repeat left top;}
.itme_type01 .thum_img .item_opt button.btn_vsmore:hover, .itme_type01 .thum_img .item_opt button.btn_vsmore:focus, .thum_img .item_opt button.btn_vsmore.active{background-position: 0 0;}
.itme_type01 .item_content .ic_tit{height: 30px; line-height: 30px; padding: 0 10px;  overflow: hidden;}
.itme_type01 .item_content .ic_tit strong{font-size: 16px; color: #434343; font-weight: 600;}
.itme_type01 .item_content .ic_tit span{font-size: 14px; color: #838383; font-weight: 500;}
.itme_type01 .item_content .ic_mid{padding: 8px 10px 0 10px;}
.itme_type01 .item_content .ic_subject {
    /* height: 19px; font-size: 15px; line-height: 19px; color: #434343; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; */
    margin-top: 14px;
    width: 100%;
    height: auto;
    font-size: 15px;
    line-height: 1.5;
    color: #434343;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
}
.itme_type01 .item_content .ic_subject a{ color: #434343;}
.itme_type01 .item_content .ic_txt{display: block; font-size: 13px; color: #434343; line-height: 18px; height: 54px; overflow: hidden; font-family: "Nanum Gothic"; margin-bottom: 8px;}
.itme_type01 .item_content .ic_txt a{color: #434343; display: block; width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.itme_type01 .item_content .ic_txt a:focus,
.itme_type01 .item_content .ic_txt a:hover{text-decoration: underline;}
.itme_type01 .item_content .ic_bot { margin-top:30px; position:relative; }
.itme_type01 .item_content .ic_bot:after { content:""; display:block; clear:both; }
.itme_type01 .item_content .ic_bot .ic_pay{ color: #434343; font-size: 14px; letter-spacing:-0.5px;}
.itme_type01 .item_content .ic_bot .ic_pay span{font-size: 14px; color: #434343; font-style: normal; display:inline-block; }
.itme_type01 .item_content .ic_bot .ic_pay span.red{ /* width:30%; */ float:left; color: #d12e2f; text-decoration:none; font-size:30px; font-weight:600; }
.itme_type01 .item_content .ic_bot .ic_pay span.above{ position:absolute; top:-15px; right:26%;  text-decoration:line-through; color:#bbbbbb; right: 0 !important;}

.itme_type01 .item_content .ic_bot .ic_pay strong{ display:inline-block; /* width:60%; */ float:right; /*margin-right:26px;*/ line-height:30px; font-size: 20px; color: #222222; text-align:right;}
.itme_type01 .item_content .ic_bot .ic_color{float: right; display:none;}
.itme_type01 .item_content .ic_bot .ic_color span{display:none; margin-left:5px; width: 12px; height: 12px; overflow: hidden; border-radius:50%;}

/* itme_type02 */
.itme_type02 .thum_img{display: block; position: relative; width: 100%; /*height: 138px;*/ overflow: hidden; background: #f6f6f6; margin-bottom: 16px;}
.itme_type02 .thum_img .in_img{display: block; width: 100%; height: 100%;}
/* .mii_right .itme_type02 .thum_img .in_img{display: block; width: 100%; height: 100%; transform: translateY(-15px);} */
.itme_type02 .thum_img .in_img img{transition: 0.2s all;}
.itme_type02 li:focus .thum_img .in_img img,
.itme_type02 li:hover .thum_img .in_img img{transform: scale(1.08);}
.itme_type02 .item_content .ic_subject{/*height: 16px;*/ font-size: 14px; line-height: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; /*white-space: nowrap;*/ font-weight: 300;}
.itme_type02 .item_content .ic_subject a{ color: #333;}
.itme_type02 .item_content .ic_pay{color: #434343; font-size: 12px; letter-spacing: -0.5px}
.itme_type02 .item_content .ic_pay span{font-size: 12px; color: #434343; font-style: italic; }
.itme_type02 .item_content .ic_pay span.red{color: #d12e2f;}
.itme_type02 .item_content .ic_pay strong{font-size: 12px; color: #434343;}

/* 180409 추가 및 수정 */
.itme_type02 .item_content .ic_subject{height:35px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal;}
.itme_type02 .item_content .ic_subject a{height:35px;  overflow: hidden; text-overflow: ellipsis; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.itme_type02 .item_content .ic_pay span, .itme_type02 .item_content .ic_pay strong{font-size:14px;}

/* itme_type03 */
.itme_type03 .thum_img{display: block; position: relative; width: 238px; height: 232px; overflow: hidden; background: #f6f6f6; }
.itme_type03 .thum_img .in_img{display: block; width: 100%; height: 100%;}
.itme_type03 .thum_img .in_img img{transition: 0.2s all;}
.itme_type03 > li:focus .thum_img .in_img img,
.itme_type03 > li:hover .thum_img .in_img img{transform: scale(1.08);}
.itme_type03 .item_content{padding: 20px 10px 0 10px;}
.itme_type03 .item_content .ic_tit{font-style: italic; overflow: hidden; margin-bottom: 5px;}
.itme_type03 .item_content .ic_tit strong{font-size: 16px; color: #434343; font-weight: 500;}
.itme_type03 .item_content .ic_tit span{font-size: 14px; color: #434343; font-weight: 500;}
.itme_type03 .item_content .ic_subject{height: 16px; font-size: 14px; line-height: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 300; margin-bottom: 10px;}
.itme_type03 .item_content .ic_subject a{ color: #333;}
.itme_type03 .item_content .ic_pay{color: #434343; font-size: 12px; letter-spacing: -0.5px}
.itme_type03 .item_content .ic_pay span{font-size: 14px; color: #434343; font-style: italic; }
.itme_type03 .item_content .ic_pay span.red{color: #e60012;}
.itme_type03 .item_content .ic_pay strong{font-size: 14px; color: #434343; font-weight: 500;}



.main_section03{margin-top: 30px;}
/* 더보기 */

.more_box { }
.more_box > button {  display:table; margin:0 auto; width:220px; height:45px; line-height:45px; border:solid 1px #dcdcdc; outline:none; font-size:14px;}
.more_item { display:none;}
.more_item.active { display:block;}

.main_service{margin-top: 70px; margin-bottom: 92px;}
.main_service{border: 1px solid #ddd; overflow: hidden;}
.main_service .ms_box01,
.main_service .ms_box02,
.main_service .ms_box03{position: relative; float: left; width: 299px; height: 239px; border-left: 1px solid #ddd; padding: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.main_service .ms_box01{border-left: none;}
.main_service .ms_box03{width: 580px;}
.main_service .ms_box01 .ms_top{ padding-bottom: 25px; border-bottom: 1px solid #ddd; margin-bottom: 15px;}
.main_service .ms_tit{font-size: 18px; color: #333; font-weight: bold;} 
.main_service .call_txt{font-size: 28px;  font-weight: bold; margin-top: 12px; letter-spacing: -0.5px;}
.main_service .time_txt dt{float: left; width: 68px; color: #999999; font-size: 14px; line-height: 24px; font-weight: 300;}
.main_service .time_txt dd{float: left; font-size: 14px; color: #333; line-height: 24px; font-weight: bold;}
.main_service .board_list{margin-top: 12px;}
.main_service .board_list li{position: relative; padding-left: 9px; line-height: 28px; }
.main_service .board_list li a{display: block; font-size: 14px; color: #444; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap; }
.main_service .board_list li a:focus,
.main_service .board_list li a:hover{text-decoration: underline;}
.main_service .board_list li:after{content: "-"; display: block; position: absolute; left: 0; top: 0;}
.main_service .board_list + .more{position: absolute; right: 30px; top: 32px;}
.main_service .quick_menu{margin-top: 23px;}
.main_service .quick_menu li{float: left; margin-left: 24px; width: 110px;}
.main_service .quick_menu li:first-child{margin-left: 0;}
.main_service .quick_menu li a{display: block; text-align: center;}
.main_service .quick_menu li a span{display: block; margin-bottom: 12px;}
.main_service .quick_menu li a strong{display: block; font-size: 14px; color: #444; font-weight: 300; letter-spacing: -0.4px;}




/* footer */
.footer_top{height: 52px; line-height: 52px; background: #f9f9f9; border-top:solid 2px #aaaaaa; border-bottom:solid 1px #dddddd; }
#fnb ul li{position: relative; display: inline-block; padding: 0 30px; font-size: 12px;color: #333333;}
#fnb ul li:after{content: ""; display: block; height: 10px; position: absolute; left: -2px; top: 50%; margin-top: -5px; border-left: 1px solid #c5c5c5;}
#fnb ul li:first-child{padding-left: 0;}
#fnb ul li:first-child:after{display: none;}
#fnb ul li a{display: block; font-size: 12px; color: #333333;}
#fnb ul li a:hover{color: #333333;}
#fnb ul li.fwb a{color: #333333; font-weight: bold;}
.footer_bot{padding: 66px 0; background: #ffffff;}
.footer_bot .f_logo{float: left;}
.footer_bot .f_content{float: left; padding-left: 28px;}
.footer_bot address,
.footer_bot p,
.footer_bot .copy{font-size: 12px; line-height: 22px; color: #666666; letter-spacing:-0.5px;}
.footer_bot .f_content .bar {color:#5c5c61; }
.footer_bot .f_agree{float: right; margin-left: 85px; padding-left: 20px; border-left: 1px solid #eeeeee;}
.footer_bot .f_agree h3{font-weight: 500; color: #666666; font-size: 16px; line-height: 22px;}
.footer_bot .f_agree img{width:50px}

/* 메인슬라이드 */
.wrap_1180 { width:1180px; margin:0 auto; position:relative; }
.wrap_1180:after { content:""; display:block; clear:both; }
/* .main_section02{margin-top:60px;} */
.main_slider { position:relative; margin:0 auto; }
.slick-slide { outline:none; }
.main_slider .slick-slide img{height:438px;}
.slider_img {position:relative;}
.slider_nav { position: absolute; /*top:-45px;bottom:0;top:0;*/  left: 0px;  box-sizing:border-box;  z-index: 99; background-color:rgba(255,255,255,0.8);} 
.slider_nav > div { float:left; width:100% !important; }
.slick-list { overflow:initial;}
.slider_nav .slick-track {  left:0px !important; width:100% !important; }
.slider_nav .slick-track .slick-slide.slick-active { float:left; width:16.6666% !important;  text-align:right;box-sizing:border-box;}
.slider_nav .slick-track .slick-slide.slick-active.lang1 { width:100% !important;}
.slider_nav .slick-track .slick-slide.slick-active.lang2 { width:50% !important;}
.slider_nav .slick-track .slick-slide.slick-active.lang3 { width:33.3333% !important;}
.slider_nav .slick-track .slick-slide.slick-active.lang4 { width:25% !important;}
.slider_nav .slick-track .slick-slide.slick-active.lang5 { width:20% !important;}

.slider_nav .slick-slide.slick-active a { transition:0.2s;   display:block;  box-sizing:border-box; height:45px; line-height:45px; background-color:#fff; color:#000; border-left:solid 1px #eeeeee; border-bottom:solid 1px #eeeeee; font-size:18px; font-weight:400;  text-align:center; outline:none; }
.slider_nav .slick-slide.slick-current.slick-active a { text-align:center; color: #d21c55;   text-align:center;}

.slider_box_mo,
.mo_slider_nav { height:0; visibility: hidden;}

.slide_stop { display:block; position:absolute; /*top:-45px; */right:1px; height:45px; background:#fff; cursor:pointer; display:block; z-index:9999; box-sizing:border-box;  border-bottom: solid 1px #eee;  border-left: solid 1px #eee; }
.slide_stop img { /* position: absolute; top:50%; left:50%; transform:translate(-50%,-50%);  */}

.slide_stop a {  display:none; width:50px; height:45px;  border:solid 1px #eeeeee; border-left:none; border-top:none; box-sizing:border-box;}
.slide_stop a.active { display:block; }
.slide_stop a img { width:100%; }

/* 추천 패키지 */
.recommend { position:relative; }
.recommend .slick-arrow { position:absolute; top:-40px; right:0; text-indent:-999999px; width:30px; height:30px; background:#ddd; }
.recommend .slick-prev { right:29px; background:url('/img/btn/btn_recom_prev.png') no-repeat; }
.recommend .slick-next { background:url('/img/btn/btn_recom_next.png') no-repeat; }
.recommend h2 { text-align:center; margin:80px 0 40px; font-size:34px; }
.recommend .img_box { overflow:hidden; background-color:#f5f5f5;  }
.recommend .img_box img { width:280px; /*height:240px; max-height:240px;*/ transition:0.2s all; }
.recommend .img_box:hover img { transform:scale(1.08); }

.recommend01 { padding: 20px 0; border-top:solid 1px #dddddd; position:relative; }
.recommend01 .recom_box { display:block;/*  margin-right:20px; width:280px !important; background-color:#f6f6f6; */ padding:0 10px; }
.recommend01 .recom_box a { color:#333; }
.recommend01 .recom_box:nth-of-type(4n) { margin-right:0px; }

.recommend01 .recom_box .txt_box { box-sizing:border-box; padding:20px 0 30px 15px;  }
.recommend01 .recom_box .txt_box h3 { font-size:20px; margin-bottom:10px; }
.recommend01 .recom_box .txt_box p { font-size:14px; }

/* 수정 */ 
.recommend02 {/*  padding: 20px 0; */ /* min-height:600px; */ border-top:solid 1px #dddddd; position:relative; }
.more_view { position:absolute; top:-30px; right:0; color:#777777; font-size:16px; font-weight:600; }

.item_tabmenu .more_view { top:15px; }

.item_box { padding:0 0 20px; border:solid 1px #e5e5e5;  }
.item_view .item_box { border:none; }
.new_sale_box { margin-top:15px; height:20px;}

.main_service .ms_box02 {}
.main_service .ms_box02 ul {margin-top:25px; }
.main_service .ms_box02 ul li { margin:12px 0; font-size:14px; }
.main_service .ms_box02 ul li:after { content:""; display:block; clear:both; }
.main_service .ms_box02 ul li strong { display:block; float:left; width:30%; }
.main_service .ms_box02 ul li span { display:block; float:left; width:70%; }

.main aside { position:absolute; top:0px; z-index:999999; }
.main .aside_left { width:130px; left:8%; /*left:10%; */}
.main .aside_right { width:100px; right:10%;/*right:12.5%;*/ }
.main aside a { display:block; color:#555; text-align:center; font-weight:400; }
.main aside a h3 { margin-top:5px; font-size:14px; line-height:20px;}
.main aside a h4 { font-size:14px; }

.aside_left .aside_left_box { border:solid 1px #333; height:50px; }
.aside_left .aside_left_box:nth-child(2) { margin-top:20px; }
.aside_left .aside_left_box:nth-child(2),
.aside_left .aside_left_box:nth-child(3) { border-bottom:none; }
.aside_left .aside_left_box:nth-child(4) { border-bottom:none; }

.aside_right .aside_right_box { box-sizing:border-box; margin-bottom:20px; }
.aside_right .aside_right_box img { width:100%; }

.aside_tap_menu { box-sizing:border-box; }
.aside_tap_menu li { width:33.33%; float:left;  box-sizing:border-box;  }
.aside_tap_menu li a { display:block;  width:100%; border:solid 1px #ccc; border-right:none;  background-color:#ddd; box-sizing:border-box;}
.aside_tap_menu li a img { width:32px; height:32px; }
.aside_tap_menu li:last-of-type a { border-right:solid 1px #ccc; }
.aside_tap_menu li.active a { background-color:#fff; border-bottom:none;  background-color:#fff;  }


.aside_box { margin-top:-1px;  background-color:#fff; border:solid 1px #ccc; padding:10px 15px; border-top:none; }
.aside_box > div {}
.aside_box > div h4 { margin-bottom:10px;  text-align:center; font-size:12px; font-weight:300;  }

.aside_box ul {}
.aside_box ul li { position:relative; margin-bottom:10px; }
.aside_box ul li a { display:block; box-sizing:border-box; border:solid 2px transparent; }
.aside_box ul li a img { width:64px; height:64px;}
.aside_box ul li a:hover {  border:solid 2px #333; border-left:none; }
.aside_box ul li a:hover img { margin-left:2px; }
.aside_box ul li a .depth_02 { display:none; position:absolute; top:0; bottom:0; left:-150px; padding: 15px 0px 10px 10px; border:solid 2px #333; border-right:none; width:150px; background-color:#fff; box-sizing:border-box; text-align:left;}
.aside_box ul li a .depth_02 h5 { width:95%; white-space:nowrap; text-overflow: ellipsis; overflow: hidden; font-size:10px; }
.aside_box ul li a .depth_02 p { margin-top:15px; font-size:14px; font-weight:600; color: #d21c55; }
.aside_box ul li a:hover .depth_02 { display:block; }

.aside_paging { position:relative; margin:20px 0 10px; text-align:center; font-size:12px; color:#555; }
.aside_paging > a { position:absolute; top:0; display:block; }
.aside_paging .page_prev { left:-10px; }
.aside_paging .page_next { right:-10px; }

.Gotop { background-color:#333; color:#fff; height:40px; margin-top:20px;  padding:10px 0 0; box-sizing:border-box; }
.Gotop h5 { color:#fff; margin-top:-10px;}
.Gotop span { color:#fff; display:block; }

.main_banner_bot {  }
.main_banner_bot img { width:100%;  }

.more_box .itme_type01 > li {}
.more_box .itme_type01 > li:nth-of-type(4n) { margin-right:0;}


/* 반응형 */
.only_web{display: block !important;}
.only_mo{display: none !important;}

/*@media screen and (min-width: 769px){
.recommend .slick-list{width: calc(100% + 20px); margin-left: -10px;}
.main .itme_type01 > li{width:calc(25% - 15px); margin-left:20px; margin-right:0; }
.main .itme_type01 > li:first-child, .main .itme_type01 > li:nth-child(4n+1){margin-left:0; }
}*/

/**/
/*@media screen and (max-width: 810px){
	
	#wrap{min-width:100%;}
	.wrap_layout{ width: 100%;}
	.wrap_1180 { width:90.55%; }


}*/

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

    .wrap_layout{ width: 100%;}
}


/* moblie */
@media screen and (max-width: 850px){
	#wrap{min-width:100%;}
	img{max-width:100%;}
	.in_img img { height:auto; /*max-height:210px;*/}
	.wrap_layout{ width: 100%;}
	header { z-index:999; }
	/* header .wrap_layout { background-color: #d21c55;  } */
	.header_bot .wrap_layout { border-left:none; border-right:none; /*padding-bottom:15px;*/ }
	.only_web{display: none !important;}
	.only_mo{display: block !important;}
	.wrap_1180 { width:90.55%; }
	aside { display:none;  }

	/* 상단베너 */
	#upper_portion{ padding:6px 0 0 0; height:30px; box-sizing:border-box; display:none !important; }
	.top_bclose{top:20%; right:5%; width:15px;  }
	.top_bclose .top_close img { /* width:22px; */ }
	/* header */
	/* #header{ background-color:  #d21c55;} */
	.header_top{display: none; position: absolute; left: 0; right: 0; bottom: 0;background: #fff; height: 36px; border-bottom: 1px solid #ddd; padding-right: 37px;}
	.header_top .top_menu a{float: left;width: 33.333333%; padding: 0; text-align: center; line-height: 36px; border-left: 1px solid #ddd; font-size: 13px; font-weight: 500;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.header_middle .cart_link a:after { display:none; }
	.top_banner { margin:0 auto; width:70%; height:24px; }
	.header_top .top_menu a:after{display: none;}
	.header_top .top_menu a:first-child{border-left: none; padding-left: 25px;}
	.header_top .top_menu a:first-child:after{content: ""; display: block; position: absolute; left: 50%; margin-left: -40px; top: 50%; margin-top: -13px; width: 25px; height: 25px; background: url("/img/mobile/icon_cart.png") no-repeat center center; background-size:25px; border-left: none ;}
	.header_top .btn_favorite{display: none;}
	.header_top .top_menu{float: none;overflow: hidden;}
	.header_middle{ height:95px; overflow:visible; border-bottom:none; padding: 0 0 12px 0;}
	.header_middle .logo{float: none; text-align: center;}
	.header_middle .logo a{display: inline-block; line-height: 50px;}
	.header_middle .logo a img{max-height:45px}
	.header_middle .logo a img.only_web { display:none !important; }
	.header_middle .logo a img.only_mo { display:inline-block !important;  }

	.header_bot{border: none; border-top: 1px solid #ddd;}
	.header_middle .search_form{left: 50%;top: 54px; height: 36px; width: 90.55%;margin-left: 0; margin-top: 0; padding-right: 0px; transform:translate(-50%,0); }
	.search_form .sf_txt {
        /* height: 36px; background-color:#fff; border-bottom:none !important; */
        height: 36px;
        background-color: #ededed;
        border-bottom: none !important;
        border-radius: 40px;
    }
	.search_form .sf_sel{height: 36px;}
	.search_form .btn_search{padding: 0; width: 36px; height: 36px; right: 0; background: url(/img/ico/icon_search01_m.png) no-repeat center center;background-size: 50%;}
	
	.btn_search_mo{position: absolute; right: 0; bottom: 1px; width: 36px; height: 36px; border-left: 1px solid #ddd; background:#eee url(/img/main/icon_search.png) no-repeat center center;  background-size: 50%;}
	.btn_search_mo.active{background: #eee url(/img/sub/btn_close04.png) no-repeat center center; }

	.hb_right{position: absolute; right: 4%; top: 0; margin-right: 25px; float: none; padding-right: 4%; }
	.hb_right a{padding: 0;}
	.hb_right a.login_link{display: none;}
	.hb_right a.join_link{ display:none; color: #fff; font-size:0; text-indent: -9999em; width:18px; height: 25px;  background: url("/img/mobile/icon_my.png") no-repeat right top; background-size: cover;}
	.hb_right a.join_link.join_link3 { display:inline-block; }
	.hb_right a.join_link2{display:inline-block; color: #fff; font-size:0; text-indent: -9999em; width:18px; height: 25px;  background: url("/img/mobile/icon_my.png") no-repeat right top; background-size: cover;}
	.header_middle .sns_link{display: none;}
	.header_middle .cart_link{ position: absolute; right: 4.725%; top: 12px; margin-right: 0; float: none; margin-top: 0; }
	.header_middle .cart_link a{margin-top:0px; width: 20px; height: 31px; margin-right:10px;  line-height: 1; padding-right: 0; }
	.header_middle .cart_link a:last-of-type {   }
	.header_middle .cart_link a strong{font-size: 0; text-indent: -9999em;}
	.header_middle .cart_link a .num {right:-10px;  bottom:12px; padding:2px; margin-right:0; width: 15px; height: 15px; line-height: 15px; font-size:10px; background-color:#d21c55; color: #fff; transform:scale(0.8); }
	.main_top{padding-top: 0;}
	.btn_gnb_mo{position:absolute;left:4.725%;top:18px;width:25px;height:20px;overflow:hidden;margin-bottom:13px;}
	.btn_gnb_mo.on{z-index:1;}
	.btn_gnb_mo span{position:absolute;display:block;width:100%;height:3px;background-color:#000;
		transition: all 0.35s cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-webkit-transition: all 0.35s cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-moz-transition: all 0.35s cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-o-transition: all 0.35s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	
	.btn_gnb_mo span.top{top:0;}
	.btn_gnb_mo span.middle{top:50%;margin-top:-2px;}
	.btn_gnb_mo span.bottom{bottom:0;}
	html.gnbOpen .btn_gnb_mo{z-index:101;}
	html.gnbOpen .btn_gnb_mo span.top{top:0;
	transform: translate3d(0, 8px, 0) rotate(225deg);
	-webkit-transform: translate3d(0, 8px, 0) rotate(225deg);
	-moz-transform: translate3d(0, 8px, 0) rotate(225deg);
	-o-transform: translate3d(0, 8px, 0) rotate(225deg);
	-ms-transform: translate(0, 8px) rotate(45deg);
	}
	html.gnbOpen .btn_gnb_mo span.middle{top:50%;margin-top:-2px;
		transform: translate3d(0, 150px, 0) rotate(-720deg);
		-webkit-transform: translate3d(0, 150px, 0) rotate(-720deg);
		-moz-transform: translate3d(0, 150px, 0) rotate(-720deg);
		-o-transform: translate3d(0, 150px, 0) rotate(-720deg);	
	}
	html.gnbOpen .btn_gnb_mo span.bottom{bottom:0;
		transform: translate3d(0, -9px, 0) rotate(-225deg);
		-webkit-transform: translate3d(0, -9px, 0) rotate(-225deg);
		-moz-transform: translate3d(0, -9px, 0) rotate(-225deg);
		-o-transform: translate3d(0, -9px, 0) rotate(-225deg);
		-ms-transform: translate(0, -9px) rotate(-45deg);
	}
	

	
	#category{display: none;}
	#gnb{position: fixed; left:-100%; width: 100%; top: 54px; bottom: 0; float: none;z-index: 99; background: #f0f0f0; padding-bottom: 80px; transition: all .3s; overflow-y: auto; z-index:999;}
	#gnb .gnb_list > li{float: none; width:100%; border-bottom: 1px solid #ddd;}
	#gnb .gnb_list > li > a{ text-align:left; padding-left:4.725%; }
	#gnb .mo_gnb_top .mgt01{background-color:  #fff; text-align: center; padding-top: 20px; padding-bottom: 15px;}
	#gnb .mo_gnb_top .mgt01 a{display: inline-block; width: 80px; height: 30px; border: 1px solid #333; text-align: center; line-height: 28px; font-size: 14px; color: #333;margin: 0 5px;}
	.mo_gnb_top  .mgt02 ul{border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
	.mo_gnb_top  .mgt02 ul li{float: left; width: 25%; text-align: center; background-color: #fff; border-left: 1px solid #ddd;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.mo_gnb_top  .mgt02 ul li:first-child{border-left: none;}
	.mo_gnb_top  .mgt02 ul li a{display: block;}
	html.gnbOpen {position: fixed; left: 0; width: 100%; height: 100%;}
	html.gnbOpen body:after {top: 0; background: rgba(0,0,0,0.5);}
	html.gnbOpen #gnb {left: 0;}
	html.gnbOpen .gnb_bg{display: block; z-index: 55;}
	#gnb .gnb_list > li.mobile_link{display:block;padding:30px 22px 20px; text-align:center;border-bottom:0 none;}
	#gnb .gnb_list > li.mobile_link ul li{display:block; float:left; width:25%; margin:0%;}
	#gnb .sns_link li a img{width:70%;}

	#gnb_web { position:relative; float:none; padding-left:0; margin:10px auto; width:90.55%; z-index:920; }
	#gnb_web b { position:relative; border:solid 1px #ddd; display:block; color:#333; text-align:center; line-height:32px;  background-color:#fff; font-size:16px; box-sizing:border-box; cursor:pointer; }
	#gnb_web b:after { content:""; display:block; position:absolute; top:50%; right:2.5%; border-top:solid 10px  #d21c55; border-left:solid 5px transparent; border-right:solid 5px transparent; transform:translate(0%,-50%); }
	#gnb_web b span { color: #d21c55;}
	#gnb_web .gnb_list { display:none; position:absolute; top:34px; left:0px; right:0px; }
	#gnb_web .gnb_list > li { width:100%; background-color:#fff; box-sizing:border-box;  border:solid 1px #ddd; border-bottom:none; }
	#gnb_web .gnb_list > li:first-of-type { border-top:none; }
	#gnb_web .gnb_list > li:last-of-type { border-bottom:solid 1px #ddd; }
	#gnb_web .gnb_list > li > a { line-height:32px; font-size:16px; }
	#gnb_web .gnb_list > li a.md_pick:after { display:none; }
	#gnb_web .gnb_list > li a.md_pick.on:after { display:none; }

    #gnb_web .gnb_list_mo_wrp {
        overflow-x: auto;
        -ms-overflow-style: none;
    }
    #gnb_web .gnb_list_mo {
        display: block;
        overflow: hidden;
        width: 450px;
    }
    #gnb_web .gnb_list_mo li {
        float: left;
    }
    #gnb_web .gnb_list_mo li a {
        padding: 10px;
        color: #333;
        font-size: 15px;
        font-weight: 700;
        display: inline-block;
    }
    #gnb_web .gnb_list_mo li:first-child a {
        padding-left: 0;
    }
    #gnb_web .gnb_list_mo li a.on {
        color: #d21c55;
    }

	/* main */
	.main_top{border: none; padding-bottom: 0;}
	.main_top .mt_left{float: none; width: 100%;}
	.main_top .main_banner_visual .bx-controls{margin: 12px 0 18px; text-align: center;}
	.main_top .mt_right{float: none; width: 100%;}
	.main_coupon{	width:92%; height: 100px; margin: 20px auto; background:#3a3a3c;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
	.main_coupon h3 { display:block; margin:20px auto 0; width:102px; height:21px; background:url('../img/main/COUPON.png') no-repeat; background-size:cover; color:#fff; font-family:"BMDOHYEON"; font-size:24px; text-align:center; text-indent:-99999px;}
	.main_coupon .mc_ip{left: 20px; bottom: 20px; width: 70%; height:25px; background:#fff; }
	.main_coupon .mc_right{ margin-top: 6px; margin-right: 19px; width:100%;}
	.main_coupon .mc_right .mcr_img { display:none; }
	.main_coupon .mc_right .btn_submit01 { position:absolute; bottom:20px; right:20px; width:25%; height:25px; line-height:25px; background: #656565; font-size: 12px; color: #fff; border: 1px solid #dfdfdf; text-align: center; text-indent:0; }
	
	.main_top .main_event_banner { display:none;}

	.main_tabmenu{width: 92%;margin: 0 auto; margin-bottom: 42px;}
	.main_tabmenu .tabmenu > li{float: none; width: 100%; margin-bottom: 5px;}
	.main_tabmenu .tabmenu > li > a{height: auto; padding-bottom: 12%;}
	.main_tabmenu .tabmenu > li.mtm01 > a{background-image: url("/img/mobile/main_tab_tit01_off.jpg"); background-size:cover;}
	.main_tabmenu .tabmenu > li.mtm01.active .sub_mtm {background-image: url("/img/mobile/main_tab_tit01.jpg"); background-size:cover;}
	.main_tabmenu .tabmenu > li.mtm02 > a{background-image: url("/img/mobile/main_tab_tit02_off.jpg"); background-size:cover;}
	.main_tabmenu .tabmenu > li.mtm02.active .sub_mtm {background-image: url("/img/mobile/main_tab_tit02.jpg"); background-size:cover;}
	.main_tabmenu .tabmenu > li.mtm03 > a{background-image: url("/img/mobile/main_tab_tit03_off.jpg"); background-size:cover;}
	.main_tabmenu .tabmenu > li.mtm03.active .sub_mtm {background-image: url("/img/mobile/main_tab_tit03.jpg"); background-size:cover;}
	.main_tabmenu .tabmenu > li.mtm04 > a{background-image: url("/img/mobile/main_tab_tit04_off.jpg"); background-size:cover;}
	.main_tabmenu .tabmenu > li.mtm04.active .sub_mtm {background-image: url("/img/mobile/main_tab_tit04.jpg"); background-size:cover;}
	.main_tabmenu .tabmenu > li .depth02:after{margin-left: -8px;}
	.main_tabmenu .tabmenu > li.mtm01 .depth02:after{left: 50%;}
	.main_tabmenu .tabmenu > li.mtm02 .depth02:after{left: 50%;}
	.main_tabmenu .tabmenu > li.mtm03 .depth02:after{left: 50%;}

	.tit_st01{border: none; padding: 0; text-align: center;}
	.main_newarrival{padding: 0 27px;}
	.main_newarrival .newitem_type01{padding:0;margin: 0 0 30px;/*margin: 40px 0 30px;*/}
	.newitem_type01{width: 100%;}
	.newitem_type01 .item_box{width: 100%; padding: 0;/*padding: 24px 15px;*/ height: auto;}
	/*.newitem_type01 .item_box:before{width: 102%; height: 102%;}*/
	.newitem_type01 .item_content .ic_tit{font-size: 13px; line-height: 180%;}
	.newitem_type01 .item_content .ic_subject{font-size: 24px; height: 24px;}
	.newitem_type01 .item_content .ic_txt{font-size: 12px; height: 32px; line-height: 16px; margin-bottom: 15px;}
	.newitem_type01 .item_content .ic_pay strong{font-size: 14px;}
	.newitem_type01 .thum_img{width: 100%;/*width: 162px;*/ height: 156px; position:static;/*right: -12%;*/ /*bottom: 50px;*/}
	.newitem_type02{width: 100%;margin-bottom:0;}
	.newitem_type02 .item_box{position: relative; width: 100%;}http://175.126.62.212/item/item_list_new.php#
	.newitem_type02 .item_content{width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}



	/* 슬라이더 */
	.slick-slider.slider_box_mo { }
	.slick-slider.slider_box_mo img{ width:100%; height: 121vw;}
	.mo_slider_nav { position:absolute; bottom:0; left:0; right:0; } 
	.mo_slider_nav > div { position:absolute; left:50%; top:0%; padding:4px 0 8px;  width:100%; transform:translate(-50%,-100%); background-color:rgba(0,0,0,0.3); text-align:center; }
	.mo_slider_nav > div > div { display:inline-block !important; }
	.mo_slider_nav > div > div a img{height:10px;line-height:10px; vertical-align:middle;}
	.slick-slider.slider_nav_mo { /* float:left; */ /* position: absolute; top:0;left:0px; right:0; */ box-sizing:border-box; z-index: 9; } 
	.slider_nav_mo .slick-track {  left:0 !important; right:0; float:left; width:auto !important; }
	.slider_nav_mo .slick-track .slick-slide.slick-active { float:left;  margin-right:5px;  text-align:center; width:10px !important;}
	.slider_nav_mo .slick-slide.slick-active a { transition:0.2s; display:block;  box-sizing:border-box;  height:10px; line-height:10px; background-color:rgba(0,0,0,0.2); color:#000; font-size:16px; font-weight:400;  text-align:center; outline:none; border-radius:50%; }
	.slider_nav_mo .slick-slide.slick-current.slick-active a { text-align:center; color:#fff; background-color:#fff; }
	.recommend .img_box img { width:100%; height:auto !important; /* max-height:120px; */ }
	.recommend01_mo { padding: 20px 0; border-top:solid 1px #dddddd; position:relative; }
	.recommend01_mo .recom_box { display:block; /* margin:0 0.35%;  background-color:#f6f6f6; */ padding:0 0.5%; }
	/* .recommend01_mo .recom_box:nth-child(2n) { margin-right:0; } */
	.recommend01_mo .recom_box a { color:#333; }

	.recommend01_mo .recom_box .txt_box { box-sizing:border-box; padding:20px 0 30px 15px; height:75px;  }
	.recommend01_mo .recom_box .txt_box h3 { font-size:12px; margin-bottom:5px; }
	.recommend01_mo .recom_box .txt_box p { font-size:10px; }

	.slider_box_mo,
	.mo_slider_nav { height:auto; visibility: visible;}

	/**/
	.itme_type01 .item_content .ic_bot .ic_pay span.red { font-size:21px; }
	.itme_type01 .item_content .ic_bot .ic_pay strong {  font-size:14px; margin-right:0; line-height:21px; }
	.itme_type01 .item_content .ic_bot .ic_pay span.above { left:auto; right:19%; }





	/*.newitem_type02.thum_left .thum_img{position: absolute;left: 0; top: 50%; margin-top: -68px;}*/
	.newitem_type02.thum_left .item_content{float: none; /*padding-left: 140px;*/}
	.newitem_type02.thum_right .item_content{padding-right: 0;}
	/*.newitem_type02.thum_right .thum_img{position: absolute;right:  0; top: 50%; margin-top: -68px;}*/
	.newitem_type02 .thum_img{width: 135px; height: 135px;}
	.newitem_type02 .item_content .ic_tit{font-size: 13px; line-height: 180%;}
	.newitem_type02 .item_content .ic_subject{font-size: 24px; height: 24px;}
	.newitem_type02 .item_content .ic_txt{font-size: 12px; height: 32px; line-height: 16px; margin-bottom: 15px;}
	.newitem_type02 .item_content .ic_pay strong{font-size: 14px; letter-spacing:-1px;}
	.newitem_type02 .item_content .btn_more01{margin-top: 10px;}
	.btn_more01{height: 32px;border: 1px solid #333; font-size: 12px; line-height: 30px;}
	
	.newarrival_list{margin:10px auto 30px;}
	.newarrival_list.nl_list01 .slick-list{/*overflow: inherit;*/overflow: hidden;}
	.newarrival_list .slick-arrow{position: absolute; top: 50%; margin-top: -35px; width: 18px; height: 30px; overflow: hidden; background: url("/img/sub/btn_arrow01.png") no-repeat; overflow: hidden; text-indent: -9999em; opacity: 0.8; z-index: 50;}  
	.newarrival_list .slick-arrow.slick-prev{left: -23px; background-position: left top;}
	.newarrival_list .slick-arrow.slick-next{right: -23px; background-position: -18px top;}
	.newarrival_list .slick-arrow:hover{opacity: 1;}
	
	.main_section02{margin-top: 16px;}
	.item_tabmenu{border-bottom: none;}
	.item_tabmenu > select{width: 100%; height: 39px; border-radius:39px; padding:0 0 0 43%; font-size:16px; font-weight:600; font-family: 'Noto Sans KR'; }
	.main_item_list,
	.main_recently{}
	.itme_type01{margin: 0; padding-top: 20px;}
	.itme_type01 > li{ width: 48.5%; margin: 0 3% 0 0; margin-bottom: 3%;}
	.itme_type01 > li:nth-child(2n) { margin:0; }
	.itme_type01 .thum_img{text-align: center; height:43.43vw; }
	

	.main_service{border: none; margin-top:30px; padding: 25px; background-color: #ececec;  margin-bottom: 0;}
	.main_service .ms_box01,
	.main_service .ms_box02,
	.main_service .ms_box03{float: none; width: 100%; height: auto; border: 1px solid #000; padding: 25px 20px; background: #fff; margin-top: -1px;}
	.main_service .time_txt{overflow: hidden;}
	.main_service .time_txt dt:nth-of-type(2){clear: both;}
	.main_service .quick_menu li{width: 50%; text-align: center; margin-left: 0; padding: 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#container{padding-bottom: 0;}

	.recommend h2, .item_tabmenu h2 { margin:30px 0 10px; font-size:21px; }
	.item_list_header { font-size:21px; }
	.item_tabmenu .more_view { top:-19px; }

	.more_view{ top:-44px; font-size:12px; }
	.item_tabmenu > a {font-size:12px;}

	/*footer*/
	.footer_top{height: auto; padding: 12px 0; text-align: center; line-height: 1;}
	#fnb ul li{padding: 0 15px;}
	#fnb ul li a{font-size: 12px; padding: 6px 0;}
	#fnb ul li:nth-of-type(4):after{display:none;}

	.footer_bot{padding: 26px 20px;}
	.footer_bot .f_logo{float: none; text-align: center; margin-bottom: 17px;}
	.footer_bot .f_logo img{max-height: 40px;}
	.footer_bot .f_content{float: none; padding-left: 0; text-align: center;}
	.footer_bot address,
	.footer_bot p,
	.footer_bot .copy{font-size: 12px; line-height: 150%;}
	.footer_bot .f_agree{float: none; padding-left: 0; margin-left: 0; padding-top: 20px; margin-top: 20px; border-top: 1px solid #666666; border-left: none; text-align: center;}
	.footer_bot .f_agree h3{font-size: 14px;}
	.footer_bot .f_content .bar{display: none; font-size: 0; height: 0; text-indent: -9999em; margin: 0 5px;/*display: inline-block;*/}

	/* 추가수정 */
	.recommend01_mo .slick-list{width: 103%; margin-left: -3.3%;}
	.recommend01_mo .recom_box{padding:0 0 0 0.65%;}
}

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

	.footer_bot address,
	.footer_bot p,
	.footer_bot .copy{font-size: 11px;}
}
@media screen and (max-width: 1840px){ 
	.main .aside_left { left:5%; }
	.main .aside_right { right:8%; }
}
@media screen and (max-width: 1700px){ 
	.main .aside_left { left:1%; }
	.main .aside_right { right:2.5%; }
	/*.main .aside_left { left:3%; }
	.main .aside_right { right:6%; }*/

}
/*@media screen and (max-width: 1580px){  
	.main .aside_left { left:2%; }
	.main .aside_right { right:5%; }
}*/
@media screen and (max-width: 1550px){  
	.main .aside_left { left:1%; }
	.main .aside_right { /*right:4%;*/ right:2.5%; }
}
@media screen and (max-width: 1490px){ 
	.main aside { display:none; }
}