@charset "utf-8";

/*
 * File       : rwd_intro.css
 * Author     : STUDIO-JT (KMS, JDY)
 * Guideline  : JTstyle.1.1
 *
 * SUMMARY:
 * 01) min-width: 2000px
 * 02) min-width: 1024px
 * 03) 1600px
 * 04) 1500px
 * 05) 1480px
 * 06) 1380px
 * 07) 1280px
 * 08) 1100px
 * 09) 1023px
 * 10) 940px
 * 11) 840px
 * 12) 768px
 * 13) 640px
 * 14) 610px
 * 15) 600px
 * 16) 540px
 * 17) 480px
 * 18) 325px
 */



/* **************************************** *
 * min-width: 2000px
 * **************************************** */
@media (min-width: 2000px){
    /* CHARACTER INTRODUCE */
    .character_animation_body {width: 100%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
}



/* **************************************** *
 * min-width: 1024px
 * **************************************** */
@media (min-width: 1024px){
    /* CHARACTER INTRODUCE */
    .body_character_introduce .main_container {padding-top: 0;}
    .body_character_introduce .go_top {opacity: 0;z-index: -1;}

    .body_character_introduce.fp-viewing-2 .character_bottom_overlay {opacity: 1;visibility: visible;}
    .body_character_introduce.fp-viewing-2 #footer {z-index: 3;}
    .body_character_introduce.fp-viewing-2 .go_top {opacity: 1;z-index: 999;}
}



/* **************************************** *
 * 1600px
 * **************************************** */
@media (max-width: 1600px){
    /* CHARACTER INTRODUCE */
    .character_animation_container {display: table;width: 100%;height: 100%;}
    .character_animation_container_inner {display: table-cell;vertical-align: middle;}
    .character_animation_head {padding: 0 0 40px;}
    .character_animation_body {width: 80%;margin: 0 auto;}
}



/* **************************************** *
 * 1500px
 * **************************************** */
@media (max-width: 1500px){
    /* CHARACTER INTRODUCE */
    .character_identity_img {padding-left: 5%;}
}



/* **************************************** *
 * 1480px
 * **************************************** */
@media (max-width: 1480px){
    /* COMPANY */
    .body_company .article_header {padding-top:100px;}
}


/* CSS 추가 시작 */
/* **************************************** *
 * 1440px
 * **************************************** */
@media (max-width: 1440px){
	/* PROJECT */
	.project_list_post p br {display: none;}
}
/* CSS 추가 끝 */



/* **************************************** *
 * 1380px
 * **************************************** */
@media (max-width: 1380px){
	/* COMPANY */
    .body_company .article_header {padding-top:76px;}

	.company_brand_story {padding-bottom: 240px;}

    /* CHARACTER INTRODUCE */
    .character_animation_head h1 {font-size: 42px;}

    .character_identity_txt {padding-left: 6%;}
    .character_identity_txt p {font-size: 22px;}
    .character_identity_txt p:last-child {font-size: 27px;}
    .character_identity_txt p + p {margin-top: 16px;}
}



/* **************************************** *
 * 1280px
 * **************************************** */
@media (max-width: 1280px){
	/* COMPANY*/
	.company .scroll_down {bottom:50px;}

	.company_brand_story {padding-bottom: 200px;}
	.company_brand_story p {margin-bottom:28px;}

	.company_bi {padding-top: 90px;padding-bottom: 96px;}
	.company_bi_content {margin-top: 38px;}
	.company_bi .company_post {padding-top: 40px;}
	.company_bi_color_rule_container {margin-top: 58px;}
	.company_color_rule_sub_title {padding-bottom: 16px;}
	.company_bi_color_rule {margin-top: 40px;margin-bottom: -35px;}
	.company_bi_color_rule li {margin-bottom: 35px;}

	.company_7_color_value {padding-top: 94px;padding-bottom: 100px;}
	.company_7_color_value_content {margin-top: 47px;}

	.business_area {padding-top:90px;}
	.business_area_content {padding-top: 40px;}
	.business_area_content img {margin: 32px 10px 23px;}

	.company_illust_01 {margin-left: 30%;}
	.company_illust_02 {margin-left: -40.4%;}
	.company_illust_03 {width: 230px;height: 230px;margin-left: 27%;top: 370px;}
	.company_illust_04 {width: 700px;height: 700px;bottom: -497px;}
	.company_illust_satellite_01 {margin-left: 27.2%;}
	.company_illust_satellite_02 {margin-left: -34.2%;}
	.company_illust_satellite_03 {margin-left: 28.4%;}

	/* TEACHER */
    .teacher_info_seol_illust {left: 4.2%;bottom: 28%;width: 440px;height: 440px;}
    .teacher_info li {padding-bottom: 38px;margin-bottom: 38px;}
    .teacher_info_awards_container {padding: 44px 52px 46px;}

	/* CSS 추가 시작 */
	/* PROJECT */
	.project_list_comming_soon span {font-size: 86px;}
	.project_list_comming_soon h2 {font-size: 20px;}

	.project_list_post {padding: 40px 36px;}
	.project_list_post .jt_btn_square {bottom: 40px;left: 36px;}
	/* CSS 추가 끝 */
}



/* **************************************** *
 * 1100px
 * **************************************** */
@media (max-width:1100px) {
	/* TEACHER */
    .teacher_info_seol {width: 40%;}
    .teacher_info_seol img {margin-top:0;margin-left:0;max-width: 280px;}
    .teacher_info_seol_illust {left: 3.2%;bottom: 26%;width: 330px;height: 330px;}

    .teacher_info {width:60%;padding-top: 65px;}
    .teacher_info li {padding-bottom: 32px;margin-bottom: 32px;}
    .teacher_info b {left: 0;font-size:22px;}
    .teacher_info_content {padding-left: 52px;}
    .teacher_info_content h2 {font-size: 20px;color:#222;letter-spacing:-0.025em;}

	/* CSS 추가 시작 */
	/* PROJECT */
	.project_list_post p {margin-top:5px;}
	/* CSS 추가 끝 */
}



/* **************************************** *
 * 1023px
 * **************************************** */
@media (max-width: 1023px){
	/* COMPANY */
	.body_company .article_header {padding:50px 0 28px;}
	.company_sub_title {font-size: 38px;}

	.company_brand_story {padding-bottom: 170px;}

	.company_bi_content img {padding: 44px 0;}
	.company_brand_story p,
	.company_bi .company_post p {margin-bottom:26px;}
	.company_bi .company_post p {font-size: 17px;}

	.company_7_color_value_content li {padding: 24px 0 28px;}
	.company_7_color_value_content b {font-size: 20px;}

	.business_area {padding-bottom: 13%;}
	.business_area_content {margin-bottom:-3%;}
	.business_area_content li {width:17.6%; margin-bottom: 2.9%;}
	.business_area_content li:nth-child(5n) {margin-right:0;}
	.business_area_content li:nth-child(6n) {margin-right:3%;}

	.company_illust_01 {width: 80px;height: 80px;}
	.company_illust_02 {width: 98px;height: 98px;}
	.company_illust_03 {width: 200px;height: 200px;}
	.company_illust_05 {width: 680px;height: 680px;bottom: -367px;right: -251px;}
	.company_illust_satellite_03 {width: 44px;height: 44px;}

    /* CHARACTER INTRODUCE */
    .character_animation, .character_identity {height: auto !important;}

    .character_animation {padding-bottom: 13%;}
    .character_animation .scroll_down {display: none;}
    .character_animation_head {padding: 50px 0 60px;}
    .character_animation_head h1 {font-size: 38px;}
    .character_animation_body {width: 100%;}

    .character_identity {padding-bottom: 13%;}
    .character_identity_txt p {font-size: 20px;}
    .character_identity_txt p:last-child {font-size: 25px;}
    .character_identity_txt p + p {margin-top: 12px;}

	/* TEACHER */
	.teacher_info_seol {width: 100%;text-align:center;height: 370px;overflow:hidden;background: url(/img/layout/dankkum_noise_bg.jpg) repeat;border-radius: 10px;}
	.teacher_info_seol img {margin-top: -200px;margin-left: -100px;max-width: 100%;z-index: 20;position: relative;}
	.teacher_info_seol_illust {left: 50%;margin-left: -166px;bottom: 4%;width: 340px;height: 340px;z-index: 10;}
	.teacher_info {width:100%;}
	.teacher_info li {padding-bottom: 28px;margin-bottom: 28px;}
	.teacher_info_content p br {display:none;}

	.teacher_info_awards_container {padding: 36px 44px 38px;margin-top:62px;}

	/* CSS 추가 시작 */
	/* PROJECT */
	.project_list:before {height: 3px;}
	.project_list b {padding-top: 20px;}
	.project_list_post {padding: 22px 23px;}
	.project_list_post span {font-size: 16px;}
	.project_list_post p {line-height: 1.6;max-height: 4.8em;-webkit-line-clamp: 3;}
	.project_list_post .jt_btn_square {padding: 10px 14px;bottom: 22px;left: 25px; font-size: 14px;}

	.project_list_comming_soon p {display:none;}
	.project_list_comming_soon span {font-size: 50px;}
	.project_list_comming_soon h2 {font-size: 16px; padding-top:8px;}
	/* CSS 추가 끝 */
}



/* **************************************** *
 * 940px
 * **************************************** */
@media (max-width: 940px){
    /* COMPANY */
	.company_bi_content img {width: 300px;padding: 30px 0;}
	.company_bi_color_rule li {padding-right: 25px;}
	.company_bi_color_rule li,
	.company_bi_color_rule li:nth-child(3n) {width: 33.33%;}
	.company_bi_color_rule_sample {margin-right: 25px;}

	.company_7_color_value_content {padding: 45px 52px 49px;}
	.company_7_color_value_content b {width: -webkit-calc(22.6% - 37px);width: calc(22.6% - 37px); padding-left: 22px;}

	.company_illust_01 {margin-left: 35%;}
	.company_illust_02 {margin-left: -45.4%;}
	.company_illust_03 {margin-left: 32%;}
	.company_illust_04 {left:-400px}
	.company_illust_satellite_01 {margin-left: 32.2%;}
	.company_illust_satellite_02 {margin-left: -39.2%;}
	.company_illust_satellite_03 {margin-left: 33.4%;}
}



/* CSS 추가 시작 */
/* **************************************** *
 * 860px
 * **************************************** */
@media (max-width: 860px){
	/* PROJECT */
	.project_list b {padding-top: 16px;}
	.project_list_post span {font-size: 16px;}
	.project_list_post p {font-size: 15px;}
}
/* CSS 추가 끝 */



/* **************************************** *
 * 840px
 * **************************************** */
@media (max-width: 840px){
    /* COMPANY */
	.company_bi_color_rule_sample {width:57px; height: 57px; margin-right:20px;}

	.company_7_color_value_content b {width: -webkit-calc(25.6% - 37px);width: calc(25.6% - 37px);}
	.company_7_color_value_content p {width: 74.4%;}

	.business_area_content img {margin:22px 10px 12px}
	.business_area_content b {padding-bottom: 24px;}

	.company_illust_01,
	.company_illust_02,
	.company_illust_satellite_01,
	.company_illust_satellite_02 {display:none;}
}



/* **************************************** *
 * 768px
 * **************************************** */
@media (max-width: 768px){
	/* COMPANY */
    .body_company #footer:before {top: -18px;}

	.company_sub_title {font-size: 35px;}
	.body_company .article_header {padding:35px 0 20px;}

	.company_brand_story {padding-bottom: 150px;}

	.company_bi {padding-top: 63px;padding-bottom: 65px;}
	.company_bi_content img {width: 280px;}
	.company_bi .company_post p {font-size: 16px;}
	.company_bi_color_rule li,
    .company_bi_color_rule li:nth-child(3n) {width:50%;}
    .company_bi_color_rule_sample {width: 70px;height: 70px;margin-right: 35px;}
	.company_color_rule_sub_title {font-size:22px;}

    .company_7_color_value {padding-top: 64px;padding-bottom: 70px;}
    .company_7_color_value_content {padding: 37px 40px 32px;}
    .company_7_color_value_content li {padding: 28px 0 22px;}
    /* .company_7_color_value_content b {width: 100%;margin-top: 0;padding-bottom: 7px;padding-left: 20px;} CSS 삭제 */
	/* CSS 추가 시작 */
    .company_7_color_value_content b {width: 100%;margin-top: 0;padding-bottom: 14px;padding-left: 20px;}
	/* CSS 추가 끝 */
	.company_7_color_value_content p {width: 100%;}

    .business_area {padding-top:64px;padding-bottom: 15%;}
    /* .business_area_container {padding-bottom: 18px;} CSS 삭제 */
	.business_area_content li {width: 23.5%;margin-bottom:2%;}
	.business_area_content li,
	.business_area_content li:nth-child(5n),
	.business_area_content li:nth-child(6n) {margin-right: 2%;}
	.business_area_content li:nth-child(4n) {margin-right:0;}

	.company_illust_03 {top:340px;}
	.company_illust_04 {display: none;}
	.company_illust_05 {width: 480px;height: 480px;bottom: -287px;}

    /* CHARACTER INTRODUCE */
    .character_animation_head {padding: 35px 0 40px;}
    .character_animation_head h1 {font-size: 35px;}
    .character_animation_head p {margin-top: 7px;font-size: 15px;}

    .character_identity {padding-bottom: 15%;}
    .character_identity_img {width: 50%;padding-left: 0;}
    .character_identity_txt {width: 50%;padding-left: 35px;}
    .character_identity_txt p {font-size: 18px;}
    .character_identity_txt p:last-child {font-size: 21px;}
    .character_identity_txt p + p {margin-top: 10px;}

	/* TEACHER */
    .teacher_info_seol {height: 300px;}
    .teacher_info_seol img {margin-top: -150px;margin-left: -80px;max-width: 300px;}
	.teacher_info_seol_illust {margin-left: -126px;bottom: -20%;width: 260px;height: 260px;}

	.teacher_info {padding-top: 46px;}
	.teacher_info li {padding-bottom: 24px;margin-bottom: 27px;}
	.teacher_info b {font-size:20px;}
	.teacher_info_content h2 {font-size:18px;line-height: 1.4;}

	.teacher_info_awards_container {margin-top: 44px;}
	.teacher_info_awards_section p {font-size:15px;padding-bottom: 6px;padding-right: 20px;}
	.teacher_info_awards_section p:before {top:11px;}

	/* CSS 추가 시작 */
	/* PROJECT */
	.jt_isotope_list {margin-bottom: -2%; margin-left: 0; margin-right: 0;}
	.jt_isotope .isotope_grid_sizer {width: 32%;}
	.jt_isotope .isotope_gutter_sizer {width: 2%;}
	.jt_isotope .isotope_item {width: 32%;margin-bottom: 2%; margin-right: 0; padding-left: 0; padding-right: 0;}

	.project_list {padding-top: 30px;margin-bottom:-26px;}
	.project_list_thumbnail {border-radius: 4px 4px 0 0;}
	.project_list_post {position: static; opacity: 1; visibility: visible; background: #fff; border: 1px solid #ddd; border-top: 0; border-radius: 0 0 4px 4px; padding: 20px 22px 27px;}
	.project_list_post span {font-size: 13px; color: #a7a7a7; letter-spacing: -0.05em; margin-bottom: 7px; display: block; line-height: 1;}
	.project_list_post h2 {display: block; font-size: 16px; color: #222; letter-spacing: -0.05em;}
	.project_list_post p {font-size: 15px; line-height: 1.6; letter-spacing: -0.05em; color: #666; max-height: none; display: block; -webkit-line-clamp: unset; -webkit-box-orient: unset; margin-top: 7px;}
	.project_list_post .jt_btn_square {display: none;}
	.project_list b {display: none;}

	.project_list_comming_soon_content {position: static; top: auto; left: auto; -webkit-transform: none; -ms-transform: none; transform: none; text-align: left; border: 1px solid #ddd; border-top: 0; border-radius: 0 0 4px 4px; padding: 20px 22px 22px;}
	.project_list_comming_soon_content span {display: none;}
	.project_list_comming_soon_content span.project_list_meta {display: block;}
	.project_list_comming_soon h2 {font-size: 16px; padding-top: 0;}
	.project_list_comming_soon p {display: block; font-size: 15px; line-height: 1.6; padding-top: 0; margin-top: 7px;}
	.project_list_comming_soon p br {display: none;}
	/* CSS 추가 끝 */
}



/* **************************************** *
 * 640px
 * **************************************** */
@media (max-width: 640px){
	/* COMPANY */
    .company_brand_story p br,
	.company_bi .company_post p br {display: none;}
	.company_brand_story {padding-left:10%; padding-right:10%;}

	/* TEACHER */
	.teacher_info_awards_section {width:100%;}
	.teacher_info_awards_section p {padding-right:0;}
	.teacher_info_awards_section p,
	.teacher_info_awards_section li:last-child p {padding-bottom:8px;}
	.teacher_info_awards_section_02 li:last-child p {padding-bottom:0;}
	.teacher_illust_01 {display:none;}

	/* CSS 추가 시작 */
	/* PROJECT */
	.jt_isotope_list {margin-bottom: -4%;}
	.jt_isotope .isotope_grid_sizer {width: 48%;}
	.jt_isotope .isotope_gutter_sizer {width: 4%;}
	.jt_isotope .isotope_item {width: 48%;margin-bottom: 4%; margin-right: 0;}

	.project_list_post {padding: 24px 20px;}

	.project_list_comming_soon_content {padding: 24px 20px;}
	/* CSS 추가 끝 */
}



/* **************************************** *
 * 610px
 * **************************************** */
@media (max-width: 610px){
    /* CHARACTER INTRODUCE */
    .character_animation_video.large_screen {display: none;}
    .character_animation_video.small_screen {display: block;}

    .character_identity_content, .character_identity_content > div {display: block;}
    .character_identity_img {width: 100%;}
    .character_identity_img figure {max-width: 80%;margin: 0 auto;}
    .character_identity_txt {width: 100%;padding-left: 0;padding-top: 40px;text-align: center;}
}



/* **************************************** *
 * 600px
 * **************************************** */
@media (max-width: 600px){
	/* COMPANY */
    /* .company_bi_content img {width: 230px;} CSS 삭제 */
	/* CSS 추가 시작 */
    .company_bi_content img {width: 260px;}
	/* CSS 추가 끝 */
	.company_bi_color_rule_sample {width: 56px;height: 56px;margin-right: 18px;}
}



/* **************************************** *
 * 540px
 * **************************************** */
@media (max-width: 540px){
	/* COMPANY */
	.body_company .article_header {padding: 30px 0 16px;}
	.company_sub_title {font-size: 28px;}

	/* .company_bi_content img {width: 210px;} CSS 삭제 */
	.company_bi_color_rule li {padding-right: 15px;}

	.business_area {padding-bottom: 20%;}
	.business_area_content li {width: 31.33%;margin-right:3%;margin-bottom:3%;}
	.business_area_content li,
	.business_area_content li:nth-child(4n),
	.business_area_content li:nth-child(5n),
	.business_area_content li:nth-child(6n) {margin-right: 3%;}
	.business_area_content li:nth-child(3n) {margin-right:0;}

    /* CHARACTER INTRODUCE */
    .character_animation {padding-bottom: 60px;}
    .character_animation_head {padding: 30px 0 20px;}
    .character_animation_head h1 {font-size: 30px;}
    .character_animation_head p {margin-top: 5px;font-size: 14px;}

    .character_identity {padding-bottom: 20%;}
    .character_identity_txt {padding-top: 30px;}
    .character_identity_txt p {font-size: 17px;}
    .character_identity_txt p:last-child {font-size: 19px;}
    .character_identity_txt p + p {margin-top: 8px;}

	/* CSS 추가 시작 */
	/* PROJECT */
	.project_list {padding-top: 27px; margin-bottom: -17px;}
	/* CSS 추가 끝 */
}



/* **************************************** *
 * 480px
 * **************************************** */
@media (max-width: 480px){
	/* COMPANY */
	.company .article_title {font-size: 28px;}
	.company_sub_title {font-size: 26px;}
	.company .scroll_down {bottom:32px;}

	.company_brand_story p,
	.company_bi .company_post p,
	.company_7_color_value_title p,
	.company_7_color_value_content p {font-size:15px;line-height: 1.8;}
	.company_brand_story p,
	.company_bi .company_post p {margin-bottom:26px;}

	.company_brand_story_container {margin-bottom:18px;}
	.company_brand_story_container:after {height: 18px;background-size: 80px auto;background-position: 50% top;bottom: -18px;}
    .company_brand_story {padding-bottom: 126px;}

	.company_bi {padding-top: 50px;padding-bottom: 47px;}
    .company_bi_content {margin-top: 34px;border: 1px solid #ddd;border-radius: 10px;}
    /* .company_bi_content img {width: 184px;padding-bottom: 39px;} CSS 삭제 */
	/* CSS 추가 시작 */
	.company_bi_content img {padding-bottom: 39px;}
	/* CSS 추가 끝 */
    .company_bi .company_post {padding-top: 34px;}
    .company_bi_color_rule_container {margin-top: 49px;}
    .company_color_rule_sub_title {font-size:18px;padding-left: 0;padding-bottom: 13px;}
    .company_bi_color_rule {margin-top: 36px;margin-bottom: -19px;}
    .company_bi_color_rule li {padding-right: 0;margin-bottom: 29px;}
    .company_bi_color_rule_sample {width: 40px;height: 40px;margin-right: 13px;}
    .company_bi_color_rule_txt {margin-top: -3px;}
    .company_bi_color_rule_txt b {font-size: 13px;letter-spacing: -0.015em;padding-bottom: 3px;}
    .company_bi_color_rule_txt p {font-size: 12px;line-height: 1.5;}
    .company_bi_color_rule_txt p span {padding-right: 7px;letter-spacing: -0.05em;}

    .company_7_color_value {padding-top: 55px;padding-bottom: 60px;}
    .company_7_color_value_content {padding: 36px 33px 30px;margin-top: 34px;}
    .company_7_color_value_content li {padding: 32px 0 25px;}
    .company_7_color_value_content b {padding-left: 17px;padding-bottom: 12px;}
    .company_7_color_value_content b:before {width: 10px;height: 10px;top: 4px;}
    .company_7_color_value_content b:after {width: 4px;height: 4px;top: 7px;}
	/* .ios .company_7_color_value_content b:before {top: 5px;}
    .ios .company_7_color_value_content b:after {top: 8px;} CSS 삭제 */
	/* CSS 추가 시작 */
	.ios .company_7_color_value_content b:before {top: 4px;}
    .ios .company_7_color_value_content b:after {top: 7px;}
	/* CSS 추가 끝 */
    .company_7_color_value_content p {margin-left: -3px;}

    .business_area {padding-top: 55px;}
    .business_area_content {padding-top: 25px;margin-bottom: -4.6%;}
    .business_area_content img {margin: 22px 10px 10px;max-width: 60%;}
    .business_area_content b {font-size:14px; padding-bottom: 18px;}
	.business_area_content li.business_area_more img {margin-top: 8px;}
	.business_area_content li.business_area_more b {font-size: 16px;margin-top: -4px;}
	.business_area_content li,
	.business_area_content li:nth-child(4n),
	.business_area_content li:nth-child(5n),
	.business_area_content li:nth-child(6n) {margin-right: 4.6%;margin-bottom:4.6%;width: 30.26%;}
	.business_area_content li:nth-child(3n) {margin-right:0;}

    .company_illust_03 {width: 105px;height: 105px;top: inherit;bottom: -38px;margin-left: 29.4%;}
	.company_illust_05 {width: 307px;height: 307px;bottom: -202px;right: -179px;}
    .company_illust_satellite_03 {width:22px;height:22px;top:inherit;bottom: 46px;margin-left: 32.7%;}

	/* TEACHER */
    .teacher_info_seol img {margin-top: -123px;}
	.teacher_info {padding-top: 28px;}
	.teacher_info b {font-size: 18px;}
	.teacher_info li {padding-bottom: 20px;margin-bottom: 23px;}
	.teacher_info_content {padding-left: 42px;}
	.teacher_info_content p {font-size:15px;padding-top: 10px;}

	.teacher_info_awards_container {margin-top: 24px;padding: 24px 28px 26px;}
	.teacher_info_awards_section p {font-size:15px;line-height: 1.55;padding-bottom: 6px;padding-left: 14px;}
	.teacher_info_awards_section p:before {top:10px;}
	.ios .teacher_info_awards_section p:before {top:8px;}
	
	/* CSS 추가 시작 */
	/* PROJECT */
	.jt_isotope_list {margin-bottom: -15px;}
	.jt_isotope .isotope_item {width: 100%;margin-bottom: 15px;}

	.project_list_post {padding: 24px 18px;}
	.project_list_post p {font-size: 14px; margin-top: 6px;}

	.project_list_comming_soon_content {padding: 24px 18px;}
	.project_list_comming_soon h2 {font-size: 15px;}
	.project_list_comming_soon p {font-size: 14px; margin-top: 6px;}
	/* CSS 추가 끝 */
}



/* **************************************** *
 * 325px
 * **************************************** */
@media (max-width: 325px){
	/* COMPANY */
	.company_brand_story {padding-left: 6%;padding-right: 6%;}

	.company_bi_color_rule {margin-top:30px;}
	.company_bi_color_rule li {margin-bottom:22px;}
	.company_bi_color_rule_sample {margin-bottom: 12px;}

	.company_7_color_value_content {padding:26px 23px 20px}
	.company_7_color_value_content li {padding: 24px 0 17px;}

	.business_area_content li.business_area_more b {font-size: 15px;}
}