@charset "utf-8";
/** -----------------------
  * @ 파일 : event.css
  * @ 구분 : 혜택,이벤트 관련
  * -----------------------
**/

/* 고객평가단 */
.cate_badge .-round_blue{padding:.2rem .6rem;border:0;background:#3eaafd;border-radius:1rem;font-size:.9rem;color:#fff;font-weight:500;}
.-review .-name{font-size:1.2rem;color:#1364ba;}
.-review .-st_normal{font-family:'Roboto';font-size:1.4rem;color:#999}
.-review .list_board li:last-child{border-bottom:1px solid #ececec}
.-review .btns_wrap.-col3 .btn_secondary{width:33.33%;}
.-review .btns_wrap.-col3 .btn_secondary + .btn_secondary{border-left:0}
.-review .board_content{overflow:auto;padding:2.4rem;border:1px solid #ececec;min-height:30rem}
.-review .board_write{overflow:auto;padding:0 2.4rem 2.4rem;border:1px solid #ececec;min-height:30rem}
.-review .text_title span .-color_txt6{display:inline-block;padding-left:.5rem;font-size:1.5rem}
.list_board_notice.-review .box_pagination{border-top:0}

.-reply_box{padding:1.5rem 2.4rem 0}
.-reply_box .-rep_head{position:relative}
.-reply_box .-rep_menu{float:right;width:2rem;height:2rem}
.-reply_box .-rep_menu i{display:inline-block;width:.3rem;height:.3rem;border-radius:50%;background:#333;vertical-align:middle}
.-reply_box .-rep_menu i + i{margin-left:.3rem}
.-reply_box .-rep_modify{display:none;position:absolute;right:0;z-index:1;padding:1rem;border:1px solid #bcbcbc;background:#fff}
.-reply_box .-rep_modify li{padding:.5rem 0;font-size:1.3rem}

.-reply_box .-reply_con{font-size:1.3rem;}
.-reply_box .-reply_link{font-size:1.3rem;color:#999}
/* .-reply_box .-comment_group .-list_item:first-child{padding-top:.5rem} */
.-reply_box .-list_item{padding:1rem 0}
.-reply_box .-list_item + .-list_item,
.-reply_box .-list_item.-comment + .-list_item.-comment{margin-top:0}
/* .-reply_box .-list_item + .-list_item{border-top:1px solid #bcbcbc} */
.-reply_box .-list_item.-comment{border-top:0}
.-reply_box .-list_item + .-list_item{border-top:1px solid #e1e1e1}
.-reply_box .-list_item + .-list_item.-comment,
.-reply_box .-list_item.-comment + .-list_item{border-top:0}

.-reply_box .-list_item.-comment{margin:0 -2.4rem 0;padding:0 2.4rem;background:#f2f5f9}
.-reply_box .-list_item.-comment .-comment_group{padding:1rem 0 1rem 1.2rem}
.-reply_box .-list_item.-comment + .-list_item.-comment .-comment_group{border-top:1px solid #e1e1e1}

.-reply_write{margin-top:1.5rem}
.-reply_write .-rep_write,
.-reply_wrtie .-btn_rep_write{float:left}
.-reply_write .-rep_write{width:75%;height:7.5rem;padding:.8rem 1rem;border:1px solid #bcbcbc;resize:vertical}
.-reply_write .-btn_rep_write{width:25%;height:7.5rem;margin-left:-1px;border:1px solid #bcbcbc;font-size:1.2rem}

.-review .board_bottom{padding-top:1rem}

.board_write_wrap.-review .board_title{margin:0;padding:1rem 2.7rem}
.board_write_wrap.-review .board_title .text_title{padding:0;font-weight:500}

.-comment_pop{width:100%;height:11rem;border:none;resize:none}
.-cs_review .-description_area.-line{border-top:1px solid #f5f5f5;padding-top:1.5rem}
.-cs_review .-description_area .-desc_title{display:block}
.-cs_review .-description_area .-list{margin-top:1rem}

/* 마이데이터 인트로 */
.-md_intro.frame_pageWrap .page_container{margin-bottom:0}
.-md_intro .-img_area img{width:100%}
.-md_intro .-md_svc{position:relative;}
.-md_intro .-md09 .-btn_exp{position:absolute;bottom:8%;left:4%;width:92%;height:9%}
.js_slider_mydata .owl-carousel{padding-bottom:0}
.js_slider_mydata .owl-dots{position:absolute;top:3%;width:100%;left:50%;transform:translateX(-50%)}
.js_slider_mydata .owl-dots .owl-dot,
.js_slider_mydata .owl-dots .owl-dot.active{width:9rem;height:6.4rem}
.js_slider_mydata .owl-dots .owl-dot:nth-of-type(1){background:url(/img/nonetouch/pib/_new/content/svc/md_dot_01.png) no-repeat 0 0;background-size:100%}
.js_slider_mydata .owl-dots .owl-dot:nth-of-type(2){background:url(/img/nonetouch/pib/_new/content/svc/md_dot_02.png) no-repeat 0 0;background-size:100%}
.js_slider_mydata .owl-dots .owl-dot:nth-of-type(2){margin:0 2rem}
.js_slider_mydata .owl-dots .owl-dot:nth-of-type(3){background:url(/img/nonetouch/pib/_new/content/svc/md_dot_03.png) no-repeat 0 0;background-size:100%}
.js_slider_mydata .owl-dots .owl-dot.active:nth-of-type(1){background-image:url(/img/nonetouch/pib/_new/content/svc/md_dot_01_on.png);background-size:100%}
.js_slider_mydata .owl-dots .owl-dot.active:nth-of-type(2){background-image:url(/img/nonetouch/pib/_new/content/svc/md_dot_02_on.png);background-size:100%}
.js_slider_mydata .owl-dots .owl-dot.active:nth-of-type(3){background-image:url(/img/nonetouch/pib/_new/content/svc/md_dot_03_on.png);background-size:100%}
.js_slider_mydata .owl-dots .owl-dot span{display:none;background:transparent !important}

/* 마이데이터 인트로(Lottie 버전) */
.-mydata_intro_set {margin-bottom:0;line-height:0;width:100%}
.-mydata_intro_set .page_container {margin-bottom:0}
.-mydata_intro_set .-blind {top:0}
.-mydata_intro_set .-mgbox {position:relative;width:100%}
.-mydata_intro_set .-scroll_start {position:absolute;width:3rem;height:3rem;top:92%;left:45.4%;background:url(/img/nonetouch/pib/_new/content/svc/mydata_intro/start_btn.png) no-repeat 0 0;background-size:100%;animation:arrowani 2s ease-in-out infinite;z-index:1}
.-mydata_intro_set .-scroll_section {position:relative}
.-mydata_intro_set .-lottie_box {position:absolute;top:0;left:0; z-index:1;overflow-y:hidden;width:100%}
.-mydata_intro_set .-lottie_bg {position:relative}
.-mydata_intro_set .-check_mydata {position:absolute;z-index:1;top:84%;left:5%;width:90%;background-color:#495fa5;display:inline-block;box-sizing:border-box;padding:4%;border-radius:6px;color:#fff;font-size:1.6rem;font-weight:500}

@keyframes arrowani {
  0%   {transform:translateY(8px)}
  50%  {transform:translateY(-8px)}
  100% {transform:translateY(8px)}
}

.js_slider_lottie .owl-carousel{padding-bottom:0}
.js_slider_lottie .owl-dots{position:absolute;top:3%;width:100%;left:50%;transform:translateX(-50%)}
.js_slider_lottie .owl-dots .owl-dot,
.js_slider_lottie .owl-dots .owl-dot.active{width:9rem;height:6.4rem}
.js_slider_lottie .owl-dots .owl-dot:nth-of-type(1){background:url(/img/nonetouch/pib/_new/content/svc/mydata_intro/003_01_off.png) no-repeat 0 0;background-size:100%}
.js_slider_lottie .owl-dots .owl-dot:nth-of-type(2){background:url(/img/nonetouch/pib/_new/content/svc/mydata_intro/003_02_off.png) no-repeat 0 0;background-size:100%}
.js_slider_lottie .owl-dots .owl-dot:nth-of-type(2){margin:0 2rem}
.js_slider_lottie .owl-dots .owl-dot:nth-of-type(3){background:url(/img/nonetouch/pib/_new/content/svc/mydata_intro/003_03_off.png) no-repeat 0 0;background-size:100%}
.js_slider_lottie .owl-dots .owl-dot.active:nth-of-type(1){background-image:url(/img/nonetouch/pib/_new/content/svc/mydata_intro/003_01_on.png);background-size:100%}
.js_slider_lottie .owl-dots .owl-dot.active:nth-of-type(2){background-image:url(/img/nonetouch/pib/_new/content/svc/mydata_intro/003_02_on.png);background-size:100%}
.js_slider_lottie .owl-dots .owl-dot.active:nth-of-type(3){background-image:url(/img/nonetouch/pib/_new/content/svc/mydata_intro/003_03_on.png);background-size:100%}
.js_slider_lottie .owl-dots .owl-dot span{display:none;background:transparent !important}

.-mg6_wrap {background-color:#f2e6e8}
.-mg7_wrap {background-color:#9fc3f7}
.-mg8_wrap {background-color:#f4d4df}
.-mg9_wrap {background-color:#1c3790}

@keyframes insert {
  0%   {transform:translateY(30px)}
  100% {transform:translateY(0)}
}