@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

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

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

/* 공통 */
.layout_header .bookmark>li>a,
.layout_header .util_wrap_menu2>li>a,
.layout_header .categoryAllBtn,
.layout_header .nav_wrap .respCategoryList .categoryDepthLink,
.layout_footer .title,
.layout_footer .list>li,
.layout_footer .menu>li,
.layout_footer .menu2>li,
.layout_footer .copyright,
.layout_side .aside_cs_phone,
.layout_side .aside_cs_addinfo,
.title_group1 .title1,
.full_bnr .text_wrap .text1,
.full_bnr .text_wrap .sbtn > a,
.rightQuickMenuWrap2 h3,
.rightQuickMenuWrap2 li,
.rightQuickMenuWrap2 span {/*font-family:'Lato', sans-serif !important;*/}

/* 헤더 */
.layout_header {box-shadow:0 1px 0 rgb(0 0 0 / 10%);}
.layout_header .util_wrap_menu2 {position:absolute; top:50%; right:0; margin-top:-20px; font-size:14px; font-weight:400;}
.layout_header .logo_wrap .resp_wrap {position:relative;}
.layout_header .logo_wrap .logo_area {width:100%; text-align:left;}
.layout_header .logo_wrap .logo_area>a {display:inline-block; height:120px; line-height:120px;}
.layout_header .resp_top_hamburger>a {display:none;}
.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_search {right:50%; top:50%; margin-top:-25px; margin-right:-200px;}
.layout_header .resp_top_search a.btn_search_open {display:none;}
.layout_header .resp_top_search .search_ver2 {opacity:1; overflow:visible; transform:translateX(0);}
.layout_header .resp_top_search .search_ver2 .search_new .input_area .cont {width:402px; height:50px; border-radius:50px; border:3px solid #2078c6;}
.layout_header .resp_top_search .search_ver2 .search_new .input_area label.search_box {width:calc(100% - 50px);}
.layout_header .resp_top_search .search_ver2 .search_new .contetns_area {width:400px;}
.layout_header .resp_top_search .search_ver2 .search_new .input_area button.search {width:23px; height:23px; margin-right:10px; background:url('../images/design_resp/sch_btn.gif') no-repeat center; background-size:cover;}
.layout_header .resp_top_cart {right:40px; width:32px; height:32px; background:url('../images/design_resp/header_icon04.png') no-repeat center; text-align:right;}
.layout_header .resp_top_search .search_ver2 .search_new .input_area button.close {display:none; margin-left:0;}
@media only screen and (max-width:1150px) {
	.layout_header .resp_top_search {margin-right:-200px;}
	.layout_header .resp_top_search .search_ver2 .search_new .input_area .cont {width:402px;}
	.layout_header .resp_top_search .search_ver2 .search_new .contetns_area {width:400px;}
}
@media only screen and (max-width:1023px) {
	.layout_header .logo_wrap .logo_area {width:auto;}
    .layout_header .logo_wrap .logo_area>a {height:auto; line-height:inherit;}
	.layout_header .logo_wrap .logo_area img {max-height:80px; vertical-align:top;}
	.layout_header .util_wrap_menu2 {display:none;}
    .layout_header .resp_top_hamburger>a {display:block;}
	.layout_header .header_icon_wrap_ul > li {margin-right:20px;}
    .layout_header .resp_top_search {right:5px; margin-right:0; margin-top:-18px;}
    .layout_header .resp_top_search a.btn_search_open {display:block;}     
    .layout_header .resp_top_search a.btn_search_open {display:block; width:36px; height:36px; margin-top:1px; background:url('../images/design_resp/icon_top_search.png') 0 center no-repeat; background-size:cover;}
    .layout_header .resp_top_search .search_ver2 {top:-5px; opacity:0; overflow:hidden; transform:translateX(-10px);}
    .layout_header .resp_top_search .search_ver2.on {opacity:1; overflow:visible; transform:translateX(0);}
	.layout_header .resp_top_search .search_ver2 .search_new .input_area label.search_box {width:calc(100% - 70px);}
	.layout_header .resp_top_search .search_ver2 .search_new .input_area button.search {margin-right:5px;}
	.layout_header .resp_top_search .search_ver2 .search_new .input_area button.close {display:inline-block; margin-right:5px;}
}
@media only screen and (max-width:767px) {
	.layout_header .logo_wrap .logo_area img,
    .layout_header .logo_wrap.flying .logo_area img {max-height:50px;}
	.layout_header .resp_top_search .search_ver2 .search_new .input_area .cont {width:250px;}    
    .layout_header .resp_top_search .search_ver2 .search_new .contetns_area {width:298px;}    
}

/* 헤더 GNB */
.layout_header #cateSwiper {border-color:#e0e0e0; background:#fff;}
.layout_header #cateSwiper .respCategoryList {width:100%; /*margin:auto; table-layout:auto;*/}
.layout_header #cateSwiper .respCategoryList>li {white-space:nowrap;}
.layout_header #cateSwiper .respCategoryList .categoryAllBtn,
.layout_header #cateSwiper .respCategoryList .categoryDepthLink,
.layout_header #cateSwiper .respCategoryList .categoryDepthLink>em {width:auto; height:50px; line-height:51px; font-size:17px; font-weight:500; color:#333;}
.layout_header #cateSwiper .respCategoryList .categoryDepthLink {position:relative;}
.layout_header #cateSwiper .respCategoryList .categoryDepthLink:after {display:block; content:''; position:absolute; top:18px; left:0; width:1px; height:15px; background:#ddd;}
.layout_header #cateSwiper .respCategoryList .nav_category_all + .categoryDepth1 .categoryDepthLink:after {display:none;}
.layout_header #cateSwiper .respCategoryList .custom_nav_link.blank .categoryDepthLink:after {display:none;}
.layout_header #cateSwiper .respCategoryList .categoryAllBtn,
.layout_header #cateSwiper .respCategoryList .categoryDepth1 .categoryDepthLink,
.layout_header #cateSwiper .respCategoryList .custom_nav_link .categoryDepthLink {padding:0 30px;}
.layout_header #cateSwiper .respCategoryList .custom_nav_link {text-align:center;}
.layout_header #cateSwiper .respCategoryList .categoryAllBtn:hover,
.layout_header #cateSwiper .respCategoryList .categoryDepthLink:hover {/*background:#ddd; color:#333;*/}
.layout_header #cateSwiper .respCategoryList .nav_category_all {width:20%;}
.layout_header #cateSwiper .respCategoryList .categoryAllBtn {border:none; margin-right:20px; background:#2078c6; padding:0 40px; color:#fff;}
.layout_header #cateSwiper .respCategoryList .categoryAllBtn .icon {vertical-align:middle; margin:0 5px 2px 0;}
.layout_header #cateSwiper .respCategoryList .categoryAllSub {display:none; position:absolute; left:0; width:180px; background:rgba(255,255,255,0.8); padding:20px 0 20px 30px;}
.layout_header #cateSwiper .respCategoryList .categoryAllSub .categoryDepth1 .categoryDepthLink {height:38px; line-height:38px; text-align:left;}
.layout_header #cateSwiper .respCategoryList .categoryAllSub .categoryDepth1 .categoryDepthLink>em {display:block; height:35px;}    
.layout_header #cateSwiper .respCategoryList .categoryAllSub .categoryDepth1 .categorySub {top:0; left:100%; bottom:0; border-color:transparent; background:rgba(0,0,0,0.3); padding:20px;}    
.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:15px; color:#fff;}
.layout_header #cateSwiper .respCategoryList .custom_nav_link.home {display:none;}
@media only screen and (max-width:1279px) {	
	.layout_header #cateSwiper .designCategoryNavigation .respCategoryList {display:table;}
	.layout_header #cateSwiper .designCategoryNavigation .respCategoryList>li {display:table-cell;}
	.layout_header #cateSwiper .respCategoryList .nav_category_all {width:auto;}
}
@media only screen and (max-width:1023px) {
	.layout_header #cateSwiper .respCategoryList .nav_category_all {display:none !important;}
	.layout_header #cateSwiper .respCategoryList .custom_nav_link.home {display:block;}
}
@media only screen and (max-width:500px) {
	.layout_header #cateSwiper .respCategoryList .custom_nav_link .categoryDepthLink {padding:0 10px;}
	.layout_header #cateSwiper .respCategoryList .custom_nav_link .categoryDepthLink>em {font-size:15px;}
}

/* 풋터 */
.layout_footer {margin-top:0; background:#fff;}
.layout_footer .footer_c {border:none; background:#017dc7; padding:25px 0;}
.layout_footer .footer_c .info > li {padding:2px 0; font-size:15px; color:#fff;}
.layout_footer .footer_c .info p {font-size:17px; font-weight:500; color:#fff;}
.layout_footer .footer_c .info a {position:relative; margin-left:30px; color:#fff;}
.layout_footer .footer_c .info a.compay_phone:before {display:block; content:''; position:absolute; left:-15px; top:3px; width:1px; height:12px; background:#fff;}
.layout_footer .footer_c .logo {position:absolute; top:10px; right:40px;}
.layout_footer .footer_b {border-color:#e0e0e0;}
.layout_footer .footer_b .resp_wrap {position:relative;}
.layout_footer .menu2 {width:100%; border-top:none; padding:10px 0;}
.layout_footer .menu2>li {position:relative;}
.layout_footer .menu2>li:before {display:none; content:''; position:absolute; top:9px; left:0; width:1px; height:12px; background:#c2c2c2;}
.layout_footer .menu2>li:first-child:before {display:none;}
.layout_footer .menu2>li>a {font-size:14px; color:#333;}
.layout_footer .menu2>li.bold {font-weight:600;}
.layout_footer .footer_a {border-color:#e0e0e0;}
.layout_footer .menu1 {margin-left:-40px;}
.layout_footer .menu1>li {width:30%; min-width:250px; max-width:inherit; padding-left:40px; color:#333;}
.layout_footer .menu1>li.foot_menu_d1 {width:40%;}
.layout_footer .title {font-size:20px; font-weight:600; color:#000;}
.layout_footer .list {font-size:14px; font-weight:400; color:#666;} 
.layout_footer .list .compay_phone {display:inline-block; vertical-align:top; margin-bottom:10px; font-size:36px; font-weight:500; color:#2078c6;}
.layout_footer .menu3 {position:relative; padding-right:0;}
.layout_footer .menu3:before {display:none; content:''; position:absolute; top:0; left:30px; right:0; height:1px; background:#d0d0d0;}
.layout_footer .menu3>li {position:relative;}
.layout_footer .menu3>li:before {display:none; content:''; position:absolute; top:6px; left:15px; width:1px; height:12px; background:#888;}
.layout_footer .menu3>li.no:before {display:none;}
.layout_footer .menu3 {font-size:14px; color:#555; line-height:1.4;}
.layout_footer .copyright {font-size:14px; color:#555; line-height:1.4;}
.layout_footer .escrow {top:auto; bottom:0; right:40px;}
@media only screen and (max-width:1023px) {
	.layout_footer .footer_c .logo {right:10px;}
	.layout_footer .menu1>li {min-width:inherit; max-width:inherit; width:50%;}
	.layout_footer .menu1>li.foot_menu_d1 {width:50%;}
}
@media only screen and (max-width:600px) {
	.layout_footer .footer_c .logo {display:none;}
}

/* 스크롤시 상단 메뉴바 고정시키기 */
#layout_header .nav_wrap {/*border-bottom:2px solid #2078c6;*/ border-top:1px solid #e7e7e7;}
#layout_header .nav_wrap.flyingMode {position:fixed; width:100%; top:0; border-top:none; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);}
#rightQuickMenuWrap.flyingMode {position:fixed; top:70px;}
#boardlayout.flyingMode {margin-top:80px;}
.goods_tabs.flyingMode {top:52px;}
@media only screen and (max-width:479px) {
    #layout_header .nav_wrap.flyingMode {position:relative;}    
    #boardlayout.flyingMode {margin-top:0;}
    .goods_tabs.flyingMode {top:0;}
}

/* 우측 퀵메뉴 - 일반형(right.html) */
.rightQuickMenuWrap {position:absolute; top:190px; right:50%; width:105px; margin-right:-760px; z-index:201;}
.rightQuickMenuWrap .rightQuickMenu {background:#fff;}
.rightQuickMenuWrap .rightQuickTitle {border-bottom:2px solid #2078c6; background:#2078c6; padding:0; text-align:center; color:#fff;}
.rightQuickMenuWrap .right_item_recent {padding-top:2px;}
.rightQuickMenuWrap .right_item_recent, .rightQuickMenuWrap .right_item_recomm, .rightQuickMenuWrap .right_item_cart, .rightQuickMenuWrap .right_item_wish, .rightQuickMenuWrap .rightBookMark {border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
.rightQuickMenuWrap .rightTitleMenu {border-bottom:1px solid #e0e0e0; text-align:left; padding:8px 0 6px 8px; cursor:pointer; font-size:14px; letter-spacing:-1px;}
.rightQuickMenuWrap .rightTitleMenu span {position:relative; float:right; right:9px; width:12px; font-weight:bold; color:#333; text-align:right;}
.rightQuickMenuWrap .right_itemList, .rightQuickMenuWrap .rightBorderTop, .rightQuickMenuWrap .rightBoxBorder {display:none;}
.rightQuickMenuWrap .right_itemList ul li {padding-top:4px; position:relative; text-align:center;}
.rightQuickMenuWrap .right_itemList ul li .right_quick_goods img {position:relative; border-width:1px !important; width:60px;}
.rightQuickMenuWrap .rightBorderTop {margin:8px 8px 2px; border-top:0 #999 solid; min-width:80px;}
.rightQuickMenuWrap .right_quick_paging {display:none; position:relative; padding:8px 0px; color:#acacac; text-align:center;}
.rightQuickMenuWrap .right_quick_paging .right_page_box {display:inline-block; margin-top:-3px;}
.rightQuickMenuWrap .right_quick_paging .right_quick_btn_prev {position:absolute; top:11px; left:9px; width:12px; height:12px; background:url('../images/design_resp/right_quick_menu_left_icon.png') no-repeat;}
.rightQuickMenuWrap .right_quick_paging .right_quick_btn_next {position:absolute; top:11px; right:9px; width:12px; height:12px; background:url('../images/design_resp/right_quick_menu_right_icon.png') no-repeat;}
.rightQuickMenuWrap .rightQuickitemLi {z-index:8;}
.rightQuickMenuWrap .rightQuickitemDetail {display:none; width:150px; top:4px;}
.rightQuickMenuWrap .rightQuickitemDetailCss {position:absolute; text-align:left; display:block; overflow:visible; color:#fff; border-width:1px !important; background:#acacac;}
.rightQuickMenuWrap .rightQuickitemDetail span {display:block; position:relative; text-align:left; width:132px;}
.rightQuickMenuWrap .rightQuickitemDetail span.right_item_title{letter-spacing:-1px; padding:8px 8px 3px 8px;}
.rightQuickMenuWrap .rightQuickitemDetail span.right_item_price{font-weight:bold; padding:3px 8px 6px 8px;}
.rightQuickMenuWrap .right_quick_goods_box {display:block; position:relative;}
.rightQuickMenuWrap .right_quick_goods_box .right_quick_btn_delete {position:absolute; top:0px; visibility:hidden;}
.rightQuickMenuWrap .rightBoxBorder {margin:0px 8px; border-top:0 solid #999; min-width:60px;}
.rightQuickMenuWrap .rightBookMark {text-align:center; padding:8px 0px 7px; border-bottom:0px solid #e5e5e5;}
.rightQuickMenuWrap .rightQuickMenuBottom {background:#3c3c3c;}
.rightQuickMenuWrap .rightQuickMenuBottom a.rightTop {display:block; text-align:center; vertical-align:middle; color:#fff; text-decoration:none;}
.rightQuickMenuWrap .rightQuickMenuBottom a.rightBottom {display:block; border-top:1px solid #ccc; background:#aaa; padding:5px 0; text-align:center; vertical-align:middle; color:#fff; text-decoration:none;}
@media only screen and (max-width:1259px) {
	.rightQuickMenuWrap {display:none;}
}

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

/* 메인 - 슬라이드 배너 */
.main_desktop {display:block;}
.main_mobile {display:none;}
@media only screen and (max-width:639px) {
	.main_desktop {display:none}
	.main_mobile {display:block;}		
}

/* 메인 - 슬라이드 배너 - 이미지크기 */
/*.wide_visual_slider .sslide img {max-width:inherit; margin-left:-50%; margin-right:-50%;}*/
@media only screen and (max-width:1279px) {
	.wide_visual_slider .sslide img { max-width:120%; margin-left:-10%; margin-right:-10%; }
}
@media only screen and (max-width:1023px) {
	.wide_visual_slider .sslide img { max-width:140%; margin-left:-20%; margin-right:-20%; }
}
@media only screen and (max-width:767px) {
	.wide_visual_slider .sslide img { max-width:160%; margin-left:-30%; margin-right:-30%; }
}
@media only screen and (max-width:639px) {
	.main_mobile .wide_visual_slider .sslide img { max-width:100%; margin-left:0; margin-right:0; }
}
@media only screen and (max-width:479px) {
	.wide_visual_slider .sslide img { max-width:180%; margin-left:-40%; margin-right:-40%; }
	.main_mobile .wide_visual_slider .sslide img { max-width:100%; margin-left:0; margin-right:0; }
}

/* 메인 - 슬라이드 배너 - 좌우 화살표 */
.wide_visual_slider.main_slider .slick-prev,
.wide_visual_slider.main_slider .slick-next {/*border-radius:0;*/}
.wide_visual_slider .slick-prev {left:50%; margin-left:-620px; /*opacity:1;*/}
.wide_visual_slider .slick-next {right:50%; margin-right:-620px; /*opacity:1;*/}
@media only screen and (max-width:1370px) {
    .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 .slick-prev {left:10px;}
    .wide_visual_slider .slick-next {right:10px;;}
}

/* 메인 - 타이틀 */
.title_group1, .bnr_group, .layout_footer {position:relative; padding-top:130px;}
.title_group1 .text1 {padding-bottom:5px;}
.title_group1 .title1 {padding-bottom:5px; font-size:36px; font-weight:600; color:#333; letter-spacing:-1px;}
.title_group1 .text2 {font-size:19px; font-weight:300; color:#333;}
.title_group1 .title1>a {display:inline-block; vertical-align:middle; width:24px; height:24px; margin:0 0 8px 10px; background:url('../images/design_resp/arrow_next.png') no-repeat; background-size:cover; text-indent:-9999px;}
@media only screen and (max-width:767px) {
	.title_group1 .title1 {display:block;}
	.title_group1 .text2 {padding-top:10px;}
}
@media only screen and (max-width:500px) {
	.title_group1, .bnr_group, .layout_footer {padding-top:70px;}
	.title_group1 {padding-bottom:10px; text-align:left;}
	.title_group1 .title1 {font-size:26px;}
	.title_group1 .title1>a { margin-bottom:5px; width:16px; height:16px;}
	.title_group1 .text2 {font-size:16px;}
}
.detail_title_area .name,
.goods_spec_sections .deatil_price_area .sale_price .num,
#total_goods_price {font-weight:500;}
.search_nav .navi_linemap2:before {height:37px;}

/* 메인/서브 - 상품디스플레이 */
.display_slide_class {}
.display_slide_class .swiper-slide {padding-left:10px !important; padding-right:10px !important;}
.display_slide_class .goods_list .gli_image .respItemImageArea {border:1px solid #e0e0e0;}
.display_slide_class .swiper-button-prev {left:-15px; width:50px; height:50px; box-shadow:0 0 5px rgba(0,0,0,0.1); border-radius:50%; border:1px solid #e0e0e0; background:#fff url('../images/design_resp/arrow_prev.png') no-repeat center; background-size:40%;}
.display_slide_class .swiper-button-next {right:-15px; width:50px; height:50px; box-shadow:0 0 5px rgba(0,0,0,0.1); border-radius:50%; border:1px solid #e0e0e0; background:#fff url('../images/design_resp/arrow_next.png') no-repeat center; background-size:40%;}
@media only screen and (max-width: 639px) {
	.show_display_col4 .display_slide_class .swiper-slide {width:40%;}
	.display_slide_class .swiper-slide {padding-left:5px !important; padding-right:5px !important;}
}

.displayTabContainer {margin-top:10px;}
.display_responsible_class {margin-top:-10px;}
.display_recomm {margin-top:20px;}
.displaY_color_option .areA {height:4px;}
.display_responsible_class .gl_inner_item_wrap {border:1px solid #e0e0e0; background:#fff; transition:all ease 0.3s;}
.display_responsible_class .gl_inner_item_wrap:hover {border-color:#d0d0d0;}
.display_responsible_class .goods_list li.gl_item .resp_display_goods_info {border-top:1px solid #e0e0e0; padding:15px 15px 10px; text-align:left;}
.display_responsible_class .displaY_event_order_ea,
.display_responsible_class .displaY_review_count {display:none;}
.warning_text {display:inline-block; padding-top:5px;}
.respItemImageArea, .item_img_area, .viewImgWrap {border:0 solid #e0e0e0; transition:all ease 0.3s; box-sizing:border-box;}
.respItemImageArea:hover, .item_img_area:hover, .viewImgWrap:hover {border-color:#d0d0d0;}

.tab_info .display_responsible_class .gl_inner_item_wrap {border:none;}
.tab_info .display_responsible_class .respItemImageArea {border:1px solid #e0e0e0;}
.tab_info .display_responsible_class .goods_list li.gl_item .resp_display_goods_info {border:none; padding-left:0;}

.tab_info ul.displayTabType1 {display:block; margin-top:10px; text-align:center;}
.tab_info ul.displayTabType1:after {content:""; display:block; clear:both; }
.tab_info ul.displayTabType1>li {display:inline-block; float:none; box-sizing:border-box; white-space:nowrap; width:auto !important; height:45px; line-height:45px; margin:5px; border-radius:50px; border:1px solid #e0e0e0; background-color:#fafafa; padding:0 20px; text-align:center; font-size:16px; color:#666; white-space:nowrap; cursor:pointer;}
.tab_info ul.displayTabType1>li.current { background:#2078c6; color:#fff; cursor:default;}
.goods_display_more_btn {display:block; margin:30px auto 0; width:158px; height:50px; line-height:50px; border-radius:50px; border:solid 1px #e0e0e0; background:#fff; text-align:center; font-size:15px; color:#555; transition:all ease-in 200ms;}
.goods_display_more_btn:hover {background:#2078c5; color:#fff;}

.btn_more {display:block; width:50%; height:54px; line-height:56px; margin:40px auto 0; border:1px solid #c0c0c0; background:#fff; text-align:center; font-size:16px; color:#333; transition:all ease-in 200ms;}
.btn_more:hover {border-color:#666; background-color:#fff; color:#333;}
.btn_more .arrow {display:inline-block; vertical-align:middle; width:10px; height:10px; margin:0 0 2px 5px; background:url('../images/design_resp/arrow_next.png') no-repeat center; background-size:cover; text-indent:-9999px;}

@media only screen and (max-width:1023px) {
    .display_responsible_class .goods_list li.gl_item {padding-top:10px;}
    .display_responsible_class {margin-top:0;}

	.tab_info ul.displayTabType1 { display:flex; float:none; width:100% !important;}
	.tab_info ul.displayTabType1>li { display:inline-block; position:relative; width:auto !important; margin:0 20px 0 0; border-radius:0; border:none; background:#fff; padding:0; }
	.tab_info ul.displayTabType1>li.current { background:#fff; font-weight:600; color:#2078c6; }
	.tab_info ul.displayTabType1>li.current:after { display:block; content:''; position:absolute; bottom:0; width:100%; height:2px; background:#2078c6;}
	.tab_info .displayTabContentsContainerWrap {float:none; width:100%; margin-top:0px;}
}
@media only screen and (max-width:479px) {
	.show_display_col2 .display_responsible_class .goods_list li.gl_item,
	.show_display_col3 .display_responsible_class .goods_list li.gl_item {width:50%;}

	.btn_more {height:38px; line-height:40px;}
}

/* 메인 - 이미지 배너 */
.main_banner {padding-top:70px;}
@media only screen and (max-width:479px) {
    .main_banner {padding-top:40px;}
	.respBnrGon_num3_typeE>ul>li {width:100%;}
}

/* 메인 - 이미지 배너 (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); } /* 아래쪽 이동 */


/*********************************** 추가/수정 내역 ***********************************/

/* 메인 - 슬라이드 배너 - 페이징 */
.slick-dots>li {padding:0 4px;}
.slick-dots>li>button {width:16px; height:16px; box-shadow:none; border-radius:50px; background:#c5c5c5; opacity:1;}
.slick-dots>li.slick-active>button {width:16px; height:16px; box-shadow:none; background:#2078c6; opacity:1;}

/* 메인 - BG이미지 */
.gift_wrap {position:relative; overflow:hidden;}
.gift_wrap .bg {position:absolute;}
@media only screen and (max-width:1279px) {
	.gift_wrap .bg img { max-width:120%; margin-left:-10%; margin-right:-10%; }
}
@media only screen and (max-width:1023px) {
	.gift_wrap .bg img { max-width:140%; margin-left:-20%; margin-right:-20%; }
}
@media only screen and (max-width:767px) {
	.gift_wrap .bg img { max-width:160%; margin-left:-30%; margin-right:-30%; }
}
@media only screen and (max-width:479px) {
	.gift_wrap .bg img { max-width:180%; margin-left:-40%; margin-right:-40%; }
}

/* 메인 - 상품디스플레이 */
.show_display_slide {max-width:1220px; margin:0 auto;}
.goodS_info.displaY_besong,
.goodS_info.displaY_review_score_a,
.goodS_info.displaY_review_score_b,
.goodS_info.displaY_best_review {display:none;}
.display_responsible_class .displaY_goods_name, .displaY_goods_name {font-size:16px; font-weight:500;}
.display_responsible_class .displaY_consumer_price, .displaY_consumer_price {font-size:16px;}
.display_responsible_class .displaY_sales_price, .displaY_sales_price, .displaY_goods_price {font-size:16px; font-weight:500;}
.display_responsible_class .displaY_sales_price .nuM, .displaY_sales_price .nuM, .displaY_goods_price .nuM {font-size:22px; font-weight:600;}
.display_responsible_class .displaY_sales_percent {/*float:right; margin-top:2px;*/}
@media only screen and (max-width:375px) {
	.goodS_info {padding:0;}
	.display_responsible_class .displaY_consumer_price {margin-right:0;}
	.display_responsible_class .displaY_sales_price, .displaY_goods_price {display:block;}
}

/* 상품 - 상품디스플레이 */
.searched_item_display .item_img_area {border:1px solid #e0e0e0;}
.searched_item_display .item_info_area {position:relative; border:1px solid #e0e0e0; border-top:none; padding:10px 15px 15px;}
.searched_item_display .item_info_area .goods_name_area {font-size:16px; font-weight:500;}
.searched_item_display .goods_list_style4 .item_info_area .goods_price_area {padding-top:0;}
.searched_item_display .item_info_area .goods_price_area .sale_price {font-size:16px; font-weight:500;}
.searched_item_display .goods_list_style4 .item_info_area .goods_price_area .sale_price .num {font-size:22px; font-weight:600;}
.searched_item_display .displaY_review_score_a,
.searched_item_display .goods_list_style4 .item_info_area .goods_icon_area {display:none;}
.searched_item_display .warning_text {padding-top:8px;} 
.searched_item_display .goods_list_style4 .item_info_area .goods_price_area .discount_rate {float:none; position:absolute; bottom:15px; right:20px; margin-right:0;}
.searched_item_display .goods_list_style4 .item_info_area .goods_price_area .discount_rate .num {font-weight:500;}
@media only screen and (max-width:410px) {
	.searched_item_display .item_info_area .goods_price_area .sale_price {display:block;}
}

/* 상품디스플레이 (상품명 말줄임) */
.displaY_goods_name,
.searched_item_display .item_info_area .goods_name_area {overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}

/* 스토리 게시판 */
.bbs_top_wrap.gallery .custom_gallery_sort {display:inline-block;}

/* 서브용 타이틀 */
.visual_title h2 {border-bottom:1px solid #e0e0e0; padding:10px 0; font-size:30px; line-height:1.1; font-weight:500; color:#333; }
@media only screen and (max-width:1023px) {
	.visual_title h2 {margin:30px 10px 0;}
}

/* 회사소개 */
.company_wrap {}
.company_wrap .cont1 {background:url('../images/design_resp/yy_bg1.jpg') no-repeat center 50px fixed; height:400px;  width:100%; text-align:center;}
.company_wrap .cont1 .text1 { font-size:43px; font-weight:500; color:#fff; padding-top:150px;}
.company_wrap .cont1 .text2 { font-size:16px; font-weight:300; color:#fff; padding-top:25px;}
.company_wrap .cont3 {background:url('../images/design_resp/yy_bg2.jpg') no-repeat center 50px fixed; height:400px;  width:100%; text-align:center;}
.company_txt {max-width:1000px; margin:80px auto; overflow:hidden;}
.company_txt dt {float:left; width:25%; font-size:20px; font-weight:400;}
.company_txt dd {float:left; width:75%; font-size:20px;}
.company_txt dd p {padding:0 20px; font-weight:300;}
.company_txt dd p strong {display:block; font-size:30px; font-weight:600; padding-bottom:20px;}
@media only screen and (max-width:1023px) {
	.company_wrap .cont1 > div,
	.company_txt {padding:0 20px;}
}
@media only screen and (max-width:767px) {
	.company_wrap .cont1 .text1 {padding-top:100px;}
	.company_txt dt,
	.company_txt dd {width:100%;}
	.company_txt dt {padding:0 0 10px 20px;}
}

/* 이용안내 */
.cmp_info{margin-top:30px;}
.cmp_info h2 {height:53px; line-height: 2.5em; font-weight: 600; font-size:21px; color:#3d3d3d; background:#efefef; text-indent:35px;}
.cmp_info > div {padding:20px 35px;}
.cmp_info p {font-size: 17px; line-height:1.6; color:#4e4e4e;}

/* 로그인 */
.layout_intro {padding-top:100px;}
.login_box {max-width:600px; background:#fff; margin:0 auto; box-shadow:20px 20px 30px rgb(0 0 0 / 10%);}
.login_box .login_info {background:#f2f8fc;}
.login_box .login_info .info_text {max-width:300px; margin:0 auto; position:relative; padding:30px 40px 30px 80px; font-size:16px; font-weight:500;}
.login_box .login_info .info_ico {position:absolute; left:35px; top:35px; display:inline-block; vertical-align:top; width:0; height:0; padding:35px 35px 0 0; background:#007dc6 url('../images/design_resp/login_info.png') no-repeat center center; border-radius:100%;}
.login_box .resp_login_wrap {margin-top:0; padding:40px;}
.login_box .resp_login_wrap .box_id,
.login_box .resp_login_wrap .box_pw {border-radius:50px; background:#eee;}
.login_box .resp_login_wrap .find_join {padding-bottom:10px;}
.login_box .resp_login_wrap .find_join label,
.login_box .resp_login_wrap .find_join span,
.login_box .resp_login_wrap .find_join a {padding:0; font-size:14px; font-weight:500; color:#515151;}
.login_box .resp_login_wrap .btn_resp.size_login1 {display:block; border-radius:5px; font-weight:500;}
@media only screen and (max-width:599px) {
	.layout_intro {padding:10px;}
}


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

/* 모바일 하단 화살표 */
#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:400;}
.layout_side .aside_cs_addinfo {font-weight:400; color:#666;}
.side_close {margin-top:10px;}
.side_close:before, .side_close:after {height:2px;}

/* 회원가입 혜택 */
#layout_header .benefit {/*background:#c6a179;*/}
#layout_header .benefit .arrow {/*color:#c6a179;*/}

/* 페이지 경로 */
.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_price_area,
.goods_spec_sections .goods_spec_shipping,
.goods_buy_sections {border:none;}

/* 버튼 */
.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;} /* 상세 버튼 */

/* 버튼 색상 */
.payment_method_select > li > div.active > label, /* 결제수단 */
.resp_login_wrap .btn_resp.size_login1, /* 로그인 버튼 */
.btn_resp.color2 {/*border-color:#a3805b; background-color:#a3805b;*/} /* 상세 버튼 */
.resp_login_wrap .btn_resp.size_login1:hover,
.btn_resp.color2:hover {/*border-color:#74442d; background-color:#74442d;*/}
.btn_resp.color6 {border-color:#999; background-color:#999;} /* 레이어 버튼 */
.btn_resp.color6:hover {border-color:#767676; background-color:#767676;}

/* 할인율 외 */
.goods_spec_sections .deatil_price_area .org_price s {color:#999;} /* 상세 정가 라인 */
.respGoodsIcon.typeText {top:15px; right:15px; border-radius:50%;}
.respGoodsIcon.typeText .respGoodsIconInner {width:50px; height:50px;}  /* 디스플레이 할인율 */
.deatil_sale_rate, /* 상품상세 할인율 */
.layout_header .resp_top_cart .cart_cnt2, /* 상단 장바구니 */
.asie_main_menu .push_count {border-radius:50%; /*background-color:#a3805b;*/} /* 사이드 장바구니 */
.goods_spec_customer_ev .ev_active2 > b {/*background:#a3805b;*/} /* 상품후기 별점 */

/* 메뉴 */
.layout_header .nav_wrap .respCategoryList .custom_nav_link .categoryDepthLink,
.layout_header .nav_wrap .respCategoryList .custom_nav_link:hover .categoryDepthLink,
.layout_header .nav_wrap .respCategoryList .custom_nav_link.on .categoryDepthLink {}
.layout_header .nav_wrap .respCategoryList .custom_nav_link.on .categoryDepthLink>em {height:47px !important; border-bottom:3px solid #2F72C5; color:#2F72C5 !important;}
.layout_header .nav_wrap .respCategoryList .custom_nav_link .categoryDepthLink>em:after {bottom:0; height:3px; background:#2F72C5; padding-top:0;}
.layout_header .nav_wrap .respCategoryList .custom_nav_link.on .categoryDepthLink>em:after {bottom:-2px; height:2px; background:#2F72C5; padding-top:0;}

/* 탭메뉴 */
.tab_cart_top li.on .num, /* 최근본상품 */
.goods_information_tabs>a.current .num {/*background-color:#a3805b;*/} /* 상품상세 */
.goods_information_tabs>a .num {margin-left:5px; border-radius:20px; padding:3px 2px;}

/* 테이블 */
.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;}


/*********************************** 공통 페이지 ***********************************/

/* 팝업 */
@media only screen and (max-width:1023px) {
	.designPopup.adsPopup {top:10px !important; left:10px !important; margin-left:0 !important; margin-right:10px; margin:auto !important;}
}
@media only screen and (max-width:860px) {
	div[designElement="popupAd"] {width:auto !important; height:auto !important; margin:0 10px 0 0 !important;}
}

/* 제로페이 */
.payment_method_select > li > div.zeropay > label {background:url('../images/common/icon_zeropay.jpg') no-repeat; background-size:cover; opacity:0.7;}
.payment_method_select > li > div.zeropay.active > label {opacity:1;}
.payment_method_select > li > div.zeropay.active {outline:2px solid #ea222a;}

/* 쇼핑몰 통합회원 */
.sub_txt {font-size:15px;}
.layout_header .nav_wrap .respCategoryList {table-layout:auto;}
.resp_login_wrap {border:1px solid #d0d0d0; padding:60px 70px;}
.resp_login_wrap.none {border:none;}
.resp_login_wrap h2 {padding-bottom:10px; text-align:center; font-size:22px; color:#333;}
.resp_login_wrap h2.line {margin-top:60px; border-top:1px solid #d0d0d0; padding:60px 0 20px;}
.resp_login_wrap .btn_resp.size_login1, 
.resp_login_wrap .btn_resp.color2, 
.resp_member_join_wrap .btn_resp.color2, 
.login_ok_menu .btn_resp.color2 {height:53px; line-height:53px; border-radius:5px; border-color:#56a717 !important; background:#56a717 !important; font-size:20px; font-weight:400; color:#fff;}
.login_ok_menu .btn_resp.color2,
.login_ok_menu .btn_resp.color4,
.login_ok_menu .btn_resp.color5 {font-size:20px;}
.login_ok_menu .btn_resp.size_c {height:53px; line-height:53px;}
.resp_login_wrap .btn_resp.size_login1.gong,
.resp_login_wrap .btn_resp.color2.gong {border-color:#1d6cbc !important; background:#1d6cbc !important;}
.resp_login_wrap .btn_resp.btn_onepass {display:block; height:53px; line-height:53px; border-radius:5px; border-color:#221d74 !important; background:#221d74 !important; font-size:20px; color:#fff;}
.resp_login_wrap .btn_resp.btn_onepass .icon {width:30px; margin:0 5px 4px 0;}
.resp_login_wrap .sub_tit {padding:20px 0 10px; text-align:center; font-size:20px; color:#333;}
.resp_login_wrap .real_domain {max-height:104px; border:1px solid #e0e0e0; background:#f9f9f9; padding:10px 20px; box-sizing:border-box; overflow-y:auto;}
.resp_login_wrap .real_domain li {display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; text-align:left; font-size:16px; color:#666; line-height:1.8;}
.resp_member_join_wrap .gong_box {border-radius:10px; border:1px solid #95B2DE; padding:25px 30px 20px; font-size:16px;}
.resp_member_join_wrap .gong_box h3 {padding:0 0 10px; font-size:18px; font-weight:500; color:#2B66BC;}
.resp_member_join_wrap .gong_box li {padding-left:10px; text-indent:-8px;}
.resp_member_join h3 {padding:30px 0 10px; font-size:18px; font-weight:500; color:#333;}
.resp_member_join .desc {font-size:13px; color:#888;}
.resp_member_join .resp_join_table .desc li {padding-left:8px; text-indent:-6px;}
.register_wrap {max-width:980px; margin:auto; padding:50px 0;}
.register_wrap .logo {border-bottom:1px solid #e0e0e0; padding-bottom:20px; text-align:center;}
.mypage_greeting {font-size:16px;}
body {min-width:280px;}
@media only screen and (max-width:500px) {
	.login_ok_menu>ul>li {float:left; width:100%; padding:5px 0;}
	.login_ok_menu>ul>li>button,
	.login_ok_menu>ul>li>a {width:100%;}
}
@media only screen and (max-width:479px) {
	.resp_login_wrap {padding:30px;}
	.resp_login_wrap br {display:none;}
	.resp_login_wrap h2.line {margin-top:30px; padding:30px;}	
	.resp_member_join_wrap .gong_box {padding:20px 20px 15px; font-size:14px;}
	.resp_member_join_wrap .gong_box h3 {font-size:16px;}
	.resp_member_join h3 {margin-bottom:10px; border-bottom:1px solid #d0d0d0;}
}
