/*메인*/

.test{
	-webkit-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.link_wrap a:after{
	-webkit-transition: all 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}


/* ************************************ 서브 ************************************ */

/* 공통 */
.first_top{padding-top: 50px;}

/* 서브 타이틀 */
.page_title{display: flex; align-items: center; height: 150px;}
.page_title h2{font-size: 29px; font-weight: 400;}
.page_title h2 span{font-family: 'Jost', sans-serif; font-weight: 700;}
.para_title{display: flex; align-items: center; height: 90px;}
.para_title h3{font-family: 'Jost', sans-serif; font-size: 45px; font-weight: 300;}


/* 양쪽 텍스트 타입 */
.side_lay{overflow: hidden;}
.side_lay > ul{display: flex;}
.side_lay > ul > li{}
.side_lay > ul > li:nth-child(1){width: 27%;}
.side_lay > ul > li:nth-child(2){width: 73%; margin-top: 70px;}
.side_lay > ul > li.line_wrap{padding-left: 25px; border-left: 2px solid #000;}
.side_lay > ul > li p{word-break: keep-all;}
.side_lay > ul > li:nth-child(1) p{font-size: 29px; line-height: 1.4; font-weight: 300;}
.side_lay > ul > li:nth-child(2) p{font-size: 17px; line-height: 1.5; margin-bottom: 30px;}
.side_lay > ul > li p.noMargin{margin-bottom: 0 !important;}

.side_lay > ul > li .black_span{display: block;}
.side_lay.side_no_line > ul > li.line_wrap{padding-left: 0; border-left: 0;}
.side_lay.side_no_line > ul > li:nth-child(2) p{font-size: 15px;}
.side_lay.side_no_line > ul > li:nth-child(2) p.rep_text{font-size: 23px; font-weight: 700;}

/* Brand */
.brand_bg{position: relative; width: 100%; height: 100%; background: url("../imgs/sub/s01/brand_bg.jpg") no-repeat center; background-size: cover;}
.brand_bg div{position: absolute; display: inline-block; top: 75px; left: 50%; margin-left: -580px;}
.brand_bg img{width: 270px;}

.philosophy_wrap{position: relative; margin-top: -280px; margin-bottom: 90px; overflow: hidden;}
.philosophy_wrap > ul{display: flex; flex-direction: row-reverse; align-items: center;}
.philosophy_wrap > ul > li{width: 50%}
.philosophy_wrap > ul > li:nth-child(1){width: 45%; margin-left: 5%;}
.philosophy_wrap > ul > li:nth-child(2){margin-top: 300px;}

.philosophy_img_wrap .top_area{padding: 80px 40px 70px; background: #114e4f; color: #fff; font-weight: 300;}
.philosophy_img_wrap .top_area span{font-size: 17px;}
.philosophy_img_wrap .top_area h4{font-family: 'Jost', sans-serif; font-size: 70px; margin-bottom: 100px;}
.philosophy_img_wrap .top_area p{font-size: 39px; line-height: 1.4; word-break: keep-all;}
.philosophy_img_wrap img{width: 100%;}

.philosophy_text_box ul{display: flex;}
.philosophy_text_box li:nth-child(1){width: calc(100% - 580px);}
.philosophy_text_box li:nth-child(2){width: 580px; padding: 0 85px;}
.philosophy_text_box div{position: relative; padding-top: 230px;}
.philosophy_text_box div:after{content: ''; position: absolute; top: 0; left: 50%; width: 1px; height: 120px; background: #000;}
.philosophy_text_box p{font-size: 17px; line-height: 1.4; margin-bottom: 30px;}
.philosophy_text_box p.big_text{font-size: 21px; line-height: 1.3; word-break: keep-all;}

.brand_title{margin-bottom: 30px;}
.brand_title.big_title{margin-bottom: 40px;}
.brand_title h3{font-size: 17px; font-weight: 400; padding-left: 20px;}
.brand_title h3 span{font-family: 'Jost', sans-serif; font-size: 23px; font-weight: 700;}
.brand_title.big_title h3{padding-left: 30px;}
.brand_title.big_title h3 span{font-size: 29px;}

.brand_story_img{padding: 60px 0; border-top: 1px solid #999; border-bottom: 1px solid #999; overflow: hidden;}
.brand_story_img ul{display: flex; width: 90%; margin: 0 auto; align-items: center; justify-content: center;}
.brand_story_img ul li:nth-child(2){width: 30%; text-align: center; font-size: 70px; font-weight: 300;}
.brand_story_img ul li img{width: 270px;}

.brand_story_text{margin: 120px 0 80px;}
.brand_story_text p{font-size: 29px; text-align: center;}
.brand_story_text p.big_text{font-size: 45px; margin-bottom: 10px;}
.brand_story_text p span{color: #114e4f;}

.brand_ci_wrap{margin-bottom: 150px;}
.brand_ci_wrap .brand_ci_bg{width: 100%; height: 221px; background: url("../imgs/sub/s01/brand_line.png") top left; background-size: 10px; border-right: 1px solid #e6e6e6; display: flex; align-items: center; justify-content: center;}
.brand_ci_wrap.ci_ko .brand_ci_bg{margin-bottom: 120px;}
.brand_ci_wrap.ci_ko .brand_ci_bg img{width: 450px;}
.brand_ci_wrap.ci_en .brand_ci_bg img{width: 500px;}

.brand_last_img img{width: 100%;}

/*
.brand_life_wrap{position: relative; height: 100%;}
.brand_life{position: absolute; width: 100%; bottom: 0; background: #fff; padding: 90px; font-size: 29px; text-align: center;}
.brand_life h3{font-family: 'Jost', sans-serif; font-weight: 400; margin-bottom: 50px;}
.brand_life p{font-weight: 300; color: #114e4f; margin-bottom: 90px;}
.brand_life ul{display: flex;}
.brand_life ul li{width: 30%; margin-left: 5%;}
.brand_life ul li:first-child{margin-left: 0;}
.brand_life ul li img{width: 100%;}
*/


/* 회사소개 */
.sub_rep_text{margin-bottom: 70px;}
.sub_rep_text ul{display: flex; align-items: flex-end;}
.sub_rep_text ul li{width: 32%; margin-left: 4%;}
.sub_rep_text ul li:first-child{width: 64%; margin-left: 0;}
.sub_rep_text ul li:nth-child(2){margin-top: -100px;}
.sub_rep_text ul li img{width: 100%;}
.sub_rep_text p{font-size: 17px; line-height: 1.5; word-break: keep-all;}
.sub_rep_text p.top_area{font-size: 23px; margin-bottom: 30px;}
.sub_rep_text p.top_area span{font-size: 29px;}

.company_advantages{margin-top: 30px; margin-bottom: 70px;}
.company_advantages ul{display: flex; align-items: flex-end;}
.company_advantages ul li{width: 48%; margin-left: 4%;}
.company_advantages ul li:first-child{margin-left: 0; text-align: center;}
.company_advantages ul li img{width: 100%; max-width: 570px;}
.company_advantages ul li p{font-size: 29px; padding-bottom: 15px; padding-left: 20px; border-bottom: 1px solid #ccc; margin-top: 30px; font-weight: 300;}
.company_advantages ul li p:first-child{margin-top: 0;}
.company_advantages ul li p b{color: #efa401;}

.certification_wrap{margin-top: 30px; margin-bottom: 120px;}
.certification_wrap ul{display: flex; flex-wrap: wrap;}
.certification_wrap ul li{width: 23.5%; margin-left: 2%; text-align: center;}
.certification_wrap ul li:nth-child(4n+1){margin-left: 0;}
.certification_wrap ul li:nth-child(n+5){margin-top: 20px;}
.certification_wrap ul li img{width: 80%;}

.company_info{padding: 50px 20px 25px; background: #ccc;}
.company_info .para_title{padding: 0 15px;}
.company_info ul{padding: 0 15px; margin-bottom: 35px; background: url("../imgs/sub/s01/s02_02.png") no-repeat right bottom;}
.company_info li{font-size: 15px; line-height: 1.4;}


/* 오시는 길 */
.map_wrap{position: relative; max-width: 1400px; width: 100% !important;}
.map_wrap .wrap_map{height: 600px !important;}



/* 디자인 프로세스 */
.process_wrap{margin-top: 50px; margin-bottom: 60px}
.process_wrap ul{display: flex; flex-wrap: wrap; justify-content: center;}
.process_wrap ul li{width: 25%; text-align: center; font-size: 15px; line-height: 1.5;}
.process_wrap ul li div{position: relative;}
.process_wrap ul li div:after{content: ''; position: absolute; right: -10px; top: 50%; margin-top: -10px; width: 20px; height: 20px; background: url("../imgs/sub/s01/process_arrow.png") no-repeat center; background-size: 20px;}
.process_wrap ul li:last-child div:after{content: ''; display: none;}
.process_wrap ul:nth-child(1) li:first-child div:after{content: ''; display: none;}
.process_wrap ul li span{display: inline-block; width: 180px; height: 180px; border-radius: 50%; border: 1px solid #114e4f; margin-bottom: 20px;}
.process_wrap ul:first-child li:first-child span{border-color: transparent; background-color: transparent !important;}
.process_wrap ul li:nth-child(odd) span{background: #f1f1f1;}
.process_wrap ul li:nth-child(even) span{ background: #006666;}
.process_wrap ul:nth-child(2){margin-top: 70px;}
.process_wrap ul:nth-child(2) li:nth-child(odd) span{background: #006666;}
.process_wrap ul:nth-child(2) li:nth-child(even) span{ background: #f1f1f1;}
.process_wrap ul li span img{width: 100%;}
.process_wrap ul li p{font-weight: 700;}
.process_wrap ul li b{display: block; margin-top: 3px; font-family: 'Jost', sans-serif;  color: #114e4f;}

.process_text_wrap > ul{display: flex; flex-wrap: wrap;}
.process_text_wrap > ul > li{width: 23.5%; margin-left: 2%; margin-top: 20px;}
.process_text_wrap > ul > li:nth-child(4n+1){margin-left: 0;}
.process_text_wrap > ul > li:nth-child(n+5){margin-top: 20px;}
.process_text_wrap ul ul{border: 1px solid #114e4f; padding: 8px; height: 100%;}
.process_text_wrap ul ul li{padding-left: 5px; padding-right: 5px;}
.process_text_wrap ul ul li:nth-child(1){border-bottom: 1px solid #114e4f; padding-top: 15px; padding-bottom: 10px;}
.process_text_wrap ul ul li:nth-child(2){padding-top: 30px; padding-bottom: 50px;}
.process_text_wrap ul ul li h4{font-family: 'Jost', sans-serif; font-size: 15px; color: #114e4f; margin-bottom: 3px;}
.process_text_wrap ul ul li span{font-size: 17px;}
.process_text_wrap ul ul li p{font-size: 15px; line-height: 1.5; word-break: keep-all;}
.process_text_wrap ul ul li p b{color: #114e4f;}

/* 스타일 가이드 */
.style_guide_wrap{margin-top: 40px;}
.style_guide_wrap ul{display: flex; flex-wrap: wrap; margin-top: 50px; overflow: hidden;}
.style_guide_wrap ul.long_margin{margin-top: 100px; margin-bottom: 100px;}
.style_guide_wrap ul:first-child{margin-top: 0;}
.style_guide_wrap ul.style_text_type{align-items: flex-end;}
.style_guide_wrap ul.style_text_type.num1_2{align-items: flex-start;}
.style_guide_wrap ul.num1 li{width: 100%;}
.style_guide_wrap ul.num1_2 li:nth-child(1){width: 32.4%;}
.style_guide_wrap ul.num1_2 li:nth-child(2){width: 63.6%; margin-left: 4%;}
.style_guide_wrap ul.num1_3 li:nth-child(1){width: 40%; margin-bottom: 150px;}
.style_guide_wrap ul.num1_3 li:nth-child(2){width: 56%; margin-left: 4%;}
.style_guide_wrap ul.num1_4 li:nth-child(1){width: 44.5%;}
.style_guide_wrap ul.num1_4 li:nth-child(2){width: 51.5%; margin-left: 4%;}
.style_guide_wrap ul.num1_5 li:nth-child(1){width: 75%;}
.style_guide_wrap ul.num1_5 li:nth-child(2){width: 23%; margin-left: 2%}
.style_guide_wrap ul.num1_6 li:nth-child(1){width: 56%;}
.style_guide_wrap ul.num1_6 li:nth-child(2){width: 40%; margin-left: 4%;}
.style_guide_wrap ul.num1_6 li p span{display: block; margin-bottom: 20px;}
.style_guide_wrap ul.num1_6 li p span:last-child{margin-bottom: 0;}
.style_guide_wrap ul.num1_6 li p span:first-child{margin-top: 30px;}
.style_guide_wrap ul.num1_7 li:nth-child(1){width: 63.2%;}
.style_guide_wrap ul.num1_7 li:nth-child(2){width: 32.8%; margin-left: 4%;}
.style_guide_wrap ul.num2 li{width: 48%; margin-left: 4%;}
.style_guide_wrap ul.num2 li:first-child{margin-left: 0;}
.style_guide_wrap ul.num3 li{width: 32%; margin-left: 2%;}
.style_guide_wrap ul.num3 li:first-child{margin-left: 0;}
.style_guide_wrap ul li img{width: 100%;}
.style_guide_wrap p{font-size: 15px; line-height: 1.5; margin-bottom: 30px; word-break: keep-all;}
.style_guide_wrap p.rep_text{font-size: 23px; font-weight: 700; line-height: 1.2; margin-bottom: 10px;}
.style_guide_wrap ul.num1_2 p.rep_text{margin-top: 140px;}
.style_guide_wrap p:last-child{margin-bottom: 0;}
.style_guide_wrap ul.num1_3 p b{display: block; font-size: 19px; line-height: 1.4; font-weight: 400;}
.style_guide_wrap ul.num1_3 p span{display: block; margin-top: 30px;}
.style_guide_wrap h3{font-family: 'Jost', sans-serif; font-size: 57px; font-weight: 300; color: #114e4f; margin-bottom: 40px;}
.style_guide_wrap ul.style_text_right_type.in_left{align-items: flex-end;}
.style_guide_wrap ul.style_text_right_type.in_left li:first-child{padding-right: 30px; padding-bottom: 150px;}
.style_guide_wrap ul.style_only_text_type li{padding: 30px 0;}
.style_guide_wrap ul.style_text_right_type li{text-align: right;}
.style_guide_wrap ul.style_text_right_type li:first-child{padding: 0;}
.style_guide_wrap ul.style_text_left_type li{text-align: left;}
.style_guide_wrap ul.style_text_left_type li:nth-child(2){padding: 0;}
.style_guide_wrap .scroll_down{display: inline-block; width: 44px; height: 64px; background: url("../imgs/sub/s02/down_arrow.png") no-repeat center; background-size: 44px; margin-right: 30px;}

.style_guide_wrap .circle_type{padding: 100px 0;}
.style_guide_wrap .circle_type li img{border-radius: 50%;}
.style_guide_wrap .circle_type ul.num3{width: 90%; margin-left: auto; margin-right: auto;}
.style_guide_wrap .circle_type ul.num3 li{width: 28%; margin-left: 8%;}
.style_guide_wrap .circle_type ul.num3 li:first-child{margin-left: 0;}

.style_guide_wrap .above_type{position: relative;}
.style_guide_wrap .above_type .above_text{position: absolute; top: 50px; right: 50px; z-index: 1; justify-content: space-around;}
.style_guide_wrap .above_type .above_text li{width: calc(48% - 50px);}

.link_wrap{margin-top: 50px;}
.style_guide_wrap .link_wrap ul{margin-top: 30px; justify-content: flex-end;}
.link_wrap a{position: relative; display: block; font-weight: 300; padding: 30px 40px; background: #114e4f; color: #ccc; text-align: right; font-size: 21px; line-height: 1.6; padding-right: 160px;}
.link_wrap a:after{content: ''; position: absolute; bottom: 40px; right: 40px; display: inline-block; width: 81px; height: 11px; background: url("../imgs/more_arrow.png") no-repeat center; background-size: contain; }
.link_wrap a:hover:after{content: ''; transform: translateX(10px);}
.link_wrap span{display: block;}
.link_wrap span:first-child{font-weight: 400;}
.link_wrap b{font-weight: 300; color: #fff;}


/* 약관 */
.articles_wrap .download_btn{text-align: center; margin-bottom: 50px;}
.articles_wrap .download_btn a{display: inline-block; font-size: 17px; padding: 10px 30px; background: #f3f3f3; border-radius: 30px;}
.articles_wrap .download_btn a:hover{text-decoration: underline;}
.articles_wrap .articles_text_box{position: relative; width: 100%; max-width: 1200px; margin: 0 auto;}
.articles_wrap .articles_text_box > div{position: relative; border: 1px solid #777;  background: #fff; padding: 70px 100px 150px; z-index: 2;}
.articles_wrap .articles_text_box > div > div{height: 1000px; overflow: hidden;}
.articles_wrap .articles_text_box > span{position: absolute; display: block; width: 100%; height: 100%; background: #E6E6E6; top: 14px; right: -14px; z-index: 1;}
.articles_wrap .articles_text_box .text_layout p{text-align: left;}
.articles_wrap .articles_text_box .text_layout p.title_depth2{margin-bottom: 70px;}
.articles_wrap .articles_text_box .text_layout p b{display: block; font-weight: 700;}
.articles_more{position: absolute; bottom: 50px; left: 50%; margin-left: -70px; width: 140px; line-height: 50px; border: 1px solid #ccc; border-radius: 50px; text-align: center;}
.articles_more:hover{text-decoration: underline;}
.articles_wrap.active .articles_text_box > div > div{height: auto;}
.articles_wrap.active .articles_more{display: none;}
.terms_wrap .text_layout p{font-size: 15px;}
.terms_wrap .text_layout p.titleSize21{font-size: 19px;}
.terms_wrap .table_box th, .terms_wrap .table_box td{font-size: 15px; padding: 10px;}

.articles_wrap.mrm_articles_wrap .articles_text_box > div{padding: 0 !important; border: 0;}


@media (max-width: 1200px){
	/* Brand */
	.brand_bg div{top: 75px; left: 3%; margin-left: 0;}
	.brand_bg img{width: 200px;}
	.philosophy_img_wrap .top_area h4{font-size: 55px; margin-bottom: 80px;}
	.philosophy_img_wrap .top_area p{font-size: 29px;}
	
	/* 회사소개 */
    .company_info ul{background-size: 300px;}
	
	/* 스타일 가이드 */
	.link_wrap a{padding-right: 120px;}
	.link_wrap a:after{content: '';  width: 60px; height: 8px; right: 30px;}
	.link_wrap a:hover:after{content: ''; transform: translateX(5px);}
	
	.style_guide_wrap .link_wrap ul li{width: 100% !important; margin-left: 0 !important; margin-top: 30px !important;}
	.style_guide_wrap .link_wrap ul li:first-child{margin-top: 0 !important;}
}

@media (max-width: 1023px){
    /* 양쪽 텍스트 타입 */
	.side_lay > ul{flex-wrap: wrap;}
	.side_lay > ul > li{width: 100% !important;}
	.side_lay > ul > li:nth-child(2){margin-top: 30px;}
	.side_lay > ul > li.line_wrap{padding-left: 20px;}
	
	
	/* 오시는 길 */
	.map_wrap .wrap_map{height: 400px !important;}
	
	
	/* 디자인 프로세스 */
	.process_wrap ul li{width: 50%;}
	.process_wrap ul li div{position: relative;}
	.process_wrap ul li:nth-child(2n) div:after{content: ''; display: none;}
	.process_wrap ul li:nth-child(n+3){margin-top: 50px;}
	.process_wrap ul:nth-child(2){margin-top: 50px;}
	
	.process_text_wrap > ul > li{width: 49%; margin-left: 2%;}
	.process_text_wrap > ul > li:nth-child(2n+1){margin-left: 0;}
	.process_text_wrap > ul > li:nth-child(n+3){margin-top: 20px;}

	/* 스타일 가이드 */
	.style_guide_wrap .above_type .above_text{position: relative; top: inherit; right: inherit; justify-content: flex-start; margin: 50px 0 20px;}
	.style_guide_wrap .above_type .above_text li{width: 100%; padding: 0; margin: 0;}
	
	.style_guide_wrap ul.num1_2 p.rep_text{margin-top: 60px;}
}

@media screen and (max-width: 767px) {
	/* 공통 */
	.first_top{padding-top: 30px;}
	
	/* 서브 타이틀 */
	.page_title{height: 100px;}
	.page_title h2{font-size: 25px;}
	.para_title{ height: 70px;}
	.para_title h3{font-size: 37px;}

	
	/* 양쪽 텍스트 타입 */
	.side_lay > ul > li:nth-child(1) p{font-size: 23px;}
	.side_lay > ul > li:nth-child(2) p{font-size: 15px; margin-bottom: 20px;}
	.side_lay > ul > li .black_span{display: block;}
	
    
    /* Brand */
	.brand_bg{margin-bottom: 0;}
	.brand_bg div{top: 35px;}
	.brand_bg img{width: 150px;}

	.philosophy_wrap{margin-top: 0; margin-bottom: 60px;}
	.philosophy_wrap > ul{flex-wrap: wrap; align-items: flex-start;}
	.philosophy_wrap > ul > li{width: 100% !important; margin: 0 !important;}
	.philosophy_wrap > ul > li:nth-child(2){margin-top: 80px !important;}

	.philosophy_img_wrap .top_area{padding: 70px 30px 50px;}
	.philosophy_img_wrap .top_area span{font-size: 15px;}
	.philosophy_img_wrap .top_area h4{font-size: 45px; margin-bottom: 50px;}
	.philosophy_img_wrap .top_area p{font-size: 25px;}

	.philosophy_text_box ul{flex-wrap: wrap;}
	.philosophy_text_box li{width: 100% !important;}
	.philosophy_text_box li:nth-child(2){padding: 0 70px;}
	.philosophy_text_box div{position: relative; padding-top: 150px;}
	.philosophy_text_box div:after{content: ''; height: 80px; }
	.philosophy_text_box p{font-size: 15px; margin-bottom: 20px;}
	.philosophy_text_box p.big_text{font-size: 19px;}
	
	.brand_title{margin-bottom: 20px;}
	.brand_title.big_title{margin-bottom: 30px;}
	.brand_title h3{font-size: 14px; padding-left: 10px;}
	.brand_title h3 span{font-size: 19px;}
	.brand_title.big_title h3{padding-left: 20px;}
	.brand_title.big_title h3 span{font-size: 25px;}

	.brand_story_img{padding: 50px 0;}
	.brand_story_img ul li:nth-child(2){font-size: 50px;}
	.brand_story_img ul li img{width: 180px;}

	.brand_story_text{margin: 80px 0;}
	.brand_story_text p{font-size: 23px;}
	.brand_story_text p.big_text{font-size: 35px;}
	
	.brand_ci_wrap{margin-bottom: 100px;}
	.brand_ci_wrap .brand_ci_bg{height: 161px;}
	.brand_ci_wrap.ci_ko .brand_ci_bg{margin-bottom: 80px;}
	.brand_ci_wrap.ci_ko .brand_ci_bg img{width: 350px;}
	.brand_ci_wrap.ci_en .brand_ci_bg img{width: 400px;}
	
	
	/*
	.brand_life{position: relative; bottom: inherit; padding: 30px 0; font-size: 23px; margin-top: -60px; margin-bottom: 30px;}
	.brand_life h3{margin-bottom: 30px;}
	.brand_life p{margin-bottom: 40px;}
	.brand_life ul{flex-wrap: wrap; width: 80%; margin: 0 auto;}
	.brand_life ul li{width: 100%; margin-left: 0; margin-top: 20px;}
	.brand_life ul li:first-child{margin-top: 0;}
	*/
	
	/* 회사소개 */
	.sub_rep_text{margin-bottom: 40px;}
	.sub_rep_text ul{flex-wrap: wrap; align-items: stretch;}
	.sub_rep_text ul li{width: 100% !important; margin-left: 0 !important;}
	.sub_rep_text ul li:nth-child(2){margin-top: 30px;}
	.sub_rep_text p{font-size: 15px;}
	.sub_rep_text p.top_area{font-size: 19px; margin-bottom: 20px;}
	.sub_rep_text p.top_area span{font-size: 25px;}

	.company_advantages{margin-top: 20px; margin-bottom: 40px; overflow: hidden;}
	.company_advantages ul{flex-wrap: wrap; align-items: stretch;}
	.company_advantages ul li{width: 100%; margin-left: 0; margin-top: 40px;}
	.company_advantages ul li:first-child{margin-top: 0;}
	.company_advantages ul li p{font-size: 23px; padding-bottom: 10px; margin-top: 20px;}

	.certification_wrap{margin-top: 20px; margin-bottom: 90px;}
	.certification_wrap ul li{width: 49%;}
	.certification_wrap ul li:nth-child(4n+1){margin-left: 2%;}
	.certification_wrap ul li:nth-child(2n+1){margin-left: 0;}
	.certification_wrap ul li:nth-child(n+3){margin-top: 30px;}
	.certification_wrap ul li img{width: 90%;}

	.company_info{padding: 20px 20px 40px;}
    .company_info ul{background: none;}
	.company_info li{font-size: 14px;}
	
	
	/* 디자인 프로세스 */
	.process_wrap{margin-top: 40px;}
	.process_wrap ul li:nth-child(n+3){margin-top: 40px;}
	.process_wrap ul:nth-child(2){margin-top: 40px;}
	.process_wrap ul li{font-size: 14px;}
	.process_wrap ul li span{width: 140px; height: 140px; margin-bottom: 10px;}
	.process_wrap ul li b{margin-top: 0;}
	
	
	/* 스타일 가이드 */
	.style_guide_wrap ul.long_margin{margin-top: 70px; margin-bottom: 70px;}
	.style_guide_wrap ul.style_text_type{align-items: flex-end;}
	.style_guide_wrap ul li{width: 100% !important; margin-left: 0 !important; margin-top: 20px;}
	.style_guide_wrap ul li:first-child{margin-top: 0;}
	.style_guide_wrap ul.num1_3 li:nth-child(1){margin-bottom: 0;}
	.style_guide_wrap p{margin-bottom: 20px;}
	.style_guide_wrap p.rep_text{font-size: 21px;}
	.style_guide_wrap ul.num1_2 p.rep_text{margin-top: 50px;}
	.style_guide_wrap h3{font-size: 47px; margin-bottom: 30px;}
	.style_guide_wrap ul.style_text_right_type li:nth-child(2){margin-top: 0;}
	.style_guide_wrap ul.style_text_right_type.in_left li:first-child{padding-right: 0; padding-bottom: 0;}
	.style_guide_wrap ul li.style_mobile_text_type{padding: 30px 0;}
	
	.style_guide_wrap .circle_type{padding: 30px 0;}
	.style_guide_wrap .circle_type ul.num3{width: 50%;}
	
	.link_wrap a{padding: 20px 40px; font-size: 17px; padding-right: 120px;}
	.link_wrap a:after{content: ''; bottom: 28px; right: 30px;}
}


@media screen and (max-width: 480px) {
	/* 서브 타이틀 */
	.page_title{height: 80px;}
	.page_title h2{font-size: 21px;}
	.para_title{height: 60px;}
	.para_title h3{font-size: 31px;}
	
    /* Brand */
	.brand_bg div{top: 25px;}
	.brand_bg img{width: 100px;}
	
	.philosophy_wrap{margin-bottom: 40px;}
	.philosophy_wrap > ul > li:nth-child(2){margin-top: 60px !important;}

	.philosophy_img_wrap .top_area{padding: 40px 30px;}
	.philosophy_img_wrap .top_area span{font-size: 15px;}
	.philosophy_img_wrap .top_area h4{font-size: 40px; margin-bottom: 40px;}
	.philosophy_img_wrap .top_area p{font-size: 21px;}

	.philosophy_text_box li:nth-child(2){padding: 0 30px;}
	.philosophy_text_box div{position: relative; padding-top: 130px;}
	
	.brand_title{margin-bottom: 15px;}
	.brand_title.big_title{margin-bottom: 15px;}
	.brand_title h3{padding-left: 5px;}
	.brand_title.big_title h3{padding-left: 10px;}
	.brand_title.big_title h3 span{font-size: 23px;}

	.brand_story_img{padding: 50px 0;}
	.brand_story_img ul{flex-wrap: wrap;}
	.brand_story_img ul li{width: 100% !important; text-align: center;}
	.brand_story_img ul li:nth-child(2){margin: 20px 0;}
	.brand_story_img ul li img{width: 180px;}

	.brand_story_text{margin: 60px 0;}
	.brand_story_text p{font-size: 19px; letter-spacing: -1px;}
	.brand_story_text p.big_text{font-size: 29px;}
	
	.brand_ci_wrap{margin-bottom: 80px;}
	.brand_ci_wrap .brand_ci_bg{height: 141px;}
	.brand_ci_wrap.ci_ko .brand_ci_bg{margin-bottom: 60px;}
	.brand_ci_wrap.ci_ko .brand_ci_bg img{width: 70%;}
	.brand_ci_wrap.ci_en .brand_ci_bg img{width: 80%;}
	
	/*
	.brand_life{font-size: 19px;}
	.brand_life h3{margin-bottom: 20px;}
	.brand_life p{margin-bottom: 30px;}
	*/
	
	
	/* 양쪽 텍스트 타입 */
	.side_lay > ul > li:nth-child(1) p{font-size: 21px; line-height: 1.3;}
	.side_lay > ul > li:nth-child(2) p{font-size: 14px;}
	.side_lay.side_no_line > ul > li:nth-child(2) p.rep_text{font-size: 19px; margin-bottom: 10px;}
	.side_lay > ul > li .black_span{display: block;}
	
	
	/* 오시는 길 */
	.map_wrap .wrap_map{height: 270px !important;}
	
	
	/* 회사소개 */
	.sub_rep_text{margin-bottom: 30px;}
	.sub_rep_text p{font-size: 14px;}
	.sub_rep_text p.top_area{font-size: 16px;}
	.sub_rep_text p.top_area span{font-size: 19px;}

	.company_advantages ul li{margin-top: 30px;}
	.company_advantages ul li p{font-size: 19px;}

	.certification_wrap{margin-bottom: 70px;}
	.certification_wrap ul li img{width: 100%;}

	.company_info{padding: 15px 15px 20px;}
	.company_info ul{padding: 0 10px; margin-bottom: 20px;}
	.company_info li{font-size: 13px;}	
	
	
	/* 디자인 프로세스 */
	.process_wrap{margin-top: 30px;}
	.process_wrap ul li:nth-child(n+3){margin-top: 30px;}
	.process_wrap ul:nth-child(2){margin-top: 30px;}
	.process_wrap ul li span{width: 130px; height: 130px;}	
	
	.process_text_wrap > ul > li{width: 100%; margin-left: 0 !important;}
	.process_text_wrap > ul > li:nth-child(n+2){margin-top: 20px;}

	.process_text_wrap ul ul li:nth-child(2){padding-top: 15px; padding-bottom: 20px;}
	.process_text_wrap ul ul li h4{font-size: 14px; margin-bottom: 2px;}
	.process_text_wrap ul ul li span{font-size: 15px;}
	.process_text_wrap ul ul li p{font-size: 14px;}
	
	/* 스타일 가이드 */
	.style_guide_wrap p{font-size: 14px;}
	.style_guide_wrap p.rep_text{font-size: 19px;}
	.style_guide_wrap ul.num1_3 p b{font-size: 17px;}
	.style_guide_wrap ul.num1_3 p span{margin-top: 20px;}
	.style_guide_wrap h3{font-size: 40px;}
	.style_guide_wrap ul.style_only_text_type li{padding: 20px 0;}
	.style_guide_wrap ul li.style_mobile_text_type{padding: 20px 0;}
	.style_guide_wrap .circle_type ul.num3{width: 70%;}
	
	.link_wrap a{padding: 15px 0; font-size: 15px; padding-right: 70px;}
	.link_wrap a:after{content: ''; width: 50px; height: 7px; bottom: 24px; right: 10px;}
}