/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */
header {
    position: fixed;
    padding: 0;
    left: 0;
    top: 0;
    padding: 0;
    width: 100%;
    background: #fff;
    z-index: 101 !important;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

header>ul {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 0 67px
}

header>ul>* {
    display: table-cell;
    vertical-align: middle
}

header span {
    width: 170px;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s
}

header span a {
    position: relative;
    font-size: 23px;
    font-weight: 400;
    line-height: 100px;
    letter-spacing: .6px;
    text-align: left
}

header span a img {
    width: 135px;
    height: auto
}

header svg {
    width: 18px!important;
    height: 18px!important
}

header #one_cate {
    text-align: center
}

header #one_cate>ul {
    font-size: 0;
    line-height: 0
}

header #one_cate>ul>li {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

header #one_cate>ul>li>a {
    position: relative;
    display: inline-block;
    font-size: 17px;
    padding: 0 25px;
    line-height: 100px;
    letter-spacing: .3px
}

header .one_right {
    width: 170px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

header .one_right>ul {
    display: flex;
    text-align: right;
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
    float: right
}

header .one_right>ul>* {
    display: inline-block;
    vertical-align: middle;
    padding-left: 16px;
    font-size: 14px;
    line-height: 1
}

header .one_right>ul>:first-child {
    padding-left: 0;
    margin-top: 2px;
}

header .one_right .cart {
    position: relative
}

header .one_right .cart span {
    display: inline-block;
    border-radius: 100%;
    background:    #282864;
    width: 19px;
    height: 19px;
    line-height: 19px;
    text-align: center;
    color: #f5f3e9;
    font-size: 10px
}

header .sub {
    position: absolute;
    left: 0;
    top: 100px;
    min-width: 200px;
    text-align: left;
    background: rgba(249,245,230,.7);
    display: none
}

header .sub .position>ul>li {
    display: block;
    position: relative
}

header .sub .position>ul>li a {
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 1;
    padding: 16px 30px;
    background:     #ffd202;
    font-family: SUIT
}

header #one_cate>ul>li.cate1:hover>a,header .sub .position>ul>li:hover>a {
    background:     #ffd202
}

header .sub .position>ul>li:hover.active>a {
    background: #dfd8cc
}

header #one_cate>ul>li.cate1:hover .sub {
    display: block
}

header .sub .position>ul>li .sub-category {
    position: absolute;
    left: 200px;
    top: 0;
    min-width: 200px;
    display: none
}

header .sub .position>ul>li:hover .sub-category {
    display: block
}

header .sub .position>ul>li .sub-category>ul>li {
    display: block
}

header .sub .position>ul>li .sub-category>ul>li>a {
    display: block;
    background:     #ffd202
}

header .sub .position>ul>li .sub-category>ul>li:hover>a {
    background: #dfd8cc
}

footer {
    position: relative;
    color: #4a5544;
    font-size: 13px;
    line-height: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    transition-delay: .33s;
    background: #dbdbda;
    padding: 0px 40px 20px;
}

footer * {
    color: #4a5544
}

footer>div {
    padding: 40px 40px 20px
}

footer>.copyright {
    padding: 0 40px 40px
}

footer .footMenu {
    position: absolute;
    right: 67px;
    top: 50px;
    text-align: right
}

footer .footMenu li {
    position: relative;
    display: block
}

footer .footMenu li:last-child:after {
    display: none
}

footer .footMenu li a {
    display: block;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 23px;
    text-transform: uppercase
}

footer .footInfo {
    font-size: 11px;
    line-height: 20px;
    font-weight: 300
}

footer .footInfo>div {
    display: inline-block;
    vertical-align: top;
    padding-right: 115px;
    margin-top: 17px
}

footer .footInfo>div:last-child {
    padding-right: 0
}

footer .footInfo h2 {
    display: block;
    font-size: 15px;
    padding-bottom: 13px;
    font-weight: 500
}

footer .call {
    display: inline-block;
    border: 1px solid #bfbfbf;
    padding: 0 5px;
    font-size: 11px;
    color: #9b9b9b;
    margin-left: 7px;
    line-height: 19px
}

#visual {
    position: relative;
    text-align: center
}

#visual img {
    width: 100%
}

#visual .swiper-pagination {
    bottom: 30px!important
}

#visual .swiper-pagination-bullet {
    width: 25px;
    height: 2px;
    background:    #282864;
    border-radius: 0;
    opacity: .2;
    margin: 0 0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    transition-delay: .2s
}

#visual .swiper-pagination-bullet-active {
    opacity: 1
}

#one_text {
    padding: 110px 0;
    text-align: center
}

#one_text h2 {
    display: block;
    font-size: 22px;
    line-height: 1.5;
    padding-bottom: 26px;
    font-weight: 400;
    font-weight: 300!important
}

#one_text span {
    display: block;
    font-size: 15px;
    line-height: 1.8;
    font-weight: 300
}

#one_bn>ul {
    font-size: 0;
    line-height: 0
}

#one_bn>ul>li {
    display: inline-block;
    vertical-align: top;
    width: 50%
}

#one_bn img {
    width: 100%
}

#one_review {
    position: relative;
    text-align: center;
    padding: 150px 0 0;
    margin-bottom: 210px
}

#one_review * {
    font-family: 'Tenor Sans',SUIT,Dotum,AppleGothic,sans-serif
}

#one_review li a {
    font-size: 22px;
    line-height: 1.8
}

#one_review .swiper-pagination {
    text-align: center;
    bottom: -50px;
    left: 0;
    width: 100%
}

#one_review .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 3px;
    opacity: .31;
    background-color: #4a5544
}

#one_review .swiper-pagination-bullet-active {
    opacity: 1
}

#one_method {
    Position: relative;
    background: rgba(228,220,212,.55);
    padding: 110px 10% 30px;
    text-align: center
}

#one_method * {
    font-family: 'Tenor Sans',SUIT,Dotum,AppleGothic,sans-serif
}

#one_method img {
    width: 100%;
    border-radius: 100%
}

#one_method>ul>h3 {
    display: block;
    font-size: 19px;
    line-height: 1.7;
    font-weight: 400;
    letter-spacing: -1px;
    font-family: 'Tenor Sans',SUIT,Dotum,AppleGothic,sans-serif
}

#one_method>ul>div {
    padding: 90px 4% 0px;
}

#one_method>ul>div>ul {
    font-size: 0;
    line-height: 0
}

#one_method>ul>div>ul>li {
    display: inline-block;
    vertical-align: middle;
    width: 28%;
    margin-right: 8%
}

#one_method>ul>div>ul>li:nth-child(3n) {
    margin-right: 0
}

#one_method>ul>div h2 {
    display: block;
    font-size: 16px;
    color: #85521f;
    line-height: 1;
    padding: 30px 0 12px;
    font-weight: 400
}

#one_method>ul>div h3 {
    display: block;
    font-size: 13px;
    line-height: 1.85;
    font-weight: 400
}

#one_method>ul>a {
    display: inline-block;
    padding: 18px 38px;
    background-color: #4a5544;
    color: #f5f3e9;
    font-size: 15px;
    line-height: 1;
    letter-spacing: .5px
}

#prdBest {
    position: relative;
    padding-top: 110px;
    font-size: 0;
    line-height: 0;
    letter-spacing: 0
}

header #one_cate>ul>li.cate1:hover .sub {
    display: block
}

header #one_cate>ul>li.active>ul {
    display: block
}

header #one_cate>ul>li.active>ul>li.active>ul {
    display: block
}

li.dropdown-submenu.active>.dropdown-menu {
    left: 200px;
    top: 0
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 200px
}

.dropdown * {
    color: #4a5544
}

.dropdown-item {
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 1;
    padding: 16px 30px;
}

section .container {
    padding: 0 10%
}

.dropdown-submenu.active>a {
    /* background: #dfd8cc; */
}

.dropdown-submenu.active>.dropdown-submenu:hover {
    background: #dfd8cc
}

.search-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #111;
    opacity: .6;
    z-index: -1
}

.search_menu {
    opacity: 0;
    visibility: hidden;
    z-index: 110;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 23px;
    line-height: 35px;
    font-weight: 200;
    text-align: center;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    text-transform: capitalize;
    transition: .3s all ease;
    color: #111
}

body.mode_search .search_menu {
    opacity: 1;
    visibility: visible
}
body.mode_search .search_menu{display:block}

.search-list {
    width: 100%;
    padding: 0 0 20px 20px;
    box-sizing: border-box
}

.search-list #search-btn {
    display: block
}

.search-text-Area {
    display: none;
    margin: 15px auto -15px
}

.search-text-Area.state {
    display: block
}

.search-box {
    overflow: hidden
}

.search-box #searchBarForm {
    overflow: hidden
}

.xans-layout-searchheader fieldset {
    float: left;
    width: calc(100% - 52px);
    border: none;
    padding: 0;
    margin: 0
}

.search-box .search-icon {
    float: left;
    width: 52px;
    padding: 5px 0 0 12px;
    box-sizing: border-box;
    cursor: pointer
}

.search-box .search-icon img {
    height: 16px
}

.xans-layout-searchheader #keyword {
    width: 100%
}

.xans-layout-searchheader input {
    border: none;
    box-sizing: border-box;
    text-transform: none!important
}

.xans-search-form.menu-search {
    position: absolute;
    top: 150px;
    left: 50%;
    width: 90%;
    max-width: 700px;
    min-width: 320px;
    padding: 0;
    text-align: center;
    margin: 0 auto;
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    display: block
}

.xans-search-form.menu-search fieldset {
    position: relative;
    margin: 0;
    padding: 10px 30px;
    border: none;
    border-bottom: 2px solid #fff;
    text-align: right
}

.xans-search-form.menu-search #keyword {
    width: 100%;
    height: 55px;
    margin: 0!important;
    padding: 0;
    border: 0;
    line-height: 70px;
    font-size: 35px;
    color: #fff;
    text-align: left
}

.xans-search-form.menu-search input[type=image] {
    position: absolute;
    bottom: 14px;
    right: 30px;
    height: 45px
}

.search_menu input,.search_menu textarea,search_menu .select {
    font-size: 100%;
    vertical-align: middle;
    background: 0 0;
    font-weight: 400
}

.xans-search-form.menu-search #keyword:focus {
    border: none!important;
    box-shadow: none
}

.titleArea {
    padding: 0 0 50px 0
}

.titleArea h2 {
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1;
    font-size: 20px
}

body#board .titleArea h2 {
    display: none
}

body#board .titleArea p {
    margin-left: 0
}

.titleArea p {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin: 0 0 0 12px;
    padding: 0;
    font-size: 14px
}

.titleArea ul {
    padding: 15px 0 5px;
    color: #939393;
    line-height: 21px
}

.titleArea ul li {
    position: relative;
    display: block;
    letter-spacing: 0
}


.only_mobile , .only_mobile_flex , .only_mobile_in_block{
    display: none !important;
}

.only_pc {
    display: block !important;
}

#one_mask2 {
    display: none
}

.notice-mo {
    display: none
}

.eb-login {
    clear: both;
    padding: 0
}
.far{display:none}
.opt_count .fas {    display: inline-block;}

.top_cart_btn span {
    display: inline-block;
    border-radius: 100%;
    background:    #282864;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #f5f3e9;
    font-size: 12px;
}
.light_green_btn {
    color: white;
    background-color: #00c73c;
    font-size: .9375rem;
    line-height: 1.5;
    border-radius: 3px;
    padding: 6px 25px;
}
.float-left{float:left}
.float-right{float:right}

.ico_comment{    
    margin: 1px 1px 0;
    vertical-align: top;
    display: inline-block;
    width: 24px;
    height: 24px;
    font-size: 0;
    line-height: 0;
    color: transparent;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath d='M12 2.25a9.75 9.75 0 0 0-8.32 14.835l-.718 2.732a1 1 0 0 0 1.221 1.221l2.732-.717A9.704 9.704 0 0 0 12 21.75c5.385 0 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25z' stroke='%23444' stroke-width='1.5'/%3E%3Ccircle fill='%23444' cx='7.9' cy='12.1' r='1.2'/%3E%3Ccircle fill='%23444' cx='12.1' cy='12.1' r='1.2'/%3E%3Ccircle fill='%23444' cx='16.3' cy='12.1' r='1.2'/%3E%3C/g%3E%3C/svg%3E") no-repeat
}


@media (min-width:991px) {
    .ec-base-table.typeWrite table.only_pc {    display: table !important;}
}







@media (max-width: 991px) {
    
   .wrapper-inner .container{margin:0;padding:0}
   .only_mobile{display:block!important}
   .only_mobile_flex{display:flex !important;}
    .only_mobile_in_block{display:inline-block !important}
   .sit_option label ,.get_item_supply label{width:20%}
   .get_item_options .select , .get_item_supply .select {width:80%}

   .only_pc{display:none!important}
   .wrapper .header-shadow{min-width:100%;position:fixed;padding:0;left:0;top:0;padding:0;width:100%;z-index: 101 !important;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;}
   .btnAll{width:17px;height:20px;margin-left:3px;box-sizing:border-box;cursor:pointer;margin-top:3px}
   .btnAll ul{position:relative}
   .btnAll span{position:absolute;width:100%;height:1px;background:#4a5544;left:0;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
   .btnAll span:nth-child(1){top:2px}
   .btnAll span:nth-child(2){top:8px}
   .btnAll span:nth-child(3){top:8px}
   .btnAll span:nth-child(4){top:14px}
   .btnAll.open span{background:#fff}
   .btnAll.open span:first-child{top:0;opacity:0}
   .btnAll.open span:nth-child(2){height:1px;transform:rotate(45deg)}
   .btnAll.open span:nth-child(3){height:1px;transform:rotate(-45deg)}
   .btnAll.open span:last-child{top:14px;opacity:0}
   aside{position:fixed;left:-100%;bottom:0;width:300px;height:100%;text-align:center;z-index:100;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-moz-transition:all .71s cubic-bezier(.65,0,.35,1);-o-transition:all .71s cubic-bezier(.65,0,.35,1);background-color:#ebe7dd;visibility:visible}
   aside>*{position:relative;display:table;table-layout:fixed;width:100%;margin:0 auto;}
   aside>*>*{display:table-cell;vertical-align:top;text-align:left}
   aside *{font-family:'Tenor Sans',SUIT,Dotum,AppleGothic,sans-serif}
   aside .sub{display:none}
   aside #one_cate>ul>li{display:block;}
   aside #one_cate>ul>li>a{display:block;color:#4a5544;font-size:17px;letter-spacing:-.5px;padding:23px 21px;line-height:1;border-bottom:1px solid #d1cbbd}
   aside #one_cate>ul>li.active .sub{display:block}
   aside #one_cate>ul>li.active .sub .position>ul{padding:20px 0 10px}
   aside #one_cate>ul>li.active .sub .position>ul>li{display:block}
   aside #one_cate>ul>li.active .sub .position>ul>li>a{display:block;padding:8px 21px;font-size:14px;letter-spacing:-.5px}
   aside.active{opacity:1;visibility:visible;left:0;-webkit-transition:all .71s cubic-bezier(.65,0,.35,1);-moz-transition:all .71s cubic-bezier(.65,0,.35,1);-o-transition:all .71s cubic-bezier(.65,0,.35,1);transition:all .71s cubic-bezier(.65,0,.35,1);transition-delay:.1s;overflow-y: scroll;}
   header{min-width:100%}
   header>ul{position:relative;display:table;table-layout:fixed;width:100%;padding:0 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
   #one_mask2{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9;opacity:0;display:none;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;background-color:rgba(46,48,45,.52)}
   body.mask #one_mask{opacity:1;visibility:visible;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}
   body.mask2 #one_mask2{opacity:1;display:block;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}
   .dropdown-menu{position:relative;padding: 0px;width:100%;float: none;}
   li.dropdown-submenu.active>.dropdown-menu{left:revert;padding-left:20px}
   .dropdown-submenu.active>a{background:0 0}
   header #one_cate>ul>li.active>ul{padding-left:20px}
   header .one_right{width:auto}
   #one_text h2{display:block;font-size:18px;line-height:1.5;padding-bottom:20px;font-weight:300}
   #one_text span{display:block;font-size:12px;line-height:1.7;font-weight:300}
   #one_method{Position:relative;background:rgba(228,220,212,.55);padding: 70px 0px 0px;text-align:center}
   #one_method *{font-family:'Tenor Sans',SUIT,Dotum,AppleGothic,sans-serif}
   #one_method img{width:100%;border-radius:100%;padding:0 10%}
   #one_method>ul>h3{display:block;font-size:14px;line-height:1.7;font-weight:400;letter-spacing:-.5px;padding-bottom:50px;font-family:'Tenor Sans',SUIT,Dotum,AppleGothic,sans-serif}
   #one_method>ul>div h2{display:block;font-size:14px;color:#85521f;line-height:1;padding:30px 0 15px;font-weight:400}
   #one_method>ul>div h3{display:block;font-size:13px;line-height:1.85;font-weight:400;padding-bottom:60px}
   #one_method>ul>a{display:inline-block;padding:13px 21px;background-color:    #282864;color:#f5f3e9;font-size:13px;line-height:1;letter-spacing:.5px}
   #one_method .swiper-slide{padding:0 10%}
   #one_method>ul>div>ul>li{width:100%;margin:0}
   #one_method>ul>div{padding:30px 4%}
   footer>div{padding:30px 20px}
   footer{padding:0}
   footer .footMenu{position:relative;padding-bottom:20px;right:revert;top:revert;text-align:left}
   .footer_wrap> .footer_logo{position:relative;font-size:18px;font-weight:400;line-height:70px;letter-spacing:.6px;text-align:left}
   footer .footMenu li{position:relative;display:inline-block;vertical-align:middle;margin-right:4px}
   footer>.copyright{padding:20px 20px}
   .one_right ul li{float:left}
   body.mask2 header{z-index:9999}
   .agree{padding:20px}
   .search-box-body .search-input{width:100%}

    .basic-body-main .titleArea h2{padding:0;display:inline-block;vertical-align:middle;font-size:15px;letter-spacing:-.3px;font-weight:400;padding-right:8px;color:#4a5544!important;line-height: 35px;}
   .titleArea span{display:inline-block;vertical-align:middle;font-size:12px;margin:0 auto;opacity:.8;font-weight:300}
    .titleArea{text-align:left;padding:13px 0;padding-left:20px;border:1px solid #d6d2ca;border-left:0;border-right:0}
    .dropdown-item.active, .dropdown-item:active {        background: unset;        color: unset;    }

   .basic-body-main{min-width:100% !important;width:100%}
   .fr-view{padding:0}
   .provision-page{padding:20px}
  .fr-view{height: 490px !important;}
  .agree{height:530px !important}
  .basic-body-main{min-height:490px !important}
  .xans-search-form.menu-search input[type=image] {    height: 30px;}
  .xans-search-form.menu-search{top: 150px;}
    body.mask2 {overflow: hidden;height: 100vh;}
}