@charset "utf-8";
/* 당근고양이 'ㅅ' */

/* for styles */
@import url("default.css");

/* layout */
html, body {width:100%; overflow-x:hidden; word-break:keep-all; -webkit-text-size-adjust:100%;}
body {user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; -webkit-user-select:none;}
input[type="text"],
input[type="password"],
input[type="date"],
select,
textarea {border:#ddd 1px solid; max-width:100%; border-radius:3px;}
input[type="text"],
input[type="password"],
input[type="date"],
select {height:30px; padding:0 10px;}
::placeholder {color:#999;}
select {-webkit-appearance:none; -moz-appearance:none; appearance:none; background:#fff url('/pub/images/arrow_select.svg') no-repeat right 10px center / 10px;}
textarea {padding:10px;}
button,a {transition:.2s linear; -webkit-tap-highlight-color:transparent;}
a.smoth_link {scroll-behavior:smooth;}
.imgfit {overflow:hidden;}
.imgfit img {width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
* {-webkit-touch-callout:none;}
img {pointer-events:none; user-select:none; -webkit-touch-callout:none;}

span.br {display:block;}
.mo_vw {display:none !important;}

.inner {width:100%; max-width:1460px; margin:0 auto; padding:0 20px;}

.red {color:#DE220D !important;}
.blue {color:#032553 !important;}

::-webkit-scrollbar {width:2px; height:2px;}
::-webkit-scrollbar-thumb {background-color:#032553; border-radius:2px; background-clip:padding-box;}
::-webkit-scrollbar-track {background-color:#F2F2F2; border-radius:2px;}

/* overflow:hidden; ios 스크롤 막기 설정 */
html.over_h,body.over_h,
html.fancybox-lock, html.fancybox-lock body {touch-action:none; overflow-scrolling:none; -webkit-overflow-scrolling:none; overscroll-behavior:none;}

/* 높이값 설정 */
.height_vh {height:100vh; max-height:calc(var(--vh, 1vh) * 100);}

/* 익스 브라우저 사용시 */
.ie_wrap {display:none; font-family:'Noto Sans Korean', sans-serif;}
.ie_wrap .outbox {position:fixed; top:0; left:0; width:100%; height:100%; background:#f286af; display:table; table-layout:fixed; z-index:1000;}
.ie_wrap .inbox {display:table-cell; vertical-align:middle;}
.ie_wrap p {font-size:19px; color:#fff; font-weight:500; line-height:30px; text-align:center; margin-bottom:20px; text-shadow:rgba(0,0,0,.2) 0 0 10px;}
.ie_wrap .link {text-align:center; font-size:0;}
.ie_wrap .link a {display:inline-block; vertical-align:top; font-size:60px; color:#fff; margin:0 40px; text-shadow:rgba(0,0,0,.1) 0 0 10px; font-size:0;}
.ie_wrap .link a i {font-size:60px;}
body.ie {overflow:hidden;}
body.ie .ie_wrap {display:block;}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	body {overflow:hidden;}
	body .ie_wrap {display:block;}
}

.blind_link a {position:fixed; top:0; left:0; width:100%;font-size:0; text-align:center; z-index:101;}
.blind_link a:active,
.blind_link a:focus {font-size:20px; color:#fff; background:#000; padding:20px;}

label.check {display:flex; gap:10px; align-items:center; font-size:16px; color:#222; font-weight:600; font-family:'Pretendard';}
label.check input {display:none;}
label.check i {position:relative; display:block; width:16px; height:16px; border:#ccc 1px solid; border-radius:5px; transition:.2s linear;}
label.check i:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#ddd; mask:url('/pub/images/icon_chk.svg') no-repeat 50% 50%; -webkit-mask:url('/pub/images/icon_chk.svg') no-repeat 50% 50%;}
label.check span {transition:.2s linear;}
label.check input:checked + i {border-color:#032553;}
label.check input:checked + i:before {background:#000;}
/* label.check input:checked ~ span {color:#032553; font-weight:700;} */

label.radio {display:flex; gap:10px; align-items:center; font-size:16px; color:#222; font-weight:600;}
label.radio input {display:none;}
label.radio i {position:relative; display:block; width:16px; height:16px; border:#ddd 1px solid; border-radius:50%; transition:.2s linear;}
label.radio i:before {content:""; position:absolute; top:50%; left:50%; width:0; height:0; background:#032553; border-radius:50%; transition:.2s linear; transform:translate(-50%,-50%);}
label.radio input:checked + i:before {width:8px; height:8px;}

.select {margin-right:10px; width:200px; max-width:100%; height:40px; padding:0 10px 0 0;}
.select span {display:block; width:100%; max-width:100%; padding:0 20px; line-height:40px; font-size:14px;}
.select.hi5 {height:50px;}
.select.hi5 span {line-height:50px; width:100%;}
.nice-select .option {width:100%;}

/* 게시판 목록 */
.board_list {border-top:#222 2px solid; font-family:'Pretendard';}
.board_list col.w1 {width:180px;}
.board_list col.w2 {width:170px;}
.board_list col.w3 {width:200px;}
.board_list col.w71 {width:160px;}
.board_list col.w72 {width:150px;}
.board_list col.w220 {width:220px;}
.board_list col.w230 {width:230px;}
.board_list th,
.board_list td {color:#222; text-align:center; border-bottom:#cecece 1px solid;}
.board_list th {font-size:14px; font-weight:500; height:60px;}
.board_list td {font-size:16px; font-weight:300; height:80px;}
.board_list td.tal a {position:relative; display:inline-block; vertical-align:top; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_list .new td.tal a {padding-right:26px;}
.board_list .new td.tal a:after {content:"N"; position:absolute; top:50%; right:0; width:16px; height:16px; line-height:16px; font-size:10px; color:#fff; font-weight:700; text-align:center; background:#CDB079; transform:translateY(-50%);}
.board_list .lock td.tal a {padding-right:23px;}
.board_list .lock td.tal a:before {content:""; position:absolute; top:0; right:0; width:13px; height:100%; background:url('/pub/images/icon_lock.svg') no-repeat 50% 50% / contain;}
.board_list .lock.new td.tal a {padding-right:45px;}
.board_list .lock.new td.tal a:before {right:22px;}
.board_list .file i {display:block; width:17px; height:19px; background:url('/pub/images/icon_file.svg') no-repeat 50% 50% / contain; margin:0 auto;}
.board_list .notice .noti {display:block; font-size:12px; color:#fff; font-weight:700; line-height:30px; height:30px; width:72px; background:#032553; border-radius:15px; text-align:center; margin:0 auto;}
.board_list td.date {color:#9c9c9c;}
.board_list .state i {display:block; font-size:12px; font-weight:600; line-height:22px; height:22px; width:74px; text-align:center; margin:0 auto; border:#032553 1px solid; border-radius:12px;}
.board_list .state .ing {color:#032553;}
.board_list .state .end {color:#fff; background:#032553;}
.board_list.list_fz14 td {font-size:14px;}

.board_bottom .btns {margin-top:80px; display:flex; justify-content:center; gap:10px;}
.board_bottom .btns .btn {display:block; width:240px; height:60px; line-height:60px; background:#001D57; font-size:14px; color:#fff; font-weight:500; text-align:center; border:0; border-radius:3px; vertical-align:top;}
.board_bottom .btns .btn_b {font-size:16px;}
.board_bottom .btns .btn_l {color:#222; background:#fff; border:#ddd 1px solid;}
.board_bottom .btns.tar {justify-content:flex-end; margin-top:20px;}
.board_bottom .btns.tar .btn {width:100px; height:50px; line-height:50px;}
.board_bottom .btns.tar .btn_l {line-height:48px;}

.board_bottom .paging {display:flex; gap:10px; justify-content:center; margin-top:150px;}
.board_bottom .paging a {display:block; width:28px; height:28px; line-height:28px; text-align:center; border-radius:3px; font-size:15px; color:#999; vertical-align:top; font-family:'Pretendard';}
.board_bottom .paging a.on {background:#032553; color:#fff; font-weight:700;}
.board_bottom .paging .nums {margin:0 10px;}
.board_bottom .paging .arrow {background:#fff no-repeat 50% 50% !important; font-size:0;}
.board_bottom .paging .arrow.one {background-image:url('/pub/images/arrow_page_one.svg') !important;}
.board_bottom .paging .arrow.two {background-image:url('/pub/images/arrow_page_two.svg') !important;}
.board_bottom .paging .arrow.next,
.board_bottom .paging .arrow.last {transform:scaleX(-1);}
.board_bottom .paging .arrow.first {margin-right:10px;}
.board_bottom .paging .arrow.prev {margin-right:20px;}
.board_bottom .paging .arrow.next {margin-left:20px;}
.board_bottom .paging .arrow.last {margin-left:10px;}

.board_bottom .search_wrap {background:#f5f5f5; padding:10px; text-align:center; margin-top:20px;}
.board_bottom .search_wrap .text,
.board_bottom .search_wrap .btn {display:inline-block; vertical-align:top;}
.board_bottom .search_wrap select.text {width:100px;}
.board_bottom .search_wrap input.text {width:240px;}
.board_bottom .search_wrap .btn {width:80px; height:30px; line-height:30px; border:0; background:#0e5ba2; color:#fff; font-weight:bold; text-align:center; border-radius:4px;}

/* 게시판 상세 */
.board_view {border-top:#222 2px solid; font-family:'Pretendard';}
.board_view .tit {position:relative; font-size:20px; color:#222; font-weight:700; padding:30px 160px 30px 20px; display:flex;}
.board_view .tit .inquiry_state {display:flex; gap:10px; margin-right:20px;}
.board_view .tit .inquiry_state span {font-size:12px; line-height:22px; font-weight:600; height:24px; text-align:center; border-radius:12px; text-align:center;}
.board_view .tit .inquiry_state .type {width:74px; border:#032553 1px solid;}
.board_view .tit .inquiry_state .type.ing {color:#032553;}
.board_view .tit .inquiry_state .type.end {color:#fff; background:#032553;}
.board_view .tit .inquiry_state .type.reply {color:#fff; background:#CDB079; border-color:#CDB079;}
.board_view .tit .inquiry_state .state {color:#222; width:56px; border:#ddd 1px solid;}
.board_view .date {position:absolute; top:30px; right:20px; width:140px; font-size:16px; color:#9C9C9C; font-weight:300; text-align:right;}
.board_view .file {position:relative; border-top:#ECECEC 1px solid; border-bottom:#ECECEC 1px solid; padding:20px 20px 20px 40px; background:url('/pub/images/icon_file2.svg') no-repeat 20px 24px; font-size:14px; color:#999; display:flex; gap:0 30px;}
.board_view .file a {display:block; font-size:14px; color:#222; text-decoration:underline;}
.board_view .con {padding:60px 20px; font-size:14px; color:#666; font-weight:300; line-height:24px; border-bottom:#ECECEC 1px solid;}
.board_view .prevnext li {position:relative; border-bottom:#ECECEC 1px solid; font-size:14px; color:#999; line-height:60px; padding-left:150px;}
.board_view .prevnext strong {position:absolute; top:0; left:0; padding-left:50px; font-size:14px; color:#222; font-weight:600;}
.board_view .prevnext strong:before {content:""; position:absolute; top:0; left:0; width:50px; height:100%; background:url('/pub/images/arrow_page_top.svg') no-repeat 50% 50%;}
.board_view .prevnext li:last-child strong:before {transform:scaleY(-1);}
.board_view .prevnext a {display:block; color:#222; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.btn_board_list {display:block; font-size:14px; color:#fff; font-weight:500; line-height:60px; height:60px; width:240px; background:#032553; border-radius:3px; margin:80px auto 0; text-align:center;}
.board_reply {margin-top:100px;}

/* 게시판 쓰기 */
.filebutton {position:relative; width:130px; height:50px; overflow:hidden; line-height:50px; width:120px; font-size:14px; color:#fff; font-weight:500; background:#222; border-radius:3px;}
.filebutton span {display:inline-block; width:inherit; height:inherit; line-height:inherit; font:inherit; color:inherit; text-align:center; border:#666 1px solid; vertical-align:top;}
.filebutton input {z-index:9; position:absolute; top:-1px; left:-100%; margin:0; padding:0; font-size:30px; line-height:0; opacity:0; filter:alpha(opacity = 0); -ms-filter:"alpha(opacity=0)"; cursor:pointer; _cursor:hand;}

.board_write {font-family:'Pretendard';}
.board_write p.tar {font-size:12px; color:#DE220D; line-height:14px; margin-bottom:20px;}
.board_write table {border-top:#222 2px solid;}
.board_write th,
.board_write td {border-bottom:#ECECEC 1px solid; height:78px; font-size:14px; line-height:24px; padding:14px 0;}
.board_write th {width:210px; padding-left:20px; font-weight:600; text-align:left;}
.board_write th span {color:#FF1400;}
.board_write td .flex {display:flex; gap:0 60px; flex-wrap:wrap; align-items:center;}
.board_write td .flex.gap4 {gap:0 40px;}
.board_write td .flex.gap1 {gap:10px; width:600px; max-width:100%;}
.board_write td .flex.gap0 {gap:0;}
.board_write td label.radio {font-size:14px; color:#444; font-weight:400;}
.board_write td .text {max-width:100%;}
.board_write td .w1 {width:600px;}
.board_write td .w2 {width:320px;}
.board_write td .w44 {width:440px;}
.board_write td .w800 {width:800px;}
.board_write td input.text {height:50px; padding:0 20px;}
.board_write td textarea.text {height:200px; padding:20px;}
.board_write td .capcha {gap:10px;}
.board_write td .capcha .img {width:200px; height:50px; border:#ddd 1px solid; border-radius:3px; display:flex; justify-content:center; align-items:center;}
.board_write td .capcha .img img {width:100%; height:100%; object-fit:cover;}
.board_write td .capcha .re {width:50px; height:50px; background:url('/pub/images/icon_re.svg') #222 no-repeat 50% 50%; border-radius:3px; margin-right:10px;}
.board_write td label.check {font-size:14px; font-weight:400;}
.board_write td .btn_terms {font-size:12px; color:#999; text-decoration:underline;}
.board_write td .flex.gap1 .w1,
.board_write td .filebox {width:calc(100% - 130px); height:50px; line-height:48px; padding:0 20px; overflow:hidden; border:#ddd 1px solid; color:#999; font-size:13px; white-space:nowrap; border-radius:3px;}
.board_write td .filebox {background:#F8F8F8;}
.board_write td .flex.gap1 .btn,
.board_write td p {font-size:12px; font-weight:500; line-height:14px; margin-top:10px;}
.board_write td .flex.gap1 .btn {width:130px; height:50px; overflow:hidden; line-height:50px; width:120px; font-size:14px; color:#fff; font-weight:500; background:#222; border-radius:3px; margin:0;}
.board_write td p.check_txt {display:none;}
.board_write dl.select dt button {width:100%; height:50px;}
.board_write td .flex.gap1.zip .w1 {width:300px; max-width:calc(100% - 130px);}
.board_write col.w17,
.board_write.th17 th {width:170px;}

.board_write td .flex.gap1.file_type2 {gap:0; width:800px;}
.file_type2 .filebutton {width:150px;}
.board_write td .file_type2 {margin-top:10px;}
.board_write td .file_type2:first-child {margin-top:0;}
.board_write td .file_type2 .filebox {width:calc(100% - 300px); background:none; border:0; padding:15px 0 15px 40px; display:flex; flex-wrap:wrap; gap:0 30px; height:auto;}
.board_write td .file_type2 .filebox span {font-size:14px; color:#222; line-height:20px; display:flex; gap:10px;}
.board_write td .file_type2 .filebox span .del {display:block; width:6px; height:20px; background:url('/pub/images/icon_del_red.svg') no-repeat 50% 50% / contain; font-size:0;}
.board_write td .file_type2 .filebox p {margin:0;}
.board_write td .file_type2 .btn_ad {display:none; width:150px; height:50px; line-height:50px; text-align:center; font-size:14px; color:#222; background:#fff; border:#222 1px solid; border-radius:3px;}
.board_write td .file_type2 .btn_ad.on {display:block;}
.board_write td .file_type2 .btn_add2 {display:none;}
.board_write td .file_plus {display:none;}
.board_write td .file_plus.on {display:flex;}

/* 갤러리 목록 */
.gall_list {display:flex; flex-wrap:wrap; gap:100px 40px;}
.gall_list li {width:calc((100% - 80px)/3);}
.gall_list li a {display:block;}
.gall_list li .imgfit {display:block; width:100%; height:305px; overflow:hidden;}
.gall_list li .txt {display:block; margin-top:30px;}
.gall_list li strong {display:block; font-size:20px; color:#222; font-weight:600; line-height:32px; margin-bottom:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.gall_list li p {display:block; height:22px; line-height:22px;}

/* header */
.header {position:fixed; top:0; left:0; width:100%; height:191px; z-index:103; background:#fff; border-bottom:#EBEBEB 1px solid; font-family:'Pretendard'; /* transition:.2s linear; */}
.header .inner {position:relative; max-width:1760px; height:190px; padding-top:100px;}
.header .logo {position:absolute; top:0; left:20px; height:100px; width:304px; font-size:0; background:#001C43; mask:url('/pub/images/logo.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/logo.svg') no-repeat 50% 50% / contain; transition:none;}
.header .logo h1 {font-size:0; opacity:0; width:0; height:0;}
.header .btns {position:absolute; top:0; right:20px; height:100px; display:flex; gap:50px; justify-content:center; align-items:center; z-index:1;}
.header .btns a {position:relative; height:21px; font-size:0; transition:none;}
.header .btns a p {position:absolute; bottom:-30px; left:50%; width:auto; height:20px; transform:translateX(-50%); background:#222; border-radius:10px; line-height:20px; text-align:center; font-size:12px; color:#fff; padding:0 10px; display:none;}
.header .btns a p:after {content:""; position:absolute; top:-2px; left:50%; width:6px; height:6px; background:inherit; transform:translateX(-50%) rotate(45deg);}
.header .btns a:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%;}
.header .btns .mask:before {background:#222; mask:no-repeat 50% 50% / contain; -webkit-mask:no-repeat 50% 50% / contain;}
.header .btns .btn_search {width:21px;  display:none;}
.header .btns .btn_search:before {mask-image:url('/pub/images/icon_search.svg'); -webkit-mask-image:url('/pub/images/icon_search.svg');}
.header .btns .btn_login {width:20px;}
.header .btns .btn_login:before {width:20px; mask-image:url('/pub/images/icon_login.svg'); -webkit-mask-image:url('/pub/images/icon_login.svg');}
.header .btns .btn_logout {width:18px;}
.header .btns .btn_logout:before {mask-image:url('/pub/images/icon_logout.svg'); -webkit-mask-image:url('/pub/images/icon_logout.svg');}
.header .btns .btn_wish {width:23px;}
.header .btns .btn_wish:before {background:url('/pub/images/icon_wish_b.svg') no-repeat 50% 50%;}
.header .btns .btn_wish span {display:block; width:100%; height:100%; mask:url('/pub/images/icon_wish_in.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_wish_in.svg') no-repeat 50% 50% / contain;}
.header .btns .btn_wish span:before,
.header .btns .btn_wish span:after {content:""; position:absolute; width:110%; height:110%; background:#222; transform:rotate(45deg);}
.header .btns .btn_wish span:before {top:55%; left:-65%; transition:.4s linear;}
.header .btns .btn_wish span:after {top:55%; left:65%; transition:.3s linear;}
.header .btns .btn_cart {width:17px;}
.header .btns .btn_cart:before {background:url('/pub/images/icon_cart_b.svg') no-repeat 50% 50% / contain;}
.header .btns .btn_cart span {position:absolute; bottom:0; left:0; width:100%; height:17px; mask:url('/pub/images/icon_cart_in.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_cart_in.svg') no-repeat 50% 50% / contain;}
.header .btns .btn_cart span:before,
.header .btns .btn_cart span:after {content:""; position:absolute; width:100%; height:100%; background:#222; transition:.3s linear;}
.header .btns .btn_cart span:before {top:100%; left:0;}
.header .btns .btn_cart span:after {top:0; left:100%;}
.header .btns .btn_cart strong {position:absolute; top:50%; left:50%; width:18px; height:18px; line-height:18px; text-align:center; font-size:10px; color:#fff; font-weight:900; background:#001D57; border-radius:50%; z-index:1;}
.header .cart_box {position:absolute; top:100px; right:0; border:#ddd 1px solid; background:#fff; width:290px; z-index:10; display:none;}
.header .cart_box .flex {display:flex; width:100%; padding:20px;}
.header.fixed .cart_box {top:70px; }
.header .cart_box:before {content:""; position:absolute; top:-15px; right:20px; width:20px; height:26px; background:url('/pub/images/icon_cart_arrow.svg') no-repeat 50% 50% / contain;}
.header .cart_box .imgfit {width:46px; height:60px;}
.header .cart_box .txt {width:calc(100% - 46px); padding-left:20px; display:flex; flex-direction:column; justify-content:center; gap:8px; font-size:14px;}
.header .cart_box .txt p {color:#999; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.header .cart_box .txt strong {color:#222; font-weight:600;}
.header .btn_hover {position:absolute; bottom:15px; left:20px; font-size:17px; color:#000; font-weight:600; line-height:75px; height:75px; padding-left:35px; z-index:1; transition:none;}
.header .btn_hover span {position:absolute; top:0; left:0; width:20px; height:100%;}
.header .btn_hover p {position:absolute; top:50%; left:50%; width:20px; height:1px; background:#000; margin-left:-10px; transition:.2s linear;}
.header .btn_hover .t {margin-top:-6px;}
.header .btn_hover .m {margin-top:-1px; width:13px;}
.header .btn_hover .b {margin-top:4px;}
.header.on .btn_hover p {width:14px; margin-left:-7px;}
.header.on .btn_hover .t {margin-top:-1px; transform:rotate(135deg);}
.header.on .btn_hover .m {width:0;}
.header.on .btn_hover .b {margin-top:-1px; transform:rotate(-135deg);}
.header .gnb {position:relative; display:flex; padding-left:155px;}
.header .gnb:before {content:""; position:absolute; top:32px; left:140px; width:1px; height:10px; background:#000;}
.header .gnb .bg {position:fixed; top:190px; left:0; width:100vw; height:0; background:rgba(234,234,234,.5); backdrop-filter:blur(20px); z-index:-1; transition:.2s linear;}
.header .gnb .menu {position:relative;}
.header .gnb .menu > a {display:block; font-size:17px; color:#000; line-height:75px; padding:0 15px 15px;}
.header .gnb .menu.on > a {color:#000; font-weight:500;}
.header .gnb .menu > a:after {content:""; position:absolute; top:50%; left:50%; width:0; height:1px; background:#222; transition:.2s linear; transform:translate(-50%,5px);}
.header .gnb .menu.on > a:after {width:calc(100% - 30px);}
.header .gnb .snb {position:absolute; top:100%; left:0; width:500px; height:0; overflow:hidden; display:flex; gap:60px; transition:.2s linear;}
.header .subin .snb {margin-left:10px;}
.header .gnb .snb a {display:block; font-size:14px; color:#222; line-height:50px;}
.header .gnb .snb a.on {color:#000; font-weight:500;}
.header .right {position:absolute; bottom:40px; right:20px; display:flex; gap:40px;}
.header .right .btn_login,
.header .right .btn_logout {display:none;}
.header .search_area {position:relative; padding-right:32px; height:32px; width:260px; border-bottom:#000 1px solid; z-index:1;}
.header .search_area .text {display:block; width:100%; height:31px; border:0; font-size:15px; color:#000; background:none; border-radius:0; padding:0 0 7px; outline:0;}
.header .search_area .text::placeholder {color:#000;}
.header .search_area .btn {position:absolute; top:0; right:0; width:15px; height:24px; background:#000; mask:url('/pub/images/icon_search.svg') no-repeat 50% 50%; -webkit-mask:url('/pub/images/icon_search.svg') no-repeat 50% 50%; font-size:0;}
.header .right .btn_dan {display:block; width:120px; height:32px; line-height:30px; font-size:15px; color:#000; font-weight:700; border:#E4E6EA 1px solid; border-radius:3px; display:flex; justify-content:center; align-items:center; gap:10px;}
.header .right .btn_dan:after {content:""; display:block; width:10px; height:26px; background:#000; mask:url('/pub/images/icon_pyo.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_pyo.svg') no-repeat 50% 50% / contain;}
.header .all_menu {position:absolute; top:100%; left:20px; font-size:16px; color:#222; line-height:40px; background:rgba(244,244,244,.5); backdrop-filter:blur(30px); display:none; z-index:10;}
.header .all_menu .menu {width:140px;}
.header .all_menu .menu a {display:block; padding:0 20px;}
.header .all_menu .snb {position:absolute; top:0; left:140px; width:0; height:100%; background:rgba(244,244,244,.5); backdrop-filter:blur(20px); overflow:auto; border-left:#fff 0 solid; transition:.2s linear;}
.header .btn_all_menu_close {display:none; font-size:0;}
.header .search_wrap .tt,
.header .search_wrap .btn_clo_set {display:none;}

.header.main {background:none; border-bottom:none;}
.header.main .logo {background:#fff;}
.header.main .btns .mask:before {background:#fff;}
.header.main .btn_hover {color:#fff;}
.header.main .btn_hover p {background:#fff;}
.header.main .gnb:before {background:#fff;}
.header.main .gnb .menu > a {color:#fff;}
.header.main .search_area {border-bottom-color:#fff;}
.header.main .search_area .text {color:#fff;}
.header.main .search_area .text::placeholder {color:rgba(255,255,255,.8);}
.header.main .search_area .btn {background:#fff;}
.header.main .btn_dan {color:#fff; border-color:rgba(255,255,255,.6);}
.header.main .btn_dan:after {background:#fff;}
.header.main .btns .btn_wish:before {background-image:url('/pub/images/icon_wish.svg');}
.header.main .btns .btn_cart:before {background-image:url('/pub/images/icon_cart.svg');}
.header.main .all_menu {top:100%;}
.header.fixed {background:#fff; height:75px; border-bottom:#ebebeb 1px solid;}
.header.fixed .inner {height:75px; padding-top:0;}
.header.fixed .logo {top:-100px;}
.header.fixed .btns {height:75px;}
.header.fixed .btns .mask:before {background:#222;}
.header.fixed .btns .btn_search {display:block; transition:.2s linear;}
.header.fixed .btns .btn_search.on {opacity:0;}
.header.fixed .btns a.btn_login,
.header.fixed .btns a.btn_logout {display:none;}
.header.fixed .btns .btn_cart i {background:#222;}
.header.fixed .btn_hover {color:#222; bottom:0;}
.header.fixed .btn_hover p {background:#222;}
.header.fixed .gnb:before {background:#222;}
.header.fixed .gnb .bg {top:75px;}
.header.fixed .gnb .menu > a {color:#222; padding-bottom:0;}
.header.fixed .right {top:25px; bottom:auto; right:160px; width:0; overflow:hidden; transition:.2s linear;}
.header.fixed .right.on {width:260px;}
.header.fixed .search_area {height:35px; width:100%; border-bottom-color:#222;}
.header.fixed .search_area .text {color:#222;}
.header.fixed .search_area .text::placeholder {color:#666;}
.header.fixed .search_area .btn {background:#222;}
.header.fixed .btn_dan {display:none;}
.header.fixed .btns .btn_wish:before {background-image:url('/pub/images/icon_wish_b.svg');}
.header.fixed .btns .btn_cart:before {background-image:url('/pub/images/icon_cart_b.svg');}

.header.fixed_top {background:#fff;}
.header.fixed_top .logo {background:#001C43;}
.header.fixed_top .btns .mask:before {background:#222;}
.header.fixed_top .btns .btn_cart i {background:#222;}
.header.fixed_top .btn_hover {color:#222;}
.header.fixed_top .btn_hover p {background:#222;}
.header.fixed_top .gnb:before {background:#222;}
.header.fixed_top .gnb .menu > a {color:#222;}
.header.fixed_top .search_area {border-bottom-color:#222;}
.header.fixed_top .search_area .text {color:#222;}
.header.fixed_top .search_area .text::placeholder {color:#666;}
.header.fixed_top .search_area .btn {background:#222;}
.header.fixed_top .btn_dan {color:#000; border-color:#E4E6EA;}
.header.fixed_top .right .btn_dan:after {background:#000;}
.header.fixed_top .btns .btn_wish:before {background-image:url('/pub/images/icon_wish_b.svg');}
.header.fixed_top .btns .btn_cart:before {background-image:url('/pub/images/icon_cart_b.svg');}

/* footer */
.footer {background:#222;}
.footer .links {border-bottom:rgba(112,112,112,.2) 1px solid;}
.footer .links .inner {display:flex; justify-content:space-between; font-size:14px; color:#fff; line-height:70px;}
.footer .links .page {display:flex; gap:60px;}
.footer .links .page a {display:block; font-weight:500;}
.footer .links .sns {display:flex; gap:50px;}
.footer .links .sns a {display:flex; gap:5px; align-items:center; font-weight:700;}
.footer .links .sns a:before {content:""; display:block; height:30px; background:no-repeat 50% 50% / contain;}
.footer .links .sns .blog a:before {width:24px; background-image:url('/pub/images/icon_blog.svg');}
.footer .links .sns .youtube a:before {width:25px; background-image:url('/pub/images/icon_youtube.svg');}
.footer .links .sns .instar a:before {width:19px; background-image:url('/pub/images/icon_instar.svg');}
.footer .address {position:relative; padding-top:65px; padding-bottom:65px;}
.footer .logo {display:block; width:317px; height:19px; background:url('/pub/images/logo.svg') no-repeat 0 0 / contain;}
.footer .cs_center {margin:35px 0 40px; display:flex; align-items:center; gap:30px;}
.footer .cs_center dt span {display:block; font-size:16px; color:#fff; font-weight:500; line-height:22px; opacity:.6; margin-bottom:2px;}
.footer .cs_center dt strong {display:block; font-size:32px; color:#fff; line-height:42px; opacity:.8;}
.footer .cs_center dd {font-size:12px; color:#fff; font-weight:500; line-height:21px; opacity:.7;}
.footer .info {overflow:hidden; display:flex; flex-wrap:wrap; max-width:710px;}
.footer .info .tit {font-size:16px; color:#fff; font-weight:500; line-height:22px; opacity:.6; width:100%; margin-bottom:5px;}
.footer .info .infoin {display:flex; flex-wrap:wrap;}
.footer .info span {position:relative; font-size:12px; color:#fff; font-weight:500; line-height:25px; opacity:.5; margin-right:22px;}
.footer .info span:before {content:""; position:absolute; top:50%; left:-11px; width:1px; height:10px; background:#fff; transform:translateY(-50%);}
.footer .copy {font-size:12px; color:#fff; line-height:16px; opacity:.3; margin-top:10px; width:100%;}
.footer .link {position:absolute; bottom:70px; right:20px; display:flex; flex-direction:column; gap:22px;}
.footer .link a {position:relative; font-size:16px; color:#fff; font-weight:500; line-height:50px; height:50px; width:220px; padding:0 30px; background:#414141;}
.footer .link a:after {content:""; position:absolute; top:0; right:30px; width:6px; height:inherit; background:#fff; mask:url('/pub/images/arrow_flink.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/arrow_flink.svg') no-repeat 50% 50% / contain;}

.quick {position:fixed; bottom:90px; right:60px; z-index:102;}
.quick.under {z-index:-1;}
.quick.zm {z-index:0;}
.quick a {position:relative; width:50px; height:50px; display:flex; justify-content:center; align-items:center; flex-direction:column; font-size:12px; color:#222; line-height:14px; border-radius:50%; margin-top:15px; background:no-repeat 50% 50%;}
.quick .time {background-image:url('/pub/images/icon_time.svg'); background-color:#fff; border:#EFEFEF 1px solid;}
.quick .time span {position:absolute; top:0; right:0; font-size:10px; color:#001D57; font-weight:600; line-height:14px; height:18px; width:18px; border:#001D57 2px solid; border-radius:50%; text-align:center; background:#fff;}
.quick .kakao {background-image:url('/pub/images/icon_kakao.svg'); background-color:#FBED2C;}
.quick .gotop {background-color:#fff; border:#EFEFEF 1px solid;}
.quick .gotop:before {content:""; width:100%; height:4px; margin-bottom:2px; background:url('/pub/images/icon_gotop.svg') no-repeat 50% 50% / contain;}

/* 최근본상품 */
.pop_time_list .inbox {width:660px;}
.pop_time_list .title {font-size:20px; color:#222; font-weight:600; line-height:24px; width:100%; text-align:center; margin-bottom:50px;}
.pop_time_list .list {display:flex; flex-wrap:wrap; gap:33px; max-height:395px; overflow:hidden auto;}
.pop_time_list .list .area {position:relative; width:calc((100% - 99px)/4);}
.pop_time_list .list .area .btn_del {position:absolute; top:0; right:0; width:30px; height:30px; background:url('/pub/images/btn_del2.svg') no-repeat 50% 50%; z-index:1;}
.pop_time_list .list .area span {display:block;}
.pop_time_list .list .area .imgfit {position:relative; display:block; width:100%; height:151px;}
.pop_time_list .list .area .state {position:absolute; bottom:0; left:0; display:flex; width:100%;}
.pop_time_list .list .area .state span {display:block; font-size:16px; color:#fff; font-weight:700; line-height:30px; height:30px; width:30px; text-align:center;}
.pop_time_list .list .area .state span.n {background:#CDB079;}
.pop_time_list .list .area .state span.b {background:#032553;}
.pop_time_list .list .area .txt {position:relative; margin-top:10px;}
.pop_time_list .list .area .name {display:block; font-size:16px; color:#222; font-weight:600; line-height:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pop_time_list .list .area .box {font-size:14px; color:#444; line-height:16px;}
.pop_time_list .list .area .heart {position:absolute; top:0; right:45px; display:block; width:19px; height:18px; background:url('/pub/images/icon_heart.svg') no-repeat 50% 50% / contain;}
.pop_time_list .list .area .heart input {display:none;}
.pop_time_list .list .area .heart i {position:relative; display:block; width:100%; height:100%; mask:url('/pub/images/icon_heart_on.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_heart_on.svg') no-repeat 50% 50% / contain; pointer-events:none; user-select:none;}
.pop_time_list .list .area .heart i:before,
.pop_time_list .list .area .heart i:after {content:""; position:absolute; width:110%; height:110%; background:#222; transform:rotate(45deg);}
.pop_time_list .list .area .heart i:before {top:55%; left:-65%; transition:.4s linear;}
.pop_time_list .list .area .heart i:after {top:55%; left:65%; transition:.3s linear;}
.pop_time_list .list .area .heart input:checked + i:before,
.pop_time_list .list .area .heart input:checked + i:after {top:-5%; left:-5%;}
.pop_time_list .list .area .heart input:checked + i:before {transition:.3s linear;}
.pop_time_list .list .area .heart input:checked + i:after {transition:.5s linear;}
.pop_time_list .list .area .cart {position:absolute; top:0; right:14px; display:block; width:14px; height:18px; background:url('/pub/images/icon_cart_b.svg') no-repeat 50% 50% / contain; font-size:0;}
.pop_time_list .list .area .cart span {position:absolute; bottom:0; left:0; width:100%; height:14px; mask:url('/pub/images/icon_cart_in.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_cart_in.svg') no-repeat 50% 50% / contain; pointer-events:none; user-select:none;}
.pop_time_list .list .area .cart span:before,
.pop_time_list .list .area .cart span:after {content:""; position:absolute; width:100%; height:100%; background:#222; transition:.2s linear;}
.pop_time_list .list .area .cart span:before {top:0; left:100%;}
.pop_time_list .list .area .cart span:after {top:100%; left:0;}
.pop_time_list .list .area .money {display:flex; gap:10px; margin-top:30px; font-family:'Pretendard';}
.pop_time_list .list .area .money strong {font-size:16px; font-weight:800;}
.pop_time_list .list .area .money .dis {color:#FF1400; font-weight:700;}

/* main */
.mvisual_wrap {position:relative; max-height:calc(var(--vh, 1vh) * 100); overflow:hidden;}
.mvisual {position:relative;}
.mvisual .slick-slide {font-size:0; overflow:hidden; background:#fff;}
.mvisual .mv {position:relative; width:100vw; height:100vh;}
.mvisual .mv img {position:absolute; top:50%; left:50%; width:2400px; height:calc(100vh + 2px); max-width:none; object-fit:cover; transform:translate(-50%,-50%);}
.mvisual .slick-current .mv img {animation:mvisual 5s forwards;}
@keyframes mvisual {
	0% {transform:translate(-50%,-50%) scale(1);}
	10% {transform:translate(-50%,-50%) scale(1.05);}
	20% {transform:translate(-50%,-50%) scale(1.05);}
	70% {transform:translate(-50%,-50%) scale(1);}
	100% {transform:translate(-50%,-50%) scale(1);}
}
.mvisual .mv .txt {position:absolute; top:50%; left:50%; width:100%; max-width:1460px; transform:translate(-50%,-50%); padding:0 20px; display:block; animation:main_txt 1s linear forwards; animation-delay:.5s; opacity:0;}
@keyframes main_txt {
	0% {opacity:0;}
	100% {opacity:1;}
}
.mvisual .mv .txt * {color:#000;}
.mvisual .mv .cate {display:flex; gap:40px;}
.mvisual .mv .cate li {position:relative; font-size:16px; font-weight:500; line-height:22px;}
.mvisual .mv .cate li:before {content:""; position:absolute; top:50%; left:-20px; width:1px; height:12px; background:#000; transform:translateY(-50%);}
.mvisual .mv .cate li:first-child:before {display:none;}
.mvisual .mv .txt strong {display:block; font-size:60px; font-weight:500; line-height:1; margin:30px 0 15px;}
.mvisual .mv .txt span {display:block; font-size:36px; font-weight:600; line-height:40px; margin-bottom:40px;}
.mvisual .mv .txt p {font-size:16px; font-weight:500; line-height:26px; min-height:52px;}
.mvisual .mv .txt.top {margin-top:-160px;}
.mvisual .mv .txt.mid {margin-top:50px;}
.mvisual .mv .txt.btm {margin-top:220px;}
.mvisual .slick-current .mv .txt strong {transition-delay:.2s;}
.mvisual .slick-current .mv .txt span {transition-delay:.4s;}
.mvisual .slick-current .mv .txt p {transition-delay:.6s;}
.mvisual .slick-arrow {position:absolute; top:50%; width:32px; height:61px; background:url('/pub/images/arrow_mvisual.svg') no-repeat 50% 50% / contain; z-index:1; font-size:0; opacity:.5;}
.mvisual .slick-prev {left:50%; margin-left:-860px;}
.mvisual .slick-next {right:50%; margin-right:-860px; transform:scaleX(-1);}
.mvisual_wrap .notice {position:absolute; bottom:0; left:0; width:100%; background:#000; height:60px; overflow:hidden;}
.mvisual_wrap .notice a {display:block; font-size:15px; color:#fff; font-weight:600; line-height:60px;}

.mcon {margin-top:160px;}
.mcon .title {font-size:32px; color:#000; font-weight:500; line-height:42px; margin-bottom:30px;}

.product_list {display:flex; gap:80px 28px; flex-wrap:wrap; font-family:'Pretendard';}
.product_list .mv {position:relative; width:calc((100% - 84px)/4);}
.product_list .mv span {display:block;}
.product_list .mv .imgfit {position:relative; display:block; width:100%; height:428px; overflow:hidden;}
.product_list .mv .state {position:absolute; bottom:0; left:0; display:flex; width:100%;}
.product_list .mv .state span {display:block; font-size:16px; color:#fff; font-weight:700; line-height:30px; height:30px; width:60px; text-align:center;}
.product_list .mv .state span.n {background:#CDB079;}
.product_list .mv .state span.b {background:#032553;}
.product_list .mv .txt {position:relative; padding:0 10px; margin-top:20px;}
.product_list .mv .name {display:block; font-size:16px; color:#000; font-weight:600; line-height:20px; margin-bottom:8px; padding-right:65px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.product_list .mv .box {font-size:14px; color:#444; line-height:16px;}
.product_list .mv .heart {position:absolute; top:0; right:45px; display:block; width:19px; height:18px; background:url('/pub/images/icon_heart.svg') no-repeat 50% 50% / contain;}
.product_list .mv .heart input {display:none;}
.product_list .mv .heart i {position:relative; display:block; width:100%; height:100%; mask:url('/pub/images/icon_heart_on.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_heart_on.svg') no-repeat 50% 50% / contain; pointer-events:none; user-select:none;}
.product_list .mv .heart i:before,
.product_list .mv .heart i:after {content:""; position:absolute; width:110%; height:110%; background:#222; transform:rotate(45deg);}
.product_list .mv .heart i:before {top:55%; left:-65%; transition:.4s linear;}
.product_list .mv .heart i:after {top:55%; left:65%; transition:.3s linear;}
.product_list .mv .heart input:checked + i:before,
.product_list .mv .heart input:checked + i:after {top:-5%; left:-5%;}
.product_list .mv .heart input:checked + i:before {transition:.3s linear;}
.product_list .mv .heart input:checked + i:after {transition:.5s linear;}
.product_list .mv .cart {position:absolute; top:0; right:14px; display:block; width:14px; height:18px; background:url('/pub/images/icon_cart_b.svg') no-repeat 50% 50% / contain; font-size:0;}
.product_list .mv .cart span {position:absolute; bottom:0; left:0; width:100%; height:14px; mask:url('/pub/images/icon_cart_in.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_cart_in.svg') no-repeat 50% 50% / contain; pointer-events:none; user-select:none;}
.product_list .mv .cart span:before,
.product_list .mv .cart span:after {content:""; position:absolute; width:100%; height:100%; background:#222; transition:.2s linear;}
.product_list .mv .cart span:before {top:0; left:100%;}
.product_list .mv .cart span:after {top:100%; left:0;}
.product_list .mv .money {display:flex; gap:10px; margin-top:30px; font-family:'Pretendard';}
.product_list .mv .money strong {font-size:16px; font-weight:800;}
.product_list .mv .money .dis {color:#FF1400; font-weight:700;}

.product_info {position:relative; background:#f8f8f8; padding:20px 40px; display:block; width:100%; margin-bottom:30px;}
.product_info strong {display:block; font-size:22px; color:#222; line-height:30px; margin-bottom:10px;}
.product_info p {font-size:17px; color:#222; line-height:20px;}
.product_info:after {content:""; position:absolute; top:0; right:40px; width:12px; height:100%; background:url('/pub/images/arrow_minfo.svg') no-repeat 50% 50% / contain;}

.mcon .more {position:relative; display:block; font-size:14px; color:#222; font-weight:500; line-height:58px; height:60px; background:#fff; border:#ddd 1px solid; padding:0 20px;}
.mcon .more:after {content:""; position:absolute;  top:0; right:20px; width:6px; height:100%; background:url('/pub/images/arrow_more.svg') no-repeat 50% 50% / contain;}

.mc01 {margin-top:120px;}
.mc01_slide_wrap {position:relative; display:flex; justify-content:flex-end;}
.mc01_slide_wrap .slick-arrow {position:absolute; top:50%; width:55px; height:55px; background:url('/pub/images/arrow_slide_mc01.svg') rgba(0,0,0,.3) no-repeat 50% 50%; margin-top:-59px; font-size:0; z-index:1; cursor:pointer;}
.mc01_slide_wrap .arrow_mc01_prev {left:0;}
.mc01_slide_wrap .arrow_mc01_next {right:0; transform:scaleX(-1);}
.mc01_slide_wrap .imgfit img {width:100%; height:100%;}
.mc01_slide {position:relative; width:100%;}
.mc01_slide .move {height:653px; display:flex !important; justify-content:space-between;}
.mc01_slide .big {position:relative; width:696px; z-index:1;}
.mc01_slide .big .txt {position:absolute; left:0; padding:40px; max-width:100%;}
.mc01_slide .big .txt strong {display:block; font-size:32px; color:#fff; line-height:42px;}
.mc01_slide .big .txt p {font-size:16px; color:#fff; line-height:26px; margin:10px 0 0;}
.mc01_slide .big .txt.top {top:0;}
.mc01_slide .big .txt.mid {top:50%; transform:translateY(-50%);}
.mc01_slide .big .txt.btm {bottom:0;}
.mc01_slide .product_list {position:relative; width:724px; height:653px; z-index:0; margin:0 -14px; padding-top:80px; gap:0;}
.mc01_slide .product_list .mv {padding:0 14px; font-size:0; width:50%; background:#fff; transition:.2s;}
.mcon .jq_tab {display:flex; gap:10px; overflow:auto; max-width:100%; margin-bottom:30px; font-family:'Pretendard';}
.mcon .jq_tab button {display:block; font-size:16px; color:#222; line-height:48px; height:50px; border:#EBEBEB 1px solid; border-radius:25px; padding:0 26px;}
.mcon .jq_tab button {position:relative; display:block; font-size:16px; color:#222; line-height:48px; height:50px; border:#EBEBEB 1px solid; border-radius:25px; padding:0 26px; overflow:hidden;}
.mcon .jq_tab button:before {content:""; position:absolute; top:0; left:0; width:0; height:100%; background:#000; z-index:-1; transition:.2s linear;}
.mcon .jq_tab .on button {color:#fff; border-color:#000;}
.mcon .jq_tab .on button:before {width:100%;}

.mc04 {background:url('/pub/images/bg_mc04.jpg') no-repeat 50% 50% / cover;}
.mc04 a {display:block; width:100%; padding:65px 0;}
.mc04 .txt {padding-left:calc(50% + 200px); color:#fff;}
.mc04 span {display:block; font-size:14px; line-height:16px;}
.mc04 strong {display:block; font-size:24px; font-weight:600; line-height:30px; margin:10px 0 20px;}
.mc04 p {position:relative; font-size:20px; line-height:24px; display:flex; gap:15px;}
.mc04 p i {position:relative; width:46px; height:24px;}
.mc04 p i:before,
.mc04 p i:after {content:""; position:absolute;}
.mc04 p i:before {top:0; right:0; width:23px; height:23px; background:#fff; border-radius:50%; opacity:.3;}
.mc04 p i:after {top:5px; left:0; width:42px; height:8px; background:url('/pub/images/arrow_contact.svg') no-repeat 50% 50% / contain;}

.mc05 .inner {display:flex; justify-content:space-between;}
.mc05 .inner > * {width:50%;}
.mc05 .img {padding-right:60px;}
.mc05 .txt {padding-left:80px;}
.mc05 strong {display:block; font-size:30px; color:#222; font-weight:600; line-height:42px;}
.mc05 p {font-size:16px; color:#666; line-height:26px; margin:30px 0 40px;}
.mc05 .more {width:300px; max-width:100%;}

.mc06 ul {display:flex; gap:28px;}
.mc06 li {width:calc((100% - 64px)/4);}
.mc06 li a {position:relative; display:block; padding-top:100%;}
.mc06 li a img {position:absolute; top:0; left:0;}

.mc07 {margin:130px 0 200px;}
.mc07 .inner {display:flex;}
.mc07 .inner > * {width:50%;}
.mc07 .left {padding-right:100px;}
.mc07 .title {margin-bottom:20px;}
.mc07 ul {border-top:#222 2px solid;}
.mc07 li {border-bottom:#ECECEC 1px solid;}
.mc07 a {position:relative; display:block; font-size:18px; color:#222; line-height:80px; padding-right:100px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mc07 span {color:#001D57; margin-right:10px;}
.mc07 p {position:absolute; top:0; right:0; color:#9C9C9C;}
.mc07 .right {position:relative; padding:92px 0 0 140px;}
.mc07 .right:before {content:""; position:absolute; top:-30px; right:78px; width:317px; height:331px; background:url('/pub/images/bg_mc07.svg') no-repeat 50% 50% / contain; z-index:-1;}
.mc07 .right strong {display:block; font-size:30px; color:#222; font-weight:500; line-height:45px; margin-bottom:40px;}
.mc07 .right .more {width:150px; height:50px; line-height:48px;}

/* 메인 폰트 크기 조절 */
.fontup .mvisual .mv .cate li {font-size:18px;}
.fontup .mvisual .mv .txt strong {font-size:66px;}
.fontup .mvisual .mv .txt span {font-size:40px;}
.fontup .mvisual_wrap .notice a {font-size:17px;}
.fontup .mcon .title {font-size:33px;}
.fontup .mcon .jq_tab button {font-size:18px;}
.fontup .mcon .more {font-size:16px;}
.fontup .mc01_slide .big .txt strong {font-size:35px;}
.fontup .mc01_slide .big .txt p {font-size:18px;}
.fontup .product_list .mv .name {font-size:18px;}
.fontup .product_list .mv .box {font-size:16px;}
.fontup .product_info strong {font-size:24px;}
.fontup .product_info p {font-size:19px;}
.fontup .mc05 strong {font-size:33px;}
.fontup .mc05 p {font-size:18px;}
.fontup .mc07 li a {font-size:20px;}
.fontup .mc07 .right strong {font-size:33px;}

/* popup */
.popup,
.popup .dm {position:fixed; top:0; left:0; width:100%; height:100%;}
.popup {z-index:103; display:none;}
.popup .dm {background:rgba(0,0,0,.5);}
.popup .inbox {position:absolute; top:50%; left:50%; max-width:calc(100vw - 40px); transform:translate(-50%,-50%); background:#fff; padding:50px 40px; border-radius:3px;}
.popup .inbox > .btn_close {position:absolute; top:0; right:0; width:56px; height:56px; background:url('/pub/images/btn_close.svg') no-repeat 50% 50%; font-size:0;}
.popup .tit {font-size:20px; color:#222; font-weight:700; line-height:24px; text-align:center; margin-bottom:50px;}

/* 메인 팝업 */
.pop_main {display:block;}
.pop_main .inbox {width:400px; background:none; padding:0; border-radius:0;}
.pop_main .pop_slide {border-radius:3px 3px 0 0; overflow:hidden; /* height:598px; */}
.pop_main .pop_slide .slick-slide {font-size:0;}
.pop_main .pop_navi {position:absolute; bottom:70px; left:0; width:100%; display:flex; justify-content:center; align-items:center;}
.pop_main .pop_navi .p_plpu {width:7px; height:12px; background:no-repeat 50% 50% / contain; display:none; margin-left:12px; transition:0;}
.pop_main .pop_navi .p_play {background-image:url('/pub/images/icon_play.svg');}
.pop_main .pop_navi .p_pause {background-image:url('/pub/images/icon_pause.svg');}
.pop_main .pop_navi .p_plpu.on {display:block;}
.pop_main .pop_dots {display:flex; justify-content:center; align-items:center;}
.pop_main .pop_dots .slick-dots {display:flex; justify-content:center; gap:12px; width:100%;}
.pop_main .pop_dots .slick-dots button {display:block; width:10px; height:10px; background:#fff; opacity:.3; border-radius:50%; transition:.2s linear; font-size:0;}
.pop_main .pop_dots .slick-dots .slick-active button {opacity:1;}
.pop_main .btns {display:flex; border-radius:0 0 3px 3px; overflow:hidden; background:#fff;}
.pop_main .btns .btn {position:relative; width:50%; font-size:12px; color:#222; line-height:50px; text-align:center;}
.pop_main .btns .btn:before {content:""; position:absolute; top:50%; left:0; width:1px; height:10px; background:#ECECEC; transform:translateY(-50%);}
.pop_main .btns .btn:first-child:before {display:none;}
.pop_main .btns .btn_close {background:#fff;}

/* 장바구니 팝업 */
.popup.pop_cart {display:block;}
.pop_cart .inbox {width:490px;}
.popup .pro_list {max-height:442px; overflow-y:auto; /* padding-right:10px; */}
.popup .pro_list li {margin-bottom:20px; background:#F8F8F8; border-radius:3px; padding:30px;}
.popup .pro_list li:last-child {margin-bottom:0;}
.popup .pro_list .tt {font-size:16px; color:#222; font-weight:600; line-height:20px; margin-bottom:20px;}
.popup .pro_list .count_area {display:flex; justify-content:space-between; align-items:center;}
.popup .pro_list .count_area .money {display:flex; gap:10px; line-height:35px;}
.popup .pro_list .count_area .money .dis {font-size:14px; color:#DE220D; font-weight:700;}
.popup .pro_list .count_area .money del {font-size:10px; color:#666;}
.popup .pro_list .count_area .money strong {font-size:14px; color:#444; font-weight:600; margin-left:10px;}
.popup .payment {margin-top:50px;}
.popup .payment dl {display:flex; justify-content:space-between; margin-bottom:20px; font-size:14px; color:#222; line-height:16px;}
.popup .payment .total {margin-bottom:0; line-height:24px;}
.popup .payment .total dt {font-weight:600;}
.popup .payment .total dd {font-size:20px; font-weight:700;}
.pop_cart .btns {margin-top:50px; display:flex; gap:10px;}
.pop_cart .btns .btn {width:auto; flex:1 1 calc(50% - 5px); height:50px; line-height:50px; font-size:14px; color:#fff; font-weight:600; text-align:center; background:#032553; border-radius:3px;}
.pop_cart .btns .btn_l {color:#222; line-height:48px; background:#fff; border:#ddd 1px solid;}
.fancybox-close {top:0; right:0; width:56px; height:56px; background:url('/pub/images/btn_close.svg') no-repeat 50% 50%; font-size:0;}

/* 숏츠 팝업 */
.pop_shorts .inbox {width:520px; padding:40px;}
.pop_shorts .inbox .tit {margin-bottom:20px;}
.pop_shorts .video {width:100%; height:780px; max-height:calc(100vh - 170px); border-radius:5px; overflow:hidden;}
.pop_shorts .video iframe {width:100%; height:100%;}

/* 1:1문의 팝업 */
.pop_lock .inbox {width:530px; padding:50px;}
.pop_lock .tit {line-height:34px;}
.pop_lock .inputs {display:flex; gap:10px;}
.pop_lock .inputs > * {height:42px; border-radius:3px;}
.pop_lock .inputs .text {width:calc(100% - 110px); font-size:13px;}
.pop_lock .inputs .btn {width:100px; font-size:14px; color:#fff; background:#001D57;}

/* 개인정보 수집동의 팝업 */
.pop_terms .inbox {width:700px; font-family:'Pretendard';}
.pop_terms .textbox_out {padding:20px 10px 20px 20px; border:#ddd 1px solid;}
.pop_terms .textbox {height:240px; overflow:auto; font-size:16px; color:#666; font-weight:300; line-height:26px;}
.pop_terms .textbox .tit {font-size:18px; margin:30px 0 10px; text-align:left;}

/* 주문내역 팝업 */
.pop_order .inbox {width:490px;}
.pop_order p {font-size:16px; color:#222; line-height:26px; text-align:center;}
.pop_order .btns {margin-top:40px; display:flex; gap:10px; justify-content:center;}
.pop_order .btn {width:calc(50% - 5px); height:50px; line-height:50px; text-align:center; font-size:14px; color:#fff; font-weight:500; background:#001D57; border-radius:3px;}
.pop_order .btn_l {color:#222; background:#fff; border:#ddd 1px solid; line-height:48px;}

/* 로그인 - 기존 회원이신가요? */
.pop_member .inbox {width:490px;}
.pop_member p {font-size:16px; color:#222; line-height:26px; text-align:center;}
.pop_member .btn {display:block; font-size:14px; color:#fff; font-weight:500; line-height:50px; height:50px; width:200px; text-align:center; background:#001D57; border-radius:3px; margin:30px auto 0;}

.pop_existing_member {display:block;}
.pop_existing_member .inbox,
.pop_select_branch .inbox {width:640px; background:none;}
.popup .bigtit {position:relative; font-size:29px; color:#fff; font-weight:700; line-height:1; padding:100px 0 69px; background:#022553; text-align:center;}
.popup .bigtit:before {content:""; position:absolute; top:24px; left:30px; width:221px; height:8px; background:url('/pub/images/poplogo.svg') no-repeat 0 50% / contain; font-weight:700;}
.popup .bigtit i {position:relative;}
.popup .bigtit i:before {content:""; position:absolute; top:-13px; left:50%; width:4px; height:4px; background:#fff; border-radius:50%; margin-left:-2px;}
.popup .bigtit p {font-size:16px; font-weight:300; line-height:1; margin-top:16px;margin-bottom:20px}
.popup .bigtit strong {font-size:20px; font-weight:600; line-height:1;}
.popup .inbox > .btn_close.btn_w {background:#fff; mask:url('/pub/images/btn_close.svg') no-repeat 50% 50%; -webkit-mask:url('/pub/images/btn_close.svg') no-repeat 50% 50%; z-index:1;}
.popup .iframe {width:100%;}
.pop_existing_member .iframe {height:562px; overflow:hidden;}
.popup_iframe_con {padding:20px; background:#fff;}
.popup_iframe_con p {font-size:16px; color:#222; font-weight:300; line-height:26px; margin-bottom:30px; letter-spacing:-.5px;}
.popup_iframe_con p strong {color:#032553; font-weight:600;}
.popup_iframe_con .text {width:100%; height:60px; border:#ddd 1px solid; border-radius:3px; padding:0 20px; margin-bottom:10px;}
.popup_iframe_con .btn {display:block; font-size:14px; color:#fff; font-weight:500; line-height:50px; height:50px; width:200px; background:#001D57; margin:40px auto 0; border:0; border-radius:3px;}
.popup_iframe_con .numset li {position:relative; font-size:16px; color:#222; font-weight:300; line-height:30px; padding:10px 10px 10px 64px; background:#F7F7F7; margin-bottom:20px;}
.popup_iframe_con .numset li:last-child {margin-bottom:0;}
.popup_iframe_con .numset .num {position:absolute; top:10px; left:26px; font-size:20px; font-weight:700; font-family:'Pretendard';}
.popup_iframe_con .tac {font-size:15px; margin:30px 0;}

.pop_select_branch .iframe {height:380px;}
.popup_iframe_con.pd42 {padding:40px 20px;}
.popup_iframe_con .select_area {height:300px; overflow:auto;}
.popup_iframe_con .select_area li {position:relative; font-size:14px; color:#222; font-weight:600; line-height:28px; padding:11px 330px 11px 30px;}
.popup_iframe_con .select_area li:nth-child(2n-1) {background:#F4F4F4;}
.popup_iframe_con .select_area li .num {position:absolute; top:11px; right:200px; width:130px; text-align:center; font-weight:300;}
.popup_iframe_con label.slt {position:absolute; top:11px; right:30px;}
.popup_iframe_con label.slt input {display:none;}
.popup_iframe_con label.slt span {display:block; font-size:13px; color:#222; font-weight:600; line-height:26px; height:28px; width:64px; border:#ddd 1px solid; border-radius:3px; text-align:center; transition:.2s linear;}
.popup_iframe_con label.slt input:checked + span {color:#fff; background:#001D57; border-color:#001D57;}

/* 수량체크 */
.countbox {display:flex; border:#ddd 1px solid; border-radius:3px; background:#fff;}
.countbox .btn,
.countbox .text {height:28px;}
.countbox .btn {width:28px; font-size:0; background:no-repeat 50% 50%;}
.countbox .btn.minus {background-image:url('/pub/images/icon_minus.svg');}
.countbox .btn.plus {background-image:url('/pub/images/icon_plus.svg');}
.countbox .text {width:47px; border:0; outline:0; text-align:center; padding:0;}

/* sub */
.container {margin-top:190px; padding:120px 0 200px; font-size:14px; color:#000; line-height:22px; min-height:calc(100vh - 654px);}
.container .title {font-size:40px; color:#222; font-weight:600; line-height:48px; text-align:center; margin-bottom:50px; font-family:'Pretendard';}
.container .stit {position:relative; font-size:24px; color:#000; font-weight:700; line-height:30px; margin:160px 0 30px; font-family:'Pretendard';}
.container .stit.mtbs {margin:100px 0 20px;}
.container .stit.mt5 {margin-top:50px;}
.container .stit.mb2 {margin-bottom:20px;}
.container .stit.mb1 {margin-bottom:10px;}
.container .stit p.red {position:absolute; bottom:0; right:0; font-size:12px; font-weight:400; line-height:1.1;}
.container .stit p.red.inline {position:relative; display:inline-block; margin-left:30px;}
.container .stit p.tar {font-size:12px; font-weight:400; line-height:1.1;}
.container .stit.m {font-weight:500;}
.container .stit.s {font-size:20px; font-weight:500;}
.container .stit.bdb {padding-bottom:20px; border-bottom:#222 2px solid;}
.container .stit .btns {position:absolute; bottom:0; right:0; display:flex; gap:10px;}
.container .stit .btns .btn {font-size:12px; color:#fff; font-weight:500; line-height:30px; height:30px; width:132px; background:#222; border-radius:3px; text-align:center;}
.container .stit .btns .btn_l {color:#222; line-height:28px; border:#E4E6EA 1px solid; background:#fff;}
.container .stit .btns .btn_l.btn_b {font-weight:600;}
.container .stit .more {position:absolute; top:0; right:0; font-size:14px; color:#393939; font-weight:400; padding-right:60px; background:url('/pub/images/arrow_all.svg') no-repeat 100% 30%;}
.container .btit {position:relative; font-size:30px; color:#222; font-weight:700; line-height:36px; margin-bottom:90px;}
.container .btit .step {position:absolute; top:0; right:0; display:flex; gap:43px;}
.container .btit .step li {position:relative; font-size:16px; color:#999; font-weight:500; line-height:20px;}
.container .btit .step li:before {content:""; position:absolute; top:50%; left:-23px; width:3px; height:3px; transform:translateY(-50%); background:#222; border-radius:50%;}
.container .btit .step li:first-child:before {display:none;}
.container .btit .step li.on {color:#222;}

.tbl {border-top:#222 2px solid; font-family:'Pretendard';}
.tbl th,
.tbl td {font-size:14px; border-bottom:#ececec 1px solid; height:50px; text-align:center;}
.tbl th {color:#222;}
.tbl th span {font-weight:400;}
.tbl thead  th {border-bottom-color:#666;}
.tbl td {color:#666;}
.tbl.td_c2 td {color:#222;}
.tbl table ~ p {font-size:12px; color:#222; font-weight:400; margin-top:10px;}
.tbl col.w25 {width:25px;}
.tbl col.w35 {width:35px;}
.tbl col.w60 {width:60px;}
.tbl col.w90 {width:90px;}
.tbl col.w100 {width:100px;}
.tbl col.w105 {width:105px;}
.tbl col.w110 {width:110px;}
.tbl col.w120 {width:120px;}
.tbl col.w130 {width:130px;}
.tbl col.w140 {width:140px;}
.tbl col.w160 {width:160px;}

dl.select {position:relative; z-index:10; width:170px; max-width:100%;}
dl.select dt {width:100%;}
dl.select dt button {position:relative; width:100%; height:42px; border:#ddd 1px solid; border-radius:3px; display:block; padding:0 40px 0 20px; text-align:left; background:#fff;}
dl.select dt button:after {content:""; position:absolute; top:0; right:20px; width:11px; height:100%; background:url('/pub/images/arrow_select.svg') no-repeat 50% 50% / contain; transition:.2s linear;}
dl.select.on dt button {border-radius:3px 3px 0 0;}
dl.select.on dt button:after {transform:rotate(180deg);}
dl.select dd {position:absolute; top:calc(100% - 1px); left:0; width:100%; max-height:200px; background:#fff; border:#ddd 1px solid; border-radius:0 0 3px 3px; padding:10px 0; overflow:hidden auto; display:none;}
dl.select dd label {display:block;}
dl.select dd label input {display:none;}
dl.select dd label span {display:block; font-size:14px; color:#222; line-height:40px; padding:0 20px;}
dl.select dd label input:checked + span {font-weight:500;}
dl.select dd select {width:100%; height:100%; border:0; background:none; font-size:14px; color:#222; line-height:40px; outline:0; padding:0;}
dl.select dd option {font-size:14px; color:#222; height:40px; line-height:40px; padding:0 20px;}

.gbox {padding:40px; background:#FAFAFA; border-radius:3px; font-family:'Pretendard';}
.gbox.p3 {padding:30px;}

/* 통합검색 */
.total_search_area {position:relative; width:500px; height:45px; max-width:100%; border:#222 1px solid; border-radius:22px; padding-right:70px; margin:0 auto; overflow:hidden;}
.total_search_area .text {width:100%; height:100%; border:0; outline:0; font-size:16px; color:#000; padding:0 30px;}
.total_search_area .btn {position:absolute; top:0; right:0; width:70px; height:100%; background:url('/pub/images/icon_search.svg') no-repeat 50% 50% / 19px; font-size:0;}
.search_tag {background:#F8F8F8; border-radius:5px; padding:34px 20px; margin:60px 0 100px;}
.search_tag .tit {font-size:18px; color:#222; font-weight:600; line-height:22px; text-align:center; margin-bottom:20px;}
.search_tag ul {display:flex; justify-content:center; gap:10px; flex-wrap:wrap;}
.search_tag li a {display:block; font-size:14px; color:#222; line-height:30px; height:32px; padding:0 24px; background:#fff; border:#ddd 1px solid; border-radius:16px;}
.search_Results {font-size:24px; color:#222; font-weight:500; line-height:30px; text-align:center; margin-bottom:50px;}
.search_Results strong {color:#CDB079;}

.board_top {position:relative; display:flex; justify-content:space-between; align-items:center; line-height:20px; z-index:1; margin-bottom:40px; font-family:'Pretendard';}
.board_top .total strong {font-weight:600;}
.board_top .right {display:flex; gap:10px;}
.board_top .right .select {width:170px; height:42px;}
.board_top .selects {display:flex; gap:50px;}
.board_top .selects dl {position:relative;}
.board_top .selects dt {position:relative; padding-right:20px; cursor:pointer;}
.board_top .selects dt:after {content:""; position:absolute; top:0; right:0; width:11px; height:100%; background:url('/pub/images/arrow_select.svg') no-repeat 50% 50% / contain; transition:.2s linear;}
.board_top .selects dt button {display:block; color:#222;}
.board_top .selects .on dt:after {transform:rotate(180deg);}
.board_top .selects dd {position:absolute; top:calc(100% + 10px); right:0; width:100%; min-width:100px; background:#fff; border:#ddd 1px solid; padding:10px; display:none;}
.board_top .selects dd > * {display:block; padding:5px 0;}
.board_top .location {display:flex; gap:30px; align-items:center;}
.board_top .location .home {width:11px; height:13px; background:url('/pub/images/icon_home.svg') no-repeat 50% 50% / contain;}
.board_top .location span {position:relative;}
.board_top .location span:before {content:""; position:absolute; top:50%; left:-16px; width:2px; height:2px; background:#000; border-radius:50%; margin-top:-1px;}
.board_top .location strong {font-weight:600;}
.board_top .id {position:relative; padding-left:80px; height:60px; display:flex; flex-direction:column; justify-content:center;}
.board_top .id .imgfit {position:absolute; top:0; left:0; width:60px; height:60px; border-radius:50%;}
.board_top .id span {font-size:14px; color:#999; line-height:16px;}
.board_top .id strong {font-size:20px; color:#222; line-height:24px; margin-top:10px;}
.board_top .search_area {position:relative; width:310px; height:42px; border:#ddd 1px solid; border-radius:3px; padding-right:40px;}
.board_top .search_area .text {border:0; padding:0 20px; height:40px; width:100%; outline:0;}
.board_top .search_area .btn {position:absolute; top:0; right:0; width:40px; height:100%; background:url('/pub/images/icon_search.svg') no-repeat 50% 50%; font-size:0;}
.board_top .btn_write {display:block; font-size:14px; color:#fff; font-weight:600; line-height:42px; height:42px; width:110px; text-align:center; background:#032553; border-radius:3px;}

.btn_more {position:relative; display:block; color:#222; font-weight:500; line-height:58px; height:60px; width:300px; padding:0 20px; border:#ddd 1px solid; margin:100px auto 0; text-align:left;}
.btn_more:after {content:""; position:absolute; top:50%; right:20px; width:11px; height:6px; background:url('/pub/images/arrow_select.svg') no-repeat 50% 50% / contain; transform:translateY(-50%) rotate(-90deg);}

.no_item {padding:80px 0; text-align:center; font-size:15px; color:#222; opacity:.8; border-top:#ECECEC 1px solid;}

/* 제품소개 */
.tabs_slide {margin-bottom:70px; font-family:'Pretendard';}
.tabs_slide .swiper-wrapper {min-width:100%; max-width:100%; justify-content:center;}
.tabs_slide .swiper-slide {width:auto !important; padding:0 5px;}
.tabs_slide a {position:relative; display:block; font-size:16px; color:#222; line-height:48px; height:50px; border:#EBEBEB 1px solid; border-radius:25px; padding:0 26px; overflow:hidden;}
.tabs_slide a:before {content:""; position:absolute; top:0; left:0; width:0; height:100%; background:#000; z-index:-1; transition:.2s linear;}
.tabs_slide .on a {color:#fff; font-weight:600; border-color:#000; box-shadow:inset #000 0 0 2px,inset #000 0 0 2px,inset #000 0 0 2px;}
.tabs_slide .on a:before {left:-5%; width:110%;}

.deps_tab {display:flex; justify-content:center; flex-wrap:wrap; margin-bottom:80px; overflow:hidden;}
.deps_tab .swiper-wrapper {margin:0 auto; width:auto; max-width:100%;}
.deps_tab .swiper-slide {width:auto; padding-right:50px;}
.deps_tab .swiper-slide:last-child {padding-right:0;}
.deps_tab a {display:block; font-size:16px; color:#222; line-height:20px; padding-bottom:8px; border-bottom:#fff 2px solid;}
.deps_tab .on {font-weight:600; border-bottom-color:#222;}

.product_top {height:300px; background:no-repeat 50% 50% / cover; display:flex; flex-direction:column; justify-content:center; align-items:center; color:#fff; margin-bottom:40px; padding:0 20px; text-align:center; display:none;}
.product_top .tit {font-size:40px; font-weight:500; line-height:1;}
.product_top p {font-size:16px; line-height:20px; margin-top:30px;}

/* 제품상세 */
.product_view_top {display:flex; justify-content:space-between; font-family:'Pretendard'; margin-bottom:185px;}
.product_view_top .imgfit {width:640px; height:820px;}
.product_view_top .txt {width:660px;}
.product_view_top .state {display:flex; font-size:14px; color:#222; line-height:17px;}
.product_view_top .state i {margin-right:12px;}
.product_view_top .state span {display:block; font-size:10px; color:#fff; font-weight:700; line-height:17px; height:17px; width:33px; margin-right:2px; text-align:center;}
.product_view_top .state span.n {background:#CDB079;}
.product_view_top .state span.b {background:#032553;}
.product_view_top .name {font-size:26px; color:#222; font-weight:600; line-height:32px; margin:15px 0;}
.product_view_top .con {font-size:16px; color:#999; line-height:20px;margin-bottom:20px;}
.product_view_top .if_logout {font-size:18px; color:#DE220D; font-weight:600; line-height:22px; padding:26px 0 40px; border-bottom:#ebebeb 1px solid; margin-bottom:30px;}
.product_view_top .if_account {font-size:18px; color:#DE220D; font-weight:600; line-height:22px; padding:35px 0; border-top:#ebebeb 1px solid;}
.product_view_top .payment {padding-bottom:20px; border-bottom:#ebebeb 1px solid; margin-bottom:40px; font-size:26px; line-height:32px;}
.product_view_top .payment del {display:block; color:#666; font-weight:700; margin-bottom:5px;}
.product_view_top .payment .money {color:#222; font-weight:700; display:flex; gap:8px;}
.product_view_top .payment .money .dis {color:#DE220D;}
.product_view_top .info dl {display:flex; font-size:14px; color:#444; margin-top:12px;}
.product_view_top .info dl:first-child {margin-top:0;}
.product_view_top .info dt {width:120px;}
.product_view_top .info dd {width:calc(100% - 120px); font-weight:600; display:flex;}
.product_view_top .info .delivery {margin-top:30px;}
.product_view_top .info .delivery dd strong {color:#222; margin-left:5px;}
.product_view_top .info .delivery dd strong.red {margin-left:10px;}
.product_view_top .count_area {background:#F8F8F8; margin-top:40px;padding:30px;}
.product_view_top .count_area .tt {font-size:16px; color:#222; font-weight:600; line-height:20px;}
.product_view_top .count_area dl {display:flex; justify-content:space-between; font-size:14px; color:#222; margin-top:20px;}
.product_view_top .count_area dt {font-weight:600;}
.product_view_top .count_area .total {line-height:35px;}
.product_view_top .count_area .total dd {font-size:20px; font-weight:600;}
.product_view_top .total_last {margin-top:40px; border-top:#222 1px solid; padding-top:34px; display:flex; justify-content:space-between; color:#222; line-height:50px;}
.product_view_top .total_last dt {font-size:18px;}
.product_view_top .total_last dd {display:flex;}
.product_view_top .total_last dd strong {font-size:26px; font-weight:600;}
.product_view_top .total_last dd .btns {display:flex;}
.product_view_top .total_last dd .btn_cart {display:flex; justify-content:center; align-items:center; font-size:14px; color:#fff; font-weight:600; line-height:50px; height:50px; width:100px; text-align:center; background:#000; border-radius:3px; margin:0 10px 0 20px;}
.product_view_top .total_last dd .heart {display:flex; justify-content:center; align-items:center; width:50px; height:50px; border:#ddd 1px solid; border-radius:3px;}
.product_view_top .total_last dd .heart span {display:block; width:23px; height:19px; mask:url('/pub/images/icon_heart2_on.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_heart2_on.svg') no-repeat 50% 50% / contain;}
.product_view_top .total_last dd .heart input {display:none;}
.product_view_top .total_last dd .heart i {position:relative; display:block; width:100%; height:100%; max-width:100%; max-height:100%; background:url('/pub/images/icon_heart2.svg') no-repeat 50% 50% / contain;}
.product_view_top .total_last dd .heart i:before,
.product_view_top .total_last dd .heart i:after {content:""; position:absolute; width:120%; height:120%; background:#222; transform:rotate(45deg);}
.product_view_top .total_last dd .heart i:before {top:55%; left:-60%; transition:.4s linear;}
.product_view_top .total_last dd .heart i:after {top:55%; left:60%; transition:.3s linear;}
.product_view_top .total_last dd .heart input:checked + span i:before,
.product_view_top .total_last dd .heart input:checked + span i:after {top:-5%; left:-5%;}
.product_view_top .total_last dd .heart input:checked + span i:before {transition:.3s linear;}
.product_view_top .total_last dd .heart input:checked + span i:after {transition:.5s linear;}
.product_view_top .if_box {background:#F8F8F8; border-radius:3px; padding:30px; margin-top:30px;}

.product_content {position:relative;}
.product_content .point {position:absolute; top:-75px;}
.product_content .jq_tab {position:relative; display:flex; border-bottom:#ddd 1px solid; z-index:1; background:#fff;}
.product_content .jq_tab:before {content:""; position:absolute; bottom:-1px; left:50%; width:0; height:1px; background:#ddd; transition:.2s linear; transform:translateX(-50%);}
.product_content .jq_tab li {position:relative; width:calc(100%/3); }
.product_content .jq_tab li:before {content:""; position:absolute; top:50%; left:0; width:1px; height:14px; background:#ddd; transform:translateY(-50%);}
.product_content .jq_tab li:first-child:before {display:none;}
.product_content .jq_tab button {position:relative; width:100%; height:59px; line-height:59px; font-size:18px; color:#999; text-align:center;}
.product_content .jq_tab button:before,
.product_content .jq_tab button:after {content:""; position:absolute;}
.product_content .jq_tab button:before {top:50%; left:0; width:1px; height:12px; background:#ddd; transform:translateY(-50%);}
.product_content .jq_tab button:first-child:before {display:none;}
.product_content .jq_tab button:after {bottom:-1px; left:50%; width:0; height:2px; background:#222; transform:translateX(-50%); transition:.2s linear;}
.product_content .jq_tab .on button {color:#222; font-weight:700;}
.product_content .jq_tab .on button:after {width:100%;}
.product_content.start {padding-top:60px;}
.product_content.start .jq_tab {position:fixed; top:75px; left:50%; width:100%; max-width:1420px; transform:translateX(-50%);}
.product_content.start .jq_tab:before {width:100vw;}
.product_content .cont {position:relative; padding-top:125px;}
.product_content .cont img {height:auto !important;}
.product_content .cont * {font-family:'Futura PT', 'Pretendard' !important;}
.product_content .tit {font-size:24px; font-weight:500; line-height:32px; padding-bottom:20px; border-bottom:#222 1px solid; margin:160px 0 60px;}
.product_content .tit:before {display:block; width:100%; height:8px; line-height:8px; margin-bottom:10px; font-size:12px; font-weight:400;}
.product_content .tit.logo:before {content:""; background:#666; mask:url('/pub/images/logo.svg') no-repeat 0 0 / contain; -webkit-mask:url('/pub/images/logo.svg') no-repeat 0 0 / contain;}
.product_content .tit.pro:before {content:"PRODUCT";}
.product_content .tit.info:before {content:"PRODUCT";}
.product_content .tit.none {font-weight:700; margin:0 0 30px; padding-bottom:0; border-bottom:0;}
.product_content .stit {margin:0 0 80px; padding-bottom:20px; border-bottom:#222 1px solid;}
.product_content .tops {width:764px; max-width:100%; margin:0 auto;}
.product_content .tops .box {background:#FAFAFA; border-radius:3px; padding:40px; text-align:center; margin-top:20px;}
.product_content .tops .tt {position:relative; font-size:22px; color:#444; font-weight:700; line-height:26px; text-align:center; padding-bottom:21px; margin-bottom:20px;}
.product_content .tops .tt:after {content:""; position:absolute; bottom:0; left:50%; width:50px; height:1px; background:#ddd; transform:translateX(-50%);}
.product_content .tops strong {display:block; font-size:20px; color:#CDB079; line-height:24px; margin-bottom:16px;}
.product_content .tops p {font-size:16px; color:#444; line-height:20px;}
.product_content .guide {display:flex; flex-wrap:wrap; gap:20px;}
.product_content .guide li {position:relative; width:calc(50% - 10px); height:180px; border:#ececec 1px solid; border-radius:3px; padding:30px;}
.product_content .guide li .tt {font-size:24px; color:#000; font-weight:600; line-height:32px;}
.product_content .guide li strong {display:block; font-size:16px; color:#444; line-height:20px; margin:10px 0 20px;}
.product_content .guide li p {font-size:14px; color:#666; line-height:24px;}
.product_content .guide li:after {content:""; position:absolute; top:30px; right:30px; width:80px; height:80px; background:#F8F8F8 no-repeat 50% 50%; border-radius:50%;}
.product_content .guide li.i1:after {background-image:url('/pub/images/icon_pro_guide01.svg');}
.product_content .guide li.i2:after {background-image:url('/pub/images/icon_pro_guide02.svg');}
.product_content .guide li.i3:after {background-image:url('/pub/images/icon_pro_guide03.svg');}
.product_content .guide li.i4:after {background-image:url('/pub/images/icon_pro_guide04.svg');}
.product_content .itit {position:relative; font-size:20px; color:#222; font-weight:600; line-height:24px; padding-left:30px; margin:100px 0 30px;}
.product_content .itit:before {content:""; position:absolute; top:0; left:0; width:30px; height:100%; background:no-repeat 0 50%;}
.product_content .itit.i1 {margin-top:0;}
.product_content .itit.i1:before {background-image:url('/pub/images/icon_itit01.svg');}
.product_content .itit.i2:before {background-image:url('/pub/images/icon_itit02.svg');}
.product_content .itit.i3:before {background-image:url('/pub/images/icon_itit03.svg');}
.product_content .dl_box dl {display:flex; font-size:14px; line-height:24px; margin-bottom:15px;}
.product_content .dl_box dl:last-child {margin-bottom:0;}
.product_content .dl_box dt {width:120px; color:#222; font-weight:600;}
.product_content .dl_box dd {width:calc(100% - 120px); color:#666;}
.product_content .haccp {border-radius:3px; padding:30px 30px 30px 100px; background:#F6F8FB url('/pub/images/icon_haccp.svg') no-repeat 30px 50%; color:#222; margin-top:40px;}
.product_content .haccp strong {display:block; font-size:18px; line-height:22px; margin-bottom:12px;}
.product_content .haccp p {font-size:14px; line-height:16px;}
.product_content .pl_list p {padding-left:15px; text-indent:-15px; line-height:24px;}
.product_content .itit ~ .tbl {margin-top:20px;}
.product_content .p64 {color:#666; font-weight:400;}
.product_content .contact_area {font-family:'Pretendard'; padding-top:100px; border-top:#ebebeb 1px solid; margin-top:160px;}
.product_content .contact_area .tt {font-size:24px; font-weight:700; line-height:32px; margin-bottom:30px;}
.product_content .contact_area b {display:block; font-size:18px; line-height:22px; margin-bottom:20px;}
.product_content .contact_area p {font-size:14px; color:#666; line-height:20px;}
.product_content .contact_area ul {margin-top:50px; display:flex; gap:32px;}
.product_content .contact_area li {width:calc((100% - 64px)/3); border:#ECECEC 1px solid; border-radius:5px;}
.product_content .contact_area li a {display:block; padding:40px;}
.product_content .contact_area li.noa {padding:40px;}
.product_content .contact_area li .tt {font-size:14px; color:#CDB079; font-weight:500; line-height:18px; margin:0;}
.product_content .contact_area li strong {position:relative; display:block; font-size:24px; color:#222; line-height:32px; margin:15px 0 20px; padding:0; display:flex; gap:0;}
.product_content .contact_area li strong span {margin:0;}
.product_content .contact_area li p {font-size:14px; color:#444; line-height:24px;}
.product_content .contact_area li span {font-weight:600; margin-right:5px;}
.product_content .contact_area li.c {background:#222; border-color:#222;}
.product_content .contact_area li.c strong {color:#fff;}
.product_content .contact_area li.c p {color:#fff; opacity:.8;}
.product_content .gbox {margin-bottom:70px;}
.product_content .gbox .tt {font-size:20px; color:#222; line-height:24px; margin-bottom:30px;}
.product_content .gbox p {font-size:14px; color:#444; line-height:24px;}
.product_content .gbox p.red {padding-top:30px; margin-top:30px; border-top:#ddd 1px solid;}
.dots_list > li {position:relative; padding-left:20px; line-height:24px; margin-top:40px; font-size:14px; color:#444; line-height:24px;}
.dots_list > li:first-child {margin-top:0;}
.dots_list > li:before {content:""; position:absolute; top:10px; left:0; width:5px; height:5px; background:#222; border-radius:50%;}
.dots_list > li .tt {font-size:18px; color:#222; font-weight:600; margin-bottom:20px;}
.dots_list ol li {position:relative; margin-top:30px; padding-left:30px; line-height:24px;}
.dots_list ol li span {position:absolute; top:3px; left:0; width:18px; height:18px; line-height:18px; text-align:center; font-size:12px; color:#fff; font-weight:500; background:#CDB079; border-radius:50%;}
.dots_list ol li strong {display:block; font-size:16px; color:#222; font-weight:600; margin-bottom:12px;}
.down_area {display:flex; gap:20px; flex-wrap:Wrap;}
.down_area li {width:calc((100% - 60px)/4); padding:30px; border:#ECECEC 1px solid; border-radius:3px;}
.down_area li strong {display:block; font-size:18px; color:#222; font-weight:600; line-height:22px; margin-bottom:25px;}
.down_area li a {position:relative; display:block; font-size:14px; color:#222; font-weight:500; line-height:48px; height:50px; width:100%; border:#ddd 1px solid; padding:0 20px;}
.down_area li a:after {content:""; position:absolute; top:0; right:20px; width:14px; height:100%; background:#222; mask:url('/pub/images/icon_down.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_down.svg') no-repeat 50% 50% / contain; transition:.2s linear;}

.pro_info {text-align:center;}
.pro_info .tt {font-size:24px; color:#222; font-weight:700; line-height:36px; text-align:center; margin-bottom:30px;}
.pro_info .yellow {color:#CDB079;}
.pro_info p {font-size:16px; color:#444; font-weight:300; line-height:26px;}
.pro_info .tac li {margin-top:100px;}
.pro_info .tac .img {width:100%;}
.pro_info .tac p {font-size:16px; color:#444; line-height:20px; margin-top:30px;}

.product_fixed {position:fixed; bottom:-80px; left:50%; width:100%; max-width:1460px; padding:0 20px; z-index:10; transform:translateX(-50%); display:flex; justify-content:space-between; z-index:101; transition:.2s linear;}
.product_fixed.on,
.product_fixed.fixed {bottom:0;}
.product_fixed:before,
.product_fixed:after {content:""; position:absolute; bottom:0; height:80px; background:#fff;}
.product_fixed:before {left:50%; width:100vw; box-shadow:rgba(0,0,0,.08) 0 -3px 10px; transform:translateX(-50%); z-index:1;}
.product_fixed.on:before {width:0;}
.product_fixed:after {left:0; width:100%; z-index:2;}
.product_fixed .dm {position:fixed; bottom:0; left:50%; width:100vw; height:0; background:rgba(0,0,0,.5); transform:translateX(-50%); z-index:0;}
.product_fixed.on .dm {height:100vh;}
.product_fixed .img_area {position:relative; padding-left:67px; font-size:16px; color:#222; font-weight:600; line-height:80px; height:80px; z-index:3;}
.product_fixed .img_area .imgfit {position:absolute; top:10px; left:0; width:47px; height:60px; line-height:0;}
.product_fixed .cart_box {position:relative; display:flex; gap:20px; padding:15px 0; z-index:3;}
.product_fixed .cart_box .countbox .btn,
.product_fixed .cart_box .countbox .text {height:50px;}
.product_fixed .cart_box .countbox .btn {width:49px; background-size:16px;}
.product_fixed .cart_box .countbox .btn.minus {background-image:url('/pub/images/icon_minus.svg');}
.product_fixed .cart_box .countbox .btn.plus {background-image:url('/pub/images/icon_plus.svg');}
.product_fixed .cart_box .countbox .text {width:70px; font-size:20px; font-weight:500;}
.product_fixed .cart_box .btn_cart {display:block; font-size:14px; color:#fff; font-weight:600; line-height:50px; height:50px; width:150px; text-align:center; border-radius:3px; background:#000;}
.product_fixed .cart_box button.btn_cart {display:none;}
.product_fixed.on .cart_box a.btn_cart {display:none;}
.product_fixed.on .cart_box button.btn_cart {display:block;}
.product_fixed .open_box {position:absolute; bottom:-255px; left:0; width:100%; background:#fff; padding:30px; z-index:3;}
.product_fixed.on .open_box {bottom:80px;}
.product_fixed .open_box .tit {font-size:20px; color:#222; font-weight:600; line-height:24px; padding-bottom:18px; border-bottom:#ececec 1px solid; margin-bottom:30px;}
.product_fixed .open_box .pay {display:flex; gap:8px; margin-bottom:20px;}
.product_fixed .open_box .pay .dis {font-size:20px; color:#DE220D; font-weight:700;}
.product_fixed .open_box .pay del {color:#666; font-weight:600;}
.product_fixed .open_box .pay strong {font-size:20px; color:#222; font-weight:600; margin-left:20px;}
.product_fixed .open_box .btn_close {position:absolute; top:0; right:0; width:56px; height:56px; background:url('/pub/images/btn_close.svg') no-repeat 50% 50%; font-size:0;}
.product_fixed .open_box .info_box {display:flex; flex-wrap:wrap;}
.product_fixed .open_box .info_box > * {width:50%;}
.product_fixed .open_box .info_box dl {display:flex; justify-content:space-between; font-size:14px; color:#222; line-height:16px; margin-bottom:25px;}
.product_fixed .open_box .info_box dl:last-child {margin-bottom:0;}
.product_fixed .open_box .info_box dt {font-weight:600;}
.product_fixed .open_box .info_box .right {padding-left:50px;}
.product_fixed .open_box .info_box .count_area {background:#F8F8F8; padding:8px 20px; border-radius:3px; display:flex; justify-content:space-between; margin-bottom:30px;}
.product_fixed .open_box .info_box .count_area strong {font-size:14px; color:#222; font-weight:600; line-height:35px;}
.product_fixed .open_box .total dd {display:flex; gap:8px;}
.product_fixed.on .open_box .total dd {transform:translate(0,0);}
.product_fixed .open_box .total .dis {font-size:20px; color:#DE220D; font-weight:700;}
.product_fixed .open_box .total del {color:#666; font-weight:600;}
.product_fixed .open_box .total strong {font-size:20px; color:#222; font-weight:600; margin-left:20px;}

/* trend */
.trend_list {display:flex; gap:160px 32px; flex-wrap:wrap;}
.trend_list .box {display:block; width:calc((100% - 64px)/3);}
.trend_list .box a {display:block;}
.trend_list .box span {display:block;}
.trend_list .top_img {position:relative; width:100%; height:424px;}
.trend_list .top_img .txt {position:absolute; left:0; padding:50px 30px; max-width:100%;}
.trend_list .top_img .txt strong {display:block; font-size:26px; color:#222; font-weight:600; line-height:28px;}
.trend_list .top_img .txt p {font-size:14px; color:#222; line-height:26px; margin-top:10px;}
.trend_list .top_img .txt.top {top:0;}
.trend_list .top_img .txt.mid {top:50%; transform:translateY(-50%);}
.trend_list .top_img .txt.btm {bottom:0;}
.trend_list .tit {font-size:24px; color:#222; font-weight:700; line-height:30px; margin:30px 0 15px;}
.trend_list .box a > p {font-size:14px; color:#666; line-height:22px; margin-bottom:24px;}
.trend_list .tag {display:flex; font-family:'Pretendard'; margin:30px 0 15px;}
.trend_list .tag dt {font-size:12px; color:#222; font-weight:600; line-height:26px; width:50px;}
.trend_list .tag dd {display:flex; gap:10px; flex-wrap:wrap; width:calc(100% - 50px);}
.trend_list .tag dd span {font-size:12px; color:#444; line-height:24px; height:26px; padding:0 16px; border:#ECECEC 1px solid; border-radius:13px;}
.trend_list ul {padding-top:10px;}
.trend_list li {position:relative; padding-left:114px; height:120px; margin-top:20px; display:flex; flex-direction:column; justify-content:center;}
.trend_list li .imgfit {position:absolute; top:0; left:0; width:94px; height:100%;}
.trend_list li strong {display:block; font-size:16px; color:#222; font-weight:600; line-height:20px; margin-bottom:10px;}
.trend_list li p {font-size:14px; color:#444; line-height:16px;}

.trend_go_list {margin-bottom:30px;}
.trend_go_list .btn_list {font-size:18px; color:#222; font-weight:600; line-height:22px; display:flex; gap:20px; align-items:center;}
.trend_go_list .btn_list:after {content:""; display:block; width:6px; height:11px; background:url('/pub/images/arrow_more.svg') no-repeat 50% 50% / contain;}
.trend_view {display:flex !important; gap:50px;}
.trend_view > * {height:620px;}
.trend_view .head_img {position:relative; width:calc(50% - 50px);}
.trend_view .head_img .txt {position:absolute; top:0; left:0; padding:40px; max-width:100%;}
.trend_view .head_img strong {display:block; font-size:32px; color:#fff; line-height:42px;}
.trend_view .head_img p {font-size:16px; color:#fff; line-height:26px; margin:10px 0 30px;}
.trend_view .head_img .tag {display:flex; flex-wrap:wrap; gap:10px;}
.trend_view .head_img .tag span {font-size:12px; color:#fff; font-weight:500; line-height:26px; height:26px; padding:0 16px; border-radius:13px; background:#000;}
.trend_view .product_list {width:50%; gap:90px 28px; overflow:hidden auto; padding-right:12px;}
.trend_view .product_list .mv {width:calc(50% - 14px);}
.trend_view .product_list .mv .txt {padding-left:38px;}
.trend_view .product_list .mv label.check {position:absolute; top:0; left:10px;}

.trend_btm {padding:0 14px 0 50%; margin-top:30px; display:flex; align-items:center; justify-content:space-between;}
.trend_btm .btn_cart {display:block; font-size:14px; color:#222; font-weight:500; line-height:48px; height:50px; width:200px; text-align:center; border:#ddd 1px solid; border-radius:3px;}

/* SHORTS */
.shorts_list {display:flex; flex-wrap:wrap; gap:100px 38px; font-family:'Pretendard';}
.shorts_list a {display:block; width:calc((100% - 76px)/3);}
.shorts_list .imgfit {position:relative; display:block; height:598px;}
.shorts_list .imgfit:before,
.shorts_list .imgfit:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition:.2s linear;}
.shorts_list .imgfit:before {background:rgba(0,0,0,.5);}
.shorts_list .imgfit:after {background:url('/pub/images/icon_shorts.svg') no-repeat 50% 50%;}
.shorts_list p {font-size:16px; color:#222; font-weight:700; line-height:26px; margin-top:15px; overflow:hidden; text-overflow:ellipsis; white-space:normal; text-align:left; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

/* 가입안내 */
.top_box {background:no-repeat 50% 50% / cover;}
.top_box .inner {height:360px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:30px; color:#fff; text-align:center;}
.top_box strong {display:block; font-size:24px; font-weight:600; line-height:30px;}
.top_box p {font-size:16px; font-weight:500; line-height:26px;}
.top_join_guide {background-image:url('/pub/images/bg_top_join_guide.jpg');}

.join_guide01 ul {border:#ececec 1px solid; padding:80px 0; display:flex;}
.join_guide01 li {position:relative; width:25%; text-align:center;}
.join_guide01 li:before {content:""; display:block; width:100%; height:30px; background:no-repeat 50% 50% / contain;}
.join_guide01 li:after {content:""; position:absolute; top:50%; right:-15px; width:30px; height:30px; background:url('/pub/images/arrow_step.svg') no-repeat 50% 50%; border:#ddd 1px solid; border-radius:50%; transform:translateY(calc(-50% - 26px));}
.join_guide01 li:last-child:after {display:none;}
.join_guide01 li strong {display:block; font-size:20px; color:#000; font-weight:700; line-height:24px; margin:40px 0 24px;}
.join_guide01 li p {font-size:16px; color:#666; line-height:26px;}
.join_guide01 li.i1:before {background-image:url('/pub/images/icon_join_guide01_01.svg');}
.join_guide01 li.i2:before {background-image:url('/pub/images/icon_join_guide01_02.svg');}
.join_guide01 li.i3:before {background-image:url('/pub/images/icon_join_guide01_03.svg');}
.join_guide01 li.i4:before {background-image:url('/pub/images/icon_join_guide01_04.svg');}
.btn_link {display:block; font-size:14px; color:#fff; font-weight:500; line-height:60px; height:60px; width:240px; text-align:center; background:#001D57; border-radius:3px; margin:60px auto 0;}
.join_guide02 {display:flex; gap:40px;}
.join_guide02 li {width:calc(50% - 20px); border:#ECECEC 1px solid; border-radius:5px; padding:40px;}
.join_guide02 span {display:block; font-size:14px; color:#CDB079; font-weight:500; line-height:18px;}
.join_guide02 strong {display:block; font-size:24px; color:#222; line-height:32px; margin:15px 0 20px;}
.join_guide02 p {font-size:14px; color:#666; line-height:24px;}
.join_guide02 p b {font-weight:600;}
.join_guide03 {padding:0 20px; display:flex; gap:30px; margin-bottom:200px;}
.join_guide03 li {position:relative; width:calc((100% - 60px)/3); text-align:center;}
.join_guide03 .outbox {position:relative; padding-top:100%;}
.join_guide03 .inbox {position:absolute; top:0; left:0; width:100%; height:100%; border:#EBEBEB 1px solid; border-radius:50%; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.join_guide03 .num {display:block; font-size:16px; color:#000; font-weight:700; line-height:22px;}
.join_guide03 i {display:block; width:100%; height:38px; background:no-repeat 50% 50%; margin:40px 0;}
.join_guide03 .tt {font-size:20px; color:#000; font-weight:700; line-height:24px; margin-bottom:35px;}
.join_guide03 .tt span {display:block; font-size:12px; color:#999; font-weight:400; line-height:14px; margin-top:5px;}
.join_guide03 p {font-size:14px; color:#666; line-height:26px;}
.join_guide03 .i1 i {background-image:url('/pub/images/icon_join_guide03_01.svg');}
.join_guide03 .i2 i {background-image:url('/pub/images/icon_join_guide03_02.svg');}
.join_guide03 .i3 i {background-image:url('/pub/images/icon_join_guide03_03.svg');}
.join_guide04 {position:relative; background:url('/pub/images/bg_join_guide04.jpg') no-repeat 50% 50% / cover; padding:105px 0; color:#fff;}
.join_guide04:before {content:""; position:absolute; top:0; left:0; width:50%; height:100%; background:rgba(0,0,0,.6); backdrop-filter:blur(6px);}
.join_guide04 > * {position:relative; z-index:1;}
.join_guide04 .tit {font-size:30px; font-weight:500; line-height:36px;}
.join_guide04 p {font-size:16px; line-height:24px; margin:30px 0 40px;}
.join_guide04 .btn {position:relative; display:block; font-size:14px; color:#fff; font-weight:500; line-height:58px; height:60px; width:300px; border:#fff 1px solid; padding:0 20px;}
.join_guide04 .btn:after {content:""; position:absolute; top:0; right:20px; width:6px; height:100%; background:#fff; mask:url('/pub/images/arrow_more.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/arrow_more.svg') no-repeat 50% 50% / contain;}

/* 납품안내 */
.delivery_inf01 {text-align:center;}
.delivery_inf01 span {display:block; font-size:16px; color:#666; font-weight:500; line-height:20px; margin-bottom:20px;}
.delivery_inf01 strong {display:block; font-size:30px; color:#000; font-weight:500; line-height:42px;}
.delivery_inf01 p {font-size:14px; color:#666; line-height:24px; margin-top:30px;}
.delivery_inf01 .img {margin:50px 0 160px; height:360px; background:url('/pub/images/bg_top_delivery_information.jpg');}
.delivery_inf02 {background:#F8F8F8; padding:80px 0; margin:50px 0 160px;}
.delivery_inf02 ul {display:flex; gap:40px;}
.delivery_inf02 li {width:calc(50% - 20px); background:#fff; border-radius:5px; padding:40px; text-align:center;}
.delivery_inf02 li:before {content:""; display:block; width:80px; height:80px; background:#F8F8F8 no-repeat 50% 50%; border-radius:50%; margin:0 auto 30px;}
.delivery_inf02 li strong {display:block; font-size:14px; color:#CDB079; font-weight:600; line-height:16px; margin:30px 0 20px;}
.delivery_inf02 li p {font-size:20px; color:#222; font-weight:500; line-height:32px;}
.delivery_inf02 .i1:before {background-image:url('/pub/images/icon_delivery_info02_01.svg');}
.delivery_inf02 .i2:before {background-image:url('/pub/images/icon_delivery_info02_02.svg');}
.glbox {border:#ddd 1px solid; padding:115px 20px; text-align:center;}

/* 배송주기표 */
.search_top .search_area {display:flex; justify-content:center; align-items:center; line-height:50px; margin-bottom:50px; font-size:14px;}
.search_top .tit {color:#222; font-weight:600; margin-right:70px;}
.search_top .btn {color:#fff; font-weight:500; line-height:50px; height:50px; width:120px; background:#001D57; border-radius:3px;}
.search_top .btn_l {color:#222; line-height:48px; background:#fff; border:#ddd 1px solid; margin-left:10px;}
.search_top .gbox {background:#f8f8f8; color:#222; line-height:24px;}
.search_top .gbox p {padding-left:16px; text-indent:-16px;}
.delivery_week {position:relative; display:flex; flex-direction:column; align-items:flex-end;}
.delivery_week ul {display:flex; width:660px;}
.delivery_week li {width:calc(100%/6);}
.delivery_week .weeks {background:#022553; border-radius:5px 5px 0 0;}
.delivery_week .weeks li {font-size:14px; color:#fff; font-weight:700; line-height:36px; text-align:center;}
.delivery_week table {border-bottom:#EBEBEB 1px solid; font-size:14px; color:#222; line-height:24px;}
.delivery_week tr:nth-child(2n-1) {background:#F4F4F4;}
.delivery_week th,
.delivery_week td {height:70px; padding:10px 0; text-align:center;}
.delivery_week th {font-weight:600;}
.delivery_week col.w17 {width:170px;}
.delivery_week col.w_week {width:660px;}
.delivery_week .chk {display:block; width:19px; height:14px; background:url('/pub/images/icon_check.svg') no-repeat 50% 50% / contain; margin:0 auto; font-size:0;}
.delivery_week p {font-size:12px; color:#999; line-height:14px; margin-top:20px;}
.delivery_week td span {font-size:12px; color:#f44336;}

/* FAQ */
.tabs {display:flex; justify-content:center; gap:50px; margin-bottom:90px;}
.tabs a {position:relative; display:block; font-size:16px; color:#000; line-height:20px; padding-bottom:10px;}
.tabs a:after {content:""; position:absolute; bottom:0; left:50%; width:0; height:2px; background:#000; transition:.2s linear;}
.tabs a.on:after {left:0; width:100%;}
.faq_wrap {border-top:#222 2px solid; font-family:'Pretendard';}
.faq_wrap dl {border-bottom:#ECECEC 1px solid;}
.faq_wrap dt {position:relative; font-size:18px; color:#222; font-weight:600; line-height:30px; padding:35px 90px 35px 40px; cursor:pointer;}
.faq_wrap dt:after {content:""; position:absolute; top:0; right:0; width:90px; height:100%; background:url('/pub/images/arrow_faq.svg') no-repeat 50% 50%; transition:.2s linear;}
.faq_wrap .on dt:after {transform:rotate(180deg);}
.faq_wrap dd {font-size:14px; color:#222; font-weight:300; line-height:24px; padding:40px; background:#F8F8F8; border-top:#EBEBEB 1px solid; display:none;}
.faq_wrap dd img {height:auto !important;}
.faq_wrap dl.no_data dt {text-align:center;}
.faq_wrap dl.no_data dt:after {display:none;}

/* inquiry */
.top_inquiry {background-image:url('/pub/images/bg_top_inquiry.jpg'); background-color:#505050; margin-bottom:100px;}
.top_inquiry p {font-size:20px; line-height:33px;}
.top_inquiry p b {font-weight:700;}

/* 로그인 - 회원관리 */
.mem_wrap {width:600px; max-width:100%; margin:0 auto;}
.mem_wrap .inputs {border:#EBEBEB 1px solid; border-radius:3px; padding:40px; font-family:'Pretendard';}
.mem_wrap .inputs .text {width:100%; height:60px; padding:0 20px; font-size:13px; color:#222; margin-bottom:10px;}
.mem_wrap .inputs label.check {font-size:13px; color:#666; font-weight:400;}
.mem_wrap .inputs .btn {display:block; font-size:14px; color:#fff; font-weight:600; line-height:60px; height:60px; width:100%; max-width:100%; background:#032553; border-radius:3px; text-align:center; margin-top:30px;}
.mem_wrap .inputs .btn.w24 {width:240px; margin:0 auto;}
.mem_wrap .inputs .btn_l {color:#222; background:#fff; border:#EBEBEB 1px solid; line-height:58px; margin-top:10px;}
.mem_wrap .inputs .links {margin-top:20px; display:flex; justify-content:center; align-items:center;}
.mem_wrap .inputs .links a {position:relative; font-size:13px; color:#666; line-height:16px; padding:0 20px;}
.mem_wrap .inputs .links a:before {content:""; position:absolute; top:50%; left:0; width:1px; height:10px; background:#ddd; margin-top:-5px;}
.mem_wrap .inputs .links a:first-child:before {display:none;}
.mem_wrap .inputs .tit {font-size:20px; color:#222; font-weight:700; line-height:24px; text-align:center; margin-bottom:30px;}
.mem_wrap .inputs .tb {font-size:16px; color:#666; line-height:20px; margin:20px 0 30px; text-align:center;}
.mem_wrap .inputs .name {font-size:18px; color:#222; font-weight:700; line-height:30px; padding:25px 20px; text-align:center; background:#F8F8F8;}
.mem_wrap .inputs .date {font-size:14px; color:#222; line-height:16px; margin-top:20px; text-align:center;}

.mem_wrap .gbox {margin-top:60px; background:#F8F8F8; padding:40px; text-align:center;}
.mem_wrap .gbox strong {display:block; font-size:20px; color:#222; line-height:24px; margin-bottom:20px;}
.mem_wrap .gbox strong.mb1 {margin-bottom:10px;}
.mem_wrap .gbox p {font-size:16px; color:#444; font-weight:300; line-height:26px;}
.mem_wrap .gbox .btn {display:block; font-size:14px; color:#fff; font-weight:600; line-height:60px; height:60px; width:240px; margin:30px auto 0; background:#222; border-radius:3px;}
.mem_wrap .gbox .cs_center {display:flex; width:calc(100% - 20px); margin:30px auto 0; padding-top:30px; border-top:#ddd 1px solid; text-align:left;}
.mem_wrap .gbox .cs_center .num {width:calc(50% + 10px); padding-left:50px; color:#222;}
.mem_wrap .gbox .cs_center .num span {display:block; font-size:16px; font-weight:500; line-height:22px; margin-bottom:2px;}
.mem_wrap .gbox .cs_center .num strong {display:block; font-size:32px; line-height:42px; margin:0;}
.mem_wrap .gbox .cs_center .time {position:relative; width:calc(50% - 10px); padding-left:40px; font-size:12px; color:#666; line-height:20px;}
.mem_wrap .gbox .cs_center .time:before {content:""; position:absolute; top:50%; left:0; width:1px; height:54px; background:#ddd; transform:translateY(-50%);}
.mem_wrap .gbox .cs_center .time b {font-weight:600;}

.mem_wrap .toptac {font-size:16px; color:#444; line-height:20px; text-align:center; margin-bottom:30px;}
.mem_wrap .toptac strong {font-weight:600;}
.mem_wrap .phone {display:block; width:100px; height:100px; background:url('/pub/images/icon_phone_lock.svg') rgba(242,242,242,.5) no-repeat 50% 50%; border-radius:50%; margin:0 auto 40px;}

.join_end .gbox {margin-top:30px; padding:30px;}
.join_end .gbox span {display:block; font-size:16px; color:#222; font-weight:600; line-height:26px; margin-bottom:20px;}
.join_end .gbox span b {color:#CDB079;}
.join_end .gbox p {font-size:14px; color:#666; line-height:24px;}
.join_end + .board_bottom .btns {margin-top:60px;}

/* 마이페이지 */
.my_head {background:#F9F9F9; padding:40px 45px; margin-bottom:110px; display:flex;}
.my_head .name {width:260px; font-size:24px; color:#222; line-height:32px;}
.my_head ul {width:calc(100% - 260px); display:flex; flex-wrap:wrap; gap:16px 60px;}
.my_head li {position:relative; padding-left:150px; line-height:30px; font-weight:200;}
.my_head li:nth-child(2n-1) {width:calc(100% - 465px); max-width:580px; padding-left:110px;}
.my_head li .tt {position:absolute; top:0; left:0; color:#222; font-weight:400; padding-left:30px;}
.my_head li .tt:before {content:""; position:absolute; top:0; left:0; width:30px; height:100%; background:no-repeat 0 50%;}
.my_head li.i1 .tt:before {background-image:url('/pub/images/icon_mtpage_head01.svg');}
.my_head li.i2 .tt:before {background-image:url('/pub/images/icon_mtpage_head02.svg');}
.my_head li.i3 .tt:before {background-image:url('/pub/images/icon_mtpage_head03.svg');}
.my_head li.i4 .tt:before {background-image:url('/pub/images/icon_mtpage_head04.svg');}
.my_head li b {font-weight:600; margin-right:10px;}
.my_head li .week {display:flex; gap:15px;}
.my_head li .week span {font-size:11px; color:#999; font-weight:600; line-height:28px; height:30px; width:30px; text-align:center; background:#F4F4F4; border:#F4F4F4 1px solid; border-radius:50%; mix-blend-mode:multiply;}
.my_head li .week span.on {color:#032553; background:#fff; border-color:#032553;}
.my_head li .money {font-size:24px; color:#222; font-weight:700;}

.my_wrap {position:relative; padding-left:310px; min-height:476px;}
.my_side {position:absolute; top:0; left:0; width:310px; display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start;}
.my_side .tit {font-size:18px; color:#222; font-weight:700; line-height:22px; margin:55px 0 20px;}
.my_side .tit:first-child {margin-top:0;}
.my_side a {display:inline-block; font-size:14px; color:#999; line-height:30px; border-bottom:#fff 1px solid;}
.my_side a.on {color:#444; font-weight:500; border-bottom-color:#444;}

.my_con {font-family:'Pretendard';}
.my_con .stit:first-child {margin-top:0;}
.my_con .order_step {border-top:#222 2px solid; font-size:14px; color:#222;}
.my_con .order_step .steps {display:flex;}
.my_con .order_step .steps li {position:relative; width:calc(100%/6); text-align:center; line-height:16px; display:flex; justify-content:center; align-items:flex-end; padding:132px 0 40px;}
.my_con .order_step .steps li a {position:absolute; top:40px; left:50%; display:block; width:72px; height:72px; background:#F2F2F2 no-repeat 50% 50%; border-radius:50%; transform:translateX(-50%);}
.my_con .order_step .steps li:after {content:""; position:absolute; top:0; right:-9px; width:10px; height:100%; background:url('/pub/images/arrow_mypage.svg') no-repeat 50% 50% / contain;}
.my_con .order_step .steps li:last-child:after {display:none;}
.my_con .order_step strong {font-size:20px; line-height:20px; margin:0 4px 0 10px;}
.my_con .order_step .steps li.i1 a {background-image:url('/pub/images/icon_my_step01.svg');}
.my_con .order_step .steps li.i2 a {background-image:url('/pub/images/icon_my_step02.svg');}
.my_con .order_step .steps li.i3 a {background-image:url('/pub/images/icon_my_step03.svg');}
.my_con .order_step .steps li.i4 a {background-image:url('/pub/images/icon_my_step04.svg');}
.my_con .order_step .steps li.i5 a {background-image:url('/pub/images/icon_my_step05.svg');}
.my_con .order_step .steps li.i6 a {background-image:url('/pub/images/icon_my_step06.svg');}
.my_con .order_step .other {border-top:#ECECEC 1px solid; border-bottom:#ECECEC 1px solid; padding:20px 40px; line-height:20px;}
.my_con .order_step .other strong {margin-left:20px;}
.my_con .order_step .other a {position:relative;}
.order_list .box {border-top:#222 2px solid; border-bottom:#ECECEC 1px solid; margin-bottom:60px;}
.order_list .box:last-child {margin-bottom:0;}
.order_list .num {position:relative; border-bottom:#ECECEC 1px solid; padding:20px 170px 20px 130px; color:#999; line-height:20px;}
.order_list .num strong {position:absolute; top:20px; left:20px; color:#222;}
.order_list .num .btn_del {position:absolute; top:50%; right:20px; width:132px; height:30px; line-height:28px; font-size:12px; color:#222; font-weight:700; display:flex; justify-content:center; align-items:center; gap:10px; border:#E4E6EA 1px solid; border-radius:3px; transform:translateY(-50%);}
.order_list .num .btn_del:after {content:""; display:block; width:11px; height:28px; background:url('/pub/images/icon_del.svg') no-repeat 50% 50% / contain;}
.order_list td {padding:20px; text-align:center; color:#222; width:200px;}
.order_list span {font-size:12px; line-height:14px; margin-bottom:10px;}
.order_list span + strong {font-weight:600;}
.order_list strong + span {color:#999; margin:10px 0 0;}
.order_list .tal {position:relative; padding-left:140px; height:160px; width:auto;}
.order_list .tal .imgfit {position:absolute; top:20px; left:20px; width:93px; height:120px; overflow:hidden;}
.order_list .tal .imgfit .state {position:absolute; bottom:0; left:0; display:flex; width:100%;}
.order_list .tal .imgfit .state span {display:block; font-size:12px; color:#fff; font-weight:700; line-height:20px; height:20px; width:40px; text-align:center; margin:0;}
.order_list .tal .imgfit .state span.n {background:#CDB079;}
.order_list .tal .imgfit .state span.b {background:#032553;}
.order_list .tal .name {font-size:14px; color:#222; font-weight:600; line-height:16px;}
.order_list .deli li,
.order_list .tal p {font-size:12px; color:#444; line-height:14px; margin:10px 0 20px;}
.order_list .tal .ot {font-size:14px; color:#222; line-height:16px;}
.order_list .btns {width:250px;}
.order_list .btns .flex {display:flex; gap:10px; justify-content:flex-end;}
.order_list .btns .btn {width:calc(50% - 5px); height:80px; display:flex; flex-direction:column; justify-content:center; align-items:center; font-size:12px; font-weight:600; line-height:14px; text-align:center; border-radius:3px;}
.order_list .btns .btn:before {content:""; display:block; width:100%; height:22px; background:no-repeat 50% 50% / contain; margin-bottom:10px;}
.order_list .btns .recart {color:#222; border:#ddd 1px solid;}
.order_list .btns .recart:before {background-image:url('/pub/images/order_list_recart.svg');}
.order_list .btns .view {color:#fff; background:#222;}
.order_list .btns .view:before {background-image:url('/pub/images/order_list_view.svg');}
.order_list .btns .cancel {color:#222; border:#ddd 1px solid;}
.order_list .btns .cancel:before {background-image:url('/pub/images/order_list_cancel.svg'); background-size:17px;}
.order_list .deli ul li {display:block; margin:0;}
.my_con .product_list {gap:100px 22px;}
.my_con .product_list .mv {width:calc((100% - 66px)/4);}
.my_con .product_list .mv .imgfit {height:390px;}

/* 달력 */
.datepicker {cursor:pointer;}
.datepicker_box {position:relative; width:200px; font-family:'Pretendard';}
.datepicker_box img {position:absolute; top:50%; right:18px; transform:translateY(-50%);}
.datepicker_box .text {width:100%; height:42px;}
.ui-datepicker {width:360px; margin-top:-1px; padding:25px 30px 20px; background:#fff; border:#ddd 1px solid; border-radius:3px; display:none; font-family:'Pretendard';}
.ui-datepicker-header {position:relative; overflow:hidden; margin-bottom:20px;}
.ui-datepicker-title {text-align:center; font-size:18px; color:#222; font-weight:700; line-height:30px; width:100%;}
.ui-datepicker-title select {vertical-align:top; width:auto; height:24px; line-height:30px; background:none; border:0; font-size:inherit; color:inherit; font-weight:inherit; padding:0;}
.ui-datepicker-prev,
.ui-datepicker-next {position:absolute; top:0; height:30px; width:30px; cursor:pointer; background:url('/pub/images/arrow_datepicker.svg') no-repeat 50% 50%;}
.ui-datepicker-prev {left:0;}
.ui-corner-all .ui-icon {display:block; width:11px; height:20px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; font-size:0; margin:10px auto;}
.ui-datepicker-next {right:0; transform:scaleX(-1);}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td {text-align:center; line-height:32px;}
.ui-datepicker-calendar td a {display:block; width:32px; height:32px; line-height:32px; text-align:center; font-size:13px; color:#393E42; font-weight:500; border-radius:50%; margin:0 auto;}
.ui-datepicker-calendar td a.ui-state-active {font-weight:700; background:#eee;}
.ui-datepicker-calendar td.ui-datepicker-today a {color:#fff; background:#032553;}
.ui-datepicker-calendar td.ui-state-disabled {color:#ccc; cursor:default; background:none;}

/* 주문내역 조회 */
.search_order {background:#F8F8F8; padding:40px;}
.search_order > dl {display:flex; margin-bottom:30px;}
.search_order > dl:last-child {margin-bottom:0;}
.search_order > dl > dt {width:120px; font-size:14px; color:#222; font-weight:600; line-height:42px;}
.search_order > dl > dd {width:calc(100% - 120px); display:flex; flex-wrap:wrap; gap:20px 45px;}
.search_order > dl > dd p.red {font-size:12px;}
.search_order dl.select {width:200px;}
.search_order .radio_range {display:flex; gap:6px;}
.search_order label.range {display:block;}
.search_order label.range input {display:none;}
.search_order label.range span {display:block; width:60px; height:42px; line-height:40px; text-align:center; font-size:14px; color:#222; background:#fff; border:#ddd 1px solid; border-radius:3px; transition:.2s linear;}
.search_order label.range input:checked + span {color:#fff; background:#222; border-color:#222;}
.search_order .input_range {display:flex; gap:10px;}
.search_order .input_range .btn {display:block; font-size:14px; color:#fff; font-weight:500; line-height:42px; height:42px; width:120px; text-align:center; background:#222; border-radius:3px;}

/* 주문내역 상세조회 */
.order_view {display:flex; gap:30px; background:#F8F8F8; border-radius:5px; font-size:14px; line-height:20px; padding:30px;}
.order_view dt {color:#222; font-weight:700;}
.order_view dd {color:#999;}
.order_view_wrap .tbl_type1 td {padding:25px; line-height:28px; color:#222;}
.order_view_wrap .tbl_type1 td:nth-child(1) {width:170px; text-align:left; padding-left:20px;}
.order_view_wrap .tbl_payment .total td {color:#222; font-weight:600; line-height:24px; padding:30px 20px;}
.order_view_wrap .tbl_payment .total td.tal {font-size:16px;}
.order_view_wrap .tbl_payment .total td.tar {font-size:20px;}
.order_view_wrap .tbl_payment .detail td {border-left:#ECECEC 1px solid; border-right:#ECECEC 1px solid; padding:30px 20px; vertical-align:top;}
.order_view_wrap .tbl_payment .detail dl {display:flex; justify-content:space-between; font-size:14px; color:#666; line-height:26px; margin-bottom:7px;}
.order_view_wrap .tbl_payment .detail dl:last-child {margin-bottom:0;}
.order_view_wrap .tbl_payment .detail dl dd {text-align:right;}
.order_view_wrap .tbl_payment .detail dl.t {margin-bottom:15px; color:#222;}
.order_view_wrap .tbl_payment .detail dl.t dt {font-size:16px; font-weight:600;}
.order_view_wrap .tbl_payment .detail dl.t dd {font-size:18px; font-weight:700;}
.order_view_wrap .tbl_payment .refund {border-bottom:#ececec 1px solid; padding:20px 0; display:flex;}
.order_view_wrap .tbl_payment .refund .tit {font-size:16px; font-weight:600; width:20%; padding-left:20px;}
.order_view_wrap .tbl_payment .refund .con {display:flex; justify-content:flex-end; width:80%;}
.order_view_wrap .tbl_payment .refund .gbox {padding:20px; width:100%; display:flex; flex-wrap:wrap;}
.order_view_wrap .tbl_payment .refund .gbox dl {display:flex; font-size:14px; color:#222; line-height:16px; margin-bottom:14px; padding:0; border:0; width:50%;}
.order_view_wrap .tbl_payment .refund .gbox dl:last-child {margin-bottom:0;}
.order_view_wrap .tbl_payment .refund .gbox dt {width:120px; font-weight:300;}
.order_view_wrap .tbl_payment .refund .gbox dd {width:calc(100% - 120px); font-weight:600;}
.order_view_list .tal {height:161px; color:#222;}
.order_view_list .tal a {position:relative; padding-left:100px; display:flex; align-items:center; flex-wrap:wrap; gap:0; align-content:center; height:90px;}
.order_view_list .tal .imgfit {position:absolute; top:50%; left:0; width:70px; height:90px; transform:translateY(-50%);}
.order_view_list .tal strong {font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.order_view_list .tal strong.flex {display:flex; flex-direction:column;}
.order_view_list .tal .state {position:absolute; bottom:0; left:0; display:flex; width:100%;}
.order_view_list .tal .state span {display:block; font-size:11px; color:#fff; font-weight:700; line-height:20px; height:20px; width:35px; max-width:50%; text-align:center;}
.order_view_list .tal .state span.n {background:#CDB079;}
.order_view_list .tal .state span.b {background:#032553;}
.order_view_list .tal .pay {width:100%; display:flex; gap:2px;}
.order_view_list .tal .pay .dis {font-size:14px; color:#DE220D; font-weight:700;}
.order_view_list .tal .pay del {font-size:11px; color:#666; font-weight:600; margin-right:10px;}
.order_view_list .tal .pay strong {font-size:14px; color:#222; font-weight:600;}
.order_view_list th {font-weight:600;}
.order_view_list td {padding:35px 0; color:#222;}
.order_view_list td:first-child {vertical-align:top;}
.order_view_list td.vam {vertical-align:middle;}
.order_view_list td p {font-size:10px; font-weight:400; line-height:12px; margin-top:5px;}
.order_view_list .countbox {max-width:105px; margin:0 auto;}

.order_view_list.end td {padding:20px; height:auto;}
.order_view_list.end td p {font-size:12px; margin:0 0 8px;}
.order_view_list td .money {display:flex; gap:12px; font-size:12px; margin-top:14px;}
.order_view_list td .money strong {font-size:14px; font-weight:800;}
.order_view_list td .money .dis {color:#FF1400; font-weight:700;}
.order_view_list td.btns .btn {display:block; font-size:12px; color:#fff; font-weight:600; line-height:30px; height:30px; width:60px; background:#222; border-radius:3px; text-align:center; margin-bottom:10px;}
.order_view_list td.btns .btn:last-child {margin-bottom:0;}
.order_view_list td.btns .btn_l {color:#222; line-height:28px; background:#fff; border:#E4E6EA 1px solid;}
.order_view_list td del {display:block; font-size:12px; color:#666; line-height:14px; margin-top:6px;}

/* 장바구니 */
.my_wrap.cart_wrap {padding-left:0;}
.cart_wrap .my_con {position:relative; padding-right:550px;}
.cart_wrap .my_con .point {position:absolute;}
.cart_wrap .my_con .point.start {top:-135px;}
.cart_wrap .btn_del {display:block; width:11px; height:11px; background:url('/pub/images/btn_del.svg') no-repeat 50% 50% / contain; font-size:0; margin:0;}
.cart_wrap .cart_payment {position:absolute; top:0; right:0; width:350px;}
.cart_wrap .cart_payment .paybox {border:#022553 3px solid; padding:40px 30px;}
.cart_wrap .cart_payment dl {display:flex; justify-content:space-between; gap:15px; color:#444; margin-top:20px;}
.cart_wrap .cart_payment dl:first-child {margin-top:0;}
.cart_wrap .cart_payment dt {font-size:14px;}
.cart_wrap .cart_payment dd {font-size:16px;}
.cart_wrap .cart_payment dl.discount dd {color:#DE220D;}
.cart_wrap .cart_payment dl.total {margin-top:30px; padding-top:30px; border-top:#ECECEC 1px solid;}
.cart_wrap .cart_payment dl.total dt {font-weight:600;}
.cart_wrap .cart_payment dl.total dd {font-size:24px; font-weight:600;}
.cart_wrap .cart_payment dl.mid_tot {margin-top:30px; padding-top:30px; border-top:#ECECEC 1px solid; padding-bottom:10px;}
.cart_wrap .cart_payment dl.mid_tot:first-child {margin-top:0; padding-top:0; border-top:0;}
.cart_wrap .cart_payment dl.mid_tot dt {font-weight:600;}
.cart_wrap .cart_payment dl.mid_tot dd {font-size:16px; font-weight:600;}
.cart_wrap .cart_payment .btn {display:block; font-size:16px; color:#fff; font-weight:600; line-height:60px; height:60px; width:100%; background:#032553; border-radius:3px; margin-top:20px;}
.cart_wrap .cart_payment p.red {position:absolute; bottom:-24px; left:0; font-size:12px; line-height:14px;}
.cart_wrap .cart_payment p.red.ne_tri {display:flex; justify-content:center; align-items:center; gap:5px; width:100%;}
.cart_wrap .cart_payment p.red.ne_tri:before {content:""; display:block; width:13px; height:12px; background:url('/pub/images/icon_ne_tri.svg') no-repeat 50% 50% / contain;}
.cart_wrap .cart_payment .terms {margin-top:40px;}
.cart_wrap .cart_payment .terms label.check {position:relative; font-size:12px; font-weight:400;}
.cart_wrap .cart_payment .terms label.check .red {margin-left:-5px;}
.cart_wrap .cart_payment .terms label.check a {position:absolute; top:0; right:0; text-decoration:underline; font-size:10px; color:#999;}
.cart_wrap .my_con.on .cart_payment {position:fixed; top:135px; left:50%; margin-left:360px;}
.cart_wrap .my_con.end .cart_payment {position:absolute; bottom:0; right:0; margin:0; top:auto;}
.fixed_top ~ .container .cart_wrap .my_con.on .cart_payment {top:250px;}
.fixed_top.fixed ~ .container .cart_wrap .my_con.on .cart_payment {top:135px;}
.cart_blank {display:block; background:#FAFAFA; padding:115px 20px; text-align:center; font-size:16px; color:#999; font-weight:500; line-height:20px;}
.cart_blank:before {content:""; display:block; width:30px; height:30px; background:url('/pub/images/icon_ne.svg') no-repeat 50% 50% / contain; margin:0 auto 20px;}
.cart_wrap .cart_payment .item_list {margin-bottom:20px; padding:30px 10px 30px 30px;}
.cart_wrap .cart_payment .item_list .inbox {max-height:380px; overflow:auto; padding-right:20px;}
.cart_wrap .cart_payment .item_list dt {color:#222; font-weight:600;}
.cart_wrap .cart_payment .item_list dt p {font-size:12px; color:#666; font-weight:400;}
.cart_wrap .cart_payment .item_list dd {display:flex; gap:10px; justify-content:flex-end; width:110px;}
.cart_wrap .cart_payment .item_list dd .btn_del {height:22px;}
.cart_wrap .board_write th {font-weight:400;}

.dl_opcl dt {position:relative; font-size:14px; color:#222; font-weight:600; line-height:28px; padding:25px 50px 25px 20px; border-bottom:#ECECEC 1px solid; cursor:pointer;}
.dl_opcl dt:after {content:""; position:absolute; top:0; right:20px; width:18px; height:100%; background:url('/pub/images/arrow_faq.svg') no-repeat 50% 50% / contain; transition:.2s linear;}
.dl_opcl dd {display:none; max-height:600px; overflow:auto;}
.dl_opcl .on dt {border-bottom:0;}
.dl_opcl .on dt:after {transform:rotate(180deg);}
.dl_opcl .on dd {border-top:#222 2px solid;}

.cart_wrap .board_write td input.text {height:42px;}
.cart_wrap .board_write td .flex {line-height:42px;}
.cart_wrap .board_write td .flex span {padding:0 50px 0 10px;}
.cart_wrap .board_write td .flex .input {position:relative; border:#ddd 1px solid; border-radius:3px; overflow:hidden; width:200px; height:42px;}
.cart_wrap .board_write td .flex .input .text {display:block; width:100%; border:0; height:40px;}
.cart_wrap .board_write td .flex .input span {position:absolute; top:0; right:20px; font-size:14px; color:#222; padding:0; line-height:40px;}
.cart_wrap .board_write td .flex .btn {margin-left:10px; font-size:14px; color:#fff; font-weight:500; line-height:42px; height:42px; width:120px; text-align:center; background:#222; border-radius:3px;}

.btn_coupon {position:absolute; top:0; right:0; font-size:14px; font-weight:600; padding-right:50px;}
.btn_coupon:after {content:""; position:absolute; top:0; right:20px; width:12px; height:100%; background:url('/pub/images/arrow_coupon.svg') no-repeat 50% 50% / contain; transition:.2s linear;}
.btn_coupon.on:after {transform:rotate(180deg);}
.coupon_list ul {border-bottom:#ECECEC 1px solid; display:flex; flex-wrap:wrap; gap:10px; padding:20px;}
.coupon_list li {position:relative; width:calc((100% - 20px)/3); overflow:hidden;}
.coupon_list .payment_type {width:100%; max-width:590px; margin:0 20px; display:flex; gap:10px;}
.coupon_list .payment_type .btn {width:calc((100% - 30px)/4); height:80px; padding:16px; text-align:center; font-size:12px; color:#999; font-weight:600; line-height:14px; background:#F8F8F8; border:#ddd 1px solid; border-radius:3px;}
.coupon_list .payment_type .btn:before {content:""; display:block; width:100%; height:24px; margin-bottom:10px; background:no-repeat 50% 50%; opacity:.2;}
.coupon_list .payment_type .pay01:before {background-image:url('/pub/images/icon_pay01.svg');}
.coupon_list .payment_type .pay02:before {background-image:url('/pub/images/icon_pay02.svg');}
.coupon_list .payment_type .pay03:before {background-image:url('/pub/images/icon_pay03.svg');}
.coupon_list .payment_type .pay04:before {background-image:url('/pub/images/icon_pay04.svg');}
.coupon_list .payment_type .btn.on {color:#222; background:#fff; border-color:#222;}
.coupon_list .payment_type .btn.on:before {opacity:1;}
.coupon_list .on_pay {display:none;}
.coupon_list .on_pay.on {display:table-row;}
.coupon input {display:none;}
.coupon span {display:block;}
.coupon .box {display:block; background:#F8F8F8; border:#ddd 1px solid; border-radius:3px; padding:20px; width:100%; overflow:hidden; transition:.2s linear;}
.coupon .box:before,
.coupon .box:after {content:""; position:absolute; bottom:59px; width:18px; height:18px; background:#fff; border-radius:50%; border:#ddd 1px solid; transition:.2s linear;}
.coupon .box:before {left:-9px;}
.coupon .box:after {right:-9px;}
.coupon .name {font-size:12px; color:#CDB079; font-weight:600; line-height:14px; margin-bottom:4px; opacity:.5; transition:.2s linear;}
.coupon .money {font-size:12px; color:#222; font-weight:700; line-height:14px; opacity:.2; transition:.2s linear;}
.coupon .money strong {font-size:24px; line-height:30px;}
.coupon .sell {margin-top:10px; padding-top:8px; border-top:#ddd 1px dashed; font-size:10px; color:#999; line-height:14px;}
.coupon input:checked + .box {background:#fff;}
.coupon input:checked + .box,
.coupon input:checked + .box:before,
.coupon input:checked + .box:after {border-color:#032553;}
.coupon input:checked + .box .name,
.coupon input:checked + .box .money {opacity:1;}
.on_pay .gbox {max-width:590px; margin-left:20px;}
.on_pay .gbox dl {display:flex; justify-content:space-between; font-size:14px; color:#222; line-height:16px; margin-bottom:14px;}
.on_pay .gbox dl:last-child {margin-bottom:0;}
.on_pay .gbox dd {font-weight:600;}

.cart_wrap .payment_end_wrap {border:#ECECEC 1px solid; padding:90px 20px;}
.cart_wrap .payment_end {width:100%; max-width:870px; margin:0 auto; padding:0;}
.tbl.between th,
.tbl.between td {padding:25px 20px; font-size:14px; line-height:30px;}
.tbl.between th {text-align:left; font-weight:400; color:#666;}
.tbl.between td {text-align:right; font-weight:600; color:#222;}
.cart_wrap .payment_end th {font-weight:400;}
.cart_wrap .payment_end td {font-weight:600;}
.cart_wrap .payment_end .nbd_btm {border-bottom:#ececec 1px solid; padding-bottom:25px;}
.cart_wrap .payment_end .nbd_btm th,
.cart_wrap .payment_end .nbd_btm td {border-bottom:0;}
.cart_wrap .payment_end .nbd_btm tr:last-child th,
.cart_wrap .payment_end .nbd_btm tr:last-child td {padding-bottom:0;}
.cart_wrap .payment_end .nbd_btm th {font-weight:400;}
.cart_wrap .payment_end .nbd_btm td {font-weight:600; color:#222;}
.cart_wrap .payment_end .nbd_btm td.inbox {padding:0 20px;}
.cart_wrap .payment_end .nbd_btm .gbox {padding:20px;}
.cart_wrap .payment_end .nbd_btm dl {display:flex; justify-content:space-between; font-size:12px; color:#666; font-weight:400; line-height:12px; margin-bottom:10px;}
.cart_wrap .payment_end .nbd_btm dl:last-child {margin-bottom:0;}
.cart_wrap .payment_end .nbd_btm dd {font-weight:600;}

/* 관심제품 */
.my_wrap.wishlist_wrap {padding-left:240px;}
.wishlist_wrap .my_con {padding-right:410px;}
.head_dummy {position:fixed; top:0; left:0; width:0; height:135px;}

/* 적립금 */
.reserves_view {margin-bottom:40px;}
.reserves_view dd {font-size:14px; color:#222; display:flex; gap:6px;}
.reserves_view strong {font-size:20px;}
.board_reserves .out {color:#032553;}
.board_reserves .in {color:#CDB079;}
.board_reserves .minus {color:#DE220D;}

/* 쿠폰 */
.coupon_wrap .tbl.coupon_list ul {gap:40px; padding:40px 20px;}
.coupon_wrap .tbl.coupon_list li {width:calc((100% - 80px)/3);}
.coupon_wrap .tbl.coupon_list .coupon .box {background:#fff;}
.coupon_wrap .tbl.coupon_list .coupon .box.used_off {background:#F8F8F8; border:#ddd 1px solid;}
.coupon_wrap .tbl.coupon_list .coupon .box.used_off .name {color:#CDB079; opacity:.5;}
.coupon_wrap .tbl.coupon_list .coupon .box.used_off .money {opacity:.2;}
.coupon_wrap .tbl.coupon_list .coupon .box.used_off .sell {border-top:#ddd 1px dashed; color:#999;}
.coupon_wrap .tbl.coupon_list .coupon .name,
.coupon_wrap .tbl.coupon_list .coupon .money {font-size:14px; opacity:1;}
.coupon_wrap .tbl.coupon_list .coupon .name { height:28px; overflow:hidden; text-overflow:ellipsis; white-space:normal; text-align:left; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.coupon_wrap .tbl.coupon_list .coupon .money strong {font-size:30px; line-height:38px; font-family:'Futura PT'; margin-right:5px;}
.coupon_wrap .tbl.coupon_list .coupon .sell {font-size:12px; line-height:20px;}
.coupon_wrap .tbl.coupon_list .coupon .box:before,
.coupon_wrap .tbl.coupon_list .coupon .box:after {bottom:63px;}

/* 약관 */
.yakbox {font-size:14px; color:#222; line-height:24px;}
.yakbox .mt {margin-top:30px;}
.yakbox .mt1 {margin-top:10px;}
.yakbox .tt {font-weight:700; margin:30px 0 10px;}
.yakbox .tit {font-size:16px; font-weight:700; margin:40px 0 15px;}
.yakbox .rtit {position:relative; padding-left:12px; font-weight:500; margin:25px 0 10px;}
.yakbox .rtit:before {content:""; position:absolute; top:10px; left:0; width:4px; height:4px; background:#222; border-radius:50%;}
.yakbox .bar {margin-top:10px;}
.yakbox .bar p {padding-left:10px; text-indent:-10px;}
.yakbox .pl {padding-left:12px;}
.yakbox .gray {color:#666;}

/* 브랜드 */
.brand_wrap .hello {background:#AB826E;}
.brand_wrap .hello .inner {height:650px; display:flex; align-items:center; font-size:70px; color:#fff; font-weight:500; padding-top:90px;}
.brand_txt {padding:100px 0;}
.brand_wrap .w100p img {width:100%;}
.brand_wrap .tt {font-size:35px; line-height:1; margin-bottom:30px;}
.brand_wrap p {font-size:20px; line-height:30px;}
.brand_half {position:relative; margin-top:200px; display:flex; flex-direction:column; gap:200px;}
.brand_half:before {content:""; position:absolute; top:120px; left:0; width:100%; height:calc(100% - 360px); background:#FAF9F5; z-index:-1;}
.brand_half dl {display:flex;}
.brand_half dt {font-size:0;}
.brand_half dt img {width:100%;}
.brand_half .i1 dt {width:calc(50% + 40px);}
.brand_half .i1 dd {width:calc(50% - 40px); padding:190px 100px 0;}
.brand_half .i2 {flex-direction:row-reverse;}
.brand_half .i2 dt {width:calc(50% + 120px);}
.brand_half .i2 dd {width:calc(50% - 120px); padding:190px 40px 0 calc((100vw - 1440px)/2);}

.aos_fix {opacity:1 !important; transform:translateZ(0) !important;}

/* OEM */
.g07 + .title {display:none;}
.oem_wrap {font-family:'Pretendard';}
.oem_wrap .tb {font-size:40px; color:#222; font-weight:700; line-height:1; margin-bottom:30px;}
.oem_wrap p {font-size:17px; color:#222; line-height:1.5;}
.oem_slide {position:relative; margin:80px auto 0; width:400px; max-width:100%;}
.oem_slide .slick-arrow {position:absolute; top:50%; width:40px; aspect-ratio:1/1; margin-top:-57px; background:#222 url('/pub/images/arrow_slide.svg') no-repeat 50% 50% / contain; z-index:1; font-size:0;}
.oem_slide .slick-prev {left:-120px;}
.oem_slide .slick-next {right:-120px; transform:scale(-1);}
.oem_slide .slick-slide .txt {padding-top:20px; color:#222; line-height:1.5;}
.oem_slide .slick-slide .txt span {display:block; font-size:16px;}
.oem_slide .slick-slide .txt strong {display:block; font-size:22px;}
.bar_line {width:100%; height:1px; background:#c9caca; margin:160px 0;}
.step_area {display:flex; padding-top:60px;}
.step_area li {width:calc(100%/3);}
.step_area li span {display:block; width:40px; height:40px; line-height:40px; text-align:center; font-size:20px; color:#fff; font-weight:600; background:#222; margin:0 auto 60px;}
.step_area li p {font-size:20px; color:#222; line-height:1.5; height:60px; display:flex; justify-content:center; align-items:center;}
.step_area li i {display:block; height:120px; margin-top:150px; padding:20px 0;}
.step_area li img {max-height:100%;}
.step_area li.i1 i {padding:0;}
.utit {display:inline-block; margin:160px auto 100px; font-size:30px; color:#222; font-weight:700; line-height:1; border-bottom:#222 2px solid;}
.contact_box {margin-top:200px; padding:100px 0; background: url('/pub/images/bg_contact_box.jpg') center/cover no-repeat; background-color:#000a; background-blend-mode: multiply; font-size:15px; color:#fff;  line-height:1.4;}
.contact_box .inner {display:flex; gap:10%;}
.contact_box .txt {width:50%;}
.contact_box .tt {font-size:15px; color:#50a0d4; font-weight:500; margin-bottom:20px;}
.contact_box .tit {font-size:30px; color:#fff; font-weight:700; margin-bottom:20px;}
.contact_box ul {margin:40px 0;}
.contact_box li {padding-left:26px; background:no-repeat 0 50% / 20px;}
.contact_box li + li {margin-top:10px;}
.contact_box .i1 {background-image:url('/pub/images/icon_map.svg');}
.contact_box .i2 {background-image:url('/pub/images/icon_tel.svg');}
.contact_box .i3 {background-image:url('/pub/images/icon_email.svg');}
.contact_box .scroll {margin-top:15px; background:#fff2; backdrop-filter:blur(4px); padding:30px; border-radius:10px; height:412px; overflow:auto;}
.contact_box .inputs {width:40%; background:#fff2; backdrop-filter:blur(4px); padding:30px; border-radius:20px;}
.contact_box .inputs dl {margin-bottom:30px;}
.contact_box .inputs dt {padding-bottom:10px;}
.contact_box .inputs dd .text {background:#ffffff1a; backdrop-filter:blur(4px); border-color:#fff3; color:#fff;}
.contact_box .inputs dd .text::placeholder {color:#ddd;}
.contact_box .inputs dd input.text {height:50px;}
.contact_box .inputs dd textarea.text {height:200px;}
.contact_box .inputs label.check {color:#fff; font-weight:400;}
.contact_box .inputs label.check input:checked + i {background:#fff;}
.contact_box .inputs label.check input:checked + i:before {background:#222;}
.contact_box .inputs .btn_send {display:block; font-size:16px; color:#fff; font-weight:600; height:60px; width:100%; background:#fff2; backdrop-filter:blur(4px); border-radius:10px; margin-top:20px;}