/* common */
.sub_visual {position: relative; color: #fff; height: 700px; background: url(../img/sub/sub_visual_company.jpg) no-repeat; background-size: cover; background-position: center;}
.sub_visual.company {background-image: url(../img/sub/sub_visual_company.jpg);}
.sub_visual.instructor {background-image: url(../img/sub/sub_visual_instructor.jpg);}
.sub_visual.lecture {background-image: url(../img/sub/sub_visual_lecture.jpg);}
.sub_visual.contact {background-image: url(../img/sub/sub_visual_contact.jpg);}
.sub_visual .inner_container {height: 100%;}
.sub_visual .centerbox {flex-direction: column; justify-content: center; height: 100%; align-items: center;}
.sub_visual .centerbox .imgbox {margin: 35px 0;}
.subTit_wrap .dfbox {align-items: end; gap: 35px;}
.subTit_wrap .dfbox p {color: #A6A6A6;}
.mb275 {margin-bottom: 275px;}
.mt230 {margin-top: 230px;}


/* company */
.subpage.company {position: relative; overflow: hidden;}
.subpage.company::after {content: ''; background: url(../img/sub/company_logoBg.png) no-repeat; background-size: cover; z-index: -1; width: 915px; height: 589px; position: absolute; right: 0; top: 0; transform: translateY(-30%);}
.subpage.company .cont_container ul.dfbox {justify-content: center; gap: 130px; text-align: center;}
.subpage.company .cont_container ul.dfbox .imgbox {width: auto;}
.subpage.company .cont_container ul.dfbox .imgbox img {border-radius: 50%;}
.subpage.company .cont_container ul.dfbox h4 {margin-top: 40px; color: #FF6E01;}
.subpage.company .cont_container ul.dfbox p {padding-top: 4px;}
.subpage.company .cont_container .dfbox {gap: 40px; justify-content: center;}
.subpage.company .cont_container .dfbox.reverse {flex-direction: row-reverse;}
.subpage.company .cont_container .dfbox .imgbox, .subpage.company .cont_container .dfbox .txtbox {width: calc((100% - 40px) / 2);}
.subpage.company .cont_container .dfbox .imgbox img {border-radius: 30px; overflow: hidden;}
.subpage.company .cont_container .dfbox .txtbox small {color: #FF6E01;}
.subpage.company .cont_container .dfbox .txtbox h4 {margin: 25px 0; line-height: 1.2; word-break: keep-all; white-space: wrap;}
.subpage.company .cont_container .dfbox .txtbox p {line-height: 1.666; word-break: keep-all; white-space: wrap;}
.subpage.company .cont_container .logo_wrap {text-align: center;}
.subpage.company .cont_container .sect02 {margin-top: -130px;}
.subpage.company .cont_container .sect02 .dfbox {align-items: end;}
.subpage.company .cont_container .sect02 .dfbox .txtbox {padding-bottom: 30px;}
.subpage.company .cont_container .sect03 .dfbox {align-items: center;}
.subpage.company .cont_container .sect03 .imgbox {width: auto; margin-left: -9.46%;}


/* contact */
.subpage.contact {position: relative;}
.subpage.contact .cont_container .inner_container>.dfbox {align-items: center; gap: 80px;}
.subpage.contact .left, .subpage.contact .right {width: calc((100% - 80px) / 2);}
.subpage.contact .left img {overflow: hidden; border-radius: 50px}
.subpage.contact .right .input_col {margin-bottom: 20px;}
.subpage.contact .right .input_col p {line-height: 1; position: relative;}
.subpage.contact .right .input_col p span {width: 8px; height: 8px; border-radius: 50%; background-color: #FF6E01; display: inline-block; margin-left: 5px; vertical-align: text-top;}
.subpage.contact .right .input_col input {margin-top: 15px; width: 100%; height: 50px; background-color: #F2F2F2; border: 0; padding: 0 20px;}
.subpage.contact .right .input_col textarea {margin-top: 15px; width: 100%; height: 150px; background-color: #F2F2F2; border: 0; padding: 20px; resize: none;}
.subpage.contact .right .chk_box {align-items: center;}
.subpage.contact .right .chk_box input[type="checkbox"] {display: none;}
.subpage.contact .right .chk_box label {font-size: 17px; font-weight: 400; cursor: pointer;}
.subpage.contact .right .chk_box input + label::before {content: ''; display: inline-block; width: 18px; height: 18px; line-height: 18px; margin-right: 10px; border-radius: 3px; border: 1px solid #BFBFBF; vertical-align: text-top;}
.subpage.contact .right .chk_box input:checked + label::before {content: '\f00c'; font-family: 'Font Awesome 5 free'; font-weight: 900; color: #fff; background-color: #FF6E01; border-color: #FF6E01; font-size: 13px; text-align: center;}
.subpage.contact .right .chk_box a {margin-left: 7px; font-size: 13px; font-weight: 400; color: #FF6E01;}
.subpage.contact .right .chk_box a:hover {text-decoration: underline;}
.subpage.contact .right button {appearance: none; -moz-appearance: none; -webkit-appearance: none; margin-top: 20px; background-color: #FF6E01; border: 0; width: 100%; height: 60px; color: #fff; border: 2px solid transparent;}
.subpage.contact .right button:hover {background-color: transparent; border: 2px solid #FF6E01; color: #FF6E01;}



@media (max-width:1800px) {
	/* company */
	.subpage.company .cont_container .sect03 .imgbox {margin-left: -3.46%;}
}
@media (max-width:1600px) {
	/* common */
	.mb275 {margin-bottom: 16.5vw;}
	.mt230 {margin-top: 12.9vw;}

	/* company */
	.subpage.company::after {width: 765px; height: 492px;}
	.subpage.company .cont_container .sect02 {margin-top: -6.9vw;}
	.subpage.company .cont_container .sect03 .imgbox {margin-left: 0;}
}

@media (max-width:1300px) {
	/* common */
	.sub_visual {height: 600px;}

	/* company */
	.subpage.company::after {width: 615px; height: 396px;}
	.subpage.company .cont_container .sect02 .dfbox .imgbox, .subpage.company .cont_container .sect04 .dfbox .imgbox {text-align: right;}
	.subpage.company .cont_container .dfbox .imgbox img {width: 90%;}
	.subpage.company .cont_container .logo_wrap img {width: 85%;}
	.subpage.company .cont_container ul.dfbox {gap: 60px;}
}

@media (max-width:1024px) {
	/* common */
	.sub_visual {height: 550px;}
	.sub_visual .centerbox .imgbox {margin: 25px 0;}
	.sub_visual .centerbox .imgbox img {width: 36%; text-align: center;}
	.mb275 {margin-bottom: 21.5vw;}
	.mt230 {margin-top: 18.9vw;}

	/* company */
	.subpage.company::after {width: 485px; height: 312px;}
	.subpage.company .cont_container .sect01 .dfbox .txtbox {padding-top: 60px;}
	.subpage.company .cont_container .sect02 {margin-top: 100px;}
	.subpage.company .cont_container .sect03 .dfbox {align-items: start; gap: 20px;}
	.subpage.company .cont_container .sect03 .dfbox .txtbox {padding-left: 0;}
	.subpage.company .cont_container .sect04 .dfbox .txtbox {padding-top: 40px;}
	.subpage.company .cont_container .dfbox .txtbox p br {display: none;}
	.subpage.company .cont_container .logo_wrap img {width: 75%;}
	.subpage.company .cont_container ul.dfbox {gap: 40px;}
	.subpage.company .cont_container ul.dfbox p {word-break: keep-all; white-space: wrap;}

	/* contact */
	.subpage.contact .cont_container .inner_container>.dfbox {gap: 50px; align-items: start;}
	.subpage.contact .left, .subpage.contact .right {width: calc((100% - 50px) / 2);}
}

@media (max-width:767px) {
	/* common */
	.sub_visual {height: 500px;}

	/* company */
	.subpage.company::after {width: 355px; height: 229px;}
	.subpage.company .cont_container .dfbox, .subpage.company .cont_container .sect03 .dfbox {gap: 40px;}
	.subpage.company .cont_container .dfbox, .subpage.company .cont_container .dfbox.reverse {flex-direction: column;}
	.subpage.company .cont_container .dfbox .imgbox, .subpage.company .cont_container .dfbox .txtbox {width: 100%;}
	.subpage.company .cont_container .dfbox .imgbox, .subpage.company .cont_container .sect02 .dfbox .imgbox, .subpage.company .cont_container .sect04 .dfbox .imgbox {text-align: center;}
	.subpage.company .cont_container .dfbox .imgbox img {width: auto;}
	.subpage.company .cont_container .dfbox .txtbox {padding-top: 0; width: 90%; margin: 0 auto;}
	.subpage.company .cont_container .sect01 .dfbox .txtbox, .subpage.company .cont_container .sect04 .dfbox .txtbox {padding-top: 0;}
	.subpage.company .cont_container .sect02 {margin-top: 80px;}
	.subpage.company .cont_container ul.dfbox {flex-direction: row; flex-wrap: wrap; justify-content: start;}
	.subpage.company .cont_container ul.dfbox li {width: calc((100% - 40px) /2);}
	.subpage.company .cont_container ul.dfbox h4 {margin-top: 25px;}

	/* contact */
	.subpage.contact .cont_container .inner_container>.dfbox {flex-direction: column; height: auto; gap: 40px;}
	.subpage.contact .left, .subpage.contact .right {width: 100%;}
	.subpage.contact .right .input_col textarea {height: 120px;}
}

@media (max-width:480px) {
	/* common */
	.sub_visual {height: 450px;}
	.sub_visual .centerbox {text-align: center;}
	.sub_visual .centerbox h2 {line-height: 1.2; word-break: keep-all; white-space: wrap;}
	.sub_visual .centerbox .imgbox {margin: 15px 0 20px;}
	.sub_visual .centerbox .imgbox img {width: 45%;}
	.mb275 {margin-bottom: 23.85vw;}
	.mt230 {margin-top: 21.29vw;}

	/* company */
	.subpage.company::after {width: 215px; height: 138px;}
	.subpage.company .cont_container .dfbox .txtbox h4 {margin: 15px 0 20px;}
	.subpage.company .cont_container ul.dfbox {column-gap: 15px; row-gap: 30px;}
	.subpage.company .cont_container ul.dfbox li {width: calc((100% - 15px) /2);}

	/* contact */
	.subpage.contact .left img {border-radius: 30px;}
	.subpage.contact .right .input_col p span {width: 6px; height: 6px;}
	.subpage.contact .right .input_col input {height: 45px; margin-top: 10px;}

}