@charset "UTF-8";
@font-face {
    font-family: 'S-CoreDream-3Light';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream-5Medium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream-6Bold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Paperlogy-7Bold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-6SemiBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-5Medium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-4Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-3Light';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}

*{font-size: 16px;}

/* Çì´õ ¼öÁ¤ rerere */
.header.rerere{width: 100%;}
.header-top-ineer{background-color: #1752AA; overflow: hidden;}
.header-top{width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; color: #fff; box-sizing: border-box; padding: 0.5rem 0;}
.link-homepage a{background-color: #003567; box-sizing: border-box; padding: 0.5rem;}
.header-main-nav{display: flex; align-items: center; justify-content: space-between;}
.header-main-nav div{margin-right: 10px;}

.header-main{width: 1200px; margin: 0 auto; display: flex; align-items: center; position: relative; box-sizing: border-box; padding: 0.5rem;}
.header-btm{width: 15%;}
.header-btm a img{width: 100%;}
.header-main-title{font-size: 35px; position: absolute; left: 50%; transform: translateX(-50%); font-family: 'Paperlogy-6SemiBold'; color: #333;}

.sidemenu{cursor: pointer;}

/* ³»ºÎ ÄÜÅÙÃ÷ */
.wrap{width: 1200px; height: auto; box-sizing: border-box; overflow: hidden; margin: 1rem auto;}

/* °íÁ¹ÀÚ ÈÄ¼Ó°ü¸® & À¯Æ©ºê */
.content01_s{display: flex; align-items: end; justify-content: space-between; margin-bottom: 1rem;}

.content01{width: 49%;}
.content-title{border-bottom: 1px dashed #ccc; box-sizing: border-box; padding: 0.5rem 0; color: #1752AA; font-family: 'S-CoreDream-6Bold'; font-size: 18px; margin-bottom: 1rem;}
.content-title i{color: #1752AA; margin-right: 5px;}

.content-inner img{width: 100%; height: 350px;}
.content-inner img.pc{display: block;}
.content-inner img.m{display: none;}

/* Çà»ç »çÁø °¶·¯¸® */
.content02{margin-bottom: 1rem;}

.content-title.gall{display: flex; align-items: center; justify-content: space-between;}
.gall-more a{display: flex; align-items: center; border: 1px solid #ccc; border-radius: 50px; box-sizing: border-box; padding: 0.2rem 0.8rem; font-size: 0.8rem; font-family: 'S-CoreDream-3Light'; color: #ccc; transition: .2s;}
.plus-btn{margin-left: 3px; transition: transform 1s cubic-bezier(.44,1.32,.64,1);}
.gall-more:hover .plus-btn{transform: rotate(90deg) scale(1.05);}
.gall-more:hover a{background-color: #ccc; color: #fff;}

.gallery{display: flex; align-items: center; justify-content: space-between;}
.picture01{width: calc(100%/6 - 0.5rem); border: 1px solid #ddd; background-color: #f5f5f5; height: 150px; text-align: center; line-height: 150px;}/* text-align: center; line-height: 150px; ´Â ÃßÈÄ »èÁ¦ */

/* Áö¿ø¼¾ÅÍ ¼Ò½Ä & Ãë¾÷ÇöÈ² */
.content01_s.noti{align-items: stretch;}

.tab-btns{display: flex; align-items: center; justify-content: space-between;}
.tab-btn{display: flex; align-items: center;}
.tab-btn li{box-sizing: border-box; padding: 0 0.8rem; padding-bottom: 0.4rem; cursor: pointer; font-family: 'S-CoreDream-3Light';}
.tab-btn li.active{border-bottom: 2px solid #1752AA; color: #1752AA; font-family: 'S-CoreDream-5Medium';}
.tab-btns .gall-more{padding-bottom: 0.3rem;}

.tab{border-top: 1px solid #ddd; box-sizing: border-box; padding: 1rem; background-color: #f8f8f8;}
.tab-all a{display: block; width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.5rem;}
.tab-all a:last-child{margin-bottom: 0;}
.tab-all a b{justify-content: end; font-size: 0.8rem; color: #828282;}
.tab-all a:hover{text-decoration: underline;}

.notice a{display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.5rem;}
.notice a:last-child{margin-bottom: 0;}
.notice a b{justify-content: end; font-size: 0.8rem; color: #828282;}
.notice a:hover{text-decoration: underline;}

/* footer-plus */
.footer-plus{display: flex; align-items: center; justify-content: space-between;}
.footer-plus01{width: calc(100%/5 - 0.5rem); display: flex; align-items: center; justify-content: center;}
.footer-plus01 a{display: flex; align-items: center; justify-content: center;}
.footer-plus01:nth-child(2) img{width: 50%;}
.footer-plus01:nth-child(3) img{width: 100%;}
.footer-plus01:nth-child(4) img{width: 80%;}
.footer-plus01:nth-child(5) img{width: 60%;}
.footer-plus-title span{font-size: 20px; font-weight: bold; text-align: center;}

/* footer */
.footer{width: 100%;}
.footer-inner{width: 1200px; margin: 0 auto; box-sizing: border-box; padding: 0.8rem 0;}
.footer-top{background-color: #475056; color: #fff; font-size: 0.8rem;}
.footer-top a::after{content: '|'; margin: 0 8px;}
.footer-top a:last-child:after{content: none;}
.footer-top a.point-footer{font-weight: bold; font-size: 0.9rem;}

.footer-btm{background-color: #626A6F; color: #fff;}
.footer-btm span{display: block; font-size: 0.8rem; margin-bottom: 0.3rem;}
.footer-btm span:last-child{margin-bottom: 0;}

/* °øÁÖ¸¶ÀÌ½ºÅÍ°í css */
/* Çì´õ °øÁÖ¸¶ÀÌ½ºÅÍ°í¿¡ ¸Â°Ô ¼öÁ¤ */
.header-main.gongma{display: flex; align-items: center; justify-content: space-between;}
.header-main.gongma .header-main-title{position: static !important; transform: none; left: 0;}
.search{width: 20%;}
.search-inner{display: flex; align-items: center; border: 1px solid #1752AA; border-radius: 50px; overflow: hidden; font-size: 16px; box-sizing: border-box; padding: 0.2rem 0.8rem; justify-content: space-between;}
.search-inner input{border: none; font-size: 16px; width: 90%;}
.search-inner input::placeholder{font-size: 16px;}
.search-inner input:focus{box-shadow: none; outline: none; border: none;}
.submit-btn{width: 10%; cursor: pointer;}
.search-inner img{width: 100%;}
.header-main.gongma .header-btm{width: 20%;}

/* Ã¤¿ëÁ¤º¸ */
.recruit-title .content-title{border-bottom: 0; margin-bottom: 0;}
.recruit{width: 100%; background-color: #f5f5f5; height: auto; box-sizing: border-box; padding: 1rem 0;}
.recruit-inner{width: 1200px; margin: 0 auto;}
.recruit-title{display: flex; align-items: center; justify-content: space-between; border-bottom: 1px dashed #ccc; box-sizing: border-box; padding-bottom: 0.5rem; margin-bottom: 1rem;}
.slick-btns{display: flex; align-items: center; justify-content: space-between; width: 12%;}
.slick-btn{width: calc(100%/3 - 0.3rem); cursor: pointer;}
.slick-btn img{width: 100%;}

.recruit-slide{
    display: flex;
    flex-wrap: nowrap;      /* ÇÑ ÁÙ À¯Áö */
    overflow-x: auto;       /* ³ÑÄ¡¸é °¡·Î ½ºÅ©·Ñ */
    opacity: 0;
}
.recruit-slide.slick-initialized {
    opacity: 1;
    transition: opacity 0.3s ease;
}
.recruit-slide01{width: calc(100%/4); background-color: #fff; border-radius: 10px; border: 1px solid #ddd; box-sizing: border-box; padding: 0.8rem; overflow: hidden; font-family: 'Paperlogy-3Light'; cursor: pointer; transition: .1s; margin:0 0.5rem;}
.recruit-slide01:hover{border: 1px solid #1752AA;}

.recruit-slide-top{border-radius: 50px; box-sizing: border-box; padding: 0.2rem 1rem; font-size: 15px; color: #fff; width: fit-content; margin-bottom: 10px;}
.recruit-slide-top.gong{background-color: #1752AA;}
.recruit-slide-top.gonggong{background-color: #AC0A53;}
.recruit-slide-top.jung{background-color: #2B72DE;}
.recruit-slide-top.etc{background-color: #F57E20;}

.recruit-slide-main{margin-bottom: 1rem;}
.recruit-slide-main-name{font-size: 15px;}
.recruit-slide-main-title{margin: 0.3rem 0; font-size: 1.2rem; text-overflow: ellipsis; overflow: hidden; font-family: 'Paperlogy-6SemiBold'; white-space: nowrap;}

.recruit-slide-main-pay{display: flex; align-items: center; font-size: 15px;}
.pay{border: 1px solid #ddd; border-radius: 50px; box-sizing: border-box; padding: 0.1rem 0.5rem; font-size: 14px; margin-right: 5px;}
.recruit-slide-magam{border-top: 1px solid #ddd; padding-top: 0.5rem; font-size: 15px; color: #828282;}

/* À¯Æ©ºê, °øÁö»çÇ×, ¹öÆ° */
.contents{display: flex; align-items: stretch; justify-content: space-between; margin-bottom: 1rem;}
.con-01{width: 39%; overflow: hidden; border-radius: 10px;}

.notices-tab{width: 39%; border: 1px solid #ddd; border-radius: 10px; overflow: hidden;}
.tab-btns.notices{border-bottom: 1px solid #ddd;}
.notices-inner{display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; padding: 0.5rem; width: 100%;} 
.notices-tabs{height: 100%;}
.tab-btns.notices .gall-more{padding-bottom: 0;}
.notices-tab-btns{display: flex; align-items: center;}
.notices-tab-btns li{border: 1px solid #2B72DE; border-radius: 50px; box-sizing: border-box; padding: 0.2rem 0.8rem; margin-right: 8px; cursor: pointer;}
.notices-tab-btns li.active{background-color: #2B72DE; color: #fff;}

.notices-tab01,.notices-tab02{box-sizing: border-box; padding: 0.5rem; background-color: #f5f5f5; height: 100%;}
.notices-tab01.tab-all a,.notices-tab02.tab-all a{height: calc(100%/5 - 0.5rem); margin-bottom: 0;}
.tab-all a span:first-child{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 70%;}

.three-btns{width: 20%; display: flex; flex-direction: column; align-items: center; justify-content: space-between;}
.one-btn{width: 100%; height: calc(100%/3 - 0.5rem); border-radius: 10px; overflow: hidden; color: #fff; display: flex; align-items: center; justify-content: center; flex-direction: column; box-sizing: border-box; padding: 0.8rem; position: relative; cursor: pointer;}
.one-btn span{box-sizing: border-box; padding: 0.3rem 0.5rem; font-size: 13px; border-radius: 50px; position: relative; z-index: 2; margin-bottom: 0.2rem; text-align: center;}
.one-btn p{font-size: 18px; font-family: 'Paperlogy-6SemiBold';}
.one-btn img{position: absolute; right: 5px; z-index: 1; width: 20%; top: 50%; transform: translateY(-50%);}

.one-btn:first-child{background-color: #0170D7;}
.one-btn:first-child span{background-color: #004D95;}

.one-btn:nth-child(2){background-color: #05A4FD;}
.one-btn:nth-child(2) span{background-color: #006DD1;}

.one-btn:last-child{background-color: #FDC005;}
.one-btn:last-child span{background-color: #FF9600;}

/* ÅÂºí¸´ °¡·Î¸ðµå */
@media only screen and (min-width: 1023px) and (max-width: 1400px){
    /* Çì´õ ¼öÁ¤ rerere */
    .header-top{width: 95%;}
    .header-main{width: 95%;}
    .header-main-title{font-size: 28px;}

    /* ÄÜÅÙÃ÷ ³»ºÎ */
    .wrap{width: 95%; margin: 0.8rem auto;}

    /* footer */
    .footer-inner{width: 95%;}

    /* °øÁÖ¸¶ÀÌ½ºÅÍ°í */
    .recruit-inner{width: 95%;}
}

/*ÅÂºí¸´ ¼¼·Î¸ðµå*/
@media only screen and (min-width: 767px) and (max-width: 1023px){

    /* Çì´õ ¼öÁ¤ rerere */
    .header-top{width: 95%;}
    .header-main{width: 95%;}
    .header-main-title{font-size: 28px;}
    .header-btm{width: 20%;}

    /* ÄÜÅÙÃ÷ ³»ºÎ */
    .wrap{width: 95%; margin: 0.8rem auto;}

    /* °íÁ¹ÀÚ ÈÄ¼Ó°ü¸® & ¿µ»ó */
    .content01_s{flex-direction: column;}
    .content-title{font-size: 18px; margin-bottom: 0.8rem;}
    .content01{width: 100%;}
    .content01:first-child{margin-bottom: 0.8rem;}

    /* ´õº¸±â¹öÆ° */
    .gall-more a{font-size: 0.7rem;}

    /* Çà»ç»çÁø °¶·¯¸® */
    .gallery{flex-wrap: wrap;}
    .picture01{width: calc(100%/2 - 0.5rem); margin-bottom: 0.8rem;}

    /* footer */
    .footer-inner{width: 95%;}
    .footer-btm span{overflow-wrap: anywhere; word-break: keep-all;}

    /* °øÁÖ¸¶ÀÌ½ºÅÍ°í */
    .recruit-inner{width: 95%;}
    /* À¯Æ©ºê,°øÁö»çÇ×,¹öÆ° */
    .slick-btns{width: 15%;}
    .contents{flex-wrap: wrap;}
    .con-01,.notices-tab{width: 49%;}
    .three-btns{width: 100%; flex-direction: row; align-items: stretch; margin-top: 0.8rem;}
    .one-btn{height: 100%; width: calc(100%/3 - 0.5rem);}
    .notices-tab01.tab-all a, .notices-tab02.tab-all a{margin-bottom: 0.5rem; height: auto;}
    .notices-tab01.tab-all a:last-child, .notices-tab02.tab-all a:last-child{margin-bottom: 0;}
    .one-btn img{width: 20%;}
}

/* ¸ð¹ÙÀÏ */
@media only screen and (max-width: 767px) and (min-width: 300px){

    /* Çì´õ ¼öÁ¤ rerere */
    .header-top{width: 95%;}
    .header-main{width: 95%;}
    .header-main-title{font-size: 18px; width: 100%; text-align: right;}
    .header-btm{width: 30%;}

    /* ÄÜÅÙÃ÷ ³»ºÎ */
    .wrap{width: 95%; margin: 0.8rem auto;}

    /* °íÁ¹ÀÚ ÈÄ¼Ó°ü¸® & ¿µ»ó */
    .content01_s{flex-direction: column;}
    .content-title{font-size: 16px; margin-bottom: 0.8rem;}
    .content01{width: 100%;}
    .content01:first-child{margin-bottom: 0.8rem;}
    .content-inner img.pc{display: none;}
    .content-inner img.m{display: block;}

    /* ´õº¸±â¹öÆ° */
    .gall-more a{font-size: 0.7rem;}

    /* Çà»ç»çÁø °¶·¯¸® */
    .gallery{flex-wrap: wrap;}
    .picture01{width: calc(100%/2 - 0.5rem); margin-bottom: 0.8rem;}

    /* footer-plus */
    .footer-plus-title span{font-size: 16px; overflow-wrap: anywhere; word-break: keep-all;}
    .footer-plus01:nth-child(2) img{width: 70%;}
    .footer-plus01:nth-child(4) img{width: 100%;}
    .footer-plus01:nth-child(5) img{width: 70%;}

    /* footer */
    .footer-inner{width: 95%;}
    .footer-btm span{overflow-wrap: anywhere; word-break: keep-all;}

    /* °øÁÖ¸¶ÀÌ½ºÅÍ°íµðÀÚÀÎ */
    .header-main.gongma{flex-wrap: wrap;}
    .header-main.gongma .header-main-title{position: absolute !important; top: 0.5rem;}
    .header-main.gongma .header-btm{width: 25%;}
    .search{width: 100%; margin-top: 0.5rem;}
    .submit-btn{width: 8%;}

    /* Ã¤¿ëÁ¤º¸ */
    .recruit{padding: 0.5rem 0;}
    .recruit-inner{width: 95%;}
    .slick-btns{width: 30%;}

    /* À¯Æ©ºê,°øÁö»çÇ×,¹öÆ° */
    .contents{flex-wrap: wrap;}
    .con-01,.notices-tab{width: 100%;}
    .notices-tab{margin: 0.8rem 0;}
    .three-btns{width: 100%; flex-direction: row; align-items: stretch;}
    .one-btn{height: 100%; width: calc(100%/3 - 0.5rem);}
    .notices-tab01.tab-all a, .notices-tab02.tab-all a{margin-bottom: 0.5rem; height: auto;}
    .notices-tab01.tab-all a:last-child, .notices-tab02.tab-all a:last-child{margin-bottom: 0;}
    .one-btn img{width: 25%;}
}









/* =========================================================
   À¯Æ©ºê / °øÁö»çÇ× / ¹Ù·Î°¡±â ¹öÆ° - °³¼±Çü
   ±âÁ¸ ºÐÀ§±â À¯Áö + ³ôÀÌ È®Àå + Ä«µå°¨ º¸°­
========================================================= */

.contents.contents-modern{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 18px;
    min-height: 370px;
    margin: 1.2rem 0 1.4rem;
}

.contents-modern .con-01,
.contents-modern .notices-tab,
.contents-modern .three-btns{
    box-sizing: border-box;
}

/* À¯Æ©ºê ¿µ¿ª */
.contents-modern .con-01{
    flex: 1.1 1 0;
    width: auto;
    min-width: 0;
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    background: #111;
    border: 1px solid rgba(23,82,170,0.16);
    box-shadow: 0 10px 24px rgba(0,0,0,0.10);
}

.contents-modern .con-01 iframe{
    display: block;
    width: 100%;
    height: 100%;
    min-height: 370px;
}

/* ¿µ»ó±³Ã¼ ¹öÆ° */
.vod-change-btn{
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 5;
    height: auto;
    line-height: 1;
    padding: 8px 13px;
    border-radius: 50px;
    border: 1px solid rgba(255,255,255,0.75);
    background: rgba(23,82,170,0.88);
    color: #fff;
    font-size: 13px;
    font-family: 'S-CoreDream-5Medium';
    box-shadow: 0 5px 14px rgba(0,0,0,0.18);
    cursor: pointer;
    transition: .2s;
}

.vod-change-btn:hover{
    background: #1752AA;
    transform: translateY(-1px);
}

/* °øÁö»çÇ× ¿µ¿ª */
.contents-modern .notices-tab{
    flex: 1.05 1 0;
    width: auto;
    min-width: 0;
    border: 1px solid rgba(23,82,170,0.16);
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 10px 24px rgba(23,82,170,0.08);
}

.contents-modern .tab-btns.notices{
    border-bottom: 1px solid #e6edf7;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.contents-modern .notices-inner{
    padding: 0.9rem 1rem;
}

.contents-modern .notices-tab-btns li{
    border: 1px solid #2B72DE;
    border-radius: 50px;
    padding: 0.35rem 1rem;
    font-family: 'S-CoreDream-5Medium';
    font-size: 14px;
    color: #2B72DE;
    background: #fff;
    transition: .2s;
}

.contents-modern .notices-tab-btns li.active{
    background: #2B72DE;
    color: #fff;
    box-shadow: 0 5px 12px rgba(43,114,222,0.25);
}

.contents-modern .notices-tabs{
    height: calc(100% - 58px);
    background: #f5f8fc;
}

.contents-modern .notices-tab01,
.contents-modern .notices-tab02{
    height: 100%;
    padding: 1rem;
    background: #f5f8fc;
}

.contents-modern .notices-tab01.tab-all a,
.contents-modern .notices-tab02.tab-all a{
    height: calc(100% / 5);
    margin: 0;
    padding: 0 0.65rem;
    border-bottom: 1px solid #e3e9f2;
    color: #333;
    transition: .2s;
}

.contents-modern .notices-tab01.tab-all a:last-child,
.contents-modern .notices-tab02.tab-all a:last-child{
    border-bottom: 0;
}

.contents-modern .notices-tab01.tab-all a:hover,
.contents-modern .notices-tab02.tab-all a:hover{
    background: #fff;
    border-radius: 8px;
    text-decoration: none;
    color: #1752AA;
}

.contents-modern .tab-all a span:first-child{
    width: 72%;
    font-size: 15px;
}

.contents-modern .tab-all a span:last-child{
    font-size: 13px;
    color: #8a95a5;
}

/* ¿À¸¥ÂÊ ¹öÆ° 3°³ */
.contents-modern .three-btns{
    flex: 0.58 1 0;
    width: auto;
    min-width: 190px;
    gap: 12px;
}

.contents-modern .one-btn{
    height: calc(100% / 3 - 8px);
    min-height: 112px;
    border-radius: 16px;
    padding: 1rem;
    box-shadow: 0 9px 20px rgba(0,0,0,0.10);
    transition: .2s;
}

.contents-modern .one-btn:hover{
    transform: translateY(-2px);
    box-shadow: 0 12px 26px rgba(0,0,0,0.15);
}

.contents-modern .one-btn a{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    color: #fff;
    position: relative;
    z-index: 2;
}

.contents-modern .one-btn span{
    font-size: 13px;
    padding: 0.35rem 0.65rem;
    margin-bottom: 0.45rem;
}

.contents-modern .one-btn p{
    margin: 0 !important;
    font-size: 21px;
    line-height: 1.2;
    text-align: left !important;
}

.contents-modern .one-btn img{
    right: 12px;
    width: 23%;
    opacity: 0.72;
    transition: .2s;
}

.contents-modern .one-btn:hover img{
    transform: translateY(-50%) scale(1.08);
    opacity: 0.9;
}

/* ÅÂºí¸´ */
@media only screen and (min-width: 767px) and (max-width: 1023px){
    .contents.contents-modern{
        flex-wrap: wrap;
        gap: 14px;
        min-height: auto;
    }

    .contents-modern .con-01,
    .contents-modern .notices-tab{
        width: calc(50% - 7px);
        flex: none;
        min-height: 330px;
    }

    .contents-modern .con-01 iframe{
        min-height: 330px;
    }

    .contents-modern .three-btns{
        width: 100%;
        flex: none;
        flex-direction: row;
        align-items: stretch;
        min-width: 0;
        margin-top: 0;
    }

    .contents-modern .one-btn{
        width: calc(100% / 3 - 8px);
        height: 120px;
        min-height: 120px;
    }
}

/* ¸ð¹ÙÀÏ */
@media only screen and (max-width: 767px) and (min-width: 300px){
    .contents.contents-modern{
        flex-wrap: wrap;
        gap: 12px;
        min-height: auto;
        margin: 1rem 0;
    }

    .contents-modern .con-01,
    .contents-modern .notices-tab,
    .contents-modern .three-btns{
        width: 100%;
        flex: none;
        min-width: 0;
    }

    .contents-modern .con-01 iframe{
        min-height: 230px;
    }

    .contents-modern .notices-tab{
        margin: 0;
    }

    .contents-modern .notices-tabs{
        height: auto;
    }

    .contents-modern .notices-tab01.tab-all a,
    .contents-modern .notices-tab02.tab-all a{
        height: auto;
        min-height: 42px;
        padding: 0.55rem 0.4rem;
    }

    .contents-modern .three-btns{
        flex-direction: row;
        gap: 8px;
    }

    .contents-modern .one-btn{
        width: calc(100% / 3 - 6px);
        height: 105px;
        min-height: 105px;
        padding: 0.75rem;
    }

    .contents-modern .one-btn p{
        font-size: 17px;
    }

    .contents-modern .one-btn img{
        width: 27%;
    }
}





/* ¼¾ÅÍ ¾Ë¸² Å¸ÀÌÆ² */
.center-notice-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:12px 14px;
    margin-bottom:8px;
    border-radius:14px;
    background:linear-gradient(90deg, rgba(23,82,170,0.10), rgba(255,255,255,0));
    border-left:4px solid #1752AA;
}

.center-notice-title-left{
    display:flex;
    align-items:center;
    gap:10px;
}

.center-notice-icon{
    width:36px;
    height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    background:#1752AA;
    color:#fff;
    box-shadow:0 6px 14px rgba(23,82,170,0.22);
}

.center-notice-icon i{
    font-size:16px;
}

.center-notice-title strong{
    display:block;
    font-family:'Paperlogy-7Bold';
    font-size:20px;
    color:#1f2d3d;
    line-height:1.2;
}

.center-notice-title em{
    display:block;
    margin-top:3px;
    font-style:normal;
    font-family:'S-CoreDream-3Light';
    font-size:13px;
    color:#7d8793;
}

/* ¿À¸¥ÂÊ 3°³ ¹öÆ° ¾ÆÀÌÄÜ */
.one-btn a{
    position:relative;
    display:block;
    width:100%;
    height:100%;
    color:#fff;
}

.one-btn .btn-bg-icon{
    position:absolute;
    top:50%;
    right:16px;
    transform:translateY(-50%);
    z-index:1;
    font-size:42px;
    color:rgba(255,255,255,0.42);
    transition:.2s;
}

.one-btn:hover .btn-bg-icon{
    right:13px;
    color:rgba(255,255,255,0.62);
    transform:translateY(-50%) scale(1.08);
}

.one-btn span,
.one-btn p{
    position:relative;
    z-index:2;
}

/* ¹öÆ° ±ÛÀÚ Á¤·ÄÀ» Á¶±Ý ´õ ¾ÈÁ¤ÀûÀ¸·Î */
.one-btn span{
    text-align:left;
}

.one-btn p{
    text-align:left !important;
    word-break:keep-all;
}






