/* 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');
}/* 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;} */
/* 개인정보이용약관 동의*/
.agree_wrap{width: 540px;margin: 0 auto;line-height: 1;}
.agree_wrap .con:not(:last-child){margin-bottom: 30px;}
.agree_wrap .con .txt_box{width: 100%;height: 300px;padding: 20px;margin-top: 10px;border:1px solid #ddd;border-radius:6px;overflow-y:scroll;}
.agree_wrap .con .txt_box::-webkit-scrollbar {width: 6px;  /* 스크롤바의 너비 */}
.agree_wrap .con .txt_box::-webkit-scrollbar-thumb{height: 30%; /* 스크롤바의 길이 */background: #999; /* 스크롤바의 색상 */border-radius: 10px;}
.agree_wrap .con .txt_box::-webkit-scrollbar-track {background: transparent;  /*스크롤바 뒷 배경 색상*/}
.agree_wrap .con .txt_box .txt:not(:last-child){margin-bottom: 20px;}
.agree_wrap .con .txt_box .txt strong{display: block;font-size: 16px; color: #333; font-weight: 700;margin-bottom: 10px;}
.agree_wrap .con .txt_box .txt p{font-size: 16px; color: #666; line-height: 24px;}
.agree_wrap .btn_wrap{display: flex; align-items: center; justify-content: center;gap:10px;margin-top: 40px;}
.agree_wrap .btn_wrap a{display: flex; align-items: center; justify-content: center;width: 140px; height: 46px;font-size: 16px; color: #333; font-weight: 500; border:1px solid #ddd; border-radius:6px;}
.agree_wrap .btn_wrap a.btn01{background: var(--co02); border:1px solid var(--co02);color: #fff;}
/* 회원가입 */
.join_wrap{width: 540px;margin: 0 auto;line-height: 1;}
.join_wrap .con:not(:last-child){margin-bottom: 40px;}
.join_wrap .con .tit{border-bottom: 2px solid #333;padding-bottom: 20px; margin-bottom: 20px;}
.join_wrap .con .tit p{font-size: 28px; color: #333; font-weight: 700;}
.join_wrap .con ul li{display: flex; align-items: center;}
.join_wrap .con ul li:not(:last-child){margin-bottom: 20px;}
.join_wrap .con ul li p{width: 135px; font-size: 16px; color: #333;font-weight: 700;}
.join_wrap .con ul li p em{color: var(--co02);font-weight: 700;}
.join_wrap .con ul li input[type="text"]{width: calc(100% - 135px); height: 40px; border-radius:6px; border:1px solid #ddd;padding: 0 20px;font-size: 15px; color: #555;}
.join_wrap .con ul li input[type="password"]{width: calc(100% - 135px); height: 40px; border-radius:6px; border:1px solid #ddd;padding: 0 20px;font-size: 15px; color: #555;}
.join_wrap a.btn{display: flex; align-items: center; justify-content: center;width: 100%; height: 46px; background: var(--co02); color: #fff;font-size: 16px; font-weight: 500; border-radius:6px;margin-top: 40px;}
/* 마이페이지 */
/* 공통 */
.mypage_wrap{width: 1110px;margin: 0 auto;line-height: 1;}
.mypage_wrap .my_con{display: flex;align-items: center; justify-content: space-between;width: 100%; height: 180px; border:5px solid #f5f5f5; border-radius:12px;padding: 0 80px; margin-bottom: 60px;}
.mypage_wrap .my_con .box{display: flex;align-items: center;gap:40px;width: 430px;}
.mypage_wrap .my_con .box .img_box{width: 90px;}
.mypage_wrap .my_con .box .img_wrap{position:relative; width:100%; padding-bottom:100%;border-radius:50%;}
.mypage_wrap .my_con .box .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;}
.mypage_wrap .my_con .box .txt_box span{display: block;font-size: 17px; color: var(--co02); font-weight: 700;}
.mypage_wrap .my_con .box .txt_box p{font-size: 22px; color: #333; font-weight: 500; margin-top: 10px;}
.mypage_wrap .my_con .menu_box{display: flex;width: calc(100% - 430px);}
.mypage_wrap .my_con .menu_box a{position: relative;display: flex;align-items: center; gap:20px; justify-content: center; flex-direction: column; flex:1;}
.mypage_wrap .my_con .menu_box a::after{content:'';position: absolute; right: 0; top: 50%; transform:translateY(-50%);width: 1px;  height: 40px; background: #ddd;}
.mypage_wrap .my_con .menu_box a:first-child::before{content:'';position: absolute; left: 0; top: 50%; transform:translateY(-50%);width: 1px;  height: 40px; background: #ddd;}
.mypage_wrap .my_con .menu_box a p{font-size: 16px; color: #666; text-align: center;}
.mypage_wrap .my_tab{display: flex;margin-bottom: 60px;}
.mypage_wrap .my_tab a{display: flex; align-items: center; justify-content: center;flex:1; height: 55px;font-size: 17px; color: #666; border:1px solid #ddd;}
.mypage_wrap .my_tab a:not(:last-child){border-right: 0;}
.mypage_wrap .my_tab a.on{border-bottom: 0px;font-weight: 500; color: #333;}
/* 장바구니 */
table.tbl01 th input[type="checkbox"].chk_st01 + label{color: #333;}
table.tbl01 td .product_con{position: relative;}
table.tbl01 td .product_con{display: flex;}
table.tbl01 td .product_con .img_con{width: 80px; border-radius:8px; overflow: hidden;}
table.tbl01 td .product_con .img_wrap{position:relative; width:100%; padding-bottom:100%;}
table.tbl01 td .product_con .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;}
table.tbl01 td .product_con .txt_con{width: calc(100% - 108px);padding-left: 20px;}
table.tbl01 td .product_con .txt_con p{font-size: 17px; color: #333; font-weight: 500;}
table.tbl01 td .product_con .txt_con .opt{margin-top: 5px;width: 100%;}
table.tbl01 td .product_con .txt_con .opt ul li{display: flex;align-items: center; justify-content: space-between;width: 100%;padding: 8px 15px;background: #f5f5f5;}
table.tbl01 td .product_con .txt_con .opt ul li:not(:last-child){margin-bottom: 5px;}
table.tbl01 td .product_con .txt_con .opt ul li span{font-size: 15px; color: #666;}
table.tbl01 td .product_con .txt_con .opt ul li .opt_del_btn{font-size: 12px; color: #333; font-weight: 700;}
table.tbl01 td .product_con .del_btn{display: flex;align-items: center; justify-content: center;position: absolute;top: 0; right: 0;width: 18px; height: 18px; border:1px solid #999; border-radius:50%;font-size: 12px; color: #333; font-weight: 700;line-height: 1;}
table.tbl01 td .qty_con p{font-size: 17px; color: #666; text-align: center;}
table.tbl01 td .qty_con .mod_btn{display: flex; align-items: center; justify-content: center;width: 140px; height: 40px; border:1px solid #ddd;font-size: 16px; color: #666;margin: 10px auto 0;}
table.tbl01 td .price_con p{font-size: 22px; color: #333; font-weight: 900;text-align: center;}
table.tbl01 td .price_con a{display: flex; align-items: center; justify-content: center;width: 140px; height: 40px; border:1px solid var(--co02);font-size: 16px; color: #fff;margin: 4px auto 0; background: var(--co02);}
table.tbl01 td .ship_con p{font-size: 17px; color: #333;text-align: center;font-weight: 500;}
table.tbl01 td .ship_con span{display: block;font-size: 16px; color: #666;text-align: center;margin-top: 2px;}
.mypage_wrap .cart_wrap .con01 .btn_wrap{display: flex; align-items: center; gap:10px; justify-content: space-between;margin-top: 20px;}
.mypage_wrap .cart_wrap .con01 .btn_wrap a{display: flex; align-items: center; justify-content: center;width: 140px; height: 40px; border:1px solid #ddd;font-size: 16px; color: #666;}
.mypage_wrap .cart_wrap .con01 .btn_wrap a img{margin-right:10px;}
.mypage_wrap .cart_wrap .con02 .box{margin-top: 60px;background: #f5f5f5;padding: 30px 30px 40px;}
.mypage_wrap .cart_wrap .con02 .box .top{margin-bottom: 40px; padding-bottom: 20px; border-bottom: 1px solid #ddd;}
.mypage_wrap .cart_wrap .con02 .box .top p{font-size: 16px; color: #666;}
.mypage_wrap .cart_wrap .con02 .box .top p em{color: var(--co02);font-weight: 700;}
.mypage_wrap .cart_wrap .con02 .box .bot ul{display: flex;gap:95px;align-items: center;justify-content: center;}
.mypage_wrap .cart_wrap .con02 .box .bot ul li{position: relative;}
.mypage_wrap .cart_wrap .con02 .box .bot ul li strong{display: block;font-size: 26px; color: #333; font-weight: 900;text-align: center;}
.mypage_wrap .cart_wrap .con02 .box .bot ul li:not(:first-child)::after{content:'+'; position: absolute; top: 0;left: -58px; font-size: 26px; color: #333; font-weight: 900;}
.mypage_wrap .cart_wrap .con02 .box .bot ul li span{display: block;font-size: 16px; color: #666;text-align: center;margin-top: 18px;}
.mypage_wrap .cart_wrap .con02 .box .bot ul li strong em{color: var(--co02);font-weight: 900;}
.mypage_wrap .cart_wrap .con02 .btn_wrap{display: flex; align-items: center; justify-content: center;gap:10px;margin-top: 40px;}
.mypage_wrap .cart_wrap .con02 .btn_wrap a{display: flex; align-items: center; justify-content: center; width: 193px; height: 54px; border:1px solid #ddd;font-size: 16px; color: #666; font-weight: 600;}
.mypage_wrap .cart_wrap .con02 .btn_wrap a:nth-child(2){color: #fff; border:1px solid var(--co02); background: var(--co02);}
.mypage_wrap .cart_wrap .con02 .box .bot ul li.li03 strong{color: #666;}
.mypage_wrap .cart_wrap .con02 .box .bot ul li.li03::after{content:'=';}
/* 옵션수량변경레이어팝업 */
.mypage_wrap .mod_pop{display: none;position: fixed;top: 0; left: 0;width: 100%;height: 100vh; background: rgba(0,0,0,.5);z-index: 9999;}
.mypage_wrap .mod_pop .pop_wrap{position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);width: 500px;background: #fff;padding: 50px 30px 50px 40px ;}
.mypage_wrap .mod_pop .pop_wrap .x_btn{position: absolute; right: 15px;top: -10px; color: #333; font-weight: 700; font-weight: 300;font-size: 40px;}
.mypage_wrap .mod_pop .pop_scr{max-height: 580px;overflow-y: scroll;}
.mypage_wrap .mod_pop .pop_scr::-webkit-scrollbar {width: 8px;  /* 스크롤바의 너비 */}
.mypage_wrap .mod_pop .pop_scr::-webkit-scrollbar-thumb{height: 30%; /* 스크롤바의 길이 */background: rgba(0, 0, 0, .08); /* 스크롤바의 색상 */border-radius: 10px;}
.mypage_wrap .mod_pop .pop_scr::-webkit-scrollbar-track {background: #fff;  /*스크롤바 뒷 배경 색상*/}
.mypage_wrap .mod_pop .tit{display: flex;align-items: center; gap:20px;margin-bottom: 20px; padding-bottom: 20px;border-bottom: 1px solid #ddd;}
.mypage_wrap .mod_pop .tit .img_con{width: 80px;border-radius: 8px;overflow: hidden;}
.mypage_wrap .mod_pop .tit .img_wrap{position: relative;width: 100%;padding-bottom: 100%;}
.mypage_wrap .mod_pop .tit .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;}
.mypage_wrap .mod_pop .tit .txt_con{width: calc(100% - 100px);}
.mypage_wrap .mod_pop .tit .txt_con p{font-size: 15px; color: #333; font-weight: 600;}
.mypage_wrap .mod_pop .tit .txt_con span{display: block;font-size: 13px; color: #555;font-weight: 600;margin-top: 12px;}
.mypage_wrap .mod_pop .tit .txt_con span em{color: var(--co02);font-weight: 600;}
.mypage_wrap .mod_pop .s_txt .select_wrap{margin-bottom: 35px;}
.mypage_wrap .mod_pop .s_txt .select_wrap ul{margin-bottom: 20px;}
.mypage_wrap .mod_pop .s_txt .select_wrap ul li:not(:last-child){margin-bottom: 20px;}
.mypage_wrap .mod_pop .s_txt .select_wrap ul li p{font-size: 15px; color: #333; font-weight: 700;margin-bottom: 15px;}
.mypage_wrap .mod_pop .s_txt .select_wrap ul li p em{font-size: 24px;color: var(--co02); font-weight: 700;}
.mypage_wrap .mod_pop .s_txt .select_wrap ul li select{width: 100%; height: 45px; border:1px solid #ddd;padding: 0 10px;font-size: 15px; color: #666;  -webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/appearance:none; background: url(/assets/images/sub/select_icon01.png)center right 10px no-repeat; background-size: 12px;}
.mypage_wrap .mod_pop .s_txt .select_wrap .select_result .box{padding: 20px;background: #f5f5f5;}
.mypage_wrap .mod_pop .s_txt .select_wrap .select_result .box:not(:last-child){margin-bottom: 5px;}
.mypage_wrap .mod_pop .s_txt .select_wrap .select_result .box .top{display: flex;align-items: center; justify-content: space-between;padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #ddd;}
.mypage_wrap .mod_pop .s_txt .select_wrap .select_result .box .top p{font-size: 16px; color: #666;line-height: 1.4;}
.mypage_wrap .mod_pop .s_txt .select_wrap .select_result .box .top em.mod_del_btn{display: flex; align-items: center; justify-content: center;cursor:pointer;width: 18px; height: 18px; border:1px solid #999;font-size: 12px; color: #333; font-weight: 700;border-radius:50%;}
.mypage_wrap .mod_pop .s_txt .select_wrap .select_result .box .bot{display: flex; align-items: center; justify-content: space-between;}
.mypage_wrap .mod_pop .s_txt .select_wrap .select_result .box .bot .qty{display: flex;align-items: center; border:1px solid #ddd;}
.mypage_wrap .mod_pop .s_txt .select_wrap .select_result .box .bot .qty a{display: flex; align-items: center; justify-content: center;width: 40px; height: 40px;background: #fff;font-size: 24px; color: #666;}
.mypage_wrap .mod_pop .s_txt .select_wrap .select_result .box .bot .qty input{width: 60px; height: 40px;border:0;border-right: 1px solid #ddd; border-left: 1px solid #ddd; background: #fff;font-size: 15px; color: #666;text-align: center;}
.mypage_wrap .mod_pop .s_txt .select_wrap .select_result .box .bot .qty input:focus{outline:0;}
.mypage_wrap .mod_pop .s_txt .select_wrap .select_result .box .bot .pri{font-size: 16px; color: #666;}
.mypage_wrap .mod_pop .s_txt .select_wrap .total_pri{display: flex; align-items: center; justify-content: space-between;margin-top: 30px;}
.mypage_wrap .mod_pop .s_txt .select_wrap .total_pri p{font-size: 16px;color: #666;}
.mypage_wrap .mod_pop .s_txt .select_wrap .total_pri strong{font-size: 26px; color: #666; font-weight: 700;}
.mypage_wrap .mod_pop .s_txt .select_wrap .total_pri strong em{color: var(--co02);font-weight: 700;}
.mypage_wrap .mod_pop .btn_wrap{display: flex;gap:12px;align-items: center;justify-content: center;}
.mypage_wrap .mod_pop .btn_wrap a{display: flex;align-items: center; justify-content: center;gap:10px;width: 140px; height: 40px;font-size: 15px; color: #666; font-weight: 700; border:1px solid #ddd;}
.mypage_wrap .mod_pop .btn_wrap a.btn01{color: #fff; background: var(--co02);border:1px solid var(--co02)}
/* 구매내역 */
.order_list_wrap{line-height: 1;}
.order_list_wrap table.tbl01 td .product_con .txt_con{width: calc(100% - 80px);}
.order_list_wrap table.tbl01 td .stat{font-weight: 500;}
.order_list_wrap table.tbl01 td .stat01{color: var(--co01);}
.order_list_wrap table.tbl01 td .stat02{color: var(--co02);}
.order_list_wrap table.tbl01 td .stat03{color: #00a286;}
.order_list_wrap table.tbl01 td .stat04{color: #ad813d;}
.order_list_wrap table.tbl01 td .stat05{color: #905eb4;}
.order_list_wrap table.tbl01 td .stat06{color: #d90000;}
.order_list_wrap table.tbl01 td .transaction_btn{display: flex; align-items: center; justify-content: center; border:1px solid #ddd;font-size: 16px; color: #666; height: 40px;margin: 10px auto 0;}
.order_list_wrap table.tbl01 td .preview_pop_btn{display: flex; align-items: center; justify-content: center; border:1px solid #ddd;font-size: 16px; color: #666; height: 40px;margin: 10px auto 0;}
.order_list_wrap table.tbl01 td .upload_pop_btn{display: flex; align-items: center; justify-content: center; border:1px solid #ddd;font-size: 16px; color: #666; height: 40px;margin: 10px auto 0; background: #f5f5f5;}
.order_list_wrap .preview_pop{display: none;position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,.5);z-index: 9999;}
.order_list_wrap .preview_pop .pop_wrap{position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 840px; padding: 40px; background: #fff;}
.order_list_wrap .preview_pop .pop_wrap .pop_box{max-height: 75vh;overflow-y: scroll;}
.order_list_wrap .preview_pop .pop_wrap .x_btn{position: absolute;right: 0; top: -50px;width: 30px; height: 30px;}
.order_list_wrap .preview_pop .pop_wrap .x_btn::before{content:'';position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%) rotate(45deg); width: 100%; height: 2px; background: #fff;}
.order_list_wrap .preview_pop .pop_wrap .x_btn::after{content:'';position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%) rotate(-45deg); width: 100%; height: 2px; background: #fff;}
.order_list_wrap .preview_pop .pop_wrap .tit{padding: 20px;background: #f5f5f5;margin-bottom: 20px;}
.order_list_wrap .preview_pop .pop_wrap .tit p{font-size: 22px; color: #333; font-weight: 700;}
.order_list_wrap .preview_pop .pop_wrap .tit p em{display: inline-block;font-size: 17px;padding-left: 10px;color: var(--co02);font-weight: 700;}
.order_list_wrap .preview_pop .pop_wrap .box{position:relative; width:100%; padding-bottom:52.632%;background: #f5f5f5;margin-bottom: 20px;}
.order_list_wrap .preview_pop .pop_wrap .box img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}
.order_list_wrap .preview_pop .pop_wrap a.dw_btn{display: flex; align-items: center; justify-content: center;gap:10px;width: 140px; height: 40px; background: var(--co02);font-size: 16px; color: #fff;margin-left: auto;}
.order_list_wrap .preview_pop .pop_wrap table.tbl02{margin-top: 20px;}
.order_list_wrap .preview_pop .pop_wrap .ra{display: flex; align-items: center;gap:50px;}
.order_list_wrap .preview_pop .pop_wrap .ra input[type="radio"].ra_st01 + label::after{top: 4px;}
.order_list_wrap .preview_pop .pop_wrap textarea{width: 100%; height: 150px; border:1px solid #ddd; font-size: 15px; color: #666;padding: 20px;resize:none;}
.order_list_wrap .preview_pop .pop_wrap textarea:focus{outline:0;}
.order_list_wrap .preview_pop .pop_wrap .submit_btn{display: flex; align-items: center; justify-content: center;margin: 20px auto 0; width: 200px; height: 54px; background: var(--co02); color: #fff;font-size: 16px; font-weight: 700; }
.order_list_wrap .upload_pop{display: none;position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,.5);z-index: 9999;}
.order_list_wrap .upload_pop .pop_wrap{position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 840px; padding: 40px; background: #fff;}
.order_list_wrap .upload_pop .pop_wrap .pop_box{max-height: 75vh;overflow-y: scroll;}
.order_list_wrap .upload_pop .pop_wrap .x_btn{position: absolute;right: 0; top: -50px;width: 30px; height: 30px;}
.order_list_wrap .upload_pop .pop_wrap .x_btn::before{content:'';position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%) rotate(45deg); width: 100%; height: 2px; background: #fff;}
.order_list_wrap .upload_pop .pop_wrap .x_btn::after{content:'';position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%) rotate(-45deg); width: 100%; height: 2px; background: #fff;}
.order_list_wrap .upload_pop .pop_wrap .tit{padding: 20px;background: #f5f5f5;margin-bottom: 20px;}
.order_list_wrap .upload_pop .pop_wrap .tit p{font-size: 22px; color: #333; font-weight: 700;}
.order_list_wrap .upload_pop .pop_wrap ul{margin: 40px 0;}
.order_list_wrap .upload_pop .pop_wrap ul li{font-size: 17px; color: #333; font-weight: 500;}
.order_list_wrap .upload_pop .pop_wrap ul li:not(:last-child){margin-bottom: 13px;}
.order_list_wrap .upload_pop .pop_wrap ul li b{color: #d20000;font-weight: 700;}
.order_list_wrap .upload_pop .pop_wrap ul li span{font-size: 16px; color: #666;font-weight: 400;}
.order_list_wrap .upload_pop .pop_wrap input[type="file"]{font-size: 16px; color: #666;}
.order_list_wrap .upload_pop .pop_wrap input[type="file"]::file-selector-button{width: 100px; height: 30px; font-size: 16px; color: #666;border:1px solid #ddd; border-radius:4px;background: #f5f5f5;}
.order_list_wrap .upload_pop .pop_wrap textarea{width: 100%; height: 150px; border:1px solid #ddd; font-size: 15px; color: #666;padding: 20px;resize:none;}
.order_list_wrap .upload_pop .pop_wrap textarea:focus{outline:0;}
.order_list_wrap .upload_pop .pop_wrap .submit_btn{display: flex; align-items: center; justify-content: center;margin: 20px auto 0; width: 200px; height: 54px; background: var(--co02); color: #fff;font-size: 16px; font-weight: 700; }
/* 문의내역 */
.faq_wrap table.tbl02 tr{border-bottom: 1px solid #ddd;}
.faq_wrap table.tbl02 th{border:0;}
.faq_wrap table.tbl02 td{border:0;text-align: center;}
.faq_wrap table.tbl02 td p{font-size: 17px; color: #333;font-weight: 500;}
.faq_wrap .view_btn{display: flex; align-items: center; justify-content: center;width: 140px; height: 40px; border:1px solid #ddd;font-size: 16px; color: #666;margin: 0 auto;}
.center{text-align:center;}
.pc_img {display:block;}
.tab_img {display:none;}
.mob_img {display:none;}
:root{
	--co01: #263a99;
	--co02: #2c8fd4;
}::selection{background: var(--co01); color: #fff;}
/* ==main== */
#wrap{ position: relative; width: 100%; max-width: 100%; min-width: 1400px;  margin: 0 auto; overflow: hidden;word-break: keep-all;}
.inner{width: 1320px;margin: 0 auto; max-width:100%;}
/* header */
.h_banner{width: 100%; height: 120px;background: #ddd;line-height: 1;}
.h_banner img{width: 100%;height: 100%; object-fit:cover;}
#header{line-height: 1;}
#header .h_top{background: var(--co01);}
#header .h_top .a_wrap{display: flex;align-items: center;gap:25px;margin-left: auto;width: fit-content;height: 50px;}
#header .h_top .a_wrap a{position: relative;display: flex; align-items: center;gap:4px;font-size: 15px; color: #fff;}
#header .h_top .a_wrap a:not(:last-child)::after{content:'';position: absolute; right: -15px; top: 50%;transform:translateY(-50%);width: 1px; height: 10px; background: rgba(255,255,255,.5);}
#header .h_bot{border-bottom: 1px solid #ddd;}
#header .h_bot .inner{display: flex;align-items: center; justify-content: space-between;height: 95px;}
#header .h_bot h1{width: 200px; height: 50px; }
#header .h_bot h1 a{display: block;position:relative; width:100%; padding-bottom:25%;}
#header .h_bot h1 a img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}
#header .h_bot .search_wrap{display: flex;align-items: center;width: 400px; height: 50px; border-radius:6px; border:1px solid #ddd;padding: 0 20px;}
#header .h_bot .search_wrap input[type="text"]{width: calc(100% - 45px);border:0;font-size: 15px; color: #999;}
#header .h_bot .search_wrap input[type="text"]::placeholder{font-size: 15px; color: #999;}
#header .h_bot .search_wrap input[type="text"]:focus{outline:0;}
#header .h_bot .search_wrap button{width: 45px;}
#header .h_bot .search_wrap button img{display: block; margin-left: auto;}
#header .h_bot .btn_wrap{display: flex;align-items: center;}
#header .h_bot .btn_wrap a{width: 95px;height: 55px;font-size: 15px; color: #333; font-weight: 500;text-align: center;}
#header .h_bot .btn_wrap a img{display: block; margin: 0 auto 12px;transition:.2s;}
#header .h_bot .btn_wrap a:hover img{transform:translateY(-3px);}
#header .gnb_wrap{border-bottom: 1px solid #ddd;}
#header .gnb_wrap ul.gnb{display: flex;justify-content: center;align-items: center;gap:100px;height: 55px;}
#header .gnb_wrap ul.gnb li a{font-size: 17px; color: #333; font-weight: 500;transition:.3s;}
#header .gnb_wrap ul.gnb li:hover a{color: var(--co01);}
/*visual_wrap*/
#visual_wrap{position: relative;width: 100%;line-height: 1;}
#visual_wrap img{width: 100%;}
#visual_wrap .visual_items{position: absolute;left: 0;  bottom: 70px;width: 100%;z-index: 1000;}
#visual_wrap .swiper-paging{ display: flex;gap: 20px;}
#visual_wrap .swiper-paging .swiper-pagination-bullet{width: 10px;height: 10px;transition:.3s;}
#visual_wrap .swiper-paging .swiper-pagination-bullet-active{background: var(--co01);}
/* #visual_wrap .swiper-paging .swiper-pagination-bullet{position: relative;width: 40px;height: 40px;display: inline-block;border-radius: 50%;background: transparent;opacity: 1;}
#visual_wrap .swiper-paging .swiper-pagination-bullet::after{content:'';opacity: 0;position: absolute; left: 50%; top: 50%;transform:translate(-50%,-50%);border: 3px solid rgba(51, 51, 51, .5);border-radius: 50%;width: 40px;height: 40px;transition:.3s;}
#visual_wrap .swiper-paging svg{width: 40px; height: 40px;}
#visual_wrap .swiper-paging span.dots{position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);font-size: 16px; color: rgba(51, 51, 51, .5);text-align: center;font-weight: 700;}
#visual_wrap .circle{opacity: 0;}
#visual_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active span.dots{color: #333;}
#visual_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active::after{opacity: 1;}
#visual_wrap .swiper-pagination-bullet-active .circle{animation: draw 4s linear forwards;stroke-dashoffset: 140px; stroke-dasharray: 140px;opacity: 1;}
#visual_wrap .swiper-pagination-bullet-active .circle.on{animation-delay:1s;}
@keyframes draw {
    to {stroke-dashoffset: 0;}
} */
/* contents */
#contents{position: relative;margin-top: 60px;line-height: 1;}
#contents .inner{display: flex;}
#contents .menu_wrap{width: 180px;margin-right: 30px;}
#contents .menu_wrap a{display: flex; align-items: center;gap:10px;width: 100%; height: 54px; background: #f5f5f5; border:1px solid #ddd; border-radius:6px;font-size: 16px; color: #666;font-weight: 500;padding: 0 20px;transition:.3s;}
#contents .menu_wrap a:not(:last-child){margin-bottom: 10px;}
#contents .menu_wrap a:hover{border:1px solid var(--co01);background: #fff;}
#contents .mid_con{width: calc(100% - 210px);}
#contents .mid_con .tab{margin-bottom: 60px;}
#contents .mid_con .tab ul{display: flex;flex-wrap:wrap;}
#contents .mid_con .tab ul li{width: calc(100% / 6);border:1px solid #ddd;}
#contents .mid_con .tab ul li:not(:nth-child(6n)){border-right: 0;}
#contents .mid_con .tab ul li:last-child{border-right: 1px solid #ddd;}
#contents .mid_con .tab ul li:nth-child(-n+6){border-bottom: 0;}
#contents .mid_con .tab ul li a{position: relative;display: flex;align-items: center;height: 50px;padding: 0 20px; font-size: 16px; color: #333; font-weight: 600;}
#contents .mid_con .tab ul li a::after{content:'';opacity: 0;position: absolute; top: 0; left: 0; width: calc(100% + 1px); height: calc(100% + 1px); border:1px solid var(--co01);transition:.3s;}
#contents .mid_con .tab ul li:hover a::after{opacity: 1;}
#contents .mid_con .con01{display: flex;gap:20px;}
#contents .mid_con .con01 .slide_wrap{position: relative;width: 760px;background: #ddd; border-radius:6px;overflow: hidden;}
#contents .mid_con .con01 .slide_wrap ul.slide01 li .img_wrap{position:relative; width:100%; padding-bottom:44.737%;}
#contents .mid_con .con01 .slide_wrap ul.slide01 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;}
#contents .mid_con .con01 .slide_wrap .slick-dots{display: flex;gap:10px;align-items: center;position: absolute; left: 50%; transform:translateX(-50%);bottom: 25px;}
#contents .mid_con .con01 .slide_wrap .slick-dots li{width: 10px; height: 10px;background: rgba(255,255,255,.5);text-indent: -9999px; border-radius:5px;transition:.4s;}
#contents .mid_con .con01 .slide_wrap .slick-dots li.slick-active{background: var(--co01);width: 30px;border-radius:5px;}
#contents .mid_con .con01 .box_wrap{width: calc(100% - 780px);}
#contents .mid_con .con01 .box_wrap .box{position: relative;border-radius:6px;background: #ddd;height: 160px;border-radius:6px;overflow: hidden;}
#contents .mid_con .con01 .box_wrap .box:not(:last-child){margin-bottom: 20px;}
#contents .mid_con .con01 .box_wrap .box img{width: 100%;height: 100%;object-fit: cover;}
#contents .mid_con .con02{position: relative;width: 100%; height: 1070px; padding: 160px 50px 80px;margin-top: 60px;border-radius:6px;overflow: hidden;}
#contents .mid_con .con02 .bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #ddd; height: 1070px;border-radius:6px;z-index: -1;}
#contents .mid_con .con02 ul{display: flex; flex-wrap:wrap;gap:25px;}
#contents .mid_con .con02 ul li{width: calc((100% - 50px) / 3); height: 405px; background: #555; border-radius:6px;overflow: hidden;}
#contents .r_con{position: absolute; right: 50%;width: 180px;margin-right: -870px; top: 0%;}
#contents .r_con ul li:not(:last-child){margin-bottom: 10px;}
#contents .r_con ul li .img_wrap{position:relative; width:100%; padding-bottom:100%; background: #ddd; box-shadow: 3px 3px 10px rgba(0,0,0,.15);}
#contents .r_con ul 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;}
#contents .r_con.fixed{position: fixed;top: 60px;}
#contents .r_con.bottom{position: absolute; top: initial; bottom: 0;}
/*footer*/
#footer{line-height: 1;margin-top: 60px;border-top: 1px solid #ddd;;}
#footer .f_top{border-bottom: 1px solid #ddd; background: #f5f5f5;}
#footer .f_top .inner{display: flex; align-items: center; justify-content: space-between;height: 80px;}
#footer .f_top .a_wrap{display: flex;gap:40px;}
#footer .f_top .a_wrap a{position: relative;font-size: 16px; color: #333; font-weight: 300;}
#footer .f_top .a_wrap a:not(:last-child)::after{content:'';position: absolute; right: -20px; top: 50%; transform:translateY(-50%);width: 1px; height: 15px; background: #ddd;}
#footer .f_top .f_right{display: flex; align-items: center; gap:30px;}
#footer .f_top .f_right .sns_icon{display: flex;gap:20px;align-items: center;}
#footer .f_top .f_right .partner_site{position: relative;}
#footer .f_top .f_right .partner_site em{position: relative;display: flex; align-items: center; font-size: 16px; color: #666; width: 220px; height: 45px;background: #fff; border:1px solid #ddd;padding: 0 10px;cursor:pointer;}
#footer .f_top .f_right .partner_site em::after{content:'';position: absolute; top: 50%; transform:translateY(-50%); right: 10px;width: 12px; height: 7px; background: url(/assets/images/main/f_icon02.png)center no-repeat; background-size: cover;transition:.3s;}
#footer .f_top .f_right .partner_site em.on::after{transform:translateY(-50%) rotate(180deg); }
#footer .f_top .f_right .partner_site ul{display: none;position: absolute; left: 0; top: 45px; padding: 20px 10px; background: #fff; border:1px solid #ddd;width: 100%;}
#footer .f_top .f_right .partner_site ul li:not(:last-child){margin-bottom: 20px;}
#footer .f_top .f_right .partner_site ul li a{font-size: 16px; color: #666;}
#footer .f_bot{padding: 60px 0px;}
#footer .f_bot .inner{display: flex;justify-content: space-between;}
#footer .f_bot .f_logo{width: 200px; height: 50px; margin-bottom: 25px;}
#footer .f_bot .f_logo a{display: block;position:relative; width:100%; padding-bottom:25%;}
#footer .f_bot .f_logo a img{position:absolute; left:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}
#footer .f_bot .f_con{display: flex;justify-content: space-between;}
#footer .f_bot .f_con .txt_wrap strong{display: block;font-size: 24px; color: #333; font-weight: 700;}
#footer .f_bot .f_con .txt_wrap em{display: block;font-size: 36px;color: #2c8fd4; font-weight: 700;margin: 30px 0px;}
#footer .f_bot .f_con .txt_wrap p{font-size: 17px; color: #666; line-height: 30px;}
#footer .f_bot address p{font-size: 17px; color: #666; font-weight: 300; line-height: 30px;}
#footer .f_bot address p.copy{color: #999;margin-top: 15px;text-transform:uppercase;}
#footer .f_bot address p i{display: inline-block;width: 18px;}
/* pri_pop */
.f_pop{display: none;position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,.3);z-index: 9999;}
.f_pop .x_btn{position: fixed;top: -70px;right: 0px;color: #fff;font-size: 40px;}
.f_pop .pop_box{position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);width: 1200px; height: 700px; background: #fff; border-radius: 20px;padding: 60px;}
.f_pop .pop_box02{position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);width: 1200px; background: #fff; border-radius: 20px;padding: 60px;}
.pop_box h2{font-size:30px; color:#222; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #ddd; text-align:center;}	
.pop_box .txt_box{overflow-y:scroll; height:460px;}
.pop_box .txt_box h4.member_guide_tit{font-size:18px; margin-top: 20px; color:#222; font-weight:600;}
.pop_box .guide_type1 {padding-left: 10px; margin-top: 5px;}
.pop_box .guide_type2 {padding-left: 15px; margin-top: 5px;}
.pop_box .txt_box .guide_type1 > li{margin-bottom: 5px; font-size: 18px; color: #555; line-height: 1.4;}
.pop_box .guide_type2 > li {margin-bottom: 3px; font-size: 18px; color: #555; line-height: 1.4;}
.pop_box02 h2{font-size:30px; color:#222; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #ddd; text-align:center;}	
.pop_box02 .txt_box p{font-size:18px; color:#555;}
.pop_box02 .txt_box p strong{display: block;background: #f5f5f5;padding: 10px 20px;margin: 10px 0;font-weight: 400;border-left: 3px solid #ddd;}
.pop_box02 .txt_box p strong img{display: inline-block;transform: translateY(7px);margin-right: 10px;}
.pop_box02 .txt_box02{padding: 15px 20px;margin: 10px 0;background: #FBE9E7;color: #9c1F1F;}
/* ====sub======================================= */
#sub_visual_wrap{line-height: 1;}
#sub_visual_wrap img{width: 100%;}
#sub_contents{width: calc(100% - 210px); padding-bottom: 40px;min-height: 600px;}
#sub_contents.no_menu{width: 100%;}
/* 공통 */
h2.h2_tit01{position: relative;font-size: 32px; color: #333; font-weight: 700; text-align: center;padding-bottom: 30px; margin-bottom: 50px;border-bottom: 1px solid #ddd;}
h2.h2_tit01::after{content:'';position: absolute; bottom: -2px; left: 50%; transform:translateX(-50%);width: 60px; height: 3px; background: var(--co02);}
ul.ul_list01{display: flex; flex-wrap:wrap;gap:40px 20px;}
ul.ul_list01 li{width: calc((100% - 60px) / 4);}
ul.ul_list01 li .img_wrap{ position:relative; width:100%; padding-bottom:100%;border-radius:6px; overflow: hidden;}
ul.ul_list01 li .img_wrap img{position:absolute; left:0; right:0; t2025-04-08op:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;transition:.4s;}
ul.ul_list01 li:hover .img_wrap img{transform:scale(1.05);}
ul.ul_list01 li .txt_wrap{margin-top: 30px;}
ul.ul_list01 li .txt_wrap p{font-size: 17px; color: #333; font-weight: 700;text-align: center;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
ul.ul_list01 li .txt_wrap span{display: block;font-size: 17px; color: #666; margin-top: 12px;text-align: center; font-weight: 700;}
ul.ul_list01 li .txt_wrap span em{display: inline-block;color: var(--co02); font-weight: 700;}
ul.ul_list01 li .btn_wrap{display: flex;align-items: center;gap:10px;margin-top: 20px;}
ul.ul_list01 li .btn_wrap a{display: flex; gap:10px;align-items: center; justify-content: center;width: calc((100% - 10px) / 2);height: 40px;font-size: 16px; color: #666; border:1px solid #ddd;transition:.3s;}
ul.ul_list01 li .btn_wrap a:hover{border:1px solid var(--co02);}
input[type="checkbox"].chk_st01{display: none;}
input[type="checkbox"].chk_st01 + label{position: relative;padding-left: 28px; font-size: 16px; color: #666;}
input[type="checkbox"].chk_st01 + label em{color: #d60000;font-weight: 500;}
input[type="checkbox"].chk_st01 + label::after{content:'';position: absolute; left: 0; top: 2px; width: 16px; height: 16px; border:1px solid #ddd;}
input[type="checkbox"]:checked.chk_st01 + label::after{content:''; background: url(/assets/images/sub/chk_icon01.png)center no-repeat var(--co02); background-size: 12px; border:1px solid var(--co02);}
input[type="radio"].ra_st01{display: none;}
input[type="radio"].ra_st01 + label{position: relative;padding-left: 30px;font-size: 16px; color: #666;}
input[type="radio"].ra_st01 + label::after{content:'';position: absolute; left: 0; top: 0; width: 16px; height: 16px; border:1px solid #ddd; border-radius:50%;}
input[type="radio"]:checked.ra_st01 + label::after{border:5px solid var(--co02);}
table.tbl01{width: 100%;border-top: 1px solid #ddd;}
table.tbl01 tr{border-bottom: 1px solid #ddd;}
table.tbl01 th{padding: 15px 20px;font-size: 17px; color: #333; font-weight: 500;}
table.tbl01 th.left{text-align: left;}
table.tbl01 td{padding: 15px 20px;font-size: 17px; color: #666; }
table.tbl01 td.center{text-align: center;}
table.tbl01 td:not(:last-child){border-right: 1px solid #ddd;}
table.tbl02{border-top: 2px solid #333;width: 100%;}
table.tbl02 th{font-size: 17px; color: #333; font-weight: 500;padding: 15px 20px; border:1px solid #ddd;}
table.tbl02 td{font-size: 16px; color: #666;padding: 15px 20px; border:1px solid #ddd;}
/* list01 */
.list01_wrap{line-height: 1;}
.list01_wrap .con01{margin-bottom: 30px;}
.list01_wrap .con01 img{width: 100%;}
.list01_wrap .list_con .cate_wrap{display: flex; align-items: center; justify-content: space-between;margin-bottom: 30px;}
.list01_wrap .list_con .cate_wrap .left{display: flex;align-items: center;gap:30px;}
.list01_wrap .list_con .cate_wrap .left .total_item p{font-size: 16px; color: #333; font-weight: 600;}
.list01_wrap .list_con .cate_wrap .left .total_item p em{color: var(--co02);}
.list01_wrap .list_con .cate_wrap .left .cate{display: flex;gap:30px;}
.list01_wrap .list_con .cate_wrap .left .cate a{position: relative;font-size: 16px; color: #999;}
.list01_wrap .list_con .cate_wrap .left .cate a.on{color: #333; font-weight: 600;}
.list01_wrap .list_con .cate_wrap .left .cate a:not(:last-child)::after{content:'';position: absolute; right: -14px; top: 50%; transform:translateY(-50%); width: 1px; height: 12px; background: #ddd;}
.list01_wrap .list_con .cate_wrap .right .search{display: flex;align-items: center;	border:1px solid #ddd;width: 260px; height: 45px;padding: 0px 10px;}
.list01_wrap .list_con .cate_wrap .right .search input[type="text"]{width: calc(100% - 35px);font-size: 15px; color: #999; border:0;}
.list01_wrap .list_con .cate_wrap .right .search input[type="text"]::placeholder{font-size: 15px; color: #999; }
.list01_wrap .list_con .cate_wrap .right .search input[type="text"]:focus{outline:0;}
.list01_wrap .list_con .cate_wrap .right .search button{width: 35px;}
.list01_wrap .list_con .cate_wrap .right .search button img{display: block;margin-left: auto;}
/* view01 */
.view01_wrap{line-height: 1;}
.view01_wrap .con01{display: flex;gap:120px;margin-bottom: 60px;}
.view01_wrap .con01 .img_con{width: 600px;}
.view01_wrap .con01 .img_wrap{position:relative; width:100%; padding-bottom:100%;background: #ddd; border-radius:6px; overflow: hidden;}
.view01_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%;}
.view01_wrap .con01 .txt_con{width: calc(100% - 720px);}
.view01_wrap .con01 .txt_con .tit{padding-bottom: 40px; border-bottom: 1px solid #ddd;}
.view01_wrap .con01 .txt_con .tit p{font-size: 36px; color: #333; font-weight: 700;}
.view01_wrap .con01 .txt_con .tit span{display: block; font-size: 26px; font-weight: 700;margin-top: 30px;color: #666;}
.view01_wrap .con01 .txt_con .tit span em{color: var(--co02); font-weight: 700;}
.view01_wrap .con01 .txt_con .d_txt{padding: 30px 0px;border-bottom: 1px solid #ddd;}
.view01_wrap .con01 .txt_con .d_txt .txt01 p{font-size: 17px; color: #000; line-height: 30px;}
.view01_wrap .con01 .txt_con .d_txt .txt01 p b{color: #d20000; font-weight: 700;}
.view01_wrap .con01 .txt_con .d_txt .txt01 span{display: block;font-size: 16px; color: #999;margin-top: 20px; line-height: 1.5;font-weight: 700;}
.view01_wrap .con01 .txt_con .d_txt .txt02{margin-top: 40px;}
.view01_wrap .con01 .txt_con .d_txt .txt02 ul li{display: flex; align-items: center;gap:15px;}
.view01_wrap .con01 .txt_con .d_txt .txt02 ul li:not(:last-child){margin-bottom: 12px;}
.view01_wrap .con01 .txt_con .d_txt .txt02 ul li p{font-size: 15px;color: #333; font-weight: 700;}
.view01_wrap .con01 .txt_con .d_txt .txt02 ul li span{font-size: 15px; color: #666;}
.view01_wrap .con01 .txt_con .s_txt{padding-top: 25px;}
.view01_wrap .con01 .txt_con .s_txt .select_wrap{margin-bottom: 35px;}
.view01_wrap .con01 .txt_con .s_txt .select_wrap ul{margin-bottom: 20px;}
.view01_wrap .con01 .txt_con .s_txt .select_wrap ul li:not(:last-child){margin-bottom: 20px;}
.view01_wrap .con01 .txt_con .s_txt .select_wrap ul li p{font-size: 15px; color: #333; font-weight: 700;margin-bottom: 15px;}
.view01_wrap .con01 .txt_con .s_txt .select_wrap ul li p em{font-size: 24px;color: var(--co02); font-weight: 700;}
.view01_wrap .con01 .txt_con .s_txt .select_wrap ul li select{width: 100%; height: 45px; border:1px solid #ddd;padding: 0 10px;font-size: 15px; color: #666;  -webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/appearance:none; background: url(/assets/images/sub/select_icon01.png)center right 10px no-repeat; background-size: 12px;}
.view01_wrap .con01 .txt_con .s_txt .select_wrap .select_result .box{padding: 20px;background: #f5f5f5;}
.view01_wrap .con01 .txt_con .s_txt .select_wrap .select_result .box:not(:last-child){margin-bottom: 5px;}
.view01_wrap .con01 .txt_con .s_txt .select_wrap .select_result .box .top{display: flex;align-items: center; justify-content: space-between;padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #ddd;}
.view01_wrap .con01 .txt_con .s_txt .select_wrap .select_result .box .top p{font-size: 16px; color: #666;}
.view01_wrap .con01 .txt_con .s_txt .select_wrap .select_result .box .top em.del_btn{display: flex; align-items: center; justify-content: center;cursor:pointer;width: 18px; height: 18px; border:1px solid #999;font-size: 12px; color: #333; font-weight: 700;border-radius:50%;}
.view01_wrap .con01 .txt_con .s_txt .select_wrap .select_result .box .bot{display: flex; align-items: center; justify-content: space-between;}
.view01_wrap .con01 .txt_con .s_txt .select_wrap .select_result .box .bot .qty{display: flex;align-items: center; border:1px solid #ddd;}
.view01_wrap .con01 .txt_con .s_txt .select_wrap .select_result .box .bot .qty a{display: flex; align-items: center; justify-content: center;width: 40px; height: 40px;background: #fff;font-size: 24px; color: #666;}
.view01_wrap .con01 .txt_con .s_txt .select_wrap .select_result .box .bot .qty input{width: 60px; height: 40px;border:0;border-right: 1px solid #ddd; border-left: 1px solid #ddd; background: #fff;font-size: 15px; color: #666;text-align: center;}
.view01_wrap .con01 .txt_con .s_txt .select_wrap .select_result .box .bot .qty input:focus{outline:0;}
.view01_wrap .con01 .txt_con .s_txt .select_wrap .select_result .box .bot .pri{font-size: 16px; color: #666;}
.view01_wrap .con01 .txt_con .s_txt .select_wrap .total_pri{display: flex; align-items: center; justify-content: space-between;margin-top: 30px;}
.view01_wrap .con01 .txt_con .s_txt .select_wrap .total_pri p{font-size: 16px;color: #666;}
.view01_wrap .con01 .txt_con .s_txt .select_wrap .total_pri strong{font-size: 26px; color: #666; font-weight: 700;}
.view01_wrap .con01 .txt_con .s_txt .select_wrap .total_pri strong em{color: var(--co02);font-weight: 700;}
.view01_wrap .con01 .txt_con .btn_wrap{display: flex;gap:12px;}
.view01_wrap .con01 .txt_con .btn_wrap a{display: flex;align-items: center; justify-content: center;gap:10px;width: calc((100% - 24px) / 3); height: 54px;font-size: 16px; color: #666; font-weight: 700; border:1px solid #ddd;}
.view01_wrap .con01 .txt_con .btn_wrap a em{display: block; background: url(/assets/images/sub/wish_icon.png)center no-repeat; width: 16px; height: 15px; background-size: cover;}
.view01_wrap .con01 .txt_con .btn_wrap a em.active{background: url(/assets/images/sub/wish_icon_on.png)center no-repeat;}
.view01_wrap .con01 .txt_con .btn_wrap a.btn01{color: #fff; background: var(--co02);border:1px solid var(--co02)}
.view01_wrap .con02 .tab-menu-wrap{display: flex;margin-bottom: 40px;border: 1px solid #ddd;border-bottom: 0;}
.view01_wrap .con02 .tab-menu-wrap a{display: flex; align-items: center; justify-content: center; flex:1;height: 55px;font-size: 17px; color: #666;border-bottom: 1px solid #ddd;}
.view01_wrap .con02 .tab-menu-wrap a:not(:last-child){border-right: 1px solid #ddd;}
.view01_wrap .con02 .tab-menu-wrap a.on{color: #000; font-weight: 500;border-bottom: 0;}
.view01_wrap .con02 .tab-con{padding: 0 100px;}
.view01_wrap .con02 .tab-con img{display: block;max-width: 100%;margin: 0 auto;}
/* shop */
.shop_wrap{width: 1110px; margin: 0 auto;line-height: 1;}
/* 주문하기 */
.order_wrap{display: flex;gap:20px;align-items: flex-start;}
.order_wrap .tit{margin-bottom: 30px;}
.order_wrap .tit p{font-size: 22px; color: #333; font-weight: 700;}
.order_wrap input[type="text"]{height: 40px;border:1px solid #ddd; padding: 0 15px;font-size: 16px; color: #666;}
.order_wrap input[type="text"]::placeholder{font-size: 16px; color: #999;}
.order_wrap input[type="text"]:focus{outline:0;}
.order_wrap input[type="text"].input01{width: calc((100% - 10px) / 2);}
.order_wrap input[type="text"].input02{width: 100%;}
.order_wrap input[type="text"].input03{width: 180px;}
.order_wrap .left{width: calc(100% - 410px);padding: 40px 30px; border:1px solid #ddd;}
.order_wrap .left .con:not(:last-child){border-bottom: 1px solid #ddd;padding-bottom: 40px;margin-bottom: 40px;}
.order_wrap .left .con01 .box{border:1px solid #ddd;padding: 20px;}
.order_wrap .left .con01 .box .top{display: flex;gap:20px; align-items: center;}
.order_wrap .left .con01 .box:not(:last-child){border-bottom: 0;}
.order_wrap .left .con01 .box .img_box{width: 80px;border-radius:6px;overflow: hidden;}
.order_wrap .left .con01 .box .img_wrap{position:relative; width:100%; padding-bottom:100%;}
.order_wrap .left .con01 .box .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;}
.order_wrap .left .con01 .box .txt_box{width: calc(100% - 100px);}
.order_wrap .left .con01 .box .txt_box p{font-size: 17px; color: #333;font-weight: 500;}
.order_wrap .left .con01 .box .txt_box span{display: block;font-size: 16px; color: #666;margin-top: 12px;}
.order_wrap .left .con01 .box .txt_box strong{display: block;font-size: 17px; color: #333;font-weight: 700;}
.order_wrap .left .con01 .box .txt_box strong em{font-weight: 700; color: var(--co02);}
.order_wrap .left .con01 .box .txt_box .price{display: flex;align-items: center;gap:30px;margin-top: 15px;}
.order_wrap .left .con01 .box .txt_box .price .pri{position: relative;display: flex;align-items: flex-end;gap:5px;}
.order_wrap .left .con01 .box .txt_box .price .pri b{font-size: 12px; color: #555; font-weight: 600;}
.order_wrap .left .con01 .box .txt_box .price .pri.point::after{content:'-';position: absolute; top: 50%;left: -18px;transform: translateY(-50%);font-size: 20px;color: #333;}
.order_wrap .left .con01 .box .txt_box .price .pri.total::after{content:'=';position: absolute; top: 50%;left: -21px;transform: translateY(-50%);font-size: 20px;color: #333;}

.order_wrap .left .con01 .box .bot{padding-top: 15px;margin-top: 15px; border-top: 1px dashed #ddd;}
.order_wrap .left .con01 .box .bot .point{display: flex; align-items: center; gap:10px;}
.order_wrap .left .con01 .box .bot .point strong{display: block;width: 100px;font-size: 17px;color: #333;font-weight: 700;}
.order_wrap .left .con01 .box .bot .point .input{position: relative;width: calc(100% - 200px);}
.order_wrap .left .con01 .box .bot .point .input input[type="text"]{width: 100%;text-align: right;padding-right: 50px;}
.order_wrap .left .con01 .box .bot .point .input .x_btn{display: flex;align-items: center; justify-content: center;position: absolute; right: 15px; top: 50%; transform:translateY(-50%);background: #aaa;color: #fff;font-size: 11px; width: 16px; height: 16px; border-radius:50%;}
.order_wrap .left .con01 .box .bot .point .point_btn{display: flex; align-items: center; justify-content: center; width: 80px;height: 40px; background: var(--co02); font-size: 16px; color: #fff;}


.order_wrap .left .con01 .sub_txt{display: flex;align-items: center; justify-content: center;width: 100%; height: 40px; background: #f5f5f5; border:1px solid #ddd; border-top:0;}
.order_wrap .left .con01 .sub_txt p{font-size: 16px; color: #666;}
.order_wrap .left .con01 .sub_txt p em{color: #333;font-weight: 700;}
.order_wrap .left .con02 > div:not(:last-child){margin-bottom: 20px;}
.order_wrap .left .con02 .input_wrap{display: flex;flex-wrap:wrap;gap:10px;}
.order_wrap .left .con02 .input_wrap .addr_input{display: flex;gap:10px; width: 100%;}
.order_wrap .left .con02 .input_wrap .addr_input a{display: flex; align-items: center; justify-content: center;width: 140px; height: 40px; background:var(--co02); color: #fff;font-size: 16px;}
.order_wrap .left .con02 .input_wrap02 strong{display: block;font-size: 16px; color: #333; font-weight: 500;margin-bottom: 10px;}
.order_wrap .right{width: 390px;}
.order_wrap .right .con_wrap{width: 100%;padding: 40px 30px;background: #f5f5f5;}
.order_wrap .right span{display: block;font-size: 16px;	color: #666; }
.order_wrap .right .con:not(:last-child){border-bottom: 1px solid #ddd;padding-bottom: 20px;margin-bottom: 20px;}
.order_wrap .right .con01 ul li{display: flex; align-items: center; justify-content: space-between;}
.order_wrap .right .con01 ul li:not(:last-child){margin-bottom: 18px;}
.order_wrap .right .con02 ul{margin-bottom: 40px;}
.order_wrap .right .con02 ul li{display: flex; align-items: center; justify-content: space-between;}
.order_wrap .right .con02 ul li p{font-size: 16px; color: #333;}
.order_wrap .right .con02 ul li strong{display: block;font-size: 22px; color: #333;}
.order_wrap .right .con02 ul li strong em{color: var(--co02);font-weight: 700;}
.order_wrap .right .con02 .box p{font-size: 16px; color: #666;margin: 20px 0;}
.order_wrap .right .con02 .box p em{font-weight: 700;color: var(--co02);}
.order_wrap .right .con02 .box p b{font-weight: 700;color: #333;}
.order_wrap .right .con03 .box:not(:last-child){margin-bottom: 40px;}
.order_wrap .right .con03 .box .ra{display: flex;align-items: center;margin: 20px 0;}
.order_wrap .right .con03 .box .ra input[type="radio"].ra_st01 + label{flex:1;}
.order_wrap .right .con03 .box .chk input[type="checkbox"].chk_st01 + label{display: block;margin-top: 10px;}
.order_wrap .right .con03 .box .chk input[type="checkbox"].chk_st01 + label::after{top: 0;}
.order_wrap .right .con03 .box .chk span{display: inline-block;width: fit-content;margin-left: 5px; cursor:pointer;}
.order_wrap .right .pay_btn{display: flex; align-items: center; justify-content: center;width: 100%;height: 54px; font-size: 16px; font-weight: 700; color: #fff; background: var(--co02);}

/* sub0601 */
.sub0601_wrap{width: 1110px; margin: 0 auto;line-height: 1;}
.sub0601_wrap .con_wrap{display: flex; flex-wrap:wrap;gap:30px;}
.sub0601_wrap .con_wrap .con{width: calc((100% - 90px) / 4); border:5px solid #f5f5f5; border-radius:12px;padding: 35px 20px 25px;}
.sub0601_wrap .con_wrap .con .tit{margin-bottom: 20px;}
.sub0601_wrap .con_wrap .con .tit span{display: block;font-size: 17px; color: var(--co02); font-weight: 700;text-align: center;margin-bottom: 10px;text-transform:uppercase;}
.sub0601_wrap .con_wrap .con .tit p{font-size: 22px; color: #333; font-weight: 500; text-align: center;}
.sub0601_wrap .con_wrap .con .icon{width: fit-content;margin: 0 auto 25px;transition:.4s;}
.sub0601_wrap .con_wrap .con:hover .icon{transform:translateY(-5px) rotateY(360deg);}
.sub0601_wrap .con_wrap .con .txt p{font-size: 16px; color: #666; line-height: 22px;text-align: center;}

/* sub0901 */
.sub0901_wrap{width: 1110px; margin: 0 auto;line-height: 1;}
.sub0901_wrap .con:not(:last-child){margin-bottom: 40px;}
.sub0901_wrap .con .tit{border-bottom: 2px solid #333;padding-bottom: 20px;}
.sub0901_wrap .con .tit p{font-size: 28px; color: #333; font-weight: 700;}
.sub0901_wrap .con ul li{display: flex; border-bottom: 1px solid #ddd;padding: 20px 0px;}
.sub0901_wrap .con ul li p{width: 180px; font-size: 16px; color: #333;font-weight: 700;line-height: 2.5;}
.sub0901_wrap .con ul li p em{color: var(--co02);font-weight: 700;}
.sub0901_wrap .con ul li input[type="text"]{width: 400px; height: 40px; border-radius:6px; border:1px solid #ddd;padding: 0 20px;font-size: 15px; color: #555;}
.sub0901_wrap .con ul li textarea{width: calc(100% - 180px); height: 200px; border-radius:6px; border:1px solid #ddd;padding: 20px;font-size: 15px; color: #555;resize:none;}
.sub0901_wrap .con ul li .ra_wrap{width: calc(100% - 180px);display: flex; align-items: center; flex-wrap:wrap;gap:40px;}
.sub0901_wrap .con ul li .ra_wrap .radio{display: flex; align-items: center;gap:10px;}
.sub0901_wrap .con ul li .ra_wrap .radio input[type="text"]{width: 240px;}
.sub0901_wrap .con ul li input[type="file"]{line-height: 3;}
.sub0901_wrap .con02 .tit{border-bottom: 0;}
.sub0901_wrap .con02 .txt_box{width: 100%; height: 250px;padding: 20px;border:1px solid #ddd; border-radius:6px; overflow-y: scroll;}
.sub0901_wrap .con02 .txt_box::-webkit-scrollbar {width: 6px;  /* 스크롤바의 너비 */}
.sub0901_wrap .con02 .txt_box::-webkit-scrollbar-thumb{height: 30%; /* 스크롤바의 길이 */background: #999; /* 스크롤바의 색상 */border-radius: 10px;}
.sub0901_wrap .con02 .txt_box::-webkit-scrollbar-track {background: transparent;  /*스크롤바 뒷 배경 색상*/}
.sub0901_wrap .con02 .txt_box .txt:not(:last-child){margin-bottom: 20px;}
.sub0901_wrap .con02 .txt_box .txt strong{display: block;font-size: 16px; color: #333; font-weight: 700;margin-bottom: 10px;}
.sub0901_wrap .con02 .txt_box .txt p{font-size: 16px; color: #666; line-height: 24px;}
.sub0901_wrap .con02 .input{margin-top: 20px;}
.sub0901_wrap .btn_wrap{display: flex; align-items: center; justify-content: center;gap:10px;margin-top: 40px;}
.sub0901_wrap .btn_wrap a{display: flex; align-items: center; justify-content: center;width: 140px; height: 46px;font-size: 16px; color: #333; font-weight: 500; border:1px solid #ddd; border-radius:6px;}
.sub0901_wrap .btn_wrap a.btn01{background: var(--co02); border:1px solid var(--co02);color: #fff;}

/* 적립금내역 */
.mypage_wrap .point_wrap{line-height: 1;}
.mypage_wrap .point_wrap .top{margin-bottom: 30px;text-align: right;}
.mypage_wrap .point_wrap .top strong{font-size: 20px;color: var(--co02);}
.mypage_wrap .point_wrap .top strong b{display: inline-block;font-size: 22px;color: #333;font-weight: 900;}
.mypage_wrap .point_wrap table.tbl01 td:first-child{text-align: left;}
.mypage_wrap .point_wrap table.tbl01 td{text-align: center;}
.mypage_wrap .point_wrap table.tbl01 td p{font-weight: 600;}
.mypage_wrap .point_wrap table.tbl01 td p.co01{color: var(--co02);}
.mypage_wrap .point_wrap table.tbl01 td p.co02{color: #c31414;}