@import url('https://fonts.googleapis.com/css2?family=Nanum+Brush+Script&display=swap');

.a1 {display: flex;}
.a1_img {width: 15%; margin-right: 5%; min-width: 200px;}
.a1_img img {}
.a1_txt {width: 85%;}
.a1_txt h1 {font-size: 18px; color: #ccc; font-weight: 400;}
.a1_txt h2 {font-size: 40px; line-height: 1.4; color: #000; margin-bottom: 50px; word-break: keep-all;}
.a1_txt h2 b {color: #13589f;}
.a1_txt p {font-size: 18px; font-weight: 400; word-break: keep-all; color: #333;}
.a1_txt span {display: flex; align-items: center; float: right;margin-top: 80px;font-size: 20px; font-weight: 600;}
.a1_txt span strong {font-family: "Nanum Brush Script", cursive; font-size: 50px; display: inline-block; font-weight: 200; margin-left: 20px;}


@media screen and (max-width: 960px) {
	.a1 {flex-direction: column;}
	.a1_img {width: 100%; margin-right: 0; text-align: center; margin-bottom: 40px;}
	.a1_txt {width: 100%;}
}



@media screen and (max-width: 640px) {
	.a1_txt h1 {font-size: 16px;}
	.a1_txt h2 {font-size: 20px;}
	.a1_txt p {font-size: 16px;}
	.a1_txt span {font-size: 17px;}
	.a1_txt span strong {font-size: 30px; margin-left: 10px;}
}








/*a2*/
.a2{width: 100%; position: relative; overflow: hidden;}
.a2 .a2_wrap{width: 100%; max-width: 1400px; margin: 0 auto; display: flex; flex-wrap: wrap;}
.a2 .a2_wrap .a2_box{width: 50%; position: relative;}
.a2 .a2_wrap .a2_box:last-child:before{display: block; content: ""; width: 2px; height: 100%; position: absolute; left: 0; background: linear-gradient( to bottom, #19328f 70%, #d4d4d4 30%) fixed; top: 20px; z-index: 1;}
.a2 .a2_wrap .a2_box h2{font-size: 80px; font-weight: 700; color: #121212; font-family:'Pretendard Variable', sans-serif; line-height: 1;}
.a2 .a2_wrap ul{width: 100%; margin-bottom: 60px; position: relative; z-index: 2;}
.a2 .a2_wrap ul li{}
.a2 .a2_wrap ul li.year{padding-left: 54px; position: relative;}
.a2 .a2_wrap ul li.year:before{display: block; content: ""; width: 21px; height: 21px; border: 5px solid #d8d8d8; position: absolute; border-radius: 50%; left: -10px; top: 23px; z-index: 2; background: #19328f;}
.a2 .a2_wrap ul li.text{padding-left: 54px; width: 90%;}
.a2 .a2_wrap ul li.img{}
.a2 .a2_wrap ul li h3{font-size: 48px; color: #446bbd; position: relative; top: -10px; font-family:'Pretendard Variable', sans-serif;}
.a2 .a2_wrap ul li p{font-size: 16px; position: relative; padding-left: 60px; color: #333; margin-bottom: 20px; line-height: 30px;}
.a2 .a2_wrap ul li p span{position: absolute; left: 0; font-weight: 600; color: #111;}
.a2 .a2_wrap ul li img{width: 100%;}

@media screen and (max-width: 1100px){
  .a2{padding: 0px 3%;}
  .a2 .a2_wrap{display: block;}
  .a2 .a2_wrap .a2_box{width: 100%;}
  .a2 .a2_wrap .a2_box h2{font-size: 60px; margin-bottom: 50px;}
}

@media screen and (max-width: 640px){
  .a2 .a2_wrap .a2_box h2 {font-size: 40px;}
  .a2 .a2_wrap ul li h3{font-size: 25px;}
  .a2 .a2_wrap ul li.year{padding-left: 30px;}
  .a2 .a2_wrap ul li.year:before{top: 0; left: -9px;}
  .a2 .a2_wrap ul li.text{padding-left: 30px;}
  .a2:before{left: 121px}
  .a2 .a2_wrap ul li p{font-size: 16px; margin-bottom: 14px; padding-left: 50px; line-height: 24px;}
}
/*a2*/



/* a4 */
.a4 {}
.a4 img {width: 80%; margin: 0 10%;}

@media screen and (max-width: 640px){
  .a4 img {width: 100%; margin: 0 auto;}
}
/* a4 */





/* a6 */

.a6 {}
.a6_con {display: flex; margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px dashed #ccc;}
.a6_con div {}
.a6_con div.a6_txt {width: 60%; margin-right: 10%;}
.a6_con div.a6_txt h1 {font-size: 30px; margin-bottom: 20px;}
.a6_con div.a6_txt h1 strong {font-size: 90px; color: #eee; margin-right: -90px; line-height: 1;}
.a6_con div.a6_txt p {font-size: 18px; word-break: keep-all; display: flex; color: #333;}
.a6_con div.a6_txt p i {font-weight: bold; color: #000; margin-right: 10px;}
.a6_con div.a6_img {width: 30%;}
.a6_con div.a6_img img {width: 100%;}

@media screen and (max-width: 640px) {
  .a6_con {flex-direction: column;}
  .a6_con div.a6_txt {width: 100%; margin-right: 0; margin-bottom: 20px;}
  .a6_con div.a6_txt h1 strong {font-size: 35px; margin-right: 10px;}
  .a6_con div.a6_txt h1 {font-size: 22px;}
  .a6_con div.a6_txt p {font-size: 16px;}
  .a6_con div.a6_img {width: 100%;}
  .a6_con div.a6_txt p i {margin-right: 3px;}
}
/* a6 */





.a7 {width: 100%; max-width: 1400px; margin: 0 auto;}
.a7 .add {}
.a7 .add_con1 {display: flex; justify-content: space-between; align-items: flex-end; padding: 50px;}
.a7 .add_con1 h2 {font-size: 18px; color: #666; font-weight: 400;}
.a7 .add_con1 h3 {font-size: 30px; margin-top: 10px; color: #0b3b79; font-weight: 600; word-break: keep-all;}
.a7 .add_con1 div {}
.a7 .add_con1 div a {padding: 12px 15px; background: #0b3b79; color: #fff; font-size: 18px; transition: all 0.5s; display: inline-block;}
.a7 .add_con1 div a:hover {background: #0b6daf;}
.a7 .add_con1 div a i {margin-right: 5px;}
.a7 .add_con2 {padding: 50px; border-top: 1px solid #eee}
.a7 .add_con2 ul {display: flex;}
.a7 .add_con2 ul li:first-child {width: 10%; min-width: 100px; margin-right: 5%; display: flex; font-size: 18px; align-items: center; height: 20px; line-height: 20px;}
.a7 .add_con2 ul li i {color: #ccc; margin-right: 10px;}
.a7 .add_con2 ul li h2 {}
.a7 .add_con2 ul li p {font-size: 18px; line-height: 1.6; color: #333; word-break: keep-all;}
.a7 .add_con2 ul li strong {color: #0b3b79; font-weight: 400;}


@media screen and (max-width: 960px) {
  .a7 .add_con1 {flex-direction: column;align-items: flex-start;}
  .a7 .add_con1 h3 {margin-bottom: 30px;}
}

@media screen and (max-width: 640px) {
  .a7 .add_con1 {padding: 30px 10px;}
  .a7 .add_con1 h2 {font-size: 16px;}
  .a7 .add_con1 h3 {font-size: 22px; margin-top: 5px; margin-bottom: 15px;}
  .a7 .add_con1 div a {font-size: 14px;}
  .a7 .add_con2 {padding: 30px 10px;}
  .a7 .add_con2 ul {flex-direction: column;}
  .a7 .add_con2 ul li:first-child {margin-bottom: 30px; font-size: 16px;}
  .a7 .add_con2 ul li p {font-size: 16px;}
}





.b1 {max-width: 1600px; margin: 0 auto; font-size: 18px; line-height: 1.8; color: #333; box-sizing: border-box;}
.join-section {margin-bottom: 60px;padding-bottom: 60px; border-bottom: 1px dashed #ccc;}
.join-section h3 {font-size: 26px; color: #004466; margin-bottom: 20px;}
.join-section p {font-size: 18px; word-break: keep-all;}
.step-list {list-style: none; padding: 0; word-break: keep-all;}
.step-list li {margin: 14px 0; font-size: 18px;}
.step-list li span {font-weight: bold; margin-right: 10px; color: #006699;}
.join-section .btn-download {display: inline-block; padding: 14px 28px; background-color: #005d9f; color: #fff; text-decoration: none; font-size: 17px; font-weight: 600; border-radius: 6px; margin-bottom: 30px;}
.join-section .btn-download i {margin-left: 10px;}
.doc-grid {display: flex; flex-wrap: wrap; gap: 40px;}
.doc-list {list-style: none; padding-left: 0; flex: 1; min-width: 300px;}
.doc-list li {position: relative; padding-left: 24px; margin-bottom: 14px; font-size: 18px; word-break: keep-all;}
.doc-list li::before {content: '•'; position: absolute; left: 0; color: #555; font-size: 20px;}
.doc-list.right li::after {content: '3개월 이내 발급'; display: inline-block; margin-left: 12px; font-size: 14px; background-color: #ffe9cc; color: #b45309; padding: 4px 8px; border-radius: 4px; vertical-align: middle;}
.fee-list {list-style: none; padding-left: 0;}
.fee-list li {position: relative; padding-left: 24px; margin-bottom: 12px; font-size: 18px;}
.fee-list li::before {content: '•'; position: absolute; left: 0; color: #555; font-size: 20px;}


@media (max-width: 992px) {
  .b1 {} 
  .join-section h3 {font-size: 22px;}
}


@media (max-width: 600px) {
  .b1 {} 
  .join-section h3 {font-size: 20px;} 
  .join-section p {font-size: 16px;}
  .join-section .btn-download {padding: 10px 20px; font-size: 14px;}
  .step-list li {font-size: 16px; margin: 10px 0;}
  .doc-list li {font-size: 16px; margin-bottom: 10px;}
  .fee-list li {font-size: 16px; margin-bottom: 10px;}
  .doc-grid {flex-direction: column;}
}





.e6 {padding: 30px; background: #eee; border-radius: 15px; margin-bottom: 50px;}
.e6 .e6_con {}
.e6 .e6_con h1 {font-size: 24px; margin-bottom: 10px;}
.e6 .e6_con p {font-size: 16px; color: #222; word-break: keep-all;}