@charset "utf-8";
*{ font-family: "NanumSquareNeo", 맑은 고딕, 微软雅黑, sans-serif;}
html{ overflow-y: scroll; width: 100%; height: 100%; background: #FFF;}
body{ overflow: hidden; padding: 100px 0 0 0; background: #FFF; -webkit-text-size-adjust: none; word-break: keep-all; font-size: 63%; font-weight: 200; letter-spacing: 0; color: #000;}
@media(max-width: 1400px){
    body{ font-size: 65%;}
}
@media(max-width: 1025px){
    body{ padding: 130px 0 0 0;}
}
@media(max-width: 767px){
    body{ padding: 90px 0 0 0; font-size: 50%;}
}




.intro_index{ background: #FFF;}




.intro_header{ display: flex; justify-content: space-between; align-items: center; position: fixed; z-index: 100; top: 0; right: 0; left: 0; padding: 0 50px; height: 100px; transition: all .5s;}
.intro_header .fl{ display: flex;}
.intro_header .fl .logo{ display: block;}
.intro_header .fl .logo img{ display: block;}
.intro_header .fl .notice{ display: flex; align-items: center; margin: 0 0 0 50px; transition: all .5s;}
.intro_header .fl .notice > i{ font-size: 2.5em; color: #000;}
.intro_header .fl .notice .rolling{ margin: 0 50px 0 5px;}
.intro_header .fl .notice .rolling .slick-list{ width: 180px;}
.intro_header .fl .notice .rolling .slide{}
.intro_header .fl .notice .rolling .slide a{ display: flex; align-items: center; height: 40px; font-size: 1.5em; color: #000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.intro_header .fl .notice .more{ display: flex; align-items: center; cursor: pointer;}
.intro_header .fl .notice .more p{ font-size: 1.2em; color: rgba(0 0 0/50%);}
.intro_header .fl .notice .more i{ margin: 0 0 0 5px; font-size: 1.2em; color: rgba(0 0 0/50%);}
.intro_header .fr{ display: flex; align-items: center;}
.intro_header .fr a{ display: flex; justify-content: center; align-items: center; margin: 0 0 0 30px; cursor: pointer;}
.intro_header .fr a img{ display: block; margin: 0 5px 0 0; width: auto; height: 20px;}
.intro_header .fr a p{ font-size: 1.5em; color: rgba(0 0 0/100%);}
.intro_header .fr a:nth-child(3){ width: 100px; height: 40px; border-radius: 20px; background: #6b5cfd; box-shadow: 0 5px 10px 0 rgba(125 112 253/50%);}
.intro_header .fr a:nth-child(3) p{ color: #FFF;}
.intro_header.on{ background: #FFF; box-shadow: 0 1px 0 0 rgba(0 0 0/5%);}
@media(max-width: 1400px){
}
@media(max-width: 1025px){
    .intro_header .fl .notice{ margin: 0 0 0 30px;}
    .intro_header .fl .notice .rolling .slick-list{ width: 150px;}
}
@media(max-width: 767px){
    .intro_header{ padding: 10px 15px 0 15px; height: 50px;}
    .intro_header .fl .logo{ height: 30px;}
    .intro_header .fl .logo img{ width: auto; height: 100%;}
    .intro_header .fl .notice{ justify-content: space-between; position: absolute; top: 50px; right: 0; left: 0; margin: 0; padding: 0 15px 0 35px; box-shadow: 0 1px 0 0 rgba(0 0 0/5%);}
    .intro_header .fl .notice > i{ display: flex; align-items: center; position: absolute; top: 0; bottom: 0; left: 15px;}
    .intro_header .fl .notice .rolling{ margin: 0; width: auto;}
    .intro_header .fl .notice .rolling .slick-list{ width: auto;}
    .intro_header .fl .notice .more{ flex: 0 0 60px; justify-content: flex-end; margin: 0 0 0 50px;}
    .intro_header .fl .notice .more p{ font-size: 12px;}
    .intro_header .fl .notice .more i{ font-size: 14px;}
    .intro_header .fr{ position: relative; z-index: 10;}
    .intro_header .fr a{ margin: 0 0 0 15px;}
    .intro_header .fr a img{ height: 20px;}
    .intro_header .fr a:nth-child(3){ width: 60px; height: 30px;}
    .intro_header.on .fl .notice{ background: #FFF;}
}



.intro_visual{ position: relative; margin: -100px 0 0 0; padding: 100px 100px 0 100px;}
.intro_visual .row{ display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 10; margin: 0 auto; max-width: 1500px; width: 100%;}
.intro_visual .row .fl{ max-width: 500px; width: 50%;}
.intro_visual .row .fl .t1{ font-size: 2.5em; color: #6b5cfd; letter-spacing: -1px;}
.intro_visual .row .fl .t2{ margin: 10px 0 0 0; font-size: 4em; font-weight: 500; color: #000; letter-spacing: -1px;}
.intro_visual .row .fl .t3{ margin: 20px 0 0 0; font-size: 1.6em; color: rgba(0 0 0/70%);}
.intro_visual .row .fl .btn{ display: flex; justify-content: center; align-items: center; margin: 50px 0 0 0; border-radius: 5px; height: 60px; background: #6b5cfd; font-size: 1.8em; font-weight: 300; color: #FFF; cursor: pointer;}
.intro_visual .row .fl .t4{ display: flex; margin: 50px -5px 0 -5px;}
.intro_visual .row .fl .t4 span{ display: flex; justify-content: center; align-items: center; margin: 0 5px; width: 33.333%; height: 50px; border-radius: 5px; background: #FFF; font-size: 1.2em; color: #666;}

.intro_visual .row .rolling{ position: relative; padding: 100px 0 0 0; width: 50%;}
.intro_visual .row .rolling .bx-wrapper{ overflow: visible; margin: 0;}
.intro_visual .row .rolling .bx-viewport{ overflow: visible !important; left: 0; border: none; background: none; box-shadow: none;}
.intro_visual .row .rolling ul{}
.intro_visual .row .rolling ul li{}
.intro_visual .row .rolling ul li a{ position: relative;}
.intro_visual .row .rolling ul li a .text01{ position: relative; z-index: 10; margin: -100px 0 0 0;}
.intro_visual .row .rolling ul li a .text01 .t1{ line-height: 1.2; font-size: 3.5em; font-weight: 500; color: #000; opacity: 0; transform:scale(1) rotate(0deg) translate(-100px,0); transition: all .5s;}
.intro_visual .row .rolling ul li a .text01 .t1 span{ color: #6b5cfd;}
.intro_visual .row .rolling ul li a .text01 .t2{ margin: 10px 0 0 0; line-height: 1.4; font-size: 1.6em; color: rgba(0 0 0/70%); opacity: 0; transform:scale(1) rotate(0deg) translate(-100px,0); transition: all 1s;}
.intro_visual .row .rolling ul li a .img01{ display: flex; justify-content: center; align-items: flex-start; height: 500px;}
.intro_visual .row .rolling ul li a .img01 .i01{ display: block; opacity: 0; transform:scale(1) rotate(0deg) translate(0,-100px); transition: all .5s;}
.intro_visual .row .rolling ul li a .img01 .i02{ display: block; opacity: 0; transform:scale(1) rotate(0deg) translate(0,-100px); transition: all 1.5s;}

.intro_visual .row .rolling ul li.on a .text01 .t1{ opacity: 1; transform:scale(1) rotate(0deg) translate(0,0);}
.intro_visual .row .rolling ul li.on a .text01 .t2{ opacity: 1; transform:scale(1) rotate(0deg) translate(0,0);}
.intro_visual .row .rolling ul li.on a .img01 .i01{ opacity: 1; transform:scale(1) rotate(0deg) translate(0,0);}
.intro_visual .row .rolling ul li.on a .img01 .i02{ opacity: 1; transform:scale(1) rotate(0deg) translate(0,0);}

.intro_visual .row .rolling #visual_btn_L{ position: absolute; bottom: 140px; right: 0; width: 60px; height: 60px;}
.intro_visual .row .rolling #visual_btn_L i{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 5; right: 0; bottom: 0; width: 60px; height: 60px; border-radius: 50%; background: rgba(255 255 255/70%); box-shadow: 0 5px 30px 0 rgba(0 0 0/15%); font-size: 2.2em; color: #999; transform: rotate(90deg); cursor: pointer;}
.intro_visual .row .rolling #visual_btn_L a{ overflow: hidden; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; line-height: 500px;}
.intro_visual .row .rolling #visual_btn_R{ display: flex; justify-content: center; align-items: center; position: absolute; bottom: 0; right: 0; width: 60px; height: 60px;}
.intro_visual .row .rolling #visual_btn_R i{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 5; right: 0; bottom: 0; width: 60px; height: 60px; border-radius: 50%; background: rgba(255 255 255/70%); box-shadow: 0 5px 30px 0 rgba(0 0 0/15%); font-size: 2.2em; color: #999; transform: rotate(90deg); cursor: pointer;}
.intro_visual .row .rolling #visual_btn_R a{ overflow: hidden; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; line-height: 500px;}

.intro_visual .row .rolling .bx-pager{ display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; z-index: 5; right: 0; bottom: 0; padding: 0; width: 60px; height: 200px;}
.intro_visual .row .rolling .bx-pager .bx-pager-item{}
.intro_visual .row .rolling .bx-pager .bx-pager-item a{ margin: 5px 0; width: 10px; height: 10px; border-radius: 50%; background: rgba(0 0 0/10%);}
.intro_visual .row .rolling .bx-pager .bx-pager-item a.active{ background: #6b5cfd;}

.intro_visual .fb{ display: flex; flex-wrap: wrap; align-items: center; position: relative; z-index: 10; margin: 160px auto 0 auto; max-width: 1500px; width: 100%;}
.intro_visual .fb .box{ width: 25%;}
.intro_visual .fb .box p{ font-size: 4em; color: #000;}
.intro_visual .fb .box p font{ font-weight: 500; color: #000;}
.intro_visual .fb .box span{ display: block; margin: 10px 0 0 0; font-size: 1.5em; font-weight: 300; color: #333;}
.intro_visual .fb .box > font{ margin: 0 0 0 5px; font-weight: 300; color: #999;}

.intro_visual .bg{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/images/intro_visual_bg.jpg) center bottom/cover; animation: intro_visual_bg 30s infinite;}
@keyframes intro_visual_bg{
    0%   { transform: scale(1);}
    50%  { transform: scale(1.2);}
    100% { transform: scale(1);}
}
@media(max-width: 1400px){
    .intro_visual{ padding: 100px 50px 0 50px;}
    .intro_visual .row .fl{ max-width: 400px;}
    .intro_visual .row .rolling{ width: 45%;}
    .intro_visual .row .rolling #visual_btn_L{ bottom: 300px;}
    .intro_visual .row .rolling #visual_btn_R{ bottom: 160px;}
    .intro_visual .row .rolling .bx-pager{ bottom: 160px;}
}
@media(max-width: 1025px){
    .intro_visual .row .fl{ max-width: 320px;}
    .intro_visual .row .fl .t2{ font-size: 3em;}
    .intro_visual .row .fl .t4{ margin: 30px -5px 0 -5px;}
    .intro_visual .row .fl .btn{ margin: 30px 0 0 0;}
    .intro_visual .row .rolling{ padding: 80px 0 0 0;}
    .intro_visual .row .rolling ul li a .text01 .t1{ font-size: 2em;}
    .intro_visual .row .rolling ul li a .img01{ height: 400px;}
    .intro_visual .row .rolling ul li a .img01 .i01{ height: 250px;}
    .intro_visual .row .rolling ul li a .img01 .i02{ height: 300px;}
    .intro_visual .row .rolling #visual_btn_L{ bottom: 200px;}
    .intro_visual .row .rolling #visual_btn_R{ bottom: 60px;}
    .intro_visual .row .rolling .bx-pager{ bottom: 60px;}
    .intro_visual .fb{ margin: 50px 0 0 0;}
    .intro_visual .fb .box{ margin: 50px 0 0 0; width: 50%;}
}
@media(max-width: 767px){
    .intro_visual{ padding: 90px 15px 0 15px;}
    .intro_visual .row{ display: block;}
    .intro_visual .row .fl{ padding: 50px 0 0 0; max-width: 100%; width: 100%; text-align: center;}
    .intro_visual .row .fl .btn{ margin: 30px 0 0 0; height: 45px;}
    .intro_visual .row .fl .t4 span{ height: 40px;}

    .intro_visual .row .rolling{ padding: 50px 0 0 0; width: 100%;}
    .intro_visual .row .rolling ul li a .text01{ margin: -80px 0 0 0;}
    .intro_visual .row .rolling ul li a .text01 .t1{ font-size: 2.5em;}
    .intro_visual .row .rolling ul li a .img01{ height: 350px;}

    .intro_visual .row .rolling #visual_btn_L{ bottom: 120px; width: 40px; height: 40px;}
    .intro_visual .row .rolling #visual_btn_L i{ width: 40px; height: 40px;}
    .intro_visual .row .rolling #visual_btn_R{ bottom: 0; width: 40px; height: 40px;}
    .intro_visual .row .rolling #visual_btn_R i{ width: 40px; height: 40px;}

    .intro_visual .row .rolling .bx-pager{ bottom: 0; width: 40px; height: 160px;}

    .intro_visual .fb{ margin: 50px 0 0 0;}
    .intro_visual .fb .box{ margin: 30px 0 0 0;}
    .intro_visual .fb .box p{ font-size: 4em; font-weight: 500; color: #000;}
    .intro_visual .fb .box span{ display: block; margin: 10px 0 0 0; font-size: 1.5em; font-weight: 300; color: #333;}
    .intro_visual .fb .box font{ margin: 0 0 0 5px; font-weight: 300; color: #999;}

    .intro_visual .bg{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/images/intro_visual_bg.jpg) center bottom/cover; animation: intro_visual_bg 30s infinite;}
}



.intro_region{ margin: 160px 0 0 0; padding: 0 100px;}
.intro_region .row{ margin: 0 auto; max-width: 1500px; width: 100%;}
.intro_region .row .title{ font-size: 4em; font-weight: 500; color: #000;}
.intro_region .row .rolling{ margin: 0 -10px;}
.intro_region .row .rolling .slick-list{ padding: 50px 0;}
.intro_region .row .rolling .slide{}
.intro_region .row .rolling .slide a{ display: block; margin: 0 10px; padding: 10px; border-radius: 10px; box-shadow: 0 5px 10px 0 rgba(0 0 0/15%);}
.intro_region .row .rolling .slide a img{ display: block; width: 100%; height: auto; border-radius: 5px;}
.intro_region .row .rolling .slide a .txt{}
.intro_region .row .rolling .slide a .txt .ft{ display: flex; align-items: center; padding: 15px 0 0 0;}
.intro_region .row .rolling .slide a .txt .ft p{ display: flex; align-items: center; padding: 0 8px; height: 25px; border-radius: 3px; border: 1px solid #b2aafe; background: #f9f8ff; font-size: 1.2em;}
.intro_region .row .rolling .slide a .txt .ft span{ margin: 0 0 0 10px; font-size: 1.4em; color: #000;}
.intro_region .row .rolling .slide a .txt .fb{ margin: 10px 0 0 0; padding: 10px; background: #f5f5f5;}
.intro_region .row .rolling .slide a .txt .fb p{ font-size: 1.2em; font-weight: 200; color: #333;}
.intro_region .row .rolling .xi-angle-left{ display: flex; justify-content: center; align-items: center; position: absolute; top: -50px; right: 80px; width: 50px; height: 50px; border-radius: 50%; background: rgba(255 255 255/70%); box-shadow: 0 5px 15px 0 rgba(0 0 0/15%); font-size: 1.8em; color: #999; cursor: pointer;}
.intro_region .row .rolling .xi-angle-right{ display: flex; justify-content: center; align-items: center; position: absolute; top: -50px; right: 10px; width: 50px; height: 50px; border-radius: 50%; background: rgba(255 255 255/70%); box-shadow: 0 5px 15px 0 rgba(0 0 0/15%); font-size: 1.8em; color: #999; cursor: pointer;}
@media(max-width: 1400px){
    .intro_region{ margin: 120px 0 0 0; padding: 0 50px;}
}
@media(max-width: 767px){
    .intro_region{ margin: 80px 0 0 0; padding: 0 15px;}
    .intro_region .row .rolling{ margin: 0 -5px;}
    .intro_region .row .rolling .slick-list{ padding: 30px 0;}
    .intro_region .row .rolling .slide{}
    .intro_region .row .rolling .slide a{ margin: 0 5px; border-radius: 5px; box-shadow: 0 1px 5px 0 rgba(0 0 0/10%);}
    .intro_region .row .rolling .xi-angle-left{ top: -40px; right: 60px; width: 40px; height: 40px;}
    .intro_region .row .rolling .xi-angle-right{ top: -40px; right: 10px; width: 40px; height: 40px;}
}



.intro_store{ margin: 110px 0 0 0; padding: 0 100px;}
.intro_store .row{ margin: 0 auto; max-width: 1500px; width: 100%;}
.intro_store .row .title{ font-size: 4em; font-weight: 500; color: #000;}
.intro_store .row .rolling{ margin: 50px -10px 0 -10px;}
.intro_store .row .rolling .slide{}
.intro_store .row .rolling .slide a{ display: block; overflow: hidden; position: relative; margin: 0 10px; border-radius: 5px;}
.intro_store .row .rolling .slide a .txt{ display: flex; align-items: flex-end; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; padding: 20px; background: linear-gradient(rgba(0 0 0/0%),rgba(0 0 0/0%),rgba(0 0 0/50%));}
.intro_store .row .rolling .slide a .txt p{ font-size: 1.4em; color: #FFF;}
.intro_store .row .rolling .slide a img{ display: block; width: 100%; height: auto;}
.intro_store .row .rolling .xi-angle-left{ display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; left: -15px; margin: -25px 0 0 0; width: 50px; height: 50px; border-radius: 50%; background: rgba(255 255 255/100%); box-shadow: 0 5px 15px 0 rgba(0 0 0/15%); font-size: 1.8em; color: #999; cursor: pointer;}
.intro_store .row .rolling .xi-angle-right{ display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; right: -15px; margin: -25px 0 0 0; width: 50px; height: 50px; border-radius: 50%; background: rgba(255 255 255/1000%); box-shadow: 0 5px 15px 0 rgba(0 0 0/15%); font-size: 1.8em; color: #999; cursor: pointer;}
@media(max-width: 1400px){
    .intro_store{ margin: 70px 0 0 0; padding: 0 50px;}
}
@media(max-width: 767px){
    .intro_store{ margin: 50px 0 0 0; padding: 0 15px;}
    .intro_store .row .rolling{ margin: 30px -15px 0 -15px;}
    .intro_store .row .rolling .slide a{ margin: 0 5px;}
    .intro_store .row .rolling .slide a .txt{ padding: 15px;}
    .intro_store .row .rolling .xi-angle-left{ left: 15px; margin: -20px 0 0 0; width: 40px; height: 40px;}
    .intro_store .row .rolling .xi-angle-right{ right: 15px; margin: -20px 0 0 0; width: 40px; height: 40px;}
}



.intro_list{ margin: 160px 0 0 0; padding: 0 100px;}
.intro_list .row{ margin: 0 auto; max-width: 1500px; width: 100%;}
.intro_list .row .title{ font-size: 4em; font-weight: 500; color: #000;}
.intro_list .row .list{ display: flex; flex-wrap: wrap; margin: 30px -10px 0 -10px;}
.intro_list .row .list li{ margin: 20px 0 0 0; width: 16.666%;}
.intro_list .row .list li a{ display: block; overflow: hidden; position: relative; margin: 0 10px; border-radius: 5px;}
.intro_list .row .list li a img{ display: block; width: 100%; height: auto;}
@media(max-width: 1400px){
    .intro_list{ margin: 120px 0 0 0; padding: 0 50px;}
    .intro_list .row{ margin: 0 auto; max-width: 1500px; width: 100%;}
    .intro_list .row .title{ font-size: 4em; font-weight: 500; color: #000;}
    .intro_list .row .list{ display: flex; flex-wrap: wrap; margin: 30px -10px 0 -10px;}
    .intro_list .row .list li{ margin: 20px 0 0 0; width: 16.666%;}
    .intro_list .row .list li a{ display: block; overflow: hidden; position: relative; margin: 0 10px; border-radius: 5px;}
    .intro_list .row .list li a img{ display: block; width: 100%; height: auto;}
}
@media(max-width: 1025px){
    .intro_list .row .list li{ width: 25%;}
}
@media(max-width: 767px){
    .intro_list{ margin: 80px 0 0 0; padding: 0 15px;}
    .intro_list .row .list{ margin: 20px -5px 0 -5px;}
    .intro_list .row .list li{ margin: 10px 0 0 0; width: 33.333%;}
    .intro_list .row .list li a{ margin: 0 5px;}
}



.intro_platform{ margin: 160px 0 0 0; padding: 0 100px;}
.intro_platform .row{ margin: 0 auto; max-width: 1500px; width: 100%;}
.intro_platform .row .title{ font-size: 4em; font-weight: 500; color: #000;}
.intro_platform .row .rolling{ display: flex; justify-content: space-between; align-items: center; margin: 50px 0 0 0;}
.intro_platform .row .rolling .fl{ margin: 0; width: 50%;}
.intro_platform .row .rolling .fl .slick-list{ padding: 0 !important;}
.intro_platform .row .rolling .fl .slide{}
.intro_platform .row .rolling .fl .slide a{ display: flex; align-items: center; position: relative; padding: 30px; border-radius: 5px; transition: all .5s;}
.intro_platform .row .rolling .fl .slide a img{ flex: 0 0 80px; display: block;}
.intro_platform .row .rolling .fl .slide a .text{ padding: 0 30px 0 15px; width: 100%;}
.intro_platform .row .rolling .fl .slide a .text .t1{ font-size: 2.5em; font-weight: 400; color: #000;}
.intro_platform .row .rolling .fl .slide a .text .t2{ display: flex; align-items: center; margin: 10px 0 0 0;}
.intro_platform .row .rolling .fl .slide a .text .t2 font{ line-height: 1.2; font-size: 1.5em; color: rgba(0 0 0/50%);}
.intro_platform .row .rolling .fl .slide a .text .t2 span{ display: block; margin: 0 15px; width: 1px; height: 15px; background: rgba(0 0 0/10%);}
.intro_platform .row .rolling .fl .slide a i{ display: flex; align-items: center; position: absolute; top: 0; right: 30px; bottom: 0; font-size: 2.5em; color: #6b5cfd; opacity: 0; transition: all .5s;}
.intro_platform .row .rolling .fl .slide.slick-center a{ background: #f9f8ff;}
.intro_platform .row .rolling .fl .slide.slick-center a i{ opacity: 1;}
.intro_platform .row .rolling .fr{ margin: 0; width: 50%;}
.intro_platform .row .rolling .fr .slide{ display: flex; justify-content: center; align-items: center;}
.intro_platform .row .rolling .fr .slide img{ display: block; max-width: 100%; height: auto;}
@media(max-width: 1400px){
    .intro_platform{ margin: 120px 0 0 0; padding: 0 50px;}
}
@media(max-width: 1025px){
    .intro_platform .row .rolling{ flex-direction: column-reverse;}
    .intro_platform .row .rolling .fl{ width: 100%;}
    .intro_platform .row .rolling .fl .slide a{ display: block; padding: 20px;}
    .intro_platform .row .rolling .fl .slide a img{ flex: initial; margin: 0 auto; width: 60px;}
    .intro_platform .row .rolling .fl .slide a .text{ padding: 15px 0 0 0; text-align: center;}
    .intro_platform .row .rolling .fl .slide a .text .t2{ justify-content: center; margin: 15px 0 0 0;}
    .intro_platform .row .rolling .fl .slide a i{ display: none;}
    .intro_platform .row .rolling .fr{ margin: 0 0 30px 0; width: 100%;}
    .intro_platform .row .rolling .fr .slide img{ height: 300px;}
}
@media(max-width: 767px){
    .intro_platform{ margin: 80px 0 0 0; padding: 0 15px;}
    .intro_platform .row .rolling .fl .slide a{ padding: 20px 15px;}
    .intro_platform .row .rolling .fl .slide a img{ width: 40px;}
    .intro_platform .row .rolling .fl .slide a .text{ padding: 10px 0 0 0;}
    .intro_platform .row .rolling .fl .slide a .text .t2{ margin: 10px 0 0 0;}
    .intro_platform .row .rolling .fr{ margin: 0 0 15px 0;}
    .intro_platform .row .rolling .fr .slide img{ height: 200px;}
}



.intro_why{ margin: 160px 0 0 0; padding: 0 100px;}
.intro_why .row{ margin: 0 auto; max-width: 1500px; width: 100%;}
.intro_why .row .title{ font-size: 4em; font-weight: 500; color: #000;}
.intro_why .row ul{ display: flex; justify-content: space-between; margin: 50px 0 0 0;}
.intro_why .row ul li{}
.intro_why .row ul li a{ display: block;}
.intro_why .row ul li a img{ display: block; max-width: 100%; width: 100%; height: auto;}
.intro_why .row ul li a p{ position: relative; z-index: 1; margin: -40px 0 0 0; text-align: center; line-height: 1.2; font-size: 2em; color: #000;}
@media(max-width: 1400px){
    .intro_why{ margin: 120px 0 0 0; padding: 0 50px;}
    .intro_why .row ul li a img{ width: auto; height: 220px;}
}
@media(max-width: 1025px){
    .intro_why .row ul li a img{ width: auto; height: 150px;}
    .intro_why .row ul li a p{ margin: -20px 0 0 0; font-size: 1.7em;}
}
@media(max-width: 767px){
    .intro_why{ margin: 80px 0 0 0; padding: 0 15px;}
    .intro_why .row ul{ flex-wrap: wrap; margin: 15px -15px 0 -15px;}
    .intro_why .row ul li{ margin: 15px 0 0 0; width: 50%;}
    .intro_why .row ul li a{ margin: 0 15px;}
    .intro_why .row ul li a img{ width: 100%; height: auto;}
    .intro_why .row ul li a p{ margin: -20px 0 0 0;}
}



.intro_faq{ padding: 160px 100px 0 100px;}
.intro_faq .row{ margin: 0 auto; max-width: 1500px; width: 100%;}
.intro_faq .row .title{ font-size: 4em; font-weight: 500; color: #000;}
.intro_faq .row .menu{ display: flex; flex-wrap: wrap; margin: 20px 0 0 0;}
.intro_faq .row .menu p{ display: flex; align-items: center; margin: 10px 10px 0 0; padding: 0 15px; height: 35px; border-radius: 5px; background: #f9f8ff; border: 1px solid rgba(0 0 0/20%); font-size: 1.2em; color: #000; cursor: pointer;}
.intro_faq .row .menu p.on{ background: #6b5cfd; color: #FFF; font-weight: 400;}
.intro_faq .row ul{ margin: 50px 0 0 0; padding: 50px 80px; border-radius: 5px; background: #f9f8ff;}
.intro_faq .row ul li{ border-bottom: 1px solid rgba(0 0 0/5%); cursor: pointer;}
.intro_faq .row ul li:last-child{ border-bottom: 0;}
.intro_faq .row ul li a{ display: block; position: relative; padding: 30px 0;}
.intro_faq .row ul li a .q{ display: flex; align-items: center; position: relative; padding: 0 30px 0 0;}
.intro_faq .row ul li a .q .t1{ flex: 0 0 40px; display: flex; justify-content: center; align-items: center; margin: 0 30px 0 0; width: 40px; height: 40px; border-radius: 50%; background: rgba(0 0 0/50%); font-size: 1.6em; font-weight: 400; color: #FFF;}
.intro_faq .row ul li a .q .t2{ flex: 0 0 130px; font-size: 1.6em; font-weight: 300; color: #666;}
.intro_faq .row ul li a .q .t3{ width: 100%; line-height: 1.2; font-size: 2em; color: #000;}
.intro_faq .row ul li a .q i{ display: block; position: absolute; top: 50%; right: 0; transform:translate(0,-50%); font-size: 1.6em; color: rgba(0 0 0/50%); transition: all .3s;}
.intro_faq .row ul li a .a{ display: none; position: relative; margin: 20px 0 0 0;}
.intro_faq .row ul li a .a .t1{ display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; width: 40px; height: 40px; border-radius: 50%; background: #6b5cfd; font-size: 2em; font-weight: 300; color: #FFF;}
.intro_faq .row ul li a .a .t2{ padding: 0 30px 0 0; line-height: 1.2; font-size: 2.5em; font-weight: 400; color: #6b5cfd;}
.intro_faq .row ul li.on a .q i{ font-size: 2.4em; color: #6b5cfd; transform: rotate(180deg);}
@media(max-width: 1400px){
    .intro_faq{ padding: 120px 50px 0 50px;}
}
@media(max-width: 767px){
    .intro_faq{ padding: 80px 15px 0 15px;}
    .intro_faq .row .menu p{ margin: 5px 5px 0 0; padding: 0 10px;}
    .intro_faq .row ul{ margin: 30px 0 0 0; padding: 0 25px;}
    .intro_faq .row ul li a{ padding: 30px 0;}
    .intro_faq .row ul li a .q .t1{ flex: 0 0 30px; margin: 0 10px 0 0; width: 30px; height: 30px;}
    .intro_faq .row ul li a .q .t2{ flex: 0 0 80px;}
    .intro_faq .row ul li a .a{ margin: 10px 0 0 0;}
    .intro_faq .row ul li a .a .t1{ flex: 0 0 30px; margin: 0 10px 0 0; width: 30px; height: 30px;}
    .intro_faq .row ul li a .a .t2{ line-height: 1.4; font-size: 1.6em;}
}




.intro_review{ margin: 160px 0 0 0; padding: 0 100px;}
.intro_review .row{ margin: 0 auto; max-width: 1500px; width: 100%;}
.intro_review .row .title{ text-align: center; font-size: 4em; font-weight: 500; color: #000;}
.intro_review .row .text{ margin: 30px 0 0 0; text-align: center; line-height: 1.3; font-size: 2em; color: #666;}
.intro_review .row .rolling{ position: relative; margin: 50px -10px 0 -10px;}
.intro_review .row .rolling .slick-list{ padding: 60px 0 80px 0;}
.intro_review .row .rolling .slide{ height: 100%;}
.intro_review .row .rolling .slide a{ display: block; margin: 0 10px; padding: 30px 10px; height: 240px; border-radius: 5px; box-shadow: 0 2px 10px 0 rgba(0 0 0/8%);}
.intro_review .row .rolling .slide a .box{}
.intro_review .row .rolling .slide a .box img{ display: block; margin: 0 auto; transform: translate(0,-90px);}
.intro_review .row .rolling .slide a .box .name{ display: flex; justify-content: center; align-items: center; margin: -60px 0 0 0;}
.intro_review .row .rolling .slide a .box .name p{ font-size: 1.6em; color: #333;}
.intro_review .row .rolling .slide a .box .name span{ margin: 0 15px; width: 1px; height: 10px; background: #DDD;}
.intro_review .row .rolling .slide a .box .txt{ margin: 15px 0 0 0; text-align: center; line-height: 1.5; font-size: 1.4em; color: #666;}
.intro_review .row .rolling .xi-angle-left{ display: flex; justify-content: center; align-items: center; position: absolute; bottom: 0; right: 50%; margin: 0 10px 0 0; width: 50px; height: 50px; border-radius: 50%; background: rgba(255 255 255/70%); box-shadow: 0 5px 15px 0 rgba(0 0 0/15%); font-size: 1.8em; color: #999; cursor: pointer;}
.intro_review .row .rolling .xi-angle-right{ display: flex; justify-content: center; align-items: center; position: absolute; bottom: 0; left: 50%; margin: 0 0 0 10px; width: 50px; height: 50px; border-radius: 50%; background: rgba(255 255 255/70%); box-shadow: 0 5px 15px 0 rgba(0 0 0/15%); font-size: 1.8em; color: #999; cursor: pointer;}
@media(max-width: 1400px){
    .intro_review{ margin: 120px 0 0 0; padding: 0 50px;}
    .intro_review .row .rolling .slide a{ height: 260px;}
}
@media(max-width: 767px){
    .intro_review{ margin: 80px 0 0 0; padding: 0 15px;}
    .intro_review .row .text{ margin: 15px 0 0 0;}
    .intro_review .row .rolling{ margin: 0px -15px 0 -15px;}
    .intro_review .row .rolling .slick-list{ padding: 60px 20% 60px 20% !important;}
    .intro_review .row .rolling .slide{ height: 100%;}
    .intro_review .row .rolling .slide a{ padding: 20px 10px; height: 200px;}
    .intro_review .row .rolling .slide a .box img{ width: 80px; height: 80px; transform: translate(0,-60px);}
    .intro_review .row .rolling .slide a .box .name{ margin: -40px 0 0 0;}
    .intro_review .row .rolling .xi-angle-left{ margin: 0 5px 0 0; width: 40px; height: 40px;}
    .intro_review .row .rolling .xi-angle-right{ margin: 0 0 0 5px; width: 40px; height: 40px;}
}



.intro_start{ display: flex; flex-direction: column; align-items: center; margin: 100px 0 0 0; padding: 80px 0; background: url(/images/intro_start_bg.jpg) no-repeat center/cover;}
.intro_start .t1{ font-size: 4em; font-weight: 300; color: #000;}
.intro_start .t1 span{ font-weight: 400; color: #6b5cfd;}
.intro_start .t2{ margin: 15px 0 0 0; font-size: 2.5em; color: #000;}
.intro_start .t2 span{ font-weight: 300; color: #6b5cfd;}
.intro_start a{ display: flex; justify-content: center; align-items: center; margin: 30px 0 0 0; width: 220px; height: 50px; border-radius: 5px; background: #6b5cfd; font-size: 1.8em; font-weight: 400; color: #FFF; cursor: pointer;}
@media(max-width: 767px){
    .intro_start{ margin: 50px 0 0 0; padding: 50px 0;}
    .intro_start .t1{ font-size: 3em;}
    .intro_start .t2{ font-size: 2em;}
    .intro_start a{ margin: 20px 0 0 0; width: 180px; height: 40px;}
}



.intro_footer{ padding: 100px 100px 120px 100px;}
.intro_footer .row{ display: flex; justify-content: space-between; margin: 0 auto; max-width: 1500px; width: 100%;}
.intro_footer .row .fl{}
.intro_footer .row .fl .logo{ display: block;}
.intro_footer .row .fl .logo img{}
.intro_footer .row .fl .sns{ display: flex; flex-wrap: wrap; margin: 30px 0 0 0; max-width: 300px;}
.intro_footer .row .fl .sns li{ margin: 20px 0 0 0; width: 20%;}
.intro_footer .row .fl .sns li a{ display: flex; justify-content: center; align-items: center; width: 25px; height: 25px;}
.intro_footer .row .fl .sns li img{ display: block; max-width: 100%; max-height: 100%;}
.intro_footer .row .fl .copy{ margin: 50px 0 0 0; font-size: 1.2em; color: #999;}
.intro_footer .row .fr{ display: flex;}
.intro_footer .row .fr .box{ margin: 0 0 0 100px;}
.intro_footer .row .fr .box .head{ padding: 0 0 30px 0; font-size: 1.5em; font-weight: 400; color: #000;}
.intro_footer .row .fr .box .info{}
.intro_footer .row .fr .box .info li{ display: flex; align-items: center; padding: 0 0 20px 0;}
.intro_footer .row .fr .box .info li span{ display: block; width: 120px; line-height: 1.5; font-size: 1.2em; color: #999;}
.intro_footer .row .fr .box .info li p{ font-size: 1.2em; color: #666;}
.intro_footer .row .fr .box .info li p a{ margin: 0 0 0 5px; font-weight: 500; color: #6b5cfd;}
.intro_footer .row .fr .box .t1{ padding: 0 0 10px 0; line-height: 1.5; font-size: 1.2em; color: #666;}
.intro_footer .row .fr .box > a{ display: flex; justify-content: center; align-items: center; margin: 10px 0 0 0; width: 160px; height: 35px;  border-radius: 5px; background: #f9f8ff; font-size: 1.2em; color: #000;}
.intro_footer .row .fr .box img{ display: block;}
.intro_footer .row .fr .box .t2{ display: flex; margin: 10px 0 0 0; color: #999;}
.intro_footer .row .fr .box .t2 span{ display: block; margin: 0 0 0 10px; font-size: 1.2em; color: #666;}
@media(max-width: 1400px){
    .intro_footer{ padding: 100px 50px 120px 50px;}
    .intro_footer .row .fr .box{ margin: 0 0 0 30px;}
}
@media(max-width: 1025px){
    .intro_footer .row{ display: block;}
    .intro_footer .row .fl{ display: flex; flex-direction: column; align-items: center;}
    .intro_footer .row .fr{ margin: 80px -15px 0 -15px;}
    .intro_footer .row .fr .box{ margin: 0 15px;}
}
@media(max-width: 767px){
    .intro_footer{ padding: 50px 15px 80px 15px;}
    .intro_footer .row .fl .logo img{ width: auto; height: 30px;}
    .intro_footer .row .fl .sns{ margin: 20px 0 0 0;}
    .intro_footer .row .fl .sns li{ margin: 10px 0 0 0;}
    .intro_footer .row .fl .sns li a{ margin: 0 auto; width: 20px; height: 20px;}
    .intro_footer .row .fl .copy{ margin: 30px 0 0 0;}
    .intro_footer .row .fr{ display: block; margin: 50px -15px 0 -15px;}
    .intro_footer .row .fr .box .head{ font-size: 2em;}
    .intro_footer .row .fr .box .info li span{ font-size: 1.4em;}
    .intro_footer .row .fr .box .info li p{ font-size: 1.4em;}
    .intro_footer .row .fr .box .t1{ font-size: 1.4em;}
    .intro_footer .row .fr .box > a{ font-size: 1.4em;}
    .intro_footer .row .fr .box .t2 span{ font-size: 1.4em;}
    .intro_footer .row .fr .box{ display: flex; flex-direction: column; align-items: center; margin: 0; padding: 30px 15px; border-top: 1px solid rgba(0 0 0/5%);}
}




.intro_quick{ position: fixed; z-index: 120; right: -100px; bottom: 50px; opacity: 0; transition: all .5s;}
.intro_quick .qr{ overflow: hidden; position: relative; width: 60px; height: 60px; border-radius: 50%; background: #FFF; box-shadow: 0 5px 15px 0 rgba(0 0 0/10%); transition: all .5s;}
.intro_quick .qr > img{ display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all .5s;}
.intro_quick .qr > img.on{ z-index: 2; opacity: 0;}
.intro_quick .qr > img.off{ z-index: 1; opacity: 1;}
.intro_quick .qr ul{ display: flex; position: absolute; right: 0; bottom: 0; opacity: 0; transition: all .8s;}
.intro_quick .qr ul li{ margin: 0;}
.intro_quick .qr ul li:nth-child(1){ transform: translate(30px,0) scale(0); transition: all .5s;}
.intro_quick .qr ul li:nth-child(2){ transform: translate(40px,0) scale(0); transition: all .3s;}
.intro_quick .qr ul li a{ display: block; padding: 10px; border-radius: 5px; background: #FFF; box-shadow: 0 5px 10px 0 rgba(0 0 0/15%);}
.intro_quick .qr ul li a img{ display: block;}
.intro_quick .qr:hover{ overflow: visible; background: #6b5cfd;}
.intro_quick .qr:hover > img.on{ opacity: 1;}
.intro_quick .qr:hover > img.off{ opacity: 0;}
.intro_quick .qr:hover ul{ display: flex; right: 70px; opacity: 1;}
.intro_quick .qr:hover ul li{ margin: 0 0 0 10px;}
.intro_quick .qr:hover ul li:nth-child(1){ transform: translate(0,0) scale(1);}
.intro_quick .qr:hover ul li:nth-child(2){ transform: translate(0,0) scale(1);}
.intro_quick .top{ display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 10px 0 0 0; width: 60px; height: 60px; border-radius: 50%; background: #6b5cfd; cursor: pointer;}
.intro_quick .top i{ font-size: 1.5em; color: #FFF;}
.intro_quick .top p{ padding: 2px 0 0 0; font-size: 1.2em; color: #FFF;}
.intro_quick.on{ right: 50px; opacity: 1;}
@media(max-width: 1400px){
    .intro_quick.on{ right: 30px; opacity: 1;}
}
@media(max-width: 1025px){
}
@media(max-width: 767px){
    .intro_quick{ bottom: 15px;}
    .intro_quick .qr{ width: 40px; height: 40px;}
    .intro_quick .qr > img{ height: 20px;}
    .intro_quick .qr:hover ul{ right: 50px;}
    .intro_quick .top{ width: 40px; height: 40px;}
    .intro_quick .top i{ font-size: 12px;}
    .intro_quick .top p{ font-size: 8px;}
    .intro_quick.on{ right: 10px;}
}



.shopping_quick{ position: fixed; z-index: 120; right: 50px; bottom: 50px;}
.shopping_quick .row{ display: flex; justify-content: center; align-items: center; position: relative; margin: 10px 0 0 0; width: 60px; height: 60px; border-radius: 50%; background: #FFF; box-shadow: 0 5px 30px 0 rgba(0 0 0/30%); cursor: pointer;}
.shopping_quick .row span{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: -5px; right: -5px; padding: 0 6px 0.5px 6px; min-width: 20px; height: 20px; border-radius: 20px; background: #6b5cfd; text-align: center; font-size: 12px; color: #FFF;}
.shopping_quick .row img{ display: block; width: auto; height: 24px; opacity: .7;}
.shopping_quick .top{ display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 10px 0 0 0; width: 60px; height: 60px; border-radius: 50%; background: #6b5cfd; cursor: pointer;}
.shopping_quick .top i{ font-size: 1.5em; color: #FFF;}
.shopping_quick .top p{ padding: 2px 0 0 0; font-size: 1.2em; color: #FFF;}
@media(max-width: 1400px){
    .shopping_quick{ right: 30px;}
    .shopping_quick .row{ width: 50px; height: 50px;}
    .shopping_quick .row img{ height: 20px;}
    .shopping_quick .top{ width: 50px; height: 50px;}
    .shopping_quick .top i{ font-size: 14px;}
    .shopping_quick .top p{ font-size: 10px;}
}
@media(max-width: 767px){
    .shopping_quick{ right: 10px; bottom: 15px;}
    .shopping_quick .row{ margin: 5px 0 0 0; width: 40px; height: 40px;}
    .shopping_quick .row span{ top: -5px; right: -5px; padding: 0 3px 0.5px 3px; min-width: 16px; height: 16px; font-size: 8px;}
    .shopping_quick .row img{ height: 16px;}
    .shopping_quick .top{ margin: 5px 0 0 0; width: 40px; height: 40px;}
    .shopping_quick .top i{ font-size: 12px;}
    .shopping_quick .top p{ font-size: 8px;}
}




.popup{ overflow: hidden; display: flex; justify-content: center; align-items: center; position: fixed; z-index: 200; top: 100%; right: 0; bottom: -100%; left: 0; padding: 0 15px; background: rgba(0 0 0/70%); transition: opacity .5s;}
.popup > .row{ position: relative; margin-top: 200px; max-width: 450px; width: 100%; border-radius: 10px; background: #f5f8fa; opacity: 0; transition: all .5s;}
.popup > .row > .head{ display: flex; justify-content: space-between; align-items: center; padding: 0 20px; height: 60px; border-radius: 10px 10px 0 0; border-bottom: 1px solid rgba(0 0 0/10%); background: #FFF;}
.popup > .row > .head p{ font-size: 1.6em; font-weight: 300; color: #000;}
.popup > .row > .head i{ font-size: 1.8em; font-weight: 300; color: #000; cursor: pointer;}
.popup.on{ top: 0; bottom: 0; opacity: 1;}
.popup.on > .row{ margin: 0; opacity: 1;}
@media(max-width: 767px){
    .popup > .row{ padding: 30px;}
    .popup > .row > .head{ height: 45px;}
}


.popup_login .row{ padding: 50px;}
.popup_login .row .xi-close{ position: absolute; top: 20px; right: 20px; font-size: 2.5em; color: rgba(0 0 0/50%); cursor: pointer;}
.popup_login .row .logo{ display: block; margin: 0 auto 30px auto;}
@media(max-width: 767px){
    .popup_login .row{ padding: 30px;}
    .popup_login .row .logo{ width: auto; height: 30px;}
}


.popup_basic .row{ padding: 40px !important;}
.popup_basic .row .xi-close{ position: absolute; top: 20px; right: 20px; font-size: 2.5em; color: rgba(0 0 0/50%); cursor: pointer;}
.popup_basic .row .t1{ padding: 0 0 10px 0; text-align: center; line-height: 1.5; font-size: 2.5em; font-weight: 400; color: #000;}
.popup_basic .row .t2{ text-align: center; line-height: 1.5; font-size: 1.5em; font-weight: 200; color: #666;}
.popup_basic .row .t2 span{ color: #6b5cfd;}
.popup_basic .row .btn{ display: flex; justify-content: center; align-items: center; margin: 40px 0 0 0; height: 50px; border-radius: 5px; background: #6b5cfd; font-size: 1.8em; font-weight: 300; color: #FFF; pointer;}
.popup_basic .row .btn2{ display: flex; margin: 40px -5px 0 -5px;}
.popup_basic .row .btn2 a{ display: flex; justify-content: center; align-items: center; margin: 0 5px; width: 100%; height: 50px; border-radius: 5px; background: #6b5cfd; font-size: 1.8em; font-weight: 300; color: #FFF; cursor: pointer;}
.popup_basic .row .btn2 a:last-child{ background: #333;}
@media(max-width: 767px){
    .popup_basic .row{ padding: 30px !important;}
    .popup_basic .row .btn{ margin: 20px 0 0 0; height: 40px;}
    .popup_basic .row .btn2{ margin: 20px -5px 0 -5px;}
    .popup_basic .row .btn2 a{ height: 40px;}
}


.popup_play{}
.popup_play .row{ max-width: 600px;}
.popup_play .row .play{ position: relative; margin: 15px 0 0 0;}
.popup_play .row .play .video{ position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0;}
.popup_play .row .play .video iframe{ display: block !important; width: 100% !important; height: 100% !important;}
.popup_play .row .play > img{ display: block; width: 100%; height: auto;}



.popup_write{}
.popup_write .in{}
.popup_write .in .tit{ padding: 20px 0 10px 0; font-size: 1.2em; color: #666;}
.popup_write .in:first-child .tit{ padding-top: 0;}
.popup_write .in .input{ display: flex; align-items: center; margin: 0; padding: 0 15px; width: 100%; height: 50px; border-radius: 5px; border: 1px solid rgba(0 0 0/10%); background: #FFF; font-size: 1.4em; font-weight: 200; color: #000; outline: none; -webkit-appearance: none;}
.popup_write .login_check{ display: flex; justify-content: space-between; align-items: center; padding: 20px 0 0 0;}
.popup_write .login_check .check{ display: flex; align-items: center; cursor: pointer;}
.popup_write .login_check .check i{ display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 50%; border: 1px solid rgba(0 0 0/10%); background: #FFF; font-size: 1.2em; color: #999;}
.popup_write .login_check .check p{ margin: 0 0 0 5px; font-size: 1.2em; color: #666;}
.popup_write .login_check .check.on i{ border-color: #6b5cfd; background: #6b5cfd; color: #FFF;}
.popup_write .login_check a{ display: flex; align-items: center;}
.popup_write .login_check a p{ font-size: 1.2em; color: #6b5cfd;}
.popup_write .login_check a i{ margin: 0 0 0 5px; font-size: 1.2em; color: #6b5cfd;}
.popup_write .btn_login{ display: flex; justify-content: center; align-items: center; margin: 40px 0 0 0; height: 50px; border-radius: 5px; background: #6b5cfd; font-size: 1.8em; font-weight: 300; color: #FFF; cursor: pointer;}
.popup_write .btn_join{ display: flex; justify-content: center; align-items: center; margin: 40px 0 0 0;}
.popup_write .btn_join p{ font-size: 1.3em; color: #666;}
.popup_write .btn_join a{ display: flex; align-items: center; margin: 0 0 0 10px;}
.popup_write .btn_join a span{ font-size: 1.3em; color: #6b5cfd;}
.popup_write .btn_join a i{ margin: 0 0 0 5px; font-size: 1.3em; color: #6b5cfd;}
@media(max-width: 767px){
    .popup_write .in .tit{ padding: 15px 0 10px 0;}
    .popup_write .in .input{ height: 45px;}
    .popup_write .login_check{ padding: 15px 0 0 0;}
    .popup_write .btn_login{ margin: 30px 0 0 0; height: 50px;}
    .popup_write .btn_join{ margin: 30px 0 0 0;}
}


.popup_add{}
.popup_add > .row{ max-width: 800px;}
.popup_add > .row > .body{ padding: 20px 20px 20px 300px;}
.popup_add > .row > .body .fl{ float: left; margin: 0 0 0 -280px; width: 270px; background: #FFF;}
.popup_add > .row > .body .fl .shopping_detail_img{ overflow: hidden; position: relative; border-radius: 5px 5px 0 0;}
.popup_add > .row > .body .fl .shopping_detail_img .box{ position: relative;}
.popup_add > .row > .body .fl .shopping_detail_img .box .bx-wrapper{ margin: 0;}
.popup_add > .row > .body .fl .shopping_detail_img .box .bx-wrapper .bx-viewport{ left: 0; margin: 0; height: auto; border: 0; box-shadow: none;}

.popup_add > .row > .body .fl .shopping_detail_img .box .shopping_detail_img_rolling{}
.popup_add > .row > .body .fl .shopping_detail_img .box .shopping_detail_img_rolling li{}
.popup_add > .row > .body .fl .shopping_detail_img .box .shopping_detail_img_rolling li a{ display: block; position: relative;}
.popup_add > .row > .body .fl .shopping_detail_img .box .shopping_detail_img_rolling li a video{ display: block; position: absolute; z-index: 20; top: 0; right: 0; bottom: 0; left: 0;}
.popup_add > .row > .body .fl .shopping_detail_img .box .shopping_detail_img_rolling li a i{ display: block; position: absolute; z-index: 10; top: 50%; left: 50%; transform:translate(-50%,-50%); font-size: 6em; color: #000; cursor: pointer;}
.popup_add > .row > .body .fl .shopping_detail_img .box .shopping_detail_img_rolling li a img{ display: block; width: 100%; height: auto;}

.popup_add > .row > .body .fl .shopping_detail_img .shopping_detail_img_page_box{ margin: 0; padding: 10px 15px 15px 15px; border: 1px solid #DDD; border-top: 0;}
.popup_add > .row > .body .fl .shopping_detail_img .shopping_detail_img_page_box #shopping_detail_img_page2{ display: flex; flex-wrap: wrap; width: auto !important;}
.popup_add > .row > .body .fl .shopping_detail_img .shopping_detail_img_page_box #shopping_detail_img_page2 a{ overflow: hidden; position: relative; margin: 5px 5px 0 0; border-radius: 5px; filter: 100%; -webkit-filter: grayscale(100%); opacity: 0.5;}
.popup_add > .row > .body .fl .shopping_detail_img .shopping_detail_img_page_box #shopping_detail_img_page2 a span{ display: block; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; border-radius: 5px;}
.popup_add > .row > .body .fl .shopping_detail_img .shopping_detail_img_page_box #shopping_detail_img_page2 a i{ display: block; position: absolute; z-index: 10; top: 50%; left: 50%; transform:translate(-50%,-50%); font-size: 2em; color: #000;}
.popup_add > .row > .body .fl .shopping_detail_img .shopping_detail_img_page_box #shopping_detail_img_page2 a img{ display: block; width: auto; height: 40px;}
.popup_add > .row > .body .fl .shopping_detail_img .shopping_detail_img_page_box #shopping_detail_img_page2 a.active{ filter: none; -webkit-filter: grayscale(0%); opacity: 1;}
.popup_add > .row > .body .fl .shopping_detail_img .shopping_detail_img_page_box #shopping_detail_img_page2 a.active span{ border: 2px solid #6b5cfd;}

.popup_add > .row > .body .fl .info{ display: flex; flex-wrap: wrap; align-items: center; padding: 10px 15px 10px 15px; border-radius: 0 0 5px 5px; border: 1px solid #DDD; border-top: 0; background: #FFF;}
.popup_add > .row > .body .fl .info .img{ display: flex; justify-content: center; align-items: center; margin: 0 5px 0 0; width: 25px; height: 25px; border-radius: 50%; background: #6b5cfd;}
.popup_add > .row > .body .fl .info .img img{ display: block; width: auto; max-height: 8px;}
.popup_add > .row > .body .fl .info p{ padding: 5px 0; font-size: 1.2em; color: #666;}

.popup_add > .row > .body .fr{}

.popup_add > .row > .body .fr .sd_info{ padding: 15px 20px; border-radius: 5px; border: 1px solid #DDD; background: #FFF;}
.popup_add > .row > .body .fr .sd_info .title{ display: flex; justify-content: space-between; align-items: center;}
.popup_add > .row > .body .fr .sd_info .title > p{ line-height: 1.2em; font-size: 1.7em; font-weight: 400; color: #000;}
.popup_add > .row > .body .fr .sd_info .title a{ flex: 0 0 120px; display: flex; justify-content: flex-end; align-items: center; cursor: pointer;}
.popup_add > .row > .body .fr .sd_info .title a i{ font-size: 1.4em; font-weight: 300; color: #6b5cfd;}
.popup_add > .row > .body .fr .sd_info .title a p{ margin: 0 2px; font-size: 1.3em; color: #6b5cfd;}
.popup_add > .row > .body .fr .sd_info .price{ display: flex; align-items: center; margin: 10px 0 0 0;}
.popup_add > .row > .body .fr .sd_info .price p{ font-size: 1.7em; font-weight: 500; color: #6b5cfd;}
.popup_add > .row > .body .fr .sd_info .price span{ display: flex; align-items: center; margin: 0 0 0 20px; padding: 0 10px; height: 25px; border-radius: 5px; background: #F00; font-size: 1.2em; color: #FFF;}
.popup_add > .row > .body .fr .sd_info .text{ margin: 10px 0 0 0;}
.popup_add > .row > .body .fr .sd_info .text a{ display: flex; align-items: center; padding: 5px 0;}
.popup_add > .row > .body .fr .sd_info .text a p{ flex: 0 0 70px; font-size: 1.2em; font-weight: 300; color: #999;}
.popup_add > .row > .body .fr .sd_info .text a span{ font-size: 1.2em; font-weight: 300; color: #333;}

.popup_add > .row > .body .fr .sd_option{ margin: 10px 0 0 0; padding: 15px 20px; border-radius: 5px; border: 1px solid #DDD; background: #FFF;}
.popup_add > .row > .body .fr .sd_option .row{ display: flex; margin: 10px 0 0 0; width: 100%;}
.popup_add > .row > .body .fr .sd_option .row:first-child{ margin: 0;}
.popup_add > .row > .body .fr .sd_option .row .tit{ flex: 0 0 70px; line-height: 30px; font-size: 1.2em; font-weight: 300; color: #999;}
.popup_add > .row > .body .fr .sd_option .row .color{ display: flex; flex-wrap: wrap; margin: -10px 0 0 0; width: 100%;}
.popup_add > .row > .body .fr .sd_option .row .color a{ display: block; position: relative; margin: 10px 10px 0 0; padding: 5px; border-radius: 5px; border: 2px solid #FFF; cursor: pointer;}
.popup_add > .row > .body .fr .sd_option .row .color a p{ display: block; width: 50px; height: 50px; border-radius: 5px;}
.popup_add > .row > .body .fr .sd_option .row .color a span{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: -8px; right: -5px; padding: 0 6px 0.5px 6px; min-width: 20px; height: 20px; border-radius: 20px; background: #6b5cfd; text-align: center; font-size: 12px; color: #FFF;}
.popup_add > .row > .body .fr .sd_option .row .color a font{ display: block; padding: 5px 0 0 0; text-align: center; font-size: 12px; color: #333;}
.popup_add > .row > .body .fr .sd_option .row .color a.on{ border: 2px solid #6b5cfd;}

.popup_add > .row > .body .fr .sd_option .row .size{ width: 100%;}
.popup_add > .row > .body .fr .sd_option .row .size a{ display: flex; justify-content: space-between; align-items: center; margin: 10px 0 0 0; padding: 0;}
.popup_add > .row > .body .fr .sd_option .row .size a .t1{ width: 20%; font-weight: 300; font-size: 1.2em; color: #000;}
.popup_add > .row > .body .fr .sd_option .row .size a .t2{ width: 30%; font-size: 1.2em; color: #666;}
.popup_add > .row > .body .fr .sd_option .row .size a .btn{ display: flex;}
.popup_add > .row > .body .fr .sd_option .row .size a .btn i{ display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; border: 1px solid #DDD; background: #FFF; font-size: 1.3em; color: #000; cursor: pointer;}
.popup_add > .row > .body .fr .sd_option .row .size a .btn i:nth-child(1){ border-radius: 5px 0 0 5px;}
.popup_add > .row > .body .fr .sd_option .row .size a .btn i:nth-child(3){ border-radius: 0 5px 5px 0;}
.popup_add > .row > .body .fr .sd_option .row .size a .btn i:hover{ background: #f0f0f0;}
.popup_add > .row > .body .fr .sd_option .row .size a .btn input{ display: flex; align-items: center; margin: 0 -1px; padding: 0; width: 60px; height: 30px; border-radius: 0; border: 1px solid rgba(0 0 0/10%); background: #FFF; text-align: center; font-size: 1.2em; font-weight: 200; color: #000; outline: none; -webkit-appearance: none;}

.popup_add > .row > .foot{ padding: 0 20px 20px 20px;}
.popup_add > .row > .foot a{ display: flex; justify-content: center; align-items: center; height: 50px; border-radius: 5px; background: #6b5cfd; cursor: pointer;}
.popup_add > .row > .foot a i{ font-size: 2em; font-weight: 400; color: #FFF;}
.popup_add > .row > .foot a p{ margin: 0 0 0 10px; font-size: 1.5em; font-weight: 300; color: #FFF;}
@media(max-width: 1025px){
    .popup_add > .row{ max-width: 700px;}
}
@media(max-width: 767px){
    .popup_add > .row{ overflow: auto; position: fixed; top: 100%; right: 20px; bottom: -100%; left: 20px; padding: 60px 15px 20px 15px; width: auto;}
    .popup_add > .row > .head{ position: fixed; z-index: 10; top: 100%; right: 20px; left: 20px; border: 0; box-shadow: 0 1px 0 0 rgba(0 0 0/10%); transition: all .5s;}
    .popup_add > .row > .body{}
    .popup_add > .row > .body .fl{ float: initial; margin: 0; width: auto;}
    .popup_add > .row > .body .fr{ margin: 10px 0 0 0;}

    .popup_add > .row > .body{ padding: 0;}

    .popup_add > .row > .body .fr .sd_info{ padding: 15px;}
    .popup_add > .row > .body .fr .sd_info .title > p{ font-size: 2em;}
    .popup_add > .row > .body .fr .sd_info .title a{ flex: 0 0 120px;}
    .popup_add > .row > .body .fr .sd_info .price p{ font-size: 2em;}
    .popup_add > .row > .body .fr .sd_info .price span{ margin: 0 0 0 15px; font-size: 11px;}
    .popup_add > .row > .body .fr .sd_info .text a p{ flex: 0 0 80px; font-size: 1.2em;}
    .popup_add > .row > .body .fr .sd_info .text a span{ font-size: 1.2em;}

    .popup_add > .row > .body .fr .sd_option{ padding: 15px 15px;}
    .popup_add > .row > .body .fr .sd_option .row{ margin: 15px 0 0 0;}
    .popup_add > .row > .body .fr .sd_option .row .tit{ flex: 0 0 50px; font-size: 1.2em;}
    .popup_add > .row > .body .fr .sd_option .row .color a p{ width: 40px; height: 40px;}
    .popup_add > .row > .body .fr .sd_option .row .color a span{ padding: 0 3px 0.5px 3px; min-width: 16px; height: 16px; font-size: 10px;}
    .popup_add > .row > .body .fr .sd_option .row .color a font{ font-size: 10px;}
    .popup_add > .row > .body .fr .sd_option .row .size a .t1{ width: 20%; font-weight: 300; font-size: 1.3em; color: #000;}
    .popup_add > .row > .body .fr .sd_option .row .size a .t2{ width: 30%; font-size: 1.3em; color: #666;}
    .popup_add > .row > .body .fr .sd_option .row .size a .btn input{ width: 50px;}

    .popup_add > .row > .foot{ padding: 10px 0 0 0;}
    .popup_add > .row > .foot a{ height: 45px;}
    .popup_add > .row > .foot a i{ font-size: 18px;}
    .popup_add > .row > .foot a p{ font-size: 14px;}

    .popup_add.on > .row{ top: 50px; bottom: 50px;}
    .popup_add.on > .row > .head{ top: 50px;}
}


.popup_down{}
.popup_down .row{}
.popup_down .row .body{ padding: 20px;}
.popup_down .row .list{ display: flex; margin: 0 -5px;}
.popup_down .row .list a{ display: block; position: relative; margin: 0 5px; padding: 20px 20px 20px 50px; width: 50%; border-radius: 5px; border: 1px solid rgba(0 0 0/10%); background: #FFF; cursor: pointer;}
.popup_down .row .list a .line{ display: none; position: absolute; z-index: 10; top: -1px; right: -1px; bottom: -1px; left: -1px; border-radius: 5px; border: 2px solid #6b5cfd;}
.popup_down .row .list a i{ display: flex; justify-content: center; align-items: center; position: absolute; top: 20px; left: 20px; width: 20px; height: 20px; border-radius: 50%; border: 1px solid rgba(0 0 0/10%); background: #FFF; font-size: 1.2em; color: #FFF;}
.popup_down .row .list a p{ line-height: 20px; font-size: 1.7em; font-weight: 300; color: #000;}
.popup_down .row .list a span{ display: block; margin: 5px 0 0 0; font-size: 1.2em; color: #666;}
.popup_down .row .list a.on .line{ display: block;}
.popup_down .row .list a.on i{ border-color: #6b5cfd; background: #6b5cfd; color: #FFF;}
.popup_down .row .foot{ padding: 0 20px 20px 20px;}
.popup_down .row .foot a{ display: flex; justify-content: center; align-items: center; height: 50px; border-radius: 5px; background: #6b5cfd; cursor: pointer;}
.popup_down .row .foot a i{ font-size: 2em; font-weight: 400; color: #FFF;}
.popup_down .row .foot a p{ margin: 0 0 0 10px; font-size: 1.5em; font-weight: 300; color: #FFF;}
@media(max-width: 767px){
    .popup_down{}
    .popup_down .row{ padding: 0;}
    .popup_down .row .body{ padding: 15px;}
    .popup_down .row .list{ display: block; margin: -10px 0 0 0;}
    .popup_down .row .list a{ margin: 10px 0 0 0; padding: 15px 15px 15px 50px; width: auto;}
    .popup_down .row .list a i{ top: 15px; left: 15px;}
    .popup_down .row .list a p{ font-size: 16px;}
    .popup_down .row .foot{ padding: 0 15px 15px 15px;}
    .popup_down .row .foot a{ height: 45px;}
    .popup_down .row .foot a i{ font-size: 18px;}
    .popup_down .row .foot a p{ font-size: 14px;}
}


.popup_my_guide{}
.popup_my_guide .row{}
.popup_my_guide .row .body{ padding: 20px;}
.popup_my_guide .row .body p{ line-height: 1.8; font-size: 1.4em; color: #000;}
@media(max-width: 767px){
    .popup_my_guide{}
    .popup_my_guide .row{ padding: 0;}
    .popup_my_guide .row .body{ padding: 15px;}
}


.popup_like{}
.popup_like .row{ max-width: auto; width: auto;}
.popup_like .row .body{ display: flex; justify-content: center; align-items: center; padding: 30px;}
.popup_like .row .body img{ display: block; margin: 0 10px 0 0; width: auto; height: 30px;}
.popup_like .row .body .fr{}
.popup_like .row .body .fr .t1{ font-size: 1.7em; font-weight: 300; color: #000;}
.popup_like .row .body .fr .t2{ margin: 5px 0 0 0; font-size: 1.2em; color: #666;}
@media(max-width: 767px){
    .popup_like .row{ padding: 0;}
    .popup_like .row .body img{ height: 25px;}
    .popup_like .row .body .fr .t1{ font-size: 16px;}
}


.popup_alarm{ position: fixed; z-index: 150; top: 0; right: -100%; bottom: 0; left: 100%; background: rgba(0 0 0/70%); opacity: 0; transition: opacity .5s;}
.popup_alarm > .row{ overflow: hidden; position: fixed; top: 30px; right: -500px; width: 400px; bottom: 30px; border-radius: 10px; background: #f5f8fa; opacity: 0; transition: all .5s;}
.popup_alarm > .row > .head{ display: flex; justify-content: space-between; align-items: center; position: absolute; z-index: 10; top: 0; right: 0; left: 0; padding: 0 20px; height: 60px; background: #FFF; box-shadow: 0 1px 0 0 rgba(0 0 0/10%);}
.popup_alarm > .row > .head .tit{  display: flex; align-items: center;}
.popup_alarm > .row > .head .tit img{ display: block; margin: 0 10px 0 0; width: auto; height: 20px;}
.popup_alarm > .row > .head .tit p{ font-size: 1.6em; font-weight: 300; color: #000;}
.popup_alarm > .row > .head i{ font-size: 1.8em; color: #000; cursor: pointer;}

.popup_alarm > .row .menu{ position: absolute; z-index: 9; top: 60px; right: 0; left: 0; background: #FFF; box-shadow: 0 1px 0 0 rgba(0 0 0/8%);}
.popup_alarm > .row .menu .ft{ display: flex; justify-content: center; align-items: center; border-bottom: 1px solid rgba(0 0 0/10%);}
.popup_alarm > .row .menu .ft p{ display: flex; align-items: center; position: relative; margin: 0 20px; height: 50px; font-size: 1.5em; font-weight: 300; color: #000; cursor: pointer;}
.popup_alarm > .row .menu .ft p.on{ font-weight: 400; color: #6b5cfd;}
.popup_alarm > .row .menu .ft p.red:before{ content: ""; display: block; position: absolute; top: 10px; right: -10px; width: 8px; height: 8px; border-radius: 50%; background: #F00;}
.popup_alarm > .row .menu .fb{ display: flex; justify-content: center;}
.popup_alarm > .row .menu .fb p{ display: flex; justify-content: center; align-items: center; position: relative; margin: 0 20px; height: 50px; font-size: 1.3em; font-weight: 300; color: #000; cursor: pointer;}
.popup_alarm > .row .menu .fb p.on{ font-weight: 400; color: #6b5cfd;}
.popup_alarm > .row .menu .fb p.red:before{ content: ""; display: block; position: absolute; top: 10px; right: -10px; width: 8px; height: 8px; border-radius: 50%; background: #F00;}

.popup_alarm > .row .body{ overflow: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 160px 20px 20px 20px;}
.popup_alarm > .row .body .guide{ display: flex; justify-content: space-between; align-items: center; padding: 15px 0;}
.popup_alarm > .row .body .guide .tit{ font-size: 1.3em; color: #666;}
.popup_alarm > .row .body .guide .tit span{ font-weight: 500; color: #6b5cfd;}
.popup_alarm > .row .body .guide .btn{ display: flex; align-items: center; cursor: pointer;}
.popup_alarm > .row .body .guide .btn i{ display: flex; justify-content: center; align-items: center; margin: 0 3px 0 0; width: 20px; height: 20px; border-radius: 50%; background: #6b5cfd; font-size: 12px; color: #FFF;}
.popup_alarm > .row .body .guide .btn p{ font-size: 1.3em; color: #000;}

.popup_alarm > .row .body .list_alarm{ display: none;}
.popup_alarm > .row .body .list_alarm ul{}
.popup_alarm > .row .body .list_alarm ul li{ margin: 10px 0 0 0;}
.popup_alarm > .row .body .list_alarm ul li:first-child{ margin: 0;}
.popup_alarm > .row .body .list_alarm ul li .row{ padding: 20px 20px 20px 40px; border-radius: 5px; background: #FFF; border: 1px solid rgba(0 0 0/10%); box-shadow: 0 5px 15px 0 rgba(0 0 0/5%);}
.popup_alarm > .row .body .list_alarm ul li .row .head{ position: relative;}
.popup_alarm > .row .body .list_alarm ul li .row .head .red{ position: absolute; top: 3px; left: -20px; width: 9px; height: 9px; border-radius: 50%; background: #F00;}
.popup_alarm > .row .body .list_alarm ul li .row .head .txt{ display: flex; align-items: center; height: 15px;}
.popup_alarm > .row .body .list_alarm ul li .row .head .txt p{ font-size: 1.2em; color: #666;}
.popup_alarm > .row .body .list_alarm ul li .row .head .txt p:first-child{ font-weight: 300; color: #000;}
.popup_alarm > .row .body .list_alarm ul li .row .head .txt span{ margin: 0 15px; width: 1px; height: 15px; background: #DDD;}
.popup_alarm > .row .body .list_alarm ul li .row .text{ display: block; margin: 10px 0 0 0; line-height: 1.4; font-size: 1.4em; font-weight: 300; color: #000;}
.popup_alarm > .row .body .list_alarm ul li .row .text span{ font-weight: 400; color: #6b5cfd;}
.popup_alarm > .row .body .list_alarm ul li .row .item{ display: flex; align-items: center; margin: 15px 0 0 0; width: 100%; padding: 0 0 0 60px;}
.popup_alarm > .row .body .list_alarm ul li .row .item .img{ float: left; margin: 0 10px 0 -60px; width: 35px; height: 35px; border-radius: 5px;}
.popup_alarm > .row .body .list_alarm ul li .row .item .img img{ display: block; width: 100%; height: auto;}
.popup_alarm > .row .body .list_alarm ul li .row .item .txt{ width: 100%;}
.popup_alarm > .row .body .list_alarm ul li .row .item .txt .t1{ width: 100%; font-size: 1.2em; font-weight: 300; color: #000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.popup_alarm > .row .body .list_alarm ul li .row .item .txt .t2{ margin: 3px 0 0 0; font-size: 1.4em; font-weight: 500; color: #6b5cfd;}

.popup_alarm > .row .body .list_alarm ul li .row .shop{ display: flex; align-items: center; margin: 15px 0 0 0; width: 100%; padding: 0 0 0 60px;}
.popup_alarm > .row .body .list_alarm ul li .row .shop .img{ float: left; margin: 0 10px 0 -60px; width: 50px; height: 40px; border-radius: 5px;}
.popup_alarm > .row .body .list_alarm ul li .row .shop .txt{ width: 100%;}
.popup_alarm > .row .body .list_alarm ul li .row .shop .txt .t1{ width: 100%; font-size: 1.4em; font-weight: 400; color: #6b5cfd; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.popup_alarm > .row .body .list_alarm ul li .row .shop .txt .t2{ margin: 5px 0 0 0; font-size: 1.2em; color: #666;}

.popup_alarm > .row .body .list_alarm ul li.on .row{ opacity: 0.5;}
.popup_alarm > .row .body .list_alarm ul li.on .row .head .red{ background: #CCC;}
.popup_alarm > .row .body .list_alarm.on{ display: block;}

.popup_alarm > .row .body .list_notice{ display: none;}
.popup_alarm > .row .body .list_notice ul{}
.popup_alarm > .row .body .list_notice ul li{ margin: 10px 0 0 0;}
.popup_alarm > .row .body .list_notice ul li:first-child{ margin: 0;}
.popup_alarm > .row .body .list_notice ul li .row{ padding: 20px 20px 20px 40px; border-radius: 5px; background: #FFF; border: 1px solid rgba(0 0 0/10%); box-shadow: 0 5px 15px 0 rgba(0 0 0/5%);}
.popup_alarm > .row .body .list_notice ul li .row .head{ position: relative;}
.popup_alarm > .row .body .list_notice ul li .row .head .red{ position: absolute; top: 3px; left: -20px; width: 9px; height: 9px; border-radius: 50%; background: #F00;}
.popup_alarm > .row .body .list_notice ul li .row .head .txt{ display: flex; align-items: center; height: 15px;}
.popup_alarm > .row .body .list_notice ul li .row .head .txt p{ font-size: 1.2em; color: #666;}
.popup_alarm > .row .body .list_notice ul li .row .head .txt p:first-child{ font-weight: 300; color: #000;}
.popup_alarm > .row .body .list_notice ul li .row .head .txt span{ margin: 0 15px; width: 1px; height: 15px; background: #DDD;}
.popup_alarm > .row .body .list_notice ul li .row .text{ display: block; margin: 10px 0 0 0; line-height: 1.4; font-size: 1.4em; font-weight: 300; color: #000;}
.popup_alarm > .row .body .list_notice ul li.on .row{ opacity: 0.5;}
.popup_alarm > .row .body .list_notice ul li.on .row .head .red{ background: #CCC;}
.popup_alarm > .row .body .list_notice.on{ display: block;}

.popup_alarm > .row .body .list_event{ display: none;}
.popup_alarm > .row .body .list_event ul{}
.popup_alarm > .row .body .list_event ul li{ margin: 10px 0 0 0;}
.popup_alarm > .row .body .list_event ul li:first-child{ margin: 0;}
.popup_alarm > .row .body .list_event ul li .row{ padding: 20px 20px 20px 40px; border-radius: 5px; background: #FFF; border: 1px solid rgba(0 0 0/10%); box-shadow: 0 5px 15px 0 rgba(0 0 0/5%);}
.popup_alarm > .row .body .list_event ul li .row .head{ position: relative;}
.popup_alarm > .row .body .list_event ul li .row .head .red{ position: absolute; top: 3px; left: -20px; width: 9px; height: 9px; border-radius: 50%; background: #F00;}
.popup_alarm > .row .body .list_event ul li .row .head .txt{ display: flex; align-items: center; height: 15px;}
.popup_alarm > .row .body .list_event ul li .row .head .txt p{ font-size: 1.2em; color: #666;}
.popup_alarm > .row .body .list_event ul li .row .head .txt p:first-child{ font-weight: 300; color: #000;}
.popup_alarm > .row .body .list_event ul li .row .head .txt span{ margin: 0 15px; width: 1px; height: 15px; background: #DDD;}
.popup_alarm > .row .body .list_event ul li .row .text{ display: block; margin: 10px 0 0 0; line-height: 1.4; font-size: 1.4em; font-weight: 300; color: #000;}
.popup_alarm > .row .body .list_event ul li.on .row{ opacity: 0.5;}
.popup_alarm > .row .body .list_event ul li.on .row .head .red{ background: #CCC;}
.popup_alarm > .row .body .list_event.on{ display: block;}

.popup_alarm.on{ right: 0; left: 0; opacity: 1;}
.popup_alarm.on > .row{ right: 30px; opacity: 1;}
@media(max-width: 767px){
    .popup_alarm > .row{ top: 0; width: 300px; bottom: 0; border-radius: 0;}
    .popup_alarm > .row > .head{ padding: 0 15px; height: 50px;}
    .popup_alarm > .row > .head .tit img{ height: 16px;}
    .popup_alarm > .row .menu{ top: 50px;}
    .popup_alarm > .row .menu .ft p{ margin: 0 15px; height: 40px;}
    .popup_alarm > .row .menu .fb p{ margin: 0 15px; height: 40px;}
    .popup_alarm > .row .body{ padding: 130px 15px 15px 15px;}
    .popup_alarm > .row .body .guide .btn i{ width: 16px; height: 16px; font-size: 10px;}

    .popup_alarm > .row .body .list_alarm ul li .row{ padding: 15px 15px 15px 30px;}
    .popup_alarm > .row .body .list_alarm ul li .row .head .red{ left: -15px;}
    .popup_alarm > .row .body .list_alarm ul li .row .item{ margin: 10px 0 0 0;}

    .popup_alarm > .row .body .list_notice ul li .row{ padding: 15px 15px 15px 30px;}
    .popup_alarm > .row .body .list_notice ul li .row .head .red{ left: -15px;}
    .popup_alarm > .row .body .list_notice ul li .row .item{ margin: 10px 0 0 0;}

    .popup_alarm > .row .body .list_alarm ul li .row .shop{ margin: 10px 0 0 0;}

    .popup_alarm > .row .body .list_event ul li .row{ padding: 15px 15px 15px 30px;}
    .popup_alarm > .row .body .list_event ul li .row .head .red{ left: -15px;}
    .popup_alarm > .row .body .list_event ul li .row .item{ margin: 10px 0 0 0;}

    .popup_alarm.on .row{ right: 0;}
}


.popup_view{ position: fixed; z-index: 150; top: 0; right: -100%; bottom: 0; left: 100%; background: rgba(0 0 0/70%); opacity: 0; transition: opacity .5s;}
.popup_view > .row{ overflow: hidden; position: fixed; top: 30px; right: -500px; width: 400px; bottom: 30px; border-radius: 10px; background: #f5f8fa; opacity: 0; transition: all .5s;}
.popup_view > .row > .head{ display: flex; justify-content: space-between; align-items: center; position: absolute; z-index: 10; top: 0; right: 0; left: 0; padding: 0 20px; height: 60px; background: #FFF; box-shadow: 0 1px 0 0 rgba(0 0 0/10%);}
.popup_view > .row > .head .tit{  display: flex; align-items: center;}
.popup_view > .row > .head .tit img{ display: block; margin: 0 10px 0 0; width: auto; height: 20px;}
.popup_view > .row > .head .tit p{ font-size: 1.6em; font-weight: 300; color: #000;}
.popup_view > .row > .head i{ font-size: 1.8em; color: #000; cursor: pointer;}

.popup_view > .row .body{ overflow: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 60px 20px 20px 20px;}
.popup_view > .row .body .guide{ display: flex; justify-content: space-between; align-items: center; padding: 15px 0;}
.popup_view > .row .body .guide .tit{ font-size: 1.3em; color: #666;}
.popup_view > .row .body .guide .tit span{ font-weight: 500; color: #6b5cfd;}
.popup_view > .row .body .guide .btn{ display: flex; align-items: center; cursor: pointer;}
.popup_view > .row .body .guide .btn img{ display: block; margin: 0 3px 0 0; width: auto; height: 18px;}
.popup_view > .row .body .guide .btn p{ font-size: 1.3em; color: #000;}

.popup_view > .row .body .list ul li{ margin: 10px 0 0 0;}
.popup_view > .row .body .list ul li:first-child{ margin: 0;}
.popup_view > .row .body .list ul li .row{ padding: 15px; border-radius: 5px; background: #FFF; border: 1px solid rgba(0 0 0/10%); box-shadow: 0 5px 15px 0 rgba(0 0 0/5%);}
.popup_view > .row .body .list ul li .row .item{ display: flex; align-items: center; padding: 0 0 0 80px;}
.popup_view > .row .body .list ul li .row .item .img{ position: relative; margin: 0 10px 0 -80px; width: 70px; height: 70px; border-radius: 5px;}
.popup_view > .row .body .list ul li .row .item .img img{ display: block; width: 100%; height: auto;}
.popup_view > .row .body .list ul li .row .item .img span{ display: flex; align-items: center; position: absolute; z-index: 20; bottom: 0; right: 0; padding: 0 5px; height: 25px; border-radius: 5px 0 5px 0; background: #F00; font-size: 12px; color: #FFF;}
.popup_view > .row .body .list ul li .row .item .text{ width: 100%;}
.popup_view > .row .body .list ul li .row .item .text .t1{ display: flex; align-items: center;}
.popup_view > .row .body .list ul li .row .item .text .t1 p{ font-size: 12px; color: #666;}
.popup_view > .row .body .list ul li .row .item .text .t1 p:first-child{ font-weight: 300; color: #333;}
.popup_view > .row .body .list ul li .row .item .text .t1 span{ display: block; margin: 0 10px; width: 1px; height: 10px; background: #CCC;}
.popup_view > .row .body .list ul li .row .item .text .t2{ margin: 8px 0 0 0; font-size: 14px; font-weight: 300; color: #000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.popup_view > .row .body .list ul li .row .item .text .t3{ display: flex; justify-content: space-between; align-items: flex-end; margin: 8px 0 0 0;}
.popup_view > .row .body .list ul li .row .item .text .t3 p{ font-size: 12px; color: #666;}
.popup_view > .row .body .list ul li .row .item .text .t3 p:first-child{ font-size: 14px; font-weight: 400; color: #6b5cfd;}

.popup_view.on{ right: 0; left: 0; opacity: 1;}
.popup_view.on > .row{ right: 30px; opacity: 1;}
@media(max-width: 767px){
    .popup_view > .row{ top: 0; width: 300px; bottom: 0; border-radius: 0;}
    .popup_view > .row > .head{ padding: 0 15px; height: 50px;}
    .popup_view > .row > .head .tit img{ height: 16px;}
    .popup_view > .row .body .guide .btn img{ height: 14px;}

    .popup_view > .row .body{ padding: 50px 15px 15px 15px;}

    .popup_view > .row .body .list ul li .row{ padding: 15px;}
    .popup_view > .row .body .list ul li .row .item{ padding: 0 0 0 70px;}
    .popup_view > .row .body .list ul li .row .item .img{ margin: 0 10px 0 -70px; width: 60px; height: 60px;}
    .popup_view > .row .body .list ul li .row .item .img span{ height: 20px; font-size: 10px;}

    .popup_view > .row .body .list ul li .row .item .text .t1 p{ font-size: 10px;}
    .popup_view > .row .body .list ul li .row .item .text .t2{ margin: 5px 0 0 0; font-size: 13px;}
    .popup_view > .row .body .list ul li .row .item .text .t3{ margin: 8px 0 0 0;}
    .popup_view > .row .body .list ul li .row .item .text .t3 p{ font-size: 10px;}
    .popup_view > .row .body .list ul li .row .item .text .t3 p:first-child{ font-size: 12px;}

    .popup_view.on .row{ right: 0;}
}


.popup_cart{ position: fixed; z-index: 150; top: 0; right: -100%; bottom: 0; left: 100%; background: rgba(0 0 0/70%); opacity: 0; transition: opacity .5s;}
.popup_cart > .row{ overflow: hidden; position: fixed; top: 30px; right: -500px; width: 400px; bottom: 30px; border-radius: 10px; background: #f5f8fa; opacity: 0; transition: all .5s;}
.popup_cart > .row > .head{ display: flex; justify-content: space-between; align-items: center; position: absolute; z-index: 10; top: 0; right: 0; left: 0; padding: 0 20px; height: 60px; background: #FFF; box-shadow: 0 1px 0 0 rgba(0 0 0/10%);}
.popup_cart > .row > .head .tit{  display: flex; align-items: center;}
.popup_cart > .row > .head .tit img{ display: block; margin: 0 10px 0 0; width: auto; height: 20px;}
.popup_cart > .row > .head .tit p{ font-size: 1.6em; font-weight: 300; color: #000;}
.popup_cart > .row > .head i{ font-size: 1.8em; color: #000; cursor: pointer;}

.popup_cart > .row .body{ overflow: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 60px 20px 135px 20px;}
.popup_cart > .row .body .guide{ display: flex; justify-content: space-between; align-items: center; padding: 15px 0;}
.popup_cart > .row .body .guide .check{ display: flex; align-items: center; cursor: pointer;}
.popup_cart > .row .body .guide .check i{ display: flex;justify-content: center; align-items: center; margin: 0 5px 0 0; width: 18px; height: 18px; border-radius: 5px; border: 1px solid #DDD; background: #FFF; font-size: 1.2em; color: #999;}
.popup_cart > .row .body .guide .check p{ font-size: 1.3em; color: #000;}
.popup_cart > .row .body .guide .check.on i{ border-color: #6b5cfd; background: #6b5cfd; color: #FFF;}
.popup_cart > .row .body .guide .btn{ display: flex; align-items: center; cursor: pointer;}
.popup_cart > .row .body .guide .btn p{ font-size: 1.3em; color: #000;}
.popup_cart > .row .body .guide .btn i{ margin: 0 0 0 5px; font-size: 1.3em; color: #000;}

.popup_cart > .row .body .list ul li{ margin: 10px 0 0 0;}
.popup_cart > .row .body .list ul li:first-child{ margin: 0;}
.popup_cart > .row .body .list ul li .row{ position: relative; padding: 15px; border-radius: 5px; background: #FFF; border: 1px solid rgba(0 0 0/10%); box-shadow: 0 5px 15px 0 rgba(0 0 0/5%);}
.popup_cart > .row .body .list ul li .row .item{ display: flex; align-items: center; position: relative; padding: 0 0 0 90px;}
.popup_cart > .row .body .list ul li .row .item .check{ position: absolute; z-index: 5; bottom: 0; left: 0; cursor: pointer;}
.popup_cart > .row .body .list ul li .row .item .check i{ display: flex;justify-content: center; align-items: center; width: 18px; height: 18px; border-radius: 0 5px 0 5px; border: 1px solid rgba(0 0 0/20%); background: #FFF; font-size: 1.2em; color: #999;}
.popup_cart > .row .body .list ul li .row .item .check.on i{ border-color: #6b5cfd; background: #6b5cfd; color: #FFF;}
.popup_cart > .row .body .list ul li .row .item .img{ position: relative; margin: 0 10px 0 -90px; width: 80px; height: 80px; border-radius: 5px;}
.popup_cart > .row .body .list ul li .row .item .img img{ display: block; width: 100%; height: auto;}
.popup_cart > .row .body .list ul li .row .item .img span{ display: flex; align-items: center; position: absolute; z-index: 20; bottom: 0; right: 0; padding: 0 5px; height: 25px; border-radius: 5px 0 5px 0; background: #F00; font-size: 12px; color: #FFF;}
.popup_cart > .row .body .list ul li .row .item .text{ width: 100%;}
.popup_cart > .row .body .list ul li .row .item .text .t1{ font-size: 14px; font-weight: 300; color: #000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.popup_cart > .row .body .list ul li .row .item .text .t2{ display: flex; justify-content: space-between; align-items: center; margin: 8px 0 0 0;}
.popup_cart > .row .body .list ul li .row .item .text .t2 p{ font-size: 12px; color: #666;}
.popup_cart > .row .body .list ul li .row .item .text .t2 p:last-child{ font-size: 14px; font-weight: 400; color: #6b5cfd;}
.popup_cart > .row .body .list ul li .row .item .text .t3{ display: flex; justify-content: space-between; align-items: center; margin: 10px 0 0 0;}

.popup_cart > .row .body .list ul li .row .item .text .t3 .color{ display: flex; align-items: center;}
.popup_cart > .row .body .list ul li .row .item .text .t3 .color .bg{ margin: 0 5px 0 0; width: 15px; height: 15px; border-radius: 50%;}
.popup_cart > .row .body .list ul li .row .item .text .t3 .color .name{ font-size: 1.2em; color: #666;}
.popup_cart > .row .body .list ul li .row .item .text .t3 .color .size{ margin: 0 0 0 10px; font-size: 1.2em; color: #666;}
.popup_cart > .row .body .list ul li .row .item .text .t3 .quantity{ display: flex;}
.popup_cart > .row .body .list ul li .row .item .text .t3 .quantity i{ display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border: 1px solid #DDD; background: #FFF; font-size: 1.2em; color: #000; cursor: pointer;}
.popup_cart > .row .body .list ul li .row .item .text .t3 .quantity i:nth-child(1){ border-radius: 5px 0 0 5px;}
.popup_cart > .row .body .list ul li .row .item .text .t3 .quantity i:nth-child(3){ border-radius: 0 5px 5px 0;}
.popup_cart > .row .body .list ul li .row .item .text .t3 .quantity i:hover{ background: #f0f0f0;}
.popup_cart > .row .body .list ul li .row .item .text .t3 .quantity input{ display: flex; align-items: center; margin: 0 -1px; padding: 0; width: 50px; height: 20px; border-radius: 0; border: 1px solid rgba(0 0 0/10%); background: #FFF; text-align: center; font-size: 1.2em; font-weight: 200; color: #000; outline: none; -webkit-appearance: none;}

.popup_cart > .row .foot{ position: absolute; z-index: 20; right: 0; bottom: 0; left: 0; padding: 15px; background: #FFF; box-shadow: 0 -1px 0 0 rgba(0 0 0/10%);}
.popup_cart > .row .foot .ft{ display: flex; justify-content: space-between; align-items: flex-end; height: 20px;}
.popup_cart > .row .foot .ft p{ font-size: 1.3em; color: #666;}
.popup_cart > .row .foot .ft p span{ font-weight: 400; color: #6b5cfd;}
.popup_cart > .row .foot .ft p:last-child{ font-weight: 500; font-size: 1.5em; color: #6b5cfd;}
.popup_cart > .row .foot .btn{ display: flex; justify-content: center; align-items: center; margin: 15px 0 0 0; height: 50px; border-radius: 5px; background: #6b5cfd; cursor: pointer;}
.popup_cart > .row .foot .btn p{ font-size: 1.5em; font-weight: 400; color: #FFF;}

.popup_cart.on{ right: 0; left: 0; opacity: 1;}
.popup_cart.on > .row{ right: 30px; opacity: 1;}
@media(max-width: 767px){
    .popup_cart > .row{ top: 0; width: 300px; bottom: 0; border-radius: 0;}
    .popup_cart > .row > .head{ padding: 0 15px; height: 50px;}
    .popup_cart > .row > .head .tit img{ height: 16px;}
    .popup_cart > .row .body .guide .btn img{ height: 14px;}

    .popup_cart > .row .body{ padding: 50px 15px 120px 15px;}

    .popup_cart > .row .body .list ul li .row{ padding: 15px;}
    .popup_cart > .row .body .list ul li .row .item{ padding: 0 0 0 70px;}
    .popup_cart > .row .body .list ul li .row .item .img{ margin: 0 10px 0 -70px; width: 60px; height: 60px;}
    .popup_cart > .row .body .list ul li .row .item .img span{ height: 20px; font-size: 10px;}

    .popup_cart > .row .body .list ul li .row .item .text{ padding: 2px 0 0 0;}
    .popup_cart > .row .body .list ul li .row .item .text .t1{ font-size: 13px;}
    .popup_cart > .row .body .list ul li .row .item .text .t2{ margin: 5px 0 0 0;}
    .popup_cart > .row .body .list ul li .row .item .text .t2 p{ font-size: 10px;}
    .popup_cart > .row .body .list ul li .row .item .text .t2 p:last-child{ font-size: 12px;}

    .popup_cart > .row .body .list ul li .row .item .text .t3{ margin: 5px 0 0 0;}
    .popup_cart > .row .body .list ul li .row .item .text .t3 .color .bg{ width: 10px; height: 10px;}
    .popup_cart > .row .body .list ul li .row .item .text .t3 .color .name{ font-size: 10px;}
    .popup_cart > .row .body .list ul li .row .item .text .t3 .color .size{ margin: 0 0 0 8px; font-size: 10px;}

    .popup_cart > .row .body .list ul li .row .item .text .t3 .quantity i{ width: 18px; height: 18px; font-size: 8px;}
    .popup_cart > .row .body .list ul li .row .item .text .t3 .quantity input{ width: 30px; height: 18px; font-size: 10px;}

    .popup_cart > .row .foot{}
    .popup_cart > .row .foot .ft{ height: 15px;}
    .popup_cart > .row .foot .ft p:last-child{ font-size: 14px;}
    .popup_cart > .row .foot .btn{ margin: 10px 0 0 0; height: 45px;}
    .popup_cart > .row .foot .btn p{ font-size: 14px;}

    .popup_cart.on .row{ right: 0;}
}









.header{ display: flex; justify-content: space-between; align-items: center; position: fixed; z-index: 100; top: 0; right: 0; left: 0; padding: 0 50px; height: 100px; background: #FFF; box-shadow: 0 1px 0 0 rgba(0 0 0/10%);}
.header .fl{ display: flex;}
.header .fl .logo{ display: block; height: 40px;}
.header .fl .logo img{ display: block; width: auto; height: 100%;}
.header .fl .menu{ display: flex; align-items: center; margin: 0 0 0 50px;}
.header .fl .menu > li{ position: relative; margin: 0 0 0 25px;}
.header .fl .menu > li:first-child{ margin: 0;}
.header .fl .menu > li > a{ display: flex; align-items: center; position: relative; z-index: 10; height: 40px; cursor: pointer;}
.header .fl .menu > li > a p{ padding: 0 0 1px 0; font-size: 1.7em; font-weight: 400; color: #000;}
.header .fl .menu > li > a i{ margin: 1px 0 0 5px; font-size: 1.4em; color: #999; transition: all .2s;}
.header .fl .menu > li > a i.xi-bars{ display: none;}
.header .fl .menu > li > span{ display: block; width: 3px; height: 3px; border-radius: 50%; background: #333;}
.header .fl .menu > li:last-child p{ color: #666;}
.header .fl .menu > li .menu_guide{ overflow: hidden; position: absolute; top: 80px; left: 0; padding: 0; height: 0; border-radius: 5px; background: #FFF; box-shadow: 0 0 15px 0 rgba(0 0 0/15%); opacity: 0; transition: all .2s;}
.header .fl .menu > li .menu_guide > ul{ display: flex;}
.header .fl .menu > li .menu_guide > ul > li{ margin: 0 0 0 50px;}
.header .fl .menu > li .menu_guide > ul > li:first-child{ margin: 0;}
.header .fl .menu > li .menu_guide > ul > li > a{ display: block; padding: 0 0 10px 0; font-size: 1.5em; font-weight: 300; color: #000;}
.header .fl .menu > li .menu_guide > ul > li ul{}
.header .fl .menu > li .menu_guide > ul > li ul li{}
.header .fl .menu > li .menu_guide > ul > li ul li a{ line-height: 2.5; font-size: 1.3em; color: #666;}
.header .fl .menu > li .menu_guide > ul > li ul li a:hover{ color: #000;}
.header .fl .menu > li:hover > a i{ transform: rotate(180deg);}
.header .fl .menu > li:hover .menu_guide{ top: 40px; left: -50px; padding: 30px 50px; height: auto; opacity: 1;}
.header .fl .menu > li.on:before{ content: ""; display: block; position: absolute; bottom: -38px; left: 50%; transform: rotate(45deg) translate(-50%,0); width: 10px; height: 10px; border-radius: 3px; background: #6b5cfd;}
.header .fl .menu > li.on > a p{ font-weight: 500; color: #6b5cfd;}
.header .fl .menu > li.on > a i{ color: #6b5cfd;}
.header .fl .menu > li .menu_guide > ul > li.on > a{ font-weight: 400; color: #6b5cfd;}
.header .fl .menu > li .menu_guide > ul > li:nth-child(3) a{ width: 100px;}
.header .fl .menu > li .menu_guide > ul > li:nth-child(4) a{ width: 100px;}
.header .fl .menu > li .menu_guide > ul > li ul li.on a{ font-weight: 300; color: #6b5cfd;}
.header .fr{ display: flex; align-items: center; position: relative; z-index: 21;}
.header .fr .menu{ display: flex; align-items: center; cursor: pointer;}
.header .fr .menu li{ position: relative; margin: 0 0 0 5px;}
.header .fr .menu li:first-child{ margin: 0;}
.header .fr .menu li a{ display: flex; justify-content: center; align-items: center; width: 40px; height: 40px;}
.header .fr .menu li a img{ display: block; width: auto; max-height: 22px;}
.header .fr .menu li a img.on{ display: none;}
.header .fr .menu li a span{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: -5px; left: 25px; padding: 0 6px 0.5px 6px; min-width: 20px; height: 20px; border-radius: 20px; background: #F00; text-align: center; font-size: 12px; color: #FFF;}
.header .fr .menu li:last-child a span{ background: #6b5cfd;}
.header .fr .menu li.on a img.off{ display: none;}
.header .fr .menu li.on a img.on{ display: block;}
.header .fr .search{ display: flex; align-items: center; position: relative; margin: 0 0 0 30px; width: 240px; height: 40px; border-radius: 20px; border: 1px solid rgba(0 0 0/10%); background: #f9f9f9;}
.header .fr .search .select{ display: flex; align-items: center; position: relative;}
.header .fr .search .select .head{ flex: 0 0 90px; display: flex; align-items: center; padding: 0 0 0 15px; height: 40px; cursor: pointer;}
.header .fr .search .select .head p{ font-size: 1.3em; font-weight: 300; color: #000;}
.header .fr .search .select .head i{ margin: 0 0 0 5px; font-size: 1.2em; color: #000;}
.header .fr .search .select .body{ overflow: hidden; position: absolute; z-index: 10; top: 30px; left: 5px; padding: 0; height: 0; border-radius: 5px; background: #FFF; box-shadow: 0 0 15px 0 rgba(0 0 0/15%); transition: all .2s;}
.header .fr .search .select .body li{}
.header .fr .search .select .body li p{ padding: 0 10px; line-height: 2.2; font-size: 1.2em; color: #666; cursor: pointer;}
.header .fr .search .select .body li p:hover{ background: #f0f0f0; color: #000;}
.header .fr .search .select:hover .body{ padding: 5px 0; height: auto; opacity: 1;}
.header .fr .search input{ display: flex; align-items: center; margin: 0; padding: 0 50px 0 10px; width: 100%; height: 40px; border-radius: 0; border: none; background: none; font-size: 1.3em; font-weight: 200; color:#000; outline: none; -webkit-appearance: none;}
.header .fr .search > i{ position: absolute; z-index: 10; top: 0; right: 0; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; font-size: 2em; color: #000; cursor: pointer;}
.header .fr .search_m{ margin: 0 0 0 15px; width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(0 0 0/10%); background: #f9f9f9; box-shadow: 0 5px 10px 0 rgba(0 0 0/10%); display: none; justify-content: center; align-items: center;}
.header .fr .search_m i{ font-size: 2.2em; color: #000;}
.header .fr .search_img{ position: relative; margin: 0 0 0 15px;}
.header .fr .search_img .head{ display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; background: #6b5cfd; box-shadow: 0 5px 10px 0 rgba(107 92 253/50%); cursor: pointer;}
.header .fr .search_img .head i{ font-size: 2em; color: #FFF;}
.header .fr .search_img .body{ display: none; position: absolute; z-index: 50; top: 50px; right: 0; padding: 30px; border-radius: 5px; background: #FFF; box-shadow: 0 5px 30px 0 rgba(0 0 0/15%);}
.header .fr .search_img .body .t1{ text-align: center; font-size: 15px; font-weight: 300; color: #000;}
.header .fr .search_img .body .btn{ display: flex; justify-content: center; align-items: center; margin: 10px 0 0 0; width: 200px; height: 40px; border-radius: 30px; background: #6b5cfd; cursor: pointer;}
.header .fr .search_img .body .btn p{ font-size: 14px; font-weight: 300; color: #FFF;}
.header .fr .search_img .body .btn p span{ font-size: 12px; font-weight: 200; color: rgba(255 255 255/50%);}
.header .fr .search_img.on .body{ display: block;}
@media(max-width: 1400px){
    .header{ padding: 0 25px;}
    .header .fl .menu{ margin: 0 0 0 30px;}
    .header .fl .menu > li{ margin: 0 0 0 20px;}
    .header .fr .search{ margin: 0 0 0 20px; width: 220px;}
}
@media(max-width: 1025px){
    .header{ padding: 15px 30px 0 30px; height: 70px;}
    .header .fl .logo{ height: 35px;}
    .header .fl .menu{ justify-content: space-between; position: fixed; top: 70px; right: 0; left: 0; margin: 0; padding: 0 30px; background: #FFF; box-shadow: 0 1px 0 0 rgba(0 0 0/5%);}
    .header .fl .menu > li{ margin: 0;}
    .header .fl .menu > li:nth-child(5){ display: none;}
    .header .fl .menu > li > a{ height: 60px;}
    .header .fl .menu > li .menu_guide{ position: fixed;}
    .header .fl .menu > li .menu_guide > ul > li{ margin: 0; width: 20%;}
    .header .fl .menu > li:hover .menu_guide{ top: 120px; right: 30px; left: 30px;}
    .header .fl .menu > li.on:before{ bottom: -6px; width: 6px; height: 6px; border-radius: 2px;}
    .header .fr .search{ display: none;}
    .header .fr .search_m{ display: flex;}
}
@media(max-width: 767px){
    .header{ padding: 10px 15px 0 15px; height: 50px;}
    .header .fl{ position: relative; z-index: initial;}
    .header .fl .logo{ height: 30px;}
    .header .fl .menu{ z-index: 30; top: 50px; padding: 0 15px;}
    .header .fl .menu > li > a{ height: 40px;}
    .header .fl .menu > li > a i.xi-angle-down{ display: none;}
    .header .fl .menu > li > a i.xi-bars{ display: block; margin: 0 0 1px 3px; font-size: 2.5em;}

    .header .fl .menu > li .menu_guide{ overflow: auto; top: 0; right: -100%; bottom: 0; left: 100%;}
    .header .fl .menu > li .menu_guide > ul{ display: block; width: 100%; transition: all .5s;}
    .header .fl .menu > li .menu_guide > ul > li{ padding: 00; width: 100%; border-top: 1px solid #f0f0f0;}
    .header .fl .menu > li .menu_guide > ul > li:first-child{ border: 0;}
    .header .fl .menu > li .menu_guide > ul > li > a{ padding: 20px; font-size: 14px;}
    .header .fl .menu > li .menu_guide > ul > li ul{ padding: 0 0 10px 0;}
    .header .fl .menu > li .menu_guide > ul > li ul li a{ padding: 0 30px; font-size: 12px;}
    .header .fl .menu > li:hover .menu_guide{ z-index: 50; top: 0; right: 0; left: 50%; padding: 0; border-radius: 0; box-shadow: 0 0 50px 0 rgba(0 0 0/50%);}

    .header .fr{ z-index: initial;}
    .header .fr .menu li{ position: relative; margin: 0 0 0 5px;}
    .header .fr .menu li a{ width: 30px; height: 30px;}
    .header .fr .menu li a img{ max-height: 20px;}
    .header .fr .menu li a span{ top: -5px; left: 20px; padding: 0 3px 0.5px 3px; min-width: 16px; height: 16px; font-size: 8px;}

    .header .fr .search_m{ margin: 0 0 0 10px; width: 30px; height: 30px; box-shadow: 0 2px 5px 0 rgba(0 0 0/10%);}
    .header .fr .search_m i{ font-size: 2.1em;}
    .header .fr .search_img{ margin: 0 0 0 10px;}
    .header .fr .search_img .head{ width: 30px; height: 30px; box-shadow: 0 2px 5px 0 rgba(107 92 253/50%);}
    .header .fr .search_img .head img{ height: 14px;}

    .header .fr .search_img .body{ top: 40px; right: 0; padding: 20px;}
    .header .fr .search_img .body .t1{ font-size: 13px;}
    .header .fr .search_img .body .btn{ width: 180px; height: 35px;}
    .header .fr .search_img .body .btn p{ font-size: 12px;}
    .header .fr .search_img .body .btn p span{ font-size: 10px;}
}





.footer{ margin: 50px 0 0 0; background: #FFF;}
.footer .top{ border-top: 1px solid rgba(0 0 0/5%); background: #f6fafc;}
.footer .top .type_row{ display: flex; padding: 60px 0;}
.footer .top .type_row .row{ width: 33.333%;}
.footer .top .type_row .row:nth-child(1){ padding-right: 50px; border-right: 1px solid #DDD;}
.footer .top .type_row .row:nth-child(2){ padding: 0 50px;}
.footer .top .type_row .row .head{ display: flex; justify-content: space-between; align-items: center; padding: 0 0 15px 0;}
.footer .top .type_row .row .head p{ font-size: 2em; font-weight: 400; color: #000;}
.footer .top .type_row .row .head a{ display: flex; align-items: center;}
.footer .top .type_row .row .head a span{ padding: 0 5px 0 0; font-size: 1.4em; color: #666;}
.footer .top .type_row .row .head a i{ display: flex; justify-content: center; align-items: center; width: 25px; height: 25px; border-radius: 50%; background: #333; font-size: 1.4em; color: #FFF;}
.footer .top .type_row .row .notice{}
.footer .top .type_row .row .notice li{ display: flex; align-items: center;}
.footer .top .type_row .row .notice li a{ width: 60%; line-height: 2.3; font-size: 1.4em; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.footer .top .type_row .row .notice li p{ width: 40%; text-align: right; font-size: 1.2em; color: #999;}
.footer .top .type_row .row .tel{}
.footer .top .type_row .row .tel .t1{ display: flex; align-items: center; padding: 0 0 15px 0;}
.footer .top .type_row .row .tel .t1 img{ display: block;}
.footer .top .type_row .row .tel .t1 p{ padding: 0 0 0 5px; font-size: 3.5em; font-weight: 500; color: #000;}
.footer .top .type_row .row .tel .t2{ font-size: 1.3em; color: #333;}
.footer .top .type_row .row .tel .t3{ margin: 5px 0 0 0; line-height: 1.5; font-size: 1.2em; color: #999;}
.footer .top .type_row .row .tel .t3 br{ display: none;}
.footer .top .type_row .row .rolling{ position: relative; margin: 0; border-radius: 5px; border: 1px solid #DDD; background: #FFF;}
.footer .top .type_row .row .rolling .slide{}
.footer .top .type_row .row .rolling .slide a{ display: flex; justify-content: center; align-items: center; padding: 0 30px; height: 140px;}
.footer .top .type_row .row .rolling .slide a img{ display: block;}
.footer .top .type_row .row .rolling .slide a .text{ margin: 0 0 0 20px;}
.footer .top .type_row .row .rolling .slide a .text p{ padding: 0 0 5px 0; font-size: 1.8em; font-weight: 400; color: #000;}
.footer .top .type_row .row .rolling .slide a .text span{ line-height: 1.2; font-size: 1.3em; color: #666;}
.footer .top .type_row .row .rolling .slick-dots{ position: absolute; z-index: 10; top: 20px; right: 20px; bottom: inherit; left: inherit; width: auto;}
.footer .top .type_row .row .rolling .slick-dots li{ vertical-align: top; margin: 0 0 0 8px; width: auto; height: auto;}
.footer .top .type_row .row .rolling .slick-dots li button{ display: block; padding: 0; width: 8px !important; height: 8px !important; border-radius: 50%; background: #CCC;}
.footer .top .type_row .row .rolling .slick-dots li button:before{ display: none;}
.footer .top .type_row .row .rolling .slick-dots li.slick-active button{ background: #6b5cfd;}
.footer .middle{ border-top: 1px solid rgba(0 0 0/10%); background: #FFF;}
.footer .middle .type_row{ display: flex; justify-content: space-between; align-items: center; padding: 60px 0;}
.footer .middle .type_row .fl{ display: flex; flex-direction: column; align-items: flex-start;}
.footer .middle .type_row .fl .logo{ display: block;}
.footer .middle .type_row .fl .logo img{ display: block;}
.footer .middle .type_row .fl .text{ margin: 30px 0 0 0;}
.footer .middle .type_row .fl .text *{ display: inline-block; vertical-align: top;}
.footer .middle .type_row .fl .text p{ line-height: 25px; font-size: 1.3em; color: #000;}
.footer .middle .type_row .fl .text span{ margin: 7px 15px; width: 1px; height: 10px; background: #CCC;}
.footer .middle .type_row .fl .text span.none_pc{ display: none;}
.footer .middle .type_row .fr{ display: flex; flex-direction: column; align-items: flex-end;}
.footer .middle .type_row .fr select{ display: flex; align-items: center; margin: 0; padding: 0 30px 0 15px; width: 300px; height: 45px; border-radius: 5px; border: 1px solid #DDD; background: url(/images/basic_select_icon.png) no-repeat center right 15px; background-size: 10px auto; font-size: 1.5em; font-weight: 300; color: #000; outline: none; -webkit-appearance: none;}
.footer .middle .type_row .fr .qr{ display: flex; margin: 20px 0 0 0;}
.footer .middle .type_row .fr .qr img{ display: block; margin: 0 0 0 10px; padding: 10px; border-radius: 5px; border: 1px solid #DDD;}
.footer .middle .type_row .fr .qr img:first-child{ margin: 0;}
.footer .bottom{ border-top: 1px solid rgba(0 0 0/10%); background: #FFF;}
.footer .bottom .type_row{ display: flex; justify-content: space-between; align-items: center; padding: 40px 0;}
.footer .bottom .type_row .fl{ display: flex; align-items: center;}
.footer .bottom .type_row .fl li{ margin: 0 0 0 30px;}
.footer .bottom .type_row .fl li:first-child{ margin: 0;}
.footer .bottom .type_row .fl li a{ display: flex; align-items: center;}
.footer .bottom .type_row .fl li a p{ font-size: 1.4em; font-weight: 300; color: #000;}
.footer .bottom .type_row .fl li a .icon{ display: flex; justify-content: center; align-items: center; margin: 0 0 0 10px; width: 40px; height: 40px; border-radius: 15px; border: 1px solid #DDD;}
.footer .bottom .type_row .fl li a .icon img{ display: block; width: auto; height: 20px;}
.footer .bottom .type_row .fr{ display: flex; align-items: center;}
.footer .bottom .type_row .fr .copy{ font-size: 1.2em; color: #999; text-transform: uppercase;}
.footer .bottom .type_row .fr .txt{ display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 0 0 20px; padding: 1px 10px 0 10px; height: 40px; border-radius: 5px; border: 1px solid #DDD;}
.footer .bottom .type_row .fr .txt p{ line-height: 1.2; font-size: 1.2em; color: #333;}
@media(max-width: 1700px){
    .footer .top .type_row .row .tel .t1 p{ font-size: 3em;}
}
@media(max-width: 1500px){
    .footer .top .type_row .row .tel .t1 p{ font-size: 2.5em;}
}
@media(max-width: 1400px){
    .footer .top .type_row .row .tel .t3 br{ display: block;}
}
@media(max-width: 1025px){
    .footer .top .type_row{ flex-wrap: wrap;}
    .footer .top .type_row .row{ width: 50%;}
    .footer .top .type_row .row:nth-child(2){ padding-right: 0;}
    .footer .top .type_row .row:nth-child(3){ margin: 50px 0 0 0; width: 100%;}
    .footer .top .type_row .row .tel .t3 br{ display: none;}
    .footer .middle .type_row .fl .text span.none_pad{ display: none;}
    .footer .bottom .type_row{ flex-direction: column;}
    .footer .bottom .type_row .fr{ margin: 20px 0 0 0;}
}
@media(max-width: 767px){
    .footer{ margin: 30px 0 0 0;}
    .footer .top .type_row{ display: block; padding: 30px 0;}
    .footer .top .type_row .row{ width: 100%;}
    .footer .top .type_row .row:nth-child(1){ padding: 0 0 30px 0; border-right: none; border-bottom: 1px solid #DDD;}
    .footer .top .type_row .row:nth-child(2){ padding: 30px 0;}
    .footer .top .type_row .row:nth-child(3){ margin: 0;}
    .footer .top .type_row .row .head p{ font-size: 2.5em;}
    .footer .top .type_row .row .head a i{ width: 20px; height: 20px;}
    .footer .top .type_row .row .tel .t1{ padding: 0 0 10px 0;}
    .footer .top .type_row .row .tel .t1 img{ width: auto; height: 25px;}
    .footer .top .type_row .row .tel .t1 p{ font-size: 4em;}
    .footer .top .type_row .row .rolling .slide a{ padding: 25px 20px; height: 120px;}
    .footer .top .type_row .row .rolling .slide a img{ height: 40px;}
    .footer .top .type_row .row .rolling .slide a .text{ margin: 0 0 0 15px;}
    .footer .top .type_row .row .rolling .slide a .text p{ font-size: 2.2em;}
    .footer .top .type_row .row .rolling .slick-dots{ top: 15px; right: 15px;}
    .footer .middle .type_row{ flex-direction: column; padding: 30px 0;}
    .footer .middle .type_row .fl{ align-items: center;}
    .footer .middle .type_row .fl .logo{ height: 30px;}
    .footer .middle .type_row .fl .logo img{ width: auto; height: 100%;}
    .footer .middle .type_row .fl .text{ margin: 20px 0 0 0; text-align: center;}
    .footer .middle .type_row .fl .text p{ line-height: 25px; font-size: 1.2em;}
    .footer .middle .type_row .fl .text span{ margin: 7px 10px;}
    .footer .middle .type_row .fl .text span.none_pc{ display: none;}
    .footer .middle .type_row .fr{ align-items: center; margin: 30px 0 0 0;}
    .footer .middle .type_row .fr select{ width: 200px; height: 35px;}
    .footer .middle .type_row .fr .qr{ margin: 10px 0 0 0;}
    .footer .middle .type_row .fr .qr img{ margin: 0 5px !important; width: 95px;}
    .footer .bottom .type_row{ padding: 20px 0 30px 0;}
    .footer .bottom .type_row .fl{ flex-wrap: wrap; justify-content: center;}
    .footer .bottom .type_row .fl li{ margin: 5px 10px;}
    .footer .bottom .type_row .fl li a .icon{ width: 30px; height: 30px; border-radius: 10px;}
    .footer .bottom .type_row .fl li a .icon img{ height: 16px;}
    .footer .bottom .type_row .fr{ flex-direction: column; margin: 20px 0 0 0;}
    .footer .bottom .type_row .fr .txt{ margin: 25px 0 0 0;}
}




.type_full{ padding-right: 100px; padding-left: 100px;}
.type_row{ margin: 0 auto; max-width: 1500px; width: 100%;}
.type_sub{ margin: 0 auto; padding: 0 0 0 300px; max-width: 1500px; width: 100%;}
.type_sub_right{ width: 100%;}
.type_cb{ clear: both;}
@media(max-width: 1400px){
    .type_full{ padding-right: 50px; padding-left: 50px;}
    .type_sub{ padding: 0 0 0 250px;}
}
@media(max-width: 1025px){
    .type_sub{ padding: 0;}
}
@media(max-width: 767px){
    .type_full{ padding-right: 15px; padding-left: 15px;}
}



.type_left_menu{ overflow: hidden; float: left; margin: 0 0 0 -300px; width: 270px; border-radius: 5px; border: 1px solid rgba(0 0 0/10%); background: #FFF; box-shadow: 0 5px 15px 0 rgba(0 0 0/5%);}
.type_left_menu .my{ display: flex; justify-content: center; align-items: center; padding: 30px 30px; border-bottom: 1px solid #f0f0f0;}
.type_left_menu .my img{ display: block; margin: 0 10px 0 0; width: auto; height: 25px;}
.type_left_menu .my p{ font-size: 1.5em; font-weight: 300; color: #000;}
.type_left_menu > ul{}
.type_left_menu > ul > li{ border-bottom: 1px solid #f0f0f0;}
.type_left_menu > ul > li:last-child{ border: 0;}
.type_left_menu > ul > li .head{ display: flex; justify-content: space-between; align-items: center; padding: 20px 30px; background: #FFF;}
.type_left_menu > ul > li .head p{ font-size: 1.5em; font-weight: 300; color: #000;}
.type_left_menu > ul > li .head i{ font-size: 1.5em; color: #666; transition: all .3s;}
.type_left_menu > ul > li.on .head p{ font-weight: 500; color: #6b5cfd;}
.type_left_menu > ul > li.on .head i{ transform: rotate(180deg);}
.type_left_menu > ul > li ul{ padding: 0 0 10px 0;}
.type_left_menu > ul > li ul li{}
.type_left_menu > ul > li ul li a{ display: block; padding: 10px 40px; font-size: 1.3em; color: #666;}
.type_left_menu > ul > li ul li.on a{ font-weight: 300; color: #6b5cfd;}
.type_left_menu .btn_out{ padding: 20px 30px; border-top: 1px solid #f0f0f0; font-size: 1.5em; color: #F00;}
@media(max-width: 1400px){
    .type_left_menu{ margin: 0 0 0 -250px; width: 220px;}
    .type_left_menu .my img{ margin: 0 5px 0 0; height: 20px;}
    .type_left_menu .my p{ font-size: 12px;}
}
@media(max-width: 1025px){
    .type_left_menu{ float: initial; margin: 0 0 20px 0; width: auto;}
    .type_left_menu .my img{ margin: 0 10px 0 0; height: 30px;}
    .type_left_menu .my p{ font-size: 15px;}
    .type_left_menu > ul > li ul{ display: flex; flex-wrap: wrap; overflow: hidden; height: 0; padding: 0; background: #f5f8fa; transition: all .2s, border 0s;}
    .type_left_menu > ul > li ul li{ width: 25%;}
    .type_left_menu > ul > li.on ul{ height: auto; padding: 10px 0; border-top: 1px solid rgba(0 0 0/3%);}
}
@media(max-width: 767px){
    .type_left_menu{ margin: 0 0 15px 0;}
    .type_left_menu .my{ padding: 20px 15px;}
    .type_left_menu .my img{ margin: 0 8px 0 0; height: 25px;}
    .type_left_menu .my p{ font-size: 15px;}
    .type_left_menu > ul > li .head{ padding: 15px 15px;}
    .type_left_menu > ul > li .head p{ font-size: 14px;}
    .type_left_menu > ul > li ul li{ width: auto;}
    .type_left_menu > ul > li ul li a{ padding: 0 10px; line-height: 30px; font-size: 13px;}
    .type_left_menu > ul > li.on ul{ padding: 10px;}
    .type_left_menu .btn_out{ padding: 15px 15px; font-size: 13px;}
}



.type_right{ width: 100%; padding: 50px; border-radius: 5px; border: 1px solid rgba(0 0 0/10%); background: #FFF; box-shadow: 0 5px 15px 0 rgba(0 0 0/5%);}
@media(max-width: 767px){
    .type_right{ padding: 30px;}
}



.guide_basic{ position: relative; z-index: 2;}
.guide_basic .type_row{ display: flex; justify-content: space-between; align-items: center; height: 70px;}
.guide_basic .fl{ display: flex; align-items: center;}
.guide_basic .fl li{}
.guide_basic .fl li img{ display: block; margin: 0 0 1px 0; width: auto; height: 16px;}
.guide_basic .fl li i{ margin: 0 10px; font-size: 1.4em; color: rgba(0 0 0/30%);}
.guide_basic .fl li p{ font-size: 1.4em; font-weight: 300; color: rgba(0 0 0/80%);}
.guide_basic .fr{ display: flex; align-items: center;}
.guide_basic .fr span{ font-size: 1.4em; font-weight: 500; color: #6b5cfd;}
.guide_basic .fr p{ font-size: 1.4em; color: rgba(0 0 0/80%);}
@media(max-width: 767px){
    .guide_basic .type_row{ height: 50px;}
    .guide_basic .fl li i{ margin: 0 5px;}
}




.shopping_option{ position: relative; z-index: 30;}
.shopping_option .type_row{ display: flex; flex-wrap: wrap; align-items: center; position: relative; padding: 10px 180px 10px 30px; border-radius: 5px; background: #FFF; border: 1px solid rgba(0 0 0/10%); box-shadow: 0 5px 15px 0 rgba(0 0 0/5%);}
.shopping_option .type_row .fl{ display: flex; align-items: center; padding: 10px 0;}
.shopping_option .type_row .fr{ display: flex; align-items: center; padding: 10px 0;}
.shopping_option .type_row .fr .frl{ display: flex; align-items: center;}
.shopping_option .type_row .fr .frr{ display: flex; align-items: center;}
.shopping_option .type_row .fr .frr > div:last-child{ margin: 0 !important;}

.shopping_option .type_row .btn_01{ position: relative; z-index: 30; margin: 0 20px 0 0;}
.shopping_option .type_row .btn_01 .head{ display: flex; align-items: center; position: relative; height: 35px; cursor: default;}
.shopping_option .type_row .btn_01 .head p{ font-size: 1.3em; font-weight: 300; color: #000;}
.shopping_option .type_row .btn_01 .head i{ margin: 0 0 0 3px; font-size: 1.2em; color: #999; transition: all .2s;}
.shopping_option .type_row .btn_01 .body{ overflow: hidden; position: absolute; top: 45px; left: -20px; padding: 0; border-radius: 5px; height: 0; background: #FFF; box-shadow: 0 0 15px 0 rgba(0 0 0/15%); opacity: 0; transition: all .2s;}
.shopping_option .type_row .btn_01 .body div{}
.shopping_option .type_row .btn_01 .body div a{ display: flex; align-items: center; line-height: 2.5; font-size: 1.3em; color: #333; cursor: pointer;}
.shopping_option .type_row .btn_01 .body div a span{ display: block; margin: 0 5px 0 0; width: 10px; height: 10px; border-radius: 50%; background: #f0f0f0;}
.shopping_option .type_row .btn_01 .body div.on a{ font-weight: 400; color: #6b5cfd;}
.shopping_option .type_row .btn_01:hover .head i{ transform: rotate(180deg);}
.shopping_option .type_row .btn_01:hover .body{ top: 35px; padding: 10px 20px; width: 120px; height: auto; opacity: 1;}

.shopping_option .type_row .btn_01.max_block{ display: none;}

.shopping_option .type_row .btn_02{ position: relative; z-index: 30; margin: 0 20px 0 0;}
.shopping_option .type_row .btn_02 .head{ display: flex; align-items: center; height: 35px; cursor: default;}
.shopping_option .type_row .btn_02 .head p{ font-size: 1.3em; font-weight: 300; color: #000;}
.shopping_option .type_row .btn_02 .head i{ margin: 0 0 0 3px; font-size: 1.2em; color: #999; transition: all .2s;}
.shopping_option .type_row .btn_02 .body{ overflow: hidden; position: absolute; top: 45px; left: -20px; padding: 0; border-radius: 5px; height: 0; background: #FFF; box-shadow: 0 0 15px 0 rgba(0 0 0/15%); opacity: 0; transition: all .2s;}
.shopping_option .type_row .btn_02 .body div{ display: flex; align-items: center; cursor: pointer;}
.shopping_option .type_row .btn_02 .body div i{ display: flex;justify-content: center; align-items: center; margin: 0 5px 0 0; width: 16px; height: 16px; border-radius: 5px; border: 1px solid #DDD; font-size: 1.2em; color: #999;}
.shopping_option .type_row .btn_02 .body div a{ display: block; line-height: 2.5; font-size: 1.3em; color: #333;}
.shopping_option .type_row .btn_02 .body div.on i{ border-color: #6b5cfd; background: #6b5cfd; color: #FFF;}
.shopping_option .type_row .btn_02 .body div.on a{ font-weight: 400; color: #6b5cfd;}
.shopping_option .type_row .btn_02:hover .head i{ transform: rotate(180deg);}
.shopping_option .type_row .btn_02:hover .body{ top: 35px; padding: 10px 20px; height: auto; opacity: 1;}

.shopping_option .type_row .date{ position: relative; margin: 0 10px 0 0;}
.shopping_option .type_row .date > .head{ display: flex; position: relative; width: 150px; height: 35px; border-radius: 20px; border: 1px solid rgba(0 0 0/10%); background: #f6fafc;}
.shopping_option .type_row .date > .head i{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; width: 35px; font-size: 1.2em; color: #999;}
.shopping_option .type_row .date > .head input{ display: flex; align-items: center; margin: 0; padding: 0 35px 1px 15px; width: 100%; height: 35px; border-radius: 0; border: none; background: none; font-size: 1.2em; font-weight: 300; color: #000; outline: none; -webkit-appearance: none;}

.shopping_option .type_row .date .date_calendar{ display: none; position: absolute; top: 35px; left: 0; padding: 0 15px 15px 15px; border-radius: 5px; background: #FFF; box-shadow: 0 5px 30px 0 rgba(0 0 0/15%);}
.shopping_option .type_row .date .date_calendar .menu{ display: flex; justify-content: space-between; align-items: center; padding: 15px 0;}
.shopping_option .type_row .date .date_calendar .menu .btn{}
.shopping_option .type_row .date .date_calendar .menu .btn i{ font-size: 14px; color: #666; cursor: pointer;}
.shopping_option .type_row .date .date_calendar .menu p{ font-size: 1.5em; font-weight: 300; color: #000;}
.shopping_option .type_row .date .date_calendar .head{ display: flex; align-items: center; padding: 10px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.shopping_option .type_row .date .date_calendar .head p{ width: 14.285%; text-align: center; font-size: 1.3em; color: #666;}
.shopping_option .type_row .date .date_calendar .body{ display: flex; flex-wrap: wrap; margin: 10px 0 0 0; width: 240px;}
.shopping_option .type_row .date .date_calendar .body p{ display: flex; justify-content: center; align-items: center; margin: 1px 0; width: 14.285%; height: 34px; background: #f5f7fa; font-size: 1.2em; color: #999; cursor: pointer;}
.shopping_option .type_row .date .date_calendar .body p.on{ background: none; color: #000;}
.shopping_option .type_row .date .date_calendar .body p.on.click{ border-radius: 50%; background: #6b5cfd; color: #FFF;}

.shopping_option .type_row .date.on .date_calendar{ display: block;}

.shopping_option .type_row .price{ display: flex; justify-content: space-between; align-items: center; position: relative; margin: 0 10px 0 0; padding: 0 35px 0 15px; width: 180px; height: 35px; border-radius: 20px; border: 1px solid rgba(0 0 0/10%); background: #f6fafc;}
.shopping_option .type_row .price input{ display: flex; align-items: center; margin: 0; padding: 0; width: 40%; height: 35px; border-radius: 0; border: none; background: none; text-align: center; font-size: 12px; font-weight: 300; color: #000; outline: none; -webkit-appearance: none;}
.shopping_option .type_row .price span{ display: block; width: 5px; height: 1px; background: rgba(0 0 0/40%);}
.shopping_option .type_row .price i{ position: absolute; z-index: 10; top: 7px; right: 7px; width: 20px; height: 20px; border-radius: 50%; background: rgba(0 0 0/50%); display: flex; justify-content: center; align-items: center; font-size: 1.2em; color: #FFF; cursor: pointer;}
.shopping_option .type_row .price.on i{ background: #6b5cfd; color: #FFF;}

.shopping_option .type_row .btn_03{ display: flex; align-items: center; margin: 0 10px 0 0; cursor: pointer;}
.shopping_option .type_row .btn_03 .icon{ display: flex; justify-content: center; align-items: center; width: 35px; height: 35px; border-radius: 50%; border: 1px solid rgba(0 0 0/10%); background: #f6fafc;}
.shopping_option .type_row .btn_03 .icon i{ margin: 0 0 1px 0; font-size: 18px; color: #666;}
.shopping_option .type_row .btn_03 .icon img{ display: block; max-width: 16px; height: auto;}
.shopping_option .type_row .btn_03 .icon img.off{}
.shopping_option .type_row .btn_03 .icon img.on{ display: none;}
.shopping_option .type_row .btn_03 p{ display: none; margin: 0 0 0 5px; font-size: 1.3em; font-weight: 300; color: #666;}
.shopping_option .type_row .btn_03.on .icon{ border-color: #6b5cfd; background: #6b5cfd;}
.shopping_option .type_row .btn_03.on .icon i{ color: #FFF;}
.shopping_option .type_row .btn_03.on .icon img.off{ display: none;}
.shopping_option .type_row .btn_03.on .icon img.on{ display: block;}

.shopping_option .type_row .btn_px{ position: absolute; z-index: 30; top: 20px; right: 85px; cursor: pointer;}
.shopping_option .type_row .btn_px .head{ display: flex; align-items: center; height: 35px;}
.shopping_option .type_row .btn_px .head img{ display: block;}
.shopping_option .type_row .btn_px .head p{ margin: 0 3px; font-size: 1.3em; font-weight: 300; color: #000;}
.shopping_option .type_row .btn_px .head i{ font-size: 1.2em; color: #999;}
.shopping_option .type_row .btn_px .body{ overflow: hidden; position: absolute; top: 45px; left: -20px; padding: 0; border-radius: 5px; height: 0; background: #FFF; box-shadow: 0 0 15px 0 rgba(0 0 0/15%); opacity: 0; transition: all .2s;}
.shopping_option .type_row .btn_px .body div{}
.shopping_option .type_row .btn_px .body div a{ display: block; line-height: 2.5; font-size: 1.3em; color: #333; cursor: pointer;}
.shopping_option .type_row .btn_px .body div.on a{ font-weight: 400; color: #6b5cfd;}
.shopping_option .type_row .btn_px:hover .head i{ transform: rotate(180deg);}
.shopping_option .type_row .btn_px:hover .body{ top: 35px; padding: 10px 20px; width: 110px; height: auto; opacity: 1;}

.shopping_option .type_row .btn_max{ display: flex; justify-content: center; align-items: center; position: absolute; top: 20px; right: 30px; width: 35px; height: 35px; border-radius: 50%; background: #CCC; cursor: pointer;}
.shopping_option .type_row .btn_max i{ font-size: 2.5em; color: #FFF; transition: all .3s;}
.shopping_option .type_row .btn_max.on{ border-color: #6b5cfd; background: #6b5cfd;}
.shopping_option .type_row .btn_max.on i{ transform: rotate(90deg);}

.shopping_option.on{}
.shopping_option.on .type_row{ display: block; padding: 0 30px 10px 30px;}
.shopping_option.shop.on .type_row{ display: block; padding: 0 30px 0 30px;}
.shopping_option.on .type_row .fl{ display: block; padding: 10px 45px 10px 0;}
.shopping_option.on .type_row .fr{ flex-wrap: wrap; margin: 0 -30px -10px -30px; padding: 20px 140px 20px 30px; border-radius: 0 0 5px 5px; border-top: 1px solid rgba(0 0 0/3%); background: #f6fafc;}

.shopping_option.on .type_row .btn_01{ display: flex; align-items: flex-start; margin: 0; padding: 10px 0;}
.shopping_option.on .type_row .btn_01.shop{ padding-right: 100px;}
.shopping_option.on .type_row .btn_01 .head{ flex: 0 0 80px;}
.shopping_option.on .type_row .btn_01 .head i{ display: none;}
.shopping_option.on .type_row .btn_01 .body{ display: flex; flex-wrap: wrap; align-items: center; position: initial; padding: 0; border-radius: 0; width: 100% !important; height: auto; box-shadow: none; opacity: 1;}
.shopping_option.on .type_row .btn_01 .body div{ display: flex; align-items: center; margin: 0 30px 0 0; height: 35px;}
.shopping_option.on .type_row .btn_01 .body div a{ line-height: 1;}

.shopping_option.on .type_row .btn_01.max_block{ display: flex;}

.shopping_option.on .type_row .btn_02{ display: flex; align-items: flex-start; margin: 0; padding: 10px 0;}
.shopping_option.on .type_row .btn_02 .head{ flex: 0 0 80px;}
.shopping_option.on .type_row .btn_02 .head i{ display: none;}
.shopping_option.on .type_row .btn_02 .body{ display: flex; flex-wrap: wrap; align-items: center; position: initial; padding: 0; border-radius: 0; height: auto; box-shadow: none; opacity: 1;}
.shopping_option.on .type_row .btn_02 .body div{ display: flex; align-items: center; margin: 0 30px 0 0; height: 35px;}
.shopping_option.on .type_row .btn_02 .body div a{ line-height: 1;}

.shopping_option.on .type_row .date{ margin: 0 20px 0 0;}
.shopping_option.on .type_row .date .head{ background: #FFF;}
.shopping_option.on .type_row .price{ margin: 0 20px 0 0; background: #FFF;}
.shopping_option.on .type_row .btn_03{ margin: 0 20px 0 0;}
.shopping_option.on .type_row .btn_03 .icon{ background: #FFF;}
.shopping_option.on .type_row .btn_03.on .icon{ background: #6b5cfd;}
.shopping_option.on .type_row .btn_03 p{ display: block;}

.shopping_option.on .type_row .btn_px{ top: initial; right: 30px; bottom: 20px;}
.shopping_option.shop.on .type_row .btn_px{ bottom: 20px;}
@media(max-width: 1025px){
    .shopping_option .type_row{ display: block; padding: 10px 30px 10px 30px;}
    .shopping_option .type_row .fr{ justify-content: space-between; width: 100%;}

    .shopping_option.on .type_row .fr{ width: auto;}
    .shopping_option.on .type_row .fr .frl{ padding: 0 0 10px 0;}
}
@media(max-width: 767px){
    .shopping_option .type_row{ padding: 5px 15px 10px 15px;}
    .shopping_option.shop .type_row{ padding: 5px 15px 5px 15px;}
    .shopping_option .type_row .fl{ padding: 5px 0;}
    .shopping_option .type_row .fr{ flex-wrap: wrap; padding: 5px 0;}
    .shopping_option .type_row .fr .frl{ display: flex; align-items: center;}
    .shopping_option .type_row .fr .frr{ display: flex; align-items: center; margin: 10px 0 0 0; width: 100%;}

    .shopping_option .type_row .btn_01{ margin: 0 10px 0 0;}
    .shopping_option .type_row .btn_01 .head{ height: 30px;}
    .shopping_option .type_row .btn_01 .head p{ font-size: 12px;}
    .shopping_option .type_row .btn_01 .head i{ margin: 0 0 0 2px; font-size: 10px;}
    .shopping_option .type_row .btn_01 .body div a{ font-size: 12px;}

    .shopping_option .type_row .btn_02{ margin: 0 10px 0 0;}
    .shopping_option .type_row .btn_02 .head{ height: 30px;}
    .shopping_option .type_row .btn_02 .head p{ font-size: 12px;}
    .shopping_option .type_row .btn_02 .head i{ margin: 0 0 0 2px; font-size: 10px;}
    .shopping_option .type_row .btn_02 .body div a{ font-size: 12px;}

    .shopping_option .type_row .date{ margin: 0 5px 0 0; width: 40%;}
    .shopping_option .type_row .date > .head{ width: 100%; height: 30px;}
    .shopping_option .type_row .date > .head i{ width: 30px; font-size: 10px;}
    .shopping_option .type_row .date > .head input{ padding: 0 10px 1px 10px; width: 100%; height: 30px; font-size: 10px;}

    .shopping_option .type_row .date .date_calendar{ top: 30px; left: 0; padding: 0 10px 10px 10px;}
    .shopping_option .type_row .date .date_calendar .body p{ margin: 1px 0;}

    .shopping_option .type_row .price{ margin: 0 0 0 2.5px; padding: 0 25px 0 10px; width: 60%; height: 30px;}
    .shopping_option .type_row .price input{ height: 30px; font-size: 10px;}
    .shopping_option .type_row .price span{}
    .shopping_option .type_row .price i{ top: 7px; right: 7px; width: 14px; height: 14px; font-size: 8px;}

    .shopping_option .type_row .btn_03{ margin: 0 5px 0 0;}
    .shopping_option .type_row .btn_03 .icon{ width: 25px; height: 25px;}
    .shopping_option .type_row .btn_03 .icon img{ max-width: 12px; max-height: 10px;}
    .shopping_option .type_row .btn_03 .icon i{ font-size: 14px;}
    .shopping_option .type_row .btn_03 p{ margin: 0 0 0 3px; font-size: 10px;}

    .shopping_option .type_row .btn_px{ top: 10px; right: 50px;}
    .shopping_option .type_row .btn_px .head{ height: 30px;}
    .shopping_option .type_row .btn_px .head img{ margin: 2px 0 0 0; width: auto; height: 12px;}
    .shopping_option .type_row .btn_px .head p{ margin: 0 3px; font-size: 12px;}
    .shopping_option .type_row .btn_px .head i{ font-size: 10px;}
    .shopping_option .type_row .btn_px .body{}
    .shopping_option .type_row .btn_px .body div{}
    .shopping_option .type_row .btn_px .body div a{ font-size: 12px;}

    .shopping_option .type_row .btn_max{ top: 12.5px; right: 15px; width: 25px; height: 25px;}
    .shopping_option .type_row .btn_max i{ font-size: 14px;}

    .shopping_option.on .type_row{ padding: 0 15px 10px 15px;}
    .shopping_option.on .type_row .fl{ padding: 5px 0;}
    .shopping_option.on .type_row .fr{ flex-wrap: wrap; margin: 0 -15px -10px -15px; padding: 15px 15px 15px 15px;}
    .shopping_option.on .type_row .fr .frl{ padding: 0 0 10px 0;}
    .shopping_option.on .type_row .fr .frr{ margin: 0; padding: 0 0 40px 0;}

    .shopping_option.on .type_row .btn_01{ padding: 5px 0;}
    .shopping_option.on .type_row .btn_01.shop{ padding: 5px 80px 5px 0;}
    .shopping_option.on .type_row .btn_01 .head{ flex: 0 0 60px;}
    .shopping_option.on .type_row .btn_01 .body{ position: initial; padding: 0; border-radius: 0; height: auto; box-shadow: none; opacity: 1;}
    .shopping_option.on .type_row .btn_01 .body div{ margin: 0 15px 0 0; height: 30px;}

    .shopping_option.on .type_row .btn_02{ padding: 5px 0;}
    .shopping_option.on .type_row .btn_02 .head{ flex: 0 0 60px;}
    .shopping_option.on .type_row .btn_02 .body{ position: initial; padding: 0; border-radius: 0; height: auto; box-shadow: none; opacity: 1;}
    .shopping_option.on .type_row .btn_02 .body div{ margin: 0 15px 0 0; height: 30px;}

    .shopping_option.on .type_row .date{ margin: 0 10px 0 0;}
    .shopping_option.on .type_row .price{ margin: 0;}

    .shopping_option.on .type_row .btn_03{ margin: 0 10px 0 0;}
    .shopping_option.on .type_row .btn_03 .icon{ width: 30px; height: 30px;}
    .shopping_option.on .type_row .btn_03 .icon i{ font-size: 12px;}

    .shopping_option.on .type_row .btn_px{ right: initial; left: 20px; bottom: 15px;}
    .shopping_option.shop.on .type_row .btn_px{ bottom: 10px;}
    .shopping_option.on .type_row .btn_max{ z-index: 30;}

    .shopping_option.max .type_row .fr .date{ width: 100%;}
}




.shopping_menu{}
.shopping_menu .type_row{ display: flex; justify-content: center; align-items: center; height: 80px;}
.shopping_menu .type_row a{ display: flex; align-items: center; margin: 0 15px; cursor: pointer;}
.shopping_menu .type_row a i{ display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 50%; background: #999; font-size: 1em; color: #ebf1f4;}
.shopping_menu .type_row a i.xi-yen{ font-size: 14px;}
.shopping_menu .type_row a i.xi-naver{ font-size: 11px;}
.shopping_menu .type_row a p{ margin: 0 0 0 5px; font-size: 1.5em; font-weight: 300; color: #999;}
.shopping_menu .type_row a.on i{ background: #6b5cfd;}
.shopping_menu .type_row a.on p{ font-weight: 400; color: #000;}
@media(max-width: 767px){
    .shopping_menu .type_row{ height: 50px;}
    .shopping_menu .type_row a{ margin: 0 5px;}
    .shopping_menu .type_row a i{ width: 16px; height: 16px; font-size: 8px;}
    .shopping_menu .type_row a i.xi-yen{ font-size: 11px;}
    .shopping_menu .type_row a i.xi-naver{ font-size: 9px;}
    .shopping_menu .type_row a p{ margin: 0 0 0 2px; font-size: 12px;}
}




.shopping_search_img_head{}
.shopping_search_img_head .type_row{ display: flex; justify-content: center; align-items: center; position: relative; z-index: 40; margin: 0 auto 30px auto; padding: 30px; border-radius: 5px; background: #FFF; box-shadow: 0 5px 15px 0 rgba(0 0 0/5%);}
.shopping_search_img_head .type_row > img{ display: block; margin: 0 20px 0 0; width: auto; height: 40px;}
.shopping_search_img_head .type_row .img{ width: 80px; height: 80px; border-radius: 10px; border: 2px solid #6b5cfd;}
.shopping_search_img_head .type_row .img img{ display: block; width: 100%; height: auto;}
.shopping_search_img_head .type_row .search{ display: flex; align-items: center; margin: 0 0 0 10px;}
.shopping_search_img_head .type_row .search .btn{ display: flex; justify-content: center; align-items: center; margin: 10px 0 10px 0; width: 250px; height: 50px; border-radius: 30px; background: #6b5cfd; cursor: pointer;}
.shopping_search_img_head .type_row .search .btn p{ font-size: 15px; font-weight: 300; color: #FFF;}
.shopping_search_img_head .type_row .search .btn p span{ font-size: 12px; font-weight: 200; color: rgba(255 255 255/50%);}
.shopping_search_img_head .type_row .search .t1{ margin: 0 0 0 10px; font-size: 15px; font-weight: 300; color: #000;}
@media(max-width: 1025px){
    .shopping_search_img_head .type_row .search .btn{ width: 200px;}
}
@media(max-width: 767px){
    .shopping_search_img_head{}
    .shopping_search_img_head .type_row{ margin: 0 auto 15px auto; padding: 20px 0;}
    .shopping_search_img_head .type_row > img{ display: ; margin: 0 10px 0 0; height: 25px;}
    .shopping_search_img_head .type_row .search{ flex-direction: column-reverse; align-items: flex-start;}
    .shopping_search_img_head .type_row .search .btn{ display: flex; justify-content: center; align-items: center; margin: 0; width: 160px; height: 35px;}
    .shopping_search_img_head .type_row .search .btn p{ font-size: 12px;}
    .shopping_search_img_head .type_row .search .btn p span{ font-size: 10px;}
    .shopping_search_img_head .type_row .search .t1{ margin: 0 0 10px 0; font-size: 14px;}
}




.shopping_search_head{}
.shopping_search_head .type_row{ display: flex; justify-content: center; align-items: center; position: relative; z-index: 40; margin: 0 auto 30px auto; padding: 30px; border-radius: 5px; border: 1px solid rgba(0 0 0/10%); background: #FFF; box-shadow: 0 5px 15px 0 rgba(0 0 0/5%);}
.shopping_search_head .type_row img{ display: none; margin: 0 20px 0 0; width: auto; height: 40px;}
.shopping_search_head .type_row .search{ display: flex; align-items: center; position: relative; max-width: 500px; width: 100%; height: 50px; border-radius: 40px; border: 1px solid rgba(0 0 0/10%); background: #f9f9f9;}
.shopping_search_head .type_row .search .select{ flex: 0 0 100px;}
.shopping_search_head .type_row .search .select .head{ display: flex; align-items: center; padding: 0 0 0 20px; height: 50px; cursor: pointer;}
.shopping_search_head .type_row .search .select .head p{ font-size: 15px; font-weight: 300; color: #000;}
.shopping_search_head .type_row .search .select .head i{ margin: 0 0 0 10px; font-size: 12px; color: #000;}
.shopping_search_head .type_row .search .select .body{ overflow: hidden; position: absolute; z-index: 10; top: 40px; left: 0; padding: 0; height: 0; border-radius: 5px; background: #FFF; box-shadow: 0 0 15px 0 rgba(0 0 0/15%); transition: all .2s;}
.shopping_search_head .type_row .search .select .body li{}
.shopping_search_head .type_row .search .select .body li p{ padding: 0 25px; line-height: 2.2; font-size: 13px; color: #666; cursor: pointer;}
.shopping_search_head .type_row .search .select .body li p:hover{ background: #f0f0f0; color: #000;}
.shopping_search_head .type_row .search .select:hover .body{ padding: 10px 0; height: auto; opacity: 1;}
.shopping_search_head .type_row .search input{ display: flex; align-items: center; margin: 0; padding: 0 20px 0 10px; width: 100%; height: 50px; border-radius: 0; border: none; background: none; font-size: 15px; font-weight: 300; color:#000; outline: none; -webkit-appearance: none;}
.shopping_search_head .type_row > i{ flex: 0 0 50px; display: flex; justify-content: center; align-items: center; margin: 0 0 0 10px; width: 50px; height: 50px; border-radius: 50%; background: #6b5cfd; font-size: 25px; color: #FFF; cursor: pointer;}
@media(max-width: 767px){
    .shopping_search_head{}
    .shopping_search_head .type_row{ margin: 0 auto 15px auto; padding: 20px 15px;}
    .shopping_search_head .type_row img{ margin: 0 10px 0 0; height: 25px;}
    .shopping_search_head .type_row .search{ height: 40px;}
    .shopping_search_head .type_row .search .select{ flex: 0 0 70px;}
    .shopping_search_head .type_row .search .select .head{ padding: 0 0 0 15px; height: 40px;}
    .shopping_search_head .type_row .search .select .head p{ font-size: 12px;}
    .shopping_search_head .type_row .search .select .head i{ margin: 0 0 0 5px; font-size: 10px;}
    .shopping_search_head .type_row .search .select .body{ top: 30px;}
    .shopping_search_head .type_row .search .select .body li p{ padding: 0 15px; font-size: 12px;}
    .shopping_search_head .type_row .search input{ padding: 0 15px 0 10px; height: 40px; font-size: 12px;}
    .shopping_search_head .type_row > i{ flex: 0 0 40px; margin: 0 0 0 5px; width: 40px; height: 40px; font-size: 18px;}
}




.shopping_list{}
.shopping_list .type_row{}
.shopping_list .type_row ul{ display: flex; flex-wrap: wrap; margin: -20px -10px 0 -10px;}
.shopping_list .type_row ul li{ margin: 20px 0 0 0; width: 20%;}
.shopping_list.mypage .type_row ul li{ width: 25%;}
.shopping_list .type_row ul li .row{ overflow: hidden; position: relative; margin: 0 10px; border-radius: 5px; background: #FFF; box-shadow: 0 5px 15px 0 rgba(0 0 0/5%);}
.shopping_list .type_row ul li .row .line{ position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; border-radius: 5px; border: 1px solid rgba(0 0 0/10%); transition: all .1s;}
.shopping_list .type_row ul li .row .img{ overflow: hidden; position: relative;}
.shopping_list .type_row ul li .row .img .btn_detail{ display: block; position: absolute; z-index: 20; top: 0; right: 0; bottom: 50px; left: 0;}
.shopping_list .type_row ul li .row .img .btn{ display: flex; position: absolute; z-index: 20; right: 0; bottom: -50px; left: 0; background: rgba(107 92 253/85%); opacity: 0; transition: all .4s;}
.shopping_list .type_row ul li .row .img .btn p{ display: flex; justify-content: center; align-items: center; width: 33.333%; height: 50px; border-left: 1px solid rgba(255 255 255/10%); font-size: 1.3em; color: #FFF; cursor: pointer;}
.shopping_list .type_row ul li .row .img .btn p:first-child{ border: 0;}
.shopping_list .type_row ul li .row .img .btn p:hover{ background: rgba(0 0 0/10%);}
.shopping_list .type_row ul li .row .img .off{ display: flex; align-items: center; position: absolute; z-index: 4; right: 10px; bottom: 10px; padding: 0 10px; height: 25px; border-radius: 5px; background: #F00; font-size: 1.2em; color: #FFF;}
.shopping_list .type_row ul li .row .img a{ display: block; position: relative; border-radius: 6px 6px 0 0;}
.shopping_list .type_row ul li .row .img a span{ display: block; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; border-radius: 5px 5px 0 0; background: #FFF; display: flex; justify-content: center; align-items: center;}
.shopping_list .type_row ul li .row .img a span img{ display: block; max-width: 100%; max-height: 100%;}
.shopping_list .type_row ul li .row .img a > img{ display: block; width: 100%; height: auto;}
.shopping_list .type_row ul li .row .info{ overflow: hidden; position: relative; padding: 30px 20px 20px 20px;}
.shopping_list .type_row ul li .row .info .hover{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 5; top: 100%; right: 0; bottom: -100%; left: 0; background: #FFF; opacity: 0; transition: all .3s;}
.shopping_list .type_row ul li .row .info .hover a{ display: flex; flex-direction: column; align-items: center; width: 33.333%; border-left: 1px solid #DDD;}
.shopping_list .type_row ul li .row .info .hover a:first-child{ border: 0;}
.shopping_list .type_row ul li .row .info .hover a img{ display: block;}
.shopping_list .type_row ul li .row .info .hover a p{ margin: 15px 0 0 0; font-size: 1.4em; font-weight: 500; color: #333;}
.shopping_list .type_row ul li .row .info .color{ display: flex; position: absolute; top: 15px; left: 20px;}
.shopping_list .type_row ul li .row .info .color span{ display: block; margin: 0 0 0 2px; width: 20px; height: 3px;}
.shopping_list .type_row ul li .row .info .color span:first-child{ margin: 0;}
.shopping_list .type_row ul li .row .info .t1{ display: flex; align-items: center;}
.shopping_list .type_row ul li .row .info .t1 a{ line-height: 1; font-size: 1.2em; font-weight: 300; color: #333;}
.shopping_list .type_row ul li .row .info .t1 span{ display: block; margin: 0 10px 2px 10px; width: 1px; height: 10px; background: #DDD;}
.shopping_list .type_row ul li .row .info .t1 p{ line-height: 1; font-size: 1.2em; color: #666;}
.shopping_list .type_row ul li .row .info .t2{ margin: 10px 0 0 0; min-height: 40px; line-height: 20px; font-size: 1.5em; font-weight: 300; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.shopping_list .type_row ul li .row .info .price{ margin: 15px 0 0 0; font-size: 1.8em; font-weight: 500; color: #6b5cfd;}
.shopping_list .type_row ul li .row .bottom{ display: flex; justify-content: space-between; align-items: center; position: relative; padding: 0 20px; height: 50px; border-top: 1px solid rgba(0 0 0/1%); background: #f5f8fa;}
.shopping_list .type_row ul li .row .bottom .shop{ display: flex; justify-content: space-between; align-items: center; position: absolute; z-index: 20; top: 50px; right: 0; bottom: 0; left: 0; padding: 0 20px; border-radius: 0 0 5px 5px; border: 2px solid #6b5cfd; border-top: 0; background: #e8eff4; opacity: 0; transition: all .2s;}
.shopping_list .type_row ul li .row .bottom .shop .fl{ display: flex; transition: all .2s;}
.shopping_list .type_row ul li .row .bottom .shop .fl img{ display: block; margin: 0 5px 0 0; width: auto; height: 18px;}
.shopping_list .type_row ul li .row .bottom .shop .fl p{ font-size: 1.3em; font-weight: 300; color: #333;}
.shopping_list .type_row ul li .row .bottom .shop .fl:hover{ opacity: .5;}
.shopping_list .type_row ul li .row .bottom .shop .btn_save{ font-size: 2.2em; color: #000; cursor: pointer;}
.shopping_list .type_row ul li .row .bottom .shop .btn_save.on{ color: #6b5cfd;}
.shopping_list .type_row ul li .row .bottom .fl{ display: flex; align-items: center;}
.shopping_list .type_row ul li .row .bottom .fl img{ display: block; margin: 0 5px 0 0;}
.shopping_list .type_row ul li .row .bottom .fl p{ font-size: 1.2em; color: #666;}
.shopping_list .type_row ul li .row .bottom .date{ font-size: 1.2em; color: #666;}
.shopping_list .type_row ul li .row:hover .line{ top: 0; right: 0; bottom: 0; left: 0; border: 2px solid #6b5cfd; opacity: 1;}
.shopping_list .type_row ul li .row:hover .img .btn{ bottom: 0; opacity: 1;}
.shopping_list .type_row ul li .row:hover .info .hover{ top: 0; bottom: 0; opacity: 1;}
.shopping_list .type_row ul li .row:hover .bottom .shop{ top: 0; opacity: 1;}
@media(max-width: 1400px){
    .shopping_list .type_row ul li{ width: 25%;}
    .shopping_list.mypage .type_row ul li{ width: 33.333%;}
}
@media(max-width: 1025px){
    .shopping_list .type_row ul li{ width: 33.333%;}
    .shopping_list .type_row ul li .row .line:hover{ border: 1px solid rgba(0 0 0/10%);}
    .shopping_list .type_row ul li .row .img .btn_detail{ bottom: 0;}
    .shopping_list .type_row ul li .row .img .btn{ display: none;}
    .shopping_list .type_row ul li .row .info .hover{ display: none;}
    .shopping_list .type_row ul li .row .bottom .shop{ display: none !important;}
    .shopping_list .type_row ul li .row .bottom .fl img{ height: 10px;}
    .shopping_list .type_row ul li .row .bottom .fl p{ font-size: 10px;}
    .shopping_list .type_row ul li .row .bottom .date{ font-size: 10px;}
}
@media(max-width: 767px){
    .shopping_list .type_row ul{ margin: -10px -5px 0 -5px;}
    .shopping_list .type_row ul li{ margin: 10px 0 0 0; width: 50%;}
    .shopping_list.mypage .type_row ul li{ width: 50%;}
    .shopping_list .type_row ul li .row{ margin: 0 5px;}
    .shopping_list .type_row ul li .row .img .off{ height: 20px; background: #F00; font-size: 10px;}
    .shopping_list .type_row ul li .row .info{ padding: 20px 15px 15px 15px;}
    .shopping_list .type_row ul li .row .info .color{ top: 10px; left: 15px;}
    .shopping_list .type_row ul li .row .info .color span{ width: 15px; height: 3px;}
    .shopping_list .type_row ul li .row .info .t1 a{ max-width: 100px; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
    .shopping_list .type_row ul li .row .info .t1 span{ margin: 0 8px;}
    .shopping_list .type_row ul li .row .info .t1 p{ max-width: 60px; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
    .shopping_list .type_row ul li .row .info .t2{ min-height: 35px; line-height: 17.5px; font-size: 13px;}
    .shopping_list .type_row ul li .row .info .price{ margin: 12px 0 0 0;}
    .shopping_list .type_row ul li .row .bottom{ padding: 0 15px; height: 40px;}
    .shopping_list .type_row ul li .row .bottom .fl img{ margin: 0 3px 0 0; height: 8px;}
    .shopping_list .type_row ul li .row .bottom .fl p{ font-size: 9px;}
    .shopping_list .type_row ul li .row .bottom .date{ font-size: 9px;}
    .shopping_list .type_row ul li .row .bottom .date{}
}




.shopping_ddang{ height: 30px;}
@media(max-width: 767px){
    .shopping_ddang{ height: 15px;}
}




.shopping_detail{ position: relative;}
.shopping_detail .type_row{ position: relative; z-index: 1; padding: 0 0 50px 650px;}
.shopping_detail .type_row .fl{ float: left; margin: 0 0 0 -650px; width: 600px;}
.shopping_detail .type_row .fl .shopping_detail_img{ overflow: hidden; border-radius: 5px 5px 0 0;}
.shopping_detail .type_row .fl .shopping_detail_img .img_color{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0;}
.shopping_detail .type_row .fl .shopping_detail_img .img_color img{ display: block; max-width: 100%; max-height: 100%;}

.shopping_detail .type_row .fl .shopping_detail_img .img_number{ display: flex; align-items: center; position: absolute; z-index: 20; right: 20px; bottom: 20px; padding: 0 15px; height: 35px; border-radius: 20px; background: rgba(255 255 255/0%);}
.shopping_detail .type_row .fl .shopping_detail_img .img_number p{ font-size: 14px; color: rgba(255 255 255/60%);}
.shopping_detail .type_row .fl .shopping_detail_img .img_number p.t1{ font-weight: 400; color: #FFF;}
.shopping_detail .type_row .fl .shopping_detail_img .img_number p.t2{ font-weight: 500; color: #6b5cfd;}
.shopping_detail .type_row .fl .shopping_detail_img .img_number span{ margin: 0 10px; width: 1px; height: 12px; background: rgba(255 255 255/30%);}


.shopping_detail .type_row .fl .shopping_detail_img .box{ overflow: hidden; position: relative; border-radius: 5px 5px 0 0; border: 1px solid #DDD;}
.shopping_detail .type_row .fl .shopping_detail_img .box .bx-wrapper{ margin: 0;}
.shopping_detail .type_row .fl .shopping_detail_img .box .bx-wrapper .bx-viewport{ left: 0; margin: 0; height: auto; border: 0; box-shadow: none;}

.shopping_detail .type_row .fl .shopping_detail_img .box .shopping_detail_img_rolling{}
.shopping_detail .type_row .fl .shopping_detail_img .box .shopping_detail_img_rolling li{}
.shopping_detail .type_row .fl .shopping_detail_img .box .shopping_detail_img_rolling li a{ display: block; position: relative;}
.shopping_detail .type_row .fl .shopping_detail_img .box .shopping_detail_img_rolling li a video{ display: block; position: absolute; z-index: 20; top: 0; right: 0; bottom: 0; left: 0;}
.shopping_detail .type_row .fl .shopping_detail_img .box .shopping_detail_img_rolling li a i{ display: block; position: absolute; z-index: 10; top: 50%; left: 50%; transform:translate(-50%,-50%); font-size: 8em; color: #000; cursor: pointer;}
.shopping_detail .type_row .fl .shopping_detail_img .box .shopping_detail_img_rolling li a .img{ position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; border: 0 !important; background: #FFF; display: flex; justify-content: center; align-items: center;}
.shopping_detail .type_row .fl .shopping_detail_img .box .shopping_detail_img_rolling li a .img img{ display: block; max-width: 100%; max-height: 100%;}
.shopping_detail .type_row .fl .shopping_detail_img .box .shopping_detail_img_rolling li a > img{ display: block; width: 100%; height: auto;}

.shopping_detail .type_row .fl .shopping_detail_img .shopping_detail_img_page_box{ margin: 0; padding: 20px 30px 30px 30px; border: 1px solid #DDD; border-top: 0;}
.shopping_detail .type_row .fl .shopping_detail_img .shopping_detail_img_page_box #shopping_detail_img_page2{ display: flex; flex-wrap: wrap; width: auto !important;}
.shopping_detail .type_row .fl .shopping_detail_img .shopping_detail_img_page_box #shopping_detail_img_page2 a{ overflow: hidden; position: relative; margin: 10px 10px 0 0; border-radius: 5px; filter: 100%; -webkit-filter: grayscale(0%); opacity: 0.5;}
.shopping_detail .type_row .fl .shopping_detail_img .shopping_detail_img_page_box #shopping_detail_img_page2 a span{ display: block; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; border-radius: 5px;}
.shopping_detail .type_row .fl .shopping_detail_img .shopping_detail_img_page_box #shopping_detail_img_page2 a i{ display: block; position: absolute; z-index: 10; top: 50%; left: 50%; transform:translate(-50%,-50%); font-size: 2.5em; color: #000;}
.shopping_detail .type_row .fl .shopping_detail_img .shopping_detail_img_page_box #shopping_detail_img_page2 a img{ display: block; width: auto; height: 60px;}
.shopping_detail .type_row .fl .shopping_detail_img .shopping_detail_img_page_box #shopping_detail_img_page2 a.active{ filter: none; -webkit-filter: grayscale(0%); opacity: 1;}
.shopping_detail .type_row .fl .shopping_detail_img .shopping_detail_img_page_box #shopping_detail_img_page2 a.active span{ border: 2px solid #6b5cfd;}

.shopping_detail_img #visual_btn_L{ display: flex !important; justify-content: center; align-items: center; position: absolute; z-index: 20; top: 50%; transform: translate(0,-50%); left: 10px; margin: 0; width: 50px; height: 50px; border-radius: 50%; background: #; font-size: 3em; color: #6b5cfd;}
.shopping_detail_img #visual_btn_L a{ overflow:hidden; position:absolute; z-index:10; top:0; right:0; bottom:0; left:0; line-height:500px;}
.shopping_detail_img #visual_btn_R{ display: flex !important; justify-content: center; align-items: center; position: absolute; z-index: 20; top: 50%; transform: translate(0,-50%); right: 10px; margin: 0; width: 50px; height: 50px; border-radius: 50%; background: #; font-size: 3em; color: #6b5cfd;}
.shopping_detail_img #visual_btn_R a{ overflow:hidden; position:absolute; z-index:10; top:0; right:0; bottom:0; left:0; line-height:500px;}
.shopping_detail .type_row .fl .shopping_detail_img .box:hover #visual_btn_L{ display: flex !important;}
.shopping_detail .type_row .fl .shopping_detail_img .box:hover #visual_btn_R{ display: flex !important;}


.shopping_detail .type_row .fl .info{ display: flex; align-items: center; padding: 15px 30px; border-radius: 0 0 5px; border: 1px solid #DDD; border-top: 0; background: #f5f8fa;}
.shopping_detail .type_row .fl .info .img{ display: flex; justify-content: center; align-items: center; margin: 0 10px 0 0; width: 30px; height: 30px; border-radius: 50%; background: #6b5cfd;}
.shopping_detail .type_row .fl .info .img img{ display: block; width: auto; max-height: 11px;}
.shopping_detail .type_row .fl .info p{ font-size: 1.2em; color: #666;}

.shopping_detail .type_row .fr{ width: 100%;}
.shopping_detail .type_row .fr .sd_shop{ display: flex; justify-content: space-between; align-items: center; padding: 30px; border-radius: 5px; border: 1px solid rgba(0 0 0/5%); background: #ebf1f4; box-shadow: 0 5px 15px 0 rgba(0 0 0/5%);}
.shopping_detail .type_row .fr .sd_shop .sl{}
.shopping_detail .type_row .fr .sd_shop .sl .slt{ display: flex; align-items: center;}
.shopping_detail .type_row .fr .sd_shop .sl .slt .name{ display: flex; align-items: center;}
.shopping_detail .type_row .fr .sd_shop .sl .slt .name img{ display: block; margin: 0 5px 0 0; width: auto; height: 30px;}
.shopping_detail .type_row .fr .sd_shop .sl .slt .name p{ font-size: 1.8em; font-weight: 400; color: #000;}
.shopping_detail .type_row .fr .sd_shop .sl .slt .info{ display: flex; align-items: center; margin: 0 0 0 5px;}
.shopping_detail .type_row .fr .sd_shop .sl .slt .info p{ font-size: 1.2em; color: #6b5cfd;}
.shopping_detail .type_row .fr .sd_shop .sl .slt .info span{ margin: 0 0 0 5px; font-size: 1.2em; color: #666;}
.shopping_detail .type_row .fr .sd_shop .sl .tag{ display: flex; flex-wrap: wrap; position: relative; margin: 10px 0 0 0; padding: 0 0 0 40px;}
.shopping_detail .type_row .fr .sd_shop .sl .tag p{ float: left; margin: 0 0 0 -40px; width: 40px; line-height: 2em; font-size: 1.2em; color: #999;}
.shopping_detail .type_row .fr .sd_shop .sl .tag a{ display: block; margin: 0 10px 0 0; line-height: 2em; font-size: 1.2em; color: #333;}

.shopping_detail .type_row .fr .sd_shop .sr{}
.shopping_detail .type_row .fr .sd_shop .sr .btn{ display: flex;}
.shopping_detail .type_row .fr .sd_shop .sr .btn a{ display: flex; justify-content: center; align-items: center; margin: 0 0 0 10px; width: 100px; height: 40px; border-radius: 20px; border: 1px solid rgba(0 0 0/10%); background: #FFF; cursor: pointer;}
.shopping_detail .type_row .fr .sd_shop .sr .btn a i{ margin: 0 5px 0 0; font-size: 1.6em; color: #333;}
.shopping_detail .type_row .fr .sd_shop .sr .btn a p{ font-size: 1.4em; font-weight: 300; color: #333;}
.shopping_detail .type_row .fr .sd_shop .sr .btn a:first-child{ margin: 0;}
.shopping_detail .type_row .fr .sd_shop .sr .btn a.btn_follow.on{ border-color: #6b5cfd; background: #6b5cfd;}
.shopping_detail .type_row .fr .sd_shop .sr .btn a.btn_follow.on i{ color: #FFF;}
.shopping_detail .type_row .fr .sd_shop .sr .btn a.btn_follow.on p{ color: #FFF;}

.shopping_detail .type_row .fr .sd_info{ margin: 20px 0 0 0; padding: 30px; border-radius: 5px; border: 1px solid #DDD;}
.shopping_detail .type_row .fr .sd_info .title{ display: flex; justify-content: space-between; align-items: center;}
.shopping_detail .type_row .fr .sd_info .title > p{ line-height: 1.2em; font-size: 2.5em; font-weight: 400; color: #000;}
.shopping_detail .type_row .fr .sd_info .title a{ flex: 0 0 140px; display: flex; justify-content: flex-end; align-items: center; cursor: pointer;}
.shopping_detail .type_row .fr .sd_info .title a i{ font-size: 1.4em; font-weight: 300; color: #6b5cfd;}
.shopping_detail .type_row .fr .sd_info .title a p{ margin: 0 2px; font-size: 1.3em; color: #6b5cfd;}
.shopping_detail .type_row .fr .sd_info .price{ display: flex; align-items: center; margin: 15px 0 0 0;}
.shopping_detail .type_row .fr .sd_info .price p{ font-size: 2.5em; font-weight: 500; color: #6b5cfd;}
.shopping_detail .type_row .fr .sd_info .price span{ display: flex; align-items: center; margin: 0 0 0 20px; padding: 0 10px; height: 25px; border-radius: 5px; background: #F00; font-size: 1.2em; color: #FFF;}
.shopping_detail .type_row .fr .sd_info .text{ margin: 20px 0 0 0;}
.shopping_detail .type_row .fr .sd_info .text a{ display: flex; align-items: center; padding: 8px 0;}
.shopping_detail .type_row .fr .sd_info .text a p{ flex: 0 0 80px; font-size: 1.3em; font-weight: 300; color: #999;}
.shopping_detail .type_row .fr .sd_info .text a span{ font-size: 1.3em; font-weight: 300; color: #333;}
.shopping_detail .type_row .fr .sd_info .qr{ display: flex; justify-content: flex-end; margin: -30px 0 0 0;}
.shopping_detail .type_row .fr .sd_info .qr .btn{ position: relative;}
.shopping_detail .type_row .fr .sd_info .qr .btn .head{ display: flex; align-items: center; height: 30px;}
.shopping_detail .type_row .fr .sd_info .qr .btn .head i{ font-size: 15px; color: #333; transition: all .2s;}
.shopping_detail .type_row .fr .sd_info .qr .btn .head i:first-child{ font-size: 30px;}
.shopping_detail .type_row .fr .sd_info .qr .btn .body{ display: none; position: absolute; top: 30px; right: 0; padding: 10px; border-radius: 4px; background: #FFF; box-shadow: 0 5px 15px 0 rgba(0 0 0/10%);}
.shopping_detail .type_row .fr .sd_info .qr .btn .body img{ display: block; width: 80px;}
.shopping_detail .type_row .fr .sd_info .qr .btn .body p{ padding: 10px 0 0 0; text-align: center; font-size: 12px; color: #666;}
.shopping_detail .type_row .fr .sd_info .qr .btn:hover .head i:last-child{ transform: rotate(180deg);}
.shopping_detail .type_row .fr .sd_info .qr .btn:hover .body{ display: block;}

.shopping_detail .type_row .fr .sd_info .info{ display: flex; margin: 20px 0 0 0; padding: 15px 0; background: #f0f0f0;}
.shopping_detail .type_row .fr .sd_info .info a{ display: flex; justify-content: center; align-items: center; width: 33.333%;}
.shopping_detail .type_row .fr .sd_info .info a img{ display: block; margin: 0 5px 0 0; width: auto; max-height: 12px;}
.shopping_detail .type_row .fr .sd_info .info a p{ font-size: 1.3em; color: #666;}

.shopping_detail .type_row .fr .sd_option{ margin: 20px 0 0 0; padding: 30px 30px; border-radius: 5px; border: 1px solid #DDD;}
.shopping_detail .type_row .fr .sd_option .row{ display: flex; margin: 20px 0 0 0; width: 100%;}
.shopping_detail .type_row .fr .sd_option .row:first-child{ margin: 0;}
.shopping_detail .type_row .fr .sd_option .row .tit{ flex: 0 0 80px; line-height: 30px; font-size: 1.3em; font-weight: 300; color: #999;}
.shopping_detail .type_row .fr .sd_option .row .color{ display: flex; flex-wrap: wrap; margin: -10px 0 0 0; width: 100%;}
.shopping_detail .type_row .fr .sd_option .row .color a{ display: block; position: relative; margin: 10px 0 0 0; padding: 5px; border-radius: 5px; border: 2px solid #FFF; cursor: pointer;}
.shopping_detail .type_row .fr .sd_option .row .color a p{ display: block; overflow: hidden; padding: 0 0 20px 0; width: 60px; height: 70px; border-radius: 3px;}
.shopping_detail .type_row .fr .sd_option .row .color a p > font{ display: block; height: 60px;}
.shopping_detail .type_row .fr .sd_option .row .color a font{ display: block; padding: 5px 0 0 0; text-align: center; font-size: 12px; color: #666;}
.shopping_detail .type_row .fr .sd_option .row .color a span{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: -8px; right: -5px; padding: 0 6px 0.5px 6px; min-width: 20px; height: 20px; border-radius: 20px; background: #6b5cfd; text-align: center; font-size: 12px; color: #FFF;}
.shopping_detail .type_row .fr .sd_option .row .color a.on{ border: 2px solid #6b5cfd;}

.shopping_detail .type_row .fr .sd_option .row .size{ width: 100%;}
.shopping_detail .type_row .fr .sd_option .row .size a{ display: flex; justify-content: space-between; align-items: center; margin: 15px 0 0 0; padding: 0;}
/*.shopping_detail .type_row .fr .sd_option .row .size a:first-child{ margin: 0;}*/
.shopping_detail .type_row .fr .sd_option .row .size a .t1{ width: 30%; font-weight: 300; font-size: 1.3em; color: #000;}
.shopping_detail .type_row .fr .sd_option .row .size a .t2{ width: 30%; font-size: 1.3em; color: #666;}
.shopping_detail .type_row .fr .sd_option .row .size a .btn{ display: flex;}
.shopping_detail .type_row .fr .sd_option .row .size a .btn i{ display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; border: 1px solid #DDD; background: #FFF; font-size: 1.3em; color: #000; cursor: pointer;}
.shopping_detail .type_row .fr .sd_option .row .size a .btn i:nth-child(1){ border-radius: 5px 0 0 5px;}
.shopping_detail .type_row .fr .sd_option .row .size a .btn i:nth-child(3){ border-radius: 0 5px 5px 0;}
.shopping_detail .type_row .fr .sd_option .row .size a .btn i:hover{ background: #f0f0f0;}
.shopping_detail .type_row .fr .sd_option .row .size a .btn input{ display: flex; align-items: center; margin: 0 -1px; padding: 0 10px; width: 80px; height: 30px; border-radius: 0; border: 1px solid rgba(0 0 0/10%); background: #FFF; text-align: center; font-size: 1.2em; font-weight: 200; color: #000; outline: none; -webkit-appearance: none;}

.sd_price_info{ margin: 20px 0 0 0;}
.sd_price_info .head{ position: relative; padding: 0 119px 0 0;}
.sd_price_info .head .hl{ display: flex; justify-content: center; align-items: center; height: 50px; border-radius: 5px 0 0 5px; border: 1px solid #DDD;}
.sd_price_info .head .hl p{ margin: 0 5px; font-size: 14px; font-weight: 500; color: #6b5cfd;}
.sd_price_info .head .hl p:last-child{ color: #6b5cfd;}
.sd_price_info .head .hr{ display: flex; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; width: 120px; height: 50px; border-radius: 0 5px 5px 0; border: 1px solid #DDD; background: #f5f5f5; cursor: pointer;}
.sd_price_info .head .hr p{ font-size: 14px; color: #000;}
.sd_price_info .head .hr i{ margin: 0 0 0 10px; font-size: 14px; color: #666; transition: all .5s;}
.sd_price_info .list{ display: none; margin: 10px 0 0 0; padding: 10px 20px; border-radius: 5px; border: 1px solid #DDD;}
.sd_price_info .list li{ display: flex; justify-content: space-between; align-items: center; padding: 15px 0; border-top: 1px solid #DDD;}
.sd_price_info .list li:first-child{ border-top: 0;}
.sd_price_info .list li .ll{ font-size: 12px; color: #000;}
.sd_price_info .list li .lr{ font-size: 12px; font-weight: 500; color: #6b5cfd;}
.sd_price_info.on .head .hr i{ transform: rotate(180deg);}

.shopping_detail .type_row .fr .sd_btn{ margin: 20px 0 0 0;}
.shopping_detail .type_row .fr .sd_btn ul{ display: flex; margin: 0 -5px;}
.shopping_detail .type_row .fr .sd_btn ul li{ width: 50%;}
.shopping_detail .type_row .fr .sd_btn ul li a{ display: flex; justify-content: center; align-items: center; margin: 0 5px; height: 70px; border-radius: 5px; border: 1px solid rgba(107 92 253/50%); background: #f0eeff; cursor: pointer;}
.shopping_detail .type_row .fr .sd_btn ul li a i{ font-size: 2.5em; font-weight: 400; color: #6b5cfd;}
.shopping_detail .type_row .fr .sd_btn ul li a p{ margin: 0 0 0 15px; font-size: 1.8em; font-weight: 400; color: #6b5cfd;}
.shopping_detail .type_row .fr .sd_btn ul li:nth-child(1){ flex: 0 0 80px;}
.shopping_detail .type_row .fr .sd_btn ul li:nth-child(1).on a{ border-color: #6b5cfd; background: #6b5cfd;}
.shopping_detail .type_row .fr .sd_btn ul li:nth-child(1).on a i{ color: #FFF;}
.shopping_detail .type_row .fr .sd_btn ul li:nth-child(3) a{ border-color: #6b5cfd; background: #6b5cfd;}
.shopping_detail .type_row .fr .sd_btn ul li:nth-child(3) a i{ color: #FFF;}
.shopping_detail .type_row .fr .sd_btn ul li:nth-child(3) a p{ color: #FFF;}

.shopping_detail .type_row .fr .sd_text{ margin: 20px 0 0 0; padding: 20px 30px; border-radius: 5px; border: 1px solid #DDD;}
.shopping_detail .type_row .fr .sd_text ul{}
.shopping_detail .type_row .fr .sd_text ul li{ border-top: 1px solid #f0f0f0;}
.shopping_detail .type_row .fr .sd_text ul li:first-child{ border: 0;}
.shopping_detail .type_row .fr .sd_text ul li .head{ display: flex; justify-content: space-between; align-items: center; padding: 20px 0; cursor: pointer;}
.shopping_detail .type_row .fr .sd_text ul li .head p{ font-size: 1.3em; font-weight: 300; color: #000;}
.shopping_detail .type_row .fr .sd_text ul li .head i{ font-size: 1.3em; color: #999; transition: all .3s;}
.shopping_detail .type_row .fr .sd_text ul li .body{ display: none; padding: 30px; background: #f5f5f5;}
.shopping_detail .type_row .fr .sd_text ul li .body p{ line-height: 1.5; font-size: 1.3em; color: #333;}
.shopping_detail .type_row .fr .sd_text ul li:first-child .body{ display: block;}
.shopping_detail .type_row .fr .sd_text ul li.on .head i{ transform: rotate(180deg);}
.shopping_detail .bg{ position: absolute; top: -200px; right: 0; bottom: 0; left: 0; background: #FFF;}
@media(max-width: 1400px){
    .shopping_detail .type_row{ padding: 0 0 50px 450px;}
    .shopping_detail .type_row .fl{ margin: 0 0 0 -450px; width: 400px;}
    .shopping_detail .type_row .fl .shopping_detail_img .shopping_detail_img_page_box{ padding: 10px 20px 20px 20px;}
    .shopping_detail .type_row .fl .shopping_detail_img .shopping_detail_img_page_box #shopping_detail_img_page2 a img{ height: 50px;}
    .shopping_detail .type_row .fl .info{ padding: 15px 20px;}
}
@media(max-width: 1025px){
    .shopping_detail .type_row{ padding: 0 0 50px 0;}
    .shopping_detail .type_row .fl{ float: initial; margin: 0; width: auto;}
    .shopping_detail .type_row .fr{ margin: 20px 0 0 0;}
}
@media(max-width: 767px){
    .shopping_detail .type_row{ padding: 0 0 20px 0;}
    .shopping_detail .type_row .fl .shopping_detail_img .shopping_detail_img_page_box{ padding: 10px 15px 15px 15px;}
    .shopping_detail .type_row .fl .shopping_detail_img .shopping_detail_img_page_box #shopping_detail_img_page2 a{ margin: 5px 5px 0 0;}
    .shopping_detail .type_row .fl .shopping_detail_img .shopping_detail_img_page_box #shopping_detail_img_page2 a img{ height: 40px;}

    .shopping_detail .type_row .fl .info{ padding: 10px 15px;}
    .shopping_detail .type_row .fl .info .img{ margin: 0 5px 0 0; width: 25px; height: 25px;}
    .shopping_detail .type_row .fl .info .img img{ max-height: 9px;}

    .shopping_detail .type_row .fr .sd_shop{ display: block; padding: 15px;}
    .shopping_detail .type_row .fr .sd_shop .sl .slt .info p{ font-size: 11px;}
    .shopping_detail .type_row .fr .sd_shop .sl .slt .info span{ font-size: 11px;}

    .shopping_detail .type_row .fr .sd_shop .sr{ margin: 15px 0 0 0;}
    .shopping_detail .type_row .fr .sd_shop .sr .btn{ margin: 0 -2.5px;}
    .shopping_detail .type_row .fr .sd_shop .sr .btn a{ margin: 0 2.5px !important; width: 100%; height: 35px;}

    .shopping_detail .type_row .fr .sd_info{ padding: 15px;}
    .shopping_detail .type_row .fr .sd_info .title > p{ font-size: 2em;}
    .shopping_detail .type_row .fr .sd_info .title a{ flex: 0 0 120px;}
    .shopping_detail .type_row .fr .sd_info .price p{ font-size: 2em;}
    .shopping_detail .type_row .fr .sd_info .price span{ margin: 0 0 0 15px; font-size: 11px;}
    .shopping_detail .type_row .fr .sd_info .text a p{ flex: 0 0 80px; font-size: 1.2em;}
    .shopping_detail .type_row .fr .sd_info .text a span{ font-size: 1.2em;}

    .shopping_detail .type_row .fr .sd_option{ padding: 15px 15px;}
    .shopping_detail .type_row .fr .sd_option .row{ margin: 15px 0 0 0;}
    .shopping_detail .type_row .fr .sd_option .row .tit{ flex: 0 0 60px; font-size: 1.2em;}
    .shopping_detail .type_row .fr .sd_option .row .color a p{ width: 50px; height: 60px;}
    .shopping_detail .type_row .fr .sd_option .row .color a p > font{ height: 50px;}
    .shopping_detail .type_row .fr .sd_option .row .color a font{ font-size: 10px;}
    .shopping_detail .type_row .fr .sd_option .row .color a.on span{ padding: 0 3px 0.5px 3px; min-width: 16px; height: 16px; font-size: 10px;}

    .shopping_detail .type_row .fr .sd_option .row .size a .t1{ width: 30%; font-weight: 300; font-size: 1.3em; color: #000;}
    .shopping_detail .type_row .fr .sd_option .row .size a .t2{ width: 30%; font-size: 1.3em; color: #666;}
    .shopping_detail .type_row .fr .sd_option .row .size a .btn input{ padding: 0 5px; width: 60px;}

    .shopping_detail .type_row .fr .sd_btn ul{ flex-wrap: wrap;}
    .shopping_detail .type_row .fr .sd_btn ul li a{ height: 50px;}
    .shopping_detail .type_row .fr .sd_btn ul li:nth-child(1){ flex: initial; width: 20%;}
    .shopping_detail .type_row .fr .sd_btn ul li:nth-child(2){ width: 80%;}
    .shopping_detail .type_row .fr .sd_btn ul li:nth-child(3){ margin: 10px 0 0 0; width: 100%;}

    .shopping_detail .type_row .fr .sd_text{ padding: 10px 15px;}
    .shopping_detail .type_row .fr .sd_text ul li .body{ padding: 20px;}
    .shopping_detail .type_row .fr .sd_text ul li .body p{ line-height: 1.8;}
}




.shopping_detail_tit{ display: flex; justify-content: center; align-items: center; padding: 40px 0;}
.shopping_detail_tit img{ display: block; margin: 0 10px 0 0;}
.shopping_detail_tit p{ font-size: 3em; font-weight: 400; color: #000;}
@media(max-width: 767px){
    .shopping_detail_tit{ padding: 20px 0;}
    .shopping_detail_tit img{ margin: 0 5px 0 0; width: auto; height: 35px;}
    .shopping_detail_tit p{ font-size: 2.5em;}
}




.shopmy_list{ margin: 0px 0 0 0;}
.shopmy_list .type_row{}
.shopmy_list .type_row > ul{}
.shopmy_list .type_row > ul > li{ margin: 20px 0 0 0;}
.shopmy_list .type_row > ul > li:first-child{ margin: 0;}
.shopmy_list .type_row > ul > li .row{ display: flex; overflow: hidden; position: relative; z-index: 1; border-radius: 5px; background: #FFF; border: 1px solid rgba(0 0 0/10%); box-shadow: 0 5px 15px 0 rgba(0 0 0/5%);}
.shopmy_list .type_row > ul > li .row .fl{ flex: 0 0 300px; position: relative; padding: 30px; border-right: 1px solid rgba(0 0 0/5%);}
.shopmy_list .type_row > ul > li .row .fl .icon{ display: block; position: absolute; top: 30px; left: 30px; width: 35px; height: 35px;}
.shopmy_list .type_row > ul > li .row .fl .name{ margin: 30px 0 0 0; text-align: center;}
.shopmy_list .type_row > ul > li .row .fl .name .t1{ font-size: 1.8em; font-weight: 400; color: #000;}
.shopmy_list .type_row > ul > li .row .fl .name .t2{ margin: 10px 0 0 0; font-size: 1.3em; color: #666;}
.shopmy_list .type_row > ul > li .row .fl .info{ display: flex; margin: 30px 0 0 0;}
.shopmy_list .type_row > ul > li .row .fl .info a{ display: flex; flex-direction: column; align-items: center; width: 50%; border-left: 1px solid #DDD;}
.shopmy_list .type_row > ul > li .row .fl .info a:first-child{ border: 0;}
.shopmy_list .type_row > ul > li .row .fl .info a .t1{ font-size: 1.2em; color: #666;}
.shopmy_list .type_row > ul > li .row .fl .info a .t2{ padding: 5px 0 0 0; font-size: 1.5em; font-weight: 400; color: #000;}
.shopmy_list .type_row > ul > li .row .fl .tag{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 30px 0 0 0;}
.shopmy_list .type_row > ul > li .row .fl .tag > *{ margin: 0 5px; line-height: 1.5; font-size: 1.2em; color: #666;}
.shopmy_list .type_row > ul > li .row .fl .btn{ display: flex; margin: 30px -5px 0 -5px;}
.shopmy_list .type_row > ul > li .row .fl .btn a{ display: flex; justify-content: center; align-items: center; margin: 0 5px; width: 100%; height: 40px; border-radius: 20px; border: 1px solid rgba(0 0 0/10%); background: #FFF; cursor: pointer;}
.shopmy_list .type_row > ul > li .row .fl .btn a i{ margin: 0 5px 0 0; font-size: 1.6em; color: #333;}
.shopmy_list .type_row > ul > li .row .fl .btn a p{ font-size: 1.4em; font-weight: 300; color: #333;}
.shopmy_list .type_row > ul > li .row .fl .btn a.btn_follow.on{ border-color: #6b5cfd; background: #6b5cfd;}
.shopmy_list .type_row > ul > li .row .fl .btn a.btn_follow.on i{ color: #FFF;}
.shopmy_list .type_row > ul > li .row .fl .btn a.btn_follow.on p{ color: #FFF;}
.shopmy_list .type_row > ul > li .row .fr{ display: flex; align-items: center; padding: 30px; width: 100%; background: #f5f8fa;}
.shopmy_list .type_row > ul > li .row .fr ul{ display: flex; width: 100%;}
.shopmy_list .type_row > ul > li .row .fr ul li{ width: 20%;}
.shopmy_list .type_row > ul > li .row .fr ul li a{ overflow: hidden; display: block; margin: 0 7.5px; border-radius: 5px; background: #FFF; box-shadow: 0 5px 15px 0 rgba(0 0 0/5%);}
.shopmy_list .type_row > ul > li .row .fr ul li a .img{ display: block;}
.shopmy_list .type_row > ul > li .row .fr ul li a .img img{ display: block; width: 100%; height: auto;}
.shopmy_list .type_row > ul > li .row .fr ul li a .text{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 20px;}
.shopmy_list .type_row > ul > li .row .fr ul li a .text p{ font-size: 1.5em; font-weight: 500; color: #6b5cfd;}
.shopmy_list .type_row > ul > li .row .fr ul li a .text span{ padding: 5px 0; font-size: 1.2em; color: #666;}

.shopmy_list.mypage .type_row > ul > li .row .fr ul li{ width: 25%;}
.shopmy_list.mypage .type_row > ul > li .row .fr ul li:nth-child(5){ display: none;}
@media(max-width: 1400px){
    .shopmy_list .type_row > ul > li .row .fr ul li{ width: 25%;}
    .shopmy_list .type_row > ul > li .row .fr ul li:nth-child(5){ display: none;}
    .shopmy_list .type_row > ul > li .row .fr ul li a .text{ display: block; padding: 15px;}
    .shopmy_list .type_row > ul > li .row .fr ul li a .text span{ display: block; margin: 10px 0 0 0; padding: 0; font-size: 11px;}

    .shopmy_list.mypage .type_row > ul > li .row .fr ul li{ width: 33.333%;}
    .shopmy_list.mypage .type_row > ul > li .row .fr ul li:nth-child(4){ display: none;}
}
@media(max-width: 1025px){
    .shopmy_list .type_row > ul > li .row{ display: block;}
    .shopmy_list .type_row > ul > li .row .fl{ border-right: 0; border-bottom: 1px solid rgba(0 0 0/5%);}
    .shopmy_list .type_row > ul > li .row .fl .name{ margin: 0;}
    .shopmy_list .type_row > ul > li .row .fl .info a{ flex-direction: initial; justify-content: center;}
    .shopmy_list .type_row > ul > li .row .fl .info a .t2{ padding: 0 0 0 5px;}
    .shopmy_list .type_row > ul > li .row .fr ul li{ width: 33.333%;}
    .shopmy_list .type_row > ul > li .row .fr ul li:nth-child(4){ display: none;}
}
@media(max-width: 767px){
    .shopmy_list{ margin: 15px 0 0 0;}
    .shopmy_list .type_row > ul > li{ margin: 10px 0 0 0;}
    .shopmy_list .type_row > ul > li .row .fl{ padding: 15px 15px 20px 15px;}
    .shopmy_list .type_row > ul > li .row .fl .icon{ top: 10px; left: 10px; width: 30px; height: 30px;}
    .shopmy_list .type_row > ul > li .row .fl .name{ margin: 10px 0 0 0;}
    .shopmy_list .type_row > ul > li .row .fl .info{ margin: 15px 0 0 0;}
    .shopmy_list .type_row > ul > li .row .fl .tag{ margin: 15px 0 0 0;}
    .shopmy_list .type_row > ul > li .row .fl .btn{ margin: 15px -5px 0 -5px;}
    .shopmy_list .type_row > ul > li .row .fl .btn a{ height: 35px;}
    .shopmy_list .type_row > ul > li .row .fr{ padding: 15px 10px;}
    .shopmy_list .type_row > ul > li .row .fr ul li a{ margin: 0 5px;}
    .shopmy_list .type_row > ul > li .row .fr ul li a .text{ padding: 10px 10px;}
    .shopmy_list .type_row > ul > li .row .fr ul li a .text p{ font-size: 12px;}
    .shopmy_list .type_row > ul > li .row .fr ul li a .text span{ margin: 3px 0 0 0; font-size: 10px;}
}




.shop_list{ margin: -20px 0 0 0;}
.shop_list .type_row{}
.shop_list .type_row > ul{ display: flex; flex-wrap: wrap; margin: 0 -10px;}
.shop_list .type_row > ul > li{ margin: 20px 0 0 0; width: 50%;}
.shop_list .type_row > ul > li .row{ overflow: hidden; margin: 0 10px; border-radius: 5px; border: 1px solid rgba(0 0 0/10%); background: #FFF; box-shadow: 0 5px 15px 0 rgba(0 0 0/5%);}
.shop_list .type_row > ul > li .row .shop{ position: relative; padding: 30px 260px 30px 30px; border-bottom: 1px solid rgba(0 0 0/5%);}
.shop_list .type_row > ul > li .row .shop .sl{}
.shop_list .type_row > ul > li .row .shop .sl .slt{ display: flex; align-items: center;}
.shop_list .type_row > ul > li .row .shop .sl .slt .name{ display: flex; align-items: center;}
.shop_list .type_row > ul > li .row .shop .sl .slt .name img{ display: block; margin: 0 5px 0 0; width: auto; height: 30px;}
.shop_list .type_row > ul > li .row .shop .sl .slt .name p{ line-height: 30px; font-size: 1.8em; font-weight: 400; color: #000;}
.shop_list .type_row > ul > li .row .shop .sl .slt .info{ display: flex; align-items: center; margin: 0 0 0 5px;}
.shop_list .type_row > ul > li .row .shop .sl .slt .info p{ font-size: 1.2em; color: #6b5cfd;}
.shop_list .type_row > ul > li .row .shop .sl .slt .info span{ margin: 0 0 0 5px; font-size: 1.2em; color: #666;}
.shop_list .type_row > ul > li .row .shop .sl .tag{ position: relative; margin: 10px 0 0 0; padding: 0 0 0 40px;}
.shop_list .type_row > ul > li .row .shop .sl .tag p{ float: left; margin: 0 0 0 -40px; width: 40px; line-height: 2em; font-size: 1.2em; color: #999;}
.shop_list .type_row > ul > li .row .shop .sl .tag a{ display: block; width: 100%; line-height: 2em; font-size: 1.2em; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.shop_list .type_row > ul > li .row .shop .sl .info{ display: flex; align-items: center; margin: 10px 0 0 -20px;}
.shop_list .type_row > ul > li .row .shop .sl .info a{ display: flex; align-items: center; margin: 0 0 0 20px;}
.shop_list .type_row > ul > li .row .shop .sl .info a .t1{ font-size: 1.2em; color: #666;}
.shop_list .type_row > ul > li .row .shop .sl .info a .t2{ margin: 0 0 0 5px; font-size: 1.2em; font-weight: 400; color: #000;}

.shop_list .type_row > ul > li .row .shop .sr{ position: absolute; top: 50%; right: 30px; margin: -20px 0 0 0;}
.shop_list .type_row > ul > li .row .shop .sr .btn{ display: flex;}
.shop_list .type_row > ul > li .row .shop .sr .btn a{ display: flex; justify-content: center; align-items: center; margin: 0 0 0 10px; width: 100px; height: 40px; border-radius: 20px; border: 1px solid rgba(0 0 0/10%); background: #FFF; cursor: pointer;}
.shop_list .type_row > ul > li .row .shop .sr .btn a i{ margin: 0 5px 0 0; font-size: 1.6em; color: #333;}
.shop_list .type_row > ul > li .row .shop .sr .btn a p{ font-size: 1.4em; font-weight: 300; color: #333;}
.shop_list .type_row > ul > li .row .shop .sr .btn a:first-child{ margin: 0;}
.shop_list .type_row > ul > li .row .shop .sr .btn a.btn_follow.on{ border-color: #6b5cfd; background: #6b5cfd;}
.shop_list .type_row > ul > li .row .shop .sr .btn a.btn_follow.on i{ color: #FFF;}
.shop_list .type_row > ul > li .row .shop .sr .btn a.btn_follow.on p{ color: #FFF;}
.shop_list .type_row > ul > li .row .list{ position: relative; padding: 30px 25px; background: #f5f8fa;}
.shop_list .type_row > ul > li .row .list .ranking{ position: absolute; z-index: 10; top: 0; left: 20px;}
.shop_list .type_row > ul > li .row .list .ranking span{ display: block; position: absolute; top: 18px; right: 0; left: 0; text-align: center; font-size: 14px; font-weight: 400; color: #FFF;}
.shop_list .type_row > ul > li .row .list .ranking img{}
.shop_list .type_row > ul > li .row .list ul{ display: flex;}
.shop_list .type_row > ul > li .row .list ul li{ width: 20%;}
.shop_list .type_row > ul > li .row .list ul li a{ overflow: hidden; display: block; margin: 0 5px; border-radius: 5px; background: #FFF; box-shadow: 0 5px 15px 0 rgba(0 0 0/5%);}
.shop_list .type_row > ul > li .row .list ul li a .img{ display: block;}
.shop_list .type_row > ul > li .row .list ul li a .img img{ display: block; width: 100%; height: auto;}
.shop_list .type_row > ul > li .row .list ul li a .text{ padding: 15px 0; text-align: center;}
.shop_list .type_row > ul > li .row .list ul li a .text span{ font-size: 1.2em; color: #666;}
@media(max-width: 1400px){
    .shop_list .type_row > ul > li .row .shop .sl .slt{ display: block;}
    .shop_list .type_row > ul > li .row .shop .sl .slt .info{ margin: 10px 0 0 0;}
    .shop_list .type_row > ul > li .row .list ul li{ width: 25%;}
    .shop_list .type_row > ul > li .row .list ul li:nth-child(5){ display: none;}
}
@media(max-width: 1025px){
    .shop_list .type_row > ul > li .row .shop{ display: block; padding: 20px;}
    .shop_list .type_row > ul > li .row .shop .sl .slt{ display: flex;}
    .shop_list .type_row > ul > li .row .shop .sl .slt .info{ margin: 0 0 0 10px;}
    .shop_list .type_row > ul > li .row .shop .sl .slt .info span{ font-size: 10px;}
    .shop_list .type_row > ul > li .row .shop .sr{ position: initial; margin: 20px 0 0 0;}
    .shop_list .type_row > ul > li .row .shop .sr .btn a{ margin: 0 5px !important; width: 50%;}
    .shop_list .type_row > ul > li .row .list{ padding: 20px 15px;}
    .shop_list .type_row > ul > li .row .list .ranking{ left: 10px;}
    .shop_list .type_row > ul > li .row .list ul li{ width: 33.333%;}
    .shop_list .type_row > ul > li .row .list ul li:nth-child(4){ display: none;}

}
@media(max-width: 767px){
    .shop_list{ margin: -10px 0 0 0;}
    .shop_list .type_row > ul{ margin: 0;}
    .shop_list .type_row > ul > li{ margin: 10px 0 0 0; width: 100%;}
    .shop_list .type_row > ul > li .row{ margin: 0;}
    .shop_list .type_row > ul > li .row .shop{ padding: 15px 15px 20px 15px;}

    .shop_list .type_row > ul > li .row .shop .sl{ display: flex; flex-direction: column; align-items: center;}
    .shop_list .type_row > ul > li .row .shop .sl .slt{ flex-direction: column; margin: 10px 0 0 0;}
    .shop_list .type_row > ul > li .row .shop .sl .slt .name img{ position: absolute; top: 10px; left: 10px; margin: 0;}
    .shop_list .type_row > ul > li .row .shop .sl .slt .name p{ line-height: initial;}
    .shop_list .type_row > ul > li .row .shop .sl .slt .info{ margin: 10px 0 0 0;}
    .shop_list .type_row > ul > li .row .shop .sl .slt .info p{ font-size: 1.3em;}
    .shop_list .type_row > ul > li .row .shop .sl .slt .info span{ margin: 0 0 0 10px; font-size: 1.3em;}
    .shop_list .type_row > ul > li .row .shop .sl .tag{ margin: 15px 0 0 0; max-width: 100%; width: auto;}

    .shop_list .type_row > ul > li .row .shop .sr{ margin: 15px -5px 0 -5px;}
    .shop_list .type_row > ul > li .row .shop .sr .btn a{ height: 35px;}

    .shop_list .type_row > ul > li .row .list{ padding: 15px 10px;}
    .shop_list .type_row > ul > li .row .list ul li a .text{ padding: 10px 0;}
    .shop_list .type_row > ul > li .row .list ul li a .text span{ font-size: 10px;}
}







.shop_detail{ margin: 0 0 30px 0;}
.shop_detail .type_row{ display: flex; flex-wrap: wrap; align-items: center; overflow: hidden; position: relative; border-radius: 5px; border: 1px solid rgba(0 0 0/10%); background: #f6fafc; box-shadow: 0 5px 15px 0 rgba(0 0 0/5%);}
.shop_detail .type_row .fl{ display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; top: 0; bottom: 0; left: 0; padding: 50px; width: 50%; background: #FFF;}
.shop_detail .type_row .fl:after{ content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/30%);}
.shop_detail .type_row .fl .name{ display: flex; flex-direction: column; align-items: center; position: relative; z-index: 10;}
.shop_detail .type_row .fl .name .t2{ display: flex; align-items: center;}
.shop_detail .type_row .fl .name .t2 p{ font-size: 1.4em; color: #FFF;}
.shop_detail .type_row .fl .name .t2 p:first-child{ color: #FFF;}
.shop_detail .type_row .fl .name .t2 span{ display: block; margin: 0 15px; width: 1px; height: 10px; background: rgba(0 0 0/10%);}
.shop_detail .type_row .fl .name .t1{ display: flex; align-items: center; margin: 10px 0 0 0;}
.shop_detail .type_row .fl .name .t1 .icon{ display: block; margin: 0 5px 0 0; width: auto; height: 40px;}
.shop_detail .type_row .fl .name .t1 p{ font-size: 4em; font-weight: 400; color: #FFF;}
.shop_detail .type_row .fl .tag{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; position: relative; z-index: 10; margin: 10px 0 0 0;}
.shop_detail .type_row .fl .tag p{ width: 40px; line-height: 2; font-size: 1.4em; color: rgba(255 255 255/60%);}
.shop_detail .type_row .fl .tag a{ display: block; margin: 0 10px 0 0; line-height: 2; font-size: 1.4em; color: rgba(255 255 255/90%);}
.shop_detail .type_row .fl .btn{ display: flex; flex-wrap: wrap; justify-content: center; position: relative; z-index: 10; margin: 20px 0 0 0;}

.shop_detail .type_row .fl .btn a{ display: flex; justify-content: center; align-items: center; margin: 5px 2.5px 0 2.5px; padding: 0 20px; width: auto; height: 45px; border-radius: 30px; background: #f6fafc; box-shadow: 0 0 0 1px rgba(0 0 0/10%); cursor: pointer;}
.shop_detail .type_row .fl .btn a i{ font-size: 2.4em; color: #333;}
.shop_detail .type_row .fl .btn a p{ margin: 0 0 0 5px; font-size: 1.4em; font-weight: 300; color: #333;}

.shop_detail .type_row .fl .btn a.on{ background: #6b5cfd; box-shadow: none;}
.shop_detail .type_row .fl .btn a.on i{ color: #FFF;}
.shop_detail .type_row .fl .btn a.on p{ color: #FFF;}

.shop_detail .type_row .fl .btn a.btn_follow i{ font-size: 2em;}
.shop_detail .type_row .fl .btn a.btn_prohibit i{ transform: rotate(-45deg);}

.shop_detail .type_row .fl .btn a.btn_prohibit.on{ border-color: #F00; background: #F00;}
.shop_detail .type_row .fl .btn a.btn_prohibit.on i{ color: #FFF;}

.shop_detail .type_row .fr{ display: flex; flex-direction: column; margin: 0 0 0 50%; padding: 50px; width: 50%; height: 100%;}
.shop_detail .type_row .fr .info{ display: flex; width: 100%;}
.shop_detail .type_row .fr .info a{ display: flex; flex-direction: column; align-items: center; width: 50%; border-left: 1px solid rgba(0 0 0/10%);}
.shop_detail .type_row .fr .info a:first-child{ border: 0;}
.shop_detail .type_row .fr .info a .t1{ font-size: 1.4em; color: rgba(0 0 0/50%);}
.shop_detail .type_row .fr .info a .t2{ margin: 10px 0 0 0; font-size: 2.5em; font-weight: 500; color: #000;}
.shop_detail .type_row .fr .search{ margin: 30px 0 0 0; position: relative; width: 100%; width: 100%;}
.shop_detail .type_row .fr .search i{ position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; width: 50px; display: flex; justify-content: center; align-items: center; font-size: 2.2em; color: #000; cursor: pointer;}
.shop_detail .type_row .fr .search input{ display: flex; align-items: center; margin: 0; padding: 0 20px; width: 100%; height: 50px; border-radius: 30px; border: 1px solid rgba(0 0 0/10%); background: #FFF; font-size: 1.4em; font-weight: 300; color: #000; outline: none; -webkit-appearance: none;}

.shop_detail .type_row .fr .btn{ display: flex; flex-wrap: wrap; justify-content: center; position: relative; z-index: 10; margin: 20px -0.5% 0 -0.5%;}
.shop_detail .type_row .fr .btn a{ display: flex; justify-content: center; align-items: center; margin: 5px 0.5% 0 0.5%; width: 24%; height: 45px; border-radius: 30px; border: 1px solid #DDD; background: #FFF; cursor: pointer;}
.shop_detail .type_row .fr .btn a i{ font-size: 2.4em; color: #333;}
.shop_detail .type_row .fr .btn a p{ margin: 0 0 0 5px; font-size: 1.4em; font-weight: 300; color: #333;}

.shop_detail .type_row .fr .btn a.on{ border-color: #6b5cfd; background: #6b5cfd; box-shadow: none;}
.shop_detail .type_row .fr .btn a.on i{ color: #FFF;}
.shop_detail .type_row .fr .btn a.on p{ color: #FFF;}

.shop_detail .type_row .fr .btn a.btn_follow i{ font-size: 2em;}
.shop_detail .type_row .fr .btn a.btn_prohibit i{ transform: rotate(-45deg);}

.shop_detail .type_row .fr .btn a.btn_prohibit.on{ border-color: #F00; background: #F00;}
.shop_detail .type_row .fr .btn a.btn_prohibit.on i{ color: #FFF;}
@media(max-width: 1500px){
    .shop_detail .type_row .fl{ padding: 50px 20px;}
    .shop_detail .type_row .fl .btn a{ margin: 5px 1% 0 1%; width: 48%;}
    .shop_detail .type_row .fr{ padding: 50px 30px;}
    .shop_detail .type_row .fr .btn a{ margin: 5px 1% 0 1%; width: 48%;}
}
@media(max-width: 1025px){
    .shop_detail .type_row .fl .name .t1 p{ font-size: 3em;}
}
@media(max-width: 767px){
    .shop_detail{ margin: 0 0 15px 0;}
    .shop_detail .type_row{ display: block;}
    .shop_detail .type_row .fl{ position: relative; top: initial; left: initial; bottom: initial; padding: 50px 15px; width: auto; border: 0; border-bottom: 1px solid rgba(0 0 0/7%);}
    .shop_detail .type_row .fl .name .t1 .icon{ height: 30px;}

    .shop_detail .type_row .fl .btn{ margin: 15px 0 0 0; width: 100%;}
    .shop_detail .type_row .fl .btn a{ height: 40px;}

    .shop_detail .type_row .fr{ padding: 25px 15px; margin: 0; width: 100%;}
    .shop_detail .type_row .fr .search{ margin: 20px 0 0 0; max-width: 100%;}
    .shop_detail .type_row .fr .search i{ width: 40px;}
    .shop_detail .type_row .fr .search input{ padding: 0 15px; height: 40px;}

    .shop_detail .type_row .fr .btn{ margin: 15px 0 0 0; width: 100%;}
    .shop_detail .type_row .fr .btn a{ height: 40px;}

}







.shopping_cart_head{ margin: 0 0 30px 0;}
.shopping_cart_head .type_row{ overflow: hidden; position: relative; padding: 20px 0; border-radius: 5px; border: 1px solid rgba(0 0 0/10%); background: #FFF; box-shadow: 0 5px 15px 0 rgba(0 0 0/5%);}
.shopping_cart_head .type_row .step{}
.shopping_cart_head .type_row .step{ position: relative; margin: 0 auto; max-width: 300px;}
.shopping_cart_head .type_row .step ul{ display: flex; justify-content: space-between; position: relative; z-index: 10;}
.shopping_cart_head .type_row .step ul li{}
.shopping_cart_head .type_row .step ul li a{ display: flex; justify-content: center; align-items: center; margin: 0 auto; width: 40px; height: 40px; border-radius: 50%; background: #000;}
.shopping_cart_head .type_row .step ul li a img{ display: block; width: auto; height: 18px;}
.shopping_cart_head .type_row .step ul li p{ margin: 8px 0 0 0; text-align: center; font-size: 1.2em; color: #333;}
.shopping_cart_head .type_row .step ul li.on a{ background: #6b5cfd;}
.shopping_cart_head .type_row .step ul li.on p{ font-weight: 400;}
.shopping_cart_head .type_row .step .line{ position: absolute; top: 19px; right: 5px; left: 5px; height: 2px; background: rgba(0 0 0/20%);}
.shopping_cart_head .type_row .step .line span{ display: block; height: 2px; background: #6b5cfd;}

.shopping_cart_head .type_row .foot{ display: flex; justify-content: space-between; align-items: center; position: absolute; top: 50%; right: 30px; left: 30px; transform:translate(0,-50%);}
.shopping_cart_head .type_row .foot .check{ display: flex; align-items: center; cursor: pointer;}
.shopping_cart_head .type_row .foot .check i{ display: flex;justify-content: center; align-items: center; margin: 0 5px 0 0; width: 18px; height: 18px; border-radius: 5px; border: 1px solid #DDD; background: #FFF; font-size: 12px; color: #999;}
.shopping_cart_head .type_row .foot .check p{ display: block; line-height: 2.5; font-size: 1.3em; color: #333;}
.shopping_cart_head .type_row .foot .check.on i{ border-color: #6b5cfd; background: #6b5cfd; color: #FFF;}
.shopping_cart_head .type_row .foot .check.on p{ font-weight: 400; color: #6b5cfd;}

.shopping_cart_head .type_row .foot .fr{ display: flex; align-items: center;}
.shopping_cart_head .type_row .foot .fr .price{ display: flex; align-items: flex-end; margin: 0 30px 0 0;}
.shopping_cart_head .type_row .foot .fr .price p{ font-size: 1.3em; color: #666;}
.shopping_cart_head .type_row .foot .fr .price span{ margin: 0 0 0 10px; font-size: 2em; font-weight: 500; color: #6b5cfd;}
.shopping_cart_head .type_row .foot .fr .btn{ display: flex; justify-content: center; align-items: center; width: 120px; height: 40px; border-radius: 20px; background: #6b5cfd; cursor: pointer;}
.shopping_cart_head .type_row .foot .fr .btn p{ font-size: 1.5em; font-weight: 400; color: #FFF;}
@media(max-width: 1400px){
    .shopping_cart_head .type_row .step{ max-width: 250px;}
    .shopping_cart_head .type_row .foot .fr .price{ margin: 0 15px 0 0;}
    .shopping_cart_head .type_row .foot .fr .btn{ width: 100px;}
    .shopping_cart_head .type_row .foot .fr .btn p{ font-size: 1.4em;}
}
@media(max-width: 1025px){
    .shopping_cart_head .type_row .foot{ position: initial; transform:translate(0,0); margin: 20px 0 -20px 0; padding: 20px 30px; border-top: 1px solid rgba(0 0 0/5%); background: #f6fafc;}
}
@media(max-width: 767px){
    .shopping_cart_head{ margin: 0 0 15px 0;}
    .shopping_cart_head .type_row{ padding: 15px 0;}
    .shopping_cart_head .type_row .step ul li a{ width: 35px; height: 35px;}
    .shopping_cart_head .type_row .step ul li a img{ height: 14px;}
    .shopping_cart_head .type_row .step .line{ top: 16.5px;}

    .shopping_cart_head .type_row .foot{ display: block; margin: 15px 0 -15px 0; padding: 15px 15px 20px 15px;}
    .shopping_cart_head .type_row .foot .check{ height: 30px;}

    .shopping_cart_head .type_row .foot .fr{ flex-direction: column; align-items: flex-end; margin: -30px 0 0 0;}
    .shopping_cart_head .type_row .foot .fr .price{ align-items: center; margin: 0; height: 30px;}
    .shopping_cart_head .type_row .foot .fr .price span{ font-size: 2.5em;}
    .shopping_cart_head .type_row .foot .fr .btn{ margin: 10px 0 0 0; width: 100%; height: 40px;}
    .shopping_cart_head .type_row .foot .fr .btn p{ font-size: 14px;}
}




.shopping_cart_delivery{}
.shopping_cart_delivery .type_row{ position: relative; border-radius: 5px; border: 1px solid rgba(0 0 0/10%); background: #FFF; box-shadow: 0 5px 15px 0 rgba(0 0 0/5%);}
.shopping_cart_delivery .type_row .head{ display: flex; justify-content: space-between; align-items: center; padding: 25px 30px; border-radius: 5px 5px 0 0; border-bottom: 1px solid rgba(0 0 0/5%); background: #f6fafc;}
.shopping_cart_delivery .type_row .head p{ font-size: 1.3em; font-weight: 300; color: #000;}
.shopping_cart_delivery .type_row .body{}
.shopping_cart_delivery .type_row .body .list{ padding: 30px;}
.shopping_cart_delivery .type_row .body .list ul{ display: flex; flex-wrap: wrap; margin: -10px -5px 0 -5px;}
.shopping_cart_delivery .type_row .body .list ul li{ margin: 10px 0 0 0; width: 25%;}
.shopping_cart_delivery .type_row .body .list ul li a{ display: block; position: relative; margin: 0 5px; padding: 20px; min-height: 120px; height: 100%; border-radius: 5px; border: 1px solid #DDD; background: #f6fafc; cursor: pointer;}
.shopping_cart_delivery .type_row .body .list ul li a .new{ display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.shopping_cart_delivery .type_row .body .list ul li a .new i{ display: block; margin: 0 auto; font-size: 4em; color: #000;}
.shopping_cart_delivery .type_row .body .list ul li a .new p{ margin: 10px 0 0 0; font-size: 1.3em; color: #000;}
.shopping_cart_delivery .type_row .body .list ul li a .t1{ display: flex; align-items: center;}
.shopping_cart_delivery .type_row .body .list ul li a .t1 p{ font-size: 1.3em; color: #000;}
.shopping_cart_delivery .type_row .body .list ul li a .t1 span{ display: block; margin: 0 10px; width: 1px; height: 10px; background: #CCC;}
.shopping_cart_delivery .type_row .body .list ul li a .t2{ padding: 10px 0; font-size: 1.3em; color: #000;}
.shopping_cart_delivery .type_row .body .list ul li a .t3{ line-height: 1.4; font-size: 1.3em; color: #000;}
.shopping_cart_delivery .type_row .body .list ul li.on a:before{ content: ""; display: block; position: absolute; z-index: 10; top: -1px; right: -1px; bottom: -1px; left: -1px; border-radius: 5px; border: 2px solid #6b5cfd;}
.shopping_cart_delivery .type_row .body .in{ display: flex; padding: 25px 30px; border-top: 1px solid rgba(0 0 0/5%); background: #f6fafc;}
.shopping_cart_delivery .type_row .body .in .fl{ flex: 0 0 300px; margin: 0 30px 0 0;}
.shopping_cart_delivery .type_row .body .in .fl .row{ position: relative; padding: 5px 0 5px 80px;}
.shopping_cart_delivery .type_row .body .in .fl .row .tit{ display: block; position: absolute; top: 50%; left: 0; transform: translate(0,-50%); font-size: 1.3em; content: #000;}
.shopping_cart_delivery .type_row .body .in .fl .row input{ display: flex; align-items: center; margin: 0; padding: 0 15px; width: 100%; height: 35px; border-radius: 5px; border: 1px solid rgba(0 0 0/10%); background: #FFF; font-size: 1.3em; font-weight: 200; color: #000; outline: none; -webkit-appearance: none;}
.shopping_cart_delivery .type_row .body .in .fl .row select{ display: flex; align-items: center; margin: 0; padding: 0 30px 0 15px; width: 100%; height: 35px; border-radius: 5px; border: 1px solid rgba(0 0 0/10%); background: url(/images/basic_select_icon.png) no-repeat center right 10px #FFF; background-size: 10px auto; font-size: 1.3em; font-weight: 200; color: #000; outline: none; -webkit-appearance: none;}
.shopping_cart_delivery .type_row .body .in .fr{ width: 100%;}
.shopping_cart_delivery .type_row .body .in .fr .row{ padding: 5px 0;}
.shopping_cart_delivery .type_row .body .in .fr .row .tit{ padding: 0 0 10px 0; font-size: 1.3em; content: #000;}
.shopping_cart_delivery .type_row .body .in .fr .row textarea{ display: flex; margin: 0; padding: 10px 15px; width: 100%; height: 70px; border-radius: 5px; border: 1px solid rgba(0 0 0/10%); background: #FFF; line-height: 1.5; font-size: 1.3em; font-weight: 200; color: #000; outline: none; -webkit-appearance: none;}
.shopping_cart_delivery .type_row .body .in .fr .row .check{ display: flex; align-items: center; margin: 10px 0 0 0; cursor: pointer;}
.shopping_cart_delivery .type_row .body .in .fr .row .check i{ display: flex;justify-content: center; align-items: center; margin: 0 5px 0 0; width: 18px; height: 18px; border-radius: 5px; border: 1px solid #DDD; background: #FFF; font-size: 1.2em; color: #999;}
.shopping_cart_delivery .type_row .body .in .fr .row .check p{ font-size: 1.2em; color: #333;}
.shopping_cart_delivery .type_row .body .in .fr .row .check.on i{ border-color: #6b5cfd; background: #6b5cfd; color: #FFF;}
@media(max-width: 1400px){
    .shopping_cart_delivery .type_row .body .list ul li{ width: 33.333%;}
}
@media(max-width: 1025px){
    .shopping_cart_delivery .type_row .body .list ul li{ width: 50%;}
}
@media(max-width: 767px){
    .shopping_cart_delivery .type_row .head{ padding: 20px 15px;}
    .shopping_cart_delivery .type_row .body .list{ padding: 15px;}
    .shopping_cart_delivery .type_row .body .list ul li a{ padding: 15px;}
    .shopping_cart_delivery .type_row .body .list ul li a .new{}
    .shopping_cart_delivery .type_row .body .list ul li a .new i{ font-size: 4em; color: #000;}
    .shopping_cart_delivery .type_row .body .list ul li a .new p{ margin: 10px 0 0 0; font-size: 1.3em; color: #000;}
    .shopping_cart_delivery .type_row .body .list ul li a .t1{ display: block;}
    .shopping_cart_delivery .type_row .body .list ul li a .t1 p{ padding: 0 0 5px 0;}
    .shopping_cart_delivery .type_row .body .list ul li a .t1 span{ display: none;}
    .shopping_cart_delivery .type_row .body .in{ display: block; padding: 15px 15px;}
    .shopping_cart_delivery .type_row .body .in .fl{ flex: initial; margin: 0;}
    .shopping_cart_delivery .type_row .body .in .fr .row{ position: relative; padding: 5px 0 5px 80px;}
    .shopping_cart_delivery .type_row .body .in .fr .row .tit{ display: block; position: absolute; top: 15px; left: 0; padding: 0;}
}




.shopping_cart_list{ margin: 20px 0 0 0;}
.shopping_cart_list .type_row{ position: relative; border-radius: 5px; border: 1px solid rgba(0 0 0/10%); background: #FFF; box-shadow: 0 5px 15px 0 rgba(0 0 0/5%);}
.shopping_cart_list .type_row .head{ display: flex; justify-content: space-between; align-items: center; padding: 0 30px; border-radius: 5px 5px 0 0; height: 60px; border-bottom: 1px solid rgba(0 0 0/5%); background: #f6fafc;}
.shopping_cart_list .type_row .head .check{ display: flex; align-items: center; cursor: pointer;}
.shopping_cart_list .type_row .head .check i{ display: flex;justify-content: center; align-items: center; margin: 0 15px 0 0; width: 18px; height: 18px; border-radius: 5px; border: 1px solid #DDD; background: #FFF; font-size: 12px; color: #999;}
.shopping_cart_list .type_row .head .check p{ display: block; line-height: 2.5; font-size: 1.3em; color: #333;}
.shopping_cart_list .type_row .head .check.on i{ border-color: #6b5cfd; background: #6b5cfd; color: #FFF;}
.shopping_cart_list .type_row .head .check.on p{ font-weight: 400; color: #6b5cfd;}
.shopping_cart_list .type_row .head .fr{ display: flex; align-items: center;}
.shopping_cart_list .type_row .head .fr p{ font-size: 1.3em; font-weight: 400; color: #6b5cfd;}
.shopping_cart_list .type_row .head .fr span{ font-size: 1.3em; color: #333;}

.shopping_cart_list .type_row .list{ padding: 0 30px;}
.shopping_cart_list .type_row .list > .row_dianpu{ display: flex; align-items: center; margin: 0 -30px -1px -30px; padding: 10px 30px; background: rgba(0 0 0/5%);}
.shopping_cart_list .type_row .list > .row_dianpu .check{ display: flex; align-items: center; cursor: pointer;}
.shopping_cart_list .type_row .list > .row_dianpu .check i{ display: flex;justify-content: center; align-items: center; margin: 0 15px 0 0; width: 18px; height: 18px; border-radius: 5px; border: 1px solid #DDD; background: #FFF; font-size: 12px; color: #999;}
.shopping_cart_list .type_row .list > .row_dianpu .check p{ display: block; line-height: 2.5; font-size: 1.3em; color: #333;}
.shopping_cart_list .type_row .list > .row_dianpu .check.on i{ border-color: #6b5cfd; background: #6b5cfd; color: #FFF;}
.shopping_cart_list .type_row .list > .row_dianpu .check.on p{ color: #333;}

.shopping_cart_list .type_row .list > .row{ display: flex; justify-content: space-between; align-items: center; position: relative; padding: 20px 0; border-top: 1px solid #eaeaea;}
.shopping_cart_list .type_row .list > .row:first-child{ border-top: 0;}
.shopping_cart_list .type_row .list > .row .fl{ display: flex; position: relative;}
.shopping_cart_list .type_row .list > .row .fc{ display: flex;}
.shopping_cart_list .type_row .list > .row .fr{ display: flex;}

.shopping_cart_list .type_row .list > .row .check{ display: flex; align-items: center; cursor: pointer; margin: 0 15px 0 0;}
.shopping_cart_list .type_row .list > .row .check i{ display: flex;justify-content: center; align-items: center; width: 18px; height: 18px; border-radius: 5px; border: 1px solid #DDD; background: #FFF; font-size: 12px; color: #999;}
.shopping_cart_list .type_row .list > .row .check.on i{ border-color: #6b5cfd; background: #6b5cfd; color: #FFF;}

.shopping_cart_list .type_row .list > .row .item{ display: flex; align-items: center; padding: 0 0 0 70px; width: 300px;}
.shopping_cart_list .type_row .list > .row .item .img{ position: relative; margin: 0 10px 0 -70px; width: 60px; height: 60px; border-radius: 5px;}
.shopping_cart_list .type_row .list > .row .item .img img{ display: block; width: 100%; height: auto;}
.shopping_cart_list .type_row .list > .row .item .img .block{ display: flex; align-items: center; position: absolute; z-index: 20; bottom: 0; right: 0; padding: 0 5px; height: 25px; border-radius: 5px 0 5px 0; background: #F00; font-size: 12px; color: #FFF;}
.shopping_cart_list .type_row .list > .row .item .text{ width: 100%;}
.shopping_cart_list .type_row .list > .row .item .text .t1{ display: flex; align-items: center;}
.shopping_cart_list .type_row .list > .row .item .text .t1 p{ font-size: 1.2em; color: #666;}
.shopping_cart_list .type_row .list > .row .item .text .t1 p:first-child{ font-weight: 300; color: #333;}
.shopping_cart_list .type_row .list > .row .item .text .t1 span{ display: block; margin: 0 10px; width: 1px; height: 10px; background: #CCC;}
.shopping_cart_list .type_row .list > .row .item .text .t2{ margin: 10px 0 0 0; font-size: 1.5em; font-weight: 400; color: #000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.shopping_cart_list .type_row .list > .row .color{ display: flex; align-items: center;}
.shopping_cart_list .type_row .list > .row .color .bg{ margin: 0 5px 0 0; width: 25px; height: 25px; border-radius: 50%;}
.shopping_cart_list .type_row .list > .row .color .name{ width: 50px; font-size: 1.2em; color: #666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.shopping_cart_list .type_row .list > .row .color span{ margin: 0 10px; width: 1px; height: 10px; background: #CCC;}
.shopping_cart_list .type_row .list > .row .color .size{ width: 50px; font-size: 1.2em; color: #666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.shopping_cart_list .type_row .list > .row .color .btn{ position: relative; margin: 0 0 0 10px;}
.shopping_cart_list .type_row .list > .row .color .btn i{ display: flex; justify-content: center; align-items: center; width: 25px; height: 25px; border-radius: 50%; background: #000; font-size: 1.4em; color: #FFF; cursor: pointer;}

.shopping_cart_list .type_row .list > .row .quantity{ display: flex; margin: 0 0 0 80px;}
.shopping_cart_list .type_row .list > .row .quantity i{ display: flex; justify-content: center; align-items: center; width: 25px; height: 25px; border: 1px solid #DDD; background: #FFF; font-size: 1.2em; color: #000; cursor: pointer;}
.shopping_cart_list .type_row .list > .row .quantity i:nth-child(1){ border-radius: 5px 0 0 5px;}
.shopping_cart_list .type_row .list > .row .quantity i:nth-child(3){ border-radius: 0 5px 5px 0;}
.shopping_cart_list .type_row .list > .row .quantity i:hover{ background: #f0f0f0;}
.shopping_cart_list .type_row .list > .row .quantity input{ display: flex; align-items: center; margin: 0 -1px; padding: 0; width: 50px; height: 25px; border-radius: 0; border: 1px solid rgba(0 0 0/10%); background: #FFF; text-align: center; font-size: 1.2em; font-weight: 200; color: #000; outline: none; -webkit-appearance: none;}

.shopping_cart_list .type_row .list > .row .price{ display: flex; justify-content: space-between; align-items: center; min-width: 240px;}
.shopping_cart_list .type_row .list > .row .price p{ font-size: 1.3em; color: #666;}
.shopping_cart_list .type_row .list > .row .price p:last-child{ font-size: 1.5em; font-weight: 500; color: #6b5cfd;}

.shopping_cart_list .type_row .list > .row .btn{ display: flex; margin: 0 0 0 80px;}
.shopping_cart_list .type_row .list > .row .btn a{ display: block; margin: 0 0 0 30px; cursor: pointer;}
.shopping_cart_list .type_row .list > .row .btn a:first-child{ margin: 0;}
.shopping_cart_list .type_row .list > .row .btn a img{ display: block;}
.shopping_cart_list .type_row .list > .row .btn a img.on{ display: none;}
.shopping_cart_list .type_row .list > .row .btn .type_btn_like{}
.shopping_cart_list .type_row .list > .row .btn .type_btn_like.on .off{ display: none;}
.shopping_cart_list .type_row .list > .row .btn .type_btn_like.on .on{ display: block;}
@media(max-width: 1400px){
    .shopping_cart_list .type_row .list > .row .item{ width: 250px;}
    .shopping_cart_list .type_row .list > .row .item .text .t1 p{ font-size: 10px;}

    .shopping_cart_list .type_row .list > .row .quantity{ margin: 0 0 0 40px;}

    .shopping_cart_list .type_row .list > .row .price{ min-width: 160px;}
    .shopping_cart_list .type_row .list > .row .price p{ font-size: 11px;}
    .shopping_cart_list .type_row .list > .row .price p:last-child{ font-size: 13px;}

    .shopping_cart_list .type_row .list > .row .btn{ margin: 0 0 0 40px;}
    .shopping_cart_list .type_row .list > .row .btn a{ margin: 0 0 0 15px;}
}
@media(max-width: 1025px){
    .shopping_cart_list .type_row .list{ padding: 0 30px 20px 30px;}
    .shopping_cart_list .type_row .list > .row{ flex-wrap: wrap;}
    .shopping_cart_list .type_row .list > .row .fl{ width: 50%;}
    .shopping_cart_list .type_row .list > .row .fc{ width: 50%;}
    .shopping_cart_list .type_row .list > .row .fr{ justify-content: space-between; margin: 20px 0 -21px 0; padding: 15px 30px 15px 31px; width: 100%; border: 1px solid rgba(0 0 0/5%); background: #f6fafc;}

    .shopping_cart_list .type_row .list > .row .price{ min-width: 200px;}

    .shopping_cart_list .type_row .list > .row .btn a{ margin: 0 0 0 30px;}
}
@media(max-width: 767px){
    .shopping_cart_list{ margin: 10px 0 0 0;}
    .shopping_cart_list .type_row .head{ padding: 0 15px; height: 50px;}

    .shopping_cart_list .type_row .list{ padding: 0 15px 15px 15px;}
    .shopping_cart_list .type_row .list > .row_dianpu{ margin: 0 -15px -1px -15px; padding: 5px 15px;}
    .shopping_cart_list .type_row .list > .row{ display: block; padding: 15px 0;}
    .shopping_cart_list .type_row .list > .row .fl{ display: block; padding: 0 0 0 31px; width: auto;}
    .shopping_cart_list .type_row .list > .row .fc{ position: relative; margin: 15px 0 0 0; padding: 15px 0 0 0; width: 100%; border-top: 1px solid #eaeaea;}
    .shopping_cart_list .type_row .list > .row .fr{ margin: 15px 0 -16px 0; padding: 15px;}

    .shopping_cart_list .type_row .list > .row .check{ float: left; margin: 17px 0 0 -31px;}

    .shopping_cart_list .type_row .list > .row .item{ padding: 0 0 0 60px; width: auto;}
    .shopping_cart_list .type_row .list > .row .item .img{ margin: 0 10px 0 -60px; width: 50px; height: 50px;}
    .shopping_cart_list .type_row .list > .row .item .img .block{ height: 20px; font-size: 10px;}
    .shopping_cart_list .type_row .list > .row .item .text{ width: 100%;}
    .shopping_cart_list .type_row .list > .row .item .text .t1 p{}
    .shopping_cart_list .type_row .list > .row .item .text .t2{ margin: 6px 0 0 0; font-size: 14px;}

    .shopping_cart_list .type_row .list > .row .color{ justify-content: flex-start; position: relative; padding: 0; width: 100%;}
    .shopping_cart_list .type_row .list > .row .color .name{ width: auto;}
    .shopping_cart_list .type_row .list > .row .color .size{ width: auto;}
    .shopping_cart_list .type_row .list > .row .color .btn{ position: absolute; top: 0; right: 15px;}
    .shopping_cart_list .type_row .list > .row .quantity{ margin: 0;}
    .shopping_cart_list .type_row .list > .row .price{ min-width: auto; width: 50%;}

    .shopping_cart_list .type_row .list > .row .btn{ margin: 0;}
    .shopping_cart_list .type_row .list > .row .btn a{  margin: 0 0 0 20px;}
    .shopping_cart_list .type_row .list > .row .btn a img{ width: auto; height: 16px;}
}




.shopping_cart_list_check{ margin: 20px 0 0 0;}
.shopping_cart_list_check .type_row{ position: relative; border-radius: 5px; border: 1px solid rgba(0 0 0/10%); background: #FFF; box-shadow: 0 5px 15px 0 rgba(0 0 0/5%);}
.shopping_cart_list_check .type_row .head{ display: flex; justify-content: space-between; align-items: center; padding: 20px 30px; border-radius: 5px 5px 0 0; border-bottom: 1px solid rgba(0 0 0/5%); background: #f6fafc;}
.shopping_cart_list_check .type_row .head .tit{ font-size: 1.3em; font-weight: 300; color: #000;}
.shopping_cart_list_check .type_row .head .fr{ display: flex; align-items: center;}
.shopping_cart_list_check .type_row .head .fr i{ margin: 0 3px 0 0; font-size: 2.5em; color: #F00;}
.shopping_cart_list_check .type_row .head .fr p{ font-size: 1.2em; color: #000;}
.shopping_cart_list_check .type_row .head .fr p br{ display: none;}

.shopping_cart_list_check .type_row .list{ padding: 0 30px;}
.shopping_cart_list_check .type_row .list > .row{ display: flex; justify-content: space-between; align-items: center; padding: 20px 0; border-top: 1px solid #eaeaea;}
.shopping_cart_list_check .type_row .list > .row:first-child{ border-top: 0;}
.shopping_cart_list_check .type_row .list > .row .fr{ display: flex; justify-content: space-between; align-items: center; padding: 0 0 0 10%; width: 100%;}

.shopping_cart_list_check .type_row .list > .row .check{ display: flex; align-items: center; cursor: pointer; margin: 0 15px 0 0;}
.shopping_cart_list_check .type_row .list > .row .check i{ display: flex;justify-content: center; align-items: center; width: 16px; height: 16px; border-radius: 5px; border: 1px solid #DDD; background: #FFF; font-size: 12px; color: #999;}
.shopping_cart_list_check .type_row .list > .row .check.on i{ border-color: #6b5cfd; background: #6b5cfd; color: #FFF;}

.shopping_cart_list_check .type_row .list > .row .item{ flex: 0 0 300px; display: flex; align-items: center; padding: 0 0 0 70px; width: 300px;}
.shopping_cart_list_check .type_row .list > .row .item .img{ margin: 0 10px 0 -70px; width: 60px; height: 60px; border-radius: 5px;}
.shopping_cart_list_check .type_row .list > .row .item .img img{ display: block; width: 100%; height: auto;}
.shopping_cart_list_check .type_row .list > .row .item .text{ width: 100%;}
.shopping_cart_list_check .type_row .list > .row .item .text .t1{ display: flex; align-items: center;}
.shopping_cart_list_check .type_row .list > .row .item .text .t1 p{ font-size: 1.2em; color: #666;}
.shopping_cart_list_check .type_row .list > .row .item .text .t1 p:first-child{ font-weight: 300; color: #333;}
.shopping_cart_list_check .type_row .list > .row .item .text .t1 span{ display: block; margin: 0 10px; width: 1px; height: 10px; background: #CCC;}
.shopping_cart_list_check .type_row .list > .row .item .text .t2{ margin: 10px 0 0 0; font-size: 1.5em; font-weight: 400; color: #000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.shopping_cart_list_check .type_row .list > .row .color{ display: flex; align-items: center;}
.shopping_cart_list_check .type_row .list > .row .color .bg{ margin: 0 5px 0 0; width: 25px; height: 25px; border-radius: 50%;}
.shopping_cart_list_check .type_row .list > .row .color .name{ width: 80px; font-size: 1.2em; color: #666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.shopping_cart_list_check .type_row .list > .row .color .size{ width: 80px; font-size: 1.2em; color: #666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.shopping_cart_list_check .type_row .list > .row .color .btn{ position: relative; margin: 0 0 0 10px;}
.shopping_cart_list_check .type_row .list > .row .color .btn i{ display: flex; justify-content: center; align-items: center; width: 25px; height: 25px; border-radius: 50%; background: #000; font-size: 1.4em; color: #FFF; cursor: pointer;}

.shopping_cart_list_check .type_row .list > .row .txt{ width: 100px; line-height: 1.4; font-size: 1.3em; color: #666;}
.shopping_cart_list_check .type_row .list > .row .txt br{ display: none;}
.shopping_cart_list_check .type_row .list > .row .price{ width: 120px; text-align: right; font-size: 1.5em; font-weight: 500; color: #6b5cfd;}

.shopping_cart_list_check .type_row .foot{ display: flex; justify-content: space-between; align-items: flex-end; padding: 20px 30px; border-radius: 0 0 5px 5px; border-top: 1px solid rgba(0 0 0/5%); background: #f6fafc;}
.shopping_cart_list_check .type_row .foot .fl{ max-width: 700px;}
.shopping_cart_list_check .type_row .foot .fl .row{ position: relative; padding: 10px 0 10px 80px;}
.shopping_cart_list_check .type_row .foot .fl .row .tit{ position: absolute; top: 50%; left: 0; transform: translate(0,-50%); font-size: 1.3em; color: #000;}
.shopping_cart_list_check .type_row .foot .fl .row .menu{ display: flex; flex-wrap: wrap;}
.shopping_cart_list_check .type_row .foot .fl .row .menu a{ display: flex; justify-content: center; align-items: center; margin: 0 5px 0 0; width: 100px; height: 35px; border-radius: 20px; border: 1px solid #DDD; background: #FFF; cursor: pointer;}
.shopping_cart_list_check .type_row .foot .fl .row .menu a p{ font-size: 1.3em; color: #666;}
.shopping_cart_list_check .type_row .foot .fl .row .menu a.on{ border-color: #6b5cfd; background: #6b5cfd;}
.shopping_cart_list_check .type_row .foot .fl .row .menu a.on p{ color: #FFF;}
.shopping_cart_list_check .type_row .foot .fl .row .check{ display: flex; flex-wrap: wrap; align-items: center;}
.shopping_cart_list_check .type_row .foot .fl .row .check > *{ padding: 5px 0;}
.shopping_cart_list_check .type_row .foot .fl .row .check a{ display: flex; align-items: center; margin: 0 20px 0 0; cursor: pointer;}
.shopping_cart_list_check .type_row .foot .fl .row .check a span{ display: block; margin: 0 5px 0 0; width: 20px; height: 20px; border-radius: 50%; border: 5px solid #CCC;}
.shopping_cart_list_check .type_row .foot .fl .row .check a p{ font-size: 1.3em; color: #666;}
.shopping_cart_list_check .type_row .foot .fl .row .check a.on span{ border-color: #6b5cfd;}
.shopping_cart_list_check .type_row .foot .fl .row .check a.on p{ font-weight: 300; color: #000;}
.shopping_cart_list_check .type_row .foot .fl .row .check font{ font-size: 1.2em; color: #F00;}
.shopping_cart_list_check .type_row .foot .fl .row textarea{ display: flex; margin: 0; padding: 10px 15px; width: 100%; height: 80px; border-radius: 5px; border: 1px solid #DDD; background: #FFF; line-height: 1.5; font-size: 1.3em; font-weight: 200; color: #000; outline: none; -webkit-appearance: none;}
.shopping_cart_list_check .type_row .foot .fr{}
.shopping_cart_list_check .type_row .foot .fr .row{ display: flex; justify-content: space-between; align-items: center; padding: 10px 0;}
.shopping_cart_list_check .type_row .foot .fr .row p{ width: 100px; font-size: 1.3em; color: #000;}
.shopping_cart_list_check .type_row .foot .fr .row span{ font-size: 1.8em; font-weight: 500; color: #6b5cfd;}
@media(max-width: 1025px){
    .shopping_cart_list_check .type_row .list{ padding: 0 30px 20px 30px;}
    .shopping_cart_list_check .type_row .list > .row{ flex-wrap: wrap;}
    .shopping_cart_list_check .type_row .list > .row .item{ flex: initial; width: 100%;}
    .shopping_cart_list_check .type_row .list > .row .fr{ justify-content: space-between; margin: 20px 0 -21px 0; padding: 15px 30px 15px 31px; width: 100%; border: 1px solid rgba(0 0 0/5%); background: #f6fafc;}

    .shopping_cart_list_check .type_row .foot{ display: block;}
    .shopping_cart_list_check .type_row .foot .fr .row{ justify-content: initial;}
    .shopping_cart_list_check .type_row .foot .fr .row p{ width: 80px;}
}
@media(max-width: 767px){
    .shopping_cart_list_check{ margin: 10px 0 0 0;}
    .shopping_cart_list_check .type_row .head{ padding: 15px;}
    .shopping_cart_list_check .type_row .head .fr p{ line-height: 1.2; font-size: 10px;}
    .shopping_cart_list_check .type_row .head .fr p br{ display: block;}

    .shopping_cart_list_check .type_row .list{ padding: 0 15px 15px 15px;}
    .shopping_cart_list_check .type_row .list > .row{ display: block; padding: 15px 0;}
    .shopping_cart_list_check .type_row .list > .row .fr{ margin: 15px 0 -16px 0; padding: 10px 10px;}

    .shopping_cart_list_check .type_row .list > .row .item{ padding: 0 0 0 60px; width: auto;}
    .shopping_cart_list_check .type_row .list > .row .item .img{ margin: 0 10px 0 -60px; width: 50px; height: 50px;}
    .shopping_cart_list_check .type_row .list > .row .item .text{ width: 100%;}
    .shopping_cart_list_check .type_row .list > .row .item .text .t1 p{}
    .shopping_cart_list_check .type_row .list > .row .item .text .t2{ margin: 6px 0 0 0; font-size: 14px;}

    .shopping_cart_list_check .type_row .list > .row .color{ justify-content: flex-start; position: relative; padding: 0;}
    .shopping_cart_list_check .type_row .list > .row .color .bg{ width: 20px; height: 20px;}
    .shopping_cart_list_check .type_row .list > .row .color .name{ margin: 0 5px 0 0; width: 50px; font-size: 11px;}
    .shopping_cart_list_check .type_row .list > .row .color .size{ width: 30px; font-size: 11px;}
    .shopping_cart_list_check .type_row .list > .row .txt{ width: 20%; font-size: 11px;}
    .shopping_cart_list_check .type_row .list > .row .price{ width: 20%;}

    .shopping_cart_list_check .type_row .list > .row .btn{ margin: 0;}
    .shopping_cart_list_check .type_row .list > .row .btn a{  margin: 0 0 0 20px;}
    .shopping_cart_list_check .type_row .list > .row .btn a img{ width: auto; height: 16px;}

    .shopping_cart_list_check .type_row .foot{ padding: 10px 15px;}
    .shopping_cart_list_check .type_row .foot .fl .row{ padding: 10px 0 10px 70px;}
    .shopping_cart_list_check .type_row .foot .fl .row:nth-child(2){ padding: 5px 0 5px 70px;}
    .shopping_cart_list_check .type_row .foot .fl .row .menu a{ width: 80px;}
    .shopping_cart_list_check .type_row .foot .fr .row p{ width: 70px;}
}




.shopping_cart_foot{ margin: 20px 0 0 0;}
.shopping_cart_foot .type_row{ overflow: hidden; display: flex; justify-content: space-between; align-items: center; padding: 30px; border-radius: 5px; border: 1px solid rgba(0 0 0/10%); background: #FFF; box-shadow: 0 5px 15px 0 rgba(0 0 0/5%);}
.shopping_cart_foot .type_row .fl{ display: flex; align-items: center;}
.shopping_cart_foot .type_row .fl .check{ display: flex; align-items: center; cursor: pointer;}
.shopping_cart_foot .type_row .fl .check i{ display: flex;justify-content: center; align-items: center; margin: 0 5px 0 0; width: 18px; height: 18px; border-radius: 5px; border: 1px solid #DDD; background: #FFF; font-size: 12px; color: #999;}
.shopping_cart_foot .type_row .fl .check p{ display: block; line-height: 2.5; font-size: 1.3em; color: #333;}
.shopping_cart_foot .type_row .fl .check.on i{ border-color: #6b5cfd; background: #6b5cfd; color: #FFF;}
.shopping_cart_foot .type_row .fl .check.on p{ font-weight: 400; color: #6b5cfd;}
.shopping_cart_foot .type_row .fl .btn{ display: flex; align-items: center; margin: 0 0 0 30px;}
.shopping_cart_foot .type_row .fl .btn a{ font-size: 1.3em; color: #333; cursor: pointer;}
.shopping_cart_foot .type_row .fl .btn span{ display: block; margin: 0 15px; width: 1px; height: 10px; background: #CCC;}
.shopping_cart_foot .type_row .fr{ display: flex; justify-content: flex-end; align-items: center;}
.shopping_cart_foot .type_row .fr .info{ display: flex; align-items: center;}
.shopping_cart_foot .type_row .fr .info a{ margin: 0 0 0 15px; font-size: 1.3em; color: #333;}
.shopping_cart_foot .type_row .fr .info a span{ font-weight: 400; color: #6b5cfd;}
.shopping_cart_foot .type_row .fr .price{ display: flex; align-items: center; margin: 0 30px;}
.shopping_cart_foot .type_row .fr .price p{ font-size: 1.3em; color: #666;}
.shopping_cart_foot .type_row .fr .price span{ margin: 0 0 0 10px; font-size: 2em; font-weight: 500; color: #6b5cfd;}
.shopping_cart_foot .type_row .fr .btn{ display: flex; justify-content: center; align-items: center; width: 120px; height: 40px; border-radius: 20px; background: #6b5cfd; cursor: pointer;}
.shopping_cart_foot .type_row .fr .btn p{ font-size: 1.5em; font-weight: 400; color: #FFF;}
@media(max-width: 1400px){
    .shopping_cart_foot .type_row .fr .price{ margin: 0 15px;}
    .shopping_cart_foot .type_row .fr .btn{ width: 100px;}
    .shopping_cart_foot .type_row .fr .btn p{ font-size: 1.4em;}
}
@media(max-width: 1025px){
    .shopping_cart_foot .type_row{ display: block;}
    .shopping_cart_foot .type_row .fl{ justify-content: space-between;}
    .shopping_cart_foot .type_row .fr{ position: relative; justify-content: space-between; margin: 30px -30px -30px -30px; padding: 20px 130px 20px 30px; border-top: 1px solid rgba(0 0 0/5%); background: #f6fafc;}
    .shopping_cart_foot .type_row .fr .info a{ margin: 0 20px 0 0;}
    .shopping_cart_foot .type_row .fr .price{ height: 40px;}
    .shopping_cart_foot .type_row .fr .btn{ position: absolute; top: 20px; right: 30px;}
}
@media(max-width: 767px){
    .shopping_cart_foot{ margin: 15px 0 0 0;}
    .shopping_cart_foot .type_row{ padding: 15px 15px 15px 15px;}
    .shopping_cart_foot .type_row .fl{}
    .shopping_cart_foot .type_row .fl .btn{ display: flex; align-items: center; margin: 0;}
    .shopping_cart_foot .type_row .fl .btn a{ margin: 0 0 0 20px;}
    .shopping_cart_foot .type_row .fl .btn span{ display: none;}

    .shopping_cart_foot .type_row .fr{ display: block; margin: 15px -15px -15px -15px; padding: 20px 15px;}
    .shopping_cart_foot .type_row .fr .info{ justify-content: flex-end;}
    .shopping_cart_foot .type_row .fr .info a{ margin: 0 0 0 20px; font-size: 13px;}
    .shopping_cart_foot .type_row .fr .price{ justify-content: flex-end; margin: 15px 0 0 0; height: auto;}
    .shopping_cart_foot .type_row .fr .price span{ font-size: 2.5em;}
    .shopping_cart_foot .type_row .fr .btn{ position: initial; margin: 15px 0 0 0; width: 100%; height: 40px;}
    .shopping_cart_foot .type_row .fr .btn p{ font-size: 14px;}
}




.shopping_cart_foot_check{ margin: 20px 0 0 0;}
.shopping_cart_foot_check .type_row{ display: flex; justify-content: space-between; align-items: center; padding: 30px; border-radius: 5px; border: 1px solid rgba(0 0 0/10%); background: #FFF; box-shadow: 0 5px 15px 0 rgba(0 0 0/5%);}
.shopping_cart_foot_check .type_row .fl{}
.shopping_cart_foot_check .type_row .fl .row{ position: relative; padding: 10px 0 10px 80px;}
.shopping_cart_foot_check .type_row .fl .row p{ position: absolute; top: 50%; left: 0; transform: translate(0,-50%); font-size: 1.3em; color: #000;}
.shopping_cart_foot_check .type_row .fl .row span{ line-height: 1.2; font-size: 1.3em; font-weight: 300; color: #000;}
.shopping_cart_foot_check .type_row .fr{ display: flex; flex-direction: column; align-items: flex-end;}
.shopping_cart_foot_check .type_row .fr .row{ display: flex; align-items: flex-end; padding: 10px 0;}
.shopping_cart_foot_check .type_row .fr .row p{ margin: 0 20px 0 0; font-weight: 1.3em; color: #000;}
.shopping_cart_foot_check .type_row .fr .row span{ font-size: 2.5em; font-weight: 500; color: #6b5cfd;}
.shopping_cart_foot_check .type_row .fr .btn{ display: flex; margin: 10px 0 0 0;}
.shopping_cart_foot_check .type_row .fr .btn a{ display: flex; justify-content: center; align-items: center; margin: 0 0 0 10px; padding: 0 30px; height: 40px; border-radius: 30px; border: 1px solid rgba(107 92 253/50%);}
.shopping_cart_foot_check .type_row .fr .btn a i{ margin: 0 10px 0 0; font-size: 2em; color: #6b5cfd;}
.shopping_cart_foot_check .type_row .fr .btn a p{ font-size: 1.5em; font-weight: 400; color: #6b5cfd;}
.shopping_cart_foot_check .type_row .fr .btn a:last-child{ border-color: #6b5cfd; background: #6b5cfd;}
.shopping_cart_foot_check .type_row .fr .btn a:last-child p{ color: #FFF;}
@media(max-width: 767px){
    .shopping_cart_foot_check{ margin: 10px 0 0 0;}
    .shopping_cart_foot_check .type_row{ display: block; padding: 10px 15px;}
    .shopping_cart_foot_check .type_row .fl .row{ padding: 10px 0 10px 70px;}
    .shopping_cart_foot_check .type_row .fr{ display: block;}
    .shopping_cart_foot_check .type_row .fr .row p{ margin: 0; width: 70px;}
    .shopping_cart_foot_check .type_row .fr .btn{ margin: 10px -2.5px 0 -2.5; padding: 0 0 10px 0;}
    .shopping_cart_foot_check .type_row .fr .btn a{ margin: 0 2.5px; padding: 0; width: 50%;}
    .shopping_cart_foot_check .type_row .fr .btn a i{ font-size: 20px;}
    .shopping_cart_foot_check .type_row .fr .btn a p{ font-size: 14px;}
}



.click_cart_edit{ display: none; position: absolute; z-index: 10; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 20px 30px; width: 300px; border-radius: 5px; background: #FFF; border: 1px solid rgba(0 0 0/10%); box-shadow: 0 5px 30px 0 rgba(0 0 0/10%);}
.click_cart_edit .row{ position: relative; padding: 5px 0 10px 50px; width: 100%;}
.click_cart_edit .row .tit{ position: absolute; top: 10px; left: 0; line-height: 25px; font-size: 1.2em;}
.click_cart_edit .row .c_color{ display: flex; flex-wrap: wrap; align-items: center;}
.click_cart_edit .row .c_color a{ display: block !important; margin: 5px 5px 0 0 !important;}
.click_cart_edit .row .c_color a p{ display: block; width: 25px; height: 25px; border-radius: 50%;}
.click_cart_edit .row .c_color a.on p{ border: 2px solid #6b5cfd;}
.click_cart_edit .row .c_size{ display: flex; flex-wrap: wrap; align-items: center;}
.click_cart_edit .row .c_size a{ display: block; margin: 5px 5px 0 0 !important;}
.click_cart_edit .row .c_size a p{ display: flex; justify-content: center; align-items: center; width: auto; min-width: 50px; height: 25px;
    padding: 0 10px; border-radius: 20px; border: 1px solid #CCC; font-size: 12px; color: #000;}
.click_cart_edit .row .c_size a.on p{ border: 2px solid #6b5cfd; color: #333;}
.click_cart_edit .row .c_btn{ display: flex !important; justify-content: center !important; align-items: center !important; width: 120px; height: 35px; border-radius: 20px; background: #6b5cfd; cursor: pointer;}
.click_cart_edit .row .c_btn p{ font-size: 1.3em; font-weight: 300; color: #FFF;}
.click_cart_edit.on{ display: block;}
@media(max-width: 767px){
    .click_cart_edit{ padding: 10px 15px; width: 250px;}
    .click_cart_edit .row{ padding: 5px 0 10px 45px;}
    .click_cart_edit .row .c_size a p{ font-size: 11px;}
    .click_cart_edit .row .c_btn{ width: 100px;}
    .click_cart_edit .row .c_btn p{ font-size: 13px;}
}




.shopping_cart_ok{}
.shopping_cart_ok .type_row{ display: flex; flex-direction: column; align-items: center; padding: 80px 30px; border-radius: 5px; border: 1px solid rgba(0 0 0/10%); background: #FFF; box-shadow: 0 5px 15px 0 rgba(0 0 0/5%);}
.shopping_cart_ok .type_row .head{}
.shopping_cart_ok .type_row .head .fl{ display: flex; justify-content: center; align-items: center;}
.shopping_cart_ok .type_row .head .fl img{ display: block; margin: 0 15px 0 0; height: 80px;}
.shopping_cart_ok .type_row .head .fl .text{}
.shopping_cart_ok .type_row .head .fl .text .t1{ font-size: 4em; font-weight: 500; color: #6b5cfd;}
.shopping_cart_ok .type_row .head .fl .text .t2{ margin: 5px 0 0 0; font-size: 1.3em; color: #666;}
.shopping_cart_ok .type_row .head .fl .text .t2 span{ font-weight: 300; color: #000;}
.shopping_cart_ok .type_row .head .fr{ padding: 50px 0 0 0;}
.shopping_cart_ok .type_row .head .fr .t1{ display: flex; justify-content: center; align-items: center;}
.shopping_cart_ok .type_row .head .fr .t1 p{ font-size: 1.3em; color: #000;}
.shopping_cart_ok .type_row .head .fr .t1 span{ display: block; margin: 0 15px; width: 1px; height: 10px; background: #CCC;}
.shopping_cart_ok .type_row .head .fr .t2{ padding: 10px 0; font-size: 1.3em; color: #000;}
.shopping_cart_ok .type_row .head .fr .t3{ padding: 10px 0 0 0; text-align: center; line-height: 1.2; font-size: 1.3em; color: #000;}
.shopping_cart_ok .type_row .price{ display: flex; align-items: center; padding: 50px 0;}
.shopping_cart_ok .type_row .price p{ margin: 0 20px 0 0; font-size: 1.3em; color: #000;}
.shopping_cart_ok .type_row .price span{ font-size: 3em; font-weight: 500; color: #6b5cfd;}
.shopping_cart_ok .type_row .btn{ display: flex;}
.shopping_cart_ok .type_row .btn a{ display: flex; justify-content: center; align-items: center; margin: 0 5px; padding: 0 40px; height: 40px; border-radius: 20px; border: 1px solid rgba(107 92 253/50%); font-size: 1.4em; font-weight: 400; color: #6b5cfd;}
@media(max-width: 1025px){
    .shopping_cart_ok .type_row .head{ flex-direction: column;}
    .shopping_cart_ok .type_row .head .fl{ padding: 0;}
    .shopping_cart_ok .type_row .head .fr{ display: flex; flex-direction: column; align-items: center; padding: 50px 0 0 0; border: 0;}
    .shopping_cart_ok .type_row .head .fr .t3{ text-align: center;}
}
@media(max-width: 767px){
    .shopping_cart_ok .type_row{ padding: 30px 15px;}
    .shopping_cart_ok .type_row .head .fl{ display: block;}
    .shopping_cart_ok .type_row .head .fl img{ margin: 0 auto; height: 50px;}
    .shopping_cart_ok .type_row .head .fl .text .t1{ margin: 15px 0 0 0; text-align: center;}
    .shopping_cart_ok .type_row .head .fl .text .t2{ margin: 10px 0 0 0; text-align: center;}
    .shopping_cart_ok .type_row .head .fr{ padding: 30px 0;}
    .shopping_cart_ok .type_row .price{ padding: 0 0 30px 0;}
    .shopping_cart_ok .type_row .btn{ margin: 0 -5px;}
    .shopping_cart_ok .type_row .btn a{ margin: 0 5px; font-size: 14px;}
}









.mypage_option{ position: relative; z-index: 30; width: 100%;}
.mypage_option .type_row{ display: flex; align-items: center; position: relative; padding: 10px 30px; width: 100%; border-radius: 5px; border: 1px solid rgba(0 0 0/10%); background: #FFF; box-shadow: 0 5px 15px 0 rgba(0 0 0/5%);}
.mypage_option .type_row .fl{ display: flex; align-items: center; padding: 10px 0;}
.mypage_option .type_row .fr{ display: flex; align-items: center; padding: 10px 0;}

.mypage_option .type_row .btn_01{ position: relative; z-index: 30; margin: 0 20px 0 0;}
.mypage_option .type_row .btn_01 .head{ display: flex; align-items: center; position: relative; height: 35px; cursor: default;}
.mypage_option .type_row .btn_01 .head p{ font-size: 1.3em; font-weight: 300; color: #000;}
.mypage_option .type_row .btn_01 .head i{ margin: 0 0 0 3px; font-size: 1.2em; color: #999; transition: all .2s;}
.mypage_option .type_row .btn_01 .body{ overflow: hidden; position: absolute; top: 45px; left: -20px; padding: 0; border-radius: 5px; height: 0; background: #FFF; box-shadow: 0 0 15px 0 rgba(0 0 0/15%); opacity: 0; transition: all .2s;}
.mypage_option .type_row .btn_01 .body div{}
.mypage_option .type_row .btn_01 .body div a{ display: flex; align-items: center; line-height: 2.5; font-size: 1.3em; color: #333; cursor: pointer;}
.mypage_option .type_row .btn_01 .body div.on a{ font-weight: 400; color: #6b5cfd;}
.mypage_option .type_row .btn_01:hover .head i{ transform: rotate(180deg);}
.mypage_option .type_row .btn_01:hover .body{ height: auto; opacity: 1;}

.mypage_option .type_row .date{ position: relative; margin: 0 10px 0 0;}
.mypage_option .type_row .date > .head{ display: flex; position: relative; width: 250px; height: 35px; border-radius: 20px; border: 1px solid rgba(0 0 0/10%); background: #f6fafc;}
.mypage_option .type_row .date > .head i{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; width: 35px; font-size: 1.2em; color: #999;}
.mypage_option .type_row .date > .head input{ display: flex; align-items: center; margin: 0; padding: 0 35px 1px 15px; width: 100%; height: 35px; border-radius: 0; border: none; background: none; font-size: 1.2em; font-weight: 300; color: #000; outline: none; -webkit-appearance: none;}

.mypage_option .type_row .date .date_calendar{ display: none; position: absolute; top: 35px; left: 0; padding: 0 15px 15px 15px; width: 290px; border-radius: 5px; background: #FFF; box-shadow: 0 5px 30px 0 rgba(0 0 0/15%);}
.mypage_option .type_row .date .date_calendar .top{ display: flex; justify-content: space-between; align-items: center; margin: 0 -15px; padding: 0 15px; border-radius: 5px 5px 0 0; height: 50px; border-bottom: 1px solid rgba(0 0 0/5%); background: #f6fafc;}
.mypage_option .type_row .date .date_calendar .top a{ display: flex; align-items: center; height: 50px; font-size: 12px; color: #000; cursor: pointer;}
.mypage_option .type_row .date .date_calendar .top a.on{ font-size: 13px; font-weight: 500; color: #6b5cfd;}
.mypage_option .type_row .date .date_calendar .menu{ display: flex; justify-content: space-between; align-items: center; padding: 15px 0;}
.mypage_option .type_row .date .date_calendar .menu .btn{}
.mypage_option .type_row .date .date_calendar .menu .btn i{ font-size: 14px; color: #666; cursor: pointer;}
.mypage_option .type_row .date .date_calendar .menu p{ font-size: 1.5em; font-weight: 300; color: #000;}
.mypage_option .type_row .date .date_calendar .head{ display: flex; align-items: center; padding: 10px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.mypage_option .type_row .date .date_calendar .head p{ width: 14.285%; text-align: center; font-size: 1.3em; color: #666;}
.mypage_option .type_row .date .date_calendar .body{ display: flex; flex-wrap: wrap; margin: 10px 0 0 0; width: 240px;}
.mypage_option .type_row .date .date_calendar .body p{ display: flex; justify-content: center; align-items: center; margin: 1px 0; width: 14.285%; height: 34px; background: #f5f7fa; font-size: 1.2em; color: #999; cursor: pointer;}
.mypage_option .type_row .date .date_calendar .body p.on{ background: none; color: #000;}
.mypage_option .type_row .date .date_calendar .body p.on.click{ border-radius: 50%; background: #6b5cfd; color: #FFF;}

.mypage_option .type_row .date.on .date_calendar{ display: block;}

.mypage_option .type_row .search{ display: flex; position: relative; margin: 0 10px 0 0; width: 200px; height: 35px; border-radius: 20px; border: 1px solid rgba(0 0 0/10%); background: #f6fafc;}
.mypage_option .type_row .search i{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; width: 35px; font-size: 1.8em; color: #000; cursor: pointer;}
.mypage_option .type_row .search input{ display: flex; align-items: center; margin: 0; padding: 0 35px 1px 15px; width: 100%; height: 35px; border-radius: 0; border: none; background: none; font-size: 1.2em; font-weight: 300; color: #000; outline: none; -webkit-appearance: none;}

.mypage_option .type_row .guide{ display: flex; align-items: center; position: absolute; top: 50%; right: 30px; transform: translate(0,-50%); height: 35px; cursor: pointer;}
.mypage_option .type_row .guide i{ margin: 0 3px 0 0; font-size: 2.5em; color: #F00;}
.mypage_option .type_row .guid p{ font-size: 1.2em; color: #000;}
@media(max-width: 1025px){
    .mypage_option .type_row{ display: block;}
    .mypage_option .type_row .fr{ margin: 0 -5px;}
    .mypage_option .type_row .date{ margin: 0 5px; width: 50%;}
    .mypage_option .type_row .date > .head{ width: 100%;}
    .mypage_option .type_row .search{ margin: 0 5px; width: 50%;}
    .mypage_option .type_row .guide{ top: 20px; transform: translate(0,0);}
}
@media(max-width: 767px){
    .mypage_option .type_row{ padding: 5px 15px 10px 15px;}
    .mypage_option .type_row .fl{ padding: 5px 0;}
    .mypage_option .type_row .fr{ margin: 0 -2.5px; padding: 5px 0;}

    .mypage_option .type_row .btn_01{ margin: 0 10px 0 0;}
    .mypage_option .type_row .btn_01 .head{ height: 30px;}
    .mypage_option .type_row .btn_01 .head p{ font-size: 12px;}
    .mypage_option .type_row .btn_01 .head i{ margin: 0 0 0 2px; font-size: 10px;}
    .mypage_option .type_row .btn_01 .body div a{ font-size: 12px;}

    .mypage_option .type_row .date{ margin: 0 2.5px;}
    .mypage_option .type_row .date > .head{ height: 30px;}
    .mypage_option .type_row .date > .head i{ width: 30px; font-size: 10px;}
    .mypage_option .type_row .date > .head input{ padding: 0 10px 1px 10px; width: 100%; height: 30px;}

    .mypage_option .type_row .date .date_calendar{ top: 30px; left: 0; padding: 0 10px 10px 10px;}
    .mypage_option .type_row .date .date_calendar .top{ margin: 0 -10px; padding: 0 10px; height: 40px;}
    .mypage_option .type_row .date .date_calendar .top a{ height: 40px;}
    .mypage_option .type_row .date .date_calendar .body p{ margin: 1px 0;}

    .mypage_option .type_row .search{ margin: 0 2.5px; height: 30px;}
    .mypage_option .type_row .search i{ width: 30px;}
    .mypage_option .type_row .search input{ padding: 0 30px 1px 10px; height: 30px;}

    .mypage_option .type_row .guide{ top: 10px; right: 15px; height: 30px;}

    .mypage_option.on .frl .date{ position: relative; z-index: 40;}
}




.mypage_order_list{ margin: 20px 0 0 0;}
.mypage_order_list .type_row{ position: relative; border-radius: 5px; border: 1px solid rgba(0 0 0/10%); background: #FFF; box-shadow: 0 5px 15px 0 rgba(0 0 0/5%);}
.mypage_order_list .type_row .head{ display: flex; flex-direction: column; align-items: flex-start; padding: 20px 30px; border-radius: 5px 5px 0 0; border-bottom: 1px solid rgba(0 0 0/5%); background: #f6fafc;}
.mypage_order_list .type_row .head .check{ display: flex; align-items: center; cursor: pointer;}
.mypage_order_list .type_row .head .check i{ display: flex;justify-content: center; align-items: center; margin: 0 5px 0 0; width: 22px; height: 22px; border-radius: 5px; border: 1px solid #DDD; background: #FFF; font-size: 14px; color: #999;}
.mypage_order_list .type_row .head .check p{ font-size: 2em; font-weight: 400; color: #000;}
.mypage_order_list .type_row .head .check.on i{ border-color: #6b5cfd; background: #6b5cfd; color: #FFF;}
.mypage_order_list .type_row .head .fb{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: 10px 0 0 0; width: 100%;}
.mypage_order_list .type_row .head .fb .fbl{ display: flex; align-items: center;}
.mypage_order_list .type_row .head .fb .fbl p{ font-size: 1.2em; font-weight: 200; color: #666;}
.mypage_order_list .type_row .head .fb .fbl p br{ display: none;}
.mypage_order_list .type_row .head .fb .fbl span{ display: block; margin: 0 15px; width: 1px; height: 12px; background: #CCC;}
.mypage_order_list .type_row .head .fb .fbr{ display: flex; align-items: center;}
.mypage_order_list .type_row .head .fb .fbr .row{ display: flex; align-items: flex-end; margin: 0 0 0 30px;}
.mypage_order_list .type_row .head .fb .fbr .row p{ padding: 0 0 2px 0; font-size: 1.2em; font-weight: 200; color: #666;}
.mypage_order_list .type_row .head .fb .fbr .row span{ margin: 0 0 0 10px; font-size: 1.8em; font-weight: 500; color: #6b5cfd;}

.mypage_order_list .type_row .list{ padding: 0 30px;}
.mypage_order_list .type_row .list > .row{ display: flex; justify-content: space-between; align-items: center; padding: 20px 0; border-top: 1px solid #eaeaea;}
.mypage_order_list .type_row .list > .row:first-child{ border-top: 0;}
.mypage_order_list .type_row .list > .row .fr{ display: flex; justify-content: space-between; align-items: center; padding: 0 0 0 15%; width: 100%;}

.mypage_order_list .type_row .list > .row .item{ flex: 0 0 300px; display: flex; align-items: center; padding: 0 0 0 70px; width: 300px;}
.mypage_order_list .type_row .list > .row .item .img{ position: relative; margin: 0 10px 0 -70px; width: 60px; height: 60px; border-radius: 5px;}
.mypage_order_list .type_row .list > .row .item .img img{ display: block; width: 100%; height: auto;}
.mypage_order_list .type_row .list > .row .item .img .block{ display: flex; align-items: center; position: absolute; z-index: 20; bottom: 0; right: 0; padding: 0 5px; height: 25px; border-radius: 5px 0 5px 0; background: #F00; font-size: 12px; color: #FFF;}
.mypage_order_list .type_row .list > .row .item .text{ width: 100%;}
.mypage_order_list .type_row .list > .row .item .text .t1{ display: flex; align-items: center;}
.mypage_order_list .type_row .list > .row .item .text .t1 p{ font-size: 1.2em; color: #666;}
.mypage_order_list .type_row .list > .row .item .text .t1 p:first-child{ font-weight: 300; color: #333;}
.mypage_order_list .type_row .list > .row .item .text .t1 span{ display: block; margin: 0 10px; width: 1px; height: 10px; background: #CCC;}
.mypage_order_list .type_row .list > .row .item .text .t2{ margin: 5px 0 0 0; font-size: 1.5em; font-weight: 400; color: #000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.mypage_order_list .type_row .list > .row .item .text .t3{ margin: 5px 0 0 0; font-size: 1.2em; color: #666;}

.mypage_order_list .type_row .list > .row .color{ display: flex; align-items: center;}
.mypage_order_list .type_row .list > .row .color .bg{ margin: 0 5px 0 0; width: 25px; height: 25px; border-radius: 50%;}
.mypage_order_list .type_row .list > .row .color .name{ width: 80px; font-size: 1.2em; color: #666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.mypage_order_list .type_row .list > .row .color .size{ width: 60px; font-size: 1.2em; color: #666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.mypage_order_list .type_row .list > .row .color .btn{ display: block; padding: 0 0 2px 0; width: auto; height: 20px; opacity: 0.8; cursor: pointer;}

.mypage_order_list .type_row .list > .row .txt{ width: 100px; text-align: right; line-height: 1.4; font-size: 1.3em; color: #666;}
.mypage_order_list .type_row .list > .row .txt br{ display: none;}

.mypage_order_list .type_row .btn_more{ display: flex; justify-content: center; align-items: center; margin: 0 30px; height: 40px; border-radius: 5px; border: 1px solid rgba(0 0 0/10%); background: #f5f8fa; cursor: pointer;}
.mypage_order_list .type_row .btn_more p{ font-size: 1.2em; color: #000;}
.mypage_order_list .type_row .btn_more i{ margin: 0 0 0 10px; font-size: 1.2em; color: #000; transition: all .2s;}
.mypage_order_list .type_row .btn_more.on i{ transform: rotate(180deg);}

.mypage_order_list .type_row .foot{ display: flex; justify-content: space-between; align-items: flex-end; margin: 20px 0 0 0; padding: 20px 30px; border-radius: 0 0 5px 5px; border-top: 1px solid rgba(0 0 0/5%); background: #f6fafc;}
.mypage_order_list .type_row .foot .fl{ display: flex; align-items: center; position: relative;}
.mypage_order_list .type_row .foot .fl .row{ display: flex; align-items: center; position: relative; margin: 0 10px 0 0;}
.mypage_order_list .type_row .foot .fl .tip{ display: none; position: absolute; z-index: 30; bottom: 30px; left: 0; padding: 10px; width: 200px; border: 1px solid #CCC; background: #FFF; line-height: 1.4; font-size: 12px; font-weight: 300; color: #000;}
.mypage_order_list .type_row .foot .fl i{ margin: 0 2px 0 0; font-size: 2.4em; color: #666;}
.mypage_order_list .type_row .foot .fl a{ font-size: 1.2em; color: #000; cursor: pointer;}
.mypage_order_list .type_row .foot .fl a i{ font-size: 24px;}
.mypage_order_list .type_row .foot .fl .row:hover .tip{ display: block;}
.mypage_order_list .type_row .foot .fr{}
.mypage_order_list .type_row .foot .fr .frt{ display: flex; justify-content: flex-end; align-items: center; padding: 0 0 15px 0;}
.mypage_order_list .type_row .foot .fr .frt .row{ display: flex; align-items: flex-end; margin: 0 0 0 30px;}
.mypage_order_list .type_row .foot .fr .frt .row p{ font-size: 1.2em; font-weight: 200; color: #666;}
.mypage_order_list .type_row .foot .fr .frt .row span{ margin: 0 0 0 10px; font-size: 1.8em; font-weight: 500; color: #6b5cfd;}
.mypage_order_list .type_row .foot .fr .frb{ display: flex; justify-content: flex-end;}
.mypage_order_list .type_row .foot .fr .frb a{ display: flex; justify-content: center; align-items: center; margin: 0 0 0 10px; width: 100px; height: 40px; border-radius: 20px; border: 1px solid rgba(0 0 0/15%); background: #FFF; font-size: 1.4em; font-weight: 300; color: #000; cursor: pointer;}
.mypage_order_list .type_row .foot .fr .frb a:nth-child(1){}
.mypage_order_list .type_row .foot .fr .frb a:nth-child(2){ border-color: rgba(107 92 253/50%); color: #6b5cfd;}
.mypage_order_list .type_row .foot .fr .frb a:nth-child(3){ border-color: rgba(255 0 0/50%); color: #F00;}
@media(max-width: 1400px){
    .mypage_order_list .type_row .head{ position: relative;}
    .mypage_order_list .type_row .list > .row .fr{ padding: 0 0 0 5%;}

    .mypage_order_list .type_row .foot .fr .frt .row{ margin: 0 0 0 10px;}
    .mypage_order_list .type_row .foot .fr .frt .row span{ margin: 0 0 0 2px; font-size: 1.4em;}
}
@media(max-width: 1025px){
    .mypage_order_list .type_row .list{ padding: 0 30px 20px 30px;}
    .mypage_order_list .type_row .list > .row{ flex-wrap: wrap;}
    .mypage_order_list .type_row .list > .row .item{ flex: initial; width: 100%;}
    .mypage_order_list .type_row .list > .row .fr{ justify-content: space-between; margin: 20px 0 -21px 0; padding: 15px 30px 15px 31px; width: 100%; border: 1px solid rgba(0 0 0/5%); background: #f6fafc;}
}
@media(max-width: 767px){
    .mypage_order_list{ margin: 10px 0 0 0;}
    .mypage_order_list .type_row .head{ padding: 20px 15px;}
    .mypage_order_list .type_row .head .check i{ width: 18px; height: 18px; font-size: 11px;}
    .mypage_order_list .type_row .head .fb{ display: flex; align-items: flex-end; margin: 15px 0 0 0;}
    .mypage_order_list .type_row .head .fb .fbl{ display: flex; justify-content: flex-end; align-items: flex-end;}
    .mypage_order_list .type_row .head .fb .fbl p{ display: block; line-height: 1.4; font-size: 11px;}
    .mypage_order_list .type_row .head .fb .fbl p font{ display: none;}
    .mypage_order_list .type_row .head .fb .fbl p br{ display: block;}
    .mypage_order_list .type_row .head .fb .fbl span{ margin: 0 10px; width: 1px; height: 26px; background: #DDD;}
    .mypage_order_list .type_row .head .fb .fbr{ top: 20px; right: 15px; height: 18px;}
    .mypage_order_list .type_row .head .fb .fbr .row{ margin: 0 0 0 15px;}
    .mypage_order_list .type_row .head .fb .fbr .row p{ padding: 0 0 1px 0;}
    .mypage_order_list .type_row .head .fb .fbr .row span{ margin: 0 0 0 5px;}

    .mypage_order_list .type_row .list{ padding: 0 15px 15px 15px;}
    .mypage_order_list .type_row .list > .row{ display: block; padding: 15px 0;}
    .mypage_order_list .type_row .list > .row .fr{ margin: 15px 0 -16px 0; padding: 10px 10px;}

    .mypage_order_list .type_row .list > .row .item{ padding: 0 0 0 60px; width: auto;}
    .mypage_order_list .type_row .list > .row .item .img{ margin: 0 10px 0 -60px; width: 50px; height: 50px;}
    .mypage_order_list .type_row .list > .row .item .img .block{ height: 20px; font-size: 10px;}
    .mypage_order_list .type_row .list > .row .item .text{ width: 100%;}
    .mypage_order_list .type_row .list > .row .item .text .t1 p{ font-size: 11px;}
    .mypage_order_list .type_row .list > .row .item .text .t2{ font-size: 14px;}

    .mypage_order_list .type_row .list > .row .color{ justify-content: flex-start; position: relative; padding: 0;}
    .mypage_order_list .type_row .list > .row .color .bg{ width: 20px; height: 20px;}
    .mypage_order_list .type_row .list > .row .color .name{ margin: 0 5px 0 0; width: 50px; font-size: 11px;}
    .mypage_order_list .type_row .list > .row .color .size{ width: 40px; font-size: 11px;}
    .mypage_order_list .type_row .list > .row .color .btn{ height: 16px;}

    .mypage_order_list .type_row .list > .row .txt{ width: 25%; font-size: 11px;}

    .mypage_order_list .type_row .btn_more{ margin: 0 15px; height: 35px;}

    .mypage_order_list .type_row .foot{ display: block; margin: 15px 0 0 0; padding: 15px 15px;}
    .mypage_order_list .type_row .foot .fl i{ margin: 0 5px 0 0;}
    .mypage_order_list .type_row .foot .fr{ margin: 15px -2.5px 0 -2.5px}
    .mypage_order_list .type_row .foot .fr .frt{ flex-wrap: wrap;}
    .mypage_order_list .type_row .foot .fr .frt .row{ margin: 10px 0 0 10px;}
    .mypage_order_list .type_row .foot .fr .frb a{ margin: 0 2.5px; width: 33.333%; height: 35px; font-size: 13px;}
}




.mypage_order_foot{ margin: 20px 0 0 0;}
.mypage_order_foot .type_row{ overflow: hidden; display: flex; justify-content: space-between; align-items: center; padding: 20px 30px; border-radius: 5px; border: 1px solid rgba(0 0 0/10%); background: #FFF; box-shadow: 0 5px 15px 0 rgba(0 0 0/5%);}
.mypage_order_foot .type_row .fl{ display: flex; align-items: center;}
.mypage_order_foot .type_row .fl .check{ display: flex; align-items: center; cursor: pointer;}
.mypage_order_foot .type_row .fl .check i{ display: flex;justify-content: center; align-items: center; margin: 0 5px 0 0; width: 18px; height: 18px; border-radius: 5px; border: 1px solid #DDD; background: #FFF; font-size: 12px; color: #999;}
.mypage_order_foot .type_row .fl .check p{ display: block; line-height: 2.5; font-size: 1.3em; color: #333;}
.mypage_order_foot .type_row .fl .check.on i{ border-color: #6b5cfd; background: #6b5cfd; color: #FFF;}
.mypage_order_foot .type_row .fl .check.on p{ font-weight: 400; color: #6b5cfd;}
.mypage_order_foot .type_row .fl .btn{ display: flex; align-items: center; margin: 0 0 0 30px;}
.mypage_order_foot .type_row .fl .btn a{ font-size: 1.3em; color: #333; cursor: pointer;}
.mypage_order_foot .type_row .fl .btn span{ display: block; margin: 0 15px; width: 1px; height: 10px; background: #CCC;}
.mypage_order_foot .type_row .fr .btn p{ font-size: 1.5em; font-weight: 400; color: #FFF;}
@media(max-width: 1025px){
    .mypage_order_foot .type_row{ display: block;}
    .mypage_order_foot .type_row .fl{ justify-content: space-between;}
}
@media(max-width: 767px){
    .mypage_order_foot{ margin: 15px 0 0 0;}
    .mypage_order_foot .type_row{ padding: 10px 15px;}
    .mypage_order_foot .type_row .fl{}
    .mypage_order_foot .type_row .fl .btn{ display: flex; align-items: center; margin: 0;}
    .mypage_order_foot .type_row .fl .btn a{ margin: 0 0 0 20px;}
    .mypage_order_foot .type_row .fl .btn span{ display: none;}
}




.mypage_order_detail_board{ padding: 0 30px; border-radius: 5px; border: 1px solid rgba(0 0 0/10%); background: #FFF; box-shadow: 0 5px 15px 0 rgba(0 0 0/5%);}
.mypage_order_detail_board .line{ border-top: 1px solid #eaeaea;}
@media(max-width: 767px){
    .mypage_order_detail_board{ padding: 0 15px;}
}


.mypage_order_detail_head{ display: flex; justify-content: space-between; align-items: center; padding: 30px 0;}
.mypage_order_detail_head .fl{}
.mypage_order_detail_head .fl .t1{ font-size: 2em; font-weight: 400; color: #000;}
.mypage_order_detail_head .fl .t2{ margin: 10px 0 0 0; font-size: 1.3em; color: #666;}
.mypage_order_detail_head .fr{ display: flex;}
.mypage_order_detail_head .fr a{ display: flex; align-items: center; margin: 0 0 0 10px; padding: 0 25px; height: 40px; border-radius: 20px; border: 1px solid #DDD; background: #f6fafc; cursor: pointer;}
.mypage_order_detail_head .fr a i{ margin: 0 5px 0 0; font-size: 2em; color: #000;}
.mypage_order_detail_head .fr a p{ font-size: 1.4em; font-weight: 300; color: #000;}
@media(max-width: 767px){
    .mypage_order_detail_head{ display: block; padding: 20px 0;}
    .mypage_order_detail_head .fr{ margin: 15px -2.5px 0 -2.5px;}
    .mypage_order_detail_head .fr a{ justify-content: center; margin: 0 2.5px; padding: 0; width: 50%; height: 35px;}
    .mypage_order_detail_head .fr a i{ margin: 0 5px 0 0; font-size: 2em; color: #000;}
    .mypage_order_detail_head .fr a p{ font-size: 1.4em; font-weight: 300; color: #000;}
}


.mypage_order_detail_info{ padding: 30px 0;}
.mypage_order_detail_info .title{ font-size: 2em; font-weight: 400; color: #000;}
.mypage_order_detail_info .info{ display: flex; margin: 10px 0 0 0;}
.mypage_order_detail_info .info .row{ width: 50%;}
.mypage_order_detail_info .info .row p{ font-size: 2em; font-weight: 400; color: #000;}
.mypage_order_detail_info .info .row span{ display: block; margin: 10px 0 0 0; font-size: 1.4em; font-weight: 300; color: #000;}
@media(max-width: 767px){
    .mypage_order_detail_info{ padding: 20px 0;}
}



.mypage_order_detail_list{ padding: 30px 0;}
.mypage_order_detail_list .title{ font-size: 2em; font-weight: 400; color: #000;}
.mypage_order_detail_list .type_row{ margin: 20px 0 0 0;}
.mypage_order_detail_list .type_row .head{ display: flex; align-items: center; height: 50px; border-radius: 5px 5px 0 0; border: 1px solid #DDD; background: #f6fafc;}
.mypage_order_detail_list .type_row .head *{ font-size: 13px; font-weight: 300; color: #000;}
.mypage_order_detail_list .type_row .head .t1{ flex: 0 0 350px; display: flex; padding: 0 20px; align-items: center; cursor: pointer;}
.mypage_order_detail_list .type_row .head .fr{ display: flex; width: 100%;}
.mypage_order_detail_list .type_row .head .fr p{ width: 15%; text-align: center;}
.mypage_order_detail_list .type_row .head .fr p:first-child{ width: 25%;}

.mypage_order_detail_list .type_row .list{}
.mypage_order_detail_list .type_row .list > .row{ display: flex; margin: -1px 0 0 0;}
.mypage_order_detail_list .type_row .list > .row .fr{ display: flex; width: 100%;}

.mypage_order_detail_list .type_row .list > .row .item{ flex: 0 0 350px; display: flex; align-items: center; padding: 20px 20px 20px 90px; width: 350px; height: 100px; border: 1px solid #DDD;}
.mypage_order_detail_list .type_row .list > .row .item .img{ position: relative; margin: 0 10px 0 -70px; width: 60px; height: 60px; border-radius: 5px;}
.mypage_order_detail_list .type_row .list > .row .item .img img{ display: block; width: 100%; height: auto;}
.mypage_order_detail_list .type_row .list > .row .item .img .block{ display: flex; align-items: center; position: absolute; z-index: 20; bottom: 0; right: 0; padding: 0 5px; height: 25px; border-radius: 5px 0 5px 0; background: #F00; font-size: 12px; color: #FFF;}
.mypage_order_detail_list .type_row .list > .row .item .text{ width: 100%;}
.mypage_order_detail_list .type_row .list > .row .item .text .t1{ display: flex; align-items: center;}
.mypage_order_detail_list .type_row .list > .row .item .text .t1 p{ font-size: 1.2em; color: #666;}
.mypage_order_detail_list .type_row .list > .row .item .text .t1 p:first-child{ font-weight: 300; color: #333;}
.mypage_order_detail_list .type_row .list > .row .item .text .t1 span{ display: block; margin: 0 10px; width: 1px; height: 10px; background: #CCC;}
.mypage_order_detail_list .type_row .list > .row .item .text .t2{ margin: 5px 0 0 0; font-size: 1.5em; font-weight: 400; color: #000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.mypage_order_detail_list .type_row .list > .row .item .text .t3{ margin: 5px 0 0 0; font-size: 1.2em; color: #666;}

.mypage_order_detail_list .type_row .list > .row .color{ display: flex; justify-content: center; align-items: center; position: relative; margin: 0 0 0 -1px; width: 25%; padding: 0 10px; height: 100px; border: 1px solid #DDD;}
.mypage_order_detail_list .type_row .list > .row .color p{ display: none; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; left: 0; height: 29px; border-bottom: 1px solid #DDD; background: #f5f8fa; font-size: 12px; color: #666;}
.mypage_order_detail_list .type_row .list > .row .color .bg{ margin: 0 5px 0 0; width: 20px; height: 20px; border-radius: 50%;}
.mypage_order_detail_list .type_row .list > .row .color .name{ margin: 0 5px 0 0; width: 70px; font-size: 1.2em; color: #666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.mypage_order_detail_list .type_row .list > .row .color .size{ width: 35px; font-size: 1.2em; color: #666; word-wrap: break-word;}

.mypage_order_detail_list .type_row .list > .row .txt{ width: 15%;}
.mypage_order_detail_list .type_row .list > .row .txt .box{ display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; margin: 0 0 0 -1px; padding: 0 10px; height: 100px; border: 1px solid #DDD;}
.mypage_order_detail_list .type_row .list > .row .txt .box p{ display: none; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; left: 0; height: 29px; border-bottom: 1px solid #DDD; background: #f5f8fa; font-size: 12px; color: #666;}
.mypage_order_detail_list .type_row .list > .row .txt .box span{ font-size: 1.2em; color: #666;}
.mypage_order_detail_list .type_row .list > .row .txt .box span.on{ font-weight: 300; color: #6b5cfd;}
.mypage_order_detail_list .type_row .list > .row .txt:last-child .box{ margin: 0 -1px;}

.mypage_order_detail_list .type_row .btn_more{ display: flex; justify-content: center; align-items: center; margin: -1px 0 0 0; height: 40px; border: 1px solid rgba(0 0 0/10%); background: #f5f8fa; cursor: pointer;}
.mypage_order_detail_list .type_row .btn_more p{ font-size: 1.2em; color: #000;}
.mypage_order_detail_list .type_row .btn_more i{ margin: 0 0 0 10px; font-size: 1.2em; color: #000; transition: all .2s;}
.mypage_order_detail_list .type_row .btn_more.on i{ transform: rotate(180deg);}

.mypage_order_detail_list .type_row .foot{ margin: -1px 0 0 0; padding: 20px 20px; border-radius: 0 0 5px 5px; border: 1px solid #DDD;}
.mypage_order_detail_list .type_row .foot .box{ display: flex; align-items: center; padding: 5px 0;}
.mypage_order_detail_list .type_row .foot .box p{ width: 70px; font-size: 1.3em; color: #666;}
.mypage_order_detail_list .type_row .foot .box span{ font-size: 1.3em; font-weight: 300; color: #000;}
@media(max-width: 1400px){
    .mypage_order_detail_list .type_row .head .t1{ flex: 0 0 250px;}
    .mypage_order_detail_list .type_row .list > .row .item{ flex: 0 0 250px; display: flex; align-items: center; padding: 20px 20px 20px 90px; width: 250px;}
    .mypage_order_detail_list .type_row .list > .row .item .text .t1 p{ font-size: 10px;}
    .mypage_order_detail_list .type_row .list > .row .item .text .t1 span{ margin: 0; width: 10px; background: none;}
    .mypage_order_detail_list .type_row .list > .row .item .text .t2{ font-size: 14px;}
    .mypage_order_detail_list .type_row .list > .row .item .text .t3{ font-size: 12px;}

    .mypage_order_detail_list .type_row .list > .row .color .bg{ width: 15px; height: 15px;}
    .mypage_order_detail_list .type_row .list > .row .color .name{ width: 40px; font-size: 11px;}
    .mypage_order_detail_list .type_row .list > .row .color .size{ font-size: 11px;}
    .mypage_order_detail_list .type_row .list > .row .txt .box span{ font-size: 11px;}
}
@media(max-width: 1025px){
    .mypage_order_detail_list .type_row .head{ display: none;}
    .mypage_order_detail_list .type_row .list > .row{ display: block;}
    .mypage_order_detail_list .type_row .list > .row .item{ width: 100%;}
    .mypage_order_detail_list .type_row .list > .row:nth-child(1) .item{ border-radius: 5px 5px 0 0;}
    .mypage_order_detail_list .type_row .list > .row .fr{ margin: -1px 0 0 0; padding: 0 0 0 1px;}
    .mypage_order_detail_list .type_row .list > .row .color{ padding: 30px 0 0 0; height: 80px;}
    .mypage_order_detail_list .type_row .list > .row .color p{ display: flex;}
    .mypage_order_detail_list .type_row .list > .row .txt .box{ padding: 30px 0 0 0; height: 80px;}
    .mypage_order_detail_list .type_row .list > .row .txt .box p{ display: flex;}
}
@media(max-width: 767px){
    .mypage_order_detail_list{ padding: 20px 0;}

    .mypage_order_detail_list .type_row .list > .row .item{ padding: 0 15px 0 75px; width: 100%; height: 80px;}
    .mypage_order_detail_list .type_row .list > .row .item .img{ margin: 0 10px 0 -60px; width: 50px; height: 50px;}
    .mypage_order_detail_list .type_row .list > .row .item .img .block{ height: 20px; font-size: 10px;}
    .mypage_order_detail_list .type_row .list > .row .item .text{ width: 100%;}
    .mypage_order_detail_list .type_row .list > .row .item .text .t1 p{ font-size: 11px;}
    .mypage_order_detail_list .type_row .list > .row .item .text .t2{ font-size: 14px;}
    .mypage_order_detail_list .type_row .list > .row .color{ width: 40%; height: 70px;}
    .mypage_order_detail_list .type_row .list > .row .txt{ width: 20%; font-size: 11px;}
    .mypage_order_detail_list .type_row .list > .row .txt .box{ height: 70px;}
    .mypage_order_detail_list .type_row .list > .row .txt:nth-child(5){ display: none;}
    .mypage_order_detail_list .type_row .list > .row .txt:nth-child(6){ display: none;}
    .mypage_order_detail_list .type_row .btn_more{ height: 35px;}
    .mypage_order_detail_list .type_row .foot{ padding: 15px 15px;}
}


.mypage_order_detail_reception{ padding: 0 0 30px 0;}
.mypage_order_detail_reception .title{ padding: 0 0 10px 0; font-size: 2em; font-weight: 400; color: #000;}
.mypage_order_detail_reception .row{ display: flex; align-items: center; padding: 5px 0;}
.mypage_order_detail_reception .row p{ width: 70px; font-size: 1.3em; color: #666;}
.mypage_order_detail_reception .row span{ font-size: 1.3em; font-weight: 300; color: #000;}
@media(max-width: 767px){
    .mypage_order_detail_reception{ padding: 0 0 20px 0;}
}


.mypage_order_detail_foot{ padding: 30px 0;}
.mypage_order_detail_foot .fl{ display: flex; flex-direction: column; align-items: flex-end;}
.mypage_order_detail_foot .fl .row{ display: flex; align-items: center; padding: 10px 0;}
.mypage_order_detail_foot .fl .row p{ text-align: right; width: 70px; font-size: 1.3em; color: #666;}
.mypage_order_detail_foot .fl .row span{ display: block; width: 120px; text-align: right; font-size: 1.3em; font-weight: 400; color: #6b5cfd;}
.mypage_order_detail_foot .fl .row:last-child span{ font-size: 2.2em;}
.mypage_order_detail_foot .fr{ display: flex; justify-content: flex-end; margin: 30px 0 0 0;}
.mypage_order_detail_foot .fr a{ display: flex; align-items: center; margin: 0 0 0 10px; padding: 0 25px; height: 40px; border-radius: 20px; border: 1px solid #DDD; background: #f6fafc; cursor: pointer;}
.mypage_order_detail_foot .fr a i{ margin: 0 5px 0 0; font-size: 2em; color: #000;}
.mypage_order_detail_foot .fr a p{ font-size: 1.4em; font-weight: 300; color: #000;}
.mypage_order_detail_foot .fr a:nth-child(3){ border-color: rgba(107 92 253/50%);}
.mypage_order_detail_foot .fr a:nth-child(3) p{ color: #6b5cfd;}
.mypage_order_detail_foot .fr a:nth-child(4){ border-color: rgba(250 0 0/50%);}
.mypage_order_detail_foot .fr a:nth-child(4) p{ color: #F00;}
@media(max-width: 767px){
    .mypage_order_detail_foot{ padding: 20px 0;}
    .mypage_order_detail_foot .fr{ flex-wrap: wrap; margin: 10px -1% 0 -1%;}
    .mypage_order_detail_foot .fr a{ justify-content: center; margin: 2% 1% 0 1%; padding: 0; width: 48%; height: 35px;}
    .mypage_order_detail_foot .fr a i{ margin: 0 5px 0 0; font-size: 2em; color: #000;}
    .mypage_order_detail_foot .fr a p{ font-size: 1.4em; font-weight: 300; color: #000;}
}




.mypage_order_memo{}
.mypage_order_memo .type_row{ position: relative; border-radius: 5px; border: 1px solid rgba(0 0 0/10%); background: #FFF; box-shadow: 0 5px 15px 0 rgba(0 0 0/5%);}
.mypage_order_memo .type_row .head{ display: flex; flex-direction: column; align-items: flex-start; padding: 20px 30px; border-radius: 5px 5px 0 0; border-bottom: 1px solid rgba(0 0 0/5%); background: #f6fafc;}
.mypage_order_memo .type_row .head .title{ font-size: 2em; font-weight: 400; color: #000;}
.mypage_order_memo .type_row .head .fb{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: 10px 0 0 0; width: 100%;}
.mypage_order_memo .type_row .head .fb .fbl{ display: flex; align-items: center;}
.mypage_order_memo .type_row .head .fb .fbl p{ font-size: 1.2em; font-weight: 200; color: #666;}
.mypage_order_memo .type_row .head .fb .fbl p br{ display: none;}
.mypage_order_memo .type_row .head .fb .fbl span{ display: block; margin: 0 15px; width: 1px; height: 12px; background: #CCC;}
.mypage_order_memo .type_row .head .fb .fbr{ display: flex; align-items: center;}
.mypage_order_memo .type_row .head .fb .fbr .row{ display: flex; align-items: flex-end; margin: 0 0 0 30px;}
.mypage_order_memo .type_row .head .fb .fbr .row p{ padding: 0 0 2px 0; font-size: 1.2em; font-weight: 200; color: #666;}
.mypage_order_memo .type_row .head .fb .fbr .row span{ margin: 0 0 0 10px; font-size: 1.8em; font-weight: 500; color: #6b5cfd;}

.mypage_order_memo .type_row .list{ padding: 0 30px;}
.mypage_order_memo .type_row .list > .row{ display: flex; justify-content: space-between; align-items: center; padding: 20px 0; border-top: 1px solid #eaeaea;}
.mypage_order_memo .type_row .list > .row:first-child{ border-top: 0;}
.mypage_order_memo .type_row .list > .row .fr{ display: flex; justify-content: space-between; align-items: center; padding: 0 0 0 15%; width: 100%;}

.mypage_order_memo .type_row .list > .row .item{ flex: 0 0 300px; display: flex; align-items: center; padding: 0 0 0 70px; width: 300px;}
.mypage_order_memo .type_row .list > .row .item .img{ position: relative; margin: 0 10px 0 -70px; width: 60px; height: 60px; border-radius: 5px;}
.mypage_order_memo .type_row .list > .row .item .img img{ display: block; width: 100%; height: auto;}
.mypage_order_memo .type_row .list > .row .item .img .block{ display: flex; align-items: center; position: absolute; z-index: 20; bottom: 0; right: 0; padding: 0 5px; height: 25px; border-radius: 5px 0 5px 0; background: #F00; font-size: 12px; color: #FFF;}
.mypage_order_memo .type_row .list > .row .item .text{ width: 100%;}
.mypage_order_memo .type_row .list > .row .item .text .t1{ display: flex; align-items: center;}
.mypage_order_memo .type_row .list > .row .item .text .t1 p{ font-size: 1.2em; color: #666;}
.mypage_order_memo .type_row .list > .row .item .text .t1 p:first-child{ font-weight: 300; color: #333;}
.mypage_order_memo .type_row .list > .row .item .text .t1 span{ display: block; margin: 0 10px; width: 1px; height: 10px; background: #CCC;}
.mypage_order_memo .type_row .list > .row .item .text .t2{ margin: 5px 0 0 0; font-size: 1.5em; font-weight: 400; color: #000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.mypage_order_memo .type_row .list > .row .item .text .t3{ margin: 5px 0 0 0; font-size: 1.2em; color: #666;}

.mypage_order_memo .type_row .list > .row .color{ display: flex; align-items: center;}
.mypage_order_memo .type_row .list > .row .color .bg{ margin: 0 5px 0 0; width: 25px; height: 25px; border-radius: 50%;}
.mypage_order_memo .type_row .list > .row .color .name{ width: 80px; font-size: 1.2em; color: #666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.mypage_order_memo .type_row .list > .row .color .size{ width: 60px; font-size: 1.2em; color: #666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.mypage_order_memo .type_row .list > .row .color .btn{ display: block; padding: 0 0 2px 0; width: auto; height: 20px; opacity: 0.8; cursor: pointer;}

.mypage_order_memo .type_row .list > .row .txt{ width: 100px; text-align: right; line-height: 1.4; font-size: 1.3em; color: #666;}
.mypage_order_memo .type_row .list > .row .txt br{ display: none;}

.mypage_order_memo .type_row .btn_more{ display: flex; justify-content: center; align-items: center; margin: 0 30px; height: 40px; border-radius: 5px; border: 1px solid rgba(0 0 0/10%); background: #f5f8fa; cursor: pointer;}
.mypage_order_memo .type_row .btn_more p{ font-size: 1.2em; color: #000;}
.mypage_order_memo .type_row .btn_more i{ margin: 0 0 0 10px; font-size: 1.2em; color: #000; transition: all .2s;}
.mypage_order_memo .type_row .btn_more.on i{ transform: rotate(180deg);}

.mypage_order_memo .type_row .foot{ margin: 20px 0 0 0; padding: 20px 30px; border-radius: 0 0 5px 5px; border-top: 1px solid rgba(0 0 0/5%); background: #f6fafc;}
.mypage_order_memo .type_row .foot .row{ position: relative; padding: 10px 0 10px 70px;}
.mypage_order_memo .type_row .foot .row .tit{ position: absolute; top: 50%; left: 0; transform: translate(0,-50%); font-size: 1.3em; color: #666;}
.mypage_order_memo .type_row .foot .row .menu{ display: flex; align-items: center;}
.mypage_order_memo .type_row .foot .row .menu a{ display: flex; align-items: center; margin: 0 15px 0 0; opacity: 0.5; cursor: pointer;}
.mypage_order_memo .type_row .foot .row .menu a span{ display: block; margin: 0 2px 0 0; width: 14px; height: 14px; border-radius: 50%; border: 4px solid #999;}
.mypage_order_memo .type_row .foot .row .menu a i{ font-size: 2.4em;}
.mypage_order_memo .type_row .foot .row .menu a.on{ opacity: 1;}
.mypage_order_memo .type_row .foot .row .menu a.on span{ border-color: #6b5cfd;}
.mypage_order_memo .type_row .foot .row textarea{ display: block; margin: 0; padding: 10px 10px; width: 100%; height: 120px; border-radius: 5px; border: 1px solid #DDD; background: #FFF; line-height: 1.5; font-size: 1.2em; font-weight: 200; color:#000; outline:none; -webkit-appearance:none;}
.mypage_order_memo .type_row .foot .row .btn{ display: flex;}
.mypage_order_memo .type_row .foot .row .btn a{ display: flex; justify-content: center; align-items: center; margin: 0 10px 0 0; width: 120px; height: 40px; border-radius: 20px; border: 1px solid rgba(250 0 0/50%); background: #FFF; font-size: 1.4em; font-weight: 300; color: #F00; cursor: pointer;}
.mypage_order_memo .type_row .foot .row .btn a:first-child{ border-color: #6b5cfd; background: #6b5cfd; color: #FFF;}
@media(max-width: 1400px){
    .mypage_order_memo .type_row .head{ position: relative;}
    .mypage_order_memo .type_row .head .fb .fbl{}
    .mypage_order_memo .type_row .head .fb .fbr{ position: absolute; top: 20px; right: 30px; height: 22px;}
    .mypage_order_memo .type_row .list > .row .fr{ padding: 0 0 0 5%;}
}
@media(max-width: 1025px){
    .mypage_order_memo .type_row .list{ padding: 0 30px 20px 30px;}
    .mypage_order_memo .type_row .list > .row{ flex-wrap: wrap;}
    .mypage_order_memo .type_row .list > .row .item{ flex: initial; width: 100%;}
    .mypage_order_memo .type_row .list > .row .fr{ justify-content: space-between; margin: 20px 0 -21px 0; padding: 15px 30px 15px 31px; width: 100%; border: 1px solid rgba(0 0 0/5%); background: #f6fafc;}
}
@media(max-width: 767px){
    .mypage_order_memo{ margin: 10px 0 0 0;}
    .mypage_order_memo .type_row .head{ padding: 20px 15px;}
    .mypage_order_memo .type_row .head .fb{ display: flex; margin: 15px 0 0 0;}
    .mypage_order_memo .type_row .head .fb .fbl{ display: flex; align-items: flex-end;}
    .mypage_order_memo .type_row .head .fb .fbl p{ display: block; line-height: 1.4; font-size: 11px;}
    .mypage_order_memo .type_row .head .fb .fbl p font{ display: none;}
    .mypage_order_memo .type_row .head .fb .fbl p br{ display: block;}
    .mypage_order_memo .type_row .head .fb .fbl span{ margin: 0 10px; width: 1px; height: 26px; background: #DDD;}
    .mypage_order_memo .type_row .head .fb .fbr{ top: 20px; right: 15px; height: 18px;}
    .mypage_order_memo .type_row .head .fb .fbr .row{ margin: 0 0 0 15px;}
    .mypage_order_memo .type_row .head .fb .fbr .row p{ padding: 0 0 1px 0;}
    .mypage_order_memo .type_row .head .fb .fbr .row span{ margin: 0 0 0 5px;}

    .mypage_order_memo .type_row .list{ padding: 0 15px 15px 15px;}
    .mypage_order_memo .type_row .list > .row{ display: block; padding: 15px 0;}
    .mypage_order_memo .type_row .list > .row .fr{ margin: 15px 0 -16px 0; padding: 10px 10px;}

    .mypage_order_memo .type_row .list > .row .item{ padding: 0 0 0 60px; width: auto;}
    .mypage_order_memo .type_row .list > .row .item .img{ margin: 0 10px 0 -60px; width: 50px; height: 50px;}
    .mypage_order_memo .type_row .list > .row .item .img .block{ height: 20px; font-size: 10px;}
    .mypage_order_memo .type_row .list > .row .item .text{ width: 100%;}
    .mypage_order_memo .type_row .list > .row .item .text .t1 p{ font-size: 11px;}
    .mypage_order_memo .type_row .list > .row .item .text .t2{ font-size: 14px;}

    .mypage_order_memo .type_row .list > .row .color{ justify-content: flex-start; position: relative; padding: 0;}
    .mypage_order_memo .type_row .list > .row .color .bg{ width: 20px; height: 20px;}
    .mypage_order_memo .type_row .list > .row .color .name{ margin: 0 5px 0 0; width: 50px; font-size: 11px;}
    .mypage_order_memo .type_row .list > .row .color .size{ width: 40px; font-size: 11px;}
    .mypage_order_memo .type_row .list > .row .color .btn{ height: 16px;}

    .mypage_order_memo .type_row .list > .row .txt{ width: 25%; font-size: 11px;}

    .mypage_order_memo .type_row .btn_more{ margin: 0 15px; height: 35px;}

    .mypage_order_memo .type_row .foot{ margin: 15px 0 0 0; padding: 15px;}
    .mypage_order_memo .type_row .foot .row{ padding: 10px 0 10px 60px;}
    .mypage_order_memo .type_row .foot .row .menu a{ margin: 0 15px 0 0;}
    .mypage_order_memo .type_row .foot .row .btn a{ margin: 0 5px 0 0; width: 100px; height: 35px; font-size: 14px;}
}




.mypage_pr_down_option{ position: relative; z-index: 30;}
.mypage_pr_down_option .type_row{ display: flex; justify-content: space-between; align-items: center; padding: 20px 30px; border-radius: 5px; border: 1px solid rgba(0 0 0/10%); background: #FFF; box-shadow: 0 5px 15px 0 rgba(0 0 0/5%);}
.mypage_pr_down_option .type_row .fl{ display: flex; align-items: center;}
.mypage_pr_down_option .type_row .check{ display: flex; align-items: center; cursor: pointer;}
.mypage_pr_down_option .type_row .check i{ display: flex;justify-content: center; align-items: center; margin: 0 5px 0 0; width: 18px; height: 18px; border-radius: 5px; border: 1px solid #DDD; background: #FFF; font-size: 12px; color: #999;}
.mypage_pr_down_option .type_row .check p{ display: block; line-height: 2.5; font-size: 1.3em; color: #333;}
.mypage_pr_down_option .type_row .check.on i{ border-color: #6b5cfd; background: #6b5cfd; color: #FFF;}
.mypage_pr_down_option .type_row .check.on p{ font-weight: 400; color: #6b5cfd;}
.mypage_pr_down_option .type_row .btn{ display: flex; align-items: center;}
.mypage_pr_down_option .type_row .btn a{ font-size: 1.3em; color: #666; cursor: pointer;}
.mypage_pr_down_option .type_row .btn span{ display: block; margin: 0 15px; width: 1px; height: 15px; background: #DDD;}

.mypage_pr_down_option .type_row .date{ position: relative;}
.mypage_pr_down_option .type_row .date > .head{ display: flex; position: relative; width: 250px; height: 35px; border-radius: 20px; border: 1px solid rgba(0 0 0/10%); background: #f6fafc;}
.mypage_pr_down_option .type_row .date > .head i{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; width: 35px; font-size: 1.2em; color: #999;}
.mypage_pr_down_option .type_row .date > .head input{ display: flex; align-items: center; margin: 0; padding: 0 35px 1px 15px; width: 100%; height: 35px; border-radius: 0; border: none; background: none; font-size: 1.2em; font-weight: 300; color: #000; outline: none; -webkit-appearance: none;}

.mypage_pr_down_option .type_row .date .date_calendar{ display: none; position: absolute; top: 35px; left: 0; padding: 0 15px 15px 15px; border-radius: 5px; background: #FFF; box-shadow: 0 5px 30px 0 rgba(0 0 0/15%);}
.mypage_pr_down_option .type_row .date .date_calendar .top{ display: flex; justify-content: space-between; align-items: center; margin: 0 -15px; padding: 0 15px; border-radius: 5px 5px 0 0; height: 50px; border-bottom: 1px solid rgba(0 0 0/5%); background: #f6fafc;}
.mypage_pr_down_option .type_row .date .date_calendar .top a{ display: flex; align-items: center; height: 50px; font-size: 12px; color: #000; cursor: pointer;}
.mypage_pr_down_option .type_row .date .date_calendar .top a.on{ font-size: 13px; font-weight: 500; color: #6b5cfd;}
.mypage_pr_down_option .type_row .date .date_calendar .menu{ display: flex; justify-content: space-between; align-items: center; padding: 15px 0;}
.mypage_pr_down_option .type_row .date .date_calendar .menu .btn{}
.mypage_pr_down_option .type_row .date .date_calendar .menu .btn i{ font-size: 14px; color: #666; cursor: pointer;}
.mypage_pr_down_option .type_row .date .date_calendar .menu p{ font-size: 1.5em; font-weight: 300; color: #000;}
.mypage_pr_down_option .type_row .date .date_calendar .head{ display: flex; align-items: center; padding: 10px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.mypage_pr_down_option .type_row .date .date_calendar .head p{ width: 14.285%; text-align: center; font-size: 1.3em; color: #666;}
.mypage_pr_down_option .type_row .date .date_calendar .body{ display: flex; flex-wrap: wrap; margin: 10px 0 0 0; width: 240px;}
.mypage_pr_down_option .type_row .date .date_calendar .body p{ display: flex; justify-content: center; align-items: center; margin: 1px 0; width: 14.285%; height: 34px; background: #f5f7fa; font-size: 1.2em; color: #999; cursor: pointer;}
.mypage_pr_down_option .type_row .date .date_calendar .body p.on{ background: none; color: #000;}
.mypage_pr_down_option .type_row .date .date_calendar .body p.on.click{ border-radius: 50%; background: #6b5cfd; color: #FFF;}

.mypage_pr_down_option .type_row .date.on .date_calendar{ display: block;}

@media(max-width: 767px){
    .mypage_pr_down_option .type_row{ display: block; padding: 15px;}

    .mypage_pr_down_option .type_row .date{ margin: 10px 0 0 0;}
    .mypage_pr_down_option .type_row .date > .head{ width: 100%; height: 30px;}
    .mypage_pr_down_option .type_row .date > .head i{ width: 30px; font-size: 10px;}
    .mypage_pr_down_option .type_row .date > .head input{ padding: 0 10px 1px 10px; width: 100%; height: 30px;}

    .mypage_pr_down_option .type_row .date .date_calendar{ top: 30px; left: 0; padding: 0 10px 10px 10px;}
    .mypage_pr_down_option .type_row .date .date_calendar .top{ margin: 0 -10px; padding: 0 10px; height: 40px;}
    .mypage_pr_down_option .type_row .date .date_calendar .top a{ height: 40px;}
    .mypage_pr_down_option .type_row .date .date_calendar .body p{ margin: 1px 0;}
}




.mypage_down_list{ margin: 20px 0 0 0;}
.mypage_down_list .type_row{ position: relative; border-radius: 5px; border: 1px solid rgba(0 0 0/10%); background: #FFF; box-shadow: 0 5px 15px 0 rgba(0 0 0/5%);}

.mypage_down_list .type_row .list{ padding: 0 30px;}
.mypage_down_list .type_row .list > .row{ display: flex; justify-content: space-between; align-items: center; position: relative; padding: 20px 0; border-top: 1px solid #eaeaea;}
.mypage_down_list .type_row .list > .row:first-child{ border-top: 0;}
.mypage_down_list .type_row .list > .row .fl{ display: flex; position: relative;}
.mypage_down_list .type_row .list > .row .fr{ display: flex; align-items: center; width: 100%;}

.mypage_down_list .type_row .list > .row .check{ display: flex; align-items: center; cursor: pointer; margin: 0 15px 0 0;}
.mypage_down_list .type_row .list > .row .check i{ display: flex;justify-content: center; align-items: center; width: 18px; height: 18px; border-radius: 5px; border: 1px solid #DDD; background: #FFF; font-size: 12px; color: #999;}
.mypage_down_list .type_row .list > .row .check.on i{ border-color: #6b5cfd; background: #6b5cfd; color: #FFF;}

.mypage_down_list .type_row .list > .row .item{ display: flex; align-items: center; padding: 0 0 0 70px; width: 300px;}
.mypage_down_list .type_row .list > .row .item .img{ position: relative; margin: 0 10px 0 -70px; width: 60px; height: 60px; border-radius: 5px;}
.mypage_down_list .type_row .list > .row .item .img img{ display: block; width: 100%; height: auto;}
.mypage_down_list .type_row .list > .row .item .img .block{ display: flex; align-items: center; position: absolute; z-index: 20; bottom: 0; right: 0; padding: 0 5px; height: 25px; border-radius: 5px 0 5px 0; background: #F00; font-size: 12px; color: #FFF;}
.mypage_down_list .type_row .list > .row .item .text{ width: 100%;}
.mypage_down_list .type_row .list > .row .item .text .t1{ display: flex; align-items: center;}
.mypage_down_list .type_row .list > .row .item .text .t1 p{ font-size: 1.2em; color: #666;}
.mypage_down_list .type_row .list > .row .item .text .t1 p:first-child{ font-weight: 300; color: #333;}
.mypage_down_list .type_row .list > .row .item .text .t1 span{ display: block; margin: 0 10px; width: 1px; height: 10px; background: #CCC;}
.mypage_down_list .type_row .list > .row .item .text .t2{ margin: 5px 0 0 0; font-size: 1.5em; font-weight: 400; color: #000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.mypage_down_list .type_row .list > .row .item .text .t3{ margin: 5px 0 0 0; font-size: 1.2em; color: #666;}

.mypage_down_list .type_row .list > .row .price{ display: flex; width: 65%;}
.mypage_down_list .type_row .list > .row .price .row{ text-align: right; width: 50%;}
.mypage_down_list .type_row .list > .row .price .row p{ font-size: 1.2em; color: #666;}
.mypage_down_list .type_row .list > .row .price .row span{ display: block; margin: 5px 0 0 0; font-size: 1.3em; font-weight: 300; color: #000;}
.mypage_down_list .type_row .list > .row .price .row:first-child span{ color: #6b5cfd;}

.mypage_down_list .type_row .list > .row .btn{ display: flex; justify-content: flex-end; width: 35%;}
.mypage_down_list .type_row .list > .row .btn a{ display: block; margin: 0 0 0 30px; cursor: pointer;}
.mypage_down_list .type_row .list > .row .btn a:first-child{ margin: 0;}
.mypage_down_list .type_row .list > .row .btn a img{ display: block;}
.mypage_down_list .type_row .list > .row .btn a img.on{ display: none;}
@media(max-width: 1400px){
    .mypage_down_list .type_row .list > .row .item{ width: 250px;}
    .mypage_down_list .type_row .list > .row .item .text .t1 p{ font-size: 10px;}

    .mypage_down_list .type_row .list > .row .price{ width: 70%;}
    .mypage_down_list .type_row .list > .row .price .row:nth-child(1){ width: 40%;}
    .mypage_down_list .type_row .list > .row .price .row:nth-child(2){ width: 60%;}
    .mypage_down_list .type_row .list > .row .btn{ width: 30%;}
    .mypage_down_list .type_row .list > .row .btn a{ margin: 0 0 0 15px;}
}
@media(max-width: 1025px){
    .mypage_down_list .type_row .list{ padding: 0 30px 20px 30px;}
    .mypage_down_list .type_row .list > .row{ display: block;}
    .mypage_down_list .type_row .list > .row .fl{ display: block; position: relative; padding: 0 0 0 33px;}
    .mypage_down_list .type_row .list > .row .fr{ justify-content: space-between; margin: 20px 0 -21px 0; padding: 15px 30px 15px 31px; width: 100%; border: 1px solid rgba(0 0 0/5%); background: #f6fafc;}

    .mypage_down_list .type_row .list > .row .check{ position: absolute; top: 50%; left: 0; margin: -9px 0 0 0;}
    .mypage_down_list .type_row .list > .row .item{ width: auto;}

    .mypage_down_list .type_row .list > .row .price{ width: 60%;}
    .mypage_down_list .type_row .list > .row .btn{ width: 40%;}
    .mypage_down_list .type_row .list > .row .btn a{ margin: 0 0 0 30px;}
}
@media(max-width: 767px){
    .mypage_down_list{ margin: 10px 0 0 0;}

    .mypage_down_list .type_row .list{ padding: 0 15px 15px 15px;}
    .mypage_down_list .type_row .list > .row{ padding: 15px 0;}
    .mypage_down_list .type_row .list > .row .fl{ display: block; padding: 0 0 0 31px; width: auto;}
    .mypage_down_list .type_row .list > .row .fr{ margin: 15px 0 -16px 0; padding: 10px 10px;}

    .mypage_down_list .type_row .list > .row .item{ padding: 0 0 0 60px; width: auto;}
    .mypage_down_list .type_row .list > .row .item .img{ margin: 0 10px 0 -60px; width: 50px; height: 50px;}
    .mypage_down_list .type_row .list > .row .item .img .block{ height: 20px; font-size: 10px;}
    .mypage_down_list .type_row .list > .row .item .text{ width: 100%;}
    .mypage_down_list .type_row .list > .row .item .text .t1 p{ font-size: 11px;}
    .mypage_down_list .type_row .list > .row .item .text .t2{ margin: 5px 0 0 0; font-size: 14px;}
    .mypage_down_list .type_row .list > .row .item .text .t3{ margin: 5px 0 0 0; font-size: 11px;}

    .mypage_down_list .type_row .list > .row .price{ width: 65%;}
    .mypage_down_list .type_row .list > .row .price .row:nth-child(1){ width: 30%;}
    .mypage_down_list .type_row .list > .row .price .row:nth-child(2){ width: 70%;}
    .mypage_down_list .type_row .list > .row .price .row p{ font-size: 10px;}
    .mypage_down_list .type_row .list > .row .price .row span{ margin: 3px 0 0 0; font-size: 11px;}
    .mypage_down_list .type_row .list > .row .btn{ width: 35%;}

    .mypage_down_list .type_row .list > .row .btn{ margin: 0;}
    .mypage_down_list .type_row .list > .row .btn a{  margin: 0 0 0 15px;}
    .mypage_down_list .type_row .list > .row .btn a img{ width: auto; height: 16px;}
}




.mypage_inquiry_list{ margin: 20px 0 0 0;}
.mypage_inquiry_list .type_row{ position: relative; border-radius: 5px; border: 1px solid rgba(0 0 0/10%); background: #FFF; box-shadow: 0 5px 15px 0 rgba(0 0 0/5%);}

.mypage_inquiry_list .type_row .list{ padding: 0 30px;}
.mypage_inquiry_list .type_row .list > .row{ display: flex; justify-content: space-between; align-items: center; position: relative; padding: 20px 0; border-top: 1px solid #eaeaea;}
.mypage_inquiry_list .type_row .list > .row:first-child{ border-top: 0;}
.mypage_inquiry_list .type_row .list > .row .fl{ display: flex; position: relative;}
.mypage_inquiry_list .type_row .list > .row .fr{ display: flex; align-items: center; width: 100%;}

.mypage_inquiry_list .type_row .list > .row .check{ display: flex; align-items: center; cursor: pointer; margin: 0 15px 0 0;}
.mypage_inquiry_list .type_row .list > .row .check i{ display: flex;justify-content: center; align-items: center; width: 18px; height: 18px; border-radius: 5px; border: 1px solid #DDD; background: #FFF; font-size: 12px; color: #999;}
.mypage_inquiry_list .type_row .list > .row .check.on i{ border-color: #6b5cfd; background: #6b5cfd; color: #FFF;}

.mypage_inquiry_list .type_row .list > .row .item{ display: flex; align-items: center; padding: 0 0 0 70px; width: 300px;}
.mypage_inquiry_list .type_row .list > .row .item .img{ position: relative; margin: 0 10px 0 -70px; width: 60px; height: 60px; border-radius: 5px;}
.mypage_inquiry_list .type_row .list > .row .item .img img{ display: block; width: 100%; height: auto;}
.mypage_inquiry_list .type_row .list > .row .item .img .block{ display: flex; align-items: center; position: absolute; z-index: 20; bottom: 0; right: 0; padding: 0 5px; height: 25px; border-radius: 5px 0 5px 0; background: #F00; font-size: 12px; color: #FFF;}
.mypage_inquiry_list .type_row .list > .row .item .text{ width: 100%;}
.mypage_inquiry_list .type_row .list > .row .item .text .t1{ display: flex; align-items: center;}
.mypage_inquiry_list .type_row .list > .row .item .text .t1 p{ font-size: 1.2em; color: #666;}
.mypage_inquiry_list .type_row .list > .row .item .text .t1 p:first-child{ font-weight: 300; color: #333;}
.mypage_inquiry_list .type_row .list > .row .item .text .t1 span{ display: block; margin: 0 10px; width: 1px; height: 10px; background: #CCC;}
.mypage_inquiry_list .type_row .list > .row .item .text .t2{ margin: 5px 0 0 0; font-size: 1.5em; font-weight: 400; color: #000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.mypage_inquiry_list .type_row .list > .row .item .text .t3{ margin: 5px 0 0 0; font-size: 1.2em; color: #666;}

.mypage_inquiry_list .type_row .list > .row .txt{ width: 65%; text-align: right;}
.mypage_inquiry_list .type_row .list > .row .txt p{ font-size: 1.2em; color: #666;}
.mypage_inquiry_list .type_row .list > .row .txt span{ display: block; margin: 5px 0 0 0; font-size: 1.3em; font-weight: 300; color: #000;}
.mypage_inquiry_list .type_row .list > .row .btn{ display: flex; justify-content: flex-end; width: 15%;}
.mypage_inquiry_list .type_row .list > .row .btn img{ display: none; width: auto; height: 18px; cursor: pointer;}
.mypage_inquiry_list .type_row .list > .row .btn.on img{ display: block;}
.mypage_inquiry_list .type_row .list > .row .price{ width: 20%; text-align: right; font-size: 1.6em; font-weight: 400; color: #F00;}
.mypage_inquiry_list .type_row .list > .row .price.on{ color: #6b5cfd;}
@media(max-width: 1400px){
    .mypage_inquiry_list .type_row .list > .row .item{ width: 250px;}
    .mypage_inquiry_list .type_row .list > .row .item .text .t1 p{ font-size: 10px;}

    .mypage_inquiry_list .type_row .list > .row .txt{ width: 60%;}
    .mypage_inquiry_list .type_row .list > .row .btn{ width: 15%;}
    .mypage_inquiry_list .type_row .list > .row .price{ width: 25%;}
}
@media(max-width: 1025px){
    .mypage_inquiry_list .type_row .list{ padding: 0 30px 20px 30px;}
    .mypage_inquiry_list .type_row .list > .row{ display: block;}
    .mypage_inquiry_list .type_row .list > .row .fl{ display: block; position: relative; padding: 0 0 0 33px;}
    .mypage_inquiry_list .type_row .list > .row .fr{ justify-content: space-between; margin: 20px 0 -21px 0; padding: 15px 30px 15px 31px; width: 100%; border: 1px solid rgba(0 0 0/5%); background: #f6fafc;}

    .mypage_inquiry_list .type_row .list > .row .check{ position: absolute; top: 50%; left: 0; margin: -9px 0 0 0;}
    .mypage_inquiry_list .type_row .list > .row .item{ width: auto;}

    .mypage_inquiry_list .type_row .list > .row .txt{ display: flex; justify-content: flex-start; align-items: center; width: 60%;}
    .mypage_inquiry_list .type_row .list > .row .txt span{ margin: 0 0 0 5px;}
    .mypage_inquiry_list .type_row .list > .row .btn{ width: 10%;}
    .mypage_inquiry_list .type_row .list > .row .price{ width: 30%;}
}
@media(max-width: 767px){
    .mypage_inquiry_list{ margin: 10px 0 0 0;}

    .mypage_inquiry_list .type_row .list{ padding: 0 15px 15px 15px;}
    .mypage_inquiry_list .type_row .list > .row{ padding: 15px 0;}
    .mypage_inquiry_list .type_row .list > .row .fl{ display: block; padding: 0 0 0 31px; width: auto;}
    .mypage_inquiry_list .type_row .list > .row .fr{ margin: 15px 0 -16px 0; padding: 15px 10px;}

    .mypage_inquiry_list .type_row .list > .row .item{ padding: 0 0 0 60px; width: auto;}
    .mypage_inquiry_list .type_row .list > .row .item .img{ margin: 0 10px 0 -60px; width: 50px; height: 50px;}
    .mypage_inquiry_list .type_row .list > .row .item .img .block{ height: 20px; font-size: 10px;}
    .mypage_inquiry_list .type_row .list > .row .item .text{ width: 100%;}
    .mypage_inquiry_list .type_row .list > .row .item .text .t1 p{ font-size: 11px;}
    .mypage_inquiry_list .type_row .list > .row .item .text .t2{ margin: 5px 0 0 0; font-size: 14px;}
    .mypage_inquiry_list .type_row .list > .row .item .text .t3{ margin: 5px 0 0 0; font-size: 11px;}

    .mypage_inquiry_list .type_row .list > .row .txt{ width: 60%;}
    .mypage_inquiry_list .type_row .list > .row .txt p{ font-size: 11px;}
    .mypage_inquiry_list .type_row .list > .row .txt span{ font-size: 12px;}
    .mypage_inquiry_list .type_row .list > .row .btn{ width: 10%;}
    .mypage_inquiry_list .type_row .list > .row .btn img{ height: 16px;}
    .mypage_inquiry_list .type_row .list > .row .price{ width: 30%;}
}




.mypage_shop_block{}
.mypage_shop_block .type_row{ padding: 0 30px; border-radius: 5px; border: 1px solid rgba(0 0 0/10%); background: #FFF; box-shadow: 0 5px 15px 0 rgba(0 0 0/5%);}
.mypage_shop_block .type_row ul{}
.mypage_shop_block .type_row ul li{ border-top: 1px solid #e5e5e5;}
.mypage_shop_block .type_row ul li:first-child{ border-top: 0;}
.mypage_shop_block .type_row ul li .row{ display: flex; justify-content: space-between; align-items: center; padding: 30px 0;}
.mypage_shop_block .type_row ul li .row .fl{ display: flex; align-items: center;}
.mypage_shop_block .type_row ul li .row .name{}
.mypage_shop_block .type_row ul li .row .name .t1{ padding: 0 0 5px 0; font-size: 1.2em; color: #666;}
.mypage_shop_block .type_row ul li .row .name .t2{ font-size: 1.7em; font-weight: 400; color: #000;}
.mypage_shop_block .type_row ul li .row .txt{ text-align: right;}
.mypage_shop_block .type_row ul li .row .txt .t1{ padding: 0 0 5px 0; font-size: 1.2em; color: #666;}
.mypage_shop_block .type_row ul li .row .txt .t2{}
.mypage_shop_block .type_row ul li .row .btn{ display: flex; justify-content: flex-end;}
.mypage_shop_block .type_row ul li .row .btn a{ display: flex; justify-content: center; align-items: center; margin: 0 0 0 10px; width: 120px; height: 40px; border-radius: 20px; border: 1px solid #DDD; background: #f5f8fa;}
.mypage_shop_block .type_row ul li .row .btn a:first-child{ width: 40px;}
.mypage_shop_block .type_row ul li .row .btn a i{ font-size: 2em;}
.mypage_shop_block .type_row ul li .row .btn a p{ font-size: 1.4em; font-weight: 300; color: #000;}
.mypage_shop_block .type_row ul li .row .btn a.on{ border-color: #F00; background: #F00;}
.mypage_shop_block .type_row ul li .row .btn a.on i{ color: #FFF;}

.mypage_shop_block .type_row ul li .row .fl{ width: 75%;}
.mypage_shop_block .type_row ul li .row .name{ width: 30%;}
.mypage_shop_block .type_row ul li .row .txt{ width: 20%;}
.mypage_shop_block .type_row ul li .row .txt:last-child{ width: 30%;}
.mypage_shop_block .type_row ul li .row .btn{ width: 25%;}
@media(max-width: 1400px){
    .mypage_shop_block .type_row ul li .row .fl{ width: 70%;}
    .mypage_shop_block .type_row ul li .row .btn{ width: 30%;}
}
@media(max-width: 767px){
    .mypage_shop_block .type_row{ padding: 0 15px;}
    .mypage_shop_block .type_row ul li .row{ display: block; padding: 20px 0;}
    .mypage_shop_block .type_row ul li .row .fl{ flex-wrap: wrap; width: auto;}

    .mypage_shop_block .type_row ul li .row .name{ display: flex; justify-content: space-between; align-items: center; padding: 0 0 15px 0; width: 100%;}
    .mypage_shop_block .type_row ul li .row .name .t1{ padding: 0;}
    .mypage_shop_block .type_row ul li .row .txt{ width: 25%; text-align: left;}
    .mypage_shop_block .type_row ul li .row .txt:last-child{ width: 50%;}

    .mypage_shop_block .type_row ul li .row .btn{ justify-content: initial; margin: 15px -2.5px 0 -2.5px; width: auto;}
    .mypage_shop_block .type_row ul li .row .btn a{ margin: 0 2.5px; width: 100%; height: 35px;}
    .mypage_shop_block .type_row ul li .row .btn a:first-child{ flex: 0 0 35px; width: 35px;}
    .mypage_shop_block .type_row ul li .row .btn a p{ font-size: 14px;}
}





.mypage_shop_cuixin{}
.mypage_shop_cuixin .type_row{ padding: 0 30px; border-radius: 5px; border: 1px solid rgba(0 0 0/10%); background: #FFF; box-shadow: 0 5px 15px 0 rgba(0 0 0/5%);}
.mypage_shop_cuixin .type_row ul{}
.mypage_shop_cuixin .type_row ul li{ border-top: 1px solid #e5e5e5;}
.mypage_shop_cuixin .type_row ul li:first-child{ border-top: 0;}
.mypage_shop_cuixin .type_row ul li .row{ display: flex; justify-content: space-between; align-items: center; padding: 30px 0;}
.mypage_shop_cuixin .type_row ul li .row .fl{ display: flex; align-items: center;}
.mypage_shop_cuixin .type_row ul li .row .shop{ position: relative; padding: 0 0 0 120px;}

.mypage_shop_cuixin .type_row ul li .row .shop .check{ display: flex; align-items: center; position: absolute; top: 50%; left: 0; transform: translate(0,-50%); cursor: pointer;}
.mypage_shop_cuixin .type_row ul li .row .shop .check i{ display: flex;justify-content: center; align-items: center; margin: 0 5px 0 0; width: 18px; height: 18px; border-radius: 5px; border: 1px solid #DDD; background: #FFF; font-size: 12px; color: #999;}
.mypage_shop_cuixin .type_row ul li .row .shop .check.on i{ border-color: #6b5cfd; background: #6b5cfd; color: #FFF;}

.mypage_shop_cuixin .type_row ul li .row .shop .img{ position: absolute; top: 50%; left: 30px; transform: translate(0,-50%); width: 80px; height: 60px; border-radius: 5px;}
.mypage_shop_cuixin .type_row ul li .row .shop .t1{ padding: 0 0 5px 0; font-size: 1.7em; font-weight: 400; color: #6b5cfd; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.mypage_shop_cuixin .type_row ul li .row .shop .t2{ font-size: 1.2em; color: #666;}
.mypage_shop_cuixin .type_row ul li .row .txt{ text-align: right;}
.mypage_shop_cuixin .type_row ul li .row .txt .t1{ padding: 0 0 5px 0; font-size: 1.2em; color: #666;}
.mypage_shop_cuixin .type_row ul li .row .txt .t2{}
.mypage_shop_cuixin .type_row ul li .row .btn{ display: flex; justify-content: flex-end; align-items: center; font-size: 1.4em; font-weight: 300; color: #6b5cfd;}

.mypage_shop_cuixin .type_row ul li .row .fl{ width: 85%;}
.mypage_shop_cuixin .type_row ul li .row .shop{ width: 30%;}
.mypage_shop_cuixin .type_row ul li .row .txt{ width: 20%;}
.mypage_shop_cuixin .type_row ul li .row .txt:last-child{ width: 30%;}
.mypage_shop_cuixin .type_row ul li .row .btn{ width: 15%;}
@media(max-width: 767px){
    .mypage_shop_cuixin .type_row{ padding: 0;}
    .mypage_shop_cuixin .type_row ul li .row{ display: block; position: relative; padding: 0 15px 20px 15px;}
    .mypage_shop_cuixin .type_row ul li .row .fl{ flex-wrap: wrap; width: auto;}

    .mypage_shop_cuixin .type_row ul li .row .shop{ margin: 0 0 20px 0; padding: 20px 0 20px 100px; width: 100%; border-bottom: 1px solid #f0f0f0;}
    .mypage_shop_cuixin .type_row ul li .row .shop .img{ width: 60px; height: 40px;}
    .mypage_shop_cuixin .type_row ul li .row .txt{ width: 25%; text-align: left;}
    .mypage_shop_cuixin .type_row ul li .row .txt:last-child{ width: 50%;}

    .mypage_shop_cuixin .type_row ul li .row .btn{ position: absolute; top: 20px; right: 15px; width: auto;}
}







.mypage_alarm_option{}
.mypage_alarm_option .type_row{ display: flex; justify-content: space-between; align-items: center; padding: 25px 30px; border-radius: 5px; border: 1px solid rgba(0 0 0/10%); background: #FFF; box-shadow: 0 5px 15px 0 rgba(0 0 0/5%);}
.mypage_alarm_option .type_row .fl{ display: flex; align-items: center;}
.mypage_alarm_option .type_row .fr{ display: flex; align-items: center;}

.mypage_alarm_option .type_row .tit{ display: flex; align-items: center; font-size: 1.5em; color: #000;}
.mypage_alarm_option .type_row .tit span{ font-weight: 500; color: #6b5cfd;}

.mypage_alarm_option .type_row .date{ position: relative; margin: 0 0 0 20px;}
.mypage_alarm_option .type_row .date > .head{ display: flex; position: relative; width: 250px; height: 35px; border-radius: 20px; border: 1px solid rgba(0 0 0/10%); background: #f6fafc;}
.mypage_alarm_option .type_row .date > .head i{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; width: 35px; font-size: 1.2em; color: #999;}
.mypage_alarm_option .type_row .date > .head input{ display: flex; align-items: center; margin: 0; padding: 0 35px 1px 15px; width: 100%; height: 35px; border-radius: 0; border: none; background: none; font-size: 1.2em; font-weight: 300; color: #000; outline: none; -webkit-appearance: none;}
.mypage_alarm_option .type_row .date .date_calendar{ display: none; position: absolute; top: 35px; left: 0; padding: 0 15px 15px 15px; width: 290px; border-radius: 5px; background: #FFF; box-shadow: 0 5px 30px 0 rgba(0 0 0/15%);}
.mypage_alarm_option .type_row .date .date_calendar .top{ display: flex; justify-content: space-between; align-items: center; margin: 0 -15px; padding: 0 15px; border-radius: 5px 5px 0 0; height: 50px; border-bottom: 1px solid rgba(0 0 0/5%); background: #f6fafc;}
.mypage_alarm_option .type_row .date .date_calendar .top a{ display: flex; align-items: center; height: 50px; font-size: 12px; color: #000; cursor: pointer;}
.mypage_alarm_option .type_row .date .date_calendar .top a.on{ font-size: 13px; font-weight: 500; color: #6b5cfd;}
.mypage_alarm_option .type_row .date .date_calendar .menu{ display: flex; justify-content: space-between; align-items: center; padding: 15px 0;}
.mypage_alarm_option .type_row .date .date_calendar .menu .btn{}
.mypage_alarm_option .type_row .date .date_calendar .menu .btn i{ font-size: 14px; color: #666; cursor: pointer;}
.mypage_alarm_option .type_row .date .date_calendar .menu p{ font-size: 1.5em; font-weight: 300; color: #000;}
.mypage_alarm_option .type_row .date .date_calendar .head{ display: flex; align-items: center; padding: 10px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.mypage_alarm_option .type_row .date .date_calendar .head p{ width: 14.285%; text-align: center; font-size: 1.3em; color: #666;}
.mypage_alarm_option .type_row .date .date_calendar .body{ display: flex; flex-wrap: wrap; margin: 10px 0 0 0; width: 240px;}
.mypage_alarm_option .type_row .date .date_calendar .body p{ display: flex; justify-content: center; align-items: center; margin: 1px 0; width: 14.285%; height: 34px; background: #f5f7fa; font-size: 1.2em; color: #999; cursor: pointer;}
.mypage_alarm_option .type_row .date .date_calendar .body p.on{ background: none; color: #000;}
.mypage_alarm_option .type_row .date .date_calendar .body p.on.click{ border-radius: 50%; background: #6b5cfd; color: #FFF;}
.mypage_alarm_option .type_row .date.on .date_calendar{ display: block;}

.mypage_alarm_option .type_row .btn{ display: flex; align-items: center; cursor: pointer;}
.mypage_alarm_option .type_row .btn i{ display: flex; justify-content: center; align-items: center; margin: 0 5px 0 0; width: 20px; height: 20px; border-radius: 50%;  border-color: #6b5cfd; background: #6b5cfd; font-size: 12px; color: #FFF;}
.mypage_alarm_option .type_row .btn p{ font-size: 1.3em; color: #000;}

.mypage_alarm_option .type_row .check{ display: flex; align-items: center; margin: 0 0 0 20px; cursor: pointer;}
.mypage_alarm_option .type_row .check i{ display: flex;justify-content: center; align-items: center; margin: 0 5px 0 0; width: 18px; height: 18px; border-radius: 5px; border: 1px solid #DDD; background: #FFF; font-size: 12px; color: #999;}
.mypage_alarm_option .type_row .check p{ display: block; font-size: 1.3em; color: #333;}
.mypage_alarm_option .type_row .check.on i{ border-color: #6b5cfd; background: #6b5cfd; color: #FFF;}
.mypage_alarm_option .type_row .check.on p{ font-weight: 400; color: #6b5cfd;}

.mypage_alarm_option .type_row .btn2{ display: flex; align-items: center; margin: 0 0 0 20px;}
.mypage_alarm_option .type_row .btn2 span{ display: block; margin: 0 15px; width: 1px; height: 12px; background: #CCC;}
.mypage_alarm_option .type_row .btn2 a{ font-size: 1.3em; color: #000; cursor: pointer;}
@media(max-width: 1200px){
    .mypage_alarm_option .type_row .date > .head{ width: 200px;}
}
@media(max-width: 767px){
    .mypage_alarm_option .type_row{ display: block; padding: 15px;}
    .mypage_alarm_option .type_row .fr{ margin: 15px 0 0 0;}
    .mypage_alarm_option .type_row .tit{ flex: 0 0 80px;}
    .mypage_alarm_option .type_row .date{ margin: 0; width: 100%;}
    .mypage_alarm_option .type_row .date > .head{ width: 100%;}
}




.mypage_alarm_list{ margin: 30px 0 0 0;}
.mypage_alarm_list .type_row{ padding: 0 30px 30px 50px; border-radius: 5px; border: 1px solid rgba(0 0 0/10%); background: #FFF; box-shadow: 0 5px 15px 0 rgba(0 0 0/5%);}
.mypage_alarm_list .type_row ul{}
.mypage_alarm_list .type_row ul li{ border-top: 1px solid #DDD;}
.mypage_alarm_list .type_row ul li:first-child{ border-top: 0;}
.mypage_alarm_list .type_row ul li .row{ padding: 30px 0;}
.mypage_alarm_list .type_row ul li .row .head{ position: relative;}
.mypage_alarm_list .type_row ul li .row .head .red{ position: absolute; top: 3px; left: -20px; width: 9px; height: 9px; border-radius: 50%; background: #F00;}
.mypage_alarm_list .type_row ul li .row .head .txt{ display: flex; align-items: center; height: 15px;}

.mypage_alarm_list .type_row ul li .row .head .check{ display: flex; align-items: center; margin: -1px 10px 0 0; cursor: pointer;}
.mypage_alarm_list .type_row ul li .row .head .check i{ display: flex;justify-content: center; align-items: center; width: 18px; height: 18px; border-radius: 5px; border: 1px solid #DDD; background: #FFF; font-size: 12px; color: #999;}
.mypage_alarm_list .type_row ul li .row .head .check.on i{ border-color: #6b5cfd; background: #6b5cfd; color: #FFF;}

.mypage_alarm_list .type_row ul li .row .head .txt p{ font-size: 1.2em; color: #666;}
.mypage_alarm_list .type_row ul li .row .head .txt p:first-child{ font-weight: 300; color: #000;}
.mypage_alarm_list .type_row ul li .row .head .txt span{ margin: 0 15px; width: 1px; height: 15px; background: #DDD;}
.mypage_alarm_list .type_row ul li .row .text{ display: block; margin: 10px 0 0 0; line-height: 1.4; font-size: 1.5em; font-weight: 300; color: #000;}
.mypage_alarm_list .type_row ul li .row .text span{ font-weight: 400; color: #6b5cfd;}
.mypage_alarm_list .type_row ul li .row .item{ display: flex; align-items: center; margin: 20px 0 0 0; width: 100%; padding: 0 0 0 60px;}
.mypage_alarm_list .type_row ul li .row .item .img{ float: left; margin: 0 10px 0 -60px; width: 50px; height: 50px; border-radius: 5px;}
.mypage_alarm_list .type_row ul li .row .item .img img{ display: block; width: 100%; height: auto;}
.mypage_alarm_list .type_row ul li .row .item .txt{ width: 100%;}
.mypage_alarm_list .type_row ul li .row .item .txt .t1{ width: 100%; font-size: 1.4em; font-weight: 300; color: #000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.mypage_alarm_list .type_row ul li .row .item .txt .t2{ margin: 5px 0 0 0; font-size: 1.8em; font-weight: 500; color: #6b5cfd;}

.mypage_alarm_list .type_row ul li .row .shop{ display: flex; align-items: center; margin: 20px 0 0 0; width: 100%; padding: 0 0 0 80px;}
.mypage_alarm_list .type_row ul li .row .shop .img{ float: left; margin: 0 10px 0 -80px; width: 70px; height: 50px; border-radius: 5px;}
.mypage_alarm_list .type_row ul li .row .shop .img img{ display: block; width: 100%; height: auto;}
.mypage_alarm_list .type_row ul li .row .shop .txt{ width: 100%;}
.mypage_alarm_list .type_row ul li .row .shop .txt .t1{ width: 100%; font-size: 1.8em; font-weight: 400; color: #6b5cfd; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.mypage_alarm_list .type_row ul li .row .shop .txt .t2{ margin: 5px 0 0 0; font-size: 1.4em; font-weight: 200; color: #666;}

.mypage_alarm_list .type_row ul li.on .row .head .red{ background: #CCC;}
@media(max-width: 767px){
    .mypage_alarm_list{ margin: 15px 0 0 0;}
    .mypage_alarm_list .type_row{ padding: 0 15px 15px 30px;}
    .mypage_alarm_list .type_row ul li .row{ padding: 20px 0;}
    .mypage_alarm_list .type_row ul li .row .head .red{ left: -15px;}
    .mypage_alarm_list .type_row ul li .row .item{ margin: 15px 0 0 0; padding: 0 0 0 50px;}
    .mypage_alarm_list .type_row ul li .row .item .img{ margin: 0 10px 0 -50px; width: 40px; height: 40px;}
}













.mypage_address{}
.mypage_address .type_row{ overflow: hidden; position: relative; border-radius: 5px; border: 1px solid rgba(0 0 0/10%); background: #FFF; box-shadow: 0 5px 15px 0 rgba(0 0 0/5%);}
.mypage_address .type_row .head{ display: flex; justify-content: space-between; align-items: center; padding: 25px 30px; border-radius: 5px 5px 0 0; border-bottom: 1px solid rgba(0 0 0/5%); background: #f6fafc;}
.mypage_address .type_row .head .tit{ font-size: 1.5em; font-weight: 300; color: #000;}
.mypage_address .type_row .head .btn{ display: flex; align-items: center; padding: 0 25px; height: 40px; border-radius: 20px; border: 1px solid rgba(0 0 0/10%); background: #FFF; cursor: pointer;}
.mypage_address .type_row .head .btn i{ margin: 0 5px 0 0; font-size: 1.6em; color: #000;}
.mypage_address .type_row .head .btn p{ font-size: 1.4em; font-weight: 300; color: #000;}
.mypage_address .type_row .body{}
.mypage_address .type_row .body .list{ padding: 30px;}
.mypage_address .type_row .body .list ul{ display: flex; flex-wrap: wrap; margin: -10px -5px 0 -5px;}
.mypage_address .type_row .body .list ul li{ margin: 10px 0 0 0; width: 33.333%;}
.mypage_address .type_row .body .list ul li a{ display: block; position: relative; margin: 0 5px; padding: 0 0 50px 0; height: 100%; border-radius: 5px; border: 1px solid #DDD;}
.mypage_address .type_row .body .list ul li a .ft{ padding: 20px;}
.mypage_address .type_row .body .list ul li a .ft .t1{ display: flex; align-items: center;}
.mypage_address .type_row .body .list ul li a .ft .t1 p{ font-size: 1.3em; color: #000;}
.mypage_address .type_row .body .list ul li a .ft .t1 span{ display: block; margin: 0 10px; width: 1px; height: 10px; background: #CCC;}
.mypage_address .type_row .body .list ul li a .ft .t2{ padding: 10px 0; font-size: 1.3em; color: #000;}
.mypage_address .type_row .body .list ul li a .ft .t3{ line-height: 1.4; font-size: 1.3em; color: #000;}
.mypage_address .type_row .body .list ul li a .fb{ position: absolute; right: 0; bottom: 0; left: 0; display: flex; justify-content: flex-end; align-items: center; padding: 0 20px; height: 50px; border-radius: 0 0 5px 5px; border-top: 1px solid #DDD; background: #f6fafc;}
.mypage_address .type_row .body .list ul li a .fb p{ font-size: 1.3em; font-weight: 200; color: #000; cursor: pointer;}
.mypage_address .type_row .body .list ul li a .fb span{ margin: 0 15px; width: 1px; height: 15px; background: #DDD;}
.mypage_address .type_row .body .in{ display: flex; padding: 25px 30px; border-top: 1px solid rgba(0 0 0/5%); background: #f6fafc;}
.mypage_address .type_row .body .in .fl{ flex: 0 0 300px; margin: 0 30px 0 0;}
.mypage_address .type_row .body .in .fl .row{ position: relative; padding: 5px 0 5px 80px;}
.mypage_address .type_row .body .in .fl .row .tit{ display: block; position: absolute; top: 50%; left: 0; transform: translate(0,-50%); font-size: 1.3em; content: #000;}
.mypage_address .type_row .body .in .fl .row input{ display: flex; align-items: center; margin: 0; padding: 0 15px; width: 100%; height: 35px; border-radius: 5px; border: 1px solid rgba(0 0 0/10%); background: #FFF; font-size: 1.3em; font-weight: 200; color: #000; outline: none; -webkit-appearance: none;}
.mypage_address .type_row .body .in .fl .row select{ display: flex; align-items: center; margin: 0; padding: 0 30px 0 15px; width: 100%; height: 35px; border-radius: 5px; border: 1px solid rgba(0 0 0/10%); background: url(/images/basic_select_icon.png) no-repeat center right 10px #FFF; background-size: 10px auto; font-size: 1.3em; font-weight: 200; color: #000; outline: none; -webkit-appearance: none;}
.mypage_address .type_row .body .in .fr{ width: 100%;}
.mypage_address .type_row .body .in .fr .row{ padding: 5px 0;}
.mypage_address .type_row .body .in .fr .row .tit{ padding: 0 0 10px 0; font-size: 1.3em; content: #000;}
.mypage_address .type_row .body .in .fr .row textarea{ display: flex; margin: 0; padding: 10px 15px; width: 100%; height: 70px; border-radius: 5px; border: 1px solid rgba(0 0 0/10%); background: #FFF; line-height: 1.5; font-size: 1.3em; font-weight: 200; color: #000; outline: none; -webkit-appearance: none;}
.mypage_address .type_row .body .in .fr .btn{ display: flex; justify-content: center; align-items: center; margin: 15px 0 0 0; width: 120px; height: 40px; border-radius: 20px; background: #6b5cfd; cursor: pointer;}
.mypage_address .type_row .body .in .fr .btn p{ font-size: 1.4em; font-weight: 300; color: #FFF;}
@media(max-width: 1400px){
    .mypage_address .type_row .body .list ul li{ width: 33.333%;}
}
@media(max-width: 1025px){
    .mypage_address .type_row .body .list ul li{ width: 50%;}
}
@media(max-width: 767px){
    .mypage_address .type_row .head{ padding: 15px;}
    .mypage_address .type_row .head .btn{ padding: 0 15px; height: 35px;}
    .mypage_address .type_row .body .list{ padding: 15px;}
    .mypage_address .type_row .body .list ul li{ width: 100%;}
    .mypage_address .type_row .body .list ul li a{ padding: 0 0 40px 0;}
    .mypage_address .type_row .body .list ul li a .ft{ padding: 15px;}
    .mypage_address .type_row .body .list ul li a .ft .t1{ display: block;}
    .mypage_address .type_row .body .list ul li a .ft .t1 span{ display: none;}
    .mypage_address .type_row .body .list ul li a .ft .t1 p:last-child{ padding: 5px 0 0 0;}
    .mypage_address .type_row .body .list ul li a .ft .t2{ padding: 5px 0;}
    .mypage_address .type_row .body .list ul li a .fb{ height: 40px;}
    .mypage_address .type_row .body .in{ display: block; padding: 15px 15px;}
    .mypage_address .type_row .body .in .fl{ flex: initial; margin: 0;}
    .mypage_address .type_row .body .in .fr .row{ position: relative; padding: 5px 0 5px 80px;}
    .mypage_address .type_row .body .in .fr .row .tit{ display: block; position: absolute; top: 15px; left: 0; padding: 0;}
    .mypage_address .type_row .body .in .fr .btn{ margin: 10px 0 0 80px; height: 35px;}
    .mypage_address .type_row .body .in .fr .btn p{ font-size: 13px;}
}




.mypage_profile{ margin: 0 0 20px 0;}
.mypage_profile .type_row{ overflow: hidden; position: relative; border-radius: 5px; border: 1px solid rgba(0 0 0/10%); background: #FFF; box-shadow: 0 5px 15px 0 rgba(0 0 0/5%);}
.mypage_profile .type_row .head{ display: flex; justify-content: space-between; align-items: center; padding: 25px 30px; border-radius: 5px 5px 0 0; border-bottom: 1px solid rgba(0 0 0/5%); background: #f6fafc;}
.mypage_profile .type_row .head .tit{ font-size: 1.5em; font-weight: 300; color: #000;}
.mypage_profile .type_row .head .btn{ display: flex; align-items: center; padding: 0 25px; height: 40px; border-radius: 20px; border: 1px solid rgba(0 0 0/10%); background: #FFF; cursor: pointer;}
.mypage_profile .type_row .head .btn p{ font-size: 1.4em; font-weight: 300; color: #000;}
.mypage_profile .type_row .list{ padding: 15px 30px;}
.mypage_profile .type_row .list ul{}
.mypage_profile .type_row .list ul li{ border-top: 1px solid #e5e5e5;}
.mypage_profile .type_row .list ul li:first-child{ border-top: 0;}
.mypage_profile .type_row .list ul li .box{ display: block; position: relative; padding: 20px 0 20px 120px;}
.mypage_profile .type_row .list ul li .box .title{ position: absolute; top: 50%; left: 0; transform: translate(0,-50%); font-size: 1.3em; color: #999;}
.mypage_profile .type_row .list ul li .box .row{ display: flex; justify-content: space-between; align-items: center;}
.mypage_profile .type_row .list ul li .box .row .text{ line-height: 1.5; font-size: 1.4em; color: #000;}
.mypage_profile .type_row .list ul li .box .row .btn{ display: flex; align-items: center; padding: 0 25px; height: 40px; border-radius: 20px; border: 1px solid rgba(0 0 0/10%); background: #FFF; cursor: pointer;}
.mypage_profile .type_row .list ul li .box .row .btn p{ font-size: 1.4em; font-weight: 300; color: #000;}
.mypage_profile .type_row .list ul li .box .row .in_pw{ position: relative; width: 300px;}
.mypage_profile .type_row .list ul li .box .row .in_pw i{ display: flex; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; bottom: 0; width: 50px; font-size: 2em; color: #000; cursor: pointer;}
.mypage_profile .type_row .list ul li .box .row .in_pw input{ display: flex; align-items: center; margin: 0; padding: 0 15px; width: 100%; height: 40px; border-radius: 20px; border: 1px solid rgba(0 0 0/15%); background: #FFF; font-size: 1.3em; font-weight: 200; color: #000; outline: none; -webkit-appearance: none;}
.mypage_profile .type_row .list ul li .box .row .in_pw.on i{ color: #6b5cfd;}
@media(max-width: 767px){
    .mypage_profile .type_row .head{ padding: 15px;}
    .mypage_profile .type_row .head .btn{ padding: 0 15px; height: 35px;}
    .mypage_profile .type_row .list{ padding: 15px;}
    .mypage_profile .type_row .list ul li{ width: 100%;}
    .mypage_profile .type_row .list ul li .box .row{ flex-wrap: wrap;}
    .mypage_profile .type_row .list ul li .box .row .in_pw{ width: 100%;}
    .mypage_profile .type_row .list ul li .box .row .btn{ margin: 10px 0 0 0; height: 35px;}
}




































.type_btn_more{ display: flex; justify-content: center; margin: 40px 0 0 0;}
.type_btn_more a{ display: flex; justify-content: center; align-items: center; width: 200px; height: 50px; border-radius: 30px; border: 1px solid rgba(107 92 253/30%); background: #FFF; cursor: pointer; transition: all .3s;}
.type_btn_more a p{ font-size: 1.4em; font-weight: 300; color: #6b5cfd;}
.type_btn_more a i{ margin: 0 0 0 10px; font-size: 1.6em; color: #6b5cfd;}
.type_btn_more a:hover{ border: 1px solid rgba(107 92 253/100%);}
@media(max-width:767px){
    .type_btn_more{ margin: 25px 0 0 0;}
    .type_btn_more a{ width: 160px; height: 40px;}
}




.member_join{ margin: -100px 0 0 0; padding: 200px 100px 50px 100px; background: url(/images/intro_visual_bg.jpg) no-repeat bottom center/cover;}
.member_join .row{ margin: 0 auto; max-width: 450px;}
.member_join .row .title{ text-align: center; font-size: 4em; font-weight: 500; color: #000;}
.member_join .row .step{ position: relative; margin: 50px auto; max-width: 400px;}
.member_join .row .step ul{ display: flex; justify-content: space-between; position: relative; z-index: 10;}
.member_join .row .step ul li{}
.member_join .row .step ul li a{ display: flex; justify-content: center; align-items: center; margin: 0 auto; width: 80px; height: 80px; border-radius: 50%; background: #000;}
.member_join .row .step ul li a i{ font-size: 3em; color: #FFF;}
.member_join .row .step ul li a img{ display: block;}
.member_join .row .step ul li p{ margin: 10px 0 0 0; text-align: center; font-size: 1.4em; color: #333;}
.member_join .row .step ul li.on a{ background: #6b5cfd;}
.member_join .row .step ul li.on p{ font-weight: 400;}
.member_join .row .step .line{ position: absolute; top: 39px; right: 0; left: 0; height: 2px; background: rgba(0 0 0/20%);}
.member_join .row .step .line span{ display: block; height: 2px; background: #6b5cfd;}

.member_join .row .menu{ display: flex; margin: 20px -2.5px 0 -2.5px;}
.member_join .row .menu:first-child{ margin-top: 0;}
.member_join .row .menu li{}
.member_join .row .menu li a{ display: flex; justify-content: center; align-items: center; margin: 0 2.5px; height: 50px; border-radius: 5px; background: rgba(255 255 255/50%); cursor: pointer;}
.member_join .row .menu li a p{ font-size: 1.4em; color: #666;}
.member_join .row .menu li.on a{ border: 1px solid rgba(107 92 253/50%); background: #FFF;}
.member_join .row .menu li.on a p{ font-weight: 400; color: #6b5cfd}

.member_join .row .menu.privacy{ margin: 50px 0 0 0;}
.member_join .row .menu.privacy li a p{ font-size: 15px;}

.member_join .row .write{}
.member_join .row .write .box{ margin: 20px 0 0 0;}
.member_join .row .write .box:first-child{ margin: 0;}
.member_join .row .write .box .tit{ padding: 0 0 10px 0; font-size: 13px; color: #333;}
.member_join .row .write .box .tit span{ color: #F00;}
.member_join .row .write .box input{ display: flex; align-items: center; margin: 0; padding: 0 15px; width: 100%; height: 50px; border-radius: 5px; border: 1px solid rgba(0 0 0/10%); background: #FFF; font-size: 1.4em; font-weight: 200; color: #000; outline: none; -webkit-appearance: none;}
.member_join .row .write .box select{ display: flex; align-items: center; margin: 0; padding: 0 35px 0 15px; width: 100%; height: 50px; border-radius: 5px; border:1px solid rgba(0 0 0/10%); background:url(/images/basic_select_icon.png) no-repeat center right 15px #FFF; background-size: 10px auto; font-size: 1.4em; font-weight: 200; color: #000; outline: none; -webkit-appearance: none;}
.member_join .row .write .box select::-ms-expand{ display: none;}

.member_join .row .write .box .in_sns{ display: flex;}
.member_join .row .write .box .in_sns select{ flex: 0 0 120px; margin: 0 5px 0 0;}

.member_join .row .write .box .in_code{ display: flex;}
.member_join .row .write .box .in_code .btn{ flex: 0 0 120px; display: flex; justify-content: center; align-items: center; margin: 0 0 0 5px; height: 50px; border-radius: 5px; background: #6b5cfd; cursor: pointer;}
.member_join .row .write .box .in_code .btn p{ font-size: 1.4em; font-weight: 300; color: #FFF;}

.member_join .row .write .box .in_pw{ position: relative;}
.member_join .row .write .box .in_pw i{ display: flex; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; bottom: 0; width: 50px; font-size: 2em; color: #000; cursor: pointer;}
.member_join .row .write .box .in_pw.on i{ color: #6b5cfd;}

.member_join .row .write .box .in_file{}
.member_join .row .write .box .in_file ul{ display: flex; margin: 0 -2.5px;}
.member_join .row .write .box .in_file ul li{ width: 33.333%;}
.member_join .row .write .box .in_file ul li a{ display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; margin: 0 2.5px; height: 140px; border-radius: 5px; border: 1px solid rgba(0 0 0/10%); background: #FFF; cursor: pointer;}
.member_join .row .write .box .in_file ul li a .ok{ display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 5px; border: 2px solid #6b5cfd;}
.member_join .row .write .box .in_file ul li a .ok .text{ display: flex; justify-content: center; align-items: center; position: absolute; right: 0; bottom: 0; left: 0; padding: 10px 0; background: #6b5cfd;}
.member_join .row .write .box .in_file ul li a .ok .text i{ font-size: 1.2em; color: #FFF;}
.member_join .row .write .box .in_file ul li a .ok .text p{ margin: 0 0 0 5px; font-size: 1.2em; color: #FFF;}
.member_join .row .write .box .in_file ul li a > i{ font-size: 3em; color: #000;}
.member_join .row .write .box .in_file ul li a > p{ margin: 10px 0 0 0; font-size: 1.4em; color: #000;}
.member_join .row .write .box .in_file ul li.on .ok{ display: block;}
.member_join .row .write .box .in_file > p{ margin: 10px 0 0 0; font-size: 1.2em; color: #F00;}

.member_join .row .join_check{ display: flex; align-items: center; margin: 20px 0 0 0;}
.member_join .row .join_check i{ display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 50%; border: 1px solid #DDD; background: #FFF; font-size: 1.2em; color: #999; cursor: pointer;}
.member_join .row .join_check i.on{ border-color: #6b5cfd; background: #6b5cfd; color: #FFF;}
.member_join .row .join_check .txt{ display: flex; align-items: center; margin: 1px 0 0 5px;}
.member_join .row .join_check .txt a{ font-size: 1.4em; font-weight: 300; color: #6b5cfd;}
.member_join .row .join_check .txt p{ font-size: 1.4em; color: #666;}

.member_join .row .join_ok{ margin: 0 -50px;}
.member_join .row .join_ok img{ display: block; width: 100%; height: auto;}
.member_join .row .join_ok .t1{ margin: 20px 0 0 0; text-align: center; line-height: 1.3; font-size: 2.5em; font-weight: 400; color: #000;}
.member_join .row .join_ok .t1 span{ color: #6b5cfd;}
.member_join .row .join_ok .t2{ margin: 20px 0 0 0; text-align: center; line-height: 1.5; font-size: 1.5em; font-weight: 300; color: #666;}
.member_join .row .join_ok .t2 span{ color: #F00;}

.member_join .row .btn_join{ display: flex; justify-content: center; align-items: center; margin: 40px 0 0 0; height: 60px; border-radius: 5px; background: #6b5cfd; cursor: pointer;}
.member_join .row .btn_join p{ font-size: 1.8em; font-weight: 300; color: #FFF;}
.member_join .row .btn_join p span{ color: #ffd200;}

.member_join .row .btn_login{ display: flex; justify-content: center; align-items: center; margin: 40px 0 0 0;}
.member_join .row .btn_login p{ font-size: 1.3em; color: #666;}
.member_join .row .btn_login a{ display: flex; align-items: center; margin: 0 0 0 10px; cursor: pointer;}
.member_join .row .btn_login a span{ font-size: 1.3em; font-weight: 300; color: #6b5cfd;}
.member_join .row .btn_login a i{ margin: 0 0 0 5px; font-size: 1.3em; color: #6b5cfd;}
@media(max-width:1025px){
    .member_join{ margin: -130px 0 0 0; padding: 200px 50px 50px 50px;}
}
@media(max-width:767px){
    .member_join{ margin: -90px 0 0 0; padding: 140px 15px 50px 15px;}
    .member_join .row .title{ font-size: 3em;}
    .member_join .row .step{ margin: 30px auto; max-width: 250px;}
    .member_join .row .step ul{}
    .member_join .row .step ul li a{ width: 50px; height: 50px;}
    .member_join .row .step ul li a img{ width: auto; height: 20px;}
    .member_join .row .step .line{ top: 24px;}

    .member_join .row .menu{ margin: 15px -2.5px 0 -2.5px;}
    .member_join .row .menu li a{ margin: 0 2.5px; height: 45px;}

    .member_join .row .menu.privacy{ margin: 30px 0 0 0;}
    .member_join .row .menu.privacy li a p{ font-size: 13px;}

    .member_join .row .write .box{ margin: 15px 0 0 0;}
    .member_join .row .write .box .tit{ padding: 0 0 7px 0; font-size: 12px;}
    .member_join .row .write .box input{ height: 45px;}
    .member_join .row .write .box select{ height: 45px;}

    .member_join .row .write .box .in_sns select{ flex: 0 0 100px; height: 45px;}
    .member_join .row .write .box .in_code .btn{ flex: 0 0 100px; height: 45px;}
    .member_join .row .write .box .in_pw i{ width: 45px;}

    .member_join .row .write .box .in_file ul li a{ height: 120px;}
    .member_join .row .write .box .in_file > p{font-size: 10px;}

    .member_join .row .join_check{ margin: 15px 0 0 0;}
    .member_join .row .join_ok{ margin: 0 -15px;}
    .member_join .row .btn_join{ margin: 30px 0 0 0; height: 50px;}
    .member_join .row .btn_login{ margin: 30px 0 0 0;}
}









.type_table_01 table{ border-collapse: collapse; border-spacing: 0; width: 100%;}
.type_table_01 table thead{}
.type_table_01 table thead tr{}
.type_table_01 table thead tr td{ padding: 15px 10px; border-top: 2px solid #0a7345; border-bottom: 1px solid #CCC; background: #f5f5f5; text-align: center; font-size: 1.6em; color: #000;}
.type_table_01 table tbody{}
.type_table_01 table tbody tr{}
.type_table_01 table tbody tr th{ padding: 15px 10px; border: 1px solid #DDD; background: #f5f5f5; text-align: center; line-height: 1.6; font-size: 1.4em; font-weight: 300;}
.type_table_01 table tbody tr th:first-child{ border-left: 0;}
.type_table_01 table tbody tr th:last-child{ border-right: 0;}
.type_table_01 table tbody tr td{ padding: 15px 10px; border: 1px solid #DDD; text-align: center; line-height: 1.6; font-size: 1.4em; font-weight: 200;}
.type_table_01 table tbody tr td:first-child{ border-left: 0;}
.type_table_01 table tbody tr td:last-child{ border-right: 0;}

.type_btn_01{ display: flex; justify-content: center; align-items: center; margin: 50px 0 0 0;}
.type_btn_01 p{ font-size: 1.8em; font-weight: 200;}
.type_btn_01 a{ display: flex; align-items: center; padding: 0 50px; border-radius: 30px; height: 50px; background: #0a7345; font-size: 1.6em; color: #FFF; cursor: pointer;}
@media(max-width: 767px){
    .type_btn_01{ flex-wrap: wrap; margin: 30px 0 0 0;}
    .type_btn_01 a{ height: 40px;}
}


.type_btn_02{ display: flex; margin: 0 -10px;}
.type_btn_02 a{ display: flex; justify-content: center; align-items: center; margin: 0 10px; width: 33.333%; height: 50px; border-radius: 30px; background: #333; font-size: 1.8em; color: #FFF;}
.type_btn_02 a:nth-child(1){ background: #0a7345;}
.type_btn_02 a:nth-child(2){ background: #f96a2b;}
@media(max-width: 767px){
    .type_btn_02{ margin: 0 -5px;}
    .type_btn_02 a{ margin: 0 5px; height: 35px;}
}


.type_btn_03{ display:flex; justify-content:center; align-items:center; margin:50px auto 0 auto; width: 200px; height: 50px; border-radius: 30px; border:1px solid #6b5cfd; background:#6b5cfd; text-align:center; cursor:pointer;}
.type_btn_03 p{ font-size: 1.6em; font-weight: 300; color: #FFF;}
@media(max-width:767px){
    .type_btn_03{ margin:30px auto 0 auto; width:auto; height:35px;}
    .type_btn_03 p{ font-size: 14px;}
}



.type_menu{ display: flex; flex-wrap: wrap; margin: 40px 0 0 0;}
.type_menu p{ display: flex; align-items: center; margin: 10px 10px 0 0; padding: 0 15px; height: 35px; border-radius: 5px; background: #f9f8ff; border: 1px solid rgba(0 0 0/20%); font-size: 1.2em; color: #000; cursor: pointer;}
.type_menu p.on{ background: #6b5cfd; color: #FFF; font-weight: 400;}
@media(max-width:767px){
    .type_menu{ margin: 25px 0 0 0;}
    .type_menu p{ margin: 5px 5px 0 0; padding: 0 10px; height: 30px; font-size: 11px;}
}



.type_search{ display: flex; justify-content: space-between; align-items: center;}
.type_search .fl{}
.type_search .fl p{ font-size: 2em;}
.type_search .fl p font{ font-weight: 500; color: #6b5cfd;}
.type_search .fr{ display:flex; align-items:center;}
.type_search .fr .search{ position:relative;}
.type_search .fr .search i{ display:block; position:absolute; top:0; right:0; width:40px; text-align:center; line-height:40px; font-size: 1.8em; color:#666; cursor:pointer;}
.type_search .fr .search input{ display: flex; align-items: center; margin:0; padding:0 40px 0 15px; width: 200px; height:40px; border-radius: 20px; border:1px solid #DDD; background:none; font-size: 1.4em; font-weight: 200; color:#000; outline:none; -webkit-appearance:none;}
@media(max-width:767px){
    .type_search .fl p{ font-size:15px;}
    .type_search .fr{ display:flex; align-items:center;}
    .type_search .fr select{ padding:0 30px 0 10px; width:80px; height:35px; line-height:33px; font-size:12px;}
    .type_search .fr .search{}
    .type_search .fr .search i{ width:35px; line-height:33px; font-size:14px;}
    .type_search .fr .search input{ padding:0 40px 0 10px; width: 170px; height:35px; line-height:33px; font-size:12px;}
}


.type_page{ display:flex; justify-content:center; align-items:center; margin: 50px 0 0 0;}
.type_page i{ display: flex; justify-content: center; align-items: center; font-size: 1.3em; color:#000; cursor:pointer;}
.type_page .page{ display:flex; align-items:center;}
.type_page .page a{ display:flex; justify-content:center; align-items:center; margin:0 0 0 -1px; width: 35px; height: 35px; border:1px solid #DDD; font-size: 1.2em; font-weight: 200; color:#000; cursor:pointer;}
.type_page .page a.on{ position:relative; z-index:1; border-color:#6b5cfd; background:#6b5cfd; color:#FFF;}
@media(max-width:767px){
    .type_page{ margin: 30px 0 0 0;}
    .type_page i{ width: 30px; height: 30px;}
    .type_page .page a{ width: 30px; height: 30px;}
}


.type_faq{}
.type_faq ul{ margin: 50px 0 0 0; border-top: 2px solid #6b5cfd;}
.type_faq ul li{ border-bottom: 1px solid #e5e5e5; cursor: pointer;}
.type_faq ul li a{ display: block; position: relative; padding: 30px 0;}
.type_faq ul li a .q{ position: relative; padding: 0 30px 0 60px;}
.type_faq ul li a .q .t1{ display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; transform: translate(0,-50%); left: 0; width: 40px; height: 40px; border-radius: 50%; background: rgba(0 0 0/50%); font-size: 1.6em; color: #FFF;}
.type_faq ul li a .q .t2{ font-size: 1.4em; color: #6b5cfd;}
.type_faq ul li a .q .t3{ margin: 5px 0 0 0; line-height: 1.4; font-size: 1.6em; font-weight: 300; color: #333;}
.type_faq ul li a .q i{ display: block; position: absolute; top: 50%; right: 0; transform:translate(0,-50%); font-size: 1.6em; color: rgba(0 0 0/50%); transition: all .3s;}
.type_faq ul li a .a{ display: none; position: relative; margin: 15px 0 0 0; padding: 10px 30px 0 60px;}
.type_faq ul li a .a .t1{ display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; width: 40px; height: 40px; border-radius: 50%; background: #6b5cfd; font-size: 1.6em; color: #FFF; transition: all .3s;}
.type_faq ul li a .a .t2{ line-height: 1.4; font-size: 1.8em; font-weight: 400; color: #000;}
.type_faq ul li a .a .t2 img{ max-width: 100%;}
.type_faq ul .on a .q .t1{ background: #6b5cfd; color: #FFF;}
.type_faq ul .on a .q .t3{ color: #6b5cfd;}
.type_faq ul .on a .q i{ color: #6b5cfd; transform: rotate(180deg);}
@media(max-width: 767px){
    .type_faq ul{ margin: 30px 0 0 0;}
    .type_faq ul li a{ padding: 20px 0;}
    .type_faq ul li a .q{ padding: 0 20px 0 40px;}
    .type_faq ul li a .q .t1{ width: 30px; height: 30px;}
    .type_faq ul li a .a{ margin: 10px 0 0 0; padding: 5px 20px 0 40px;}
    .type_faq ul li a .a .t1{ width: 30px; height: 30px;}
}



.type_notice{ margin: 50px 0 0 0; border-top: 2px solid #6b5cfd;}
.type_notice .head{ display:flex; border-bottom:1px solid #000;}
.type_notice .head li{ display:flex; justify-content:center; align-items:center; height: 50px;}
.type_notice .head li p{ font-size: 1.4em; font-weight: 300; color:#000;}
.type_notice .body{}
.type_notice .body li{}
.type_notice .body li .row{ display:flex; flex-wrap:wrap; align-items:center; position:relative; padding: 30px 0; border-bottom:1px solid #DDD;}
.type_notice .body li .row .number{ width:10%; display:flex; justify-content:center; align-items:center; font-size: 1.2em; color:#666;}
.type_notice .body li .row .tit{ width:60%; display:flex; align-items:center; padding: 0 15px;}
.type_notice .body li .row .tit a{ max-width: 90%; font-size: 1.4em; font-weight: 300; color:#000; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; cursor:pointer;}
.type_notice .body li .row .tit i{ margin:0 0 0 5px; font-size: 2em; color:#666; cursor:pointer;}
.type_notice .body li .row .date{ width:15%; display:flex; justify-content:center; align-items:center; font-size: 1.2em; font-weight: 200; color:#666;}
.type_notice .body li .row .click{ width:15%; display:flex; justify-content:center; align-items:center; font-size: 1.2em; font-weight: 200; color:#666;}
.type_notice .body li .row .click span{ display: none;}
.type_notice .body li .row .answer{ width:15%; display:flex; justify-content:center; align-items:center;}
.type_notice .body li .row .answer p{ display:flex; justify-content:center; align-items:center; padding:0 15px; height:30px; border-radius:20px; border:1px solid #DDD; font-size: 1.3em; color:#666;}
.type_notice .body li .row .answer.on p{ border:1px solid #6b5cfd; background:#6b5cfd; color:#FFF;}
@media(max-width:767px){
    .type_notice{ margin:30px 0 0 0;}
    .type_notice .head{ display:none;}
    .type_notice .body li .row{ padding: 20px 0 20px 45px;}
    .type_notice .body li .row .number{ position:absolute; top:50%; transform:translate(0,-50%); left:0; width:35px; height:35px; border-radius:50%; background:#6b5cfd; color:#FFF;}
    .type_notice .body li .row .tit{ margin: -1px 0 0 0; padding: 0 0 5px 0; width: 100%; line-height: 20px;}
    .type_notice .body li .row .tit a{ font-size: 13px;}
    .type_notice .body li .row .date{ justify-content:flex-start; width: 35%; font-size: 11px;}
    .type_notice .body li .row .click{ justify-content:flex-start; width: 35%; font-size: 11px;}
    .type_notice .body li .row .click span{ display: block;}
    .type_notice .body li .row .answer{ width:auto;}
    .type_notice .body li .row .answer p{ height:25px; font-size:10px;}
}


.type_market{ margin: 50px 0 0 0;}
.type_market ul{ border-top: 2px solid #000;}
.type_market ul li{ border-bottom: 1px solid #DDD;}
.type_market ul li a{ display: flex; align-items: center; padding: 30px;}
.type_market ul li a .img{ border-radius: 5px;}
.type_market ul li a .img img{ display: block; width: auto; height: 120px;}
.type_market ul li a .fr{ display: flex; flex-wrap: wrap; margin: 0 0 0 30px;}
.type_market ul li a .tit{ margin: 0 0 10px 0; width: 100%; line-height: 1.5; font-size: 16px; font-weight: 300; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.type_market ul li a .txt{ margin: 0 0 20px 0; width: 100%; line-height: 1.5; font-size: 13px; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.type_market ul li a .date{ display: flex; align-items: center; margin: 0 20px 0 0; font-size: 12px; color: #000;}
.type_market ul li a .date i{ margin: 0 5px 0 0; font-size: 18px; color: #CCC;}
.type_market ul li a .click{ display: flex; align-items: center; font-size: 12px; color: #000;}
.type_market ul li a .click i{ margin: 0 5px 0 0; font-size: 22px; color: #CCC;}
@media(max-width: 767px){
    .type_market{ margin: 30px 0 0 0;}
    .type_market ul li a{ padding: 20px 0;}
    .type_market ul li a .img img{ height: 70px;}
    .type_market ul li a .fr{ margin: 0 0 0 15px;}
    .type_market ul li a .tit{ margin: 0 0 10px 0; font-size: 14px; -webkit-line-clamp: 2;}
    .type_market ul li a .txt{ display: none; margin: 0 0 15px 0; font-size: 12px;}
    .type_market ul li a .date{ margin: 0 15px 0 0; font-size: 12px;}
    .type_market ul li a .date i{ font-size: 16px;}
    .type_market ul li a .click{ font-size: 12px;}
    .type_market ul li a .click i{ font-size: 20px;}
}


.type_poster{ margin: 50px 0 0 0;}
.type_poster ul{ display: flex; flex-wrap: wrap; margin: -30px -10px 0 -10px;}
.type_poster ul li{ margin: 30px 0 0 0; width: 25%;}
.type_poster ul li a{ display: block; margin: 0 10px;}
.type_poster ul li a .img{ border-radius: 5px;}
.type_poster ul li a .img img{ display: block; width: 100%; height: auto;}
.type_poster ul li a .fr{ margin: 15px 0 0 0;}
.type_poster ul li a .tit{ font-size: 15px; font-weight: 300; color: #000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.type_poster ul li a .date{ margin: 5px 0 0 0; font-size: 12px; color: #666;}
@media(max-width: 1400px){
    .type_poster ul li{ width: 33.333%;}
}
@media(max-width: 767px){
    .type_poster{ margin: 30px 0 0 0;}
    .type_poster ul{ margin: -20px -7.5px 0 -7.5px;}
    .type_poster ul li{ margin: 20px 0 0 0; width: 50%;}
    .type_poster ul li a{ margin: 0 7.5px;}
    .type_poster ul li a .fr{ margin: 10px 0 0 0;}
    .type_poster ul li a .tit{ font-size: 14px;}
    .type_poster ul li a .date{ margin: 5px 0 0 0; font-size: 10px;}
}


.type_view{}
.type_view .head{ border-top: 2px solid #6b5cfd;}
.type_view .head .tit{ padding: 20px 30px; line-height: 1.4; font-size: 1.7em; font-weight: 300; color:#000;}
.type_view .head ul{ display:flex; flex-wrap:wrap; align-items:center; padding:20px 30px; border-top:1px solid #000; border-bottom:1px solid #DDD;}
.type_view .head ul li{ display:flex; align-items:center; margin:0 30px 0 0; padding:5px 0;}
.type_view .head ul li:last-child{ margin:0;}
.type_view .head ul li p{ display:block; margin:0 5px 0 0; font-size: 1.3em; color: #999;}
.type_view .head ul li font{ display:block; font-size: 1.3em; font-weight: 300; color: #333;}
.type_view .head ul li span{ display:flex; justify-content:center; align-items:center; padding:0 15px; height:30px; border-radius:20px; border:1px solid #DDD; font-size: 1.3em; font-weight: 200; color:#666;}
.type_view .head ul li span.on{ border:1px solid #6b5cfd; background:#6b5cfd; color:#FFF;}
.type_view .body{ padding:50px 30px; line-height: 1.5; font-size: 13px;}
.type_view .body *{ word-wrap: break-word !important; word-break: break-all !important; text-wrap: inherit !important;}
.type_view .body p{ word-wrap: break-word !important; word-break: break-all !important; text-wrap: inherit !important;}
.type_view .body span{  word-wrap: break-word !important; word-break: break-all !important; text-wrap: inherit !important;}
.type_view .body iframe{ display: block; margin: 0 0 20px 0; width: 100% !important; height: 500px !important;}
.type_view .body img{ display:block; margin:0 0 20px 0; max-width:100%;}
.type_view .body .file{ display:flex; flex-wrap: wrap; margin:30px 0 0 0;}
.type_view .body .file a{ display:flex; justify-content:center; align-items:center; margin: 0 10px 0 0; padding:0 30px; height:40px; border-radius: 30px; border:1px solid #09F;}
.type_view .body .file p{ font-size: 14px; color:#09F;}
.type_view .body .file i{ margin:0 0 0 5px; font-size: 14px; color:#09F;}
.type_view .page{ border-top:1px solid #DDD;}
.type_view .page li{ display:flex; align-content:center; padding:20px 30px 20px 100px; border-bottom:1px solid #DDD;}
.type_view .page li p{ float:left; margin:0 0 0 -100px; width:100px; text-align:center; font-size: 1.3em; color:#999;}
.type_view .page li .tit{ display:flex; align-content:center; width:100%;}
.type_view .page li .tit a{ display:block; max-width:90%; font-size: 1.4em; font-weight: 200; color: #000; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.type_view .page li .tit i{ margin:0 0 0 10px; font-size: 1.6em; cursor:pointer;}
.type_view .answer{ display:flex; align-items:center; padding:30px; background:#6b5cfd;}
.type_view .answer .fl{ margin:0 30px 0 0; font-size:20px; color:#FFF;}
.type_view .answer .fr{ flex:1 0; padding:30px; border-radius:10px; background:#FFF;}
.type_view .answer .fr *{ line-height:25px; font-size:15px; color:#333;}
.type_view .answer .fr img{ display:block; margin:0 0 20px 0; max-width:100%;}
@media(max-width:767px){
    .type_view .head .tit{ padding:15px 0;}
    .type_view .head ul{ padding:10px 0;}
    .type_view .head ul li{ margin:0 15px 0 0; padding:5px 0;}
    .type_view .head ul li span{ padding:0 10px; height:25px;}
    .type_view .body{ padding:30px 0;}
    .type_view .body *{ font-size: 13px;}
    .type_view .body iframe{ height: 250px !important;}
    .type_view .body .file a{ margin: 5px 5px 0 0; padding: 0 15px; height: 35px;}
    .type_view .body .file a p{ font-size: 12px;}
    .type_view .page li{ padding:15px 0 15px 60px;}
    .type_view .page li p{ margin:0 0 0 -60px; width:60px; text-align:left;}
    .type_view .page li .tit i{ margin:0 0 0 5px;}
    .type_view .answer{ flex-direction:column; padding:15px;}
    .type_view .answer .fl{ margin:0 0 15px 0; font-size:18px;}
    .type_view .answer .fr{ padding:20px;}
    .type_view .answer .fr *{ font-size:14px;}
}





.type_write{}
.type_write .title{ display:flex; justify-content:space-between; align-items:flex-end; padding:0 0 20px 0; border-bottom:1px solid #000;}
.type_write .title p{ font-size:15px; color:#0a7345;}
.type_write .title font{ font-size:14px; color:#F00;}
.type_write ul{}
.type_write ul li{ border-bottom:1px solid #DDD;}
.type_write ul li a{ display:flex; align-items:flex-start; padding:20px 30px;}
.type_write ul li a > .tit{ width:180px; line-height:35px; font-size: 1.5em; color:#000;}
.type_write ul li a > .tit span{ color: #F00;}
.type_write ul li a .row{ flex:1 0; display:flex; flex-wrap:wrap; align-items:center;}
.type_write ul li a .row > *{ margin:0 2px;}

.type_write ul li a .file{ display:flex; width:100%;}
.type_write ul li a .file input{ width:100%;}
.type_write ul li a .file .btn{ display:flex; justify-content:center; align-items:center; position:relative; z-index:10; margin:0 0 0 -1px; width:120px; height:35px; border:1px solid #DDD; background:#f5f5f5;}
.type_write ul li a .file .btn p{ font-size:14px; color:#000;}
.type_write ul li a .file .btn_down{ display:flex; justify-content:center; align-items:center; position:relative; z-index:10; margin:0 0 0 10px; width:140px; height:35px; background:#0a7345; cursor:pointer;}
.type_write ul li a .file .btn_down p{ font-size:14px; color:#FFF;}

.type_write ul li a .code{ display:flex; width:100%;}
.type_write ul li a .code .img{ position:relative; z-index:10; margin:0 -1px 0 0; width:120px; height:35px; background:#333; text-align:center; line-height:35px; color:#FFF;}

.type_write ul li a .tt{ margin:10px 0 0 0; font-size:12px; color:#F00;}

.type_write select{ display:block; margin:0; padding:0 35px 0 10px; width:auto; height:35px; border-radius:0; border:1px solid #DDD; background:url(/images/basic_select_icon.png) no-repeat center right 15px #FFF; background-size:10px auto; line-height:33px; font-size:13px; color:#000; outline:none; -webkit-appearance:none;}
.type_write select::-ms-expand{ display:none;}
.type_write input{ display:block; margin:0; padding:0 10px; width:150px; height:35px; border-radius:0; border:1px solid #DDD; background:none; line-height:33px; font-size:13px; color:#000; outline:none; -webkit-appearance:none;}
.type_write textarea{ display:block; margin:0; padding:0 10px; width:100%; height:120px; max-height:120px; min-height:120px; border-radius:0; border:1px solid #DDD; background:none; line-height:33px; font-size:13px; color:#000; outline:none; -webkit-appearance:none;}

.type_write .privacy{ width:100%;}
.type_write .privacy .title{ line-height:20px; font-size:20px; color:#000;}
.type_write .privacy .check{ margin:15px 0 0 0;}
.type_write .privacy .check label{ display:flex; cursor:pointer;}
.type_write .privacy .check label i{ display:flex; justify-content:center; align-items:center; width:20px; height:20px; border-radius:50%; background:#DDD; font-size:12px; color:#000;}
.type_write .privacy .check label p{ margin:0 0 0 5px; line-height:20px; font-size:15px; color:#333;}
.type_write .privacy .check label.on i{ background:#0a7345; color:#FFF;}

.type_write .price_guide{ overflow:auto; padding:15px 30px 30px 30px; width:100%; height:150px; border:1px solid rgba(0,0,0,0.1);}
.type_write .price_guide .tit{ padding:15px 0 5px 15px; font-size:15px;}
.type_write .price_guide .tit font{ display:block; float:left; margin:0 0 0 -15px; font-weight:500; color:#0a7345;}
.type_write .price_guide .txt{ padding:0 0 0 15px; font-size:13px; color:#666;}

.type_write .radio{ display:flex; flex-wrap:wrap; width:100%;}
.type_write .radio p{ display:flex; align-items:center; margin:0 20px 0 0; padding:10px 0; cursor:pointer;}
.type_write .radio p:last-child{ margin:0;}
.type_write .radio p i{ display:flex; justify-content:center; align-items:center; width:25px; height:25px; border-radius:50%; border:1px solid #CCC; font-size:16px; color:#FFF;}
.type_write .radio p font{ margin:0 0 0 5px; font-size:13px; color:#000;}
.type_write .radio p.on i{ border-color:#0a7345; background:#0a7345; color:#FFF;}

.type_write .checkbox{ display:flex; flex-wrap:wrap; width:100%;}
.type_write .checkbox p{ display:flex; align-items:center; margin:0 20px 0 0; padding:10px 0; cursor:pointer;}
.type_write .checkbox p:last-child{ margin:0;}
.type_write .checkbox p i{ display:flex; justify-content:center; align-items:center; width:25px; height:25px; border:1px solid #CCC; font-size:16px; color:#FFF;}
.type_write .checkbox p font{ margin:0 0 0 5px; font-size:13px; color:#000;}
.type_write .checkbox p.on i{ border-color:#0a7345; background:#0a7345; color:#FFF;}

.type_write .password{ display:flex; align-items:center; width:100%;}
.type_write .password input{ width:100px;}
.type_write .password .ck{ display:flex; align-items:center; margin:0 0 0 20px; padding:10px 0; cursor:pointer;}
.type_write .password .ck i{ display:flex; justify-content:center; align-items:center; width:25px; height:25px; border:1px solid #CCC; font-size:16px; color:#FFF;}
.type_write .password .ck p{ margin:0 0 0 5px; font-size:13px; color:#000;}
.type_write .password .ck.on i{ border-color:#0a7345; background:#0a7345; color:#FFF;}

.type_write .tel select{ width:80px;}

.type_write .mail .txt{ line-height:35px; font-size:13px; color:#333;}
@media(max-width:1000px){
    .type_write .code .txt{ margin:10px 0 0 0;}
}
@media(max-width:767px){
    .type_write .title{ padding:0 0 10px 0;}
    .type_write .title p{ font-size:13px;}
    .type_write .title font{ font-size:12px;}
    .type_write ul li a{ display:block; padding:15px 0;}
    .type_write ul li a > .tit{ padding:0 0 10px 0; width:auto; line-height:15px;}
    .type_write ul li a .img{ width:120px; height:35px; background:#333; text-align:center; line-height:35px; color:#FFF;}

    .type_write ul li a .file .btn p{ font-size:12px;}
    .type_write ul li a .file .btn_down{ margin:0 0 0 5px;}
    .type_write ul li a .file .btn_down p{ font-size:12px;}

    .type_write input{ width:100%;}
    .type_write .code .img{ width:50%;}
    .type_write .code input{ flex:1 0; width:50%;}
    .type_write .code .txt{ margin:10px 0 0 0; line-height:15px; font-size:13px;}
    .type_write .privacy .title{ line-height:20px; font-size:18px;}
    .type_write .privacy .check label p{ font-size:13px;}
    .type_write .tel input{ flex:1 0; width:50%;}
    .type_write .mail input{ flex:1 0; width:50%;}
    .type_write .mail select{ margin-top:4px !important; width:100%;}

    .type_write .radio{}
    .type_write .radio p{ margin:0 15px 0 0; padding:5px 0;}
}


.type_sub_menu{}
.type_sub_menu ul{ display: flex; flex-wrap: wrap; padding: 1px 0 0 1px;}
.type_sub_menu ul li{ width: 16.666%;}
.type_sub_menu ul li a{ display: flex; justify-content: center; align-items: center; margin: -1px 0 0 -1px; height: 50px; border: 1px solid #DDD; background: #fafafa; font-size: 1.6em; color: #000;}
.type_sub_menu ul li.on a{ position: relative; z-index: 1; border-color: #0a7345; background: #0a7345; color: #FFF;}
@media(max-width: 767px){
    .type_sub_menu ul li{ width: 33.333%;}
    .type_sub_menu ul li a{ height: 40px;}
}





.shopping_cart_banner{ margin: 30px 0 0 0;}
.shopping_cart_banner .rolling{ margin: 0 auto; width: 300px;}
.shopping_cart_banner .rolling .slide{}
.shopping_cart_banner .rolling .slide a{ display: block;}
.shopping_cart_banner .rolling .slide a img{ display: block; width: 100%;}
.shopping_cart_banner .rolling .slick-dots{ bottom: 5px;}
@media(max-width: 767px){
    .shopping_cart_banner{ margin: 15px 0 0 0;}
}


.popup_basic{}
.popup_basic .row{ padding: 0;}
.popup_basic .rolling{ margin: 0; width: auto;}
.popup_basic .rolling .slide{}
.popup_basic .rolling .slide a{ display: block;}
.popup_basic .rolling .slide a img{ display: block; width: 100%;}
.popup_basic .rolling .slick-dots{ bottom: 5px;}
.popup_basic .rolling_foot{ display: flex; justify-content: space-between; align-items: center; padding: 10px 15px;}
.popup_basic .rolling_foot .check{ display: flex; align-items: center; cursor: pointer;}
.popup_basic .rolling_foot .check i{ display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; border-radius: 3px; border: 1px solid #CCC; background: #FFF; font-size: 1.4em; color: #333;}
.popup_basic .rolling_foot .check p{ margin: 0 0 0 5px; font-size: 1.2em; color: #000;}
.popup_basic .rolling_foot .check.on i{ border-color: #6b5cfd; background: #6b5cfd; color: #FFF;}
.popup_basic .rolling_foot .xi-close{ position: initial; font-size: 2em; color: #333; cursor: pointer;}




.mypage_margin_top{ margin: 30px 0 0 0;}
@media(max-width: 767px){
    .mypage_margin_top{ margin: 15px 0 0 0;}
}











.ui-datepicker{ padding: 10px !important; width: 290px !important; border-radius: 5px !important; border: 0 !important; box-shadow: 0 5px 30px 0 rgba(0 0 0/15%) !important;}
.ui-widget-header{ display: flex; justify-content: center; align-items: center; padding: 0 !important; height: 50px !important; border: 0 !important; background: none !important;}
.ui-datepicker-prev{ top: 50% !important; transform: translate(0,-50%); left: 10px !important; border: 0 !important; background: none !important;}
.ui-datepicker-prev span{ background: url(/images/btn_l.png) center/cover !important;}
.ui-datepicker-next{ top: 50% !important; transform: translate(0,-50%); right: 10px !important; border: 0 !important; background: none !important;}
.ui-datepicker-next span{ background: url(/images/btn_r.png) center/cover !important;}
.ui-state-default{ display: flex !important; justify-content: center; align-items: center; width: 36px; height: 36px; border: 0 !important; border-radius: 50%; background: none !important; font-weight: 200 !important; color: #333 !important;}
.ui-state-default.ui-state-highlight{ font-weight: 500 !important; color: #6b5cfd !important;}
.ui-state-default.ui-state-active{ background: #6b5cfd !important; color: #FFF !important;}