@charset 'utf-8';

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


/* **************************************** *
 *  ◆◆◆ Sub Common Design
 * **************************************** */

/* ◆ page visual */
.page_visual {overflow:hidden; background-color:#ddd !important; background-size:auto !important; background-position:center center !important; background-repeat:no-repeat !important; text-align:center; padding:0 15px;}
.page_visual.bg_01 {background-image:url('../images/kovico/sub/sub_vs_01.jpg');}
.page_visual.bg_02 {background-image:url('../images/kovico/sub/sub_vs_02.jpg');}
.page_visual.bg_03 {background-image:url('../images/kovico/sub/sub_vs_03.jpg');}
.page_visual.bg_04 {background-image:url('../images/kovico/sub/sub_vs_04.jpg');}
.page_visual.bg_05 {background-image:url('../images/kovico/sub/sub_vs_05.jpg');}
.page_visual.bg_06 {background-image:url('../images/kovico/sub/sub_vs_06.jpg');}
.page_visual .in_table {display:table; width:100%; table-layout:fixed;}
.page_visual .in_td {display:table-cell; vertical-align:middle; height:320px;}

.page_visual .depth1 {color:#fff; font-size:60px; font-weight:900; line-height:1;}
.page_visual .location {margin-top:15px; font-size:20px; color:rgba(255,255,255,0.5); overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; max-width:100%;}
.page_visual .location {padding:0 5px; box-sizing:border-box;}
.page_visual .location ul {display:table; margin:0 auto;}
.page_visual .location li {display:table-cell; line-height:1; font-size:20px; color:rgba(255,255,255,0.5); padding:0 3px;}
.page_visual .location em {padding:0 2px;}


/* ◆ page title */
.page_title {}
.page_title .in_table {display:table; width:100%;}
.page_title .in_td {display:table-cell; vertical-align:middle; height:175px; font-family:"Zilla"; font-size:50px; color:#000; line-height:1.2; font-weight:700; word-wrap:break-word; word-break:keep-all;}
.page_title .in_td {padding:30px 100px 30px 0;}


/* ◆ page layout */
.c_cection.design_page li {list-style:none;}


/* ◆ page bottom contact */
.p_contact {position:relative; background-color:#ddd !important; background-size:auto 100% !important; background-position:center top !important; background-repeat:no-repeat !important; text-align:center; margin-top:150px;}
.p_contact {padding:0 30px;}
.p_contact.bg1_1 {background-image:url('../images/kovico/sub/sub1-1_bg.jpg');}
.p_contact.bg1_2 {background-image:url('../images/kovico/sub/sub1-2_bg.jpg');}
.p_contact.bg2_1 {background-image:url('../images/kovico/sub/sub2-1_bg.jpg');}
.p_contact.bg2_2 {background-image:url('../images/kovico/sub/sub2-2_bg.jpg');}
.p_contact.bg3_1 {background-image:url('../images/kovico/sub/sub3-1_bg.jpg');}
.p_contact.bg3_3 {background-image:url('../images/kovico/sub/sub3-3_bg.jpg');}
.p_contact.bg4_1 {background-image:url('../images/kovico/sub/sub4-1_bg.jpg');}
.p_contact.bg4_2 {background-image:url('../images/kovico/sub/sub4-2_bg.jpg');}
.p_contact.bg4_3 {background-image:url('../images/kovico/sub/sub4-3_bg.jpg');}
.p_contact.bg4_4 {background-image:url('../images/kovico/sub/sub4-4_bg.jpg');}

.p_contact .in_table {display:table; width:100%;}
.p_contact .in_td {display:table-cell; vertical-align:middle; height:562px;}
.p_contact .picto {position:absolute; left:0; top:0; text-align:center; width:100%; margin-top:-40px;}
.p_contact .picto img {width:80px;}
.p_contact dl {max-width:960px; display:inline-block;}
.p_contact dt {color:#fff; font-size:50px; font-weight:600; word-wrap:break-word; word-break:keep-all; white-space:normal; line-height:1.1;}
.p_contact dd {color:#fff; font-size:20px; word-wrap:break-word; word-break:keep-all; white-space:normal; line-height:1.3; margin-top:30px;}
.p_contact .btn_box {margin-top:60px; overflow:hidden; text-align:center;}
.p_contact .btn_box .btn {background:#0055ff; position:relative;}
.p_contact .btn_box .tx {color:#fff; height:64px; line-height:64px; font-size:20px; font-weight:500; padding:0 60px; box-sizing:border-box; white-space:nowrap; overflow:hidden;}
.p_contact .btn_box .ov_tx {position:absolute; left:0; top:0; width:100%; color:#0055ff !important; z-index:2; height:0px !important;}
.p_contact .btn_box .ov_bg {position:absolute; left:0; top:0; width:100%; background:#fff; z-index:1; height:0px !important;}
.p_contact .btn_box .tx {transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out;}

.p_contact.if_mh .in_td {height:420px;}
.p_contact.if_mh dt {font-size:35px; font-weight:400; line-height:1.2;}






/* **************************************** *
 *  ◆◆◆ Sub Contents Design
 * **************************************** */

/* ◆ dual layoout */
.p_double {}
.p_double .in_table {display:table; width:100%; box-sizing:border-box; table-layout:fixed;}
.p_double .in_td {display:table-cell; vertical-align:top; box-sizing:border-box;}
.p_double .in_td.left {padding-right:50px;}
.p_double .in_td.right {padding-left:90px;}
.p_double .in_td.right .p_photo {margin-top:0px;}


/* ◆ text box */
.p_txt {overflow:hidden; margin-top:45px;}
.p_txt:first-child {margin-top:0px !important;}
.p_txt dt {color:#003399; font-size:40px; font-weight:500; line-height:1.2; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.p_txt dd {color:#888; font-size:20px; font-weight:400; line-height:1.3; word-wrap:break-word; word-break:keep-all; white-space:normal; letter-spacing:-0.2px;}
.p_txt dt+ dd {margin-top:10px;}
.p_txt .point {position:relative; padding:2px 0 2px 17px;}
.p_txt .point:before {content:"•"; position:absolute; left:1px; top:2px; font-size:1em;}


/* ◆ photo box */
.p_photo {overflow:hidden; margin-top:55px; position:relative;}
.p_photo li {font-size:0px; list-style:none;}
.p_photo li+ li {margin-top:100px;}
.p_photo img {width:100%;}
.p_photo .table {margin:0 -20px;}
.p_photo .table+ .table {padding-top:20px;}
.p_photo .ul {display:table; width:100%; box-sizing:border-box; table-layout:fixed; border-collapse:separate; border-spacing:20px 0;}
.p_photo .li {display:table-cell; vertical-align:middle; font-size:0px;}
.p_photo .img {position:relative;}


/* ◆ point pictogram */
.p_point {text-align:center; margin-top:45px;}
.p_point ul {display:table; box-sizing:border-box; table-layout:fixed;}
.p_point li {display:table-cell; vertical-align:top; list-style:none;}
.p_point li+ li {padding-left:80px;}
.p_point .one {}
.p_point .picto {font-size:0px; width:100px; display:inline-block;}
.p_point .picto .img img {width:100%;}
.p_point .tx {color:#003399; font-size:20px; font-family:"Zilla"; font-weight:500; line-height:1; margin-top:15px; white-space:nowrap}
.p_point .tx u {display:inline}
.p_point+ .p_txt {margin-top:80px;}
.p_point+ *+ .p_txt {margin-top:80px;}
.p_point .line {height:2px; background:#003399; margin:50px 11px 0;}


/* ◆ p_bgwrap */
.p_bgwrap {overflow:hidden; position:relative; padding-top:100px;}
.p_bgwrap .bg {background:#ebecef; position:absolute; right:50%; bottom:100px; width:100%; height:100%; z-index:-1; margin-right:-300px;}
.p_bgwrap+ .p_bgwrap {margin-top:150px;}
.p_bgwrap.bg_full {padding-bottom:100px;}
.p_bgwrap.bg_full .bg {right:0; bottom:0; margin-right:0px;}


/* ◆ p_bubox */
.p_bubox {padding:100px; background:#ebecef;}
.p_bubox li {list-style:none;}
.p_bubox .in_table {display:table; width:100%; box-sizing:border-box; table-layout:fixed;}
.p_bubox .in_td {display:table-cell; vertical-align:top; box-sizing:border-box;}
.p_bubox .in_td.left {padding-right:50px; text-align:center;}
.p_bubox .in_td.right {padding-left:28px;}
.p_bubox .p_point {margin-top:0px; display:inline-block;}


/* ◆ p_cebox */
.p_cebox {overflow:hidden; background:#ebecef; }
.p_cebox .p_txt .img {float:right; padding:0 100px 80px; }
.p_cebox .p_txt dt {padding:100px 0 0 100px; }
.p_cebox .p_txt dt+ dd {margin-top:25px;}
.p_cebox .p_txt dd {padding:0 100px;}
.p_cebox .p_txt dd+ dd {margin-top:100px; padding:100px; background:#fff; padding-bottom:0 !important;}
.p_cebox.if_ce2 .p_txt dd {padding-bottom:80px}
.page_certificate .p_photo {margin-top:100px;}
.page_certificate .p_photo .table {margin:0 -30px;}
.page_certificate .p_photo .table .ul {border-spacing:30px 0;}
.page_certificate .p_photo .table .ul+ .ul {margin-top:30px;}


/* ◆ p_pre */
.p_pre {margin:0 auto; text-align:center; font-size:0px; background:#f0f2f6; padding:150px 0;}
.p_pre img {max-width:100%; width:72px;}
.p_pre dd {font-size:23px; line-height:1.3; color:#aaa; margin-top:20px;}





/* ◆ p_play */
.p_play {position:relative; overflow:hidden;}
.p_play .play_box {overflow:hidden; position:relative;}
.p_play .play_box .img {}
.p_play .play_box .img img {width:100%;}
.p_play .play_box .tx {position:absolute; left:0; top:50%; width:100%; text-align:center; margin-top:-65px; z-index:1;}
.p_play .play_box .tx strong {display:block; color:#fff; font-size:20px;}
.p_play .play_box .tx .icon {display:block; margin-bottom:20px;}
.p_play .play_box .tx .icon img {width:88px;}
.p_play .play_box .tx .img_btn {position:relative;}
.p_play .play_box .tx .img_off {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; font-size:0px;}
.p_play .play_box .tx .img_over {position:absolute; left:0; top:0; width:100%; font-size:0px;}
.p_play .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; }

/* .p_play .video_pop {width:50%; right:-50%} */

.p_view {margin-top:74px; position:relative;}
.p_view li {font-size:0px; list-style:none;}
.p_view img {width:100%;}
.p_view .view_inner {position:relative;}
.p_view .table {overflow:hidden;}
.p_view .ul {margin:-18px 0 0 -18px; overflow:hidden;}
.p_view .li {font-size:0px; width:50%; float:left;}
.p_view .img {position:relative; margin:18px 0 0 18px}
.p_view .ov_box {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); }
.p_view .ov_box {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; opacity: 0; -ms-filter:alpha(opacity=0); filter:alpha(opacity=0);}
.p_view .ov_box .icon {position:absolute; left:50%; top:50%; width:56px; height:56px; margin:-28px 0 0 -28px;}

.p_view .view_rolling {position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; background:#fff; box-shadow:0px 0px 15px rgba(204,204,204,0.95); }
.p_view .view_box {width:100%; height:100%; position:relative;}
.p_view .view_box .img { width:100%; table-layout:fixed; height:100%; overflow:hidden; margin:0}
.p_view .view_box .img img {width:100%;}
.p_view .view_box .inner {display:table-cell; vertical-align:middle;}
.p_view .close_btn {position:absolute; left:50%; top:-37px; padding:10px;  z-index:11; margin-left:-37px; }
.p_view .close_btn .icons {line-height:53px; width:100%; text-align:center; width:55px; height:55px; background:#ddd; border:1px solid #ddd; box-sizing:border-box; border-radius:100px; overflow:hidden;}
.p_view .close_btn .icons.img_mo {display:none;}
.p_view .close_btn .icons.img_pc {padding-top:17px;}
.p_view .close_btn .icons img {width:19px;}
.p_view .close_btn .icons:before {font-size:20px; color:#000;}
.p_view .prevnext {position:absolute; top:50%; margin-top:-23px;}
.p_view .prevnext.prev {left:10px; text-align:left;}
.p_view .prevnext.next {right:10px; text-align:right;}
.p_view .prevnext a {padding:10px;}
.p_view .prevnext .icon {}
.p_view .prevnext .icons {}
.p_view .prevnext .icons:before {font-size:27px; color:#999; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
/* .p_view .if_open_carview .close_btn {display:block;}
.p_view .if_open_carview .view_rolling {height:100%; opacity: 1; -ms-filter:alpha(opacity=100); filter:alpha(opacity=100); overflow:visible;}
.p_view .if_open_carview .view_rolling .img {display:table; height:100%;} */

.p_view .tab_box {margin-bottom:60px;}
.p_view .tab_box ul {display:table; width:100%; table-layout:fixed; box-sizing:border-box; box-sizing:border-box;}
.p_view .tab_box li {display:table-cell; vertical-align:middle; border:1px solid #ddd; height:80px; position:relative; cursor:pointer;}
.p_view .tab_box .tab {font-size:23px; color:#999; text-align:center; width:100%; font-weight:300;}
.p_view .tab_box .tab strong {font-weight:600;}
.p_view .tab_box .line {position:absolute; left:-1px; right:-1px; top:-1px; height:2px; background:#333; z-index:1; display:none;}
.p_view .tab_box .hit {border-bottom:1px solid #fff;}
.p_view .tab_box .hit .tab {color:#333;}
.p_view .tab_box .hit .line {display:block;}

.p_view .number {position:absolute; left:0; bottom:15px; width:100%; text-align:center; font-size:17px; color:#999; font-weight:300;}
.p_view .number .inner {border-radius:100px; padding:5px 20px; background:rgba(255,255,255,0.5);}
.p_view .number strong {color:#333; font-weight:500;}

.if_pro2 .p_view {margin-top:101px;}
.if_pro3 .p_view {margin-top:85px;}
.if_pro4 .p_view {margin-top:128px;}




/* ◆ p_gallery */
.p_gallery {margin-top:100px; position:relative; }
.p_gallery li {list-style:none;}
.p_gallery .in_box {padding:100px; background:#ebecef; position:relative;}
.p_gallery .table {}
.p_gallery .ul {margin-left:-20px; margin-top:-20px; overflow:hidden;}
.p_gallery .ul+ .ul {margin-top:20px;}
.p_gallery .li {float:left; width:25%;}
.p_gallery .img { position:relative; margin-left:20px; margin-top:20px;}
.p_gallery .img_pc {width:100%;}
.p_gallery .ov_box {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); }
.p_gallery .ov_box {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; opacity: 0; -ms-filter:alpha(opacity=0); filter:alpha(opacity=0);}
.p_gallery .ov_box .icon {position:absolute; left:50%; top:50%; width:56px; height:56px; margin:-28px 0 0 -28px;}
.p_gallery .more_btn {width:100%; background:#fff; text-align:center; margin-top:20px; height:50px; line-height:50px;}
.p_gallery .more_btn .txt {font-family:"Zilla"; font-size:16px; color:#666;}
.p_gallery .more_btn .icons {font-size:12px; padding-left:10px;}

.p_gallery .view_rolling {position:absolute; left:0; top:0; width:100%; z-index:10;  padding:100px; box-sizing:border-box; background:#ebecef;}
.p_gallery .view_box {box-sizing:border-box; position:relative; background:#fff; box-shadow:0px 0px 15px rgba(204,204,204,0.95);}
.p_gallery .view_box .img_box {width:100%; height:100%;}
.p_gallery .view_box .img_box {background:#fff; box-shadow:0px 0px 10px rgba(204,204,204,0.95); }
.p_gallery .view_box .img {display:table; width:100%; table-layout:fixed; height:100%; overflow:hidden; margin:0}
.p_gallery .view_box .img img {width:100%;}
.p_gallery .view_box .inner {display:table-cell; vertical-align:middle;}
.p_gallery .close_btn {position:absolute; left:50%; top:-37px; padding:10px;  z-index:11; margin-left:-37px; }
.p_gallery .close_btn .icons {line-height:52px; width:100%; text-align:center; width:55px; height:55px; background:#fff; border:1px solid #fff; box-sizing:border-box; border-radius:100px; overflow:hidden;}
.p_gallery .close_btn .icons.img_mo {display:none;}
.p_gallery .close_btn .icons.img_pc {padding-top:17px;}
.p_gallery .close_btn .icons img {width:19px;}
.p_gallery .close_btn .icons:before {font-size:19px; color:#000;}
.p_gallery .prevnext {position:absolute; top:50%; margin-top:-23px;}
.p_gallery .prevnext.prev {left:25px; text-align:left;}
.p_gallery .prevnext.next {right:25px; text-align:right;}
.p_gallery .prevnext a {padding:10px;}
.p_gallery .prevnext .icon {}
.p_gallery .prevnext .icons {}
.p_gallery .prevnext .icons:before {font-size:27px; color:#999; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}

/* .p_gallery .view_box {position:absolute; left:0; top:0; width:100%; height:0; z-index:10; overflow:hidden; box-sizing:border-box;}
.p_gallery .view_box {transition: opacity 0.3s ease-in-out; -webkit-transition: opacity 0.3s ease-in-out; opacity: 0; -ms-filter:alpha(opacity=0); filter:alpha(opacity=0);}
.p_gallery .view_box .img_box {width:100%; height:100%;}
.p_gallery .view_box .img_box {background:#fff; box-shadow:0px 0px 10px rgba(204,204,204,0.95); }
.p_gallery .view_box .img {display:table; width:100%; table-layout:fixed; height:0; overflow:hidden; margin:0}
.p_gallery .view_box .img img {width:100%;}
.p_gallery .view_box .inner {display:table-cell; vertical-align:middle;}
.p_gallery .close_btn {display:none; position:absolute; left:50%; top:-17px; padding:10px;  z-index:11; margin-left:-37px;}
.p_gallery .close_btn .icons {line-height:52px; width:100%; text-align:center; width:54px; height:54px; background:#fff; border:1px solid #fff; box-sizing:border-box; border-radius:100px; overflow:hidden;}
.p_gallery .close_btn .icons:before {font-size:19px; color:#000;}
.p_gallery .if_open_cargall .close_btn {display:block;}
.p_gallery .if_open_cargall .view_box {height:100%; opacity: 1; -ms-filter:alpha(opacity=100); filter:alpha(opacity=100); overflow:visible; padding-top:20px;}
.p_gallery .if_open_cargall .view_box .img {display:table; height:100%;} */

.p_gallery .tab_box {margin-bottom:50px;}
.p_gallery .tab_box .table {display:table; width:100%; table-layout:fixed; box-sizing:border-box;}
.p_gallery .tab_box ul {display:table-row;}
.p_gallery .tab_box li {display:table-cell; vertical-align:middle; height:69px; border:1px solid #ddd; cursor:pointer;}
.p_gallery .tab_box .no_tab {cursor:auto;}
.p_gallery .tab_box .tab {display:block; text-align:center; font-size:19px; color:#999; word-wrap:break-word; word-break:keep-all; padding:0 10px; line-height:1.2;}
.p_gallery .tab_box .hit {background:#003399 !important; }
.p_gallery .tab_box .hit .tab {color:#fff;}


.p_gallery .number {position:absolute; left:0; bottom:50px; width:100%; text-align:center; font-size:19px; color:#999; font-weight:300;}
.p_gallery .number strong {color:#333; font-weight:500;}












/* Use only other style each page ----------------------------------------------------------------------------------------------------- */


/* **************************************** *
 *  ◆◆◆ 1) About Us
 * **************************************** */
.page_about {}





/* **************************************** *
 * ◆◆◆ 2) Business
 * **************************************** */
.page_business {}
.page_business .p_photo {margin:0}
.page_business .p_photo li {margin:0}
.page_business .p_photo .table {margin:0}
.page_business .p_photo .table .ul {border-spacing:0}
.page_business .p_point+ .p_txt {margin-top:45px;}





/* **************************************** *
 * ◆◆◆ 3) Certificate
 * **************************************** */
.page_certi {}





/* **************************************** *
 * ◆◆◆ 4) Products
 * **************************************** */
.page_product {}
.page_product .p_txt dt {font-size:30px; font-weight:700;}
.page_product .p_txt dt+ dd {margin-top:25px;}
.page_product .p_txt {margin-top:65px;}

.page_product .p_photo {overflow:visible;}
.page_product .p_photo .table {margin:0 -18px;}
.page_product .p_photo .ul {border-spacing:18px 0;}
.page_product .p_photo .ul+ .ul {margin-top:18px;}
.page_product .p_double .in_td.left {padding-right:0; position:relative;}
.page_product .p_double .in_td.left .p_txt {padding-right:50px;}
.page_product .p_double .in_td.left .p_photo {margin-top:75px; }
.page_product .p_double .in_td.right .p_photo {overflow:hidden;}
.page_product .p_double .in_td.right li+ li {margin-top:90px;}







/* **************************************** *
 * ◆ Other Common Program pages
 * **************************************** */

.rb_list .list .tbody li {font-size:0.88em;}
.rb_list .t_date {width:130px; }
.rb_list .posting .title {font-size:1em;}

.rb_view .prevnext dt .tx {line-height:18px;}
.rb_view .prevnext dt .icons {line-height:18px;}
.rb_view .conts * { word-wrap:break-word; word-break:keep-all;}

.rb_top .total { font-size:0.9em;}
.rb_top .total strong { font-size:0.9em;}
.rb_top .search .select select { font-size:0.9em !important;}
.rb_top .search .select option { font-size:0.9em !important;}
.rb_top .search_form .input_search { font-size:0.9em !important;}
.rb_top .search .select .icons {font-size:0.7em;}

.rb_paginate .number a {font-size:16px;}