.pro_img_slide {position: fixed; bottom: 160px; right: -350px; width: 350px; height: 200px;border-radius: 20px; z-index: 5; transition: 2s;}
.pro_img_slide iframe {border-radius: 14px;}
.pro_img_slide .movie_view_close { width: 20px; height: 20px; position: absolute; right: 10px; top: 10px; cursor: pointer;}
.pro_img_slide.on {right: 20px;}

.nstore_btn { display: inline-block; font-size: 15px; background: #5cb23e; color: #fff; width: 100%; text-align: center; height: 40px; line-height: 40px; border-radius: 22px;}
.store_eve p { background: #eee; margin-top: 60px; padding: 20px 20px; border-radius: 20px;}
.wrap .detail_top { display: inline-block; width: 100%; margin-top: 70px;}
.wrap .detail_top .pro_img { position: relative; width: 50%; display: inline-block; float: left;}
.wrap .detail_top .pro_img .badge_sale {
  width: 70px;
  position: absolute;
  top: -11.5px;
  left: 30px;
}
.wrap .detail_top .pro_img .badge_sale img {
  width: 100%;
}
.wrap .detail_top .on{transition:right 2s;position: fixed!important;bottom: 20.5%;; width: auto !important; border-radius: 20px; z-index: 5; border-radius: 14px;right:1%;}
.wrap .detail_top .on {display: none;}
.wrap .detail_top .on iframe {height: auto;}
.wrap .detail_top .on #detail_event_link {display: none;}

.wrap .detail_top .pro_img iframe {border-radius: 10px; box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;}
.wrap .detail_top .pro_img .movie_view_close { width: 20px; height: 20px; position: absolute; right: 0px; top: -25px; background-color: #303030; border-radius: 20px; cursor: pointer; display: none; padding: 3px; transition: 0.5s
}
#detail_event_link {display: inline-block;width: 100%;height: auto;}
#detail_event {display: block;}
.wrap .detail_top .pro_img a>img { width: 100%; margin-top: 20px; border-radius: 10px; }
.wrap .detail_top .pro_info {float: left; width: 46%; display: inline-block; text-align: left; padding-top: 25px; margin-left: 60px; border-top: 1px solid #939393;}
.wrap .detail_top .pro_info .pro_name { font-size: 20px; color: #000;  display: inline-block; margin-bottom: 0;}
.wrap .detail_top .pro_info .pro_name .sale_badge {
  display: block;
  width: 68px;
  position: absolute;
  top: -12px;
  right: 18px;
}
.wrap .detail_top .pro_info .pro_name .sale_badge img {
  width: 100%;
}
.wrap .detail_top .pro_info .SNS_Share_Top { display: inline-block; float: right;}
.wrap .detail_top .pro_info .SNS_Share_Top img { width: 40px; border-radius: 35px; margin: 0 3px;}

.wrap .detail_top .pro_info .pro_dis { font-size: 26px; font-family: 'Noto_B';}
.wrap .detail_top .pro_info .pro_dis font { color: #b7b7b7; text-decoration: line-through; font-size: 16px; margin-left: 12px;}
.wrap .detail_top .pro_info .pro_dis font:nth-child(1) { color: #b7b7b7;}
.wrap .detail_top .pro_info .pro_dis font:nth-child(2) { color: #2f2f2f;}
.wrap .detail_top .pro_info .pro_tag { color: #777; font-size: 14px; margin-bottom: 10px; display: inline-block; width: 100%; background: #fff; border-radius: 10px;}
.wrap .detail_top .pro_info .pro_tag_mo{display: none;}

.wrap .detail_top .pro_info .pro_option {}
.wrap .detail_top .pro_info .pro_option ul { list-style: none; border-top: 1px solid #939393; padding: 20px 0 0 0; text-align: left;  margin-top: 10px;}
.wrap .detail_top .pro_info .pro_option ul li { text-align: left; display: inline-block; padding: 10px 0; width: 100%; position: relative;}
.wrap .detail_top .pro_info .pro_option ul li.maker p:nth-of-type(1) {display: block; width: 140px; float: left; line-height: 40px;}
.wrap .detail_top .pro_info .pro_option ul li.maker p:nth-of-type(2) {display: block; width: 50px; float: left; line-height: 50px; text-align: center; background: #f1f1f1; border-radius: 4px;cursor: pointer;}
.wrap .detail_top .pro_info .pro_option ul li.maker p:nth-of-type(2) i {line-height: 50px; font-size: 24px;}
.wrap .detail_top .pro_info .pro_option ul li.maker select {width: calc(100% - 200px); margin-left: 10px;}

.wrap .detail_top .pro_info .pro_option ul li .dvd_btn { display: block; float: left; line-height: 50px; width: 140px; margin:0;  height: 35px;  background: #ffffff; color: #525252; border-radius: 5px;}
.wrap .detail_top .pro_info .pro_option ul li select { border-radius: 3px; display: block; float: left; width: calc(100% - 140px); height: 50px;;
  border: 1px solid #ccc; font-family: inherit; background: url(/img/arrow.png) no-repeat 95% 50%; background-size: 15px; -webkit-appearance: none;
  -moz-appearance: none; appearance: none; padding-left: 10px;
}

.show_make{position: absolute;top: 123%;left: 41%;background-color: #fff;width: 290px;padding: 20px; color: #333;border-radius: 8px;box-shadow: 2px 4px 12px rgb(0 0 0 / 10%);transform: translate(-50%,-50%);text-align: left; display: none;}
.show_make .show_make_close{position: absolute;right: 10px;padding: 10px;top: 7px;cursor: pointer;}
.show_make .pop_tit{font-family: 'Noto_B';font-size: 13px;margin-bottom: 10px;}
.show_make .pop_word{font-size: 12px; color: #777;margin-bottom: 10px;line-height: 17px}
.show_make .btn_pop{text-align: right;}
.show_make .btn_pop a {display: inline-block;padding: 3px;border-bottom: 1px solid #1a1a1a;font-size: 12px;}




.wrap .detail_top .pro_info .pro_option ul li .maker_info {
  font-size: 12px;
    font-weight: normal;
    margin-bottom: 0;
    margin-top: -5px;
    text-align: center;
    padding: 5px 0px;
    color: #888;
    width: 100% !important;
    line-height: 30px !important;
    text-align: right;
}

.wrap .detail_top .pro_info .pro_price {height: 70px;margin-bottom: 10px; background: #f9fafb; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 22px; padding: 0 20px;}
.wrap .detail_top .pro_info .pro_price span {display: block; float: left; line-height: 70px;}
.wrap .detail_top .pro_info .pro_price span:nth-of-type(1) {font-size: 14px; font-family: 'Noto_R'; width: 100px;}
.wrap .detail_top .pro_info .pro_price span:nth-of-type(2) {width: calc(100% - 130px); font-size: 22px; font-family: 'Noto_B'; text-align: right;}
.wrap .detail_top .pro_info .pro_price span:nth-of-type(3) { width: 30px; text-align: right;}

.wrap .detail_top .pro_info .button { cursor: pointer;}

.wrap .detail_top .pro_info .btn_wrap {display: inline-block; padding: 20px 0; width: 100%;}
.wrap .detail_top .pro_info .btn_wrap a {display: block; width: 49%; float: left; text-align: center; line-height: 60px; height: 60px;background: #303030; color: #fff; border: 1px solid #303030; border-radius: 4px; }
.wrap .detail_top .pro_info .btn_wrap a:nth-of-type(1) {margin-right: 2%;}
.wrap .detail_top .pro_info .btn_wrap a:nth-of-type(2) { background: #fff; border: 1px solid #a7a7a7; color: #303030;}
.wrap .detail_top .pro_info .btn_wrap a div {font-size: 16px;}
.wrap .detail_top .pro_info .btn_wrap .free {display: inline-block;width: 100%;margin:10px 0 0 0;height: 60px;line-height: 60px;text-align: center;background: #fa9f3d;border: 1px solid #ddd;border-radius: 4px;font-size: 16px;color: #fff;}

.wrap .detail_top .pro_info .free_info { display: inline-block; width: 100%; font-size: 13px; text-align: right;}
.wrap .detail_top .pro_info .free_info font { color: red; font-size: 15px;}
.wrap .detail_top .pro_info .free_info span { color: #237992; font-size: 13px;}

.wrap .detail_top .pro_info .store_eve { display: none;}
.wrap .detail_review { width: 100%;}
.wrap .detail_review h2 {text-align: center; font-size: 24px; margin:100px 0 30px 0; font-family: 'Noto_B';}
.wrap .detail_review h2 i { color: #ffc846;}
.wrap .detail_review table { width: 100%; border-collapse: collapse;}
.wrap .detail_review table tr { border-top: 1px solid #ddd; }
.wrap .detail_review table tr:nth-of-type(1) {background: #f9fafb;}
.wrap .detail_review table th { padding: 15px 0px; font-size: 14px; font-weight: 600; color: #626262;}
.wrap .detail_review table th.grade { width: 125px !important;}
.wrap .detail_review table td { text-align: center; border-top: 1px solid #ddd; border-bottom: 1px solid #eee; padding: 15px 0px; font-size: 14px; color: #434343; cursor: pointer;}
.wrap .detail_review table td.review_star { color: #ff6a6a;}
.wrap .detail_review table tr.detail_answer { display: none;}
.wrap .detail_review .detail_review_btn { width: 100%; list-style: none; text-align: right; margin:20px 0 0 0;}
.wrap .detail_review .detail_review_btn li { display: inline-block; padding: 10px 25px; color: #fff; background-color: #ddd; border-radius: 5px; float: none; text-align: center;}
.wrap .detail_review .detail_review_btn a:nth-of-type(2) li{background: #303030; color: #fff;}

.wrap .detail_bottom { margin-top: 20px;}
.wrap .detail_bottom .detail_menu1 { border-bottom: 0px solid #ccc; height: 50px; margin: 0px 0 50px;}
.wrap .detail_bottom .detail_menu1 ul { list-style: none; width: 100%; margin:20px 0;  display: flex;}
.wrap .detail_bottom .detail_menu1 ul li { float: left; font-size: 16px; height: 56px; line-height: 60px; width: 100%; cursor: pointer; text-align: center; border-bottom: 1px solid #ddd;}
.wrap .detail_bottom .detail_menu1 ul li.on {color: #000; font-family: 'Noto_B'; border-left: 2px solid #333; border-right: 2px solid #333; border-top: 2px solid #333; border-bottom: none;}
.wrap .detail_bottom .detail_menu1 ul #detaiil_menu1 { }
.wrap .detail_bottom .detail_menu1 ul #detaiil_menu2,
.wrap .detail_bottom .detail_menu1 ul #detaiil_menu3,
.wrap .detail_bottom .detail_menu1 ul #detaiil_menu4 { color: rgb(173, 173, 173);}
.wrap .detail_bottom .detail_menu1 ul #detaiil_menu7{position: relative;}
.wrap .detail_bottom .detail_menu1 ul #detaiil_menu7 .total_review{position: absolute; top:5px; background-color: #fcb5b1;color: #fff; border-radius: 20px; width: 40px;height: 15px;line-height: 16px;display: inline-block; font-size: 11px;}
.wrap .detail_bottom .detail_menu1 ul #detaiil_menu4{position: relative;color: rgb(173, 173, 173);}
.wrap .detail_bottom .detail_menu1 ul #detaiil_menu4 .total_review{position: absolute; right: 130px;top:5px; background-color: #fcb5b1;color: #fff; border-radius: 20px; width: 40px;height: 15px;line-height: 16px;display: inline-block; font-size: 11px;}

.detail_warp { width: 100%;}
.detail_warp>h2 { float: left; width: 1200px; font-size: 22px; font-weight: 400; border-bottom: 1px dotted #ccc; padding-bottom: 40px; text-align: center; margin-top: 50px; color: #3d3d3d;}
.detail_warp>h2>font { font-size: 13px; color: #959595;}
.detail_warp .inner {width: 1200px;}
.detail_warp .detail_top { margin-top: 80px; position: relative;}
.detail_warp .detail_top .bx-wrapper {box-shadow: rgb(17 12 46 / 15%) 0px 20px 50px 0px; border-radius: 20px; overflow: hidden;}
.detail_warp .detail_top>div { float: none !important;}
.detail_warp .detail_top>div .detail_bxslider li img { width: 100%; border-radius: 20px; border: 1px solid #ddd;}

.detail_warp .detail_top .top_text { width: 100%; margin-left: 0; text-align: center;  margin-top: 78px;}
.detail_warp .detail_top .top_text>h2 { font-size: 22px; font-weight: 400; color: #3d3d3d; font-family: 'Noto_m';}

.detail_warp .detail_top .top_text .top_text_detail {
  margin:23px 0 20px 0;
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
  color: #333;
}

.detail_warp .detail_top .top_text .tags {
  font-weight: normal;
  font-size: 14px;
  color: #989898;
  list-style: none;
  margin: 0 auto;
  display: inline-block;
  width: 100%;

}

.detail_warp .detail_top .top_text .tags>li {
  float: left;
  width: 42px;
  margin-right: 0;
  height: 25px;
  line-height: 17px;
}

.detail_warp .detail_top .top_text .tags>li.tag_icon {display: none;}

.detail_warp .detail_top .top_text .tags>li>img {
  width: 100%;
}

.detail_warp .detail_top .top_text .tags>.tag_text {
  display: inline-block; width: auto; height: 40px; line-height: 40px;
  font-size: 14px; padding: 0 20px; border-radius: 10px;
  color: #fff; letter-spacing: 1px; float: inherit; text-align: center; background: #303030;
}


/*오프닝 상세 */
/* 오프닝영상 이벤트란 기획팀 요청으로 숨겨둠*/
.detail_warp .detail_top .op_img_box{width: 100%; margin: 0 0 150px 0; border-bottom: 1px solid #e5e5e5; padding: 0 0 100px 0; position: relative; display: none;}
.detail_warp .detail_top .op_img_box .pc {display: block;width: 75%; margin: 0 auto;}
.detail_warp .detail_top .op_img_box .mo {display: none;width: 100%;}
.op_img_box .btn1 {position: absolute;top: 70.6%;left: 32%;transform: translate(-50%, -50%);display: block;width: 9%;height: 29px;}
.op_img_box .btn2 {position: absolute;top: 70.6%;left: 68%;transform: translate(-50%, -50%);display: block;width: 9%;height: 29px;}
.op_img_box .btn3 {position: absolute;top: 70.5%;left: 71%;transform: translate(-50%, -50%);display: block;width: 11%;height: 35px; }

.detail_warp .movie_detail_info_wrap {
  display: inline-block;
  margin: 55px 0 0 0;
  padding: 50px 0px;
  border: 0px solid #a6a6a6;
  border-left: 0px;
  border-right: 0px;
}

.detail_warp .movie_detail_info_wrap .mov_info_title {
  display: none;
  width: 1200px;
  text-align: left;
  font-size: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 50px;
}

.detail_warp .movie_detail_info_wrap .mov_info_title>img {
  width: 30px;
  float: none;
  vertical-align: middle;
}

.detail_warp .movie_detail_info_wrap .movie_detail_info {
  list-style: none;
  width: 1200px;
}

.detail_warp .movie_detail_info_wrap .movie_detail_info>li { float: left; width: 49%; height: 60px; float: left; margin-right: 2%; margin-bottom: 20px; padding: 20px;border-radius: 10px; border: 1px solid #e2e8ee;}
.detail_warp .movie_detail_info_wrap .movie_detail_info>li:nth-of-type(2n) {margin-right: 0;}
.detail_warp .movie_detail_info_wrap .movie_detail_info>li>img {display: none;  }

.detail_warp .movie_detail_info_wrap .movie_detail_info h2 {
  display: inline-block; font-family: 'Noto_B'
}
.detail_warp .movie_detail_info_wrap .movie_detail_info p {
 font-size: 'Noto_L';font-weight: normal !important; display: inline-block; margin-left: 20px;
}
.detail_warp .movie_detail_info_wrap .movie_detail_info p br {display: none;}

.detail_warp .movie_detail_info_wrap .movie_detail_info>.movie_detail_info_photo>p {
  font-size: 16px; margin-left: 20px !important;
  color: #d32525;
  font-weight: 500;
  font-family: 'Noto_m';
  margin: 0;
}

.detail_warp .movie_detail_info>.movie_detail_info_music>p { font-size: 15px; color: #5e5e5e;  font-family: 'Noto_m';}

.detail_warp .movie_detail_info_wrap .movie_detail_info>.movie_detail_info_play>p {
  font-size: 15px;
  color: #d32525;
  letter-spacing: 1px;
  font-family: 'Noto_m';
}

.detail_warp .movie_detail_info_wrap .movie_detail_info {
  list-style: none;
  width: 1200px;
}

.detail_warp .movie_detail_info_wrap .movie_detail_info>.movie_detail_info_photo2 {
  float: left;  margin-left: 0; margin-right: 2%; background: #fff; box-shadow: none;
  width: 100%;height: auto; padding: 20px 39px; display: flex; justify-content:center;
}

.detail_warp .movie_detail_info_wrap .movie_detail_info>.movie_detail_info_photo2>div {
  text-align: left; line-height: 34px;
  font-size: 14px; font-family: 'Noto_B'; margin-right: 10px;
  color: #000;
}
.detail_warp .movie_detail_info_wrap .movie_detail_info>.movie_detail_info_photo2>div:last-of-type {border-bottom: 0; margin-right: 0;}
.detail_warp .movie_detail_info_wrap .movie_detail_info>.movie_detail_info_photo2>div>font {
  display: block; text-align: center;
  font-size: 14px;
  color: #666666;
  margin-right: 5px;
}

.detail_warp .movie_detail_info_wrap .movie_detail_info>.movie_detail_info_music2 {
  background: #fff; width: 100%; box-shadow: none;
  margin-left: 0; font-family: 'noto_B';
  font-size: 14px;
  color: #666666;
  border: 0;
  height: auto;
}
.detail_warp .movie_detail_info_wrap .movie_detail_info>.movie_detail_info_music2 br {display: none;}

.detail_warp .movie_detail_info_wrap .movie_detail_info>.movie_detail_info_play2 {
  float: left;
  width: 150px; display: none;
  margin-left: 63px;
  text-align: left;
  height: auto;
}

.detail_warp .order_text {
  font-size: 20px;
  float: left;
  text-align: center;
  color: #383838;
  margin-top: 60px;
}



.detail_warp .detail_how {display: inline-block; width: 100%; padding: 100px 0 80px;}
.detail_warp .detail_how .left {width: 100%;}

.detail_warp .detail_how .left h3 {font-size: 24px; line-height: 32px; font-family: 'Noto_B'; margin-bottom: 50px;}
.detail_warp .detail_how .left h3 br {display: none;}

.detail_warp .detail_how .right {width: 100%; margin-top: 30px;}
.detail_warp .detail_how .right.etc {color: #6f6f6f;}
.detail_warp .detail_how .right .mo {display: none;}
/* .detail_warp .detail_how .right ul li {display: flex; width: 49%; float: left; background: #fff; border-radius: 10px; padding: 35px; align-items: center; box-shadow: 10px 17px 40px 0px rgba(0, 0, 0,0.09);}
.detail_warp .detail_how .right ul li:nth-of-type(2n-1){margin-right: 2%;}
.detail_warp .detail_how .right ul li:nth-of-type(1),
.detail_warp .detail_how .right ul li:nth-of-type(2) {margin-bottom: 30px; height: 188px;}
.detail_warp .detail_how .right ul li:nth-of-type(3),
.detail_warp .detail_how .right ul li:nth-of-type(4) {height: 212px;}
.detail_warp .detail_how .right ul li .image {display: block; width: 70px; padding: 10px;}
.detail_warp .detail_how .right ul li .image img {width: 100%;}
.detail_warp .detail_how .right ul li .txt {text-align: left; width: calc(100% - 70px); padding-left: 35px;}
.detail_warp .detail_how .right ul li p {display: block;}
.detail_warp .detail_how .right ul li p:nth-of-type(1) {font-family: 'Noto_m'; color: #6f73f6; font-size: 18px; }
.detail_warp .detail_how .right ul li p:nth-of-type(2) {font-family: 16px; line-height: 24px; color: #555;} */


.detail_warp .dvd_how {padding: 100px 0 50px 0;}
.detail_warp .dvd_how .tip {text-align: center;}
.detail_warp .dvd_how h3 {text-align: center; font-size: 24px; font-family: 'noto_B'; margin:0 0 20px 0;}
.detail_warp .dvd_how .tip p {font-size: 16px; line-height: 26px;}
.detail_warp .dvd_how img {width: 100%; margin:30px 0 0 0;}



.detail_warp .notice_wrap { padding: 0 0 100px; background-color: #f9fafb;}

.detail_warp .notice_wrap .notice_icon { width: 100%; list-style: none; display: inline-block; padding-top: 50px;}
.detail_warp .notice_wrap .notice_icon li { float: left; margin-top: 20px; margin-right: 260px;}
.detail_warp .notice_wrap .notice_icon img { width: 60px; text-align: center;}
.detail_warp .notice_wrap .notice_icon .notcie {font-size: 14px; margin-top: 10px; font-family: 'Noto_B'; color: #000;}
.detail_warp .notice_wrap .notice_icon .notice_text { text-align: left;margin-top: 0; margin-right: 0; color: #333; width: 100%;}
.detail_warp .notice_text .tit {font-family: 'mon_b'; font-size: 20px; text-align: center; margin-bottom: 50px;}
.detail_warp .notice_text .txt_all {background-color: #fff; padding: 35px; border-radius: 20px;}
.detail_warp .notice_text .txt_wrap {line-height: 25px; margin-bottom: 30px;}
.detail_warp .notice_text .txt_wrap:last-of-type {margin-bottom: 0;}
.detail_warp .notice_text .txt_wrap p {color: #303030; font-size: 18px; font-family: 'Noto_M';}
.detail_warp .notice_text .txt_wrap p i {font-size: 20px; vertical-align: middle;}
.detail_warp .notice_text .txt_wrap span {display: block; font-size: 15px; position: relative; padding-left: 20px;}
.detail_warp .notice_text .txt_wrap span::before {display: block; content: ''; width: 2px; height: 2px; background: #000; border-radius: 100%; position: absolute; top: 50%; left: 10px;}


.detail_warp .pic_tip {background: #f9fafb; padding: 100px 0 0 0;}
.detail_warp .pic_tip img.mo {display: none;}
.detail_warp .pic_tip h2 {font-size: 24px; font-family: 'Noto_B'; margin-bottom: 40px;}
.detail_warp .pic_tip div {font-size: 16px; line-height: 26px; font-family: 'noto_R';}
.detail_warp .pic_tip div span {font-family: 'Noto_M'; font-size: 16px; display: block;}
.detail_warp .pic_tip div span font {text-decoration: underline; font-size: 15px;}
.detail_warp .pic_tip .tip_li {background: #f9fafb; display: inline-block; width: 100%;}

.detail_warp .pic_tip .box_wrap {width: 100%;display: inline-block; margin-top: 30px;}
.detail_warp .pic_tip .box_wrap .box {width: 49%; padding: 20px 40px; border-radius: 20px; float: left; margin:0 0 30px 0; display: flex; align-items: center; background-color: #fff;height: 140px;}
.detail_warp .pic_tip .box_wrap .box:nth-of-type(2n-1) {margin-right: 2%;}
.detail_warp .pic_tip .box_wrap .box .image {width: 50px; float: left;}
.detail_warp .pic_tip .box_wrap .box .image img {width: 100%;}
.detail_warp .pic_tip .box_wrap .box .text {width: calc(100% - 50px); float: left; text-align: left; padding:0 0 0 20px;}
.detail_warp .pic_tip .box_wrap .box .text p:nth-of-type(1) {font-family: 'Noto_B';}
.detail_warp .pic_tip .box_wrap .box .text p:nth-of-type(2) {line-height: 22px; color: #555;}
.detail_warp .pic_tip .box_wrap .box .text font{text-decoration: underline;cursor: pointer;}

.detail_warp ul.tip {margin-top: 20px;}

.detail_warp ul.tip .tip_txt_wrap {border-top: 1px solid #ededed; padding-top: 50px;}
.detail_warp ul.tip .tip_txt_wrap .tit {font-family: 'mon_b'; font-size: 20px; text-align: center; margin: 0 0 50px 0;}
.detail_warp ul.tip .tip_txt_wrap span {line-height: 25px; font-size: 15px; font-family: 'noto_R'; position: relative; padding-left: 20px;}
.detail_warp ul.tip .tip_txt_wrap span::before {display: block; content: ''; width: 2px; height: 2px; background: #000; border-radius: 100%; position: absolute; top: 50%; left: 10px;}
.detail_warp ul.tip .tip_txt_wrap .txt_inner {background-color: #fff; padding: 35px; border-radius: 20px;}

.makerservice01 {padding: 100px 0;}
.makerservice01>h2 { font-size: 24px; margin-bottom: 15px; font-family: 'Noto_B';}

.maker_notice>li {
  padding-top: 10px;
}

.maker_notice>li>a {
  border: 1px solid #efad46;
  color: #efad46;
  padding: 5px 10px;
  display: inline-block;
  border-radius: 20px;
  margin: 10px;
  transition: 0.5s;
}

.maker_notice>li>a:hover {
  background-color: #efad46;
  color: #fff;
}

.maker_txt01 {
  color: #efad46;
}

.maker_txt02 { font-size: 16px; color: #000; font-family: 'Noto_m';}

.tip_border2 {
  width: 100%;
  color: #333;
  line-height: 20px;
}

.tip_border2>li { font-size: 16px; line-height: 26px;}

.tip .makerservice_move {
  background-color: #333;
  color: #fff;
  font-size: 16px;
  padding: 10px 30px;
  border-radius: 4px;
  transition: 0.8s;
  margin-bottom: 50px;
  display: inline-block;
}

.tip_border1>p { line-height: 80px; float: right;}
.tip_border1>p::after, .tip_border2::after { clear: both; content: ""; display: block;}
.tip .makerservice_move:hover { background-color: #efad46;}
.detail_warp .detail_maker_pc {margin: 50px 0 30px;}
.detail_warp .detail_maker_m {display: none;}

.detail_warp .tip>li>.tip_detail>li:nth-child(1)::after,
.detail_warp .tip>li>.tip_detail>li:nth-child(2)::after,
.detail_warp .tip>li>.tip_detail>li:nth-child(3)::after {
  content: '';
  position: absolute;
  box-shadow: 0px 0px 10px #f2f2f2;
  width: 50px;
  height: 50px;
  top: 50%;
  transform: translate(115px, -60%);
  background: url('/img/detail/maker05.png')no-repeat center;
  background-size: 100%;
  background-color: #fff;
  border-radius: 50%;
}

.detail_warp .tip>li>.tip_detail>li>div {
  width: 170px;
  height: 140px;
  margin: 0 auto;
  text-align: center;
}

.detail_warp .tip>li>.tip_detail>li>div>p {
  font-size: 14px;
  border-bottom: 1px solid #efad46;
  width: 65px;
  padding-bottom: 5px;
  margin: 10px auto 10px;
  color: #efad46;
}

.detail_warp .tip>li>.tip_detail>li>div>img {
  width: 80px;
  margin-top: 10px;
}

.detail_warp .tip>li>.tip_detail>li>p:nth-child(2) {
  color: #efad46;
  font-size: 14px;
  margin-top: 20px;
  font-family: 'Noto_m';
}

.detail_warp .tip>li>.tip_detail>li>p:nth-child(3) {
  font-size: 13px;
  line-height: 20px;
  color: #666666;
  padding-bottom: 20px;
}

.detail_warp .tip_deatil {
  padding: 10px 0px;  color: #333;  margin: 30px auto 50px; font-family: 'Noto_M';
}

.tip .tip_li {
  padding: 0px 0 80px;
}




.tip .tip_li div {font-size: 14px !important; text-align: left;}
.tip .tip_li div>span { font-size: 14px;}
.tip .tip_li h3 { font-size: 16px; color: #000; font-family: 'Noto_B'; display: block; width: 300px; float: left; }
.tip .tip_li h3>i { font-size: 18px;}
.tip .tip_li div>i { font-size: 30px;}

.detail_warp .new_maker_notice {width: 1200px; display: inline-block; box-sizing: border-box; text-align: left;}
.detail_warp .new_maker_notice img {display: block; width: 150px; margin:0 auto;}
.detail_warp .new_maker_notice h3 {margin:0 0 50px 0; font-family: 'mon_b'; display: block; font-size: 20px; text-align: center; border-top: 1px solid #ededed; padding-top: 50px;}
.detail_warp .new_maker_notice ul {background-color: #f6f5f0; padding: 35px; border-radius: 20px; display: flex; align-items: center;}
.detail_warp .new_maker_notice li:first-of-type {width: calc(100% - 300px);}
.detail_warp .new_maker_notice li:last-of-type {width: 300px;}
.detail_warp .new_maker_notice li {display: inline-block; width: 100%;}
.detail_warp .new_maker_notice li p {display: inline-block;font-size: 15px; margin:0; line-height: 25px; position: relative; padding-left: 20px;}
.detail_warp .new_maker_notice li p::before {display: block; content: ''; width: 2px; height: 2px; background: #000; border-radius: 100%; position: absolute; top: 50%; left: 10px;}
.detail_warp .new_maker_notice li p span {font-family: 'Noto_M'; font-size: 15px;}
.detail_warp .new_maker_notice li p a { font-size: 14px; color: #000; text-decoration: underline;}


.detail_warp>h3 {
  width: 1200px;
  font-size: 20px;
  font-weight: 400;
  border-bottom: 1px dotted #ccc;
  padding-bottom: 40px;
  text-align: center;
  margin-top: 130px;
  color: #3d3d3d;
}

.detail_warp .detail_last {
  width: 1200px;
  margin: 0 auto;
  margin-top: 0px;
  display: inline-block;
  list-style: none;
  margin-bottom: 80px;
  border-top: 1px solid #ededed;
  padding-top: 50px;
}

.detail_warp .detail_last>li { float: left; text-align: left;width: 60%;}
.detail_warp .detail_last>li:last-of-type {margin-right: 0; padding-left: 30px; width: 40%;}

.detail_warp .detail_last>li>h2 { font-size: 18px; color: #000; font-family: 'Noto_B';}

.detail_warp .detail_last>li>p { font-size: 16px; padding: 10px 0 10px; color: #333; line-height: 26px;}

.detail_warp .detail_last .exchange {
  margin-right: -36px;
}

.detail_answer div {
  background: #fafafa7d;
  padding: 30px 50px;
  text-align: left;
  border-radius: 5px 5px 0 0;
}

.detail_answer ul {
  border-top: 1px solid #eee;
  background-color: #fafafa7d;
  padding: 30px 50px;
  text-align: left;
  border-radius: 0 0 5px 5px;
}
.detail_answer ul li > span:first-child {
  display: inline-block;
  margin-bottom: 15px;
  color: #818181;
  font-size: 13px;
}

/* 추가부분 */
.wrap .middle_list{margin: 50px 0;}
.wrap .middle_list li .customer_make_bx li{width: 350px;display: inline-block;border-radius: 5px;transition: 0.5s;
}
.wrap .middle_list li .customer_make_bx li p {
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
    display: block;
    margin-top: 10px;
}
.wrap .middle_list li .customer_make_bx li .customer_make_link {
    border-radius: 30px;
    cursor: pointer;
    padding: 10px 0;
    border: 1px solid #eee;
    background: #fff;
    margin-top: 15px;
    font-size: 12px;
    width: 110px;
    display: inline-block;
    margin-left: 5px;
  }

.wrap .middle_list li .customer_make_bx li p .customer_movie_img{border-radius: 13px; cursor: pointer;}
.middle_list .middle_list_title h2{font-size: 20px;
font-family: 'mon_B';
margin-bottom: 10px;
color: #000;}
.middle_list .middle_list_title p.small_notice{font-size: 12px; color: #999;}
.wrap .middle_list li .customer_make_bx li:hover {transform: translateY(-10px);}
.list_black {width: 100%;height: 100%;position: fixed;top: 0px;background-color: rgba(0, 0, 0, 0.8);z-index: 9999999;/* display: none; */
}

/* ********팝업********* */

.how{    background-color: rgba(0,0,0,0.7); width: 100%;height: 100%; position: fixed;top: 0;left: 0; z-index: 9; display:none;}
.how .pop_inner{position: fixed;top: 50%; left: 50%;background-color: #fff;text-align: center;width: 650px;height:550px;padding: 50px 0;color: #333;border-radius: 8px;box-shadow: 2px 4px 12px rgb(0 0 0 / 10%);transform: translate(-50%,-50%);}
.how .pop_inner .pop_title{font-family:'Noto_B'; font-size:20px; margin:10px;}
.how .pop_inner .pop_s_title{font-family:'Pretendard-Regular'; font-size:14px;color: #999}
.how .pop_inner .pop_img_inner{width:100%;}
.how .pop_inner .pop_img_inner p{font-size:13px;font-family:'Noto_B' ; }
.how .pop_inner .pop_img_inner .rep_box{width:100%; }
.how .pop_inner .pop_img_inner .rep_box img{width: 80%;}

.how .pop_inner i{padding:10px; color:#1a1a1a; position:absolute; right:10px; top:10px; font-size:20px;cursor:pointer}

/*세이브칠드런 배너 250204*/
.bnr_ch .img_box{width: 1200px; margin: 0 auto;cursor: pointer;}
.bnr_ch .img_box img{width: 100%;}
.bnr_ch .img_box .pc{}
.bnr_ch .img_box .mo{display: none;}

/*세이브 칠드런 팝업 250204*/
.sav_ch {display: none; position: fixed; top: 0;left: 0;right: 0;bottom: 0; background-color: #000000ba; z-index: 9999999;}
.sav_ch .close_icon {display: inline-block; left: 50%; top: 85px; position: absolute; margin: 0 0 0 300px; transform: translateX(-50%); cursor: pointer;}
.sav_ch .close_icon i {font-size: 27px;color: #fff;}
.sav_ch .pop_content {width: 500px; left: 50%; top: 50%; position: relative; transform: translate(-50%, -50%);}
.sav_ch .pop_content img{width: 100%;}