/*//*/
*{box-sizing:border-box}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,button,input,textarea,p,select,blockquote,th,td,img,a{margin:0;padding:0;font-weight:400;color:#313030;font-size:1em;font-family: 'SpoqaHanSans', sans-serif;word-break: keep-all;word-wrap: break-word}
html,body{font-size:16px;width:100%;height: 100% !important;overscroll-behavior: contain}
body.active{overflow-y: hidden}
li{list-style:none}
a{text-decoration:none;color:#333}
a:hover{text-decoration:none}
a:active{text-decoration:none}
table{width:100%;border-collapse:collapse;border-spacing:0}
img{display:block;border:0}
button{background:transparent;border:0;cursor:pointer;outline:0}
input,select,textarea{border:1px solid #aaa;-webkit-appearance: none;-webkit-border-radius: 0}
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0}
/*input[type="password"]{font-family: sans-serif}*/
input,textarea:focus{outline: none}

.wra{width:100%;min-width: 1024px;overflow-x: hidden}
/*body::-webkit-scrollbar, .wra::-webkit-scrollbar{display: none}*/
.body_cover{background: rgba(84,88,86,0.7);position: fixed;top: 0;left:0;width:100%;height:100%;z-index: 9997;display: none}
.sh_body_cover{background: rgba(0,0,0,0.7);position: fixed;top: 0;left:0;width:100%;height:100%;z-index: 999;display: none}
.displayNone{display: none!important}
.eFont{font-family: "Gilroy Light", 'Spoqa Han Sans', "Sans-serif"}

/* header */
.header{position: fixed;top: 0;width: 100%;background-color: #fff;z-index: 1000;box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.08);-webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.08);-moz-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.08);}
.header.detailMenu{box-shadow: none}
.header_container{max-width: 1280px;min-width: 1024px;width: 100%;margin: 0 auto;padding: 0 85px;height: 70px;display: flex;justify-content: space-between;align-items: center}
.header_logo img{display: inline-block}
.header_menu{max-width: calc(100% - 11.063em);min-width: 700px;width: 100%;display: flex;justify-content: space-between;align-items: center;padding-right: 6px}
.page_menu{margin-right: 12px;display: flex;align-items: center}
.login_menu{display: flex;margin-left: 12px}
.page_menu a, .login_menu a, .btn_popupSh_open{font-size: 14px;line-height: 1.43;margin: 0 12px}
.login_menu a, .btn_popupSh_open{margin: 0 8px;display: flex;align-items: center}
.login_menu a:nth-child(3){position: relative}
.login_menu .btn_popupSh_open:nth-child(2){position: relative}
.login_menu a img{max-width: 20px;width: 100%;margin-right: 6px}
.login_menu .btn_popupSh_open img{max-width: 20px;width: 100%;margin-right: 6px}
.notification_cart{position: absolute;left: 10px;top: 0;width: 14px;height: 14px;display: flex;justify-content: center;align-items: center;border-radius: 50%;background: #ff5d5d;font-size: 8px;font-weight: bold;color: #fff}
.page_menu span{min-width: 1px;width: 1px;height: 16px;background: #707070;margin: 0 12px;display: inline-block}
.header_down{position: fixed;top: 0;left: 0;width: 100%;height: auto;z-index: 999}

/* dropdown_me
/* dropdown_menu */
.down_menu{position: absolute;width: 100%;min-width: 1024px;height: 303px;background: #fff;padding: 102px 0 32px;display: none}
.down_menu_sub{max-width: 856px;margin: 0 auto;display: flex;justify-content: space-between}
.down_menu .title_box{max-width: 196px;width: 100%}
.down_menu .title_box .title{font-size: 18px;font-weight: 500;letter-spacing: -0.2px;line-height: 1.33}
.down_menu .title_box .menu_names{font-size: 14px;margin-top: 12px}
.down_menu .title_box .menu_names:nth-child(2){margin-top: 20px;font-weight: 600}
.down_menu .title_box .menu_names:nth-child(2) a{font-weight: 600;color: #313030}
.down_menu .title_box .menu_names.select a{font-weight: 600;color: #313030}
.down_menu .title_box .menu_names.select{font-weight: 600;color: #313030}
.down_menu .title_box .menu_names a{font-weight: 400;color: #acacac;cursor: pointer}
.down_div_box{display: flex;max-width: 72.5%;width: 100%;align-items: flex-start}
.down_div_box .down_div{max-width: calc(25% - 15px);width: 100%;cursor: pointer}
.down_div_box .down_div:nth-child(n+2){margin-left: 20px}
.down_div .img{position: relative;width: 100%;padding-top: 75%;border-radius: 4px;background-color: #f4f4f4;overflow: hidden}
.down_div .text_box{margin-top: 9px;text-align: center;font-size: 12px}
.down_div .text_box .title{font-weight: bold}
.down_div .text_box .text{font-weight: 500;line-height: 1.5;margin-top: 2px;color: #707070;height: 3em}

/* .brand_goods_menu .down_div_box, .brand_mentoring_menu .down_div_box{max-width: calc(100% - 203px);position: relative;padding: 0 16.5px} */
.brand_goods_menu .down_div_box{max-width: calc(100% - 203px);position: relative;padding: 0 16.5px}
.goods_menu_slide, .mentoring_menu_slide{margin: 0 0 0 16px;width:100%}
.goods_menu_slide .down_div, .mentoring_menu_slide .down_div{max-width: 100%}
.downMenu_arrowBox{position: absolute;display: flex;justify-content: space-between;top: calc(50% - 16px);right: -8px;width: 100%}



.downMenu_arrowBox .swiper-button-prev{background: url("/fronts/assets/images/all/header_product_prev.svg") no-repeat center left;background-size:8px}
.downMenu_arrowBox .swiper-button-next{background: url("/fronts/assets/images/all/header_product_next.svg") no-repeat center right;background-size:8px}

.downMenu_arrowBox .swiper-button-prev.swiper-button-disabled{background-image: url("/fronts/assets/images/all/header_product_prevA.svg");opacity:1}
.downMenu_arrowBox .swiper-button-next.swiper-button-disabled{background-image: url("/fronts/assets/images/all/header_product_nextA.svg");opacity:1}

.down_menu_next, .m_down_menu_next{position: static;height: 16px}
.down_menu_prev, .m_down_menu_prev{position: static;height: 16px}

/* footer */
.footer{background: #313030;position: relative;z-index: 1}
.footer_container{max-width: 1280px;min-width: 1024px;width: 100%;padding: 63px 85px 56px;margin: 0 auto}
.footer_menu{display: flex;justify-content: space-between;border-bottom: solid 1px rgba(255,255,255,0.3);padding-bottom: 48px}
.abocado{width: 195px}
.abocado .text{font-size: 12px;font-weight: 500;line-height: 1.33;color: #fff;margin-top: 16px}
.menu, .term_menu, .operating_time{width: 120px}
.menu p, .term_menu p{display: flex;align-items: top}
.menu p a, .term_menu p a, .term_menu p button{font-size: 12px;line-height: 1.33;color: #fff}
.operating_time p{font-size: 12px;line-height: 1.5;color: #fff}
.menu p:nth-child(n+2), .term_menu p:nth-child(n+2){margin-top: 16px}
.dot_box{width: 300px;display: flex;justify-content: flex-end}

/*.dot{width: 24px;height: 24px;border-radius: 50%;background: #fff;margin-left: 16px;background-size: 100%}*/
.dot{margin-left: 16px;background-size: 100%;background-position: center;background-repeat: no-repeat}
.company{padding-top: 16px}
.company p{font-size: 10px;font-weight: 500;line-height: 2;color: #fff}

/* main */
.mainBannerSlide{width: 100%;height: 100%}
.search_banner{background: #313030;min-width: 1024px;transition: background 0.3s;-webkit-transition: background 0.3s;-moz-transition: background 0.3s;-ms-transition: background 0.3s;height: calc(100vh - 70px);position: relative}



/*.search_banner{height: 663px}*/
.search_banner{padding: 0 0 34.53125%;height: auto}


.mainBannerSlideArea{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1}
.banner_sub_div{margin: 0 auto;padding: 0 85px;max-width: 1280px;min-width: 1024px;width: 100%;height: 100%;display: flex;justify-content: space-between}
#search_box{max-width: 45%;min-width: 440px;margin-right: 38px;display: flex;justify-content: center;flex-wrap: wrap;align-content: center;position: relative;z-index: 2}
.banner_title{width: 100%;font-size: 36px;font-weight: 500;line-height: 1.33;color: #fff}
.input_box{display: flex;width: 100%;margin-top: 27.5px;padding: 14.5px 0;border-bottom: solid 2px #fff}
#search_input{width: 100%;background: none;border: 0;font-size: 16px;font-weight: 300;line-height: 1.19;color: #fff}
#search_input::placeholder{color: #f4f4f4}
#search_box .input_box>.search_img{display: none}
.input_box button{font-size: 16px;font-weight: 600;line-height: 1.19;color: #00cf7f}
.tag_box{width: 100%;display: flex;margin-top: 16.5px}
.tag_text{font-size: 12px;font-weight: 600;line-height: 1.17;color: #f4f4f4;margin: 0;display: flex;align-items: center;min-width: 73px}
.btn_tag{min-width: 78px;height: 27px;color: #f4f4f4;font-size: 12px;font-weight: 500;line-height: 1.17;border-radius: 40px;border: solid 1px #f4f4f4;margin: 0 2px}
.btn_tag:nth-child(2){margin-left: 7.5px}
/*.search_banner_img{max-width: 55%;width: 100%;display: flex;flex-wrap: wrap;justify-content: center;align-content: center;margin: 63px 0 99px}*/
.search_banner_img img{width: 100%}
.search_banner_img .text{position: relative;top: -18px;font-size: 12px;font-weight: 500;line-height: 2;color: #fff;text-align: center}
.search_banner_img .text span{text-decoration: underline !important}
.branding_goods_container{padding: 88px 0 100px}
.branding_goods_contant, .know_how_contant, .progress_box{max-width: 1280px;min-width: 1024px;width: 100%;margin: 0 auto;padding: 0 85px}
.branding_goods_contant .title, .know_how_contant .title, .progress_box .title{font-size: 36px;font-weight: 300;line-height: 1.33;text-align: center}
.branding_goods_contant .title{margin-bottom:56px}
.goobs_container, .how_container{width: 100%;display: flex;flex-wrap: wrap;align-content: flex-start;/*margin-top: 64px*/}
.goobs_box, .know_how_container .how_box{max-width: calc(25% - 22.5px);width: 100%;margin-left: 30px}
.goobs_box:nth-child(4n+1), .know_how_container .how_box:nth-child(4n+1){margin: 0}
.goobs_box:nth-child(n+5){margin-top: 45px}
.goobs_box .img{position: relative;width: 100%;padding-top: 75.29%;border-radius: 10px;background: url("/fronts/assets/images/main/product.png") no-repeat center/cover;overflow: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0)}
.goobs_box .img .goodsBox_imgItem{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: transform 0.3s cubic-bezier(.79, .21, .21, .81);-webkit-transition: transform 0.3s cubic-bezier(.79, .21, .21, .81);-moz-transition: transform 0.3s cubic-bezier(.79, .21, .21, .81);-ms-transition: transform 0.3s cubic-bezier(.79, .21, .21, .81)}
.goobs_box:hover .img .goodsBox_imgItem{transform: scale(1.1)}
.goobs_box .plus1{position: absolute;top: calc(50% - 16px);left: 50%;width: 1.5px;height: 32px;background: #adacac}
.goobs_box .plus2{position: absolute;top: 50%;left: calc(50% - 16px);width: 32px;height: 1.5px;background: #adacac}
.goods_textBox, .how_textBox{padding: 12px 8px 20px}
.goods_textBox .goods_title{font-size: 18px;font-weight: 600;line-height: 1.33;margin-bottom: 4px}
.goods_textBox .goods_text{font-size: 12px;font-weight: 500;line-height: 1.5;color: #707070;margin-bottom: 12px}
.goods_textBox .goods_start{font-size: 14px;line-height: 1.17;font-weight: bold;border-bottom: solid 1px #313030;cursor: pointer;display: inline-block}

.know_how_container{padding: 65px 0 100px}
.know_how_container .how_box .img{position: relative;width: 100%;padding-top: 75.29%;background: url("/fronts/assets/images/main/knowHow.png") no-repeat center}
.know_how_container .how_box .img.miniIcon{width: 72px;height: 72px;background-color: #f8f8f8 !important;border-radius: 8px;padding: 0;}
.how_textBox .how_title{font-size: 18px;font-weight: 600;line-height: 1.33;text-align: center;margin-bottom: 16px}
.how_textBox .how_text{font-size: 14px;font-weight: 500;line-height: 1.57;color: #707070;text-align: center}
.progress_container{height: 1154px;padding: 120px 0 87px;background:url(/fronts/assets/images/main/bg.png) no-repeat center top;background-size: 1600.5px 1067.75px;background-color: #f8f8f8}
.progress_box .title{width: 100%;margin-bottom: 24px}
.progress_box .text{width: 460px;font-size: 18px;font-weight: 500;line-height: 1.78;text-align: center;margin: 0 auto}
.progress_slide_container{width: 100%;margin-top: 101px;position: relative;transform: translate(4px, 0px)}
.progress_slide{width: 619px;height: 434px;border-radius: 8px}
.progress_slide .slide_img{position: relative;width: 100%;height: 100%;border-radius: 8px}
.progress_slide_container .progress_pagination{width: 730px;position: static;display: flex;justify-content: space-between;margin: 121px auto 0}
.progress_slide_container .swiper-pagination-bullet{max-width: calc(25% - 22.5px);width: 100%;height: auto;background: 0;border: 0;border-radius: 0;text-align: left}
.progress_slide_container .swiper-pagination-bullet .slide_num{width: 28px;height: 28px;border-radius: 50%;background: #313030;font-size: 14px;font-weight: 300;color: #fff;display: flex;justify-content: center;align-items: center}
.progress_slide_container .swiper-pagination-bullet-active .slide_num{background: #00cf7f}
.progress_slide_container .swiper-pagination-bullet .slide_text{font-size: 14px;font-weight: 500;line-height: 1.57;margin-top: 12px;word-break: break-all}
.progress_slide_container .swiper-pagination-bullet-active .slide_text{font-weight: 600}
.progress_arrowBox{position: absolute;top: 206px;left: calc(50% - 425px);display: flex;justify-content: space-between;width: 850px}
.progress_prev, .progress_next{position: static}


.progress_slide_container .progress_prev{background: url("/fronts/assets/images/main/prev_active.svg") no-repeat center;background-size:100%;width:20px;height:40px}
.progress_slide_container .progress_next{background: url("/fronts/assets/images/main/next_active.svg") no-repeat center;background-size:100%;width:20px;height:40px}

.progress_slide_container .swiper-button-prev.swiper-button-disabled{background-image: url("/fronts/assets/images/main/prev.svg");opacity:1}
.progress_slide_container .swiper-button-next.swiper-button-disabled{background-image: url("/fronts/assets/images/main/next.svg");opacity:1}

.naming_arrowBox .swiper-button-prev{background: url("/fronts/assets/images/main/prev_active.svg") no-repeat center;background-size:100%;width:20px;height:40px;margin-top: -65px}
.naming_arrowBox .swiper-button-next{background: url("/fronts/assets/images/main/next_active.svg") no-repeat center;background-size:100%;width:20px;height:40px;margin-top: -65px}

.naming_arrowBox .swiper-button-prev.swiper-button-disabled{background-image: url("/fronts/assets/images/main/prev.svg");opacity:1}
.naming_arrowBox .swiper-button-next.swiper-button-disabled{background-image: url("/fronts/assets/images/main/next.svg");opacity:1}

.other_newsBox .swiper-button-prev{background: url("/fronts/assets/images/main/prev_active.svg") no-repeat center;background-size:100%;width:20px;height:40px;margin-top: -20px}
.other_newsBox .swiper-button-next{background: url("/fronts/assets/images/main/next_active.svg") no-repeat center;background-size:100%;width:20px;height:40px;margin-top: -20px}

.other_newsBox .swiper-button-prev.swiper-button-disabled{background-image: url("/fronts/assets/images/main/prev.svg");opacity:1}
.other_newsBox .swiper-button-next.swiper-button-disabled{background-image: url("/fronts/assets/images/main/next.svg");opacity:1}


/* banner */
.container{padding-top: 70px}
.banner_container{height: 320px}
.banner_contant{max-width: 1280px;min-width: 1080px;margin: 0 auto;padding-left: 85px;height: 100%;display: flex;flex-wrap: wrap;align-content: center}
.banner_contant .main_title{height: 38px;border-radius: 50px;border: solid 1px #313030;font-size: 14px;font-weight: 500;display: flex;justify-content: center;align-items: center;padding: 0 16px}
.banner_contant .title{width: 100%;font-size: 24px;font-weight: 500;margin-top: 16px}
.banner_contant .text{font-size: 16px;font-weight: 500;line-height: 1.5;margin-top: 4px}

.logo_banner{background: #59a687}
.naming_banner{background: #f4c0c0}
.mentoring_banner{background: #a5c7f0}
.goods_banner{background: #87d0cf}
.news_banner, .package_banner{background: #f8f8f8;background-size: cover !important;background-position: center !important;}

/* mini banner */
.mini_banner_container{padding: 120px 136px}
.mini_banner_contant{max-width: 1110px;width: 100%;margin: 0 auto;height: 400px;border-radius: 8px}
.mini_banner_textBox{height: 100%;padding-left: 56px;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;align-items: flex-start;align-content: flex-start;}
.mini_banner_textBox .title{font-size: 36px;line-height: 1.33;margin-bottom: 4px;color: #313030;font-weight: 300;margin-bottom: 24px;}
.mini_banner_textBox .text{width: 100%;font-size: 18px;font-weight: 500;line-height: 1.56;margin-bottom: 40px}
.mini_banner_textBox a{width: 99px;height: 44px;background: #fff;border-radius: 4px;font-size: 14px;font-weight: 600;color: #30c2aa;display: flex;justify-content: center;align-items: center}
.supporter_container{height: 230px;width: 100%;min-width: 1024px;background: #f5f5f5}
.supporter_contant{width: 1280px;height: 100%;margin: 0 auto;background: url('/fronts/assets/images/main/supporter_v2.png') no-repeat center/100%}

.sub_mini_banner_contant{max-width: 1110px;width: 100%;height: 255px;display: flex;justify-content: space-between;align-items: flex-start;margin: 0 auto 30px}
.sub_mini_banner{max-width: calc(50% - 15px);width: 100%;height: 100%;border-radius: 8px;background: #f8f8f8;display: flex;justify-content: flex-end}
.sub_mini_banner_textBox{width: 100%;padding-left: 220px;display: flex;flex-wrap: wrap;align-content: center;padding: 50px 56px;flex-direction: column;justify-content: space-between;align-items: flex-start;align-content: flex-start;}
.sub_mini_banner_textBox .title{font-size: 18px;/*font-weight: 600;*/line-height: 1.33;font-size: 24px;font-weight: 300;}
.sub_mini_banner_textBox .text{width: 100%;font-size: 14px;font-weight: 500;line-height: 1.57;color: #707070;margin: 8px 0 24px}
.sub_mini_banner_textBox button{font-size: 16px;font-weight: 600;line-height: 1.5;text-decoration: underline !important}

.main_mini_banner{background: #f78a6e}
.goods_mini_banner{background: #30c2aa}
.goods_mini_banner .text{color: #fff}
.goods_mini_banner button{background: #fff;color: #30c2aa}

/* estimate */
.estimate_container{padding: 96px 0 100px}
.estimate_contant{max-width: 1280px;min-width: 1024px;width: 100%;margin: 0 auto;padding: 0 85px}
.estimate_contant .main_title{text-align: center;font-size: 36px;font-weight: 300;line-height: 1.33}
.estimate_contant .main_text{text-align: center;font-size: 18px;font-weight: 300;line-height: 1.78;margin-top: 12px}
.product_container{width: 100%;display: flex;justify-content: center;align-items: flex-start;margin-top: 59px}
.product_box{max-width: calc(25% - 22.5px);width: 100%;margin-left: 30px}
.product_box:nth-child(4n+1){margin: 0}
.product_box:nth-child(n+5){margin-top: 58px}
.product_box .img{position: relative;width: 100%;padding-top: 100%;border-radius: 8px;background: #f4f4f4;cursor: pointer}
.product_box .titleBox{padding: 12px 8px 12px;border-bottom: solid 1px #e6e6e6}
.product_box .titleBox .title{font-size: 18px;font-weight: 400;line-height: 1.33;margin-bottom: 10px;cursor: pointer}
.product_box .titleBox .text{font-size: 12px;font-weight: 400;line-height: 1.5;color: #707070;min-height: 36px;margin: 2px 0 0}
.product_box .titleBox .text p{color: #707070}
.product_box .infoBox{padding: 12px 8px}
.product_box .infoBox div{display: flex}
.product_box .infoBox div:nth-child(n+2) p{margin-top: 10px}
.product_box .infoBox p{font-size: 14px;font-weight: 600;line-height: 1.29}
.product_box .infoBox p{margin-top: 10px}
.product_box .infoBox div:first-child p{margin-top: 0}
.product_box .infoBox .title{width: 70px}

.product_box .infoBox del{font-size: 14px;font-weight: 300;line-height: 1.29;margin-top: 10px}


/* explain */
.explain_container{background: #f8f8f8}
.explain_contant{height: 450px;max-width: 1280px;min-width: 1024px;width: 100%;margin: 0 auto;padding: 0 85px;display: flex;justify-content: space-between}
.explain_contant .textBox{max-width: 50%;display: flex;flex-wrap: wrap;align-content: center}
.explain_contant:nth-child(2) .textBox{max-width: calc(50% - 74px)}
.explain_contant .textBox .title{font-size: 36px;font-weight: 300;line-height: 1.33}
.explain_contant .textBox .text{font-size: 18px;font-weight: 300;line-height: 1.78;margin-top: 24px}

/* question */
.question_container{padding: 120px 0;background: #f8f8f8}
.question_contant{max-width: 660px;margin: 0 auto}
.question_contant .main_title{text-align: center;font-size: 36px;font-weight: 300;line-height: 1.33;margin-bottom: 9px}
.question_contant .main_text{text-align: center;font-size: 24px;font-weight: 300;line-height: 2;margin-bottom: 56px}
.question_typeBox{width: 100%}
.question_typeBox .type{border-top: solid 1px #313030;padding: 24.5px 16.5px}
.question_typeBox .type .question{font-size: 18px;font-weight: 400;line-height: 1.78;cursor: pointer;position: relative}
.question_typeBox .type .question img{display: none}
.question_typeBox .type .question::before{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);background:url(/fronts/assets/images/all/slide_down.svg) no-repeat center right;background-size: 16px;width:16px;height:9px}
.question_typeBox .type:last-child .question::before{display: none}
.question_typeBox .type .question.active::before{background-image: url(/fronts/assets/images/all/slide_up.svg)}
.question_typeBox .type:last-child .question{font-size: 14px}
.question_typeBox .type .question a{font-weight: 600;color: #00cf7f;text-decoration: underline !important}
.question_typeBox .type .answer{font-size: 14px;font-weight: 300;line-height: 1.6;color: #8b8b8b;padding: 24px 27px 0 0;display: none}

/* how progress */
.how_progress_container{padding: 88px 0}
.how_progress_contant{max-width: 1280px;min-width: 1024px;width: 100%;margin: 0 auto;padding: 0 73px}
.how_progress_contant .main_title{text-align: center;font-size: 36px;font-weight: 300;line-height: 1.33; margin-bottom:12px}
.how_progress_contant .main_text{text-align: center;font-size: 18px;font-weight: 500;line-height: 1.78;margin-bottom: 56px}
.how_container{width: 100%;display: flex;justify-content: space-between}
.how_container_title{text-align: center;font-size: 24px;font-weight: bold;line-height: 1.33; margin-bottom:12px}
.how_container_title2{margin-top: 56px;}
.how_progress_contant .how_box{max-width: calc(25% - 3.75px);width: 100%}
.how_progress_contant .how_box2{max-width: calc(20% - 2.5px) !important;width: 100%}
.how_progress_contant .how_box .img{position: relative;width: 100%;padding-top: 75.29%;border-radius: 8px;background-repeat: no-repeat;background-size: 100%;background-position: center}
.how_progress_contant .how_box .title{text-align: center;font-size: 18px;font-weight: 400;line-height: 1.33;margin-top: 16px}
.how_progress_contant .how_box2 .title{white-space: nowrap;}
.how_progress_contant .how_box .text{text-align: center;font-size: 14px;font-weight: 400;line-height: 1.57;color: #707070;margin-top: 4px}
.package_insta .how_box{max-width: calc(33.33% - 20px)}

/*all filter*/
.filter_container{width: 100%;border-bottom: solid 1px #313030}
.filter_container.filter_block{display: block;border-top: solid 1px #313030;padding: 64px 8px 40px;margin-top: 40px}
.filter_box{display: flex}
.filter_box:nth-child(n+2){margin-top: 24px}
.filter_box .title{width: 157px;font-size: 16px;font-weight: bold;line-height: 1.5;text-align: center}
.sectors_filter_box, .mood_filter_box, .color_filter_box{max-width: calc(100% - 160px);width: 100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: flex-start}
.sectors_filter_box{padding-right: 140px}
.sectors_filter, .mood_filter, button.color_filter{height: 40px;padding: 0 16px;border-radius: 50px;border: solid 1px #e6e6e6;margin: 0 8px 10px 0;font-size: 12px;line-height: 2;width:auto}
.color_filter_box{display: flex;flex-wrap: wrap;align-content: flex-start}
.color_filter{height: 40px;width: 40px;border: solid 1px #e6e6e6;border-radius: 50%;margin: 0 8px 10px 0;display: flex;justify-content: center;align-items: center;cursor: pointer}
.color_filter .color_ex{width: 24px;height: 24px;border-radius: 50%}
.sectors_filter.active, .mood_filter.active, .color_filter.active{border-color: #313030}


/* brand_logo */
.free_container{padding: 120px 0 100px}
.free_contant{width: 730px;margin: 0 auto}
.free_contant .main_title{text-align: center;font-size: 36px;font-weight: 300;line-height: 1.33;margin-bottom: 64px}
.free_box{margin-top: 30px;display: flex;justify-content: space-between}
.free_box .img{width: 160px;height: 160px;background: url('/fronts/assets/images/brand_logo/free_logo.png') no-repeat center/cover}
.free_box .textBox{max-width: calc(100% - 190px);display: flex;flex-wrap: wrap;align-content: center}
.free_box .textBox .title{font-size: 24px;line-height: 2}
.free_box .textBox .text{font-size: 18px;line-height: 1.78;font-weight: 300}
.brand_logo_container{padding: 100px 0 0}
.brand_logo_contant{max-width: 1280px;min-width: 1024px;width: 100%;padding: 0 85px;margin: 0 auto;display: flex;justify-content: center;flex-wrap: wrap;align-content: flex-start}
    /*packageproduct main_title 수정*/
.brand_logo_contant .main_title{width: 100%;text-align: center;font-size: 36px;line-height: 1.33;margin-bottom: 56px;font-weight: 400;}
.logo_seemore{width: 86px;height: 44px;border: solid 1px #313030;border-radius: 4px;font-size: 14px;font-weight: 600;line-height: 1.71;display: flex;justify-content: center;align-items: center;margin-bottom: 64px}

/* logo & name example_container */
.logo_container, .name_container, .template_container{width: 100%;height: auto;padding: 28px 0;display: flex;flex-wrap: wrap;align-content: flex-start;justify-content: space-between}
.logo_container .sort_box, .name_container .sort_box, .template_container .sort_box{display: flex;align-items: center;margin: 12px 0;padding-left: 8px}
.template_search_input{max-width: 200px;width: 100%;height: 40px;border-radius: 4px;border: solid 1px #e6e6e6;font-size: 14px;margin-right: 8px;padding: 10px;color: #707070;background: url(/fronts/assets/images/all/search_2.png) no-repeat right 10px center/19px}
.none_result_box{width: 100%;height: 153px;border-radius: 8px;background: #f8f8f8;display: none;align-items: center;justify-content: center;margin-bottom: 30px;}
.none_result_box.active{display: flex}
.none_result_box p{font-size: 18px;font-weight: 300;color: #313030;text-align: center}
.none_result_box p span{color: #fd5d5d}
.sort_box .sort{font-size: 14px;font-weight: 500;line-height: 1.71;color: #707070;cursor: pointer;padding-right: 12px}
.sort_box .sort.active{font-weight: 600;color: #313030}
.sort_box .sort:nth-child(n+2){padding: 0 12px;}
.sort_box span{min-width: 1px;height: 12px;width: 1px;background: #707070}
.productAlign_box{display: flex;align-items: center;margin: 0 0 12px}
.logo_box{width: 100%;height: auto;display: flex;justify-content: space-between}
.logo_box:nth-child(n+3){margin-top: 30px}
.logo_group{max-width: calc(50% - 15px);width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;align-content: space-between}
.logo_group .small_logo{position: relative;max-width: calc(50% - 15px);width: 100%;padding-top: calc(50% - 15px);background: #f7f7f7;border-radius: 8px;cursor: pointer;margin:30px 0 0}
.logo_group .small_logo:nth-child(1),.logo_group .small_logo:nth-child(2){margin-top: 0}
.hover_ex{position: absolute;width: 100%;height: 100%;top: 0;left: 0;padding: 32px;background: rgba(49, 48, 48, 0.9);justify-content: center;flex-wrap: wrap;align-content:center;display: none;border-radius: 8px}
.hover_ex .title{font-family: 'Gilroy', sans-serif;width: 100%;text-align: center;font-size: 14px;font-weight: bold;line-height: 1.43;color: #fff;margin-bottom: 4px}
.hover_ex .text{font-size: 14px;font-weight: 500;text-align: center;color: #fff;white-space: normal;line-height: 1.43;height: 4.29em;text-align: center;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis}
.small_logo:hover .hover_ex, .big_logo:hover .hover_ex{display: flex}
.big_logo{position: relative;max-width: calc(50% - 15px);width: 100%;padding-top: calc(50% - 15px);background: #f7f7f7;border-radius: 8px;cursor: pointer}

/* brand_naming */
.patentAttorney_container{padding: 120px 85px 60px;max-width: 1280px;min-width: 1024px;width: 100%;margin: 0 auto}
.patentAttorney_contant{width: 100%;background: #efe1e1;border-radius: 8px;padding: 80px;display: flex}
.patentAttorney_contant .title{width: 400px;font-size: 36px;font-weight: 300;line-height: 1.33;padding-right: 56.5px;border-right: solid 1px #313030}
.patentAttorney_contant .explain_person{padding-left: 56.5px;display: flex;flex-wrap: wrap;align-content: flex-start}
.explain_person .person{width: 100%;display: flex;align-items: center}
.explain_person .person img{max-width: 40px;width: 100%}
.explain_person .person .name{margin-left: 12px;font-size: 18px;font-weight: 500;line-height: 1.78}
.explain_person .explain{margin-top: 19px;display: flex}
.explain_person .entirely, .explain_person .certificate{font-size: 14px;font-weight: 500;line-height: 1.71}
.explain_person .certificate{margin-left: 52px}
.brand_naming_container{padding: 100px 0 203px}
.brand_naming_contant{max-width: 1280px;min-width: 1024px;width: 100%;margin: 0 auto;padding: 0 85px;position: relative}
.brand_naming_contant .main_title{text-align: center;font-size: 36px;font-weight: 300;line-height: 1.33;margin-bottom: 59px}
.naming_slide{width: 100%;height: 540px}
.naming_slide .swiper-slide{height: calc(50% - 15px)}
.naming_slide .slide_box{width: 100%;height: 100%;border-radius: 8px;background: #f8f8f8;overflow: hidden;display: flex}
.naming_slide .slide_box .img{position: relative;height: 100%;width: 255px}
.naming_slide .slide_box .textBox{width: calc(100% - 255px);padding: 16px 40px 38px;position: relative}
.naming_slide .textBox div{display: flex;align-items: flex-start;margin-top: 24px}
.naming_slide .textBox .logo{position: absolute;top: 15px;right: 16px;width: 48px;height: 48px;background: #00cf7f;display: flex;justify-content: center;align-items: center;border-radius: 50%;font-family: 'Gilroy', sans-serif;font-size: 14px;font-weight: 800;line-height: 1.29;color: #fff;margin: 0}
.naming_slide .textBox div .title{font-size: 14px;font-weight: 600;margin-right: 24px;white-space: nowrap}
.naming_slide .textBox div .text{font-size: 14px;font-weight: 600}
.naming_slide .textBox .meaning .text{font-weight: 300;line-height: 1.57;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap:break-word;overflow: hidden;text-overflow: ellipsis}
.naming_pagination{position: relative;width: 100%;margin-top: 71px}
.naming_pagination .swiper-pagination-bullet, .review_pagination .swiper-pagination-bullet{border: 0;background: #313030;opacity: 0.4}
.naming_pagination .swiper-pagination-bullet:nth-child(n+2), .review_pagination .swiper-pagination-bullet:nth-child(n+2){margin-left: 10px}
.naming_pagination .swiper-pagination-bullet-active, .review_pagination .swiper-pagination-bullet-active{opacity: 1}
.naming_arrowBox, .review_arrowBox{position: absolute;top: calc(50% + 80px);left: 0;width: 100%;display: flex;justify-content: space-between;padding: 0 35px}
.naming_arrowBox .naming_next, .naming_arrowBox .naming_prev, .review_arrowBox .review_next, .review_arrowBox .review_prev{position: static}

/* brand all name */
.brand_name_container{padding: 120px 0 0}
.brand_name_contant{max-width: 1280px;min-width: 1024px;width: 100%;padding: 0 85px;margin: 0 auto}
.brand_name_contant .main_title{width: 100%;text-align: center;font-size: 36px;font-weight: 300;line-height: 1.33;margin-bottom: 64px}
.name_group{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;align-content: flex-start}
.name_box{max-width: calc(50% - 15px);width: 100%;border-radius: 8px;background: #f8f8f8;overflow: hidden;display: flex;align-items: center;}
.name_box:nth-child(n+3){margin-top: 30px}
.name_box .img{position: relative;width: 50%;padding: 0 0 50%}
.name_box .textBox{width: 50%;padding: 34px 38px 40px 40px;position: relative}
.name_box .textBox div{display: flex;align-items: flex-start;margin-top: 24px}
.name_box .textBox div:first-child{margin-top: 0}
.name_box .textBox .logo{position: absolute;top: 15px;right: 16px;width: 48px;height: 48px;background: #00cf7f;display: flex;justify-content: center;align-items: center;border-radius: 50%;font-family: 'Gilroy', sans-serif;font-size: 14px;font-weight: 800;line-height: 1.29;color: #fff;margin: 0}
.name_box .textBox div .title{font-size: 14px;font-weight: 600;margin-right: 24px;white-space: nowrap}
.name_box .textBox div .text{font-size: 14px;font-weight: 600;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.name_box .textBox .meaning .text{font-weight: 300;overflow: hidden;word-break: break-all;white-space: normal;line-height: 22px;height: 64px;word-wrap: break-word;display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}

/* brand_mentoring */
.review_container{padding: 120px 0;background: #f8f8f8}
.review_contant{max-width: 1280px;min-width: 1024px;width: 100%;padding: 0 85px;margin: 0 auto;position: relative}
.review_contant .main_title{font-size: 36px;font-weight: 300;line-height: 1.33;text-align: center;margin-bottom: 59px; text text-decoration: underline !important}
.review_slide{width: 100%;display: flex;justify-content: space-between}
.review_slide .slide_box{max-width: calc(33.33% - 21.33px);width: 100%;background: #fff;border-radius: 8px;padding: 56px 40px 40px}
.reivew_text{font-size: 18px;font-weight: 500;line-height: 1.78;word-break: break-all;height: 209px}
.reviewer{display: flex}
.reviewer .img{height: 48px;width: 48px;border-radius: 50%;background: #f4f4f4;margin-right: 16px;background-repeat: no-repeat;background-size: cover;background-position: center}
.reviewer .info{display: flex;flex-wrap: wrap;align-content: center}
.reviewer .info .info_company{width: 100%;font-size: 14px;font-weight: 500}
.reviewer .info .name{font-size: 18px;font-weight: 600}
.review_pagination{position: relative;margin-top: 40px}
.review_arrowBox{top: calc(50% + 20px)}

/* brand_goods */
.trend_img{max-width: calc(50% - 15px);width: 100%;margin: 72px 0 0 30px;background: #f8f8f8}
.edit_goods_container{padding-top: 120px;background: #f8f8f8}
.edit_goods_contant{max-width: 1280px;min-width: 1024px;width: 100%;padding: 0 85px;margin: 0 auto}
.edit_goods_contant .main_title, .goods_estimate_contant .main_title, .kit_contant .main_title{text-align: center;font-size: 36px;line-height: 1.33;font-weight: 300}
.edit_goods_contant .imgBox{position: relative;margin-top: 56px;display: flex;justify-content: space-between;align-items: flex-start}
.edit_goods_contant .img_menu{max-width: calc(25.68% - 30px);width: 100%;margin-right: 30px}
.edit_goods_contant .img_menu li{padding: 16px 8px;border-bottom: solid 1px #e6e6e6;cursor: pointer}
.edit_goods_contant .img_menu li:first-child{border-top: solid 1px #e6e6e6}
.edit_goods_contant .img_menu .menu_text{font-size: 16px;line-height: 1.5;color: #707070}
.edit_goods_contant .img_menu .menu_text.active{color: #313030;font-weight: bold;background: url(/fronts/assets/images/main/edit_active.svg) no-repeat right center/9px}
.edit_goods_contant .btn_start{max-width: calc(25.68% - 30px);width: 100%;height: 48px;display: flex;justify-content: center;align-items: center;border-radius: 4px;background: #313030;font-size: 16px;font-weight: 600;line-height: 1.5;color: #fff;position: relative;bottom: 48px}
.edit_goods_contant .img{position: relative;width: 74.32%;padding-top: 45.04%;background: #fff}
.goods_estimate_container{padding: 120px 0;background: #f8f8f8;margin: 120px 0 0}
.goods_estimate_contant{max-width: 1280px;min-width: 1024px;width: 100%;margin: 0 auto}
.esitimate_radioBox{max-width: 504px;width: 100%;display: flex;justify-content: space-between;align-items: flex-start;margin: 59px auto 0}
.esitimate_radioBox .radio_button{max-width: calc(25% - 16px);width: 100%;height: 48px;display: flex;justify-content: center;align-items: center;border-radius: 50px;border: solid 1.5px #acadad;cursor: pointer;font-size: 18px}
.esitimate_radioBox .radio_button.active{border-color: #313030;font-weight: bold;color: #313030}
.stepBox{max-width: 920px;width: 100%;margin: 0 auto}
.stepBox:nth-child(3){margin-top: 80px}
.stepBox:nth-child(4){margin-top: 48px}
.stepBox .title{text-align: center;font-size: 16px;font-weight: 600;/*line-height: 3*/ margin-bottom:16px}
.esitimate_selectBox{width: 100%;height: 144px;display: flex;justify-content:center;align-items: center;background: #fff}
.select_kind{width: 214px;display: flex;align-items: center;position: relative}
.select_kind:nth-child(n+2){margin-left: 48px}
.select_kind:last-child{width:202px}
.select_kind .title{font-size: 14px; margin-bottom: 0}
.select_kind .select{position: absolute;top: calc(50% - 24px);right: 0;max-width: 160px;width: 100%;border-radius: 4px;border: solid 1px #e6e6e6;background: #fff;z-index: 2}
.select_kind .select.active{border-color: #313030}
.select_element{width: 100%;height: 48px;display: flex;align-items: center;padding: 0 12px;cursor: pointer;font-size: 12px;color: #707070;background: url(/fronts/assets/images/all/filter.svg) no-repeat right 12px center/12px}
.select_kind .select .select_list{padding: 0 12px;display: none}
.select_kind .select .select_list li{height: 40px;display: flex;align-items: center;cursor: pointer;font-size: 12px}
.totalBox{max-width: 250px;width: 100%;margin: 32px auto 0}
.total_price{display: flex;justify-content: center;align-items: flex-end}
.total_price .title{font-size: 24px;font-weight: 500;line-height: 48px;margin-right: 10px}
.total_price .price{font-size: 38px;font-weight: 500;line-height: 48px}
.total_price .price span{font-family: 'Gilroy', sans-serif;font-weight: 300}
.total_price{font-size: 28px;/*color: #20cf7f;*/font-weight: 300}
.totalBox .delivery{font-size: 14px;font-weight: 500;line-height: 1.71;text-align: center;margin: 8px 0 0}
.totalBox .btn_start{width: 160px;height: 44px;display: flex;justify-content: center;align-items: center;margin: 0 auto;color: #fff;background: #00cf7f;border-radius: 4px}
.esitimate_range_slideBox{width: 100%;height: 154px;background: #fff}
.range{position: relative;width: 678px;margin: 0 auto}
.range input{width: 100%;position: absolute;top: 106px;height: 0;border: 0}
.range input::-webkit-slider-thumb{-webkit-appearance: none;width: 20px;height: 20px;margin-top: -6.5px;border-radius: 50%;background: #fff;cursor: pointer;border: 0 !important;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16)}
.range input::-webkit-slider-runnable-track{width: 100%;height: 8px;border-radius: 50px;cursor: pointer;background: #e6e6e6}
.range input:focus{ background: none;outline: none}
.range-labels{padding: 0;list-style: none;position: relative;top: 48px;display: flex;justify-content: space-between;max-width: 730px;left: 50%;transform: translateX(-50%);}
.range-labels li{font-family: 'Gilroy', sans-serif;position: relative;float: left;width: 73px;text-align: center;color: #313030;font-size: 18px;white-space: nowrap;height: 24px}
.range-labels li::before{position: absolute;top: 25px;right: 0;left: 0;content: "";margin: 0 auto;width: 6px;height: 6px;background: #313030;border-radius: 50%}
.range-labels li>span{position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.kit_container{padding: 120px 0 20px}
.kit_contant{max-width: 1280px;min-width: 1024px;width: 100%;margin: 0 auto;padding: 0 85px}
.goods_kit_container{width: 100%;display: flex;justify-content: space-between;margin-top: 56px}
.goods_kit_container.product_container{display: block}
.kit_menu{max-width: calc(25.68% - 30px);width: 100%}
.kit_menu li{padding: 0 16px;border-bottom: solid 1px #e6e6e6;font-size: 14px;font-weight: 500;line-height: 3.43;cursor: pointer}
.kit_menu li:first-child{border-top: solid 1px #e6e6e6}
.kit_menu li.active{font-weight: 600;background: url(/fronts/assets/images/brand_goods/package_active.svg) no-repeat right 20px center/8px}
.goods_kit_box{max-width: 74.32%;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;align-content: flex-start}
.goods_kit_box .kit_text{font-size: 14px;font-weight: 500}
.goods_kit_box .paging{display: flex;align-items: center}
.goods_kit_box .paging a{max-width: 6px;width: 100%}
.goods_kit_box .paging a img{width: 100%}
.goods_kit_box .paging .now_page{font-size: 14px;font-weight: 300;margin: 0 15.8px}

.paging .prev_btn{background: url("/fronts/assets/images/brand_goods/pagePrev.svg") no-repeat center;background-size:100%;width:6px;height:12px;text-indent: -9999px}
.paging .next_btn{background: url("/fronts/assets/images/brand_goods/pageNext.svg") no-repeat center;background-size:100%;width:6px;height:12px;text-indent: -9999px}
/*
.paging .swiper-button-prev.swiper-button-disabled{background-image: url("/fronts/assets/images/main/pagePrevOff.svg");opacity:1}
.paging .swiper-button-next.swiper-button-disabled{background-image: url("/fronts/assets/images/main/pageNextOff.svg");opacity:1}
*/

.kit_box{width: 100%;display: flex;justify-content: flex-start;flex-wrap: wrap;align-content: flex-start;margin-top: 12px}
.package_box{width: 100%;display: flex;justify-content: flex-start;flex-wrap: wrap;align-content: flex-start}
.kit_box .kit{max-width: calc(33.33% - 20px);width: 100%;margin: 0 30px 0 0}
.kit_box .kit:nth-child(3n){margin-right: 0}
.package_box .kit{max-width: calc(25% - 22.5px);width: 100%;margin-right: 30px}
.package_box .kit:nth-child(4n){margin-right: 0}
.kit_box .kit:nth-child(n+4){margin-top: 64px}
.package_box .kit:nth-child(n+5){margin-top: 64px}
.kit .kit_img, .recommend .img{position: relative;width: 100%;padding-top: 100%;background: #f4f4f4;border-radius: 8px;display: inline-block;background-repeat: no-repeat;background-size: cover}
.kit .kit_img .sale_percent, .recommend .img .sale_percent{position: absolute;right: 16px;top: 16px;width: 48px;height: 48px;border-radius: 50%;background: #ff5d5d;display: flex;justify-content: center;align-items: center;font-family: 'Gilroy', sans-serif;font-size: 14px;font-weight: 800;line-height: 1.29;color: #fff}
.kit_title, .recommend_title{margin-top: 12px;padding: 0 8px;font-size: 14px;font-weight: 600;line-height: 1.29}
.kit_title{display: flex;justify-content: space-between;align-items: center}
.kit_title img{max-width: 15px;width: 100%;margin-right: 11px;cursor: pointer}
.kit_detail_name, .recommend_detail_name{padding-left: 8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 16px;font-weight: 500;line-height: 1.13}
.kit_detail_name span, .recommend_detail_name span{font-family: 'Gilroy', sans-serif;font-weight: 300}
.saled_price{font-family: 'Gilroy', sans-serif;margin-top: 8px;padding-left: 8px;font-size: 18px;font-weight: 300}
.saled_price strike{font-size: 16px;line-height: 1.13;color: #adacac; padding-left:4px}
.kit .free_send, .recommend .free_send{margin: 6px 0 0 8px;border-radius: 2px;font-size: 12px;font-weight: 500;line-height: 1.5;color: #00cf7f;border: solid 1px #00cf7f;padding: 4px;max-width: 56px}
.goods_mockUp{background:#f8f8f8;padding:120px 85px}
.mockUp_title{font-size:36px;text-align:center;font-weight:300;margin:0 0 24px; line-height: 1.333em}
.mockUp_fileBox{margin:0 0 52px}
.mockUp{display:none}
.mockUp_fileBox label{display:flex;align-items:center;justify-content:center;width:200px;height:48px;background:#20cf7f;border-radius:4px;color:#fff;font-weight:700;font-size:16px;margin:0 auto;cursor: pointer}
.mockUp_fileBox label img{width:24px;margin:0 5px 0 0}
.mockUp_slide{max-width:1110px;margin:0 auto;position:relative}
.mockUp_area img{width:100%}
.mockUp_textBox{margin:24px 0 0;display:flex;justify-content:space-between}
.mockUp_slide_title{font-size:24px;padding:0 30px 0 0}
.mockUp_slide_textBox{max-width:825px}
.mockUp_slide_text{font-size:14px;color:#707070;line-height:22px;margin:0 0 8px}
.mockUp_slide_link{font-size:14px;font-weight:700;text-decoration:underline}
.mockUp_slide_btnBox{position:absolute;width:100%;height:0;top:40%}
.mockUp_slide_btn img{display: none}

.mockUp_slide_btnBox .swiper-button-prev{background: url("/fronts/assets/images/main/prev_active.svg") no-repeat center;background-size:100%;width:20px;height:40px}
.mockUp_slide_btnBox .swiper-button-next{background: url("/fronts/assets/images/main/next_active.svg") no-repeat center;background-size:100%;width:20px;height:40px}
.mockUp_slide_btnBox .swiper-button-prev.swiper-button-disabled{background-image: url("/fronts/assets/images/main/prev.svg");opacity:1}
.mockUp_slide_btnBox .swiper-button-next.swiper-button-disabled{background-image: url("/fronts/assets/images/main/next.svg");opacity:1}

.mockUp_slide_btn.swiper-button-prev{left:-40px}
.mockUp_slide_btn.swiper-button-next{right:-40px}

.mockUp_slide_btn img{width:20px}
.filter_open_section{width:100%;display:flex;align-items:center;justify-content:space-between;padding:24px 8px;border-top:solid 1px #313030;border-bottom:solid 1px #313030}
.filter_open_textBox{display:flex;align-items:center}
.filter_open_title{font-weight:700;font-size:16px;width:95px;text-align:left}
.filter_open_text{width:calc(100% - 95px);font-size:14px}
.filter_open_caption{display:flex;align-items:center;justify-content:flex-end;font-size:14px;font-weight:700}
.filter_open_caption img{width:12px;margin:0 5px 0 0}
.filter_container{padding:40px 8px 30px;border-top:0;display:none}
.filter_box .title{width:95px;text-align:left}
.sectors_filter_box,.mood_filter_box,.color_filter_box{width:calc(100% - 95px)}
#goods_option.buy_option{padding-bottom:32px;margin-bottom:0;border-bottom:0}
#goods_option .editor_customSelOpenBtn{padding:16px}
#goods_option .option_listContainer{width:calc(100% - 92px)}
#goods_option .editor_customSelOptionTitleBox{padding:6px 16px}
#goods_option .editor_customSelOptionTitleBox>p{font-size:12px; font-weight:700}
#goods_option .editor_customSelOption_quantity{font-size:14px}
#goods_option .editor_customSelOption_cost{font-size:14px;font-weight:300}
#goods_option .option_listBox{border:solid 1px #e6e6e6}
#goods_option .amount_listBox{border:solid 1px #e6e6e6}
#goods_option .amount_list,#goods_option .option_list{border:solid 1px #e6e6e6}
#goods_option ul.amount_list,#goods_option ul.option_list{border:0;border-top: 1px solid #e6e6e6}
.amount_option:first-child{margin:0;padding-top:0}
.goodsItem_option_line{display:block;height:1px;background:#e6e6e6;width:100%;margin:0 0 40px}
.goodsItem_option_sectionTitle{font-size:14px;font-weight:700;margin:0 0 16px}
.goodsItem_option_section .logo_addText{display:block;width:100%;padding-left:92px;line-height:1.83;font-size:14px;font-weight:400}
.goodsItem_option_section .btn_self_logo{font-weight:400}
.goodsItem_option_area{width:100%;display:flex;align-items:center;position:relative;margin:32px 0 0}
.goodsItem_option_area:first-child{margin:0}
.goodsItem_option_area .title{font-size:14px;font-weight:600;/*line-height:3.43;*/width:92px}
.goodsItem_option_area .title.addLine{font-size:14px;font-weight:600;width:92px;line-height:1.5;height:46px}
.goodsItem_inputBox{max-width:calc(100% - 92px);width:100%}
.goodsItem_input{height:46px;padding:0 10px;display:flex;align-items:center;font-size:12px;font-weight:500;width:100%;border-radius:4px;border:solid 1px #e6e6e6;background:#fff}
.goodsItem_input::placeholder{color:#acacac}
.goodsItem_option_section{margin:0 0 32px;width:100%;padding-top: 32px;border-top: solid 1px #e6e6e6}
.goods_sel_quantity{display:flex;width:100%;justify-content:space-between;font-size:14px;font-weight:700}
.goods_sel_quantity span{font-weight:400}
.goods_sel_optionArea{display:block!important;margin: 15px 0 0}
.goods_sel_option{display:block;width:100%;font-size:14px;font-weight:700;margin:0 0 16px}
.goodsItem_sel{background:url(/fronts/assets/images/all/filter.svg) no-repeat right 10px center/12px}
.goodsItem_inputBox.col2{display:flex;align-items:center;justify-content:space-between}
.goodsItem_inputBox.col2 .goodsItem_input.goodsItem_sel{width:100px}
.goodsItem_inputBox.col2 .goodsItem_input{width:calc(100% - 112px)}
.goodsItem_option_section .option_container .upload_text{margin-bottom:0}
.filter_open_caption.active .openText{display:none}
.filter_open_caption.active .closeText{display:block}
.filter_open_caption .closeText{display:none}
.filter_open_caption img{transform: rotate(0);transition: transform 0.3s;-webkit-transition: transform 0.3s;-ms-transition: transform 0.3s;-moz-transition: transform 0.3s}
.filter_open_caption.active img{transform: rotate(180deg)}
.like_img{width: 20px;height: 20px;background: no-repeat center;background-size: 20px auto;background-image: url(/fronts/assets/images/goods/with_off.svg);margin: 0 0 15px}
.like_img.active{background-image: url(/fronts/assets/images/goods/with_on.svg)}
.template .like_img{margin-bottom: 0}
/* brand_news */
.news_categoryBox{max-width: 1280px;min-width: 1024px;width: 100%;margin: 0 auto;padding: 64px 85px 120px}
.category_sort{display: flex;align-items: center}
.category_sort_title{font-size: 16px;font-weight: bold;line-height: 1.5;margin-right: 36px}
.category_sort input{display: none}
.category_sort input + label{height: 40px;border-radius: 50px;border: solid 1px #e6e6e6;font-size: 12px;display: flex;align-items: center;padding: 0 16px;cursor: pointer}
.category_sort input + label:nth-child(n+4){margin-left: 8px}
.category_sort input:checked + label{background: #313030;font-weight: bold;color: #fff}
.main_news_Box{width: 100%;display: flex;justify-content: space-between;margin-top: 32px}
.big_news_img{max-width: calc(50% - 15px);width: 100%;padding-top: 36.48%;background: #f8f8f8;border-radius: 8px;background-size: cover !important;background-position: center !important}
.news_report_box{max-width: calc(50% - 15px);width: 100%;display: flex;flex-wrap: wrap;align-content: space-between}
.report_top .big_news_category{margin-top: 8px;width: 100%;font-size: 18px;font-weight: bold;line-height: 1.33;text-decoration: underline !important}
.report_top .big_news_title{margin-top: 8px;width: 100%;font-size: 24px;font-weight: 300;line-height: 1.33;cursor: pointer;display: flex}
.big_news_text{width: 100%;font-size: 16px;font-weight: 300;line-height: 1.75;color: #707070;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;word-wrap:break-word;overflow: hidden;text-overflow: ellipsis}
.sub_news_Box{width: 100%;display: flex;flex-wrap: wrap;justify-content: flex-start}
.sub_news{max-width: calc(25% - 22.5px);width: 100%;display: flex;flex-wrap: wrap;align-content: flex-start;margin: 64px 0 0 30px}
.sub_news:nth-child(4n - 3){margin-left: 0}
.small_news_img{width: 100%;padding-top: 75.29%;background-image: url(/fronts/assets/images/brand_news/news_img.png);background-position: center !important;background-size: cover !important;background-repeat: no-repeat;border-radius: 8px;}
.report{padding: 17px 8px 0;width: 100%}
.report .small_news_category{font-size: 12px;font-weight: bold;text-decoration: underline !important}
.report .small_news_title{width: 100%;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;overflow: hidden;text-overflow: ellipsis;font-size: 16px;line-height: 1.5;margin-top: 8px;cursor: pointer}
.news_detailBox{max-width: 760px;width: 100%;margin: 64px auto 160px}
.news_deatil_cate{width: 100%;text-align: center;font-size: 18px;font-weight: bold;line-height: 1.33}
.news_deatil_title{margin-top: 16px;font-size: 36px;font-weight: 300;line-height: 1.33;text-align: center}
.detail_reportBox{margin-top: 74px;width: 100%}
.detail_reportBox img{max-width: 100%;margin: 0 auto}
.detail_reportBox p{line-height: 32px;font-weight: 300 !important}

.detail_reportBox h1{font-size: 2em}
.detail_reportBox h2{font-size: 1.5em}
.detail_reportBox h3{font-size: 1.17em}

.detail_reportBox blockquote{border-left: 5px solid #d5d5d5;padding-left: 1em;margin: 0 1.5em;word-break: break-all;font-weight: 300;font-style: italic}
.detail_info{width: 100%;display: flex;justify-content: space-between;align-items: center;margin-bottom: 12px}
.detail_date{font-size: 14px;color: #707070}
.detail_date span{margin-right: 10px}
.btn_new_share{display: flex;align-items: center;font-size: 12px}
.btn_new_share img{max-width: 10px;width: 100%;margin-right: 5px}
.report_text{font-size: 14px;font-weight: 300;line-height: 1.57;color: #707070;margin-bottom: 32px}
.news_detail_img{width: 100%;padding-top: 75%;border-radius: 8px;background: #f8f8f8;margin-bottom: 32px}
.news_detail_hashtagBox{display: flex;justify-content: space-between;padding-top: 32px}
.news_detail_hashtagBox .hashtag{font-size: 12px}
.other_newsBox{max-width: 1280px;min-width: 1024px;width: 100%;padding: 0 85px;margin: 0 auto 181px;position: relative}
.other_newsBox .sub_news{max-width: 100%;margin: 0}
.news_pagination.swiper-pagination{left: 50%;transform: translateX(-50%);margin-top: 49px}
.news_pagination .swiper-pagination-bullet{margin: 0 5px;border: 0;background: #313030;opacity: 0.4}
.news_pagination .swiper-pagination-bullet-active{opacity: 1}

/* service */
.service_time{margin-top: 64px;font-size: 14px;line-height: 1.57}
#qna_Box{width: 100%;margin-top: 40px;display: flex;flex-wrap: wrap;justify-content: space-between}
.qna_radioBox{display: flex}
.qna_radioBox .qna_radio{display: flex;align-items: center}
.qna_radioBox .qna_radio input{display: none}
.qna_radioBox .qna_radio input + label{width: 20px;height: 20px;background: url(/fronts/assets/images/service/radio.svg) no-repeat center/100%;cursor: pointer}
.qna_radioBox .qna_radio input:checked + label{background: url(/fronts/assets/images/service/radio_select.svg) no-repeat center/100%}
.qna_radioBox .qna_radio .labelText{font-size: 14px;font-weight: bold;margin: 0 24px 0 8px;background: transparent !important;cursor: pointer}
.qna_radioBox .qna_radio p{font-size: 14px;font-weight: bold;margin: 0 24px 0 8px}
.qna_inputBox {max-width: calc(50% - 15px);width: 100%;margin-top: 30px}
.qna_inputBox .input_title{display: flex;align-items: center;font-size: 14px;font-weight: bold}
.qna_inputBox input{width: 100%;height: 48px;border-radius: 4px;border: solid 1px #e6e6e6;padding: 0 12px;margin-top: 8px;font-size: 14px}
.qna_inputBox textarea{width: 100%;height: 176px;margin-top: 8px;border-radius: 4px;border: solid 1px #e6e6e6;padding: 12px;resize: none;font-size: 14px;line-height: 1.57;-ms-overflow-style:none;}
.qna_inputBox input::placeholder, .qna_inputBox textarea::placeholder{color: #acacac}
.qna_recommendation{width: 100%;margin-top: 16px;font-size: 12px;line-height: 1.5;color: #707070}
.qna_register{max-width: 160px;width: 100%;height: 44px;border-radius: 4px;background: #313030;font-size: 14px;font-weight: bold;color: #fff;margin: 40px 0}

/* template */
.how_design_container{padding: 88px 0 128px;background: #f8f8f8}
.how_design_contant{width: 730px;margin: 0 auto}
.how_design_contant .main_title{font-size: 36px;font-weight: 300;line-height: 1.33;text-align: center;margin-bottom: 56px}
.design_typeBox{width: 100%;display: flex;justify-content: space-between}
.design_type{max-width: calc(50% - 15px);width: 100%;padding: 56px 0;background: #fff;border-radius: 8px;border: solid 1px #e6e6e6;display: flex;justify-content: center;flex-wrap: wrap;align-content: flex-start;position: relative}
.design_type.active{border-color: #313030}
.design_type:hover{border-color: #313030}
.design_type .img{width: 80px;height: 80px;border-radius: 8px;background-repeat: no-repeat;background-size: 100%;background-position: center}
.design_type .title{width: 100%;text-align: center;margin-top: 24px;font-size: 24px;font-weight: 500;line-height: 1.33}
.design_type .text{width: 100%;height: 62px;text-align: center;margin-top: 12px;font-size: 14px;font-weight: 500;line-height: 1.43}
.design_type .btn_start{margin-top: 32px;max-width: calc(100% - 96px);width: 100%;height: 48px;background: #313030;border-radius: 4px;font-size: 16px;font-weight: 600;line-height: 1.5;color: #fff}
.design_type .guide_down{position: absolute;top: calc(100% + 18px);height: 24px;font-size: 14px;font-weight: 600;line-height: 1.71;display: flex;align-items: center}
.guide_down img{margin: 0 0 0 8px}
.brand_template_container{padding: 120px 0 100px}
.brand_template_contant{max-width: 1280px;min-width: 1024px;width: 100%;margin: 0 auto;padding: 0 85px}
.brand_template_contant .main_title{width: 100%;text-align: center;font-size: 36px;font-weight: 300;line-height: 1.33;margin: 0 0 64px}
.template_container .show_like{font-size: 14px;font-weight: 500;line-height: 1.71;display: flex;align-items: center;justify-content: flex-end;padding-right: 8px}
.template_group{width: 100%;display: flex;justify-content: flex-start;flex-wrap: wrap;align-content: flex-start}
.template{max-width: calc(33.33% - 20px);width: 100%;margin-right: 30px}
.template:nth-child(3n){margin-right: 0}
.template:nth-child(n+4){margin-top: 64px}
.template .img{position: relative;width: 100%;padding: 0 0 100%;border-radius: 8px;overflow: hidden;display: block}
.template .img .hover_btn{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(49, 48, 48, 0.4);justify-content: center;align-items: center;display: none}
.template .img:hover .hover_btn{display: flex}
.template .img .hover_btn .btn_start{max-width: calc(100% - 96px);width: 100%;height: 48px;background: #313030;border-radius: 4px;font-size: 16px;font-weight: 600;line-height: 1.5;color: #fff;display: flex;justify-content: center;align-items: center}
.template .titleBox{display: flex;justify-content: space-between;align-items: center;margin-top: 20px;padding: 0 8px}
.template .titleBox .title{font-size: 24px;font-weight: 600}
.template .titleBox .title_img{width: 20px;height: 20px;background: no-repeat center;background-size: 20px auto;background-image: url(/fronts/assets/images/goods/with_off.svg)}
.template .titleBox .title_img.active{background-image: url(/fronts/assets/images/goods/with_on.svg)}
.kit_title .title_img{width: 15px;height: 15px;background: no-repeat center;background-size: 15px auto;background-image: url(/fronts/assets/images/goods/with_off.svg)}
.kit_title .title_img.active{background-image: url(/fronts/assets/images/goods/with_on.svg)}
.template .text{margin-top: 16px;padding: 0 8px;font-size: 14px;font-weight: 400;line-height: 1.57;color: #707070}
.template .text p{color: #707070}
.template .text p:first-child{display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.template .hashtag{margin-top: 6px;padding: 0 8px;font-size: 14px;font-weight: 500;line-height: 1.29}

/* buy page */
/* buy page */
.detail_slide{height: 100%}
.detail_slide .swiper-slide{background-repeat: no-repeat;background-size: cover;background-position: center}
.detail_slide .swiper-button-prev, .detail_slide .swiper-container-rtl .swiper-button-next{background: transparent;top: 50%;transform: translateY(-50%);left: 24px;width: 20px;height: 40px;margin:0}
.detail_slide .swiper-button-next, .detail_slide .swiper-container-rtl .swiper-button-prev{background: transparent;top: 50%;transform: translateY(-50%);right: 24px;width: 20px;height: 40px;margin:0}
.detail_slide .swiper-button-prev img, .detail_slide .swiper-button-next img{width: 100%}

.buy_product_container{max-width: 100%;min-width: 1024px;width: 100%;margin: 0 auto 64px;display: flex;height: calc(100vh - 70px);position: relative}
.buy_info_container{max-width: 760px}
.buy_product_container .img{position: relative;max-width: 50%;width: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;height:calc(100vh - 70px);position: fixed;top: 70px;left: 0;z-index: 2}
.detail_img_container{bottom: 48px;left: 50%;transform: translateX(-50%);display: inline-flex;z-index: 1;justify-content: flex-start;align-items: center;overflow: scroll;position: absolute;-ms-overflow-style: none;max-width: 80%}
.detail_img_container::-webkit-scrollbar{display: none}
.detail_img_container .detail_img{width: 56px;min-width: 56px;height: 56px;margin: 0 0 0 8px;border-radius: 4px;cursor: pointer;background-repeat: no-repeat;background-size: cover;background-position: center;border: solid 1px #e6e6e6}
.detail_img_container .detail_img.active{border-color: #313030}
.detail_img_container .detail_img:first-child{margin: 0}
.buy_info_container{width: 100%;padding: 76px 80px 40px;display: flex;flex-wrap: wrap;align-content: flex-start;justify-content: space-between;overflow-y: scroll;-ms-overflow-style:none;scrollbar-width:none;padding-left: calc(50% + 80px);width: calc(50% + 760px);max-width: 100%;height: 100%;position: relative}
.buy_info_container::-webkit-scrollbar{display:none}
.scroll_product_contants{padding: 30px 0 0;margin: 1px 0 0}
.buy_info_container .textBox .buy_type{font-size: 12px;font-weight: 500;/*line-height: 1.71*/}
.buy_info_container .textBox .buy_title{font-size: 24px;font-weight: 600;/*line-height: 1.71*/}
.buy_info_container .textBox .buy_price{font-size: 12px;font-weight: 300}
.buy_info_container .textBox .buy_price span{font-size: 18px;line-height: 1.71;font-weight: 400}
.buy_info_container .buy_text_img{width: 40px}
.buy_info_container .buy_text_img img{max-width: 18px;width: 100%;/*margin-bottom: 15px;*/cursor: pointer}
.buy_info_container .buy_text{width: 100%;margin: 23px 0 0;font-size: 14px;font-weight: 500;line-height: 1.57;color: #707070}
.buy_info_container .buy_text p{color:#707070}
.buy_total{width: 100%;border-top: solid 1px #adacac;/*padding: 31px 0 0;*/display: flex;justify-content: space-between;flex-wrap: wrap;align-content: flex-start}
.buy_total .buy_list{width: 100%;border-bottom: solid 1px #adacac;margin-bottom: 24px;padding-bottom: 16px}
.buy_total .buy_list div{width: 100%;display: flex;justify-content: space-between}
.buy_total .buy_list div:last-child{margin-top: 16px}
.buy_total .buy_list div .title{line-height: 1.21}
.buy_total .buy_list div .total_price{font-size: 14px;line-height: 1.21}
.buy_total .buy_list div .post_price{font-size: 14px;font-weight: 300;line-height: 1.21}
.buy_total .title{font-size: 14px;font-weight: 600}
.buy_total .added_post_price{font-size: 14px;font-weight: bold;display: flex;justify-content: space-between;align-items: center;width: 100%;line-height: 48px}
.buy_total .added_post_price span{font-size: 28px;font-weight: 300;color: #20cf7f}
.buy_total .free_send_text{width: 100%;text-align: right;font-size: 12px;font-weight: 500;margin: 2px 0 8px}
.buy_total .btnBox{width: 100%;display: flex;justify-content: space-between;margin-top: 16px;padding-bottom: 48px}
.buy_total .btnBox .btn_keep{max-width: calc(50% - 5.5px);width: 100%;height: 56px;border: solid 1px #313030;border-radius: 4px;background: #fff;font-size: 16px;font-weight: 600;line-height: 1.5;display: flex;justify-content: center;align-items: center;cursor: pointer}
.buy_total .btnBox .btn_buy{max-width: calc(50% - 5.5px);width: 100%;height: 56px;border: solid 1px #313030;border-radius: 4px;background: #313030;font-size: 16px;font-weight: 600;line-height: 1.5;color: #fff;display: flex;justify-content: center;align-items: center;cursor: pointer}
.buy_option{padding: 48px 0 40px;width: 100%;align-items: center;flex-wrap: wrap;position: relative;display: flex}
.buy_option .active{border-color: #e6e6e6;color: #313030!important;z-index: 1}
.buy_option .editor_customSelOptionBox .active{border-color: #e6e6e6}
.buy_option .title, .option_container .title{font-size: 14px;font-weight: 600;line-height: 3.43;width: 92px}
.amount_option{position: relative;width: 100%;display: flex;align-items: flex-start;margin-top: 32px}
.amount_option .amount_listBox{top: 0}
.amount_listBox{max-width: 160px;width: 100%;border-radius: 4px;border: solid 1px #adacac;position: absolute;top: 40px;left: 92px;background: #fff;z-index: 1}
.amount_text{width: 100%;height: 46px;padding:  0 10px;display: flex;align-items: center;cursor: pointer;font-size: 12px;font-weight: 500;background: url(/fronts/assets/images/all/filter.svg) no-repeat right 10px center/12px}
.amount_list, .option_list{max-height: 92px;overflow: scroll;border-top: solid 1px #adacac;display: none;-ms-overflow-style:none;}
.amount_list::-webkit-scrollbar, .option_list::-webkit-scrollbar, .num_list::-webkit-scrollbar{display: none}
.amount_list li, .option_list li{height: 48px;padding: 0 10px;display: flex;align-items: center;cursor: pointer;font-size: 12px;font-weight: 500}
.amount_list li:hover, .option_list li:hover, .num_list li:hover{background: #e2f2ec}
.necessary_option, .selection_option{width: 100%;display: flex;align-items: flex-start;position: relative}
.necessary_optionN{height: 48px;margin: 12px 0 0}
.necessary_optionN:first-child{margin: 0}
.selection_option{margin-top: 32px; margin-bottom: 20px}
.option_listContainer{width: 100%}
.option_listBox{max-width: calc(100% - 92px);width: 100%;border-radius: 4px;border: solid 1px #adacac;position: absolute;top: 0;left: 92px;background: #fff}
.buy_option .option_listBox,.buy_option .amount_listBox{border: solid 1px #e6e6e6}
.buy_option .option_text{color:#acacac}

.option_text{height: 46px;padding: 0 10px;display: flex;align-items: center;cursor: pointer;font-size: 12px;font-weight: 500;color: #707070;background: url(/fronts/assets/images/all/filter.svg) no-repeat right 10px center/12px}
.num_listBox{position: absolute;top: 0;left: 364px;max-width: 120px;width: 100%;border-radius: 4px;border: solid 1px #adacac;background: #fff}
.num_text{height: 46px;display: flex;align-items: center;padding: 0 10px;font-size: 14px;font-weight: 500;cursor: pointer;background: url(/fronts/assets/images/all/filter.svg) no-repeat right 10px center/12px}
.num_list{height: 92px;overflow: scroll;border-top: solid 1px #adacac;display: none}
.num_list li{height: 48px;display: flex;align-items: center;padding: 0 10px;font-size: 14px;font-weight: 500;cursor: pointer}
.option_container{width: 100%;display: flex;align-items: flex-start;position: relative}
.option_container .imgFile_name{margin: 0}
.option_container input[type='file']{display: none}
.option_container input[type='file'] + label{display: flex;align-items: center;font-size: 14px;text-decoration: underline !important;cursor: pointer}
.option_container input[type='file'] + label img{max-width: 16px;width: 100%;margin-right: 5px}
.option_container .upload_text{width: 100%;padding-left: 92px;margin: 14px 0 40px;line-height: 1.83}
.added_optionBox{width: 100%;padding: 16px 0;border-top: solid 1px #adacac;display: none}
.added_option{width: 100%;border-radius: 4px;background: #f8f8f8;display: flex;align-items: center;justify-content: space-between;padding: 20px}
.added_option:nth-child(n+2){margin-top: 8px}
.added_option .option_name{font-size: 14px;font-weight: 500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: flex;align-items: center;max-width: 50%;width: 100%;}
.amount_btnbox{display: flex;height: 40px;border-radius: 4px;border: solid 1px #adacac;width: 120px}
.amount_btnbox .btn_amount, .amount_btnbox .amount_num{max-width: 33.33%;width: 100%}
.amount_btnbox .btn_amount.minus{border-right: solid 1px #adacac}
.amount_btnbox .btn_amount.plus{border-left: solid 1px #adacac}
.amount_btnbox .amount_num{font-size: 14px;font-weight: 600;display: flex;justify-content: center;align-items: center}
.added_option .option_price{text-align-last: right;font-size: 14px;font-weight: 300}
.btn_optionDelete{width: 20px;height: 20px;margin-left: 15.5px;background:url(/fronts/assets/images/all/option_del.svg) no-repeat center;background-size: 8.5px}
.reviews_menuBox{height: 70px}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .reviews_menuBox.active{height: 100px}
}
.reviews_menu{width: 100%;height: 70px;background-color: #fff;display: flex;justify-content: center;align-items: center}
.reviews_menu.active{position: fixed;top: 70px;z-index: 998;left: 0;box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.08)}
.btn_description, .btn_review,.btn_shippingPolicy{font-size: 14px;font-weight: 500;line-height: 1.21;color: #707070;margin: 0 26.5px}
.reviews_menu .active, .review_sort.active{font-weight: 600;color: #313030}
.detail_description_container, .deatil_review_container,.deatil_shippingPolicy_container{max-width: 1280px;min-width: 1024px;width: 100%;margin: 0 auto;justify-content: center;flex-wrap: wrap;align-content: flex-start}
.deatil_shippingPolicy_container .question_contant{max-width: 100%;width: 100%}
.deatil_shippingPolicy_container .question_contant .main_text{font-size: 20px}
.deatil_shippingPolicy_container .question_typeBox .type{padding: 16px 15px}
.deatil_shippingPolicy_container .question_typeBox .type .answer{padding: 18px 27px 0 0}

.detail_description_container p{margin: 1em 0}
.detail_description_container img{display: inline; max-width:100%; height:auto !important;}

.detail_description_container{padding: 120px 180px}
.deatil_review_container,.deatil_shippingPolicy_container{padding: 120px 180px}
.deatil_shippingPolicy_container{padding-top:160px}
.deatil_review_container .title{width: 100%;text-align: center;font-size: 36px;font-weight: 300;line-height: 1.33}
.btn_write_review{height: 44px;padding: 0 24px;border: solid 1px #313030;border-radius: 4px;margin-top: 24px;font-size: 14px;font-weight: bold;line-height: 1.71;display: flex;align-items: center;justify-content: center}
.review_box{width: 100%;margin-top: 53px}
.review_sortBox{width: 100%;border-bottom: solid 1px #313030}
.review_sort{font-size: 14px;font-weight: 500;line-height: 3.43;color: #707070;margin-right: 12px}
.review{width: 100%;display: flex;padding: 24px 0;border-bottom: solid 1px #adacac}
.review .nick_box{max-width: 190px;width: 100%;padding: 0 16px}
.review .nick_box p{font-family: 'Gilroy', sans-serif;font-size: 12px;font-weight: 300}
.review .nick_box p:nth-child(n+2){margin-top: 8px}
.contant_box{max-width: calc(100% - 322px);width: 100%}
.contant_box .score{display: flex}
.contant_box .score .star{width: 16px;height: 16px;background: #f4f4f4}
.contant_box .score .star:nth-child(n+2){margin-left: 6px}
.contant_box .one_line{margin-top: 12px;font-size: 16px;font-weight: 500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.contant_box .main_review{margin-top: 8px;font-size: 12px;font-weight: 500;line-height: 1.5;color: #707070;word-break: break-all; white-space: pre-line;}
.contant_box .big_pic{margin-top: 19px;width: 350px;height: 350px;background: #f4f4f4}
.review .small_pic{width: 92px;height: 92px;background: #f4f4f4;margin-left: 24px}
.review_paging{display: flex;align-items: center;justify-content: center;margin-top: 32px;width: 100%;height: 40px}
.review_paging button, .review_paging p{width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;font-size: 14px;font-weight: 600;cursor: pointer}
.review_paging .active{color: #00cf7f}
.recommend_container{background: #f8f8f8;padding: 88px 0 120px}
.recommend_container .title{width: 100%;font-size: 36px;font-weight: 400;line-height: 1.33;text-align: center;margin-bottom: 56px}
.recommend_box{max-width: 1280px;min-width: 1024px;width: 100%;margin: 0 auto;padding: 0 85px;display: flex;justify-content: space-between}
.recommend{max-width: calc(25% - 22.5px);width: 100%}
.recommend .img{background: #fff;background-size: cover !important;background-position: center !important;background-repeat: no-repeat !important}
.recommend_detail_name{font-family: 'Gilroy', sans-serif}
.btn_receipt{display: none}
/* login */
.login_container{min-width: 1024px;display: flex;min-height: calc(100vh - 70px)}
.login_bg{max-width: 50%;width: 100%;height: calc(100vh - 70px);background: url(/fronts/assets/images/login/bg.png) no-repeat center/cover;position: fixed;left: 0;top: 70px;z-index: 1}
.login_box{max-width: 50%;width: 100%;display: flex;justify-content: center;flex-wrap: wrap;align-content: flex-start;padding: 100px 68px 0 0;margin: 0 0 0 50%}
.login_box .title{width: 100%;text-align: center;font-size: 36px;line-height: 1.33;margin-bottom: 32px}
#login_form, #signUp_form, #snsSignUp_form{max-width: 350px;width: 100%}
.join_division:nth-child(n+2){border-top: solid 1px #e6e6e6;padding-top: 30px}
.login_input{width: 100%;height: 48px;padding: 0 12px;font-size: 14px;font-weight: 300;border: solid 1px #e6e6e6;background: #fff;border-radius: 4px}
.login_input:focus{border-color: #20cf7f}
.login_input::placeholder{color: #adacac}
.login_input:nth-child(n+2){margin-top: 8px}
.keep_box{width: 100%;margin-top: 8px;display: flex;align-items: center}
.keep_text{font-size: 12px;color: #707070;margin-left: 8px}
.keep_box input, #agree_privacy, #agree_terms, #agree_news, #agree_designer, #agree_namest{display: none}
.keep_box input + label, input[id="agree_privacy"] + label, input[id="agree_terms"] + label, input[id="agree_news"] + label, input[id="agree_designer"] + label, input[id="agree_namest"] + label {display: inline-block;width: 20px;height: 20px;background: url(/fronts/assets/images/login/non-check.svg) no-repeat center/cover;cursor: pointer}
.keep_box input:checked + label, input[id="agree_privacy"]:checked + label, input[id="agree_terms"]:checked + label, input[id="agree_news"]:checked + label, input[id="agree_designer"]:checked + label, input[id="agree_namest"]:checked + label {background-image: url(/fronts/assets/images/login/check.svg)}
.btn_login, .btn_signUp{width: 100%;border-radius: 4px;background: #00cf7f;height: 48px;font-size: 16px;line-height: 1.81;color: #fff;margin-top: 16px;font-weight: 700}
.keepArea{display: flex;align-items: center;justify-content: space-between}
.keepArea .keep_box:nth-child(2){justify-content: flex-end}
.login_linkBox{width: 100%;display: flex;justify-content: space-between;align-items: center;margin: 16px 0 24px}
.login_linkBox span{height: 12px;width: 1px;min-width: 1px;background: #707070}
.login_link{font-size: 12px;line-height: 2.17;text-align: center;max-width: 33%;width: 100%}
.c_login_link{text-align: center;max-width: 33.33%;width: 100%;font-size: 14px;line-height: 1.86}
#signUp_form .orBox{margin-bottom: 24px}
.orBox{display: flex;justify-content: space-between;align-items: center}
.orBox .login_hr{max-width: calc(50% - 25px);width: 100%;height: 1px;background: #e6e6e6}
.orBox .or{font-size: 12px;line-height: 2.17;color: #707070}
.snsBtn_box{width: 100%;margin-top: 24px}
.btn_snsLogin{width: 100%;height: 48px;background-repeat: no-repeat;background-position: left 12px center;background-size: 24px;border-radius: 4px;border: solid 1px #e6e6e6;font-size: 12px;display: flex;justify-content: center;align-items: center}
.btn_snsLogin:nth-child(n+2){margin-top: 8px}
.false_text{display: none;width: 100%;font-size: 12px;color: #fd5d5d;margin: 8px 0 16px}
.signUp_box{max-width: 50%;width: 100%;display: flex;justify-content: center;flex-wrap: wrap;align-content: flex-start;padding: 100px 68px 102px 0;  margin: 0 0 0 50%}
.signUp_box .title{width: 100%;text-align: center;font-size: 36px;line-height: 1.33;margin-bottom: 32px}
#signUp_form .snsBtn_box{margin: 0 0 24px;display: flex;flex-wrap: wrap}
#signUp_form .btn_snsLogin{width: 100%;display: flex;justify-content: center;align-items: center;cursor: pointer}
.join_radio_box{width: 100%;display: flex;justify-content: center;margin-bottom: 40px}
.join_radio_box input{display: none}
.join_radio_box input+label{width: 175px;text-align: center;padding-bottom: 11px;border-bottom: solid 1px #e6e6e6;font-size: 14px;color: #acacac;cursor: pointer}
.join_radio_box input:checked+label{padding-bottom: 8px;border-bottom: solid 4px #313030;font-weight: bold;color: #313030}
.gardener_join #signUp_form .signUp_input_box{padding-bottom: 30px}
.signUp_input_box{position: relative;padding-bottom: 32px}
.signUp_input_box textarea{resize: none;width: 100%;height: 94px;padding: 12px;border-radius: 4px;border: solid 1px #e6e6e6;font-size: 14px;line-height: 1.57}
.signUp_input_box textarea::placeholder{color: #acacac}
.join_file input{display: none}
.join_file input+label{display: flex;align-items: center;font-size: 14px;text-decoration: underline !important;margin-top: 10px;cursor: pointer}
.join_file input+label img{max-width: 16px;width: 100%;margin-right: 5px}
.join_file .join_upload_text{margin-top: 10px;font-size: 12px;line-height: 1.5;color: #707070}
.labelBox{display: flex;align-items: center}
.labelBox:nth-child(n+2){margin-top: 30px}
.labelBox label{font-size: 14px;font-weight: bold;line-height: 1.89}
.necessary_span{width: 6px;height: 6px;background: #ff5d5d;border-radius: 50%;margin-left: 4px;display: inline-block}
.gardener_join #signUp_form .falseBox{top: calc(100% - 24px)}
.falseBox{align-items: center;display: none;margin-top: 8px}
.falseBox .false_text{display: block;margin: 0;margin-left: 4px;font-size: 12px;font-weight: bold}
.falseBox .false {color: #fff;width: 16px;height: 16px;border-radius: 50%;background: #fd5d5d;display: flex;justify-content: center;align-items: center;font-size: 10px;font-weight: bold}
.agree_box{position: relative;padding: 30px 0 70px;border-top: solid 1px #e6e6e6}
.agree_box .title{font-size: 14px;line-height: 2.07;font-weight: bold;text-align: left;margin: 0}
.agree_box .agree_checkBox{display: flex;align-items: center;margin-top: 16px}
.agree_box .agree_text{font-size: 14px;margin-left: 8px}
.agree_box .agree_text a{text-decoration: underline !important;cursor: pointer}
.agree_box .falseBox{top: calc(100% - 58px)}
.agree_box .g_falseBox{top: calc(100% - 30px)}
.agree_box .logo_agree, .agree_box .naming_agree{display: none}
.login_input.false_input{border-color: #fd5d5d}
#snsSignUp_form .signUp_input_box{margin: 0;padding-bottom: 30px}
#snsSignUp_form .signUp_input_box:first-child{margin-top: 2px}
.complete_box{max-width: 50%;width: 100%;padding-right: 70px;display: flex;justify-content: center;align-items: center;margin: 0 0 0 50%}
.home_box{max-width: 352px;width: 100%}
.home_box .title{font-size: 36px;line-height: 1.33;letter-spacing: -1.08px;margin-bottom: 16px;text-align: center}
.home_box .coupon_text{max-width: 350px;width: 100%;font-size: 16px;font-weight: 300;line-height: 1.5;letter-spacing: -0.32px;text-align: center;word-break: break-all}
.home_box .coupon_text span{text-decoration: underline !important}
.btn_home{max-width: 350px;width: 100%;height: 48px;background: #00cf7f;font-size: 16px;font-weight: bold;color: #fff;display: flex;justify-content: center;align-items: center;border-radius: 4px;margin: 40px auto 70px;cursor: pointer}
.find_container{max-width: 50%;width: 100%;padding: 72px 70px 0 0;display: flex;justify-content: center;margin: 0 0 0 50%}
#find_form{max-width: 350px;width: 100%}
#find_form .title{text-align: center;font-size: 36px;line-height: 1.33;margin-bottom: 8px}
#find_form .text{text-align: center;font-size: 16px;font-weight: 300;line-height: 1.5;letter-spacing: -0.32px}
.find_input_box{display: flex;flex-wrap: wrap;margin-top: 40px}
#find_form .falseBox{position: static;margin-top: 8px}
.btn_sendPasswd{width: 100%;height: 48px;border-radius: 4px;background: #00cf7f;margin-top: 24px;font-size: 16px;font-weight: bold;line-height: 1.81;color: #fff}

/* mypage */
.mypage_container{display: flex;justify-content: space-between;padding: 88px 85px;max-width: 1280px;min-width: 1024px;width: 100%;margin: 0 auto 0}
.mypage_menuBox{max-width: 190px;width: 100%}
.mypage_hello{font-size: 36px;font-weight: 300;line-height: 1.33;letter-spacing: -1.08px}
.mypage_submenu{margin: 24px 0}
.sub_menu{display: flex;justify-content: flex-start;align-items: center;font-size: 16px;line-height: 2}
.sub_menu img{max-width: 18px;width: 100%;margin-right: 7px}
.sub_menu .gardener_last_img{max-width: 14px}
.mypage_menu{margin: 16px 0}
.mypage_menu .menu{width: 100%;display: flex;font-size: 14px;line-height: 1.43;color: #acacac}
.mypage_menu .menu:nth-child(n+2){margin-top: 18px}
.mypage_menu .menu b{color: #313030}
.notification_container, .userinfo_container, .orderlist_container, .project_container{max-width: calc(100% - 285px);min-width: 720px;width: 100%}
.notification_container{padding-bottom: 451px}
.userinfo_container{margin-bottom: 161px}
.new_notice{font-size: 18px;font-weight: bold;line-height: 1.61}
.new_notice span{color: #20cf7f}
.guidanceBox{margin-top: 4px;display: flex;justify-content: space-between;align-items: flex-start}
.guidance{font-size: 14px;line-height: 2.07;width: 85%}
.btn_setting_notice{display: flex;align-items: center;font-size: 14px;font-weight: bold;line-height: 2.07}
.btn_setting_notice img{max-width: 20px;width: 100%;margin-right: 4px}
.notice_timelineBox{max-width: calc(100% - 129px);min-width: 548px;width: 100%;margin-top: 40px;padding-bottom: 56px;position: relative}
.timeline{position: absolute;top: 0;left: 18px;width: 4px;height: 100%;background: #e6e6e6;border-radius: 10px;z-index: -1}
.notice_timelineBox .time{display: flex;align-items: center;font-size: 16px;font-weight: bold;line-height: 1.81;padding-bottom: 8px}
.notice_timelineBox .time:nth-child(n+3){margin-top: 32px}
.notice_timelineBox .time .img{position: relative;width: 40px;height: 40px;border-radius: 50%;background: #f4f4f4;margin-right: 8px}
.notice_timelineBox .time .img::before{position: absolute;content: '';left: 50%;top: 50%;width: 18px;height: 18px;background: url(/fronts/assets/images/mypage/clock.svg) no-repeat center;background-size: 100%;transform: translateX(-50%) translateY(-50%)}
.notice_contant{display: flex;align-items: center;width: 100%;margin-top: 16px}
.notice_contant .point{width: 16px;height: 16px;background: #313030;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);border-radius: 50%;margin: 0 33px 0 12px}
.noticeBox{display: flex;align-items: center;max-width: calc(100% - 61px);width: 100%;height: 128px;border: solid 1px #e6e6e6;border-radius: 4px}
.noticeBox .title{padding: 0 32px;width: 174px;font-size: 14px;font-weight: bold;line-height: 2.07}
.noticeBox .textBox{display: flex;flex-wrap: wrap;align-content: center;max-width: calc(100% - 174px);width: 100%;padding-right: 32px}
.noticeBox .textBox div, .noticeBox .textBox p{white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis}
.noticeBox .textBox .order_code{font-size: 12px;line-height: 2.42;color: #707070}
.noticeBox .textBox .contant, .noticeBox .textBox .deadline{font-size: 12px}
.noticeBox .textBox .contant{margin-top: 6px}
.userinfo_container .title, .orderlist_container .title{font-size: 18px;font-weight: bold;line-height: 1.61;display: flex}
.orderlist_container .title a{font-size: 12px;margin-left: 11px;display: flex;align-items: center}
.orderlist_container .title a span{width: 6px;height: 6px;border-radius: 50%;background: #ff5d5d;margin-right: 2px;display: flex}
.userinfo_container .text, .orderlist_container .text{font-size: 14px;margin-top: 4px}
.non_modified, #modified{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;align-content: flex-start;padding: 40px 0;border-bottom: solid 1px #e6e6e6}
.non_modified .userinfo_input_box{max-width: calc(50% - 15px);width: 100%;margin-bottom:30px}
.non_modified .userinfo_input_box:last-child{margin-bottom:0}
#modified .userinfo_input_box{max-width: calc(50% - 15px);width: 100%; margin-bottom:30px}
#modified .userinfo_input_box:last-child{margin-bottom:0}

#modified .modified_box{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap}
#modified .modified_box:nth-child(1){padding-bottom: 40px;border-bottom: solid 1px #e6e6e6}
#modified .modified_box:nth-child(2){padding-top: 40px}
.info_input{width: 100%;height: 48px;padding: 0 12px;font-size: 14px;line-height: 3.43;border: solid 1px #e6e6e6;border-radius: 4px;margin-top: 8px}
.non_modified .info_input, #g_account, #g_bank{background: #f4f4f4;color: #acacac}
.info_input::placeholder{color: #acacac}
/*.non_modified .userinfo_input_box:nth-child(n+3), #modified .userinfo_input_box:nth-child(n+3){margin-top: 30px}*/
.about_change_account{font-size: 12px;line-height: 2.42}
.connect_snsBox{width: 100%;display: flex;flex-wrap: wrap;padding-top: 40px}
.connect_snsBox .title, .notice_agree_box .title{font-size: 14px;font-weight: bold}
.connect_snsBox .snsBox{width: 100%;display: flex;margin-top: 8px}
.connect_snsBox .connect_sns{max-width: 232px;width: 100%;height: 48px;background-repeat: no-repeat;background-position: left 12px center;font-size: 12px;line-height: 4;border: solid 1px #e6e6e6;background-size: 24px}
.connect_snsBox .connect_sns:nth-child(n+2){margin-left: 17px}
.notice_agree_box{margin-top: 30px}
.notice_agree_box .agree_checkBox{display: flex;align-items: center;margin-top: 16px}
.notice_agree_box .agree_text{font-size: 14px;line-height: 1.429;margin-left: 8px;text-decoration: underline !important}
#agree_brandNews, #agree_email, #agree_sns{display: none}
input[id="agree_brandNews"] + label, input[id="agree_email"] + label, input[id="agree_sns"] + label {display: inline-block;width: 20px;height: 20px;background: url(/fronts/assets/images/login/non-check.svg) no-repeat center/cover;cursor: pointer}
input[id="agree_brandNews"]:checked + label, input[id="agree_email"]:checked + label, input[id="agree_sns"]:checked + label {background-image: url(/fronts/assets/images/login/check.svg)}
.userinfo_container .btn_save, .agree_mentBox .btn_save, .agree_mentBox .btn_send{margin: 40px calc(100% - 350px) 32px 0;max-width: 350px;width: 100%;height: 48px;border-radius: 4px;background: #00cf7f;font-size: 16px;font-weight: bold;line-height: 1.81;color: #fff}
.btn_secession{font-size: 14px;font-weight: bold;line-height: 2.07;text-decoration: underline !important}
.btn_secession:hover{text-decoration: underline !important}
.orderlist_container .text{display: flex;justify-content: space-between;align-items: center}
.orderlist_container .text a{font-weight: bold;text-decoration: underline /*!important*/}
.order_sort_box{display: flex;justify-content: space-between;align-items: center;margin-top: 40px;padding-bottom: 16px;border-bottom: solid 2px #313030}
.term_sort{display: flex;align-items: center;font-size: 14px;font-weight: bold}
.term_sort .term{width: 56px;height: 34px;border: solid 1px #e6e6e6;display: flex;justify-content: center;align-items: center;font-size: 12px;font-weight: bold;margin-left: 8px;border-radius: 4px;cursor: pointer}
.term_sort .term:first-child{margin-left: 16px}
.term_sort .term.active{background: #313030;color: #fff}
.date_picker_sort{display: flex;align-items: center}
.date_picker_sort span{margin: 0 8px}
#start_date, #end_date{width: 125px;height: 34px;padding-left: 40px;border-radius: 4px;border: solid 1px #e6e6e6;font-size: 12px;color: #707070;background: url(/fronts/assets/images/mypage/canlendar.svg) no-repeat left 15px center/14px}
.sort_select{width: 125px;height: 34px;padding-right: 30px;border-radius: 4px;border: solid 1px #e6e6e6;margin-left: 8px;background: url(/fronts/assets/images/all/filter.svg) no-repeat right 10px center/13px;cursor: pointer}
.btn_select{width: 56px;height: 34px;margin-left: 8px;border-radius: 4px;background: #313030;font-size: 12px;font-weight: bold;color: #fff}
.table_head{height: 50px;width: 100%;display: flex;justify-content: space-between;align-items: center;border-bottom: solid 1px #acacac}
.table_head p{font-size: 12px;font-weight: bold;text-align: center;width: 100%}
.table_contant{width: 100%}
.table_head .product_info{max-width: 50%}
.table_head .progress{max-width: 30%}
.table_head .remark{max-width: 20%}
.order_product_box{max-width: 100%;width: 100%;margin: 0;border-bottom: solid 1px #313030}
.order_product_box .order_info{width: 100%;height: 67px;display: flex;align-items: center;padding: 0 8px;border-bottom: solid 1px #e6e6e6}
.order_info .info{font-size: 14px}
.order_info .info.win_infoCheck span{text-indent: -9999px;display: block;width:12px;height:12px;position: relative;margin: 0 0 0 6.5px;border:1px solid #20cf7f;border-radius: 100%}
.order_info .info.not_infoCheck span{text-indent: -9999px;display: block;width:10px;height:10px;position: relative;margin: 0 0 0 6.5px}
.order_info .info.not_infoCheck span::after{content: "";position: absolute;background: #ff5d5d;width:100%;height:1px;top: 50%;left: 0;transform: translateY(0) rotate(-45deg)}
.order_info .info.not_infoCheck span::before{content: "";position: absolute;background: #ff5d5d;width:100%;height:1px;top: 50%;left: 0;transform: translateY(0) rotate(45deg)}
.order_info .info.not_infoCheck,.order_info .info.win_infoCheck{display: flex;align-items: center}
.order_info .info span{padding-left: 8px;font-weight: bold}
.order_info .info:nth-child(n+2){margin-left: 24px}
.order_info .see_detail{font-size: 14px;font-weight: bold;width: 100%;text-align: right;cursor: pointer}
.order_info .see_detail img{display: inline;vertical-align: middle;margin-left: 19px;max-width: 10px;padding-bottom: 1px}
.order_product{width: 100%;padding: 24px 0;display: flex;flex-wrap: wrap}
.order_product:nth-child(n+3){border-top: solid 1px #e6e6e6}
.order_product .box{width: 100%;display: flex;align-items: center}
.project_info{max-width: 50%;width: 100%;padding: 24px 8px 31px}
.project_info p{font-size: 14px}
.project_info p:nth-child(n+2){margin-top: 16px}
.project_info p b{max-width: 71px;width: 100%;display: inline-block}
.pro_info{display: flex;max-width: 50%;width: 100%;padding: 0 8px}
.pro_info .img_box, .cart_info .img_box{width: 160px;height: 160px;background: #f4f4f4;border-radius: 4px;overflow: hidden}
.pro_info .img, .cart_info .img{background-size: cover !important;min-width: 160px !important;width: 160px !important;height: 160px !important;background-position: center !important;border-radius: 4px;background-repeat: no-repeat;background-size: contain;background-position: center}
.pro_info .info_text{max-width: calc(100% - 160px);width: 100%;padding: 12px 0 12px 16px}
.pro_info .info_text .title{font-size: 14px;font-weight: bold}
.pro_info .info_text .sub_title{font-size: 16px;margin-top: 4px}
.pro_info .info_text .used{margin-top: 8px;font-size: 12px;line-height: 1.5}
.pro_info .info_text .result{margin-top: 24px;font-size: 12px;line-height: 1.5}
.pro_condition{max-width: 30%;width: 100%}
.pro_condition .condicon{font-size: 16px;font-weight: bold;text-align: center}
.pro_condition .view{font-size: 12px;text-align: center;margin-top: 4px;text-decoration: underline !important}
.pro_condition .expected{font-size: 12px;text-align: center;margin-top: 4px}
.pro_remark{max-width: 20%;width: 100%;padding: 0 8px}
.pro_remark .btn_write_review, .pro_remark .btn_cart{width: 100%;height: 48px;border-radius: 4px;border: solid 1px #707070;font-size: 14px;font-weight: bold;line-height: 1.5;display: flex;justify-content: center;align-items: center;cursor: pointer;margin: 0}
.pro_remark .btn_down{width: 100%;height: 48px;border-radius: 4px;font-size: 14px;font-weight: bold;color: #fff;background: #313030}
.btn_check_candidate{width: 100%;height: 48px;border-radius: 4px;background: #20cf7f;font-size: 14px;font-weight: bold;color: #fff;display: flex;justify-content: center;align-items: center}
.btn_survey_down, .btn_feedback_down, .btn_upload_final{width: 100%;height: 48px;border-radius: 4px;border: solid 1px #20cf7f;font-size: 14px;font-weight: bold;color: #20cf7f;display: flex;align-items: center;justify-content: center}
.btn_survey_down.downSize, .btn_feedback_down.downSize, .btn_upload_final.downSize{letter-spacing: -0.5px;font-size: 13px}
.btn_survey_down:disabled, .btn_feedback_down:disabled, .btn_final_feedback:disabled, .btn_upload_final:disabled{border-color: #acacac;color: #acacac}
.btn_survey_down.disabled, .btn_feedback_down.disabled, .btn_final_feedback.disabled, .btn_upload_final.disabled{border-color: #acacac;color: #acacac}
.btn_final_feedback{width: 100%;height: 48px;border-radius: 4px;border: solid 1px #20cf7f;font-size: 12px;font-weight: bold;color: #20cf7f}
.btn_upload_candidate, .btn_search_result{width: 100%;height: 48px;border-radius: 4px;background: #20cf7f;font-size: 14px;font-weight: bold;color: #fff;display: flex;align-items: center;justify-content: center}
.btn_upload_candidate:disabled, .btn_search_result:disabled{background: #e6e6e6;color: #acacac}
.btn_upload_candidate.disabled, .btn_search_result.disabled{background: #e6e6e6;color: #acacac}
.pro_remarkCaption{margin: 4px 0 0;font-size:10px;text-align: right}
.pro_remark a:nth-child(n+2), .pro_remark button:nth-child(n+2){margin-top: 8px}
.calendar{width: 100%;height: 133px;background: #fafafa;margin: 17px 8px 0}
.calendar .progress_bar{position: relative;top: 42px;left: 50%;transform: translateX(-50%);max-width: calc(100% - 64px);width: 100%;height: 4px;border-radius: 4px;background: #e6e6e6;overflow: hidden}
.calendar.project_both_progress .progress_bar{max-width: calc(100% - 501px);transform: none;left: 32px}
.calendar .progress_bar span{position: absolute;left: 0;border-radius: 4px;height: 100%;background: #313030}
.cal_step{max-width: calc(100% - 64px);width: 100%;display: flex;justify-content: space-between;margin: 32px auto 0}
.project_both_progress .cal_step{max-width: calc(100% - 501px);margin-left: 32px}
.cal_step li{max-width: 69px;width: 100%;z-index: 1;text-align: center}
.cal_step li:nth-child(1){text-align: left}
.cal_step li:last-child{text-align: right}
.project_progress .cal_step li{max-width: 86px;width: 100%;z-index: 1}
.project_name_progress .cal_step li{max-width: 70px;width: 100%;z-index: 1}
.project_both_progress .cal_step li{max-width: 70px;width: 100%;z-index: 1}
.cal_step li:nth-child(n+2){max-width: 120px}
.project_progress .cal_step li:nth-child(n+2){max-width: 140px;text-align: center}
.project_name_progress .cal_step li:nth-child(n+2){max-width: 140px;text-align: center}
.project_both_progress .cal_step li:nth-child(n+2){max-width: 140px;text-align: center}
.cal_step li:last-child{max-width: 69px}
.project_progress .cal_step li:last-child{max-width: 86px}
.project_name_progress .cal_step li:last-child{max-width: 70px}
.project_both_progress .cal_step li:last-child{max-width: 70px}
.cal_step li .step{width: 16px;height: 16px;background: #e6e6e6;border-radius: 50%;display: flex;justify-content: center;align-items: center;font-size: 10px;color: #707070;line-height: 16px;text-indent: -1px}
.cal_step li:nth-child(n+2) .step{margin: 0 auto}
.cal_step li:last-child .step{margin-right: 0}
.cal_step li.active .step{background: #313030;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);color: #fff}
.cal_step li.active .title{color: #313030}
.cal_step li.now .title{font-weight: bold}
.cal_step li .title{font-size: 12px;margin-top: 6px;font-weight: normal;color: #707070;height: 29px}
.cal_step li:nth-child(n+2) .title{justify-content: center}
.project_name_progress .cal_step li:nth-child(4) .title{max-width: 80px;margin-left: auto;margin-right: auto;line-height: 1.5}
.cal_step li:last-child .title{justify-content: flex-end;text-align: right}
.cal_step li .date{font-size: 10px;line-height: 1.2;margin-top: 2px;color: #707070}
.cal_step li .date.LastDate{text-align: right}
.cal_caution{width: 100%;text-align: right;margin: 4px 8px 0;font-size: 12px}
.order_paging{width: 100%;margin: 32px auto 110px;display: flex;justify-content: center}
.order_paging button, .order_paging p{width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;cursor: pointer;font-size: 14px}
.order_paging button a, .order_paging p a{display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;}
.order_paging p.active{color: #00cf7f;font-weight: bold}
.order_paging button.btn_prev{background: url(/fronts/assets/images/mypage/prev.svg) no-repeat center}
.order_paging button.btn_next{background: url(/fronts/assets/images/mypage/next.svg) no-repeat center}
.order_paging button.btn_prev.active{background: url(/fronts/assets/images/mypage/prev_active.svg) no-repeat center}
.order_paging button.btn_next.active{background: url(/fronts/assets/images/mypage/next_active.svg) no-repeat center}
.range_sort{display: flex;align-items: center}
.range_sort button{font-size: 14px;color: #acacac;margin-right: 16px}
.range_sort button.active{color: #313030;text-decoration: underline !important;font-weight: bold}
.change_order_table .division, .change_order_table .order_code, .change_order_table .receipt_date, .change_order_table .condition{max-width: 15%}
.change_order_table .receipt_title{max-width: 40%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 10px}
.change_order_table .change_box{display: flex;justify-content: space-between;align-items: center;width: 100%;height: 68px;border-bottom: solid 1px #e6e6e6}
.change_box p{text-align: center;font-size: 14px;width: 100%}
.change_box .division{font-weight: bold}
.usable_coupon_box{width: 100%;height: 95px;margin-top: 30px;border-radius: 4px;background: #313030;display: flex;justify-content: space-between;align-items: center}
.usable_coupon_box .usable{max-width: 50%;width: 100%;font-size: 16px;color: #fff;line-height: 1.13;text-align: center;border-left: solid 1px #e6e6e6}
.usable_coupon_box .usable:first-child{border-left: 0}
.usable_coupon_box .usable span{margin-left: 16px;font-weight: bold;color: #20cf7f}
.usable_coupon_box .check_class{max-width: 33.33%;width: 100%;font-size: 16px;color: #fff;line-height: 1.13;text-align: center;text-decoration: underline !important}
.coupon_table{margin-top: 16px}
.coupon_table .table_head{border-top: solid 2px #313030}
.coupon_table .coupon_name, .coupon_table .usage_standard{max-width: 30%}
.coupon_table .discount, .coupon_table .validity{max-width: 20%}
.coupon_table .coupon_box{display: flex;justify-content: space-between;align-items: center;height: 68px;border-bottom: solid 1px #e6e6e6}
.coupon_table .coupon_box p{font-size: 14px;width: 100%;text-align: center}
.coupon_table .coupon_box .coupon_name{font-weight: bold}
.inquiry_time_notice{line-height: 1.57}
.orderlist_container .inquiry_time_notice a{width: 160px;height: 48px;background: #20cf7f;border-radius: 4px;display: flex;justify-content: center;align-items: center;font-size: 16px;font-weight: bold;line-height: 1.81;color: #fff;text-decoration: none;cursor: pointer}
.inquiry_table .inquiry_division, .inquiry_table .inquiry_condition{max-width: 12%}
.inquiry_table .inquiry_division{width: 100px;}
.inquiry_table .inquiry_title{max-width: 50%}
.inquiry_table .inquiry_date{max-width: 20%}
.service_page .inquiry_title{width: calc(100% - 100px);padding: 0 0 0 32px;text-align: left}
.inquiry{display: flex;justify-content: space-between;align-items: center;height: 68px;border-bottom: solid 1px #e6e6e6;cursor: pointer}
.inquiry p{width: 100%;text-align: center;font-size: 14px}
.inquiry_contant_box{padding: 32px 70px;font-size: 14px;background: #fafafa;border-bottom: solid 1px #e6e6e6;display: none}
.inquiry .inquiry_division{font-weight: bold;width: 100px;}
.inquiry .inquiry_title{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: calc(100% - 100px);padding: 0 0 0 32px;max-width: 100%}
.faqText{background: #fafafa;padding: 31px 72px 31px 132px;font-size: 14px;line-height: 22px;white-space: pre-wrap;display: none;border-bottom: 1px solid #e6e6e6}
.news_table{margin-top: 40px}
.news_table .table_head{border-top: solid 2px #313030}
.news_table .news{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;align-content: flex-start;border-bottom: solid 1px #e6e6e6}
.news_table .news .text_box{display: flex;justify-content: space-between;align-items: center;width: 100%;height: 68px}
.news_table .news .text_box p{width: 100%;text-align: center;font-size: 14px}
.news_table .news .news_contant_box{padding: 32px 70px;font-size: 14px;line-height: 1.71;border-top: solid 1px #e6e6e6;background: #fafafa;display: none}
.news_table .news_num{font-weight: bold}
.news_table .news_num, .news_table .news_date{max-width: 15%}
.notice_service .news_num{max-width: 8%}
.notice_service .news_date{max-width: 15%}
.notice_service .news_table .news .news_title, .notice_service .news_title{max-width: 77%}
.news_table .news .news_title{max-width: 70%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;cursor: pointer}
.news_table .news .news_title.active{text-align: left}
.project_contant{width: 100%;border-bottom: solid 1px #313030}
.project{width: 100%;padding-bottom: 24px}
.project:last-child{padding-bottom: 0}
.project_title{width: 100%;padding: 12px 0;font-size: 18px;line-height: 1.5;border-bottom: solid 2px #313030}
.project_title b{margin-right: 12px}
.project .text{width: 100%;font-size: 14px;font-weight: bold;line-height: 1.43;margin-bottom: 40px}
.project div.text{width: 100%;font-size: 14px;font-weight: bold;line-height: 1.43;border-bottom: solid 1px #e6e6e6;padding-bottom: 32px;margin-bottom: 32px;display: flex;justify-content: space-between}
.project div.text .research_input{max-width: calc(100% - 285px);width: 100%;margin-left: 30px}
.project .text a{font-weight: bold;text-decoration: underline !important}
.project_box{display: flex;align-items: flex-start;flex-wrap: wrap;padding: 32px 0}
.project_box:nth-child(n+3){border-top: solid 1px #e6e6e6}
.project_box input[type="file"]{display: none}
.project_explain{max-width: 255px;width: 100%;font-size: 14px;line-height: 22px;word-break: break-all;margin-right: 30px}
.project_contant.different .project_explain{max-width: calc(100% - 285px)}
.project.different .project_explain{max-width: calc(100% - 285px)}
.project_contant.different .project:nth-child(n+3) .project_explain{max-width: calc(100% - 570px)}
.project_explain .text{margin-bottom: 12px}
.project_explain button,.project .text button,.project_explain a,.project .text a{display: flex;align-items: center;font-weight: bold;text-decoration: underline !important;margin: 16px 50% 0 0;white-space: nowrap}
.project_explain button img,.project .text button img,.project_explain a img,.project .text a img{max-width: 12px;width: 100%;margin-right: 6px}
.project_contant:nth-child(2) .project_explain button{margin-right: 75%}
.text_length_text{opacity: 0.5;margin: 10px 0 0;display: block;font-size: 12px;width: 100%;text-align: right;}
.small_uploadBox{max-width: 255px;width: 100%;height: 255px;border-radius: 4px;background-repeat: no-repeat;background-size: cover;background-position: center}
.upload_container, .name_input_box{max-width: calc(100% - 285px);width: 100%}
.name_upload_concept{width: 100%;display: flex;justify-content: space-between;padding: 32px 0;border-top: solid 1px #e6e6e6}
.name_upload_concept:first-child{border: none;padding-top: 0}
.name_upload_concept:last-child{padding-bottom: 0}
.concept_uploadBox{max-width: calc(50% - 15px);width: 100%;padding-top: calc(50% - 15px);position: relative;border-radius: 4px;background: #f8f8f8;background-repeat: no-repeat;background-size: cover;background-position: center}
.concept_uploadBox label{position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);width: 100%;height: 100%}
.name_concept{max-width: calc(50% - 15px);width: 100%}
.name_concept .title, .name_input_box .title, .research_input .title{font-size: 14px}
.name_concept .title:nth-child(n+2){margin-top: 15px}
.name_input_box .title:nth-child(n+2), .research_input .title:nth-child(n+2){margin-top: 32px}
.name_concept input, .name_concept textarea, .name_input_box input[type="text"], .name_input_box textarea, .research_input input{width: 100%;border-radius: 4px;border: solid 1px #e6e6e6;font-size: 14px;margin-top: 8px}
.name_concept input::placeholder, .name_concept textarea::placeholder, .name_input_box input[type="text"]::placeholder, .name_input_box textarea::placeholder, .research_input input::placeholder{color: #acacac}
.name_concept input, .name_input_box input[type="text"], .research_input input{height: 48px;padding: 0 12px}
.name_concept textarea{height: calc(100% - 121px);padding: 14px 12px;resize: none}
.name_input_box textarea{height: 163px;resize: none;padding: 14px 12px}
.project_box .radio_box{display: flex;align-items: center;margin-top: 12px}
.project_box .radio_box input{display: none}
.project_box .radio_box input + label{width: 20px;height: 20px;background-image: url(/fronts/assets/images/mypage/radio.svg); background-repeat: no-repeat;background-position: center;background-size: 100%;margin-right: 8px;cursor: pointer}
.project_box .radio_box input:checked + label{background-image: url(/fronts/assets/images/mypage/radio_select.svg)}
.project_box .radio_box p{font-size: 14px;font-weight: bold;margin-right: 24px}
.upload_innerbox{width: 100%;height: 100%;display: flex;justify-content: center;align-content: center;flex-wrap: wrap;cursor: pointer;background-color: #f8f8f8;position: relative;background-repeat: no-repeat;background-size: cover;background-position: center}
.upload_innerbox.active::before{display: none;background-color:transparent}
.upload_innerbox::before{content: "";position: absolute;width:calc(100% - 24px);height:calc(100% - 24px);border: dashed 1px #707070;top: 50%;left: 50%;transform: translate(-50%,-50%)}
.upload_innerbox img{max-width: 40px;width: 100%}
.upload_innerbox p{width: 100%;text-align: center;font-size: 14px;margin-top: 25px}
.big_upload_container{max-width: calc(100% - 285px);width: 100%}
.big_uploadBox{width: 100%;height: 303px;border-radius: 4px;background-repeat: no-repeat;background-size: cover;background-position: center}
.big_uploadBox:nth-child(n+2){margin-top: 24px}
.project_box .input_box{max-width: calc(100% - 285px);width: 100%;margin: 0;padding: 0}
.project_box .input_box textarea, .project_box .input_box input{width: 100%;font-size: 14px;border-radius: 4px;border: solid 1px #e6e6e6}
.project_box .input_box textarea{height: 163px;resize: none;padding: 16px;font-weight: 300;line-height: 1.57}
.project_box .input_box input{height: 48px;padding: 0 12px;font-weight: normal}
.project_box .input_box input::placeholder{color: #acacac}
.project_box .textarea_box{max-width: calc(100% - 285px);width: 100%;margin: 0;padding: 0}
.project_box .textarea_box textarea, .project_box .textarea_box input{width: 100%;font-size: 14px;border-radius: 4px;border: solid 1px #e6e6e6}
.project_box .textarea_box input{height: 40px;padding: 0 12px;font-weight: normal}
.project_box .textarea_box textarea{height: 82px;resize: none;padding: 16px;font-weight: 300;line-height: 1.57;margin-bottom: 16px;}
.project_box .textarea_box .inner_input_box{display: flex;align-items: center;}
.project_box .textarea_box .inner_input_box:nth-of-type(n+2){margin-top: 10px;}
.project_box .textarea_box .inner_input_box p{font-size: 14px;line-height: 22px;word-break: break-all;min-width: 70px;}
.project_box .textarea_box input::placeholder{color: #acacac}
.agree_mentBox{max-width: 540px;width: 100%;padding: 32px 0 36px;display: flex;align-items: center;flex-wrap: wrap;align-content: flex-start}
.agree_mentBox .btn_box{width: 100%;display: flex;justify-content: space-between}
#confirm_ment{display: none}
#confirm_ment + label{width: 20px;height: 20px;background: url(/fronts/assets/images/mypage/non-check.svg);cursor: pointer}
#confirm_ment:checked + label{background: url(/fronts/assets/images/mypage/check.svg)}
.agree_mentBox .checkbox_text{margin-left: 8px;font-size: 14px;line-height: 1.86;text-decoration: underline !important}
.agree_mentBox .agree_text{width: 100%;margin: 8px 0 40px;font-size: 14px;line-height: 1.57;word-break: break-all}
.agree_mentBox .btn_save{max-width: calc(50% - 8px);margin: 0;border: solid 1px #313030;color: #313030;background: #fff}
.agree_mentBox .btn_send{max-width: calc(50% - 8px);margin: 0}
.upload_input_box {width: 255px;height: 48px;padding: 10px;display: flex;justify-content: center;align-items: center;border-radius: 4px;background: #f8f8f8;cursor: pointer}
.upload_input_box .file_prevew_box{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;border-radius: 4px;background: #f8f8f8;font-size: 16px;font-weight: bold;color: #313030 !important;cursor: pointer}
.upload_input_box div.file_prevew_box{display: none;}
.upload_input_box div.file_prevew_box span{width: calc(100% - 10px);overflow: hidden;text-overflow: ellipsis;}
.upload_input_box div.file_prevew_box .file_upload_button{width: 8px;height: 8px}
.upload_input_box div.file_prevew_box .file_upload_button img{width: 100%;height: 100%;}
.upload_input_box .file_prevew_box.file_preview_active{background:#fff;padding: 0 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 13px;justify-content: space-between;border: solid 1px #d3d3d3;}
.upload_input_box input:nth-child(n+2)+label{margin-top: 8px}
.upload_input_box input[type="file"]{display: none}
.profile_uploadBox{max-width: 160px;width: 100%;margin-right: 30px}
.profile_uploadBox .uploadBox{width: 100%;height: 160px;border-radius: 4px;background-position: center;background-repeat: no-repeat;background-size: cover}
.banner_uploadBox{max-width: 350px;width: 100%}
.banner_uploadBox .uploadBox{width: 100%;height: 129px;border-radius: 4px;background-position: center;background-repeat: no-repeat;background-size: cover}
.profile_uploadBox .uploadBox p, .banner_uploadBox .uploadBox p{font-size: 12px;line-height: 1.33;color: #707070;text-align: center}
.profile_uploadBox .explain_img, .banner_uploadBox .explain_img{width: 100%;text-align: center;margin-top: 8px;font-size: 14px}
/*2020.04.18 추가*/
.order_detailTitle{border-bottom:2px solid #313030;padding:0 0 16px;display:flex;align-items:center;justify-content:space-between;font-size:18px;font-weight:700;margin:64px 0 0}
.btn_receipt{font-size:14px;font-weight:bold;text-decoration:underline}
.orderDetail_box .order_product_box{border:0}
.orderDetail_box .order_product{border-bottom:1px solid #e6e6e6}
.orderDetail_info_table .table_head{padding:0 8px}
.orderDetail_info_table .table_head .product_info{max-width:70%;text-align:left}
.orderDetail_info_table .table_head .progress{width:10%}
.orderDetail_info_table .table_head .remark{width:10%}
.orderDetail_info_table .order_product_box{align-items:center;justify-content:space-between;margin:24px 0;padding:0 8px}
.orderDetail_info_table .order_product_item{width:70%}
.orderDetail_info_table .order_product_text{font-size:14px}
.orderDetail_info_table .order_product_item:nth-child(2){text-align:center;width:10%}
.orderDetail_info_table .order_product_item:nth-child(3){width:10%;text-align:center}
.table_footer{border-top:1px solid #acacac;border-bottom:1px solid #acacac;padding:24px 8px}
.orderDetail_info_table .order_product_box{display:flex;align-items:center;justify-content:space-between}
.orderDetail_info_table .order_product_item:first-child{padding:0 20px 0 0}
.order_product_footerText{font-size:14px;font-weight:700}
.order_product_textCost{color:#20cf7f;font-weight:700}
.orderDetail_info_table .table_footer .order_product_box{margin:0;padding:0}
.order_detail_infoText.order_detail_infoMultipleText span{margin:0 24px 0 0;white-space:nowrap;display:inline-block}
.order_detail_info{display:flex;justify-content:space-between}
.order_detail_infoItem{width:50%}
.order_detail_infoTextBox{display:flex;padding:0 8px;margin:24px 0}
.order_detail_infoTitle{width:100px;font-size:14px}
.order_detail_infoText{width:calc(100% - 100px);font-size:14px}
.order_detail_infoText.order_detail_infoBoldText{font-weight:700}
.popup_orderDetail .btn_box{max-width: 336px;width: 100%;display: flex;justify-content: space-between;margin: 48px 0 36px}
.popup_orderDetail .btn_box button{max-width: calc(50% - 8px);width: 100%;height: 48px;margin: 0;border-radius: 4px;font-size: 16px;font-weight: bold}
.popup_orderDetail .btn_box button:nth-child(1){border: solid 1px #313030;color: #313030}
.popup_orderDetail .btn_box button:nth-child(2){background: #313030;color: #fff}

/* cart */
.cart_container{width: 1280px;margin: 0 auto;padding: 96px 85px}
.cart_container .step{font-size: 24px;color: #adacac;display: flex;justify-content: center;align-items: center}
.cart_container .step span{font-weight: bold;color: #313030}
.cart_container .step img{margin: 0 27px;max-width: 9px;width: 100%}
#cart_box{display: flex;justify-content: space-between;margin: 64px 0 200px}
.order_payment_box{max-width: 350px;width: 100%;height: 428px;padding: 32px;background: #fafafa}
.order_payment_box .pay_box{padding-bottom: 16px}
.order_payment_box .pay_box p{width: 100%;display: flex;justify-content: space-between;font-size: 14px}
.order_payment_box .pay_box p:nth-child(n+2){margin-top: 15px}
.order_payment_box .pay_box p span{font-weight: bold}
.order_payment_box .pay_box .total_price{margin-top: 24px;font-size: 14px;font-weight: bold}
.order_payment_box .pay_box .total_price span{font-size: 18px;color: #20cf7f}
.order_payment_box .agree_box{padding: 24px 0;display: flex;flex-wrap: wrap;align-content: flex-start}
.order_payment_box .agree_box .agree_text{margin: 0;font-size: 14px;line-height: 1.57}
.order_payment_box .agree_box div{margin-top: 10px;display: flex;align-items: center}
#payment_agree{display: none}
input[id="payment_agree"] + label{display: inline-block;padding-left: 20px;height: 20px;background: url(/fronts/assets/images/mypage/non-check.svg) no-repeat center left/20px;cursor: pointer}
input[id="payment_agree"]:checked + label{background-image: url(/fronts/assets/images/mypage/check.svg)}
.payment_agree_text{font-size: 14px;margin-left: 8px}
.payment_link{width: 100%;height: 48px;background: #313030;border-radius: 4px;font-size: 16px;font-weight: bold;color: #fff}
.cart_table{max-width: calc(100% - 380px);width: 100%}
.cart_menu{width: 100%;display: flex;justify-content: space-between;padding-bottom: 12px;border-bottom: solid 2px #313030}
.cart_num{font-size: 18px;font-weight: bold;line-height: 1.61}
.cart_menu .markBox{display: flex;align-items: center}
.nec_mark{margin-right: 2px;width: 6px;height: 6px;background: #ff5d5d;border-radius: 50%}
.cart_menu .markBox .cart_menu_text{font-size: 12px}
.cart_delete_box{display: flex;align-items: center}
.cart_delete_box p{font-size: 14px;font-weight: bold;line-height: 2.07;text-decoration: underline !important;cursor: pointer}
.cart_delete_box p:nth-child(n+2){margin-left: 16px}
.cart_table_head{display: flex;align-items: center;height: 50px;border-bottom: solid 1px #313030}
.cart_table_head .all_check_box{max-width: 20px;width: 100%}
.cart_table input[type='checkbox']{display: none}
.cart_table input[type='checkbox'] + label{display: inline-block;padding-left: 20px;height: 20px;background: url(/fronts/assets/images/mypage/non-check.svg) no-repeat center left/20px;cursor: pointer}
.cart_table input[type='checkbox']:checked + label{background-image: url(/fronts/assets/images/mypage/check.svg)}
.payment_agree_text{font-size: 14px;margin-left: 8px}
.cart_table_head .product_info{max-width: calc(60% - 20px);width: 100%;text-align: center;font-size: 12px;font-weight: bold}
.cart_table_head .product_amount, .cart_table_head .product_price{max-width: 20%;width: 100%;text-align: center;font-size: 12px;font-weight: bold}
.cart{display: flex;padding: 24px 0;border-bottom: solid 1px #e6e6e6}
.cart_check_box{display: flex;align-items: center}
.cart_info{max-width: calc(60% - 16px);width: 100%; display: flex;padding: 0 16px}
.cart_info .info_text{padding-left: 16px;max-width: calc(100% - 160px);width: 100%;display: flex;flex-wrap: wrap;align-content: center}
.cart_info .info_text p{width: 100%}
.cart_info .info_text .title{font-size: 14px;font-weight: bold}
.cart_info .info_text .sub_title{margin-top: 4px;font-size: 16px}
.cart_info .info_text .sub_title button{margin-left: 5px}
.cart_info .info_text .sub_title button img{max-width: 14px;width: 14px}
.cart_info .info_text .used{margin-top: 8px;font-size: 12px;line-height: 1.5}
.cart_info .info_text .edit_btn_box{margin-top: 39px}
.cart_info .info_text .edit_btn_box a{font-size: 14px;font-weight: bold;text-decoration: underline !important;cursor: pointer}
.cart_info .info_text .edit_btn_box a:nth-child(n+2){margin-left: 12px}
.cart_amount{max-width: 20%;width: 100%;display: flex;justify-content: center;align-items: center}
.cart_amount select{max-width: 100px;width: 100%;height: 48px;padding: 0 12px;font-size: 14px;font-weight: 600;font-family: 'Arita Dotum', sans-serif;border-radius: 4px;border: solid 1px #e6e6e6;background: url(/fronts/assets/images/all/filter.svg) no-repeat right 12px center/12px}
.cart_goods_price{max-width: 20%;width: 100%;font-size: 16px;font-weight: bold;display: flex;justify-content: center;align-items: center}
.send_info_box, .coupon_info_box, .how_payment_box{width: 100%;padding: 40px 0 80px}
.send_addr_kindBox{display: flex;align-items: center}
.send_addr_kindBox input, .zip_checkBox input{display: none}
.send_addr_kindBox input + label, .zip_checkBox input + label{display: inline-block;padding-left: 20px;height: 20px;background: url(/fronts/assets/images/mypage/non-check.svg) no-repeat center left/20px;cursor: pointer}
.send_addr_kindBox input:checked + label, .zip_checkBox input:checked + label{background-image: url(/fronts/assets/images/mypage/check.svg)}
#new_send_sddr + label{margin-left: 24px}
.send_addr_text{font-size: 14px;font-weight: bold;margin-left: 8px}
.send_addr_list{font-size: 14px;font-weight: bold;text-decoration: underline !important;margin-left: 24px}
.send_info_box .sub_title, .coupon_info_box .sub_title, .how_payment_box .sub_title{margin-top: 30px;font-size: 14px;font-weight: bold;display: flex;align-items: center}
.send_info_box .sub_title .nec_mark, .coupon_info_box .sub_title .nec_mark{margin: 0 0 0 5px}
.send_addrBox, .request_box, .couponBox, .account_bank_box{position: relative;width: 100%;padding-bottom: 56px}
.send_addr_name, .request_msg_box, .coupon_list, .account_bank_list{position: absolute;top: 28px;left: 0;max-width: calc(50% - 15px);width: 100%;border: solid 1px #e6e6e6;border-radius: 4px;background: #fff}
.send_addr_name.active, .request_msg_box.active, .coupon_list.active, .account_bank_list.active{border-color: #313030;color: #313030;z-index: 1}
.send_addr_name .addr_name, .request_msg_box .request_msg, .coupon_list .coupon, .account_bank_list .account_bank{height: 48px;width: 100%;padding: 0 12px;display: flex;justify-content: space-between;align-items: center;font-size: 14px}
.send_addr_name .addr_name input, .request_msg_box .request_msg input{width: 100%;height: 100%;border: 0;font-size: 14px}
.send_addr_name .addr_name input::placeholder, .receiver_infobox input[type='text']::placeholder, #basic_addr::placeholder, #detail_addr::placeholder, .request_msg_box .request_msg input::placeholder{color: #acacac}
.send_addr_name .btn_dropdown, .request_msg .btn_dropdown, .coupon .btn_dropdown, .account_bank .btn_dropdown{display: flex;width: 20px;height: 20px;background: url(/fronts/assets/images/all/filter.svg) no-repeat center;cursor: pointer}
.send_info_box ul, .coupon_info_box ul, .how_payment_box ul{max-height: 252px;overflow: scroll;border-top: solid 1px #313030;display: none;-ms-overflow-style:none;}
.send_info_box ul::-webkit-scrollbar, .coupon_info_box ul::-webkit-scrollbar, .how_payment_box ul::-webkit-scrollbar{display: none}
.send_info_box ul li, .coupon_info_box ul li, .how_payment_box ul li{height: 48px;width: 100%;padding: 0 12px;font-size: 14px;font-weight: 300;display: flex;align-items: center;cursor: pointer}
.send_info_box ul li span{color: #707070;margin-right: 4px}
.send_info_box ul li:hover, .coupon_info_box ul li:hover, .how_payment_box ul li:hover{background: #e2f2ec}
.receiver_infobox{width: 100%;display: flex;justify-content: space-between}
.receiver_name, .receiver_tel{max-width: calc(50% - 15px);width: 100%}
.receiver_infobox input[type='text']{width: 100%;margin-top: 8px;height: 48px;padding: 0 12px;border-radius: 4px;border: solid 1px #e6e6e6;font-size: 14px}
#receiver_tel{font-family: 'Arita Dotum', sans-serif;font-weight: 500}
.zip_box{width: 100%;margin-top: 8px;display: flex;justify-content: space-between}
.select_zip_code, .zip_checkBox{max-width: calc(50% - 15px);width: 100%;display: flex}
.select_zip_code{justify-content: space-between}
.zip_checkBox{align-items: center}
.zip_checkBox .chk_text{font-size: 14px;margin-left: 8px}
#select_original_addr + label{margin-left: 25px}
.zip_box input[type='text']{max-width: calc(50% - 4px);width: 100%;height: 48px;border-radius: 4px;border: solid 1px #e6e6e6;font-size: 14px;padding: 0 12px;background: #fff}
.select_zip_code button{max-width: calc(50% - 4px);width: 100%;border: solid 1px #313030;border-radius: 4px;font-size: 14px;font-weight: bold}
#basic_addr, #detail_addr{width: 100%;margin-top: 8px;height: 48px;border-radius: 4px;border: solid 1px #e6e6e6;font-size: 14px;padding: 0 12px;background: #fff}
.post_notice{margin-top: 24px;font-size: 12px;line-height: 1.5;color: #707070}
.point_input{width: 100%;display: flex;justify-content: space-between;margin-top: 8px}
.point_input_box{max-width: calc(50% - 8px);width: 100%;display: flex;justify-content: space-between}
#used_point{max-width: calc(50% - 4px);width: 100%;height: 48px;border: solid 1px #e6e6e6;border-radius: 4px;font-size: 14px;font-weight: 500;font-family: 'Arita Dotum', sans-serif;padding: 0 12px}
.point_all_use{max-width: calc(50% - 4px);width: 100%;border: solid 1px #313030;border-radius: 4px;font-size: 14px;font-weight: bold}
.bring_point{max-width: calc(50% - 8px);width: 100%;display: flex;align-items: center;font-size: 14px}
.how_payment{width: 100%;position: relative}
.how_radioBox, .bill_type_box{display: flex;align-items: center}
.how_radioBox input, .bill_type_box input{display: none}
input[id="type_bank"] + label,input[id="type_bankbook"] + label, input[id="type_naverPay"] + label, input[id="type_card"] + label, input[id="type_private"] + label, input[id="type_company"] + label{display: inline-block;padding-left: 20px;height: 20px;background: url(/fronts/assets/images/mypage/radio.svg) no-repeat left center/20px;cursor: pointer}
input[id="type_bank"]:checked + label,input[id="type_bankbook"]:checked + label, input[id="type_naverPay"]:checked + label, input[id="type_card"]:checked + label, input[id="type_private"]:checked + label, input[id="type_company"]:checked + label {background-image: url(/fronts/assets/images/mypage/radio_select.svg)}
.pay_type_text, .bill_type_text{font-size: 14px;font-weight: bold;margin: 0 24px 0 8px}
.account_bank.active{color: #313030}
.account_bank{color: #acacac}
.depositor_box{max-width: calc(50% - 15px);width: 100%}
.depositor_box input, .type_private_box input, .type_company_box input, .company_info_detail .input_box input{width: 100%;height: 48px;padding: 0 12px;margin-top: 8px;border-radius: 4px;border: solid 1px #e6e6e6;font-size: 14px}
.depositor_box input::placeholder, .type_private_box input::placeholder, .type_company_box input::placeholder, .company_info_detail .input_box input::placeholder{color: #acacac}
.depositor_notice{font-size: 12px;line-height: 1.5;margin-top: 8px;color: #707070}
.bill_type_box{margin-top: 12px}
.type_private_box, .type_company_box{margin-top: 12px;width: 100%;display: none}
.type_private_box input, .type_company_box input{max-width: calc(50% - 15px)}
.company_info_detail{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;align-content: flex-start}
.company_info_detail .input_box{max-width: calc(50% - 15px);width: 100%;display: block;margin: 0;padding: 0}
.company_info_detail .input_box input{max-width: 100%}
.company_info_detail .input_box .sub_title span{font-size: 12px;line-height: 1.5;color: #707070;font-weight: normal;margin-left: 8px}
.company_info_detail .input_box div{margin-top: 10px}
.company_info_detail .input_box input[type='file']{border: 0;padding: 0;display: none}
.company_info_detail .input_box input[type='file'] + label{font-size: 14px;text-decoration: underline !important;cursor: pointer;display: flex;align-items: center}
.company_info_detail .input_box input[type='file'] + label img{margin-right: 5px;max-width: 16px;width: 100%}
.imgFile_name{display: none;align-items: center;font-size: 14px;margin-top: 10px}
.imgFile_name img{max-width: 9px;width: 100%;margin-left: 10px;padding-top: 2px;cursor: pointer}
.tex_bill_text{margin-top: 12px;line-height: 1.5;font-size: 12px}
.cart_container .confirm_box{margin-top: 64px;display: flex;flex-wrap: wrap;align-content: flex-start;justify-content: center}
.cart_container .confirm_title{font-size: 36px;font-weight: 300;line-height: 1.33}
.cart_container .confirm_text{width: 100%;text-align: center;margin-top: 24px;font-size: 18px;line-height: 1.67}
.cart_container .confirm_text span{font-weight: bold;color: #20cf7f}
.cart_container .confirm_text a{text-decoration: underline !important}
.cart_container .btn_box{max-width: 428px;width: 100%;margin-top: 56px;display: flex;justify-content: space-between}
.cart_container .btn_box a{max-width: calc(50% - 5px);width: 100%;height: 48px;border-radius: 4px;font-size: 16px;font-weight: bold;line-height: 1.5;display: flex;justify-content: center;align-items: center;cursor: pointer}
.cart_container .btn_box .btn_confirm_orderHistory{background: #fff;border: solid 1px #313030}
.cart_container .btn_box .btn_goHome{background: #313030;color: #fff}
.cart_container .mini_banner_container{padding: 120px 0 400px}
.confirm_mini .sub_mini_banner_contant{margin: 0 auto;width: 1280px}

/* popup */
.popup_find .popup_contants, .popup_modified .popup_contants, .popup_connect .popup_contants{height: 220px}
.popup_setNotice .popup_contants{height: 483px}
.popup_sendAddr_list .popup_contants{height: 871px;max-height: calc(100vh - 40px)}
.popup_find_email .popup_contants{height: 276px}
.popup_name_round .popup_contants{width: 100vh}
.popup_change_option .popup_contants{height: auto;max-width: 586px}
.popup_share .popup_contants{height: 256px}

.btn_sendDone, .btn_sendround,.btn_finalOpen{margin: 24px 0 36px;width: 160px;height: 48px;border-radius: 4px;background: #00cf7f;font-size: 16px;font-weight: bold;line-height: 1.81;color: #fff}
.btn_sendDone_float, .btn_next_float{position: absolute;bottom: 0;right: 85px;width: 80px;height: 80px;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);background: #20cf7f;border-radius: 50%;font-size: 14px;font-weight: bold;color: #fff;z-index: 1}
.btn_sendDoneBox{position: fixed;bottom: 72px;right: 85px;height: 0;left: 50%;transform: translateX(-50%);width: 100%;padding: 0 85px;max-width: 1280px;z-index: 3}
.find_button_box{display: flex;justify-content: space-between;max-width: 330px;width: 100%}
.find_button_box button{margin: 32px 0 36px;max-width: calc(50% - 10px);width: 100%;height: 48px;border-radius: 4px;font-size: 16px;font-weight: bold;line-height: 1.81}
.find_button_box .btn_sendpasswd{background: #fff;color: #20cf7f;border: solid 1px #20cf7f}
.find_button_box .btn_sendDone,.btn_finalOpen{background: #00cf7f;color: #fff;}
.btn_finalOpen{width: auto;padding: 12px 30px;height: auto}
.find_email_text{width: 100%;text-align: center;margin-top: 24px;font-size: 16px;font-weight: bold}

#messege_notice, #email_notice, #kakao_notice{display: none}
input[id="messege_notice"] + label, input[id="email_notice"] + label, input[id="kakao_notice"] + label {display: inline-block;width: 56px;height: 28px;background: url(/fronts/assets/images/mypage/toggle-off.png) no-repeat center/cover;cursor: pointer;transition: background .3s ease}
input[id="messege_notice"]:checked + label, input[id="email_notice"]:checked + label, input[id="kakao_notice"]:checked + label {transition: background .3s ease;background-image: url(/fronts/assets/images/mypage/toggle-on.png)}
.popup_wra .btn_save{max-width: 160px;width: 100%;height: 48px;border-radius: 4px;background: #00cf7f;font-size: 16px;font-weight: bold;line-height: 1.81;color: #fff;margin: 32px 0 36px}

.popup_candidate.popup_wra, .popup_slog.popup_wra{background: rgba(49, 48, 48, 0.95)}
.popup_name_round.popup_wra, .popup_name_final.popup_wra, .popup_logo_final.popup_wra{background: rgba(49, 48, 48, 0.95)}

.popup_candidate .popup_contants, .popup_logo_final .popup_contants{max-width: 1490px;min-width: 1024px;width: 100%;max-height: 800px;height: 100%;padding: 0 85px 157px;margin: auto;background: none;position: relative;top: 50%;transform: translateY(-50%);align-content: flex-start}
.popup_candidate .candidate_img, .popup_logo_final .candidate_img{padding: 20px 32px;}
.popup_candidate.popup_slogan_candidate .popup_contants, .popup_slog .popup_contants, .popup_name_round .popup_contants, .popup_name_final .popup_contants{max-width: 1280px;min-width: 1024px;width: 100%;max-height: 800px;height: 100%;padding: 0 85px 157px;margin: auto;background: none;position: relative;top: 50%;transform: translateY(-50%);align-content: flex-start;}
.popup_name_round .popup_contants, .popup_name_final .popup_contants, .popup_logo_final .popup_contants{overflow: scroll;-ms-overflow-style:none;}
.popup_name_round .popup_contants::-webkit-scrollbar, .popup_name_final .popup_contants::-webkit-scrollbar, .popup_logo_final .popup_contants::-webkit-scrollbar,.popup_contants::-webkit-scrollbar{display: none}
.popup_candidate .popup_contants *, .popup_slog .popup_contants *, .popup_name_round .popup_contants *, .popup_name_final .popup_contants *, .popup_logo_final .popup_contants *{color: #fff;}
.popup_candidate .popup_contants form, .popup_slog .popup_contants form, .popup_name_round .popup_contants form, .popup_name_final .popup_contants form, .popup_logo_final .popup_contants form{width:100%}
.popup_candidate .popup_contants .title, .popup_slog .popup_contants .title, .popup_logo_fiveFinal .popup_contants .title{font-size: 36px;font-weight: 300;line-height: 1.33;letter-spacing: -1.08px}
.popup_logo_fiveFinal .popup_contants .title{padding-top: 16px}
.popup_candidate .popup_contants .text, .popup_slog .popup_contants .text,.popup_logo_fiveFinal .popup_contants .text{width: 100%;font-size: 16px;line-height: 1.57;color: #e6e6e6;text-align: center;margin-top: 8px}
.candidate_final_total{width:100%}
.candidate_total_box{width: 100%;display: flex;flex-wrap: wrap;align-content: flex-start}
.between_box{justify-content: space-between;margin: 72px 0 128.5px}
.candidate_img{display: flex;justify-content: center;flex-wrap: wrap;align-content: flex-start;max-width: 20%;width: 100%;padding: 20px 45px;border-left: 0}
.candidate_textbox{display: flex;justify-content: space-between;align-items: center;max-width: calc(50% - 80px);width: 100%}
.candidate_textbox:nth-child(n+3){margin-top: 40px}
.candidate_textbox .img{max-width: 152.5px;width: 100%;padding-top: 152.5px;position: relative;border-radius: 8px;background-position: center;background-repeat: no-repeat;background-size: cover}
.candidate_textbox .img::before{position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;background: url(/fronts/assets/images/watermark.png) center/70%;}
.candidate_textbox .img::after{position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;background: #313030;opacity: 0.45}
.candidate_textbox .img p{position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);font-size: 20px;line-height: 1.1;font-weight: bold;color: #fff;z-index: 1;text-align: center}
.slog_candidate_img .img p{position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);font-size: 20px;line-height: 1.1;font-weight: bold;text-align: center;color: #fff}
.popup_candidate .name_textbox{max-width: calc(100% - 169px);width: 100%;height: 100%;padding: 16px 0}
.popup_candidate .name_textbox .title{width: 100%;text-align: left;font-size: 16px;font-weight: bold;font-family: 'GothamBook', sans-serif;margin: 0 0 4px}
.popup_candidate .name_textbox .text{width: 100%;text-align: left;font-size: 14px;font-weight: bold;margin-top: 12px;display: flex;align-items: center}
.popup_candidate .name_textbox .text span{font-weight: normal;width: 30px;display: inline-block;color: #acacac;font-size: 12px}
.slog_candidate_img{display: flex;justify-content: center;flex-wrap: wrap;align-content: flex-start;max-width: calc(33.33% - 32px);width: 100%;margin: 0 48px 30px 0}
.slog_candidate_img:nth-child(3n){margin-right: 0}
.candidate_img:nth-child(5n){border-right: 0}
.candidate_img:nth-child(n+6){border-top: 0}
.candidate_img input{display: none}
.candidate_img input + label{width: 20px;height: 20px;background: url(/fronts/assets/images/all/check_w.svg) no-repeat center/100%;cursor: pointer}
.candidate_img input:checked + label{background: url(/fronts/assets/images/all/check_active_w.svg) no-repeat center/100%}
.candidate_img .input_text{width: 100%;text-align: center;margin-top: 16px;font-size: 16px;font-weight: bold;color: #fff;font-family: 'GothamBook', sans-serif;}
.slog_candidate_img .input_text{font-family:"Gilroy",'SpoqaHanSans',"Sans-serif";width: 100%;text-align: center;font-size: 16px;font-weight: 800;color: #fff}
.candidate_img .img{position: relative;width: 100%;padding-top: 100%;margin: 6px 0 4px;background-position: center;background-repeat: no-repeat;background-size: cover;border-radius: 4px}
.candidate_img .img::before{position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;background: url(/fronts/assets/images/watermark.png) center/70%;}
.slog_candidate_img .img{position: relative;width: 100%;padding-top: 43.33%;margin: 6px 0 4px;background-position: center;background-repeat: no-repeat;background-size: 100%;border-radius: 4px}
.slog_candidate_img .img::after{position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;background: #313030;opacity: 0.45}
.slog_candidate_img .img::before{position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;background: url(/fronts/assets/images/watermark.png) center/70%;}
.slog_candidate_img .img p{font-size:1.4em; font-weight:600; text-align:center;z-index: 1}
.candidate_input{width: 100%}
.candidate_input .table_title{font-size: 18px;font-weight: bold;padding-bottom: 12px;width: 100%;border-bottom: solid 2px #fff}
.candidate_input .namecard_example{max-width: 81.4%;width: 100%;padding-top: 45.65%;background: url(/fronts/assets/images/all/namecard_mocup.png) no-repeat center;background-size: cover;border-radius: 4px;margin-top: 40px}
.candidate_input .namecard_text{font-size: 12px;margin: 10px 0 2px}
.candidate_input .labelBox{width: 100%}
.candidate_input .labelBox:nth-child(n+2){margin-top: 40px}
.candidate_input .radio_box{display: flex;align-items: center;margin-top: 24px}
.candidate_input .radio_box p{font-size: 14px;margin-left: 16px}
.candidate_input input[type="radio"], .slog_candidate_img input[type='radio']{display: none}
.slog_candidate_img input[type='radio'] + label{margin-bottom: 8px}
.candidate_input input[type='radio'] + label, .slog_candidate_img input[type='radio'] + label{display: inline-block;width: 20px;height: 20px;background: url(/fronts/assets/images/all/check_w.svg) no-repeat center/cover;cursor: pointer}
.candidate_input input[type='radio']:checked + label, .slog_candidate_img input[type='radio']:checked + label{background-image: url(/fronts/assets/images/all/check_active_w.svg)}
.candidate_input textarea, .candidate_input input[type='text'], .candidate_input .multi_file_box{width: 100%;height: 94px;resize: none;border-radius: 4px;border: solid 1px #707070;padding: 15px 12px;background: none;font-size: 14px;line-height: 1.57;color: #fff;margin-top: 8px}
.candidate_input input[type='text']{height: 48px;padding: 0 12px}
.candidate_input textarea::placeholder, .candidate_input input[type='text']::placeholder{color: #707070}
.candidate_input .multi_file_uploadBox label{color: #00cf7f}
.candidate_input .upload_text{color: #acacac;margin-bottom: 132px}
.candidate_input .find_postcode{max-width: calc(50% - 4px);width: 100%;height: 48px;border-radius: 4px;border: solid 1px #fff;font-size: 14px;font-weight: bold;margin-top: 8px}

#candidate_logo_finalform .candidate_input .labelBox:nth-child(n+2){margin-top: 30px}
#candidate_name_form, #candidate_name_finalform, #candidate_logo_finalform{margin-top: 48px;min-width: 0;min-height: 0}
#candidate_name_finalform .page, #candidate_logo_finalform .page{display: none;width: 100%;justify-content: space-between}
#candidate_name_finalform .page_num_box, #candidate_logo_finalform .page_num_box{display: flex;width: 100%;margin-bottom: 16px}
#candidate_name_finalform .page_num, #candidate_logo_finalform .page_num{width: 24px;height: 24px;display: flex;justify-content: center;align-items: center;background: none;font-size: 12px;color: #acacac;margin-right: 5px;border-radius: 50%}
#candidate_name_finalform .page_num.active, #candidate_logo_finalform .page_num.active{background: #fff;color: #313030;font-weight: bold}
.popup_name_round .main_box, .popup_name_final .main_box, .popup_logo_final .main_box{align-content: flex-start}
.popup_name_round .small_text, .popup_name_final .small_text, .popup_logo_final .small_text{font-size: 14px;line-height: 1.57;color: #fff;margin-top: 8px}
.candi_brand_name_info{width: 100%;margin-top: 53px}
.candi_brand_name_info .name_info{width: 50%;display: flex;align-items: flex-start;margin-bottom: 15px}
.candi_brand_name_info .name_info .title{width: 124px;font-size: 12px;font-weight: bold;line-height: 1.83;margin: 0;text-align-last: left;display: flex;align-items: center}
.candi_brand_name_info .name_info .title img{max-width: 14px;width: 100%;margin-right: 10px}
.candi_brand_name_info .name_info:nth-child(2) .title img{max-width: 17px;width: 100%;margin-right: 7px}
.candi_brand_name_info .name_info .info{font-size: 14px;line-height: 1.57;max-width: calc(100% -  124px)}
.candi_brand_name_info .name_info .info span{color: #707070;margin-bottom: 8px;display: inline-block}
.final_total{width: 100%;display: flex;justify-content: space-between}
.final_total:nth-child(n+2){margin-top: 40px}
.final_total .img{max-width: 31.93%;min-width: 31.93%;width: 100%;padding-top: 31.93%;background-position: center;background-size: cover;background-repeat: no-repeat;border-radius: 8px;position: relative;height: 0}
.final_total .img span{position: absolute;top: 50%;left: 50%;text-align: center;transform: translate(-50%,-50%);max-width: calc(100% - 20px);width: 100%;font-size: 14px;font-weight: 700}
.final_total .img::before{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;font-size: 20px;font-weight: bold;color: #313030}
.final_total .textBox{max-width: calc(68.07% - 15px);width: 100%}
.final_total .textBox .title{text-align: left;font-size: 16px;font-weight: bold;margin: 0 0 17px}
.final_total .textBox .possible{font-size: 14px;line-height: 1.29;display: flex;align-items: center;margin-bottom: 10px}
.final_total .textBox .possible span{width: 16px;min-width: 16px;height: 16px;background: #20cf7f;border-radius: 50%; display: inline-block;margin-right: 8px}
.final_total .textBox .text{font-size: 14px;line-height: 1.57;color: #acacac;word-break: break-all}
.candidate_final_logo{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;align-content: flex-start}
.candidate_final_logo .final_logo{max-width: calc(50% - 15px);width: 100%;display: flex;flex-wrap: wrap;justify-content: center}
.candidate_final_logo .final_logo:nth-child(n+3){margin-top: 56px}
.candidate_final_logo .final_logo .img{width: 100%;padding-top: 100%;border-radius: 8px;background-repeat: no-repeat;background-position: center;background-size: cover}
.candidate_final_logo .final_logo .title{font-family: 'GothamBook', sans-serif;font-size: 16px;font-weight: bold;margin: 8px 0 16px}
#candidate_logo_finalform input[type="radio"], #candidate_logo_finalform input[type="checkbox"]{display: none}
#candidate_logo_finalform input[type='radio'] + label, #candidate_logo_finalform input[type='checkbox'] + label{display: inline-block;width: 24px;height: 24px;background: url(/fronts/assets/images/all/check_w.svg) no-repeat center/cover;cursor: pointer}
#candidate_logo_finalform input[type='radio']:checked + label, #candidate_logo_finalform input[type='checkbox']:checked + label{background-image: url(/fronts/assets/images/all/check_active_w.svg)}
#candidate_logo_finalform .same_namecard_text{font-size: 14px;max-width: calc(100% - 28px);width: 100%}

.popup_change_option.popup_wra{padding-top: 243px;padding-bottom: 243px;align-items: flex-start}
#change_opiton{width: 100%;margin-top: 24px;padding: 0 36px 36px}
.popup_change_option .cart_info{max-width: 100%;padding: 0 0 24px;border-bottom: solid 1px #adacac}
.popup_change_option .info_text{align-content: flex-start}
.popup_change_option .info_text .title{margin-top: 4px;text-align: start}
#change_opiton .buy_option, #change_opiton .added_optionBox{padding: 24px 0}
#change_opiton .buy_option .title{margin-top: 14px;font-size: 14px;font-weight: bold;max-width: 92px;text-align: left}
#change_opiton .option_listBox{max-width: calc(100% - 92px);left: 92px}
#change_opiton .amount_listBox{left: 92px}
#change_opiton .option_text, #change_opiton .amount_option{height: 48px}
#change_opiton .buy_total{border-bottom: 0;padding-bottom: 2px}
#change_opiton .buy_list div .title, #change_opiton .buy_total .title{width: auto;font-size: 14px;font-weight: bold;margin: 0}
#change_opiton .buy_total .title{margin-top: 7px}
#change_opiton .buy_total .free_send_text{line-height: 1.5;margin-bottom: 24px}

.popup_share .share_box{display: flex;margin: 40px 0 36px}
.popup_share .share_box button, .popup_share .share_box a{max-width: 52px;width: 100%;font-size: 14px;font-weight: 300;display: flex;flex-wrap: wrap;align-content: flex-start;justify-content: center}
.popup_share .share_box button{margin-left: 30px}
.popup_share .share_box button .img, .popup_share .share_box a .img{max-width: 40px;width: 100%;padding-top: calc(100% - 12px);border-radius: 4px;margin-bottom: 8px}
.popup_share .share_box a .img{background: url(/fronts/assets/images/detail/facebook.png) no-repeat center;background-size: 100%}
.popup_share .share_box button .img{background: url(/fronts/assets/images/detail/link.png) no-repeat center;background-size: 100%}
.reviewWriting{margin-top: 24px}
.reviewWriting_star {display: flex;align-items: center;flex-wrap: wrap}
.reviewWriting_starChkBox input{display:none}
.reviewWriting_starChkBox label{position:relative;padding:0 0 0 28px;font-size:14px;font-weight:700;white-space:nowrap;height:20px;display:flex;align-items:center;justify-content:flex-end;margin:0 12px 16px 0}
.reviewWriting_starChkBox label img{width:95px;height:13px}
.reviewWriting_starChkBox label::before{content:"";width:18px;height:18px;border:1px solid #acacac;display:block;border-radius:100%;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.reviewWriting_starChkBox input:checked + label::after{content:"";width:12px;height:12px;background:#313030;display:block;border-radius:100%;position:absolute;left:4px;top:50%;transform:translateY(-50%)}
.reviewWriting_input{margin:24px 0 0;border:1px solid #E6E6E6;border-radius:4px;font-size:14px;padding:12px;width:100%}
.reviewWriting_textArea{resize:none;height:130px}
.btn_reviewWriting{width:100%;max-width:260px;border-radius:4px;background:#313030;color:#fff;font-size:14px;text-align:center;font-weight:700;padding:14px 0;margin:24px auto 0;display:block}

.popup_secession .text{margin-top: 16px;font-size: 14px;max-width: 380px;text-align: center;font-weight: 300;line-height: 1.57}
.popup_secession .btn_box{max-width: 336px;width: 100%;display: flex;justify-content: space-between;margin: 48px 0 36px}
.popup_secession .btn_box button{max-width: calc(50% - 8px);width: 100%;height: 48px;margin: 0;border-radius: 4px;font-size: 16px;font-weight: bold}
.popup_secession .btn_box button:nth-child(1){border: solid 1px #313030;color: #313030}
.popup_secession .btn_box button:nth-child(2){background: #313030;color: #fff}

.popup_secession_complete .text{margin-top: 16px;font-size: 14px;max-width: 380px;text-align: center;font-weight: 300;line-height: 1.57}
.popup_secession_complete .btn_box{max-width: 336px;width: 100%;display: flex;justify-content: space-between;margin: 48px 0 36px}
.popup_secession_complete .btn_box button{width: 100%;height: 48px;margin: 0;border-radius: 4px;font-size: 16px;font-weight: bold}
.popup_secession_complete .btn_box button:nth-child(1){border: solid 1px #313030;color: #313030}
.popup_secession_complete .btn_box button:nth-child(2){background: #313030;color: #fff}

.popup_terms .popup_contants{max-width: 730px}
.popup_terms .text{height: 482px;overflow: hidden;padding: 0 36px;margin-top: 48px;font-size: 14px;line-height: 1.57;color: #8b8b8b;width:100%;-ms-overflow-style:none;}
.popup_terms .text::-webkit-scrollbar{display: none}

.popup_upload .text{margin-top: 13px;font-size: 14px;max-width: 380px;text-align: center;line-height: 1.57}
.popup_upload .image_upload{width: 100%;padding: 0 36px;margin-top: 42px}
.popup_upload .image_upload .multi_file_uploadBox input + label{color: #313030;font-weight: normal}
.popup_upload .btn_box{width: 100%;padding: 0 36px;display: flex;justify-content: space-between;margin: 24px 0 36px}
.popup_upload .btn_box a{max-width: calc(50% - 8px);width: 100%;height: 48px;margin: 0;border-radius: 4px;font-size: 16px;font-weight: bold;display: flex;justify-content: center;align-items: center;cursor: pointer}
.popup_upload .btn_box a:nth-child(1){border: solid 1px #313030;color: #313030}
.popup_upload .btn_box a:nth-child(2){background: #313030;color: #fff}

.popup_wra{width: 100vw;height: 100vh;position: fixed;top: 0;left: 0;z-index: 2000;background: rgba(49, 48, 48, 0.4);display: none;justify-content: center;align-items: center;overflow: scroll;-ms-overflow-style:none;}
.popup_wra::-webkit-scrollbar{display: none}
.popup_contants{max-width: 540px;width: 100%;background: #fff;border-radius: 8px;padding: 20px;display: flex;flex-wrap: wrap;justify-content: center;align-content: space-between}
.popup_contants .closeBox{display: flex;justify-content: flex-end;align-items: flex-start;width: 100%;height: 16px;max-width: 1280px}
.popup_contants .closeBox .btn_close{height: 100%;width: 16px;cursor: pointer;background: url(/fronts/assets/images/all/close.svg) no-repeat center/100%}
.popup_contants .closeBox .btn_close.close_white{width: 20px;height: 20px;background: url(/fronts/assets/images/all/close_w.svg) no-repeat center/100%}
.popup_contants .title{text-align: center;margin-top: 20px;font-size: 24px;font-weight: 300;line-height: 1.33;letter-spacing: -0.72px;width: 100%}
.popup_contants .kind_notice{max-width: calc(100% - 72px);width: 100%;height: 231px;background: #fafafa;border-radius: 8px;padding: 24px;margin-top: 24px}
.popup_contants #toggle_btnBox{width: 100%;border-bottom: solid 1px #e6e6e6;padding-bottom: 20px}
.popup_contants .toggle{display: flex;justify-content: space-between;align-items: center;font-size: 14px;line-height: 1.43}
.popup_contants .toggle:nth-child(n+2){margin-top: 16px}
.popup_contants .caution{font-size: 12px;font-weight: 300;line-height: 1.5;color: #707070;padding-top: 10px}
.popup_sendAddr_list .title{margin: 0 0 5px}
.popup_contants .addr_list{width: 100%;padding: 0 36px;max-height: 600px;height: calc(100% - 159px)}
.popup_contants .addr_box{width: 100%;padding: 24px 0;border-bottom: solid 1px #e6e6e6;display: flex;align-items: center;justify-content: space-between}
.popup_contants .addr_box div{display: flex;flex-wrap: wrap;align-content: center;max-width: calc(100% - 66px)}
.popup_contants .addr_name{font-size: 14px;font-weight: bold}
.popup_contants .addr_name span{color: #20cf7f}
.popup_contants .zip_addr{margin-top: 8px;font-size: 14px}
.popup_contants .reciver_tel{margin-top: 4px;font-size: 14px}
.popup_contants .addr_box .btn_delete{width: 56px;height: 34px;border-radius: 4px;border: solid 1px #313030;font-size: 12px;font-weight: bold}
.popup_contants .paging_box{width: 100%;height: 107px;display: flex;justify-content: center;align-items: center}
.popup_contants .paging_box p{width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;font-size: 14px;cursor: pointer}
.popup_contants .paging_box p.active{font-weight: bold;color: #00cf7f}
.popup_contants .paging_box button{width: 40px;height: 40px;display: flex;justify-content: center;align-items: center}
.popup_contants .paging_box button img{max-width: 10px}
.popup_contants .keep_shopping_btnBox{max-width: 330px;width: 100%;margin: 24px 0 36px;display: flex;align-items: center;justify-content: space-between}
.popup_contants .keep_shopping_btnBox a{max-width: calc(50% - 5px);width: 100%;border-radius: 4px;font-size: 16px;font-weight: bold;display: flex;justify-content: center;align-items: center;height: 48px}
.popup_contants .keep_shopping_btnBox a:first-child{border: solid 1px #20cf7f;color: #20cf7f}
.popup_contants .keep_shopping_btnBox a:last-child{background: #20cf7f;color: #fff}

/*datepicker*/
.ui-datepicker{width: 244px;height: 247px;padding: 0;margin-top: 4px}
.ui-widget.ui-widget-content{border-color: #313030}
.ui-datepicker .ui-datepicker-header{width: 100%;height: 34px;padding: 0;border-radius: 0;background: #fff;border-bottom: solid 1px #e6e6e6;display: flex;justify-content: center;align-items: center}
.ui-datepicker-title{font-family: 'Arita Dotum', sans-serif;font-size: 14px;font-weight: 600}
.ui-datepicker-prev .ui-icon{background: url(/fronts/assets/images/mypage/prev_active.svg) no-repeat center}
.ui-datepicker-next .ui-icon{background: url(/fronts/assets/images/mypage/next_active.svg) no-repeat center}
.ui-datepicker table{padding: 10px;border-collapse: separate}
.ui-datepicker th{width: 20px;height: 20px;padding: 6px;font-size: 12px;font-weight: bold;color: #2e2e2e}
.ui-datepicker td{padding: 6px}
.ui-datepicker td.ui-datepicker-current-day{padding: 4px}
.ui-datepicker td .ui-state-default{width: 20px;height: 20px;padding: 0;display: flex;justify-content: center;align-items: center;font-size: 12px;color: #2e2e2e;border: none;background: none}
.ui-datepicker td .ui-state-active{width: 24px;height: 24px;border-radius: 50%;background: #313030;color: #fff}
.ui-widget-content td.ui-state-disabled{opacity: 1}
.ui-widget-content td.ui-state-disabled .ui-state-default{color: #acacac}

/* survey */
.btn_survey_save{position: fixed;bottom: 72px;right: 84px;width: 80px;height: 80px;border-radius: 50%;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);background: #313030;font-size: 14px;font-weight: bold;color: #fff;display: none}
.btn_survey_done{position: absolute;right: 84px;top: 32px;width: 160px;height: 48px;border-radius: 4px;background: #00cf7f;font-size: 16px;font-weight: bold;color: #fff;display: none}
.survey_bg{max-width: 50%;width: 100%;height: calc(100vh - 70px);padding: 0 85px;background: #f5f5f5;position: relative}
.btn_survey_prev{display: flex;align-items: center;font-size: 16px;font-weight: bold;cursor: pointer;position: absolute;top: 44px;left: 85px}
.btn_survey_prev img{max-width: 7px;width: 100%;margin-right: 5px}
.survey_bg .page_info{max-width: 510px;width: 100%;margin: 124px auto 0;padding-right: 63px}
.survey_num{display: flex}
.survey_num span{width: 24px;height: 24px;display: flex;justify-content: center;align-items: center;font-size: 12px;color: #acacac;border-radius: 50%}
.survey_num span.this_p{background: #313030;color: #fff}
.survey_num span:nth-child(n+2){margin-left: 6px}
.survey_bg .page_info .title{margin-top: 16px;font-size: 36px;font-weight: 300;letter-spacing: -1.08px;line-height: 1.33}
.survey_bg .page_info .text{margin-top: 8px;font-size: 14px;line-height: 1.57;word-break: break-all}
.survey_bg .page_info .text a{text-decoration: underline !important}
.survey_bg .page_info .text b{text-decoration: underline !important}
#survey_box{max-width: 50%;width: 100%;position: relative}
.btn_survey_next{display: flex;align-items: center;font-size: 16px;font-weight: bold;color: #00cf7f;cursor: pointer;position: absolute;top: 44px;right: 85px}
.btn_survey_next img{max-width: 7px;width: 100%;margin-left: 5px;padding-top: 2px}
.survey_contant{display: block;height: calc(100vh - 70px);margin: 0 auto;overflow-y: scroll;width: 100%;display: none;padding: 0 84px 0 80px;-ms-overflow-style:none;scrollbar-width:none}
.survey_contant::-webkit-scrollbar{display:none}
.upload_text{margin-top: 8px;font-size: 12px;line-height: 1.5;color: #707070}
.upload_textCaption{font-size: 14px;font-weight: 400;display: block;width: 100%;padding-left: 92px;margin: 12px 0 0}
.survey_contant .questioner_info{max-width: 470px;margin: 0 auto;padding: 124px 120px 108px 0}
.survey_contant .inputBox{display: flex;flex-wrap: wrap;align-content: flex-start}
.survey_contant .inputBox:nth-child(n+2){margin-top: 30px}
.survey_contant .inputBox .input_title{width: 100%;display: block;align-items: center;font-size: 14px;font-weight: bold}
.survey_contant .inputBox p.input_title{display: block}
.survey_contant .inputBox p.input_title span{display: inline-block;vertical-align: middle;margin-bottom: 5px}
.popup_password .inputBox input[type='text'] , .survey_contant .inputBox input[type='text']{width: 100%;height: 48px;margin-top: 8px;border-radius: 4px;border: solid 1px #e6e6e6;padding: 0 12px;font-size: 14px}
.popup_password .inputBox input[type='text']::placeholder, .survey_contant .inputBox input[type='text']::placeholder, .survey_contant .inputBox textarea::placeholder{color: #acacac}
.survey_contant .inputBox textarea{width: 100%;resize: none;height: 94px;border-radius: 4px;border: solid 1px #e6e6e6;padding: 12px;font-size: 14px;margin-top: 8px}
.survey_contant .inputBox .radioBox{max-width: 78%;width: 100%;display: flex;align-items: center;margin-top: 16px}
/*.survey_contant .inputBox .radioBox:last-child{max-width: 100%}*/
.survey_contant .inputBox input[type='radio'], .survey_contant .inputBox input[type='checkbox']{display: none}
.survey_contant .inputBox input[type='radio'] + label, .survey_contant .inputBox input[type='checkbox'] + label{min-width: 20px;height: 20px;background: url(/fronts/assets/images/survey/radio.svg) no-repeat center/100%;margin-right: 8px;cursor: pointer}
.survey_contant .inputBox input[type='radio']:checked + label, .survey_contant .inputBox input[type='checkbox']:checked + label{background: url(/fronts/assets/images/survey/radio_select.svg) no-repeat center/100%}
.survey_contant .inputBox .radioBox p, .survey_contant .inputBox .checkBox p,.survey_contant .inputBox .radioBox .textLabel, .survey_contant .inputBox .checkBox .textLabel{font-size: 14px}
.survey_contant .inputBox .checkBox{width: 100%;display: flex;align-items: center;margin-top: 16px}
.survey_contant .inputBox .radioBox input[type='text'], .brand_info .inputBox .brand_name_box input[type='text']{margin: 0}
.survey_contant .brand_info{max-width: 480px;margin: 0 auto;margin: 0 auto;padding: 124px 4px 108px 0;}
.survey_contant .brand_info .inputBox:nth-child(n+2), .survey_contant .logo_color_info .inputBox:nth-child(n+2){margin-top: 40px}
.multi_file_uploadBox{display: flex;justify-content: space-between;width: 100%;margin-top: 10px}
.multi_file_uploadBox input{display: none}
.multi_file_uploadBox input + label{display: flex;align-items: center;font-size: 14px;font-weight: bold;color: #00cf7f;cursor: pointer;text-decoration: underline !important}
.multi_file_uploadBox input + label img{max-width: 16px;width: 100%;margin-right: 5px}
.multi_file_uploadBox p{font-size: 14px;cursor: pointer}
.multi_file_box{width: 100%;height: 96px;margin-top: 8px;border-radius: 4px;border: solid 1px #e6e6e6;padding: 11px 13px;overflow: scroll;-ms-overflow-style:none;}
.multi_file_box::-webkit-scrollbar{display: none}
.multi_file_box .imgFile_name{display: flex;margin-top: 0}
.multi_file_box .imgFile_name:nth-child(n+2){margin-top: 8px}
.inputBox .brand_name_box{max-width: 100%;width: 100%;display: flex;align-items: center;margin-top: 8px}
.inputBox .brand_name_box p,.brand_info .inputBox .periodBox .period p,.inputBox .brand_name_box .textLabel,.brand_info .inputBox .periodBox .period .textLabel{margin-right: 10px;font-size: 14px}
.brand_info .inputBox .periodBox{width: 100%;display: flex;justify-content: space-between;margin-top: 8px}
.brand_info .inputBox .periodBox .period{display: flex;align-items: center}
.brand_info .url_box input[type='text']{padding-left: 45px; margin-top:12px}
.brand_info .url_box input[type='text']:first-child{margin-top:8px}
.brand_info .url_box input[type='text']:last-child{padding-left: 12px}
.survey_filter{padding: 40px 0;display: none}
.logo_style{padding: 24px 0;display: flex;align-items: center;border-bottom: solid 1px #e6e6e6;flex-wrap: wrap}
.style_iconArea{width: 100%;padding: 16px 0 0 60px;}
.style_iconBox{display: flex;align-items: center;margin: 12px 0 0;}
.style_iconBox:first-child{margin: 0;}
.style_iconBox img{width: 80px;}
.style_iconTextBox{width: calc(100% - 80px);padding: 0 0 0 7px;}
.style_icon_title{font-size: 12px;line-height: 16px;font-weight: 500}
.style_icon_text{font-size: 12px;line-height: 16px;font-weight: 300}
.logo_feel{padding: 8px 0;display: flex;align-items: center}
.logo_feel:nth-child(2){margin-top: 16px}
.filter_title{width: 60px;font-size: 14px;font-weight: bold}
.filter_radio{width: 100%;display: flex;align-items: center}
.filter_radio input{display: none}
.textLabel{cursor: pointer;color: #3a3a3a}
.filter_radio input + label{height: 40px;padding: 0 16px;border-radius: 50px;border: solid 1px #e6e6e6;font-size: 12px;color: #707070;display: flex;align-items: center;cursor: pointer}
.filter_radio input:nth-child(n+2) + label{margin-left: 8px}
.filter_radio input:checked + label{border-color: #313030;color: #313030}
.survey_filter .help_text{margin: 110px 0 72px;display: flex;align-items: center;font-size: 14px;text-decoration: underline !important;cursor: pointer}
.survey_filter .help_text img{max-width: 20px;width: 100%;margin-right: 4px}
.select_design_logo{max-width: 430px;width: 100%;margin: 0 auto;padding: 124px 4px 108px 0;}
.selected_box .top_text{width: 100%;display: flex;justify-content: space-between}
.selected_box .top_text .select_img_text{font-size: 14px}
.selected_box .top_text .select_img_text span{font-weight: bold;margin-right: 13px}
.selected_box .top_text .linkupdate{display: flex;align-items: center;font-family: 'Arita Dotum', sans-serif;font-size: 12px;font-weight: 600}
.selected_box .top_text .linkupdate img{max-width: 12px;width: 100%;margin-right: 4px}
.selected_box .select_img_box{display: flex;justify-content: space-between;margin-top: 12px}
.selected_box .select_img_box .select_img{position: relative;max-width: calc(10% - 7.5px);width: 100%;padding-bottom: calc(10% - 7.5px);background-image: url(/fronts/assets/images/survey/empty_img.svg);background-repeat: no-repeat;background-position: center;background-size: 100%;border-radius: 4px;border:1px solid transparent}
.select_design_logo .sample_box{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-content: flex-start}
.select_design_logo .sample_box .sample{max-width: calc(50% - 15px);width: 100%;padding-top: calc(50% - 15px);margin-top: 30px;border-radius: 8px;border: solid 1px #e6e6e6;background-repeat: no-repeat;background-position: center;background-size: contain;cursor: pointer}
.select_design_logo .sample_box .sample.select{border-color: #313030}
.logo_color_info{margin: 0 auto;padding: 124px 4px 108px 0;max-width: 480px;width: 100%}
.main_color_box{width: 100%;margin-top: 12px}
.main_color{width: 100%;display: flex;align-items: center;margin-top: 12px}
.survey_contant .inputBox input[name='main_color'] + .color_filter, .survey_contant .inputBox input[name='sub_color'] + .color_filter{width: 36px;height: 36px;display: flex;margin: 0 10px 0 0;background: none}
.survey_contant .inputBox input[name='main_color']:checked + .color_filter, .survey_contant .inputBox input[name='sub_color']:checked + .color_filter{border-color: #313030;background: none}
.color_tone_box{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;align-content: flex-start;margin-top: 16px;width: 100%}
.survey_contant .color_tone_box .color_ex{max-width: calc(11.11% - 12.44px);width: 100%;padding-top: calc(11.11% - 12.44px);background: #e6e6e6;border-radius: 4px}
.tone_ex{margin: 8px 0;font-size: 12px;font-weight: bold;width: 100%;display: flex;justify-content: space-between}
.tone_ex span:nth-child(2){padding-left: 14px}
.tone_radio{width: 100%;display: flex;align-items: center;margin-top: 16px}
.tone_radio p{font-size: 14px}
.color_textInput{width: 100%;display: flex;align-items: center;margin-top: 16px;position: relative}
.color_textInput p{width: 64px;font-size: 14px}
.survey_contant .color_textInput input[type='text']{max-width: 120px;width: 100%;border-color: #313030;margin: 0}
.color_textInput .color_ex{width: 24px;height: 24px;background: #000;position: absolute;left: 148px;border: solid 1px #313030;border-radius: 2px}
.using_logo_info{margin: 0 auto;padding: 124px 4px 127px 0;max-width: 480px;width: 100%}
.survey_contant .agree_box{padding: 0;border: 0}
.survey_contant .inputBox .agree_box input[type='checkbox'] + label{background: url(/fronts/assets/images/survey/non-check.svg)}
.survey_contant .inputBox .agree_box input[type='checkbox']:checked + label{background: url(/fronts/assets/images/survey/check.svg)}
.brand_type_container{max-width: 352px;width: 100%;display: flex;justify-content: space-between;margin: 16px auto 0}
.brand_type_box{display: flex;flex-wrap: wrap;justify-content: center;max-width: calc(50% - 16px);width: 100%}
.brand_type_box .type_ex{width: 100%;padding-top: 100%;margin-bottom: 16px;border-radius: 4px;background: #f5f5f5}
.using_brand_infoBox{width: 100%;display: flex;align-items: center;margin-top: 8px}
.using_brand_infoBox p{width: 64px;font-size: 14px}
.survey_contant .using_brand_infoBox input[type='text']{margin-top: 0}
.using_logo_info .brand_name_box p,.using_logo_info .brand_name_box .textLabel{max-width: 40px;width: 100%;margin-right: 0;color: #3a3a3a}
.survey_contant .situationBox .radioBox{max-width: 100%}
/* candidate */
.candidate_container{background: #313030;width: 100%;}
/*.candidate_container{background: #313030;width: 100%;padding: 70px 0 0}*/
.candidate_box{min-width: 1024px;width: 100%;margin: 0 auto;min-height: calc(100vh - 70px);display: flex;justify-content:flex-start;position: relative}

.candidate_box .candidate_next{background: url(/fronts/assets/images/all/next_active.svg) no-repeat center/20px;right: 40px}
.candidate_box .candidate_next.swiper-button-disabled{background: url(/fronts/assets/images/all/next.svg) no-repeat center/20px;opacity: 1}
.candidate_box .candidate_prev{background: url(/fronts/assets/images/all/prev_active.svg) no-repeat center/20px;left: 40px}
.candidate_box .candidate_prev.swiper-button-disabled{background: url(/fronts/assets/images/all/prev.svg) no-repeat center/20px;opacity: 1}
.candidate_box .main_box{position: absolute !important;left: 0;height: 100%;top: 0}
.candidate_box .main_box.col1{max-width: 100%;width: 100%}
.candidate_box .main_box.col1 .name_candidate_item{max-width: 1280px;margin: 0 auto;left: 50%;transform: translateX(-50%);}
.candidate_box .sub_box{max-width: calc(100% - 85px);padding: 0 0 0 50%;width: 100%;overflow-y: scroll;height: calc(100vh - 70px);-ms-overflow-style:none;scrollbar-width:none;position: relative;z-index: 1;}
.candidate_box .sub_box::-webkit-scrollbar{display:none}
.candidate_box .sub_box.col1{padding: 0;max-width: 1280px;margin: 0 auto;display: flex;align-items: center;justify-content: center;}
.sub_box.col1 .survey_filter{padding: 66px 85px 62px;margin: 0;}
.sub_box.col1 .survey_filter .naming_concept, .portfolid_text .naming_concept{margin: 0;}

.main_box, .sub_box{max-width: 50%;width: 50%;display: flex;flex-wrap: wrap;align-content: space-between}
.sub_box{padding-right: 85px;  max-width: 680px}
.main_box .title{width: 100%;font-size: 64px;font-weight: 300;line-height: 1.25;color: #fff;margin: 63px 0 0 105px}
.main_box .text{width: 100%;font-size: 32px;font-weight: 300;line-height: 1.5;color: #fff;margin: 69px 0 0 105px}
.main_box .down_arrow{width: 28px;height: 29px;margin-left: 105px;background: url(/fronts/assets/images/all/scrollDown_w.svg) no-repeat center/100%}
.sub_box .final_date{width: 100%;font-size: 18px;line-height: 1.78;color: #fff;margin: 79px 0 0 80px}
.sub_box .text_box{width: 100%;margin-left: 80px}
.sub_box .text_box .text{font-size: 14px;line-height: 1.57;color: #fff}
.sub_box .candidate_copyright{font-size: 12px;font-weight: 300;line-height: 1.5;color: #fff;margin-top: 40px}
.sub_box .candidate_copyright span{font-size: 10px;margin-top: 3px}
.sub_box .brand_direction .dir_text{margin-top: 24px;font-size: 16px;line-height: 1.5;color: #fff;word-break: break-all}
.sub_box .brand_direction .title{margin-top: 24px;font-size: 14px;line-height: 1.71;color: #e6e6e6}
.sub_box .brand_direction .text{margin: 4px 0 32px;font-size: 16px;font-weight: bold;line-height: 1.5;color: #fff}
.sub_box .brand_direction .name_keyword, .portfolid_text .name_keyword{display: flex;flex-wrap: wrap;align-content: flex-start}
.sub_box .brand_direction .name_keyword p, .portfolid_text .name_keyword p{padding: 0 16px;height: 40px;border-radius: 50px;border: solid 1px #acacac;font-size: 12px;font-weight: bold;color: #fff;margin: 8px 8px 0 0;white-space: nowrap;display: flex;align-items: center}
.sub_box .survey_filter{display: block;width: 100%;margin-left: 80px;padding: 0}
.sub_box .survey_filter .table_title{font-size: 16px;font-weight: bold;line-height: 1.5;color: #fff;border-bottom: solid 1px #fff;padding: 10px 0}
.sub_box .survey_filter .table_text{font-size: 16px;line-height: 1.5;color: #fff;padding: 24px 0 32px}
.sub_box .survey_filter .naming_concept, .portfolid_text .naming_concept{width: 100%;display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 146px}
.sub_box .survey_filter .naming_concept .concept, .portfolid_text .naming_concept .concept{max-width: calc(33.33% - 18.66px);width: 100%;display: flex;flex-wrap: wrap;align-content: flex-start;justify-content: center}
.sub_box .survey_filter .naming_concept .concept_img, .portfolid_text .naming_concept .concept_img{max-width: 85.71%;width: 100%;padding-top: 85.71%;border-radius: 50%;background: #fff;position: relative}
.sub_box .survey_filter .naming_concept .concept_img::before{position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;background: url(/fronts/assets/images/watermark.png) center/70%;}
.sub_box .survey_filter .naming_concept .title, .portfolid_text .naming_concept .title{width: 100%;margin-top: 10px;text-align: center;font-size: 16px;font-weight: bold;line-height: 1.5;color: #fff}
.sub_box .survey_filter .naming_concept .text, .portfolid_text .naming_concept .text{width: 100%;margin-top: 4px;text-align: center;font-size: 14px;color: #e6e6e6;line-height: 1.57}
.sub_box .survey_filter .logo_style{border-color: #4a4a4a}
.sub_box .filter_radio input:checked + label{border-color: #fff;background: #fff;font-weight: bold}
.sub_box .filter_title{color: #fff;width: 72px;font-weight: normal}
.sub_box .filter_radio input + label{border-color: #4a4a4a;color: #4a4a4a;cursor: default}
.sub_box .filter_radio input:checked + label{color: #313030;border: 0}
.sub_box .logo_color, .sub_box .logo_tone, .portfolid_text .logo_color, .portfolid_text .logo_tone{display: flex;align-items: center;padding: 24px 0;border-top: solid 1px #4a4a4a}
.sub_box .logo_color .color_filter{cursor: default}
.sub_box .logo_color .color_filter:hover, .portfolid_text .color_filter:hover{background: none}
.candidate_paging{width: 100%;display: flex;justify-content: flex-end;margin-top: 75px;padding-right: 85px}
.candidate_paging .box{width: 32px;display: flex;flex-wrap: wrap;align-content: flex-start}
.candidate_paging .box button, .candidate_paging .box div{width: 32px;height: 32px;border: solid 1px #707070;cursor: pointer}
.candidate_paging .box button{background-repeat: no-repeat;background-position: center;background-size: 12px}
.candidate_paging .box button:first-child, .candidate_paging .box div:first-child{border-bottom: 0px;height: 31px}
.candidate_paging .box .page{font-size: 12px;color: #fff;margin-top: 9.5px;letter-spacing: -0.3px}
.candidate_paging .candidate_prev{background: url(/fronts/assets/images/all/up_active.svg) no-repeat center}
.candidate_paging .candidate_prev.swiper-button-disabled{background: url(/fronts/assets/images/all/up.svg) no-repeat center}
.candidate_paging .candidate_next{background: url(/fronts/assets/images/all/down_active.svg) no-repeat center}
.candidate_paging .candidate_next.swiper-button-disabled{background: url(/fronts/assets/images/all/down.svg) no-repeat center}
.candidate_explain{margin: 0 0 40px 80px;width: 100%;display: flex;justify-content: flex-end;flex-direction: column}
.candidate_explain .title{font-size: 24px;font-weight: 300;line-height: 0.75;color: #fff;font-family:"Gilroy",'SpoqaHanSans',"Sans-serif";}
.candidate_explain .text{font-size: 14px;font-weight: 300;line-height: 1.8;color: #fff;margin-top: 20px}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {   
    .candidate_explain .text{max-width: calc(50% - 122px)}
}
.candidate_explain .text_box{margin: 0;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;align-content: flex-start}
.candidate_explain .text_box .candidate_text{max-width: calc(50% - 13px);width: 100%;margin-top: 16px}
.candidate_explain .candidate_text .candi_title{font-size: 12px;color: #acacac}
.candidate_explain .candidate_text .candi_text{margin-top: 4px;font-size: 14px;font-weight: bold;line-height: 1.71;color: #fff}
.candidate_explain .candidate_text:nth-child(4) .candi_text{color: #e6e6e6;line-height: 1.57}
.candidate_explain .candidate_text:nth-child(n+5) .candi_text{font-weight: normal;line-height: 1.57}
.candidate_explain .btn_box{display: flex;margin-top: 64px}
.candidate_explain .btn_box button{display: flex;align-items: center}
.candidate_explain .btn_box button img,.candidate_explain .btn_box a img{max-width: 12px;width: 100%;margin-right: 4px}
.candidate_explain .btn_box .btn_final_select{font-size: 14px;color: #00cf7f;margin-right: 20px;white-space: nowrap;text-decoration: underline !important}
.candidate_explain .btn_box .btn_see_total{font-size: 14px;color: #fff;margin-right: 20px;white-space: nowrap}
.candidate_explain .btn_box .btn_share{color: #fff;white-space: nowrap}
.candidate_explain .btn_box .btn_share{font-size: 14px}
.candidate_explain .btn_box a{display: flex;font-size: 14px;color: #fff;margin-left: 20px;white-space: nowrap}
.detail_info .btn_share{display: flex;
  align-items: center;
  font-size: 14px;}
.detail_info .btn_share img{  max-width: 10px;
  width: 100%;
  margin-right: 5px;}
.news_detail_hashtagBox .btn_share{display: flex;
  align-items: center;
  font-size: 12px;}
.news_detail_hashtagBox .btn_share img{  max-width: 10px;
  width: 100%;
  margin-right: 5px;}

.candidate_top{width: 100%;height: 100%;position: relative}
.slog_candidate::after{position: absolute;content: '';width: 100%;height: 100%;background: #313030;opacity: 0.45;top: 0;left: 0}
.candidate_slide{width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;position: relative; z-index: 1;}
.candidate_slide::before{position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;background: url(/fronts/assets/images/watermark.png) center/30%;z-index: 1}
.candidate_slide::after{position: absolute;content: '';width: 100%;height: 100%;background: #313030;opacity: 0.45;top: 0;left: 0}
.candidate_slide_logo::after{background: none}
.candidate_slide .name_candidate_item{position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: flex;justify-content: center;align-items: center;font-size: 56px;font-weight: bold;color: #fff;text-align: center;padding: 0 85px;z-index: 1}
.candidate_opacity_background{position: absolute;width: 100%;height: 100%;opacity: 0.7;top: 0;left: 0}
.candidate_thumbs{width: 188px;height: 56px;bottom: 96px}
.candidate_thumbs .thumbs_slide{border-radius: 4px;border: solid 1px #313030;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: 100%;cursor: pointer}
.cadidate_slide_section .candidate_paging{right: 0;position: absolute;top: 0;z-index: 10}
.cadidate_slide_section{position: relative;width: 100%}
.cadidate_slide_section .swiper-slide{display: flex;justify-content:flex-start}
.cadidate_slide_section .swiper-container{height: calc(100vh - 70px)}
.cadidate_slide_section .candidate_paging .candidate_pagingPrev{background: url(/fronts/assets/images/all/up_active.png) no-repeat center}
.cadidate_slide_section .candidate_paging .candidate_pagingPrev.swiper-button-disabled{background: url(/fronts/assets/images/all/up.svg) no-repeat center}
.cadidate_slide_section .candidate_paging .candidate_pagingPext{background: url(/fronts/assets/images/all/down_active.svg) no-repeat center}
.cadidate_slide_section .candidate_paging .candidate_pagingPext.swiper-button-disabled{background: url(/fronts/assets/images/all/down.svg) no-repeat center}
.cadidate_slide_section .candidate_paging .box .page{text-align: center;width:100%;white-space: nowrap;position: relative;top: 9.5px;left: 50%;transform: translateX(-55%)}
.candidate_thumbs_box{display: inline-flex;align-items: center;justify-content: center;position: absolute;bottom: 40px;left: 50%;transform: translateX(-50%);z-index: 10;height: 56px}
.cadidate_slide_section .candidate_thumbs_box .swiper-container{height: auto}
.btn_candidateThumbs{background-repeat: no-repeat;background-size: cover;background-position: center;width: 56px;height: 56px;border-radius: 4px;border: 1px solid transparent;margin: 0 0 0 8px;cursor: pointer}
.btn_candidateThumbs.swiper-slide-thumb-active{border-color: #313030}
.btn_candidateThumbs:first-child{  margin: 0}
.cadidate_slide_cover{position: fixed;top: 70px;left: 0;width:100%;height: calc(100% - 70px);z-index: 1000;display: none}
.popup_logo_final .popup_contants{padding-bottom: 0;align-content: flex-start;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;height: 87vh;max-height: 100%;top: auto}
.popup_logo_final .closeBox{position: fixed;left: 50%;transform: translateX(-50%);top: 0;width: calc(100% - 170px)}
.popup_logo_final .closeBox .btn_finalBack{height: 22px;position: absolute;left: 0;top: 0;display: none}
.popup_logo_final .closeBox .btn_finalBack img{height: 100%}
.popup_logo_final #candidate_logo_finalform{height: 100%}
.popup_logo_final #candidate_logo_finalform .page{display: none;position: relative;height: 100%}
.popup_logo_final .main_box{position: fixed;left: 50%;transform: translateX(-50%);top: 0;width: 100%;max-width: 1110px;z-index: 1}
.popup_logo_final .sub_box{position: relative;width: 100%;max-width: 100%;padding: 0 20px 100px calc(105px + 50%);overflow-y: scroll;height: 100%;z-index: 2;-ms-overflow-style:none}
.popup_logo_final .sub_box::-webkit-scrollbar{display:none}
.popup_logo_final #candidate_logo_finalform .page:first-child{display: flex}
.popup_wra.popup_logo_final{overflow: hidden}
.popup_wra.popup_logo_final_10 .popup_contants{max-width: 1280px}
.popup_wra.popup_logo_final .popup_contants{overflow: hidden;height: calc(100vh - 32px)}
.popup_wra.popup_logo_final.popup_logo_fiveFinal .popup_contants{max-height: 800px;position: relative;top: 0;transform: translateX(-50%);padding-bottom: 157px;bottom: auto;margin: 0}
#candidate_logo_fivefinalform input[type="radio"], #candidate_logo_fivefinalform input[type="checkbox"]{display: none}
#candidate_logo_fivefinalform input[type='radio'] + label, #candidate_logo_fivefinalform input[type='checkbox'] + label{display: inline-block;width: 24px;height: 24px;background: url(/fronts/assets/images/all/check_w.svg) no-repeat center/100%;background-size: 100%;cursor: pointer}
#candidate_logo_fivefinalform input[type='radio']:checked + label, #candidate_logo_fivefinalform input[type='checkbox']:checked + label{background-image: url(/fronts/assets/images/all/check_active_w.svg)}
#candidate_logo_fivefinalform .same_namecard_text{font-size: 14px;max-width: calc(100% - 28px);width: 100%}

#candidate_name_finalform .page:first-child{display: flex}
.popup_name_round .popup_contants{padding-bottom: 0;align-content: flex-start;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;height: 87vh;max-height: 100%;top: auto}
.popup_name_round .closeBox{position: fixed;left: 50%;transform: translateX(-50%);top: 5px;width: calc(100% - 170px)}
.popup_name_round .closeBox .btn_finalBack{height: 22px;position: absolute;left: 0;top: 0;display: none}
.popup_name_round .closeBox .btn_finalBack img{height: 100%}
.popup_name_round #candidate_name_form{height: 100%}
.popup_name_round #candidate_name_form .page{display: none;position: relative;height: 100%}
.popup_name_round .main_box{position: fixed;left: 50%;transform: translateX(-50%);top: 0;width: 100%;max-width: 1110px;z-index: 1}
.popup_name_round .sub_box{position: relative;width: 100%;max-width: 100%;padding: 0 20px 100px calc(105px + 50%);overflow-y: scroll;height: 100%;z-index: 2;-ms-overflow-style:none}
.popup_name_round .sub_box::-webkit-scrollbar{display:none}
.popup_name_round #candidate_name_form .page:first-child{display: flex}
.popup_wra.popup_name_round{overflow: hidden}
.popup_wra.popup_name_round .popup_contants{overflow: hidden;height: calc(100vh - 32px)}

.popup_name_final .popup_contants{padding-bottom: 0;align-content: flex-start;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;height: 87vh;max-height: 100%;top: initial}
.popup_name_final .closeBox{position: fixed;left: 50%;transform: translateX(-50%);top: 5px;width: calc(100% - 170px)}
.popup_name_final .closeBox .btn_finalBack{height: 22px;position: absolute;left: 0;top: 0;display: none}
.popup_name_final .closeBox .btn_finalBack img{height: 100%}
.popup_name_final #candidate_name_finalform{height: 100%}
.popup_name_final #candidate_name_finalform .page{display: none;position: relative;height: 100%}
.popup_name_final .main_box{position: fixed;left: 50%;transform: translateX(-50%);top: 0;width: 100%;max-width: 1110px;z-index: 1}
.popup_name_final .sub_box{position: relative;width: 100%;max-width: 100%;padding: 0 20px 100px calc(77px + 50%);overflow-y: scroll;height: 100%;z-index: 2;-ms-overflow-style:none}
.popup_name_final .sub_box::-webkit-scrollbar{display:none}
.popup_name_final #candidate_name_finalform .page:first-child{display: flex}
.popup_wra.popup_name_final{overflow: hidden}
.popup_wra.popup_name_final .popup_contants{overflow: hidden;height: calc(100vh - 32px)}

/*portfolio*/
.portfolio_container{width: 100%;margin: auto}
.portfolio_container .btn_exit_portfolio{position: fixed;left: 32px;top: 32px;width: 15px;height: 24px;background: url(/fronts/assets/images/all/back_w.svg) no-repeat center/12px;z-index: 20;cursor: pointer}
.portfolio_contant{width: 100%;height: 100%;display: flex;justify-content: flex-start;position: relative}
.portfolio_contant.max_portfolio_bg{height: 100vh;background-position: center;background-repeat: no-repeat;background-size: cover;display: flex;justify-content: center;align-items: center}
.portfolio_bg{max-width: 50%;width: 100%;height: 100vh;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;display: flex;justify-content: center;align-items: center}
.brand_logo_box{max-width: 56.25%;width: 100%}
.brand_name_box{font-size: 72px;color: #fff;font-weight: bold}
.portfolid_text{max-width: 50%;width: 100%;min-height: 100%;display: flex;flex-wrap: wrap;align-content: space-between;justify-content: space-between;padding: 100px 84px 64px 80px;max-width: 764px;padding: 100px 84px 64px calc(80px + 50%);max-width: calc(50% + 764px);position: absolute;z-index: 10}
.portfolid_text.active{overflow-y: hidden}
.portfolid_text{height: 100vh;overflow-y: scroll;-ms-overflow-style:none;scrollbar-width:none}
.portfolid_text::-webkit-scrollbar{display:none}
.scroll_cover{position: fixed;top: 0;left: 0;z-index: 9999;width:100%;height: 100%;display: none}
.scroll_cover.active{display: block}
.portfolid_text .title{font-size: 36px;font-weight: 300;line-height: 1.33;width: 100%}
.portfolid_text .text{font-size: 14px;line-height: 1.8;font-weight: 300;width: 100%;word-break: break-all}
.project_detail .title{font-size: 12px;font-weight: bold;margin-bottom: 8px}
.project_detail .detail{margin-top: 4px;font-size: 12px}
.project_detail .detail span{max-width: 57px;width: 100%;display: inline-block}
.project_detail .copyright{margin-top: 16px;font-size: 10px}
.scroll_down{width: 26px;height: 28px;position: absolute;bottom: 64px;right: 84px;background: url(/fronts/assets/images/all/scroll_down.svg) no-repeat center/100%}
.portfolid_text .survey_filter{display: block;width: 100%;padding: 0}
.portfolid_text .survey_filter:nth-child(2){padding-top: 72px}
.portfolid_text .table_title{font-size: 16px;font-weight: bold;padding-bottom: 10px;border-bottom: solid 1px #707070}
.portfolid_text .table_text{font-size: 16px;margin-top: 24px;line-height: 1.5}
.portfolid_text .brand_direction .title{font-size: 14px;line-height: 1.71;margin-top: 32px}
.portfolid_text .brand_direction .title:first-child{margin-top: 24px}
.portfolid_text .brand_direction .text{font-size: 16px;font-weight: bold;line-height: 1.5;margin-top: 4px}
.portfolid_text .filter_title{width: 72px;font-weight: normal}
.portfolid_text .logo_color, .portfolid_text .logo_tone{border-color: #e6e6e6}
.portfolid_text .color_filter{border-color: #313030}
.more_story{width: 100%}
.more_story .story_title{font-size: 14px}
.more_story .story_title:nth-child(n+2){margin-top: 48px}
.story_box{display: flex;justify-content:flex-start;width: 100%;margin-top: 12px}
.story_box .img{max-width: calc(25% - 9px);width: 100%;margin: 0 0 0 12px;padding-top: calc(25% - 9px);border-radius: 8px;background-repeat: no-repeat;background-size: cover;background-position: center}
.story_box .img:first-child{margin: 0}
.portfolid_text .name_keyword p{color: #313030}
.portfolid_text .naming_concept{margin: 32px 0 0}
.portfolid_text .naming_concept .concept_img{background: #fff;background-repeat: no-repeat;background-size: 70%;background-position: center;}
.portfolid_text .naming_concept .title{color: #313030}
.portfolid_text .naming_concept .text{color: #313030;word-break: keep-all}

/* editor */
.editor_header{height:70px;position:fixed;width:100%;left:0;top:0;box-shadow:0 3px 10px 0 rgba(0,0,0,0.08);display:flex;align-items:center;justify-content:space-between;background:#fff;z-index:1000}
.editor_back{width:9px}
.editor_back img{width:100%}
.editor_header_titleInfo{margin:0 0 0 3.75em;display:flex;align-items:center}
.editor_header_title{font-size:.875em;font-weight:700}
.btn_change_design{font-size:.875em;font-weight:600;color:#20cf7f;text-decoration:underline;margin:0 0 0 9px}
.editor_header_titleInfo{margin:0 0 0 3.75em;display:flex;align-items:center}
.editor_header_fileTitleBox{display:flex;align-items:center}
.editor_header_fileTitle{margin:0 0 0 8px;border:0;font-size:.875em;font-weight:300;width:100%;max-width:119px}
.editor_header_designName{font-size:.875em;font-weight:300;margin:0 0 0 19px}
.btn_editor_headerFileTitle{width:12px;margin:0 0 0 10px}
.btn_editor_headerFileTitle img{width:100%}
.editor_header_section{padding:0 5.313em 0 0;display:flex;align-items:center;justify-content:flex-end}
.editor_header_section:first-child{padding:0 0 0 24px;display:flex;align-items:center;justify-content:flex-start}
.btn_save{color:#fff;font-weight:700;background:#20cf7f;border-radius:4px;width:106px;height:46px;display:flex;align-items:center;justify-content:center}
.editor_contents{padding:70px 0 0;display:flex}
.editor_area{width:50%;background:#fff;padding:40px 20px 80px}
.editor_area:first-child{background:#f8f8f8;padding:0}
.editor_viewItemBox{height:590px;display:flex;align-items:center;justify-content:center;flex-direction:column}
.editor_inputBox.colRow2 .editor_chkBox{width:calc(25% - 6.75px);margin:0 0 0 9px}
.editor_inputBox.colRow2 .editor_chkBox:first-child{margin:0}
.editor_view_errMsg{font-size:12px;font-weight:600;display:flex;align-items:center;margin:0 0 2.5em;display: none;padding:0 2.25em}
.editor_view_errMsg img{width:16px;margin:0 4px 0 0}
.err .editor_view_errMsg{display: block}
.editor_viewItem{width:100%;width:410px;min-width:410px;position:relative;margin: 23px auto 0}
.editor_viewItem_width{font-size:12px;font-weight:300;color:#adacac;text-align:center;display:inline-block;background:#f8f8f8;padding:0 7px;z-index:1;position:relative}
.editor_viewItem_height{font-size:12px;font-weight:300;color:#adacac;text-align:center;display:inline-block;background:#f8f8f8;padding:0 7px;z-index:1;position:relative}
.editor_viewItem_widthBox{text-align:center;position:absolute;width:100%;top:0;left:0;transform:translateY(-23px)}
.editor_viewItem_widthBox::before{content:"";height:1px;width:100%;background:#adacac;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.editor_viewItem_heightBox{text-align:center;width:226px;position:absolute;bottom:0;left:0;transform:translateX(-6px) rotate(-90deg);transform-origin:bottom left}
.editor_viewItem_heightBox::before{content:"";height:1px;width:100%;background:#adacac;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.editor_viewSvg svg{display:block}
.editor_tapBox{width:100%;max-width:311px;border-radius:30px;background:#f4f4f4;margin:0 auto 4.063em;height:48px;display:flex;align-items:center;justify-content:space-between;padding:4px}
.editor_tap{border-radius:30px;font-size:12px;color:#707070;height:100%;width:33.33%;font-weight: 400}
.editor_tap.active{background:#313030;color:#fff;font-weight: 600}
.editor_viewSvg{position:relative}
.editor_viewSvg::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 16px);height:calc(100% - 16px);border:1px dashed #707070}
.editor_viewSvg{box-shadow:4px 4px 10px 0 rgba(0,0,0,0.16)}
.editor_main_itemBox{display:flex;margin:32px auto 0;max-width:474px}
.editor_main_itemBox:first-child{margin:0 auto}
.editor_main_itemTitle{font-size:.875em;font-weight:700;width:6.714em}
.editor_inputBox{width:calc(100% - 5.875em);display:flex}
.editor_chkBox{width:calc(50% - 6px);margin:0 0 0 12px}
.editor_chkBox:first-child{margin:0}
.editor_chk{display:none}
.editor_chkBox .editor_fileTextOpen{display:flex;align-items:center;border:1px solid #e6e6e6;padding:1em;border-radius:4px;cursor:pointer;max-width: 120px}
.editor_chkBox label{display:flex;align-items:center;border:1px solid #e6e6e6;padding:1em;border-radius:4px;cursor:pointer}
.editor_chkBox .editor_chk:checked + label{border-color:#20cf7f}
.editor_chkBox .editor_chk.type_1 + label{display:block}
.editor_chkBox .editor_chk.type_1 + label .editor_chk_textBox{margin:12px 0 0}
.editor_chkBox .editor_chk.type_1 + label .editor_chk_imgBox{width:100%}
.editor_chk_imgBox{width:56px}
.editor_chk_imgBox img{width:100%}
.editor_chk_textBox{margin:0 0 0 1.313em}
.editor_chk_title{font-size:12px;font-weight:600}
.editor_chk_text{font-size:10px;font-weight:300;line-height: 1.3;margin: 3px 0 0}
.editor_customSel{position:relative;width:100%}
.editor_customSelBtn{border:1px solid #e6e6e6;width:100%;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#707070;padding:17px;border-radius:4px;cursor:pointer}
.editor_customSelBtn.active{border-bottom:0;border-color:#313030;border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px}
.editor_customSelBtn img{width:10px}
.editor_customSelOptionBox{width:100%;border:1px solid #e6e6e6;border-bottom-left-radius:4px;border-bottom-right-radius:4px;background:#fff}
.editor_customSelOpenBtn{display:flex;align-items:center;padding:17px;width:100%;border-top:1px solid #e6e6e6;font-size:12px;font-weight: 600}
.editor_customSelOptionTitleBox{display:flex;align-items:center;padding:10px 17px;width:100%;background:#fafafa;border:1px solid #e6e6e6;border-bottom:0;border-top-right-radius:4px;border-top-left-radius:4px}
.editor_customSelOptionTitleBox>p{font-size:12px;font-weight: 600}
.editor_customSelOption{display:flex;align-items:center;padding:16px;width:100%;border-top:1px solid #e6e6e6;position:relative}
.editor_customSelOption.active::before{content:"";position:absolute;top:-1px;left:-1px;width:100%;height:100%;border:1px solid #20cf7f;z-index:1}
.editor_customSelOptionBox>.editor_customSelOption:first-child{border:0}
.editor_customSelOption_addBox{display:none}
.closeText{display:none}
.editor_customSelOpenBtn.active .closeText{display:block}
.editor_customSelOpenBtn.active .openText{display:none}
.editor_customSelOpenBtn img{width:10px;margin:0 0 0 10px}
.editor_customSelOpenBtn.active img{transform:rotate(180deg)}
.editor_chkBox label span.fileCaption{font-size:12px;margin:0 0 0 5px;white-space:nowrap;font-weight: 600}
.editor_chkBox .editor_fileTextOpen span.fileCaption{font-size:12px;margin:0 0 0 5px;white-space:nowrap;font-weight: 600}
.editor_customSelOption_quantity{font-size:.875em;font-weight:300;width:50%;text-align:left}
.editor_customSelOption_cost{width:50%;text-align:left;padding:0 0 0 12px}
.editor_subItem{padding:16px 0;margin:0 auto;max-width:474px;border-top:1px solid #adacac}
.editor_subItemfirst{margin:32px auto 0}
.editor_subItem_itemBox{display:flex;margin:17px 0 0}
.editor_subItem_itemBox:first-child{margin:0}
.editor_subItem_title{font-size:.875em;font-weight:700;width:6.714em}
.editor_subItem_text{font-size:.875em;width:calc(100% - 6.714em);display:flex;align-items:center;justify-content:space-between;font-weight: 400}
.editor_totalItem{padding:24px 0 0;margin:0 auto;max-width:474px;border-top:1px solid #adacac}
.editor_totalItem_itemBox{display:flex;align-items:center;justify-content:space-between}
.editor_totalItem_title{font-weight:700}
.editor_totalItem_text{font-size:1.75em;font-weight:300;color:#20cf7f}
.editor_inputItemBox{width:100%;display:flex;flex-direction:column;align-items:flex-end}
.editor_input{width:100%;font-size:.875em;border-radius:4px;border:1px solid #e6e6e6;padding:15px}
.editor_inputCaption{margin:4px 0 0;font-size:10px;font-weight:300}
.editor_colorChkBox{max-width:120px;cursor:pointer}
.logo_img{display:none}
.editor_main_itemLine{width:100%;max-width:474px;margin:2em auto;height:1px;background:#adacac}
.editor_inputfileBox{flex-direction:column}
.editor_chkBox.editor_filechkBox{display:flex;align-items:center;justify-content:space-between;width:100%}
.editor_fileText{max-width:120px}
.logo_imgSize{font-size:12px;font-weight: 400}
.logo_imgSize:first-child{margin:0 12px 0 0}
.logo_addText{margin:12px 0 0;font-weight:600;font-size:12px}
.btn_self_logo{text-decoration:underline;color:#20cf7f;font-weight:600}
.editor_setting_design_text{display:flex;margin:32px auto 0;max-width:474px;font-size:10px;font-weight:600}
.guide_area{max-width:474px;margin:0 auto}
.guide_title{padding:0 0 16px;border-bottom:1px solid #adacac;font-size:1.125em;font-weight:700;margin:0 0 2.667em;line-height: 1.4}
.guide_item{margin:2.5em auto 0}
.guide_itemTitle{font-size:.875em;font-weight:600}
.guide_itemText{font-size:.875em;line-height:1.6;margin:12px 0 0;font-weight: 400}
.guide_item>img{width:100%;margin:20px 0 0}
.editor_setting_area{display:none}
#option{display:block}
.editor_input:focus{border-color:#20cf7f}
.err_icon{background:#fd5d5d;color:#fff;font-size:10px;border-radius:100%;display:inline-flex;width:16px;height:16px;align-items:center;justify-content:center;margin:0 4px 0 0}
.btn_sharing{font-size:.875em;font-weight:700;display:flex;align-items:center;margin:0 2.857em 0 0}
.btn_sharing img{margin:0 7px 0 0}
.editor_view_btnBox{display:flex;align-items:center;justify-content:center;position:relative;margin:3.5em auto 20px;padding:0 2.25em}
.editor_view_zoomBox{display:flex;align-items:center}
.btn_editorView_zoomCount{font-size:.875em;font-weight:300;margin:0 10px}
.btn_pview{font-size:.875em;font-weight:700;position:absolute;right:2.25em;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:flex-end}
.btn_pview img{margin:0 6px 0 0}
.editor_artboardSvg svg{display:block;width:100%}
.editor_artboardSvg{width:86px;cursor:pointer;border:1px solid transparent}
.editor_artboard_item.active .editor_artboardSvg{border:1px solid #313030}
.editor_artboard{border-radius:4px;background:#fff;display:flex;align-items:center;justify-content:center;padding:24px 24px 16px}
.editor_artboard_front{text-align:center}
.editor_artboard_back{margin:0 0 0 12px;text-align:center}
.editor_artboard_title{font-size:12px;font-weight:400;margin:8px 0 0}
.editor_artboard_item.active .editor_artboard_title{font-weight:700}
.editor_artboardSlide .swiper-slide{display:flex;align-items:center;justify-content:center;width:232px}
.editor_artboardSlide .swiper-slide.add_last_slide{width:262px}
.btn_add_artboard{margin:0 0 0 10px;display:none}
.editor_artboardBox{position:relative;padding:16px 0}
.editor_artboardSlide{width:calc(100% - 7.000em);margin:0 auto}
.editor_artboardBox::before{content:"";background:#f0f0f0;position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;height:100%}
.editor_artboardBox .editor_artboard_prev{width:8px;height:12px;background:transparent!important;margin:0;top:50%;transform:translateY(-50%);left:1.625em}
.editor_artboardBox .editor_artboard_next{width:8px;height:12px;background:transparent!important;margin:0;top:50%;transform:translateY(-50%);right:1.625em}
.editor_artboard_next img,.editor_artboard_prev img{width:100%}
.add_last_slide .btn_add_artboard{display:block}

.popup{position:fixed;top:50%;left:50%;z-index:9999;transform:translate(-50%,-50%);background:#fff;width:calc(100% - 40px);max-width:540px;border-radius:8px;padding:3.5em;display:none}
.btn_popupClose{position:absolute;top:1.25em;right:1.25em}
.popup_titleBox{text-align:center}
.popup_title{font-weight:600;font-size:1.5em;line-height:1.3}
.popup_text{font-size:.875em;margin:1.143em auto 1.714em}
.popup_sharing_img{width:100%;max-width:320px;margin:0 auto}
.popup_sharing_inputBox{margin:1.75em auto 1.5em;display:flex;flex-direction:column;align-items:flex-end}
.btn_link_update{display:flex;align-items:center;justify-content:flex-end;margin:0 0 8px;font-size:12px}
.btn_link_update img{margin:0 4px 0 0}
.popup_sharing_link{width:100%;border-radius:4px;border:1px solid #adacac;padding:16px 13px 16px 42px;font-family:"Gilroy",'SpoqaHanSans',"Sans-serif";font-size:12px;background:url(/fronts/assets/images/editor/link.png) no-repeat left 13px center}
.popup_btn{color:#fff;font-weight:700;max-width:209px;display:block;width:100%;background:#20cf7f;border-radius:4px;margin:0 auto;padding:1em;text-align:center}
.drop{width:100%;max-width:428px;margin:0 auto;background:#f8f8f8;border-radius:4px;height:240px;position:relative;display:flex;align-items:flex-end;justify-content:center;cursor:pointer;background-repeat:no-repeat;background-size:cover;background-position:center}
.drop::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 24px);height:calc(100% - 24px);border:1px dashed #707070}
.drop_item{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.drop_item>img{margin:0 auto 1.5em}
.drop_item_text{font-size:.875em;font-weight:400}
.drop_text{font-size:10px;font-weight:600;color:#adacac;margin:0 0 26px}
#popupFile{display:none}
.drop.active::before{display:none}
.drop.active .drop_item{display:none}
.drop.active .drop_text{display:none}
.popup_file_contents.err .popup_file_errMsg{display:flex}
.popup_file_errMsg{font-size:12px;font-weight:600;align-items:center;margin:0 0 2.5em;color:#fd5d5d;justify-content:center;margin:15px 0 0;display:none}
.popup_file_errMsg img{width:16px;margin:0 4px 0 0}
.popup_btnBox{display:flex;align-items:center;justify-content:center;margin:2em 0 0}
.btn_popup_notSave,.btn_popup_product{background:#fff;color:#20cf7f;border:1px solid #20cf7f}
.popup_btnBox .popup_btn{border:1px solid #20cf7f;margin:0 0 0 10px}
.popup_btnBox .popup_btn:first-child{margin:0}
.popup_cart_info{display:flex;align-items:center;justify-content:center;background:#f8f8f8;padding:2em 0}
.popup_cart_img{width:50%;padding:0 10px}
.popup_cart_img img{margin:0 auto;max-width:136px}
.popup_cart_infoBox{width:50%;padding:0 10px 0 0}
.popup_cart_infoItem{display:flex;align-items:center;max-width:169px;margin:14px 0 0}
.popup_cart_infoItem:first-child{margin:0}
.popup_cart_infoTitle{font-size:12px;font-weight:700;width:62px}
.popup_cart_infoText{width:calc(100% - 62px);font-size:12px}
.popup_cart_infoItem.total{padding:14px 0 0;border-top:1px solid #adacac}
.popup_cart_infoItem.total .popup_cart_infoTitle{font-size:14px;font-weight:700;width:62px}
.popup_cart_infoItem.total .popup_cart_infoText{width:calc(100% - 62px);font-size:14px}
.popup_cart .popupCart_prev{width:8px;height:12px;background:transparent!important;margin:0;top:50%;transform:translateY(-50%);left:1.625em}
.popup_cart .popupCart_next{width:8px;height:12px;background:transparent!important;margin:0;top:50%;transform:translateY(-50%);right:1.625em}
.popupCart_prev img,.popupCart_next img{width:100%}
.filterPopup{position:fixed;bottom:0;left:50%;z-index:9999;transform:translateX(-50%);background:#fff;width:calc(100% - 40px);max-width:1110px;height:100%;border-radius:8px;max-height:calc(100vh - 7.500em);display:none}
.filterPopup_section .popup_titleBox{padding:3.5em 20px 1.75em}
.filterPopup_sel_section{border-top:1px solid #313030;border-bottom:1px solid #313030;padding:16px 20px}
.filterPopup_itemArea{max-width:982px;margin:2.125em auto 0;display:flex;align-items:center}
.filterPopup_selItem_section .filterPopup_itemArea{align-items:flex-start}
.filterPopup_selItem_section .filterPopup_itemTitle{margin:.625em 0 0}
.filterPopup_itemTitle{width:5.938em;font-weight:700}
.filterPopup_itemBox{width:calc(100% - 5.938em);display:flex;flex-wrap:wrap;margin:0 0 -10px;min-height:48px}
.btn_filterOpen{display:flex;align-items:center;justify-content:flex-end;font-size:.875em;font-weight:600}
.btn_filterOpen img{margin:0 6px 0 0;width:12px;transition:transform .3s cubic-bezier(.81,.11,.2,.87);-webkit-transition:transform .3s cubic-bezier(.81,.11,.2,.87);-ms-transition:transform .3s cubic-bezier(.81,.11,.2,.87);-moz-transition:transform .3s cubic-bezier(.81,.11,.2,.87)}
.filterCloseText{display:none}
.btn_filterOpen.active img{transform:rotate(180deg)}
.btn_filterOpen.active .filterCloseText{display:block}
.btn_filterOpen.active .filterOpenText{display:none}
.filterPopup_selItem_section{border-bottom:1px solid #313030;padding:3.938em 20px 3.125em;display:none}
.filterPopup_itemArea:first-child{margin:0 auto}
.filterPopup_chkBox{display:flex;margin:0 0 10px}
.filterPopup_chk{display:none}
.filterPopup_chkBox label{white-space:nowrap;border-radius:50px;border:1px solid #e6e6e6;font-size:12px;padding:11px 14px;font-weight:500;margin:0 8px 0 0;cursor: pointer}
.filterPopup_section{height:100%;overflow-y:scroll;-ms-overflow-style:none}
.filterPopup_section::-webkit-scrollbar{display:none}
.filterPopup_chkBox .filterPopup_chk:checked + label{border-color:#313030}
.filterPopup_chkBox .filterPopup_colorLabel{padding:0;width:38px;height:38px;display:flex;align-items:center;justify-content:center}
.colorSel_item{background-color:#fc0e1c;display:block;width:24px;border-radius:100%;height:24px;border:1px solid transparent}
.colorSel_item.wColor{border:1px solid #707070}
.filterPopup_list_section{padding:3.5em 20px}
.filterPopup_list_area{max-width:824px;margin:0 auto}
.filterPopup_list_btnBox{display:flex;align-items:center;justify-content:space-between;margin:0 0 15px}
.btn_filterPopup_listAlign{font-size:.875em;font-weight:600;color:#707070;margin:0 0 0 12px}
.btn_filterPopup_listAlign.active{color:#313030}
.btn_filterPopup_listAlign:first-child{margin:0}
.btn_filterPopup_likeItems{font-size:.875em}
.filterPopup_listBox{display:flex;flex-wrap:wrap}
.filterPopup_list_item{width:calc(33.33% - 1.25em);margin:3.563em 1.875em 0 0}
.filterPopup_list_item:nth-child(3n){margin-right:0}
.filterPopup_list_item:nth-child(-n+3){margin-top:0}
.filterPopup_list_img{background-repeat:no-repeat;background-size:cover;background-position:center;border-radius:8px;overflow:hidden;position:relative;width:100%;padding:0 0 100%;border:1px solid transparent}
.filterPopup_list_item:hover .filterPopup_list_img{border:1px solid #313030}
.filterPopup_list_hoverItem{display:none;position:absolute;top:0;left:0;width:100%;height:100%;align-items:center;justify-content:center;background:rgba(49,48,48,0.7)}
.filterPopup_list_item:hover .filterPopup_list_hoverItem{display:flex}
.btn_filterPopup_start{color:#fff;font-weight:700;border-radius:4px;background:#20cf7f;max-width:160px;width:calc(100% - 40px);padding:15px 10px}
.filterPopup_list_textBox{margin:13px 0 0;padding:0 8px}
.filterPopup_list_title{display:flex;align-items:center;justify-content:space-between;font-family:"Gilroy",'SpoqaHanSans',"Sans-serif"}
.btn_like{padding:0 0 0 15px}
.filterPopup_list_text{margin:6px 0 0;font-size:12px;font-weight:500}
.filterPopup_sel_item{white-space:nowrap;border-radius:50px;border:1px solid #313030;font-size:12px;padding:11px 14px;font-weight:500;margin:0 8px 10px 0}
.filterPopup_sel_item.filterPopup_sel_colorItem{padding:0;width:38px;height:38px;display:flex;align-items:center;justify-content:center}

.logoSetImg{position: fixed;opacity: 0;bottom: 0;left: 0;transform: translate(-9999px,-9999px);width:105px}
.adrtboard_logoSetImg{position: fixed;opacity: 0;bottom: 0;left: 0;transform: translate(-9999px,-9999px);width:105px}
.editor_setting_chItem{display: none}
.editor_viewScrollItem{width: 100%;height: 100%;display: flex;align-items: center;overflow: scroll;-ms-overflow-style:none}
.editor_viewScrollItem::-webkit-scrollbar{display:none}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {   
    .popup_wra.popup_logo_final .popup_contants{height: calc(100vh - 70px)}
    .popup_logo_final .closeBox, .popup_name_round .closeBox, .popup_name_final .closeBox{position: static;transform: none;max-width: 1152px;min-width: 1024px;width: 100%}
    .popup_logo_final #candidate_logo_finalform{overflow: hidden}
    .popup_logo_final .sub_box{padding: 0 20px 0px calc(105px + 50%)}
    .candidate_final_logo{height: calc(100% - 70px)}
    .candidate_final_logo .final_log:nth-last-child(-n+2){margin-bottom: 120px}  
    
    .popup_wra.popup_name_round .popup_contants{height: calc(100% - 70px)}
    
    .popup_wra.popup_name_final .popup_contants{height: calc(100% - 70px)}
}

/*wishlist*/
.wishList_section{margin: 40px 0 0;}
.wishList_section .productAlign_box{margin: 0 0 16px;}
.wishList_section .sort_box .sort{color: #acacac;}
.wishList_section .sort_box .sort.active{color: #3a3a3a;}
.wishList_section .package_box .kit,.wishList_section .package_box .kit:nth-child(4n){max-width: calc(33.33% - 13.33px);margin: 0 20px 64px 0;}
.wishList_section .package_box .kit:nth-child(3n){margin: 0;}
.wishList_section .kit .kit_img .sale_percent, .wishList_section .recommend .img .sale_percent{font-weight: 700;font-family: 'SpoqaHanSans', sans-serif}
.wishList_section .kit .kit_img, .wishList_section .recommend .img{display: block}
.wishList_section .kit_title, .wishList_section .recommend_title{font-size: 14px}
.wishList_section .kit_title .title_img{width: 14.5px;height: 12.3px;background-size: 100% 100%;}
.wishList_section .saled_price strike{  margin: 0 0 0 13px;}
.wishList_section .kit .free_send, .wishList_section .recommend .free_send{padding: 0;text-align: center;border-radius: 4px;}
.wishList_box .order_paging{margin-top: 0}

/*main sh*/
.popup_sh{background:rgba(49,48,48,0.95);position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;align-items:center;justify-content:center;padding:0 85px;display: none}
.popup_sh.active{display: flex}
.popup_sh_contents{width:100%;max-width:730px}
.popupSh_closeBox{position:absolute;top:24px;left:50%;width:100%;max-width:1110px;transform:translateX(-50%);display:flex;align-items:center;justify-content:flex-end}
.btn_popupSh_close{width:56px;height:56px;display:flex;align-items:center;justify-content:center}
.btn_popupSh_close img{width:16px}
.popupSh_section{width:100%;max-width:730px;display:block}
.popupSh_inputArea{position:relative}
.popupSh_input{border:0;border-bottom:1px solid #fff;background:transparent;width:100%;padding:8px .5px;font-size:32px;color:#adacac}
.btn_popupSh{width:31.4px;height:31.4px;position:absolute;right:.1px;bottom:11.1px}
.btn_popupSh img{width:27.1px}
.popupSh_keywordBox{margin:16px 0 0;display:flex;align-items:center}
.popupSh_keyword_title{font-size:12px;font-weight:700;color:#adacac;width:73px}
.popupSh_keyword_itemBox{width:calc(100% - 73px)}
.btn_popupSh_keyword{border:1px solid #adacac;border-radius:40px;font-size:12px;color:#adacac;padding:7px 16px 8px;margin:0 8px 0 0}

/*survey_popup*/
.survey_popup{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(84,88,86,0.7);display:flex;align-items:center;justify-content:center;display: none}
.survey_popup.active{display: flex}
.survey_popup_contents{background:#fff;border-radius:8px;padding:56px 76px;position:relative;width:100%;max-width:540px}
.survey_popup_close{position:absolute;right:0;top:0}
.btn_survey_popupClose{display:flex;align-items:center;justify-content:center;width:56px;height:56px}
.btn_survey_popupClose img{width:16px}
.survey_popup_section{text-align:center}
.survey_popup_title{font-size:24px;font-weight:300;letter-spacing:-.72px;line-height:32px}
.survey_popup_text{margin:12px 0 0;font-weight:300;font-size:14px;line-height:22px}
.survey_popup_btnBox{margin:32px 0 0;justify-content:center;align-items:center;display:flex}
.btn_survey_popup{background:#fff;width:160px;border-radius:4px;font-weight:700;color:#00cf7f;border:1px solid #00cf7f;padding:11px 0;margin:0 0 0 10px;display:block}
.btn_survey_popup:first-child{margin:0}
.btn_survey_popup.g_color{color:#fff;background:#00cf7f}

/*shList*/
.shList_container{padding: 100px 27px}
.shList_inputBox{max-width: 730px;margin: 0 auto 100px;}
.shList_inputItem{position:relative}
.shList_input{border:0;border-bottom:1px solid #313030;width:100%;padding:8px .5px;font-size:32px;font-weight:300;line-height:48px}
.btn_shList{position:absolute;width:31.4px;height:31.4px;bottom:11.1px;right:0}
.btn_shList img{width:27.1px}
.shList_notText{margin:64px 0 0;text-align:center;font-size:18px;font-weight:300;line-height:30px}
.shList_notText span{color:#fd5d5d}
.shList_container .goods_kit_container.product_container{margin:0}
.shList_alignBox{margin:0 0 25px;display:flex;align-items:center}
.shList_align_sel{border:1px solid #e6e6e6;border-radius:4px;width:140px;height:48px;padding:12px;background:url(/fronts/assets/images/all/filter.svg) no-repeat right 20px center;background-size:10px}
.shList_category{margin:0 12px 0 0}
.shList_container .goods_kit_box{width:100%;max-width:100%}
.shList_container .kit .kit_img .sale_percent, .shList_container .recommend .img .sale_percent{font-weight: 700;font-family: 'SpoqaHanSans', sans-serif}
.shList_container .kit .kit_img, .shList_container .recommend .img{display: block}
.shList_container .kit_title, .shList_container .recommend_title{font-size: 14px}
.shList_container .kit_title .title_img{width: 14.5px;height: 12.3px;background-size: 100% 100%;}
.shList_container .saled_price strike{margin: 0 0 0 13px;}
.shList_container .kit .free_send, .shList_container .recommend .free_send{padding: 0;text-align: center;border-radius: 4px;}


.editor_colorChkBox{position: relative}
.color_view{position:absolute;width:1.5em;height:1.5em;border-radius:2px;top:50%;transform:translateY(-50%);right:12px;border:0;left:inherit;background-image:url(/fronts/assets/images/all/transparent.png);background-repeat:no-repeat;background-size:100%;background-position:center;overflow:hidden}
.color_view span{display:block;width:100%;height:100%}
.minicolors-theme-default .minicolors-swatch{position:absolute;width:1.5em;height:1.5em;border-radius:2px;top:50%;transform:translateY(-50%);right:12px;border:0;left:inherit}
.minicolors-theme-default.minicolors{width:100%}
.minicolors-theme-default .minicolors-input{text-align:left;display:block;height:auto;padding:15px;width:100%}
.editor_main_itemAddBox{margin:32px 0 0}
.editor_colorChkPickBox{position: absolute;left: 0;width: 185px;background: #fff;z-index: 10;border: 1px solid #313030;border-radius: 4px;margin: 0;padding: 0;display: none;bottom: 58px;left: 64px;}
.editor_colorChkPick_tapBox{border-bottom:1px solid #e6e6e6;padding:0 16px}
.editor_colorChkPick_tap{font-size:12px;font-weight:700;color:#adacac;border-bottom:2px solid transparent;padding:0 0 7px;margin:0 16px -1px 0}
.editor_colorChkPick_tap.active{color:#313030;border-color:#313030}
.editor_colorChkPick_tapItem{border-bottom:1px solid #e6e6e6;display:none}
#colorChkPick_color{display:block}
.editor_colorChkPick{padding:16px 16px 19px}
.minicolors-theme-default.minicolors{width:100%;border:0;display:block}
.minicolors-inline .minicolors-panel{display:flex;border:0;width:100%;flex-direction:column-reverse;position:relative}
.editor_colorChkPick_saveColorItemBox{display:flex;flex-wrap:wrap}
.editor_colorChkPick_saveColorBox{padding:16px}
.add_colorChkPick_saveColor{border:1px dashed #acacac;border-radius:2px;width:23.8px;height:23.8px;display:flex;align-items:center;justify-content:center;color:#acacac;background:#fff!important;font-weight:700;overflow:hidden}
.add_colorChkPick_saveColor span{display:block;width:100%;height:100%}
.editor_colorChkPick_saveColorItem span{display:block;width:100%;height:100%}
.editor_colorChkPick_saveColorItem{border-radius:2px;width:23.8px;height:23.8px;margin:0 0 0 8px;background-image:url(/fronts/assets/images/all/transparent.png);background-repeat:no-repeat;background-size:100%;background-position:center;overflow:hidden}
.editor_colorChkPick_saveColorItem:first-child{margin-left:0}
.editor_colorChkPick_subTitle{font-size:10px;font-weight:700;color:#707070;margin:0 0 8px}
.editor_colorChkPick_latelyColorItemBox{display:flex;flex-wrap:wrap}
.editor_colorChkPick_latelyColorBox{padding:16px 16px 0}
.editor_colorChkPick_latelyColorItem{border-radius:2px;width:23.8px;height:23.8px;margin:0 0 0 8px;background-image:url(/fronts/assets/images/all/transparent.png);background-repeat:no-repeat;background-size:100%;background-position:center;overflow:hidden}
.editor_colorChkPick_latelyColorItem:first-child{margin-left:0}
.editor_colorChkPick_latelyColorItem span{display:block;width:100%;height:100%}
.colorChkPick_recommendation_selBox{padding:16px}
.colorChkPick_recommendation_sel{height:40px;width:100%;border-radius:4px;border-color:#e6e6e6;padding:0 10px;font-size:10px;font-weight:600;background:url(/fronts/assets/images/all/sel_icon.png) no-repeat right 11px center;background-size:8px}
.colorChkPick_recommendation_palette{display:flex;flex-wrap:wrap}
.colorChkPick_recommendation_paletteItem{background:#000;border-radius:2px;width:23.8px;height:23.8px;margin:8px 8px 0 0;background-image:url(/fronts/assets/images/all/transparent.png);background-repeat:no-repeat;background-size:100%;background-position:center;overflow:hidden}
.colorChkPick_recommendation_paletteItem span{display:block;width:100%;height:100%}
.colorChkPick_recommendation_paletteItem:nth-child(5n){margin-right:0}
.colorChkPick_recommendation_palette{display:none}
.colorChkPick_recommendation_palette:nth-child(2){display:flex}
.minicolors-slider,.minicolors-opacity-slider{position:relative;cursor:col-resize;width:150px;height:6px;left:0;top:0;margin:10px 0 0}
.minicolors-with-opacity .minicolors-opacity-slider{background-image:url(/fronts/assets/images/all/opacity_slide.png);background-repeat:no-repeat;background-size:100%;background-position:center;border-radius:12px;background-color:#000}
.minicolors-slider{background-image:url(/fronts/assets/images/all/color_slide.png);background-repeat:no-repeat;background-size:100%;background-position:center;border-radius:12px}
.minicolors-opacity-slider .minicolors-picker{width:12px;height:12px;border-radius:100%;border:0;box-shadow:0 3px 6px 0 rgba(0,0,0,0.16);transform:translateY(-50%);top:50%!important;margin:0;transform:translate(-50%,-50%)}
.minicolors-slider .minicolors-picker{width:12px;height:12px;border-radius:100%;border:0;box-shadow:0 3px 6px 0 rgba(0,0,0,0.16);transform:translateY(-50%);top:50%!important;margin:0;transform:translate(-50%,-50%)}

.mockUp_area{position: relative;width: 100%;padding: 0 0 56.25%}
.mockUp_view_bg{position: absolute;top: 0;left: 0;width: 100%}
.mockUp_view_img{width: 100%;height: 100%;position: relative}
.mockUp_view_img::before{content: "";height: 0;display: block;padding-bottom: 55.553271028037383177570093457944%}
.mockUp_view_img img{position: absolute;top: 50%;left: 0;overflow: visible;-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;transform: translateY(-50%)}
.mockUp_view_img{width: 100%;position: absolute;top: 50%;left: 50%}
/*.mockUp_view_img{width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-63.1%, -58.4%) rotate(-22.6deg) skew(14deg, 8deg) scale(0.31,0.231);}*/
.mockUp_viewBox_0 .mockUp_view_overflow{transform: translate(-63.5%, -16.5%) scale(0.07) rotate(-90deg);width: 100%;position: absolute;top: 50%;left: 50%;height: 100%}
.mockUp_viewBox_1 .mockUp_view_img{transform: translate(-62.4%, -55.5%) scale(0.15);}
.mockUp_viewBox_2 .mockUp_view_img{transform: translate(-46.5%, -75.8%) scale(0.078);}
.mockUp_viewBox_3 .mockUp_view_img{transform: translate(-41.9%, -64.6%) scale(0.035)}
.mockUp_viewBox_4 .mockUp_view_img{transform: translate(-29.6%, -42%) scale(0.111);}
.mockUp_viewBox_5 .mockUp_view_img{transform: translate(-39.8%, -18.1%) scale(0.055);}
.mockUp_viewBox_6 .mockUp_view_img{transform: translate(-11.9%, -51.7%) scale(0.035);}
.mockUp_viewBox_7 .mockUp_view_img{transform: translate(-18.6%, -25.5%) scale(0.027);}
.mockUp_viewBox_8 .mockUp_view_img{transform: translate(-9.8%, -32%) scale(0.06) rotate(90deg);}

.mockUp_viewBox_0 .mockUp_view_img{transform: unset;position: static;width: 31%;overflow: hidden;position: relative;top: 0;left: 0}
.mockUp_viewBox_0 .mockUp_view_img img{width:auto;height: 100%;top: 0;left: 0;transform: translate(0)}

.announcement_popup{position: fixed;top: 46%;right: 30px;z-index: 9999;max-width: 496px;transform: translateY(-50%);max-height: calc(100vh - 40px);overflow-y: scroll;-ms-overflow-style:none;scrollbar-width:none}
.announcement_popup::-webkit-scrollbar{display:none}
.btn_announcement_popup{position: absolute;right: 0;top: 0;width: 55px;height: 55px;display: flex;align-items: center;justify-content: center;}
.btn_announcement_popup img{width: 18px;height: 18px;}
.announcement_popup>img{width: 100%;}

.deliveryInfo_popup{position: fixed;top: 100px;right: 30px;z-index: 9999;max-width: 551px;max-height: calc(100vh - 40px);overflow-y: scroll;-ms-overflow-style: none;scrollbar-width: none;background-color: #fff}
.deliveryInfo_popup::-webkit-scrollbar{display:none}
.deliveryInfo_popup>img{width: 100%;}
.btn_deliveryInfo_popupBox{position: absolute;bottom: 0;left: 0;width: 100%;height: 8%;display: flex;align-items: center;justify-content: space-between;}
.btn_deliveryInfo{display: block;width: 50%;height: 100%;}

/*상세 추가*/
.buy_product_container{height: calc(100vh - 70px);overflow-y: scroll;-ms-overflow-style: scrollbar;margin: 0 auto 64px;padding: 0 0 30px}
.buy_product_container.active{overflow: hidden}
.scroll_product_contants{height: calc(100vh - 70px);overflow-y: scroll;position: fixed;top: 101vh;transition: top 0.8s cubic-bezier(.79, .19, .19, .81);z-index: 11;background: #fff;width:100%}
.scroll_product_contants.active{top: 69px}
.scroll_product_contants.hidden{overflow: hidden}
.buy_info_container{height: auto;padding: 76px 80px 40px;padding-left: calc(50% + 80px);display: flex;flex-wrap: wrap;align-content: flex-start;justify-content: space-between;width: calc(50% + 760px);max-width: 100%;position: relative;overflow: visible}
.buy_product_container .img.active{position: absolute;bottom: 0;top: inherit;}
body.nonScroll{-ms-overflow-style:none;scrollbar-width:none}
body.nonScroll::-webkit-scrollbar{display:none}
.scrollCover{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;display: none}
.scrollCover.active{display: block}

/* loading */
.loading_popup{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(31,31,31,0.84);z-index: 9999}
.loading_popupSection{position: fixed;top: 50%;left: 50%;border-radius: 5px;width: calc(100% - 40px);max-height: calc(100% - 40px);max-width: 112px;padding: 20px 0;transform: translate(-50%,-50%)}
.loading_popupArea{text-align: center}
.loading_popup_item{max-width: 72px;margin: 0 auto}
.loding_icon{position:relative;width:10px;height:10px;border-radius:5px;background-color:transparent;color:transparent;box-shadow:0 -18px 0 0 #fff,12.72984px -12.72984px 0 0 #fff,18px 0 0 0 #fff,12.72984px 12.72984px 0 0 rgba(255,255,255,0),0 18px 0 0 rgba(255,255,255,0),-12.72984px 12.72984px 0 0 rgba(255,255,255,0),-18px 0 0 0 rgba(255,255,255,0),-12.72984px -12.72984px 0 0 rgba(255,255,255,0);animation:loding 1.5s infinite linear}
.loding_iconBox{width:100%;display:flex;align-items:center;justify-content:center;height:72px}


/*0818 리뷰추가*/
.popup_contants2{max-width:837px;width: 100%; max-height:90%; overflow-y:scroll; background: #fff; border-radius: 8px;  padding: 20px;  display: flex;    flex-wrap: wrap; justify-content: center;  align-content: space-between}
.popup_contants2 .closeBox {display: flex; justify-content: flex-end; align-items: flex-start;  width: 100%;
    height: 16px;  max-width: 1280px}
.popup_contants2 .closeBox .btn_close { height: 100%; width: 16px;  cursor: pointer; background:url(/fronts/assets/images/all/close.svg) no-repeat center/100%}

.review_product_area{display: flex; width:730px; margin-top:42px }
.rv_product_img{width:160px; height:160px;background-color:#f4f4f4;background-repeat: no-repeat;background-size:cover; border-radius: 4px;margin-right:16px}
.rv_product_textBox{display: flex; width:calc(100% - 176px);flex-wrap: wrap; padding:12px 0}
.rv_product_titleBox{width:100%}
.rv_product_title{font-size:14px; line-height: 20px; font-weight:700}
.rv_product_title2{font-size:16px; line-height: 24px; margin-top:4px}
.rv_product_descBox{width:100%;}
.rv_product_desc{font-size:12px; line-height: 18px}
.rv_product_price{width:100%;font-size:12px; line-height: 18px; align-self: flex-end}

.popup_contants2 .reviewWriting{width:730px;border-top: 1px solid #e6e6e6}
.review_input_title{font-size:14px; font-weight:700;line-height: 20px; margin-top:30px}
.review_titleInput{margin: 8px 0 0; border: 1px solid #E6E6E6;  border-radius: 4px; font-size: 14px; padding: 12px; width: 100%}
.popup_contants2 .title { text-align: center; margin-top: 20px; font-size: 24px; font-weight: 300;  line-height: 1.33;    letter-spacing: -0.72px; width: 100%}
.popup_contants2 .reviewWriting_input{margin-top:8px}
.popup_contants2 .reviewWriting_textArea{height:180px; line-height: 22px}
.popup_contants2 .reviewWriting_starChkBox label{margin-bottom:0;cursor: pointer}
.popup_contants2 .reviewWriting_star{margin-top:16px; justify-content: space-between}
.review_btnArea{display: flex; justify-content: center;margin:72px 0 36px}
.btn_reviewWriting2{width: 100%;  max-width: 160px; border-radius: 4px; background: #313030; color: #fff; text-align: center; font-weight: 700; padding: 12px 0; display: block; font-size:16px}
.reviewWriting_line_btn{background: #fff; border:1px solid #313030; color:#313030; margin-right:16px}
.review_fileBox{margin-top:10px}
.review_fileBox label{font-size:14px; text-decoration: underline; display: flex; cursor: pointer}
.review_fileBox img{width:16px;height:12px;margin:4px 6px}
.rv_upload{display: none}
.rv_upload_text{font-size:12px; color:#707070; line-height:18px; margin-top:8px}
.rv_upload_name{display: none; align-items: center; font-size:14px}
.rv_upload_name img{max-width: 9px;  width: 100%; margin-left: 10px; padding-top: 2px;  cursor: pointer}

.review_imgBox{width:96px; height:96px; border-radius: 4px}
.detail_review_containerArea .review{justify-content: space-between}
.detail_review_containerArea .review .nick_box{padding:0 16px 0 0}
.detail_review_containerArea .contant_box{max-width:calc(100% - 380px); margin-right:auto;cursor:pointer}
.detail_review_containerArea .review.active{flex-wrap: wrap}
.detail_review_containerArea .review.active .review_imgBox{width:350px; height:350px;margin:16px 0 0 190px}

/*2020.12.23 수정*/
.n_box {display: flex;align-items: center;justify-content: space-between;padding: 4.375em 60px;max-width: 1280px;margin: 0 auto}
.n_box > .n_image {padding: 0 20px 0 0;position: relative;width: 60%}
.n_box > .n_image img{width:100%}
.n_box > .n_introduce {display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 0 0 0 20px;position: relative;width: 50%}
.n_box > .n_introduce > .np_welcome_text {width: 100%;font-size: 1.5em;text-align: center}
.n_box > .n_introduce > .np_welcome_text > .small_text {font-size: 0.8em;margin: 20px 0 0}
.n_box > .n_introduce > .np_ci_image {max-width: 91px;margin: 0 auto 40px}
.n_box > .n_introduce > .np_ci_image img{width: 100%}
.naver_join_button {display: block;width: 100%;max-width: 250px;padding: 10px 0;border-radius: 5px;color: #fff;font-weight: 500;margin: 60px auto 0;font-size: 0.75em;background-color: #00CF7E}

/* 2023.11.29 검색결과 수정 */
.search_section_title{margin-bottom: 25px;font-size: 24px;font-weight: 400;color: #000;}
.search_section_title.news{margin-top: 75px}

/*반응형*/
@media (max-width:1800px){

}
@media (max-width:1680px){

}
@media (max-width:1600px){
    html, body{font-size:15px}
}
@media (max-width:1440px){
    html, body{font-size:14px}
}
@media (max-width:1366px){
    html, body{font-size:13px}
}
@media (max-width:1280px){
    html, body{font-size:12px}
}
@media (max-width:1279px){
    #option3 .necessary_option{height: 88px}
    #option3 .option_listBox{z-index: 1}
    .num_listBox{top: 48px;left: 95px}

    /* survey */
    .survey_bg .page_info{padding-right: 0}
}
@media (max-width:1270px){
    /* brand_naming*/
    .naming_slide{height: 500px}
    .naming_slide .slide_box .img{width: 235px}
    .naming_slide .slide_box .textBox{width: calc(100% - 235px);padding: 20px}
    .naming_slide .textBox div:nth-child(n+2){margin-top: 12px}
}
@media (max-width:1265px){
    /* brand_naming*/
    .patentAttorney_contant{padding: 80px 50px}
    .patentAttorney_contant .title{width: 250px;padding-right: 26.5px;font-size: 32px}
    .patentAttorney_contant .explain_person{padding-left: 26.5px}

}
@media (max-width:1246px){
    .dot_box{width: 250px}
	.header_menu{max-width: calc(100% - 8.125em)}
    /* main */
    .how_textBox .how_title{height: 44px}

    .product_box .titleBox .text{height: 56px}
}
@media (max-width:1188px){
    /* header */
    .page_menu a, .login_menu a, .btn_popupSh_open{margin: 0 8px;font-size: 12px}
    .page_menu span{margin: 0 7.5px}
}
@media (max-width:1152px){
    html, body{font-size:11px}
    /* brand_logo */
    .explain_contant{padding: 0 85px}
    .explain_contant .textBox .title{font-size: 32px}
    .explain_contant .textBox .text{font-size: 14px}

    /*mypage*/
    .mypage_hello{font-size: 32px}
    .mypage_container{padding: 88px 50px}

    .review_slide .slide_box{padding: 46px 30px 30px}
    .reivew_text{font-size: 16px}
    .reviewer .info{max-width: calc(100% - 60px)}
    .reviewer .info .info_company{font-size: 12px}

}
@media (max-width:1080px){
	.page_menu a{margin: 0 0 0 8px}
	.page_menu a:first-child{margin-left: 0}
	
    .dot_box{width: 150px}
}
@media (max-width:1075px){
    /* brand_naming*/
    .explain_person .certificate{margin-left: 22px}
}
@media (max-width:1070px){
    /* brand_naming*/
    .naming_slide{height: 480px}
    .naming_slide .slide_box .img{width: 230px}
    .naming_slide .slide_box .textBox{width: calc(100% - 230px);padding: 15px}
    .naming_slide .swiper-slide{height: calc(50% - 10px)}
}
@media (max-width:1024px){
    html, body{font-size:13px}
}
@media (max-width:960px){

}
@media (max-width: 720px){

}
@media (max-width: 600px){

}
@media (max-width: 550px){

}
@media (max-width: 490px){

}
@media (max-width: 400px){

}
@media (max-width: 340px){

}
/*//*/