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


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

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

/* 공통 */
html {scroll-behavior: smooth;}

.layout_header .util_wrap a,
.layout_header .nav_wrap .respCategoryList .categoryAllBtn,
.layout_header .nav_wrap .respCategoryList .categoryDepthLink,
.layout_footer .title,
.layout_footer .menu>li,
.layout_footer .menu2>li,
.layout_footer .menu3>li, 
.layout_footer .copyright,
.layout_side .aside_navigation_wrap ul.menu li.mitem.category a.mitem_goodsview,
.layout_side .aside_cs_phone,
.layout_side .title_sub3,
.rightQuickMenuWrap2 h3,
.rightQuickMenuWrap2 .right_menu1 .phone {font-family: 'SpoqaHanSansNeo-Regular', sans-serif;}



/*.title_group1 .title1 {font-family:'Lato', sans-serif !important;}*/
#layout_body, .resp_wrap {max-width:1180px;}

/* 헤더 */
#layout_header .benefit {top:45px;}
.layout_header {border-bottom:1px solid #eaeaea; box-shadow:none;}
.layout_header > .resp_wrap {position:relative; clear:both;}
.layout_header .util_wrap {height: 1px;border-bottom: 0;margin-top: 0;/* position: absolute; *//* right: 0; *//* top: 20px; */}
.layout_header .util_wrap_menu {margin-left:-10px;position: absolute;right: 0;top: 55px;z-index:99;}
.layout_header .util_wrap_menu>li {float:left;}
.layout_header .util_wrap_menu>li>a.bookmark {margin:0 10px 0 0; border-left:1px solid #ececec; border-right:1px solid #ececec; padding:0 13px;}
.layout_header .util_wrap_menu2 {padding-right:0;position: absolute;right: 0;top: 55px;z-index:99;}
.layout_header .util_wrap_menu2>li {position:relative; background:none;text-align:center;}
.layout_header .util_wrap_menu2>li:before {display:block; content:''; position:absolute; top:50%; left:0; width:0px; height:12px; background:#ccc;}
.layout_header .util_wrap_menu2>li:first-child:before {display:none;}
.layout_header .util_wrap_menu2>li:last-child:before {display:none;}
.layout_header .util_wrap_menu>li>a,
.layout_header .util_wrap_menu2>li>a {padding: 0 0 0 10px;line-height:2.8;font-size: 15px;font-weight: 400;color: #9B9B9B;}


.layout_header .util_wrap_menu>li>a:hover,
.layout_header .util_wrap_menu2>li>a:hover {color:#000;}
.layout_header .util_wrap_menu2>li.user_info {font-size:15px;}
/* .layout_header .util_wrap_menu2>li>a.join {background: #00A841;color: #ffffff;} */

.layout_header .logo_wrap .logo_area>a {width:100%; max-width:130px;height:auto;}
.layout_header .resp_top_hamburger {display: block;position: absolute;left: 50px;top: 84%;/* bottom: 20%; */}
.layout_header .resp_top_hamburger>a {width:22px;height:22px;}
.layout_header .resp_top_hamburger>a>b {width: 100%;background: #C3BFBF !important;margin: 0;}
.layout_header .resp_top_hamburger>a>c {width:100%; background: #C3BFBF; !important;}
.layout_header .resp_top_hamburger>a>b,
.layout_header .resp_top_hamburger>a:before,
.layout_header .resp_top_hamburger>a:after {left: 0;height: 2px;}
.layout_header .resp_top_hamburger>a:before {transform:translateY(-7px) rotate(0deg);width: 100%;background: #C3BFBF;}
.layout_header .resp_top_hamburger>a:after { transform:translateY(7px) rotate(0deg); }
.layout_header .resp_top_hamburger>a:hover:before { transform:translateY(-5px) rotate(405deg);}
.layout_header .resp_top_hamburger>a:hover:after { transform:translateY(5px) rotate(-405deg);}
.layout_header .resp_top_hamburger>a.on:before { transform:translateY(-5px) rotate(45deg); }
.layout_header .resp_top_hamburger>a.on:after { transform:translateY(5px) rotate(-45deg);}
.resp_top_hamburger>a:after {display:block;font-size:0;content:'';position:absolute;right: 0;height: 5px;width: 100%;background: #C3BFBF;}



.layout_header .resp_top_mypge {display:inline-block; position:absolute; top:auto; bottom:10%; margin-top:0; right:85px; width:33px; height:26px; background:url('../images/design_resp/icon_mypage.png') no-repeat; background-size:33px 26px; text-indent:-9999px; z-index:200;}
.layout_header .resp_top_cart {display:inline-block; top:auto; bottom:10%; margin-top:0;right: 40px;/* width: 100px; */ height:26px; background:url('../images/design_resp/icon_cart.png') no-repeat; background-size:30px 27px; z-index:200;}
.layout_header .resp_top_cart h3 {font-size:17px; font-weight:500; padding:3px 0 0 30px }

.layout_header .resp_top_cart .cart_cnt2 {margin-top:-5px;float:left;}
.layout_header .resp_top_search {top:auto; bottom:10%;right: 170px;}
.layout_header .resp_top_search a.btn_search_open {opacity:0; width:20px; height:20px; background:url('../images/design_resp/icon_search_open.png') no-repeat; background-size:cover; margin-top:15px;}
.layout_header .resp_top_search .search_ver2 {opacity:1; overflow:visible; transform:translateX(0);}
.layout_header .resp_top_search .search_ver2 .search_new {margin-top:5px;}
.layout_header .resp_top_search .search_ver2 .search_new .input_area .cont {width:260px; height:35px; border-radius:50px; border:none; background:#e8e8e8;}
.layout_header .resp_top_search .search_ver2 .search_new .contetns_area {width:310px; position: absolute;}
.layout_header .resp_top_search .search_ver2 .search_new .input_area label.search_box {width:200px;}
.layout_header .resp_top_search .search_ver2 .search_new .input_area button.search {width: 24px;height: 24px;margin-right:10px;border:none;background:url('../images/sokcho/icon_search.png') 50% 50% no-repeat;background-size:contain;}
.layout_header .resp_top_search .search_ver2 .search_new .input_area button.close {display:none;}
.layout_header #cateSwiper {border-top:none; padding-top:30px;}
.layout_header #cateSwiper .respCategoryList {display:inline-block;}
.layout_header #cateSwiper .respCategoryList > li {display:inline-block; margin:0; text-align:center; white-space:nowrap;}
.layout_header #cateSwiper .respCategoryList .nav_category_all {width:auto;}
.layout_header #cateSwiper .respCategoryList .nav_category_all .categoryAllBtn .icon {margin:0 10px 3px 0;}
.layout_header #cateSwiper .respCategoryList .nav_category_all .categoryAllBtn,
.layout_header #cateSwiper .respCategoryList .categoryDepthLink {width:auto;height:50px;line-height:50px;border:0;padding:0 20px;font-size:18px;font-weight:400;color:#000;}
.layout_header #cateSwiper .respCategoryList .categoryDepthLink>em {line-height:inherit;}
.layout_header #cateSwiper .respCategoryList .categoryDepthLink:hover { border-bottom:0; color:#FF8900;font-weight:700;}
.layout_header #cateSwiper .respCategoryList .categoryAllBtn>em,
.layout_header #cateSwiper .respCategoryList .categoryDepthLink>em {display:inline-block; position:relative; height:49px;}
.layout_header #cateSwiper .respCategoryList .categoryAllBtn>em:after,
.layout_header #cateSwiper .respCategoryList .categoryDepthLink>em:after { display:block; content:""; position:absolute; left:50%; bottom:0px; width:0px; padding-top:0px; 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 { width:100%; left:0;  border-bottom:0; color:#004896;font-weight:700;}
.layout_header #cateSwiper .respCategoryList .categoryDepth1.on .categoryDepthLink>em,
.layout_header #cateSwiper .respCategoryList .custom_nav_link.on .categoryDepthLink>em { border-bottom:0; color:#FF8900;font-weight:700; }
.layout_header #cateSwiper .respCategoryList .categoryAllSub {display:none; position:absolute; top:100%; left:15px; margin-left:0;}
.layout_header #cateSwiper .respCategoryList .categoryAllSub > ul {width:180px; margin-top:0; border:0px solid #e0e0e0; background:rgba(255,255,255,0.98); padding-top:20px; min-height:300px;}
.layout_header #cateSwiper .respCategoryList .categoryAllSub .categoryDepth1 .categoryDepthLink {height:40px; line-height:41px; text-align:left; font-size:15px; color:#333;}
.layout_header #cateSwiper .respCategoryList .categoryAllSub .categoryDepth1 .categoryDepthLink>em {display:inline-block; height:35px;}    
.layout_header #cateSwiper .respCategoryList .categoryAllSub .categoryDepthLink>em:after {bottom:-2px; background:#666; padding-top:1px;}
.layout_header #cateSwiper .respCategoryList .categoryAllSub .categoryDepth1 .categorySub {top:0; left:100%; bottom:0; margin-left:-1px; background:rgba(255,255,255,0.98); padding:20px;}

/*상단 아이콘*/
/* .top_icon{    text-align: center;}
.top_icon>img{margin-top: 10px; margin-bottom: 10px; max-width: 165px;} */



/* 풋터 */
/* -------------------------------------- Footer -------------------------------------- */
.layout_footer {background: #fff;padding:50px 0 20px;margin-top: 50px;font-size:14px;color:#999999;font-weight:300;border-top: 1px solid #DDDDDD;}
.layout_footer a:hover, .layout_footer a:focus { text-decoration:underline; }
.layout_footer a.link_f:after,
.layout_footer span.link_f>a:after { content:' '; }
.layout_footer .footer_contents:after {content:""; display:block; clear:both;}
.layout_footer .footer_contents>li { float:left;  box-sizing:border-box; width:30%; padding-right:20px; }
.layout_footer .footer_contents>li.footer_c1,.layout_footer .footer_contents>li.footer_d1 { width:18%; padding-right:0; }
.layout_footer .footer_contents>li.footer_7c { width:18%; padding-right:0; }

.layout_footer .footer_a1 ul > li.company_phone a { display:inline-block; vertical-align:top; margin-right:20px; color:#FA8900;font-size:28px;font-weight: 500;}


.layout_footer .privacy a { font-weight:400; color:#00A841; }
.layout_footer .copyright { margin-top:10px; font-size:11px; }
.layout_footer .title_f {  margin-top:23px;font-size: 18px;font-weight: 500;color:#333;}
.layout_footer .escro { margin-top:20px; }
.layout_footer .fmenu{margin: 20px 0; position:relative;}
.layout_footer .fmenu ul {display:block;padding: 20px 0 0 0;}
.layout_footer .fmenu ul > li{display:inline-block; box-sizing:border-box; padding-right:20px; }

.layout_footer .footer_comp {position: relative;}
.layout_footer .escrow {position: absolute; right: 0; top: unset; bottom: 0;}
.layout_footer .escrow img{max-width:130px !important;}
.layout_footer .footer_comp ul>li span:nth-last-child(1){font-weight:500;color:#000000;}
.layout_footer .copyright{display:block;font-weight:500;color:#000000;}



@media only screen and (max-width:1023px) {
	.layout_footer .footer_contents>li { width:50%; height:150px;}
	.layout_footer .footer_contents>li.footer_7c { width:50%;  height:150px;}
}
@media only screen and (max-width:767px) {
    .layout_footer .footer_contents>li { width:100%; height:auto;}
    .layout_footer {padding:20px 0 20px;}
	.layout_footer .footer_contents>li.footer_7a,
	.layout_footer .footer_contents>li.footer_7b,
	.layout_footer .footer_contents>li.footer_7c { width:100%;height: auto;}
    .layout_footer .menu_7c1 {display:flex;}
    .layout_footer .menu_7c1>li { padding-top:0; padding-right:10px; }
    .layout_footer .footer_contents {display:flex; flex-direction:column;}

    .layout_footer .escrow { position: absolute; right: unset; top: unset; bottom: -40px;}
    
}


/* 우측 사이드바 */
.rightQuickMenuWrap2 {position:fixed; top:0; bottom:0; right:-220px; width:220px; border-left:1px solid #dbdbdb; background:#fff; z-index:201;}
.rightQuickMenuWrap2.closed {right:-220px; box-shadow:none;}
.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;}
.rightQuickMenuWrap2 .outside_menu .rightQuick_close,
.rightQuickMenuWrap2 .outside_menu .rightQuick_open {border:none; background:none; position:static;}
.rightQuickMenuWrap2 .outside_menu {position:absolute; right:220px; top:50%; margin-top:-200px;}
.rightQuickMenuWrap2 .outside_menu .menu1 {box-shadow:-2px 2px 2px rgba(0, 0, 0, 0.05);}
.rightQuickMenuWrap2 .outside_menu .menu1>li {border-top:1px solid #e0e0e0; border-right:1px solid #f0f0f0; width:48px;}
.rightQuickMenuWrap2 .outside_menu .menu1>li.close {/*border-top:none;*/}
.rightQuickMenuWrap2 .outside_menu .menu1>li.open {margin-top:-1px; border-color:#333;}
.rightQuickMenuWrap2 .outside_menu .menu1>li>a {height:48px;}
.rightQuickMenuWrap2 .outside_menu .menu2 {display:table; width:100%; margin-top:15px;}
.rightQuickMenuWrap2 .outside_menu .menu2>li {display:table-row; width:48px;}
.rightQuickMenuWrap2 .outside_menu .menu2>li>a {display:table-cell; height:36px; text-align:center; vertical-align:middle; opacity:0.6;}
.rightQuickMenuWrap2 .outside_menu .menu2>li>a:hover {opacity:1;}
.rightQuickMenuWrap2 .inner_menu1>li {padding-top:5px;}
.rightQuickMenuWrap2 .inner_menu1>li:first-child {padding-top:0;}
.rightQuickMenuWrap2 .inner_menu1>li>a {display:block; border:1px solid #e0e0e0; text-align:center; color:#333; line-height:25px; transition:all ease 0.3s;}
.rightQuickMenuWrap2 .inner_menu1>li>a:hover {border-color:#aaa;}
.rightQuickMenuWrap2 .right_wrap {padding:0 20px 20px;}
.rightQuickMenuWrap2 .right_wrap h3 {margin:30px 0 12px; font-size:12px; font-weight:600; color:#000; letter-spacing:1.2px;}
.rightQuickMenuWrap2 .right_wrap h3 span {font-weight:inherit; color:inherit;}
.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 .phone {margin:-2px 0 10px; font-size:20px; font-weight:600; 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 {float:left; line-height:0; padding-left:6px;}
.rightQuickMenuWrap2 ul.social_list>li:first-child {padding-left:0;}
.rightQuickMenuWrap2 ul.social_list>li>a>img {width:24px; 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:600; 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 {position:relative; max-width:1920px; margin:auto;}
.wide_visual_slider .slick-prev {left:50%; margin-left:-700px;}
.wide_visual_slider .slick-next {right:50%; margin-right:-700px;}
.wide_visual_slider .slick-dots {bottom:30px;}
.wide_visual_slider .slick-dots>li {padding:0 3px;}
.wide_visual_slider .slick-dots>li>button {width:12px; height:12px; border-radius:50px; box-shadow:none; border:1px solid rgba(0,0,0,1); background:rgba(255,255,255,0.3); opacity:1;}
.wide_visual_slider .slick-dots>li.slick-active>button {width:12px; height:12px; border:1px solid rgba(0,0,0,1); background:rgba(0,0,0,1);}
.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 .slide_contents { max-width:1920px; left:50%; margin-left:-630px; }
.wide_visual_slider .wrap2 { text-align:left; }
.wide_visual_slider .text_wrap { margin:0 0 150px; background:transparent; padding:0; }
.wide_visual_slider .text1 { font-family:'Lato', sans-serif; font-size:30px; font-weight:100; color:#fff; letter-spacing:-3px; transform:translateX( 10px ); transition:all 0.6s 0.5s; }
.wide_visual_slider .text2 { font-family:'Century Gothic', sans-serif; font-size:65px; font-weight:500; color:#fff; letter-spacing:-2px; transform:translateX( 20px ); transition:all 0.6s 1.3s; }
.wide_visual_slider .text3 { font-family:'Lato', sans-serif; padding-top:20px; font-size:21px; 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 { min-width:inherit; height:40px; line-height:40px; border-radius:0; border:1px solid #fff; background:transparent; padding:0 30px; font-size:13px; font-weight:400; color:#fff; }
.wide_visual_slider .sbtn1:hover { background:rgba(255,255,255,0.2); } */
/* @media only screen and (max-width:1330px) {
	.wide_visual_slider .slide_contents { max-width:100%; left:40px; margin-left:0; }
}
@media only screen and (max-width:1279px) {
	.wide_visual_slider .slick-prev {left:10px; margin-left:0;}
	.wide_visual_slider .slick-next {right:10px; margin-right:0;}
	.wide_visual_slider .text_wrap { margin:0 0 0; }
}
@media only screen and (max-width:1023px) {
	.wide_visual_slider .slide_contents { left:10px; }
	.wide_visual_slider .text_wrap { padding:0 10px; }
	.wide_visual_slider .text1,
	.wide_visual_slider .text2 { font-size:46px; }
}
@media only screen and (max-width:767px) {
	.wide_visual_slider .slick-dots {bottom:20px;}
	.wide_visual_slider .text1,
	.wide_visual_slider .text2 { font-size:36px; }
	.wide_visual_slider .text3 { padding-top:10px; font-size:17px; }
	.wide_visual_slider .text3 br { display:none; }
	.wide_visual_slider .sbtns1 { padding-top:20px; }
}
@media only screen and (max-width:479px) {
	.wide_visual_slider .text1,
	.wide_visual_slider .text2 { font-size:26px; }
	.wide_visual_slider .text3 { font-size:16px; }
}
.wide_visual_slider .sslide img { max-width:inherit; margin-left:-50%; margin-right:-50%; }
@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:479px) {
	.wide_visual_slider .sslide img { max-width:180%; margin-left:-40%; margin-right:-40%; }
} */

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

/* 모바일 하단 화살표 */
#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;}
@media only screen and (max-width:1200px) {
.designPopupBand img{height:50px; object-fit:cover;object-position:48%;}
}
@media only screen and (max-width:548x) {
.designPopupBand img{height:40px; object-fit:cover;object-position:48%;}
}


/* 팝업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:600;}
.layout_side .aside_cs_phone:before {display:none;}
.layout_side .aside_cs_phone {font-weight:600;}
.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_price_area,
.goods_spec_sections .goods_spec_shipping,
.goods_buy_sections {border:none;}
.goods_thumbs_spec #goods_spec .deatil_sale_rate {border-radius:50%;background: #FA8900;}
.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;} 
#layout_side  .btn_resp{font-size:11px;}

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




/************* 속초몰 수정 *************/

/* hear*/
.layout_header .resp_top_hamburger {display: none;position: absolute;left: 50px;top: 84%;/* bottom: 20%; */}

/* logo 위치변경 */
.layout_header .resp_wrap{padding: 40px 0 10px 0;position: relative;}
.layout_header .logo_wrap {float:left;margin-top:10px;}
.layout_header #cateSwiper {float:left;padding:0 0 0 50px;margin-top:10px;}
.layout_header .resp_top_cart {display:none;}


/* search 수정 */
.layout_header .resp_top_search {display:block; bottom:0;}
.layout_header .resp_top_search a.btn_search_open {opacity:1; width:26px; height:26px; margin-top:0;}
.layout_header .resp_top_search .search_ver2 {opacity:1; overflow:visible; transform:translateX(-5px);}
.layout_header .resp_top_search .search_ver2.on {opacity:1; overflow:visible; transform:translateX(5px);}
.layout_header .resp_top_search .search_ver2 .search_new .input_area .cont {margin-top:-10px;width: 130px;} 
.layout_header .resp_top_search .search_ver2 .search_new .input_area label.search_box {width:310px;}
.layout_header .resp_top_search .search_ver2 .search_new .input_area button.search {margin-right: -150px;margin-top:-35px;}
.layout_header .resp_top_search .search_ver2 .search_new .input_area button.close {display:hidden;}








/* 속초몰 메인 비주얼 배너 */
/* .custom_slider.sliderA.cwMO{display:none;} */
/* zoom 슬라이드배너*/
@-webkit-keyframes zoom {
    0% { -webkit-transform: scale(1); transform: scale(1); }
    70% { -webkit-transform: scale(1.1); transform: scale(1.1); }
    100% { -webkit-transform: scale(1.1); transform: scale(1.1); }
}
@-moz-keyframes zoom {
    0% { -webkit-transform: scale(1); transform: scale(1); }
    70% { -webkit-transform: scale(1.1); transform: scale(1.1); }
    100% { -webkit-transform: scale(1.1); transform: scale(1.1); }
}
@-o-keyframes zoom {
    0% { -webkit-transform: scale(1); transform: scale(1); }
    70% { -webkit-transform: scale(1.1); transform: scale(1.1); }
    100% { -webkit-transform: scale(1.1); transform: scale(1.1); }
}
@keyframes zoom {
    0% { -webkit-transform: scale(1); transform: scale(1); }
    70% { -webkit-transform: scale(1.1); transform: scale(1.1); }
    100% { -webkit-transform: scale(1.1); transform: scale(1.1); }
}

.custom_slider.sliderA .slick-track div:nth-child(1n) img
{
    display: block;
    -webkit-animation: zoom 3s linear infinite alternate; /* Safari 4+ */
    -moz-animation:    zoom 3s linear infinite alternate; /* Fx 5+ */
    -o-animation:      zoom 3s linear infinite alternate; /* Opera 12+ */
    animation:         zoom 3s linear infinite  alternate; /* IE 10+, Fx 29+ */
}


.custom_slider.sliderA .outbox a{width:100vw;height:400px;overflow:hidden;}
.custom_slider.sliderA .outbox a img {width:100%; height:100%; object-fit: cover;}




@media only screen and (max-width:1024px){
    /*배너높이고정*/
	.custom_slider.sliderA .slick-track div:nth-child(1n) img{height:250px;}

}


/*##########################*/
/*****  속초몰 서브페이지   *****/
/*##########################*/

/*company 속초몰소개*/
#company {}
#layout_body {background-color: transparent !important;}
#company .wrap_full{
    position: absolute;
    margin: 0;
    height: auto;
    /* top:0; */
    right: 0;
    overflow: hidden;
    left: 0;
}
#company .visual_title .img_area{overflow: hidden;text-align: c;}
#company .visual_title .img_area img{object-fit:cover;width: 100%;height:300px;}
#company .service_section{text-align:center;padding: 350px 100px 0 100px;}
#company h3{font-size:35px;}
#company h4{font-size:23px; color:#363636;}
#company p{margin:0 auto;width:100%;max-width:600px; padding:50px 20px;font-size:16px;color:#000;}
#company em{color:#00A841;}
#company .infograph{}
#company .infograph .item{}
#company .infograph{}
#company .infograph{}

/* 기본 스타일 */
#company .infograph {display: flex;gap: 20px;position: relative;height:500px;width: 880px;margin: 0 auto;}
#company .infograph .item {flex: 1;position: absolute;top: 0;opacity: 1;transition: opacity 0.5s;}
#company .infograph .item:nth-child(1) {left: 0;}
#company .infograph .item:nth-child(2) {left: 280px;}
#company .infograph .item:nth-child(3) {right:0;}

/* 모바일 버전 스타일 */
@media screen and (max-width: 768px) {
    #company .infograph {flex-direction: column;height:auto;width:100%;}
    #company .infograph .item {position: static;opacity: 1;margin-bottom: 20px;text-align: center;}
}





@media only screen and (max-width:767px){
    #company .visual_title .img_area img{height:150px;}
    #company .service_section{text-align:center;padding: 210px 0 0 0;}
    #company h3{padding: 60px 0 0 0;font-size: 30px;letter-spacing: 1px;}
    #company h4{font-size: 20px;line-height: 1.2;font-weight: 300;padding: 20px 0;/* letter-spacing: -1px; */}
    #company p{font-size:14px;letter-spacing: -0.5px;padding: 30px 0;text-align: justify;font-weight: 300;}

    #company .pt .introduce .title{padding: 70px 0 40px;font-size: 1.7em;font-weight: 300;}
    #company .pt .introduce .pt_list li{width: 100%;}

}






/*company_info 입점안내*/

#company_info .wrap_full{
    position: absolute;
    margin: 0;
    height: auto;
    /* top:0; */
    right: 0;
    overflow: hidden;
}
#company_info .visual_title .img_area img{object-fit:cover;height:300px;}
#company_info .service_section{text-align:center;padding: 400px 0px 0 0px;}
#company_info h3.title1{font-size: 28px;font-family: 'Noto Sans KR', serif;padding: 0 0 20px 0;text-align:center;}

#company_info  h4{font-size: 18px;letter-spacing:-1px;padding-top: 55px;font-weight: 700;color: #646464;}
#company_info  p.text{display: block;margin:0 auto;padding: 30px 20px 0;font-size: 14px;color: #8B8A8A;}

#company_info .info{text-align:center;padding: 0 0 30px;} 
#company_info ul {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-direction: row;
    flex-wrap: wrap;
}
#company_info ul > li{position:relative;width:23%; background:#F4F8FD; padding-bottom: 50px;border-radius: 20px;}
#company_info ul > li:nth-child(even){background:#FFF9F2;}
#company_info ul > li .ring .no{position: absolute;max-width:100%;padding: 10px 0 0 20px;top: 10px;left: 0;}

@media only screen and (max-width:767px){
#company_info ul > li{width:100%;}
}


/*상품뷰*/
.btn_resp.color2 {background:#026DFF;border:0px;}
#total_goods_price{color:#666666;}
.detail_title_area .name{color:#666666;}
#btn_zoom_view {display:none;}
.sale_price {
    color: #026DFF;
}


/*상품리스트 카테고리*/
.displaY_event_order_ea, .displaY_sales_percent{display:none !important;}/*상품구매갯수안보이게*/

/*상품리스트 상단 카테고리별 이미지 */
#catalog_page {}
#catalog_page .category_edit_area_h{height:300px;width:100%;}

/* #catalog_page .search_nav {margin-top:290px;} */
#catalog_page .category_edit_area img{width:-webkit-fill-available !important; height:300px !important;object-fit: cover !important;}




/*버튼색*/
.resp_login_wrap .btn_resp.size_login1,
.resp_login_wrap .btn_resp.color2 {height:53px; line-height:53px; border-radius:5px; border-color:#00A841; background:#00A841; font-size:20px; font-weight:400; color:#fff;}


/*brand 레시피 */
#brand_page .category_edit_area {
    margin-top: 20px;
    text-align:unset;
    padding:0 20px;
}


#layout_body .brandlist { background-color:#ffffff;overflow: hidden;}
#layout_body .brandlist table{width:100%;}
#layout_body .brandlist .list_item.hide{display:none;}
#layout_body .brandlist .list_item{display: flex;}
#layout_body .brandlist .list_item .item{width:50%;height:200px;display: flex;flex-direction: column;justify-content: center;padding: 20px;overflow:hidden;}

.item_img_area img {
    width: 100%;
    object-fit: cover;
}
@media only screen and (max-width:767px){
    #layout_body .brandlist .list_item .item{padding: 10px;}
    #brand_page .category_edit_area.mobile_img_adjust img {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    }
    #layout_body .brandlist .list_item .item img{height:200px;object-fit:cover;}

    /* 입점안내 */    
    #company_info ul {
        display: flex;
        justify-content: space-between;
        gap: 20px;
        flex-direction: column;
        flex-wrap: wrap;
    }
}


/*########################*/
/* 리뉴얼 202308        */
/*########################*/




.main {}
.main a {
  opacity: 0.9;
  transition: opacity 0.3s, transform 0.3s;
}

.main a:hover {
  opacity: 1;
  transform: scale(1.05);
}

.main .flex-row{display:flex;align-items: flex-start;justify-content: flex-end;flex-wrap: nowrap;align-content: stretch;flex-direction: row;}
.main .full_wrap {position: absolute; left:0; right:0;}

.main h3{font-family: 'SpoqaHanSansNeo-Regular';font-size:35px;font-weight: 700;}
.main h4 {font-weight: 100;font-size: 18px;}

.main .pt-50 {padding-top:50px;}
.main .pt-70 {padding-top:70px;}
.main .pt-90 {padding-top:90px;}
.main .pb-20 {padding-bottom:20px;}
.main .text-center {text-align: center;}

.main .slick-next {right: -50px;display:block;opacity: 50;}
.main .slick-prev {left:-50px;display:block;opacity: 50;}

/*상품리스트*/
.display_responsible_class .goods_list li.gl_item {width: 33.3%;max-width: 274px;}
.goods_list li.gl_item .resp_display_goods_info .displaY_goods_name {display:block;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;height:auto;line-height: 2;}
.display_responsible_class .gli_image {background: #fff;}
.display_responsible_class .gli_image a{border-radius: 30px; overflow: hidden;}
.display_responsible_class .goods_list {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}

/* 상품할인율 동그라미 */
.respGoodsIcon.typeText {border-radius: 50px;}

.line_gray{height: 2px;    background-color: #E2E2E2;    margin: 60px 0 90px 0;}


/* 상단 검색 */
.resp_top_search .search_ver2 .search_new input[type='text'] {border: 1px solid #9F9F9F !important;border-radius: 20px !important;background: #fff;}

/* 탑아이콘 배너 */
.main .top_icon{width:100%; max-width:1090px; margin:0 auto;}
.main .top_icon .top-over-area {position: relative;}
.main nav ul {  list-style: none;  padding: 0;  margin: 0;}
.main nav li {  display: inline-block;  position: relative;}
.main nav a {  text-decoration: none;  color: #333;  padding: 10px 20px;  display: block;}
/* 서브메뉴 스타일 */
.main .submenu {  display: none;  position: absolute;  top: 100%;  left: 0;  width:100%;  background-color: #fff;  border-radius:25px;  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);  z-index: 2;}
.main .submenu li {  display: block;  border-bottom:1px solid #E3DFDF;  margin: 0 20px;}
/* 특산물 롤오버 효과 */
.main nav li:hover .submenu {  display: block;}






/* 특급기획전 */
.main .special {position: relative;}
.main .special .full_wrap.title_bg {top:0;width: 100%;    height: 230px;    background-color: #00A785; z-index: -1;}
.main .special h3{color:#fff;}
.main .special .outbox .banner {float: left;padding: 20px 0;}
.main .special .outbox .banner a {opacity:1;}
.main .special .outbox .banner img {width: 100%;max-width: 400px;}
.main .special .display_responsible_class .goods_list{padding-left:15px;}
.main .special .display_responsible_class .goods_list li{padding-left:0px;}
.main .special .display_responsible_class .goods_list li.gl_item {padding-left:0;padding-bottom: 10px;width: 25%;max-width: 180px;}


/* 특가상품 */
.main .sail{margin-top:60px;border-top:1px solid #C3BFBF;}

/* 카테고리별인기상품 */
.main .cate_enjoy{position: relative;margin: 60px 0 0;padding: 70px 0;}
.main .cate_enjoy .full_wrap {top:0;bottom:0; z-index: -1;}
.main .cate_enjoy .display_responsible_class {}
 
.htabs {
    display: flex;
    font-size:18px;
    font-weight:300;
    border-bottom: 3px solid #FA8900;
}
.htab{
    font-size: 18px;
    font-weight:700;
    height: 30px;
    border: 0;
    padding: 10px 30px 5px;
    flex-basis: max-content;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-weight: 300;
	white-space: nowrap;
  }
  .htab.active {
    color: #fff;
    font-weight: 500;
    background-color: #FA8900;
    border-radius: 20px 20px 0 0;
  }
.htab-content {display: none;}
.htab-content.active-tab {
    display: block;
  }


/* 가운데배너 */
.main .center_banner .boxarea{display: flex;gap:10px;}
.main .center_banner .boxarea {
    display: flex;
    justify-content: space-between;
}

.main .center_banner .item.inner {
    display: grid;
    grid-template-columns: 1fr; /* 왼쪽과 오른쪽 열의 너비를 동일하게 설정 */
    gap: 10px; /* 상하 간격을 10px로 설정 */
}

.main .center_banner .item.inner div {
    width: 100%; 
}

.main .center_banner .item.inner img {
    width: 100%;
    height: auto;
}




/* 탭 스타일*/
.main .cate_enjoy div.slide-wrap {background:transparent;}
.main .cate_enjoy .designDisplay.slide-wrap.designElement{background:transparent;}
.main .cate_enjoy .category-box {background:#fff;border-radius:50px;padding:20px;box-shadow: 2px 2px 5px 5px rgb(112,112,112,.1);margin-bottom:30px;}
.main .cate_enjoy ul.displayTabType1{display: flex;flex-wrap: wrap;justify-content: center;font-weight: 500;}
.main .cate_enjoy ul.displayTabType1>li {color: #363636; font-size: 18px; font-weight:300; height: 30px; border: 0; padding: 0 30px; flex-basis: max-content;}
.main .cate_enjoy ul.displayTabType1>li.current {color: #004896;  font-size: 18px;  font-weight:700;   height: 30px;
    border: 0; padding: 0 30px;   flex-basis: max-content;}


/* 속초몰의 특별한 제품들 */
.main .special_pro{margin-top: 120px;}
.main .special_pro .line_blue{height: 5px;background-color: #004896;margin-bottom:40px;}
.main .special_pro .outbox .item {float: left;padding: 20px 0;width: 400px;}
.main .special_pro .outbox .item h4.special_title {font-size: 30px;color: #7E7E7E;text-align: left;font-weight: 500;width: 300px;}
.main .special_pro .outbox .item a{color:#9F9F9F;}
.main .special_pro .outbox .show{font-size:50px;}
.main .special_pro .outbox .show .display_responsible_class .goods_list li.gl_item {padding-left:10px;padding-bottom: 40px;width: 33.33%;max-width: 274px;/* line-height: 2; */}

/*MD추천상품*/
.main .md{position: relative;margin: 60px 0 0;padding: 70px 0;}
.main .md .full_wrap {top:0;bottom:0; background-color:#F7F7F7; z-index: -1;}
.main .md .display_responsible_class {background-color: #F7F7F7;}



/* 하단배너  */
.main .banner {margin-top: 70px;padding: 25px 0;    border-radius: 100px;    border: 1px solid #E0E0E0;    width:80%;}
.main .banner .slick-prev,.main .banner .slick-next {opacity: 0;}
 

/*메인 상품리스트 정보*/
.main .goodS_info.displaY_review_count,
.main .goodS_info.displaY_seller_grade_a,
.main .displaY_besong{display:none;}
.main .displaY_sales_price .areA, .main .displaY_goods_price .areA {font-size: 18px;color: #368AFD;}
.main .displaY_sales_price .nuM, .main .displaY_goods_price .nuM { font-size: 18px;}

/*서브 best 상품 리스트*/
.best_page_ranking>ul>li:nth-child(1) .item_rank {background-color: #00A785;}
.best_page_ranking>ul>li:nth-child(2) .item_rank {background-color: #00A785;}
.best_page_ranking>ul>li:nth-child(3) .item_rank {background-color: #00A785;}
.best_page_ranking .item_rank {background: #C3BFBF;}

/****** 반응형  ****/
@media only screen and (max-width:1024px){

    
    /*메인공통*/
    .main .pt-70{padding-top:40px;}
    .main .pt-50{padding-top:20px;}
    .main .pb-20{padding-bottom:0;}
    .main h3{font-size:20px;}
    .main h4{font-size:12px;}
    
    .main .display_responsible_class .goods_list li.gl_item {width: 49%;max-width: unset;}
    .main .display_responsible_class .goods_list li.gl_item img {width: 100%;}

    /*메인 상품리스트 정보*/
    .main .displaY_sales_price .nuM, 
    .main .displaY_goods_price .nuM, 
    .main .displaY_sales_price, 
    .main .displaY_goods_price
    { font-size: 15px;}
    .main .goods_list li.gl_item .resp_display_goods_info .displaY_goods_name {font-size: 13px;}
    
    
    /*헤더*/
    .layout_header .resp_wrap {padding: 0;position: relative;margin: 0;}
    .layout_header .util_wrap_menu2 {display:none;}
    .layout_header .logo_wrap {float:unset;margin-top: 0;}
    .layout_header .logo_wrap .logo_area {margin: 0 auto;text-align: center;/* line-height: 50px; */}
    .layout_header .logo_wrap .logo_area>a {width: 100%;max-width: 130px;height: 40px;padding: 10px;}
    .layout_header .logo_wrap img{width:90px;}
    .layout_header #cateSwiper {display: none;}
    .layout_header .resp_top_hamburger {display: block;position: absolute;right: 20px;left:unset;top: 32px;}
    .layout_header .resp_top_hamburger .on{display:none;}
    .layout_header .resp_top_cart {display: none;}
    
    /*GNB서치*/ 
    
    .layout_header .resp_top_search {
        margin-top: 0;
        display: block;
        bottom: 0;
        right: 0;
        height: 1px;
        width: 100%;
        top: 0;
        background: transparent;
    }
    

    .layout_header .resp_top_search .search_ver2 {display:none;}
    
    .layout_header .resp_top_search .search_ver2.on {
        display:block;
        position: absolute;
        left: -10px;
        right:0;
        top: 0;
        width: 100v;
        height:60px;
        background:#ACD3FF;
        opacity: 1;
        overflow: visible;
        transform: translateX(5px);
        z-index: 999;
    }

    
    .layout_header .resp_top_search a.btn_search_open {
        opacity: 1;
        width: 22px;
        height: 24px;
        float: right;
        margin: 20px 60px 0 0;
    }
        
    .layout_header .resp_top_search .search_ver2.on .close.icon {
        opacity: 1;
        width: 20px;
        height: 20px;
        background: url('../images/design_resp/icon_search_close.png') no-repeat;
        background-size: cover;
        margin-top: 15px;
        position: absolute;
        right: 20px;
        top: 5px;
        text-indent: -9999px;
        overflow: hidden;
        z-index: 9999;
    }

    .layout_header .resp_top_search .search_ver2 .search_new {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
        margin-top:0;
    }
        
        .resp_top_search .search_ver2 .search_new .input_area label.search_box>input[type='text'] {
        height: 100%;
        width: 250px;
        font-size: 16px;
        font-weight: 500;
        color: #333;
        vertical-align: middle;
                border: none; /* 테두리 제거 */
        box-shadow: none; /* 그림자 제거 */
    }
        
    .layout_header .resp_top_search .search_ver2 .search_new .input_area .cont {
        margin: 0 auto;
        width: 100%;
        max-width: 250px;
    }
        
        .layout_header .resp_top_search .search_ver2 .search_new .input_area label.search_box {
        width: 100%;
    }
        
        .layout_header .resp_top_search .search_ver2 .search_new .input_area button.search {
        margin-right: 20px;
        margin-top: -35px;
    }
        .layout_header .resp_top_search .search_ver2 .search_new .contetns_area {
        width: 258px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
    /** search end**/
    
    
    

    /*메인슬라이더 배너높이고정*/
	/*.custom_slider.sliderA img.simg {object-fit: cover;height: 200px;}*/
    .custom_slider.sliderA .outbox a{width:100vw;height:200px;overflow:hidden;}

    /* 특급기획전 */    
    .main .special .full_wrap.title_bg {height: 100px;}
    .main .special h3{font-size:20px; line-height:1;}
    .main .special h3.pb-20{padding-bottom: 0;}
    .main .special .outbox{margin-top: -10px;}
    .main .special .outbox .banner{display:none;}
    
    /* 카테고리별인기상품 */
    .main .cate_enjoy {position: relative; margin: 20px 0 0; padding: 20px 0;}
    .main .cate_enjoy .category-box {overflow-x: auto; white-space: nowrap;padding:5px;margin-bottom:5px; margin-top: 10px;}
    .main .cate_enjoy ul.displayTabType1{display:inline-flex;flex-wrap: nowrap;}
    .main .cate_enjoy ul.displayTabType1>li {padding:0 10px;font-size:12px;padding: 0 15px;}
    .main .cate_enjoy ul.displayTabType1>li.current {font-size: 12px;}
    .main .cate_enjoy .pt-50{padding-top:0px;}
    

      /* 속초몰의 특별한 제품들 */    
    .main .special_pro {margin-top: 50px;}
    .main .special_pro .flex-row{flex-direction:column;}
    .main .special_pro .line_gray { margin:0;}
    .main .special_pro .line_blue {margin-bottom: 0; margin-top: 10px;}
    .main .special_pro .outbox .item { padding: 20px 0 0 0;}
    .main .special_pro .outbox .item h4.special_title {font-size: 20px;}
    .main .special_pro .outbox .item h4.special_title a {font-size: 12px;}
    
    /*md*/
    .main .md { margin: 10px 0 0; padding: 10px 0;}
    
    /* 리뷰 */
    .main .review{margin-top: 20px;}
    .main .review .board_gallery {padding-top: 0;}
    .main .review .board_gallery .item_info_area .goods_name_area {height: 50px;padding:20px;}
    .main .review .board_gallery .item_info_area .goods_name_area a {padding-top: 5px;font-size:11px;}
    .main .review .button.more{display:block;width:30%;margin: 10px auto 40px;text-align:center;padding: 10px;font-size: 13px;border:1px solid #363636;}

}
@media only screen and (max-width:767px) {
    
    
    /* 탑아이콘 배너 */
    .main nav li {width:33.33%;}
    .main nav li a {height: 100px;text-align: center;}
    .main nav li a img{height:100%;}
    .main .top_icon.flex-row{flex-wrap:wrap;margin: 5px 0;}
    .main nav a {padding:0;}

	/* 메인슬라이더 */
	.custom_slider.sliderA .outbox img {width: 100%;height: 250px;object-fit: cover;}
	

    /* 특급기획전 */   
    .main .special .display_responsible_class .goods_list li.gl_item {width: 49%;max-width: unset;}
    .main .special .display_responsible_class .goods_list li.gl_item img {width: 100%;}
	
	/* 카테고리별인기상품 */
	.main .cate_enjoy .show{margin-top:20px;}
      .htabs {
        overflow-x: auto;
        white-space: nowrap; 
        height: 30px;
        flex-wrap: nowrap;
        border-radius: 30px;
      }
	  .htab.active {border-radius: 5px 5px 0 0;}
    
      /* 각 탭 요소 스타일 설정 */
      .htab {
        display: inline-block; 
        margin-right: 10px; 
        padding: 5px 10px; 
        border-radius: 4px;
        cursor: pointer; 
      }

      /* 메인가운데베너 */
	  .main .center_banner .boxarea {flex-direction: column;}
	

      /* 메인하단베너 */
      .main .banner {width:95%;}
    
    /* 서치 헤더 */
    .layout_header .util_wrap {display:unset;}

}


/* 2025.03.25 gcs ksm : #25678 상품사진 가로세로 동일비율로 강제 지정 [item_img_area img : goods_list_style1.html]    [ goodsDisplayImage : goods_infor_style_1.html] 에서 적용 */
.item_img_area img, .goodsDisplayImage {
	width: 100%;  /* 가로 크기 100%로 설정 */
	height: auto; /* 높이는 자동으로 설정되지만, 아래처럼 고정 비율을 적용할 수 있음 */
	aspect-ratio: 1; /* 가로와 세로 비율을 1:1로 강제 */
}