.gnb_area{display: flex;align-items: center;justify-content: space-between;width: 100%;}
.gnb_area .logo_wrap{float:none}
.gnb_area .logo_wrap .logo a{display: block;width: 280px;height: 50px;background: url(../../images/khmi/eng/logo.png) no-repeat center;background-size: contain;}
.service_area{width: auto;margin: 0;float: none;}
.service_area ul li{display: block;}
.footer_con .footer_c address{margin: 0;}
.footer_con .footer_l{display: flex;gap: 30px;}
.footer_con .footer_l .logo{min-width: 245px; width: 245px;height: 40px;}
@media screen and (max-width:768px){
.gnb_area .logo_wrap{}
.gnb_area .logo_wrap .logo a{width: 160px; height: 31px;}
.gnb_area{padding: 0;}
.service_area{display: block; margin:0;}
}
.gnb_area .gnb_wrap{margin: 0;}
@media screen and (max-width:1201px){
.footer_con .footer_l{gap:30px}
}
@media screen and (max-width : 1300px){
.main_footer_banner_box{padding: 10px 0 10px 80px;}
}
header .inner,
.section .inner{clear: both;width: 1400px; max-width: 1400px;}
@media screen and (max-width : 1400px){
header .inner,
    .section .inner{clear: both;width: 100%; max-width: 100%;padding: 0 20px;}
}
#section01{ padding: 170px 0 100px; background-image: url(../../images/khmi/main/section01_bg.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; }
@media screen and (max-width : 768px){
#section01{padding-top: 140px;}
}
#section01 .section01_top{display: flex; justify-content: space-between;gap: 40px;}
#section01 .section01_tit{line-height: 1.15;}
#section01 .section01_con{padding-left: 40px;}
#section01 .section01_tit .tit_line + .tit_line{margin-top: 30px;}
#section01 .section01_tit .tit_light,
#section01 .section01_tit .tit_bold{font-family: 'Montserrat';font-weight: 800;line-height: .78;}
#section01 .section01_tit .tit_light{display: block;font-size: 9rem;}
#section01 .section01_tit .tit_bold{font-size: 10rem;letter-spacing: -.05em;}
#section01 .section01_tit .tit_line:nth-child(1) .tit_light{color:#4266AE;}
#section01 .section01_tit .tit_line:nth-child(1) .tit_bold{color: #000a56;}
#section01 .section01_tit .tit_line:nth-child(2) .tit_light{color:#4F5BCD;}
#section01 .section01_tit .tit_line:nth-child(2) .tit_bold{color: #3f00b2;}
#section01 .section01_txt{margin-top: 20px;font-family: 'ONE Mobile Title';font-size: 2rem;color: #3f3f3f;letter-spacing: -.01em;padding-left: 5px;}
#section01 .section01_visual{
    position: relative;flex-shrink: 0;
    --notch-w: 262px;--notch-h: 74px;--notch-r: 26px;--card-r: 30px;
}
#section01 .visual_shadow{filter: drop-shadow(0 20px 40px rgba(0,0,0,.18));}
#section01 .main_visual_swiper{
    position: relative;width: 800px;height: 470px;overflow: hidden;border-radius: var(--card-r);
    --m-solid: linear-gradient(#000,#000);
    --m-fillet: radial-gradient(circle at bottom left, transparent var(--notch-r), #000 calc(var(--notch-r) + .5px));
    --m-corner: radial-gradient(circle at top right, #000 var(--card-r), transparent calc(var(--card-r) + .5px));
    -webkit-mask-image: var(--m-fillet),var(--m-solid),var(--m-solid),var(--m-corner),var(--m-solid),var(--m-solid),var(--m-corner);
            mask-image: var(--m-fillet),var(--m-solid),var(--m-solid),var(--m-corner),var(--m-solid),var(--m-solid),var(--m-corner);
    -webkit-mask-size:
        var(--notch-r) var(--notch-r),
        100% calc(100% - var(--notch-h) - var(--card-r)),
        calc(100% - var(--card-r)) calc(100% - var(--notch-h)),
        var(--card-r) var(--card-r),
        calc(100% - var(--notch-w) - var(--card-r)) 100%,
        var(--card-r) calc(100% - var(--card-r)),
        var(--card-r) var(--card-r);
            mask-size:
        var(--notch-r) var(--notch-r),
        100% calc(100% - var(--notch-h) - var(--card-r)),
        calc(100% - var(--card-r)) calc(100% - var(--notch-h)),
        var(--card-r) var(--card-r),
        calc(100% - var(--notch-w) - var(--card-r)) 100%,
        var(--card-r) calc(100% - var(--card-r)),
        var(--card-r) var(--card-r);
    -webkit-mask-position:
        calc(var(--notch-w) - var(--notch-r)) calc(100% + var(--notch-r) - var(--notch-h)),
        left top, right top, left calc(100% - var(--notch-h)), right top, var(--notch-w) top, var(--notch-w) 100%;
            mask-position:
        calc(var(--notch-w) - var(--notch-r)) calc(100% + var(--notch-r) - var(--notch-h)),
        left top, right top, left calc(100% - var(--notch-h)), right top, var(--notch-w) top, var(--notch-w) 100%;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
}
#section01 .main_visual_swiper .swiper-slide a{display: block;width: 100%;height: 100%;}
#section01 .main_visual_swiper .swiper-slide a:focus-visible{outline: 3px solid #fff;outline-offset: -6px;border: none;box-shadow: inset 0 0 0 3px #6d42c1;}
#section01 .main_visual_swiper .swiper-slide img{width: 100%;height: 100%;object-fit: cover;display: block;}
@supports not ((-webkit-mask-image:linear-gradient(#000,#000)) or (mask-image:linear-gradient(#000,#000))){
#section01 .visual_control{position: static;width: auto;height: auto;padding: 14px 2px 0;}
}
#section01 .visual_control{position: absolute;left: 0;bottom: 0;z-index: 5;width: var(--notch-w);height: var(--notch-h);box-sizing: border-box;display: flex;align-items: center;gap: 20px;padding: 0 22px 0 10px;}
#section01 .visual_pagination{ display: flex; align-items: center; font-size: 1.8rem; font-weight: 700; color: #d7d6d8; }
#section01 .visual_pagination .swiper-pagination-current,
#section01 .visual_pagination .swiper-pagination-total{color: #555;}
#section01 .visual_pagination .swiper-pagination-current{margin-right: 8px;}
#section01 .visual_pagination .swiper-pagination-total{margin-left: 8px;}
#section01 .visual_sep{display: inline-block;width: 1.5px;height: 17px;margin: 0 10px;background-color: #d7d6d8;border-radius: 1px;transform: rotate(20deg);vertical-align: -3px;}
#section01 .visual_btn{display: flex;align-items: center;gap: 5px;margin-left: auto;}
#section01 .visual_btn button{ width: 40px; height: 40px; border: 0; padding: 0; border-radius: 50%; background-color: #343434; background-image: url(../../images/khmi/main/swiper_btn.png); background-repeat: no-repeat; cursor: pointer; transition: background-color .2s; }
#section01 .visual_btn button:hover,
#section01 .visual_btn button:focus-visible{background-color: #555;}
#section01 .visual_btn button:focus-visible{outline: 2px solid #6d42c1;outline-offset: 2px;}
#section01 .visual_btn .visual_prev{background-position: 15px 13px;}
#section01 .visual_btn .visual_toggle{background-position: -32px 13px;}
#section01 .visual_btn .visual_toggle[aria-pressed="false"]{background-image: url(../../images/khmi/main/swiper_play.png);background-position: center;background-size: 10px 12px;}
#section01 .visual_btn .visual_next{background-position: -76px 13px;}
#section01 .section01_bottom{display: flex;align-items: flex-start;gap: 70px;margin-top: 100px;}
#section01 .section01_notice{width: 700px;max-width: 100%;height: 250px;flex-shrink: 0;display: grid;grid-template-columns: 1fr auto;grid-template-rows: auto auto 1fr;grid-template-areas: "head more" "bline bline" "list list";align-items: center;}
#section01 .notice_head{grid-area: head;padding: 0 0 0 10px;}
#section01 .notice_head .notice_tit{font-size: 3rem;color: #6d42c1;font-weight: 800;}
#section01 .more_btn{grid-area: more;display: inline-flex;align-items: center;gap: 6px;font-size: 1.4rem;color: #000;}
#section01 .more_btn img{display: block;}
#section01 .section01_notice .notice_bline{grid-area: bline;align-self: start;margin-top: 20px;border: 2px solid #333333;}
#section01 .notice_list{grid-area: list;align-self: stretch;min-height: 0;display: flex;flex-direction: column;justify-content: space-between;list-style: none;margin: 12px 0 0;padding: 0;overflow: hidden;}
#section01 .notice_item{flex: 0 0 auto;}
#section01 .notice_link{display: flex;align-items: center;padding: 0;text-decoration: none;}
#section01 .notice_link::before{content: '';flex: 0 0 auto;width: 4px;height: 4px;margin-right: 10px;border-radius: 50%;background-color: #333333;}
#section01 .notice_link .notice_txt{flex: 1 1 auto;min-width: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 1.8rem;color: #222222;}
#section01 .notice_link .notice_date{flex: 0 0 auto;margin-left: 20px;font-size: 1.5rem; color: #666666;}
#section01 .notice_link:hover .notice_txt,
#section01 .notice_link:focus-visible .notice_txt{color: #6d42c1;}
#section01 .notice_link:focus-visible{outline: 2px solid #6d42c1;outline-offset: -2px;}
#section01 .section01_role{display: grid;grid-template-columns: repeat(3, 1fr);gap: 15px;flex: 1 1 auto;min-width: 0;margin: 0;padding: 0;list-style: none;}
#section01 .role_card{position: relative;height: 250px;padding: 30px 20px;background-color: #fff;border-radius: 16px;box-shadow: 0 4px 20px 0 rgba(0,0,0,.08);overflow: hidden;transition: background-color .25s ease;}
#section01 .role_tit{font-size: 2.2rem;color: #333333;font-weight: 600;line-height: 1.35;transition: color .25s ease;}
#section01 .role_more{display: inline-flex;align-items: center;gap: 6px;margin-top: 30px;font-size: 1.5rem;color: #6d42c1;text-decoration: none;transition: color .25s ease;}
#section01 .role_more_ico{display: block;width: 26px;height: 8px;background-image: url(../../images/khmi/main/icon_plus2.png);background-repeat: no-repeat;background-position: center;background-size: contain;transition: background-image .25s ease;}
#section01 .role_more:hover,
#section01 .role_more:focus-visible{text-decoration: underline;}
#section01 .role_more:focus-visible{outline: 2px solid #6d42c1;outline-offset: 2px;}
#section01 .role_card:not(.role_card_dl):hover,
#section01 .role_card:not(.role_card_dl):focus-within{background-color: #6d42c1;cursor: pointer;}
#section01 .role_card:not(.role_card_dl):hover .role_tit,
#section01 .role_card:not(.role_card_dl):focus-within .role_tit{color: #fff;}
#section01 .role_card:not(.role_card_dl):hover .role_more,
#section01 .role_card:not(.role_card_dl):focus-within .role_more{color: #fff;}
#section01 .role_card:not(.role_card_dl):hover .role_more_ico,
#section01 .role_card:not(.role_card_dl):focus-within .role_more_ico{background-image: url(../../images/khmi/main/icon_plus3.png);}
#section01 .role_card:not(.role_card_dl):focus-within .role_more:focus-visible{outline-color: #fff;}
#section01 .role_icon{position: absolute;right: 16px;bottom: 16px;width: 56px;height: auto;pointer-events: none;}
#section01 .role_card_dl{transition: background-color .25s ease;}
#section01 .role_card_dl .role_tit{transition: color .25s ease;}
#section01 .dl_btns{display: flex;gap: 5px;margin-top: 30px;}
#section01 .dl_btn{display: inline-flex;align-items: center;justify-content: center;gap: 12px;flex: 1 1 0;padding: 10px 0;background-color: #856fde;border-radius: 10px;font-size: 1.5rem;color: #fff;text-decoration: none;transition: background-color .25s ease, color .25s ease;}
#section01 .dl_btn:focus-visible{outline: 2px solid #333333;outline-offset: 2px;}
#section01 .dl_btn .dl_ico{width: 14px;height: 14px;background-image: url(../../images/khmi/main/icon_main_dwn2.png);background-repeat: no-repeat;background-position: center;background-size: contain;}
#section01 .role_card_dl:hover,
#section01 .role_card_dl:focus-within{background-color: #6d42c1;cursor: pointer;}
#section01 .role_card_dl:hover .role_tit,
#section01 .role_card_dl:focus-within .role_tit{color: #fff;}
#section01 .role_card_dl:hover .dl_btn,
#section01 .role_card_dl:focus-within .dl_btn{background-color: #fff;color: #6d42c1;}
#section01 .role_card_dl:hover .dl_ico,
#section01 .role_card_dl:focus-within .dl_ico{background-image: url(../../images/khmi/main/icon_main_dwn.png);}
@media screen and (max-width : 1400px){
#section01{padding-bottom: 80px;}
#section01 .section01_top{flex-wrap: wrap;}
#section01 .section01_visual{width: 100%;max-width: 800px;flex-shrink: 1;--notch-w: 226px;--notch-h: 66px;--notch-r: 22px;--card-r: 22px;}
#section01 .main_visual_swiper{width: 100%;height: auto;aspect-ratio: 800 / 470;}
#section01 .section01_bottom{margin-top: 60px;flex-direction: column;gap: 40px;}
#section01 .section01_notice{width: 100%;}
#section01 .section01_role{width: 100%;}
}
@media screen and (max-width : 768px){
#section01{padding-bottom: 60px;}
#section01 .section01_con{padding-left: 0;}
#section01 .section01_tit .tit_bold{font-size: 7rem;}
#section01 .section01_tit .tit_light{font-size: 6.3rem;}
#section01 .section01_tit .tit_line + .tit_line{margin-top: 8px;}
#section01 .section01_txt{margin-top: 10px;font-size: 1.3rem;}
#section01 .main_visual_swiper{-webkit-mask-image: none;mask-image: none;}
#section01 .visual_control{position: static;width: auto;height: auto;margin-top: 14px;gap: 10px;padding: 0 2px;}
#section01 .visual_pagination{font-size: 1.3rem;}
#section01 .visual_btn{gap: 4px;}
#section01 .visual_btn button{width: 32px;height: 32px;background-size: 81.6px 12.8px;}
#section01 .visual_btn .visual_prev{background-position: 12px 10.4px;}
#section01 .visual_btn .visual_toggle{background-position: -25.6px 10.4px;}
#section01 .visual_btn .visual_toggle[aria-pressed="false"]{background-size: 8px 9.6px;}
#section01 .visual_btn .visual_next{background-position: -60.8px 10.4px;}
#section01 .section01_bottom{margin-top: 50px;gap: 30px;}
#section01 .notice_head .notice_tit{font-size: 2.2rem;}
#section01 .section01_notice .notice_bline{border-width: 1px;}
#section01 .notice_link .notice_txt{font-size: 1.5rem;}
#section01 .notice_link .notice_date{margin-left: 12px;font-size: 1.3rem;}
#section01 .section01_role{grid-template-columns: 1fr;gap: 12px;}
#section01 .role_card{display: grid;grid-template-columns: 56px 1fr;grid-template-areas: "icon title" "icon link";column-gap: 16px;align-items: center;height: auto;padding: 16px;border-radius: 12px;}
#section01 .role_tit{grid-area: title;font-size: 1.6rem;line-height: 1.3;}
#section01 .role_more{grid-area: link;margin-top: 6px;font-size: 1.3rem;}
#section01 .dl_btns{grid-area: link;margin-top: 8px;}
#section01 .dl_btn{font-size: 1.3rem;padding: 8px 0;}
#section01 .role_icon{grid-area: icon;position: static;width: 48px;justify-self: start;}
}
@media screen and (max-width : 480px){
#section01{padding-bottom: 40px;}
#section01 .notice_link .notice_date{margin-left: 10px;}
#section01 .visual_btn button{width: 28px;height: 28px;background-size: 71.4px 11.2px;}
#section01 .visual_btn .visual_prev{background-position: 10.5px 9.1px;}
#section01 .visual_btn .visual_toggle{background-position: -22.4px 9.1px;}
#section01 .visual_btn .visual_toggle[aria-pressed="false"]{background-size: 7px 8.4px;}
#section01 .visual_btn .visual_next{background-position: -53.2px 9.1px;}
#section01 .role_card{grid-template-columns: 48px 1fr;column-gap: 12px;padding: 14px;}
#section01 .role_icon{width: 40px;}
}
@font-face{font-family:'Pretendard';font-style:normal;font-weight:200;font-display:swap;src:url('../../fonts/khmi/Pretendard-ExtraLight.woff2') format('woff2');}
@font-face{font-family:'Pretendard';font-style:normal;font-weight:800;font-display:swap;src:url('../../fonts/khmi/Pretendard-ExtraBold.woff2') format('woff2');}
.thumbnail_empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:120px;background:#f3f3f3;color:#666;font-size:1.5rem;}
.empty_list{padding:30px 0;color:#666;}
#section01 button.role_more{border:0;background:none;padding:0;font-family:inherit;cursor:pointer;}
#section01 .role_card>form{display:contents;}
#section01 .role_more{line-height:1.5;vertical-align:top;}
#section01 button.dl_btn{font-family:inherit;line-height:1.5;border:0;}
#section01 button.dl_btn:disabled{cursor:default;opacity:1;}
@media screen and (max-width:768px){
#section01 .role_card>form{grid-area:link;}
}

/* English main only */
#section01 .section01_txt{max-width:420px;}
#section01 button.role_more:disabled{cursor:default;opacity:1;}