@charset "UTF-8";

#header{opacity:0; visibility:hidden; transition:.25s all ease-in-out;}
.fp-viewing-page1 #header{opacity:1; visibility:visible; transition:.25s all ease-in-out;}
/* 풀페이지 모바일 브라우저 address바 사라지는 문제 해결용 */
 body {height: 100%;position: fixed;overflow-y: scroll;-webkit-overflow-scrolling: touch;}

.menu_area:before{height:0;}
/*.group .group_inner .login{display:none;}*/
.more_btn{position:relative; width:210px; height:60px; background-color:transparent; font-size:13px; line-height:60px; color:#fff; font-weight:400; letter-spacing:0.7px;}
.more_btn:before{display:block; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #fff; box-sizing:border-box; content:'';}
.more_btn:after{display:block; position:absolute; top:0; right:0; width:0; height:100%; background-color:#1d55b7; transition:.25s all ease-in-out; content:'';}
.more_btn:hover:after{width:100%; transition:.25s all ease-in-out;}
.more_btn span{position:relative; z-index:10;}
@media all and (max-width:1000px) {
    .more_btn{width:180px; height:50px; line-height:50px;}
}
@media all and (max-width:640px) {
    .more_btn{width:120px; height:40px; line-height:40px;}
}

.section{overflow:hidden; position:relative;}
#footer .go_top{display:none;}

/* .section.n1 */
.section.n1 .slick-arrow{display:none;}
.section.n1 .visual_item{overflow:hidden; display:table; width:100%; height:100%; background-size:cover; background-position:center; text-align:center;}
.section.n1 .visual_item:before{display:block; position:absolute; top:0; left:0; background-image:url('/site/tta/images/main/visual_img.jpg'); width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; transform:scale(1.5); transition:3s all ease-in-out; content:'';}
.section.n1 .visual_item.n1:before{background-image:url('/site/tta/images/main/visual_img.jpg');}
.section.n1 .visual_item.n2:before{background-image:url('/site/tta/images/main/visual_img2.jpg');}
.section.n1 .visual_item.n3:before{background-image:url('/site/tta/images/main/visual_img4.jpg');}
.section.n1 .visual_item.n4:before{background-image:url('/site/tta/images/main/visual_img3.jpg');}
.section.n1 .visual_item.n5:before{background-image:url('/site/tta/images/main/visual_img5.jpg');}
.section.n1 .visual_item.n6:before{background-image:url('/site/tta/images/main/visual_img6.jpg');}
body.loaded .section.n1 .visual_item.slick-active:before{transform:scale(1); transition:3s all ease-in-out;}
.section.n1 .visual_item .item_inner{display:table-cell; height:100%; vertical-align:middle;}
.section.n1 .visual_item .visual_title{font-size:52px; line-height:54px; color:#fff; font-family:'Montserrat-1'; font-weight:600; letter-spacing:1px;}
.section.n1 .visual_item .visual_title .bold{font-weight:900;}
.section.n1 .visual_item .visual_title .l1,
.section.n1 .visual_item .visual_title .l2{overflow:hidden; word-break:keep-all;}
.section.n1 .visual_item .visual_title .l1 .line_inner{overflow:hidden; opacity:0; visibility:hidden; transform:translateY(100%);}
.section.n1 .visual_item .visual_title .l2 .line_inner{overflow:hidden; opacity:0; visibility:hidden; transform:translateY(100%);}
body.loaded .section.n1 .visual_item.slick-active .visual_title .l1 .line_inner{opacity:1; visibility:visible; transform:translateY(0); transition:1s all ease-in-out .2s;}
body.loaded .section.n1 .visual_item.slick-active .visual_title .l2 .line_inner{opacity:1; visibility:visible; transform:translateY(0); transition:1s all ease-in-out .6s;}
.section.n1 .visual_item .visual_desc{overflow:hidden; margin-top:15px; font-size:20px; line-height:30px; font-weight:400; font-family:'Montserrat-1'; color:#fff; word-break:keep-all;}
.section.n1 .visual_item .visual_desc .desc_inner{opacity:0; visibility:hidden; transform:translateY(100%);}
body.loaded .section.n1 .visual_item.slick-active .visual_desc .desc_inner{opacity:1; visibility:visible; transform:translateY(0); transition:1s all ease-in-out 1s;}
.section.n1 .visual_item .btn_box{margin-top:43px;}
.section.n1 .visual_item .btn_box .more_btn{opacity:0; visibility:hidden; transform:translateY(100%);}
body.loaded .section.n1 .visual_item.slick-active .btn_box .more_btn{opacity:1; visibility:visible; transform:translateY(0); transition:1s all ease-in-out 1.4s;}
.section.n1 .app_wrap{z-index:1000; position:absolute; bottom:44px; left:50%; transform:translateX(-50%); width:100%;}
.section.n1 .app_wrap .visual_app{display:none; position:relative; width:200px;}
.section.n1 .app_wrap .app_index{font-size:16px; line-height:18px; color:#fff;}
.section.n1 .app_wrap .app_index .current_box{float:left;}
.section.n1 .app_wrap .app_index .total_box{float:right;}
.section.n1 .app_wrap .progress{position:relative; width:100%; height:2px; margin-top:9px; background-color:rgba(255,255,255,0.2);}
.section.n1 .app_wrap .progress .progress_bar{position:absolute; z-index:10; top:0; left:0; height:100%; background-color:#008aff;}
.section.n1 .app_wrap .control{position:absolute; right:-92px; bottom:-5px; font-size:0; line-height:0;}
.section.n1 .app_wrap .control .prev{display:inline-block; width:8px; height:14px; background-image:url('/site/tta/images/main/visual_contral_sprite.png'); background-size:125% 585.71%;}
.section.n1 .app_wrap .control .next{display:inline-block; width:8px; height:14px; margin-left:20px; background-image:url('/site/tta/images/main/visual_contral_sprite.png'); background-position:left 35.29%; background-size:125% 585.71%;}
.section.n1 .app_wrap .control .auto{display:inline-block; position:relative; width:10px; height:14px; margin-left:20px;}
.section.n1 .app_wrap .control .auto:before{display:block; position:absolute; top:0; right:0; bottom:0; left:0; width:8px; height:12px; margin:auto; background-image:url('/site/tta/images/main/visual_contral_sprite.png'); background-position:left 68.57%; background-size:125% 683.33%; content:'';}
.section.n1 .app_wrap .control .auto.slick-play:before{width:10px; height:12px; background-position:left 100%; background-size:100% 683.33%;}
.section.n1 .big_wrap .scroll{position:absolute; right:0; bottom:0;}
.section.n1 .big_wrap .scroll_bar{overflow:hidden; position:relative; width:1px; height:110px; margin:auto; background-color:rgba(255,255,255,.18);}
.section.n1 .big_wrap .scroll_bar:before{display:block; position:absolute; top:0; left:0; width:100%; height:30px; background-color:#fff; content:''; animation:scroll_ani 1.8s ease-in-out infinite both;}
.section.n1 .big_wrap .scroll_text{margin-top:18px; font-size:12px; line-height:14px; font-weight:600; color:#fff;}

@keyframes scroll_ani {
    0% {
        top:-30px;
        opacity:1;
    }
    100% {
        top:100%;
        opacity:0;
    }
}

@media all and (max-width:1200px) {
    .section.n1 .visual_item .visual_title{font-size:50px; line-height:52px;}
    .section.n1 .visual_item .visual_desc{font-size:18px; line-height:24px;}
    .section.n1 .big_wrap .scroll{right:3%;}
}
@media all and (max-width:1000px) {
    .section.n1 .visual_item .visual_title{font-size:40px; line-height:42px;}
    .section.n1 .visual_item .visual_desc{font-size:16px;}
}
@media all and (max-width:640px) {
    .section.n1 .visual_item .visual_title{font-size:26px; line-height:28px;}
    .section.n1 .app_wrap{bottom:20px;}
    .section.n1 .app_wrap .visual_app{width:100px;}
    .section.n1 .app_wrap .app_index{font-size:12px; line-height:14px;}
    .section.n1 .app_wrap .control{display:flex; align-items:center; justify-content:space-between; position:relative; left:0; margin-top:5px;}
}

/* .section.n2 */
.section.n2 .col_wrap{position:relative; z-index:10; height:100%; background:url('/site/tta/images/main/section2_bg.jpg') no-repeat center/cover;}
.section.n2.clicked .col_wrap{z-index:-10;}
.section.n2 .col_wrap .col{display:inline-block; position:relative; overflow:hidden; width:33.33%; height:100%; border-right:1px solid rgba(255,255,255,0.1); text-align:center; vertical-align:middle;}
.section.n2 .col_wrap .col.n3{border:none;}
.section.n2.clicked .col_wrap .col{border:none;}

.section.n2.clicked .col_wrap .col:before{left:-100%; transition:.25s all ease-in-out;}
.section.n2 .col_wrap .col:after{display:inline-block; height:100%; vertical-align:middle;}
.section.n2 .col_wrap .col_inner{display:inline-block; vertical-align:middle; transition:.25s all ease-in-out;}
.section.n2 .col_wrap .col_inner:after{display:block; position:relative; width:407px; height:287px; margin-top:60px; background-image:url('/site/tta/images/main/section2_deco_center_sprite.png'); content:'';}
.section.n2 .col_wrap .col.n1 .col_inner:after{background:url('/site/tta/images/main/section2_n1_deco.png') no-repeat center/contain;}
.section.n2 .col_wrap .col.n2 .col_inner:after{background-position:left 50%; background-size:100% 306.96%;}
.section.n2 .col_wrap .col.n3 .col_inner:after{background:url('/site/tta/images/main/section2_n3_deco.png') no-repeat center/contain;}

.section.n2 .col_wrap .col.n2 .col_box{overflow:hidden; margin-top:50px;}
.section.n2 .col_wrap .col.n2 .col_box .col_item{float:left; width:calc(50% - 10px); margin-left:20px;}
.section.n2 .col_wrap .col.n2 .col_box .col_item:first-child{margin-left:0;}
.section.n2 .col_wrap .col.n2 .col_box .col_item .col_text{color:#fff; font-size:20px; line-height:22px;}
.section.n2 .col_wrap .col.n2 .col_box .col_item .more_btn{width:100%; margin-top:10px;}
.section.n2 .col_wrap .col_title{position:relative; font-size:58px; line-height:60px; color:#fff; font-weight:900; font-family:'paybooc';}
.section.n2 .col_wrap .col_desc{position:relative; margin-top:23px; font-size:20px; line-height:30px; color:#fff;}
.section.n2 .col_wrap .more_btn{margin-top:51px;}
.section.n2 .col_wrap .more_btn span{position:relative;}
.section.n2 .col_wrap .more_btn span:after{display:inline-block; width:12px; height:12px; margin-left:37px; background:url('/site/tta/images/main/s2_more_arrow.png') no-repeat center/cover; content:'';}
@media all and (max-width:1550px) {
    .section.n2 .col_wrap .col_title{font-size:50px; line-height:58px;}
}
@media all and (max-width:1500px) {
    .section.n2 .col_wrap .col_inner:after{width:300px; height:212px;}
}
@media all and (max-width:1400px) {
    .section.n2 .col_wrap .col_title{font-size:40px; line-height:42px;}
    .section.n2 .col_wrap .col_desc{font-size:17px; line-height:24px;}
}
@media all and (max-width:1200px) {
    .section.n2 .col_wrap .col{display:flex; align-items:center; justify-content:center;}
    .section.n2 .col_wrap .col.n2 .more_btn span:after{margin-left:20px;}
    .section.n2 .col_wrap .col_title{font-size:40px; line-height:42px;}
    .section.n2 .col_wrap .col_desc{font-size:14px; line-height:24px;}
    .section.n2 .col_wrap .col.n2 .col_box .col_item .more_btn{padding:0 10px;}
    .section.n2 .col_wrap .col.n2 .col_box{margin-top:30px;}
    .section.n2 .col_wrap .col.n2 .col_box .col_item .col_text{font-size:16px; line-height:18px;}
}
@media all and (max-width:1100px) {
    .section.n2 .col_wrap .col_title{font-size:30px; line-height:32px;}
}
@media all and (max-width:1000px) {
    .section.n2 .col_wrap .col{width:100%; height:33.33%; border-right:none; border-bottom:1px solid rgba(255,255,255,0.1);}
    .section.n2 .col_wrap .col.n3{border-bottom:none;}
    .section.n2 .col_wrap .col_inner:after{display:none;}
    .section.n2.clicked .col_wrap .col:before{left:0; top:100%;}
    .section.n2 .col_wrap .more_btn{margin-top:20px;}
}
@media all and (max-width:640px) {
    .section.n2 .col_wrap .col_title{font-size:26px; line-height:28px;}
    .section.n2 .col_wrap .col_desc{margin-top:10px; font-size:14px; line-height:24px;}
    .section.n2 .col_wrap .more_btn span:after{display:none;}
}

/* .section.n3 */
.section.n3 .is_left{float:left; width:50%; height:100%; padding-top:8%; background:url('/site/eng/images/main/s3_bg.jpg') no-repeat center/cover; text-align:center;}
.section.n3 .is_left .title{font-size:58px; line-height:60px; font-family:'Montserrat-1'; font-weight:600; color:#fff;}
.section.n3 .is_left .more_btn{position:relative; margin-top:48px;}
.section.n3 .is_left .more_btn span:after{display:inline-block; width:17px; height:10px; margin-left:45px; background:url('/site/eng/images/main/more_btn_arrow.png') no-repeat center/cover; content:'';}
.section.n3 .is_right{float:left; width:50%; height:100%; padding-top:11%; padding-left:8%; padding-right:13%;}
.section.n3 .is_right .link_list{width:100%;}
.section.n3 .is_right .link_list .link_item{float:left; position:relative; width:50%; margin-top:-1px; margin-left:-1px;}
.section.n3 .is_right .link_list .link_item.n5{width:calc(100% - 1px);}
.section.n3 .is_right .link_list .link_item a{display:block; position:relative; width:100%; height:100%; padding-top:142px; padding-bottom:39px; border:1px solid #b9bfc6; background-color:#fff; text-align:center; font-size:22px; line-height:24px; font-family:'Montserrat-1'; font-weight:500; color:#303b46;}
.section.n3 .is_right .link_list .link_item a:hover{z-index:10; border-color:#121b38; background-color:#121b38; box-shadow: 9px 16px 24px 0 rgba(0, 0, 0, 0.18); color:#fff;}
.section.n3 .is_right .link_list .link_item.n5 a{padding-top:91px; padding-bottom:91px;}
.section.n3 .is_right .link_list .link_item a:before{display:block; position:absolute; left:0; right:0; margin:auto; background-image:url('/site/eng/images/main/s3_link_sprite.png'); content:'';}
.section.n3 .is_right .link_list .link_item.n1 a:before{top:59px; width:43px; height:50px; background-size:141.86% 1116%;}
.section.n3 .is_right .link_list .link_item.n2 a:before{top:65px; width:61px; height:39px; background-position:left 23.12%; background-size:100% 1430.76%;}
.section.n3 .is_right .link_list .link_item.n3 a:before{top:62px; width:51px; height:46px; background-position:left 42.57%; background-size:119.6% 1213.04%;}
.section.n3 .is_right .link_list .link_item.n4 a:before{top:60px; width:51px; height:48px; background-position:left 64.7%; background-size:119.6% 1162.5%;}
.section.n3 .is_right .link_list .link_item.n5 a:before{display:inline-block; position:relative; left:auto; right:auto; width:39px; height:51px; margin-right:29px; background-position:left 87.96%; background-size:156.41% 1094.11%; vertical-align:-17px;}
.section.n3 .is_right .link_list .link_item.n1 a:hover:before{background-position:left 11.81%; background-size:141.86% 1116%;}
.section.n3 .is_right .link_list .link_item.n2 a:hover:before{background-position:left 32.56%; background-size:100% 1430.76%;}
.section.n3 .is_right .link_list .link_item.n3 a:hover:before{background-position:left 53.51%; background-size:119.6% 1213.04%;}
.section.n3 .is_right .link_list .link_item.n4 a:hover:before{background-position:left 76.07%; background-size:119.6% 1162.5%;}
.section.n3 .is_right .link_list .link_item.n5 a:hover:before{background-position:left 100%; background-size:156.41% 1094.11%;}
@media all and (max-height:850px) {
    .section.n3 .is_left{padding-top:3%;}
    .section.n3 .is_right{padding-top:6%;}
}
@media all and (max-width:1400px) {
    .section.n3 .is_right{padding-left:3%; padding-right:7%;}
}
@media all and (max-width:1000px) {
    .section.n3 .is_left{padding-top:23%;}
    .section.n3 .is_left .title{font-size:40px; line-height:42px;}
    .section.n3 .is_right{display:flex; align-items:center; padding-left:3%; padding-right:3%;}
    .section.n3 .is_right .link_list .link_item a{padding-top:100px; font-size:20px; line-height:22px;}
    .section.n3 .is_right .link_list .link_item.n5 a{padding:40px 0;}
    .section.n3 .is_right .link_list .link_item.n1 a:before{top:40px;}
    .section.n3 .is_right .link_list .link_item.n2 a:before{top:45px;}
    .section.n3 .is_right .link_list .link_item.n3 a:before{top:45px;}
    .section.n3 .is_right .link_list .link_item.n4 a:before{top:40px;}
    .section.n3 .is_right .link_list .link_item.n5 a:before{display:block; margin:0 auto 10px;}
}
@media all and (max-width:640px) {
    .section.n3 .is_left{display:flex; flex-direction:column; align-items:center; justify-content:center; float:none; position:absolute; top:0; left:0; width:100%; height:50%; padding:0;}
    .section.n3 .is_left .more_btn span:after{display:none;}
    .section.n3 .is_right{display:block; float:none; position:absolute; left:0; bottom:0; width:100%; height:50%; padding:0;}
    .section.n3 .is_right .inner{height:100%;}
    .section.n3 .is_right .link_list{height:100%;}
    .section.n3 .is_right .link_list .link_item{height:33.33%; margin-top:0; margin-left:0;}
    .section.n3 .is_right .link_list .link_item a{height:100%; padding:0; border:none; border-left:1px solid #b9bfc6; border-bottom:1px solid #b9bfc6;}
    .section.n3 .is_right .link_list .link_item.n5{width:100%;}
    .section.n3 .is_right .link_list .link_item.n5 a{padding:0;}
    .section.n3 .is_right .link_list .link_item a{display:flex; flex-direction:column; align-items:center; justify-content:center; font-size:18px; line-height:20px;}
    .section.n3 .is_right .link_list .link_item a:before{position:static; margin-top:0; margin-bottom:10px;}
}
/* .section.n4 */
.section.n4{padding-left:6%; padding-right:11%; background:url('/site/eng/images/main/s4_bg.jpg') no-repeat center/cover;}
.section.n4 .fp-tableCell{display:block;}
.section.n4 .inner{padding-top:11%;}
.section.n4 .title{font-size:76px; line-height:78px; color:#222; font-weight:900; font-family:'Montserrat-1';}
.section.n4 .s4_box{width:100%; margin-top:6.5%;}
.section.n4 .s4_box .board_list{display:inline-block; overflow:hidden; float:left;}
.section.n4 .s4_box .board_item{float:left; width:450px; margin-left:115px; border-top:2px solid #00a8ff;}
.section.n4 .s4_box .board_item:first-child{margin-left:0;}
.section.n4 .s4_box .board_item .board_more{display:block; position:relative; padding:26px 0; font-size:24px; line-height:26px; color:#00a8ff; font-weight:600; font-family:'Montserrat-1';}
.section.n4 .s4_box .board_item .board_more:before{display:block; position:absolute; top:50%; right:0; width:20px; height:20px; margin-top:-10px; background-image:url('/site/eng/images/main/s4_icon_sprite.png'); background-size:260% 1530%;  transition:.5s all ease-in-out; content:'';}
.section.n4 .s4_box .board_item .board_more:hover:before{transform:rotate(360deg); transition:.5s all ease-in-out;}
.section.n4 .s4_box .board_item .latest_anchor{display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient: vertical; text-overflow:ellipsis; height:90px; margin-top:17px; font-size:36px; line-height:45px; color:#222; font-weight:600;}
/* .section.n4 .s4_box .board_item .latest_anchor:hover{color:#1d55b7; text-decoration:underline; text-decoration-color:#7193cd; text-decoration-thickness:1px; text-underline-offset:5px;} */
.section.n4 .s4_box .board_item .latest_anchor:hover{color:#1d55b7; text-decoration:underline solid #7193cd; text-underline-position:under;}
.section.n4 .s4_box .board_item .latest_date{margin-top:22px; font-size:16px; line-height:18px; color:#909090; font-weight:100; font-family:'lato-1';}
.section.n4 .s4_box .board_item .relation_list{margin-top:26px; padding-top:26px; border-top:1px solid #d6d6d6;}
.section.n4 .s4_box .board_item .relation_item{position:relative; padding-left:13px;}
.section.n4 .s4_box .board_item .relation_item:before{display:block; position:absolute; top:11px; left:0; width:4px; height:4px; border-radius:50%; background-color:#b6b6b6; content:'';}
.section.n4 .s4_box .board_item .relation_item + .relation_item{margin-top:10px;}
.section.n4 .s4_box .board_item .relation_anchor{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:17px; line-height:24px; color:#666; font-weight:100;}
/* .section.n4 .s4_box .board_item .relation_anchor:hover{color:#25272f; text-decoration:underline; text-decoration-color:#9d9ea1; text-decoration-style:dotted; text-underline-offset:2px;} */
.section.n4 .s4_box .board_item .relation_anchor:hover{color:#25272f; text-decoration:underline; text-decoration-color:#9d9ea1; text-decoration-style:dotted; text-underline-position:under;}
.section.n4 .s4_box .link_list{float:left; width:calc(94% - 1015px); margin-left:6%;}
.section.n4 .s4_box .link_list .link_item + .link_item{margin-top:-1px;}
.section.n4 .s4_box .link_list .link_item .link_anchor{display:block; position:relative; padding:71px 0 71px 130px; border:1px solid #c8cbd0; text-align:left; font-size:22px; line-height:24px; font-weight:500; color:#303b46; font-family:'Montserrat';}
.section.n4 .s4_box .link_list .link_item .link_anchor:hover{z-index:10; border-color:#000; box-shadow: 9px 16px 24px 0 rgba(0, 0, 0, 0.12); background-color:#fff;}
.section.n4 .s4_box .link_list .link_item .link_anchor:before{display:block; position:absolute; top:50%; left:50px; width:52px; height:44px; margin-top:-22px; margin-right:30px; background-image:url('/site/eng/images/main/s4_icon_sprite.png'); background-position:left 11.45%; background-size:100% 695.45%; content:'';}
.section.n4 .s4_box .link_list .link_item .link_anchor:hover:before{background-position:left 32.06%; background-size:100% 695.45%;}
.section.n4 .s4_box .link_list .link_item.n2 .link_anchor:before{width:43px; height:55px; margin-top:-27px; background-position:left 54.98%; background-size:120.93% 556.36%;}
.section.n4 .s4_box .link_list .link_item.n2 .link_anchor:hover:before{background-position:left 80.87%; background-size:120.93% 556.36%;}
.section.n4 .s4_box .link_list .link_item .link_anchor:after{display:block; position:absolute; top:50%; right:50px; width:22px; height:14px; margin-top:-7px; background-image:url('/site/eng/images/main/s4_icon_sprite.png'); background-position:left 91.78%; background-size:236.36% 2185.71%; content:'';}
.section.n4 .s4_box .link_list .link_item .link_anchor:hover:after{background-position:left 100%; background-size:236.36% 2185.71%;}
@media all and (max-width:1800px) {
    .section.n4{padding-right:8%;}
}
@media all and (max-width:1700px) {
    .section.n4 .inner{width:1200px; margin:auto;}
    .section.n4 .s4_box .link_list{width:calc(100% - 840px);margin-left:40px;}
    .section.n4 .s4_box .board_item{width:380px; margin-left:40px;}
}
@media all and (max-width:1300px) {
    .section.n4{padding-left:0; padding-right:0;}
    .section.n4 .inner{width:1000px;}
    .section.n4 .s4_box .board_item .board_more{padding:18px 0; font-size:22px; line-height:24px;}
    .section.n4 .s4_box .board_item .latest_anchor{height:68px; font-size:28px; line-height:34px;}
    .section.n4 .s4_box .board_item{width:300px;}
    .section.n4 .s4_box .link_list{width:calc(100% - 680px);}
    .section.n4 .s4_box .link_list .link_item .link_anchor{padding:60px 0 60px 80px;}
    .section.n4 .s4_box .link_list .link_item .link_anchor:after{right:30px;}
    .section.n4 .s4_box .link_list .link_item .link_anchor:before{left:30px; width:40px; height:34px; margin-top:-17px;}
    .section.n4 .s4_box .link_list .link_item.n2 .link_anchor:before{width:33px; height:42px; margin-top:-21px;}
}
@media all and (max-width:1000px) {
    .section.n4{padding:0 3%;}
    .section.n4 .fp-tableCell{display:table-cell;}
    .section.n4 .inner{width:100%;}
    .section.n4 .title{font-size:46px; line-height:48px;}
    .section.n4 .s4_box .board_list{width:100%;}
    .section.n4 .s4_box .board_item{width:calc(50% - 20px); margin-left:40px;}
    .section.n4 .s4_box .link_list{width:100%; margin-top:40px; margin-left:0; font-size:0; line-height:0;}
    .section.n4 .s4_box .link_item{display:inline-block; width:50%;}
    .section.n4 .s4_box .link_item:last-child .link_anchor{border-left:none;}
}
@media all and (max-width:640px) {
    .section.n4 .title{font-size:26px; line-height:28px;}
    .section.n4 .s4_box .board_item{width:100%; margin-left:0;}
    .section.n4 .s4_box .board_item .board_more{padding:10px 0; font-size:20px; line-height:22px;}
    .section.n4 .s4_box .board_item .latest_anchor{margin-top:5px; height:56px; font-size:18px; line-height:24px;}
    .section.n4 .s4_box .board_item .latest_date{margin-top:0; font-size:14px; line-height:16px;}
    .section.n4 .s4_box .board_item .relation_list{margin-top:15px; padding-top:15px;}
    .section.n4 .s4_box .board_item .relation_anchor{font-size:16px;}
    .section.n4 .s4_box .board_item .relation_item + .relation_item{margin-top:0;}
    .section.n4 .s4_box .board_item + .board_item{margin-top:40px;}
    .section.n4 .s4_box .link_list .link_item .link_anchor{padding:20px; font-size:16px; line-height:18px;}
    .section.n4 .s4_box .link_list .link_item .link_anchor:before{display:none;}
    .section.n4 .s4_box .link_list .link_item .link_anchor:after{right:20px; width:16px; height:10px;}
}

/* fullpage custom */
#fp-nav.right{right:50px;}
#fp-nav ul li, .fp-slidesNav ul li{margin:0;}
#fp-nav ul li, .fp-slidesNav ul li{width:11px; height:11px;}
#fp-nav ul li:last-child{display:none;}
#fp-nav ul li + li, .fp-slidesNav ul li + li{margin-top:20px;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{position:absolute; top:0; left:0; width:100%; height:100%; margin:0; background-color:#0078ff !important;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{top:0; left:0; width:100%; height:100%; margin:0; background-color:#fff;}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span{width:100%; height:100%; margin:0;}
#fp-nav ul li .fp-tooltip{opacity:1; width:auto;}
.fp-viewing-page3 #fp-nav ul li a span, .fp-viewing-page3  .fp-slidesNav ul li a span,
.fp-viewing-page4 #fp-nav ul li a span, .fp-viewing-page4  .fp-slidesNav ul li a span,
.fp-viewing-page5 #fp-nav ul li a span, .fp-viewing-page5  .fp-slidesNav ul li a span{background-color:#a5b3ca;}
#fp-nav ul li .fp-tooltip.right{top:-3px; right:22px; font-size:15px; line-height:17px; font-weight:400;}
#fp-nav ul li .active + .fp-tooltip.right{color:#278dff;}
.fp-viewing-page3 #fp-nav ul li .fp-tooltip.right,
.fp-viewing-page4 #fp-nav ul li .fp-tooltip.right,
.fp-viewing-page5 #fp-nav ul li .fp-tooltip.right{color:#a5b3ca;}
#fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active + .fp-tooltip{color:#278dff;}
@media all and (max-width:1500px) {
    #fp-nav.right{right:20px;}
}
@media all and (max-width:1200px) {
    #fp-nav.right{display:none;}
}
@media all and (max-width:640px) {
    #fp-nav.right{right:10px;}
    #fp-nav ul li, .fp-slidesNav ul li{width:5px; height:5px;}
    #fp-nav ul li + li, .fp-slidesNav ul li + li{margin-top:7px;}
}

/* go_top */
#container .go_top{opacity:1; visibility:visible; position:fixed; right:30px; bottom:60px; width:60px; height:60px; border:1px solid #000; border-radius:50%; background-color:#000; transition:.25s all ease-in-out;}
.fp-viewing-page1 #container .go_top{opacity:0; visibility:hidden;}
#container .go_top:hover{background-color:#fff; transition:.25s all ease-in-out;}
#container .go_top:before{display:block; position:absolute; top:0; right:0; bottom:0; left:0; width:13px; height:16px; margin:auto; background:url('/common/images/layout/go_top_icon.png') no-repeat center/cover; content:'';}
#container .go_top:hover:before{background:url('/common/images/layout/go_top_hover_icon.png') no-repeat center/cover;}

@media all and (max-width:1000px) {
    #container .go_top{bottom:20px; right:20px; width:40px; height:40px;}
    #container .go_top:hover{background-color:#000;}
    #container .go_top:before{width:10px; height:12px;}
    #container .go_top:hover:before{background:url('/common/images/layout/go_top_icon.png') no-repeat center/cover;}
}

.section.n1 .slick-slider{height:100%;}
.section.n1 .slick-list{height:100%;}
.section.n1 .slick-track{height:100%;}