@charset "utf-8";
/* common */
.mb_hidden{display:none !important}
.prd_list .nodata{display:block !important;width:100%;line-height:200px;text-align:center}
.scroll-box{overflow-x:auto}
.scroll-box img{width:500px;max-width:500px}
.youtube_box{position:relative;width:100%;height:0;padding-bottom:58.5%}
.youtube_box iframe{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}
/* common style - button */
.btn_area{margin-top:40px;text-align:center}
.btn_area::after{content:"";display:block;clear:both}
.btn_area .btn_txt{margin-top:8px}
.btn_area .btn_txt:first-child{margin-top:0}
.btn_area.col2 .btn_txt{float:left;min-width:49%;margin-top:0}
.btn_area.col2 .btn_txt:first-child{margin-right:2%}
.btn_area.col3 .btn_txt{float:left;min-width:32%;margin-right:2%;margin-top:0}
.btn_area.col3 .btn_txt:last-child{margin-right:0}
.btn_txt{display:inline-block;min-width:100%;height:50px;line-height:50px;padding:0 10px;box-sizing:border-box;border:1px solid #000;font-size:14px;font-weight:700;color:#000;text-align:center}
.btn_txt.btn_more{font-weight:500}
.btn_txt.btn_black{background:#000;border:1px solid #000;color:#fff}
.btn_txt.btn_lblack{background:#111;border:1px solid #111;color:#fff}
.btn_txt.btn_red{background:#C70000;border:1px solid #C70000;color:#fff}
.btn_txt.btn_line_lgray{border:1px solid #ddd}
.btn_paging{display:block;margin:20px auto;width:35px;height:30px;background:url(/common/images/default/more_icon.png)center no-repeat;background-size:25px;text-indent:-9999px}
/* header */
#header{position:absolute;top:0;left:0;right:0;z-index:500;border-bottom:1px solid #ddd}
#header.scrollOn{position:fixed}
#header.scrollOn .top_banner{opacity:0.9}
#header.scrollOn .wrap{background:rgba(255, 255, 255, 0.9)}
#header .top_banner{position:relative;z-index:550}
#header .top_banner.fixed{position:fixed;top:0;left:0;width:100%}
#header .top_banner .inner{position:relative;width:100%;background:#d3dae0;color:#111}
#header .top_banner .inner:nth-child(even){background:#e70f7a;color:#fff}
#header .top_banner .inner a{font-size:12px;line-height:35px;text-align:center}
#header .top_banner .inner a em{font-weight:700}
#header .top_banner .inner button{position:absolute;top:50%;right:0;overflow:hidden;width:12px;height:12px;margin-top:-6px;background:url(/common/images/default/top_banner_close.png) 0 0 no-repeat;background-size:12px;text-indent:-9999px}
#header .wrap{position:relative;padding:15px 20px;background:#fff}
#header .wrap .m_lang_area{display:none;position:absolute;top:5px;left:14px}
#header .wrap .m_lang_area .kr,
#header .wrap .m_lang_area .jp{border:1px solid #ccc;/* border-radius:100%; */box-sizing:border-box}
#header .wrap .m_lang_area .ico{display:block;padding:3px 5px;box-sizing:border-box}
#header .wrap .m_lang_area .ico img{display:inline-block;vertical-align:middle;width:30px;margin-right:3px}
#header .wrap .m_lang_area ul{position:relative;display:none;background:#fff;border:1px solid #ccc;z-index:10}
#header .wrap .mb_menu{position:absolute;top:50%;left:20px;width:20px;height:16px;margin-top:-8px}
#header .wrap .mb_menu .mb_open_btn{position:relative;width:20px;height:16px;overflow:hidden}
#header .wrap .mb_menu .mb_open_btn span{position:absolute;overflow:hidden;text-indent:-9999px}
#header .wrap .mb_menu .mb_open_btn .hidden{top:-1px;left:-1px;width:0;height:0;font-size:0}
#header .wrap .mb_menu .mb_open_btn span:nth-child(2){top:0;left:0;width:100%;height:2px;background:#111}
#header .wrap .mb_menu .mb_open_btn span:nth-child(3){top:50%;left:0;width:90%;height:2px;margin-top:-1px;background:#111}
#header .wrap .mb_menu .mb_open_btn span:nth-child(4){bottom:0;left:0;width:100%;height:2px;background:#111}
#header .wrap .mb_menu .mb_gnb{position:fixed;top:0;left:-100%;bottom:0;width:100%;background:#fff;z-index:600}
#header .wrap .mb_menu .mb_gnb .inner{height:100%;overflow-y:auto}
#header .wrap .mb_menu .mb_gnb .inner .mb_btn_close{width:21px;height:21px;margin:20px;overflow:hidden;background:url(/common/images/default/gnb_mb_close.png) 0 0 no-repeat;background-size:21px;text-indent:-999px}
#header .wrap .mb_menu .mb_gnb .inner .my_info{padding:10px 20px 50px}
#header .wrap .mb_menu .mb_gnb .inner .my_info h2{font-size:18px;color:#111;font-weight:700}
#header .wrap .mb_menu .mb_gnb .inner .my_info .btn_area{margin-top:30px}
#header .wrap .mb_menu .mb_gnb .inner .my_info .btn_area .btn_txt{height:auto;line-height:1.3;padding:15px 0}
/* #header .wrap .mb_menu .mb_gnb .inner .menu ul{padding:15px 0} */
#header .wrap .mb_menu .mb_gnb .inner .menu li b{display:block;font-size: 18px;font-weight:700;color:#111}
#header .wrap .mb_menu .mb_gnb .inner .menu>li{margin-bottom:40px}
#header .wrap .mb_menu .mb_gnb .inner .menu>li:last-child{margin-bottom:50px}
#header .wrap .mb_menu .mb_gnb .inner .menu>li>b{padding:0 20px;font-size:25px;cursor:pointer}
/* #header .wrap .mb_menu .mb_gnb .inner .menu>li>ul{padding:15px 20px;background:#f4f4f4} */
#header .wrap .mb_menu .mb_gnb .inner .menu>li>ul{display:none}
#header .wrap .mb_menu .mb_gnb .inner .menu>li:first-child>ul{display:block}
#header .wrap .mb_menu .mb_gnb .inner .menu>li>ul li{margin-top:15px;padding:0 20px}
#header .wrap .mb_menu .mb_gnb .inner .menu>li>ul li a{font-size:18px;color:#111}
#header .wrap .mb_menu .mb_gnb .inner .menu>li>ul ul{display:none}
#header .wrap .mb_menu .mb_gnb .inner .cs_link{overflow:hidden;border-top:1px solid #ddd}
#header .wrap .mb_menu .mb_gnb .inner .cs_link li{float:left;width:50%;padding:0 20px;border-bottom:1px solid #ddd;box-sizing:border-box}
#header .wrap .mb_menu .mb_gnb .inner .cs_link li:nth-child(odd){border-right:1px solid #ddd}
#header .wrap .mb_menu .mb_gnb .inner .cs_link li a{display:block;background:url(/common/images/default/mb_cs_link.png) 100% 50% no-repeat;background-size:7px;line-height:48px;font-size:15px;color:#111;font-weight:500}
#header .wrap .mb_menu .mb_gnb .inner .cs_info{padding:50px 20px}
#header .wrap .mb_menu .mb_gnb .inner .cs_info p{font-size:13px;color:#999;font-weight:500}
#header .wrap .mb_menu .mb_gnb .inner .cs_info .call{padding-left:38px;margin-bottom:10px;background:url(/common/images/default/mb_cs_info_call.png) 0 center no-repeat;background-size:22px;height:22px;line-height:22px;font-size:20px;font-weight:700;color:#111}
#header .wrap .mb_menu .mb_gnb .lang_area{margin-top:10px;font-size:0}
#header .wrap .mb_menu .mb_gnb .lang_area li{display:inline-block;vertical-align:middle;width:40px;margin-right:7px}
#header .wrap .mb_menu .mb_gnb .lang_area li.kr,
#header .wrap .mb_menu .mb_gnb .lang_area li.jp{/* width:35px; */border:1px solid #ccc;/* border-radius:100%; */box-sizing:border-box}
#header .wrap .mb_menu .mb_gnb .lang_area li.en a{height:22px;margin-top:1px}
#header .wrap .mb_menu .mb_gnb .lang_area li.en a img{height:100%}
/* #header .wrap .mb_menu .mb_gnb .inner .sns_area{background:#111;padding:15px 0} */
#header .wrap .mb_menu .mb_gnb .inner .sns_area .sns_wrap{overflow:hidden;margin-top:12px}
#header .wrap .mb_menu .mb_gnb .inner .sns_area .sns_wrap li{float:left;/* width:25% */margin-right:10px}
#header .wrap .mb_menu .mb_gnb .inner .sns_area .sns_wrap li a{overflow:hidden;vertical-align:middle;margin:0 auto;text-indent:-999px}
#header .wrap .mb_menu .mb_gnb .inner .sns_area .sns_wrap li .ico_facebook{width:35px;height:35px;background:url(/common/images/default/ico_sns_facebook.png) center no-repeat;background-size:100%}
#header .wrap .mb_menu .mb_gnb .inner .sns_area .sns_wrap li .ico_insta{width:35px;height:35px;background:url(/common/images/default/ico_sns_insta.png) center no-repeat;background-size:100%}
#header .wrap .mb_menu .mb_gnb .inner .sns_area .sns_wrap li .ico_youtube{width:35px;height:35px;background:url(/common/images/default/ico_sns_youtube.png) center no-repeat;background-size:100%}
#header .wrap .mb_menu .mb_gnb .inner .sns_area .sns_wrap li .ico_story{width:35px;height:35px;background:url(/common/images/default/ico_sns_kakao.png) center no-repeat;background-size:100%}


#header .wrap h1{width:98px;height:30px;margin:0 auto}
#header .wrap .util{position:absolute;top:50%;right:20px;height:26px;margin-top:-13px}
#header .wrap .util p{display:inline-block;vertical-align:middle;margin-right:8px}
#header .wrap .util .cart{position:relative;width:26px;height:26px;overflow:hidden;background:url(/common/images/default/icon_cart.png) 0 0 no-repeat;background-size:19px;text-indent:-999px}
#header .wrap .util .cart span{position:absolute;bottom:0;right:0;width:15px;height:15px;background:#111;border-radius:100%;color:#fff;font-size:10px;line-height:15px;text-align:center;text-indent:0}
#header .wrap .util .search{width:22px;height:22px;overflow:hidden;background:url(/common/images/default/icon_search.png) 0 0 no-repeat;background-size:22px;vertical-align:middle;text-indent:-999px}
#header .wrap .util .search.on ~.gnb_srch{display:block}
#header .wrap .util .search.on{background:url(/common/images/default/gnb_mb_close.png) 0 0 no-repeat;background-size:22px}
#header .wrap .util .gnb_srch{display:none;position:fixed;top:85px;left:0;right:0;width:100%;padding:70px 20px 77px;background:#fff;box-sizing:border-box;z-index:490}
#header .wrap .util .gnb_srch .ip_box{overflow:hidden;padding-bottom:16px;border-bottom:1px solid #ddd}
#header .wrap .util .gnb_srch .ip_box input{float:left;width:calc( 100% - 43px );height:23px;padding-left:10px;border:0;line-height:23px;font-size:15px;color:#111;font-weight:500;box-sizing:border-box}
#header .wrap .util .gnb_srch .ip_box p{float:right;padding:0 10px;box-sizing:border-box}
#header .wrap .util .gnb_srch .ip_box p a{width:23px;height:23px;margin-right:0;background:url(/common/images/default/icon_search.png) 0 0 no-repeat;background-size:23px;overflow:hidden;text-indent:-9999px}

.layer_cart{display:none}

.search_wrapper #header .wrap,
.pd_view_warpper #header .wrap,
.mypage.wrapper #header .wrap,
.order.wrapper #header .wrap{padding:0}
.pd_view_warpper #header .page_hide,
.mypage.wrapper #header .page_hide,
.search_wrapper #header .page_hide,
.order.wrapper #header .page_hide{display:none !important}
.pd_view_warpper #header .wrap .util .gnb_srch,
.mypage.wrapper #header .wrap .util .gnb_srch,
.search_wrapper #header .wrap .util .gnb_srch,
.order.wrapper #header .wrap .util .gnb_srch{top:62px}
/* footer */
#footer{padding:50px 0;background:#222;text-align:center}
#footer .quickbar{position:fixed;bottom:70px;right:20px;z-index:100}
#footer .quickbar a,
#footer .quickbar button{display:block;width:40px;height:40px;margin-top:10px;border-radius:100%;overflow:hidden;text-indent:-999px}
#footer .quickbar a.kakaoCn{background:#000 url(/common/images/default/icon_quick_ka.png) center no-repeat;background-size:20px}
#footer .quickbar .btn_top{background:#999 url(/common/images/default/icon_gototop.png) center no-repeat;background-size:11px}
#footer .footer_quick{position:fixed;bottom:0;left:0;right:0;z-index:50}
#footer .footer_quick ul{padding:0 20px;background:#f4f4f4;overflow:hidden}
#footer .footer_quick ul li{float:left;width:20%;padding:5px 10px;box-sizing:border-box}
#footer .footer_quick ul li a{display:block;width:100%;height:40px;overflow:hidden;text-indent:-9999px}
#footer .footer_quick ul li a.home{background:url(/common/images/default/mb_footer_quick_home_icon.png) 50% no-repeat;background-size:22px}
#footer .footer_quick ul li a.menu{background:url(/common/images/default/mb_footer_quick_menu_icon.png) 50% no-repeat;background-size:20px}
#footer .footer_quick ul li a.mypage{background:url(/common/images/default/mb_footer_quick_mypage_icon.png) 50% no-repeat;background-size:20px}
#footer .footer_quick ul li a.cart{position:relative;background:url(/common/images/default/mb_footer_quick_cart_icon.png) 50% no-repeat;background-size:19px}
#footer .footer_quick ul li a.cart span{display:block;position:absolute;left:50%;width:15px;height:15px;background:#000;border-radius:100%;margin-left:1px;text-indent:0;font-size:10px;color:#fff;text-align:center;line-height:14px;}
#footer .footer_quick ul li a.search{background:url(/common/images/default/mb_footer_quick_search_icon.png) 50% no-repeat;background-size:23px}
#footer .wrap .f_logo{width:98px;height:28px;margin:0 auto 40px}
#footer .wrap .info_link{margin-bottom:40px}
#footer .wrap .info_link li{position:relative;display:inline-block;padding:0 8px}
#footer .wrap .info_link li:after{content:"";position:absolute;top:4px;bottom:3px;right:0;width:1px;background:#ccc}
#footer .wrap .info_link li:last-child:after{display:none}
#footer .wrap .info_link li a{color:#ccc;font-size:12px}
#footer .wrap .cs_center{margin-bottom:40px;font-size:13px;color:#999}
#footer .wrap .cs_center span{display:block;color:#fff;font-weight:700;font-size:15px;line-height:22px}
#footer .wrap .cs_center span.num{margin:15px 0;font-size:20px}
#footer .wrap .sns_family_area,
#footer .wrap .sns_family_area .sns_wrap{margin-bottom:40px}
#footer .wrap .sns_family_area .sns_wrap li{display:inline-block;vertical-align:middle;margin:0 14px}
#footer .wrap .sns_family_area .sns_wrap li a{overflow:hidden;vertical-align:middle;text-indent:-999px}
#footer .wrap .sns_family_area .sns_wrap li .ico_facebook{width:35px;height:35px;background:url(/common/images/default/ico_sns_facebook.png) 0 0 no-repeat;background-size:100%}
#footer .wrap .sns_family_area .sns_wrap li .ico_insta{width:35px;height:35px;background:url(/common/images/default/ico_sns_insta.png) 0 0 no-repeat;background-size:100%}
#footer .wrap .sns_family_area .sns_wrap li .ico_youtube{width:35px;height:35px;background:url(/common/images/default/ico_sns_youtube.png) 0 0 no-repeat;background-size:100%}
#footer .wrap .sns_family_area .sns_wrap li .ico_story{width:35px;height:35px;background:url(/common/images/default/ico_sns_kakao.png) 0 0 no-repeat;background-size:100%}
#footer .wrap .sns_family_area select{width:150px;height:40px;border:1px solid #fff;background:url(/common/images/default/icon_select_white.png) 100% 50% no-repeat;background-size:30px;line-height:38px;box-sizing:border-box;}

#footer .wrap .sns_family_area .lang_area{margin-bottom:40px;/* margin-left:-2px; */font-size:0}
#footer .wrap .sns_family_area .lang_area li{display:inline-block;vertical-align:middle;margin:0 10px 0 0}
#footer .wrap .sns_family_area .lang_area li a{display:block;position:relative;overflow:hidden;vertical-align:middle;text-indent:-9999px;width:38px;height:25px;}
/* #footer .wrap .sns_family_area .lang_area li.kr a:after,
#footer .wrap .sns_family_area .lang_area li.jp a:after{content:'';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border:1px solid #ccc;border-radius:100%} */
#footer .wrap .sns_family_area .lang_area li a img{display:block;width:100%;height:100%;/* border-radius:100%; */box-sizing:border-box}

#footer .wrap .info{font-size:12px;color:#999}
#footer .wrap .info .txt{margin-bottom:40px}
#footer .wrap .info .txt span:first-child{margin-right:15px}
#footer .wrap .info .txt span b{display:inline-block;margin-right:7px;color:#fff}

#footer.mb_footer{padding:25px 0 60px;text-align:left}
#footer.mb_footer .wrap{padding:0 15px}
#footer.mb_footer .wrap .sns_family_area{margin-bottom:0;margin:0 -15px 0;padding:0 15px 25px;padding-bottom:25px;border-bottom:1px solid #363636;}
#footer.mb_footer .wrap .sns_family_area .sns_wrap{margin-bottom:15px}
#footer.mb_footer .wrap .sns_family_area .sns_wrap li{margin:0 10px 0 0}
#footer.mb_footer .wrap .sns_family_area .sns_wrap li a{overflow:hidden;vertical-align:middle;text-indent:-999px}
#footer.mb_footer .wrap .sns_family_area .sns_wrap li .ico_facebook{width:35px;height:35px;background:url(/common/images/default/ico_sns_facebook.png) center no-repeat;background-size:100%}
#footer.mb_footer .wrap .sns_family_area .sns_wrap li .ico_insta{width:35px;height:35px;background:url(/common/images/default/ico_sns_insta.png) center no-repeat;background-size:100%}
#footer.mb_footer .wrap .sns_family_area .sns_wrap li .ico_youtube{width:35px;height:35px;background:url(/common/images/default/ico_sns_youtube.png) center no-repeat;background-size:100%}
#footer.mb_footer .wrap .sns_family_area .sns_wrap li .ico_story{width:35px;height:35px;background:url(/common/images/default/ico_sns_kakao.png) center no-repeat;background-size:100%}
#footer.mb_footer .wrap .info_link{margin-bottom:0}
#footer.mb_footer .wrap .info_link li{padding:0 20px 0 0;height:35px;line-height:35px}
#footer.mb_footer .wrap .info_link li:after{display:none}
#footer.mb_footer .wrap .info_link li a{font-size:14px;color:#fff}
#footer.mb_footer .wrap .box{display:table;padding:30px 0 10px;margin-bottom:20px}
#footer.mb_footer .wrap .f_logo{display:table-cell;position:relative;vertical-align:middle;padding-right:10px;margin:0;width:110px;height:auto;}
#footer.mb_footer .wrap .f_logo::after{content:'';display:block;position:absolute;top:2px;right:0;width:1px;height:100%;background:#949494}
#footer.mb_footer .wrap .cs_center{display:table-cell;vertical-align:middle;padding-left:10px;margin-bottom:0;font-size:10px;color:#fff;}
#footer.mb_footer .wrap .cs_center span.num{margin:0;padding-top:0;font-size:14px;font-weight:700;}
#footer.mb_footer .wrap .cs_center span{display:block;padding-top:8px;font-size:10px;font-weight:normal;line-height:100%}
#footer.mb_footer .wrap .info{font-size:12px}
#footer.mb_footer .wrap .info span{display:block;}
#footer.mb_footer .wrap .info span b{font-weight:400}
#footer.mb_footer .wrap .info .txt{margin-bottom:20px}

/* content */
.contents_wrap{padding-top:106px}
/* content - main */
.main_wrap{padding-bottom:75px}
.main_wrap .main_visual,
.main_wrap .main_visual .slides li{position:relative}
.main_wrap .main_visual .slides li .txt_wrap{position:absolute;left:20px;right:20px;bottom:135px}
.main_wrap .main_visual .slides li .txt_wrap a .tit{font-size:14px;color:#fff;line-height:1.1}
.main_wrap .main_visual .slides li .txt_wrap a .tit span{display:block;margin-bottom:15px;font-size:20px;font-family: 'Merriweather-Italic';}
.main_wrap .main_visual .navi{position:absolute;left:50%;bottom:30px;width:91px;padding:5px;margin-left:-45px;background:rgba(0,0,0,0.4);border-radius:30px;box-sizing:border-box}
.main_wrap .main_visual .navi button{width:20px;height:20px;overflow:hidden;text-indent:-999px;}
.main_wrap .main_visual .navi .prev{background:url(/common/images/default/slider_arrow_prev_white.png) 50% no-repeat;background-size:5px;}
.main_wrap .main_visual .navi .next{background:url(/common/images/default/slider_arrow_next_white.png) 50% no-repeat;background-size:5px;}
.main_wrap .main_visual .navi p{display:inline-block;width:35px;font-size:11px;text-align:center;color:#fff;line-height:20px}
.main_wrap .main_visual .slick-dots{display:table;width:100%}
.main_wrap .main_visual .slick-dots li{display:table-cell;vertical-align:middle}
.main_wrap .main_visual .slick-dots li button{display:block;width:100%;height:3px;background:#e0e0df;text-indent:-9999px;overflow:hidden}
.main_wrap .main_visual .slick-dots li.slick-active button{background:#000}
.main_wrap .mb_menu tr td{border-bottom:1px solid #ddd;border-left:1px solid #ddd;text-align:center}
.main_wrap .mb_menu tr td:first-child{border-left:0}
.main_wrap .mb_menu tr td a{display:block;color:#111;font-size:15px;line-height:37px}
.main_wrap .wrap{padding:0 20px}
.main_wrap .sec_tit{position:relative;margin-top:75px;margin-bottom:20px;overflow:hidden}
.main_wrap .sec_tit h2{float:left;font-size:20px;color:#000;font-family: 'Merriweather-Italic';font-weight:normal}
.main_wrap .sec_tit a{float:right;margin-top:12px;font-family: 'Merriweather-Italic';font-size:12px;font-weight:bold;color:#222}
.main_wrap .m_event .event_box .txt{background:#bbc0e7;padding:35px 20px}
.main_wrap .m_event .event_box .txt p{margin-bottom:13px;color:#fff;font-size:15px;line-height:1.1}
.main_wrap .m_event .event_box .txt p.big{margin-bottom:38px;color:#fff;font-size:20px}
.main_wrap .m_event .event_box .txt a{display:inline-block;padding:5px 25px 5px 9px;color:#fff;background:url(/common/images/main/go_to_event.png) 0 100% no-repeat;background-size:130px}
.main_wrap .m_review .review_list{margin:0 -20px}
.main_wrap .m_review .review_list li{margin:0 8px}
.main_wrap .m_review .review_list li:nth-of-type(1),
.main_wrap .m_review .review_list li:nth-of-type(2){margin-top:0}
.main_wrap .m_review .review_list li:nth-of-type(2n){margin-left:8px}
.main_wrap .m_bsticker ul{overflow:hidden;margin:-5px}
.main_wrap .m_bsticker ul li{float:left;padding:5px;width:33.33%;height:31vw;box-sizing:border-box}
.main_wrap .m_bsticker ul li a,
.main_wrap .m_bsticker ul li a img{width:100%;height:100%}

/* content - product */
.contents.product_main .wrap{padding-top:20px}
.contents.product_main .tab_menu{display:table;margin:30px auto 60px}
.contents.product_main .tab_menu li{float:none;display:table-cell;width:160px}
.contents.nd_product .wrap{padding-bottom:40px}
.contents.product .pd_page_tit{display:none}
.contents.product .cate_tit{display:block;padding-bottom:17px;border-bottom:2px solid #111;color:#111;font-size:20px;font-weight:700;line-height:1.1}

/* .prd_wrap .prd_list{display:flex;flex-wrap:wrap;-webkit-display:flex;-webkit-flex-wrap:wrap;margin:0 -5px;overflow:hidden} */
.prd_wrap .prd_list{margin:0 -15px;overflow:hidden}
.prd_wrap .prd_list ul{position:relative;float:left;width:50%;margin-top:40px;padding:0 15px;box-sizing:border-box}
.prd_wrap .prd_list ul:nth-child(1),
.prd_wrap .prd_list ul:nth-child(2){margin-top:0}
.prd_wrap .prd_list ul::after{content:"";display:block;position:absolute;right:0;top:0;width:1px;height:100%;background:#ddd}
.prd_wrap .prd_list ul:nth-child(2n)::after{display:none}
.prd_wrap .prd_list ul .pic{margin-bottom:20px}
.prd_wrap .prd_list ul .pic a .ov_wrap{display:none}
.prd_wrap .prd_list ul .b_con{position:relative}
.prd_wrap .prd_list ul .subj{display:inline-block;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:1.2;height:1.1em;text-align:left;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#555;font-size:18px;}
.prd_wrap .prd_list ul .price{margin:10px 0 15px}
.prd_wrap .prd_list ul .price .discount{font-size:15px;font-weight:700;color:#d22323}
.prd_wrap .prd_list ul .price ins{display:inline-block;margin:0 2px;font-size:15px;font-weight:700;color:#111;text-decoration:none}
.prd_wrap .prd_list ul .price del{font-size:11px;color:#999}
.prd_wrap .prd_list ul .icon .cart{position:absolute;top:0;right:0;display:inline-block;width:19px;height:23px;background: url(/common/images/default/icon_cart.png) 0 0 no-repeat;background-size:19px;overflow:hidden;text-indent:-999px}
.prd_wrap .prd_list ul .icon .review{display:inline-block;padding-left:22px;line-height:20px;background: url(/common/images/default/icon_review.png) 0 50% no-repeat;background-size:17px;font-size:11px;color:#000;vertical-align:bottom}

.product_main .banner_slider{display:none}
.banner_slider .slick-dots{position:absolute;bottom:0;left:0;right:0;text-align:center;}
.banner_slider .slick-dots li{display:inline-block;margin:0 4px}
.banner_slider .slick-dots li button{width:8px;height:8px;border:1px solid #111;border-radius:100%;overflow:hidden;text-indent:-9999px}
.banner_slider .slick-dots li.slick-active button{background:#111}

.prd_wrap .prd_list ul .pic>span{display:block;margin-bottom:10px;font-size:12px;color:#111;font-weight:700}
.prd_wrap .prd_list .slick-track{overflow:hidden}
.prd_wrap .prd_list .slick-arrow{display:none}

.prd_wrap .prd_list.slick-slider{margin:0 0 0 -15px}
.prd_wrap .prd_list ul.slick-slide{width:190px;margin-top:0}
.prd_wrap .prd_list ul.slick-slide:nth-child(2n)::after{display:block}
#best_view .prd_wrap .prd_list ul.slick-slide::after{top:27px}

.tab_menu{overflow:hidden}
.tab_menu li{float:left}
.tab_menu.tab2 li{width:50%}
.tab_menu.tab3 li{width:33.33%}
.tab_menu li button{display:block;width:100%;line-height:45px;font-size:15px;color:#222;border-bottom:2px solid #ddd;text-align:center}
.tab_menu li.on button{border-bottom:3px solid #000}

.product .sort_area{margin:30px 0;overflow:hidden}
.product .sort_area .sel_wrap{float:left;width:calc( 50% - 10px);}
.product .sort_area .sel_wrap select{height:40px;line-height:39px;border:0;border-bottom:1px solid #000}
.product .sort_area .filter{float:right;width:40px;height:40px;overflow:hidden;text-indent:-9999px;background:url(/common/images/product/filter_icon.png) 50% 50% no-repeat;background-size:40px}

.search_product .search_wrap{margin-bottom:15px}
.search_product .search_wrap .srch_result{text-align:center}
.search_product .search_wrap .srch_result p{margin-bottom:40px;color:#999;font-size:17px}
.search_product .search_wrap .srch_result p strong{display:block;font-size:25px;font-weight:400;}
.search_product .search_wrap .srch_result p strong,
.search_product .search_wrap .srch_result p span{color:#111}
.search_product .search_wrap .srch_result p span{font-weight:700;}
.search_product .search_wrap .srch_form dd{overflow:hidden;border:1px solid #ddd}
.search_product .search_wrap .srch_form dd input{float:left;border:0;width:calc( 100% - 48px);height:48px;line-height:48px}
.search_product .search_wrap .srch_form dd button{float:right;width:48px;height:48px;overflow:hidden;text-indent:-9999px;background:url(/common/images/default/icon_search.png) 50% no-repeat;background-size:22px}

/* content - product view */
.pd_view_warpper #footer .quickbar{bottom:100px}
.product_view .contents .wrap{padding:0}
.product_view .prd_img_wrap .main_img li{display:none} 
.product_view .prd_img_wrap .main_img li.on{display:block}
.product_view .prd_img_wrap .main_img li img{width:100%}
.product_view .prd_img_wrap .thumb_img{margin:20px 0 40px;text-align:center}
.product_view .prd_img_wrap .thumb_img li{display:inline-block;width:38px;height:38px;margin:0 2px;border:1px solid #fff}
.product_view .prd_img_wrap .thumb_img li.on{border:1px solid #111}
.product_view .prd_info{padding:0 20px}
.product_view .prd_info .subj{margin-bottom:20px;font-size:22px;font-weight:700;color:#111}
.product_view .prd_info .price{margin:20px 0 30px}
.product_view .prd_info .price .discount,
.product_view .prd_info .price ins{display:inline-block;margin-right:10px;font-size:20px;font-weight:700;color:#111}
.product_view .prd_info .price ins{text-decoration:none}
.product_view .prd_info .price .discount{color:#d22323}
.product_view .prd_info .price del{color:#999}
.product_view .selected_opt .lst_option .opt_wd1{width:115px}
/* .product_view .selected_opt .lst_option .opt_wd2,
.product_view .selected_opt .lst_option .con{width:calc( 100% - 115px )} */
.product_view .selected_opt .lst_option th,
.product_view .selected_opt .lst_option button.tit{font-size:15px;color:#111;font-weight:700;text-align:left}
.product_view .selected_opt .lst_option td.con{text-align:right}
.product_view .selected_opt .lst_option #total_price{font-size:15px;color:#111;font-weight:700}
.product_view .selected_opt .lst_option #total_price span{font-size:21px}
.product_view .selected_opt .lst_option th,
.product_view .selected_opt .lst_option td{padding-bottom:30px}
.product_view .selected_opt .lst_option .select{overflow:hidden}
.product_view .selected_opt .lst_option .select button{float:left;position:relative;width:40px;height:40px;overflow:hidden;border:1px solid #ddd;background:#f4f4f4;text-indent:-9999px;box-sizing:border-box}
.product_view .selected_opt .lst_option .select button:after{position:absolute;content:"";top:50%;left:50%;width:14px;height:2px;margin:-1px 0 0 -7px;background:#000}
.product_view .selected_opt .lst_option .select button.plus::before{position:absolute;content:"";top:50%;left:50%;width:2px;height:14px;margin:-7px 0 0 -1px;background:#000}
.product_view .selected_opt .lst_option .select input{float:left;width:calc( 100% - 80px );height:40px;text-align:center;box-sizing:border-box;border-left:0;border-right:0;line-height:38px;ime-mode:disabled}
.product_view .selected_opt .lst_option button.tit{width:100%;padding-bottom:20px;border-bottom:1px solid #ddd;background:url(/common/images/product/pd_view_arrow.png) 100% 50% no-repeat;background-size:19px}
.product_view .selected_opt .lst_option button.tit.on{background:url(/common/images/product/pd_view_arrow_on.png) 100% 50% no-repeat;background-size:19px}
.product_view .selected_opt .lst_option .add_pd_box{display:none}
.product_view .selected_opt .lst_option button.tit.on + .add_pd_box{display:block}
.product_view .selected_opt .lst_option .add_pd_box ul.list li{position:relative;border-top:1px solid #ddd;}
.product_view .selected_opt .lst_option .add_pd_box ul.list li:first-child{border-top:0}
.product_view .selected_opt .lst_option .add_pd_box ul.list li .info{display:table;width:100%;padding:20px 0}
.product_view .selected_opt .lst_option .add_pd_box ul.list li .info .img{display:table-cell;padding-left:10px;width:50px;vertical-align:middle;}
.product_view .selected_opt .lst_option .add_pd_box ul.list li .info .img img{display:block;width:100%}
.product_view .selected_opt .lst_option .add_pd_box ul.list li .info .txt{display:table-cell;padding:0 80px 0 20px;vertical-align:middle}
.product_view .selected_opt .lst_option .add_pd_box ul.list li .info .txt>p{color:#555;font-size:13px}
.product_view .selected_opt .lst_option .add_pd_box ul.list li .info .txt .price{margin:0;margin-top:5px}
.product_view .selected_opt .lst_option .add_pd_box ul.list li .info .txt .price .discount,
.product_view .selected_opt .lst_option .add_pd_box ul.list li .info .txt .price ins{display:inline-block;margin-right:10px;color:#111;font-size:15px;font-weight:700;}
.product_view .selected_opt .lst_option .add_pd_box ul.list li .info .txt .price .discount{color:#d22323}
.product_view .selected_opt .lst_option .add_pd_box ul.list li .info .txt .price del{color:#999}
.product_view .selected_opt .lst_option .add_pd_box ul.list li .info .check_btn{display:table-cell;vertical-align:middle;width:60px}
.product_view .selected_opt .lst_option .add_pd_box ul.list li .info .check_btn button{display:inline-block;width:60px;height:30px;line-height:30px;color:#fff;font-size:13px;text-align:center;border:1px solid #111;background:#111;}
.product_view .selected_opt .lst_option .add_pd_box ul.list li .info+button{position:absolute;top:50%;right:15px;width:50px;line-height:30px;background:#000;margin-top:-15px;color:#fff}
.product_view .selected_opt .lst_option .add_pd_box ul.list li select{height:40px;line-height:40px}
.product_view .selected_opt .lst_option .add_pd_box ul.choice{margin-top:0;border-top:1px solid #ddd}
.product_view .selected_opt .lst_option .add_pd_box ul.choice li{padding:20px 15px;border-bottom:1px solid #ddd;background:#f4f4f4}
.product_view .selected_opt .lst_option .add_pd_box ul.choice li .box{display:table;width:100%}
.product_view .selected_opt .lst_option .add_pd_box ul.choice li .box .left,
.product_view .selected_opt .lst_option .add_pd_box ul.choice li .box .right{display:table-cell;width:50%;vertical-align:middle}
.product_view .selected_opt .lst_option .add_pd_box ul.choice li .box .right{text-align:right}
.product_view .selected_opt .lst_option .add_pd_box ul.choice li .box.top .left{width:calc( 100% - 30px );}
.product_view .selected_opt .lst_option .add_pd_box ul.choice li .box.top .right{width:30px}
.product_view .selected_opt .lst_option .add_pd_box ul.choice li .box.top .right button{width:20px;height:20px;overflow:hidden;text-indent:-9999px;background:url(/common/images/default/gnb_mb_close.png) 100% 50% no-repeat;background-size:20px}
.product_view .selected_opt .lst_option .add_pd_box ul.choice li .box.bottom{margin-top:15px}
.product_view .selected_opt .lst_option .add_pd_box ul.choice li .box.bottom .right{vertical-align:bottom}
.product_view .selected_opt .lst_option .add_pd_box ul.choice li .box.bottom .right .price{margin:0;color:#111;font-weight:700}
.product_view .btn_area{margin:0 0 20px;overflow:hidden}
.product_view .btn_area .btn_txt{float:left;min-width:auto;margin:0}
.product_view .btn_area .btn_txt.wish{width:50px;overflow:hidden;background:url(/common/images/product/wish_icon.png) 50% no-repeat;background-size:22px;text-indent:-9999px}
.product_view .btn_area .btn_txt.wish.on{background:url(/common/images/product/wish_icon_on.png) 50% no-repeat;background-size:22px}
.product_view .btn_area .btn_txt.wish,
.product_view .btn_area .btn_txt.cart{margin-right:5px}
.product_view .btn_area .btn_txt.cart,
.product_view .btn_area .btn_txt.buy{width:calc( 50% - 30px )}
.product_view .btn_area .btn_txt.soldOut{width:calc(100% - 55px)}

.product_view .prd_view{padding:0 20px 90px}
.product_view .prd_view .review_list{margin:0 -20px}
.product_view .prd_view .review_list li{margin:0 8px}
.product_view .prd_view .review_list li:nth-of-type(1),
.product_view .prd_view .review_list li:nth-of-type(2){margin-top:0}
.product_view .prd_view .review_list li:nth-of-type(2n){margin-left:8px}

.product_view .prd_view .prd_view_tit{padding-bottom:20px;border-bottom:1px solid #ddd;margin:40px 0 20px;font-size:18px;color:#111;font-weight:700;text-align:left}
.product_view .prd_view button.prd_view_tit{width:100%;background:url(/common/images/product/pd_view_arrow.png) 100% 50% no-repeat;background-size:19px}
.product_view .prd_view button.prd_view_tit.on{background:url(/common/images/product/pd_view_arrow_on.png) 100% 50% no-repeat;background-size:19px}

.product_view .prd_view .prd_view_con{display:none}
.product_view .prd_view .prd_view_con.pd_info{text-align:center}
.product_view .prd_view .prd_view_con.pd_info>div{position:relative;margin:0 auto}
.product_view .prd_view .prd_view_con .btn_check_tweed{position:absolute;bottom:7.82%;left:22.6%;width:54.7%;height:1.45%;display:block}/* 체크&트위드 상품상세 링크 */
.product_view .prd_view button.prd_view_tit.on + .prd_view_con{display:block}

.type_tab .prd_tab_area{display:table;width:100%;margin-top:40px;overflow:hidden}
.type_tab .prd_tab_area li{display:table-cell;vertical-align:middle;width:33.33%;border-bottom:2px solid #ddd}
.type_tab .prd_tab_area li.on{border-bottom:2px solid #111}
.type_tab .prd_tab_area li button{width:100%;padding-bottom:10px;font-size:15px;color:#111;text-align:center}
.type_tab .prd_tab_area.col2 li{width:50%}
.product_view .prd_view.type_tab>.prd_view_con{display:block}
.product_view .prd_view.type_tab .prd_view_con.pd_info{margin-top:30px}
.product_view .prd_view.type_tab .review_list{margin-top:35px}

.product_view .back_btn_area{margin:0 20px 90px}
.product_view .back_btn_area .btn_txt{width:100%}

.product_view .buy_quick{position:fixed;bottom:50px;left:0;right:0}
.product_view .buy_quick button{width:100%;background:#000;text-align:center;color:#fff;font-weight:700;line-height:40px}
.layer_buy .product_view .prd_info{padding-top:40px}
.layer_buy .product_view .selected_opt .lst_option .add_pd_box ul.list li:first-child{margin-top:0}
.layer_buy .product_view .selected_opt .lst_option .add_pd_box ul.list li .info .img{width:70px}
.layer_buy .product_view .btn_area{margin:0 -20px}
.layer_buy .product_view .btn_txt.btn_cart{width:100%;background:#000;text-align:center;color:#fff;font-weight:700;line-height:40px}
.layer_buy .product_view .btn_txt.btn_cart span{display:inline-block;padding-left:23px;background:url(/common/images/product/mb_view_quick_cart_btn.png) 0 50% no-repeat;background-size:14px}

.layer.common_layer .layer_table .layer_cell .layer_con .pop_close{display:block;position:absolute;top:20px;right:20px;width:20px;height:20px;background:url(/common/images/default/gnb_mb_close.png)center/cover no-repeat;text-indent:-9999px}
.layer.common_layer .layer_table .layer_cell .layer_con .alert_box p{margin:80px 0 50px;text-align:center;color:#111;font-size:16px}
.layer.common_layer .layer_table .layer_cell .layer_con .alert_box .btn_area{padding:0 20px}
.layer.common_layer .layer_table .layer_cell .layer_con .alert_box .btn_area::after{content:'';display:block;clear:both}
.layer.common_layer .layer_table .layer_cell .layer_con .alert_box .btn_area .btn_txt{float:left;margin-top:0;min-width:auto;width:calc(50% - 5px);height:50px;line-height:50px;font-size:14px}
.layer.common_layer .layer_table .layer_cell .layer_con .alert_box .btn_area .btn_txt:last-of-type{margin-left:10px}

.product_view .cart_quick{position:fixed;bottom:50px;left:0;right:0}
.product_view .cart_quick button{width:100%;background:#000;text-align:center;color:#fff;font-weight:700;line-height:40px}
.product_view .cart_quick button span{display:inline-block;padding-left:23px;background:url(/common/images/product/mb_view_quick_cart_btn.png) 0 50% no-repeat;background-size:14px}

.product_view .prd_view_con .info_table{border-top:2px solid #000}
.product_view .prd_view_con .info_table th{width:90px;border-right:1px solid #ddd;text-align:center;font-weight:400}
.product_view .prd_view_con .info_table th,
.product_view .prd_view_con .info_table td{padding:15px;border-bottom:1px solid #ddd;font-size:12px;color:#333}
.product_view .prd_view_con .box:not(:first-child){margin-top:25px}
.product_view .prd_view_con h3{border-bottom:1px solid #333;margin-bottom:10px;padding-bottom:5px;font-size:16px;font-weight:700;color:#333}
.product_view .prd_view_con .tit{margin-bottom:5px;font-size:14px;color:#333;font-weight:400}
.product_view .prd_view_con .txt{font-size:12px;color:#333}
.product_view .prd_view_con .indent_li li{padding-left:7px;text-indent:-6px;font-size:12px;color:#333}

/* product_view 상세이미지 링크버튼 */
.product_view .prd_view_con center{position:relative}
.product_view .prd_view_con center .link_box{position:absolute;bottom:4.3%;left:50%;transform:translateX(-50%);width:85%;height:2.3%;}
.product_view .prd_view_con center .link_box.gel_off{bottom:6.5%;height:7.5%}
.product_view .prd_view_con center .link_box::after{content:'';display:block;clear:both}
.product_view .prd_view_con center .link_box .btn{display:block;float:left;width:50%;height:100%;box-sizing:border-box;text-indent:-9999px}


/* member - law_con, privacy_con */
.law_info_page .terms {font-size: 12px;margin: 0 0 25px;}
.law_info_page .terms h2 {font-size: 14px;font-weight:700;}
.law_info_page .guide_privacy {font-size: 12px;margin: 0 0 30px;padding: 0 0 30px;border-bottom: 1px solid #ebebeb;}
.law_info_page .guide_privacy em {display: block;color: #f37022;margin: 20px 0 0;font-style: normal;}
.law_info_page table.boardPrivacy {border-collapse:separate;*border-collapse:collapse;table-layout:fixed;width:100%;border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5;display:block;margin-top: 20px;}
.law_info_page table.boardPrivacy th {padding:9px 0 7px 0;*padding:11px 0 9px 0;font-size:11px;color:#5c5c5c;font-weight:bold;text-align:center;vertical-align:top;background:#f5f5f5;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;word-break: keep-all;}
.law_info_page table.boardPrivacy td {padding:6px 10px 5px;text-align:left;color:#5c5c5c;background:#fff;border-right:1px solid #e5e5e5;border-bottom:1px solid #eaeaea;line-height:20px;vertical-align:top;}
.law_info_page dt,
.law_info_page dd{display:inline-block}
/* layer */
.layer{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);z-index:601;display:none}
.layer .layer_table{display:table;width:100%;height:100%;}
.layer .layer_table .layer_cell{display:table-cell;width:100%;vertical-align:middle}
.layer .layer_table .layer_cell .layer_con{background:#fff;height:100vh;overflow:auto}
/* layer - login_layer */
.login_layer{display:block}
.login_layer .layer_table .layer_cell{vertical-align:top}
.login_layer .login_area{margin:40px 20px 0;padding-bottom:20px} 
.login_layer .login_area.border-bottom{border-bottom:1px solid #ddd}
.login_layer .login_area h3{margin-bottom:25px;text-align:center;font-size:15px;color:#111}
.login_layer .login_area .sns{text-align:center}
.login_layer .login_area .sns li{display:inline-block;margin:0 14px}
.login_layer .login_area .sns li a{width:50px;height:50px;border-radius:100%;text-indent:-999px;overflow:hidden}
.login_layer .login_area .sns li.kakao a{background:#f9e000 url(/common/images/member/mb_ico_join_kakao.png) center no-repeat;background-size:27px}
.login_layer .login_area .sns li.naver a{background:#20c702 url(/common/images/member/sns_icon_naver.png) center no-repeat;background-size:18px}
.login_layer .login_area #nomem_user_id,
.login_layer .login_area #login_user_email,
.login_layer .login_area #login_passwd{margin-bottom:10px}
.login_layer .login_area .email_login p{margin-top:-5px;margin-bottom:10px}
.login_layer .login_area .email_login p.fail{color:#C70000}
.login_layer .login_area .login_help{margin-top:15px;overflow:hidden}
.login_layer .login_area .login_help .design_checkbox{float:left}
.login_layer .login_area .login_help ul{float:right;overflow:hidden}
.login_layer .login_area .login_help ul li{float:left}
.login_layer .login_area .login_help ul li:first-child{position:relative;padding-right:10px;margin-right:8px}
.login_layer .login_area .login_help ul li:first-child:after{content:"";position:absolute;top:4px;bottom:3px;right:0;width:1px;background:#ddd}
.login_layer .login_area .btn_area{margin-top:0}
.login_layer .login_area .btn_area button{margin-top:25px}
.login_layer .login_area .btn_area p{margin-top:40px;text-align:center;color:#999}
.login_layer .login_area .btn_area p a{display:inline-block;margin-left:3px;color:#111;font-weight:700;border-bottom:1px solid #111}
.login_layer .noMember{display:none}
.filter_layer .layer_table{position:relative}
.filter_layer .layer_con .tit{overflow:hidden;padding:45px 20px 35px}
.filter_layer .layer_con .tit h2{float:left;font-size:30px;font-weight:700;color:#000;line-height:1.1}
.filter_layer .layer_con .tit .close{float:right;width:21px;height:21px;overflow:hidden;background:url(/common/images/default/gnb_mb_close.png) 0 0 no-repeat;background-size:21px;text-indent:-999px}
.filter_layer .layer_con dl{padding:0 20px 75px}
.filter_layer .layer_con dl dt{margin-top:40px;font-size:18px;font-weight:700;color:#111}
.filter_layer .layer_con dl dd{overflow:hidden}
.filter_layer .layer_con dl dd .design_checkbox{float:left;width:calc( 100% / 3 );margin-top:20px}
.filter_layer .layer_con .apply{width:100%;line-height:60px;text-align:center;color:#fff;font-weight:700;font-size:15px;background:#111}
/* layer - info_layer */
.info_layer.layer .layer_table .layer_cell .layer_con .inner{padding:25px 20px}
.info_layer.layer .layer_table .layer_cell .layer_con .inner h2{margin-bottom:10px;font-size:15px;color:#333}
/* customer - push_list */
.push_list_wrap{overflow-y:scroll;height:100vh;background:#f4f4f4}
.push_list_wrap h2{position:relative;border-bottom:1px solid #ddd;margin-bottom:25px;background:#fff;text-align:center}
.push_list_wrap h2 span{display:inline-block;background:url(/common/images/default/mb_ico_push_set.png) no-repeat 15px 50%;background-size:17px;padding:0 38px;line-height:53px;font-size:17px;color:#333;font-weight:700;}
.push_list_wrap h2 a{position:absolute;top:6px;right:0;width:49px;height:40px;overflow:hidden;background:url(/common/images/default/mb_lnb_prev.png) 50% 50% no-repeat;background-size:20px;text-indent:-9999px;transform: rotate(180deg);-webkit-transform:rotate(180deg);text-align:left}
.push_list_wrap ul li .tit{position:relative;padding:15px 25px;background:#fff;overflow:hidden;line-height:30px;font-size:14px;color:#333;font-weight:500;}
.push_list_wrap ul li .tit p{float:left}
.push_list_wrap ul li .tit .js_btn_switch{float:right}
.push_list_wrap .con{padding:13px 25px;font-size:12px;color:#666}
.push_list_wrap>.btn{position:fixed;overflow:hidden;bottom:0;left:0;right:0;border-top:1px solid #ddd}
.push_list_wrap>.btn button{float:left;width:50%;text-align:center;line-height:60px;background:#fff;color:#f37420;font-size:12px;font-weight:500}
.push_list_wrap>.btn button:first-child{position:relative;color:#555}
.push_list_wrap>.btn button:first-child::after{content:"";display:block;position:absolute;top:5px;bottom:5px;right:0px;width:1px;background:#ddd}
.push_list_wrap .push_list{padding:0 15px}
.push_list_wrap .push_list .board_area .board_lst{border-top:0}
.push_list_wrap .push_list .board_area .board_lst li{padding:0;margin-bottom:10px;border-bottom:0}
.push_list_wrap .push_list .board_area .board_lst li:last-of-type{margin-bottom:0}
.push_list_wrap .push_list .board_area .board_lst li .img{display:block}
.push_list_wrap .push_list .board_area .board_lst li .img img{width:100%}
.push_list_wrap .push_list .board_area .board_lst li .txt{position:relative;padding:10px;line-height:19px;background:#fff;box-sizing:border-box}
.push_list_wrap .push_list .board_area .board_lst li .txt p .tit_txt{display:block;margin-bottom:5px;font-size:14px;font-weight:600}
.push_list_wrap .push_list .board_area .board_lst li .txt p .sub_txt{color:#999;font-size:12px}
.push_list_wrap .push_list .board_area .board_lst li .txt p .push_refusal{display:block}
.push_list_wrap .push_list .board_area .board_lst li .txt p .time{display:block;margin-top:25px}
.push_list_wrap .push_list .board_area .board_lst li .txt .push_in{display:inline-block;position:absolute;right:10px;bottom:10px;padding:2px 10px;box-sizing:border-box;color:#fff;font-size:11px;text-align:center;background:#999}
.push_list_wrap .push_list .board_area .nodata{display:block !important}

/* contents */
.contents .wrap{padding:40px 20px 75px;box-sizing:border-box}
/* page_tit */
.page_tit{position:relative;height:60px;border-bottom:1px solid #ddd}
.page_tit button{position:absolute;top:0;left:0;width:70px;line-height:60px;background:url(/common/images/default/mb_btn_back.png) no-repeat 50% 50%;background-size:21px;text-indent:-9999px;overflow:hidden}
.page_tit h2{line-height:60px;font-size:20px;font-weight:700;color:#000;text-align:center}
/* common style - table */
.tbl_list{border-top:2px solid #111}
.tbl_list thead th{padding:13px 10px;border-bottom:1px solid #ddd;font-weight:500;color:#111}
.tbl_list tbody td{padding:15px 10px;border-bottom:1px solid #ddd;text-align:center}
.tbl_type{border-top:2px solid #111}
.tbl_type thead th{padding:13px 10px;border-bottom:1px solid #ddd;border-left:1px solid #ddd;font-weight:700;color:#111}
.tbl_type tbody th,
.tbl_type tbody td{padding:8px 5px;border-bottom:1px solid #ddd;border-left:1px solid #ddd;font-weight:400;color:#333;text-align:center}
.tbl_type thead th:first-child,
.tbl_type tbody th:first-child,
.tbl_type tbody td:first-child{border-left:0}
.tbl_type tbody .bd_left{border-left:1px solid #ddd !important}
.nodata{display:table-cell !important;width:100% !important;padding:20px 0 !important;text-align:center !important}
/* common style - date_picker */
.srch_area{background:#f4f4f4;margin:0 -20px 20px;padding:20px;box-sizing:border-box}
.srch_area .sel_box{margin-top:10px;overflow:hidden}
.srch_area .sel_box select{float:left;width:calc(100% - 95px);height:40px;line-height:40px}
.srch_area .sel_box button{float:right;min-width:90px;height:40px;line-height:40px;font-size:13px;font-weight:400}
.date_picker{position:relative}
.date_picker{background:#fff}
.date_picker::after{content:"";display:block;position:absolute;top:50%;right:0;width:34px;height:40px;margin-top:-20px;background:url(/common/images/mypage/mb_ico_date.png) 50% 50% no-repeat;background-size:15px;z-index:49}
.date_picker input{position:relative;background:none;height:40px;line-height:40px;padding-right:34px;z-index:50}
.datePic_area::after{content:"";display:block;clear:both}
.datePic_area .date_picker{float:left;width:calc(50% - 10px)}
.datePic_area span{float:left;display:block;width:20px;line-height:40px;text-align:center}
.btn_date_area ul::after{content:"";display:block;clear:both}
.btn_date_area li{float:left;width:33.33%}
.btn_date_area li button{width:100%;height:40px;line-height:40px;border:1px solid #ddd;background:#fff;border-left:0;box-sizing:border-box;text-align:center}
.btn_date_area li:first-child button{border-left:1px solid #ddd}
.btn_date_area li.on button{border:1px solid #111;background:#111;color:#fff}
/* common style - input */
input[type='radio'],
input[type='checkbox']{position:absolute;width:1px;height:1px;margin:0;opacity:0.01}
input[type='radio']+label{display:inline-block;cursor:pointer;line-height:28px;color:#555;font-size:14px}
input[type='checkbox']+label{display:inline-block;cursor:pointer;box-sizing:border-box;color:#555;font-size:14px}
.design_box input[type='radio']+label,
.design_box input[type='checkbox']+label{width:100%;height:40px;line-height:40px;border:1px solid #ddd;box-sizing:border-box;color:#999;text-align:center}
.design_box input[type='radio']:checked+label,
.design_box input[type='checkbox']:checked+label{border:1px solid #111;color:#111}/* 버튼식 체크박스 */
.design_radio,
.design_checkbox{position:relative;overflow:hidden}
.design_radio input,
.design_checkbox input{position:absolute;top:-1px;right:-1px;width:0;height:0;font-size:0;text-indent:-999px;overflow:hidden;opacity:0}
.design_checkbox input[type='radio']+label,
.design_checkbox input[type='checkbox']+label{padding:0;padding-left:30px;background:url(/common/images/default/mb_ico_check.jpg) left center no-repeat;background-size:20px;font-size:14px;line-height:20px}
.design_checkbox input[type='radio']:checked+label,
.design_checkbox input[type='checkbox']:checked+label{background:url(/common/images/default/mb_ico_check_on.jpg) left center no-repeat;background-size:20px}
.design_checkbox.type2 input[type='checkbox']+label{padding:0;padding-left:30px;background:url(/common/images/default/mb_ico_check_type2.png) left center no-repeat;background-size:20px;font-size:14px;line-height:20px}
.design_checkbox.type2 input[type='checkbox']:checked+label{background:url(/common/images/default/mb_ico_check_type2_on.png) left center no-repeat;background-size:20px}
.design_radio input[type='radio']+label{padding:0;padding-left:30px;background:url(/common/images/default/mb_ico_check.jpg) left center no-repeat;background-size:20px;font-size:14px;line-height:20px}
.design_radio input[type='radio']:checked+label{background:url(/common/images/default/mb_ico_check_on.jpg) left center no-repeat;background-size:20px}
/* common style - file */
.fileBox{position:relative}
.fileBox::after{content:"";display:block;clear:both}
.fileBox .fileName{float:left;width:calc(100% - 100px);height:50px;padding:0 10px;border:1px solid #ddd;background:#fff;line-height:50px;box-sizing:border-box}
.fileBox .btn_file{position:absolute;top:0;right:0;width:90px;line-height:50px;cursor:pointer;background:#111;font-size:14px;font-weight:500;color:#fff;text-align:center}
.fileBox .uploadBtn{position:absolute;top:0;right:0;width:90px;height:50px;cursor:pointer;opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)";-moz-opacity:0}
/* common style - product quantity */
.quantity{display:inline-block;height:35px;box-sizing:border-box;overflow:hidden;border:1px solid #ddd}
.quantity .btn_m,
.quantity input,
.quantity .btn_p{float:left}
.quantity input{width:60px;height:33px;line-height:33px;border:1px solid #ddd;border-top:0;border-bottom:0;font-size:13px;text-align:center}
.quantity .btn_m,
.quantity .btn_p{position:relative;width:33px;height:33px;background:#f4f4f4;overflow:hidden;text-indent:-9999px}
.quantity .btn_m:after,
.quantity .btn_p:after,
.quantity .btn_p:before{content:"";display:block;position:absolute;top:50%;left:50%;background:#000;padding:0}
.quantity .btn_m:after,
.quantity .btn_p:after{width:10px;height:2px;margin:-1px 0 0 -5px}
.quantity .btn_p:before{width:2px;height:10px;margin:-5px 0 0 -1px}
/* common style - form */
.form_box .point_color{display:inline-block;vertical-align:middle;margin-left:10px;font-size:16px;color:#f24864}
.form_box .form_tit{overflow:hidden;margin-top:25px;padding-bottom:10px}
.form_box .form_tit:first-child{margin-top:0}
.form_box .form_tit h2{float:left;font-size:20px;color:#333;font-weight:700}
.form_box .form_tit>span{float:right;margin-top:5px;font-size:13px;color:#555}
.form_box ul{border-top:2px solid #333;border-bottom:1px solid #ddd}
.form_box ul li{padding:20px 10px;border-top:1px solid #ddd}
.form_box ul li:first-child{border-top:0}
.form_box ul li .tit{margin-bottom:10px}
.form_box ul li .tit p,
.form_box ul li .tit label{font-weight:700;color:#111}
.form_box ul li .tit p span,
.form_box ul li .tit label span{display:inline-block;margin-left:15px}
.form_box ul li .con p{padding-top:5px;font-size:12px}
.form_box ul li .con p.success{color:#2694dd}
.form_box ul li .con p.fail{color:#f24864}
.form_box ul li .con .design_checkbox{display:inline-block}
.form_box ul li .con .design_checkbox:last-child{margin-left:55px}
.form_box ul li .btn_txt{font-weight:500}
.form_box ul li.email .e_id{position:relative;margin-bottom:10px}
.form_box ul li.email .e_id::after{content:"@";position:absolute;top:0;bottom:0;right:0;width:30px;font-size:16px;color:#333;text-align:center;line-height:50px}
.form_box ul li.email .e_id input{width:calc( 100% - 30px )}
.form_box ul li.email .e_addr{overflow:hidden}
.form_box ul li.email .e_addr input{float:left;width:49%}
.form_box ul li.email .e_addr select{float:right;width:49%}
.form_box ul li.email .con>button{margin-top:10px}
.form_box ul li.tel .con{overflow:hidden}
.form_box ul li.tel .con button{margin-top:10px}
.form_box ul li.tel .con select{float:left;width:calc(33.33% - 20px)}
.form_box ul li.tel .con input{float:left;width:calc(33.33% - 10px)}
.form_box ul li.tel .con span{float:left;display:block;width:20px;line-height:50px;text-align:center}
.form_box ul li.tel .code_area{overflow:hidden}
.form_box ul li.tel .code_area .ip_box{position:relative;float:left;width:calc(100% - 120px);border:1px solid #ddd}
.form_box ul li.tel .code_area .ip_box input{height:48px;line-height:48px;border:0}
.form_box ul li.tel .code_area .ip_box p{position:absolute;top:0;right:0;width:58px;line-height:50px;padding:0;font-size:14px;color:#999;text-align:center}
.form_box ul li.tel .code_area>button{float:right;min-width:115px}
.form_box ul li.tel .code_area>p{clear:both}
.form_box ul li.addr .con .ip_box{overflow:hidden}
.form_box ul li.addr .con .ip_box input{float:left;width:calc(100% - 120px)}
.form_box ul li.addr .con .ip_box button{float:right;min-width:115px}
.form_box ul li.addr .con>input{margin-top:10px}
.addr_layer{top:0 !important;left:0 !important;width:100% !important;height:100% !important;box-sizing:border-box}

.form_box ul li.addr.new .con .ip_box input{width:calc(100% - 210px)}
.form_box ul li.addr.new .con .ip_box button{min-width:95px}
.form_box ul li.addr.new .con .ip_box button:last-child{margin-right:10px}

.join_form_page .form_box>ul{border-bottom:0}
.join_agree_area{margin-top:20px}
.join_agree_area>.design_checkbox{padding:0 10px 20px;border-bottom:1px solid #ddd}
.join_agree_area>.design_checkbox input[type='checkbox']+label{font-size:17px;font-weight:700;color:#111}
.join_agree_area ul,
.join_agree_area ul li{border:0;padding-bottom:0}
.join_agree_area li:not(:first-child){margin-top:5px}
.join_agree_area li p.tit{font-size:17px;font-weight:700;color:#111}
.join_agree_area li p.tit span{display:block;margin-top:6px;font-size:13px;font-weight:400;color:#999}
.join_agree_area li .box{margin-top:15px}
.join_agree_area li .box .design_checkbox{display:inline-block;vertical-align:middle}
.join_agree_area li .box .design_checkbox label{font-size:15px;color:#111}
.join_agree_area li .box button{display:inline-block;vertical-align:middle;margin-left:22px;padding:0 3px;border-bottom:1px solid #555;font-weight:500;color:#555}
.agr_area{margin-top:40px;padding:0 10px}
.agr_area .design_checkbox input[type='checkbox']+label{background-position:left top;color:#111}
.ntc_type li{position:relative;font-size:12px;color:#999}
.ntc_type li::before{content:"-";display:inline-block}
/* member */
.bg_txt{padding-top:58px;background:url(/common/images/member/mb_bg_tit.png) no-repeat 50% 0;background-size:40px;text-align:center}
.bg_txt p{font-size:19px;color:#111}
.bg_txt p em{font-weight:700}
.bg_txt p.sub{margin-top:3px;font-size:14px;color:#333}
.bg_txt span{display:block;margin-top:12px;font-size:14px;color:#999}
/* member - join_check */
.join_check_page li:not(:first-child){margin-top:10px}
.join_check_page li{line-height:60px;border:1px solid #ddd}
.join_check_page li a{display:block;font-size:14px;font-weight:500;color:#111;text-align:center}
.join_check_page li.kakao a{background:url(/common/images/member/mb_ico_join_kakao.png) no-repeat 20px 50%;background-size:27px}
.join_check_page li.facebook a{background:url(/common/images/member/mb_ico_join_facebook.png) no-repeat 28px 50%;background-size:12px}
.join_check_page li.naver a{background:url(/common/images/member/mb_ico_join_naver.png) no-repeat 25px 50%;background-size:19px}
.join_check_page .email p{margin:40px 0 20px;font-size:14px;font-weight:500;color:#111;text-align:center}
.join_check_page .email p span{display:inline-block;padding-left:34px;background:url(/common/images/member/mb_ico_join_email.png) no-repeat 0 50%;background-size:24px}
.join_check_page .email .ip_box button{margin-top:10px}
/* member - join_ok */
.join_ok_page .wrap>p{padding:25px 0 10px;font-size:14px;color:#111;text-align:center}
.join_ok_page .wrap>p em{font-weight:700}
/* member - find_id_pw_page */
.find_id_pw_page .box:first-child{margin-bottom:75px}
.find_id_pw_page .box h2{font-size:20px;font-weight:700;color:#000;text-align:center}
.find_id_pw_page .box>p{margin:5px 0 40px;font-size:14px;color:#999;text-align:center}
.find_id_pw_page .btn_txt{font-weight:500}
/* mypage */
.mypage.contents .wrap{padding-top:0}
.mypage_top .grade .info .img,
.mypage_top .grade .info .con,
.mypage_top .grade .info .recommend_code .tit{display:none}
.mypage_top .grade .info .recommend_code .code_area{display:table;margin:0 auto;padding:11px 20px}
.mypage_top .grade .info .recommend_code .code_area p{display:inline-block;vertical-align:middle;font-size:16px;font-weight:500;color:#333}
.mypage_top .grade .info .recommend_code .code_area p em{display:inline-block;margin-left:8px;color:#d22224}
.mypage_top .grade .info .recommend_code .code_area .btn{display:inline-block;vertical-align:middle;margin-left:5px}
.mypage_top .grade .info .recommend_code .code_area .btn a{display:inline-block;width:86px;line-height:40px;padding-left:46px;box-sizing:border-box;font-size:15px;color:#000}
.mypage_top .grade .info .recommend_code .code_area .btn a.btn_copy{background:#fff url(/common/images/mypage/mb_ico_url.png) no-repeat 15px 50%;border:1px solid #999;background-size:25px}
.mypage_top .grade .info .recommend_code .code_area .btn a.btn_share{margin-left:8px;background:#fff url(/common/images/mypage/mb_ico_talk.png) no-repeat 15px 50%;border:1px solid #999;background-size:25px}
.mypage_top .grade .state ul{display:table;width:100%;padding:30px 20px;box-sizing:border-box;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.mypage_top .grade .state li{position:relative;display:table-cell;vertical-align:middle;width:25%;text-align:center}
.mypage_top .grade .state li::after{content:"";display:block;position:absolute;top:50%;right:0;width:1px;height:45px;margin-top:-22px;background:#ddd}
.mypage_top .grade .state li:last-child::after{display:none}
.mypage_top .grade .state li p{font-size:18px;font-weight:700;color:#333}
.mypage_top .grade .state li p em{display:none}
.mypage_top .grade .state li p.tit{margin-top:10px;font-size:13px;font-weight:400;color:#111}
.mp_lnb{border-top:6px solid #ddd;border-bottom:1px solid #ddd;padding-left:20px;box-sizing:border-box}
.mp_lnb ul{white-space:nowrap;overflow-x:auto}
.mp_lnb li{display:inline-block;line-height:50px;margin-right:27px;font-weight:500;color:#999}
.mp_lnb li.on{position:relative;font-weight:400;color:#111}
.mp_lnb li.on::after{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:2px;background:#333}
/* mypage - coupon */
.coupon_page .coupon_box{display:table;width:100%;padding:40px 0 30px;box-sizing:border-box}
.coupon_page .coupon_box dl{position:relative;display:table-cell;width:33.33%;padding-left:12px}
.coupon_page .coupon_box dl::after{content:"";display:block;position:absolute;top:0;right:0;width:1px;height:78px;background:#ddd}
.coupon_page .coupon_box dl:last-child::after{display:none}
.coupon_page .coupon_box dt{padding-top:23px;background:url(/common/images/mypage/mb_ico_coupon.png) no-repeat 0 0;background-size:29px;font-size:14px;font-weight:500;color:#999}
.coupon_page .coupon_box dd{margin-top:10px;line-height:1;font-size:18px;font-weight:700;color:#111}
.coupon_page .coupon_box dd span{display:inline-block;margin-right:3px;font-size:25px}
.coupon_page .coupon_box dl.use dt{background:url(/common/images/mypage/mb_ico_coupon_use.png) no-repeat 0 0;background-size:29px;color:#333}
.coupon_page .coupon_guide{position:relative;background:#f8f8f8;padding:20px 15px 15px}
.coupon_page .coupon_guide>p{padding-top:27px;background:url(/common/images/mypage/mb_ico_guide.png) no-repeat 50% 0;background-size:21px;font-size:15px;font-weight:700;color:#111;text-align:center}
.coupon_page .coupon_guide ul{margin:14px 0 20px}
.coupon_page .coupon_guide li{position:relative;padding-left:7px;font-size:12px;color:#555}
.coupon_page .coupon_guide li::before{content:"";display:block;position:absolute;top:8px;left:0;width:2px;height:2px;background:#555;border-radius:100%}
.coupon_page .coupon_guide .coupon_form{display:none;position:absolute;top:0;left:0;width:100%}
.coupon_page .coupon_guide .coupon_form .inner{position:relative;padding:25px 15px 20px;background:#f8f8f8}
.coupon_page .coupon_guide .coupon_form p{margin-bottom:28px;font-size:15px;font-weight:700;color:#111;text-align:center}
.coupon_page .coupon_guide .coupon_form .btn_close{position:absolute;top:15px;right:15px;width:33px;height:33px;border:1px solid #111;background:url(/common/images/mypage/mb_ico_close.png) no-repeat 50% 50%;background-size:13px;text-indent:-9999px;overflow:hidden}
.coupon_page .coupon_guide .coupon_form .ip_box input{margin-bottom:10px}
.coupon_page .tbl_list{margin-top:20px}
.coupon_page .tbl_list col.use{width:22%}
.coupon_page .tbl_list thead{display:none}
.coupon_page .tbl_list td.tit{padding:15px 10px;box-sizing:border-box;font-size:15px;color:#111;text-align:left}
.coupon_page .tbl_list td.tit span{display:block;margin-top:5px;font-size:14px;color:#999}
.coupon_page .tbl_list td.state{font-size:15px;font-weight:700;color:#999}
.coupon_page .tbl_list td.state.possible{color:#111}
/* mypage - mileage */
.mileage_page .mileage_box{display:table;width:100%;padding:40px 0 30px;box-sizing:border-box}
.mileage_page .mileage_box dl{position:relative;display:table-cell;width:33.33%;padding-left:12px}
.mileage_page .mileage_box dl::after{content:"";display:block;position:absolute;top:0;right:0;width:1px;height:60px;background:#ddd}
.mileage_page .mileage_box dl:last-child::after{display:none}
.mileage_page .mileage_box dt{padding-left:21px;background:url(/common/images/mypage/mb_ico_mileage.png) no-repeat 0 50%;background-size:15px;font-size:14px;font-weight:500;color:#999}
.mileage_page .mileage_box dd{margin-top:17px;line-height:1;font-size:15px;font-weight:700;color:#111}
.mileage_page .mileage_box dd span{display:inline-block;margin-right:3px;font-size:25px}
.mileage_page .mileage_box dl.use dt{background:url(/common/images/mypage/mb_ico_mileage_use.png) no-repeat 0 50%;background-size:15px;color:#111}
.mileage_page .mileage_box dl.use dd{font-size:24px}
.mileage_page .srch_area .datePic_area{margin:10px 0 5px}
.mileage_page .srch_area .btn_txt{height:40px;line-height:40px}
.mileage_page .tbl_list col.tit{width:110px}
.mileage_page .tbl_list span.ico_save{display:inline-block;padding-right:20px;background:url(/common/images/mypage/mb_ico_save.png) no-repeat 100% 50%;background-size:15px}
.mileage_page .tbl_list span.ico_use{display:inline-block;padding-right:20px;background:url(/common/images/mypage/mb_ico_use.png) no-repeat 100% 50%;background-size:15px}
.mileage_page .tbl_list td.tit{color:#111}
.mileage_page .tbl_list td.rest{font-weight:700;color:#111}
/* mypage - wish_list */
.wish_list_page.mypage.contents .wrap{padding:0 0 75px}
.wish_list_page .design_checkbox label{text-indent:-9999px;overflow:hidden}
.wish_list_page .tbl_top{margin-top:25px}
.wish_list_page .tbl_top::after{content:"";display:block;width:100%;height:8px;background:#eee}
.wish_list_page .tbl_top .pCheck .design_checkbox{text-align:left}
.wish_list_page .tbl_top .pInfo,
.wish_list_page .tbl_top .pPrice,
.wish_list_page .tbl_top .pBtn{display:none}
.wish_list_page .tbl_top li{border-bottom:1px solid #ddd;padding:0 20px 15px}
.wish_list_page .wish_list li{padding:15px 20px 25px;box-sizing:border-box;border-bottom:1px solid #ddd}
.wish_list_page .wish_list li.nodata{display:block !important}
.wish_list_page .wish_list .ip{height:20px;padding-bottom:10px;border-bottom:0;text-align:left}
.wish_list_page .wish_list .prd{position:relative}
.wish_list_page .wish_list .prd .con{display:table;width:100%}
.wish_list_page .wish_list .prd .con .pic{display:table-cell;width:100px;height:100px;overflow:hidden}
.wish_list_page .wish_list .prd .con .pic a{display:inline-block;border:1px solid #ddd}
.wish_list_page .wish_list .prd .con .info{display:table-cell;padding-left:12px}
.wish_list_page .wish_list .prd .con .info p{font-size:14px;text-align:left}
.wish_list_page .wish_list .prd .con .info p.price{margin-top:35px;font-size:15px;font-weight:700;color:#111;text-align:right}
.wish_list_page .wish_list .prd .btn_del{position:absolute;top:-30px;right:0;width:20px;height:20px;background:url(/common/images/mypage/mb_ico_del.png) no-repeat 100% 50%;background-size:100%;text-indent:-9999px;overflow:hidden}
.wish_list_page .wish_list .btn{display:none}
.wish_list_page .wish_list+.btn_area{padding:0 20px}
/* mypage - qna_list */
.qna_list_page.mypage.contents .wrap{padding-top:40px}
.qna_list_page .tbl_list .q_st{width:75px}
.qna_list_page .tbl_list td{padding:0;text-align:left;color:#111}
.qna_list_page .tbl_list .question{display:table;width:100%;line-height:1.5;background:url(/common/images/mypage/mb_ico_q.png) no-repeat 15px 50%;background-size:11px;padding:20px 0;cursor:pointer}
.qna_list_page .tbl_list .question .tit{display:table-cell;vertical-align:middle;width:calc(100% - 75px);padding-left:45px}
.qna_list_page .tbl_list .question .tit em{display:block;font-weight:500}
/* .qna_list_page .tbl_list .question .tit p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;line-height:1.3} */
.qna_list_page .tbl_list .question .state{display:table-cell;vertical-align:middle;width:75px;text-align:center}
.qna_list_page .tbl_list .question .state span{display:inline-block;width:45px;line-height:20px;border-radius:15px;background:#ccc;font-size:11px;color:#fff}
.qna_list_page .tbl_list .question .state.ok span{background:#111}
.qna_list_page .tbl_list .answer{display:none;background:url(/common/images/mypage/mb_ico_a.png) no-repeat 15px 20px #f8f8f8;background-size:10px;padding:15px 15px 20px 45px;box-sizing:border-box;border-top:1px solid #ddd}
/* mypage - passcheck */
.passcheck_page.mypage.contents .wrap{padding-top:50px}
.passcheck_page .wrap>h3{font-size:19px;font-weight:400;color:#111;text-align:center}
.passcheck_page .wrap>p{margin:12px 0 38px;font-size:14px;color:#999;text-align:center}
/* mypage - member_modify */
.member_modify_page.mypage.contents .wrap{padding-top:40px}
.member_modify_page .btn_area .btn_txt:last-child{float:none;min-width:100%;margin-top:15px}
/* mypage - pass_change */
.pass_change_page.mypage.contents .wrap{padding-top:40px}
/* mypage - member_out */
.member_out_page.mypage.contents .wrap{padding-top:50px}
.member_out_page .wrap>h3{font-size:19px;font-weight:400;color:#111;text-align:center}
.member_out_page .wrap>p{margin-top:12px;font-size:14px;color:#999;text-align:center}
/* mypage - order_list */
.order_list_page .tbl_top{display:none}
.order_list_page .order_list li{padding:25px 0;border-bottom:1px solid #ddd}
.order_list_page .order_list li .info .img{display:table-cell;width:100px;height:100px;overflow:hidden}
.order_list_page .order_list li .info .con{display:table-cell;padding:0 20px}
.order_list_page .order_list li .info .con p{font-size:14px}
.order_list_page .order_list li .info .con p.date{font-size:13px;color:#999}
.order_list_page .order_list li .info .con p.tit{margin:10px 0}
.order_list_page .order_list li .info .con p.price{color:#111}
.order_list_page .order_list li .info .con p.price span{display:inline-block}
.order_list_page .order_list li .info .con p.price span:first-child{position:relative;margin-right:3px;padding-right:10px;font-weight:700}
.order_list_page .order_list li .info .con p.price span:first-child::after{content:"";display:block;position:absolute;top:3px;right:0;width:1px;height:15px;background:#ddd}
.order_list_page .order_list li .state{margin:10px 0;text-align:right}
.order_list_page .order_list li .state span{font-size:15px;font-weight:700;color:#111}
.order_list_page .order_list li .state span.cancel{color:#999}
.order_list_page .order_list li .btn .btn_area{margin-top:0}
.order_list_page .order_list li .btn .btn_txt{height:40px;line-height:40px;margin-top:2%;border:1px solid #ddd;font-size:13px;font-weight:400}
.order_list_page .order_list li .btn .btn_txt:nth-child(1),
.order_list_page .order_list li .btn .btn_txt:nth-child(2){margin-top:0}
/* mypage - order_view */
.order_view_page .order_num{margin-top:25px;padding:12px 0;background:#111;font-size:14px;font-weight:500;color:#fff;text-align:center}
.order_view_page .tbl_top{display:none}
.order_view_page .order_list li{display:table;width:100%;padding:25px 0;border-bottom:1px solid #ddd}
.order_view_page .order_list li:last-child{border-bottom:0}
.order_view_page .order_list li .img{display:table-cell;width:100px;height:100px;overflow:hidden}
.order_view_page .order_list li .img a{display:inline-block;border:1px solid #ddd}
.order_view_page .order_list li .con{display:table-cell;padding:0 20px}
.order_view_page .order_list li .con p{font-size:14px}
.order_view_page .order_list li .con .prd_box{margin-top:38px}
.order_view_page .order_list li .con .prd_box p{display:inline-block}
.order_view_page .order_list li .con .prd_box p.amount{position:relative;padding-right:10px;margin-right:5px;font-weight:700;color:#111}
.order_view_page .order_list li .con .prd_box p.amount::after{content:"";display:block;position:absolute;top:4px;right:0;width:1px;height:13px;background:#ddd}
.order_view_page .order_list li .con .prd_box p.amount em{font-weight:400;color:#555}
.order_view_page .order_list li .con .prd_box p.price{font-size:15px;font-weight:700;color:#111}
.order_view_page .box_area{margin:0 -20px}
.order_view_page .box .o_tit{position:relative;line-height:55px;border-top:8px solid #eee;padding:0 20px;background:#f8f8f8;font-size:14px;font-weight:700;color:#111}
.order_view_page .box .o_tit::before{content:"";display:block;position:absolute;top:-8px;left:0;width:100%;height:1px;background:#ddd}
.order_view_page .box .con{display:table;width:100%;padding:25px 20px;box-sizing:border-box}
.order_view_page .box .con dl{display:table;width:100%;margin-top:25px}
.order_view_page .box .con dl:first-child{margin-top:0}
.order_view_page .box .con dt{display:table-cell;width:115px;font-weight:500;color:#111}
.order_view_page .box .con dd{display:table-cell}
.order_view_page .box .con.total dd{font-size:14px;font-weight:700;color:#111;text-align:right}
.order_view_page .box .con.total .discount dt,
.order_view_page .box .con.total .discount dd{color:#999}
.order_view_page .box .con.total .total{border-top:1px solid #ddd;padding-top:15px;font-size:14px}
.order_view_page .box .con.total .total dd{font-size:18px}
.order_view_page .wrap>.btn_area{margin-top:50px}
.order_view_page .wrap>.btn_area.col2 .btn_txt{margin:2% 2% 0 0}
.order_view_page .wrap>.btn_area.col2 .btn_txt:nth-child(1),
.order_view_page .wrap>.btn_area.col2 .btn_txt:nth-child(2){margin-top:0}
.order_view_page .wrap>.btn_area.col2 .btn_txt:nth-child(2n){margin-right:0}
.order_view_page .wrap>.btn_area.col3 .btn_txt{margin:2% 2% 0 0}
.order_view_page .wrap>.btn_area.col3 .btn_txt:nth-child(1),
.order_view_page .wrap>.btn_area.col3 .btn_txt:nth-child(2),
.order_view_page .wrap>.btn_area.col3 .btn_txt:nth-child(3){margin-top:0}
.order_view_page .wrap>.btn_area.col3 .btn_txt:nth-child(3n){margin-right:0}
/* order */
/* order - cart */
.cart_page.order.contents .wrap{position:relative;padding:0 0 75px}
.cart_page .control_box{position:absolute;top:-13px;right:20px}
.cart_page .control_box button{min-width:110px;height:40px;line-height:40px;border:1px solid #ddd}
.cart_page .design_checkbox label{text-indent:-9999px;overflow:hidden}
.cart_page .tbl_top{margin-top:25px}
.cart_page .tbl_top::after{content:"";display:block;width:100%;height:8px;background:#eee}
.cart_page .tbl_top .pCheck .design_checkbox{text-align:left}
.cart_page .tbl_top .pInfo,
.cart_page .tbl_top .pPrice,
.cart_page .tbl_top .pQuantity,
.cart_page .tbl_top .pTotal{display:none}
.cart_page .tbl_top li{border-bottom:1px solid #ddd;padding:0 20px 15px}
.cart_page .cart_list li{padding:15px 20px 25px;box-sizing:border-box;border-bottom:1px solid #ddd}
.cart_page .cart_list li.nodata{display:block !important}
.cart_page .cart_list .ip{height:20px;padding-bottom:10px;border-bottom:0;text-align:left}
.cart_page .cart_list .prd{position:relative}
.cart_page .cart_list .prd::after{content:"";display:block;clear:both}
.cart_page .cart_list .prd .pic{float:left;width:100px;height:100px;overflow:hidden}
.cart_page .cart_list .prd .pic a{display:inline-block;border:1px solid #ddd}
.cart_page .cart_list .prd .info{float:left;width:calc(100% - 100px);padding-left:12px;box-sizing:border-box}
.cart_page .cart_list .prd .info p{font-size:14px;text-align:left}
.cart_page .cart_list .prd .info p.price{display:none}
.cart_page .cart_list .prd .btn_del{position:absolute;top:-30px;right:0;width:20px;height:20px;background:url(/common/images/mypage/mb_ico_del.png) no-repeat 100% 50%;background-size:100%;text-indent:-9999px;overflow:hidden}
.cart_page .cart_list .btn{float:left;width:calc(100% - 100px);height:35px;margin-top:30px;padding-left:12px;box-sizing:border-box}
.cart_page .cart_list .btn .total_price{float:right;height:35px;line-height:35px;font-size:15px;font-weight:700;color:#111}
.cart_page .total_area{padding:0 20px;border-top:8px solid #eee}
.cart_page .total_area dl{display:table;width:100%;margin-top:22px;color:#111}
.cart_page .total_area dt{display:table-cell;vertical-align:middle;width:75px;font-size:14px}
.cart_page .total_area dd{display:table-cell;vertical-align:middle;font-size:15px;font-weight:700;text-align:right}
.cart_page .total_area dl.total{margin-top:22px;padding-top:22px;border-top:1px solid #ddd}
.cart_page .total_area dl.total dd{font-size:18px}
.cart_page .total_area em{display:none}
.cart_page .wrap>p{margin-top:40px;font-size:14px;text-align:center}
.cart_page .bottom_area .btn_area{padding:0 20px}
.cart_page .bottom_area .btn_area .btn_txt:last-child{float:none;min-width:100%;margin-top:15px}
.cart_page .bottom_area .naverPay{margin-top:40px}
/* order - order */
.order_page.order.contents .wrap{padding:0 0 75px}
.order_page .order_list{border-top:8px solid #eee;padding-top:20px}
.order_page .order_list li{padding:25px 20px;box-sizing:border-box}
.order_page .order_list li p.price{display:none}
.order_page.order_view_page .order_list li .con .prd_box p.total_price{font-size:15px;font-weight:700;color:#111}
.order_page.order_view_page .box_area{margin:0}
.order_page.order_view_page .box .o_tit{overflow:hidden}
.order_page.order_view_page .box .o_tit p{float:left}
.order_page.order_view_page .box .o_tit .right{float:right}
.order_page.order_view_page .box .o_tit .right label{font-size:12px;font-weight:400;color:#111}
.order_page.order_view_page .box .con{padding:0}
.order_page.order_view_page .box .con.total{padding:25px 20px}
.order_page .form_box ul{border-top:0;padding:25px 0}
.order_page .form_box ul li{border-top:0;padding:20px 20px 0}
.order_page .form_box ul li:first-child{padding-top:0}
.order_page .form_box ul li textarea{height:175px}
.order_page .form_box ul li.point input{display:table-cell}
.order_page .form_box ul li.point p{display:table-cell;width:135px;text-align:center}
.order_page .form_box ul li.coupon input{float:left;width:calc(100% - 120px)}
.order_page .form_box ul li.coupon button{float:right;min-width:115px}
.order_page .form_box ul li.payment .con::after{content:"";display:block;clear:both}
.order_page .form_box ul li.payment .design_box{float:left;width:49%;margin:10px 2% 0 0}
.order_page .form_box ul li.payment .design_box:nth-child(1),
.order_page .form_box ul li.payment .design_box:nth-child(2){margin-top:0}
.order_page .form_box ul li.payment .design_box:nth-child(2n){margin-right:0}
.order_page .form_box ul li.payment .design_box2{float:left;width:49%;margin:10px 2% 0 0}
.order_page .form_box ul li.payment .design_box2:nth-child(1),
.order_page .form_box ul li.payment .design_box2:nth-child(2){margin-top:0}
.order_page .form_box ul li.payment .design_box2:nth-child(2n){margin-right:0}
.order_page .form_box ul li.payment .design_box2 label{display:block;cursor:pointer}
.order_page .form_box ul li.payment .design_box2 label span{display:block;position:relative;text-align:center;line-height:40px;letter-spacing:0;color:#999;border:1px solid #ddd}
.order_page .form_box ul li.payment .design_box2 label input{position:absolute;left:-99999px;overflow:hidden}
.order_page .form_box ul li.payment .design_box2 label input:checked+span{opacity:1;border-color:#111;color:#111}
.order_page .form_box ul li.payment .design_box2.kakao label span{background:url(/common/images/order/ico_order_kakao.png) no-repeat 50% 50%;background-size:auto 40px;text-indent:-9999px;overflow:hidden;border:0}
.order_page .form_box ul li.payment .design_box2.kakao label input:checked+span{background:url(/common/images/order/ico_order_kakao_on.png) no-repeat 50% 50%;background-size:auto 40px;border:0}
.order_page .bottom_area{padding:15px 20px 0}
.order_page .bottom_area .no_member_pass{background:#f8f8f8;padding:30px 15px;border:1px solid #ddd}
.order_page .bottom_area .no_member_pass .agr_box{padding-bottom:15px;border-bottom:1px solid #ddd}
.order_page .bottom_area .no_member_pass .agr_box .design_checkbox{display:inline-block}
.order_page .bottom_area .no_member_pass .agr_box .design_checkbox label{font-size:13px;font-weight:500;color:#111}
.order_page .bottom_area .no_member_pass .agr_box button{display:inline-block;border-bottom:1px solid #999;margin-left:10px;font-size:12px;color:#999}
.order_page .bottom_area .no_member_pass .agr_ip{display:table;width:100%;padding-top:15px}
.order_page .bottom_area .no_member_pass .agr_ip .tit{display:table-cell;vertical-align:middle;width:60px;font-weight:500;color:#111}
.order_page .bottom_area .no_member_pass .agr_ip .con{display:table-cell;vertical-align:middle;width:calc(100% - 60px)}
.order_page .bottom_area .no_member_pass>p{margin-top:16px;padding-left:16px;background:url(/common/images/order/mb_ico_ntc.png) no-repeat 0 50%;background-size:13px;font-size:12px;color:#999}
.order_page .ntc_type{padding:24px 20px 0}
.order_page .ntc_type li{font-size:13px}
.order_page .ntc_type li a{display:inline-block;color:#111}
.order_page.order_view_page .wrap>.btn_area{padding:0 20px}
.addr_layer{top:0 !important;left:0 !important;margin-left:0 !important;margin-top:0 !important;width:100% !important;height:100% !important;box-sizing:border-box !important}
.layer_coupon .layer_con .inner{padding:0 25px}
.layer_coupon .layer_con .coupon_list{height:343px;overflow:auto;margin-bottom:15px}
.layer_coupon .layer_con .coupon_list li{display:block !important;padding:20px 10px;border-bottom:1px solid #ddd;*zoom:1}
.layer_coupon .layer_con .coupon_list li::after{content:"";display:block;clear:both}
.layer_coupon .layer_con .coupon_list li input{float:left;width:20px;margin-top:11px;margin-right:10px}
.layer_coupon .layer_con .coupon_list li label{float:left;font-size:14px;color:#111;vertical-align:middle}
.layer_coupon .layer_con .coupon_list li label span{display:block;font-size:13px;color:#777}
.layer_coupon .layer_con .price_box{background:#f8f8f8;padding:30px 20px}
.layer_coupon .layer_con .price_box ul li{*zoom:1}
.layer_coupon .layer_con .price_box ul li::after{content:"";display:block;clear:both}
.layer_coupon .layer_con .price_box ul li .tit{float:left;width:30%;font-size:14px;color:#555;line-height:18px}
.layer_coupon .layer_con .price_box ul li em{float:right;width:70%;font-size:17px;color:#333;font-weight:500;text-align:right;line-height:18px}
.layer_coupon .layer_con .price_box ul li.total{padding-top:25px;margin-top:25px;border-top:1px solid #999}
.layer_coupon .layer_con .price_box ul li.total .tit{font-size:15px;line-height:26px}
.layer_coupon .layer_con .price_box ul li.total em{font-size:25px;line-height:26px;color:#111}
.layer_coupon .layer_con .btn_area{margin:40px 0 50px}
.layer_coupon .layer_con .write{padding:30px 20px;background:#f4f4f4}
.layer_coupon .layer_con .write .ip_box{overflow:hidden}
.layer_coupon .layer_con .write .ip_box input{float:left;width:calc(100% - 102px);height:40px;line-height:40px}
.layer_coupon .layer_con .write .ip_box button{float:right;min-width:97px;height:40px;line-height:40px;font-size:13px;font-weight:500}
.layer_coupon .layer_con .write>p{margin:30px 0 10px;padding-left:16px;background:url(/common/images/order/mb_ico_ntc_bk.png) no-repeat 0 50%;background-size:13px;color:#111}

.past_layer .inner{margin:40px 0;padding:0 20px}
.past_layer .col_tit{width:70px}
.past_layer .col_sel{width:60px}
.past_layer .top_list{display:table;width:100%;border-top:2px solid #111}
.past_layer .top_list li{display:table-cell;vertical-align:middle;height:45px;padding:0 10px;box-sizing:border-box;color:#111;font-size:13px;font-weight:500;border-bottom:1px solid #ddd;text-align:center}
.past_layer .addr_list{border-bottom:1px solid #ddd}
.past_layer .addr_list li{display:table;width:100%}
.past_layer .addr_list li:not(:first-child){border-top:1px solid #ddd}
.past_layer .addr_list li.nodata{display:block !important}
.past_layer .addr_list li .box{display:table-cell;vertical-align:middle;padding:15px 10px;box-sizing:border-box}
.past_layer .addr_list li .box.tit{font-weight:500;color:#111;text-align:center}
.past_layer .addr_list li .box .addr em{display:block;color:#999}
.past_layer .addr_list li .box .tel{color:#999}
.past_layer .addr_list li .box button{width:40px;line-height:25px;border:1px solid #111;font-size:12px;color:#111;text-align:center}

/* order - order_ok */
.order_ok_page .bg_txt p.sub{color:#999}
/* cs - cs_center */
.cs_center_page>p{margin-top:40px;color:#111;text-align:center}
.cs_center_page .info_area{/* border:1px solid #ddd;padding:30px 0; */color:#111}
.cs_center_page .info_area li{border-bottom:1px solid #ddd;padding:25px 0}
.cs_center_page .info_area li:first-child{border-top:1px solid #ddd}
.cs_center_page .info_area li .box{display:table;width:295px;margin:0 auto}
.cs_center_page .info_area dl{display:table;/* margin-top:20px; */padding-left:30px}
/* .cs_center_page .info_area dl:first-child{margin-top:0} */
.cs_center_page .info_area dl:first-child dt{margin-bottom:15px}
.cs_center_page .info_area dl.tel{background:url(/common/images/cs/mb_ico_tel.png) no-repeat 0 3px;background-size:18px}
.cs_center_page .info_area dl.kakao{background:url(/common/images/cs/mb_ico_kakao.png) no-repeat 0 50%;background-size:20px}
.cs_center_page .info_area dl.qna{background:url(/common/images/cs/mb_ico_qna.png) no-repeat 0 50%;background-size:18px}
.cs_center_page .info_area dt{display:table-cell;width:80px;/* margin-bottom:10px; */font-size:15px}
.cs_center_page .info_area dd{display:table-cell;}
.cs_center_page .info_area dd span{display:block}
.cs_center_page .info_area dd span:nth-child(2){margin:10px 0}
.cs_center_page .info_area dd span a{font-size:15px;font-weight:700}
/* cs - member_benefit */
.member_benefit_page .scroll_box{overflow-x:auto}
.member_benefit_page .tbl_type .col_w01,
.member_benefit_page .tbl_type .col_w02{width:50px}
.member_benefit_page .tbl_type .col_w03{width:85px}
.member_benefit_page .tbl_type td em{font-weight:700}
/* product - trend */
.trend_page ul{overflow:hidden}
.trend_page li{float:left;width:48.5%;margin:3% 3% 0 0}
.trend_page li:nth-child(1),
.trend_page li:nth-child(2){margin-top:0}
.trend_page li:nth-child(2n){margin-right:0}
/* tutorial - tutorial_view */
.tutorial_view_page .youtube_box{padding-bottom:56.25%}

/* event 공통 */
.event .wrap .event_lnb{margin:0 -20px;border-bottom:1px solid #ddd;box-sizing:border-box}
.event .wrap .event_lnb ul{padding:0 20px;height:50px;line-height:50px;font-size:0}
.event .wrap .event_lnb ul li{display:inline-block;margin-right:30px}
.event .wrap .event_lnb ul li:last-of-type{margin-right:0}
.event .wrap .event_lnb ul li button{display:block;position:relative;width:100%;height:100%;color:#999;font-size:13px;line-height:50px;text-align:center}
.event .wrap .event_lnb ul li.on button{color:#111}
.event .wrap .event_lnb ul li.on button::after{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:2px;background:#111}
/* event - event_ing_list */
.event .wrap .event_list{margin:0}
.event .wrap .event_list ul li{margin-bottom:25px}
.event .wrap .event_list ul li:last-of-type{margin-bottom:0}
.event .wrap .event_list ul li a .txt{margin-top:13px}
.event .wrap .event_list ul li a .txt p.tit{color:#111;font-size:14px}
.event .wrap .event_list ul li a .txt p.data{margin-top:10px;color:#999;font-size:13px}
/* event - event_ing_view */
.event .wrap{padding:0 0 75px}
.event .wrap .event_view{position:relative;padding:0;box-sizing:border-box}
.event .wrap .event_view .tit_area{padding:0 0 25px;box-sizing:border-box;border-bottom:1px solid #ddd}
.event .wrap .event_view .tit_area .tit{margin-bottom:14px;color:#111;font-size:16px;font-weight:500;line-height:100%}
.event .wrap .event_view .tit_area .data{color:#999;font-size:13px}
.event .wrap .event_view .con{position:relative;padding:0;box-sizing:border-box;text-align:center}
.event .wrap .event_view .con br{display:none}

/* event - invite */
.invite_page .box{padding:30px 15px;box-sizing:border-box;background:#f4f4f4;overflow:hidden}
.invite_page .box .ip_box input{float:left;width:calc(100% - 80px);height:50px;line-height:50px;border-radius:5px;padding:0 20px;font-size:15px;color:#111}
.invite_page .box .ip_box button{float:right;width:75px;height:50px;line-height:50px;background:url(/common/images/event/ico_share.jpg) no-repeat 50% 50%;background-size:15px;border-radius:5px;border:1px solid #111;text-indent:-9999px;overflow:hidden}
.invite_page .box>button{width:100%;height:50px;line-height:50px;margin-top:10px;background:#f8e437;border-radius:5px;border:1px solid #111;font-size:15px;font-weight:700;color:#2a0808;text-align:center}
.invite_page .box>button span{display:inline-block;padding-left:32px;background:url(/common/images/event/ico_kakao.jpg) no-repeat 0 50%;background-size:19px}
/* review - review_list */
.review_list_page .wrap .review_tit{text-align:center}
.review_list_page .wrap .review_tit .txt{margin-bottom:25px;color:#999;font-size:14px}
.review_list_page .wrap .review_tit .point_box ul{display:flex;-ms-display:flex;-webkit-display:flex;margin:0 auto;width:100%}
.review_list_page .wrap .review_tit .point_box ul li{flex:1;margin:0 5px}
.review_list_page .wrap .review_tit .point_box ul li p{color:#111}
.review_list_page .wrap .review_tit .point_box ul li p em{display:block;font-size:14px;font-weight:700}
.review_list_page .wrap .review_tit .point_box ul li p strong{font-size:25px;font-weight:700;font-family:'Myriad Pro'}
.review_list_page .wrap .review_tit .point_box ul li p span{font-size:15px;font-weight:500;font-family:'Myriad Pro'}
.review_list_page .wrap .review_tit .p_txt{margin-top:15px;word-break:keep-all}
.review_list_page .wrap .review_tit .btn_area{margin-top:30px}
.review_list_page .wrap .review_list_search .srch_area{margin:30px 0 40px;padding:0;background:none}
.review_list_page .wrap .review_list_search .srch_area::after{content:'';display:block;clear:both}
.review_list_page .wrap .review_list_search .srch_area .select_tag{float:left;margin-bottom:10px;width:calc(50% - 5px)}
.review_list_page .wrap .review_list_search .srch_area .select_tag:first-of-type{margin-right:10px}
.review_list_page .wrap .review_list_search .srch_area .select_tag.select_tag_full{width:100%}
.review_list_page .wrap .review_list_search .srch_area .txt_area{position:relative;clear:both}
.review_list_page .wrap .review_list_search .srch_area .txt_area input{padding:0 65px 0 15px}
.review_list_page .wrap .review_list_search .srch_area .txt_area .btn_srch{display:inline-block;position:absolute;right:0;top:0;width:50px;height:50px;text-align:center;text-indent:-9999px;background:url(/common/images/default/icon_search.png)center no-repeat;background-size:25px}
.review_list_page .wrap .border_info{margin-bottom:30px;text-align:center;color:#555;font-size:13px}
.review_list_page .wrap .border_info span{color:#111;font-weight:700}
.review_list_page .wrap .select_btn{margin-bottom:25px}
.review_list_page .wrap .select_btn select{display:block;margin-left:auto;width:160px;height:40px;line-height:40px;border:0;border-bottom:1px solid #000}
.review_list::after{content:'';display:block;clear:both}
.review_list li{float:left;margin-top:40px;width:calc(50% - 5px)}
.review_list li:nth-of-type(1),
.review_list li:nth-of-type(2){margin-top:0}
.review_list li:nth-of-type(2n){margin-left:10px}
/* .review_list li .img{position:relative;overflow:hidden;padding-bottom:100%}
.review_list li .img img{position:absolute;top:50%;bottom:0;left:50%;right:0;transform:translate(-50%,-50%);max-width:100%} */

.review_list li .img{overflow:hidden}
.review_list li .img p{display:block;position:relative;padding-bottom:100%;-webkit-transform:translate(50%,50%);-ms-transform:translate(50%,50%);transform:translate(50%,50%)}
.review_list li .img p img{position:absolute;top:0;right:0;bottom:0;left:0;max-width:none;/* width:auto;height:100%; */-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}

/* .review_list li img{width:100%} */
.review_list li a{display:block}
.review_list li .star_area{margin:15px 0;font-size:0}
.review_list li .info{position:relative}
.review_list li .info .txt{padding-bottom:10px;border-bottom:1px solid #ddd}
.review_list li .info .txt .tit{color:#555;font-size:13px;display:-webkit-box;height:40px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.review_list li .info .txt .user_id{position:absolute;top:0;right:0;margin:10px 0 0;color:#999;font-size:13px}
.review_list li .sub_info{margin-top:8px}
.review_list li .sub_info .sub_img{margin-bottom:8px;width:50px}
.review_list li .sub_info .sub_img img{width:100%}
.review_list li .sub_info .sub_txt .sub_tit{margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#555;font-size:13px}
.review_list li .sub_info .sub_txt .price .big{color:#111;font-size:15px;font-weight:700}
.review_list li .sub_info .sub_txt .price .small{padding-left:5px;color:#999;font-size:11px;text-decoration:line-through}

.all_review_tit{margin-top:75px;padding-bottom:20px;border-bottom:1px solid #ddd;font-size:18px;color:#111;text-align:left;font-weight:400;}
.all_review_list li{padding:20px 0;border-bottom:1px solid #ddd;overflow:hidden}
.all_review_list li a{display:table;width:100%}
.all_review_list li .img{display:table-cell;vertical-align:middle;width:100px}
.all_review_list li .info{display:table-cell;vertical-align:middle;width:calc( 100% - 100px );padding-left:15px}
.all_review_list li .info .tit{float:left;font-size:15px;color:#111}
.all_review_list li .info .writer{float:right;color:#999}
.all_review_list li .info .star_box{clear:both;width:100%;padding-top:13px}
.all_review_list li .con{clear:both}
.all_review_list li .con span {padding:20px 0;color:#111}
.all_review_list li .con .review_img{overflow:hidden}
.all_review_list li .con .review_img img{float:left;width:50px;margin-right:5px}
/* review - review_view */
.star_area{display:inline-block;vertical-align:middle;width:80px;height:18px;background:url(/common/images/review/star_default.png)0 no-repeat;background-size:80px}
.star_area .star_mark{width:20%;height:18px;background:url(/common/images/review/star_img.png)0 no-repeat;background-size:80px}
.review_view_page .wrap .con_area{border-top:2px solid #111;border-bottom:1px solid #111;box-sizing:border-box}
.review_view_page .wrap .con_area .tit_area{padding:25px 0;box-sizing:border-box;border-bottom:1px solid #ddd}
.review_view_page .wrap .con_area .tit_area p.tit{margin-bottom:14px;color:#111;font-size:16px;font-weight:500}
.review_view_page .wrap .con_area .tit_area ul::after{content:'';display:block;clear:both}
.review_view_page .wrap .con_area .tit_area ul li{float:left}
.review_view_page .wrap .con_area .tit_area ul li .user_id{margin-right:15px;color:#999;font-size:13px}
.review_view_page .wrap .con_area .con{padding:30px 0;box-sizing:border-box}
.review_view_page .wrap .con_area .con .img{margin-bottom:20px}
.review_view_page .wrap .con_area .con .txt p{color:#555;font-size:13px;line-height:20px}
.review_view_page .wrap .con_area .con .item_info{margin-top:30px;padding-top:25px;border-top:1px solid #ddd}
.review_view_page .wrap .con_area .con .item_info ul li{display:table;width:100%}
.review_view_page .wrap .con_area .con .item_info ul li .item{display:table-cell;vertical-align:middle;width:50px}
.review_view_page .wrap .con_area .con .item_info ul li .info{display:table-cell;vertical-align:middle;padding-left:20px}
.review_view_page .wrap .con_area .con .item_info ul li .info .item_name{margin-bottom:5px;color:#555;font-size:13px}
.review_view_page .wrap .con_area .con .item_info ul li .info .price .big{color:#111;font-size:15px;font-weight:700}
.review_view_page .wrap .con_area .con .item_info ul li .info .price .small{padding-left:5px;color:#999;font-size:11px;text-decoration:line-through}
.review_view_page .wrap .con_area .con .item_info ul li .info .btn_txt{min-width:105px;height:35px;line-height:35px;margin-top:8px;font-size:13px}
/* review - review_write */
.review_write_page .warning_area{padding:15px 0;margin-bottom:25px;box-sizing:border-box;text-align:center;background:#f8f8f8}
.review_write_page .warning_area h3{padding-top:30px;margin-bottom:15px;color:#111;font-size:15px;background:url(/common/images/default/danger_icon.png)center 0 no-repeat;background-size:20px}
.review_write_page .warning_area p{color:#555;font-size:12px;line-height:18px}
.review_write_page .form_box .item_li .con .srch{display:block;margin-top:10px;width:100%;height:50px;line-height:50px;color:#fff;font-size:14px;font-weight:500;text-align:center;background:#111}
.review_write_page .form_box .star_li .star_box{margin-bottom:20px}
.review_write_page .form_box .star_li .star_box:last-of-type{margin-bottom:0}
.review_write_page .form_box .star_li .star_box .con{position:relative}
.review_write_page .form_box .star_li .star_box .con label{display:block;position:absolute;top:0;left:0;padding:0 15px;width:100%;height:50px;line-height:50px;box-sizing:border-box}
.review_write_page .form_box .star_li .star_box .con label .bg_area{position:relative;display:inline-block;height:20px;line-height:17px;background:#fff;z-index:100}
.review_write_page .form_box .star_li .star_box .con select{position:relative;z-index:10;background:transparent url(/common/images/default/mb_ico_select.png) 100% 50% no-repeat;background-size:26px;text-indent:-9999px}
.review_write_page .form_box .star_li .star_box .con select::-ms-value{background: transparent}
.review_write_page .review_info{margin-top:20px;padding:15px;box-sizing:border-box;text-align:center;background:#f8f8f8}
.review_write_page .review_info .tit{padding-top:30px;margin-bottom:15px;color:#111;font-size:15px;font-weight:700;background:url(/common/images/default/danger_icon_black.png)center 0 no-repeat;background-size:20px}
.review_write_page .review_info ul{text-align:left}
.review_write_page .review_info ul li{position:relative;padding-left:7px;color:#555;font-size:12px}
.review_write_page .review_info ul li::before{content:'';display:block;position:absolute;top:8px;left:0;width:2px;height:2px;background:#555}
/* review - layer_pd_srch */
.layer_pd_srch .layer_con .sec .layer_srch_area{padding:40px 20px;box-sizing:border-box}
.layer_pd_srch .layer_con .sec .layer_srch_area button{display:block;margin-top:10px;width:100%;height:50px;line-height:50px;color:#fff;font-size:14px;font-weight:500;text-align:center;background:#111}
.layer_pd_srch .layer_con .sec .list{padding:0 20px;box-sizing:border-box;border-top:1px solid #ddd}
.layer_pd_srch .layer_con .sec .list ul li{display:table;padding:10px;width:100%;box-sizing:border-box;border-bottom:1px solid #ddd}
.layer_pd_srch .layer_con .sec .list ul li .img,
.layer_pd_srch .layer_con .sec .list ul li .tit,
.layer_pd_srch .layer_con .sec .list ul li .chose_btn{display:table-cell;vertical-align:middle}
.layer_pd_srch .layer_con .sec .list ul li .img{width:50px}
.layer_pd_srch .layer_con .sec .list ul li .tit{padding-left:20px}
.layer_pd_srch .layer_con .sec .list ul li .tit p{color:#333;font-size:13px;line-height:20px}
.layer_pd_srch .layer_con .sec .list ul li .chose_btn{padding-left:50px;width:40px}
.layer_pd_srch .layer_con .sec .list ul li .chose_btn .Select_Prd{display:inline-block;width:40px;height:25px;line-height:24px;color:#111;font-size:12px;text-align:center;border:1px solid #111;box-sizing:border-box}
/* cs - notice_list */
.notice_list_page .srch_box{position:relative;margin-bottom:40px}
.notice_list_page .srch_box input{padding:0 65px 0 15px}
.notice_list_page .srch_box .btn{display:block;position:absolute;top:0;right:0;width:50px;height:50px;text-align:center;text-indent:-9999px;background:url(/common/images/default/icon_search.png)center no-repeat;background-size:20px}
.notice_list_page p.ntc_total{margin-bottom:15px;color:#555;font-size:13px}
.notice_list_page p.ntc_total em{color:#111;font-weight:700}
.notice_list_page .table_board table{border-top:2px solid #111}
.notice_list_page .table_board table colgroup col.num{width:70px}
.notice_list_page .table_board table colgroup col.date{width:90px}
.notice_list_page .table_board table colgroup col.view_num{display:none}
.notice_list_page .table_board table thead th{height:45px;color:#111;font-size:13px;font-weight:500;border-bottom:1px solid #ddd}
.notice_list_page .table_board table thead th.view_num_th{display:none}
.notice_list_page .table_board table tbody td{height:50px;text-align:center;font-size:13px;border-bottom:1px solid #ddd}
.notice_list_page .table_board table tbody td.num_td{color:#999}
.notice_list_page .table_board table tbody td.num_td .num_tit{display:inline-block;width:40px;height:20px;color:#fff;font-size:11px;text-align:center;line-height:20px;background:#111;border-radius:30px}
.notice_list_page .table_board table tbody td.subj a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}
.notice_list_page .table_board table tbody td.date_td{color:#999}
.notice_list_page .table_board table tbody td.view_td{display:none}
/* cs - notice_view */
.notice_view_page table.view{border-top:2px solid #222;border-bottom:1px solid #222}
.notice_view_page table.view thead th{padding:25px 0;box-sizing:border-box;border-bottom:1px solid #ddd;text-align:left}
.notice_view_page table.view thead th.subj{color:#111;font-size:16px;font-weight:500}
.notice_view_page table.view thead th.subj span{display:block;margin-top:10px;color:#999;font-size:13px;font-weight:400}
.notice_view_page table.view tbody td{padding:25px 0;box-sizing:border-box;color:#555;font-size:13px;line-height:20px}
/* cs - faq_list */
.faq_list_page .faq_top{margin-bottom:40px}
.faq_list_page .faq_top .srch_form{position:relative;margin-top:10px}
.faq_list_page .faq_top .srch_form input{padding:0 65px 0 15px}
.faq_list_page .faq_top .srch_form button{display:inline-block;position:absolute;right:0;top:0;width:50px;height:50px;text-align:center;text-indent:-9999px;background:url(/common/images/default/icon_search.png)center no-repeat;background-size:25px}
.faq_list_page .tbl_faq{border-top:2px solid #000}
.faq_list_page .tbl_faq tbody td .question{position:relative;padding:20px 30px 20px 45px;box-sizing:border-box;border-bottom:1px solid #ddd}
.faq_list_page .tbl_faq tbody td .question::after{content:'';display:block;position:absolute;top:50%;right:0;transform:translateY(-50%);width:30px;height:30px;background:url(/common/images/default/mb_ico_select.png)100% center no-repeat;background-size:27px}
.faq_list_page .tbl_faq tbody td .question.on::after{right:11px;transform:translateY(-50%) rotate(180deg)}
.faq_list_page .tbl_faq tbody td .question::before{content:'Q';position:absolute;top:50%;left:15px;color:#111;font-size:15px;font-weight:700;transform:translateY(-50%)}
.faq_list_page .tbl_faq tbody td .question .tit{color:#111;font-size:13px}
.faq_list_page .tbl_faq tbody td .question .tit .category{font-weight:500}
.faq_list_page .tbl_faq tbody td .question.on + .answer{display:block}
.faq_list_page .tbl_faq tbody td .answer{display:none;padding:20px 15px;box-sizing:border-box;border-bottom:1px solid #ddd;background:#f8f8f8;color:#111;font-size:13px;line-height:20px}
.faq_list_page .tbl_faq tbody td .answer p{color:#111;font-size:13px;line-height:20px}

.faq_review_policy_link{text-align:right}
.faq_review_policy_link a{display:inline-block;padding:0 15px;margin:10px 0;line-height:40px;background:#000;color:#fff;text-align:center}

/* tutorial */
.tutorial_list_page .srch_box{position:relative;margin-bottom:40px}
.tutorial_list_page .srch_box input{padding:0 65px 0 15px}
.tutorial_list_page .srch_box .btn{display:block;position:absolute;top:0;right:0;width:50px;height:50px;text-align:center;text-indent:-9999px;background:url(/common/images/default/icon_search.png)center no-repeat;background-size:20px}

/* magazine */
.magazine_list_page.tutorial_list_page .srch_box{margin-bottom:20px}
.magazine_list_page .magazine_list li:not(:first-child){margin-top:25px}
.magazine_list_page .magazine_list li .img{margin:0 -20px}
.magazine_list_page .magazine_list li .img img{width:100%}
.magazine_list_page .magazine_list li .tit{margin-top:13px;font-size:14px;color:#111}