@charset 'utf-8';

/*
 * Copyright    :    Gobeyond.co.kr / Armor Kovico
 * Directory    :    pages/css/
 * File         :    kovico.css
 * SUMMARY      :    Main Page
 */





/* **************************************** *
 *	◆◆◆ Header
 * **************************************** */
.header {position:absolute; left:0; top:0; width:100%; z-index:1000; background:#fff;}
.header .layout_fix {padding:0 30px; box-sizing:content-box;}
.header li {list-style:none;}

.header .in_table {display:table; width:100%; box-sizing:border-box; table-layout:fixed; }
.header .in_td {display:table-cell; vertical-align:middle; box-sizing:border-box; height:100px;}
.header .in_td.this_logo {width:380px;}
.header .in_td.this_nav {text-align:right}
.header .in_td.this_slide {width:50px; text-align:right; }

.header .logo_box {font-size:0px;}
.header .logo_box a {display:inline-block; padding:10px 0;}
.header .logo_box img {max-width:100%; max-height:65px}
.header .logo_box.if_mo img {max-height:37px}
.header .logo_box.if_slide {display:none;}

.header .nav_box {display:inline-block; text-align:left;}
.header .nav_box .ul {display:table; width:auto; table-layout:fixed; }
.header .nav_box .li {display:table-cell; vertical-align:middle; position:relative; height:100px;}
.header .nav_box .depth1 {padding:25px 22px; display:block; box-sizing:border-box; text-align:center;}
.header .nav_box .depth1 .box {display:table; width:auto; margin:0 auto;}
.header .nav_box .depth1 .tx,
.header .nav_box .depth1 .icon {display:table-cell; vertical-align:middle; white-space:nowrap; line-height:1;}
.header .nav_box .depth1 .tx {color:#000; font-size:18px; font-weight:500; }
.header .nav_box .depth1 .icon {padding:4px; position:relative; vertical-align:bottom; font-size:0px;}
.header .nav_box .depth1 .icon .ov {padding:4px; position:absolute; left:0; bottom:0; display:none;}
.header .nav_box .hit .depth1 .tx {color:#003399;}
.header .nav_box .if_no_next .icon {display:none;}
.header .nav_box .depth2_box {display:none; position:absolute; left:0; top:100px; background:#fff; z-index:9999}
.header .nav_box .depth2_box ul {border-top:1px solid #003399;}
.header .nav_box .depth2_box li+ li {border-top:1px solid #e6e0e0;}
.header .nav_box .depth2_box .depth2 {display:block; color:#333; font-size:16px; font-weight:500; line-height:1.3; padding:15px 60px 15px 23px; white-space:nowrap; word-wrap:break-word; word-break:keep-all; }
.header .nav_box .if_next_long .depth2_box {width:330px; white-space:normal;}
.header .nav_box .if_next_long .depth2_box .depth2 {white-space:normal}

.header .slide_box {position:relative; width:38px; height:38px; display:inline-block;}
.header .slide_box .btn_slide {display:block;}
.header .slide_box .circle {font-size:0px;}
.header .slide_box .icon {position:absolute; left:0; top:0; width:100%; height:100%;}
.header .slide_box .shape {background:#fff; position:absolute; left:50%; top:50%; margin-top:-1px; margin-left:-7px; width:14px; height:2px; z-index:1}
.header .slide_box .shape.n1 {}
.header .slide_box .shape.n2 {margin-top:-6px;}
.header .slide_box .shape.n3 {margin-top:4px;}
.header .slide_box .close {text-align:center; display:none;}
.header .slide_box .close img {margin-top:13px;}
.header .slide_box .close i {color:#34312e; display:none; line-height:38px; font-weight:600; text-align:center;}


.if_open_slide .slide_box .close {display:block !important;}
.if_open_slide .slide_box .icon {display:none;}









/* **************************************** *
    ◆◆◆ Slider
 * **************************************** */
.slide_bg {background:#003399; position:fixed; right:-370px; top:0; z-index:888; width:370px; height:100%;}
.slide_bg {transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.slide {position:absolute; right:-370px; top:100px; z-index:999; width:370px; box-sizing:border-box; padding:0 40px; padding-bottom:50px; }
.slide {transition: right 0.5s ease-out; -webkit-transition: right 0.5s ease-out;}
.slide li {list-style:none;}
.slide .nav_box {border-bottom:1px solid rgba(255,255,255,0.2); padding-bottom:40px; margin-top:20px;}
.slide .nav_box .ul {}
.slide .nav_box .li {}
.slide .nav_box .li {border-bottom:1px solid rgba(255,255,255,0.2);}
.slide .nav_box .li:last-of-type {border-bottom:0;}
.slide .nav_box dl {display:table; width:100%;}
.slide .nav_box dt,
.slide .nav_box dd {display:table-cell; vertical-align:middle;}
.slide .nav_box dd {width:40px; display:none; text-align:center; position:relative;}
.slide .nav_box .btn_ctrl {display:block; color:rgba(255,255,255,0.3); font-weight:700; line-height:40px; font-size:13px;}
.slide .nav_box .btn_ctrl {position:absolute; left:0; top:8px; width:40px; height:40px;}
.slide .nav_box .depth1 {color:#fff; font-size:18px; font-weight:500; line-height:1; padding:18px 0;}
.slide .nav_box .depth2_box {padding-bottom:15px; margin-top:-5px;}
.slide .nav_box .depth2_box {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.slide .nav_box .depth2_box li {font-size:0px;}
.slide .nav_box .depth2 {display:inline-block; color:rgba(255,255,255,0.5); font-size:13px; word-wrap:break-word; word-break:keep-all; white-space:normal; line-height:1.3; padding:3px 10px 3px 10px; position:relative;}
.slide .nav_box .depth2 {transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
.slide .nav_box .depth2:before {content:"•"; width:2px; height:2px; position:absolute; left:2px; top:3px;}

.slide .cs_box {position:relative; margin-top:30px;}
.slide .cs_box .icon {position:absolute; left:0; top:0;}
.slide .cs_box .icon img {width:30px;}
.slide .cs_box .info {padding-left:42px;}
.slide .cs_box .info dl {display:table; width:100%; box-sizing:border-box; table-layout:fixed; margin-top:10px;}
.slide .cs_box .info dt,
.slide .cs_box .info dd {display:table-cell; vertical-align:top; color:rgba(255,255,255,0.5); font-size:12px; word-wrap:break-word; word-break:keep-all; white-space:normal; line-height:1.3;}
.slide .cs_box .info dt {width:22px; }
.slide .cs_box .info dt img {width:16px;}
.slide .cs_box .info .tel {font-size:22px; display:block; font-weight:500;}
.slide .cs_box .info a.tel {display:inline-block;}

.slide .cs_box .info .this_address dd {padding-right:40px;}
.slide .cs_box .info .this_email {margin-top:15px;}
.slide .cs_box .info .this_email dt,
.slide .cs_box .info .this_email dd {vertical-align:middle;}
.slide .cs_box .info .this_tel {}
.slide .cs_box .info .this_tellink {display:none;}
.slide .cs_box .info .this_time {display:none;}
.slide .cs_box .info .this_btn {}

.slide .cs_box .btn_box {margin-top:10px; text-align:center; }
.slide .cs_box .btn_box ul {display:table; width:100%; box-sizing:border-box; table-layout:fixed; }
.slide .cs_box .btn_box li {display:table-cell; vertical-align:middle; border:1px solid rgba(255,255,255,0.3); border-left:0; border-right:0;}
.slide .cs_box .btn_box .btn {display:block; color:rgba(255,255,255,0.5); font-weight:500; height:40px; line-height:39px; font-size:13px; position:relative;}
.slide .cs_box .btn_box .btn:before {content:""; width:1px; height:40px; background:rgba(255,255,255,0.3);; position:absolute; left:0; top:0}
.slide .cs_box .btn_box .btn:after {content:""; width:1px; height:40px; background:rgba(255,255,255,0.3);; position:absolute; right:0; top:0}
.slide .cs_box .btn_box li+ li .btn:before {left:-1px; display:none;}

.slide .slide_tit {background:#01256d; position:absolute; right:0; top:-60px; width:100%; z-index:1000; }
.slide .slide_tit dl {display:table; width:100%; box-sizing:border-box; table-layout:fixed;}
.slide .slide_tit dt,
.slide .slide_tit dd {display:table-cell; vertical-align:middle; height:60px; padding:0 15px; box-sizing:border-box;}
.slide .slide_tit dd {text-align:center; width:50px; padding-left:0px;}
.slide .slide_tit .btn_close {color:#fff; font-weight:100; display:block; text-align:center; width:40px;}
.slide .slide_tit .logo_box img {height:15px;}

.if_open_slide .slide_bg {right:0}
.if_open_slide .slide {right:0; height:100%;}

.if_open_slidenav .depth2 {line-height:1.3 !important; padding-top:3px !important; padding-bottom:3px !important; margin-top:-3px;}
.if_open_slidenav .depth2 {opacity: 1 !important; filter: alpha(opacity=100) !important; -ms-filter:alpha(opacity=100) !important;}
.if_open_slidenav .depth2_box {padding-bottom:15px !important;}
.if_open_slidenav .btn_ctrl {transform: rotate(180deg); -webkit-transform: rotate(180deg);}









/* ********************************************** *
 * ◆◆◆ footer
 * ********************************************** */
.footer {text-align:center; margin-top:150px; overflow:hidden;}
.footer li {list-style:none;}

.footer .menu_box {border:1px solid #e0e1e6; border-left:0; border-right:0; overflow:hidden; text-align:center;}
.footer .menu_box ul {display:table; margin:0 auto;}
.footer .menu_box li {display:table-cell; vertical-align:middle; height:70px;}
.footer .menu_box .menu {font-size:15px; font-weight:500; color:#888; position:relative; line-height:1; padding:10px 35px;}
.footer .menu_box li+ li .menu:before {content:""; position:absolute; left:0; top:50%; width:1px; height:11px; background:#e0e1e6; margin-top:-5px;}

.footer .info {padding:80px 30px;}
.footer .info .logo_box {}
.footer .info .logo_box img {max-height:25px;}
.footer .info ul {margin-top:30px;}
.footer .info li {font-size:0px;}
.footer .info .tx {padding:0 8px; font-size:15px; color:#888; font-weight:400; line-height:1.3; word-wrap:break-word; word-break:keep-all; white-space:normal; margin:1px 0;}
.footer .info .copyright {margin-top:15px;}


.scroll_fix {position:fixed; right:0; bottom:-70px; z-index:55; overflow:hidden; margin:20px; }
.scroll_fix {transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.scroll_fix .btn_gotop {transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; }
.scroll_fix .btn_gotop .icon {position:relative; background:rgba(0,0,0,0.8); color:#fff; font-size:18px; line-height:1; font-weight:400; width:50px; height:50px; line-height:50px; text-align:center;}
.scroll_fix .btn_gotop .icon {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.scroll_fix .btn_gotop i {color:#fff; display:inline-block;}
.scroll_fix .btn_gotop .ov_tx {position:absolute; left:0; bottom:0; width:100%; z-index:57; background-color:transparent;}
.scroll_fix .btn_gotop .ov_bg {position:absolute; left:0; bottom:0; width:100%; z-index:56; background:#0055ff; height:0px !important;}

.scroll_fix.if_scroll {bottom:0}








/* ********************************************** *
 * ◆◆◆ Main Visual
 * ********************************************** */
.main_visual {position:relative; overflow:hidden;}
.main_visual.mv_pc {display:block;}
.main_visual.mv_mo {display:none;}

/* 롤링배너 */
.main_visual .rolling_box {position:relative;}
.main_visual .visual_box {height:800px; background-position:center top; background-size:auto 100% !important;}
.main_visual .visual_tx {position:absolute; left:50%; top:50%; margin-left:-600px; width:1200px; box-sizing:border-box; margin-top:-140px;}
.main_visual .visual_tx {color:#fff;}
.main_visual .visual_tx .first {font-size:30px; font-weight:500; letter-spacing:0.5px; line-height:1;}
.main_visual .visual_tx .tit {font-size:75px; font-weight:700; font-family:"Zilla"; line-height:1; padding-top:5px;}
.main_visual .visual_tx .sub {color:#ccc; font-size:20px; font-weight:400; line-height:1.2; padding-top:30px; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.main_visual .visual_tx .btn {padding-top:40px; }
.main_visual .visual_tx .btn_go {padding:0 40px; background:#0055ff; border-radius:12px; overflow:hidden; position:relative; text-align:center;}
.main_visual .visual_tx .btn_go .tx {height:48px; line-height:49px; font-size:15px; overflow:hidden;}
.main_visual .visual_tx .btn_go .tx {transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out;}
.main_visual .visual_tx .btn_go .ov_tx {position:absolute; left:0; top:0; width:100%; color:#0055ff; z-index:2; height:0px; }
.main_visual .visual_tx .btn_go .ov_bg {position:absolute; left:0; top:0; width:100%; background:#fff; border-color:#fff; z-index:1; height:0px;}


/* PC모션 */
.main_visual.mv_pc .visual_tx .first {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0); margin-left:-40px;}
.main_visual.mv_pc .visual_tx .tit {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0); margin-left:-40px;}
.main_visual.mv_pc .visual_tx .sub {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0); margin-left:-40px;}
.main_visual.mv_pc .visual_tx .btn {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0); margin-left:-40px;}

.main_visual.mv_pc .visual_box.active .first {animation: visual_pc 1s ease-out; -webkit-animation: visual_pc 1s ease-out; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;}
.main_visual.mv_pc .visual_box.active .first {animation-delay:0.5s; -webkit-animation-delay:0.5s}
.main_visual.mv_pc .visual_box.active .tit {animation: visual_pc 1.5s ease-out; -webkit-animation: visual_pc 1.5s ease-out; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;}
.main_visual.mv_pc .visual_box.active .tit {animation-delay:0.6s; -webkit-animation-delay:0.6s}
.main_visual.mv_pc .visual_box.active .sub {animation: visual_pc 2s ease-out; -webkit-animation: visual_pc 2s ease-out; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;}
.main_visual.mv_pc .visual_box.active .sub {animation-delay:0.8s; -webkit-animation-delay:0.8s}
.main_visual.mv_pc .visual_box.active .btn {animation: visual_pc 2s ease-out; -webkit-animation: visual_pc 2s ease-out; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;}
.main_visual.mv_pc .visual_box.active .btn {animation-delay:0.9s; -webkit-animation-delay:0.9s}


@-webkit-keyframes visual_pc {
    from { -webkit-filter: opacity(0%); filter: opacity(0%); margin-left:-40px;}
    to {-webkit-filter: opacity(100%); filter: opacity(100%); margin-left:0px;}
}
@keyframes visual_pc {
    from {filter:alpha(opacity=0); opacity:0; margin-left:-40px}
    to {filter:alpha(opacity=1); opacity:1; margin-left:0px;}
}




/* 롤링 아이콘 */
.main_visual .rolling_icon {position:absolute; left:0; bottom:50px; width:100%; text-align:center; z-index:11;}
.main_visual .rolling_icon .lineup {display:inline-block; overflow:hidden;}
.main_visual .rolling_icon .icon {width:19px; height:19px; float:left; margin:0 8px; position:relative;}
.main_visual .rolling_icon .off {}
.main_visual .rolling_icon .on {position:absolute; left:0; top:0; opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.main_visual .rolling_icon .active .on {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}
.main_visual .rolling_icon .active .off {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}


/* 롤링 이전다음버튼 */
.main_visual .prevnext {position:absolute; top:50%; z-index:3; margin-top:-25px}
.main_visual .prevnext {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.main_visual .prevnext.prev {left:50px; }
.main_visual .prevnext.next {right:50px;}
.main_visual .prevnext a {display:block; }
.main_visual .prevnext .icon {width:50px; height:50px; box-sizing:border-box;}


/* 모바일 */
.main_visual .rolling_box_mo {overflow:hidden; position:relative;}
.main_visual .rolling_box_mo img {width:100%;}
.main_visual.mv_mo .rolling_icon {bottom:30px}
.main_visual.mv_mo .rolling_icon .icon img {display:none;}
.main_visual.mv_mo .rolling_icon .icon {border-radius:100px; background:#868686; border:1px solid #868686; box-sizing:border-box; width:13px; height:13px; margin:0 6px;}
.main_visual.mv_mo .rolling_icon .active {background:#fff; border-color:#fff;}
.main_visual.mv_mo .swiper-slide {height:auto !important;}

.main_visual.mv_mo .visual_box {height:auto !important;}
.main_visual.mv_mo .visual_tx {text-align:center; margin-top:-120px;}


/* PC모션 */
.main_visual.mv_mo .visual_tx .first {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0); margin-top:-10px;}
.main_visual.mv_mo .visual_tx .tit {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0); margin-top:-10px;}
.main_visual.mv_mo .visual_tx .sub {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0); margin-top:-10px;}
.main_visual.mv_mo .visual_tx .btn {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0); margin-top:-10px;}

.main_visual.mv_mo .visual_box .active .first {animation: visual_mo 1s ease-out; -webkit-animation: visual_mo 1s ease-out; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;}
.main_visual.mv_mo .visual_box .active .first {animation-delay:0.5s; -webkit-animation-delay:0.5s}
.main_visual.mv_mo .visual_box .active .tit {animation: visual_mo 1.5s ease-out; -webkit-animation: visual_mo 1.5s ease-out; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;}
.main_visual.mv_mo .visual_box .active .tit {animation-delay:0.6s; -webkit-animation-delay:0.6s}
.main_visual.mv_mo .visual_box .active .sub {animation: visual_mo 2s ease-out; -webkit-animation: visual_mo 2s ease-out; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;}
.main_visual.mv_mo .visual_box .active .sub {animation-delay:0.8s; -webkit-animation-delay:0.8s}
.main_visual.mv_mo .visual_box .active .btn {animation: visual_mo 2s ease-out; -webkit-animation: visual_mo 2s ease-out; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;}
.main_visual.mv_mo .visual_box .active .btn {animation-delay:0.9s; -webkit-animation-delay:0.9s}


@-webkit-keyframes visual_mo {
    from { -webkit-filter: opacity(0%); filter: opacity(0%); margin-top:-10px;}
    to {-webkit-filter: opacity(100%); filter: opacity(100%); margin-top:0;}
}
@keyframes visual_mo {
    from {filter:alpha(opacity=0); opacity:0; margin-top:-10px;}
    to {filter:alpha(opacity=1); opacity:1; margin-top:0px;}
}







/* ********************************************** *
 * ◆◆◆ Main title
 * ********************************************** */
.main_tit {text-align:center;  margin-top:100px; margin-bottom:50px; position:relative;}
.main_tit .ti {color:#000; font-size:40px; font-weight:600; letter-spacing:-1px; line-height:1; display:inline-block;}
.main_tit .btn_more {position:absolute; right:30px; bottom:0; overflow:hidden; padding:3px 0;}
.main_tit .btn_more strong,
.main_tit .btn_more em {height:24px; line-height:24px;}
.main_tit .btn_more em {float:right; margin-left:5px; width:24px;}
.main_tit .btn_more em img {width:24px;}
.main_tit .btn_more strong {color:#999; font-size:16px; font-weight:600; float:left; }







/* ********************************************** *
 * ◆◆◆ Main business
 * ********************************************** */
.main_bs {text-align:center; position:relative; overflow:hidden;}
.main_bs .layout_fix {padding:0px;}
.main_bs li {list-style:none;}
.main_bs .bg {background:#ebecef; position:absolute; left:0; bottom:165px; width:100%; height:100%; z-index:-1}

.main_bs .in_box {}
.main_bs .in_table {display:table; width:100%; box-sizing:border-box; table-layout:fixed}
.main_bs .in_td {display:table-cell; vertical-align:top; color:#fff;}
.main_bs .in_td.left {background:#003399;}
.main_bs .in_td.right {background:#01256d;}

.main_bs .picto {text-align:center; display:inline-block; font-size:0px; width:100px; margin-top:-50px; position:relative;}
.main_bs .picto img {width:100%;}

.main_bs .bs_box {padding:0 40px; margin:40px 0; overflow:hidden;}
.main_bs .bs_box dt {font-family:"Zilla"; color:#fff; font-size:30px; height:30px; line-height:30px; white-space:nowrap}
.main_bs .bs_box dt u {display:inline}
.main_bs .bs_box dd {}
.main_bs .bs_box .this_tx {font-family:"Zilla"; color:rgba(255,255,255,0.8); font-size:18px; line-height:18px;  position:relative; letter-spacing:0.3px;}
.main_bs .bs_box .this_tx {word-wrap:break-word; word-break:keep-all; white-space:normal; max-width:440px; margin:0 auto; margin-top:30px; padding-top:30px;}
.main_bs .bs_box .this_tx {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; height:56px;}
.main_bs .bs_box .this_tx:before {content:""; width:40px; height:2px; background:#fff; position:absolute; left:50%; top:0; margin-left:-20px;}
.main_bs .bs_box .this_btn {margin-top:35px;}
.main_bs .bs_box .btn_go {background:#fff; border-radius:100px; border:1px solid #fff; height:32px; box-sizing:border-box; padding:0 20px; position:relative; overflow:hidden;}
.main_bs .bs_box .btn_go .tx {display:inline-block; height:30px; line-height:29px; line-height:28px\0; font-size:13px; color:#003399; overflow:hidden;}
.main_bs .bs_box .btn_go .tx {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.main_bs .bs_box .btn_go .ov_tx {position:absolute; left:0; top:0; width:100%; color:#fff; z-index:2; height:0px; }
.main_bs .bs_box .btn_go .ov_bg {position:absolute; left:0; top:0; width:100%; background:#003399; border-color:#fff; z-index:1; height:0px;}
.main_bs .in_td.right .bs_box .btn_go .ov_bg {background:#01256d;}



.main_bs .in_td.right .bs_box dt {font-size:25px;}
.main_bs .in_td.right .bs_box .btn_go {color:#01256d;}







/* ********************************************** *
 * ◆◆◆ Main products
 * ********************************************** */
.main_pro {}
.main_pro li {list-style:none;}
.main_pro .pro_list {overflow:hidden;}
.main_pro .pro_list .ul {margin-top:-50px; overflow:hidden; margin-left:-15px;}
.main_pro .pro_list .li {float:left; width:50%; padding-top:50px; box-sizing:border-box; padding-left:15px;}
.main_pro .pro_list .li:nth-of-type(2n) +.li {clear:both}

.main_pro .pro_box {display:table; width:100%; box-sizing:border-box; table-layout:fixed; }
.main_pro .pro_box .in_td {display:table-cell; vertical-align:top; box-sizing:border-box;}
.main_pro .pro_box .in_td.left {font-size:0px; width:378px;}
.main_pro .pro_box .in_td.right {padding:40px 0 0 30px; position:relative;}

.main_pro .pro_box .photo {display:block;}
.main_pro .pro_box .photo img {width:100%;}
.main_pro .pro_box .img_s {display:block;}
.main_pro .pro_box .img_w {display:none;}
.main_pro .pro_box .img_h {display:none;}

.main_pro .info_box {display:inline-block; min-width:260px; }
.main_pro .info_box .tit {color:#000; font-family:"Zilla"; font-size:32px; font-weight:500; line-height:1.3; padding-bottom:10px; position:relative; letter-spacing:-1px; white-space:nowrap}
.main_pro .info_box .tit:before {content:""; background:#000; width:150%; height:1px; position:absolute; right:0; bottom:0;}
.main_pro .info_box dl {}
.main_pro .info_box dt {font-family:"Zilla"; color:#333; font-size:15px; margin-top:50px;}
.main_pro .info_box dt strong {text-decoration:underline; display:inline-block; line-height:1; }
.main_pro .info_box dd {font-family:"Zilla"; color:#888; font-size:17px; line-height:1.25; word-wrap:break-word; word-break:keep-all; white-space:normal; margin-top:25px; max-width:250px}

.main_pro .info_box .btn_box {position:absolute; left:30px; bottom:45px; }
.main_pro .info_box .btn_go {background:#efebeb; border-radius:100px; height:35px; line-height:33px; padding:0 20px; position:relative; overflow:hidden;}
.main_pro .info_box .btn_go .tx {font-size:13px; color:#000; font-weight:300; height:35px; line-height:34px; line-height:33px\0; overflow:hidden; padding-right:10px;}
.main_pro .info_box .btn_go .ov_tx {position:absolute; left:0; top:0; width:100%; color:#fff; z-index:2; height:0px; padding-left:20px;}
.main_pro .info_box .btn_go .ov_bg {position:absolute; left:0; top:0; width:100%; background:#003399; border-color:#fff; z-index:1; height:0px; padding-right:0px;}

.main_pro .info_box .btn_go {transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
.main_pro .info_box .btn_go * {transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
.main_pro .info_box .btn_go em {position:absolute; right:20px; top:14px;}
.main_pro .info_box .btn_go .ov {display:none;}









/* ********************************************** *
 * ◆◆◆ main about
 * ********************************************** */
.main_about {background:#ebecef; overflow:hidden; margin-top:100px; padding-bottom:100px;}
.main_about li {list-style:none;}

.main_about .in_table {display:table; width:100%; box-sizing:border-box; table-layout:fixed;}
.main_about .in_td {display:table-cell; vertical-align:top; background:#fff; padding:40px 40px; }
.main_about .in_td+ .in_td {border-left:1px solid #efebeb; }

.main_about .about_box {position:relative;}
.main_about .about_box dl {display:table; width:100%; box-sizing:border-box; table-layout:fixed; }
.main_about .about_box dt,
.main_about .about_box dd {display:table-cell; vertical-align:middle;}
.main_about .about_box dt {width:120px;}

.main_about .picto {text-align:center; display:inline-block; font-size:0px; width:88px; position:relative;}
.main_about .picto img {width:100%;}

.main_about .tx_box {}
.main_about .tx_box  * {font-family:"Zilla"; }
.main_about .tx_box .tit {font-size:26px; font-weight:600; line-height:1; color:#000; margin-bottom:20px; white-space:nowrap}
.main_about .tx_box .tit u {display:inline}
.main_about .tx_box .sub * {font-size:15px;}

.main_about .tx_box .sentence {word-wrap:break-word; word-break:keep-all; white-space:normal; line-height:1.3; display:inline}
.main_about .tx_box .sentence u {}
.main_about .tx_box .sentence.none {}
.main_about .tx_box .sentence.ellipsis {display:none; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; line-height:18px; height:54px;}
.main_about .tx_box .sentence.ellipsis {word-wrap:break-word; word-break:break-all;}

.main_about .tx_box .more {display:inline; margin-left:40px; }
.main_about .tx_box .more .btn {color:#999; position:relative; white-space:nowrap; line-height:1.3; padding:0 5px;}
.main_about .tx_box .more strong {position:relative; display:inline-block;}
.main_about .tx_box .more strong:before {content:""; width:100%; height:1px; position:absolute; left:0; bottom:2px; background:#999;}

.main_about .tx_box .bullet_list {margin-top:-6px;}
.main_about .tx_box .bullet_list li {position:relative; overflow:hidden;}
.main_about .tx_box .link_box {padding:6px 0; padding-left:8px; float:left; position:relative; display:inline-block; max-width:100%; overflow:hidden; box-sizing:border-box;}
.main_about .tx_box .link_box:before {content:"•"; position:absolute; left:0; top:7px; font-size:0.8em;}
.main_about .tx_box .link_box .tx {overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; }
.main_about .tx_box .link_box .tx {padding-right:5px; word-wrap:break-word; word-break:keep-all; text-decoration:underline; letter-spacing:0.5px;}
.main_about .tx_box .link_box .tx.no {}
.main_about .tx_box .link_box .tx.long {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; white-space:normal}
.main_about .tx_box .link_box .tx.long {word-wrap:break-word; word-break:break-all; white-space:normal; line-height:1.2; display:none;}








/* ********************************************** *
 * ◆◆◆ Main Gallery
 * ********************************************** */
.main_gal {}
.main_gal li {list-style:none;}
.main_gal .photo_list ul {overflow:hidden; margin-left:-20px; margin-top:-30px;}
.main_gal .photo_list li {float:left; width:25%;}
.main_gal .photo_list li:nth-of-type(4n)+ li {clear:both}

.main_gal .photo_box {margin-left:20px; margin-top:30px;}
.main_gal .photo_box .thumb {position:relative; overflow:hidden; font-size:0px; background:#ebecef url('../images/kovico/photo_none.png') center center no-repeat;}
.main_gal .photo_box .thumb img {width:100%;}
.main_gal .photo_box .thumb img {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.main_gal .photo_box .img_fake {overflow:hidden;}
.main_gal .photo_box .img_real {position:absolute; left:0; top:0; width:100%; height:100%; z-index:1}
.main_gal .photo_box .tit {padding:0 10px; position:relative;}
.main_gal .photo_box .tit .tx {font-size:17px; font-family:"Zilla"; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; line-height:50px; height:50px; }

.main_gal .photo_box:hover .thumb img {transform: scale(1.1);}








/* ********************************************** *
 * ◆◆◆ Main CS
 * ********************************************** */
.main_cs {position:relative; margin-top:100px; padding-top:100px; border-top:1px solid #e0e1e6; overflow:hidden;}
.main_cs li {list-style:none;}
.main_cs .bg {background:#ebecef; position:absolute; right:50%; top:200px; width:50%; height:100%; z-index:-1}
.main_cs .bg2 {background:#ebecef; position:absolute; right:50%; bottom:0; width:100%; height:100%; z-index:-1; display:none;}

.main_cs .main_tit {margin:0px; text-align:left; position:relative; }
.main_cs .main_tit .layout_fix {padding:0px;}
.main_cs .main_tit.this_mo {display:none; text-align:center; padding-bottom:30px; }

.main_cs .in_box {position:relative; overflow:hidden;}
.main_cs .in_table {display:table; width:100%; box-sizing:border-box; table-layout:fixed;}
.main_cs .in_td {display:table-cell; vertical-align:bottom; }
.main_cs .in_td.this_cs {vertical-align:top; position:relative;}
.main_cs .in_td.this_vd {background:red; background:#000 url('../images/kovico/main_play.jpg') center top no-repeat; background-size:auto 100% !important; }

.main_cs .cs_box {position:relative; padding-left:50px; margin:120px 30px 0 0;}
.main_cs .cs_box .icon {position:absolute; left:0; top:0;}
.main_cs .cs_box .icon img {width:40px;}
.main_cs .cs_box dl {display:table; width:100%; box-sizing:border-box; table-layout:fixed;}
.main_cs .cs_box dt,
.main_cs .cs_box dd {display:table-cell; vertical-align:middle;}
.main_cs .cs_box dt {width:33px; font-size:0px;}
.main_cs .cs_box dt img {width:21px;}
.main_cs .cs_box .this_tel {margin-bottom:25px;}
.main_cs .cs_box .this_tel dt {display:none; padding-top:5px;}
.main_cs .cs_box .this_tel dt img {width:20px;}
.main_cs .cs_box .this_add {margin-top:5px;}
.main_cs .cs_box .this_add dt {vertical-align:top;}
.main_cs .cs_box .time {color:#888; font-size:15px; line-height:1.4; margin-top:5px;}
.main_cs .cs_box .tel {color:#003399; font-size:35px; font-weight:600; line-height:1; white-space:nowrap}
.main_cs .cs_box div.tel {display:block; height:40px; line-height:40px;}
.main_cs .cs_box a.tel {display:none;}
.main_cs .cs_box .tx {font-size:17px; color:#555; letter-spacing:-0.5px; word-wrap:break-word; word-break:keep-all; white-space:normal; line-height:1.2;}

.main_cs .go_box {text-align:left; position:absolute; left:0; bottom:0;}
.main_cs .go_box ul {display:table; width:100%; box-sizing:border-box; table-layout:fixed;}
.main_cs .go_box li {display:table-cell; vertical-align:middle; position:relative; padding-left:50px; box-sizing:border-box;}
.main_cs .go_box dl {display:table; box-sizing:border-box; table-layout:fixed; }
.main_cs .go_box dt,
.main_cs .go_box dd {display:table-cell; vertical-align:middle; height:125px; position:relative; white-space:nowrap}
.main_cs .go_box dd {padding-left:30px;}
.main_cs .go_box dt {width:57px;}
.main_cs .go_box dt img {width:100%}
.main_cs .go_box dd {color:#fff; font-weight:700; font-size:30px; line-height:1; padding-top:5px;}
.main_cs .go_box .left {background:#a1a1aa;}
.main_cs .go_box .right {background:#898991;}
.main_cs .go_box .tx_box {display:inline-block; overflow:hidden; position:relative; font-size:inherit}
.main_cs .go_box .tx_box .tx {height:30px; line-height:30px; overflow:hidden; font-size:inherit}
.main_cs .go_box .tx_box .tx {transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
.main_cs .go_box .tx_box .ov_tx {position:absolute; left:0; top:0; width:100%; z-index:2; height:0px; color:#003399;}
.main_cs .go_box .tx_box .ov_bg {position:absolute; left:0; top:0; width:100%; z-index:1; background:#a1a1aa; height:0px;}
.main_cs .go_box .right .ov_bg {background:#898991;}


.main_cs .play_box {overflow:hidden; position:relative;}
.main_cs .play_box .img {}
.main_cs .play_box .img img {width:100%;}
.main_cs .play_box .tx {position:absolute; left:0; top:50%; width:100%; text-align:center; margin-top:-100px;}
.main_cs .play_box .tx strong {display:block; font-family:"Zilla"; color:rgba(255,255,255,0.7); font-size:35px;}
.main_cs .play_box .tx .icon {display:block; margin-top:35px;}
.main_cs .play_box .tx .icon img {width:88px;}
.main_cs .play_box .tx .img_btn {position:relative;}
.main_cs .play_box .tx .img_off {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; font-size:0px;}
.main_cs .play_box .tx .img_over {position:absolute; left:0; top:0; width:100%; font-size:0px;}
.main_cs .play_box .tx .img_over {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }

.main_cs .video_pop {width:50%; right:-50%}








/* ********************************************** *
 * ◆◆◆ Player (common)
 * ********************************************** */
.video_pop {position:absolute; right:-100%; top:0; width:100%; height:100%; z-index:50; background:#000; box-sizing:border-box; padding:0 50px;}
.video_pop {opacity: 0.; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.video_pop {transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.video_pop .btn_close {position:absolute; right:0; top:0; padding:20px; z-index:10; color:#fff; background:#000;}
.video_pop .btn_close {transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; }
.video_pop .btn_close i {display:none; }
.video_pop .btn_close i:before {font-size:16px;}
.video_pop .btn_close .icon {display:block;}

.video_pop .player {position:relative; overflow:hidden;}
.video_pop .player .real_box {width:100%; height:100%; position:absolute; left:0; top:0;}
.video_pop .player .fake_box {overflow:hidden;}
.video_pop .player .fake_box img {width:100%;}

.video_pop .play_table {display:table; width:100%; height:100%;}
.video_pop .play_td {display:table-cell; vertical-align:middle;}

.if_open_play .this_main.video_pop {right:0}
.if_open_play .this_main.video_pop .btn_close {right:0}
.if_open_play .this_main.video_pop .btn_close {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}


.c_popup label.r_design .tx {letter-spacing:0px; font-size:14px;}