@charset "utf-8";
*{box-sizing: border-box;padding: 0;margin: 0;font-family:'Pretendard' !important; word-break: keep-all;}
.fa{font: normal normal normal 14px / 1 FontAwesome !important;}
a{text-decoration: none;}
ul{list-style: none;}
button{background-color: transparent; cursor: pointer;border: none;outline: none;}
img{border:0; display:block;}
h1, h2, h3, h4, h5, h6{padding:0;margin:0}
p{padding:0;margin:0;word-break: keep-all;}
input{border: none;box-shadow: none;}
input:focus{outline: none;}
.modal{z-index: 999999;}
.max_center{width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto;}
#container{padding: 0;}
.admin_btn{width: fit-content; display: block; padding: 0 20px; line-height: 30px; background: red; font-size: var(--font-14); color: #fff; border-radius: 50px;cursor: pointer;}
:root {
    --font-point:"Gyeonggi_Batang_Regular";
    --font-60:60px;
    --font-50:50px;
    --font-40:40px;
    --font-30:30px;
    --font-24:24px;
    --font-20:20px;
    --font-14:14px;
    --font-12:12px;
    --max-width:1320px;
    --main-color1:#D8B571;
    --main-color2:#1E211F;
    --main-color3:#2B2F2C;
    --main-color4:#2F2F2F;
    --main-color5:#8B8B8B;
}
@media screen and (max-width:1200px){
    :root {
        --font-60:50px;
        --font-50:40px;
        --font-40:30px;
        --font-30:25px;
        --font-24:20px;
        --font-20:19px;
    }
}
@media screen and (max-width:1000px){
    :root {
        --font-60:40px;
        --font-50:30px;
        --font-40:25px;
        --font-30:22px;
        --font-24:19px;
        --font-20:17px;
    }
}
@media screen and (max-width:800px){
    :root {
        --font-60:35px;
        --font-50:25px;
        --font-40:22px;
        --font-30:20px;
        --font-24:18px;
        --font-20:16px;
    }
}
@media screen and (max-width:500px){
    :root {
        --font-60:30px;
        --font-50:20px;
        --font-40:19px;
        --font-30:18px;
        --font-24:17px;
        --font-20:15px;
    }
}


/* head 시작 */
html.hid{overflow: hidden;}
#hd{width: 100%;height: 100px;position: relative;top: 0;left: 0;z-index: 99;}
#hd.fixed{position: fixed;background: var(--main-color2);}
#hd.atv{background: var(--main-color2);}
#hd>.wrap{display: flex;justify-content: space-between;align-items: center;height: 100%;}
#hd>.wrap .mo{display: none;}
#hd>.wrap .menu_btn{width: 70px; height: 50px; position: relative; top: 0; left: 0; padding: 0 20px;cursor: pointer;}
#hd>.wrap .menu_btn span{position: absolute;left: 50%;width: 50%;height: 2px;background: #fff;border-radius: 3px;transition: 0.3s;}
#hd>.wrap .menu_btn span:nth-child(1){top: 15px;transform: translateX(-50%);}
#hd>.wrap .menu_btn span:nth-child(2){top: 50%; transform: translate(-50%, -50%);}
#hd>.wrap .menu_btn span:nth-child(3){bottom: 15px;transform: translateX(-50%);}
#hd>.wrap .menu_btn.atv{}
#hd>.wrap .menu_btn.atv span{}
#hd>.wrap .menu_btn.atv span:nth-child(1){transform: translate(-50%, -50%) rotate(45deg);top: 50%;}
#hd>.wrap .menu_btn.atv span:nth-child(2){opacity: 0;}
#hd>.wrap .menu_btn.atv span:nth-child(3){transform: translate(-50%, -50%) rotate(-45deg);top: 50%;bottom: unset;}
#hd>.wrap .logo_wrap{height: 100%;display: flex;align-items: center;justify-content: center;cursor: pointer;}
#hd>.wrap .logo_wrap img{height: 30px;}
#hd>.wrap .btn_wrap{display: flex;}
#hd>.wrap .btn_wrap p{background: var(--main-color3);color: #fff;font-size: var(--font-24);line-height: 50px;border-radius: 50px;cursor: pointer;padding: 0 3.5vw;font-weight: 300;}
#hd>.wrap .btn_wrap p:nth-child(2){margin-left: 10px;}
#hd .nav_wrap{position: fixed;width: 100%;height:100%;top: 0;left: 0;padding-top: 100px; background: var(--main-color2);z-index: -1;display: none;}
#hd .nav_wrap .wrap{overflow-y: auto;max-height: 100%;}
#hd .nav_wrap .wrap .menu_wrap{width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto;}
#hd .nav_wrap .wrap .menu_wrap>ul{padding-top: 50px;}
#hd .nav_wrap .wrap .menu_wrap>ul li{cursor: pointer; text-align: center; display: flex; align-items: center; height: 60px; box-shadow: 0px 1px 3px #000 inset; border-radius: 100px; margin-bottom: 20px; padding: 0 40px;}
#hd .nav_wrap .wrap .menu_wrap>ul li p{font-size: var(--font-24); color: #fff; font-weight: 300;margin-right: 10px;}
#hd .nav_wrap .wrap .menu_wrap>ul li span{font-size: var(--font-14); color: var(--main-color5); font-weight: 300;}
@media screen and (max-width:1200px){
    #hd{height: 50px;}
    #hd>.wrap{width: 100%;}
    #hd>.wrap .mo{display: block;}
    #hd>.wrap .pc{display: none;}
    #hd>.wrap .logo_wrap{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
    #hd>.wrap .logo_wrap img{height: 20px;}
    #hd>.wrap .btn_wrap p{padding: 0 20px; text-align: center;background: unset;line-height: 50px;}
    #hd>.wrap .btn_wrap p:nth-child(2){display: none;}
    #hd>.wrap .menu_btn{width: 60px;}
    #hd>.wrap .menu_btn span{width: 20px;height: 1px;}
    #hd>.wrap .menu_btn span:nth-child(1){top: 18px;}
    #hd>.wrap .menu_btn span:nth-child(3){bottom: 18px;}
    #hd .nav_wrap{padding-top: 50px;}
}
/* head 끝 */





/* tail 시작 */
#ft{width: 100%;background: var(--main-color4);padding: 50px 0 30px 0;}
#ft p{color: #fff;}
#ft .wrap{}
#ft .wrap>div{display: flex;justify-content: space-between;align-items: center;flex-flow: row wrap;}
#ft .wrap>div>div{}
#ft .wrap .top{border-bottom: 1px solid #fff;}
#ft .wrap .top .left{}
#ft .wrap .top .left img{filter: brightness(0) invert(1);height: 30px;}
#ft .wrap .top .right{margin-top: 20px;margin-bottom: 10px;}
#ft .wrap .top .right div{display: flex;align-items: center;flex-flow: row wrap;justify-content: flex-end;}
#ft .wrap .top .right div p{font-size: var(--font-12);display: flex;margin-right: 10px;padding-right: 10px;position: relative;top: 0;left: 0;margin-bottom: 10px;}
#ft .wrap .top .right div p::after{content:"";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 70%;background: #fff;}
#ft .wrap .top .right div p:last-child{margin-right: 0;padding-right: 0;}
#ft .wrap .top .right div p:last-child:after{display: none;}
#ft .wrap .top .right div p span{margin-right: 5px;}
#ft .wrap .bt{padding: 20px 0;}
#ft .wrap .bt p{font-size: var(--font-14);font-weight: 300;}
#ft .wrap .bt .right{display: flex;align-items: center;}
#ft .wrap .bt .right p{margin-right: 10px;padding-right: 10px;position: relative;top: 0;left: 0;cursor: pointer;}
#ft .wrap .bt .right p::after{content:"";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 2px;height: 2px;border-radius: 5px; background: #fff;}
#ft .wrap .bt .right p:last-child{padding-right: 0;margin-right: 0;}
#ft .wrap .bt .right p:last-child::after{display: none;}
/* #ft .wrap .bt .right p:nth-child(2){font-weight: 600;} */
@media screen and (max-width:1000px){
    #ft .wrap .top .left{width: 100%;}
    #ft .wrap .top .right div{justify-content: flex-start;}
}
@media screen and (max-width:800px){
    #ft{padding: 40px 0;}
    #ft p{font-size: 10px !important;color: var(--main-color5);}
    #ft .wrap .top{border-bottom: none;}
    #ft .wrap .top .left{margin-bottom: 40px;}
    #ft .wrap .top .left img{height: 20px;}
    #ft .wrap .top .right{margin: 0;}
    #ft .wrap .top .right div{margin-bottom: 10px;}
    #ft .wrap .top .right div p{width: 100%;margin-right: 0;padding-right: 0;margin-bottom: 5px;}
    #ft .wrap .top .right div p::after{display: none;}
    #ft .wrap .bt{padding: 0; flex-flow: column-reverse; align-items: unset;}
    #ft .wrap .bt .right p::after{content:"";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 1px;border-radius: 5px; background: var(--main-color5);}
    #ft .wrap .bt .right{margin-bottom: 20px;}
}
/* tail 끝 */





/* 메인 시작 */
#main{}
#main .main_swiper{width: 100%;height: 100vh;}
#main .main_swiper .swiper-wrapper{}
#main .main_swiper .swiper-wrapper .swiper-slide{}
#main .main_swiper .swiper-wrapper .swiper-slide .img{width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
#main .main_swiper .swiper-wrapper .swiper-slide .text{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); width: calc(100% - 40px);max-width: var(--max-width);}
#main .main_swiper .swiper-wrapper .swiper-slide .text b{font-size: var(--font-60);text-align: center;display: block;color: #fff;font-weight: 500;}
#main .main_swiper .swiper-wrapper .swiper-slide .text p{font-size: var(--font-20);text-align: center;display: block;color: #fff;font-weight: 300;line-height: 30px;}
#main .main_swiper .swiper-wrapper .swiper-slide .text span{margin: 30px auto;height: 80px;width: 1px;background: #fff;display: block;}
#main .main_swiper .swiper-wrapper .swiper-slide .text a{width: 100%;max-width: 300px;text-align: center;display: block;line-height: 55px;border: 1px solid var(--main-color1);color: var(--main-color1);font-size: var(--font-20);margin: 60px auto 0;transition: 0.3s;}
#main .main_swiper .swiper-wrapper .swiper-slide .text a:hover,
#main .main_swiper .swiper-wrapper .swiper-slide .text a:active{background: #0000002d;}
#main .main_swiper .pager_wrap{position: absolute; bottom: 20px; width: fit-content; left: 50%; transform: translateX(-50%); z-index: 1;}
#main .main_swiper .pager_wrap .swiper-pagination{position: unset; color: #fff; font-size: var(--font-20);}
#main .main_title{margin-bottom: 80px;}
#main .main_title b{font-family: var(--font-point) !important;color: var(--main-color1);font-size: var(--font-50);display: block;text-align: center;font-weight: 500;}
#main .best_item{background: var(--main-color2);padding: 200px 0;}
#main .best_item .admin_btn{margin: 0 auto;}
#main .best_item>.wrap{max-width: 1500px;}
#main .best_item>.wrap .best_swiper{padding: 0 90px;}
#main .best_item>.wrap .best_swiper::after{content:"";position: absolute;top: 0;left: 0;background:var(--main-color2);width: 90px;height: 100%;z-index: 9;}
#main .best_item>.wrap .best_swiper::before{content:"";position: absolute;top: 0;right: 0;background:var(--main-color2);width: 90px;height: 100%;z-index: 9;}
#main .best_item>.wrap .best_swiper .swiper-wrapper{}
#main .best_item>.wrap .best_swiper .swiper-wrapper .swiper-slide{}
#main .best_item>.wrap .best_swiper .swiper-wrapper .swiper-slide:hover{}
#main .best_item>.wrap .best_swiper .swiper-wrapper .swiper-slide a{}
#main .best_item>.wrap .best_swiper .swiper-wrapper .swiper-slide a img{width: 100%;height: fit-content;margin-bottom: 40px;}
#main .best_item>.wrap .best_swiper .swiper-wrapper .swiper-slide a span{font-size: var(--font-20);color: #fff;display: block;text-align: center;}
#main .best_item>.wrap .best_swiper .swiper-wrapper .swiper-slide a h6{font-size: var(--font-30);color: #fff;display: block;text-align: center;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-weight: 500;margin: 5px 0 15px;}
#main .best_item>.wrap .best_swiper .swiper-wrapper .swiper-slide a .price_wrap{display: flex;align-items: center;justify-content: center;}
#main .best_item>.wrap .best_swiper .swiper-wrapper .swiper-slide a .price_wrap del{font-size: var(--font-20);color: var(--main-color5);margin-right: 10px;}
#main .best_item>.wrap .best_swiper .swiper-wrapper .swiper-slide a .price_wrap strong{font-size: var(--font-24);color: var(--main-color1);}
#main .best_item>.wrap .best_swiper .swiper_btn{}
#main .best_item>.wrap .best_swiper .swiper_btn .swiper-button-next{width: 90px; right: 0; height: 100%; top: 0; margin: 0;}
#main .best_item>.wrap .best_swiper .swiper_btn .swiper-button-prev{width: 90px; left: 0; height: 100%; top: 0; margin: 0;}
#main .best_item>.wrap .best_swiper .swiper_btn .swiper-button-next:after, #main .best_item>.wrap .best_swiper .swiper_btn .swiper-rtl .swiper-button-prev:after,
#main .best_item>.wrap .best_swiper .swiper_btn .swiper-button-prev:after, #main .best_item>.wrap .best_swiper .swiper_btn .swiper-rtl .swiper-button-next:after{color: var(--main-color1) !important;}
#main .sub_swiper{width: 100%;height: 530px;}
#main .sub_swiper .swiper-wrapper{}
#main .sub_swiper .swiper-wrapper .swiper-slide{}
#main .sub_swiper .swiper-wrapper .swiper-slide .img{width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
#main .sub_swiper .swiper-wrapper .swiper-slide .text{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); width: calc(100% - 40px);max-width: var(--max-width);}
#main .sub_swiper .swiper-wrapper .swiper-slide .text b{font-size: var(--font-60);display: block;color: #fff;font-weight: 500;line-height: 80px;}
#main .sub_swiper .swiper-wrapper .swiper-slide .text p{font-size: var(--font-20);display: block;color: #D3D3D3;font-weight: 300;line-height: 30px;margin-top: 20px;}
#main .sub_swiper .swiper-wrapper .swiper-slide .text a{width: 100%;max-width: 300px;text-align: center;display: block;line-height: 55px;border: 1px solid var(--main-color1);color: var(--main-color1);font-size: var(--font-20);margin-top: 30px; transition: 0.3s;}
#main .sub_swiper .swiper-wrapper .swiper-slide .text a:hover,
#main .sub_swiper .swiper-wrapper .swiper-slide .text a:active{background: #0000002d;}
#main .sub_swiper .pager_wrap{position: absolute; bottom: 20px; width: fit-content; left: 50%; transform: translateX(-50%); z-index: 1; width: calc(100% - 40px); max-width: var(--max-width);}
#main .sub_swiper .pager_wrap .swiper-pagination{position: unset; color: #fff; font-size: var(--font-20);text-align: right;}
#main .sub_swiper .admin_btn{margin-left: auto;margin-right: 0;}
#main .review{background: var(--main-color2);padding: 200px 0;}
#main .review .admin_btn{margin: 0 auto;}
#main .review .review_swiper{width: 100%; height: auto;aspect-ratio:auto 1 / 0.25; overflow-x: hidden; display: flex; flex-direction: column; justify-content: center;}
#main .review .review_swiper .swiper-wrapper{transition-timing-function: linear;}
#main .review .review_swiper .swiper-wrapper .swiper-slide{align-items: center; overflow: hidden;position: relative;top: 0;left: 0;background-repeat: no-repeat;background-size: 100%;background-position: center;}
#main .review .review_swiper .swiper-wrapper .swiper-slide .text_wrap{position: absolute; top: 0; left: 0; width: 100%; height: 100%;background: #000000bd;opacity: 0;transition: 0.5s;}
#main .review .review_swiper .swiper-wrapper .swiper-slide:hover .text_wrap{opacity: 1;}
#main .review .review_swiper .swiper-wrapper .swiper-slide .text_wrap .user{display: flex;align-items: center;position: absolute;left: 50%;top: 0;width: calc(100% - 80px);transform: translateX(-50%);top: 40px;}
#main .review .review_swiper .swiper-wrapper .swiper-slide .text_wrap .user>img{width: 60px;height: 60px;margin-right: 10px;}
#main .review .review_swiper .swiper-wrapper .swiper-slide .text_wrap .user>div{display: flex;flex-flow: column;width: calc(100% - 70px);}
#main .review .review_swiper .swiper-wrapper .swiper-slide .text_wrap .user>div p{font-size: var(--font-20);color: #fff;width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#main .review .review_swiper .swiper-wrapper .swiper-slide .text_wrap .user>div img{width: 125px;height: 24px;margin-top: 5px;}
#main .review .review_swiper .swiper-wrapper .swiper-slide .text_wrap .text{position: absolute; bottom: 40px; left: 50%; width: calc(100% - 80px); transform: translateX(-50%); max-height: calc(100% - 160px); overflow-y: auto;}
#main .review .review_swiper .swiper-wrapper .swiper-slide .text_wrap .text::-webkit-scrollbar {width: 5px;}
#main .review .review_swiper .swiper-wrapper .swiper-slide .text_wrap .text::-webkit-scrollbar-thumb {background-color: var(--main-color1);}
#main .review .review_swiper .swiper-wrapper .swiper-slide .text_wrap .text::-webkit-scrollbar-track {background-color: grey;}
#main .review .review_swiper .swiper-wrapper .swiper-slide .text_wrap .text p{font-size: var(--font-20);color: #fff;display: block;width: 100%;word-break: break-word;}
#main .review .review_swiper .swiper-wrapper .swiper-slide .text_wrap .text p span.short{}
#main .review .review_swiper .swiper-wrapper .swiper-slide .text_wrap .text p span.long{display: none;}
#main .review .review_swiper .swiper-wrapper .swiper-slide .text_wrap .text a{font-size: var(--font-20);color: #fff;}

@media screen and (max-width:1400px){
    #main .review .review_swiper .swiper-wrapper .swiper-slide .text_wrap .user{width: calc(100% - 40px);top: 20px;}
    #main .review .review_swiper .swiper-wrapper .swiper-slide .text_wrap .user>img{width: 50px;height: 50px;}
    #main .review .review_swiper .swiper-wrapper .swiper-slide .text_wrap .user>div img{width: 80px;height: 15px;}
    #main .review .review_swiper .swiper-wrapper .swiper-slide .text_wrap .text{width: calc(100% - 40px);bottom: 20px;max-height: calc(100% - 120px);}
}

@media screen and (max-width:1200px){
    #main .main_title{margin-bottom: 40px;}
    #main .main_title b{font-size: var(--font-60);}
    #main .best_item{padding: 100px 0;}
    #main .review{padding: 100px 0;}
    #main .sub_swiper .swiper-wrapper .swiper-slide .text b{line-height: 60px;}
}
@media screen and (max-width:1000px){
    #main .main_swiper .swiper-wrapper .swiper-slide .text span{margin: 20px auto;height: 30px;}
    #main .main_swiper .swiper-wrapper .swiper-slide .text p{line-height: 25px;}
    #main .main_swiper .swiper-wrapper .swiper-slide .text a{margin: 40px auto 0;}
    #main .best_item>.wrap .best_swiper{padding: 0 50px;}
    #main .best_item>.wrap .best_swiper::after{width:50px;}
    #main .best_item>.wrap .best_swiper::before{width: 50px;}
    #main .best_item>.wrap .best_swiper .swiper_btn .swiper-button-next,
    #main .best_item>.wrap .best_swiper .swiper_btn .swiper-button-prev{width: 50px;}
    #main .sub_swiper .swiper-wrapper .swiper-slide .text b{line-height: unset;}
    #main .review .review_swiper{aspect-ratio: auto 1 / 1;width: calc(100% - 60px);}
}
@media screen and (max-width:800px){
    #main .main_title{margin-bottom: 20px;}
    #main .main_title b{text-align: left;}
    #main .best_item>.wrap .best_swiper{padding: 0;}
    #main .best_item>.wrap .best_swiper::after,
    #main .best_item>.wrap .best_swiper::before{display: none;}
    #main .best_item>.wrap .best_swiper .swiper_btn{display: none;}
    #main .sub_swiper{background: var(--main-color2);padding: 0 20px;height: 450px;}
    #main .sub_swiper .swiper-wrapper{border-radius: 10px;overflow: hidden;}
    #main .sub_swiper .swiper-wrapper .swiper-slide .text{top: 60px;transform: translateX(-50%);}
    #main .sub_swiper .swiper-wrapper .swiper-slide .text b{line-height: unset;text-align: center;}
    #main .sub_swiper .swiper-wrapper .swiper-slide .text p{line-height: unset;text-align: center;width: 290px;margin: 20px auto 0;}
    #main .sub_swiper .pager_wrap .swiper-pagination{text-align: center;}
    #main .sub_swiper .admin_btn{margin: 0 auto;}
    #main .main_title{width: calc(100% - 40px);margin: 0 auto 20px;}
    #main .review .review_swiper{aspect-ratio: auto 1 / 1.5;width: calc(100% - 40px);}
    #main .review .review_swiper .swiper-wrapper .swiper-slide .text_wrap{opacity: 1;top: unset;bottom: 0;height: 75px;}
    #main .review .review_swiper .swiper-wrapper .swiper-slide .text_wrap .user{display: none;}
    #main .review .review_swiper .swiper-wrapper .swiper-slide .text_wrap .text{height: 100%; max-height: unset; width: 100%; padding: 20px 10px; bottom: 0;overflow: hidden;}
    #main .review .review_swiper .swiper-wrapper .swiper-slide .text_wrap .text p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
}
@media screen and (max-width:400px){
    #main .sub_swiper .swiper-wrapper .swiper-slide .text p{width: fit-content;}
}
/* 메인 끝 */




/* 게시판 공통 css 시작 */
.board_title{}
.board_title p{font-size: var(--font-60); text-align: center; color: #fff; margin: 0 auto 100px;}
#bo_w,
#bo_gall,
#bo_v{width: calc(100% - 40px);max-width: var(--max-width);margin: 100px auto;}
#bo_w .write_div{display: flex; flex-flow: row wrap; width: 100%; justify-content: space-between; align-items: flex-start;margin-bottom: 20px;}
#bo_w .write_div>label{color: #fff;line-height: 40px;width: 70px;font-size: var(--font-20);}
#bo_w .write_div>input,
#bo_w .write_div .flie_wrap{width: calc(100% - 70px);font-size: var(--font-20);}
#bo_w #bf_file_1{height: 40px;color: #fff;font-size: var(--font-20);}
#bo_w .file_del{color: var(--main-color5);font-size: var(--font-20);}
#bo_w .btn_wrap{display: flex;justify-content: space-between;align-items: center;}
#bo_w .btn_wrap a,
#bo_w .btn_wrap button{font-size: var(--font-20);width: calc(50% - 10px);line-height: 50px;padding: 0;margin: 0;display: block;text-align: center;color: #fff; border-radius: 3px;}
#bo_w .btn_wrap a{background: var(--main-color5);}
#bo_w .btn_wrap button{background: var(--main-color1);}
#bo_gall .btn_top,
#bo_v .btn_top{display: flex;justify-content: flex-end;align-items: center;}
#bo_gall .btn_top li,
#bo_v .btn_top li{background: var(--main-color3); padding: 0; height: 50px; line-height: 52px; border-radius: 50px; text-align: center;display: block;width: fit-content;}
#bo_gall .btn_top li label,
#bo_v .btn_top li label{font-size: var(--font-20);color: #fff;padding: 0 20px;cursor: pointer;}
#bo_gall .btn_top li button,
#bo_v .btn_top li button{font-size: var(--font-20);color: #fff;padding: 0 20px;}
#bo_gall .btn_top li a,
#bo_v .btn_top li a{font-size: var(--font-20);color: #fff;padding: 0 20px;}
#bo_gall .btn_top li a i,
#bo_v .btn_top li a i{}
#bo_gall .btn_top li input,
#bo_v .btn_top li input{}
#gall_ul{display: flex; align-items: center; flex-flow: row wrap; gap: 20px;}
#gall_ul>li{width:calc(25% - 10px);}
#gall_ul>li .gall_li_wr{position: relative;top: 0;left: 0;}
#gall_ul>li .gall_li_wr .chk_box{position: absolute;top: 10px;left: 10px;}
#gall_ul>li .gall_li_wr .chk_box input{}
#gall_ul>li .gall_li_wr .chk_box label{}
#gall_ul>li .gall_li_wr .chk_box label span{}
#gall_ul>li .gall_li_wr .chk_box label b{}
#gall_ul>li .gall_li_wr .gall_img{width: 100%; display: block; height: auto; aspect-ratio: auto 1 / 0.7; background-repeat: no-repeat; background-position: center; background-size: auto 130%;border: 1px solid var(--main-color5);}
#gall_ul>li .gall_li_wr .gall_text_href{}
#gall_ul>li .gall_li_wr .gall_text_href a{font-size: var(--font-20); display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: var(--main-color5); padding: 0 10px; line-height: 50px; color: #000;}
#bo_v{}
#bo_v #bo_v_img a{pointer-events: none;}
#bo_v #bo_v_img a img{display: block;margin: 0 auto;}
#bo_v .con_wrap{text-align: center;color: #fff !important;margin-top: 10px;}
#bo_v .con_wrap>span{display: block;margin-bottom: 50px;font-size: var(--font-20);}
#bo_v .con_wrap>b{display: block;margin-bottom: 10px;font-size: var(--font-24);}
#bo_v .con_wrap>p{display: block;margin-bottom: 10px;font-size: var(--font-20);}
#bo_v .con_wrap>div{display: flex;
    justify-content: center;
    align-items: center;}
#bo_v .con_wrap>div span{}
#bo_v .con_wrap>div a{padding: 0 20px 0 10px; color: var(--main-color1);}
#bo_v .con_wrap>div p{}
@media screen and (max-width:800px){
    #gall_ul>li{width:calc(50% - 10px);}
}
@media screen and (max-width:500px){
    #gall_ul>li{width:100%}
    #bo_w .write_div>label{width: 100%;}
    #bo_w .write_div>input,
    #bo_w .write_div .flie_wrap{width:100%;}
}
/* 게시판 공통 css 끝 */



/* 로그인 시작 */
#mb_login{margin: 0; min-height: calc(100vh - 330px); position: relative; top: 0; left: 0;}
#mb_login>.bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center;z-index: -1;}
#mb_login>form{padding: 100px 0;margin: 0 auto; width: calc(100% - 40px); max-width: 400px;}
#mb_login>form>p{font-size: var(--font-60); text-align: center; color: #fff; margin: 0 auto 50px;}
#mb_login>form #login_frm{margin: 0;padding: 0;}
#mb_login>form #login_frm input{padding: 0 20px; margin: 0;margin-bottom: 20px; height: 50px; font-size: var(--font-20); background: #00000069; border: unset; box-shadow: 0px 0px 3px #000; color: #fff; border-radius: 50px;width: 100%;}
#mb_login>form #login_frm input::placeholder{color: #fff;}
#mb_login>form #login_frm button{width: 100%; padding: 0; margin: 0; line-height: 50px; height: fit-content; font-size: var(--font-20); background: var(--main-color1); border-radius: 50px;border: unset;font-weight: bold;}
#mb_login>form .mb_login_join{padding: 0;margin: 0;margin-top: 20px;display: flex;align-items: center;}
#mb_login>form .mb_login_join a{color: #fff; font-size: var(--font-14);line-height: 40px;width: 50%;display: block;text-align: center;}
#login_password_lost{border: none;}
@media screen and (max-width:1200px){
    #mb_login{min-height: calc(100vh - 280px);}
}
@media screen and (max-width:1000px){
    #mb_login{min-height: calc(100vh - 310px);}
}
@media screen and (max-width:800px){
    #mb_login{min-height: calc(100vh - 351px);}
    #mb_login>form #login_frm button{font-size: var(--font-30);}
}

    /* 비회원 주문 */
        #mb_login_notmb{padding: 100px 0;margin: 0 auto; width: calc(100% - 40px); max-width: var(--max-width);}
        #mb_login_notmb>p{font-size: var(--font-60); text-align: center; color: #fff; margin: 0 auto 50px;}
        #mb_login_notmb #fregister_term{background: #ffffff; border-radius: 10px; padding: 40px 20px; margin-bottom: 20px;}
        #mb_login_notmb #fregister_term>h2{font-size: var(--font-30);margin-bottom: 20px;font-weight: 600;}
        #mb_login_notmb #fregister_term>div{border-top: 2px solid #000; padding: 20px 0; border-bottom: 1px solid #ddd; margin-bottom: 10px;}
        #mb_login_notmb #fregister_term>div{border-top: 2px solid #000; padding: 20px 0; border-bottom: 1px solid #ddd; margin-bottom: 10px; max-height: 300px; overflow-y: auto;}
        #mb_login_notmb #fregister_term>div #privacy_con{color: #000;}
        #mb_login_notmb #fregister_term>div #privacy_con>ul li p.list_style::after{width: 3px;height: 3px;top: 7px;background:var(--main-color5);}
        #mb_login_notmb #fregister_term>div #privacy_con>b{font-size: var(--font-20);}
        #mb_login_notmb #fregister_term>div #privacy_con>ul li b{font-size: var(--font-20);color: #000;}
        #mb_login_notmb #fregister_term>div #privacy_con>ul li p{font-size: var(--font-14);margin-bottom: 5px;}
        #mb_login_notmb #fregister_term .fregister_agree{border: unset; position: unset; height: fit-content; display: flex; justify-content: flex-end;}
        #mb_login_notmb #fregister_term .fregister_agree input{position: unset; z-index: unset;}
        #mb_login_notmb #fregister_term .fregister_agree input[type="checkbox"]:checked + label span{background: url(/../../img/chk.png) no-repeat 50% 50% var(--main-color1); border-color: var(--main-color1); border-radius: 3px;}
        #mb_login_notmb #fregister_term .fregister_agree label{display: flex;align-items: center;flex-flow: row-reverse;cursor: pointer;}
        #mb_login_notmb #fregister_term .fregister_agree label span{position: unset;margin-left: 10px;width: 17px;height: 17px;display: block;background: #fff;border: 1px solid #999;border-radius: 3px;}
        #mb_login_notmb #fregister_term .fregister_agree label b{position: unset; font-size: var(--font-20); font-weight: 500; color: #000;}
        #mb_login_notmb .btn_confirm{padding: 0;margin: 0;margin-top: 20px;display: flex;align-items: center;}
        #mb_login_notmb .btn_confirm a{width: 100%; padding: 0; margin: 0; line-height: 50px; height: fit-content; font-size: var(--font-20); background: var(--main-color1); border-radius: 50px;border: unset;font-weight: bold;}
        @media screen and (max-width:800px){
            #mb_login_notmb .btn_confirm a{font-size: var(--font-30);}
        }
    /* 비회원 주문 */

    /* 비회원 주문조회 */
        #mb_login_od_wr{}
        #mb_login_od_wr #mb_login_od{border: unset;}
        #mb_login_od_wr #mb_login_od form{padding: 100px 0;margin: 0 auto; width: calc(100% - 40px); max-width: 400px;}
        #mb_login_od_wr #mb_login_od form>p{font-size: var(--font-60); text-align: center; color: #fff; margin: 0 auto 50px;}
        #mb_login_od_wr #mb_login_od form>span{color: #fff; text-align: center; display: block; margin-bottom: 20px; font-size: var(--font-20);}
        #mb_login_od_wr #mb_login_od form .od_frm{margin: 0;padding: 0;}
        #mb_login_od_wr #mb_login_od form .od_frm input{padding: 0 20px; margin: 0;margin-bottom: 20px; height: 50px; font-size: var(--font-20); background: #00000069; border: unset; box-shadow: 0px 0px 3px #000; color: #fff; border-radius: 50px;width: 100%;}
        #mb_login_od_wr #mb_login_od form .od_frm input::placeholder{color: #fff;}
        #mb_login_od_wr #mb_login_od form .od_frm button{width: 100%; padding: 0; margin: 0; line-height: 50px; height: fit-content; font-size: var(--font-20); background: var(--main-color1); border-radius: 50px;border: unset;font-weight: bold;}
        @media screen and (max-width:800px){
            #mb_login_od_wr #mb_login_od form .od_frm button{font-size: var(--font-30);}
        }
    /* 비회원 주문조회 */
/* 로그인 끝 */




/* 비밀번호 확인 시작 */
#mb_confirm{margin: 0; min-height: calc(100vh - 330px); position: relative; top: 0; left: 0; width: 100%; max-width: unset;}
#mb_confirm>p{font-size: var(--font-60); text-align: center; color: #fff; margin: 0 auto 50px;width: calc(100% - 40px);max-width: var(--max-width);padding-top: 100px;}
#mb_confirm>.bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center;z-index: -1;}
#mb_confirm form{padding: 0 0 100px;margin: 0 auto; width: calc(100% - 40px); max-width: 400px;}
#mb_confirm form>span{color: #fff; text-align: center; display: block; margin-bottom: 20px; font-size: var(--font-20);}
#mb_confirm form>ul{}
#mb_confirm form>ul li{display: flex;justify-content: space-between;align-items: flex-start;flex-flow: row wrap;margin: 0 !important; margin-bottom: 20px !important;}
#mb_confirm form>ul li label{font-size: var(--font-24); color: #fff; line-height: 50px; margin: 0; padding: 0;width: 100px;padding-right: 10px;}
#mb_confirm form>ul li>div{width: calc(100% - 100px);}
#mb_confirm form>ul li>div input{padding: 0 20px; margin: 0;height: 50px; font-size: var(--font-20); background: #00000069; border: unset; box-shadow: 0px 0px 3px #000; color: #fff; border-radius: 50px;width: 100%;}
#mb_confirm form>ul li>div input::placeholder{color: var(--main-color5);}
#mb_confirm form>ul li>div span{padding: 0 20px; margin: 0;height: 50px; font-size: var(--font-20); background: #00000069; border: unset; box-shadow: 0px 0px 3px #000; color: #fff; border-radius: 50px;width: 100%;display: block;line-height: 50px;}
#mb_confirm form .btn_wrap{display: flex;justify-content: space-between;align-items: center;margin-top: 100px;}
#mb_confirm form .btn_wrap p,
#mb_confirm form .btn_wrap button{width: calc(50% - 10px);display: block;padding: 0;margin: 0;line-height: 50px; height: fit-content; font-size: var(--font-20);border-radius: 50px;border: unset;font-weight: bold;text-align: center;}
#mb_confirm form .btn_wrap p{background: var(--main-color5); color: #fff;cursor: pointer;}
#mb_confirm form .btn_wrap button{background: var(--main-color1);}
@media screen and (max-width:1200px){
    #mb_confirm{min-height: calc(100vh - 280px);}
}
@media screen and (max-width:1000px){
    #mb_confirm{min-height: calc(100vh - 310px);}
}
@media screen and (max-width:800px){
    #mb_confirm{min-height: calc(100vh - 351px);}
    #mb_confirm form>ul li{margin-bottom: 40px !important;}
    #mb_confirm form>ul li label{line-height: unset;width: 100%;margin-bottom: 10px;}
    #mb_confirm form>ul li>div{width: 100%}
    #mb_confirm form .btn_wrap p,
    #mb_confirm form .btn_wrap button{width: calc(50% - 5px);font-size: var(--font-30);}
}
/* 비밀번호 확인 끝 */





/* 회원정보찾기 시작 */
#find_info{margin: 0; min-height: calc(100vh - 330px); position: relative; top: 0; left: 0;}
#find_info>.bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center;z-index: -1;}
#find_info .new_win_con{padding: 100px 0;margin: 0 auto; width: calc(100% - 40px); max-width: 400px;}
#find_info .new_win_con>p{font-size: var(--font-60); text-align: center; color: #fff; margin: 0 auto 50px;}
#find_info .new_win_con form{}
#find_info .new_win_con form #info_fs{border: unset;}
#find_info .new_win_con form #info_fs p{font-size: var(--font-14); text-align: center; color: #fff; margin: 0;margin-bottom: 20px;}
#find_info .new_win_con form #info_fs label{}
#find_info .new_win_con form #info_fs input{padding: 0 20px; margin: 0;margin-bottom: 20px; height: 50px; font-size: var(--font-20); background: #00000069; border: unset; box-shadow: 0px 0px 3px #000; color: #fff; border-radius: 50px;width: 100%;}
#find_info .new_win_con form #info_fs input::placeholder{color: #fff;}
#find_info .new_win_con form .win_btn{margin: 0;padding: 0;}
#find_info .new_win_con form .win_btn button{width: 100%; padding: 0; margin: 0; line-height: 50px; height: fit-content; font-size: var(--font-20); background: var(--main-color1); border-radius: 50px;border: unset;font-weight: bold;}
@media screen and (max-width:1200px){
    #find_info{min-height: calc(100vh - 280px);}
}
@media screen and (max-width:1000px){
    #find_info{min-height: calc(100vh - 310px);}
}
@media screen and (max-width:800px){
    #find_info{min-height: calc(100vh - 351px);}
    #find_info .new_win_con form .win_btn button{font-size: var(--font-30);}
}
/* 회원정보찾기 끝 */




/* 회원가입 약관 시작 */
#register_skin{margin: 0; min-height: calc(100vh - 330px); position: relative; top: 0; left: 0;}
#register_skin>.bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center;z-index: -1;}
#register_skin form{width: calc(100% - 40px); max-width: var(--max-width);padding: 100px 0;margin: 0 auto;}
#register_skin form>p{font-size: var(--font-60); text-align: center; color: #fff; margin: 0 auto 50px;}
#register_skin form section{background: #ffffff; border-radius: 10px; padding: 40px 20px; margin-bottom: 20px;}
#register_skin form section h2{font-size: var(--font-30);margin-bottom: 20px;font-weight: 600;}
#register_skin form section textarea{}
#register_skin form section#fregister_term>div{border-top: 2px solid #000; padding: 20px 0; border-bottom: 1px solid #ddd; margin-bottom: 10px; max-height: 300px; overflow-y: auto;}
#register_skin form section#fregister_term>div #privacy_con{color: #000;}
#register_skin form section#fregister_term>div #privacy_con>ul li p.list_style::after{width: 3px;height: 3px;top: 7px;background:var(--main-color5);}
#register_skin form section#fregister_term>div #privacy_con>b{font-size: var(--font-20);}
#register_skin form section#fregister_term>div #privacy_con>ul li b{font-size: var(--font-20);color: #000;}
#register_skin form section#fregister_term>div #privacy_con>ul li p{font-size: var(--font-14);margin-bottom: 5px;}
#register_skin form section#fregister_private>div{}
#register_skin form section#fregister_private>div table{}
#register_skin form section#fregister_private>div table thead{}
#register_skin form section#fregister_private>div table thead tr{}
#register_skin form section#fregister_private>div table thead tr th{color: #000; font-size: var(--font-20);}
#register_skin form section#fregister_private>div table tbody{}
#register_skin form section#fregister_private>div table tbody tr{}
#register_skin form section#fregister_private>div table tbody tr td{word-break: keep-all; text-align: center; line-height: 20px;}
#register_skin .fregister_agree{border: unset; position: unset; height: fit-content; display: flex; justify-content: flex-end;}
#register_skin .fregister_agree input{position: unset; z-index: unset;}
#register_skin .fregister_agree label{display: flex;align-items: center;flex-flow: row-reverse;cursor: pointer;}
#register_skin .fregister_agree label span{position: unset;margin-left: 10px;width: 17px;height: 17px;display: block;background: #fff;border: 1px solid #999;border-radius: 3px;}
#register_skin .fregister_agree input[type="checkbox"]:checked + label span{background: url(/../../img/chk.png) no-repeat 50% 50% var(--main-color1); border-color: var(--main-color1); border-radius: 3px;}
#register_skin .fregister_agree label b{position: unset; font-size: var(--font-20); font-weight: 500; color: #000;}
#register_skin #fregister_chkall{margin: 100px 0 20px;background: unset;}
#register_skin #fregister_chkall label{font-size: var(--font-20); font-weight: 500; color: #fff;}
#register_skin form .btn_confirm{}
#register_skin form .btn_confirm button{width: 100%; padding: 0; margin: 0; line-height: 50px; height: fit-content; font-size: var(--font-20); background: var(--main-color1); border-radius: 50px;border: unset;font-weight: bold;}



/* sns 시작 */
#register_skin.social_register #fregister_chkall{margin: 20px 0 100px;}
#register_skin.social_register #register_form{}
#register_skin.social_register #register_form>ul{}
#register_skin.social_register #register_form>ul>li{display: flex;justify-content: space-between;align-items: flex-start;flex-flow: row wrap;margin: 0 !important; margin-bottom: 20px !important;}
#register_skin.social_register #register_form>ul>li .frm_info{color: var(--main-color1); font-size: var(--font-14); margin-top: 10px !important; display: block;}
#register_skin.social_register #register_form>ul>li>label{font-size: var(--font-24); color: #fff; line-height: 50px; margin: 0; padding: 0;width: 80px;padding-right: 10px;}
#register_skin.social_register #register_form>ul>li>div{width: calc(100% - 80px);}
#register_skin.social_register #register_form>ul>li>div>input{padding: 0 20px; margin: 0;height: 50px; font-size: var(--font-20); background: #00000069; border: unset; box-shadow: 0px 0px 3px #000; color: #fff; border-radius: 50px;width: 100%;}
#register_skin.social_register #register_form>ul>li>div>input::placeholder{color: var(--main-color5);}
#register_skin.social_register .member_connect{width: calc(100% - 40px); max-width: var(--max-width); padding: 100px 0; margin: 0 auto;}
#register_skin.social_register .member_connect>p{font-size: var(--font-40); text-align: center; color: #fff; margin: 0 auto 20px;}
#register_skin.social_register .member_connect>button{width: 100%; padding: 0; margin: 0; line-height: 50px; height: fit-content; font-size: var(--font-20); background: var(--main-color1); border-radius: 50px;border: unset;font-weight: bold;color: #fff;}
#register_skin.social_register .member_connect>button i{}
#sns-link-pnl{width: 100%; max-width: 400px; margin: 0; padding: 30px 20px; border-radius: 10px;}
#sns-link-pnl>button{position: absolute; top: -50px; right: 0; width: 50px; height: 50px;}
#sns-link-pnl>button i{color: #fff;font-size: 20px !important;}
#sns-link-pnl>.connect-fg{}
#sns-link-pnl>.connect-fg form{}
#sns-link-pnl>.connect-fg form>p{font-size: var(--font-24); font-weight: bold; color: var(--main-color1); margin-bottom: 30px;}
#sns-link-pnl>.connect-fg form>.connect-desc{font-size: var(--font-20); color: var(--main-color5); margin-bottom: 20px;}
#sns-link-pnl>.connect-fg form #login_fs{}
#sns-link-pnl>.connect-fg form #login_fs span{display: block; margin-bottom: 10px;}
#sns-link-pnl>.connect-fg form #login_fs span>input{padding: 0 20px; margin: 0;height: 50px; font-size: var(--font-20); background: #00000069; border: unset; box-shadow: 0px 0px 3px #000; color: #fff; border-radius: 50px;width: 100%;}
#sns-link-pnl>.connect-fg form #login_fs span>input::placeholder{color: #ddd;}
#sns-link-pnl>.connect-fg form #login_fs>input{width: 100%; padding: 0; margin: 0; line-height: 50px; height: fit-content; font-size: var(--font-20); background: var(--main-color1); border-radius: 50px;border: unset;font-weight:normal;color: #fff;cursor: pointer;}
/* sns 끝 */

@media screen and (max-width:1200px){
    #register_skin{min-height: calc(100vh - 280px);}
}
@media screen and (max-width:1000px){
    #register_skin{min-height: calc(100vh - 310px);}
}
@media screen and (max-width:800px){
    #register_skin{min-height: calc(100vh - 351px);}
    #register_skin form .btn_confirm button{font-size: var(--font-30);}
    #register_skin.social_register #register_form>ul>li>label{line-height: unset;width: 100%;margin-bottom: 10px;}
    #register_skin.social_register #register_form>ul>li>div{width: 100%}
    #register_skin.social_register .member_connect>button{font-size: var(--font-30);}
}
/* 회원가입 약관 끝 */



/* 회원가입 양식 시작 */
#register_form_skin{margin: 0; min-height: calc(100vh - 330px); position: relative; top: 0; left: 0;}
#register_form_skin>.bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center;z-index: -1;}
#register_form_skin>form{width: calc(100% - 40px); max-width: var(--max-width);padding: 100px 0;margin: 0 auto;}
#register_form_skin>form>p{font-size: var(--font-60); text-align: center; color: #fff; margin: 0 auto 50px;}
#register_form_skin>form>ul{}
#register_form_skin>form>ul>li{display: flex;justify-content: space-between;align-items: flex-start;flex-flow: row wrap;margin: 0 !important; margin-bottom: 20px !important;}
#register_form_skin>form>ul>li .frm_info{color: var(--main-color1); font-size: var(--font-14); margin-top: 10px !important; display: block;}
#register_form_skin>form>ul>li.cf_cert_use{display: none;}
#register_form_skin>form>ul>li.address_wrap{}
#register_form_skin>form>ul>li.address_wrap label{margin-bottom: 20px;}
#register_form_skin>form>ul>li.address_wrap label:nth-last-child(2){margin-bottom: 0px;}
#register_form_skin>form>ul>li.address_wrap>div{margin-bottom: 20px;}
#register_form_skin>form>ul>li.address_wrap>div:last-child{margin-bottom: 0;}
#register_form_skin>form>ul>li.address_wrap>div.adress button{width: 100%; display: block; padding: 0; margin: 0; line-height: 50px; text-align: center; height: fit-content; border-radius: 50px; border: unset; background: var(--main-color1); color: #fff; font-size: var(--font-20); margin: 10px 0 0;}
#register_form_skin>form>ul>li>label{font-size: var(--font-24); color: #fff; line-height: 50px; margin: 0; padding: 0;width: 150px;padding-right: 10px;}
#register_form_skin>form>ul>li>div{width: calc(100% - 150px);}
#register_form_skin>form>ul>li>div>input{padding: 0 20px; margin: 0;height: 50px; font-size: var(--font-20); background: #00000069; border: unset; box-shadow: 0px 0px 3px #000; color: #fff; border-radius: 50px;width: 100%;}
#register_form_skin>form>ul>li>div>input::placeholder{color: var(--main-color5);}
#register_form_skin>form .agree{}
#register_form_skin>form .agree>div{display: flex; align-items: center; flex-flow: row wrap;}
#register_form_skin>form .agree>div>p{font-size: var(--font-24); color: #fff; line-height: 50px; margin: 0; padding: 0;width: 150px;padding-right: 10px;}
#register_form_skin>form .agree>div input{position: unset; z-index: unset;}
#register_form_skin>form .agree>div>label{display: flex;align-items: center;flex-flow: row-reverse;cursor: pointer;width: calc(100% - 150px); justify-content: flex-end;}
#register_form_skin>form .agree>div>label span{position: unset;margin-right: 10px;width: 17px;height: 17px;display: block;background: #fff;border: 1px solid #999;border-radius: 3px;}
#register_form_skin>form .agree>div>input[type="checkbox"]:checked + label span{background: url(/../../img/chk.png) no-repeat 50% 50% var(--main-color1); border-color: var(--main-color1); border-radius: 3px;}
#register_form_skin>form .agree>div>label b{position: unset; font-size: var(--font-20); font-weight: 500; color: var(--main-color5);}
#register_form_skin>form .agree .frm_info{color: var(--main-color1); font-size: var(--font-14); margin-top: 10px !important; display: block;padding-left: 150px;}
#register_form_skin>form .btn_confirm{display: flex;justify-content: space-between;align-items: center;flex-flow: row wrap; margin-top: 100px;}
#register_form_skin>form .btn_confirm p{width: 100%; display: block; padding: 0; margin: 0; line-height: 50px; height: fit-content; font-size: var(--font-20); border-radius: 50px; border: unset; background: var(--main-color2); color: #fff; font-weight: normal; margin-bottom: 20px;cursor: pointer;}
#register_form_skin>form .btn_confirm a,
#register_form_skin>form .btn_confirm button{width: calc(50% - 10px);display: block;padding: 0;margin: 0;line-height: 50px; height: fit-content; font-size: var(--font-20);border-radius: 50px;border: unset;font-weight: bold;}
#register_form_skin>form .btn_confirm a{background: var(--main-color5); color: #fff;}
#register_form_skin>form .btn_confirm button{background: var(--main-color1);}
@media screen and (max-width:1200px){
    #register_form_skin{min-height: calc(100vh - 280px);}
}
@media screen and (max-width:1000px){
    #register_form_skin{min-height: calc(100vh - 310px);}
}
@media screen and (max-width:800px){
    #register_form_skin{min-height: calc(100vh - 351px);}
    #register_form_skin>form>ul>li{margin-bottom: 40px !important;}
    #register_form_skin>form>ul>li>label{line-height: unset;width: 100%;margin-bottom: 10px;}
    #register_form_skin>form>ul>li>div{width: 100%}
    #register_form_skin>form .agree>div{margin-bottom: 40px;}
    #register_form_skin>form .agree>div>p{line-height: unset;width: 100%;margin-bottom: 10px;padding-right: 0;}
    #register_form_skin>form .agree>div>label{width: 100%;}
    #register_form_skin>form .agree .frm_info{padding-left: 0;}
    #register_form_skin>form>ul>li.address_wrap label{margin-bottom: 10px;}
    #register_form_skin>form>ul>li.address_wrap>div{margin-bottom: 40px;}
    #register_form_skin>form .btn_confirm p{font-size: var(--font-30);}
    #register_form_skin>form .btn_confirm a,
    #register_form_skin>form .btn_confirm button{width: calc(50% - 5px);font-size: var(--font-30);}
}
/* 회원가입 양식 끝 */



/* 회원가입 완료 시작 */
#reg_result{margin: 0; min-height: calc(100vh - 330px); position: relative; top: 0; left: 0;}
#reg_result>.bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center;z-index: -1;}
#reg_result>.wrap{width: calc(100% - 40px); max-width: var(--max-width);padding: 100px 0;margin: 0 auto;text-align: center;}
#reg_result>.wrap>p{font-size: var(--font-60); text-align: center; color: #fff; margin: 0 auto 50px;}
#reg_result>.wrap>b{display: block; margin-bottom: 30px; font-size: var(--font-30); color: #fff;font-weight: 400;}
#reg_result>.wrap>b strong{color: var(--main-color1);}
#reg_result>.wrap>span{display: block; margin-bottom: 20px; font-size: var(--font-20); color: #cecece;}
/* 회원가입 완료 끝 */




/* 장바구니 시작 */
#sod_bsk{margin: 100px auto;min-height: calc(100vh - 530px); width: calc(100% - 40px); max-width: var(--max-width);}
#sod_bsk #sod_bsk_list{}
#sod_bsk #sod_bsk_list>.btn_wrap{display: flex;align-items: center;justify-content: center;justify-content: space-between;}
#sod_bsk #sod_bsk_list>.btn_wrap #sod_chk{border-radius:3px; position: unset; height: fit-content; display: flex; justify-content: flex-end;width: calc(33.333333% - 10px);line-height: 48px;border: unset;background:var(--main-color5);}
#sod_bsk #sod_bsk_list>.btn_wrap #sod_chk input{position: unset; z-index: unset;}
#sod_bsk #sod_bsk_list>.btn_wrap #sod_chk input[type="checkbox"]:checked + label span{background: url(/../../img/chk.png) no-repeat 50% 50% var(--main-color1); border-color: var(--main-color1); border-radius: 3px;}
#sod_bsk #sod_bsk_list>.btn_wrap #sod_chk label{display: flex;align-items: center;flex-flow: row-reverse;cursor: pointer;width: 100%;padding: 0;justify-content: center;}
#sod_bsk #sod_bsk_list>.btn_wrap #sod_chk label span{position: unset;margin-left: 10px;width: 17px;height: 17px;display: block;background: #fff;border: 1px solid #999;border-radius: 3px;}
#sod_bsk #sod_bsk_list>.btn_wrap #sod_chk label b{position: unset; font-size: var(--font-20); font-weight: 600; color:#000;}
#sod_bsk #sod_bsk_list>.btn_wrap>button{width: calc(33.333333% - 10px);line-height: 48px;background:var(--main-color5);border: unset; color:#000;text-align: center;font-size: var(--font-20);float: unset;display: block;font-weight: 600;border-radius: 3px;padding: 0;}
#sod_bsk #sod_bsk_list .empty_list{}
#sod_bsk #sod_bsk_list .sod_list{}
#sod_bsk #sod_bsk_list .sod_list .sod_li{margin-top: 20px; background: var(--main-color4); padding: 20px 20px; border-radius: 10px;}
#sod_bsk #sod_bsk_list .sod_list .sod_li .li_op_wr{display: flex; align-items: flex-start; flex-flow: row wrap;justify-content: space-between;}
#sod_bsk #sod_bsk_list .sod_list .sod_li .li_op_wr>div{}
#sod_bsk #sod_bsk_list .sod_list .sod_li .li_op_wr>div.left{width: 300px;position: relative;top: 0;left: 0;}
#sod_bsk #sod_bsk_list .sod_list .sod_li .li_op_wr>div.right{width: calc(100% - 320px);}
#sod_bsk #sod_bsk_list .sod_list .sod_li .li_op_wr>div div.li_chk{border: unset; position: absolute;top: 10px;left: 10px; height: fit-content; display: flex; justify-content: flex-end;z-index: 1;}
#sod_bsk #sod_bsk_list .sod_list .sod_li .li_op_wr>div div.li_chk input{position: unset; z-index: unset;}
#sod_bsk #sod_bsk_list .sod_list .sod_li .li_op_wr>div div.li_chk input[type="checkbox"]:checked + label span{background: url(/../../img/chk.png) no-repeat 50% 50% var(--main-color1); border-color: var(--main-color1); border-radius: 3px;}
#sod_bsk #sod_bsk_list .sod_list .sod_li .li_op_wr>div div.li_chk label{display: flex;align-items: center;flex-flow: row-reverse;cursor: pointer;padding: 0;}
#sod_bsk #sod_bsk_list .sod_list .sod_li .li_op_wr>div div.li_chk label span{position: unset;margin-left: 0;width: 17px;height: 17px;display: block;background: #fff;border: 1px solid #999;border-radius: 3px;}
#sod_bsk #sod_bsk_list .sod_list .sod_li .li_op_wr>div div.li_chk label b{position: unset; font-size: var(--font-20); font-weight: 500; color: #000;}
#sod_bsk #sod_bsk_list .sod_list .sod_li .li_op_wr>div div.total_img{width: 100%;border-radius: 10px; height: auto; aspect-ratio: auto 1 / 1; position: relative; top: 0; left: 0; overflow: hidden;}
#sod_bsk #sod_bsk_list .sod_list .sod_li .li_op_wr>div div.total_img img{position: absolute;top: 50%;left: 50%;width: 120%;transform: translate(-50%, -50%);height: auto;}
#sod_bsk #sod_bsk_list .sod_list .sod_li .item_data{text-align: right;}
#sod_bsk #sod_bsk_list .sod_list .sod_li .item_data p{}
#sod_bsk #sod_bsk_list .sod_list .sod_li .item_data p a{display: block; margin-bottom: 10px;}
#sod_bsk #sod_bsk_list .sod_list .sod_li .item_data p a strong{font-size: var(--font-40); color: #fff; font-weight: 600;}
#sod_bsk #sod_bsk_list .sod_list .sod_li .item_data span{font-size: var(--font-20); color: var(--main-color5); display: block;}
#sod_bsk #sod_bsk_list .sod_list .sod_li .li_prqty{}
#sod_bsk #sod_bsk_list .sod_list .sod_li .li_prqty>span{font-size: var(--font-20); display: flex;justify-content: space-between;align-items: flex-end;border-bottom: 1px dashed var(--main-color5);height: 50px;color: var(--main-color5);font-weight: 800;padding-bottom: 5px;}
#sod_bsk #sod_bsk_list .sod_list .sod_li .li_prqty>span.prqty_price{}
#sod_bsk #sod_bsk_list .sod_list .sod_li .li_prqty>span.prqty_qty{}
#sod_bsk #sod_bsk_list .sod_list .sod_li .li_prqty>span.prqty_sc{}
#sod_bsk #sod_bsk_list .sod_list .sod_li .li_prqty>span span{font-weight: normal;}
#sod_bsk #sod_bsk_list .sod_list .sod_li .li_mod{margin-top: 20px;display: none;}
/* 장바구니 옵션변경 제거 */
/* #sod_bsk #sod_bsk_list .sod_list .sod_li .li_mod>button{width: 100%; font-size: var(--font-20); BACKGROUND: var(--main-color5); height: 40px; border-radius: 3px}
#sod_bsk #mod_option_frm{}
#sod_bsk #mod_option_frm h2{display: none;}
#sod_bsk #mod_option_frm form{}
#sod_bsk #mod_option_frm form section{display: flex;align-items: flex-start;}
#sod_bsk #mod_option_frm form section h3{font-size: var(--font-20);font-weight: normal;position: relative;top: 0;left: 0;color: transparent;}
#sod_bsk #mod_option_frm form section h3::after{content: "옵션추가"; font-size: var(--font-20); font-weight: normal; position: absolute; left: 0; top: 0; color: #000;}
#sod_bsk #mod_option_frm form section .get_item_options{}
#sod_bsk #mod_option_frm form section .get_item_options label{display: none;}
#sod_bsk #mod_option_frm form section .get_item_options label span{}
#sod_bsk #mod_option_frm form section .get_item_options label span select{}
#sod_bsk #mod_option_frm form #sit_sel_option{}
#sod_bsk #mod_option_frm form #sit_sel_option h3{font-size: var(--font-20);font-weight: normal;}
#sod_bsk #mod_option_frm form #sit_sel_option h3 ul{}
#sod_bsk #mod_option_frm form #sit_sel_option h3 ul li{}
#sod_bsk #mod_option_frm form #sit_sel_option h3 ul li .opt_name{}
#sod_bsk #mod_option_frm form #sit_sel_option h3 ul li .opt_name span{}
#sod_bsk #mod_option_frm form #sit_sel_option h3 ul li .opt_count{}
#sod_bsk #mod_option_frm form #sit_sel_option h3 ul li .opt_count button.btn_frmline{}
#sod_bsk #mod_option_frm form #sit_sel_option h3 ul li .opt_count button.btn_frmline i{}
#sod_bsk #mod_option_frm form #sit_sel_option h3 ul li .opt_count button.btn_frmline i span{}
#sod_bsk #mod_option_frm form #sit_sel_option h3 ul li .opt_count button.sit_opt_del i{}
#sod_bsk #mod_option_frm form #sit_sel_option h3 ul li .opt_count button.sit_opt_del i span{}
#sod_bsk #mod_option_frm form #sit_sel_option h3 ul li .opt_count label{}
#sod_bsk #mod_option_frm form #sit_sel_option h3 ul li .opt_count input{}
#sod_bsk #mod_option_frm form #sit_sel_option h3 ul li .opt_count span{}
#sod_bsk #mod_option_frm form #sit_tot_price{}
#sod_bsk #mod_option_frm form #sit_tot_price span{}
#sod_bsk #mod_option_frm form #sit_tot_price strong{}
#sod_bsk #mod_option_frm form #sit_tot_price .btn_confirm{}
#sod_bsk #mod_option_frm form #sit_tot_price .btn_confirm button{}
#sod_bsk #mod_option_frm form #sit_tot_price .btn_confirm button i{}
#sod_bsk #mod_option_frm form #sit_tot_price .btn_confirm button span{} */
/* 장바구니 옵션변경 제거 */
#sod_bsk #sod_bsk_list .sod_list .sod_li .total_price{display: flex; justify-content: space-between; align-items: flex-end;height: 50px;}
#sod_bsk #sod_bsk_list .sod_list .sod_li .total_price span{font-size: var(--font-20);color: #fff;}
#sod_bsk #sod_bsk_list .sod_list .sod_li .total_price strong{font-size: var(--font-20);color: #fff;}
#sod_bsk .sod_ta_wr{}
#sod_bsk .sod_ta_wr #m_sod_bsk_tot{display: block;margin-top: 20px;background: var(--main-color4);padding: 20px;border-radius: 5px;}
#sod_bsk .sod_ta_wr #m_sod_bsk_tot>div{display: flex;justify-content: space-between;align-items: flex-end;color: #fff;}
#sod_bsk .sod_ta_wr #m_sod_bsk_tot>div.dvr{margin-bottom: 10px;}
#sod_bsk .sod_ta_wr #m_sod_bsk_tot>div.dvr p{font-size: var(--font-20);}
#sod_bsk .sod_ta_wr #m_sod_bsk_tot>div.dvr span{font-size: var(--font-20);}
#sod_bsk .sod_ta_wr #m_sod_bsk_tot>div p{font-size: var(--font-30);}
#sod_bsk .sod_ta_wr #m_sod_bsk_tot>div span{font-size: var(--font-30);}
#sod_bsk .sod_ta_wr #sod_bsk_act{}
#sod_bsk .sod_ta_wr #sod_bsk_act>div{display: none;}
#sod_bsk .sod_ta_wr #sod_bsk_act>div strong{}
#sod_bsk .sod_ta_wr #sod_bsk_act>button{background: var(--main-color1); border-radius: 5px; display: block; text-align: center; height: 100%; line-height: 70px; font-size: var(--font-30); color: var(--main-color4); width: 100%; font-weight: 600; cursor: pointer; border: unset; margin: 50px auto 0;}
@media screen and (max-width:1200px){
    #sod_bsk{min-height: calc(100vh - 480px);}
}
@media screen and (max-width:1000px){
    #sod_bsk{min-height: calc(100vh - 510px);}
}
@media screen and (max-width:800px){
    #sod_bsk{min-height: calc(100vh - 551px);}
    #sod_bsk #sod_bsk_list .sod_list .sod_li .li_op_wr>div.left{width: 100%;max-width: 300px;margin: 0 auto;}
    #sod_bsk #sod_bsk_list .sod_list .sod_li .li_op_wr>div div.li_chk{left: unset;right: 10px;}
    #sod_bsk #sod_bsk_list .sod_list .sod_li .li_op_wr>div div.total_img{}
    #sod_bsk #sod_bsk_list .sod_list .sod_li .li_op_wr>div.right{width: 100%;margin-top: 20px;}
    #sod_bsk #sod_bsk_list .sod_list .sod_li .item_data{text-align: center;}
}
/* 장바구니 끝 */




/* 주문서작성 pc & 공통 css 시작 */
#forderform{width: calc(100% - 40px);max-width: var(--max-width);margin: 100px auto;}
#forderform #sod_frm.sod_frm_pc{}
#forderform #sod_frm.sod_frm_pc .od_prd_list{}
#forderform #sod_frm.sod_frm_pc .od_prd_list>ul{}
#sod_frm .sod_li{}
#sod_frm .sod_li .td_prd{display: flex; align-items: flex-start; flex-flow: row wrap;justify-content: space-between;background: var(--main-color4); padding: 20px 20px; border-radius: 10px;margin-top: 20px;}
#sod_frm .sod_li .td_prd:first-child{margin-top: 0px;}
#sod_frm .sod_li .td_prd .left{width: 300px;position: relative;top: 0;left: 0;border-radius: 10px; height: auto; aspect-ratio: auto 1 / 1; overflow: hidden;}
#sod_frm .sod_li .td_prd .left img{position: absolute;top: 50%;left: 50%;width: 120%;transform: translate(-50%, -50%);height: auto;}
#sod_frm .sod_li .td_prd .right{width: calc(100% - 320px);}
#sod_frm .sod_li .td_prd .right>p.item_name{text-align: right;}
#sod_frm .sod_li .td_prd .right>p.item_name>span>b{font-size: var(--font-40); color: #fff; font-weight: 600;display: block;margin-bottom: 10px;}
#sod_frm .sod_li .td_prd .right .sod_opt{}
#sod_frm .sod_li .td_prd .right .sod_opt ul{}
#sod_frm .sod_li .td_prd .right .sod_opt ul li{font-size: var(--font-20); color: var(--main-color5); display: block;text-align: right;}
#sod_frm .sod_li .td_prd .right>p.list_border{font-size: var(--font-20); display: flex;justify-content: space-between;align-items: flex-end;border-bottom: 1px dashed var(--main-color5);height: 50px;color: var(--main-color5);padding-bottom: 5px;font-weight: normal;}
#sod_frm .sod_li .td_prd .right>p.list_border>span{font-weight: 800;}
#sod_frm .sod_li .td_prd .right>p.list_price{display: flex; justify-content: space-between; align-items: flex-end;height: 50px;font-size: var(--font-20);color: #fff;}
#forderform .sod_left{}
#sod_frm .form_wrap{margin-top: 100px;}
#sod_frm .form_wrap>h2{color: var(--main-color1); font-size: var(--font-30); font-weight: 600; margin-bottom: 10px;}
#sod_frm .form_wrap>ul{}
#sod_frm .form_wrap>ul>li{display: flex;justify-content: space-between;align-items: flex-start;flex-flow: row wrap;margin: 0 !important; margin-bottom: 20px !important;}
#sod_frm .form_wrap>ul>li>label{font-size: var(--font-24); color: #fff; line-height: 50px; margin: 0; padding: 0; width: 150px; padding-right: 10px;}
#sod_frm .form_wrap>ul>li>div{width: calc(100% - 150px);}
#sod_frm .form_wrap>ul>li>div>input[type='text'],
#sod_frm .form_wrap>ul>li>div>input[type='email'],
#sod_frm .form_wrap>ul>li>div>textarea{padding: 0 20px; margin: 0;height: 50px; font-size: var(--font-20); background: #00000069 !important; border: unset; box-shadow: 0px 0px 3px #000 !important; color: #fff !important; border-radius: 50px;width: 100% !important;}
#sod_frm .form_wrap>ul>li>div>textarea{border-radius: 3px !important;padding: 10px !important;resize: none;min-height: 100px !important;}
#sod_frm .form_wrap>ul>li>div>textarea:focus{outline: unset;}
#sod_frm .form_wrap>ul>li>div>input::placeholder{color: var(--main-color5);}
#sod_frm .form_wrap>ul>li>div.order_choice_place{background: unset; border: unset; padding: 0; display: flex; align-items: center; flex-flow: row wrap;}
#sod_frm .form_wrap>ul>li>div.order_choice_place input{position: unset; z-index: unset;}
#sod_frm .form_wrap>ul>li>div.order_choice_place input[type="radio"]:checked + label span{background: var(--main-color1);border: 1px solid var(--main-color1); border-radius: 10px;position: relative;top: 0;left: 0;}
#sod_frm .form_wrap>ul>li>div.order_choice_place input[type="radio"]:checked + label span::after{content:""; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #fff;width: 8px;height: 8px;border-radius: 10px;}
#sod_frm .form_wrap>ul>li>div.order_choice_place label{display: flex;align-items: center;flex-flow: row-reverse;cursor: pointer;padding: 0;height: 50px;}
#sod_frm .form_wrap>ul>li>div.order_choice_place label span{position: unset;margin-left: 0;width: 17px;height: 17px;display: block;background: #fff;border: 1px solid #999;border-radius: 10px;}
#sod_frm .form_wrap>ul>li>div.order_choice_place label b{position: unset; font-size: var(--font-20); color: #fff; font-weight: 400;display: block;margin-right: 5px;}
#sod_frm .form_wrap>ul>li>div.order_choice_place a{height: 40px; line-height: 40px; width: 150px; border-radius: 100px; font-size: var(--font-20); text-align: center; background: var(--main-color1); color: #fff; border: unset;display: none;}
#sod_frm .form_wrap>ul>li.basic_ad div input[type='checkbox']{position: unset; z-index: unset;}
#sod_frm .form_wrap>ul>li.basic_ad div input[type="checkbox"]:checked + label span{background: url(/../../img/chk.png) no-repeat 50% 50% var(--main-color1); border-color: var(--main-color1); border-radius: 3px;}
#sod_frm .form_wrap>ul>li.basic_ad div label{display: flex;align-items: center;cursor: pointer;padding: 0;}
#sod_frm .form_wrap>ul>li.basic_ad div label span{position: unset;margin-left: 0;width: 17px;height: 17px;display: block;background: #fff;border: 1px solid #999;border-radius: 3px;margin-right: 5px;}
#sod_frm .form_wrap>ul>li.basic_ad div label b{position: unset; font-size: var(--font-20); color: #fff; font-weight: 400;display: block;margin-right: 5px;}
#sod_frm .form_wrap>ul>li.address_wrap{}
#sod_frm .form_wrap>ul>li.address_wrap label{margin-bottom: 20px;}
#sod_frm .form_wrap>ul>li.address_wrap label:nth-last-child(2){margin-bottom: 0px;}
#sod_frm .form_wrap>ul>li.address_wrap>div{margin-bottom: 20px;}
#sod_frm .form_wrap>ul>li.address_wrap>div:last-child{margin-bottom: 0;}
#sod_frm .form_wrap>ul>li>div .btn_address{width: 100%; display: block; padding: 0; margin: 0; line-height: 50px; text-align: center; height: fit-content; border-radius: 50px; border: unset; background: var(--main-color1); color: #fff; font-size: var(--font-20); margin: 10px 0 0;font-weight: normal;}
#sod_frm .sod_right{margin-top: 100px;}
#sod_frm .sod_right>h2{color: var(--main-color1); font-size: var(--font-30); font-weight: 600; margin-bottom: 20px;}
#sod_frm .sod_right .sod_bsk_tot{margin: 0; border: unset; border-radius: 5px; overflow: hidden;}
#sod_frm .sod_right .sod_bsk_tot>ul{display: flex; justify-content: space-between; align-items: center; flex-flow: row wrap}
#sod_frm .sod_right .sod_bsk_tot>ul>li{width: 33.333333% !important;background: var(--main-color4) !important;border: unset !important;padding: 20px 10px !important;height: fit-content !important;display: flex !important; align-items: center; justify-content: center !important; flex-flow: column; line-height: unset !important;}
#sod_frm .sod_right .sod_bsk_tot>ul>li>span{display: block !important; height: fit-content !important; line-height: unset !important; min-height: unset !important; float: unset !important; margin-bottom: 5px !important; font-size: var(--font-30); font-weight: normal !important; color: #fff !important;}
#sod_frm .sod_right .sod_bsk_tot>ul>li>p{color: var(--main-color5); font-size: var(--font-30);}
#sod_frm .sod_right .sod_bsk_tot>ul>li>p strong{color: var(--main-color5); font-size: var(--font-30);}
#sod_frm .sod_right .sod_bsk_tot>ul>li.sod_bsk_dvr{position: relative;top: 0;left: 0;}
#sod_frm .sod_right .sod_bsk_tot>ul>li.sod_bsk_dvr:before{content: "+"; position: absolute; top: 50%; left: -10px; transform: translateY(-50%); width: 20px; height: 20px; border-radius: 50px; background: unset; color: var(--main-color1); text-align: center; line-height: 17px; font-size: 30px; padding: 0; margin: 0;}
#sod_frm .sod_right .sod_bsk_tot>ul>li.sod_bsk_dvr::after{content: "="; position: absolute; top: 50%; right: -10px; transform: translateY(-50%); width: 20px; height: 20px; border-radius: 50px; background: unset; color: var(--main-color1); text-align: center; line-height: 17px; font-size: 30px; padding: 0; margin: 0;}
#sod_frm .sod_right .sod_bsk_tot>ul>li.sod_bsk_cnt>p strong{color: var(--main-color1);font-size: var(--font-30);}
#sod_frm .sod_right .sod_bsk_tot>ul>li.sod_bsk_cnt{position: unset;}
#sod_frm .sod_right #sod_frm_pay{padding: 0;margin: 0;}
#sod_frm .sod_right .add_tbl{}
#sod_frm .sod_right .add_tbl table{width: 100%;}
#sod_frm .sod_right .add_tbl tr{display: flex;justify-content: space-between;align-items: center;background: var(--main-color4);margin: 30px 0;padding: 20px 0;border-radius: 5px;}
#sod_frm .sod_right .add_tbl th{font-size: var(--font-30); font-weight: normal; color: #fff; background: unset; border: unset; width: unset; padding: 0 20px; display: block;}
#sod_frm .sod_right .add_tbl td{background: unset; border: unset; height: unset; padding: 0 20px;text-align: right;}
#sod_frm .sod_right .add_tbl td p{color: var(--main-color5); font-size: var(--font-30);}
#sod_frm .sod_right .add_tbl td p strong{color: var(--main-color1);}
#sod_frm .sod_right .add_tbl td>span{font-size: var(--font-20); color: var(--main-color5); margin-top: 10px; display: block;}
#sod_frm .sod_right #sod_frm_pay #od_tot_price{background: var(--main-color4); border-radius: 5px; padding: 20px 0; line-height: unset; margin: 0; height: fit-content; border: 3px solid var(--main-color1);display: flex;justify-content: space-between;align-items: center;}
#sod_frm .sod_right #sod_frm_pay #od_tot_price span{font-size: var(--font-30); font-weight: normal; color: #fff; padding: 0 20px; display: block;}
#sod_frm .sod_right #sod_frm_pay #od_tot_price p{color: var(--main-color5); font-size: var(--font-30);padding: 0 20px;}
#sod_frm .sod_right #sod_frm_pay #od_tot_price p strong{color: var(--main-color1); font-size: var(--font-30);}
#sod_frm .sod_right #sod_frm_pay #od_pay_sl{margin: 100px 0 0;}
#sod_frm .sod_right #sod_frm_pay #od_pay_sl>h3{color: var(--main-color1); font-size: var(--font-30); font-weight: 600; margin-bottom: 20px;}
#sod_frm .sod_right #sod_frm_pay #od_pay_sl .od_pay_buttons_el{margin: 0;border: unset; background: unset; border-radius: 5px; padding: unset;}
#sod_frm #sod_frm_pt_alert{display: none;}
#sod_frm .sod_right #sod_frm_pay #od_pay_sl .od_pay_buttons_el #sod_frm_paysel{border: unset;display: flex; align-items: center; justify-content: space-between; flex-flow: row wrap;column-gap: 10px; row-gap: 10px;}
#sod_frm .sod_right #sod_frm_pay #od_pay_sl .od_pay_buttons_el #sod_frm_paysel>label{background: unset; border: unset; padding: 0; font-size: var(--font-30); text-align: center; color: #fff; height: 100px; line-height: 100px; width: calc(50% - 5px); background: var(--main-color4); border-radius: 5px;}
#sod_frm .sod_right #sod_frm_pay #od_pay_sl .od_pay_buttons_el #sod_frm_paysel>label.atv{box-shadow: 0px 0px 0px 3px inset var(--main-color1); color: var(--main-color1);}
#sod_frm #settle_bank{border: unset; width: 100%;margin-top: 20px; padding: 20px; background: var(--main-color4); border-radius: 5px; height: fit-content; display: flex; align-items: end; flex-flow: column; justify-content: center;font-size: var(--font-20);color: #fff;}
#sod_frm #settle_bank>div{display: flex; align-items: center; justify-content: space-between; flex-flow: row wrap;width: 100%;margin-top: 10px;}
#sod_frm #settle_bank>div label{}
#sod_frm #settle_bank>div input{padding: 0 20px; margin: 0; height: 50px; font-size: var(--font-20); background: #00000069; border: unset; box-shadow: 0px 0px 3px #000; color: #fff; border-radius: 50px; width: calc(100% - 80px);}
#sod_frm #display_pay_button{margin: 0; padding: 0; width: 100%; display: flex; justify-content: space-between; align-items: center; flex-flow: row-reverse;margin-top: 100px;}
#sod_frm #display_pay_button a{display: none;}
#sod_frm #display_pay_button input{background: var(--main-color1);width: 100%;display: block;display: block;padding: 0;margin: 0;line-height: 70px; height: fit-content; font-size: var(--font-30);border-radius: 70px;border: unset;font-weight: bold;font-weight: 600;}
#sod_frm #display_pay_button>span{width: 100%;display: block;padding: 0;margin: 0;border-radius: 70px;border: unset;background: var(--main-color1);cursor: pointer;}
#sod_frm #display_pay_button>span>input{line-height: 70px; height: fit-content; font-size: var(--font-30);width: 100%;height: 100%;font-weight: 600;border: unset;}
@media screen and (max-width:800px){
    #sod_frm .sod_li .td_prd .left{width: 100%;max-width: 300px;margin: 0 auto;}
    #sod_frm .sod_li .td_prd .right{width: 100%;margin-top: 20px;}
    #sod_frm .sod_li .td_prd .right>p.item_name{text-align: center;}
    #sod_frm .sod_li .td_prd .right .sod_opt ul li{text-align: center;}
    #sod_frm .form_wrap>h2{font-size: var(--font-40);margin-bottom: 20px;text-align: center;}
    #sod_frm .form_wrap>ul>li{margin-bottom: 40px !important;}
    #sod_frm .form_wrap>ul>li>label{line-height: unset; width: 100%; margin-bottom: 10px;}
    #sod_frm .form_wrap>ul>li.address_wrap label { margin-bottom: 10px;}
    #sod_frm .form_wrap>ul>li.address_wrap label:nth-last-child(2){margin-bottom: 10px;}
    #sod_frm .form_wrap>ul>li.address_wrap>div{margin-bottom: 40px;}
    #sod_frm .form_wrap>ul>li>div{width: 100%;}
    #sod_frm .sod_right>h2{font-size: var(--font-40);text-align: center;}
    #sod_frm .sod_right .sod_bsk_tot>ul>li{width: 100% !important;}
    #sod_frm .sod_right .sod_bsk_tot>ul>li.sod_bsk_dvr:before{top: -10px; right: unset;left: 50%;transform: translateX(-50%);}
    #sod_frm .sod_right .sod_bsk_tot>ul>li.sod_bsk_dvr::after{top: unset; bottom: -10px; right: unset;left: 50%;transform: translateX(-50%);}
    #sod_frm .sod_right #sod_frm_pay #od_pay_sl>h3{font-size: var(--font-40);text-align: center;}
    #sod_frm .sod_right .add_tbl tr{flex-flow: row wrap;}
    #sod_frm .sod_right .add_tbl th,
    #sod_frm .sod_right .add_tbl td{width: 100%;text-align: center;}
    #sod_frm .sod_right .add_tbl td p{margin-top: 10px;margin-bottom: 5px;}
    #sod_frm .sod_right .add_tbl td>span{margin-top: 0;}
    #sod_frm .sod_right #sod_frm_pay #od_pay_sl .od_pay_buttons_el #sod_frm_paysel>label{height: 50px;line-height: 50px;}
}
/* 주문서작성 pc & 공통 css 끝 */

/* 주문서작성 mo 시작 */
#sod_frm.sod_frm_mobile{width: calc(100% - 40px);max-width: var(--max-width);margin: 100px auto;}
#sod_frm.sod_frm_mobile .sod_list>li .td_prd .right>p.item_name{text-align: right;}
#sod_frm.sod_frm_mobile .sod_list>li .td_prd .right>p.item_name>span>strong{font-size: var(--font-40); color: #fff; font-weight: 600;display: block;margin-bottom: 10px;}
#sod_frm.sod_frm_mobile .sod_list>li .td_prd .right>ul{}
#sod_frm.sod_frm_mobile .sod_list>li .td_prd .right>ul li{font-size: var(--font-20); color: var(--main-color5); display: block;text-align: right;}
#sod_frm.sod_frm_mobile .od_tot_price_wrap{background: var(--main-color4); border-radius: 5px; padding: 20px 0; line-height: unset; margin: 0; height: fit-content; border: 3px solid var(--main-color1);display: flex;justify-content: space-between;}
#sod_frm.sod_frm_mobile .od_tot_price_wrap span{font-size: var(--font-30); font-weight: normal; color: #fff; padding: 0 20px; display: block;}
#sod_frm.sod_frm_mobile .od_tot_price_wrap p{color: var(--main-color5); font-size: var(--font-30);padding: 0 20px;}
#sod_frm.sod_frm_mobile .od_tot_price_wrap p strong{color: var(--main-color1); font-size: var(--font-30);}
#sod_frm.sod_frm_mobile #m_sod_frm_paysel{margin: 100px 0 0;border: unset;}
#sod_frm.sod_frm_mobile #m_sod_frm_paysel>h3{color: var(--main-color1); font-size: var(--font-30); font-weight: 600; margin-bottom: 20px;width: 100%;}
#sod_frm.sod_frm_mobile #m_sod_frm_paysel>ul{display: flex; align-items: center; justify-content: space-between; flex-flow: row wrap; margin: 0;border: unset; background: unset; border-radius: 5px; padding: unset;column-gap: 10px; row-gap: 10px;}
#sod_frm #sod_frm_pt_alert{display: none;}
#sod_frm.sod_frm_mobile #m_sod_frm_paysel>ul>li{width: calc(50% - 5px);height: 100px;position: relative;top: 0;left: 0;}
#sod_frm.sod_frm_mobile #m_sod_frm_paysel>ul>li.atv label{box-shadow: 0px 0px 0px 3px inset var(--main-color1); color: var(--main-color1);}
#sod_frm.sod_frm_mobile #m_sod_frm_paysel>ul>li>input{position: absolute;top: 0;left: 0;}
#sod_frm.sod_frm_mobile #m_sod_frm_paysel>ul>li>label{border: unset; padding: 0; font-size: var(--font-30); text-align: center; color: #fff;width: 100%;height: 100%; line-height: 100px;  background: var(--main-color4); border-radius: 5px;display: block;cursor: pointer;}


@media screen and (max-width:800px){
    #sod_frm.sod_frm_mobile .sod_list>li .td_prd .right>p.item_name{text-align: center;}
    #sod_frm.sod_frm_mobile .sod_list>li .td_prd .right>ul li{text-align: center;}
    #sod_frm.sod_frm_mobile #m_sod_frm_paysel>ul>li{height: 50px;}
    #sod_frm.sod_frm_mobile #m_sod_frm_paysel>ul>li>label{line-height: 50px;}
    #sod_frm.sod_frm_mobile #m_sod_frm_paysel>h3{font-size: var(--font-40);text-align: center;}
}
/* 주문서작성 mo 끝 */




/* 주문내역조회 시작 */
#sod_v{width: calc(100% - 40px);max-width: var(--max-width);margin: 100px auto;min-height: calc(100vh - 530px);}
#sod_v #sod_inquiry{}
#sod_v #sod_inquiry ul{}
#sod_v #sod_inquiry ul li{margin-bottom: 30px;}
#sod_v #sod_inquiry ul li:last-child{margin-bottom: 0px;}
#sod_v #sod_inquiry ul li .inquiry_idtime{background: var(--main-color4); border-radius: 10px; padding: 20px;}
#sod_v #sod_inquiry ul li .inquiry_idtime p{color: #fff;margin-bottom: 5px; font-size: var(--font-20);color: #fff;font-size: var(--font-20);display: flex;align-items: center; flex-flow: row wrap;}
#sod_v #sod_inquiry ul li .inquiry_idtime p>b{width: 75px;font-weight: 400;}
#sod_v #sod_inquiry ul li .inquiry_idtime p span{display: block; background: #3a8afd; color: #fff; margin-left: 5px; padding: 0 5px;border-radius: 5px;}
#sod_v #sod_inquiry ul li .inquiry_idtime p span.status_01 {display:block;background:#edfbde;color:#8cc152;}
#sod_v #sod_inquiry ul li .inquiry_idtime p span.status_02 {display:block;background:#84c93a;color:#fff;}
#sod_v #sod_inquiry ul li .inquiry_idtime p span.status_03 {display:block;background:#5bd085;color:#16b494;}
#sod_v #sod_inquiry ul li .inquiry_idtime p span.status_04 {display:block;background:#e2eaf6;color:#3a8afd;}
#sod_v #sod_inquiry ul li .inquiry_idtime p span.status_05 {display:block;background:#3a8afd;color:#fff;}
#sod_v #sod_inquiry ul li .inquiry_idtime p span.status_06 {display:block;background:#fff;color:red;}


@media screen and (max-width:1200px){
    #sod_v{min-height: calc(100vh - 480px);}
}
@media screen and (max-width:1000px){
    #sod_v{min-height: calc(100vh - 510px);}
}
@media screen and (max-width:800px){
    #sod_v{min-height: calc(100vh - 551px);}
    #sod_v #sod_inquiry ul li .inquiry_idtime p>b{width: 56px;}
}
/* 주문내역조회 끝 */




/* 주문상세내역 시작 */
#sod_fin{width: calc(100% - 40px);max-width: var(--max-width);margin: 100px auto;}
#sod_fin_view h3{color: var(--main-color1); font-size: var(--font-30); font-weight: 600; margin-bottom: 20px;}
#sod_fin_pay, #sod_fin_orderer, #sod_fin_receiver, #sod_fin_receiver, #sod_fin_dvr{ margin-bottom: 100px; background: unset; border: unset;}
#sod_fin_view .odf_tbl{margin: 0;padding: 0;}
#sod_fin_view table {background:var(--main-color4);padding: 20px;border:unset;border-radius: 5px; width:100%;}
#sod_fin_view table th {text-align: left; width: 100px; font-size: var(--font-24); font-weight: normal; color: var(--main-color5);padding-bottom: 10px;}
#sod_fin_view table td {text-align: left; font-size: var(--font-24); font-weight: normal; color: #fff;padding-bottom: 10px;}
#sod_fin_view table td a{width: fit-content; display: block; background: var(--main-color5); padding: 0 5px; border-radius: 3px;color: #000;}
#sod_fin_view table tr:last-child th {padding-bottom: 0px;}
#sod_fin_view table tr:last-child td {padding-bottom: 0px;}
#sod_fin_tot {margin:0}
#sod_fin_tot h2 {color: var(--main-color1); font-size: var(--font-30); font-weight: 600; margin-bottom: 20px;}
#sod_fin_tot ul {border: 1px solid var(--main-color1);} 
#sod_fin_tot li {padding: 20px;font-size: var(--font-24);color: var(--main-color1);}
#sod_fin_tot li:after {display:block;visibility:hidden;clear:both;content:""}
#sod_fin_tot #alrdy {background: var(--main-color1); font-weight: bold; border-top: unset;color: #fff;}
#sod_fin_tot #alrdy .right {margin-top:10px;text-align:right;font-weight:normal;font-size:0.9em}
#sod_fin_tot #alrdy .right p {position:relative;color:#333;margin:5px 0}
#sod_fin_tot #alrdy .right .title {position:absolute;left:0;padding-left:8px}
#sod_fin_tot strong {float:right}


#sod_fin_cancel {margin-top: 100px;}
#sod_fin_cancel h2 {position:absolute;border:0;font-size:0;line-height:0;content:""}
#sod_fin_cancel h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sod_fin_cancel button {background: var(--main-color4); color: #fff; width: 100%; display: block; padding: 0; margin: 0; line-height: 70px; height: fit-content; font-size: var(--font-30); border-radius: 70px; border: unset; font-weight: 600;}
#sod_fin_cancel p {text-align:center;background:#ffe0e0;border:2px solid #d50c0c;padding:15px;color:#d50c0c;font-size:1.167em;font-weight:bold}
#sod_fin_cancelfrm {display:none;position:relative;margin:10px 0 0;text-align:center;background:#fff;padding:15px 75px 15px 15px}
#sod_fin_cancelfrm .frm_input {background:#fff;margin:0 0 5px;width:100%}
#sod_fin_cancelfrm .btn_frmline {background:#5e6b6f;color:#fff;border:0;padding:10px;width:55px;cursor:pointer;position:absolute;top:15px;right:15px;height:40px}
#sod_fin_test {padding:10px}
/* 주문상세내역 끝 */




/* 개인정보처리방침 시작 */
#privacy{}
#privacy .wrap,
#provision .wrap{margin: 100px auto; width: calc(100% - 40px); max-width: var(--max-width);}
#privacy .wrap>p,
#provision .wrap>p{font-size: var(--font-60); text-align: center; color: #fff; margin: 0 auto 100px;}
#privacy_con{color: #fff;}
#privacy_con>b{font-size: var(--font-30); font-weight: 500; margin-bottom: 50px; display: block;}
#privacy_con>p{font-size: var(--font-24);margin: 20px 0 50px;}
#privacy_con>ul{}
#privacy_con>ul li{margin-bottom: 50px;}
#privacy_con>ul li b{font-size: var(--font-24);margin-bottom: 10px;display: block;}
#privacy_con>ul li p{font-size: var(--font-20);margin-bottom: 20px;color: var(--main-color5);}
#privacy_con>ul li p.list_style{position: relative;top: 0;left: 0;padding-left: 20px;display: flex;align-items: flex-start;margin-bottom: 0;}
#privacy_con>ul li p.list_style::after{content: "";position: absolute; width: 5px;height: 5px;border-radius: 5px;background: #fff;top: 9px;left: 8px;}
#privacy_con>ul li p.list_style span{margin-right: 5px;}
#privacy_con>ul li p.bold{font-weight: bold;padding-left: 0; margin-top: 10px;}
#privacy_con>ul li p.bold::after{display: none;}
@media screen and (max-width:800px){
    #privacy_con>ul li p.list_style{flex-flow: row wrap;margin-bottom: 10px;}
    #privacy_con>ul li p.list_style span{margin-right: 0;width: 100%;}
    #privacy_con>ul li p.list_style::after{width: 3px;height: 3px;top: 7px;}
}
/* 개인정보처리방침 끝 */