@charset "utf-8";

/*
 * File       : rwd_layout.css
 * Author     : STUDIO-JT (KMS)
 * Guideline  : JTstyle.1.1
 *
 * SUMMARY:
 * 01) min-width: 2100px
 * 02) 1863px
 * 03) 1640px
 * 04) 1480px
 * 05) 1380px
 * 06) 1280px
 * 07) 1200px
 * 08) 1060px
 * 09) 1023px
 * 10) 768px
 * 11) 540px
 * 12) 340px
 */



/* **************************************** *
 * min-width: 2100px
 * **************************************** */
@media (min-width: 2100px){
    /* CONTAINER */
    .main_container_illust {left: -410px;}
}



/* **************************************** *
 * 1863px
 * **************************************** */
@media (max-width: 1863px){
    /* HEADER */
    .header_wrap {max-width: inherit;}
    #logo {left: 60px;}
    .other_menu_container {right: 46px;}

	/* CSS 추가 시작 */
	.main_menu_container {width: auto; position: absolute; left: 17%;}
	#menu .menu_child_container { text-align: left; }
	#menu > li ul { width: auto; display: inline-block; vertical-align: top; position: absolute; left: 17%; margin-left: -20px; }
	/* CSS 추가 끝 */
}



/* **************************************** *
 * 1640px
 * **************************************** */
@media (max-width: 1640px){
    /* LAYOUT */
    .main_container_illust {width: 660px;height: 660px;left: -187px;top: -383px;}
}


/* CSS 추가 시작 */
/* **************************************** *
 * 1560px
 * **************************************** */
@media (max-width: 1560px){
    /* HEADER */
	/* #menu > li > a {padding: 41px 25px 18px 25px;} CSS 삭제 */
	/* CSS 추가 시작 */
	#menu {margin-left: -25px;}
	#menu > li > a {padding: 33px 25px 29px 25px;}
	/* CSS 추가 끝 */
	.other_menu > li > a {padding-right: 10px; padding-left:10px;}
}
/* CSS 추가 끝 */



/* **************************************** *
 * 1480px
 * **************************************** */
@media (max-width: 1480px){
    /* LAYOUT */
    .main_container_illust {width: 580px;height: 580px;left: -187px;top: -328px;}

    .article_header {padding-top: 75px;}

	/* HEADER */
    /* #logo {width: 140px;height: 39px;top: 32px;} CSS 삭제 */
	/* CSS 추가 시작 */
    #logo {width: 130px;height: 31px;top: 30px;}
	/* CSS 추가 끝 */
	
	/* #menu > li > a {padding-left: 30px;padding-right: 30px;} CSS 삭제 */
	/* CSS 추가 시작 */
	.other_menu_container {text-align: right; top: 33px;}
	.other_menu > li > a {padding: 8px 10px;}
	/* .other_menu > li:nth-child(3):after {width:0;} CSS 삭제*/
	
	/* .minimize .other_menu_container {top: 16px;} CSS 삭제*/
	/* CSS 추가 끝 */
}



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

    .main_container {padding-top: 90px;padding-bottom: 13%;}
    .main_container_illust {width: 520px;height: 520px;left: -168px;top: -292px;}

    .article_header {padding-top: 55px;}
    .article_title {font-size: 42px;}

    /* HEADER */
    #header {height: 90px;}
    /* #logo {width: 130px;height: 37px;top: 27px;left: 3%;} CSS 삭제 */
    /* #menu > li > a {padding: 32px 23px 18px 23px;} CSS 삭제 */
	/* CSS 추가 시작 */
    #logo {left: 3%;}
	#menu {margin-left: -23px;}
    #menu > li > a {padding: 33px 23px 29px 23px;}
	/* CSS 추가 끝 */
    /* .other_menu_container {right: -webkit-calc(3% - 13px);right: calc(3% - 13px);top: 27px;} CSS 삭제 */
	/* CSS 추가 시작 */
    .other_menu_container {right: -webkit-calc(3% - 13px);right: calc(3% - 13px);}
	/* CSS 추가 끝 */
    /* .other_menu > li > a {padding-left: 13px;padding-right: 13px;} CSS 삭제 */
    /* #menu_line {top: 24px;} CSS 삭제 */

    .minimize#header {height: 82px;}
    .minimize #logo {width: 120px;height: 34px;top: 24px;}
    .minimize #menu > li > a {padding-top: 28px;}
	/* .minimize .other_menu_container {top: 22px;} CSS 삭제 */
	/* CSS 추가 시작 */
	.minimize #menu:after {top: 82px;}
	.minimize #menu .menu_child_container {top: 82px;}
	/* CSS 추가 끝 */
    .minimize #menu_line {top: 20px;}

    /* FOOTER */
    .footer_wrap {max-width: inherit;margin: 0 6.5%;}
    .footer_inner {padding: 80px 0;}

	/* 404 */
	.error_404_container h1 {font-size:340px;}
	/* .error_404_container h1 .zero:before {left: 60px;top: 135px;} CSS 삭제 */
	/* CSS 추가 시작 */
	.error_404_container h1 .zero:before {left: 58px;top: 98px; width: 95px;}
	/* CSS 추가 끝 */
	.error_404_bg_blue {left:-40%; top:-90%;}
}



/* **************************************** *
 * 1280px
 * **************************************** */
@media (max-width: 1280px){
    /* SCROLL DOWN */
	.scroll_down {width: 54px;height: 54px;}

	/* EMAIL */
	.email_denial_content h1 {font-size: 42px;}

	/* PRIVACY */
	.privacy_box_chapter {padding-top: 94px;}
	.privacy_box_chapter_title {font-size: 26px;margin-bottom: 48px;}
    .privacy_box_title {padding-bottom: 22px;margin-bottom: 18px;font-size: 18px;}
    .privacy_box {margin-bottom: 56px;}

	.privacy_box_container.nicescroll_area_outer {margin-bottom: 68px;}
}



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

    .main_container_illust {width: 450px;height: 450px;left: -158px;top: -252px;}

    /* HEADER */
    /* #logo {width: 112px;height: 32px;top: 29px;} CSS 삭제 */
	/* CSS 추가 시작 */
    #logo {width: 112px;height: 27px;top: 33px;}
	/* CSS 추가 끝 */

    /* #menu > li > a {padding-left: 19px;padding-right: 19px;} CSS 삭제 */
	/* CSS 추가 시작 */
	#menu {margin-left: -19px;}
	/* CSS 추가 끝 */

	/* .other_menu_container {width: 37px;height: 37px;right: 3%;cursor: pointer;}
    .other_menu_container:before {font-family: 'jt_font';content: '\e91d';font-size: 19px;text-align: center;line-height: 37px;color: #222;} CSS 삭제 */
	/* CSS 추가 시작 */
    .other_menu_container {width: 37px;height: 37px;top:28px;right: 3%;cursor: pointer;} 
    .other_menu_container:before {font-family: 'jt_font';content: '\e91d';font-size: 19px;text-align: center;line-height: 37px;color: #fff;}
	/* CSS 추가 끝 */
    .other_menu {width: 120px;position: absolute;top: 100%;right: 0;background: #fff;border: 1px solid #ddd;border-radius: 5px;opacity: 0;visibility: hidden;-webkit-transition: opacity 0.2s;transition: opacity 0.2s;}
    .other_menu > li {display: block;text-align: left;}
    .other_menu > li:after {display: none;}
    /* .other_menu > li > a {padding: 12px 17px;} CSS 삭제 */
	/* CSS 추가 시작 */
    .other_menu > li > a {padding: 12px 17px; color: #a7a7a7;}
	/* CSS 추가 끝 */
    .other_menu > li:first-child > a {padding-top: 20px;}
    .other_menu > li:last-child > a {padding-bottom: 20px;}
    /* .other_menu > li > a:before {display: block;width: 16px;height: 16px;position: absolute;right: 16px;top: 50%;margin-top: -8px;font-family: 'jt_font';content: '\e90c';font-size: 16px;line-height: 1;font-weight: normal;text-align: center;color: #f07e23;opacity: 0;} CSS 삭제 */
	/* CSS 추가 시작 */
    .other_menu > li > a:before {display: block;width: 16px;height: 16px;position: absolute;right: 16px;top: 50%;margin-top: -8px;font-family: 'jt_font';content: '\e90c';font-size: 16px;line-height: 1;font-weight: normal;text-align: center;color: #d5b45c;opacity: 0; background: none; bottom: auto; left: auto; background: transparent;}
	/* CSS 추가 끝 */
    .other_menu > li:first-child > a:before {margin-top: -5px;}
    .other_menu > li:last-child > a:before {margin-top: -12px;}
	/* .other_menu_container:hover:before {color: #f07e23;} CSS 삭제 */
    .other_menu > li > a:hover:before {opacity: 1;-webkit-transition: all .3s cubic-bezier(0.13, 0.4, 0.6, 0.9);transition: all .3s cubic-bezier(0.13, 0.4, 0.6, 0.9);}
	/* CSS 추가 시작 */
	html.desktop .other_menu > li > a:hover {color: #d5b45c;}
    html.desktop .other_menu > li > a:hover:before {width: 16px;}
	/* CSS 추가 끝 */
    .other_menu_container:hover .other_menu {opacity: 1;visibility: visible;}

    .minimize #logo {width: 112px;height: 32px;top: 25px;}
	/* CSS 추가 시작 */
	.minimize .other_menu_container {top:24px;}
	/* CSS 추가 끝 */

    /* FOOTER */
    .footer_wrap {margin: 0 3%;}

    /* 404 */
	.error_404_container h1 {font-size:300px;}
	/* .error_404_container h1 .zero:before {left: 59px;top: 120px; width: 86px;} CSS 삭제 */
	/* CSS 추가 시작 */
	.error_404_container h1 .zero:before {left: 50px;top: 80px; width: 86px;}
	/* CSS 추가 끝 */
	.error_404_bg_blue { width: 853px; height: 853px;}
}



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



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

    .main_container {padding-top: 60px;}
    .main_container_illust {width: 380px;height: 380px;left: -108px;top: -219px;}

    .article_header {padding: 50px 0 28px;}
    .article_title {font-size: 38px;}

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

    /* HEADER */
    #header {height: 60px;}
	/* body.open_menu #header {height: 100%;} CSS 삭제 */

    .main_menu_container, .other_menu_container {display: none;}

    /* #logo {width: 100px;height: 28px;left: 30px;top: 16px;} CSS 삭제 */
	/* CSS 추가 시작 */
    #logo {width: 120px;height: 29px;left: 30px;top: 16px;}
	/* CSS 추가 끝 */

    #small_menu_btn {display: block;width: 25px;height: 20px;position: absolute;top: 20px;right: 30px;z-index: 550;cursor: pointer;-webkit-transition: top 300ms;transition: top 300ms;}
    /* .small_menu_btn_line {display: block;width: 100%;height: 2px;position: absolute;left: 0;background: #222;-webkit-transition: background 300ms;transition: background 300ms;} CSS 삭제 */
	/* CSS 추가 시작 */
    .small_menu_btn_line {display: block;width: 100%;height: 2px;position: absolute;left: 0;background: #fff;-webkit-transition: background 300ms;transition: background 300ms;}
	/* CSS 추가 끝 */
    .small_menu_btn_line_01 {top: 0;}
    .small_menu_btn_line_02 {top: 9px;}
    .small_menu_btn_line_03 {bottom: 0;}
    body.open_menu #small_menu_btn {z-index: 651;}

    #small_menu_container {display: none;width: 300px;height: 100%;margin: 0;position: fixed;top: 0;bottom: 0;right: -300px;z-index: 650;background: #fff;-webkit-overflow-scrolling: touch;}
    .small_menu_container_inner {width: 100%;height: 100%;position: relative;background: #f1f1f1;overflow-y: scroll;}

    .small_screen_menu a {display: block;position: relative;line-height: 1.7;}
    .small_screen_menu > li {display: block;width: 100%;border-bottom: 1px solid #ddd;}
    .small_screen_menu > li > a {padding: 17px 20px;font-size: 15px;text-align: left;letter-spacing: -0.025em;color: #222;background: #fff;}
    /* .small_screen_menu > li.active > a {color: #f07e23;}
    .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: '\e915';font-size: 18px;font-weight: normal;line-height: 1;color: #f07e23;-webkit-transition: -webkit-transform 350ms;transition: -webkit-transform 350ms;transition: transform 350ms;transition: transform 350ms, -webkit-transform 350ms;} CSS 삭제 */
	/* CSS 추가 시작 */
	.small_screen_menu > li.active > a {color: #d5b45c;}
    .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: '\e915';font-size: 18px;font-weight: normal;line-height: 1;color: #000;-webkit-transition: -webkit-transform 350ms;transition: -webkit-transform 350ms;transition: transform 350ms;transition: transform 350ms, -webkit-transform 350ms;}	
	/* CSS 추가 끝 */
    .small_screen_menu > li.menu_item_has_children.open > a:after {margin-top: -10px;-webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}
    .small_screen_menu > li > ul {display: none;width: 100%;padding: 17px 0;background: #f8f8f8;border-top: 1px solid #ddd;}
    .small_screen_menu > li > ul > li > a {padding: 7px 25px;font-size: 15px;letter-spacing: -0.025em;font-weight: 500;color: #666;}
    /* .small_screen_menu > li > ul > li.active > a {padding-left: 39px;color: #f07e23;}
    .small_screen_menu > li > ul > li.active > a:before {content: '';display: block;width: 5px;height: 5px;position: absolute;left: 26px;top: 16px;background: #f07e23;border-radius: 50%;} CSS 삭제 */
	/* CSS 추가 시작 */
    .small_screen_menu > li > ul > li.active > a {padding-left: 39px;color: #d5b45c;}
    .small_screen_menu > li > ul > li.active > a:before {content: '';display: block;width: 5px;height: 5px;position: absolute;left: 26px;top: 16px;background: #d5b45c;border-radius: 50%;}
	/* CSS 추가 끝 */
    html.ios .small_screen_menu > li > ul {padding-top: 19px;}
    html.ios .small_screen_menu > li.menu_item_has_children > a:after {margin-top: -7px;}
    html.ios .small_screen_menu > li.menu_item_has_children.open > a:after {margin-top: -9px;}

    /* .member_menu_container {width: 100%;padding-left: 8px;background: #f07e23;} CSS 삭제 */
	/* CSS 추가 시작 */
    .member_menu_container {width: 100%;padding-left: 8px;background: #000;}
	/* CSS 추가 끝 */
    .member_menu {font-size: 0;}
    .member_menu > li {display: inline-block;position: relative;}
    .member_menu > li:after {content: '';display: block;width: 1px;height: 10px;position: absolute;right: -1px;top: 50%;margin-top: -5px;background: #e5e5e5;}
    .member_menu > li:last-child:after {display: none;}
    .member_menu > li > a {padding: 0 13px;font-size: 13px;letter-spacing: -0.025em;line-height: 60px;color: #fff;-webkit-transition: color 300ms;transition: color 300ms;}
    /* html.desktop .member_menu > li > a:hover {color: #ffd4b2;} CSS 삭제 */
	/* CSS 추가 시작 */
    html.desktop .member_menu > li > a:hover {color: #d5b45c;}
	/* CSS 추가 끝 */

    .community_menu_container {margin-bottom: 10px;}
    .community_menu > li {display: block;width: 100%;border-bottom: 1px solid #ddd;}
    .community_menu > li > a {display: block;padding: 19px 20px 19px 49px;position: relative;font-size: 15px;letter-spacing: -0.025em;color: #222;background: #fff;}
    /* .community_menu > li > a:before {width: 22px;height: 22px;position: absolute;left: 16px;top: 18px;font-family: 'jt_font';font-size: 16px;font-weight: normal;line-height: 22px;text-align: center;color: #23b9ce;} CSS 삭제 */
	/* CSS 추가 시작 */
    .community_menu > li > a:before {width: 22px;height: 22px;position: absolute;left: 16px;top: 16px;font-family: 'jt_font';font-size: 16px;font-weight: normal;line-height: 22px;text-align: center;color: #a7a7a7;}
	/* CSS 추가 끝 */
    .community_menu > li.event > a:before {content: '\e93a';}
    /* .community_menu > li.notice > a:before {top: 19px;content: '\e93b';font-size: 18px;} 
    html.ios .community_menu > li > a:before {top: 19px;}
    html.ios .community_menu > li.notice > a:before {top: 21px;} CSS 삭제 */
	/* CSS 추가 시작 */
    .community_menu > li.notice > a:before {top: 17px;content: '\e93b';font-size: 18px;}
    html.ios .community_menu > li > a:before {top: 17px;}
    html.ios .community_menu > li.notice > a:before {top: 19px;}
	/* CSS 추가 끝 */

    #small_menu_overlay {display: none;position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: #000000;background: rgba(0, 0, 0, .8);z-index: 600;}

    .minimize#header {height: 60px;}
    .minimize #logo {width: 100px;height: 28px;top: 16px;}
    .minimize #small_menu_btn {top: 20px;}

    /* FOOTER */
    .footer_wrap {margin: 0 30px;}
    .footer_inner {padding: 70px 0 60px;}
    .footer_menu {font-size: 0;text-align: center;}
    .footer_menu > li {display: inline-block;float: none;}
    .footer_menu > li > a {padding-left: 13px;padding-right: 13px;font-size: 15px;}
    .footer_info {margin: 20px 0 28px;text-align: center;}
    .footer_family_site {margin: 0 auto;position: relative;}
    /* .footer_bottom {margin-top: 40px;padding-top: 35px;} CSS 삭제 */
	/* CSS 추가 시작 */
    .footer_bottom {margin-top: 0;padding-top: 0; border: 0;}
	.footer_sns_wrap {position: static; top: auto; right: auto; margin-top: 30px; padding-top: 30px; border-top: 1px solid rgba(102, 102, 102, .3);}
	.copyright {text-align: center;}
	/* CSS 추가 끝 */

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

	/* EMAIL */
    .email_denial_content {padding-top:130px;}
	.email_denial_content h1 { font-size:35px;}

    /* PRIVACY */
	.privacy_box_chapter {padding-top: 76px;}
	.privacy_box_chapter_title {font-size: 24px;margin-bottom: 42px;}
    .privacy_box_title {padding-bottom: 16px;margin-bottom: 14px;font-size: 17px;}
    .privacy_box {margin-bottom: 44px;}
	.privacy_box p {margin-bottom: 14px;}
	.privacy_box > ul > li > ul > li:before {font-size: 16px;margin-top: 5px;}
    .privacy_box > ul > li > ul {margin-top: 14px;margin-bottom: 14px;}

	.privacy_box table {margin-top: 26px;margin-bottom: 24px;}
	.privacy .privacy_box > ul > li > p {margin-top: 6px;margin-bottom: 12px;}
	.privacy_box_in_box {padding: 23px 30px;}
	.privacy_box_in_box_container {margin-bottom: 18px;}
	.privacy_box .privacy_box_in_box b {padding-bottom: 8px;}
	.privacy_box > ul.privacy_box_safety > li {margin-bottom: 18px;}
	.privacy .privacy_box > ul {margin-bottom: 14px;}

	/* PAGE */
	.article_title.secondary {font-size: 35px;}

	/* 404 */
	.error_404_container h1 {font-size:270px;}
	/* .error_404_container h1 .zero:before {left: 48px;top: 110px; width: 80px;} CSS 삭제 */
	/* CSS 추가 시작 */
	.error_404_container h1 .zero:before {left: 46px;top: 75px; width: 75px;}
	/* CSS 추가 끝 */
    .error_404_container .error_title {font-size:35px;}
	.error_404_bg_blue { width: 723px; height: 723px;bottom:-80%}
}



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

    .main_container {padding-bottom: 15%;}
    .main_container_illust {width: 330px;height: 330px;left: -91px;top: -192px;}

	.article_header {padding: 35px 0 20px;}
    .article_title {font-size: 35px;}
	.article_desc {margin-top: 7px;font-size: 15px;}

    /* FOOTER */
    /* #footer {padding-top: 18px;}
    #footer:before {height: 18px;background-size: 80px auto;background-position: 50% top;} CSS 삭제 */
    .footer_inner {padding: 60px 0 50px;}
    .footer_menu > li > a {font-size: 14px;}
    .footer_info > p * {font-size: 12px;}

    .footer_family_site {width: 150px;}
    .footer_family_site .selectric .label {margin-left: 18px;font-size: 12px;}
    .footer_family_site .selectric .button:after {font-size: 14px;}
    .footer_family_site .selectric-items ul, .footer_family_site .selectric-items li {font-size: 12px;}
    .footer_family_site .selectric-items li {padding-left: 18px;padding-right: 18px;}
    html.mobile .footer_family_site:before {width: 40px;font-size: 14px;line-height: 43px;}
    html.mobile .footer_family_site > select {padding: 14px 40px 15px 18px;font-size: 12px;}

	/* EMAIL */
	.email_denial_content figure img {width:220px;}
    .email_denial_content {padding-top:70px;}
	.email_denial_content h1 { font-size:30px;}
	.email_denial_content p {font-size:15px;line-height: 1.5;}
	.email_denial_content p br {display:none;}
	.email_denial_content span {margin-top:15px;}

    /* PRIVACY */
	.privacy_box_chapter {padding-top: 64px;}
	.privacy_box_chapter_title {font-size: 21px;letter-spacing: 0.05em;margin-bottom: 38px;margin-left:0;}
	.privacy_box_chapter_title:after {bottom: -2px;height: 8px;}
	html.ios .privacy_box_chapter_title:after {bottom: 0;}
    .privacy_box_title {padding-bottom: 9px;margin-bottom: 10px;margin-left: 0;font-size: 16px;}
    .privacy_box {margin-bottom: 38px;}
    .privacy_box p {font-size: 15px;line-height: 1.6;margin-bottom: 10px;}
	.privacy_box > ul > li {font-size: 15px;line-height: 1.5;margin-bottom: 8px;}
    .privacy_box > ul > li:before {width: 12px;height: 12px;font-size: 11px;line-height:11px;top: 0;}
	html.mac.desktop .privacy_box > ul > li:before {line-height:13px;}
	html.ios .privacy_box > ul > li:before {top: -1px;line-height:15px;}
	.privacy_box > ul > li > ul {margin-top: 4px;margin-bottom: 6px;}
	.privacy_box > ul > li > ul > li {font-size: 15px;line-height: 1.5;margin-bottom: 5px;}
	.privacy_box > ul > li > ul > li:nth-child(n+10) {padding-left: 22px;}
	.privacy_box > ul > li > ul > li:before {margin-top: 2px;}
	html.mac.desktop .privacy_box > ul > li > ul > li:before {margin-top:3px;}
	.privacy_box > ul.privacy_box_safety > li:before {top:1px;}
	html.ios .privacy_box > ul.privacy_box_safety > li:before {top:0;}

	.privacy_box_container.nicescroll_area_outer {padding: 17px 12px 17px 34px;margin-bottom: 56px;}
	.privacy_box_container .nicescroll_area {padding: 9px 25px 9px 0;}
	.privacy_box_container p {font-size: 15px;line-height: 1.6;padding-bottom: 22px;}
	.privacy_box_container ul li {font-size: 15px; line-height: 1.6; padding-bottom: 10px;}
	.privacy_box_container ul li:before {top: 4px;}
	.privacy_box table {margin-top: 18px;margin-bottom: 16px;}
	.privacy_category .privacy_box_table_title {font-size: 15px;line-height: 1.8;}

	.privacy .privacy_box > ul {margin-bottom: 10px;}

	.privacy_category .privacy_box_table_title {padding: 16px 10px;}
	.privacy_category .privacy_box_table_sub_title,
	.privacy_category .privacy_box_table_post {padding-top: 16px;padding-bottom: 16px;}
	.privacy_category .privacy_box_table_sub_title {padding-left: 12px;padding-right: 12px;}
	.privacy_category .privacy_box_table_post {padding-left: 20px;padding-right: 20px;}

	.privacy_consignment th {padding: 15px 13px;}
	.privacy_consignment td {padding: 15px 13px;}
	.privacy_consignment .privacy_box_table_title{font-size: 15px;line-height: 1.8;font-weight: 600;}

	.privacy_box_in_box {padding: 17px 24px;}
	.privacy_box .privacy_box_in_box b {font-size: 15px;padding-bottom: 4px;}
	.privacy_box .privacy_box_in_box b:before {top: 11px;}
	html.mac.desktop .privacy_box .privacy_box_in_box b:before {top:9px;}
	html.ios .privacy_box .privacy_box_in_box b:before {top: 9px;}
	.privacy_box .privacy_box_in_box p {line-height:1.8;}

	.privacy_box_in_box_container {margin-bottom: 15px;}

	.privacy .privacy_box > ul.bullet_list > li:before {top: 4px;}
	html.mac.desktop .privacy .privacy_box > ul.bullet_list > li:before {top:3px;}
	html.ios .privacy .privacy_box > ul.bullet_list > li:before {top: 3px;}

	.privacy .privacy_box > ul > li > p {margin-top: 4px;margin-bottom: 8px;}
	.privacy_box > ul.privacy_box_safety > li {margin-bottom: 8px;}

	/* PAGE */
	.article_title.secondary {font-size: 32px;}

	/* SCROLL DOWN */
	.scroll_down {width: 46px;height: 46px;}
	.scroll_down:after {font-size: 18px; width: 18px; height:18px;}

	/* 404 */
	.error_404_container h1 {font-size:210px;}
	/* .error_404_container h1 .zero:before {left: 40px;top: 90px;width: 60px;} CSS 삭제 */
	/* CSS 추가 시작 */
	.error_404_container h1 .zero:before {left: 36px;top: 58px;width: 60px;}
	/* CSS 추가 끝 */
	.error_404_content {margin-top:-50px;}
	.error_404_content b {font-size:30px;}
	.error_404_content p {font-size:15px;}
	.error_404_bg_blue {width: 550px;height: 550px;top:-70%;}
}



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

    .main_container {padding-bottom: 20%;}
    .main_container_illust {display: none;}

    .article_body {min-height: 1px;}
    .article_header {padding: 25px 0 16px;}
    .article_title {font-size: 30px;}
    .article_desc {margin-top: 5px;font-size: 14px;}

    /* HEADER */
    #logo {left: 15px;}
    #small_menu_btn {width: 22px;height: 18px;top: 21px;right: 15px;}
    .small_menu_btn_line_02 {top: 8px;}

    .minimize #small_menu_btn {top: 21px;}

    /* FOOTER */
	/* CSS 추가 시작 */
	#footer {margin-top: 10%;}
	.footer_bg_cloud.small {display: block;}
	.footer_bg_cloud.large {display: none;}
	.footer_bg_moon {width: 10%;bottom: 98%;right: 3.8%;}
	.footer_bg_ship {width: 26%;bottom: 40%;left: 5%;}
	.footer_bg_star_left_01 {width: 3.05%;bottom: 156%;left: 1.9%;}
	.footer_bg_star_left_02 {width: 1.65%;bottom: 210%;left: 3.6%;}
	.footer_bg_star_left_03 {width: 1.65%;bottom: 195%;left: 29%;}
	.footer_bg_star_left_04 {width: 1.65%;bottom: 156%;left: 33.8%;}
	.footer_bg_star_left_05 {width: 3.05%;bottom: 98%;left: 31%;}
	.footer_bg_star_right_01 {width: 1.65%;bottom: 165%;right: 14.8%;}
	.footer_bg_star_right_02 {width: 1.65%;bottom: 184%;right: 11.5%;}
	.footer_bg_star_right_03 {display: none;}
	.footer_bg_star_right_04 {display: none;}
	/* CSS 추가 끝 */
    .footer_wrap {margin: 0 15px;}
	.footer_menu > li > a { padding: 7px 10px; }
	.footer_info { margin: 22px 0 30px; }
    .footer_info > p {margin-bottom: 4px;}
	.footer_info > p > span {line-height: 1.9;}
	/* .footer_bottom { margin-top: 40px; padding-top: 40px; } CSS 삭제 */
	/* CSS 추가 시작 */
	.footer_sns > li > a {line-height: 38px;}
	/* CSS 추가 끝 */
	.copyright { margin-top: 22px; }
    .copyright br {display: block;}


	/* PAGE */
	.article_title.secondary {font-size: 28px;}

	/* EMAIL */
    .email_denial_content {padding-top:54px;}
	.email_denial_content figure img {width:200px;}
	.email_denial_content h1 { font-size:28px;padding: 37px 0 17px;}
	.email_denial_content p {margin-top:5px;}

	/* PRIVACY */
	.privacy_box_chapter {padding-top: 56px;}
	.privacy_box_chapter_title {margin-bottom: 32px;}
	.privacy_box {margin-bottom: 28px;}
	.privacy_box_title {padding-bottom: 6px;margin-bottom: 7px;}

	.privacy_box_container.nicescroll_area_outer {padding: 17px 12px 17px 24px;height: 220px;margin-bottom: 38px;}
	.privacy_box_container .nicescroll_area {padding: 0 25px 0 0;}
	.privacy_box_container p {padding-bottom: 16px;}
	.privacy_box_container ul li {padding-bottom: 4px;}

	.privacy_category .privacy_box_table_title {padding: 10px 10px;font-size: 14px;line-height: 1.6;}
	.privacy_category .privacy_box_table_sub_title,
	.privacy_category .privacy_box_table_post {padding: 5px 10px;font-size: 14px;line-height: 1.6;}

	.privacy_consignment th,
	.privacy_consignment td {padding: 10px 6px;}
	.privacy_consignment .privacy_box_table_title,
	.privacy_consignment .privacy_box_table_sub_title,
	.privacy_consignment .privacy_box_table_post {font-size: 14px;line-height: 1.6;}

	.privacy .privacy_box > ul.bullet_list > li {padding-left: 12px;}

	.privacy_box .privacy_box_in_box p {font-size: 14px;line-height: 1.7;word-break: break-all;}

	.privacy_mobile_br {display:block;}

	/* 404 */
	.error_404_container h1 {font-size:135px;}
	/* .error_404_container h1 .zero:before {left: 25px;top: 55px;width: 40px;} CSS 삭제 */
	/* CSS 추가 시작 */
	.error_404_container h1 .zero:before {left: 23px;top: 36px;width: 40px;}
	/* CSS 추가 끝 */
	.error_404_content {margin-top:-40px;}
	.error_404_content b {font-size:25px;}
	.error_404_content p {font-size:14px;}
	.error_404_bg_blue {width: 400px;height: 400px;top:-80%;}
	.error_404_button_wrap a {margin: 0 5px;}
}



/* **************************************** *
 * 340px
 * **************************************** */
@media (max-width: 340px) {
    /* HEADER */
    #small_menu_container {width: 100%;right: -100%;}

	/* PAGE */
	.article_title.secondary {font-size: 25px;}

	/* EMAIL */
	.email_denial_content h1 { font-size:26px;}

	/* 404 */
	.error_404_container h1 {font-size:100px;}
	/* .error_404_container h1 .zero:before {left: 20px;top: 40px;width: 30px;} CSS 삭제 */
	/* CSS 추가 시작 */
	.error_404_container h1 .zero:before {left: 16px;top: 28px;width: 30px;}
	/* CSS 추가 끝 */
	.error_404_content {margin-top:-30px;}
	.error_404_content b {font-size:20px;}
	.error_404_content p {font-size:14px;}
	.error_404_content p br {display:none;}
	.error_404_bg_blue {width: 270px;height: 270px; top:-55%; left:-25%;}
	.error_404_button_wrap a {min-width:130px;}
	.error_404_button_wrap .jt_btn_icon {padding-left: 20px;padding-right: 20px;}

	/* PRIVACY */
	.privacy_category .privacy_box_table_title,
	.privacy_category .privacy_box_table_sub_title,
	.privacy_category .privacy_box_table_post {font-size: 13px;}
}