/*==========================================================
                        C U S T O M
==========================================================*/
/* MB */
.under main .mb10{margin-bottom:10px}
.under main .mb15{margin-bottom:15px}
.under main .mb20{margin-bottom:20px}
.under main .mb25{margin-bottom:25px}
.under main .mb30{margin-bottom:30px}
.under main .mb40{margin-bottom:40px}
.under main .mb50{margin-bottom:50px}
.under main .mb60{margin-bottom:60px}
.under main .mb70{margin-bottom:70px}
.under main .mb80{margin-bottom:80px}
.under main .mb90{margin-bottom:90px}

/* MT */
.under main .mt10{margin-top:10px}
.under main .mt15{margin-top:15px}
.under main .mt20{margin-top:20px}
.under main .mt25{margin-top:25px}
.under main .mt30{margin-top:30px}
.under main .mt40{margin-top:40px}
.under main .mt50{margin-top:50px}
.under main .mt60{margin-top:60px}
.under main .mt70{margin-top:70px}
.under main .mt80{margin-top:80px}
.under main .mt90{margin-top:90px}

/* MAX_W */
.under main .max_w200{width:100%;max-width:200px}
.under main .max_w250{width:100%;max-width:250px}
.under main .max_w300{width:100%;max-width:300px}
.under main .max_w350{width:100%;max-width:350px}
.under main .max_w500{width:100%;max-width:500px}
.under main .max_w600{width:100%;max-width:600px}
.under main .max_w700{width:100%;max-width:700px}
.under main .max_w800{width:100%;max-width:800px}
.under main .max_w900{width:100%;max-width:900px}

/* MIN-W */
.under main .min_w200{min-width:200px}
.under main .min_w250{min-width:250px}
.under main .min_w300{min-width:300px}
.under main .min_w350{min-width:350px}
.under main .min_w500{min-width:500px}
.under main .btn a{width: 36rem;text-align: center;}
.under main .btn_big a{width: 38rem;height:8rem;padding:1rem 4rem 1rem 2rem;font-size:1.6rem}

/*==========================================================
                        FONT FAMILY
==========================================================*/
.under main h2,
.under main h3,
.under main h4,
.under main h5,
.under main h6,
.under main table th,
.under main .list_faq dt,
.under main .list_step dt{font-family: var(--f-yumin)}

/*==========================================================
                        H E A D I N G
==========================================================*/
.under main h2{color: #FFF;font-weight: bold;text-align: center;}
.under main h3{font-size: 40px;text-align: center;color: var(--mcolor);position: relative;padding-bottom: 15px;margin-bottom: 50px;font-weight: bold;}
.under main h3::after{content: "";position: absolute;width: 80px;height: 3px;background: url('../images/mv_advantage_line.png') repeat left;left: calc(50% - 40px);bottom: 0;}
.under main h3 .sys_l{display: inline-block;margin-left:-10px}
.under main h3 .sys_r{display: inline-block;margin-right:-10px}
.under main h4{font-size: 38px;color: var(--mcolor);position: relative;padding-top: 21px;margin-bottom: 38px;font-weight: bold;}
.under main h4::after{content: "";position: absolute;width: 100%;height: 3px;background: url('../images/mv_advantage_line.png') repeat left;left: 0;top: 0;}
.under main h5{font-size: 34px;color: #6b1111;font-weight: 500;margin-bottom: 20px;}
.under main h6{font-size: 30px;color: #000000;font-weight: 500;margin-bottom: 36px;}

.under main .u_tt1{font-size: 2.6rem;font-weight: bold;margin-bottom: 1.5rem;}
.under main .u_tt2{font-size: 2.8rem;font-weight: bold;color: var(--mcolor);margin-bottom: 1.5rem;}
.under main .u_tt3{font-size: 2.6rem;font-weight: bold;margin-bottom: 1.5rem;text-decoration: underline;text-underline-offset: 3px;}
.under main .u_tt1:last-child,.under main .u_tt2:last-child,.under main .u_tt3:last-child{margin-bottom: 0;}
.under main .center img,.under main .image_l img,.under main .image_r img{border-radius: 2rem;}
.under main .anchor_list{display: flex;flex-wrap: wrap;gap: 20px;justify-content: center;}
.under main .anchor_list p{margin: 0;}
/*==========================================================
                      MAIN - CONTENT
==========================================================*/
.under main #content{padding: 0 0 120px}
.under main section{padding: 0 0 6rem;margin-bottom:0}
.under main section:last-child{padding:0}
.under main section.u_box{padding-bottom: 6rem;margin-bottom:0 !important}
.under main ol li{list-style: decimal;}

/* LINK + BUTTON TOP */
.under main .link{text-decoration: underline;color: var(--mcolor);word-break: break-all;}
.under main .image_l img,.under main .image_r img,.under main .center img{border-radius: 10px;}
/*============ TOP INFO ============ */
.under main #top_info{height:500px;width:100%;max-width:1920px;margin:0 auto;background:url('../images/top_info_bg.jpg') no-repeat center /cover;}
.under main #top_info .inner{display:flex;flex-direction:column;justify-content:center;height:100%;}
#ma01 main #top_info{background-image:url('../images/top_info_bg_ma01.jpg')}
#ma02 main #top_info{background-image:url('../images/top_info_bg_ma02.jpg')}

/*==========================================================
                    T O P I C   P A T H
==========================================================*/
.under main #topic_path{margin-bottom: 58px;}
.under main #topic_path ul{display:block;padding:10px 0}
.under main #topic_path li{display:inline;position: relative;}
.under main #topic_path li:not(:last-child)::after{content:">";position:relative;display: inline-block;margin: 0 5px 0 10px;top: -1px;pointer-events: none;}
.under main #topic_path li a{color: var(--mcolor);}

/*============ LIST ANCHOR LINK ============ */
.under main .list_anchor{display: flex; align-items: center; flex-wrap: wrap; justify-content: center;width:100%;margin-bottom: 30px;}
.under main .list_anchor .btn{margin: 0 10px 15px}
.under main .list_anchor:last-child{margin-bottom: -15px;}

/*==========================================================
                        T A B L E
==========================================================*/
.under main table.td_top td{vertical-align:top}
.under main table.tb_fix{table-layout: fixed;}
.under main table{margin-bottom: 30px;border: 2px solid #ce1b1b;}
.under main table th{background:var(--mcolor);color:#fff;padding: 12px;}
.under main table td{background:#fff;padding: 8px 20px;}
.under main table th,.under main table td{border-color: #ce1b1b;font-weight: 500;}
.under main table img{display:block;margin:auto;}
.under main .tb_scroll:not(:last-child){margin-bottom: 3rem;}
.under main table p:not(:last-child){margin-bottom: 1rem;}
.under main table .list01{padding-left: 0;}
.under main .u_big{font-size: 22px;}

/* .under main table tr td:nth-child(1){background-color: #fee6e6;}
.under main table tr td:nth-child(2){background-color: #fff;}
.under main table tr td:nth-child(3){background-color: #f0e7e7;} */
.under main table tr .bg01{background-color: #fee6e6;color: var(--txt);}
.under main table tr .bg02{background-color: #f0e7e7;}

/*============ LIST ============ */
.under main #content:has(.u_bg03:last-child){padding-bottom: 0;}
.under main .u_bg02,.under main .u_bg03{position: relative;padding: 122px 0;z-index: 1;}
.under main .u_bg02::after,.under main .u_bg03::after{content: '';position: absolute;width: 1920px;height: 100%;min-width: 100vw;left: 50%;transform: translateX(-50%);z-index: -1;pointer-events: none;top: 0;}
.under main .u_bg02::after{background: url('../images/bg02.jpg') repeat left /50px;}
.under main .u_bg03::after{background: url('../images/sec07_bg.jpg') repeat left;}
.under main .u_bg03{padding: 100px 0;}

.under main .pickup_box{background-color: #FFF;border-radius: 10px;box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.15);padding: 67px 80px 82px;position: relative;overflow: hidden;}
.under main .pickup_box::before {content: "";position: absolute;width:36rem;height:36rem;border-radius: 50%;border: 2rem solid #f9f6ef;pointer-events: none;left: -11rem;top: -11rem;z-index: 0;}
.under main .pickup_box *{position: relative;z-index: 1;}
.under main .pickup_tt{font-size: 32px;color: #ce1b1b;margin-bottom: 27px;font-weight: bold;position: relative;overflow: hidden;line-height: 1.6;}
.under main .pickup_tt > span{display: block;width: fit-content;position: relative;}
.under main .pickup_tt > span::after{content: "";position: absolute;width: 1000px;height: 3px;background: url('../images/mv_advantage_line.png') repeat left;left: calc(100% + 10px);top: 21px;}
.under main .pickup_tt .en{color: var(--mcolor);display: block;font-size: 16px;}
/* LIST 01 */
.under main .list01{margin-bottom: 30px;padding-left: 10px;}
.under main .list01 li{display:block;padding-left: 27px;margin-bottom: 8px;position:relative}
.under main .list01 li::before{background:#FFF;width:16px;height:16px;position:absolute;top:0.9rem;left:0;content:'';border-radius: 50%;border: 4px solid #f4bb06;}
.under main ol li::marker{font-size:0;opacity: 0;}
/* LIST 02 */
.under main .list02{margin-bottom: 30px;}
.under main .list02 li{counter-increment: li; padding-left: 30px;position: relative;margin-bottom: 10px;}
.under main .list02 li::before{ content: counter(li);position: absolute;width: 22px;height: 22px;display: flex;justify-content: center;align-items: center;border-radius: 50%;left: 0; top: 0.7rem; background-color: var(--mcolor);font-size: 12px;font-weight: bold;color: #FFF;line-height: 22px;}

/* LIST CHECK */
.under main .list_check{margin-bottom: 30px;}
.under main .list_check li{display:block;padding-left:25px;margin-bottom:5px;position:relative}
.under main .list_check li::before{content: ''; display: block; position: absolute; top: 5px; left: 5px; width: 7px; height: 15px; border: solid var(--mcolor); border-width: 0 2px 2px 0; transform: rotate(45deg);}

/* LIST FAQ */
.under main .list_faq{margin-bottom: 30px;}
.under main .list_faq dl{background: #FFF;padding: 15px;box-shadow: 0px 4px 13px rgba(0,0,0,0.2);margin-bottom: 50px}
.under main .list_faq dt{position: relative;font-size: 18px;font-weight: bold;line-height: 1.5em;margin-bottom: 10px;border-bottom: 1px dotted var(--mcolor);display: flex;align-items: center;display: flex;align-items: center;padding-bottom: 15px;}
.under main .list_faq dt span{width: 40px;height: 40px;font-weight: bold;text-align:center;line-height: 1em;background: #fff;border:1px solid var(--mcolor);color: var(--mcolor);margin-right: 15px;display: flex;align-items: center;justify-content: center;text-align: center;padding-bottom: 5px;flex-shrink: 0;}
.under main .list_faq dd{position: relative;padding-left: 50px;min-height: 62px}
.under main .list_faq dd span{position: absolute;top: 5px;left: 0;width: 40px;height: 40px;font-weight: bold;text-align:center;line-height: 1em;color:#fff;background: var(--mcolor);display: flex;align-items: center;justify-content: center;text-align: center;padding-bottom: 5px;flex-shrink: 0;}

/* LIST STEP */
.under main .list_step{margin-bottom: 40px;}
.under main .list_step dl{margin-bottom: 35px;padding-bottom: 50px;position: relative;}
.under main .list_step dl:not(:last-child)::before{background: url('../images/ic-step.png') center /cover no-repeat;width: 80px;height: 30px;position: absolute;bottom: -10px;left: calc(50% - 40px);content: '';}
.under main .list_step dl:last-child{padding-bottom: 0;margin-bottom: 0}
.under main .list_step dt{background: var(--mcolor);color: #fff;font-weight: 500;padding: 10px;}
.under main .list_step dd{padding: 15px;background: #fff;box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15);}

/*============ FRAME ============ */
/* FRAME 01 */
.under main .frame01{border:1px solid var(--mcolor);padding:2rem 3rem;background-color: #f9f5ed;border-radius:1rem;margin-bottom:2rem;}
.under main .frame01.bg1{background-color: #fee6e6;}
.under main .frame01 .list01{padding-left: 0;}
.under main .frame01_tt{font-size: 2.4rem;font-weight: bold;margin-bottom: 0;text-align: center;}
.under main .frame01_tt{font-size: 2.4rem;font-weight: bold;margin-bottom: 0;text-align: center;}
.under main .frame01_tt2{font-size: 2.2rem;font-weight: bold;margin-bottom: 1rem;}
.under main .frame01_price{font-size: 2.4rem;}
.under main .frame01_price .bold{font-size: 2.6rem;}
.under main .frame01_des{font-size: 2.2rem;margin-bottom: 0;text-align: center;}
.under main .frame02{border:1px solid var(--mcolor);padding:2rem 3rem;background-color: #f9f5ed;border-radius:1rem;margin-bottom:2rem;}
.under main .block_report_graph:not(:last-child){margin-bottom: 4rem;}
.under main .u_bnr li a{padding: 10px;display: block;}
.under main .u_bnr li:not(:last-child){border-bottom: 1px dotted var(--mcolor);}
.under main .u_bnr li a:hover{text-decoration: underline;text-underline-offset:4px;color: var(--mcolor);}
/* FRAME PICKUP */
.under main .frame_pick{padding: 2.5rem;background: #e6e6e6;margin-bottom: 5rem;}
.under main .frame_pick .pick_ttl{font-size: 2.4rem;}
.under main .frame_pick .pick_ttl span{font-size: 3.6rem;display: block;}
.under main .link.red{color:var(--red);}
/* IFRAME BOX */
.under main .box_map{width:100%;height:40rem}
.under main .box_map:not(:last-child){margin-bottom: 20px;}
.under main .box_ytb{width: 90rem;height: auto; margin: 0 auto;aspect-ratio: 16/9;max-width: 100%;}
.under main .box_map iframe,
.under main .box_ytb iframe{width:100% !important;height:100%;border:none;outline: none;}

.under main .u_box_full{margin: 10rem 0;}
.under main .min_w150{min-width: 15rem;}

.under main .u_box:not(:last-child){margin-bottom: 6rem;}
.under main .pickup_box{padding: 60px 50px;background-color: #f9f5ed;border-radius: 20px;}
.under main .pickup_box h4{text-align: center;padding: 0;border-bottom: 0;}
.under main .chart_box{max-width: 800px;margin: 0 auto;}
.under main .chart_box_tt{font-size:2rem;padding:5px 10px;background:var(--scolor);margin-bottom: 0;width:fit-content;border-radius: 1rem 1rem 0 0;color:#FFF}
.under main .chart_box .frame01{border-radius:0;border:none}
.under main .chart_list{position: relative;width:fit-content;z-index: 1;margin: 0 auto;padding-right: 8rem;}
.under main .chart_list::after{content:"";position: absolute;width: 20px;height: calc(100% - 4.8rem);background-color: var(--mcolor);left:50%;transform: translateX(-50%);z-index: -1;clip-path: polygon(100% 0, 100% calc(100% - 1.5rem), 50% 100%, 0 calc(100% - 1.5rem), 0 0);bottom:4.8rem}
.under main .chart_list li { position: relative; margin-bottom: 1.8rem; padding: 1rem 1.5rem; border: 0.2rem solid #1e9ae0; background: #fff; color: #333; font-size: 1.6rem; line-height: 1.5; font-weight: bold;}
.under main .chart_list li:last-child{margin-bottom: 0}
.under main .chart_list li .num { font-weight: bold; margin-right: 0.6rem; }
.under main .chart_list li .time { position: absolute; right: -11rem; top: 50%; transform: translateY(-50%); display: inline-block; padding: 0.4rem 1rem; border-radius: 2rem; background: #c7c85b; font-size: 1.3rem; white-space: nowrap; width:9rem;height:auto;text-align: center}
.under main .chart_list li .time::after {content: "";position: absolute;left: -1rem;bottom: -1.8rem;width: 0.2rem;height: calc(100% + 0.6rem);background: #1e9ae0;top:50%;transform: translateY(-50%);}
.under main .chart_list li .time::before {content: "";position: absolute;left: -1.5rem;bottom: -0.9rem;border-left: 0.6rem solid transparent;border-right: 0.6rem solid transparent;border-top: 0.8rem solid #1e9ae0;}
.under main .chart_list li .time span::before {content: "";position: absolute;left: -1.5rem;top: calc(50% - 2.8rem);transform: translateY(-50%);border-left: 0.6rem solid transparent;border-right: 0.6rem solid transparent;border-bottom: 0.8rem solid #1e9ae0;}
.under main .chart_list li:not(:nth-of-type(2)) .time{top:5.2rem}
.under main .chart_list li:nth-of-type(2) .time::after{height: 11.8rem;}
.under main .chart_list li:nth-of-type(2) .time::before{bottom: -4.2rem;}
.under main .chart_list li:nth-of-type(2) .time span:before{top: -3em;}
.under main .chart_list li .time.long span::before{top:0}

.under main .u_bnn{position: relative;}
.under main .u_bnn_img{margin-bottom: 0}
.under main .u_bnn_box{display: flex;align-items: center;justify-content: center;position: absolute;z-index: 2;bottom: 5%;width: 100%;height: 22%;gap: 1.5%;padding-right: 0.5%;}
.under main .u_bnn_box .u_bnn_btn{height: 100%;margin: 0;opacity:0.4}
.under main .u_bnn_box .u_bnn_btn a{display: block;width: 100%;height: 100%;}
.under main .u_bnn_box .u_bnn_btn.tel{width: 28%;}
.under main .u_bnn_box .u_bnn_btn.contact{width: 26%;}
.under main .u_bnn_box .u_bnn_btn.line{width: 26.5%;pointer-events: none;}
/*
.under main .u_bnn_box .u_bnn_btn.tel a{background:red}
.under main .u_bnn_box .u_bnn_btn.contact a{background:yellow}
.under main .u_bnn_box .u_bnn_btn.line a{background:green} */

.under main .date_ct{text-align: right;}
.under main .udr-post{display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px}
.under main .udr-post li{border:2px solid var(--mcolor);padding:2rem;position:relative;border-radius:15px;transition: all 0.3s ease;}
.under main .udr-post .uvcal-img{display:flex;align-items:center;justify-content:center;text-align:center;margin-bottom:10px;aspect-ratio: 1.61/1;overflow:hidden;width: 100%;}
.under main .udr-post .uvcal-tt{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5;font-weight:700}
.under main .udr-post .info{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}
.under main .udr-post .uvcal-cate{background-color:var(--mcolor);color:#fff;font-size:14px;font-weight:500;text-align:center;padding:8px;line-height:1em}
.under main .udr-post .uvcal-cate.cate-2{background-color:var(--blue)}
.under main .udr-post .uvcal-cate.cate-3{background-color:var(--scolor);color: var(--txt);}
.under main .udr-post .uvcal-date{display:block;color:#999;font-size:14px;font-weight:600;line-height:1.4}
.under main .udr-post .upost-lk{position:absolute;top:-2px;left:-2px;width:calc(100% + 4px);height:calc(100% + 4px);z-index:1}
.under main .udr-detail .udtl-item{margin-bottom:50px}
.under main .udr-detail .udtl-item:last-child{margin-bottom:0}
.under main .udr-detail .udtl-img{margin-bottom:10px;text-align:center}
.under main .udr-detail .udtl-img img{max-height:400px}
.under main .udr-detail ol{counter-reset:ol}
.under main .udr-detail ol li{position:relative;padding:0 0 0 16px;margin-bottom:20px;font-size:18px;font-weight:500;letter-spacing:.061em}
.under main .udr-detail ol li::before{content:counter(ol) ".";counter-increment:ol;position:absolute;top:0;left:0;bottom:0}
.under main .udirect-info{ border: 1px solid #e6e6e6;background: #fff;}
.under main .udirect-info dl dt{margin-bottom:20px}
.under main .udirect-info dl dd{display:flex}
.under main .udirect-info .ttl,
.under main .udirect-info .date,
.under main .udirect-info .name,
.under main .udirect-info .txt{margin-bottom:0}
.under main .udirect-info .avt{margin-right:40px;flex-shrink:0}
.under main .udirect-info .avt img{height:100%;object-fit:contain}
.under main .udirect-info .name{font-size:20px;color:var(--mcolor)}
.under main .udirect-info .info_txt{display:flex;align-items:center;gap:40px;margin-bottom:20px}

.under main .btn_ovn{display: flex;justify-content: center;gap: 2rem;}
.under main .btn_ovn .hidden{opacity: 0;}
.under main .btn_ovn > p{margin-bottom: 0;}
.under main .btn_ovn > p a{width: 30rem;}
.under main .u_editor img{max-height: 500px;}
.under main .viewPage a{background-image: none;}
.under main .prevPage a{background-image:url('../images/btn_ic2.png');background-position: left 2.5rem center;}
.btn.active a{background-color: var(--scolor);}
.ovn_img img{max-height: 600px;}

/* ===========  PAGINATION ===========  */
.under main .pagination {display: flex;justify-content: center;flex-wrap: wrap;text-align: center;margin: 3rem auto 0}
.under main .pagination li{margin: 0 0.5rem}
.under main .pagination li a{width:4rem;height: 4rem;text-align: center;border:1px solid  var(--mcolor);background: #fff;display: flex;color: var(--mcolor);justify-content: center;align-items: center;border-radius: 0.5rem;}
.under main .pagination li:hover a,
.under main .pagination li.active a{background: var(--mcolor);color: #fff;}
.under main .pagination li.active a{pointer-events: none;}
.under main .pagination li.disabled {display: none}
.under main .pagination li.arrow a{width: 7rem;}


/* RESET */
.under main table:last-child,
.under main .list_faq:last-child,
.under main .list_faq dl:last-child,
.under main .list01:last-child,
.under main .list01 li:last-child,
.under main .list02:last-child,
.under main .list02 li:last-child,
.under main .list_check:last-child,
.under main .list_check li:last-child,
.under main .list_step:last-child,
.under main .list_step dl:last-child,
.under main section p:last-child,
.under main p:last-child,
.under main .frame01:last-child,
.under main .frame02:last-child,
.under main .frame_pick:last-child{margin-bottom: 0}