/* layout */
#wrap {overflow-x: hidden; position: relative; width: 100%;}
#header {background-color: #fff; width: 100%; height: 80px;}
#wrap-header { background-color: #f2f2f2; }
#body {position: relative; height: auto;}
#shop_footer {background-color: #1D102B; width: 100%; min-height: 244px;}


.section {margin: 0 auto;}
/* header */
.header-line {width: 1450px; height: 40px;  display: flex; justify-content: space-between; margin: 0 auto;}
.n1 {width: 1450px;}
.header-line .header-line-left {font-size: 15px; font-family: 'Noto Sans KR';font-weight:400;}
.header-line .header-line-left span { display: inline-block; transform: rotateZ(90deg); color: rgba(0, 0, 0, 0.7);}
.header-line .header-line-right { height: 100%; }
.header-line .header-line-right .item {align-items: center; font-size: 14px; font-family: 'Noto Sans KR';font-weight:400;}
.s1 {width: 88px; height: 100%; border-left: 1px solid rgba(0, 0, 0, 0.1);}
.s2 {width: 110px; height: 100%; border-left: 1px solid rgba(0, 0, 0, 0.1);}
.s3 {width: 120px; height: 100%; border-left: 1px solid rgba(0, 0, 0, 0.1);}
.s4 {width: 80px; height: 100%; color: #fff; background-color: red; height: 100%;}
.s5 {width: 120px; height: 100%; color: #fff; background-color: black; height: 100%;}
.img-p {padding-right: 5px;}
.header {height: 100%; width: 100%;}
.header .pc {width: 1450px; margin: 0 auto; position: relative; display: flex; justify-content: flex-start; align-items: center; height: 100%; }
.header .pc .logo {display: flex; align-items: center; width: 238px;}
.header .pc .logo img {width: 185px;}
.header .pc .gnb-list {display: flex; height: 100%; width: 695px;}
.header .pc .gnb-list .gnb-item {position: relative; display: flex; align-items: center; height: 100%; color: #292929; font-size: 18px; font-family: 'n2'; line-height: 28px; margin: 0 27px;}
/* .header .pc .gnb-list .gnb-item.active:after {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); content: ''; width: 6rem; height: 0.3rem; background-color: #fff;} */
/* .header .pc .gnb-list .gnb-item:hover {color: #fff;} */
/* .header .pc .gnb-list .gnb-item:hover:after {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); content: ''; width: 6rem; height: 0.3rem; background-color: #fff;} */
 

/* p01 html */
.swiper {width: 100%; height: 100%;}  
.swiper-pagination .swiper-pagination-bullet { 
    background-color: #ffffff;
    opacity: 1;
}
.swiper-pagination .swiper-pagination-bullet-active {  
    background-color: #0099ff; /*orange color*/
    opacity: 1;
} 
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {content: '' !important}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {content: '' !important}
.swiper-button-prev {
    background: url(../img/a-l.png) no-repeat;
    background-size: 50% auto;
    background-position: center;
}
.swiper-button-next {
    background: url(../img/a-r.png) no-repeat;
    background-size: 50% auto;
    background-position: center;
}

/* p02 html */
#p02 .section {margin-top: 43px;}
/* #p02 .section .item img { width: 1450px; text-align: center;} */
#p02 .section .item .a1 { margin: 55px 0 33px; text-align: center; font-size: 22px; font-family: 'n2';}
#p02 .section .item .a2 .item-m{ margin: 0 5px 55px; width: 115px; height: 35px; font-size: 14px; font-family: 'Noto Sans KR';font-weight:400; border: 1px solid #666666;}
#p02 .section .item .a2 .item-m:hover {cursor: pointer; background-color: black; color: white;}
#p02 .section .item .a3 { }
#p02 .section .item .a3 .item-c { width: 340px; height: 440px; padding: 25px;}
#p02 .section .item .a3 .item-c:hover {border: 0; box-shadow : 2px 2px 5px 2px silver; cursor: pointer;} 
#p02 .section .item .a3 .item-c-image img{width: 100%;}
#p02 .section .item .a3 .item-price {font-size: 16px; font-family: 'Noto Sans KR';font-weight:500; text-align: center;}
#p02 .section .item .a3 .item-price div { margin: 8px 10px;}
#p02 .section .item .a3 .item-price div:nth-child(2) { font-family: 'Noto Sans KR';font-weight:400;}


/* p03 html */
#p03 .section {margin-top: 60px;}
#p03 .section .banner img {width: 100%;}
#p03 .section .banner-sm {margin: 60px 0; flex-direction: column;}
#p03 .section .banner-sm img {width: 715px; margin: 10px;}
#p03 .section .item img {  text-align: center;}
#p03 .section .item .a1 { margin: 55px 0 33px; text-align: center; font-size: 22px; font-family: 'n2';}
#p03 .section .item .a2 .item-m{ margin: 0 5px 55px; width: 115px; height: 35px; font-size: 14px; font-family: 'Noto Sans KR';font-weight:400; border: 1px solid #666666;}
#p03 .section .item .a2 .item-m:hover {cursor: pointer;background-color: black; color: white;}
#p03 .section .item .a3 { }
#p03 .section .item .a3 .item-c { width: 340px; height: 440px; padding: 25px;}
#p03 .section .item .a3 .item-c:hover {border: 0; box-shadow : 2px 2px 5px 2px silver; cursor: pointer;} 
#p03 .section .item .a3 .item-c-image img{width: 100%;}
#p03 .section .item .a3 .item-price {font-size: 16px; font-family: 'Noto Sans KR';font-weight:500; text-align: center;}
#p03 .section .item .a3 .item-price div { margin: 15px;}
#p03 .section .item .a3 .item-price div:nth-child(2) { font-family: 'Noto Sans KR';font-weight:400;}


/* p04 html */
#p04 .section {margin: 80px 0 40px; height: 200px; background-color: #f2f2f2; text-align: center;}
#p04 .section .item.w1 {width: 390px;  font-size: 14px; font-family: 'Noto Sans KR';/* font-weight:300; */}
#p04 .section .item.w2 {width: 420px;  font-size: 14px; font-family: 'Noto Sans KR';/* font-weight:300; */ border: 1px solid #fff; border-top: none; border-bottom: none;}
#p04 .section .item.w3 {width: 390px;  font-size: 14px; font-family: 'Noto Sans KR';/* font-weight:300; */}
#p04 .section .t_btn { margin: 10px; width: 90px; height: 27px; color: #4397f7; border: 1px solid #4397f7;}
#p04 .section .t_btn:hover {color:#fff;background:#4397f7}
#p04 .section .item.w1 .t_btn { width: 90px;}
#p04 .section .item.w2 .t_btn { width: 127px;}
#p04 .section .item.w3 .t_btn { width: 127px;}
.tt1 { font-family: 'Noto Sans KR';font-weight:700; font-size: 18px;}
.tt2 { font-family: 'Noto Sans KR';font-weight:700; font-size: 30px;}


/* p05 html */
#p05 .section {margin-top:40px}
#p05 .section img {width: 1570px;}

#shop_footer {}
#shop_footer .section {padding-left: 120px; height: 304px; background-color: white; font-size: 14px; font-family: 'Noto Sans KR';/* font-weight:300; */}
#shop_footer .section .item {margin: 30px; height: 200px;}
#shop_footer .section .item p {margin-bottom: 10px;}
#shop_footer .footer-line {height: 45px; width: 100%; font-size: 12px; background-color: #000000; color: white; text-align: center; align-items: center;}
.ff1 { font-family: 'Noto Sans KR';font-weight:700; font-size: 15px;}
.special {padding-left: 130px;}
.iii img {display: block;}