/* ----------------
    공통
---------------- */
body {min-width:1180px;}
.cut_inner {width:1180px; margin:0 auto;}

/* ----------------
    상단
---------------- */
.header_top {position:relative; background:#026435; height:45px;} /*  2021.06.01 gcs ksm : ##10586 background:#1c1c1c;    2021.08.02 gcs ksm : #11423 [display:none; ] 삭제 - 띠배너 뜰때 기본 뜰 수 있도록 하고자 함 */
.header_top .top_inner {font-size:15.5px; color:#ccc; text-align:center; line-height:45px;}
.header_top .top_inner a {font-size:13.5px; color:#999; line-height: 1; vertical-align: middle; margin:0px;display:inline-block}/*  2021.06.01 gcs ksm : ##10586 border-bottom:1px solid #999;  제거 */
.header_top .top_inner .circle {width: 5px; height: 5px; border-radius:100%; border: solid 2px #fa4b7d; vertical-align:middle; margin:-3px 7px 0 0;}
.header_top .top_close_btn {font-size:0; width:17px; height:17px; display:block; position:absolute; right:19px; top:14px; background:url(/assets/img/pc/common/icon_top_close.png)no-repeat center center; cursor:pointer;}
.header_wrap {border-bottom:1px solid #dedede;}
.header_wrap .header_mid .mid_inner {position:relative; text-align:center;}
.header_wrap .header_mid .hd_mid_left {position:absolute; top:0; left:0;}
.header_wrap .header_mid .hd_mid_left .hd_banner {height:80px; border-bottom:2px solid #222;}
.header_wrap .header_mid .hd_mid_center .hd_logo {padding:15px 0 10px;}
.header_wrap .header_mid .hd_mid_right {position:absolute; top:0; right:0;}
.header_wrap .header_mid .hd_mid_right .hd_icon {padding:28px 0 7px; border-bottom:2px solid #222;}
.header_wrap .header_mid .hd_mid_right .hd_icon .cart {position:relative; margin-left:20px;}
.header_wrap .header_mid .hd_mid_right .hd_icon .cart .count {position: absolute; padding: 0;  right: 2px; top: 3px;display: inline-block;background: #fa3296;width: 20px;height: 20px;border-radius: 100%;line-height: 20px;text-align: center; color: #fff;font-size: 14px;font-weight:bold;}
.header_wrap .header_mid .hd_mid_right .hd_icon .search {margin-left:25px;}
.header_wrap .header_mid .search_box_wrap {position:relative;}
.header_wrap .header_mid .search_box {opacity: 0;visibility: hidden; z-index:50; position:absolute; top:0; right:-50px; }
.header_wrap .header_mid .search_box.on {opacity:1; visibility: visible;}
.header_wrap .header_mid .search_box .search_close {position:absolute; top:0; right:0;}
.header_wrap .header_mid .search_box .search_close a{display:block;width:50px; height:50px; background:#222 url(/assets/img/pc/common/icon_search_close.png)no-repeat center center; background-size:22px 22px;}
.header_wrap .header_mid .search_box .search_cont {padding:35px 50px 0; width:482px; background:#fff; margin-right:50px;
-webkit-box-shadow: 0px 5px 30px 10px rgba(0,0,0,0.1);-moz-box-shadow: 0px 5px 30px 10px rgba(0,0,0,0.1);box-shadow: 0px 5px 30px 10px rgba(0,0,0,0.1);}
.header_wrap .header_mid .search_box .search_cont .search_input {width: 100%;border-bottom: 3px solid #222; padding-bottom:13px;}
.header_wrap .header_mid .search_box .search_cont .search_input input.top_search_text {width: calc(100% - 34px); height: 32px; line-height:32px; padding: 0 0 0 4px;  background: none; border: none 0; font-size:26px;}
.header_wrap .header_mid .search_box .search_cont .search_input input.top_search_btn {width:30px; height:30px; vertical-align:middle;}
.header_wrap .header_mid .search_box .search_cont .search_word {padding:25px 0 60px;}
.header_wrap .header_mid .search_box .search_cont .search_word h4 {font-size:17px; font-weight:bold; color:#222; padding:0 0 19px;}
.header_wrap .header_mid .search_box .search_cont .search_word .recent_list {text-align:left; width:40%;}
.header_wrap .header_mid .search_box .search_cont .search_word .recent_list ul li {line-height:1; margin-bottom:17px;}
.header_wrap .header_mid .search_box .search_cont .search_word .recent_list ul li a {font-size:15px; font-weight:500; color:#222;}
.header_wrap .header_mid .search_box .search_cont .search_word .recent_list ul li span {padding-left:7px;}
.header_wrap .header_mid .search_box .search_cont .search_word .recent_list ul li span button {font-size:0; width:11px; height:11px; background:url(/assets/img/pc/common/icon_recent_del.png)no-repeat center; vertical-align: text-top;}
.header_wrap .header_mid .search_box .search_cont .search_word .recent_list .recent_all_del {padding-top:30px; font-size:15px; font-weight:500; color:#888; border-bottom:1px solid #888; line-height:1.2;}
.header_wrap .header_mid .search_box .search_cont .search_word .hot_list {text-align:left; width:60%;}
.header_wrap .header_mid .search_box .search_cont .search_word .hot_list h4 {padding-left:10px;}
.header_wrap .header_mid .search_box .search_cont .search_word .hot_list ul li {width:calc(50% - 10px); margin-bottom:10px; text-align:center; }
.header_wrap .header_mid .search_box .search_cont .search_word .hot_list ul li:nth-of-type(2n) {margin-left:10px;}
.header_wrap .header_mid .search_box .search_cont .search_word .hot_list ul li a {display:block; border:1px solid #d0d0d0; border-radius: 21.5px; box-sizing:border-box; font-size:15px; font-weight:500; color:#222; height:39px; line-height:39px;
-khtml-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.header_wrap .header_mid .search_box .search_cont .search_word .hot_list ul li a:hover {border-color:#222;}
.header_wrap .header_bottom .bottom_inner {padding:24px 0 24px;}
/*.header_wrap .header_bottom .hd_category {padding-left:11px;}*/
.header_wrap .header_bottom .hd_category ul li:last-of-type {padding-right:0;}
.header_wrap .header_bottom .hd_category ul li {padding-right:39px; vertical-align:middle;}
.header_wrap .header_bottom .hd_category ul li a {font-weight:bold; font-size:17px; color:#222; position:relative;
-khtml-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.header_wrap .header_bottom .hd_category ul li a:hover {color:#fa3296;}
.header_wrap .header_bottom .hd_category ul li a:after{opacity:0;visibility: hidden;content: '';position: absolute; -khtml-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.header_wrap .header_bottom .hd_category ul li.p_cr a { color:#fa3296;}/*  2021.07.16 gcs ksm : #11146 글씨 크기 줄이는것 제거함. font-size:14px;*/
.header_wrap .header_bottom .hd_category ul li.b_cr a:after {right: -11px;top: 3px;background: #fa3296; width: 6px;height: 6px;border-radius:100%;}
.header_wrap .header_bottom .hd_category ul li.p_cr a:after {left:0;bottom:-4px;background: #fa3296; width: 100%;height: 2px;}
/*.header_wrap .header_bottom .hd_category ul li.b_cr a:hover:after,
.header_wrap .header_bottom .hd_category ul li.p_cr a:hover:after{opacity:1; visibility: visible;}*/
.header_wrap .header_bottom .hd_navi {padding:3px 0;}
.header_wrap .header_bottom .hd_navi ul li a {font-weight:bold; font-size:13px; color:#888; padding: 0 10px; position:relative;}
.header_wrap .header_bottom .hd_navi ul li a:after {content:''; position:absolute; right:0; top:2px; height:12px; width:2px; background:#e1e1e1;}
.header_wrap .header_bottom .hd_navi ul li:last-of-type a:after {display:none;}

/* ----------------
    하단
---------------- */
.footer_wrap {padding-top:100px;}
.footer_wrap .inner {padding:0 10px;}
.footer_wrap .footer_top {background:#f6f6f6; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.footer_wrap .footer_top .top_box {padding:36px 0 34px; width:calc(33.33% - 31px); margin-left:46px;}
.footer_wrap .footer_top .top_box h3 {font-size:21.5px; line-height:1; color:#222; padding:0 0 15px;}
.footer_wrap .footer_top .top_box.fir {margin-left:0;}
.footer_wrap .footer_top .top_box .box_cont ul li {line-height:2;}
.footer_wrap .footer_top .top_box .box_cont ul li a {font-size:14.5px; color:#666;}
.footer_wrap .footer_top .top_box .box_cont ul li a span.date {font-size:12px; color:#888; float:right;}
.footer_wrap .footer_top .top_box .box_cont p {font-size:14.5px; color:#222;}
.footer_wrap .footer_top .top_box .box_cont p span {color:#888;}
.footer_wrap .footer_top .top_box .box_cont .call {font-size:17px; font-weight:bold;}
.footer_wrap .footer_top .top_box .box_cont .call span {font-size:21.5px; color:#222; line-height:1; font-weight:normal; padding-left:10px;}
.footer_wrap .footer_top .top_box .box_cont .hour {padding:12px 0; line-height:1.7;}
.footer_wrap .footer_top .top_box .box_cont .hour span {color:#888;}
.footer_wrap .footer_top .top_box .box_cont .hour span.bar {display:inline-block; margin:0 8px; width:1px; height:11px; background:#ccc;}
.footer_wrap .footer_top .top_box .box_cont .last {font-size:12px; color:#888; padding-top:10px;}
.footer_wrap .footer_top .top_box .box_cont .qa_link a {width:130px; height:30px; line-height:29px; font-size:13px; color:#222; border:1px solid #ccc; box-sizing:border-box;}
.footer_wrap .footer_top .top_box .box_cont .qa_link a.link {background:#fff url(/assets/img/pc/common/icon_arrow_s.png)no-repeat right 13px center; padding:0 0 0 15px; }
.footer_wrap .footer_top .top_box .box_cont .qa_link a.ch {background:#fff url(/assets/img/pc/common/icon_kakao_qa.png)no-repeat left 13px center; margin-left:5px; padding:0 0 0 38px;}
.footer_wrap .footer_bottom {background:#eee;}
.footer_wrap .footer_bottom .link_wrap .shop_link {padding:17px 0 15px;}
.footer_wrap .footer_bottom .link_wrap .shop_link li:first-of-type a{padding-left:0;}
.footer_wrap .footer_bottom .link_wrap .shop_link li:first-of-type a:before{display:none;}
.footer_wrap .footer_bottom .link_wrap .shop_link li a {font-size:13px; color:#222; font-weight:bold; padding:0 15px; position:relative;}
.footer_wrap .footer_bottom .link_wrap .shop_link li a:before {content:''; position:absolute; top:2px; left:0; background:#ccc; width:1px; height:12px;}
.footer_wrap .footer_bottom .link_wrap .family_site {position:relative; width:180px; margin:9px 0 7px;}
.footer_wrap .footer_bottom .link_wrap .family_site span{padding: 0 15px; height: 31px;line-height: 31px; display: block; color: #222; background: #fff; border: 1px solid #666; font-size: 14px; position: relative; cursor: pointer;}
.footer_wrap .footer_bottom .link_wrap .family_site span:after {content: ""; position: absolute; top: 13px; right: 15px; display: block; width: 12px; height: 6px; background: url(/assets/img/pc/common/icon_ft_select.png) no-repeat center;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.footer_wrap .footer_bottom .link_wrap .family_site ul {border: 1px solid #666; border-top: 0; position: absolute; top: 31px; width: 100%; background: #fff; opacity: 0; visibility: hidden; height: 180px; box-sizing: border-box;}
.footer_wrap .footer_bottom .link_wrap .family_site ul li:first-of-type {border-top:1px solid #ddd;}
.footer_wrap .footer_bottom .link_wrap .family_site ul li {margin:0 15px; border-top:1px solid #eee;}
.footer_wrap .footer_bottom .link_wrap .family_site ul li a {position:relative; padding: 8px 0 8px 10px; display:block; font-weight:bold; color:#888;}
.footer_wrap .footer_bottom .link_wrap .family_site ul li a:before {content:''; position:absolute; top: 50%; left: 0; transform: translateY(-50%); width:4px; height:4px; border-radius:100%; background:#aaa;}
.footer_wrap .footer_bottom .link_wrap .family_site ul li:hover a {color:#fa3296;}
.footer_wrap .footer_bottom .link_wrap .family_site ul li:hover a:before {background:#fa3296;}
.footer_wrap .footer_bottom .link_wrap .family_site:hover ul{opacity: 1; visibility: visible;}
.footer_wrap .footer_bottom .link_wrap .family_site:hover span {border-bottom:none;}
.footer_wrap .footer_bottom .link_wrap .family_site:hover span:after {-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.footer_wrap .footer_bottom .info_wrap {border-top:1px solid #ddd;}
.footer_wrap .footer_bottom .info_wrap .shop_info {padding: 17px 0 29px;}
.footer_wrap .footer_bottom .info_wrap .shop_info p {font-size:12px; color:#888; line-height:1.9;}
.footer_wrap .footer_bottom .info_wrap .shop_info p.copy {color:#222; padding-top:4px;}
.footer_wrap .footer_bottom .info_wrap .shop_info span {position:relative; padding:0 10px;}
.footer_wrap .footer_bottom .info_wrap .shop_info span:before {content:''; position:absolute; top:3px; left:0; background:#ccc; width:1px; height:10px;}
.footer_wrap .footer_bottom .info_wrap .shop_info span:first-of-type {padding-left:0;}
.footer_wrap .footer_bottom .info_wrap .shop_info span:first-of-type:before{display:none;}
.footer_wrap .footer_bottom .info_wrap .sns_link {padding-top:14px;}
.footer_wrap .footer_bottom .info_wrap .sns_link li{margin-left:5px;}
.footer_wrap .footer_bottom .info_wrap .sns_link li img {vertical-align:middle; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.footer_wrap .footer_bottom .info_wrap .sns_link li:hover img {opacity:0.85;}
.footer_wrap .footer_bottom .ft_inicis {border-top:1px solid #ddd; padding:12px 0;}
.footer_wrap .footer_bottom .ft_inicis img {vertical-align:middle; padding-right:14px; margin-top:-2px;}
.footer_wrap .footer_bottom .cfr_link {display:inline-block; background:#888; font-size:11px; color:#fff; font-weight:bold; border-radius:3px; height:20px; line-height:19px; padding:0 7px; margin-left:7px;}

/* ----------------
    우측 스크롤
---------------- */
.scroll_right {position: absolute; z-index: 11; top: 200px; right:0;}
.scroll_right .scroll_inner{border: 1px solid #222; width: 98px; background: #fff; text-align:center;}
.scroll_right .scroll_inner .scroll_close_btn {position:absolute; top: -25px; right: 0; width:25px; height:25px; background:url(/assets/img/pc/common/icon_scroll_close.png)no-repeat center;}
.scroll_right .scroll_inner .today_list_wrap h4 {font-size:15px; font-weight:500; color:#222; line-height:1; padding:15px 0;}
.scroll_right .scroll_inner .today_list_wrap h4 .count {font-weight:normal; font-size:17px; color:#fa3296; padding-left: 17px;}
.scroll_right .scroll_inner .today_list_wrap .today_list {border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin:8px 0; padding:4px 15px 0; height: 234px; overflow: hidden;}
.scroll_right .scroll_inner .today_list_wrap .today_list ul li {width:70px; height:70px; margin-top:10px;}
.scroll_right .scroll_inner .today_list_wrap .today_list ul li img {width:100%; height:100%; display:inline-block;}
.scroll_right .scroll_inner .today_list_wrap .today_arrow {display:inline-block; width:12px; height:7px; cursor:pointer; z-index:15;}
.scroll_right .scroll_inner .today_list_wrap .today_list_prev {background:url(/assets/img/pc/common/icon_today_prev.png)no-repeat;}
.scroll_right .scroll_inner .today_list_wrap .today_list_next {background:url(/assets/img/pc/common/icon_today_next.png)no-repeat;}
.scroll_right .scroll_inner .scroll_menu {border-top:1px solid #222; padding:3px 0 0; margin:17px 0 0;}
.scroll_right .scroll_inner .scroll_menu ul li:first-of-type {border:0;}
.scroll_right .scroll_inner .scroll_menu ul li {margin:0 16px; padding:13px 0 12px; border-top:1px solid #ddd;}
.scroll_right .scroll_inner .scroll_menu ul li span{display:block;}
.scroll_right .scroll_inner .scroll_menu ul li .icon {}
.scroll_right .scroll_inner .scroll_menu ul li .txt {font-size:13px; font-weight:bold; color:#888; padding-top:8px;}
.scroll_right .scroll_inner .btn_scroll_top {margin-top:5px;}
.scroll_right .scroll_inner .btn_scroll_top a {height:30px; line-height:30px; background:#222; display:block; color:rgba(255,255,255,.7); font-size:13px; font-weight:bold;}
.scroll_right .scroll_inner .btn_scroll_top a img {vertical-align:middle;}
.scroll_right.off {left:auto; margin:0; right:0; }
.scroll_right.off .scroll_close_btn {background:url(/assets/img/pc/common/icon_scroll_open.png)no-repeat center; background-size:25px 25px;}
.scroll_right.off .scroll_inner {width:60px;}
.scroll_right.off .scroll_menu,
.scroll_right.off .today_list_wrap h4 .count,
.scroll_right.off .today_list_wrap .today_arrow {display:none; margin:0;}
.scroll_right.off .today_list_wrap h4 {font-size:13px; padding:12px 0 9px;}
.scroll_right.off .today_list_wrap .today_list {border:none; height:auto; padding:0 10px; margin:0 0 15px;}
.scroll_right.off .today_list_wrap .today_list ul li {width:40px; height:40px; margin:0;}
.scroll_right.off .today_list_wrap .today_list .slick-list {height:40px !important;}

/* ----------------
    로그인 팝업창
---------------- */
.login_pop_wrap .overlay{ width: 100%;height: 100%;background: rgba(0,0,0,.6); position: fixed; top: 0; left: 0; z-index: 11; visibility: hidden; opacity: 0;}
.login_pop_wrap.on .overlay{opacity:1; visibility: visible;}
.login_pop_wrap .login_pop {width: 400px; position: fixed; z-index: 30; background: #fff; left: 50%; margin-left: -200px; top: 20%; visibility: hidden; opacity: 0; transition: all .3s ease-out;}
.login_pop_wrap.on .login_pop{visibility: visible; opacity: 1; top: 25%;}
.login_pop_wrap .login_pop .login_box {position:relative;}
.login_pop_wrap .login_pop .login_box .login_close_btn {font-size:0; z-index:15; position:absolute; right:-17px; top:-17px; cursor:pointer; width:38px; height:38px; background:url(/assets/img/pc/common/btn_popup_close.png)no-repeat center center;}
.login_pop_wrap .login_pop .login_box .tab_wrap.login_form {}
.login_pop_wrap .login_pop .login_box .tab_wrap .tab_hd {padding: 17px 0 8px;}
.login_pop_wrap .login_pop .login_box .tab_wrap .tab_hd p {font-weight:500; font-size:19px; color:#888; cursor:pointer; width:calc(50% - 40px); line-height:1; position:relative; padding:20px 0; text-align:center;}
.login_pop_wrap .login_pop .login_box .tab_wrap .tab_hd p.on {color:#222; font-weight:bold;}
.login_pop_wrap .login_pop .login_box .tab_wrap .tab_hd p:after {position:absolute; content:''; bottom:0; width:80%; height:2px; background:#ddd;}
.login_pop_wrap .login_pop .login_box .tab_wrap .tab_hd p.on:after {background:#222; width:100%;}
.login_pop_wrap .login_pop .login_box .tab_wrap .tab_hd p:nth-of-type(1) {padding-left:40px;}
.login_pop_wrap .login_pop .login_box .tab_wrap .tab_hd p:nth-of-type(1):after {right:0;}
.login_pop_wrap .login_pop .login_box .tab_wrap .tab_hd p:nth-of-type(2) {padding-right:40px;}
.login_pop_wrap .login_pop .login_box .tab_wrap .tab_hd p:nth-of-type(2):after {left:0;}
.login_pop_wrap .login_pop .login_box .tab_wrap .tab_body .tab_box{display:none;}
.login_pop_wrap .login_pop .login_box .tab_wrap .tab_body .tab_box.on {display:block;}
.login_pop_wrap .login_pop .login_box .tab_wrap .tab_body .tab_box .tab_inner {padding: 0 40px;}
.login_pop_wrap .login_pop .login_box .tab_wrap .tab_body .tab_box .login_input input {display:block; width: 100%; height: 47px;line-height: 47px;font-size: 14px; font-weight:500;color: #222;margin: 12px 0 0;text-indent: 9px; border:1px solid #ccc; box-sizing:border-box;}
.login_pop_wrap .login_pop .login_box .tab_wrap .tab_body .tab_box .login_input input::placeholder {color: #a1a1a1; opacity: 1;}
.login_pop_wrap .login_pop .login_box .tab_wrap .tab_body .tab_box .login_input input::-webkit-input-placeholder {color: #a1a1a1;}
.login_pop_wrap .login_pop .login_box .tab_wrap .tab_body .tab_box .login_input input:-ms-input-placeholder {color: #a1a1a1;}
.login_pop_wrap .login_pop .login_box .tab_wrap .tab_body .tab_box .login_input input:-mos-input-placeholder {color: #a1a1a1;}
.login_pop_wrap .login_pop .login_box .tab_wrap .tab_body .tab_box .login_chk {display:block; margin:10px 0 17px;}
.login_pop_wrap .login_pop .login_box .tab_wrap .tab_body .tab_box .login_chk .save {font-size:13px; color:#444;}
.login_pop_wrap .login_pop .login_box .tab_wrap .tab_body .tab_box .login_chk .msg {font-size:12px; color:#fa3276; margin-top:-3px;}
.login_pop_wrap .login_pop .login_box .tab_wrap .tab_body .tab_box .login_btn button {width:100%; padding:14px 0; text-align:center; background:#222; font-weight:bold; font-size:17px; color:#fff;}
.login_pop_wrap .login_pop .login_box .tab_wrap .tab_body .tab_box .login_link {padding:28px 0; text-align:center;}
.login_pop_wrap .login_pop .login_box .tab_wrap .tab_body .tab_box .login_link a {font-weight:500; font-size:15px;color:#888; position:relative; padding:0 17px; line-height:1;}
.login_pop_wrap .login_pop .login_box .tab_wrap .tab_body .tab_box .login_link a:after {content:''; position:absolute; top:0; left:0; background:#ddd; width:1px; height:14px;}
.login_pop_wrap .login_pop .login_box .tab_wrap .tab_body .tab_box .login_link a:first-of-type:after{display:none;}
.login_pop_wrap .login_pop .login_box .tab_wrap .tab_body .tab_box .login_link a.join_link {color:#fa3296;}
.login_pop_wrap .login_pop .login_box .tab_wrap .tab_body .tab_box .login_sns {padding-bottom:45px;}
.login_pop_wrap .login_pop .login_box .tab_wrap .tab_body .tab_box .login_sns ul li {width: 100%; margin-bottom:5px;}
.login_pop_wrap .login_pop .login_box .tab_wrap .tab_body .tab_box .login_sns ul li a {height:38px; line-height:36px; border:1px solid #ddd; box-sizing:border-box; display:block; font-weight:500; font-size:13px; color:#888;}
.login_pop_wrap .login_pop .login_box .tab_wrap .tab_body .tab_box .login_sns ul li span {display:block; padding-left:127px;}
.login_pop_wrap .login_pop .login_box .tab_wrap .tab_body .tab_box .login_sns ul li.btn_kakao_login span{background:#fff url(/assets/img/pc/member/icon_login_kakao.png)no-repeat left 88px center; background-size:21px 19px;}
.login_pop_wrap .login_pop .login_box .tab_wrap .tab_body .tab_box .login_sns ul li.btn_naver_login span{background:#fff url(/assets/img/pc/member/icon_login_naver.png)no-repeat left 91px center; background-size:17px 16px;}
.login_pop_wrap .login_pop .login_box .tab_wrap .tab_body .tab_box .login_sns ul li.btn_facebook_login span{background:#fff url(/assets/img/pc/member/icon_login_facebook.png)no-repeat left 92px center; background-size:12px 23px;}
.login_pop_wrap .login_pop .login_box .tab_wrap .tab_body .tab_box .login_sns ul li.btn_wemakeprice_login span{background:#fff url(/assets/img/pc/member/icon_login_wemakeprice.png)no-repeat left 19px center; background-size:21px 13px;}
.login_pop_wrap .login_pop .login_box .tab_wrap .tab_body .tab_box .login_benefit {border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px 0 5px; text-align:center; margin:20px 0 0;}
.login_pop_wrap .login_pop .login_box .tab_wrap .tab_body .tab_box .login_benefit p {font-size:15px; color:#888; font-weight:500; padding-bottom:8px; line-height:1;}
.login_pop_wrap .login_pop .login_box .tab_wrap .tab_body .tab_box .login_benefit p strong {font-size:17px; font-weight:bold; color:#222;}
.login_pop_wrap .login_pop .login_box .tab_wrap .tab_body .tab_box .login_benefit p span {color:#fa3296;}
.login_pop_wrap .login_pop .login_box .tab_wrap .tab_body .tab_box .login_notice {background:#f6f6f6; font-size:13px; font-weight:500; color:#888; text-align:center; padding: 25px 26px 27px 27px; letter-spacing: -0.33px; margin:20px 0 0;}
.login_pop_wrap .login_pop .login_box .tab_wrap .tab_body .tab_box .login_notice p {padding-left:8px; position:relative;text-align:left;}
.login_pop_wrap .login_pop .login_box .tab_wrap .tab_body .tab_box .login_notice p:before {content:'·'; position:absolute; left:0; top:0;}
.login_pop_wrap .login_pop .login_box .tab_wrap .tab_body .tab_box .login_top {font-size:15px; font-weight:500; color:#666; line-height:1.7; text-align:center;padding: 18px 0 13px;}
.login_pop_wrap .login_pop .login_box .tab_wrap.find_form {display:none;}
.login_pop_wrap .login_pop .login_box .tab_wrap.find_form.on {display:block;}
.login_pop_wrap .login_pop .login_box .tab_wrap.find_form .login_btn {margin: 0 0 55px;}
.login_pop_wrap .login_pop .login_box .tab_wrap.find_form .find_pw_box {padding:0 0 81px;}
.login_pop_wrap .login_pop .login_box .tab_wrap.find_form .modify_pw_box .login_btn {margin:0 0 26px;}
.login_pop_wrap .login_pop .login_box .tab_wrap.find_form .find_id_complete_box {text-align:center; padding: 58px 0 72px;}
.login_pop_wrap .login_pop .login_box .tab_wrap.find_form .find_id_complete_box .find_top_txt {font-size:15px; color:#222; font-weight:500; padding-bottom:10px;}
.login_pop_wrap .login_pop .login_box .tab_wrap.find_form .find_id_complete_box .find_id_complete {height:45px; line-height:45px; text-align:center; border:1px solid #ddd; font-size:23px; font-weight:500; color:#fa3296;}
.login_pop_wrap .login_pop .login_box .tab_wrap.find_form .find_id_complete_box .find_bottom_txt {font-size:15px; color:#888; font-weight:500; padding-top:20px;}
.login_pop_wrap .login_pop .login_box .tab_wrap.find_form .find_pw_tab_wrap {padding:0 0 23px;}
.login_pop_wrap .login_pop .login_box .tab_wrap.find_form .find_pw_tab_wrap .pw_tab_hd {padding:22px 0 8px;}
.login_pop_wrap .login_pop .login_box .tab_wrap.find_form .find_pw_tab_wrap .pw_tab_hd p {font-size:15px; font-weight:500; color:#a1a1a1; text-align:center; height:46px; line-height:46px; width:50%; border:1px solid #ddd; border-bottom:1px solid #888; box-sizing:border-box; cursor:pointer;}
.login_pop_wrap .login_pop .login_box .tab_wrap.find_form .find_pw_tab_wrap .pw_tab_hd p.on {border-color:#888; border-bottom:none; color:#222;}
.login_pop_wrap .login_pop .login_box .tab_wrap.find_form .find_pw_tab_wrap .pw_tab_body .pw_tab_box {display:none;}
.login_pop_wrap .login_pop .login_box .tab_wrap.find_form .find_pw_tab_wrap .pw_tab_body .pw_tab_box.on {display:block;}
.login_pop_wrap .login_pop .login_box .tab_wrap.find_form .find_pw_tab_wrap .pw_tab_body .pw_tab_box .input_certify_wrap input {display:inline-block; width:215px;}
.login_pop_wrap .login_pop .login_box .tab_wrap.find_form .find_pw_tab_wrap .pw_tab_body .pw_tab_box .input_certify_wrap .certification_btn {width: 100px; height: 47px; background: #222; color:#fff; font-size:14px; font-weight:500; margin-left:5px; margin-top:12px;}
.login_pop_wrap .login_pop .login_box .tab_wrap.find_form .find_pw_tab_wrap .pw_tab_body .pw_tab_box .input_certify {border-bottom:1px solid #ddd; padding:0 0 6px;}
.login_pop_wrap .login_pop .login_box .tab_wrap.find_form .find_pw_tab_wrap .pw_tab_body .pw_tab_box .input_certify .input_sec {position:relative; width:215px;}
.login_pop_wrap .login_pop .login_box .tab_wrap.find_form .find_pw_tab_wrap .pw_tab_body .pw_tab_box .input_certify .input_sec input {border:0; width:160px; margin:9px 0 0; height:37px;}
.login_pop_wrap .login_pop .login_box .tab_wrap.find_form .find_pw_tab_wrap .pw_tab_body .pw_tab_box .input_certify .input_sec .time_seconds {color:#fa3296; position:absolute; top:20px; right:14px; font-size:14px; font-weight:500;}
.login_pop_wrap .login_pop .login_box .tab_wrap.find_form .find_pw_tab_wrap .pw_tab_body .pw_tab_box .input_certify .btn_sec{margin-top:9px;}
.login_pop_wrap .login_pop .login_box .tab_wrap.find_form .find_pw_tab_wrap .pw_tab_body .pw_tab_box .input_certify .btn_sec .btn_certify_confirm {width:100px; height:37px; line-height:37px; background:#fff; font-size:13px; font-weight:500; color:#222; margin-left:5px; border:1px solid #666;}
.login_pop_wrap .login_pop .login_box .tab_wrap.find_form .find_pw_tab_wrap .pw_tab_body .pw_tab_box .input_certify .btn_sec .btn_certify_complete {width:100px; height:37px; line-height:37px; background:#fff; font-size:13px; font-weight:500; color:#aaa; margin-left:5px; border:1px solid #ccc; }
.login_pop_wrap .login_pop .login_box .tab_wrap.find_form .find_pw_complete_box {text-align:center; padding: 37px 0 43px;}
.login_pop_wrap .login_pop .login_box .tab_wrap.find_form .find_pw_complete_box .find_pw_complete {padding:64px 0 42px; background:url(/assets/img/pc/common/icon_login_pop_complete.png)no-repeat top center;}
.login_pop_wrap .login_pop .login_box .tab_wrap.find_form .find_pw_complete_box .find_pw_complete .p1{font-weight:bold; font-size:17px; color:#222; padding-bottom:7px;}
.login_pop_wrap .login_pop .login_box .tab_wrap.find_form .find_pw_complete_box .find_pw_complete .p2{font-weight:500; font-size:15px; color:#888; line-height:24px;}
.login_pop_wrap .login_pop .login_box .tab_wrap.find_form .find_pw_complete_box.email {padding:37px 0 25px;}
.login_pop_wrap .login_pop .login_box .tab_wrap.find_form .find_pw_complete_box.email .find_pw_complete{padding:64px 0 0;}
.login_pop_wrap .login_pop .login_box .tab_wrap.find_form .login_notice.email {margin:59px 0 0;}

/* 로그인 경고창 */
#login_warning_layer .pop_box{width:410px !important;}
#login_warning_layer .pop_box .pop_inner {padding:37px 0 45px;}
#login_warning_layer .pop_box .txt {text-align:center; font-size:15px; font-weight:500; color:#222; line-height:24px;}
#login_warning_layer .pop_box .btn_center {padding:23px 0 0;}
#login_warning_layer .pop_box .btn_center button {width:160px;}

/* 상담하기 팝업 */
#consulting_layer .consulting_table{padding:23px 0;}
#consulting_layer .consulting_table table {width:100%;}
#consulting_layer .consulting_table table th {font-size:13px; font-weight:500; color:#222; text-align:left; padding:6px 0 6px 0; letter-spacing:-0.33px; border:0; line-height: 36px; vertical-align: top;}
#consulting_layer .consulting_table table td {font-size:15px; font-weight:500; color:#666; padding:6px 0 6px 0;border:0; text-align:left;}
#consulting_layer .consulting_table table textarea {font-size: 14px; font-weight: 500; line-height: 22px; border: 1px solid #ccc; box-sizing: border-box; padding: 13px 13px; height: 200px; width: 100%;}
#consulting_layer .consulting_table table .cellphone select {width:70px;}
#consulting_layer .consulting_table table .gender > div {margin-right:17px;}
#consulting_layer .agree_box > div{display:block; position:relative; font-size:14px; color:#888; font-weight:500;}
#consulting_layer .agree_box > div:first-of-type{margin-bottom:10px;}
#consulting_layer .agree_box strong {font-weight:500;color:#fa3296;}
#consulting_layer .agree_box .view_pop {position:absolute; top:3px; right:0; }
#consulting_layer .agree_box .view_pop a {font-size:13px; font-weight:500; color:#888; border-bottom:1px solid #888;}
#consulting_layer .pop_box .btn_center {padding:23px 0 40px;}

/* ----------------
    input
---------------- */
input.w150 {width:150px;}
input.w100pr {width:100%;}

/* ----------------
    location
---------------- */
.location {padding:37px 0;}
.location .location_inner div {padding-left:25px; position:relative; font-size:14px; color:#888; font-weight:500;}
.location .location_inner div.now {color:#222;}
.location .location_inner div:before {content:''; position:absolute; top:6px; left:10px; background:url(/assets/img/pc/common/icon_location_arrow.png)no-repeat; width:5px; height:9px;}
.location .location_inner div:first-of-type {padding:0;}
.location .location_inner div:first-of-type:before {display:none;}
.location .location_inner .location_select {position:relative; cursor:pointer;}
.location .location_inner .location_select .location_tit span {position:relative; padding:0 0 15px;}
.location .location_inner .location_select .location_tit span:before {content:''; position:absolute; top:7px; right:-16px; background:url(/assets/img/pc/common/icon_location_select.png)no-repeat; width:8px; height:5px;}
.location .location_inner .location_select .location_tit span:after {content:''; position:absolute; top:2px; right:-19px; width:12px; height:12px; border:1px solid #ccc; border-radius:100%;}
.location .location_inner .location_select:hover ul {display:block;}
.location .location_inner .location_select ul {display:none; position:absolute; top:28px; left:25px; min-width:155px; border:1px solid #666; box-sizing:border-box; background:#fff;}
.location .location_inner .location_select ul li a{color:#888; font-size:14px; display:block; padding:9px 0;}
.location .location_inner .location_select ul li span {padding-left: 15px;}
.location .location_inner .location_select ul li:hover a {background:#f6f6f6;}

/* ----------------
    pagination
---------------- */
.pagination {margin:30px 0 0 0;}
.pagination ul {padding:30px 0 0; text-align:center; font-size:0;}
.pagination li {display:inline-block; vertical-align:middle; line-height:1; padding:0 10px;}
.pagination li a {display:block; color:#888; font-size: 15px; font-weight:500; vertical-align:middle; border-bottom:1px solid #fff;}
.pagination li.on a {color:#222; border-bottom:1px solid #222;}
.pagination .btn_page {padding:0 5px;}
.pagination .btn_page a {width:26px; height:27px; font-size:0;}
.pagination .btn_page_first {background: url("/assets/img/pc/common/btn_paging_first.png") no-repeat center top;}
.pagination .btn_page_prev {background: url("/assets/img/pc/common/btn_paging_prev.png") no-repeat center top;}
.pagination .btn_page_next  {background: url("/assets/img/pc/common/btn_paging_next.png") no-repeat center top;}
.pagination .btn_page_last {background: url("/assets/img/pc/common/btn_paging_last.png") no-repeat center top;}

/* ----------------
    star
---------------- */
.range {font-size:0;}
.range .star {display:inline-block; vertical-align:top; background:url("/assets/img/pc/board/star.png")no-repeat center; width:14px; height:14px;}
.range .star.star_half {background:url("/assets/img/pc/board/star_half.png")no-repeat center;}
.range .star.star_empty {background:url("/assets/img/pc/board/star_empty.png")no-repeat center;}

/* ----------------
    데이터가 없을 시
---------------- */
.no_data {font-size:25px; color:#aaa; font-weight:normal; padding:105px 0 170px; background:url("/assets/img/pc/common/icon_empty.png")no-repeat top center; text-align:center; margin:170px 0 0;}
.no_data.s {font-size:18px; color:#aaa; font-weight:normal; padding:75px 0 36px; background:url("/assets/img/pc/common/icon_empty_s.png")no-repeat top center; text-align:center; margin:45px 0 0;}

/* ----------------
    layer
---------------- */
.pop_layer{display:none;position:fixed;_position: absolute;top:0;left:0;width:100%;height:100%;z-index:100;}
.pop_layer .pop_bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.6;}
.pop_layer .pop_close_btn, .pop_layer .pop_close_btn_custom{font-size:0; z-index:15; position:absolute; right:-17px; top:-17px; cursor:pointer; width:38px; height:38px; background:url(/assets/img/pc/common/btn_popup_close.png)no-repeat center center;}
.pop_layer .pop_inner {position:relative; padding:20px 40px 0;}
.pop_layer .pop_box{position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);width:580px;height:auto;background:#fff;}
.pop_layer .pop_box .tit_wrap {text-align:left; padding:20px 0 20px; border-bottom:2px solid #000;}
.pop_layer .pop_box .tit_wrap h2 {font-weight:bold; font-size:19px; color:#222; line-height:1; position:relative;}
.pop_layer .pop_box .tit_wrap span {color:#fa3396; font-size:15px; font-weight:500;}
.pop_layer .pop_box .pop_contents {margin:30px 0 0;}
.pop_layer .pop_box .btn_center {text-align:center; padding:30px 0 40px;}
.pop_layer .pop_box .btn_center button {width:200px; text-align:center; height:50px; line-height:49px; box-sizing:border-box; font-size:15px; font-weight:500; margin:0 5px;}
.pop_layer .pop_box .btn_center button.btn_cancel,
.pop_layer .pop_box .btn_center button.btn_close {background:#fff; color:#222; border:1px solid #222;}
.pop_layer .pop_box .btn_center button.btn_ok,
.pop_layer .pop_box .btn_center button.btn_apply {background:#222; color:#fff; border:1px solid #222;}



/* ----------------
    필수항목표시
---------------- */
.important_tit{position:relative; text-align:right; font-size:13px; font-weight:500; color:#888; padding-bottom:7px;}
.important_tit:after{content:''; position:absolute; top:0; left:-8px; width:5px; height:5px; background:url(/assets/img/pc/common/icon_important.png)no-repeat center;}
.important{position:relative; display:inline-block;}
.important:after{content:''; position:absolute; top:0; right:-11px; width:5px; height:5px; background:url(/assets/img/pc/common/icon_important.png)no-repeat center;}

/* ----------------
    기본입력 테이블
---------------- */
table{width:100%;border-spacing:0;/*border-collapse:collapse;*/}
table td,table th {}
.td_right,.th_right{text-align:right;}
.td_left,.th_left{text-align:left;}
.td_center,.th_center{text-align:center;}
.base_info_sec {padding:0 0 35px; border-bottom:1px solid #ddd;}
.base_info_sec table{width:100%; border-top:2px solid #222; padding:20px 0;}
.base_info_sec table th{text-align:left; background:#fff; font-size: 13px; color: #666; font-weight:500; border:0;}
.base_info_sec table td{padding:6px 0; font-size: 14px; font-weight:500; color:#222; text-align:left; border:0;}
.base_info_sec table td div{line-height:38px; vertical-align:middle;}
.base_info_sec table input[type="text"],
.base_info_sec table input[type="password"]{width:150px; height:38px; font-size: 14px; font-weight: 500; color: #222;}
.base_info_sec table label {font-size: 14px; font-weight: 500; color: #222;}
.base_info_sec table input.w70 {width:70px;}
.base_info_sec table input.w184 {width:184px;}
.base_info_sec table input.w200 {width:200px;}
.base_info_sec table input.w215 {width:215px;}
.base_info_sec table input.w360 {width:360px;}
.base_info_sec table select {-webkit-appearance:none; -moz-appearance:none; appearance:none; padding-left:15px; text-align:center; background:url(/assets/img/pc/common/icon_sel_down.png)no-repeat right 11px center; background-size:12px 6px; vertical-align:middle; font-size: 14px; font-weight: 500; color: #222;}
.base_info_sec table select::-ms-expand{ display:none;}
.base_info_sec table ul li {display:inline-block; padding:0 18px 0 0;}
.base_info_sec table .cellphone select {width:70px; text-align:left; } /*  2021.10.25 gcs ksm :  #12069 셀렉트박스 화살표와 숫자표시 겹침현상  */
.base_info_sec table .cellphone .btn_pw_change {width:56px; height:38px; background:#222; color:#fff; text-align:center; font-size:14px; font-weight:500; margin-left:3px;}
.base_info_sec table .cellphone .form_element,
.base_info_sec table .email .form_element,
.base_info_sec table .birth .form_element {padding-left:18px;}
.base_info_sec table .email div,
.base_info_sec table .birth div {display:inline-block;}
.base_info_sec table .email select {width:120px; margin-left:3px; text-align:left;} /*  2021.10.25 gcs ksm :  #12069 셀렉트박스 화살표와 숫자표시 겹침현상  */
.base_info_sec table .address th {vertical-align:top; padding-top: 16px;}
.base_info_sec table .address .address_postcode {padding:0 0 6px 0;}
.base_info_sec table .address .address_postcode input {width:120px;}
.base_info_sec table .address .address_postcode .btn_post_search {width:109px; height:38px; background:#222; color:#fff; text-align:center; font-size:14px; font-weight:500; margin-left:3px; display:inline-block;}
.base_info_sec table .address .address_input > div {padding:6px 0;}
.base_info_sec table .address .address_input > div:first-of-type input{width:334px;}
.base_info_sec table .address .address_input > div:nth-of-type(2) input{width:290px;}
.base_info_sec table .birth select {width:90px; margin-right:3px;}
.base_info_sec table .birth .birthyear select {width:101px;}
.base_info_sec table .btn_shipping_list{width:98px; height:38px; background:#222; color:#fff; text-align:center; font-size:14px; font-weight:500; margin-left:3px; display:inline-block;} /*  2021.10.27 gcs ksm : #12363 글씨는 14, 버튼세로는 38 */

/* 모아컴즈 : 20230805 : 추천인 확인 버튼 */
.base_info_sec table .btn_recommend_check {width:100px; height:38px; background:#222; color:#fff; text-align:center; font-size:14px; font-weight:500; margin-left:3px;}


/* ----------------
    레이어 팝업 css
---------------- */
/* 레이어 팝업 폰트 조절 */
.ui-dialog .ui-dialog-content {font-size:13px;}
.ui-dialog .ui-dialog-content #openDialogLayerBtns .btn input[type="button"]{background: url(/admin/skin/default/images/common/btnBg.png) no-repeat; background-position: left -100px; font-size:13px;}


/* 200807. ry4nkim. DatePicker Style */
/* 달력 헤더 */
.ui-widget-header {border: 0; background: #ffffff; color: #eeeeee; font-weight: bold;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width: 49%; height: 30px; margin: 0px; border: 1px solid #ccc;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {display: block;position: absolute;left: 50%;margin-left: -8px;top: 68%;margin-top: -8px;}
/* 디폴트 항목 */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #CCCCCC; background: #FFFFFF; font-weight: normal; color: #333333; text-align: center; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #e3e3e3; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #cccccc; background: #fa3296; font-weight: normal; color: #ffffff; }
.ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; }
/* 선택 항목 */
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #cccccc; background: #fa3296; font-weight: normal; color: #ffffff; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #222222; text-decoration: none; }
.ui-widget :active { outline: none; }

/* 200813. ry4nkim. depthless margin */
.depthless {margin-top: 50px;}

/* 200825. ry4nkim. 오픈 다이얼로그 CSS (알림 내용 300px 넘어가야 스크롤 생기게) */
.ui-dialog {height: auto !important; max-height: 380px !important;} /* 내용 300px + 확인 버튼 80px */
#openDialogLayer {height: auto !important;max-height: 300px !important;} /* 내용 300px */

/* 찜하기, 장바구니 추가 클릭 시  */
.open_dialog_layer{display:none;position:fixed;_position: absolute;top:0;left:0;width:100%;height:100%;z-index:9999;}
.open_dialog_layer .pop_bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;visibility: hidden; opacity: 0; transition: all .3s ease-out;}
.open_dialog_layer.on  {display:block}
.open_dialog_layer.on .pop_bg {visibility: visible; opacity:.6;}
.open_dialog_layer .pop_box{position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);width:410px;height:auto;background:#fff;}
.open_dialog_layer .pop_box .pop_inner {padding:37px 0 45px;}
.open_dialog_layer .pop_box .txt {text-align:center; font-size:15px; font-weight:500; color:#222; line-height:24px;}
.open_dialog_layer .pop_close_btn{font-size:0; z-index:15; position:absolute; right:-17px; top:-17px; cursor:pointer; width:38px; height:38px; background:url(/assets/img/pc/common/btn_popup_close.png)no-repeat center center;}
.open_dialog_layer .pop_box .btn_center {text-align:center; padding:23px 0 0;}
.open_dialog_layer .pop_box .btn_center button {width:160px; text-align:center; height:50px; line-height:49px; box-sizing:border-box; font-size:15px; font-weight:500; margin:0 5px;}
.open_dialog_layer .pop_box .btn_center button.btn_cancel{background:#fff; color:#222; border:1px solid #222;}
.open_dialog_layer .pop_box .btn_center button.btn_ok {background:#222; color:#fff; border:1px solid #222;}
.open_dialog_layer .pop_box .btn_center button.btn_confirm {background:#fff; color:#222; border:1px solid #222;}
/* 220317 뮤자인 태일추가 */
.open_dialog_layer .pop_box .btn_center button.btn_ok.bigOne{width:85%}

/**************************** 이벤트 하단 댓글게시판 생성(21.08.20) #11189 #11659 디자인팀  ****************************/
.goods_event_ban {overflow:hidden;}
.goods_event_ban img {max-width:100%;}
.comment_wrap {padding-top:50px;}
.comment_wrap h1 {padding-bottom:20px; font-size:17px; font-weight:600; color:#212121;}
.comment_wrap .regist {display:flex;}
.comment_wrap .textarea {display:inline-block; position:relative; width:90%; margin-right:5px;}
.comment_wrap .textarea textarea {height:109px; resize:none; box-sizing:border-box; border-color:#ddd; padding:20px 25px; font-size:13px;}
.comment_wrap .textarea textarea::placeholder {color:#666;}
.comment_wrap .textarea .view-len {position:absolute; bottom:15px; right:20px; font-size:13px; color:#b5b5b5;}
.comment_wrap .button {display:inline-block;}
.comment_wrap .button .comButt {width:129px; height:109px; background:#222; text-align:center; font-size:14px; color:#fff;}
.comment_wrap .regist + p {padding-top:20px; text-align:center; font-size:13px; color:#b5b5b5;}
.comment_list {padding-top:40px; padding-bottom:40px;}
.comment_list h1 {border-bottom:1px solid #ddd; padding-bottom:20px; font-size:17px; font-weight:600; color:#212121;}
.comment_list h1 em {padding-left:5px; font-weight:inherit; color:#fa3199;}
.comment_list .loop {border-bottom:1px solid #ddd; padding:35px 0;}
.comment_list .loop .user span {display:inline-block; padding-right:15px; font-size:13px; color:#888; line-height:1.0;}
.comment_list .loop .user .btn_remove_wish {display:inline-block; vertical-align:top; margin-right:5px; font-size:14px; color:#fe84bf; line-height:1.0;}
.comment_list .loop .user .btn_add_wish {display:inline-block; vertical-align:top; margin-right:5px; font-size:14px; color:#000; line-height:1.0;}
.comment_list .loop .comment {padding-top:15px; font-size:14px; color:#555;}
/**************************** 이벤트 하단 댓글게시판 생성(21.08.20) #11189 #11659 디자인팀  ****************************/






/**************************** 브랜드페이지 개편(21.08.23) #11634 브랜드 페이지 개편 디자인팀 ****************************/
.brand_list_tab {max-width:1180px; margin:0 auto 100px; overflow:hidden;}
.brand_list_tab li {float:left; width:234px;} /* 220207 뮤자인 태일 */

.brand_list_tab li a{display:block; width:100%;}
.brand_list_tab li a img{display:block; width:100%;}
.brand_list_tab li + li {padding-left:2px;}


.brand_view_tab {max-width:1180px; margin:0 auto; overflow:hidden;}
.brand_list_tab_menu{display:flex; justify-content: center;}
.brand_view_tab li {float:left; width:234px; height:63px;}
.brand_view_tab li + li {padding-left:2px;}
.brand_view_tab li a {display:block; line-height:63px; text-indent:-9999px;}

.brand_view_tab li:nth-child(1) a {background:url('/assets/img/pc/brand/view_tab01_off.jpg') no-repeat;}
.brand_view_tab li:nth-child(2) a {background:url('/assets/img/pc/brand/view_tab02_off.jpg') no-repeat;}
.brand_view_tab li:nth-child(3) a {background:url('/assets/img/pc/brand/view_tab03_off.jpg') no-repeat;}
.brand_view_tab li:nth-child(4) a {background:url('/assets/img/pc/brand/view_tab04_off.jpg') no-repeat;}
.brand_view_tab li:nth-child(5) a {background:url('/assets/img/pc/brand/view_tab05_off.jpg') no-repeat;}

.brand_view_tab li:nth-child(1).current a {background:url('/assets/img/pc/brand/view_tab01_on.jpg') no-repeat;}
.brand_view_tab li:nth-child(2).current a {background:url('/assets/img/pc/brand/view_tab02_on.jpg') no-repeat;}
.brand_view_tab li:nth-child(3).current a {background:url('/assets/img/pc/brand/view_tab03_on.jpg') no-repeat;}
.brand_view_tab li:nth-child(4).current a {background:url('/assets/img/pc/brand/view_tab04_on.jpg') no-repeat;}
.brand_view_tab li:nth-child(5).current a {background:url('/assets/img/pc/brand/view_tab05_on.jpg') no-repeat;}
.brand_view_tab li:nth-child(5){
/* 	display:none; */
}

.brand_page_tab {max-width:1600px; margin:0 auto;}
[data-scroll="steps"] [data-step-scroll="fadein_up"] {opacity:0; transform:translateY(50px); transition:.8s;}
[data-scroll="steps"].on [data-step-scroll="fadein_up"] {opacity:1; transform:translateY(0);}
[data-scroll="steps"] [data-step-scroll="zoomin_up"] {opacity:0; transform:translateY(100px) scale(0); transition:.8s;}
[data-scroll="steps"].on [data-step-scroll="zoomin_up"] {opacity:1; transform:translateY(0) scale(1);}
.brand_page_tab .section {position:relative;}
.brand_page_tab .section .inner {position:relative; display:flex; justify-content:space-between; align-items:center; width:1180px; margin:0 auto;}
.brand_page_tab .section .inner > li:nth-child(1) {width:558px;}
.brand_page_tab .section .inner > li:nth-child(2) {width:622px;}
.brand_page_tab .section01 {}
.brand_page_tab .section01 > div {background:url('/assets/img/pc/brand/view_evercollagen01_bg.png') no-repeat center top; background-size:cover;}
.brand_page_tab .section01 .inner > li {padding:125px 0 75px;}
.brand_page_tab .section01 .sns {position:absolute; top:30px; right:0; display:flex;}
.brand_page_tab .section01 .sns li {padding-left:8px;}
.brand_page_tab .section02 {background:#fff; padding:85px 0;}
.brand_page_tab .section03 {background:#fae0e8;}
.brand_page_tab .section03-1 {background:#fff; padding:30px 0 40px;}
.brand_page_tab .section04 {background:#fff;}
.brand_page_tab .section04 li {text-align:right;}
.brand_page_tab .section05 {background:url('/assets/img/pc/brand/view_evercollagen05_bg.jpg') repeat-x;}
.brand_page_tab .section05 li.txt {padding-top:90px;}
.brand_page_tab .section06 {background:#fff;}
.brand_page_tab .section06 li {text-align:right;}
.brand_page_tab .section07 {background:#f16eaa; padding:90px 0 80px; text-align:center;}
.brand_page_tab .section07 li {width:100% !important;}
.brand_page_tab .section08 {background:#fff; padding:60px 0 80px; text-align:center;}
.brand_page_tab .section08 .inner {display:inline-block; margin-left:-20px; overflow:hidden;}
.brand_page_tab .section08 .inner > li {float:left; box-sizing:border-box; width:25% !important; padding:20px 0 0 20px;}
.brand_page_tab .section08 .thumb {display:block; position:relative; overflow:hidden;}
.brand_page_tab .section08 .thumb img {width: 100%;}
.brand_page_tab .section08 .thumb .icon {position:absolute; top:15px; left:15px;}
.brand_page_tab .section08 .thumb .bg {position:absolute; bottom:0; left:0; right:0; width:100%; display:flex; justify-content:space-between; align-items:bottom; text-align:center; opacity:0; transition:all 0.5s ease; transform:translateY(10px);}
.brand_page_tab .section08 .thumb:hover .bg {opacity:1; transform:translateY(0);}
.brand_page_tab .section08 .thumb .bg a {display:block; width:100%; background:#000; padding:10px 20px; font-size:16px; color:#fff;}
.brand_page_tab .section08 .thumb .bg em {display:block; width:100%; background:rgba(255,255,255,0.5); padding:10px 20px; font-size:16px; color:#000;}
.brand_page_tab .section08 .info {/*min-height:75px;*/ padding:20px 0; letter-spacing:-0.5px;}
.brand_page_tab .section08 .icon {border-radius:50px; border:1px solid transparent; background:#222; padding:0 10px 1px; font-size:14px; font-weight:600; color:#fff;}
.brand_page_tab .section08 .icon.v2 {border-color:#222; background:#fff; font-weight:500; color:#222;}
.brand_page_tab .section08 .desc {font-size:14px; color:#888; line-height:1.2;}
.brand_page_tab .section08 .name {padding-top:4px; font-size:21px; font-weight:500; color:#222; letter-spacing:-1px; line-height:1.2;}
.brand_page_tab .section08.v2 .inner > li {width:100% !important; background:#d7dbeb; display:flex; justify-content:space-between; align-items:center; padding:0;}
.brand_page_tab .section08.v2 .thumb {display:block; width:100%; height:100%;}
.brand_page_tab .section08.v2 .info {display:block; width:100%; height:100%; background:#d7dbeb; padding-left:65px; text-align:left;}
.brand_page_tab .section08.v2 .icon {margin-right:5px; padding:0 30px 1px; font-size:20px;}
.brand_page_tab .section08.v2 .desc {font-size:18px; font-weight:500; color:#272a6c;}
.brand_page_tab .section08.v2 .name {padding-top:8px; font-size:22px;}
.brand_page_tab .section08.v2 .tag {padding-top:5px; font-size:30px; font-weight:500; color:#222; letter-spacing:-1px; line-height:1.2;}




/* 유튜브 동영상 팝업 */
.full_youtube {display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:1000;}
.full_youtube .wrap {position:absolute; top:50%; left:50%; margin:-330px 0 0 -590px; width:1180px;}
.full_youtube .mov {position:relative; width:100%; padding-bottom:56.25%;}
.full_youtube .mov iframe {position:absolute; width:100%; height:100%;}
.full_youtube .close {position:absolute; top:-20px; right:0; width:30px; height:30px; border-radius:50px; border:2px solid #000; background:#fff; text-indent:-9999px;}
.full_youtube .close:before {display:block; content:''; position:absolute; left:6px; top:14px; width:18px; height:2px; background:#000; transform:rotate(45deg);}
.full_youtube .close:after {display:block; content:''; position:absolute; left:6px; top:14px; width:18px; height:2px; background:#000; transform:rotate(-45deg);}

/**************************** 브랜드페이지 개편(21.08.23) #11634 브랜드 페이지 개편 디자인팀 ****************************/