/* common */
#sv{position:relative; width:100%; height:738px; overflow:hidden;}
#sv.sv00{background:url('/img/sub/sub_visual00.jpg') no-repeat center top; background-size:cover;}
#sv.sv01{background:url('/img/sub/sub_visual01.jpg') no-repeat center top; background-size:cover;}
#sv.sv02{background:url('/img/sub/sub_visual02.jpg') no-repeat center top; background-size:cover;}
#sv.sv03{background:url('/img/sub/sub_visual03.jpg') no-repeat center top; background-size:cover;}
#sv.sv04{background:url('/img/sub/sub_visual04.jpg') no-repeat center top; background-size:cover;}
#sv .tit{position:absolute; bottom:-10px; right:0; font-size:200px; font-weight:600; color:#fff; line-height:1; text-transform:uppercase;}
#lnb{position:relative; width:100%; z-index:2;}
#lnb .current{display:none;}
#lnb .sub_depth{width:100%; text-align:center; font-size:0; border-bottom:1px solid #ddd;}
#lnb .sub_depth li{display:inline-block; vertical-align:top; margin:0 45px;}
#lnb .sub_depth li a{position:relative; display:block; padding:38px 0 33px; font-size:18px; font-family: 'Roboto', sans-serif; font-weight:600; color:#ccc;}
#lnb .sub_depth li.on a{color:#01599f;}
#lnb .sub_depth li.on a::after{content:""; position:absolute; bottom:-1px; left:0; width:100%; height:1px; background-color:#01599f;}


/* sub_txt */
.sub_txt{text-align:center; margin:120px 0 80px}
.sub_txt span{display:block; font-size:16px; color:#01599f; letter-spacing:0em; font-weight:500; margin-bottom:25px;}
.sub_txt h3{font-size:54px; color:#333; letter-spacing:-0.03em;font-weight:bold;}
.sub_txt p{font-size:18px; line-height:1.7; color:#888; letter-spacing:-0.03em; font-weight:300; margin-top:45px; word-break:keep-all;}

/* sub_tab */
.sub_tab{margin:120px 0 100px;}
.sub_tab ul:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.sub_tab ul li{width:calc(24.333333% - 8px); margin-right:12px; float:left; display:table; border:1px solid #ddd; height:80px; box-sizing:border-box;}
.sub_tab ul li a{display:table-cell; vertical-align:middle; height:100%; text-align:center; font-size:18px; color:#ccc; font-weight:bold; letter-spacing:-0.03em;}
.sub_tab ul li:last-child{margin-right:0;}
.sub_tab ul li.active{background-color:#0159a0; border-color:#0159a0;}
.sub_tab ul li.active a{color:#fff;}

@media all and (max-width:1600px){
    /* common */
    #sv .tit{font-size:150px;}
    .sub_txt p br{display:none;}
}


@media all and (max-width:1200px){
    /* common */
    #sv .tit{font-size:100px;}
    #lnb .sub_depth li{margin:0 20px;}
}


@media all and (max-width:1024px){
    /* common */
    #sv{height:400px;}
    #sv .tit{font-size:70px;}
    #lnb{width:93.75%; margin:20px auto 0;}
    #lnb .current{position:relative; display:block; padding:20px 10px; font-size:16px; font-weight:600; color:#222; cursor:pointer; border:1px solid #ccc;}
    #lnb .current::after{content:""; display:block; position:absolute; top:20px; right:15px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); width:10px; height:10px; border-right:1px solid #222; border-bottom:1px solid #222;}
    #lnb .current.on::after{top:27px; -webkit-transform:rotate(225deg); -ms-transform:rotate(225deg); -moz-transform:rotate(225deg); -o-transform:rotate(225deg); transform:rotate(225deg);}
    #lnb .sub_depth{position:absolute; top:68px; left:0; width:100%; display:none; background-color:#fff; border:1px solid #9b9b9b; border-radius:10px;}
    #lnb .sub_depth > li{display:block;}
    #lnb .sub_depth > li::after{display:none;}
    #lnb .sub_depth > li a{padding:10px 20px;}
    #lnb .sub_depth li.on a::after{display:none;}



    /* sub_txt */
    .sub_txt{margin:60px 0 40px;}
    .sub_txt span{font-size:12px; margin-bottom:10px;}
    .sub_txt h3{font-size:32px;}
    .sub_txt p{font-size:16px; margin-top:20px;}

    /* sub_tab */
    .sub_tab{margin:60px 0 50px;}
    .sub_tab ul li{height:60px;}
    .sub_tab ul li a{font-size:14px}
}

@media all and (max-width:768px){
    /* common */
    #sv{height:300px;}
    #sv .tit{font-size:60px;}
}


/* search_top_area */
.search_top_area{width:100%; max-width:1160px; margin:0 auto 40px;}
.search_top_area:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.search_top_area .select_input{width:calc(100% - 160px); float:left; margin-right:10px; border:1px solid #ddd; background:#fff; border-radius:4px; height:60px;}
.search_top_area .select_input:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.search_top_area .select_input select{width:160px; float:left; height:100%; font-size:18px; color:#aaa; letter-spacing:-0.03em; font-weight:bold; padding:0 30px; box-sizing:border-box; background:url('/img/common/custom_select_icon.png')no-repeat center right 20px; border:none; appearance: none; -webkit-appearance: none; -moz-appearance: none;}
.search_top_area .select_input select::-ms-expand { display: none;}
.search_top_area .select_input input{width:calc(100% - 160px); float:left; height:100%; font-size:16px; color:#444; letter-spacing:-0.03em; font-weight:400; padding:0 20px; box-sizing:border-box; background:url('/img/common/custom_input_icon.jpg')no-repeat center left 0; border:none; appearance: none; -webkit-appearance: none; -moz-appearance: none;}
.search_top_area .select_input input::placeholder{color:#aaa;}
.search_top_area button{width:150px; height:60px; float:right; border-radius:4px; background:#0159a0; border:none; box-shadow:none; font-size:18px; color:#fff; letter-spacing:-0.03em; font-weight:bold;}
.search_top_area button img{margin-top:-4px; margin-right:10px; display:inline-block; vertical-align:middle;}

@media all and (max-width:1024px){
    .search_top_area{margin-bottom:20px;}
    .search_top_area .select_input{width:calc(100% - 90px); height:50px;}
    .search_top_area .select_input select{width:100px; font-size:15px; font-weight:500; padding:0 20px 0 10px; background-position:center right 10px;}
    .search_top_area .select_input input{width:calc(100% - 100px); font-size:15px; padding:0 10px;}
    .search_top_area button{width:80px; height:50px; font-size:15px;}
    .search_top_area button img{margin-right:4px; width:14px;}
    
}


/* download_list */
.download_list{border-top:2px solid #444;}
.download_list ul li{width:100%; border-bottom:1px solid #ddd; min-height:100px; padding:10px 50px; display:table; box-sizing:border-box;}
.download_list ul li:hover{background-color:#f8f8f8;}
.download_list ul li .txt{display:table-cell; vertical-align:middle; width:70%;}
.download_list ul li .txt p{font-size:20px; color:#222; letter-spacing:-0.03em; font-weight:500; word-break:keep-all; line-height:1.3;}
.download_list ul li .right{display:table-cell; vertical-align:middle; width:30%; text-align:right;}
.download_list ul li .right p{display:inline-block; vertical-align:middle; margin-right:100px; font-size:16px; color:#999; letter-spacing:-0.03em; font-weight:bold;}
.download_list ul li .right a{width:60px; height:60px; border-radius:50%; display:inline-block; vertical-align:middle; text-align:center; background:#f8f8f8; transition:0.3s;}
.download_list ul li .right a:before{content:""; width:0; height:100%; display:inline-block; vertical-align:middle;}
.download_list ul li .right a i{display:inline-block; vertical-align:middle; width:21px; height:16px; background:url('/img/common/download_icon_off.png')no-repeat center / 100%; transition:0.3s}
.download_list ul li .right a:hover{background:#01599f;}
.download_list ul li .right a:hover i{background:url('/img/common/download_icon_on.png')no-repeat center / 100%}

@media all and (max-width:1600px){
    .download_list ul li{padding:10px 30px; min-height:80px;}
    .download_list ul li .right p{margin-right:60px;}
}
@media all and (max-width:1024px){
    .download_list ul li{padding:10px 20px; min-height:64px;}
    .download_list ul li .txt p{font-size:16px;}
    .download_list ul li .right{min-width:160px; padding-left:20px;}
    .download_list ul li .right p{font-size:14px; margin-right:20px;}
    .download_list ul li .right a{width:40px; height:40px;}
}


/* news_list */
.news_list ul li{width:100%; border-bottom:1px solid #ddd;}
.news_list ul li:first-of-type{border-top:2px solid #444;}
.news_list ul li a{display:inline-flex; width:100%; padding:60px 0; font-size:0;}
.news_list ul li a > div{display:inline-block; height:100%;}
.news_list ul li .img_box{width:455px; height:100%;}
.news_list ul li .img_box img{width:100%;}
.news_list ul li .txt_box{position:relative; width:calc(100% - 455px); height: inherit; padding:25px 0 0 80px;}
.news_list ul li .txt_box strong{display:block; font-size:28px; font-weight:600; color:#222; letter-spacing:-0.03em; line-height:1.4; transition:all .5s;}
.news_list ul li .txt_box .txt{width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding-right:140px; margin:28px 0 42px; font-size:18px; font-weight:400; color:#444; letter-spacing:-0.03em; line-height:1.6;}
.news_list ul li .txt_box .data{font-size:18px; font-weight:400; letter-spacing:-0.03em; color:#999; line-height:1;}
.news_list ul li .txt_box .more_btn{position:absolute; bottom:0; right:0;}
.news_list ul li a:hover strong{color:#01599f;}
.news_list ul li a:hover .more_btn{color:#01599f;}
.news_list ul li a:hover .more_btn::before{background-color:#01599f;}

@media all and (max-width:1024px){
    .news_list ul li a{display:block; padding:30px 0;}
    .news_list ul li a > div{display:block;}
    .news_list ul li .img_box{width:100%;}
    .news_list ul li .txt_box{width:100%; height:auto; padding:20px 0 30px 0;}
    .news_list ul li .txt_box strong{font-size:22px;}
    .news_list ul li .txt_box .txt{margin:15px 0 40px; padding-right:50px; font-size:16px;}
    .news_list ul li .txt_box .data{font-size:16px;}
}

.view{padding:123px 0 180px;}
.view .view_wrap .view_top{padding:54px 0 14px; border-top:2px solid #0159a0; border-bottom:1px solid #ddd;}
.view .view_wrap .view_top .tit{text-align:center;}
.view .view_wrap .view_top .tit h5{font-size:28px; font-weight:600; letter-spacing:-0.03em; color:#222; line-height:1.4;}
.view .view_wrap .view_top .view_info{margin-top:20px; text-align:right; padding-right:20px;}
.view .view_wrap .view_top .view_info p{display:inline-block; vertical-align:top; margin-right:20px; font-size:14px; font-weight:400; letter-spacing:-0.03em; color:#999; line-height:1;}
.view .view_wrap .view_top .view_info p.lookup{position:relative; margin-right:0; padding-left:30px;}
.view .view_wrap .view_top .view_info p.lookup::before{content:""; position:absolute; top:2px; left:0; width:20px; height:12px; background:url('/img/common/lookup_icon.png') no-repeat 0 0; background-size:100% 100%;}
.view .view_wrap .view_content{padding:80px 0 40px; text-align:center;}
.view .view_wrap .view_content img{max-width:100%;}
.view .view_wrap .type_box .type{font-size:0; border-bottom:1px solid #ddd;}
.view .view_wrap .type_box .type:first-of-type{border-top:1px solid #ddd;}
.view .view_wrap .type_box .type > *{display:inline-block; vertical-align:middle;}
.view .view_wrap .type_box .type p{width:200px; padding:20px 0; font-size:16px; font-weight:600; letter-spacing:-0.03em; color:#aaa; line-height:1; background-color:#f8f8f8; text-align:center;}
.view .view_wrap .type_box .type .box{width:calc(100% - 200px); padding-left:30px;}
.view .view_wrap .type_box .type .box a{font-size:14px; font-weight:400; letter-spacing:-0.03em; color:#666; line-height:1;}
.view .view_wrap .list_btn{display:block; width:280px; margin:50px auto 0; padding:30px 0; font-size:18px; font-weight:600; letter-spacing:-0.03em; color:#fff; line-height:1; text-align:center; background-color:#0159a0;}
.view .view_wrap .list_box{margin-top:50px;}

@media all and (max-width:1024px){
    .view{padding:60px 0 90px;}
    .view .view_wrap .view_top{padding:30px 0 10px;}
    .view .view_wrap .view_top .tit h5{font-size:22px;}
    .view .view_wrap .view_content{padding:40px 0 20px;}
    .view .view_wrap .list_btn{width:200px; margin:25px auto 0; padding:20px 0; font-size:16px;}
    .view .view_wrap .list_box{margin-top:25px}
}

@media all and (max-width:767px){
    .view .view_wrap .type_box .type p{width:150px;}
    .view .view_wrap .type_box .type .box{width:calc(100% - 150px); padding-left:20px;}
}


/* gallery_list */
.gallery_list ul{font-size:0; letter-spacing:-4px;}
.gallery_list ul li{width:calc(33.333333% - 30px); margin-right:40px; display:inline-block; vertical-align:top;}
.gallery_list ul li:nth-of-type(3n){margin-right:0;}
.gallery_list ul li:nth-of-type(n+4){margin-top:40px;}
.gallery_list ul li a{display:block;}
.gallery_list ul li .img_area{width:100%; padding-top:79.473%; position:relative; overflow:hidden;}
.gallery_list ul li .img_area img{position:absolute; left:50%; top:50%; max-width:100%; max-height:100%; object-fit:cover; transform:translate(-50%,-50%); transition:transform 0.3s;}
.gallery_list ul li .txt_area{padding:35px 0; position:relative;}
.gallery_list ul li .txt_area:after{clear:both; content:""; display:block; height:0; visibility:hidden;}
.gallery_list ul li .txt_area .left{width:calc(100% - 115px); float:left; padding-right:20px; box-sizing:border-box;}
.gallery_list ul li .txt_area .left p{font-size:24px; color:#222; letter-spacing:-0.03em; font-weight:bold; line-height:1.3; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.gallery_list ul li .txt_area .left p + span{margin-top:25px;}
.gallery_list ul li .txt_area .left span{display:block; font-size:14px; color:#ccc; letter-spacing:-0.03em; font-weight:bold; line-height:1.3;}
.gallery_list ul li .txt_area .right{width:115px; float:right; font-size:0; text-align:right;}
.gallery_list ul li .txt_area .right p{font-size:14px; color:#999; letter-spacing:0em; font-weight:400; transition:color .3s;}
.gallery_list ul li .txt_area .right p i{text-align:center; margin-left:12px; display:inline-block; vertical-align:middle; width:28px; height:28px; background:#ccc; border-radius:50%; position:relative; transition:background .3s;}
.gallery_list ul li .txt_area .right p i:before{content:""; width:0; height:100%; display:inline-block; vertical-align:middle;}
.gallery_list ul li .txt_area .right p i img{display:inline-block; vertical-align:middle;}
.gallery_list ul li a:hover .img_area img{transform:translate(-50%,-50%) scale(1.1);}
.gallery_list ul li a:hover .txt_area h4{color:#222;}
.gallery_list ul li a:hover .txt_area p{color:#0159a0;}
.gallery_list ul li a:hover .txt_area p i{background-color:#0159a0;}

@media all and (max-width:1600px){
    .gallery_list ul li{width:calc(33.333333% - 20px); margin-right:30px;}
    .gallery_list ul li:nth-of-type(n+4){margin-top:30px;}
}
@media all and (max-width:1024px){
    .gallery_list ul li{width:calc(50% - 10px); margin-right:20px;}
    .gallery_list ul li:nth-of-type(3n){margin-right:20px;}
    .gallery_list ul li:nth-of-type(2n){margin-right:0;}
    .gallery_list ul li:nth-of-type(n+4){margin-top:0;}
    .gallery_list ul li:nth-of-type(n+3){margin-top:20px;}
    .gallery_list ul li .txt_area{padding:20px 0;}
    .gallery_list ul li .txt_area .left{width:100%; float:none;}
    .gallery_list ul li .txt_area .left p{font-size:18px;}
    .gallery_list ul li .txt_area .left p + span{margin-top:20px;}
    .gallery_list ul li .txt_area .right{float:none; position:absolute; right:0; bottom:18px;}
    .gallery_list ul li .txt_area .right p{font-size:0;}
    .gallery_list ul li .txt_area .right p i{margin-left:0; width:24px; height:24px;}
    .gallery_list ul li .txt_area .right p i img{width:9px;}
}


/* paging_wrap */
.paging_wrap{text-align:center; margin-top:90px; font-size:0;}
.paging_wrap a{display:inline-block; vertical-align:middle; width:50px; height:50px; line-height:50px; font-size:16px; color:#222; letter-spacing:0em; font-weight:bold; border-radius:50%;}
.paging_wrap a.active{background-color:#01599f; color:#fff;}
.paging_wrap a.arrow{text-align:center;}
.paging_wrap a.arrow:before{content:""; width:0; height:100%; display:inline-block; vertical-align:middle;}
.paging_wrap a.arrow img{display:inline-block; vertical-align:middle;}

@media all and (max-width:1024px){
    .paging_wrap{margin-top:45px;}
    .paging_wrap a{width:35px; height:35px; line-height:35px; font-size:14px;}
}


/* product */
.product{padding-bottom:180px;}

@media all and (max-width:1024px){
    .product{padding-bottom:90px;}
}


/* application */
.application{padding-bottom:180px;}

@media all and (max-width:1024px){
    .application{padding-bottom:90px;}
}


/* application */
.general{padding-bottom:180px;}

@media all and (max-width:1024px){
    .general{padding-bottom:90px;}
}



/* overview */
.overview{padding-bottom:180px;}
.overview .sec01 ul{margin-top:50px; font-size:0; letter-spacing:-4px;}
.overview .sec01 ul li{font-size:0; letter-spacing:-4px; width:33.333333%; display:inline-block; vertical-align:top; margin-top:90px;}
.overview .sec01 ul li .img_area{width:120px; height:120px; display:inline-block; vertical-align:middle; text-align:center; border-radius:4px; background-color:#ddd; transition:background .3s;}
.overview .sec01 ul li .img_area img{display:inline-block; vertical-align:middle;}
.overview .sec01 ul li .img_area:before{content:""; width:0; height:100%; display:inline-block; vertical-align:middle;}
.overview .sec01 ul li .txt_area{width:calc(100% - 120px); padding:0 30px; display:inline-block; vertical-align:middle; box-sizing:border-box;}
.overview .sec01 ul li .txt_area h4{font-size:28px; color:#aaa; letter-spacing:-0.03em; font-weight:bold; margin-bottom:30px; transition:color .3s;}
.overview .sec01 ul li .txt_area p{font-size:14px; color:#999; letter-spacing:0em; font-weight:400; transition:color .3s;}
.overview .sec01 ul li .txt_area p i{text-align:center; margin-left:15px; display:inline-block; vertical-align:middle; width:28px; height:28px; background:#ccc; border-radius:50%; position:relative; transition:background .3s;}
.overview .sec01 ul li .txt_area p i:before{content:""; width:0; height:100%; display:inline-block; vertical-align:middle;}
.overview .sec01 ul li .txt_area p i img{display:inline-block; vertical-align:middle;}
.overview .sec01 ul li:hover .img_area{background-color:#0159a0;}
.overview .sec01 ul li:hover .txt_area h4{color:#222;}
.overview .sec01 ul li:hover .txt_area p{color:#0159a0;}
.overview .sec01 ul li:hover .txt_area p i{background-color:#0159a0;}

@media all and (max-width:1024px){
    .overview{padding-bottom:90px;}
    .overview .sec01 ul{margin-top:25px}
    .overview .sec01 ul li{width:50%; margin-top:45px;}
    .overview .sec01 ul li .img_area{width:100px; height:100px;}
    .overview .sec01 ul li .txt_area{width:calc(100% - 100px); padding:0 20px;}
    .overview .sec01 ul li .txt_area h4{font-size:24px;}
    
}
@media all and (max-width:767px){
    .overview .sec01 ul li{width:100%;}
}


/* brochures */
.brochures{padding-bottom:180px;}

@media all and (max-width:1024px){
    .brochures{padding-bottom:90px;}
}

/* manuals */
.manuals{padding-bottom:180px;}

@media all and (max-width:1024px){
    .manuals{padding-bottom:90px;}
}

/* software */
.software{padding-bottom:180px;}

@media all and (max-width:1024px){
    .software{padding-bottom:90px;}
}
/* services */
.services{padding-bottom:180px;}

@media all and (max-width:1024px){
    .services{padding-bottom:90px;}
}
/* videos */
.videos{padding-bottom:180px;}

@media all and (max-width:1024px){
    .videos{padding-bottom:90px;}
}


/* gallery */
.gallery{padding-bottom:180px;}

@media all and (max-width:1024px){
    .gallery{padding-bottom:90px;}
}


.product .sub_tab ul{padding:0 48px;}
.product .sub_tab ul li{width:calc(25% - 7.5px); margin-right:10px; margin-bottom:10px;}
.product .sub_tab ul li:nth-of-type(4n),
.product .sub_tab ul li:last-of-type{margin-right:0;}
.product .gallery_list li{width:calc(33.333333% - 20px); margin-right:30px;}
.product .gallery_list ul li .img_area{padding-top:100%; background-color:#f8f8f8; border:2px solid #f8f8f8;}
.product .gallery_list ul li .txt_area .left{float:none; width:100%;}
.product .gallery_list ul li .txt_area .left p + span{margin-top:16px;}
.product .gallery_list ul li .txt_area .right{float:none; width:100%; margin-top:27px; text-align:right;}
.product .gallery_list ul li .txt_area .right p{display:inline-block; vertical-align:top;}
.product .gallery_list ul li a:hover .img_area{border-color:#0159a0;}
.product .gallery_list ul li a:hover .img_area img{transform:translate(-50%,-50%) scale(1.1);}
.product .gallery_list ul li a:hover .txt_area h4{color:#222;}
.product .gallery_list ul li a:hover .txt_area p{color:#0159a0;}

@media all and (max-width:1200px){
    .product .sub_tab ul{padding:0;}
}

@media all and (max-width:1024px){
    .product .sub_tab ul li{width:calc(50% - 10px); margin-right:20px;}
    .product .sub_tab ul li:nth-of-type(2n){margin-right:0;}
    .product .sub_tab ul li:nth-of-type(n+3){margin-top:20px;}
    .product .gallery_list ul li{width:calc(50% - 10px); margin-right:20px;}
    .product .gallery_list ul li:nth-of-type(2n){margin-right:0;}
    .gallery_list ul li .txt_area .left span{font-size:12px;}
    .product .gallery_list ul li .txt_area .right{position:static;}
    .product .gallery_list ul li .txt_area .right p{font-size:14px;}
}

.product_view .sec01 .w1600::after{content:""; display:block; clear:both;}
.product_view .sec01 .product_slide_wrap{float:left; width:45%;}
.product_view .sec01 .product_slide_wrap .product_top{width:100%;}
.product_view .sec01 .product_slide_wrap .product_top .swiper-slide .img_box{position:relative; width:100%; padding-top:100%; overflow:hidden;}
.product_view .sec01 .product_slide_wrap .product_top .swiper-slide .img_box img{position:absolute; top:50%; left:50%; max-width:100%; max-height:100%; object-fit: cover; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.product_view .sec01 .product_slide_wrap .product_thumbs .swiper-slide{position:relative; width:100px; height:100px; margin-right:20px;}
.product_view .sec01 .product_slide_wrap .product_thumbs .swiper-slide a{display:block; width:100%; height:100%;}
.product_view .sec01 .product_slide_wrap .product_thumbs .swiper-slide a::after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #ddd; box-sizing:border-box;}
.product_view .sec01 .product_slide_wrap .product_thumbs .swiper-slide.swiper-slide-thumb-active a::after{border:2px solid #01599f;}
.product_view .sec01 .product_slide_wrap .product_thumbs .swiper-slide:last-of-type{margin-right:0;}
.product_view .sec01 .product_slide_wrap .product_thumbs .swiper-slide a img{width:100%;}
.product_view .sec01 .info_wrap{float:right; width:55%; border-left:1px solid #ddd;}
.product_view .sec01 .info_wrap .title_box{padding:145px 0 65px 80px; border-bottom:1px solid #ddd;}
.product_view .sec01 .info_wrap .title_box p{font-size:18px; font-weight:600; letter-spacing:-0.03em; color:#ccc; line-height:1.4;}
.product_view .sec01 .info_wrap .title_box h5{font-size:52px; font-weight:600; letter-spacing:-0.03em; color:#111; line-height:1.1;}
.product_view .sec01 .info_wrap .info_txt{min-height:603px; padding:70px 10px 50px 77px;}
.product_view .sec01 .info_wrap .info_txt strong{display:block; font-size:20px; font-weight:600; letter-spacing:-0.03em; color:#01599f; line-height:1;}
.product_view .sec01 .info_wrap .info_txt .list{margin-top:30px;}
.product_view .sec01 .info_wrap .info_txt .list li{font-size:0;}
.product_view .sec01 .info_wrap .info_txt .list li + li{margin-top:13px;}
.product_view .sec01 .info_wrap .info_txt .list li > *{display:inline-block; vertical-align:top;}
.product_view .sec01 .info_wrap .info_txt .list li p{width:190px; font-size:16px; font-weight:400; letter-spacing:-0.03em; line-height:1.4; color:#333;}
.product_view .sec01 .info_wrap .info_txt .list li span{width:calc(100% - 190px); font-size:16px; font-weight:400; letter-spacing:-0.03em; line-height:1.4; color:#999;}
.product_view .sec02{padding-bottom:170px;}
.product_view .sec02 .tab_btn_list{background-color:#01599f;}
.product_view .sec02 .tab_btn_list .tab_btn{width:100%; max-width:1600px; margin:0 auto;}
.product_view .sec02 .tab_btn_list .tab_btn::after{content:""; display:block; clear:both;}
.product_view .sec02 .tab_btn_list .tab_btn li{float:left; display:table; width:20%; height:60px; background-color:#01599f;}
.product_view .sec02 .tab_btn_list .tab_btn li a{display:table-cell; vertical-align:middle; height:100%; text-align:center; font-size:18px; color:#fff; font-family: 'Oswald', sans-serif; font-weight:bold; letter-spacing:-0.03em;}
.product_view .sec02 .tab_btn_list .tab_btn li.active{background-color:#004276;}
.product_view .sec02 .tab_list{padding-top:140px;}
.product_view .sec02 .tab_list .tab_box{display:none;}
.product_view .sec02 .tab_list .tab_box.active{display:block;}
.product_view .sec02 .tab_list .tab_box strong{display:block; width:100%; margin-bottom:60px; font-size:52px; font-weight:600; letter-spacing:-0.03em; color:#222; line-height:1.2; text-align:center;}

@media all and (max-width:1200px){
    .product_view .sec01 .product_slide_wrap{float:none; width:100%;}
    .product_view .sec01 .product_slide_wrap .product_top .swiper-slide .img_box{padding-top:50%;}
    .product_view .sec01 .info_wrap{float:none; width:100%; margin-top:20px; border-left:0; border-top:1px solid #ddd;}
    .product_view .sec01 .info_wrap .title_box{padding:20px 10px 20px 0;}
    .product_view .sec01 .info_wrap .title_box h5{font-size:40px;}
    .product_view .sec01 .info_wrap .info_txt{min-height:auto; padding:30px 10px 60px 0;}
    .product_view .sec02 .tab_list{padding-top:80px;}
    .product_view .sec02 .tab_list .tab_box strong{font-size:40px; margin-bottom:40px;}
}

@media all and (max-width:1024px){
    .product_view .sec01 .product_slide_wrap .product_top .swiper-slide .img_box{padding-top:80%;}
    .product_view .sec01 .product_slide_wrap .product_thumbs .swiper-slide{width:80px; height:80px; margin-right:10px;}
    .product_view .sec01 .info_wrap .title_box p{font-size:16px;}
    .product_view .sec01 .info_wrap .title_box h5{margin-top:10px; font-size:30px;}
    .product_view .sec01 .info_wrap .info_txt strong{font-size:18px;}
    .product_view .sec01 .info_wrap .info_txt .list{margin-top:20px;}
    .product_view .sec01 .info_wrap .info_txt .list li p{width:160px; font-size:14px;}
    .product_view .sec01 .info_wrap .info_txt .list li span{width:calc(100% - 160px); font-size:14px;}
    .product_view .sec02{padding-bottom:90px;}
    .product_view .sec02 .tab_list{padding-top:60px;}
    .product_view .sec02 .tab_btn_list .tab_btn li a{font-size:15px;}
    .product_view .sec02 .tab_list .tab_box strong{font-size:32px;}
}




/* about */
.about .sec[class*="sec_tab"]{display:none;}
.about .sec[class*="sec_tab"].active{display:block;}
.about .sec01{padding-bottom:180px;}
.about .sec01 .txt_area{padding:85px 0 0;}
.about .sec01 .txt_area h4{font-size:34px; color:#666; letter-spacing:-0.03em; font-weight:400; line-height:50px; margin-bottom:50px; word-break:keep-all;}
.about .sec01 .txt_area h4 b{color:#111}
.about .sec01 .txt_area p{font-size:18px; color:#666; letter-spacing:-0.03em; font-weight:400; line-height:34px; word-break:keep-all;}
.about .sec01 .txt_area p + p{margin-top:40px;}
.about .sec01 .txt_area p.right{text-align:right; font-size:19px; color:#444; font-weight:bold;}
.about .sec02{padding:120px 0 150px; background:#f8f8f8 url("/kr/img/sub/company/about/about_sec02_bg.png") no-repeat right center / auto 105%;}
.about .sec02 dl{border-bottom:1px solid #fff; padding:28px 0;}
.about .sec02 dl:after{clear:both; content:""; display:block; height:0; visibility:hidden;}
.about .sec02 dl dt{width:240px; float:left; font-size:19px; color:#444; letter-spacing:-0.03em; font-weight:bold; line-height:1.4;}
.about .sec02 dl dd{width:calc(100% - 240px); float:left;  font-size:18px; color:#666; letter-spacing:-0.03em; font-weight:400; line-height:1.4; word-break:keep-all;}
.about .sec03{padding-bottom:180px;}
.about .sec03 ul{font-size:0; letter-spacing:-4px;}
.about .sec03 ul li{width:calc(20% - 16px); display:inline-block; vertical-align:top; margin-right:20px;}
.about .sec03 ul li:nth-of-type(5n){margin-right:0;}
.about .sec03 ul li:nth-of-type(n+6){margin-top:60px;}
.about .sec03 ul li .img_area{border:1px solid #e2e2e2; box-sizing:border-box;}
.about .sec03 ul li .img_area img{width:100%; max-width:100%;}
.about .sec03 ul li .txt_area{padding:25px 0; text-align:center;}
.about .sec03 ul li .txt_area p{font-size:18px; color:#666; letter-spacing:-0.03em; font-weight:300; line-height:30px; word-break:keep-all;}

@media all and (max-width:1600px){
    .about .sec01 .img_area img{width:100%;}
    .about .sec03 ul li{width:calc(25% - 9px); margin-right:12px;}
    .about .sec03 ul li:nth-of-type(5n){margin-right:12px;}
    .about .sec03 ul li:nth-of-type(4n){margin-right:0;}
    .about .sec03 ul li:nth-of-type(n+6){margin-top:0;}
    .about .sec03 ul li:nth-of-type(n+5){margin-top:60px;}
}
@media all and (max-width:1024px){
    .about .sec01{padding-bottom:90px;}
    .about .sec01 .txt_area{padding:40px 0 0;}
    .about .sec01 .txt_area h4{font-size:24px; line-height:1.4; margin-bottom:25px;}
    .about .sec01 .txt_area h4 br{display:none;}
    .about .sec01 .txt_area p{font-size:16px; line-height:1.8;}
    .about .sec01 .txt_area p + p{margin-top:20px}
    .about .sec01 .txt_area p br{display:none;}
    .about .sec02{padding:60px 0 75px; background-size:65%; background-position:right bottom}
    .about .sec02 dl{padding:20px 0;}
    .about .sec02 dl dt{width:100%; float:none; font-size:18px; margin-bottom:10px;}
    .about .sec02 dl dd{width:100%; float:none; font-size:18px;}
    .about .sec03{padding-bottom:90px;}
    .about .sec03 ul li{width:calc(50% - 10px); margin-right:20px;}
    .about .sec03 ul li:nth-of-type(5n){margin-right:20px;}
    .about .sec03 ul li:nth-of-type(4n){margin-right:20px;}
    .about .sec03 ul li:nth-of-type(2n){margin-right:0;}
    .about .sec03 ul li:nth-of-type(n+6){margin-top:0;}
    .about .sec03 ul li:nth-of-type(n+5){margin-top:0;}
    .about .sec03 ul li:nth-of-type(n+3){margin-top:30px;}
    .about .sec03 ul li .txt_area{padding:15px 0;}
    .about .sec03 ul li .txt_area p{font-size:16px; line-height:1.6;}
}


/* office */
.office .sec[class*="sec_tab"]{display:none; background:#f8f8f8; padding-bottom:210px; overflow:hidden;}
.office .sec[class*="sec_tab"].active{display:block;}
.office .sec .w1600:after{clear:both; content:""; display:block; height:0; visibility:hidden;}
.office .sec .img_area{width:50%; float:left; box-shadow:18px 0 30px rgba(0,0,0,0.25); position:relative; z-index:3;}
.office .sec .img_area img{width:100%;}
.office .sec .txt_area{width:50%; float:left;}
.office .sec .txt_area .top{padding:60px 20px 30px 75px; background:#fff; position:relative; z-index:2;}
.office .sec .txt_area .top:before{content:""; width:10000%; height:100%; background:#fff; position:absolute; right:-100%; top:0; z-index:-1;}
.office .sec .txt_area .top h4{font-size:46px; color:#222; letter-spacing:-0.035em; font-weight:bold;}
.office .sec .txt_area .top p{font-size:18px; color:#555; letter-spacing:-0.035em; font-weight:300; line-height:30px; margin-top:45px; word-break:keep-all;}
.office .sec .txt_area .bot{padding:30px 20px 0 75px; }
.office .sec .txt_area .bot ul{font-size:0; letter-spacing:-4px;}
.office .sec .txt_area .bot ul li{display:inline-block; vertical-align:top; width:50%}
.office .sec .txt_area .bot ul li.mt,
.office .sec .txt_area .bot ul li:nth-of-type(1){width:100%; margin-bottom:40px;}
.office .sec .txt_area .bot ul li dl{font-size:0; letter-spacing:-4px;}
.office .sec .txt_area .bot ul li dl dt{width:65px; display:inline-block; vertical-align:middle;}
.office .sec .txt_area .bot ul li dl dt img{width:100%;}
.office .sec .txt_area .bot ul li dl dd{width:calc(100% - 65px); display:inline-block; vertical-align:middle; padding:0 25px; box-sizing:border-box;}
.office .sec .txt_area .bot ul li dl dd h5{font-size:22px; color:#222; letter-spacing:-0.03em; font-weight:bold; margin-bottom:15px;}
.office .sec .txt_area .bot ul li dl dd p{font-size:16px; color:#555; letter-spacing:-0.03em; font-weight:300; line-height:1.3; word-break:keep-all;}

@media all and (max-width:1600px){
    .office .sec .txt_area .top{padding:40px 20px 40px 40px;}
    .office .sec .txt_area .top p br{display:none;}
    .office .sec .txt_area .bot{padding:40px 20px 0 40px;}
}
@media all and (max-width:1024px){
    .office .sec[class*="sec_tab"]{padding-bottom:90px;}
    .office .sec .img_area{width:100%; float:none;}
    .office .sec .txt_area{width:100%; float:none;}
    .office .sec .txt_area .top{padding:40px 20px;}
    .office .sec .txt_area .bot{padding:40px 20px;}
    .office .sec .txt_area .bot ul li{width:100%; margin-bottom:30px;}
    .office .sec .txt_area .bot ul li:nth-of-type(1){margin-bottom:30px;}
    .office .sec .txt_area .bot ul li:last-child{margin-bottom:0;}
	.office .sec .txt_area .bot ul li.mt{margin-top: 0;}
}

 
/* partners */
.partners{padding-bottom:180px; }
.partners .sec01{padding:206px 0; background:url("/img/sub/company/partners/partners_sec01_bg.jpg")no-repeat right center / cover; position:relative;}
.partners .sec01:before{content:""; width:calc((100% - 1600px)/ 2); height:100%; position:absolute; right:0; top:0; background:#fff;}
.partners .sec01:after{content:""; width:441px; height:174px; position:absolute; left:0; bottom:0; background:url('/img/sub/company/partners/partners_sec01_bg_logo.png')no-repeat center / 100%;}
.partners .sec01 h4{font-size:50px; color:#fff; letter-spacing:-0.03em; font-weight:bold; margin-bottom:60px;}
.partners .sec01 p{font-size:18px; line-height:33px; color:#fff; letter-spacing:-0.03em; font-weight:300; word-break:keep-all;}
.partners .sec02{padding:150px 0 0;}
.partners .sec02 h4{font-size:54px; color:#333; letter-spacing:-0.03em; font-weight:bold; line-height:1.3; text-align:center; word-break:keep-all;}
.partners .sec02 ul{margin-top:80px; font-size:0;}
.partners .sec02 ul li{width:calc(25% - 21px); margin-right:28px; display:inline-block; vertical-align:top;}
.partners .sec02 ul li:nth-of-type(4n){margin-right:0;}
.partners .sec02 ul li:nth-of-type(n+5){margin-top:20px;}
.partners .sec02 ul li .img_area{width:100%;}
.partners .sec02 ul li .img_area img{max-width:100%;}
.partners .sec02 ul li .txt_area{padding:20px 0; text-align:center;}
.partners .sec02 ul li .txt_area p{font-size:20px; color:#222; letter-spacing:-0.03em; line-height:33px; font-weight:300; word-break:keep-all;}
.partners .sec03{padding:130px 0 0;}
.partners .sec03 h4{font-size:54px; color:#333; letter-spacing:-0.03em; font-weight:bold; line-height:1.3; text-align:center; word-break:keep-all;}
.partners .sec03 ul{margin-top:80px; font-size:0;}
.partners .sec03 ul li{width:calc(25% - 21px); margin-right:28px; display:inline-block; vertical-align:top;}
.partners .sec03 ul li:nth-of-type(4n){margin-right:0;}
.partners .sec03 ul li:nth-of-type(n+5){margin-top:20px;}
.partners .sec03 ul li .img_area{height:140px; border:1px solid #ddd; border-radius:8px; overflow:hidden; box-sizing:border-box; position:relative;}
.partners .sec03 ul li .img_area img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:auto; height:auto; max-width:90%; max-height:90%;}

@media all and (max-width:1600px){
    .partners .sec01:before{display:none;}
}
@media all and (max-width:1024px){
    .partners{padding-bottom:90px;}
    .partners .sec01{padding:100px 0;}
    .partners .sec01:after{width:200px; height:80px;}
    .partners .sec01 h4{font-size:30px; margin-bottom:30px;}
    .partners .sec01 p{font-size:16px;}
    .partners .sec01 p br{display:none;}
    .partners .sec02{padding:75px 0 0;}
    .partners .sec02 h4{font-size:30px;}
    .partners .sec02 ul{margin-top:40px;}
    .partners .sec02 ul li{width:calc(50% - 10px); margin-right:20px;}
    .partners .sec02 ul li:nth-of-type(4n){margin-right:20px;}
    .partners .sec02 ul li:nth-of-type(2n){margin-right:0;}
    .partners .sec02 ul li:nth-of-type(n+5){margin-top:0;}
    .partners .sec02 ul li:nth-of-type(n+3){margin-top:10px;}
    .partners .sec02 ul li .img_area img{width:100%;}
    .partners .sec02 ul li .txt_area p{font-size:18px; line-height:1.3}
    .partners .sec03{padding:65px 0 0;}
    .partners .sec03 h4{font-size:30px;}
    .partners .sec03 ul{margin-top:40px;}
    .partners .sec03 ul li{width:calc(50% - 10px); margin-right:20px;}
    .partners .sec03 ul li:nth-of-type(4n){margin-right:20px;}
    .partners .sec03 ul li:nth-of-type(2n){margin-right:0;}
    .partners .sec03 ul li:nth-of-type(n+5){margin-top:0;}
    .partners .sec03 ul li:nth-of-type(n+3){margin-top:10px;}
}



/* work */
.work{padding-bottom:180px; background:url("/img/sub/company/work/work_bg.png")no-repeat left bottom / 30%;}
.work .sec01 ul li{display:flex; align-items:center;}
.work .sec01 ul li + li{margin-top:90px;}
.work .sec01 ul li > *{width:50%;box-sizing:border-box;}
.work .sec01 ul li:nth-of-type(odd){flex-direction:row;}
.work .sec01 ul li:nth-of-type(odd) .img_area{padding-right:60px;}
.work .sec01 ul li:nth-of-type(odd) .text_area{padding-left:30px;}
.work .sec01 ul li:nth-of-type(even){flex-direction:row-reverse;}
.work .sec01 ul li:nth-of-type(even) .img_area{padding-left:60px;}
.work .sec01 ul li:nth-of-type(even) .text_area{padding-left:90px; padding-right:60px;}
.work .sec01 ul li .img_area img{max-width:100%; box-shadow:18px 0 30px rgba(0,0,0,0.15);}
.work .sec01 ul li h4{font-size:72px; line-height:86px; color:#ddd; letter-spacing:-0.03em; font-weight:bold;}
.work .sec01 ul li h4 span{color:#01599f; display:block;}
.work .sec01 ul li p{font-size:25px; color:#333; letter-spacing:-0.03em; font-weight:400; line-height:48px; word-break:keep-all;}
.work .sec01 ul li p b{color:#01599f;}

@media all and (max-width:1600px){
    .work .sec01 ul li:nth-of-type(odd) .img_area{padding-right:40px;}
    .work .sec01 ul li:nth-of-type(odd) .text_area{padding-left:20px;}
    .work .sec01 ul li:nth-of-type(even) .img_area{padding-left:40px;}
    .work .sec01 ul li:nth-of-type(even) .text_area{padding-left:60px; padding-right:40px;}
    .work .sec01 ul li h4{font-size:60px; line-height:1.2;}
    .work .sec01 ul li p{font-size:22px; line-height:1.5;}
}
@media all and (max-width:1024px){
    .work{padding-bottom:90px; background-size:50%;}
    .work .sec01 ul li{display:block;}
    .work .sec01 ul li + li{margin-top:45px;}
    .work .sec01 ul li > *{disply:block; width:100%;}
    .work .sec01 ul li:nth-of-type(odd) .img_area{padding:0;}
    .work .sec01 ul li:nth-of-type(odd) .text_area{padding:40px 0;}
    .work .sec01 ul li:nth-of-type(even) .img_area{padding:0;}
    .work .sec01 ul li:nth-of-type(even) .text_area{padding:40px 0;}
    .work .sec01 ul li .img_area img{width:100%;}
    .work .sec01 ul li h4{font-size:44px; line-height:1.2;}
    .work .sec01 ul li p{font-size:18px; line-height:1.5;}
}


/* contact */
.contact{padding-bottom:180px;}
.contact .sec01 h4{font-size:48px; color:#222; letter-spacing:-0.03em; font-weight:bold; line-height:68px;}
.contact .form_wrap{margin:40px 0 60px; border:2px solid #444; border-left:0; border-right:0; padding-bottom:20px;}
.contact .form_wrap .row{margin:40px 0; font-size:0;}
.contact .form_wrap .row:after{clear:both; content:""; display:block; height:0; visibility:hidden;}
.contact .form_wrap .row dl{width:50%; display:table; float:left; box-sizing:border-box;}
.contact .form_wrap .row dl:first-child{padding-right:40px;}
.contact .form_wrap .row dl:last-child{padding-left:40px;}
.contact .form_wrap .row dl.w100{width:100%; float:none; padding:0;}
.contact .form_wrap .row dl dt{width:180px; padding:25px 10px 25px 0; box-sizing:border-box; display:table-cell; vertical-align:top; font-size:18px; color:#222; letter-spacing:-0.03em; font-weight:bold;}
.contact .form_wrap .row dl dd{width:calc(100% - 180px); display:table-cell; vertical-align:top;}
.contact .form_wrap .row dl dd > input[type='text']{width:100%; height:68px; border:none; border-bottom:1px solid #ddd; padding:0 10px; font-size:18px; color:#444; letter-spacing:-0.03em; font-weight:500; box-sizing:border-box;}
.contact .form_wrap .row dl dd > input[type='text']::placeholder{color:#aaa;}
.contact .form_wrap .row dl dd textarea{width:100%; height:300px; border:1px solid #000; background:#f6f7f9; padding:30px; box-sizing:border-box; font-size:18px; color:#444; letter-spacing:-0.03em; font-weight:400;}
.contact .form_wrap .row dl dd textarea::placeholder{color:#aaa;}
.contact .checkbox_area {display:inline-block; vertical-align:middle; margin:10px 60px 10px 0;position: relative; font-size:18px; color:#aaa; line-height:42px; font-weight:400; letter-spacing:-0.03em;}
.contact .checkbox_area input[type="checkbox"]{position: absolute; width: 0; height: 0; opacity: 0;}
.contact .checkbox_area input[type="checkbox"] + label{position: relative; cursor: pointer; padding-left:25px;}
.contact .checkbox_area input[type="checkbox"] + label:before{content: ""; position: absolute; left: 0; top:6px; width: 16px; height: 16px; border: 1px solid #aaa; border-radius: 2px; background-color: #fff; box-sizing: border-box;}
.contact .checkbox_area input[type="checkbox"] + label:after{content:""; position:absolute; left:4px; top:11px; width:8px; height:6px; background:url("/img/sub/company/contact/checkbox_area_icon.png"); border-radius:50%; opacity:0;}
.contact .checkbox_area input[type="text"]{margin:0 10px; width:240px; height:40px; display:inline-block; vertical-align:middle; border:1px solid #aaa; font-size:14px; color:#000; letter-spacing:-0.03em; font-weight:400; padding:0 10px;}
.contact .checkbox_area input[type="text"]::placeholder{color:#aaa;}
.contact .checkbox_area input[type="checkbox"]:checked + label:before{border-color:#000;}
.contact .checkbox_area input[type="checkbox"]:checked + label:after{opacity:1;}
.contact .checkbox_area input[type="checkbox"]:checked + label{color:#000;}
.contact .checkbox_area input[type="checkbox"]:checked + label + input[type="text"]{border-color:#000;}
.contact .radio_area {display:inline-block; vertical-align:middle; margin:10px 60px 10px 0; position: relative; font-size:18px; color:#aaa; line-height:42px; font-weight:400; letter-spacing:-0.03em;}
.contact .radio_area input[type="radio"]{position: absolute; width: 0; height: 0; opacity: 0;}
.contact .radio_area input[type="radio"] + label{position: relative; cursor: pointer; padding-left:25px;}
.contact .radio_area input[type="radio"] + label:before{content: ""; position: absolute; left: 0; top:6px; width: 16px; height: 16px; border: 1px solid #aaa; border-radius:50%; background-color: #fff; box-sizing: border-box;}
.contact .radio_area input[type="radio"] + label:after{content:""; position:absolute; left:4px; top:11px; width:8px; height:6px; background:url("/img/sub/company/contact/checkbox_area_icon.png"); border-radius:50%; opacity:0;}
.contact .radio_area input[type="text"]{margin:0 10px; width:240px; height:40px; display:inline-block; vertical-align:middle; border:1px solid #aaa; font-size:14px; color:#000; letter-spacing:-0.03em; font-weight:400; padding:0 10px;}
.contact .radio_area input[type="text"]::placeholder{color:#aaa;}
.contact .radio_area input[type="radio"]:checked + label:before{border-color:#000;}
.contact .radio_area input[type="radio"]:checked + label:after{opacity:1;}
.contact .radio_area input[type="radio"]:checked + label{color:#000;}
.contact .radio_area input[type="radio"]:checked + label + input[type="text"]{border-color:#000;}
.contact .agree_checkbox{text-align:right;}
.contact .agree_checkbox .checkbox_area{margin-right:0; line-height:1.3; margin:0;}
.contact .btn_wrap{text-align:center; margin:30px 0 0;}
.contact .btn_wrap .btn{display:inline-block; vertical-align:top; margin:0 5px; width:280px; height:70px; line-height:70px; border-radius:40px; background:#b8b8b8; font-size:18px; color:#fff; letter-spacing:-0.03em; font-weight:bold;}
.contact .btn_wrap .btn.blue{background:#0159a0}

@media all and (max-width:1600px){
    .contact .form_wrap .row dl dt{width:140px;}
    .contact .form_wrap .row dl dd{width:calc(100% - 140px);}
}
@media all and (max-width:1024px){
    .contact{padding-bottom:80px;}
    .contact .sec01 h4{font-size:24px; line-height:1.4;}
    .contact .form_wrap{margin:20px 0 30px; padding:20px 0;}
    .contact .form_wrap .row{margin:0;}
    .contact .form_wrap .row dl{width:100%; display:block; padding:0 !important; margin:20px 0;}
    .contact .form_wrap .row dl dt{width:100%; display:block; padding:10px 0;}
    .contact .form_wrap .row dl dd{width:100%; display:block;}
    .contact .form_wrap .row dl dd > input[type='text']{height:50px; font-size:18px;}
    .contact .form_wrap .row dl dd textarea{padding:15px; height:200px;}
    .contact .checkbox_area{margin:10px 20px 10px 0; line-height:1.4;}
    .contact .radio_area{margin:10px 20px 10px 0; line-height:1.4;}
    .contact .radio_area.m_block{display:block;}
    .contact .radio_area.m_block input[type="text"]{margin:10px 0 0 30px;}
    .contact .btn_wrap .btn{width:160px; height:54px; line-height:54px;}
}


/* location */
.location{padding-bottom:180px;}
.location .sec01 ul li{font-size:0; letter-spacing:-4px; padding-bottom:60px; border-bottom:1px solid #ddd;}
.location .sec01 ul li + li{padding-top:60px; }
.location .sec01 ul li:last-child{padding-bottom:0; border-bottom:0;}
.location .sec01 ul li .map_area{width:50%; height:510px; padding-right:20px; box-sizing:border-box; display:inline-block; vertical-align:bottom;}
.location .sec01 ul li .map_area > *{width:100%; height:100%;}
.location .sec01 ul li .map_area > * .wrap_map{width:100%; height:100%;}
.location .sec01 ul li .text_area{width:50%; padding:0 0 30px 60px; box-sizing:border-box; display:inline-block; vertical-align:bottom;}
.location .sec01 ul li .text_area h4{font-size:48px; color:#333; letter-spacing:-0.03em; font-weight:bold; margin-bottom:80px;}
.location .sec01 ul li .text_area h4 i{display:inline-block; vertical-align:middle; margin:10px 20px 0 0;}
.location .sec01 ul li .text_area dl{font-size:0;}
.location .sec01 ul li .text_area dl + dl{margin-top:20px;}
.location .sec01 ul li .text_area dl dt{display:inline-block; vertical-align:top; width:130px; font-size:18px; line-height:1.3; color:#01599f; letter-spacing:-0.03em; font-weight:500;}
.location .sec01 ul li .text_area dl dd{display:inline-block; vertical-align:top; width:calc(100% - 134px); font-size:18px; line-height:1.3; color:#666; letter-spacing:-0.03em; font-weight:400;}

@media all and (max-width:1300px){
   .product_view .sec02 .tab_list .tab_box.scroll{overflow-x: scroll; overflow-y: hidden;}
   .product_view .sec02 .tab_list .tab_box.scroll > div{width: 1300px;}
}

@media all and (max-width:1200px){
    .location .sec01 ul li .text_area{padding:0 0 20px 20px}
}
@media all and (max-width:1024px){
    .location{padding-bottom:80px;}
    .location .sec01 ul li{padding-bottom:30px;}
    .location .sec01 ul li + li{padding-top:30px;}
    .location .sec01 ul li .map_area{display:block; width:100%; height:255px; padding:0;}
    .location .sec01 ul li .text_area{display:block; width:100%; padding:20px 0;}
    .location .sec01 ul li .text_area h4{font-size:24px; margin-bottom:20px;}
    .location .sec01 ul li .text_area h4 i{margin:2px 10px 0 0;}
    .location .sec01 ul li .text_area h4 i img{width:15px;}
    .location .sec01 ul li .text_area dl + dl{margin-top:10px;}
    .location .sec01 ul li .text_area dl dt{width:100px; font-size:16px;}
    .location .sec01 ul li .text_area dl dd{width:calc(100% - 100px); font-size:16px;}
}

.w1600 .more{text-align: center; margin-top: 70px;}
.w1600 .more button{display:inline-block; width: 126px; height: 50px; background: none; border:1px solid #555; font-size:16px; border-radius:10px; box-sizing:border-box; color: #555; cursor: pointer; transition:0.3s}
.w1600 .more button i{font-size:14px; color: #555; position: relative; top: 1px; margin-left: 12px; transition:0.3s}