/* 공통항목 */
.hm15 {
    margin: 0 15px;
}
section > div.inner {gap: 30px;}
section + section {padding: 50px 0;}

/* 타이틀 박스 */
.sub_titleBox .sub_title {
    align-items: center;
    text-align: center;
}
.sub_titleBox .sub_title .caption {
    font-size: 10px;
    letter-spacing: var(--v1_caption);
    border-radius: var(--circled);
    background-image: var(--v1_caption_gradient-light);
    background-origin: border-box;
    border: 1px solid transparent;
    background-clip: content-box, border-box;
}
.sub_titleBox.dark .sub_title .caption {
    background-image: var(--v1_caption_gradient-dark);
}
.sub_titleBox .sub_title .caption_inner {
    border-radius: var(--circled);
    background: var(--white);
    padding: 6px 12px;
    margin: 1px;
}
.sub_titleBox.dark .sub_title .caption_inner {
    background: var(--v1_gray7);
    color: var(--v1_gray1);
}
.sub_titleBox .sub_title {
    gap: 6px;
}
.sub_titleBox .sub_title .txtBox h1 {font-size: var(--lg);}
.sub_titleBox.dark .sub_title .txtBox h1 {color: var(--white);}
.sub_titleBox .sub_title .txtBox p {font-size: var(--body1);}
.sub_titleBox.dark .sub_title .txtBox p {color: var(--v1_gray2);}

/* 탑 메뉴 */
.inner .topBox {
    padding-bottom: 30px;
    padding-top: 30px;
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.inner .topBox h2 {
    text-align: center;
    position: relative;
}
.inner .topBox h2::after {
    position: absolute;
    left: 50%;
    bottom: -40%;
    content: '';
    width: 22px;
    height: 2px;
    background: #153D5B;
    transform: translateX(-50%);
}

/* ===== 가격안내 ===== */
/* 공통 */
* {box-sizing: border-box;}
.nr_center {width: 1300px; margin: 0 auto; position: relative;}
a {display: inline-block;}

/* .nr_contentBox {font-family: 'Pretendard-Regular';} */
.nr_graybg {background: #acacac;}
.nr_greenbg {background: #31914b;}
.nr_gray2bg {background: #f9fafb;}
.nr_bluebg {background: #3a6baf;}
.nr_blue2bg {background: #f2f5fa;}
.nr_blue3bg {background: #21afbf; color: #fff; font-weight: 800;}
.nr_purpplebg {background: #6848d5;}
.nr_pinkbg {background: #ec4c7c; color: #fff; font-weight: 800;}
.nr_fgray {color: #999;}
.nr_fblue {color: #21afbf; font-weight: 800;}
.nr_pink {color: #ec4c7c; font-weight: 800;}

.nr_mask {display: none; position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100vh; background: rgba(0,0,0,70%);}
.nr_mask2 {display: none; position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100vh; background: rgba(0,0,0,70%);}
.nr_maskTxt {text-align: center; display: flex; justify-content: center; align-items: center; background: #fff;border-radius: 10px; box-shadow: 5px 5px 10px rgba(0,0,0,15%);
    width: 333px; height: 172px; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.nr_maskTxt p {font-size: 16px; font-weight: 600; }
.nr_maskTxt a { background: #2e75d6; color: #fff; font-size: 14px; width: 74px; height: 45px; line-height: 45px; border-radius: 25px; margin-top: 42px;}



/* div.inner .topBox {font-family: 'Pretendard-Regular' !important; margin-bottom: 20px; box-sizing: border-box;padding-top: 50px;overflow: hidden;}
.new_wrap .topBox{padding-bottom: 20px; box-sizing:border-box; overflow:hidden;}
.new_wrap .topBox h2{font-size: 35px; text-align:center;  position: relative;}
.new_wrap .topBox h2:after{position: absolute; left:50%; bottom:-40%; content:''; width:22px; height:2px; background:#153D5B; transform:translateX(-50%);} */

/* 상단 콘텐츠 */
.nr_conbox1 {margin-bottom: 30px; padding: 0 10px;}
.nr_midtit {font-size: 18px; font-weight: 900; text-align: center;}
.nr_midtit span {font-size: 18px; font-weight: 800; text-align: center; margin-top: 15px; display: inline-block;}
.nr_bigbox {display: flex; }
.nr_boxinner {width: 50%; padding: 0 5px;}
.nr_boxinner .nr_coninfo h2 {font-size: 16px; color: #666; text-align: center; width: 100%; margin: 50px 0 20px 0;}
.nr_boxinner .nr_box {background: #fff; box-shadow: 0 0 5px 2px rgba(0,0,0,10%); 
    width: 100%; border-radius: 15px; /* height: 392px; */}
.nr_boxinner .nr_box h3 {width: 100%; height: 46px; line-height: 46px; text-align: center;
    border-radius: 15px 15px 0 0; color: #fff; font-size: 18px;}
.nr_boxinner .nr_listbox { padding: 15px; height: 320px;}
.nr_coninfo .nr_box .nr_listbox ul li {margin-bottom: 8px; font-size: 12px;}
.nr_listbox ul > li {margin-bottom: 8px; font-size: 14px;}
.nr_listbox ul li i {color: #3bd19b;}
.nr_listbox ul li:last-child i {color: #ff0000;}
.nr_listbox ul li span.nr_sli {font-weight: 500; padding-left: 5px; display: block; color: #8b8b9e; font-size: 11px; margin: 8px 0 0 10px;}
.nr_more_btn {padding: 10px; text-align: center; ;}        
.nr_more_btn a {width: 100%; height: 36px; line-height: 36px; background: #fff; border-radius: 5px; border: 1px solid #666; color: #666;}    

/* 중단 콘텐츠 */
.nr_conbox2 {padding: 57px 15px;}
.nr_conex .nr_contxt {text-align: center;}
.nr_conex .nr_contxt .nr_txt p {font-size: 17px; color: #7f8790; font-weight: 800;}
.nr_conex .nr_contxt .nr_txt span {font-size: 25px; position: relative; z-index: 0; font-weight: 800;}
.nr_conex .nr_contxt .nr_txt span.nr_titbg1::after {content: ""; position: absolute; width: 100%; height: 40%; left: 0; bottom: 0; z-index: -1; background: #acacac;}
.nr_conex .nr_contxt .nr_txt span.nr_titbg2::after {content: ""; position: absolute; width: 100%; height: 40%; left: 0; bottom: 0; z-index: -1; background: #93e7aa;}
.nr_conex .nr_contxt .nr_txt span.nr_titbg3::after {content: ""; position: absolute; width: 100%; height: 40%; left: 0; bottom: 0; z-index: -1; background: #6a9add;}
.nr_conex .nr_contxt .nr_txt span.nr_titbg4::after {content: ""; position: absolute; width: 100%; height: 40%; left: 0; bottom: 0; z-index: -1; background: #b4a3f1;}
.nr_conex .nr_contxt .nr_ulbox {display: flex;}
.nr_conex .nr_contxt .nr_ulbox ul {margin-top: 20px; width: 50%;}
.nr_conex .nr_contxt .nr_ulbox ul li {display: flex; align-items: center; font-size: 12px; font-weight: 800; margin-bottom: 10px;}
/* .nr_conex .nr_contxt .nr_ulbox ul li span {background: #fff; border: 2px solid #e7eaee; width: 31px; height: 31px; border-radius: 10px; 
    display: inline-block; margin-right: 5px;} */
/* .nr_conex .nr_contxt .nr_ulbox ul li span img {padding: 3px;} */
.nr_boxinner2 {/* width: 100%; */ width: 78%; margin: 0 auto;     }
.nr_boxBg1 { background: url(/images/price_sub/mlist_bg_1.png) no-repeat center/contain;}
.nr_boxBg2 { background: url(/images/price_sub/mlist_bg_2.png) no-repeat center/contain;}
.nr_boxBg3 { background: url(/images/price_sub/mlist_bg_3.png) no-repeat center/cover;}
.nr_boxBg4 { background: url(/images/price_sub/mlist_bg_4.png) no-repeat center/cover;}
.nr_conex .nr_conimg {margin-top: 20px;}
.nr_conex .nr_conimg .nr_boxinner .nr_box2 { height: auto; margin: 0 auto;}
.nr_conex .nr_conimg .nr_boxinner .nr_box2 .nr_listbox2 { /* height: 384px; */ height: auto;}
.nr_listbox2 ul > li {font-weight: bold;}
.nr_listbox2 ul li span.nr_smallList {font-weight: 500; padding-left: 5px; display: block; color: #8b8b9e; font-size: 11px;/*  margin: 8px 0 0 10px; */margin: 0 0 0 35px;}
.nr_conex .nr_conimg .nr_boxinner .nr_box2 .nr_listbox2 ul li span.nr_listicon {display: inline-block; background: #fff; 
    border: 2px solid #e7eaee; width: 31px; height: 31px; border-radius: 10px; display: inline-block; margin-right: 5px;}
.nr_conex .nr_conimg .nr_boxinner .nr_box2 .nr_listbox2 ul li span.nr_listicon img {padding: 3px;}
.nr_conex .nr_conimg .nr_boxinner .nr_box .con_h3 {font-size: 18px; font-weight: 800; height: 46px; line-height: 46px;}
/* 견적 산출하기 버튼 */
.nr_feebtnbox {padding: 10px;}
.nr_button { background: #3D4C53; width : 100%; height : 46px; line-height: 46px;
    overflow: hidden; text-align : center;  border-radius: 3px;
    box-shadow: 0px 1px 2px rgba(0,0,0,.2);}
.nr_btnTwo { position : relative; width : 200px; height : 100px; margin-top: -97px; padding-top: 2px;
    background : linear-gradient(112deg, #6CE58E 0%, #EBE319 100.02%); left : -250px;}
.nr_btnText {color : white; }
.nr_btnText2 {margin-top : 63px; margin-right : -130px; font-weight: 800; font-size: 18px; color: #000;}

.nr_button:active {box-shadow: 0px 5px 6px rgba(0,0,0,0.3);}
/* 요금 비교 table */
.nr_conbox3 h2 {font-size: 25px; font-weight: 800; text-align: center; margin: 40px 0 30px 0;}
.nr_tablebox {padding: 0 15px;}
.nr_table {width: 100%; border-collapse: collapse; border: none; text-align: center;}
.nr_table caption {position: absolute; left: -9999px; font-size: 0;}
.nr_table .nr_thead th {font-size: 11px; border-top: 1px solid #666; border-right: 1px solid #d1d1d1; 
    border-bottom: 1px solid #666; background-color: #f8f8f8; padding: 7px 0;}
.nr_table .nr_thead th:last-child {border-right: none;}
.nr_table .nr_tbody tr { border-bottom: 1px solid #d1d1d1;  height: 25px;}
.nr_table .nr_tbody tr td {border-right: 1px solid #d1d1d1; font-size: 11px;}
.nr_table .nr_tbody tr td:last-child {border: none;}
.nr_table .nr_tbody tr td span {color: #666; font-weight: normal;}
.diagonal {background-image: linear-gradient(to left bottom, transparent calc(50% - 1px), #d1d1d1, transparent calc(50% + 1px));
    background-size: 120% 120%; background-position: center;  font-weight: normal; padding: 0!important; font-size: 9px!important;}
.diatxt1 {float: left; position: relative; left: 3px; bottom: -6px; font-size: 9px;}
.diatxt2 {float: right; position: relative; right: 3px; top: -6px; font-size: 9px;}
/* CS */
.nr_csbox { margin: 30px 0; padding: 0 15px;}
.nr_cstxt {/* font-size: 12px; */ font-size: 14px; color: #666;}
.nr_cstxt span {display: block;}
.nr_cstxt span.nr_cstxtTit {margin-bottom: 5px; font-weight: 800; /*font-size: 18px; */ font-size:23px; color: #000; display: inline-block; margin-right: 5px; width: 39px;}
.nr_cs {width: 100%; background: #fff; border: 1px solid #222; border-radius: 5px; 
    display: flex;justify-content: space-between; align-items: center; /* padding: 10px; */ padding: 10px 45px; box-shadow: 5px 5px 3px 0 rgba(0,0,0,7%);}

.nr_FAQ {margin-bottom: 10px;}
/* .nr_FAQimg {background: url(/images/price_sub/mfaq_img.png)no-repeat 27px center; width: 58px; height: 58px; } */
.nr_FAQimg {background: url(/images/price_sub/mfaq_img.png)no-repeat center; width: 58px; height: 58px; }
/* .nr_QAimg {background: url(/images/price_sub/mqa_img.png)no-repeat 28px center; width: 58px; height: 58px;} */
.nr_QAimg {background: url(/images/price_sub/mqa_img.png)no-repeat center; width: 58px; height: 58px;}

/* 요금제 확인사항 */
.nr_feeBox {background: #eaf9f9;  margin: 0 auto;
    border-radius: 15px; transform: translateY(-50%); top: 50%; position: relative; width: 360px;}
.nr_mask2 .nr_feeBox .nr_feeCheck {background: none; }
.nr_feeCheck {background: #eaf9f9; padding: 20px 15px;}
.nr_feeCheck .nr_checkbox h3 {font-size: 18px; margin-bottom: 15px;}
.nr_feeCheck .nr_checkbox ul {background: #fff; border-radius: 15px; padding: 23px;}
.nr_feeCheck .nr_checkbox ul li {list-style: disc; margin-bottom: 10px; font-size: 12px;}
.nr_feeCheck .nr_checkbox ul li:last-child {margin-bottom: 0;}
.nr_feeCheck .nr_checkbox ul li::marker {color: #6d6bd1; }
.nr_feeCheck .nr_checkbox ul li span {color: #ff0000; /* margin-top: 10px; */ display: inline-block;}

/* 견적 산출 동의 */
.nr_mask2 .nr_feeBox .nr_feeAgree {margin: 0; padding-bottom: 20px;}
.nr_feeAgree {display: flex; justify-content: center; margin: 50px auto;}
.nr_feeAgree .nr_agreebox {display: flex; align-items: center; justify-content: center}
.nr_feeAgree .nr_agreebox span {font-size: 14px;}
input[id="cb1"] {width: 14px; height: 14px; margin-right: 5px;}
.nr_button2 {width: 141px; height: 35px; line-height: 35px; margin: 30px 92px 0 92px; font-size: 14px;}
/* ===== 가격안내 끝 ===== */