@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');
@font-face {
    font-family: 'NEXON Lv2 Gothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body{
    font-family: 'NEXON Lv2 Gothic';
}


/*
font-family: 'Noto Sans KR', sans-serif;
color : #86789F, #665085, #573C81
*/

/* reset */
*{margin: 0; padding: 0;}
ul,ol{list-style: none;}
a{text-decoration: none;}
img{border: none; display: block;}
video{border: none; display: block;}
address, em{font-style: normal;}
button{border:none; box-shadow:none; background: inherit ;}

body, section, header, footer, div, aside, nav, ul, ol, li, h1, h2, h3, h4, h5, h6, p, a, tr, td, th, article{font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 160%; color: #2A2A2A;}

/* common */
.title{font-weight: 700; font-size: 42px; line-height: 61px; color: #281153;}
.bold_text{font-weight: bold;}
.btn_more{box-sizing: border-box; width: 118px; height: 42px; background: #FFFFFF; border: 1.3px solid #573C81; border-radius: 31px; display: flex; justify-content: center; align-items: center;}
.btn_more>p{font-weight: 500; font-size: 16px; line-height: 160%; color: #573C81; margin-right: 6px;}
.btn_more>img{width: 10px; height: 9px;}
#m_TypeA{display: none;}
#header{background: rgba(0, 0, 0, 0.5);}
#m_header{background: rgba(0, 0, 0, 0.5);}
#m_header>.m_main_util{background:none;}
#header>div>.main_gnb>ul>li>a{color: #FFFFFF;}
#header>div>.main_util>ul>li>a{color: #FFFFFF;}
#m_header>.m_main_util>div>div{background: #FFFFFF;}
.br_mobile{display: none;}
/*------------------------------------------------------------*/

/* ------------- PC -------------- */
@media screen and (min-width:1201px){

    #TopBanner{position: relative; width: 100%; height: 781px; margin-top: -80px; background: #040404;}
    #TopBanner>div{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(/user/img/1.index/AdobeStock_502002930\ 1.png); mix-blend-mode: lighten;}
    #TopBanner>div>p{position: absolute; width: 250px; left: 50%; transform: translateX(-50%); top: 41.49%; font-size: 24px; line-height: 35px; color: #FFFFFF;}
    #TopBanner>div>h2{position: absolute; width: 649px; left: 50%; transform: translateX(-50%); top: 46.73%; font-weight: 700; font-size: 62px; line-height: 90px; letter-spacing: -0.02em; background: linear-gradient(91.9deg, #FFFFFF 33.77%, #FFFFFF 71.5%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2);}
    #TopBanner>div>h1{position: absolute; width: 136px; height: 34px; left: 50%; transform: translateX(-50%); top: 699px;}
    #TopBanner>div>h1>img{width: 100%;}

    #Title{position: relative; width: 100%; height: 512px; display: flex; justify-content: center; align-items: center;}
    #Title>div{width: 80%; display: flex; justify-content: space-between; align-items: center;}
    #Title>div>div:nth-child(1){width: 50%; display: flex; flex-direction: column; align-items: baseline;}
    #Title>div>div:nth-child(1)>h1{width: 60%;}
    #Title>div>div:nth-child(1)>h1>img{width: 100%;}
    #Title>div>div:nth-child(2){position: absolute; left: 40%; transform: translateX(-50%); width: 0; height: 124px; border: 1px dashed #000000;}
    #Title>div>div:nth-child(3){width: 50%; display: flex; flex-direction: column; align-items: baseline;}
    #Title>div>div:nth-child(3)>p{width: 90%; font-weight: 400; font-size: 18px; line-height: 160%; color: #2A2A2A; margin-bottom: 5%;}

    #Maps{position: relative; width: 100%; height: 700px; display: flex; justify-content: center; align-items: center; background: #F9F9F9;}
    #Maps>div{width: 80%; display: flex; justify-content: space-between; align-items: center;}
    #Maps>div>div:nth-child(1){width: 50%;}
    #Maps>div>div:nth-child(1)>img{width: 80%;}
    #Maps>div>div:nth-child(2){width: 50%; display: flex; flex-direction: column; align-items: baseline;}
    #Maps>div>div:nth-child(2)>h3{margin-bottom: 8%; margin-top: 10%;}
    #Maps>div>div:nth-child(2)>p{width: 90%; margin-bottom: 5%;}

    #TypeA{position: relative; width: 100%; height: 700px; display: flex; justify-content: center; align-items: center; background: #FFFFFF;}
    #TypeA>div{width: 80%; display: flex; justify-content: space-between; align-items: center;}
    #TypeA>div>div:nth-child(1){width: 50%; display: flex; flex-direction: column; align-items: baseline;}
    #TypeA>div>div:nth-child(1)>h3{margin-bottom: 8%; margin-top: 10%;}
    #TypeA>div>div:nth-child(1)>p{width: 70%; margin-bottom: 5%;}
    #TypeA>div>div:nth-child(2){width: 50%;}
    #TypeA>div>div:nth-child(2)>img{width: 80%}

    #TypeB{position: relative; width: 100%; height: 700px;display: flex; justify-content: center; align-items: center;  background: #F9F9F9;}
    #TypeB>div{width: 80%; display: flex; justify-content: space-between; align-items: center;}
    #TypeB>div>div:nth-child(1){width: 50%;}
    #TypeB>div>div:nth-child(1)>img{width: 80%}
    #TypeB>div>div:nth-child(2){width: 50%; display: flex; flex-direction: column; align-items: baseline;}
    #TypeB>div>div:nth-child(2)>h3{margin-bottom: 8%; margin-top: 10%;}
    #TypeB>div>div:nth-child(2)>p{width: 90%; margin-bottom: 5%;}

    
    #Notice{position: relative; margin-top: 80px; width: 100%; height: 700px; margin-bottom: 80px; background: #FFFFFF; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Notice>.notice_title{width: 80%; display: flex; justify-content: space-between; height: 52px; padding-bottom: 1%; border-bottom: 1px solid #252525; margin-bottom: 4%;}
    #Notice>.notice_title>h4{font-weight: 700; font-size: 36px; line-height: 52px; color: #281153;}
    #Notice>.notice_inner{width: 80%;}
    #Notice>.notice_inner>ul{display: flex; justify-content: space-between;}
    #Notice>.notice_inner>ul>li{width: 32%; background: #FFFFFF; border: 1px solid #D7D7D7;}
    #Notice>.notice_inner>ul>li>a{display: flex; flex-direction: column; justify-content: center; align-items: baseline; padding: 10% 5%;}
    #Notice>.notice_inner>ul>li>a>h5{width: 100%; font-family: 'NEXON Lv2 Gothic'; font-weight: 700; font-size: 24px; line-height: 27px; color: #272430; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 5%;}
    #Notice>.notice_inner>ul>li>a>.line{width: 100%; height: 0; border: 1px solid #DDDDDD; margin-bottom: 5%;}
    #Notice>.notice_inner>ul>li>a>.notice_photo{width: 100%; height: 140px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 5%; overflow: hidden; }
    #Notice>.notice_inner>ul>li:nth-child(2)>a>.notice_photo>img{width: 48%;}
    #Notice>.notice_inner>ul>li:nth-child(3)>a>.notice_photo>img{width: 100%;}
    #Notice>.notice_inner>ul>li>a>.notice_text{display: block;}
    #Notice>.notice_inner>ul>li>a>.notice_text>p{font-family: 'NEXON Lv2 Gothic'; font-weight: 400; font-size: 14px; line-height: 160%; color: #272430; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
    #Notice>.notice_inner>ul>li>a>.notice_text_one>p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 9; -webkit-box-orient: vertical;}

}





@media screen and (min-width:901px) and (max-width:1200px){


    #TopBanner{position: relative; width: 100%; height: 781px; margin-top: -80px; background: #040404;}
    #TopBanner>div{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(/user/img/1.index/AdobeStock_502002930\ 1.png); mix-blend-mode: lighten;}
    #TopBanner>div>p{position: absolute; width: 250px; left: 50%; transform: translateX(-50%); top: 41.49%; font-size: 24px; line-height: 35px; color: #FFFFFF;}
    #TopBanner>div>h2{position: absolute; width: 649px; left: 50%; transform: translateX(-50%); top: 46.73%; font-weight: 700; font-size: 52px; line-height: 90px; letter-spacing: -0.02em; background: linear-gradient(91.9deg, #FFFFFF 33.77%, #FFFFFF 71.5%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2);}
    #TopBanner>div>h1{position: absolute; width: 136px; height: 34px; left: 50%; transform: translateX(-50%); top: 699px;}
    #TopBanner>div>h1>img{width: 100%;}

    #Title{position: relative; width: 100%; height: 512px; display: flex; justify-content: center; align-items: center;}
    #Title>div{width: 80%; display: flex; justify-content: space-between; align-items: center;}
    #Title>div>div:nth-child(1){width: 50%; display: flex; flex-direction: column; align-items: baseline;}
    #Title>div>div:nth-child(1)>h1{width: 60%;}
    #Title>div>div:nth-child(1)>h1>img{width: 100%;}
    #Title>div>div:nth-child(2){position: absolute; left: 40%; transform: translateX(-50%); width: 0; height: 124px; border: 1px dashed #000000;}
    #Title>div>div:nth-child(3){width: 50%; display: flex; flex-direction: column; align-items: baseline;}
    #Title>div>div:nth-child(3)>p{width: 90%; font-weight: 400; font-size: 18px; line-height: 160%; color: #2A2A2A; margin-bottom: 5%;}

    #Maps{position: relative; width: 100%; height: 700px; display: flex; justify-content: center; align-items: center; background: #F9F9F9;}
    #Maps>div{width: 80%; display: flex; justify-content: space-between; align-items: center;}
    #Maps>div>div:nth-child(1){width: 50%;}
    #Maps>div>div:nth-child(1)>img{width: 90%;}
    #Maps>div>div:nth-child(2){width: 50%; display: flex; flex-direction: column; align-items: baseline;}
    #Maps>div>div:nth-child(2)>h3{margin-bottom: 8%; margin-top: 10%;}
    #Maps>div>div:nth-child(2)>p{width: 90%; margin-bottom: 5%;}

    #TypeA{position: relative; width: 100%; height: 700px; display: flex; justify-content: center; align-items: center; background: #FFFFFF;}
    #TypeA>div{width: 80%; display: flex; justify-content: space-between; align-items: center;}
    #TypeA>div>div:nth-child(1){width: 50%; display: flex; flex-direction: column; align-items: baseline;}
    #TypeA>div>div:nth-child(1)>h3{margin-bottom: 8%; margin-top: 10%;}
    #TypeA>div>div:nth-child(1)>p{width: 80%; margin-bottom: 5%;}
    #TypeA>div>div:nth-child(2){width: 50%;}
    #TypeA>div>div:nth-child(2)>img{width: 90%}

    #TypeB{position: relative; width: 100%; height: 700px;display: flex; justify-content: center; align-items: center;  background: #F9F9F9;}
    #TypeB>div{width: 80%; display: flex; justify-content: space-between; align-items: center;}
    #TypeB>div>div:nth-child(1){width: 50%;}
    #TypeB>div>div:nth-child(1)>img{width: 90%}
    #TypeB>div>div:nth-child(2){width: 50%; display: flex; flex-direction: column; align-items: baseline;}
    #TypeB>div>div:nth-child(2)>h3{margin-bottom: 8%; margin-top: 10%;}
    #TypeB>div>div:nth-child(2)>p{width: 90%; margin-bottom: 5%;}

    
    #Notice{position: relative; margin-top: 80px; width: 100%; height: 700px; margin-bottom: 80px; background: #FFFFFF; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Notice>.notice_title{width: 80%; display: flex; justify-content: space-between; height: 52px; padding-bottom: 1%; border-bottom: 1px solid #252525; margin-bottom: 4%;}
    #Notice>.notice_title>h4{font-weight: 700; font-size: 36px; line-height: 52px; color: #281153;}
    #Notice>.notice_inner{width: 80%;}
    #Notice>.notice_inner>ul{display: flex; justify-content: space-between;}
    #Notice>.notice_inner>ul>li{width: 32%; background: #FFFFFF; border: 1px solid #D7D7D7;}
    #Notice>.notice_inner>ul>li>a{display: flex; flex-direction: column; justify-content: center; align-items: baseline; padding: 10% 5%;}
    #Notice>.notice_inner>ul>li>a>h5{width: 100%; font-family: 'NEXON Lv2 Gothic'; font-weight: 700; font-size: 24px; line-height: 27px; color: #272430; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 5%;}
    #Notice>.notice_inner>ul>li>a>.line{width: 100%; height: 0; border: 1px solid #DDDDDD; margin-bottom: 5%;}
    #Notice>.notice_inner>ul>li>a>.notice_photo{width: 100%; height: 140px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 5%; overflow: hidden; }
    #Notice>.notice_inner>ul>li:nth-child(2)>a>.notice_photo>img{width: 48%;}
    #Notice>.notice_inner>ul>li:nth-child(3)>a>.notice_photo>img{width: 100%;}
    #Notice>.notice_inner>ul>li>a>.notice_text{display: block;}
    #Notice>.notice_inner>ul>li>a>.notice_text>p{font-family: 'NEXON Lv2 Gothic'; font-weight: 400; font-size: 14px; line-height: 160%; color: #272430; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
    #Notice>.notice_inner>ul>li>a>.notice_text_one>p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 9; -webkit-box-orient: vertical;}

}





@media screen and (min-width:601px) and (max-width:900px){

    .btn_more{width: 100px; height: 40px;}
    .btn_more>p{font-size: 14px;}

    #TopBanner{position: relative; width: 100%; height: 781px; margin-top: -80px; background: #040404;}
    #TopBanner>div{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(/user/img/1.index/AdobeStock_502002930\ 1.png); mix-blend-mode: lighten;}
    #TopBanner>div>p{position: absolute; width: 250px; left: 50%; transform: translateX(-50%); top: 41.49%; font-size: 24px; text-align: center; line-height: 35px; color: #FFFFFF;}
    #TopBanner>div>h2{position: absolute; width: 90%; left: 50%; transform: translateX(-50%); top: 46.73%; font-weight: 700; font-size: 50px; text-align: center; line-height: 90px; letter-spacing: -0.02em; background: linear-gradient(91.9deg, #FFFFFF 33.77%, #FFFFFF 71.5%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;  background-clip: text; text-fill-color: transparent; text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2);}
    #TopBanner>div>h1{position: absolute; width: 136px; height: 34px; left: 50%; transform: translateX(-50%); top: 699px;}
    #TopBanner>div>h1>img{width: 100%;}

    #Title{position: relative; width: 100%; height: 700px; display: flex; justify-content: center; align-items: center;}
    #Title>div{width: 80%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Title>div>div:nth-child(1){width: 100%; display: flex; flex-direction: column; align-items: center; margin-bottom: 60px;}
    #Title>div>div:nth-child(1)>h1{width: 80%;}
    #Title>div>div:nth-child(1)>h1>img{width: 100%;}
    #Title>div>div:nth-child(2){width: 102px; height: 0; border: 1px dashed #000000; margin-bottom: 32px;}
    #Title>div>div:nth-child(3){width: 100%; display: flex; flex-direction: column; align-items: center;}
    #Title>div>div:nth-child(3)>p{width: 100%; font-weight: 400; font-size: 17px; line-height: 160%; color: #2A2A2A; text-align: center; margin-bottom: 24px;}

    #Maps{position: relative; width: 100%; padding: 10% 0; display: flex; justify-content: center; align-items: center; background: #F9F9F9;}
    #Maps>div{width: 80%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Maps>div>div:nth-child(1){width: 100%; margin-bottom: 10%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Maps>div>div:nth-child(1)>img{width: 60%; content: url(/user/img/1.index/maps_mini.png);}
    #Maps>div>div:nth-child(2){width: 100%; display: flex; flex-direction: column; align-items: center;}
    #Maps>div>div:nth-child(2)>h3{margin-bottom: 8%; font-size: 26px; line-height: 38px;}
    #Maps>div>div:nth-child(2)>p{width: 100%; margin-bottom: 7%; font-size: 17px; line-height: 160%;}

    #TypeA{display: none;}
    #m_TypeA{position: relative; width: 100%; padding: 10% 0; display: flex; justify-content: center; align-items: center; background: #FFFFFF;}
    #m_TypeA>div{width: 80%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #m_TypeA>div>div:nth-child(1){width: 100%; margin-bottom: 10%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #m_TypeA>div>div:nth-child(1)>img{width: 60%; content: url(/user/img/1.index/typea_mini.png);}
    #m_TypeA>div>div:nth-child(2){width: 100%; display: flex; flex-direction: column; align-items: center;}
    #m_TypeA>div>div:nth-child(2)>h3{margin-bottom: 8%; font-size: 26px; line-height: 38px;}
    #m_TypeA>div>div:nth-child(2)>p{width: 100%; margin-bottom: 7%; font-size: 17px; line-height: 160%;}

    #TypeB{position: relative; width: 100%; padding: 10% 0; display: flex; justify-content: center; align-items: center; background: #F9F9F9;}
    #TypeB>div{width: 80%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #TypeB>div>div:nth-child(1){width: 100%; margin-bottom: 10%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #TypeB>div>div:nth-child(1)>img{width: 60%; content: url(/user/img/1.index/maps_mini.png);}
    #TypeB>div>div:nth-child(2){width: 100%; display: flex; flex-direction: column; align-items: center;}
    #TypeB>div>div:nth-child(2)>h3{margin-bottom: 8%; font-size: 26px; line-height: 38px;}
    #TypeB>div>div:nth-child(2)>p{width: 100%; margin-bottom: 7%; font-size: 17px; line-height: 160%;}

    
    #Notice{position: relative; width: 100%; padding: 10% 0; background: #FFFFFF; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Notice>.notice_title{width: 80%; display: flex; justify-content: space-between; height: 52px; padding-bottom: 1%; border-bottom: 1px solid #252525; margin-bottom: 8%;}
    #Notice>.notice_title>h4{font-weight: 700; font-size: 30px; line-height: 52px; color: #281153;}
    #Notice>.notice_inner{width: 80%;}
    #Notice>.notice_inner>ul>li{background: #FFFFFF; border: 1px solid #D7D7D7; margin-bottom: 20px;}
    #Notice>.notice_inner>ul>li>a{display: flex; flex-direction: column; justify-content: center; align-items: baseline; padding: 10% 5%;}
    #Notice>.notice_inner>ul>li>a>h5{width: 100%; font-family: 'NEXON Lv2 Gothic'; font-weight: 700; font-size: 24px; line-height: 27px; color: #272430; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 5%;}
    #Notice>.notice_inner>ul>li>a>.line{width: 100%; height: 0; border: 1px solid #DDDDDD; margin-bottom: 5%;}
    #Notice>.notice_inner>ul>li>a>.notice_photo{width: 100%; height: 140px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 5%; overflow: hidden; }
    #Notice>.notice_inner>ul>li:nth-child(2)>a>.notice_photo>img{width: 48%;}
    #Notice>.notice_inner>ul>li:nth-child(3)>a>.notice_photo>img{width: 48%;}
    #Notice>.notice_inner>ul>li>a>.notice_text{display: block;}
    #Notice>.notice_inner>ul>li>a>.notice_text>p{font-family: 'NEXON Lv2 Gothic'; font-weight: 400; font-size: 14px; line-height: 160%; color: #272430; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
    #Notice>.notice_inner>ul>li>a>.notice_text_one>p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 9; -webkit-box-orient: vertical;}
}







/* ------------- mobile -------------- */
@media screen and (max-width:600px){

    .btn_more{width: 90px; height: 38px;}
    .btn_more>p{font-size: 15px;}
    .br_mobile{display: block;}

    #TopBanner{position: relative; width: 100%; height: 781px; margin-top: -80px; background: #040404;}
    #TopBanner>div{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(/user/img/1.index/AdobeStock_502002930\ 1.png); mix-blend-mode: lighten;}
    #TopBanner>div>p{position: absolute; width: 250px; left: 50%; transform: translateX(-50%); top: 41.49%; font-size: 16px; text-align: center; line-height: 23px; color: #FFFFFF;}
    #TopBanner>div>h2{position: absolute; width: 90%; left: 50%; transform: translateX(-50%); top: 46.73%; font-weight: 700; font-size: 36px; text-align: center; line-height: 52px; letter-spacing: -0.02em; background: linear-gradient(91.9deg, #FFFFFF 33.77%, #FFFFFF 71.5%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2);}
    #TopBanner>div>h1{position: absolute; width: 102px; height: 26px; left: 50%; transform: translateX(-50%); top: 699px;}
    #TopBanner>div>h1>img{width: 100%;}

    #Title{position: relative; width: 100%; height: 700px; display: flex; justify-content: center; align-items: center;}
    #Title>div{width: 80%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Title>div>div:nth-child(1){width: 100%; display: flex; flex-direction: column; align-items: center; margin-bottom: 60px;}
    #Title>div>div:nth-child(1)>h1{width: 80%;}
    #Title>div>div:nth-child(1)>h1>img{width: 100%;}
    #Title>div>div:nth-child(2){width: 102px; height: 0; border: 1px dashed #000000; margin-bottom: 32px;}
    #Title>div>div:nth-child(3){width: 100%; display: flex; flex-direction: column; align-items: center;}
    #Title>div>div:nth-child(3)>p{width: 100%; font-weight: 400; font-size: 15px; line-height: 160%; color: #2A2A2A; text-align: center; margin-bottom: 24px;}

    #Maps{position: relative; width: 100%; padding: 10% 0; display: flex; justify-content: center; align-items: center; background: #F9F9F9;}
    #Maps>div{width: 80%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Maps>div>div:nth-child(1){width: 100%; margin-bottom: 10%;}
    #Maps>div>div:nth-child(1)>img{width: 100%; content: url(/user/img/1.index/maps_mini.png);}
    #Maps>div>div:nth-child(2){width: 100%; display: flex; flex-direction: column; align-items: center;}
    #Maps>div>div:nth-child(2)>h3{margin-bottom: 8%; font-size: 26px; line-height: 38px;}
    #Maps>div>div:nth-child(2)>p{width: 100%; margin-bottom: 7%; font-size: 15px; line-height: 160%;}

    #TypeA{display: none;}
    #m_TypeA{position: relative; width: 100%; padding: 10% 0; display: flex; justify-content: center; align-items: center; background: #FFFFFF;}
    #m_TypeA>div{width: 80%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #m_TypeA>div>div:nth-child(1){width: 100%; margin-bottom: 10%;}
    #m_TypeA>div>div:nth-child(1)>img{width: 100%; content: url(/user/img/1.index/typea_mini.png);}
    #m_TypeA>div>div:nth-child(2){width: 100%; display: flex; flex-direction: column; align-items: center;}
    #m_TypeA>div>div:nth-child(2)>h3{margin-bottom: 8%; font-size: 26px; line-height: 38px;}
    #m_TypeA>div>div:nth-child(2)>p{width: 100%; margin-bottom: 7%; font-size: 15px; line-height: 160%;}

    #TypeB{position: relative; width: 100%; padding: 10% 0; display: flex; justify-content: center; align-items: center; background: #F9F9F9;}
    #TypeB>div{width: 80%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #TypeB>div>div:nth-child(1){width: 100%; margin-bottom: 10%;}
    #TypeB>div>div:nth-child(1)>img{width: 100%; content: url(/user/img/1.index/maps_mini.png);}
    #TypeB>div>div:nth-child(2){width: 100%; display: flex; flex-direction: column; align-items: center;}
    #TypeB>div>div:nth-child(2)>h3{margin-bottom: 8%; font-size: 26px; line-height: 38px;}
    #TypeB>div>div:nth-child(2)>p{width: 100%; margin-bottom: 7%; font-size: 15px; line-height: 160%;}

    
    #Notice{position: relative; width: 100%; padding: 10% 0; background: #FFFFFF; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #Notice>.notice_title{width: 80%; display: flex; justify-content: space-between; height: 52px; padding-bottom: 1%; border-bottom: 1px solid #252525; margin-bottom: 8%;}
    #Notice>.notice_title>h4{font-weight: 700; font-size: 24px; line-height: 35px; color: #281153;}
    #Notice>.notice_inner{width: 80%;}
    #Notice>.notice_inner>ul>li{background: #FFFFFF; border: 1px solid #D7D7D7; margin-bottom: 20px;}
    #Notice>.notice_inner>ul>li>a{display: flex; flex-direction: column; justify-content: center; align-items: baseline; padding: 10% 5%;}
    #Notice>.notice_inner>ul>li>a>h5{width: 100%; font-family: 'NEXON Lv2 Gothic'; font-weight: 700; font-size: 24px; line-height: 27px; color: #272430; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 5%;}
    #Notice>.notice_inner>ul>li>a>.line{width: 100%; height: 0; border: 1px solid #DDDDDD; margin-bottom: 5%;}
    #Notice>.notice_inner>ul>li>a>.notice_photo{width: 100%; height: 140px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 5%; overflow: hidden; }
    #Notice>.notice_inner>ul>li:nth-child(2)>a>.notice_photo>img{width: 48%;}
    #Notice>.notice_inner>ul>li:nth-child(3)>a>.notice_photo>img{width: 100%;}
    #Notice>.notice_inner>ul>li>a>.notice_text{display: block;}
    #Notice>.notice_inner>ul>li>a>.notice_text>p{font-family: 'NEXON Lv2 Gothic'; font-weight: 400; font-size: 14px; line-height: 160%; color: #272430; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
    #Notice>.notice_inner>ul>li>a>.notice_text_one>p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 9; -webkit-box-orient: vertical;}
}