@charset "utf-8";

/*
 * File       : layout.css
 * Dependency : css/reset.css
 */

/* **************************************** *
 * CSS Variables
 * **************************************** */

html, body {/*height: 100%;*/}
body {overflow-x:hidden; font-size:15px; font-family:'SeoulNamsanM', 'NotoSansKR', sans-serif;}
a {font-size:15px; color:#333; text-decoration:none;}
[lang="en"] {font-family:'SeoulNamsanM', 'Titillium', 'NotoSansKR', sans-serif;}


/* POPUP */
html.mobile #jt-easy-popup-container .jtpop-bgs { max-width:450px;}


/* INPUT *
input[type=text],
input[type=tel],
input[type=email],
input[type=password],
input[type=url],
textarea {-webkit-appearance: none;-moz-box-sizing: border-box;box-sizing: border-box;outline: none;font-family: sans-serif;}

input[type=submit],
input[type=button],*/


input,select,img{vertical-align:middle;}
img{max-width:100%;}
input:focus, textarea:focus, button:focus {outline:none;}  /* 크롬에서 커서 클릭시 파란색 테두리 제외*/
input[type="submit"], input[type="button"] {-webkit-appearance:none; border-radius:0}
button{border:0 none; padding:0; margin:0; background:transparent; *overflow:visible; cursor:pointer; -webkit-appearance:none; border-radius:0}
button::-moz-focus-inner{border:0; padding:0}

input[type=radio] {border-radius: 100%;}


/* PLACEHOLDER */
::-webkit-input-placeholder {font-family: 'NotoSansKR', sans-serif;font-size: 16px;color: #666;}
::-moz-placeholder {font-family: 'NotoSansKR', sans-serif;font-size: 16px;color: #666;}
:-ms-input-placeholder {font-family: 'NotoSansKR', sans-serif;font-size: 16px;color: #666;}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {color: transparent;}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {color: transparent;}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {color: transparent;}


/* LIST FLOAT CLEAR */
ol:after, ul:after {content: '';clear: both;display: table;}


/* WRAP */
.full_wrap {width: 100%;padding-left: 90px;padding-right: 90px;}
.wrap {max-width: 1200px;margin: 0 auto;}


/* **************************************** *
 * HEADER
 * **************************************** */
#header {z-index: 500;width: 100%;height: 90px;position: fixed;top: 20px;left: 0;-webkit-transition: height 300ms, top 290ms, box-shadow 400ms;transition: height 300ms, top 290ms, box-shadow 400ms;}
.header_wrap {height: 100%;margin: 0 auto;padding-left: 90px;padding-right: 90px;position: relative;}
.header_wrap:before {content: '';display: block;position: absolute;left: 90px;right: 90px;bottom: 0;top: 0;background: #fff;-webkit-transition: all 300ms;transition: all 300ms;}
.header_inner {width: 100%;height: 100%;position: relative;background: #fff;}


/* LOGO */
#logo {width: 151px;height: 27px;position: absolute;left: 50px;top: 33px;z-index: 551;-webkit-transition: top 300ms;transition: top 300ms;}
#logo a {display: block;width: 100%;height: 100%;}
#logo a svg, #logo a img {display: block;width: 100%;height: 100%;}


/* MENU */
.menu_container {display: block;width: 100%;position: relative;font-size: 0;line-height: 1;text-align: center;z-index: 550;}
.menu_container_bg {position: absolute;top: 90px;left: 0;right: 0;bottom: 0; background:#212121; background: rgba(33, 33, 33, .95); opacity:0;}

#menu {display: inline-block;vertical-align: top;}
#menu:after {content: '';display: table;clear: both;}
#menu a {display: block;line-height: 1.7;-webkit-transition: all 0.3s;transition: all 0.3s;}

/* 1depth */
#menu > li {display: inline-block;vertical-align: top;position: relative;}
#menu > li > a {padding: 30px 50px;font-size: 18px;font-weight: 600;color: #222;}
#menu > li:hover > a, #menu > li.current-page-ancestor > a {color: #dd4a1d;}

/* 2depth */
#menu > li > ul {display: none;width: 100%;position: absolute;left: 0;border-right: 1px solid rgba(237, 239, 241, .05);}
#menu > li:last-child ul {border-right: 0;}
#menu > li > ul > li {display: block;}
#menu > li > ul > li > a {padding: 6.5px 15px;font-size: 16px;font-weight: 400;text-align: center;color: #888;}
#menu > li > ul > li:first-child > a {padding-top: 24.5px;}
#menu > li > ul > li:last-child > a {padding-bottom: 36.5px;}
#menu > li > ul > li:hover > a, #menu > li > ul > li.current-menu-item > a, #menu > li > ul > li.current-page-ancestor > a {color: #fff;}

/* lang */
.lang_container {display:block; position:absolute; top:40px; right:100px; z-index:551; -webkit-transition:top 300ms; transition:top 300ms;}
.lang_menu {display: block;}
.lang_menu li {float: left;}
.lang_menu li a {display: block;padding: 0 10.5px;position: relative;font-size: 12px;font-weight: 600;color: #222;}
.lang_menu li a:after {content: '';display: block;width: 1px;height: 8px;position: absolute;top: 50%;right: 0;margin-top: -4px;background: #c7c7c7;}
.lang_menu li:first-child a {padding-left: 0;}
.lang_menu li:last-child a {padding-right: 0;}
.lang_menu li:last-child a:after {display: none;}
.lang_menu li.active a {color: #1c9ad6;}

/* search */
.search_container {position: absolute;top: 38px;right: 50px;z-index: 551;-webkit-transition: top 300ms;transition: top 300ms;}
.search_btn {display: block;width: 20px;height: 20px;position: relative;}
.search_btn:after {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'jt-font';content: '\e932';font-size: 20px;line-height: 1;font-weight: normal;text-align: center;color: #000;-webkit-transition: color 300ms;transition: color 300ms;}
.search_btn:hover:after {color: #1c9ad6;}

/* mobile */
#small_menu_btn, #small_menu_close, #small_menu_overlay, #small_menu_container {display: none;}

/* minimize */
.minimize#header {height: 75px;top: 0;box-shadow: 0 1px 3px rgba(0, 0, 0, .12);}
.minimize .header_wrap:before {left: 0;right: 0;}
.minimize #logo {top: 24px;}
.minimize #menu > li > a {padding:22.5px 50px;}
.minimize .menu_container_bg {top:75px;}
.minimize .lang_container {top:28px;}
.minimize .search_container {top:27.5px;}

/* single active */
.single-notice #menu > li.menu-item-promote > a, .single-career #menu > li.menu-item-career > a, .single-inquiry #menu > li.menu-item-career > a {color: #1c9ad6;}
.single-notice #menu > li > ul > li.menu-item-news > a, .single-career #menu > li > ul > li.menu-item-employment > a, .single-inquiry #menu > li > ul > li.menu-item-career-inquiry > a {color: #fff;}

/* 다국어 예외처리 */
html:not([lang="ko"]) .search_container {display: none;}
html:not([lang="ko"]) .lang_container {right: 50px;}

/* scroll hide menu error debugging */
body.search_open #header, body.open_menu #header {-webkit-transform: none !important;-ms-transform: none !important;transform: none !important;}


/* **************************************** *
 * FOOTER
 * **************************************** */
#footer {width: 100%;padding: 58px 0 110px;position: relative;background: #333;}

.footer_inner {max-width: 1200px;margin: 0 auto;position: relative;}
.footer_small_br {display: none;}

.footer_menu_nav {padding-bottom: 26px;margin-bottom: 35px;border-bottom: 1px solid rgba(255, 255, 255, .1);}
.footer_menu li {float: left;}
.footer_menu li a {display: block;margin-right: 20px;font-size: 15px;color: #aaa;-webkit-transition: color 300ms;transition: color 300ms;}
.footer_menu li:last-child a {margin-right: 0;}
.footer_menu li.privacy a {color: #fefefe;}
.footer_menu li a:hover {color: #fff;}
.footer_menu li.privacy a:hover {color: #bbb;}

.footer_info {position:relative;}
.footer_info p {padding-bottom:0px; font-size:0; line-height:1;}
.footer_info p span, .footer_info p span a {font-size: 13px;color: #9a9a9a;}
.footer_info p span {display: inline-block;padding-right: 12px;position: relative;vertical-align: middle;line-height: 1.6;}
.footer_info p span:last-child {padding-right: 0;}
.footer_info p span a {-webkit-transition: color 300ms;transition: color 300ms;}
.footer_info p span a:hover {color: #fefefe;}
.footer_info p.copyright {padding-top: 20px;padding-bottom: 0;font-size: 12px;font-weight: 300;letter-spacing: 0.015em;}

.family_link {/*width:210px;*/ position:absolute; top:4px; right:0px;}
.family_link a {display: block;margin-bottom: 20px;}
.family_link a:last-child {margin-bottom: 0;}
.family_link figure {font-size: 0;line-height: 1;}
.family_link img {display:inline-block ;max-width: 100%;vertical-align: middle;}
.family_link img.family_link_pic {width:100%; height:auto;}
.family_link img.family_link_txt {width: auto;height: 12px;}
.family_link a.family_link_kcna .family_link_txt {margin-left: 25px;}
.family_link a.family_link_enf {margin-left: -2px;}
.family_link a.family_link_enf .family_link_txt {margin-left: 30px;}


/* **************************************** *
 * SCROLL TOP
 * **************************************** */
.go_top {display: block;width: 59px;height: 59px;position: absolute;top: -22px;right: 90px;cursor: pointer;background: #222;-webkit-transition: opacity 0.3s, background 0.3s;transition: opacity 0.3s, background 0.3s;z-index: 999;}
.go_top:after {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'jt-font';content: '\e900';font-size: 14px;line-height: 59px;font-weight: normal;text-align: center;color: #fff;-webkit-transition: color 300ms;transition: color 300ms;}
.go_top:hover {background: #dd4a1d;}
.go_top.js_go_top_fix {position: fixed;top: inherit;bottom: 15px;}
.go_top.js_go_top_hide {opacity: 0;z-index: -1; visibility:hidden;}


/* **************************************** *
 * SCROLL DOWN
 * **************************************** */
.scroll_down {display: none;width: 76px;height: 76px;position: absolute;bottom: 30px;left: 50%;margin-left: -38px;z-index: 120;-webkit-transition: background 300ms;transition: background 300ms;}
.scroll_down > svg {width: 76px;height: 76px;position: absolute;top: 0;left: 0;}
.scroll_down:after {display: block;width: 20px;height: 20px;position: absolute;left: 50%;top: 50%;content: '\e901';font-family: 'jt-font';font-size: 20px;text-align: center;color: #fff;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.scroll_down:hover {background: #ffffff;background: rgba(255, 255, 255, .15);}
.scroll_down span { position: absolute;height: 1px; width: 1px;  overflow: hidden; clip: rect(1px 1px 1px 1px);}


/* **************************************** *
 * CONTAINER
 * **************************************** */
.main_container {padding-bottom:0px;}


/* **************************************** *
 * PAGE
 * **************************************** */

/* PAGE HEADER */
.article_header {width: 100%;height: -webkit-calc(100vh + 206px);height: calc(100vh + 206px);position: relative;text-align: center;}
.article_header_bg {position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: no-repeat center center;background-size: cover;background-image: url(../images/sub/visual/about-us-visual.jpg);}
.article_header_bg canvas { position: absolute;left: 50%; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0);  top: 0;}

.article_header_inner {height: -webkit-calc(100vh - 159px);height: calc(100vh - 159px);padding-top: 110px;position: relative;}
.article_header_table {display: table;width: 100%;height: 100%;}
.article_header_cell {display: table-cell;width: 100%;vertical-align: middle;}

.article_title {padding: 10px 0 20px;position: relative;font-size: 90px;line-height: 1;font-weight: 200;color: #fff;}
.article_title:after {content: '';display: block;width: 30px;height: 1px;position: absolute;left: 50%;bottom: 0;background: #fff;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.article_sub_title {margin-left: 0.2em;font-size: 30px;font-weight: 200;letter-spacing: 0.2em;color: #fff;}

.article_desc {padding-top: 21px;font-size: 16px;letter-spacing: -0.025em;line-height: 1.875;color: #fff;}
.article_title.secondary {padding-top: 0;}
.article_sub_title.secondary {display: block;padding-bottom: 7px;margin-left: 0;position: relative;font-size: 80px;letter-spacing: 0;}
.article_sub_title.secondary:after {content: '';display: block;width: 30px;height: 1px;position: absolute;left: 50%;bottom: 0;background: #fff;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}

.article_basic_header {padding: 195px 0 75px;}
.article_basic_header h1 {margin-left: 0.2em;font-size: 51px;font-weight: 200;line-height: 1.25;letter-spacing: 0.2em;text-align: center;color: #222;}

/* PAGE NAV */
.article_nav {width: 100%;height: 47px;position: absolute;left: 0;top: 50%;margin-top: 31.5px;z-index: 1;}
.article_nav_btn {display: block;height: 100%;position: absolute;top: 0;color: #fff;}
.article_nav_btn:after {content: '';display: table;clear: both;}

.article_nav_pic {width: 47px;height: 100%;position: relative;text-indent:-9999px; line-height:0;border: 2px solid #ffffff;border: 2px solid rgba(255, 255, 255, .3);border-radius: 50%;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: border-color .5s, -webkit-transform .5s;transition: border-color .5s, -webkit-transform .5s;transition: border-color .5s, transform .5s;transition: border-color .5s, transform .5s, -webkit-transform .5s;}
.article_nav_pic:after {display: block;width: 100%;height: 100%;position: absolute;content: '';background: no-repeat center center;-moz-box-sizing: border-box;box-sizing: border-box;}
.article_nav_pic:before {content: '';display: block;width: 46px;height: 1px;position: absolute;top: 50%;margin-top: -0.5px;background: #fff;-webkit-transition: all .5s cubic-bezier(.165, .84, .44, 1);transition: all .5s cubic-bezier(.165, .84, .44, 1);-moz-box-sizing: border-box;box-sizing: border-box;}

.article_nav_btn:hover .article_nav_pic { -webkit-transform: scale(0.9) rotate(0.05deg); -ms-transform: scale(0.9) rotate(0.05deg); transform: scale(0.9) rotate(0.05deg);}
.article_nav_btn .article_nav_pic {-webkit-transform: rotate(0.05deg);-ms-transform: rotate(0.05deg);transform: rotate(0.05deg);}

.article_nav_title {width: 120px;height: 100%;opacity: 0;-webkit-transition: all .2s cubic-bezier(.165, .84, .44, 1);transition: all .2s cubic-bezier(.165, .84, .44, 1);}
.article_nav_table {display: table;width: 100%;height: 100%;}
.article_nav_cell {display: table-cell;vertical-align: middle;}
.article_nav_title p {font-size: 16px;font-weight: 400;line-height: 1.25;color: #fff;}
.article_nav_title p span {display: inline-block;padding: 0 2px;}

.article_nav_pre {left: 0;}
.article_nav_pre .article_nav_pic, .article_nav_pre .article_nav_title {float: left;}
.article_nav_pre .article_nav_pic:after {background-image: url(../images/icon/icon-arrow-left.svg);}
.article_nav_pre .article_nav_pic:before {left: 20px;}
.article_nav_pre .article_nav_title {margin-left: 15px;text-align: left;-webkit-transform: translateX(8px);-ms-transform: translateX(8px);transform: translateX(8px);}

.article_nav_next {right: 0;}
.article_nav_next .article_nav_pic, .article_nav_next .article_nav_title {float: right;}
.article_nav_next .article_nav_pic:after {background-image: url(../images/icon/icon-arrow-right.svg);}
.article_nav_next .article_nav_pic:before {right: 20px;}
.article_nav_next .article_nav_title {margin-right: 15px;text-align: right;-webkit-transform: translateX(-8px);-ms-transform: translateX(-8px);transform: translateX(-8px);}

.article_nav_btn:hover .article_nav_pic {border-color: #fff;}
.article_nav_btn:hover .article_nav_pic:before {width: 0px;-webkit-transition: all .2s cubic-bezier(.645, .045, .355, 1);transition: all .2s cubic-bezier(.645, .045, .355, 1);}
.article_nav_btn:hover .article_nav_title {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);opacity: 1;-webkit-transition-delay: 200ms;transition-delay: 200ms;}


/* BREADCRUMB */
.article_breadcrumbs {height: 159px;margin-top: -365px;position: relative;}
.article_breadcrumbs_inner {background: #fff;}

.breadcrumb {padding: 77px 0 60px;}
.breadcrumb li {float: left;position: relative;}
.breadcrumb li a, .breadcrumb li span {display: block;font-size: 15px;font-weight: 400;line-height: 1.4;color: #666;-webkit-transition: color 300ms;transition: color 300ms;}
.breadcrumb li a:hover {color: #1c9ad6;}

.breadcrumb li.separator {padding: 0 5px;}
.breadcrumb li.separator span {font-size: 0;}
.breadcrumb li.separator span:after {display: block;font-family: 'jt-font';content: '\e93b';font-size: 10px;font-weight: normal;line-height: 22px;color: #aaa;}

.breadcrumb li.home {margin-right: 10px;}
.breadcrumb li.home a {font-size: 0;}
.breadcrumb li.home a:after {display: block;font-family: 'jt-font';content: '\e92c';font-size: 16px;font-weight: normal;line-height: 21px;color: #212121;}
.breadcrumb li.home + li.separator {display: none;}

/* PAGE BODY */
.article_body {position: relative;}


/* **************************************** *
 * SINGLE
 * **************************************** */
.single_view_container {padding-top: 19px;}
.single_view_header {display: table;width: 100%;padding-bottom: 34px;}

.jt_single_title {display: table-cell;width: 100%;vertical-align: top;}
.jt_single_title h2 {font-size: 30px;font-weight: 400;line-height: 1.35;color: #222;}

.jt_single_notice {display: table-cell;width: auto;vertical-align: top;}
.jt_single_notice .jt_single_notice_mark {display: block;width: 63px;height: 29px;margin-top: 7px;margin-right: 18px;font-size: 15px;line-height: 29px;font-weight: 600;text-align: center;letter-spacing: -0.025em;color: #1c9ad6;border: 1px solid #1c9ad6;}

.jt_single_state {display: table-cell;width: auto;vertical-align: top;}
.jt_single_state .jt_single_state_mark {display: block;width: 82px;height: 29px;margin-top: 7px;margin-right: 18px;font-size: 15px;line-height: 29px;font-weight: 600;text-align: center;letter-spacing: -0.025em;color: #aaa;border: 1px solid #ddd;}
.jt_single_state_mark.complete {color: #1c9ad6;border-color: #1c9ad6;}
.jt_single_secret {display: inline-block;position: relative;font-size: 0;}
.jt_single_secret:after {content: '';display: block;font-family: 'jt-font';content: '\e94a';font-size: 24px;line-height: 1;font-weight: normal;color: #1c9ad6;}

.single_view_body {padding-bottom: 80px;}
.single_view_info {width: 100%;min-height: 67px;margin-bottom: 40px;padding: 0 21px;font-size: 0;text-align: right;border-top: 1px solid #5c5c5c;border-bottom: 1px solid #eee;}
.single_view_info > *:first-child {padding-left: 0;}
.single_view_info > *:last-child {padding-right: 0;}
.single_view_info > *:after {content: '';display: block;width: 1px;height: 13px;position: absolute;right: 0;top: 50%;margin-top: -6.5px;background: #d4d4d4;}
.single_view_info > *:last-child:after {display: none;}
.single_view_info span, .single_view_info time {display: inline-block;padding: 0 19px;position: relative;vertical-align: top;font-size: 15px;line-height: 65px;color: #888;}
.single_view_info b {display: inline-block;padding-right: 7px;font-weight: 400;color: #000;}
.single_view_info span.author {font-weight: 600;color: #444;}
.single_view_content a {word-break: break-all;}

.single_view_wrap,
.single_view_content h1,
.single_view_content h2,
.single_view_content h3,
.single_view_content h4,
.single_view_content h5,
.single_view_content h6,
.single_view_content p,
.single_view_content ul,
.single_view_content ol,
.single_view_content blockquote,
.single_view_content hr {max-width: 800px;margin-left: auto;margin-right: auto;}

.single_view_content img,
.single_view_content div.wp-caption {display: block;max-width: 100%;height: auto;margin-left: auto;margin-right: auto;}

.single_view_content h1,
.single_view_content h2,
.single_view_content h3 {margin-bottom: 20px;font-size: 20px;font-weight: 400;line-height: 1.4;color: #222;}

.single_view_content p {margin-bottom: 32px;font-size: 16px;font-weight: 400;line-height: 2.07;color: #666;}
.single_view_content a {font-weight: 600;color: #666;border-bottom: 1px solid #666;-webkit-transition: all 300ms;transition: all 300ms;}
.single_view_content a:hover {color: #1c9ad6;}
.single_view_content ul, .single_view_content ol {margin-bottom: 32px;}
.single_view_content li {position: relative;font-size: 16px;font-weight: 400;line-height: 2.07;color: #666;}
.single_view_content ul li {padding-left: 13px;}
.single_view_content ul li:before {content: '';display: block;width: 4px;height: 4px;position: absolute;top: 14px;left: 0;background: #222;border-radius: 50%;}
.single_view_content blockquote {margin-bottom: 32px;padding-left: 20px;border-left: 4px solid #222;}
.single_view_content blockquote p {margin: 0;font-style: italic;}

.single_view_content img {margin-top: 65px;margin-bottom: 65px;}
.single_view_content > img:first-child {margin-top: 0;}

.single_view_content div.wp-caption {margin-top: 65px;margin-bottom: 65px;}
.single_view_content div.wp-caption img {margin-top: 0;margin-bottom: 0;}
.single_view_content div.wp-caption p.wp-caption-text {margin-top: 6px;margin-bottom: 0;font-size: 13px;font-weight: 400;text-align: center;color: #666;}
.single_view_content hr {margin-top: 0;margin-bottom: 32px;border: none;border-bottom: 2px solid #ddd;}

.download_files_list {margin-top: 80px;padding-left: 20px;border-left: 3px solid #1c9ad6;}
.download_files_list b {display: block;padding-left: 25px;position: relative;font-size: 16px;font-weight: 600;letter-spacing: -0.025em;line-height: 1.6;color: #222;}
.download_files_list b:before {display: block;width: 18px;height: 15px;position: absolute;left: 0;top: 50%;margin-top: -8.5px;font-family: 'jt-font';content: '\e92f';font-size: 16px;line-height: 1;font-weight: normal;text-align: center;color: #222;}
.download_files_list a {display: inline-block;vertical-align: middle;font-size: 16px;font-weight: 400;line-height: 1.6;color: #666;border-bottom: 1px solid transparent;-webkit-transition: border 300ms;transition: border 300ms;}
.download_files_list a:hover {border-bottom-color: #1c9ad6;}
.download_files_list i.comma {display: inline-block;vertical-align: middle;padding-right: 8px;font-style: normal;line-height: 1.6;}

.single_btn_wrap {max-width: 800px;margin: 0 auto 45px;}

.jt_video_wrap {max-width: 1200px;margin-left: auto;margin-right: auto;margin-bottom: 40px;}
.jt_video_container {position: relative;width: 100%;padding-top: 56.25%;}
.jt_video_container iframe {width: 100%;height: 100%;position: absolute;top: 0;left: 0;-moz-box-sizing: content-box;box-sizing: content-box;}
.jt_video_poster {width: 100%;height: 100%;position: absolute;top: 0;left: 0;cursor: pointer;}
.jt_video_poster .jt_video_poster_img {display: block;width: 100%;margin: 0;}
.jt_video_poster_overlay {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #000000;background: rgba(0, 0, 0, .8);}
.jt_video_poster_overlay_btn {display: block;width: 70px;height: 70px;position: absolute;top: 50%;left: 50%;margin-left: -35px;margin-top: -35px;border: 1px solid #fff;border-radius: 50%;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: background 250ms;transition: background 250ms;}
.jt_video_poster_overlay_btn:after {display: block;width: 100%;height: 100%;padding-left: 2%;position: absolute;top: 0;left: 0;font-family: 'jt-font';content: '\e91a';font-size: 14px;line-height: 70px;font-style: normal;font-weight: normal;text-align: center;color: #fff;-webkit-transition: color 300ms;transition: color 300ms;}
.jt_video_poster:hover .jt_video_poster_overlay_btn {background-color: #fff;}
.jt_video_poster:hover .jt_video_poster_overlay_btn:after {color: #1c9ad6;}

.jt_embed_video_container {max-width: 1200px;margin-left: auto;margin-right: auto;margin-bottom: 40px;}
.jt_embed_video_container_inner {position: relative;width: 100%;padding-top: 56.25%;}
.jt_embed_video_container iframe[src*="youtube"],
.jt_embed_video_container iframe[src*="vimeo"] {width: 100%;height: 100%;position: absolute;top: 0;left: 0;-moz-box-sizing: content-box;box-sizing: content-box;}
.jt_empty_space {display: block;height: 50px;max-width: 800px;margin-left: auto;margin-right: auto;}

/* COMMENTS */
.single_comments {padding: 0 21px;}
.single_comments .comment-list {padding: 37px 41px 63px;background: #f8f8f8;border-top: 1px solid #e9e9e9;margin-top: 120px;}
.single_comments .comment-list > li {display: block;width: 100%;}
.single_comments .comment-head {padding-bottom: 22px;font-size: 0;line-height: 1;}
.single_comments .comment-head > * {display: inline-block;vertical-align: middle;position: relative;}
.single_comments .author-name {padding-right: 30px;font-size: 16px;line-height: 1;font-weight: 600;color: #666;}
.single_comments .author-name:after {content: '';display: block;vertical-align: middle;width: 1px;height: 10px;position: absolute;top: 50%;right: 15px;margin-top: -4px;background: #bbb;}
.single_comments .comment-date {font-size: 16px;font-weight: 400;line-height: 1;color: #888;}
.single_comments .comment-body {font-size: 16px;font-weight: 400;line-height: 1.75;color: #777;}
.admin_comment_inner {padding-top: 30px;}
.admin_comment_typo {padding-bottom: 15px;font-size: 17px;font-weight: 600;line-height: 1.25;color: #222;}
.admin_comment_submit .jt_form_control {padding-top: 20px;}


/* **************************************** *
 * SEARCH
 * **************************************** */

/* popup */

/*body.search_open {overflow: hidden;}*/
.search_open #logo {z-index: 10000;}
#search_popup {display: none;width: 100%;padding-left: 90px;padding-right: 90px;position: fixed;top: 0;left: 0;right: 0;background: #fff;box-shadow: 0 1px 3px rgba(0, 0, 0, .12);z-index: 9999;}
.search_popup_inner {width: 100%;height: 100%;padding: 0 125px 0 250px;position: relative;}
.search_form {width: 100%;height: 100%;max-width: 1200px;margin: 0 auto;padding: 59px 0 49px 0;position: relative;-webkit-transition: padding 300ms;transition: padding 300ms;}
.search_label {display: block;padding-bottom: 18px;font-size: 16px;color: #666;-webkit-transition: padding 300ms;transition: padding 300ms;}

.search_form_input {width: 100%;height: 80px;position: relative;}
.search_form_input:after {content: '';display: block;width: 0px;height: 4px;position: absolute;bottom: 0;left: 0;background: #222;-webkit-transition: width 400ms ease;transition: width 400ms ease;}

.search_field {font-size: 34px;font-weight: lighter;line-height: 1;color: #222;}
.search_form input.search_field {display: block;width: 100%;height: 100%;padding: 0 50px 0 0;position: relative;border: none;background: transparent;outline: none;border-bottom: 4px solid #ddd;}
.search_field::-ms-clear {display: none;width: 0;height: 0;}

.search_submit {height: 100%;width: 32px;padding: 0;position: absolute;right: 0;top: 0;background: none;border: none;outline: none;cursor: pointer;}
.search_submit:after {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'jt-font';content: '\e932';font-size: 33px;line-height: 80px;font-weight: normal;text-align: center;color: #ddd;-webkit-transition: color 300ms;transition: color 300ms;-webkit-transition-delay: 0ms;transition-delay: 0ms;}

.search_form.active .search_form_input:after {width: 100%;}
.search_form.active .search_submit:after {color: #222;-webkit-transition-delay: 200ms;transition-delay: 200ms;}

.search_popup_close {display: none;width: 50px;height: 50px;position: absolute;top: 45px;right: 35px;opacity: 1;-webkit-transition: top 300ms;transition: top 300ms;}
.search_popup_close:after {display: block;width: 100%;height: 100%;font-family: 'jt-font';content: '\e944';font-size: 32px;font-weight: normal;text-align: center;line-height: 50px;color: #222;}

.minimize .search_form {padding-top: 30px;padding-bottom: 40px;}
.minimize .search_label {padding-bottom: 8px;}
.minimize .search_popup_close {top: 16px;}

/* view */
.search .main_container {background: #f7f7f7;}
.search .jt_pagination {margin-top: 25px;}

.search_info {padding-bottom: 26px;}
.search_info p {font-size: 16px;color: #222;}
.search_info p span {color: #1c9ad6;}

.search_list > li {float: left;width: 23.5%;height: 294px;margin-right: 2%;margin-bottom: 2%;background: #fff;box-shadow: 1px 2px 14px 0px rgba(0, 0, 0, .05);}
.search_list > li:nth-child(4n) {margin-right: 0;}
.search_list > li:nth-child(4n+1) {clear: both;}
.search_list > li > a {display: block;width: 100%;height: 100%;padding: 34px 29px;position: relative;}
.search_list > li > a:after {content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;border: 1px solid #222;opacity: 0;-webkit-transition: opacity 300ms;transition: opacity 300ms;}

.search_data {width: 100%;height: 100%;position: relative;}
.search_data .search_tax {display: block;font-size: 16px;color: #888;}
.search_data .search_title {margin: 11px 0 9px;font-size: 21px;line-height: 1.42;color: #222;max-height: 2.84em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.search_data .search_desc {font-size: 16px;line-height: 1.75;color: #666;max-height: 3.50em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.search_data .search_date {display: block;position: absolute;left: 0;bottom: 0;font-size: 16px;color: #666;}
.search_list > li > a:hover:after {opacity: 1;}
.search_nodata {padding: 120px 0;text-align: center;background: #fff;border: 1px solid #ddd;}
.search_nodata p {font-size: 16px;line-height: 1.75;color: #222;}

/* **************************************** *
 * 404
 * **************************************** */
.error404 .main_container {padding-bottom: 0;}
.error404 .go_top {display: none;}
.error_404 {padding: 356px 0 361px;position: relative;}
.error_404_bg {position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: url(../images/layout/404-bg.jpg) no-repeat center center;background-size: cover;}
.error_404_container {position: relative;text-align: center;}
.error_404_container h1 {margin-left: 0.5em;font-size: 51px;letter-spacing: 0.5em;font-weight: 200;color: #fff;}
.error_404_container p {padding: 14px 0 34px;font-size: 16px;line-height: 1.75;color: #fff;}


/* 사이트맵 */
#sitemap{position:relative; width:100%; clear:both; overflow:hidden; background-color:#f0f0f0;}
#sitemap .sitemap_in{position:relative; margin:0 auto; width:1280px; overflow:hidden; padding:65px 0;}
	.sitemap_in dl{float:left; width:25%;}
	.sitemap_in dl.one{width:40%; margin-right:6%}
	.sitemap_in dt{font-size:19px; color:#222; letter-spacing:-0.3pt; font-weight:normal; padding:0 0 10px 0;}
	.sitemap_in dt.two{padding-top:40px;}
	.sitemap_in dl.one dd{display:inline-block; width:50%; margin-right:-4px;}
	.sitemap_in dd{line-height:30px}
	.sitemap_in dd a{line-height:30px; letter-spacing:-0.3pt; color:#888;}


/* 게시판 페이징 */
.page_num { position: relative; width: 100%; text-align: center; padding:20px 0 0 0 }
.page_num ul.pagination { display: inline-block; padding: 0; margin: 0 }
.page_num ul.pagination li { display: inline }
.page_num ul.pagination li a {color:#888888;text-decoration: none;  margin: 0 1px; font-family:"Poppins", "Noto Sans KR", sans-serif; font-size:17px; margin:0 3px;}
.page_num ul.pagination li.arrow1 a, .page_num ul.pagination li.arrow2 a{color: #a9a9a9; letter-spacing:-0.3pt; } 
.page_num ul.pagination li.arrow1{margin:0 1px 0 9px}
.page_num ul.pagination li.arrow1:nth-child(2){margin:0 9px 0 1px}
.page_num ul.pagination li a.active { font-weight:700; color:#222; text-decoration:underline;  }