@charset "utf-8";

/*
 * File       : component.css
 * Author     : STUDIO-JT (KMS)
 * Guideline  : JTstyle.1.1
 *
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 1) TABS
 * 2) SITEMAP
 * 3) LOGIN
 * 4) CONTACT FROM 7
 * 5) SLICK
 * 6) VIDEO
 * 7) A11Y
 */



/* **************************************** *
 * TABS
 * **************************************** */
/* TABS */
.tabs_menu li { width: 50%; }
.tabs_num_2 .tabs_menu li { width: 50%; }
.tabs_num_3 .tabs_menu li { width: 33.3333333333%; }
.tabs_num_4 .tabs_menu li { width: 25%; }
.tabs_num_5 .tabs_menu li { width: 20%; }
.tabs_num_6 .tabs_menu li { width: 16.6666666667%; }
.tabs_num_7 .tabs_menu li { width: 14.2857142857%; }
.tabs_num_8 .tabs_menu li { width: 12.5%; }
.tabs_num_9 .tabs_menu li { width: 11.1111111111%; }
.tabs_num_10 .tabs_menu li { width: 10%; }
.tabs_num_11 .tabs_menu li { width: 9.09090909091%; }
.tabs_num_12 .tabs_menu li { width: 8.33333333333%; }
.tabs_menu {float: left;width: 100%;margin: 0 auto 32px;}
.tabs_menu li {float: left;position: relative;background: #f9f9f9;border: solid #dedede;border-width: 1px 1px 1px 0;-webkit-transition: background 300ms;transition: background 300ms;}
.tabs_menu li:first-child {border-left-width: 1px;}
.tabs_menu li a {display: block;width: 100%;height: 54px;line-height: 54px;font-size: 18px;font-weight: bold;text-align: center;text-decoration: none;color: #333;border: none;}
.tabs_menu li:hover {background: #f5f5f5;}
.tabs_menu li.active {background: #fff;border-top-width: 2px;border-top-color: #0b21ee;border-bottom: none;}
.tabs_menu li:hover a, .tabs_menu li.active a {color: #0b21ee;}
.tabs_panels > div {display: none;}
.tabs_panels > div:first-child {display: block;}

/* clear editor default style */
ul.tabs_menu {list-style: none;}
ul.tabs_menu li {padding-left: 0;}
ul.tabs_menu li:before {display: none;}



/* **************************************** *
 * SITEMAP
 * **************************************** */
.sitemap_menu:after {content: '';display: table;clear: both;}
ul.sitemap_menu li > ol, ul.sitemap_menu li > ul {margin-bottom: 0;}
ul.sitemap_menu > li {float: left;width: 30.5%;margin-right: 4.25%;margin-bottom: 6%;padding-left: 0;}
ul.sitemap_menu > li:before {display: none;}
.sitemap_menu li a {display: block;font-size: 15px;line-height: 1.95;color: #777;}
.sitemap_menu > li:nth-child(3n) {margin-right: 0;}
.sitemap_menu > li:nth-child(3n+1) {clear: both;}
.sitemap_menu > li > a {padding-bottom: 8px;font-size: 19px;line-height: 1.5;font-weight: 600;color: #0b21ee;border-bottom: 1px solid #0b21ee;}
.sitemap_menu > li > ul > li > a {padding: 12px 0;font-size: 15px;font-weight: 600;color: #444;border-bottom: 1px solid #EDEDED;}
.sitemap_menu > li > ul > li.menu-item-has-children > a {padding-bottom: 0;border: none;}
.sitemap_menu > li > ul > li > ul {padding: 2px 0 12px;border-bottom: 1px solid #EDEDED;}
.sitemap_menu > li > ul > li > ul > li {position: relative;padding-left: 13px;}
.sitemap_menu > li > ul > li > ul > li:before {content: '';display: block;width: 3px;height: 3px;margin: auto 0;position: absolute;top: 0;bottom: 0;left: 0;background: #c1c1c1;}
.sitemap_menu > li > ul > li > ul > li > a {border: none;}



/* **************************************** *
 * LOGIN
 * **************************************** */
.jt_login {width:384px; margin:0 auto;}

/* logo */
.jt_login .login_logo_wrap {}
.jt_login .login_logo_wrap a {display: block;border: none;}
.jt_login .login_logo_wrap img {display: block;max-width: 100%;max-height: 100%;margin: 0 auto;}

/* content */
.login_content {margin: 20px 0 16px 0;padding: 20px 0;border-top: 2px solid #ddd;border-bottom: 1px solid #ddd;}

/* sns login */
.jt_login .social_login_wrap {}
.jt_login .social_login_wrap > a {display: block;height: 53px;font-size: 15px;line-height: 51px;color: #fff;border: 1px solid;margin-top: 10px;}
.jt_login .social_login_wrap > a:first-child {margin-top:0;}
.jt_login .social_login_wrap > a > span {float: left;height: 100%;padding-left: 20px;border-left: 1px solid rgba(255, 255, 255, .3);}
.jt_login .social_login_wrap > a > i {float: left;width: 58px;height: 100%;position: relative;text-align: center;border-right: 1px solid;}
.jt_login .social_login_wrap > a > i:before {content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'jt-font';font-size: 23px;line-height: 53px;text-align: center;font-style: normal;color: #fff;}
.jt_login .social_login_wrap .login_facebook {background-color:#3a5897; border-color:#2b4886;}
.jt_login .social_login_wrap .login_facebook > i {border-color:#2f4782;}
.jt_login .social_login_wrap .login_facebook > i:before {content: '\e90c';}
.jt_login .social_login_wrap .login_naver {background-color:#1ec800; border-color:#0fb100;}
.jt_login .social_login_wrap .login_naver > i {border-color:#0fb100;}
.jt_login .social_login_wrap .login_naver > i:before {content: '\e92c';font-size: 18px;}
.jt_login .social_login_wrap .login_kakao {background-color:#ffea0f; border-color:#f2dc00; color:#3b1e1e;}
.jt_login .social_login_wrap .login_kakao > i {border-color:#fcdb00;}
.jt_login .social_login_wrap .login_kakao > i:before {content: '\e92b';font-size: 21px;color: #000;}

/* line */
.jt_login .login_or_line {position:relative; height:15px; margin-top:20px; margin-bottom:15px; line-height:15px; font-size:15px; text-align:center; color:#666;}
.jt_login .login_or_line:before {content:''; display:block; width:100%; height:1px; position:absolute; top:5px; left:0; background:#e9e9e9;}
.jt_login .login_or_line > span {position:relative; display:inline-block; width:44px; background:#fff;}

/* login */
.jt_login .login_wrap {}
.jt_login .login_wrap > div {margin-top:11px;}
.jt_login .login_wrap > div:first-child {margin-top:0;}
.jt_login .login_wrap input {-webkit-transition: 300ms;transition:300ms;}
.jt_login .login_wrap .jt_form_field:hover, .jt_login .login_wrap .jt_form_field:focus {border:1px solid #bda79a;}
.jt_login .login_wrap .user_id_wrap {}
.jt_login .login_wrap .user_pw_wrap {}
.jt_login .login_wrap .remember_id_wrap {margin:12px 0 14px 0;}
.jt_login .login_wrap .remember_id_wrap span {font-size:13px; color:#666;}
.jt_login .login_wrap .login_btn {height: 53px;font-weight: 500;color: #fff;border-radius: 0px;background: #0b21ee;}
.jt_login .login_wrap .login_btn:hover {opacity: 0.8;}

/* error */
.jt_login .login_wrap .login_error {position: relative;background: #fef0f0;border: 1px solid #ff0000;border-radius: 2px;}
.jt_login .login_wrap .login_error:before {content: '';display: block;width: 23px;height: 21px;position: absolute;top: 50%;left: 19px;margin-top: -10.5px;background: url(../images/icon/icon-caution.svg) no-repeat center center;}
.jt_login .login_wrap .login_error p {padding: 17.5px 30px 17.5px 63px;font-size: 13px;line-height: 1.65;color: #ff0000;}
.jt_login .login_wrap .login_error .close {display: block;width: 20px;height: 20px;position: absolute;top: 4px;right: 4px;font-size: 0;background: url(../images/icon/icon-close.svg) no-repeat center center;border-bottom: none;}

/* other */
.jt_login .login_other {font-size:0; text-align:center;}
.jt_login .login_other a {display: inline-block;margin: 0 9px;position: relative;font-size: 14px;color: #666;border: none;border-bottom: 1px solid transparent;-webkit-transition: 300ms;transition: 300ms;}
.jt_login .login_other a:hover {color:#333; border-color:#333;}
.jt_login .login_other a:before {content: '';display: block;width: 1px;height: 13px;position: absolute;left: -9px;top: 50%;margin-top: -6.5px;background: #ddd;}
.jt_login .login_other a:first-child:before {display: none;}



/* **************************************** *
 * contact From 7
 * **************************************** */
.wpcf7-form p {padding-bottom: 0;}

/* clear default editor style */
div.wpcf7 {position: relative;}
div.wpcf7 .ajax-loader {position: absolute;width: 16px;height: 16px;left: 50%;top: 50%;margin-top: -8px;margin-left: 35px;}
div.wpcf7-mail-sent-ok, div.wpcf7-validation-errors {width: 100%;margin: 0;margin-top: -122px;padding: 12px 20px 12px 53px;position: absolute;font-size: 14px;background: no-repeat 20px center;border: none;border-radius: 3px;}
div.wpcf7-mail-sent-ok {color: #0b21ee;background-color: #b5bcfa;background-color: rgba(11, 33, 238, 0.3);background-image: url(../images/icon/icon-success.png);}
div.wpcf7-validation-errors {color: #ed1a1a;background-color: #f4c3bf;background-color: rgba(220, 55, 43, 0.3);background-image: url(../images/icon/icon-error.png);}
span.wpcf7-not-valid-tip {margin-top: 4px;padding: 12px 20px;font-size: 14px;color: #6e673d;background-color: #f1ebc6;background-color: rgba(207, 189, 67, 0.3);border-radius: 3px;}



/* **************************************** *
 * SLICK
 * **************************************** */
.slick-list, .slick-track {height: 100%;}



/* **************************************** */ 
/* A11Y */
/* **************************************** */
.sr-only { position: absolute;height: 1px; width: 1px;  overflow: hidden; clip: rect(1px 1px 1px 1px); /* IE7 */ clip: rect(1px, 1px, 1px, 1px);}
.use-keyboard .focus-input {outline: 1px dotted #999;outline: -webkit-focus-ring-color auto 5px;}
.use-keyboard select:focus, .use-keyboard input:focus, .use-keyboard a:focus, .use-keyboard button:focus {outline:1px dotted #999; outline: -webkit-focus-ring-color auto 5px;}