/* Common **********************************************************************/
/* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); <-- 기존에 있던 것 */
/*  Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess   */

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	src: url('/assets/font/Pretendard-Thin.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	src: url('/assets/font/Pretendard-ExtraLight.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	src: url('/assets/font/Pretendard-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	src: url('/assets/font/Pretendard-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	src: url('/assets/font/Pretendard-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	src: url('/assets/font/Pretendard-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	src: url('/assets/font/Pretendard-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	src: url('/assets/font/Pretendard-ExtraBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	src: url('/assets/font/Pretendard-Black.woff2') format('woff2');
}

@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');

@font-face {
    font-family: 'BinggraeMelona';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/BinggraeMelona.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BinggraeMelona';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/BinggraeMelona-Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

/* Common **********************************************************************/ 
html,body {width:100%; scroll-behavior: smooth;}
html {overflow-y:scroll; box-sizing:border-box;}
*, *:before, *:after{box-sizing:inherit;}
*{
-webkit-text-size-adjust:none;
-webkit-text-size-adjust - auto | none | N% (default auto)
}
body {word-break:break-all;-ms-word-break:break-all; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;}
fieldset,img {border:0px none; vertical-align:top;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
button {border:0 none; background-color:transparent; cursor:pointer;}
body { background:#fff;}
body,th,td,input,select,textarea,button {font-size:13px; line-height:1.6; font-family: 'Pretendard'; color:#7d7d7d;} 
input, select, textarea, button{vertical-align:middle; }
a:link,a:active,a:visited{color:#7d7d7d; text-decoration:none; border:0px;}
a:hover,a:focus{color:#333; text-decoration:none}

table {border-collapse:collapse; border-spacing:0;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
summary, caption, legend, hr {width:0; height:0; font-size: ; line-height: ; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;}
caption {position:static;}
/* label hidden 처리 */
.invisible, .hide{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;}
label.invisible{*position:Absolute;}

/* input {appearance: none; -webkit-appearance: none; -webkit-border-radius: 0;}
select {-webkit-appearance: none; -moz-appearance: none; appearance: none;} */

.center{text-align:center;}
.pc_img {display:block;}
.tab_img {display:none;}
.mob_img {display:none;}
.pc {display:block;}
.tab {display:none;}
.mob {display:none;}
.pc_btn{display:block;}
.tab_btn{display:none;}

:root {
  --co01: #0e7b3b;
}

::selection{color: #fff;background: var(--co01);}

/* ==main== */
#wrap{ position: relative; width: 100%; max-width: 100%; min-width: 1450px;  margin: 0 auto; overflow: hidden;word-break: keep-all;}
.inner{width: 1400px; margin: 0 auto; max-width:100%;}

.fp{font-family: "Play", sans-serif;}

#header{position: absolute;top: 0; left: 0; width: 100%; background: #fff; line-height: 1;z-index: 9000;}
#header .h_top{position:relative; padding: 2px 0; background: #222;}
#header .h_top p{position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); color: #fff; text-align: center;font-size: 16px;}
#header .inner{position: relative;width: 100%; padding: 0 60px;}
#header h1{position: absolute; top: 50%; left: 50%;transform:translate(-50%,-50%);}
#header h1 img{width:100px;}

#header .btn_wrap{display: flex;align-items: center; justify-content: flex-end;gap:40px;padding: 10px 0; margin-right:60px;}
#header .btn_wrap .search{position: relative;}
#header .btn_wrap .search .search_input_wrap{display: none;position: absolute;top: 37px; left: 50%; transform:translateX(-50%);z-index: 100;}
#header .btn_wrap .search .search_input{position: relative;z-index: 10;display: flex;align-items: center;width: 300px; height: 44px;background: #fff; border:1px solid #ddd;padding: 0px 15px;}
#header .btn_wrap .search .search_input::after{content:'';position: absolute; left: 50%; top: -7px; background: url(/assets/images/main/search_arr_pc.png)center no-repeat; width: 13px; height: 7px; background-size: cover;}
#header .btn_wrap .search .search_input input[type="text"]{width: calc(100% - 30px) ;border:0 ;font-size: 16px; color: #999;}
#header .btn_wrap .search .search_input input[type="text"]::placeholder{font-size: 16px; color: #999;}
#header .btn_wrap .search .search_input input[type="text"]:focus{outline:0;}
#header .btn_wrap .search .search_input .search_btn{width: 30px;}
#header .btn_wrap .search .search_input .search_btn img{margin-left: auto;}
#header .btn_wrap a.cart{position: relative;}
#header .btn_wrap a.cart em{position: absolute;bottom: -7px; right: -10px;display: flex;align-items: center; justify-content: center; width: 18px; height: 18px; font-size: 10px; color: #fff; background: var(--co01); border-radius:50%;}

#header .gnb_wrap{display: flex;align-items: center; justify-content: space-between; height: 70px;}
#header .gnb_wrap .left{display: flex;gap:50px;}
#header .gnb_wrap .left .menu{position: relative;padding: 26px 0;}
#header .gnb_wrap .left .menu > a{position: relative;font-size: 18px; color: #222;font-weight: 500;}
#header .gnb_wrap .left .menu > a::after{content:'';position: absolute; left: 0; bottom: -2px;width: 0%; height: 1px; background: #222;transition:.3s ease;}
#header .gnb_wrap .left .menu > a:hover::after{width: 100%;}
#header .gnb_wrap .left .menu ul{position: relative;display: none;position: absolute;top: 100%;left: 50%;transform:translateX(-50%);}
#header .gnb_wrap .left .menu ul::after{content:'';position: absolute; left: 50%; top: -3px; transform:translateX(-50%);width: 40px; height: 3px;background: var(--co01);}
#header .gnb_wrap .left .menu ul li:not(:last-child){margin-bottom: 1px;}
#header .gnb_wrap .left .menu ul li a{display: flex;align-items: center; gap:10px; width: 150px; height: 42px; font-size: 18px; color: #222;padding: 0 20px; background:#fff;}

#header .gnb_wrap .right{display: flex;gap:50px;}
#header .gnb_wrap .right a{position: relative;font-size: 18px; color: #222;font-weight: 500;}
#header .gnb_wrap .right a::after{content:'';position: absolute; left: 0; bottom: -2px;width: 0%; height: 1px; background: #222;transition:.3s ease;}
#header .gnb_wrap .right a:hover::after{width: 100%;}

/* navi */
.nav_btn_wrap{display: none;}
.navigation{display: none;}

/*visual*/
#visual_wrap{position: relative;line-height: 1;}
#visual_wrap .txt_wrap{position: absolute;left: 0;bottom: 220px;width: 100%; }
#visual_wrap .txt_wrap strong{font-size: 30px; color: #fff; font-weight: 700;}
#visual_wrap .txt_wrap p{font-size: 65px; color: #fff; font-weight: 700;margin-top: 30px;}
#visual_wrap .txt_wrap span{display: block;font-size: 24px; color: #fff; margin-top: 40px;}

#visual_wrap .vis_arr{display: flex;gap:10px;position: absolute; right: 260px; bottom: 220px;z-index: 100;}
#visual_wrap .vis_btn{display: flex;gap:20px;align-items: center;justify-content: center;position: absolute; left: 50%;transform:translateX(-50%);bottom: 80px;width: 1400px;height: 60px; background: rgba(0,0,0,.6); border:1px solid #fff; border-radius:12px;transition:.4s ease;}
#visual_wrap .vis_btn p{font-size: 18px; color: #fff; font-weight: 700;transition:.3s;}
#visual_wrap .vis_btn span{font-size: 18px; color: #999; font-weight: 700;transition:.3s;}
#visual_wrap .vis_btn:hover{transform:translateX(-50%) translateY(10px);border:1px solid var(--co01)}
#visual_wrap .vis_btn:hover p{color: var(--co01);}
#visual_wrap .vis_btn:hover span{color: var(--co01);}

/*section*/
.section{padding: 130px 0;line-height: 1;}
.section .sec_tit{margin-bottom: 50px;text-align: center;}
.section .sec_tit p{font-size: 45px;color: #333;font-weight: 700;text-transform:uppercase;}
.section .sec_tit p span{font-weight: 400;}
.section .sec_tit em{display: block;font-size: 24px;text-align: center;color: #aaa; font-weight: 500; margin-top: 30px;}

.cate_wrap{display: flex;gap:10px;justify-content: center;margin-top: 25px;}
.cate_wrap a{display: flex; align-items: center; justify-content: center;font-size: 18px; color: #333;width: 110px; height: 42px;border:1px solid #ddd; border-radius:21px;transition:.3s;}
.cate_wrap a.on{color: #fff; border:1px solid var(--co01); background: var(--co01);}
.cate_wrap a:hover{color: #fff; border:1px solid var(--co01); background: var(--co01);}

.slide_wrap{line-height: 1;}
.slide_wrap .slick-list{width: calc(100% + 40px);}
.slide_wrap ul li{margin-right: 40px;}
.slide_wrap ul li .img_box{position: relative;}
.slide_wrap ul li .img_box .wish_btn{position: absolute;top: 20px; right: 20px; background: url(/assets/images/main/wish_icon_pc.png)center no-repeat; width: 24px; height: 20px; background-size: cover; }
.slide_wrap ul li .img_box .wish_btn.on{background: url(/assets/images/main/wish_icon_on_pc.png)center no-repeat; background-size: cover; }
.slide_wrap ul li .img_wrap{position:relative; width:100%; padding-bottom:100%;border:1px solid #ddd; border-radius:12px;overflow: hidden;}
.slide_wrap ul li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;transition:.4s;}
.slide_wrap ul li:hover .img_wrap img{transform:scale(1.05);}
.slide_wrap ul li .txt_wrap{margin-top: 20px; padding: 0px 10px;}
.slide_wrap ul li .txt_wrap p{font-size: 18px; color: #333; font-weight: 700;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-family: 'BinggraeMelona';}
.slide_wrap ul li .txt_wrap span{display: block;font-size: 18px; color: #666; margin-top: 10px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.slide_wrap .slick-prev{position: absolute; left: -30px; top: 42%; transform:translateY(-50%); background: url(/assets/images/main/prev01_pc.png)center no-repeat; background-size: cover; width: 60px; height: 60px; background-size: cover;text-indent: -9999px;z-index: 100;}
.slide_wrap .slick-next{position: absolute; right: -30px; top: 42%; transform:translateY(-50%); background: url(/assets/images/main/next01_pc.png)center no-repeat; background-size: cover; width: 60px; height: 60px; background-size: cover;text-indent: -9999px;z-index: 100;}

.slide_wrap .slide_item{margin-top: 50px;}
.slide_wrap .progress{position: relative;width: 100%;height: 4px;background: #eee;overflow: hidden;border-radius:2px;}
.slide_wrap .progress .slider__label{position: absolute;left: 0;top: 0;width: 0; height: 100%;background: var(--co01);transition: transform 0.5s; border-radius:2px;}

/*section01*/
#section01 .box_wrap{display: flex;gap:20px;}
#section01 .box_wrap .box{position: relative;width: calc((100% - 60px) / 4); height: 400px;transition:.4s; background: #f5f5f5; border-radius:12px;}
#section01 .box_wrap .box a{display: block;padding: 50px;width: 100%; height: 100%;}
#section01 .box_wrap .box:hover{background: linear-gradient(-30deg,rgba(1, 46, 16, 1) 0%, rgba(14, 123, 59, 1) 100%);}
#section01 .box_wrap .box .icon{position: absolute; right: 50px; bottom: 50px;}
#section01 .box_wrap .box .icon img.on{position: absolute;top: 0; left: 0;opacity: 0;}
#section01 .box_wrap .box:hover .icon img.on{opacity: 1;}
#section01 .box_wrap .box:hover .icon img.off{opacity: 0;}
#section01 .box_wrap .box .txt span{font-size: 30px; color: #333; font-weight: 700;}
#section01 .box_wrap .box .txt p{display: block;font-size: 24px; color: #aaa; font-weight: 700;margin: 15px 0px 25px;}
#section01 .box_wrap .box .txt em{position: relative;display: flex;align-items: center;justify-content: center;padding-right: 12px;width: 130px; height: 42px; background: var(--co01);font-size: 18px; color: #fff;font-weight: 700; border-radius:20px;text-transform:uppercase;}
#section01 .box_wrap .box .txt em::after{content:'';position: absolute;right: 24px; background: url(/assets/images/main/more_icon01_pc.png)center no-repeat;width: 14px; height: 7px; background-size: cover;}
#section01 .box_wrap .box:hover .txt span{color: #fff;}
#section01 .box_wrap .box:hover .txt p{color: #fff;}
#section01 .box_wrap .box:hover .txt em{color: var(--co01); background: #fff;}
#section01 .box_wrap .box:hover .txt em::after{background: url(/assets/images/main/more_icon02_pc.png)center no-repeat;background-size: cover;}

/* banner_wrap */
#banner_wrap img{width: 100%;}

.top_btn{display: none;position: fixed;right: 60px; bottom: 30px;display: flex; align-items: center; justify-content: center;width: 60px; height: 60px; background: #012e10; border-radius:50%; box-shadow:3px 3px 8px rgba(0,0,0,.2);}
.top_btn.rel{position: absolute;right: 60px; bottom: 482px;}
.top_btn img{transform: translate(0px, 3px);}

/* pri_pop */
.pri_pop_wrap{display: none;position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5);z-index: 9999;line-height: 1;}
.pri_pop_wrap .pop_box_wrap{position: absolute; left: 50%;top: 50%;transform:translate(-50%,-50%);}
.pri_pop_wrap .pop_x_btn{display: block;position: relative;width: fit-content;font-size: 24px; color: #fff;font-weight: 700;margin-bottom: 20px;padding-right: 30px; margin-left: auto;}
.pri_pop_wrap .pop_x_btn::after{content:'';position: absolute;right: 0; top: 50%; transform:translateY(-50%);width: 20px; height: 3px; background: #fff;}
.pri_pop_wrap .pop_box{width: 1000px; height: 397px;background: #fff; border-radius:12px;padding: 40px 35px;}
.pri_pop_wrap .pop_box .txt{overflow-y: scroll;height: 100%;}
.pri_pop_wrap .pop_box .txt p{font-size: 18px; color: #999;line-height: 30px;white-space:pre-wrap;}

.pri_pop_wrap .pop_box .txt::-webkit-scrollbar {width: 6px;  /* 스크롤바의 너비 */}
.pri_pop_wrap .pop_box .txt::-webkit-scrollbar-thumb{height: 30%; /* 스크롤바의 길이 */background: #ddd; /* 스크롤바의 색상 */border-radius: 10px;}
.pri_pop_wrap .pop_box .txt::-webkit-scrollbar-track {background: rgba(33, 122, 244, 0);  /*스크롤바 뒷 배경 색상*/}


/* footer */
#footer{background: #222/*url(/assets/images/main/f_bg_pc.jpg)center no-repeat*/;padding: 60px 0px 40px; background-size: cover;line-height: 1;}
#footer .f_top{display: flex;justify-content: space-between;padding-bottom: 60px;border-bottom: 1px solid rgba(255,255,255,.2);}
#footer .f_top .left{display: flex;gap:130px;}
#footer .f_top .left .box_wrap{display: flex;gap:50px;}
#footer .f_top .left .box_wrap .box em{display: block;font-size: 18px; color: #fff;font-weight: 700;}
#footer .f_top .left .box_wrap .box p{font-size: 30px; color: #fff;font-weight: 700;margin: 30px 0px 20px;}
#footer .f_top .left .box_wrap .box span{display: block;font-size: 16px; color: #999; line-height: 24px;}
#footer .f_top .btn_wrap a{display: block;font-size: 18px; color: #fff;font-weight: 700;text-align: right;}
#footer .f_top .btn_wrap a:not(:last-child){margin-bottom: 30px;}

#footer .f_bot{padding-top: 40px;}
#footer .f_bot address p{font-size: 16px; color: #fff; line-height: 30px;}
#footer .f_bot address p i{display: inline-block;width: 16px;}
#footer .f_bot address p.copy{color: #999; font-weight: 500;margin-top: 15px;}

/* =====sub============================================= */
#header.sub_header{border-bottom: 1px solid #ddd;}

#sub_contents{padding: 150px 0 125px;}
#sub_contents .contop{padding-bottom: 40px;margin-bottom: 40px;line-height: 1;border-bottom: 1px solid #ddd;}
#sub_contents .contop.border_none{padding-bottom: 0; border-bottom: 0;}
#sub_contents .contop ul.sub_nav{display: flex;gap:25px;}
#sub_contents .contop ul.sub_nav li{position: relative;font-size: 16px; color: #333;font-weight: 700;}
#sub_contents .contop ul.sub_nav li:first-child{font-weight: 400;}
#sub_contents .contop ul.sub_nav li:not(:last-child)::after{content:'';position: absolute; right: -17px; top: 50%; transform:translateY(-50%);background: url(/assets/images/sub/sub_nav_pc.png)center no-repeat; width: 8px ; height: 14px; background-size: cover;}
#sub_contents .contop h2{font-size: 50px; color: #333; font-weight: 700;margin: 40px 0px 30px;}
#sub_contents .contop p{font-size: 18px; color: #333;}

/* 공통 */
#sub_contents .cate_wrap{justify-content: flex-start;margin-top: 0; margin-bottom: 50px;}

input.chk_st01{display: none;}
input.chk_st01 + label{position: relative;padding-left: 30px;font-size: 18px; color: #666;}
input.chk_st01 + label::after{content:'';position: absolute;top: 1px; left: 0;width: 18px; height: 18px; border:1px solid #ddd; border-radius:50%;}
input.chk_st01:checked + label::after{border:5px solid var(--co01);}

input.chk_st02{display: none;}
input.chk_st02 + label{position: relative;display: block;width: 25px; height: 25px; border:1px solid #ddd;border-radius:6px;}
input.chk_st02 + label::after{content:'';position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);background: url(/assets/images/sub/chk_icon01.png); width: 16px; height: 13px; background-size: cover;}
input.chk_st02:checked + label{background: var(--co01); border:1px solid var(--co01)}

.sub_tit01{display: flex;align-items: center; justify-content: space-between;margin-bottom: 20px;}
.sub_tit01 p{font-size: 24px; color: #333; font-weight: 700;}

table.tbl01{width: 100%;border-top: 2px solid var(--co01);}
table.tbl01 th{font-size: 18px; padding: 12px 30px; color: #222; font-weight: 700; border:1px solid #ddd;}
table.tbl01 th:first-child{border-left: 0;}
table.tbl01 th:last-child{border-right: 0;}
table.tbl01 th.left{text-align: left;}
table.tbl01 td{font-size: 18px; line-height: 30px; color: #666;padding: 30px 20px;border:1px solid #ddd;text-align: center;}
table.tbl01 td.left{text-align: left;}
table.tbl01 td:first-child{border-left: 0;}
table.tbl01 td:last-child{border-right: 0;}


/* product_list */
.product_list_wrap{line-height: 1;}
.product_list_wrap .cate_wrap02{display: flex; align-items: center; justify-content: center;gap:20px;margin-bottom: 60px;}
.product_list_wrap .cate_wrap02 a{transition:.3s;}
.product_list_wrap .cate_wrap02 a:hover{opacity: .8;}
.product_list_wrap .cate_wrap02 p{font-size: 18px; color: #333; font-weight: 600;text-align: center; margin-top: 20px; }

.product_list_wrap .list_wrap .top{display: flex;align-items: center; justify-content: space-between;margin-bottom: 40px;}
.product_list_wrap .list_wrap .top .total{font-size: 18px; color: #333; font-weight: 600;}
.product_list_wrap .list_wrap .top .total b{color: var(--co01);font-weight: 600;}
.product_list_wrap .list_wrap .top .align_wrap_pc{display: flex;gap:30px;}
.product_list_wrap .list_wrap .top .align_wrap_pc a{position: relative;font-size: 16px; color: #999;}
.product_list_wrap .list_wrap .top .align_wrap_pc a:not(:last-child)::after{content:'';position: absolute;top: 50%; right: -15px; transform:translateY(-50%); width: 1px;height: 12px; background: #ddd;}
.product_list_wrap .list_wrap .top .align_wrap_pc a.on{color: #333;font-weight: 600;}

.product_list_wrap .list_wrap .top .align_wrap_mob{display: none;}

.product_list_wrap .list_wrap ul.list{display: flex; flex-wrap:wrap;gap:40px;}
.product_list_wrap .list_wrap ul.list li{width: calc((100% - 120px) / 4);}
.product_list_wrap .list_wrap ul.list li .img_box{position: relative;}
.product_list_wrap .list_wrap ul.list li .img_box .wish_btn{position: absolute;top: 20px; right: 20px; background: url(/assets/images/main/wish_icon_pc.png)center no-repeat; width: 24px; height: 20px; background-size: cover; }
.product_list_wrap .list_wrap ul.list li .img_box .wish_btn.on{background: url(/assets/images/main/wish_icon_on_pc.png)center no-repeat; background-size: cover; }
.product_list_wrap .list_wrap ul.list li .img_wrap{position:relative; width:100%; padding-bottom:100%;border:1px solid #ddd; border-radius:12px;overflow: hidden;}
.product_list_wrap .list_wrap ul.list li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;transition:.4s;}
.product_list_wrap .list_wrap ul.list li:hover .img_wrap img{transform:scale(1.05);}
.product_list_wrap .list_wrap ul.list li .txt_wrap{margin-top: 20px; padding: 0px 10px;}
.product_list_wrap .list_wrap ul.list li .txt_wrap p{font-size: 18px; color: #333; font-weight: 700;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-family: 'BinggraeMelona';}
.product_list_wrap .list_wrap ul.list li .txt_wrap span{display: block;font-size: 18px; color: #666; margin-top: 10px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* product_view */
.product_view_wrap{line-height: 1;}
.product_view_wrap .con01{display: flex;gap:150px;}
.product_view_wrap .con01 .img_box{width: calc(100% - 850px);}
.product_view_wrap .con01 .big_img{width: 100%;}

.product_view_wrap .con01 .sm_img_wrap{display: flex;gap:10px;flex-wrap:wrap; margin-top: 30px;}
.product_view_wrap .con01 .sm_img_wrap .sm_img{width: calc((100% - 40px) / 5); cursor:pointer;}

.product_view_wrap .con01 .img_wrap{position:relative; width:100%; padding-bottom:100%;border:1px solid #ddd; overflow: hidden; border-radius:12px;}
.product_view_wrap .con01 .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}

.product_view_wrap .con01 .txt_box{width: 700px;}
.product_view_wrap .con01 .txt_box .tit_wrap{margin-bottom: 25px;}
.product_view_wrap .con01 .txt_box .tit_wrap .tag_wrap{display: flex;	gap:10px; margin-bottom: 20px;}
.product_view_wrap .con01 .txt_box .tit_wrap .tag_wrap em{display: flex; align-items: center; justify-content: center; border:1px solid #ddd; width: 70px; height: 30px;font-size: 16px; }
.product_view_wrap .con01 .txt_box .tit_wrap .tag_wrap em.tag01{color: #f30000;}
.product_view_wrap .con01 .txt_box .tit_wrap .tag_wrap em.tag02{color: var(--co01);}
.product_view_wrap .con01 .txt_box .tit_wrap p{font-size: 30px; color: #333; font-weight: 700;}

.product_view_wrap .con01 .txt_box .price_wrap{display: flex;align-items: flex-end; justify-content: space-between;padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid #ddd;font-family: 'BinggraeMelona';}
.product_view_wrap .con01 .txt_box .price_wrap del{display: block;font-size: 18px; color: #999;margin-bottom: 10px;}
.product_view_wrap .con01 .txt_box .price_wrap p{font-size: 30px; color: #333;font-weight: 700;}
.product_view_wrap .con01 .txt_box .price_wrap p span{display: inline-block;color: var(--co01);font-weight: 700;padding-left: 20px;}
.product_view_wrap .con01 .txt_box .price_wrap .btn{display: flex;gap:20px;}
.product_view_wrap .con01 .txt_box .price_wrap .btn .wish_btn{background: url(/assets/images/main/wish_icon_pc.png)center no-repeat; width: 24px; height: 20px; background-size: cover; }
.product_view_wrap .con01 .txt_box .price_wrap .btn .wish_btn.on{background: url(/assets/images/main/wish_icon_on_pc.png)center no-repeat; background-size: cover; }

.product_view_wrap .con01 .txt_box .detail_wrap .box:not(:last-child){margin-bottom: 30px;}
.product_view_wrap .con01 .txt_box .detail_wrap .box strong.tit{display: block;font-size: 18px; color: #333; font-weight: 700; margin-bottom: 15px;}
.product_view_wrap .con01 .txt_box .detail_wrap .box strong.tit b{color: var(--co01);font-weight: 700;}
.product_view_wrap .con01 .txt_box .detail_wrap .box p{font-size: 16px; color: #666; line-height: 28px; /* white-space:pre-wrap; */}
.product_view_wrap .con01 .txt_box .detail_wrap .box p b{color: #333; font-weight: 600;}

.product_view_wrap .con01 .txt_box .detail_wrap .box select{width: 100%;height: 44px; border:1px solid #ddd; padding: 0px 12px;font-size: 15px; color: #666;-webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/appearance:none; background: url(/assets/images/sub/select_icon01_tab.png)center right 12px no-repeat; background-size: 13px;}
.product_view_wrap .con01 .txt_box .detail_wrap .box select:focus{outline:0;}
.product_view_wrap .con01 .txt_box .detail_wrap .box .opt_wrap{padding: 20px;margin-top: 20px; background: #f5f5f5;}
.product_view_wrap .con01 .txt_box .detail_wrap .box .opt_wrap .opt{display: flex;align-items: center; justify-content: space-between;padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #ddd;}
.product_view_wrap .con01 .txt_box .detail_wrap .box .opt_wrap .opt p{width: calc(100% - 20px);font-size: 16px; color: #666;}
.product_view_wrap .con01 .txt_box .detail_wrap .box .opt_wrap .opt .opt_del_btn{width: 18px; height: 18px; border:1px solid #999; border-radius:50%;font-size: 12px; color: #333; font-weight: 700;text-align: center;line-height: 16px;}

.product_view_wrap .con01 .txt_box .detail_wrap .box .qty_wrap{display: flex; align-items: center; justify-content: space-between;}
.product_view_wrap .con01 .txt_box .detail_wrap .box .qty_wrap .qty{display: flex;background: #fff; border:1px solid #ddd;}
.product_view_wrap .con01 .txt_box .detail_wrap .box .qty_wrap .qty a{display: flex; align-items: center; justify-content: center;width: 40px; height: 40px;font-size: 24px; color: #666;}
.product_view_wrap .con01 .txt_box .detail_wrap .box .qty_wrap .qty input[type="text"]{width: 62px;height: 40px;font-size: 15px; color: #666;border:0;border-right: 1px solid #ddd; border-left: 1px solid #ddd; text-align: center;}
.product_view_wrap .con01 .txt_box .detail_wrap .box .qty_wrap .qty input[type="text"]:focus{outline:0;}
.product_view_wrap .con01 .txt_box .detail_wrap .box .qty_wrap strong{font-size: 16px; color: #333; font-weight: 700;font-family: 'BinggraeMelona';}

.product_view_wrap .con01 .txt_box .bot_wrap{border-top: 1px solid #333;margin-top: 30px; padding-top: 30px;}
.product_view_wrap .con01 .txt_box .bot_wrap .total_qty{display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px;}
.product_view_wrap .con01 .txt_box .bot_wrap .total_qty p{font-size: 20px; color: #333; font-weight: 700;}
.product_view_wrap .con01 .txt_box .bot_wrap .total_qty strong{font-size: 24px; color: #333; font-weight: 700;font-family: 'BinggraeMelona';}
.product_view_wrap .con01 .txt_box .bot_wrap .btn_wrap{display: flex;gap:10px;}
.product_view_wrap .con01 .txt_box .bot_wrap .btn_wrap a{width: 270px;height: 50px;display: flex; align-items: center; justify-content: center;font-size: 18px; color: #333; border:1px solid #333;}
.product_view_wrap .con01 .txt_box .bot_wrap .btn_wrap a.btn02{width: calc(100% - 280px);color: #fff; background: #333;}

.product_view_wrap .con02{margin-top: 80px;}
.product_view_wrap .con02 img{max-width: 100%;}

/* sub0301 */
.sub0301_wrap{line-height: 1;}
.sub0301_wrap .con01{margin-bottom: 120px;}
.sub0301_wrap .con01 .img_wrap{position: relative;background: url(/assets/images/sub/sub0101_img01.jpg)center no-repeat; background-size: cover; background-attachment: fixed; width: 100%; height: 330px; border-radius:20px;}
.sub0301_wrap .con01 .img_wrap .logo{position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);}

.sub0301_wrap .con01 .txt_wrap{display: flex;padding-top: 60px;}
.sub0301_wrap .con01 .txt_wrap strong{display: block;width: 650px;font-size: 50px; color: var(--co01); font-weight: 800; text-transform:uppercase;}
.sub0301_wrap .con01 .txt_wrap .txt{position: relative;width: calc(100% - 650px); padding-top: 30px;}
.sub0301_wrap .con01 .txt_wrap .txt::after{content:'';position: absolute; left: 0; top: 5px;width: 30px; height: 3px; background: var(--co01);}
.sub0301_wrap .con01 .txt_wrap .txt p{font-size: 20px; color: #666; line-height: 32px;}

.sub0301_wrap .con02 .box_wrap{display: flex;flex-wrap:wrap;border-top: 2px solid var(--co01);}
.sub0301_wrap .con02 .box_wrap .box{width: 50%;padding: 60px 40px;border-bottom: 1px solid #ddd;}
.sub0301_wrap .con02 .box_wrap .box .icon{margin-bottom: 30px;}
.sub0301_wrap .con02 .box_wrap .box .txt p{font-size: 24px; color: #333; font-weight: 700;}
.sub0301_wrap .con02 .box_wrap .box .txt span{display: block;font-size: 16px; color: #666; line-height: 28px; margin-top: 15px;}

/* sub0401 */
.sub0401_wrap{line-height: 1;}
.sub0401_wrap ul.list_wrap{display: flex;flex-wrap:wrap;gap:40px;}
.sub0401_wrap ul.list_wrap li{position: relative;width: calc((100% - 120px) / 4); border-radius:12px;overflow: hidden; border:1px solid #ddd;}
.sub0401_wrap ul.list_wrap li em.tag{position: absolute; top: 0; right: 20px;display: flex; align-items: center; justify-content: center; width: 90px; height: 36px; background: var(--co01); border-radius:0 0 6px 6px;font-size: 18px; color: #fff;z-index: 10;}
.sub0401_wrap ul.list_wrap li .img_wrap{position:relative; width:100%; padding-bottom:50%;}
.sub0401_wrap ul.list_wrap li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
.sub0401_wrap ul.list_wrap li .txt_wrap{padding: 30px;border-top: 1px solid #ddd;}
.sub0401_wrap ul.list_wrap li .txt_wrap p{font-size: 20px; color: #333; font-weight: 700;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
.sub0401_wrap ul.list_wrap li .txt_wrap span{display: block;font-size: 16px; color: #666; line-height: 22px;margin-top: 15px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap:break-word;}

/* sub0501 */
.sub0501_wrap{line-height: 1;}
.sub0501_wrap .top{margin-bottom: 60px;}
.sub0501_wrap .top p{font-size: 18px; color: #333; line-height: 28px;}
.sub0501_wrap .top p b{color: var(--co01);font-weight: 700;}

.sub0501_wrap .online_wrap .online:not(:last-child){margin-bottom: 30px;}
.sub0501_wrap .online_wrap .online h3{font-size: 24px; color: #333; font-weight: 700;margin-bottom: 20px;}
.sub0501_wrap .online_wrap .online h3 b{font-weight: 700; color: var(--co01);}
.sub0501_wrap .online_wrap .online .input_wrap{display: flex;flex-wrap:wrap;gap:30px 40px;padding: 30px 20px;border-top: 2px solid var(--co01);}
.sub0501_wrap .online_wrap .online .input_wrap .input{display: flex;align-items: center;width: calc((100% - 40px) / 2);}
.sub0501_wrap .online_wrap .online .input_wrap .input p{width: 130px;font-size: 18px; color: #333; font-weight: 700;}
.sub0501_wrap .online_wrap .online .input_wrap .input p b{	color: var(--co01);}
.sub0501_wrap .online_wrap .online .input_wrap .input input[type="text"]{width: calc(100% - 130px);height: 50px; border:1px solid #ddd; border-radius:6px;padding: 0px 10px;font-size: 16px; color: #999;}
.sub0501_wrap .online_wrap .online .input_wrap .input input[type="text"]::placeholder{font-size: 16px; color: #999;}
.sub0501_wrap .online_wrap .online .input_wrap .input input[type="text"]:focus{outline:0;}

.sub0501_wrap .online_wrap .online .input_wrap .input input[type="date"]{width: calc(100% - 130px);height: 50px; border:1px solid #ddd; border-radius:6px;padding: 0px 10px;font-size: 16px; color: #999;}
.sub0501_wrap .online_wrap .online .input_wrap .input input[type="date"]::placeholder{font-size: 16px; color: #999;}
.sub0501_wrap .online_wrap .online .input_wrap .input input[type="date"]:focus{outline:0;}
.sub0501_wrap .online_wrap .online .input_wrap .input input[type="date"]::-webkit-calendar-picker-indicator{background: url(/assets/images/sub/date_icon01.png)no-repeat; background-size: 17px;}

.sub0501_wrap .online_wrap .online .input_wrap .chk_wrap{display: flex;flex-wrap:wrap;gap:30px;}

.sub0501_wrap .online_wrap .online .input_wrap textarea{width: 100%;height: 200px;border:1px solid #ddd; border-radius:6px;padding: 10px;font-size: 16px; color: #999;}
.sub0501_wrap .online_wrap .online .input_wrap textarea::placeholder{font-size: 16px; color: #999;}
.sub0501_wrap .online_wrap .online .input_wrap textarea:focus{outline:0;}

.sub0501_wrap .online_wrap .online .input_wrap .input select{width: calc(100% - 130px);height: 50px; border:1px solid #ddd; border-radius:6px;padding: 0px 10px;font-size: 16px; color: #999;}
.sub0501_wrap .online_wrap .online .input_wrap .input select:focus{outline:0;}

.sub0501_wrap .online_wrap .online .input_wrap .pri_wrap{width: 100%;height: 200px;border:1px solid #ddd; border-radius:6px;padding: 10px;overflow-y: scroll;}
.sub0501_wrap .online_wrap .online .input_wrap .pri_wrap p{font-size: 16px; color: #999;line-height: 1.6; white-space:pre-wrap;}

.sub0501_wrap .submit_btn{display: flex; align-items: center; justify-content: center;width: 240px; height: 50px; background: #333; color: #fff;font-size: 18px; margin: 80px auto 0; }

/* 회원가입 */
.join01_wrap{line-height: 1;}
.join01_wrap .tit{padding: 40px 0px 60px;}
.join01_wrap .tit p{font-size: 30px; color: #333; font-weight: 800;text-align: center;}
.join01_wrap .btn_wrap{display: flex;	gap:40px;}
.join01_wrap .btn_wrap a{display: flex;align-items: center; justify-content: center; flex-direction: column;gap:30px;width: calc((100% - 40px) / 2);height: 320px; border:1px solid #ddd; border-radius:12px;transition:.2s;}
.join01_wrap .btn_wrap a:hover{border:3px solid var(--co01);}
.join01_wrap .btn_wrap a p{font-size: 24px; color: #333; font-weight: 700;}

.join_wrap{width: 480px;margin: 0 auto;line-height: 1;}
.join_wrap .tit{padding:30px 0 50px;margin-bottom: 40px;border-bottom: 2px solid #222;}
.join_wrap .tit h2{font-size: 30px; color: #333;text-align: center;}
.join_wrap .con:not(:last-child){margin-bottom: 30px;}
.join_wrap .con ul li:not(:last-child){margin-bottom: 30px;}
.join_wrap .con ul li p{width: 100%; font-size: 18px; color: #222;font-weight: 700; margin-bottom: 20px;}
.join_wrap .con ul li p em{color: var(--co01);font-weight: 700;}
.join_wrap .con ul li span{display: block;}
.join_wrap .con ul li .input{width: 100%;}
.join_wrap .con ul li .input.input02{display: flex;align-items: center; gap:10px;}
.join_wrap .con ul li .input.input02 input[type="text"]{width: calc((100% - 25px) / 2);}
.join_wrap .con ul li .input.input02 span{display: block;width: 5px;color: #333;font-size: 15px;}
.join_wrap .con ul li .input.input03{display: flex;align-items: center; gap:40px;}
.join_wrap .con ul li input[type="text"]{width: 100%; height: 48px; border-radius:6px; border:1px solid #ddd;padding: 0 20px;font-size: 16px; color: #666;}
.join_wrap .con ul li input[type="password"]{width: 100%; height: 48px; border-radius:6px; border:1px solid #ddd;padding: 0 20px;font-size: 16px; color: #666;}
.join_wrap .con ul li .addr .addr_search{display: flex;gap:5px;}
.join_wrap .con ul li .addr .addr_search input[type="text"]{width: 315px;}
.join_wrap .con ul li .addr .addr_search a{display: flex; align-items: center; justify-content: center;width: calc(100% - 320px); height: 48px; background: #222; color: #fff; font-size: 16px; border-radius:6px;}
.join_wrap .con ul li .addr > input[type="text"]{margin-top: 5px;}
.join_wrap .ra_wrap{display: flex;gap:20px;margin-top: 13px;}

.join_wrap a.btn{display: flex; align-items: center; justify-content: center;width: 100%; height: 54px; background: #222; color: #fff;font-size: 16px; font-weight: 500; margin-top: 40px;font-family: 'Pretendard-All-M';}

/* 로그인 */
.login_skin02{width: 480px;margin: 0 auto;}
.login_skin02 .tit{padding:30px 0 50px; margin-bottom: 40px;border-bottom: 2px solid #222;}
.login_skin02 .tit h2{font-size: 30px; color: #333;text-align: center;}
.login_skin02 .login_wrap{width: 100%;}
.login_skin02 .login_wrap .input_wrap .box:not(:last-child){margin-bottom: 30px;}
.login_skin02 .login_wrap .input_wrap .box p{font-size: 16px; color: #222; font-weight: 700; margin-bottom: 20px;}
.login_skin02 .login_wrap .input_wrap .input{display: flex;gap:20px;align-items: center;width: 100%; height: 50px; color: #666;font-weight: 500;font-size: 16px;line-height: 54px;border: 1px solid #c9c9c9;border-radius: 12px;background-color: #fff;padding: 0 20px; border-radius:6px;}
.login_skin02 .login_wrap .input_wrap .input input{border:0;width: calc(100% - 100px);font-size: 16px;color: #666;}
.login_skin02 .login_wrap .input_wrap .input input::placeholder{font-size: 16px; color: #999; font-weight: 500;}
.login_skin02 .login_wrap .input_wrap .input input:focus{outline:0;background: #fff;}

.login_skin02 .login_wrap .a_wrap{display: flex; justify-content: flex-end;gap:30px;margin-top: 30px;}
.login_skin02 .login_wrap .a_wrap a{position: relative;font-size: 16px; color: #222;font-weight: 700;}
.login_skin02 .login_wrap .a_wrap a:not(:last-child)::after{content:'';position: absolute; top: 50%;transform:translateY(-50%); right: -14px; height: 10px;width: 1px; background: #ddd;}

.login_skin02 .login_wrap .log_btn{width: 100%; margin-top: 30px; }
.login_skin02 .login_wrap .log_btn a{display: block;height: 54px;font-size: 16px; color: #fff; line-height: 54px;text-align: center;font-weight: 500;border:2px solid #222;background: #222;font-family: 'Pretendard-All-M';text-transform:uppercase;}
.login_skin02 .login_wrap .log_btn a.join_btn{background: #fff;color: #222; margin-top: 20px;}

.login_skin02 .login_wrap .sns_log_btn{display: flex;flex-direction: column;gap:20px; margin-top: 20px;}
.login_skin02 .login_wrap .sns_log_btn a{display: flex;align-items: center;gap:14px;justify-content: center;width: 100%;height: 54px; font-size: 16px; font-weight: 500;}
.login_skin02 .login_wrap .sns_log_btn a.naver{background: #00de5a;color: #fff;}
.login_skin02 .login_wrap .sns_log_btn a.kakao{background: #fff100;color: #3a2020;}

/* shop */
.order_form_wrap .con:not(:last-child){margin-bottom: 60px;}
.order_list01{display: flex;justify-content: space-between;align-items: center;padding: 30px;border-top: 2px solid var(--co01); border-bottom: 1px solid #ddd; line-height: 1;}
.order_list01 .product{display: flex;align-items: center; justify-content: center;gap:40px;}
.order_list01 .product .img_box{width: 130px;border:1px solid #ddd; border-radius:12px;overflow: hidden;}
.order_list01 .product .img_box .img_wrap{position:relative; width:100%; padding-bottom:100%;}
.order_list01 .product .img_box .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}
.order_list01 .product .txt_box p{font-size: 20px; color: #333; font-weight: 700;}
.order_list01 .product .txt_box span{display: block;font-size: 18px; color: #666; margin-top: 17px;}
.order_list01 .product .txt_box em{display: block;font-size: 18px;color: #666;font-weight: 700; margin-top: 30px;}
.order_list01 .right{display: flex;gap:100px;align-items: center;}
.order_list01 .right p{font-size: 18px; color: #666;}
.order_list01 .right .qty_input{display: flex;}
.order_list01 .right .qty_input a{width: 40px; height: 40px; line-height: 34px; font-size: 30px; color: #666; border:1px solid #ddd;text-align: center;}
.order_list01 .right .qty_input input{width: 60px;height: 40px; font-size: 20px; color: #666; border:0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;text-align: center;}
.order_list01 .right .qty_input input:focus{outline:0;}
.order_list01 .right a.del_btn{display: block;width: 25px; height: 25px; border-radius:50%;border:1px solid #999;font-size: 17px; color: #333;font-weight: 700;text-align: center;line-height: 22px;}
.order_list_wrap .sub_txt{font-size: 18px; color: #666;margin-top: 20px;text-align: right;}
.order_list_wrap .sub_txt b{color: #222;}

.order_form{line-height: 1;}
.order_form .input_wrap{display: flex;flex-wrap:wrap;gap:30px 40px;padding: 30px;border-top: 2px solid var(--co01); border-bottom: 1px solid #ddd; }
.order_form .input_wrap .input{display: flex;width: calc((100% - 40px) / 2);}
.order_form .input_wrap .input p{width: 130px;font-size: 18px; color: #333; font-weight: 700;transform: translateY(15px);}
.order_form .input_wrap .input p b{color: var(--co01); font-weight: 700;}
.order_form .input_wrap .input input[type="text"]{width: calc(100% - 130px);height: 50px;font-size: 16px; color: #999;border:1px solid #ddd; border-radius:6px;padding: 0 10px;}
.order_form .input_wrap .input input[type="text"]::placeholder{font-size: 16px; color: #999;}
.order_form .input_wrap .input input[type="text"]:focus{outline:0;}

.order_form .input_wrap .input02{width: 100%;}
.order_form .input_wrap .input02 .addr_box{display: flex;flex-wrap:wrap;gap:10px;width: calc(100% - 130px);}
.order_form .input_wrap .input02 .addr_box input[type="text"]{width: 530px;}
.order_form .input_wrap .input02 .addr_box .zip{display: flex;gap:10px;width: 100%;}
.order_form .input_wrap .input02 .addr_box .zip input[type="text"]{width: 360px;}
.order_form .input_wrap .input02 .addr_box .zip a.addr_search{display: flex;align-items: center; justify-content: center;width: 100px; height: 50px; font-size: 16px; border-radius:6px;background: #333;color: #fff;}

.order_form .input_wrap.point_wrap .input{gap:10px;}
.order_form .input_wrap.point_wrap .input .point_input{position: relative;width: calc(100% - 130px);}
.order_form .input_wrap.point_wrap .input .point_input a.del_btn{position: absolute;top: 50%;right: 20px;transform:translateY(-50%);display: flex;align-items: center;justify-content: center;width: 18px;height: 18px;background: #999;color: #fff;border-radius: 50%;}
.order_form .input_wrap.point_wrap .input .tit{align-items: center;}
.order_form .input_wrap.point_wrap .input p{width: 150px;}
.order_form .input_wrap.point_wrap .input strong{font-size: 18px; color: var(--co01);transform: translateY(15px);}
.order_form .input_wrap.point_wrap .input input[type="text"]{width: 100%;padding: 0px 60px 0 10px;}
.order_form .input_wrap.point_wrap .input a.point_btn{display: flex;align-items: center; justify-content: center;width: 120px;height: 50px;font-size: 16px;border-radius: 6px; background: var(--co01);color: #fff;font-weight: 500;}

.order_form.con04 table{width: 100%;border-top: 2px solid var(--co01); border-bottom: 1px solid #ddd; }
.order_form.con04 table th{padding: 15px;font-size: 18px; color: #333; font-weight: 400;border-bottom: 1px solid #ddd;}
.order_form.con04 table td p{position: relative;padding: 35px 15px;font-size: 30px; color: #333; font-weight: 700;text-align: center;}
.order_form.con04 table td p b{color: var(--co01);font-weight: 700;}
.order_form_wrap.shop_order_form_wrap .order_form.con04 table td:nth-child(1) p::after{content:'+';position: absolute; right: -15px; top: 50%; transform:translateY(-50%);width: 30px; height: 30px;font-size: 30px;line-height: 26px;color: #fff; font-weight: 500; background: #333; border-radius:50%;text-align: center;}
.order_form_wrap.shop_order_form_wrap .order_form.con04 table td:nth-child(2) p::after{content:'-';position: absolute; right: -15px; top: 50%; transform:translateY(-50%);width: 30px; height: 30px;font-size: 30px;line-height: 26px;color: #fff; font-weight: 500; background: #333; border-radius:50%;text-align: center;}
.order_form_wrap.shop_order_form_wrap .order_form.con04 table td:nth-child(3) p::after{content:'=';position: absolute; right: -15px; top: 50%; transform:translateY(-50%);width: 30px; height: 30px;font-size: 30px;line-height: 26px;color: #fff; font-weight: 500; background: #333; border-radius:50%;text-align: center;}

.order_form_wrap.rental_order_form_wrap .order_form.con04 table td:nth-child(1) p::after{content:'+';position: absolute; right: -15px; top: 50%; transform:translateY(-50%);width: 30px; height: 30px;font-size: 30px;line-height: 26px;color: #fff; font-weight: 500; background: #333; border-radius:50%;text-align: center;}
.order_form_wrap.rental_order_form_wrap .order_form.con04 table td:nth-child(2) p::after{content:'=';position: absolute; right: -15px; top: 50%; transform:translateY(-50%);width: 30px; height: 30px;font-size: 30px;line-height: 26px;color: #fff; font-weight: 500; background: #333; border-radius:50%;text-align: center;}
.order_form.con04 .chk_wrap{margin-top: 20px;}

.order_form.con05 table.tbl01 td .ra_wrap{display: flex; gap:50px;line-height: 1;}
.order_form.con05 table.tbl01 td .input_wrap{gap:20px;padding: 30px 0;}
.order_form.con05 table.tbl01 td .input_wrap .input{width: calc((100% - 40px) / 3);}
.order_form.con05 table.tbl01 td .input_wrap .input p{transform: translateY(10px);}

.order_form .pri_wrap{padding: 30px 20px;border-top: 2px solid var(--co01); }
.order_form .pri_wrap .pri_txt{height: 200px;padding: 20px;border:1px solid #ddd; border-radius:6px;overflow-y: scroll;margin-top: 25px;}
.order_form .pri_wrap .pri_txt p{font-size: 16px; color: #666; line-height: 1.7;white-space: pre-wrap;}

.order_form_wrap .submit_btn{display: flex; align-items: center; justify-content: center;width: 240px; height: 50px;font-size: 18px;background: #333; color: #fff;margin: 60px auto 0;}

/* 마이페이지 */
.mypage_menu{display: flex;gap:10px;margin-bottom: 50px;line-height: 1;}
.mypage_menu li a{display: flex;align-items: center; justify-content: center;width: 140px; height: 42px; font-size: 18px; color: #333; border:1px solid #ddd;border-radius:21px;transition:.3s;}
.mypage_menu li.on a{color: #fff; background: var(--co01); border:1px solid var(--co01);}
.mypage_menu li:hover a{color: #fff; background: var(--co01); border:1px solid var(--co01);}

.mypage_wrap .depth03{display: flex;border:1px solid #ddd;border-radius:30px;margin-bottom: 60px;}
.mypage_wrap .depth03 li{flex:1;}
.mypage_wrap .depth03 li a{width: 100%;display: flex; align-items: center;justify-content: center;height: 60px;font-size: 18px; color: #333; border-radius:30px;transition:.3s;}
.mypage_wrap .depth03 li.on a{background: var(--co01);color: #fff;}
.mypage_wrap .depth03 li:hover a{background: var(--co01);color: #fff;}

/* 장바구니 */
.cart_wrap .order_list_wrap{margin-bottom: 60px;}
.cart_wrap .order_list_wrap .btn_wrap{display: flex;align-items: center; justify-content: space-between;margin-top: 20px;}
.cart_wrap .order_list_wrap .btn_wrap a{display: flex; align-items: center;justify-content: center;font-size: 18px; color: #666;width: 175px; height: 50px; border:1px solid #ddd;}
.cart_wrap .order_list_wrap .btn_wrap .right{display: flex;gap:10px;}

.cart_wrap .order_list01_wrap{border-top: 2px solid var(--co01); border-bottom: 1px solid #ddd; }
.cart_wrap .order_list01{border:0;}
.cart_wrap .order_list01:not(:last-child){border-bottom: 1px solid #ddd;}
.cart_wrap .order_list01 .right{gap:30px;}

.cart_wrap .order_form.con04 table td:nth-child(1) p::after{content:'+';position: absolute; right: -15px; top: 50%; transform:translateY(-50%);width: 30px; height: 30px;font-size: 30px;line-height: 26px;color: #fff; font-weight: 500; background: #333; border-radius:50%;text-align: center;}
.cart_wrap .order_form.con04 table td:nth-child(2) p::after{content:'=';position: absolute; right: -15px; top: 50%; transform:translateY(-50%);width: 30px; height: 30px;font-size: 30px;line-height: 26px;color: #fff; font-weight: 500; background: #333; border-radius:50%;text-align: center;}

.cart_wrap .submit_btn{display: flex; align-items: center; justify-content: center;width: 240px; height: 50px;font-size: 18px;background: #333; color: #fff;margin: 60px auto 0;}

/* 신청내역 */
.my_order_wrap .mob_tbl_wrap{display: none;}
.my_order_wrap table.tbl01.tbl_mob:not(:last-child){margin-bottom: 20px;}
.my_order_wrap table.tbl01 .col01{width: ;}
.my_order_wrap table.tbl01 .col02{width: 80px;}
.my_order_wrap table.tbl01 .col03{width: 80px;}
.my_order_wrap table.tbl01 .col04{width: 80px;}
.my_order_wrap table.tbl01 .col05{width: 80px;}
.my_order_wrap table.tbl01 .col06{width: 80px;}
.my_order_wrap table.tbl01 .order_list01{border-top: 0;border-bottom: 0;padding: 0;}
.my_order_wrap table.tbl01 td b.tag01{color: #263a99;}
.my_order_wrap table.tbl01 td b.tag02{color: #d90000;}
.my_order_wrap table.tbl01 td b.tag03{color: #ad813d;}

/* 문의내역 */
.faq_wrap table.tbl01 .col01{width: 100px;}
.faq_wrap table.tbl01 .col02{width: 200px;}
.faq_wrap table.tbl01 .col03{width: ;}
.faq_wrap table.tbl01 .col04{width: 200px;}
.faq_wrap table.tbl01 .col05{width: 200px;}
.faq_wrap table.tbl01 td{padding: 12px 20px;}
.faq_wrap table.tbl01 td p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
.faq_wrap table.tbl01 td a.view_btn{display: flex; align-items: center; justify-content: center;width: 90px; height: 36px; font-size: 16px; color: #666; border:1px solid #ddd;margin: 0 auto;}

/* 포인트내역 */
.point_wrap{line-height: 1;}
.point_wrap .my_wrap{display: flex;align-items: center; justify-content: space-between;width: 100%;height: 200px;padding: 50px 120px;border:5px solid #f5f5f5; border-radius:12px;margin-bottom: 60px;}
.point_wrap .my_wrap .left{display: flex;gap:30px;align-items: center;}
.point_wrap .my_wrap .left .icon{width: 90px; height: 90px; border-radius:50%; overflow: hidden;}
.point_wrap .my_wrap .left .icon img{width: 100%; height: 100%; object-fit:cover;}
.point_wrap .my_wrap .left .txt span{display: block;font-size: 18px; color: var(--co01);font-weight: 700;}
.point_wrap .my_wrap .left .txt p{font-size: 24px; color: #333; font-weight: 500;margin-top: 15px;}
.point_wrap .my_wrap .right p{font-size: 24px; color: #333; font-weight: 700;}
.point_wrap .my_wrap .right p b{font-size: 40px; font-weight: 700;color: var(--co01);}

.point_wrap table.tbl01 .col01{width: ;}
.point_wrap table.tbl01 .col02{width: 300px;}
.point_wrap table.tbl01 .col03{width: 300px;}
.point_wrap table.tbl01 td{padding: 12px;}
.point_wrap table.tbl01 td b.plus{color: var(--co01);}
.point_wrap table.tbl01 td b.minus{color: #d90000;}