/* 원본(pmi-korea.com)의 @import 2줄 제거 — 원본 경로 /css/front/kr/* 가 이 앱엔 없어 404.
   front01.css(허과장님)/front02.css(이정환님)는 layout.tsx 에서 /css/front01.css,
   /css/front02.css 로 직접 <link> 로드하므로 적용 결과는 동일하다. */

/*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.70); }
.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; overflow: hidden; left: 50%; top: 50%; width:700px; height:885px; transform: translate(-50%, -50%);  background-color:#FFF; border-radius: 15px; z-index: 1; }
.main_layer_popup .layer_con>a {position: absolute; top: 0px; right: 0px; width: 50px; height: 50px; background-image: url(https://www.pmi-korea.com/resources/image/common/icon_pop_close01.png); background-repeat: no-repeat; z-index: 2; }

.main_layer_slider {position: relative; width: 700px; height:835px;}
.main_layer_slider .swiper-slide { width: 100%; height: 100%; background-color:#F4F4F4; background-image:url("https://www.pmi-korea.com/resources/image/common/logo_w.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_slider.swiper-container-horizontal > .swiper-pagination-progressbar, .main_layer_slider.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite  { height: 2px; top: auto; bottom: 0px; }
.main_layer_slider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color:#004687; }

.main_layer_popup .layer_con .close_btn { width:100%; overflow: hidden; }
.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:#004687; background-color:#EEE; }

/* FRONT MAIN POPUP (일반팝업) */
.main_normal_popup .close_btn { padding: 10px;}

/*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(https://www.pmi-korea.com/resources/image/common/icon_pop_close01.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 {position: relative; max-width: 100%; min-width: 1600px; overflow: hidden; margin-bottom: 120px; }
.shopping_main_banner_wrap::before { position: absolute; width: 200%; height: 1220px; left: 56%; margin-left: 90px; background-color: #F4F4F4; content: ""; }

.shopping_main_banner_con {position: relative; width: 1600px; height: 1220px; margin: 0 auto; position: relative; }
.shopping_main_banner_con .shopping_main_slider { position: absolute; left: 0px; top: 140px; width: 860px; height: 980px; }
.shopping_main_banner_con .shopping_main_slider .swiper-slide img { position: absolute; bottom: 0px; right: 0px; width: 860px; height: 520px; }
.shopping_main_banner_con .shopping_main_slider .swiper-slide>div { position: absolute; top:80px; right: 0px; width: 860px; z-index: 1; text-align: center; display: flex; flex-direction: column; justify-content: flex-start; align-items: center;  }
.shopping_main_banner_con .shopping_main_slider .swiper-slide p { font-size: 18px; line-height: 20px; color: #cd1619; font-weight: 400; margin-bottom: 30px; word-break: keep-all; }
.shopping_main_banner_con .shopping_main_slider .swiper-slide .title_box { width: 100%; height: 110px; display: flex; justify-content: center; align-items: center; margin-bottom: 60px;  }

.shopping_main_banner_con .shopping_main_slider .swiper-slide h2 { font-size: 52px; line-height: 55px; color: #222; font-weight: 500; overflow:hidden; text-overflow:ellipsis; word-break: keep-all; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 2;}

.shopping_main_banner_con .shopping_main_slider .swiper-slide>div .btn-set { display: flex; justify-content: center; align-items: center; flex-direction: column;  height: 100px;}
.shopping_main_banner_con .shopping_main_slider .swiper-slide .btn { width: auto; padding: 0px 30px;}
/* div.shopping_main_banner_con .slider_control { position: absolute; right: 0px; bottom: 0px; width: 140px; height: 50px; display: flex; align-items: center; justify-content:center; font-size: 16px; line-height: 20px; letter-spacing: 3px; color: #222; z-index: 10; background-color: rgba(255,255,255,0.80); border-radius:20px 0px 0px 0px; padding-left: 10px; }
div.shopping_main_banner_con .shopping_main_slider .swiper-button-next ,div.shopping_main_banner_con .shopping_main_slider .swiper-button-prev { display: inline-block; position: relative; width:20px; height: 20px; background-image:url("https://www.pmi-korea.com/resources/image/common/controls_main2.png"); background-repeat:no-repeat; background-size:40px 20px; margin-top: 0px; top: auto; left: auto; right: auto;}
div.shopping_main_banner_con .shopping_main_slider .swiper-button-prev {background-position: 0px 0px; margin-left: 10px; }
div.shopping_main_banner_con .shopping_main_slider .swiper-button-next {background-position: -20px 0px; } */

.shopping_main_banner_con .shopping_main_slider .swiper-slide div.btn_box { position: relative; display: block; top: auto; width: 100%; height: auto;}
.shopping_main_banner_con .shopping_main_slider .swiper-slide div.btn_box .btn { margin: 0px 5px; }

.shopping_main_banner_con .shopping_main_slider .btn.notice { position: relative; display: inline-block; width: auto; color: #222; padding: 0px 15px;}
.shopping_main_banner_con .shopping_main_slider .btn.notice::before { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 1px; background-color: #222; content: "";}
.shopping_main_banner_con .shopping_main_slider .btn.notice:hover { color:#cd1619;}
.shopping_main_banner_con .shopping_main_slider .btn.notice:hover::before { animation: 300ms linear ani_width; background-color: #b70a0d; }

.shopping_main_banner_con .swiper-pagination { width: 860px; bottom: 60px;}
.shopping_main_banner_con .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0px 8px;}
.shopping_main_banner_con .swiper-pagination .swiper-pagination-bullet-active { background-color: #000;}


div.shopping_main_banner_con .slider_control .stop_btn { display: inline-block; width: 20px; height: 20px; vertical-align: top; }
div.shopping_main_banner_con .slider_control .stop_btn i { display:inline-block; width:20px; height:20px; background-image:url(https://www.pmi-korea.com/resources/image/common/icon_stop.png); background-repeat: no-repeat; overflow:hidden; text-indent:-9999px; vertical-align:middle; }
div.shopping_main_banner_con .slider_control .stop_btn i.icon_pause { background-position: 0px -2px;}
div.shopping_main_banner_con .slider_control .stop_btn i.icon_play { background-position: 0px -22px;}

.shopping_main_banner_con .shop { position: absolute ; top:220px; right: 0px; width: 500px; text-align: center; }
.shopping_main_banner_con .shop img { width: 500px; height: 460px; margin-bottom:80px; }
.shopping_main_banner_con .shop p { font-size: 18px; line-height: 20px; color: #cd1619; font-weight: 400; margin-bottom: 30px; word-break: keep-all; }
.shopping_main_banner_con .shop h2 { font-size: 36px; line-height: 45px; color: #222; font-weight: 500; margin-bottom: 60px; word-break: keep-all; }
.shopping_main_banner_con .shop .btn { position: relative; display: inline-block; width: 140px; color: #222;}
.shopping_main_banner_con .shop .btn::before { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 1px; background-color: #222; content: "";}
.shopping_main_banner_con .shop .btn:hover { color:#cd1619;}
.shopping_main_banner_con .shop .btn:hover::before { animation: 300ms linear ani_width; background-color: #b70a0d; }


/*PRODUCT MAIN BANNER*/
.product_banner_wrap { position: relative; max-width: 100%; min-width: 1600px; overflow: hidden; }
.product_banner_wrap .product_banner_con { position: relative; display: flex; width: 1600px; margin: 0 auto 150px;}

.product_banner_con .title_box { position: relative; width: 570px;}
.product_banner_con .title_box h2 { position: relative; display: block; font-size:36px; color: #222; font-weight: 500; line-height: 50px; margin-bottom: 20px; z-index: 2; word-break: keep-all; }
.product_banner_con .title_box span { position: relative; display: inline-block; width: auto; padding: 0px 15px; height: 30px; font-size: 14px; color: #FFF;  line-height: 28px;text-align: center; border-width: 300; background-color: #666666; border-radius: 15px; margin-right: 10px; margin-bottom: 10px; z-index: 2; }
.product_banner_con .title_box .btn { position: relative; width: auto; padding: 0px 30px; z-index: 2;}
.product_banner_con .title_box img { position: relative; width: 570px; height: 320px; content: ""; z-index: 1; margin-top: 30px;}

.product_banner_wrap.health .product_banner_con .title_box { margin-right: 80px;}
/* .product_banner_wrap.health .product_banner_con .title_box img { left: 0px; top: 200px;} */

/* .product_banner_wrap.skin { margin-bottom: 80px;} */
.product_banner_wrap.skin .product_banner_con .title_box { margin-left: 80px;}
/* .product_banner_wrap.skin .product_banner_con .title_box img  { left: 0px; top: 200px;} */

.product_banner_wrap.auto { background-image:url(https://www.pmi-korea.com/resources/image/common/bg_product_banner04.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover;}
.product_banner_wrap.auto .product_banner_con { min-height: 500px; padding-left:650px; margin-bottom: 200px; }
.product_banner_wrap.auto .product_banner_con .title_box { padding-left: 80px; background-color: #FFF;}
.product_banner_wrap.auto .product_banner_con .product_list { width: 380px; background-color: #FFF; margin-bottom: 0px; padding-bottom: 80px;}
.product_banner_wrap.auto .product_banner_con .title_box img  { right: 0px; bottom: -160px; }

.product_banner_con .product_list { width:950px; margin-bottom: 110px;}
.product_banner_con .product_list>li { width: 300px; margin-right: 25px; padding: 20px; }
.product_banner_con .product_list>li:nth-child(3) { margin-right: 0px;}
.product_banner_con .product_list>li>.product_img { height: 260px; }
.product_banner_con .product_list>li>.product_img img {width: 260px; height: 260px;}
.product_banner_con .product_list>li>span { right: 15px; top: 15px; padding:0px 10px; height: 24px; font-size: 12px; color: #FFF; font-weight: 400; line-height: 24px; }

.product_banner_con .product_list>li h3 {font-size: 14px; line-height:20px;}
.product_banner_con .product_list>li h2 {font-size:20px; line-height:30px; }


.product_banner_con .product_list .product_pay_text p { font-size: 14px; line-height:25px; padding-left: 80px; }
.product_banner_con .product_list .product_pay_text p::before { font-size: 14px; line-height:25px; }
.product_banner_con .product_list .product_pay_text p.pay, .product_banner_con .product_list .product_pay_text p.team { font-size: 18px;}

.product_banner_con .product_list>li .product_btn {top: 330px; }
.product_banner_con .product_list>li .product_btn li:nth-child(1) { width: 40%;}
.product_banner_con .product_list>li .product_btn li { width: 30%;}




.product_banner_wrap .swiper-container { display: flex; align-items: center; width: 950px; height: auto;}
.product_banner_wrap .swiper-wrapper { height: auto;}

.product_banner_wrap .swiper-slide { position: relative; background-color: #F4F4F4; cursor: pointer; padding: 20px; border: 1px solid #F4F4F4; }


.product_banner_wrap .swiper-slide .product_img { position: relative; display: block; width: 100%; overflow: hidden; margin-bottom: 20px;}

.product_banner_wrap .swiper-slide .product_img img {width: 100%; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease -in-out;}
.product_banner_wrap .swiper-slide>div>span { position: absolute; right: 10px; top: 13px; display: inline-block; width: 36px; height: 24px; z-index: 2; background-image:url("https://www.pmi-korea.com/resources/image/common/icon_newflag.png"); background-size: 100%; }
.product_banner_wrap .swiper-slide>div>span.flag { }

.product_banner_wrap .swiper-slide h3 {width:80%; font-size: 14px; line-height:20px; color: #cd1619; margin-bottom: 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.product_banner_wrap .swiper-slide h2 {width:100%; height: 60px; font-size:20px; line-height:30px; font-weight: 500; color:#222; overflow:hidden; text-overflow:ellipsis; word-break: keep-all; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 2; margin-bottom: 10px;}
.product_banner_wrap .swiper-slide .product_pay_text p { position: relative; width: 100%; text-align: right; font-size: 14px; line-height:25px; color:#888; padding-left: 80px; }
.product_banner_wrap .swiper-slide .product_pay_text p::before { position: absolute; left: 0px; top: 0px; font-size: 14px; line-height:25px; color:#888; content: ""; }

.product_banner_wrap .swiper-slide .product_pay_text p.pay, .product_banner_wrap .swiper-slide .product_pay_text p.team { font-size: 18px; line-height: 25px; font-weight: 500;}
.product_banner_wrap .swiper-slide .product_pay_text p.pay::before, .product_banner_wrap .swiper-slide .product_pay_text p.team::before { line-height: 25px;}
.product_banner_wrap .swiper-slide .product_pay_text p.pay { color:#222;}
.product_banner_wrap .swiper-slide .product_pay_text p.team { color: #cd1619;}
.product_banner_wrap .swiper-slide .product_pay_text p.pay::before { content: "권장소비자가";}
.product_banner_wrap .swiper-slide .product_pay_text p.team::before { content: "팀파트너가";}
.product_banner_wrap .swiper-slide .product_pay_text p.point::before { content: "포인트";}
.product_banner_wrap .swiper-slide .product_pay_text p.gv::before { content: "GV";}


.product_banner_wrap .swiper-slide .product_btn {position: absolute; top: 330px; left: -1px; height:50px; overflow:hidden; text-align: center; z-index: 2; width: calc( 100% + 1px); background-color: #cd1619; opacity: 0; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out; transform:translateY(30px); -webkit-transform:translateY(30px); visibility: hidden;  display: flex; flex-wrap: wrap;}

.product_banner_wrap .swiper-slide .product_btn li { position: relative; width: 30%; margin-right: 0; padding: 0; display: block; height: 60px; }
.product_banner_wrap .swiper-slide .product_btn li:nth-child(1) {width: 40%; }
.product_banner_wrap .swiper-slide .product_btn li:nth-child(2):before { position: absolute; top: 20px; right: -1px; width: 1px; height: 12px; background-color: #FFF; content: "";}
.product_banner_wrap .swiper-slide .product_btn li select { width:100%; padding-left:20px; line-height:50px; height:50px; text-align:left; color: #FFF; background-color: #cd1619; background:  url("../../image/common/arrow_select03.png") no-repeat right center; margin: 0; border: 0;}
.product_banner_wrap .swiper-slide .product_btn li select option { color: #222;}
.product_banner_wrap .swiper-slide .product_btn li>a {display: inline-block; width: 100%; height: 50px; text-align: center; line-height: 50px; font-size: 15px;  padding: 0 10px; color: #FFF;}
.product_banner_wrap .swiper-slide .product_btn li>a:hover {color:#ffa1bb;}

.product_banner_wrap .swiper-slide .product_btn .goods_count { border: 0px; border: 1px solid #cd1619; width: 100%; height: 50px; border-radius: 0px;}
.product_banner_wrap .swiper-slide .product_btn .goods_count a, .product_banner_wrap .swiper-slide .product_btn .goods_count input { height: 48px; background-color: #FFF;}
.product_banner_wrap .swiper-slide .product_btn .goods_count input { color: #cd1619;}
.product_banner_wrap .swiper-slide .product_btn .goods_count input:focus { color: #ffa1bb;}
.product_banner_wrap .swiper-slide .product_btn .goods_count a:before, .product_banner_wrap .swiper-slide .product_btn .goods_count a:after { background-color: #cd1619;}
.product_banner_wrap .swiper-slide .product_btn .goods_count a:hover:before, .product_banner_wrap .swiper-slide .product_btn .goods_count a:hover:after { background-color: #ffa1bb;}
.product_banner_wrap .swiper-slide .product_btn .goods_count a:before { top: 25px;}
.product_banner_wrap .swiper-slide .product_btn .goods_count a:after { top: 21px;}

.product_banner_wrap .swiper-slide.active { border: 1px solid #cd1619;}
.product_banner_wrap .swiper-slide.active>.product_img img { scale: 1.1;}
.product_banner_wrap .swiper-slide.active .product_btn { opacity: 1; visibility: visible; transform:translateX(0px); -webkit-transform:translateX(0px); }

.product_banner_wrap .swiper-slide.no_data { width: 100% !important; height: 400px; border: 1px solid #DDD; background-color: #FFF; display: flex; justify-content: center; align-items: center; }
.product_banner_wrap .swiper-slide.no_data p { font-size: 20px;}

div.product_banner_wrap .slider_control { position: absolute; right: 0px; bottom: -80px; width: 160px; height: 50px; display: flex; align-items: center; justify-content:center; font-size: 16px; line-height: 20px; letter-spacing: 3px; color: #222; z-index: 10; background-color:#F4F4F4; border-radius:25px; padding-left: 10px; }
div.product_banner_wrap .slider_control .swiper-button-next ,div.product_banner_wrap .slider_control .swiper-button-prev { display: inline-block; position: relative; width:20px; height: 20px; background-image:url("https://www.pmi-korea.com/resources/image/common/controls_main2.png"); background-repeat:no-repeat; background-size:40px 20px; margin-top: 0px; top: auto; left: auto; right: auto;}
div.product_banner_wrap .slider_control .swiper-button-prev {background-position: 0px 0px; margin-left: 10px; }
div.product_banner_wrap .slider_control .swiper-button-next {background-position: -20px 0px; }
div.product_banner_wrap .slider_control .stop_btn { display: inline-block; width: 20px; height: 20px; vertical-align: top; }
div.product_banner_wrap .slider_control .stop_btn i { display:inline-block; width:20px; height:20px; background-image:url(https://www.pmi-korea.com/resources/image/common/icon_stop.png); background-repeat: no-repeat; overflow:hidden; text-indent:-9999px; vertical-align:middle; }
div.product_banner_wrap .slider_control .stop_btn i.icon_pause { background-position: 0px -2px;}
div.product_banner_wrap .slider_control .stop_btn i.icon_play { background-position: 0px -22px;}





/*PROMOTION MAIN BANNER*/
.promotion_banner_wrap { max-width: 100%; min-width: 1600px; background-color: #F4F4F4; padding: 120px 0px 150px; overflow: hidden;}
.promotion_banner_wrap .promotion_slider {position: relative; width:2920px; height: 100%; overflow: hidden; left: 50%; transform: translateX(-50%)}
.promotion_banner_wrap .promotion_slider .swiper-slide { width: 100%; height: 100%; transform: scale(0.8,0.8); transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.promotion_banner_wrap .promotion_slider .swiper-slide.swiper-slide-next { z-index: 1; opacity:1; transform: scale(1,1); transform: translateX(-5px);}
.promotion_banner_wrap .promotion_slider .swiper-slide>a {display: block; width: 100%; height: 100%; text-align: center; }
.promotion_banner_wrap .promotion_slider .swiper-slide>a img { width: 1000px; height:600px;}

/*STORY BANNER*/
.story_banner_wrap .story_slider .swiper-slide>div { width: 1600px; margin: 0 auto; }
.story_banner_wrap .story_slider .swiper-slide>div h3 { font-size: 70px; line-height: 80px; margin-bottom: 30px; color: #222; font-weight: 400; opacity: 0; transition:all 0.5s  ease-in-out; -webkit-transition:all 0.5s ease -in-out; transition-delay:0.4s; -webkit-transition-delay:0.4s; transform:translateX(50px); -webkit-transform:translateX(50px); }
.story_banner_wrap .story_slider .swiper-slide>div h3 span { font-weight: 700; }
.story_banner_wrap .story_slider .swiper-slide>div p { font-size: 30px; line-height: 40px; margin-bottom: 60px; color: #222; font-weight: 300; opacity: 0; transition:all 0.5s  ease-in-out; -webkit-transition:all 0.5s ease -in-out; transition-delay:0.6s; -webkit-transition-delay:0.6s;}
.story_banner_wrap .story_slider .swiper-slide>div a { width: auto; opacity: 0; transition:all 0.6s  ease-in-out; -webkit-transition:all 0.6s ease -in-out; transition-delay:1.2s; -webkit-transition-delay:1.2s; padding: 0px 50px;}

.story_banner_wrap .story_slider .swiper-slide.swiper-slide-active>div h3 { opacity: 1; transform:translateX(0px); -webkit-transform:translateX(0px); }
.story_banner_wrap .story_slider .swiper-slide.swiper-slide-active>div p { opacity: 1;}
.story_banner_wrap .story_slider .swiper-slide.swiper-slide-active>div a {opacity: 1;}

div.story_banner_wrap { position: relative; max-width: 100%; min-width: 1600px; height: 1020px; }
div.story_banner_wrap .story_slider { position: relative; width: 100%; height: 100%; }
div.story_banner_wrap .story_slider .swiper-slide { width: 100%; height: 100%; background-position: center top; background-repeat: no-repeat; padding-top: 320px;}
div.story_banner_wrap .story_slider .swiper-button-next ,div.story_banner_wrap .story_slider .swiper-button-prev { display: inline-block; position: relative; width:20px; height: 20px; background-image:url("https://www.pmi-korea.com/resources/image/common/controls_main2.png"); background-repeat:no-repeat; background-size:40px 20px; margin-top: 0px; top: auto; left: auto; right: auto;}
div.story_banner_wrap .story_slider .swiper-button-prev {background-position: 0px 0px; margin-left: 10px; }
div.story_banner_wrap .story_slider .swiper-button-next {background-position: -20px 0px; }

div.story_banner_wrap .slider_control { position: absolute; left: 50%; bottom: 240px; width: 1600px; transform: translateX(-50%); display: flex;  color: #222; z-index: 10;  align-items: center; }
div.story_banner_wrap .slider_control .stop_btn { display: inline-block; width: 20px; height: 20px; vertical-align: top; }
div.story_banner_wrap .slider_control .stop_btn i { display:inline-block; width:20px; height:20px; background-image:url(https://www.pmi-korea.com/resources/image/common/icon_stop.png); background-repeat: no-repeat; overflow:hidden; text-indent:-9999px; vertical-align:middle; }
div.story_banner_wrap .slider_control .stop_btn i.icon_pause { background-position: 0px -1px;}
div.story_banner_wrap .slider_control .stop_btn i.icon_play { background-position: 0px -21px;}
div.story_banner_wrap .slider_control .swiper-pagination { width: 210px; height: 2px; position: relative; display: flex; align-items: center; overflow: hidden; background-color: rgba(0, 0, 0, 0.25); margin-right: 10px }
div.story_banner_wrap .slider_control .swiper-pagination .swiper-pagination-bullet { background: none; border-radius: 0; height: 2px; transform-origin: left; display: block; position: absolute; left: 0px; top: 0px; width: 100%; }
div.story_banner_wrap .slider_control .swiper-pagination .swiper-pagination-bullet.on { background-color: #222; opacity: 1 !important; }
div.story_banner_wrap .slider_control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { animation: 5000ms linear ani_time; background-color: black; opacity: 1 !important; }
div.story_banner_wrap .slider_control>span {font-size: 15px; line-height: 20px; color: #222; margin-right: 5px;}


/*business_banner_wrap*/
.business_banner_wrap { width: 100%; min-width: 1600px; overflow: hidden;}
.business_banner_wrap .business_banner_con01 { position: relative; width: 1600px; padding: 120px 0px 230px; margin: 0 auto; z-index: 1;}
.business_banner_wrap .business_banner_con01 p {font-size: 20px; line-height: 20px; color: #004687; font-weight: 500; margin-bottom: 20px;}
.business_banner_wrap .business_banner_con01 h2 { font-size: 45px; line-height: 60px; color: #222; font-weight: 700; }
.business_banner_wrap .business_banner_con01::before { position: absolute; top: 10px; right: -200px; width: 630px; height: 630px; background-image:url("https://www.pmi-korea.com/resources/image/common/bg_business_banner01.png"); background-repeat:no-repeat; background-position: center center; content: ""; }
.business_banner_wrap .business_banner_con02 { position: relative; width: 1600px; padding: 240px 0px 300px 900px; margin: 0 auto; z-index: 2;}
.business_banner_wrap .business_banner_con02 h2 { font-size: 35px; line-height: 60px; color: #004687; font-weight: 700; margin-bottom: 20px;}
.business_banner_wrap .business_banner_con02 p {font-size: 18px; line-height: 35px; color: #666; font-weight: 400; margin-bottom: 80px; }
.business_banner_wrap .business_banner_con02::before { position: absolute; top: 0px; left: -60px; width: 2200px; height: 100%; background-color: #F4F4F4; content: ""; z-index: -1; }
.business_banner_wrap .business_banner_con02 img { position: absolute; top: -170px; left: -400px; width: 1200px; height: 850px; }
.business_banner_wrap .business_banner_con02 .btn { width: auto; padding: 0px 50px;}

/*charity_banner_wrap*/
.charity_banner_wrap { width: 100%; min-width: 1600px; overflow: hidden;} 
.charity_banner_wrap .charity_banner_con { position: relative; width: 1600px; min-height: 850px; padding: 200px 980px 0px 0px; margin: 0 auto; z-index: 1;}
.charity_banner_wrap .charity_banner_con h3 { font-size: 25px; line-height: 30px; color: #004687; font-weight: 700;}
.charity_banner_wrap .charity_banner_con h2 { font-size: 35px; line-height: 50px; color: #222; font-weight: 700; padding-bottom: 40px; border-bottom: 1px solid #222; }
.charity_banner_wrap .charity_banner_con a { position: relative; display: block; padding: 40px 90px 40px 40px; border-bottom: 1px solid #DDD; }
.charity_banner_con a i { position: absolute; top: 50%; right: 0px; width: 70px; height: 70px; background-color: #DDD; border-radius: 50%; transform: translateY(-50%);}
.charity_banner_con a i:before,.charity_banner_con a i:after,.charity_banner_con a i span {position: absolute; right: 25px; width: 8px; height: 2px; background-color: #FFF; content: "";}
.charity_banner_con a i:before {top: 37px;  transform:rotate(-45deg);}
.charity_banner_con a i:after {top: 31px;  transform:rotate(-135deg);}
.charity_banner_con a i span { width: 20px; top: 34px; }

.charity_banner_wrap .charity_banner_con a>span { display: block; font-size: 16px; line-height: 30px; }
.charity_banner_wrap .charity_banner_con a>span:nth-of-type(1) {font-size: 25px; color: #222; font-weight: 700;}
.charity_banner_wrap .charity_banner_con a>span:nth-of-type(2) { color: #222; font-weight: 700; margin-bottom: 10px;}
.charity_banner_wrap .charity_banner_con a>span.text { color: #666; overflow: hidden; opacity: 0; height: 0px; }
.charity_banner_wrap .charity_banner_con a::before { position: absolute; left: 0px; top: 40px; font-size: 20px; line-height: 30px; color: #004687; font-weight: 700; }
.charity_banner_wrap .charity_banner_con a:nth-of-type(1)::before { content: "01";}
.charity_banner_wrap .charity_banner_con a:nth-of-type(2)::before { content: "02";}
.charity_banner_wrap .charity_banner_con div { position: absolute; top: 0px; right: -480px;  width: 1360px; height: 845px;}
.charity_banner_wrap .charity_banner_con div img { opacity: 0; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.charity_banner_wrap .charity_banner_con div img.active { opacity: 1;}
.charity_banner_wrap .charity_banner_con div img.img02 { position: absolute; left: 0px; top: 0px;}

.charity_banner_wrap .charity_banner_con a.active>span.text { opacity: 1; height: 100%; }
.charity_banner_wrap .charity_banner_con a.active i { background-color: #004687;}

/*sport_banner_wrap*/
.sport_banner_wrap { width: 100%; min-width: 1600px; overflow: hidden; margin-bottom: 120px;} 
.sport_banner_wrap .sport_banner_con01 {position: relative; width: 1600px; min-height: 460px; padding: 240px 0px 120px; margin: 0 auto; z-index: 1; text-align: right;}
.sport_banner_wrap .sport_banner_con01 h2 { display: inline-block; font-size: 45px; line-height: 60px; color: #222; font-weight: 700; text-align: center;}
.sport_banner_wrap .sport_banner_con01 h2 span { color: #004687; font-weight: 700; }
.sport_banner_wrap .sport_banner_con01 p { position: absolute; top: 130px; right:-160px ; font-size: 180px; line-height: 180px; color: #F4F4F4; font-weight: 900; z-index: -1;}

.sport_banner_wrap .sport_banner_con02 { width: 100%; min-height: 750px; background-image:url("https://www.pmi-korea.com/resources/image/common/bg_sport_banner.jpg"); background-repeat: no-repeat; background-position: center top; text-align: center; padding-top: 260px; }
.sport_banner_wrap .sport_banner_con02 h2 { font-size: 65px; line-height: 70px; color: #FFF; font-weight: 700; margin-bottom: 30px;}
.sport_banner_wrap .sport_banner_con02 p { font-size: 18px; line-height: 30px; color: #FFF; font-weight: 400; padding-bottom: 30px;}
.sport_banner_wrap .sport_banner_con02 .btn { width: auto; padding: 0px 50px;}

/*center_banner_wrap*/
.sport_banner_wrap { width: 100%; min-width: 1600px; overflow: hidden;}
.center_banner_con01 { width: 1600px; margin: 0 auto; display: flex; border-bottom: 1px solid #DDD; margin-bottom: 80px; }

/* 이매거진 사용시
.center_banner_con01>li { position: relative; width: 740px;}
.center_banner_con01>li .btn_arrow { position: absolute; top: 0px; right: 0px;}
.center_banner_con01>li:nth-child(1) { margin-right: 120px;}
.center_banner_con01>li>h2 { font-size: 35px; line-height: 40px; color: #222; font-weight: 700; margin-bottom: 40px;  }
.center_banner_con01>li .img_list_board .img_box { width: 350px; height: 454px;}
.center_banner_con01>li .img_list_board .img_box img { width: 350px; height: 454px; }
.center_banner_con01>li .img_list_board>li { width: 350px;}
.center_banner_con01>li .img_list_board>li:nth-child(2) { margin-right: 0px;}
.center_banner_con01>li .img_list_board { width: 740px;} */

.center_banner_con01>li .btn_arrow { position: absolute; top: 0px; right: 0px;}
.center_banner_con01>li>h2 { font-size: 35px; line-height: 40px; color: #222; font-weight: 700; margin-bottom: 40px;}

.center_banner_con02 { width: 1600px; margin: 0 auto; display: flex; margin-bottom: 120px; }
.center_banner_con02>li:nth-child(1) { position: relative; width: 560px; margin-right: 120px;}
.center_banner_con02>li:nth-child(1) h2 { font-size: 25px; line-height: 40px; color: #222; font-weight: 700; margin-bottom: 20px;  }
.center_banner_con02>li:nth-child(1) .btn_arrow { position: absolute; top: 0px; right: 0px;}
.center_banner_con02>li:nth-child(1) .notoce_list { border-top: 1px solid #222;}
.center_banner_con02>li:nth-child(1) .notoce_list li { position: relative; width: 100%; padding: 15px 100px 15px 0px; border-bottom: 1px solid #DDD; cursor: pointer;}
.center_banner_con02>li:nth-child(1) .notoce_list li:hover { background-color: #f3f6f9;}
.center_banner_con02>li:nth-child(1) .notoce_list li>span { position: absolute; top: 50%; transform: translateY(-50%); right: 0px; font-size: 14px; line-height: 20px; color: #999; font-weight: 300;}
.center_banner_con02>li:nth-child(1) .notoce_list li p { width: 100%; font-size: 16px; line-height: 20px; color: #222; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.center_banner_con02>li:nth-child(2) { width: 480px; margin-right: 120px;}
.center_banner_con02>li:nth-child(2) .center_box {  display: flex; justify-content: space-between; }
.center_banner_con02>li:nth-child(2) .center_box>li a { position: relative; display: block; width: 110px; padding-top: 150px; text-align: center; font-size: 18px; line-height: 30px; color: #222; font-weight: 500;}
.center_banner_con02>li:nth-child(2) .center_box>li a:hover { color: #004687;}
.center_banner_con02>li:nth-child(2) .center_box>li a i { position: absolute; left: 50%; top: 0px; transform: translateX(-50%); width: 110px; height: 110px; background-color: #F4F4F4; border-radius: 50%; background-image:url("https://www.pmi-korea.com/resources/image/common/icon_center_banner.png"); background-repeat: no-repeat; background-size: 330px 220px;}

.center_box>li a i.icon_center01 { background-position: 0px 0px;}
.center_box>li a i.icon_center02 { background-position: -110px 0px;}
.center_box>li a i.icon_center03 { background-position: -220px 0px;}
.center_box>li a:hover i.icon_center01 { background-position: 0px -110px;}
.center_box>li a:hover i.icon_center02 { background-position: -110px -110px;}
.center_box>li a:hover i.icon_center03 { background-position: -220px -110px;}

.center_banner_con02>li:nth-child(3) { width: 320px; text-align: right; }
.center_banner_con02>li:nth-child(3) h3 {font-size: 20px; line-height: 25px; color: #222; font-weight: 700; margin-bottom: 30px;  }
.center_banner_con02>li:nth-child(3) h2 {font-size: 50px; line-height: 60px; color: #004687; font-weight: 700; margin-bottom: 30px;  }
.center_banner_con02>li:nth-child(3) p {font-size: 16px; line-height: 25px; color: #666; font-weight: 300; }

/*academy_main*/
.academy_banner_wrap { width: 100%; overflow: hidden; margin-bottom: 100px; }
.academy_banner_con {position: relative; width: 1600px; margin: 0 auto; padding-top: 240px; padding-bottom: 150px;}
.academy_banner_con::before { position: absolute; left: -590px; top: 0px; width: 1000px; height: 100%; background-color: #F4F4F4; border-radius: 0px 0px 100px 0px; content: "";}
.academy_banner_con>h2 { position: absolute; left: 0px; top:270px; font-size: 20px; color:#004687; font-weight: 500;}

.academy_slider .swiper-slide { position: relative; width: 1600px; height: 640px; }
.academy_slider .swiper-slide h3 { position: absolute; left: 0px; top:80px; width: 580px; height: 130px; font-size: 50px; line-height: 65px; color:#222; font-weight: 700; overflow:hidden; text-overflow:ellipsis; word-break: keep-all; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 2; opacity: 0;}
.academy_slider .swiper-slide .img { position: absolute; top: 0px; right: 0px; width: 1000px; height: 640px;}
.academy_slider .swiper-slide-active h3 { opacity: 1;}

.academy_slider .swiper-pagination { position: absolute; left: 0px; top: 275px; width: 450px; }
.academy_slider .swiper-pagination-bullet { position: relative; width: 100%; margin: 0px; height: 70px; text-align: left; background-color: rgba(0,70,135,0); opacity: 1; z-index: 2; border-radius: 35px; padding: 0px 80px 0px 60px; font-size:20px; line-height: 70px; font-weight: 700; color: #999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.academy_slider .swiper-pagination-bullet:hover { color: #222;}
.academy_slider .swiper-pagination-bullet-active { background-color: rgba(0,70,135,1); color: #FFF; }
.academy_slider .swiper-pagination-bullet-active:hover { color: #FFF; }
.academy_slider .swiper-pagination-bullet-active span::before {position: absolute; top: 50%; transform: translateY(-1px); right: 40px; width: 20px; height: 2px; background-color: #FFF; content: "";}
.academy_slider .swiper-pagination-bullet-active::before, .academy_slider .swiper-pagination-bullet-active::after {position: absolute; top: 50%; right: 40px; width: 10px; height: 2px; background-color: #FFF; content: "";}
.academy_slider .swiper-pagination-bullet-active::before { top: 38px; transform:rotate(-45deg);}
.academy_slider .swiper-pagination-bullet-active::after {top: 30px; transform:rotate(-135deg);}

/*VOD BANNER*/
.video_banner_wrap {position:relative; max-width:100%; min-width: 1600px; margin-bottom: 120px; overflow: hidden; }
.video_banner_wrap .banner_con { position:relative; width:1600px; margin:0 auto; overflow: hidden;}
.video_banner_wrap .banner_con>h2 {font-size: 35px; line-height: 40px; color: #222; font-weight: 700; margin-bottom: 40px;}

.video_banner_wrap .swiper-slide { position: relative; cursor: pointer; }
.video_banner_wrap .swiper-slide .img_box { width: 500px; height: 320px; background-color:#F4F4F4; background-image:url("https://www.pmi-korea.com/resources/image/common/logo_w.svg"); background-position:center center; background-repeat:no-repeat; background-size: 200px; overflow: hidden; margin-bottom: 30px; }
.video_banner_wrap .swiper-slide .img_box a { display: block; width: 500px; height: 320px;}
.video_banner_wrap .swiper-slide .img_box img { width: 500px; height: 320px;}
.video_banner_wrap .swiper-slide img { transform: scale(1, 1); -webkit-transform: scale(1, 1); transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out;  opacity:1;}
.video_banner_wrap .swiper-slide:hover img{ transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);}
.video_banner_wrap .swiper-slide .text_box { position: relative; width: 100%;}
.video_banner_wrap .swiper-slide .text_box h1 { position: relative; width: 100%; font-size: 24px; line-height: 35px; color: #222; font-weight: 500; overflow:hidden; text-overflow:ellipsis; word-break: keep-all; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 3;}
.video_banner_wrap .swiper-slide .text_box p.data { display: inline-block; font-size: 16px; line-height: 20px; color: #999; font-weight: 400; margin-bottom: 15px;}
.video_banner_wrap .swiper-slide .text_box span.category { position: relative; font-size: 16px; line-height: 20px; color: #004687; font-weight: 500; margin-right: 30px;}
.video_banner_wrap .swiper-slide .text_box span.category::after { position: absolute; right: -16px; bottom: 2px; width: 1px; height: 15px; background-color: #ddd; content: "";}

div.video_banner_wrap .swiper-container { overflow: visible;}
div.video_banner_wrap .swiper-container .swiper-button-next ,div.video_banner_wrap .swiper-container .swiper-button-prev { width:40px; height: 40px; margin-top: -15px; background-image:url("https://www.pmi-korea.com/resources/image/common/controls_main.png"); background-repeat:no-repeat; background-size:80px 80px; top: -65px;}
div.video_banner_wrap .swiper-container .swiper-button-prev {background-position: 0px 0px; left: auto; right: 60px;}
div.video_banner_wrap .swiper-container .swiper-button-prev:hover {background-position: 0px -40px;}
div.video_banner_wrap .swiper-container .swiper-button-next {background-position: -40px 0px; right: 0px;}
div.video_banner_wrap .swiper-container .swiper-button-next:hover {background-position: -40px -40px;}
div.video_banner_wrap .swiper-container .swiper-button-prev.swiper-button-disabled, div.video_banner_wrap .swiper-container .swiper-button-next.swiper-button-disabled { opacity: 0.3; }

.banner_con.business_vod{ padding-top: 100px; border-top: 1px solid #DDD;}

/*MARKETING BANNER*/
.marketing_banner_wrap { position:relative; max-width:100%; min-width: 1600px; margin-bottom: 120px; background-color: #F4F4F4; padding: 150px 0px;}
.marketing_banner_wrap .banner_con { position:relative; width:1600px; margin:0 auto; }
.marketing_banner_wrap .banner_con::before, .marketing_banner_wrap .banner_con::after { position: absolute; width: 640px; height: 770px; background-repeat: no-repeat; background-position: center center; content: "";}
.marketing_banner_wrap .banner_con::before { background-image:url("https://www.pmi-korea.com/resources/image/common/bg_academy_main01.png"); top: -440px; right: -460px;}
.marketing_banner_wrap .banner_con::after { background-image:url("https://www.pmi-korea.com/resources/image/common/bg_academy_main02.png"); bottom: -420px; left: -550px;}
.marketing_banner_wrap h2 { font-size: 60px; line-height: 80px; font-weight: 700; color: #222; margin-bottom:100px;}
.marketing_banner_wrap h2 span { font-weight: 700; }
.marketing_banner_wrap ul { display: flex; justify-content: space-around;}
.marketing_banner_wrap ul li { text-align: center;}
.marketing_banner_wrap ul li i {display:inline-block; width:80px; height:80px; background-image:url(https://www.pmi-korea.com/resources/image/common/icon_academy_main.png); background-repeat: no-repeat; background-size:400px 160px; overflow:hidden; text-indent:-9999px; vertical-align:middle; margin-bottom: 40px;}
.marketing_banner_wrap ul li:nth-child(1) i { background-position: 0px 0px;}
.marketing_banner_wrap ul li:nth-child(2) i { background-position: -80px 0px;}
.marketing_banner_wrap ul li:nth-child(3) i { background-position: -160px -80px;}
.marketing_banner_wrap ul li:nth-child(4) i { background-position: -240px 0px;}
.marketing_banner_wrap ul li:nth-child(5) i { background-position: -320px 0px;}
.marketing_banner_wrap ul li h3 { font-size: 70px; line-height: 80px; font-weight: 700; color: #222; margin-bottom:20px;}
.marketing_banner_wrap ul li h3 span { font-size: 20px; line-height: 30px; font-weight: 700; color: #888; margin-left: 5px; }
.marketing_banner_wrap ul li p { font-size: 20px; line-height: 30px; font-weight: 700; color: #888; }

.marketing_banner_wrap ul li:nth-child(3) h3 span, .marketing_banner_wrap ul li:nth-child(5) h3 span { vertical-align: top; font-size: 28px;}
.marketing_banner_wrap ul li:nth-child(3) h3, .marketing_banner_wrap ul li:nth-child(3) h3 span, .marketing_banner_wrap ul li:nth-child(3) p { color: #004687;}


/*DATA ROOM BANNER*/
.data_room_banner_wrap { width: 100%; overflow: hidden;}
.data_room_banner_wrap .banner_con {position: relative; width: 1600px; height: 320px; margin: 0 auto; margin-bottom: 160px; }
.data_room_banner_wrap .banner_title {position: absolute; left: 0px; top: 0px; width: 340px; }
.data_room_banner_wrap .banner_title h3 { font-size: 42px; line-height: 50px; color: #222; font-weight: 700; word-break: keep-all; }
.data_room_banner_wrap .banner_title p {font-size: 18px; line-height: 30px; color: #004687; font-weight: 700; margin-bottom: 30px; }

.data_room_banner_wrap .swiper-container { left: 440px;}
.data_room_banner_wrap .swiper-slide { position: relative; height: 320px; border: 1px solid #DDD; cursor: pointer; padding: 50px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.data_room_banner_wrap .swiper-slide:hover { background-color: #004687; border-color: #004687;}
.data_room_banner_wrap .swiper-slide:hover .text_box h1, .data_room_banner_wrap .swiper-slide:hover .text_box p.data,  .data_room_banner_wrap .swiper-slide:hover .text_box span.category { color: #FFF;}
.data_room_banner_wrap .swiper-slide:hover .btn_arrow { color: #FFF;}
.data_room_banner_wrap .swiper-slide:hover .btn_arrow i , .data_room_banner_wrap .swiper-slide:hover .btn_arrow::after, .data_room_banner_wrap .swiper-slide:hover .btn_arrow::before { background-color: #FFF;}

.data_room_banner_wrap .swiper-slide .text_box { position: relative; width: 100%; }
.data_room_banner_wrap .swiper-slide .text_box h1 { position: relative; width: 100%; font-size: 24px; line-height: 35px; color: #222; font-weight: 500; overflow:hidden; text-overflow:ellipsis; word-break: keep-all; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 3;}
.data_room_banner_wrap .swiper-slide .text_box p.data { display: inline-block; font-size: 16px; line-height: 20px; color: #999; font-weight: 400; margin-bottom: 15px;}
.data_room_banner_wrap .swiper-slide .text_box span.category { position: relative; font-size: 16px; line-height: 20px; color: #004687; font-weight: 500; margin-right: 30px;}
.data_room_banner_wrap .swiper-slide .text_box span.category::after { position: absolute; right: -16px; bottom: 2px; width: 1px; height: 15px; background-color: #ddd; content: "";}
.data_room_banner_wrap .swiper-slide .btn_arrow { position: absolute; right: 50px; bottom: 50px; color: #004687; transition: all 0s ease-out; -webkit-transition: all 0s ease-out;}
.data_room_banner_wrap .swiper-slide .btn_arrow i , .data_room_banner_wrap .swiper-slide .btn_arrow::after, .data_room_banner_wrap .swiper-slide .btn_arrow::before { background-color: #004687;}

div.data_room_banner_wrap .swiper-button-next ,div.data_room_banner_wrap .swiper-button-prev { width:40px; height: 40px; background-image:url("https://www.pmi-korea.com/resources/image/common/controls_main.png"); background-repeat:no-repeat; background-size:80px 80px; top: auto; bottom: 0px;}
div.data_room_banner_wrap .swiper-button-prev {background-position: 0px 0px; left: 0px;}
div.data_room_banner_wrap .swiper-button-prev:hover {background-position: 0px -40px;}
div.data_room_banner_wrap .swiper-button-next {background-position: -40px 0px; left: 60px; right:auto;}
div.data_room_banner_wrap .swiper-button-next:hover {background-position: -40px -40px;}

/*LOGIN*/
.sub_content.login .content_box { width: 680px; padding: 80px; border: 1px solid #222; border-radius: 20px;}

.login_tab { position: relative; display: flex; justify-content: center; margin-bottom: 60px; }
.login_tab a { position: relative; float: left; display: block; height: 50px; line-height: 50px; font-size: 26px; color: #666; padding: 0px 20px; z-index: 2; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; }
.login_tab a.active { color: #004687;}
.login_tab:after { position:absolute; bottom: -10px; left: 92px; width:120px; height: 2px; background-color: #004687; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; content: "";}
.login_tab.active:after  { left: 252px; width:174px; }


.login_input>li { position: relative; margin-bottom: 20px; }
.login_input>li:last-child { margin-bottom: 0px;}
.login_input>li:nth-child(2) { margin-bottom: 30px;}
.login_input>li>.check_box + label { margin-top: 20px;}
.login_input>li>.inp-txt { height: 70px; font-size: 18px; padding-left: 30px; padding-right: 80px;}
.login_input li .inp-txt:focus { color: #004687; }
.login_input li .select { height: 70px; font-size: 18px; padding-left: 30px; }
.login_input li .alert_text { display: block; margin-top: 20px;}
.login_input li .btn_id_del {background-image:url("https://www.pmi-korea.com/resources/image/common/btn_del_member.jpg");}
.login_input li .btn_password {background-image:url("https://www.pmi-korea.com/resources/image/common/btn_pw_member.jpg");}
.login_input li .btn_id_del, .login_input li .btn_password { position:absolute; top: 10px; right: 10px; z-index: 2; width:50px; height: 50px; background-color: #FFF; background-position: center center; background-repeat: no-repeat; border-radius: 5px;}
.login_input li .btn { font-size: 22px; height: 70px; line-height: 68px;}
.login_input>li:nth-child(4) { text-align: center;}
.login_input li .btn_pass_find { position: relative; display: inline-block; height: 30px; font-size: 16px; line-height: 30px; color: #222; margin-right: 40px; }
.login_input li .btn_pass_find:hover { color: #004687;}
.login_input li .btn_pass_find::before { position: absolute; top: 8px; right: -21px; width: 1px; height: 16px; background-color: #DDD; content: "";}
.login_input li .btn_pass_find:last-child { margin-right: 0px;}
.login_input li .btn_pass_find:last-child::before { display: none;}
.login_input>li:nth-child(5) span { position: relative; width: 100%; text-align: center; display: block; font-size: 16px; color: #999; padding-top: 10px; margin-bottom: 30px;}
.login_input>li:nth-child(5) span::before, .login_input>li:nth-child(5) span::after { position: absolute; top: 20px; width: 220px; height: 1px; background-color: #DDD; content: "";}
.login_input>li:nth-child(5) span::before { left: 0px;}
.login_input>li:nth-child(5) span::after { right: 0px;}
.login_input li p,.login_input li h2 { font-size: 16px; line-height: 30px; text-align: center; color:#666 ;}
.login_input li h2 { font-weight: 500; color:#222 ; margin-bottom: 30px;}

.login_input .phone-set .inp-txt { height: 70px; font-size: 18px; }
.login_input .phone-set li:nth-child(2), .login_input .phone-set li:nth-child(4) { font-size: 18px; height: 70px; line-height:68px;}

.login_input li .btn.btn-kakao { display:block; height:70px; font-size:18px; line-height:68px; background-color: #fce000; color: rgba(0,0,0,0.85);}
.login_input li .btn.btn-kakao i {display: inline-block; width:40px; height:40px; background:url(https://www.pmi-korea.com/resources/image/common/kakao_logo01.png) no-repeat; background-size:40px 40px; vertical-align: middle; }
.login_input li .btn.btn-kakao:hover { background-color:#e9cf00 ;}



/*JOIN*/
.sub_content.join .content_box, .sub_content.id_pass .content_box, .id_pass_view .content_box { width: 800px; }
.sub_content.join .join_input { margin-bottom:50px;}
.sub_content.join .join_input>h2 {font-size: 25px; line-height: 30px; text-align: left; font-weight: 500; color:#222; margin-bottom: 20px;}
.sub_content.join .join_input>ul { width: 100%; padding: 80px; border: 1px solid #222; border-radius: 20px;}
.sub_content.join .join_input>ul>li { position: relative; width: 100%; margin-bottom: 20px;}
.sub_content.join .join_input>ul>li:last-child { margin-bottom: 0px; border: 0px;}

/*JOIN02*/
.clouse_con>ul>li{ border-bottom: 1px solid #DDD; padding-bottom: 20px;}
.clouse_con>ul>li:first-child, .clouse_con.mlm>ul>li:first-child { border-bottom: 0px}
.clouse_con>ul>li:last-child { padding-bottom: 0px;}
.clouse_con>ul>li:last-child p { margin-bottom: 0px;}
.clouse_con>ul>li .btn_arrow { position: absolute; top: -5px; right: 0px;}
.clouse_con>ul>li h2 { font-size: 16px; font-weight: 500; color: #222; margin-bottom: 20px;}
.clouse_con>ul>li p { font-size: 13px; font-weight: 300; color: #666; margin-bottom: 20px; word-break: keep-all;}

.clouse_con .all_agree_btn { position: relative; display: flex; justify-content: center; font-size: 20px; line-height: 30px; text-align: center; color: #004687; cursor: pointer; padding: 20px; border-radius: 10px; background-color: #F4F4F4;}
.clouse_con .all_agree_btn i, .clouse_con.mlm>ul>li:first-child .check_box + label i { position: relative; display: inline-block; width: 30px; height: 30px; vertical-align: middle; margin-left: 10px; }
.clouse_con .all_agree_btn i::before, .clouse_con .all_agree_btn i::after, .clouse_con.mlm>ul>li:first-child .check_box + label i::before, .clouse_con.mlm>ul>li:first-child .check_box + label i::after {position: absolute;  height: 2px; background-color: #004687; content: ""; }
.clouse_con .all_agree_btn i::before, .clouse_con.mlm>ul>li:first-child .check_box + label i::before {width: 18px; left: 10px; top: 12px;  transform:rotate(-45deg);}
.clouse_con .all_agree_btn i::after, .clouse_con.mlm>ul>li:first-child .check_box + label i::after {width: 12px; left: 3px; top: 14px;  transform:rotate(-135deg);}
.clouse_con .all_agree_btn.active, .clouse_con.mlm>ul>li:first-child .check_box:checked + label {color: #FFF; background-color: #004687;}
.clouse_con .all_agree_btn.active i::before, .clouse_con .all_agree_btn.active i::after, .clouse_con.mlm>ul>li:first-child .check_box:checked + label i::before, .clouse_con.mlm>ul>li:first-child .check_box:checked + label i::after { background-color: #FFF;}

.clouse_con .marketing div:nth-of-type(1) { display: inline-block; padding-left: 30px; font-size: 16px; line-height: 21px; height: 22px; margin-right: 10px; cursor: pointer; background-image: url("https://www.pmi-korea.com/resources/image/common/icon_check_type.png"); background-repeat: no-repeat; background-position: 0px 0px; background-size: 22px 66px; color: #666;}
.clouse_con .marketing div.active{ color: #004687; background-position: 0px -44px; }
.clouse_con .marketing div:nth-of-type(2) { position: absolute; top: 0; right: 80px;}

.clouse_con.mlm>ul>li { border-bottom: 1px dotted #DDD;}
.clouse_con.mlm>ul>li>span { position: relative; display: block; padding-left: 20px; margin-bottom: 20px; font-size: 14px; color: #222; word-break: keep-all;}
.clouse_con.mlm>ul>li>span::before { position: absolute; left: 0px; top: 0px; font-size: 15px; color: #222;}
.clouse_con.mlm>ul>li>span.num01:before { content: "①";}
.clouse_con.mlm>ul>li>span.num02:before { content: "②";}
.clouse_con.mlm>ul>li>span.num03:before { content: "③";}
.clouse_con.mlm>ul>li>span.num04:before { content: "④";}
.clouse_con.mlm>ul>li>span.num05:before { content: "⑤";}
.clouse_con.mlm>ul>li>span.num06:before { content: "⑥";}
.clouse_con.mlm>ul>li:first-child .check_box + label { position: relative; display: flex; justify-content: center; height:30px ; font-size: 20px; line-height: 30px; text-align: center; color: #004687; cursor: pointer; padding: 20px; border-radius: 10px; background-color: #F4F4F4; background-image: none;}

/*JOIN03*/
.join_con p { font-size: 16px;}
.join_con>ul>li>h2 { font-size: 18px; margin-bottom: 20px;}
.sub_content.join .join_con>ul>li { margin-bottom: 30px;}

/*JOIN04*/
.join_ok>ul>li { position: relative; padding-top: 100px; text-align: center;}
.join_ok>ul>li:first-child::before { position: absolute; top:0px; left: 50%; transform: translateX(-50%); width: 75px; height: 75px; background-color: #004687; background-image: url(https://www.pmi-korea.com/resources/image/common/icon_join_ok.png); background-position: center center; background-size: 60px; background-repeat: no-repeat; border-radius: 50%; content: ""; }
.join_ok>ul>li h2 { font-size: 40px; line-height: 50px; color: #222; margin-bottom: 20px; font-weight: 500; }
.join_ok>ul>li p { font-size: 22px; line-height: 30px; color: #222; margin-bottom: 50px; }
.join_ok>ul>li>div { display: inline-block; padding: 30px 60px; background-color: #F4F4F4; border-radius: 10px;}
.join_ok>ul>li>div>p { font-size: 16px; line-height: 20px; color: #666; font-weight: 300; margin-bottom: 0px; }
.join_ok>ul>li>div h3 { font-size: 16px; line-height: 20px; color: #004687; font-weight: 400; margin-bottom: 10px; }

/*ID_PASS*/
.id_pass .content_box {border: 1px solid #222; padding: 80px; border-radius: 20px; text-align: center;}
.id_pass .content_box .login_tab:after { left: 148px; width: 150px;}
.id_pass .content_box .login_tab.active:after { left: 340px;}

.id_pass_box>li { margin-bottom: 60px;}
.id_pass_box>li:last-child { margin-bottom: 0px;}
.id_pass_box>li h2 { font-size: 22px; line-height: 30px; color: #222; margin-bottom: 20px; font-weight: 500;  }
.id_pass_box>li p { font-size: 18px; line-height: 30px; color: #222; font-weight: 400;  }
.id_pass_box>li .inp-txt { height: 70px; line-height: 68px; font-size: 18px; padding-left: 30px;}

.id_pass_box>li ul { display: flex;}
.id_pass_box>li ul>li { width: 31%; margin-right: 3.5%;}
.id_pass_box>li ul>li:nth-child(3) { margin-right: 0px;}
.id_pass_box>li ul>li>a { position: relative; display: block; width: 100%; border: 1px solid #DDD; padding:120px 0px 60px; font-size: 18px; line-height: 30px; color: #222; font-weight: 400; text-align: center; border-radius: 10px;  }
.id_pass_box>li ul>li>a:hover { background-color: #004687; border-color: #004687; color: #FFF;}
.id_pass_box>li ul>li>a:hover .ico-id_pass.phone { background-position: 0px -50px;}
.id_pass_box>li ul>li>a:hover .ico-id_pass.ipin { background-position: -50px -50px;}
.id_pass_box>li ul>li>a:hover .ico-id_pass.bank { background-position: -100px -50px;}
.id_pass_box>li ul>li>a i { position: absolute; top: 60px; left: 50%; transform: translateX(-50%);}

.ico-id_pass {display:inline-block; width:50px; height:50px; background:url(https://www.pmi-korea.com/resources/image/common/icon_id_pass.png) no-repeat;background-size:150px 150px;overflow:hidden; text-indent:-9999px; vertical-align:middle; }
.ico-id_pass.phone { background-position: 0px 0px;}
.ico-id_pass.ipin { background-position: -50px 0px;}
.ico-id_pass.bank { background-position: -100px 0px;}

/*계좌인증레이어팝업*/
.account_check_popup h2 { font-size: 16px; line-height: 30px; color: #222; margin-bottom: 20px; font-weight: 500; }
.account_check_popup>ul>li {margin-bottom: 20px;}
.account_check_popup>ul>li .birthday-set li:nth-child(1),.account_check_popup>ul>li .bank-set li:nth-child(1) { width: 40%;}
.account_check_popup>ul>li .birthday-set li { width: 30%;}
.account_check_popup>ul>li .bank-set li { width: 60%;}
.account_check_popup>ul>li .birthday-set li:last-child, .account_check_popup>ul>li .bank-set li:last-child { padding-right: 0px;}

/*ID_PASS VIEW*/
.id_pass_ok { border: 1px solid #222; padding: 80px; border-radius: 20px; text-align: center; margin-bottom: 50px; }
.id_pass_ok>ul>li:first-child { position: relative; padding-top: 100px; text-align: center; margin-bottom: 0px;}
.id_pass_ok>ul>li { margin-bottom: 20px; text-align: left;}
.id_pass_ok>ul>li:first-child::before { position: absolute; top:0px; left: 50%; transform: translateX(-50%); width: 75px; height: 75px; background-color: #004687; background-image: url(https://www.pmi-korea.com/resources/image/common/icon_join_ok.png); background-position: center center; background-size: 60px; background-repeat: no-repeat; border-radius: 50%; content: ""; }
.id_pass_ok>ul>li:last-child { margin-bottom: 0px;}
.id_pass_ok>ul>li h2 { font-size: 22px; line-height: 30px; color: #222; margin-bottom: 20px; font-weight: 500; }
.id_pass_ok>ul>li h3 { font-size: 18px; line-height: 20px; color: #222; margin-bottom: 20px; font-weight: 500; }
.id_pass_ok>ul>li p { font-size: 16px; line-height: 20px; color: #666; margin-bottom: 50px; font-weight: 300;  }
.id_pass_ok>ul>li div { display: inline-block; padding: 30px 100px; background-color: #F4F4F4; border-radius: 10px;}
.id_pass_ok>ul>li div>p { font-size: 40px; line-height: 40px; color: #222; font-weight: 500; margin-bottom: 0px; }
.id_pass_ok>ul>li div>h3 { font-size: 16px; line-height: 20px; color: #004687; font-weight: 400; margin-bottom: 10px; }

/*CUSTOMER INFO*/
.customer_info_title { position: relative; padding-left: 60px; padding-right: 400px;}
.customer_info_title h2 {font-size: 40px; line-height: 50px; color: #222; margin-bottom: 30px; font-weight: 500; }
.customer_info_title h2 span {font-size: 30px; line-height: 40px; color: #004687; margin-left: 20px; font-weight: 500; }
.customer_info_title .btn-set { position: absolute; top: 0px; right: 0px; }

.customer_info_top { display: flex; }
.customer_info_top>li { background-color: #F4F4F4; padding: 60px; width: 40%;}
.customer_info_top>li:nth-child(1) { width: 56%; margin-right: 4%;}
.customer_info_top>li h2 { font-size: 26px; line-height: 30px; color: #222; margin-bottom: 20px; font-weight: 400; }
.customer_info_top>li h2 span { display: inline-block; font-size: 16px; line-height: 30px; color: #004687; margin-left: 20px; padding: 0px 10px; border: 1px solid #004687;}
.customer_info_top dl { display: flex; flex-wrap: wrap; width: 100%; }
.customer_info_top dl dt { width: 40%; font-size: 16px; text-align: left; line-height: 50px; color: #999; }
.customer_info_top dl dd { width: 60%; font-size: 20px; text-align: right; line-height: 50px; color: #222; }

.customer_info_box { display: flex; flex-wrap: wrap; width: 100%; padding: 60px; border-bottom: 1px solid #DDD; margin-bottom: 80px; }
.customer_info_box li:nth-child(1) { width: 100%;}
.customer_info_box li { width: 50%; padding: 10px 0px;}
.customer_info_box li p { position: relative; padding-left:150px ; font-size: 18px; line-height: 30px; color: #222; font-weight: 400; }
.customer_info_box li p span { position: absolute; left: 0px; top: 0px; font-size: 16px; line-height: 30px; color: #999; }

/*사업자전환 팝업*/
.licensee_popup .info_text { background-color: #F4F4F4; padding: 30px; width: 500px; margin-bottom: 20px; border-radius: 10px;}
.licensee_popup .info_text h2 {font-size: 16px; color: #222; line-height: 25px; margin-bottom: 25px; font-weight: 500;}
.licensee_popup .info_text p { position: relative; font-size: 14px; color: #666; line-height: 20px; margin-bottom: 10px; padding-left: 15px; word-break: keep-all;}
.licensee_popup .info_text p::before {position: absolute; left: 0; top: 0px; }
.licensee_popup .info_text p:nth-of-type(1):before { content: "1.";}
.licensee_popup .info_text p:nth-of-type(2):before { content: "2.";}
.licensee_popup .info_text p:nth-of-type(3):before { content: "3.";}
.licensee_popup>ul>li { margin-bottom: 20px;}
.licensee_popup>ul>li .bank-set li { width: 40%;}
.licensee_popup>ul>li .bank-set li:nth-child(2) { width: 60%; padding-right: 0px;}

/*본인인증 팝업*/
.certification_popup { text-align: center;}
.certification_popup>img { width: 120px; margin-bottom: 30px;}
.certification_popup h2 {font-size: 20px; color: #222; line-height: 30px; margin-bottom: 30px; font-weight: 400;}

/*본인인증*/
.id_pass_box.certification>li ul>li { width: 48.25%; }
.id_pass_box.certification>li ul>li:last-child { margin-right: 0px; }

/* SALES SEARCH POPUP (회원확인 팝업) */
.sales_search_popup>div>ul {width: 100%; margin-bottom: 40px; }
.sales_search_popup>.sales_search_box> ul {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding-top: 17px; padding-bottom: 17px; overflow: hidden; }
.sales_search_popup>.sales_search_box>ul>li {width: 100%; display: flex; }
.sales_search_popup>.sales_search_box>ul>li:first-child { margin-bottom: 10px;}
.sales_search_popup>.sales_search_box>ul>li h3 {width: 25%; font-size: 16px;  line-height: 50px; color: #999; font-weight: 500; }
.sales_search_popup>.sales_search_box>ul>li .inp-txt {width: 75%; }
.sales_search_popup>.sales_search_box>h2 { padding: 0px 0 20px; font-size: 16px; font-weight: 500; line-height: 30px; }
.sales_search_popup .sales_search_view {padding-top: 20px; }
.sales_search_popup .sales_search_view img { display: block; width: 60px; margin: 0 auto 15px; }
.sales_search_popup .sales_search_view img.img_title { width: 80px; height: auto;}
.sales_search_popup .sales_search_view>p {width: 100%; text-align: center; font-size: 18px; color: #666; line-height: 25px; margin-bottom: 40px; border-bottom: 1px solid #ddd; padding-bottom: 30px; }
.sales_search_popup .sales_search_view>p>span.font_blue {font-weight: 500; }

/* 평균후원수당공지 팝업 */
.seif_notice h2 { padding: 20px 0 20px; font-size: 18px; font-weight: 500; line-height: 30px; }

/*SELF ALLOWANCE LIST*/
.benefit_list {width:100%;}
.benefit_list>li {width:100%; border:solid 1px #ddd; padding: 60px 60px 60px 250px; margin-bottom:40px; }
.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("https://www.pmi-korea.com/resources/image/common/icon_faq.png"); background-repeat: no-repeat; background-position: center; content:""; top:30px; right:0px; }
.benefit_list>li .benefit_box>span { position: absolute; left: 0px; top: 18px; width: 100px; display: inline-block; height: 40px; padding: 0px 10px; border-radius: 0px; background-color: #004687; text-align: center; font-size: 16px; color: #FFF; line-height: 40px; z-index: 5; border-radius: 10px;}
.benefit_list>li .benefit_box h1 {position: absolute; top:-10px; left:-190px; font-size:16px; line-height:30px; color: #222; text-align: left; font-weight: 300; }
.benefit_list>li .benefit_box h1 span{ display: block; font-size:34px; line-height: 50px; font-weight: 400; }
.benefit_list>li .benefit_box h2 { font-size:22px; color: #222; text-align: left; font-weight:500; line-height:60px; padding-left: 120px;}
.benefit_list>li .benefit_box h2 span {font-size:36px; color: #004687; 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:hover { background-color: #FFF;}
.benefit_list>li.no_data {border: 0px; margin-bottom: 0px; background-color: #FFF; }

.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 h1,.benefit_open ul:nth-child(2) li h1 { 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 h2,.benefit_open ul:nth-child(2) li h2 { position: absolute; left: 0px; top: 0px; font-size:16px; line-height: 50px; color: #222; font-weight:300;}
.benefit_open ul:nth-child(1) li h2 a,.benefit_open ul:nth-child(2) li h2 a {position: absolute; right:-40px; top: 13px; display: block; width: 26px; height: 26px; font-size: 20px; line-height: 23px; text-align: center; background-color: #004687; color: #FFF; border-radius:50%; font-weight: 700;}
.benefit_open ul:nth-child(1) li h2 a:hover,.benefit_open ul:nth-child(2) li h2 a:hover {background-color: #003a6f;}
.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: #004687; }
.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;}
.benefit_open ul:nth-child(3) li { position: relative; float: left; width: 33.3%; text-align: center; }
.benefit_open ul:nth-child(3) li>h2 { 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, .benefit_open ul:nth-child(3) li:nth-child(2):before, .benefit_open ul:nth-child(3) li:nth-child(2):after {position:absolute; top:50%; right:-12px; width:25px; height:2px; background-color: #222; content:""; } */
.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) h2 {color: #004687;}
.benefit_open ul:nth-child(3) li:nth-child(2) h2 {color: #ed1c24;}

/*SPONSOR SEARCH*/
.sponsor_search_title { position: relative; width: 100%; padding: 60px 80px; overflow: hidden; background-color: #F4F4F4; margin-bottom: 50px; }
.sponsor_search_title span { position: absolute; left: 60px; top: 60px; width: 340px; font-size: 36px; line-height: 50px; color: #222; font-weight: 100; }
.sponsor_search_title h1 { font-size: 50px; line-height: 60px; color: #222; text-align: right; margin-bottom: 10px; padding-left: 300px; }
.sponsor_search_title h1 span { font-size: 50px; }
.sponsor_search_title p {font-size: 20px; line-height: 30px; color: #004687; text-align: right; font-weight: 400; }


.list_table.sponsor_list>tbody>tr>td:last-child {padding: 0px;}
.list_table.sponsor_list>tbody>tr>td:last-child > a { position: relative; display: block; width: 100%; height: 85px;}
.list_table.sponsor_list>tbody>tr>td:last-child > a > i { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 18px; height: 18px; background-image: url("https://www.pmi-korea.com/resources/image/common/icon_faq.png"); background-repeat: no-repeat; background-position: center center; }
.list_table.sponsor_list>tbody>tr>td.no_data {padding: 80px 0; font-size: 16px; color: #999; }
.list_table.sponsor_list>tbody>tr.active > td:last-child > a > i {background-image: url("https://www.pmi-korea.com/resources/image/common/icon_faq_open.png");}
.list_table.sponsor_list>tbody>tr.active { background-color: #004687; cursor: default;}
.list_table.sponsor_list>tbody>tr.active td { cursor: default; border-color: #004687; color: #FFF;}
.list_table.sponsor_list>tbody>tr.active:hover td { background-color: #004687;}

/*CONSUMER ORDER LIST*/
.consumer_order_title { position: relative; width: 100%; padding: 60px 60px 60px 340px; overflow: hidden; background-color: #F4F4F4; margin-bottom: 50px; }
.consumer_order_title>span { position: absolute; left: 60px; top: 60px; width: 340px; font-size: 36px; line-height: 50px; color: #222; font-weight: 100; }
.consumer_order_title>ul { display: flex; width: 100%;}
.consumer_order_title>ul li { width: 33.3%; text-align: center;}
.consumer_order_title>ul li p { font-size: 16px; line-height: 30px; font-weight: 300; color: #222; margin-bottom: 10px; }
.consumer_order_title>ul li h2 { font-size: 20px; line-height: 30px; font-weight: 500; color: #222; }
.consumer_order_title>ul li h2 span { font-size: 28px; font-weight: 500; margin-right: 5px; }
.consumer_order_title>ul li:nth-child(1) h2 { color: #004687;}
.consumer_order_title>ul li:nth-child(2) h2 { color: #ed1c24;}

/*그룹매출내역*/
.group_order_top { display: flex; width: 100%; background-color: #F4F4F4; margin-bottom: 50px;}
.group_order_top li:first-child { background-color: #004687; text-align: left; padding: 60px;}
.group_order_top li:first-child h2, .group_order_top li:first-child p { color: #FFF;}
.group_order_top li:first-child h2 { font-size: 16px;}
.group_order_top li:first-child h2 span { font-size: 30px;}
.group_order_top li { width: 25%; text-align: center; padding: 60px 0px;}
.group_order_top li p { font-size: 16px; line-height: 30px; font-weight: 300; color: #222; margin-bottom: 10px; }
.group_order_top li h2 { font-size: 20px; line-height: 30px; font-weight: 500; color: #222; }
.group_order_top li h2 span { font-size: 28px; font-weight: 500; margin-right: 5px; }
.group_order_top li:nth-child(2) h2 { color: #004687;}
.group_order_top li:nth-child(3) h2 { color: #ed1c24;}

.group_order_list { border-top: 1px solid #222; margin-bottom: 80px;}
.group_order_list>ul { display: flex; flex-wrap: wrap; border-bottom: 1px solid #DDD;}
.group_order_list>ul li:first-child { text-align: left; padding: 40px 0px 40px 60px;}
.group_order_list>ul li:first-child h2 { display: flex; align-items: center; font-size: 24px; font-weight: 500; margin-bottom: 5px; }
.group_order_list>ul li:first-child h2 span { display: inline-block; padding: 0px 10px; font-size: 14px; line-height: 26px; font-weight: 400; vertical-align: middle; color: #FFF; margin-left: 10px; background-color: #004687; border-radius: 5px; }
.group_order_list>ul li { width: 20%; padding: 60px 0px; text-align: center;}
.group_order_list>ul li p { font-size: 16px; line-height: 30px; font-weight: 300; color: #222; margin-bottom: 10px; }
.group_order_list>ul li h2 { font-size: 18px; line-height: 30px; font-weight: 500; color: #222; }
.group_order_list>ul li h2 span { font-size: 24px; font-weight: 500; margin-right: 5px; }
.group_order_list>ul li:nth-child(2) h2 { color: #004687;}
.group_order_list>ul li:nth-child(3) h2 { color: #ed1c24;}
.group_order_list>ul li .btn_arrow.btn-sm { font-size: 16px; padding-left: 0px;}

.group_order_list>ul.none li:first-child h2 { color: #999;}
.group_order_list>ul.none li:first-child h2 span { background-color: #999;}

.group_order_box { border: 1px solid #DDD; padding: 60px;}
.group_order_box .list_table { margin-bottom: 0px;}
.group_order_box .list_table th:first-child, .group_order_box .list_table td:first-child, .group_order_box .list_table th:last-child, .group_order_box .list_table td:last-child { background-color: #F4F4F4;}
.group_order_box .list_table td:first-child, .group_order_box .list_table td:last-child { padding: 30px 0px; color: #222;}
.group_order_box .list_table td { padding: 0px;}
.group_order_box .list_table td a { display: block; width: 100%; height: 80px; font-size: 16px; line-height: 80px; color:#004687;}

.group_order_title { font-size: 36px; line-height: 40px; color: #222; font-weight: 300; margin-bottom: 40px;}


/*GROUP ORDER POPUP */
.group_order_popup>h2, .group_order_popup .group_order_pop_title h2 {font-size: 18px; font-weight: 500; line-height: 25px; padding: 20px 0; color: #222; }
.group_order_popup .group_order_pop_title { position: relative; width: 100%; padding-right: 200px; margin-bottom: 10px; margin-top: 10px; }
.group_order_popup .group_order_pop_title h2>span { display: inline-block; padding: 0px 10px; font-size: 14px; line-height: 25px; background-color:#222; color: #FFF; margin-left: 10px; vertical-align: top;}
.group_order_popup .group_order_pop_title .select { position: absolute; top: 33px; right: 0px; margin-top: -30px;; width: 200px; border-radius: 25px; background-position: 90% 50%; padding-left: 30px; }
.pop_title .group_active, .pop_title .group_none {display: inline-block; padding: 0px 10px; font-size: 14px; line-height: 26px; font-weight: 400; vertical-align: middle; color: #FFF; margin-left: 10px; background-color: #004687; border-radius: 5px; }
.pop_title .group_none { background-color: #999;}
.group_order_popup .group_order_top li{ background-color: #F4F4F4; width: 33.3%; padding: 40px 0px; text-align: center; }
.group_order_popup .group_order_top li p { font-size: 14px; color: #222; margin-bottom: 5px;}
.group_order_popup .group_order_top li h2 {color: #222; font-size: 16px; }
.group_order_popup .group_order_top li h2 span { font-size: 24px;}
.group_order_popup .group_order_top li:nth-child(1) h2 { color: #004687;}
.group_order_popup .group_order_top li:nth-child(2) h2 { color: #ed1c24;}

.group_order_popup.group_order_member_popup .group_order_pop_title h2 { padding-top: 0px;}

/*원천징수영수증*/
.receipt_box { position: relative; display: flex; width: 100%; padding: 60px; background-color: #F4F4F4; padding-left: 400px; margin-bottom: 80px; }
.receipt_box::before { position: absolute; left: 60px; top: 60px; width: 340px; font-size: 36px; line-height: 50px; color: #222; font-weight: 100; content: "연도선택"; }
.receipt_box li { width: 30%; margin-right: 40px;}
.receipt_box li { line-height: 50px;}

/*제품검색*/
.sub_content.search_list .sub_title.center { min-height: 120px;}
.sub_content.search_list div.list_style:before { display: none;}

/*주문완료*/
.order_ok .cart_quick .total_pay, .order_view .cart_quick .total_pay { margin-bottom: 0px;}
.order_ok .cart_list.order, .order_view .cart_list.order { border-top: 0px;}
.order_view .order_form { padding-bottom: 20px; margin-bottom: 60px; border-bottom: 1px solid #DDD;}

.coupon_info { position: relative; width: 100%; background-color: #F4F4F4; padding: 60px 60px 60px 320px; margin-bottom: 80px; margin-top: -80px; border-bottom: 1px solid #DDD;}
.coupon_info p { position: relative; display: block; font-size: 20px; line-height: 40px; color: #222; font-weight: 400; margin-bottom: 0px; text-align: left; }
.coupon_info p span { color: #004687; margin-right: 10px;}
.coupon_info>h2 { position: absolute; left: 60px; top: 60px; font-size: 40px; line-height: 50px; color: #222; font-weight: 300;}

/*오토십 주문서작성*/
.card_info_box { width: 100%; padding: 40px; background-color: #F4F4F4; margin-bottom: 40px; border-radius: 10px;}
.card_info_box h2 { font-size: 20px; line-height: 30px; color: #222;}
.card_info_box h2 span { position: relative; margin-left: 20px; padding-left: 20px; font-weight: 500; }
.card_info_box h2 span::before { position: absolute; left: -1px; top: 7px; width: 1px; height: 16px; background-color: #DDD; content: ""; }

.hanacard_info_box { position: relative; width: 100%; padding: 40px; background-color: #F4F4F4; margin-bottom: 40px; border-radius: 10px; padding-right: 260px;}
.hanacard_info_box h2 { font-size: 20px; line-height: 30px; color: #004687; margin-bottom: 20px;}
.hanacard_info_box p { font-size: 16px; line-height: 25px; color: #666; }
.hanacard_info_box .btn { position: absolute; top: 50%; transform: translateY(-50%); right: 40px; width: 180px;}
.hanacard_info_box .font_red { font-size: 14px; margin-top: 10px;}

.auto_order_write .cardnum-set li { padding-right: 10px;}
.auto_order_write .order_pay_form .info_box { background-color: #FFF; border: 1px solid #DDD;}

/*오토십 미납금*/
.single_header { position: absolute; width: 100%; padding: 40px; border-bottom: 1px solid #DDD; text-align: center; background-color: #FFF;}

.auto_re_order_info .content_box { width: 800px; }
.sub_content.auto_re_order_info .join_input { margin-bottom:50px;}
.sub_content.auto_re_order_info .join_input>ul { width: 100%; padding: 80px; border: 1px solid #222; border-radius: 20px;}
.sub_content.auto_re_order_info .join_input>ul>li { position: relative; width: 100%; margin-bottom: 20px;}
.sub_content.auto_re_order_info .join_input>ul>li:last-child { margin-bottom: 0px; border: 0px;}
.sub_content.auto_re_order_info .join_ok>ul>li:first-child::before { background-image: url(https://www.pmi-korea.com/resources/image/common/icon_autoship_unpaid.png); }

/*오토십 미납금 결제 / 완료 */
.auto_re_order_write .cart_quick.flow, .auto_re_order_ok .cart_quick.flow { top: 40px;}
.auto_re_order_ok .cart_quick .total_pay { margin-bottom: 0px;}
.auto_re_order_ok .cart_list.order { border-top: 0px;}

/*카보너스 FAB보너스*/
.bonus_info { position: relative; width: 100%; padding: 60px; background-color: #F4F4F4; margin-bottom: 40px;}
.bonus_info h2 { font-size: 35px; line-height: 50px; color: #004687; font-weight: 500; margin-bottom: 10px;}
.bonus_info p { font-size: 20px; line-height: 30px; color: #666; }
.bonus_info .btn-set { position: absolute; top: 50%; right: 60px; transform: translateY(-50%); width: 300px;}
.bonus_info ul.btn-set li { width: 100%; padding: 0px; margin-bottom: 20px;}
.bonus_info ul.btn-set li:last-child { margin-bottom: 0px;}

.layer_popup .pop_content.car_bonus_pop { padding: 0px 0px 20px;}
.car_bonus_pop .car_bonus_total { padding: 20px; background-color: #F4F4F4; text-align: center;}
.car_bonus_pop .car_bonus_total p { font-size: 14px; line-height: 25px; color: #222; }
.car_bonus_pop .car_bonus_total h2 { font-size: 16px; line-height: 30px; color: #004687; }
.car_bonus_pop .car_bonus_total h2 span { font-size: 24px; font-weight: 500;}

/*주문내역조회*/

.list_table.order td:last-child {padding: 0px;}
.list_table.order td:last-child > a { position: relative; display: block; width: 100%; height: 85px;}
.list_table.order td:last-child > a > i { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 18px; height: 18px; background-image: url("https://www.pmi-korea.com/resources/image/common/icon_faq.png"); background-repeat: no-repeat; background-position: center center; }
.list_table.order td.no_data {padding: 80px 0; font-size: 16px; color: #999; }
.list_table.order>tbody>tr.active > td:last-child > a > i {background-image: url("https://www.pmi-korea.com/resources/image/common/icon_faq_open.png");}
.list_table.order>tbody>tr.active { background-color: #004687; cursor: default;}
.list_table.order>tbody>tr.active td { cursor: default; border-color: #004687; color: #FFF;}
.list_table.order>tbody>tr.active td span { color: #FFF;}
.list_table.order>tbody>tr.active:hover td { background-color: #004687;}

.list_table.order td.in_table>div { position: relative; padding: 30px 0px 30px 15%;}
.list_table.order td.in_table>div div { position: absolute; top:50%; left: 0px; transform: translateY(-50%); width: 14%;}
.list_table.order td.in_table>div table td { border-bottom: 0px; color: #222;}
.list_table.order td.in_table>div table td:first-child {position: relative; font-size: 15px; text-align: left; padding-left: 120px;}
.list_table.order td.in_table>div table td img {position:absolute; left:0px; top:0px; width: 80px; height: 80px;}
.list_table.order td.in_table>div table td span { color: #999; font-size: 14px;}

/*오토십 정보 & 내역*/
.auto_order_info .list_table { overflow: hidden; border-radius: 20px; margin-bottom: 0px; }
.auto_order_info .list_table td .font_blue { display: block; margin-bottom: 10px;}

.no_auto_info { position: relative; width: 100%; padding: 60px; background-color: #F4F4F4; margin-bottom: 40px;}
.no_auto_info h2 { font-size: 35px; line-height: 50px; color: #004687; font-weight: 500; margin-bottom: 10px;}
.no_auto_info p { font-size: 20px; line-height: 30px; color: #666; }
.no_auto_info .btn-set { position: absolute; top: 50%; right: 60px; transform: translateY(-50%); width: 300px;}
.no_auto_info ul.btn-set li { width: 100%; padding: 0px; margin-bottom: 20px;}
.no_auto_info ul.btn-set li:last-child { margin-bottom: 0px;}

.auto_fail_pop h2 { font-size: 20px; line-height: 30px; margin-bottom: 20px;}
.fail_info { background-color: #F4F4F4; padding: 20px; margin-bottom: 20px;}
.fail_info li { margin-bottom: 10px;}
.fail_info .textarea { height: 100px;}

/*오토십 실패내역*/
.auto_fail_list .list_table td:last-child { word-break: keep-all; }

/*소비자주문전달*/
/* .cart_list.shopping { border-top: 1px solid #222; } */
.shopping_pass_infotext { padding: 20px 40px; background-color: #F4F4F4; border-radius: 10px;}

.order_pass_pop { width: 600px;}
.order_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;}
.order_pass_pop p { font-size: 14px; line-height: 25px; color: #222; word-break: keep-all; margin-bottom: 30px; }

.order_pass_info { border-top: 1px solid #DDD; padding-top: 30px;}
.order_pass_info h2 { font-size: 15px; line-height: 25px; color: #222; font-weight: 500; margin-bottom: 20px;}
.order_pass_info h2 span { font-weight: 500;}
.order_pass_info .btn-set { margin-top: 30px;}
.order_pass_info .info_box.url { border: 0px; background-color: #F4F4F4; padding: 30px; color: #004687;}

.shopping_pass_view .cart_list { border-top: 1px solid #222;}
.shopping_pass_view .cart_quick .total_pay { margin-bottom: 0px;}
.shopping_pass_view .order_info_list li p { padding: 20px; background-color: #F4F4F4; color: #004687; word-break: break-all;}
.shopping_pass_view .order_info_list li ul.btn-set { width: 400px;}
.shopping_pass_view .order_info_list li ul.btn-set li { float: left;}
.shopping_pass_view .order_info_list li ul.btn-set .btn { position: relative; right: auto; width: 100%;}

/*비회원주문조회*/
.shopping_pass_order_view .order_form { padding-bottom: 20px; margin-bottom: 60px; border-bottom: 1px solid #DDD;}
.shopping_pass_order_view .cart_quick .total_pay { margin-bottom: 0px;}

/*소비자주문전달*/
.shopping_step01 { background-color: #F4F4F4;}

.shopping_pass .sub_title { position: relative; }
.shopping_pass .sub_title h2 { display: inline-block; font-size:40px; line-height: 40px; font-weight: 500; margin-bottom: 0px; }
.shopping_pass .sub_title .line_map { position: absolute; top: 0px; right: 0px;}

.shopping_pass div.list_style::before { display: none;}
.shopping_pass.shopping_step03 .cart_list.order { border-top: 0px;}
.shopping_pass.shopping_step03 .cart_quick .total_pay { margin-bottom: 0px;}



.cart_total { position: fixed; right: 0; bottom: -100%; left: 0; z-index: 100;  width: 100%; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out;}
.cart_total .cart_con {width: 100%; background-color: #004687;}
.cart_total.flow { bottom: 0px; /*overflow-y: auto; overflow-x: hidden; */}
.cart_total.flow.bottom { bottom: -100%;}
.cart_total .cart_con > div {width: 1400px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; height: 80px; position: relative; z-index: 1;}
.cart_total .cart_con > div > div {width: calc(50% - 0px); height: 80px;  box-sizing: border-box;}
.cart_total .cart_con .total_pay {position: relative; line-height: 80px;  display: flex; justify-content: flex-start; align-items: center;}
.cart_total .cart_con .total_pay>span {font-size:18px; color: #fff; width: 115px;}
.cart_total .cart_con .total_pay>p { font-size:20px; color: #fff; text-align: right; font-weight: 500;}
.cart_total .cart_con .total_pay>p>span {font-size:34px; font-weight: bold; margin-right: 3px;}
.cart_total .cart_con .btn_box {text-align: right; padding-top: 10px;}
.cart_total .cart_con .btn_box a {width: 255px; height: 60px; display: inline-block; background-color: #fff; font-size: 16px; color: #000; border-radius: 10px; text-align: center; font-weight: bold; line-height: 60px; position: relative;}
.cart_total .cart_con .btn_box a i {display: inline-block; min-width: 24px; height: 24px; margin: 17px 0 0 4px; padding: 0 2px; -webkit-box-sizing:  order-box; box-sizing: border-box; background-color: #004687; border-radius: 12px; color: #fff; font-size: 15px; line-height: 24px; vertical-align: top; font-style: normal;}

.cart_total .quick_close_btn {position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; z-index: -1; }
.cart_total.active .quick_close_btn {display: block;}

.cart_total .cart_con .quick_open_btn  { display: block; width: 40px; height: 40px; background-image: url("https://www.pmi-korea.com/resources/image/common/icon_order_list_open.png"); background-repeat: no-repeat; background-position: center; transition:all 0s  ease-in-out; -webkit-transition:all 0s ease -in-out; margin-left: 10px; }
.cart_total .cart_con .quick_open_btn.active { background-image: url("https://www.pmi-korea.com/resources/image/common/icon_order_list.png");}

.cart_total .quick_open { display: none; height: 190px; width: 500px; background-color: #fff; left: 50%; margin-left: -700px; position: relative; padding: 40px 30px 0; box-sizing: border-box;}
.cart_total .quick_open>h1 {}
.cart_total:after {content: ""; position: fixed; z-index: -2; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out; opacity: 0; visibility: hidden;}
.cart_total.active:after {opacity: 1; visibility: visible;}

.cart_total .quick_open ul {width: 100%; overflow: hidden; padding-bottom: 20px; background-color: #f5f5f5; margin-top: 15px; padding: 15px; box-sizing: border-box; border-radius: 15px;}
.cart_total .quick_open ul >li {float: left; line-height: 35px; font-family: 'Noto Sans', sans-serif;}
.cart_total .quick_open ul>li:nth-child(1n) {width: 35%; font-size: 16px; color: #000;text-align: left;}
.cart_total .quick_open ul>li:nth-child(2n) {width: 65%; font-size: 16px; color: #000; font-weight: 400; text-align: right; font-family: 'Noto Sans', sans-serif;}
.cart_total .quick_open ul>li:nth-child(2n)>span {font-size: 20px; font-weight: 700; font-family: 'Noto Sans', sans-serif;}

.cart_total .quick_open a.close {background-image: url("https://www.pmi-korea.com/resources/image/common/icon_open_close.png"); width: 35px; height: 25px; position: absolute; top: 5px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.cart_total .quick_open > div {position: relative;}
.cart_total .quick_open .btn_more {position: absolute; right: 0; top: -4px; height: 30px; padding: 0 25px 0 15px; color: #000; font-size: 14px; line-height: 28px; border: 1px solid #ddd; border-radius: 15px; margin: 0; box-sizing: border-box; display: block;}
.cart_total .quick_open .btn_more:before,.cart_total .quick_open .btn_more:after {position: absolute; width: 6px; height: 1px; background-color: #888; content: ""; right: 12px;}
.cart_total .quick_open .btn_more:before {top: 11px; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.cart_total .quick_open .btn_more:after { top: 15px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.cart_total .quick_open .btn_more:hover {color: #000; border-color: #000;}
.cart_total .quick_open .btn_more:hover:before,.cart_total .quick_open .btn_more:hover:after {background-color: #000;}


/*소비자전달 제품리스트*/
.pass_list { width:1600px; text-align:center; margin: 0 auto; display: flex; flex-wrap: wrap; }
.pass_list>li { position:relative; border-radius: 30px; margin: 0px 40px 40px 0px; background-color: #fff; box-shadow: 0 0 5px rgba(30,30,30,.1); overflow: hidden;}
.pass_list>li.active {border: 1px solid #333;}
.pass_list>li a {display: block;}
.pass_list>li .product_img { position:relative; padding: 10px; box-sizing: border-box;}
.pass_list>li .product_img img { display:inline-block;}
.pass_list>li .product_name { position: relative; width: 100%; padding: 0px 10px; z-index: 10; box-sizing: border-box;}
.pass_list>li .product_name h1 {width:100%; font-size:20px; font-weight: 700; line-height:25px;  color:#000; overflow:hidden; text-overflow:ellipsis; word-break: keep-all; display: -webkit-box; -webkit-box-orient: vertical; }
.pass_list>li .product_name p { width:100%; font-size:14px; line-height:20px; color:#888; overflow:hidden; text-overflow:ellipsis; word-break: keep-all; display: -webkit-box; -webkit-box-orient: vertical; }
.pass_list>li .product_name span { width:100%; font-size:15px; font-weight: 700; line-height:20px; margin-bottom: 10px; color:#004687; display: block; overflow:hidden; }

.pass_list>li .goods_count.disable a:hover { background-color: #FFF; }

.pass_list>li .goods_count.active { border-color: #F4F4F4; background-color: #F4F4F4; }
.pass_list>li .goods_count.active a, .pass_list>li .goods_count.active input { background-color: #F4F4F4; color: #222; transition: all 0s  ease-in-out; }
.pass_list>li .goods_count.active a:before, .pass_list>li .goods_count.active a:after { background-color: #222;}
.pass_list>li .goods_count.active:hover { border-color: #004687; background-color: #004687;}
.pass_list>li .goods_count.active:hover a, .pass_list>li .goods_count.active:hover input { background-color: #004687; color: #FFF; }
.pass_list>li .goods_count.active:hover a:before, .pass_list>li .goods_count.active:hover a:after { background-color: #FFF;}


.pass_list>li .product_pay { position: relative; width: 100%; padding: 0px 10px; margin-bottom: 20px; z-index: 10; box-sizing: border-box;}
.pass_list>li .product_pay p.price { color:#000; line-height:30px; display: block; width: 100%; font-size: 20px; font-weight: 700; font-family: 'Noto Sans', sans-serif;}
.pass_list>li .product_pay p.price span {font-size:28px; font-weight: 700; color:#000; font-family: 'Noto Sans', sans-serif;}

.pass_list>li.soldout::before { display:block; position:absolute; left:0px; top:0px; z-index:20; background-color:rgba(0,0,0,.5); width:100%; height:100%; color:#FFF; font-size:30px; content: "일시품절";}

.content_box .pass_list>li.no_data { width: 100%; height: 300px; margin: 0px 0px 40px 0px; padding:190px 0px 0px; font-size: 20px; color: #999; text-align: center; background-color: #f4f4f4; border-color: #f4f4f4; box-shadow: none; cursor: default; background-position: center 80px;}
.content_box .pass_list>li.no_data:before { display: none;}

/*앨범형*/
.pass_list.album>li {width:370px; padding: 40px 0 50px;}
.pass_list.album>li:nth-child(4n) { margin-right: 0px;}
.pass_list.album>li>a {width:100%; height:280px; font-size: 20px; line-height: 200px;}
.pass_list.album>li .product_img img {width: 75%;}
.pass_list.album>li .product_img span { width:60px; height:60px; line-height:60px; top:20px; right:20px; font-size:14px;  }
.pass_list.album>li .product_name h1 { height:50px; text-align: center; -webkit-line-clamp: 2;}
.pass_list.album>li .product_name p { height:40px; text-align:center; -webkit-line-clamp: 2; }
.pass_list.album>li .goods_count {margin: 0 auto 20px;}
.pass_list.album>li .product_pay { text-align: center;}
.pass_list.album>li .product_pay p.price { display: block; width: 100%; font-size: 20px; font-weight: 700; font-family: 'Noto Sans', sans-serif;}
.pass_list.album>li .product_pay p.price span  {font-size:28px; font-weight: 700;}
.pass_list.album>li .product_btn {left: 0px; top:250px; width:100%; }
.pass_list.album>li.soldout::before { line-height:520px ;}

/*리스트*/
.pass_list.list>li {width: 100%; padding: 30px 10px 30px 160px; box-sizing: border-box; margin: 0 0 10px; text-align: left;}
.pass_list.list>li:nth-child(3n) { margin-right: 0px;}

.pass_list.list>li .product_img { position: absolute; left: 50px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size:10px; text-align: center; padding: 0;} 
.pass_list.list>li .product_img img {width:100px; height:100px;}
.pass_list.list>li .product_img span { width:40px; height:40px; line-height:40px; top:10px; right:10px; }
.pass_list.list>li .product_name h1 {text-align:left; -webkit-line-clamp: 1; margin-bottom: 10px;}
.pass_list.list>li .product_name p { height:40px; text-align:left; -webkit-line-clamp: 2; }
.pass_list.list>li .product_name span {text-align: left;}
.pass_list.list>li .goods_count {position: absolute; right: 50px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);z-index: 10;}
.pass_list.list>li .product_pay { text-align: right; width: 250px; display: inline-block; position: absolute; right: 250px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.pass_list.list>li.soldout::before { line-height:140px ; text-align: center;}

/*소비자주문전달 주문서작성*/
.shopping_pass .order_pay_menu input[type="radio"] + label { width:23.5%;}
.shopping_pass .order_pay_menu input[type="radio"]:nth-of-type(3n) + label { margin-right: 2%;}
.shopping_pass .order_pay_menu input[type="radio"]:nth-of-type(4n) + label { margin-right: 0px;}

/*넷퍼넬 */
.netfunnel_pop { width: 520px; background-color: #FFF; text-align: center; padding: 30px; border-radius: 15px; }
.netfunnel_pop .netfunnel_logo { border-bottom: 1px solid #DDD; text-align: center; padding-bottom: 30px; margin-bottom: 30px;}
.netfunnel_pop .netfunnel_logo img { width: 270px;}
.netfunnel_pop .netfunnel_con span { font-weight: 800;}
.netfunnel_pop .netfunnel_con>h1 { font-size: 28px; line-height: 30px; margin-bottom: 10px;}
.netfunnel_pop .netfunnel_con>h2 { font-size: 18px; line-height: 30px; margin-bottom: 10px; font-weight: 800; }
.netfunnel_pop .netfunnel_con>h2 span {color: #004687;}
.netfunnel_pop .netfunnel_con .text_box { background-color: #F4F4F4; padding: 20px;}
.netfunnel_pop .netfunnel_con .text_box p { display: block; font-size: 15px; color: #666; word-break: keep-all; line-height: 25px;}
.netfunnel_pop .netfunnel_con .btn { width:80px; font-size:14px; height:36px; color:#a19d9d; line-height:34px; text-decoration:none; display:inline-block; position: relative; text-align:center; background-color:#FFF; border: 1px solid #DDD; margin-top: 10px;}
.netfunnel_pop .netfunnel_con .btn:hover { background-color: #F4F4F4;}

/*제품구매안내*/
.cs_center03 .tab_menu { margin-bottom: 60px; width: 1600px;}
.cs_center03 .tab_menu a { width: 33.3%;}
.cs_center03 div.con { display: none;}
.cs_center03 div.con h2 { font-size: 18px; line-height: 30px; color: #222; font-weight: 500; margin-bottom: 10px;}
.cs_center03 div.con h3 { position: relative; font-size: 18px; line-height: 30px; color: #222; font-weight: 500; margin-bottom: 20px; padding-left: 20px;}
.cs_center03 div.con h3>span { position: absolute; left: 0px;}
.cs_center03 div.con p { font-size: 16px; line-height: 25px; color: #888; font-weight: 300; margin-bottom: 20px; word-break: keep-all;}
.cs_center03 div.con p span { font-size: 15px; word-break: keep-all;}

/*PMPay*/
.easy_pay .content_box { width: 800px; border: 1px solid #222; border-radius: 20px; text-align: center; overflow: hidden;}
.easy_pay .easy_pay_con { padding: 80px;}
.easy_pay_info { width: 100%; padding:80px; background-color: #F4F4F4; text-align: left;}
.easy_pay_info h2 { font-size: 18px; line-height: 30px; color: #222; margin-bottom: 10px;}
.easy_pay_info p { position: relative; font-size: 14px; line-height: 20px; color: #888; padding-left: 10px; margin-bottom: 10px; word-break: keep-all;}
.easy_pay_info p::before { position: absolute; left: 0px; top: 8px; width: 3px; height: 3px; background-color: #999; content: "";}

.easy_pay_con .card_ok>div, .easy_pay_con .card_no a { box-shadow: 5px 0px 10px rgba(0,0,0,0.2);}
.easy_pay_con .card_ok>div { position: relative; width: 300px; height: 190px; border-radius: 10px; overflow: hidden; margin: 0 auto 40px; background-size: 100%;}
.easy_pay_con .card_ok>div::before { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); content: "";}
.easy_pay_con .card_ok>div .close_btn {position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; background-image: url(https://www.pmi-korea.com/resources/image/common/icon_pop_close01.png); background-size: 100%; background-repeat: no-repeat; transform:rotate(0deg); transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out;}
.easy_pay_con .card_ok>div .close_btn:hover { transform:rotate(90deg);}
.easy_pay_con .card_ok>div h2, .easy_pay_con .card_ok>div p { position: absolute; left: 20px; font-size: 16px; line-height: 20px; color: #FFF; font-weight: 400;}
.easy_pay_con .card_ok>div h2 { bottom: 45px;}
.easy_pay_con .card_ok>div p { bottom: 20px;}
.easy_pay_con .card_ok .btn { width: 300px;}
.easy_pay_con .card_no a {position: relative; display: block; width: 300px; height: 190px; border-radius: 10px; overflow: hidden; margin: 0 auto; background-color: #F4F4F4; border: 1px solid #DDD; font-size: 18px; line-height: 30px; font-weight: 500; color: #222; padding-top: 55px; }
.easy_pay_con .card_no a:hover { border-color: #004687; color: #004687;}
.easy_pay_con .card_no a::before {position: absolute; left: 50%; top: 95px; transform: translateX(-50%); width: 40px; height: 40px; background-color: #004687; font-size: 30px; line-height: 40px; color: #FFF; border-radius: 50%;  content: "+";}

.easy_pay_input { text-align: center;}
.easy_pay_input .easy_pay_info { padding: 40px; border-radius: 10px; margin-bottom: 30px;}
.easy_pay_input .easy_pay_info p { margin-bottom: 5px;}
.easy_pay_input .easy_pay_con { margin-bottom: 50px;}
.easy_pay_input .easy_pay_con .select { width: 300px;}
.easy_pay_input .easy_pay_con .card_ok>div { margin-bottom: 30px;}

/*수당내역 카보너스 FAB보너스 공통*/
.self_allowance_list .content_top, .fab_bonus_list .content_top { min-height: 75px;}

/*계보도 */
.tree_view_con {position:relative;width: 1600px;height:780px;background-color:#F4F4F4; }
.tree_view_con.full { width: 100%; height: 100%; border: 0px;}
.tree_view_con.full .left_box { position: relative; width: 100%; height: 100%; overflow: auto;}
.tree_view_con .left_box { position:absolute; left:0px; top:0px; width:1600px; height:780px; overflow: scroll; text-align:center;}
.tree_view_con .imgContent { display:inline-block;}

/*계보도 i_org_chart*/
#i_org_chart .wrapper { text-align:center; font-size:0px; padding:20px;}
#i_org_chart .wrapper>.cont>.center_line { height:0px;}
#i_org_chart .wrapper>.cont>ul>li>ul { height:0px;}

#i_org_chart .cont { display:inline-block;}
#i_org_chart .cont>ul { clear:both; display:table; position:relative; line-height:0px;}
#i_org_chart .cont.non>.center_line, .cont.non>ul>li>ul{ height:0px;}
#i_org_chart .cont>ul>li { display:table-cell; position:relative; vertical-align:top;}
#i_org_chart .cont>ul>li>ul { clear:both; overflow:hidden;}
#i_org_chart .cont>ul>li>ul>li { height:20px; float:left; width:50%; border-top:2px solid #999; box-sizing:border-box;}
#i_org_chart .cont>ul>li>ul>li:first-child {  border-right:2px solid #999;}
#i_org_chart .cont>ul>li:first-child>ul>li:first-child { border:0px;}
#i_org_chart .cont>ul>li:first-child>ul>li:last-child { border-left:2px solid #999; }
#i_org_chart .cont>ul>li:last-child>ul>li:first-child { border-right:2px solid #999; }
#i_org_chart .cont>ul>li:last-child>ul>li:last-child { border:0px; }


/*계보도 박스사이즈에 대한 라인사이즈*/
#i_org_chart .cont .center_line { width:50%; height:20px; border-right:2px solid #999; display:inline-block; margin-right:50%; box-sizing:border-box;}

/*계보도 박스컨텐츠*/
#i_org_chart .cont>ul>li>.box { width:155px; height:125px; background-color:#FFF; border:2px solid #999; display:inline-block; margin:0px 5px; font-size:12px; line-height:15px; text-align:left; color:#222; border-radius:10px; }
#i_org_chart .cont>ul>li>.box>div { margin:0px; padding:10px;}
#i_org_chart .cont>ul>li>.box>div:first-child {cursor:pointer; }
#i_org_chart .cont>ul>li>.box>div:last-child {cursor: pointer; background-repeat:no-repeat; background-image:url(https://www.pmi-korea.com/resources/image/common/icon_chart_m.png); background-position:120px 25px; }
#i_org_chart .cont>ul>li>.box>div>span { display:inline-block; text-align:center; padding:2px 4px 2px 4px; border-radius:5px; color:#FFF; margin-right:5px;}
#i_org_chart .cont>ul>li>.box>div>span.left { background-color:#004687;}
#i_org_chart .cont>ul>li>.box>div>span.right { background-color:#666;}
#i_org_chart .cont>ul>li>.box>div>span.level { background-color:#333; margin-top:5px; color:#FFF;}
#i_org_chart .cont>ul>li>.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;}
#i_org_chart .cont>ul>li>.box .name_btn:hover { background-color:#004687; color:#FFF; border-color:#004687; }

/*계보도 탈퇴회원*/
#i_org_chart .cont>ul>li>.box.false {background-color:#F4F4F4; color:#999;}
#i_org_chart .cont>ul>li>.box.false>div>span { background-color:#999; }
#i_org_chart .cont>ul>li>.box.false>div>span.lavel { background-color:#999; margin-top:5px; color:#FFF;}
#i_org_chart .cont>ul>li>.box.false .name_btn { background-color:#F4F4F4; color:#999; text-align:center; cursor:pointer; border-color:#BBB;}
#i_org_chart .cont>ul>li>.box.false .name_btn:hover { background-color:#F4F4F4; }


#i_org_chart .cont>ul>li>.box.active { border-color:#004687;}
#i_org_chart .cont>ul>li>.box.active_25 { border-color:#8397d4;}
#i_org_chart .cont>ul>li>.box.default { border-color:#666; }
#i_org_chart .cont>ul>li>.box.active>div>span { background-color:#004687;}
#i_org_chart .cont>ul>li>.box.default>div>span { background-color:#666;}
#i_org_chart .cont>ul>li>.box.expected { border-color:#a50024; }
#i_org_chart .cont>ul>li>.box.expected>div>span { background-color:#a50024;}

/*계보도 없음*/
#i_org_chart .cont>ul>li>.box_none { width:155px; height:125px; background-color:#F4F4F4; border:2px solid #999; display:inline-block; font-size:18px; text-align:center; color:#999; line-height:125px; margin:0px 5px; border-radius:10px;}

/*계보도 열고/닫기아이콘*/
#i_org_chart .cont>ul>li>.box>div.active {background-image:url(https://www.pmi-korea.com/resources/image/common/icon_chart_p.png); }
#i_org_chart .cont>ul>li>.box>div.non {background-image: none; cursor:default;}

/*계보도 등록*/
#i_org_chart .cont>ul>li>.box_write { width:80px; height:70px; background-color:#306ac6; display:inline-block; font-size:18px; text-align:center; font-family:"돋움"; color:#FFF; border-radius:8px; line-height:70px; margin:0px 5px; cursor:pointer;}

/*하선팝 계보도*/
.pop_content.group { min-width: 1100px;}
.pop_title.group { min-width: 1100px;}
.pop_content.group .tree_view_con, .pop_content.group .tree_view_con .left_box { width: 100%;}

/*lecture*/
.lecture_list .schedule_table { margin-bottom: 60px;}
.lecture_list .schedule_table .list_event .btn { height: auto; min-height: 30px; padding: 4px 15px;}
.lecture_list .schedule_table .list_event .btn .text { width: auto; float: none; white-space: normal; line-height: 20px; word-break: keep-all;}


.lecture_info { position: relative; width: 100%; padding: 60px 0px 60px 820px; margin-bottom: 120px;}
.lecture_info h2 { font-size: 60px; line-height: 80px; color: #222; font-weight: 500; margin-bottom: 60px;}
.lecture_info ul { display: flex; flex-wrap: wrap; margin-bottom: 60px;}
.lecture_info ul li { width: 30%; font-size: 20px; line-height: 30px; color: #666; margin-bottom: 30px; }
.lecture_info ul li:nth-child(2n) { width: 70%; font-size: 24px; color: #222;}
.lecture_info .alert_text {font-size: 16px;}
.lecture_info>div { position: absolute; top: 0px; left: -220px;}

.lecture_title { width: 100%; margin-bottom: 60px; text-align: center; }

.lecture_title h2 { font-size: 60px; line-height: 90px; color: #333; font-weight: 500; margin-bottom: 10px;}
.lecture_title p { font-size: 20px; line-height: 35px; color: #004687; }


.lecture_select_list { display: flex; flex-wrap: wrap; justify-content: baseline;}
.lecture_select_list li { position: relative; width: 360px; margin-right: 53px; margin-bottom: 60px; cursor: pointer;}
.lecture_select_list li:nth-child(4n) { margin-right: 0px;}

/*기존 선택리스트 주석*/
/* .lecture_select_list li div {display: block; width: 100%; overflow: hidden; border-radius: 20px; margin-bottom: 30px;}
.lecture_select_list li img { width: 360px; height: 250px; transform: scale(1, 1); -webkit-transform: scale(1, 1); transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out;  opacity:1;}
.lecture_select_list li:hover img {transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); opacity:0.8;}
.lecture_select_list li p { display: block; width: 100%; font-size: 22px; line-height: 30px; color: #222; text-align: center;} */

/*버튼형으로 변경*/
.lecture_select_list li { padding: 60px 50px; text-align: center; background-color: #004687; border-radius: 20px; font-size: 22px; line-height: 35px; color: #FFF; text-align: center; display: flex; justify-content: center; align-items: center; cursor: pointer; }
.lecture_select_list li p { display: block; width: 100%; word-break: keep-all; }
.lecture_select_list li:hover { background-color: #003a6f;  }
/*//버튼형으로 변경*/

.layer_popup .pop_content.lecture_pop { padding: 30px 0px 10px;}

.lecture_pop .alert_text { margin-bottom: 20px;}
.lecture_pop_info { padding: 20px 30px; background-color: #F4F4F4; margin-bottom: 30px;}
.lecture_pop_info h2 { font-size: 16px; line-height: 20px; color: #004687; margin-bottom: 10px;}
.lecture_pop_info p { font-size: 14px; line-height: 20px; color: #666; margin-bottom: 5px;}

.lecture_pop .lecture_pop_title { position: relative; margin-bottom: 30px;}
.lecture_pop .lecture_pop_title h2 { font-size: 26px; line-height: 30px; font-weight: 500; color: #222; text-align: center;}
.lecture_pop .lecture_pop_title.ok { padding-top: 80px; }
.lecture_pop .lecture_pop_title.ok::before { position: absolute; top: 0px; left: 50%; transform: translateX(-50%); width: 60px; height: 60px; background-color: #004687; background-image: url(https://www.pmi-korea.com/resources/image/common/icon_join_ok.png); background-position: center center; background-size: 50px; background-repeat: no-repeat; border-radius: 50%; content: "";}

.lecture_pop dl { display: flex; flex-wrap: wrap; width: 540px; border-top: 1px solid #DDD; padding: 30px 0px 10px;}
.lecture_pop dt, .lecture_pop dd { font-weight: 500; margin-bottom: 20px;}
.lecture_pop dt { display: flex; align-items: center; font-size: 16px; line-height: 20px; color: #999; width: 25%;}
.lecture_pop dd { font-size: 16px; line-height: 20px; color: #222; width: 75%;}

.schedule_view .schedule_view_con { position: relative; padding-top: 110px;}
.schedule_view .schedule_view_title { margin-bottom: 60px;}
.schedule_view .schedule_view_title h2 { font-size: 30px; line-height: 40px; font-weight: 500; color: #222; text-align: center;}

/*카프로그램*/
.sub_content.car_bonus_write .content_box{ width: 860px; }
.sub_content.car_bonus_write .car_input { margin-bottom:50px;}
.sub_content.car_bonus_write .car_input>h2 {font-size: 25px; line-height: 30px; text-align: left; font-weight: 500; color:#222; margin-bottom: 20px;}
.sub_content.car_bonus_write .car_input>ul { width: 100%; padding: 80px; border: 1px solid #222; border-radius: 20px;}
.sub_content.car_bonus_write .car_input>ul>li { position: relative; width: 100%; margin-bottom: 30px;}
.sub_content.car_bonus_write .car_input>ul>li:last-child { margin-bottom: 0px; border: 0px;}
.sub_content.car_bonus_write .car_input strong { font-weight: 700;}

.car_input p { font-size: 16px;}
.car_input>ul>li>h2 { font-size: 24px; margin-bottom: 30px;}
.car_input>ul>li p.bl_text { position: relative; font-size: 15px; line-height: 25px; color: #222; margin-bottom: 20px; padding-left: 15px; word-break: keep-all;}
.car_input>ul>li p.bl_text::after { position:absolute; width:4px; height:4px; left:3px; top:10px; border-radius:50%; background-color:#333; content:"";}
.car_input>ul>li p.bl_text.red { color: #ed1c24;}
.car_input>ul>li p.bl_text.red::after { background-color:#ed1c24;}
.car_input .car_info_box { background-color: #F4F4F4; padding: 40px; border-radius: 10px;}
.car_input .car_info_box p { position: relative; width: 100%; text-align: right; margin-bottom: 15px; font-size: 18px; line-height: 25px; color: #222; min-height: 25px; }
.car_input .car_info_box p span { position: absolute; left: 0px; top: 0px; font-size: 16px; line-height: 25px; color: #666;}
.car_input .car_info_box p:last-child { margin-bottom: 0px;}
.car_input h3 { font-size: 24px; line-height: 30px;}

.join_file-set.both { margin-top: 30px;}

.car_sticker { display: flex; justify-content: space-between; width: 100%; margin-bottom: 20px;}
.car_sticker li { border: 1px solid #DDD; width: 49%; border-radius: 10px; padding: 30px 20px 10px;}
.car_sticker li img { display: block; width: 100%; }
.car_sticker li h2 { font-size:24px; line-height: 30px; margin-bottom: 20px; color: #004687; font-weight: 700; text-align: center;}
.car_sticker li h3 { width: 100%; background-color: #004687; font-size: 16px; color: #FFF; text-align: center; margin-bottom: 10px;}
.car_sticker li h4 { font-size:18px; line-height: 30px; color: #004687; font-weight: 700; text-align: center;}
.car_sticker li h3 span { font-size: 14px;}
.car_sticker li p { font-size: 16px; color: #222; text-align: center;}
.car_sticker li>div { margin-bottom: 30px;}
.car_sticker li dl { display: flex; }

/*카프로그램 소개*/
.car_bonus_info h2 {font-size: 40px; line-height: 50px; font-weight: 700; margin-bottom: 40px; color: #222;}
.car_bonus_info p.bl_text { position: relative; font-size: 20px; line-height: 30px; color: #222; margin-bottom: 30px; padding-left: 20px;}
.car_bonus_info p.bl_text strong { font-weight: 700;}
.car_bonus_info p.bl_text::after { position:absolute; width:4px; height:4px; left:5px; top:12px; border-radius:50%; background-color:#333; content:"";}
.car_bonus_info p.bl_text.red { color: #ed1c24; }
.car_bonus_info p.bl_text.red::after { background-color: #ed1c24;}
.car_bonus_info span.alert_text { font-size: 20px; line-height: 30px; margin-top: 10px; }
.car_bonus_info span.alert_text::after { width: 20px; height: 20px; border-radius: 50%; top: 5px; background-color: rgba(255,255,255,0);}
.car_bonus_info .con03, .car_bonus_info .con05, .car_bonus_info .con06 {width: 1600px; margin: 0 auto 120px; position: relative; }
.car_bonus_info .con02>div, .car_bonus_info .con04>div{width: 1600px; margin: 0 auto 120px; position: relative; }

.car_bonus_info .con01 {width: 1600px; margin: 0 auto 120px; min-height: 550px; position: relative; padding-top: 160px;}
.car_bonus_info .con01 h2 {font-size: 85px; line-height: 90px; font-weight: 700; margin-bottom: 50px; color: #222;}
.car_bonus_info .con01 h3 {font-size: 35px; line-height: 50px; font-weight: 700; color: #222;}
.car_bonus_info .con01 img {position: absolute; right: 0; top: 0;}

.car_bonus_info .con02, .car_bonus_info .con04 { padding-top: 120px; background-color: #F4F4F4; overflow: hidden; margin-bottom: 120px;}
.car_bonus_info .con02 li, .car_bonus_info .con04 li { position: relative; padding-left:360px; padding-top: 10px; margin-bottom: 50px;}
.car_bonus_info .con02 li h3, .car_bonus_info .con04 li h3 { position: absolute; left: 0px; top: 0px; display: block; width:280px; font-size: 20px; text-align: center; line-height: 30px; padding: 10px 0px; color: #FFF; background-color: #004687; border-radius: 10px; }

.car_bonus_info .con03 li { position: relative; padding-left:360px; padding-bottom: 100px;}
.car_bonus_info .con03 li::before { position: absolute; left: 103px; bottom: 39px; width: 72px; height: 42px; background-image: url(https://www.pmi-korea.com/resources/image/common/img_car_bonus_info02.png); background-position: center center; background-size: 72px; background-repeat: no-repeat; content: ""; }
.car_bonus_info .con03 li:last-child { padding-bottom: 0px;}
.car_bonus_info .con03 li:last-child:before { display: none;}
.car_bonus_info .con03 li:last-child h3 { height: 100%;}
.car_bonus_info .con03 li h3 { position: absolute; left: 0px; top: 0px; display: block; width:280px; height: calc(100% - 120px); font-size: 20px; text-align: center; line-height: 30px; padding: 10px 0px; color: #004687; border: 4px solid #004687; border-radius: 10px; display: flex; justify-content: center; align-items: center; box-sizing: border-box; }
.car_bonus_info .con03 li h4 { position: absolute; left: 360px; bottom: 40px; display: inline-block; font-size: 20px; text-align: center; line-height: 30px; padding: 10px 20px 10px 50px; color: #FFF; background-color: #004687; border-radius: 10px; background-image: url(https://www.pmi-korea.com/resources/image/common/img_car_bonus_info03.png); background-position: 20px center; background-size: 20px; background-repeat: no-repeat;}
.car_bonus_info .con03 li div span.font_blue { display: block; font-size: 20px; line-height: 30px; margin-bottom: 20px; }
.car_bonus_info .con03 li div .list_table_type01 { width: 600px; }
.car_bonus_info .con03 li div .list_table_type01 th { background-color: #999; padding: 15px 10px;}
.car_bonus_info .con03 li div .list_table_type01 td { border-right: 1px solid #DDD; padding: 15px 10px;}
.car_bonus_info .con03 li div .list_table_type01 td:first-child { border-left: 1px solid #DDD; }

.car_bonus_info .con06 ul { display: flex; justify-content: space-between; margin-top: 30px; }
.car_bonus_info .con06 ul li { width: 49%; background-color: #F4F4F4; padding: 40px; border-radius: 20px;}
.car_bonus_info .con06 ul li h3 { font-size: 40px; line-height: 50px; font-weight: 700; color: #004687; margin-bottom: 30px; text-align: center;}
.car_bonus_info .con06 ul li div { background-color: #FFF; margin-bottom: 40px; padding-bottom: 40px;}
.car_bonus_info .con06 ul li div:last-child { margin-bottom: 0px;}
.car_bonus_info .con06 ul li div h4 { display: block; width:140px; font-size: 20px; text-align: center; line-height: 30px; padding: 10px 0px; color: #FFF; background-color: #004687; margin-bottom: 20px; }

.car_bonus_info .info_check_box { text-align: center; margin-bottom: 40px;}
.car_bonus_info .info_check_box input[type="checkbox"].check_box + label { font-size: 20px;}

/*20240408 HABO 추가*/
.habo_bn { position: relative; display: block; width: 100%; padding-bottom: 80px; border-bottom: 1px solid #222; margin-top: -1px;}
.habo_bn img { width: 100%;}

.healthy .product_list>li .product_btn li:nth-child(1) { width: 40%;}
.healthy .product_list>li .product_btn li { width: 60%;}
.healthy .product_list>li .product_btn li::before { display: none;}
.healthy .product_list>li .product_btn li:nth-child(2) a { width: 100%;}

.healthy .product_list.album>li { width: 780px;}
.healthy .product_list.album>li:nth-child(2n) { margin-right: 0px;}
.healthy .product_list.album>li .product_img { text-align: center;}
.healthy .product_list.album>li h2 { font-size: 30px; line-height: 40px; min-height: 40px;}

.healthy .product_list.album>li .product_btn { top: 360px;}
.healthy .product_list.album>li .product_btn li:nth-child(1) { width: 120px;}
.healthy .product_list.album>li .product_btn li { width: 659px;}

.healthy .product_list.album .product_pay_text p.pay, .healthy .product_list.album .product_pay_text p.auto { font-size: 30px; font-weight: 500; line-height: 40px;}
.healthy .product_list .product_pay_text p.pay::before, .healthy .product_list .product_pay_text p.auto::before { font-weight: 400;}

.healthy .list_style::before { display: none;}

/*240605 규정 위반 회원 신고 추가*/
.complaint_title { font-size: 36px; line-height: 40px; color: #222; font-weight: 300; margin-bottom: 40px;}
.complaint_write_box { padding-top: 60px; padding-bottom: 60px; margin-bottom: 80px; border-top: 1px solid #222; border-bottom: 1px solid #DDD;}
.complaint_write_box>li { position: relative; margin-bottom:20px; padding-left:350px;  }
.complaint_write_box>li>h2 { position: absolute; left: 0px; top: 0px; font-size: 18px; line-height: 50px; color: #222; }
.complaint_write_box>li>p { font-size: 18px; line-height: 50px; color: #222;  }
.complaint_write_box>li:last-child { margin-bottom: 0px;}
.complaint_write_box>li:last-child> h2{line-height: 30px;}
.complaint_write_box>li .phone-set { width: 500px;}
.complaint_write_box>li>.inp-txt { width: 500px;}
.complaint_write_box>li>.select { width: 500px;}
.complaint_write_box .sign_box { width: 650px;}
.complaint_write_box .sign_up { width: 100%; height: 250px; background-color: #F4F4F4; border-radius: 10px; border: 1px solid #DDD; margin-bottom: 20px;}

.complaint_view .board_title > li > h1 { font-size: 36px;}
.complaint_view .list_board {margin-bottom: 80px;}
.complaint_view .list_board > li .question {display: flex; justify-content: space-between; padding: 45px 30px 45px 100px;}
.complaint_view .list_board > li .question p{ font-size: 16px; line-height: 20px; font-weight: 400; color: #fff;}
.complaint_view .list_board > li.active .question::before {position: absolute; left: 0; top: 50%; margin-top: -17px; width: 100px; height: 35px; background-image:url("https://www.pmi-korea.com/resources/image/common/icon_a_white.png"); background-position: center center; background-repeat:no-repeat; content: "";}
.complaint_view .list_board > li.active .question::after { display: none;}
.complaint_view .list_board > li .answer p {position: relative;}
.complaint_view .list_board > li .answer p::before {position: absolute; top: 8px; left: -14px; font-size: 18px; line-height: 20px; color: #222;  content: '*';}
.complaint_view .list_board > li .answer::before {display: none;}
.complaint_view .list_board > li .answer {padding: 40px 130px 40px 50px; }

.contact_list .content_top .select_self { width: 300px;}

/*데모백 팝업추가*/
.layer_popup .pop_content.demo_bag_popup { padding: 0px;}
.demo_bag_popup .demo_title { margin-bottom: 20px;}
.demo_bag_popup .demo_title h2 {font-size: 34px; line-height: 40px; font-weight: 600; color: #222;}
.demo_bag_popup .demo_title p {font-size: 20px; line-height: 30px; font-weight: 400; color: #004687;}
.demo_bag_popup .demo_con { width: 100%; padding: 30px; background-color: #F4F4F4; border-radius: 10px; text-align: center; margin-bottom: 30px;}
.demo_bag_popup .demo_con h2 {font-size: 90px; line-height: 90px; font-weight: 600; color: #004687;}
.demo_bag_popup .demo_box { position: relative; margin-bottom: 40px;}
.demo_bag_popup .demo_box>img { position: absolute; top: 0px; right: 0px;}
.demo_bag_popup .demo_box h2 {font-size: 34px; line-height: 40px; font-weight: 600; color: #222; margin-bottom: 10px;}
.demo_bag_popup .demo_box p {font-size: 20px; line-height: 30px; font-weight: 400; color: #222; margin-bottom: 30px;}
.demo_bag_popup .demo_box .btn { width: 260px;}
.demo_bag_popup span { position: relative; padding-left: 10px; display: block; font-size: 14px; line-height: 20px; font-weight: 400; color: #999; word-break: keep-all;}
.demo_bag_popup span::before { position: absolute; left: 0px; top: 0px; content: "*";}

/*ISMS인증팝업 추가241002*/
.isms_pop img { width: 500px;}

/*FAQ 확장 수정241014*/
.faq_list .category_menu { max-width: 1100px;}

/*241206PA교육일정 상세*/
.pa_schedule_pop h2 { font-size: 16px; line-height: 30px; color: #222; margin-bottom: 20px; font-weight: 500; }
.pa_schedule_menu {  overflow: hidden; padding-bottom: 20px;}
.pa_schedule_menu input[type="radio"] {display: none;}
.pa_schedule_menu input[type="radio"] + label { position: relative; float: left; display: inline-block; width: 32%; height: 80px; border: 1px solid #DDD; font-size: 16px; line-height: 20px; text-align: center; color: #666; cursor: pointer; font-weight: 500; padding: 30px 0px 30px 0px;  margin-right: 2%; margin-bottom: 20px; box-sizing: border-box; background-image: none; border-radius: 10px; }
.pa_schedule_menu input[type="radio"]:nth-of-type(3n) + label { margin-right: 0px;}
.pa_schedule_menu input[type="radio"] + label i { position: absolute; top: 20px; left: 50%; transform: translateX(-50%); width: 60px; height: 40px; background-image:url(https://www.pmi-korea.com/resources/image/common/pay_icon.png); background-size:420px 80px; background-repeat: no-repeat; }
.pa_schedule_menu input[type="radio"] + label:hover { background-color: #F4F4F4; color: #222;}
.pa_schedule_menu input[type="radio"]:checked + label { background-color: #004687; border-color: #004687; color: #FFF;}


/*스텝업챌린지*/
.sub_content.challenge_info { width: 100%; padding-top: 140px;}
.sub_content.challenge_info h2,.sub_content.challenge_info p, .sub_content.challenge_info h3 { word-break: keep-all;}
.sub_content.challenge_info .content_box { width: 100%;}
.sub_content.challenge_info div.btn-set { width: 100%; margin: 0 auto 120px;}
.sub_content.challenge_info div.btn-set .btn { width: 600px;}

.sub_content.challenge_info span.bl_text { position:relative; display:block; padding-left:20px; color:#666; font-size:24px; line-height:40px; text-align: left;}
.sub_content.challenge_info span.bl_text::after { position:absolute; width:6px; height:6px; left:5px; top:18px; border-radius:50%; background-color:#666; content:"";}
.sub_content.challenge_info span.bl_text.blue::after { background-color:#004687;}
.sub_content.challenge_info span.bl_text.red::after { background-color:#ed1c24;}
.sub_content.challenge_info span.bl_text.grey::after { background-color:#999;}

.sub_content.challenge_info span.dot_text { position:relative; padding-left:20px; color:#222; font-size:30px; line-height:40px; text-align:left; display:inline-block; font-weight: 500;}
.sub_content.challenge_info span.dot_text::after { position:absolute; font-size:30px; left:0px; top:18px; line-height:20px; content:"*"; color:#222; font-weight:700; text-align:center;}
.sub_content.challenge_info span.dot_text.blue::after { color:#004687;}
.sub_content.challenge_info span.dot_text.red::after { color:#ed1c24;}
.sub_content.challenge_info span.dot_text.grey::after { color:#999;}

.sub_content.challenge_info span.font_blue {color: #004687;}
.sub_content.challenge_info span.font_red {color: #ed1c24;}
.sub_content.challenge_info span.font_grey {color: #999;}
.sub_content.challenge_info span.font_black {color: #222;}

.sub_challenge_title { width:100%; min-width: 1600px; margin: 0 auto 60px; }
.sub_challenge_title h2 { font-size:65px; line-height:70px; color:#222; text-align: center; font-weight:500; margin-bottom:40px ;}
.sub_challenge_title p { width: 100%; height: 30px; font-size:18px; line-height:30px; color:#004687; text-align: center; font-weight:500; margin-bottom: 20px; overflow: hidden; white-space:nowrap ; text-overflow: ellipsis; padding: 0px 15px; }


.challenge_title { position: relative; width: 100%; text-align: center; background-image:url(https://www.pmi-korea.com/resources/image/challenge/challenge_bg.jpg); background-repeat: no-repeat; background-position: center top; padding-top: 100px; margin-bottom: 120px; padding-bottom: 140px;}
.challenge_title .logo { display: inline-block; width: 120px; margin-bottom: 50px; }
.challenge_title .logo img { width: 120px;}
.challenge_title h2 { font-size:70px; line-height: 70px; color: #FFF; font-weight: 700; margin-bottom: 20px; }
.challenge_title p {font-size:24px; line-height: 30px; color: #AAA; font-weight: 500; margin-bottom: 80px;}
.challenge_title .img { position: relative; }
.challenge_title .mobile_img { display: none;}

.challenge_con01 { position: relative; width: 1600px; margin: 0 auto 120px; padding-right:640px; z-index: 5; }
.challenge_con01 h2 { font-size:60px; line-height: 70px; color: #222; font-weight: 700; margin-bottom: 50px; }
.challenge_con01 h2 span {font-weight: 700;}
.challenge_con01 p { font-size:22px; line-height: 35px; color: #666; font-weight: 400; margin-bottom: 40px; }
.challenge_con01 h3 { font-size:30px; line-height: 50px; color: #222; font-weight: 500; }
.challenge_con01 h3 span {font-weight: 500;}
.challenge_con01 .img { position: absolute; top: 0px; right: 0px;}
.challenge_con01 .mobile_img { display: none;}

.challenge_con02 { width: 100%; background-color: #F4F4F4; padding-top: 120px; padding-bottom: 120px; margin-bottom: 120px;}
.challenge_con02 .con_box {position: relative; width: 1600px; margin: 0 auto; }
.challenge_con02 .con01 { display: flex; flex-wrap: wrap; margin-bottom: 80px;}
.challenge_con02 .con01>div { width: 60%; margin-bottom: 50px;}
.challenge_con02 .con01>div:nth-child(2n) { width: 40%;}
.challenge_con02 .con01 p { margin-bottom: 20px;}
.challenge_con02 .con01 p.info_text { width: 100%; margin-bottom: 10px;}
.challenge_con02 .con01 p.info_text span.dot_text { color:#666; font-size:20px; font-weight: 400;}
.challenge_con02 .con01 p.info_text span.dot_text::after { top: 12px; font-size:20px; color:#666; }

.challenge_con02 .con02 { width: 100%; display: flex; justify-content: space-between; padding-bottom: 80px; margin-bottom: 80px; border-bottom: 1px solid #DDD;}
.challenge_con02 .con02 li { text-align: center;}
.challenge_con02 .con02 li i { position: relative; display:inline-block; width: 200px; height: 200px; overflow:hidden; background-color: #FFF; border-radius: 50%; margin-bottom: 30px; }
.challenge_con02 .con02 li i::before { position: absolute; left: 40px; top: 40px; width:120px; height:120px; background-image:url(https://www.pmi-korea.com/resources/image/challenge/challenge_icon.png); background-repeat: no-repeat; background-size:480px 120px; text-indent:-9999px; vertical-align:middle; content: ""; }
.challenge_con02 .con02 li:nth-child(1) i::before { background-position: 0px 0px;}
.challenge_con02 .con02 li:nth-child(2) i::before { background-position: -120px 0px;}
.challenge_con02 .con02 li:nth-child(3) i::before { background-position: -240px 0px;}
.challenge_con02 .con02 li:nth-child(4) i::before { background-position: -360px 0px;}
.challenge_con02 .con02 li h2 { font-size:30px; line-height: 40px; color: #222; font-weight: 500; margin-bottom: 10px; }
.challenge_con02 .con02 li p { font-size:20px; line-height: 25px; color: #222; font-weight: 400; }

.challenge_con02 .con03 { margin-bottom: 80px;}
.challenge_con02 .con03 li { position: relative; padding-left: 230px; margin-bottom: 20px;}
.challenge_con02 .con03 li>span { position: absolute; left: 0px; top: 0px; font-size:20px; line-height: 35px; color: #004687; font-weight: 400; }
.challenge_con02 .con03 li p { font-size:24px; line-height: 35px; color: #222; font-weight: 400; }

.challenge_con02 .con04 { display: flex; justify-content: space-between; margin-bottom: 50px; }
.challenge_con02 .con04 li { width: 48%; background-color: #FFF; padding: 60px 0px; border-radius: 30px; text-align: center;}
.challenge_con02 .con04 li h2 { font-size:30px; line-height: 40px; color: #222; font-weight: 700; }
.challenge_con02 .con04 li h2 span { font-weight: 700; }

.challenge_con03 { position: relative; width: 1600px; margin: 0 auto 80px; }
.challenge_con03 h2 { font-size:60px; line-height: 70px; color: #222; font-weight: 700; }
.challenge_con03 h2 span { font-weight: 700; }
.challenge_con03>h2, .challenge_con03>p { text-align: center; margin-bottom: 50px; }
.challenge_con03>p { font-size:24px; line-height: 40px; color: #666; font-weight: 400; margin-bottom: 80px; }
.challenge_con03>div { display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: 20px;}
.challenge_con03>div span { width: 42%; }
.challenge_con03>div span:nth-child(2n) {  width: 38%;}

.challenge_con04 { position: relative; width: 1600px; margin: 0 auto 80px; }
.challenge_con04 h2 { font-size:60px; line-height: 70px; color: #222; font-weight: 700; text-align: center; margin-bottom: 50px; }
.challenge_con04 h2 span { font-weight: 700; }
.challenge_con04>div { background-color: #F4F4F4; border-radius: 30px; padding: 60px 60px;}
.sub_content.challenge_info .challenge_con04 div.btn-set { margin-bottom: 0px;}

.sub_content.challenge_info .content_box>div.btn-set .btn { height: 80px; line-height: 78px; font-size: 22px; border-radius: 40px;}

.sub_content.challenge_write { width: 100%; max-width: 100%; padding-top: 200px;}
.sub_content.challenge_write h2,.sub_content.challenge_write p, .sub_content.challenge_write h3 { word-break: keep-all;}
.sub_content.challenge_write .content_box { width: 100%; padding: 0px;}

.application_ilst {position: relative; width:1000px; border: 1px solid #DDD; border-radius: 30px; margin: 0 auto 60px; overflow: hidden; text-align: center; padding-top: 60px; }
.application_ilst>h2 { font-size: 50px; line-height: 50px; color: #222; font-weight: 300; margin-bottom: 50px;}
.application_ilst ul { display: inline-block; overflow: hidden; padding: 0px 60px;}
.application_ilst li { position: relative; width: 100%; margin-bottom: 50px; text-align: left;}

.application_ilst li h2, .application_ilst li p { position: relative; font-size: 22px; line-height: 30px; color: #222; font-weight: 500; margin-bottom: 10px; padding-left: 150px; }
.application_ilst li h2 span, .application_ilst li p span { position: absolute; font-size: 18px; left: 0px; font-weight: 400; color: #004687; }
.application_ilst li p { font-size: 20px; font-weight: 400; }

.application_ilst .application_img { margin-bottom: 40px;}
.application_ilst .application_infotext { font-size: 15px; color: #666; line-height: 25px; margin-bottom: 60px;}

.application_info { padding: 60px; background-color: #F4F4F4; text-align: left;}
.application_info p { font-size: 18px; line-height: 25px; word-break: keep-all; color: #222; margin-bottom: 20px;}
.application_info h2 { position: relative; font-size: 30px; line-height: 30px; word-break: keep-all; color: #222; margin-bottom: 20px; font-weight: 300;}
.application_info h2>span { position: absolute; top: 0px; right: 0px; font-size: 15px; color: #ed1c24;}
.application_info>div { margin-bottom: 20px;}
.application_info .terms .view_table01 th, .application_info .terms .view_table01 td { background-color: #FFF;}

.sub_content .content_box>div.application_btn.btn-set .btn { width: 600px; height: 80px; line-height: 78px; font-size: 22px; border-radius: 40px;}

/*연금프로그램 신청*/
.pension_program h2 {font-size: 40px; line-height: 50px; font-weight: 700; margin-bottom: 40px; color: #222;}
.pension_program p.bl_text { position: relative; font-size: 20px; line-height: 35px; color: #222; margin-bottom: 30px; padding-left: 20px;}
.pension_program p.bl_text strong { font-weight: 700;}
.pension_program p.bl_text::after { position:absolute; width:4px; height:4px; left:5px; top:15px; border-radius:50%; background-color:#333; content:"";}
.pension_program p.bl_text.red { color: #ed1c24; }
.pension_program p.bl_text.red::after { background-color: #ed1c24;}
.pension_program p.blbox_text { display: inline-block; border: 1px solid #ed1c24; padding: 10px 20px; border-radius: 10px; position: relative; font-size: 20px; line-height: 35px; color: #222; margin-bottom: 30px; }
.pension_program span.alert_text { font-size: 20px; line-height: 30px; margin-top: 10px; }
.pension_program span.alert_text::after { width: 20px; height: 20px; border-radius: 50%; top: 5px; background-color: rgba(255,255,255,0);}
.pension_program .con04, .pension_program .con06 {width: 1600px; margin: 0 auto 120px; position: relative; }
.pension_program .con02>div, .pension_program .con05>div{width: 1600px; margin: 0 auto 120px; position: relative; }

.pension_program .con01 {width: 1600px; margin: 0 auto 120px; min-height: 650px; position: relative; padding-top: 160px;}
.pension_program .con01 h2 {font-size: 85px; line-height: 90px; font-weight: 700; margin-bottom: 50px; color: #222;}
.pension_program .con01 h3 {font-size: 35px; line-height: 50px; font-weight: 700; color: #222;}
.pension_program .con01 img {position: absolute; right: 0; top: 0;}

.pension_program .con02, .pension_program .con05 { padding-top: 120px; background-color: #F4F4F4; overflow: hidden; margin-bottom: 120px;}
.pension_program .con02 li, .pension_program .con03 li, .pension_program .con04 li, .pension_program .con05 li { position: relative; padding-left:360px; padding-top: 10px; margin-bottom: 50px;}
.pension_program .con02 li h3, .pension_program .con03 li h3, .pension_program .con04 li h3, .pension_program .con05 li h3 { position: absolute; left: 0px; top: 0px; display: block; width:280px; font-size: 19px; text-align: center; line-height: 30px; padding: 10px 0px; color: #FFF; background-color: #004687; border-radius: 10px; }

.pension_program .con03 li .btn.btn-lg span { color: #333;}

.pension_program .con04 li .list_table_type01 { width: 1200px; }
.pension_program .con04 li .list_table_type01 th { background-color: #999; padding: 15px 10px;}
.pension_program .con04 li .list_table_type01 td { border-right: 1px solid #DDD; padding: 15px 10px; background-color: #FFF;}
.pension_program .con04 li .list_table_type01 td:first-child { border-left: 1px solid #DDD; }

.pension_program .info_check_box { text-align: center; margin-bottom: 40px;}
.pension_program .info_check_box input[type="checkbox"].check_box + label { font-size: 22px;}

.pension_program .qr_box { width: 1600px; margin: 0 auto; text-align: center;}
.pension_program .qr_box img { margin-bottom: 60px;}
.pension_program .qr_box p { font-size: 30px; text-align: center; line-height: 40px; color: #004687; }

/*주민번호 수집안내 팝업*/
.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; word-break: keep-all;}

.my_number .btn-set { margin-bottom: 20px;}
.my_number .dot_text { font-size: 14px; word-break: keep-all;}

/*DSC */

/*피트라인 앰버서더*/
.ambassador_list .ambassador_info {display: flex; justify-content: space-between; align-items: center; position: relative; width: 100%; padding: 60px; border: 1px solid #ddd; margin-bottom: 60px;}
.ambassador_list .ambassador_info h2 {font-size: 35px; line-height: 50px; color: #004687; font-weight: 500; margin-bottom: 10px;}
.ambassador_list .ambassador_info p { font-size: 20px; line-height: 30px; color: #666;}
.ambassador_list .ambassador_info img {width: 650px;}

/*쇼핑 피트라인*/
.shopping_main_banner_con .shopping_main_slider .swiper-slide {}

.sub_content.shoping_list { padding-top: 0px;}
.sub_content.shoping_list .sub_title { height: 540px; padding: 0px; padding-top: 60px; padding-left: 60px; margin-bottom: 50px; background-image:url(https://www.pmi-korea.com/resources/image/front/kr/bg_shop_title01.png); background-repeat: no-repeat; background-size:100%; background-position: center top; }
.sub_content.shoping_list .sub_title h2 { font-weight: 500; margin-bottom: 20px;}
.sub_content.shoping_list .sub_title p { color: #222;  font-size: 30px; font-weight:400;}
.sub_content.shoping_list .sub_title img { width: 140px; margin-bottom: 30px;}

.linemap_menu.center.shop { top:680px}

.company_banner_wrap { width: 100%; background-color: #004687;}
.company_banner_wrap .company_banner_con { position: relative; padding: 120px 0px; text-align: center; max-width: 1600px; min-width: 1600px; margin: 0 auto;}
.company_banner_wrap .company_banner_con ul { display: flex; flex-wrap: wrap; justify-content: flex-start;}
.company_banner_wrap .company_banner_con ul li { width: 32%; background-color: #FFF; margin-right: 2%; padding: 80px 40px 10px; margin-bottom: 40px;}
.company_banner_wrap .company_banner_con ul li img { width: 180px; margin-bottom: 80px;}
.company_banner_wrap .company_banner_con ul li:nth-child(3n) { margin-right: 0px;}
.company_banner_wrap .company_banner_con ul li p { font-size: 16px; line-height: 25px; color: #666; text-align: left; word-break: keep-all;}
.company_banner_wrap .company_banner_con h3 { font-size: 40px; line-height: 55px; color: #fff; font-weight: 400; margin-bottom: 80px;}
.company_banner_wrap .company_banner_con p { font-size: 24px; line-height: 35px; color: #fff; font-weight: 300; margin-bottom: 30px;}


.sub_menu_wrap { position: relative; width: 100%; height:40px; overflow: hidden; margin: 0 auto 0px; text-align: center; margin-bottom: 20px;}
.sub_menu_wrap>div{ position: relative; width: 100%; overflow-x: scroll; padding-bottom: 40px;}
.sub_menu_wrap.dep { margin-bottom: 50px;}

.sub_menu { overflow: hidden; display: inline-flex; justify-content: center; }
.sub_menu a {position: relative; display: inline-block; height: 40px; float: left; font-size:15px; line-height:38px; color:#000; margin-right: 20px; white-space: nowrap; border: 1px solid #DDD; border-radius: 20px; padding: 0px 20px; }
.sub_menu a:hover { color: #cd1619;}
.sub_menu a:last-child { margin-right: 0px;}
.sub_menu a.active { cursor: default; background-color: #F4F4F4;}

.sub_menu_dep { overflow: hidden; display: inline-flex; justify-content: center; }
.sub_menu_dep a {position: relative; display: inline-block; height: 40px; float: left; font-size:16px; line-height:40px; color:#000; margin-right: 30px; white-space: nowrap; }
.sub_menu_dep a:hover { color: #cd1619;}
.sub_menu_dep a:last-child { margin-right: 0px; padding-right: 0px;}
.sub_menu_dep a.active { color:#222; cursor: default;}
.sub_menu_dep a.active::before { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 2px; background-color: #222; content: "";}



/* .company_slider_wrap { width: 100%; max-width: 100%; min-width: 1600px; height: 510px; }
.company_slider_wrap .company_slider {position: relative; overflow: hidden; left: 50%; transform: translateX(-50%)}
.company_slider_wrap .company_slider .swiper-slide { display: flex; flex-direction: column; justify-content: center; width: 100%; height: 510px; cursor: pointer; }
.company_slider_wrap .company_slider .swiper-slide .img_box { margin-bottom: 30px;}
.company_slider_wrap .company_slider .swiper-slide.swiper-slide-next { z-index: 1; opacity:1;}
.company_slider_wrap .company_slider .swiper-slide img { width: 250px; height:320px;}
.company_slider_wrap .company_slider .swiper-slide.swiper-slide-next + div img { width: 300px; height:400px;}
.company_slider_wrap .company_slider .swiper-slide p { display: block; font-weight: 400; margin-bottom: 0px;} */

/*신규회원가입혜택*/
.layer_popup.newjoin_popup { padding: 0px;}
.layer_popup.newjoin_popup .pop_content { padding: 0px; width: 660px;}

.newjoin_title { background-color: #004687; padding: 40px 50px; border-radius: 15px 15px 0px 0px;}
.newjoin_title h2 {font-size: 30px; line-height: 46px; font-weight: 600; color: #FFF;}
.newjoin_title h2 span { color: #ffe400; font-weight: 600; }
.newjoin_title p {font-size: 20px; line-height: 30px; font-weight: 400; color: #FFF;}
.newjoin_title img { margin-bottom: 10px;}

.newjoin_con { padding: 30px 50px; }
.newjoin_con .newjoin_box { display: flex; justify-content: space-between; margin-bottom: 20px;}
.newjoin_con .newjoin_box.type1 { align-items: center; background-color: #F4F4F4; border-radius: 15px; padding:20px ;}
.newjoin_con .newjoin_box.type1 h2 { font-size: 18px; margin-bottom: 0px;}
.newjoin_con .newjoin_box.type1 h2 span {  font-size: 18px; font-weight: 500; color: #004687;}

.newjoin_con h2 { font-size: 20px; line-height: 30px; font-weight: 500; color: #222; margin-bottom: 20px; word-break: keep-all; }
.newjoin_con ul.btn-set { margin-bottom: 20px;}
.newjoin_con span { font-size: 14px; color: #ed1c24;}
.newjoin_con .newjoin_ul_box { display: flex; background-color: #F4F4F4; border-radius: 15px; padding: 30px 20px; margin-bottom: 20px; }
.newjoin_con .newjoin_ul_box li { position: relative; width: 50%; text-align: center;}
.newjoin_con .newjoin_ul_box li h2 { font-size: 18px; margin-bottom: 0px;}
.newjoin_con .newjoin_ul_box li:first-child::before { position: absolute; top: 0px; right: -1px; width: 1px; height: 100%; background-color: #DDD; content: "";}
.newjoin_con .newjoin_ul_box li p { font-size: 16px; color: #004687;}
.newjoin_con .newjoin_ul_box li img { margin-bottom: 10px;}
.newjoin_con .newjoin_ul_box.type1 li { width: 100%;}
.newjoin_con .newjoin_ul_box.type1 li:first-child::before { display: none;}
.newjoin_con .newjoin_quick_box {display: flex; background-color: #F4F4F4; border-radius: 15px; padding: 30px 20px; margin-bottom: 20px; }

/*20260209추가*/
.newjoin_con>.btn { margin-bottom: 20px;}
.newjoin_con .newjoin_ul_box.type2 { padding: 20px 20px 0px;}
.newjoin_con .newjoin_ul_box.type2 li { width: 100%;}
.newjoin_con .newjoin_ul_box.type2 li:first-child::before { display: none;}

.pay_total .m_pay_total { position: relative; margin-left: -130px;}
.pay_total .m_pay_total span { font-size: 16px; position: absolute; left: 0px; top: 0px;}
.pay_total .m_pay_total span, .pay_total .m_pay_total p { color: #666; line-height: 30px;}

.pro_option { position: relative; border-top: 1px solid #DDD; padding: 20px 0px 15px; padding-left: 120px}
.pro_option .product_img { position: absolute; top: 20px; left: 0px; display: flex; align-items: center; width:100px; height: calc(100% - 40px);}
.pro_option .product_img img { width: 100px; height: 100px;}
.pro_option .text p { font-size: 14px; color: #004687; word-break: keep-all;}
.pro_option .text h2 { font-size: 22px; line-height: 30px; color: #222; font-weight: 700; margin-bottom: 10px;}
.pro_option .goods_count { position: absolute; bottom: 30px; left: 120px;}
.pro_option .pay_box { display: flex; flex-wrap: wrap; justify-content: flex-end; padding-left: 150px;}
.pro_option .pay_box p { margin-left: 10px; font-size: 15px; color: #666; text-align: right;}
.pro_option .pay_box p.pay { width: 100%; color: #222; font-size: 20px; font-weight: 600; margin-bottom: 5px; }
.pro_option .pay_box p.gv { color: #004687;}

.cart_quick .m_pay_total { position: relative;}
.cart_quick .m_pay_total span { font-size: 16px; position: absolute; left: 0px; top: 0px;}
.cart_quick .m_pay_total span, .cart_quick .m_pay_total p { color: #666; line-height: 30px;}
.cart_quick .m_pay_total p { font-size: 18px; text-align: right; margin-bottom: 10px; margin-top: -10px; }
.cart_quick .m_pay_total h2 { color: #ed1c24; margin-bottom: 20px; }