@charset "utf-8";

@media screen and (max-width:1600px) {
}

@media screen and (max-width:1400px) {
   
}

@media screen and (max-width:1280px) {
  
}

@media screen and (max-width:1080px) {
   
}

@media screen and (max-height: 900px) {
   
}

@media screen and (max-width:767px) {
   
}

@media screen and (max-width:480px) {
   
}

@media screen and (max-width: 360px) {

}



.main_section{}
.main_container{width:1620px;margin:0 auto;display:flex;gap:20px}

.main_container .main_left{width: 50%;}
.main_container .main_left .banner_primary{width:800px;height:680px;background:#e9e7e6;border-radius:30px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:110px}
.main_container .main_left .banner_text{text-align:center;z-index:2}
.main_container .main_left .banner_text h2{font-size:42px;font-weight:700;line-height:1.35;color:#111;margin-bottom:40px}
.main_container .main_left .btn_black{display:inline-flex;align-items:center;justify-content:center;height:60px;padding:0 40px;background:#111;color:#fff;border-radius:50px;font-size:16px;font-weight:500;transition:background .2s ease}
.main_container .main_left .btn_black:hover{background:#333}
.main_container .main_left .banner_image{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100%}
.main_container .main_left .banner_image img{width:100%;height:auto}

.main_container .main_center{width:25%;display:flex;flex-direction:column;gap:20px}
.main_container .main_center .card{border-radius:30px;padding:30px 40px;position:relative;overflow:hidden}
.main_container .main_center .card_apply{height:100%;background:#63b5ad}
.main_container .main_center .card_apply h3{font-size:25px;font-weight:700;color:#14375a;margin-bottom:10px}
.main_container .main_center .card_apply p{font-size:18px;line-height:1.6;color:#14375a}
.main_container .main_center .card_info{height:100%;background:#6f8fc4}
.main_container .main_center .card_info h3{font-size:25px;font-weight:700;color:#1e355a;margin-bottom:10px}
.main_container .main_center .card_info a{font-size:18px;line-height:1.6;color:#1e355a;text-decoration:none}
.main_container .main_center .card_image{position:absolute;right:40px;bottom:30px}
.main_container .main_center .card_image img{height:140px}

.main_container .main_right{width:25%;display:flex;flex-direction:column;gap:20px}
.main_container .main_right .right_top{height: 100%;}
.main_container .main_right .right_bottom{height: 100%;}
.main_container .main_right .card_my{height:100%;background:#87b6d3;border-radius:30px;padding:30px 40px;position:relative;overflow:hidden}
.main_container .main_right .card_my h3{font-size:25px;font-weight:700;color:#1e355a;margin-bottom:10px}
.main_container .main_right .card_my p{font-size:18px;line-height:1.6;color:#1e355a}
.main_container .main_right .card_my .card_image img{height:130px}
.main_container .main_right .card_notice{height:100%;background:#21375c;border-radius:30px;padding:30px 40px;color:#fff;display:flex;flex-direction:column}
.main_container .main_right .notice_intro{font-size:23px;line-height:1.4;margin-bottom:20px}
.main_container .main_right .notice_intro strong{color:#ff8a00}
.main_container .main_right .btn_login_blue{height:50px;border-radius:12px;background:#3f7ae0;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;margin-bottom:20px;transition:background .2s ease}
.main_container .main_right .btn_login_blue:hover{background:#2f63c7}
.main_container .main_right .notice_area{border-top:1px solid #fff3;padding-top:10px}
.main_container .main_right .notice_area h4{font-size:25px;font-weight:700;margin-bottom:10px}
.main_container .main_right .notice_list li{margin-bottom:6px}
.main_container .main_right .notice_list li a{display:flex;justify-content:space-between;font-size:14px;color:#fff}
.main_container .main_right .notice_text{flex:1}
.main_container .main_right .notice_date{margin-left:20px;opacity:.7}
.main_container .main_right .card_image{position:absolute;right:40px;bottom:30px}

@media (max-width:1200px){
    .main_container{width:100%;padding:0 20px;}
    .main_container .main_left .banner_primary{width:100%;border-radius: 20px;}
}
@media (max-width:1024px){
    .main_container{flex-wrap:wrap;}
    .main_container .main_left{width:100%;}
    .main_container .main_center,
    .main_container .main_right{width:100%;}

	.main_container .main_right .card_notice,
	.main_container .main_right .card_my,
	.main_container .main_center .card_info,
	.main_container .main_center .card_apply{border-radius: 20px;}

	.main_container .main_right .card_my h3,
	.main_container .main_center .card_info h3,
	.main_container .main_center .card_apply h3{font-size: 20px;margin-bottom:6px;}

	.main_container .main_right .card_my p,
	.main_container .main_center .card_info a,
	.main_container .main_center .card_apply p{font-size: 16px}
	.main_container .main_center .card_image img{height: 90px;}
	.main_container .main_right .card_my .card_image img{height: 90px;}

}

@media (max-width:768px){
    .main_section{}
    .main_container{flex-direction:column;gap:15px;}
    .main_container .main_left,
    .main_container .main_center,
    .main_container .main_right{width:100%;}

	.main_container .main_left .banner_primary{padding-top:60px}
	.main_container .main_left .banner_text h2{font-size: 28px;}
	.main_container .main_left .btn_black{font-size: 14px;height:46px}

	.main_container .main_right .card_my h3,
	.main_container .main_center .card_info h3,
	.main_container .main_center .card_apply h3{font-size: 20px;margin-bottom:6px;}

	.main_container .main_right .card_my p,
	.main_container .main_center .card_info a,
	.main_container .main_center .card_apply p{font-size: 16px}
	.main_container .main_center .card_image img{height: 90px;}
	.main_container .main_right .card_my .card_image img{height: 90px;}

    /* 고정 height 제거 */
    .main_container .card,
    .main_container .card_apply,
    .main_container .card_info,
    .main_container .card_my,
    .main_container .card_notice{height:auto;}
    .main_container .banner_primary{height:auto;padding-top:60px;}
    .main_container .banner_text h2{font-size:28px;}
    .main_container .card_apply h3,
    .main_container .card_info h3,
    .main_container .card_my h3{font-size:20px;}
    .main_container .card_apply p,
    .main_container .card_info a,
    .main_container .card_my p{font-size:16px;}
    .main_container .notice_intro{font-size:18px;}
}

.main_bottom{background:#fff;padding:60px 0}
.main_bottom .bottom_inner{width:1560px;margin:0 auto;display:flex;gap:30px}
/* .main_bottom .bottom_col{flex:1;display:flex;flex-direction:column} */
.main_bottom .bottom_col{flex:1;display:flex;flex-direction:column}
.main_bottom .bottom_header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:solid 2px #222}
.main_bottom .bottom_header h3{font-size:28px;font-weight:700;color:#222}
.main_bottom .btn_more{font-size:16px;color:#222;font-weight:500}
.main_bottom .bottom_list li{padding:20px 0 28px;border-bottom:1px solid #cfd6e0}
.main_bottom .bottom_list li a{display:flex;flex-direction:column}

/* .main_bottom .bottom_col.notice_area{width:40%}
.main_bottom .bottom_col.faq_area{width:30%}
.main_bottom .bottom_col.data_area{width:30%} */


.main_bottom .item_title{font-size:20px;font-weight:500;color:#222;margin-bottom:10px;transition: .2s ease}
.main_bottom .bottom_list li a:hover .item_title{font-weight: 700;}

.main_bottom .item_meta{display:flex;align-items:center;gap:8px}
.main_bottom .item_icon{width:16px;height:16px;background:url(../images/common/calendar_2_line.svg) no-repeat center;background-size:contain}
.main_bottom .item_date{font-size:14px;color:#8a94a6}
.main_bottom .bottom_btn{margin-top:40px}
.main_bottom .btn_full{display:flex;align-items:center;justify-content:center;height:56px;border-radius:12px;background:#8aa0c4;color:#fff;font-size:16px;font-weight:500;transition:background .2s ease}
.main_bottom .btn_full:hover{background:#192F55}

@media (max-width:1200px){
    .main_bottom .bottom_inner{width:100%;padding:0 20px;gap:50px;}
}

@media (max-width:1024px){
    .main_bottom{padding:40px 0;;}
    .main_bottom .bottom_inner{gap:40px;}
    .main_bottom .bottom_header h3{font-size:24px;}
    .main_bottom .item_title{font-size:18px;}
}

@media (max-width:768px){
    .main_bottom .bottom_col{flex:1;}

    .main_bottom .bottom_col.notice_area{width:100%}
    .main_bottom .bottom_col.faq_area{width:100%}
    .main_bottom .bottom_col.data_area{width:100%}

    .main_bottom{padding:40px 0;}
    .main_bottom .bottom_inner{flex-direction:column;gap:30px;}
    .main_bottom .bottom_header{padding-bottom:8px;}
    .main_bottom .bottom_header h3{font-size:20px;}
    .main_bottom .btn_more{font-size:14px;}
    .main_bottom .bottom_list li{padding:16px 0 20px;}
    .main_bottom .item_title{font-size:16px;}
    .main_bottom .item_date{font-size:12px;}
    .main_bottom .btn_full{height:48px;font-size:14px;}
	.main_bottom .bottom_btn{margin-top: 14px;}
}


.footer{background:#fff;padding:50px 0;border-top:solid 1px #ccc}
.footer_inner{width:1620px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}
.footer_left{display:flex;flex-direction:column;gap:14px}
.footer_links{font-size:16px;display:flex}
.footer_links a{color:#111;font-weight:400;transition: .2s ease}
.footer_links a:hover{font-weight:700;color:#2d4693}

.link_privacy{color:#1f5fbf}
.footer_divider{margin:0 10px}
.footer_address{font-style:normal;font-size:18px;color:#333}
.footer_contact{font-size:18px;color:#333;display:flex;gap:30px}
.footer_copy{font-size:16px;color:#777}
.footer_right{display:flex;align-items:center}
.btn_family{width:300px;height:60px;background:#22385d;color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-size:18px;font-weight:500}
.family_arrow{width:10px;height:10px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);margin-left:10px}
.family_site{position:relative;display:inline-block;width:300px}
.btn_family{width:100%;height:60px;background:#22385d;color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:space_between;padding:0 24px;font-size:18px;font-weight:500;cursor:pointer}
/* .family_arrow{width:10px;height:10px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);transition:transform .3s ease} */
.family_list{position:absolute;bottom:70px;left:0;width:100%;background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000014;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .25s ease;z-index:999}
.family_list li a{display:block;padding:14px 20px;font-size:16px;color:#333}
.family_list li a:hover{background:#f2f4f8}
.family_site.active .family_list{opacity:1;visibility:visible;transform:translateY(0)}
.family_site.active .family_arrow{transform:rotate(225deg)}

@media (max-width:1200px){
    .footer_inner{width:100%;padding:0 20px;}
}

@media (max-width:1024px){
    .footer_address,
    .footer_contact{font-size:16px;}
    .footer_copy{font-size:14px;}
    .btn_family{width:260px;height:54px;font-size:16px;}

}

@media (max-width:768px){
    .footer{padding:40px 0;}
    .footer_inner{flex-direction:column;align-items:flex-start;gap:30px;}
    .footer_left{gap:10px;}
    .footer_links{font-size:14px;}
    .footer_address{font-size:14px;}
    .footer_contact{font-size:14px;flex-direction:column;gap:6px;}
    .footer_copy{font-size:12px;}
    .footer_right{width:100%;}
    .family_site{width:100%;}
    .btn_family{width:100%;height:50px;font-size:14px;}
}

.visual_section{position:relative;padding:220px 0 120px 0;background:#1f2f7a;overflow:hidden}
.visual_section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px);background-size:60px 60px;pointer-events:none}
.visual_inner{width:1620px;margin:0 auto;display:flex;justify-content:center;gap:60px;position:relative;z-index:2}
.visual_card{width:360px;height:420px;border-radius:30px;padding:50px 40px;position:relative;display:flex;flex-direction:column;justify-content:space-between;transition:transform .35s ease,box-shadow .35s ease;cursor:pointer}
.visual_card:hover{transform:translateY(-12px);box-shadow:0 30px 60px #00000040}

/* .card_sign{background:#2fa7d6}
.card_guide{background:#f58a45}
.card_my{background:#4c6e91} */

.card_sign,
.card_guide,
.card_my{background:#fff}


.card_sign.visual_card h2{color:#2fa7d6}
.card_sign.visual_card p{color:#2fa7d6}

.card_guide.visual_card h2{color:#f58a45}
.card_guide.visual_card p{color:#f58a45}

.card_my.visual_card h2{color:#4c6e91}
.card_my.visual_card p{color:#4c6e91}


.visual_card h2{font-size:26px;font-weight:700;color:#fff;margin-bottom:20px}
.visual_card p{font-size:16px;line-height:1.6;color:#ffffffe6}
.card_image{position:absolute;right:30px;bottom:30px}
.card_image img{width:150px;height:auto;display:block}
.visual_section{position:relative;background:#1f2f7a;overflow:hidden}
.visual_bg_objects{position:absolute;inset:0;z-index:1;pointer-events:none}
.bg_obj{position:absolute}
.visual_inner{position:relative;z-index:2}

.bg_obj_1{ left:00px; bottom:50px; width:100px;transform: rotateZ(-90deg);}
.bg_obj_2{ left:250px; top:80px; width:160px; }
.bg_obj_3{ left:900px; top:20px; width:70px; }
.bg_obj_4{ right:420px; top:90px; width:70px; }
.bg_obj_5{ right:60%; bottom:50px; width:80px; }
.bg_obj_6{ right:120px; top:200px; width:260px; }
.bg_obj_7{ right:30%; top:0; width:180px; transform: rotateZ(90deg);}

.bg_obj_11{width:100%;height:100%;object-fit:cover}
@media (max-width: 1700px){
    .visual_inner{width:100%;padding:0 40px;}
}

@media (max-width: 1280px){
   .visual_inner{gap:40px}
   .visual_card{width:300px;height:380px;padding:40px 30px}
   .card_image img{width:110px}
}

@media (max-width: 1024px){
   .visual_inner{flex-direction:column;align-items:center;gap:20px}
   .visual_card{width:100%;height:360px}
}

@media (max-width: 768px){
    .visual_inner{padding:0 20px;}
   .visual_section{padding:30px 0}
   .visual_card{height:auto;padding:25px 20px 100px}
   .card_image{right:30px;bottom:30px}
   .visual_card h2{font-size:22px}
   .visual_card p{font-size:16px}
}

.notice_section{background:#eef2f6;padding:80px 0 60px;}
.notice_inner{width:1400px;margin:0 auto;}
.notice_header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;}
.notice_title{font-size:28px;font-weight:700;color:#222;letter-spacing:-0.5px;}
.notice_more{font-size:16px;color:#555;text-decoration:none;transition:all .2s ease;}
.notice_more:hover{color:#111;transform:translateX(4px);}
.notice_list{display:flex;flex-direction:column;gap:8px;}
.notice_item{list-style:none;}
.notice_link{display:flex;align-items:center;gap:20px;padding:20px 30px;background:#fff;border-radius:18px;text-decoration:none;transition:all .25s ease;}
.notice_link:hover{background:#0055A2;box-shadow:0 10px 30px rgba(0,0,0,0.06);transform:translateY(-4px);}

.notice_link:hover .notice_label{color:#fff}
.notice_link:hover .notice_subject{color:#fff}
.notice_link:hover .notice_date{color:#fff}



.notice_label{min-width:60px;font-size:16px;font-weight:600;color:#666;}
.notice_subject{flex:1;font-size:18px;font-weight:600;color:#222;transition:color .2s ease;}
.notice_date{font-size:16px;color:#888;min-width:110px;text-align:right;}

@media (max-width: 1280px){
    .notice_inner{width:100%;padding:0 20px;}
}

@media (max-width: 768px){
    .notice_title{font-size: 20px;}
    .notice_section{padding:40px 0 40px;}
    .notice_link{flex-direction:column;align-items:flex-start;gap:10px;padding:24px 24px;}
    .notice_subject{font-size:16px;}
    .notice_date{font-size:14px;text-align:left;}
    .notice_label{font-size:14px;}
}