@charset "UTF-8";

body{min-width: 1200px;}
@font-face {
    font-family:"OAGothic-ExtraBold";
    src: url('https://clean.oa-world.com/static/fonts/OAGothic-ExtraBold.woff') format('woff');
  }

@font-face {
    font-family:"OAGothic-Medium";
    src: url('https://clean.oa-world.com/static/fonts/OAGothic-Medium.woff') format('woff');
}

@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

br{font-family: 'Dotum';}
.contents{width: 100%;}
.wrap{position:relative; width: 1200px; margin: 0 auto;}
.relative{position: relative;}
.modal{display: none;}

.oa_bold{font-family:"OAGothic-ExtraBold", sans-serif; font-size: 100px; color: #f02c59;}
.Gmarket_bold{font-family:'GmarketSansBold', sans-serif; font-size: 100px; color: #f02c59;}
.roboto{font-family: 'Roboto', sans-serif;}
.pink{color: #f02c59;}

body::-webkit-scrollbar {
    width: 16px;
  }
   
  body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  }
   
  body::-webkit-scrollbar-thumb {
    background-color: #f02c59;
    border-radius: 8px;
  }

.contents header{position: fixed; top: 0; left: 0; width: 100%; height: 60px; background-color:rgba(255, 255, 255, 0.8); z-index: 10;}
.contents header.shadow{-moz-box-shadow: 0px 8px 5px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 8px 5px rgba(0,0,0,0.1);
    box-shadow: 0px 8px 5px rgba(0,0,0,0.1);}
.contents header .wrap{display: flex; justify-content: space-between;}
.contents header .wrap h1{text-indent:-999em; white-space: nowrap; overflow: hidden; line-height: 60px; font-size: 20px; padding-left: 70px; background: url('//dsfjpb8zhc170.cloudfront.net/event/toothbrush_v2/img/oa_logo.png') no-repeat 0 50%; background-size: 60px;}
.contents header .wrap nav{width: 80%;}
.contents header .wrap nav ul{height:60px; display: flex; align-items: center; justify-content: space-between;}
.contents header .wrap nav ul li{padding:0 10px;}
.contents header .wrap nav ul li a{font-weight: 100; font-size: 18px;position: relative;}
.contents header .wrap nav ul li a .alarm{position:absolute; top:0px; right:-10px; display:block; width: 8px; height:8px; background-color: #f02c59; border-radius:4px;}
.contents header .buy_prd{ width: 100px; height: 27px; display: inline-block; line-height: 25px; text-align: center; background:url('//dsfjpb8zhc170.cloudfront.net/event/toothbrush_v2/img/npay_white.png') no-repeat 12px 50% #04cf5c; background-size:15px; padding-left: 20px; border-radius: 8px; color: #fff; font-size: 15px !important;}
.contents header .log_in{color: #f3305c; font-weight: normal !important; line-height: 60px; cursor: pointer;}
.contents header .buy_prd:hover{cursor: pointer;}

/*메인영역*/
.main{width: 100%; height: 100vh; background-color:#ffffff;}
.main .wrap{height: 100%; background: url('//dsfjpb8zhc170.cloudfront.net/event/toothbrush_v2/img/main_img_new.jpg') no-repeat 100% 100%; background-size: auto 105%;}
.main h2{font-family: 'GmarketSansMedium'; font-weight: 400; font-size: 70px; line-height: 80px; letter-spacing: 5px;}
.main h4 {font-family: 'GmarketSansLight'; font-size: 65px; line-height: 60px; margin-bottom:10px; letter-spacing: 1px; font-weight: 100;}
.main h4 .oa_bold{font-size: 65px;line-height: 60px; }
.main .sub_text{width:100%; font-family:"GmarketSansLight"; font-style: italic; font-size: 30px; font-weight: bold; color: #333333; display: flex; align-items: center; justify-content: space-between;}
.main .sub_text .oa_bold{ font-family:"OAGothic-Medium";font-size: 30px;}
.main .sub_text .stroke{display: block; width:170px; height: 1px; background-color:#000; }
.main .absolute_box{position: absolute; bottom: 16%; left: 0; transform: translateY(-50%);}
.main .main_text{position: absolute; bottom: 5%; left: 0; font-size: 22px; letter-spacing: -2.5px; color: #333;}
.main .main_text .remark{font-size: 16px; letter-spacing: -1px; margin-bottom: 10px; color: #b1b1b1;}
.mg-top-50{margin-top: 50px;}
.mg-top-100{margin-top: 100px;}

/*타임세일 하단 고정배너*/
.time_sale{width:100%; height: 130px; position: fixed; bottom: 0; left:0; z-index: 99; background-color:#000000; display: flex; align-items: center; justify-content: space-between; user-select: none;}
.time_sale .wrap{ display: flex; align-items: center; justify-content: space-between;}
.time_sale .wrap .time_sale_title{font-family:"OAGothic-Medium"; font-size: 40px; color: #fff; font-weight: bold;}
.time_sale .wrap .time_count{ display: flex; align-items: center; justify-content: space-between; width: 450px; color: #999999; text-align: center;font-family: 'GmarketSansMedium'; font-size: 10px;}
.time_sale .wrap .time_count >div{width:100px;}
.time_sale .wrap .time_count >div .clock_wrapper{position: relative; margin-bottom: 5px; width:100px; height:100px; background: url('//dsfjpb8zhc170.cloudfront.net/event/toothbrush_v2/img/clock_background.png') 50% 50% no-repeat;}
.time_sale .wrap .time_count >div .time_num{animation:blink 1s ease-in-out infinite; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); width: 90px; height: 34px; line-height: 40px; font-size: 40px; font-family: 'GmarketSansMedium'; color: #fff; display: flex; align-items: center; justify-content: center;}
.time_sale .wrap .time_count >div .time_num >span{height: 34px;}
.time_sale .wrap .time_count >span{ font-size: 40px; font-family: 'GmarketSansMedium'; color: #fff;}
.time_sale .time_sale_link{width:235px; height: 80px;}
.time_sale .time_sale_link p{font-size: 16px; line-height: 18px; font-family: 'GmarketSansMedium'; color: #fff; text-align: center; margin-bottom: 12px;}
.time_sale .time_sale_link button{position:relative; background-color: #f02c59; width: 235px; height: 50px; line-height: 52px; color: #fff;font-family: 'GmarketSansBold'; font-size: 24px; }
.time_sale .time_sale_link button .alarm{position: absolute; top:-13px; right:-13px; display: block; width: 26px; height:26px; background: #ffc000; color: #423b2a; font-size: 16px; line-height: 30px; border-radius: 13px; text-align: center;}

@keyframes blink{
  0%{
    opacity: 100%;
  }
  50%{
    opacity: 50%;
  }
  100%{
    opacity: 100%;
  }
}

/*플로팅메뉴*/
.floating_menu{position: fixed; bottom: 3%; left: 90%; z-index: 10;}
.floating_menu .menu{width: 70px; height: 70px; margin-bottom: 10px; background-color: #fff; border: 2px solid #f3305c; border-radius: 20px;}
.floating_menu .menu a.tooth_brush{background: url('//dsfjpb8zhc170.cloudfront.net/event/toothbrush_v2/img/floating_icon1.png') no-repeat 0 0 #fff;}
.floating_menu .menu a.oral_clean{background: url('//dsfjpb8zhc170.cloudfront.net/event/toothbrush_v2/img/floating_icon2.png') no-repeat 0 0 #fff;}
.floating_menu .menu a.top{background: url('//dsfjpb8zhc170.cloudfront.net/event/toothbrush_v2/img/floating_icon3.png') no-repeat 0 0 #fff;}
.floating_menu .menu a.tooth_brush:hover{background: url('//dsfjpb8zhc170.cloudfront.net/event/toothbrush_v2/img/floating_icon1_on.png') no-repeat 0 0 #f3305c;}
.floating_menu .menu a.oral_clean:hover{background: url('//dsfjpb8zhc170.cloudfront.net/event/toothbrush_v2/img/floating_icon2_on.png') no-repeat 0 0 #f3305c;}
.floating_menu .menu a.top:hover{background: url('//dsfjpb8zhc170.cloudfront.net/event/toothbrush_v2/img/floating_icon3_on.png') no-repeat 0 0 #f3305c;}
.floating_menu .menu a{display: block; width: 100%; height: 100%; color: #f3305c; font-size:12px; font-weight: bold; text-align: center;border-radius: 18px; padding-top: 43px;}
.floating_menu .menu:hover a{color: #fff; font-weight: normal;}

/*광고 영상*/
.tvc_area{width:100%; background: url('//dsfjpb8zhc170.cloudfront.net/event/toothbrush_v2/img/tvc_video_background.jpg') no-repeat 50% 50%; background-size: cover; padding: 30px 0 50px;}
.tvc_area .tvc_title{height:130px; text-align: center; font-family: 'GmarketSansBold'; font-style: italic; font-size: 50px; line-height: 80px; color: #333333;}
.tvc_area .tvc_title .sub_title{height:30px; display:flex; align-items: center; justify-content: center; font-family: 'GmarketSansLight';font-style:normal; font-weight: 100; font-size: 23px; line-height: 30px;}
.tvc_area .tvc_title .sub_title .oa_bold{font-size: 27px; padding: 0 10px;}
.tvc_area .tvc_title .sub_title .center{height:30px; line-height: 35px;}
.tvc_area p{font-size: 22px; color: #333333; text-align: center; padding-top: 15px;}

/*클린이소개*/
.accordion .open_accordion{display:none; position:relative; width: 100%; height:100vh;}
.accordion .close_accordion{width: 100%; height: 430px;}
.accordion.active .open_accordion{display: block;}
.accordion.active .close_accordion{display: none;}
.accordion:nth-child(1) .close_accordion{background: url('//dsfjpb8zhc170.cloudfront.net/event/toothbrush_v2/img/accordion_close1.png') no-repeat 50% 50% #f3305c;}
.accordion:nth-child(2) .close_accordion{background: url('//dsfjpb8zhc170.cloudfront.net/event/toothbrush_v2/img/accordion_close2.png') no-repeat 50% 50% #882cc9;}
.accordion:nth-child(3) .close_accordion{background: url('//dsfjpb8zhc170.cloudfront.net/event/toothbrush_v2/img/accordion_close3.png') no-repeat 50% 50% #37a5f2;}
.accordion:nth-child(4) .close_accordion{background: url('//dsfjpb8zhc170.cloudfront.net/event/toothbrush_v2/img/accordion_close4.png') no-repeat 50% 50% #ffcc00;}
.accordion:nth-child(5) .close_accordion{background: url('//dsfjpb8zhc170.cloudfront.net/event/toothbrush_v2/img/accordion_close5.png') no-repeat 50% 50% #22d68c;}

.accordion .remark{font-size: 12px; font-weight: normal;}

.accordion:nth-child(1) .open_accordion{background: linear-gradient(0deg, rgba(240,40,88,1) 0%, rgba(255,74,110,1) 24%, rgba(252,94,125,1) 50%, rgba(255,74,110,1) 76%, rgba(240,40,88,1) 100%);}
.accordion:nth-child(1) .open_accordion .wrap{background: url('//dsfjpb8zhc170.cloudfront.net/event/toothbrush_v2/img/accordion_open1.png') no-repeat 50% 80%; background-size: auto 85%;}
.accordion:nth-child(2) .open_accordion{background: url('//dsfjpb8zhc170.cloudfront.net/event/toothbrush_v2/img/accordion_open2.png') no-repeat 50% 100% #000000; background-size: auto 85%;}
.accordion:nth-child(3) .open_accordion{background: url('//dsfjpb8zhc170.cloudfront.net/event/toothbrush_v2/img/accordion_open3.png') no-repeat 50% 100% #37a5f2; background-size: cover;}
.accordion:nth-child(4) .open_accordion{background: url('//dsfjpb8zhc170.cloudfront.net/event/toothbrush_v2/img/accordion_open4.png') no-repeat 50% 50% #ffcc00; background-size: cover;}
.accordion:nth-child(5) .open_accordion{background: url('//dsfjpb8zhc170.cloudfront.net/event/toothbrush_v2/img/accordion_open5.png') no-repeat 50% 50% #22d68c; background-size: auto 95%;}
/* .accordion .open_accordion h3{width:50%; font-size:3.5rem; line-height: 3em; color:#fff;-webkit-text-fill-color: white; /* Will override color (regardless of order) -webkit-text-stroke-width: 1px;  -webkit-text-stroke-color: black;} */
.accordion .open_accordion .product_info{position: relative; width: 1200px; height: 100%; margin: 0 auto;}
.accordion .open_accordion .product_info .absolute_box{position: absolute; bottom: 8%; left: 0;}
.accordion .open_accordion .product_info .absolute_box h3{font-size: 26px; color: #fff;}
.accordion .open_accordion .product_info .absolute_box img{transform: rotate(-180deg) translateY(-5px);}
.accordion .open_accordion .product_info .absolute_box p{color: #fff;}
.accordion .open_accordion .sub_text{position: absolute; top: 50%; color: #fff; border-bottom: 1px solid rgba(255,255,255,0.5); font-size: 18px; font-weight: 100; letter-spacing: -1px; padding: 0 120px 20px 0;}
.accordion .open_accordion .rnb nav{position: absolute; right: 0%; top: 50%; transform: translateY(-50%); width:40%; text-align: right;}
.accordion .open_accordion .rnb nav ul{width: 100%; float: right;}
.accordion .open_accordion .rnb nav li{width:100%; list-style: none; height: 7rem; text-align: left; float: left; }
.accordion .open_accordion .rnb nav li a{width:450px; text-align: right; display: block; font-family: 'Roboto', sans-serif; font-size: 3rem;line-height: 7rem; color: rgba(255, 255, 255, 0.5); text-decoration: none; font-weight: bold;letter-spacing: -2px;}
.accordion .open_accordion .rnb nav li .stroke{display: block; width: 85%; height: 1px; background-color: rgba(255, 255, 255, 0.5); float: right;}
.accordion .open_accordion .rnb nav li a:hover{color:rgba(255, 255, 255, 0.8)}
.accordion .open_accordion .rnb nav li a.on,.accordion .open_accordion .rnb nav li a.on:hover{color:#fff; border-color:#fff}
.accordion .open_accordion .rnb nav li a span{font-size: 1rem; display: inline-block; width:4rem; height:4rem; line-height: 4rem; padding-right: 1.7rem; text-align: center; transform: rotate(90deg); font-weight: normal; letter-spacing: normal;}

.close_accordion .wrap{height: 100%;}
.close_accordion .absolute_box{position: absolute; bottom: 8%; color:#fff; font-size: 22px;}
.close_accordion .absolute_box:hover{cursor: pointer; opacity: 0.8;}
.close_accordion .absolute_box img{ margin-top: 5px;}


.line_up{position:relative; width: 100%; height: 100vh; background-color: #f3f3f5;}
.line_up .line_up_title{position: absolute; top: 75px; left: 50%; transform: translateX(-50%); z-index: 5; width: 163px; height: 36px; background-color: #fff; border-radius: 18px; text-align: center; color: #787878; font-size: 24px; line-height: 36px;;}
.swiper-container {width: 100%; height: 100vh; text-align: center;}
.line_up .line_up1{width: 100%;}
.line_up .line_up1 .prd_thumbnails{width:100%; height: calc(100vh - 450px); margin: 115px auto 0; overflow: hidden;display: flex; align-items: center; justify-content: center;}
.line_up .line_up1 .prd_thumbnails img{height: 95%; max-height:520px; max-width: 810px;}
.line_up .prd_info{position:absolute; bottom: 7%; left: 50%; transform: translateX(-50%);}
.line_up .prd_info .options{margin-bottom: 20px;;}
.line_up .prd_info .options span{display:inline-block; width: 20px; height: 20px; border: 1px solid #ccc;transition: 0.5s ease-in-out;}
.line_up .prd_info .options span.active{-moz-box-shadow: 0px 5px 5px #b1b1b1; -webkit-box-shadow: 0px 5px 5px #b1b1b1; box-shadow: 0px 5px 5px #b1b1b1; transform: translateY(-1px);}
.line_up .prd_info h4{height:32px; font-size: 32px; line-height: 32px; margin:10px 0 10px; display: flex; align-items: center;}
.line_up .prd_info .user_level{display: inline-block;padding:0 20px; height:25px; border-radius: 15px; font-size: 16px; line-height: 23px; font-weight: normal; border:1px solid #666666; color: #666666;}
.line_up .prd_info .prd_summary{font-size: 20px; color: #000; font-weight: 100; margin-bottom: 10px;}
.line_up .prd_info .prd_info_bottom{display:flex; align-items:flex-end; justify-content: center; width: 300px; height:60px; margin: 0 auto;}
.line_up .prd_info .prd_info_bottom .discount{width: 100px; height: 61px; margin-right:10px; background: url('//dsfjpb8zhc170.cloudfront.net/event/toothbrush_v2/img/discount_arrow.png') no-repeat 50% 50%; color: #fff; padding-top: 5px;font-size: 24px; font-weight: bold; float: left;}
.line_up .prd_info .prd_info_bottom .price{width:60%;}
.line_up .prd_info .prd_info_bottom .price p{display:flex; align-items:center; justify-content:space-between; text-align:left; font-size: 22px; font-weight: 300;}
.line_up .prd_info .prd_info_bottom .price span{display: inline-block; width: 80px;}
.line_up .prd_info .prd_info_bottom .price .dc_price{width:100%; font-weight: bold; display: flex; align-items: center; justify-content: space-between;}
.line_up .prd_info .button_cover{width: 100%; text-align: center;padding-top: 30px;}
.line_up .prd_info .buy_btn{font-family:'Noto Sans KR', sans-serif;border: 1px solid #c2c2c2; width: 210px; height: 40px; border-radius: 20px; color: #000000; font-weight:500; font-size: 20px; line-height: 38px; padding-left:30px; background:url('//dsfjpb8zhc170.cloudfront.net/event/toothbrush_v2/img/npay_green.png') 35% 50% no-repeat #ffffff; background-size: 30px; } 
.line_up .prd_info .npoint_info{display: flex; align-items: center; justify-content: center; margin: 15px 0 0; color: #666; font-size: 18px;}
.line_up .prd_info .npoint_info img{margin-right: 5px;}

/*swiper*/
.swiper-container-horizontal>.swiper-scrollbar{display: none;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:25px !important;}
.swiper-pagination-bullet-active{background-color: #818181 !important;}
.swiper-button-next, .swiper-button-prev{color: #191919 !important;}
.swiper-button-prev{left: 10% !important;}
.swiper-button-next{right: 10% !important;}


.features{width: 100%; margin: 80px 0; padding: 85px 0; background-color: #ffffff;border: 1px solid #cfcfcf; border-left:none; border-right:none;}
.features .features_list{clear:both; position: relative; width: 100%; height: 335px;}
.features .features_list2{clear:both; position: relative; width: 100%; height: 485px;background: url('//dsfjpb8zhc170.cloudfront.net/event/toothbrush_v2/img/brush_shadow.png') no-repeat 52% 100%; background-size: 1200px;}
.features .features_list3{clear:both; position: relative; width: 100%; height: 320px;}
.features .features_list .tooth{position: absolute; top: 65%; left: 45%; transform: translate(-50%, -50%); z-index: 6;}
.features .features_list2 .tooth_brush{position: absolute; top: 55%; left: 49.5%; transform: translate(-50%, -50%); z-index: 6;}
.features .features_list3 .circle{width: 115px; height: 130px; border-radius: 47%; background-color: #000; display: inline-block;}
.features .features_list3 .absolute{position: absolute; top: 21%; left: 27.4%; transform: translate(-50%, -50%); z-index: 6;}
.features .features_list3 .features_teeth{position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); width: 1200px; z-index: 3;}
.features .features_list3 .features_teeth img{padding-left: 127px;}
.features .features_list3 .features_last{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 1200px;}
.features .features_list3 .features_last img{padding-left: 150px;}
.features .features_list3 .features_dupont{position: absolute; top: -30px; left: 26%; width: 600px;}
.features .features_line{position:relative; width: 100%; border: 1px solid #cfcfcf; border-left:none; border-right:none;}
.border-fonts{font-family:'Roboto'; font-size: 175px; font-weight: 500; line-height: 124px; margin-top: 1px; color: #fff;text-shadow:-1.3px -1.3px 0px #333, 1.3px -1.3px 0px #333, -1.3px 1.3px 0px #333, 1.3px 1.3px 0.5px #333;  letter-spacing: 5px;}
.bold-fonts{font-size: 175px; font-weight: 500; line-height: 151px; margin-top: -24px; color: #000;}
.features .features_list4 .features_brush{position: absolute; bottom: 0; right: -30px;}

.video{width: 100%; padding: 80px 0 0; background-color: #fff;}
.video >div{clear:both; height: 1300px;}
.video >div iframe{position: relative; height: 675px;}
.video .video_contents{width: 100%; margin: 50px 0 80px;}
.video .video_contents .border-fonts{text-shadow:-1.3px -1.3px 0px #333, 1.3px -1.3px 0px #333, -1.3px 1.3px 0px #333, 1.3px 1.3px 0.5px #333; font-weight: bold; font-size: 110px; line-height: 110px; text-align: right;letter-spacing: normal; margin:0;}
.video .video_contents p{text-align: right; margin-top: 30px; font-weight: 500; font-size: 22px;}

.sub_info{position: absolute; top: 56%;left:68%; transform: translateY(-50%); font-size: 14px; line-height: 20px;}
.sub_info strong{display:inline-block; font-size: 16px; margin-bottom: 5px;}
.border_sub{top: 51%;}


/*FAQs*/
.faqs{width: 100%;position: relative; padding-top:80px;}
.faqs .border_fonts{position:absolute; top:-100px; left:0; width: 450px; font-family:'Roboto'; font-size: 105px;text-shadow: -1px -1px 0px #333, 1px -1px #333, -1px 1px 1px #333, 1px 1px 1px #333; color: #fff; display: flex; justify-content:space-between; align-items: center;}
.faqs .border_fonts strong{font-family:'Noto Sans KR'; text-shadow:none; font-size: 32px; -webkit-text-stroke-width: 0;  -webkit-text-stroke-color: transparent; color: #000; display: inline-block;}
.faqs .faq_list{border-top: 5px solid #000;border-bottom: 5px solid #000;}
.faqs .faq_list li{padding: 20px; border-bottom: 1px solid #000; width:100%;}
.faqs .faq_list input{display: none;}
.faqs .faq_list li label{width: 100%;}
.faqs .faq_list li .question_head, .faqs .faq_list li .answer_head{font-family:'Roboto'; display: inline-block; width: 12px; text-align: center; margin-right: 25px; font-weight: bold;}
.faqs .faq_list li .answer_head {color: #D31843; margin-right: 28px; }
.faqs .faq_list li .faq_question{font-size: 19px;}
.faqs .faq_list li .faq_question:hover{cursor: pointer;}
.faqs .faq_list li .faq_content{display: none; justify-content: left; margin-top:20px;}
.faqs .faq_list input[type="radio"]:checked ~ label{font-weight: bold;}
.faqs .faq_list input[type="radio"]:checked ~ .faq_content{display: flex;}
.faqs .faq_list input[type="radio"]:checked ~ label .faq_arrow{transform: rotate(180deg);}
.faqs .faq_list .faq_arrow{width: 20px; float: right; margin-top: 5px;}
.faqs .faq_list li .answer{width:90%;}

/*EVENT*/
.event{position: relative; width: 100%; margin: 200px 0;}
.event .border_fonts{position:absolute; top:-100px; left:0; width: 450px; font-family:'Roboto'; font-size: 105px; text-shadow: -1px -1px 0px #333, 1px -1px #333, -1px 1px 1px #333, 1px 1px 1px #333; color: #fff; display: flex; justify-content:space-between; align-items: center;}
.event .event_list{width:1200px; border-top: 5px solid #000; padding:50px 0; float: left;}
.event .event_list li{width: 32%; margin-right: 2%; height:350px; float:left;}
.event .event_list li:nth-child(3n){margin-right: 0;}
.event .event_list li .banner_img{width: 100%; height: 230px; overflow: hidden; display: flex; align-items: center;}
.event .event_list li .banner_img img{width: 100%;}
.event .event_list li .event_info{width: 100%; padding: 20px; text-align: center;}
.event .event_list li .event_info .stroke{display: block; width: 60%; height: 2px; background: #000; margin: 10px auto; }
.event .event_list li .event_info .event_title{font-weight: bold; font-size: 20px;}

.event_popup{display:none; position: fixed; top:50%; left:50%; transform: translate(-50%, -50%); width:950px; height: 600px; z-index: 999; background-color: #fff;}
.event_popup .title{position:fixed; top:0; left:0; width:100%; height:50px; background-color: rgba(43,43,43,0.5); text-align:center; font-weight: normal; color: #fff; line-height: 50px; font-size: 16px;}
.event_popup .event_detail_wrapper{width:100%; height:600px; overflow-y: scroll; text-align: center;}
.event_popup .event_detail_wrapper img{width:100%;}
.event_popup .event_detail_wrapper::-webkit-scrollbar {  width: 8px;} 
.event_popup .event_detail_wrapper::-webkit-scrollbar-track { background-color: #d4d4d4;} 
.event_popup .event_detail_wrapper::-webkit-scrollbar-thumb {  background-color: #575757;  border-radius: 4px;}
.event_popup .close_btn{position:absolute; top:-30px; right:0; z-index: 1000;}
.event_popup .close_btn:hover{cursor: pointer;}
.event_popup .event_visit_btn{position:absolute; bottom:0px; right:-100px; z-index: 1000; width:80px; height:143px; background: url('//dsfjpb8zhc170.cloudfront.net/event/toothbrush_v2/img/event_popup_visit_btn.png') no-repeat 0 0; background-size: 100%; text-indent: -999em; overflow: hidden; white-space: nowrap;}
.event_popup .event_visit_btn:hover{background: url('//dsfjpb8zhc170.cloudfront.net/event/toothbrush_v2/img/event_popup_visit_btn_hover.png') no-repeat 0 0;  background-size: 100%; }

/*look book*/
.look_book{clear:both; margin-top: 100px; position: relative;}
.look_book .lookbook_main{position: relative;}
.look_book .border_fonts{position:absolute; bottom:-80px; left:0; font-family:'Roboto'; font-size: 100px; font-weight: bolder; line-height: 151px; margin-top: -23px; color: #fff;  text-shadow: -1px -1px 0px #333, 1px -1px #333, -1px 1px 1px #333, 1px 1px 1px #333}
.look_book .lookbook_wrap{position:relative; width:85%; max-width: 1445px;  margin:100px auto;}
.look_book .lookbook_wrap .left_text{position: absolute; top: 370px; left: -250px; transform: rotate(-90deg); font-weight: bold; font-size: 24px;}
.look_book .lookbook_wrap .right_text{position: absolute; top: 370px; right: -250px; transform: rotate(90deg); font-weight: bold; font-size: 24px;}

.look_book .lookbook_bottom{position:absolute; bottom:0; left: 50%; transform: translateX(-50%); z-index:3; width: 85%; max-width: 1445px; text-align: right; font-size: 20px; font-weight: 300;}

.look_book .lookbook_bottom .stroke{display: block; width:180px; height: 2px; background-color: #000; float: right; margin-bottom: 30px;}
.look_book .lookbook_bottom p{clear: both};
.look_book .lookbook_bottom strong{font-weight: bold;}

.oa_store_btn{width:400px; height: 61px; margin: 30px auto 80px; padding: 10px 10px 10px 25px; border: 2px solid #9f9f9f; background: url('//dsfjpb8zhc170.cloudfront.net/event/toothbrush_v2/img/npay_green.png') 16% 50% no-repeat, url('//dsfjpb8zhc170.cloudfront.net/event/toothbrush_v2/img/store_arrow.png') 90% 50% no-repeat; background-size: 30px, 25px; font-size: 26px; line-height: 33px; text-align: center; font-weight: 200;}
.oa_store_btn:hover{cursor: pointer; background: url('//dsfjpb8zhc170.cloudfront.net/event/toothbrush_v2/img/npay_large_white.png') 16% 50% no-repeat, url('//dsfjpb8zhc170.cloudfront.net/event/toothbrush_v2/img/store_arrow_white.png') 90% 50% no-repeat #04cf5c; border: 2px solid #04cf5c; background-size: 30px, 25px;}
.oa_store_btn:hover a strong{color: #fff; font-weight: 500;}

/*floating_popup*/
.floating_popup{position: fixed; top: 0; left: 0; width:100%; height:100%; background: url('//dsfjpb8zhc170.cloudfront.net/event/toothbrush_v2/img/floating_popup_background1.jpg') no-repeat 50% 50%; background-size: cover; z-index: 99; display: none; align-items: center; justify-content: center;}
.floating_popup .wrap{position:relative; width:1200px; height: 80vh; background-color: rgba(255,255,255,0.9); padding: 65px 80px; box-sizing: border-box; -ms-transform: translate(-30%);}
.floating_popup .wrap .popup_title{font-weight: normal; text-align: center; font-size: 30px; letter-spacing: -1px;}
.floating_popup .wrap ul{position:absolute; bottom:65px; left:50%; transform: translateX(-50%); width: 1040px; display: flex; align-items: center; justify-content: space-between; }
.floating_popup .wrap ul.oral_clean{width:870px; left:50%; transform:  translateX(-50%);}
.floating_popup .wrap ul li{width:140px;}
.floating_popup .wrap ul li .prd_img_cover{position:relative; width:100%; height:33vh; max-height:400px; display: flex; justify-content: center;}
.floating_popup .wrap ul li .prd_img_cover >img{height:100%;}
.floating_popup .wrap ul li .prd_img_cover >img:hover{cursor: pointer;}
.floating_popup .wrap ul li .prd_img_cover .dc_arrow{position: absolute; bottom: 0; right:0;}
.floating_popup .wrap ul li .prd_img_cover .dc_arrow .discount_rate{position: absolute; top:45%; left:50%; transform: translate(-50%, -50%); font-size:16px; color: #fff;}
.floating_popup .wrap ul li .prd_img_cover .dc_arrow .discount_rate .number{font-size: 24px;font-weight: bold;}
.floating_popup .wrap ul li .options{width:100%; height:15px; margin-bottom:0px;text-align: center;}
.floating_popup .wrap ul li .options span{display: inline-block; border: 1px solid #d3d3d3; width:15px; height:15px; box-sizing: border-box; background: #fff; margin-right:5px;transition: 0.5s ease-in-out; }
.floating_popup .wrap ul li .options span.active{-moz-box-shadow: 0px 5px 5px #b1b1b1; -webkit-box-shadow: 0px 5px 5px #b1b1b1; box-shadow: 0px 5px 5px #b1b1b1; transform: translateY(-1px);}
.floating_popup .wrap ul li .options span:last-child{margin: 0;}
.floating_popup .wrap ul li .options span.option2{background: #000;}
.floating_popup .wrap ul li .prd_info{text-align: center; font-size: 18px; font-weight: bold;}
.floating_popup .wrap ul li .prd_info h5{font-size: 18px; width:100%; height: 50px; margin:15px 0; display: flex; align-items: center; justify-content: center; word-break: keep-all;}
.floating_popup .wrap ul li .prd_info .original_price{font-weight: 200; font-size: 16px;}
.floating_popup .wrap ul li .prd_info .discount_price{margin-bottom: 20px;;}
.floating_popup .wrap ul li .prd_info .buy_btn{border: 1px solid #e9e9e9; width: 100px; height: 35px; border-radius: 18px; font-family: 'Noto Sans KR'; font-weight: 500;  color: #000; font-size: 18px; line-height: 29px; background: url('//dsfjpb8zhc170.cloudfront.net/event/toothbrush_v2/img/npay_green.png') 22% 50% no-repeat #fff; background-size: 20px; padding-left: 23px;}
.floating_popup .popup_close_btn{position: absolute; bottom: -10px; right: -90px;}
.floating_popup .popup_close_btn:hover{cursor: pointer;}

/*footer*/
#footer{clear:both; width: 100%; border-top: 2px solid #b2b2b2; padding: 40px 0 30px;}
#footer >.wrap:nth-child(1){display: flex; justify-content: space-between;}
#footer .left_footer{width: 50%;}
#footer .bottom_logo{width: 180px; margin-bottom: 20px;}
#footer .left_footer ul{width: 100%; margin-bottom: 20px; display: flex; align-items: center;}
#footer .left_footer ul li{padding:0 10px;}
#footer .left_footer ul li:nth-child(1){padding-left: 0;}
#footer .left_footer ul li a{font-size: 14px; color: #444444;}
#footer .left_footer .company_info p{font-size: 12px; color: #444;}
#footer .left_footer .company_info a{color: #000; font-weight: 600;}

#footer .right_footer{width: 50%;}
#footer .right_footer .sns_link{display: flex; justify-content: space-between; width: 200px; float: right;}
#footer .right_footer .sns_link a{display: block; width: 34px; height: 34px;}
#footer .footer_bottom{width: 100%; padding: 30px 0 0; float: right;}
#footer .footer_bottom .flex_box{display: flex; justify-content:flex-end}
#footer .footer_bottom .cs_left{padding-right:30px; border-right: 1px solid #4e4e4e; margin-right: 30px;}
#footer .footer_bottom .cs_left h5{font-size: 24px; letter-spacing: -2px; margin-bottom: 10px;}
#footer .footer_bottom .cs_left p{font-size: 12px; color: #444;}
#footer .footer_bottom .cs_center{padding: 15px 30px 0 0;}
#footer .footer_bottom .cs_center p{font-size: 16px; font-weight: bold;}
#footer .footer_bottom .cs_center p span{display: inline-block; width: 65px;}
#footer .footer_bottom .cs_right a{width: 130px; height: 32px; line-height: 27px; display: block; border:2px solid #444; color: #444; font-size: 16px; text-align: center; margin-bottom: 10px;}

.prd_list_page #footer{background-color: #fff; border: none;}


/*prd_list*/
.prd_list_page{background-color: #fafafa; padding:90px 0 0; float: left;}
.category{clear: both;}
.category_title{position:relative; width: 75%; margin: 0 auto;text-align: right;}
.category_title .title_cover{font-family: 'GmarketSansLight'; position: absolute; top: 50%; left: 0%; transform: translateY(-50%); text-align: left; font-size: 60px; color: #333333; font-weight: 100; line-height: 65px;}
.category_title .title_cover .Gmarket_bold{font-size: 60px; line-height: 65px;}
.category_title .title_cover strong{font-weight: bold;}
.category_title .title_cover .category_name{font-family: 'GmarketSansMedium'; font-weight: 500; font-size: 50px;}
.category_title .title_cover .sub_text{height:35px; font-size: 27px; line-height: 35px; font-style: italic; display: flex; align-items: center; justify-content: space-between;}
.category_title .title_cover .sub_text .Gmarket_bold{font-size: 27px;}
.category_title .title_cover .sub_text .stroke{display: block; width:38%; height:1px; background: #000;}
.prd_list_page .prd_cover{width: 100%; padding: 55px 85px 35px; margin-bottom: 80px; background-color: #fff; float: left;-moz-box-shadow: 0px 1px 15px rgba(0,0,0,0.05); -webkit-box-shadow: 0px 1px 15px rgba(0,0,0,0.05); box-shadow: 0px 1px 15px rgba(0,0,0,0.05)}
.prd_list_page .prd_cover ul{float: left;}
.prd_list_page .prd_cover ul li{width: 245px; text-align: center; float: left; margin-right: 16px;}
.prd_list_page .prd_cover ul li:nth-child(4n){margin-right: 0;}
.prd_list_page .prd_cover ul li .thumbnail{border: 1px solid #f2f2f2; width: 100%; margin-bottom: 20px; cursor: pointer;}
.prd_list_page .prd_cover ul li .prd_name{display:flex; align-items:center; justify-content: center; width:100%; height:42px; font-size: 18px; color: #262626; font-weight: bold; margin-bottom: 20px;} 
.prd_list_page .expendables .prd_cover ul li .prd_name{height:52px; display:block;}
.prd_list_page .prd_cover ul li .price{display:flex; align-items:center; justify-content:flex-end; flex-direction:column; height:50px; margin-top: 10px;}
.prd_list_page .prd_cover ul li .original_price{color: #737373; font-size: 16px; line-height: 25px;}
.prd_list_page .prd_cover ul li .dc_price{color: #000; font-size:18px; line-height: 25px;}
.prd_list_page .prd_cover ul li .buy_btn{display: block; width: 210px; height: 40px; border: 1px solid #bcbcbc; margin: 20px auto 40px; line-height: 40px; padding-left:25px; text-align: left; font-weight: bold; font-size:13px; font-family: "OAGothic-ExtraBold"; color: #bcbcbc; background:url('//dsfjpb8zhc170.cloudfront.net/event/toothbrush_v2/img/npay_green.png') no-repeat 13% 49%, url('//dsfjpb8zhc170.cloudfront.net/event/toothbrush_v2/img/buy_arrow.png') no-repeat 88% 50%; background-size: 30px, 43px; padding-left: 60px;}
.prd_list_page .prd_cover ul li img{width: 245px; height: 245px;}
.options{width: 100%; height: 20px;}
.options span:not(:last-child){margin-right: 5px;}

.options span{display:inline-block; width: 20px; height: 20px; border: 1px solid #ccc;transition: 0.5s ease-in-out; cursor: pointer;}
.options span.active{-moz-box-shadow: 0px 5px 5px #b1b1b1; -webkit-box-shadow: 0px 5px 5px #b1b1b1; box-shadow: 0px 5px 5px #b1b1b1; transform: translateY(-1px);}
.time_event_info{display: none;}
.time_event .time_event_info{display:block; text-align: right; font-weight: 500; margin: -30px 0 20px 0; font-size: 14px; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* Enter your style code */
  .line_up .prd_info .user_level{line-height: 21px;}
  .category_title .title_cover{color: rgb(61, 61, 61);}
  .video .video_contentsstrong{font-weight: bold; }
  .oa_store_btn strong{font-family: sans-serif; font-weight: bold;}
 }
@media screen and (max-width:1500px) {
  .floating_popup .popup_close_btn{right: 10px; bottom: 10px; width: 50px;}
  .floating_popup .popup_close_btn img{width:100%}
  .main h2{line-height: 80px;}
  .main .main_text{font-size: 18px;}
  .main .main_text .remark{font-size: 12px;}
}

@media screen and (min-width:1921px) {
  .floating_popup{background-size: cover !important;}
  .floating_popup .wrap{height: 800px !important;}
  .main{height: 1000px;}
  .main .wrap{background-size: auto 90%;}
  .main h2{line-height: 80px;}
  .main .main_text{font-size: 18px;}
  .main .main_text .remark{font-size: 12px;}
}


@media screen and (max-width:1370px) and (max-height:1000px) {
  .main .absolute_box .oa_bold{font-size: 85px;}
  .floating_popup{background-size: cover !important;}
  .floating_popup .wrap{width:1000px;height: 650px !important; padding: 60px 40px 10px;}
  .floating_popup .wrap ul{width:940px}
  .line_up{height: 103vh;}
  .line_up .prd_info{bottom: 3%;}
  .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{bottom: 1vh;}
}
@media screen and (min-height:1100px) and (max-height:1440px) {
  .line_up .line_up1 .prd_thumbnails img{max-width: 1200px; max-height: 700px;}
}

/*타임 세일*/
.time_event #footer{margin-bottom:130px;}
.time_event .floating_menu{bottom: calc(2% + 130px);}