@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard.woff') format('woff');
    font-style: normal;
}
body{font-family: 'Pretendard'; color:#333;}
:lang(zh-cn){font-family:'Noto Sans KR', sans-serif;;}

body.sticky{padding-top: 65px;}


/**********************/
/******** 공통 ********/
/**********************/
.click_view{width: fit-content;color:#992828; position:relative;text-decoration: underline;}
/* .click_view::after{content: ''; display: block; border-bottom: 1px solid #992828; width: 100%; position: absolute; bottom: 2px; left: 0; height:100%;} */

.span_point_muber{z-index: -1; background-color: #000; color: #fff; font-size: 8px; padding: 0px 5px; border-radius: 50px; position: absolute; top: -10px; right: -10px;}
.span_point_onoff.h_event03 ,.span_point_muber.h_event03{background-color: #fff; color:#000;}


/******************************/
/******** header style ********/
/******************************/
header{position: fixed; z-index: 2000; width: 100%; height: 90px; border-bottom: 1px solid rgba(255,255,255,0.3);}
.header_inner{max-width: 1300px; height: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;}
.header_left{display: flex; align-items: center;}
.h_logo{width: 130px; height: 40px; margin-right: 30px;}
.h_logo a{display: block; width: 100%; height: 100%; background: center / 100% no-repeat url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/INCUS/162319392782630.png); text-align: center;}
.h_menuTab .h_tabWrap{display: flex;}
.h_menuTab .h_tabSec{position: relative; margin: 0 20px;}
.h_menuTab .h_tabSec::after{position: absolute; top: -8px; right: -8px; content: ""; display: none; width: 10px; height: 10px; border-radius: 100%; background-color: #00a036;}
.h_menuTab .h_tabSec > a{font-family: 'Pretendard'; font-weight: 400; font-size: 18px;  padding-bottom: 40px; padding-top: 40px; color: #fff;}
.h_tabWrap .tabList{text-align: center; position: absolute; background-color: #fff; padding: 20px 25px; border-radius: 10px; box-shadow: 0 0 10px rgba(000,000,000,0.1); margin-top: 10px;  width: max-content; top: 24px; display: none; left: 50%; transform: translateX(-50%);}
.h_tabWrap .tabList li{line-height: 1em; margin-bottom: 10px;}
.h_tabWrap .tabList li:last-child{margin-bottom: 0;}
.h_tabWrap .tabList a{font-family: 'Pretendard'; font-size: 14px;}
.lnb{position: absolute; top: 90px; left: 0; width: 100%; background-color: #fff; border-bottom: 1px solid #eee; display: none;}
.lnb_wrap{display: flex; margin: 0 auto; max-width: 1400px;}
.lnb_wrap .lnb_box{width: calc(100% / 4); border-right: 1px solid #eee; padding: 35px 0; position: relative;}
.lnb_wrap .lnb_box:last-child{border-right: 0;}
.lnb_wrap .lnb_box::after{content: ''; display: block; position: absolute; top: -1px; left: 50%; width: 0; height: 2px; background: #00a036; transition: all 0.3s ease-out; z-index: 5;}
.lnb_wrap .lnb_box .lnb_title{margin-bottom: 18px; font-size: 20px; font-weight: 500; color: #000; text-align: center; border-bottom: 0; padding-bottom: 0;}
.lnb_wrap .lnb_box .lnb_list{text-align: center; word-break: keep-all;}
.lnb_wrap .lnb_box .lnb_list li{margin-bottom: 10px;}
.lnb_wrap .lnb_box .lnb_list li a{font-size: 17px; font-weight: 300; color: #000;}
.lnb_wrap .lnb_box .lnb_list li:last-child{margin-bottom: 0;}
/* hover */
/* .h_tabWrap .h_tabSec:hover .tabList{display: block;} */
.lnb_wrap .lnb_box .lnb_list li:hover a{color: #00a036; font-weight: 500;}
.lnb_wrap .lnb_box:hover:after{width:160px;margin-left:-80px}
.h_tabWrap .h_tabSec:hover::after{display: block;}
.h_tabWrap .tabList a:hover{color: #00a036;}
/* 유틸리티 상단 메뉴 */
.h_utiWrap{display: flex; align-items: center;}
.h_utiWrap > li{margin: 0 9px;}
.h_utiWrap li:last-child{margin-right: 0;}
.h_utiWrap .h_mypage{position: relative;}
.h_utiWrap .h_lang{position: relative;}
.h_utiWrap li .utilIcon{display: block; width: 22px; height: 24px; background: center / contain no-repeat;}
.h_utiWrap .h_mypage .utilIcon{background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/INCUS/164235032639656.png); padding-bottom: 70px;} 
.h_utiWrap .h_cart .utilIcon{width: 29px; background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/INCUS/164235033118799.png);} 
.h_utiWrap .h_contect .utilIcon{width: 28px; background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/INCUS/16423503352165.png);} 
.h_utiWrap .h_lang .utilIcon{height: 22px; background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/INCUS/16423503395836.png); padding-bottom: 70px;} 
.h_utiWrap .h_search .utilIcon{height: 22px; background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/INCUS/164235034348028.png);} 
/* 유틸리티 하단 메뉴 */
.h_utiWrap .listWrap{position: absolute; background-color: #fff; padding: 20px 25px; border-radius: 10px; box-shadow: 0 0 10px rgba(000,000,000,0.1); margin-top: 10px; width: max-content; top: 50px; left: 50%; transform: translateX(-50%);}
.h_utiWrap .listWrap li{line-height: 1em; margin-bottom: 10px;}
.h_utiWrap .listWrap li:last-child{margin-bottom: 0;}
.h_utiWrap .listWrap a{font-family: 'Pretendard'; font-size: 14px;}
.h_utiWrap .mypage_list{display: none; text-align: center;}
.h_utiWrap .lang_list{display: none;}
.h_utiWrap .mypage_list a:hover{color: #00a036;}
.h_utiWrap .h_cart .utilIcon{position: relative;}
.h_utiWrap .h_cart .cartCount{position: absolute; top: -4px; right: -6px; width: 16px; line-height: 16px; border-radius: 100%; background-color: #00a036; display: block; font-size: 11px; font-family: "Pretendard"; color: #fff; text-align: center;}
.h_utiWrap .lang_list a.onlang{color: #00a036; font-weight: 600;}
.h_utiWrap .h_search .searSec{position: fixed; top: -350px; left: 0; width: 100%; height: 350px; background-color: #fff; display: flex; justify-content: center; align-items: center; z-index: 2; transition: all 0.3s ease;}
.h_utiWrap .h_search .searSec.onSear{top: 0;}
.h_utiWrap .h_search .searSec .searTit{position: absolute; top: 95px; left: 500px; font-family: "Pretendard"; font-size: 25px; font-weight: 500; color: #00a036;}
.h_utiWrap .h_search .searWrap{position: absolute; width: 50%; height: 60px; display: flex;}
.h_utiWrap .h_search .searWrap .searBox{width: 100%; height: 100%; background-color: #f3f3f3; outline: 0; font-family: "Pretendard"; font-size: 20px; font-weight: 500; color: #333; padding: 0 74px 0 30px; border: 0; border-radius: 30px;}
.h_utiWrap .h_search .searWrap .searBtn{position: absolute; top: 0; right: 10px; width: 60px; height: 60px; background: center / 40% no-repeat url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/INCUS/162319644679612.png);}
.h_utiWrap .h_search .searSec .closeBtn{width: 40px; height: 40px; position: absolute; top: 40px; right: 18%; background: center / 60% no-repeat url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/INCUS/162411942863427.png);}
.h_utiWrap .h_search .backCol{position: fixed; top: 0; left: 0; background-color: rgba(000,000,000,0.3); width: 100%; height: 100%;  z-index: 1; display: none;}
/* hover */
.h_utiWrap .h_mypage:hover .mypage_list{display: block;}
.h_utiWrap .h_lang:hover .lang_list{display: block;}
/* header 스크롤시 디자인 변경 css */
header.sticky{position: fixed; top: 0; left: 0; height: 65px; box-shadow: 0 0 10px rgba(000,000,000,0.1); background-color: #fff;}
header.sticky .h_logo{width: 114px; height: 35px; margin-right: 20px;}
header.sticky .h_tabWrap .tabList{margin-top: 8px;}
header.sticky .h_utiWrap .listWrap{top: 47px;}
header.sticky .h_menuTab .h_tabSec > a{color: #333;}
header.sticky .h_utiWrap .h_mypage .utilIcon{background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/INCUS/162319642255099.png); padding-bottom: 70px;} 
header.sticky .h_utiWrap .h_cart .utilIcon{width: 29px; background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/INCUS/162319642988386.png);} 
header.sticky .h_utiWrap .h_contect .utilIcon{width: 28px; background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/INCUS/162319643488878.png);} 
header.sticky .h_utiWrap .h_lang .utilIcon{height: 22px; background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/INCUS/162319644092086.png); padding-bottom: 70px;} 
header.sticky .h_utiWrap .h_search .utilIcon{height: 22px; background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/INCUS/162319644679612.png);} 
header.sticky .lnb{top: 65px;}
/* 헤더에 마우스 올렸을 때 */
header.active{background-color: #fff; border-bottom: 1px solid #eee;}
header.active .h_menuTab .h_tabSec > a{color: #333;}
header.active .lnb{display: block;}
header.active .h_utiWrap .h_mypage .utilIcon{background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/INCUS/162319642255099.png); padding-bottom: 70px;} 
header.active .h_utiWrap .h_cart .utilIcon{width: 29px; background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/INCUS/162319642988386.png);} 
header.active .h_utiWrap .h_contect .utilIcon{width: 28px; background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/INCUS/162319643488878.png);} 
header.active .h_utiWrap .h_lang .utilIcon{height: 22px; background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/INCUS/162319644092086.png); padding-bottom: 70px;} 
header.active .h_utiWrap .h_search .utilIcon{height: 22px; background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/INCUS/162319644679612.png);} 








/*모바일 헤더 */
.mo_header.mo_hevent{position: fixed;top:0;left:0;}

.mo_header{z-index: 9999; display: none; width:100%;position:relative}
.mo_header .bg_color{background-color: hsla(0,0%,0%,0.4);width:100vw; height:110vh;display: block;  position: absolute;
    top: -50px;z-index:9; transition-duration: 0.5s;
   display: none;/* opacity: 0; */}
/* .mo_header .bg_color.view{opacity: 1;display: block;} */

.mo_header .page_topheader{background-color: #fff; height: 90px; width:100%; text-align: center;position:relative; border-bottom: 1px solid #ddd;}
.mo_header .page_topheader .logo{width: 160px; height: 50px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.mo_header .page_topheader .logo a{display: block; width: 100%; height: 100%; background: center/100% auto no-repeat url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/INCUS/162319392782630.png);}
.mo_header .page_topheader .page_sear_cart ul {position:absolute; top:54%; right:30px; transform:translateY(-50%) ;}
.mo_header .page_topheader .page_sear_cart ul li{display: inline-block; width:26px;margin-left:28px;}
.mo_header .page_topheader .page_sear_cart ul li:nth-child(1){position: relative;}
.mo_header .page_topheader .page_sear_cart .langList{display: none; position: absolute; background-color: #fff; padding: 12px 17px; border-radius: 10px; box-shadow: 0 0 10px rgba(000,000,000,0.1); width: max-content; top: 35px; left: 50%; transform: translateX(-50%);}
.mo_header .page_topheader .page_sear_cart .langList.on{display: block;}
.mo_header .page_topheader .page_sear_cart .langList li{width: auto; height: auto; display: block; margin-left: 0; cursor: pointer; font-family: "Pretendard"; font-size: 15px;}
.mo_header .page_topheader .page_sear_cart .langList li.on{color: #00a036;}

.mo_header .close1{border:1px solid #bbb ;}
.mo_header .close1 img{width:12px; opacity: 0.6; padding-top: 5px;}
.LeftWrap{width:300px; height:100%; background:#fff; position:fixed; top:0; left:-300px; z-index:100; }
.LeftWrap > div{padding:20px 20px 0 20px;width:100%;background: #fff;
    height: 100%;}
.LeftWrap > div > div{margin-top:20px;width:100%}

.LeftWrap .mo_center{margin-top:40px;}
.close1{display:block; width:24px; height:24px; line-height:24px; font-size:13px; font-weight:bold; background:#fff; color:#69F; border-radius:15px; text-align:center; text-decoration:none; position:absolute; top:15px; right:15px;}
.open1{display:block; width:30px; position:absolute;  top:50%; left:30px; transform:translateY(-50%) }
.open1 span{display:block; width:30px; height:2px; background:#1c1c1c; margin-bottom:8px;}
.open1 span:last-child{margin-bottom:0;}

.mo_header .mo_center ul{display: flex; border:1px solid #bbb}
.mo_header .mo_center li{width: 33.3%; text-align: center; border-right:1px solid #bbb; padding:14px 0 8px; }
.mo_header .mo_center li:last-child{border-right:none;}
.mo_header .mo_center li img{width:25px; opacity: 0.7;}
.mo_header .mo_center li p{font-size:14px; margin-top:3px; color:#666; font-family: 'Pretendard';}

 /* #btn1{padding:50px} */
 /* #btn1 ul{display:none} */
 .mo_header .logo img{width:135px}
 .mo_header .mo_top ul{display: flex;width: 100%;    justify-content: center;position: relative;}
 .mo_header .mo_top ul li{text-align: center;width: 50%;}
 .mo_header .mo_top ul li.log_li .p{position:absolute; bottom:-32px; left:0; color:#666; font-size:15px; font-weight: 400; width:100%; text-align: center; font-family: 'Pretendard';}
 .mo_header .mo_top ul li:last-child{margin-left:10px;}
 .mo_header .mo_top ul li a{background-color: #00a036; border: 1px solid #00a036; padding:8px 0 6px; color: #fff; font-size: 15px; display: block; width:100%; border-radius: 3px; font-family: 'Pretendard';}
 .mo_header .mo_top ul li:last-child a{background-color: #fff; border-color: #ccc; color: #1c1c1c;}
 .mo_header .nav .nav_depth .nav_depth01{font-size:16px; line-height: 1em; font-family: 'Pretendard'; margin-bottom: 10px; color: #333; cursor: pointer;}

 .mo_header .shop_li > li{position: relative; margin-bottom: 20px;}
 .mo_header .shop_li > li.ro_v{width:100%; background:url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/DONGSAN/160297087255320.png) no-repeat right top 5px;background-size: 10px;}
 /* .mo_header .shop_li > li.ro_v02{width:100%; background:url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/DONGSAN/160297087255320.png) no-repeat right top 9px;background-size: 16px; transition: all 0.5s linear; transform: rotate( -180deg );} */
 .mo_header .shop_li > li.ro_v02{width:100%; background:url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/DONGSAN/161055452465439.png) no-repeat right top 9px;background-size: 10px;}


 /* .mo_header .shop_li > li::before{content:'〉'; display: block; transform:rotate(90deg); position:absolute;top:3px;right:0;color:#bbb}
 .mo_header .shop_li > li::after{content:'〉'; display: none; transform:rotate(-90deg); position:absolute;top:-6px;right:-2px;color:#bbb} */



 .mo_header .nav .nav_depth02{color:#888; background: #f9f9f9; padding: 8px 10px; border-top: 2px solid #777; display: none; overflow: hidden;}
 .mo_header .nav .nav_depth02 > li{font-size: 15px; padding: 2px;}
 .mo_header .nav .nav_depth02 > li a{font-family: 'Pretendard';}


    /*mo_tabSet */
    .mo_tabSet{
        margin-bottom:30px;
    }
    .mo_tabSet ul.mo_tabs {display: flex;}
    .mo_tabSet ul.mo_tabs  li{transform: translateY(1px);
            list-style-type:none; width:50%;
        }
    .mo_tabSet ul.mo_tabs li a{
                color:#888;
                background:#eee;
                text-align: center;
                padding:7px 0 5px;
                display:block;
                font-weight:400;
                font-size:15px;
                text-decoration:none;
                border: 1px solid #ccc;
                font-family: "Pretendard";
                cursor: pointer;
            }
    .mo_tabSet ul.mo_tabs li a.on{
                background:#fff;
                color:#00a036;
                border-top:2px solid #00a036;
                border-bottom: 0;
            }
    .mo_panels{
        background:#fff;
        min-height:180px;
    }
    .mo_header .panel02{
        /* overflow-y: scroll; */
        overflow-x: hidden;
        height: 50vh;
        padding:20px 15px;
        font-size:14px;
        color:#4d4d4d;
        display:none;
        border: 1px solid #ccc;
    
    }
    .mo_header .panel02 .head_tab li{margin-bottom: 22px; line-height: 1em;}
    .mo_header .panel02 .head_tab li a{font-size: 16px; font-family: 'Pretendard'; color: #333;}

    .mo_header .sc_down{position:absolute;background-color: black;bottom: -40px;padding-bottom:5px;display: none; lefT: 0;color:#fff; width: 100%;}
    .mo_header .sc_down .nav li{display: inline-block;margin:0 20px;}




/*hamburger */
.hamburger { position: fixed; right: 0; width: 100%; z-index: 9999;}
.hamburger.h_event04{top:0;}
.hamburger .hamburger_but span.h_event05{background-color: #fff;}
.hamburger .header_inner{position:relative;margin:0 auto;}
.hamburger .nav{position:absolute;top:121px; left:0; width:100%;z-index: 99; display: none;}
.hamburger .nav.h_event06{    top: 120px;}
.hamburger .nav::after{width:140%; height:100%; content:'';display:block;  background-color: rgba(255,255,255,0.9); position:absolute;top:0; left:-25%;    z-index: -1;}



.hamburger .nav_depth{padding:50px 60px; }
/* .hamburger .nav_depth02 {border-top:1px solid #bbb} */
.hamburger .nav_depth > li{margin-bottom:50px;display: inline-block; vertical-align: top; width: calc((100% - 40px) / 5);}
.hamburger .nav_depth > li > a{font-size:1.125rem; border-bottom:1px solid #000; padding-right:20px;padding-bottom: 5px;font-weight: bold;}
.hamburger .nav_depth02{height:auto; line-height: 2em;margin-top: 10px;}
.hamburger .nav_depth02 > li > a{font-size:1rem;color:#888;}
.hamburger .nav_depth02 > li:hover > a{color:#be3434;}
.hamburger .hamburger_but {position: relative;}
.hamburger .hamburger_but > div{position:absolute; right:20px; top:28px; width:20px; height:22px;/* border:1px solid #000 */cursor: pointer;z-index: 999;}

.hamburger .hamburger_but span{width:20px; height:2px; background-color: #000;position:absolute;left:50%; transform: translateX(-50%); }
.hamburger .hamburger_but span:first-child{position:absolute;top:2px; transition: transform 0.3s; }
.hamburger .hamburger_but span:nth-child(2){position:absolute;top:9px; transition: width 0.2s; }
.hamburger .hamburger_but span:last-child{position:absolute;top:16px; transition: transform 0.3s; }


.hamburger .hamburger_but span.on:first-child{transform:rotate(45deg) translate(-2px, 12px)}
.hamburger .hamburger_but span.on:nth-child(2){width:0;}
.hamburger .hamburger_but span.on:last-child{transform: rotate(-45deg) translate(-2px, -12px);}


/* 서브헤드 */
.commu .content{padding-top: 40px;}
.brand_stroy.content{padding-top: 40px; padding-bottom: 0;}
.qna_as .content{padding-top: 140px;}

.loca h3{margin-bottom:30px;}
.sub_header{position: relative; padding-top:70px; display: flex; align-items: center;}
.sub_header .go_home{width: 36px; height: 36px;}
.sub_header .go_home a{display: block; width: 100%; height: 100%; background: center / 100% no-repeat url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/INCUS/162413718475322.png);}
.sub_header > p{display: inline-block; position: relative; padding-right: 20px; font-size: 17px; font-family: 'Pretendard'; font-weight: 400; color: #444;}
.sub_header > p::after{content: '>';color:#888; font-size:13px;position:absolute;top:50%;right:5px; transform: translateY(-50%);}
.sub_header .scroll_sec{display: inline-block; position: relative; width: 100px; vertical-align: middle;}
/* .sub_header #commu_li{ background: #fff; padding:15px 80px 0 80px;display: table; margin:0 auto;} */
.sub_header #commu_li li{white-space: nowrap; display: table-cell; font-size: 17px; font-family: 'Pretendard'; position: absolute; top: 0; left: 0; display: none; /* text-align: center;padding:0 15px 10px 15px; color:#666; */}
.sub_header #commu_li{padding-right:10px;}
.sub_header #commu_li li.on{color:#000; font-weight: 500; position:relative;display: block;}
/* .sub_header ul li.on a::before{content:''; display: block; width:100%; height:2px; position:absolute; bottom:8px;background: #be3434;left:50%; transform: translateX(-50%); } */
.sub_header .list_com{position:absolute;background-color: #fff;box-shadow: 3px 3px 8px rgba(000,000,000,0.1);z-index: 99;font-size:14px; border-radius: 10px;top: 31px; left: -17px;width:130px;display: none; overflow: hidden;padding:15px;}
.sub_header .list_com li{ line-height:1.8;}
.top_tit{display:flex;justify-content: space-between;}
.top_tit .fa{margin-top:5px; font-size:14px; color:#666; transition-duration:0.3s;}
.fa_action{transform: rotate(180deg);margin-bottom:5px;transition-duration:0.3s;}
/* 4+1 이벤트 테그 */
.envet_tag{margin-right:5px; font-weight: 500;}
.envet_tag i{font-family: 'Rubik','Noto Sans KR', sans-serif; display: inline-block;margin:0 2px; }
.commu.mypage_review .content{padding-top:140px}




/******************************/
/******** footer style ********/
/******************************/
footer{width: 100%; background-color: #f8f8f8; position: relative;}
.footer_inner{max-width: 1300px; margin: 0 auto; width: 95%;}
.f_menuTab::after{content: ""; display: block; position: absolute; left: 0; width: 1920px; height: 1px; background-color: #ddd;}
.f_tabWrap{padding: 20px 0; display: flex;}
.f_tabWrap > li{margin-right: 20px; line-height: 1em;}
.f_tabWrap > li a{font-size: 15px; color: #555; font-family: "Pretendard"; font-weight: 500;}
.f_tabWrap .f_privacy{color: #00a036;}
.fInfo_wrap{display: flex; align-items: flex-start; padding: 60px 0;}
.f_logo{margin-right: 48px;}
.f_logo p{width: 75px; height: 66px; background: center / 100% no-repeat url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/INCUS/162351406967430.png);}
.f_content > p{line-height: 1em; margin-bottom: 8px; line-height: 1.4;}
.f_content > p.contact_info{margin-bottom: 30px;}
.f_content > p:last-child{margin-bottom: 0;}
.f_txt{font-family: "Pretendard"; font-size: 14px; color: #555;}

/* 서브페이지 서븝배너 */
.subBanner{width: 100%; height: 500px; border-bottom-right-radius: 260px; overflow: hidden; position: relative; margin-bottom: 80px; display: flex; align-items: center; justify-content: center;}
.subBanner .img_box{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1;}
.subBanner .img_box img{height: 100%; object-fit: cover; width: 100%; animation: zoom 4s;}
.subBanner .tit{font-size: 62px; font-weight: 700; color: #f5f5f5; text-shadow: 0 0 rgb(0 0 0 / 10%); font-family: 'Pretendard'; text-align: center;}
@keyframes zoom{
    0%{transform: scale(1.2);}
    100%{transform: scale(1);}
}




/* ********************************************* *
*1800px max
* ********************************************* */
@media screen and (max-width:1800px){
}

 /* ********************************************* *
 *1800px max
 * ********************************************* */
 @media screen and (max-width:1800px){

.hamburger .hamburger_but {right: 30px;}
.hamburger .hamburger_but > div {right: -30px;}
.header .header_bottom .nav_depth > li {vertical-align: top;padding: 0 2% 40px;}
 }

 /* ********************************************* *
 *1500px max
 * ********************************************* */
 @media screen and (max-width:1500px){
    /* .header .header_bottom .nav_depth > li {   padding-right: 55px;} */

    .header .header_bottom .nav_depth > li {    
        width: auto;}
        .header .header_bottom .nav_depth02{width: 125%; }
        .header .header_bottom .nav_depth02 li{font-size:0.85rem;}
}

/* ********************************************* *
* 1400px max
* ********************************************* */
@media screen and (max-width: 1400px){

    .header .header_bottom .nav_depth02 li {padding: 0 15px;}
    .hamburger{display: none;}
    header{display: none;}
    
    .mo_header { display: block;}
    .header_inner{width:100%;}
    .sub_header{margin-top:0;}

    .qna_as .content{padding-top: 50px;}

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

    }

 /* ********************************************* *
 * 1024px max
 * ********************************************* */
 @media screen and (max-width: 1024px){
 
/* .sub_header .scroll_sec{ overflow-x: scroll; overflow-y: hidden;}
.sub_header .scroll_sec::-webkit-scrollbar{height:10px;background-color: #fff;}
.sub_header .scroll_sec::-webkit-scrollbar-thumb{background-color: #ddd;border-radius: 10px;background-clip: padding-box;
    border: 2px solid transparent;} */
.mo_header .sc_down {overflow-x: scroll; width: 100%;overflow-y: hidden;}
.mo_header .sc_down::-webkit-scrollbar{background-color: transparent;height:0;;}
.mo_header .sc_down::-webkit-scrollbar-thumb{height:0;;background-color: transparent;}
.mo_header .sc_down::-webkit-scrollbar-track{height:0;;background-color: transparent;}
.mo_header .sc_down .nav {width: 980px;}
.mo_header .sc_down .nav_depth{display: flex;}
 }

 /* ********************************************* *
 * 960px max
 * ********************************************* */
 @media screen and (max-width: 960px){
    .sec { padding: 80px 0;}
    .header02{display: none;}
    .mo_header .page_topheader{height: 70px;}
    .mo_header .page_topheader .logo{width: 110px;}

    .subBanner{height: 350px; border-bottom-right-radius: 150px;}
    .subBanner .tit{font-size: 50px;}


 }
 /* ********************************************* *
 * 840px max
 * ********************************************* */
 @media screen and (max-width: 840px){
 }


 /* ********************************************* *
 * 769px max
 * ********************************************* */
 @media screen and (max-width: 769px){
    .sec {padding: 100px 0;}

    .sub_header {padding-top: 50px;}
    .mo_header .page_topheader .page_sear_cart ul{right: 20px;}
    .mo_header .page_topheader .page_sear_cart ul li{margin-left: 18px;}
    .open1{left: 20px;}

    .f_content{text-align: center;}
    .f_logo{margin-right: 0; margin-bottom: 30px;}
    .fInfo_wrap{flex-direction: column; padding: 40px 0; align-items: center;}
    .f_content > p.contact_info{display: flex; flex-direction: column;}
    .f_txt{margin-bottom: 4px;}
 }


 /* ********************************************* *
 * 576px max
 * ********************************************* */
 @media screen and (max-width: 576px){
 


 .sidebar .kakao, .sidebar .blog{right:20px; bottom:24px; width: 48px; height:48px;}
 .sidebar .blog{bottom:84px;}


 .sub_header .sub_header_bg { width: 100%;height:220px;}
 .sub_header .sub_header_bg p {top: 32%;}


}
 
  /* ********************************************* *
  * 460px max
  * ********************************************* */
  @media screen and (max-width: 460px){
    .mo_header .page_topheader .logo img { width: 150px; }
    .mo_header .page_topheader .page_sear_cart ul { right: 15px;transform: translateY(-46%);}
    .mo_header .page_topheader .page_sear_cart ul li {width: 22px; margin-left: 10px;}
    .open1 span {width: 22px;height: 2px;margin-bottom: 6px;}
    .open1 {left:15px;}

    .f_tabWrap{justify-content: center;}
    .f_tabWrap > li{margin-right: 12px;}
    .f_tabWrap > li:last-child{margin-right: 0;}
    .f_tabWrap > li a{font-size: 14px;}
    
    .subBanner{height: 300px; border-bottom-right-radius: 0}
    .subBanner .tit{font-size: 42px; line-height: 1.5;}
    
}
  /* ********************************************* *
  * 350 max
  * ********************************************* */
  @media screen and (max-width: 350px){
    .mo_header .page_topheader .logo img { width: 160px;}
    .mo_header .page_topheader .page_sear_cart ul li {width: 20px;}

}