@charset "utf-8";
/*
 * File       : rwd-layout.css
 * Author     : STUDIO-JT (NICO)
 * Guideline  : JTstyle.1.1
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 01)
 */



/* **************************************** *
 * 2000px
 * **************************************** */
@media(min-width:2000px){

	html{font-size: 0.5254860746190225vw;}
    .small_menu_btn_line {height: 3px;}

}



/* **************************************** *
 * 1800px
 * **************************************** */
@media (max-width: 1800px){

    /* HEADER */
    .header_wrap {max-width: inherit;}
    .search_container {right: 15.4rem;}
    #small_menu_btn {right: 9.2rem;}

 	/* FOOTER */
	.scroll_btn{ right: 4rem;}

}
/* 1800px */



/* **************************************** *
 * 1680px
 * **************************************** */
@media (max-width: 1680px){

	/* FOOTER */
	.scroll_btn{ right: 3rem;}

}
/* 1680px */



/* **************************************** *
 * 1480px
 * **************************************** */
@media(max-width:1480px){

	html{font-size: 0.6756756756756757vw;}

    /* LAYOUT */
    .wrap, .narrow-wrap {max-width: inherit;margin: 0 10rem;}

	/* FOOTER */
	.scroll_btn{ right: 1.5rem;}
    .footer_inner {margin: 0 10rem;}

}
/* 1480px */



/* **************************************** *
 * 1024px
 * **************************************** */
@media (max-width: 1024px){
	html.ios .error_404:after {left: -13rem;top: -13rem;}
}
/* 1024px */



/* **************************************** *
 * 860px (작업 @768px 1rem = 10px )
 * **************************************** */
@media (max-width: 860px){

	html{font-size: 1.3020833333333335vw;}

    .wrap, .narrow-wrap { margin-left: 4rem; margin-right: 4rem;}
    .main_container { padding-top: 9rem; padding-bottom: 10.8rem;}

    /* HEADER */
	#header { height: 9rem;}
	#logo { top: 2.6rem;}
	.search_container { right: 9.2rem; top: 2.4rem;}
    .global_search_popup_close {right: 4rem;}
    #small_menu_btn { right: 4rem; top: 2.4rem;}
	#small_menu_container{max-width: 45rem;}
	.small_screen_menu {padding-bottom: 30rem}
	.small_menu_sns_channel .footer_sns > li > a { color: #bbb; opacity: 1;}
	.small_menu_sns_channel { position: absolute; left: 8.7rem; width: 100%; bottom: 10rem}

	/* FOOTER */
	.footer { padding: 0rem 0 2.8rem;}
	.footer_top {border-bottom: 0.1rem solid rgba(255, 255, 255, .15);}
	.footer_inner {border-bottom:none}
	.footer_menu {padding-right:0.7em;}
	.footer_menu li {padding: 1rem 1.3rem}
	.footer_sns > li {width: 2rem}
	.footer_menu > li > a {font-size: 1.3rem;}
	.footer_menu > li.link-about > a:before { display: none; }
	.footer_sns {margin-top: -10rem; text-align:left;}
	body.open_menu .footer_sns {margin-top: 0}
	.footer_sns_wrap { top: 13rem; left: -0.7rem; }
	.footer_sns > li.youtube > a:after {font-size: 2rem;}
	.footer_sns > li.naver > a:after {font-size: 1.8rem;}
	.footer_sns > li.instagram > a:after {font-size: 1.8rem;}
	.footer_sns > li.twitter > a:after {font-size: 2rem;}

	.scroll_btn{ visibility:hidden;}
	.footer_top {padding-bottom: 0;}
	.footer_audition {padding: 4.6rem 0 10rem;}
	.footer_audition-sub {font-size: 1.4rem;}
    .footer_audition-title {font-size: 3.8rem; margin: 1.1rem 0 3.6rem; line-height: 1.4}
	.footer_audition-btn.jt-btn__renewal {padding: 1.2rem 3.9rem 1.1rem 4.1rem; font-weight: 500;}
	.copyright {padding: 0.6rem 0; margin-top: 7.3rem; font-size: 1.3rem;text-align: left;}

    .footer_bottom {padding-top: 2.1rem}
    .footer_bottom .footer_inner {grid-template-columns: auto; height: auto; border-bottom: 0;}
    .footer_bottom .footer_inner > nav {width: 100%; text-align: left;}

    /* PAGE */
    .article-header__inner {margin-top:8rem; margin-bottom: 3.6rem;}
    .article-header__title {font-size:4.4rem;}
    .article-header__subtitle {font-size:1.8rem;}

	/* 404 */
	.error_404:after {width: 82.8rem;height: 39.1rem;left: 5rem;top: -5rem;}
	html.ios .error_404:after {left: 5rem;top: -5rem;}
	.error_404_container h1 {font-size: 5rem;}
	.error_404_container p {padding-bottom: 4.2rem;}

	/* MAGAZINE MODAL */
	.magazine__item { padding: 2rem 2rem; box-shadow: none;}
	.magazine-close-btn { right: 0.3rem; top: 0.3rem;}
	.magazine-close-btn:after{ font-size: 2.4rem;}
	.magazine__single-img{    overflow: inherit;}
	.magazine-modal .swiper-button--prev, .magazine-modal .swiper-button--next { top:  auto; bottom: 1rem; height: 6rem;}
	.magazine-modal .swiper-button--prev:after, .magazine-modal .swiper-button--next:after { font-size: 3.4rem; line-height: 6rem;}
	.magazine-modal .swiper-button--prev { left: 0.8rem;}
	.magazine-modal .swiper-button--next { right: 0.8rem;}

    /* RESULT PAGE */
    .search_result_info p {font-size: 1.5rem;}
    .search_result_list > li {width: 32%;height: 26rem; margin-right:2%;}
    .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_list > li > a { padding: 2.4rem 1.9rem;}
    .search_result_data .search_tax {font-size: 1.5rem;}
    .search_result_data .search_title {font-size: 1.9rem;}
    .search_result_data .search_desc {font-size: 1.5rem;}
    .search_result_data .search_date {font-size: 1.5rem;}

    .search_result_form {margin-bottom:5rem;}
    .search_result_label { font-size:2.4rem; line-height:7.5rem;}
    .search_result_field { font-size:2.4rem; height:7.5rem;}
    .search_result_submit:after { font-size:2.4rem; line-height:7.5rem;}

}



/* **************************************** *
 * 540px (작업 @375px 1rem = 10px )
 * **************************************** */
@media (max-width: 540px){

    /* LAYOUT */
	html{font-size: 2.6666666666666665vw;}

	.br-medium { display: none;}
	.br-small { display: block!important ;}
    .wrap, .narrow-wrap { margin-left: 2.5rem; margin-right: 2.5rem;}
	.header_wrap { text-align: left;}

	#logo { width: 5.2rem; height: auto; margin-left: 2.5rem; top: 1.7rem; }
	.minimize #logo { width: 5.2rem; height: auto; top: 1.7rem; }
	#header { height: 6rem;}
	.main_container { padding-top: 6rem; padding-bottom: 8rem}
	.search_container {top: 1rem;right: 5.8rem;}
	#small_menu_btn {top: 1.1rem;right: 2.5rem;width: 3.5rem;}
	.small_menu_btn_line {height: 2px;width: 2rem; max-width: 2.2rem;}
	.small_menu_btn_line_01 { top: 1.1rem}
	.small_menu_btn_line_02 { top: 1.8rem;}
	.small_menu_btn_line_03 {  top: 2.5rem;}
	#small_menu_close:after{ font-size:1.8rem}
    #small_menu_close {top: 1.2rem;right: -11.9rem;}
	#small_menu_container{max-width:28.5rem}
	.small_screen_menu {padding-top: 8.7rem;vertical-align: top;}
	.small_screen_menu > li > a {padding: 0.8rem 4rem;font-size: 2.6rem;}
	.small_menu_sns_channel { left: 4.1rem; bottom: -3rem;}

	.minimize#header,
	.home .minimize#header {height: 6rem;}
	.minimize #small_menu_btn { top: 1.1rem;}
	.minimize .search_container { top: 1rem;}

	/* FOOTER */
    .footer { padding: 0rem 0 2.8rem;}
	.footer_top {border-bottom: 0.1rem solid rgba(255, 255, 255, .15);}
	.footer_inner {border-bottom:none}
    .footer_menu {padding-right:0.7em;}
	.footer_menu li {padding: 1rem 1.3rem}
	.footer_menu > li > a {font-size: 1.3rem;}
    .footer_menu > li.link-about > a:before { display: none; }
	.footer_sns {margin-top: -10rem}
	body.open_menu .footer_sns {margin-top: -10rem}
    .footer_sns_wrap { top: 13rem; left: -0.7rem; }
	.footer_sns > li > a:after {  font-size: 1.5rem;}
	.footer_sns > li.youtube > a:after { font-size: 1.8rem;}
	.footer_sns > li.naver > a:after {font-size: 1.5rem;}
	.footer_sns > li { margin-left: 0.8rem; width: 3.7rem;}
	.footer_sns > li:first-child {margin-left: -1rem}
    .footer_audition {padding: 3.6rem 0 10rem;}
    .footer_audition-sub {font-size: 1.4rem;}
    .footer_audition-title {font-size: 3.2rem; margin: 1.1rem 0 3.6rem; line-height: 1.4}
	.footer_bottom {padding-top: 2.1rem}
	.copyright {padding: 0.6rem 0; margin-top: 7.3rem; font-size: 1.3rem;}
	.footer_audition-btn.jt-btn__renewal {padding: 1.2rem 3.9rem 1.1rem 4.1rem; font-weight: 500;}

	/* SEARCH */
    .global_search_popup_inner {padding-top: 9rem;}
	.global_search_open_btn:after { font-size: 1.8rem;}
	.global_search_popup_close {width: 4.5rem;height: 4.5rem; top: 1.7rem; right: 1.7rem;}
    .global_search_popup_close:after {font-size: 1.8rem;line-height: 4.5rem;}

    .global_search_field {padding-right: 5rem;height: 7rem;font-size: 2.6rem;}
    .global_search_label {font-size: 2.6rem;line-height: 7rem;font-weight: 500;}
    .global_search_submit {width: 3.2rem;}
    .global_search_submit:after {font-size: 2.4rem;line-height: 7rem;}
    html.ios .global_search_field {padding-top: 0.7rem;}
    html.ios .global_search_label {line-height: 7.7rem;}
    html.ios .global_search_submit:after {line-height: 7.2rem;}

    .global_search_option {margin-top: 4.2rem;}
    .global_search_keyword > b {padding-bottom: 1.2rem;font-size: 1.5rem;}
    .global_search_keyword li a {padding: 0.4rem 5rem 0.4rem 0;font-size: 1.9rem;}
    .global_search_keyword li a:after {margin-top: -1.5rem;font-size: 3rem;}
    .global_search_autocomplete li a:after {margin-top: -1.5rem;font-size: 3rem;}
    .global_search_autocomplete li p, .global_search_autocomplete li a {padding-top: 0.5rem;padding-bottom: 0.5rem;font-size: 1.7rem;}
    .global_search_autocomplete li a {padding-right: 5rem;}

    .search-results .article-header__inner {margin-bottom:1.6rem;}
    .search_result_form {margin-bottom:3.5rem;}
    .search_result_field {padding-right:4rem; height: 6rem; font-size: 1.8rem;}
    .search_result_submit {width: 3.2rem;}
    .search_result_submit:after {font-size: 2.1rem;line-height: 6rem;}
    .search_result_label {font-size:1.8rem; line-height:6rem;}
    html.ios .search_result_field {padding-top: 0.7rem;}

	.search_suggestion_list_item{ font-size: 2rem; overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;}

    .search_result_title {font-size: 2.2rem;}
    .search_result_title > em {vertical-align: baseline;}
    .search_result_item {width: 100%;}
    .search_result_txt {padding-top: 1.9rem;}
    .search_result_txt > b {margin-bottom: 1.2rem;font-size: 2.1rem;}

    .search_noresult_data .search_result_title {margin-bottom: 1.2rem;}
    .search_noresult_data p {line-height: 1.6;}
    .search_result_recommend {margin-top: 9rem;}

	.search_result_recommend_keyword > b {padding-bottom: 1.2rem;font-size: 1.5rem;}
    .search_result_recommend_keyword li a {padding: 0.4rem 5rem 0.4rem 0;font-size: 1.9rem;}
    .search_result_recommend_keyword li a:after {margin-top: -1.5rem;font-size: 3rem;}

    /* PAGE */
    .article-header__inner {margin-top:4.4rem;margin-bottom:2.7rem;}
    .article-header__title {font-size:2.8rem;}
    .article-header__subtitle {margin-top:0.7rem;font-size:1.7rem; display:block;}

    /* PRIVACY */
    .privacy_intro {padding: 2.3rem 2.1rem 2.8rem;}
    .privacy_intro b {margin-bottom:0.5rem;}
    .privacy_box { margin-bottom: 3.5rem;}
    .privacy_box b,
    .privacy_box p,
    .privacy_box li {font-size:1.5rem; line-height:1.7;}
    .privacy_box p {margin-bottom:1.2rem;}
    .privacy_box > ul > li {margin-bottom:0.5rem;padding-left:1rem;}
    .privacy_box > ul > li:before {width: 0.4rem; height: 0.4rem; top:1rem;}
    .privacy_box > ul > li > ul {margin-bottom:1.8rem;}
    .privacy_box_title {font-size:1.6rem; padding-bottom: 1.2rem; margin-bottom: 1.7rem;}

    /* DENY EMAIL */
    .deny-email__container h2 {margin-top:2.5rem;font-size:2rem;}
    .deny-email__container p {font-size:1.5rem; line-height:1.7;}
    .deny-email__container span {margin-top:2rem;}

	/* 404 */
	.error_404 {height:auto;padding: 14rem 0 14.8rem;}
	.error_404:after {width: 66.8rem;height: 30.1rem;left: -17rem;top: -5rem;}
	html.ios .error_404:after {left: -17rem;top: -5rem;}
	.error_404_container {padding: 0 2.5rem;}
	.error_404_container h1 {font-size: 3.8rem;line-height: 1.05;}
	.error_404_container h1 br {display:block;}
	.error_404_container p {padding-bottom: 3.2rem;}
	.error_404_container p br {display: none}

    /* RESULT PAGE */
    .search_result_info {padding-bottom: 1rem;}
    .search_result_info p {font-size: 14px;}
    .search_result_list > li {width: 48.4%;height: 23rem;}
    .search_result_list > li:nth-child(odd) {margin-right: 3.2%;clear: both;}
    .search_result_list > li:nth-child(even) {margin-right: 0;clear: none;}
    .search_result_list > li > a {padding: 2.5rem 2rem;}
    .search_result_data .search_tax {font-size: 1.4rem; margin-bottom:1.3rem;}
    .search_result_data .search_title {font-size: 1.7rem; margin-top: 0.5rem}
    .search_result_data .search_desc {max-height: 3.2em;font-size: 1.4rem;line-height: 1.6;margin-top: 0.7rem}
    .search_result_data .search_date {font-size: 1.4rem;}

    /* PAGINATION */
    .jt-pagination {margin-top: 4rem;}
    .jt-pagination .jt-pagination__numbers {min-width: 3rem;height: 2.8rem;margin: 0 0.2rem;font-size: 1.4rem;line-height: 2.7rem;}
    .jt-pagination .jt-pagination__numbers.jt-pagination--first:before, .jt-pagination .jt-pagination__numbers.jt-pagination--prev:before, .jt-pagination .jt-pagination__numbers.jt-pagination--next:before, .jt-pagination .jt-pagination__numbers.jt-pagination--last:before {font-size: 1.6rem;line-height: 2.6rem;top: 0}
    html.ios .jt-pagination .jt-pagination__numbers {line-height: 2.8rem;}


}
/* 540px */



/* **************************************** *
 * PORTRAIT
 * **************************************** */
@media screen and (orientation:portrait) and (min-width:680px){

    .small_screen_menu { vertical-align: top; padding-top: 14rem;}

}
/* PORTRAIT */