@charset "utf-8";

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

body,th,td,input,select,textarea,button,pre{ font-weight:300; }

.aside_cs_phone {font-weight:400;}
.aside_cs_phone:before {display:none;}

/* ================================== HEADER ================================== */
/* HEADER - 로고 */
.layout_header .logo_wrap .resp_wrap { max-width:1840px; }
.layout_header .logo_wrap .logo_area { margin:0; float:left; width: auto; }
.layout_header .logo_wrap .logo_area>a { height:100px; }

/* HEADER - 검색 */
.resp_top_search { right:50%; top:50%; margin:-22px -200px 0 0; }
.resp_top_search .search_ver2 { opacity:1; overflow:visible; transform:translateX(0); }
.resp_top_search .search_ver2 .search_new .input_area button.close { display:none; }
.resp_top_search .search_ver2 .search_new .input_area button.search { background: url(../images/design_resp/icon_search.png) 50% 50% no-repeat; background-size:20px; }
.resp_top_search .search_ver2 .search_new .input_area .cont { width:400px; text-align:left; border-radius:0; border:none; border-bottom:2px #333 solid; }
.resp_top_search .search_ver2 .search_new .input_area label.search_box { width:364px; }
.resp_top_search .search_ver2 .search_new .input_area label.search_box>input[type='text'] { padding-left:5px; }
.resp_top_search .search_ver2 .search_new .contetns_area { width:398px; border-color:#333; }
.resp_top_search .search_ver2 .search_new .autocomplete_banner { border-color:#333; }

/* HEADER - 유틸메뉴 */
.layout_header .util_wrap_menu2 { margin-top:32px; font-size:12px; }
.layout_header .util_wrap_menu2>li { background:none; }
.layout_header .util_wrap_menu2>li>a { height:auto; padding:28px 5px 0; min-width:40px; line-height:1.2; text-align:center; background-position:center top; background-repeat:no-repeat; }
.layout_header .util_wrap_menu2>li:last-child>a { padding-right:5px; }
.layout_header .util_wrap_menu2>li.user_logout>a { background-image:url(../images/design_resp/icon_logout.png); }
.layout_header .util_wrap_menu2>li.user_login>a { background-image:url(../images/design_resp/icon_login.png); }
.layout_header .util_wrap_menu2>li.user_join>a { background-image:url(../images/design_resp/icon_join.png); }
.layout_header .util_wrap_menu2>li.respCartArea>a { background-image:url(../images/design_resp/icon_cart.png); font-size:13px; }
.layout_header .util_wrap_menu2>li.user_info>a { padding-top:5px; line-height:1.5; }
.layout_header .util_wrap_menu2>li.user_info .u_name,
.layout_header .util_wrap_menu2>li.user_info .u_id { color:#6d8bab; }
#layout_header .benefit { top:-25px; }
#layout_header .benefit .arrow { top:15px; font-size:10px; }

/* 버거킹 */
.resp_top_hamburger { left:auto; right:40px; margin-top:-19px; }
.resp_top_hamburger>a { width:22px; }
.resp_top_hamburger>a:before { transform:translateY(-8px) rotate(0deg); }
.resp_top_hamburger>a:after { transform:translateY(8px) rotate(0deg); }

/* GNB */
.layout_header .nav_wrap { background:#000; }
.layout_header .nav_wrap .respCategoryList>li { padding:10px 0; }
.layout_header .nav_wrap .categorySub { top:70px; border:none; background:rgba(255,255,255,.9); }
.layout_header .nav_wrap .respCategoryList .categoryDepthLink,
.categoryAllBtn, .brandAllBtn, .locationAllBtn { color:#fff; }
.layout_header .nav_wrap .respCategoryList .categoryDepthLink { font-size:14px; font-weight:500; }
.layout_header .nav_wrap .respCategoryList .custom_nav_link .categoryDepthLink { color:#8ba4bf; }
.categoryAllBtn, .brandAllBtn, .locationAllBtn { font-weight:300; border-left:none; border-right:none; }
.layout_header .nav_wrap .respCategoryList .categoryDepth1.on .categoryDepthLink>em,
.layout_header .nav_wrap .respCategoryList .custom_nav_link.on .categoryDepthLink>em { border-bottom-color:#81acdb; }
.layout_header .nav_wrap .respCategoryList .categoryDepthLink>em:after { background:#81acdb; }
.layout_header .nav_wrap .respCategoryList .categoryDepth1.on .categoryDepthLink,
.layout_header .nav_wrap .respCategoryList .custom_nav_link.on .categoryDepthLink,
.layout_header .nav_wrap .respCategoryList .categoryDepth1:hover .categoryDepthLink,
.layout_header .nav_wrap .respCategoryList .custom_nav_link:hover .categoryDepthLink { color:#81acdb; }


/* 카테고리 서브메뉴 - type2 */
.layout_header .nav_wrap[data-submenu='type2'] .respCategoryList { table-layout:auto; }
.layout_header .nav_wrap[data-submenu='type2'] .nav_category_area { position:relative; }
.layout_header .nav_wrap[data-submenu='type2'] .respCategoryList>li { position:static; }
.layout_header .nav_wrap[data-submenu='type2'] .categoryDepth1 .categorySub { left:0; right:auto; box-sizing:border-box; width:100%; padding:5px 15px 15px; box-shadow:none; }
.layout_header .nav_wrap[data-submenu='type2'] .categoryDepth1 .categorySubWrap { display:table; width:100%; text-align:left; }
.layout_header .nav_wrap[data-submenu='type2'] .categoryDepth1 .categorySubWrap>div.categorySubBanner { padding:10px 0 0; width:1px; }
.layout_header .nav_wrap[data-submenu='type2'] .categoryDepth1 .categorySubWrap .categoryDepth2 { font-size:0; padding-bottom:10px; }
.layout_header .nav_wrap[data-submenu='type2'] .categoryDepth1 .categorySubWrap .categoryDepth2>li { font-size:14px; display:inline-block; vertical-align:top; min-width:175px; min-height:46px; padding-bottom:2px; border:none; }
.layout_header .nav_wrap[data-submenu='type2'] .categoryDepth1 .categorySubWrap .categoryDepth2>li>a { box-sizing:border-box; padding:24px 0 8px 10px; width:100%; position:absolute; left:0; top:0; font-weight:500; color:#333; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-moz-binding:url('ellipsis.xml#ellipsis');word-wrap:normal !important; }
.layout_header .nav_wrap[data-submenu='type2'] .categoryDepth1 .categorySubWrap .categoryDepth2>li:hover>a { transform:none; color:#999; }
.layout_header .nav_wrap[data-submenu='type2'] .categoryDepth1 .categoryDepth3 { margin-top:52px; font-size:13px; font-weight:300; opacity:1; position:static; left:auto; top:auto; z-index:auto; white-space:normal; border:none; background:transparent; border-radius:0;  transform:none; transition:none; }
.layout_header .nav_wrap .categorySubWrap .categoryDepth3>li>a { padding:5px 0 4px 10px; border-top:none; transition:none; }
.layout_header .nav_wrap[data-submenu='type2'] .categoryDepth1 .categoryDepth3>li:hover>a { transform:none; }
.layout_header .nav_wrap[data-submenu='type2'] .categoryDepth1 .categoryDepth3 + a:after { display:none; }

@media only screen and (max-width:1279px) {
	.resp_top_search { margin:-22px -150px 0 0; }
	.resp_top_search .search_ver2 .search_new .input_area .cont { width:300px; }
	.resp_top_search .search_ver2 .search_new .input_area label.search_box { width:264px; }
	.resp_top_search .search_ver2 .search_new .contetns_area { width:298px; }
}
@media only screen and (max-width:1023px) {
	.layout_header .logo_wrap .logo_area { float:none; margin:0 auto; }
	.layout_header .logo_wrap .logo_area>a { height:auto; }
	.layout_header .util_wrap_menu2 { display:none; }

	.resp_top_search { right:20px; top:50%; margin:-20px 0 0; }
	.resp_top_search .search_ver2 { opacity:0; overflow:hidden; transform:translateX(-20px); }
	.resp_top_search .search_ver2 .search_new .input_area .cont { width:300px; border:1px #767676 solid; border-radius:2px; }
	.resp_top_search .search_ver2 .search_new .input_area label.search_box { width:234px; }
	.resp_top_search .search_ver2 .search_new .input_area button.close { display:inline-block; }

	.resp_top_hamburger { left:20px; right:auto; margin-top:-12px; }
	.resp_top_hamburger>a { width:30px; }
	.resp_top_hamburger>a:before { transform:translateY(-11px) rotate(0deg); }
	.resp_top_hamburger>a:after { transform:translateY(11px) rotate(0deg); }

	.layout_header .resp_top_cart { right:56px; }
	.layout_header .nav_wrap .respCategoryList>li { padding-top:5px; padding-bottom:5px; }
}

@media only screen and (max-width:767px) {
	.resp_top_hamburger { left:10px; }
	.resp_top_search { right:10px; }
	.layout_header .resp_top_cart { right:40px; }
	.layout_header .nav_wrap .respCategoryList>li { padding-top:2px; padding-bottom:2px; }
}

@media only screen and (max-width:479px) {
	.layout_header .logo_wrap .logo_area img { max-width:160px; }
}
/* ================================== // HEADER ================================== */


/* ================================== FOOTER ================================== */
.layout_footer .resp_wrap .menu2 { padding:20px 0; }
.layout_footer .resp_wrap .menu2>li { background:url(../images/design_resp/bar_footer_01.gif) 100% calc(50% - 1px) no-repeat; }
.layout_footer .resp_wrap .menu2>li:last-child { background-image:none; }
.layout_footer .resp_wrap .menu2>li>a { padding-right:21px; padding-left:20px; }
.layout_footer .resp_wrap .menu2>li.bold>a { font-weight:700; color:#000; }

.layout_footer .title { font-weight:400; }
.layout_footer .list.v4 {font-size:12px;}
.layout_footer .list .compay_phone { font-size:24px; font-weight:400; letter-spacing:1px; }
.layout_footer .menu1>li.notice { max-width:400px; }
.table_footer_notice { width:100%; table-layout:fixed; }
.table_footer_notice td { padding:4px 0; }
.table_footer_notice .cat { display:none; }
.table_footer_notice .date { text-align:right; color:#999; }

.layout_footer .menu3 { padding-right:100px; }
.layout_footer .menu3 .pcolor { margin-left:8px; }

@media only screen and (max-width: 767px) {
	.layout_footer .resp_wrap .menu2 { padding:15px 0; }
	.layout_footer .resp_wrap .menu2>li>a { padding-right:16px; padding-left:15px; }
	.layout_footer .menu3 { padding-right: 50px; }
}
/* ================================== //FOOTER ================================== */

/* ================================== MAIN ================================== */
.sliderB.wide_visual_slider .slick-active .simg { transition:none; transform:none; }

.title_group1 .title1 { font-size:48px; font-weight:100; }
.title_group1 + .show_display,
.title_group1 + style + .designDisplay { margin-top:-20px; }

/* 반응형 게시판 STORY 연동*/
.title_group1 + .board_gallery { margin-top:-20px; }
.board_gallery > ul { font-size:0; margin-left:-20px; }
.board_gallery > ul > li { display:inline-block; box-sizing:border-box; width:25%; vertical-align:top; padding:20px 0 0 20px; font-size:13px; line-height:1.4; text-align:center; transition:transform 0.2s; cursor:pointer; }
.board_gallery > ul > li:hover { transform:translateY(-10px); }
.board_gallery .item_img_area { position:relative; text-align:center; }
.board_gallery .item_img_area img { max-width:100%; }
.board_gallery .item_info_area { padding-top:7px; color:#999; }
.board_gallery .item_info_area>li { padding:6px 0 0; }
.board_gallery .item_info_area .goods_name_area { padding-top:15px; font-size:20px; line-height:1.2; font-weight:300; color:#333; }
.board_gallery .item_info_area .goods_desc_area { padding-top:14px; }
.board_gallery .item_info_area .goods_desc_area a { color:#999; }

.main_bnr_type2 { display:table; width:100%; table-layout:fixed; margin-top:90px; }
.main_bnr_type2 > li { display:table-cell; text-align:left; }
.main_bnr_type2 > li:first-child { text-align:right; }

.wide_banner_custom { overflow:hidden; position:relative; text-align:center; margin-top:90px; }

.main_slider_a2 .slick-slide .slink { display:block; position:relative; transform:scale(0.94); transition:transform .3s; }
.main_slider_a2 .slick-slide.slick-center .slink { transform:scale(1); transition-delay:.4s; }
.main_slider_a2 .slick-slide .slink:after { display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.4; transition:opacity .4s; }
.main_slider_a2 .slick-slide.slick-center .slink:after { opacity:0; transition-delay:.6s; }
.main_slider_a2 .slick-slider .slick-prev { left:53px; }
.main_slider_a2 .slick-slider .slick-next { right:53px; }


.goodS_info { font-weight:300; }
.displaY_sales_price .nuM, .displaY_goods_price .nuM { font-weight:300; }
.style7_custom1 .goods_info_style_7 .displaY_goods_name a { color:#000; }
.style7_custom1 .goods_info_style_7 .displaY_sales_percent { color:#ff0505; float:right; margin-right:5px; }
.style7_custom1 .goods_info_style_7 .displaY_sales_percent .nuM { font-weight:300; }
.style7_custom1 .goods_info_style_7 .goodS_info.displaY_besong { display:none; }
.style7_custom1 .goods_info_style_7 .displaY_event_time { margin-top:6px; }

.style4_custom1 .goods_info_style_4 .goodS_info { font-weight:300; }
.style4_custom1 .goods_info_style_4 .displaY_goods_name { margin-bottom:0; padding-top:10px; font-size:19px; border:none; }
.style4_custom1 .goods_info_style_4 .displaY_goods_name a { color:#000; }

.display_tab_custom ul.displayTabType1 { text-align:center; }
.display_tab_custom ul.displayTabType1>li { float:none; display:inline-block; width:auto !important; border:none; background:transparent; font-size:15px; padding:0 25px; }
.display_tab_custom ul.displayTabType1>li.current { font-weight:500; }

.main_space { margin-top:90px; background:#f6f6f6; padding-bottom:80px; }

@media only screen and (max-width:1023px) {
	.board_gallery>ul { margin-left:-10px; }
	.board_gallery>ul>li { padding-left:10px; }
	.wide_banner_custom img { max-width:140%; margin-left:-20%; margin-right:-20%; }
}
@media only screen and (max-width:940px) {
	.board_gallery>ul>li { width:33.33%; }
}
@media only screen and (max-width:860px) {
	.show_display_col3 .display_responsible_class .goods_list li.gl_item { width:50%; }
}
@media only screen and (max-width: 767px) {
	.title_group1 .title1 { font-size:38px; }
	.wide_banner_custom img { max-width:160%; margin-left:-30%; margin-right:-30%; }
}
@media only screen and (max-width:639px) {
	.board_gallery>ul>li { width:50%; }
	.main_bnr_type2 { display:block; width:auto; margin-top:65px; }
	.main_bnr_type2 > li { display:block; text-align:center; margin-top:1px; }
	.main_bnr_type2 > li:first-child { text-align:center; margin-top:0; }
	.wide_banner_custom img { max-width:180%; margin-left:-40%; margin-right:-40%; }
	.display_tab_custom ul.displayTabType1>li { padding:0 15px; }
}
@media only screen and (max-width:479px) {
	.title_group1 .title1 { font-size:28px; }
	.main_bnr_type2 { margin-top:50px; }
	.board_gallery .item_info_area .goods_name_area { padding-top:10px; font-size:16px; }
	.board_gallery .item_info_area .goods_desc_area { padding-top:10px; }
	.show_display_col3 .display_responsible_class .goods_list li.gl_item { width:100%; }
	.wide_banner_custom img { max-width:180%; margin-left:-40%; margin-right:-40%; }
	.main_space { margin-top:60px; background:#f6f6f6; padding-bottom:40px; }
}
/* ================================== //MAIN ================================== */


/* ================================== 상품 리스트 페이지 ================================== */
.searched_item_display>ul>li { padding-bottom:10px; }
.searched_item_display .item_info_area .goods_price_area .discount_rate .num { font-weight:300; }
.searched_item_display .item_info_area .goods_besong_area { display:none; }
.searched_item_display .goods_list_style5 .item_info_area .goods_price_area .discount_rate { color:#ff0505; }
/* ================================== //상품 리스트 페이지 ================================== */


/* ================================== 전체 컬러 세팅 ================================== */
/* ======== 어사이드/마이쇼핑/고객센터 - LNB 활성화 메뉴 ======== */
.subpage_lnb .lnb_sub>li.on>a,
.aside_navigation_wrap ul.menu.board>li.on a,
.aside_navigation_wrap ul.menu li.mitem.category.on a.mitem_goodsview,
.aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem.category.on a.mitem_goodsview,
.quick_lnb_active_text {
	color:#778ca3;
}

/* ======== 할인율 ======== */
.displaY_sales_percent,
.searched_item_display .item_info_area .goods_price_area .discount_rate,
.quick_basic_sale_rate {
	color:#778ca3;
}

/* ======== 단독이벤트 ======== */
.spec_solo_event .remain_time .title,
.displaY_event_time .title,
.cart_list .cgd_contents .event_area .title,
.searched_item_display .goods_list_style5 .displaY_event_time .title,
.quick_solo_event_icon {
	background-color:#778ca3; /* 아이콘 */
}
.spec_solo_event .event_datetime_box,
.displaY_event_time .time_container,
.cart_list .cgd_contents .event_area .time {
	background-color:#778ca3; /* 배경 */
	color:#ffffff; /* 텍스트 */
}
.quick_solo_event_bg { background-color:#778ca3; }
.quick_solo_event_text { color:#ffffff; }

/* ======== 평점 별 색상 ======== */
.displaY_review_score_a .ev_active2>b,
.goods_spec_customer_ev .ev_active2>b,
.quick_review_score {
	background-color:#778ca3;
}

/* ======== 상품상세 할인율 ======== */
.deatil_sale_rate {
	background-color:#8ba4bf; /* 할인율 - 배경 */
	color:#ffffff; /* 할인율 - 텍스트 */
}
.quick_deatil_sale_rate_bg { background-color:#8ba4bf; }
.quick_deatil_sale_rate_text { color:#ffffff; }

/* ======== 쿠폰 버튼 컬러 ======== */
.resp_coupon_list>li>ul>li.bul,
.detail_relation_event>li>a:after,
.quick_coupon_btn {
	background-color:#778ca3; /* 쿠폰 버튼 컬러 */
}

/* ======== 주요 버튼 컬러 ======== */
.btn_resp.color2.size_c,
.btn_resp.color2.size_extra,
.btn_resp.color2.size_extra2,
.resp_login_wrap .btn_resp.size_login1 {
	outline:none;
	border-color:#778ca3; /* 라인 */
	background-color:#778ca3; /* 배경 */
	color:#ffffff; /* 텍스트 */
}
.quick_major_button_line { border-color:#778ca3; }
.quick_major_button_bg { background-color:#778ca3; }
.quick_major_button_text { color:#ffffff; }

/* ======== 푸시 카운트 ======== */
.layout_header .cart_cnt1,
.layout_header .cart_cnt2,
.asie_main_menu .push_count,
.my_order_step .pushCount,
#layout_header .benefit {
	background:#778ca3; /* 배경 */
	color:#ffffff; /* 텍스트 */
}
#layout_header .benefit .arrow {
	color:#778ca3;
}
.quick_push_count_bg { background:#778ca3; }
.quick_push_count_text { color:#ffffff; }

/* ======== BEST 페이지 랭크 ======== */
.best_page_ranking>ul>li:nth-child(1) .item_rank {
	background-color:#778ca3; /* 1위 - 배경 */
	color:#ffffff; /* 1위 - 텍스트 */
}
.best_page_ranking>ul>li:nth-child(2) .item_rank {
	background-color:#778ca3; /* 2위 - 배경 */
	color:#ffffff; /* 2위 - 텍스트 */
}
.best_page_ranking>ul>li:nth-child(3) .item_rank {
	background-color:#778ca3; /* 3위 - 배경 */
	color:#ffffff; /* 3위 - 텍스트 */
}


/* ======== 게시판 상세 - 현재글 ======== */
.res_table>.tbody.now_list {
	outline-color:#778ca3; /* 라인 */
}
.res_table>.tbody.now_list .now {
	color:#778ca3; /* 텍스트 */
}

/* ======== 페이징 - 현재 페이지 ======== */
.paging_navigation a.red,
.paging_navigation a.on,
.paging_navigation_pop a.red,
.paging_navigation_pop a.on {
	border-color:#778ca3; /* 라인 */
	color:#778ca3; /* 텍스트 */
}
/* ================================== //전체 컬러 세팅 ================================== */

/* 주문/결제 */
.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;}