@import url('https://webfontworld.github.io/SCoreDream/SCoreDream.css'); 

.inner{width:100%; max-width:var(--container); margin: auto;}
.inner2{width:100%; max-width:140rem; margin: auto;}

.sub_menu{margin-top: 6rem; padding:5rem 0 0 0}
.sub_menu ul{display: flex; padding:5rem 0;  justify-content: center;}
.sub_menu ul li{text-align: center;}
.sub_menu ul li a{display: block; font-weight: bold; padding:1rem 3rem; transition: all 0.2s; position: relative;}
.sub_menu ul li a::before{content: ''; width: 0%; height: 3px; background: var(--main_color); position: absolute; bottom: 0; left: 50%; opacity: 0; transition: all 0.5s;}
.sub_menu ul li a:hover,
.sub_menu_on{color:var(--main_color);  position: relative;}
.sub_menu ul li a:hover::before,
.sub_menu_on::before{opacity: 1 !important; width:100% !important; left: 0 !important;}

.sub_con{min-height: 50rem; padding:0 0 10rem 0}

/* title */
.h3{font-weight:bold; font-size: 3.6rem; text-align: left; position:relative; text-align: center;}
.h4{padding-top:1rem; font-weight: bold; font-size: 3rem; text-align: center; position: relative; padding: 1rem 0 3rem 0;}
.h4::before{content: ''; width: 3rem; height: 0.5rem; background: var(--point_color); position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.h5{font-weight: bold; font-size: 2rem; text-align: left; color:var(--main_color); padding: 0 0 1rem 0;}
.h6{font-weight: bold; font-size: 1rem; text-align: center;}
.s_tit{font-weight: normal; font-size: 3.6rem; text-align: center; color:var(--sub_color);}

/* table */
.table{border-top: 2px solid #000;border-bottom: 2px solid #000; margin-bottom: 3rem;}
.table tr:first-child{border-bottom: 2px solid #000;}
.table2 tr:first-child{border-bottom: none}
.table th{font-weight: bold; background: #eae8f3;}
.table th,
.table td{padding:1rem 2rem; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center;}
.table th:last-child,
.table td:last-child{border-right: none;}

/* list */
.ol_list{padding: 0 0 0 1rem;}
.ol_list li{list-style-type: decimal; padding: .2rem 0;}
.ul_list{padding:0 0 0 1rem}
.ul_list li{list-style: none; position: relative; padding: 0 0 0 1rem}
.ul_list li::before{content: ''; width: .5rem; height: .5rem; border-radius: 100%; background: var(--main_color); position: absolute; top: .7rem; left: 0;}


/* scroll up */
.scrollup {width: 5rem;height: 5rem;position: fixed;bottom: 2rem;right: 2rem;background-color:var(--main_color);text-align: center; padding: 1rem;color: #fff;z-index: 100;    display: none;    border-radius: 50%; transition: all 0.5s;}
.scrollup:hover{background-color: var(--sub_color);}
.scrollup img{width: 50%;}



footer{background: #2b2b2b; color:#fff; padding:7rem 0; font-size: 1.4rem; }
footer .inner{display: flex; }
footer .inner img{margin-right: 5rem;}
footer .inner address span{font-size: 1.2rem; color:#ccc}

.inquiry_form{max-width:50rem; margin: auto;}
.input-container {display: flex; width: 100%; margin-bottom: 2rem;  }
.icon{padding:10px; background:var(--main_color); color:#fff; min-width: 5rem; text-align: center;  }
.input-field { width: 100%; padding: 10px; outline: none;  border: 1px solid #ccc; }
.input-field:focus {border:1px solid var(--main_color);  }
.inquiry_btn {background-color:var(--main_color); color:#fff; padding: 15px 20px; border: none; cursor: pointer; width: 100%; opacity: 0.9;  }
.inquiry_btn:hover {opacity: 1;}

.inquiry_option{padding:3rem 0}

.check_con {display: inline-block; position: relative; padding-left: 3rem; margin:0 0 1rem 1rem; cursor: pointer; user-select: none;}
.check_con input{position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.checkmark {position: absolute; top: 0; left: 0; height: 2rem; width: 2rem; background-color: #eee; }
.check_con:hover input ~ .checkmark {background-color: #ccc }
.check_con input:checked ~ .checkmark {background-color:var(--main_color)}
.checkmark:after {content: ""; position: absolute; display: none;}
.check_con input:checked ~ .checkmark:after {display: block;}
.check_con .checkmark:after {left: 9px; top: 5px; width: 5px; height: 10px; border: solid #fff; border-width: 0 3px 3px 0; transform: rotate(45deg);  }


.about{width:100%; height: 59.4rem; background:url(../images/sub01/about_bg.jpg) no-repeat center; position: relative; font-family: 'SCoreDream';}
.about p{color:#00a8d0; font-size: 9rem; text-align: center; position: absolute; top: 7rem; right:20rem}
.about p img{display: block; margin:auto;}
.about p span{font-weight: bold;}
.about dl{color:#fff; position: absolute; bottom: 5rem; left: 6.5rem;}
.about dl dt{font-size: 3.6rem;}
.about dl dt span{font-weight: bold;}
.about dl dd{font-size: 2rem;}

.about_list{display: flex; justify-content: center; color:#003887; font-family: 'SCoreDream'; padding:5.5rem 0; max-width: 100rem; margin: auto;}
.about_list li{flex:1; text-align: center; padding:2rem;  border-radius: 5rem; position: relative; }
.about_list li:first-child::before{content: ''; width: 100%; height: 100%; border-top: 3px solid #0a408c; border-right: 3px solid #0a408c; border-radius: 5rem; position: absolute; top: 0; left: 0;}

.about_list li:nth-child(odd){background:#e6f1ff;}
.about_list li:nth-child(even){margin-top: 17rem;}
.about_list li p{font-weight: bold; font-size: 3.6rem; padding:0 0 4rem 0}
.about_list li span{font-size: 2rem;}
.about_list li em{display: block; padding:6rem 0 2rem 0}

.about_tit{font-family:  'SCoreDream'; font-weight: 900; color:#003887; font-size:3.6rem ; text-align: center; padding: 5rem 0 0 0;}




.map{display: flex; gap:5rem}
.map_area{width:70%}
.map_text{width:calc(30% - 5rem)}
.map_text h2{font-weight: bold; font-size: 4rem; line-height: 1.2; padding:0 0 2rem 0}
.map_text h2 span{display: block; font-size: 1.4rem; color:#666 }
.map_text dl{display: flex; color:#666; font-size: 1.6rem; padding:0 0 1rem 0}
.map_text dl dt{width: 30%; font-weight:bold;}

.half_section{display: flex; gap:3rem}
.half_section > div{flex:1}

.inquiry_tit{text-align: center; padding: 5rem; border: 1px solid #ccc; overflow: hidden;}
.inquiry_tit dt{font-weight: bold; font-size: 2rem; padding: 0 0 2rem 0;}
.inquiry_tit dd{font-size: 1.6rem;}