html {font-family: 'Pretendard';}
.mo{display:none;}
.br_mo{display:none;}
.br_pc{display:block;}
.gy_400 {font-family: 'GyeonggiBatang';font-weight: 400;font-style: normal;}
.gy_700 {font-family: 'GyeonggiBatang'; font-weight: 700;font-style: normal;}
#wrap{max-width:1920px;width: 100%; margin:0 auto;}
#wrap .inner{max-width:1600px; width: 100%; margin: 0 auto;}
/* header */
#header{position: absolute;z-index: 100;width: 100%;max-width:1920px; background:#fff; border-bottom: 1px solid #e5e5e5;}
#header .logo_w{display:none;}
.head{max-width:1600px;margin: 0 auto; position: relative;height:100px;}
.head {display:flex; justify-content:space-between; align-items:center;}
.head h1 a{display: block;}
.gnb{display:flex; justify-content:center; gap:50px;}
.gnb>li {position: relative;}
.gnb>li>a{display:block; font-weight: 500;font-size: 20px;color: #000; line-height:100px;}
.gnb>li:hover .gnb_2depth {display: block;}
.gnb_2depth {display: none; position: absolute; left: 50%; transform: translateX(-50%); width: 210px; padding: 25px 0; text-align: center; background: #fff; border: 1px solid #e5e5e5; }
.gnb_2depth li a{font-size:18px; font-weight:500; line-height:2;}
.gnb_2depth li a:hover{color:#1443BC; text-decoration:underline}
.head .head_rt{display:flex;justify-content:space-between; align-items:center; gap:35px;}
.head .head_rt .my_menu{display:flex; align-items: center;/* margin-right:30px */;}
.head .head_rt .my_menu span{display: inline-block;position: relative;}
.head .head_rt .my_menu span a{display:block;font-weight: 500;font-size: 16px;line-height:1;color: #00;}
.head .head_rt .my_menu span + span{margin-left:30px;}
.head .head_rt .my_menu span + span:before{content:""; position: absolute; top:50%; left:-15px; transform:translateY(-50%); width:1px; height:14px; background:#000;}
.head .lang_btn{position:relative}
.head .lang_btn span{color:#000; font-size:16px; font-weight: 700; cursor:pointer; position:relative; padding:0 22px 0 25px}
.head .lang_btn span:before{content:''; display:block; width:16px; height:16px; background:url("/images/lang_icon_b.png") no-repeat center / 100%; position:absolute;
top:50%; transform:translateY(-50%); left:0;}
.head .lang_btn span:after{content:''; display:block; width:6px; height:4px; background:url("/images/lang_arrow_b.png") no-repeat center / 100%; position:absolute;
top:50%; transform:translateY(-50%); right:0}
.head .lang_btn .lang_menu{display:none; background:#1443BC; position:absolute; top:40px; left:50%; transform:translateX(-50%); padding:20px 30px 0}
.head .lang_btn.on .lang_menu{display:block}
.head .lang_btn .lang_menu li{padding-bottom:20px}
.head .lang_btn .lang_menu li:first-child:after{content:''; display:block; width:100%; height:1px; background:rgba(255,255,255,0.4); margin-top:20px;}
.head .lang_btn .lang_menu li a{color:#fff; font-size:16px; font-weight: 700;}
.all_menu_btn{display: block; cursor: pointer;}
.all_menu_btn.mo{display: none;}
.all_menu_btn .menu_w{display:none}
.head_menu.on {display: block;}
.head_menu {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(4, 34, 111, 0.93); z-index: 100;}
.head_menu_inner {position: relative; max-width: 1600px; height: 100%; margin: 0 auto;}
.head_menu_inner h1 {position: absolute; top: 25%; left: 50%;transform:translateX(-50%);}
.head_menu_inner h1 a{display: block;}
.head_menu_inner h1 a img{width: 260px;height: auto;}
.d_close_btn {position: absolute; top: 50px; right: 0;color: #fff; font-size: 20px; line-height: 28px; font-weight: 700;}
.d_close_btn .close_ic {display: inline-block; vertical-align: middle; width: 80px; height: 80px; border-radius: 50%; background: #fff url("/images/close_btn_on.svg") center no-repeat; background-size: contain; cursor: pointer; margin-left: 20px;}
.head_menu_txt {position: absolute; top: 42%; left: 0; right: 0; margin: auto; width: 100%; max-width: 1400px;}
.head_menu_txt ul{display: flex; justify-content: center;gap:70px;}
.head_menu_txt ul li a {display: block;font-size: 26px;line-height: 31px;color: #FFFFFF;}
.head_menu_txt ul li dl{text-align:center}
.head_menu_txt ul li dl dt a{font-weight: 600; margin-bottom:20px;}
.head_menu_txt ul li dl dd a{font-weight:300; font-size:20px; line-height:1.9}
.head_menu_txt ul li dl dd a:hover{text-decoration:underline 1px}
.head_mob_menu{display: none; }
#header:hover {background: #fff; border-bottom: 1px solid #e5e5e5; box-sizing:border-box}
#header:hover .gnb>li>a{color: #000;}
#header:hover .gnb>li:hover > a{color:#1443BC}
#header:hover .logo_w{display:none}
#header:hover .logo_on{display:block;}
#header:hover .head .head_rt .my_menu span a{color: #000;}
#header:hover .head .head_rt .my_menu span:hover a{color: #1443BC;}
#header:hover .head .head_rt .my_menu span + span:before{background:#000;}
#header:hover .head .lang_btn span{color:#000}
#header:hover .head .lang_btn span:before{background-image:url("/images/lang_icon_b.png")}
#header:hover .head .lang_btn span:after{background-image:url("/images/lang_arrow_b.png")}
#header:hover .all_menu_btn .menu_w{display:none}
#header:hover .all_menu_btn .menu_b{display:block}
#header.fixed {background: #fff; border-bottom: 1px solid #e5e5e5; position: fixed; top: 0; left: 0; width: 100%;}
#header.fixed .gnb>li>a{color: #000;}
#header.fixed .logo_w{display:none}
#header.fixed .logo_on{display:block;}
#header.fixed .head .head_rt .my_menu span a{color: #000;}
#header.fixed .head .head_rt .my_menu span + span:before{background:#000;}
#header.fixed .head .lang_btn span{color:#000}
#header.fixed .head .lang_btn span:before{background-image:url("/images/lang_icon_b.png")}
#header.fixed .head .lang_btn span:after{background-image:url("/images/lang_arrow_b.png")}
#header.fixed .all_menu_btn .menu_w{display:none}
#header.fixed .all_menu_btn .menu_b{display:block}
/* quick_btn */
#quick_btn{position: fixed; bottom:84px; right: 55px;z-index: 60;}
#quick_btn ul li + li{margin-top: 10px;}
#quick_btn ul li a{width: 80px;height: 80px;display:flex; border-radius:50%; background:#3B72FE;justify-content: center; align-items: center;}
#quick_btn ul li a i{width: 40px;height: 40px;display:block; background-position: center;background-repeat: no-repeat;background-size:contain;}
#quick_btn ul li a.quick01 i{background-image: url("/images/nav_01.svg");}
#quick_btn ul li a.quick02 i{background-image: url("/images/nav_02.svg");}
#quick_btn ul li a.btn_gotop{background: #DFDFDF;}
#quick_btn ul li a.btn_gotop i{background-image: url("/images/nav_bt.svg");}
/* visual */
.visual {position: relative; height: 940px; overflow: hidden;}
.vis_txt {position: absolute; top: 290px; left: 0; width: 100%; text-align: center; z-index: 15;}
.vis_txt em {display: block; font-size: 20px; color: #ffffff; font-weight: 300;}
.vis_txt h2 {font-size: 60px; line-height:75px; color: #ffffff; font-weight: 300; margin-top: 16px;}
.vis_list {position: relative; height: 940px;}
.vis_list_img {height: 100%;}
.vis_list_img.bg01 {background: url("/images/vis_img01.jpg") center top no-repeat; background-size: cover;}
.vis_list_img.bg02 {background: url("/images/vis_img02.jpg") center top no-repeat; background-size: cover;}
.vis_list_img.bg03 {background: url("/images/vis_img03.jpg") center top no-repeat; background-size: cover;}
.vis_list_img.bg04 {background: url("/images/vis_01.jpg") center top no-repeat; background-size: cover;}
.vis_list_img.bg05 {background: url("/images/vis_02.jpg") center top no-repeat; background-size: cover;}
.vis_direction {position: absolute; bottom: 80px; left: 50%; transform: translateX(-50%); display: flex; align-items: center;}
.vis_direction .vis_arrow {color: #fff; font-size: 16px; cursor: pointer; display:flex; width:60px; height:60px;border:1px solid #fff;border-radius:50%; justify-content: center; align-items: center;}
.vis_direction .vis_next{margin-left:10px;}
.vis_direction .vis_arrow i{display:block;}
.vis_direction .vis_prev i{width:24px; height:24px; background: url("/images/vis_prev.svg")center no-repeat;background-size: contain;}
.vis_direction .vis_next i{width:24px; height:24px; background: url("/images/vis_white_next.svg")center no-repeat;background-size: contain;}
.vis_direction .vis_arrow:hover {background: #fff;}
.vis_direction .vis_prev:hover i {background: url("/images/vis_black_prev.svg")center no-repeat;background-size: contain;}
.vis_direction .vis_next:hover i {background: url("/images/vis_next.svg") center no-repeat;background-size: contain;}
.vis_direction_inner {position: relative; margin-left:40px; width:105px;}
.vis_direction_inner .page_info span {font-size: 22px; font-family: 'Montserrat';color: #ffffff; font-weight:700;}
.vis_direction_inner .page_info span.total_num {margin-left: 80px;font-weight: 300;}
.vis_direction_inner .slider-progress {position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); width:100%; max-width: 30px; height: 1px; background:rgba(255,255,255,0.5); overflow:hidden; }
.vis_direction_inner .slider-progress .progress {width:0%; height: 1px; background:#fff; position:absolute;}
.vis_scroll { position: absolute; bottom: 145px; left: 0; right: 0; max-width: 1600px; width: 100%; margin: auto; z-index: 10;}
.vis_scroll:before {content: ""; position: absolute; top: 70px; left: 7px; width: 1px; height: 130px; background: rgba(255,255,255,0.3);}
/* .vis_scroll:after {content: ""; position: absolute; top: 70px; left: 7px; width: 1px; height: 40px; background: #fff;} */
.vis_scroll span {writing-mode: tb-rl; color: #fff;font-size: 20px;}
.visual_slider .slick-active {transition: 1800ms; transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); animation: ani 2.5s 1;}
.vis_scroll:after{content: ""; position: absolute; top: 70px; left: 7px; width: 1px; height: 130px; background: #fff; animation: animation 4.8s infinite;}
@keyframes animation {
0% { height: 0px;}
95% { height: 130px;}
}
@keyframes ani {
0% {transform: scale(1.1);}
100% {transform: scale(1);}
}
.visual_slider .slick-active .vis_txt em {
animation-name:fadeInRight;
animation-duration:2s;
opacity: 0;
animation-fill-mode: forwards;
}
.visual_slider .slick-active .vis_txt h2 {
animation-name:fadeInRight;
animation-duration:2s;
animation-delay: .5s;
opacity: 0;
animation-fill-mode: forwards;
}
@keyframes fadeInRight {
0% {
transform:translateY(70px);
opacity:0;
}
100% {
transform:translateY(0);
opacity:1;
}
}
/* section01 */
.sec_tit em{display:block;font-size: 25px;line-height: 1;color: #1443BC;}
.sec_tit h2{font-size: 45px;line-height: 1.2;color: #000000;}
.sec_tit p{font-weight: 400;font-size: 20px;line-height: 1.5;color:#000000;}
#section01{padding:96px 0 135px;}
#section01 .sec_tit em{text-align: center;}
#section01 .sec_tit h2{margin-top: 20px;text-align: center;}
#section01 ul {display: flex; justify-content:center; gap:120px;max-width:1400px;margin: 0 auto;margin-top: 64px;}
#section01 ul li a{display:block;}
#section01 ul li span{display: flex;justify-content: center; align-items: center;width: 216px;height: 216px;background: #F8F7F7;border-radius: 50px;}
#section01 ul li p{margin-top: 28px;font-weight: 400;font-size: 30px;line-height: 1;text-align: center;color: #000000;}
#section01 ul li:hover span{background: #EEF4FE;}
#section01 ul li:hover span i{filter: brightness(1);}
#section01 ul li span i{display: block;width: 70px;height: 80px;background-position: center;background-repeat: no-repeat;background-size:contain; filter: brightness(0);display: flex;align-items: center;}
#section01 ul li:nth-child(1) span i{background-image: url("/images/sec_i01.svg");}
#section01 ul li:nth-child(2) span i{background-image: url("/images/sec_i01.svg");}
#section01 ul li:nth-child(3) span i{background-image: url("/images/sec_i01.svg");}
#section01 ul li:nth-child(4) span i{background-image: url("/images/sec_i01.svg");}
#section01 ul li:hover p{color: #1443BC;}
/* section02 */
#section02 {position: relative;padding:100px 0 148px; background:url("/images/sec02_bg.jpg")top left no-repeat; background-size:auto 181px ;}
#section02 .sec_tit h2{margin-top: 14px;}
#section02 .inner{position: relative;}
#section02 .img_box{width: 908px;height: 620px;}
#section02 .img_box img{width: 100%;}
#section02 .txt_box{position: absolute; top:50%; left:43%; transform:translateY(-50%);}
#section02 .txt_box p{width: 836px;margin-top: 36px;font-weight: 400;font-size: 20px;line-height: 1.5;color: #6D6D6D;}
#section02 .txt_box a.more{margin-top: 44px; display: inline-flex;align-items: center;}
#section02 .txt_box a.more span{display: block;font-weight: 600;font-size: 20px;line-height: 1;color: #000000;}
#section02 .txt_box a.more i{display: block;margin-left: 17px;width: 50px;height: 30px; background: url("/images/sec_arrow.svg")center no-repeat;background-size: contain; }
#section02 .txt_box a.more:hover i{animation: anim 1.5s infinite;}
@keyframes anim {
0% {transform:translateX(0)}
50% {transform:translateX(15px)}
100% {transform:translateX(0px)}
}
/* section03 */
#section03 .sec_tit{text-align: center;margin-bottom: 43px; }
#section03 .sec_tit h2{margin-top: 15px;}
.sec03_tab{position: relative;height:650px;max-width:1600px; margin: 0 auto;}
.sec03_tab .tabnav{position: absolute;bottom: 0;left: 0;right: 0;width: 100%;;display: flex;
border-top:1px solid rgba(255, 255, 255, 0.5);z-index: 10;}
.sec03_tab .tabnav li{width: 50%;height:90px; position: relative;}
.sec03_tab .tabnav li + li::before{content:"";position: absolute;top:50%; left:0; transform:translateY(-50%);width: 1px;height: 40px;background:rgba(255, 255, 255, 0.5) ; }
.sec03_tab .tabnav li a{display:block;text-align: center;color: rgba(255, 255, 255, 0.5);font-weight: 700;font-size: 30px;line-height: 90px;}
.sec03_tab .tabnav li a:hover,
.sec03_tab .tabnav li a.active{background: rgba(0, 0, 0, 0.4);color: #fff;}
.sec03_tab .tabcontent{}
.sec03_tab .tabcontent > div{height:650px;background-repeat: no-repeat;background-size: cover;background-position: center;padding:125px 100px;}
.sec03_tab .tabcontent .tab01{background-image:url("/images/sec03_bg.jpg");}
.sec03_tab .tabcontent .tab02{background-image:url("/images/sec03_bg2.jpg");}
.sec03_tab .tabcontent h3{font-weight: 700;font-size: 60px;line-height: 1;color: #000000;}
.sec03_tab .tabcontent p{margin-top: 29px;width: 580px;font-weight: 400;font-size: 20px;line-height: 1.5;color: #000000;}
.sec03_tab a.more{margin-top: 44px; display: inline-flex;align-items: center;}
.sec03_tab a.more span{display: block;font-weight: 600;font-size: 20px;line-height: 1;color: #000000;}
.sec03_tab a.more i{display: block;margin-left: 17px;width: 50px;height: 30px; background: url("/images/sec03_arrow.svg")center no-repeat;background-size: contain; }
.sec03_tab a.more:hover i{animation: anim 1.5s infinite;}
/* section04 */
#section04{position: relative; padding: 145px 0 185px;}
#section04::before{content:""; position: absolute;display: block; height:1180px; bottom:0; left:0; right:0; z-index: -1;background: rgba(0, 83, 160, 0.05);}
#section04 .sec_tit{text-align: center;margin-bottom: 64px;}
#section04 .sec_tit h2{margin-top: 14px;}
#section04 ul{display: flex;justify-content: center; align-items: center; gap: 30px;}
#section04 ul li{position: relative;}
#section04 ul li a{display: block; background: #fff;}
#section04 ul li:hover a{background: #092B81;}
#section04 ul li:hover .in_box{filter: invert(1);}
#section04 ul li .in_box{width: 375px;height: 380px;display: flex; justify-content: center; align-items: center;flex-direction: column;}
#section04 ul li .txt_box{text-align: center;position: relative;}
#section04 ul li .txt_box em{font-weight: 700;font-size: 16px;line-height: 1.3;text-transform: uppercase;color: #000000;}
#section04 ul li .txt_box h3{margin-top: 15px;font-weight: 700;font-size: 40px;line-height: 1;color: #000000;}
#section04 ul li .txt_box p{margin-top: 20px;font-weight: 300;font-size: 20px;line-height: 1.6;color: #000000;}
#section04 ul li i.icon{margin-top: 40px;display: block;width: 82px;height: 82px;background-size: contain;background-repeat: no-repeat;background-position: center; }
#section04 ul li:nth-child(1) i.icon{background-image: url("/images/sec04_i01.svg");}
#section04 ul li:nth-child(2) i.icon{background-image: url("/images/sec04_i02.svg");}
#section04 ul li:nth-child(3) i.icon{background-image: url("/images/sec04_i03.svg");}
#section04 ul li:nth-child(4) i.icon{background-image: url("/images/sec04_i04.svg");}
#section04 ul li .in_box .plus{position: absolute;top: 25px;right: 25px;width: 30px;height: 30px;background-image: url("/images/sec04_plus.svg");background-size: contain;background-repeat: no-repeat;background-position: center;}
/* section05 */
#section05{position: relative; padding: 127px 0 148px;}
#section05 .sec_tit{text-align: center;margin-bottom: 64px;}
#section05 .sec_tit h2{margin-top: 19px;}
#section05 .slider_wrap{position: relative;margin-top:60px; width: 1070px; position:relative;margin: 0 auto;}
#section05 .slick_slide{ margin:0 -35px; /* min-height:718px; */}
#section05 .slick-list {overflow: visible;}
#section05 .list_m{position:relative; overflow:hidden;z-index:1; margin:0 35px;}
#section05 .list_m .img_box{width: 100%;padding-top: 53%;position: relative; border: 1px solid #ccc;}
#section05 .list_m .img_box img{position: absolute;top:0; left: 0;width: 100%;height: 100%;object-fit: cover;}
#section05 .list_m .txt_box{margin-top: 34px;text-align: center;opacity: 0;}
#section05 .list_m .txt_box h3{font-weight: 600;font-size: 30px;line-height: 1;color: #000000;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#section05 .list_m .txt_box p{margin-top: 13px;font-weight: 400;font-size: 20px;line-height: 1;color: #6D6D6D;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#section05 .list_m .img_box::after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.5);}
#section05 .list_m.slick-current .img_box::after{content:""; display: none;}
#section05 .list_m.slick-current .txt_box{opacity: 1;}
#section05 .sec05_arrow_btns > div{z-index: 10;position: absolute; top:225px;left:50%; transform:translateX(-50%);margin-left: -535px; width: 80px;height: 80px;background: #FFFFFF;border: 1px solid #DDDDDD;border-radius:50%;font-size:0;display: flex; justify-content: center; align-items: center;cursor:pointer;}
#section05 .sec05_arrow_btns > div i{background-position: center;background-repeat: no-repeat;background-size:contain; background-image: url("/images/sec05_prev.svg");display: block;width: 24px;height: 24px;}
#section05 .sec05_arrow_btns .sec05_prev i{background-image: url("/images/sec05_prev.svg");}
#section05 .sec05_arrow_btns .sec05_next{margin-left: 535px;}
#section05 .sec05_arrow_btns .sec05_next i{background-image: url("/images/sec05_next2.svg");}
#section05 .sec05_txt_wrap .blue{display: block; text-align:center; margin-top: 33px;font-weight: 400;font-size: 16px;line-height: 1.5;color: #1443BC;}
#section05 .list_m .content-text {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 3.6em; white-space: normal; font-size: 20px; margin-top: 13px; line-height: 1.2;}
/* section06 */
#section06{background: url("/images/sec06_bg.jpg")center no-repeat; background-size: cover;padding: 120px 0;}
#section06.banner2 {background: url("/images/bona_new_blog_banner1.jpg") center no-repeat; background-size: cover;}
#section06.banner3 {background: url("/images/bona_new_blog_banner2.jpg") center no-repeat; background-size: cover;}
#section06 .sec_tit h2{margin-top: 12px;}
#section06 .sec_tit p{margin-top: 12px;}
#section06 a.more{margin-top: 44px; display: inline-flex;align-items: center;}
#section06 a.more span{display: block;font-weight: 600;font-size: 20px;line-height: 1;color: #000000;}
#section06 a.more i{display: block;margin-left: 17px;width: 50px;height: 30px; background: url("/images/sec03_arrow.svg")center no-repeat;background-size: contain; }
#section06 a.more:hover i{animation: anim 1.5s infinite;}
/* section07 */
#section07{padding: 148px 0;}
#section07 .inner{display: flex;justify-content: space-between;position: relative;}
#section07 .sec_tit h2{margin-top: 12px;}
#section07 .sec_tit p{margin-top: 16px}
#section07 .slider_wrap{width: 1200px;min-height:541px;border-top:1px solid #D9D9D9}
#section07 .list_m{position: relative;}
#section07 .list_m a{width: 100%;height: 179px;display: flex;justify-content: space-between; align-items: center;padding:50px 60px 50px 50px;}
#section07 .list_m::after{content:""; position: absolute;bottom:0; left:0; width: 100%; height: 1px;background: #D9D9D9;}
#section07 .list_m a dl{width: 920px;}
#section07 .list_m a dl dt{font-family: 'GyeonggiBatang';font-weight: 400;font-style: normal;font-size: 30px;line-height: 1;color: #000000;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#section07 .list_m a dl dd{margin-top: 22px;font-weight: 400;font-size: 20px;line-height: 1.4;color: #6D6D6D;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#section07 .list_m a .date{font-size: 20px;line-height: 1;color: #919191;}
#section07 .list_m:hover{background: #F7F7F7;}
#section07 .list_m i{display: flex; height: 100%; align-items: flex-start;font-style: initial;font-size: 20px;line-height: 1;color: #000000;}
#section07 .sec07_arrow_btns {z-index: 10;position: absolute; top:230px;left:-400px;display: flex;}
#section07 .sec07_arrow_btns > div{width: 80px;height: 80px;background: #FFFFFF;border: 1px solid #DDDDDD; border-radius:50%;font-size:0;display: flex; justify-content: center; align-items: center;cursor:pointer;}
#section07 .sec07_arrow_btns > div i{display: block;width: 24px;height: 24px;}
#section07 .sec07_arrow_btns > div:hover {background: #1443BC ; border: 1px solid #1443BC;}
#section07 .sec07_arrow_btns .sec07_prev:hover i {background: url("/images/sec505_white_prev.svg") center no-repeat; background-size:contain; }
#section07 .sec07_arrow_btns .sec07_next:hover i {background: url("/images/sec05_next.svg") center no-repeat; background-size:contain; }
#section07 .sec07_arrow_btns .sec07_prev i{background: url("/images/sec05_prev.svg") center no-repeat; background-size:contain; }
#section07 .sec07_arrow_btns .sec07_next{margin-left: 10px;}
#section07 .sec07_arrow_btns .sec07_next i{background: url("/images/sec05_black_next.svg") center no-repeat; background-size:contain; }
/* */
#footer{background: #27272C;padding: 97px 0 90px;min-height:670px}
.foot{max-width:1600px; width: 100%; margin: 0 auto;color:#fff;}
.f_top{display: flex; justify-content: space-between;padding-bottom: 55px;}
.f_top em{display: block;font-weight: 700;font-size: 30px;line-height: 1;font-family: 'GyeonggiBatang';}
.f_top .f_left strong{margin-top: 30px;display: block;font-weight: 700;font-size: 60px;line-height: 60px;font-family: 'GyeonggiBatang';}
.f_top .f_left p{margin-top:14px ;font-weight: 500;font-size: 22px;line-height: 26px;}
.f_top .f_right{display: flex; }
.f_top .f_right em{display: inline-block;}
.f_top .f_right ul{display: flex; align-items: center; gap: 30px;margin-left: 84px;}
.f_top .f_right ul li{width: 290px;height: 220px;background: #393838;display: flex;justify-content: center;align-items: center;text-align: center;}
.f_top .f_right .in_box h3{font-weight: 700;font-family: 'GyeonggiBatang';font-size: 22px;line-height: 1;}
.f_top .f_right .in_box strong{font-family: 'GyeonggiBatang';display: block;margin-top: 14px;font-weight: 700;font-size: 35px;line-height: 1.3;}
.f_top .f_right .in_box span{display: block;margin-top: 8px;font-weight: 500;font-size: 18px;line-height: 1;}
.f_bottom{border-top: 1px solid rgba(217, 217, 217, 0.2);padding-top: 30px;}
.f_bottom h3 a{display: block;margin-bottom: 20px;}
.f_bottom h3 a img{width: 196px;height: auto;}
.f_bottom .f_inner{display: flex; justify-content: space-between; }
.f_bottom .f_left address{font-weight: 500;font-size: 18px;line-height: 1.5;color: #ECECEC;}
.f_bottom .f_left span{margin-right: 25px;}
.f_bottom .f_left p{margin-top: 16px;font-weight: 400;font-size: 16px;line-height: 1;color: #E2E2E2;}
.f_bottom .f_menu span{display: inline-block;}
.f_bottom .f_menu span + span{margin-left: 20px;}
.f_bottom .f_menu span a{display: block;font-weight: 400;font-size: 16px;line-height: 1;color: #FFFFFF;}
.f_bottom .f_menu span.bold a{font-weight: 800;}
.f_bottom .f_sns{text-align: right;margin-top: 40px;}
.f_bottom .f_sns span{display: inline-block;}
.f_bottom .f_sns span+ span{margin-left: 16px;}
.f_bottom .f_sns span a{display:block; width: 22px;height: 20px;background-position: center;background-repeat: no-repeat;background-size:contain;font-size: 0;}
.f_bottom .f_sns span:nth-of-type(1) a{background-image: url("/images/sns01.svg");}
.f_bottom .f_sns span:nth-of-type(2) a{background-image: url("/images/sns02.svg");}
.f_bottom .f_sns span:nth-of-type(3) a{background-image: url("/images/sns03.svg");}
.f_bottom .f_sns span:nth-of-type(4) a{background-image: url("/images/sns04.svg");}
@media screen and (max-width:1600px){
#wrap{max-width:100%;width: 100%; margin:0 auto;}
#wrap .inner{max-width:100%; width: 100%; margin: 0 auto;}
/* header */
#header{position: absolute;z-index: 100;width: 100%;max-width:100%;padding: 0 3%;}
.head h1 a img {width: 12.25vw;}
.head{max-width:100%;margin: 0 auto; position: relative;height:7vw;}
.gnb{display:flex; justify-content:center; gap:3.13vw;}
.gnb>li>a{display:block; font-weight: 500;font-size: 1.25vw;line-height: 7vw;;color: #000;}
/* .gnb_2depth{top: 4.1vw;} */
.gnb_2depth li a{font-size: 1.25vw;}
.head .head_rt{gap:2.19vw;}
.head .head_rt .my_menu{display:flex; align-items: center;/* margin-right:1.88vw; */}
.head .head_rt .my_menu span{display: inline-block;position: relative;}
.head .head_rt .my_menu span a{display:block;font-weight: 500;font-size: 1.00vw;line-height:1;color: #000;}
.head .head_rt .my_menu span + span{margin-left:1.88vw;}
.head .head_rt .my_menu span + span:before{content:""; position: absolute; top:50%; left:-0.94vw; transform:translateY(-50%); width:0.06vw; height:0.88vw; background:#000;}
.head .lang_btn span{ font-size:1.00vw; padding:0 1.38vw 0 1.56vw}
.head .lang_btn span:before{width:1.00vw; height:1.00vw;}
.head .lang_btn span:after{width:0.38vw; height:0.25vw;}
.head .lang_btn .lang_menu{top:2.50vw; left:50%; padding:1.25vw 1.88vw 0}
.head .lang_btn .lang_menu li{padding-bottom:1.25vw}
.head .lang_btn .lang_menu li:first-child:after{margin-top:1.25vw;}
.head .lang_btn .lang_menu li a{ font-size:1.00vw;}
.all_menu_btn{display: block; cursor: pointer;width: 1.75vw;height: 1.75vw;}
.all_menu_btn.mo{display: none;}
.head_menu.on {display: block;}
.head_menu {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(4, 34, 111, 0.93); z-index: 100;}
.head_menu_inner {position: relative; max-width: 100%; height: 100%; margin: 0 auto;}
.head_menu_inner h1 {position: absolute; top: 25%; left: 50%;transform:translateX(-50%);}
.head_menu_inner h1 a{display: block;}
.head_menu_inner h1 a img{width: 16.25vw;height: auto;}
.d_close_btn {position: absolute; top: 3.13vw; right: 3%; color: #fff; font-size: 1.25vw; line-height: 1.75vw; font-weight: 700;}
.d_close_btn .close_ic {display: inline-block; vertical-align: middle; width: 5.00vw; height: 5.00vw; border-radius: 50%; background: #fff url("/images/close_btn_on.svg") center no-repeat; background-size: contain; cursor: pointer; margin-left: 1.25vw;}
.head_menu_txt {position: absolute; top: 46%; left: 0; right: 0; margin: auto; width: 100%; max-width: 87.50vw;}
.head_menu_txt ul{display: flex; justify-content: center;gap:4.38vw;}
.head_menu_txt ul li a {display: block;font-size: 1.63vw;line-height: 1.94vw;color: #FFFFFF;}
.head_menu_txt ul li dl dt a{margin-bottom:1.25vw;}
.head_menu_txt ul li dl dd a{font-size:1.25vw;}
.head_mob_menu{display: none; }
/* quick_btn */
#quick_btn{position: fixed; bottom:5.25vw; right: 3.44vw;}
#quick_btn ul li + li{margin-top: 0.63vw;}
#quick_btn ul li a{width: 5.00vw;height: 5.00vw;}
#quick_btn ul li a i{width: 2.50vw;height: 2.50vw;}
/* visual */
.visual {position: relative; height: 58.75vw; overflow: hidden;}
.vis_txt {position: absolute; top: 18.13vw; left: 0; width: 100%; text-align: center; z-index: 15;}
.vis_txt em {display: block; font-size: 1.25vw; color: #ffffff; font-weight: 300;}
.vis_txt h2 {font-size: 3.75vw; line-height:4.69vw; color: #ffffff; font-weight: 300; margin-top: 1.00vw;}
.vis_list {position: relative; height: 58.75vw;}
.vis_list_img {height: 100%;}
.vis_list_img.bg01 {background: url("/images/vis_img01.jpg") center top no-repeat; background-size: cover;}
.vis_list_img.bg02 {background: url("/images/vis_img02.jpg") center top no-repeat; background-size: cover;}
.vis_list_img.bg03 {background: url("/images/vis_img03.jpg") center top no-repeat; background-size: cover;}
.vis_list_img.bg04 {background: url("/images/vis_01.jpg") center top no-repeat; background-size: cover;}
.vis_list_img.bg05 {background: url("/images/vis_02.jpg") center top no-repeat; background-size: cover;}
.vis_direction {position: absolute; bottom: 5.00vw; left: 50%; transform: translateX(-50%); display: flex; align-items: center;}
.vis_direction .vis_arrow {color: #fff; font-size: 1.00vw; cursor: pointer; display:flex; width:3.75vw; height:3.75vw;border:0.06vw solid #fff;border-radius:50%; justify-content: center; align-items: center;}
.vis_direction .vis_next{/* background: #fff; */margin-left:0.63vw;}
.vis_direction .vis_arrow i{display:block;}
.vis_direction .vis_prev i{width:1.50vw; height:1.50vw;}
.vis_direction .vis_next i{width:1.50vw; height:1.50vw;}
.vis_direction_inner {position: relative; margin-left:2.50vw; width:6.8vw;}
.vis_direction_inner .page_info span {font-size: 1.38vw; font-family: 'Montserrat';color: #ffffff; font-weight:700;}
.vis_direction_inner .page_info span.total_num {margin-left: 5vw;font-weight: 300;}
.vis_direction_inner .slider-progress {position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); width:100%; max-width: 1.88vw; height: 0.06vw; background:rgba(255,255,255,0.5); overflow:hidden; }
.vis_direction_inner .slider-progress .progress {width:0%; height: 0.06vw; background:#fff; position:absolute;}
.vis_scroll { position: absolute; bottom: 9.06vw; left: 3%; right: 0; max-width: 100.00vw; width: 100%; margin: auto; z-index: 10;}
.vis_scroll:before {content: ""; position: absolute; top: 4.38vw; left: 0.44vw; width: 0.06vw; height: 8.13vw; background: rgba(255,255,255,0.3);}
.vis_scroll:after {content: ""; position: absolute; top: 4.38vw; left: 0.44vw; width: 0.06vw; height: 2.50vw; background: #fff;}
.vis_scroll span {writing-mode: tb-rl; color: #fff;font-size: 1.25vw;}
.visual_slider .slick-active {transition: 1800ms; transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); animation: ani 2.5s 1;}
@keyframes ani {
0% {transform: scale(1.1);}
100% {transform: scale(1);}
}
.visual_slider .slick-active .vis_txt em {
animation-name:fadeInRight;
animation-duration:2s;
opacity: 0;
animation-fill-mode: forwards;
}
.visual_slider .slick-active .vis_txt h2 {
animation-name:fadeInRight;
animation-duration:2s;
animation-delay: .5s;
opacity: 0;
animation-fill-mode: forwards;
}
@keyframes fadeInRight {
0% {
transform:translateY(4.38vw);
opacity:0;
}
100% {
transform:translateY(0);
opacity:1;
}
}
/* section01 */
.sec_tit em{display:block;font-size: 1.56vw;line-height: 1;color: #1443BC;}
.sec_tit h2{font-size: 2.81vw;line-height: 1.2;color: #000000;}
.sec_tit p{font-weight: 400;font-size: 1.25vw;line-height: 1.5;color:#000000;}
#section01{padding:6.00vw 0 8.44vw;}
#section01 .sec_tit h2{margin-top: 1.25vw;text-align: center;}
#section01 ul {display: flex; justify-content: center;max-width:87.50vw;margin: 0 auto;margin-top: 4.00vw;gap: 6vw;}
#section01 ul li a{display:block;}
#section01 ul li span{display: flex;justify-content: center; align-items: center;width: 13.50vw;height: 13.50vw;background: #F8F7F7;border-radius: 3.13vw;}
#section01 ul li p{margin-top: 1.75vw;font-weight: 400;font-size: 1.88vw;line-height: 1;text-align: center;color: #000000;}
#section01 ul li span i{width: 4.38vw;height: 5.00vw;}
/* section02 */
#section02 {padding:6.25vw 0 9.25vw; background:url("/images/sec02_bg.jpg")top left no-repeat; background-size:auto 11.31vw ;}
#section02 .sec_tit h2{margin-top: 0.88vw;}
#section02 .inner{position: relative;}
#section02 .img_box{width: 56.75vw;height: 38.75vw;}
#section02 .img_box img{width: 100%;}
#section02 .txt_box{position: absolute; top:50%; left:43%; transform:translateY(-50%);}
#section02 .txt_box p{width: 52.25vw;margin-top: 2.25vw;font-weight: 400;font-size: 1.25vw;line-height: 1.5;color: #6D6D6D;}
#section02 .txt_box a.more{margin-top: 2.75vw; display: inline-flex;align-items: center;}
#section02 .txt_box a.more span{display: block;font-weight: 600;font-size: 1.25vw;line-height: 1;color: #000000;}
#section02 .txt_box a.more i{display: block;margin-left: 1.06vw;width: 3.13vw;height: 1.88vw; background: url("/images/sec_arrow.svg")center no-repeat;background-size: contain; }
/* section03 */
#section03 .sec_tit{text-align: center;margin-bottom: 2.69vw; }
#section03 .sec_tit h2{margin-top: 0.94vw;}
.sec03_tab{position: relative;height:40.63vw;max-width:100.00vw; margin: 0 auto;}
.sec03_tab .tabnav{position: absolute;bottom: 0;left: 0;right: 0;width: 100%;;display: flex;
border-top:0.06vw solid rgba(255, 255, 255, 0.5);z-index: 10;}
.sec03_tab .tabnav li{width: 50%;height:5.63vw; position: relative;}
.sec03_tab .tabnav li + li::before{content:"";position: absolute;top:50%; left:0; transform:translateY(-50%);width: 0.06vw;height: 2.50vw;background:rgba(255, 255, 255, 0.5) ; }
.sec03_tab .tabnav li a{display:block;text-align: center;color: rgba(255, 255, 255, 0.5);font-weight: 700;font-size: 1.88vw;line-height: 5.63vw;}
.sec03_tab .tabnav li a:hover,
.sec03_tab .tabnav li a.active{background: rgba(0, 0, 0, 0.4);color: #fff;}
.sec03_tab .tabcontent{}
.sec03_tab .tabcontent > div{height:40.63vw;background-repeat: no-repeat;background-size: cover;background-position: center;padding:7.81vw 6.25vw;}
.sec03_tab .tabcontent .tab01{background-image:url("/images/sec03_bg.jpg");}
.sec03_tab .tabcontent .tab02{background-image:url("/images/sec03_bg2.jpg");}
.sec03_tab .tabcontent h3{font-weight: 700;font-size: 3.75vw;line-height: 1;color: #000000;}
.sec03_tab .tabcontent p{margin-top: 1.81vw;width: 36.81vw;font-weight: 400;font-size: 1.25vw;line-height: 1.5;color: #000000;}
.sec03_tab a.more{margin-top: 2.75vw; display: inline-flex;align-items: center;}
.sec03_tab a.more span{display: block;font-weight: 600;font-size: 1.25vw;line-height: 1;color: #000000;}
.sec03_tab a.more i{display: block;margin-left: 1.06vw;width: 3.13vw;height: 1.88vw; background: url("/images/sec03_arrow.svg")center no-repeat;background-size: contain; }
/* section04 */
#section04{position: relative; padding: 9.06vw 0 11.56vw;}
#section04::before{content:""; position: absolute;display: block; height:73.75vw; bottom:0; left:0; right:0; z-index: -1;background: rgba(0, 83, 160, 0.05);}
#section04 .sec_tit{text-align: center;margin-bottom: 4.00vw;}
#section04 .sec_tit h2{margin-top: 0.88vw;}
#section04 ul{display: flex;justify-content: center; align-items: center; gap: 1.88vw;}
#section04 ul li{position: relative;}
#section04 ul li a{display: block; background: #fff;}
#section04 ul li:hover a{background: #092B81;}
#section04 ul li:hover .in_box{filter: invert(1);}
#section04 ul li .in_box{width: 22vw;height: 22.5vw;}
#section04 ul li .txt_box em{font-weight: 700;font-size: 1.00vw;line-height: 1.3;text-transform: uppercase;color: #000000;}
#section04 ul li .txt_box h3{margin-top: 0.94vw;font-weight: 700;font-size: 2.50vw;line-height: 1;color: #000000;}
#section04 ul li .txt_box p{margin-top: 1.25vw;font-weight: 300;font-size: 1.25vw;line-height: 1.6;color: #000000;}
#section04 ul li i.icon{margin-top: 2.50vw;display: block;width: 5.13vw;height: 5.13vw;background-size: contain;background-repeat: no-repeat;background-position: center; }
#section04 ul li:nth-child(1) i.icon{background-image: url("/images/sec04_i01.svg");}
#section04 ul li:nth-child(2) i.icon{background-image: url("/images/sec04_i02.svg");}
#section04 ul li:nth-child(3) i.icon{background-image: url("/images/sec04_i03.svg");}
#section04 ul li:nth-child(4) i.icon{background-image: url("/images/sec04_i04.svg");}
#section04 ul li .in_box .plus{position: absolute;top: 1.56vw;right: 1.56vw;width: 1.88vw;height: 1.88vw;background-image: url("/images/sec04_plus.svg");background-size: contain;background-repeat: no-repeat;background-position: center;}
/* section05 */
#section05{position: relative; padding: 7.94vw 0 9.25vw;}
#section05 .sec_tit{text-align: center;margin-bottom: 4.00vw;}
#section05 .sec_tit h2{margin-top: 1.19vw;}
#section05 .slider_wrap{position: relative;margin-top:3.75vw; width: 66.88vw; position:relative;margin: 0 auto;}
#section05 .slick_slide{ margin:0 -2.19vw; /* min-height:44.88vw; */}
#section05 .slick-list {overflow: visible;}
#section05 .list_m{position:relative; overflow:hidden;z-index:1; margin:0 2.19vw;}
#section05 .list_m .img_box{width: 100%;padding-top: 53%;position: relative;}
#section05 .list_m .img_box img{position: absolute;top:0; left: 0;width: 100%;height: 100%;object-fit: cover;}
#section05 .list_m .txt_box{margin-top: 2.13vw;text-align: center;opacity: 0;}
#section05 .list_m .txt_box h3{font-weight: 600;font-size: 1.88vw;line-height: 1;color: #000000;}
#section05 .list_m .txt_box p{margin-top: 0.81vw;font-weight: 400;font-size: 1.25vw;line-height: 1;color: #6D6D6D;}
#section05 .list_m .img_box::after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.5);}
#section05 .list_m.slick-current .img_box::after{content:""; display: none;}
#section05 .list_m.slick-current .txt_box{opacity: 1;}
#section05 .sec05_arrow_btns > div{z-index: 10;position: absolute; top:14.06vw;left:50%; transform:translateX(-50%);margin-left: -33.44vw; width: 5.00vw;height: 5.00vw;background: #FFFFFF;border: 0.06vw solid #DDDDDD;border-radius:50%;font-size:0;display: flex; justify-content: center; align-items: center;cursor:pointer;}
#section05 .sec05_arrow_btns > div i{background-position: center;background-repeat: no-repeat;background-size:contain; background-image: url("/images/sec05_prev.svg");display: block;width: 1.50vw;height: 1.50vw;}
#section05 .sec05_arrow_btns .sec05_prev i{background-image: url("/images/sec05_prev.svg");}
#section05 .sec05_arrow_btns .sec05_next{margin-left: 33.44vw;}
#section05 .sec05_arrow_btns .sec05_next i{background-image: url("/images/sec05_next2.svg");}
#section05 .sec05_txt_wrap .blue{display: block;margin-top: 2.06vw;font-weight: 400;font-size: 1.00vw;line-height: 1.5;color: #1443BC;}
#section05 .list_m .content-text {font-size: 1.25vw; margin-top: 0.81vw;}
/* section06 */
#section06{padding: 7.50vw 5%;}
#section06 .sec_tit h2{margin-top: 0.75vw;}
#section06 .sec_tit p{margin-top: 0.75vw;}
#section06 a.more{margin-top: 2.75vw;}
#section06 a.more span{display: block;font-weight: 600;font-size: 1.25vw;}
#section06 a.more i{display: block;margin-left: 1.06vw;width: 3.13vw;height: 1.88vw; }
/* section07 */
#section07{padding: 9.25vw 3%;}
#section07 .sec_tit h2{margin-top: 0.75vw;}
#section07 .sec_tit p{margin-top: 1.00vw}
#section07 .slider_wrap{width: 75.00vw;min-height:33.81vw;border-top:0.06vw solid #D9D9D9}
#section07 .list_m{position: relative;}
#section07 .list_m a{width: 100%;height: 11.19vw;display: flex;justify-content: space-between;padding:3.13vw 3.75vw 3.13vw 3.13vw;}
#section07 .list_m a dl{width: 57.50vw;}
#section07 .list_m a dl dt{font-family: 'GyeonggiBatang';font-weight: 400;font-style: normal;font-size: 1.88vw;line-height: 1;color: #000000;}
#section07 .list_m a dl dd{margin-top: 1.38vw;font-weight: 400;font-size: 1.25vw;line-height: 1.4;color: #6D6D6D;}
#section07 .list_m a .date{font-size: 1vw;}
#section07 .list_m:hover{background: #F7F7F7;}
#section07 .list_m i{font-size: 1vw;}
#section07 .sec07_arrow_btns {z-index: 10;position: absolute; top:14.38vw;left:-18vw;display: flex;}
#section07 .sec07_arrow_btns > div{width: 5.00vw;height: 5.00vw;background: #FFFFFF;border: 0.06vw solid #DDDDDD; border-radius:50%;font-size:0;display: flex; justify-content: center; align-items: center;cursor:pointer;}
#section07 .sec07_arrow_btns > div i{display: block;width: 1.50vw;height: 1.50vw;}
#section07 .sec07_arrow_btns .sec07_next{margin-left: 0.63vw;}
#footer{padding: 6.06vw 3% 5.63vw;min-height:41.88vw}
.foot{max-width:100.00vw; width: 100%; margin: 0 auto;color:#fff;}
.f_top{display: flex; justify-content: space-between;padding-bottom: 3.44vw;}
.f_top em{display: block;font-weight: 700;font-size: 1.88vw;}
.f_top .f_left strong{margin-top: 1.88vw;display: block;font-weight: 700;font-size: 3.75vw;line-height: 3.75vw;}
.f_top .f_left p{margin-top:0.88vw ;font-weight: 500;font-size: 1.38vw;line-height: 1.63vw;}
.f_top .f_right ul{gap: 1.88vw;margin-left: 5.25vw;}
.f_top .f_right ul li{width: 18.13vw;height: 13.75vw;background: #393838;}
.f_top .f_right .in_box h3{font-size: 1.38vw;}
.f_top .f_right .in_box strong{margin-top: 0.88vw;font-size: 2vw;}
.f_top .f_right .in_box span{margin-top: 0.50vw;font-weight: 500;font-size: 1.13vw;line-height: 1;}
.f_bottom{border-top: 0.06vw solid rgba(217, 217, 217, 0.2);padding-top: 1.88vw;}
.f_bottom h3 a{margin-bottom: 1.25vw;}
.f_bottom h3 a img{width: 12.25vw;height: auto;}
.f_bottom .f_left address{font-weight: 500;font-size: 1.13vw;}
.f_bottom .f_left p{margin-top: 1.00vw;font-size: 1.00vw;}
.f_bottom .f_menu span + span{margin-left: 1.25vw;}
.f_bottom .f_menu span a{font-size: 1.00vw;}
.f_bottom .f_sns{text-align: right;margin-top: 2.50vw;}
.f_bottom .f_sns span+ span{margin-left: 1.00vw;}
.f_bottom .f_sns span a{display:block; width: 1.38vw;height: 1.25vw;}
}
@media screen and (max-width:1200px){
/* header */
#header{}
.head{height:8vw;}
.head h1 a img{width: 13.33vw;}
.gnb{gap:2.6vw;}
.gnb>li>a{font-size: 1.4vw;line-height: 8vw;}
/* .gnb_2depth{top: 4.7vw;} */
.gnb_2depth li a{font-size: 1.4vw;}
.head .head_rt{gap:2.12vw;}
/* .head .head_rt .my_menu{margin-right:1.7vw;} */
.head .head_rt .my_menu span{display: inline-block;}
.head .head_rt .my_menu span a{font-size: 1.25vw;}
.head .head_rt .my_menu span + span{margin-left:2.50vw;}
.head .head_rt .my_menu span + span:before{content:""; position: absolute; top:50%; left:-1.25vw; transform:translateY(-50%); width:0.08vw; height:1.17vw;}
.head .lang_btn span{ font-size:1.25vw; padding:0 1.83vw 0 2.08vw}
.head .lang_btn span:before{width:1.25vw; height:1.25vw;}
.head .lang_btn span:after{width:0.62vw; height:0.45vw;}
.head .lang_btn .lang_menu{top:2.50vw; left:50%; padding:1.25vw 1.92vw 0}
.head .lang_btn .lang_menu li{padding-bottom:1.25vw}
.head .lang_btn .lang_menu li:first-child:after{margin-top:1.25vw;}
.head .lang_btn .lang_menu li a{ font-size:1.25vw;}
.all_menu_btn{width: 2vw; height: 2vw;}
.all_menu_btn.mo{display: none;}
.head_menu.on {display: block;}
.head_menu {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(4, 34, 111, 0.93); z-index: 100;}
.head_menu_inner {position: relative; max-width: 133.33vw; height: 100%; margin: 0 auto;}
.head_menu_inner h1 {position: absolute; top: 25%; left: 50%;transform:translateX(-50%);}
.head_menu_inner h1 a{display: block;}
.head_menu_inner h1 a img{width: 21.67vw;height: auto;}
.d_close_btn {position: absolute; top: 4.17vw; right: 3%;color: #fff; font-size: 1.67vw; line-height: 2.33vw; font-weight: 700;}
.d_close_btn .close_ic {display: inline-block; vertical-align: middle; width: 5vw; height: 5vw; border-radius: 50%; background: #fff url("/images/close_btn_on.svg") center no-repeat; background-size: contain; cursor: pointer; margin-left: 1.67vw;}
.head_menu_txt {position: absolute; top: 46%; left: 0; right: 0; margin: auto; width: 100%; max-width: 116.67vw;}
.head_menu_txt ul{display: flex; justify-content: center;gap:5.83vw;}
.head_menu_txt ul li a {display: block;font-size: 2.17vw;line-height: 2.58vw;color: #FFFFFF;}
.head_menu_txt ul li dl dt a{margin-bottom:1.5vw;}
.head_menu_txt ul li dl dd a{font-size:1.7vw;}
/* quick_btn */
#quick_btn{position: fixed; bottom:5.25vw; right: 3%;}
#quick_btn ul li + li{margin-top: 1vw;}
#quick_btn ul li a{width: 6vw;height: 6vw;}
#quick_btn ul li a i{width: 3vw;height: 3vw;}
#section02 .txt_box {left: 38%; word-break: keep-all;}
#section02 .txt_box p {width: 55vw;font-size: 1.35vw;}
.sec03_tab .tabcontent p {font-size: 1.35vw; width: 39.81vw;}
#section05 .list_m .txt_box h3{font-size: 2.3vw;}
#section05 .list_m .txt_box p{margin-top: 1.62vw;font-size: 1.5vw;}
#section05 .sec05_txt_wrap .blue{margin-top: 2.06vw;font-size: 1.30vw;}
#section05 .list_m .content-text { font-size: 1.5vw; margin-top: 1.62vw;}
}
@media screen and (max-width:1024px){
.gnb{display: none;}
/* header */
#header{position: absolute;z-index: 100;width: 100%;max-width:187.50vw; background:transparent; border:none;}
#header .logo_on{display:none}
#header .logo_w{display:block;}
.head{height:9.77vw;}
.head h1 a img{width: 15.63vw;}
.head .head_rt{gap: 3vw;}
.head .head_rt .my_menu{display:flex; align-items: center;/* margin-right:2.93vw; */}
.head .head_rt .my_menu span{display: inline-block;position: relative;}
.head .head_rt .my_menu span a{display:block;font-weight: 500;font-size: 1.56vw;line-height:1;color: #FFFFFF;}
.head .head_rt .my_menu span + span{margin-left:2.93vw;}
.head .head_rt .my_menu span + span:before{content:""; position: absolute; top:50%; left:-1.46vw; transform:translateY(-50%); width:0.10vw; height:1.37vw; background:#fff;}
.head .lang_btn span{font-size: 1.56vw; padding:0 2.15vw 0 2.44vw; color:#fff;}
.head .lang_btn span:before{width:1.56vw; height:1.56vw; background: url(/images/lang_icon.png) no-repeat center / 100%;}
.head .lang_btn span:after{width:0.79vw; height:0.59vw; background: url(/images/lang_arrow.png) no-repeat center / 100%;}
.head .lang_btn .lang_menu{top:2.93vw; left:50%; padding:1.46vw 2.25vw 0}
.head .lang_btn .lang_menu li{padding-bottom:1.46vw}
.head .lang_btn .lang_menu li:first-child:after{margin-top:1.46vw;}
.head .lang_btn .lang_menu li a{ font-size: 1.56vw;;}
.all_menu_btn{display: block; cursor: pointer; width: 2.75vw; height: 2.75vw;}
.all_menu_btn.mo{display: none;}
.all_menu_btn .menu_w{display:block;}
.all_menu_btn .menu_b{display:none;}
.head_menu.on {display: block;}
.head_menu {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(4, 34, 111, 0.93); z-index: 100;}
.head_menu_inner {position: relative; max-width: 156.25vw; height: 100%; margin: 0 auto;}
.head_menu_inner h1 {position: absolute; top: 15%; left: 50%;transform:translateX(-50%);}
.head_menu_inner h1 a{display: block;}
.head_menu_inner h1 a img{width: 25.39vw;height: auto;}
.d_close_btn {position: absolute; top: 4.88vw; right: 3%;color: #fff; font-size: 1.95vw; line-height: 2.73vw; font-weight: 700;}
.d_close_btn .close_ic {display: inline-block; vertical-align: middle; width: 6vw; height: 6vw; border-radius: 50%; background: #fff url("/images/close_btn_on.svg") center no-repeat; background-size: contain; cursor: pointer; margin-left: 1.95vw;}
.head_menu_txt {position: absolute; top: 33%; left: 0; right: 0; margin: auto; width: 100%; max-width: 136.72vw;}
.head_menu_txt ul{display: flex; justify-content: center; gap: 3.84vw; /* flex-direction: column; align-items: center; */}
.head_menu_txt ul li a {display: block;font-weight: 500;font-size: 2.54vw;line-height: 3.03vw;color: #FFFFFF;}
.head_menu_txt ul li dl dt a{margin-bottom:1.25vw;}
.head_menu_txt ul li dl dd a{font-size:2vw;}
/* visual */
.visual {position: relative; height: 88vw; overflow: hidden;}
.vis_txt {position: absolute; top: 28.32vw; left: 0; width: 100%; text-align: center; z-index: 15;}
.vis_txt em {display: block; font-size: 1.95vw; color: #ffffff; font-weight: 300;}
.vis_txt h2 {font-size: 5.86vw; line-height:7.32vw; color: #ffffff; font-weight: 300; margin-top: 1.56vw;}
.vis_list {position: relative; height: 91.80vw;}
.vis_list_img {height: 100%;}
.vis_list_img.bg01 {background: url("/images/vis_img01.jpg") center top no-repeat; background-size: cover;}
.vis_list_img.bg02 {background: url("/images/vis_img02.jpg") center top no-repeat; background-size: cover;}
.vis_list_img.bg03 {background: url("/images/vis_img03.jpg") center top no-repeat; background-size: cover;}
.vis_list_img.bg04 {background: url("/images/vis_01.jpg") center top no-repeat; background-size: cover;}
.vis_list_img.bg05 {background: url("/images/vis_02.jpg") center top no-repeat; background-size: cover;}
.vis_direction {position: absolute; bottom: 7.81vw; left: 50%; transform: translateX(-50%); display: flex; align-items: center;}
.vis_direction .vis_arrow {color: #fff; font-size: 1.56vw; cursor: pointer; display:flex; width:5.86vw; height:5.86vw;border:0.10vw solid #fff;border-radius:50%; justify-content: center; align-items: center;}
.vis_direction .vis_next{/* background: #fff; */margin-left:0.98vw;}
.vis_direction .vis_arrow i{display:block;}
.vis_direction .vis_prev i{width:2.34vw; height:2.34vw;}
.vis_direction .vis_next i{width:2.1vw; height:2.34vw;}
.vis_direction .vis_next:hover i{width:2.34vw;}
.vis_direction_inner {position: relative; margin-left:3.91vw; width: 9.2vw;}
.vis_direction_inner .page_info span {font-size: 2.15vw; font-family: 'Montserrat';color: #ffffff; font-weight:700;}
.vis_direction_inner .page_info span.total_num {margin-left: 6.84vw;font-weight: 300;}
.vis_direction_inner .slider-progress {position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); width:100%; max-width: 2.93vw; height: 0.10vw; background:rgba(255,255,255,0.5); overflow:hidden; }
.vis_direction_inner .slider-progress .progress {width:0%; height: 0.10vw; background:#fff; position:absolute;}
.vis_scroll { position: absolute; bottom: 14.16vw; left: 3%; right: 0; max-width: 156.25vw; width: 100%; margin: auto; z-index: 10;}
.vis_scroll:before {content: ""; position: absolute; top: 6.84vw; left: 0.68vw; width: 0.10vw; height: 12.70vw; background: rgba(255,255,255,0.3);}
.vis_scroll:after {content: ""; position: absolute; top: 6.84vw; left: 0.68vw; width: 0.10vw; height: 3.91vw; background: #fff;}
.vis_scroll span {writing-mode: tb-rl; color: #fff;font-size: 1.95vw;}
.visual_slider .slick-active {transition: 1800ms; transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); animation: ani 2.5s 1;}
@keyframes ani {
0% {transform: scale(1.1);}
100% {transform: scale(1);}
}
.visual_slider .slick-active .vis_txt em {
animation-name:fadeInRight;
animation-duration:2s;
opacity: 0;
animation-fill-mode: forwards;
}
.visual_slider .slick-active .vis_txt h2 {
animation-name:fadeInRight;
animation-duration:2s;
animation-delay: .5s;
opacity: 0;
animation-fill-mode: forwards;
}
@keyframes fadeInRight {
0% {
transform:translateY(6.84vw);
opacity:0;
}
100% {
transform:translateY(0);
opacity:1;
}
}
/* section01 */
.sec_tit em{font-size: 2vw;line-height: 1;}
.sec_tit h2{font-size: 3.75vw;line-height: 1.3;}
.sec_tit p{font-size: 2vw;line-height: 1.5;}
#section01{padding:9.38vw 0 13.18vw;}
#section01 .sec_tit h2{margin-top: 1.95vw;}
#section01 ul {max-width:100%;margin: 0 auto;margin-top: 6.25vw;gap:5vw}
#section01 ul li span{width: 18vw; height: 18.6vw; background: #F8F7F7; border-radius: 3vw;}
#section01 ul li p{margin-top: 2.73vw;font-size: 2.3vw;line-height: 1;}
#section01 ul li span i{width: 5.6vw;height: 6.5vw;}
/* section02 */
#section02 {padding:6vw 0 10vw; /* background:url("/images/sec02_bg.jpg") left 80vw no-repeat; background-size:auto 15vw */ background: none;}
#section02 .sec_tit h2{margin-top: 1.37vw;}
#section02 .inner{position: relative;}
#section02 .img_box{width: 100%; height: 50vw; overflow: hidden;}
#section02 .img_box img{width: 100%;}
#section02 .txt_box{position: static; transform:translateY(0);margin-top: -10vw;padding: 0 3%;}
#section02 .sec_tit em{color:#3B72FE;}
#section02 .sec_tit h2{color:#fff;}
#section02 .txt_box p{width: auto;margin-top: 3.52vw;font-weight: 400;font-size: 1.95vw;line-height: 1.5;color: #6D6D6D;
word-break: keep-all;}
#section02 .txt_box a.more{margin-top: 4.30vw; display: inline-flex;align-items: center;}
#section02 .txt_box a.more span{display: block;font-weight: 600;font-size: 1.95vw;line-height: 1;color: #000000;}
#section02 .txt_box a.more i{display: block;margin-left: 1.66vw;width: 4.88vw;height: 2.93vw; background: url("/images/sec_arrow.svg")center no-repeat;background-size: contain; }
/* section03 */
#section03 .sec_tit{text-align: center;margin-bottom: 2.69vw; }
#section03 .sec_tit h2{margin-top: 0.94vw;}
.sec03_tab{position: relative;height:45vw;max-width:100.00vw; margin: 0 auto;}
.sec03_tab .tabnav{position: absolute;bottom: 0;left: 0;right: 0;width: 100%;;display: flex;
border-top:0.06vw solid rgba(255, 255, 255, 0.5);z-index: 10;}
.sec03_tab .tabnav li{width: 50%;height:7vw; position: relative;}
.sec03_tab .tabnav li + li::before{content:"";position: absolute;top:50%; left:0; transform:translateY(-50%);width: 0.06vw;height: 2.50vw;background:rgba(255, 255, 255, 0.5) ; }
.sec03_tab .tabnav li a{display:block;text-align: center;color: rgba(255, 255, 255, 0.5);font-weight: 700;font-size: 1.88vw;line-height: 7vw;}
.sec03_tab .tabnav li a:hover,
.sec03_tab .tabnav li a.active{background: rgba(0, 0, 0, 0.4);color: #fff;}
.sec03_tab .tabcontent > div{height:45vw;background-repeat: no-repeat;background-size: cover;background-position: center;padding:10vw 6.25vw;}
.sec03_tab .tabcontent h3{font-weight: 700;font-size: 3.75vw;line-height: 1;color: #000000;}
.sec03_tab .tabcontent p{margin-top: 1.81vw;width: 53vw;font-weight: 400;font-size: 1.75vw;line-height: 1.5;color: #000000;word-break: keep-all;}
.sec03_tab .tabcontent p br{display: none;}
.sec03_tab a.more{margin-top: 4.30vw; display: inline-flex;align-items: center;}
.sec03_tab a.more span{display: block;font-weight: 600;font-size: 1.95vw;line-height: 1;color: #000000;}
.sec03_tab a.more i{display: block;margin-left: 1.66vw;width: 4.88vw;height: 2.93vw; background: url("/images/sec03_arrow.svg")center no-repeat;background-size: contain; }
/* section04 */
#section04{position: relative; padding: 14.16vw 0 18.07vw;}
#section04::before{content:""; position: absolute;display: block;height: auto;bottom: 0; top: 0;left:0; right:0; z-index: -1;background: rgba(0, 83, 160, 0.05);}
#section04 .sec_tit{text-align: center;margin-bottom: 6.25vw;}
#section04 .sec_tit h2{margin-top: 1.37vw;}
#section04 ul{display: flex;justify-content: center; align-items: center; gap: 2.93vw;flex-wrap: wrap;}
#section04 ul li{position: relative;}
#section04 ul li a{display: block; background: #fff;}
#section04 ul li:hover a{background: #092B81;}
#section04 ul li:hover .in_box{filter: invert(1);}
#section04 ul li .in_box{width: 36.62vw;height: 37.11vw;display: flex; justify-content: center; align-items: center;flex-direction: column;}
#section04 ul li .txt_box{text-align: center;position: relative;}
#section04 ul li .txt_box em{font-weight: 700;font-size: 1.56vw;line-height: 1.3;text-transform: uppercase;color: #000000;}
#section04 ul li .txt_box h3{margin-top: 1.46vw;font-weight: 700;font-size: 3.91vw;line-height: 1;color: #000000;}
#section04 ul li .txt_box p{margin-top: 1.95vw;font-weight: 300;font-size: 1.95vw;line-height: 1.6;color: #000000;}
#section04 ul li i.icon{margin-top: 3.91vw;display: block;width: 8.01vw;height: 8.01vw;background-size: contain;background-repeat: no-repeat;background-position: center; }
#section04 ul li:nth-child(1) i.icon{background-image: url("/images/sec04_i01.svg");}
#section04 ul li:nth-child(2) i.icon{background-image: url("/images/sec04_i02.svg");}
#section04 ul li:nth-child(3) i.icon{background-image: url("/images/sec04_i03.svg");}
#section04 ul li:nth-child(4) i.icon{background-image: url("/images/sec04_i04.svg");}
#section04 ul li .in_box .plus{position: absolute;top: 2.44vw;right: 2.44vw;width: 2.93vw;height: 2.93vw;background-image: url("/images/sec04_plus.svg");background-size: contain;background-repeat: no-repeat;background-position: center;}
/* section05 */
#section05{position: relative; padding: 7.94vw 0 9.25vw;}
#section05 .sec_tit{text-align: center;margin-bottom: 4.00vw;}
#section05 .sec_tit h2{margin-top: 1.19vw;}
#section05 .slider_wrap{position: relative;margin-top:3.75vw; width: 66.88vw; position:relative;margin: 0 auto;}
#section05 .slick_slide{ margin:0 -2.19vw; /* min-height:44.88vw; */}
#section05 .slick-list {overflow: visible;}
#section05 .list_m{position:relative; overflow:hidden;z-index:1; margin:0 2.19vw;}
#section05 .list_m .img_box{width: 100%;padding-top: 53%;position: relative;}
#section05 .list_m .txt_box{margin-top: 3vw;}
#section05 .list_m .txt_box h3{font-size: 2.6vw;}
#section05 .list_m .txt_box p{margin-top: 1.6vw;font-size: 1.9vw;}
#section05 .list_m .img_box::after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.5);}
#section05 .list_m.slick-current .img_box::after{content:""; display: none;}
#section05 .list_m.slick-current .txt_box{opacity: 1;}
#section05 .sec05_arrow_btns > div{z-index: 10;position: absolute; top:14.06vw;left:50%; transform:translateX(-50%);margin-left: -33.44vw; width: 5.00vw;height: 5.00vw;background: #FFFFFF;border: 0.06vw solid #DDDDDD;border-radius:50%;font-size:0;display: flex; justify-content: center; align-items: center;cursor:pointer;}
#section05 .sec05_arrow_btns > div i{background-position: center;background-repeat: no-repeat;background-size:contain; background-image: url("/images/sec05_prev.svg");display: block;width: 1.50vw;height: 1.50vw;}
#section05 .sec05_arrow_btns .sec05_prev i{background-image: url("/images/sec05_prev.svg");}
#section05 .sec05_arrow_btns .sec05_next{margin-left: 33.44vw;}
#section05 .sec05_arrow_btns .sec05_next i{background-image: url("/images/sec05_next2.svg");}
#section05 .sec05_txt_wrap .blue{margin-top: 2.6vw;font-size: 1.50vw;}
#section05 .list_m .content-text { font-size: 1.95vw; margin-top: 1.6vw; }
/* section06 */
#section06{padding: 7.50vw 3%;}
#section06 .sec_tit h2{margin-top: 0.75vw;}
#section06 .sec_tit p{margin-top: 0.75vw;}
#section06 a.more{margin-top: 4.30vw; display: inline-flex;align-items: center;}
#section06 a.more span{display: block;font-weight: 600;font-size: 1.95vw;line-height: 1;color: #000000;}
#section06 a.more i{display: block;margin-left: 1.66vw;width: 4.88vw;height: 2.93vw; background: url("/images/sec03_arrow.svg")center no-repeat;background-size: contain; }
/* section07 */
#section07{padding: 12vw 3% 9vw;}
#section07 .inner{display: flex; position: relative; flex-direction: column; justify-content: flex-start;}
#section07 .sec_tit h2{margin-top: 1.17vw;}
#section07 .sec_tit p{margin-top: 1.56vw}
#section07 .sec_tit p br{display: none;}
#section07 .slider_wrap{width: 100%; margin-top: 5vw;min-height:42.83vw;border-top:0.10vw solid #D9D9D9}
#section07 .list_m{position: relative;}
#section07 .list_m a{width: 100%;height: 14.48vw;display: flex;justify-content: space-between;padding:4vw 3vw;}
#section07 .list_m a dl{width: 84%;}
#section07 .list_m a dl dt{font-family: 'GyeonggiBatang';font-weight: 400;font-style: normal;font-size: 2.93vw;line-height: 1;color: #000000;}
#section07 .list_m a dl dd{margin-top: 1.6vw;font-weight: 400;font-size: 1.95vw;line-height: 1.4;color: #6D6D6D;}
#section07 .list_m a .date{display: flex; align-items: center;font-size: 1.6vw;}
#section07 .list_m:hover{background: #F7F7F7;}
#section07 .list_m i{font-size: 2vw;}
#section07 .sec07_arrow_btns {z-index: 10;position: absolute;top: -13.46vw; right: 0; display: flex; justify-content: flex-end;}
#section07 .sec07_arrow_btns > div{width: 7.81vw;height: 7.81vw;background: #FFFFFF;border: 0.10vw solid #DDDDDD; border-radius:50%;font-size:0;display: flex; justify-content: center; align-items: center;cursor:pointer;}
#section07 .sec07_arrow_btns > div i{display: block;width: 2.34vw;height: 2.34vw;}
#section07 .sec07_arrow_btns .sec07_next{margin-left: 0.98vw;}
#footer{padding: 9.47vw 3% 8.79vw;min-height:65.43vw}
.foot{max-width:156.25vw; width: 100%;}
.f_top{flex-wrap: wrap;padding-bottom: 5.37vw;}
.f_top em{display: block;font-weight: 700;font-size: 2.93vw;line-height: 1;font-family: 'GyeonggiBatang';}
.f_top .f_left strong{margin-top: 2.93vw;display: block;font-weight: 700;font-size: 5.86vw;line-height: 5.86vw;font-family: 'GyeonggiBatang';}
.f_top .f_left p{margin-top:1.37vw ;font-weight: 500;font-size: 2.15vw;line-height: 2.54vw;}
.f_top .f_right{display: block; margin-top:8vw}
.f_top .f_right em{display: inline-block;}
.f_top .f_right ul{ margin-left: 0; margin-top: 4vw;}
.f_top .f_right ul li{width: 28.32vw;height: 21.48vw;background: #393838;display: flex;justify-content: center;align-items: center;text-align: center;}
.f_top .f_right .in_box h3{font-weight: 700;font-family: 'GyeonggiBatang';font-size: 2.15vw;line-height: 1;}
.f_top .f_right .in_box strong{font-family: 'GyeonggiBatang';display: block;margin-top: 1.37vw;font-weight: 700;font-size: 3.42vw;line-height: 1.3;}
.f_top .f_right .in_box span{display: block;margin-top: 0.78vw;font-weight: 500;font-size: 1.76vw;line-height: 1;}
.f_bottom{border-top: 1px solid rgba(217, 217, 217, 0.2);padding-top: 4vw;}
.f_bottom h3 a{display: block;margin-bottom: 3vw;}
.f_bottom h3 a img{width: 19.14vw;height: auto;}
.f_bottom .f_inner{ flex-direction: column; }
.f_bottom .f_left address{font-weight: 500;font-size: 1.6vw;}
.f_bottom .f_left p{margin-top: 1.56vw;font-weight: 400;font-size: 1.56vw;}
.f_right{margin-top: 4vw;}
.f_bottom .f_menu span + span{margin-left: 1.95vw;}
.f_bottom .f_menu span a{display: block;font-weight: 400;font-size: 1.56vw;}
.f_bottom .f_sns{ text-align: left; margin-top: 1vw;}
.f_bottom .f_sns span + span{margin-left: 1.56vw;}
.f_bottom .f_sns span a{display:block; width: 2.15vw;height: 1.95vw;}
}
@media screen and (max-width:768px){
.mo{display:block;}
.pc{display:none;}
.br_mo{display:block;}
.br_pc{display:none;}
/* header */
#header{}
.head{height:20vw;}
.head h1 a img{width: 28vw;}
.head .head_rt{gap: 3.2vw;}
.head .head_rt .my_menu span a{display:block;font-size: 3.2vw;}
.head .head_rt .my_menu span + span{margin-left:4vw;}
.head .head_rt .my_menu span + span:before{content:""; position: absolute; top:43%; left:-2vw; transform:translateY(-50%); width:1px; height:2.8vw; background:#fff;}
.head .lang_btn span{font-size: 3.2vw; padding:0 3.51vw 0 0; line-height:1}
.head .lang_btn span:before{display:none}
.head .lang_btn span:after{width:1.48vw; height:1.35vw;}
.head .lang_btn .lang_menu{top:6.99vw; left:50%; padding:3.43vw 4.21vw 0}
.head .lang_btn .lang_menu li{padding-bottom:3.43vw}
.head .lang_btn .lang_menu li:first-child:after{margin-top:3.43vw;}
.head .lang_btn .lang_menu li a{ font-size: 3.2vw;}
.all_menu_btn{display: none;}
.all_menu_btn.mo{display:block;width: 6.5vw; height: 6.5vw;}
.all_menu_btn.mo img{width: 100%;}
.all_menu_btn.mo .menu_w{display:block}
.all_menu_btn.mo .menu_b{display:none}
.head_menu.on {display: none;}
.head_menu {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(4, 34, 111, 0.93); z-index: 100;display:none}
.head_menu_inner {position: relative; max-width: 208.33vw; height: 100%; margin: 0 auto;}
.head_menu_inner h1 {position: absolute; top: 15%; left: 50%;transform:translateX(-50%);}
.head_menu_inner h1 a{display: block;}
.head_menu_inner h1 a img{width: 48vw;height: auto;}
.d_close_btn {position: absolute; top: 6.51vw; right: 5%;color: #fff; font-size: 3.6vw; line-height: 3.65vw; font-weight: 700;}
.d_close_btn .close_ic {display: inline-block; vertical-align: middle; width: 9vw; height: 9vw; border-radius: 50%; background: #fff url("/images/close_btn_on_mo.svg") center no-repeat; background-size: contain; cursor: pointer; margin-left: 2.60vw;}
.head_mob_bg{position:relative}
.head_mob_menu h1{margin-top:5.5vw}
.head_mob_menu h1 img {width: 25.52vw;}
.mob_close_btn {position: absolute; top: 50%; transform: translateY(-50%); width: 6.51vw; height: 6.51vw; right: -2.6vw; cursor: pointer;}
.mob_close_btn:before {content: ""; position: absolute; left: 1.95vw; transform: rotate(45deg); width: 0.26vw; height: 6.51vw; background: #333;}
.mob_close_btn:after {content: ""; position: absolute; left: 1.95vw; transform: rotate(-45deg); width: 0.26vw; height: 6.51vw; background: #333;}
.head_mob_menu .head_menu_txt {position: absolute; top: 15%; left: 0; right: 0; margin: auto; width: 100%; max-width: 182.29vw; }
.head_menu_txt{padding: 0 5.21vw 0;}
.head_menu_txt ul {gap:0}
.accordion>li.open .link{background-color:#1443BC; color:#fff; background-image: url("/images/sub/sub_arrow_c.svg");}
.accordion>li .link {display: block; font-size: 5vw; color:#000; position: relative; cursor: pointer; padding: 0 6.51vw; font-weight: 700; border-top: 1px solid #e1e1e1;
height: 13.02vw; line-height: 12.76vw; background: url("/images/sub/sub_arrow_b.svg") 95% center no-repeat; background-size: 3.26vw;}
.accordion>li:last-child .link{border-bottom: 1px solid #e1e1e1; }
.accordion .submenu{padding: 4.21vw 6.51vw; display: none; background:#f7f7f7}
.accordion .submenu li{margin-bottom:5vw}
.accordion .submenu li:last-child{margin:0}
.accordion .submenu li a{font-size:3.65vw; font-weight:400; color:#000}
.accordion .submenu li a:hover{font-weight:800}
.head_mob_overlay {display: none; position: fixed; top: 0; width: 100%; height: 100%; z-index: 700; background: rgba(0,0,0,0.6); cursor: pointer;}
html.active {height: 100% !important; min-height: 100% !important; overflow:hidden !important; touch-action:none;}
body.active {height: 100% !important; min-height: 100% !important; overflow:hidden !important; touch-action:none;}
.head_mob_menu {display: none; position: fixed; top: 0; right: 0; height: 100%; width: 75.52vw; padding: 0 5.21vw 0; background: #fff; overflow-y: auto; z-index: 710;}
.head_mob_menu.on {display: block;}
.head_mob_menu ul{flex-direction:column}
/* quick_btn */
#quick_btn{position: fixed; bottom:12vw; right: 3%;}
#quick_btn ul li + li{margin-top: 2vw;}
#quick_btn ul li a{width: 12vw;height: 12vw;}
#quick_btn ul li a i{width: 5.5vw;height: 5.5vw;}
/* visual */
.visual {position: relative; height: 120vw; overflow: hidden;}
.vis_txt {position: absolute; top: 37.76vw; left: 0; width: 100%; text-align: center; z-index: 15;}
.vis_txt em {display: block; font-size: 3.6vw; color: #ffffff; font-weight: 300;}
.vis_txt h2 {font-size: 6.8vw; line-height:9vw; color: #ffffff; font-weight: 300; margin-top: 2.08vw;}
.vis_list {position: relative; height: 120vw;}
.vis_list_img {height: 100%;}
.vis_list_img.bg01 {background: url("/images/vis_img01.jpg") center top no-repeat; background-size: cover;}
.vis_list_img.bg02 {background: url("/images/vis_img02.jpg") center top no-repeat; background-size: cover;}
.vis_list_img.bg03 {background: url("/images/vis_img03.jpg") center top no-repeat; background-size: cover;}
/* .vis_list_img.bg04 {background: url("/images/mo/vis_mo01.jpg") center top no-repeat; background-size: cover;}
.vis_list_img.bg05 {background: url("/images/mo/vis_mo02.jpg") center top no-repeat; background-size: cover;} */
.vis_direction {position: absolute; bottom: 10.42vw; left: 50%; transform: translateX(-50%); display: flex; align-items: center;}
.vis_direction .vis_arrow {color: #fff; font-size: 2.08vw; cursor: pointer; display:flex; width:10vw; height:10vw;border:0.3vw solid #fff;border-radius:50%; justify-content: center; align-items: center;}
.vis_direction .vis_next{/* background: #fff; */margin-left:2vw;}
.vis_direction .vis_arrow i{display:block;}
.vis_direction .vis_prev i{width:4vw; height:4vw;}
.vis_direction .vis_next i{width:4vw; height:4vw;}
.vis_direction .vis_next:hover i{width:4vw;}
.vis_direction_inner {position: relative; margin-left:5.21vw; width:14vw}
.vis_direction_inner .page_info span {font-size: 3.5vw;}
.vis_direction_inner .page_info span.total_num {margin-left: 10vw;}
.vis_direction_inner .slider-progress {position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); width:100%; max-width: 5vw; height: 2px; background:rgba(255,255,255,0.5); overflow:hidden; }
.vis_direction_inner .slider-progress .progress {width:0%; height: 2px; background:#fff; position:absolute;}
.vis_scroll { position: absolute; bottom: 18.88vw; left: 3%; right: 0; max-width: 208.33vw; width: 100%; margin: auto; z-index: 10;}
.vis_scroll:before {content: ""; position: absolute; top: 9.11vw; left: 0.91vw; width: 0.13vw; height: 16.93vw; background: rgba(255,255,255,0.3);}
.vis_scroll:after {content: ""; position: absolute; top: 9.11vw; left: 0.91vw; width: 0.13vw; height: 5.21vw; background: #fff;}
.vis_scroll span {writing-mode: tb-rl; color: #fff;font-size: 2.60vw;}
.visual_slider .slick-active {transition: 1800ms; transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); animation: ani 2.5s 1;}
@keyframes ani {
0% {transform: scale(1.1);}
100% {transform: scale(1);}
}
.visual_slider .slick-active .vis_txt em {
animation-name:fadeInRight;
animation-duration:2s;
opacity: 0;
animation-fill-mode: forwards;
}
.visual_slider .slick-active .vis_txt h2 {
animation-name:fadeInRight;
animation-duration:2s;
animation-delay: .5s;
opacity: 0;
animation-fill-mode: forwards;
}
@keyframes fadeInRight {
0% {
transform:translateY(9.11vw);
opacity:0;
}
100% {
transform:translateY(0);
opacity:1;
}
}
/* section01 */
.sec_tit em{font-size: 3.5vw;line-height: 1;}
.sec_tit h2{font-size: 5.54vw;line-height: 1.3;}
.sec_tit p{font-size: 2.9vw;line-height: 1.5;}
#section01{padding:14.77vw 3% 20.77vw;}
#section01 .sec_tit h2{margin-top: 3.08vw;}
#section01 ul {max-width:100%;margin: 0 auto;margin-top: 9.85vw;gap: 3.91vw;flex-wrap: wrap;}
#section01 ul li span{width: 26.67vw; height: 26.67vw; background: #F8F7F7; border-radius: 5.17vw;}
#section01 ul li p{margin-top: 4.67vw;font-size: 4.00vw;line-height: 1;}
#section01 ul li span i{width: 9.50vw;height: 11.17vw;}
/* section02 */
#section02 {padding:13vw 0 24.67vw; background:none;}
#section02 .sec_tit h2{margin-top: 2.33vw;}
#section02 .inner{position: relative;}
#section02 .txt_box{margin-top: 9.11vw;}
#section02 .sec_tit h2 {color: #000;}
#section02 .txt_box p{width: auto;margin-top: 6.00vw;font-weight: 400;font-size: 3.33vw;line-height: 1.5;color: #6D6D6D;
word-break: keep-all;}
#section02 .txt_box a.more{margin-top: 7.33vw; display: inline-flex;align-items: center;}
#section02 .txt_box a.more span{display: block;font-weight: 600;font-size: 3.33vw;line-height: 1;color: #000000;}
#section02 .txt_box a.more i{display: block;margin-left: 2.83vw;width: 8.33vw;height: 5.00vw; background: url("/images/sec_arrow.svg")center no-repeat;background-size: contain; }
/* section03 */
#section03 .sec_tit{text-align: center;margin-bottom: 7.17vw; }
#section03 .sec_tit h2{margin-top: 2.50vw;}
.sec03_tab{position: relative;height:auto;max-width:266.67vw; margin: 0 auto;}
.sec03_tab .tabnav{position: static;width: 100%;;display: flex;
border-top:1px solid rgba(255, 255, 255, 0.5);z-index: 10;background: #999;}
.sec03_tab .tabnav li{width: 50%;height:15.00vw; position: relative;}
.sec03_tab .tabnav li + li::before{content:"";position: absolute;top:50%; left:0; transform:translateY(-50%);width: 1px;height: 6.67vw;background:rgba(255, 255, 255, 0.5) ; }
.sec03_tab .tabnav li a{display:block;text-align: center;color: rgba(255, 255, 255, 0.75);font-weight: 700;font-size: 5.00vw;line-height: 15.00vw;}
.sec03_tab .tabnav li a:hover,
.sec03_tab .tabnav li a.active{background: rgba(0, 0, 0, 0.4);color: #fff;}
.sec03_tab .tabcontent {min-height: 70vw;}
.sec03_tab .tabcontent > div{height: 70vw;padding: 12.83vw 5%;position: relative;}
.sec03_tab .tabcontent > div::before{content:""; position: absolute; top:0; left:0; width: 100%;height: 100%;background: rgba(255,255,255,0.2); z-index: 0;}
.sec03_tab .tabcontent .tab01{background-image:url("/images/sec03_bg.jpg");}
.sec03_tab .tabcontent .tab02{background-image:url("/images/sec03_bg2.jpg");}
.sec03_tab .tabcontent h3{position: relative;font-weight: 700;font-size: 8vw;line-height: 1;color: #000000;}
.sec03_tab .tabcontent p{position: relative;margin-top: 4.83vw;width: auto;font-weight: 400;font-size: 3.33vw;line-height: 1.5;color: #000000; }
.sec03_tab a.more{position: relative;margin-top: 7.33vw; display: inline-flex;align-items: center;}
.sec03_tab a.more span{display: block;font-weight: 600;font-size: 3.33vw;line-height: 1;color: #000000;}
.sec03_tab a.more i{display: block;margin-left: 2.83vw;width: 8.33vw;height: 5.00vw; background: url("/images/sec03_arrow.svg")center no-repeat;background-size: contain; }
/* section04 */
#section04{position: relative; padding: 18.88vw 0 24.09vw;}
#section04 .sec_tit{text-align: center;margin-bottom: 8.33vw;}
#section04 .sec_tit h2{margin-top: 1.82vw; word-break: keep-all;font-size: 5vw;}
#section04 ul{display: flex;justify-content: center; align-items: center; gap: 1.95vw;}
#section04 ul li{position: relative;}
#section04 ul li a{display: block; background: #fff;}
#section04 ul li:hover a{background: #092B81;}
#section04 ul li:hover .in_box{filter: invert(1);}
#section04 ul li .in_box{width: 45vw;height: 45vw;}
#section04 ul li .txt_box em{font-size: 2.6vw;line-height: 1.3;}
#section04 ul li .txt_box h3{margin-top: 1.5vw;font-size: 4vw;}
#section04 ul li .txt_box p{margin-top: 2.2vw;font-size: 2.6vw;}
#section04 ul li i.icon{margin-top: 3vw;width: 8.5vw;height: 8.5vw;}
#section04 ul li .in_box .plus{top:2.26vw;right: 2.26vw;width: 4vw;height: 4vw;}
/* section05 */
#section05{position: relative; padding: 21.17vw 0 24.67vw;}
#section05 .sec_tit{margin-bottom:7vw;}
#section05 .sec_tit h2{margin-top: 3.17vw;}
#section05 .slider_wrap{margin-top:8vw; width: 100%;}
#section05 .slick_slide{ margin:0 -5.83vw; min-height:100%;}
#section05 .list_m{ margin:0 5.83vw;}
#section05 .list_m .img_box::after{display: none;}
#section05 .list_m .img_box{width: 100%;padding-top: 53%;position: relative;}
#section05 .list_m .txt_box{margin-top: 5.67vw;opacity: 1;padding: 0 5%;}
#section05 .list_m .txt_box h3{font-size: 5.00vw;}
#section05 .list_m .txt_box p{margin-top: 2.17vw;font-size: 3.33vw;}
#section05 .list_m.slick-current .txt_box{opacity: 1; word-break: keep-all;}
#section05 .sec05_arrow_btns > div{z-index: 10;top: 22vw;left: 50%; transform: translateX(-50%); margin-left: -43vw; width: 9.33vw; height: 9.33vw;border:1px solid #DDDDDD;}
#section05 .sec05_arrow_btns > div i{width: 4.00vw;height: 4.00vw;}
#section05 .sec05_arrow_btns .sec05_next{margin-left: 43vw;}
#section05 .sec05_txt_wrap .inner{padding:0 3%}
#section05 .sec05_txt_wrap .blue{margin-top: 5.50vw;font-size: 2.9vw; word-break:keep-all}
#section05 .list_m .content-text { font-size: 3.33vw; margin-top: 2.17vw;}
/* section06 */
#section06{background: url("/images/mo/sec06_bg_mo.jpg") center no-repeat; background-size: cover;padding: 18vw 5% 22vw;}
#section06 .sec_tit h2{margin-top: 2.00vw;}
#section06 .sec_tit p{margin-top: 2.00vw;}
#section06 a.more{margin-top: 7.33vw; display: inline-flex;align-items: center;}
#section06 a.more span{display: block;font-weight: 600;font-size: 3.33vw;line-height: 1;color: #000000;}
#section06 a.more i{display: block;margin-left: 2.83vw;width: 8.33vw;height: 5.00vw; background: url("/images/sec03_arrow.svg")center no-repeat;background-size: contain; }
/* section07 */
#section07{padding: 24.67vw 3% 12vw; }
#section07 .inner{display: flex;justify-content: space-between;position: relative;}
#section07 .sec_tit h2{margin-top: 2.00vw;}
#section07 .sec_tit p{margin-top: 2.67vw}
#section07 .slider_wrap{width: 100%;min-height:91px;border-top:1px solid #D9D9D9}
#section07 .list_m{position: relative;}
#section07 .list_m a{width: 100%; height: 20vw; display: flex; justify-content: space-between; padding: 5vw 5%;}
#section07 .list_m a dl{width: 80%;}
#section07 .list_m a dl dt{font-size: 4vw;}
#section07 .list_m a dl dd{margin-top: 2.5vw;font-size: 3vw;}
#section07 .list_m a .date{font-size: 2.5vw;}
#section07 .list_m:hover{background: #F7F7F7;}
#section07 .list_m i{font-size: 2.5vw;}
#section07 .sec07_arrow_btns {top:-17vw;}
#section07 .sec07_arrow_btns > div{width: 12vw;height: 12vw;background: #FFFFFF;border: 1px solid #DDDDDD; border-radius:50%;font-size:0;display: flex; justify-content: center; align-items: center;cursor:pointer;}
#section07 .sec07_arrow_btns > div i{width: 4.00vw;height: 4.00vw;}
#section07 .sec07_arrow_btns .sec07_next{margin-left: 1.67vw;}
#footer{padding: 14.92vw 3% 18.92vw;min-height:103.08vw}
.foot{max-width:100%; width: 100%;}
.f_top{flex-wrap: wrap;padding-bottom: 8.46vw;}
.f_top em{font-weight: 700;font-size: 4.62vw;line-height: 1;}
.f_top .f_left strong{margin-top: 4.62vw;font-size: 8vw;line-height: 1;}
.f_top .f_left p{margin-top:2.15vw ;font-weight: 500;font-size: 4.31vw;line-height: 4.00vw;}
.f_top .f_right{display: block; margin-top:12.62vw;width: 100%;}
.f_top .f_right em{display: inline-block;}
.f_top .f_right ul{ margin-left: 0; margin-top: 6.31vw; flex-wrap: wrap;}
.f_top .f_right ul li{width: 100%;height: auto;padding: 5.85vw 0;}
.f_top .f_right .in_box h3{font-size: 3.08vw;line-height: 1;}
.f_top .f_right .in_box strong{margin-top: 2.15vw;font-size: 5.85vw;}
.f_top .f_right .in_box span{margin-top: 1.23vw;font-size: 3.38vw;}
.f_bottom{padding-top: 7.08vw;}
.f_bottom h3 a{margin-bottom: 4.77vw;}
.f_bottom h3 a img{width: 28.15vw;height: auto;}
.f_bottom .f_inner{ flex-direction: column; }
.f_bottom .f_left address{font-size: 3vw; line-height:1.2}
.f_bottom .f_left p{margin-top: 2.46vw;font-weight: 400;font-size: 2.77vw;}
.f_bottom .f_left span{display:block; word-break:keep-all; margin: 1.5vw 0;}
.f_bottom .f_right{margin-top: 6.31vw;}
.f_bottom .f_menu span + span{margin-left: 3.08vw;}
.f_bottom .f_menu span a{font-size: 2.77vw;}
.f_bottom .f_sns{margin-top: 3vw;}
.f_bottom .f_sns span + span{margin-left: 2.46vw;}
.f_bottom .f_sns span a{width: 6vw;height: 5vw;}
}