@import url(../../../css/front/kr/front01.css); /*이정환님*/
@import url(../../../css/front/kr/front02.css); /*양지은님*/

/*MAIN Layer_POPUP*/
.main_layer_popup { display: none; position: fixed; left:0px; top:0px; z-index:10000; width:100%; height: 100%; background-color: rgba(0,0,0,0.6); }
.main_layer_popup .close_bg {position: absolute; left:0px; top:0px; width: 100%; height: 100%; content: ""; z-index: 0;}
.main_layer_popup.layer_active { display:block;}
.main_layer_popup .layer_con { position: relative; left: 50%; top: 50%; width:600px; height:670px; transform: translate(-50%, -50%);  background-color:#FFF; border-radius: 20px; z-index: 1; }

.main_layer_slider {position: relative; width: 600px; height:620px; border-radius: 20px 20px 0px 0px;}
.main_layer_slider .swiper-slide { width: 100%; height: 100%; background-color:#F4F4F4; background-image:url("../../../image/common/logo.svg"); background-position:center center; background-repeat:no-repeat; background-size: 250px;}
.main_layer_slider .swiper-slide>a { display: block; width: 100%; height: 100%;}

.main_layer_popup .layer_con .close_btn { width:100%; overflow: hidden; border-radius: 0px 0px 20px 20px; }
.main_layer_popup .layer_con .close_btn a { float: left; width:40%; height:50px; text-align:center; color:#222; background-color: #F4F4F4; font-size:15px; line-height:50px; }
.main_layer_popup .layer_con .close_btn a:first-child { width:60%;  border-right: 1px solid #DDD; }
.main_layer_popup .layer_con .close_btn a:hover { color:#FFF; background-color:#8f1314; border-color:#8f1314 ; }

.main_layer_popup .swiper-pagination { bottom: auto; left: auto; top: 10px; right: 10px; width: auto; min-width: 50px; color: #9e9e9e; font-size: 16px; font-family: 'Montserrat',sans-serif; letter-spacing: -1px; text-align: center; background-color: #333; padding:5px 10px; border-radius: 10px;}
.main_layer_popup .swiper-pagination .swiper-pagination-current {color: #FFF;}

.main_layer_popup .swiper-button-next ,.main_layer_popup .swiper-button-prev { display: inline-block; width:40px; height: 40px; background-image:url("../../../image/common/controls_main03.png"); background-repeat:no-repeat; background-size:80px 80px; }
.main_layer_popup .swiper-button-prev { left: -50px; background-position: 0px 0px;}
.main_layer_popup .swiper-button-next { right: -50px; background-position: -40px 0px; }
.main_layer_popup .swiper-button-prev:hover { background-position: 0px -40px;}
.main_layer_popup .swiper-button-next:hover { background-position: -40px -40px; }

/* FRONT MAIN POPUP (일반팝업) */
.main_normal_popup .close_btn { padding: 10px;}
.main_normal_popup div>a { position: relative; display: block;}

/*VIDEO Layer_POPUP*/
.youtube_layer_popup.active {opacity: 1; visibility:visible; }
.youtube_layer_popup.active .close_btn {opacity: 1; transform:rotate(0deg);}
.youtube_layer_popup .close_btn { position: absolute; top: -50px; right: -10px; width: 50px; height: 50px; background-image: url(../../../../resources/image/common/icon_pop_close.png); background-repeat: no-repeat; opacity: 0; transform:rotate(45deg); transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out;}
.youtube_layer_popup { opacity: 0; position: fixed; left: 0px; top: 0px; width:100%; height:100%; background-color:rgba(0,0,0,0.9); z-index: 100; visibility: hidden; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out;}
.youtube_layer_popup .video_con { position:relative; width:1200px; height:675px; top:50%; left: 50%; transform: translate(-50%, -50%); z-index: 1;}
.youtube_layer_popup .video_con .youtube_video { width:1200px; height:675px; z-index:5;}
.youtube_layer_popup .close_bg {position: absolute; left:0px; top:0px; width: 100%; height: 100%; content: ""; z-index: 0;}

/*SHOPPING MAIN BANNER*/
.shopping_main_banner_wrap { width: 100%; min-width: 1280px; overflow: hidden; margin-bottom: 60px;}
.shopping_main_banner_wrap .shopping_main_banner_con { position: relative; max-width: 1680px; min-width: 1280px; padding: 0px 40px; margin: 0 auto;}
.shopping_main_banner_wrap .shopping_main_banner_con::before { position: absolute; left: -50%; top: 0px; width: 200%; height: 110px; background-color: #8f1314; content: ""; }
.shopping_main_banner_wrap .swiper-container { overflow: visible;}
.shopping_main_banner_wrap .swiper-slide { border-radius: 20px; overflow: hidden; cursor: pointer; }
.shopping_main_banner_wrap .swiper-slide img { width: 100%; }
.shopping_main_banner_wrap .swiper-slide>a { display: block;}
.shopping_main_banner_wrap .slider_control {  display: flex; justify-content: center; align-items: center; position: absolute; bottom: 0px; right: 0px; width: 237px; height: 90px; background: #8f1314; border-radius: 20px 0 20px 0; z-index: 1; cursor: auto;}
.shopping_main_banner_wrap .slider_control .counting_num { position: static; width: auto; padding: 0 10px; color: #fff; font-size: 20px; font-weight: 300; }
.shopping_main_banner_wrap .slider_control .counting_num span { font-size: 26px; font-weight: 500;}
.shopping_main_banner_wrap .swiper-button-next ,.shopping_main_banner_wrap .swiper-button-prev { display: inline-block; position: relative; width:30px; height: 30px; background-image:url("../../../image/common/controls_main.png"); background-repeat:no-repeat; background-size:60px 30px; margin-top: 0px; top: auto; left: auto; right: auto;}
.shopping_main_banner_wrap .swiper-button-prev {background-position: 0px 0px;}
.shopping_main_banner_wrap .swiper-button-next {background-position: -30px 0px; }
.shopping_main_banner_wrap .slider_control .stop_btn { display: inline-block; width: 30px; height: 30px; vertical-align: top; }
.shopping_main_banner_wrap .slider_control .stop_btn i { display:inline-block; width:30px; height:30px; background-image:url(../../../image/common/icon_stop.png); background-repeat: no-repeat; overflow:hidden; text-indent:-9999px; vertical-align:middle; }
.shopping_main_banner_wrap .slider_control .stop_btn.play { display: none;}
.shopping_main_banner_wrap .slider_control .stop_btn.pause i { background-position: 0px 0px;}
.shopping_main_banner_wrap .slider_control .stop_btn.play i { background-position: 0px -30px;}

/*EASY MENU*/
.easy_menu_wrap { max-width: 1680px; min-width: 1280px; padding: 0px 40px; margin: 0 auto 60px;}
.easy_menu { display: flex; justify-content: space-around; width: 100%; box-shadow: 2px 2px 20px 0 rgba(0,0,0,0.15); padding: 20px 10px; border-radius: 20px; }
.easy_menu a { position: relative; font-size: 16px; color: #333; padding-top: 65px; transition:all 0s  ease-in-out; -webkit-transition:all 0s ease -in-out;}
.easy_menu a:hover, .easy_menu a.active { color: #8f1314;}
.easy_menu a i { position: absolute; left: 50%; transform:translateX(-50%); top: 0px; display:inline-block; width:65px; height:65px; background-image:url(../../../image/common/icon_menu.png); background-repeat: no-repeat; background-size:780px 130px; overflow:hidden; text-indent:-9999px; vertical-align:middle;}
.easy_menu a span { position: absolute; top: -2px; left: 50%; transform: translateX(-50%); padding: 0px 5px; border-radius: 5px; background-color: #8f1314; margin-left: 20px; }
.easy_menu a span::before { font-size: 11px; color: #FFF; content: "NEW";}

.easy_menu a:nth-child(1) i { background-position: 0px 0px;}
.easy_menu a:nth-child(2) i { background-position: -65px 0px;}
.easy_menu a:nth-child(3) i { background-position: -130px 0px;}
.easy_menu a:nth-child(4) i { background-position: -195px 0px;}
.easy_menu a:nth-child(5) i { background-position: -715px 0px;}
.easy_menu a:nth-child(6) i { background-position: -650px 0px;}
.easy_menu a:nth-child(7) i { background-position: -260px 0px;}
.easy_menu a:nth-child(8) i { background-position: -390px 0px;}
.easy_menu a:nth-child(9) i { background-position: -520px 0px;}
.easy_menu a:nth-child(10) i { background-position: -455px 0px;}
.easy_menu a:nth-child(11) i { background-position: -585px 0px;}

.easy_menu a:hover:nth-child(1) i { background-position: 0px -65px;}
.easy_menu a:hover:nth-child(2) i { background-position: -65px -65px;}
.easy_menu a:hover:nth-child(3) i { background-position: -130px -65px;}
.easy_menu a:hover:nth-child(4) i { background-position: -195px -65px;}
.easy_menu a:hover:nth-child(5) i { background-position: -715px -65px;}
.easy_menu a:hover:nth-child(6) i { background-position: -650px -65px;}
.easy_menu a:hover:nth-child(7) i { background-position: -260px -65px;}
.easy_menu a:hover:nth-child(8) i { background-position: -390px -65px;}
.easy_menu a:hover:nth-child(9) i { background-position: -520px -65px;}
.easy_menu a:hover:nth-child(10) i { background-position: -455px -65px;}
.easy_menu a:hover:nth-child(11) i { background-position: -585px -65px;}

.easy_menu a.active:nth-child(1) i { background-position: 0px -65px;}
.easy_menu a.active:nth-child(2) i { background-position: -65px -65px;}
.easy_menu a.active:nth-child(3) i { background-position: -130px -65px;}
.easy_menu a.active:nth-child(4) i { background-position: -195px -65px;}
.easy_menu a.active:nth-child(6) i { background-position: -715px -65px;}
.easy_menu a.active:nth-child(6) i { background-position: -650px -65px;}
.easy_menu a.active:nth-child(7) i { background-position: -260px -65px;}
.easy_menu a.active:nth-child(8) i { background-position: -390px -65px;}
.easy_menu a.active:nth-child(9) i { background-position: -520px -65px;}
.easy_menu a.active:nth-child(10) i { background-position: -455px -65px;}
.easy_menu a.active:nth-child(11) i { background-position: -585px -65px;}

.easy_menu.quick a:nth-child(9) i { background-position: -455px 0px;}
.easy_menu.quick a:hover:nth-child(9) i { background-position: -455px -65px;}
.easy_menu.quick a.active:nth-child(9) i { background-position: -455px -65px;}

/*SHOPPING MAIN*/
.shopping_main_content { display: flex; flex-wrap: wrap; max-width: 1680px; min-width: 1280px; width: 100%; padding: 0 40px; margin: 0 auto;}

.shopping_main_content .shopping_main_left { position: relative; width: 349px; padding: 0 49px 0 0; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out;}
.shopping_main_content .shopping_main_left>div { position: absolute; top: 0px; width:300px; height: 970px; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out;}
.shopping_main_content .shopping_main_left.flow>div { position: fixed; top: auto; bottom: 0px;}
.shopping_main_content .shopping_main_left.bottom>div { position: absolute; top: auto; bottom: 0px;}

.shopping_main_left>div ul { width: 100%; min-height: 100px; border-radius: 20px; background: #fff; box-shadow: 2px 2px 20px 0 rgba(0,0,0,0.15); padding: 40px 30px 15px; margin-bottom: 60px; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out;}
.shopping_main_left>div ul h2, .shopping_main_left>div div h2 { font-size: 22px; color: #000; line-height: 30px; margin-bottom: 20px; letter-spacing: -1px;}
.shopping_main_left>div ul p { position: relative; font-size: 14px; color: #000; line-height: 22px; margin-bottom: 10px; font-weight: 300; letter-spacing: -0.5px; padding-left: 30px; }
.shopping_main_left>div ul p i {position: absolute; left: 0px; top: 0px; display:inline-block; width:20px; height:22px; background-image:url(../../../image/common/icon_shopping_main_text.png); background-repeat: no-repeat; background-size:90px 22px; overflow:hidden; text-indent:-9999px; vertical-align:middle;}
.shopping_main_left>div ul p:nth-of-type(1) i {background-position: 0px 0px;}
.shopping_main_left>div ul p:nth-of-type(2) i {background-position: -30px 0px;}
.shopping_main_left>div ul p:nth-of-type(3) i {background-position: -60px 0px;}
.shopping_main_left>div ul p:last-of-type { margin-bottom: 25px;}
.shopping_main_left>div ul li:first-child { padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #e5e5e5;}
.shopping_main_left>div ul li:first-child a { display: block; width: 100%; height: 60px; line-height: 60px; color: #ffffff; font-size: 18px;font-weight: 500; background: #8f1314; border-radius: 10px;text-align: center; }
.shopping_main_left>div ul li:first-child a::after { display: inline-block; vertical-align: 8px; width: 7px; height: 7px; background: #ffdca7; border-radius: 50%; margin-left: 8px; content: "";}
.shopping_main_left>div ul li:nth-child(2) { display: flex; flex-wrap: wrap; justify-content: center;}
.shopping_main_left>div ul li:nth-child(2) h2, .shopping_main_left>div div h2 { width: 100%; font-weight: 700;}
.shopping_main_left>div ul li:nth-child(2) a {position: relative; width: 33.3%; font-size: 15px; color: #545353; text-align: center; padding-top: 60px; font-weight: 300; transition:all 0s  ease-in-out; -webkit-transition:all 0s ease -in-out; margin-bottom: 35px;}
.shopping_main_left>div ul li:nth-child(2) i { position: absolute; left: 50%; transform:translateX(-50%); top: 0px; display:inline-block; width:45px; height:45px; background-image:url(../../../image/common/icon_shopping_main_btn.png); background-repeat: no-repeat; background-size:300px 50px; overflow:hidden; text-indent:-9999px; vertical-align:middle;}
.shopping_main_left>div ul li:nth-child(2) a:nth-of-type(1) i { background-position: 0px 0px;}
.shopping_main_left>div ul li:nth-child(2) a:nth-of-type(2) i { background-position: -50px 0px;}
.shopping_main_left>div ul li:nth-child(2) a:nth-of-type(3) i { background-position: -100px 0px;}
.shopping_main_left>div ul li:nth-child(2) a:nth-of-type(4) i { background-position: -150px 0px;}
.shopping_main_left>div ul li:nth-child(2) a:nth-of-type(5) i { background-position: -200px 0px;}
.shopping_main_left>div ul li:nth-child(2) a:nth-of-type(6) i { background-position: -250px 0px;}

.shopping_main_left_wrap { position: relative;}
.shopping_main_left_slider img { width: 100%;}
.shopping_main_left_slider a { display: block; width: 100%; }

.shopping_main_left_wrap .swiper-pagination { position: absolute; top: -45px; right: 5px; }
.shopping_main_left_wrap .swiper-pagination > span { margin: 0 5px; background: #efdcde; opacity: 1;}
.shopping_main_left_wrap .swiper-pagination .swiper-pagination-bullet-active {background: #8f1314;}

.shopping_main_content .shopping_main_right { width: calc(100% - 349px); padding: 0 0 0 50px; border-left: 1px solid #EEE; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out;}
.shopping_main_right>div, .shopping_main_right>ul { margin-bottom: 100px;}
.shopping_main_right>div>h2, .shopping_main_right>div>a, .shopping_main_right>ul>li>a, .shopping_main_right>ul>li>h2 { display: inline-block; font-size: 32px; line-height: 32px; color: #000; font-weight: 700; margin-bottom: 40px; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out;}
.shopping_main_right>div>a svg, .shopping_main_right>ul>li>a svg { vertical-align: top;}
.shopping_main_right>div>h2 span, .shopping_main_right>div>a span { display: inline-block; font-size: 16px; font-weight: 300; color: #585858; vertical-align: middle; margin-left: 20px;}
.shopping_main_right>ul { display: flex; justify-content: space-between;}
.shopping_main_right>ul>li { width: calc((100% - 40px)/ 2);}


/*BEST*/
.best_product { position: relative;}
.best_product .slider_nav { display: flex; position: absolute; top: -4px; right: 0; cursor: pointer;}
.best_product .slider_nav .swiper-pagination-bullet { display: block; width: auto; height: auto; padding: 11px 25px 9px; margin-left: 10px; color: #000; font-size: 16px; border: 1px solid #CCC;border-radius: 20px;background: none;opacity: 1;transition: all 0.2s ease;}
.best_product .slider_nav .swiper-pagination-bullet:first-child { margin-left: 0px;}
.best_product .slider_nav .swiper-pagination-bullet-active {color: #8f1314; border-color: #8f1314; background: none;}
.best_product .main_product_list li:nth-child(4) { margin-right: 0px;}

.main_product_list { display: flex;}
.main_product_list>li { position: relative; width: calc(25% - 30px); margin-right: 40px; cursor: pointer;}
.main_product_list>li .product_img { position: relative; overflow: hidden; border-radius: 20px; margin-bottom: 20px; background-color: #F8F8F8;}
.main_product_list>li .product_img>a { display: block; width: 100%;} 
.main_product_list>li .product_img img { width: 100%;}
.main_product_list>li .product_img::before { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,0); transition: all 0.2s ease; content: ''; pointer-events: none; }
.main_product_list>li .product_img:hover::before { background-color: rgba(0,0,0,0.3);}

.main_product_list>li>span { position: absolute; top: 10px; display: inline-block; font-size: 12px; color: #fff; padding: 3px 10px; border-radius: 5px; z-index: 1; }
.main_product_list>li>span.new { left: 10px; background: #8f1314; }
.main_product_list>li>span.soldout { right: 10px; background: #888; }
.main_product_list h2 { max-height: 44px; font-size: 18px;color: #000000; margin-bottom: 13px; text-overflow: ellipsis; overflow: hidden; word-break: keep-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 22px;}
.main_product_list p { line-height: 24px;}
.main_product_list p.pay { font-size: 16px; color: #bababa; text-decoration: line-through;}
.main_product_list p.member { font-size: 20px; line-height: 30px; color: #000000;}
.main_product_list p.member span { margin-right: 5px; font-size: 20px; color: #8f1314;  font-weight: 700;}
.main_product_list p.pv {font-size: 15px; color: #8f1314;  font-weight: 500;}
.main_product_list p.prodtag span {display: inline-block; font-size: 12px; color: #969696; font-weight: 300; margin-right: 5px;}

.main_product_list.autoship>li>div::after { opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-30%); width: 60px; height: 60px; border-radius: 50%; transition: all 0.3s ease; background-color: #FFF; background-image:url(../../../image/common/icon_product_view.png); background-repeat: no-repeat; background-size:180px 60px; ; content: ''; }
.main_product_list.autoship>li>div:hover::after { opacity: 1; transform: translate(-50%,-50%); pointer-events: none; }


/*EROMIAN*/
.young_eagle>div { display: flex;}
.young_eagle div>ul { width: 22.5%;}
.young_eagle div>div { width: 48.3334%; margin:0px 3.3333% ;}
.young_eagle div>div img { width: 100%;}
.young_eagle div>div a { display: block; width: 100%;}

.young_eagle .main_product_list { flex-direction: column; }
.young_eagle .main_product_list li { width: 100%; margin-right: 0px; margin-bottom:20px ;}

/* MAIN EVENT */
.main_event>div { display: flex; justify-content: space-between; }
.main_event>div a { display: block; width: calc( 50% - 15px); overflow: hidden; border-radius: 20px;}
.main_event>div a img {width: 100%;}

/* REAL PICK 삭제*/
/* .real_pick>div { display: flex; justify-content: space-between; }
.real_pick>div a { display: block; width: calc( 33.3% - 20px); overflow: hidden; border-radius: 20px;}
.real_pick>div a img {width: 100%;} */

/*AUTO BEST*/
.auto_best .main_product_list { flex-wrap: wrap;}
.auto_best .main_product_list li:first-child { width: calc( 50% - 20px);}
.auto_best .main_product_list li:first-child a { display: block; width: 100%; overflow: hidden; border-radius: 20px;}
.auto_best .main_product_list li:first-child a img { width: 100%;}
.auto_best .main_product_list li { margin-bottom: 40px;}
.auto_best .main_product_list li:nth-child(3),.auto_best .main_product_list li:nth-child(7) { margin-right: 0px;}
.auto_best .main_product_list li:nth-child(4), .auto_best .main_product_list li:nth-child(5), .auto_best .main_product_list li:nth-child(6), .auto_best .main_product_list li:nth-child(7) { margin-bottom: 0px;}


/* MAIN REVIEW 삭제*/
/* .main_review {position: relative;}
.main_review .swiper-slide { position: relative; padding-top: 20px; cursor: pointer;}
.main_review .swiper-slide[data-index]::before { position: absolute; top: 0px; left: 20px; font-size: 50px; line-height: 48px; color: #8f1314; font-weight: 500; z-index: 1; content: attr(data-index);}
.main_review .swiper-slide>div { position: relative; border-radius: 20px; overflow: hidden; margin-bottom: 20px;}
.main_review .swiper-slide>div img { width: 100%;}
.main_review .swiper-slide span { display: block; font-size: 18px; line-height: 25px; color: #8f1314; margin-bottom: 10px;}
.main_review .swiper-slide h2, .main_review .swiper-slide p { display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; word-break: break-all; overflow: hidden; }
.main_review .swiper-slide h2 { font-size: 20px; line-height: 25px; color: #000000; font-weight: 500; margin-bottom: 10px;}
.main_review .swiper-slide p { font-size: 16px; line-height: 25px; color: #888; margin-bottom: 20px;}
.main_review .swiper-slide dl { display: flex; align-items: center; border-top: 1px solid #e5e5e5; padding: 15px 0px; }
.main_review .swiper-slide dt { width: 100px; margin-right: 10px; border-radius: 20px; overflow: hidden; background: #f8f8f8;}
.main_review .swiper-slide dt img {width: 100%;}
.main_review .swiper-slide dd { display: flex; width: calc(100% - 50px); flex-wrap: wrap; justify-content: space-between; color: #000;font-size: 16px;line-height: 22px; word-break: keep-all;}

.main_review .swiper-button-next ,.main_review .swiper-button-prev { display: inline-block; position: absolute; top: 50%; width:60px; height: 60px; background-image:url("../../../image/common/controls_main02.png"); background-repeat:no-repeat; background-size:120px 60px; transform: translateY(-130%); background-color: #FFF; box-shadow: 0 0 10px rgba(0,0,0,0.3); border-radius: 50%; }
.main_review .swiper-button-prev { left: -20px; background-position: 0px 0px;}
.main_review .swiper-button-next { left: auto; right: -20px; background-position: -60px 0px; } */

/*LIVE*/
.main_live ul{ display: flex; justify-content: space-between; height: 430px;}
.main_live li:nth-child(1) { width: 65.8334%; border-radius: 20px; overflow: hidden; }
.main_live li:nth-child(1) a { position: relative; display: block; width: 100%; height: 100%;}
.main_live li:nth-child(1) img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); height: 100%; object-fit: cover; }
.main_live li:nth-child(2) { display: flex; flex-direction: column; justify-content: space-between; width: calc(34.1666% - 30px);padding: 46px 2.2% 39px; background: #F4F4F4; border-radius: 20px; letter-spacing: -0.5px; word-break: keep-all;}
.main_live li:nth-child(2) h2 { font-size: 24px; line-height: 30px; color: #8f1314; font-weight: 700; margin-bottom: 10px; }
.main_live li:nth-child(2) h2 i { display: inline-block; width: 60px; height: 42px; vertical-align: middle; margin: 0 3px; background-image:url("../../../image/common/icon_live.png"); background-repeat:no-repeat; }
.main_live li:nth-child(2) h2 i.youtube { background-image:url("../../../image/common/icon_live2.png"); }
.main_live li:nth-child(2) h3 { width: 85%; font-size: 28px; line-height: 40px; color: #000000; font-weight: 700; margin-bottom: 10px; }
.main_live li:nth-child(2) p { font-size: 16px; line-height: 25px; color: #525252; font-weight: 300; margin-bottom: 10px; }

/*MAGAZINE*/
.main_magazine { position: relative; }
.magazine_main_slider .swiper-slide { position: relative; overflow: hidden; border-radius: 20px; }
.magazine_main_slider .swiper-slide a { display: block; }
.magazine_main_slider .swiper-slide a img { width: 100%;}
.magazine_main_slider .swiper-slide div { position: absolute; left: 0px; bottom: 0px; width: 100%; padding: 0 20px 45px; transform: translateY(30px); box-sizing: border-box; opacity: 0; transition: all 0.8s ease; z-index: 1;}
.magazine_main_slider .swiper-slide div h2, .magazine_main_slider .swiper-slide div p { overflow: hidden; text-overflow: ellipsis; word-break: keep-all; display: -webkit-box; -webkit-box-orient: vertical; }
.magazine_main_slider .swiper-slide div h2 { font-size: 26px; line-height: 32px; color: #FFF; font-weight: 700; -webkit-line-clamp: 2; margin-bottom: 13px; }
.magazine_main_slider .swiper-slide div p { font-size: 16px; line-height: 25px; color: #FFF; font-weight: 300; -webkit-line-clamp: 1;}
.magazine_main_slider .swiper-slide-active div {transform: translateY(0);opacity: 1;}
.magazine_main_slider .swiper-slide a::after { position: absolute; top:0px; left: 0px; width: 100%; height: 100%; display: block; opacity: 0; transition: all 0.8s ease; background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(0,0,0,0) 42%,rgba(0,0,0,0) 43%,rgba(0,0,0,0.09) 53%,rgba(0,0,0,0.34) 72%,rgba(0,0,0,0.42) 79%,rgba(0,0,0,0.45) 84%,rgba(0,0,0,0.45) 100%); background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(0,0,0,0) 42%,rgba(0,0,0,0) 43%,rgba(0,0,0,0.09) 53%,rgba(0,0,0,0.34) 72%,rgba(0,0,0,0.42) 79%,rgba(0,0,0,0.45) 84%,rgba(0,0,0,0.45) 100%); background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(0,0,0,0) 42%,rgba(0,0,0,0) 43%,rgba(0,0,0,0.09) 53%,rgba(0,0,0,0.34) 72%,rgba(0,0,0,0.42) 79%,rgba(0,0,0,0.45) 84%,rgba(0,0,0,0.45) 100%); content: '';}
.magazine_main_slider .swiper-slide-active a::after {opacity: 1;}

.main_magazine .swiper-pagination { bottom: auto; left: auto; top: 5px; right: 0; width: auto; color: #9e9e9e; font-size: 24px;
font-family: 'Montserrat',sans-serif; letter-spacing: -1px;}
.main_magazine .swiper-pagination .swiper-pagination-current {color: #000;}

.main_magazine .swiper-button-next ,.main_magazine .swiper-button-prev { display: inline-block; position: absolute; top: 50%; width:60px; height: 60px; background-image:url("../../../image/common/controls_main02.png"); background-repeat:no-repeat; background-size:120px 60px; transform: translateY(50%); background-color: #FFF; box-shadow: 0 0 10px rgba(0,0,0,0.3); border-radius: 50%; }
.main_magazine .swiper-button-prev { left: -20px; background-position: 0px 0px;}
.main_magazine .swiper-button-next { left: auto; right: -20px; background-position: -60px 0px; }

.magazine_box{ display: flex; justify-content: space-between; }
.magazine_box a { display: block; width: calc( 50% - 15px); overflow: hidden; border-radius: 20px;}
.magazine_box a img {width: 100%;}

/*MAIN MOVIE*/
.shopping_main_right .main_movie>a { width: 100%; overflow: hidden; border-radius: 20px; margin-bottom: 0px;}
.shopping_main_right .main_movie>a img { width: 100%;}

/*MAIN NOTICE*/
.shopping_main_right .main_notice { width: 100%; border-top:1px solid #000;}
.shopping_main_right .main_notice li {border-bottom: 1px solid #e5e5e5;}
.shopping_main_right .main_notice li a { position: relative; display: block; width: 100%; font-size: 18px; line-height: 30px;
    color: #000000; font-weight: 300; padding: 15px 110px 15px 0px; text-overflow: ellipsis;  white-space: nowrap; overflow: hidden; }
.shopping_main_right .main_notice li a span { position: absolute; top: 15px; right: 0px; color: #545454; font-family: 'Montserrat',sans-serif; font-weight: 300;}

/*MAIN CS CENTER*/
.shopping_main_right .main_cs_center {display: flex; justify-content: space-between; align-items: center;  height: 245px; padding: 0 40px; background: #f4f4f4; border-radius: 20px;}
.shopping_main_right .main_cs_center h2 { display: block; font-size: 24px; font-weight: 400; line-height: 40px; margin-right: 10px; vertical-align: top;}
.shopping_main_right .main_cs_center h3 { display: inline-block; font-size: 36px; font-weight: 500; line-height: 40px; margin-bottom: 10px;}
.shopping_main_right .main_cs_center p { font-size: 16px; color: #000; font-weight: 300; letter-spacing: -0.5px; line-height: 25px;}

.shopping_main_right .main_cs_center .cs_btn {display: flex;flex-direction: column;}
.shopping_main_right .main_cs_center .cs_btn a { display: block; width: 157px; height: 60px; color: #000000; font-size: 18px;line-height: 60px; text-align: center; font-weight: 300; background: #FFF; border: 1px solid #d5d5d5; border-radius: 10px;}
.shopping_main_right .main_cs_center .cs_btn a:first-child { margin-bottom: 13px;}

@media only screen and (max-width:1600px) {
    .shopping_main_content .shopping_main_left { width: 319px; padding-right: 39px; }
    .shopping_main_content .shopping_main_left>div { width:280px;}
    .shopping_main_left>div ul { padding: 40px 20px 15px;}
    .shopping_main_content .shopping_main_right { width: calc(100% - 319px); padding-left:40px; }
    .shopping_main_right>div>h2, .shopping_main_right>div>a, .shopping_main_right>ul>li>a, .shopping_main_right>ul>li>h2 { font-size: 28px; }

    .main_product_list>li {width: calc(25% - 22px); margin-right: 29px;}
    .best_product .main_product_list li:nth-child(4) { margin-right: 0px;}
    .auto_best .main_product_list li:nth-child(3),.auto_best .main_product_list li:nth-child(7) { margin-right: 0px;}
    

    .shopping_main_right .main_cs_center {flex-direction: column; justify-content: center; align-items: flex-start;}
    .shopping_main_right .main_cs_center h2, .shopping_main_right .main_cs_center h3 { display: inline-block;}
    .shopping_main_right .main_cs_center h2 { font-size: 20px;}
    .shopping_main_right .main_cs_center h3 { font-size: 32px;}
    .shopping_main_right .main_cs_center .cs_btn { flex-direction: row; margin-top: 15px;}
    .shopping_main_right .main_cs_center .cs_btn a:first-child { margin-bottom: 0px; margin-right: 10px;}
} 

/*promotion_shopping_list*/
.promotion_shopping_list .promotion_box:last-child { margin-bottom: 0px;}

.promotion_box { margin-bottom: 60px;}
.promotion_box >div { margin-bottom: 60px; }
.promotion_box >div a { display: block; border-radius: 20px; overflow: hidden;}

/*LOGIN*/
.login .sub_title { padding-top: 100px;}

/* SCHEDULE LIST */
.schedule_day_title { text-align: center; margin-bottom: 80px; }
.schedule_day_title h2 {font-size:80px; line-height: 80px; color: #333; font-weight: 500; text-align: center; margin-bottom: 20px; }
.schedule_day_title p {font-size: 20px; color: #333; text-align: center; font-weight: 500;}
.schedule_day_title p > span {color: #8f1314; font-weight: 500;}

.schedule_search_arrow {position: absolute; width: 320px; height: 60px; top: 60px; left: 50%; transform: translateX(-50%);}
.schedule_search_arrow li {margin-right: 0px;}
.schedule_search_arrow li:nth-child(1) a { background-position: 0px 0px; float: left; }
.schedule_search_arrow li:nth-child(2) a { background-position: -60px 0px; float: right; }
.schedule_search_arrow li a { display: block; width:60px; height: 60px; background-image:url(../../../image/common/controls_main02.png); background-repeat: no-repeat; transition: all 0s ease-out; -webkit-transition: all 0s ease-out;  }
.schedule_search_arrow li a:hover { background-color: none;}

.schedule_table {width:100%;}
.schedule_table th { height:30px; font-size:14px; line-height:30px; color:#666; border-bottom:1px solid #ddd; border-right:10px solid #FFF; text-align:center; font-weight: 500;}
.schedule_table td { min-height:150px; border-bottom:1px solid #DDD; border-right:10px solid #FFF; vertical-align:top;padding: 10px; }
.schedule_table th:last-child , .schedule_table td:last-child {border-right:0px;}
.schedule_table .sun { color:#d32f2f; border-bottom: 1px solid #d32f2f;}
.schedule_table th.sat {color:#666; border-bottom: 1px solid #ddd;}
.schedule_table .sat { color:#333; border-bottom: 1px solid #ddd;}
.schedule_table .sun>.cell>.number_add { color:#c90000;}
.schedule_table .sun>.cell>.number_add.active {background-color:#c90000; color:#FFF; }
.schedule_table .sat>.cell>.number_add { color:#666;}
.schedule_table .sat>.cell>.number_add.active {background-color:#000; color:#FFF; }

.schedule_table .cell { position:relative; width:100%; min-height:150px; }
.schedule_table .number_add {width:30px; font-size:14px; height:30px; color:#666; line-height:30px; text-decoration:none; display:block; text-align:center; margin-bottom: 10px; }
.schedule_table .number_add.active {background-color:#fff; color:#FFF; background-color: #8f1314; line-height: 30px; font-weight: 500; border-radius: 50%;}

.schedule_table .list_event { overflow:hidden;}
.schedule_table .list_event .btn { position: relative; display:block; width:100%; font-size:12px; height:30px; line-height:28px; border: 1px solid; text-decoration:none; text-align:left; padding:0px 10px; margin-bottom: 10px; border-radius: 4px; font-weight: 400; }
.schedule_table .list_event .btn .cont { float:right; }
.schedule_table .list_event .btn .text { float:left; display:block; width:90px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.schedule_table .list_event .btn.col_01 { border-color: #8f1314; color: #8f1314;}
.schedule_table .list_event .btn.col_01:hover {border-color: #8f1314; background-color: #8f1314; color: #FFF;}
.schedule_table .list_event .btn.col_02 { border-color: #999; color: #fff; background-color: #999; cursor: default; }

.schedule_pop .list_table tr td:first-child { text-align: left; padding: 15px;}

/*MAGAZINE*/
.magazine_top { display: flex; justify-content: space-between; margin-bottom: 120px;}
.magazine_top>li { position: relative; width: 580px;}
.magazine_top>li:nth-child(2) { border-top: 1px solid #000; }

.magazine_top>li p {font-size: 18px; line-height: 25px; font-weight: 600; text-align: left; word-break: keep-all; margin-bottom: 20px;}
.magazine_top>li h2 { font-size: 26px; line-height: 35px; font-weight: 700; text-align: left; word-break: keep-all; }

.magazine_top>li div { position: relative; cursor: pointer; }
.magazine_top>li div>img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out; }

.magazine_top>li .magazine_top_img { width:580px; height: 580px; overflow: hidden; background-color: #F4F4F4; border-radius: 20px; }
.magazine_top>li:hover .magazine_top_img img { transform: scale(1.1);}
.magazine_top>li .magazine_top_text { position: absolute; left: 60px; right: 60px; bottom: 80px;}
.magazine_top>li .magazine_top_text h2, .magazine_top>li .magazine_top_text p { color: #FFF; }

.magazine_top .magazine_top_box { width: 100%; padding: 34px 290px 34px 30px; border-bottom: 1px solid #DDD;}
.magazine_top .magazine_top_box h2, .magazine_top .magazine_top_box p { color: #000; }
.magazine_top .magazine_top_box h2 { margin-bottom: 40px;}
.magazine_top .magazine_top_box div { position: absolute; top: 34px; right: 0px; width: 260px; height: 220px; overflow: hidden; background-color: #F4F4F4; border-radius: 20px;}
.magazine_top .magazine_top_box:hover img { transform: scale(1.1);}

/*MAGAZINE banner*/
.magazine_banner_wrap { display: flex; width: 100%; margin-bottom: 120px;}
.magazine_banner_wrap .magazine_tab_menu { width: 240px; margin-right: 50px;}
.magazine_banner_wrap .magazine_tab_menu a { position: relative; display: block; height: 80px; border-bottom: 1px solid #DDD; font-size: 24px; line-height: 80px; font-weight: 600; text-align: left; }
.magazine_banner_wrap .magazine_tab_menu a:before,.magazine_banner_wrap .magazine_tab_menu a:after{position: absolute; right: 0px; width: 8px; height: 2px; background-color: #666; content: "";}
.magazine_banner_wrap .magazine_tab_menu a:before {top: 40px;  transform:rotate(-45deg);}
.magazine_banner_wrap .magazine_tab_menu a:after {top: 34px;  transform:rotate(-135deg);}
.magazine_banner_wrap .magazine_tab_menu a:hover { color:#8f1314; }
.magazine_banner_wrap .magazine_tab_menu a:hover:before,.magazine_banner_wrap .magazine_tab_menu a:hover:after {background-color: #8f1314;}
.magazine_banner_wrap .magazine_tab_menu a.active { color: #8f1314;}
.magazine_banner_wrap .magazine_tab_menu a.active:before,.magazine_banner_wrap .magazine_tab_menu a.active:after {background-color: #8f1314;}

.magazine_banner_wrap .magazine_tab_con { position: relative; width: 910px; height: 245px;}
.magazine_tab_con>div { position: absolute; top: 0px; opacity: 0; width: 910px; z-index: 1; }
.magazine_tab_con>div.active { visibility: visible; opacity: 1; z-index: 10;}

.magazine_media_slider .swiper-slide { width: 435px; height: 235px; border-radius: 20px; overflow: hidden;}
.magazine_media_slider .swiper-slide img { width: 435px; height: 235px;}

.magazine_banner_wrap .swiper-pagination { position: absolute; top: -35px; right: 5px; }
.magazine_banner_wrap .swiper-pagination > span { margin: 0 5px; background: #efdcde; opacity: 1;}
.magazine_banner_wrap .swiper-pagination .swiper-pagination-bullet-active {background: #8f1314;}

.magazine_banner_wrap .swiper-button-next ,.magazine_banner_wrap .swiper-button-prev { display: inline-block; position: absolute; top: 50%; width:60px; height: 60px; background-image:url("../../../image/common/controls_main02.png"); background-repeat:no-repeat; background-size:120px 60px; transform: translateY(-50%); background-color: #FFF; box-shadow: 0 0 10px rgba(0,0,0,0.3); border-radius: 50%; margin-top: 0px; }
.magazine_banner_wrap .swiper-button-prev { left: -20px; background-position: 0px 0px;}
.magazine_banner_wrap .swiper-button-next { left: auto; right: -20px; background-position: -60px 0px; }

/*MAGAZINE VIEW*/
.sub_top_title.magazine>div>div { position: absolute; left:50%; bottom: 20%; transform: translateX(-50%); width: 1080px; padding-right: 400px;}
.sub_top_title.magazine>div>div p {font-size: 16px; line-height: 25px; color: #FFF; font-weight: 600; text-align: left; word-break: keep-all; margin-bottom: 30px;}
.sub_top_title.magazine>div>div h2 { font-size: 46px; line-height: 50px; color: #FFF; font-weight: 700; text-align: left; word-break: keep-all; margin-bottom: 30px;}
.sns_btn { display: inline-block; width: 50px; height: 50px; background-image:url("../../../image/common/icon_view_sns.png"); background-repeat:no-repeat;}

/*SNS POPUP*/
.layer_popup.sns_pop { min-width: 500px;}
.layer_popup.sns_pop .pop_content { padding-top: 50px;}
.sns_pop .pop_content>ul { display: flex; justify-content: space-around; margin-bottom: 30px; }
.sns_pop .pop_content>ul li a { display: block; width: 50px; height: 50px; background-image:url("../../../image/common/icon_view_sns.png"); background-repeat:no-repeat;}
.sns_pop .pop_content>ul li a.facebook { background-position: -50px 0px;}
.sns_pop .pop_content>ul li a.twitter { background-position: -100px 0px;}
.sns_pop .pop_content>ul li a.kakao { background-position: -150px 0px;}

.sns_pop .pop_content>div {position: relative; height: 40px; border-bottom: 1px solid #1c1c1c;}
.sns_pop .pop_content>div input {width: calc(100% - 40px); height: 39px; padding: 0 20px 0 0; color: #1c1c1c; font-size: 20px; font-weight: 400; font-family: 'Montserrat', sans-serif; border: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background: #fff;}
.sns_pop .pop_content>div>a {position: absolute; top: 0px; right: 0px; width: 40px; height: 40px; background-image:url("../../../image/common/sns_link_btn.png"); background-repeat:no-repeat; background-position: center center; }

.magazine_banner { position: relative; margin-top: 100px;}
.magazine_banner .swiper-button-next ,.magazine_banner .swiper-button-prev { display: inline-block; position: absolute; top: 50%; width:60px; height: 60px; background-image:url("../../../image/common/controls_main02.png"); background-repeat:no-repeat; background-size:120px 60px; transform: translateY(-100%); background-color: #FFF; box-shadow: 0 0 10px rgba(0,0,0,0.3); border-radius: 50%; }
.magazine_banner .swiper-button-prev { left: -20px; background-position: 0px 0px;}
.magazine_banner .swiper-button-next { left: auto; right: -20px; background-position: -60px 0px; }

.magazine_slider li { width: 270px; cursor: pointer;}
.magazine_slider li>div { position: relative; overflow: hidden; background-color: #F4F4F4; background-image:url(../../image/common/logo.svg); background-repeat: no-repeat; background-position: center center; border-radius: 20px; margin-bottom: 20px; width: 270px; height: 310px; background-size:150px; }
.magazine_slider li>div img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out; }
.magazine_slider li h2 { font-size: 22px; line-height: 30px; color: #000; font-weight: 500; text-align: left; word-break: keep-all; }
.magazine_slider li p {font-size: 16px; line-height: 25px; color: #666; font-weight: 300; text-align: left; word-break: keep-all; margin-bottom: 10px;}
.magazine_slider li:hover img { transform: scale(1.1);}

/*PRODUCT DETAIL*/
.product_detail { display: flex; margin-top: 90px; margin-bottom: 100px; }
.product_detail>li:first-child { width: 540px; margin-right: 80px; }
.product_detail>li {width: 580px;}

.product_detail .product_img { position: relative; width: 540px; height: 540px; background-color: #F4F4F4; border-radius: 20px; margin-bottom: 40px;}
.product_detail .product_img img { width: 100%;}
.product_detail .product_img .flag { position: absolute; left: 20px; top: 20px; background-color: #8f1314; padding: 5px 10px; border-radius: 5px; color: #FFF;}

.product_detail .another { display: flex; justify-content: left; width: 100%; z-index: 10; }
.product_detail .another li { display: block; width: 104px; height: 104px; cursor:pointer; margin-right: 20px; background-color: #F4F4F4; border: 2px solid #F4F4F4; overflow: hidden; border-radius: 10px;}
.product_detail .another li:last-child { margin-right: 0px;}
.product_detail .another li img {width: 100px; height: 100px; transform:scale(1); -webkit-transform:scale(1); transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease-in-out; overflow: hidden;}
.product_detail .another li:hover img {transform:scale(1.1); -webkit-transform:scale(1.1);}
.product_detail .another li.active {border: 2px solid #8f1314;}

.product_con { position: relative;}
.product_con .sns_btn { position: absolute; top: -5px; right: 0px; filter: invert();}
.product_con .product_con_title { margin-bottom: 40px;}
.product_con .product_con_title h2 { display: block; width: calc(100% - 50px); font-size: 32px; line-height: 45px; color: #000; font-weight: 700; margin-bottom: 10px; word-break: keep-all; }
.product_con .product_con_title p { font-size: 16px; line-height: 20px; color: #000; }

.product_con .pay_box { display: flex; align-items: center; margin-bottom: 30px;}
.product_con .pay_box span {width: 70px; height: 70px; margin-right: 20px; font-size: 28px; line-height: 70px; text-align: center; font-weight: 500; color: #fff; background: #8f1314; border-radius: 20px;}
.product_con .pay_box p.member { font-size: 32px; color: #000; line-height: 40px; font-weight: 500; }
.product_con .pay_box p.pay { font-size: 24px; color: #bababa; line-height: 40px; font-weight: 400; text-decoration:line-through; margin-left: 20px; }

.product_con .pay_info { border-top: 1px solid #DDD; margin-bottom: 0px;}
.product_con .pay_info>dd { display: flex; border-bottom: 1px solid #DDD; padding: 20px 0px;}
.product_con .pay_info>dd>span { width: 150px; font-size: 18px; color: #555; line-height: 24px; font-weight: 300; word-break: keep-all;}
.product_con .pay_info>dd>p { width: calc(100% - 150px); font-size: 18px; color: #555; line-height: 24px; font-weight: 300; word-break: keep-all;}
.product_con .pay_info>dd.member>span { color: #8f1314 ;}
.product_con .pay_info>dd.member>p { color: #8f1314 ;}
.product_con .pay_info>dd.member>p span {font-size: 22px; font-weight: 700; vertical-align: bottom;}
.product_con .pay_info>dd.pv>p { color: #000; font-size: 22px; font-weight: 700; vertical-align: bottom;}
.product_con .pay_info>dd.info>p { color: #ea5c16;}

.product_con .pay_info>dd.count { align-items: center;}
.product_con .pay_info>dd.count>p { width:130px; color: #000; font-weight: 500; text-align: right;}
.product_con .pay_info>dd.count>h3 { width:calc(100% - 260px); font-size: 16px; color: #000; font-weight: 300; text-align: left; word-break: keep-all; margin-right: 30px;}

.product_con .pay_total { display: flex; justify-content: space-between; width: 100%; margin-bottom: 40px; margin-top: 40px;}
.product_con .pay_total>span { font-size: 20px; color: #000;}
.product_con .pay_total>p {font-size: 18px; color: #000; font-weight: 300;}

.opt_box .goods_count { display: flex; width: 100px; height: 30px; overflow: hidden; border: 1px solid #DDD; }
.opt_box .goods_count input { width: 40px; height: 30px; font-size: 14px; text-align: center; line-height: 30px; color: #000; border: 0px; border-radius: 0px; padding: 0px;}
.opt_box .goods_count a { position: relative; display: inline-block; width: 29px; height: 30px; background-color: #FFF; }
.opt_box .goods_count a:first-child { border-right: 1px solid #DDD;}
.opt_box .goods_count a:last-child { border-left: 1px solid #DDD;}
.opt_box .goods_count a:hover { background-color: #F4F4F4;}
.opt_box .goods_count a:before, .opt_box .goods_count a:after { position: absolute; background-color: #000; content: ""; }
.opt_box .goods_count a:before { left:8px; top: 14px; width: 12px; height: 1px; }
.opt_box .goods_count a:after { left:13px; top: 8px; width: 1px; height: 12px; }
.opt_box .goods_count a:nth-child(1):after { display: none;}

.shopping_tab_con .view_detail { display: none; width:1200px; min-height:50px; margin:0 auto; margin-bottom:100px; text-align: center;
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-break:break-all;
    /* white-space: pre-line; /* CSS3*/}
.shopping_tab_con .view_detail iframe { width: 1200px; height: 675px;}
.shopping_tab_con .view_detail  img {max-width: 100%;}

/*PRODUCT DATAIL TABLE*/
.shopping_tab_con .view_detail.delivery>h2 { font-size:22px; color:#8f1314; padding:30px; line-height:30px; font-weight:700; text-align:left;}
.shopping_tab_con .view_detail.delivery table { width:100%; border-top:1px solid #000; margin-bottom: 20px; }
.shopping_tab_con .view_detail.delivery th { font-size:15px; color:#000; font-weight:600; line-height:25px; padding:15px 0px; vertical-align:middle; border-bottom:1px solid #DDD; text-align:left; padding-left:30px; word-break: keep-all; background-color: #F4F4F4; }
.shopping_tab_con .view_detail.delivery td { font-size:15px; color:#666; line-height:25px; padding:15px 0px; vertical-align:top; border-bottom:1px solid #DDD; text-align:left; padding-left:30px; word-break: keep-all;}
.shopping_tab_con .view_detail.delivery td h2 { font-size:15px; color: #333; font-weight:700; word-break: keep-all;}
.shopping_tab_con .view_detail.delivery td p {font-size:15px; color:#666; line-height:25px; vertical-align:top; text-align:left; word-break: keep-all; margin-bottom: 10px;}
.shopping_tab_con .view_detail.delivery td p:last-child { margin-bottom: 0px;}
.shopping_tab_con .view_detail.delivery td li { margin-left: 10px; text-indent:-10px; word-break: keep-all;}

.product_like { width: 100%; border: 1px solid #DDD; border-radius: 20px; padding: 40px; margin-bottom: 60px;}
.product_like>h2 { position: relative; padding-left: 25px; font-size:28px; color:#000; line-height:30px; margin-bottom: 30px; }
.product_like>h2:before, .product_like>h2:after { position: absolute; background-color: #8f1314; content: ""; }
.product_like>h2:before { left:0px; top: 12px; width: 14px; height: 4px; }
.product_like>h2:after { left:5px; top: 7px; width: 4px; height: 14px; }

.product_like .product_list { width: 100%;}
.product_like .product_list>li { width: calc( 20% - 32px);}
.product_like .product_list>li:nth-child(4n) { margin-right:40px ;}
.product_like .product_list>li:nth-child(5n) { margin-right:0px ;}

.opt_box .opt_choice { width: 100%; max-height: 220px; overflow-y: auto; padding-top: 19px; padding-bottom: 10px; padding-right: 5px; border-bottom: 1px solid #DDD; }
.opt_box .opt_choice li { position: relative; background-color: #F4F4F4; margin-bottom: 10px; padding: 15px 160px 15px 15px; border-radius: 10px;}
.opt_box .opt_choice li h2 {display: block; width: 100%; font-size: 16px; color: #000; line-height: 20px; font-weight: 300; word-break: keep-all; }
.opt_box .opt_choice .goods_count { position: absolute; right: 50px; top: 50%; transform: translateY(-50%); }
.opt_box .opt_choice a.delete {position: absolute; right: 13px; top: 50%; transform: translateY(-50%); width: 22px; height: 22px; background-color: #999; border-radius: 50%;}
.opt_box .opt_choice a.delete:before, .opt_box .opt_choice a.delete:after {position: absolute; right: 5px; top: 10px; width: 11px; height: 1px; background-color: #fff; content: ""; }
.opt_box .opt_choice a.delete:before {transform: rotate(-45deg);}
.opt_box .opt_choice a.delete:after {transform: rotate(45deg);}
.opt_box .opt_choice a.delete:hover, .opt_box .opt_choice a.delete:hover { background-color: #333;}

/*PRODUCT OPTION POP*/
.layer_popup .pop_content.product_option_pop { padding-top: 30px; padding-bottom: 0px; width: 600px;}
.product_option_pop .pay_total { display: flex; justify-content: space-between; width: 100%; margin-bottom: 30px; margin-top: 30px;}
.product_option_pop .pay_total>span { font-size: 20px; color: #000;}
.product_option_pop .pay_total>p {font-size: 24px; color: #000; font-weight: 300;}

.product_option_info { position: relative; min-height: 229px; border-bottom: 1px solid #DDD; padding-bottom: 30px; padding-left: 230px;}
.product_option_info .product_img { position: absolute; left: 0px; top: 0px; width: 200px; height: 200px; background-color: #F4F4F4; border-radius: 20px; overflow: hidden;}
.product_option_info .product_img img { width: 100%;}
.product_option_info .product_con_title { margin-bottom: 30px;}
.product_option_info .product_con_title h2 { display: block; width:100%; font-size: 24px; line-height: 30px; color: #000; font-weight: 700; margin-bottom: 10px; word-break: keep-all; }
.product_option_info .product_con_title p { font-size: 14px; line-height: 20px; color: #000; }

.product_option_info .pay_box { display: flex; align-items: center; margin-bottom: 20px;}
.product_option_info .pay_box span {width: 40px; height: 40px; margin-right: 10px; font-size: 16px; line-height: 40px; text-align: center; font-weight: 500; color: #fff; background: #8f1314; border-radius: 10px;}
.product_option_info .pay_box p.member { font-size: 24px; color: #000; line-height: 40px; font-weight: 500; }
.product_option_info .pay_box p.pay { font-size: 16px; color: #bababa; line-height: 40px; font-weight: 400; text-decoration:line-through; margin-left: 10px; }

/*PRODUCT SEARCH*/
.product_search_text { width: 1280px; margin: 60px auto 60px; padding: 0px 40px;}
.product_search_text p { font-size: 32px; line-height: 40px; text-align: center; font-weight: 500; word-break: keep-all;}
.product_search_text p span { font-weight: 700;}

/*SELF ALLOWANCE LIST*/
.benefit_list {width:100%;}
.benefit_list>li {width:100%; border:solid 1px #ddd; padding: 50px 50px 50px 250px; margin-bottom:40px; border-radius: 10px; }
.benefit_list>li:hover { background-color: #F4F4F4;}
.benefit_list>li .benefit_box {position: relative; width: 100%; cursor:pointer;}
.benefit_list>li .benefit_box:before {position: absolute; width: 20px; height: 20px; background-image: url("../../../image/common/arrow_select01_focus.png"); background-repeat: no-repeat; background-position: 4px center; content:""; top:30px; right:0px; }
.benefit_list>li .benefit_box>span { position: absolute; left: 0px; top: 18px; display: inline-block; height: 40px; padding: 0px 10px; border-radius: 0px; background-color: #8f1314; text-align: center; font-size: 15px; color: #FFF; line-height: 40px; z-index: 5; border-radius: 5px;}
.benefit_list>li .benefit_box h2 {position: absolute; top:-10px; left:-200px; font-size:16px; line-height:30px; color: #222; text-align: left; font-weight: 300; }
.benefit_list>li .benefit_box h2 span{ display: block; font-size:30px; line-height: 50px; font-weight: 400; }
.benefit_list>li .benefit_box h2 i { font-style: normal; color: #8f1314; margin-left: 5px; }
.benefit_list>li .benefit_box h3 { font-size:22px; color: #222; text-align: left; font-weight:500; line-height:60px; padding-left: 140px;}
.benefit_list>li .benefit_box h3 span {font-size:34px; color: #8f1314; font-weight:500; margin: 0px 10px; }
.benefit_list>li .benefit_box p {position: absolute; top: 30px; right:40px; font-size:18px; line-height: 20px; color: #222; font-weight: 300;}
.benefit_list>li .benefit_box p span {padding-left:10px; font-weight: 300;}

.benefit_list>li.active {border:solid 1px #222; }
.benefit_list>li.active .benefit_box:before { transform: rotate(-180deg);}
.benefit_list>li.active .benefit_open {display: block;}
.benefit_list>li.active .benefit_old_open {display: block;}
.benefit_list>li.active:hover { background-color: #FFF;}
.benefit_list>li.no_data {margin-bottom: 0px; }

.benefit_open {display:none; border-top:solid 1px #ddd; margin-top:40px; overflow: hidden; }
.benefit_open ul:nth-child(1),.benefit_open ul:nth-child(2) {float: left; width: 47.5%; margin-bottom: 40px; overflow: hidden;}
.benefit_open ul:nth-child(1) { margin-right: 5%;}
.benefit_open ul:nth-child(1) li, .benefit_open ul:nth-child(2) li { position: relative; display: block; width: 100%; }
.benefit_open ul:nth-child(1) li h2,.benefit_open ul:nth-child(2) li h2 { font-size:20px; line-height: 50px; color: #222; font-weight:500; border-bottom: 1px solid #DDD; padding: 20px 0px 10px; margin-bottom: 20px;}
.benefit_open ul:nth-child(1) li h3,.benefit_open ul:nth-child(2) li h3 { position: absolute; left: 0px; top: 0px; font-size:16px; line-height: 50px; color: #222; font-weight:300;}
.benefit_open ul:nth-child(1) li h3 a,.benefit_open ul:nth-child(2) li h3 a {position: absolute; right:-40px; top: 13px; display: block; width: 26px; height: 26px; font-size: 26px; line-height: 26px; text-align: center; background-color: #8f1314; color: #FFF; border-radius:5px; font-weight: 400;}
.benefit_open ul:nth-child(1) li h3 a:hover,.benefit_open ul:nth-child(2) li h3 a:hover {background-color: #750001;}
.benefit_open ul:nth-child(1) li p,.benefit_open ul:nth-child(2) li p { font-size:18px; line-height: 50px; text-align: right; font-weight: 500;}
.benefit_open ul:nth-child(1) li p span,.benefit_open ul:nth-child(2) li p span { font-size:20px; font-weight: 500;}
.benefit_open ul:nth-child(1) li p {color: #000; }
.benefit_open ul:nth-child(2) li p {color: #ed1c24; }

.benefit_open ul:nth-child(3) { width: 100%; overflow: hidden; background-color: #F4F4F4; padding: 40px 0px; border-radius: 10px;}
.benefit_open ul:nth-child(3) li { position: relative; float: left; width: 33.3%; text-align: center; }
.benefit_open ul:nth-child(3) li>h3 { display: block; font-size: 16px; line-height: 20px; color: #222; font-weight: 300; margin-bottom: 10px;}
.benefit_open ul:nth-child(3) li>p {font-size: 20px; line-height: 30px; font-weight: 500; color: #222;}
.benefit_open ul:nth-child(3) li>p span {font-size: 28px; font-weight: 500;}
.benefit_open ul:nth-child(3) li:nth-child(1):before { margin-top:-1px;}
.benefit_open ul:nth-child(3) li:nth-child(2):before { margin-top:-5px;}
.benefit_open ul:nth-child(3) li:nth-child(2):after { margin-top:5px;}
.benefit_open ul:nth-child(3) li:nth-child(1) h3 {color: #000;}
.benefit_open ul:nth-child(3) li:nth-child(2) h3 {color: #ed1c24;}
.benefit_open ul:nth-child(3) li:nth-child(3) p {color: #8f1314;}

.benefit_old_open {display:none; border-top:solid 1px #ddd; margin-top:40px; padding-top: 40px; overflow: hidden; }
.benefit_old_open ul:nth-child(1) { width: 100%; overflow: hidden; background-color: #F4F4F4; padding: 40px 0px; border-radius: 10px;}
.benefit_old_open ul:nth-child(1) li { position: relative; float: left; width: 33.3%; text-align: center; }
.benefit_old_open ul:nth-child(1) li>h3 { display: block; font-size: 16px; line-height: 20px; color: #222; font-weight: 300; margin-bottom: 10px;}
.benefit_old_open ul:nth-child(1) li>p {font-size: 20px; line-height: 30px; font-weight: 500; color: #222;}
.benefit_old_open ul:nth-child(1) li>p span {font-size: 28px; font-weight: 500;}
.benefit_old_open ul:nth-child(1) li:nth-child(1):before { margin-top:-1px;}
.benefit_old_open ul:nth-child(1) li:nth-child(2):before { margin-top:-5px;}
.benefit_old_open ul:nth-child(1) li:nth-child(2):after { margin-top:5px;}
.benefit_old_open ul:nth-child(1) li:nth-child(1) h3 {color: #000;}
.benefit_old_open ul:nth-child(1) li:nth-child(2) h3 {color: #ed1c24;}
.benefit_old_open ul:nth-child(1) li:nth-child(3) p {color: #8f1314;}

.benefit_total { margin-bottom: 20px;}
.benefit_total h3 { font-size:18px; color: #222; text-align: right; font-weight:500; line-height:20px; }
.benefit_total h3 span {font-size:22px; color: #8f1314; font-weight:500; margin: 0px 10px; }


/*직급달성현황*/
.rank_list { border-top: 1px solid #000; }
.rank_list li { position: relative; display: flex; align-items: center; width: 100%; border-bottom: 1px solid #DDD; padding: 30px 20px; }
.rank_list li::before { position: absolute; top: 50%; transform: translateY(-50%); right: 20px; width: 32px; height: 32px; border-radius: 50%; background-color: #ddd; content: ""; background-image: url("../../../image/common/arrow_select03.png"); background-repeat: no-repeat; background-position: 10px 13px;}
.rank_list li h2 { font-size: 24px; line-height: 30px; font-weight: 500; color: #AAA;}
.rank_list li h2 span { display: inline-block; margin-left: 10px; font-size: 20px; line-height: 30px; color: #AAA;  }
.rank_list li p.data { position: absolute; top: 50%; transform: translateY(-50%); right: 100px; font-size: 20px; line-height: 30px; font-weight: 500; color: #8f1314;}
.rank_list li img { width: 50px; margin-right: 20px; filter: grayscale(1); opacity: 0.3; }

.rank_list li.active::before { background-color: #8f1314; }
.rank_list li.active h2 { color: #000;}
.rank_list li.active h2 span { color: #8f1314; }
.rank_list li.active img { width: 50px; margin-right: 20px; filter: grayscale(0); opacity: 1; }

/*그룹직급현황*/
.group_rank_list { border-top: 1px solid #000; }
.group_rank_list li { position: relative; display: flex; align-items: center; width: 100%; border-bottom: 1px solid #DDD; padding: 30px 20px; }
.group_rank_list li h2 { font-size: 24px; line-height: 30px; font-weight: 500; color: #000;}
.group_rank_list li h2 span { display: inline-block; margin-left: 10px; font-size: 20px; line-height: 30px; color: #8f1314;  }
.group_rank_list li p { position: absolute; top: 50%; transform: translateY(-50%); right: 180px; font-size: 20px; line-height: 30px; font-weight: 500; color: #8f1314;}
.group_rank_list li img { width: 50px; margin-right: 20px; }
.group_rank_list li .btn {position: absolute; top: 50%; transform: translateY(-50%); right: 20px;}


/*AUTO PRODUCT*/
.auto_cart_total { position: fixed; right: 0px; bottom: 0px; left: 0px; z-index: 80; width: 100%; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out; }
.auto_cart_total:after {content: ""; position: fixed; z-index: -2; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.65); transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out; opacity: 0; visibility: hidden;}
.auto_cart_total.active:after {opacity: 1; visibility: visible;}
.auto_cart_total .quick_close_btn {position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; z-index: -1; }
.auto_cart_total.active .quick_close_btn {display: block;}
.auto_cart_total.active .quick_open { transform: translate(-50%, -100%);}

.auto_cart_total .quick_btn {position: relative; max-width: 1200px; margin: 0 auto; display: flex; justify-content: center; padding: 10px 10px; background-color: #8f1314; border-radius: 20px 20px 0px 0px; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out; }
.auto_cart_total .btn { max-width: 1130px; background-color: #FFF; font-weight: 600; }
.auto_cart_total .btn span { font-weight: 600; }

.auto_cart_total .quick_btn .quick_open_btn { width: 60px; height:50px; background-image:url(../../../image/common/icon_auto_cart.png); background-repeat: no-repeat; background-position: 0px -15px; transition:all 0s  ease-in-out; -webkit-transition:all 0s ease -in-out; fill: #FFF; margin-left: 10px; border-radius: 10px; text-align: center; padding-top: 25px; }
.auto_cart_total .quick_btn .quick_open_btn::before { content: "열기"; font-size: 12px; color: #FFF;}
.auto_cart_total .quick_btn .quick_open_btn.active { background-position: -60px -15px; }
.auto_cart_total .quick_btn .quick_open_btn.active::before { content: "닫기"; }

.auto_cart_total .auto_cart_total_con{  z-index: 50; width: 100%; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out;}
.auto_cart_total .quick_open { position: absolute; width: 100%; max-width: 1200px; min-width: 1000px; left: 50%; background-color: #fff; margin-bottom: 0 auto; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out; padding: 40px 30px 40px; border-radius: 20px 20px 0px 0px; transform: translate(-50%, 20%);}
.auto_cart_total .quick_open .quick_open_text { position: relative; width: calc(100% - 80px) ; border-radius: 10px; display: flex; justify-content: left; margin-bottom: 30px; }
.auto_cart_total .quick_open .quick_open_text .alert_text { position: absolute; left: 30px; top: 15px;}
.auto_cart_total .quick_open .quick_open_text p { position: relative; margin-left: 30px; padding-left: 30px; font-size: 14px; color: #333; }
.auto_cart_total .quick_open .quick_open_text p i {  font-style: normal;}
.auto_cart_total .quick_open .quick_open_text p span { font-size: 16px; color: #8f1314; font-weight: 600;  margin-left: 30px; margin-right: 4px;}
.auto_cart_total .quick_open .quick_open_text p::before { position: absolute; left: -1px; top: 5px; width: 1px; height: 12px; background-color: #DDD; content: ""; }
.auto_cart_total .quick_open .quick_open_text h2 { font-size: 20px; color: #333; font-weight: 600;}
.auto_cart_total .quick_open .quick_open_text h2 span { font-size: 20px; color: #8f1314; font-weight: 600;}

.cart_slider_wrap { position: absolute; left: 0px; bottom: -200%; width: 100%; }
.cart_slider_wrap.active { position: relative; bottom: 0px;}
.cart_slider { width: 100%; }
.cart_slider li { position: relative; }
.cart_slider li>a { position: absolute; top: 10px; right: 10px; width: 24px; height: 24px; background-color: #FFF; border-radius: 50%; background-image: url("../../../image/common/icon_pop_close01.png"); background-size: 100%;}
.cart_slider li>a:hover { background-color: #DDD;}
.cart_slider li .product_img { width: 100%; background-color: #F4F4F4; border-radius: 10px; margin-bottom: 20px; padding: 15px;}
.cart_slider li .product_img img { width:100%;}
.cart_slider li .text_box { width: 100%; }
.cart_slider li .text_box h2 {position: relative; width: 100%; height: 40px; font-size: 14px; color: #000; line-height: 20px; text-align: left; overflow:hidden; text-overflow:ellipsis; word-break: keep-all; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 2; box-sizing: border-box; margin-bottom: 5px;  }
.cart_slider li .text_box h3 { font-size: 14px; }
.cart_slider li .text_box h3 span { font-size: 18px; }
.cart_slider li .text_box p.pv {color: #8f1314;}
.cart_slider li .text_box p { display: inline-block; font-size: 13px; color: #999;}
.cart_slider li .text_box p:last-child { margin-left: 5px;}
.cart_slider li .text_box p:last-child span { margin-left: 5px;}

.cart_slider_wrap .swiper-button-next, .cart_slider_wrap .swiper-button-prev { background-image: url("../../../image/common/controls_main02.png"); width: 40px; height: 40px; background-size: 80px 40px; }
.cart_slider_wrap .swiper-button-next {background-position: -40px 0px; right: 0px; top: -38px; }
.cart_slider_wrap .swiper-button-prev {background-position: 0px 0px; left: auto; top: -38px; right: 40px; }

.auto_cart_total.active { z-index: 92;}
.auto_cart_total.active  .quick_btn { border-radius: 0px;}
.auto_cart_total.active .auto_cart_total_con { bottom: 0px; transform: translateY(0%);}

.no_auto_cart { display: flex; justify-content: center; align-items: center; max-width: 1200px; margin: 0 auto; height: 270px; background-color: #F4F4F4; border-radius: 10px; }
.no_auto_cart div { text-align: center;}
.no_auto_cart i { display: inline-block; width: 70px; height: 70px; background-image:url("../../../image/common/icon_no_cart.png"); background-repeat: no-repeat; background-position: center center; margin-bottom: 10px;}
.no_auto_cart p { display: block; font-size: 18px; color: #666; text-align: center;}

.pop_content.product_detail_pop { padding: 0px; padding-bottom: 20px;}
.product_detail_pop>div { text-align: left; font-size: 16px; color: #333; line-height: 30px; }
.product_detail_pop a { display: inline-block;}
.product_detail_pop img {max-width: 900px;}
.product_detail_pop iframe {width:900px; height:506px;}
.product_detail_pop h1 { font-size: 34px;}
.product_detail_pop h2 { font-size: 30px;}
.product_detail_pop h3 { font-size: 26px;}
.product_detail_pop h4 { font-size: 22px;}
.product_detail_pop h5 { font-size: 18px;}

/*CART*/
.cart_list { width: 100%; margin-bottom:60px; }
.cart_list>li { position: relative; display: flex; align-items: center; min-height: 180px; padding:30px 400px 30px 220px; border-bottom: 1px solid #DDD; text-align: left;}

.cart_list>li.top_select>p, .cart_list>li>.check_box + label,.cart_list>li>.product_img, .cart_list>li .goods_count, .cart_list>li .pay_box,.cart_list>li .count_text {position: absolute; top: 50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.cart_list>li.top_select { display: block; min-height:80px; padding:30px 0px 30px 0px; text-align: right; border-top: 1px solid #222;}
.cart_list>li.top_select>p {position: absolute; left: 0px; }
.cart_list>li.top_select a { position: relative; padding: 0px 20px; font-size: 16px; color: #666;}
.cart_list>li.top_select a:first-child::before { position: absolute; right: -2px; top: 5px; width: 1px; height: 16px; background-color: #DDD; content: "";}
.cart_list>li.top_select a:hover { color: #8f1314;}

.cart_list>li>.check_box + label { left: 0px; }
.cart_list>li>.product_img { left: 40px; width: 140px; height: 140px; background-color: #F4F4F4; border-radius: 10px;}
.cart_list>li>.product_img img{width: 140px; height: 140px;}
.cart_list>li .goods_count {position: absolute; right: 260px; }

.cart_list>li .count_text {position: absolute; right: 260px; width: 100px; font-size: 20px; color: #888; text-align: center; }
.cart_list>li .count_text>span { font-size: 20px; }

.cart_list>li>.text span { display: inline-block; font-size: 16px; color: #666; text-align: left; margin-bottom: 5px;}
.cart_list>li>.text>p { display: block; font-size: 16px; color: #8f1314; text-align: left; font-weight: 500; margin-bottom: 5px;}
.cart_list>li>.text>h2 {position: relative; width: auto; font-size: 24px; color: #222; line-height: 30px; text-align: left; font-weight: 500; word-break: keep-all; margin-bottom: 5px;}
.cart_list>li>.text>h3 { font-size: 14px; line-height: 20px; color: #ed1c24;}

.cart_list>li .pay_box {right: 40px; width: 200px; text-align: right; }
.cart_list>li .pay_box p { position: relative; display: block;}
.cart_list>li .pay_box p.pay { font-size: 24px; color: #000; line-height: 40px; font-weight: 500;}
.cart_list>li .pay_box p.pv{ display: inline-block; font-size: 16px; color: #8f1314; line-height: 40px; }

.cart_list>li .goods_count { display: flex; width: 100px; height: 30px; overflow: hidden; border: 1px solid #DDD; }
.cart_list>li .goods_count input { width: 40px; height: 30px; font-size: 14px; text-align: center; line-height: 30px; color: #000; border: 0px; border-radius: 0px; padding: 0px;}
.cart_list>li .goods_count a { position: relative; display: inline-block; width: 29px; height: 30px; background-color: #FFF; }
.cart_list>li .goods_count a:first-child { border-right: 1px solid #DDD;}
.cart_list>li .goods_count a:last-child { border-left: 1px solid #DDD;}
.cart_list>li .goods_count a:hover { background-color: #F4F4F4;}
.cart_list>li .goods_count a:before, .cart_list>li .goods_count a:after { position: absolute; background-color: #000; content: ""; }
.cart_list>li .goods_count a:before { left:8px; top: 14px; width: 12px; height: 1px; }
.cart_list>li .goods_count a:after { left:13px; top: 8px; width: 1px; height: 12px; }
.cart_list>li .goods_count a:nth-child(1):after { display: none;}

.cart_list>li a.close {position: absolute; right: 10px; top: 15px; width: 30px; height: 30px; }
.cart_list>li a.close:before, .cart_list>li a.close:after {position: absolute; right: 7px; top: 15px; width: 15px; height: 1px; background-color: #888; content: ""; }
.cart_list>li a.close:before {transform: rotate(-45deg);}
.cart_list>li a.close:after {transform: rotate(45deg);}
.cart_list>li a.close:hover:before, .cart_list>li a.close:hover:after { background-color: #222;}

.content_box .cart_list li.no_data { flex-direction: column; background-image:url("../../../image/common/icon_no_cart.png"); padding: 220px 0px 140px; }
.content_box .cart_list li.no_data p { margin-bottom: 20px;}

.cart_list>li.soldout .text span, .cart_list>li.soldout .text p, .cart_list>li.soldout .text h2, .cart_list>li.soldout p.pay, .cart_list>li.soldout p.pv, .cart_list>li.soldout .count_text {text-decoration:line-through; color: #888;}
.cart_list>li.soldout .pay_box .price {color: #888;}
.cart_list>li.soldout .goods_count, .cart_list>li.soldout .goods_select, .cart_list>li.soldout>.check_box + label { display: none;}
.cart_list>li.soldout .text:before { display: inline-block; font-size:15px; color: #c90000; content: "[일시품절]"; margin-right: 5px; margin-bottom: 10px; }

.total_pay_info { border: 5px solid #F4F4F4; padding: 40px;}
.total_pay_info li { position: relative; display: flex; margin-bottom: 20px;}
.total_pay_info li p { position: relative; width:20%; font-size: 16px; color: #000; line-height: 20px; padding-right: 30px; }
.total_pay_info li p span { font-size: 14px; color: #888; margin-right: 10px; }
.total_pay_info li p::before { position: absolute; top: 0px; font-size: 20px; font-weight: 300; left: -30px; }
.total_pay_info li p:first-child { width: 24%; font-size: 18px; color: #8f1314; font-weight: 500;}
.total_pay_info li p:nth-child(2) { width: 35%;}
.total_pay_info li p:nth-child(3) { width: 15%;}
.total_pay_info li p:nth-child(3):before { content: "+";}
.total_pay_info li p:nth-child(4) { width: 26%;}
.total_pay_info li p:nth-child(4):before { content: "=";}
.total_pay_info li:last-child { margin-bottom: 0px; }

.total_pay { display: flex; justify-content: center; padding: 50px 0px; background-color: #F4F4F4; margin-bottom: 60px;}
.total_pay li { position: relative; text-align: center; padding: 0px 60px;}
.total_pay li p { font-size: 16px; line-height: 30px; margin-bottom: 10px;}
.total_pay li h2 { font-size: 30px; line-height: 40px; }
.total_pay li span { font-size: 16px; margin-top: 10px; color: #8f1314;}
.total_pay li::before { position: absolute; top: 50px; font-size: 34px; font-weight: 300;}
.total_pay li:first-child:before { right: -10px; content: "+";}
.total_pay li:last-child:before { left: -10px; content: "=";}
.total_pay li:last-child h2 { font-weight: 700; color: #8f1314; }

.card_info_pop img { width: 600px;}

/*ORDER*/
.cart_list.order {margin-bottom: 0px; border-top: 1px solid #222; padding: 20px 0px;}
.cart_list.order>li { min-height: 160px; padding:10px 400px 10px 180px; border-bottom: 0px; }
.cart_list.order>li>.product_img { left: 0px;}

.order_info_list {position: relative; width:100%; padding-bottom: 20px; border-bottom: 1px solid #DDD; margin-bottom: 60px; padding-left: 320px; }
.order_info_list>h2 { position: absolute; left: 0px; top: 0px; font-size: 34px; line-height: 50px; color: #222; text-align: left; font-weight: 700; margin-bottom: 30px;}
.order_info_list ul { overflow: hidden;}
.order_info_list li { position: relative; float: left; width: 100%; margin-bottom: 30px; text-align: left; }
.order_info_list li.half { width: 50%; padding-right: 0px;}
.order_info_list li h2 { font-size: 18px; line-height: 25px; color: #222; font-weight: 500; margin-bottom: 10px; }
.order_info_list li h2 span, .order_info_list li p span, .order_info_list li h3 span, .order_info_list li h4 span { position: relative; margin-left: 15px; padding-left: 15px; }
.order_info_list li h2 span::before, .order_info_list li p span::before, .order_info_list li h3 span::before, .order_info_list li h4 span::before { position: absolute; left: -1px; top: 5px; width: 1px; height: 16px; background-color: #DDD; content: ""; }
.order_info_list li p,.order_info_list li h3 { font-size: 16px; line-height: 25px; color: #222; margin-bottom: 10px; }
.order_info_list li h3 { color: #666;}
.order_info_list li h2 span { font-weight: 500;}
.order_info_list li h4 { font-size: 16px; line-height: 25px; color: #666; font-weight: 300; margin-bottom: 10px; margin-top: 30px; }
.order_info_list li h4 span { color: #222;}
.order_info_list .btn { position: absolute; top: 0px; right: 20px; width: 100px;}

.order_info_list .phone-set {position:relative; display: flex; max-width: 800px;}
.order_info_list .phone-set li { width:30%;}
.order_info_list .phone-set li:nth-child(2), .order_info_list .phone-set li:nth-child(4) { width:5%; text-align:center; line-height:50px;}
.order_info_list .phone-set li:nth-child(6) { line-height:50px; padding-left: 20px;}
.order_info_list .phone-set li .inp-txt { text-align:center;}


.order_form {position: relative; width:100%; }
.order_form>h2 { font-size: 34px; line-height: 50px; color: #222; text-align: left; font-weight: 700; margin-bottom: 30px;}
.order_form .top_tab_menu { margin-bottom: 60px;}

.order_add_list>li { position: relative; width: 100%; padding-left: 70px; padding-right: 140px; margin-bottom:40px;}
.order_add_list>li .radio_box + label { position: static; height: 25px; font-size: 18px; font-weight: 500; color: #222; margin-right:5px; background-image: none; padding-left: 0px; margin-bottom: 10px;}
.order_add_list>li .radio_box + label::before { display: none;}
.order_add_list>li .radio_box + label i { position: absolute; top: 50%; left: 0px; transform: translateY(-50%); width:40px; height: 40px; background-color: #DDD; border-radius: 50%; content: ""; background-image:url(../../../image/common/icon_auto_cart.png); background-repeat: no-repeat; background-position: -69px -8px; }
.order_add_list>li .radio_box:checked + label i { background-color: #8f1314;}
.order_add_list>li>span { display: inline-block; height: 25px; border: 1px solid #DDD;  font-size: 14px; color: #666; line-height: 23px; vertical-align:middle; border-radius: 5px; padding: 0px 10px; margin-bottom: 10px;}
.order_add_list>li>span.font_red { border-color: #8f1314; color: #8f1314;}

.order_add_list>li p,.order_add_list>li h2 { font-size: 16px; line-height: 25px; color: #666; font-weight: 400; margin-bottom: 10px; word-break: keep-all; }
.order_add_list>li p span, .order_add_list>li h2 span { position: relative; margin-left: 15px; padding-left: 15px; }
.order_add_list>li p span::before, .order_add_list>li h2 span::before { position: absolute; left: -1px; top: 5px; width: 1px; height: 16px; background-color: #DDD; content: ""; }
.order_add_list>li p span:first-child, .order_add_list>li h2 span:first-child { margin-left: 0px; padding-left: 0px; }
.order_add_list>li p span:first-child:before, .order_add_list>li h2 span:first-child:before { display: none;}
.order_add_list>li h2 { font-size: 17px; color: #222;}
.order_add_list>li .order_add_btn { position: absolute; top: 50%; right: 0px; display: flex; width: 130px; transform: translateY(-50%); border: 1px solid #DDD; border-radius: 10px; overflow: hidden;}
.order_add_list>li .order_add_btn a { position: relative; width: 50%; height: 38px; font-size: 14px; line-height: 38px; color: #222; font-weight: 400; text-align: center; }
.order_add_list>li .order_add_btn a::before{ position: absolute; left: -1px; top: 12px; width: 1px; height: 16px; background-color: #DDD; content: ""; }
.order_add_list>li .order_add_btn a:first-child::before { display: none;}
.order_add_list>li .order_add_btn a:hover { color: #8f1314; background-color: #F4F4F4;}

.order_add_text {position: relative; width:100%; padding-bottom: 40px; border-bottom: 1px solid #DDD; margin-bottom: 60px; }
.order_add_text li {margin-bottom: 20px; }
.order_add_text li .inp-txt { margin-top: 20px;}

.order_add_new>li { margin-bottom: 30px;}
.order_add_new>li input[type="checkbox"] + label { font-size: 16px;}

.order_pay_form {position: relative; width:100%; padding-bottom: 30px; border-bottom: 1px solid #DDD; margin-bottom: 60px; }
.order_pay_form>h2  { font-size: 34px; line-height: 50px; color: #222; text-align: left; font-weight: 700; margin-bottom: 30px;}

.order_pay_menu {  overflow: hidden; padding-bottom: 20px;}
.order_pay_menu input[type="radio"] {display: none;}
.order_pay_menu input[type="radio"] + label { position: relative; float: left; display: inline-block; width: 15%; height: 110px; border: 1px solid #DDD; font-size: 16px; line-height: 20px; text-align: center; color: #666; cursor: pointer; font-weight: 500; padding: 60px 0px 0px 0px;  margin-right: 2%; margin-bottom: 20px; box-sizing: border-box; background-image: none; border-radius: 10px; }
.order_pay_menu input[type="radio"] + label::before { display: none;}
.order_pay_menu input[type="radio"]:nth-of-type(6n) + label { margin-right: 0px;}
.order_pay_menu input[type="radio"] + label i { position: absolute; top: 20px; left: 50%; transform: translateX(-50%); width: 60px; height: 40px; background-image:url(../../../image/common/pay_icon.png); background-size:480px 80px; background-repeat: no-repeat; }
.order_pay_menu input[type="radio"] + label:hover { background-color: #F4F4F4; color: #222;}
.order_pay_menu input[type="radio"]:checked + label { background-color: #8f1314; border-color: #8f1314; color: #FFF;}
.order_pay_menu input[type="radio"].kakao_pay:checked + label { background-color: #ffeb00; border-color: #ffeb00; color: #222;}
.order_pay_menu input[type="radio"].naver_pay:checked + label { background-color: #00de5a; border-color: #00de5a; color: #222;}

.order_pay_menu i.type01{background-position: -60px 0px;}
.order_pay_menu i.type02{background-position: 0px 0px;}
.order_pay_menu i.type03{background-position: -180px 0px;}
.order_pay_menu i.type04{background-position: -120px 0px;}
.order_pay_menu i.type05{background-position: -240px 0px;}
.order_pay_menu i.type06{background-position: -300px 0px;}
.order_pay_menu input[type="radio"]:checked + label i.type01{background-position: -60px -40px;}
.order_pay_menu input[type="radio"]:checked + label i.type02{background-position: 0px -40px;}
.order_pay_menu input[type="radio"]:checked + label i.type03{background-position: -180px -40px;}
.order_pay_menu input[type="radio"]:checked + label i.type04{background-position: -120px -40px;}
.order_pay_menu input[type="radio"]:checked + label i.type05{background-position: -240px -40px;}
.order_pay_menu input[type="radio"]:checked + label i.type06{background-position: -300px -40px;}

.cardnum_input>li { margin-bottom: 30px;}
.cardnum_input>li h2 { font-size: 20px; margin-bottom: 20px;}

.cardnum_input.two>li { margin-bottom: 30px;}
.cardnum_input.two>li:nth-child(4) { border-bottom: 1px solid #DDD; padding-bottom: 40px; margin-bottom: 40px;}
.cardnum_input.two>li h3 { font-size: 18px; line-height: 30px; color: #004687; text-align: center;}
.cardnum_input.two>li h3 span { font-size: 30px; font-weight: 700; margin-right: 5px;}
.cardnum_input.two>li h3 span:nth-child(1) { font-size: 18px; color: #222; font-weight: 500; margin-right: 30px;}

.cardnum_input.three>li { margin-bottom: 30px;}
.cardnum_input.three>li:nth-child(4), .cardnum_input.three>li:nth-child(8) { border-bottom: 1px solid #DDD; padding-bottom: 40px; margin-bottom: 40px;}
.cardnum_input.three>li h3 { font-size: 18px; line-height: 30px; color: #004687; text-align: center;}
.cardnum_input.three>li h3 span { font-size: 30px; font-weight: 700; margin-right: 5px;}
.cardnum_input.three>li h3 span:nth-child(1) { font-size: 18px; color: #222; font-weight: 500; margin-right: 30px;}

.cardnum_input.info { display: flex; align-items: center;}
.cardnum_input.info>li h2 { margin-bottom: 0px;}
.cardnum_input.info>li { width: 20%; }
.cardnum_input.info>li .btn { width: 200px; font-size: 14px; }

.order_pay_form .info_box { padding: 40px 40px 10px 40px; background-color: #F4F4F4; border-radius: 10px; margin-top: 0px; margin-bottom: 30px;}
.order_pay_form .info_box p { word-break: keep-all; font-size: 14px; margin-bottom: 5px; }

.order_clouse { position: relative; background-color: #F4F4F4; border-radius: 10px; padding: 40px; margin-bottom: 40px;}
.order_clouse input[type="checkbox"].check_box + label { font-size: 18px;}
.order_clouse .btn_arrow { position: absolute; top: 40px; right: 40px;}

.point_total_title { display: flex; justify-content: space-between; padding: 40px 40px 40px 40px; border: 1px solid #DDD; border-radius: 10px; margin-bottom: 30px;}
.point_total_title h2 {font-size: 18px; line-height: 30px; color: #333;}
.point_total_title p {font-size: 20px; line-height: 30px; font-weight: 500; color: #333;}
.point_total_title p span { font-weight: 500; }

/*ORDER LIST*/
.order_list { width: 100%; margin-bottom:60px; border-top: 1px solid #000; }
.order_list>li { position: relative; display: block; border-bottom: 1px solid #DDD; }

.order_list>li .order_title_box { position: relative; display: flex; justify-content: space-between; padding-top: 20px; padding-right: 120px;}
.order_list>li .order_title_box .btn { position: absolute; top: 20px; right: 0px; width: 100px;}
.order_list>li .order_title_box h2 { font-size: 24px; line-height: 40px; font-weight: 700; }
.order_list>li .order_title_box h2 span { margin-left: 15px; font-size: 20px; font-weight: 500; }
.order_list>li .order_title_box>div { display: flex; align-items: center;}

.order_list>li .order_title_box>div h3 { font-size: 14px; line-height: 20px; color: #888; font-weight: 400; margin-left: 30px;}
.order_list>li .order_title_box>div h3:first-child { margin-left: 0px;}
.order_list>li .order_title_box>div h3 span { position: relative; margin-left: 15px; padding-left: 15px; font-size: 16px; color: #000; font-weight: 500;}
.order_list>li .order_title_box>div h3 span::before { position: absolute; left: -1px; top: 4px; width: 1px; height: 14px;background-color: #DDD; content: "";}

.order_list>li .order_con_box .product_img, .order_list>li .order_con_box .pay_box, .order_list>li .order_con_box .count_text {position: absolute; top: 50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}

.order_list>li .order_con_box { position: relative; min-height: 160px; text-align: left; }
.order_list>li .order_con_box>a { position: absolute; top: 0px; right: 10px; width: 60px; height: 100%; z-index: 1;}
.order_list>li .order_con_box>a::before { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width:30px; height: 30px; background-image:url(../../../image/common/icon_faq_open02.png); background-repeat: no-repeat; background-position: center center; content: "";}
.order_list>li .order_con_box>a.active::before { transform: translate(-50%, -50%) rotate(-180deg);}

.order_list>li .order_con_box .product_img { left: 0px; width: 120px; height: 120px; background-color: #F4F4F4; border-radius: 10px;}
.order_list>li .order_con_box .product_img img{width: 120px; height: 120px;}

.order_list>li .order_con_box .count_text {position: absolute; right: 320px; width: 100px; font-size: 20px; color: #888; text-align: center; }
.order_list>li .order_con_box .count_text>span { font-size: 20px; }

.order_list>li .order_con_box .text { display: flex; min-height: 160px; flex-direction: column; justify-content: center; align-items: flex-start; cursor: pointer; padding:20px 460px 20px 160px; }
.order_list>li .order_con_box .text span { display: inline-block; font-size: 16px; color: #666; text-align: left; margin-bottom: 5px;}
.order_list>li .order_con_box .text>p { display: block; font-size: 16px; color: #8f1314; text-align: left; font-weight: 500; margin-bottom: 5px;}
.order_list>li .order_con_box .text>h2 {position: relative; width: auto; font-size: 22px; color: #222; line-height: 30px; text-align: left; font-weight: 500; word-break: keep-all; margin-bottom: 5px;}
.order_list>li .order_con_box .text>h3 { font-size: 14px; line-height: 20px; color: #ed1c24;}

.order_list>li .order_con_box .pay_box {right: 100px; width: 200px; text-align: right; }
.order_list>li .order_con_box .pay_box p { position: relative; display: block;}
.order_list>li .order_con_box .pay_box p.pay { font-size: 24px; color: #000; line-height: 40px; font-weight: 500;}
.order_list>li .order_con_box .pay_box p.pv{ display: inline-block; font-size: 16px; color: #8f1314; line-height: 40px; }


.cart_list.order_list_detail { background-color: #F4F4F4; margin-bottom: 20px; border-radius: 10px; padding: 10px 0px;}
.cart_list.order_list_detail>li { border-bottom: 0px; min-height: 100px; padding: 20px 460px 20px 160px;}
.cart_list.order_list_detail>li .text>p { font-size: 14px;}
.cart_list.order_list_detail>li .text>h2 { font-size: 18px;}
.cart_list.order_list_detail>li .count_text { right: 320px; font-size: 14px;}
.cart_list.order_list_detail>li .count_text span { font-size: 14px;}
.cart_list.order_list_detail>li .pay_box { right: 100px;}
.cart_list.order_list_detail>li .pay_box p { line-height: 30px;}
.cart_list.order_list_detail>li .pay_box p.pay { font-size: 18px;}
.cart_list.order_list_detail>li .pay_box p.pv { font-size: 14px;}
.cart_list.order_list_detail>li>.product_img { background-color: #FFF; width: 80px; height: 80px; left: 20px;}
.cart_list.order_list_detail>li>.product_img img { width: 80px; height: 80px;}

.cart_list.shopping>li{ min-height: 120px; padding:20px 380px 20px 110px;}
.cart_list.shopping>li.top_select { min-height:80px; padding:30px 0px 30px 0px; }
.cart_list.shopping>li>.text>h2 { margin-bottom: 0px;}
.cart_list.shopping>li>.product_img { width: 80px; height: 80px; left: 0px;}
.cart_list.shopping>li>.product_img img { width: 80px; height: 80px;}
.cart_list.shopping>li .goods_shopping_select { position: absolute; right: 40px; top: 50%; transform: translateY(-50%);}
.cart_list.shopping>li .pay_box { right: 180px;}
.cart_list.shopping>li .pay_box p.pay, .cart_list.shopping>li .pay_box p.pv { line-height: 30px;}

/*ORDER OK / VIEW*/
.order_ok_box { position: relative; width: 100%; border-top: 1px solid #000; padding:80px 0px;}
.order_ok_box h2 { font-size: 30px; line-height: 30px; color: #000; margin-bottom: 20px; }
.order_ok_box h2 span { font-weight: 700;}
.order_ok_box p { display: inline-block; font-size: 20px; line-height: 30px; color: #999;  margin-left: 50px;}
.order_ok_box p:first-of-type { margin-left: 0px;}
.order_ok_box p span { position: relative; margin-left: 20px; padding-left: 20px; color: #222;}
.order_ok_box p span:before{ position: absolute; left: -1px; top: 5px; width: 1px; height: 20px; background-color: #DDD; content: ""; }

.order_ok_box .btn-set { position: absolute; top: 50%; transform: translateY(-50%); right: 20px; }
.order_ok_box div.btn-set { width: 200px;}
.order_ok_box div.btn-set .btn { margin-left: 0px; margin-bottom: 10px; }
.order_ok_box div.btn-set .btn:last-child { margin-bottom: 0px;}

.order_ok_box ul.btn-set { display: inline-flex; justify-content: right;} 
.order_ok_box ul.btn-set .btn { width: 120px;}
.order_ok_box ul.btn-set h3 { display: block; font-size: 16px; margin-bottom: 5px; color: #999; }
.order_ok_box ul.btn-set p { display: block; font-size: 18px; margin-bottom: 10px; color: #222;}


/*PRODUCT INFO BOX*/
.info_box { width: 100%; overflow: hidden; text-align: left; margin-top: 60px; margin-bottom: 40px; }
.info_box li { position: relative; float: left; margin-bottom: 30px;}
.info_box h2 { font-size: 18px; line-height: 30px; color: #333; margin-bottom: 10px;}
.info_box p { position: relative; padding-left: 15px; color: #888; font-size: 14px; }
.info_box p:before { position: absolute; left: 3px; top: 8px; width: 3px; height: 3px; background-color: #999; content: "";}
.info_box li .btn { position: absolute; top: 0px; left: 165px; width: 180px; font-size: 12px; height: 30px; line-height: 26px;}
.info_box li .btn.premium { left: 190px;}

/*SHOPPING PASS*/
.shopping_pass_con .cart_slider li .text_box p:last-child { margin-left: 0px;}
.shopping_pass_con .order_pay_menu input[type="radio"] + label { width: 23.5%;}
.shopping_pass_con .order_pay_menu input[type="radio"] + label:nth-of-type(4) {margin-right: 0px;}

.shopping_pass_total { position: fixed; right: 0px; bottom: 0px; left: 0px; z-index: 80; width: 100%; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out; }
.shopping_pass_total .quick_btn {position: relative; max-width: 1200px; margin: 0 auto; display: flex; justify-content: center; padding: 10px 10px; background-color: #8f1314; border-radius: 20px 20px 0px 0px; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out; }
.shopping_pass_total .btn { max-width: 1200px; background-color: #FFF; font-weight: 600; }
.shopping_pass_total .btn span { font-weight: 600; }

.shopping_pass_pop { width: 600px;}
.shopping_pass_pop .info_box{ padding: 40px; font-size: 13px; line-height: 20px; color: #666; background-color: #F4F4F4; margin-top: 0px; word-break: keep-all; margin-bottom: 30px; border-radius: 10px;}
.shopping_pass_pop p { font-size: 15px; line-height: 25px; color: #222; word-break: keep-all; margin-bottom: 30px; }

.shopping_pass_pop .shopping_pass_info { border-top: 1px solid #DDD; padding-top: 30px;}
.shopping_pass_pop .shopping_pass_info h2 { font-size: 15px; line-height: 25px; color: #222; font-weight: 500; margin-bottom: 20px;}
.shopping_pass_pop .shopping_pass_info h2 span { font-weight: 500;}
.shopping_pass_pop .shopping_pass_info .btn-set { margin-top: 30px;}
.shopping_pass_pop .shopping_pass_info .info_box.url { border: 0px; background-color: #F4F4F4; padding: 30px; color: #8f1314; border-radius: 10px; word-break: break-all;}

/*MYOFFICE MAIN*/
.myoffice_main_content { display: flex; flex-wrap: wrap; max-width: 1680px; min-width: 1280px; width: 100%; padding: 0 40px; margin: 0 auto -50px;}

.myoffice_main_content .myoffice_main_left { position: relative; width: 340px; padding: 0 49px 0 0; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out; }
.myoffice_main_content .myoffice_main_left>div { position: absolute; top: 0px; width:300px; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out; background-color: #8f1314; border-radius: 20px; overflow: hidden;}

.myoffice_main_content .myoffice_main_left.flow>div { position: fixed; top: auto; bottom: 50px;}
.myoffice_main_content .myoffice_main_left.bottom>div { position: absolute; top: auto; bottom: 50px;}

.myoffice_main_left_title { padding: 40px 30px; text-align: center;}
.myoffice_main_left_title>div { display: inline-block; width: 100px; height: 100px; border-radius: 50%; background-color: #FFF; padding: 20px; margin-bottom: 15px; }
.myoffice_main_left_title>h2 { font-size: 30px; line-height: 30px; color: #FFF; font-weight: 700; }
.myoffice_main_left_title>h2 span.secession { display: inline-block; width: 36px; height: 24px; background-color: #999; color: #FFF; font-size: 13px; line-height: 24px; margin-left: 5px; border-radius: 5px; vertical-align: middle;}
.myoffice_main_left_title>h3 { font-size: 18px; line-height: 30px; color: #FFF; margin-bottom: 20px;}
.myoffice_main_left_title>p { position: relative; width: 100%; display: flex; justify-content: space-between; margin-bottom: 5px;}
.myoffice_main_left_title>p span { font-size: 15px; line-height: 26px; color: #FFF; }
.myoffice_main_left_title>p span:nth-of-type(2) { font-size: 16px;}
.myoffice_main_left_title>p a { display: inline-block; padding: 0px 10px 0px 30px; font-size: 14px; line-height: 26px; font-weight: 500; color: #8f1314; background-color: #FFF; border-radius: 13px; background-image:url(../../../image/common/icon_myoffice_auto.png); background-repeat: no-repeat; background-position: 10px center; }
.myoffice_main_left_title>p a:hover { background-color: #ddd;}

.myoffice_main_left>div ul { background-color: #7b0b0c; border-radius: 0px 100px 0px 0px; padding: 20px 0px 30px;}
.myoffice_main_left>div ul li { padding: 0px 20px;}
.myoffice_main_left>div ul li a { position: relative; display: block; width: 100%; height: 50px; font-size: 15px; line-height: 30px; color: #FFF; padding: 10px 0px; }
.myoffice_main_left>div ul li a::before, .myoffice_main_left>div ul li a::after{position: absolute; right: 30px; width: 8px; height: 2px; background-color: #FFF; content: ""; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out; opacity: 0;}
.myoffice_main_left>div ul li a::before {top: 25px;  transform:rotate(-45deg);}
.myoffice_main_left>div ul li a::after {top: 20px;  transform:rotate(-135deg);}
.myoffice_main_left>div ul li a:hover::before, .myoffice_main_left>div ul li a:hover::after{opacity: 1;}

.myoffice_main_left .quick_menu a i {display:inline-block; width:30px; height:30px; background-image:url(../../../image/common/icon_myoffice_quick.png); background-repeat: no-repeat; background-size:330px 30px; overflow:hidden; text-indent:-9999px; vertical-align:middle; margin-right: 10px;}
.myoffice_main_left .quick_menu a i.kakao { background-position: 0px 0px;}
.myoffice_main_left .quick_menu a i.allowance { background-position: -30px 0px;}
.myoffice_main_left .quick_menu a i.group { background-position: -60px 0px;}
.myoffice_main_left .quick_menu a i.auto { background-position: -90px 0px;}
.myoffice_main_left .quick_menu a i.shopping { background-position: -120px 0px;}
.myoffice_main_left .quick_menu a i.order { background-position: -150px 0px;}
.myoffice_main_left .quick_menu a i.treeview { background-position: -180px 0px;}
.myoffice_main_left .quick_menu a i.myinfo { background-position: -210px 0px;}
.myoffice_main_left .quick_menu a i.qorder { background-position: -240px 0px;}
.myoffice_main_left .quick_menu a i.cart { background-position: -270px 0px;}
.myoffice_main_left .quick_menu a i.setup { background-position: -300px 0px;}

.myoffice_main_left>div ul li.kakao_join a { border: 1px solid #FFF; border-radius: 5px; text-align: center; margin-top: 10px;}
.myoffice_main_left>div ul li.kakao_join a:hover { background-color:#8f1314;}
.myoffice_main_left>div ul li.kakao_join a:hover::before, .myoffice_main_left>div ul li.kakao_join a:hover::after { opacity: 0;}


.myoffice_main_content .myoffice_main_right { display: block; width: calc(100% - 340px); transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out; }
.myoffice_main_right_title>h2 { display: block; font-size: 50px; line-height: 50px; color: #000; font-weight: 700; margin-bottom: 20px; }
.myoffice_main_right_title>h3 { display: inline-block; font-size: 18px; line-height: 30px; color: #333; font-weight: 700; }
.myoffice_main_right_title>h3 span { font-weight: 700;  }
.myoffice_main_right_title>p { display: inline-block; font-size: 16px; margin-left: 20px;}
.myoffice_main_right_title>p span { line-height: 26px; color: #333; margin-right: 10px; }


.myoffice_main_right .title_box { position: relative; width:100%; margin-bottom: 20px; }
.myoffice_main_right .title_box h2 { font-size: 24px; line-height: 40px; color: #000; font-weight: 700; }
.myoffice_main_right .title_box .btn { position: absolute; top: 0px; right: 0px; width: 120px;}

.myoffice_main_right .order_list { border: 1px solid #DDD; padding: 10px 30px; border-radius: 20px; overflow: hidden; margin-bottom: 0px; }
.myoffice_main_right .order_list li:last-child { border-bottom: 0px;}

.myoffice_main_right .order_list>li .order_title_box h2 { font-size: 20px;}
.myoffice_main_right .order_list>li .order_title_box h2 span { font-size: 16px;}
.myoffice_main_right .order_list>li .order_con_box .product_img { width: 90px; height: 90px;}
.myoffice_main_right .order_list>li .order_con_box .product_img img { width: 90px; height: 90px;}
.myoffice_main_right .order_list>li .order_title_box>div h3 span { font-size: 14px;}
.myoffice_main_right .order_list>li .order_con_box { min-height: 130px;}
.myoffice_main_right .order_list>li .order_con_box .text { min-height: 130px; padding: 20px 240px 20px 110px;}
.myoffice_main_right .order_list>li .order_con_box .text>p { font-size: 14px;}
.myoffice_main_right .order_list>li .order_con_box .text>h2 { font-size: 18px; line-height: 25px;}
.myoffice_main_right .order_list>li .order_con_box .count_text { right: 180px; width: 60px; font-size: 16px; }
.myoffice_main_right .order_list>li .order_con_box .count_text>span { font-size: 18px;}
.myoffice_main_right .order_list>li .order_con_box .pay_box { width: 180px; right: 0px;}
.myoffice_main_right .order_list>li .order_con_box .pay_box p.pay { font-size: 20px; line-height: 30px;}
.myoffice_main_right .order_list>li .order_con_box .pay_box p.pv { font-size: 14px; line-height: 30px;}
.myoffice_main_right .order_list>li.no_data {width: 100%; height: 420px; justify-content: center; text-align: center; padding: 250px 0px 120px; font-size: 18px; color: #999; cursor: default; background-image:url("../../../image/common/icon_no_data.png"); background-repeat: no-repeat; background-position: center 150px; }

.myoffice_main_right .notice_list { border: 1px solid #DDD; padding: 30px 30px; border-radius: 20px; overflow: hidden; margin-bottom: 0px; }
.myoffice_main_right .notice_list li p { font-size: 16px;}
.myoffice_main_right .notice_list li { padding: 20px 0px;}
.myoffice_main_right .notice_list li:last-child { border-bottom: 0px;}
.myoffice_main_right .notice_list li h2 { width: calc(100% - 280px); font-size: 16px;}
.myoffice_main_right .notice_list li.no_data {width: 100%; height: 300px; justify-content: center; text-align: center; padding: 180px 0px 120px; font-size: 18px; color: #999; cursor: default; background-image:url("../../../image/common/icon_no_data.png"); background-repeat: no-repeat; background-position: center 90px; }
.myoffice_main_right .notice_list li.no_data:hover { background-color: #FFF;}

.myoffice_main_right>div, .myoffice_main_right>ul { margin-bottom: 50px;}


/*MYOFFICE MAIN BUSINESS*/
.business_total .text_info { display: flex; justify-content: space-between; margin-bottom: 20px;}
.business_total .text_info li { font-size: 14px; color: #000;}
.business_total .text_info i { display: inline-block; vertical-align: middle; width: 20px; height: 20px; background-image: url(../../../image/common/icon_myoffice_update.png); background-repeat: no-repeat; margin-left: 3px; }
.business_total .text_info span.alert_text { color: #000; padding-left: 25px;}
.business_total .text_info span.alert_text::after { top: 1px; border: 0px; background-color: #666; color: #FFF; }
.business_total .select_title { align-items: center; position: relative; height: 90px; border: 2px solid #8f1314; border-radius: 20px; overflow: hidden; margin-bottom: 20px; padding-left: 20px; padding-right: 20px; padding-top: 20px; }
.business_total .select_title::before { position: absolute; left: 20px; top: 15px; font-size: 20px; line-height: 30px; color: #8f1314; font-weight: 700;  content: "MY BUSINESS";}
.business_total .select_title .select { height: 56px; border: 0px; font-size: 20px; line-height: 30px; color: #8f1314; font-weight: 700; background-image: url(../../../image/common/myoffice_select01.png); background-position: 95% 50%; }
.business_total .select_title .text_info { width: 100%; margin-bottom: 0px;}
.business_total .select_title h2 { font-size: 18px; color: #8f1314; padding-left: 160px; margin-bottom: 5px;}

.business_total .business_top { width: 100%; border: 1px solid #DDD; border-radius: 20px; overflow: hidden; margin-bottom: 10px;}
.business_total .business_top li { display: flex; padding:20px 30px;}
.business_total .business_top li h2, .business_total .business_top li p { box-sizing: border-box; }
.business_total .business_top li h2 { position: relative; width: 40%; font-size: 16px; line-height: 20px; font-weight: 700; color: #000; padding-left:60px; }
.business_total .business_top li h2 i { position: absolute; left: 0px; top: 50%; transform: translateY(-50%); display:inline-block; width:40px; height:40px; background-image:url(../../../image/common/icon_myoffice_main.png); background-repeat: no-repeat; background-size:240px 40px; overflow:hidden; text-indent:-9999px; vertical-align:middle; }
.business_total .business_top li h2 i.icon_business_total01 { background-position: 0px 0px; }
.business_total .business_top li h2 i.icon_business_total02 { background-position: -40px 0px; }
.business_total .business_top li h2 i.icon_business_total03 { background-position: -80px 0px; }
.business_total .business_top li h2 i.icon_business_total04 { background-position: -120px 0px; }

.business_total .business_top li h2 span { display: block; font-size: 14px;}
.business_total .business_top li p { display: flex; justify-content: center; align-items: center; width: 30%; font-size: 20px;}
.business_total .business_top li:first-child { padding: 40px 30px 20px;}
.business_total .business_top li:first-child h2 { font-size: 22px; padding-left: 0px; }
.business_total .business_top li:first-child p { font-size: 16px; font-weight: 700; }
.business_total .business_top li:last-child { border-top: 1px solid #DDD; margin-top: 20px; padding: 40px 30px;}
.business_total .business_top li:last-child h2, .business_total .business_top li:last-child p { color: #8f1314;}
.business_total .business_top li:last-child h2 { font-size: 18px; }
.business_total .business_top li:last-child p { font-weight: 700; }

.business_total .business_top_text { width: 100%; font-size: 14px; line-height: 20px; color: #666; text-align: right; margin-bottom: 40px;}

.business_total .business_box { width: 100%; display: flex; justify-content: space-between; margin-bottom: 40px;}
.business_total .business_box li { width: calc(50% - 15px); border: 1px solid #DDD; border-radius: 20px; padding-bottom: 15px; }
.business_total .business_box li>div { position: relative; padding: 30px 30px 10px 60px; display: flex; justify-content: space-between; }
.business_total .business_box li>div h2 { position: absolute; top: 30px; left: -10px; width:50px; height: 50px; background-color: #8f1314; border-radius: 10px; font-size: 18px; line-height: 20px; color: #FFF; text-align: center; padding-top: 5px; box-sizing: border-box; }
.business_total .business_box li>div h2 span { display: block; font-size: 12px;}
.business_total .business_box li>div h3 { font-size: 18px; line-height: 30px; color: #000; font-weight: 700; }
.business_total .business_box li>div h3 span { display: block; font-size: 15px; line-height: 20px; }
.business_total .business_box li>div p { font-size: 22px; line-height: 50px; color: #8f1314;}
.business_total .business_box li>p { display: flex; justify-content: space-between; width: 100%; padding: 15px 30px; border-bottom: 1px solid #DDD;}
.business_total .business_box li>p:last-of-type { border-bottom: 0px;}
.business_total .business_box li>p span { font-size: 16px; line-height: 20px; }
.business_total .business_box li>p span:last-child { font-size: 18px; }
.business_total .business_box li>p:nth-of-type(1) { border-bottom: 0px;}
.business_total .business_box li>p:nth-of-type(2),.business_total .business_box li>p:nth-of-type(2) { padding-top: 0px; }

.business_total .business_rank_box { width: 100%; display: flex; justify-content: space-between; margin-bottom: 40px;}
.business_total .business_rank_box li { width: calc(50% - 15px); border: 1px solid #DDD; border-radius: 20px; padding-bottom: 15px; overflow: hidden; }
.business_total .business_rank_box li>div { position: relative; padding: 30px 30px 30px 30px; display: flex; justify-content: space-between; border-bottom: 1px solid #DDD;}
.business_total .business_rank_box li>div.data_box { background-color: #F4F4F4; padding: 10px 30px;}
.business_total .business_rank_box li>div.data_box h2 { font-size: 18px; line-height: 30px; color: #000; }
.business_total .business_rank_box li>div.data_box>a { position: relative; display: inline-block; width: 30px; height: 30px; line-height: 20px; font-size:16px; color:#555; font-weight:500; padding: 5px 20px 5px 0px; font-weight: 400; }
.business_total .business_rank_box li>div.data_box>a:before,.business_total .business_rank_box li>div.data_box>a:after{position: absolute; right: 0px; width: 14px; height: 2px; background-color: #666; content: "";}
.business_total .business_rank_box li>div.data_box>a:before {top: 18px;  transform:rotate(-45deg);}
.business_total .business_rank_box li>div.data_box>a:after {top: 8px;  transform:rotate(-135deg);}
.business_total .business_rank_box li>div.data_box>a:hover { color:#8f1314; }
.business_total .business_rank_box li>div.data_box>a:hover:before,.business_total .business_rank_box li>div.data_box>a:hover:after {background-color: #8f1314;}
.business_total .business_rank_box li>div.data_box>a:nth-child(1)::before { top: 8px;}
.business_total .business_rank_box li>div.data_box>a:nth-child(1)::after { top: 18px;}
.business_total .business_rank_box li>div.data_box>a:nth-child(1):before,.business_total .business_rank_box li>div.data_box>a:nth-child(1):after{left: 0px; right: auto;}


.business_total .business_rank_box li>div h3 { font-size: 18px; line-height: 30px; color: #000; font-weight: 700; }
.business_total .business_rank_box li>div h3 span { display: block; font-size: 15px; line-height: 20px; }
.business_total .business_rank_box li>div p { position: relative; z-index: 5; font-size: 22px; line-height: 50px; color: #8f1314;}
.business_total .business_rank_box li>p { display: flex; justify-content: space-between; width: 100%; padding: 12px 30px; border-bottom: 1px solid #DDD;}
.business_total .business_rank_box li>p:last-of-type { border-bottom: 0px;}
.business_total .business_rank_box li>p span { font-size: 16px; line-height: 20px; color: #000;}
.business_total .business_rank_box li>p span:last-child { font-size: 18px; }

.business_total .business_rank_box li>div>.bar { position: relative; display: flex; justify-content: space-between; width: 100%; height: 50px; background-color: #fff1db; border-radius: 5px; overflow: hidden; padding: 0px 20px;}
.business_total .business_rank_box li>div>.bar h3 { line-height: 50px; z-index: 5;}
.business_total .business_rank_box li>div>.bar span { position: absolute; left: 0px; top: 0px; height: 50px; background-color: #f1d7b0;}

.business_total .business_rank_box li dl { display: flex; width: 100%; height: calc(100% - 95px);}
.business_total .business_rank_box li dd { width: 50%; height: 100%; padding: 90px 30px 0px; text-align: center;}
.business_total .business_rank_box li dd:first-child { border-right: 1px solid #DDD;}
.business_total .business_rank_box li dd h3 { font-size: 20px; line-height: 30px; color: #000; font-weight: 700; margin-bottom: 10px; }
.business_total .business_rank_box li dd p { font-size: 16px; line-height: 30px; color: #000; margin-bottom: 40px; text-align: left; }
.business_total .business_rank_box li dd p:nth-of-type(1) { text-align: right;}
.business_total .business_rank_box li dd .bar { position: relative; width: 100%; height: 30px; background-color: #F4F4F4; border-radius: 5px; overflow: hidden; margin-bottom: 20px; }
.business_total .business_rank_box li dd .bar span { position: absolute; left: 0px; top: 0px; height: 30px; background-color: #c4d7f7;}
.business_total .business_rank_box li dd:first-child .bar span { background-color: #f7c4d0;}


.business_total .business_bottom { width: 100%; display: flex; justify-content: space-between; margin-bottom: 40px;}
.business_total .business_bottom li { position: relative; overflow: hidden; display: flex; justify-content: space-between; width: calc(50% - 15px); border: 1px solid #DDD; border-radius: 20px; padding: 40px 30px; }
.business_total .business_bottom li a { position: relative; font-size: 16px; line-height: 20px; font-weight: 700; color: #000; padding-left:60px; }
.business_total .business_bottom li a::before { position: absolute; top: 50%; transform: translateY(-50%); right: -40px; width: 26px; height: 26px; background-color: #8f1314; border-radius: 5px; font-size: 26px; line-height: 26px; font-weight: 500; color: #FFF; text-align: center; content: "+";}
.business_total .business_bottom li a i { position: absolute; left: 0px; top: 50%; transform: translateY(-50%); display:inline-block; width:40px; height:40px; background-image:url(../../../image/common/icon_myoffice_main.png); background-repeat: no-repeat; background-size:240px 40px; overflow:hidden; text-indent:-9999px; vertical-align:middle; }
.business_total .business_bottom li a i.icon_business_total05 { background-position: -160px 0px; }
.business_total .business_bottom li a i.icon_business_total06 { background-position: -200px 0px; }
.business_total .business_bottom li p {font-size: 18px; line-height: 20px; color: #000;}

/*주민번호/계좌번호 수집안내 팝업*/
.layer_popup .pop_content.my_number { width: 600px;}

.my_number .my_number_info_box span { font-size:14px; padding:5px 10px; background-color:#000; color:#FFF; display:inline-block; margin-bottom:10px; border-radius: 5px;}
.my_number .my_number_info_box p { font-size: 13px; color: #666; line-height:15px; margin-bottom:20px;}

.my_number .my_pop_box { position:relative; border:1px solid #8f1314; padding: 20px; margin-bottom: 20px; border-radius: 10px;}
.my_number .my_pop_box>h2 { font-size: 16px; margin-bottom: 10px;}
.my_number .my_pop_box .re_number-set { width: 100%; position:relative;overflow:hidden; margin-bottom: 10px; }
.my_number .my_pop_box .re_number-set li { float: left; width: 47%;}
.my_number .my_pop_box .re_number-set li:nth-child(2) { width: 6%; line-height: 50px; font-size: 16px; text-align: center;}
.my_number .my_pop_box .re_number-set li .inp-txt { text-align: center;}

.my_number .my_pop_box .bank-set { width: 100%; margin-bottom: 10px;}
.my_number .my_pop_box .bank-set li:first-child { width:30%; padding-right:10px;}
.my_number .my_pop_box .bank-set li { width:70%; padding-right: 0px; }

.my_number .my_pop_box .my_pop_btn {width: 100%; position:relative;overflow:hidden;}
.my_number .my_pop_box .my_pop_btn li { float: left; }
.my_number .my_pop_box .my_pop_btn li:first-child {width: 60%; line-height: 40px; font-size:14px;}
.my_number .my_pop_box .my_pop_btn li:last-child { width: 40%; }
.my_number span.dot_text { font-size: 14px; word-break: keep-all;}

/*하선회원 비즈니스팝업*/
.pop_content.myoffice_main.group .myoffice_main_content { margin: 0px; padding: 0px; width: 100%; max-width: 100%; min-width: 1100px;}
.pop_content.myoffice_main.group .myoffice_main_content .myoffice_main_left.flow>div { top: 100px; bottom: auto;}
/* .pop_content.myoffice_main.group .myoffice_main_content .business_total .select_title { display: block; height: 90px; padding-left: 20px; padding-top: 50px;} */

/*계보도 리뉴얼*/
.tree_view_title { width: 100%; background-color: #DDD; font-size: 18px; padding: 20px; font-weight: 600; color: #8f1314; text-align: center;}
.tree_view_title span { font-size: 14px; margin-left: 10px; text-align: left;}

.sub_content.tree_view_full .content_box { padding: 0px;}
.tree_view_con .svg-chart-container { height: 100%;}

/*계보도 리뉴얼 박스컨텐츠*/
.tree_view_con .chart-container { width: 100%; height: 100%;}
.tree_view_con .chart-container .box { background-color:#FFF; border:1px solid #999; display:inline-block; margin:0px 5px; font-size:12px; line-height:15px; text-align:left; color:#222; border-radius: 10px; }
.tree_view_con .chart-container .box>div { margin:0px; padding:10px;}
.tree_view_con .chart-container .box>div:first-child {cursor:pointer; }
.tree_view_con .chart-container .box>div:last-child { position: relative;}
.tree_view_con .chart-container .box>div:last-child p {width: 95%; font-size: 11px; height: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tree_view_con .chart-container .box>div>span { display:inline-block; text-align:center; padding:2px 4px 2px 4px; border-radius:0; color:#FFF; margin-right:5px; border-radius: 5px;}
.tree_view_con .chart-container .box>div>span.left { background-color:#1a325d;}
.tree_view_con .chart-container .box>div>span.right { background-color:#666;}
.tree_view_con .chart-container .box>div>span.level { background-color:#333; margin-top:5px; color:#FFF;}
.tree_view_con .chart-container .box>div b { font-weight: 500; color: #8f1314; margin-right: 4px;}
.tree_view_con .chart-container .box .name_btn { background-color:#F4F4F4; color:#222; text-align:center; cursor:pointer; border-top:1px solid #BBB; border-bottom:1px solid #BBB; padding:0px; font-size:12px; line-height:30px;}
.tree_view_con .chart-container .box .name_btn:hover { background-color:#8f1314; color:#FFF; border-color:#8f1314; }

.tree_view_con .chart-container path { stroke: #666;}
.tree_view_con .chart-container .node-button-div>div { font-size: 12px !important; border-radius: 20px !important; color: #666 !important; padding: 2px 5px !important; border: 1px solid #666 !important; background-color: #FFF !important;}

/*계보도 리뉴얼 탈퇴회원*/
.tree_view_con .chart-container .box.false {background-color:#F4F4F4; color:#AAA;}
.tree_view_con .chart-container .box.false>div>span { background-color:#AAA; }
.tree_view_con .chart-container .box.false>div>span.lavel { background-color:#AAA; margin-top:5px; color:#FFF; }
.tree_view_con .chart-container .box.false .name_btn { background-color:#F4F4F4; color:#AAA; text-align:center; cursor:pointer; border-color:#BBB;}
.tree_view_con .chart-container .box.false .name_btn:hover { background-color:#F4F4F4; }
.tree_view_con .chart-container .box.false b { color: #aaa;}

/*계보도 리뉴얼 유지*/
.tree_view_con .chart-container .box.active { border-color:#666; }
.tree_view_con .chart-container .box.auto { background-color: #ffebeb; border-color:#8f1314;}
.tree_view_con .chart-container .box.auto .name_btn { background-color:#f8d1d2; border-color: #b65859;}
.tree_view_con .chart-container .box.auto .name_btn:hover { background-color:#8f1314; border-color: #8f1314;}
.tree_view_con .chart-container .box.default { border-color:#666; }
.tree_view_con .chart-container .box.active>div>span { background-color:#8f1314;}
.tree_view_con .chart-container .box.default>div>span { background-color:#666;}
.tree_view_con .chart-container .box.default .name_btn:hover { background-color:#666; color:#FFF; border-color:#666; }

/*계보도 리뉴얼 없음*/
.tree_view_con .chart-container .box_none { background-color:#F4F4F4; border:1px solid #999; display:inline-block; font-size:18px; text-align:center; color:#888; line-height:180px; margin:0px 5px; border-radius:0; border-radius: 10px;}

/*오토십유지 미유지*/
.tree_view_con .chart-container .box>div>span.auto { position: absolute; right: 8px; top: 10px; width: 16px; height: 16px; background-color:#8f1314; font-size: 11px; line-height: 10px; text-align: center; margin-right:0px; border-radius: 4px;}

/*사업자전환 비밀번호입력*/
.licensee_popup .layer_pop_membership_pass { width: 500px; padding-right: 10px; margin-top: 40px;}
.licensee_popup .layer_pop_membership_pass li { position: relative; }
.licensee_popup .layer_pop_membership_pass li .btn_password { position: absolute; top: 41px; right: 4px; z-index: 2; width: 48px; height: 48px; background-color: #FFF; background-position: center center; background-repeat: no-repeat; border-radius: 5px; }
.licensee_popup .layer_pop_membership_pass li .btn_id_del { background-image: url("../../../image/common/btn_del_member.jpg"); }
.licensee_popup .layer_pop_membership_pass li .btn_password { background-image: url("../../../image/common/icon_pass_view.png"); transition: all 0s ease-out; -webkit-transition: all 0s ease-out; }
.licensee_popup .layer_pop_membership_pass li .btn_password.password_view_on {background-position: 0px 0px; }
.licensee_popup .layer_pop_membership_pass li .btn_password.password_view_off {background-position: -50px 0px; }

/*카카오 회원가입전달 팝업*/
.layer_pop_kakao_join { width: 500px;}
.layer_pop_kakao_join>li { margin-bottom: 20px;}

/*하위주문검색*/
.consumer_down_order_title { position: relative; width: 100%; padding: 60px 60px 60px 300px; overflow: hidden; background-color: #F4F4F4; margin-bottom: 50px; }
.consumer_down_order_title>span { position: absolute; left: 60px; top: 60px; width: 300px; font-size: 36px; line-height: 50px; color: #222; font-weight: 100; }
.consumer_down_order_title>span i { display: block; font-size: 20px; font-style: normal; line-height: 30px;}
.consumer_down_order_title>ul { display: flex; width: 100%;}
.consumer_down_order_title>ul li { width: 50%; text-align: center;}
.consumer_down_order_title>ul li p { font-size: 16px; line-height: 30px; font-weight: 300; color: #222; margin-bottom: 10px; }
.consumer_down_order_title>ul li h2 { font-size: 20px; line-height: 30px; font-weight: 500; color: #8f1314; }
.consumer_down_order_title>ul li h2 span { font-size: 28px; font-weight: 500; margin-right: 5px; }
.consumer_down_order_title>ul li:nth-child(1) h2 { color: #000;}