@charset "utf-8"; /* Noto Sans KR */ @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap'); @font-face {font-family: "CircularXXWeb-Medium";src: url("../fonts/CircularXXWeb-Medium.woff") format("woff");} @font-face {font-family: "CircularXXWeb-Medium";src: url("../fonts/CircularXXWeb-Medium.woff2") format("woff2");} @font-face {font-family: "CircularXXWeb-Regular";src: url("../fonts/CircularXXWeb-Regular.woff") format("woff");} @font-face {font-family: "CircularXXWeb-Regular";src: url("../fonts/CircularXXWeb-Regular.woff2") format("woff2");} @font-face {font-family: "CircularXXWeb-Bold";src: url("../fonts/CircularXXWeb-Bold.woff") format("woff");} @font-face {font-family: "CircularXXWeb-Bold";src: url("../fonts/CircularXXWeb-Bold.woff2") format("woff2");} /* reset */ header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block;margin:0;padding:0} html, body {width:100%;height:100%;margin:0;padding:0;} body {font-family:'Noto Sans KR', sans-serif;font-size:0;word-break:keep-all;word-wrap:break-word} body.sub {background-color:#000;min-height:100%;height:auto} p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,img{margin:0;padding:0} ul, ol, li {list-style:none} a {cursor:pointer;color:#000} a:link, a:active, a:visited {text-decoration:none} a:hover {text-decoration:none} button {border:0;background:none;line-height:100%;vertical-align:bottom;font-family:'Noto Sans KR', sans-serif} input {font-family:sans-serif} input[type="radio"], input[type="checkbox"]{-webkit-appearance:none;-ms-appearance: none;-moz-appearance:none;appearance:none;vertical-align:middle;background:none !important;width:auto !important;height:auto !important;visibility:hidden;width:0 !important} input:read-only{color:#bbb !important;background-color:#f5f5f5;} img {vertical-align:bottom;border:none;width:100%} .clfix:after,.clfix:before{line-height:0;display:table;content:''} .clfix:after{clear:both} ::-webkit-input-placeholder {color:#bbbbbb} /* Firefox 4-18 */ :-moz-placeholder {color:#bbbbbb} /* Firefox 19-50 */ ::-moz-placeholder {color:#bbbbbb} /* - Internet Explorer 10-11 - Internet Explorer Mobile 10-11 */ :-ms-input-placeholder {color:#bbbbbb !important} /* Edge (also supports ::-webkit-input-placeholder) */ ::-ms-input-placeholder {color:#bbbbbb} ::placeholder {color:#bbbbbb} input[type="text"], input[type="tel"], input[type="password"], input[type="email"], input[type="search"], input[type="number"], textarea{-webkit-border-radius:0;-webkit-appearance:none;} .hide_txt{font-size:1px;line-height:0;position:absolute;display:inline-block;overflow:hidden;clip:rect(1px 1px 1px 1px);width:1px;height:1px} .h_scroll{overflow:hidden;-webkit-text-size-adjust: none;-webkit-overflow-scrolling: touch;} /* common */ #wrap{position:relative;width:100%;height:100%;} #wrap .sub_header{position:relative;top:0;left:0;width:100%;z-index:100;border-top:1px solid #eee} #wrap .sub_header ul li{float:left;width:50%;text-align:center;} #wrap .sub_header ul li a{display:block;font-size:14px;color:#aaa;height:56px;line-height:56px;box-sizing:border-box;letter-spacing:-.3px;font-weight:700;background-color:#fff;border-bottom:1px solid #eee} #wrap .sub_header ul li.active a{border-bottom:2px solid #A37D52;color:#000} #wrap .sub_header ul.three_depth li{width:33.33333%;} #wrap .sub_header .board_header{width:100%;padding:15px 24px 15px 22px;box-sizing:border-box;background:#fff} #wrap .sub_header .board_header .left_box{width:calc(100% - 175px);display:inline-block;vertical-align:top} #wrap .sub_header .board_header .left_box span{position:relative;display:inline-block;font-size:32px;line-height:40px;color:#000;padding-left:36px;font-family:'CircularXXWeb-Medium'} #wrap .sub_header .board_header .left_box span:before{content:'';width:32px;height:32px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_paddle_black.png')no-repeat;background-size:contain;position:absolute;top:4px;left:0;} #wrap .sub_header .board_header .right_box{width:175px;display:inline-block;vertical-align:top;text-align:right;} #wrap .sub_header .board_header .right_box a{display:inline-block;width:92px;height:32px;line-height:30px;color:#fff;border-radius:16px;text-align:center;background-color:#1d5fff;font-size:12px;letter-spacing:-.26px;margin:4px auto;} #wrap .sub_header .board_header .right_box a:last-child{background-color:#151515;margin-left:8px;width:75px;} #wrap .float_btn{position:fixed;bottom:34px;left:50%;transform:translateX(-50%);width:calc(100% - 104px);line-height:64px;font-size:16px;color:#fff;letter-spacing:-.3px;background-color:#ce0e2d;text-align:center;border-radius:36px;z-index:100;} #wrap .float_btn.paddle_change{position:fixed;bottom:34px;left:50%;transform:translateX(-50%);width:calc(100% - 104px);line-height:64px;font-size:16px;color:#fff;letter-spacing:-.3px;background-color:#ce0e2d;text-align:center;border-radius:36px;text-indent:12px;font-weight:700;} #wrap .float_btn.paddle_change:after{content:'';position:absolute;top:18px;left:24px;width:28px;height:28px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_paddle.png')no-repeat;background-size:contain;} #wrap .float_btn.paddle_change.disabled{background-color:#666;color:#999;} #wrap .float_btn.paddle_change.disabled:after{content:'';position:absolute;top:18px;left:24px;width:28px;height:28px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_paddle_gray.png')no-repeat;background-size:contain;} #wrap .float_btn.paddle_change em{font-style:normal;} #wrap .float_btn.paddle_change span{position:absolute;top:-52px;left:50%;width:max-content;padding:0 16px;line-height:38px;background-color:#151515;font-size:12px;color:#fff;text-align:center;transform:translateX(-50%);pointer-events:none;text-indent:0;animation: upDownMotion 1s ease-in-out infinite;} #wrap .float_btn.paddle_change span:after{content:'';width:0px;height:0px;border-top:10px solid #151515; border-right:6px solid transparent;border-left:6px solid transparent;position:absolute;bottom:-10px;left:50%;transform:translateX(-50%)} #wrap .float_btn.paddle_change span i{font-style:normal;} #wrap .float_btn.paddle_send{background-color:#1d5fff;text-indent:32px;} #wrap .float_btn.paddle_send:after{content:'';width:32px;height:32px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_share.png')no-repeat;background-size:contain;position:absolute;top:16px;left:50%;transform:translateX(-64px);} #wrap .bot_btn{position:relative;margin:40px 24px 0;display:block;font-size:15px;line-height:48px;color:#fff;background-color:#151515;text-align:center;} #wrap .submit_btn{display:block;width:calc(100% - 48px);line-height:48px;font-size:15px;color:#fff;background:#000;text-align:center;position:absolute;bottom:34px;left:24px;margin-top:24px} #wrap .submit_btn.relative_btn{position:relative;left:auto;bottom:auto;width:100%;margin-top:40px} #wrap .submit_btn.rel_btn{position:relative;width:100%;bottom:auto;left:auto;margin-top:0} #wrap .submit_btn.disabled{background-color:#aaa;color:#ccc} #wrap .submit_box{position:absolute;bottom:34px;left:24px;width:calc(100% - 48px);} #wrap .submit_box .submit_btn{position:relative;width:100%;bottom:auto;left:auto;} .dim{display:none;position:fixed;left:0;top:0;z-index:100;width:100%;height:100%;background:rgba(0,0,0,.8)} .none_scroll{overflow:hidden;} /* web */ #web_wrap{background-color:#fff8f0;width:100%;height:100%;position:relative} #web_wrap.scroll{overflow:hidden;overflow-y:scroll;} #web_wrap .web_cont{width:375px;position:absolute;top:50%;left:50%;transform:translate(-50% , -50%);text-align:center;} #web_wrap .web_cont h1{width:78px;height:82px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/web_logo.png')no-repeat;background-size:contain;margin:44px auto 60px} #web_wrap .web_cont h1 a{display:block;width:100%;height:100%;} #web_wrap .web_cont h2{font-size:28px;line-height:40px;color:#151515;letter-spacing:-.3px;margin-bottom:37px} #web_wrap .web_cont img{padding:0 38px;box-sizing:border-box;} #web_wrap .web_cont p{font-size:14px;line-height:22px;letter-spacing:-.3px;color:#777;margin:32px 0 40px} /* #web_wrap .web_cont #app_down{display:block;margin:30px auto;width:calc(100% - 80px);color:#fff;background-color:#ce0e2d;border-radius:36px;font-size:18px;letter-spacing:-.3px;line-height:56px;position:relative;text-indent:44px;} #web_wrap .web_cont #app_down:before{content:'';width:32px;height:32px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/web_ico.png')no-repeat;background-size:contain;position:absolute;left:50%;top:12px;transform:translateX(-64px);} */ #web_wrap .web_cont .btn_box{font-size:0;} #web_wrap .web_cont #googlePlay{display:inline-block;width:135px;height:40px;vertical-align:top;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/google_play_btn.png')no-repeat;background-size:contain;} #web_wrap .web_cont #appleStore{display:inline-block;width:130px;height:40px;vertical-align:top;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/apple_btn.png')no-repeat;background-size:contain;} #web_wrap .web_cont #appleStore{margin-left:8px;} #web_wrap .web_cont a img{padding:0;} #web_wrap .web_cont .link_cont{margin:20px 0 60px} #web_wrap .web_cont .link_cont ul li{width:100%} #web_wrap .web_cont .link_cont ul li a{display:block;font-size:12px;line-height:16px;color:#bbb;letter-spacing:-.3px;padding:5px 0} #web_wrap.update .web_cont{width:auto;top:50%;left:50%;transform:translate(-50%, -50%);padding-top:80px;} #web_wrap.update .web_cont img{width:126px;padding:0;margin-bottom:30px} #web_wrap .policy_wrap{max-width:600px;min-width:375px;text-align:left;margin:0 auto;} #web_wrap .policy_wrap .policy_cont{width:100%;height:100%;padding-top:57px} #web_wrap .policy_wrap .policy_cont h1{width:78px;height:82px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/web_logo.png')no-repeat;background-size:contain;margin:44px auto 35px} #web_wrap .policy_wrap .policy_cont h1 a{display:block;width:100%;height:100%;} #web_wrap .policy_wrap .policy_cont h3{font-size:16px;line-height:36px;color:#000;letter-spacing:-.3px;} #web_wrap .policy_wrap .policy_cont .txt_box{width:100%;padding-bottom:40px} #web_wrap .policy_wrap .policy_cont .txt_box p{font-size:14px;line-height:22px;letter-spacing:-.3px;color:#777;margin-top:16px} #web_wrap .policy_wrap .policy_cont .txt_box .ver-box{margin-top:40px} #web_wrap .policy_wrap .policy_cont .txt_box .ver-box a{color:#314fff;text-decoration:underline;display:block} #web_wrap .policy_wrap .sub_header{position:fixed;max-width:600px;width:100%;border-top:1px solid #eee;top:0} #web_wrap .policy_wrap .sub_header ul li{float:left;width:33.333333%;text-align:center;} #web_wrap .policy_wrap .sub_header ul li a{display:block;font-size:14px;color:#aaa;height:56px;line-height:56px;box-sizing:border-box;letter-spacing:-.3px;font-weight:700;background-color:#fff8f0;border-bottom:1px solid #eee} #web_wrap .policy_wrap .sub_header ul li.active a{border-bottom:2px solid #c9a070;color:#000} /* header */ #wrap .header{position:fixed;top:0;left:0;width:100%;z-index:100;} #wrap .header .header_wrap{height:70px;width:100%;background:#fff;position:relative;} #wrap .header .header_wrap .home_btn{position:absolute;top:8px;left:8px;width:54px;height:54px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_home.png')no-repeat;background-size:contain;} #wrap .header .header_wrap .back_btn{position:absolute;top:8px;left:8px;width:54px;height:54px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_back.png')no-repeat;background-size:contain;} #wrap .header .header_wrap h2{width:calc(100% - 140px);text-align:center;line-height:70px;font-size:16px;letter-spacing:-.3px;margin:0 auto;} /* popup */ #wrap .round_pop_wrap .round_pop{border-radius:8px;background-color:#fff;padding:24px 20px 0;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:200;text-align:left;box-sizing:border-box;width:calc(100% - 64px);overflow:hidden;} #wrap .round_pop_wrap .round_pop h3{font-size:24px;line-height:48px;color:#000;letter-spacing:-.3px;} #wrap .round_pop_wrap .round_pop .paddle_box .now_paddle{margin:16px auto 28px} #wrap .round_pop_wrap .round_pop .paddle_box .now_paddle i{position:relative;font-size:76px;line-height:80px;color:#ce0e2d;font-style:normal;display:inline-block;padding-left:58px;} #wrap .round_pop_wrap .round_pop .paddle_box .now_paddle i:before{content:'';width:52px;height:52px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_paddle_red.png')no-repeat;background-size:contain;position:absolute;top:16px;left:0;} #wrap .round_pop_wrap .round_pop .paddle_box .total_paddle{position:relative;padding:16px 20px;background-color:#ce0e2d;} #wrap .round_pop_wrap .round_pop .paddle_box .total_paddle:before{content: '';width: 0px;height: 0px;border-bottom: 14px solid #ce0e2d;border-right: 8px solid transparent;border-left: 8px solid transparent;position: absolute;top: -14px;left: 50%;transform: translateX(-50%);} #wrap .round_pop_wrap .round_pop .paddle_box .total_paddle dl{display:block;} #wrap .round_pop_wrap .round_pop .paddle_box .total_paddle dl dt{display:inline-block;width:50%;vertical-align:top;font-size:14px;line-height:40px;color:#fff;letter-spacing:-.3px;text-align:left;} #wrap .round_pop_wrap .round_pop .paddle_box .total_paddle dl dd{display:inline-block;width:50%;vertical-align:top;font-size:0;text-align:right;} #wrap .round_pop_wrap .round_pop .paddle_box .total_paddle dl dd i{font-size:32px;line-height:40px;display:inline-block;font-style:normal;color:#fff;position:relative;padding-left:32px;} #wrap .round_pop_wrap .round_pop .paddle_box .total_paddle dl dd i:before{content:'';width:24px;height:24px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_paddle.png')no-repeat;background-size:contain;position:absolute;top:8px;left:0;} #wrap .round_pop_wrap .round_pop .paddle_box span{display:inline-block;margin:16px auto;font-size:12px;line-height:24px;color:#ccc;letter-spacing:-.3px;position:relative;padding-left:20px;} #wrap .round_pop_wrap .round_pop .paddle_box span:after{content:'';width:16px;height:16px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_noti_gray.png')no-repeat;background-size:contain;position:absolute;top:4px;left:0;} #wrap .round_pop_wrap .round_pop .confirm_btn{display:block;font-size:14px;line-height:56px;color:#000;letter-spacing:-.3px;border-top:1px solid #eee;font-weight:700;} #wrap .box_pop_wrap .box_pop{background-color:#fff;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:200;box-sizing:border-box;width:calc(100% - 64px);} #wrap .box_pop_wrap .box_pop .tit_box{position:relative;padding:23px 0;border-bottom:1px solid #eee;margin:0 24px;} #wrap .box_pop_wrap .box_pop .tit_box.border_none{border-bottom:0;padding:23px 0 15px;} #wrap .box_pop_wrap .box_pop .tit_box h3{font-size:18px;line-height:24px;color:#000;letter-spacing:-.3px;position:relative} #wrap .box_pop_wrap .box_pop .tit_box a{position:absolute;width:54px;height:54px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_close.png')no-repeat;background-size:contain;top:8px;right:-16px;} #wrap .box_pop_wrap .box_pop .close_btn{position:absolute;width:54px;height:54px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_close.png')no-repeat;background-size:contain;top:8px;right:8px;} #wrap .box_pop_wrap .box_pop .close_btn.white{position:absolute;width:54px;height:54px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_close_w.png')no-repeat;background-size:contain;top:8px;right:8px;} #wrap .box_pop_wrap .btn_box a{display:inline-block;width:50%;line-height:56px;font-size:14px;letter-spacing:-.3px;color:#fff;text-align:center;font-weight:700;} #wrap .box_pop_wrap .btn_box .cancel_btn{background-color:#666;} #wrap .box_pop_wrap .btn_box .confirm_btn{background-color:#000;} #wrap .box_pop_wrap .btn_box .today_btn{background-color:#fff;color:#000;width:100%;border-top:1px solid #eee} #wrap .box_pop_wrap .btn_box .pop_close_btn{background-color:#fff;color:#000;display:none;} #wrap .box_pop_wrap .btn_box .alone_btn{width:100%;} #pop_home .home_pop{text-align:center;} #pop_home .home_pop a{pointer-events:none;} #pop_home .home_pop h3{font-size:24px;line-height:48px;color:#000;letter-spacing:-.3px;} #pop_home .home_pop p{padding-top:72px;font-size:14px;line-height:18px;letter-spacing:-.3px;color:#666;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/icons-informations-caution-16-px.png')no-repeat center 20px;background-size:40px;} #pop_home .home_pop p span{display:inline-block;font-size:14px;line-height:18px;letter-spacing:-.3px;color:#c9a070} #pop_home .btn_box a {width:100% !important} #pop_home .btn_box .pop_close_btn{display:block !important;border-top:1px solid #EEE;} #wrap .box_pop_wrap .box_pop .exchange_confirm_box{padding:48px 24px 36px;text-align:center;} #wrap .box_pop_wrap .box_pop .exchange_confirm_box img{width:160px;border-radius:50%;} #wrap .box_pop_wrap .box_pop .exchange_confirm_box p{margin-top:24px;font-size:18px;line-height:32px;color:#000;letter-spacing:-.3px;font-weight:700;} #wrap .box_pop_wrap .box_pop .exchange_confirm_box span{margin-top:4px;display:block;font-size:12px;line-height:20px;color:#666;letter-spacing:-.3px;} #wrap .box_pop_wrap .box_pop .exchange_box{padding:20px 24px 42px} #wrap .box_pop_wrap .box_pop .exchange_box .modify_box{margin-bottom:24px;position:relative} #wrap .box_pop_wrap .box_pop .exchange_box .modify_box strong{font-size:12px;line-height:24px;color:#999;letter-spacing:-.3px;display:block;margin-bottom:6px} #wrap .box_pop_wrap .box_pop .exchange_box .modify_box dl dt{font-size:12px;line-height:18px;color:#999;letter-spacing:-.3px;display:inline-block;width:45px;vertical-align:top;} #wrap .box_pop_wrap .box_pop .exchange_box .modify_box dl dd{font-size:12px;line-height:18px;color:#999;letter-spacing:-.3px;display:inline-block;width:calc(100% - 45px);vertical-align:top;} #wrap .box_pop_wrap .box_pop .exchange_box .modify_box dl dd a{color:#999} #wrap .box_pop_wrap .box_pop .exchange_box .modify_box .modify_btn{position:absolute;font-size:10px;line-height:18px;color:#fff;letter-spacing:-.3px;text-align:center;padding:3px 8px;background-color:#c9a070;border-radius:12px;color:#fff;top:0;right:0;font-weight:700;} #wrap .box_pop_wrap .box_pop .exchange_box .exchange_select_box{position:relative;margin-bottom:24px} #wrap .box_pop_wrap .box_pop .exchange_box .exchange_select_box .select_btn{border:1px solid #ddd;background:#fff;position:relative;font-size:13px;text-align:right;height:48px;line-height:48px;padding:0 36px 0 14px;width:100%;font-weight:700;box-sizing:border-box;color:#000} #wrap .box_pop_wrap .box_pop .exchange_box .exchange_select_box .select_btn:after{content:'';width:24px;height:24px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_updown.png')no-repeat;background-size:contain;position:absolute;top:12px;right:8px;transition: all .2s ease-in-out;} #wrap .box_pop_wrap .box_pop .exchange_box .exchange_select_box .select_btn.on:after{transform: rotate(-180deg);} #wrap .box_pop_wrap .box_pop .exchange_box .exchange_select_box .select_btn:before{content:'교환수량';font-size:13px;line-height:48px;color:#999;letter-spacing:-.3px;font-weight:700;position:absolute;top:0;left:14px;} #wrap .box_pop_wrap .box_pop .exchange_box .exchange_select_box .select_box{position:absolute;top:47px;left:0;z-index:10;width:100%;height:auto;overflow-y:scroll;display:none;border-bottom:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;box-sizing:border-box;background-color:#fff;max-height:144px;} #wrap .box_pop_wrap .box_pop .exchange_box .exchange_select_box .select_box.open{display:block;} #wrap .box_pop_wrap .box_pop .exchange_box .exchange_select_box .select_box li button{font-size:13px;height:48px;line-height:48px;padding:0 36px 0 14px;width:100%;font-weight:700;box-sizing:border-box;text-align:right;color:#000} #wrap .box_pop_wrap .box_pop .exchange_box .txt_box{text-align:center;} #wrap .box_pop_wrap .box_pop .exchange_box .txt_box p{font-size:15px;line-height:22px;letter-spacing:-.5px;color:#000;margin-bottom:16px;font-weight:700;} #wrap .box_pop_wrap .box_pop .exchange_box .txt_box p i{display:inline-block;color:#ff1a77;font-style:normal;} #wrap .box_pop_wrap .box_pop .exchange_box .txt_box p em{font-style:normal;} #wrap .box_pop_wrap.culture_goods_pop .box_pop .exchange_box .txt_box p{font-size:18px;line-height:28px;letter-spacing:-.3px;} #wrap .box_pop_wrap.culture_goods_pop .box_pop .exchange_box .txt_box p i{color:#c9a070} #wrap .box_pop_wrap.culture_goods_pop .box_pop .exchange_box .txt_box p em{font-style:normal;} #wrap .box_pop_wrap .box_pop .exchange_box .txt_box span{display:inline-block;font-size:12px;line-height:18px;color:#ff1a77;letter-spacing:-.3px;position:relative;padding-left:20px;margin-top:10px} #wrap .box_pop_wrap .box_pop .exchange_box .txt_box span:nth-child(2){margin-top:0} #wrap .box_pop_wrap .box_pop .exchange_box .txt_box span:after{content:'';width:16px;height:16px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_noti_pink.png')no-repeat;background-size:contain;position:absolute;top:2px;left:0;} #wrap .box_pop_wrap .box_pop .exchange_box .txt_box .agree_box{margin-top:24px} #wrap .box_pop_wrap .box_pop .exchange_box .txt_box .agree_box input{border:0;padding:0;font-size:0;line-height:inherit;color:transparent;letter-spacing:0;width:0 !important} #wrap .box_pop_wrap .box_pop .exchange_box .txt_box .agree_box input[type="checkbox"] + label::before{display:inline-block;content:"";width:24px;height:24px;border:2px solid #000;box-sizing:border-box;margin-right:8px;position:absolute;top:0;left:0;} #wrap .box_pop_wrap .box_pop .exchange_box .txt_box .agree_box input[type="checkbox"]:checked + label::before{background-image:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_chk_black.png');background-size:24px;background-repeat:no-repeat;background-position:center center} #wrap .box_pop_wrap .box_pop .exchange_box .txt_box .agree_box label{display:inline-block;position:relative;} #wrap .box_pop_wrap .box_pop .exchange_box .txt_box .agree_box label em{font-style:normal;display:inline-block;line-height:24px;font-size:14px;color:#000;vertical-align:top;letter-spacing:-.58px;padding-left:32px;} #wrap .box_pop_wrap .box_pop .shipper_box{padding:0 24px 32px;} #wrap .box_pop_wrap .box_pop .shipper_box .inp_box h4{font-size:14px;line-height:22px;color:#999;letter-spacing:-.3px;padding:20px 0 8px;} #wrap .box_pop_wrap .box_pop .shipper_box .inp_box input{display:block;width:100%;height:48px;border:1px solid #ddd;box-sizing:border-box;padding:12px;font-size:16px;line-height:24px;color:#000;letter-spacing:-.3px} #wrap .box_pop_wrap .box_pop .shipper_box .inp_box .btn_inp_box{position:relative;margin-bottom:8px;} #wrap .box_pop_wrap .box_pop .shipper_box .inp_box .btn_inp_box button{position:absolute;width:80px;line-height:36px;text-align:center;color:#fff;font-size:12px;background-color:#000;top:6px;right:6px;z-index:10;} #wrap .box_pop_wrap .box_pop .password_box{padding:0 24px 24px;} #wrap .box_pop_wrap .box_pop .password_box .value_box input{display:block;width:100%;height:48px;border:1px solid #ddd;box-sizing:border-box;padding:12px;font-size:16px;line-height:24px;color:#000;letter-spacing:-.3px;margin-bottom:8px} #wrap .box_pop_wrap .box_pop .password_box span{display:block;font-size:12px;line-height:16px;padding:2px 0;letter-spacing:-.3px;color:#bbb;} #wrap .box_pop_wrap .box_pop .password_box span.alert_txt{color:#ff4d5b} #wrap .box_pop_wrap .box_pop .password_box span.alert_txt.success{color:#2be028} #wrap .box_pop_wrap .box_pop .survey_tit{padding:24px 24px 20px;} #wrap .box_pop_wrap .box_pop .survey_tit span{font-size:12px;line-height:14px;color:#ccc;display:block;margin-bottom:10px;font-family:'CircularXXWeb-Medium'} #wrap .box_pop_wrap .box_pop .survey_tit h3{font-size:24px;line-height:32px;letter-spacing:-.3px;color:#000} #wrap .box_pop_wrap .box_pop .survey_box{padding:0 24px 24px;} #wrap .box_pop_wrap .box_pop .survey_box ol li{width:100%;border-bottom:1px solid #eee;padding:23px 0} #wrap .box_pop_wrap .box_pop .survey_box ol li:last-child{border-bottom:0} #wrap .box_pop_wrap .box_pop .survey_box ol li input[type="radio"]{border:0;padding:0;font-size:0;line-height:inherit;color:transparent;letter-spacing:0;margin:0;display:none;} #wrap .box_pop_wrap .box_pop .survey_box ol li input[type="radio"] + label::before{display:inline-block;content:"";width:24px;height:24px;border:2px solid #ddd;box-sizing:border-box;position:absolute;top:0;right:0} #wrap .box_pop_wrap .box_pop .survey_box ol li input[type="radio"] + label span{display:inline-block;padding:0 24px 0 56px;font-size:16px;line-height:24px;color:#999;} #wrap .box_pop_wrap .box_pop .survey_box ol li input[type="radio"] + label i{position:absolute;top:50%;left:0;transform:translateY(-50%);width:40px;height:40px;background-repeat:no-repeat;background-size:40px;} #wrap .box_pop_wrap .box_pop .survey_box ol li input[type="radio"]:checked + label::before{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_chk_red2.png')no-repeat;background-size:contain;border:0;} #wrap .box_pop_wrap .box_pop .survey_box ol li input[type="radio"]:checked + label span{color:#ce0e2d;font-weight:700;} #wrap .box_pop_wrap .box_pop .survey_box ol li label{position:relative;display:block;font-size:0;} /* 두 줄일 경우 */ /* #wrap #pop_survey_4.box_pop_wrap .box_pop .survey_box ol li{padding:22px 0} #wrap #pop_survey_4.box_pop_wrap .box_pop .survey_box ol li input[type="radio"] + label::before{top:10px} #wrap #pop_survey_4.box_pop_wrap .box_pop .survey_box ol li input[type="radio"] + label span{line-height:22px} #wrap #pop_survey_4.box_pop_wrap .box_pop .survey_box ol li label{line-height:1;height:auto} #wrap .box_pop_wrap .box_pop .survey_box ol li input#survey1_1[type="radio"] + label::after{display:inline-block;content:"";width:40px;height:40px;box-sizing:border-box;position:absolute;top:-8px;left:0;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_survey1_1.svg')no-repeat;background-size:contain;} #wrap .box_pop_wrap .box_pop .survey_box ol li input#survey1_1[type="radio"]:checked + label::after{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_survey1_1_on.svg')no-repeat;background-size:contain;} #wrap .box_pop_wrap .box_pop .survey_box ol li input#survey1_2[type="radio"] + label::after{display:inline-block;content:"";width:40px;height:40px;box-sizing:border-box;position:absolute;top:-8px;left:0;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_survey1_2.svg')no-repeat;background-size:contain;} #wrap .box_pop_wrap .box_pop .survey_box ol li input#survey1_2[type="radio"]:checked + label::after{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_survey1_2_on.svg')no-repeat;background-size:contain;} #wrap .box_pop_wrap .box_pop .survey_box ol li input#survey2_1[type="radio"] + label::after{display:inline-block;content:"";width:40px;height:40px;box-sizing:border-box;position:absolute;top:-8px;left:0;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_survey2_1.svg')no-repeat;background-size:contain;} #wrap .box_pop_wrap .box_pop .survey_box ol li input#survey2_1[type="radio"]:checked + label::after{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_survey2_1_on.svg')no-repeat;background-size:contain;} #wrap .box_pop_wrap .box_pop .survey_box ol li input#survey2_2[type="radio"] + label::after{display:inline-block;content:"";width:40px;height:40px;box-sizing:border-box;position:absolute;top:-8px;left:0;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_survey2_2.svg')no-repeat;background-size:contain;} #wrap .box_pop_wrap .box_pop .survey_box ol li input#survey2_2[type="radio"]:checked + label::after{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_survey2_2_on.svg')no-repeat;background-size:contain;} #wrap .box_pop_wrap .box_pop .survey_box ol li input#survey2_3[type="radio"] + label::after{display:inline-block;content:"";width:40px;height:40px;box-sizing:border-box;position:absolute;top:-8px;left:0;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_survey2_3.svg')no-repeat;background-size:contain;} #wrap .box_pop_wrap .box_pop .survey_box ol li input#survey2_3[type="radio"]:checked + label::after{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_survey2_3_on.svg')no-repeat;background-size:contain;} #wrap .box_pop_wrap .box_pop .survey_box ol li input#survey3_1[type="radio"] + label::after{display:inline-block;content:"";width:40px;height:40px;box-sizing:border-box;position:absolute;top:-8px;left:0;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_survey3_1.svg')no-repeat;background-size:contain;} #wrap .box_pop_wrap .box_pop .survey_box ol li input#survey3_1[type="radio"]:checked + label::after{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_survey3_1_on.svg')no-repeat;background-size:contain;} #wrap .box_pop_wrap .box_pop .survey_box ol li input#survey3_2[type="radio"] + label::after{display:inline-block;content:"";width:40px;height:40px;box-sizing:border-box;position:absolute;top:-8px;left:0;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_survey3_2.svg')no-repeat;background-size:contain;} #wrap .box_pop_wrap .box_pop .survey_box ol li input#survey3_2[type="radio"]:checked + label::after{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_survey3_2_on.svg')no-repeat;background-size:contain;} #wrap .box_pop_wrap .box_pop .survey_box ol li input#survey3_3[type="radio"] + label::after{display:inline-block;content:"";width:40px;height:40px;box-sizing:border-box;position:absolute;top:-8px;left:0;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_survey3_3.svg')no-repeat;background-size:contain;} #wrap .box_pop_wrap .box_pop .survey_box ol li input#survey3_3[type="radio"]:checked + label::after{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_survey3_3_on.svg')no-repeat;background-size:contain;} #wrap .box_pop_wrap .box_pop .survey_box ol li input#survey4_1[type="radio"] + label::after{display:inline-block;content:"";width:40px;height:40px;box-sizing:border-box;position:absolute;top:2px;left:0;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_survey4_1.svg')no-repeat;background-size:contain;} #wrap .box_pop_wrap .box_pop .survey_box ol li input#survey4_1[type="radio"]:checked + label::after{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_survey4_1_on.svg')no-repeat;background-size:contain;} #wrap .box_pop_wrap .box_pop .survey_box ol li input#survey4_2[type="radio"] + label::after{display:inline-block;content:"";width:40px;height:40px;box-sizing:border-box;position:absolute;top:2px;left:0;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_survey4_2.svg')no-repeat;background-size:contain;} #wrap .box_pop_wrap .box_pop .survey_box ol li input#survey4_2[type="radio"]:checked + label::after{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_survey4_2_on.svg')no-repeat;background-size:contain;} */ #wrap .box_pop_wrap .box_pop .paddle_send_box{padding:20px 24px 30px;} #wrap .box_pop_wrap .box_pop .paddle_send_box .paddle_num{margin-bottom:8px;padding:11px 12px 11px 16px;border:1px solid #ddd} #wrap .box_pop_wrap .box_pop .paddle_send_box .paddle_num p{display:inline-block;width:55%;vertical-align:top;font-size:14px;line-height:24px;color:#999;letter-spacing:-.3px;font-weight:700;} #wrap .box_pop_wrap .box_pop .paddle_send_box .paddle_num .count_box{display:inline-block;width:45%;vertical-align:top;font-size:0;} #wrap .box_pop_wrap .box_pop .paddle_send_box .paddle_num .count_box button{display:inline-block;width:24px;height:24px;vertical-align:top;} #wrap .box_pop_wrap .box_pop .paddle_send_box .paddle_num .count_box button.plus_btn{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_plus.png')no-repeat;background-size:contain;} #wrap .box_pop_wrap .box_pop .paddle_send_box .paddle_num .count_box button.minus_btn{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_minus.png')no-repeat;background-size:contain;} #wrap .box_pop_wrap .box_pop .paddle_send_box .paddle_num .count_box em{position:relative;display:inline-block;width:calc(100% - 48px);vertical-align:top;font-size:14px;line-height:24px;color:#1d5fff;letter-spacing:-.3px;font-weight:700;font-style:normal;text-align:center;} #wrap .box_pop_wrap .box_pop .paddle_send_box .paddle_num .count_box em:after{content:'개';font-size:14px;line-height:24px;color:#1d5fff;letter-spacing:-.3px;} #wrap .box_pop_wrap .box_pop .paddle_send_box .code_inp_box input{font-size:14px;line-height:48px;height:48px;width:100%;border:1px solid #ddd;padding:0 16px;color:#000;letter-spacing:-.3px;box-sizing:border-box;} #wrap .box_pop_wrap .box_pop .paddle_send_box span{display:block;font-size:12px;line-height:16px;letter-spacing:-.3px;color:#999;margin-top:10px} #wrap .box_pop_wrap .box_pop .paddle_send_box .noti_txt{color:#EE4278;line-height:18px;padding-left:22px;position:relative;} #wrap .box_pop_wrap .box_pop .paddle_send_box .noti_txt:before{content:'';width:14px;height:14px;position:absolute;top:2px;left:2px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_noti_pink.png')no-repeat;background-size:contain;} #wrap .box_pop_wrap .box_pop .paddle_send_box strong{display:block;font-size:14px;line-height:20px;letter-spacing:-.3px;color:#666;margin-top:16px;text-align:center;font-weight:400;} #wrap .box_pop_wrap .box_pop .paddle_send_tit{padding:40px 24px 20px;} #wrap .box_pop_wrap .box_pop .paddle_send_tit h3{font-size:24px;line-height:28px;color:#000;letter-spacing:-.3px;text-align:center;} #wrap .box_pop_wrap .box_pop .paddle_send_tit h3 span{font-size:24px;line-height:28px;color:#1d5fff;letter-spacing:-.3px;display:inline-block;margin-right:4px;} #wrap .box_pop_wrap .box_pop .paddle_send_box .result_paddle_num{margin-bottom:8px;padding:12px 16px;background-color:#f9f9f9;} #wrap .box_pop_wrap .box_pop .paddle_send_box .result_paddle_num p{display:inline-block;width:62%;vertical-align:top;font-size:14px;line-height:24px;color:#666;letter-spacing:-.3px;font-weight:700;} #wrap .box_pop_wrap .box_pop .paddle_send_box .result_paddle_num .result_box{display:inline-block;width:38%;vertical-align:top;font-size:0;text-align:right;} #wrap .box_pop_wrap .box_pop .paddle_send_box .result_paddle_num .result_box em{font-size:14px;line-height:24px;letter-spacing:-.3px;color:#1d5fff;position:relative;padding-left:35px;font-style:normal;display:inline-block;font-weight:700;} #wrap .box_pop_wrap .box_pop .paddle_send_box .result_paddle_num .result_box em:before{content:'';width:28px;height:28px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_paddle_blue.png')no-repeat;background-size:contain;position:absolute;top:-2px;left:0} #wrap .box_pop_wrap .box_pop .paddle_send_box .code_result_box{padding:12px 16px;background-color:#f9f9f9;} #wrap .box_pop_wrap .box_pop .paddle_send_box .code_result_box p{display:inline-block;width:50%;vertical-align:top;font-size:14px;line-height:24px;color:#666;letter-spacing:-.3px;font-weight:700;} #wrap .box_pop_wrap .box_pop .paddle_send_box .code_result_box b{display:inline-block;width:50%;vertical-align:top;font-size:14px;line-height:24px;color:#000;letter-spacing:-.3px;font-weight:700;text-align:right;} #wrap .box_pop_wrap .box_pop .paddle_result_box{padding:10px 24px 30px;text-align:center;} #wrap .box_pop_wrap .box_pop .paddle_result_box img{width:120px;} #wrap .box_pop_wrap .box_pop .paddle_result_box p{margin-top:10px;font-size:14px;line-height:24px;color:#666;letter-spacing:-.3px;} #wrap .box_pop_wrap .box_pop .paddle_result_box p b{color:#000;font-weight:400;} #wrap .box_pop_wrap .box_pop .phone_box{padding:0 24px 16px;} #wrap .box_pop_wrap .box_pop .phone_box > input{display:block;width:100%;height:48px;border:1px solid #ddd;box-sizing:border-box;padding:12px;font-size:14px;line-height:24px;color:#000;letter-spacing:-.3px} #wrap .box_pop_wrap .box_pop .phone_box .btn_inp_box{margin-bottom:8px;position:relative} #wrap .box_pop_wrap .box_pop .phone_box .btn_inp_box input{display:block;width:100%;height:48px;border:1px solid #ddd;box-sizing:border-box;padding:12px 92px 12px 12px;font-size:14px;line-height:24px;color:#000;letter-spacing:-.3px} #wrap .box_pop_wrap .box_pop .phone_box .btn_inp_box:after{content:'';width:24px;height:24px;position:absolute;top:12px;right:98px;} #wrap .box_pop_wrap .box_pop .phone_box .btn_inp_box.success:after{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_chk_green.png')no-repeat;background-size:contain;} #wrap .box_pop_wrap .box_pop .phone_box .btn_inp_box.fail:after{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_chk_red.png')no-repeat;background-size:contain;} #wrap .box_pop_wrap .box_pop .phone_box .btn_inp_box span.alert_txt{color:#ff4d5b} #wrap .box_pop_wrap .box_pop .phone_box .btn_inp_box span.alert_txt.success{color:#2be028} #wrap .box_pop_wrap .box_pop .phone_box .btn_inp_box button{position:absolute;width:80px;line-height:36px;text-align:center;color:#fff;font-size:12px;background-color:#000;top:6px;right:6px;z-index:10;} #wrap .box_pop_wrap .box_pop .phone_box .btn_inp_box button.disabled{background-color:#999;color:#ccc} #wrap .box_pop_wrap .box_pop .phone_box .btn_inp_box p{font-size:12px;line-height:16px;color:#000;letter-spacing:-.3px;margin:4px 0} #wrap .box_pop_wrap .box_pop .phone_box .alert_txt{display:block;font-size:12px;line-height:16px;color:#ff4d5b;letter-spacing:-.3px;margin:2px 0 8px;} #wrap #pop_first_login.round_pop_wrap .round_pop{padding:0;text-align:left;} #wrap .round_pop_wrap .round_pop .first_pop{padding-bottom:32px} #wrap .round_pop_wrap .round_pop .first_pop .top_txt_box{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/first_popup.png')no-repeat;background-size:cover;padding:22px 28px 78px} #wrap .round_pop_wrap .round_pop .first_pop .top_txt_box h3{font-size:24px;line-height:32px;letter-spacing:-.23px;;color:#fff;margin-bottom:20px} #wrap .round_pop_wrap .round_pop .first_pop .top_txt_box p{font-size:13px;line-height:20px;letter-spacing:-.3px;color:#fff;font-weight:700;} #wrap .round_pop_wrap .round_pop .first_pop .bot_txt_box{padding:20px 28px 0;position:relative} #wrap .round_pop_wrap .round_pop .first_pop .bot_txt_box p{font-size:12px;line-height:18px;letter-spacing:-.3px;color:#000;display:inline-block;width:100%} #wrap .round_pop_wrap .round_pop .first_pop .bot_txt_box img{width:80px;position:absolute;bottom:0;right:28px;} #wrap .round_pop_wrap .round_pop .first_pop a{margin:20px 24px 0;display:block;font-size:15px;line-height:48px;color:#fff;letter-spacing:-.3px;text-align:center;background-color:#000;;border-radius:36px;font-weight:700;} #wrap .round_pop_wrap .round_pop .close_btn{position:absolute;width:54px;height:54px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_close.png')no-repeat;background-size:contain;top:8px;right:8px;} #wrap .round_pop_wrap .round_pop .close_btn.white{position:absolute;width:54px;height:54px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_close_w.png')no-repeat;background-size:contain;top:8px;right:8px;} /* intro */ #wrap .intro{position:relative;width:100%;height:100vh;overflow:hidden;} #wrap .intro .intro_bg{position:absolute;top:50%;left:50%;width:868px;height:1000px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/intro_bg4.jpg')no-repeat center center;background-size:contain;transform:translate(-50%, -50%);animation: infiniteBg 20s linear infinite;animation-delay: .5s;} #wrap .intro h1{padding:134px 36px 0;font-size:32px;line-height:40px;color:#fff;letter-spacing:-.3px;position:relative;-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none} #wrap .intro .btn_wrap{position:absolute;left:36px;bottom:54px;width:calc(100% - 72px);text-align:center;} #wrap .intro .btn_wrap a{display:block;-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none} #wrap .intro .btn_wrap .basic_btn{width:100%;line-height:48px;font-size:15px;color:#000;background-color:#fff;letter-spacing:-.3px;margin-bottom:8px;font-weight:700;} #wrap .intro .btn_wrap .line_btn{width:100%;line-height:48px;font-size:15px;color:#fff;border:1px solid #fff;letter-spacing:-.3px;margin-bottom:40px;box-sizing:border-box;font-weight:700;} #wrap .intro .btn_wrap .link_btn{font-size:14px;line-height:20px;letter-spacing:-.3px;color:#fff;border-bottom:1px solid #fff;display:inline-block;} /* home */ #wrap .section{margin-bottom:90px;position:relative;} #wrap .section:last-child{margin:0;} /* #wrap .section h2{font-size:64px;line-height:54px;margin-bottom:20px;padding:0 26px;font-family:'CircularXXWeb-Regular';font-weight:400;letter-spacing:-2px;} */ #wrap .section h2{font-size:56px;line-height:56px;margin-bottom:16px;padding:0 26px;font-family:'CircularXXWeb-Medium';font-weight:400;letter-spacing:-5px;} #wrap .visual .front_visual{padding-top:90px;position:relative;z-index:10;} #wrap .visual .front_visual .visual_slide ul li{position:relative;border-radius:8px;overflow:hidden;width:76.8%;} #wrap .visual .front_visual .visual_slide ul li:nth-child(1){width:33.334%;} #wrap .visual .front_visual .visual_slide ul li:nth-child(2).moving{animation: leftMoving 2.5s ease-in-out infinite;animation-delay: 1.6s;} /* s 서프라이즈 굿즈 배너 삭제 시 코드 삭제*/ /* #wrap .visual .front_visual .visual_slide ul li:nth-child(5) .card_txt p{font-size:25px} */ /* e 서프라이즈 굿즈 배너 삭제 시 코드 삭제*/ /* #wrap .visual .front_visual .visual_slide ul li:nth-child(2) a{pointer-events:none;} #wrap .visual .front_visual .visual_slide ul li:nth-child(2) .card_txt:after{display:none} */ #wrap .visual .front_visual .visual_slide ul li img{background-size:contain;} #wrap .visual .front_visual .visual_slide ul li .card_txt{position:absolute;width:100%;height:100%;top:0;left:0;} #wrap .visual .front_visual .visual_slide ul li .card_txt:after{content:'';position:absolute;width:40px;height:20px;top:26px;right:30px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_more_w.png')no-repeat;background-size:contain;} #wrap .visual .front_visual .visual_slide ul li .card_txt span{position:absolute;top:30px;left:34px;font-size:12px;color:#fff;font-family:'CircularXXWeb-Medium'} #wrap .visual .front_visual .visual_slide ul li .card_txt p{position:absolute;bottom:28px;left:32px;font-size:6.6158vw;letter-spacing:-1.04px;line-height:9.1603vw;color:#fff;font-weight:700;width:calc(100% - 64px);} #wrap .visual .front_visual .visual_slide ul li .card_txt p em{position:absolute;font-size:12px;line-height:24px;font-style:normal;color:#dcffb8;letter-spacing:-.22px;left:0;top:-28px} #wrap .visual .back_visual{position:absolute;top:0;left:0;width:calc(100% - 64px);height:100%;padding:0 32px;} #wrap .visual .back_visual img{width:82px;margin-top:20px;} #wrap .visual .back_visual .welcome_txt{position:absolute;bottom:0;left:32px;width:calc(100% - 32px);} #wrap .visual .back_visual .welcome_txt i{display:inline-block;width:100%;height:1px;background-color:#000;margin-bottom:24px;position:relative;} #wrap .visual .back_visual .welcome_txt i:after{content:'';width:32px;height:1px;background-color:#000;position:absolute;top:-11px;left:-5px;transform:rotate(-45deg);} #wrap .visual .back_visual .welcome_txt p{font-size:14px;line-height:20px;color:#000;} #wrap .visual .back_visual .welcome_txt p span{font-size:14px;line-height:20px;color:#000;display:inline-block;} #wrap .shop .speech_bubble_wrap{position:absolute;top:0;left:32px;width:76.8%;} #wrap .shop .speech_bubble_wrap .speech_bubble{position:absolute;top:86px;right:-21px;width:fit-content;padding:10px 16px;line-height:18px;background-color:#151515;font-size:12px;color:#fff;text-align:center;pointer-events:none;text-indent:0;animation: upDownMotion2 1s ease-in-out infinite;z-index:10;letter-spacing:-.3px} #wrap .shop .speech_bubble_wrap .speech_bubble:after{content:'';width:0px;height:0px;border-top:10px solid #151515; border-right:6px solid transparent;border-left:6px solid transparent;position:absolute;bottom:-10px;left:50%;transform:translateX(-50%)} #wrap .shop .shop_slide{padding-bottom:34px;} #wrap .shop .shop_slide ul li{position:relative;border-radius:8px;overflow:hidden;width:76.8%;} #wrap .shop .shop_slide ul li img{background-size:contain;} #wrap .shop .shop_slide ul li .card_txt{position:absolute;width:100%;height:100%;top:0;left:0;} #wrap .shop .shop_slide ul li .card_txt span{position:absolute;top:78px;right:-32px;font-size:12px;color:#fff;transform:rotate(-270deg);} #wrap .shop .shop_slide ul li .card_txt p{position:absolute;bottom:28px;left:32px;font-size:26px;line-height:34px;color:#fff;letter-spacing:-.5px;width:calc(100% - 64px);font-weight:700;} /* #wrap .shop .shop_slide ul li .card_txt p{position:absolute;bottom:28px;left:32px;font-size:26px;line-height:34px;color:#fff;letter-spacing:-.5px;width:calc(100% - 110px);font-weight:700;} #wrap .shop .shop_slide ul li .card_txt p:before{content:'카누';font-size:26px;line-height:34px;color:#fff;letter-spacing:-.5px;position:absolute;top:-34px;left:0;font-weight:700;} #wrap .shop .shop_slide ul li .card_txt p:after{content:'';width:28px;height:28px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_x.png')no-repeat;background-size:contain;position:absolute;top:-30px;left:54px;} */ /* #wrap .shop .shop_slide ul li .card_txt i{position: absolute;bottom: 32px;right: 28px;font-size: 12px;line-height: 13px;color: #fff;font-style: normal;width: 47px;text-align: right;} */ #wrap .shop .shop_slide ul li .card_txt p i{font-size: 12px;line-height: 13px;color: #fff;font-style: normal;font-family: 'CircularXXWeb-Medium';display: block;margin-bottom: 4px;} #wrap .shop .shop_slide ul li .card_txt i span{text-align: left;display: inline-block;width: auto;font-family: 'CircularXXWeb-Medium';position: relative;top: auto;right: auto;transform: rotate(0);letter-spacing:0;} #wrap .shop .shop_slide ul li .fav_ico{position:absolute;top:28px;right:28px;width:32px;height:32px} #wrap .shop .shop_slide ul li .fav_ico input{border:0;padding:0;font-size:0;line-height:inherit;color:transparent;letter-spacing:0;width:0 !important} #wrap .shop .shop_slide ul li .fav_ico input[type="checkbox"] + label::before{display:inline-block;content:"";width:32px;height:32px;background-image:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_save_none.png');background-size:contain;background-repeat:no-repeat;} #wrap .shop .shop_slide ul li .fav_ico input[type="checkbox"]:checked + label::before{background-image:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_save.png')} #wrap .shop .shop_slide ul li .price_ico{position:absolute;top:72px;right:28px;width:32px;height:32px} #wrap .shop .shop_slide ul li .price_ico span{font-size:20px;line-height:20px;display:block;color:#fff;text-align:center;position:relative;padding-top:32px;font-family:'CircularXXWeb-Medium'} #wrap .shop .shop_slide ul li .price_ico span:before{content:'';width:32px;height:32px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_paddle.png')no-repeat;background-size:contain;position:absolute;top:0;left:0;} #wrap .shop .shop_slide ul li a .card_txt div{position:absolute;width:88px;height:88px;border-radius:50%;top:30px;left:30px;display:none;} #wrap .shop .shop_slide ul li a .card_txt div > span{font-size:14px;line-height:1;text-align:center;width:100%;position:absolute;top:50%;transform:translateY(-50%);font-weight:700;right:auto} /* #wrap .shop .shop_slide ul li.coming_soon a{pointer-events:none;} */ #wrap .shop .shop_slide ul li.coming_soon a .card_txt:before{content:'';width:100%;height:100%;background-color:rgba(0, 0, 0, .5);position:absolute;top:0;left:0;} #wrap .shop .shop_slide ul li.sold_out a .card_txt div{background-color:#333;display:block} #wrap .shop .shop_slide ul li.coming_soon a .card_txt div{background-color:#ffbf17;display:block} #wrap .shop .shop_slide ul li.sold_out a .card_txt div > span{color:#fff} #wrap .shop .shop_slide ul li.coming_soon a .card_txt div > span{color:#000} #wrap .shop .shop_slide.swiper-container-horizontal>.swiper-pagination-progressbar, #wrap .shop .shop_slide.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{top:auto;bottom:0;left:32px;width:calc(100% - 64px);height:2px;} #wrap .shop .shop_slide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#000;} /* 16일 이후 컬처 굿즈 주석처리 */ /* #wrap .culture .culture_wrap{padding:0 32px;} */ #wrap .culture .culture_wrap .culture_cont{position:relative;border-radius:8px;overflow:hidden} #wrap .culture .culture_wrap .culture_cont img{background-size:contain;} #wrap .culture .culture_wrap .culture_cont .card_txt{position:absolute;left:32px;bottom:28px} #wrap .culture .culture_wrap .culture_cont .card_txt p{font-size:28px;line-height:36px;color:#c9a070;font-weight:700;} /* 1.8 샵 */ #wrap .pebble .pebble_shop_wrap{padding:0 32px;} #wrap .pebble .pebble_shop_wrap .pebble_shop_cont{position:relative;border-radius:8px;overflow:hidden} #wrap .pebble .pebble_shop_wrap .pebble_shop_cont .txt_box{position:absolute;bottom:30px;left:32px;} #wrap .pebble .pebble_shop_wrap .pebble_shop_cont .txt_box span{display:inline-block;padding:6px 10px;background-color:#1f1f1f;border-radius:16px;color:#fff;font-size:12px;line-height:16px;text-align:center;font-weight:bold;} #wrap .pebble .pebble_shop_wrap .pebble_shop_cont .txt_box p{font-size:26px;line-height:36px;color:#fff;letter-spacing:-.35px;font-weight:bold;} /* workation 이벤트 */ #wrap .workation_cont{padding:0 32px} #wrap .workation_cont .before_idcard{text-align:center;} #wrap .workation_cont .before_idcard a{display:block;position:relative;} #wrap .workation_cont .before_idcard a img{border-radius:8px;} #wrap .workation_cont .before_idcard a .txt_box{position:absolute;bottom:28px;left:32px;} #wrap .workation_cont .before_idcard a .txt_box p{font-size:28px;line-height:36px;color:#fff;letter-spacing:-.3px;font-weight:600;text-align:left;} #wrap .workation_cont .before_idcard .workation_more_btn, #wrap .workation_cont .after_idcard .workation_more_btn{display:inline-block;line-height:1;border:1px solid #000;box-sizing:border-box;border-radius:27px;font-size:14px;text-align:center;margin:22px auto 0;font-weight:600;padding:16px 36px} #wrap .workation_cont .after_idcard{text-align:center} #wrap .workation_cont .after_idcard .idcard_box{background-color:#1e1e1e;border-radius:8px;} #wrap .workation_cont .after_idcard .idcard_box img{border-radius:8px;} #wrap .workation_cont .after_idcard .idcard_box .copy_box{padding:16px;text-align:left;position:relative;} #wrap .workation_cont .after_idcard .idcard_box .copy_box p{font-size:12px;line-height:20px;letter-spacing:-.3px;text-align:left;color:#fff;font-style: normal;border: 0;background-color: transparent !important;display:inline-block;width:calc(100% - 65px);} #wrap .workation_cont .after_idcard .idcard_box .copy_box button{font-size:12px;line-height:14px;color:#fff;border-radius:155px;letter-spacing:-.3px;display:inline-block;width:65px;height:30px;border:1px solid #fff;position:absolute;top:21px;right:16px} /* 16일 이후 컬처 굿즈 */ #wrap .culture .culture_wrap .culture_slide ul li{border-radius:8px;overflow:hidden;width:76.8%;} #wrap .culture .culture_wrap .culture_slide ul li a{position:relative;} #wrap .culture .culture_wrap .culture_slide ul li a img{width:100%;} #wrap .culture .culture_wrap .culture_slide ul li a .txt_box{position:absolute;bottom:28px;left:32px;} #wrap .culture .culture_wrap .culture_slide ul li a .txt_box span{font-size:14px;line-height:24px;color:#fff;letter-spacing:-.3px;margin-bottom:3px;display:block;font-weight:600;} #wrap .culture .culture_wrap .culture_slide ul li a .txt_box p{font-size:32px;line-height:36px;color:#fff;letter-spacing:-.5px;display:block;font-weight:600;} #wrap .culture .culture_wrap .culture_slide ul li a .txt_box p.g-color{color:#c9a070;font-size:6.61577vw;line-height:8.6514vw;letter-spacing:-.3px;} #wrap .culture .culture_wrap .culture_slide ul li a .txt_box p.en{font-family:'CircularXXWeb-Regular';} #wrap .mission .mission_wrap{padding:0 32px 137px;} #wrap .mission .mission_wrap ul li{position:relative;border-radius:8px;background-color:#f7f7f7;margin-bottom:8px} #wrap .mission .mission_wrap ul li.complete{background-color:#fff7eb;box-shadow:0 0 0 1px #c9a070 inset} /* 추가 */ #wrap .mission .mission_wrap ul li a{display:block;padding:16px 24px 16px 20px} #wrap .mission .mission_wrap ul li:last-child{margin-bottom:0;} #wrap .mission .mission_wrap ul li a dl dt{display:inline-block;width:80px;vertical-align:top;} #wrap .mission .mission_wrap ul li a dl dt img{width:80px;background-size:contain;} #wrap .mission .mission_wrap ul li a dl dd{display:inline-block;width:calc(100% - 94px);vertical-align:top;padding-left:14px;} #wrap .mission .mission_wrap ul li a dl dd strong{font-size:16px;line-height:24px;display:block;margin-top:13px;} #wrap .mission .mission_wrap ul li a dl dd p{font-size:12px;line-height:20px;color:#999;min-height:20px;} #wrap .mission .mission_wrap ul li a dl dd .progress_cont{margin-top:10px;} #wrap .mission .mission_wrap ul li a dl dd .progress_cont progress {-webkit-appearance: none;width:calc(100% - 28px);height:4px;vertical-align:middle;border:0;border-radius:2px;overflow:hidden;} #wrap .mission .mission_wrap ul li a dl dd .progress_cont ::-webkit-progress-bar {background-color: #e5e5e5;} #wrap .mission .mission_wrap ul li a dl dd .progress_cont ::-webkit-progress-value {background-color: #c9a070;border-radius:2px;overflow:hidden;} #wrap .mission .mission_wrap ul li a dl dd .progress_cont .progress_num{font-size:0;display:inline-block;width:28px;text-align:right;vertical-align:middle;} #wrap .mission .mission_wrap ul li a dl dd .progress_cont .progress_num em{font-size:12px;line-height:20px;color:#999;display:inline-block;margin:0 3px 0 1px;} #wrap .mission .mission_wrap ul li a dl dd .progress_cont .progress_num i{font-size:12px;line-height:20px;color:#999;font-style:normal;display:inline-block;font-family:'CircularXXWeb-Medium'} #wrap .mission .mission_wrap .mission_more_btn{display:block;width:150px;line-height:46px;border:1px solid #000;box-sizing:border-box;border-radius:27px;font-size:14px;text-align:center;margin:22px auto 0;} /* #wrap .lounge .lounge_wrap{padding:0 32px;} */ #wrap .lounge .lounge_wrap .lounge_cont{position:relative;border-radius:8px;overflow:hidden} #wrap .lounge .lounge_wrap .lounge_cont a img{background-size:contain;} #wrap .lounge .lounge_wrap .lounge_cont a .card_txt{position:absolute;bottom:28px;left:32px;} #wrap .lounge .lounge_wrap .lounge_cont a .card_txt p{font-size:28px;line-height:36px;color:#c9a070;letter-spacing:-.5px;display:block;font-weight:600;} #wrap .lounge .lounge_wrap ol li{margin-top:56px;position:relative} #wrap .lounge .lounge_wrap ol li a{display:block;padding:56px 0 45px;text-align:center;border:8px solid #333;border-radius:163px 163px 0 0;min-height:400px;box-sizing:border-box;position:relative} #wrap .lounge .lounge_wrap ol li:nth-child(1).open a{border:none;background-color:#0089CE;} #wrap .lounge .lounge_wrap ol li:nth-child(2).open a{border:none;background-color:#F56E1B;} #wrap .lounge .lounge_wrap ol li:nth-child(3).open a{border:none;background-color:#A37D52;} #wrap .lounge .lounge_wrap ol li a span{display:inline-block;font-size:18px;line-height:26px;color:#fff;font-weight:600;font-family:'CircularXXWeb-Regular';border-bottom:2px solid #fff} #wrap .lounge .lounge_wrap ol li a h4{margin:34px auto 21px;font-size:50px;line-height:52px;color:#333;font-family:'CircularXXWeb-Regular';letter-spacing:-2px;} #wrap .lounge .lounge_wrap ol li.open a h4{color:#fff} #wrap .lounge .lounge_wrap ol li a i{display:block;width:48px;height:48px;margin:0 auto} #wrap .lounge .lounge_wrap ol li:nth-child(3) .closed_txt{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;z-index:10;} #wrap .lounge .lounge_wrap ol li:nth-child(3) .closed_txt span{font-size:24px;line-height:40px;color:#fff;display:inline-block;font-weight:600;border-bottom:2px solid #fff} #wrap .lounge .lounge_wrap ol li:nth-child(3) .closed_dim{background-color:rgba(0, 0, 0, .5);border-radius:163px 163px 0 0;min-height:400px;box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;} #wrap .lounge .lounge_wrap ol li:nth-child(1) a i{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_clova_off.png')no-repeat;background-size:contain;} #wrap .lounge .lounge_wrap ol li:nth-child(1).open a i{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_clova_on.png')no-repeat;background-size:contain;} #wrap .lounge .lounge_wrap ol li:nth-child(2) a i{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_talk_off.png')no-repeat;background-size:contain;} #wrap .lounge .lounge_wrap ol li:nth-child(2).open a i{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_talk_on.png')no-repeat;background-size:contain;} #wrap .lounge .lounge_wrap ol li:nth-child(3) a i{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_bean_off.png')no-repeat;background-size:contain;} #wrap .lounge .lounge_wrap ol li:nth-child(3).open a i{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_bean_on.png')no-repeat;background-size:contain;} /* #wrap .ar{padding-bottom:137px} #wrap .ar .ar_wrap{padding:0 32px;} #wrap .ar .ar_wrap a{display:block;border-radius:8px;overflow:hidden;position:relative} #wrap .ar .ar_wrap a .card_txt{position:absolute;bottom:20px;left:22px;} #wrap .ar .ar_wrap a .card_txt p{font-size:20px;line-height:28px;color:#fff;margin-bottom:8px;} #wrap .ar .ar_wrap a .card_txt span{font-size:12px;line-height:20px;color:#fff} */ /* home 스캔 버튼 말풍선 */ .speech_bubble2{position: fixed;bottom: 110px;right: 25px;width: fit-content;padding: 10px 16px;background-color: #151515;pointer-events: none;text-indent: 0;animation: upDownMotion2 1s ease-in-out infinite;z-index: 10;letter-spacing: -.3px;} .speech_bubble2:after{content: '';width: 0px;height: 0px;border-top: 10px solid #151515;border-right: 6px solid transparent;border-left: 6px solid transparent;position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);} .speech_bubble2 b{font-size:12px;line-height:18px;color:#fff;display:block;text-align:center;} /* home 서브 배너 */ .sub_banner_cont{padding:0 32px;margin:-50px 0 87px;} .sub_banner_cont .swiper-container{border-radius:8px;} .sub_banner_cont .swiper-container-horizontal>.swiper-pagination-bullets, .sub_banner_cont .swiper-pagination-custom, .swiper-pagination-fraction{bottom:auto;left:auto;top:12px;right:12px;width:auto;} .sub_banner_cont .swiper-pagination-bullet{background:#fff;opacity:0.5;} .sub_banner_cont .swiper-pagination-bullet-active{background:#fff;opacity:1;} .sub_banner_cont .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 2.5px;} /* mission */ #wrap .mission_list{padding:70px 24px 24px;} #wrap .mission_list .badge_btn{position:relative;display:block;width:100%;border-radius:8px;background-color:#333;padding:16px 20px;box-sizing:border-box;text-align:left;margin-bottom:16px} #wrap .mission_list .badge_btn:after{content:'';width:48px;height:48px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_mission_badge_w.png')no-repeat;background-size:contain;position:absolute;top:16px;right:20px} #wrap .mission_list .badge_btn span{display:inline-block;font-size:14px;line-height:24px;color:#fff;letter-spacing:-.3px;font-weight:600;} #wrap .mission_list ul{margin:-4px;} #wrap .mission_list ul li.new:after{content:'';width:0;height:0;border-bottom: 40px solid transparent;border-right: 40px solid #c9a070;position:absolute;top:0;right:0;} #wrap .mission_list ul li.new:before{content:'';width:8px;height:11px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_n.png')no-repeat center center;background-size:contain;position:absolute;top:8px;right:8px;z-index:10;} #wrap .mission_list ul li.complete{background-color:#fff7eb;box-shadow:0 0 0 1px #c9a070 inset} #wrap .mission_list ul li.complete a .progress_cont .progress_num i, #wrap .mission_list ul li.complete a .progress_cont .progress_num em{color:#151515} #wrap .mission_list ul li{float:left;width:calc(50% - 8px);margin:4px;background-color:#f7f7f7;border-radius:8px;box-sizing:border-box;position:relative;overflow:hidden;} #wrap .mission_list ul li a{display:block;text-align:center;padding:35px 20px 20px;} #wrap .mission_list ul li a img{width:80px;background-size:contain;} #wrap .mission_list ul li a .mission_list_ico{width:80px;height:80px;margin:0 auto;} #wrap .mission_list ul li a strong{font-size:14px;line-height:20px;color:#000;letter-spacing:-.3px;display:block;margin-top:7px;height:44px;} #wrap .mission_list ul li a .progress_cont{margin-top:-4px} #wrap .mission_list ul li a .progress_cont .progress_num{font-size:0;} #wrap .mission_list ul li a .progress_cont .progress_num i{font-size:10px;line-height:20px;color:#999;font-style:normal;font-family:'CircularXXWeb-Medium'} #wrap .mission_list ul li a .progress_cont .progress_num em{font-size:10px;line-height:20px;color:#999;font-style:normal;font-family:'CircularXXWeb-Medium'} #wrap .mission_list ul li a .progress_cont progress{-webkit-appearance: none;width:100%;height:4px;vertical-align:middle;border:0;border-radius:2px;overflow:hidden;margin-top:12px} #wrap .mission_list ul li a .progress_cont ::-webkit-progress-bar{background-color: #e5e5e5;} #wrap .mission_list ul li a .progress_cont ::-webkit-progress-value{background-color: #c9a070;border-radius:2px;overflow:hidden;} #wrap .mission_detail{padding-top:70px} #wrap .mission_detail .mission_visual{background-color:#f7f7f7;padding:53px 32px 40px;text-align:center;} #wrap .mission_detail .mission_visual.complete{background-color:#fff7eb;} #wrap .mission_detail .mission_visual.complete .progress_cont .progress_num i, #wrap .mission_detail .mission_visual.complete .progress_cont .progress_num em{color:#000} #wrap .mission_detail .mission_visual img{width:120px;background-size:contain;} #wrap .mission_detail .mission_visual #missionIco{width:200px;margin:0 auto;} #wrap .mission_detail .mission_visual strong{font-size:24px;line-height:30px;color:#000;display:block;margin:23px 0 10px;} #wrap .mission_detail .mission_visual p{font-size:14px;line-height:20px;color:#000;letter-spacing:-.3px;} #wrap .mission_detail .mission_visual .progress_cont{margin-top:20px} #wrap .mission_detail .mission_visual .progress_cont .progress_num{font-size:0;} #wrap .mission_detail .mission_visual .progress_cont .progress_num i{font-size:12px;line-height:20px;color:#999;font-style:normal;font-family:'CircularXXWeb-Medium'} #wrap .mission_detail .mission_visual .progress_cont .progress_num em{font-size:12px;line-height:20px;color:#999;font-style:normal;font-family:'CircularXXWeb-Medium'} #wrap .mission_detail .mission_visual .progress_cont progress{-webkit-appearance: none;width:100%;height:5px;vertical-align:middle;border:0;border-radius:3px;overflow:hidden;margin-top:8px} #wrap .mission_detail .mission_visual .progress_cont ::-webkit-progress-bar{background-color: #e5e5e5;} #wrap .mission_detail .mission_visual .progress_cont ::-webkit-progress-value{background-color: #c9a070;border-radius:3px;overflow:hidden;} #wrap .mission_detail .mission_detail_cont{padding:0 24px;} #wrap .mission_detail .mission_detail_cont dl{border-bottom:1px solid #eee;padding:20px 0;} #wrap .mission_detail .mission_detail_cont dl dt{display:inline-block;width:calc(100% - 60px);padding-right:28px;vertical-align:middle;} #wrap .mission_detail .mission_detail_cont dl dt strong{font-size:14px;line-height:20px;color:#000;display:block;} #wrap .mission_detail .mission_detail_cont dl dt span{font-size:12px;line-height:20px;color:#888;display:block;} #wrap .mission_detail .mission_detail_cont dl dd{display:inline-block;width:32px;text-align:right;vertical-align:middle;} #wrap .mission_detail .mission_detail_cont dl dd img{width:32px;height:32px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_ing.png')no-repeat;background-size:contain;} #wrap .mission_detail .mission_detail_cont dl.complete dd img{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_complete.png')no-repeat;background-size:contain;} /* buy product */ #wrap .buy_product{padding:70px 24px 78px;text-align:center;} #wrap .buy_product h2{font-size:16px;font-weight: normal;line-height:24px;color:#999;letter-spacing:-.3px;margin-bottom:20px} #wrap .buy_product .product_top_img{position:relative;width:calc(100% + 48px);margin-left:-24px;} #wrap .buy_product .product_top_img img{width:100%;} #wrap .buy_product .product_top_img p{font-size:14px;line-height:20px;color:#333;letter-spacing: -.3px;position:absolute;top:50%;left:24px;transform:translateY(-50%);font-weight:600;text-align:left;} #wrap .buy_product .product_top_img p span{display:inline-block;font-size:14px;line-height:20px;color:#c9a070;letter-spacing: -.3px;font-weight:600;} #wrap .buy_product .product_top_txt{padding:16px 24px 16px 46px;margin-left:-24px;width:calc(100% + -22px);background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_noti_dark.png')no-repeat #f9f9f9;background-size:16px;background-position:22px 18px;} #wrap .buy_product .product_top_txt p{font-size:12px;line-height:20px;color:#999;text-align:left;letter-spacing:-.3px;} #wrap .buy_product ul{margin:-4px;} #wrap .buy_product ul li{float:left;width:calc(50% - 8px);margin:4px;background-color:#f7f7f7;border-radius:8px;box-sizing:border-box;position:relative;overflow:hidden;} #wrap .buy_product ul li a{display:block;padding:14px 10px 12px;} #wrap .buy_product ul li a img{width:100%;background-size:contain;} #wrap .buy_product ul li a span{font-size:12px;line-height:20px;color:#999;margin-top:-4px;display:block;} /* introduction */ #wrap .introduction_wrap .introduction_cont{padding:126px 0 55px;} #wrap .introduction_wrap .introduction_cont .txt_box{padding:0 24px} #wrap .introduction_wrap .introduction_cont .txt_box p{font-size:14px;line-height:24px;letter-spacing:-.3px;color:#666;margin:50px 0 20px} #wrap .introduction_wrap .introduction_cont .txt_box p strong{display:block;font-size:14px;line-height:24px;letter-spacing:-.3px;color:#000;margin-bottom:24px;} #wrap .introduction_wrap .introduction_cont .txt_box p span{display:block;font-size:12px;line-height:24px;letter-spacing:-.26px;color:#999;} /* goods */ #wrap .goods_wrap .goods_list{padding:126px 0 70px;} #wrap .goods_wrap .goods_list .speech_bubble_wrap{position:relative;top:0;left:0;width:100%} #wrap .goods_wrap .goods_list .speech_bubble_wrap .speech_bubble{position:absolute;top:0;right:12px;width:fit-content;padding:10px 16px;line-height:18px;background-color:#151515;font-size:12px;color:#fff;text-align:center;pointer-events:none;text-indent:0;animation: upDownMotion2 1s ease-in-out infinite;z-index:10;letter-spacing:-.3px;} #wrap .goods_wrap .goods_list .speech_bubble_wrap .speech_bubble:after{content:'';width:0px;height:0px;border-top:10px solid #151515; border-right:6px solid transparent;border-left:6px solid transparent;position:absolute;bottom:-10px;left:50%;transform:translateX(-50%)} #wrap .goods_wrap .goods_list ul{padding:32px 32px 0;} #wrap .goods_wrap .goods_list ul li{border-radius:8px;margin-bottom:20px;overflow:hidden;position:relative} #wrap .goods_wrap .goods_list ul li:last-child{margin-bottom:0} #wrap .goods_wrap .goods_list ul li a{display:block;width:100%;height:100%;position:relative;} #wrap .goods_wrap .goods_list ul li a img{background-size:contain;background-position:center center;} #wrap .goods_wrap .goods_list ul li a .card_txt{position:absolute;width:100%;height:100%;top:0;left:0;} #wrap .goods_wrap .goods_list ul li.coming_soon a .card_txt .dim{position:absolute;background:rgba(0,0,0,.5);display:block;z-index:0;} #wrap .goods_wrap .goods_list ul li a .card_txt p{position:absolute;bottom:30px;left:32px;font-size:26px;line-height:34px;color:#fff;font-weight:700;letter-spacing:-.5px;width:calc(100% - 64px);} /* #wrap .goods_wrap .goods_list ul li a .card_txt p{position:absolute;bottom:30px;left:32px;font-size:26px;line-height:34px;color:#fff;font-weight:700;letter-spacing:-.5px;width:calc(100% - 130px);} #wrap .goods_wrap .goods_list ul li a .card_txt p:before{content:'카누';font-size:28px;line-height:34px;color:#fff;letter-spacing:-.5px;position:absolute;top:-34px;left:0;} #wrap .goods_wrap .goods_list ul li a .card_txt p:after{content:'';width:28px;height:28px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_x.png')no-repeat;background-size:contain;position:absolute;top:-28px;left:54px;} */ #wrap .goods_wrap .goods_list ul li a .card_txt em{position:absolute;top:28px;right:28px;width:32px;height:32px;background-image:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_save_none.png');background-size:contain;background-repeat:no-repeat;} #wrap .goods_wrap .goods_list ul li a .card_txt div{position:absolute;width:88px;height:88px;border-radius:50%;top:30px;left:30px;display:none;} #wrap .goods_wrap .goods_list ul li a .card_txt div > span{font-size:14px;line-height:1;text-align:center;width:100%;position:absolute;top:50%;transform:translateY(-50%);font-family:'CircularXXWeb-Medium'} /* #wrap .goods_wrap .goods_list ul li a .card_txt i{position:absolute;bottom:32px;right:28px;font-size:12px;line-height:13px;color:#fff;font-style:normal;width:47px;text-align:right;font-family:'CircularXXWeb-Medium'} */ #wrap .goods_wrap .goods_list ul li a .card_txt i{font-size:12px;line-height:13px;color:#fff;font-style:normal;font-family:'CircularXXWeb-Medium';display:block;margin-bottom:4px;} #wrap .goods_wrap .goods_list ul li a .card_txt i span{text-align:left;font-family:'CircularXXWeb-Medium'} #wrap .goods_wrap .goods_list ul li .fav_ico{position:absolute;top:28px;right:28px;width:32px;height:32px} #wrap .goods_wrap .goods_list ul li .fav_ico input{border:0;padding:0;font-size:0;line-height:inherit;color:transparent;letter-spacing:0;width:0 !important} #wrap .goods_wrap .goods_list ul li .fav_ico input[type="checkbox"] + label::before{display:inline-block;content:"";width:32px;height:32px;background-image:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_save_none.png');background-size:contain;background-repeat:no-repeat;} #wrap .goods_wrap .goods_list ul li .fav_ico input[type="checkbox"]:checked + label::before{background-image:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_save.png')} #wrap .goods_wrap .goods_list ul li .price_ico{position:absolute;top:72px;right:28px;width:32px;height:32px} #wrap .goods_wrap .goods_list ul li .price_ico span{font-size:20px;line-height:20px;display:block;color:#fff;text-align:center;position:relative;padding-top:32px;font-family:'CircularXXWeb-Medium'} #wrap .goods_wrap .goods_list ul li .price_ico span:before{content:'';width:32px;height:32px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_paddle.png')no-repeat;background-size:contain;position:absolute;top:0;left:0;} #wrap .goods_wrap .goods_list ul li.have_item a .card_txt em{background-image:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_save.png');} #wrap .goods_wrap .goods_list ul li.sold_out a .card_txt div{background-color:#333;display:block} #wrap .goods_wrap .goods_list ul li.coming_soon a .card_txt div{background-color:#ffbf17;display:block} #wrap .goods_wrap .goods_list ul li.sold_out a .card_txt div > span{color:#fff} #wrap .goods_wrap .goods_list ul li.coming_soon a .card_txt div > span{color:#000} #wrap .goods_wrap .goods_detail{padding-bottom:156px} #wrap .goods_wrap .goods_detail .goods_visual{position:relative;} #wrap .goods_wrap .goods_detail .goods_visual .card_txt{position:absolute;width:100%;height:100%;top:0;left:0;} #wrap .goods_wrap .goods_detail .goods_visual .card_txt span{font-size:12px;line-height:14px;color:#fff;position:absolute;top:78px;right:-32px;transform:rotate(-270deg);} /* #wrap .goods_wrap .goods_detail .goods_visual .card_txt i{position:absolute;bottom:32px;right:35px;font-size:12px;line-height:13px;color:#fff;font-style:normal;width:47px;text-align:right;} */ #wrap .goods_wrap .goods_detail .goods_visual .card_txt .txt_box{position:absolute;width:100%;height:100%;top:0;left:0;} #wrap .goods_wrap .goods_detail .goods_visual .card_txt .txt_box .inner_box{position:absolute;bottom:28px;left:32px;width:calc(100% - 64px);} #wrap .goods_wrap .goods_detail .goods_visual .card_txt .txt_box .inner_box .top_txt_box{position: relative;} #wrap .goods_wrap .goods_detail .goods_visual .card_txt .txt_box .inner_box .top_txt_box i{position:relative;bottom:auto;right:auto;text-align:left;display:block;} #wrap .goods_wrap .goods_detail .goods_visual .card_txt .txt_box .inner_box .top_txt_box i em{display:block;width:auto;} #wrap .goods_wrap .goods_detail .goods_visual .card_txt .txt_box .inner_box .top_txt_box .badge{position:relative;bottom:auto;left:auto;margin-bottom:20px} #wrap .goods_wrap .goods_detail .goods_visual .card_txt i{position:absolute;bottom:32px;right:35px;font-size:12px;line-height:13px;color:#fff;font-style:normal;text-align:right;} #wrap .goods_wrap .goods_detail .goods_visual .card_txt i em{font-style:normal;display:inline-block;text-align:left;width:min-content;font-family:'CircularXXWeb-Medium'} #wrap .goods_wrap .goods_detail .goods_visual .card_txt p{font-size:32px;line-height:44px;color:#fff;font-weight:700;width:100%} /* #wrap .goods_wrap .goods_detail .goods_visual .card_txt p{position:absolute;bottom:30px;left:32px;font-size:36px;line-height:44px;color:#fff;font-weight:700;width:calc(100% - 110px);} #wrap .goods_wrap .goods_detail .goods_visual .card_txt p:before{content:'카누';font-size:36px;line-height:44px;color:#fff;letter-spacing:-1px;position:absolute;top:-44px;left:0;} #wrap .goods_wrap .goods_detail .goods_visual .card_txt p:after{content:'';width:40px;height:40px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_x.png')no-repeat;background-size:contain;position:absolute;top:-38px;left:68px;} */ #wrap .goods_wrap .goods_detail .goods_visual .card_txt .fav_ico{position:absolute;top:21px;right:28px;width:32px;height:32px} #wrap .goods_wrap .goods_detail .goods_visual .card_txt .fav_ico input{border:0;padding:0;font-size:0;line-height:inherit;color:transparent;letter-spacing:0;width:0 !important} #wrap .goods_wrap .goods_detail .goods_visual .card_txt .fav_ico input[type="checkbox"] + label::before{display:inline-block;content:"";width:32px;height:32px;background-image:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_save_none.png');background-size:contain;background-repeat:no-repeat;} #wrap .goods_wrap .goods_detail .goods_visual .card_txt .fav_ico input[type="checkbox"]:checked + label::before{background-image:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_save.png')} #wrap .goods_wrap .goods_detail .goods_visual .card_txt .price_ico{position:absolute;top:104px;right:28px;width:32px;height:32px} #wrap .goods_wrap .goods_detail .goods_visual .card_txt .price_ico span{font-size:20px;line-height:20px;display:block;color:#fff;text-align:center;position:relative;padding-top:32px;top:auto;right:auto;transform:rotate(0);font-family:'CircularXXWeb-Medium'} #wrap .goods_wrap .goods_detail .goods_visual .card_txt .price_ico span:before{content:'';width:32px;height:32px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_paddle.png')no-repeat;background-size:contain;position:absolute;top:0;left:0;} #wrap .goods_wrap .goods_detail .goods_visual .card_txt .badge{position:absolute;width:88px;height:88px;border-radius:50%;bottom:138px;left:30px;display:none;display:none} #wrap .goods_wrap .goods_detail .goods_visual .card_txt .badge span{font-size:14px;line-height:1;text-align:center;width:100%;position:absolute;top:50%;transform:translateY(-50%);right:auto;font-family:'CircularXXWeb-Medium'} #wrap .goods_wrap .goods_detail .goods_cont .noti_box{padding:20px 30px 25px;background-color:#f9f9f9;} #wrap .goods_wrap .goods_detail .goods_cont .noti_box p{font-size:12px;line-height:18px;color:#c9a070;letter-spacing:-.3px;} #wrap .goods_wrap .goods_detail .goods_cont .txt_box{padding:40px 32px 20px;} #wrap .goods_wrap .goods_detail .goods_cont .txt_box h3{font-size:15px;line-height:28px;letter-spacing:-.3px;color:#000;margin-bottom:24px} #wrap .goods_wrap .goods_detail .goods_cont .txt_box i{font-size:15px;line-height:28px;letter-spacing:-.3px;color:#999;text-decoration:underline;margin-bottom:56px;font-style:normal;display:block;font-weight:700;} #wrap .goods_wrap .goods_detail .goods_cont .txt_box p{font-size:15px;line-height:28px;letter-spacing:-.3px;color:#666;margin-bottom:20px} #wrap .goods_wrap .goods_detail .goods_cont .txt_box p em{font-size:15px;line-height:28px;letter-spacing:-.3px;color:#999;font-style:normal;} #wrap .goods_wrap .goods_detail .goods_cont .txt_box span{display:inline-block;font-size:12px;line-height:24px;color:#ccc;letter-spacing:-.3px;position:relative;padding-left:20px;margin-top:20px} #wrap .goods_wrap .goods_detail .goods_cont .txt_box span:after{content:'';width:16px;height:16px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_noti_gray.png')no-repeat;background-size:contain;position:absolute;top:4px;left:0;} #wrap .goods_wrap .goods_detail .goods_cont .link_btn, #link_btn01, #link_btn02{display:block;border:1px solid #000;border-radius:27px;line-height:48px;font-size:12px;color:#000;letter-spacing:-.23px;text-align:center;margin:40px 32px 0;} #wrap .goods_wrap .goods_detail.sold_out .goods_visual .card_txt .badge{background-color:#333;display:block} #wrap .goods_wrap .goods_detail.coming_soon .goods_visual .card_txt .badge{background-color:#ffbf17;display:block} #wrap .goods_wrap .goods_detail.sold_out .goods_visual .card_txt .badge span{color:#fff} #wrap .goods_wrap .goods_detail.coming_soon .goods_visual .card_txt .badge span{color:#000} #wrap .goods_wrap .cultuer_goods{padding:118px 32px 103px;background-color:#151515;} #wrap .goods_wrap .cultuer_goods .cultuer_goods_wrap{max-width:400px;margin:0 auto;} #wrap .goods_wrap .cultuer_goods .cultuer_goods_wrap h2{font-size:36px;line-height:44px;letter-spacing:-1px;color:#c9a070;} #wrap .goods_wrap .cultuer_goods .cultuer_goods_wrap p{margin-top:20px;font-size:16px;line-height:24px;letter-spacing:-.3px;color:#fff} #wrap .goods_wrap .cultuer_goods .cultuer_goods_wrap .cultuer_cont{margin-top:40px;position:relative;} #wrap .goods_wrap .cultuer_goods .cultuer_goods_wrap .cultuer_cont a{position:absolute;left:0;width:100%;height:14.58%;} #wrap .goods_wrap .cultuer_goods .cultuer_goods_wrap .cultuer_cont a:nth-child(2){bottom:calc(2.735% + 44.421%);} #wrap .goods_wrap .cultuer_goods .cultuer_goods_wrap .cultuer_cont a:nth-child(3){bottom:calc(2.735% + 29.614%);} #wrap .goods_wrap .cultuer_goods .cultuer_goods_wrap .cultuer_cont a:nth-child(4){bottom:calc(2.735% + 14.807%);} #wrap .goods_wrap .cultuer_goods .cultuer_goods_wrap .cultuer_cont a:nth-child(5){bottom:2.735%;} #wrap .goods_wrap .cultuer_goods .cultuer_goods_wrap .alarm_btn{display:block;margin:50px 20px 0;position:relative;line-height:64px;font-size:16px;color:#000;letter-spacing:-.3px;text-align:center;border-radius:36px;text-indent:38px;font-weight:700;} #wrap .goods_wrap .cultuer_goods .cultuer_goods_wrap .alarm_btn.on{background-color:#999999;} #wrap .goods_wrap .cultuer_goods .cultuer_goods_wrap .alarm_btn.off{background-color:#c9a070;} #wrap .goods_wrap .cultuer_goods .cultuer_goods_wrap .alarm_btn.on:after{content:'';width:32px;height:32px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_bell_on.png')no-repeat;background-size:contain;position:absolute;top:16px;left:50%;transform:translateX(-56px);} #wrap .goods_wrap .cultuer_goods .cultuer_goods_wrap .alarm_btn.off:after{content:'';width:32px;height:32px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_bell_off.png')no-repeat;background-size:contain;position:absolute;top:16px;left:50%;transform:translateX(-56px);} #wrap .goods_wrap .culture_goods{padding:118px 32px 103px;background-color:#151515;} #wrap .goods_wrap .culture_goods .culture_goods_wrap{max-width:400px;margin:0 auto;} #wrap .goods_wrap .culture_goods .culture_goods_wrap h2{font-size:36px;line-height:48px;letter-spacing:-.3px;color:#c9a070;} #wrap .goods_wrap .culture_goods .culture_goods_wrap p{margin-top:24px;font-size:16px;line-height:24px;letter-spacing:-.3px;color:#fff} #wrap .goods_wrap .culture_goods .culture_goods_wrap .culture_cont{margin-top:40px;position:relative;} /* #wrap .goods_wrap .culture_goods .culture_goods_wrap .culture_cont a{position:absolute;left:0;width:100%;height:14.58%;} #wrap .goods_wrap .culture_goods .culture_goods_wrap .culture_cont a:nth-child(2){bottom:calc(1.3% + 54.6%);} #wrap .goods_wrap .culture_goods .culture_goods_wrap .culture_cont a:nth-child(3){bottom:calc(1.3% + 36.4%);} */ #wrap .goods_wrap .culture_goods .culture_goods_wrap .culture_cont a{position:absolute;left:0;width:100%;height:22.6%;} #wrap .goods_wrap .culture_goods .culture_goods_wrap .culture_cont a:nth-child(2){bottom:calc(1.3% + 29.6%);} #wrap .goods_wrap .culture_goods .culture_goods_wrap .culture_cont a:nth-child(3){bottom:calc(1.3% + .8%);} #wrap .goods_wrap .culture_goods .culture_goods_wrap .culture_cont a:nth-child(4){bottom:calc(1.3% + 18.2%)} #wrap .goods_wrap .culture_goods .culture_goods_wrap .culture_cont a:nth-child(5){bottom:1.3%;} #wrap .goods_wrap .culture_goods .culture_goods_wrap .alarm_btn{display:block;margin:50px 20px 0;position:relative;line-height:64px;font-size:16px;color:#000;letter-spacing:-.3px;text-align:center;border-radius:36px;text-indent:38px;font-weight:700;} #wrap .goods_wrap .culture_goods .culture_goods_wrap .alarm_btn.on{background-color:#999999;} #wrap .goods_wrap .culture_goods .culture_goods_wrap .alarm_btn.off{background-color:#c9a070;} #wrap .goods_wrap .culture_goods .culture_goods_wrap .alarm_btn.on:after{content:'';width:32px;height:32px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_bell_on.png')no-repeat;background-size:contain;position:absolute;top:16px;left:50%;transform:translateX(-56px);} #wrap .goods_wrap .culture_goods .culture_goods_wrap .alarm_btn.off:after{content:'';width:32px;height:32px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_bell_off.png')no-repeat;background-size:contain;position:absolute;top:16px;left:50%;transform:translateX(-56px);} #wrap .goods_wrap .culture_goods .culture_goods_wrap .info_cont{margin-top:64px} #wrap .goods_wrap .culture_goods .culture_goods_wrap .info_cont img{margin-top:20px} #wrap .goods_wrap .culture_goods .culture_goods_wrap .info_cont strong{font-size:14px;line-height:24px;color:#c9a070;font-weight:600;letter-spacing:-.3px;margin-bottom:24px;display:block} #wrap .goods_wrap .culture_goods .culture_goods_wrap .info_cont p{font-size:14px;line-height:24px;color:#fff;letter-spacing:-.3px;} /* culture goods detail */ #wrap .goods_wrap .culture_goods_detail{padding:70px 0 156px;} #wrap .goods_wrap .culture_goods_detail .visual_box{padding:32px 0 24px 19px;position:relative;} #wrap .goods_wrap .culture_goods_detail .visual_box h3{font-size:32px;line-height:40px;letter-spacing:-.5px;} #wrap .goods_wrap .culture_goods_detail .visual_box span{font-size:12px;line-height:20px;font-family:'CircularXXWeb-Medium';font-weight:600;transform:rotate(-270deg);position:absolute;top:80px;right:-18px;} #wrap .goods_wrap .culture_goods_detail .visual_box img{width:100%;margin-top:88px} #wrap .goods_wrap .culture_goods_detail .visual_box p{font-size:12px;line-height:24px;letter-spacing:-.26px;margin-top:4px} #wrap .goods_wrap .culture_goods_detail .noti_txt_box{background-color:#fafafa;padding:24px} #wrap .goods_wrap .culture_goods_detail .noti_txt_box p{font-size:14px;line-height:24px;color:#999;letter-spacing:-.3px;padding-left:22px;position:relative;} #wrap .goods_wrap .culture_goods_detail .noti_txt_box p:before{content:'';width:16px;height:16px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_noti_bg_gray.png')no-repeat;background-size:contain;position:absolute;top:4px;left:0;} #wrap .goods_wrap .culture_goods_detail .noti_txt_box ul li{font-size:12px;line-height:20px;color:#999;letter-spacing:-.3px;margin-top:8px} #wrap .goods_wrap .culture_goods_detail .txt_box{padding:20px 24px 0;} #wrap .goods_wrap .culture_goods_detail .txt_box p{font-size:14px;line-height:24px;color:#666;letter-spacing:-.3px;} #wrap .goods_wrap .culture_goods_detail .txt_box p strong{font-size:14px;line-height:24px;color:#000;letter-spacing:-.3px;display:block;} #wrap .goods_wrap .culture_goods_detail .txt_box p em{font-size:14px;line-height:24px;color:#999;letter-spacing:-.3px;display:block;font-style:normal;} #wrap .goods_wrap .culture_goods_detail .txt_box p a{color:#446eff;text-decoration:underline;} #wrap .goods_wrap .culture_goods_detail .color_txt_box{padding:24px 24px 32px;margin:80px 0 40px;} #wrap .goods_wrap .culture_goods_detail .color_txt_box img{width:60px;height:60px;margin-left:-8px;} #wrap .goods_wrap .culture_goods_detail .color_txt_box p{font-size:14px;line-height:24px;letter-spacing:-.3px;color:#fff;margin-top:8px;} #wrap .goods_wrap .culture_goods_detail .txt_box .p-color{font-size:14px;line-height:24px;letter-spacing:-.3px;} #wrap .goods_wrap .culture_goods_detail .txt_box ul{width:100%;margin-top:24px} #wrap .goods_wrap .culture_goods_detail .txt_box ul li{display:block;font-size:14px;line-height:24px;color:#666;letter-spacing:-.3px;margin-bottom:24px} #wrap .goods_wrap .culture_goods_detail .recommend_list{margin:40px 0 0;padding:0 24px;} #wrap .goods_wrap .culture_goods_detail .recommend_list dl{text-align:center;} #wrap .goods_wrap .culture_goods_detail .recommend_list dl dt{font-size:14px;line-height:24px;letter-spacing:-.3px;padding-bottom:16px;border-bottom:1px solid;} #wrap .goods_wrap .culture_goods_detail .recommend_list dl dd{padding:16px;font-size:14px;line-height:24px;color:#666;letter-spacing:-.3px;background-color:#fafafa;} #wrap .goods_wrap .culture_goods_detail .qna_box{margin-top:40px;padding:0 24px;} #wrap .goods_wrap .culture_goods_detail .qna_box dl dt{display:block;font-size:32px;line-height:40px;font-family:'CircularXXWeb-Medium';font-weight:600;} #wrap .goods_wrap .culture_goods_detail .qna_box dl dd{display:block;margin-top:4px;font-size:18px;line-height:28px;letter-spacing:-.3px;} #wrap .goods_wrap .culture_goods_detail .qna_box .a_box{margin-top:16px} #wrap .goods_wrap .culture_goods_detail .qna_box .a_box dd{font-size:14px;line-height:24px;} #wrap .goods_wrap .culture_goods_detail .qna_box .a_box dd a{color:#446eff;text-decoration:underline;} #wrap .goods_wrap .culture_goods_detail .qna_box .a_box dt, #wrap .goods_wrap .culture_goods_detail .qna_box .a_box dd{color:#666} #wrap .goods_wrap .culture_goods_detail.f_1 .visual_box{background-color:#7bccc3;} #wrap .goods_wrap .culture_goods_detail.f_1 .visual_box h3{color:#384543} #wrap .goods_wrap .culture_goods_detail.f_1 .visual_box span{color:#384543} #wrap .goods_wrap .culture_goods_detail.f_1 .visual_box img{margin-top:9px} #wrap .goods_wrap .culture_goods_detail.f_1 .visual_box p{color:#384543} #wrap .goods_wrap .culture_goods_detail.f_1 .color_txt_box{background-color:#7bccc3;margin-top:40px} #wrap .goods_wrap .culture_goods_detail.f_1 .txt_box p{color:#666} #wrap .goods_wrap .culture_goods_detail.f_1 .txt_box .p-color{color:#7bccc3} #wrap .goods_wrap .culture_goods_detail.f_2 .visual_box{background-color:#b19579;} #wrap .goods_wrap .culture_goods_detail.f_2 .visual_box h3{color:#f0e0ca} #wrap .goods_wrap .culture_goods_detail.f_2 .visual_box span{color:#f0e0ca} #wrap .goods_wrap .culture_goods_detail.f_2 .visual_box p{color:#f0e0ca} #wrap .goods_wrap .culture_goods_detail.f_2 .txt_box p{color:#666} #wrap .goods_wrap .culture_goods_detail.f_2 .recommend_list dl dt{color:#b19579;border-color:#b19579} #wrap .goods_wrap .culture_goods_detail.f_2 .qna_box .q_box dt, #wrap .goods_wrap .culture_goods_detail.f_2 .qna_box .q_box dd{color:#b19579} #wrap .goods_wrap .culture_goods_detail.f_2 .color_txt_box{background-color:#b19579;} #wrap .goods_wrap .culture_goods_detail.f_2 .txt_box .p-color{color:#b19579} #wrap .goods_wrap .culture_goods_detail.f_3 .visual_box{background-color:#e78e86;} #wrap .goods_wrap .culture_goods_detail.f_3 .visual_box h3{color:#fffcd9} #wrap .goods_wrap .culture_goods_detail.f_3 .visual_box span{color:#fffcd9} #wrap .goods_wrap .culture_goods_detail.f_3 .visual_box img{margin-top:48px} #wrap .goods_wrap .culture_goods_detail.f_3 .visual_box p{color:#fffcd9} #wrap .goods_wrap .culture_goods_detail.f_3 .txt_box p{color:#666} #wrap .goods_wrap .culture_goods_detail.f_3 .recommend_list dl dt{color:#e78e86;border-color:#e78e86} #wrap .goods_wrap .culture_goods_detail.f_3 .qna_box .q_box dt, #wrap .goods_wrap .culture_goods_detail.f_3 .qna_box .q_box dd{color:#e78e86} #wrap .goods_wrap .culture_goods_detail.f_3 .color_txt_box{background-color:#e78e86;} #wrap .goods_wrap .culture_goods_detail.f_3 .txt_box .p-color{color:#e78e86} #wrap .goods_wrap .culture_goods_detail.f_4 .visual_box{background-color:#742f26;} #wrap .goods_wrap .culture_goods_detail.f_4 .visual_box h3{color:#fcd3c1} #wrap .goods_wrap .culture_goods_detail.f_4 .visual_box span{color:#fcd3c1} #wrap .goods_wrap .culture_goods_detail.f_4 .visual_box p{color:#fcd3c1} #wrap .goods_wrap .culture_goods_detail.f_4 .txt_box p{color:#666} #wrap .goods_wrap .culture_goods_detail.f_4 .recommend_list dl dt{color:#742f26;border-color:#742f26} #wrap .goods_wrap .culture_goods_detail.f_4 .qna_box .q_box dt, #wrap .goods_wrap .culture_goods_detail.f_4 .qna_box .q_box dd{color:#742f26} #wrap .goods_wrap .culture_goods_detail.f_4 .color_txt_box{background-color:#742f26;} #wrap .goods_wrap .culture_goods_detail.f_4 .txt_box .p-color{color:#742f26} /* info */ #wrap .info_list{padding:70px 24px 34px} #wrap .info_list ul li{padding:16px 0;border-bottom:1px solid #eee;} #wrap .info_list ul li a{display:block;padding-right:24px;position:relative;} #wrap .info_list ul li a:after{content:'';width:24px;height:24px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_arr.png')no-repeat;background-size:contain;position:absolute;top:50%;right:-8px;transform:translateY(-50%);} #wrap .info_list ul li a span{display:block;font-size:12px;line-height:20px;color:#888;letter-spacing:-.3px;} #wrap .info_list ul li a strong{display:block;font-size:14px;line-height:20px;color:#000;letter-spacing:-.3px;} #wrap .info_list .info_more{display:block;width:100%;line-height:46px;border:1px solid #ddd;text-align:center;font-size:14px;color:#999;letter-spacing:-.3px;margin-top:20px;border-radius:27px;box-sizing:border-box;} #wrap .info_detail{padding:70px 0 34px} #wrap .info_detail dl dt{display:block;;padding:16px 24px 0} #wrap .info_detail dl dt .tit_box{border-bottom:1px solid #eee;padding-bottom:16px;} #wrap .info_detail dl dt .tit_box span{display:block;font-size:12px;line-height:20px;color:#888;letter-spacing:-.3px;} #wrap .info_detail dl dt .tit_box strong{display:block;font-size:14px;line-height:20px;color:#000;letter-spacing:-.3px;} #wrap .info_detail dl dd{display:block;width:100%;padding-top:24px} #wrap .info_detail dl dd .txt_box{padding:24px} #wrap .info_detail dl dd .txt_box:first-child{padding-top:0} #wrap .info_detail dl dd .txt_box:last-child{padding-bottom:0} #wrap .info_detail dl dd .txt_box p{font-size:14px;line-height:24px;letter-spacing:-.3px;color:#666;margin-bottom:20px} #wrap .info_detail dl dd .txt_box p strong{display:block;font-size:14px;line-height:24px;letter-spacing:-.3px;color:#000;margin:50px 0 24px} #wrap .info_detail dl dd .txt_box p span{display:block;font-size:12px;line-height:24px;letter-spacing:-.3px;color:#999} #wrap .info_detail dl dd .txt_box p span a{color:#999} #wrap .info_detail dl dd .txt_box p a{color:#666} #wrap .info_detail dl dd .txt_box p:last-child{margin-bottom:0} #wrap .info_detail dl dd .txt_box p img{width:100% !important;} #wrap .info_detail .info_back{display:block;width:calc(100% - 64px);line-height:46px;border:1px solid #ddd;text-align:center;font-size:14px;color:#999;letter-spacing:-.3px;margin:40px auto 0;border-radius:27px;box-sizing:border-box;} #wrap .policy_wrap .policy_cont{padding:138px 24px 34px;} #wrap .policy_wrap .policy_cont p{font-size:12px;line-height:20px;color:#666;letter-spacing:-.3px;} #wrap .policy_wrap .policy_cont p.ver-box{margin-top:40px} #wrap .policy_wrap .policy_cont p.ver-box a{color:#314fff;text-decoration:underline;display:block} /* faq */ #wrap .faq_wrap{padding-top:70px} #wrap .faq_wrap .faq_sort{padding:0 24px;position:relative;} #wrap .faq_wrap .faq_sort .select_btn{width:90px;line-height:48px;font-size:14px;color:#000;letter-spacing:-.3px;text-align:left;position:relative} #wrap .faq_wrap .faq_sort .select_btn.on:after{transform: rotate(-180deg);} #wrap .faq_wrap .faq_sort .select_btn:after{content:'';width:24px;height:24px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_updown_dark.png')no-repeat;background-size:contain;position:absolute;top:12px;right:0;transition: all .2s ease-in-out} #wrap .faq_wrap .faq_sort .select_box{position:absolute;top:48px;left:0;z-index:10;display:none;} #wrap .faq_wrap .faq_sort .select_box.open{display: block;} #wrap .faq_wrap .faq_sort .select_box li button{width:90px;line-height:48px;font-size:14px;color:#000;letter-spacing:-.3px;text-align:left;background-color:#fff;display:block;padding:0 36px 0 24px;background-color:#f5f5f5;} #wrap .faq_wrap .faq_list{margin-top:1px} #wrap .faq_wrap .faq_list dl{position:relative;} #wrap .faq_wrap .faq_list dl:after{content:'';width:calc(100% - 48px);height:1px;background-color:#eee;position:absolute;left:24px;bottom:0} #wrap .faq_wrap .faq_list dl dt:after{content:'';width:24px;height:24px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_updown.png')no-repeat;background-size:contain;position:absolute;right:16px;top:24px;transition: all .2s ease-in-out} #wrap .faq_wrap .faq_list dl dt.open:after{transform: rotate(-180deg)} #wrap .faq_wrap .faq_list dl dt{width:auto;padding:16px 24px;} #wrap .faq_wrap .faq_list dl dt span{display:block;font-size:12px;line-height:20px;color:#888;} #wrap .faq_wrap .faq_list dl dt strong{display:block;font-size:14px;line-height:20px;color:#000;position:relative;word-break:keep-all;padding-right:24px;} #wrap .faq_wrap .faq_list dl dd{width:auto;display:none;padding:24px;background-color:#f9f9f9;} #wrap .faq_wrap .faq_list dl dd p{font-size:14px;line-height:24px;color:#666;position:relative;word-break:keep-all;} /* sign in & up */ #wrap .sign_in_up_wrap{min-height:644px;position:relative;padding-top:70px} #wrap .sign_in_up_wrap .login_wrap{padding:0 24px;margin-bottom:36px} #wrap .sign_in_up_wrap .login_wrap .inp_box{margin-bottom:8px;} #wrap .sign_in_up_wrap .login_wrap .inp_box input{display:block;width:100%;height:48px;border:1px solid #ddd;box-sizing:border-box;padding:12px;font-size:14px;line-height:24px;color:#000;letter-spacing:-.3px;} #wrap .sign_in_up_wrap .login_wrap .more_login_box{margin-top:12px;} #wrap .sign_in_up_wrap .login_wrap .more_login_box .auto_login{display:inline-block;width:90px;vertical-align:top} #wrap .sign_in_up_wrap .login_wrap .more_login_box .auto_login input{border:0;padding:0;font-size:0;line-height:inherit;color:transparent;letter-spacing:0;width:0 !important} #wrap .sign_in_up_wrap .login_wrap .more_login_box .auto_login input[type="checkbox"] + label::before{display:inline-block;content:"";width:24px;height:24px;border:1px solid #eee;margin-right:8px;box-sizing:border-box;} #wrap .sign_in_up_wrap .login_wrap .more_login_box .auto_login input[type="checkbox"]:checked + label::before{background-color:transparent;background-image:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_chk_black.png');background-size:24px;background-repeat:no-repeat;background-position:center center;border:0} #wrap .sign_in_up_wrap .login_wrap .more_login_box .auto_login label{display:inline-block;} #wrap .sign_in_up_wrap .login_wrap .more_login_box .auto_login label span{display:inline-block;line-height:24px;font-size:12px;color:#000;vertical-align:top;letter-spacing:-.5px;} #wrap .sign_in_up_wrap .login_wrap .more_login_box .more_info{display:inline-block;width:calc(100% - 92px);vertical-align:top;text-align:right;} #wrap .sign_in_up_wrap .login_wrap .more_login_box .more_info a{display:inline-block;font-size:12px;color:#999;line-height:24px;letter-spacing:-.5px;margin-left:16px;} #wrap .sign_in_up_wrap .login_wrap .more_login_box .more_info a:first-child{margin-left:0;} #wrap .sign_in_up_wrap .sns_login_wrap{padding:0 24px;} #wrap .sign_in_up_wrap .sns_login_wrap ul li{border-bottom:1px solid #eee;} #wrap .sign_in_up_wrap .sns_login_wrap ul li:last-child{border-bottom:0} #wrap .sign_in_up_wrap .sns_login_wrap ul li a{padding:18px 0 16px 48px;display:block;font-size:14px;color:#000;letter-spacing:-.3px;line-height:20px;position:relative;} #wrap .sign_in_up_wrap .sns_login_wrap ul li a:after{content:'';width:30px;height:30px;background-size:contain;background-repeat:no-repeat;position:absolute;top:12px;left:8px} #wrap .sign_in_up_wrap .sns_login_wrap ul li.sns_naver a:after{background-image:url('https://kr.object.ncloudstorage.com/kanu/uploads/sns_naver.png');} #wrap .sign_in_up_wrap .sns_login_wrap ul li.sns_kakao a:after{background-image:url('https://kr.object.ncloudstorage.com/kanu/uploads/sns_kakao.png');} #wrap .sign_in_up_wrap .sns_login_wrap ul li.sns_facebook a:after{background-image:url('https://kr.object.ncloudstorage.com/kanu/uploads/sns_facebook.png');} #wrap .sign_in_up_wrap .sns_login_wrap ul li.sns_google a:after{background-image:url('https://kr.object.ncloudstorage.com/kanu/uploads/sns_google.png');} #wrap .sign_in_up_wrap .sns_login_wrap ul li.sns_apple a:after{background-image:url('https://kr.object.ncloudstorage.com/kanu/uploads/sns_apple.png');} #wrap .sign_in_up_wrap .sns_login_wrap ul li.sns_normal a:after{background-image:url('https://kr.object.ncloudstorage.com/kanu/uploads/sns_normal.png');} #wrap .sign_in_up_wrap .noti_box{text-align:center;font-size:14px;line-height:24px;letter-spacing:-.3px;color:#999;font-weight:700;width:100%;position:absolute;bottom:44px;left:0;} #wrap .sign_in_up_wrap .noti_box a{display:inline-block;color:#000} #wrap .sign_in_up_wrap .submit_box .noti_box{width:100%;position:relative;bottom:auto;left:auto} #wrap .sign_in_up_wrap .sign_up{padding:0 24px 40px} /* #wrap .sign_in_up_wrap .sign_up .sign_up_box:nth-child(2){padding-bottom:40px} */ #wrap .sign_in_up_wrap .sign_up .sign_up_box h3{font-size:16px;line-height:24px;padding:20px 0 18px;border-bottom:2px solid #333;color:#000;letter-spacing:-.3px;} /* #wrap .sign_in_up_wrap .sign_up .sign_up_box .inp_box{padding-bottom:22px;} */ #wrap .sign_in_up_wrap .sign_up .sign_up_box .recommended_txt_box{padding:20px 24px;background-color:#f7f7f7;text-align:center;margin:20px 0;} #wrap .sign_in_up_wrap .sign_up .sign_up_box .recommended_txt_box p{font-size:14px;line-height:20px;letter-spacing:-.3px;color:#999;} #wrap .sign_in_up_wrap .sign_up .sign_up_box .inp_box:last-child{border-bottom:0} #wrap .sign_in_up_wrap .sign_up .sign_up_box .inp_box h4{font-size:14px;line-height:22px;color:#999;letter-spacing:-.3px;padding:20px 0 8px;} #wrap .sign_in_up_wrap .sign_up .sign_up_box .inp_box .value_box{width:100%;position:relative} #wrap .sign_in_up_wrap .sign_up .sign_up_box .inp_box .value_box:after{content:'';width:24px;height:24px;position:absolute;top:12px;right:16px;} #wrap .sign_in_up_wrap .sign_up .sign_up_box .inp_box .value_box.success:after{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_chk_green.png')no-repeat;background-size:contain;} #wrap .sign_in_up_wrap .sign_up .sign_up_box .inp_box .value_box.fail:after{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_chk_red.png')no-repeat;background-size:contain;} #wrap .sign_in_up_wrap .sign_up .sign_up_box .inp_box input{display:block;width:100%;height:48px;border:1px solid #ddd;box-sizing:border-box;padding:12px 56px 12px 12px;font-size:16px;line-height:24px;color:#000;letter-spacing:-.3px;margin-bottom:8px} #wrap .sign_in_up_wrap .sign_up .sign_up_box .inp_box span{display:block;font-size:12px;line-height:16px;padding:2px 0;letter-spacing:-.3px;color:#bbb;} #wrap .sign_in_up_wrap .sign_up .sign_up_box .inp_box span.alert_txt{color:#ff4d5b} #wrap .sign_in_up_wrap .sign_up .sign_up_box .inp_box span.alert_txt.success{color:#2be028} #wrap .sign_in_up_wrap .sign_up .sign_up_box .inp_box span.alert_txt_f.fail, #wrap .sign_in_up_wrap .sign_up .sign_up_box .inp_box span.alert_txt_r.fail{color:#ff4d5b;margin-bottom:8px} #wrap .sign_in_up_wrap .sign_up .sign_up_box .inp_box span.alert_txt_f.success, #wrap .sign_in_up_wrap .sign_up .sign_up_box .inp_box span.alert_txt_r.success{color:#2be028;margin-bottom:8px} #wrap .sign_in_up_wrap .sign_up .sign_up_box .inp_box .btn_inp_box{margin-bottom:8px;position:relative} #wrap .sign_in_up_wrap .sign_up .sign_up_box .inp_box .btn_inp_box input{display:block;width:100%;height:48px;border:1px solid #ddd;box-sizing:border-box;padding:12px 92px 12px 12px;font-size:16px;line-height:24px;color:#000;letter-spacing:-.3px;margin-bottom:0} #wrap .sign_in_up_wrap .sign_up .sign_up_box .inp_box .btn_inp_box button{position:absolute;width:80px;line-height:36px;text-align:center;color:#fff;font-size:12px;background-color:#000;top:6px;right:6px;z-index:10;} #wrap .sign_in_up_wrap .sign_up .sign_up_box .inp_box .btn_inp_box p{font-size:12px;line-height:16px;color:#000;letter-spacing:-.3px;margin:4px 0} #wrap .sign_in_up_wrap .sign_up .sign_up_box .inp_box .alert_txt_red{display:block;font-size:12px;line-height:16px;color:#ff4d5b;letter-spacing:-.3px;margin:2px 0 8px;} #wrap .sign_in_up_wrap .sign_up .sign_up_box .inp_box .alert_txt.gray_txt{color:#bbb} #wrap .sign_in_up_wrap .sign_up .sign_up_box .inp_box input[type="radio"]{border:0;padding:0;font-size:0;line-height:inherit;color:transparent;letter-spacing:0;margin:0;display:none;} #wrap .sign_in_up_wrap .sign_up .sign_up_box .inp_box input[type="radio"] + label::before{display:inline-block;content:"";width:24px;height:24px;border-radius:50%;border:2px solid #eee;box-sizing:border-box} #wrap .sign_in_up_wrap .sign_up .sign_up_box .inp_box input[type="radio"] + label span{display:inline-block;padding:2px 0 0 10px} #wrap .sign_in_up_wrap .sign_up .sign_up_box .inp_box input[type="radio"]:checked + label::before{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_radio.png')no-repeat;background-size:contain;border:0;} #wrap .sign_in_up_wrap .sign_up .sign_up_box .inp_box label{position:relative;display:inline-block;font-size:0;line-height:24px;height:24px} #wrap .sign_in_up_wrap .sign_up .sign_up_box .inp_box label span{margin:0 20px 0 0;font-size:12px;line-height:24px;vertical-align:6px;color:#999} #wrap .sign_in_up_wrap .sign_up .sign_up_box .inp_box input[type="radio"]:checked + label span{color:#000} #wrap .sign_in_up_wrap .sign_up .sign_up_box .all_agree{padding:20px 0;border-bottom:1px solid #eee} #wrap .sign_in_up_wrap .sign_up .sign_up_box .all_agree input{border:0;padding:0;font-size:0;line-height:inherit;color:transparent;letter-spacing:0;width:0 !important} #wrap .sign_in_up_wrap .sign_up .sign_up_box .all_agree input[type="checkbox"] + label::before{display:inline-block;content:"";width:24px;height:24px;border:2px solid #000;box-sizing:border-box;margin-right:8px;} #wrap .sign_in_up_wrap .sign_up .sign_up_box .all_agree input[type="checkbox"]:checked + label::before{background-image:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_chk_black.png');background-size:24px;background-repeat:no-repeat;background-position:center center} #wrap .sign_in_up_wrap .sign_up .sign_up_box .all_agree label{display:inline-block;} #wrap .sign_in_up_wrap .sign_up .sign_up_box .all_agree label span{display:inline-block;line-height:24px;font-size:12px;color:#000;vertical-align:top;letter-spacing:-.3px;} #wrap .sign_in_up_wrap .sign_up .sign_up_box .agree_cont{margin-top:8px;} #wrap .sign_in_up_wrap .sign_up .sign_up_box .agree_cont .agree_box{padding:12px 0;} #wrap .sign_in_up_wrap .sign_up .sign_up_box .agree_cont .agree_box .left_box{display:inline-block;width:calc(100% - 70px);vertical-align:top;} #wrap .sign_in_up_wrap .sign_up .sign_up_box .agree_cont .agree_box .left_box input{border:0;padding:0;font-size:0;line-height:inherit;color:transparent;letter-spacing:0;width:0 !important} #wrap .sign_in_up_wrap .sign_up .sign_up_box .agree_cont .agree_box .left_box input[type="checkbox"] + label::before{display:inline-block;content:"";width:24px;height:24px;border:2px solid #000;box-sizing:border-box;position:absolute;top:0;left:0} #wrap .sign_in_up_wrap .sign_up .sign_up_box .agree_cont .agree_box .left_box input[type="checkbox"]:checked + label::before{background-image:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_chk_black.png');background-size:24px;background-repeat:no-repeat;background-position:center center} #wrap .sign_in_up_wrap .sign_up .sign_up_box .agree_cont .agree_box .left_box label{display:inline-block;position:relative;} #wrap .sign_in_up_wrap .sign_up .sign_up_box .agree_cont .agree_box .left_box label span{display:inline-block;line-height:24px;font-size:12px;color:#000;vertical-align:top;letter-spacing:-.3px;padding-left:32px;} #wrap .sign_in_up_wrap .sign_up .sign_up_box .agree_cont .agree_box .left_box label span em{display:inline-block;color:#ff1a77;font-style:normal;margin-right:4px;} #wrap .sign_in_up_wrap .sign_up .sign_up_box .agree_cont .agree_box .left_box label span em.gray_txt{color:#999} #wrap .sign_in_up_wrap .sign_up .sign_up_box .agree_cont .agree_box .right_box{display:inline-block;width:70px;vertical-align:top;} #wrap .sign_in_up_wrap .sign_up .sign_up_box .agree_cont .agree_box .right_box a{position:relative;display:block;font-size:12px;line-height:24px;color:#999;letter-spacing:-.3px;padding-right:17px;text-align:right;} #wrap .sign_in_up_wrap .sign_up .sign_up_box .agree_cont .agree_box .right_box a:after{content:'';width:24px;height:24px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_arr.png')no-repeat;background-size:contain;position:absolute;top:0;right:-7px} #wrap .sign_up_finish{text-align:center;position:relative;padding:0 24px;height:100vh;} #wrap .sign_up_finish h2{font-size:28px;line-height:40px;letter-spacing:-.3px;color:#000;padding-top:calc(100vh - 486px);} #wrap .sign_up_finish h2 button{width: 160px;position: relative;bottom: auto;left: auto;margin: 32px auto 0;} #wrap .sign_up_finish .banner_box{position:absolute;bottom:54px;left:24px;width:calc(100% - 48px);} #wrap .sign_up_finish .banner_box.emoti a{background-color:#1d5fff;} #wrap .sign_up_finish .banner_box.ship a{background-color:#c9a070;} #wrap .sign_up_finish .banner_box a{display:block;padding:24px;border-radius:8px;text-align:left;position:relative;} #wrap .sign_up_finish .banner_box.emoti a:before{content:'';position:absolute;width:120px;height:120px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/emoticon_img.png')no-repeat;background-size:contain;top:0;right:20px;} #wrap .sign_up_finish .banner_box.ship a:before{content:'';position:absolute;width:120px;height:120px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/goodsico_img.png')no-repeat;background-size:contain;top:0;right:24px;} #wrap .sign_up_finish .banner_box a p{font-size:16px;line-height:24px;color:#fff;letter-spacing:-.3px;font-weight:700;} #wrap .sign_up_finish .banner_box a span{display:inline-block;margin-top:8px;font-size:12px;line-height:16px;color:#fff;letter-spacing:-.3px;position:relative;padding-right:16px;} #wrap .sign_up_finish .banner_box a span:before{content:'';width:16px;height:16px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_arr_w.png')no-repeat;background-size:contain;position:absolute;top:1px;right:0;} #wrap .sign_in_up_wrap .find_id{padding:0 24px;} #wrap .sign_in_up_wrap .find_id .inp_box h4{font-size:14px;line-height:22px;color:#999;letter-spacing:-.3px;padding:20px 0 8px;} #wrap .sign_in_up_wrap .find_id .inp_box > input{display:block;width:100%;height:48px;border:1px solid #ddd;box-sizing:border-box;padding:12px;font-size:14px;line-height:24px;color:#000;letter-spacing:-.3px} #wrap .sign_in_up_wrap .find_id .inp_box .btn_inp_box{margin-bottom:8px;position:relative} #wrap .sign_in_up_wrap .find_id .inp_box .btn_inp_box input{display:block;width:100%;height:48px;border:1px solid #ddd;box-sizing:border-box;padding:12px 92px 12px 12px;font-size:14px;line-height:24px;color:#000;letter-spacing:-.3px} #wrap .sign_in_up_wrap .find_id .inp_box .btn_inp_box:after{content:'';width:24px;height:24px;position:absolute;top:12px;right:98px;} #wrap .sign_in_up_wrap .find_id .inp_box .btn_inp_box.success:after{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_chk_green.png')no-repeat;background-size:contain;} #wrap .sign_in_up_wrap .find_id .inp_box .btn_inp_box.fail:after{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_chk_red.png')no-repeat;background-size:contain;} #wrap .sign_in_up_wrap .find_id .inp_box .btn_inp_box span.alert_txt{color:#ff4d5b} #wrap .sign_in_up_wrap .find_id .inp_box .btn_inp_box span.alert_txt.success{color:#2be028} #wrap .sign_in_up_wrap .find_id .inp_box .btn_inp_box button{position:absolute;width:80px;line-height:36px;text-align:center;color:#fff;font-size:12px;background-color:#000;top:6px;right:6px;z-index:10;} #wrap .sign_in_up_wrap .find_id .inp_box .btn_inp_box p{font-size:12px;line-height:16px;color:#000;letter-spacing:-.3px;margin:4px 0} #wrap .sign_in_up_wrap .find_id .inp_box .alert_txt{display:block;font-size:12px;line-height:16px;color:#ff4d5b;letter-spacing:-.3px;margin:2px 0 8px;} #wrap .sign_in_up_wrap .find_result .find_result_box{text-align:center;padding:40px 0 46px;background-color:#f9f9f9} #wrap .sign_in_up_wrap .find_result .find_result_box p{font-size:14px;line-height:24px;color:#666;letter-spacing:-.3px;} #wrap .sign_in_up_wrap .find_result .find_result_box strong{font-size:24px;line-height:32px;letter-spacing:-.3px;color:#000;display:block;margin-top:10px} #wrap .sign_in_up_wrap .find_result .submit_btn{width:100%;margin:24px auto 0;} #wrap .policy_wrap .policy_pop{border-radius:20px 20px 0 0;background-color:#fff;padding:17px 24px;position:fixed;bottom:0;left:0;z-index:200;height:0;box-sizing:border-box;transition:.5s;} #wrap .policy_wrap .policy_pop h3{font-size:16px;line-height:32px;text-align:center;color:#000;background-color:#fff;padding-bottom:20px} #wrap .policy_wrap .policy_pop .scroll_box{overflow:hidden;overflow-y:scroll;height:100%} #wrap .policy_wrap .policy_pop .scroll_box p{font-size:12px;color:#666;letter-spacing:-.3px;line-height:20px;padding-bottom:150px;} #wrap .policy_wrap .policy_pop .scroll_box .close_btn{width:54px;height:54px;position:absolute;top:8px;right:16px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_close.png')no-repeat;background-size:contain;z-index:300;} #wrap #agreement_pop.policy_wrap .policy_pop .scroll_box .ver-box{display:none;} /* my page */ #wrap .mypage_wrap{padding:70px 24px 34px;} #wrap .mypage_wrap .mypage_box{margin-top:40px;position:relative;} #wrap .mypage_wrap .mypage_box:first-child{margin-top:0;} #wrap .mypage_wrap .mypage_box h3{font-size:16px;line-height:24px;padding:20px 0 18px;border-bottom:2px solid #333;color:#000;letter-spacing:-.3px;} #wrap .mypage_wrap .mypage_box .inp_box h4{font-size:14px;line-height:22px;color:#999;letter-spacing:-.3px;padding:20px 0 8px;} #wrap .mypage_wrap .mypage_box .inp_box input{display:block;width:100%;height:48px;border:1px solid #ddd;box-sizing:border-box;padding:12px;font-size:16px;line-height:24px;color:#000;letter-spacing:-.3px;margin-bottom:8px} #wrap .mypage_wrap .mypage_box .all_agree {padding:0 0 2px} #wrap .mypage_wrap .mypage_box .all_agree input{border:0;padding:0;font-size:0;line-height:inherit;color:transparent;letter-spacing:0;width:0 !important} #wrap .mypage_wrap .mypage_box .all_agree input[type="checkbox"] + label::before{display:inline-block;content:"";width:24px;height:24px;border:2px solid #000;box-sizing:border-box;margin-right:8px;} #wrap .mypage_wrap .mypage_box .all_agree input[type="checkbox"]:checked + label::before{background-image:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_chk_black.png');background-size:24px;background-repeat:no-repeat;background-position:center center} #wrap .mypage_wrap .mypage_box .all_agree label{display:inline-block;} #wrap .mypage_wrap .mypage_box .all_agree label span{display:inline-block;line-height:24px;font-size:12px;color:#000;vertical-align:top;letter-spacing:-.3px;font-weight:700;} #wrap .mypage_wrap .mypage_box .agree_box{padding:22px 0;border-bottom:1px solid #eee} #wrap .mypage_wrap .mypage_box .agree_box .left_box{display:inline-block;width:calc(100% - 70px);vertical-align:top;} #wrap .mypage_wrap .mypage_box .agree_box .left_box input{border:0;padding:0;font-size:0;line-height:inherit;color:transparent;letter-spacing:0;width:0 !important} #wrap .mypage_wrap .mypage_box .agree_box .left_box input[type="checkbox"] + label::before{display:inline-block;content:"";width:24px;height:24px;border:2px solid #000;box-sizing:border-box;position:absolute;top:0;left:0;} #wrap .mypage_wrap .mypage_box .agree_box .left_box input[type="checkbox"]:checked + label::before{background-image:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_chk_black.png');background-size:24px;background-repeat:no-repeat;background-position:center center} #wrap .mypage_wrap .mypage_box .agree_box .left_box label{display:inline-block;position:relative;padding-left:32px;} #wrap .mypage_wrap .mypage_box .agree_box .left_box label span{display:inline-block;line-height:24px;font-size:12px;color:#000;vertical-align:top;letter-spacing:-.3px;} #wrap .mypage_wrap .mypage_box .agree_box .left_box label span em{display:inline-block;color:#ff1a77;font-style:normal;margin-right:4px;} #wrap .mypage_wrap .mypage_box .agree_box .left_box label span em.gray_txt{color:#999} #wrap .mypage_wrap .mypage_box .agree_box .right_box{display:inline-block;width:70px;vertical-align:top;} #wrap .mypage_wrap .mypage_box .agree_box .right_box a{position:relative;display:block;font-size:12px;line-height:24px;color:#999;letter-spacing:-.3px;padding-right:17px;text-align:right;} #wrap .mypage_wrap .mypage_box .agree_box .right_box a:after{content:'';width:24px;height:24px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_arr.png')no-repeat;background-size:contain;position:absolute;top:0;right:-7px} #wrap .mypage_wrap .mypage_box .inp_box .btn_inp_box{margin-bottom:8px;position:relative} #wrap .mypage_wrap .mypage_box .inp_box .btn_inp_box input{display:block;width:100%;height:48px;border:1px solid #ddd;box-sizing:border-box;padding:12px 92px 12px 12px;font-size:16px;line-height:24px;color:#000;letter-spacing:-.3px;margin-bottom:0} #wrap .mypage_wrap .mypage_box .inp_box .btn_inp_box input::selection {background-color:transparent;color:#bbb} #wrap .mypage_wrap .mypage_box .inp_box .btn_inp_box input:focus-visible{outline:none;} #wrap .mypage_wrap .mypage_box .inp_box .btn_inp_box button{position:absolute;width:80px;line-height:36px;text-align:center;color:#fff;font-size:12px;background-color:#000;top:6px;right:6px;z-index:10;} #wrap .mypage_wrap .mypage_box .inp_box span{display: block;font-size: 12px;line-height: 16px;padding: 2px 0;letter-spacing: -.3px;color: #bbb;} #wrap .mypage_wrap .mypage_box .inp_box .alert_txt{display:block;font-size:12px;line-height:16px;color:#ff4d5b;letter-spacing:-.3px;margin:2px 0 8px;} #wrap .mypage_wrap .mypage_box .inp_box .alert_txt.gray_txt{color:#bbb} #wrap .mypage_wrap .mypage_box .inp_box .alert_txt_red{display:block;font-size:12px;line-height:16px;color:#ff4d5b;letter-spacing:-.3px;margin:2px 0 8px;} #wrap .mypage_wrap .mypage_box .inp_box .alert_txt_red.success{color:#2be028} #wrap .mypage_wrap .mypage_box .inp_box .gender_box input[type="radio"]{border:0;padding:0;font-size:0;line-height:inherit;color:transparent;letter-spacing:0;margin:0;display:none;} #wrap .mypage_wrap .mypage_box .inp_box .gender_box input[type="radio"] + label::before{display:inline-block;content:"";width:24px;height:24px;border-radius:50%;border:2px solid #eee;box-sizing:border-box} #wrap .mypage_wrap .mypage_box .inp_box .gender_box input[type="radio"] + label span{display:inline-block;padding:2px 0 0 10px} #wrap .mypage_wrap .mypage_box .inp_box .gender_box input[type="radio"]:checked + label::before{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_radio.png')no-repeat;background-size:contain;border:0;} #wrap .mypage_wrap .mypage_box .inp_box .gender_box label{position:relative;display:inline-block;font-size:0;line-height:24px;height:24px} #wrap .mypage_wrap .mypage_box .inp_box .gender_box label span{margin:0 20px 0 0;font-size:12px;line-height:24px;vertical-align:6px;color:#999} #wrap .mypage_wrap .mypage_box .inp_box .gender_box input[type="radio"]:checked + label span{color:#000} #wrap .mypage_wrap .mypage_box .inp_box.push_box{padding:16px 0;border-bottom:1px solid #eee} #wrap .mypage_wrap .mypage_box .inp_box.push_box span{display:inline-block;width:calc(100% - 55px);vertical-align:top;font-size:14px;line-height:32px;letter-spacing:-.3px;color:#000;} #wrap .mypage_wrap .mypage_box .inp_box.push_box.disabled span{color:#bbb} #wrap .mypage_wrap .mypage_box .inp_box.push_box:nth-child(4){border-bottom:1px solid #333} #wrap .mypage_wrap .mypage_box .inp_box .push-toggle-box{display:inline-block;width:55px;vertical-align:top;text-align:right} #wrap .mypage_wrap .mypage_box .inp_box .push-toggle-box input {position: absolute; width: 1px; height: 1px; border: 0; overflow: hidden; clip: rect(0, 0, 0, 0);margin:0;padding:0;letter-spacing:0;line-height:0;font-size:0} #wrap .mypage_wrap .mypage_box .inp_box .push-toggle-box label {position: relative; display: inline-block; user-select: none; -moz-transition: 0.4s ease; -o-transition: 0.4s ease; -webkit-transition: 0.4s ease; transition: 0.4s ease; -webkit-tap-highlight-color: transparent; height:32px; width:54px;border-radius:16px;} #wrap .mypage_wrap .mypage_box .inp_box.disabled .push-toggle-box label::before{background-color:#eee;} #wrap .mypage_wrap .mypage_box .inp_box .push-toggle-box label::before {content: ''; position: absolute; display: block; -moz-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1); -o-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1); -webkit-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1); transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);height:32px;width:54px;top:0;left:0;border-radius:16px;background-color:#ccc;} #wrap .mypage_wrap .mypage_box .inp_box .push-toggle-box label::after {content: ''; position: absolute; display: block; -moz-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1); -o-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1); -webkit-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1); transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);background:#fff;height:28px;width:28px;top:2px;left:2px;border-radius:50%} #wrap .mypage_wrap .mypage_box .inp_box .push-toggle-box input:checked + label::before {background-color: #c9a070;} #wrap .mypage_wrap .mypage_box .inp_box .push-toggle-box input:checked + label::after {left:24px;} #wrap .mypage_wrap .mypage_box .withdrawal_link{display:inline-block;font-size:14px;line-height:22px;border-bottom:1px solid #000;color:#000;letter-spacing:-.3px;margin-top:40px;font-weight:700;} #wrap .mypage_wrap .mypage_box .noti_pop{position:absolute;top:62px;left:-24px;width:calc(100% + 48px);} #wrap .mypage_wrap .mypage_box .noti_pop:after{content: '';width:0px;height:0px;border-bottom:10px solid #1d5fff;border-right:6px solid transparent;border-left:6px solid transparent;position:absolute;top:-10px;left:46px} #wrap .mypage_wrap .mypage_box .noti_pop a{display:block;background-color:#1d5fff;padding:16px 24px;width:100%;box-sizing:border-box;} #wrap .mypage_wrap .mypage_box .noti_pop a p{font-size:12px;line-height:18px;color:#fff;letter-spacing:-.3px;display:inline-block;width:calc(100% - 122px);} #wrap .mypage_wrap .mypage_box .noti_pop img{width:120px;position:absolute;bottom:0;right:24px} #wrap .mypage_wrap .submit_btn.mypage_btn{position: relative;bottom: auto;left: auto;width: 100%;margin-top: 40px;} /* menu */ #wrap .menu_wrap{padding-top:70px} #wrap .menu_wrap .menu_header{background-color:#fff;} #wrap .menu_wrap .menu_header .head_cont{padding:24px 0;position:relative} #wrap .menu_wrap .menu_header .head_cont h1{width:86px;height:22px;} #wrap .menu_wrap .menu_header .head_cont h1 img{width:100%;} #wrap .menu_wrap .menu_header .my_info_cont .noti_box{margin-bottom:20px;padding:20px 30px 0;} #wrap .menu_wrap .menu_header .my_info_cont .noti_box h2{font-size:24px;line-height:32px;color:#000;letter-spacing:-.3px;margin-bottom:10px} #wrap .menu_wrap .menu_header .my_info_cont .noti_box a{display:inline-block;font-size:12px;line-height:20px;color:#c9a070;letter-spacing:-.3px;border-bottom:1px solid #c9a070} #wrap .menu_wrap .menu_header .my_info_cont .my_info_box {border-bottom:12px solid #f8f8f8} #wrap .menu_wrap .menu_header .my_info_cont .my_info_box .user_info{background-color:#151515;padding:24px 32px} #wrap .menu_wrap .menu_header .my_info_cont .my_info_box .user_info .user_code{border-bottom:1px solid #333;padding-bottom:30px;} /* #wrap .menu_wrap .menu_header .my_info_cont .my_info_box .user_info .user_code .left_box{display:inline-block;width:calc(100% - 75px);vertical-align:middle;} #wrap .menu_wrap .menu_header .my_info_cont .my_info_box .user_info .user_code .left_box strong{font-size:16px;line-height:24px;color:#fff;letter-spacing:-.25px;display:block;margin-bottom:4px} #wrap .menu_wrap .menu_header .my_info_cont .my_info_box .user_info .user_code .left_box span{display:block;} #wrap .menu_wrap .menu_header .my_info_cont .my_info_box .user_info .user_code .left_box span em{font-size:12px;line-height:16px;color:#fff;letter-spacing:-.3px;display:inline-block;font-style:normal;width:50px;} #wrap .menu_wrap .menu_header .my_info_cont .my_info_box .user_info .user_code .left_box span input{font-style:normal;border:0;background-color:transparent !important;color:#fff !important;width:calc(100% - 50px);display:inline-block;padding:0 0 5px 0;} #wrap .menu_wrap .menu_header .my_info_cont .my_info_box .user_info .user_code .left_box span input::selection {background-color:transparent;color:#fff} #wrap .menu_wrap .menu_header .my_info_cont .my_info_box .user_info .user_code .left_box span input:focus-visible{outline:none;} #wrap .menu_wrap .menu_header .my_info_cont .my_info_box .user_info .user_code .right_box{display:inline-block;width:75px;vertical-align:middle;} #wrap .menu_wrap .menu_header .my_info_cont .my_info_box .user_info .user_code .right_box button{width:100%;line-height:30px;height:32px;font-size:12px;color:#999;letter-spacing:-.26px;border:1px solid #999;border-radius:16px;text-align:center;font-weight:700;box-sizing:border-box;} */ #wrap .menu_wrap .menu_header .my_info_cont .my_info_box .user_info .user_code .left_box{display:inline-block;width:94px;vertical-align:top;} #wrap .menu_wrap .menu_header .my_info_cont .my_info_box .user_info .user_code .right_box{display:inline-block;width:calc(100% - 114px);vertical-align:top;margin-left:20px;} #wrap .menu_wrap .menu_header .my_info_cont .my_info_box .user_info .user_code .right_box strong{font-size:16px;line-height:20px;color:#fff;letter-spacing:-.5px;display:block;margin-bottom:4px} #wrap .menu_wrap .menu_header .my_info_cont .my_info_box .user_info .user_code .right_box .usercode_box span{display:inline-block;width:calc(100% - 35px);} #wrap .menu_wrap .menu_header .my_info_cont .my_info_box .user_info .user_code .right_box .usercode_box span em{font-size:12px;line-height:22px;color:#fff;letter-spacing:-.3px;display:inline-block;font-style:normal;width:50px;vertical-align:top;} #wrap .menu_wrap .menu_header .my_info_cont .my_info_box .user_info .user_code .right_box .usercode_box span input{font-style:normal;border:0;background-color:transparent !important;color:#fff !important;width:calc(100% - 50px);display:inline-block;height:22px;vertical-align:top;font-family:'Noto Sans KR', sans-serif;} #wrap .menu_wrap .menu_header .my_info_cont .my_info_box .user_info .user_code .right_box .usercode_box span input::selection {background-color:transparent;color:#fff} #wrap .menu_wrap .menu_header .my_info_cont .my_info_box .user_info .user_code .right_box .usercode_box span input:focus-visible{outline:none;} #wrap .menu_wrap .menu_header .my_info_cont .my_info_box .user_info .user_code .right_box .usercode_box button{display:inline-block;font-size:10px;line-height:14px;color:#fff;letter-spacing:-.3px;text-align:center;padding:4px 8px;border-radius:4px;background-color:#2C2C2C;min-width:35px;} #wrap .menu_wrap .menu_header .my_info_cont .my_info_box .user_info .user_code .right_box .btn_idcard{display:inline-block;font-size:12px;line-height:14px;color:#999;letter-spacing:-.3px;text-align:center;padding:8px 15px;border-radius:155px;border:1px solid #999;margin-top:16px} #wrap .menu_wrap .menu_header .my_info_cont .my_info_box .user_info .user_code .right_box .btn_idcard.w_btn{border-color:#fff;color:#fff;padding:17px 30px 19px 30px;font-size:15px;line-height:16px;font-weight:600;margin-left:12px;} #view_idcard{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:9999;background-color:rgba(0,0,0,0.8)} #view_idcard .pop_idcard{text-align:center;position:absolute;top:50%;transform:translateY(-50%);} #view_idcard .pop_idcard .inner{position:relative;} #view_idcard .pop_idcard .inner img{border-radius:8px;} #view_idcard .pop_idcard .inner .download_btn{position:relative;font-size:15px;line-height:16px;color:#000;letter-spacing:-.3px;text-align:center;padding:17px 33px 19px 58px;background-color:#fff;border-radius:155px;margin-top:24px;display:inline-block;font-weight:600;} #view_idcard .pop_idcard .inner .download_btn:before{content:'';width:20px;height:20px;position:absolute;top:15px;left:35px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/icon_download_black.png')no-repeat;background-size:contain;} #view_idcard .pop_idcard .inner #btn_view_idcard_close{position:absolute;top:-62px;right:24px;width:54px;height:54px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/icon_close.png')no-repeat;background-size:contain;} #wrap .menu_wrap .menu_header .my_info_cont .my_info_box .paddle_info{margin-top:24px;display:flex;justify-content:space-between} #wrap .menu_wrap .menu_header .my_info_cont .my_info_box .paddle_info li{width:74px;} #wrap .menu_wrap .menu_header .my_info_cont .my_info_box .paddle_info li a{display:block;} #wrap .menu_wrap .menu_header .my_info_cont .my_info_box .paddle_info li a span{display:block;font-size:13px;line-height:24px;color:#999;letter-spacing:-.5px} #wrap .menu_wrap .menu_header .my_info_cont .my_info_box .paddle_info li a .num{display:block;font-size:32px;line-height:40px;color:#fff;font-style:normal;font-family:'CircularXXWeb-Medium'} #wrap .menu_wrap .menu_header .my_info_cont .my_info_box .user_mission{padding:20px 0 28px;overflow:hidden;overflow-x:scroll;height:60px;width:100%;} #wrap .menu_wrap .menu_header .my_info_cont .my_info_box .user_mission a{display:block} #wrap .menu_wrap .menu_header .my_info_cont .my_info_box .user_mission ul{width:max-content;max-width:980px;margin:0 -5px;padding:0 32px;} #wrap .menu_wrap .menu_header .my_info_cont .my_info_box .user_mission ul li{width:60px;float:left;margin:0 5px;} #wrap .menu_wrap .menu_header .my_info_cont .my_info_box .user_mission ul li img{background-size:contain;} /* season2 */ /* shop menu */ #wrap .menu_wrap .menu_header .shop_menu{background-color:#b99a76;padding:0 32px 16px;} #wrap .menu_wrap .menu_header .shop_menu h3 a{display:block;font-size:20px;line-height:24px;color:#fff;font-weight:600;position:relative;letter-spacing:-.31px;padding:24px 0;border-bottom:1px solid #caab88} #wrap .menu_wrap .menu_header .shop_menu h3 a:after{content:'';position:absolute;width:40px;height:20px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/btn-menu-go-arrow-big.png')no-repeat;background-size:contain;top:26px;right:0;} #wrap .menu_wrap .menu_header .shop_menu .shop_sub_menu ul li{border-bottom:1px solid #caab88} #wrap .menu_wrap .menu_header .shop_menu .shop_sub_menu ul li:last-child{border-bottom:0} #wrap .menu_wrap .menu_header .shop_menu .shop_sub_menu ul li a{display:block;padding:24px 40px;font-size:14px;line-height:24px;color:#fff;font-weight:bold;letter-spacing:-.3px;position:relative;} #wrap .menu_wrap .menu_header .shop_menu .shop_sub_menu ul li:last-child a{padding:16px 40px;line-height:0;} #wrap .menu_wrap .menu_header .shop_menu .shop_sub_menu ul li a:after{content:'';width:24px;height:24px;position:absolute;top:24px;right:0;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/btn-menu-go-arrow.png')no-repeat;background-size:contain;} #wrap .menu_wrap .menu_header .shop_menu .shop_sub_menu ul li:last-child a:after{top:30px} #wrap .menu_wrap .menu_header .shop_menu .shop_sub_menu ul li a:before{content:'';width:24px;height:24px;position:absolute;top:24px;left:0;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ic-shop-cart.png')no-repeat;background-size:contain;} #wrap .menu_wrap .menu_header .shop_menu .shop_sub_menu ul li:last-child a:before{content:'';width:28px;height:28px;position:absolute;top:28px;left:0;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ic-shop-detail.png')no-repeat;background-size:contain;} #wrap .menu_wrap .menu_header .shop_menu .shop_sub_menu ul li a span{display:block;margin-bottom:6px;line-height:16px;} #wrap .menu_wrap .menu_header .shop_menu .shop_sub_menu ul li a em{display:block;font-size:12px;line-height:16px;color:#f7e6d2;font-weight:normal;font-style:normal;} /* #wrap .menu_wrap .menu_header .shop_menu .shop_sub_menu{margin-top:24px} #wrap .menu_wrap .menu_header .shop_menu .shop_sub_menu .left_box{display:inline-block;width:calc(50% - 6px);vertical-align:top;background-color:#caab88;border-radius:8px;} #wrap .menu_wrap .menu_header .shop_menu .shop_sub_menu .left_box a{display:block;padding:12px 14px 14px;box-sizing:border-box;min-height:140px;position:relative;} #wrap .menu_wrap .menu_header .shop_menu .shop_sub_menu .left_box a span{display:block;font-size:14px;color:#fff;line-height:24px;position:relative;letter-spacing:-.3px;margin-bottom:30px;position:relative;} #wrap .menu_wrap .menu_header .shop_menu .shop_sub_menu .left_box a span:after{content:'';position:absolute;width:24px;height:24px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/btn-menu-go-arrow.png')no-repeat;background-size:contain;top:0;right:0;} #wrap .menu_wrap .menu_header .shop_menu .shop_sub_menu .left_box a em{display:block;font-size:12px;color:#f7e6d2;line-height:20px;position:relative;letter-spacing:-.3px;font-style:normal;position:absolute;left:14px;bottom:14px;width:calc(100% - 28px);} #wrap .menu_wrap .menu_header .shop_menu .shop_sub_menu .right_box{display:inline-block;width:calc(50% - 6px);vertical-align:top;margin-left:12px;} #wrap .menu_wrap .menu_header .shop_menu .shop_sub_menu .right_box a{display:block;font-size:14px;color:#fff;line-height:24px;position:relative;letter-spacing:-.3px;position:relative;padding:20px 14px;background-color:#caab88;border-radius:8px;} #wrap .menu_wrap .menu_header .shop_menu .shop_sub_menu .right_box a:last-child{margin-top:12px} #wrap .menu_wrap .menu_header .shop_menu .shop_sub_menu .right_box a:after{content:'';position:absolute;width:24px;height:24px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/btn-menu-go-arrow.png')no-repeat;background-size:contain;top:20px;right:14px;} */ #wrap .menu_wrap .menu_list{padding:12px 32px;background-color:#fff;border-bottom:12px solid #f8f8f8} #wrap .menu_wrap .menu_list ul li{display:block;width:100%;border-bottom:1px solid #f8f8f8;} #wrap .menu_wrap .menu_list ul li:last-child{border-bottom:0} #wrap .menu_wrap .menu_list ul li a{position:relative;display:block;padding:16px 0;font-size:16px;line-height:24px;color:#000;letter-spacing:-.3px;font-weight:700;} #wrap .menu_wrap .menu_list ul li a:before{content:'';width:24px;height:24px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_arr.png')no-repeat;background-size:contain;position:absolute;top:16px;right:-8px;} #wrap .menu_wrap .menu_list ul li.new a:after{content:'NEW';width:36px;font-size:10px;text-align:center;line-height:20px;border-radius:10px;background-color:#c9a070;display:inline-block;color:#fff;margin:2px 0 2px 8px;vertical-align:top;font-family:'CircularXXWeb-Medium';font-weight:400;} #wrap .menu_wrap .menu_footer{padding:24px 32px 50px;background-color:#fff;} #wrap .menu_wrap .menu_footer > a{display:block;width:100%;line-height:46px;border:1px solid #ddd;text-align:center;font-size:14px;color:#999;letter-spacing:-.3px;border-radius:27px;box-sizing:border-box;} #wrap .menu_wrap .menu_footer > a.kakao_link_btn{margin-top:8px;background-color:#f9e000;border:0;color:#000;position:relative;} #wrap .menu_wrap .menu_footer > a.kakao_link_btn:before{content:'';width:30px;height:30px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_kakao.png')no-repeat;background-size:contain;display:inline-block;margin-bottom:-9px;} #wrap .menu_wrap .menu_footer .footer_info{margin-top:16px} #wrap .menu_wrap .menu_footer .footer_info dl{font-size:0} #wrap .menu_wrap .menu_footer .footer_info dl dt{display:inline-block;vertical-align:top;margin-right:8px;font-size:12px;line-height:20px;color:#999;letter-spacing:-.3px;font-weight:700;} #wrap .menu_wrap .menu_footer .footer_info dl dd{display:inline-block;vertical-align:top;font-size:12px;line-height:20px;color:#999;letter-spacing:-.3px;} #wrap .menu_wrap .menu_footer .footer_info dl dd a{display:inline-block;text-decoration:underline;color:#999} #wrap .menu_wrap .exchange_sort{padding:0 24px;position:relative;background-color:#fff;} #wrap .menu_wrap .exchange_sort .exchange_btn{width:auto;line-height:48px;font-size:14px;color:#000;letter-spacing:-.3px;text-align:left;position:relative;padding-right:30px;} #wrap .menu_wrap .exchange_sort .exchange_btn.on:after{transform: rotate(-180deg);} #wrap .menu_wrap .exchange_sort .exchange_btn:after{content:'';width:24px;height:24px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_updown_dark.png')no-repeat;background-size:contain;position:absolute;top:12px;right:0;transition: all .2s ease-in-out} #wrap .menu_wrap .exchange_sort .exchange_box{position:absolute;top:48px;left:0;z-index:10;display:none;} #wrap .menu_wrap .exchange_sort .exchange_box.open{display: block;} #wrap .menu_wrap .exchange_sort .exchange_box li button{width:100%;line-height:48px;font-size:14px;color:#000;letter-spacing:-.3px;text-align:left;background-color:#fff;display:block;padding:0 36px 0 24px;background-color:#f5f5f5;} #wrap .menu_wrap .exchange_list{padding:0 24px;background-color:#fff;} #wrap .menu_wrap .exchange_list ul li{border-bottom:1px solid #eee} #wrap .menu_wrap .exchange_list ul li a{padding:16px 0;display:block} #wrap .menu_wrap .exchange_list ul li a .left_box{display:inline-block;width:calc(100% - 92px);vertical-align:middle;} #wrap .menu_wrap .exchange_list ul li a .left_box img{width:60px;background-size:contain;display:inline-block;vertical-align:middle;border-radius:50%;} #wrap .menu_wrap .exchange_list ul li a .left_box dl{display:inline-block;vertical-align:middle;width:calc(100% - 76px);padding-left:16px;} #wrap .menu_wrap .exchange_list ul li a .left_box dl dt{font-size:16px;line-height:24px;letter-spacing:-.5px;color:#000;font-weight:700;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;position:relative;} #wrap .menu_wrap .exchange_list ul li a .left_box dl dd{font-size:12px;line-height:24px;letter-spacing:-.3px;color:#999;} #wrap .menu_wrap .exchange_list ul li a .left_box dl dd span{display:inline-block;margin-left:12px;font-size:12px;line-height:24px;letter-spacing:-.3px;color:#999;} #wrap .menu_wrap .exchange_list ul li a .right_box{display:inline-block;width:92px;vertical-align:middle;text-align:right;} #wrap .menu_wrap .exchange_list ul li a .right_box p{font-size:12px;line-height:24px;letter-spacing:-.3px;position:relative;padding-right:25px} #wrap .menu_wrap .exchange_list ul li a .right_box p:after{content:'';width:24px;height:24px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_arr.png')no-repeat;background-size:contain;position:absolute;top:0;right:-8px} #wrap .menu_wrap .exchange_list ul li a .right_box .send_ready{color:#ff1a77} #wrap .menu_wrap .exchange_list ul li a .right_box .send_complete{color:#1d5fff} #wrap .menu_wrap .exchange_list ul li a .right_box .exchange_complete{color:#999} #wrap .menu_wrap .exchange_progress{padding:36px 32px 48px;background-color:#fff;text-align:center;border-bottom:12px solid #f8f8f8} #wrap .menu_wrap .exchange_progress p{font-size:20px;line-height:28px;color:#000;letter-spacing:-.3px;} #wrap .menu_wrap .exchange_progress ul{margin:36px -2px 0;} #wrap .menu_wrap .exchange_progress ul li{float:left;margin:0 2px;width:calc(33.3333% - 4px);border-top:4px solid #eee;} #wrap .menu_wrap .exchange_progress ul li.on{border-color:#c9a070} #wrap .menu_wrap .exchange_progress ul li span{font-size:12px;line-height:20px;display:block;color:#ccc;letter-spacing:-.3px;font-weight:700;margin-top:8px;} #wrap .menu_wrap .exchange_progress ul li.on span{color:#c9a070} #wrap .menu_wrap .exchange_info{padding:20px 32px;background-color:#fff;} #wrap .menu_wrap .exchange_info .exchange_box{margin-top:23px;} #wrap .menu_wrap .exchange_info .exchange_box:first{margin-top:0} #wrap .menu_wrap .exchange_info .exchange_box h4{font-size:14px;line-height:24px;color:#000;letter-spacing:-.3px;padding-bottom:12px;border-bottom:2px solid #000} #wrap .menu_wrap .exchange_info .exchange_box .exchange_info_cont{padding:16px 0;} #wrap .menu_wrap .exchange_info .exchange_box .exchange_info_cont .left_box{display:inline-block;width:calc(100% - 85px);vertical-align:middle;} #wrap .menu_wrap .exchange_info .exchange_box .exchange_info_cont .left_box img{width:60px;background-size:contain;display:inline-block;vertical-align:middle;border-radius:50%;} #wrap .menu_wrap .exchange_info .exchange_box .exchange_info_cont .left_box dl{display:inline-block;vertical-align:middle;width:calc(100% - 76px);padding-left:16px;} #wrap .menu_wrap .exchange_info .exchange_box .exchange_info_cont .left_box dl dt{font-size:16px;line-height:24px;letter-spacing:-.5px;color:#000;font-weight:700;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;position:relative;} #wrap .menu_wrap .exchange_info .exchange_box .exchange_info_cont .left_box dl dd{font-size:12px;line-height:24px;letter-spacing:-.3px;color:#999;} #wrap .menu_wrap .exchange_info .exchange_box .exchange_info_cont .left_box dl dd span{display:inline-block;margin-left:12px;font-size:12px;line-height:24px;letter-spacing:-.3px;color:#999;} #wrap .menu_wrap .exchange_info .exchange_box .exchange_info_cont .right_box{display:inline-block;width:85px;vertical-align:middle;text-align:right;} #wrap .menu_wrap .exchange_info .exchange_box .exchange_info_cont .right_box a{font-size:12px;line-height:24px;letter-spacing:-.3px;position:relative;color:#c9a070;border-bottom:1px solid #c9a070} #wrap .menu_wrap .exchange_info .exchange_box .shipper_cont{margin-bottom:12px} #wrap .menu_wrap .exchange_info .exchange_box .shipper_cont dl{border-bottom:1px solid #eee;padding:12px 0} #wrap .menu_wrap .exchange_info .exchange_box .shipper_cont dl:last-child{border-bottom:0;margin-bottom:12px;} #wrap .menu_wrap .exchange_info .exchange_box .shipper_cont dl dt{display:inline-block;width:60px;padding-right:16px;vertical-align:top;font-size:14px;line-height:24px;color:#999;letter-spacing:-.3px;font-weight:700;} #wrap .menu_wrap .exchange_info .exchange_box .shipper_cont dl dd{display:inline-block;width:calc(100% - 76px);vertical-align:top;font-size:14px;line-height:24px;color:#000;letter-spacing:-.3px;} #wrap .menu_wrap .exchange_info .exchange_box .round_btn{display:block;width: 100%;line-height: 46px;border: 1px solid #ddd;text-align: center;font-size: 14px;color: #999;letter-spacing: -.3px;border-radius: 27px;box-sizing: border-box;} #wrap .menu_wrap .exchange_info .exchange_box .noti_txt{display:block;margin-top:13px;font-size:12px;line-height:18px;color:#999;letter-spacing:-.3px;text-align:center;} #wrap .menu_wrap .paddle_progress{padding:12px 30px 16px;background-color:#fff;text-align:center;border-bottom:12px solid #f8f8f8} #wrap .menu_wrap .paddle_progress ul li{float:left;width:33.3333%} #wrap .menu_wrap .paddle_progress ul li span{display:block;font-size:14px;line-height:24px;letter-spacing:-.3px;color:#000;} #wrap .menu_wrap .paddle_progress ul li strong{display:block;font-size:36px;line-height:60px;letter-spacing:-.3px;color:#000;font-family:'CircularXXWeb-Medium';font-weight:400;} #wrap .menu_wrap .paddle_progress p{display:inline-block;margin-top:12px;position:relative;font-size:12px;line-height:24px;color:#c9a070;letter-spacing:-.3px;padding-left:22px;font-weight:700;} #wrap .menu_wrap .paddle_progress p:after{content:'';width:16px;height:16px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_noti.png')no-repeat;background-size:contain;position:absolute;top:4px;left:0;} #wrap .menu_wrap .paddle_info .paddle_sort{padding:0 24px;position:relative;background-color:#fff;} #wrap .menu_wrap .paddle_info .paddle_sort .paddle_btn{width:auto;line-height:48px;font-size:14px;color:#000;letter-spacing:-.3px;text-align:left;position:relative;padding-right:30px} #wrap .menu_wrap .paddle_info .paddle_sort .paddle_btn.on:after{transform: rotate(-180deg);} #wrap .menu_wrap .paddle_info .paddle_sort .paddle_btn:after{content:'';width:24px;height:24px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_updown_dark.png')no-repeat;background-size:contain;position:absolute;top:12px;right:0;transition: all .2s ease-in-out} #wrap .menu_wrap .paddle_info .paddle_sort .paddle_box{position:absolute;top:48px;left:0;z-index:10;display:none;} #wrap .menu_wrap .paddle_info .paddle_sort .paddle_box.open{display: block;} #wrap .menu_wrap .paddle_info .paddle_sort .paddle_box li button{width:100%;line-height:48px;font-size:14px;color:#000;letter-spacing:-.3px;text-align:left;background-color:#fff;display:block;padding:0 36px 0 24px;background-color:#f5f5f5;} #wrap .menu_wrap .paddle_info .paddle_list{padding:0 24px 40px;background-color:#fff} #wrap .menu_wrap .paddle_info .paddle_list dl{padding:15px 0;border-bottom:1px solid #eee} #wrap .menu_wrap .paddle_info .paddle_list dl dt{display:inline-block;width:62%;vertical-align:top;font-size:14px;line-height:24px;letter-spacing:-.3px;color:#000;} #wrap .menu_wrap .paddle_info .paddle_list dl dd{display:inline-block;width:38%;vertical-align:top;font-size:14px;line-height:24px;letter-spacing:-.3px;color:#888;text-align:right;} #wrap .menu_wrap .paddle_info .paddle_list dl dd.save_txt{color:#1d5fff;font-weight:700;} /* #wrap .board_wrap{padding-top:141px;background-color:#cee7ff;height:calc(100% - 141px)} */ #wrap .board_wrap .board_bg{width:100%;position:relative;} #wrap .board_wrap .board_bg h3{font-size:4.26666vw;line-height:1.375;color:#000;position:absolute;top:26.6666vw;left:9.3333vw;z-index:3} #wrap .board_wrap .board_bg .kanu_boat{position:absolute;width:25.446vw;z-index:4} /* #wrap .board_wrap .board_bg .kanu_boat.step_0{top:12.5333vw;left:14.6666vw;} */ /* #wrap .board_wrap .board_bg .kanu_boat.step_1{top:12.5333vw;left:36.8vw;} */ /* #wrap .board_wrap .board_bg .kanu_boat.step_1{top:12.5333vw;left:58.6666vw;} #wrap .board_wrap .board_bg .kanu_boat.step_2{top:65.8666vw;left:58.6666vw;} */ /* #wrap .board_wrap .board_bg .kanu_boat.step_3{top:65.8666vw;left:36.8vw;} #wrap .board_wrap .board_bg .kanu_boat.step_4{top:65.8666vw;left:14.6666vw;} #wrap .board_wrap .board_bg .kanu_boat.step_5{top:119.2vw;left:14.6666vw;} #wrap .board_wrap .board_bg .kanu_boat.step_6{top:119.2vw;left:58.6666vw;} */ /* #wrap .board_wrap .board_bg .kanu_boat.step_3{top:65.8666vw;left:14.6666vw;} #wrap .board_wrap .board_bg .kanu_boat.step_4{top:119.2vw;left:14.6666vw;} #wrap .board_wrap .board_bg .kanu_boat.step_5{top:119.2vw;left:58.6666vw;} #wrap .board_wrap .board_bg .kanu_boat.step_6{top:119.2vw;left:74.6666vw;} */ #wrap .board_wrap .board_bg .sign_box{position:absolute;top:0;left:0;z-index:1} #wrap .board_wrap .board_bg .sign_box span{position:absolute;width:8.143vw} #wrap .board_wrap .board_bg .sign_box span img{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_sign_w2.png')no-repeat;background-size:contain} #wrap .board_wrap .board_bg .sign_box span.on img{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_sign_b2.png')no-repeat;background-size:contain} #wrap .board_wrap .board_bg .sign_box span i{font-size:4.58015vw;color:#000;line-height:1;position:absolute;top:50%;left:50%;font-style:normal;transform:translate(-50%, -70%);font-family:'CircularXXWeb-Medium'} #wrap .board_wrap .board_bg .sign_box span.on i{color:#fff} /* #wrap .board_wrap .board_bg .sign_box span:nth-child(1){top:5.8666vw;left:22.6666vw} */ /* #wrap .board_wrap .board_bg .sign_box span:nth-child(2){top:5.8666vw;left:44.8vw} */ /* #wrap .board_wrap .board_bg .sign_box span:nth-child(2){top:5.8666vw;left:66.6666vw} #wrap .board_wrap .board_bg .sign_box span:nth-child(3){top:59.2vw;left:66.6666vw} */ /* #wrap .board_wrap .board_bg .sign_box span:nth-child(4){top:59.2vw;left:44.8vw} #wrap .board_wrap .board_bg .sign_box span:nth-child(5){top:59.2vw;left:22.6666vw} #wrap .board_wrap .board_bg .sign_box span:nth-child(6){top:112.5333vw;left:22.6666vw} #wrap .board_wrap .board_bg .sign_box span:nth-child(7){top:112.5333vw;left:66.6666vw} */ /* #wrap .board_wrap .board_bg .sign_box span:nth-child(4){top:59.2vw;left:22.6666vw} #wrap .board_wrap .board_bg .sign_box span:nth-child(5){top:112.5333vw;left:22.6666vw} #wrap .board_wrap .board_bg .sign_box span:nth-child(6){top:112.5333vw;left:66.6666vw} #wrap .board_wrap .board_bg .sign_box span:nth-child(7){top:112.5333vw;left:82.9333vw} */ /* s3 paddle board */ /* #wrap .board_wrap{padding-top:141px;background-color:#F7B66F;height:calc(100% - 141px)} #wrap .board_wrap .board_bg .sign_box span:nth-child(1){top:5.8666vw;left:18.6666vw} #wrap .board_wrap .board_bg .sign_box span:nth-child(2){top:5.8666vw;left:42.6666vw} #wrap .board_wrap .board_bg .sign_box span:nth-child(3){top:5.8666vw;left:66.6666vw} #wrap .board_wrap .board_bg .sign_box span:nth-child(4){top:59.2vw;left:66.6666vw} #wrap .board_wrap .board_bg .sign_box span:nth-child(5){top:59.2vw;left:42.6666vw} #wrap .board_wrap .board_bg .sign_box span:nth-child(6){top:59.2vw;left:18.6666vw} #wrap .board_wrap .board_bg .sign_box span:nth-child(7){top:112.5333vw;left:18.6666vw} #wrap .board_wrap .board_bg .sign_box span:nth-child(8){top:112.5333vw;left:42.6666vw} #wrap .board_wrap .board_bg .sign_box span:nth-child(9){top:112.5333vw;left:66.6666vw} #wrap .board_wrap .board_bg .sign_box span:nth-child(10){top:166.4vw;left:66.6666vw} #wrap .board_wrap .board_bg .sign_box span:nth-child(11){top:166.4vw;left:29.3333vw} #wrap .board_wrap .board_bg .sign_box span:nth-child(12){top:166.4vw;left:6.4vw} #wrap .board_wrap .board_bg .kanu_boat.step_0{top:12.5333vw;left:10.6666vw;} #wrap .board_wrap .board_bg .kanu_boat.step_1{top:12.5333vw;left:34.6666vw;} #wrap .board_wrap .board_bg .kanu_boat.step_2{top:12.5333vw;left:58.6666vw;} #wrap .board_wrap .board_bg .kanu_boat.step_3{top:65.8666vw;left:58.6666vw;} #wrap .board_wrap .board_bg .kanu_boat.step_4{top:65.8666vw;left:34.6666vw;} #wrap .board_wrap .board_bg .kanu_boat.step_5{top:65.8666vw;left:10.6666vw;} #wrap .board_wrap .board_bg .kanu_boat.step_6{top:119.2vw;left:10.6666vw;} #wrap .board_wrap .board_bg .kanu_boat.step_7{top:119.2vw;left:34.6666vw;} #wrap .board_wrap .board_bg .kanu_boat.step_8{top:119.2vw;left:58.6666vw;} #wrap .board_wrap .board_bg .kanu_boat.step_9{top:173.2vw;left:58.6666vw;} #wrap .board_wrap .board_bg .kanu_boat.step_10{top:173.2vw;left:21.3333vw;} #wrap .board_wrap .board_bg .kanu_boat.step_11{top:173.2vw;left:-2.4vw;} #wrap .board_wrap .board_bg .goods_box span:nth-child(1){top:26.1333vw;left:62.9333vw} #wrap .board_wrap .board_bg .goods_box span:nth-child(2){top:79.4666vw;left:48.5333vw} #wrap .board_wrap .board_bg .goods_box span:nth-child(3){top:79.4666vw;left:28.2666vw} #wrap .board_wrap .board_bg .goods_box span:nth-child(4){top:132.8vw;left:4.2666vw} #wrap .board_wrap .board_bg .goods_box span:nth-child(5){top:132.8vw;left:24.5333vw} #wrap .board_wrap .board_bg .goods_box span:nth-child(6){top:132.8vw;left:62.9333vw} #wrap .board_wrap .board_bg .goods_box span:nth-child(7){top:186.6666vw;left:45.8666vw} #wrap .board_wrap .board_bg .goods_box span:nth-child(8){top:186.6666vw;left:25.5999vw} #wrap .board_wrap .board_bg .goods_box span:nth-child(9){top:186.6666vw;left:5.3333vw} #wrap .board_wrap .board_bg .goods_box span:nth-child(1):before, #wrap .board_wrap .board_bg .goods_box span:nth-child(6):before, #wrap .board_wrap .board_bg .goods_box span:nth-child(8):before{content:'';background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_arrow_top01_w.png')no-repeat;background-size:contain;width:3.734vw;height:3.2vw;;position:absolute;top:-4vw;left:50%;transform:translate(-50%, 0)} #wrap .board_wrap .board_bg .goods_box span.on:nth-child(1):before, #wrap .board_wrap .board_bg .goods_box span.on:nth-child(6):before, #wrap .board_wrap .board_bg .goods_box span.on:nth-child(8):before{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_arrow_top01_b.png')no-repeat;background-size:contain} #wrap .board_wrap .board_bg .goods_box span:nth-child(3):before, #wrap .board_wrap .board_bg .goods_box span:nth-child(4):before, #wrap .board_wrap .board_bg .goods_box span:nth-child(9):before{content:'';background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_arrow_left01_w.png')no-repeat;background-size:contain;width:4.8vw;height:4.8vw;;position:absolute;top:-3vw;left:66%} #wrap .board_wrap .board_bg .goods_box span.on:nth-child(3):before, #wrap .board_wrap .board_bg .goods_box span.on:nth-child(4):before, #wrap .board_wrap .board_bg .goods_box span.on:nth-child(9):before{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_arrow_left01_b.png')no-repeat;background-size:contain} #wrap .board_wrap .board_bg .goods_box span:nth-child(2):before, #wrap .board_wrap .board_bg .goods_box span:nth-child(5):before, #wrap .board_wrap .board_bg .goods_box span:nth-child(7):before{content:'';background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_arrow_right01_w.png')no-repeat;background-size:contain;width:4.8vw;height:4.8vw;;position:absolute;top:-3vw;left:3%} #wrap .board_wrap .board_bg .goods_box span.on:nth-child(2):before, #wrap .board_wrap .board_bg .goods_box span.on:nth-child(5):before, #wrap .board_wrap .board_bg .goods_box span.on:nth-child(7):before{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_arrow_right01_b.png')no-repeat;background-size:contain} #wrap .board_wrap .board_bg .goods_box{position:absolute;top:0;left:0;z-index:2} #wrap .board_wrap .board_bg .goods_box span{position:absolute;width:16vw;border:1.07vw solid #fff;background-color:#fff;border-radius:50%} #wrap .board_wrap .board_bg .goods_box span a{display:block} #wrap .board_wrap .board_bg .goods_box span a img{background-color:#fff;border-radius:50%;} #wrap .board_wrap .board_bg .goods_box span.on a img{background-color:#151515;} #wrap .board_wrap .board_bg .goods_box span.on{border-color:#151515;background-color:#151515} #wrap .board_wrap .board_bg .goods_box span i{font-size:2.6vw;color:#000;line-height:1.4;font-weight:700;position:absolute;bottom:-9.6vw;left:50%;font-style:normal;transform:translate(-50%, 0);text-align:center;width:140%} #wrap .board_wrap .board_bg .goods_box span:last-child i{bottom:-5.86667vw} #wrap .board_wrap .board_bg .goods_box span em{position:absolute;top:0;left:0;border-radius:50%} #wrap .board_wrap .board_bg .goods_box span em.sold_out{width:100%;height:100%;display:none} #wrap .board_wrap .board_bg .goods_box span em.sold_out em:nth-child(1){font-size:0;line-height:0;background-color:rgba(0, 0, 0, .8);position:absolute;width:100%;height:100%;top:0;left:0} #wrap .board_wrap .board_bg .goods_box span em.sold_out em:nth-child(2){font-size:2.6vw;line-height:1.4;color:#ff1a77;width:100%;font-style:normal;text-align:center;position:relative;display:block;top:50%;transform:translateY(-50%);font-family:'CircularXXWeb-Medium'} #wrap .board_wrap .board_bg .goods_box span em.open{width:100%;height:100%;background-color:rgba(0, 0, 0, .6);display:none} #wrap .board_wrap .board_bg .goods_box span em.open em{color:#fff;font-size:2.6vw;line-height:1.4;text-align:center;font-style:normal;top:50%;left:50%;transform:translate(-50%, -50%);font-family:'CircularXXWeb-Medium'} #wrap .board_wrap .board_bg .goods_box span em.coming_soon{width:100%;height:100%;background-color:#cfcfcf} #wrap .board_wrap .board_bg .goods_box span em.coming_soon em{color:#000;font-size:2.6vw;line-height:1.4;text-align:center;font-style:normal;top:50%;left:50%;transform:translate(-50%, -50%);font-family:'CircularXXWeb-Medium'} #wrap .board_wrap .board_bg .goods_box span.sold_out em.sold_out, #wrap .board_wrap .board_bg .goods_box span.open em.open{display:block} */ /* s4 paddle board */ #wrap .board_wrap{padding-top:141px;background-color:#b6ffe9;height:calc(100% - 141px)} /* 팻말 위치 */ /* 첫째 줄 0, 1, 2 */ #wrap .board_wrap .board_bg .sign_box span:nth-child(1){top:8.397vw;left:24.9363vw} #wrap .board_wrap .board_bg .sign_box span:nth-child(2){top:8.397vw;left:45.8015vw} #wrap .board_wrap .board_bg .sign_box span:nth-child(3){top:8.397vw;left:66.921vw} /* 둘째 줄 3, 4, 5, 6 */ #wrap .board_wrap .board_bg .sign_box span:nth-child(4){top:59.033vw;left:66.921vw} #wrap .board_wrap .board_bg .sign_box span:nth-child(5){top:59.033vw;left:52.9261vw} #wrap .board_wrap .board_bg .sign_box span:nth-child(6){top:59.033vw;left:38.9312vw} #wrap .board_wrap .board_bg .sign_box span:nth-child(7){top:59.033vw;left:24.9363vw} /* 셋째 줄 7 */ #wrap .board_wrap .board_bg .sign_box span:nth-child(8){top:84.9872vw;left:7.6335vw} /* 넷째 줄 8, 9, 10 */ #wrap .board_wrap .board_bg .sign_box span:nth-child(9){top:109.9236vw;left:24.9363vw} #wrap .board_wrap .board_bg .sign_box span:nth-child(10){top:109.9236vw;left:45.8015vw} #wrap .board_wrap .board_bg .sign_box span:nth-child(11){top:109.9236vw;left:66.921vw} /* 다섯째 줄 11 */ #wrap .board_wrap .board_bg .sign_box span:nth-child(12){top:135.8778vw;left:83.9694vw} /* 여섯째 줄 12, 13, 14, 15, end */ #wrap .board_wrap .board_bg .sign_box span:nth-child(13){top:161.832vw;left:66.921vw} #wrap .board_wrap .board_bg .sign_box span:nth-child(14){top:161.832vw;left:52.9261vw} #wrap .board_wrap .board_bg .sign_box span:nth-child(15){top:161.832vw;left:38.9312vw} #wrap .board_wrap .board_bg .sign_box span:nth-child(16){top:161.832vw;left:24.9363vw} #wrap .board_wrap .board_bg .sign_box span:nth-child(17){top:161.832vw;left:7.6335vw} /* 패들 위치 */ /* 첫째 줄 0, 1, 2 */ #wrap .board_wrap .board_bg .kanu_boat.step_0{top:12.4681vw;left:16.285vw;} #wrap .board_wrap .board_bg .kanu_boat.step_1{top:12.4681vw;left:37.1502vw;} #wrap .board_wrap .board_bg .kanu_boat.step_2{top:12.4681vw;left:58.2696vw;} /* 둘째 줄 3, 4, 5, 6 */ #wrap .board_wrap .board_bg .kanu_boat.step_3{top:63.1042vw;left:58.2696vw;} #wrap .board_wrap .board_bg .kanu_boat.step_4{top:63.1042vw;left:44.2747vw;} #wrap .board_wrap .board_bg .kanu_boat.step_5{top:63.1042vw;left:30.28vw;} #wrap .board_wrap .board_bg .kanu_boat.step_6{top:63.1042vw;left:16.285vw;} /* 셋째 줄 7 */ #wrap .board_wrap .board_bg .kanu_boat.step_7{top:89.0584vw;left:-1.0177vw;} /* 넷째 줄 8, 9, 10 */ #wrap .board_wrap .board_bg .kanu_boat.step_8{top:113.995vw;left:16.285vw;} #wrap .board_wrap .board_bg .kanu_boat.step_9{top:113.995vw;left:37.1502vw;} #wrap .board_wrap .board_bg .kanu_boat.step_10{top:113.995vw;left:58.2696vw;} /* 다섯째 줄 11 */ #wrap .board_wrap .board_bg .kanu_boat.step_11{top:139.949vw;left:75.318vw;} /* 여섯째 줄 12, 13, 14, 15, end */ #wrap .board_wrap .board_bg .kanu_boat.step_12{top:165.9032vw;left:58.2696vw;} #wrap .board_wrap .board_bg .kanu_boat.step_13{top:165.9032vw;left:44.2747vw;} #wrap .board_wrap .board_bg .kanu_boat.step_14{top:165.9032vw;left:30.28vw;} #wrap .board_wrap .board_bg .kanu_boat.step_15{top:165.9032vw;left:16.285vw;} #wrap .board_wrap .board_bg .kanu_boat.step_16{top:165.9032vw;left:-1.0177vw;} /* 굿즈 위치 */ /* 첫째 줄 1개 */ #wrap .board_wrap .board_bg .goods_box span:nth-child(1){top:24.4274vw;left:61.832vw} /* 둘째 줄 3개 */ #wrap .board_wrap .board_bg .goods_box span:nth-child(2){top:75.0635vw;left:61.832vw} #wrap .board_wrap .board_bg .goods_box span:nth-child(3){top:75.0635vw;left:40.967vw} #wrap .board_wrap .board_bg .goods_box span:nth-child(4){top:75.0635vw;left:19.8473vw} /* 셋째 줄 2개 */ #wrap .board_wrap .board_bg .goods_box span:nth-child(5){top:125.9541vw;left:19.8473vw} #wrap .board_wrap .board_bg .goods_box span:nth-child(6){top:125.9541vw;left:61.832vw} /* 냇째 줄 2개 */ #wrap .board_wrap .board_bg .goods_box span:nth-child(7){top:177.8625vw;left:61.832vw} #wrap .board_wrap .board_bg .goods_box span:nth-child(8){top:177.8625vw;left:19.8473vw} /* 굿즈 화살표 위치 */ /* 중앙 */ #wrap .board_wrap .board_bg .goods_box span:nth-child(1):before, #wrap .board_wrap .board_bg .goods_box span:nth-child(2):before, #wrap .board_wrap .board_bg .goods_box span:nth-child(4):before, #wrap .board_wrap .board_bg .goods_box span:nth-child(5):before, #wrap .board_wrap .board_bg .goods_box span:nth-child(6):before, #wrap .board_wrap .board_bg .goods_box span:nth-child(7):before, #wrap .board_wrap .board_bg .goods_box span:nth-child(8):before{content:'';background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_arrow_top01_w.png')no-repeat;background-size:contain;width:3.563vw;height:3.054vw;position:absolute;top:-3.8167vw;left:50%;transform:translate(-50%, 0)} #wrap .board_wrap .board_bg .goods_box span.on:nth-child(1):before, #wrap .board_wrap .board_bg .goods_box span.on:nth-child(2):before, #wrap .board_wrap .board_bg .goods_box span.on:nth-child(4):before, #wrap .board_wrap .board_bg .goods_box span.on:nth-child(5):before, #wrap .board_wrap .board_bg .goods_box span.on:nth-child(6):before, #wrap .board_wrap .board_bg .goods_box span.on:nth-child(7):before, #wrap .board_wrap .board_bg .goods_box span.on:nth-child(8):before{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_arrow_top01_b.png')no-repeat;background-size:contain} /* 우상단 */ #wrap .board_wrap .board_bg .goods_box span:nth-child(3):before{content:'';background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_arrow_left01_w.png')no-repeat;background-size:contain;width:4.8vw;height:4.8vw;;position:absolute;top:-3vw;left:66%} #wrap .board_wrap .board_bg .goods_box span.on:nth-child(3):before{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_arrow_left01_b.png')no-repeat;background-size:contain} #wrap .board_wrap .board_bg .goods_box{position:absolute;top:0;left:0;z-index:2} #wrap .board_wrap .board_bg .goods_box span{position:absolute;width:16.285vw;border:1.07vw solid #fff;background-color:#fff;border-radius:50%} #wrap .board_wrap .board_bg .goods_box span a{display:block} #wrap .board_wrap .board_bg .goods_box span a img{background-color:#fff;border-radius:50%;} #wrap .board_wrap .board_bg .goods_box span.on a img{background-color:#151515;} #wrap .board_wrap .board_bg .goods_box span.on{border-color:#151515;background-color:#151515} #wrap .board_wrap .board_bg .goods_box span i{font-size:2.6vw;color:#000;line-height:1.4;font-weight:700;position:absolute;bottom:-9.6vw;left:50%;font-style:normal;transform:translate(-50%, 0);text-align:center;width:156.25%} /* #wrap .board_wrap .board_bg .goods_box span:last-child i{bottom:-5.86667vw} */ #wrap .board_wrap .board_bg .goods_box span em{position:absolute;top:0;left:0;border-radius:50%} #wrap .board_wrap .board_bg .goods_box span em.sold_out{width:100%;height:100%;display:none} #wrap .board_wrap .board_bg .goods_box span em.sold_out em:nth-child(1){font-size:0;line-height:0;background-color:rgba(0, 0, 0, .8);position:absolute;width:100%;height:100%;top:0;left:0} #wrap .board_wrap .board_bg .goods_box span em.sold_out em:nth-child(2){font-size:2.6vw;line-height:1.4;color:#ff1a77;width:100%;font-style:normal;text-align:center;position:relative;display:block;top:50%;transform:translateY(-50%);font-family:'CircularXXWeb-Medium'} #wrap .board_wrap .board_bg .goods_box span em.open{width:100%;height:100%;background-color:rgba(0, 0, 0, .6);display:none} #wrap .board_wrap .board_bg .goods_box span em.open em{color:#fff;font-size:2.6vw;line-height:1.4;text-align:center;font-style:normal;top:50%;left:50%;transform:translate(-50%, -50%);font-family:'CircularXXWeb-Medium'} #wrap .board_wrap .board_bg .goods_box span em.coming_soon{width:100%;height:100%;background-color:#6b6b6b} #wrap .board_wrap .board_bg .goods_box span em.coming_soon em{color:#fff;font-size:2.6vw;line-height:1.4;text-align:center;font-style:normal;top:50%;left:50%;transform:translate(-50%, -50%);font-family:'CircularXXWeb-Medium'} #wrap .board_wrap .board_bg .goods_box span.sold_out em.sold_out, #wrap .board_wrap .board_bg .goods_box span.open em.open{display:block} /* paddlers recipe */ #wrap .recipe_head{padding:72px 0 20px;} #wrap .recipe_head .recipe_head_inner{position:relative;} #wrap .recipe_head .recipe_head_inner .txt_box{position:absolute;top:32px;left:50%;transform:translateX(-50%);text-align:center;width:100%;} #wrap .recipe_head .recipe_head_inner .txt_box h2{font-size:36px;line-height:48px;color:#fff;letter-spacing:-.3px;} #wrap .recipe_head .recipe_head_inner .txt_box p{font-size:14px;line-height:22px;color:#FBDFBF;margin-top:16px;letter-spacing:-.3px;} #wrap .recipe_list{padding:40px 32px 70px;} #wrap .recipe_list ul li{margin-bottom:20px;position:relative;border-radius:8px;overflow:hidden;} #wrap .recipe_list ul li:last-of-type{margin-bottom:0;} #wrap .recipe_list ul li a{display:block;} #wrap .recipe_list ul li a img{background-size:contain;background-repeat:no-repeat;} #wrap .recipe_list ul li a .recipe_ico{position:absolute;width:56px;height:56px;top:24px;left:18px;} #wrap .recipe_list ul li a .recipe_ico.hot{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_hot.png')no-repeat;background-size:contain;} #wrap .recipe_list ul li a .recipe_ico.ice{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_ice.png')no-repeat;background-size:contain;} #wrap .recipe_list ul li a .txt_box{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);width:calc(100% - 64px);} #wrap .recipe_list ul li a .txt_box p{font-size:24px;line-height:34px;color:#fff;letter-spacing:-.3px;font-weight:600;} #wrap .recipe_list ul li a .txt_box .now_fav{margin-top:16px;} #wrap .recipe_list ul li a .txt_box .now_fav span{display:block;font-size:12px;line-height:24px;color:#fff;letter-spacing:-.3px;padding-left:28px;position:relative} #wrap .recipe_list ul li a .txt_box .now_fav span:before{content:'';width:24px;height:24px;position:absolute;top:0;left:0;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_list_fav.png')no-repeat;background-size:contain;} #wrap .recipe_detail .recipe_visual{position:relative;} #wrap .recipe_detail .recipe_visual .txt_box{position: absolute;bottom:28px;left:50%;transform:translateX(-50%);width:calc(100% - 64px);} #wrap .recipe_detail .recipe_visual .txt_box h2{font-size:32px;line-height:40px;color:#fff;letter-spacing:-.5px;} #wrap .recipe_detail .recipe_visual .txt_box .now_fav{margin-top:16px;} #wrap .recipe_detail .recipe_visual .txt_box .now_fav span{display:block;font-size:12px;line-height:24px;color:#fff;letter-spacing:-.3px;padding-left:28px;position:relative} #wrap .recipe_detail .recipe_visual .txt_box .now_fav span:before{content:'';width:24px;height:24px;position:absolute;top:0;left:0;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_list_fav.png')no-repeat;background-size:contain;} #wrap .recipe_detail .recipe_cont{padding:40px 0;} #wrap .recipe_detail .recipe_cont .txt_box{padding:0 24px;margin:40px 0 20px;} #wrap .recipe_detail .recipe_cont .txt_box p{font-size:15px;line-height:28px;color:#666;letter-spacing:-.3px;} #wrap .recipe_detail .recipe_cont .txt_box.tit{margin:0;} #wrap .recipe_detail .recipe_cont .txt_box.tit p{color:#000} #wrap .recipe_detail .recipe_cont .txt_box .color_tit{padding-bottom:16px;border-bottom:1px solid #b19579;text-align:center;} #wrap .recipe_detail .recipe_cont .txt_box .color_tit p{color:#b19579} #wrap .recipe_detail .recipe_cont .txt_box .color_bg_box{padding:16px 0;background-color:#fafafa;text-align:center;} #wrap .recipe_detail .like_btn_wrap{padding-bottom:40px} #wrap .recipe_detail .like_btn_wrap p{font-size:14px;line-height:24px;color:#999;letter-spacing:-.3px;text-align:center;margin-bottom:16px;} #wrap .recipe_detail .like_btn_wrap .like_box{padding:0 24px;} #wrap .recipe_detail .like_btn_wrap .like_box input{border:0;padding:0;font-size:0;line-height:inherit;color:transparent;letter-spacing:0;width:0 !important} #wrap .recipe_detail .like_btn_wrap .like_box input[type="checkbox"] + label span{position:relative;border-radius:64px;background-color:#b19579;display:block;padding:12px 0;text-align:center;} #wrap .recipe_detail .like_btn_wrap .like_box input[type="checkbox"] + label span::before{display:inline-block;content:"";width:40px;height:40px;background-image:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_like_off.png');background-size:contain;background-repeat:no-repeat;vertical-align:top;} #wrap .recipe_detail .like_btn_wrap .like_box input[type="checkbox"]:checked + label span{background-color:#fff;border:2px solid #b19579;padding:10px 0;} #wrap .recipe_detail .like_btn_wrap .like_box input[type="checkbox"]:checked + label span::before{background-image:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_like_on.png')} #wrap .recipe_detail .like_btn_wrap .like_box input[type="checkbox"]:checked + label span::after{content:'좋아요 완료!';display:inline-block;font-size:16px;line-height:38px;color:#b19579;letter-spacing:-.3px;vertical-align:top;margin-left:8px;font-weight:600;} /* paddlers talk */ #wrap .talk_head{padding:72px 0 0} #wrap .talk_head .talk_head_inner{position:relative;} #wrap .talk_head .talk_head_inner .txt_box{position:absolute;top:32px;left:50%;transform:translateX(-50%);text-align:center;width:100%;} #wrap .talk_head .talk_head_inner .txt_box h2{font-size:36px;line-height:48px;color:#fff;letter-spacing:-.3px;} #wrap .talk_head .talk_head_inner .txt_box p{font-size:14px;line-height:22px;color:#FFE1CF;margin-top:16px;letter-spacing:-.3px;} #wrap .talk_list{padding:40px 32px 32px;} #wrap .talk_list ul li{margin-bottom:20px;position:relative;border-radius:8px;overflow:hidden;} #wrap .talk_list ul li:last-of-type{margin-bottom:0} #wrap .talk_list ul li a{display: block;} #wrap .talk_list ul li a img{background-size:contain;} #wrap .talk_list ul li a .txt_box{position:absolute;left:32px;bottom:30px;} #wrap .talk_list ul li a .txt_box span{font-family:'CircularXXWeb-Regular';font-size:12px;line-height:16px;display:block;letter-spacing:-.3px;margin-bottom:6px;} #wrap .talk_list ul li a .txt_box p{font-size:24px;line-height:34px;letter-spacing:-.3px;font-weight:600;} #wrap .talk_list ul li a .txt_box p > span{font-size:16px;line-height:16px;display:block;letter-spacing:-.3px;margin-bottom:6px;} /* #wrap .talk_list ul li:nth-child(1) a .txt_box span, #wrap .talk_list ul li:nth-child(1) a .txt_box p{color:#fffcd9} #wrap .talk_list ul li:nth-child(2) a .txt_box span, #wrap .talk_list ul li:nth-child(2) a .txt_box p{color:#efdfc9} #wrap .talk_list ul li:nth-child(3) a .txt_box span, #wrap .talk_list ul li:nth-child(3) a .txt_box p{color:#fffcd9} #wrap .talk_list ul li:nth-child(4) a .txt_box span, #wrap .talk_list ul li:nth-child(4) a .txt_box p{color:#fbd2c0} */ #wrap .talk_list ul li:nth-child(1) a .txt_box span, #wrap .talk_list ul li:nth-child(1) a .txt_box p{color:#FFE4E4} #wrap .talk_list ul li:nth-child(2) a .txt_box span, #wrap .talk_list ul li:nth-child(2) a .txt_box p{color:#FFF9D9} #wrap .talk_list ul li:nth-child(3) a .txt_box span, #wrap .talk_list ul li:nth-child(3) a .txt_box p{color:#EFFFDE} #wrap .talk_list ul li:nth-child(4) a .txt_box span, #wrap .talk_list ul li:nth-child(4) a .txt_box p{color:#efecff} #wrap .talk_list ul li:nth-child(5) a .txt_box span, #wrap .talk_list ul li:nth-child(5) a .txt_box p{color:#fff9e6} #wrap .talk_list ul li:nth-child(6) a .txt_box span, #wrap .talk_list ul li:nth-child(6) a .txt_box p{color:#e4fff7} #wrap .talk_list ul li:nth-child(7) a .txt_box span, #wrap .talk_list ul li:nth-child(7) a .txt_box p{color:#fffae2} #wrap .talk_list ul li:nth-child(8) a .txt_box span, #wrap .talk_list ul li:nth-child(8) a .txt_box p{color:#fbfdf0} #wrap .talk_list ul li:nth-child(9) a .txt_box span, #wrap .talk_list ul li:nth-child(9) a .txt_box p{color:#fff9ec} #wrap .talk_list ul li:nth-child(10) a .txt_box span, #wrap .talk_list ul li:nth-child(10) a .txt_box p{color:#ffe4e4} #wrap .talk_list ul li:nth-child(11) a .txt_box span, #wrap .talk_list ul li:nth-child(11) a .txt_box p{color:#fbd2c0} #wrap .talk_list ul li:nth-child(12) a .txt_box span, #wrap .talk_list ul li:nth-child(12) a .txt_box p{color:#fffcd9} #wrap .talk_list ul li:nth-child(13) a .txt_box span, #wrap .talk_list ul li:nth-child(13) a .txt_box p{color:#efdfc9} #wrap .talk_list ul li:nth-child(14) a .txt_box span, #wrap .talk_list ul li:nth-child(14) a .txt_box p{color:#fffcd9} #wrap .talk_detail .talk_visual{padding:32px 24px 24px;} #wrap .talk_detail.talk_1 .talk_visual{background-color:#f16539;} #wrap .talk_detail.talk_2 .talk_visual{background-color:#b19579;} #wrap .talk_detail.talk_3 .talk_visual{background-color:#526b5a;} #wrap .talk_detail.talk_4 .talk_visual{background-color:#742f26;} #wrap .talk_detail.talk_5 .talk_visual{background-color:#985f98;} #wrap .talk_detail.talk_6 .talk_visual{background-color:#c68b6b;} #wrap .talk_detail.talk_7 .talk_visual{background-color:#4f7ca5;} #wrap .talk_detail.talk_8 .talk_visual{background-color:#713b3b;} #wrap .talk_detail.talk_9 .talk_visual{background-color:#39bcc2;} #wrap .talk_detail.talk_10 .talk_visual{background-color:#f47462;} #wrap .talk_detail.talk_11 .talk_visual{background-color:#6d61c3;} #wrap .talk_detail.talk_12 .talk_visual{background-color:#38BC69;} #wrap .talk_detail.talk_13 .talk_visual{background-color:#EF952E;} #wrap .talk_detail.talk_14 .talk_visual{background-color:#C458A7;} #wrap .talk_detail .talk_visual .txt_box{position:relative;} #wrap .talk_detail .talk_visual .txt_box h2{font-size:32px;line-height:40px;letter-spacing:-.5px;} #wrap .talk_detail .talk_visual .txt_box span{font-family:'CircularXXWeb-Regular';font-size:12px;line-height:15px;position:absolute;top:48px;right:-48px;transform:rotate(-270deg);font-weight:600;} #wrap .talk_detail .talk_visual .img_box{margin:40px 0 17px;text-align:right;} #wrap .talk_detail .talk_visual .img_box img{width:247px;} #wrap .talk_detail .talk_visual .hash_txt_box p{font-size:20px;line-height:28px;letter-spacing:-.3px;} #wrap .talk_detail .talk_visual .txt_box h2 > span {transform:rotate(0deg);position:initial;display:block;font-size:18px;line-height:18px;opacity:0.5;} #wrap .talk_detail.talk_1 .talk_visual .txt_box h2, #wrap .talk_detail.talk_1 .talk_visual .txt_box span{color:#fffcd9} #wrap .talk_detail.talk_1 .talk_visual .hash_txt_box p{color:#fffcd9;opacity:.5;} #wrap .talk_detail.talk_2 .talk_visual .txt_box h2, #wrap .talk_detail.talk_2 .talk_visual .txt_box span{color:#efdfc9} #wrap .talk_detail.talk_2 .talk_visual .hash_txt_box p{color:#efdfc9;opacity:.5;} #wrap .talk_detail.talk_3 .talk_visual .txt_box h2, #wrap .talk_detail.talk_3 .talk_visual .txt_box span{color:#fffbd8} #wrap .talk_detail.talk_3 .talk_visual .hash_txt_box p{color:#fffbd8;opacity:.5;} #wrap .talk_detail.talk_4 .talk_visual .txt_box h2, #wrap .talk_detail.talk_4 .talk_visual .txt_box span{color:#fbd2c0} #wrap .talk_detail.talk_4 .talk_visual .hash_txt_box p{color:#fbd2c0;opacity:.5;} #wrap .talk_detail.talk_5 .talk_visual .txt_box h2, #wrap .talk_detail.talk_5 .talk_visual .txt_box span{color:#ffe4e4} #wrap .talk_detail.talk_5 .talk_visual .hash_txt_box p{color:#ffe4e4;opacity:.5;} #wrap .talk_detail.talk_6 .talk_visual .txt_box h2, #wrap .talk_detail.talk_6 .talk_visual .txt_box span{color:#fff9ec} #wrap .talk_detail.talk_6 .talk_visual .hash_txt_box p{color:#fff9ec;opacity:.5;} #wrap .talk_detail.talk_7 .talk_visual .txt_box h2, #wrap .talk_detail.talk_7 .talk_visual .txt_box span{color:#fbfdf0} #wrap .talk_detail.talk_7 .talk_visual .hash_txt_box p{color:#fbfdf0;opacity:.5;} #wrap .talk_detail.talk_8 .talk_visual .txt_box h2, #wrap .talk_detail.talk_8 .talk_visual .txt_box span{color:#fffae2} #wrap .talk_detail.talk_8 .talk_visual .hash_txt_box p{color:#fffae2;opacity:.5;} #wrap .talk_detail.talk_9 .talk_visual .txt_box h2, #wrap .talk_detail.talk_9 .talk_visual .txt_box span{color:#e4fff7} #wrap .talk_detail.talk_9 .talk_visual .hash_txt_box p{color:#e4fff7;opacity:.5;} #wrap .talk_detail.talk_10 .talk_visual .txt_box h2, #wrap .talk_detail.talk_10 .talk_visual .txt_box span{color:#fff9e6} #wrap .talk_detail.talk_10 .talk_visual .hash_txt_box p{color:#fff9e6;opacity:.5;} #wrap .talk_detail.talk_11 .talk_visual .txt_box h2, #wrap .talk_detail.talk_11 .talk_visual .txt_box span{color:#efecff} #wrap .talk_detail.talk_11 .talk_visual .hash_txt_box p{color:#efecff;opacity:.5;} #wrap .talk_detail.talk_12 .talk_visual .txt_box h2, #wrap .talk_detail.talk_12 .talk_visual .txt_box span{color:#EFFFDE} #wrap .talk_detail.talk_12 .talk_visual .hash_txt_box p{color:#EFFFDE;opacity:.5;} #wrap .talk_detail.talk_13 .talk_visual .txt_box h2, #wrap .talk_detail.talk_13 .talk_visual .txt_box span{color:#FFF9D9} #wrap .talk_detail.talk_13 .talk_visual .hash_txt_box p{color:#FFF9D9;opacity:.5;} #wrap .talk_detail.talk_14 .talk_visual .txt_box h2, #wrap .talk_detail.talk_14 .talk_visual .txt_box span{color:#FFE4E4} #wrap .talk_detail.talk_14 .talk_visual .hash_txt_box p{color:#FFE4E4;opacity:.5;} #wrap .talk_detail .talk_cont{padding-bottom:24px;} #wrap .talk_detail .talk_cont .txt_box{padding:0 24px 16px;} #wrap .talk_detail .talk_cont .txt_box .qa_txt{margin-top:40px} #wrap .talk_detail .talk_cont .txt_box .qa_txt dt{position:relative;font-size:18px;line-height:28px;letter-spacing:-.3px;padding-top:44px;} #wrap .talk_detail .talk_cont .txt_box .qa_txt dt:before{content:'Q.';font-size:32px;line-height:40px;font-family:'CircularXXWeb-Bold';position:absolute;top:0;left:0;font-weight:600;} #wrap .talk_detail .talk_cont .txt_box .qa_txt dd{position:relative;font-size:14px;line-height:24px;letter-spacing:-.3px;color:#666;padding-top:44px;margin-top:16px} #wrap .talk_detail .talk_cont .txt_box .qa_txt dd:before{content:'A.';font-size:32px;line-height:40px;font-family:'CircularXXWeb-Bold';color:#666;position:absolute;top:0;left:0;font-weight:600;} #wrap .talk_detail.talk_1 .talk_cont .txt_box .qa_txt dt, #wrap .talk_detail.talk_1 .talk_cont .txt_box .qa_txt dt:before{color:#f16539} #wrap .talk_detail.talk_2 .talk_cont .txt_box .qa_txt dt, #wrap .talk_detail.talk_2 .talk_cont .txt_box .qa_txt dt:before{color:#b19579} #wrap .talk_detail.talk_3 .talk_cont .txt_box .qa_txt dt, #wrap .talk_detail.talk_3 .talk_cont .txt_box .qa_txt dt:before{color:#526b5a} #wrap .talk_detail.talk_4 .talk_cont .txt_box .qa_txt dt, #wrap .talk_detail.talk_4 .talk_cont .txt_box .qa_txt dt:before{color:#742f26} #wrap .talk_detail.talk_5 .talk_cont .txt_box .qa_txt dt, #wrap .talk_detail.talk_5 .talk_cont .txt_box .qa_txt dt:before{color:#985f98} #wrap .talk_detail.talk_6 .talk_cont .txt_box .qa_txt dt, #wrap .talk_detail.talk_6 .talk_cont .txt_box .qa_txt dt:before{color:#c68b6b} #wrap .talk_detail.talk_7 .talk_cont .txt_box .qa_txt dt, #wrap .talk_detail.talk_7 .talk_cont .txt_box .qa_txt dt:before{color:#4f7ca5} #wrap .talk_detail.talk_8 .talk_cont .txt_box .qa_txt dt, #wrap .talk_detail.talk_8 .talk_cont .txt_box .qa_txt dt:before{color:#713b3b} #wrap .talk_detail.talk_9 .talk_cont .txt_box .qa_txt dt, #wrap .talk_detail.talk_9 .talk_cont .txt_box .qa_txt dt:before{color:#39bcc2} #wrap .talk_detail.talk_10 .talk_cont .txt_box .qa_txt dt, #wrap .talk_detail.talk_10 .talk_cont .txt_box .qa_txt dt:before{color:#f47462} #wrap .talk_detail.talk_11 .talk_cont .txt_box .qa_txt dt, #wrap .talk_detail.talk_11 .talk_cont .txt_box .qa_txt dt:before{color:#6d61c3} #wrap .talk_detail.talk_12 .talk_cont .txt_box .qa_txt dt, #wrap .talk_detail.talk_12 .talk_cont .txt_box .qa_txt dt:before{color:#10AF4A} #wrap .talk_detail.talk_13 .talk_cont .txt_box .qa_txt dt, #wrap .talk_detail.talk_13 .talk_cont .txt_box .qa_txt dt:before{color:#EF952E} #wrap .talk_detail.talk_14 .talk_cont .txt_box .qa_txt dt, #wrap .talk_detail.talk_14 .talk_cont .txt_box .qa_txt dt:before{color:#C458A7} /* season2 */ /* 1:1 문의 */ #wrap .radius_select_box{padding:70px 24px 0;} #wrap .radius_select_box .selet_box.on .select_btn{border-color:#333;border-bottom:1px solid #fff;border-radius:24px 24px 0 0;} #wrap .radius_select_box .selet_box.on .select_btn:after{content:'';background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_updown_dark.png')no-repeat;background-size:contain;transform:rotate(-180deg);} #wrap .radius_select_box .selet_box.on .select_btn:before{content:'';width:calc(100% - 32px);height:1px;background-color:#ddd;position:absolute;left:16px;bottom:0;z-index:2;} #wrap .radius_select_box .selet_box.on ul{display:block;background-color:#fff;} #wrap .radius_select_box .selet_box{display:inline-block;width:calc(50% - 3px);vertical-align:top;position:relative} #wrap .radius_select_box .selet_box:last-of-type{margin-left:6px;} #wrap .radius_select_box .selet_box .select_btn{display:block;font-size:14px;line-height:24px;color:#000;letter-spacing:-.3px;padding:12px 0 12px 24px;border-radius:27px;border:1px solid #ddd;box-sizing:border-box;width:100%;text-align:left;position:relative} #wrap .radius_select_box .selet_box .select_btn:after{content:'';width:24px;height:24px;position:absolute;top:12px;right:20px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_updown.png')no-repeat;background-size:contain;transition:.3s;} #wrap .radius_select_box .selet_box ul{padding:4px 0 16px 24px;border:1px solid #333;border-radius:0 0 24px 24px;border-top:0;position:absolute;top:48px;width:100%;box-sizing:border-box; display:none;z-index:1;} #wrap .radius_select_box .selet_box ul li{padding:8px 0;position:relative;} #wrap .radius_select_box .selet_box ul li button{display:block;font-size:14px;line-height:24px;color:#999;letter-spacing:-.3px;text-align:left;} #wrap .radius_select_box .selet_box ul li.on button{color:#000} #wrap .radius_select_box .selet_box ul li.on button:after{content:'';width:24px;height:24px;position:absolute;top:8px;right:20px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/icons-status-now.png')no-repeat;background-size:contain;} #wrap .one_on_one_list{margin-top:16px;padding-bottom:98px;} #wrap .one_on_one_list ol{padding:0 24px} #wrap .one_on_one_list ol li{border-bottom:1px solid #eee;} #wrap .one_on_one_list ol li.no_data{border-bottom:0;} #wrap .one_on_one_list ol li.no_data img{width:120px;margin:52px auto 0;display:block} #wrap .one_on_one_list ol li.no_data p{font-size:12px;line-height:24px;text-align:center;margin-top:10px;letter-spacing:-.3px;color:#ccc;} #wrap .one_on_one_list ol li a{display:block;padding:16px 0;} #wrap .one_on_one_list ol li a .left_box{display:inline-block;vertical-align:top;width:calc(100% - 100px);} #wrap .one_on_one_list ol li a .left_box .info_txt span{display:inline-block;font-size:12px;line-height:24px;color:#000;letter-spacing:-.3px;} #wrap .one_on_one_list ol li a .left_box .info_txt em{display:inline-block;font-size:12px;line-height:24px;color:#999;letter-spacing:-.3px;margin-left:12px;font-style:normal;} #wrap .one_on_one_list ol li a .left_box p{font-size:14px;line-height:24px;color:#000;letter-spacing:-.3px;font-weight:600;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} #wrap .one_on_one_list ol li a .right_box{display:inline-block;vertical-align:top;width:100px;} #wrap .one_on_one_list ol li a .right_box span{display:block;font-size:12px;line-height:24px;color:#999;letter-spacing:-.3px;text-align:right;padding:12px 20px 12px 0;position:relative;} #wrap .one_on_one_list ol li a .right_box span:after{content:'';width:24px;height:24px;position:absolute;top:12px;right:-4px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_arr.png')no-repeat;background-size:contain;} #wrap .one_on_one_list ol li a .right_box span.complete{color:#1d5fff} #wrap .float_btn.large{width:calc(100% - 48px)} #wrap .float_btn.ico_wirte{background-color:#1d5fff;text-indent:32px;font-weight:600;} #wrap .float_btn.ico_wirte:after{content:'';width:32px;height:32px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/icon-enquire.png')no-repeat;background-size:contain;position:absolute;top:16px;left:50%;transform:translateX(-64px);} #wrap .one_on_one_detail{padding:70px 0 0;} #wrap .one_on_one_detail .user_cont{padding:0 24px;} #wrap .one_on_one_detail .user_cont .tit_box{padding:16px 0;border-bottom:1px solid #eee;} #wrap .one_on_one_detail .user_cont .tit_box .top_tit span{font-size:12px;line-height:24px;display:inline-block;letter-spacing:-.3px;color:#000;} #wrap .one_on_one_detail .user_cont .tit_box .top_tit em{font-size:12px;line-height:24px;display:inline-block;letter-spacing:-.3px;color:#999;margin-left:12px;font-style:normal;} #wrap .one_on_one_detail .user_cont .tit_box .top_tit .state_txt{float:right;color:#999} #wrap .one_on_one_detail .user_cont .tit_box .top_tit .state_txt.complete{color:#1d5fff} #wrap .one_on_one_detail .user_cont .tit_box h3{font-size:14px;line-height:24px;color:#000;letter-spacing:-.3px;} #wrap .one_on_one_detail .user_cont .product_box{padding:16px 0;border-bottom:1px solid #eee} #wrap .one_on_one_detail .user_cont .product_box img{width:48px;height:48px;display:inline-block;vertical-align:top;background-size:contain;border-radius:50%;} #wrap .one_on_one_detail .user_cont .product_box .product_txt{display:inline-block;vertical-align:top;width:calc(100% - 64px);margin-left:16px;} #wrap .one_on_one_detail .user_cont .product_box .product_txt p{font-size:14px;line-height:24px;color:#000;letter-spacing:-.3px;} #wrap .one_on_one_detail .user_cont .product_box .product_txt strong{font-size:14px;line-height:24px;color:#000;letter-spacing:-.3px;display:inline-block;vertical-align:top;} #wrap .one_on_one_detail .user_cont .product_box .product_txt span{font-size:14px;line-height:24px;color:#000;letter-spacing:-.3px;display:inline-block;vertical-align:top;margin-left:8px;} #wrap .one_on_one_detail .user_cont .detail_box{padding:16px 0 24px;} #wrap .one_on_one_detail .user_cont .detail_box p{font-size:14px;line-height:24px;color:#666;letter-spacing:-.3px;} #wrap .one_on_one_detail .user_cont .detail_box .img_box{margin-top:16px;} #wrap .one_on_one_detail .user_cont .detail_box .img_box img{width:80px;height:80px;display:inline-block;background-size:100% 100%;border-radius:4px;margin-right:8px;} #wrap .one_on_one_detail .user_cont .detail_box .img_box img:last-of-type{margin-right:0;} #wrap .one_on_one_detail .admin_box{padding:24px 24px 58px;background-color:#f7f9ff;} #wrap .one_on_one_detail .admin_box p{font-size:12px;line-height:24px;color:#000;letter-spacing:-.3px;font-weight:600;} #wrap .one_on_one_detail .admin_box .admin_txt .nickname_box{margin-bottom:8px} #wrap .one_on_one_detail .admin_box .admin_txt .nickname_box strong{font-size:12px;line-height:24px;color:#000;letter-spacing:-.3px;display:inline-block;vertical-align:top;} #wrap .one_on_one_detail .admin_box .admin_txt .nickname_box span{font-size:12px;line-height:24px;color:#999;letter-spacing:-.3px;display:inline-block;vertical-align:top;margin-left:8px;} #wrap .one_on_one_detail .admin_box .admin_txt p{font-size:14px;font-weight:400;} #wrap .one_on_one_detail .admin_box .admin_txt .line_btn{display:block;margin:24px auto 0;line-height:48px;border:1px solid #ddd;border-radius:27px;font-size:14px;letter-spacing:-.3px;color:#111;text-align:center;} #wrap .one_on_one_write{padding:70px 24px 50px;} #wrap .one_on_one_write .inp_box{margin-top:20px;} #wrap .one_on_one_write .inp_box input[type=text], #wrap .one_on_one_write .inp_box input[type=number] {display: block;line-height: 48px;padding: 0 50px 0 16px;border: 1px solid #ddd;width: 100%;height: 48px;box-sizing: border-box;font-size: 14px;-webkit-appearance: none;-moz-appearance: none;appearance: none;color: #000;background-color: #fff;} #wrap .one_on_one_write .inp_box p{font-size:14px;line-height:22px;color:#999;letter-spacing:-.3px;margin-bottom:8px;} #wrap .one_on_one_write .inp_box .rel_box{position:relative;} #wrap .one_on_one_write .inp_box .rel_box.drop:after{content:'';width:24px;height:24px;position:absolute;top:12px;right:10px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_updown_dark.png')no-repeat;background-size:contain;z-index:1;} #wrap .one_on_one_write .inp_box .rel_box.plus:after{content:'';width:24px;height:24px;position:absolute;top:12px;right:10px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/icons-arrow-plus.png')no-repeat;background-size:contain;z-index:1;} #wrap .one_on_one_write .inp_box .rel_box select{display:block;line-height:48px;padding:0 50px 0 16px;border:1px solid #ddd;width:100%;height:48px;box-sizing:border-box;font-size:14px;-webkit-appearance: none;-moz-appearance: none;appearance: none;color:#bbb;background-color:#fff;} #wrap .one_on_one_write .inp_box .rel_box select:selected{color:#000} #wrap .one_on_one_write .inp_box .rel_box button{display:block;line-height:46px;padding:0 50px 0 16px;border:1px solid #ddd;width:100%;height:48px;box-sizing:border-box;text-align:left;color:#bbb;font-size:14px;} #wrap .one_on_one_write .inp_box .rel_box textarea{display:block;line-height:24px;padding:16px;border:1px solid #ddd;width:100%;box-sizing:border-box;font-size:14px;color:#000;font-family: 'Noto Sans KR', sans-serif;font-size:14px;} #wrap .one_on_one_write .inp_box .rel_box input{order: 0;padding: 0;font-size: 0;line-height: inherit;color: transparent;letter-spacing: 0;width: 0 !important;display:none;} #wrap .one_on_one_write .inp_box .rel_box label{display:block;line-height:48px;padding:0 50px 0 16px;border:1px solid #ddd;width:100%;height:48px;box-sizing:border-box;color:#bbb;font-size:14px;} #wrap .one_on_one_write .inp_box #image_container{margin-top:8px} #wrap .one_on_one_write .inp_box #image_container div{display:inline-block;width:80px;height:80px;margin-right:8px;border-radius:4px;position:relative;overflow:hidden;} #wrap .one_on_one_write .inp_box #image_container div:last-of-type{margin-right:0;} #wrap .one_on_one_write .inp_box #image_container div img{width:100%;height:100%;} #wrap .one_on_one_write .inp_box #image_container div button{position:absolute;top:8px;right:8px;width:24px;height:24px;background-image:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_img_delect.png');background-size:24px;background-repeat:no-repeat;} #wrap .one_on_one_write .inp_box .product_box{padding:16px;border:1px solid #ddd;border-top:0} #wrap .one_on_one_write .inp_box .product_box img{width:48px;height:48px;display:inline-block;vertical-align:top;background-size:contain;border-radius:50%;} #wrap .one_on_one_write .inp_box .product_box .product_txt{display:inline-block;vertical-align:top;width:calc(100% - 64px);margin-left:16px;} #wrap .one_on_one_write .inp_box .product_box .product_txt p{font-size:14px;line-height:24px;color:#000;letter-spacing:-.3px;margin:0;} #wrap .one_on_one_write .inp_box .product_box .product_txt strong{font-size:14px;line-height:24px;color:#000;letter-spacing:-.3px;display:inline-block;vertical-align:top;} /* 수정 by neople 2022-06-04 #wrap .one_on_one_write .inp_box .product_box .product_txt span{font-size:14px;line-height:24px;color:#000;letter-spacing:-.3px;display:inline-block;vertical-align:top;margin-left:8px;} */ #wrap .one_on_one_write .inp_box .product_box .product_txt span{font-size:12px;line-height:24px;color:#000;letter-spacing:-.3px;display:inline-block;vertical-align:top;} #wrap .one_on_one_write .noti_txt{margin-top:16px;} #wrap .one_on_one_write .noti_txt ul li{font-size:12px;line-height:24px;color:#999;letter-spacing:-.3px;} #wrap .one_on_one_write .inquiry_btn{display:block;line-height:48px;font-size:15px;color:#fff;border-radius:36px;text-align:center;width:100%;margin-top:40px;background-color:#000;font-weight:600;} #wrap .one_on_one_write .inquiry_btn:disabled{background-color:#aaa;color:#ccc} #wrap .one_on_one_write .chk_cont{margin-top:16px} #wrap .one_on_one_write .chk_cont input{border:0;padding:0;font-size:0;line-height:inherit;color:transparent;letter-spacing:0;width:0 !important} #wrap .one_on_one_write .chk_cont input[type="checkbox"] + label::before{display:inline-block;content:"";width:24px;height:24px;border:2px solid #000;box-sizing:border-box;margin-right:8px;} #wrap .one_on_one_write .chk_cont input[type="checkbox"]:checked + label::before{background-image:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_chk_black.png');background-size:24px;background-repeat:no-repeat;background-position:center center} #wrap .one_on_one_write .chk_cont label{display:inline-block;width:100%;} #wrap .one_on_one_write .chk_cont label span{display:inline-block;line-height:24px;font-size:12px;color:#000;vertical-align:top;letter-spacing:-.3px;font-weight:700;width:calc(100% - 32px);} #wrap .product_option .product_pop{border-radius:24px 24px 0 0;background-color: #fff;position:fixed;bottom:0;left:0;z-index:200;height:0;box-sizing:border-box;transition:.5s;width:100%;} #wrap .product_option .product_pop .close_arrow{display:block;width:100%;height:48px;position:relative;} #wrap .product_option .product_pop .close_arrow:after{content:'';width:40px;height:40px;position:absolute;top:0;left:50%;transform:translateX(-50%);background:url('https://kr.object.ncloudstorage.com/kanu/uploads/btn-arrow-modal.png')no-repeat;background-size:contain;} #wrap .product_option .product_pop h3{font-size:16px;line-height:24px;color:#999;letter-spacing:-.3px;padding:0 24px 20px;border-bottom:1px solid #eee;font-weight:400;} #wrap .product_option .product_pop .product_list{padding:0 24px;overflow-y:scroll;height:calc(100% - 222px);} #wrap .product_option .product_pop .product_list .product_item{margin-bottom:20px} #wrap .product_option .product_pop .product_list .product_item .order_date{font-size:12px;line-height:20px;padding:20px 0;letter-spacing:-.3px;font-weight:600;border-bottom:1px solid #eee} #wrap .product_chkbox{position:relative;padding:20px 0;border-bottom:1px solid #eee} #wrap .product_chkbox input{border:0;padding:0;font-size:0;line-height:inherit;color:transparent;letter-spacing:0;width:0 !important} #wrap .product_chkbox input[type="checkbox"] + label::before{display:inline-block;content:"";width:24px;height:24px;border:2px solid #000;box-sizing:border-box;position:absolute;top:24px;left:0;} #wrap .product_chkbox input[type="checkbox"]:checked + label::before{background-image:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_chk_black.png');background-size:24px;background-repeat:no-repeat;background-position:center center} /* START 라디오 버튼 클래스 추가 by neople 2022-06-04 */ #wrap .product_chkbox input[type="radio"] + label::before{display:inline-block;content:"";width:24px;height:24px;border:2px solid #000;box-sizing:border-box;position:absolute;top:24px;left:0;} #wrap .product_chkbox input[type="radio"]:checked + label::before{background-image:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_chk_black.png');background-size:24px;background-repeat:no-repeat;background-position:center center} /* E N D 라디오 버튼 클래스 추가 by neople 2022-06-04 */ #wrap .product_chkbox label{display:block;padding-left:40px;} #wrap .product_chkbox label .option_txt{display:inline-block;vertical-align:top;width:calc(100% - 72px);} #wrap .product_chkbox label .option_txt p{font-size:16px;line-height:20px;letter-spacing:-.5px;color:#000;} #wrap .product_chkbox label .option_txt p:last-of-type{margin-top:4px} #wrap .product_chkbox label .option_txt div{margin-top:18px} #wrap .product_chkbox label .option_txt div strong{display:inline-block;font-size:14px;line-height:20px;letter-spacing:-.3px;color:#000;} #wrap .product_chkbox label .option_txt div span{display:inline-block;font-size:14px;line-height:20px;letter-spacing:-.3px;color:#000;margin-left:8px;} #wrap .product_chkbox label img{display:inline-block;width:48px;height:48px;vertical-align:top;border-radius:50%;background-size:contain;margin-left:24px;} #wrap .product_option .product_pop .finish_cont{width: calc(100% - 48px);padding: 32px 24px;border-top:1px solid #eee;background-color:#fff;} #wrap .product_option .product_pop .finish_cont button{display:block;text-align:center;font-size:16px;letter-spacing:-.3px;color:#fff;background-color:#ce0e2d;border-radius:36px;line-height:64px;width:100%;font-weight:600;} #wrap .finish_wrap{padding:260px 24px 0;height:calc(100% - 260px);position:relative} #wrap .finish_wrap h2{font-size:28px;line-height:40px;color:#000;letter-spacing:-.3px;text-align:center;} #wrap .finish_wrap .btn_wrap{position:absolute;width:calc(100% - 48px);bottom:34px} #wrap .finish_wrap .btn_wrap a{display:block;line-height:48px;width:100%;font-size:14px;letter-spacing:-.3px;border-radius:27px;text-align:center;} #wrap .finish_wrap .btn_wrap a:last-of-type{margin-top:8px} #wrap .finish_wrap .btn_wrap .line_btn{color:#999;border:1px solid #ddd} #wrap .finish_wrap .btn_wrap .back_btn{color:#fff;background-color:#000;} #wrap .cart_wrap{padding:70px 0 0} #wrap .top_chk_cont{padding:20px 24px;border-bottom:1px solid #eee} #wrap .top_chk_cont .top_chk_box{display:inline-block;width:calc(100% - 50px);vertical-align:top;position:relative;} #wrap .top_chk_cont .top_chk_box input{border:0;padding:0;font-size:0;line-height:inherit;color:transparent;letter-spacing:0;width:0 !important} #wrap .top_chk_cont .top_chk_box input[type="checkbox"] + label::before{display:inline-block;content:"";width:24px;height:24px;border:2px solid #000;box-sizing:border-box;position:absolute;top:0;left:0;} #wrap .top_chk_cont .top_chk_box input[type="checkbox"]:checked + label::before{background-image:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_chk_black.png');background-size:24px;background-repeat:no-repeat;background-position:center center} #wrap .top_chk_cont .top_chk_box label{display:block;padding-left:40px;} #wrap .top_chk_cont .top_chk_box label span{display:inline-block;font-size:12px;line-height:24px;color:#000;letter-spacing:-.3px;font-weight:600;} #wrap .top_chk_cont button{display:inline-block;font-size:12px;line-height:24px;color:#000;letter-spacing:-.3px;text-align:right;font-weight:600;width:50px;vertical-align:top;} #wrap .cart_wrap .cart_list{padding:0 24px;} #wrap .cart_wrap .cart_list .cart_item{padding:20px 0;border-bottom:1px solid #eee} #wrap .cart_wrap .cart_list .cart_item:last-of-type{border-bottom:0} #wrap .cart_wrap .cart_list .cart_item .chk_box{position:relative;width:24px;display:inline-block;vertical-align:top;} #wrap .cart_wrap .cart_list .cart_item .chk_box input{border:0;padding:0;font-size:0;line-height:inherit;color:transparent;letter-spacing:0;width:0 !important} #wrap .cart_wrap .cart_list .cart_item .chk_box input[type="checkbox"] + label::before{display:inline-block;content:"";width:24px;height:24px;border:2px solid #000;box-sizing:border-box;position:absolute;top:0;left:0;} #wrap .cart_wrap .cart_list .cart_item .chk_box input[type="checkbox"]:checked + label::before{background-image:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_chk_black.png');background-size:24px;background-repeat:no-repeat;background-position:center center} #wrap .cart_wrap .cart_list .cart_item .chk_box label{display:block;} #wrap .cart_wrap .cart_list .cart_item .cart_product{display:inline-block;vertical-align:top;width:calc(100% - 40px);padding-left:16px;} #wrap .cart_wrap .cart_list .cart_item .cart_product .option_txt{margin-bottom:8px} #wrap .cart_wrap .cart_list .cart_item .cart_product .option_txt .txt_box{display:inline-block;width:calc(100% - 72px);vertical-align:top;} #wrap .cart_wrap .cart_list .cart_item .cart_product .option_txt .txt_box p{font-size:16px;line-height:20px;color:#000;letter-spacing:-.5px;} #wrap .cart_wrap .cart_list .cart_item .cart_product .option_txt .txt_box p:last-of-type{margin-top:4px} #wrap .cart_wrap .cart_list .cart_item .cart_product .option_txt img{display:inline-block;width:48px;vertical-align:top;border-radius:50%;margin-left:24px;background-size:contain;} #wrap .cart_wrap .cart_list .cart_item .cart_product .result_box .num_control{display:inline-block;padding:3px 10px;border-radius:16px;border:1px solid #f1f1f1;} #wrap .cart_wrap .cart_list .cart_item .cart_product .result_box .num_control button{display:inline-block;width:24px;height:24px;background-size:contain;background-repeat:no-repeat;} #wrap .cart_wrap .cart_list .cart_item .cart_product .result_box .num_control .minus{background-image:url('https://kr.object.ncloudstorage.com/kanu/uploads/icons-arrow-minus-gray.png');} #wrap .cart_wrap .cart_list .cart_item .cart_product .result_box .num_control .plus{background-image:url('https://kr.object.ncloudstorage.com/kanu/uploads/icons-arrow-plus-gray.png');} #wrap .cart_wrap .cart_list .cart_item .cart_product .result_box .num_control span{display:inline-block;font-size:14px;line-height:24px;color:#000;letter-spacing:-.3px;width:24px;text-align:center;font-weight:600;margin:0 4px;} #wrap .cart_wrap .cart_list .cart_item .cart_product .result_box strong{float:right;font-size:14px;color:#000;letter-spacing:-.3px;text-align:right;line-height:32px;} #wrap .cart_wrap .result_cont{border-top:12px solid #f8f8f8;padding:0 24px 34px;} #wrap .cart_wrap .result_cont .result_detail{padding:20px 0;border-bottom:1px solid #eee} #wrap .cart_wrap .result_cont .result_detail dl{margin-bottom:8px} #wrap .cart_wrap .result_cont .result_detail dl:last-of-type{margin-bottom:0;} #wrap .cart_wrap .result_cont .result_detail dl dt{display:inline-block;font-size:14px;line-height:24px;color:#999;letter-spacing:-.3px;vertical-align:top;width:50%;} #wrap .cart_wrap .result_cont .result_detail dl dd{display:inline-block;font-size:20px;line-height:24px;color:#000;letter-spacing:-.3px;vertical-align:top;position:relative;text-align:right;width:50%;} #wrap .cart_wrap .result_cont .result_detail dl dd:after{content:'원';font-size:14px;line-height:24px;color:#000;letter-spacing:-.3px;margin-left:4px;} #wrap .cart_wrap .result_cont .result_last{padding:20px 0 40px;} #wrap .cart_wrap .result_cont .result_last dl dt{display:inline-block;font-size:14px;line-height:24px;color:#999;letter-spacing:-.3px;vertical-align:top;width:50%;} #wrap .cart_wrap .result_cont .result_last dl dd{display:inline-block;font-size:20px;line-height:24px;color:#000;letter-spacing:-.3px;vertical-align:top;position:relative;text-align:right;width:50%;font-weight:600;} #wrap .cart_wrap .result_cont .result_last dl dd:after{content:'원';font-size:14px;line-height:24px;color:#000;letter-spacing:-.3px;margin-left:4px;font-weight:400;} #wrap .cart_wrap .result_cont .result_btn{line-height: 64px;font-size: 16px;color: #fff;letter-spacing: -.3px;background-color: #1d5fff;text-align: center;border-radius: 36px;width:100%;font-weight:600;} #wrap .payment_wrap{padding:70px 24px 34px;} #wrap .payment_tab .tab_btn{padding:20px 0;border-bottom:2px solid #333;position:relative;} #wrap .payment_tab .tab_btn:after{content:'';width:24px;height:24px;position:absolute;top:20px;right:0;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_updown_dark.png')no-repeat;background-size:contain;z-index:1;transform:rotate(0deg);transition:.3s;} #wrap .payment_tab .tab_btn.open:after{transform:rotate(-180deg);} #wrap .payment_tab .tab_btn button{font-size:16px;line-height:24px;color:#000;letter-spacing:-.3px;font-weight:600;} #wrap .payment_tab .tab_btn span{position:absolute;font-size:14px;line-height:24px;color:#36afff;font-weight:600;top:20px;right:32px;} #wrap .payment_tab .tab_btn span.result_ea{color:#000;font-weight:400;} #wrap .payment_tab .tab_cont{padding:20px 0 40px} #wrap .payment_tab .tab_cont .inp_box h4{font-size:14px;line-height:22px;color:#999;letter-spacing:-.3px;padding:20px 0 8px;} #wrap .payment_tab .tab_cont .inp_box input{display:block;width:100%;height:48px;border:1px solid #ddd;box-sizing:border-box;padding:12px;font-size:16px;line-height:24px;color:#000;letter-spacing:-.3px;margin-bottom:8px} #wrap .payment_tab .tab_cont .inp_box .select_box{position:relative;} #wrap .payment_tab .tab_cont .inp_box .select_box select{display:block;width:100%;height:48px;border:1px solid #ddd;box-sizing:border-box;padding:12px;font-size:16px;line-height:24px;color:#000;letter-spacing:-.3px;margin-bottom:8px;-webkit-appearance: none;-moz-appearance: none;appearance: none;} #wrap .payment_tab .tab_cont .inp_box .select_box:after{content:'';width:24px;height:24px;position:absolute;top:12px;right:10px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_updown_dark.png')no-repeat;background-size:contain;z-index:1;} #wrap .payment_tab .tab_cont .btn_inp_box{margin-bottom:8px;position:relative} #wrap .payment_tab .tab_cont .btn_inp_box input{display:block;width:100%;height:48px;border:1px solid #ddd;box-sizing:border-box;padding:12px 92px 12px 12px;font-size:16px;line-height:24px;color:#000;letter-spacing:-.3px;margin-bottom:0} #wrap .payment_tab .tab_cont .btn_inp_box input::selection {background-color:transparent;color:#bbb} #wrap .payment_tab .tab_cont .btn_inp_box input:focus-visible{outline:none;} #wrap .payment_tab .tab_cont .btn_inp_box button{position:absolute;width:80px;line-height:36px;text-align:center;color:#fff;font-size:12px;background-color:#000;top:6px;right:6px;z-index:10;} #wrap .payment_tab .tab_cont .all_agree {padding:10px 0 2px} #wrap .payment_tab .tab_cont .all_agree input{border:0;padding:0;font-size:0;line-height:inherit;color:transparent;letter-spacing:0;width:0 !important} #wrap .payment_tab .tab_cont .all_agree input[type="checkbox"] + label::before{display:inline-block;content:"";width:24px;height:24px;border:2px solid #000;box-sizing:border-box;margin-right:8px;} #wrap .payment_tab .tab_cont .all_agree input[type="checkbox"]:checked + label::before{background-image:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_chk_black.png');background-size:24px;background-repeat:no-repeat;background-position:center center} #wrap .payment_tab .tab_cont .all_agree label{display:inline-block;} #wrap .payment_tab .tab_cont .all_agree label span{display:inline-block;line-height:24px;font-size:12px;color:#000;vertical-align:top;letter-spacing:-.3px;font-weight:700;} #wrap .payment_tab .tab_cont .item_list li{padding:20px 0;border-bottom:1px solid #eee} #wrap .payment_tab .tab_cont .item_list li:first-of-type{padding-top:0;} #wrap .payment_tab .tab_cont .item_list li .option_txt{margin-bottom:14px} #wrap .payment_tab .tab_cont .item_list li .option_txt .txt_box{display:inline-block;width:calc(100% - 72px);vertical-align:top;} #wrap .payment_tab .tab_cont .item_list li .option_txt .txt_box p{font-size:16px;line-height:20px;color:#000;letter-spacing:-.5px;} #wrap .payment_tab .tab_cont .item_list li .option_txt .txt_box p:last-of-type{margin-top:4px} #wrap .payment_tab .tab_cont .item_list li .option_txt img{display:inline-block;width:48px;vertical-align:top;border-radius:50%;margin-left:24px;background-size:contain;} #wrap .payment_tab .tab_cont .item_list li .result_num strong{display:inline-block;font-size:14px;line-height:20px;color:#000;letter-spacing:-.3px;vertical-align:top;} #wrap .payment_tab .tab_cont .item_list li .result_num span{display:inline-block;font-size:14px;line-height:20px;color:#000;letter-spacing:-.3px;vertical-align:top;margin-left:8px;} #wrap .payment_tab .tab_cont .pay_list{margin:-4px;} #wrap .payment_tab .tab_cont .pay_list li{float:left;width:calc(50% - 8px);margin:4px} #wrap .payment_tab .tab_cont .pay_list li input{border:0;padding:0;font-size:0;line-height:inherit;color:transparent;letter-spacing:0;width:0 !important} #wrap .payment_tab .tab_cont .pay_list li input[type="radio"]:checked + label{border-color:#000;background-color:#000;color:#fff} #wrap .payment_tab .tab_cont .pay_list label{display:block;border:1px solid #ddd;border-radius:27px;line-height:46px;text-align:center;font-size:14px;letter-spacing:-.3px;color:#999} #wrap .payment_tab .tab_cont .pay_select_cont{margin-top:20px} #wrap .payment_tab .tab_cont .pay_select_cont .select_box{position:relative;} #wrap .payment_tab .tab_cont .pay_select_cont .select_box:last-of-type{margin-top:8px} #wrap .payment_tab .tab_cont .pay_select_cont .select_box:after{content:'';width:24px;height:24px;position:absolute;top:12px;right:10px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_updown_dark.png')no-repeat;background-size:contain;z-index:1;} #wrap .payment_tab .tab_cont .pay_select_cont .select_box select{display:block;width:100%;height:48px;border:1px solid #ddd;box-sizing:border-box;padding:12px;font-size:16px;line-height:24px;color:#000;letter-spacing:-.3px;margin-bottom:8px;-webkit-appearance: none;-moz-appearance: none;appearance: none;} #wrap .payment_tab .tab_cont .result_detail{padding:20px 0;border-bottom:1px solid #eee} #wrap .payment_tab .tab_cont .result_detail dl{margin-bottom:8px} #wrap .payment_tab .tab_cont .result_detail dl:last-of-type{margin-bottom:0;} #wrap .payment_tab .tab_cont .result_detail dl dt{display:inline-block;font-size:14px;line-height:24px;color:#999;letter-spacing:-.3px;vertical-align:top;width:50%;} #wrap .payment_tab .tab_cont .result_detail dl dd{display:inline-block;font-size:20px;line-height:24px;color:#000;letter-spacing:-.3px;vertical-align:top;position:relative;text-align:right;width:50%;} #wrap .payment_tab .tab_cont .result_detail dl dd:after{content:'원';font-size:14px;line-height:24px;color:#000;letter-spacing:-.3px;margin-left:4px;} #wrap .payment_tab .tab_cont .result_last{padding:20px 0 0;} #wrap .payment_tab .tab_cont .result_last dl dt{display:inline-block;font-size:14px;line-height:24px;color:#999;letter-spacing:-.3px;vertical-align:top;width:50%;} #wrap .payment_tab .tab_cont .result_last dl dd{display:inline-block;font-size:20px;line-height:24px;color:#000;letter-spacing:-.3px;vertical-align:top;position:relative;text-align:right;width:50%;font-weight:600;} #wrap .payment_tab .tab_cont .result_last dl dd:after{content:'원';font-size:14px;line-height:24px;color:#000;letter-spacing:-.3px;margin-left:4px;font-weight:400;} #wrap .payment_wrap .result_cont{margin-top:10px} #wrap .payment_wrap .result_cont .pay_agree_cont{margin-bottom:40px} #wrap .payment_wrap .result_cont .pay_agree_cont input{border:0;padding:0;font-size:0;line-height:inherit;color:transparent;letter-spacing:0;width:0 !important} #wrap .payment_wrap .result_cont .pay_agree_cont input[type="checkbox"] + label::before{display:inline-block;content:"";width:24px;height:24px;border:2px solid #000;box-sizing:border-box;margin-right:8px;} #wrap .payment_wrap .result_cont .pay_agree_cont input[type="checkbox"]:checked + label::before{background-image:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_chk_black.png');background-size:24px;background-repeat:no-repeat;background-position:center center} #wrap .payment_wrap .result_cont .pay_agree_cont label{display:inline-block;} #wrap .payment_wrap .result_cont .pay_agree_cont label span{display:inline-block;line-height:24px;font-size:12px;color:#000;vertical-align:top;letter-spacing:-.3px;font-weight:700;width:calc(100% - 32px);} #wrap .payment_wrap .result_cont .result_btn{line-height: 64px;font-size: 16px;color: #fff;letter-spacing: -.3px;background-color: #1d5fff;text-align: center;border-radius: 36px;width:100%;font-weight:600;} #wrap .buy_wrap{padding:70px 0 0;} #wrap .buy_wrap .category_wrap{width:100%;overflow-x:scroll;} #wrap .buy_wrap .category_wrap ol{width:max-content;padding:0 24px;} #wrap .buy_wrap .category_wrap ol li{display:inline-block;margin-right:8px;} #wrap .buy_wrap .category_wrap ol li:last-of-type{margin-right:0;} #wrap .buy_wrap .category_wrap ol li input{border:0;padding:0;font-size:0;line-height:inherit;color:transparent;letter-spacing:0;width:0 !important} #wrap .buy_wrap .category_wrap ol li input[type="radio"]:checked + label{border-color:#000;background-color:#000;color:#fff} #wrap .buy_wrap .category_wrap ol li label{display:block;border:1px solid #ddd;border-radius:27px;line-height:46px;text-align:center;font-size:14px;letter-spacing:-.3px;color:#999;padding:0 24px;} #wrap .buy_wrap .product_wrap{margin-top:8px;padding:0 24px;} #wrap .buy_wrap .product_wrap span{display:inline-block;vertical-align:top;display:inline-block;width:50%;font-size:14px;line-height:48px;color:#000;letter-spacing:-.3px;} #wrap .buy_wrap .product_wrap .product_sort{position:relative;background-color:#fff;display:inline-block;width:50%;text-align:right;vertical-align:top;} #wrap .buy_wrap .product_wrap .product_sort .product_btn{width:auto;line-height:48px;font-size:14px;color:#000;letter-spacing:-.3px;text-align:left;position:relative;padding-right:30px;} #wrap .buy_wrap .product_wrap .product_sort .product_btn.on:after{transform: rotate(-180deg);} #wrap .buy_wrap .product_wrap .product_sort .product_btn:after{content:'';width:24px;height:24px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_updown_dark.png')no-repeat;background-size:contain;position:absolute;top:12px;right:0;transition: all .2s ease-in-out} #wrap .buy_wrap .product_wrap .product_sort .product_box{position:absolute;top:48px;left:0;z-index:10;display:none;} #wrap .buy_wrap .product_wrap .product_sort .product_box.open{display: block;} #wrap .buy_wrap .product_wrap .product_sort .product_box li button{width:100%;line-height:48px;font-size:14px;color:#000;letter-spacing:-.3px;text-align:left;background-color:#fff;display:block;padding:0 36px 0 24px;background-color:#f5f5f5;} #wrap .buy_wrap .product_wrap .product_list{padding:8px 0 34px;margin:0 -4px;} #wrap .buy_wrap .product_wrap .product_list li{float:left;width:calc(50% - 8px);margin:12px 4px;position:relative;} #wrap .buy_wrap .product_wrap .product_list li:nth-child(1), #wrap .buy_wrap .product_wrap .product_list li:nth-child(2){margin-top:0} #wrap .buy_wrap .product_wrap .product_list li .img_box{position:relative;} #wrap .buy_wrap .product_wrap .product_list li .img_box a{display:block;border-radius:8px;overflow:hidden;} #wrap .buy_wrap .product_wrap .product_list li .img_box a img{background-size:contain;background-color:#f1f1f1;} #wrap .buy_wrap .product_wrap .product_list li .img_box .cart_btn{position:absolute;width:40px;height:40px;right:12px;bottom:12px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/btn-shop-cart.png')no-repeat;background-size:contain;z-index:1;} #wrap .buy_wrap .product_wrap .product_list li .txt_box a{display:block;padding-top:8px} #wrap .buy_wrap .product_wrap .product_list li .txt_box a p{font-size:14px;line-height:20px;color:#000;letter-spacing:-.3px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} #wrap .buy_wrap .product_wrap .product_list li .txt_box a span{font-size:12px;line-height:20px;color:#b4b4b4;display:block;margin-top:4px;text-decoration:line-through;} #wrap .buy_wrap .product_wrap .product_list li .txt_box a strong{font-size:14px;line-height:20px;color:#000;display:block;} #wrap .buy_wrap_detail{padding-bottom:156px} #wrap .buy_wrap_detail .product_visual{position:relative;} #wrap .buy_wrap_detail .product_visual .card_txt{position:absolute;bottom:24px;left:32px} #wrap .buy_wrap_detail .product_visual .card_txt p{font-size:32px;line-height:40px;color:#fff;letter-spacing:-.3px;} #wrap .buy_wrap_detail .product_visual .card_txt .price_txt{margin-top:16px;} #wrap .buy_wrap_detail .product_visual .card_txt .price_txt span{display:inline-block;vertical-align:top;} #wrap .buy_wrap_detail .product_visual .card_txt .price_txt .discount_num{font-size:16px;line-height:24px;color:#fff;} #wrap .buy_wrap_detail .product_visual .card_txt .price_txt .price_num{font-size:14px;line-height:24px;color:#eee;margin-left:8px;text-decoration:line-through;} #wrap .buy_wrap_detail .product_cont .txt_box{padding:40px 32px 20px;} #wrap .buy_wrap_detail .product_cont .txt_box h3{font-size:15px;line-height:28px;letter-spacing:-.3px;color:#000;margin-bottom:24px} #wrap .buy_wrap_detail .product_cont .txt_box i{font-size:15px;line-height:28px;letter-spacing:-.3px;color:#999;text-decoration:underline;margin-bottom:56px;font-style:normal;display:block;font-weight:700;} #wrap .buy_wrap_detail .product_cont .txt_box p{font-size:15px;line-height:28px;letter-spacing:-.3px;color:#666;margin-bottom:20px} #wrap .buy_wrap_detail .product_cont .txt_box p em{font-size:15px;line-height:28px;letter-spacing:-.3px;color:#999;font-style:normal;} #wrap .buy_wrap_detail .product_cont .txt_box span{display:inline-block;font-size:12px;line-height:24px;color:#ccc;letter-spacing:-.3px;position:relative;padding-left:20px;margin-top:20px} #wrap .buy_wrap_detail .product_cont .txt_box span:after{content:'';width:16px;height:16px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_noti_gray.png')no-repeat;background-size:contain;position:absolute;top:4px;left:0;} #wrap .buy_wrap_detail .float_btn{width:calc(100% - 48px);} #wrap .cart_option .cart_pop{border-radius:24px 24px 0 0;background-color: #fff;position:fixed;bottom:0;left:0;z-index:200;height:0;box-sizing:border-box;transition:.5s;width:100%;} #wrap .cart_option .cart_pop .close_arrow{display:block;width:100%;height:48px;position:relative;} #wrap .cart_option .cart_pop .close_arrow:after{content:'';width:40px;height:40px;position:absolute;top:0;left:50%;transform:translateX(-50%);background:url('https://kr.object.ncloudstorage.com/kanu/uploads/btn-arrow-modal.png')no-repeat;background-size:contain;} #wrap .cart_option .cart_pop h3{font-size:16px;line-height:24px;color:#999;letter-spacing:-.3px;padding:0 24px 20px;border-bottom:1px solid #eee;font-weight:400;} #wrap .cart_option .cart_pop .cart_list{padding:0 24px;} #wrap .cart_option .cart_pop .cart_list .cart_product{display:inline-block;vertical-align:top;width:100%} #wrap .cart_option .cart_pop .cart_list .cart_product .option_txt{margin-bottom:8px} #wrap .cart_option .cart_pop .cart_list .cart_product .option_txt .txt_box{display:inline-block;width:calc(100% - 72px);vertical-align:top;} #wrap .cart_option .cart_pop .cart_list .cart_product .option_txt .txt_box p{font-size:16px;line-height:20px;color:#000;letter-spacing:-.5px;} #wrap .cart_option .cart_pop .cart_list .cart_product .option_txt .txt_box p:last-of-type{margin-top:4px} #wrap .cart_option .cart_pop .cart_list .cart_product .option_txt img{display:inline-block;width:48px;vertical-align:top;border-radius:50%;margin-left:24px;background-size:contain;} #wrap .cart_option .cart_pop .cart_list .cart_product .result_box .num_control{display:inline-block;padding:3px 10px;border-radius:16px;border:1px solid #f1f1f1;} #wrap .cart_option .cart_pop .cart_list .cart_product .result_box .num_control button{display:inline-block;width:24px;height:24px;background-size:contain;background-repeat:no-repeat;} #wrap .cart_option .cart_pop .cart_list .cart_product .result_box .num_control .minus{background-image:url('https://kr.object.ncloudstorage.com/kanu/uploads/icons-arrow-minus-gray.png');} #wrap .cart_option .cart_pop .cart_list .cart_product .result_box .num_control .plus{background-image:url('https://kr.object.ncloudstorage.com/kanu/uploads/icons-arrow-plus-gray.png');} #wrap .cart_option .cart_pop .cart_list .cart_product .result_box .num_control span{display:inline-block;font-size:14px;line-height:24px;color:#000;letter-spacing:-.3px;width:24px;text-align:center;font-weight:600;margin:0 4px;} #wrap .cart_option .cart_pop .cart_list .cart_product .result_box strong{float:right;font-size:14px;color:#000;letter-spacing:-.3px;text-align:right;line-height:32px;} #wrap .cart_option .cart_pop .finish_cont{width: calc(100% - 48px);padding:40px 24px 0;background-color:#fff;} #wrap .cart_option .cart_pop .finish_cont button{display:block;text-align:center;font-size:16px;letter-spacing:-.3px;color:#fff;background-color:#c9a070;border-radius:36px;line-height:64px;width:100%;font-weight:600;} #wrap .cart_option .cart_pop .finish_cont.product .cart_btn{width:64px;height:64px;display:inline-block;vertical-align:top;margin-right:8px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/btn-shop-cart.png')no-repeat;font-size:0;background-size:contain;} #wrap .cart_option .cart_pop .finish_cont.product .buy_btn{width:calc(100% - 72px);background-color:#ce122e;display:inline-block;vertical-align:top;} #wrap .buy_list_wrap{margin-top:40px;padding:0 24px;} #wrap .buy_list_wrap .list_item{padding-bottom:20px;} #wrap .buy_list_wrap .list_item .head_txt{border-top:2px solid #333;} #wrap .buy_list_wrap .list_item .head_txt strong{display:inline-block;width:50%;vertical-align:top;font-size:16px;line-height:24px;color:#000;letter-spacing:-.3px;padding:16px 0;} #wrap .buy_list_wrap .list_item .head_txt a{display:inline-block;width:calc(50% - 20px);vertical-align:top;font-size:16px;line-height:24px;color:#000;letter-spacing:-.3px;text-align:right;position:relative;padding:16px 20px 16px 0;} #wrap .buy_list_wrap .list_item .head_txt a:after{content:'';width:24px;height:24px;position:absolute;top:16px;right:-8px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_arr.png')no-repeat;background-size:contain;} #wrap .buy_list_wrap .list_item ul li{padding:20px 0;border-top:1px solid #eee} #wrap .buy_list_wrap .list_item ul li .option_txt{margin-bottom:15px} #wrap .buy_list_wrap .list_item ul li .option_txt .txt_box{display:inline-block;width:calc(100% - 72px);vertical-align:top;} #wrap .buy_list_wrap .list_item ul li .option_txt .txt_box p{font-size:16px;line-height:20px;color:#000;letter-spacing:-.5px;} #wrap .buy_list_wrap .list_item ul li .option_txt .txt_box p:last-of-type{margin-top:4px} #wrap .buy_list_wrap .list_item ul li .option_txt img{display:inline-block;width:48px;vertical-align:top;border-radius:50%;margin-left:24px;background-size:contain;} #wrap .buy_list_wrap .list_item ul li .result_box .price_info{display:inline-block;vertical-align:top;width:50%} #wrap .buy_list_wrap .list_item ul li .result_box .price_info strong{display:inline-block;font-size:14px;line-height:20px;letter-spacing:-.3px;color:#000;float:none;} #wrap .buy_list_wrap .list_item ul li .result_box .price_info span{display:inline-block;font-size:14px;line-height:20px;letter-spacing:-.3px;color:#000;margin-left:8px;} #wrap .buy_list_wrap .list_item ul li .result_box .state_info{display:inline-block;vertical-align:top;width:50%;text-align:right;} #wrap .buy_list_wrap .list_item ul li .result_box .state_info strong{display:inline-block;font-size:12px;line-height:20px;} #wrap .buy_list_wrap .list_item ul li .result_box .state_info a{display:inline-block;vertical-align:top;margin-right:16px;font-size:12px;line-height:20px;letter-spacing:-.3px;color:#5be159;text-decoration:underline;} #wrap .buy_list_wrap .list_item ul li .result_box .state_info.waiting strong{color:#1d5fff;} #wrap .buy_list_wrap .list_item ul li .result_box .state_info.cancel strong{color:#ff1a77} #wrap .buy_list_wrap .list_item ul li .result_box .state_info.end strong{color:#5be159} #wrap .buy_detail_wrap{padding:70px 0 0;} #wrap .buy_detail_wrap .order_num{padding:16px 24px;background-color:#f9f9f9;} #wrap .buy_detail_wrap .order_num span{display:inline-block;font-size:14px;line-height:24px;color:#000;letter-spacing:-.3px;} #wrap .buy_detail_wrap .order_num em{float:right;font-size:12px;line-height:24px;color:#999;letter-spacing:-.3px;text-align:right;font-style:normal;} #wrap .buy_detail_wrap .tab_wrap{padding:20px 24px 0;} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab:last-of-type .tab_cont, #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab:last-of-type .tab_cont .cancel_detail:last-of-type .cancel_info, #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab:last-of-type .tab_cont .product_detail li:last-of-type{padding-bottom:0} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_btn{padding:20px 0;border-bottom:2px solid #333;position:relative;} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_btn:after{content:'';width:24px;height:24px;position:absolute;top:20px;right:0;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_updown_dark.png')no-repeat;background-size:contain;z-index:1;transform:rotate(0deg);transition:.3s;} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_btn.open:after{transform:rotate(-180deg);} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_btn button{font-size:16px;line-height:24px;color:#000;letter-spacing:-.3px;font-weight:600;} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_btn span{position:absolute;font-size:14px;line-height:24px;color:#36afff;font-weight:600;top:20px;right:32px;} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_btn span.result_ea{color:#000;font-weight:400;} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont{padding:20px 0 40px} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .result_detail{padding:20px 0;border-bottom:1px solid #eee} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .result_detail dl{margin-bottom:8px} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .result_detail dl:last-of-type{margin-bottom:0;} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .result_detail dl dt{display:inline-block;font-size:14px;line-height:24px;color:#999;letter-spacing:-.3px;vertical-align:top;width:50%;} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .result_detail dl dd{display:inline-block;font-size:20px;line-height:24px;color:#000;letter-spacing:-.3px;vertical-align:top;position:relative;text-align:right;width:50%;} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .result_detail dl dd:after{content:'원';font-size:14px;line-height:24px;color:#000;letter-spacing:-.3px;margin-left:4px;} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .result_last{padding:20px 0 0} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .result_last dl dt{display:inline-block;font-size:14px;line-height:24px;color:#999;letter-spacing:-.3px;vertical-align:top;width:50%;} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .result_last dl dd{display:inline-block;font-size:20px;line-height:24px;color:#000;letter-spacing:-.3px;vertical-align:top;position:relative;text-align:right;width:50%;font-weight:600;} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .result_last dl dd:after{content:'원';font-size:14px;line-height:24px;color:#000;letter-spacing:-.3px;margin-left:4px;font-weight:400;} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .info_detail{padding:20px 0;border-bottom:1px solid #eee} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .info_detail dl{margin-bottom:8px} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .info_detail dl:last-of-type{margin-bottom:0;} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .info_detail dl dt{display:inline-block;font-size:14px;line-height:24px;color:#999;letter-spacing:-.3px;vertical-align:top;width:50%;padding:0;} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .info_detail dl dd{display:inline-block;font-size:14px;line-height:24px;color:#000;letter-spacing:-.3px;vertical-align:top;text-align:right;width:50%;padding:0;} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .product_detail li{padding:20px 0;border-top:1px solid #eee} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .product_detail li:first-of-type{padding-top:0;border-top:0} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .product_detail li .option_txt{margin-bottom:15px} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .product_detail li .option_txt .txt_box{display:inline-block;width:calc(100% - 72px);vertical-align:top;} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .product_detail li .option_txt .txt_box p{font-size:16px;line-height:20px;color:#000;letter-spacing:-.5px;} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .product_detail li .option_txt .txt_box p:last-of-type{margin-top:4px} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .product_detail li .option_txt img{display:inline-block;width:48px;vertical-align:top;border-radius:50%;margin-left:24px;background-size:contain;} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .product_detail li .result_box .price_info{display:inline-block;vertical-align:top;width:50%} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .product_detail li .result_box .price_info strong{display:inline-block;font-size:14px;line-height:20px;letter-spacing:-.3px;color:#000;float:none;} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .product_detail li .result_box .price_info span{display:inline-block;font-size:14px;line-height:20px;letter-spacing:-.3px;color:#000;margin-left:8px;} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .product_detail li .result_box .state_info{display:inline-block;vertical-align:top;width:50%;text-align:right;} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .product_detail li .result_box .state_info strong{display:inline-block;font-size:12px;line-height:20px;} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .product_detail li .result_box .state_info a{display:inline-block;vertical-align:top;margin-right:16px;font-size:12px;line-height:20px;letter-spacing:-.3px;color:#5be159;text-decoration:underline;} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .product_detail li .result_box .state_info.waiting strong{color:#1d5fff;} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .product_detail li .result_box .state_info.cancel strong{color:#ff1a77} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .product_detail li .result_box .state_info.end strong{color:#5be159} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .cancel_detail{padding-top:20px;border-top:1px solid #999;} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .cancel_detail:first-of-type{padding-top:0;border-top:0} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .cancel_detail li{padding:20px 0;border-bottom:1px solid #eee} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .cancel_detail li:first-of-type{padding-top:0;} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .cancel_detail li .option_txt{margin-bottom:15px} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .cancel_detail li .option_txt .txt_box{display:inline-block;width:calc(100% - 72px);vertical-align:top;} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .cancel_detail li .option_txt .txt_box p{font-size:16px;line-height:20px;color:#000;letter-spacing:-.5px;} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .cancel_detail li .option_txt .txt_box p:last-of-type{margin-top:4px} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .cancel_detail li .option_txt img{display:inline-block;width:48px;vertical-align:top;border-radius:50%;margin-left:24px;background-size:contain;} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .cancel_detail li .result_box .price_info{display:inline-block;vertical-align:top;width:50%} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .cancel_detail li .result_box .price_info strong{display:inline-block;font-size:14px;line-height:20px;letter-spacing:-.3px;color:#000;float:none;} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .cancel_detail li .result_box .price_info span{display:inline-block;font-size:14px;line-height:20px;letter-spacing:-.3px;color:#000;margin-left:8px;} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .cancel_detail li .result_box .state_info{display:inline-block;vertical-align:top;width:50%;text-align:right;} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .cancel_detail li .result_box .state_info strong{display:inline-block;font-size:12px;line-height:20px;} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .cancel_detail li .result_box .state_info a{display:inline-block;vertical-align:top;margin-right:16px;font-size:12px;line-height:20px;letter-spacing:-.3px;color:#5be159;text-decoration:underline;} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .cancel_detail li .result_box .state_info.waiting strong{color:#1d5fff;} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .cancel_detail li .result_box .state_info.cancel strong{color:#ff1a77} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .cancel_detail li .result_box .state_info.end strong{color:#5be159} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .cancel_detail .cancel_info{padding:20px 0;} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .cancel_detail .cancel_info dl{margin-bottom:8px} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .cancel_detail .cancel_info dl:last-of-type{margin-bottom:0;} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .cancel_detail .cancel_info dl dt{display:inline-block;font-size:14px;line-height:24px;color:#999;letter-spacing:-.3px;vertical-align:top;width:88px;padding:0;} #wrap .buy_detail_wrap .tab_wrap .buy_detail_tab .tab_cont .cancel_detail .cancel_info dl dd{display:inline-block;font-size:14px;line-height:24px;color:#000;letter-spacing:-.3px;vertical-align:top;width:calc(100% - 88px);padding:0;} #wrap .buy_detail_wrap .return_btn_wrap{margin-top:80px;padding:0 24px 58px} #wrap .buy_detail_wrap .return_btn_wrap .btn_box a{display:block;width:100%;line-height:46px;border-radius:27px;border:1px solid #ddd;font-size:14px;color:#111;text-align:center;} #wrap .buy_detail_wrap .return_btn_wrap .btn_box a:last-of-type{margin-top:8px} #wrap .buy_detail_wrap .return_btn_wrap .btn_box a.disabled{border-color:#eee;background-color:#eee;color:#ccc;pointer-events:none;} #wrap .buy_detail_wrap .return_btn_wrap p{font-size:12px;line-height:24px;color:#999;letter-spacing:-.3px;margin-top:24px;text-align:center;} #wrap .progress_wrap{padding-top:70px} #wrap .progress_wrap .progress_inner{padding:24px 24px 40px;border-bottom:12px solid #f8f8f8} #wrap .progress_wrap .progress_inner .progress_cont{margin-bottom:24px} #wrap .progress_wrap .progress_inner .progress_cont span{display:inline-block;width:34px;height:34px;border-radius:50%;box-sizing:border-box;font-size:16px;font-family:'CircularXXWeb-Medium';text-align:center;border:1px solid #ccc;color:#ccc;line-height:32px;margin-left:24px;position:relative;vertical-align:top;} #wrap .progress_wrap .progress_inner .progress_cont span::after{content:'';width:16px;height:1px;background-color:#ccc;position:absolute;top:16px;left:-20px;} #wrap .progress_wrap .progress_inner .progress_cont span:first-of-type{margin-left:0;} #wrap .progress_wrap .progress_inner .progress_cont span:first-of-type::after{display:none;} #wrap .progress_wrap .progress_inner .progress_cont span.on{border-color:#000;background-color:#000;color:#fff;} #wrap .progress_wrap .progress_inner .progress_cont span.on::after{background-color:#000;} #wrap .progress_wrap .progress_inner .progress_cont span.finish{border-color:#000;color:#000;font-size:0;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_chk_black.png')no-repeat #000 center;background-size:28px;} #wrap .progress_wrap p{font-size:24px;line-height:32px;color:#000;letter-spacing:-.3px;font-weight:600;} #wrap .cancel_cont{padding:16px 24px 0;border-bottom:12px solid #f8f8f8} #wrap .cancel_cont .top_chk_cont{padding:20px 0;} #wrap .cancel_cont .cancel_box .product_chkbox:last-of-type{border-bottom:0;} #wrap .cancel_cont .radio_cont{padding:16px 0 32px;} #wrap .cancel_cont .radio_cont .radio_box{margin-bottom:20px} #wrap .cancel_cont .radio_cont .radio_box:last-of-type{margin-bottom:0;} #wrap .cancel_cont .radio_cont .radio_box input[type="radio"]{border:0;padding:0;font-size:0;line-height:inherit;color:transparent;letter-spacing:0;width:0 !important} #wrap .cancel_cont .radio_cont .radio_box input[type="radio"] + label::before{display:inline-block;content:"";width:24px;height:24px;border-radius:50%;border:2px solid #000;box-sizing:border-box;position:absolute;top:0;left:0;opacity:.2;} #wrap .cancel_cont .radio_cont .radio_box input[type="radio"]:checked + label::before{background-image:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_radio.png');background-size:24px;background-repeat:no-repeat;background-position:center center;opacity:1;border:0} #wrap .cancel_cont .radio_cont .radio_box input[type="radio"] + label{display:inline-block;position:relative;padding-left:40px;} #wrap .cancel_cont .radio_cont .radio_box input[type="radio"] + label span{display:inline-block;line-height:24px;font-size:16px;color:#999;vertical-align:top;} #wrap .cancel_cont .radio_cont .radio_box input[type="radio"]:checked + label span{color:#000} #wrap .cancel_cont .radio_cont .radio_box textarea{width:100%;margin-top:20px;border:1px solid #ddd;padding:14px 12px;font-size:16px;line-height:20px;box-sizing:border-box;} #wrap .step_btn_wrap{padding:40px 24px 50px;} #wrap .step_btn_wrap a, #wrap .step_btn_wrap button{display:inline-block;width:calc(50% - 4px);font-size:15px;line-height:48px;color:#fff;text-align:center;border-radius:27px;font-weight:600;} #wrap .step_btn_wrap .pre_btn{background-color:#999;margin-right:8px;} #wrap .step_btn_wrap .next_btn{background-color:#000;} /* mission board */ #wrap .mission_board_wrap{background-color:#333;text-align:right;padding:70px 0 54px;height:auto;box-sizing: border-box;} #wrap .mission_board_wrap .top_board{position:relative;padding:0 20px 0 24px;margin-bottom:44px} #wrap .mission_board_wrap .top_board .mission_info{position: absolute;width: 100%;top: 0;left: 0;text-align: left;padding: 24px 0 0 24px;box-sizing: border-box;height: 100%;} #wrap .mission_board_wrap .top_board .mission_info img{width:84px;} #wrap .mission_board_wrap .top_board .mission_info .info_txt{position:absolute;left:24px;bottom:12px;font-size:14px;line-height:20px;color:#fff;letter-spacing:-.3px;font-weight:600;} #wrap .mission_board_wrap .top_board .mission_info .info_txt span{display:inline-block} #wrap .mission_board_wrap .top_board .mission_badge{width:216px;display:inline-block;vertical-align:top;padding-top:20px;text-align:center;position:relative;z-index:1;} #wrap .mission_board_wrap .top_board .mission_badge ol{display:inline-block;} #wrap .mission_board_wrap .top_board .mission_badge ol li{float:left;width:64px;height:64px;margin:4px;} #wrap .mission_board_wrap .bot_board{padding:0 24px;} #wrap .mission_board_wrap .bot_board a{position:relative;display:block;width:100%;border-radius:8px;background-color:#fff;padding:16px 20px;box-sizing:border-box;text-align:left;} #wrap .mission_board_wrap .bot_board a:after{content:'';width:48px;height:48px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_mission_badge.png')no-repeat;background-size:contain;position:absolute;top:16px;right:20px} #wrap .mission_board_wrap .bot_board a span{display:inline-block;font-size:14px;line-height:24px;color:#000;letter-spacing:-.3px;font-weight:600;} /* paddle buddy */ #wrap .buddy .buddy_wrap{padding:0 32px} #wrap .buddy .buddy_wrap ol{padding:18px 20px;background-color:#f7f2eb;border-radius:8px;} #wrap .buddy .buddy_wrap ol li{margin-bottom:12px;display:block;font-size:0} #wrap .buddy .buddy_wrap ol li:last-child{margin-bottom:0} #wrap .buddy .buddy_wrap ol li .score_num{display:inline-block;width:20px;margin-right:10px;vertical-align:top;padding:9px 0;} #wrap .buddy .buddy_wrap ol li .score_num span{font-size:12px;line-height:26px;color:#fff;font-weight:600;text-align:center;width:20px;height:26px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_paddlebuddy_else.svg')no-repeat;background-size:contain;display:block;} #wrap .buddy .buddy_wrap ol li .score_num.num1 span{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_paddlebuddy_first.svg')no-repeat;} #wrap .buddy .buddy_wrap ol li .score_num.num2 span{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_paddlebuddy_second.svg')no-repeat;} #wrap .buddy .buddy_wrap ol li .score_num.num3 span{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_paddlebuddy_third.svg')no-repeat;} #wrap .buddy .buddy_wrap ol li .name_box{display:inline-block;width:calc(100% - 88px);vertical-align:top;} #wrap .buddy .buddy_wrap ol li .name_box strong{display:block;font-size:14px;line-height:24px;color:#000;letter-spacing:-.3px;font-weight:500;} #wrap .buddy .buddy_wrap ol li .name_box span{display:block;font-size:12px;line-height:20px;color:#b19579;letter-spacing:-.3px;} #wrap .buddy .buddy_wrap ol li .point{font-family:'CircularXXWeb-Bold';display:inline-block;width:48px;margin-left:10px;vertical-align:top;text-align:right;font-size:20px;line-height:44px;color:#000;font-weight:600;} #wrap .paddlebuddy_wrap{padding-top:70px} #wrap .paddlebuddy_wrap .kv_wrap{padding:30px 20px 20px;background-color:#007762;} #wrap .paddlebuddy_wrap .kv_wrap h3{text-align:center;font-size:32px;color:#fff;letter-spacing:-.5px;line-height:normal;} #wrap .paddlebuddy_wrap .kv_wrap h3 p{font-size:16px;letter-spacing:-.25px;} #wrap .paddlebuddy_wrap .kv_wrap h3 p span{position:relative;} #wrap .paddlebuddy_wrap .kv_wrap h3 p span::before{content:'';width:3px;height:3px;background-color:#fff;border-radius:50%;position:absolute;top:-1px;left:50%;transform:translateX(-50%);} #wrap .paddlebuddy_wrap .kv_wrap img{margin:24px 0;} #wrap .paddlebuddy_wrap .kv_wrap .user_box{padding:20px;border-radius:12px;background-color:#fff;} #wrap .paddlebuddy_wrap .kv_wrap .user_box .top_box{margin-bottom:16px} #wrap .paddlebuddy_wrap .kv_wrap .user_box .top_box .left_box{display:inline-block;vertical-align:top;width:140px;} #wrap .paddlebuddy_wrap .kv_wrap .user_box .top_box .left_box span{display:block;font-size:12px;line-height:16px;color:#000;letter-spacing:-.3px;margin-bottom:2px} #wrap .paddlebuddy_wrap .kv_wrap .user_box .top_box .left_box strong{display:block;font-size:16px;line-height:24px;color:#000;letter-spacing:-.25px;} #wrap .paddlebuddy_wrap .kv_wrap .user_box .top_box .right_box{display:inline-block;vertical-align:top;width:calc(100% - 140px);text-align:right;} #wrap .paddlebuddy_wrap .kv_wrap .user_box .top_box .right_box strong{font-family:'CircularXXWeb-Bold';font-size:40px;line-height:40px;color:#000;letter-spacing:-.86px;position:relative;padding-left:44px;display:inline-block;} #wrap .paddlebuddy_wrap .kv_wrap .user_box .top_box .right_box strong::before{content:'';width:40px;height:40px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_paddlebuddy_good.png')no-repeat left;background-size:contain;position:absolute;top:0;left:0;} #wrap .paddlebuddy_wrap .kv_wrap #applink{border: 0;padding: 0;font-size: 0;line-height: inherit;color: transparent;letter-spacing: 0;width: 0 !important;} #wrap .paddlebuddy_wrap .kv_wrap .user_box .bot_box button{display:inline-block;width:calc(50% - 5px);background-color:#007762;font-size:12px;line-height:40px;border-radius:8px;text-align:center;color:#fff;margin-right:10px;font-weight:600;letter-spacing:-.26px;} #wrap .paddlebuddy_wrap .kv_wrap .user_box .bot_box button:last-child{margin:0;} #wrap .paddlebuddy_wrap .txt_wrap{padding:30px 24px;} #wrap .paddlebuddy_wrap .txt_wrap strong{font-size:14px;line-height:24px;color:#000;letter-spacing:-.3px;display:block;} #wrap .paddlebuddy_wrap .txt_wrap p{font-size:14px;line-height:24px;color:#666;letter-spacing:-.3px;} #wrap .paddlebuddy_wrap .txt_wrap p span{font-size:12px;color:#999;display:block;} #wrap .paddlebuddy_wrap .score_board_wrap{background-color:#f7f2eb;} #wrap .paddlebuddy_wrap .score_board_wrap .tit_box{padding:40px 24px 20px;border-bottom:1px solid #f1e6da} #wrap .paddlebuddy_wrap .score_board_wrap .tit_box strong{font-size:14px;line-height:24px;color:#000;letter-spacing:-.3px;display:block;margin-bottom:24px} #wrap .paddlebuddy_wrap .score_board_wrap .tit_box p{font-size:14px;line-height:24px;color:#666;letter-spacing:-.3px;} #wrap .paddlebuddy_wrap .score_board_wrap ol li{padding:12px 24px 14px;display:block;font-size:0;border-bottom:1px solid #f1e6da;} #wrap .paddlebuddy_wrap .score_board_wrap ol li:nth-child(10),#wrap .paddlebuddy_wrap .score_board_wrap ol li:last-child{border-bottom:0} #wrap .paddlebuddy_wrap .score_board_wrap ol li .score_num{display:inline-block;width:20px;margin-right:10px;vertical-align:top;padding:9px 0;} #wrap .paddlebuddy_wrap .score_board_wrap ol li .score_num span{font-size:12px;line-height:26px;color:#fff;font-weight:600;text-align:center;width:20px;height:26px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_paddlebuddy_else.svg')no-repeat;background-size:contain;display:block;} #wrap .paddlebuddy_wrap .score_board_wrap ol li .score_num.num1 span{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_paddlebuddy_first.svg')no-repeat;} #wrap .paddlebuddy_wrap .score_board_wrap ol li .score_num.num2 span{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_paddlebuddy_second.svg')no-repeat;} #wrap .paddlebuddy_wrap .score_board_wrap ol li .score_num.num3 span{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_paddlebuddy_third.svg')no-repeat;} #wrap .paddlebuddy_wrap .score_board_wrap ol li.my_score{background-color:#cebaa6;} #wrap .paddlebuddy_wrap .score_board_wrap ol li.my_score .name_box div{display:flex;flex-direction:column;} #wrap .paddlebuddy_wrap .score_board_wrap ol li.my_score .name_box span{font-size:12px;line-height:20px;font-weight:400;order:1} #wrap .paddlebuddy_wrap .score_board_wrap ol li.my_score .name_box strong{font-size:14px;line-height:24px;font-weight:600;position:relative;padding-left:16px;order:2} #wrap .paddlebuddy_wrap .score_board_wrap ol li.my_score .name_box strong:before{content:'';width:12px;height:24px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_paddlebuddy_star.png')no-repeat;background-size:contain;position:absolute;top:0;left:0;} #wrap .paddlebuddy_wrap .score_board_wrap ol li .name_box{display:inline-block;width:calc(100% - 88px);vertical-align:top;} #wrap .paddlebuddy_wrap .score_board_wrap ol li .name_box strong{display:block;font-size:14px;line-height:24px;color:#000;letter-spacing:-.3px;} #wrap .paddlebuddy_wrap .score_board_wrap ol li .name_box span{display:block;font-size:12px;line-height:20px;color:#000;letter-spacing:-.3px;font-weight:500;} #wrap .paddlebuddy_wrap .score_board_wrap ol li .point{font-family:'CircularXXWeb-Bold';display:inline-block;width:48px;margin-left:10px;vertical-align:top;text-align:right;font-size:20px;line-height:44px;color:#000;font-weight:600;} #wrap .paddlebuddy_wrap .gift_wrap .gift_list{padding:40px 24px 30px;background-color:#bee9e3;} #wrap .paddlebuddy_wrap .gift_wrap .gift_list .tit_box{margin-bottom:30px} #wrap .paddlebuddy_wrap .gift_wrap .gift_list .tit_box strong{font-size:14px;line-height:24px;color:#000;letter-spacing:-.3px;display:block;margin-bottom:24px} #wrap .paddlebuddy_wrap .gift_wrap .gift_list .tit_box p{font-size:14px;line-height:24px;color:#666;letter-spacing:-.3px;} #wrap .paddlebuddy_wrap .gift_wrap .gift_list .gift_item .top_gift{position:relative;padding-bottom:21px;border-bottom:1px solid #a7e4db;} #wrap .paddlebuddy_wrap .gift_wrap .gift_list .gift_item .top_gift span{display:inline-block;width:40px;height:40px;line-height:40px;color:#fff;font-size:13px;letter-spacing:-.28px;text-align:center;border-radius:50%;background-color:#000;top:0;left:0;position:absolute} #wrap .paddlebuddy_wrap .gift_wrap .gift_list .gift_item .top_gift img{height:231px;width:auto;display:block;margin-left:auto;} #wrap .paddlebuddy_wrap .gift_wrap .gift_list .gift_item .top_gift p{font-size:14px;line-height:20px;letter-spacing:-.3px;margin-top:-42px} #wrap .paddlebuddy_wrap .gift_wrap .gift_list .gift_item .mid_gift ol li{padding:4px 0;border-bottom:1px solid #a7e4db} #wrap .paddlebuddy_wrap .gift_wrap .gift_list .gift_item .mid_gift ol li div{position:relative;display:inline-block;width:50%;padding-bottom:10px;vertical-align:top;} #wrap .paddlebuddy_wrap .gift_wrap .gift_list .gift_item .mid_gift ol li div:first-child::before{content:'';width:1px;height:100%;background-color:#a7e4db;position:absolute;top:0;right:0;} #wrap .paddlebuddy_wrap .gift_wrap .gift_list .gift_item .mid_gift ol li div span{display:inline-block;width:40px;height:40px;line-height:40px;color:#fff;font-size:13px;letter-spacing:-.28px;text-align:center;border-radius:50%;background-color:#000;top:10px;left:0;position:absolute} #wrap .paddlebuddy_wrap .gift_wrap .gift_list .gift_item .mid_gift ol li div:nth-child(2) span{left:16px} #wrap .paddlebuddy_wrap .gift_wrap .gift_list .gift_item .mid_gift ol li div:nth-child(1) img{width:139px;height:auto;display:block;margin:66px 0 0;} #wrap .paddlebuddy_wrap .gift_wrap .gift_list .gift_item .mid_gift ol li div:nth-child(2) img{width:139px;height:auto;display:block;margin:66px 0 0 auto;} #wrap .paddlebuddy_wrap .gift_wrap .gift_list .gift_item .mid_gift ol li div p{font-size:14px;line-height:20px;letter-spacing:-.3px;margin-top:12px} #wrap .paddlebuddy_wrap .gift_wrap .gift_list .gift_item .mid_gift ol li div:nth-child(2) p{padding-left:16px;} #wrap .paddlebuddy_wrap .gift_wrap .gift_list .gift_item .bot_gift{position:relative;padding-top:14px} #wrap .paddlebuddy_wrap .gift_wrap .gift_list .gift_item .bot_gift span{display:inline-block;width:40px;height:40px;line-height:40px;color:#fff;font-size:13px;letter-spacing:-.28px;text-align:center;border-radius:50%;background-color:#000;top:10px;left:0;position:absolute} #wrap .paddlebuddy_wrap .gift_wrap .gift_list .gift_item .bot_gift img{height:123px;width:auto;display:block;margin-left:auto;} #wrap .paddlebuddy_wrap .gift_wrap .gift_list .gift_item .bot_gift p{font-size:14px;line-height:20px;letter-spacing:-.3px;margin-top:-60px} #wrap .paddlebuddy_wrap .gift_wrap .noti_box{padding:30px 24px;background-color:#85d0c5;} #wrap .paddlebuddy_wrap .gift_wrap .noti_box strong{font-size:14px;line-height:24px;color:#fff;letter-spacing:-.3px;} #wrap .paddlebuddy_wrap .gift_wrap .noti_box ul{margin-top:24px} #wrap .paddlebuddy_wrap .gift_wrap .noti_box ul li{font-size:14px;line-height:24px;color:#fff;letter-spacing:-.3px;position:relative;padding-left:18px;} #wrap .paddlebuddy_wrap .gift_wrap .noti_box ul li:nth-child(1)::before{content:'①';position:absolute;left:0;} #wrap .paddlebuddy_wrap .gift_wrap .noti_box ul li:nth-child(2)::before{content:'②';position:absolute;left:0;} #wrap .paddlebuddy_wrap .gift_wrap .noti_box p{font-size:14px;line-height:24px;color:#fff;letter-spacing:-.3px;} #wrap .paddlebuddy_wrap .guide_wrap{padding:50px 24px 60px;} #wrap .paddlebuddy_wrap .guide_wrap strong{font-size:14px;line-height:24px;color:#000;letter-spacing:-.3px;display:block;} #wrap .paddlebuddy_wrap .guide_wrap b{font-size:14px;line-height:24px;color:#c9a070;letter-spacing:-.3px;display:block;} #wrap .paddlebuddy_wrap .guide_wrap p{font-size:14px;line-height:24px;color:#666;letter-spacing:-.3px;} /* workation */ #wrap .workation_wrap{padding-top:70px;height:100%;max-width:420px;margin:0 auto} #wrap .workation_wrap .idcard_cont, #wrap .workation_wrap .idcard_cont form{height:100%;} #wrap .workation_wrap .idcard_cont .screen_cont{position:relative;overflow:hidden;} #wrap .workation_wrap .idcard_cont .screen_cont .canvas{position:absolute;top:0} #wrap .workation_wrap .idcard_cont .screen_cont .canvas:nth-child(1){position:relative;top:auto} #wrap .workation_wrap .idcard_cont .screen_cont #idcard_name{z-index:9999;position:absolute;top:19.085%;right:29%;} #wrap .workation_wrap .idcard_cont .screen_cont #idcard_name:after{content:'*';font-size:20px;line-height:24px;letter-spacing:-.3px;font-weight:600;position:absolute;top:0;left:12px;color:#3A86F8} #wrap .workation_wrap .idcard_cont .screen_cont #idcard_name.on:after{display:none;} #wrap .workation_wrap .idcard_cont .screen_cont #idcard_name input{color:#000;font-size:20px;line-height:24px;letter-spacing:-.3px;font-weight:600;display:block;width:110px;text-align:right;border:0;font-family:'Noto Sans KR', sans-serif;background-color:transparent} #wrap .workation_wrap .idcard_cont .screen_cont #idcard_name span{color:#000;font-size:20px;line-height:24px;letter-spacing:-.3px;font-weight:600;display:block;width:110px;text-align:right;border:0;} #wrap .workation_wrap .idcard_cont .screen_cont .usercode_txt{z-index:9999;position:absolute;top:25.7%;right:29%;color:#000;font-size:8px;} #wrap .workation_wrap .idcard_cont .screen_cont .speech_bubble{position:absolute;width:104px;height:104px;top:50%;right:32px;z-index:20;transform:translateY(-50%);animation:upDownMotion3 1s ease-in-out infinite;} #wrap .workation_wrap .idcard_cont .img_box .tab{overflow-x:scroll;overflow-y:hidden;-ms-overflow-style: none;scrollbar-width: none;border-bottom:1px solid #eee} #wrap .workation_wrap .idcard_cont .img_box .tab ul{margin:0 -2px;padding:0 20px;width:max-content;} #wrap .workation_wrap .idcard_cont .img_box .tab ul li{display:inline-block;margin:0 2px;} #wrap .workation_wrap .idcard_cont .img_box .tab ul li a{display:block;font-size:14px;line-height:16px;font-weight:bold;letter-spacing:-.3px;text-align:center;color:#c6c6c6;padding:16px 8px 14px;transition:.1s;} #wrap .workation_wrap .idcard_cont .img_box .tab ul li.active a{color:#000;border-bottom:2px solid #000} #wrap .workation_wrap .idcard_cont .img_box .stiker_wrap{padding:0 20px;height: calc(100% - 48px);overflow: scroll;overflow-x: hidden;} #wrap .workation_wrap .idcard_cont .img_box .stiker_wrap .stiker_cont{padding:16px 0} #wrap .workation_wrap .idcard_cont .img_box .stiker_wrap #stiker_box8{margin-bottom:102px} #wrap .workation_wrap .idcard_cont .img_box .stiker_wrap .stiker_cont p{font-size:14px;line-height:16px;color:#000;letter-spacing:-.5px;margin-bottom:16px;font-weight:bold;} #wrap .workation_wrap .idcard_cont .img_box .stiker_wrap .stiker_cont p sup{font-size:14px;vertical-align:top;color:#3A86F8} #wrap .workation_wrap .idcard_cont .img_box .stiker_wrap .stiker_cont input{border:1px solid #eee;border-radius:8px;width:100%;height:48px;padding-left:20px;box-sizing:border-box;font-size:14px} #wrap .workation_wrap .idcard_cont .img_box .stiker_wrap .stiker_cont ul{margin: -5px;} #wrap .workation_wrap .idcard_cont .img_box .stiker_wrap .stiker_cont ul li{display:inline-block;margin:5px;width:calc(33.333% - 10px);border-radius:8px;overflow:hidden;position:relative;} #wrap .workation_wrap .idcard_cont .img_box .stiker_wrap .stiker_cont ul li.new:after{content:'';width:40px;height:40px;position:absolute;top:0;left:0;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/workation_img/icon_new.png')no-repeat;background-size:contain;} #wrap .workation_wrap .idcard_cont .img_box .stiker_wrap .stiker_cont ul li button{display:block;position:relative;} #wrap .workation_wrap .idcard_cont .img_box .stiker_wrap .stiker_cont ul li button img{background-color:#f5f5f5;} #wrap .workation_wrap .idcard_cont .img_box .stiker_wrap .stiker_cont ul li button.on:before{content:'';width:32px;height:32px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/workation_img/btn_select.png')no-repeat center;background-size:contain;position:absolute;top:8px;right:8px} #wrap .workation_wrap .idcard_cont .img_box .stiker_wrap .stiker_cont span{display:block;font-size:12px;line-height:16px;color:#666;font-weight:bold;letter-spacing:-.5px;margin:16px 0 8px;} #wrap .workation_wrap .idcard_cont .img_box .stiker_wrap.s4 .stiker_cont{display:none} #wrap .workation_wrap .idcard_cont .img_box .stiker_wrap.s4 .stiker_cont.show{display:block;margin-bottom:118px;padding:20px 0 0;} #wrap .workation_wrap .idcard_cont .img_box .stiker_wrap.s4 .stiker_cont span{margin:0 0 8px;} #wrap .workation_wrap .idcard_cont .reset_btn{width:48px;height:48px;position:fixed;left:24px;bottom:34px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/workation_img/btn_reset.png')no-repeat center;background-size:contain;box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.15);border-radius:50%;z-index:12;} #wrap .workation_wrap .idcard_cont .capture_btn{position:fixed;right:24px;bottom:34px;font-size:14px;line-height:16px;letter-spacing:-.3px;text-align:center;padding:16px 36px;color:#fff;background-color:#000;border-radius:155.5px;box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.15);z-index:12} #wrap .workation_wrap .workation_event .visual{position:relative;} #wrap .workation_wrap .workation_event .visual .txt_box{position:absolute;bottom:24px;left:24px;} #wrap .workation_wrap .workation_event .visual .txt_box strong{display:block;font-size:20px;line-height:30px;letter-spacing:-.5px;color:#fff;margin-bottom:10px} #wrap .workation_wrap .workation_event .visual .txt_box p{font-size:14px;line-height:24px;color:#fff;letter-spacing:-.3px;} #wrap .workation_wrap .workation_event .cont .w_box{padding:40px 24px;} #wrap .workation_wrap .workation_event .cont .w_box strong{display:block;font-size:16px;line-height:24px;letter-spacing:-.3px;margin-bottom:20px} #wrap .workation_wrap .workation_event .cont .w_box p{font-size:15px;line-height:26px;letter-spacing:-.3px;color:#666;} #wrap .workation_wrap .workation_event .cont .w_box img{margin:20px 0;display:block} #wrap .workation_wrap .workation_event .cont .g_box{background-color:#f3f3f3;} #wrap .workation_wrap .workation_event .cont .g_box .event_box{padding:50px 24px 0} #wrap .workation_wrap .workation_event .cont .g_box .event_box:last-child{padding-bottom:50px} #wrap .workation_wrap .workation_event .cont .g_box .event_box .tit{margin-bottom:16px} #wrap .workation_wrap .workation_event .cont .g_box .event_box .tit span{display:block;font-size:14px;line-height:14px;color:#1A6DE9;font-weight:600;margin-bottom:8px;letter-spacing:-.5px;} #wrap .workation_wrap .workation_event .cont .g_box .event_box .tit strong{display:block;font-size:24px;line-height:36px;letter-spacing:-.5px;} #wrap .workation_wrap .workation_event .cont .g_box .event_box p{font-size:15px;line-height:26px;letter-spacing:-.3px;color:#666;} #wrap .workation_wrap .workation_event .cont .g_box .event_box .event_slide{margin-top:40px;border-radius:8px;} #wrap .workation_wrap .workation_event .cont .g_box .event_box .swiper_wrap .swiper-pagination{position:relative;bottom:auto;left:auto;margin:16px auto 20px;} #wrap .workation_wrap .workation_event .cont .g_box .event_box .swiper_wrap .swiper-pagination .swiper-pagination-bullet{margin:0 4px;} #wrap .workation_wrap .workation_event .cont .g_box .event_box .swiper-container-horizontal>.swiper-pagination-bullets, #wrap .workation_wrap .workation_event .cont .g_box .event_box .swiper-pagination-custom, #wrap .workation_wrap .workation_event .cont .g_box .event_box .swiper-pagination-fraction{position:relative;bottom:auto;left:auto;margin:16px 0 20px;} #wrap .workation_wrap .workation_event .cont .g_box .event_box dl{font-size:0;} #wrap .workation_wrap .workation_event .cont .g_box .event_box dl dt{display:inline-block;vertical-align:top;width:58px;font-size:15px;line-height:24px;color:#000;letter-spacing:-.3px;font-weight:600;} #wrap .workation_wrap .workation_event .cont .g_box .event_box dl dd{display:inline-block;vertical-align:top;width:calc(100% - 58px);font-size:15px;line-height:24px;color:#666;letter-spacing:-.3px;} #wrap .workation_wrap .workation_event .cont .g_box .event_box .outlink_btn{text-align:center;} #wrap .workation_wrap .workation_event .cont .g_box .event_box .outlink_btn a{display: inline-block;line-height: 1;border: 1px solid #ccc;box-sizing: border-box;border-radius: 27px;font-size: 14px;text-align: center;margin: 22px auto 0;font-weight: 600;padding: 16px 36px;} #wrap .workation_wrap .workation_event .cont .g_box .event_box .event_slide2{width:calc(100% + 48px);margin:0 -24px;} #wrap .workation_wrap .workation_event .cont .g_box .event_box b{display:block;font-size:16px;line-height:24px;letter-spacing:-.3px;margin-bottom:16px} #wrap .workation_wrap .workation_event .cont .g_box .event_box .schedule_box{border-radius:8px;background-color:#fff;padding:18px 20px;margin-bottom:40px} #wrap .workation_wrap .workation_event .cont .g_box .event_box .schedule_box .inner_box:first-child{border-bottom:1px solid #eee;padding-bottom:24px} #wrap .workation_wrap .workation_event .cont .g_box .event_box .schedule_box .inner_box:last-child{margin-top:24px} #wrap .workation_wrap .workation_event .cont .g_box .event_box .schedule_box .inner_box b{display:block;font-size:14px;line-height:24px;color:#000;letter-spacing:-.3px;margin-bottom:4px} #wrap .workation_wrap .workation_event .cont .g_box .event_box .schedule_box .inner_box p{font-size:13px;line-height:20px;color:#666;letter-spacing:-.3px;margin-bottom:16px} #wrap .workation_wrap .workation_event .cont .g_box .event_box .schedule_box .inner_box p:last-child{margin-bottom:0;} #wrap .workation_wrap .workation_event .cont .g_box .event_box .radio_box{background-color:#fff;border-radius:8px;padding:20px;} #wrap .workation_wrap .workation_event .cont .g_box .event_box .radio_box p{margin-bottom:24px} #wrap .workation_wrap .workation_event .cont .g_box .event_box .radio_box p input[type="radio"]{border:0;padding:0;font-size:0;line-height:inherit;color:transparent;letter-spacing:0;margin:0;display:none;} #wrap .workation_wrap .workation_event .cont .g_box .event_box .radio_box p input[type="radio"] + label::before{display:inline-block;content:"";width:24px;height:24px;border:2px solid #C1C5CA;box-sizing:border-box} #wrap .workation_wrap .workation_event .cont .g_box .event_box .radio_box p input[type="radio"] + label span{display:inline-block;padding:0 0 0 8px} #wrap .workation_wrap .workation_event .cont .g_box .event_box .radio_box p input[type="radio"]:checked + label::before{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/workation_radio.png')no-repeat;background-size:contain;border:0;} #wrap .workation_wrap .workation_event .cont .g_box .event_box .radio_box p input[type="checkbox"]{border:0;padding:0;font-size:0;line-height:inherit;color:transparent;letter-spacing:0;margin:0;display:none;} #wrap .workation_wrap .workation_event .cont .g_box .event_box .radio_box p input[type="checkbox"] + label::before{display:inline-block;content:"";width:24px;height:24px;border:2px solid #C1C5CA;box-sizing:border-box} #wrap .workation_wrap .workation_event .cont .g_box .event_box .radio_box p input[type="checkbox"] + label span{display:inline-block;padding:0 0 0 8px} #wrap .workation_wrap .workation_event .cont .g_box .event_box .radio_box p input[type="checkbox"]:checked + label::before{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/workation_radio.png')no-repeat;background-size:contain;border:0;} #wrap .workation_wrap .workation_event .cont .g_box .event_box .radio_box p label{position:relative;display:inline-block;font-size:0;line-height:24px;height:24px} #wrap .workation_wrap .workation_event .cont .g_box .event_box .radio_box p label span{font-size:16px;line-height:24px;color:#000;vertical-align:top;} #wrap .workation_wrap .workation_event .cont .g_box .event_box .radio_box.end p input[type="checkbox"] + label::before{background-color:#e7e7e7;border-color:#e7e7e7;} #wrap .workation_wrap .workation_event .cont .g_box .event_box .radio_box.end p label span{color:#cfcfcf} #wrap .workation_wrap .workation_event .cont .g_box .event_box .radio_box a{display:block;width:100%;border-radius:54px;background-color:#3A86F8;color:#fff;font-size:16px;line-height:48px;text-align:center;} #wrap .workation_wrap .workation_event .cont .g_box .event_box .radio_box.end a{background-color:#e7e7e7;color:#a7a7a7} #wrap .workation_wrap .workation_event .cont .g_box .event_box .goods_box{margin-bottom:40px} #wrap .workation_wrap .workation_event .cont .g_box .event_box .goods_box .top_item{width:100%;} #wrap .workation_wrap .workation_event .cont .g_box .event_box .goods_box .item_box{background-color:#fff;position:relative;border-radius:8px;overflow:hidden;} #wrap .workation_wrap .workation_event .cont .g_box .event_box .goods_box .item_box span{position:absolute;top:12px;right:12px;background-color:#000;text-align:center;border-radius:50%;color:#fff;font-size:12px;letter-spacing:-.5px;line-height:48px;width:48px;} #wrap .workation_wrap .workation_event .cont .g_box .event_box .goods_box .item_box .txt_box{position:absolute;bottom:16px;left:16px;} #wrap .workation_wrap .workation_event .cont .g_box .event_box .goods_box .item_box .txt_box strong{display:block;font-size:14px;line-height:20px;letter-spacing:-.3px;margin-bottom:4px;} #wrap .workation_wrap .workation_event .cont .g_box .event_box .goods_box .item_box .txt_box p{font-size:13px;line-height:16px;letter-spacing:-.3px;color:#666} #wrap .workation_wrap .workation_event .cont .g_box .event_box .goods_box .item_box .txt_box em{font-size:12px;line-height:14px;color:#666;letter-spacing:-.3px;display:block;margin-top:8px;font-style:normal;} #wrap .workation_wrap .workation_event .cont .g_box .event_box .goods_box .bot_item{font-size:0;margin:16px -8px 0;} #wrap .workation_wrap .workation_event .cont .g_box .event_box .goods_box .bot_item .item_box{width:calc(50% - 16px);margin:0 8px;display:inline-block;vertical-align:top;} #wrap .workation_wrap .workation_event .cont .g_box .event_box .tag_copy{position:relative;} #wrap .workation_wrap .workation_event .cont .g_box .event_box .tag_copy p{width:100%;border:1px solid #ccc;border-radius:8px;box-sizing:border-box;padding:13px 73px 13px 16px;color:#000;font-size:12px;line-height:18px;letter-spacing:-.3px;background-color:#fff;} #wrap .workation_wrap .workation_event .cont .g_box .event_box .tag_copy button{position:absolute;width:48px;line-height:30px;;color:#fff;background-color:#000;border-radius:8px;font-size:12px;letter-spacing:-.3px;text-align:center;font-weight:bold;top:17px;right:16px;} #wrap .workation_wrap .workation_event .cont .noti_txt{padding:24px 24px 148px;} #wrap .workation_wrap .workation_event .cont .noti_txt strong{display:block;margin-bottom:4px;font-size:12px;line-height:24px;color:#999;letter-spacing:-.3px;} #wrap .workation_wrap .workation_event .cont .noti_txt p{font-size:12px;line-height:24px;color:#999;letter-spacing:-.3px;} #wrap .workation_wrap .floating_btn{position:fixed;bottom:34px;width:100%;text-align:center;z-index:10;left:0;} #wrap .workation_wrap .floating_btn a{display:inline-block;padding:24px 82px;background-color:#18B9FF;border-radius:155px;color:#fff;font-weight:600;font-size:16px;line-height:16px;letter-spacing:-.3px;} #wrap .workation_wrap .workation_event .result_box h3{font-size:24px;line-height:32px;letter-spacing:-.3px;padding:24px 24px 20px} #wrap .workation_wrap .workation_event .result_box .result_btn_box{font-size:0;margin:20px 0 50px;text-align:center;} #wrap .workation_wrap .workation_event .result_box .result_btn_box a{display:inline-block;font-size:15px;line-height:17px;letter-spacing:-.3px;color:#fff;text-align:center;position:relative;border-radius:155px;font-weight:600;} #wrap .workation_wrap .workation_event .result_box .result_btn_box a:nth-child(1){background-color:#B9BCC0;padding:18px 33px 18px 58px;} #wrap .workation_wrap .workation_event .result_box .result_btn_box a:nth-child(1):before{content:'';width:20px;height:20px;position:absolute;top:15px;left:35px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/icon_download_w.png')no-repeat;background-size:contain;} #wrap .workation_wrap .workation_event .result_box .result_btn_box a:nth-child(2){background-color:#18B9FF;padding:18px 33px;margin-left:9px;} /* 굿즈 응모 현황 */ .entry_wrap{padding-top: 70px;} .entry_wrap .top_info_txt{padding:20px 24px;background-color:#F9F9F9;} .entry_wrap .top_info_txt ul{display:flex;flex-direction:column;} .entry_wrap .top_info_txt ul li{font-size:12px;line-height:20px;color:#999;letter-spacing:-.5px;;} .entry_wrap .entry_cont{padding:24px;} .entry_wrap .entry_cont ul{display:flex;flex-direction:column;gap:24px;} .entry_wrap .entry_cont ul li{display:flex;flex-direction:column;gap:12px;} .entry_wrap .entry_cont ul li .tit{display:flex;justify-content:space-between;align-items:center;width:100%;} .entry_wrap .entry_cont ul li .tit strong{font-size:12px;line-height:16px;color:#000;letter-spacing:-.3px;} .entry_wrap .entry_cont ul li .tit strong b{display:inline-block;margin-left:4px;color:#838383} .entry_wrap .entry_cont ul li .tit strong b.p_color{color:#1D5FFF;} .entry_wrap .entry_cont ul li .tit p{font-size:11px;line-height:16px;color:#999;letter-spacing:-.3px;} .entry_wrap .entry_cont ul li .tit p span{display:inline-block;} .entry_wrap .entry_cont ul li .item_box{border-radius:8px;border:1px solid #eee;display:flex;flex-direction:column;overflow:hidden;} .entry_wrap .entry_cont ul li .item_box .f_inner{display:flex;gap:8px;justify-content:space-between;align-items:center;padding:18px;} .entry_wrap .entry_cont ul li .item_box .f_inner a{display:flex;gap:16px} .entry_wrap .entry_cont ul li .item_box .f_inner a img{width:72px;height:72px;border-radius:50%;background-size:contain;background-repeat:no-repeat;background-position:center;} .entry_wrap .entry_cont ul li .item_box .f_inner a .txt_box{display:flex;flex-direction:column;gap:4px;} .entry_wrap .entry_cont ul li .item_box .f_inner a .txt_box strong{font-size:16px;line-height:24px;color:#000;letter-spacing:-.5px;} .entry_wrap .entry_cont ul li .item_box .f_inner a .txt_box p{font-size:14px;line-height:20px;color:#999;letter-spacing:-.5px;} .entry_wrap .entry_cont ul li .item_box .f_inner span{font-size:14px;line-height:16px;letter-spacing:-.5px;;} .entry_wrap .entry_cont ul li .item_box .f_inner .entry_success{color:#1D5FFF} .entry_wrap .entry_cont ul li .item_box .f_inner .entry_fail{color:#EA407D} .entry_wrap .entry_cont ul li .item_box .f_inner .entry_complete{color:#838383} .entry_wrap .entry_cont ul li .item_box .goods_more{background-color:#f9f9f9;} .entry_wrap .entry_cont ul li .item_box .goods_more a{font-size:12px;line-height:18px;color:#999;letter-spacing:-.3px;position:relative;display:block;padding:14px 18px;} .entry_wrap .entry_cont ul li .item_box .goods_more a::after{content:'';width:24px;height:24px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_arr.png') no-repeat;background-size:contain;position:absolute;top:20px;right:11px;} .entry_wrap .no_data{text-align:center;} .entry_wrap .no_data img{width:120px;margin:110px auto 0;} .entry_wrap .no_data p{font-size:12px;line-height:16px;color:#ccc;margin-top:8px} .naverstore_banner{margin:-50px 0 87px;padding:0 32px;} .naverstore_banner a{display:block;border-radius:8px;overflow:hidden;} .starfield_survey_wrap{padding:94px 24px 40px;} .starfield_survey_wrap h2{font-size:12px;line-height:16px;color:#307FFF;} .starfield_survey_wrap .surrvey_box{margin-top:40px;} .starfield_survey_wrap .surrvey_box:first-child{margin-top:0} .starfield_survey_wrap .surrvey_box p{font-size:18px;line-height:28px;padding:8px 0;margin-bottom:12px;} .starfield_survey_wrap .surrvey_box p span{color:#307FFF;font-weight:500;} .starfield_survey_wrap .surrvey_box .inp_box{display:flex;flex-direction:column;gap:8px;} .starfield_survey_wrap .surrvey_box .inp_box .inp_item input + label{position:relative;font-size:16px;line-height:24px;color:#999;display:inline-block;padding: 16px 16px 16px 56px;border:1px solid #eee;border-radius:8px;box-sizing:border-box;width:100%;} .starfield_survey_wrap .surrvey_box .inp_box .inp_item input:checked + label{border-color:#307FFF;} .starfield_survey_wrap .surrvey_box .inp_box .inp_item input[type="radio"]{border:0;padding:0;font-size:0;line-height:inherit;color:transparent;letter-spacing:0;margin:0;display:none;} .starfield_survey_wrap .surrvey_box .inp_box .inp_item input[type="radio"] + label::before{content:"";position:absolute;top:50%;left:16px;width:24px;height:24px;box-sizing:border-box;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/starfield_survey_radio.png')no-repeat;background-size:contain;transform:translateY(-50%);} .starfield_survey_wrap .surrvey_box .inp_box .inp_item input[type="radio"]:checked + label::before{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/starfield_survey_radio_on.png')no-repeat;background-size:contain;} .starfield_survey_wrap .surrvey_box .inp_box .inp_item input[type="checkbox"]{border:0;padding:0;font-size:0;line-height:inherit;color:transparent;letter-spacing:0;margin:0;display:none;} .starfield_survey_wrap .surrvey_box .inp_box .inp_item input[type="checkbox"] + label::before{content:"";position:absolute;top:50%;left:16px;width:24px;height:24px;box-sizing:border-box;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/starfield_survey_chkbox.png')no-repeat;background-size:contain;transform:translateY(-50%);} .starfield_survey_wrap .surrvey_box .inp_box .inp_item input[type="checkbox"]:checked + label::before{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/starfield_survey_chkbox_on.png')no-repeat;background-size:contain;} .starfield_survey_wrap .surrvey_box.img_box .inp_box{flex-direction:row;flex-wrap:wrap;} .starfield_survey_wrap .surrvey_box.img_box .inp_box .inp_item{width:calc(50% - 4px);} .starfield_survey_wrap .surrvey_box.img_box .inp_box .inp_item input + label{padding:48px 16px 16px;display:flex;flex-direction:column;gap:8px;} .starfield_survey_wrap .surrvey_box.img_box .inp_box .inp_item input[type="checkbox"] + label::before{top:16px;transform:translateY(0);} .starfield_survey_wrap .surrvey_box.img_box .inp_box .inp_item input + label span{min-height:48px;display:flex;align-items:center;} .starfield_survey_wrap .surrvey_submit{margin-top:60px} .starfield_survey_wrap .surrvey_submit button{display:block;font-size:16px;line-height:1;font-weight:bold;color:#fff;background-color:#307FFF;border-radius:32px;padding:20px 0;text-align:center;width:100%;} .starfield_survey_wrap .surrvey_submit button:disabled{background-color:#f3f3f3;color:#ccc} .starfield_survey_wrap .result_cont{display:flex;flex-direction:column;gap:24px;text-align:center;align-items:center;padding:196px 0;} .starfield_survey_wrap .result_cont img{width:79px;} .starfield_survey_wrap .result_cont .inner{display:flex;flex-direction:column;gap:16px;} .starfield_survey_wrap .result_cont .inner h2{font-size:24px;line-height:32px;color:#000;font-weight:400;} .starfield_survey_wrap .result_cont .inner p{font-size:16px;line-height:24px;color:#666;} .starfield_survey_wrap .result_cont .inner p span{color:#307FFF;} /* 바리스타 설문 */ .starfield_survey_wrap.barista_survey h2{color:#C08F2A} .starfield_survey_wrap.barista_survey .surrvey_box .inp_box .inp_item input + label{border-color:#d9d9d9;color:#000;height:100%;justify-content:space-between;} .starfield_survey_wrap.barista_survey .surrvey_box .inp_box .inp_item input:checked + label{border-color:#DCA22C;background-color:#FFFBF0;} .starfield_survey_wrap.barista_survey .surrvey_box p span{color:#C08F2A} .starfield_survey_wrap.barista_survey .surrvey_box .inp_box .inp_item input[type="radio"] + label::before{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/barista_survey_radio_off.png')no-repeat;background-size:contain;} .starfield_survey_wrap.barista_survey .surrvey_box .inp_box .inp_item input[type="checkbox"] + label::before{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/barista_survey_chkbox_off.png')no-repeat;background-size:contain;} .starfield_survey_wrap.barista_survey .surrvey_box .inp_box .inp_item input[type="radio"]:checked + label::before{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/barista_survey_radio_on.png')no-repeat;background-size:contain;} .starfield_survey_wrap.barista_survey .surrvey_box .inp_box .inp_item input[type="checkbox"]:checked + label::before{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/barista_survey_chkbox_on.png')no-repeat;background-size:contain;} .starfield_survey_wrap.barista_survey .surrvey_submit button{background-color:#DCA22C;} .starfield_survey_wrap.barista_survey .surrvey_box.img_box .inp_box .inp_item input + label span{font-size:14px;line-height:20px;} .starfield_survey_wrap.barista_survey .surrvey_box.img_box .inp_box .inp_item{flex-basis:calc(50% - 4px);} .starfield_survey_wrap.barista_survey .result_cont .inner p span{color:#C08F2A;font-weight:500;} .starfield_survey_wrap.barista_survey .result_cont .inner .confirm_box{margin-top:120px;text-align:center;} .starfield_survey_wrap.barista_survey .result_cont .inner .confirm_box p{font-size:13px;line-height:20px;color:#C08F2A;letter-spacing:-.065px;margin-bottom:18px;} .starfield_survey_wrap.barista_survey .result_cont .inner .confirm_box a{display:inline-block;font-size:16px;line-height:56px;color:#fff;font-weight:600;padding:0 106px;background-color:#DCA22C;border-radius:32px;} .starfield_survey_wrap.barista_survey .surrvey_box .inp_box .inp_item input[type="checkbox"] + label img.ico_nodata{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/barista_survey_img5_off.png')no-repeat;background-size:contain;} .starfield_survey_wrap.barista_survey .surrvey_box .inp_box .inp_item input[type="checkbox"]:checked + label img.ico_nodata{background:url('https://kr.object.ncloudstorage.com/kanu/uploads/barista_survey_img5_on.png')no-repeat;background-size:contain;} /* hotel event */ #wrap .hotel_wrap {padding-top:70px} #wrap .hotel_wrap .top_visual{position:relative;} #wrap .hotel_wrap .top_visual .top_txt{position:absolute;display:flex;top: 24px;width: 100%;justify-content: space-between;padding: 0 24px;box-sizing: border-box;} #wrap .hotel_wrap .top_visual .top_txt p{line-height:20px;color:#ffffff;margin:0;font-size:14px} #wrap .hotel_wrap .top_visual .bot_txt{position:absolute;display:flex;bottom: 24px;padding: 0 24px;width: 100%;box-sizing: border-box;} #wrap .hotel_wrap .top_visual .bot_txt p{font-size:16px;line-height:28px;color:#ffffff;margin:0;} #wrap .hotel_wrap .top_cont{padding:40px 24px 60px;} #wrap .hotel_wrap .noti_txt h3{font-size:20px;line-height:28px;margin-bottom:24px;} #wrap .hotel_wrap .noti_txt .s_txt{margin-top:20px} #wrap .hotel_wrap .noti_txt .s_txt span{display:inline-block;font-size:12px;line-height:18px;color:#174AA0;padding:4px 0;background-color:#D1E7FF;border-radius:16px;width:54px;text-align:center;margin-bottom:8px;} #wrap .hotel_wrap .noti_txt .s_txt p{font-size:15px;} #wrap .hotel_wrap .noti_txt .info_box{margin-top:24px;padding:16px 20px;display:flex;flex-direction:column;gap:8px;background-color:#F7F7F7;} #wrap .hotel_wrap .noti_txt .info_box p{font-size:13px;line-height:18px;color:#999;margin:0;} #wrap .hotel_wrap .swiper_box{margin-top:24px} #wrap .hotel_wrap .swiper_box .hotel_slide{border-radius:8px;} #wrap .hotel_wrap .swiper_box .swiper-pagination{margin-top:16px;width:100%;position:relative;} #wrap .hotel_wrap .swiper_box .swiper-pagination .swiper-pagination-bullet{margin:0 4px;background-color:#E9E9E9;opacity:1;} #wrap .hotel_wrap .swiper_box .swiper-pagination .swiper-pagination-bullet-active{background-color:#333333;} #wrap .hotel_wrap .noti_txt strong{display:block;font-size:15px;line-height:24px;color:#000;margin-bottom:8px;} #wrap .hotel_wrap .noti_txt .img_box{padding:16px;border-radius:8px;background-color:#F7F7F7;position:relative;} #wrap .hotel_wrap .noti_txt .img_box span{position:absolute;width:56px;height:56px;text-align:center;font-size:13px;line-height:16px;color:#fff;font-weight:bold;background-color:#000;border-radius:50%;top:12px;right:12px;display:flex;align-items:center;justify-content:center} #wrap .hotel_wrap .noti_txt .img_box dl{margin-top:16px;display:flex;gap:4px;flex-direction:column;} #wrap .hotel_wrap .noti_txt .img_box dl dt{font-size:15px;line-height:24px;color:#000;padding:0;} #wrap .hotel_wrap .noti_txt .img_box dl dd{font-size:14px;line-height:16px;color:#666;padding:0;} #wrap .hotel_wrap .bot_cont{padding:50px 24px;background-color:#F7F7F7;} #wrap .hotel_wrap .bot_cont .noti_txt .evnet1{margin-top:50px;display:flex;flex-direction:column;gap:24px;} #wrap .hotel_wrap .bot_cont .noti_txt .evnet_box h4{font-size:15px;line-height:24px;color:#000;display:block;} #wrap .hotel_wrap .bot_cont .noti_txt .evnet_box .icon_tit, #wrap .hotel_wrap .bot_cont .noti_txt .evnet_box .icon_tit2{position:relative;padding-left:28px;line-height:25px;} #wrap .hotel_wrap .bot_cont .noti_txt .evnet_box .icon_tit:before{content:'';width:20px;height:25px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/kanuhotel_ico1.png')no-repeat;background-size:contain;position:absolute;left:0;top:0;} #wrap .hotel_wrap .bot_cont .noti_txt .evnet_box .icon_tit2:before{content:'';width:20px;height:25px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/kanuhotel_ico2.png')no-repeat;background-size:contain;position:absolute;left:0;top:0;} #wrap .hotel_wrap .bot_cont .noti_txt .evnet_box p{margin:16px 0 24px;font-size:15px;} #wrap .hotel_wrap .bot_cont .noti_txt .evnet_box .iconimg_cont{display:flex;flex-direction:column;gap:24px;margin-top:24px} #wrap .hotel_wrap .bot_cont .noti_txt .evnet_box .iconimg_cont .box{display:flex;gap:16px;padding-bottom:20px;border-bottom:1px solid #E9E9E9;} #wrap .hotel_wrap .bot_cont .noti_txt .evnet_box .iconimg_cont .box img{width:90px;} #wrap .hotel_wrap .bot_cont .noti_txt .evnet_box .iconimg_cont .box .inner{flex-direction:row;gap:16px;} #wrap .hotel_wrap .bot_cont .noti_txt .evnet_box .iconimg_cont .box a{display:block;font-size:14px;line-height:16px;color:#174AA0;background-color:#D1E7FF;border-radius:155px;text-align:center;font-weight:bold;padding:16px;width:100%;box-sizing:border-box;} #wrap .hotel_wrap .bot_cont .noti_txt .evnet_box .iconimg_cont .box div{display:flex;flex-direction:column;gap:8px;} #wrap .hotel_wrap .bot_cont .noti_txt .evnet_box .iconimg_cont .box div strong{margin:0;color:#174AA0;font-size:14px;line-height:20px;} #wrap .hotel_wrap .bot_cont .noti_txt .evnet_box .iconimg_cont .box div p{margin:0;font-size:15px;} #wrap .hotel_wrap .bot_cont .evnet_box .row_txt{margin-top: 16px;display: flex;gap:8px;flex-direction:column;} #wrap .hotel_wrap .bot_cont .evnet_box .row_txt dl{display: flex;gap: 8px;} #wrap .hotel_wrap .bot_cont .evnet_box .row_txt dl dt{font-size:12px;line-height:18px;color:#174AA0;padding:4px 0;background-color:#D1E7FF;border-radius:16px;min-width:54px;text-align:center;height:18px;} #wrap .hotel_wrap .bot_cont .evnet_box .row_txt dl dd{font-size:15px;line-height:26px;color:#666;padding:0;} #wrap .hotel_wrap .bot_cont .copy_box{padding:12px 14px;border:1px solid #E9E9E9;border-radius:8px;display:flex;gap:20px;justify-content:space-between;margin:26px 0 36px;background-color:#fff;} #wrap .hotel_wrap .bot_cont .copy_box p{font-size:12px;line-height:18px;color:#666;margin:0;} #wrap .hotel_wrap .bot_cont .copy_box button{font-size:12px;line-height:14px;color:#fff;background-color:#000;padding:7px 10px 8px;border-radius:8px;min-width:43px;} #wrap .hotel_wrap .noti_cont{padding:24px} #wrap .hotel_wrap .noti_cont strong{font-size:12px;line-height:24px;color:#999;display:block;margin-bottom:4px;} /* barista */ .barista_wrap{padding:70px 24px 40px;} /* .barista_wrap h2{font-size:12px;line-height:16px;color:#307FFF;} */ .barista_wrap .surrvey_box p{font-size:14px;line-height:22px;padding:32px 0 8px 0;} .barista_wrap .surrvey_box p span{color:#CE0E2D;font-weight:500;font-size:12px;} .barista_wrap .surrvey_box p span.blue{color:#307FFF;font-weight:500;font-size:12px;} .barista_wrap .surrvey_box .inp_box {display:inline-block;width:100%;position:relative;} .barista_wrap .surrvey_box .inp_box .inp_item {float:left;position:relative;} .barista_wrap .surrvey_box .inp_box .inp_item.all {width:100%;float:none;} .barista_wrap .surrvey_box .inp_box .inp_item.half {width:calc(50% - 4px);margin:0 0 0 4px;} .barista_wrap .surrvey_box .inp_box .inp_item.half:first-child {margin:0 4px 0 0;} .barista_wrap input {position:relative;font-size:14px;line-height:24px;color:#000;display:inline-block;padding: 12px 16px;border:1px solid #E4E4E4;border-radius:8px;box-sizing:border-box;width:100%;} .barista_wrap input[type="date"] {background-color:#FFF;height:48px;-webkit-appearance: none;font-size:16px;} .barista_wrap input::placeholder {color:#CCC;} .barista_wrap input + label{position:relative;font-size:14px;line-height:24px;color:#CCC;display:inline-block;padding: 12px 16px 12px 32px;margin-right:4px;} .barista_wrap input:checked + label{border:none;color:#000;} .barista_wrap .surrvey_box .inp_box.alone {border:1px solid #E4E4E4;border-radius:8px;box-sizing:border-box;padding-left:4%;} .barista_wrap .surrvey_box .inp_box.alone .inp_item {width:32%;} .barista_wrap .surrvey_box .inp_box .inp_item input[type="radio"]{border:0;padding:0;font-size:0;line-height:inherit;color:transparent;letter-spacing:0;margin:0;display:none;} .barista_wrap .surrvey_box .inp_box .inp_item input[type="radio"] + label::before{color:#CCC;content:"";position:absolute;top:50%;left:0;width:24px;height:24px;box-sizing:border-box;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/barista_radio_off.png')no-repeat;background-size:contain;transform:translateY(-50%);} .barista_wrap .surrvey_box .inp_box .inp_item input[type="radio"]:checked + label::before{color:#000;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/barista_radio_on.png')no-repeat;background-size:contain;} .barista_wrap .surrvey_box .inp_box .inp_item.drop:after{content:'';width:24px;height:24px;position:absolute;top:13px;right:12px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/barista_arrow.png')no-repeat;background-size:contain;z-index:1;} .barista_wrap .surrvey_box .inp_box .inp_item.plus:after{content:'';width:24px;height:24px;position:absolute;top:13px;right:10px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/icons-arrow-plus.png')no-repeat;background-size:contain;z-index:1;} .barista_wrap .surrvey_box .inp_box .inp_item select{color:#CCC;display:block;line-height:48px;padding:0 50px 0 16px;border:1px solid #E4E4E4;border-radius:8px;width:100%;height:50px;box-sizing:border-box;font-size:14px;-webkit-appearance: none;-moz-appearance: none;appearance: none;background-color:#fff;} .barista_wrap .surrvey_box .inp_box .inp_item textarea {position:relative;font-size:14px;line-height:24px;color:#000;display:inline-block;padding: 12px 16px;border:1px solid #E4E4E4;border-radius:8px;box-sizing:border-box;width:100%;} .barista_wrap .surrvey_box .inp_box > button {font-size:0;color:#000;display:inline-block;border:1px solid #E4E4E4;padding:6px 16px;border-radius:8px;box-sizing:border-box;width:100%;} .barista_wrap .surrvey_box .inp_box button.btn_minus {border:0;position:absolute;right:0;top:0;width:24px;height:50px;padding:0;margin:0;font-size:11px;color:#666;} .barista_wrap .surrvey_box .inp_box > span {display:block;padding:8px 0;font-size:12px;color:#666;} .barista_wrap .surrvey_box .inp_box .wrapper {position:relative;display:inline-block;width:100%;margin-bottom:8px;} .barista_wrap .surrvey_box .inp_box .wrapper .inp_item {float:left;width:calc(50% - 20px);margin:0 8px 0 0;} .barista_wrap .text_box {border:1px solid #E4E4E4;border-radius:8px;box-sizing:border-box;padding:16px;margin-top:32px;} .barista_wrap .text_box p {font-size:12px;line-height:24px;color:#000;} .barista_wrap .text_box p span {color:#CE0E2D;} .barista_wrap .text_box input[type="checkbox"]{border:0;padding:0;font-size:0;line-height:inherit;color:transparent;letter-spacing:0;margin:0;display:none;} .barista_wrap .text_box input[type="checkbox"] + label {font-size:11px;color:#000;padding:0 0 0 26px;} .barista_wrap .text_box input[type="checkbox"] + label::before{content:"";position:absolute;top:50%;left:4px;width:16px;height:16px;box-sizing:border-box;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/barista_checkbox_off.png')no-repeat;background-size:contain;transform:translateY(-50%);} .barista_wrap .text_box input[type="checkbox"]:checked + label::before{color:#000;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/barista_checkbox_on.png')no-repeat;background-size:contain;} .barista_wrap .text_box div.scrollable {overflow:auto;height:72px;padding:12px;margin:16px 0;background-color:#F7F7F7;} .barista_wrap .text_box div.scrollable p {font-size:11px;line-height:20px;color:#999;} .barista_wrap .text_box div.scrollable table {border:1px solid #EEE;border-collapse:collapse;margin:10px 0;} .barista_wrap .text_box div.scrollable table th, .barista_wrap .text_box div.scrollable table td {border:1px solid #EEE;font-size:11px;line-height:20px;color:#999;padding:5px;} .barista_wrap .text_box hr {height:0;margin:0;padding:0;border:0;border-top:1px solid #E4E4E4;} .barista_wrap .barista_submit {margin-top:24px;} .barista_wrap .barista_submit button {width:100%;font-size:16px;line-height:56px;color:#FFF;font-weight:bold;background-color:#000;border-radius:32px;} .barista_wrap .surrvey_box p.placeholder {position:absolute;top:0px;left:0px;width:calc(100% - 16px);height:48px;padding:0;margin:0;border-radius:8px;border:1px solid #E4E4E4;background-color:#FFF;font-size:14px;color:#CCC;padding-left:16px;line-height:48px;} .barista_wrap .noti_cont{padding:24px;margin:0 -24px;background-color:#F9F9F9;} .barista_wrap .noti_cont ul{display:flex;flex-direction:column;gap:6px;} .barista_wrap .noti_cont ul li{font-size:12px;line-height:22px;color:#999;letter-spacing:-.3px;} .barista_wrap .noti_cont ul li span{color:#FF4D5B} .barista_wrap .noti_cont ul li a{display:inline-block;margin-left:8px;color:#FF4D5B;text-decoration:underline;} .barista_wrap .reservation_history{margin-top:24px} .barista_wrap .reservation_history h3{font-size:14px;line-height:24px;color:#000;} .barista_wrap .reservation_history .cont{margin-top:12px;padding:20px;border:1px solid #eee;border-radius:8px;} .barista_wrap .reservation_history .cont .reservation_info{display:flex;flex-direction:column;text-align:center;gap:8px;padding-bottom:15px;border-bottom:1px solid #eee} .barista_wrap .reservation_history .cont .reservation_info strong{font-size:16px;line-height:24px;color:#000;letter-spacing:-.5px;} .barista_wrap .reservation_history .cont .reservation_info p{font-size:14px;line-height:20px;color:#000} .barista_wrap .reservation_history .cont .reservation_info p span{display:inline-block;font-size:14px;line-height:20px;color:#CE0E2D;margin-left:6px;} .barista_wrap .reservation_history .cont .address{font-size:14px;line-height:20px;color:#999;letter-spacing:-.5px;margin-top:16px;text-align:center;} .barista_wrap .date_box .calendar_cont{position:relative;padding-bottom:16px;margin-top:24px;} .barista_wrap .date_box .calendar_cont:before{content:'';position:absolute;width:calc(100% + 48px);height:8px;background-color:#f7f7f7;left:-24px;bottom:0;} .barista_wrap .date_box .calendar_cont strong{display:block;font-family:'CircularXXWeb-Bold';font-size:18px;line-height:24px;color:#000;margin-bottom:8px;text-align:center;} .barista_wrap .date_box .calendar_cont .week_cont{display:flex;justify-content:space-between;} .barista_wrap .date_box .calendar_cont .week_cont div{padding:14px;text-align:center;} .barista_wrap .date_box .calendar_cont .week_cont div span{display:block;font-size:14px;line-height:20px;color:#666;width:20px;height:20px;} .barista_wrap .date_box .calendar_cont .date_cont{display:flex;flex-direction:column;gap:16px;} .barista_wrap .date_box .calendar_cont .date_cont .date_inp_box{display:flex;justify-content:space-between;} .barista_wrap .date_box .calendar_cont .date_cont .date_inp_box div{text-align:center;} .barista_wrap .date_box .calendar_cont .date_cont .date_inp_box div input[type="radio"]{border:0;padding:0;font-size:0;line-height:inherit;color:transparent;letter-spacing:0;margin:0;display:none;} .barista_wrap .date_box .calendar_cont .date_cont .date_inp_box div input[type="radio"] + label{font-family:'CircularXXWeb-Bold';font-size:18px;line-height:32px;color:#121212;display:block;width:32px;height:32px;padding:0;margin:0 8px;} .barista_wrap .date_box .calendar_cont .date_cont .date_inp_box div.disabled input[type="radio"] + label, .barista_wrap .date_box .calendar_cont .date_cont .date_inp_box div.disabled span{color:#ddd;} .barista_wrap .date_box .calendar_cont .date_cont .date_inp_box div input[type="radio"]:checked + label{color:#fff;background-color:#CE0E2D;border-radius:50%;} .barista_wrap .date_box .calendar_cont .date_cont .date_inp_box div.disabled span{font-family:'CircularXXWeb-Bold';font-size:18px;line-height:32px;display:block;width:32px;height:32px;padding:0;margin:0 8px;} .barista_wrap .date_box .calendar_cont .date_cont .date_inp_box div em{display:block;font-size:10px;line-height:10px;width:20px;height:10px;text-align:center;color:#121212;margin:4px auto 2px;font-style:normal;font-weight:bold;} .barista_wrap .date_box .calendar_cont .date_cont .date_inp_box div.disabled em{color:#ddd} .barista_wrap .date_box .place_time_cont{position:relative;padding:20px 0 30px;margin-top:8px} .barista_wrap .date_box .place_time_cont h3{font-size:14px;line-height:24px;padding-left:28px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/barista_icon_1.png') no-repeat;background-size:24px 24px} .barista_wrap .date_box .place_time_cont .time_inp_box{padding-top:19px;margin-top:20px;border-top:1px solid #eee} .barista_wrap .date_box .place_time_cont .time_inp_box p{font-size:14px;line-height:22px;} .barista_wrap .date_box .place_time_cont .time_inp_box .item{margin-top:12px;display:flex;justify-content:space-between;gap:9px} .barista_wrap .date_box .place_time_cont .time_inp_box .item div{width:100%;} .barista_wrap .date_box .place_time_cont .time_inp_box .item div input[type="radio"]{border:0;padding:0;font-size:0;line-height:inherit;color:transparent;letter-spacing:0;margin:0;display:none;} .barista_wrap .date_box .place_time_cont .time_inp_box .item div input[type="radio"] + label{padding:0 11px;margin:0;border:1px solid #eee;border-radius:8px;height:50px;display:flex;align-items:center;justify-content:center} .barista_wrap .date_box .place_time_cont .time_inp_box .item div input[type="radio"] + label span{font-family:'CircularXXWeb-Medium';font-size:14px;line-height:16px;color:#121212;display:flex;flex-direction:column;gap:2px} .barista_wrap .date_box .place_time_cont .time_inp_box .item div input[type="radio"] + label span em{display:block;font-size:10px;line-height:10px;font-weight:bold;color:#ddd;font-style:normal;text-align:center;} .barista_wrap .date_box .place_time_cont .time_inp_box .item div input[type="radio"]:disabled + label span{color:#ddd} .barista_wrap .date_box .place_time_cont .time_inp_box .item div input[type="radio"]:checked + label{color:#fff;background-color:#CE0E2D;border-color:#CE0E2D;} .barista_wrap .date_box .place_time_cont .time_inp_box .item div input[type="radio"]:checked + label span{color:#fff} .barista_wrap .date_box .submit_btn_box{margin-top:32px} .barista_wrap .date_box .submit_btn_box button{display:block;border-radius:32px;background-color:#CE0E2D;color:#fff;font-size:16px;line-height:56px;width:100%;text-align:center;font-weight:bold;} .barista_wrap .date_box .submit_btn_box button:disabled{background-color:#f3f3f3;color:#ddd;} /* 바리스타 챔피언십 결선 이벤트 */ .barista_final_wrap{padding-top:70px;} .barista_final_wrap .visual_cont .tit_txt{padding:40px 32px;background-color:#EFEFEF;} .barista_final_wrap .visual_cont .tit_txt p{font-size:16px;line-height:28px;color:#000;letter-spacing:-.48px;text-align:center;font-weight:500;} .barista_final_wrap .barista_final_cont{padding:50px 24px;} .barista_final_wrap .barista_final_cont.bg_b{background-color:#000000;} .barista_final_wrap .barista_final_cont.bg_y{background-color:#FFF3BA;} .barista_final_wrap .barista_final_cont .tit_box{margin-bottom:50px} .barista_final_wrap .barista_final_cont .tit_box p{font-size:16px;line-height:24px;color:#999;letter-spacing:-.48px;text-align:center;margin-top:18px;font-weight:500;} .barista_final_wrap .barista_final_cont.bg_y .tit_box p{color:#FFA154} .barista_final_wrap .barista_final_cont .event_info_box{margin-top:50px;} .barista_final_wrap .barista_final_cont .event_info_box .event_tit_box{text-align:center;} .barista_final_wrap .barista_final_cont .event_info_box .event_tit_box .flex_box{padding:14px 20px;display:inline-flex;gap:6px;border-radius:26px;background-color:#292929;} .barista_final_wrap .barista_final_cont.bg_y .event_info_box .event_tit_box .flex_box{background-color:#FE7C11;} .barista_final_wrap .barista_final_cont .event_info_box .event_tit_box .flex_box img{width:24px;} .barista_final_wrap .barista_final_cont .event_info_box .event_tit_box .flex_box p{font-size:16px;line-height:24px;color:#fff;font-weight:500;} .barista_final_wrap .barista_final_cont .event_info_box .inner_box{margin-top:20px;padding:24px;border-radius:24px;background-color:#fff;display:flex;gap:24px;flex-direction:column;} .barista_final_wrap .barista_final_cont .event_info_box .inner_box dl{border-top: 1px solid #eee;padding-top:16px} .barista_final_wrap .barista_final_cont .event_info_box .inner_box dl:first-child{border:none;padding:0} .barista_final_wrap .barista_final_cont .event_info_box .inner_box dl dt{display:flex;gap:4px;margin-bottom:12px} .barista_final_wrap .barista_final_cont .event_info_box .inner_box dl dt img{width:24px;} .barista_final_wrap .barista_final_cont .event_info_box .inner_box dl dt strong{font-size:16px;line-height:24px;color:#000;} .barista_final_wrap .barista_final_cont .event_info_box .inner_box dl dd p{font-size:14px;line-height:24px;color:#666;font-weight:500;} .barista_final_wrap .barista_final_cont .event_info_box .inner_box dl dd p span{display:inline-block;color:#C08E2A;} .barista_final_wrap .barista_final_cont .event_info_box .inner_box dl dd .noti_txt{display:flex;flex-direction:column;gap:4px;margin-top:4px;} .barista_final_wrap .barista_final_cont .event_info_box .inner_box dl dd .noti_txt p{font-size:12px;line-height:20px;color:#BFA061;letter-spacing:-.036px;font-weight:400;} .barista_final_wrap .barista_final_cont .event_info_box .inner_box dl dd .outlink_btn{text-align:center;margin-top:28px} .barista_final_wrap .barista_final_cont .event_info_box .inner_box dl dd .outlink_btn a{position:relative;display:inline-block;font-size:14px;line-height:24px;color:#fff;font-weight:500;padding:14px 44px 14px 24px;background-color:#000;border-radius:8px;} .barista_final_wrap .barista_final_cont .event_info_box .inner_box dl dd .outlink_btn a:after{content:'';position:absolute;top:14px;right:16px;width:24px;height:24px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_w_arrow.png')no-repeat;background-size:contain;} .barista_final_wrap .barista_final_cont .event_info_box .inner_box.gift{padding:0 0 16px;border-radius:8px;gap:0;} .barista_final_wrap .barista_final_cont .event_info_box .inner_box .gift_img_box{position:relative;} .barista_final_wrap .barista_final_cont .event_info_box .inner_box .gift_img_box img{width:100%;} .barista_final_wrap .barista_final_cont .event_info_box .inner_box .gift_img_box span{position:absolute;top:8px;right:8px;width:48px;height:48px;border-radius:50%;background-color:#F0B22D;font-size:14px;line-height:1;color:#fff;letter-spacing:-.07px;font-weight:600;display:flex;align-items:center;justify-content:center;} .barista_final_wrap .barista_final_cont .event_info_box .inner_box:nth-child(3) .gift_img_box span{background-color:#B2B2B2;} .barista_final_wrap .barista_final_cont .event_info_box .inner_box .gift_txt{padding:12px 16px 0;display:flex;flex-direction:column;gap:4px;} .barista_final_wrap .barista_final_cont .event_info_box .inner_box .gift_txt p{font-size:14px;line-height:20px;color:#000;letter-spacing:-.042px;font-weight:600;} .barista_final_wrap .barista_final_cont .event_info_box .inner_box .gift_txt span{display:block;font-size:13px;line-height:16px;color:#666;letter-spacing:-.039px;font-weight:500;} .barista_final_wrap .barista_final_cont .event_info_box .sns_cont{position:relative;} .barista_final_wrap .barista_final_cont .event_info_box .sns_cont .top_txt_box{position:absolute;top:22px;left:22px;display:flex;flex-direction:column;gap:18px;} .barista_final_wrap .barista_final_cont .event_info_box .sns_cont .top_txt_box dl{display:flex;flex-direction:column;gap:6px;} .barista_final_wrap .barista_final_cont .event_info_box .sns_cont .top_txt_box dl dt{font-size:16px;line-height:18px;color:#955200;font-weight:600;} .barista_final_wrap .barista_final_cont .event_info_box .sns_cont .top_txt_box dl dd{font-size:14px;line-height:22px;color:#C5791C;font-weight:500;} .barista_final_wrap .barista_final_cont .event_info_box .sns_cont .bot_txt_box{position:absolute;bottom:18px;left:0;width:100%;} .barista_final_wrap .barista_final_cont .event_info_box .sns_cont .bot_txt_box p{font-size:12px;line-height:16px;color:#C5791C;text-align:center;letter-spacing:-0.036px;font-weight:500;} .barista_final_wrap .barista_final_cont .youtube_box{position: relative;width: 100%;padding-bottom: 55.556%;border-radius:8px;overflow: hidden;background-color: rgba(0, 0, 0, .7);} .barista_final_wrap .barista_final_cont .youtube_box iframe{position: absolute;width: 100%;height: 100%;} .barista_final_wrap .barista_final_cont .barista_list{margin-top:50px;} .barista_final_wrap .barista_final_cont .barista_list ul{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:50px} .barista_final_wrap .barista_final_cont .barista_list ul li{position:relative;flex-basis: calc(50% - 7.5px);box-sizing:border-box;overflow: hidden;} .barista_final_wrap .barista_final_cont .barista_list ul li input{border:0;padding:0;font-size:0;line-height:inherit;color:transparent;letter-spacing:0;width:0 !important} .barista_final_wrap .barista_final_cont .barista_list ul li input[type="checkbox"]:checked + label{border-color:#F9CF7A;background-color:#FFFBF0;} .barista_final_wrap .barista_final_cont .barista_list ul li input[type="checkbox"] + label::before{display:inline-block;content:"";width:24px;height:24px;box-sizing:border-box;position:absolute;top:14px;right:14px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/barista_ico_checkbox_off.png')no-repeat;background-size:contain;} .barista_final_wrap .barista_final_cont .barista_list ul li input[type="checkbox"]:checked + label::before{display:inline-block;content:"";width:24px;height:24px;box-sizing:border-box;position:absolute;top:14px;right:14px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/barista_ico_checkbox_on.png')no-repeat;background-size:contain;} .barista_final_wrap .barista_final_cont .barista_list ul li label{display:block;position:relative;padding:42px 21.5px 59px;border:1px solid #efefef;border-radius:8px;} .barista_final_wrap .barista_final_cont .barista_list ul li label .item{display:flex;flex-direction:column;gap:12px;align-items:center;} .barista_final_wrap .barista_final_cont .barista_list ul li label .item img{max-width:120px;} .barista_final_wrap .barista_final_cont .barista_list ul li label .item strong{font-size:16px;line-height:20px;color:#000} .barista_final_wrap .barista_final_cont .barista_list ul li button{position:absolute;padding:8px 14px;border-radius:30px;background-color:#000;color:#FFF;font-size:13px;line-height:1;font-weight:500;text-align:center;bottom:20px;left:50%;transform:translateX(-50%);width:max-content;} .barista_final_wrap .barista_final_cont .barista_list ul li input[type="checkbox"]:checked ~ button{background-color:#000;color:#FFF} .barista_final_wrap .barista_final_cont .barista_list ul li input[type="checkbox"]:disabled + label::before, .barista_final_wrap .barista_final_cont .barista_list ul li input[type="checkbox"]:disabled:checked + label::before{display:none;} .barista_final_wrap .barista_final_cont .barista_list .submit_btn_cont{text-align:center;} .barista_final_wrap .barista_final_cont .barista_list .submit_btn_cont button{display:inline-block;padding:24px 75px;background-color:#CE0E2D;color:#fff;font-size:16px;line-height:1;border-radius:32px;font-weight:600;} .barista_final_wrap .barista_final_cont .barista_list .submit_btn_cont button:disabled{background-color:#aaa;color:#ccc;} .barista_final_wrap .barista_final_cont .event_guide strong{display:block;font-size:16px;line-height:24px;margin-bottom:24px;color:#000} .barista_final_wrap .barista_final_cont .event_guide .tag_copy{position:relative;} .barista_final_wrap .barista_final_cont .event_guide .tag_copy p{width:100%;border:1px solid #ccc;border-radius:8px;box-sizing:border-box;padding:15px 73px 15px 15px;color:#000;font-size:12px;line-height:18px;letter-spacing:-.3px;background-color:#fff;} .barista_final_wrap .barista_final_cont .event_guide .tag_copy button{position:absolute;width:43px;line-height:33px;;color:#fff;background-color:#CE0E2D;border-radius:4px;font-size:12px;letter-spacing:-.3px;text-align:center;font-weight:bold;top:50%;right:16px;transform:translateY(-50%);} .barista_final_wrap .barista_final_cont .event_guide ul{display:flex;flex-direction:column;margin:24px 0 40px;gap:12px;} .barista_final_wrap .barista_final_cont .event_guide ul li{position:relative;font-size:15px;line-height:22px;color:#000;font-weight:500;padding-left:32px;} .barista_final_wrap .barista_final_cont .event_guide ul li:nth-child(1)::before{content:'1';position:absolute;top:3px;left:0;width:18px;height:18px;color:#fff;background-color:#955200;font-size:12px;line-height:1;font-weight:600;display:flex;justify-content:center;align-items:center;border-radius:3px;} .barista_final_wrap .barista_final_cont .event_guide ul li:nth-child(2)::before{content:'2';position:absolute;top:3px;left:0;width:18px;height:18px;color:#fff;background-color:#955200;font-size:12px;line-height:1;font-weight:600;display:flex;justify-content:center;align-items:center;border-radius:3px;} .barista_final_wrap .barista_final_cont .event_guide .outlink_btn{text-align:center;} .barista_final_wrap .barista_final_cont .event_guide .outlink_btn a{position:relative;display:inline-block;font-size:14px;line-height:18px;color:#fff;font-weight:500;padding:16px 42px 16px 66px;background-color:#955200;border-radius:25px;} .barista_final_wrap .barista_final_cont .event_guide .outlink_btn a:after{content:'';position:absolute;top:16px;left:42px;width:18px;height:18px;background:url('https://kr.object.ncloudstorage.com/kanu/uploads/ico_Insta.png')no-repeat;background-size:contain;} .barista_final_wrap .noti_cont{padding:40px 24px;background-color:#000;} .barista_final_wrap .noti_cont strong{display:block;font-size:12px;line-height:24px;color:#999;margin-bottom:4px;} .barista_final_wrap .noti_cont ul{display:flex;flex-direction:column;} .barista_final_wrap .noti_cont ul li{font-size:12px;line-height:20px;color:#999;} .barista_final_wrap .noti_cont ul li a{display:block;font-size:12px;line-height:20px;color:#999;text-decoration:underline;} .barista_popup_wrap {position:fixed;top:50%;left:36px;transform:translate(0, -50%);z-index:30;width: calc(100% - 72px);display:none;z-index:100;background-color: #fff;} .barista_popup_wrap.active {display: block;} .barista_popup_wrap .popup_cont {overflow-y:scroll;height:476px;} .barista_popup_wrap .popup_cont .visual_box {position:relative;} .barista_popup_wrap .popup_cont .visual_box:before {content:'';position:absolute;bottom:0;left:0;width:100%;height:77px;background:linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.50) 100%);} .barista_popup_wrap .popup_cont .visual_box img {background-size:contain;background-repeat:no-repeat;} .barista_popup_wrap .popup_cont .visual_box .tit_box {position:absolute;bottom:16px;left:24px;z-index:10;} .barista_popup_wrap .popup_cont .visual_box .tit_box strong {font-size:24px;line-height:36px;color:#fff;} .barista_popup_wrap .popup_cont .visual_box .tit_box p {font-size:14px;line-height:20px;color:#fff;} .barista_popup_wrap .popup_cont .txt_box {padding:20px 24px 72px;background-color:#fff;} .barista_popup_wrap .popup_cont .txt_box .txt_item {font-size:14px;line-height:24px;color:#999;margin-bottom:24px;display:flex;flex-direction:column;gap:6px} .barista_popup_wrap .popup_cont .txt_box .txt_item strong {display:block;line-height:18px;color:#C08E2A;} .barista_popup_wrap .popup_cont .txt_box .txt_item span{display:block;} .barista_popup_wrap .popup_cont .txt_box .txt_item ul{display:flex;flex-direction:column;gap:4px;} .barista_popup_wrap .popup_cont .txt_box .txt_item ul li{position:relative;padding-left:20px;} .barista_popup_wrap .popup_cont .txt_box .txt_item ul li:before{content:'';position:absolute;top:10px;left:8px;width:4px;height:4px;border-radius:50%;background-color:#999;} .barista_popup_wrap .pop_close_cont {position:absolute;width:100%;bottom:0;left:0} .barista_popup_wrap .pop_close_cont button {display:block;background-color:#000;color:#fff;text-align:center;font-size:14px;line-height:56px;width:100%;font-weight:600;} /* motion keyframe */ @keyframes upDownMotion {0%, 100%{transform: translate(-50%, 0)} 50%{transform: translate(-50%, -10%)}} @keyframes upDownMotion2 {0%, 100%{transform: translateY(0)} 50%{transform: translateY(-10%)}} @keyframes upDownMotion3 {0%, 100%{transform: translateY(-50%)} 50%{transform: translateY(-55%)}} @keyframes infiniteBg {0%, 50%, 100%{transform: translate(-50%, -50%)} 25%{transform: translate(-45%, -50%)} 75%{transform: translate(-55%, -50%)}} @keyframes leftMoving {0%{transform: translateX(0)}15%{transform: translateX(-4%)}30%{transform: translateX(0)}45%{transform: translateX(-3%)}60%{transform: translateX(0)}} @media screen and (max-width: 600px) { #web_wrap{height:auto;} #web_wrap .web_cont{top: auto;position: relative;transform: translate(0, 0);left: auto;padding-top:44px;margin:0 auto;} #web_wrap .web_cont h1{margin-top:0} #web_wrap .web_cont .link_cont{padding-bottom:40px} #web_wrap .policy_wrap .policy_cont{width:calc(100% - 64px);padding:57px 32px 0} #web_wrap.update{height:100%;} }