@font-face {
    font-family: 'wonjuKR';
    src: url('/skin/basic/images/wonjuKR.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

input:focus {outline:none;}


select::-ms-expand {
    display: none;
}
select {

    -webkit-appearance: none;  /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
    background: url(../images/icon18.png) no-repeat 95% 50%;  /* 화살표 모양의 이미지 */
}
input[type='text']  {

    -webkit-appearance: none;  /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
 
}

/*layout*/

#wrap{width: 100%;font-family : 'Noto Sans KR';}
#header{width: 100%;}
.ha_inner{height: 95px;width: 70%;margin: auto;}
.ha_inner h1{text-align: center;padding-top: 33px;}
.ha_inner .serch_box{float: right;position: relative;margin-top: -40px;}
.ha_inner .serch_box input{width: 320px;height: 45px;box-sizing: border-box;border: 3px solid #218fe6;padding-left: 15px;border-radius: 30px;padding-right: 45px; font-size: 14px;color:#6e6e6e;}
.ha_inner .serch_box img{position: absolute;right: 20px;top: 12px;}
.hb_inner{position: relative;border-top: 1px solid #dfdfdf;}
.hb_inner .nav{width: 100%;display: block;overflow: hidden;border-bottom: 1px solid #dfdfdf;}
.hb_inner .gnb{width: 70%;margin:0 auto;}
.hb_inner .gnb li{width: 16.666%;text-align: center;float: left;box-sizing: border-box;height: 55px;line-height: 55px;} 
.hb_inner .gnb li:hover{border-bottom: 3px solid #218fe6;} 
.hb_inner .gnb li:last-child{border-right: none;} 
.hb_inner .gnb li a{font-size: 20px;color:#333333;font-weight: 500;display: block;width: 100%;border-right: 1px solid #dfdfdf;height: 25px;line-height: 25px; margin-top: 15px;}
.hb_inner .gnb li:hover a{color:#218fe6}
.hb_inner .gnb li:last-child a{border-right: none;}
.all_menu{position: absolute;top: 56px;left: 0px;z-index: 99999;padding: 25px 0;border-bottom: 4px solid #218fe6;width: 100%;background-color: #fff; position:absolute;z-index:99999;display: none;}
.all_menu > ul{width: 70%;margin: auto;}
.all_menu > ul > li{width: 16.666%;height: 336px;float: left;border-right: 1px solid #dfdfdf;box-sizing: border-box;text-align: center;}
.all_menu > ul > li:last-child{border-right: none;}
.all_menu ul li ul{}
.all_menu ul li ul li{margin-bottom: 15px;}
.all_menu ul li ul li:last-child{margin-bottom: 0px;}
.all_menu ul li ul li a{font-size: 16px;color:#555555;}
.all_menu ul li ul li:hover a{color:#218fe6;}
#footer{position: relative;width: 100%;border-top: 1px solid #dfdfdf;}
.f_inner{width: 70%;margin:0 auto;padding: 40px 0;display: block;overflow: hidden;}
.f_inner h1{float: left;margin-right: 60px;}
.f_inner .f_txt{float: left;}
.f_inner .f_txt p{font-size: 14px;color:#999999;}
.f_inner .fs{float: right;}
.f_inner .fs select{border: 2px solid #00af8c;width: 270px;height: 50px;font-size: 16px;color:#00af8c;padding-left: 15px;box-sizing: border-box;}
.f_menu{display: block;overflow: hidden;}
.f_menu li{float: left;height: 15px;line-height: 15px;margin-right: 10px;}
.f_menu li:first-child{border-right: 1px solid #333;padding-right: 10px;}
.f_menu li a{font-size: 15px;color:#333333;}
.f_info{margin: 20px 0;display: block;overflow: hidden;}
.f_info li{font-size: 14px;color:#666666;float: left;margin-right: 20px;}
.f_info li:nth-child(3){clear: both;}
.menu_icon{display:none;}
.serch_icon{display:none;}
.close_icon{display:none;}
.sns_fix{position:fixed;bottom:100px;right:50px;z-index:999;}
.sns_fix ul{}
.sns_fix ul li{}

/*mobile_menu*/
.m_menu{width:360px;height:100%;position:fixed;left:-360px;top:0;background-color:#fff;z-index:999999;overflow-y:scroll;}
.m_menu .h_inner{width:94%;border-bottom:1px solid #e5e5e5;padding:15px 3%;background-color:#3190fe;display:block;overflow:hidden;}
.m_menu .h_inner h1{padding-top:0;float:left;padding-top:5px;}
.m_menu .h_inner h1 img{width:220px;}
.m_menu .h_inner .r_clo{float:right;margin-top:6px;}
.m_menu .ml{padding:0 20px}
.m_menu .ml > li{border-bottom:1px solid #d9d9d9;}
.m_menu .ml > li .de_mm{padding:20px;border-top:1px solid #3190fe;}
.m_menu .ml > li .de_mm li{margin-bottom:10px;}
.m_menu .ml > li .de_mm li:last-child{margin-bottom:0;}
.m_menu .ml > li .de_mm > li > a{font-size:14px;color:#3f3f3f;}
.m_menu .ml > li .de_mm > li:hover > a{color:#3190fe;}
.m_menu .ml > li h2{height:60px;font-size:20px;line-height:60px;padding-left:10px;display:block;cursor:pointer;}
.m_menu .ml > li h2 img{float:right;padding-right:10px;margin-top:25px;}
.m_menu .mn{padding-left:20px;margin-top:20px;}
.m_menu .mn li{margin-bottom:5px;}
.m_menu .mn li a{font-size:14px;color:#747474;}
.m_menu .sm{padding-left:20px;margin-top:20px;}
.m_menu .sm li{float:left;margin-right:5px;}
.m_menu .sm li:last-child{margin-right:0;}
.m_menu .sm li a{}
.de_mm_a{width:94%;background-color:#f5f5f5;padding:15px 3%;margin-top:10px;}
.de_mm_a li a{font-size:14px;color:#595959;}
.de_mm_a > li:hover > a{color:#3190fe;}
.tm{display:inline-table;margin:0 auto;}
.tm ul{display:block;overflow:hidden;}
.tm ul li{margin-right:15px;float:left;}
.tm ul li:last-child{margin-right:0px;}
.tm ul li a{color:#fff;font-size:14px;}
.tm ul li img{margin-right:5px;}





/*main*/
#container{width: 100%;height: 100%;background-repeat:no-repeat;background-position:100% 100%;background-image:url(../images/bg1.jpg);}
#container:after{display: block;content;"";clear: both;}
.content{width: 70%;margin:0 auto;padding-bottom: 80px;}
#visual{width: 100%;overflow: hidden;margin: 50px 0;}
.btn_bg{position: absolute;top: 30px;right: 28px;z-index: 99}
.v_slide{width: 75%;float: left;position: relative;}
.v_banner{width: 100%;}
.v_banner li{background-repeat: no-repeat;background-position: center center;width: 100% !important;height: 550px;border-radius: 10px;background-size:100% 100% !important;}
.q_menu{width: 23%;float: right;}
.q_menu ul{}
.q_menu ul li{width: 100%;height: 170px;border-radius: 0 10px 0 10px;margin-bottom:20px;padding: 20px;box-sizing: border-box;position: relative;}
.q_menu ul li:last-child{margin-bottom:0px;}
.q_menu ul li h2{font-size: 20px;color:#fff;line-height: 1.2;float: left;display: block;overflow: hidden;width: 100%;}
.q_menu ul li h2 span{font-weight: bold;color:#fff;}
.q_menu ul li p{}
.q_menu ul li a{color:#fff;font-size: 16px;width: 75%;float: left;height: 45px;border-radius: 30px;text-align: center;line-height: 45px;box-shadow: 2px 2px 5px #084237;margin-top:10px;}
.q_menu ul li a img{margin-left: 8px;}
.q_menu ul li > img{position: absolute;top: 25px;right: 12px;}
.icon_menu { display: block;overflow: hidden; padding-bottom: 10px; margin-bottom: 30px; }
.icon_menu ul { width: 100%; }
/* .icon_menu ul li{float: left;width: 11.9%;height: 140px;border: 1px solid #eeeeee;background-color: #fff;border-radius: 10px;box-shadow: 2px 2px 3px #dfdfdf;
    margin-right: 2.48%;} */
.icon_menu ul li { float:left; width:11.2%; height: 140px; border: 1px solid #eeeeee; background-color: #fff; border-radius: 10px; box-shadow: 2px 2px 3px #dfdfdf; margin-right: 1.3%; }
.icon_menu ul li:last-child {margin-right: 0; }
.icon_menu ul li img { display: block; margin:0 auto; padding-top: 18px; }
.icon_menu ul li p { font-size: 16px; text-align: center; color:#333333; line-height: 1.3; margin-top: 15px; }
.icon_menu ul li:hover p { color:#218fe6; }
.board_box{margin-bottom: 50px;display: block;overflow: hidden;}
.board_box ul{}
.board_box > ul > li{float: left;width: 48%;margin-right: 4%;border: 1px solid #dfdfdf;border-radius: 10px;box-sizing: border-box;padding: 30px;height:320px;}
.board_box ul li:last-child{margin-right: 0;}
.board_box ul li h2{font-size: 20px;color:#333333;}
.board_box ul li h2 .more{float: right;}
.board_box ul li h2 .more a{font-size: 15px;color:#555555;}
.board_box ul li h2 .more a img{margin-left: 5px;}
.board_box ul li .new{margin-top: 25px;display: block;overflow: hidden;border-bottom: 1px solid #dfdfdf;padding-bottom: 20px;}
.board_box ul li .new .date{width: 70px;height: 65px;border: 1px solid #dfdfdf;border-radius: 10px;float: left;margin-right: 15px;}
.board_box ul li .new .date h1{text-align: center;font-size: 25px;color:#218fe6;padding: 8px 0 5px 0;}
.board_box ul li .new .date h2{text-align: center;color:#333333;font-size: 16px;}
.board_box ul li .new .tit{font-size: 18px;color:#218fe6;margin-bottom:5px;}
.board_box ul li .new p{font-size: 15px;color:#666666;display: inline-block; width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.4; height: 2.6em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;word-break: keep-all; }
.board_box ul li .list{margin-top: 20px;}
.board_box ul li .list li{display: block;overflow: hidden;margin-bottom: 5px;}
.board_box ul li .list li:last-child{margin-bottom:0px;}
.board_box ul li .list li a p{font-size: 16px;color:#666666;width:68%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;float:left;}
.board_box ul li .list li a:hover{color:#218fe6;}
.board_box ul li .list li a span{font-size: 16px;color:#666666;float: right;}
.active_picture{width: 100%;display: block;overflow: hidden;}
.apt{float: left;width: 15%;}
.apt h2{font-size: 30px;font-weight: bold;color:#333333;}
.apt p{font-size: 14px;color:#666666;margin: 20px 0;width:115px;}
.apm{border: 1px solid #218fe6;width: 90px;height: 35px;text-align: center;line-height: 35px;border-radius: 5px;color:#218fe6;font-size: 14px;display:block;}
.apm_small{border: 1px solid #218fe6;width: 70px;height: 30px;text-align: center;line-height: 30px;border-radius: 5px;color:#218fe6;font-size: 13px;display:block;}
.apl{float: left;width: 85%;}
.apl ul{width: 100%;}
.apl ul li{float: left;width: 24%;margin-right: 1.333%;border: 1px solid #dfdfdf;border-radius: 10px;box-sizing: border-box;background-color:#fff;}
.apl ul li:last-child{margin-right: 0;}
.apl ul li img{width: 100%;height: 142px;border-radius: 10px 10px 0 0;}
.apl ul li h2{text-align: center;font-size: 20px;font-weight: bold;color:#3c3c3c;margin:0 auto;margin-top:15px;height: 50px;width:90%;line-height:1.3;display:block;overflow:hidden;}
.apl ul li p{text-align: center;border-bottom: 1px solid #e7e7e7;color:#999;font-size: 15px;padding-bottom:15px;margin:15px 15px 0 15px;overflow: hidden;height:55px;}
.apl ul li span{text-align: center;display: block;font-size: 15px;color:#4482e8;padding: 12px 0;}
.news_tit h2 { margin-bottom:20px; color:#3c3c3c; font-size:30px; font-weight:bold; text-align: center; }
.news_tit > p {position:relative; margin-bottom:10px; text-align: right;}
.news_tit > p > a {display: inline-block;}
.news_wrap { position:relative; margin-bottom:80px; }
.news_wrap_02 { position:relative; margin-bottom:30px; }
.news_list { display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 20px; grid-row-gap: 20px; }
.news_list ul { max-width:100%; padding:30px 30px 10px; background:#F8F8F8; border-radius: 10px; }
.news_list li { padding-bottom:20px; color:#000; font-size:22px; font-weight:700; text-align:center; }
.news_list li img { width:100%; object-fit: cover; }
.news_list li.tit { font-size:18px; font-weight:500; color:#3c3c3c; }




/*sub_layout*/
.ss_menu{width:100%;height: 60px;border-bottom: 1px solid #dddddd;}
.ss_menu > ul{width:100%;margin: auto;}
.ss_menu > ul > li{width: 50%;border-right: 1px solid #dddddd;line-height: 60px;float: left;box-sizing: border-box;}
.ss_menu > ul > li:last-child{border-right:none;}
.dropdown {padding-left: 1%;position: relative;}
.dropdown a{font-size:18px;color:#00af8c;display:block; outline: none;}
.dropdown a img{float:right;margin-right:15px;margin-top:30px;}
.ss_menu .dropdown .dropdown-menu {border: 1px solid #dddddd;border-top:2px solid #00af8c;position: absolute;right: 0px;top:60px;width: 100%;z-index: 99999;background-color:#f4faf9;box-sizing:border-box;}
.ss_menu .dropdown .dropdown-menu li {display: block;width: 96%;height: 40px;padding-left: 3%;}
.ss_menu .dropdown .dropdown-menu li a {display: block;color: #8dbfb5;font-size: 15px;line-height: 40px;}
.ss_menu .dropdown .dropdown-menu li a:hover {display: block;color: #00af8c;font-weight:bold;}

.sub_content{width: 70%;margin: auto;display: block;overflow: hidden;padding-top: 50px;padding-bottom: 80px;}
.sub_visual{background-repeat: no-repeat;background-position: center center;width: 100%;height: 300px;background-size: 100% 100%;}
.sub_visual1{background-image: url(../images/img5.jpg);}
.sub_visual2{background-image: url(../images/img7.jpg);}
.sub_visual3{background-image: url(../images/img11.jpg);}
.sub_visual4{background-image: url(../images/img14.jpg);}
.sub_visual5{background-image: url(../images/img10.jpg);}
.sub_visual6{background-image: url(../images/img13.jpg);}
.left_menu{float: left;width: 18%;border: 1px solid #e7e7e7;border-radius: 15px 0 15px 0;}
.left_menu h2{background-repeat: no-repeat;background-position: center center;background-image: url(../images/icon25.png);text-align: center;font-size: 26px;color:#fff;border-radius: 15px 0 0 0;height: 87px;line-height: 87px;}
.left_menu ul{padding: 0 18px;padding-bottom: 30px;}
.left_menu ul li{height: 60px;line-height: 60px;border-bottom: 1px solid #e7e7e7;text-align: center;cursor:pointer;}
.left_menu ul li:last-child{border-bottom: none;}
.left_menu ul li a{font-size: 16px;color:#a1a1a1;display:block;}
.left_menu ul li.on{background-repeat: no-repeat;background-position:0 58px;background-image: url(../images/icon27.png);}
.left_menu ul li.on a{font-size: 16px;color:#1d91a5;}
.sub_con{float: right;width: 77%;}
.sub_con .sc_top{display:block;overflow: hidden;margin-bottom: 50px;}
.sub_con .sc_top h2{font-size: 35px;font-weight: bold;color:#2b2b2b;line-height: 1.2;float: left;}
.sub_con > img{width: 100%;margin-bottom: 50px;}
.sub_con .pimg{width: 100%;margin-bottom: 50px;}
.sub_con .pimg img{width: 100%;}
.sub_con > p{font-size: 16px;color:#333333;word-break: keep-all;}
.navi{float: right;}
.navi ul{}
.navi ul li{float: left;font-size: 15px;color:#555555;margin-left: 10px;}
.sb{display: block;overflow: hidden;margin-bottom: 30px;}
.sb h2{font-size: 25px;font-weight: bold;color:#2b2b2b;margin-bottom: 20px;}
.sb h2 img{margin-right: 10px;}
.sb > img{width: 100%;}
.ss_menu{display:none;}
.mimg{display:none;}

/*sub*/
.ci{width: 100%;border: 4px solid #eeeeee;padding: 25px 15px;box-sizing: border-box;display: block;overflow: hidden;}
.ci li{margin-bottom: 10px;display: block;overflow: hidden;}
.ci li p{font-size: 15px;color:#555555;float: left;width: 95%;word-break: keep-all;}
.ci li:last-child{margin-bottom: 0px;}
.ci li .i{float: left;margin-top: 9px;width: 2%;}
.ci li .m_pg{display:none;}
.table{width: 100%;border-top: 2px solid #00af8c;}
.table th{height: 55px;border-bottom: 1px solid #ccdddb;background-color: #f4fbfa;font-size: 16px;color:#555555;text-align: center; border-right: 1px solid #ccdddb;}
.table th:last-child{border-right:none}
.table td{color:#555555;font-size: 16px;text-align: center;border-bottom: 1px solid #ccdddb;border-right: 1px solid #ccdddb;height: 50px; word-break: keep-all;}
.table ul{}
.table ul li{float:left;color:#555555;font-size:16px;margin-right:15px;}
.table ul li a{font-size:16px;}
.mt td{padding:20px;}
.summary td{padding:0 20px;}
.summary td:nth-child(2){text-align: left;}
table td:last-child{border-right:none;}
.history td:last-child{text-align: left;padding-left: 20px;}
.sub_menu{display: block;overflow: hidden;margin-bottom: 50px;}
.sub_menu ul{border: 1px solid #dddddd;border-radius: 10px;height: 65px;}
.sub_menu ul li{float: left;width: 33.3%;text-align: center;border-right: 1px solid #dddddd;box-sizing: border-box;height: 65px;line-height: 65px; cursor:pointer;}
.master{margin-bottom:30px;}
.master ul li{width:16.666%;}
.sub_menu ul li a img{width: 40px;margin-right: 5px;vertical-align: middle;margin-top: -3px;}
.sub_menu ul li:last-child{border-right: none;}
.sub_menu ul li a{font-size: 16px;color:#333333;font-weight: 500;display:block;}
.sub_menu ul li.on a{color:#218fe6;}
.tab2 li{width: 50% !important;}
.sb_btn{width: 370px;height: 55px;border-radius: 10px;background-color: #00af8c;text-align: center;line-height: 55px;margin:0 auto;margin-top: 50px;}
.sb_btn a{font-size: 25px;color:#fff;}
.ssb{float:right;margin-bottom:30px;display:block;overflow:hidden;}
.ssb select{width:105px;height:45px;border:1px solid #dddddd;float:left;padding-left:10px;border-radius:5px;margin-right:10px;}
.ssb img{}
.master_list{display:block;overflow:hidden;width:100%;}
.master_list ul{display:block;overflow:hidden;} 
.master_list ul li{float:left;border:1px solid #dddddd;box-sizing:border-box;width:24%;margin-right:1.333%;border-radius:10px;padding:30px 0; margin-bottom:20px;} 
.master_list ul li:nth-child(4n){margin-right:0;} 
.master_list ul li img{display:block;margin:0 auto;height: 148px;} 
.master_list ul li p{text-align:center;font-size:18px;color:#555;} 
.master_list ul li span{display:block;text-align:center;font-size:16px;color:#666;} 
.new_view{width:100%;height:250px;margin-bottom:30px;}
.new_view > li{width:49%;margin-right:2%;float:left;height:250px;}
.new_view > li:last-child{margin-right:0;border-top:2px solid #00af8c;border-bottom:1px solid #dddddd;}
.new_view > li > img{width:100%;height:250px;}
.view_info{width:90%;margin:0 auto;}
.view_info h2{font-size:22px;color:#00af8c;font-weight:bold;margin-top:30px;margin-bottom:25px;}
.view_info ul{}
.view_info ul li{color:#333333;font-size:16px;}
.view_info ul li span{width:100px;display:inline-block;color:#333333;font-size:16px;margin-bottom:5px;}
.view_info ul li span img{margin-right:5px;}
.mtb{display:none;}
.tb_bold{font-weight:600; margin:10px 0 15px 0;}



.write_body img {width:100%; height: auto !important;}
.jang_area { margin-top:60px; }


/* 2026.10.27 */
.banner {
    height: clamp(240px, 38.91vw, 400px);
    position: relative;
    overflow: hidden;
    background: #fff;
    border-radius: 2px;
    margin-bottom: 54px;
}
.banner:before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(
            ellipse 28% 72% at 66% 58%,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0) 54%,
            rgba(255, 255, 255, 0.42) 78%,
            rgba(255, 255, 255, 0.66) 100%
        ),
        linear-gradient(
            90deg,
            #fff 0%,
            rgba(255, 255, 255, 0.96) 18%,
            rgba(255, 255, 255, 0.7) 30%,
            rgba(255, 255, 255, 0.16) 42%,
            rgba(255, 255, 255, 0) 50%
        );
    z-index: 1;
}
.banner:after {
    display: none;
}
.banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    filter: none;
}
.banner-copy {
    position: absolute;
    left: clamp(22px, 5.06vw, 52px);
    top: clamp(42px, 8.95vw, 92px);
    z-index: 2;
    color: #163f5d;
}
.banner-copy small {
    display: none;
}
.banner-copy h1 {
    margin: 0;
    font-size: clamp(27px, 4.67vw, 48px);
    line-height: 1.22;
    letter-spacing: -0.085em;
    white-space: nowrap;
	font-weight: 700;
}
.banner-copy h1 strong {
    color: #2f7fa5;
}
.body {
    border-top: 1px solid #e8e8e8;
    padding: 38px clamp(18px, 4.67vw, 48px) 0;
}
.body h3 {
    margin: 0 0 18px;
    font-size: clamp(20px, 2.63vw, 27px);
    color: #333;
    letter-spacing: -0.06em;
	font-weight: 700;
}
.body p {
    margin: 0 0 17px;
    font-size: clamp(15px, 1.95vw, 20px);
    line-height: 1.9;
    letter-spacing: -0.045em;
    word-break: keep-all;
}
.body .sign {
    text-align: right;
    margin-top: 36px;
    font-size: 18px;
    font-weight: 700;
    color: #333;
}
.body .sign strong {
    font-size: clamp(24px, 2.92vw, 30px);
    color: #173f5f;
    margin-left: 10px;
    letter-spacing: -0.08em;
}

@media (max-width: 640px) {
    .banner {
        height: clamp(230px, 58vw, 300px);
        margin-bottom: 28px;
    }

    .banner-copy {
        left: 20px;
        top: 50%;
        transform: translateY(-50%);
        max-width: 75%;
    }

    .banner-copy h1 {
        font-size: clamp(23px, 6.7vw, 32px);
        line-height: 1.2;
        white-space: normal;
    }

    .body {
        padding: 24px 20px 0;
    }

    .body h3 {
        font-size: clamp(19px, 5.2vw, 24px);
        line-height: 1.45;
        margin-bottom: 18px;
    }

    .body p {
        font-size: clamp(15px, 4.2vw, 18px);
        line-height: 1.85;
        margin-bottom: 15px;
    }

    .body .sign {
        margin-top: 28px;
        font-size: 14px;
    }

    .body .sign strong {
        font-size: clamp(23px, 6.2vw, 28px);
    }
}

@media (max-width: 380px) {
    .banner-copy {
        left: 16px;
        max-width: 78%;
    }

    .banner-copy h1 {
        font-size: 23px;
    }

    .body {
        padding-left: 16px;
        padding-right: 16px;
    }
}