@charset "UTF-8";
/*구독 플랜*/
html{width: calc(100% - 15px);height: 100%;margin: auto;}
body{min-height: unset;height: 100%;justify-content: center;overflow-y: auto;}
.t_center {text-align: center;}
.mb_70 {
    margin-bottom: 70px;
}
.account_tit {text-align: center;margin-bottom: 30px;font-size: 24px;font-weight: bold;}
.cent_txt{color:#777; font-size:12px; line-height:12px; vertical-align: middle; margin-top:8px; text-align: left;}
.mt_24 {margin-top: 24px;}
.txtLeft {text-align: left;word-break: keep-all;}
.posi_ab {
    position: absolute;
}

.posi_re {
    position: relative;
}

.plan_area{display: grid; grid-template-columns: repeat(4, 1fr);  gap:17px; justify-content: center; padding-bottom:40px;}
.plan_box{width:285px;width:100%; padding:30px 37px; border-radius: 16px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);text-align: center; cursor: pointer;box-sizing: border-box;}
.p_button:hover{background:#4D6BFE; color:#fff;}
.line_gray{border-top: 1px solid #ccc;margin-top: 40px;padding-top: 40px;width: 100%;display: block;}

.p_btn_back{background:#4D6BFE !important; color:#fff !important;}
.p_btn_back:hover{color:#4D6BFE !important; border: 1px solid #4D6BFE !important; background: #fff !important;}
.plan_box .p_tit{color:#000000; font-size: 18px; margin-bottom:24px; font-weight: 400;}
.add_border{border:2px solid #4D6BFE; }
.price_area{display: flex; align-items: baseline; justify-content: center; margin-bottom:8px;}
.price_area h1{font-size: 38px; font-weight: 500; color: #000; line-height: 38px;border-bottom: 0;}
.price_area span{font-size: 13px; color:#777777; line-height: 24px;}
.p_button{width:100%; height:40px; font-size:14px; color:#4D6BFE; border: 1px solid #4D6BFE;  border-radius: 5px;}
.chk_txt{color:#777777; font-size: 13px; line-height: 13px; vertical-align: middle; display: flex; margin-top:10px;}
.chk_txt::before{content:''; display: inline-block;width:12px; height:12px; background-image: url('../images/ico/blue_check.svg');background-repeat: no-repeat; background-size: contain; margin-right:12px; vertical-align: middle; }
.suggestion{background: #4D6BFE; border-radius: 8px; width:45px; top:10px; right:10px;}
.suggestion span{font-size:13px; color:#ffffff; line-height: 24px;}
.add_color{background: #4D6BFE; color:#ffffff;}

.chk_txt strong{font-size:14px; color:#000; font-weight: 600;}
.cent_txt strong{font-size:14px; color:#000; font-weight: 600;}
.blue_bold{font-weight: 600; color:#4D6BFE !important;}

.dipseek_img_plan .chk_txt::before {
  background-image: url('../images/ico/green_check.svg') !important;
}