<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
@font-face { font-family: 'S-coreDream'; font-weight:100; src: url('/static/font/S-CoreDream-1Thin.woff') format('woff'); }
@font-face { font-family: 'S-coreDream'; font-weight:200; src: url('/static/font/S-CoreDream-2ExtraLight.woff') format('woff'); }
@font-face { font-family: 'S-coreDream'; font-weight:300; src: url('/static/font/S-CoreDream-3Light.woff') format('woff'); }
@font-face { font-family: 'S-coreDream'; font-weight:400; src: url('/static/font/S-CoreDream-4Regular.woff') format('woff'); }
@font-face { font-family: 'S-coreDream'; font-weight:500; src: url('/static/font/S-CoreDream-5Medium.woff') format('woff'); }
@font-face { font-family: 'S-coreDream'; font-weight:600; src: url('/static/font/S-CoreDream-6Bold.woff') format('woff'); }
@font-face { font-family: 'S-coreDream'; font-weight:700; src: url('/static/font/S-CoreDream-7ExtraBold.woff') format('woff'); }
@font-face { font-family: 'S-coreDream'; font-weight:800; src: url('/static/font/S-CoreDream-8Heavy.woff') format('woff'); }
@font-face { font-family: 'S-coreDream'; font-weight:900; src: url('/static/font/S-CoreDream-9Black.woff') format('woff'); }
@font-face { font-family: 'Bahnschrift'; src: url('/static/font/BAHNSCHRIFT.woff') format('woff'); }
@font-face { font-family: 'NotoSansMedium'; src: url('/static/font/NotoSans-Medium.woff') format('woff'); }
@font-face { font-family: 'NotoSansLight'; src: url('/static/font/NotoSans-DemiLight.woff') format('woff'); }
@font-face { font-family: 'KoPubWorldBatang'; font-weight:300; src: url('/static/font/KoPubWorld-Batang-Light.woff') format('woff'); }
@font-face { font-family: 'KoPubWorldBatang'; font-weight:500; src: url('/static/font/KoPubWorld-Batang-Medium.woff') format('woff'); }
@font-face { font-family: 'KoPubWorldBatang'; font-weight:700; src: url('/static/font/KoPubWorld-Batang-Bold.woff') format('woff'); }

/*common*/
*{margin:0;padding:0;box-sizing:border-box;word-break:keep-all}
img{max-width:100%}
body{font-size:16px;font-family:'NotoSansMedium';word-break:keep-all;overflow:hidden}
input, button,
textarea, select{font-family:'NotoSansMedium'}
body::-webkit-scrollbar { width: 0.6rem; }
body::-webkit-scrollbar-track { background:#f1f1f1;}
body::-webkit-scrollbar-thumb { background:#760023; border-radius:10px; }
body::-webkit-scrollbar-button { display: none;  }
h1, h2, h3, h4, h5, h6{font-family:'NotoSansMedium'}
:root{font-size:16px}
@media screen and (max-width:1200px){
    :root{font-size:15px}
}
@media screen and (max-width:1025px) {
    :root{font-size:14px}
}
@media screen and (max-width:768px) {
    :root{font-size:13px}
}
@media screen and (max-width:640px) {
    :root{font-size:12px}
}
@media screen and (max-width:480px) {
    :root{font-size:11px}
}
/*버튼*/
button{display:inline-block;border:none;appearance:none;outline:none}
.btn_style{display:inline-block;padding:10px 20px;font-size:0.875rem;font-weight:500;border-radius:5px;transition:all .3s}
.btn_style.gray_line{color:#a7a7a7;border:1px solid #a7a7a7}
.btn_style.gray_line:hover{color:#fff;background:#a7a7a7}
.btn_style.gray_fill{color:#fff;background:#a7a7a7;border:1px solid #a7a7a7}
.btn_style.gray_fill:hover{color:#a7a7a7;background:transparent}
.btn_style.red_fill{color:#fff;background:#760023;border:1px solid #760023}
.btn_style.red_fill:hover{color:#760023;background:transparent}
.more_btn_box{position:relative;display:flex;align-items:center;width:120px;margin-left:10px}
.more_btn_box .btn_more{display:inline-block;padding-right:35px;font-size:0.875rem;color:#8D8D8D;background:url(/static/img/gray_arrow.svg) no-repeat center right/18px}
.more_btn_box .ani_line&gt;span{position:absolute;transition:all .3s}
.more_btn_box .ani_line .tp_line{top:-10px;left:-10px;width:0;height:1px;background:#8D8D8D}
.more_btn_box .ani_line .rt_line{top:-10px;right:-10px;width:1px;height:0;background:#8D8D8D}
.more_btn_box .ani_line .bt_line{bottom:-10px;right:-10px;width:0;height:1px;background:#8D8D8D}
.more_btn_box .ani_line .lt_line{bottom:-10px;left:-10px;width:1px;height:0;background:#8D8D8D}
.more_btn_box:hover .tp_line{width:140px}
.more_btn_box:hover .rt_line{height:37px;transition-delay:0.3s}
.more_btn_box:hover .bt_line{width:140px;transition-delay:0.6s}
.more_btn_box:hover .lt_line{height:37px;transition-delay:0.9s}

/*font*/
h2{font-size:3.125rem}
h4{font-size:1.875rem}
h5{font-size:1.25rem}

.fw_bold{font-weight:800}
.fw_500{font-weight:500}
.ff_bs{font-family:'Bahnschrift'}
.kbb_700{font-family:'KoPubWorldBatang';font-weight:700}
.kbb_500{font-family:'KoPubWorldBatang';font-weight:500}
.kbb_300{font-family:'KoPubWorldBatang';font-weight:300}

.sound_only{display:inline-block;text-indent:-9999em;white-space:nowrap;overflow:hidden;font-size:0}

/*common*/
.flex{display:flex;flex-wrap:wrap}
.scroll_btn{position:fixed;bottom:55px;right:60px;transform:rotate(90deg);display:flex;align-items:center;gap:10px;z-index:9998}
.scroll_btn&gt;p{font-size:12px;color:#fff;font-weight:400;letter-spacing:1px}
.scroll_btn&gt;span{position:relative;display:inline-block;width:70px;height:1px;background:#fff}
.scroll_btn&gt;span::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:inline-block;width:5px;height:5px;background:#fff;border-radius:50%;animation:scroll 1s ease-in-out infinite}
@keyframes scroll {
    0%{left:-2.5px}
    100%{left:100%}
}
#top_btn{color:#fff;background:#000;border:1px solid #760023;overflow:hidden;transition:all .3s}
#top_btn&gt;span{position:absolute;bottom:-100%;left:0;display:block;width:100%;height:100%;background:#760023;z-index:-1;transition:all .3s}
#top_btn:hover{color:#fff;background:#000;border:1px solid #760023;}
#top_btn.footer_btn{color:#760023;border:1px solid #fff}
#top_btn.footer_btn&gt;span{background:#fff}

/*header*/
header{position:fixed;top:0;left:0;display:flex;align-items:center;width:100%;height:90px;z-index:10000;transition:all .3s}

header .inner{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%}
#logo{display:flex;align-items:center;width:auto;padding-left:90px;float:none}
#logo&gt;a{min-width:78px;height:36px;background:url(/static/img/logo.svg) no-repeat center/contain}
.hd_lft{position:relative;display:flex;align-items:center;width:100%;padding-left:135px;padding-top:60px;transition:all .3s}
.hd_lft.active{z-index:10000}
.menu_btn{position:relative;display:inline-block;width:30px;height:25px;background:transparent}
.menu_btn&gt;span{position:absolute;left:0;display:inline-block;width:30px;height:2px;background:#fff;transition:all .3s}
.menu_btn&gt;span:nth-child(1){bottom:0}
.menu_btn&gt;span:nth-child(2){bottom:11px;width:15px}
.menu_btn&gt;span:nth-child(3){bottom:22px}
.menu_btn:hover&gt;span:nth-child(2){width:30px}
.menu_btn.active{transform:rotate(45deg);transition:all .3s;transition-delay:0.6s}
.menu_btn.active&gt;span:nth-child(1){bottom:10px;transition-delay:0.3s}
.menu_btn.active&gt;span:nth-child(2){width:0}
.menu_btn.active&gt;span:nth-child(3){bottom:9.5px;left:14px;transition-delay:0.3s;transform:translateX(-50%) rotate(90deg)}
header.active .menu_btn&gt;span{background:#760023}
header.active .hd_lft{padding-top:0}
header.active .menu_btn.active&gt;span{background:#fff}
/*sub_header*/
.sub_header{position:fixed;transition:all .5s}
.sub_header .hd_lft{width:auto}
.sub_header .hd_menu{height:100%}
.sub_header .hd_menu&gt;ul{display:flex;width:100%;height:100%;padding-right:150px}
.sub_header .hd_menu&gt;ul&gt;li&gt;a{position:relative;display:flex;justify-content:center;align-items:flex-end;height:100%;padding:0 40px 15px;font-size:1.1rem;color:#fff;font-weight:500;letter-spacing:1px}
.sub_header .hd_menu&gt;ul&gt;li&gt;a::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:block;width:0;height:2px;background:#760023;transition:all .5s}
.sub_header .hd_menu&gt;ul&gt;li&gt;a:hover::after{width:100%}
.sub_header .hd_menu&gt;ul&gt;li&gt;a.active::after{width:100%}

.sub_header .menu_btn.active{z-index:10000}
.sub_header.nav-up{top:-90px}
.sub_header.nav-down{background:#fff}
.sub_header.nav-down .hd_lft{padding-top:0}
.sub_header.nav-down.nav-top{background:transparent}
.sub_header.nav-down .menu_btn&gt;span{background:#000}
.sub_header.nav-down .hd_menu&gt;ul&gt;li&gt;a{align-items:center;padding-bottom:0;color:#000}
.sub_header.nav-down.nav-top .hd_lft{padding-top:65px}
.sub_header.nav-down .menu_btn.active&gt;span{background:#fff}
.sub_header.nav-down.nav-top .menu_btn&gt;span{background:#fff}
.sub_header.nav-down.nav-top .hd_menu&gt;ul&gt;li&gt;a{align-items:flex-end;padding-bottom:15px;color:#fff}

.sub_header.nav-down2{}
.sub_header.nav-down2 .hd_lft{padding-top:0}
.sub_header.nav-down2.nav-top{background:transparent}
.sub_header.nav-down2 .menu_btn&gt;span{background:#000}
.sub_header.nav-down2 .hd_menu&gt;ul&gt;li&gt;a{align-items:center;padding-bottom:0;color:#000}
.sub_header.nav-down2.nav-top .hd_lft{padding-top:65px}
.sub_header.nav-down2 .menu_btn.active&gt;span{background:#fff}
.sub_header.nav-down2.nav-top .menu_btn&gt;span{background:#fff}
.sub_header.nav-down2.nav-top .hd_menu&gt;ul&gt;li&gt;a{align-items:flex-end;padding-bottom:15px;color:#fff}


/*sub_visual*/
.sub_visual{position:relative;max-height:100vh;overflow:hidden}
.sub_visual.section2{background:#001134}
.sub_visual.section3{background:#000000}
.sub_visual.board_view{max-height:50vh}
.sub_visual .fp-tableCell p{width:100%; height:100%;}
.sub_visual img{width:100%;height:100%;object-fit:cover;animation:scale 3s ease 0.5s;animation-fill-mode: both}
.sub_visual.section2 img{opacity:0.89}
.sub_visual.section3 img{opacity:0.72}
.sub_visual .scroll_btn{position:absolute}

@keyframes scale {
    0%{transform:scale(2)}
    100%{transform:scale(1)}
}

/*gnb*/
.menu_fade{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}
.menu_bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;transition:all .3s}
.menu_bg::after{content:'';position:absolute;top:0;left:0;width:0;height:100%;background:rgba(0,0,0,0.6);transition:all .5s}
.menu_bg.active::after{width:26%}

.gnb_wrap{position:relative;height:100%;z-index:6}
.gnb{display:flex;flex-direction:column;justify-content:center;align-items:center;width:26%;height:100%}
.gnb&gt;li{position:relative}
.gnb&gt;li+li{margin-top:35px}
.gnb&gt;li&gt;a{font-size:1.25rem;color:#fff;font-weight:500}
.gnb&gt;li::after{content:'';position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);display:inline-block;width:0;height:2px;background:#fff;transition:all .3s}
.gnb&gt;li:hover::after,
.gnb&gt;li.active::after{width:100%}

/*main*/
#mainPage h2{padding-top:15px; letter-spacing:5px;font-weight:500}
#mainPage section{height:100vh;overflow:hidden}
#wzContent .inner{height:100%;padding:90px 100px 0}

/*section1*/
.main_visual{position:relative;height:100%}
.main_visual .visual_slide{height:100%}
.main_visual .visual_slide&gt;div .swiper-slide::after{content:'';position:absolute;left:0;top:0;display:block;width:100%;height:100%;background:rgba(0,0,0,0.3);z-index:1;}
.main_visual .visual_slide video{position:relative;width:100%;height:100%;object-fit:cover}
.main_visual .text_wrap{position:absolute;top:43%;left:50%;transform:translate(-50%, -50%);width:100%;height:300px;text-align:center;padding:0 20px;z-index:10;overflow:hidden}
.main_visual .text_wrap .main_con{position:absolute;left:50%;bottom:-100%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;gap:30px;transition:all .8s;transition-delay:0.5s}
.main_visual .text_wrap .main_con .main_logo{width:300px;}
.main_visual .text_wrap .main_con .main_logo&gt;img{width:100%}
.main_visual .text_wrap .main_con .main_txt&gt;h2{font-family: 'Bahnschrift';color:#fff;font-weight:500}
.main_visual .text_wrap .main_con .main_txt&gt;h2&gt;span{display:block;text-align:left;font-size:1.25rem}
.main_visual .swiper-slide-active .text_wrap .main_con{bottom:0}

.slide_control{position:absolute;left:50%;top:60%;transform:translateX(-50%);display:flex;align-items:center;gap:40px;z-index:10}
.slide_control&gt;button{display:inline-block;width:15px;height:22px}
.slide_control&gt;button.visual_prev_btn{background:url(/static/img/visual_prev_btn.svg) no-repeat center/contain}
.slide_control&gt;button.visual_next_btn{background:url(/static/img/visual_next_btn.svg) no-repeat center/contain}

.main_visual_paging{display:flex;align-items:center;gap:20px}
.main_visual_paging&gt;span{position:relative;width:10px;height:10px;margin:0 !important;background:transparent;border:1px solid #fff;opacity:1;transition:all .5s}
.main_visual_paging&gt;span.swiper-pagination-bullet-active{transform:scaleX(2.5);background:#fff;border-radius:3px}


/*section2*/
.sec2_box{height:100%}
.sec2_box&gt;div{flex:1;height:100%}
.sec2_box .sec2_lft{display:flex;flex-direction:column;justify-content:center;padding-left:100px;color:#8D8D8D;background:#E5E5E5 url(/static/img/sec2_bg.svg) no-repeat center right -530px/100%}
.sec2_box .sec2_lft&gt;span{font-size:1.25rem;color:#AE0D37;font-weight:500}
.sec2_box .sec2_lft&gt;h5{line-height:1.7;margin:77px 0;color:#000;font-weight:500}
.sec2_box .sec2_lft&gt;h5&gt;span{font-size:1.875rem}

/*section3*/
#wzContent .sec3_box{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:150px 100px 160px;background:#0EA59B url(/static/img/sec3_bg.png) no-repeat center/cover}
.sec3_box&gt;h2{letter-spacing:5px}
.sec3_box .sec3_list{width:100%;height:100%;margin-top:100px}
.sec3_box .sec3_list&gt;ul{display:flex;justify-content:center;height:100%}
.sec3_box .sec3_list&gt;ul&gt;li{position:relative;width:calc(100% / 6);height:100%;padding:0;color:#fff;transition:all .5s;overflow:hidden}
.sec3_box .sec3_list&gt;ul&gt;li&gt;a{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5}
.sec3_box .sec3_list&gt;ul&gt;li&gt;strong{display:block;position:absolute;left:0;bottom:0;width:100%;height:150px;background:linear-gradient(0deg, rgba(0,0,0,1), rgba(0,0,0,0));font-size:1.25rem}
.sec3_box .sec3_list&gt;ul&gt;li&gt;strong&gt;span{position:absolute;left:30px;bottom:40px}
.sec3_box .sec3_list&gt;ul&gt;li .sec3_bg{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.6)}
.sec3_box .sec3_list&gt;ul&gt;li .sec3_con{opacity:0;position:absolute;height:100%;display:flex;flex-direction:column;justify-content:center;padding:30px 50px;z-index:-1}
.sec3_box .sec3_list&gt;ul&gt;li .sec3_con&gt;b{font-size:1.25rem;font-weight:500}
.sec3_box .sec3_list&gt;ul&gt;li .sec3_con&gt;p{line-height:1.7;margin:30px 0 45px;font-weight:400}
.sec3_box .sec3_list&gt;ul&gt;li .sec3_con::after{content:'';display:inline-block;width:15px;height:15px;background:url(/static/img/icon_arrow.png) no-repeat center/contain}

.sec3_box .sec3_list&gt;ul&gt;li:first-child{background:url(/static/img/sec3_list1.png) no-repeat center}
.sec3_box .sec3_list&gt;ul&gt;li:nth-child(2){background:url(/static/img/sec3_list2.png) no-repeat center right}
.sec3_box .sec3_list&gt;ul&gt;li:nth-child(3){background:url(/static/img/sec3_list3.png) no-repeat center bottom}
.sec3_box .sec3_list&gt;ul&gt;li:nth-child(4){background:url(/static/img/sec3_list4.png) no-repeat center left -150px}
.sec3_box .sec3_list&gt;ul&gt;li:nth-child(5){background:url(/static/img/sec3_list5.png) no-repeat center right -200px}
.sec3_box .sec3_list&gt;ul&gt;li:nth-child(6){background:url(/static/img/sec3_list6.png) no-repeat center}

.sec3_box .sec3_list&gt;ul&gt;li.active{width:calc((100% / 6) * 2);}
.sec3_box .sec3_list&gt;ul&gt;li.active .sec3_bg{display:block}
.sec3_box .sec3_list&gt;ul&gt;li.active .sec3_con{z-index:3}

/*section4*/
.character_sec{background:#004EEB url(/static/img/charac_bg.png) no-repeat center/cover}
.character_sec .inner{display:flex;justify-content:center;align-items:center}
.character_sec .charac_con{width:100%;max-width:1560px}
.character_sec .charac_con&gt;h2{text-align:center;color:#fff;letter-spacing:5px}
.character_sec .charac_con .character_slide_box{position:relative;margin-top:50px}
.character_sec .charac_con .character_slide_box .character_slide{max-width:1280px;margin:0 auto;overflow:hidden}
.character_sec .charac_con .character_slide_box .character_slide&gt;ul{justify-content:center}
.character_sec .charac_con .character_slide_box .character_slide li{position:relative;width:auto;margin:0 10px}
.character_sec .charac_con .character_slide_box .character_slide li::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(23,61,104,0.4);z-index:2;transition:all .3s;border-radius:10px}
.character_sec .charac_con .character_slide_box .character_slide li&gt;a{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5}
.character_sec .charac_con .character_slide_box .character_slide li .slide_con{position:relative}
.character_sec .charac_con .character_slide_box .character_slide li .slide_con&gt;p{position:absolute;right:33px;bottom:23px;font-size:1.1rem;color:#fff;font-weight:500}

.character_sec .charac_con .character_slide_box .character_slide li:hover::after{opacity:0}
/*.character_sec .charac_con .character_slide_box .character_slide li.swiper-slide-active::after{display:none}*/
.character_sec .charac_con .character_slide_box .charac_nav&gt;button{position:absolute;top:50%;transform:translateY(-50%);width:72px;height:145px;z-index:10}
.character_sec .charac_con .character_slide_box .charac_nav .slide_prev{left:0;background:url(/static/img/slide_prev.svg) no-repeat center/contain}
.character_sec .charac_con .character_slide_box .charac_nav .slide_next{right:0;background:url(/static/img/slide_next.svg) no-repeat center/contain}

/*section5*/
.news_sec .inner{display:flex;flex-direction:column;justify-content:center;align-items:center;background:url(/static/img/news_bg.png) no-repeat center/cover}
.news_sec .inner&gt;h2{text-align:center;color:#000;letter-spacing:5px}
.news_sec .news_con{position:relative;width:100%;max-width:1170px;margin:70px auto 0}
.news_sec .news_con .more_btn{position:absolute;top:-50%;right:0}
.news_sec .news_con .more_btn .dot{display:inline-block;width:8px;height:8px;margin:0 3px;background:#1f1f1f}
.news_sec .news_con .news_list li{position:relative;padding-bottom:25px;color:#000}
.news_sec .news_con .news_list li&gt;a{position:absolute;left:0;top:0;width:100%;height:100%;border-bottom:1px solid #000}
.news_sec .news_con .news_list li+li{margin-top:30px}
.news_sec .news_con .news_list li&gt;a::after{content:'';position:absolute;left:0;bottom:-1px;transform-origin:right;transform:scaleX(0);transition:-webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);transition:transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);transition:transform 0.6s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);-webkit-transform-origin:right;-webkit-transform:scaleX(0);-webkit-transition:-webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1); display:inline-block;width:100%;height:2px;background:#AE0D37;z-index:2}
.news_sec .news_con .news_list li&gt;a:hover::after{transform:scaleX(1); transform-origin:left; transition:-webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);transition:transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);transition:transform 0.6s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);-webkit-transform:scaleX(1);-webkit-transform-origin:left;-webkit-transition:-webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1); }
.news_sec .news_con .news_list li .news_info{display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:1rem}
.news_sec .news_con .news_list li .news_info .info_lft{display:flex;align-items:center;gap:55px;font-weight:400}
.news_sec .news_con .news_list li .news_info .info_lft .cate{min-width:62px;transition:all .5s}
.news_sec .news_con .news_list li .news_info .more_icon{display:inline-block;width:15px;height:15px;background:url(/static/img/plus2.svg) no-repeat center/contain;transition:all .5s}
.news_sec .news_con .news_list li .news_info .info_lft&gt;div{display:flex;align-items:center;gap:10px;transition:all .5s}
.news_sec .news_con .news_list li:hover{color:#AE0D37}
.news_sec .news_con .news_list li:hover .news_info .more_icon{background:url(/static/img/plus_on2.svg) no-repeat center/contain}

/*section6*/
.loca_sec{position:relative}
.map_box{position:relative;height:100%}
.map_box #map{width:100% !important;height:100% !important}
.map_box::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4);z-index:1}

.loca_info_box{position:absolute;bottom:0;right:0;display:flex;flex-direction:column;justify-content:space-between;width:960px;height:100%;padding:120px 85px;color:#fff;background:rgba(0,0,0,0.5);z-index:3}
.loca_info_txt{display:flex;flex-wrap:wrap;gap:55px;max-width:325px;margin-bottom:95px}
.loca_info_txt&gt;div{width:calc(50% - 27.5px)}
.loca_info_txt&gt;div&gt;b{font-size:1.25rem;font-weight:normal}
.loca_info_txt&gt;div&gt;p{margin-top:13px}
.loca_info_txt&gt;div:first-child{width:100%}

.loca_info_email{display:flex;flex-direction:column;gap:10px}
.loca_info_email&gt;a{position:relative;width:395px;padding:14px 20px;color:#fff;font-weight:500;background:#242424;border:1px solid #fff;overflow:hidden;transition:all 0.3s ease;z-index:2}
.loca_info_email&gt;a:hover{color:#fff;border:1px solid #fff}
.loca_info_email&gt;a::after{z-index:-1; opacity:0; height:100%; content:''; position:absolute; background:#760023; transform:skewX(-45deg); left:-100%; top:0px; transition:all .5s cubic-bezier(.42,0,.58,1); width:100%;  border-radius:0px; }
.loca_info_email&gt;a:hover::after{opacity:1; width:220%}

/*footer*/
.footer{padding:75px 70px 50px;background:#282828}
.fp-auto-height,
.fp-auto-height .fp-tableCell{height:auto !important}
.footer .ft_wrap{display:flex;flex-wrap:wrap;gap:200px}
.footer .ft_wrap .ft_lft{display:flex;align-items:center;gap:100px}
.footer .ft_wrap .ft_lft .ft_logo{width:160px;}
.footer .ft_wrap .ft_lft .ft_nav&gt;ul{display:flex;gap:35px}
.footer .ft_wrap .ft_lft .ft_nav&gt;ul&gt;li&gt;a{font-size:1.25rem;color:#fff}

.footer .ft_wrap .ft_rgt{color:#fff}
.footer .ft_wrap .ft_rgt&gt;p{margin-top:15px}
.footer .ft_wrap .ft_rgt&gt;ul&gt;li{display:flex;gap:25px;font-size:1rem}
.footer .ft_wrap .ft_rgt&gt;ul&gt;li&gt;span:first-child{min-width:97px}
.footer .ft_wrap .ft_rgt&gt;ul&gt;li+li{margin-top:10px}

/*subpage company*/
.sub_visual .main_con{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:flex;justify-content:center;align-items:center;gap:20px;transition:all .8s;transition-delay:0.5s}
.sub_visual .main_con .main_logo{width:300px}
.sub_visual .main_con .main_logo&gt;img{width:100%;animation:initial}
.sub_visual .main_con .main_txt&gt;h2{padding-top:15px; font-family: 'Bahnschrift';color:#fff;font-weight:500}
.sub_visual .main_con .main_txt&gt;h2&gt;span{display:block;text-align:left;font-size:1.25rem}

.sub_container .loca_sec{height:100vh; overflow:hidden}

.company_sec{display:flex;background:url(/static/img/company_sec_bg.png) no-repeat center/cover}
.company_sec .fp-tableCell{display:flex; overflow:hidden;}
.company_sec .fp-tableCell &gt;div{flex:1}
.company_sec .company_lft img{height: 100%}
.company_sec .company_rgt{display:flex;flex-direction:column;justify-content:center;padding:50px 65px}
.company_sec .company_rgt&gt;p{line-height:1.6;font-size:1.25rem;color:#363636;font-weight:500}
.company_sec .company_rgt&gt;h4{line-height:1.7;margin:30px 0 45px;font-weight:500}
.company_sec .company_rgt&gt;span{font-size:1rem;color:#AE0D37;font-weight:500}

.company_sec2{position:relative;display:flex;justify-content:center;padding:100px 0}
.company_sec2 .fp-tableCell{width:100%;max-width:1280px; overflow:hidden;}
.middle_line{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:block;width:1px;height:80%;background:#707070}
.middle_line::before{content:'';position:absolute;left:50%;top:0;transform:translateX(-50%);display:block;width:7px;height:7px;background:#000000;border-radius:50%}
.middle_line::after{content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:block;width:7px;height:7px;background:#000000;border-radius:50%}
.company_sec2 ul{width:100%;}
.company_sec2 ul&gt;li{display:flex;gap:100px}
.company_sec2 ul&gt;li&gt;div{position:relative;width:calc(50% - 50px)}
.company_sec2 ul&gt;li&gt;div&gt;p{font-size:1rem;font-weight:400}
.company_sec2 ul&gt;li&gt;div&gt;h5{margin-bottom:10px;font-weight:500}
.company_sec2 ul&gt;li+li{margin-top:90px}
.company_sec2 ul&gt;li&gt;div.con_lft{text-align:right}
.company_sec2 ul&gt;li&gt;div.con_lft::before{content:'';position:absolute;right:-57px;top:4px;display:block;width:13px;height:13px;background:#9A0028;border:2px solid #CBCBCB;border-radius:50%}
.company_sec2 ul&gt;li&gt;div.con_rgt::before{content:'';position:absolute;left:-57px;top:6px;display:block;width:13px;height:13px;background:#9A0028;border:2px solid #CBCBCB;border-radius:50%}

/*subpage expertise*/
.sub_tit{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:95%}
.sub_tit&gt;h2{text-align:center;font-size:2.5rem;color:#fff;font-weight:500;letter-spacing:3px}
.exper_tab{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:1240px}
.exper_tab&gt;ul{display:flex;justify-content:center;padding:0 60px;background:#000}
.exper_tab&gt;ul&gt;li&gt;a{position:relative;display:inline-block;padding:15px 56px;font-size:1rem;color:#fff;font-weight:500;transition:all .5s}
.exper_tab&gt;ul&gt;li&gt;a::after{content:'';position:absolute;left:50%;bottom:1px;transform:translateX(-50%);display:inline-block;width:0;height:2px;background:#FF0043;transition:all .5s}

.exper_tab&gt;ul&gt;li.on&gt;a,
.exper_tab&gt;ul&gt;li&gt;a:hover{color:#FF0043}
.exper_tab&gt;ul&gt;li.on&gt;a::after,
.exper_tab&gt;ul&gt;li&gt;a:hover::after{width:100%}

.sub_con_tit{padding:90px 50px 0;}
.sub_con_tit&gt;p{text-align:center;line-height:1.7;font-size:1.25rem;font-weight:500;word-break:keep-all}
.sub_con_tit&gt;h4{text-align:center;margin-bottom:50px;font-size:2.25rem;font-weight:500;letter-spacing:3px}

.exper_slide{max-width:1530px;margin:150px auto}
.exper_slide&gt;ul{display:flex;flex-wrap:wrap;gap:50px}
.exper_slide&gt;ul&gt;li{position:relative;display:flex;justify-content:center;align-items:center;width:calc(20% - 40px);padding:100px 30px;background:#fff;border-radius:10px;box-shadow:3px 3px 6px rgba(0,0,0,0.16)}
.exper_slide&gt;ul&gt;li::before{content:'';position:absolute;left:0;top:0;display:block;width:100%;height:100%;border:1px solid #E6E6E6;border-radius:10px;transition:all .3s}
.exper_slide&gt;ul&gt;li::after{content:'';position:absolute;top:25px;left:25px;display:block;width:6px;height:6px;background:#760023;border-radius:50%}
.exper_slide&gt;ul&gt;li .exper_con&gt;p{text-align:center;font-size:1.25rem;font-weight:500;word-break:keep-all}
.exper_slide&gt;ul&gt;li:hover::before{border:2px solid #9A0028}

/*subpage members*/
.sub_visual.member_view .member_view_img{position:relative;max-height:60vh;overflow:hidden}

.member_wrap{margin:130px 0}
.member_wrap&gt;ul{display:flex;flex-wrap:wrap}
.member_wrap&gt;ul&gt;li{position:relative;width:50%;display:flex}
.member_wrap&gt;ul&gt;li&gt;a{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}
.member_wrap&gt;ul&gt;li&gt;div{flex:1}
.member_wrap&gt;ul&gt;li .mem_rgt{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;background:#E9E9E9}
.member_wrap&gt;ul&gt;li .mem_rgt&gt;p{text-align:center;font-size:1.25rem;font-weight:500}
.member_wrap&gt;ul&gt;li .mem_rgt .line{display:inline-block;width:1px;height:80px;margin:45px 0 65px;background:#AE0D37}

.law_info{position:relative;display:flex;padding-left:430px;margin-left:300px}
.law_info .law_lft{position:absolute;left:0;bottom:-30px;max-width:400px}
.law_info .law_lft&gt;img{animation:initial}
.law_info .law_rgt{margin-top:30px}
.law_info .law_rgt&gt;a{display:inline-flex;justify-content:center;align-items:center;width:210px;height:45px;padding:5px 10px;margin-top:15px;font-size:1rem;font-weight:500;border:1px solid #707070;border-radius:10px 0 0 0}
.law_info .law_rgt&gt;a::after{content:'';display:inline-block;width:18px;height:18px;margin-left:25px;background:url(/static/img/down.svg) no-repeat center/contain}
.law_info .law_rgt .law_rgt_top{margin-bottom:25px}
.law_info .law_rgt .law_rgt_top&gt;h4{margin-top:3px;font-weight:500}
.law_info .law_rgt .law_rgt_top&gt;span{font-size:0.875rem;font-weight:500}
.law_info .law_rgt .law_rgt_btm&gt;p{line-height:1.6;font-size:1.25rem;font-weight:500}

.law_con{padding:50px 50px 65px;margin-top:110px;background:#F2F2F2}
.law_con .law_box{max-width:1200px;margin-left:250px}
.law_con .pro_list{display:flex;gap:30px;flex-wrap:wrap}
.law_con .pro_list li{padding:10px 22px;font-size:1rem;color:#fff;font-weight:500;background:#000;border-radius:22px}

.arrow-icon{display:inline-block;width:17px;height:10px;background:url(/static/img/down_arrow.svg) no-repeat center/contain;transition:all .3s}
.law_con .law_spec{margin-top:80px}
.law_con .law_spec li+li{margin-top:17px}
.law_con .law_spec li .low_q{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 10px 12px;border-bottom:2px solid #000;cursor:pointer}
.law_con .law_spec li .low_q&gt;b{font-size:1.25rem;font-weight:500}
.law_con .law_spec li .low_a .con_wrap{padding:27px 10px 15px;font-size:1rem;color:#404040;font-weight:400;border-bottom:1px dashed #707070}
.law_con .law_spec li .low_a .con_wrap p{line-height:1.8;padding-left:10px;text-indent:-10px;word-break:keep-all}
.law_con .law_spec li .low_a .con_wrap li&gt;div{margin-top:15px}
.law_con .law_spec li .low_a .con_wrap li&gt;div.sub_txt{padding-left:15px}
.law_con .law_spec li .low_a .con_wrap li+li{margin-top:35px}
.law_con .law_spec li .low_a .con_wrap li&gt;span{font-size:1.25rem;font-weight:500}
.law_con .law_spec li .low_a .con_wrap li&gt;div.sub_txt span{font-size:1.1rem;font-weight:500}
.law_con .law_spec li .low_a .con_wrap li&gt;div.sub_txt&gt;div{margin-top:5px}

.law_con .law_spec li .low_q.active .arrow-icon{transform:rotate(180deg)}

/*board*/
.board_content{padding:100px 50px;background:#F2F2F2;}
.board_content .bo_inner{max-width:1200px;margin:0 auto}
.cate_list&gt;ul{display:flex}
.cate_list&gt;ul&gt;li{flex:1}
.cate_list&gt;ul&gt;li&gt;a{position:relative;display:flex;justify-content:center;width:100%;padding:0 10px 18px;font-size:1rem;font-weight:500}
.cate_list&gt;ul&gt;li&gt;a::before{content:'';position:absolute;left:0;bottom:0;display:inline-block;width:100%;height:1px;background:#707070}
.cate_list&gt;ul&gt;li&gt;a::after{content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:inline-block;width:0;height:1px;background:#AE0D37;transition:all .3s}
.cate_list&gt;ul&gt;li&gt;a.active::after,
.cate_list&gt;ul&gt;li&gt;a:hover::after{width:100%}

.bo_top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:50px}
.bo_tot&gt;span{font-size:1rem;color:#747474;font-weight:500}
.sch_box{position:relative;display:flex;border-bottom:1px solid #707070}
.sch_box .sch_select{padding:10px;font-size:1rem;color:#747474;font-weight:500;background:url(/static/img/select_arrow.svg) no-repeat center right 10px/12px;border:none;appearance:none}
.sch_box .sch_input{min-width:300px;padding:10px 35px 10px 10px;font-size:1rem;color:#747474;font-weight:500;background:none;border:none}
.sch_box .sch-icon{position:absolute;right:0;top:50%;transform:translateY(-50%);display:inline-block;width:20px;height:20px;background:url(/static/img/sch_icon.svg) no-repeat center/contain}

.board_list{margin:100px 0}
.board_list&gt;ul{display:flex;flex-wrap:wrap;gap:40px}
.board_list&gt;ul&gt;li{position:relative;width:calc(25% - 30px);padding:55px 20px 55px 35px;background:#fff;border:1px solid #D2D2D2;transition:all .3s}
.board_list&gt;ul&gt;li.empty_list{display:flex;justify-content:center;align-items:center;width:100%;min-height:300px;padding:20px 30px;font-size:1.25rem}
.board_list&gt;ul&gt;li .view_link{position:absolute;left:0;top:0;width:100%;height:100%;z-index:3}
.board_list&gt;ul&gt;li *{transition:all .3s}
.board_list&gt;ul&gt;li&gt;a{position:relative;z-index:1}
.board_list&gt;ul&gt;li:hover{border:1px solid #000}
.board_list&gt;ul&gt;li::after{content:'';position:absolute;left:0;top:0;display:block;width:100%;height:0;background:#D22A56;transition:all .3s}
.board_list&gt;ul&gt;li.empty_list::after{display:none}
.board_list&gt;ul&gt;li .chk_box{position:absolute;top:20px;left:20px;z-index:10}
.board_list&gt;ul&gt;li .chk_box label{padding:0}
.board_list&gt;ul&gt;li .chk_box label&gt;span{border:1px solid #707070}
.board_list&gt;ul&gt;li .list_top{position:relative;margin-bottom:75px;z-index:1}
.board_list&gt;ul&gt;li .list_top&gt;p{line-height:1.6;margin-top:12px;font-size:1.1rem;color:#363636;font-weight:600}
.board_list&gt;ul&gt;li .list_top&gt;a{display:inline-block;width:80px;text-align:center;padding:7px 15px;font-size:12px;font-weight:500}
.board_list&gt;ul&gt;li .list_top&gt;a.new{color:#fff;background:#760023}
.board_list&gt;ul&gt;li .list_top&gt;a.work{color:#fff;background:#D22A56}
.board_list&gt;ul&gt;li .list_top&gt;a.refer{color:#fff;background:#545454}
.board_list&gt;ul&gt;li .wr_date{font-size:12px;color:#ACACAC;font-weight:500}

.board_list&gt;ul&gt;li:hover::after{height:100%}
.board_list&gt;ul&gt;li:hover .list_top&gt;a{color:#000;background:#fff}
.board_list&gt;ul&gt;li:hover .list_top&gt;p{color:#fff}
.board_list&gt;ul&gt;li:hover .wr_date{color:#fff}

.admin_opt_list{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:35px}
.admin_opt_list .all_chk_box{display:flex;align-items:center;gap:10px}
.admin_opt_list .all_chk_box&gt;input{width:15px;height:15px;border:1px solid #707070}
.admin_opt_list .all_chk_box&gt;label{font-size:0.875rem;font-weight:400}
.admin_opt_list .opt_list&gt;ul{display:flex;align-items:center;gap:15px}

.bo_list_con .pagination .current{display:inline-flex;justify-content:center;align-items:center;min-width:34px;height:34px;padding:0;font-size:1rem;color:#fff;font-weight:500;background:#D22A56;border:1px solid #D22A56;border-radius:0}

.bo_view_box{padding:40px 15px;border:1px solid #000;border-width:1px 0}
.bo_view_box .view_subject{font-size:1.56rem;font-weight:500}
.view_file{margin-top:25px;border:1px solid #656565}
.view_file&gt;ul&gt;li{padding:15px}
.view_file&gt;ul&gt;li&gt;a{display:flex;align-items:center;gap:10px;font-size:1rem;color:#656565;font-weight:500;transition:all .3s}
.view_file&gt;ul&gt;li+li{border-top:1px solid #ccc}
.bo_view_box .per_info{display:flex;align-items:center;margin-top:10px}
.bo_view_box .per_info&gt;span{display:inline-flex;align-items:center;font-size:0.875rem;color:#A5A5A5;font-weight:400}
.bo_view_box .per_info&gt;span:last-child::before{content:'';display:inline-block;width:1px;height:15px;margin:0 10px;background:#A5A5A5}
.bo_view_box .view_con{min-height:250px;padding-top:40px;margin-top:40px;border-top:1px dashed #B7B7B7}
.bo_view_box .view_con *{font-size:1rem !important;font-family:'S-CoreDream' !important;color:#656565 !important;font-weight:400 !important}

.view_option{padding:55px 0}
.view_option&gt;ul{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.list_btn{display:inline-flex;align-items:center;gap:30px;height:41px;padding:5px 20px;font-size:0.875rem;color:#000;font-weight:500;background:#fff;border:1px solid #DDDDDD;transition:all .3s}
.list_icon{display:inline-block;width:25px;height:15px;background:url(/static/img/list-icon.svg) no-repeat center/contain;transition:all .3s}
.list_btn:hover{background:#000;color:#fff}
.list_btn:hover .list_icon{background:url(/static/img/list-icon_on.svg) no-repeat center/contain}

.view_page{border:1px solid #818181;border-width:1px 0}
.view_page&gt;div&gt;a{display:flex;align-items:center;gap:50px;padding:20px 25px;font-size:0.875rem}
.view_page&gt;div&gt;a&gt;p{min-width:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.view_page&gt;div+div{border-top:1px solid #D6D6D6}

.write_div{display:flex;align-items:center}
.write_div_box{display:flex;align-items:center;gap:25px;margin-bottom:20px}
.write_div&gt;label{display:inline-block;min-width:100px;margin-right:20px;font-size:1.1rem;font-weight:500}
.write_div&gt;input,
.write_div&gt;select{width:100%;padding:10px 15px;font-size:1rem;color:#000;font-weight:500;background:#fff;border:1px solid #000;border-radius:5px}
.write_div + .write_div{margin-top:20px}
.write_div_box .write_div{gap:5px}
.write_div_box .write_div&gt;input{padding:0}
.write_div_box .write_div&gt;label{min-width:auto;margin-right:0}
.write_div&gt;label.required{background-position:right 50px top !important}
.write_div &gt; .wr_content{width:100%;height:300px;background:#fff;border:1px solid #000;border-radius:5px;overflow:hidden}
.write_div &gt; .wr_content .cke_contents{height:250px !important}

.confirm_btn_box{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:50px}
.cancel_btn{display:inline-block;padding:10px 20px;font-size:1rem;color:#fff;font-weight:500;background:#000;border:1px solid #000;border-radius:5px;transition:all .3s}
.cancel_btn:hover{background:transparent;color:#000}
.submit_btn{display:inline-block;padding:10px 35px;font-size:1rem;color:#fff;font-weight:500;background:#760023;border:1px solid #760023;border-radius:5px;transition:all .3s}
.submit_btn:hover{background:transparent;color:#760023}

.file_del{display:flex;align-items:center;gap:10px;padding-left:120px;margin:10px 0 20px}
.file_del&gt;label{display:inline-flex;align-items:center;gap:10px;font-size:0.875rem}
.file_del&gt;label .elip{min-width:auto}
.file_del&gt;label .del_text{color:#fb5575}

.load_pop{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:100000}
.animsition-loading,.animsition-loading:after {
    width: 80px;
    height: 80px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -16px;
    margin-left: -16px;
    border-radius: 50%;
    z-index: 2
}

.animsition-loading {
    background-color: transparent;
    border-top: 5px solid rgba(154,0,40,.4);
    border-right: 5px solid rgba(154,0,40,.4);
    border-bottom: 5px solid rgba(154,0,40,.4);
    border-left: 5px solid #eee;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-name: animsition-loading;
    animation-name: animsition-loading
}

@-webkit-keyframes animsition-loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes animsition-loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

/*login*/
.mb_log_cate h2{width:100%;text-align:center;font-size:2.5rem;font-weight:500;float:none}
.mbskin{min-height:50vh}
#login_fs{border:1px solid #ccc;border-radius:10px;box-shadow:3px 6px 6px rgba(0,0,0,0.16)}
#login_info{display:flex;flex-direction:column;align-items:flex-start;gap:15px}
#mb_login #login_fs .frm_input{padding:5px 10px;font-size:1.1rem;border-bottom:1px solid #ccc}
#mb_login #login_fs .btn_submit{height:35px;margin-top:25px;font-size:1.1rem}
#login_info .login_if_lpl{width:100%;text-align:right;float:none}
#login_info .login_if_auto label{display:flex;align-items:center;gap:7px;padding-left:0;font-size:1rem}
#login_info .login_if_auto label span{position:static}
#login_info:after{display:none}

/*반응형*/
@media screen and (max-width:1600px){
    .main_visual img,
    .sec2_rgt img{width:100%;height:100%;object-fit:cover}
    #wzContent .sec3_box{padding:120px 100px 80px}
    .character_sec .charac_con .character_slide_box .charac_nav&gt;button{width:50px;height:100px}
    .character_sec .charac_con .character_slide_box .character_slide li .slide_con{max-height:500px}

    /*subpage company*/
    .company_sec .company_rgt{padding:30px}

    /*subpage expertise*/
    .exper_slide{max-width:95%}
    .sec3_box .sec3_list&gt;ul&gt;li:first-child{background:url(/static/img/sec3_list1.png) no-repeat center/cover}
    .sec3_box .sec3_list&gt;ul&gt;li:nth-child(2){background:url(/static/img/sec3_list2.png) no-repeat center/cover}
    .sec3_box .sec3_list&gt;ul&gt;li:nth-child(3){background:url(/static/img/sec3_list3.png) no-repeat center/cover}
    .sec3_box .sec3_list&gt;ul&gt;li:nth-child(4){background:url(/static/img/sec3_list4.png) no-repeat center/cover}
    .sec3_box .sec3_list&gt;ul&gt;li:nth-child(5){background:url(/static/img/sec3_list5.png) no-repeat center/cover}
    .sec3_box .sec3_list&gt;ul&gt;li:nth-child(6){background:url(/static/img/sec3_list6.png) no-repeat center/cover}

    /*subpage members*/
    .member_wrap&gt;ul&gt;li .mem_rgt .line{margin:35px 0}

    .law_info{margin-left:150px}
    .law_con .law_box{margin-left:100px}

    .footer .ft_wrap{gap:50px}
    .footer .ft_wrap .ft_rgt{width:100%;display:flex;flex-direction:column;align-items:flex-end}
    .footer .ft_wrap .ft_rgt&gt;p{width:100%;text-align:center;margin-top:35px}
}

@media screen and (max-width:1400px){
    .footer{padding:35px 25px}
    .loca_info_box{width:50%}

    .sec3_box .sec3_list{margin-top:100px}
    .sec2_box .sec2_lft{padding-left:50px;background:#E5E5E5 url(/static/img/sec2_bg.svg) no-repeat center right -340px/100%}

    /*subheader*/
    .sub_header .hd_menu&gt;ul{padding-right:50px}
    .sub_header .hd_lft,
    .sub_header.nav-down.nav-top .hd_lft{padding-left:50px;padding-top:30px}



    .sub_visual .scroll_btn{right:0}

    /*subpage company*/
    .company_sec2{padding:100px 30px}
    .company_sec2 ul&gt;li+li{margin-top:50px}
    .company_sec2 ul&gt;li&gt;div&gt;p{word-break:keep-all}

    /*subpage expertise*/
    .exper_tab{width:95%}
    .exper_slide{margin:80px auto}
    .exper_tab&gt;ul{padding:0}
    .exper_slide&gt;ul{gap:20px}
    .exper_slide&gt;ul&gt;li{width:calc(20% - 16px);padding:50px 25px}

    /*subpage members*/
    .member_wrap&gt;ul&gt;li .mem_rgt .line{height:55px;margin:30px 0}

    .law_info{justify-content:center;margin:0}
    .law_info .law_lft{left:50%;transform:translateX(-100%)}
    .law_con{padding:50px 25px 65px}
    .law_con .pro_list{gap:15px}
    .law_con .law_box{margin:0}

    /*board*/
    .board_list&gt;ul{gap:20px}
    .board_list&gt;ul&gt;li{width:calc(25% - 15px);padding:35px 20px}
    .board_list&gt;ul&gt;li .chk_box{top:10px;left:10px}
}

@media screen and (max-width:1200px){
    #logo{position:static;transform:translateX(0);padding-left:50px}
    .loca_info_box{padding:80px 50px}
    .ft_logo img{max-width:150px}
    #wzContent .inner{padding:90px 50px 0}
    .main_visual .text_wrap&gt;h2{font-size:2.75rem}
    #wzContent .sec3_box{padding:140px 50px 50px}
    .sec3_box .sec3_list&gt;ul&gt;li .sec3_con{padding:30px 25px}
    .sec3_box .sec3_list&gt;ul&gt;li&gt;strong{height:50%}
    .sec3_box .sec3_list&gt;ul&gt;li&gt;strong&gt;span{left:10px}
    .character_sec .charac_con .character_slide_box .character_slide{max-width:85%;padding-right:35px}

    /*subpage company*/
    .company_sec .company_lft img{width:100%;height:100%;object-fit:cover}
    .company_sec .company_rgt&gt;p{line-height:1.5;font-size:1.1rem}
    .company_sec .company_rgt&gt;h4{line-height:1.5;margin:25px 0 30px;font-size:1.4rem}
    .company_sec2 .company_info&gt;ul&gt;li+li{margin-top:35px}

    /*subpage expertise*/
    .exper_tab&gt;ul{justify-content:center}
    .exper_slide&gt;ul&gt;li{width:calc(33.3% - 13px)}
    .exper_tab&gt;ul&gt;li&gt;a{padding:15px 40px}

    /*subpage members*/
    .law_info .law_lft{bottom:-100px}
    .member_wrap&gt;ul&gt;li .mem_rgt&gt;p{font-size:1rem}
    .member_wrap&gt;ul&gt;li .mem_rgt .line{margin:20px 0}

    /*board*/
    .board_list&gt;ul&gt;li .list_top{margin-bottom:50px}
    .file_del&gt;label .elip{max-width:none}

	.sub_visual .main_con .main_logo{width:150px}
}

@media screen and (max-width:1025px){
    .hd_lft{padding-left:35px}
    .slide_control{bottom:80px}
    .main_visual .text_wrap&gt;h2{font-size:2.25rem}

    .sec2_box{flex-direction:column;flex-wrap:nowrap;padding-top:90px;background:#E5E5E5}
    .sec2_box&gt;div{height:50%}
    .sec2_box .sec2_lft{padding-left:35px}
    .sec2_box .sec2_lft&gt;h4{margin:30px 0}

    .more_btn_box .btn_more{padding-right:35px;font-size:1.1rem}
    .character_sec .charac_con .character_slide_box .character_slide li .slide_con{max-height:400px}
    .character_sec .charac_con .character_slide_box .character_slide li.swiper-slide-active::after{display:none}

    #wzContent .sec3_box{padding-top:120px;padding-bottom:35px}
    .sec3_box .sec3_list{height:100%;margin-top:50px}
    .sec3_box .sec3_list&gt;ul{flex-direction:column;height:100%}
    .sec3_box .sec3_list&gt;ul&gt;li{width:100%;height:calc(100% / 6)}
    .sec3_box .sec3_list&gt;ul&gt;li.active{width:100%;height:calc((100% / 6) * 2)}
    .sec3_box .sec3_list&gt;ul&gt;li .sec3_con{width:100%}
    .sec3_box .sec3_list&gt;ul&gt;li .sec3_con&gt;p{margin:10px 0 0}
    .sec3_box .sec3_list&gt;ul&gt;li .sec3_con::after{position:absolute;bottom:20px;right:35px}
    .sec3_box .sec3_list&gt;ul&gt;li&gt;strong&gt;span{bottom:10px}

    .character_sec .charac_con .character_slide_box .character_slide&gt;ul{justify-content:flex-start}
    .character_sec .charac_con .character_slide_box .charac_nav .slide_prev{left:-10px}
    .character_sec .charac_con .character_slide_box .charac_nav .slide_next{right:-10px}

    .news_sec .news_con .more_btn{top:-67%}
    .news_sec .news_con .news_list li+li{margin-top:25px}
    .news_sec .news_con .news_list li{padding-bottom:15px}
    .news_sec .news_con .news_list li .news_info .info_lft{gap:25px;min-width:0}
     .news_sec .news_con .news_list li .news_info .info_lft&gt;div{min-width:0}
    .news_sec .news_con .news_list li .news_info .info_lft&gt;div&gt;p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}

    .loca_info_txt{gap:30px;margin-bottom:55px}
    .loca_info_box{justify-content:space-around;width:450px;padding:50px 25px}
    .loca_info_email&gt;a{width:100%;padding:14px 25px}

    .footer .ft_wrap{flex-flow:column nowrap}
    .footer .ft_logo{max-width:200px}
    .footer .ft_wrap .ft_lft{justify-content:space-between;gap:50px}
    .footer .ft_wrap .ft_rgt&gt;ul{display:flex;flex-wrap:wrap;align-items:center;gap:35px}
    .footer .ft_wrap .ft_rgt&gt;ul&gt;li{gap:15px}
    .footer .ft_wrap .ft_rgt&gt;ul&gt;li+li{margin-top:0}
    .footer .ft_wrap .ft_rgt&gt;ul&gt;li&gt;span:first-child{min-width:auto}

    /*subheader*/
    .sub_header .hd_menu&gt;ul{padding-right:25px}
    .sub_header .hd_lft, .sub_header.nav-down.nav-top .hd_lft{padding-left:25px}
    .sub_header .hd_menu&gt;ul&gt;li&gt;a, .sub_header.nav-down.nav-top .hd_menu&gt;ul&gt;li&gt;a{padding:0 20px;padding-bottom:15px}

    /*subpage company*/
    .company_sec2 ul&gt;li{gap:50px}
    .company_sec2 ul&gt;li&gt;div{width:calc(50% - 25px)}
    .company_sec .company_rgt{padding:25px 15px}
    .company_sec2 ul&gt;li&gt;div.con_lft::before{right:-32px}
    .company_sec2 ul&gt;li&gt;div.con_rgt::before{left:-32px}

    /*subpage expertise*/
    .sub_con_tit{margin-top:55px}
    .exper_slide{margin:50px auto 80px}
    .exper_slide&gt;ul&gt;li{width:calc(33.3% - 14px)}
    .sub_con_tit&gt;h4{margin-bottom:25px}
    .sub_visual .scroll_btn{right:-20px;bottom:50px}
    .sub_visual .scroll_btn&gt;span{width:50px}

    .exper_tab&gt;ul&gt;li&gt;a{padding:15px 25px}

    /*subpage members*/
    .member_wrap{margin:80px 0 100px}
    .member_wrap&gt;ul{flex-direction:column;gap:15px;padding:0 35px}
    .member_wrap&gt;ul&gt;li{width:100%}
    .law_info .law_lft{bottom:-150px;transform:translateX(-90%)}
    .member_wrap&gt;ul&gt;li .mem_rgt&gt;p{font-size:1.25rem}

    .law_con .pro_list{flex-wrap:wrap;justify-content:center}
    .law_con .law_spec{margin-top:50px}
    .law_con .law_spec li .low_a .con_wrap{padding:15px 10px}
    .law_con .law_spec li .low_a .con_wrap li+li{margin-top:25px}

    /*board*/
    .board_content{padding:80px 20px}
    .board_list{margin:60px 0 80px}
    .bo_view_box{padding:25px 15px}
    .view_option{padding:35px 0}
    .view_page&gt;div&gt;a{gap:25px;padding:15px 20px}
    .bo_view_box .view_con{padding-top:25px;margin-top:25px}
    .file_del{padding-left:100px}
    .write_div&gt;label{min-width:80px}
    .write_div&gt;label.required{background-position:right 30px top !important}1
}

@media screen and (max-width:768px){
    header{height:75px}
    .hd_lft{padding-top:30px}
    .gnb&gt;li&gt;a{font-size:1.4rem}
    .gnb,
    .menu_bg.active::after{width:35%}
    .hd_right .menu_btn&gt;span:nth-child(1){top:20px}
    .hd_right .menu_btn&gt;span:nth-child(2){top:35px}
    .hd_right .menu_btn&gt;span:nth-child(3){top:50px}
    .hd_right .menu_btn.active&gt;span:nth-child(1),
    .hd_right .menu_btn.active&gt;span:nth-child(3){top:35px}

    #wzContent .inner{padding:75px 35px 0}
    /* .main_visual .text_wrap{height:120px} */
    .sec2_box{padding-top:75px}
    .sec2_box .sec2_lft{padding-left:25px}

    #wzContent .sec3_box{padding-bottom:25px}
    .sec3_box .sec3_list&gt;ul&gt;li .sec3_con{padding:20px}

    .news_sec .news_con .more_btn .dot{width:6px;height:6px}

    .footer .ft_logo{max-width:150px}
    .footer .ft_wrap .ft_lft .ft_nav&gt;ul{gap:25px}

    .pc_br{display:none}

    /*subheader*/
    .sub_header .hd_menu&gt;ul&gt;li&gt;a, .sub_header.nav-down.nav-top .hd_menu&gt;ul&gt;li&gt;a{padding:0 15px 15px}

    /*subpage company*/
    .company_sec .company_rgt {padding:20px 15px}
    .company_sec .company_rgt&gt;h4{margin:10px 0 15px}

    .company_sec2{padding:80px 20px}
	.company_sec2 ul&gt;li+li{margin-top:30px}
    .company_sec2 .company_info&gt;ul&gt;li&gt;h5{margin-bottom:5px}
    .company_sec2 .company_info&gt;ul&gt;li+li{margin-top:20px}

    /*subpage expertise*/
    .sub_con_tit{padding:80px 10px 0;}
    .exper_tab&gt;ul{flex-wrap:wrap}
    .exper_slide&gt;ul{gap:15px}
    .exper_slide&gt;ul&gt;li{width:calc(33.3% - 10px)}
    .exper_tab&gt;ul&gt;li{width:32%;text-align:center}
    .exper_tab&gt;ul&gt;li&gt;a{padding:10px 20px;word-break:break-all}

    .law_info{padding-left:350px}
    .law_info .law_lft{bottom:-90px;transform:translateX(-90%)}

    /*board*/
    .board_list&gt;ul&gt;li{width:calc(33.3% - 14px)}
    .board_list&gt;ul&gt;li .list_top&gt;a{width:auto;padding:5px 10px}
    .view_page&gt;div&gt;a{font-size:1rem}

    .file_del{padding-left:80px}
    .write_div&gt;label{min-width:60px}
    .write_div&gt;label.required{background-position:right 10px top !important}
}

@media screen and (max-width:640px){
    .hd_lft{padding-top:0}

    .character_sec .charac_con .character_slide_box .character_slide li{width:100%;margin:0}
    .character_sec .charac_con .character_slide_box .character_slide{padding-right:0}
    .character_sec .charac_con .character_slide_box .character_slide li .slide_con img{width:100%;height:100%;object-fit:cover}
    .character_sec .charac_con .character_slide_box .charac_nav&gt;button{width:35px;height:75px}

    .news_sec .news_con{margin:50px auto 0}
    .news_sec .news_con .more_btn{top:-30px}

    .news_sec .news_con .news_list li .news_info{gap:15px}
    .news_sec .news_con .news_list li .news_info .info_lft{gap:15px}
    .news_sec .news_con .news_list li .news_info .info_lft .cate{min-width:50px}
    .news_sec .news_con .news_list li .news_info .info_lft&gt;div .date{min-width:60px}
    .news_sec .news_con .news_list li .news_info .more_icon{min-width:15px}

    .sec2_box .sec2_lft&gt;h5{margin:35px 0}

    .sec3_box .sec3_list&gt;ul{flex-flow:row wrap}
    .sec3_box .sec3_list&gt;ul&gt;li{width:50%;height:calc(100% / 3)}
    .sec3_box .sec3_list&gt;ul&gt;li&gt;strong{display:none}
    .sec3_box .sec3_list&gt;ul&gt;li .sec3_bg{display:block}
    .sec3_box .sec3_list&gt;ul&gt;li .sec3_con{padding:10px;opacity:1;z-index:1}
    .sec3_box .sec3_list&gt;ul&gt;li .sec3_con&gt;p{line-height:1.8;margin-top:15px;font-size:1rem}
    .sec3_box .sec3_list&gt;ul&gt;li .sec3_con::after{bottom:15px;right:15px}

    .map_box::after{display:none}
    .loca_info_box{width:100%;height:60%;padding:25px}
    .loca_info_txt{gap:15px;margin:20px 0 30px}
    .loca_info_txt&gt;div&gt;p{margin-top:10px; font-size:1.25rem}

    .footer .ft_wrap{gap:25px}

    .footer .ft_wrap .ft_lft{flex-direction:column;gap:25px}
    .footer .ft_wrap .ft_rgt&gt;ul{gap:15px}
    #top_btn{right:10px;bottom:10px}
    .scroll_btn{right:25px;bottom:45px}
    .scroll_btn&gt;span{width:40px}

    /*subheader*/
    .sub_header .hd_menu{display:none}

    /*subpage company*/
    .company_sec .fp-tableCell{flex-direction:column}	

    /*subpage expertise*/
    .sub_tit{transform:translate(-50%, -75%)}
	.flexC .fp-tableCell{display:flex; flex-direction: column; justify-content: center;}
    .sub_con_tit{padding:0; margin-top:0;}
    .sub_con_tit&gt;p{font-size: 1.2rem; line-height:1.5}
    .exper_slide&gt;ul&gt;li{width:100%;padding:20px 10px}
    .exper_slide&gt;ul&gt;li::after{left:10px;top:10px}
	.exper_slide&gt;ul&gt;li .exper_con&gt;p{font-size: 1.2rem;}
	.exper_slide&gt;ul&gt;li .exper_con&gt;p br{display:none;}

    /*subpage members*/
    .member_wrap{margin:50px 0 80px}
    .member_wrap&gt;ul{max-width:400px;margin:0 auto;padding:0}
    .member_wrap&gt;ul&gt;li{flex-direction:column}

    .law_info{padding-left:250px}
    .law_info .law_lft{transform:translateX(-97%);bottom:-80px}
    .law_info .law_rgt&gt;a{width:auto;height:auto;padding:10px 20px}

    .law_con{padding:30px 20px 50px;margin-top:70px}
    .law_con .pro_list li{padding:7px 15px}
    .law_con .law_spec li .low_a .con_wrap p{line-height:1.7;padding-left:8px;text-indent:-8px;word-break:break-all}

    /*board*/
    .btn_style{padding:5px 15px}
    .bo_top{margin-top:30px}
    .sch_box .sch_input{min-width:150px}
    .board_content{padding:50px 20px 80px}
    .board_list{margin:45px 0 35px}
    .board_list&gt;ul{gap:15px}
    .board_list&gt;ul&gt;li{width:calc(50% - 8px);padding:25px 15px}
    .board_list&gt;ul&gt;li.empty_list{min-height:150px}
    .admin_opt_list .all_chk_box{gap:5px}
    .admin_opt_list .opt_list&gt;ul{gap:10px}
    .board_list&gt;ul&gt;li .chk_box{left:5px;top:0}
    .board_list&gt;ul&gt;li .list_top{margin-bottom:35px}

    .list_btn{gap:10px;height:auto;padding:5px 15px}
    .list_icon{width:15px;height:10px}
    .view_option{padding:20px 0}
    .bo_view_box{padding:20px 10px}
    .bo_view_box .view_con{min-height:200px;padding-top:20px;margin-top:20px}
    .bo_view_box .view_subject{font-size:1.25rem}

    .view_file{margin-top:10px}
    .view_file&gt;ul&gt;li{padding:7px 10px}

    .file_del{padding-left:0;margin:7px 0 20px}
    .write_div{flex-direction:column;align-items:flex-start;gap:7px}
    .write_div&gt;label{margin-right:0}
    .write_div&gt;input, .write_div&gt;select{padding:7px 15px}
}

@media screen and (max-width:480px){
    #mainPage h2{letter-spacing:2px}

    .gnb,
    .menu_bg.active::after{width:50%}

    #wzContent .inner{padding:65px 15px 0}
    #wzContent .sec3_box{padding:90px 15px 30px}

    .main_visual .text_wrap{height:300px}
    .main_visual .text_wrap .main_con{flex-direction:column; gap:0;}
    .main_visual .text_wrap .main_con .main_txt&gt;h2&gt;span{text-align:center}

    header{height:65px}
    .hd_right{min-width:70px}
    .hd_right .menu_btn&gt;span{width:30px}
    .hd_right .menu_btn&gt;span:nth-child(1){top:15px}
    .hd_right .menu_btn&gt;span:nth-child(2){left:20px;top:30px}
    .hd_right .menu_btn&gt;span:nth-child(3){top:45px}

    .sec2_box{padding-top:65px}
    .sec2_box .sec2_lft&gt;h4{margin:20px 0 30px;font-size:1.6rem}
    .more_btn_box .btn_more{font-size:1.25rem}

    .character_sec .charac_con .character_slide_box .charac_nav&gt;button{width:25px;height:50px}

    .loca_info_txt{gap:15px;margin-bottom:35px}
    .loca_info_email&gt;a{padding:10px 15px}

    /*subpage expertise*/
    .exper_tab{width:100%}
    .sub_tit&gt;h2{font-size:2rem}
    .scroll_btn&gt;p{font-size:10px}
    .exper_tab&gt;ul&gt;li&gt;a{width:100%;padding:7px 10px}
    .sub_visual .scroll_btn{right:-25px;bottom:35px}
    .sub_visual .scroll_btn&gt;span{width:25px}

    .exper_slide{margin:35px auto 55px}
    .sub_con_tit{margin-top:30px}
    .sub_con_tit&gt;h4{margin-bottom:15px;font-size:1.875rem; line-height: 1.2;}

    /*subpage members*/
    .member_wrap&gt;ul&gt;li .mem_rgt .line{height:45px;margin:15px 0}

    .law_info{flex-direction:column;padding:0}
    .law_info .law_lft{position:static;transform:translateX(0);max-width:60%;margin:-30px auto}
    .law_info .law_rgt{text-align:center;margin-top:50px}
    .law_info .law_rgt .law_rgt_top{margin-bottom:15px}
    .law_info .law_rgt .law_rgt_top&gt;span{font-size:1rem}

    .law_con{padding:20px 10px;margin:35px 0 50px}
    .law_con .law_spec li .low_q{padding:0 10px 10px}
    .law_con .law_spec li .low_a .con_wrap li+li{margin-top:15px}
    .law_con .law_spec li .low_a .con_wrap li&gt;div{margin-top:10px}

    /*board*/
    .bo_top{margin-top:20px}
    .opt_list{width:100%}
    .board_list{margin:30px 0 35px}
    .bo_tot&gt;span{font-size:1.1rem}
    .admin_opt_list{flex-direction:column;align-items:flex-start;gap:10px}
    .board_list&gt;ul&gt;li{width:100%}
    .cate_list&gt;ul&gt;li&gt;a{padding:0 5px 13px}
    .sch_box .sch_input{min-width:150px;max-width:150px}
    .admin_opt_list .opt_list&gt;ul{justify-content:flex-end}
    .board_list&gt;ul&gt;li .list_top{margin-bottom:25px}
    .board_list&gt;ul&gt;li .list_top&gt;p{margin-top:8px}
    .admin_opt_list .all_chk_box&gt;label{font-size:1rem}

    .board_content.write_content{padding:50px 0 80px}
    .file_del&gt;label{font-size:1rem}
}

</pre></body></html>