@charset "utf-8";

/*
 * File       : rwd-layout.css
 * Author     : STUDIO-JT (KMS)
 * Guideline  : JTstyle.1.1
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 01)
 */

/* **************************************** *
 * 1843px
 * **************************************** */
@media (max-width: 1843px){
	/* HEADER */
	.header_wrap {max-width: inherit;margin: 0 30px;}
}

/* **************************************** *
 * 1800px
 * **************************************** */
@media (max-width: 1800px){
    /* #logo {left: 60px;} */
    .search_container { top: 28px; right: 60px;}
	.global_search_field_wrap { width: 260px; height: 54px; }
	.global_search_field {padding: 0 54px 0 15px;}
	.global_search_submit { width: 54px; }
	.global_search_submit:after { line-height: 54px; }

}/* 1800px */


/* **************************************** *
 * 1700px
 * **************************************** */
@media(max-width: 1700px){
	.home .wrap { max-width: inherit; margin: 0 90px; }
	.footer_inner { max-width: inherit; margin: 0 90px; }
}


/* **************************************** *
 * 1380px
 * **************************************** */
@media (max-width: 1380px){
    /* LAYOUT */
    .wrap {max-width: inherit;margin: 0 6.5%;}
	.menu_container { text-align: right; padding-right: 111px; }
    .main_container, .page-template-default .main_container {padding-bottom: 13%;}
	.main_container { padding-top: 80px; }

	#header { height: 80px; }

	#logo { top: 29px; width: 227px; height: 24px; }
	#menu > li > a { padding: 29px 17.5px 27px; font-size: 16px; }

	.lang_container { top: 21px; }

	.search_container {display: none;}
	.global_search_open_btn { display: block; top: 21px;right: 61px;}
	.global_search_popup_inner { padding: 40px 90px; }
	.global_search_label { letter-spacing: -0.025em; padding-bottom: 14px; }
	.global_search_field_wrap { width: 100%; height: 70px; }
	.global_search_field_wrap input { background: transparent; border-bottom: 3px solid #ddd; }
	.global_search_submit { width: 28px; }
	.global_search_submit:after { line-height: 70px; font-size: 27px; }
	.global_search_popup_close {top: 42px;right: 33px;width: 24px;height: 24px;}
	.global_search_popup_close span:after { font-size: 20px; line-height: 24px; color: #666; }

    /* SEARCH - RESULT PAGE */
    .search_result_list > li {height: 270px;}

}/* 1380px */


/* **************************************** *
 * 1340px
 * **************************************** */

@media(max-width: 1340px){
	.home .wrap { margin: 0 40px; }
	.footer_inner { margin: 0 40px; }

	#menu > li > a {padding-left: 20px; padding-right: 20px;}
}


/* **************************************** *
 * 1200px
 * **************************************** */
@media (max-width: 1200px){
    /* LAYOUT */
    .wrap {margin: 0 3%;}

	/* PAGE */
	.breadcrumb {right: 3%;}

    /* SEARCH - RESULT PAGE */
    .search_result_list > li {height: 255px;}
    .search_result_list > li > a {padding: 28px 24px;}

}/* 1200px */


/* **************************************** *
 * 1023px
 * **************************************** */
@media (max-width: 1023px){
    /* LAYOUT */
    .wrap {margin: 0 30px;}
	.home .wrap {margin: 0 30px}

    .main_container, .page-template-default .main_container {padding-top: 70px;}

	#small_menu_container:after { content: ''; width: 100%; height: 70px; position: absolute; top: 0; left: 0; background: #fff; border-bottom: 1px solid #dddd; }

	#small_menu_container {top: 0; height: 100%}
	.small_menu_container_inner {height:100%; padding-top:70px; padding-bottom:62px; }
	.small_menu_container_inner::-webkit-scrollbar {display:none;}

	/* PAGE */
	.breadcrumb { right: 30px; }
    .article_header_inner {padding-top: 100px; padding-bottom: 20px;}
    .article_title {font-size: 38px;}
	.article_visual_title {font-size: 36px;}
	.article_body { padding-top: 100px; padding-bottom: 120px; }

    /* MENU OPEN */
	body.open_menu { position: fixed;top: 0;left: 0;right: 0;bottom: 0; width: 100%;height: 100%;overflow: hidden;}

    /* HEADER */
    #header {height: 70px;border-bottom: 1px solid #ddd;-webkit-box-shadow: none;box-shadow: none;-webkit-transition: height 300ms;transition: height 300ms;}
	.header_wrap {margin: 0 20px;}

    .menu_container, .search_container {display: none;}

    #logo {width: 189px;height: 20px;top: 25px;}

    .small_screen_menu li {display: block;width: 100%;}
    .small_screen_menu a {display: block;position: relative;letter-spacing: -0.025em;line-height: 1.6;color: #666;}
    .small_screen_menu ul.sub-menu {display: none;background: #f8f8f8;border-top: 1px solid #ddd;}
	.small_screen_menu > li { border-bottom: 1px solid #ddd; }
	.small_screen_menu > li.current-menu-ancestor > a {color: #B5121B;}
	.small_screen_menu > li > a { padding: 20px 20px 18px; color: #222; font-size: 16px;font-weight: 600;background: #fff;}
    .small_screen_menu > li > ul > li {border-top: 1px solid #ddd;}
    .small_screen_menu > li > ul > li:first-child {border-top: none;}
    .small_screen_menu > li > ul > li > a {padding: 15px 20px 14px; font-size: 15px;font-weight: 400;}
    .small_screen_menu > li > ul > li.current-menu-item > a,
    .small_screen_menu > li > ul > li.current-menu-ancestor > a,
	body.single-notice .small_screen_menu > li > ul > li.jt-menu-notice > a,
	body.single-news .small_screen_menu > li > ul > li.jt-menu-news > a {color: #B5121B;}
    .small_screen_menu li.menu-item-has-children > a:after {display: block;width: 18px;height: 18px;position: absolute;right: 12px;top: 50%;margin-top: -9px;font-family: 'jt-font';content: '\e93d';font-size: 12px;font-weight: normal;text-align: center;line-height: 18px;color: #B5121B;-webkit-transition: -webkit-transform 350ms;transition: -webkit-transform 350ms;transition: transform 350ms;transition: transform 350ms, -webkit-transform 350ms;}
	.small_screen_menu li.menu-item-has-children > a:after { display: none; }
    .small_screen_menu li.menu-item-has-children.active > a:after {-webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}
    html.ios .small_screen_menu > li > a {padding-top: 14px;padding-bottom: 12px;}
    html.ios .small_screen_menu > li > ul > li > a {padding-top: 13px;padding-bottom: 11px;}
    html.ios .small_screen_menu > li > ul > li > ul {padding-top: 11px;padding-bottom: 9px;}
    html.ios .small_screen_menu > li > ul > li > ul > li > a:before {top: 14px;}

	.small_screen_menu > li > ul > li.active > a { position: relative; background: #B5121B; color: #fff; }
	.small_screen_menu > li > ul > li.menu-item-has-children > a:before { content: '\e929'; position: absolute; top: 18px; right: 28px; font-family: 'jt-font'; font-size: 10px; color: #222; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; -webkit-transition: transform 300ms; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); }
	html.ios .small_screen_menu > li > ul > li.menu-item-has-children > a:before { top:14px;}
	.small_screen_menu > li > ul > li.menu-item-has-children.active > a:before { color: #fff; -webkit-transform: scale(0.7) rotate(180deg); -ms-transform: scale(0.7) rotate(180deg); transform: scale(0.7) rotate(180deg); }
	.small_screen_menu > li > ul > li > ul { padding: 14px 20px; }
	.small_screen_menu > li > ul > li > ul > li { padding-left: 11px; position: relative; margin: 15px 0; }
	.small_screen_menu > li > ul > li > ul > li:before { content: ''; display: block; width: 3px; height: 3px; background: #B5121B; position: absolute; top: 11px; left: 0; }
	.small_screen_menu > li > ul > li > ul > li > a { font-family: 'Gotham', 'NotoSansKR', sans-serif; letter-spacing: 0; font-weight: 400; color: #222; font-size: 15px; }
	.small_screen_menu > li > ul > li > ul > li.current-menu-item > a { color: #B5121B; }
	.small_screen_menu > li:first-child > ul > li > a { font-family: 'Gotham', 'NotoSansKR', sans-serif; font-weight: 500; letter-spacing: 0; }

    #small_menu_btn {display: block;}
    #small_menu_overlay {display: none;position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: #000000;background: rgba(0, 0, 0, .6);z-index: 600;}
    #small_menu_container {display: block; width: 100%; height: 100%;margin: 0;position: fixed;top: 0;bottom: 0; z-index: 650;-webkit-overflow-scrolling: touch; max-width: 580px; right: 0; -webkit-transform: translate(100%); -ms-transform: translate(100%); transform: translate(100%); opacity: 0; }
    .small_menu_container_inner {width: 100%;height: 100%;position: relative;overflow-y: scroll;-ms-overflow-style: none;background: #fff;}

    .minimize#header {height: 60px;background: #ffffff;background: rgba(255, 255, 255, .9);border-bottom: none;-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12);box-shadow: 0 1px 3px rgba(0, 0, 0, .12);}
    .minimize #logo {top: 20px;}
    .minimize #small_menu_btn {top: 21px;}
	.minimize .global_search_open_btn {top: 10px;}

	.global_search_open_btn {display: block; top: 15px; right: 30px;}

	/* LANG */
	.lang_container { position: fixed; display: block; top: auto; bottom: 0; right: 0; z-index: 1000000; width: 100%; max-width: 580px; background: #444; height: 62px; opacity: 0; visibility: hidden;}
	.lang_menu .selectric { display: none; }
	.lang_menu .selectric-items { display: block; opacity: 1; top: auto; top: 0; right: 0; z-index: 1000000; /* position: fixed; */ background: #444; }
	.lang_menu .selectric-items ul { padding: 23px 10px 22px; min-height: unset; line-height: 1; }
	.lang_menu .selectric-items li { background: transparent; display: inline-block; width: auto; color: #888; border-bottom: 0; padding: 0 10px; min-height: unset; position: relative;}
	.lang_menu .selectric-items li:after { content: ''; display: block; width: 1px; height: 8px; background: #666; position: absolute; top: 3px; right: 0; }
    html.ios .lang_menu .selectric-items li:after {top:4px;}
	.lang_menu .selectric-items li:last-child:after {display: none;}
	.lang_menu .selectric-items li a {color: #888;}
	.lang_menu .selectric-items li.selected { background: none; color: #fff; }
	.lang_menu .selectric-items li.selected a {color: #fff;}

    /* FOOTER */
    .footer_inner {margin: 0 30px;}
	.footer_logo {display: none;}
	.footer_info { text-align: center; }

    .footer_menu {font-size: 0;text-align: center;}
    .footer_menu > li {display: inline-block;float: none;}

	.footer_bottom {text-align: center;}

    .footer_sns_wrap {margin-top: 15px;position: static;}

    /* SEARCH - RESULT PAGE */
    .search_result_info p {font-size: 15px;}
    .search_result_list > li {width: 32%;height: 250px;}
    .search_result_list > li:nth-child(4n) {margin-right: 2%;}
    .search_result_list > li:nth-child(4n+1) {clear: none;}
    .search_result_list > li:nth-child(3n) {margin-right: 0;}
    .search_result_list > li:nth-child(3n+1) {clear: both;}
    .search_result_data .search_tax {font-size: 15px;}
    .search_result_data .search_title {font-size: 19px;}
    .search_result_data .search_desc {font-size: 15px;}
    .search_result_data .search_date {font-size: 15px;}

    /* PRIVACY */
    .privacy_intro {padding: 22px 28px;}
    .privacy_box_title {padding-bottom: 12px;margin-bottom: 12px;font-size: 17px;}
    .privacy_box {margin-bottom: 35px;}
    .privacy_box p {margin-bottom: 18px;font-size: 15px;}
    .privacy_box b {font-size: 15px;}
    .privacy_box li {font-size: 15px;}
    .privacy_box > ul > li {padding-left: 12px;}
    .privacy_box > ul > li:before {top: 10px;}
    .privacy_box > ul > li > ul {margin-bottom: 18px;}

	/* 404 */
	.error_404_title {margin-bottom: 25px;}
	.error_404_title_img svg {max-width: 540px;}

}/* 1023px */


/* **************************************** *
 * 768px
 * **************************************** */
@media (max-width: 768px){
    /* LAYOUT */
    body {font-family: sans-serif;}

    .main_container, .page-template-default .main_container {padding-top: 60px;}

    .article_header_inner {padding-top: 80px; border-bottom-width: 2px;}
    .article_title {font-size: 33px;}
	.article_breadcrumbs {display: none;}
	.breadcrumb {display: none;}

    /* HEADER */
    #header {height: 60px;}
	.header_wrap {margin: 0 15px;}
    #logo {width: 170px;height: 18px; top: 22px;}
	.minimize #logo {top: 22px;}
    #small_menu_btn {top: 21px; right: 15px;}
	#small_menu_container {top: 0; height: 100%}
	.small_menu_container_inner {height:100%; padding-top:60px; padding-bottom:62px; }
	.global_search_open_btn {top: 10px;}
	#small_menu_container:after {height: 60px}
	.small_menu_container_inner {padding-top: 60px}

    /* FOOTER */
    #footer {padding-top: 25px; padding-bottom: 60px;}

    .footer_menu { margin-bottom: 20px; }
    .footer_menu > li > a { padding: 0; padding-left: 12px;padding-right: 12px;font-size: 14px;}
    .footer_menu > li > a:after {height: 10px;margin-top: -5px;}
	html.ios .footer_menu > li > a:after {margin-top: -7px;}

    .footer_sns_wrap {margin-top: 12px;}
    .footer_sns > li {width: 36px;height: 36px;margin: 0 4px;}
    .footer_sns > li > a {line-height: 34px;}
    .footer_sns > li > a:after {font-size: 12px;}
    .footer_sns > li.instagram > a:after {font-size: 14px;}
    .footer_sns > li.naver > a:after {font-size: 12px;}

    .footer_bottom {padding-top: 20px; }
    .footer_info {margin-bottom: 0; padding-bottom: 20px;}
	.footer_info p {display: block;}
	.footer_info p + p {margin-top: 8px;}
    .footer_info p span, .footer_info p span a {font-size: 14px;}
    .footer_info p span:after {height: 10px;margin-top: -5px;}
    .copyright {font-size: 11px; letter-spacing: 0.1em}

    /* SCROLL TOP */
    .go_top {display: none;}

	/* SEARCH */
	.global_search_popup_inner { padding: 20px 22px }
	.global_search_form.focus .global_search_label {opacity: 0;}
	.global_search_form.active .global_search_label {display:none;}
	.global_search_label { position: absolute; padding-bottom: 0; top: -3px; padding-left: 30px; }
	.global_search_label { font-size: 14px; color: #aaa; letter-spacing: -0.025em; line-height: 1.87; }
	.global_search_field_wrap { height: 20px; position: relative; }
	.global_search_field_wrap input { border-bottom: 0; padding-bottom:2px; padding-left: 30px; }
	.global_search_submit { left: 0; width: 20px; }
	.global_search_submit:after { line-height: normal; font-size: 20px; color: #ccc; }
	.global_search_form.active .global_search_field_wrap:after { display:none;}
	.global_search_popup_close {top: 18px;right: 18px;}

    /* SEARCH - RESULT PAGE */
    .search_result_info {padding-bottom: 20px;}
    .search_result_info p {font-size: 14px;}
    .search_result_list > li {width: 49%;height: 230px;}
    .search_result_list > li:nth-child(odd) {margin-right: 2%;clear: both;}
    .search_result_list > li:nth-child(even) {margin-right: 0;clear: none;}
    .search_result_list > li > a {padding: 25px 20px;}
    .search_result_data .search_tax {font-size: 14px;}
    .search_result_data .search_title {font-size: 17px;}
    .search_result_data .search_desc {max-height: 3.2em;font-size: 14px;line-height: 1.6;}
    .search_result_data .search_date {font-size: 14px;}

    /* PRIVACY */
    .privacy_intro {padding: 15px 15px;}
    .privacy_box_title {padding-bottom: 8px;font-size: 16px;line-height: 1.35;}
    .privacy_box {margin-bottom: 30px;}
    .privacy_box p {margin-bottom: 12px;font-size: 14px;line-height: 1.6;}
    .privacy_box b {font-size: 14px;line-height: 1.6;}
    .privacy_box li {font-size: 14px;line-height: 1.6;}
    .privacy_box > ul > li {padding-left: 9px;}
    .privacy_box > ul > li:before {width: 3px;height: 3px;top: 8px;}
    .privacy_box > ul > li > ul {margin-bottom: 12px;}

	/* 404 */
	.error_404_title { margin-bottom: 15px; }
	.error_404_title_img svg {max-width: 480px;}
	.error_404_container b { font-size: 18px; }
	.error_404_container p { font-size: 15px; padding-bottom: 50px; }

}/* 768px */


/* **************************************** *
 * 767
 * **************************************** */
@media (max-width: 767px){
	/* PAGE */
	.article_visual {height: 200px;}
	.article_visual_title {font-size: 32px; padding-bottom: 10px;}
	.article_visual_typo {font-size: 15px;line-height:1.75;}
	.article_visual_typo br { display: none; }
	.article_body { padding-top: 80px; padding-bottom: 80px;}

	/* HEADER */
	#small_menu_container {max-width: inherit;}
	.small_screen_menu > li > ul > li > ul > li:before {top: 10px;}
	html.safari .small_screen_menu > li > ul > li > ul > li:before {top: 12px;}
	.small_screen_menu > li > ul > li > ul > li > a {font-size: 14px;}
	.lang_container {max-width: inherit;}

	/* SEARCH */
	.search .article_body {padding-top: 25px;}
	.search .jt_pagination {margin-top: 35px;}
	.search_nodata {padding: 80px 20px;}
	.search_nodata p {font-size: 15px;}

	/* 404 */
	.error_404 {padding: 160px 0;}
	.error_404_button_wrap .jt_btn_basic { font-size: 14px; min-width: 150px; padding: 18px 20px 17px; }
	.error_404_button_wrap a + a { margin-left: 10px;}

 }


/* **************************************** *
 * 540px
 * **************************************** */
@media (max-width: 540px){
    /* LAYOUT */
    .wrap {margin: 0 15px;}
	.home .wrap {margin: 0 15px;}

    .main_container, .page-template-default .main_container {padding-bottom: 18%;}

    /* HEADER */
    #small_menu_btn {width: 22px;height: 18px;top: 21px;right: 15px;}
    .small_menu_btn_line_02 {top: 8px;}
    .small_screen_menu > li > ul > li > a {font-size: 14px;}
	.small_screen_menu > li > ul > li > ul { font-size: 0; }
	.small_screen_menu > li > ul > li > ul > li { display: inline-block; vertical-align: top; width: 50%; margin: 7px 0; padding-right: 10px;}
	.small_screen_menu > li > ul > li > ul > li:nth-child(2n) {padding-right: 0}
	.small_screen_menu > li > ul > li > ul > li:before {top: 9px;}
	html.safari .small_screen_menu > li > ul > li > ul > li:before {top: 8px;}
	.small_screen_menu > li > ul > li > ul > li > a { font-size: 13px;}

	.global_search_open_btn {width: 26px; height: 26px; top: 17px; right: 37px;}
	.global_search_open_btn:after {line-height: 26px;}

	.minimize .global_search_open_btn {top: 17px;}

    /* FOOTER */
    .footer_inner {margin: 0 15px;}

    /* SEARCH - RESULT PAGE */
    .search_result_info {padding-bottom: 16px;}
    .search_result_list > li {height: 200px;}
    .search_result_list > li > a {padding: 20px 15px;}
    .search_result_data .search_tax {margin-bottom: 8px;}
    .search_result_data .search_desc {margin-top: 6px;}

    /* PAGE */
    .article_header_inner {padding-top: 60px; padding-bottom: 16px;}
    .article_title {font-size: 29px;}
	.article_visual_title {font-size: 28px;}
    .article_visual_title {font-size:25px;}
	.article_visual_typo {line-height: 1.6;}
	.home .article_visual_txt_inner .wrap { margin:0 30px;}
	.article_body {padding-top: 60px; padding-bottom: 60px;}

	/* 404 */
	.error_404 {padding: 120px 0;}
	.error_404_title { margin-bottom: -10px; }
	.error_404_title_img svg {max-width: 300px;}
	.error_404_container b { font-size: 15px; }
	.error_404_container p { font-size: 14px; padding-top: 8px; padding-bottom: 30px; }
	.error_404_button_wrap .jt_btn_basic { min-width: 130px; padding: 16px 15px 15px; }
    html.android .error_404_button_wrap .jt_btn_basic {padding:15px 15px 16px;}


}/* 540px */


/* **************************************** *
 * 359px
 * **************************************** */
@media (max-width: 359px) {
	.error_404_title_img svg {max-width: 100%;}

}/* 359px */