@charset "utf-8";

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

/* **************************************** *
 * 1380px
 * **************************************** */

@media(max-width: 1380px){
	/* 대표인사 */
	.ceo_message_content  {padding-left: 6%;}
	.ceo_message_content p br {display: none;}
	.ceo_message_section + .ceo_message_section .ceo_message_content {padding-right: 6%;}

	/* 철학과 미션 */
	.philosophy_aboutus_item p br {display: none;}

    /* CI소개 */
	.ci_color_item h2 {font-size:30px;}
	.ci_color_detail b {width:26%;padding-right:5%;font-size:17px;}
	.ci_color_detail p span {padding-right:15px;}
	.ci_color_preview {padding: 31px 40px 30px;}
	
}

/* **************************************** *
 * 1280px
 * **************************************** */

@media(max-width: 1280px){
	/* 회사연혁 */
	.jt_common_section > div.history_gallery {display: none;}

	/* 대표인사 */
	.ceo_greetings_bottom_bg {background-size: 100% auto;}

}

/* **************************************** *
 * 1060px
 * **************************************** */

@media(max-width: 1060px){
    /* 철학과 미션 */
    .philosophy_credo_item p br {display:none;}
}

/* **************************************** *
 * 1023px
 * **************************************** */

@media(max-width: 1023px){
	/* 대표인사 */
	.ceo_message_img {vertical-align: top;}
	.ceo_message_content {vertical-align: top;}
	.ceo_message_content h2 { font-size: 30px; margin-bottom: 20px;}

	/* 회사소개 */
	.company_intro {padding-bottom: 90px;}
	.company_intro_content h2 { font-size: 30px; margin-bottom: 20px; }
	.company_intro_content p {word-break: keep-all;}
	.company_intro_content p br {display: none;}

	.business_area_by {padding-bottom: 90px;}
	.business_area_by h2 {font-size: 30px; margin-bottom: 40px;}
	.business_area_by_tit p {font-size: 24px;}

	.company_info_box {padding: 0 7%;}
	.company_info_box h3 {font-size: 30px;}
	.company_info_table_list {max-width: inherit;}
    .company_info_table_list > li > b {width: 155px;font-size: 15px;}
    .company_info_table_list > li > p {font-size: 15px;}

	/* 회사연혁 */
	.article.history .jt_common_section > div.content {width: 75%;}

	/* 철학과 미션 */
	.philosophy_title {font-size: 40px;}
	.philosophy_aboutus_item b { font-size: 18px; margin-top: 30px; }
	.philosophy_aboutus_item strong {font-size: 28px; margin-top: 15px;}

	.philosophy_vision.wrap {margin: 0 30px;}
	.philosophy_vision_item_wrap { width: -webkit-calc(50% + 12px); width: calc(50% + 12px); height: auto; padding-top: 50%; }
	.philosophy_vision_item_wrap + .philosophy_vision_item_wrap { width: -webkit-calc(50% + 12px); width: calc(50% + 12px); height: auto; margin-left: -24px; }
	.philosophy_vision_item { display: block; }
	.philosophy_vision_item_inner { display: block; width: 100%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
	.philosophy_vision_item h4 { font-size: 26px; }
	.philosophy_vision_item h4 span { font-size: 15px; margin-bottom: 10px;}
	.philosophy_vision_item p { font-size: 16px; }
		
	.philosophy_credo_item {width: -webkit-calc(33.33% - 24px);width: calc(33.33% - 24px);}

	.philosophy_content ul > li > h2 { font-size: 18px; }
	.philosophy_list ul > li > h2 { font-size: 18px; }

	/* CI소개 */
	.ci_color_list {margin-bottom: 0;}
	.ci_color_item { margin-bottom:40px;}
	.ci_color_item:last-child {margin-bottom: 0;}
	.ci_color_item h2 {font-size:24px;}
	.ci_color_preview {padding: 20px 30px 19px;}
	.ci_color_detail {padding-top:0;}
	.ci_color_detail li {margin-bottom:10px;}
	.ci_color_detail b {width:100%; padding: 15px 0 5px;font-size:16px;border-bottom:none;display:block;}
	.ci_color_detail p { padding-bottom:10px;display:block;}
	.ci_color_detail p span {padding-right:15px;font-size:15px;}

	/* 인재채용 */
	.recruit_section h3 {font-size: 28px;}

	.recruit_benefic {padding-top: 90px; padding-bottom: 120px;}
	.recruit_benefic_item {width: -webkit-calc(100% + 24px);width: calc(100% + 24px); margin: -12px;}
	.recruit_benefic_item {width: -webkit-calc(33.33% - 24px);width: calc(33.33% - 24px); margin: 12px;}

	.recruit_step {padding-top: 90px; padding-bottom: 120px;}

	.recruit_apply_btn {min-width: 200px;}

	/* 사업장 위치 */
	.location_accordion .location_accordion_list > div.location_info { display:block;padding-left:25px;}
    .location_accordion .location_accordion_list > div.location_view { display:block; text-align:left; padding-top:10px;margin-left:25px;}
	.location_info h4 {font-size:18px;padding-top:0;}
	.location_info ul li b {font-size:15px;}
	.location_info ul li p {font-size:15px;line-height:1.5;}
	.location_global_img {margin-top: 90px;}
    
}

/* **************************************** *
 * 768px
 * **************************************** */

@media(max-width: 768px){
	/* 대표인사 */
	.ceo_message_content h2 {font-weight: 400;}

	/* 회사소개 */
	.company_intro_content h2 {font-weight: 400; letter-spacing: -0.025em;}
	.business_area_by h2 {font-weight: 400;}
	.business_area_by_tit p {font-weight: 400;}
	.company_info_box h3 {font-weight: 400;}

	/* 철학과 미션 */
	.philosophy_subtitle {font-weight: 400;}
	.philosophy_title {font-weight: 400;}
	.philosophy_aboutus_item strong { font-weight: 400;}

	/* 인채채용 */
	.recruit_section h3 {font-weight: 400;}

	/* 사업장위치 */
	.location_view > a > span {min-height: 14px;}
	.location_view.active > a > span:after {font-size: 14px;}
	.location_info ul li b span.space_large {width: 24px;}

}

/* **************************************** *
 * 767px
 * **************************************** */

@media(max-width: 767px){
	/* 대표인사 */
	/* .ceo_message_intro {padding-bottom: 70px;} */
	.ceo_message_section { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
	.ceo_message_img {display: block;width: 100%;height: 0;padding-top: 53%;position: relative;overflow: hidden;-ms-flex-order: 1;-webkit-order: 1;-webkit-box-ordinal-group: 2;order: 1;}
	.ceo_message_img img { width: 100%; position: absolute; top: -50%;}
	.ceo_message_content { display: block; width: 100%; -ms-flex-order: 2; -webkit-order: 2; -webkit-box-ordinal-group: 3; order: 2; padding-top: 22px; padding-left: 0; }
	.ceo_message_content h2 { font-size: 24px; margin-bottom: 10px;}
	.ceo_message_content p { line-height: 1.6; }
	.ceo_message_section + .ceo_message_section {margin-top: 70px; }
	.ceo_message_section + .ceo_message_section .ceo_message_img { width: 100%; }
	.ceo_message_section + .ceo_message_section .ceo_message_content { width: 100%; }
	.ceo_message_content b {font-size: 18px; margin-top: 22px;}

	.ceo_greetings_banner {padding: 15px;}
	.ceo_greetings_banner_inner {padding: 64px 15px 61px;}
	.ceo_greetings_banner_inner h3 {font-size: 22px;}
	.ceo_greetings_banner_inner p {line-height: 1.6;}

	.ceo_message_outro { padding-top: 80px; }

	/* 회사소개 */
	.company_intro {padding-bottom: 70px;}
	/*
	.company_intro_inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; 	flex-wrap: wrap; }
	.company_intro_img { display: block; width: 100%; height: 0; padding-top: 53%; position: relative; overflow: hidden; -ms-flex-order: 1; -webkit-order: 1; -webkit-box-ordinal-group: 2; order: 1; }
	.company_intro_img img { width: 100%; position: absolute; top: -50%; }
	.company_intro_content { display: block; width: 100%; -ms-flex-order: 2; -webkit-order: 2; -webkit-box-ordinal-group: 3; order: 2; padding-top: 22px; 	padding-left: 0; }
	*/
	.article.company .article_body {padding-bottom: 32%;}
	.company_intro_content {margin-bottom: 45px;}
	.company_intro_content h2 { font-size: 24px; margin-bottom: 10px; line-height: 1.4 }
	.company_intro_content p {line-height: 1.6}
	
	.business_area_by {padding-bottom: 70px;}
	.business_area_by h2 {font-size: 24px; margin-bottom: 30px;}
	.business_area_by .js_match_height { margin: 0; }
	.business_area_by_item { width: 100%; margin: 0; height: auto !important; padding: 40px 40px 40px; background-position-y: 40px; }
	.business_area_by_item.business-area-business { margin-top: 40px; }
	.business_area_by_tit { padding: 20px 0 25px; }
	.business_area_by_tit p { font-size: 22px; margin-top: 10px; }
	.business_area_by_content li { font-size: 15px; line-height: 1.67; padding: 16px 12px; }
	.business_area_by_content li:before { top: 27px; }

	.company_info_box {padding: 0;}
	.company_info_box h3 {font-size: 24px; margin-bottom: 25px;}
    .company_info_table_list {display: block;}
    .company_info_table_list > li {display: block;padding: 14px 0 13px;border-bottom: 1px solid #ddd;}
    .company_info_table_list > li > b, .company_info_table_list > li > p {display: block;padding: 0;border-bottom: none; width: auto; text-align: left;}
    .company_info_table_list > li > p {width: auto;padding-left: 0;font-size: 14px;line-height: 1.4;}
    .company_info_table_list > li > p {padding-left: 0;padding-top: 5px;font-size: 14px;line-height: 1.4;}
    .company_info_table_list > li > p br {display: none;}
    .company_info_table_list > li > b .space_small {display: none;}
	.ceo_bg_pic_ring {display: none;}
	
	/* 회사연혁 */
	.article.history .jt_common_section > div.content{width: 100%;}

	.jt_common_section ul.history_list > li > b {line-height: 1.67;}
	.jt_common_section ul.history_list > li > p {line-height: 1.67;}

	/* 철학과 미션 */
	/* .philosophy_about { padding-bottom:80px; } */
	/* .philosophy_about_item:nth-child(odd), .philosophy_about_item:nth-child(even) {width:100%;}
	.philosophy_about_item:nth-child(2), .philosophy_about_item:nth-child(3) { margin-top:60px;}
	.philosophy_about_item figure{ display: block;width: 100%;padding-top: 53%;position: relative;overflow: hidden;-ms-flex-order: 1;-webkit-order: 1;-webkit-box-ordinal-group: 2;order: 1;}
	.philosophy_about_item img { width: 100%; position: absolute; top: -40%;}
	.philosophy_about_item b {margin-top:20px; font-size:17px;}
	.philosophy_about_item p {font-size:15px; line-height: 1.67;} */

	.philosophy_aboutus_content {margin: 50px 0 0;}
	.philosophy_aboutus_content > div {margin: 0 -20px;}
	.philosophy_aboutus_item {margin-bottom: 9px;}
	.philosophy_aboutus_item:before { width: 20px; height: 20px; line-height: 	20px; top: 1px; font-size: 12px; }
	html.ios .philosophy_aboutus_item:before {line-height: 23px; top: 0;}
	.philosophy_aboutus_item figure svg { max-height: 60px; }
	.philosophy_aboutus_item b { font-size: 17px; margin-top: 20px; }
	.philosophy_aboutus_item p { font-size: 15px; line-height: 1.67; padding-left: 32px;}

	.philosophy_bg_pic_ring {display:none;}

	.philosophy_about_banner {padding: 15px;background-size:cover;}
	.philosophy_about_banner_inner {padding: 64px 15px 61px;}
	.philosophy_about_banner_inner h2 {font-size: 23px;}
	.philosophy_about_banner_inner p { font-size: 15px; line-height: 1.67;}
	.philosophy_about_banner_inner p br {display:none;}

	.philosophy_vision.wrap { text-align: center; padding:80px 0; }
	.philosophy_vision_item_wrap {display: inline-block; width: 80%; padding-top: 80%;}
	.philosophy_vision_item_wrap + .philosophy_vision_item_wrap { margin-left: 0; margin-top: -24px; width: 80%; }
	.philosophy_vision_bg {transform: none !important;}
	.philosophy_vision_item_inner {padding: 0 60px;}
	.philosophy_vision_item h4 {font-size: 24px;}
	.philosophy_vision_item p { font-size: 15px; line-height: 1.67; }
	.philosophy_vision_item p br {display: none;}

	.philosophy_subtitle {font-size:30px;}
	.philosophy_subtitle span {font-size:15px; margin-bottom: 10px;}
    .philosophy_credo {padding-top:80px;}
	.philosophy_credo_item {width: -webkit-calc(50% - 24px);width: calc(50% - 24px);}
	.philosophy_credo_item p {min-height:auto;font-size:15px; line-height: 1.67;}
	.philosophy_credo_item figure {margin:0 auto;}
	.philosophy_credo_item figure svg { height: 55px; }
	.philosophy_credo_item span {font-size:15px;}

	.philosophy_container {padding-bottom: 80px;}
	.philosophy_title {font-size: 34px; margin-bottom: 20px;}
	.philosophy_content {padding-top: 30px;}
	.philosophy_content ul > li {padding-bottom: 45px;}
	.philosophy_content ul > li > h3 { font-size: 16px; margin-bottom: 10px; padding-bottom: 8px; }
	.philosophy_content ul > li > p { font-size: 15px; line-height: 1.67; }
	.philosophy_content ul > li > ol > li {font-size: 15px; padding-bottom: 6px; line-height: 1.67;}
	.philosophy_content ul > li > ol > li:before {font-size: 15px; line-height: 1.67;}

	.philosophy_list {padding: 80px 0;}
	.philosophy_list ul {padding-top: 6px;}
	.philosophy_list ul > li {padding: 24px 0 22px; }
	.philosophy_list ul > li > h3 { font-size: 16px; }
	.philosophy_list ul > li > p { font-size: 15px; line-height: 1.67; }
	.philosophy_list ul > li > ol > li {font-size: 15px; margin-bottom: 6px; line-height: 1.67; padding-left: 11px;}
	.philosophy_list ul > li > ol > li:before { top: 11px; }
	html.ios .philosophy_list ul > li > ol > li:before { top: 9px; }

    /* CI소개 */
	.ci_download_btn_wrap { margin:0 -1%;}
	.ci_download_btn_wrap a { min-width:48%;padding: 18px 5px 17px; margin: 30px 1% 0; font-size:14px;}
	.ci_download_btn_wrap a + a { margin-left:1%;}
	.ci_download_btn span {padding-right:20px}
	.ci_download_btn span:after {font-size:12px; top:1px;}

    .ci_color_list {margin-top:30px;}
	.ci_color_item {width:100%; margin-right: 0;}
	.ci_color_item h2 {font-size: 17px;}
	.ci_color_preview {padding: 16px 20px 15px;}
	.ci_color_detail {padding-top:0;}
	.ci_color_detail b {width:30%; padding: 10px 0 10px;display:table-cell;border-bottom:1px solid #ddd;}
	.ci_color_detail p { display:table-cell;}

	/* 인재채용 */
	.recruit_section h3 {font-size: 24px;}
	.recruit_talent {padding-bottom: 40px;}
	.recruit_talent_content { width: auto; height: auto; margin: 0 30px; }
	.recruit_pic_wrap { position: relative; width: 480px; height: 480px; margin: 0 auto; text-align: center; }
	.recruit_pic_circle.circle_01 { width: 100%; height: 100%; padding: 36px; position: relative; }
	.recruit_pic_circle.circle_02 { width: 100%; height: 100%; padding: 36px; position: relative; }
	.recruit_pic_circle.circle_03 { width: 100%; height: 100%; position: relative; }
	.recruit_pic_logo {padding-right: 16px;}
	.recruit_initial_item:before {display: none;}
	.recruit_initial { width: 130px; height: 130px; padding-top: 34px; }
	.recruit_initial h1 { font-size: 36px; line-height: 1; padding-bottom: 4px; }
	.recruit_initial span { font-size: 11px; }

	.recruit_talent_list { position: relative; top: auto; left: auto; margin-top: 30px;}
	.recruit_talent_item { position: static; border-bottom: 1px solid #ddd; padding: 20px 0; }
	.recruit_talent_item:last-child {border-bottom: 0;}
	.recruit_talent_item:nth-child(odd) { top: auto; left: auto; }
	.recruit_talent_item:nth-child(even) { right: auto; }
	.recruit_talent_item:nth-child(1),
	.recruit_talent_item:nth-child(2) { top: auto; }
	.recruit_talent_item:nth-child(3),
	.recruit_talent_item:nth-child(4) { bottom: auto; }
	.recruit_talent_item:nth-child(odd) .recruit_talent_txt { margin-right: 0; text-align: center; }
	.recruit_talent_item:nth-child(even) .recruit_talent_txt { margin-left: 0; text-align: center; }
	.recruit_talent_txt { position: static; }
	.recruit_talent_txt:before { display: none; }
	.recruit_talent_item:before {display: none;}
	.recruit_talent_txt b { font-size: 18px; margin-bottom: 8px;}
	.recruit_talent_txt p { font-size: 15px; line-height: 1.67; }

	.recruit_benefic {padding-top: 65px; padding-bottom: 70px;}
	.recruit_benefic_list {width: -webkit-calc(100% + 24px);width: calc(100% + 24px); margin: -12px;}
	.recruit_benefic_item {width: -webkit-calc(50% - 24px);width: calc(50% - 24px); margin: 12px;}
	.recruit_benefic_item figure svg { height: 50px;  }
	.recruit_benefic_item span {font-size: 15px;}
	.recruit_benefic_item b {font-size: 15px; margin-top: 18px;}
	.recruit_benefic_item p {font-size: 15px;}
	
	.recruit_step {padding-top: 65px; padding-bottom: 70px;}
	.recruit_step p {font-size: 15px;}
	.recruit_step_list {padding-top: 60px; padding-bottom: 60px;}
	.recruit_step_list > li {padding: 25px 10px 0;}
	.recruit_step_list > li > span { font-size: 15px; }
	.recruit_step_list > li > p { font-size: 15px; }
	.recruit_apply_btn {min-width: 170px;}

	/* 사업장 위치 */
	.location_accordion .location_accordion_list {padding:25px 0;}
	.location_accordion .location_accordion_list > div { display:block;}
	.location_accordion .location_accordion_list > div.location_info {margin-top:20px; padding-left:0;}
	.location_accordion .location_accordion_list > div.location_view {margin-left:0;}
	.location_accordion .location_accordion_list .location_img { width:100%;text-align:center;}
	.location_accordion .location_accordion_list .location_img img {width:100%;}
	.location_map_box {height:250px;}
	.location_accordion .location_accordion_map.active > .location_accordion_map_inner {padding-top:0;padding-bottom:25px;}
	.location_view .jt_btn_basic {min-width: 150px; padding: 13px 15px 13px;}
	html.android .location_view .jt_btn_basic { padding:14px 15px 12px;}
	.location_view > a > span {font-size: 14px;}
	.location_view > a > span:before {top:1px;}
	.location_view.active > a > span:before {top:0px;}
	.location_global_img {margin-top: 80px;}

}

/* **************************************** *
 * 540px
 * **************************************** */

@media(max-width: 540px){
	/* 대표인사 */
	/* .ceo_message_intro {padding-bottom: 50px;} */
	.ceo_message_section + .ceo_message_section {margin-top: 50px;}

	.ceo_message_content h2 {font-size: 22px;}
	.ceo_message_content p {font-size: 15px;}
	.ceo_message_content b {font-size: 16px; margin-top: 16px;}

	.ceo_greetings_banner {padding: 10px;}
	.ceo_greetings_banner_inner {padding: 43px 10px 41px;}
	.ceo_greetings_banner_inner h3 {font-size: 20px;}
	.ceo_greetings_banner_inner p {font-size: 15px;}

	.ceo_message_outro { padding-top: 60px; }

	/* 회사소개 */
	.company_intro {padding-bottom: 50px;}
	.company_intro_content {margin-bottom: 32px;}
	.company_intro_content h2 {font-size: 22px;}
	.company_intro_content p {font-size: 15px;}

	.business_area_by {padding-bottom: 50px;}
	.business_area_by h2 {font-size: 22px; margin-bottom: 20px;}
	.business_area_by_item { padding: 25px 20px 25px; background-position-y: 30px; }
	.business_area_by_item.business-area-business { margin-top: 25px; }
	.business_area_by_item figure { width: 34px; }
	.business_area_by_item figure svg { max-width: 100%; }
	.business_area_by_tit { padding-top: 12px; padding-bottom: 20px; }
	.business_area_by_tit p { font-size: 20px; }
	.business_area_by_content li { padding: 13px 10px; }
	.business_area_by_content li:before { top: 23px; }

	.company_info_box h3 {font-size: 22px; margin-bottom: 16px;}

    /* 철학과 미션 */
	.philosophy_subtitle {margin-bottom: 18px;font-size: 22px;}
	.philosophy_subtitle span {font-size: 13px;}
	
	/* .philosophy_about {padding-bottom:60px;} */
	/* .philosophy_about_item:nth-child(2), .philosophy_about_item:nth-child(3) {margin-top:40px;} */
	.philosophy_aboutus_content { margin: 30px 0 0; }
	.philosophy_aboutus_content > div {margin: 0;}
	.philosophy_aboutus_item { display: block; width: 100%; text-align: left; padding: 0; height: auto !important; margin-bottom: 8px;}
	.philosophy_aboutus_item:last-child {margin-bottom: 0;}
	.philosophy_aboutus_item:after { display: none; }
	.philosophy_aboutus_item figure svg { max-height: 55px; }
	.philosophy_aboutus_item b {margin-top: 16px;}
	.philosophy_aboutus_item strong {font-size: 20px;}
	.philosophy_aboutus_item p { font-size: 14px; }
	.philosophy_aboutus_item p br { /* display: block; */ }

	.philosophy_vision.wrap {margin: 0 15px; padding: 60px 0;}
	.philosophy_vision_item_wrap {width: 100%; padding-top: 100%;}
	.philosophy_vision_item_wrap + .philosophy_vision_item_wrap {width: 100%;}
	.philosophy_vision_item_inner {padding: 0 40px;}
	.philosophy_vision_item h4 { font-size: 22px; }
	.philosophy_vision_item h4 span { font-size: 13px; }
	.philosophy_vision_item p { font-size: 15px; }

	.philosophy_about_banner_inner {padding: 45px 15px 50px;}
	.philosophy_about_banner_inner h2 {font-size: 22px;}

	.philosophy_credo .philosophy_subtitle {margin-bottom: 20px;}
	.philosophy_credo {padding-top:60px;padding-bottom: 80px;}
    .philosophy_credo_list {margin:-6px}
	.philosophy_credo_item {width: -webkit-calc(50% - 12px);width: calc(50% - 12px);margin: 6px;padding: 30px 14px 25px;}
	.philosophy_credo_item span {font-size:14px;top:14px;left:13px;}
	.philosophy_credo_item p {margin-top:12px;font-size:14px;}
	
	.philosophy_container {padding-bottom: 60px;}
	.philosophy_title {font-size: 25px; line-height: 1.4; word-break: keep-all; margin-bottom: 12px;}
	
	.philosophy_list { padding: 55px 0 60px;}
	.philosophy_list ul {padding-top: 4px;}
	.philosophy_list ul > li {padding: 22px 0 20px;}
	.philosophy_list ul > li > h3 {margin-bottom: 12px;}
	.philosophy_list ul > li > p {font-size: 14px;}
	.philosophy_list ul > li > ol > li {font-size: 14px;}
	.philosophy_list ul > li > ol > li:before {top: 10px;}
	html.ios .philosophy_list ul > li > ol > li:before { top: 8px; }
	

	/* CI소개 */
	.ci_color_item {margin-bottom:30px;}
	.ci_color_detail b {width: 42%;font-size:15px;}
	.ci_color_detail p span {padding-right:10px; font-size:14px;}
	.ci_download_btn_wrap a {padding: 14px 5px; font-size: 13px;}

	/* 인재채용 */
	.recruit_section h3 {font-size: 22px; margin-bottom: 20px;}

	.recruit_talent {padding-bottom: 30px;}
	.recruit_talent_content {margin: 0 15px;}
	.recruit_talent_txt b {margin-bottom: 5px;}
	.recruit_pic_wrap { width: 320px; height: 320px; }
	.recruit_pic_circle.circle_01 { padding: 28px;}
	.recruit_pic_circle.circle_02 { padding: 28px; }
	.recruit_initial_item:nth-child(1) { top: 20px;}
	.recruit_initial_item:nth-child(2) { top: 20px;}
	.recruit_initial_item:nth-child(3) { bottom: 20px;}
	.recruit_initial_item:nth-child(4) { bottom: 20px;}
	.recruit_initial { width: 98px; height: 98px; padding-top: 24px; }
	.recruit_initial h1 { font-size: 28px; padding-bottom: 0; }
	.recruit_initial span { font-size: 9px; }
	
	.recruit_benefic {padding-top: 50px; padding-bottom: 60px;}
	.recruit_benefic_list {width: -webkit-calc(100% + 12px);width: calc(100% + 12px); margin: -6px;}
	.recruit_benefic_item {width: -webkit-calc(50% - 12px);width: calc(50% - 12px); margin: 6px; padding: 30px 14px 25px;}
	.recruit_benefic_item span {font-size: 14px; top: 14px; left: 13px;}
	.recruit_benefic_item b {font-size: 14px;}
	.recruit_benefic_item p {font-size: 14px;}

	.recruit_step {padding-top: 50px; padding-bottom: 60px;}
	.recruit_step.recruit_section h3 {margin-bottom: 8px;}
	.recruit_step_list {padding-top: 40px; padding-bottom: 40px;}
	.recruit_step_list > li {padding: 20px 5px 0;}
	.recruit_step_list > li > span { font-size: 14px; }
	.recruit_step_list > li > p { font-size: 14px; }
	.recruit_apply_btn {min-width: 150px;}

	/* 사업장 소개 */
	.location_accordion .location_accordion_list > div.location_info {margin-top:15px;}
	.location_info h4 {font-size:17px;}
	.location_info ul li {padding-bottom:3px;}
	.location_info ul li b {min-width:57px;font-size:14px;}
	.location_info ul li p {font-size:14px;}
	.location_view > a > span {font-size: 13px; min-height: 13px;}
	.location_view.active > a > span:after {font-size: 13px;}
	.location_global_img {margin-top: 60px;}
	
}

/* **************************************** *
 * 480px
 * **************************************** */

@media (max-width: 480px) {
	/* 회사소개 */
	.company_intro_content h2 br {display: block;}

	/* 인재채용 */
	.recruit_benefic_item p br {display: none;}

}

/* **************************************** *
 * 400px
 * **************************************** */

@media (max-width: 400px) {
	/* 인재채용 */
	.recruit_pic_wrap { width: 280px; height: 280px; }
	.recruit_initial {width: 105px; height: 105px;}
	.recruit_initial_item:nth-child(1) {top: 5px;}
	.recruit_initial_item:nth-child(2) {top: 5px;}
	.recruit_initial_item:nth-child(3) {bottom: 5px;}
	.recruit_initial_item:nth-child(4) {bottom: 5px;}

	/* 철학과 미션 */
	.philosophy_aboutus_item p br {display: none;}

}

/* **************************************** *
 * 359px
 * **************************************** */

@media (max-width: 359px) {
    /* CI소개 */
	.ci_color_detail b {width:100%; padding:5px 0 0;display:block;border-bottom:none;}
	.ci_color_detail p { padding-bottom:5px;display:block;}

}

/* 359px */