@charset "utf-8";
/* CSS Document */
/**
 * custom css 입니다. 추가적인 css 는 여기에 작성을 해주세요.
 */

* {font-family: 'Noto Sans KR', sans-serif; !important; user-select: none !important; -webkit-touch-callout: none !important; }


/* write 파일 추가 */
/*#boardAttach {position:relative; margin-bottom:5px; font-size:0;}
#boardAttach li.item {overflow:hidden; display:inline-block; width:57px; height:57px; margin:0 7px 7px 0;}
#boardAttach li.item button.file_face { width:10px; height:10px; border:none; background:red; background-size:100% 100%; font-size:0;}
#boardAttach li.item button.file_face.preview {border:none; background-size:100% auto; }
#boardAttach li.item input.file_hidden {margin-bottom:-20px; opacity:0;}*/



.ofLock { overflow: hidden !important;}
address { font-style: normal; font-weight: 400; }
hr { display: none; }
.swiper-scrollbar-drag { background: #666666 !important; }
.footer_shortcut_item .required:after { display: inline-block; content: ""; margin: 0 0 0 2px; width: 4px; height: 4px; background: #f44336; border-radius: 100%; vertical-align: super; animation: brth 3s infinite;}
.require:before { display: inline-block; content: "*"; margin: 0 6px 0 0; width: 4px; height: 4px; color: #f44336; }
.required:after { display: inline-block; content: ""; margin: 0 0 0 2px; width: 4px; height: 4px; background: #f44336; border-radius: 100%; vertical-align: super; animation: brth 2s infinite; }
.c_red { color: #e93025; }
.add_cart_layer, .add_wish_layer { height: unset; box-sizing: border-box; margin: -153px 0 0 -153px; }
.add_cart_layer .wrap i { display: inline-block; margin: 20px; font-size: 35px; color: #00CC41; }
.add_cart_layer .wrap, .add_wish_layer .wrap { border: 0; height: unset; box-sizing: border-box; padding: 20px; border-radius: 5px; text-align: center;}
.add_cart_layer p { background-image: none; padding: 0; margin: 0 0 8px 0; color: #191f28; font-size: 18px; font-weight: 500; letter-spacing: -1px; background-size: unset; line-height: 1; }
.add_cart_layer .btn_box, .add_wish_layer .btn_box { margin: 30px 0 0 0; }
.add_cart_layer .btn, .add_wish_layer .btn { width: unset; height: unset; padding: 10px 25px; border-radius: 5px; border: unset; line-height: normal; font-weight: 400; font-size: 15px; }
.add_cart_layer .btn_close, .add_wish_layer .btn_close { background: #fff; border: 1px solid #eee; color: #191f28; }
.add_cart_layer .btn_cart, .add_wish_layer .btn_cart { background: #00CC41; border: 1px solid #00CC41; }
.ly_coupon_apply_btn1 { background: #00CC41 !important; color: #fff; border-color: #00CC41 !important; }
.c_point { color: #00CC41; }

@keyframes brth { 
     0% {
       opacity: 0.3;
     }
     50% {
       opacity: 1;
     }
     100% { 
       opacity: 0.3;
     }
   }

#contents_wrap{ width: 95%; margin: 0 auto; }

/* Header Style */
#header_wrap header .header_box { border-bottom: 0; }
#header_wrap header .header_box .h_logo { width: 190px; margin: 0 auto 0 0; text-align: left; margin-left: 5%; }
#header_wrap header .header_box .right_menu { position: absolute; top: 0; right: 5px; display: table; }
#header_wrap header .header_box .right_menu li { position: relative; display: table-cell; vertical-align: top; }
#header_wrap header .header_box .top_search { display: inline-block; padding: 15px 7px 15px 7px; vertical-align: top; background: none; border: none; }
#header_wrap header .header_box .top_search span { display: inline-block; width: 18px; height: 17px; }
#header_wrap header .header_box .cart_count { background-color: #00CC41; padding: 2px 6px 2px 6px; line-height: 15px; font-size: 10px; }
.category_side > li a { font-size: 17px; font-weight: 400; color: #191f28; padding: 8px 0; letter-spacing: -1px; }

/*탭메뉴 마지막 카테 변경*/
/*.category_side > li > ul > li > ul > li > ul {padding: 10px; display: block; flex-wrap: wrap; background: rgb(248, 248, 248);}*/
/*.category_side > li > ul > li > ul > li > ul > li {width:50%;}*/

/*3배적립 색상 변경*/
.prd-cate .category_side:last-child li:first-child a {color: crimson;}
.category_side > li ul { border: 0;}
.category_side > li > a.on { color: #00CC41; }
.category_side > li > a.active { color: crimson; }
.category_side > li > a.on.active { color: crimson; }
.category_side > li > ul > li > a { padding-left: 15px; font-size: 17px; color: #8b95a1; }
.category_side > li > ul > li > ul > li { padding-left: 15px; }
.category_side > li > ul > li > ul > li > a { color: #8b95a1; font-size: 16px; font-weight: 400; }
.category_side > li > ul > li > a.on { color: #191f28; font-weight: 400; }
.category_side > li > ul > li > ul > li > a.on { color: #191f28; font-weight: 400; }
.category_side > li > ul > li > ul > li > ul > li > a { font-size: 14px; color: #8b95a1; }
.category_side li.repair-btn {width:230px; height: 40px; border: 1px solid #00cc41; text-align: center;line-height: 40px; border-radius: 7px; margin: 20px 0;}
.category_side li.repair-btn a {color: #00cc41; font-size: 16px; padding:0;}
.nav_community_box { padding-top: 0; }
.nav_community_box .board_cate { margin: 30px 0; }
.nav_community_box .board_cate li { width: 274px; margin: 0 auto; }
.nav_community_box .board_cate li a { font-size: 18px; font-weight: 400; color: #191f28; padding: 10px 7px; }
.category_side li a span.icon_plus { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transform: rotate(-90deg); }
/*.nav_category .tab_menu0 { margin-bottom: 30px; }*/
.tab_menu0 .prd-cate .category_side li:first-child a {color: crimson}
.category_side.cate-menu > li:first-child > a {color: crimson}
/* 241205 인스타 로고 추가 */
.nav_category .insta_logo { padding-right: 25px; text-align: right;}
.nav_category .insta_logo a > img {width:22px; vertical-align: top;}
.nav_tabmenu_box {margin: 0;}
/* // 241205 인스타 로고 추가 */
.nav_banner .login_txt { position: relative; top: auto; left: auto; font-size: 16px; color: #323f51; line-height: normal; padding-bottom: 10px; padding-left: 10px; }
.nav_banner .login_txt .name {font-weight: 500; color: #191f28;}
.nav_banner .login_etc { display: block; margin: 10px 0; text-align: left; padding-left: 10px; padding-bottom: 20px; }
.nav_banner .login_etc a { font-size: 16px; font-weight: 400; color: #191f28; }
.nav_banner .login_etc a > img { width: 100%; max-width: 15px; margin-right: 5px;}
.nav_banner .nav_login { position: relative; top: auto; left: auto; padding-left: 10px; text-align: left; }
.nav_banner .nav_login ul li:first-child { background: none; padding-left: 0; }
.nav_banner .nav_login ul li a.btn_trans { border-radius: 100px; border: 1px solid #eee; padding: 8px 20px; }
.nav_banner .nav_login ul li { padding-left: 0; background: none; }
.nav_banner .nav_login ul li a.btn_normal { border-radius: 100px; border: 1px solid #00CC41; background-color: #00CC41; color: #fff; padding: 8px 20px; }
.nav_etc { position: relative; width: 274px; margin: 0 auto; padding: 8px 0 8px 0; text-align: left; }
.nav_etc ul { padding: 15px 0 0 15px; }
.nav_etc ul li { margin-bottom: 15px; }
.nav_etc ul li a { font-weight: 400; font-size: 16px; color: #536277; }
.nav_etc ul li a i { margin-right: 15px; font-size: 12px; }

/*.prd_cate > ul.category_side:last-child ul.category_side li:first-child {display:none;}*/
/* 헤더 신규 메뉴 active red 스타일(메뉴 위 빨간 동그라미) */
.nav_box .active-red {position: relative;}
.nav_box .active-red:after {content: ""; position: absolute; top: 13px; left: 10px; width: 4px; height: 4px; background-color: crimson; border-radius: 100%;}


/* //Header Style */

/* Footer Style */r
.footer { display: block; background: #fafafa; }
.footer_content { display: block; max-width: 1256px; margin: 0 auto; padding: 30px 15px 40px; box-sizing: border-box; }
.footer_top_cs { margin: 0 0 20px; font-size: 12px; line-height: 16px; }
.footer_cs_link { display: inline-block; font-weight: 700; color: #8b95a1; }
.footer_cs_tel { display: inline-block; margin: 2px 0 0; font-size: 28px; font-weight: 700; color: #8b95a1; line-height: 36px; } /* 241206 유선상담 번호 색상 변경 */
.footer_cs_time { color: #8b95a1; }
.footer_outbound { margin: -3px -7px 20px; }
.footer_outbound_item { display: inline-block; padding: 3px; margin: 0 4px; }
.footer_shortcut { margin: 0 -5px 10px; }
.footer_shortcut > li { display: inline; }
.footer_shortcut_item { display: inline-block; margin: 0 3px; padding: 2px; font-size: 10px; font-weight: 400; color: #191f28; line-height: 16px; }
.footer_info { display: block; margin: 0 -5px; font-size: 10px; color: #8b95a1; line-height: 16px; }
.footer_info_item { display: inline-block; margin: 0 3px; padding: 2px; color: #8b95a1;}
.footer_info_item dt { display: inline; }
.footer_info_item dt:after { content: " : " }
.footer_info_item dd { display: inline; }
.footer_info_item .activeBtn { color: #191f28; }
/* //Footer Style */

/* header search layer */
.search_layout_header { padding: 0 24px; }
.search_layout_bx { width: 90%; display: -webkit-flex; display: -moz-flex; display: flex; margin: 10px 0; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between;  -webkit-align-items: center; -moz-align-items: center; align-items:center; }
.search_layout_bx input[type='search'] { width: 80%; -webkit-appearance: none; padding: 9px 16px 9px 16px; font-size: 14px; font-weight: 400; line-height: 20px; letter-spacing: -1px; margin: 0;  background: #f8f8f8; border: 0; outline: none; box-sizing: border-box; border-radius: 100px; }
.h_search_close_btn { font-size: 14px; line-height: 20px; letter-spacing: -1px; margin: 0; border: 0; outline: none; padding: 0; background: transparent; cursor: pointer; font-weight: 500; color: #00CC41;}
.search_layout_content,
.search_layout_ads { width: 100%; padding: 24px 24px 0 24px; box-sizing: border-box; }


 .search_layout_row {
    width: 80vw;
    margin-bottom: 20px;
    margin: 0 auto;
}

.search_layout_row h3 {
    font-size: 17px;
    font-weight: 500;
    color: #191f28;
    letter-spacing: -1px;
    margin: 0 0px 10px 0;
    border-bottom: 2px solid #d3d3d3;
    padding: 10px 0 10px 0px;
}

 .search_layout_row a {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #8b95a1;
    /* background: #f8f8f8; */
    /* border-radius: 100px; */
    padding: 9px 0px;
    margin-right: 8px;
    margin-bottom: -1px;
    /* border-bottom: 1px solid; */
}






.search_layout_content .search_layout_row a:last-child { margin-right: 0; }
._populate .rank_top_box .layer_rank_list { padding: 0; border: 0; }
.search_layout_ads .slick-slide { width: 100vw; border-radius: 5px; box-sizing: border-box; overflow: hidden; }
.search_layout_ads .slick-slide > a { width: 100%; }
.search_layout_ads .slick-slide > a > img { width: 100%; }
/* //header search layer */

/* main index */
.main { width: 90%; margin: 0 auto; overflow:hidden; }
.index_tit { margin-bottom: 10px; }
.index_tit h2 { display: inline-block; font-size: 16px; font-weight: 500; letter-spacing: -1px; color: #191f28; margin: 0;}
.index_tit a { float: right; font-size: 13px; font-weight: 400; color: #8b95a1; letter-spacing: -1px;}
.index_tit a:after { display: block; content: ''; clear: both; }
.main_banner_location { display: block; margin: 0 auto 30px auto; }
.main_banner_location_row { width: 100%; margin-bottom: 50px; }
.main_banner_location_row a { display:block;  margin-bottom: 20px; border-radius: 10px; overflow: hidden;}
.main_banner_location_row a img { width: 100%; }
.main_banner_desc { width: 95%; margin: 0 auto; }
.main_banner_desc h2 { font-size: 29px; font-weight: bold; letter-spacing: -1px; color: #191f28; margin: 0 0 13px 0; line-height: 1;}
.main_banner_desc h3 { font-size: 16px; font-weight: 400; letter-spacing: -1px; color: #191f28; margin: 0 0 5px 0; line-height: 1;}
.main_banner_desc p { font-size: 16px; font-weight: 400; letter-spacing: -1px; color: #191f28; margin: 0 0 20px 0; line-height: 1.7; }
.cta_btn { margin-top: 20px; margin-bottom: -6px; }
.cta_btn a { display: inline-block; margin-right: 10px; }
.cta_btn a:last-child { margin-right: 0; }
.cta_btn .activeBtn { font-size: 14px; font-weight: 400; color: #fff; background: #00CC41; padding: 8px 20px; border-radius: 100px; }
.main_notice_location { margin: 10px 0; background: #f8f8f8; text-align: center; padding: 13px 0; border-radius: 10px; }
.main_notice_location a { font-size: 14px; font-weight: 400; color: #191f28; letter-spacing: -1px;}
.main_notice_location a i { margin-right: 5px; }
.main_notice_location a span { display: inline; font-size: 12px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; margin-left: 5px; text-decoration: underline;}
.main_magazine_location { margin-bottom: 40px; }
.main_magazine_location ul { list-style: none; padding: 0; }
.main_magazine_location ul li { border-radius: 10px; border: 1px solid #eee; overflow: hidden; }
.main_magazine_location .magazine_img { width: 100%; max-height: 200px; overflow: hidden; margin-bottom: 10px; }
.main_magazine_location .magazine_img img { width: 100%; height: 100%; }
.main_magazine_location .magazine_desc { width: 90%; margin: 0 auto; padding-bottom: 20px; }
.main_magazine_location .magazine_desc h3 { display: inline-block; font-size: 14px; font-weight: 500; line-height: 1.5; margin-bottom: 5px;  color: #00CC41;}
.main_magazine_location .magazine_desc h2 { font-size: 20px; font-weight: bold; color: #191f28; line-height: 1.2; margin-bottom: 10px; letter-spacing: -1px;}
.main_magazine_location .magazine_desc .magazine_subDesc { font-size: 14px; font-weight: 400; color: #8b95a1; }

.main_service_row { margin-bottom: 40px; }
.main_service_row .swiper-wrapper .swiper-slide { padding: 15px 20px; box-sizing: border-box; border-radius: 10px; overflow: hidden; min-height: 180px; max-height: 180px; }
.main_service_row .swiper-wrapper .swiper-slide .swiper-slide-tit { margin: 0 0 10px 0; }
.main_service_row .swiper-wrapper .swiper-slide .swiper-slide-tit i { display: inline-block; margin-right: 5px; }
.main_service_row .swiper-wrapper .swiper-slide .swiper-slide-tit h2 { display: inline-block; font-size: 16px; font-weight: 500; color: #191f28; margin: 0; letter-spacing: -1px;}
.main_service_row .swiper-wrapper .swiper-slide .swiper-slide-article { margin: 0 0 10px 0; }
.main_service_row .swiper-wrapper .swiper-slide .swiper-slide-article p { font-size: 14px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; margin: 0; }
.main_service_row .swiper-wrapper .swiper-slide .swiper-slide-article a { display: inline-block; font-size: 14px; font-weight: 500; color: #191f28; letter-spacing: -1px; margin-top: 10px; }

.video-container { width: 100%; margin: 0 auto 40px auto; }
.video-container-tit { margin-bottom: 10px; }
.video-container-tit h2 { display: inline-block; font-size: 16px; font-weight: 500; letter-spacing: -1px; color: #191f28; margin: 0; }
.video-container-tit a { float: right; font-size: 13px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; }
.video-container-tit a:after { display: block; content: ''; clear: both; }
.video-container .video-swiper-slide { overflow: hidden; border-radius: 5px; border: 1px solid #eee; line-height: 0; }
.video-container .video-swiper-slide > a { width: 100%; line-height: 0; }
.video-container .video-swiper-slide > a > img { width: 100%; line-height: 0;}
.tmc-video{
    position: relative;
    width: 81vw;
    height: auto;
    overflow: hidden;
    border-radius: 15px;}
.tmc-video video{
    object-fit: cover;
    width: 100%;}

/* main-article-slider theme */
.pt-gr { background-color: #f5fbf8; }
.pt-pk { background-color: #fff5f4; }
.pt-yl { background-color: #fafae3; }
.pt-pp { background-color: #e2d9e7; }
.pt-bl {background-color: #d8dceb; }
/* //main-article-slider theme */

.main_lesson_content { margin-bottom: 40px; }
.main_lesson_content ul { list-style: none; padding: 0; }
.main_lesson_content ul li { display: inline-block; border: 1px solid #eee; border: 1px solid #eee; border-radius: 10px; width: 100%; min-height: 320px; vertical-align: top; overflow: hidden; }
.main_lesson_content .ls-container-img { width: 100%; max-height: 270px; margin-bottom: 15px; overflow: hidden; }
.main_lesson_content .ls-container-img img { width: 100%; height: 100%; }
.main_lesson_content .ls-container-desc { padding: 0 20px; }
.main_lesson_content .ls-container-desc h1 { display: inline-block; font-size: 17px; font-weight: 500; color: #191f28; letter-spacing: -1px; margin: 0 10px 5px 0; }
.main_lesson_content .ls-container-desc span { display: inline-block; background: #f1f1f1; border-radius: 5px; padding: 3px 4px; font-size: 10px; }
.main_lesson_content .ls-container-desc span i { color: #00CC41; margin-right: 3px; }
.main_lesson_content .ls-container-desc p { font-size: 11px; font-weight: 400; color: #8b95a1; margin: 0; }
.main_lesson_content .ls-container-desc .ls-container-subDesc { margin-top: 15px; margin-bottom: 25px; }
.main_lesson_content .ls-container-desc .ls-container-subDesc a { font-size: 14px; font-weight: 500; color: #191f28; }

.main_recom_row { margin-bottom: 40px; }
.goods_prd_item6 .goods_prd_item6_box { padding: 0; position: relative; }
._goods_display_main .main_prd_list { padding: 0; }
.goods_prd_item6_li ul.goods_prd_item6_scroll .swiper_slide { padding-right: 10px; }
.goods_prd_item6_li ul.goods_prd_item6_scroll .swiper_slide:last-child { padding-right: 0; }
.goods_prd_item6 .goods_prd_img .img_box .img img { border: 0; background: #f8f8f8; border-radius: 5px; }
.goods_prd_item6 .goods_prd_content .goods_info_list li { font-size: 15px; font-weight: 500; color: #191f28; letter-spacing: -1px; margin-bottom: 5px; }
.goods_prd_item6 .goods_prd_content .goods_info_list li.price { font-weight: 400; color: #8b95a1; display: inline-block; margin-right: 7px; }
.goods_prd_item6 .goods_prd_content .goods_info_list li.price:last-child { margin-right: 0; color: #00CC41; }
.goods_prd_item6 .goods_prd_content .goods_prd_icon { display: inline-block; position: absolute; top: 7%; left: 5%; line-height: 1; width: 100%; max-width: 25px; }
.goods_prd_item6 .goods_prd_content .goods_prd_icon img { width: 100%; }

.main_review_row { margin-bottom: 40px; }

.main_insta_row { margin-bottom: 40px; }
.inso_widget_area_1 a { width: 49%; display: inline-block;}
.inso_widget_area_1 a > img { width: 100% !important; height: auto !important; }
/* //main index */

/* common style */
.sub_top { border-top: 0; padding: 5px 45px 5px 43px; }
.sub_top h2 { text-align: left; }
.sub_top h2 a { font-size: 17px; font-weight: bold; letter-spacing: -1px; color: #191f28; }
.sub_top .sub_top_left { position: absolute; top: 50%; left: 0; transform: translate(0, -50%); }
.sub_top .sub_top_right { position: absolute; top: 50%; right: 5%; transform: translate(0, -50%); }
.sub_top .sub_top_right .board_write_btn_area a { font-size: 13px; font-weight: 400; color: #fff; background: #00CC41; letter-spacing: -1px; padding: 5px 10px; border-radius: 5px;  }
.agreement h3 { letter-spacing: -1px; }
.agreement article,
.private article { font-size: 14px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; line-height: 1.8; }
/* //common style */

/* goods list */
.goods_list { overflow-x: hidden;}
.goods_list .goods_list_category { width: 95%; margin: 0 auto 10px auto; }
.goods_list .goods_list_content { width: 98%; margin: 0 auto; }
.goods_list .goods_list_category ul li { width: auto; }
.goods_list .goods_list_category ul li a {background: #eee; padding: 10px 20px; border-radius: 5px; font-size: 14px; font-weight: 400; color: #191f28; line-height: 1; letter-spacing: -1px; }
.goods_list .goods_list_category ul li.selected a { background: #00CC41; color: #fff; font-weight: bold; }
.goods_list .goods_list_content .goods_top_box { background: none; }
.goods_prd_item2 { margin-bottom: 10px; }
.goods_prd_item2 .goods_prd_img .img_box .img img { background: #f8f8f8; border: 0; border-radius: 5px; }
.goods_prd_item2 .goods_prd_content .goods_info_list li { padding: 0; }
.goods_prd_item2 .goods_prd_content .goods_info_list li.brand_name { font-size: 11px; font-weight: 400; color: #8B96A1; letter-spacing: -1px; margin-bottom: 5px; }
.goods_prd_item2 .goods_prd_content .goods_info_list li.prd_name { font-size: 15px; font-weight: 500; color: #191f28; letter-spacing: -1px; margin-bottom: 5px; }
.goods_prd_item2 .goods_prd_content .goods_info_list li.fixed_price { display: inline-block; margin-right: 7px; font-size: 14px; font-weight: 400; color: #8b95a1 !important; letter-spacing: -1px; }
.goods_prd_item2 .goods_prd_content .goods_info_list li.price { display: block; font-size: 14px; font-weight: 700; color: #191f28; letter-spacing: -1px;}
.btn_box { padding: 0; font-size: unset; text-align: center; margin-bottom: 30px; margin-top: 10px;}
.more_btn { display: inline-block;  width: unset; font-size: 13px; font-weight: 400; color: #191f28; letter-spacing: -1px; background: transparent; border: 1px solid #eee; border-radius: 100px; padding: 7px 20px; }
.cate_top_banner { width: 95%; margin: 0 auto 30px auto; padding-bottom: 20px; border-bottom: 1px solid #eee; text-align: center; }
.cate_top_banner img { width: 100%; margin-bottom: 15px; border-radius: 5px; }
.cate_top_banner p { font-size: 14px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; line-height: 1.5; margin: 0 0 10px 0; }
.cate_top_banner p > b { font-size: 20px; font-weight: bold; color: #191f28; letter-spacing: -1px; margin-bottom: 15px; }
/*.cate_top_banner a { display: inline-block; font-size: 13px; font-weight: 400; color: #fff; letter-spacing: -1px; margin: 0; padding: 7px 20px; border-radius: 100px; background: #191f28; border: 1px solid #191f28; color: #fff; }*/
.goods_prd_item2 .goods_prd_content .goods_prd_icon { position: absolute; top: 8%; left: 8%; }
.goods_prd_item2 .goods_prd_content .goods_prd_icon img { max-width: 25px; display: block; margin-bottom: 5px; }
.goods_prd_item2 .goods_prd_content .goods_prd_icon img:last-child { margin-bottom: 0; }
.goods_prd_item2.list_num_2 { position: relative; }
.event-slide .goods_prd_item4_li { position: relative; }
.event-slide .goods_prd_item4 .goods_prd_item4_box { padding: 0 6px 12px 6px; }
.event-slide .goods_prd_item4 .goods_prd_img .img_box .img img { border: 0; border-radius: 8px; width: 100%; display: block; }
.event-slide .goods_prd_item4 .goods_prd_content { padding-top: 8px; }
.event-slide .goods_prd_item4 .goods_prd_content .goods_info_list li { padding: 0; }
.event-slide .goods_prd_item4 .goods_prd_content .goods_info_list li.brand_name { display: none; }
.event-slide .goods_prd_item4 .goods_prd_content .goods_info_list li.prd_name { display: none; }
.event-slide .goods_prd_item4 .goods_prd_content .goods_info_list li.fixed_price { display: none; }
.event-slide .goods_prd_item4 .goods_prd_content .goods_info_list li.price { display: block; font-size: 13px; font-weight: 500; color: #fff; letter-spacing: -1px; text-align: center; }
.event-slide .goods_prd_item4 .goods_prd_content .goods_info_list li.price span { display: block; font-size: 13px; color: #bcf802; font-weight: 500; margin-left: 0; text-align: center; }
.event-slide .goods_prd_item4 .goods_prd_content .goods_prd_icon { position: absolute; top: 5%; left: 5%; }
.event-slide .goods_prd_item4 .goods_prd_content .goods_prd_icon img { max-width: 22px; display: block; margin-bottom: 4px; }
/* //goods list */

/* goods_view */
.goods_view_image_slider, .goods_view_image_slider img { background: #f8f8f8; border-radius: 10px; }
.goods_view_image_slider .slick-dots { height: auto; margin: 0; padding: 10px 0; text-align: center; background: #fff; }
.goods_view_image_slider .slick-dots li button { width: 5px; height: 5px; background-color: #ccc; border-radius: 100%; }
.goods_view_image_slider .slick-dots li.slick-active button { background-color: #00CC41; }
.goods_view .detail_info .detail_info_top { border: 0; }
.goods_view .detail_info .detail_info_top .brand { font-size: 15px; font-weight: 400; color: #00CC41; letter-spacing: -1px; margin-bottom: 5px;  }
.goods_view .detail_info h3 { font-size: 20px; font-weight: 500; color: #191f28; letter-spacing: -1px; margin-bottom: 10px; }
.goods_view .detail_info h3 > a { display: inline-block; font-size: 10px; background: #fff; border: 1px solid #eee; border-radius: 100px; margin-left: 5px; width: 20px; height: 20px; line-height: 20px; text-align: center; margin-top: 5px; vertical-align: top; }
.goods_view .detail_info .detail_info_top .price_box .price { font-size: 20px; font-weight: 500; color: #191f28; letter-spacing: -1px; }
.goods_view .detail_info .detail_info_top .price_box .won { font-size: 20px; font-weight: 500; letter-spacing: -1px; color: #191f28; }
.goods_view .detail_info .detail_info_top .price_box del { font-size: 20px; font-weight: 400; color: #8b95a1; margin-left: 5px; }

.detail_sub_info_sd { margin-bottom: 10px; }
.detail_sub_info_sd h2 { padding: 1px 0 10px 0; font-size: 14px; line-height: 1.8; font-weight: 400; letter-spacing: -1px; color: #191f28; }
.goods_view .detail_info .detail_sub_info dl { padding: 2px 0 5px 0; }
.goods_view .detail_info .detail_sub_info dl dt { color: #000; font-size: 14px; font-weight: 400; border-bottom: 0; letter-spacing: -1px;}
.goods_view .detail_info .detail_sub_info dl dd { color: #8b95a1; font-size: 14px; font-weight: 400; letter-spacing: -1px;}
.total_benefit_mileage { color: #191f28 !important; font-weight: 500 !important;  }
.goods_view .detail_info .detail_sub_info { border-bottom: 0; }
.detail_timeOut { margin-bottom: 30px; box-sizing: border-box; padding: 15px; border-radius: 5px; background: #00CC41; }
.detail_timeOut dd { color: #fff; font-weight: 400; letter-spacing: -1px; font-size: 14px; }
.detail_timeOut dd > span { font-weight: bold; }

.goods_prd_item6 .goods_prd_img { padding: 10px 0; }

.openblock { border: 0; }
.openblock .detail_etc_area { z-index: 10; position: relative; padding: 10px 0; }
.openblock .detail_etc_area h1 { font-size: 16px; font-weight: 500; color: #191f28; }
.openblock .detail_etc_area ul { margin: 0; display: block; overflow-x: scroll; white-space: nowrap; padding: 0; }
.openblock .detail_etc_area ul li { display: inline-block; width: auto; text-align: center; margin: 10px 0 10px 5px; background-color: #F5FBF8; border-radius: 10px; }
.openblock .detail_etc_area ul li a { flex-direction: column; text-align: left; display:-webkit-flex; display: -moz-flex; display: flex; padding: 15px; }
.openblock .detail_etc_area ul li a p.maintxt { font-size: 14px; color: #191f28; font-weight: 500; margin-bottom: 5px; }
.openblock .detail_etc_area ul li a p.subtxt { font-size: 14px; color: #8b95a1;; font-weight: 400; margin-bottom: 5px; }
.openblock .detail_etc_area ul li a p.subtxt2 { font-size: 14px; color: #8b95a1;; font-weight: 400; margin-bottom: 5px; }
.detail_buy { border-top: 0; background: transparent; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);}
.btn_add_cart_related, .btn_add_order_related, .detail_order_btn { background-color: #00CC41; font-size: 14px; color: #fff; font-weight: 400; border-radius: 100px; border: 1px solid #00CC41; padding: 15px 0;}
.btn_add_cart_related > i, .btn_add_order_related > i, .detail_order_btn > i { margin-right: 5px; }
.detail_cart_btn { background-color: #fff; border: 1px solid #eee; font-size: 14px; color: #191f28; font-weight: 400; border-radius: 100px; padding: 15px 0; }
.detail_buy .detail_buy_top_btn .detail_open_close a { background: none; }
.detail_buy .detail_buy_top_btn .detail_open_close.on a {  position: absolute; top: 35px; z-index: 101; }
.layer_option .ly_buy_info { padding-top: 0; position: relative; top: 30px; }
.layer_option .ly_buy_info .ly_opt li.singel_option_on { top: 0; background: transparent}
.option_scroll { min-height: 275px;}
.layer_option .ly_buy_info .ly_opt .bn_opt { height: 45px; font-size: 14px; color: #8b95a1; border-radius: 10px; border: 1px solid #eee; background-size: 400px 45px; letter-spacing: -1px;}
.layer_option .ly_buy_info .ly_opt .bn_opt.selected { border-color: #eee; }
.layer_option .ly_buy_info .ly_opt li .optbx { border: 1px solid #eee; border-radius: 10px; top: 10px; }
.layer_option .ly_buy_info .ly_opt li .optbx .optlst li { min-height: 40px; line-height: 40px; color: #8b95a1; font-size: 14px; font-weight: 400; border-bottom: 1px solid #eee; letter-spacing: -1px;}
.layer_option .ly_buy_info .ly_opt li .optbx .optlst li > img { width: 25px; height: 25px; border-radius: 100%; vertical-align: middle; margin-right: 10px; }
.option_total_display_area { width: 100%; padding: 15px; box-sizing: border-box; }
.layer_option .ly_buy_info .ly_opt li .option_input input { height: 45px; border: 1px solid #eee; border-radius: 5px; font-size: 14px; color: #8b95a1; letter-spacing: -1px; }
.layer_option .ly_buy_info .ly_opt li .option_input input:focus { border-width: 2px; border-color: #00CC41; }
.layer_option .ly_buy_info .ly_opt li .option_input input::placeholder { color: #8b95a1; }
.layer_option .ly_buy_info .ly_opt li.multi_option_on { top: 0; }
.view_order_goods { background: none; border: 0; padding: 0 0; }
.view_order_goods:first-child { border: 0;  }
.view_order_goods dl { margin: 20px 15px; }
.view_order_goods dl dt { font-size: 18px; font-weight: 500; color: #191f28; letter-spacing: -1px; }
.view_order_goods dl dd .price_info .right .price { color: #191f28; font-size: 24px; font-weight: 500; letter-spacing: -1px; }
.view_order_goods dl dd .price_info .count { padding: 5px 0 0 0; }
.view_order_goods dl dd .price_info .count input[type=number] { width: 54px; height: 34px; border-color: #eee; border-radius: 100px; margin: 0 10px; }
.total_price_box { border-top: 0; color: #191f28; padding: 0; margin: 0 15px; }
.total_price_box ul li dl dt { width: unset; font-size: 16px; font-weight: 400; color: #191f28; letter-spacing: -1px; padding-right: 10px; }
.detail_apply_del { top: 0; right: 0; }
.detail_up_btn { background-image: none; border: 1px solid #eee; background-color: #fff; font-size: 14px; border-radius: 100%; }
.detail_down_btn { background-image: none; border: 1px solid #eee; background-color: #fff; font-size: 14px; border-radius: 100%; }
.coupon_apply_btn { background: #191f28; border-color: #191f28; font-weight: 400; }
.layer_coupon_apply_order .btn_box { margin: 0; position: relative; bottom: unset; left: unset; }
.layer_coupon_apply_order .ly_content { width: 95%; margin: 0 auto; }
.layer_coupon_apply_order .ly_content .ly_coupon_list h2 { background: none; padding: 0; margin: 0; border: 0; color: #191f28; font-size: 17px; font-weight: 500; letter-spacing: -1px; line-height: 1; margin: 25px 0 10px 0; }
.coupon_benefit_detail { font-size: 14px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; }
.coupon_benefit_detail strong { font-weight: 400; font-size: 14px;}
.detail_buy .detail_prd_btn ul li.restock { width: 50%; }
.detail_prd_no_btn { font-size: 15px; font-weight: 400; color: #8E8E8E; background-color: #CCCCCC; border: 1px solid #CCCCCC; border-radius: 10px; }
.detail_restock_btn { font-size: 15px; font-weight: 400; color: #fff; background-color: #00CC41; border: 0; border-radius: 10px; }
.detail_restock_btn > i { margin-right: 5px; }
.detail_view_description { margin-bottom: 30px; }
.detail_view_description .gv_description img { width: 100%; }
.detail_view_description .gv_description p { display: block; width: 100%; font-size: 16px; font-weight: 400; letter-spacing: -1px; color: #8b95a1; margin: 0 auto 12px auto; line-height: 28px; }
.detail_view_description .gv_description p > a { display: inline-block; padding: 10px 24px; border-radius: 100px; font-size: 14px; font-weight: 400; color: #fff; background: #00cc41; }
.detail_view_description .gv_description b { display: inline-block; font-size: 24px; font-weight: bold; letter-spacing: -2px; color: #191f28; margin: 25px 0 12px 0; line-height: 24.5px;}
.detail_view_description .gv_description video { width: 100%;  }
.detail_view_description .gv_ads { overflow: hidden; border-radius: 5px; }
.detail_view_description .gv_ads img { width: 100%; border-radius: 5px; }
.detail_shopping_info { margin: 50px 0; }
.accordion-wrap { max-width: 600px; margin: 0 auto; }
a.accordion-btn { font-size: 15px; font-weight: 500; text-decoration: none; color: #191f28; display: block; padding: 10px 0; position: relative; }
a.accordion-btn:after { content: "+"; display: block;  position: absolute; top: 10px; right: 10px; }
.accordion-content { max-height: 0px; overflow: hidden; padding: 0; margin-bottom: 15px; }
.accordion-content p { font-size: 14px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; line-height: 1.8; }
.accordion-content p b { font-weight: 500; color: #191f28; letter-spacing: -1px; margin-bottom:5px;}
a.accordion-btn.isOpen:after { content: "-"; display: block; position: absolute; top: 10px; right: 10px; }
.gv_tit { margin-bottom: 10px; }
.gv_tit h3 { display: inline-block; font-size: 16px; font-weight: 500; letter-spacing: -1px; color: #191f28; margin: 0; }
.gv_tit a { float: right; font-size: 13px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; }

/* //goods_view */


/* sizeguide */
.sizeguide { display: block; line-height: 1; margin: 10px 0; padding: 0 10px; box-sizing: border-box;}
.sizeguide a { display: block; box-sizing: border-box; width: 100%; text-align: center; font-size: 15px; letter-spacing: -1px; font-weight: 400; color: #191f28; background: #f8f8f8; padding: 15px 25px; border-radius: 5px;  -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; transition: 0.2s ease; text-align: center;}
.sizeguide a > i { font-size: 12px; margin-right: 5px; }
.sizeguide a:hover { color: #191f28; }

.size-guide-wrap { box-sizing: border-box; }
.size-guide-wrap .size-guide-area .modal-button span{font-family: 'Noto Sans KR', sans-serif; color: #8b95a1; font-weight: 400; font-size: 13px;}

/*modal-button*/
.size-guide-wrap .modal-section{width: 100%; overflow: hidden !important;}
.size-guide-wrap .modal-button{cursor: pointer; border: 0; background-color: transparent;}    

/* modal-area */
.size-modal-wrap,.string-modal-wrap{display: none; position: absolute; max-width: 100%; padding: 2em; border-radius: 5px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; overflow-y: scroll; z-index: 9999; opacity: 0;}
.size-modal-wrap .modal-container,.string-modal-wrap .modal-container{will-change: transform, opacity; position: relative;display: block; flex-direction: column; font-size: 16px; font-weight: 400; max-width: 750px; min-height: 200px; overflow: hidden; z-index: 1000; background: #fff; box-sizing: border-box; box-shadow: 0 16px 24px 2px rgb(0 0 0 / 14%), 0 6px 30px 5px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(0 0 0 / 20%); margin: 0 auto; transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); border-radius: 10px;}
.modal-close-wrap{width: 100%; text-align: right; position: relative;}
.modal-con .modal-con-inner .modal-close{text-align: right; display: inline-block; cursor: pointer; margin: 20px 20px 0 0;}
.modal-con .modal-con-inner .modal-close img { width: 100%; max-width: 20px;}

/* modal style */
.modal-con .title-box{text-align: center;}
.modal-con .title-box span{font-size: 14px; font-weight: 400; margin-right: 10px; margin-bottom: 10px; color: #8b95a1;cursor: pointer;padding: 7px 12px; background-color: #fff;-webkit-transition: 0.2s ease; -moz-transition: 0.2s ease;transition: 0.2s ease; position: relative; z-index: 99; border-radius: 5px;}
.modal-con .title-box span:hover{color: #191f28; background-color: #f8f8f8;}
.modal-con .title-box span:last-child {margin-right: 0;}
.modal-active{color: #fff !important; background-color: #00CC41 !important;}
.modal-con .modal-inner .modal-desc-wrap{width: 90%; padding-bottom: 20px; margin: 0 auto;}
.modal-con .modal-inner .modal-desc-wrap h1{font-size: 18px; font-weight: 500; border-bottom: 1px solid #e2e2e2; padding-bottom: 10px; margin-bottom: 10px;}
.modal-con .modal-inner .modal-desc-wrap ul li{font-size: 12px; font-weight: 400; line-height: 1.7; color: #8b95a1;}

/* modal-table style */
.modal-table-wrap{width: 90%; margin: 0 auto 30px auto; text-align: center; display: block;}
.modal-table-wrap h3{text-align: left; font-size: 15px; margin: 10px;}
.modal-table-wrap .table-container{width: 100%;}
.modal-table-wrap table{width: 100%; border-collapse: collapse; background-color: #f8f8f8; border-radius: 10px;}
.modal-table-wrap table thead{border-bottom: 1px solid #e2e2e2;}
.modal-table-wrap table thead th{font-size: 13px; font-weight: 600; color: #191f28; text-align: left; letter-spacing: -1px; padding: 13px 30px;}
.modal-table-wrap table tbody tr { border-bottom: 1px solid #eee;}
.modal-table-wrap table tbody tr td{color: #8b95a1; font-size: 13px; font-weight: 400; letter-spacing: -1px; text-align: left; padding: 13px 30px;}

@media (max-width:768px){
    .modal-container .modal-con .title-box{margin: 30px 0;}
    .modal-container .modal-con .modal-inner .modal-desc-wrap h1{font-size: 15px;}
    .modal-table-wrap table thead th{padding: 7px 6px; vertical-align: top;}
    .modal-table-wrap table tbody tr td{padding: 7px 6px;}
}


/* layer style */
.layer_coupon_apply_order .btn_box span { padding: 0; }
.ly_coupon_apply_btn { background: #00CC41; border: 0; padding: 15px 0; font-size: 14px; font-weight: 400; color: #fff; border-radius: 5px; }
.ly_show.ly_effect_3 .ly_wrap { box-sizing: border-box;  }
.layer_coupon_apply_order .ly_content .ly_coupon_list dl dd.c_chk { vertical-align: top; padding: 0; }
.layer_coupon_apply_order .ly_content .ly_coupon_list dl dd { vertical-align: top; font-size: 14px; font-weight: 400; color: #8b95a1; }
.layer_coupon_apply_order .ly_content .ly_coupon_list h2 { border-top: 0; background: transparent; padding: 0; font-size: 15px; font-weight: 500; color: #191f28; letter-spacing: -1px; margin-bottom: 5px; }
.coupon_point { font-size: 14px; font-weight: 500; color: #191f28; }
.coupon_desc { font-size: 14px; font-weight: 400; color: #8b95a1; }
.layer_order_refund_wrap { width: 90%; margin: 0 auto; }

.layer_dim { position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: auto; background: rgba(0,0,0,0.6); display: none; overflow: hidden; z-index: 999; }
.dim {overflow: hidden !important;}
.modal-inner-remove{display: none !important; opacity: 0;}
.modal-inner-active{display: block !important;  opacity: 1;animation: modal-popup 0.4s forwards;}
.open{display: block; opacity: 1; animation: modal-popup 0.3s forwards;}
.modal-open {display: block !important; opacity: 1; animation: modal-popup 0.3s forwards;}

@keyframes modal-popup{
    0%{opacity: 0;}
    100%{opacity: 1;}
}

.layer_coupon_apply_order .ly_content .ly_coupon_list { width: 95%; margin: 0 auto; padding: 0; }
.layer_coupon_apply_order .btn_box { position: relative; width: 95%; margin: 0 auto; text-align: center; border: 0; }
/* //layer style */

/* //sizeguide */

/* order cart style */
.cart { margin-bottom: 50px; }
.cart .cart_content_box { background: none; }
.cart .cart_content_box .allchk { margin: 0; padding-bottom: 15px; border-bottom: 1px solid var(--mono200); }
.cart .cart_content_box .allchk .buyall { color: #191f28; font-size: 14px; font-weight: 500; margin-left: 8px; vertical-align: middle; }
.cart .cart_content_box .my_goods > li { border-radius: 10px;  margin: 0 0 10px 0; border: 0;}
.cart .cart_content_box .my_goods li .mid_box { margin-bottom: 10px; }
.cart .cart_content_box .my_goods li .btn_list .option_btn button { margin: 0; font-size: 12px; font-weight: 400; color: #fff; background-color: #00CC41; border-radius: 5px; border:0; }
.cart .cart_content_box .my_goods li .btn_list .option_btn button.cart_option_modify { color: #191f28; border: 1px solid #eee; background: #fff;  }
.cart .cart_content_box .my_goods li .btn_list .coupon_btn button.cart_coupon_modify { color: #191f28; border: 1px solid #eee; background: #fff; }
.cart .cart_content_box .my_goods li .btn_list { border-bottom: 1px solid #eee; border-top: 0; padding: 0px 0 20px 0; display: flex; align-items: center; }
.cart .cart_content_box .my_goods li .btn_list .prc { margin-left: auto; font-size: 15px; font-weight: bold; color: #191f28; }
.cart .cart_content_box .my_goods li .select_del_box { position: static; display: table-cell; vertical-align: top; padding-left: 5px; }
.cart .cart_content_box .my_goods li .mid_box .right_box .info .itembody p.name { padding-bottom: 7px; font-size: 14px; color: #191f28; }
.cart .cart_content_box .my_goods li .mid_box .right_box .info .itembody p { font-size: 12px; color: #8b95a1; }
.cart .my_buy dl dt { color: #191f28; font-size: 14px; font-weight: 500; }
.cart .my_buy dl dd { color: #8b95a1; font-size: 14px; font-weight: 400; }
.cart .my_buy dl.total { border-top: 1px solid #eee; }
.cart .my_buy dl.total dd { font-size: 20px; font-weight: 600; color: #191f28; }
.cart .cart_coupon_download { margin: 15px 10px; padding: 0; }
.cart .cart_coupon_download .detail_coupon_btn { display: inline-block; width: 100%; box-sizing: border-box; text-align: center; font-size: 14px; font-weight: 400; letter-spacing: -1px; color: #191f28; border: 1px solid #eee; border-radius: 5px; padding: 15px 0; }
.cart .cart_coupon_download p { font-size: 13px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; text-align: center; margin: 15px 0 0 0; padding-bottom: 15px; border-bottom: 1px solid var(--mono200); }
.cart_all_order_btn { font-size: 14px; font-weight: 400; letter-spacing: -1px; color: #fff; background-color: #00CC41; border: 0; border-radius: 5px; margin-bottom: 5px; padding: 15px 0;}
.cart_select_del_btn { font-size: 14px; font-weight: 400; letter-spacing: -1px; color: #191f28; border: 1px solid #eee; padding: 15px 0; border-radius: 5px;  }
.cart_select_order_btn { font-size: 14px; font-weight: 400; letter-spacing: -1px; color: #191f28; border: 1px solid #eee; padding: 15px 0; border-radius: 5px;  }
.detail_apply_btn { background: #00CC41; border: 0; font-size: 14px; font-weight: 400; color: #fff;  }
.ly_head { border-bottom: 1px solid #eee; }
.ly_head .h_tit { color: #191f28; font-size: 14px; font-weight: 500; letter-spacing: -1px;}
.table_style1 th { padding: 10px 0 7px 0; border-bottom: 1px solid #eee; font-size: 14px; font-weight: 500; text-align: left; background: none; color: #191f28; }
.table_style1 td { padding: 10px 0;  border-bottom: 1px solid #eee; font-size: 14px; font-weight: 400; text-align: left; background: none; color: #8b95a1; vertical-align: top; }
.mileage_more_btn { background: none; font-size: 14px; font-weight: 500; color: #191f28; }
.mileage td.minus { color: #8b95a1; }
.mileage td.plus { color: #00CC41; }
.cart_coupon_apply { margin: 0; font-size: 12px; font-weight: 400; color: #fff; background-color: #00CC41; border-radius: 5px; border:0; }
.cart .cart_content_box .my_goods li .btn_list .coupon_btn button { font-size: 12px; }
.cart_coupon_modify,
.cart_coupon_cancel { color: #fff; background: #00CC41; border-radius: 5px; font-weight: 400; border-color: #00CC41; }
.layer_coupon_apply .btn_box span { padding: 0;  }
.ly_coupon_apply_btn1 { background: #191f28; border-color: #191f28; color: #fff; font-weight: 400; }
.cart .no_data,
.goods_product_list .no_data { background: none; padding: 0; margin: 50px auto; font-size: unset; color: unset; text-align: center;}
.cart .no_data img,
.goods_product_list .no_data img { width: 100%; max-width: 100px; margin: 0 auto 50px auto; }
.cart .no_data .no_data_desc,
.goods_product_list .no_data .no_data_desc { width: 90%; margin: 0 auto; }
.cart .no_data .no_data_desc h2,
.goods_product_list .no_data .no_data_desc h2 { font-size: 20px; font-weight: 500; letter-spacing: -1px; color: #191f28; margin: 0 0 10px 0; }
.cart .no_data .no_data_desc p,
.goods_product_list .no_data .no_data_desc p { font-size: 14px; font-weight: 400; letter-spacing: -1px; color: #8b95a1; margin: 0; line-height: 1.8;}
.cart .no_data a,
.goods_product_list .no_data a { display: inline-block; margin: 30px auto; font-size: 14px; font-weight: 400; color: #fff; letter-spacing: -1px; background: #00CC41; border-radius: 100px; padding: 10px 20px; }

.goods_view .detail_info .detail_info_top .price_box { font-size: 20px; font-weight: 400; color: #00CC41; letter-spacing: -1px; }
.goods_view .detail_info .detail_info_top .price_box .coupon_price { display:block; font-size: 14px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; marign-top: 3px;}
.join_view_other .sns_content .sns_disconnect { margin: 0; padding: 0; border: 0;}
.join_view_other .sns_content .sns_disconnect button { width: 100%; }
/* //order cart style */

/* member */
.login .login_box dl dd input { height: 45px; border: 1px solid #eee; border-radius: 5px; font-size: 14px; font-weight: 400; color: #191f28; letter-spacing: -1px; }
.login .login_box dl dd input::placeholder { color: #e8e8e8; }
.login .login_box dl dd input:focus { border-color: #00CC41; border-width: 2px; }
.login .login_box .inp_chk input { width: 15px; height: 15px; }
.login .login_box .inp_chk label { font-size: 14px; font-weight: 400; color: #8b95a1; letter-spacing: -1px;}
.member_login_order_btn { display: block; height: 40px; border: 1px solid #00CC41; background: #00CC41; border-radius: 5px; font-size: 14px; font-weight: 400; color: #fff; letter-spacing: -1px; }
.login .login_box .sns_login { display: -webkit-flex; display: -moz-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; }
.login .login_box .sns_login li { display: block; flex: 1; margin-right: 5px !important; }
.login .login_box .sns_login li:last-child { margin-right: 0 !important; }
.login .login_box .sns_login li.kakao { border: 0; padding: 10px 0; background-image: none; background-color: #feec34; color: #191f28; display: block; margin: 5px auto; height: unset; border-radius: 5px; font-size: 14px; font-weight: 400; letter-spacing: -1px; }
.login .login_box .sns_login li.naver { border: 0; padding: 10px 0; background-image: none; color: #fff; background-color: #19ce60; display: block; margin: 5px auto; height: unset; border-radius: 5px; font-size: 14px; font-weight: 400; letter-spacing: -1px; }
.login .login_box .inp_chk { padding-bottom: 20px; }
.login_form { display: inline-block; float: left; }
.login_form_right { display: inline-block; float: right; }
.login_form_right a { font-size: 14px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; }
.login_form_right:after { display: block; content: ""; clear: both; }
.login .login_find { padding: 10px 0 0 0; text-align: center; }
.login .login_find li { display: inline-block; padding: 0; color: unset; font-weight: unset; }
.login .login_find li a { font-size: 14px; font-weight: 400; letter-spacing: -1px; color: #8b95a1; }
.login .login_find li a > span { color: #191f28; }
.login_tit { margin: 20px auto 10px auto; }
.login_tit h3 { font-size: 16px; font-weight: 500; color: #191f28; letter-spacing: -1px; }
.login .guest_order_box dl dd input { height: 45px; border: 1px solid #eee; border-radius: 5px; font-size: 14px; font-weight: 400; color: #191f28; letter-spacing: -1px;}
.login .guest_order_box dl dd input::placeholder { color: #e8e8e8; }
.login .guest_order_box dl dd input:focus { border-color: #00CC41; border-width: 2px; }

.find_tit { margin-bottom: 20px; }
.find_tit h2 { font-size: 17px; font-weight: 500; letter-spacing: -1px; margin: 0 0 5px 0; color: #191f28; }
.find_tit p { font-size: 14px; font-weight: 400; letter-spacing: -1px; margin: 0 0 10px 0; color: #8b95a1;  }
.find_tit a { font-size: 14px; font-weight: 500; letter-spacing: -1px; color: #00CC41; margin: 0; }
.radio_find_type { margin-bottom: 10px; }
.radio_find_type input[type="radio"] { display: none; }
.radio_find_type input[type="radio"] + label { background-color: #fff; border-radius: 5px; border: 1px solid #eee; font-size: 14px; font-weight: 400; color: #8b95a1; display: inline-block; position: relative; cursor: pointer; overflow: hidden; line-height: 45px; padding: 0; text-align: center; width: 49.5%; box-sizing: border-box; }
.radio_find_type input[type="radio"]:checked + label { -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; transition: 0.2s ease; background-color: #00CC41; border: 1px solid #00CC41; color: #fff; }
.find_id fieldset dl dd input { height: 45px; border: 1px solid #eee; border-radius: 5px; font-size: 14px; font-weight: 400; color: #191f28; letter-spacing: -1px; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; transition: 0.2s ease; }
.find_id fieldset dl dd input::placeholder { color: #e8e8e8; }
.find_id fieldset dl dd input:focus { border-color: #00CC41; }
.find_id_btn { display: block; padding: 10px 0; margin: 5px 0 0 0; background: #00CC41; border: 1px solid #00CC41;  border-radius: 5px; color: #fff; font-weight: 400; box-sizing: border-box; font-size: 14px; letter-spacing: -1px; }
.find_id_msg { padding: 20px; font-size: 14px; border: 0; letter-spacing: -1px; background: #f8f8f8; border-radius: 5px; color: #191f28; }
.find_id_msg span { color: #191f28; font-weight: 500; }
.find_password fieldset dl dd input { height: 45px; border: 1px solid #eee; border-radius: 5px; font-size: 14px; font-weight: 400; color: #191f28; letter-spacing: -1px; -webkit-transition: 0.2s; -moz-transition: 0.2s ease; transition: 0.2s ease; }
.find_password fieldset dl dd input::placeholder { color: #e8e8e8; }
.find_password fieldset dl dd input:focus { border-color: #00CC41; }
.user_certification .caution_msg1 { margin: 10px 0; font-size: 14px; font-weight: 400; color: #074fff; letter-spacing: -1px; }
.caution_msg1 { margin: 10px 0; font-size: 14px; font-weight: 400; color: #074fff; letter-spacing: -1px; }
.caution_msg1 strong { font-weight: 400; }
.notice_text {  margin: 10px 0; font-size: 14px; font-weight: 400; color: #191f28; letter-spacing: -1px; }
.notice_text strong { font-weight: 400; }
.msg { margin: 10px 0; font-size: 14px; font-weight: 400; color: #074fff; letter-spacing: -1px; }
#memId-error, #newPassword-error, #memPwRe-error, #nickNm-error, #email-error { margin: 10px 0; font-size: 14px; font-weight: 400; color: #074fff; letter-spacing: -1px; }
.user_certification_confirm .certification_btn1 { display: inline-block; margin-top: 5px; font-size: 14px; font-weight: 500; color: #074fff; letter-spacing: -1px; background: none; }
.pwsubmit { margin: 10px 0;  }
.find_password_btn { display: block; padding: 10px 0; margin: 5px 0 0 0; background: #00CC41; border: 1px solid #00CC41;  border-radius: 5px; color: #fff; font-weight: 400; box-sizing: border-box; font-size: 14px; letter-spacing: -1px; }
.pw_find_next_btn { display: block; width: 100%; margin: 5px 0 0 0; text-align: center; background: #00CC41; border: 1px solid #00CC41; border-radius: 5px; color: #fff; font-weight: 400; box-sizing: border-box; font-size: 14px; letter-spacing: -1px; }
.user_certification_confirm .inp_tx input { height: 45px; border: 1px solid #eee; border-radius: 5px; font-size: 14px; font-weight: 400; color: #191f28; letter-spacing: -1px; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; transition: 0.2s ease; box-sizing: border-box;}
.user_certification_confirm .inp_tx input::placeholder { color: #e8e8e8; }
.user_certification_confirm .inp_tx input:focus { border-color: #00CC41;  }
.user_certification_confirm .inp_tx p { margin: 10px 0; padding: 0; font-size: 14px; font-weight: 400; color: #191f28; letter-spacing: -1px; }
.pw_find_confirm_btn { display: block; width: 100%; padding: 10px 0; background: #00CC41; border: 1px solid #00CC41; border-radius: 5px; color: #fff; font-weight: 400; font-size: 14px; letter-spacing: -1px; }
.find_password_reset .inp_tx input { height: 45px; border: 1px solid #eee; border-radius: 5px; font-size: 14px; font-weight: 400; color: #191f28; letter-spacing: -1px; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; transition: 0.2s ease; }
.find_password_reset .inp_tx input::placeholder { color: #e8e8e8; }
.find_password_reset .inp_tx input:focus { border-color: #191f28; }
.find_password_complete { margin: 75px auto; text-align: center; }
.find_password_complete i { display: block; margin-bottom: 20px; font-size: 30px; color: #00CC41; }
.find_password_complete h2 { font-size: 17px; font-weight: 500; color: #191f28; letter-spacing: -1px; margin-bottom: 10px; }
.find_password_complete p { font-size: 14px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; margin-bottom: 30px; }
.find_password_complete a { display: block; width: 100%; background: #00CC41; border: 1px solid #00CC41; height: 45px; color: #fff; font-size: 14px; font-weight: 400; letter-spacing: -1px; box-sizing: border-box; }

.join_agreement .all_chk { padding: 0; border: 0; }
.join_agreement .all_chk label { font-size: 14px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; }
.join_agreement .privacy_big_box { padding: 0; margin: 10px 0; }
.join_agreement .privacy_big_box .privacy_box label { font-size: 14px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; }
.join_agreement .privacy_big_box .privacy_box dl { border: 0; }
.join_agreement .privacy_big_box .privacy_box dl dd button {font-size: 13px; font-weight: 400; color: #191f28; border: 1px solid #eee; border-radius: 100px; padding: 7px 15px; letter-spacing: -1px; }
.join_agreement .privacy_big_box .privacy_box .privacy_content > div { border: 1px solid #eee; border-radius: 5px; padding: 20px; font-size: 12px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; line-height: 1.8; height: 250px; overflow-y: scroll; }
.join_prev_btn { font-size: 14px; font-weight: 400; color: #191f28; background: #eee; border: 1px solid #eee; border-radius: 5px; }
.join_next_btn { font-size: 14px; font-weight: 400; color: #fff; background: #00CC41; border: 1px solid #00CC41; border-radius: 5px; }
.join_ok_btn { font-size: 14px; font-weight: 400; color: #fff; background: #00CC41; border: 1px solid #00CC41; border-radius: 5px; }
.input_wrap { display: block; margin: 10px 0; padding: 0; }
.input_wrap:first-child { margin-top: 0; }
.write_qa .write_wrap dl.b_guest { border-bottom: 0; }
.write_qa .write_wrap dl.b_guest dt { padding: 10px 0; }
.write_qa .write_wrap dl dt label {  color: #8b95a1; font-weight: 400; }
.write_qa .write_wrap dl.b_guest dd .textarea_box { padding: 0;  }
.write_qa .write_wrap dl.b_guest dd .textarea_box textarea { border: 1px solid #eee; border-radius: 5px; color: #8b95a1; letter-spacing: -1px; line-height: 1.8; }
.join_mth li { width: 49.5%; display:inline-block;}
.join_mth input[type="radio"] { display: none; }
.join_mth input[type="radio"] + label { background: #fff; border-radius: 5px; border: 1px solid #eee; font-size: 13px; font-weight: 400; color: #8b95a1; display: inline-block; position: relative; cursor: pointer; overflow: hidden; line-height: 45px; padding: 0; text-align: center; width: 100%; box-sizing: border-box; margin-right: 5px;}
.join_mth input[type="radio"]:checked + label { -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; transition: 0.2s ease; background: #00CC41; border: #00CC41; color: #fff;  } 
.input_wrap .input_content { width: 100%; display: block; }
.input_wrap .input_content .inp_chk label { font-weight: unset; }
.input_wrap .description label { font-size: 14px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; }
.input_wrap .input_content input[type=text], .input_wrap .input_content input[type=password], .input_wrap .input_content input[type=email]{ width: 100%; height: 45px !important; border: 1px solid #eee; color: #191f28; outline: none; font-size: 14px; font-weight: 400; letter-spacing: -1px; border-radius: 5px; }
.input_wrap .input_content input[type=text]:focus, input[type=password]:focus, input[type=email]:focus { border-color: #00CC41 !important; border-width: 2px !important;  }
.input_wrap .input_content input[type=text]::placeholder, input[type=password]::placeholder, input[type=email]::placeholder { color: #e8e8e8;  }
.inp_sel select { height: 45px; border: 1px solid #eee; border-radius: 5px; font-size: 14px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; background-size: 400px 45px; }
.inp_sel select:focus { border-width: 2px; border-color: #00CC41 !important; outline: none; }
.inp_sel select.inp_sel_sm { height: 35px; background-size: 400px 35px; }
.join_agreement .member_confirm h2 { border: 0; background: none; padding: 0; font-size: 15px; font-weight: 500; letter-spacing: -1px; color: #191f28; }
.join_agreement .member_confirm ul { padding: 0; }
.inp_rdo label { font-size: 14px; font-weight: 400; color: #8b95a1;  }

.join_method .sns_login li#btnJoin { background: #00CC41; border: 1px solid #00CC41; border-radius: 5px; font-size: 14px; letter-spacing: -1px; }
.join_method .sns_login li.naver { background-image: none; height: unset; padding: 10px 0; background-color: #19ce60; border: 1px solid #19ce60; font-size: 13px; font-weight: 400; letter-spacing: -1px; color: #fff; border-radius: 5px; }
.join_method .sns_login li.kakao { background-image: none; height: unset; padding: 10px 0; background-color: #fee500; border: 1px solid #fee500; font-size: 13px; font-weight: 400; letter-spacing: -1px; color: #000; border-radius: 5px; }

.join_ok { margin: 0; padding: 28px 30px; background: none; border: 0; text-align: left; }
.join_ok .join_ok_tit { margin-bottom: 20px; }
.join_ok .join_ok_tit h2 { font-size: 17px; font-weight: 500; letter-spacing: -1px; margin: 0 0 5px 0; color: #191f28; }
.join_ok .join_ok_tit p { font-size: 14px; font-weight: 400; letter-spacing: -1px; margin: 0 0 10px 0; color: #8b95a1; }
.join_ok .join_ok_btn { display: block; margin: 0 auto; }
.join_ok .join_ok_btn a { font-size: 14px; font-weight: 400; color: #fff; letter-spacing: -1px; background: #191f28; border: 1px solid #191f28; padding: 7px 20px; border-radius: 100px; }


.pass_cg_container { width: 90%; margin: 30px auto; }
.pass_cg_header { margin-bottom: 40px; }
.pass_cg_header h2 { font-size: 23px; font-weight: 500; letter-spacing: -1px; color: #191f28; margin-bottom: 10px; line-height: 1; }
.pass_cg_header p { font-size: 14px; font-weight: 400; letter-spacing: -1px; color: #8b95a1; margin-bottom: 5px; line-height: 1.5; }
.pass_cg_article { margin-bottom: 40px; }
.pass_cg_article_row { margin-bottom: 10px; }
.pass_cg_article_row h3 { font-size: 14px; font-weight: 500; letter-spacing: -1px; color: #191f28; letter-spacing: -1px; margin-bottom: 10px; line-height: 1;}
.pass_cg_notice { margin-top: 30px; box-sizing: border-box; background: #f8f8f8; border-radius: 10px; padding: 15px; }
.pass_cg_notice h3 { font-size: 12px; font-weight: 500; letter-spacing: -1px; color: #191f28; margin-bottom: 15px; line-height: 1;}
.pass_cg_notice ul { list-style: none; padding: 0; }
.pass_cg_notice ul li { margin-bottom: 5px; font-size: 12px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; line-height: 1.2; }
.pass_cg_footer .btn_change_nt { display: block; text-align: center; font-size: 14px; font-weight: 400; color: #191f28; letter-spacing: -1px;  margin-top: 20px; }

/* //member */

/* order style */
.order .order_tit  {border: 0; margin: 18px 0; background: transparent;  padding: 0; font-size: 17px; font-weight: 500; color: #191f28; letter-spacing: -1px; line-height: 1;}
.order .pay .my_goods { margin-bottom: 5px; }
.order .pay .my_goods li .info { padding: 0; margin: 10px 0;}
.order .pay .my_goods li .info .itemhead .thmb_box .thmb img { width: 90px; border-radius: 5px; background: #f8f8f8; border: 1px solid #eee; }
.order .pay .my_goods li .info .itembody { vertical-align: top;}
.order .pay .my_goods li .info .itembody p.name { font-size: 14px; font-weight: 500; color: #191f28; letter-spacing: -1px; margin-bottom: 5px; }
.order .pay .my_goods li .info .itembody p { font-size: 12px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; line-height: 1.4;}
.order .pay .my_goods li .info .itembody .prc { font-size: 14px; font-weight: 700; color: #191f28; margin-top: 3px; display: inline-block; }
.order .pay .my_goods li .info.order-goods-layout { padding-bottom: 15px; border-bottom: 1px solid var(--mono200); }
.order .pay .goods_delivery_notes { margin: 15px 0 0 0; }
.order .pay .goods_delivery_notes .goods_delivery_note { background: #f8f8f8; border-radius: 10px; padding: 15px; margin-bottom: 10px; font-size: 12px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; line-height: 1.4; }
.order .pay .goods_delivery_notes .goods_delivery_note:last-child { margin-bottom: 0; }
.order .pay .goods_delivery_notes .goods_delivery_note .delivery_price { font-size: 16px; font-weight: 700; color: #191f28; letter-spacing: -1px; }
.order .pay .goods_delivery_notes .goods_delivery_note .delivery_settle_note { font-size: 12px; color: #8b95a1; }
.order .pay .goods_delivery_notes .goods_delivery_note .delivery_method_note { font-size: 12px; color: #8b95a1; }
.term_check { font-size: 14px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; }
.inp_chk input { width: 18px; height: 18px; border: 1px solid #eee; background: none; border-radius: 5px; }
.inp_chk input:checked { border-color: #00CC41 !important; background: url(../img/icon/icon_chk_on.gif) no-repeat center; background-size: 100%; }
.order .order_box { margin: 35px 0; padding: 0; }
.order .order_box .order_tit { font-size: 16px; font-weight: 500; color: #191f28; letter-spacing: -1px;  }
.order .order_box .guest_info .g_content { padding: 15px; border: 1px solid #eee; border-radius: 5px; margin: 0; font-size: 12px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; line-height: 1.8; }
.order .order_box .guest_info .inp_chk { border-top: 0; padding: 0; margin: 5px 0 0 0;}
.order .order_box .guest_info .inp_chk label { font-size: 14px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; }
.table_style4 { border: 0; }
.table_style4 th { display: block; padding: 0; background: none; border: 0; font-size: 14px; color: #191f28; font-weight: 500; margin-bottom: 5px; }
.table_style4 th.required { background: none; }
.table_style4 td { display: block; border: 0; padding: 0; }
.order .order_box .table_box { margin: 5px 0; }
.order .order_box input:not([type="radio"]):not([type="checkbox"]) { height: auto; border: 1px solid #eee; border-radius: 5px; padding: 10px 7px; color: #191f28; font-size: 14px; font-weight: 400; margin-bottom: 15px; letter-spacing: -1px; }
.order .order_box input:not([type="radio"]):not([type="checkbox"]):focus { border-color: #00CC41; border-width: 2px; }
.order .order_box input:not([type="radio"]):not([type="checkbox"])::placeholder { color: #e8e8e8;  }
.delivery_same { display: block; margin: 10px 0; }
.delivery_same label { font-size: 14px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; }
.order .order_box .zipcode_box .zipcode_top { padding-right: 110px; }
.order .order_box .zipcode_box .zipcode_top .zipcode_btn_box { width: 100px; }
.zipcode_btn ,.zipcode_btn1 { height: auto; background: #00CC41; border: 1px solid #00CC41; border-radius: 5px; font-size: 14px; font-weight: 400; letter-spacing: -1px; padding: 10px 7px; }
.zip_none { background: #f8f8f8 !important; }
.zip_none:focus { border-color: #eee !important; }
.order .order_box .delivery_list_add { padding: 0; width: 100%; }
.order .order_box .delivery_list_add li a { background: #f8f8f8; border: 1px solid #eee; color: #191f28; font-size: 12px; font-weight: 400; border-radius: 100px; }
.order .order_box .delivery_box .tab_menu { padding: 0; }
.order .order_box .tab_content .member_chk_box { padding: 0 0 5px 0; }
.order .order_box .tab_content .member_chk_box label { font-size: 14px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; }
.order .order_box .tab_content .member_chk_box1 { padding: 0; }
.order .order_box .tab_content .tab_box { margin-bottom: 20px;  }
.order .order_box .delivery_box .tab_menu ul li { border-color :#eee; }
.order .order_box .delivery_box .tab_menu ul li a { font-size: 14px; }
.order .order_box .delivery_box .tab_menu ul li.active { background-color: #00CC41; }
.order .order_box .delivery_box .tab_menu ul li.active a { font-weight: 400; border: 1px solid #00CC41; }

.order_calc { padding-top: 15px; box-sizing: border-box; font-size: 14px; color: #191f28; padding: 20px; border: 1px solid #eee; border-radius: 5px; }
.order_calc .item_price:first-child { margin-top: 3px; }
.order_calc .item_price { display: inline-block; margin-top: 15px; width: 100%; }
.order_calc .item_price > .label { display: inline-block; float: left; font-weight: 500; width: 30%; }
.order_calc .item_price > .price { display: inline-block; float: right; text-align: right; font-weight: 400; color: #8b95a1; }
.order_calc .item_price > .price.price_emphasis { color: #191f28; font-weight: 700; font-size: 16px; }
.order_calc .item_price > .price a { font-size: 12px; color: #fff; font-weight: 400; background-color: #00CC41; padding: 7px 12px; border-radius: 5px; }
.order_calc .item_price > .price input { font-size: 14px; color: #8b95a1; border: 1px solid #eee; padding: 7px 12px; border-radius: 5px; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; transition: 0.2s ease;}
.order_calc .item_price > .price input:focus { border-color: #191f28; }
.order_calc .item_price > .price .inp_chk { font-weight: 400; }
.order_calc .item_price ul { display: block; margin-top: 5px; text-align: right; float: right;}
.order_calc .item_price ul li { display: inline-block; margin-right: 10px; color: #8b95a1; }
.order_calc .total_price { margin-top: 20px; display: flex; align-items: center; justify-content: space-between; width: 100%;}
.order_calc .total_price > .label { display: inline-block; font-size: 16px; font-weight: 500; color: #191f28;}
.order_calc .total_price > .price { display: inline-block; text-align: right; font-size: 24px; font-weight: 600; color: #f44336; }
.order_calc .order_info { margin-top: 10px; font-size: 12px; font-weight: 400; line-height 1.7; color: #8b95a1; }

.order_coupon_benefits { margin-bottom: 10px; }
.order .order_box .pay_mth { padding: 0; }
.order .order_box .pay_mth li > .inp_rdo { padding: 0; }
.pay_mth { display: flex; margin-bottom: 20px; }
.pay_mth li { width: auto; }
#settlekindType_pn { order: -1; }
.pay_mth input[type="radio"] { display: none; }
.pay_mth input[type="radio"] + label { background: #fff; border-radius: 5px; border: 1px solid #eee; font-size: 13px; font-weight: 400; color: #8b95a1; display: flex; align-items: center; justify-content: center; position: relative; cursor: pointer; overflow: hidden; height: 45px; padding: 0; text-align: center; width: 110px; box-sizing: border-box; margin-right: 5px;}
.pay_mth input[type="radio"]:checked + label { -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; transition: 0.2s ease; background: #00CC41; border: #00CC41; color: #fff;  }
#settlekindType_pn input[type="radio"]:checked + label { background-color: #00DE5A; border-color: #00DE5A; }
.naverpay_icon { display: inline-block; width: 70px; height: 18px; vertical-align: middle; background-color: #8b95a1; -webkit-mask-image: url('/data/skin/mobile/tennismetro_2025_dev/img/icon/order/never_pay_wh.svg'); mask-image: url('/data/skin/mobile/tennismetro_2025_dev/img/icon/order/never_pay_wh.svg'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; }
.pay_mth input[type="radio"]:checked + label.naverpay_label .naverpay_icon { background-color: #000; }
.order .order_box .pay_notice { display:block; width: 100%; padding: 7px 0; margin: 5px 0; background: #f8f8f8; border-radius: 5px; text-align: center; box-sizing: border-box; font-size: 12px; font-weight: 400; color: #191f28; letter-spacing: -1px;}
.order .order_box .re_confirm { padding: 0; font-weight: unset; color: unset; font-size: unset; }
.order .order_box .re_confirm label { font-size: 14px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; }
.order .btn_pay_wrap { padding: 0; }
.order_payment_btn { display: block; padding: 0; height: 45px; border: 1px solid #00CC41; border-radius: 5px; background: #00CC41; color: #fff; letter-spacing: -1px; font-size: 14px; font-weight: 400; box-sizing: border-box; }
.order_end .order_end_box { margin: 0; padding: 28px 30px; background: none; border: 0; text-align: left; }
.order_end .order_end_box .order_end_tit { margin-bottom: 20px; }
.order_end .order_end_box .order_end_tit h2 { font-size: 17px; font-weight: 500; letter-spacing: -1px; margin: 0 0 5px 0; color: #191f28; }
.order_end .order_end_box .order_end_tit p { font-size: 14px; font-weight: 400; letter-spacing: -1px; margin: 0 0 10px 0; color: #8b95a1; }
.order_end .order_end_box .order_end_tit p > a {font-weight: 500;}
/*상품 준비 중 멘트 추가*/
.order_end .order_end_box .order_end_tit p.cancel_ment {font-size: 13px; font-weight: 600; color:crimson;}

.order_end .order_end_box .order_end_tit a { font-size: 14px; font-weight: 500; color: #074fff; letter-spacing: -1px; margin: 0; }
.order_end .order_end_box .tx ul li { font-size: 14px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; line-height: 1.8; }
.order_home_btn { display: block; padding: 0; height: 45px; border: 1px solid #00CC41; border-radius: 5px; background: #00CC41; font-size: 14px; font-weight: 400; color: #fff; letter-spacing: -1px; line-height: 45px; }

/* //order style */

/* event style */
.stamp_calendar_box .stamp_calendar { padding: 0; border: 0;  }
/* //event style */

/* mypage */
.member_thumb{ display: block; margin-bottom: 25px; border-radius: 5px; border: 1px solid #eee; padding: 20px 10px; box-sizing: border-box; }
.mypage_summary_img { display: inline-block; width: 55px; height: 55px; overflow: hidden; background: #f8f8f8; border-radius: 100%; border: 1px solid #eee; margin-right: 15px; vertical-align: middle;}
.mypage_summary_img img { width: 100%;}
.mypage_summary_name { display: inline-block; width: 40%; vertical-align: middle; text-align: left; }
.mypage_summary_name h2 { font-size: 17px; font-weight: bold; color: #191f28; letter-spacing: -1px; margin: 0 0 10px 0; line-height: 1;  }
.mypage_summary_name p { font-size: 14px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; margin: 0; line-height: 1;}
.mypage_summary_edit { display: inline-block; vertical-align: middle; }
.mypage_summary_edit a { font-size: 14px; font-weight: 400; color: #fff; letter-spacing: -1px; background: #00CC41; border-radius: 5px; padding: 8px 15px; }
.mypage_summary_status { display: block; margin: 15px 0; padding: 15px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.mypage_summary_status ul li { display: inline-block; width: 49%; text-align: center; } /* 2024-11-28 마이페이지 상단 내 게시글 3개 > 2개 */
.mypage_summary_status ul li h3 { font-size: 15px; font-weight: bold; letter-spacing: -1px; color: #191f28; margin: 0 0 5px 0; line-height: 1; }
.mypage_summary_status ul li p { font-size: 14px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; }
.mypage_summary_write { display: block; }
.mypage_summary_write a { display: block; font-size: 15px; font-weight: 500; color: #00CC41; letter-spacing: -1px; text-align: center; }
.mypage_summary_write a > i { margin-right: 5px; }
.member_thumb .grade_grid { display:-webkit-flex; display:-moz-flex; display: flex; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; -webkit-align-items: center; -moz-align-items: center; align-items: center; }
.member_thumb .grade_grid .grade_grid_wrap { flex: 1; text-align: center; border-right: 1px solid #eee; }
.member_thumb .grade_grid .grade_grid_wrap:last-child { border-right: 0; }
.member_thumb .grade_grid .grade_grid_wrap img { width: 100%; max-width: 40px; margin: 0 auto 15px auto; }
.member_thumb .grade_grid .grade_grid_wrap h2 { font-size: 15px; font-weight: 500; color: #191f28; letter-spacing: -1px; margin: 0 0 5px 0; }
.member_thumb .grade_grid .grade_grid_wrap p { font-size: 14px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; margin: 0; }
.member_thumb .grade_grid .grade_grid_wrap a { display: block; margin: 0 10px; } /* 2024-11-01 링크 영역 조정 */
.mypage_ads { margin-bottom: 25px; border-radius: 5px; overflow: hidden; }
.mypage_noti_info { width: 100%; margin: 0 auto 30px; }
.mypage_noti_tit { margin-bottom: 10px; }
.mypage_noti_tit h3 { font-size: 15px; font-weight: bold; letter-spacing: -1px; margin: 0; }
.mypage_noti_tit h3 a { float: right; font-size: 14px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; }
.mypage_noti_tit h3 a:after { display: block; content: ''; clear: both; }
.mypage_noti_cont .mypage_noti_notice { padding: 10px; background: #f8f8f8; border-radius: 5px; margin-bottom: 10px; }
.mypage_noti_cont .mypage_noti_notice a { font-size: 14px; font-weight: 500; color: #191f28; letter-spacing: -1px; margin: 0; }
.mypage_noti_cont .noti_tag { font-size: 13px; font-weight: 500; color: #00CC41; margin-right: 9px; background: #C2FFD5; line-height: 1; border-radius: 5px; padding: 3px 8px; }
.mypage_noti_cont .mypage_noti_article { border: 1px solid #eee; border-radius: 10px; overflow: hidden; }
.mypage_noti_cont .mypage_noti_article li { width: 100%; display: block; background: #fff; border-bottom: 1px solid #eee; padding: 10px; box-sizing: border-box; }
.mypage_noti_cont .mypage_noti_article li:last-child { border-bottom: 0; }
.mypage_noti_cont .mypage_noti_article li h3 { font-size: 14px; font-weight: 500; color: #191f28; letter-spacing: -1px; margin: 0 0 3px 0; }
.mypage_noti_cont .mypage_noti_article li p { font-size: 13px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; margin: 0; }
.mypage_noti_cont .noti_date { margin-left: 9px; }
.mypage_order_info_cont { display: block; }
.mypage_order_info_cont .mypage_order_info_grid { display: grid; grid-template-columns: repeat(2, 50%); gap: 10px; } /* 2024-11-01 주문내역 스타일링 */
.mypage_order_info_cont .mypage_order_info_grid .mypage_order_info_wrap { background: #f8f8f8; text-align: left; border-radius: 5px; box-sizing: border-box; padding: 15px; }/* 2024-11-01 주문내역 스타일링 */
.mypage_order_info_cont .mypage_order_info_grid .mypage_order_info_wrap:nth-child(2) { margin-right: 0;}
.mypage_order_info_cont .mypage_order_info_grid .mypage_order_info_wrap:nth-child(4) { margin-right: 0; }
.mypage_order_info_cont .mypage_order_info_grid .mypage_order_info_wrap h3 { font-size: 18px; font-weight: 500; letter-spacing: -1px; color: #191f28; margin: 0 0 7px 0; }
.mypage_order_info_cont .mypage_order_info_grid .mypage_order_info_wrap h4 { font-size: 14px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; margin: 0; }
.mypage_index .mypage_menu h3 { border: 0; margin-bottom: 15px; line-height: normal; text-indent: unset; font-size: 15px; font-weight: bold; letter-spacing: -1px; }
.mypage_index .mypage_menu ul li a { display: block; padding: 0 0 10px 0; border-bottom: none; margin-bottom: 10px; text-indent: 0; font-size: 14px; font-weight: 400; color: #8b95a1; letter-spacing: -1px;  }
.mypage_index .mypage_menu ul li.depth1_list ul { background: unset; }
.mypage_index .mypage_menu ul li.depth1_list ul li a { font-size: 14px; font-weight: 400; color: #8b95a1; text-indent: 10px; letter-spacing: -1px; }
.my_page_password_tit { margin-bottom: 20px; }
.my_page_password_tit h2 { font-size: 17px; font-weight: bold; letter-spacing: -1px; color: #191f28; margin-bottom: 10px; }
.my_page_password_tit p { font-size: 14px; font-weight: 400; letter-spacing: -1px; color: #8b95a1; }
.id_pw_cont .id_pw_article input { display: block; width: 100%; height: unset; min-height: 30px; padding: 13px 10px; border-radius: 10px; border: 1px solid #eee; font-size: 14px; font-weight: 400; color: #191f28; margin-bottom: 10px; box-sizing: border-box;}
.defalut_id { background: #eee; border-color: #ccc; }
.pw_confirm_btn { display: block; color: #fff; background: #00CC41; border: 1px solid #00CC41; border-radius: 5px; font-size: 14px; font-weight: 400; letter-spacing: -1px; }
.my_page_password .c_msg { margin: 10px 0; font-size: 14px; font-weight: 400; color: #074fff; letter-spacing: -1px; }
.fakeInput { display: block; width: 100%; height: 45px; border: 1px solid #eee; border-radius: 5px; font-size: 14px; font-weight: 400; letter-spacing: -1px; line-height: 45px; padding: 0 10px; box-sizing: border-box;}
.join_view .modify_pw { margin: 10px 0;  }
.join_view .modify_pw input { margin-bottom: 10px; }
.modify_pw_btn { width: 100%; height: 45px; line-height: 45px; display: block; background: #00CC41; border: 1px solid #00CC41; font-size: 14px; font-weight: 400; color: #fff; letter-spacing: -1px; border-radius: 5px; }
.join_view_other .privacy_big_box { padding: 0 !important; }
.join_view_other .privacy_big_box .privacy_box dl { padding: 5px 0; border-bottom: 0; }
.inp_chk label { font-size: 14px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; }
.join_view_other .privacy_big_box .privacy_box dl dd button { border: 1px solid #eee; border-radius: 5px; font-size: 13px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; background: #fff; padding: 5px 10px;}
.join_view_other .privacy_big_box .privacy_box .privacy_content > div { border-bottom: 0 !important; font-size: 12px; font-weight: 400; color: #8b95a1; letter-spacing: -1px;}
.order_list .form_box fieldset .inp_sel { padding: 0; }
.order_list .no { padding: 0; margin: 30px auto; }
.order_list .no img { width: 100%; max-width: 100px; margin-bottom: 50px; }
.order_list .no .no_data_desc { margin-bottom: 30px; }
.order_list .no h2 { font-size: 20px; font-weight: 500; letter-spacing: -1px; color: #191f28; margin: 0 0 10px 0; }
.order_list .no p { font-size: 14px; font-weight: 400; letter-spacing: -1px; color: #8b95a1; margin: 0; line-height: 1.8; }
.order_list .no a { display: inline-block; margin: 0 auto; font-size: 14px; font-weight: 400; color: #fff; letter-spacing: -1px; background: #00CC41; border-radius: 100px; padding: 10px 20px; }
.order_list .btn { text-align: center;}
.order_goods_list { margin: 20px 0; }

.order_goods_list .order_top_date { margin-top: 30px; padding: 15px 10px; font-size: 15px; font-weight: bold; letter-spacing: -2px; border-color: #eee; background: #f8f8f8; }
.order_goods_list .order_top_date > span { float: right; font-size: 14px; font-weight: 400; letter-spacing: -1px; color: #8b95a1; }
.order_goods_list .order_top_date > span:after { display: block; content: ''; clear: both; }
.order_goods_list .orderlist_wrap { background: #fff; }
.order_goods_list .orderlist_wrap .order_number_box { padding: 0;}
.order_goods_list .my_goods { padding: 10px 0; }
.order_goods_list .orderlist_wrap .order_number_box .order_number { padding: 5px 10px; background: #f8f8f8; margin-top: 10px; box-sizing: border-box; font-size: 13px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; }
.order_goods_list .orderlist_wrap .order_number_box .order_number a { color: #191f28; }
.order_goods_list .my_goods .info { padding: 0; border: 0; }
.order_goods_list .my_goods .info .itembody { vertical-align: top; }
.order_goods_list .my_goods .info .itemhead .img img { border: 0; background: #f8f8f8; border-radius: 5px; }
.order_goods_list .my_goods .info .itembody .prd_name { font-size: 15px; font-weight: 500; color: #191f28; letter-spacing: -1px; margin-bottom: 5px; }
.order_goods_list .my_goods .info .itembody .prd_option { font-size: 13px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; }
.order_goods_list .my_goods .info .order_info { border: 0; padding: 0; }
.order_goods_list .my_goods .info .order_info .info_box .info2 { font-size: 13px; font-weight: 400; color: #8b95a1; letter-spacing: -1px;}
.order_ing_btn { background: #e2e3e5; border: 1px solid #d6d8db; border-radius: 5px; font-size: 12px; font-weight: 400; color: #383d41; letter-spacing: -1px; }
.order_finish_btn  { background: #d4edda; border-radius: 5px; font-size: 12px; font-weight: 400; color: #155724; letter-spacing: -1px; border: 1px solid #c3e6cb; }


.btn_flex { display:-webkit-flex; display: -moz-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; }
.order_goods_list .my_goods .info .btn_bx { margin: 20px 0 10px 0; }
.order_goods_list .my_goods .info .btn_bx li { flex:1; padding: 0; margin-right: 5px; }
.order_goods_list .my_goods .info .btn_bx li:last-child { margin-right: 0; }
.order_goods_list .my_goods .info .btn_bx li a { width: 100%; display: inline-block; height: 35px; line-height: 35px; padding: 0; font-size: 13px; font-weight: 400; letter-spacing: -1px; border-radius: 5px; box-sizing: border-box; }
.order_ok_btn { background: #191f28; }
.delivery_trace_btn,.ogl_reviewrite { background: #eee; color: #191f28; margin-right: 7px; }
.order_btn { width: 100%; padding: 0; height: 35px; line-height: 35px; border: 0; background: #00CC41; border-radius: 5px; font-size: 13px; font-weight: 400; color: #fff; letter-spacing: -1px;  }
.order_view { width: 85%; margin: 0 auto 50px auto; }
.order_view h3 { text-indent: 0; border:0; background: none; font-size: 17px; font-weight: bold; letter-spacing: -1px; color: #191f28; }
.order_view .view_box { padding: 0; margin-bottom: 30px; }
.order_view .view_box dl { border-bottom: 0; }
.order_view .view_box dl dt { border-right: 0; width: 85px; padding: 0; font-size: 15px; font-weight: 500; letter-spacing: -1px; color: #191f28; ;}
.order_view .view_box dl dd { padding: 0; font-size: 15px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; }
.order_view .view_box dl dd ul li { color: #8b95a1; }
.order_view .view_box p { font-size: 15px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; }
.order_view .view_box button { color: #8b95a1; font-size: 15px; font-weight: 400; letter-spacing: -1px; border: 1px solid #eee; background: transparent; border-radius: 5px; padding: 5px 10px; }
.order_stFirst { display: inline-block; margin-bottom: 10px; }
.tax_invoice_btn { width: 100%; display: block; padding: 10px 0; font-size: 14px; font-weight: 400; color: #fff; letter-spacing: -1px; background: #191f28; border-radius: 5px; border: 1px solid #191f28; }
.ly_head h1 { font-size: 14px; font-weight: 500; color: #191f28; letter-spacing: -1px; }
.layer_tax_invoice_request .ly_content { width: 85%; margin: 30px auto; padding: 0; }
.table_style0 tbody th { padding: 0; }
.ly_form_row { display: block; width: 100%; margin-bottom: 15px;}
.ly_form_row h3 { font-size: 14px; font-weight: 500; letter-spacing: -1px; margin-bottom: 5px; color: #191f28; }
.ly_form_row input[type=text] { width: 100%; height: auto; border: 1px solid #eee; border-radius: 5px; padding: 10px 7px; color: #191f28; font-size: 14px; font-weight: 400; letter-spacing: -1px; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; transition: 0.2s ease; box-sizing: border-box; }
.ly_form_row input[type=text]::placeholder { color: #8b95a1; }
.ly_form_row input[type=text]:focus { border-color: #00CC41; }

.ly_form_cont { width: 85%; margin: 0 auto;}
.order_goods_list .my_goods .info { margin: 10px 0;  line-height: unset; margin-bottom: 5px; }
.layer_order_back_regist .my_tit { font-size: 17px; font-weight: 500; letter-spacing: -1px; text-indent: 0; color: #191f28; background: none; border: 0; line-height: unset; margin-bottom: 5px; }
.layer_order_back_regist .content_box { padding: 0; margin-bottom: 30px; }
.layer_order_back_regist .content_box:last-child { margin-bottom: 0; }
.layer_order_back_regist .content_box dl dt { display: block; width: 100%; font-size: 14px; font-weight: 500; margin-bottom: 5px; letter-spacing: -1px; }
.layer_order_back_regist .content_box dl dd { display: block; width: 100%; }
.layer_order_back_regist .content_box dl dd .input_content textarea { padding: 15px; font-size: 14px; font-weight: 400; color: #191f28; letter-spacing: -1px; border: 1px solid #eee; border-radius: 5px; outline: none; }
.layer_order_back_regist .content_box dl dd .input_content textarea:focus { border-color: #00CC41; border-width: 2px;  }
.layer_order_back_regist .content_box dl dd .input_content textarea::placeholder { color: #8b95a1; }
.layer_order_back_regist .content_box dl dd .input_content input { width: 100%; height: auto; border: 1px solid #eee; border-radius: 5px; padding: 10px 7px; color: #191f28; font-size: 14px; font-weight: 400; letter-spacing: -1px; box-sizing: border-box; }
.layer_order_back_regist .content_box dl dd .input_content input::placeholder { color: #8b95a1; }
.layer_order_back_regist .content_box dl dd .input_content input:focus { border-color: #00CC41; border-width: 2px; }
.layer_order_back_regist .caution { background: #f8f8f8; padding: 10px; border-radius: 5px; box-sizing: border-box; }
.layer_order_back_regist .caution p { font-size: 12px; font-weight: 400; color: #191f28; letter-spacing: -1px; }
.back_cancel_btn { width: 100%; height: 45px; line-height: 45px; font-size: 14px; padding: 0; font-weight: 400; color: #8b95a1; letter-spacing: -1px; border-radius: 5px; background: #eee; border: 1px solid #eee; }
.back_confirm_btn { width: 100%; height: 45px; line-height: 45px; font-size: 14px; padding: 0; font-weight: 400; color: #fff; letter-spacing: -1px; border-radius: 5px; background: #00CC41; border: 1px solid #00CC41; }
.order_etc_btn { background: #eee; color: #191f28;  }
.layer_order_refund_reason .my_tit  { font-size: 17px; font-weight: 500; letter-spacing: -1px; text-indent: 0; color: #191f28; background: none; border: 0; line-height: unset; margin-top: 30px; margin-bottom: 5px; }
.layer_order_refund_reason .content_box { padding: 0; }
.layer_order_refund_reason .btn_bx2 li { display: block; width: 100%; }
.reason_confirm_btn { width: 100%; height: 45px; line-height: 45px; font-size: 14px; padding: 0; font-weight: 400; color: #fff; letter-spacing: -1px; border-radius: 5px; background: #00CC41; border: 1px solid #00CC41; }

// 반품사유 메모 우측 필수 입력 멘트
.layer_order_back_regist .content_box dl div.memo-wrap .memo-txt  {font-size:14px; font-weight:500; color: #333333; letter-spacing:-1px;}
.layer_order_back_regist .content_box dl div.memo-wrap p:last-child {font-size:12px; font-weight:500;  color: crimson;}
.layer_order_back_regist .content_box dl div.memo-wrap span { font-size: 12px; font-weight: 400; margin: 2px 0 0 2px; color: #8b95a1;}


.coupon { margin-bottom: 30px;  }
.coupon h3 { background: none; border: 0; text-indent: 0; font-size: 17px; font-weight: 500; letter-spacing: -1px; color: #191f28; line-height: normal; margin-bottom: 5px; }
.coupon .my_coupon { border: 0; }
.coupon .my_coupon fieldset { padding: 22px 30px; border: 0; }
.coupon .my_coupon fieldset .inp_tx input { width: 100%; height: auto; border: 1px solid #eee; border-radius: 5px; padding: 10px 7px; color: #191f28; font-size: 14px; font-weight: 400; letter-spacing: -1px; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; transition: 0.2s ease; box-sizing: border-box; }
.coupon .my_coupon fieldset .inp_tx input:focus { border-color: #00CC41; }
.coupon .my_coupon fieldset .inp_tx input::placeholder { color: #8b95a1; }
.coupon_ok_btn { width: 100%; height: 45px; line-height: 45px; font-size: 14px; padding: 0; font-weight: 400; color: #fff; letter-spacing: -1px; border-radius: 5px; background: #00CC41; border: 1px solid #00CC41;  }
.coupon .tab_menu { padding: 0; background: none; margin-bottom: 10px; }
.coupon .tab_menu ul li { border-radius: 5px; background: #eee; border: 1px solid #eee; font-size: 14px; font-weight: 400; color: #191f28; letter-spacing: -1px; }
.coupon .tab_menu ul li.active { background: #00CC41; border: 1px solid #00CC41; color: #fff; }
.coupon .tab_menu ul li.active a { font-weight: 400; }
.coupon .coupon_bx { background: none; padding: 0; }
.coupon .coupon_bx li { border: 1px solid #eee; border-radius: 5px; -webkit-box-shadow: none; }
.coupon .coupon_bx dl dt { font-size: 14px; font-weight: 500; letter-spacing: -1px; color: #191f28; }
.coupon .coupon_bx dl dd { line-height: 25px; color: #8b95a1; font-size: 14px; font-weight: 400; letter-spacing: -1px; }
.coupon .coupon_bx dd strong { font-size: 14px; font-weight: 500; color: #191f28; }
.coupon .coupon_bx .limit { color: #00CC41;  }
.coupon .coupon_bx dl dd a.detail { position: relative; margin-left: 5px; left: 0; top: 0; }
.coupon_bx img { width: 100%; max-width: 100px; margin: 0 auto 25px auto; }
.coupon_bx .no_data_desc { width: 90%; margin: 0 auto; }
.coupon_bx .no_data_desc h2 { font-size: 20px; font-weight: 500; letter-spacing: -1px; color: #191f28; margin: 0 0 10px 0; }
.coupon_bx .no_data_desc p { font-size: 14px; font-weight: 400; letter-spacing: -1px; color: #8b95a1; margin: 0; line-height: 1.8;}

.mileage { margin-bottom: 30px; }
.mileage_tit { width: 100%; margin: 0 auto 10px auto; background: #fff; box-sizing: border-box; border-radius: 5px; padding: 20px; text-align: left; border: 1px solid #eee; }
.mileage_tit .mileage_tit_icon,
.mileage_tit .mileage_tit_point { display: inline-block; vertical-align: top;}
.mileage_tit .mileage_tit_point { text-align: left; }
.mileage_tit .mileage_tit_icon { margin-right: 20px; }
.mileage_tit .mileage_tit_icon i { font-size: 25px; color: #00CC41; }
.mileage_tit .mileage_tit_point h2 { font-size: 15px; font-weight: 400; letter-spacing: -1px; margin: 0 0 6px 0; color: #8b95a1; line-height: 1;}
.mileage_tit .mileage_tit_point h3 { text-indent: 0; font-size: 20px; font-weight: 500; letter-spacing: -2px; margin:0; color: #191f28; background: none; border: 0; line-height: 1; }
.mileage_tit .mileage_tit_point h3 > span { margin-left: 5px; }
.mileage .money_search fieldset > div { padding: 0; margin-bottom: 10px;  }
.mileage .money_history { margin: 0; border: 0; }

.shipping .s_content { border: 0; }
.shipping .s_content .s_info { border: 1px solid #eee; margin-bottom: 20px; border-radius: 5px; }
.shipping .s_content .s_tit { font-size: 14px; font-weight: 500; letter-spacing: -1px; color: #191f28; padding: 10px 0; background: #f8f8f8; border-bottom: 1px solid #eee; }
.shipping .s_content .s_address { border-bottom: 1px solid #eee; }
.shipping .s_content .s_address p { font-size: 14px; font-weight: 400; color: #191f28; letter-spacing: -1px; }
.shipping .s_content .s_data dl { font-size: 14px; font-weight: 400; color: #191f28; letter-spacing: -1px; line-height: 1.5; }
.basic_address_btn { padding: 5px 10px; background: #00CC41; border: 1px solid #00CC41; line-height: normal; font-size: 12px; font-weight: 400; color: #fff; border-radius: 5px; }
.modify_address_btn, .del_address_btn { vertical-align: top; border: 0; background: transparent; line-height: normal; font-size: 14px; font-weight: 500; color: #8b95a1; letter-spacing: -1px; }
.add_address_btn { display: block; width: 100%; background: #00CC41; border: 0; border-radius: 5px; color: #fff; font-size: 13px; font-weight: 400; letter-spacing: -1px; }
.address_cancel_btn { background: #eee; color: #191f28; border: 1px solid #eee; font-size: 13px; font-weight: 400; letter-spacing: -1px; border-radius: 5px;  }
.address_save_btn { background: #00CC41; color: #fff; border: 1px solid #00CC41; font-size: 13px; font-weight: 400; letter-spacing: -1px; border-radius: 5px; }


.join_view .tit, .join_view_business .tit, .join_view_other .tit { margin: 30px 0 10px 0; font-size: 15px; font-weight: 500; letter-spacing: -1px; }
.join_view_other .sns_content .sns_connect_box ul li a { text-align: center; }
.kakao_sns_btn { border: 0; padding: 10px 0; background-image: none; background-color: #feec34; color: #191f28; display: block; margin: 5px auto; height: unset; border-radius: 5px; font-size: 14px; font-weight: 400; letter-spacing: -1px; }
.fb_sns_btn { border: 0; padding: 10px 0; background-image: none; background-color: #3b5998; color: #fff; display: block; margin: 5px auto; height: unset; border-radius: 5px; font-size: 14px; font-weight: 400; letter-spacing: -1px; }
.naver_sns_btn { border: 0; padding: 10px 0; background-image: none; color: #fff; background-color: #19ce60; display: block; margin: 5px auto; height: unset; border-radius: 5px; font-size: 14px; font-weight: 400; letter-spacing: -1px; }

.layer_claim_area { width: 90%; margin: 0 auto; }
.layer_order_refund_regist .my_tit { font-size: 16px; font-weight: bold; letter-spacing: -1px; color: #191f28; background: transparent; border: 0; text-indent: 0; margin-bottom: 5px; }
.layer_claim_row { margin-bottom: 30px; }
.layer_claim_wrapper { margin-bottom: 10px; }
.layer_claim_wrapper textarea { width: 100%; border: 1px solid #eee; border-radius: 5px; padding: 10px; box-sizing: border-box; font-size: 14px; font-weight: 400; letter-spacing: -1px; color: #191f28; outline: none; }
.layer_claim_wrapper textarea:focus { border-color: #00CC41; border-width: 2px; }
.layer_claim_wrapper textarea::placeholder { color: #8b95a1; }
.layer_claim_wrapper_tit { margin-bottom: 5px; }
.layer_claim_wrapper_tit h3 { font-size: 14px; font-weight: 500; letter-spacing: -1px; color: #191f28; margin: 0; }
.layer_claim_wrapper input[type="number"],
.layer_claim_wrapper input[type="text"] { width: 100%; box-sizing: border-box; border: 1px solid #eee; outline: none; border-radius: 5px; padding: 10px; font-size: 14px; font-weight: 400; letter-spacing: -1px; color: #191f28; }
.layer_claim_wrapper input[type="number"]:focus,
.layer_claim_wrapper input[type="text"]:focus { border-color: #00CC41; border-width: 2px; }
.layer_claim_wrapper input[type="number"]::placeholder,
.layer_claim_wrapper input[type="text"]::placeholder { color: #8b95a1; }
.refund_confirm_btn { background: #00CC41; border: 1px solid #00CC41; border-radius: 5px; font-size: 13px; font-weight: 400; letter-spacing: -1px; }
.refund_cancel_btn { background: #eee; border: 1px solid #eee; border-radius: 5px; font-size: 13px; font-weight: 400; letter-spacing: -1px; }

/* mypage alert view */
.mypage_alert_area { margin: 20px 0; }
.mypage_alert_area_article_tit { margin-bottom: 20px; }
.mypage_alert_area_article_tit h2 { font-size: 24px; font-weight: bold; letter-spacing: -1px; color: #191f28; margin: 0;}
.mypage_alert_area_article_tit h4 { font-size: 14px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; margin: 0; }
.mypage_alert_area_article_contents p { font-size: 14px; font-weight: 400; letter-spacing: -1px; line-height: 20px; margin: 0 0 5px 0; }
.mypage_alert_area_article_contents p strong { font-weight: bold; }
.mypage_alert_area_article_contents p > a { color: #00CC41; }
/* //mypage alert view */

/* //mypage */

/* board general style */
.list_qa .boardlist .board_search { padding: 0; margin-bottom: 10px; }
.list_qa .boardlist .board_search .search_input input { border: 1px solid #eee; border-radius: 5px; height: 45px; line-height: 45px; box-sizing: border-box; text-indent: 0; padding: 10px; font-size: 14px; font-weight: 400; color: #191f28; letter-spacing: -1px; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; transition: 0.2s ease; }
.list_qa .boardlist .board_search .search_input input:focus { border-color: #00CC41; }
.list_qa .boardlist .board_search .search_input input::placeholder { color: #8b95a1; }
.list_qa .boardlist .goods_area .notice_list li { padding: 20px 0; margin: 20px 0; border-bottom: 1px solid #eee; }
.list_qa .boardlist .goods_area .notice_list li:last-child { border-bottom: 0; }
.list_qa .boardlist .goods_area .notice_list li:first-child { border-top: 0;}
.list_qa .boardlist .goods_area .notice_list li .board_qa_noimg .notice_title .text { font-size: 16px; font-weight: bold; letter-spacing: -1px; }
.list_qa .boardlist .goods_area .notice_list li .board_qa_noimg .notice_title .text i { margin-left: 5px; font-size: 10px; }
.list_qa .boardlist .goods_area .notice_list li .board_qa_noimg .notice_title .text .text_category { color: #00CC41; margin-right: 5px; }
.list_qa .boardlist .goods_area .notice_list li .board_qa_noimg .notice_info { top: 20px; right: 0; }
.list_qa .boardlist .goods_area .notice_list li .board_qa_noimg .notice_info span { padding: 5px 10px; background: #eee; border: 1px solid #eee; border-radius: 5px; font-size: 12px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; }
.list_qa .boardlist .goods_area .notice_list li .board_qa_noimg .notice_info span.reply_complete { background: #C2FFD5; border-color: #C2FFD5; color: #00CC41;}
.list_qa .boardlist .goods_area .notice_list li .board_qa_noimg .notice_title { padding-bottom: 0; margin-bottom: 5px; }
.list_qa .boardlist .goods_area .notice_list li .notice_mid { display: block; width: 100%; margin: 0 0 5px 0; }
.list_qa .boardlist .goods_area .notice_list li .notice_mid span { font-size: 13px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; margin: 0;  }
.list_qa .boardlist .goods_area li .notice_data { font-size: 13px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; }
.list_qa .boardlist .page_btn_box { margin: 30px 0; }
.faq_list .boardlist .sel_box { padding: 0;}
.faq_list .board_faq_box .board_faq li.data_row { border: 0; }

.board_write_area { width: 100%; background: #f8f8f8; border-radius: 5px; box-sizing: border-box; padding: 25px; margin: 0 0 35px 0;}
.board_write_area h2 { font-size: 22px; font-weight: bold; letter-spacing: -1px; margin: 0 0 15px 0; line-height: 1.2; color: #191f28; }
.board_write_area p { font-size: 15px; font-weight: 400; letter-spacing: -1px; margin: 0 0 15px 0; line-height: 1.2; color: #8b95a1; }
.board_write_area a { background: #00CC41; color: #fff; font-size: 13px; font-weight: 400; letter-spacing: -1px; padding: 7px 15px; border-radius: 5px; border: 0; }
.write_qa .close_btn { left: 0; right: unset; }
.all_page_prev { border: 0; }
.board_write_tit { position: relative; height: 42px; padding: 0; z-index: 10; background: #fff; border-bottom: 1px solid #eee; text-align: left; line-height: 40px; text-indent: 45px; }
.board_write_tit h1 { font-size: 17px; font-weight: bold; letter-spacing: -1px; color: #191f28; }
.write_wrap { width: 85%; margin: 0 auto; }
.write_wrap .write_wrap_row { display: block; width: 100%; box-sizing: border-box; margin: 10px auto 10px auto; }
.write_wrap .write_wrap_row .write_wrap_ip select { width: 100%; height: 42px; border-top: 0; border-left: 0; border-right: 0; border-bottom: 2px solid #eee; outline: 0; font-size: 20px; font-weight: bold; letter-spacing: -1px; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; transition: 0.2s ease; background: #fff;}
.write_wrap .write_wrap_row .write_wrap_ip select:focus { border-bottom: 3px solid #00CC41; }
.write_wrap .write_wrap_row .write_wrap_ip select::placeholder { color: #ccc;  }
.write_wrap .write_wrap_row .write_wrap_ip input { width: 100%; height: 42px; outline: 0; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; transition: 0.2s ease; }
.write_wrap .write_wrap_row .write_wrap_ip textarea { width: 100%; border: 1px solid #eee; border-radius: 5px; min-height: 150px; padding: 10px; font-size: 13px; font-weight: 400; color: #191f28; letter-spacing: -1px; outline: 0; box-sizing: border-box;}
.write_wrap .write_wrap_row .write_wrap_ip textarea:focus { border-color: #00CC41; border-width: 2px; }
.write_wrap .write_wrap_row .write_wrap_ip textarea::placeholder { color: #ccc; }
.write_wrap .write_wrap_row .write_wrap_ip input.bdIp_big { border-top: 0; border-left: 0; border-right: 0; border-bottom: 2px solid #eee; font-size: 20px; font-weight: bold; letter-spacing: -1px; color: #191f28; }
.write_wrap .write_wrap_row .write_wrap_ip input.bdIp_big:focus { border-bottom: 3px solid #00CC41; }
.write_wrap .write_wrap_row .write_wrap_ip input.bdIp_big::placeholder { color: #ccc; }
.write_wrap .write_wrap_row .write_wrap_ip input.bdIp_normal { height: 42px; border: 1px solid #eee; border-radius: 5px; font-size: 15px; font-weight: 400; color: #191f28; letter-spacing: -1px; line-height: 42px; text-indent: 10px; }
.write_wrap .write_wrap_row .write_wrap_ip input.bdIp_normal:focus { border-color: #00CC41; }
.write_wrap .write_wrap_row .write_wrap_ip input.bdIp_normal::placeholder { color: #ccc; }
.write_wrap .write_wrap_row .write_wrap_itemSelect_tit { width: 100%; margin-bottom: 10px; }
.write_wrap .write_wrap_row .write_wrap_itemSelect_tit .item_select_btn_box { width: 100%; margin-bottom: 5px; }
.write_wrap .write_wrap_row .write_wrap_itemSelect_tit .item_select_btn_box a { display: block; width: 100%; background: #00CC41; border-radius: 5px; font-size: 13px; font-weight: 400; color: #fff; letter-spacing: -1px; text-align: center; padding: 10px 0; }
.write_wrap .write_wrap_row .write_wrap_itemSelect_tit .itemselect_comment { font-size: 13px; font-weight: 400; color: #074fff; letter-spacing: -1px; }
.write_qa .selected_goods_wrap { padding: 0 !important; border: 0 !important; background: unset !important; }
.write_qa .selected_goods_wrap .selected_goods .goods_item_cell.cell_img { padding: 0 10px 0 0 !important; }
.write_qa .selected_goods_wrap .selected_goods .goods_item_cell.cell_info { padding: 0 !important; font-size: 13px !important; font-weight: 400 !important; color: #8b95a1 !important; letter-spacing: -1px !important; vertical-align: top !important; }
.write_qa .selected_goods_wrap .selected_goods .goods_item_cell.cell_img .goods_img { border: 1px solid #eee; border-radius: 5px; overflow: hidden; }
.write_qa .selected_goods_wrap .selected_goods .goods_item_cell.cell_img .goods_img img { background: #f8f8f8; }
.write_qa .selected_goods_wrap .selected_goods .goods_item_cell.cell_info { padding: 0; }
.write_qa .selected_goods_wrap .selected_goods .goods_item_cell.cell_delete { vertical-align: top; }
.write_qa .selected_goods_wrap .selected_goods .goods_item_cell.cell_delete button { margin-left: auto; }
.write_qa .selected_goods_wrap .selected_goods .goods_item_cell.cell_delete button i { font-size: 14px; color: #191f28; }
.write_wrap .write_wrap_row .write_wrap_articleTit { display: block; width: 100%; margin-bottom: 5px; text-align: right;}
#boardAttach li.item { width: 30px !important; height: 30px !important; border-radius: 5px;}
.write_qa .input_wrap { padding: 0 !important; }
.write_qa .input_wrap .capcha .capcha_img { border: 1px solid #eee !important; border-radius: 5px; }
.write_qa .input_wrap .capcha .capcha_body .capcha_text { padding: 0 !important; margin-bottom: 5px; font-size: 13px !important; font-weight: 400 !important; color: #8b95a1 !important; }
.write_qa .input_wrap .capcha .capcha_body .capcha_input input { height: 35px !important; border: 1px solid #eee !important; border-radius: 5px; font-size: 12px !important; font-weight: 400 !important; color: #191f28 !important; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; transition: 0.2s ease; }
.write_qa .input_wrap .capcha .capcha_body .capcha_input input:focus { border-color: #00CC41 !important; }
.write_qa .input_wrap .capcha .capcha_body .capcha_input input::placeholder { color: #ccc !important; }
.captchareload_btn { background: #00CC41 !important; border-color: #00CC41 !important; font-size: 13px !important; font-weight: 400 !important; color: #fff !important; border-radius: 5px;  }
.write_qa .btn_box { padding: 0 !important; }
.write_qa .btn_box li:nth-child(1) { padding: 0 !important; }
.write_qa .btn_box li { padding: 0 !important;}
.write_save_btn { height: 42px; line-height: 42px; border-radius: 5px; padding: 0 !important; background: #00CC41 !important; border: 1px solid #00CC41 !important; font-size: 14px !important; font-weight: 400 !important; letter-spacing: -1px !important; }
.layer_order_select .ly_buy_info .search_box .search_text input { border: 1px solid #eee; border-radius: 5px; color: #191f28; letter-spacing: -1px; font-size: 13px; font-weight: 400; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; transition: 0.2s ease; }
.layer_order_select .ly_buy_info .search_box .search_text input:focus { border-color: #191f28; }
.layer_order_select .ly_buy_info .search_box .search_text input::placeholder { color: #ccc; font-weight: 400; }
.searchBx { width: 95%; margin: 0 auto 20px auto; }
.searchBx .ly_select_search_btn { padding: 0; height: 42px; line-height: 42px; background: #00CC41; border: 1px solid #00CC41; border-radius: 5px; font-size: 13px; font-weight: 400; color: #fff; letter-spacing: -1px; }
.layer_order_select .ly_loop { background: #fff !important; }
.layer_order_select .ly_loop > li { padding: 0 !important; border: 0 !important; margin: 0 0 20px 0 !important; }
.layer_order_select .ly_loop li .order_num_box { padding: 5px 10px !important; background: #f8f8f8 !important; box-sizing: border-box; font-size: 13px !important; font-weight: 400 !important; color: #8b95a1 !important; letter-spacing: -1px !important; margin-bottom: 10px; }
.layer_order_select .ly_loop li .order_num_box .order_num { font-weight: 400 !important; line-height: 30px; }
.layer_order_select .ly_loop li .my_goods li .my_goods_list_box .order_prd { border: 0 !important; padding: 0 !important; margin: 10px 0 !important; }
.layer_order_select .ly_loop li .my_goods li .my_goods_list_box .info .itemhead { width: 50px !important; }
.layer_order_select .ly_loop li .my_goods li .my_goods_list_box .info .itemhead .img { border-radius: 5px; border: 1px solid #eee; background: #f8f8f8; }
.layer_order_select .ly_loop li .my_goods li .my_goods_list_box .info .itemhead .img img { background: #f8f8f8; width: 100% !important; }
.layer_order_select .ly_loop li .my_goods li .my_goods_list_box .info .itembody { padding: 0 10px !important; font-size: 13px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; }
.layer_order_select_btn { height: 35px; line-height: 35px; border-radius: 5px; padding: 0 !important; background: #00CC41 !important; border: 1px solid #00CC41 !important; font-size: 13px !important; font-weight: 400 !important; letter-spacing: -1px !important; }

.view_qa { margin: 20px auto 50px auto; }
.board_wt_tit { margin: 10px auto; }
.board_wt_tit h4 { font-size: 14px; font-weight: 400; color: #00CC41; letter-spacing: -1px; line-height: 1; margin: 0 0 10px 0; }
.board_wt_tit h2 { font-size: 25px; font-weight: bold; color: #191f28; letter-spacing: -1px; line-height: 1.3; margin: 0 0 15px 0; }
.board_wt_tit .board_wt_desc { display: block; width: 100%; box-sizing: border-box; }
.board_wt_tit .board_wt_desc li { display: inline-block; margin-right: 5px; font-size: 13px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; }
.board_wt_tit .board_wt_desc li:last-child { margin-right: 0; }
.board_wt_tit .board_wt_desc .board_wt_status { float: right; }
.board_wt_tit .board_wt_desc .board_wt_status:after { display: block; content: ''; clear: both; }
.board_wt_tit .board_wt_desc .board_wt_status span { font-size: 12px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; background: #eee; border-radius: 5px; padding: 5px 10px; }
.board_wt_tit .board_wt_desc .board_wt_status span.reply_complete { background: #C2FFD5; color: #00CC41; }
.view_qa .view_wrap .view_box .selected_goods_wrap { padding: 0; border: 0; margin: 20px auto; }
.view_qa .view_wrap .view_box .selected_goods_wrap .selected_goods .goods_item_cell { vertical-align: top; }
.view_qa .view_wrap .view_box .selected_goods_wrap .selected_goods .goods_item_cell.cell_img { padding: 0 10px 0 0;}
.view_qa .view_wrap .view_box .selected_goods_wrap .selected_goods .goods_item_cell.cell_img .goods_img { border: 1px solid #eee; border-radius: 5px; }
.view_qa .view_wrap .view_box .selected_goods_wrap .selected_goods .goods_item_cell.cell_img .goods_img img { background: #f8f8f8; }
.view_qa .view_wrap .view_box .selected_goods_wrap .selected_goods .goods_item_cell.cell_info { padding: 0; width: 60%; font-size: 13px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; }
.view_qa .view_wrap .view_box .selected_goods_wrap .selected_goods .goods_item_cell.cell_price { font-size: 13px; font-weight: 400; color: #191f28; letter-spacing: -1px; }
.view_qa .view_wrap .question { border: 0; margin: 30px 0; padding-bottom: 30px; border-bottom: 1px solid #eee; }
.board_article_content { width: 100%; font-size: 14px; font-weight: 400; color: #191f28; letter-spacing: -1px; }
.board_article_content p > a { color: #00CC41; }
.board_article_content img { width: 100%; }
.answer {width: 100%; }
.answer_tit { margin-bottom: 10px; }
.answer_tit h4 { font-size: 14px; font-weight: 400; color: #00CC41; letter-spacing: -1px; line-height: 1; margin: 0 0 10px 0;  }
.answer_tit h2 { font-size: 25px; font-weight: bold; letter-spacing: -1px; color: #191f28; line-height: 1; margin: 0 0 15px 0; }
.answer_tit .answer_tit_desc { display: block; width: 100%; box-sizing: border-box; }
.answer_tit .answer_tit_desc li { display: inline-block; margin-right: 5px; font-size: 13px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; }
.answer .answer_article_content { margin: 30px auto; font-size: 14px; font-weight: 400; color: #191f28; letter-spacing: -1px; }
.view_qa .view_wrap .btn_wish_bx { padding: 0; }
.view_qa .view_wrap .btn_wish_bx .btn_bx li { display: inline-block; padding: 0; margin-right: 5px; width: 49%; }
.view_qa .view_wrap .btn_wish_bx .btn_bx li:last-child { margin-right: 0; }
.view_qa .view_wrap .btn_wish_bx .btn_bx li button { width: 100%;}
.view_modify_btn { padding: 0; height: 42px; line-height: 42px; font-size: 13px; font-weight: 400; color: #fff; letter-spacing: -1px; background: #00CC41; border: 1px solid #00CC41; border-radius: 5px; }
.view_del_btn  { padding: 0; height: 42px; line-height: 42px; font-size: 13px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; background: #FFF; border: 1px solid #eee; border-radius: 5px; } }

.list_default .boardlist .board_search { padding: 0; }
.list_default .boardlist .goods_area .notice_list li:first-child { border-top: 0; }
.list_default .boardlist .board_search .search_input input { border: 0; border: 1px solid #eee; height: 45px; line-height: 45px; box-sizing: border-box; text-indent: 10px; border-radius: 5px; padding: 10px 0; font-size: 14px; font-weight: 400; color: #191f28; letter-spacing: -1px; }
.list_default .boardlist .board_search .search_input input:focus { border-color: #00CC41; border-width: 2px; }
.list_default .boardlist .board_search .search_input input::placeholder { color: #8b95a1; }
/* //board general style */


/* brand category */
.brand_wrap { width: 90%; margin: 0 auto; }
.brand_wrap .brand_search_box { position: relative; background: #fff; padding: 0 0 10px 0; display: block; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; transition: 0.2s ease; }
.brand_wrap .brand_search_box .search_sec { display: block; width: 100%; border: 1px solid #eee; border-radius: 5px; }
.brand_wrap .brand_search_box .input_brand_search { font-size: 13px; font-weight: 400; letter-spacing: -1px; color: #191f28; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; transition: 0.2s ease; }
.brand_wrap .brand_search_box .input_brand_search::placeholder { color: #ccc; }
.brand_wrap .brand_search_box .btn_brand_cancel { background: #eee; font-size: 13px; font-weight: 400; letter-spacing: -1px; color: #191f28; margin: 5px 0 0 0; padding: 0; border-radius: 5px; height: 35px; line-height: 35px; }
.brand_initial_box { padding: 0; }
.brand_initial_box .tab_initial { padding: 0; }
.brand_initial_box .initial_cate { margin: 0; }
.brand_initial_box .initial_list_sec ul > li > ul > li { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #eee; }
.brand_initial_box .initial_list_sec ul > li > ul > li a { text-indent: 19px; font-size: 20px; border: 0; padding: 0; font-size: 22px; font-weight: 500; color: #191f28; letter-spacing: -1px; }
.brand_wrap .brand_search_list { padding: 0; }
.brand_wrap .brand_search_list .total { padding: 0; font-size: 13px; font-weight: 400; color: #8b95a1; border: 0; margin-bottom: 25px; }
.brand_wrap .brand_search_list ul li a { border: 0; padding: 0; font-size: 35px; font-weight: 500; color: #191f28; letter-spacing: -1px; }
.brand_wrap .no_data p { background: none; padding: 0; font-size: 14px; font-weight: 400; color: #191f28; letter-spacing: -1px; }
.notice_title .notice_board_label { font-size: 12px; font-weight: 500; color: #00CC41; letter-spacing: -1px; background: #C2FFD5; border-radius: 5px; padding: 5px 10px; vertical-align: middle; margin-right: 5px; }
.list_default .boardlist { margin: 0 10px; }
.list_default .boardlist .goods_area .notice_list li { border-bottom: 1px solid #eee; padding: 20px 0; }
.list_default .boardlist .goods_area .notice_list li .notice_box { display: block; }
.list_default .boardlist .goods_area .notice_list li .notice_box .notice_title { display: block; width: 100%; margin-bottom: 5px; }
.list_default .boardlist .goods_area .notice_list li .notice_box .notice_title .text { width:100%; font-size: 16px; font-weight: bold; letter-spacing: -1px; vertical-align: middle; ;}
.list_default .boardlist .goods_area .notice_list li .notice_box .notice_title .text .text_category { color: #00CC41; }
.list_default .boardlist .goods_area .notice_list li .notice_box .notice_title .text i { margin: 0 5px; font-size: 10px; }
.list_default .boardlist .goods_area .notice_list li .notice_box .notice_mid { display: block; width: 100%; margin-bottom: 10px; } 
.list_default .boardlist .goods_area .notice_list li .notice_box .notice_mid .notice_mid_img { display: inline-block; width: 25px; height: 25px; border: 1px solid #eee; background: #f8f8f8; border-radius: 100%; vertical-align: middle; overflow: hidden; }
.list_default .boardlist .goods_area .notice_list li .notice_box .notice_mid .notice_mid_img img { width: 100%; }
.list_default .boardlist .goods_area .notice_list li .notice_box .notice_mid .notice_mid_desc { display: inline-block; vertical-align: middle; font-size: 13px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; }
.list_default .boardlist .goods_area .notice_list li .notice_box .notice_bottom { display:block; width: 100%; }
.list_default .boardlist .goods_area .notice_list li .notice_box .notice_bottom span { display: inline-block; margin-right: 5px; font-size: 13px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; }
.list_default .boardlist .goods_area .notice_list li .notice_box .notice_bottom .notice_bottom_desc_right { float: right; }
.list_default .boardlist .goods_area .notice_list li .notice_box .notice_bottom .notice_bottom_desc_right:after { display: block; content: ''; clear: both; }
.list_default .boardlist .goods_area .notice_list li .notice_box .notice_bottom .notice_bottom_desc_right:first-child { margin-right: 0; }
.list_default .boardlist .goods_area .icon_new { width: 13px; height: 13px; line-height: 13px; background: #00CC41; vertical-align: middle; margin: 0; }
.list_default .boardlist .page_btn_box { position: relative; margin: 30px 0; }
.list_default .boardlist .page_btn_box .page_number { font-size: 13px; color: #8b95a1; }
.list_default .boardlist .page_btn_box .page_number strong { font-size: 13px; color: #00CC41; }
.list_default .boardlist .page_btn_box .board_write_btn_area { position: absolute; right: 0; top: 0; }
.list_default .boardlist .page_btn_box .board_write_btn_area a { font-size: 13px; font-weight: 400; color: #fff; background: #00CC41; letter-spacing: -1px; padding: 5px 10px; border-radius: 5px;  }
.write_default .input_wrap .capcha .capcha_img { border: 1px solid #eee !important; border-radius: 5px; }
.write_default .input_wrap .capcha .capcha_body .capcha_text { padding: 0 !important; margin-bottom: 5px; font-size: 13px !important; font-weight: 400 !important; color: #8b95a1 !important; }
.write_default .input_wrap .capcha .capcha_body .capcha_input input { height: 35px !important; border: 1px solid #eee !important; border-radius: 5px; font-size: 12px !important; font-weight: 400 !important; color: #191f28 !important; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; transition: 0.2s ease; }
.write_default .input_wrap .capcha .capcha_body .capcha_input input:focus { border-color: #191f28 !important; }
.write_default .input_wrap .capcha .capcha_body .capcha_input input::placeholder { color: #ccc !important; }
.write_default .close_btn { left: 0; right: unset; }
.all_page_prev { border: 0; }
.ads_area { width: 100%; box-sizing: border-box; border-radius: 5px; overflow: hidden; line-height: 1; margin-bottom: 25px; }

.view_default { margin: 20px 10px 50px 10px; }
.view_default .view_wrap .question { border: 0; margin: 30px 0; padding-bottom: 30px; border-bottom: 1px solid #eee; }
.view_default .view_wrap .view_comment { border: 0; }
.board_article_function { width: 100%; margin: 60px auto 0 auto; text-align: center; }
.board_article_function a { display: inline-block; background: #f8f8f8; border-radius: 10px; font-size: 12px; font-weight: 400; color: #00CC41; padding: 8px 15px; }
.board_article_function a > i { margin-right: 5px; }
.view_default .view_wrap .view_comment { padding: 0; margin-bottom: 10px; }
.view_default .view_wrap .view_comment .comment_count span { float: unset; padding: 0; font-size: 13px; font-weight: 400; color: #191f28; letter-spacing: -1px; }
.view_default .view_wrap .view_comment .comment_count span strong { color: #00CC41; margin-right: 5px; font-size: 13px; }
.view_default .view_wrap .comment_wrap .reply_form { padding: 0; background: none; border: 0; }
.view_default .view_wrap .comment_wrap .reply_form .b_memo { margin-bottom: 30px; }
.view_default .view_wrap .comment_wrap .reply_form .b_memo .comment_input { padding: 0; }
.view_default .view_wrap .comment_wrap .reply_form .b_memo .comment_input textarea { width: 100%; border: 1px solid #eee; color: #191f28; border-radius: 5px; outline: 0; font-size: 13px; font-weight: 400; letter-spacing: -1px;  box-sizing: border-box; padding: 10px; }
.view_default .view_wrap .comment_wrap .reply_form .b_memo .comment_input textarea:focus { border-color: #00CC41; border-width: 2px; }
.view_default .view_wrap .comment_wrap .reply_form .b_memo .comment_input textarea::placeholder { color: #ccc; }
.view_default .view_wrap .comment_wrap .reply_form .b_memo .comment_btn { display: block; position: unset; top: unset; right: unset; width: 100%; margin: 5px 0; }
.view_comment_btn { width: unset; display: inline-block; height: auto; font-size: 13px; font-weight: 400; color: #fff; letter-spacing: -1px; background: #00CC41; padding: 7px 15px; border-radius: 100px; border: 1px solid #00CC41; }
.view_default .view_wrap .comment_wrap .comment_info { border: 0; padding: 0 0 20px 0; position: relative;}
.view_default .view_wrap .comment_wrap .comment_info .writer { font-size: 15px; font-weight: 500; color: #191f28; letter-spacing: -1px; }
.view_default .view_wrap .comment_wrap .comment_info .date { font-size: 13px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; }
.view_default .view_wrap .comment_wrap .comment_info .date:after { position: unset; left: unset; top: unset; width: unset; height: unset; background: unset; content: unset; }
.view_default .view_wrap .contents_holder { padding: 15px 0;  font-size: 14px; font-weight: 400; color: #191f28; letter-spacing: -1px; }
.view_default .view_wrap .comment_wrap .reply_form .no_data { background: #f8f8f8; border-radius: 5px; font-size: 13px; font-weight: 400; color: #191f28; letter-spacing: -1px; margin-bottom: 20px; }
.comment_options { display: inline-block; position: absolute; top: 0; right: 0; }
.comment_options button{ border: 0; outline: 0; background: transparent; padding: 0; }
.comment_options button i { font-size: 14px; }
.cite_layer .wrap h4 { font-size: 13px; font-weight: 500; letter-spacing: -1px; color: #191f28; background: #f8f8f8;}
.cite_layer .wrap div p { padding: 14px 0  14px 14px; font-size: 13px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; }
.cite_layer .wrap div .btn_box { width: 100px; }
.ly_pwok_btn { background: #191f28; color: #fff; border: 1px solid #191f28; font-size: 13px; font-weight: 400; letter-spacing: -1px; border-radius: 5px; }
.view_default .view_wrap .view_box .view_info_box .view_info { padding: 0; margin: 15px 0; border: 0; font-size: 13px; font-weight: 400; letter-spacing: -1px; color: #191f28; }
.view_default .view_wrap .view_box .view_info_box .view_info strong { font-size: 13px; }
.view_default .view_wrap .btn_wish_bx { margin-bottom: 50px; padding: 0;}
.view_default .view_wrap .btn_wish_bx .btn_bx { display: flex; justify-content: space-between; align-items: flex-start; }
.view_default .view_wrap .btn_wish_bx .btn_bx li { padding: 0; flex: 1; margin-right: 10px; }
.view_default .view_wrap .btn_wish_bx .btn_bx li:last-child { margin-right: 0; }

.list_event .boardlist .board_search { padding: 0; }
.list_event .boardlist .goods_area .notice_list li:first-child { border: 0; }
.list_event .boardlist .goods_area .notice_list li { border: 0; padding: 0; margin-bottom: 60px; }
.list_event .boardlist .page_btn_box .page_number { font-size: 14px; color: #8b95a1; font-weight: 400; letter-spacing: -1px;}
.list_event .boardlist .page_btn_box .page_number strong { color: #191f28; }
.list_event .boardlist .board_search { padding: 0; margin-bottom: 10px; }
.list_event .boardlist .board_search .search_input input {background:none; border: 1px solid #eee; border-radius: 5px; height: 45px; line-height: 45px; box-sizing: border-box; text-indent: 0; padding: 10px; font-size: 14px; font-weight: 400; color: #191f28; letter-spacing: -1px;  }
.list_event .boardlist .board_search .search_input input:focus { border-color: #00CC41; border-width: 2px; }
.list_event .boardlist .board_search .search_input input::placeholder { color: #8b95a1; }
.list_event .boardlist .goods_area .notice_list li .notice_box { display: block; }
.list_event .boardlist .goods_area .notice_list li .notice_box .notice_img { display: block; width: 100%; border-radius: 5px; overflow: hidden; line-height: 0; margin-bottom: 20px; }
.list_event .boardlist .goods_area .notice_list li .notice_box .notice_img img { width: 100%; height: 100%; }
.list_event .boardlist .goods_area .notice_list li .notice_box .notice_title { display: block; padding: 0; width: 90%; margin: 0 auto 7px auto; }
.list_event .boardlist .goods_area .notice_list li .notice_box .notice_title .text { width: 100%; display: block; font-size: 22px; font-weight: bold; color: #191f28; letter-spacing: -1px; }
.list_event .boardlist .goods_area .notice_list li .notice_box .notice_title .text i { font-size: 12px; margin: 0 5px; }
.list_event .boardlist .goods_area .notice_list li .notice_box .notice_middle { display: block;width: 90%; margin: 0 auto 7px auto; }
.list_event .boardlist .goods_area .notice_list li .notice_box .notice_middle .notice_middle_tit { font-size: 13px; font-weight: 400; letter-spacing: -1px; color: #191f28; }
.list_event .boardlist .goods_area li .notice_bottom { display: block; width: 90%; margin: 0 auto;  }
.list_event .boardlist .goods_area .notice_list li .notice_box .notice_tag_label { display: inline-block; background: #191f28; border-radius: 5px; padding: 5px 8px; font-size: 12px; font-weight: 400; color: #fff; letter-spacing: -1px; }
.list_event .boardlist .goods_area li .notice_bottom .notice_data { font-size: 13px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; }
/*이벤트 페이지 상단 탭메뉴 추가*/
.board_hot_list ul {display:flex; margin: 25px 0 20px;}
.board_hot_list ul li {margin-right: 10px;}
.board_hot_list ul li a {display:block; font-size: 14px; font-weight: 400; color: #8b95a1; background: #e8e8e8; border-radius: 5px; padding: 7px;}
/*탭 li에 .on*/
.board_hot_list ul li.on a { font-size: 14px; font-weight: 400; color: #fff; background: #00CC41; }

.view_event { margin: 20px auto 50px auto; }
.view_event .goods_area h3 { background: transparent; font-size: 25px; font-weight: bold; color: #191f28; letter-spacing: -1px; line-height: 1.3; margin: 0 0 15px 0; }
.list_event .boardlist .no_list,.list_default .boardlist .no_list,.list_qa .boardlist .no_list { font-size: 14px; font-weight: 400; color: #191f28; letter-spacing: -1px; border: 0; }
.view_event .board_wt_tit .event_status { display: inline-block; background: #191f28; border-radius: 5px; font-size: 14px; font-weight: 400; color: #fff; letter-spacing: -1px; padding: 5px 10px;  }
.view_event .board_wt_tit .event_scedule { display: block; width: 100%; margin: 10px 0; background: #f8f8f8; border-radius: 5px; padding: 7px; box-sizing: border-box; font-size: 13px; font-weight: 400; color: #191f28; text-align: center; letter-spacing: -1px; }
.view_event .view_wrap .view_box .view_info_box .view_info { padding: 0; margin: 10px 0; box-sizing: border-box; font-size: 14px; font-weight: 400; color: #191f28; border: 0; }
.view_event .view_wrap .contents_holder { padding: 0; font-size: 14px; font-weight: 400; color: #191f28; letter-spacing: -1px; line-height: 1.3; }

.list_gallery .boardlist .board_search { padding: 0; margin-bottom: 10px; }
.list_gallery .boardlist .board_search .search_input input { border: 1px solid #eee; border-radius: 5px; height: 45px; line-height: 45px; box-sizing: border-box; text-indent: 0; padding: 10px; font-size: 14px; font-weight: 400; color: #191f28; letter-spacing: -1px; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; transition: 0.2s ease; }
.list_gallery .boardlist .board_search .search_input input:focus { border-color: #00CC41; }
.list_gallery .boardlist .board_search .search_input input::placeholder { color: #8b95a1; }
.list_gallery .boardlist .goods_gallery_ul { padding: 0; margin: 0 auto; }
.list_gallery .boardlist .goods_gallery_ul li { padding: 0; margin: 0 auto 60px auto; }
.list_gallery .boardlist .goods_gallery_ul li .goods_gallery_img { border-radius: 5px; overflow: hidden; margin-bottom: 20px; }
.list_gallery .boardlist .goods_gallery_ul li .goods_gallery_content .goods_list_info { display: block; width: 90%; margin: 0 auto; }
.list_gallery .boardlist .goods_gallery_ul li .goods_gallery_content .goods_list_info .notice_tag_label { display: inline-block; background: #00CC41; border-radius: 5px; padding: 5px 8px; font-size: 12px; font-weight: 400; color: #fff; letter-spacing: -1px; }
.list_gallery .boardlist .goods_gallery_ul li .goods_gallery_content .goods_list_info .notice_gallery_tit { display: block; width: 100%; font-size: 22px; font-weight: bold; letter-spacing: -1px; color: #191f28; letter-spacing: -1px; line-height: 1.5;  }
.list_gallery .boardlist .goods_data .data time { font-size: 13px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; }
.list_gallery .boardlist .page_btn_box .page_number { color: #8b95a1; font-size: 13px; }
.list_gallery .boardlist .page_btn_box .page_number strong { color: #00CC41; font-size: 13px;  }
.view_gallery { margin: 20px 10px 50px 10px; }
.view_gallery .board_wt_tit .event_status { display: inline-block; background: #00CC41; border-radius: 5px; font-size: 14px; font-weight: 400; color: #fff; letter-spacing: -1px; padding: 5px 10px; }
.view_gallery .view_wrap .contents_holder { padding: 0; margin: 20px auto; }
.view_gallery .view_wrap .contents_holder img { width: 100%; margin: 20px 0; border-radius: 5px; }
.view_gallery .view_wrap .contents_holder p > b, .view_gallery .view_wrap .contents_holder p > strong { display: inline-block; font-size: 25px; font-weight: bold; color: #191f28; letter-spacing: -1px; margin: 0 0 10px 0; line-height: 1.3; }
.view_gallery .view_wrap .contents_holder p { font-size: 15px; font-weight: 400; color: #191f28; letter-spacing: -1px; margin: 0 0 5px 0; line-height: 1.8; }
.view_wrap .contents_holder p a { color: #074fff; font-weight: 500;  }
/* //brand category */


/* lesson */
.lesson_container { width: 95%; margin: 20px auto; }
.lesson_notice { margin: 0 0 20px 0; background: #f8f8f8; text-align: center; border-radius: 5px; }
.lesson_notice a { display: inline-block; font-size: 14px; font-weight: 500; color: #191f28; letter-spacing: -1px; padding: 10px 0; }
.lesson_notice a > span { margin-left: 5px; font-size: 13px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; }
.search_tab_btn { display: block !important; margin-bottom: 30px; position: unset !important; top: unset !important; right: unset !important; z-index: unset !important; }
.tablinks { border: none; outline: none; font-size: 14px; font-weight: 400; color: #8b95a1; margin-right: 20px; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; transition: 0.2s ease; letter-spacing: -1px; background: transparent; border-bottom: 2px solid transparent; }
.search_tab_btn a { border: none; outline: none; font-size: 14px; font-weight: 400; color: #8b95a1; margin-right: 20px; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; transition: 0.2s ease; letter-spacing: -1px; background: transparent; }
.search_tab_btn .active { font-weight: bold; color: #191f28; border-bottom: 2px solid #191f28; }
.tabcontent { display: none; animation: fadeEffect 0.4s ease; }
@keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} }
.search_detail_bar { width: 100%; border-radius: 5px; border: 1px solid #eee; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; align-items: center; margin-bottom: 30px; }
.search_detail_bar .search_detail_bar_4:first-child { border-right: 1px solid #eee; }
.search_detail_bar .search_detail_bar_4 { flex: 4; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-flex-direction: column;  -moz-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; padding: 10px; }
.search_detail_bar .search_detail_bar_4 span { padding: 0 ; font-size: 13px; font-weight: 500; color: #191f28; letter-spacing: -1px;}
.search_detail_bar .search_detail_bar_4 input { border: 0; outline: none; width: 100%; font-size: 14px; font-weight: 500; color: #191f28; letter-spacing: -1px;}
.search_detail_bar .search_detail_bar_4 input::placeholder { color: #8b95a1; font-weight: 400; }
.search_detail_bar .search_detail_bar_2  { flex: 2; }
.search_detail_btn {   display: flex; align-items: center; justify-content: center; margin: 0;  }
.search_detail_btn button { background: #00CC41; font-size: 13px; font-weight: 400; color: #fff; letter-spacing: -1px; border-radius: 10px; padding: 10px 15px; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; transition: 0.2s ease; border: 0; }

.lesson_list { width: 100%; margin: 0 auto; overflow: hidden; }
.lesson_list .lesson_list_tit { margin-bottom:10px; }
.lesson_list .lesson_list_tit h2 { font-size: 24px; font-weight: 600; letter-spacing: -2px; margin: 0; color: #191f28; line-height: 1.2;}
.lesson_article { width: 100%; margin: 0; }
.lesson_article .lesson_article_tit { margin-bottom: 30px; }
.lesson_article .lesson_article_tit h2 { font-size: 37px; font-weight: 600; letter-spacing: -2px; margin: 0; color: #191f28; line-height: 1.2; }
.lesson_theme_swiper .swiper-slide {background: #191f28; border-radius: 10px; overflow:hidden;}
.lesson_article_thumb { width: 100%; line-height: 0; }
.lesson_article_thumb img { width: 100%;}
.lesson_article_desc { padding: 20px; box-sizing: border-box;}
.lesson_article_desc h2 { font-size: 20px; font-weight: bold; color: #fff; letter-spacing: -1px;}
.lesson_article_desc p { font-size: 15px; font-weight: 400; color: #888; letter-spacing: -1px;}
.lesson_board { width: 100%; margin: 0 auto; }
.lesson_board ul { list-style: none; padding: 0; margin: 0; border: 1px solid #eee; border-radius: 10px; height: 626px; overflow-y: scroll;}
.lesson_board ul li { padding: 20px; border-bottom: 1px solid #eee; position: relative; }
.lesson_board ul li:last-child { border-bottom: 0;}
.lesson_board ul li a h4 { font-size: 13px; font-weight: 400; color: #00CC41; letter-spacing: -1px; margin-bottom: 5px; }
.lesson_board ul li a h4 > i { margin-right: 7px; }
.lesson_board ul li a h2 { font-size: 17px; font-weight: bold; color: #191f28; letter-spacing: -1px; margin: 0; }
.lesson_board .lesson_score { display: inline-block; background-color: #f1f1f1; border-radius: 5px; padding: 3px 4px; font-size: 10px; letter-spacing: -1px; margin-left: 5px; vertical-align: middle;}
.lesson_board .lesson_score i { margin-right: 3px; color: #00CC41; }
.lesson_board ul li a p { font-size: 14px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; margin: 0; }
.lesson_board_btn { position: absolute; right: 5%; top: 50%; font-size: 16px; transform: translate(-50%, -50%); }
.lesson_board_search { width: 100%; margin-bottom: 20px; }
.lesson_board_search input { width: 100%; border: 1px solid #eee; border-radius: 5px; min-height: 40px; padding: 0 15px; font-size: 14px; font-weight: 500; color: #191f28; letter-spacing: -1px; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; transition: 0.2s ease; box-sizing: border-box; }
.lesson_board_search input::placeholder{ color: #8b95a1; font-weight: 400; }

.ls-container { width: 100%; margin: 0 auto 60px auto; }
.ls-container .ls-container-tit { margin-bottom: 9px; }
.ls-container .ls-container-tit h1 { display: inline-block; font-size: 20px; font-weight: bold; color: #191f28; }
.ls-container ul { list-style: none; padding: 0;}
.ls-container ul li { display: inline-block; border: 1px solid #eee; border-radius: 5px; width: 100%; min-height: 360px; max-height: 360px; vertical-align: top; overflow: hidden; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; transition: 0.2s ease; }
.ls-container ul li:last-child { margin-right: 0; }
.ls-container .ls-container-img { width: 100%; max-height: 270px; margin-bottom: 20px; overflow: hidden; }
.ls-container .ls-container-img img { width: 100%; height: 100%; transform: scale(1); transition: 0.6s ease; }
.ls-container a:hover img { transform: scale(1.04); }
.ls-container .ls-container-desc { padding: 0 20px; }
.ls-container .ls-container-desc h1 { display: inline-block; font-size: 17px; font-weight: 500; color: #191f28; letter-spacing: -1px; margin: 0 10px 5px 0; }
.ls-container .ls-container-desc span { display: inline-block; background-color: #f1f1f1; border-radius: 5px; padding: 3px 4px; font-size: 10px; }
.ls-container .ls-container-desc span i { color: #00CC41; margin-right: 3px; }
.ls-container .ls-container-desc p { font-size: 14px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; margin: 0;}
.ls-container .ls-container-desc .ls-container-subDesc { margin-top: 15px; }
.ls-container .ls-container-desc .ls-container-subDesc a { font-size: 14px; font-weight: 500; color: #191f28;}
.ls-container .ls-container-desc .ls-container-subDesc a:hover { text-decoration: underline; }

.lesson_theme { display: block; width: 100%; margin-bottom: 50px; }
.lesson_theme_tit { margin: 20px 0; }
.lesson_theme_tit h2 { font-size: 24px; font-weight: 600; color: #191f28; letter-spacing: -1px; }
.lesson_theme_swiper { overflow: hidden; }

.lesson_view { width: 100%; margin: 0 auto; }
.lesson_view_header { margin-bottom: 30px; }
.lesson_view_header_tit { margin-bottom: 7px;  }
.lesson_view_header_tit h2 { display:inline-block; font-size: 20px; font-weight: bold; color: #191f28; letter-spacing: -1px; margin: 0; line-height: 0; }
.lesson_view_header_tit span { display:inline-block; margin-left: 5px; font-size: 13px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; }
.lesson_view_header_tit span > i { color: #00CC41; margin-right: 3px;  }
.lesson_view_header_tit span > strong { font-weight: 500; color: #191f28; }
.lesson_view_header_tit a { display:inline-block; font-size: 13px; float: right; line-height: 0; color: #8b95a1; letter-spacing: -1px; }
.lesson_view_header_tit a > i { margin-right: 3px; }
.lesson_view_header_tit a:after { display: block; content: ''; clear: both; }
.lesson_view_header_article { margin-bottom: 20px; }
.lesson_view_header_article ul { list-style: none; padding: 0; }
.lesson_view_header_article ul li { display: inline-block; font-size: 13px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; }
.lesson_view_header_article ul li > i { margin-right: 5px; }
.lesson_view_header_photo { width: 100%; overflow: hidden; line-height: 0; }
.lesson_view_header_photo .swiper-wrapper .swiper-slide { overflow: hidden; border-radius: 5px; }
.lesson_view_header_photo .swiper-wrapper .swiper-slide a img { width: 100%;  }
.lesson_view_article { width: 100%; margin-bottom: 30px; }
.lesson_view_article_desc { margin-bottom: 20px; padding: 0 0 20px 0 ; border-bottom: 1px solid #eee; }
.lesson_view_article_desc h2 { font-size: 20px; font-weight: bold; letter-spacing: -1px; color: #191f28; }
.lesson_view_article_desc p { font-size: 14px; font-weight: 400; letter-spacing: -1px; color: #8b95a1; }
.lesson_view_article_frame { width: 100%; margin-bottom: 30px; }
.lesson_view_article_wrap { width: 100%; margin-bottom: 40px; }
.lesson_view_article_wrap ul { list-style: none; padding: 0; margin-bottom: 25px; }
.lesson_view_article_wrap ul li { margin-bottom: 15px; }
.lesson_view_article_wrap ul li h3 { font-size: 15px; font-weight: 500; letter-spacing: -1px; color: #191f28; margin-bottom: 5px; }
.lesson_view_article_wrap ul li h3 i { margin-right: 5px; }
.lesson_view_article_wrap ul li p { font-size: 13px; font-weight: 400; letter-spacing: -1px; color: #8b95a1; text-indent: 17px;}
.lesson_view_article_wrap button { border: 1px solid #00CC41; letter-spacing: -1px; border-radius: 5px; font-size: 13px; font-weight: 400; color: #fff; padding: 7px 15px; background: #00CC41; }
.lesson_view_article_wrap .mdTxt { margin-bottom: 10px; }
.lesson_view_article_wrap .mdTxt h3 { font-size: 15px; font-weight: 500; letter-spacing: -1px; color: #191f28; }
.lesson_view_article_wrap .lesson_comment { background: #f8f8f8; border-radius: 5px; padding: 20px; }
.lesson_view_article_wrap .lesson_comment p { font-size: 14px; font-weight: 400; letter-spacing: -1px; color: #8b95a1; line-height: 1.8; margin-bottom: 10px;}

.lesson_view_float { position: fixed; bottom: 5%; left: 50%; transform: translateX(-50%); z-index: 10; display: inline-block; }
.lesson_view_float a { background: #00CC41; border-radius: 100px; padding: 10px 35px; font-size: 14px; font-weight: 400; color: #fff; letter-spacing: -1px; box-shadow: 0px 6px 10px rgba(106, 115, 129, 0.22);}
.lesson_view_float a i { margin-right: 10px; }


.modal,
.modal-article-more,
.modal-share { position: absolute; z-index: 300; /* 1 */ top: 0; left: 0; visibility: hidden; width: 100%; height: 100%; }
.modal.is-visible,
.modal-article-more.is-visible,
.modal-share.is-visible { visibility: visible; }
.modal-overlay { position: fixed; z-index: 299; top: 0; left: 0; width: 100%; height: 100%; background: hsla(0, 0%, 0%, 0.5); visibility: hidden; opacity: 0; transition: visibility 0s linear 0.3s, opacity 0.3s; }
.modal.is-visible .modal-overlay,
.modal-article-more.is-visible .modal-overlay,
.modal-share.is-visible .modal-overlay { opacity: 1; visibility: visible; transition-delay: 0s; }
.modal-wrapper { position: fixed; z-index: 301; top: 50%; left: 50%; width: 90%; background-color: #fff; box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35); transform: translate(-50%,-50%); border-radius: 5px; }
.modal-transition { transition: all 0.3s 0.12s; opacity: 0; }
.modal.is-visible .modal-transition,
.modal-article-more.is-visible .modal-transition,
.modal-share.is-visible .modal-transition { opacity: 1; }
.modal-header,
.modal-content { padding: 2em; }
.modal-header { position: relative; background-color: #fff; box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.06); border-bottom: 1px solid #e8e8e8; }
.modal-heading { font-size: 1.125em; margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.modal-content > *:first-child { margin-top: 0; }
.modal-content > *:last-child { margin-bottom: 0; }
.modal-article { width: 100%; margin-bottom: 20px; }
.modal-article-header { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee; }
.modal-article-header h2 { font-size: 20px; font-weight: bold; letter-spacing: -1px; color: #191f28; line-height: 1.2; margin-bottom: 5px; }
.modal-article-header p { font-size: 14px; font-weight: 400; letter-spacing: -1px; color: #8b95a1; }
.modal-article-content { width: 100%; }
.modal-article-content .inputBx { margin-bottom: 10px; }
.modal-article-content .inputBx:last-child { margin-bottom: 0; }
.modal-article-content .inputBx p { margin-bottom: 5px; font-size: 13px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; }
.modal-article-content .inputBx input { display:block; width: 100%; border: 1px solid #eee; border-radius: 5px; padding: 10px; font-size: 13px; font-weight: 400; color: #191f28; letter-spacing: -1px; box-sizing: border-box; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; transition: 0.2s ease; background: #fff; outline: none; }
.modal-article-content .inputBx input:focus { border-color: #00CC41; }
.modal-article-content .inputBx input::placeholder { color: #8b95a1; }
.modal-article-content ul { width: 100%; list-style: none; }
.modal-article-content .branchBox li { display: block; margin: 18px 0; }
.modal-article-content .branchBox li h3 { font-size: 15px; font-weight: 500; letter-spacing: -1px; color: #191f28; }
.modal-article-content .branchBox li h3 > i { width: 25px; }
.modal-article-content .branchBox li p { font-size: 13px; font-weight: 400; letter-spacing: -1px; color: #8b95a1; }
.modal-article-content .shareBox li { display: inline-block; margin-right: 5px; }
.modal-article-content .shareBox li:last-child { margin-right: 0; }
.modal-article-content .shareBox li a { display: inline-block; font-size: 15px; background: #eee; border-radius: 5px; min-width: 25px; padding: 15px; text-align: center;}
.modal-article-content .shareBox li a > img { vertical-align: middle; }
.modal-article-content .shareBox li span { display: none; }
.copy-txt { display: block; margin: 7px 0; font-size: 13px; font-weight: 400; color: #00CC41; letter-spacing: -1px; }
.modal-footer { width: 100%; }
.modal-footer ul { list-style: none; }
.modal-footer ul li { display: inline-block; margin-right: 5px; }
.modal-footer ul li:last-child { margin-right: 0; }
.modal-footer ul li button { border: 1px solid #00CC41; border-radius: 5px; color: #fff; font-size: 13px; font-weight: 400; letter-spacing: -1px; padding: 10px 15px; background: #00CC41; outline: none;}
.modal-footer ul li button.chk_in_btn { background: #00CC41; color: #fff; border-color: #00CC41;}
/* //lesson */


/* membership */
.membership-wrap{width: 100%; margin: 0 auto;}
.membership-container{max-width: 1500px; margin: 0 auto;}
.mb-mrtp{margin-top: 40px; }
.mb-mrbt{margin-bottom: 40px;}
.membership-tit h2{font-size: 26px; font-weight: bold; color: #191f28; margin: 0 0 10px 0; letter-spacing: -1px;}
.membership-tit p{font-size: 15px; font-weight: 400; color: #8b95a1; text-align: left; letter-spacing: -1px; line-height: 1.75; margin: 0 0 20px 0;}
.membership-tit .join-btn a{color: #fff; padding: 10px 20px; background-color: #00CC41; border-radius: 10px; font-size: 15px; letter-spacing: -1px; font-weight: 400; transition: 0.2s;}
.membership-tit .join-btn a:hover{background-color: #191f28; color: #fff;}
.membership-tit h3{font-size: 20px; color: #191f28; letter-spacing: -1px; font-weight: 500; margin-bottom: 9px;}
.membership-con{ -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; display: flex; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex; justify-content: flex-start; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; -o-align-items: flex-start; align-items: flex-start; margin-bottom: 20px;}
.membership-con:last-child{margin: 0;}
.member-box{min-height: 140px; min-width: 140px; border-radius: 10px; -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; margin-right: 20px; padding: 20px;}
.member-box:last-child{margin: 0;}
.mb-gr-co{background-color: #dbf0e6;}
.mb-rd-co{background-color: #ffeee6;}
.mb-bk-co{background-color: #f2f2f2;}
.member-box-ov{text-align: right;}
.member-box-ov img{width: 38px;}
.member-box p{font-size: 17px; font-weight: 400; letter-spacing: -1px; line-height: 1.3; color: #191f28;}
.member-box-un-tit p{font-weight: bold;}
.member-box-desc{min-width: 270px; -webkit-justify-content: end; -moz-justify-content: end; -ms-justify-content: end; -o-justify-content: end; justify-content: end;}
p.detail-membership{font-size: 14px; margin-top: 10px; color: #8b95a1;}
.member-benefit-desc{width: 100%; background-color: #fafafa; border-radius: 10px; -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; display: flex; -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; -o-justify-content: space-around; justify-content: space-around; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; -o-align-items: flex-start; align-items: flex-start; text-align: center; padding: 20px 0;}
.mb-benefit-box p{color: #8b95a1; letter-spacing: -1px; font-weight: 400;}
.mb-benefit-img{width: 35px; display: inline-block; text-align: center; margin: 0 0 10px 0;}
.mb-benefit-img img{width: 100%; display: inline-block;}
.membership-notice{width: 100%; border-radius: 10px;}
.membership-notice .membership-tit{padding: 0}
.membership-notice ul{padding: 0;}
.membership-notice ul li{list-style: none; font-size: 13px; color: #8b95a1; line-height: 1.8; letter-spacing: -1px;}
.membership-accordion{border-radius: 10px;}
.accordion-header{cursor: pointer;}
.accordion-panel{width: 100%; border-bottom: 1px solid #eee; transition: 0.2s; }
.accordion-panel:hover{background-color: #fafafa;}
.accordion-panel h3{font-size: 15px; color: #8b95a1; padding: 15px 0; transition: 0.2s; font-weight: 400; border-radius: 10px; letter-spacing: -1px; }
.accordion-header span{width: 16px; display: inline-block; margin: 0 7px;}
.accordion-header i{color: #8b95a1; font-size: 14px;}
.accordion-panel p{font-size: 13px; color: #8b95a1; padding-bottom: 20px; line-height: 1.5; margin: 0 29px;}
.accordion-panel>.accordion-body{display: none;}
.accordion-panel.accordion-expanded > .accordion-body{display: block;}
.accordion-panel.accordion-expanded{background-color: #fafafa;}

@media (max-width: 768px){
    .membership-wrap{width: 100%;}
    .membership-container{width: 90%; margin: 0 auto;}
    .modal-section{ width: 100%; overflow: hidden !important; }
    .modal-button{ width: 100%; cursor: pointer; border: 0; background-color: transparent; }    
    [data-modal].open { display: block; }
    .modal-section .modal-container{ position: fixed; top: 0; left: 0; width: 100%; height: 100vh; overflow: hidden; display: none;}
    .modal-section .modal-container .modal-con{ width:75%; margin: 60px auto; text-align: left; overflow: hidden; }
    .modal-section .modal-container .modal-con h3{ display: inline-block; font-family: 'Noto Sans KR', sans-serif; font-size: 25px; font-weight: 400; letter-spacing: -1px; color: #fff; border-radius: 300px; text-align: left; margin: 0 0 5px 0; width: 100%; }
    .modal-section .modal-container .modal-con h4{ display: inline-block; font-family: 'Noto Sans KR', sans-serif; font-size: 15px; font-weight: 400; color: #fff; text-align: left; margin: 0 0 5px 0;}
    .modal-section .modal-container .modal-con p{font-family: 'Noto Sans KR', sans-serif; font-size: 18px; font-weight: 300; line-height: 1.6; color: #b5b5b5; text-align: left; display: inline-block;}
    .dim{overflow: hidden !important;}
    .membership-contents .contents-wrap .modal-button .text-box img{ width: 30px; margin: 0 auto;}
    .membership-contents{overflow: hidden !important;}
    .membership-contents .swiper-wrapper-mo-mr{overflow: hidden;}
    .membership-contents .swiper-wrapper-mo-mr .swiper-slide-mr{position: relative; overflow: hidden !important; margin-bottom: 10px;}
    .membership-contents .swiper-wrapper-mo-mr .swiper-slide-mr .text-box{width: 100%; position: relative; padding: 20px 0; border-radius: 10px;}
    .membership-contents .swiper-wrapper-mo-mr .swiper-slide-mr .text-box h1{font-family: 'Noto Sans KR', sans-serif; font-weight: 500; font-size: 20px; color: #fff; margin: 0 auto 5px auto; }
    .member-box-ov{position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}
    .membership-contents .swiper-wrapper-mo-mr .swiper-slide-mr .text-box p{font-family: 'Noto Sans KR', sans-serif; font-weight: 500; font-size: 15px;}
    .member-benefit-desc{display: inline-block;}
    .member-benefit-con{display: inline-block; width: 45%;}
    .mb-benefit-box{margin-bottom: 30px;}
}
/* //membership */


/* search */
.goods_search_tit { margin: 20px 0 0 0; }
.goods_search_tit h2 { font-size: 20px; font-weight: 500; letter-spacing: -1px; color: #191f28; }
/* //search */

/* wilson as service */
.as-container { width: 90%; max-width: 1200px; margin: 0 auto; padding: 0; text-align: center; }
.as-tit { position: relative; }
.as-view-tit { position: relative; margin: 26px auto; }
.as-view-tit h1 { font-size: 24px; font-weight: bold; letter-spacing: -1px; color: #191f28; text-align: left; line-height: 1.3; }
.as-tit .as-tit-img { width: 100%; overflow: hidden; border-radius: 5px; line-height: 0; margin-bottom: 24px; }
.as-tit .as-tit-img img { width: 100%; }
.as-tit .as-tit-desc { width: 90%; margin: 0 auto 30px auto; text-align: left; }
.as-tit .as-tit-desc h2 { font-size: 24px; font-weight: bold; letter-spacing: -1px; color: #191f28; margin: 0 auto 16px auto; }
.as-tit .as-tit-desc p { font-size: 14px; font-weight: 400; letter-spacing: -1px; color: #8b95a1; letter-spacing: -1px; margin: 0 auto; line-height: 1.7; }
.as-btn-area { display: inline-block; text-align: center; margin: 36px auto; list-style: none;}
.as-btn-area li { display: block; margin-bottom: 16px; }
.as-btn-area li > a { font-size: 14px; font-weight: 400; letter-spacing: -1px; }
.tennisMetroCapsule { background: #00CC41; border-radius: 100px; padding: 8px 16px; color: #fff; }
.tennisMetroTransparent { color: #00CC41; }
.as-process { width: 100%; margin: 50px auto 300px auto; }
.as-process ol { list-style: none; margin: 0; padding: 0; border: 0; vertical-align: baseline; }
.as-process li {width: 50%; float:left;}
.as-process li:after { position: relative; display: block; width: 3px; color: #8b95a1; height: 100%; }
.as-process li strong { position: relative; display: block; font-size: 14px; font-weight: 500; color: #191f28; text-align: left; padding: 0 5px 9px 30px; box-sizing: border-box; border-bottom: 2px solid #f8f8f8; margin: 0; vertical-align: baseline; }
.as-process li span { display: block; font-size: 12px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; line-height: 19px; text-align: left; padding: 11px 5px 20px 30px; box-sizing: border-box; }
.as-viewform { width: 100%; margin: 40px auto 100px auto; text-align: left; }
.as-viewform .as-viewform-input { margin-bottom: 15px; list-style: none; padding: 0; }
.as-viewform .as-viewform-input li { display: inline-block; }
.as-viewform .as-viewform-input li:first-child { margin-right: 30px; }
.as-viewform .as-viewform-input li label { display: block; font-weight: 400; font-size: 14px; letter-spacing: -1px; color: #8b95a1; margin-bottom: 5px; }
.as-viewform .as-viewform-input li input[type="text"] { padding: 10px 15px; font-weight: 500; font-size: 15px; margin-bottom: 15px; outline: 0; color: #191f28; border: 1px solid #eee; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; transition: 0.2s ease; border-radius: 5px;}
.as-viewform .as-viewform-input li input[type="text"]:focus { border-color: #00CC41; }
.as-viewform .as-viewform-input li input[type="text"]::placeholder { color: #8b95a1; }
.as-viewform .btn-area { margin-bottom: 15px; }
.as-viewform .btn-area button { outline: 0; border: 0; font-size: 15px; letter-spacing: -1px; }
.as-viewform .as-viewform-check input[type=checkbox] { border: 1px solid #eee; -webkit-appearance: checkbox; -moz-appearance: checkbox; width: 15px; height: 15px; vertical-align: bottom; }
.as-viewform .as-viewform-check label { font-weight: 400; font-size: 13px; color: #8b95a1; letter-spacing: -1px; }
.as-viewform .as-viewform-check label span { font-weight: 500; font-size: 13px; color: #8b95a1; letter-spacing: -1px; }
.as-viewform .as-viewform-check label a { display: inline-block; margin-left: 5px; color: #00CC41; }
.deli-info-content { display: none; position: absolute; max-width: 100%; padding: 2em; border-radius: 5px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; overflow: scroll; z-index: 300; }
.deli-info-bg { position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: auto; background: rgba(0,0,0,0.5); display: none; overflow-y: hidden; }
.deli-info--contents { will-change: transform, opacity; position: relative; display: block; width: 300px; max-width: calc(100% - 20px); min-height: 350px; overflow: hidden; z-index: 1; background: #fff; border-radius: 7px; box-sizing: border-box; margin: 10px auto 0 auto; padding: 20px; }
.deli-info--close { cursor: pointer; line-height: 12px; position: relative; z-index: 2; appearance: none; -webkit-appearance: none; border: none; overflow: visible; padding: 0; display: inline-block; box-sizing: content-box; text-align: center; vertical-align: middle; }
.deli-info--close:first-child { float: right; margin: 0; font-size: 20px; }
.deli-info--title { width: auto; font-size: 15px; font-weight: 700; letter-spacing: -1px; text-align: center; padding: 0 30px 24px 28px; margin-left: -20px; margin-right: -20px; color: #000; position: relative; margin: 0; border: 0; }
.deli-info--body { padding: 20px 8px 0 8px; border-top: 1px solid #d2d2d2; }
.deli-info---process { list-style-type: none; vertical-align: baseline; }
.deli-info---process li { font-size: 12px; }
.deli-info---process li .tit { float: left; width: 32%; font-weight: 700; text-align: left; padding-bottom: 10px; }
.deli-info---process li .cnt { float: left; width: 68%; text-align: left; padding-bottom: 10px; }
.as-viewlist { width: 100%; text-align: center; margin: 0 auto 60px auto; }
.as-viewlist .as-viewlist-tit { margin-bottom: 35px; border-bottom: 1px solid #eee; }
.as-viewlist .as-viewlist-tit h3 { font-weight: 400; font-size: 15px; letter-spacing: -1px; color: #191f28; margin: 0 0 10px 0; text-align: left; }
.as-viewlist .as-viewlist-set { display: block; }
.as-viewlist .as-viewlist-set .as-viewlist-subtit { font-weight: 500; font-size: 14px; color: #191f28; letter-spacing: -1px; margin-bottom: 20px; text-align: left; }
.as-viewlist .as-viewlist-set .as-viewlist-subtit .subtit-btn { font-weight: 400; font-size: 11px; color: #fff; letter-spacing: -1px; float: right; background-color: #191f28; border-radius: 300px; padding: 5px 10px; text-decoration: none; }
.as-viewlist .as-viewlist-set .as-viewlist-subtit .subtit-btn:after { display:block; content:''; clear: both; }
.as-viewlist .as-viewlist-set table { width: 100%; border: none; border-top: 1px solid #eee; margin-bottom: 50px; border-spacing: 0; border-collapse: collapse; }
.as-viewlist .as-viewlist-set table tr { border-bottom: 1px solid #eee; }
.as-viewlist .as-viewlist-set table th { padding: 10px 0 10px 5px; text-align: left; font-weight: 500; font-size: 13px; letter-spacing: -1px; color: #444; vertical-align: middle; width: 25%; background-color: #f5f5f5; }
.as-viewlist .as-viewlist-set table td { padding: 10px 0 10px 15px; text-align: left; font-weight: 400; font-size: 13px; letter-spacing: -1px; color: #888; vertical-align: middle; }
.as-viewlist .as-viewlist-set .as-status-1 { font-weight: 500; color: #191f28; }
.as-viewlist .as-viewlist-set .as-status-2 { font-weight: 500; color: #8b95a1; }
.as-viewlist .as-viewlist-set .more-btn { display: inline-block; margin: 0 auto; text-align: center; cursor: pointer; font-weight: 400; font-size: 12px; color: #fff; letter-spacing: -1px; text-decoration: none; outline: 0; border: 0; border-radius: 300px; padding: 7px 25px; background-color: #191f28; }
.as-viewlist .as-viewlist-false { width: 80%; margin: 30px auto; text-align: center; }
.as-viewlist .as-viewlist-false .as-viewlist-false-article-tit { display: block; margin-bottom: 20px; }
.as-viewlist .as-viewlist-false .as-viewlist-false-article-tit i {display: inline; font-size: 20px; color: #00CC41; margin-bottom: 10px; }
.as-viewlist .as-viewlist-false .as-viewlist-false-article-tit h1 { display: inline-block; font-weight: 500; font-size: 20px; color: #00CC41; letter-spacing: -2px; margin: 0 0 0 5px; }
.as-viewlist .as-viewlist-false .as-viewlist-false-article-desc p { font-size: 13px; font-weight: 400; letter-spacing: -1px; color: #8b95a1; margin: 0 0 10px 0; text-align: left; }
.as-viewtit { width: 100%; margin: 0 auto; text-align: left; }
.as-viewtit h4 { font-weight: 400; font-size: 15px; color: #8b95a1; letter-spacing: -1px; margin: 30px auto 0 auto; }
.as-viewtit h2 { font-weight: bold; font-size: 30px; color: #00CC41; letter-spacing: -1px; margin: 0 auto 10px auto; }
.as-viewtit h2 > span { margin-left: 5px; color: #191f28; }
.as-viewtit .as-tit-status { width: 100%; margin: 0 auto; background: #f8f8f8; text-align: left; padding: 10px; box-sizing: border-box; }
.as-viewtit .as-tit-status ul { padding: 0; margin: 0; list-style: none; }
.as-viewtit .as-tit-status ul li { display: inline-block; margin-right: 10px; }
.as-viewtit .as-tit-status p { font-weight: 500; font-size: 14px; letter-spacing: -1px; color: #8b95a1; }
.as-viewtit .as-view-detail-container { width: 100%; margin: 60px auto; }
.as-view-detail--member { width: 100%; margin: 0 auto 50px auto; padding-bottom: 30px; text-align: left; border-bottom: 1px solid #eee; }
.as-view-detail--article { text-align: left; margin-bottom: 60px; padding-bottom: 60px; border-bottom: 1px solid #eee; }
.as-view-detail--sm { margin-bottom: 30px; }
.as-view-detail-md { margin-bottom: 30px; }
.as-view-detail--lg { margin-bottom: 30px; }
.as-view-detail h3 { font-weight: 500; font-size: 15px; letter-spacing: -1px; margin: 0 0 15px; color: #191f28; }
.as-view-detail p { font-weight: 400; font-size: 14px; letter-spacing: -1px; color: #8b95a1; margin: 0 0 10px 0; }
.as-view-detail ul { padding: 0; margin: 0; list-style: none; }
.as-view-detail ul li { font-weight: 400; font-size: 13px; letter-spacing: -1px; color: #8b95a1; margin: 0 0 10px 0; padding-bottom: 10px; border-bottom: 1px solid #eee; }
.as-view-detail ul li i { margin-right: 10px; }
.as-view-detail ul li span { font-weight: 400; font-size: 13px; letter-spacing: -1px; color: #8b95a1; float: right; }
.as-view-detail ul li span:after { display: block; content: ''; clear: both; }
.as-view-detail .as-view-detail--article { text-align: left; margin-bottom: 60px; padding-bottom: 60px; border-bottom: 1px solid #eee; }
.as-view-detail p { font-weight: 400; font-size: 13px; letter-spacing: -1px; color: #8b95a1; margin: 0 0 10px 0; }
.as-view-detail .as-claim { background: #f8f8f8; padding: 10px 15px; box-sizing: border-box; border-radius: 5px;  }

.enable-status { display: block !important; }
.disabled-status { display: none !important; }
.as-view-detail-result { display: none; width: 100%; margin: 0; text-align: left; }
.as-view-detail-result p { font-weight: 400; font-size: 13px; color: #888; letter-spacing: -1px; margin: 0 0 30px 0; }
.as-view-detail-result ul { margin: 0 0 40px 0; padding: 0; list-style: none; }
.as-view-detail-result ul li { display: inline-block; margin-right: 20px; }
.as-view-detail-result ul li:last-child { margin-right: 0; }
.as-view-detail-result ul li h1 { font-weight: 500; font-size: 15px; letter-spacing: -1px; margin: 0 0 15px 0; }
.as-view-detail-result ul li p { font-weight: 400; font-size: 13px; color: #191f28; letter-spacing: -1px; margin: 0 0 5px 0; }
.as-view-detail-result .blackBtn { font-weight: 400; font-size: 13px; color: #fff; letter-spacing: -1px; text-decoration: none; background-color: #00CC41; padding: 9px 25px; border-radius: 300px; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; transition: 0.3s ease; }
.as-view-detail-result .blackBtn:hover { background-color: #008F2D; }
.as-view-detail-result .disabledBtn { font-weight: 400; font-size: 13px; color: #8e8e8e; letter-spacing: -1px; text-decoration: none; background-color: #ccc; padding: 9px 25px; border-radius: 300px; }

/* //wilson as service */ 




/* test float */
.ft_btn_area { }
.ft_btn_area button { border: 0; }
.ft_btn_area .ft_btn_float { display: inline-block; position: fixed; bottom: 1%; right: 3%; z-index: 1; }

.fab__button { width: 6rem; height: 6rem; border-radius: 50%;  will-change: transform;  padding: 0; }
.fab__button--primary { width: 3.5rem; height: 3.5rem;  background-color: #00CC41; position: relative; transition: background-position 0.4s, transform 0.16s; outline: none !important;}
.fab__button--primary:active { transform: scale(0.80); }
.fab__button--primary:before { content: ""; display: block; width: 100%; height: 100%; border-radius: 50%; box-shadow: 0 0 2rem 1rem rgba(0, 0, 0, 0.2); opacity: 0; transition: opacity 0.4s; will-change: opacity; }
.fab__button--primary:hover:before { opacity: 1; }
.fab__button--primary__icon { display: inline-block; position: absolute; top: 50%; left: 50%; transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1); will-change: transform; transform: translate(-50%, -50%); font-size: 1.3rem; color: #fff; }

.ft_btn_ly { display: none; position: fixed; z-index: 10; bottom: 10%; right: 3%; width: 60%; background: #fff; border-radius: 5px; box-shadow: 0 0 2rem 1rem rgba(0, 0, 0, 0.2); box-sizing: border-box; overflow-x: hidden; }
.ft_btn_ly li { border-bottom: 1px solid #eee; box-sizing: border-box; }
.ft_btn_ly li:last-child { border-bottom: 0; background: rgb(248, 248, 248); text-align: center; }
.ft_btn_ly li a { width: 100%; box-sizing:border-box; padding: 13px; letter-spacing: -1px; font-size: 14px; color: #191f28; display: inline-block; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width:100%; }
.ft_btn_ly li a.ft_btn_newest { color: #191f28; }
.ft_btn_ly li a.ft_btn_newest:before { display: inline-block; content: ""; margin: 0 0 0 2px; width: 4px; height: 4px; background: #00CC41; border-radius: 100%; vertical-align: super;  }
.ft_btn_ly li a.ft_btn_checked { color: #8b95a1; }
.ft_btn_ly li a span { display: block; font-size: 12px; margin-top: 5px; }
.ft_btn_ly.ft_btn_enable { display: block !important; }

.ft_btn_noti_label { display: inline-block; position: absolute; z-index: 11; top: -5%; right: -5%; background: #fff; width: 15px; height: 15px; text-align: center; line-height: 15px; border-radius: 100%; font-size: 10px; font-weight: 500; border: 1px solid #eeeeee; color: #00CC41;}
/* //test float */



/* degree loader */
.degreeWrap { width: 100%; max-width: 1200px; margin: 0 auto; }

.responsive-iframe-wrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.responsive-iframe-wrapper.portrait {
    padding-bottom: 177%;
}
.responsive-iframe-wrapper iframe, .responsive-iframe-wrapper .iframe-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.iframe-placeholder {
    cursor: pointer;
    background-color: #fff;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #888;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.iframe-placeholder:hover {
    color: #333;
    background-color: #f0f0f0;
}

@media (max-width: 768px) {
    .iframe-placeholder:hover {
        color: #333;
        background-color: #fff;
    }
}
.iframe-placeholder .iframe-placeholder-desc i {
    font-size: 25px;
}
.iframe-placeholder .iframe-placeholder-desc h1 {
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 700;
    font-size: 25px;
    letter-spacing: -1px;
    margin: 20px auto;
}
.iframe-placeholder .iframe-placeholder-desc p {
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 400;
    font-size: 15px;
    margin: 0 auto;
}

.iframe-placeholder .youtube-play-btn {
    fill: #666;
}
.iframe-placeholder:hover .youtube-play-btn {
    fill: #e62117;
}
iframe {
    border: 0;
}
iframe.loading {
    background: #111 url('https://cdn.rawgit.com/SamHerbert/SVG-Loaders/75b65ef5/svg-loaders/puff.svg') left bottom no-repeat; 
    background-size: 40px 40px;
}

/* //degree loader */

/* 220616 tmc */
.flex_left { display: flex; align-items: center; }
.bkbg { background: #000 !important; border-color: #000 !important;}
.grbg { background: #00CC41 !important; border-color: #00CC41 !important; }
.text-tennismetro { color: #00CC41; }
.capsuleSecondary { background: transparent; border: 2px solid #fff; padding: 10px 20px; border-radius: 100px; color: #fff; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; transition: 0.2s ease; }
.capsuleSecondary:hover { background: #fff; color: #00CC41; font-weight: bold; padding: 10px 50px; border-radius: 5px; }
.tmc-section { position: relative; margin: 0 auto 350px auto;}
.tmc-section .section-flex { width: 100%; max-width: 1200px; margin: 0 auto; display:-webkit-flex; display:-moz-flex; display: flex;  -webkit-justify-content: space-between; justify-content: space-between; align-items: center; padding: 100px 0;}
.tmc-section .wrap-flex { width: 100%; max-width: 1200px; margin: 0 auto; display:-webkit-flex; display:-moz-flex; display: flex;  -webkit-justify-content: space-between; justify-content: space-between; align-items: flex-start; }
.tmc-section .section-flex-wrapper { flex: 1; }
.tmc-section .flex-text-area h2 { font-size: 68px; font-weight: bold; letter-spacing: -3px; color: #fff; line-height: 1.2; }
.tmc-section .flex-btn-area { margin: 50px 0; max-width:600px;}
.tmc-section .flex-btn-area a { font-size: 20px; font-weight: 400; letter-spacing: -1px; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; transition: 0.2s ease; text-decoration: none;}
.tmc-section .flex-btn-area a > i { margin-right: 10px; }
.tmc-section .flex-art-area { width: 100%; border-radius: 10px; overflow: hidden; position: relative;}
.tmc-section .visual-area { height: 540px; overflow: hidden; position: relative; width: 100%; margin-bottom: 73px; }
.tmc-section .visual-area video { width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; -o-object-fit: cover; object-fit: cover; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.tmc-section .text-area { box-sizing: border-box; -webkit-box-sizing: border-box; margin: 73px 0; position: relative; text-align: center; }
.tmc-section .text-area .main-title { color: #191f28; font-size: 48px; font-weight: bold; letter-spacing: -1px; line-height: 60px; margin: 0 auto; max-width: 1200px; text-align: center; }
.tmc-section .text-area .side-title { color: #191f28; font-size: 72px; font-weight: bold; letter-spacing: -1px; line-height: 1.3; margin: 0 auto ; max-width: 1200px; text-align: left; }
.tmc-section .text-area .side-desc { color: #8b95a1; font-size: 22px; font-weight: 400; letter-spacing: -1px; text-align: left; max-width: 1200px; margin: 20px auto 0 auto; }
.tmc-section .text-area .desc { color: #8b95a1; font-size: 22px; line-height: 26px; margin: 8px auto; max-width: 800px; text-align: center;}
.tmc-section .btn-area { width: 100%; max-width: 1200px; margin: 0 auto 73px auto; position: relative; text-align: center; list-style: none; padding: 0;}
.tmc-section .btn-area li { margin-bottom: 20px; }
.tmc-section .btn-area a { font-size: 20px; font-weight: 400; letter-spacing: -1px; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; transition: 0.2s ease; text-decoration: none;}
.tmc-section .btn-area a.tennisMetroCapsule { color: #fff; background: #00CC41; border-radius: 100px; padding: 10px 20px; }
.tmc-section .btn-area a.tennisMetroCapsule:hover { color: #FFF; font-weight: bold; padding: 10px 50px; border-radius: 5px;  }
.tmc-section .btn-area a.tennisMetroTransparent { color: #00CC41; padding: 3px 7px; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; transition: 0.2s ease; border-radius: 5px;}
.tmc-section .btn-area a.tennisMetroTransparent:hover { background: #eee; }
.tmc-section .table-area { width: 100%; max-width:1500px; margin: 100px auto; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; overflow: hidden; }
.tmc-section .table-area-row,
.tmc-section .gift-area { width: 100%; cursor: grab;}
.tmc-section .table-area-row:active,
.tmc-section .gift-area:active { cursor: grabbing; }
.tmc-section .table-area-row-mo { width: 90%; margin: 0 auto;}
.tmc-section .table-area-row-wrapper-desc { width: 70%; margin-bottom: 15px; }
.tmc-section .table-area-row-wrapper-desc h3 { font-size: 40px; font-weight: bold; letter-spacing: -1px; color: #00CC41; margin: 0 0 15px 0;}
.tmc-section .table-area-row-wrapper-desc p { font-size: 22px; font-weight: 400; letter-spacing: -1px; color: #191f28; margin: 0; }
.tmc-section .table-area-row-wrapper-image { width: 100%; }
.tmc-section .table-area-row-wrapper-image img { width: 100%; }
.tmc-section .table-area .table-cover-title { margin-bottom: 20px; border-radius: 10px; overflow: hidden; }
.tmc-section .table-area .table-cover-title img { width: 100%; }
.tmc-section .art-area { display:-webkit-flex; display:-moz-flex; display: flex; width: 100%; max-width: 1200px; margin: 20px auto 0 auto; border: 1px solid #eee; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 10px; padding: 40px; background: #F8F9FB; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; -moz-align-items: center; align-items: center; }
.tmc-section .art-area .art-area-wrapper { -webkit-flex: 1; -moz-flex: 1; flex: 1; margin-right: 60px; }
.tmc-section .art-area .art-area-wrapper:last-child { margin-right: 0; }
.tmc-section .art-area .art-area-wrapper img { width: 100%; border-radius: 10px; max-width: 750px;}
.tmc-section .art-area .art-area-wrapper h3 { font-size: 16px; font-weight: 400; color: #8b95a1; letter-spacing: -1px; margin: 0; line-height: 1; }
.tmc-section .art-area .art-area-wrapper h2 { font-size: 54px; font-weight: bold; color: #191f28; letter-spacing: -3px; margin: 0 0 20px 0; }
.tmc-section .art-area .art-area-wrapper span.court_address { font-size: 16px; font-weight: 400; color: #8b95a1; letter-spacing: -1px;  }
.tmc-section .swiper-wrapper { height: unset !important; }
.tmc-section .swiper-slide img { border-radius: 10px; width: 100%; }
.tmc-section .list-area { width: 100%; max-width: 1200px; margin: 0 auto;}
.tmc-section .list-area ul { padding: 0; list-style: none; }
.tmc-section .list-area ul li { width: 100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee; font-size: 22px; font-weight: 400; letter-spacing: -1px; color: #8b95a1; }
.tmc-section .list-area ul li:last-child { border-bottom: 0; }
.tmc-section .list-area ul li span { display: inline-block; min-width: 25%; margin-right: 10px; font-weight: bold; color: #191f28;}
.tmc-section .list-area ul li span > i { margin-right: 12px; font-size: 18px; }
.tmc-section .list-area-desc { display: block; width: 100%; margin: 25px auto; text-align: center; color: #00CC41; letter-spacing: -1px; font-size: 32px; }
.tmc-section .scedule-frame { min-height: 360px; max-height: 360px; border: 1px solid #eee; border-radius: 5px; margin-right: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px; overflow: hidden; }
.tmc-section .scedule-frame:last-child { margin-right: 0; }
.tmc-section .scedule-frame.grbg .scedule-frame-sub { color: #C2FFD5; font-size: 16px; font-weight: 500; letter-spacing: -1px;  margin: 0 0 10px 0;}
.tmc-section .scedule-frame.grbg .scedule-frame-strong { color: #fff; font-size: 72px; font-weight: bold; letter-spacing: -2px; margin: 0 0 30px 0; line-height: 1;}
.tmc-section .scedule-frame.grbg .scedule-frame-desc { color: #C2FFD5; font-size: 20px; font-weight: 400; letter-spacing: -1px; padding: 0; list-style: none;}
.tmc-section .scedule-frame.grbg .scedule-frame-desc li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid rgba(0,0,0,0.1); }
.tmc-section .scedule-frame.bkbg .scedule-frame-sub { color: #666; font-size: 16px; font-weight: 500; letter-spacing: -1px;  margin: 0 0 10px 0;}
.tmc-section .scedule-frame.bkbg .scedule-frame-strong { color: #fff; font-size: 72px; font-weight: bold; letter-spacing: -2px; margin: 0 0 30px 0; line-height: 1;}
.tmc-section .scedule-frame.bkbg .scedule-frame-desc { color: #666; font-size: 20px; font-weight: 400; letter-spacing: -1px; padding: 0; list-style: none;}
.tmc-section .scedule-frame.bkbg .scedule-frame-desc li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #222; }
.tmc-section .scedule-frame .scedule-frame-sub { color: #8b95a1; font-size: 16px; font-weight: 500; letter-spacing: -1px;  margin: 0 0 10px 0;}
.tmc-section .scedule-frame .scedule-frame-strong { color: #000; font-size: 72px; font-weight: bold; letter-spacing: -2px; margin: 0 0 30px 0; line-height: 1;}
.tmc-section .scedule-frame .scedule-frame-desc { color: #8b95a1; font-size: 20px; font-weight: 400; letter-spacing: -1px; padding: 0; list-style: none;}
.tmc-section .scedule-frame .scedule-frame-desc li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee; }
.tmc-slide-text { width: 100%; overflow: hidden; background-color: #000; display: flex; flex-direction: row; white-space: nowrap; /* important */ margin: 0 0 150px 0; padding: 20px 0; }
.tmc-slide-text h3 { display: inline-block; color: #fff; font-size: 30px; font-weight: 400; margin: 0 30px; letter-spacing: -1px; }

.tmc-section .toggle-area { width: 100%; max-width: 1200px; margin: 0 auto; list-style: none; padding: 0;}
.tmc-section .toggle-area > li { margin-bottom: 20px;  border-bottom: 1px solid #eee;}
.tmc-section .toggle-area > li > span { display: block; margin-bottom: 20px; font-size: 22px; font-weight: 400; letter-spacing: -1px; color: #191f28; cursor: pointer; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; transition: 0.2s ease;  }
.tmc-section .toggle-area > li > span:hover { color: rgba(0,0,0,0.5); }
.tmc-section .toggle-area .reply {display:none;}
.tmc-section .toggle-area .reply ul { padding: 0; list-style: none;}
.tmc-section .toggle-area .reply ul li { margin-bottom: 5px; font-size: 18px; font-weight: 400; color: #8b95a1; letter-spacing: -1px;}
.tmc-section .toggle-area .reply ul li:last-child { margin-bottom: 20px; }
@media (max-width: 768px) {
    .tmc-section .visual-area { margin-bottom: 36px; }
    .tmc-section .text-area { margin: 36px 0 72px 0; }
    .tmc-section .text-area .main-title { font-size: 32px; }
    .tmc-section .text-area .side-title { font-size: 32px; width: 85%;}
    .tmc-section .text-area .desc { width: 85%; font-size: 18px; }
    .tmc-section .text-area .side-desc { width: 85%; font-size: 18px; }
    .tmc-section .btn-area { margin: 36px auto; }
    .tmc-section .btn-area a { font-size: 16px; }
    .tmc-section{ margin: 0 auto 150px auto; }
    .tmc-section .slide-text h3 { font-size: 22px; }
    .tmc-section .section-flex { display: block; width: 85%; margin: 0 auto; }
    .tmc-section .section-flex-wrapper { flex: unset; margin-bottom: 30px; }
    .tmc-section .flex-text-area h2 { font-size: 42px;  }
    .tmc-section .flex-btn-area a { font-size: 16px; }
    .tmc-section .wrap-flex { display: block; width: 85%; margin: 0 auto;}
    .tmc-section .scedule-frame { margin-right: 0; min-height: 330px; max-height: 330px; }
    .tmc-section .scedule-frame.grbg .scedule-frame-strong,
    .tmc-section .scedule-frame.bkbg .scedule-frame-strong,
    .tmc-section .scedule-frame .scedule-frame-strong { font-size: 40px; }
    .tmc-section .list-area { width: 85%; }
    .tmc-section .list-area ul li { font-size: 16px;  }
    .tmc-section .list-area ul li span { display: block; margin-bottom: 10px; font-size: 22px; }
    .tmc-section .list-area-desc { font-size: 16px;  }
    .tmc-section .art-area { display: block; width: 85%; margin: 0 auto; }
    .tmc-section .art-area .art-area-wrapper { margin-right: 0; margin-bottom: 20px; }
    .tmc-section .art-area .art-area-wrapper img { border-radius: 5px; }
    .tmc-section .art-area .art-area-wrapper h2 { font-size: 36px; }
    .tmc-section .gift-area-mo { width: 85%; margin: 0 auto; overflow: hidden; }
    .tmc-section .table-area .table-cover-title { width: 85%; margin: 0 auto; }
    .tmc-section .toggle-area { width: 85%; margin: 0 auto; }
    .tmc-section .toggle-area > li > span { font-size: 18px; }
    .tmc-section .toggle-area .reply ul li { font-size: 16px;  }
}
/* //220616 tmc */


/* animation */ 
:root { --animation-time:40s; }
.circle-container { width:700px; min-height:800px; margin: 0 auto; position:relative; display:grid; place-items:center; pointer-events:none;      animation:rotate var(--animation-time) linear infinite; /*animation-play-state:paused;*/ }
      
   @keyframes rotate {
     from {
       transform:rotate(0);
     }
     to {
       transform:rotate(360deg);
     }
   }
   
   .circle { position:absolute; inset:0; display:grid; place-items:center; pointer-events:none; transition:550ms ease; }
   .inner-circle { position:absolute; width:150px; border-radius:100%; aspect-ratio:1; left:0; display:grid; place-items:center; pointer-events:auto; transition:background 350ms ease, color 350ms ease-in-out; animation:rotate-opposite var(--animation-time) linear infinite; }
   .inner-circle:hover > img { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); transform: scale(1.15); }
   .inner-circle > img { width: 100%; max-width: 150px; -webkit-transition: 0.75s ease; -moz-transition: 0.75s ease; transition: 0.75s ease; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); }  
   img.circle-center { width: 100%; max-width: 220px; animation:rotate-opposite var(--animation-time) linear infinite; outline-offset:8px; z-index:1; --start-angle-of-rotation:0deg; --end-angle-of-rotation:-360deg; }
   
   @keyframes rotate-opposite {
     from {
       transform:rotate(var(--start-angle-of-rotation));
     }
     to {
       transform:rotate(var(--end-angle-of-rotation));
     }
   }

   @media screen and (max-width: 600px) {
      .circle-container { width: 90%; min-height: 350px; }
      .inner-circle { width: 75px; }
      .inner-circle > img { max-width: 75px; }  
      img.circle-center { max-width: 125px; }
   }

   
/* The Modal (background) */
.bottomSheet { display: none; position: fixed; z-index: 300; left: 0; top: 0; width: 100%; height: 100%;  overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); -webkit-animation-name: fadeIn; -webkit-animation-duration: 0.4s; animation-name: fadeIn; animation-duration: 0.4s }
.bottomSheetContent { position: fixed; z-index: 999; left: 50%; bottom: 0; background-color: #FFFFFF; width: 70%; overflow-y: scroll; border-top-left-radius: 10px; border-top-right-radius: 10px; max-height: 90%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-animation-name: slideIn; -webkit-animation-duration: 0.4s; animation-name: slideIn; animation-duration: 0.4s }

.sheetControl { display: inline-block; width: 50px; height: 5px; background: #8b95a1; border-radius: 100px; position: absolute; top: 50%; left: 50%; cursor: pointer; -webkit-transform: translateX(-50%); transform: translateX(-50%); } 
.bottomSheetContent-header { position: relative; min-height:30px; }
.bottomSheetContent-body { padding: 30px 40px; overflow-y: scroll;}

@-webkit-keyframes slideIn {
  from {bottom: -300px; opacity: 0} 
  to {bottom: 0; opacity: 1}
}

@keyframes slideIn {
  from {bottom: -300px; opacity: 0}
  to {bottom: 0; opacity: 1}
}

@-webkit-keyframes fadeIn {
  from {opacity: 0} 
  to {opacity: 1}
}

@keyframes fadeIn {
  from {opacity: 0} 
  to {opacity: 1}
}

@media screen and (max-width: 600px) {
  .bottomSheetContent { width: 95%; }
}

.detail_sub_desc img {
	width: 100%;
}

/* 런칭캘린더 텍스트 제대로 안나오는 현상 해결 */
#boardContent p {
    color: inherit;
}
/* 250120 모자 사이즈 가이드 */
.hat-guide {width: 100%; max-width: 480px; margin: 0 auto; display: flex; font-size: 14px;}
.hat-guide__title {width: 70px; text-align: center; margin-bottom: 16px;}
.hat-guide__sizes {display: flex; flex-direction: column; padding-bottom: 8px; list-style: none; padding: 0; margin: 0; gap: 8px;}
.hat-guide__size {font-weight: 500; border-bottom: 1px solid #eee; padding-bottom: 8px;}
.hat-guide__table {flex: 1; display: flex; flex-direction: column; gap: 8px;}
.hat-guide__row {display: flex; justify-content: space-between; gap: 16px; border-bottom: 1px solid #eee; padding-bottom: 8px;}
.hat-guide__row--header {font-weight: bold; border-bottom: 1px solid #ccc; padding-bottom: 8px;}
.hat-guide__cell {flex: 1; text-align: center; }
.hat-guide__row:not(.hat-guide__row--header) .hat-guide__cell {color: #777;}

/* 250214 검색 모달 슬라이더 오류 수정 */
.ly_pop.ly_srch {display: block; visibility: hidden;}
.ly_pop.ly_srch.ly_show {visibility: visible;}

/* index_test 기획전 컬렉션 배너 (모바일) */
.rounded-12 { border-radius: 12px; overflow: hidden; }
.ybg { background: #bbf702 !important; }

.event-slide .ev-banner-wrap { display: block; width: 100%; border-radius: 12px; overflow: hidden; margin-bottom: 16px; }
.event-slide .ev-banner-wrap a { display: block; width: 100%; }
.event-slide .ev-banner-wrap img { display: block; width: 100% !important; height: auto; }
.event-slide .goods_list { padding-bottom: 0; }
.event-slide .goods_list_cont ul { width: 100%; }
.event-slide .slick-slider .slick-list { width: 85%; margin: 0 auto; overflow: hidden !important; padding: 0 !important; }
.event-slide .item_info_cont { display: block; margin-bottom: 0; padding-top: 8px; }
.event-slide .item_tit_box .item_brand { color: #21262D; font-size: 11px; font-weight: 500; letter-spacing: -1px; }
.event-slide .item_tit_box .item_name { font-size: 14px; font-weight: bold; color: #191f28; letter-spacing: -1px; }
.event-slide .item_tit_box .num_model { display: none; }
.event-slide .item_money_box .item_price { display: inline-block; font-size: 14px; font-weight: 500; color: #fff; letter-spacing: -1px; padding: 5px 6px 4px 0; }
.event-slide .item_money_box .item_price span { font-size: 13px; color: #fff; letter-spacing: -1px; font-weight: 400; }
.event-slide .item_money_box del { display: block; color: #8b95a1; font-size: 12px; }
.event-slide .item_number_box { font-size: 13px; font-weight: 500; color: #bcf802 !important; }
.event-slide .item_number_box.cds-contents-tm { color: var(--tmgr700) !important; }
.event-slide .item_photo_box a img { transform: scale(1); transition: 0.4s ease; }
.event-slide .item_cont { padding: 0px 6px; text-align: left; color: #1c1c1c; }
/* event-slide 모바일 goods_prd_item4 슬라이더 화살표 흰색 */
.event-slide .goods_prd_item4_li .prev {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") no-repeat;
    left: 4px;
}
.event-slide .goods_prd_item4_li .next {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") no-repeat;
    right: 4px;
}

/* 멤버스데이 특가 띠배너 */
.main-cta-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 16px 0;
    background-color: #bdfe4f;
    color: #000000;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -1px;
    text-decoration: none;
    border-radius: 12px;
}
.main-cta-banner__icon { font-size: 13px; }