@charset "UTF-8";
html{-ms-overflow-style:none; /*scrollbar-width:none*/}
html::-webkit-scrollbar{display:none}
@-webkit-keyframes quick_ani{
    0%{transform:rotate(-3deg)}
    100%{transform:rotate(3deg)}
}
@keyframes quick_ani{
    0%{transform:rotate(-3deg)}
    100%{transform:rotate(3deg)}
}
@-webkit-keyframes scroll_ani{
    0%{top:-30px; opacity:1}
    100%{top:100%; opacity:0}
}
@keyframes scroll_ani{
    0%{top:-30px; opacity:1}
    100%{top:100%; opacity:0}
}
@media all and (min-width:1001px){
    .lnb .menu .depth1_item:nth-child(3) .depth1_text{padding:41px 5px}
    .lnb .menu .depth1_list{padding-right:160px; padding-left:310px;}
    .unfixed_header #header{position:absolute; top:0; left:0; background-color:transparent; transition-property:background-color;transition-duration:0.4s;transition-timing-function:ease-in}
    .unfixed_header .gnb .language_show{background-image:url(/site/www/images/main/b_language_arrow.png); color:#fff}
    .unfixed_header .gnb .watch .link_anchor{background-image:url(/site/www/images/main/b_watch_icon.png)}
    .unfixed_header .gnb .sitemap .link_anchor{background-image:url(/site/www/images/main/b_sitemap_icon.png)}
    .unfixed_header .lnb .menu{background-color:transparent}
    .unfixed_header .lnb .menu .depth1_item{background-color:transparent}
    .unfixed_header .lnb .menu .depth1_text{color:#fff; text-shadow:0 0 5px rgba(0, 0, 0, 0.35)}
    .lnb_open .gnb .language_show{background-image:url(/site/www/images/common/language_arrow.png); color:#1e2538}
    .lnb_open .gnb .watch .link_anchor{background-image:url(/site/www/images/common/watch_icon.png)}
    .lnb_open .gnb .sitemap .link_anchor{background-image:url(/site/www/images/common/sitemap_icon.png)}
    .lnb_open .lnb .menu{background-color:#fff}
    .lnb_open .lnb .menu .depth1_item{background-color:#fff}
    .lnb_open .lnb .menu .depth1_text{color:#555; text-shadow:none}
    #header{position:fixed; background-color:#fff}
    .logo{left:-14px}
    .wrap{width:1720px; padding-left:200px;}
    #header .wrap{padding-left:0}
    #footer .wrap{padding-left:0}
}
@media all and (max-width:1900px) and (min-width:1601px){
    #header .wrap{width:1455px}
    .lnb .menu .depth1_item:nth-child(3) .depth1_text{padding-top:27px; padding-bottom:27px;}
}
@media all and (max-width:1600px) and (min-width:1421px){
    #header .wrap{width:1255px}
    .lnb .menu .depth1_item:nth-child(n+3) .depth1_text{padding-top:27px; padding-bottom:27px;}
}
@media all and (max-width:1420px) and (min-width:1201px){
    #header .wrap{width:1095px}
    #header .shortcut_list{margin:-12px 10px 0}
}
@media all and (max-width:1200px) and (min-width:1101px){
    #header .wrap{width:995px}
    #header .logo{padding-right:20px}
    #header .shortcut_list{margin:-12px 10px 0}
    .lnb .menu .depth1_title{width:170px}
    .lnb .menu .depth1_slogan br{display:none}
    .lnb .menu .depth1_list{padding-left:182px}
}
@media all and (max-width:1420px) and (min-width:1001px){
    .lnb .menu .depth1_item:nth-child(3) .depth1_text{padding-top:13px; padding-bottom:13px;}
}
@media all and (max-width:1100px) and (min-width:1001px){
    #header .wrap{margin-left:3%; width:915px}
    #header .shortcut_list{margin:-12px 10px 0}
    .lnb .menu .depth1_list{padding-left:240px;}
    .lnb .menu .depth1_item:nth-child(2) .depth1_text{padding-top:27px; padding-bottom:27px;}

}
@media all and (max-width:1000px) and (min-width:641px){
    #header .logo{top:0; padding:14px 50px 19px 0; border-bottom-right-radius:50px}
    #header .logo img{width:251px}
    #header{position:absolute; top:0; left:0; background-color:transparent; transition-property:background-color;transition-duration:0.4s;transition-timing-function:ease-in}
    .gnb{height:90px}
    .gnb .link{top:32px}
    .gnb .language_show{background-image:url(/site/www/images/main/b_language_arrow.png); color:#fff}
    .gnb .watch .link_anchor{background-image:url(/site/www/images/main/b_watch_icon.png)}
    .lnb .menu_show .menu_btn:before{background-image:url(/site/www/images/main/b_sitemap_icon.png)}
}
@media all and (max-width:1000px){
    #header .shortcut{display:none}
}
.oneline_off #aside{z-index:3}
#aside{position:fixed; top:110px; left:0; bottom:0; z-index:3; width:106px; padding-top:40px; padding-bottom:130px; background-color:#fff; text-align:center}
#aside:before{display:inline-block; position:absolute; top:0; left:100%; width:54px; height:61px; background-image:url(/site/www/images/main/aside_bg.png)}
#aside:after{display:inline-block; position:absolute; top:100%; left:0; width:100%; height:100vh; background-color:#fff}
#aside .scroll{position:absolute; left:0; right:0; bottom:80px; z-index:1}
#aside .scroll_bar{overflow:hidden; position:relative; width:1px; height:50px; margin:auto; background-color:rgba(255, 255, 255, 0.18)}
#aside .scroll_bar:before{display:block; position:absolute; top:0; left:0; width:100%; height:30px; background-color:#8a8a8a; -webkit-animation:1.8s ease-in-out infinite both scroll_ani; animation:1.8s ease-in-out infinite both scroll_ani}
#aside .scroll_text{color:#959595; font-size:12px; font-weight:400; line-height:14px; transform:rotate(-90deg);text-align:left}
@media all and (max-width:1420px) and (min-width:1001px){
    #aside{width:80px}
}
@media all and (max-width:1000px){
    #aside{display:none}
}
@media all and (max-width:1720px) and (min-width:1421px){
    .wrap{width:1200px; padding-left:0}
}
@media all and (max-width:1420px) and (min-width:1001px){
    .wrap{width:840px; padding-left:0}
}

.visual{position:relative; padding-top:269px}
.visual .visual_list{position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%}
.visual .visual_list .slick-list{height:100%}
.visual .visual_list .slick-track{height:100%}
.visual .visual_item{overflow:hidden; position:relative; width:100%; height:100%}
.visual .visual_item:before{display:block; width:100%; height:100%; background-image:url(/site/www/images/main/visual_img2.jpg); background-repeat:no-repeat;background-position:right center; background-size:cover}
.visual .visual_item:nth-child(2):before{background-image:url(/site/www/images/main/visual_img1.jpg)}
.visual .visual_contents{opacity:0}
.visual .visual_title{position:relative; padding-left:30px}
.visual .visual_title:before{display:inline-block; position:absolute; top:18px; left:0; width:4px; height:145px;background-color: #fff;}
.visual .visual_title .title_main{color: #fff; font-size:40px; font-weight:400; line-height:62px; letter-spacing:-0.02em; opacity:0; text-shadow: 1px 1px 5px rgb(0 0 0 / 50%);}
.visual .visual_title .title_main span{display:block; font-size:50px; word-break:keep-all;}
.visual .visual_title .title_main em{display:inline-block; font-weight:600;}
.visual .visual_title .title_sub{display:block; opacity:0; margin-top:15px;color: #fff; font-size:20px; line-height:30px; letter-spacing:-0.025em;word-break:keep-all;}
.visual .visual_contents img{margin-top:25px; margin-left:30px; opacity:0}
.visual .visual_link{position:relative; margin-top:113px; padding-bottom:147px; opacity:0}
.visual .visual_link:before{display:block; position:absolute; top:82px; left:50%; width:100vw; height:1px; background-color:rgba(255, 255, 255, 0.5); transform:translateX(-50%)}
.visual .visual_link .link_item{display:inline-block;margin-right: 34px;}
.visual .visual_link .link_item:last-child{margin-right:0}
.visual .visual_link .link_anchor{display:block; position:relative; text-align:center}
.visual .visual_link .link_anchor:before{display:inline-block; opacity:0.5; position:relative; width:100%; height:60px; background-image:url(/site/www/images/main/visual_sprite.png); background-repeat:no-repeat; transition-timing-function:ease-in-out;transition-duration:0.5s;transition-property:opacity}
.visual .visual_link .link_item.n1 .link_anchor:before{width:51px; height:58px; background-size:119.6% 463.79%}
.visual .visual_link .link_item.n2 .link_anchor:before{width:60px; height:56px; background-position:left 31.92%; background-size:101.66% 480.35%}
.visual .visual_link .link_item.n3 .link_anchor:before{width:61px; height:40px; background-position:left 58.51%; background-size:100% 672.5%}
.visual .visual_link .link_item.n4 .link_anchor:before{width:57px; height:51px; background-position:left 84.4%; background-size:107.01% 527.45%}
.visual .visual_link .link_text{display:block; position:relative; margin-top:36px; color:rgba(255, 255, 255, 0.5); font-size:16px; font-weight:200; line-height:24px; letter-spacing:-0.03em;transition-timing-function:ease-in-out;transition-duration:0.5s;transition-property:color;word-break:keep-all;}
.visual .visual_link .link_text:before{display:inline-block; position:absolute; top:-23px; left:0; right:0; width:8px; height:8px; margin-right:auto; margin-left:auto; border-radius:50%; background-color:rgba(255, 255, 255, 0.5); transition-timing-function:ease-in-out;transition-duration:0.5s;transition-property:background-color}
.visual .visual_link .link_item:hover .link_anchor:before{opacity:1}
.visual .visual_link .link_item:hover .link_text{color:#fff}
.visual .visual_link .link_item:hover .link_text:before{background-color:#fff}
.visual .visual_control{position:absolute; right:0; bottom:0; z-index:3}
.visual .slick-arrow{position:relative; width:60px; height:60px; background-color:#fff; font-size:0; transition:box-shadow .25s ease-in-out;}
.visual .slick-arrow.btn_auto{display:none}
.visual .slick-arrow:hover{box-shadow:3px 4px 27px 3px rgba(26, 36, 47, 0.25)}
.visual .slick-arrow:before{display:inline-block; position:absolute; top:0; left:0; right:0; bottom:0; width:24px; height:7px; margin:auto; background-image:url(/site/www/images/main/visual_sprite.png)}
.visual .slick-arrow.btn_prev:before{background-position:left 93.51%; background-size:254.16% 3842.85%}
.visual .slick-arrow.btn_next:before{background-position:left 100%; background-size:254.16% 3842.85%}
@media all and (max-width:1420px){
    .visual .visual_link .link_item{margin-right:33px;}
}
@media all and (max-width:1000px){
    .visual{padding-top: 153px;}
    .visual:before{display:inline-block; position:absolute; top:0; right:100%; z-index:1; width:100vw; height:100%; margin-right:-3%; background-color:#fff}
    .visual .visual_item:before{background-position: right -180px bottom;/* background-size: auto 120%; */}
    .visual .visual_contents{padding-left:69px}
    .visual .visual_contents img{display:none}
    .visual .visual_title{padding-left:22px}
    .visual .visual_title .title_main{font-size:30px; line-height:40px;}
    .visual .visual_title:before{top:0}
    .visual .visual_title .title_main span{font-size:38px;}
    .visual .visual_title .title_sub{font-size:16px; line-height:24px;}
    .visual .visual_link{/* padding-bottom:125px; */margin-top: 253px;padding-bottom: 55px;}
    .visual .visual_link:before{top:70px}
    .visual .visual_link .link_list{margin-left:58px}
    .visual .visual_link .link_item.n1 .link_anchor:before{width:41px; height:46px}
    .visual .visual_link .link_item.n2 .link_anchor:before{width:47px; height:45px}
    .visual .visual_link .link_item.n3 .link_anchor:before{width:49px; height:32px}
    .visual .visual_link .link_item.n4 .link_anchor:before{width:45px; height:41px}
    .visual .visual_link .link_text{font-size:15px}
    .visual .visual_control{right:3%}
}
@media all and (max-width:900px) and (min-width:641px){
    .visual .visual_link .link_list{font-size:0; line-height:0;}
    .visual .visual_link .link_item{width:25%; margin-top:7px; margin-right:0; vertical-align:bottom;}
    .visual .visual_link .link_item .link_text{min-height:96px;}
}
@media all and (max-width:800px){
    .visual .visual_contents{padding-left:30px}
    .visual .visual_title .title_main br{display:none}
    .visual .visual_link .link_list{margin-left:22px}
}
@media all and (max-width:640px){
    .visual{padding-top: 30px;}
    .visual:before{display:none}
    .visual .visual_item:before{background-size: auto 120%;background-position: right 10% bottom;}
    .visual .visual_contents{padding-left:0; text-align:center}
    .visual .visual_title{padding-left:0}
    .visual .visual_title:before{display:none}
    .visual .visual_title .title_main{font-size:20px; line-height:28px; text-align:center}
    .visual .visual_title .title_main span{font-size:24px;}
    .visual .visual_title .title_main br.pc{display:block}
    .visual .visual_title .title_main br{display:block}
    .visual .visual_title .title_sub{margin-top:11px; font-size:15px; line-height:22px; letter-spacing:-0.025em}
    .visual .visual_link{margin-top: 234px;padding-bottom: 35px; text-align:center}
    .visual .visual_link:before{display:none}
    .visual .visual_link .link_list{margin-top:-18px; margin-left:0; font-size:0; line-height:0}
    .visual .visual_link .link_item{width:50%; margin-top:18px; margin-right:0; vertical-align:top;}
    .visual .visual_link .link_text{margin-top: 5px; color:#fff; font-size:14px;line-height: 20px;}
    .visual .visual_link .link_item:nth-child(3) .link_text{margin-top: 14px;}
    .visual .visual_link .link_text:before{display:none}
    .visual .visual_control{left:0; right:0;top: 160px;bottom: auto; width:100%; margin:auto; text-align:center}
    .visual .slick-arrow:hover{box-shadow:unset}
    .visual .slick-arrow{width:40px; height:40px; background-color:transparent}
    .visual .slick-arrow.btn_next:before,.visual .slick-arrow.btn_prev:before,.visual .slick-arrow:before{background-size:unset; background-position:unset}
    .visual .slick-arrow.btn_auto{display:inline-block}
    .visual .slick-arrow.btn_auto.slick-play:before{width:14px; height:19px; background-image:url(/site/www/images/main/visual_play.png); background-size:unset; background-position:unset}
    .visual .slick-arrow.btn_auto.slick-pause:before{width:10px; height:19px; background-image:url(/site/www/images/main/visual_pause.png); background-size:unset; background-position:unset}
    .visual .slick-arrow.btn_prev:before{background-image:url(/site/www/images/main/visual_arrow_l.png)}
    .visual .slick-arrow.btn_next:before{background-image:url(/site/www/images/main/visual_arrow_r.png)}
    .visual .visual_link .link_anchor:before{opacity:1}
}
@media all and (max-width:500px){
    .visual .visual_item:before{background-position: right 17% bottom;}
}

.rowgroup2{position:relative; padding-top:60px; background-image:url(/site/www/images/main/rowgroup_bg.png); background-repeat:no-repeat; background-position:left top}
.rowgroup2 .wrap:before{display:inline-block; opacity:0.6; position:absolute; top:0; right:0; z-index:-1; width:calc(100% - 546px); height:943px; border-top-left-radius:77px; background:linear-gradient(to bottom, #f1f1f1 0, rgba(247, 246, 246, 0.5) 96%, rgba(250, 250, 250, 0) 100%);}
.rowgroup2 .wrap:after{display:inline-block; opacity:0.6; position:absolute; top:0; left:100%; z-index:-1; width:100%; height:943px; background:linear-gradient(to bottom, #f1f1f1 0, rgba(247, 246, 246, 0.5) 96%, rgba(250, 250, 250, 0) 100%)}
.main_h2{position:relative; padding-top:28px; color:#000; font-size:40px; font-weight:600; line-height:47px; letter-spacing:-0.03em;word-break:keep-all;}
.main_h2:before{display:inline-block; position:absolute; top:0; left:0; width:45px; height:14px; background-image:url(/site/www/images/main/main_h2.png)}
.main_tip{margin-top:15px; font-size:15px; line-height:20px; font-weight:200}
@media all and (max-width:1720px){
    .rowgroup2 .wrap:before{width:calc(100% - 256px);}
}
@media all and (max-width:1420px){
    .rowgroup2 .wrap:before{width:calc(100% - 236px);}
}
@media all and (max-width:1420px){
    .main_h2{padding-top:24px; font-size:28px !important; line-height:38px;}
    .main_tip{margin-top:5px;}
}
@media all and (max-width:1000px){
    .rowgroup2{padding-top:30px; background-position:left -168px top -65px}
    .main_h2{margin-top:61px; font-size:40px}
    .main_tip{margin-top:5px; font-size:15px; line-height:24px}
    .rowgroup2 .wrap:before{width:calc(100% - 255px);}
}
@media all and (max-width:1000px){
    .rowgroup2 .wrap:before{width:calc(100% - 165px);}
}
@media all and (max-width:640px){
    .rowgroup2{background-position:left top; background-size:200px}
    .rowgroup2 .wrap:before{top:138px; left:0; width:100%; border-radius:0;}
    .rowgroup2 .wrap:after{display:none;}
    .main_h2{margin-top:30px; font-size:32px; line-height:40px;}
    .main_tip{font-size:13px}
}

.board{height:528px; padding-top:7px;}
.board .main_h2{margin-top:0;}
.board .main_tip{}
.board .board_list{display:inline-block; position:absolute; top:0; left:595px; right:212px; margin-top:45px; vertical-align:top;}
.board .board_item{}
.board .board_item a{display:block; position:relative; padding:29px 73px 34px 293px;}
.board .board_item a:before{display:block; position:absolute; top:0; left:98px; right:0; bottom:0; z-index:-1; border-radius:17px 17px 67px 17px;}
.board .board_item a .board_img{overflow:hidden; position:absolute; top:22px; left:0; bottom:21px; width:259px; border-radius:17px; background-color:#000; transition:box-shadow .25s ease-in-out;/* height:156px;*/}
.board .board_item a:hover .board_img{box-shadow:0 15px 15px rgba(0,0,0,0.15);}
.board .board_item a .board_img img{width:100%;}

.board .board_item a .board_title{display:-webkit-box; overflow:hidden; width:100%; height:50px; font-size:20px; font-weight:500; line-height:25px; white-space:normal; word-break:keep-all; word-wrap:break-word;-webkit-box-orient:vertical; -webkit-line-clamp:2;}
.board .board_item a .board_text{display:-webkit-box; overflow:hidden; width:100%; height:73px; margin-top:13px; padding-top:7px; border-top:1px dashed transparent; font-size:15px; font-weight:200; line-height:22px; white-space:normal; word-break:keep-all; word-wrap:break-word;-webkit-box-orient:vertical; -webkit-line-clamp:3;}
.board .board_item.n1 a{}
.board .board_item.n1 a:before{left:65px; background-color:#1e2842;}
.board .board_item a:before{transition:box-shadow .25s ease-in-out;}
.board .board_item a:hover:before{box-shadow:10px 10px 20px rgba(0,0,0,0.15);}
.board .board_item.n1 a .board_title{color:#fff;}
.board .board_item.n1 a .board_text{border-top-color:#565e71; color:#d0cece;}
.board .board_item.n2{margin-top:24px;}
.board .board_item.n2 a{}
.board .board_item.n2 a:before{background-color:#fff;}
.board .board_item.n2 a .board_title{color:#000;}
.board .board_item.n2 a .board_text{border-top-color:#bfbfbf; color:#555;}
.board .board_more{position:absolute; top:45px; right:0; padding-right:60px; color:#000; font-size:15px; line-height:45px;}
.board .board_more:before{display:block; position:absolute; top:0; right:0; width:45px; height:45px; border-radius:50%; background:#fff url(../images/main/more_icon.png) no-repeat center; box-shadow:0 5px 25px rgba(0,0,0,0.1); transition:box-shadow .25s ease-in-out;}
.board .board_more:hover:before{box-shadow:0 5px 25px rgba(0,0,0,0.2);}
@media all and (max-width:1720px){
    .board .board_list{left:295px; right:170px; margin-top:35px;}
}
@media all and (max-width:1420px){
    .board .board_list{left:270px; right:0;}
    .board .board_item a{padding-right:40px;}
    .board .board_more{top:170px; left:0; right:auto;}
}
@media all and (max-width:1000px){
    .board{height:448px;}
    .board .board_list{left:280px; right:3%; margin-top:25px;}
    .board .board_more{left:3%;}
}
@media all and (max-width:800px){
    .board{height:auto;}
    .board .main_tip{display:block;}
    .board .main_tip br{display:none;}
    .board .board_list{display:block; position:relative; top:auto; left:auto; right:auto; width:100%;}
    .board .board_more{top:40px; left:auto; right:3%; padding-right:40px; line-height:30px;}
    .board .board_more:before{width:30px; height:30px; background-size:12px 12px;}
}
@media all and (max-width:640px){
    .board .board_list{margin-top:35px;}
    .board .board_item a{padding:20px 20px 20px 200px;}
    .board .board_item a:before{border-radius:12px 12px 40px 12px;}
    .board .board_item a .board_img{top:20px; bottom:20px; width:180px; height:108px;}
    .board .board_item a .board_title{height:24px; font-size:16px; line-height:24px; -webkit-line-clamp:1;}
    .board .board_item a .board_text{margin-top:10px; font-size:14px;}
}
@media all and (max-width:480px){
    .board .board_item a{
        padding-left: 128px;
    }
    .board .board_item a:before{}
    .board .board_item a .board_img{
        width: 108px;
    }
    .board .board_item a .board_img img{
        width: auto;
        max-width: inherit;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        height: 100%;
    }
    .board .board_item a .board_title{
        font-size: 14px;
    }
    .board .board_item a .board_text{
        font-size: 14px;
    }
}

.rowgroup3{position:relative; z-index:2; font-size:0; line-height:0;}
.rowgroup3 .wrap:before{display:block; position:absolute; right:calc(100% - 200px); bottom:-70px; width:199px; height:222px; background:url(/site/www/images/main/rowgroup2_bg.png) no-repeat;}
.rowgroup2 .wrap{z-index:1;}
@media all and (max-width:1720px){
    .rowgroup3 .wrap:before{right:100%;}
}

.research{display:inline-block; width:346px; vertical-align:top;}
.research .main_h2{font-size:38px; letter-spacing:-0.04em;}
.research a,
.research a span{transition:all .25s ease-in-out;}
.research a{display:block; overflow:hidden; position:relative; margin-top:39px; border-radius:27px 0;}
.research a:hover{transform:translateY(-17px);box-shadow:13px 23px 32px 5px rgba(0, 0, 0, 0.2)}
.research a img{width:100%;}
.research a span{position:absolute; right:24px; bottom:20px; width:86px; height:35px; border:1px solid #fff; border-radius:5px; color:#fff; font-size:15px; text-align:center; line-height:33px;}
.research a:hover span{background-color:#fff; color:#555;}
@media all and (max-width:800px){
    .research{display:block; width:100%;}
    .research a{height:200px; margin-top:20px;}
    .research a img{position:absolute; top:50%; left:0; right:0; max-height:inherit; transform:translateY(-50%);}
}

.publication{display:inline-block; position:relative; width:calc(100% - 350px); padding-left:146px; vertical-align:top;}
.publication .main_h2{}
.publication .publication_list{margin-top:39px; font-size:0; line-height:0;}
.publication .publication_item{display:inline-block; position:relative; width:45%; vertical-align:top;}
.publication .publication_item:before{display:block; position:absolute; top:42px; left:32px; right:0; bottom:0; border-radius:43px 0 0 0; background-color:#fff;}
.publication .publication_item + .publication_item{margin-left:10%;}
.publication .publication_item .publication_box{display:block; position:relative; height:229px; padding:70px 212px 0 65px;}
.publication .publication_item .publication_box:before{display:block; position:absolute; top:0; left:0; width:44px; height:44px; border-top:11px solid #133e55; border-left:11px solid #133e55; box-sizing:border-box;}
.publication .publication_item .publication_box .publication_title{display:-webkit-box; overflow:hidden; width:100%; height:72px; color:#000; font-size:18px; font-weight:500; line-height:24px; white-space:normal; word-break:keep-all; letter-spacing:-0.03em; word-wrap:break-word;-webkit-box-orient:vertical; -webkit-line-clamp:3;}
.publication .publication_item .publication_box .publication_btn{width:100%; height:35px; margin-top:52px; border:1px solid #133e55; border-radius:5px; color:#133e55; font-size:15px; font-weight:500; text-align:center; line-height:33px; letter-spacing:-0.05em; transition-property:background-color, color; transition-duration:.25s; transition-timing-function:ease-in-out;}
.publication .publication_item .publication_box .publication_btn:hover{background-color:#133e55; color:#fff;}
.publication .publication_item .publication_box .publication_img{overflow:hidden; position:absolute; top:0; right:0; bottom:0; width:176px; height:228px; border-radius:27px 0;}
.publication .publication_item .publication_box .publication_img img{width:100%; height:100%;}
.publication .publication_more{}
.publication .publication_more{position:absolute; top:30px; right:0; padding-right:60px; color:#000; font-size:15px; line-height:45px;}
.publication .publication_more:before{display:block; position:absolute; top:0; right:0; width:45px; height:45px; border-radius:50%; background:#fff url(../images/main/more_icon.png) no-repeat center; box-shadow:0 5px 25px rgba(0,0,0,0.1); transition:box-shadow .25s ease-in-out;}
.publication .publication_more:hover:before{box-shadow:0 5px 25px rgba(0,0,0,0.2);}
@media all and (max-width:1720px){
    .publication{padding-left:70px;}
    .publication .publication_item{width:48%;}
    .publication .publication_item + .publication_item{margin-left:4%;}
    .publication .publication_item:before{top:0; left:0; border-radius:0;}
    .publication .publication_item .publication_box{padding-right:200px; padding-left:30px;}
    .publication .publication_item .publication_box .publication_title{font-size:16px; letter-spacing:-0.05em;}
}
@media all and (max-width:1420px){
    .publication .publication_item{width:100%;}
    .publication .publication_item + .publication_item{display:none;}
    .publication .publication_more{top:20px;}
}
@media all and (max-width:1000px){
    .publication{padding-left:50px;}
    .publication .publication_more{top:82px;}
}
@media all and (max-width:800px){
    .publication{display:block; width:100%; padding-left:0;}
    .publication .publication_list{margin-top:20px;}
    .publication .publication_more{top:27px; left:auto; right:3%; padding-right:40px; line-height:30px;}
    .publication .publication_more:before{width:30px; height:30px; background-size:12px 12px;}
}
@media all and (max-width:640px){
    .publication{margin-top:50px;}
}
.rowgroup4{margin-top:70px; padding-top:126px; padding-bottom:110px; background-image:url(/site/www/images/main/rowgroup_bg.png),url(/site/www/images/main/rowgroup_bg3.png); background-repeat:no-repeat,no-repeat; background-position:left top,right top;}
.agency .main_h2{font-size:44px; line-height:40px; letter-spacing:-0.03em;}
.agency .main_h2 span{position:relative; font-weight:600}
.agency .agency_inner{position:relative; margin-top:40px}
.agency .agency_list{border-radius:30px; font-size:0; line-height:0; border:1px solid #a5bcc9}
.agency .agency_item{display:inline-block; width:25%}
.agency .agency_anchor{display:block; position:relative; padding:17px 0; border-bottom:1px solid #a5bcc9; border-left:1px solid #a5bcc9; background-color:#fff; text-align:center;}
/* .agency .agency_item:nth-child(5n+1) .agency_anchor{border-left:0}
.agency .agency_item:nth-child(n+21) .agency_anchor{border-bottom:none}
.agency .agency_item:nth-child(1) .agency_anchor,.agency .agency_item:nth-child(1) .agency_anchor:before{border-top-left-radius:30px}
.agency .agency_item:nth-child(5) .agency_anchor,.agency .agency_item:nth-child(5) .agency_anchor:before{border-top-right-radius:30px}
.agency .agency_item:nth-child(21) .agency_anchor,.agency .agency_item:nth-child(21) .agency_anchor:before{border-bottom-left-radius:30px}
.agency .agency_item:nth-child(25) .agency_anchor,.agency .agency_item:nth-child(25) .agency_anchor:before{border-bottom-right-radius:30px} */
/* 240604 */
.agency .agency_item:nth-child(4n+1) .agency_anchor{border-left:0}
.agency .agency_item:nth-child(n+21) .agency_anchor{border-bottom:none}
.agency .agency_item:nth-child(1) .agency_anchor,.agency .agency_item:nth-child(1) .agency_anchor:before{border-top-left-radius:30px}
.agency .agency_item:nth-child(4) .agency_anchor,.agency .agency_item:nth-child(5) .agency_anchor:before{border-top-right-radius:30px}
.agency .agency_item:nth-child(21) .agency_anchor,.agency .agency_item:nth-child(21) .agency_anchor:before{border-bottom-left-radius:30px}
.agency .agency_item:nth-child(24) .agency_anchor,.agency .agency_item:nth-child(24) .agency_anchor:before{border-bottom-right-radius:30px}
.agency .agency_item:hover .agency_anchor:before{display:block; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #000; box-sizing:border-box}
.agency .agency_item:nth-child(10):hover .agency_anchor:before{border:none; cursor:initial}
.agency .agency_anchor span{font-size:18px; font-weight:300; line-height:24px; letter-spacing:-0.03em;vertical-align:middle}
.agency .agency_more{display:none; position:relative; padding:6px; border-radius:24px; background-color:#f8f8f8; font-size:15px; font-weight:200; text-align:center; line-height:24px; letter-spacing:-0.03em;color:#000}
.agency .agency_more:after{display:inline-block; position:relative; width:12px; height:7px; margin-left:12px; vertical-align:middle; background-image:url(/site/www/images/main/agency_more.png)}
@media all and (max-width:1720px){
    .agency .main_h2{font-size:40px;}
    .agency .agency_anchor{}
    .agency .agency_logo{height:40px;}
    .agency .agency_anchor span{font-size:16px}
}
@media all and (max-width:1420px){
    .agency .agency_item{width:33.33%}
    .agency .agency_item:nth-child(4) .agency_anchor,.agency .agency_item:nth-child(5) .agency_anchor{border-radius:0}
    .agency .agency_item:nth-child(5n+1) .agency_anchor{border-left:1px solid #a5bcc9}
    .agency .agency_item:nth-child(3n+1) .agency_anchor{border-left:0}
    .agency .agency_item:nth-child(n+21) .agency_anchor{border-bottom:1px solid #a5bcc9}
    .agency .agency_item:nth-child(3) .agency_anchor,.agency .agency_item:nth-child(3) .agency_anchor:before{border-top-right-radius:30px}
    .agency .agency_item:nth-child(21) .agency_anchor,.agency .agency_item:nth-child(21) .agency_anchor:before{border-bottom-left-radius:0}
    .agency .agency_item:nth-child(25) .agency_anchor{border-bottom:none}
    .agency .agency_item:nth-child(25) .agency_anchor:after{display:inline-block; position:absolute; top:0; right:-1px; width:1px; height:100%; background-color:#a5bcc9}
    .agency .agency_item:nth-child(25) .agency_anchor,.agency .agency_item:nth-child(25) .agency_anchor:before{border-bottom-right-radius:0; border-bottom-left-radius:30px}
}
@media all and (max-width:1000px){
    .rowgroup4{padding-top:10px; padding-bottom:110px; background-image:url(/site/www/images/main/rowgroup_bg3.png); background-repeat:no-repeat; background-position:right top}
    .agency .agency_list{text-align:left}
    .agency .agency_anchor{padding:10px 0;}
}
@media all and (max-width:800px){
    .agency .agency_anchor span{font-size:14px}
}
@media all and (max-width:640px){
    .rowgroup3{background-image:url(/site/www/images/main/agency_bg_m1.png),url(/site/www/images/main/agency_bg_m2.png); background-repeat:no-repeat,no-repeat; background-position:right top,left top 200px/* padding-top:87px;*/}
    .agency .main_h2{margin-top:0; font-size:23px !important; line-height:33px}
    .agency .main_h2 span{display:inline; background-image:url(/site/www/images/main/agency_text_bg.png); background-repeat:repeat-x; background-position:left bottom}
    .agency .agency_inner{overflow:hidden; height:350px; margin-top:15px}
    .agency .agency_inner:before{display:inline-block; position:absolute; left:0; bottom:0; z-index:1; width:100%; height:100%; background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, white 100%)}
    .agency .agency_item{width:50%}
    .agency .agency_anchor{padding:5px 0;}
    .agency .agency_item:nth-child(3) .agency_anchor:before,.agency .agency_item:nth-child(5) .agency_anchor:before{border-top-right-radius:0}
    .agency .agency_item:nth-child(2) .agency_anchor,.agency .agency_item:nth-child(2) .agency_anchor:before{border-top-right-radius:30px}
    .agency .agency_item:nth-child(3n+1) .agency_anchor{border-left:1px solid #a5bcc9}
    .agency .agency_item:nth-child(2n+1) .agency_anchor{border-left:0}
    .agency .agency_more{display:block; width:100%; margin-top:40px}
    .agency.active .agency_inner{overflow:visible; height:auto}
    .agency.active .agency_inner:before{display:none}
    .agency.active .agency_more:after{transform:rotate(180deg)}
}
@media all and (max-width:400px){
    .agency .agency_logo{height:30px;}
    .agency .agency_anchor span{font-size:13px}
}