#ifrm {
    width: 100%;
   min-height: 300px;
    overflow: hidden;
    border: 0;
}


/* pc */
@media screen and (min-width:1300px){
   #memofile { max-width:1250px; }
}
/* tablet */
@media screen and (min-width:768px) and (max-width:1024px){
   #memofile { width:99%; }
}
/* mobile */
@media screen and (min-width:0) and (max-width:767px){
   #memofile { width:99%; }
}

body,div,p,h1,h2,h3,h4,h5,h6,ol,li,dl,dt,dd,ul,pre,form,fieldset,legend,button,table,th,td {
border:0;
margin:0;
padding:0;
word-break: keep-all;
}

ul,ol,li,dl {
list-style:none;
}

img {
border:0;
vertical-align:middle;
font-size:0;
}

address,caption,cite,code,dfn,em,var {
font-style:normal;
}

a {
text-decoration:none;
color:#333;
}

a:hover,a:active,a:focus {
text-decoration:none;
}

table {
border:0;
border-spacing:0;
border-collapse:collapse;
padding:0;
}

strong {
font-weight:700;
}

h1,h2,h3,h4,h5,h6 {
font-weight:400;
}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,main {
display:block;
}

body,th,td,input,select,textarea,button {
color:#333;
font-size:18px;
line-height:1.4;
letter-spacing:-0.05em;
font-family: 'SUIT';
font-weight:400;
}

body{

}

:focus {
outline:none;
}

.blind{
display:none;
}


#quick-side{
width:110px;
position:fixed;
right:10px;
top:55vh;
z-index:99999;
}
#quick-side ul{
border:1px #e0e0e0 solid;
border-radius:15px;
background:#fff;
box-sizing:border-box;

}
#quick-side li{
border-top:1px #e0e0e0 solid;
padding:15px 10px;
}
#quick-side li:first-child{
border-top-width:0;
}
.qs1-t1{
font-size:14px;
text-align:center;
margin-bottom:5px;
}
.qs1-t1 i, .qs1-t1 span{
font-size:16px; 
display:inline-block;
margin-right:3px;
}
.qs1-t2{
font-weight:900;
font-size:19px;
color:#e15b0b;
word-break: keep-all;
text-align:center;
line-height:1.1em;
}

.new-product{position:relative; overflow:hidden; padding-bottom:18px;}
.np-img{
position:relative;
width:100%;
padding-top:85%;
overflow: hidden;
background:#e7e7e7;
}
.np-img-box{
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
display:flex;
align-items: center;
justify-content: center;
}
.new-product img{width:100%;}
.qs2{position:relative;}
.qs2 .slick-list.dragging{cursor: pointer; cursor: hand;}
.qs2 .slick-slider .slider-for{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); position:relative; z-index:1; clear:both;}
.qs2 .slick-slide {float: left; text-align:center; /*height: 100%; min-height: 1px;*/}
.qs2 .slick-arrow{position:absolute; bottom:0; font-size:0; width:15px; height:15px; background:url(img/new-product-prev.gif); background-size:cover;}
.qs2 .slick-arrow.slick-next{left:auto; right:0; background-image:url(img/new-product-next.gif)}
.slideCount{position:absolute; width:30px; bottom:10px; left:50%; margin-left:-15px; font-size:12px; text-align:center; color:#999; font-weight:300;}
.slideCount .slideCountItem{font-weight:600; color:#333;}

.qs-top{
width:60px;
height:60px;
background:#463b35;
border-radius:9999px;
color:#fff;
display:flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin:10px auto 0;
font-size:15px;
letter-spacing: 0em;
font-weight:700;
cursor:pointer;
}


/*20240828*/
#all-category{
width:96%;
max-width:1280px;
margin:0 auto;
}
.aca-list{
display:flex;
flex-wrap:wrap;
justify-content: space-between;
gap:5%;
margin-top:30px;
}
.aca-list li{
width:10%;
margin-top:30px;
transform: translateY(0);
transition: all 0.3s;
}
.aca-list li:hover{
transform: translateY(-10px);
}
.aca-list li a{

}
.aca-list li a:hover .acal-img{
border-color: #e15b0b;
box-shadow: 0px 10px 20px 0px rgba(140, 56, 0, 0.13);
}
.acal-img{
width:100%;
padding-top:100%;
position:relative;
overflow:hidden;
background:#f2f2f2;
border-radius:999px;
transition: all 0.3s;
border:#f2f2f2 2px solid;
}
.acal-img > div{
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
display:flex;
justify-content: center;
align-items: center;
}
.acal-img > div img{
width:100%;
}

.acal-txt{
text-align:center;
margin-top:15px;
font-weight:600;
transition: all 0.3s;
}
.aca-list li a:hover .acal-txt{
color:#e15b0b;
}

/*header-menu*/
header{
width:96%;
max-width:1280px;
margin:0 auto;
}
.header-box{
display:flex;
align-items: center;
justify-content: space-between;
}
.logo{
flex-shrink: 0;
width: 360px;
line-height: inherit;
}
.logo a{
display:block;
line-height: inherit;
}
.logo a img{
width:100%;
}

.search{
flex-shrink: 0;
width: 450px;
display:flex;
align-items: center;
border:3px #e15b0b solid;
height:45px;
border-radius:23px;
overflow:hidden;
}
.search button{
background:#e15b0b;
color:#fff;
width:70px;
height:45px;
flex-shrink: 0;
font-size:27px;
text-align:center;
}
.search input{
flex-grow: 1;
margin-left:25px;
border:0;
width:calc(100% - 25px);
}
.search input::placeholder{
opacity: 1;
font-size:16px;
color:#999;
}

.search-open-btn,
.search-close-btn{
display:none;
}
.header-mobile-search{
display:none;
}


.lnb{
font-size:14px;
font-weight:300;
display:flex;
gap:10px;
}
.lnb img{
height:26px;
}
.lnb a{
display:flex;
align-items: flex-end;
gap:5px;
}
.lnb a span{
position:relative;
}
.lnb a span em{
position:absolute;
display:flex;
align-items: center;
justify-content: center;
width:18px;
height:18px;
border-radius:999px;
font-size:11px;
color:#fff;
background:#e15b0b;
top:-5px;
right:-5px;
}
.gnb-open-btn{
display:none;
}
.blind, .gnb-open-btn, .gnb-close-btn, .mobile-gnb{
display:none;
}
.gnb{
width:100%;
border:1px #e0e0e0 solid;
border-width:1px 0;
margin-top:25px;
position:relative;
}
.gnb > ul{
display:flex;
width:100%;
max-width:1280px;
margin:0 auto;

}
.gnb > ul > li{
flex-grow: 1;
border-right:1px #e0e0e0 solid;
position:relative;
}
.gnb > ul > li.gnb-all{
border-right-width:0;
flex-shrink: 0;
flex-grow:0;
width:213px;
}
.gnb > ul > li.gnb-all > a{
background:#e15b0b;
color:#fff;
}
.gnb > ul > li > a{
display:block;
height:50px;
line-height:50px;
text-align:center;
font-weight:600;
}
.gnb > ul > li > ul{
position:absolute;
background:#fff;
border:1px #e0e0e0 solid;
border-bottom:3px #e15b0b solid;
width:100%;
text-align:center;
font-size:16px;
left:-1px;
top:50px;
display:none;
z-index:100;
}
.gnb > ul > li > ul > li > a:hover{
background:#f2f2f2;
}
.gnb > ul > li > ul > li > a{
display:block;
line-height:40px;
color:#0f0f0f;
border-top:1px #e0e0e0 solid;
}
.gnb > ul > li > ul > li:first-child > a{
border-width:0;
}
.gnb > ul > li:hover > a{
font-weight:700;
color:#e15b0b
}
.gnb > ul > li:hover > ul{
display:block;
}
.gnb > ul > li.gnb-all:hover > a{
color:#fff;
}
.gnb > ul > li.gnb-all:hover .sub-all-menu{
display:block;
}
.all-menu{
display:none;
position:absolute;
left:50%;
margin-left:-640px;
top:50px;
width:213px;
z-index:1000;
}
.sub-all-menu{
background:#fff;
display:none;
left:0;
margin-left:0;
}
.main-all-menu{
display:block;
}
.all-menu > ul{
height:486px;
display:flex;
flex-direction: column;
border:1px #e0e0e0 solid;
border-top-width:0;
border-radius:0 0 30px 30px;
position:relative;
}
.all-menu > ul > li{
flex-grow: 1;
border-top:1px #e0e0e0 solid;

}
.all-menu > ul > li:first-child{
border-top-width:0;
}
.all-menu > ul > li > a{
height:100%;
display:flex;
align-items: center;
justify-content: center;
font-size:16px;
color:#666;
}
.all-menu li ul{
display:none;
}

.all-menu > ul:hover{
border-radius:0 0 0 15px;
}
.all-menu > ul > li:hover{
background:#f2f2f2;
}
.all-menu > ul > li:hover > a{
font-weight:700;
color:#333;
}
.all-menu > ul > li:hover > ul{
display:block;
position:absolute;
left:211px;
top:1px;
background:#fff;
height:100%;
width:180px;
box-sizing: border-box;
padding:10px;
border:1px #e0e0e0 solid;
border-top-width:0;
border-radius:0 0 15px 0;
overflow-y:scroll;
}
.all-menu > ul > li:hover > ul li a{
font-size:15px;
font-weight:300;
display:block;
padding:5px 0;
text-align:center; 
opacity: 0.6;
}

.all-menu > ul > li:hover > ul li a:hover{
opacity: 1;
}


/*ÃÖ»ó´Ü*/
.tnb{
width:100%;
max-width:1280px;
margin:0 auto;
text-align:right;
}

.tnb-area{
display:inline-block;
background:#4c4440;
align-items: center;
border-radius:0 0 10px 10px;
padding:0 10px;
}
.tnb-area a{
font-size:16px;
padding:10px;
color:#fff;
display:inline-block;
position:relative;
}
.tnb-area a:before{
display:inline-block;
content:"";
width:3px;
height:3px;
background:rgba(255,255,255,0.4);
border-radius:999px;
position:absolute;
left:0;
top:50%;
margin-top:-2px;
}
.tnb-area a:first-child:before{
display:none;
}


/*footer*/
footer{
background:#333;
padding:40px 0;
width:100%;
color:#fff;
}
footer a{
color:#fff;
}
.footer-area{
width:96%;
max-width:1280px;
margin:0 auto;
}
.fa-top{
display:flex;
justify-content: space-between;
border-bottom:1px rgba(255,255,255,0.2) solid;
margin-bottom:30px;
padding-bottom:20px;
}
.fa-top dt{
font-size:14px;
text-transform: uppercase;
opacity: 0.4;
font-weight:700;
letter-spacing: 0em;
}
.fa-top dd p{
font-weight:800;
font-size:30px;
letter-spacing: 0em;
}
.fa-top dd span{
font-size:20px;
}
.fa-t3{
display:flex; 
flex-wrap:wrap;
gap:5% 2%;
width:320px;
flex-shrink: 0;
}
.fa-t3 a{
width:49%;
background:rgba(255,255,255,0.1);
font-size:16px;
color:rgba(255,255,255,0.6);
border-radius:999px;
display: flex;
align-items: center;
justify-content: center;
}

.fa-bottom{
display:flex;
justify-content: space-between;
align-items:flex-end;
background:url(img/foot-logo.png);
background-size:65px 50px;
background-repeat:no-repeat;
padding-left:80px;
box-sizing: border-box;
background-position:0 50%;
}
.fa-b1 p{
display:inline-block;
margin-right:10px;
}
.fa-b2{
opacity:0.3;
font-size:16px;
letter-spacing: 0em;
}



/*main-visual*/
@keyframes text-ani {
0%   { transform: translateY(-50px); opacity: 0 }
100%  { transform:translateY(0); opacity: 1 }
}

#main-visual .mvsa-txt-area p{opacity:0;}
#main-visual .slick-active  .mvsa-t1{
animation: text-ani 1s linear;	
animation-fill-mode: forwards;
}
#main-visual .slick-active .mvsa-t2{
animation: text-ani 1s linear;	
animation-fill-mode: forwards;
animation-delay:1s;
}
.slick-slide{
display:inline-block;
}
#main-visual{
position:relative;
z-index:50;
width:100%;
overflow:hidden;
max-width:1280px;
padding-left:233px;
box-sizing:border-box;
margin:20px auto 0;
}
#main-visual .slick-dots{
position:absolute;
width:100%;
left:0;
bottom:50px;
z-index:999;
text-align:center;
}
#main-visual .slick-dots li{
display:inline-block;
margin:0 3px;
}
#main-visual .slick-dots button{
display:block;	
font-size:0;
width:18px;
height:18px;
box-sizing:border-box;
border-radius:999px;
background:transparent;
border:3px #262834 solid;
}
#main-visual .slick-dots .slick-active button{
background:#262834;
}
.mv-slide{
position:relative;
}
.mvs-area{
border-radius:25px;
overflow:hidden;
}
.mvsa-txt{
position:absolute;
left:0;
top:0;
height:100%;
width:100%;
text-align:center;
display:table;
}

.mvsa-t1{
font-size:75px;
font-weight:800;
color:#17257b;
}
.mvsa-t2{
font-size:32px;
margin-top:10px;
}
#main-visual .slick-list{
position:relative;
z-index:1;
}
#main-visual .slick-arrow{
position:absolute;
left:10px;
top:0;
background: transparent;
color:#fff;
text-shadow: 1px 1px 5px rgba(0,0,0,0.1);
height:100%;
font-size:55px;
z-index:2;
}
#main-visual .slick-arrow.slick-next{
left:auto;
right:10px;
}


/*°ü·Ã»çÀÌÆ® ¹è³Ê*/
#site-banner{
width:100%;
padding:20px 0;
background:#e7e7e7;
}

.site-banner-slide{
width:96%;
max-width:1280px;
margin:0 auto;
position:relative;
padding:0 50px;
box-sizing:border-box;
}
.sbs-box a{
display:block;
height:70px;
line-height:70px;
text-align:center;
box-sizing:border-box;
overflow:hidden;
background:#fff;
}
.sbs-box a img{
max-width:100%;
transition: .5s ease;
}
.sbs-box a:hover img{
-webkit-transform: scale(1.1); transform: scale(1.1);
}

.site-banner-slide .slick-list{
width:100% !important;
overflow:hidden;
margin:0 auto;
padding:0 !important;
}
.site-banner-slide .slick-slide{
margin: 0 5px;
}

.site-banner-slide .slick-arrow{
position:absolute;
left:0;
top:0px;
box-sizing:border-box;
border-radius:10px 0 0 10px;
height:70px;
line-height:70px;
background:#fff;
width:45px;
text-align:center;
}
.site-banner-slide .slick-arrow.slick-next{
left:auto;
right:0;
border-radius:0 10px 10px 0;
}


.main-tit1{
display:flex;
align-items: baseline;
gap:20px;
}
.main-tit1 p{
font-weight:800;
font-size:48px;
}
.main-tit1 span{
font-size:20px;
font-weight:700;
letter-spacing: 0.025em;
opacity:0.3;
}

/*º£½ºÆ®»óÇ°*/
#best-product{
width:96%;
max-width:1280px;
margin:70px auto 0;
overflow: hidden;
position:relative;
}
.bp-slide{
margin-top:35px;
}
.bp-slide .slick-arrow{
position:absolute;
right:0;
top:0;
display:flex;
width:65px;
height:65px;
box-sizing: border-box;
border:1px #e0e0e0 solid;
border-radius:9999px;
align-items: center;
justify-content: center;
font-size:33px;
background:#fff;
}
.bp-slide .slick-arrow.slick-prev{
right:75px;
}
.bp-slide .slick-track{
display:flex;
gap:20px;
}

.bps-area{
border:1px #e0e0e0 solid;
box-sizing: border-box;
border-radius:30px;
overflow:hidden;
display:block;
}
.bpsa-img{
width:100%;
overflow:hidden;
position:relative;
border-bottom:1px #e0e0e0 solid;
}
.bpsa-img div.bg{
align-items: center; 
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
justify-content: center;
transition: .5s ease;
}
.bpsa-img img{
width:100%;
}
.bps-area a:hover .bpsa-img div.bg{
-webkit-transform: scale(1.2); transform: scale(1.2)
}
.bpsa-txt{
padding:20px;
box-sizing:border-box;

}
.bpsa-txt span{
color:#e15b0b;
font-size:16px;
}
.bpsa-txt p{
width:100%;
height:1.2em;
line-height:1.2em;

word-break: keep-all;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;

margin-top:5px;
}
.bpsa-txt em{
font-size:15px;
color:#888888;
display:block;
margin-top:5px;
font-weight:300;

word-break: keep-all;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.bpsa-txt div{
margin-top:10px;
font-size:16px;
}
.bpsa-txt div strong{
font-size:23px;
}

.bpsa-btn{
text-align:center;
border-top:1px #e0e0e0 solid;
color:#666666;
padding:5px 0;
display:flex;
align-items: center;
justify-content: center;
font-size:16px;
gap:5px;
font-weight:300;
}
.bpsa-btn i{
font-size:22px;
}


#main-product-list{
margin-bottom:70px;
}
.mpl-tab{
width:100%;
background:#e15b0b;
margin:65px 0 60px;
}
.mpl-tab-area{
width:96%;
max-width:1280px;
margin:0 auto;
display:flex;
}
.mpl-tab-area a{
display:block;
text-align:center;
box-sizing:border-box;
font-size:15px;
color:#fff;
line-height:1.2em;
padding:10px 0;
border-right:1px rgba(255,255,255,0.2) solid;
position:relative;
}
.mpl-tab-area a:first-child{
border-left:1px rgba(255,255,255,0.2) solid;
}
.mpl-tab-area a img{
width:60%;
margin-bottom:10px;
}
.mpl-tab-area a.current{
background:#5d493d;
border-width:0;
}
.mpl-tab-area a.current:before{
position:absolute;
width:100%;
hegiht:100%;
padding-top:10px;
content:"";
background:#5d493d;
left:0;
top:-10px;
display:block;
border-radius:10px 10px 0 0;
}
.mpl-tab-area a.current:after{
display:block;
position:absolute;
width:100%;
height:28px;
content:"";
background:url(img/arrow.png);
background-size:30px 16px;
background-position:50% 50%;
background-repeat:no-repeat;
}

.mpl-box{
width:96%;
max-width:1280px;
margin:0 auto;
display:grid;
grid-template-rows: 1fr 1fr;
grid-template-columns: 23.5% auto;
gap:20px 0%;
}
.mpl-b-tit{
grid-column: 1 / span 1;
grid-row: 1 / span 1;
z-index: 1;
height:100%;
min-height:350px;
}
.mpl-b-tit a{
display:block;
background:#d1901e;
height:100%;
border-radius:15px;
box-sizing:border-box;
padding:30px 30px;
color:#fff;
position:relative;
}
.mpl-b-tit a span{
opacity:0.6;
font-size:18px;
}
.mpl-b-tit a p{
font-size:34px;
font-weight:700;
padding:10px 0 20px;
}
.mpl-b-tit a em{
display:bolck;
font-size:15px;
opacity:0.8;
}
.mpl-b-tit a img{
position:absolute;
width:180px;
right:10px;
bottom:10px;
}

.mpl-b-list{
grid-column: 1 / span 2;
grid-row: 1 / span 2;

}

.mpl-box ul{
display:flex;
flex-wrap:wrap;
gap:20px 2%;
}
.mpl-box li{
width:23.5%;
min-height:350px;
position:relative;
}
.mpl-box li:first-child{
/*padding-left:25.5%;*/
}
.mpl-box a{
display:block;
}
.mpl-img{
position:relative;
width:100%;
overflow:hidden;
border-radius:15px;
}
.mpl-img div.bg{
position:absolute;
width:100%;
height:100%;
align-items: center;
justify-content: center;
left:0;
top:0;
transition: .5s ease;
}
.mpl-img img{
max-width:100%;
}
.mpl-box a:hover .mpl-img div.bg{
-webkit-transform: scale(1.2); transform: scale(1.2)
}

.mpl-txt{
margin-top:15px;

}
.mpl-t1{
height:1.2em;
line-height:1.2em;
overflow:hidden;
font-size:20px;
word-break: keep-all;

word-break: keep-all;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.mpl-t2{
font-weight:300;
font-size:16px;
color:#888;
margin:5px 0 7px;

word-break: keep-all;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.mpl-t3{
font-size:17px;

word-break: keep-all;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.mpl-t3 strong{
font-weight:700;
font-size:23px;
}

.list-basket{
width:50px;
height:50px;
background:rgba(0,0,0,0.3);
font-size:28px;
color:#fff;
display:flex;
align-items: center;
justify-content: center;
border-radius:9999px;
position:absolute;
right:10px;
bottom:10px;
transition: .5s ease;
z-index:5;
}
.list-basket:hover{
background:rgba(0,0,0,0.8);
}


.ss-mpl-tab{
background:#fff;
}
.ss-mpl-tab .mpl-tab-area{
gap:10px;
}
.ss-mpl-tab .mpl-tab-area a{
border:1px #e0e0e0 solid;
color:#333;
border-radius:10px;
}
.ss-mpl-tab .mpl-tab-area a.current{
color:#fff;
}
.ss-mpl-tab .mpl-tab-area a.current:before{
display:none;
}

.sub-list ul{
display:flex;
flex-wrap:wrap;
gap:2%;
}
.sub-list ul li{
width:23.5%;
margin-bottom:2%;
position: relative;
}

.sub-list .mpl-img{
position:relative;
width:100%;
overflow:hidden;
border-radius:15px;
}
.sub-list .mpl-img > div{
position:absolute;
width:100%;
height:100%;
display:flex;
align-items: center;
justify-content: center;
left:0;
top:0;
}
.sub-list .mpl-img img{
width:100%;
transition: .5s ease;
}
.sub-list .medals{
position:absolute;
top:5px;
left:5px;
}

/*page*/
.paging{width:95%;
max-width:1280px;
margin:20px auto 0;
display:flex;
align-items: center;
justify-content: center;
}

.paging a,
.paging strong{
height:40px;
width:40px;
box-sizing:border-box;
color:#222;
display:flex;
align-items: center;
justify-content: center;
}

.paging .p-prev{
margin-right:10px;
width:35px;
color:#c5c5c5;
font-size:25px;
}

.paging .p-next{
margin-left:10px;
width:35px;
color:#c5c5c5;
font-size:25px;
}

.paging strong{
background:#694f39;color:#fff;
width:40px;
height:40px;
border-radius:999px;
}


/*view*/
.view-top{
display:flex;
border-bottom:3px #333 solid;
padding-bottom:30px;
margin-bottom:20px;
}

.vt-img{
width:48%;
overflow:hidden;
}

.vt-info{
width:48%;
margin-left:4%;
}
.vt-info.vt-info-full{
width:100%;
margin-left:0%;
}
.vt-slider{
border:1px #e0e0e0 solid;
}
.vtsi-box{
width:100%;
background: #fff;
padding-top: 85%;
position: relative;
}
.vtsi-box p{
padding-top: 0;
height: 100%;
top: 0;
left: 0;
width: 100%;
position: absolute;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}




.vt-slider .slick-slide,
.vt-slider-nav .slick-slide{
vertical-align:top;
}

.vtsi-box img{
width:100%;
}
.vt-slider-nav{
margin-top:20px;
}
.vt-slider-nav > div{
float:left;
width:23.5%;
margin-left:2%;
border:1px #e0e0e0 solid;
box-sizing:border-box;
}

.vt-slider-nav > div:first-child{
margin-left:0;
}

.vt-slider-nav > div img{
width:100%;
}



.vsn-box{
background: #fff;
padding-top: 85%;
position: relative;
}
.vsn-box p{
padding-top: 0;
height: 100%;
top: 0;
left: 0;
width: 100%;
position: absolute;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}

.vt-info dt{
font-size:30px;
font-weight:700;
padding:20px 0;
}
.vt-info dt .view001{
font-size:16px;
font-weight:400;
letter-spacing:-0.05em;
}

.vt-info dd table{
width:100%;
}

.vt-info dd table th{
text-align:left;
font-weight:500;
}

.vt-info dd table td{
text-align:right;
padding:7px 0;
color:#666;
}

.vt-info dd table tr.vtt-border td{
padding:0;
border-top:1px #e0e0e0 solid;
line-height:0;
}
.vt-info dd table tfoot td{
border-top:1px #e0e0e0 solid;
padding-top:20px;
}

.vt-info dd .total-box{
border-bottom:2px #333 solid;
margin-bottom:30px;
}
.vt-table{
padding:20px 10px;
border-top:1px #e0e0e0 solid;
}
.vt-table td,.vt-table th{
	font-size:1.2rem;
}

.vt-info dd .total-box th{
font-weight:600;
font-size:1.125em;
}

.vt-info dd .total-box td.total-color{
color:#d7473e;
font-size:1.1em;
}

.vt-info dd .total-box td.total-color strong{
font-weight:700;
font-size:1.125em;
}

.ea-box{
position:relative;
display:flex;
justify-content: space-between;
}


.ea-box span{
font-size:0.85em;
color:#888;
}

.ea-box input{
flex-shrink: 0;
width:50px;
height:40px;
line-height:40px;
border:0;
border:1px #e0e0e0 solid;
text-align:center;
display:inline-block;
color:#666;
font-size:20px;
cursor:pointer;
vertical-align:top;
box-sizing:border-box;
}
.ea-box input[type="text"]{
border-width:1px 0;
flex-grow: 1;
}

.ea-tit{
font-weight:600;
font-size:20px;
margin-bottom:10px;
}

.vs-tit{
font-weight:600;
color:#333;
font-size:26px;
padding:20px 0 10px;
}
.view-content img{
max-width:100%;
}


.button-box {
display:flex;
justify-content: flex-end;
gap:10px;
}
.button-box input{
padding:10px 50px;
background:#fff;
border:1px #e0e0e0 solid;
border-radius:5px;
}
.button-box input.button-order{
background:#4c4440;
color:#fff;
border-color:#4c4440;
}


/*sub*/
.sub{
width:96%;
max-width:1280px;
margin:70px auto;
}
.sub-nav{
text-align:center;
font-size:14px;
color:#666;
font-weight:300;
margin-bottom:30px;
}
.sub-tit{
text-align:center;
font-weight:700;
font-size:48px;
}
.sub-tit2{
text-align:center;
font-weight:600;
font-size:1.2rem;
}
.sub-menu01{
display:flex;
justify-content: center;
gap:10px;
margin-top:30px;
}
.sub-menu01 a{
box-sizing:border-box;
padding:10px 40px;
border-radius:9999px;
border:1px #e0e0e0 solid;
color:#666;
}
.sub-menu01 a.current{
color:#fff;
background:#332f2c;
border-color:#332f2c;
font-weight:600;
}
.sub-menu02{
margin-top:50px;
display:flex;
justify-content: center;
gap:30px;
color:#666;
}
.sub-menu02 a:hover{
color:#111;
font-weight:600;
}
.sub-menu02 a.current{
position:relative;
color:#c1390a;
font-weight:600;
}

.sub-menu02 a.current:after{
content:"";
display:block;
width:8px;
height:8px;
background:#e15b0b;
border-radius:999px;
position:absolute;
left:50%;
margin-left:-4px;
top:-20px;
}

.mobile-sub-menu{
display:none;
}


.sub-content{
margin:0 auto;
padding-top:40px;
}

.intro01-top{
text-align:center;
}
.intro01-top img{
width:200px;
}
.i1-t1{
font-weight:200;
font-size:24px;
color:#e15b0b;
margin-top:30px;
}
.i1-t2{
color:#584a3f;
font-size:52px;
font-weight:800;
margin:10px 0;
}
.i1-t3{
color:#c5c3c2;
font-size:30px;
font-weight:800;
}
.intro01-img{
margin:0 auto;
padding-top:50px;
}
.intro01-img img{
width:100%;
}
.intro01-bottom{
text-align:center;
padding-top:60px;
}
.intro01-bottom strong{
font-size:27px;
font-weight:700;
}
.intro01-bottom p{
margin-top:20px;
line-height:1.8em;
font-size:20px;
font-weight:300;
}

.intro01-sign{
text-align:center;
margin-top:30px;
}
.intro01-sign span{
color:#888;
}
.intro01-sign p strong{
font-size:26px;
}

.intro02-top{
text-align:center;
font-size:22px;
font-weight:600;
background:#f0f0f0;
padding:30px 20px;
line-height:1.6em;
border-radius:25px;
}

.intro02-dl1{
margin-top:60px;
}
.intro02-dl1 dt{
font-weight:600;
font-size:32px;
text-align:center;
margin-bottom:20px;
color:#000;
}
.intro02-dl1 dt span{
display:block;
font-weight:300;
font-size:20px;
}

.i2dl-box1{
display:flex;
flex-direction: column;
gap:10px;
}
.i2dl-box1 > div{
border:1px #e0e0e0 solid;
border-radius:15px;
box-sizing:border-box;
display:flex;
align-items: center;
}

.i2dl-box1 > div > p{
font-weight:600;
font-size:22px;
text-align:center;
border-right:1px #e0e0e0 solid;
color:#c1390a;
padding-bttom:10px;
width:180px;
flex-shrink: 0;
padding:15px 0;
}
.i2dl-box1 > div > ul{
padding:15px;
padding-left:30px;
}
.intro02-ul1{
display:flex;
gap:1%;
}
.intro02-ul1 li{
border:1px #e0e0e0 solid;
border-radius:15px;
width:19.2%;
text-align:center;
padding:25px 15px;
box-sizing: border-box;
word-break: keep-all;
}

.intro02-ul1 li span{
font-weight:600;
font-size:20px;
color:#9e8e8a;
}
.intro02-ul1 li span:after{
content:"";
display:block;
width:20px;
height:2px;
background:#b59c94;
margin:10px auto;
}

.intro02-img{
text-align:center;
}
.intro02-img img{
width:100%;
max-width:620px;
}

.rule{
font-size:16px;
}

.rule h4{
font-weight:700;
position:relative;
font-size:1.125em;
color:#151d8d;
padding-left:10px;
margin-top:30px;
margin-bottom:10px;
border-top:1px #e0e0e0 solid;
padding-top:20px;
}

.rule h4:after{
content:"";
width:3px;
height:16px;
background:#151d8d;
position:absolute; 
left:0;
top:25px;
}

.rule h4:first-child{
border-top-width:0;
}

.rule h5{
font-size:1em;
color:#222;
font-weight:700;
margin-top:15px;
}

.rule h5 span{
font-weight:500;

}

.rule ol.ols {
margin-bottom: 10px;
margin-left: 0px;
padding-left: 12px;

list-style: outside;
}

.rule ol.ols li{
list-style-type: decimal !important;
line-height:180%;
margin:0 8px;
}

.rule h6{
font-size:1em;
margin-top:10px;
margin-bottom:5px;
font-weight:500;
position:relative;
}

/* ¸®½ºÆ® */
ul.uls {margin-bottom:16px; margin-left:10px; padding-left:12px; list-style:outside;}
ul.uls li {list-style-type:disc;}
dl.dls {margin-bottom:16px;}
dl.dls dt {color:#2aa400; font-weight:bold;}
dl.dls dd {padding:0 0 10px 20px;}

/* ¸®½ºÆ®2 */
ul.uls2 {margin-bottom:16px; margin-left:30px; padding-left:12px; margin-top:10px; list-style:outside;}
ul.uls2 li {list-style-type:disc; line-height:160%;}
dl.dls2 {margin-bottom:16px;}
dl.dls2 dt {color:#2aa400; font-weight:bold;}
dl.dls2 dd {padding:0 0 10px 20px;}


/*sub-login*/
.sub-login-box{
margin:30px auto;
background:#fff;
border:6px #1a5eba solid;
width:100%;
max-width:750px;
box-sizing: border-box;
border-radius:20px;
padding:45px;
}

.sub-login-box .login-top{
text-align:center;
}
.sub-login-box .login-top h2{
color:#333;
font-weight:700;
}
.sub-login-box .login-top h2 p{
font-size:15px;
color:#999;
margin:10px 0 20px;
font-weight:400;
}
.sub-login-box .lt-check{
position:unset;
border-bottom:1px #e0e0e0 dashed;
display:block;
padding-bottom:20px;
text-align:left;
}
.sub-login-box .li-in input{
line-height:2em;
}

.sub-login-box .li-in p span{
top:12px;
}

.sub-login-box .li-btn {
width:120px;
}

#login{
position:absolute;
right:0;
bottom:0;
z-index:10;
background:#fff;
border:4px #1a5eba solid;
box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
width:400px;
box-sizing: border-box;
border-radius:20px 10px 50px 10px;
padding:25px;
}

#login h2{
color:#1a5eba;
font-size:22px;
font-weight:700;
}

.login-top{
position:relative;
}

.lt-check{
position:absolute;
top:10px;
right:0;
display:inline-block;
text-align:right;
line-height:13px;
}

.lt-check p{
display:inline-block;
margin-left:10px;
font-size:12px;
font-weight:300;
}

.lt-check input{
margin:0;
vertical-align:top;
}

.login-input{
display:table;
width:100%;
table-layout: fixed;
margin:10px 0;
}

.li-in{
display:table-cell;
padding-right:10px;
}

.li-btn{
display:table-cell;
width:82px;
border-radius:5px;
background:#377cda;
text-align:center;
vertical-align:middle;
}

.li-btn a{
color:#fff;
font-weight:500;
font-family: 'Montserrat', sans-serif;
display:block;
}
.li-btn i{
display:block;
font-size:27px;
}


.li-in input{
border:0;
width:100%;
}

.li-in p{
border:1px #e0e0e0 solid;
border-radius:5px;
width:100%;
padding:5px;
box-sizing:border-box;
padding-left:80px;
position:relative;
}

.li-in p:first-child{
margin-bottom:5px;
}

.li-in p span{
width:70px;
position:absolute;
left:10px;
top:7px;
color:#3c577b;
font-size:15px;
display:block;
}

.li-in p span:after{
position:absolute;
right:0;
top:50%;
margin-top:-6px;
content:"";
display:block;
width:1px;
height:12px;
background:#e0e0e0;
}

.login-bottom{
text-align:center;
}

.login-bottom a{
display:inline-block;
color:#666;
padding:10px;
position:relative;
}

.login-bottom a:first-child:after{
content:"";
display:inline-block;
width:3px;
height:3px;
background:#c9c9c9;
position:absolute;
right:-3px;
top:50%;
}


.sc-table1{
width:100%;
table-layout:fixed;
}
.sc-table1 th{
background:#232735; 
color:#fff;
padding:15px 0;
text-align:center;
font-size:1.125em;
}
.sc-table1 td{
border:1px #e0e0e0 solid;
text-align:center;
padding:10px;
}

.sc-table2{
width:100%;
border:1px #e0e0e0 solid;
table-layout:fixed;
}
.sc-table2 th{
background:#232735; 
color:#fff;
padding:15px 0;
text-align:center;
font-size:1.125em;
}
.sc-table2 td{
border:1px #e0e0e0 solid;
text-align:center;
padding:10px;
}


.sub-tit1{
font-weight:700;
font-size:1.35em;
color:#142d97;
position:relative;
box-sizing:border-box;
padding-left:22px;
}
.sub-tit1:after{
content:"";
width:8px;
height:8px;
border:4px #142d97 solid;
display:block;
border-radius:999px;
position:absolute;
left:0;
top:8px;
}

.ma40{margin-top:40px; padding-top:40px; border-top:1px #cecece dashed;}
.ma10{margin-top:10px;}


.sub-ul1 li{
display:flex;
gap:5px;
margin-top:20px;
align-items: center;
  justify-content: center;
}
.sub-ul1 li span{
width:140px;
background:#3a466f;
color:#fff;
padding:10px 0;
text-align:center;
border-radius:999px;
flex-shrink: 0;
}
.sub-ul1 li p{
flex-grow: 1;
padding:10px 25px;
box-sizing:border-box;
border:1px #c2c5ce solid;
border-radius:999px;
}
.sub-ul1 li p em{
display:block;
margin:2px 0;
}


.sub-ul1.su1-1{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:10px;
}
.sub-ul1.su1-1 li{
margin-top:5px;
}
.sub-ul1.su1-2 li span{
width:250px;
}

.sub-ul2 li{
margin-top:10px;
position:relative;
box-sizing:border-box;
padding-left:10px;
}
.sub-ul2 li:after{
content:"";
display:block;
width:3px;
height:3px;
background:#9ea2ad;
position:absolute;
border-radius:999px;
top:10px;
left:0;
}

.sub-ul2 li p{
color:#555;
}

.su2-div1{
color:#666;
border-left:1px #e0e0e0 solid;
padding-left:10px;
margin-top:7px;
font-size:0.9em;
}

.sub-ul3{
display:flex;
gap:10px;
justify-content: center;
}
.sub-ul3 li{
padding:15px 50px;
border:2px solid #1e243b;
color:#2e3654;
border-radius:999px;
text-align:center;
font-weight:500;
font-size:1.05em;
}

.sub-div1{
font-size:1.2em;
word-break:keep-all;
margin-bottom:30px;
text-align:center;
font-weight:500;
color:#1e243b;
}

.sub-div1 p{
margin-bottom:10px;
}

.sc-btn1{
display:inline-block;
font-size:1em;
background:#4d6c96;
color:#fff;
border-radius:9999px;
padding:15px 20px;
margin-top:20px;
transition: .5s ease;
}
.sc-btn1:hover{
background:#343e4a;
}
.sc-btn1 i{
margin-left:20px;
}

/*¿¬Çõ*/
.history-list{
margin-top:0px;
box-sizing:border-box;
padding:70px 100px;
border:1px #e0e0e0 solid;
border-radius:10px;
display:none;
}
.history-list.current{
display:block;
}
.history-list dl{
position:relative;
padding-left:150px;
width:100%;
margin:0 auto;
}

.history-list dt{
position:absolute;
left:0;
top:60px;
font-size:1.75em;
font-weight:700;
font-family: 'Oxanium', cursive;
color:#E15B0B;
transform: translateY(-50%);
}
.history-list dt:before {
content: "";
display: block;
width: 100%;
height: 2px;
background: #ff9900;
position: absolute;
top: 37%;
right: -85px;
z-index: -1;
}
.history-list dd{
padding-top:50px;
border-left:2px #d7d7d7 solid;
}

.history-list > ul > li:first-child dd{
padding-top:0;
}
.history-list > ul > li:first-child dt{
top:10px;
}

.history-list dd > ul{ 
position:relative;
padding-left:50px;
}
.history-list dd > ul:after{
width:10px; 
height:10px;
background:#ffcc33;
content:"";
display:block;
position:absolute;
left:-7px;
top:0;
border-radius:999px;
}

.history-list dd ul li{
display:flex;
padding-bottom:10px;
}
.history-list dd ul li span{
width:120px;
font-size:1.025em;
font-weight:700;
font-family: 'Oxanium', cursive;
color:#E15B0B;
letter-spacing:0em;
flex-shrink: 0;
}

.history-list#his2 dd ul li span{
width:120px;
}



/* ¸ÞÀÎ »óÇ° ¸ñ·Ï ½ºÅ² ¹ÝÀÀÇü */
.pro_list {margin:0 -5px;display: flex; justify-content: flex-start;flex-wrap: wrap;}
.pro_list .sct_li {position:relative;float:left; width:100%; margin-bottom:2rem;text-align:center;}
.pro_list .sct_a {text-decoration:none}
.pro_list .sct_a:focus, .pro_list .sct_a:hover {text-decoration:none}
.pro_list .sct_ct_wrap {position:relative}
.pro_list .sct_ct_wrap:after {display:block;visibility:hidden;clear:both;content:""}

.pro_list .sct_img {position:relative;text-align:center;border-radius: 8px; overflow:hidden;}
.pro_list .sct_img img{width:100%;}
.pro_list .sct_img .bg{position:absolute;top:0;left:0;width:100%;height:100%;transition: all 0.1s ease-out;}
.pro_list .sct_li:hover .sct_img .bg{transform:scale(1.01);}

.pro_list .sct_img a {display:block}
.pro_list .sct_cart {display:none;position:absolute;left:0;bottom:0;border:0;width:100%;padding:15px 0;background:#000;background:rgba(0,0,0,0.5);color:#fff;font-size:1em;font-weight:bold}
.pro_list .sct_img:hover .sct_cart {display:block}
.pro_list .sct_li.overlay .sct_cart{display:none !important}
.pro_list .sct_cart i {display:inline-block;margin-right:5px;font-size:1.2em}
.pro_list .sct_disc {position:absolute;right:15px;bottom:15px;background:red;color:#fff;padding:0 8px;line-height:24px;font-weight:bold;font-size:1.2em;background:#000;background:rgba(0,0,0,0.5)}

.pro_list .sct_star  {position:relative;font-size:1rem;}
.pro_list .sct_txt {border-bottom:1px solid #d9dde2;font-size:1.1em;margin:10px 0;padding-bottom:10px}
.pro_list .sct_basic {margin-bottom:5px;color:#6e7f88}
.pro_list .sct_cost {display: inline-block;margin:5px 0 5px;font-size:1.25em;font-weight:bold;}
.pro_list .sct_dict {text-decoration:line-through;font-weight:normal;display:block;font-size:0.85em;color:#858a8d}

/*
@media (min-width: 576px) {
	.pro_list .sct_li {width:100%;}
}
@media (min-width: 768px) {
	.pro_list .sct_li {width:49%;}
	.pro_list .sct_li:nth-child(n){margin-right:2%;}
	.pro_list .sct_li:nth-child(2n){margin-right:0;}
}
@media (min-width: 992px) {
	.pro_list .sct_li {width:32%;}	
	.pro_list .sct_li:nth-child(n){margin-right:1.33%;}
	.pro_list .sct_li:nth-child(3n){margin-right:0;}
}
@media (min-width: 1200px) {
	
}
*/
.pro_list .sct_li {width:19.2%;}
.pro_list .sct_li:nth-child(n){margin-right:1%;}
.pro_list .sct_li:nth-child(5n){margin-right:0;}

.pro_list .sit_icon_li{position:absolute;top:15px; right:25px; z-index:1; }



/* Æ˾÷ */
#ajaxhtml{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:800px; max-width:96%; max-height:90vh; background:#fff; border:1px solid #ababab; border-radius:0.1rem; padding:1rem 2rem;z-index:1051;}
#ajaxhtml .close{position:absolute;right:0.8rem;top:0.8rem;color:#000;}
#ajaxhtml .cont{margin:1rem 0;overflow-y:auto;height:calc(100% - 1rem);}

@media (min-width: 992px) {
 	#ajaxhtml{padding:1rem 1.5rem;}	
}
@media (max-width: 768px) {
	#ajaxhtml{padding:1rem 1rem;}	
	
}
@media (max-width: 576px) {
	#ajaxhtml{padding:1rem 1rem;}		
}

#mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 100vh;    
    z-index: 1041;    
	backdrop-filter: blur(3px) brightness(80%) grayscale(50%);
	/*
	backdrop-filter: brightness(60%);
	backdrop-filter: contrast(40%);
	backdrop-filter: drop-shadow(4px 4px 10px blue);
	backdrop-filter: grayscale(30%);
	backdrop-filter: hue-rotate(120deg);
	backdrop-filter: invert(70%);
	backdrop-filter: opacity(20%);
	backdrop-filter: sepia(90%);
	backdrop-filter: saturate(80%);
	*/
}