@charset "utf-8";

/* **************************************************************************************
* 반응형 스킨 사용자/제작자 CSS
Author : 퍼스트몰(firstmall)
Author URL : http://www.firstmall.kr
Creation Date : 2021-01-06
Modify Date : 2021-02-25
************************************************************************************** */

/*********************************** 공통 영역  ***********************************/

/* 공통 */
/* body,div,p,span,a,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,th,td,input,select,option,textarea,button {font-weight:300 !important;} */ 

/* 헤더 */
#layout_header .benefit {top:35px;}
.layout_header {border-bottom:0; box-shadow:none;}
.layout_header > .resp_wrap {position:relative; clear:both;}
.layout_header .util_wrap {height:0; border-bottom:0; background:transparent;}
.layout_header .util_wrap_menu2 {padding-right:0; position:absolute; top:28px; right:40px;}
.layout_header .util_wrap_menu2>li {background:none;}
.layout_header .util_wrap_menu>li>a,
.layout_header .util_wrap_menu2>li>a {padding:0 10px; line-height:30px; font-size:14px; font-weight:300; color:#666;}
.layout_header .util_wrap_menu>li>a:hover,
.layout_header .util_wrap_menu2>li>a:hover {color:#000;}
.layout_header .logo_wrap {height:0;}
.layout_header .logo_wrap .logo_area {margin:0; padding-top:20px;}
.layout_header .logo_wrap .logo_area > a {height:auto;}
.layout_header .resp_top_hamburger {display:none; z-index:10;}
.layout_header .resp_top_hamburger>a {width:27px; height:27px;}
.layout_header .resp_top_hamburger>a>b,
.layout_header .resp_top_hamburger>a:before,
.layout_header .resp_top_hamburger>a:after { background:#000; }
.layout_header .resp_top_hamburger>a:before { top:calc(50% - 3px); transform:translateY(-7px) rotate(0deg); }
.layout_header .resp_top_hamburger>a:after { top:calc(50% + 1px); transform:translateY(7px) rotate(0deg); }
.layout_header .resp_top_hamburger>a:hover:before { transform:translateY(-3px) rotate(405deg); }
.layout_header .resp_top_hamburger>a:hover:after { transform:translateY(3px) rotate(-405deg); }
.layout_header .resp_top_hamburger>a.on:before { transform:translateY(-3px) rotate(45deg); }
.layout_header .resp_top_hamburger>a.on:after { transform:translateY(3px) rotate(-45deg); }
.layout_header .resp_top_cart {display:none; top:80px; margin-top:0; right:70px; width:27px; height:27px; background:url('../images/design_resp/icon_cart.png') no-repeat; background-size:contain; padding-left:15px; z-index:10;}
.layout_header .resp_top_cart .cart_cnt2 {margin-top:-5px;}
.layout_header .resp_top_search {display:none; top:80px; margin-top:0; z-index:10;}
.layout_header .resp_top_search .search_ver2 .search_new {top:-5px;}
.layout_header .resp_top_search a.btn_search_open {width:27px; height:27px; background:url('../images/design_resp/icon_search.png') no-repeat; background-size:cover; margin-top:0;}
.layout_header #cateSwiper {border-top:none; margin-right:200px;}
.layout_header #cateSwiper .designCategoryNavigation .respCategoryList {display:table; width:auto; margin:auto; table-layout:auto;}
.layout_header #cateSwiper .designCategoryNavigation .respCategoryList > li {display:table-cell; white-space:nowrap;}
.layout_header #cateSwiper .respCategoryList .nav_category_all {width:auto;}
.layout_header #cateSwiper .respCategoryList .nav_category_all .categoryAllBtn,
.layout_header #cateSwiper .respCategoryList .categoryDepthLink {width:auto; height:80px; line-height:85px; border:0; padding:0 20px; font-size:14px; font-weight:500; color:#666;}
.layout_header #cateSwiper .respCategoryList .categoryDepthLink>em {line-height:inherit;}
.layout_header #cateSwiper .respCategoryList .categoryDepthLink:hover,
.layout_header #cateSwiper .respCategoryList .nav_category_all .categoryAllBtn:hover {color:#000;}
.layout_header #cateSwiper .respCategoryList .nav_category_all .categoryAllBtn>em,
.layout_header #cateSwiper .respCategoryList .categoryDepthLink>em {display:inline-block; position:relative; height:80px;}
.layout_header #cateSwiper .respCategoryList .categoryAllBtn>em:after,
.layout_header #cateSwiper .respCategoryList .categoryDepthLink>em:after { display:block; content:""; position:absolute; left:50%; top:20px; width:0; height:0; border-radius:50%; background:#000; transition:all .2s; }
.layout_header #cateSwiper .respCategoryList .nav_category_all:hover .categoryAllBtn>em:after,
.layout_header #cateSwiper .respCategoryList .categoryDepth1:hover .categoryDepthLink>em:after,
.layout_header #cateSwiper .respCategoryList .custom_nav_link:hover .categoryDepthLink>em:after,
.layout_header #cateSwiper .respCategoryList .categoryDepth1.on .categoryDepthLink>em:after,
.layout_header #cateSwiper .respCategoryList .custom_nav_link.on .categoryDepthLink>em:after{ width:2px; height:2px; }
.layout_header #cateSwiper .respCategoryList .categoryDepth1.on .categoryDepthLink>em,
.layout_header #cateSwiper .respCategoryList .custom_nav_link.on .categoryDepthLink>em { /*border:none;*/ }
.layout_header #cateSwiper .respCategoryList .categoryAllSub {display:none; position:absolute; top:80px; left:50%; margin-left:-80px; border:1px solid #e0e0e0; background:#fff;}
.layout_header #cateSwiper .respCategoryList .categoryAllSub > ul {width:160px; /*border:none;*/ padding:20px 0 20px 20px;}
.layout_header #cateSwiper .respCategoryList .categoryAllSub .categoryDepth1 .categoryDepthLink {height:35px; line-height:34px; text-align:left; font-size:14px;}
.layout_header #cateSwiper .respCategoryList .categoryAllSub .categoryDepth1 .categoryDepthLink>em {display:inline;}    
.layout_header #cateSwiper .respCategoryList .categoryAllSub .categoryDepthLink>em:after {display:none;}
.layout_header #cateSwiper .respCategoryList .categoryAllSub .categoryDepth1 .categorySub {top:-1px; left:100%; border:1px solid #e0e0e0; padding:20px 20px 38px;}
.layout_header #cateSwiper .respCategoryList .categoryAllSub .categorySubWrap .categoryDepth2>li {/*border-color:transparent;*/}
.layout_header #cateSwiper .respCategoryList .categoryAllSub .categorySubWrap .categoryDepth2>li>a,
.layout_header #cateSwiper .respCategoryList .categoryAllSub .categorySubWrap .categoryDepth2>li:hover>a {font-size:14px;}
@media only screen and (max-width:1279px) {
	.layout_header {margin-bottom:0;}
	.layout_header .util_wrap {display:none;}
	.layout_header .logo_wrap {height:auto;}
	.layout_header .logo_wrap .logo_area {display:table; margin:auto; padding-top:0;}
	.layout_header .logo_wrap .logo_area > a {height:auto; line-height:inherit; padding:17px 0 0;}
	.layout_header .logo_wrap .logo_area img,
	.layout_header .logo_wrap.flying .logo_area img {max-height:50px;}
	.layout_header .resp_top_hamburger,
	.layout_header .resp_top_cart,
	.layout_header .resp_top_search {display:block; top:23px; margin-top:0;}
	.layout_header .resp_top_search .search_ver2 .search_new {top:0;}
	.layout_header .resp_top_search .search_ver2 .search_new .input_area .cont {margin-top:-10px;}
	.layout_header .resp_top_search a.btn_search_open {margin-top:0;}
	.layout_header #cateSwiper {margin-right:0;}
	.layout_header #cateSwiper .designCategoryNavigation {overflow:visible;}
	.layout_header #cateSwiper .respCategoryList .nav_category_all {margin-right:0;}
	.layout_header #cateSwiper .respCategoryList .nav_category_all .categoryAllBtn, 
	.layout_header #cateSwiper .respCategoryList .nav_category_all .categoryAllBtn>em,
	.layout_header #cateSwiper .respCategoryList .categoryDepthLink,	
	.layout_header #cateSwiper .respCategoryList .categoryDepthLink>em {height:60px; line-height:65px;}
	.layout_header #cateSwiper .respCategoryList .categoryAllBtn>em:after, 
	.layout_header #cateSwiper .respCategoryList .categoryDepthLink>em:after {top:10px;}
}
@media only screen and (max-width:1023px) {
	.layout_header .resp_top_hamburger {left:10px;}
	.layout_header .resp_top_cart {right:40px;}
}
@media only screen and (max-width:767px) {	
	.layout_header .resp_top_hamburger,
	.layout_header .resp_top_cart,
	.layout_header .resp_top_search {top:30px; margin-top:-5px;}
	.layout_header .resp_top_cart {right:30px;}
	.layout_header .resp_top_hamburger > a,
	.layout_header .resp_top_cart,
	.layout_header .resp_top_search a.btn_search_open {width:22px; height:22px;}
	.layout_header #cateSwiper .designCategoryNavigation {overflow:hidden;}
	.layout_header #cateSwiper .designCategoryNavigation .respCategoryList,
	.layout_header #cateSwiper .designCategoryNavigation .respCategoryList > li {/*display:flex;*/}
	.layout_header #cateSwiper .respCategoryList .nav_category_all .categoryAllBtn,
	.layout_header #cateSwiper .respCategoryList .categoryDepthLink {margin:0; padding:0 10px;}
}
@media only screen and (max-width:479px) {
	.layout_header .logo_wrap.flying .logo_area > a {padding:10px 0;}
	.layout_header .logo_wrap.flying .resp_top_hamburger,
	.layout_header .logo_wrap.flying .resp_top_cart,
	.layout_header .logo_wrap.flying .resp_top_search {margin-top:-12px;}
}

/* 풋터 */
.layout_footer {/*background:#ffd7d7;*/}
.layout_footer .footer_a {border-top:0; padding:50px 0; text-align:left;}
.layout_footer .logo_area {padding-bottom:20px;}
.layout_footer .logo_area img {/*max-width:130px;*/}
.layout_footer .menu2 {padding:0 0 18px; margin-left:-10px;}
.layout_footer .menu2>li {float:none; display:inline-block; border-left:1px solid #cfb4b4;}
.layout_footer .menu2>li:first-child {border-left:none;}
.layout_footer .menu2>li>a {height:auto; padding:0 10px; font-size:14px; line-height:1.0;}
.layout_footer .menu1 {margin-left:0;}
.layout_footer .menu1>li {position:relative; width:60%; max-width:inherit; margin-bottom:10px; margin-left:0; padding:0; overflow:hidden;}
.layout_footer .menu1>li.sub {width:20%;}
.layout_footer .menu1 .list2 {margin-left:-8px;}
.layout_footer .menu1 .list2>li {display:inline-block; margin-bottom:8px; border-left:1px solid #cfb4b4; padding:0 5px 0 8px; line-height:1.0;}
.layout_footer .menu1 .title {padding:5px 0 20px; font-size:20px; font-weight:400;}
.layout_footer .menu1 .company_phone {padding-bottom:10px; font-size:32px; font-weight:300; line-height:1.0;}
.layout_footer .menu1 .escrow {position:static; padding-top:20px;}
.layout_footer .copyright {color:#767676;}
.layout_footer .sns {margin-top:10px;}
.layout_footer .sns>li {display:inline-block; padding-right:10px;}
.layout_footer .sns>li img {transition:all ease 0.5s; opacity:0.6;}
.layout_footer .sns>li:hover img {opacity:1;}
@media only screen and (max-width:1023px) {
    .layout_footer .menu1>li {width:100%;}
    .layout_footer .menu1>li.sub {width:50%;}
}
@media only screen and (max-width:767px) {
    .layout_footer .footer_a {padding:30px 0;}   
    .layout_footer .menu1>li {padding-top:10px;}
    .layout_footer .menu1>li.sub {width:100%;}
    .layout_footer .copyright {padding-top:10px;}
}

/* 우측 사이드바 */
.rightQuickMenuWrap2 {position:fixed; top:0; bottom:0; right:0; width:220px; border-left:1px solid #dbdbdb; background:#fff; z-index:201;}
.rightQuickMenuWrap2 p, .rightQuickMenuWrap2 li, 
.rightQuickMenuWrap2 a, .rightQuickMenuWrap2 span {letter-spacing:0.5px; font-size:11px; font-weight:400; color:#999;}
.rightQuickMenuWrap2 .rightQuick_close {display:none; position:absolute; top:50%; right:220px; margin-top:-50px; width:40px; height:40px; background:#fff;}
.rightQuickMenuWrap2 .rightQuick_open {position:absolute; top:50%; right:220px; margin-top:-50px; width:40px; height:40px; background:#fff;}
.rightQuickMenuWrap2 .rightQuickMenu2 {position:absolute; top:50%; right:220px; margin-top:-10px;}
.rightQuickMenuWrap2 .rightQuickMenu2>a {display:block; margin-top:-1px; width:40px; height:40px;}
.rightQuickMenuWrap2 .right_wrap {padding:0 20px 20px;}
.rightQuickMenuWrap2 .right_wrap h3 {margin:30px 0 11px; font-size:12px; font-weight:600; color:#000; letter-spacing:1.2px;}
.rightQuickMenuWrap2 .right_wrap h3 span {font-weight:inherit; color:inherit;}
.rightQuickMenuWrap2 .right_wrap h3:first-child {margin:30px 0 12px; padding:0; border:none;}
.rightQuickMenuWrap2 .right_item_recent {padding-top:0;}
.rightQuickMenuWrap2 .right_itemList ul li {padding-top:0; position: relative; text-align:center;}
.rightQuickMenuWrap2 .right_itemList ul li .right_quick_goods img {max-width:100%;}
.rightQuickMenuWrap2 .right_itemList ul li .right_quick_goods:hover img {border-color:#fff !important;}
.rightQuickMenuWrap2 .right_itemList .btn_delete {display:none; position:absolute; top:-5px; right:-5px; background:url('../images/design/ico_recently_delete.png') no-repeat; width:15px; height:15px; border-radius:2px;}
.rightQuickMenuWrap2 .right_quick_paging {display:none; position:relative; width:100px; margin:auto; padding:8px 0px; color:#acacac; text-align:center;}
.rightQuickMenuWrap2 .right_quick_paging .right_page_box {display:inline-block; vertical-align:middle; margin-top:-5px;}
.rightQuickMenuWrap2 .right_quick_paging .right_quick_btn_prev {position:absolute; left:0;}
.rightQuickMenuWrap2 .right_quick_paging .right_quick_btn_next {position:absolute; right:0;}
.rightQuickMenuWrap2 .right_menu1>li {font-size:10px; padding:1px 0;}
.rightQuickMenuWrap2 .right_menu1>li>a:hover {text-decoration:underline;}
.rightQuickMenuWrap2 .right_menu1 .phone {margin:-2px 0 10px; font-size:20px; font-weight:400; color:#000; line-height:1.3;}
.rightQuickMenuWrap2 .bank_info>li {padding-top:6px;}
.rightQuickMenuWrap2 .bank_info>li:first-child {padding-top:0;}
.rightQuickMenuWrap2 ul.social_list {overflow:hidden; zoom:1;}
.rightQuickMenuWrap2 ul.social_list>li {display: inline-block; line-height:0; padding-left:10px;}
.rightQuickMenuWrap2 ul.social_list>li:first-child {padding-left:0;}
.rightQuickMenuWrap2 ul.social_list>li>a>img {height:14px; opacity:0.4; transition:opacity 0.3s;}
.rightQuickMenuWrap2 ul.social_list>li>a:hover>img {opacity:1;}
.rightQuickMenuWrap2 .btn_navertalk {display:block; margin-top:30px; line-height:30px; border-radius:2px; border:1px solid #01ba3a; background:#01c43d; text-align:center; font-size:14px; color:#fff; letter-spacing:0;}
@media only screen and (max-width:1023px) {
	.rightQuickMenuWrap2 {display:none;}
}

/* 좌측 어사이드 메뉴 */
.side_close {left:325px;}
.layout_side {width:320px; padding:20px 30px;}
.layout_side .aside_userinformation {border-color:#333; padding:0 0 20px;}
.layout_side .asie_main_menu {padding:10px 0 15px;}
.layout_side .aside_navigation_wrap {border-top:1px solid #333;}
.layout_side .aside_navigation_wrap ul.menu {padding-top:30px; margin-bottom:10px;}
.layout_side .aside_navigation_wrap ul.menu li.mitem,
.layout_side .aside_navigation_wrap ul.menu li.mitem:first-child {border-top:0; border-bottom:0;}
.layout_side .aside_navigation_wrap ul.menu li.mitem.category a.mitem_title {background-color:transparent;}
.layout_side .aside_navigation_wrap ul.menu li.mitem.category a.mitem_goodsview {border-color:transparent; padding:10px 0; font-size:16px; font-weight:300; color:#666;}
.layout_side .aside_navigation_wrap ul.menu li.mitem.category a.mitem_goodsview:hover {color:#000;}
.layout_side .aside_navigation_wrap ul.menu li.mitem.category.on, 
.layout_side .aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem.category.on {background-color:transparent;}
.layout_side .aside_navigation_wrap ul.menu li.mitem.mitemicon2,
.layout_side .aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu {background-color:transparent;}
.layout_side .aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem {border-color:transparent;}
.layout_side .aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem.category:last-child {border-color:transparent;}
.layout_side .aside_navigation_wrap ul.menu li.mitem.mitemicon1,
.layout_side .aside_navigation_wrap ul.menu li.mitem.mitemicon2 {background-position:10px center;}
.layout_side .aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem.category a.submitem_title {background-position:15px center;}
.layout_side .aside_navigation_wrap ul.menu li.mitem.category a.mitem_goodsview {margin-left:35px;}
.layout_side .aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem.category a.mitem_goodsview {margin-left:25px; font-size:14px;}
.layout_side .aside_navigation_wrap ul.menu li.custom_nav_link a.mitem_goodsview {color:#666;}
.layout_side .aside_navigation_wrap ul.menu li.custom_nav_link a.mitem_goodsview:hover {color:#000;}
.layout_side .mitem_subcontents + .custom_nav_link {padding-top:10px;}
.layout_side .asie_main_menu>ul>li.am_home,
.layout_side .asie_main_menu>ul>li.am_wish,
.layout_side .asie_main_menu>ul>li.am_coupon,
.layout_side .asie_main_menu>ul>li.am_emony,
.layout_side .aside_navigation_wrap ul.tab,
.layout_side .aside_navigation_bottom_line {display:none;}
.layout_side .wrap_aside,
.layout_side .aside_recently_nodata,
.layout_side .aside_recently {display:;}
.layout_side .aside_cs_btn {padding-top:20px;}
.layout_side .aside_cs_btn>a {display:block; height:34px; line-height:32px; font-size:14px;}


/*********************************** 메인 페이지 ***********************************/

/* 메인 - 슬라아드 배너 */
.wide_visual_slider {max-width:1920px; margin:auto;}
.wide_visual_slider .sslide img {max-width:inherit; margin-left:-50%; margin-right:-50%;}
.wide_visual_slider .slick-active .simg { transform:scale( 1.0 ); }
.wide_visual_slider .text_wrap { /*margin:60px 0 0;*/ background:transparent; padding:0; }
.wide_visual_slider .text1 { font-size:46px; font-weight:300; color:#fff; letter-spacing:-1px; transform:translateX( 10px ); transition:all 0.6s 0.5s; }
.wide_visual_slider .text2 { font-size:46px; font-weight:500; color:#fff; letter-spacing:-1px; transform:translateX( 20px ); transition:all 0.6s 1.3s; }
.wide_visual_slider .text3 { padding-top:30px; font-size:17px; font-weight:300; color:#fff; letter-spacing:0; transform:translateY( -10px ); transition:all 0.6s 1.7s; }
.wide_visual_slider .sbtns1 { padding-top:40px; transform:scale( 1.1 ); transition:all 0.6s 2.3s; }
.wide_visual_slider .sbtn1 { height:40px; line-height:40px; border-radius:0; border:1px solid #fff; background:transparent; padding:0 30px; font-size:14px; font-weight:300; color:#fff; }
.wide_visual_slider .sbtn1:hover { background:rgba(255,255,255,0.3); }
.wide_visual_slider .slick-arrow {width:35px; height:67px;}
.wide_visual_slider .slick-prev {left:50%; margin-left:-630px; background:transparent url('../images/design_resp/icon_prev.png'); background-position:42% center;}
.wide_visual_slider .slick-next {right:50%; margin-right:-630px; background:transparent url('../images/design_resp/icon_next.png'); background-position:42% center;}
.wide_visual_slider .slick-dots {bottom:30px;}
.wide_visual_slider .slick-dots>li {padding:0 5px;}
.wide_visual_slider .slick-dots>li>button {width:10px; height:10px; box-shadow:none; border-radius:50px; background:#fff; transition:all ease 0.3s; opacity:0.3;}
.wide_visual_slider .slick-dots>li.slick-active>button {background:#fff; opacity:1;}
@media only screen and (max-width:1279px) {
	.wide_visual_slider .sslide img { max-width:120%; margin-left:-30%; margin-right:-30%; }
	.wide_visual_slider .slick-prev {left:40px; margin-left:0;}
	.wide_visual_slider .slick-next {right:40px; margin-right:0;}
}
@media only screen and (max-width:1023px) {
	.wide_visual_slider .sslide img { max-width:140%; margin-left:-20%; margin-right:-20%; }
	.wide_visual_slider .slick-prev {left:10px;}
	.wide_visual_slider .slick-next {right:10px;}	
}
@media only screen and (max-width:767px) {
	.wide_visual_slider .sslide img { max-width:160%; margin-left:-30%; margin-right:-30%; }
	.wide_visual_slider .text1,
	.wide_visual_slider .text2 { font-size:36px; }
	.wide_visual_slider .text3 { padding-top:10px; font-size:17px; }
	.wide_visual_slider .sbtns1 { padding-top:20px; }
	.wide_visual_slider .sbtn1 { padding:0 20px; font-size:15px; }
	.wide_visual_slider .slick-dots {bottom:20px;}
}
@media only screen and (max-width:479px) {
	.wide_visual_slider .sslide img { max-width:200%; margin-left:-40%; margin-right:-40%; }
}
@media only screen and (max-width:375px) {
	.wide_visual_slider .text1,
	.wide_visual_slider .text2 { font-size:26px; }
}

/* 메인 - 타이틀 */
.title_group1 {padding:100px 0 30px;}
.title_group1 + .title_group1 {padding-top:50px;}
.title_group1 .title1 {font-size:30px; font-weight:300; color:#333; letter-spacing:0;}
.detail_title_area .name,
.goods_spec_sections .deatil_price_area .sale_price .num,
#total_goods_price {font-weight:400;}
.search_nav .navi_linemap2:before {height:37px;}
@media only screen and (max-width:767px) {
    .title_group1 {padding:60px 0 20px;}
    .title_group1 .title1 {font-size:26px;}
}
@media only screen and (max-width:479px) {
    .title_group1 {padding:40px 0 10px;}
    .title_group1 .title1 {font-size:24px;}
}

/* 메인/서브 - 상품디스플레이 */
.display_slide_class {}
.displayTabContainer {margin-top:10px;}
.display_responsible_class {margin-top:-10px;}
.displaY_color_option .areA {height:4px;}
.goods_list li.gl_item .resp_display_goods_info {padding:15px 0;}
.goods_list .displaY_sales_percent {float:right;}
.goods_list .displaY_besong {display:none;}
.goods_list .displaY_review_count {display:none;}
@media only screen and (max-width:1023px) {
    .goods_list li.gl_item {padding-top:0;}
}
@media only screen and (max-width:767px) {
    .goods_list li.gl_item .resp_display_goods_info {padding:15px 0 0;}
}

/* 메인 - 이미지 배너 (hover Effect) */
[data-effect] li img { transition:transform 0.3s; }
[data-effect] li.none:hover img { transform:none; }
[data-effect="scale"]>li a { display:block; overflow:hidden; }
[data-effect="scale"] li:hover img { transform:scale(1.05); } /* 이미지 확대 */
[data-effect="opacity"] li:hover img { opacity:0.8 } /* 이미지 불투명 */
[data-effect="rotate_01"] li:hover img { transform:rotate(1.5deg); } /* 우측 회전 */
[data-effect="rotate_02"] li:hover img { transform:rotate(-1.5deg); } /* 좌측 회전 */
[data-effect="translateX_01"] li:hover img { transform:translateX(-5px); } /* 좌측 이동 */
[data-effect="translateX_02"] li:hover img { transform:translateX(5px); } /* 우측 이동 */
[data-effect="translateY_01"] li:hover img { transform:translateY(-5px); } /* 위쪽 이동 */
[data-effect="translateY_02"] li:hover img { transform:translateY(5px); } /* 아래쪽 이동 */

/* 메인 - 동영상 배너 */
.full_bnr {display:table; width:100%; background:#e9e9e9; margin-top:100px;}
.full_bnr li {display:table-cell; text-align:right;}
.full_bnr li.content {width:42%; vertical-align:middle; text-align:center; line-height:30px; font-size:17px; font-weight:300; color:#2d2d2d;}
.full_bnr h2 {position:relative; margin-bottom:30px; padding-bottom:20px; font-size:30px; font-weight:200; color:#2d2d2d; letter-spacing:2px;}
.full_bnr h2:before {display:block; content:''; position:absolute; left:50%; bottom:0; margin-left:-25px; width:50px; height:1px; background:#2d2d2d;}
.full_bnr .sbtn {padding-top:50px;}
.full_bnr .sbtn > a {display:inline-block; border:1px solid rgba(0,0,0,0.5); background:rgba(0,0,0,0); padding:5px 30px; font-size:14px; font-weight:300; color:#2d2d2d; letter-spacing:2px; transition:all ease 0.5s;}
.full_bnr .sbtn > a:hover {border-color:transparent; background:#333; color:#fff;}
@media only screen and (max-width:1330px) {
	.full_bnr li {width:60%;}
	.full_bnr li.content {width:30%;}
}
@media only screen and (max-width:800px) {
	.full_bnr li {display:block; width:100%;}
	.full_bnr li.content {width:100%; padding:50px 0;}
	.full_bnr .sbtn {padding-top:30px;}
	.full_bnr li img {width:100%;}
}
@media only screen and (max-width:767px) {
	.full_bnr {margin-top:60px;}
}
@media only screen and (max-width:479px) {
	.full_bnr {margin-top:40px;}
	.full_bnr .sbtn > a {padding:5px 20px;}
}

/* 메인 - 유투브 동영상 팝업 */
.full_mov {display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:1000;}
.full_mov .wrap {position:absolute; top:50%; left:50%; margin:-270px -480px; width:960px;}
.full_mov .mov {width:100%; position:relative; padding-bottom:56.25%;}
.full_mov .mov iframe {position:absolute; width:100%; height:100%;}
.full_mov .close {position:absolute; top:0; right:0; width:40px; height:40px; background:rgba(0,0,0,0.5);}
.full_mov .close:before {display:block; content:''; position:absolute; left:0; top:20px; width:40px; height:2px; background:#fff; transform:rotate(45deg);}
.full_mov .close:after {display:block; content:''; position:absolute; left:0; top:20px; width:40px; height:2px; background:#fff; transform:rotate(-45deg);}
@media only screen and (max-width:960px) {
	.full_mov .wrap {left:0; margin:-270px 0 0; width:100%;}
}
@media only screen and (max-width:767px) {
	.full_mov .wrap {margin-top:-200px;}
}
@media only screen and (max-width:479px) {
	.full_mov .wrap {margin-top:-150px;}
}
@media only screen and (max-width:360px) {
	.full_mov .wrap {margin-top:-100px;}
}

/* 메인 - full_bnr2 (상품디스플레이) */
.full_bnr2, .full_bnr2 ul, .full_bnr2 li:first-child {min-height:260px;}
.full_bnr2 {max-width:1920px; margin:100px auto 0; background:url('../images/design_resp/bnr_02.jpg') no-repeat;}
.full_bnr2 ul {display:table; width:100%;}
.full_bnr2 li {display:table-cell; text-align:right;}
.full_bnr2 li:first-child {position:relative; width:40%;}
.full_bnr2 li .content {position:absolute; top:25%; left:45%; vertical-align:middle; text-align:left; font-size:17px; font-weight:300; color:#2d2d2d; line-height:30px;}
.full_bnr2 h2 {position:relative; margin-bottom:20px; font-size:40px; font-weight:200; color:#2d2d2d; letter-spacing:-1px;}
.full_bnr2 p {font-size:14px; font-weight:300; color:#2d2d2d; line-height:1.4;}
.full_bnr2 .sbtn {padding-top:50px; line-height:30px;}
.full_bnr2 .sbtn > a {display:inline-block; background:#373737; padding:5px 30px; font-size:14px; font-weight:300; color:#fff; letter-spacing:2px; transition:all ease 0.5s;}
.full_bnr2 .sbtn > a:hover {background:rgba(0,0,0,0.5);}
@media only screen and (max-width:1330px) {
	.full_bnr2 li .content {top:20%; left:10%;}
}
@media only screen and (max-width:1023px) {
	.full_bnr2 {display:table; width:100%; background:#f4f4f4;}
	.full_bnr2 li,
	.full_bnr2 li:first-child {display:block; width:100%;}
	.full_bnr2 li .content {position:relative; top:auto; left:auto; width:100%; padding:50px 0; text-align:center;}
	.full_bnr2 .sbtn {padding-top:30px;}	
}
@media only screen and (max-width:767px) {
	.full_bnr2 {margin-top:60px;}
}
@media only screen and (max-width:479px) {
	.full_bnr2 {margin-top:40px;}
	.full_bnr2 h2 {font-size:30px;}
	.full_bnr2 .sbtn > a {padding:5px 20px;}
}

/* 메인 - 상품디스플레이 */
.resp_special {margin-top:45px; /*background:#fff; padding-left:5px;*/}
.resp_special .goods_list {text-align:center;}
.resp_special .goods_list .gli_image {background:rgba(255, 255, 255, 0.8);}
.resp_special [data-effect*="opacity"] .gl_item {position:relative; top:0;  transition:all 0.2s;}
.resp_special [data-effect*="opacity"] .gl_item:hover {position:relative;}
.resp_special [data-effect*="opacity"] .gl_item:hover .respItemImageArea {position:relative; z-index:1;}
.resp_special [data-effect*="opacity"] .gl_item:hover .respItemImageArea img {opacity:0.2;}
.resp_special [data-effect*="opacity"] .gl_item:hover .resp_display_goods_info {opacity:1;}    
.resp_special .goods_list li.gl_item .resp_display_goods_info .displaY_sales_percent {float:none;}
.resp_special .resp_display_goods_info {position:absolute; top:50%; left:50%; width:60%; padding:0; text-align:center; opacity:0; transition:all 0.2s; transform:translate(-50%, -50%);}
.resp_special .resp_display_goods_info a,
.resp_special .resp_display_goods_info span, 
.resp_special .resp_display_goods_info .displaY_consumer_price,
.resp_special .resp_display_goods_info .displaY_brand_name .areA:before,
.resp_special .resp_display_goods_info .displaY_brand_name .areA:after,
.resp_special .resp_display_goods_info .displaY_sales_percent:after {font-weight:400; color:#333;}
.resp_special .resp_display_goods_info .displaY_sales_price .areA {font-weight:900;}
.resp_special .display_slide_class .swiper-button-prev, 
.resp_special .display_slide_class .swiper-button-next {display:none;}
@media only screen and (max-width:1279px) {
    .resp_special .resp_display_goods_info {width:80%;}
}
@media only screen and (max-width:1023px) {
	.resp_special {margin-top:0; padding:0 5px;}
}
@media only screen and (max-width:767px) {
    .resp_special .goods_list .gli_image {background:rgba(0, 73, 0, 0);}
    .resp_special [data-effect*="opacity"] .gl_item:hover .respItemImageArea img {opacity:0.8;}
    .resp_special [data-effect*="opacity"] .gl_item:hover .resp_display_goods_info {opacity:0;}
}
@media only screen and (max-width:479px) {
	.resp_special .show_display_col3 .display_slide_class .swiper-slide {width:50%;}
}

/* 메인 - full_bnr3 (이미지 배너) */
.full_bnr3 {margin-top:100px; text-align:center; overflow:hidden;}
@media only screen and (max-width:767px) {
	.full_bnr3 {margin-top:60px;}
	.full_bnr3 img {max-width:140%; margin-left:-20%; margin-right:-20%;}
}
@media only screen and (max-width:479px) {
	.full_bnr3 {margin-top:40px;}
	.full_bnr3 img {max-width:160%; margin-left:-30%; margin-right:-30%;}
}


/*********************************** 서브 페이지 ***********************************/

/* 모바일 하단 화살표 */
#floating_over .ico_floating_back {border:1px solid #ccc; background:#fff url('../images/design_resp/btn_back.png') center no-repeat; background-size:cover;}
#floating_over .ico_floating_foward {border:1px solid #ccc; background:#fff url('../images/design_resp/btn_foward.png') center no-repeat; background-size:cover;}
#floating_over .ico_floating_top {display:none; border:1px solid #ccc; background:#fff url('../images/design_resp/btn_up.png') center no-repeat; background-size:cover; text-indent:-9999px;}
@media only screen and (max-width:1023px) {
    #floating_over .ico_floating_top {display:block;}
}

/* 띠배너 */
.designPopupBand, .designPopupBandMobile {z-index:10;}
.designPopupBandBtn {background:url('../images/design_resp/band_btn_open.png') center no-repeat; text-indent:-9999px; z-index:210 !important;}

/* 팝업BG 감추기 */
#designPopupModalBack {display:none;}

/* 전체 카테고리 */
.all_list_contents .all_list_title {font-weight:400; line-height:1.0;}
.all_list_contents .all_list_close {background:url(../images/design_resp/del.png) 50% 50% no-repeat;}
@media only screen and (max-width:1023px) {
.all_list_contents .all_list_close {top:18px;}
}
                
/* 사이드 메뉴 */
.layout_side .title_sub3.v2 {font-weight:400;}
.layout_side .aside_cs_phone:before {display:none;}
.layout_side .aside_cs_phone {font-weight:300;}
.layout_side .aside_cs_addinfo {font-weight:400; color:#666;}
.side_close {margin-top:10px;}
.side_close:before, .side_close:after {height:2px;}

/* 페이지 경로 */
.search_nav select,
.search_nav select option,
.search_nav .navi_linemap2 .selected_cate,
.search_nav .navi_linemap2 .navi_linemap_sub>li {font-size:13px;}

/* 라디오/체크박스 크기 축소 */
input[type=radio] {width:17px; height:17px;}
input[type=checkbox],
.pilsu_agree_all input[type='checkbox'],
.pilsu_agree_all2 input[type='checkbox'],
.agree_list2 input[type='checkbox'],
.agree_list3 input[type='checkbox'],
.resp_cart_wrap label.checkbox_allselect input[type='checkbox'] {width:16px; height:16px;}
.agree_list2 .agree_view {padding-bottom:0;}

/* 상품상세 라인 제거 */
.goods_spec_sections .deatil_sale_rate {border-radius:50%;}
.goods_spec_sections .deatil_price_area,
.goods_spec_sections .goods_spec_shipping,
.goods_buy_sections {border:none;}
.goods_thumbs_spec #goods_thumbs { padding-bottom:40px; }
.goods_information_contents { padding-top:40px; }
@media only screen and (max-width:767px){
    .goods_thumbs_spec #goods_thumbs { padding-bottom:20px; }
    .goods_information_contents { padding-top:0; }
}

/* 버튼 */
.goods_thumbs_spec #goods_spec .btn_resp.size_extra2,
.goods_thumbs_spec #goods_spec .btn_resp.color2 {height:50px; line-height:50px; font-size:16px;} /* 상세 버튼 */

/* 테이블 */
.table_row_a>tbody>tr>th, .resp_table_row>ul>li.th {border-left:1px solid #fff;}
.table_row_a>tbody>tr>td, .resp_table_row>ul>li.td, .resp_1line_table>ul>li {border-right:1px solid #fff;}
.resp_1line_table, table.list_table_style, .board_goods_select_display.v2 {border-right:1px solid #fff; border-left:1px solid #fff;}
.no_data_area2 {color:#888;}

/* 회원 */
.resp_login_wrap .box_id[type=text]::placeholder,
.resp_login_wrap .box_pw[type=password]::placeholder,
.resp_login_wrap .box_order[type=text]::placeholder {font-size:14px;} /* 로그인 */
.resp_login_wrap .login_real_area .find_join>a.Fw500 {font-weight:400 !important;}
.login_ok_menu .btn_resp.size_c {height:60px; line-height:60px; font-size:16px; font-weight:300;} /* 회원가입 완료 버튼 */

/* 주문/결제 */
.subpage_wrap.order_payment.flyingMode .order_payment_right .order_subsection {position:relative !important;}
.subpage_wrap.order_payment.flyingMode .order_payment_right .order_subsection .right_flying_wrap1 {padding-left:0 !important; padding-right:0 !important;}
.subpage_wrap.order_payment.flyingMode .order_payment_right .order_subsection .right_flying_wrap3 {width:100% !important; box-shadow:none !important;}
#typereceiptlay .labelgroup_design {margin-bottom:5px;}

/* 고객센터 */
.mycs_fcont_margin {margin-top:60px;}

/* 자주 묻는 질문 */
#bbslist .faq_new {border-top:2px solid #333;}
#bbslist .faq_new>li {margin-top:0;}
#bbslist .faq_new .question {border-bottom:1px solid #e0e0e0;}
#bbslist .faq_new .question:before {line-height:58px; padding-left:15px;}
#bbslist .faq_new .question .subject {display:block; background:none; padding:20px 10px 15px 12px;}
#bbslist .faq_new .answer {margin-top:0; border-bottom:1px solid #e0e0e0; background:#f8f8f8; padding:20px 10px 20px 52px;}
#bbslist .faq_new .answer:before {line-height:65px; padding-left:15px;}
