@charset "utf-8";
@import url("../font/gmarket.css");
/* 섹션타이틀 */
.title_subline{display:block;margin-bottom:14px; font-family: 'GmarketSans', sans-serif; font-size:24px;}
.title_subline strong{ font-family: 'GmarketSans', sans-serif;}

/* 메인비쥬얼 */
.visual_list01{width:100%;padding-top:80px ;height:683px; background:url(../image/main/bg_main_visual01.jpg) no-repeat 50%;text-align:left;}
.visual_list01 span{margin:0 auto;display: block; margin-bottom:40px;}
.visual_list01 p{margin-bottom:20px; ;font-size:68px; color: #fff;  font-family: 'GmarketSans', sans-serif;}
.visual_list01 p strong{ font-family: 'GmarketSans', sans-serif;}
.visual_list01 .list_ctn{ margin-top:32px;text-align:left;}
.visual_title{width:1200px; margin:0 auto; text-align:center;}


/* 대출상품 */
.okdream_product{padding:80px 0;background:#f6f7ff;}
.okdream_product h2{padding: 10px 0; font-size: 75px; color: #333; font-family: 'GmarketSans', sans-serif; font-weight: bold;margin-bottom:0px !important;}
.okdream_product h2 span{color:#3243e8;font-family: 'GmarketSans', sans-serif; font-weight: bold;}
.okdream_product .title_subline{display: block; color: #333;margin-bottom: 10px;font-weight: 300;line-height:1;letter-spacing:-0.02em;font-family: 'GmarketSans', sans-serif; font-size: 25px;}
.okdream_product .title_subline strong{font-weight:bold;  font-family: 'GmarketSans', sans-serif;}
.okdream_product .product_list{margin-top:36px; overflow: hidden; text-align:center; font-size: 0;}
.okdream_product .product_list li{display: inline-block; width:233px;margin-right:8px;background:url(../image/main/main_product_bg.png) no-repeat 50%;}
.okdream_product .product_list li:last-child {margin-right:0;}

/* 대출절차 */
.okdream_order{padding:80px 0;background:#f9f9f9;}
.okdream_order h2{padding: 10px 0; font-size: 75px; color: #333; font-family: 'GmarketSans', sans-serif; font-weight: bold;margin-bottom:0px !important;}
.okdream_order h2 span{color:#3243e8;font-family: 'GmarketSans', sans-serif; font-weight: bold;}
.okdream_order .title_subline{display: block; color: #333;margin-bottom: 14px;font-weight: 300;line-height:1.3;letter-spacing:-0.02em;font-family: 'GmarketSans', sans-serif; font-size: 22px;}
.okdream_order .title_subline strong{font-weight:bold;  font-family: 'GmarketSans', sans-serif;}

/* 대출승인사례 */
.okdream_case{position: relative; padding:80px 0; clear:both; background:url(../image/main/bg_main_case.jpg) no-repeat 50%;;text-align: center;}
.okdream_case h2{padding: 10px 0; font-size: 75px; color: #fff; font-family: 'GmarketSans', sans-serif; font-weight: bold;margin-bottom:0px !important;}
.okdream_case h2 span{color:#fbe000;font-family: 'GmarketSans', sans-serif; font-weight: bold;}
.okdream_case .title_subline{display: block; color: #fff;margin-bottom: 14px;font-weight: 300;line-height:1.3;letter-spacing:-0.02em;font-family: 'GmarketSans', sans-serif; font-size: 22px;}
.okdream_case .title_subline strong{font-weight:bold;  font-family: 'GmarketSans', sans-serif;}
.okdream_case p{width:95%;font-size:16px; color: #999; line-height:1.3;letter-spacing:-1px; margin-bottom:16px}
.okdream_case .slide_center{width:1000px; margin:24px auto 64px;}
.okdream_case .slide_center li{position: relative;}
.okdream_case .slide_center li .img{background:#fff; box-shadow:5px 5px 10px rgba(0,0,0,0.2)}
.okdream_case .slide_center li .img img{transition:0.3s;}
.okdream_case .slide_center li:hover .img img{opacity:0.8 ;}
.okdream_case .slide_center li:hover .plus{display:block;}
.okdream_case .slide_center li .plus{display:none;position: absolute;top:35%; left:50%;margin-left:-30px; z-index: 100;}
.okdream_case .slide_center li a{display: block;}
.okdream_case .slide_center li a .img{width:295px; height:564px; overflow: hidden;border:5px solid #2a3be1;}
.okdream_case .slide_center li a .list_info{margin-top:12px; text-align: left;}
.okdream_case .slide_center li a .list_info strong{display: block;margin-bottom:6px;  color: #333; font-size: 19px; letter-spacing: -1.5px;}
.okdream_case .slide_center li a .list_info p{font-size: 14px; color: #999;letter-spacing: -1px; font-weight:300;}
.okdream_case .ctn_img{position:absolute; bottom:0; right:50%; margin-right:-710px}

.gmloan_kakao {background:#fff;padding:50px 0px 30px;}
.gmloan_kakao img{display:block;}
.gmloan_kakao p{width:1200px;margin:0 auto;position:relative;overflow:hidden;padding-bottom: 20px;}
.gmloan_kakao h2{padding: 10px 0; font-size: 75px; color: #333; font-family: 'GmarketSans', sans-serif; font-weight: bold;margin-bottom:0px !important;}
.gmloan_kakao h2 span{color:#df353d;font-family: 'GmarketSans', sans-serif; font-weight: bold;}
.gmloan_kakao .title_subline{display: block; color: #333;margin-bottom: 10px;font-weight: 300;line-height:1;letter-spacing:-0.02em;font-family: 'GmarketSans', sans-serif; font-size: 25px;}
.gmloan_kakao .title_subline strong{font-weight:bold;  font-family: 'GmarketSans', sans-serif;}
.gmloan_kakao article{width:1200px;margin:0 auto;margin-bottom:50px;padding-top:30px;}
.gmloan_kakao article .title{font-size:25px;font-weight:bold;text-align:left;color:#333;}
.gmloan_kakao .box_02_1{position: relative;width:100%;border:1px solid #ddd;padding: 10px;background:#fff;}
.gmloan_kakao .box_02_2{width:595px;margin-left:5px;display:inline-block;border:1px solid #ddd;padding:30px;background:url(../image/main/con01_bg.jpg) no-repeat 0 top;}
.gmloan_kakao .box_02 .title{margin-bottom:10px;font-size:15px;font-weight:500;color:#fff;background:#3c41a7;padding:5px 15px;letter-spacing:-0.75px;display:inline-block;border-radius:8px;}
.gmloan_kakao .box_02_1 .tg{border-spacing:0;width:100%;margin: 0 auto;background: #fff;}
.gmloan_kakao .box_02_1 .tr_list{background:#fff;color:#333;border-top:3px solid #3243e8;border-bottom:1px solid #ddd;font-weight:bold;}
.gmloan_kakao .box_02_1 .tg td{font-size:15px;color:#333;padding:12px 5px;overflow:hidden;word-break:normal;border-bottom: 1px dotted #ddd;letter-spacing:-0.75px;}
.gmloan_kakao .box_02_1 .tg th{font-size:18px;font-weight:normal;padding:10px 5px;overflow:hidden;word-break:normal;}
.gmloan_kakao .box_02_1 .tg .tg-0pky{text-align:center;vertical-align:top}
.gmloan_kakao .box_02_1 .tg .tg-0lax{text-align:center;vertical-align:top;width:25%;}
.gmloan_kakao .box_02_1 .tg .tg-02ax{text-align:left;vertical-align:top;width:25%;}
.gmloan_kakao .box_02_1 .tg .tg-03ax{text-align:center;vertical-align:top;width:25%;}
.gmloan_kakao .box_02_1 .tg .tg-04ax{text-align:center;vertical-align:top;width:25%;}
.gmloan_kakao .box_02_1 .submit_01{background:#b7b7b7;color:#fff;padding:2px 8px;border-radius:3px;}
.gmloan_kakao .box_02_1 .submit_02{background:#3a8bdf;color:#fff;padding:2px 8px;border-radius:3px;}
.gmloan_kakao .box_02_1 .submit_03{background:#df353d;color:#fff;padding:2px 8px;border-radius:3px;}

.gmloan_kakao .box_02_1 .tg .db01{width:100px;font-weight: 500;}
.gmloan_kakao .box_02_1 .tg .db02{width:100px;font-weight: 500;}
.gmloan_kakao .box_02_1 .tg .db03{width:100px;font-weight: 500;}
.gmloan_kakao .box_02_1 .tg .db04{width:100px;font-weight: 500;}
.gmloan_kakao .box_02_1 .tg .db05{width:160px;font-weight: 500;}
.gmloan_kakao .box_02_1 .tg .db06{width:70px;}
.gmloan_kakao .box_02_1 .tg .db07{width:70px;}

.gmloan_kakao .left{width:49.5%;float:left;}
.gmloan_kakao .right{width:49.5%;display:inline-block;}


.gmloan_tel {background:#f3f3ff;}
.gmloan_tel img{display:block;}
.gmloan_tel p{width:1200px;margin:0 auto;position:relative;overflow:hidden;}

/* DB */
.db .title_subline{display:block;color:#fff;margin-bottom:14px;font-weight:300; font-family: 'GmarketSans', sans-serif; font-size:24px;}
.db .title_subline strong{ font-family: 'GmarketSans', sans-serif;font-weight:500;}
.db .title_h2 {padding:10px 0;font-size:75px;color:#fff; font-family: 'GmarketSans', sans-serif;font-weight:bold;}
.db .title_h2 span{font-size:75px;color:#acdeff; font-family: 'GmarketSans', sans-serif;font-weight:bold;}

.db{padding:80px 0; background:url('../image/main/main_db_visual.jpg') no-repeat center;background-size:cover;text-align:center;}
.db .db_list{width:900px; margin:0 auto;}
.db .db_list{margin-bottom:16px; }
.db .db_list li{width:100%;padding:12px 0; }
.db .db_list li label{display: inline-block; width:12%;font-family: 'GmarketSans', sans-serif;font-weight:500;color:#fff;}
.db .db_list li input{width:78%; padding:12px; height:50px; box-sizing:border-box;font-size:15px;}
.db .agree{margin-bottom:32px;padding-left:5px;font-size:17px;color:#fff;}
.db .agree input[type="checkbox"]{width:20px; height: 20px; visibility: middle;margin-right:5px;}


#main_container{position:relative;z-index:20; }
.main_visual{width:100%;position:relative;margin:0 auto;overflow:hidden;}
.db_form{background:url(../image/main/main_bg.jpg) no-repeat 0 0;position:relative;overflow:hidden;display:inline-block;width:350px;height:400px;}
.db_form p{text-align:center;}
.spot .list_visual{width:800px;position:relative;float:left;}
.spot{position:relative;}
.spot .list_visual li{height:400px;}
.spot .list_visual li.visual01{background:#fff;width:100%; text-align:center;padding-top:0px;}
.spot .list_visual li.visual02{background:#fff;width:100%; text-align:center;padding-top:0px;}
.spot .list_visual li.visual03{background:#fff;width:100%; text-align:center;padding-top:0px;}
.spot .list_visual li.visual04{background:#fff;width:100%; text-align:center;padding-top:0px;}

.spot .list_visual .link_visual{display:block;}



#board{}
#board .board_box{width:1200px;margin:0 auto;position:relative;overflow:hidden;color:#fff;padding-bottom:100px;box-sizing:content-box;}
#board .board_box ul li{display:inline-block;position:relative;overflow:hidden;width:16.4%;text-align:center;}


#board .board_box a{color:#fff;}
#board .review_br{width:600px;float:left;position:relative;}
#board .notice_br{width:600px;position:relative;display:inline-block;}
#board h3{font-size:20px;font-weight:500;letter-spacing:-0.5px;display:inline-block;vertical-align: middle;margin-right:10px;}
#board span.list{font-size:16px;background:url(../image/main/board_ico.png) no-repeat 0 center;padding-left:10px;display:inline-block;vertical-align: middle;width:450px;letter-spacing:-1px;}
#board span.more{display:inline-block;vertical-align: middle;}

#title_01{width:1200px;margin:0 auto;position:relative;overflow:hidden;}

.con00{position:relative;overflow:hidden;}
.con00 ul li{float:left;position:relative;}

#db_box{background:url(../image/main/db_bg.png) repeat-x center;height:180px;}

/* db */
#db_wrap02 {}
#db_wrap02 .db input[type="text"] {background: #fff;width:80%;border: 1px solid #c6d8e2;color: #333;font-size: 13px;padding: 10px 7px;border-radius: 3px;box-sizing: border-box;}
#db_wrap02 .db input[type="number"] {background: #fff;width:80%;border: 1px solid #c6d8e2;color: #333;font-size: 13px;padding: 10px 7px;border-radius: 3px;box-sizing: border-box;}
#db_wrap02 .db select {background: #fff;width:80%;border: 1px solid #c6d8e2;color: #333;font-size: 13px;padding: 10px 7px;border-radius: 3px;box-sizing: border-box;}
#db_wrap02 .db ul {padding: 0px 105px;position:relative;display:inline-block;margin:0;}
#db_wrap02 .db li{position:relative;overflow:hidden;margin:5px 0px;width:350px;float:none;}
#db_wrap02 .db_box {margin:10px 0px;padding:10px 0px;position: relative;overflow: hidden; display:inline-block;background:#f5f5f5;width:100%;}
#db_wrap02 .db_btn { float:none;margin:0 auto;text-align:center;}
#db_wrap02 .db_agree{   clear:both;font-size: 12px;    color: #8e8e8e; padding: 10px 0px 10px 130px;font-size: 13px;font-weight: 400;}
#db_wrap02 .db { position: relative; margin: 0 auto;  overflow:hidden;}

.db_tel{display:inline-block;float:left;}
.db ul{position:relative;display:inline-block;*width:1200px;margin:0;}
.db li{position:relative;overflow:hidden;margin:6px 0 0px;width:50%;float:left;}
.db li label{width:55px; display:inline-block;font-size:25px;text-align:right;font-weight:500;letter-spacing:-1px;height:15px;vertical-align:middle;padding-top:4px;color: #333333; text-align: right; padding-right: 10px;}
.db li label img{vertical-align:middle;}
.db_agree ul li{float:left;padding-top:10px;}
.txt_s{font-size:17px; color:#fff; font-weight:500; letter-spacing:-0.05em; margin:-3px 0 0 8px; float:left;width:170px;}
.txt_s2{color:#f4eeec ; font-size:15px;letter-spacing:-0.005em;padding:10px 0 0 20px float:left;width:500px;line-height:18px; font-weight:200;}
.checkbox{width:15px; height:15px; bordeR:1px solid #018097;vertical-align:-3px}
.popon{font-size:13px;letter-spacing:0.02em; display:block;margin:0px 0 0 3px;color:#8e8e8e;}

.contbox{display:none; position: fixed;font-weight: 300;width: 1200px;height: 416px; background: #fff; overflow-y: scroll; bordeR: 10px solid #00c9a5; top:354px; text-align: left;z-index: 9999;}
.contbox h3{font-size:20px; margin:50px 30px 10px; font-weight:500; color:#000}
.contbox p{margin:20px 30px 0px 30px; color:#888888; line-height:21px;font-size:14px;color:#3a3a3a; font-weight:400;}
.popoff{ background:#252525; position:absolute; right:0; top:0; text-align:center;}
.popoff img{opacity:0.2}
.db_point {position:absolute;bottom:-47px;width:66px; margin-left:-33px; left:50%;display:block; z-index:2000}
.contbox dl{padding:20px 20px;}
.contbox dl dt{color:#000; font-weight:bold; padding:8px 15px;font-size:15px; background:#f0f0f0;  font-weight:500;}
.contbox dl dd{font-size:13px; color:#515151; line-height:21px;padding:13px 15px 15px;font-weight:400;}

.contents{position: relative;width: 1200px; margin: 0 auto; overflow: hidden;}
.contents_01{position: relative;width: 1200px; margin: 0 auto; overflow: hidden;text-align:center; }
.contents .box_01{padding:20px 10px;width:600px; position: relative; overflow: hidden;float:left;border: 10px solid #f5f5f5;}
.contents .box_01 ul li{float:left;margin-bottom:3px;}
.contents .box_01 ul li:first-child{margin-right:5px;}
.contents .box_01 ul li:nth-child(3){margin-right:5px;}
.contents .box_01 ul li:nth-child(5){margin-right:5px;}
.contents .box_02{width:580px;position:relative;overflow:hidden;display:inline-block;margin-left:20px;border: 10px solid #f5f5f5;}
.con01_box{margin: 30px 0px 80px 0px;}
.con02_box{background:url(../image/main/con02_bg.jpg) no-repeat center;text-align: center;height:486px;}
.box_02_1{padding:20px 10px;}
.box_02_2{margin-top:30px;}
.box_02 .title{margin-bottom:10px;text-align:center;}
.box_02 .tg{border-spacing:0;width:100%;margin: 0 auto;background: #fff;}
.box_02 .tr_list{background:#333333;color:#fff;}
.box_02 .tg td{font-size:14px;font-weight:500;padding:11px 5px;overflow:hidden;word-break:normal;border-bottom: 1px dotted #ddd;letter-spacing:-0.75px;}
.box_02 .tg th{font-size:15px;font-weight:500;padding:10px 5px;overflow:hidden;word-break:normal;letter-spacing:-0.5px;}
.box_02 .tg .tg-0pky{text-align:center;vertical-align:top;}
.box_02 .tg .tg-0lax{text-align:center;vertical-align:top;width:100px;}
.box_02 .tg .tg-02ax{text-align:left;vertical-align:top;width:160px;}
.box_02 .tg .tg-03ax{text-align:center;vertical-align:top;width:70px;}
.box_02 .tg .tg-04ax{text-align:center;vertical-align:top;width:70px;}
.box_02 .submit_01{background:#b5b5b5;color:#fff;padding:2px 8px;}
.box_02 .submit_02{background:#824cc8;color:#fff;padding:2px 8px;}
.box_02 .submit_03{background:#00c8a4;color:#fff;padding:2px 8px;}

.box_02 .tg .db01{width:100px;}
.box_02 .tg .db02{width:100px;}
.box_02 .tg .db03{width:100px;}
.box_02 .tg .db04{width:100px;}
.box_02 .tg .db05{width:160px;}
.box_02 .tg .db06{width:70px;}
.box_02 .tg .db07{width:70px;}

.con02_box ul {float:right;margin-top:100px;}
.con02_box ul li{float:left;padding-right:10px;}
.con02_box ul li:first-child{}
.con02_box ul li:nth-child(2){}
.con02_box ul li:last-child{}


.con03_box{background:url(../image/main/con03_bg.jpg) no-repeat center;height:751px;} 
.con03_box .tit{margin-bottom:10px;} 

.con04_box{background:#fff; height:716px;margin-top:100px;}
.con05_box{background:url(../image/main/call_bg.jpg) repeat-x center;height:200px;}

#quick{ position:absolute;top:200px;right:0;   color:#fff; text-align:center;  font-size:14px; letter-spacing:1px;}
#quick a{display:block; color:#fff; text-transform: uppercase;}

/* ===== Section ===== */
.reason{
  width:100%;
  background:url(../image/main/main_bg_reason.jpg) no-repeat bottom left;
}
.reason .inner{
  width:1200px; 
  margin:0 auto;
  padding:100px 0 190px;
  position:relative;
  overflow:hidden;
}

/* ===== Left copy ===== */
.reason .copy{
  max-width:600px;
  text-align:left;
}
.reason .eyebrow{
font-family: 'GmarketSans', sans-serif;
  font-weight:300;
  font-size:50px;
  line-height:1.15;
  color:#cacaca;
  margin:0 0 10px;
  
}
.reason .title{
font-family: 'GmarketSans', sans-serif;
font-weight:bold;
  font-size:50px;
  line-height:1.15;
  font-weight:500;
  color:#333;
  margin-bottom: 0px !important;
}
.reason .title .em{
font-family: 'GmarketSans', sans-serif;
color:#4c5ae2;
  font-weight:700;
}
.reason .desc{
  margin:0;
  color:#7f7f7f;
  font-weight:500;
  font-size:16px;
  line-height:1.5;
}

/* ===== Right chart area ===== */
.reason .stage{
  position:absolute;
  right:0; top:40px;
  width:600px; height:480px; /* 전체 그래프 캔버스 */
}

/* 가이드 라인(대각선) */
.reason .stage::before{
  content:"";
  position:absolute; left:40px; bottom:120px;
  width:520px; height:260px;
  border-left:1px solid transparent;
  border-bottom:1px solid transparent;
  background:
    linear-gradient(23deg, transparent 46%, var(--guide) 47%, var(--guide) 53%, transparent 54%) no-repeat;
  background-size:520px 260px;
  opacity:.9;
}

/* 라벨: 베스트론 (우상단) */
.reason .best-label{
  position:absolute; right:24px; top:0;
  font-size:30px; font-weight:700; color:var(--blue);
}

/* 막대/포인트 목록 */
.reason .bars{
  position:absolute; left:22px; bottom:20px;
  width:560px; display:flex; justify-content:space-between; align-items:flex-end;
  list-style:none; margin:0; padding:0;
}

/* 각 항목 */
.reason .item{
  width:80px; text-align:center; position:relative;
}
.reason .cap{
  position:absolute; bottom:100%; left:50%; transform:translate(-50%,-14px);
  width:14px; height:14px; border-radius:50%;
  background:#80e7ff; /* 기본 점 색 (회차별로 다르게) */
  box-shadow:0 0 0 2px #fff, 0 1px 0 rgba(0,0,0,.04);
}
.reason .bar{
position:relative;
  overflow:visible;
  width:26px; margin:0 auto; border-radius:12px;
  background:linear-gradient(180deg,#8eeeff,#3be0ff);
  height:120px; /* 개별로 덮어씌움 */
  box-shadow:0 8px 16px rgba(0,0,0,.06) inset;
}
.reason .label{
  position:absolute; bottom:calc(100% + 22px); left:50%; transform:translateX(-50%);
  width:140px; color:#a0a0a0; font-weight:500; font-size:13px; line-height:1.4;
}

/* 채워지는 부분 */
.reason .bar .barFill{
  position:absolute; left:0; right:0; bottom:0; top:0;
  background:inherit;                 /* .bar의 그라디언트 그대로 사용 */
  border-radius:inherit;
  transform:scaleY(0);                /* 시작: 0 */
  transform-origin:bottom;            /* 아래에서 위로 자람 */
  transition:transform .9s cubic-bezier(.22,1,.36,1);
}

/* 꼭짓점 점(바 상단) */
.reason .bar .barFill::after{
  content:"";
  position:absolute; left:50%; top:0; transform:translate(-50%,-50%);
  width:14px; height:14px; border-radius:50%;
  background:#80e7ff;                 /* 필요하면 케이스별로 색 바꾸기 */
  box-shadow:0 0 0 2px #fff, 0 1px 0 rgba(0,0,0,.04);
  opacity:0; transition:opacity .4s ease .3s;
}


/* 섹션이 보이면 실행 */
.reason.is-in .bar .barFill{ transform:scaleY(1); }
.reason.is-in .bar .barFill::after{ opacity:1; }

/* 순차(스태거) 딜레이 */
.bars .item:nth-child(1) .bar .barFill{ transition-delay:0ms; }
.bars .item:nth-child(2) .bar .barFill{ transition-delay:120ms; }
.bars .item:nth-child(3) .bar .barFill{ transition-delay:240ms; }
.bars .item:nth-child(4) .bar .barFill{ transition-delay:360ms; }
.bars .item:nth-child(5) .bar .barFill{ transition-delay:480ms; }

/* 접근성: 모션 줄이기 설정 존중 */
@media (prefers-reduced-motion: reduce){
  .reason .bar .barFill,
  .reason .bar .barFill::after{ transition:none !important; }
  .reason .bar .barFill{ transform:scaleY(1) !important; }
  .reason .bar .barFill::after{ opacity:1 !important; }
}

/* 색/높이 개별 설정 */
.item--a .bar{height:140px; background:linear-gradient(180deg,#7ff2ff,#3be0ff)}
.item--b .bar{height:160px; background:linear-gradient(180deg,#79ecff,#39ddff)}
.item--c .bar{height:220px; background:linear-gradient(180deg,#74e5ff,#36dbff)}
.item--d .bar{height:260px; background:linear-gradient(180deg,#7f8bff,#5f6bff)}
.item--e .bar{height:350px; background:linear-gradient(180deg,#6f7cff,#4654ff)}
.item--d .cap{background:#8aa0ff}
.item--e .cap{background:#5f6bff}

/* 우측 큰 배지 */
.reason .badge{
  position:absolute; right:15px; bottom:105px;
  width:150px; height:150px; border-radius:50%;
  background:radial-gradient(circle at 50% 50%, #ff7676 0%, #ff6b6b 60%, #ff6b6b 100%);
  box-shadow:0 0 0 12px rgba(255,107,107,.25), 0 8px 26px rgba(255,107,107,.35);
  display:flex; align-items:center; justify-content:center; text-align:center;
  color:#fff; font-weight:700;
}
.reason .badge span{display:block}
.reason .badge .sub{font-size:16px; opacity:.95}
.reason .badge .num{font-size:44px; margin:12px 0 4px; color:#fde200;font-family: 'GmarketSans', sans-serif;font-weight:bold;line-height:1;}
.reason .badge .foot{font-size:16px; opacity:.95}