@charset "utf-8";
/*
Theme Name: KTB NETWORK (KTB 네트워크)
Theme URI: http://studio-jt.co.kr
Description:
Author: STUDIO-JT (Nico)
Author URI: http://studio-jt.co.kr
Version: 1.0

License:
License URI:
*/

/*
 * Dependency : css/font-face.css
 * Dependency : css/commons.css
 *
 * SUMMARY:
 * 1) GENERAL
 * 2) KBOARD STYLE
 * 3) COMPONENT
 * 4) HEADER
 * 5) FOOTER
 * 6) MAIN
 * 7) SUB PAGE
 * 8) PHILOSOPHY
 * 9) COMPANIES
 * 10) TEAM
 * 11) CONTACT
 * 12) SITEMAP
 * 13) EMAIL POLICY
 * 14) ATTACHMENT
 * 15) MEMBERSHIP
 * 16) TML STYLE
 * 17) 404
 * 18) ANIMATION
 *
 */


/* **************************************** *
 * GENERAL
 * **************************************** */
body,textarea { font-size: 16px; font-family:Gotham, NotoSansCJKkr, "Malgun Gothic", sans-serif;/* padding-top:80px */ }
html,
body { overflow: hidden; }
.wrap { max-width: 1200px; margin: auto; }
.content_container { }
a { font-size: 15px; color: #8289DA; text-decoration: none; }
h1 { font-size: 42px; line-height: 1.316; font-weight: 600; color: #222; padding: 70px 0 45px;}
h2 { font-size: 38px; line-height: 1.316; font-weight: 700; color: #222; }
h3 { font-size: 35px; line-height: 1.343; font-weight: 600; color: #222; }
h4 { font-size: 24px; line-height: 1.500; font-weight: 600; color: #333; }
h5 { font-size: 19px; line-height: 1.632; font-weight: 600; color: #333; }
h6 { font-size: 15px; line-height: 1.933; font-weight: 600; color: #555; }
p { font-size: 14px; line-height: 1.8; font-weight: 400; color: #666; }



/* **************************************** *
/* TEAM
 * **************************************** */

.team .ktb_nav > ul { width: 290px; position: relative; }
.team .ktb_nav_submenu {display: block;left: 0; width: 290px;}
.team #team_nav_china .ktb_nav_submenu{left: -146px;}
.team .ktb_nav_submenu li a { width: 145px }
.team nav.ktb_nav { padding: 45px 0 100px 0; }
.ktb_nav li.ktb_nav_has_submenu > a { padding-right: 52px; position: relative; }
.ktb_nav li.ktb_nav_has_submenu > a:before { content: ""; display: block; position: absolute; right: 20px; top: 6px; width: 12px; height: 10px; background: url('images/sub/companies-select-arrow.png') no-repeat right center; }
.ktb_nav li.ktb_nav_has_submenu.ktb_nav_active > a:before { background-position: left center; }
.ktb_nav { postion: relative }
.ktb_nav > ul:before,
.ktb_nav > ul:after { content: ""; display: block; position: absolute; top: 4px; background: #dbdbdb; height: 14px; width: 1px; }
.ktb_nav > ul:before { left: 0; }
.ktb_nav > ul:after { right: 0; }
.team_list { opacity: 0; }
.team_member_img_container {  position: relative;}
.team_list .team_member_name_secondary {color: #222;font-size: 16px;background: url('images/btn-arrow-dark.png') no-repeat right -100px;line-height: 24px;margin-top: 10px;}
.team_list li,
.team_list li a { float: left; display: block; }
.team_list > ul { width: 120%; float: left; }
.team_list { overflow: hidden; clear: both; margin-bottom: 130px; }
.team_list li { margin-right: 1.75%; margin-bottom: 35px; width: 15.27%; }
.team_list li img {max-width: 100%;height: auto;display: block;}
.team_list li a:hover .team_member_name_secondary { background-position: right center }
.team_list li a { position: relative; }
.team_member_overlay {position: absolute;background: rgba(0,0,0,0);-webkit-transition: background 800ms;transition: background 800ms;left: 0;right: 0;top: 0;bottom: 0;color: #fff;}
.team_member_overlay_inner span { display: block; opacity: 0; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); -webkit-transition: opacity 500ms, -webkit-transform 500ms; transition: opacity 500ms, -webkit-transform 500ms; transition: transform 500ms, opacity 500ms; transition: transform 500ms, opacity 500ms, -webkit-transform 500ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; }
span.team_member_name { font-size: 23px; font-weight: 700; }
span.team_member_job { font-size: 14px; color: #dadada; }
.team_member_overlay_inner { position: absolute; bottom: 30px; left: 20px; }
.team_list li a:hover .team_member_overlay { background: rgba(0,0,0,.47); }
.team_list li a:hover .team_member_overlay_inner span { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; -webkit-transition-delay: 300ms; transition-delay: 300ms; }
.team_list li a:hover .team_member_overlay_inner span.team_member_job { font-size: 14px; -webkit-transition-delay: 500ms; transition-delay: 500ms; }
.china_site_btn  {text-align:center;padding-top: 25px;clear: both;}
.china_site_btn a { font-size: 15px;}

/* team single */
section.team_single { position: fixed; top: 100%; left: 0; right: 0; bottom: 0; background: #fff; z-index: 99; overflow: hidden; box-shadow: 30px 0px 30px rgba(0,0,0,.1); }
.team_single_portrait { width: 50%; float: left; background: #f3f3f3 no-repeat center bottom; background-size: cover; height: 100%; }
.team_single_portrait img { width: 100%; height: auto; margin: auto; display: block; }
.team_single_info { float: right; width: 50%; height: 100%; position: relative; }
.team_single_info_inner { width: 100%; height: 100%;display: table; }
.team_single_info_box { display: table-cell; vertical-align: middle; }
.team_single_info_box_inner { width: 305px; margin: auto }
.team_single_info_box h1 { font-size: 48px; padding: 0; border-top: 5px solid #1a2273; padding-top: 35px; }
p.team_single_info_subtitle { color: #1a2273; font-size: 16px; font-weight: bold; text-indent: 7px; padding-bottom: 40px; position:relative; left: -6px;}
ul.team_single_info_detail h2 { font-size: 16px; color: #1a2273; padding-bottom: 10px; }
ul.team_single_info_detail p { padding-bottom: 30px; }

#team_single_close { position: absolute; width: 40px; height: 40px; background: url('images/sub/team-close.png') no-repeat center bottom; display: block; top: 120px; right: 60px; opacity: 0; overflow: hidden; text-indent: -9999px; }

.team_single_nav { position: absolute; top: 50%; left: 50%; margin-top: -85px; margin-left: -38px; border: 1px solid #dedede;}
.team_single_nav a { background: #fff url('images/sub/team-view-arrow-down.png') no-repeat left center; display:block; width: 76px; height: 85px; text-indent: -9999px; overflow: hidden;}
.team_single_nav a:hover {background-position: -76px center;}
.team_single_nav a:first-child { background-image: url('images/sub/team-view-arrow-up.png');}
.team_single_nav:before {content: "";background: #dedede;height: 1px;width: 50px;display: block;top: 50%;z-index: 2;position: absolute;left: 50%;margin-left: -25px;}