/*==========================================================
                        C U S T O M
==========================================================*/
.under main .image_l{float:left;margin:0 40px 0 0}
.under main .image_r{float:right;margin:0 0 0 40px}
.under main section img {border-radius: 20px;}
/* MB */
.under main .mb10{margin-bottom:10px!important;}
.under main .mb15{margin-bottom:15px!important;}
.under main .mb20{margin-bottom:20px!important;}
.under main .mb25{margin-bottom:25px!important;}
.under main .mb30{margin-bottom:30px!important;}
.under main .mb40{margin-bottom:40px!important;}
.under main .mb50{margin-bottom:50px!important;}
.under main .mb60{margin-bottom:60px!important;}
.under main .mb70{margin-bottom:70px!important;}
.under main .mb80{margin-bottom:80px!important;}
.under main .mb90{margin-bottom:90px!important;}
.under main .mb100{margin-bottom:100px}
.under main .mb120{margin-bottom:120px}
.under main .mb150{margin-bottom:150px}

/* 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}

/*==========================================================
                        H E A D I N G
==========================================================*/
.under main h2,
.under main h3,
.under main h4,
.under main h5,
.under main h6,
.under main .ovn_content h3,
.under main .ovn_content h4,
.under main .ovn_content h5,
.under main .ovn_content h6{font-weight: 800;margin-bottom: 30px;}

.under main h2{font-size: 60px; margin-bottom: 0;font-weight: 800;color: var(--mcolor);line-height: 1.2em;}

.under main h3, .under main .ovn_content h3 { font-size: 50px; font-weight: 800; color: var(--brown-dark); margin: 0 0 9px; }

.under main h4, .under main .ovn_content h4 { font-size: 44px; position: relative; padding-left: 15px; color: var(--brown); background: var(--scolor); border-radius: 200px; padding: 15px 40px 17px 60px;line-height: 1.3em;margin-bottom: 40px; }

.under main h5,
.under main .ovn_content h5{font-size:38px;color: var(--brown-grape);margin: 0 0 16px;}

.under main h6,
.under main .ovn_content h6{font-size: 28px;position: relative;color: #333333;margin-bottom: 17px;}

/*==========================================================
                      MAIN - CONTENT
==========================================================*/
.under main #content{padding: 0 0 120px;word-break: break-word;}
.under main section{padding:0 0 107px;margin-bottom:0}
.under main section:last-child{padding:0}

/* LINK + BUTTON TOP */
.under main .link{text-decoration: underline;color: var(--mcolor);text-underline-offset: 3px; }

/*============ TOP INFO ============ */
.under main #top_info{height:450px;width:100%;margin:0 auto;background:url('../images/top_info_bg.svg') no-repeat top 200px center /1920px auto #fef6b2;display: flex;align-items: center;padding-top: 68px;}
.under main #top_info .inner{padding-left: 415px;align-items: flex-start;}
.under.under_full main #top_info .inner{padding-left: 15px;}

/*==========================================================
                    T O P I C   P A T H
==========================================================*/
.under main #topic_path{margin:-88px 0 93px}
.under main #topic_path .inner{align-items: flex-start;padding-left: 415px;}
.under.under_full main #topic_path .inner{padding-left: 15px;}
.under main #topic_path ul{display:block;padding:10px 0}
.under main #topic_path li{display:inline;position: relative;color: #4d493b;font-size: 16px;letter-spacing: -0.075em;}
.under main #topic_path li:not(:last-child)::after{content:">";position:relative;display: inline-block;margin: 0 14px 0 17px;pointer-events: none;}
.under main #topic_path li a{text-underline-offset: 3px;color: #4d493b;}


/*============ 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;max-width: 100%;}
.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;}
.under main table.mailform th,
.under main table th{background:var(--scolor);color:var(--brown-grape);font-weight: 500;line-height: 1.5em;}
.under main table.mailform td .info{color:var(--mcolor)}

.under main table td{border-color:#8d7d36;background:#fff;}
.under main table th,
.under main table td{padding:7px 15px;}
.under main table img{display:block;margin:auto;}

.under main table th{border-color: #8d7d36;}
.under main table th.tb_thbg1{color: var(--brown);background: #f7f7f7;}
.under main table:not(.center) th.tb_thbg1{text-align: left;}
.under main table.mailform th,
.under main table.tb_block th{border-color: #8d7d36;}
.under main table.mailform tr:first-child th,
.under main table.tb_block tr:first-child th{border-color: #8d7d36;}  
.under main table.mailform tr:last-child th,
.under main table.tb_block tr:last-child th{border-color: #8d7d36;}
.under main .tb_scroll:not(:last-child) {margin-bottom: 30px;}

/*============ LIST ============ */
/* LIST 01 */
.under main .list01,
.under main .ovn_content ul{margin-bottom: 30px;}
.under main .list01 li,
.under main .ovn_content ul li{display:block;padding-left:20px;margin-bottom:4px;position:relative;overflow: hidden;}
.under main .list01 li::before,
.under main .ovn_content ul li::before{background:var(--scolor);width:8px;height:8px;position:absolute;top:14px;left:0;content:'';border-radius: 50%;}

.under main .ovn_content .ovn_list_ac {
	padding: 30px 30px 0;
	border: 4px solid var(--scolor);
	border-radius: 20px;
	margin: 10px 10px 80px;
}

.under main .ovn_content .ovn_list_ac ol {
	counter-reset: item;
}
.under main .ovn_content .ovn_list_ac ol > li {
  counter-increment: item;
  list-style: none;
  position: relative;
}
.under main .ovn_content .ovn_list_ac ol > li::before {
  content: counter(item);
}
.under main .ovn_content .ovn_list_ac ul {
	    margin-bottom: 0px;
}
.under main .ovn_content .ovn_list_ac ul li{
	padding-left: 20px;
}
.under main .ovn_content .ovn_list_ac ul li::before {
    background: var(--scolor);
    width: 8px;
    height: 8px;
    position: absolute;
    top: 14px;
    left: 0;
    content: '';
    border-radius: 50%;
}
.under main .ovn_content .ovn_list_ac a:hover {
	color: var(--mcolor);
}

/* LIST 02 */
.under main .list02,
.under main .ovn_content ol{margin-bottom: 30px;}
.under main .list02 > li,
.under main .ovn_content ol li{counter-increment: li; padding-left: 30px;position: relative;margin-bottom: 10px;}
.under main .list02 > li::before,
.under main .ovn_content ol 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: 6px; 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: 8px; 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;background: url("../images/sec05_bg.jpg");border-radius: 20px;padding: 50px 60px 80px;}
.under main .list_faq dl { background: #FFF; padding: 30px 30px 27px; margin-bottom: 40px; border-radius: 20px; }
.under main .list_faq dt { position: relative;margin-bottom: 22px; border-bottom: 1px solid #e5e5e5; display: flex ; align-items: center; padding-bottom: 12px; font-weight: 500; color: var(--brown-dark); }
.under main .list_faq dt span.num { border-radius: 50%; width: 40px; height: 40px; font-weight: 800; line-height: 1em; background: #65a0c4; color: #fff; margin-right: 21px; display: flex ; align-items: center; justify-content: center; text-align: center; padding-bottom: 3px; font-size: 24px; flex-shrink: 0; }
.under main .list_faq dd{position: relative;padding-left: 61px;min-height: 62px}
.under main .list_faq dd span.num { font-size: 24px; position: absolute; top: -5px; left: 0; width: 40px; height: 40px; font-weight: 800; line-height: 1em; color: #fff; background: var(--mcolor); display: flex ; align-items: center; justify-content: center; text-align: center; padding-bottom: 3px; border-radius: 50%; }

/* LIST STEP */
.under main .list_step dl { margin-bottom: 110px; position: relative; border: 4px solid var(--scolor); border-radius: 20px; }
.under main .list_step dl:not(:last-child)::before{background: url('../images/ic_step.svg') center /cover no-repeat;width: 180px;height: 60px;position: absolute;top: calc(100% + 34px);left: calc(50% - 90px);content: '';}
.under main .list_step dl:last-child{padding-bottom: 0;margin-bottom: 0}
.under main .list_step dt { background: #fff9ce; font-size: 28px; color: var(--brown); font-weight: 800; display: flex ; border-top-left-radius: 18px; border-top-right-radius: 18px; padding: 19px 26px; align-items: center; line-height: 1.3em; }
.under main .list_step dt .num { flex-shrink: 0; width: 120px; height: 40px; display: flex ; justify-content: center; align-items: center; background: var(--scolor); border-radius: 50px; font-size: 85.72%; color: var(--brown-grape); margin-right: 20px; }
.under main .list_step dd { padding: 19px 27px 31px; }

/*============ FRAME ============ */
/* FRAME 01 */
.under main .frame01{border:4px solid #feec6c;padding:37px 46px;border-radius:20px;margin-bottom: 50px;}

/* FRAME PICKUP */
.under main .frame_pick{padding: 40px 0 40px 40px;margin-bottom: 50px;position: relative;z-index: 2;}
.under main .frame_pick:after{content: '';position: absolute;width: 100vw;height: 100%;left: 0;top: 0;z-index: -2;pointer-events: none;background: url("../images/pick_bg.svg") repeat-x left -15px bottom/auto 95px #f5f9fc;border-radius: 20px;}
.under main .frame_pick .pick_ttl { font-size: 28px; display: flex ; background: #e0ecf3;border-radius: 0; border-top-left-radius: 20px; border-top-right-radius: 20px; font-weight: 800; color: var(--blue-dark); position: relative;z-index: 2;padding: 26px 15px 22px 38px;margin: 0;line-height: 1.5em;}
.under main .frame_pick .pick_ttl .en { font-size: 114.28%; color: #65a0c4; flex-shrink: 0; margin-right: 27px; }
.under main .frame_pick .pick_ttl .en span {position: relative;}
.under main .frame_pick .pick_ttl .en span:after {content: '';position: absolute;width: 34px;height: 34px;background: #fff;left: calc(50% - 17px);top: calc(50% - 17px);border-radius: 50%;z-index: -2;pointer-events: none;}
.pick_main { background: #fff; border-radius: 20px;box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);}
.pick_info { padding: 21px 30px 45px; }

/* IFRAME BOX */
.under main .box_map{width:100%;height:400px}
.under main .box_ytb{width: 900px;height: auto; margin: 0 auto;aspect-ratio: 16/9;max-width: 100%;}
.under main .box_ytb:not(:last-child){margin-bottom: 30px;}
.under main .box_map iframe,
.under main .box_ytb iframe{width:100%;height:100%;border:none;outline: none;}

/* ===========  OVERNOTE ===========  */
.under main .list_ovn {display: flex;flex-wrap: wrap;max-width: 100%;}
.under main .list_ovn .sec06_item, .under main .list_ovn .ovn_item {position: relative;margin: 0 40px 40px 0;width: calc((100% - 80px) / 3);}
.under main .list_ovn .sec06_item_main {width: 100%;background: var(--yellow-light);height: 410px;}
.sec06_item_btn { margin: 0 0 0 auto; width: 200px; background: url("../images/ic_arr.svg") no-repeat right 15px center/8px auto var(--mcolor); text-align: center; color: #fff; border-radius: 40px; font-weight: 700; padding: 7px 10px;display: block;}
.under main .list_ovn li p {margin-bottom: 0;}
.under main .list_ovn li a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.under main .list_ovn .info_box {display: flex;justify-content: space-between;margin: 10px 0 15px;}
.under main .list_ovn .info_box .cate{padding: 0 15px;background: var(--mcolor);color: #fff;border-radius: 5px;}
.under main .list_ovn .big {max-width: 100%;overflow: hidden;text-overflow: ellipsis;height: 70px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;margin: 0 0 20px;font-weight: 600;}

.under main .list_ovn li .img { aspect-ratio: 3 / 2; display: flex ; justify-content: center; align-items: center; background: var(--gray); overflow: hidden; margin: 0 0 20px;border-radius: 20px;}
.under main .list_ovn li .img img {max-height: 100%;border-radius: 0;}

.under main .ovn_content p a {text-decoration: underline;color: var(--blue);}
.under main .ovn_content img {max-height: 500px;}

.under main .btn_list .is_next a {background-image: url("../images/ic_prev.svg");background-position:  left 40px center;background-size: 10px auto;}
.under main .btn_list  a {background-color: var(--mcolor);border-color: var(--mcolor);}
.under main .btn_list .is_none a {background-image: none!important;}

.under main .ovn_content .info_img_list { display: flex ; justify-content: center; margin: 0 0 20px; }
.under main .ovn_content .info_img_list li  {width: 400px;height: 300px;background: #f0f0f0;display: flex;justify-content: center;align-items: center;border-radius: 20px;overflow: visible;padding: 0;}
.under main .ovn_content .info_img_list li .img { width: 100%; height: 100%; display: flex ; justify-content: center; align-items: center; border-radius: 20px; overflow: hidden; }
.under main .ovn_content .info_img_list li img {flex-shrink: 0;max-height: 100%!important;border-radius: 0;margin: 0;}
.under main .ovn_content .info_img_list li:not(:last-child) {position: relative;margin-right: 60px;}
.under main .ovn_content .info_img_list li:not(:last-child):after {content: '';position: absolute;clip-path: polygon(0 0, 0% 100%, 100% 50%);width: 30px;height: 60px;top: calc(50% - 30px);left: calc(100% + 15px);background: var(--mcolor);}
.under main .ovn_content .info_img_list li:before {display: none;}
.info_box:not(:last-child) {margin-bottom: 40px;}
/* ===========  PAGINATION OVN ===========  */
.under main .pagination {display: flex;justify-content: center;flex-wrap: wrap;text-align: center;margin: 30px auto 0}
.under main .pagination li {margin: 0 10px}
.under main .pagination li a {width: 40px;height: 40px;text-align: center;border: 1px solid var(--mcolor);background: #fff;display: flex;color: var(--mcolor);justify-content: center;align-items: center;border-radius: 5px;}
.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 .under_anc { position: absolute; left: calc(50% - 700px); top: -277px; background: #fff; z-index: 10; width: 320px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);border-radius: 20px;}
.under:not(.under_full) main .under_main {width: 1000px;}
.under_anc_ttl { font-size: 20px; font-weight: 800; color: var(--brown);background: #fff9ce;padding: 11px 0 9px 25px; margin: 0;border-top-left-radius: 20px;border-top-right-radius: 20px;}
.under_anc_link a { font-size: 16px; display: inline-block; position: relative; padding-left: 20px; }
.under_anc_link a:before {content: '';position: absolute;width: 8px;height: 8px;background: var(--mcolor);left: 0;top: 9px;border-radius: 50%;}
.under_anc_main { padding: 24px 20px 28px 30px; }
.under_anc_link li { line-height: 1.5em; margin: 0 0 13px; }
.under_anc_link li:last-child {margin-bottom: 0;}
.under_anc_link li.active a {color: var(--mcolor);cursor: context-menu;}

.under main .txt_over {overflow: hidden;}
.under main .under_h3_img { margin: 0; position: absolute; left: calc(100% + 40px); top: 13px; width: max-content; }
.under main .under_h3_img.image_r img {border-top-right-radius: 0;border-bottom-right-radius: 0;}
.under_h3_box:not(.box_full) { width: 560px; position: relative; }
.under main section p:not([class]):last-child {overflow: hidden;}
.under_bnr {display: flex;justify-content: center;flex-wrap: wrap;}
.under_bnr li {width: calc((100% - 30px)/2);margin: 0 30px 20px 0;}
.under_bnr li.bnr_lager {width: 100%;max-width: 500px;margin: 0 auto!important;}
.under_bnr li a {display: flex;justify-content: center;align-items: center;text-align: center;font-size: 28px;font-weight: 800;color: #fff;background:url("../images/ic_arr.svg") no-repeat right 20px center/14px auto var(--green-lawn);border: 2px solid var(--green-lawn); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);height: 120px;border-radius: 20px;position: relative;}
.under_bnr li.bnr_buy a {background-color: var(--green-light);border-color: var(--green-light);}
.under_bnr li.bnr_management a {background-color: var(--green-sea); border-color: var(--green-sea);}
.under_bnr li.bnr_loan a {background-color: var(--orange); border-color: var(--orange);}

.under_bnr li a[target="_blank"] {background-color: var(--scolor);border-color: var(--scolor); color: var(--brown); background-image: url(../images/ic_blank_02.svg);background-size: 18px auto;background-position: right 15px center;}

.under_col { display: flex ; flex-wrap: wrap;border: 1px solid #8d7d36;}
.under_col:not(:last-child) {margin-bottom: 30px;}
.under_col_item { width: 50%;}
.under_col_item:nth-child(odd) {border-right: 1px solid #8d7d36;}
.under_col_item dt {text-align: center;background: var(--scolor); color: var(--brown-grape); font-weight: 500;padding: 7px 15px;border-bottom: 1px solid #8d7d36;}
.under_col_item dd {padding: 15px;}

.contact_frame { display: flex ; justify-content: space-between; max-width: 1000px; margin: 0 auto 20px; }
.contact_frame_col { width: calc(50% - 30px); text-align: center; background: var(--yellow-light);padding: 30px; border-radius: 20px;display: flex;flex-direction: column;justify-content: center;}
.contact_frame_col_ttl { font-size: 20px; font-weight: 700; margin: 0 0 20px; }
.contact_frame_col_tel a { display: inline-flex ; align-items: center; font-size: 40px; font-weight: 800; color: var(--brown-grape); }
.contact_frame_col_tel a:before { content: ''; position: relative; display: inline-block; background: url(../images/ic_tel.svg) no-repeat center center / 100% auto; width: 30px; height: 30px; margin: 0 10px 0 0; }
.contact_frame_col_tel {margin-bottom: 10px;}
.contact_frame .sec04_btn {display: block; margin-bottom: 20px;}
.contact_frame .sec04_btn li {margin: 0 auto;}
.ovn_content:not(:last-child) {margin-bottom: 60px;}
.staff_img img {max-height: 300px;}
.under main .list_anchor.info_cate .btn a{background-color: var(--mcolor);border-color: var(--mcolor)}
.under main .list_anchor .btn.active a{color: var(--mcolor);pointer-events: none;background-color: #fff;background-image: url("../images/ic_arr_orange.svg");}
.ft_btn.center a {margin: 0 auto;}
.info_box_detail {display: flex;align-items: center;margin-bottom: 30px;}
.info_box_detail .cate {padding: 0 15px;background: var(--mcolor);color: #fff;border-radius: 5px;margin: 0 30px 0 0;}
.under main .list_ovn .info_box .new { color: var(--mcolor); font-weight: 700;opacity: 0;}
.under main .list_ovn .info_box .new.show {opacity: 1;}
.staff_ttl { font-size: 24px; font-weight: 700; line-height: 1.5em; margin: 0 0 30px; }
.contact_scroll { text-align: left; padding: 40px;background: var(--yellow-light);margin-bottom: 20px;color: var(--txt);border-radius: 20px;}
.contact_scroll_main { max-height: 300px; overflow-y: auto;padding-right: 10px;}
.under main .contact_scroll .list02 li {float: none!important;padding-left: 30px!important;}
.under main .contact_scroll .list02:after {display: none;}
.under main .contact_scroll .list02 {padding: 0;}
.company_list_img { display: flex ; flex-wrap: wrap; margin-top: 60px;}
.company_list_img li {width: calc((100% - 60px)/3);margin: 0 30px 30px 0;}
.company_list_img li:nth-child(3n) {margin-right: 0;}

.under_youtube_list {margin: 0 -5px 50px;}
.under_youtube_list .slick-arrow { width: 50px; height: 50px; background: rgb(254 224 10 / 90%); position: absolute; top: calc(50% - 25px); z-index: 2; border-radius: 50%;transition: all 0.3s; }
.under_youtube_list .slick-arrow:before {background: url("../images/ic_prev.svg") no-repeat center center/13px auto;content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 1;}
.under_youtube_list .slick-next:before {background-image: url("../images/ic_arr.svg");}
.under_youtube_item {margin: 0 5px;height: 460px;}
.under_youtube_item iframe {width: 100%;height: 100%;}
.under_youtube_list .slick-next {right: -20px;}
.under_youtube_list .slick-prev {left: -20px;}
.under_youtube_list .slick-dots li button::before {display: none;}
.under_youtube_list .slick-dots li button { background: var(--brown); border-radius: 50%;width: 10px;height: 10px; }
.under_youtube_list .slick-dots li  {width: 10px;height: 10px;margin: 0 10px;}
.under_youtube_list .slick-dots li.slick-active button {background: var(--mcolor);cursor: default;}
.under_youtube_list .slick-dots  {position: relative;bottom: 0;margin-top: 20px;}








/* 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 .frame_pick:last-child{margin-bottom: 0}