@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&family=Roboto:wght@100;200;300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@font-face {
    font-family: 'MinSans-Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/MinSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
html,body,div,span,p,h1,h2,h3,h4,h5,h6,sup,ul,ol,li,a,dt,dl,table,th,td,input,select,label,section,button,strong
{ font-family: 'MinSans-Regular', 'Noto Sans KR', sans-serif; color: #333; font-size: 16px; letter-spacing: -0.01em; line-height:1.5;}
body,ul,p,span,h1,h2,h3,h4,h5,h6,blockquote,fieldset,legend{ margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6{ font-size: 18px; letter-spacing: -0.02em;  line-height:1.35;}
ol,ul{ list-style: none;}
em,address{ font-style: normal;}
fieldset{ border: none;}
legend{ text-indent: -999999px; width: 1px; height: 1px; overflow: hidden; font-size: 1px; line-height: 1px; position: absolute; left: 0; top: 0;}
img{ vertical-align: middle;}
input[type="checkbox"],
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="radio"]{ vertical-align: middle; background-color: transparent;}
select, button{ border: 0;}
a{ text-decoration: none;}
html,body{ overflow-x: hidden;}
/* .main-container{ width: 1920px; overflow-x: hidden; margin: 0 auto;} */
strong{font-size:inherit; font-weight:bold; color:inherit;}

:root{
--mainColor:#222f5c;
}

/* 공통 */
.wrap{ width:1200px; margin:auto;}
div .bx-wrapper{box-shadow: 0 0 0 0; margin-bottom: 0; padding: 0; border: none; background-color: transparent;}
strong{ font-size: 1em;}

.main-tit{display:block; font-size:40px; color:#333; text-align:center;}
.main-titBtm{display:block; color:#aeaaaa; font-size:14px; font-weight:bold; text-align:center;}


.pc_show{display:block;}
.m_show{display:none;}



/* 모바일바로가기 */
#mobile-btn{}
#mobile-btn { position: fixed; right: 0; top: 150px; z-index: 150;}
#mobile-btn > a { display: block; width: 210px; height: 60px; background: rgba(0,0, 0, 0.6) url(../image/main/mobile_on.png) right 15px top 26px no-repeat; color:#fff; border-radius: 20px 0 0 20px; transition: all 0.3s;}
#mobile-btn > a:hover { background-color: rgba(72, 106, 178, 1);}
/* #mobile-btn > a:hover p { display:block; opacity: 1; transition-delay: 0.2s } */
#mobile-btn > a > p { font-size: 18px; font-weight: 500; color: #fff; text-align: center; line-height: 60px}


/* 헤더 */
#m_header{display:none;}
#header{width:100%; height:95px; position:fixed; z-index:99;}
#header > div.hd_top{display:flex; width:100%; height:100%; align-items:center; justify-content:space-between; box-sizing:border-box; padding:0 20px;}
#header > div.hd_top .hd_topCenter{height:100%; width:1200px;}
#header > div.hd_top .hd_topCenter ul{display:flex; height:100%;}
#header > div.hd_top .hd_topCenter ul li{height:100%; position:relative; width:100%;}
#header > div.hd_top .hd_topCenter ul li a{font-size:20px; color:#fff; height:100%; box-sizing:border-box; line-height:95px; display:block; text-align:center;}
#header > div.hd_top .hd_topCenter ul li+li{}
#header > div.hd_top .hd_topRight ul{display:flex;}
#header > div.hd_top .hd_topRight li{}
#header > div.hd_top .hd_topRight li+li{margin-left:4px;}
#header > div.hd_top .hd_topRight li a{font-size:16px; color:#333; box-sizing:border-box; padding:0 10px; text-align:center; line-height:26px; width:70px; background:#fff; border-radius:30px; text-align:center;}

#header > div.hd_btm{display:none;}
#header > div.hd_btm .hd_btmWrap{display:flex; width:100%; align-items:center; justify-content:space-between; box-sizing:border-box; background:rgba(34, 47, 92, 0.8); padding:28px 20px ;}
#header > div.hd_btm .hd_btmLeft{width:250px; display:block; height:50px;}
#header > div.hd_btm .hd_btmRight{width:137px; display:block; height:50px;}
#header > div.hd_btm .hd_btmCenter{display:flex; width:1200px; justify-content: space-between;}
#header > div.hd_btm .hd_btmCenter ul{width:100%; box-sizing:border-box;}
#header > div.hd_btm .hd_btmCenter ul+ul{}
#header > div.hd_btm .hd_btmCenter li{text-align:center;}
#header > div.hd_btm .hd_btmCenter li a{text-align:center; font-size:18px; letter-spacing:-0.1em; color:#fff;}
#header > div.hd_btm .hd_btmCenter li+li{margin-top:15px;}
#header > div.hd_top .hd_topCenter ul li a:after{content:""; display:block; width:100%; height:3px; background:var(--mainColor); position:absolute; bottom:0; transform:scale(0); transition: all 0.3s;}
#header > div.hd_top .hd_topCenter ul li:hover a:after{transform:scale(1) !important;}

/*on*/
#header.on{background:#fff;}
#header.on > div.hd_top .hd_topCenter ul li a{color:#333;}
#header.on > div.hd_top .hd_topCenter ul li a:hover{color:var(--mainColor);}
#header.on > div.hd_top .hd_topRight li a{color:#fff; background:var(--mainColor); font-weight:300; }
#header.on > div.hd_top .hd_topRight li:nth-child(2) a{background:#0c2e86}
#header.Scrollon{background:#fff;}
#header.Scrollon > div.hd_top .hd_topCenter ul li a{color:#333;}
#header.Scrollon > div.hd_top .hd_topCenter ul li a:hover{color:var(--mainColor);}
#header.Scrollon > div.hd_top .hd_topRight li a{color:#fff; background:var(--mainColor);font-weight:300; }
#header.SubOn{background:#fff;}
#header.SubOn > div.hd_top .hd_topCenter ul li a{color:#333;}
#header.SubOn > div.hd_top .hd_topCenter ul li a:hover{color:var(--mainColor);}
#header.SubOn > div.hd_top .hd_topRight li a{color:#fff; background:var(--mainColor);font-weight:300; }
#header.SubOn > div.hd_top .hd_topRight li:nth-child(2) a{background:#0c2e86}
#header .h_logo{background:url(../img/main/h_logo.png) center center no-repeat; width:250px; height:27px; display:block;}
#header .h_logo.on{background:url(../img/main/h_logo_on.png) center center no-repeat;}
#header .h_logo.Scrollon{background:url(../img/main/h_logo_on.png) center center no-repeat;}
#header .h_logo.SubOn{background:url(../img/main/h_logo_on.png) center center no-repeat;}

.mainSlider{max-height:100vh; overflow:hidden; aspect-ratio:16/9; width:100%;}
.mainSlider .swiper-container{width:100%; height:100%;}
.mainSlider .swiper-wrapper{}
.mainSlider .swiper-container .swiper-pagination{bottom:30px;}
.mainSlider .swiper-container-horizontal > .swiper-pagination-bullets{bottom:45px !important;}
.mainSlider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 8px !important;}
.mainSlider .swiper-pagination-bullet{width:15px !important; height:15px !important; background:none !important; border:1px solid #fff !important; box-sizing:border-box !important; opacity:1 !important;}
.mainSlider .swiper-pagination-bullet-active{background:#fff !important; border:none !important;}
.mainSlider .swiper-slide{}
.mainSlider .swiper-slide img{width:100%; height:100%; display:block; margin:0 auto; aspect-ratio:16/9;}


/* 퀵메뉴 */

#quick{ position: relative; z-index: 10; }
#quick .quick-wrap{ position: absolute; right: 10px; top: 225px;}
#quick .quick-wrap img{display:block; margin:0 auto; object-fit:contain;}
#quick .quick-wrap .q-head{position:absolute; top:0;}
#quick .quick-wrap > ul{ width: 85px; padding-top:20px; margin-top:75px; background:#fff; box-sizing:border-box; border:1px solid #ddd;}
#quick .quick-wrap > ul li{ width: 100%; height: 80px; font-size:16px; text-align:center;}
#quick .quick-wrap > ul li b{font-size:18px; font-family: 'Montserrat', sans-serif; font-weight:600; color:var(--mainColor); letter-spacing:-0.1em;}
#quick .quick-wrap > ul li+li:before{width:60px; height:1px; content:""; display:block; margin:15px auto; background:#dddddd;}
#quick .quick-wrap > ul li a{font-size:16px; text-align:center;}
#quick .quick-wrap > ul li a p{font-size:16px; text-align:center; margin-top:15px;}
#quick .quick-wrap > ul li:first-child{height:auto;}
#quick .quick-wrap > ul li:last-child{padding-bottom:15px;}
#quick .quick-wrap a{ display: block; width: 100%;}
#quick .quick-wrap .top-btn{margin-top:10px; cursor:pointer;}











.sec01{margin-top:100px;}
.sec01 .sec01-con01{margin-top:88px;}
.sec01 .sec01-con01 ul{display:flex; justify-content:space-between;}
.sec01 .sec01-con01 ul li{width:100%;}
.sec01 .sec01-con01 ul li .img{margin:0 auto; position:relative; width:125px; height:125px; box-sizing:border-box; cursor:pointer; display:flex; align-items:center; justify-content:center;}
.sec01 .sec01-con01 ul li:hover .img:after{content:''; width:100%; height:100%; border-radius:50%; display:block; background:rgba(72, 106, 178, 0.2); position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:block;}
.sec01 .sec01-con01 ul li img{display:block; margin:0 auto; position:relative;}
.sec01 .sec01-con01 ul li p{text-align:center; color:#333; font-size:20px; margin-top:10px;}
.sec01 .sec01-con02{margin-top:100px;}
.sec01 .sec01-con02 ul{display:flex; justify-content:space-between; gap:30px;}
.sec01 .sec01-con02 ul li{display:block; width:100%;}
.sec01 .sec01-con02 ul li img{display:block; margin:0; width:100%;}
.sec01 .sec01-con02 ul li img.mo{display:none;}
.sec01 .sec01-con02 ul li h4{font-size:24px; color:#333; margin:25px 0 15px;}
.sec01 .sec01-con02 ul li p{font-size:20px; color:#333; text-align:justify;}
.sec01 .sec01-con02 ul li span{display:block; width:80px; height:3px; content:""; background:#4a6ab1; margin-top:15px;}
.sec01 .sec01-con02 ul li:hover span{width:100%;transition: all 0.5s;}

.sec02{margin-top:100px; padding-top:100px; box-sizing:border-box;}
.sec02 .wrap{position:relative; height:100%;}
.sec02 h1{font-size:40px; color:#333; text-align:left; font-weight:400;}
.sec02 p{font-size:20px; color:#888;}
.sec02 h1 strong{font-weight:bold;}
.sec02 img{display:block; position:absolute; bottom:-40px; right:0;}
.sec02 .bot{box-sizing:border-box; margin-top:50px; padding:40px 0; width:100%; background:url(../img/main/sec02_bg.png) center bottom / 100% no-repeat;}
.sec02 .bot .wrap{display:flex; gap:100px;}
.sec02 .bot ul{padding-left:10px; }
.sec02 .bot ul li{list-style:auto; box-sizing:border-box; font-size:20px; padding-left:10px; }
.sec02 .bot ul li::marker{ content:'-';}


.sec02_1{padding:70px 0;}
.sec02_1 .content{display:flex; width:100%; gap:20px;}
.sec02_1 .content > div{position:relative; padding-top:430px; width:100%; min-height:720px; box-sizing:border-box;}
.sec02_1 .content > div:first-child{background:url(../img/main/sec02_1_bg1.png) top center / 100% no-repeat;}
.sec02_1 .content > div:last-child{background:url(../img/main/sec02_1_bg2.png) top center / 100% no-repeat;}
.sec02_1 .content > div div.txt{width:500px; height:285px; box-sizing:Border-box; padding:40px 35px; position:absolute; background:#333; bottom:0; left:50%; transform:translateX(-50%);}
.sec02_1 .content > div:first-child div.txt{background:var(--mainColor); opacity:0.9;}
.sec02_1 .content > div:last-child div.txt{background:#0c2e86; opacity:0.9;}
.sec02_1 .content > div div.txt *{opacity:1;}
.sec02_1 .content > div div.txt span{font-size:14px; color:#7bcbff; text-align:center; display:block;}
.sec02_1 .content > div div.txt h5{font-size:28px; color:#fff; text-align:center; margin-bottom:10px;}
.sec02_1 .content > div div.txt p{font-size:18px; color:#fff; text-align:justify;}


.sec03{padding:70px 0; box-sizing:border-box;}
.sec03 .wrap > div{display:flex; align-items:center;}
.sec03 .wrap > div > div{box-sizing:border-box; padding:35px 0 0 55px; width:50%; height:270px;}
.sec03 .wrap > div > div:nth-of-type(1){background:url(../images/main/sec03_bg01.png) right center no-repeat;}
.sec03 .wrap > div > div:nth-of-type(2){background:url(../images/main/sec03_bg02.png) right center no-repeat;}
.sec03 .wrap > div > div+div{border-left:1px solid #ccc;}
.sec03 .wrap > div > div span:nth-of-type(1){color:var(--mainColor); font-weight:bold; display:block; font-size:14px; margin-bottom:15px;}
.sec03 .wrap > div > div span:nth-of-type(2){color:#666; font-weight:400; display:block; font-size:18px; margin-top:20px;}
.sec03 .wrap > div > div p{color:#333; font-weight:400; font-size:28px;}


.sec04{background:#eef0f6;}
.sec04 .wrap{position:relative;padding:95px 0 120px;}
.sec04 .main-titBtm{margin:15px auto 45px;}
.sec04 .sec04Slider{ margin:0 auto; position:relative;}
.sec04 .sec04Slider .swiper-wrapper{}
.sec04 .sec04Slider .swiper-slide{box-sizing:border-box; padding:20px 15px 0; background:#fff; border:1px solid #ddd; width:285px;}
.sec04 .sec04Slider .swiper-slide img{display:block; margin:0 auto;}
.sec04 .sec04Slider .swiper-slide p{font-size:20px;font-weight:bold; color:#333; letter-spacing:-0.04em; line-height:55px;}
.sec04 .swiper-container{overflow:hidden;}
.sec04 .swiperButtonWrap{position:absolute; width:117%; left:50%; top:50%; transform: translate(-50%, -50%); z-index:5;}
.sec04 .swiper-button-next{background: url(../images/main/sec04-btnNext.png) center center no-repeat !important; width:65px; height:65px;}
.sec04 .swiper-button-prev{background: url(../images/main/sec04-btnPrev.png) center center no-repeat !important; width:65px; height:65px;}
.sec04 .swiperButtonWrap div:after{display:none;}



.sec05{ height:580px; position:relative;}
.sec05 .wrap{box-sizing:border-box; height:100%; position:Absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:2; pointer-events:none;}
.sec05 div.flex{justify-content:flex-end; width:100%; margin:0 auto; height:100%;}
.sec05 div.flex > div{box-sizing:border-box;}
.sec05 .right{background: url(../img/main/sec05_bg.png) center center no-repeat; width:575px; height:100%; box-sizing:border-box; display:flex; flex-direction:column; justify-content:center; padding:0 60px; pointer-events:auto;}
.sec05 .right *{color:#fff;}
.sec05 .right > span:nth-of-type(1){display:block; font-size:34px; color:#fff; text-align:center;}
.sec05 .right > span:nth-of-type(1) strong{font-size:inherit; color:inherit; font-weight:bold;}
.sec05 .right > span:nth-of-type(2){display:block; font-size:16px; color:#fff; text-align:center; margin:0 auto 30px; opacity:.5;}
.sec05 .right p{line-height:1; font-size:55px; color:#fff; text-align:left; letter-spacing:-0.04em; margin:0 20px; font-family: 'Montserrat', sans-serif; width:100%;}
.sec05 .right p strong{line-height:1; font-size:55px; color:#fff; letter-spacing:-0.04em;}
.sec05 .right ul{width:100%; margin:0 auto 30px;; box-sizing:border-box; padding:0 20px; display:flex; flex-wrap:wrap; align-items:center; gap:0 30px;}
.sec05 .right li{display:inline-block; line-height:1; font-size:18px; letter-spacing:0; }
.sec05 .right li+li{margin-top:10px;}
.sec05 .right li:nth-of-type(2){margin-top:0;}
.sec05 .right li:nth-of-type(odd){width:95px; font-weight:bold; font-size:18px; color:#fff; letter-spacing:0; text-align-last:justify;}
.sec05 .right li:nth-of-type(even){width:calc(100% - 165px); font-size:18px; color:#fff; letter-spacing:0;}
.sec05 .right b{width:90px; height:25px; line-height:25px; display:flex; align-items:center; justify-content:center; background:#fff; color:#0c2e86; border-radius:100vw; font-size:20px; margin:0 20px 20px;}
.sec05 .right hr{width:100%; height:1px; background:#fff; border:none; margin:20px 0;}
.sec05 .right h6{font-size:16px; font-weight:normal; opacity:.5; margin:0 20px;}

.sec05{width:100%;}
.sec05 .root_daum_roughmap_landing,
.sec05 .root_daum_roughmap.root_daum_roughmap_landing, 
.sec05 .root_daum_roughmap .wrap_map{width:100% !important; height:100% !important; z-index:1;}



footer{background:#fff; width:100%;}
footer li{font-size:18px; color:#666; letter-spacing:-0.04em;}
footer li a {font-size:18px; color:#666; letter-spacing:-0.04em;}
footer ul.flex{justify-content:center; align-items:center; width:100%;}
footer img{display:block; margin:0 auto;}
.ft_top{height:80px; box-sizing:border-box; border-bottom:1px solid #eeeeee; border-top:1px solid #eeeeee;}
.ft_top ul{height:100%;}
.ft_top li{height:18px; line-height:18px;}
.ft_top li+li{margin-left:35px; padding-left:35px; border-left:1px solid #666666;}
.ft_bottom{box-sizing:border-box; padding:60px 0;}
.ft_bottom ul:nth-of-type(1){margin-top:20px;}
.ft_bottom ul:nth-of-type(2){margin-top:5px;}
.ft_bottom li+li{margin-left:27px;}
.ft_bottom p{font-family: 'Montserrat', sans-serif; font-size:14px; color:#bbbbbb; text-align:center;font-weight:600;margin-top:20px;}


.m-wrap{width:100%; max-width:1200px; margin:0 auto ;}


.res-set-list.pc_show{display:flex;}





img.pc{display:block;}
img.mo{display:none;}