@media screen and (max-width:1830px) {
	
	.main_section03 .main3_visual_tit {font-size: 38px; line-height: 42px; right: 40px; top: -155px; -webkit-transform:rotate(-90deg); transform:rotate(-90deg);}
	.main_section03 .main3_visual_txt {font-size: 18px; margin-bottom: 10px; color: #fff; font-family: 'SUIT', sans-serif; position: absolute; left: 245px; top: -75px;}
	.main3_slide_box::before {background: url("/images/main3_bg_left2.png") no-repeat;}
	.main3_slide_box::after {background: url("/images/main3_bg_right2.png") no-repeat right;}
	
	.main4 {width: 100%; padding: 130px 285px 0;}
	
	/* Main5 */
	.main5 {width: 100%; padding: 100px 50px 0;}
	.main_section05 .pro_list a:first-child li .pro_list_img {position: absolute; left: 60px; top: 200px;}
	.main_section05 .pro_list a:nth-child(2) li .pro_list_img {position: absolute; left: 105px; top: 143px;}
	.main_section05 .pro_list a:nth-child(3) li .pro_list_img {position: absolute; left: 118px; top: 185px;}
	.main_section05 .pro_list a:nth-child(4) li .pro_list_img {position: absolute; left: 95px; top: 182px;}
	.main_section05 .pro_list a:nth-child(5) li .pro_list_img {position: absolute; left: 128px; top: 185px;}
	.main_section05 .pro_list a:nth-child(6) li .pro_list_img {position: absolute; left: 118px; top: 190px;}

  /* footer */
  #footer .wrapper{font-size: 0; padding-left: 30px; padding-right: 30px;}
}

@media screen and (max-width:1600px) {

  /* header */
  .big_site_map_ul{padding: 0 60px;}
  .big_site_map_ul > li {width: 20%;}

  /* MAIN */

  .main2 {padding: 110px 120px 30px;}
  .main2_over p:first-child {font-size: 26px; margin-top: 70px;}
  .main2_over p:nth-child(2) {font-size: 17px; margin-top: 100px;}
  .main2_over span {margin-top: 90px;}

  .main3 {padding: 50px 0 50px;}
	.main_section03 .main3_visual_tit {font-size: 38px; line-height: 42px; right: 115px; top: 85px; -webkit-transform:rotate(-90deg); transform:rotate(-90deg);}
	.main_section03 .main3_visual_txt {font-size: 18px; margin-bottom: 10px; color: #fff; font-family: 'SUIT', sans-serif; position: absolute; left: 167px; top: 175px;}
  .main3_slide_box::before {display: none;}
  .main3_slide_box::after {display: none;}

  .main4 {padding: 110px 168px 30px;}
  .main4_over p:first-child {font-size: 26px; margin-top: 70px;}
  .main4_over p:nth-child(2) {font-size: 17px; margin-top: 100px;}
  .main4_over span {margin-top: 90px;}
	
	
	.main5 {width: 100%; padding: 80px 30px 0;}
	.main_section05 .pro_list a li {width: 15.3%; height: 380px; padding: 34px 0 0 30px;}	
	.main_section05 .pro_list a li .pro_list_arrow i {color: #fff; font-size: 20px; position: absolute; left: 30px; top: 150px; transition: .3s ease-out;}
	.main_section05 .pro_list a:hover li .pro_list_arrow i {color: #fff; font-size: 20px; position: absolute; left: 50px; top: 150px;}
	.main_section05 .pro_list a:first-child li .pro_list_img {position: absolute; left: 50px; top: 200px;}
	.main_section05 .pro_list a:nth-child(2) li .pro_list_img {position: absolute; left: 95px; top: 143px;}
	.main_section05 .pro_list a:nth-child(3) li .pro_list_img {position: absolute; left: 108px; top: 185px;}
	.main_section05 .pro_list a:nth-child(4) li .pro_list_img {position: absolute; left: 85px; top: 182px;}
	.main_section05 .pro_list a:nth-child(5) li .pro_list_img {position: absolute; left: 118px; top: 185px;}
	.main_section05 .pro_list a:nth-child(6) li .pro_list_img {position: absolute; left: 108px; top: 190px;}
	
	

  /* footer */
  .client_left{max-width: 150px;}
  .client_right{width: calc(100% - 150px); margin-left: 0; padding-left: 50px;}


	.com_inner .core-list li::before {width:100% !important; background-size:100%}
	.com_inner .core-list .com1{width:484px; right: 0px}
	.com_inner .core-list .com1::before{height:484px}
	.com_inner .core-list .com1 > a {padding-top:508px}
	.com_inner .core-list .com2 {width:580px; left: 20px;}
	.com_inner .core-list .com2 .tit {padding-top:380px; padding-left: 55px; font-size: 40px; font-weight: 300; color: #fff; font-family: 'SCoreDream', sans-serif; z-index: 1}
	.com_inner .core-list .com2 .tit::before {content: ''; position: absolute; width: 425px; height: 1px; background: rgba(255,255,255,.5); top: 360px;}
	.com_inner .core-list .com2 > a {padding-top:467px}
	.com_inner .core-list .com2 {margin-right:57px}
	.com_inner .core-list .com3 {margin-left:57px}
	.com_inner .core-list .com3 .tit {padding-top:380px; padding-left: 55px; font-size: 40px; font-weight: 300; color: #fff; font-family: 'SCoreDream', sans-serif; z-index: 1}
	.com_inner .core-list .com3 .tit::before {content: ''; position: absolute; width: 425px; height: 1px; background: rgba(255,255,255,.5); top: 360px;}
	
	
	.com_inner .core-list .com2 .tit::before {content: ''; position: absolute; width: 425px; height: 1px; background: rgba(255,255,255,.5); top: 360px;}
	.com_inner .core-list .com2 .description {margin-top:100px; padding-left: 55px; line-height:1.56; color: rgba(255,255,255,.7); font-size: 20px}
	.com_inner .core-list .com3 {align-self:flex-end; width:535px; margin:-340px 30px 0 0;}
	.com_inner .core-list .com3::before {width:535px; height:557px; background-image:url(../../images/company1_img3.jpg)}
}
@media screen and (max-width:1400px) {
	
	.header .nav_ul {position: absolute; left: 45%; transform: translateX(-50%); text-align: center;}	
	.header .nav_ul > li:last-child > a {margin-left: 20px}

  /* MAIN */
  .fog_img {display: none;}
  .main4_more_btn {display: none;}
	
	.main_business_txt {padding:0 30px;}
	.main_business_txt h4.sec1_tit {font-size: 30px;}
	.main_business_link {margin: 0 30px }
	.main_business_link > div br {display: none;}

  .main2 {padding: 100px 160px 40px;}
  .main2_list {margin-top: 60px;}

  .main3 {padding: 100px 0;}
	.main_section03 .main3_visual_tit {font-size: 38px; line-height: 42px; right: 48px; top: 85px; -webkit-transform:rotate(-90deg); transform:rotate(-90deg);}
	.main_section03 .main3_visual_txt {font-size: 18px; margin-bottom: 10px; color: #fff; font-family: 'SUIT', sans-serif; position: absolute; left: 102px; top: 175px;}
	.main3_slide .slick-arrow{display: block; width: 50px; height: 50px; border: 0; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); z-index: 100; margin-top: 0px; text-indent: -9999px; outline: none;}
	.main3_slide .slick-prev{left: 31%; margin-left: -260px; z-index: 10; background: url('/images/arrow_left2.png') no-repeat center/contain;box-shadow: 0 0 10px rgba(51,51,51,0.6);}
	.main3_slide .slick-next{right: 31%; margin-right: -260px; z-index: 10; background: url('/images/arrow_right2.png') no-repeat center/contain;box-shadow: 0 0 10px rgba(51,51,51,0.6);}

  .main4 {padding: 140px 70px 40px;}
  .main4_list {margin-top: 60px;}	
	
	
	.main5 {width: 100%; padding: 80px 20px 0;}
	.main_section05 .pro_list a li {width: 15.90%; padding: 34px 0 0 30px; margin: 0 5px; height: 360px;}	
	.main_section05 .pro_list a li .pro_list_arrow i {color: #fff; font-size: 20px; position: absolute; left: 30px; top: 140px; transition: .3s ease-out;}
	.main_section05 .pro_list a:hover li .pro_list_arrow i {color: #fff; font-size: 20px; position: absolute; left: 50px; top: 150px;}
	.main_section05 .pro_list a:first-child li .pro_list_img {position: absolute; left: 40px; top: 180px;}
	.main_section05 .pro_list a:nth-child(2) li .pro_list_img {position: absolute; left: 65px; top: 123px;}
	.main_section05 .pro_list a:nth-child(3) li .pro_list_img {position: absolute; left: 98px; top: 165px;}
	.main_section05 .pro_list a:nth-child(4) li .pro_list_img {position: absolute; left: 75px; top: 162px;}
	.main_section05 .pro_list a:nth-child(5) li .pro_list_img {position: absolute; left: 108px; top: 165px;}
	.main_section05 .pro_list a:nth-child(6) li .pro_list_img {position: absolute; left: 98px; top: 170px;}
	
	

  .visual .visual_copy_tit {font-size: 56px;}
  .visual_copy_txt {font-size: 24px;}
  .visual .visual_copy_txt1 {font-size: 24px;}

  /* sub */
  .container {padding: 0 30px;}
	
	
	.mobile_img img {width: 100%;}
	.show-1400 {
    display: block !important;
		position: relative;
		z-index: -1;
  }

  .hide-1400 {
    display: none !important;
  }

  /* sub-회사소개 */
  .intro_midle_ul li {padding: 18px 0 0 0; height: 200px; text-align: center;}
  .intro_midle_ul li:not(:first-child) {margin-left: 15px;}
  .intro_midle_ul li img {position: static; transform: none; margin-right: 0;}
	
		.move_img_wrap {width:100%; height:600px; overflow:hidden; position:relative; z-index:2;}
	.move_img_wrap .move_ct {position:absolute; top:0px; left:50%; z-index:1; width:2530px; }

  .organ_graph_middle {text-align: center;}
  p.beige_ball::before {display: none;}

  /* sub-경영가치체계 */
  .man_gra_box {height: auto;}
  .man_gra_box p {padding: 25px 0; word-break: break-all; font-size: 30px;}
  .organ_graph_middle li::before {display: none;}
  .man_gra_box.man_gra2 p {font-size: 28px;}
  
  /* sub-CI */
  .ci_greed_box > * {padding: 0 10px;}

  /* sub-뉴스목록 */

  /* sub-뉴스상세 */

  /* sub-찾아오시는 길 */
  .map_address > div:not(:first-child) {margin-left: 0;}

  /* sub-인사제도 */
  .first_list_ul li:nth-child(2)::before {display: none;}
  .first_list_ul li:nth-child(2)::after {display: none;}
  .first_list_ul li:last-child::after {display: none;}
  .third_list_ul li:last-child::after {display: none;}
  .personnel_box ul {padding: 0 27px;}

  /* footer */
	
	.ceo_tit {padding: 0 10px}
	.sub_tit {padding: 0 10px}


	.com_inner .core-list li::before {width:100% !important; background-size:100%}
	.com_inner .core-list .com1{width:484px; right: 20px}
	.com_inner .core-list .com1::before{height:484px}
	.com_inner .core-list .com1 > a {padding-top:508px}
	.com_inner .core-list .com2 {width:580px; left: 20px;}
	.com_inner .core-list .com2::before {height:443px}
	.com_inner .core-list .com2 .tit {padding-top:320px; padding-left: 30px; font-size: 30px; font-weight: 300; color: #fff; font-family: 'SCoreDream', sans-serif; z-index: 1}
	.com_inner .core-list .com2 .tit::before {width: 440px; top: 280px;}
	.com_inner .core-list .com2 .description {margin-top:60px; padding-left: 30px; font-size: 18px;}
	.com_inner .core-list .com2 > a {padding-top:467px}
	.com_inner .core-list .com2 {margin-right:57px}
	.com_inner .core-list .com3 {margin-left:57px; top: 100px}
	.com_inner .core-list .com3 .tit {padding-top:430px; padding-left: 30px; font-size: 30px; font-weight: 300; color: #fff; font-family: 'SCoreDream', sans-serif; z-index: 1}
	.com_inner .core-list .com3 .tit::before {width: 440px; top: 390px;}
	.com_inner .core-list .com3 .description {margin-top:60px; padding-left: 30px; font-size: 18px;}
	
	
	.intro-wrap > ul {margin: 0;}

}

@media screen and (max-width:1290px){

  /* header */
  .header .nav_ul {display: none;}
  
  .big_site_map_ul > li {font-size: 24px; padding-left: 35px;}
  .site_map .snb_sub_ul > li > ul > li > a {font-size: 17px;}

  /* site map */

  /* MAIN */
  #fp-nav {display: none;}

  /*.main2, .main3, .main3 {height: 100vh;}*/
  .fp-tableCell {height: auto !important;}
  .fp-section.fp-table, .fp-slide.fp-table {height: auto !important;}

  .visual{padding-bottom: calc(var(--vh, 1vh) * 100);}
  .main_visual {height: calc(var(--vh, 1vh) * 100);}

  .visual>div {margin-top: 250px;}
  .visual .visual_copy_tit {font-size: 60px;}
  .visual_copy_txt {font-size: 22px;}
	
	.main_section02 .business_bg{ height:100%;}
	.main_business_content {top:50%;}
	.main_business_list {width: 100%;  bottom: 0; left: 0;height: 100vh;  padding: 0; overflow: hidden;}
	.main_business_item {float: left; width: 25%; height:100%; display:inline-block; position:relative; border-left: 1px solid rgba(255,255,255,0.2); background: rgba(255,255,255,0.4)}
	.main_business_link > div {margin: 0px 0 50px;}
	.main_business_item:hover .main_business_txt h3, .main_business_item.focusin .main_business_txt h3 {margin-top: -250px;}

  .main3_over p:first-child {font-size: 24px; margin-top: 22px;}
  .main3_over p:nth-child(2) {font-size: 17px; margin-top: 40%;}
  .main3_over span {margin-top: 20%;}
  .main3_over p:first-child::after {display: none;}

  .client_right {padding-left: 30px;}
  .client_right .slick-slide{padding: 0 10px;}

  .main2_slide .slick-prev,

  .main2_slide .slick-next,
  .main4_slide .slick-prev,
  .main4_slide .slick-next {background-size: 12px;}
	
	.main_section03 .main3_visual_txt {font-size: 18px; margin-bottom: 10px; color: #fff; font-family: 'SUIT', sans-serif; position: absolute; left: 65px; top: 175px;}
  .main3_slide .slick-next,
  .main3_slide .slick-prev {background-size: 40px;}

  .main3_btnbox>img {width: 12px;}
  .main3_btnbox {width: 510px;}
	
	.main4 {padding: 90px 35px 40px;}	
	
	
	.main5 {width: 100%; padding: 80px 20px;}
	.main_section05 {background: url("../../images/section5_bg.jpg") center top -100px no-repeat;}
	.main_section05 .main5_visual_txtbox {text-align: center; padding-bottom: 45px;}
	.main_section05 .pro_list a li {width: 15.83%; padding: 20px 0 0 20px; margin: 0 5px; height: 300px;}	
	.main_section05 .pro_list a li .pro_list_t2 {font-size: 20px;}
	.main_section05 .pro_list a li .pro_list_arrow i {color: #fff; font-size: 20px; position: absolute; left: 20px; top: 120px; transition: .3s ease-out;}
	.main_section05 .pro_list a:hover li .pro_list_arrow i {color: #fff; font-size: 20px; position: absolute; left: 40px; top: 120px;}
	.main_section05 .pro_list a:first-child li .pro_list_img {position: absolute; left: 35px; top: 160px;}
	.main_section05 .pro_list a:first-child li .pro_list_img img {width: 180px; height: auto;}
	.main_section05 .pro_list a:nth-child(2) li .pro_list_img {position: absolute; left: 65px; top: 103px;}
	.main_section05 .pro_list a:nth-child(2) li .pro_list_img img {width: 140px; height: auto;}
	.main_section05 .pro_list a:nth-child(3) li .pro_list_img {position: absolute; left: 78px; top: 145px;}
	.main_section05 .pro_list a:nth-child(3) li .pro_list_img img {width: 120px; height: auto;}
	.main_section05 .pro_list a:nth-child(4) li .pro_list_img {position: absolute; left: 55px; top: 142px;}
	.main_section05 .pro_list a:nth-child(4) li .pro_list_img img {width: 160px; height: auto;}
	.main_section05 .pro_list a:nth-child(5) li .pro_list_img {position: absolute; left: 68px; top: 135px;}
	.main_section05 .pro_list a:nth-child(5) li .pro_list_img img {width: 130px; height: auto;}
	.main_section05 .pro_list a:nth-child(6) li .pro_list_img {position: absolute; left: 88px; top: 150px;}
	.main_section05 .pro_list a:nth-child(6) li .pro_list_img img {width: 110px; height: auto;}
	

  .scr_icon {display: none;}
	
	.w_1400 {padding-left: 20px; padding-right: 20px;}
	.w_1400_padding {padding-left: 20px; padding-right: 20px;}

  /* sub */
  .sub_visual{height: auto;}
  .s_visual_img{height: 0; padding-bottom: 38%; overflow: hidden;}
  .s_visual_img img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: auto; height: 100%; min-width: auto; min-height: auto; max-width: initial;}
  .sub_visual_txtbox{transform: translate(-50%,-30%);}
  .sub_visual_tit{font-size: 36px;}
	
	.sub_tit {font-size: 50px;}
	.pb100 {padding-bottom: 80px}

	.com_inner .section-title-area {padding-left:51.8%}
	.com_inner .core-list li::before {width:100% !important; background-size:100%}
	.com_inner .core-list .com1{width:484px; right: 20px}
	.com_inner .core-list .com1::before{height:484px}
	.com_inner .core-list .com1 > a {padding-top:508px}
	.com_inner .core-list .com2 {width:580px; left: 20px;}
	.com_inner .core-list .com2::before {height:443px}
	.com_inner .core-list .com2 > a {padding-top:467px}
	.com_inner .core-list .com2 {margin-right:57px}
	.com_inner .core-list .com3 {margin-left:57px}
	

	/* svg wrap */
	.com_inner .core-list .com1 .bg-text {top:324px; left:444px; width:234px; height:200px}
	.com_inner .core-list .com2 .bg-text {top:321px; left:-407px; width:968px; height:255px}
	.com_inner .core-list .com3 .bg-text {top:323px; left:-114px; width:1234px; height:200px}

  /* sub-회사소개 */
  .history_cont > * {padding-left: 40px; display: block;}
  .history_cont > p > br {display: none;}
  .history_content {display: block; padding-left: 48px; padding-top: 3px;}

  .service_ul li:not(:first-child) {margin-left: 15px;}

  /* sub-경영가치체계 */
  .man_value_ul li:not(:last-child) {margin-right: 10px;}
  .man_gra_box p{padding: 0 60px !important; word-break: keep-all;}
  .man_gra_box p:before{left: 0;}
  .man_gra_box p:after{right: 0;}

  /* sub-CI */
  .ci_color_box > div:first-child {float: none;}
  .ci_color_box > div:last-child {float: none;}
  .ci_color_box > * {width: 50%; padding: 0 10px;}
  .ci_color_box div span {margin-left: 0; display: block; text-align: left; padding-left: 5px;}

  /* sub-뉴스목록 */

  /* sub-뉴스상세 */

  /* sub-찾아오시는 길 */
  .map_address > div {width: 100%;}
  .map_address > div:not(:first-child) {padding-left: 0;}
  .map_address > div:not(:first-child)::before {display: none;}
  .map_sns a div {top: 22px; transform: translateX(-7%);}

  /* sub-화학 */
  .help_txt_left {font-size: 35px; line-height: 48px;}
  .help_txt_right {padding-left: 50px;}

  /* sub-복리후생 */
  .welfare_icon {margin-right: 10px;}
  .welfare_txtbox {width: calc(100% - 71px);}
  .welfare_ul li {padding: 25px;}
  .welfare_txtbox p {font-size: 16px;}
  .welfare_txtbox p:first-child {font-size: 20px; margin-bottom: 15px;}
  
  /* sub-인사제도 */
  .personnel_box ul {display: block; width: 100%;}
  .personnel_box ul li:first-child {margin-bottom: 0;}
  .second_list_ul {margin-top: 40px;}
  .third_list_ul {margin-top: 40px;}

  /* footer */
  /* #footer .wrapper {padding: 0 10px;} */
  .foot_con_left {float: none;}
  .foot_con_right {float: none;}
  .foot_con_right select {float: right;}
	.foot_con_right > a {padding-right: 30px}
	.foot_con_right > a::before {display: none}
	.foot_con_right .foot_sns {text-align: left; padding-bottom: 25px;}
	.foot_con_right .foot_sns > a {padding-left: 0px; padding-right: 40px;}
	
	
	.intro-wrap > ul > li > .txt strong {font-size: 30px;}

}


@media screen and (max-width:1024px){

  /* MAIN */
  .slider1 .visual_copy_tit {line-height: 58px;}
  .visual_copy_tit {font-size: 58px;}
  .visual_copy_txt {font-size: 22px;}

  .visual>div {margin-top: 270px;}
  .visual .visual_copy_tit {font-size: 50px;}
  .slider1 .visual_copy_tit {line-height: 1.1;}

  .slider2 .visual_copy_tit,
  .slider3 .visual_copy_tit,
  .slider4 .visual_copy_tit {font-size: 58px; margin-bottom: 30px;}
  .slider2 .visual_copy_txt1,
  .slider3 .visual_copy_txt1,
  .slider4 .visual_copy_txt1 {font-size: 22px; margin-bottom: 20px;}

  .main_visual_tit {font-size: 55px;}
  .main_visual_txt {font-size: 20px; margin-top: 10px;}
  .main_visual_subtxt {font-size: 17px;}
	
  .main_business .main_section_head{ top: 18%;}
  .business_btn_link a { padding:15px 10px; font-size:12px}
  .main_section02 .business_bg{ height:100%;}
  .main_business_content {padding: 0;}
  .main_business_txt {padding:0 0 0 0px; color: #fff}
  .main_business_txt h3, .main_business_txt h4.sec1_tit, .main_business_txt p {color: #fff; text-align: center; vertical-align: middle;}
	.main_business_txt h3 {font-size: 18px}
	.main_business_txt h4.sec1_tit {font-size: 30px}
  .main_business_list {width: 100%;  bottom: 0; left: 0;height: 75vh;  padding: 30px 5% 62px;}
  .main_business_item {height: 50%; border: 1px solid rgba(255,255,255,0.2);margin-left: -1px;background: rgba(0,0,0,0.3);box-sizing: border-box;padding: 30px 50px;margin: 6px;width: calc(50% - 12px);}
  .main_business_item:first-child {}
  .main_business_item .main_business_content {position: inherit;}
  .main_business_content, .main_business_content { top: calc(50% - 100px);}
	.main_business_link > div { display:none; }
	.business_btn_link {position:absolute ;left: 0; bottom:0; width:100%; -webkit-transform:none; -ms-transform:none; transform:none;}
	.main_business_link { width:100%; position: absolute; left:0px; margin-left: 0; margin-top:25px;}
  .main_business_link .jt_btn_arrow { display:block; text-align: center; width: 100%;  padding: 10px 0; font-size: 15px; margin: 0 auto;}
  .business_btn_link { margin-top:25px; margin-left: 0; opacity:1;  visibility: visible; left:0; transform:none;}
  .business_btn_link li {width:43%;}
  .business_btn_link i {margin-bottom:4px;}
  .business_btn_link .ico_apartment:before, .business_btn_link .ico_house:before, .business_btn_link .ico_washenjoy:before, .business_btn_link .ico_iot:before {font-size: 28px;}
  .business_btn_link .ico_washer:before, .business_btn_link .ico_aid_kit:before {font-size: 27px;}    
  .main_business_item:hover .main_business_txt h3 {margin-top:0;}

  .main2 {padding: 60px 70px; height: auto;}
  .main2_list {margin-top: 50px;}
  .main2_over p:first-child {font-size: 22px; margin-top: 50px;}
  .main2_over p:nth-child(2) {font-size: 17px; margin-top: 40%;}
  .main2_over span {margin-top: 20%;}

  .main3 {padding: 60px 0px; height: auto;}
  .main_section03 .main3_visual_tit {font-size: 40px; margin-bottom: 0; -webkit-transform:rotate(0deg); transform:rotate(0deg); left: 145px; top: 40px;}
  .main_section03 .main3_visual_txt {font-size: 18px; left: 145px; top: 175px;}
	.main3_slide_box {position: inherit; width: 100%;}
	.main3_pro_box {position: inherit; width: 100%; background: none; height: 100%}
	.main3_pro_box .cm_object {top:8%;}
	.main3_pro_box .cm_object .cmo_main {display:inline-block; vertical-align:middle; position:absolute; left:540px; right:0; top:0; bottom:0; z-index:1;}
	.main3_slide .slick-prev{left: 33%; margin-left: -260px;}
	.main3_slide .slick-next{right: 33%; margin-right: -260px;}

  .main4 {padding: 60px 35px 40px; height: auto;}
  .main4_list {margin-top: 50px;}
  .main4_over p:first-child {font-size: 22px; margin-top: 50px;}
  .main4_over p:nth-child(2) {font-size: 17px; margin-top: 40%;}
  .main4_over span {margin-top: 20%;}
	
	
	.main5 {width: 100%; padding: 80px 20px;}
	.main_section05 .main5_visual_txtbox {text-align: center; padding-bottom: 35px;}
	.main_section05 .main5_visual_tit {margin-bottom: 15px;}
	.main_section05 .main5_visual_tit img {width: 300px;}
	.main_section05 .pro_list a li {width: 31.3%; padding: 20px 0 0 20px; margin: 0 10px 10px; height: 300px;}	
	.main_section05 .pro_list a li .pro_list_t2 {font-size: 20px;}
	.main_section05 .pro_list a li .pro_list_t2 br {display: none;}
	.main_section05 .pro_list a li .pro_list_arrow i {color: #fff; font-size: 20px; position: absolute; left: 20px; top: 100px; transition: .3s ease-out;}
	.main_section05 .pro_list a:hover li .pro_list_arrow i {color: #fff; font-size: 20px; position: absolute; left: 40px; top: 100px;}
	.main_section05 .pro_list a:first-child li .pro_list_img {position: absolute; left: 120px; top: 130px;}
	.main_section05 .pro_list a:first-child li .pro_list_img img {width: 180px; height: auto;}
	.main_section05 .pro_list a:nth-child(2) li .pro_list_img {position: absolute; left: 160px; top: 65px;}
	.main_section05 .pro_list a:nth-child(2) li .pro_list_img img {width: 140px; height: auto;}
	.main_section05 .pro_list a:nth-child(3) li .pro_list_img {position: absolute; left: 180px; top: 120px;}
	.main_section05 .pro_list a:nth-child(3) li .pro_list_img img {width: 120px; height: auto;}
	.main_section05 .pro_list a:nth-child(4) li .pro_list_img {position: absolute; left: 140px; top: 110px;}
	.main_section05 .pro_list a:nth-child(4) li .pro_list_img img {width: 160px; height: auto;}
	.main_section05 .pro_list a:nth-child(5) li .pro_list_img {position: absolute; left: 170px; top: 85px;}
	.main_section05 .pro_list a:nth-child(5) li .pro_list_img img {width: 130px; height: auto;}
	.main_section05 .pro_list a:nth-child(6) li .pro_list_img {position: absolute; left: 170px; top: 100px;}
	.main_section05 .pro_list a:nth-child(6) li .pro_list_img img {width: 130px; height: auto;}

  /* footer */
  .client_right {padding-left: 20px;}

  /* header */
  .big_site_map_ul > li {padding-left: 0;}
  .big_site_map_ul > li::after {display: none;}

  /* top btn */
  .tf_btn_box {right: 20px; bottom: 15px;}
  .top_btn {margin-top: 7px;}
  
  /* sub */
  .s_visual_img{padding-bottom: 45%;}
  .sub_visual_txtbox{transform: translate(-50%,-38%);}
  .sub_visual_tit{font-size: 32px;}

  .sub_tabbtn_wrap{margin: -45px auto 0;}
  .sub_tabbtn_box{height: 45px;}
  .tab_ul > li{line-height: 45px;}
  .tab_ul > li a{font-size: 16px;}
	
	  /* 서브비주얼 */
  .sub__visual {
    height: 500px;
  }
	.sub__visualBg {background-size: 250% auto !important; background: cover;}

  .sub__visualTitle {
    font-size: 38px;
    padding: 200px 0 0px;
  }

  .sub__Path {
    margin-top: 10px;
  }

  .sub__Path li {
    font-size: 14px;
  }

  .sub__lnb {
    height: 65px;
    line-height: 65px;
	  text-align: left;
  }
  .sub__lnb a {
    font-size: 16px;
    margin-right: 28px;
    height: 65px;
    line-height: 65px;
  }

  .sub_tit {
    font-size: 34px;
	  padding: 0 10px;
  }
	.ceo_tit {margin-top: 100px; font-size: 25px; padding: 0 10px;}
	
	.w_1400 {padding: 0 0px;}
	.w_1400_padding {padding: 0 10px;}
	
	
	.pb50 {padding-bottom: 30px}
	.pb100 {padding-bottom: 50px}
	.pb200 {padding-bottom: 100px}
	
	.ceo_contentL {font-size: 20px; padding: 40px 10px 0 10px;}
	.ceo_contentL br {display: none;}
	.ceo_contentL2 {font-size: 20px; padding: 40px 10px 30px 10px;}
	.ceo_contentR {font-size: 18px; padding: 35px 10px 60px 10px;}
	
	
	.com_inner::before {background: url("../../images/company1_bg.jpg") no-repeat 50% 0px; z-index: -1}
	.com_inner .core-list li::before {width:100% !important; background-size:100%}
	.com_inner .core-list .com1{width:384px; right: 20px; top: 100px}
	.com_inner .core-list .com1::before{height:484px}
	.com_inner .core-list .com2 {width:450px; left: 20px;}
	.com_inner .core-list .com3 {width:450px; left: -20px;}
	.com_inner .core-list .com2::before {height:443px}
	.com_inner .core-list .com2 .tit {padding-top:320px; padding-left: 30px; font-size: 30px; font-weight: 300; color: #fff; font-family: 'SCoreDream', sans-serif; z-index: 1}
	.com_inner .core-list .com2 .tit::before {width: 390px; top: 280px;}
	.com_inner .core-list .com2 .description {margin-top:60px; padding-left: 30px; font-size: 18px;}
	.com_inner .core-list .com2 {margin-right:57px}
	.com_inner .core-list .com3 {margin:-250px 0 0 0; right: 0px;}
	.com_inner .core-list .com3 .tit {padding-top:340px; padding-left: 30px; font-size: 30px; font-weight: 300; color: #fff; font-family: 'SCoreDream', sans-serif; z-index: 1}
	.com_inner .core-list .com3 .tit::before {width: 390px; top: 300px;}
	.com_inner .core-list .com3 .description {margin-top:60px; padding-left: 30px; font-size: 18px;}

  
	.history-title-box{margin-bottom: 50px;}
	.history-list-box-style02 .history-year-box{padding-bottom: 90px;}
	.history-list-box-style02 .history-year-box .history-img-con{width:100%; height: 0; padding-top: 60%; margin-bottom: 130px;}
	.history-list-box-style02 .history-year-box .history-img-con .tit-year{top: auto; bottom: -80px;}
	.history-list-box-style02 .history-year-box .history-year-list-con{width: 100%}
	.history-list-box-style02 .history-year-box:before{display: none;}
	.history-list-box-style02 .history-year-box .history-year-item:last-child:before{display: block; height: 200%;}
	.history-list-box-style02 .history-year-box:last-child .history-year-item:first-child:before{height: 100%;}
	
	
	.com_list li {float: left; width: 24%; margin-right: 1.3%; }
	.com_list li:last-child {float: left; margin-right: 1.3%;}
	.com_list li:nth-child(4) {float: right; margin-right: 0}
	.com_list li p {width: 100%; text-align: center; font-size: 18px; padding: 5px 0 15px}
	
	
	.intro-wrap > ul > li img {width: 100%;}
	.intro-wrap > ul > li > .txt strong {font-size: 25px;}
	.intro-wrap > ul > li > .txt p {font-size: 18px; margin-top: 20px;}
	.intro-wrap.int01 > ul > li {margin: 30px 10px 10px; width: calc(100% - 20px);}
	.intro-wrap.int02 > ul > li {width: calc(50% - 20px); height: 350px; overflow: hidden;}
	.intro-wrap > ul > li > .txt {bottom: 30px; left: 40px; right: 40px; z-index: 2;}

}

@media screen and (max-width:1000px){
	
	/*  SUB LAYOUT ::  서브메뉴(스타일1,2,3) */
	#topMenu01,
	#topMenu02,
	#topMenu03{display:none}

	/*  SUB LAYOUT :: 서브메뉴 모바일 (스타일2) */
	#topMenuM02{display:block; position:absolute; bottom: 0; width: 100%; height:60px;  }
	#topMenuM02 .side-menu-inner{height:60px;}
	#topMenuM02 .menu-location{position:relative;}
	#topMenuM02 .menu-location > .cur-location{position:relative; display:block; width:100%;  height:60px; padding:0 30px; background-color:rgba(0,0,0,.5);}
	#topMenuM02 .menu-location > .cur-location span{display:inline-block; vertical-align:middle; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:40px; color:#fff; font-weight:400; font-size:18px;}
	#topMenuM02 .menu-location > .cur-location .arrow{vertical-align:middle; font-size:18px; color: #fff; margin-left:10px; border: none}
	#topMenuM02 .menu-location.open > .cur-location .arrow{transform:rotate(-180deg); }
	#topMenuM02 .menu-location .location-menu-con{display:none; position:absolute; top:60px; left:0px; width:calc(100% - 2px); border:1px solid #ddd; border-top:0; padding:10px 0; background-color:#fff; z-index:11; }
	#topMenuM02 .menu-location.location1 .location-menu-con{width:calc(100% - 1px)}
	#topMenuM02 .menu-location .location-menu-con li a{display:block; padding:7px 15px; font-size:18px; line-height:1.5; word-break:keep-all; text-align:center;}
	#topMenuM02 .menu-location .location-menu-con li.on{position:relative;}
	#topMenuM02 .menu-location .location-menu-con li.on a{color:#bf1e2e; font-weight:500;}
	
	
	.main_section05 .pro_list a li {width: 31.2%; padding: 20px 0 0 20px; margin: 0 10px 10px; height: 300px;}
}

@media screen and (max-width:980px){
	.visual span.visual_bg img {width: 500px;}
	.visual_copy_txt {top: 10%}
	
	.com_list li {float: left; width: 32%; margin-right: 1.5%; }
	.com_list li:last-child {float: left; margin-right: 1.5%;}
	.com_list li:nth-child(4) {float: left; margin-right: 1.5%;}
	.com_list li:nth-child(3) {float: right; margin-right: 0}
	.com_list li p {width: 100%; text-align: center; font-size: 18px; padding-top: 5px}
}

@media screen and (max-width:912px){
	
	
	
	
	.main5 {width: 100%; padding: 80px 20px;}
	.main_section05 .main5_visual_txtbox {text-align: center; padding-bottom: 35px;}
	.main_section05 .main5_visual_tit {margin-bottom: 15px;}
	.main_section05 .main5_visual_tit img {width: 300px;}
	.main_section05 .pro_list a li {width: 48%; padding: 20px 0 0 20px; margin: 0 1% 10px; height: 250px;}	
	.main_section05 .pro_list a li .pro_list_t2 {font-size: 20px;}
	.main_section05 .pro_list a li .pro_list_t2 br {display: none;}
	.main_section05 .pro_list a li .pro_list_arrow i {color: #fff; font-size: 20px; position: absolute; left: 20px; top: 100px; transition: .3s ease-out;}
	.main_section05 .pro_list a:hover li .pro_list_arrow i {color: #fff; font-size: 20px; position: absolute; left: 40px; top: 100px;}
	.main_section05 .pro_list a:first-child li .pro_list_img {position: absolute; left: 200px; top: 80px;}
	.main_section05 .pro_list a:first-child li .pro_list_img img {width: 180px; height: auto;}
	.main_section05 .pro_list a:nth-child(2) li .pro_list_img {position: absolute; left: 240px; top: 15px;}
	.main_section05 .pro_list a:nth-child(2) li .pro_list_img img {width: 140px; height: auto;}
	.main_section05 .pro_list a:nth-child(3) li .pro_list_img {position: absolute; left: 250px; top: 70px;}
	.main_section05 .pro_list a:nth-child(3) li .pro_list_img img {width: 120px; height: auto;}
	.main_section05 .pro_list a:nth-child(4) li .pro_list_img {position: absolute; left: 220px; top: 60px;}
	.main_section05 .pro_list a:nth-child(4) li .pro_list_img img {width: 160px; height: auto;}
	.main_section05 .pro_list a:nth-child(5) li .pro_list_img {position: absolute; left: 250px; top: 35px;}
	.main_section05 .pro_list a:nth-child(5) li .pro_list_img img {width: 130px; height: auto;}
	.main_section05 .pro_list a:nth-child(6) li .pro_list_img {position: absolute; left: 250px; top: 50px;}
	.main_section05 .pro_list a:nth-child(6) li .pro_list_img img {width: 130px; height: auto;}
}

@media screen and (max-width:850px){	
	.main_business_txt h3{ font-size:20px}
	.main_business_txt h4.sec1_tit {font-size: 23px;}
	.main_business_txt p{ font-size:15px; word-break:keep-all;}
	
	
  	.main_section03 .main3_visual_tit {font-size: 40px; margin-bottom: 0; left: 60px; top: 40px;}
  	.main_section03 .main3_visual_txt {font-size: 18px; left: 60px; top: 175px;}
	.main3_slide .slick-prev{left: 31%; box-shadow: none;}
	.main3_slide .slick-next{right: 31%; box-shadow: none;}
	.main3_pro_box .cm_object {top:10%;}
	.main3_pro_box .cm_object .cmo_main {left:430px; right:0; top:0; bottom:0;}	
		
	
	.com_inner .core-list li::before {width:100% !important; background-size:100%}
	.com_inner .core-list .com1{width:330px; right: 20px; top: 60px}
	.com_inner .core-list .com1::before{height:484px}
	.com_inner .core-list .com2 {width:350px; left: 20px;}
	.com_inner .core-list .com3 {width:350px; left: 20px;}
	.com_inner .core-list .com2::before {height:400px}
	.com_inner .core-list .com2 {margin:150px 0 0 0;}
	.com_inner .core-list .com2 .tit {padding-top:250px; padding-left: 30px; font-size: 25px; font-weight: 300; color: #fff; font-family: 'SCoreDream', sans-serif; z-index: 1}
	.com_inner .core-list .com2 .tit::before {width: 290px; top: 230px;}
	.com_inner .core-list .com2 .description {margin-top:60px; padding-left: 30px; font-size: 15px;}
	.com_inner .core-list .com2 {margin-right:57px}
	.com_inner .core-list .com3 { margin:-420px 30px 100px 0; right: 30px;}
	.com_inner .core-list .com3 .tit {padding-top:250px; padding-left: 30px; font-size: 25px; font-weight: 300; color: #fff; font-family: 'SCoreDream', sans-serif; z-index: 1}
	.com_inner .core-list .com3 .tit::before {width: 290px; top: 230px;}
	.com_inner .core-list .com3 .description {margin-top:60px; padding-left: 30px; padding-bottom: 60px; font-size: 15px; color: #fff;}
	
	.table-step__list{margin-bottom: 100px;}
	.table-step__item-title{font-size:20px;color:#222;}
	.table-step__item{flex-direction: column;min-height:0;padding:20px 0;}
	.table-step__item2{flex-direction: column;min-height:0;padding:20px 0;}
	.table-step__item-left{width:auto;border-right:none}
	.table-step__item-right{padding:10px 0 0;display:flex;align-items: center;justify-content: center; text-align: center;}
}

@media screen and (max-width:830px){

  .main3 {padding: 60px 0 100px; height: auto;}
	.main3_slider {margin-right: 20px;}
	.main_section03 .main3_visual_tit {font-size: 40px; margin-bottom: 0; left: 20px; top: 40px;}
  	.main_section03 .main3_visual_txt {font-size: 18px; left: 20px; top: 175px;}
	.main3_slide .slick-prev{left: 75%; top: 110%}
	.main3_slide .slick-next{right: 75%; top: 110%}
	.main3_pro_box .cm_object .cmo_main {left:330px; right:0; top:0; bottom:0;}
	
	.history-title-box{margin-bottom: 30px;}
	.history-title-box strong{margin-bottom: 10px; font-size: 15px;}
	.history-title-box h3{font-size: 31px;}
	.history-list-box-style02 .history-year-box .history-img-con{margin-bottom: 60px;}
	.history-list-box-style02 .history-year-box .history-img-con .tit-year{bottom: -45px; font-size: 40px;}
	.history-list-box-style02 .history-year-box{text-align: left; padding-bottom: 50px;}
	.history-list-box-style02 .history-year-box .history-year-item{padding-bottom: 20px;}
	.history-list-box-style02 .history-year-box .history-year-item:before{left: 60px;}
	.history-list-box-style02 .history-year-box .history-year-item .history-year{width: 59px;}
	.history-list-box-style02 .history-year-box .history-year-item .history-year:before{right: -9px; width: 13px; height: 13px; margin-top: -4px;}
	.history-list-box-style02 .history-year-box .history-year-item .history-year:after{top: 6px; right: -4.5px; width: 5px; height: 5px;}
	.history-list-box-style02 .history-year-box .history-year-item .history-year strong{left: 5px; font-size: 18px;}
	.history-list-box-style02 .history-year-box .history-year-item .history-info-con{padding-left: 90px;}
	.history-list-box-style02 .history-year-box .history-year-item .history-info-con p{font-size: 14px; padding-left: 8px;}
	.history-list-box-style02 .history-year-box .history-year-item .history-info-con p:before{top: 7px;}

}


@media screen and (max-width:767px){

  .wrapper {padding: 0 20px;}
	
  .rightSelect > ul{top: 45px;}
	
	.show-768 {
    display: block !important;
		position: relative;
		z-index: -1;
  }

  .hide-768 {
    display: none !important;
  }
	.sub_bg {
  margin: -15px auto 30px;
		width: 100%;
}
	

  /* MAIN */
  #fp-nav {display: none;}
  .visual>div{margin-left: 8%; margin-right: 8%;}
  .sldier_copy_txt_box {margin-left: 0; margin-top: 230px; padding: 0;}

  .slide_btnbox{left: 8%;}

  .main_visual_tit {font-size: 50px;}
  .main_visual_txt {font-size: 20px; margin-top: 20px;}
  .main_visual_subtxt {font-size: 18px;}

  .visual_copy_tit {font-size: 45px;}
  .visual_copy_txt {font-size: 20px;}
  .slider2 .visual_copy_tit,
  .slider3 .visual_copy_tit,
  .slider4 .visual_copy_tit {font-size: 45px; margin-bottom: 30px;}
  .slider2 .visual_copy_txt1,
  .slider3 .visual_copy_txt1,
  .slider4 .visual_copy_txt1 {font-size: 20px; margin-bottom: 20px;}
	
	.main_business_item {padding: 30px;}

  .main2 {padding: 60px 0 30px; height: auto;}
  .main2_slide_box {padding: 0 20px;}
  .main2_leftbtn_box {margin-left: 15px;}
  .main2_rightbtn_box {margin-right: 15px;}
  .main_section04 .main4_visual_txtbox {top: 90px;}

  .main2_over p:first-child {font-size: 24px; margin-top: 24%;}
  .main2_over p:nth-child(2) {font-size: 17px; margin-top: 10%;}
  .main2_over span {margin-top: 15%;}

  .main4_over p:first-child {font-size: 24px; margin-top: 24%;}
  .main4_over p:nth-child(2) {font-size: 17px; margin-top: 10%;}
  .main4_over span {margin-top: 15%;}
	
	
	.main_section05 .pro_list a:first-child li .pro_list_img {position: absolute; left: 170px; top: 80px;}
	.main_section05 .pro_list a:nth-child(2) li .pro_list_img {position: absolute; left: 210px; top: 15px;}
	.main_section05 .pro_list a:nth-child(3) li .pro_list_img {position: absolute; left: 220px; top: 70px;}
	.main_section05 .pro_list a:nth-child(4) li .pro_list_img {position: absolute; left: 190px; top: 60px;}
	.main_section05 .pro_list a:nth-child(5) li .pro_list_img {position: absolute; left: 220px; top: 35px;}
	.main_section05 .pro_list a:nth-child(6) li .pro_list_img {position: absolute; left: 220px; top: 50px;}
  
  /* header */
  #header {height: 58px; line-height: 58px;}
  .header {padding: 0 20px;}
  .header h1 a {width: 125px;}
  .header h1 a img{margin-top: 0px;}
  .header .nav_right_box .lang_btn{height: 35px; line-height: 33px; font-size: 16px; padding: 0 18px; margin-right: 12px; vertical-align: middle;}
  .menu_all, .menu_close_btn{display: inline-block; vertical-align: middle;}

  /* top 버튼 */
  .tf_btn_box {right: 10px; bottom: 10px;}
  .facebook_btn {width: 40px; height: 40px; line-height: 40px; padding-top: 0px;}
	.facebook_btn img {width: 18px}
  .top_btn {width: 40px; height: 40px; line-height: 40px; margin-top: 10px;}

  /* site map */
  
  /* footer */
  #footer .wrapper{padding: 0 20px;}
  .foot_con_left {float: none;}
  .foot_con_left p:nth-child(2) span {display: inline-block; padding-top: 3px;}
  .foot_con_left span:not(:first-child) {margin-left: 0;}
  .foot_con{margin-top: 30px; margin-bottom: 30px;}
  .foot_con_left p:first-child{margin-bottom: 8px;}


  .foot_con_right {float: none;}
  .foot_con_right select{float: none; display: block; max-width: 100%; margin: 15px 0 0;}

  .foot_client{height: 80px; line-height: 80px;}
  .client_right .slick-slide{padding: 0 5px;}

  /* sub visual */
  .s_visual_img{padding-bottom: 45%;}
  .sub_visual_txtbox{transform: translate(-50%,-40%);}
  .sub_visual_txt {font-size: 15px; padding: 0 30px;}

  .sub_tabbtn_wrap {width: 100%;}

  .sub_tabbtn_wrap {display: none;}
  .m_tabbox {display: block;}
	
	/* 서브비주얼 */
  .sub__visual {
    height: 400px;
  }
	.sub__visualBg {background-size: 250% auto !important; background: cover;}

  .sub__lnb .w_1400 {
    overflow-y: scroll;
  }
	  .sub__visualTitle {
    font-size: 35px;
    padding: 160px 0 0px;
  }


  /*
  .sub_tabbtn_box {height: 70px; margin-top: -70px;}
  .sub_tabbtn_box img {display: block; transform: rotate(180deg);}
  .tab_ul > li a {height: 100%; line-height: 70px; display: inline-block;}
  .tab_ul > li.active {display: block; width: 100%; background-color: #0058aa; color: #fff;}
  .tab_ul > li {display: block; width: 100%; height: 70px; display: none;}

  .tab_ul > li:not(:first-child)::before {display: none;}
  .sub_tabbtn_box.m_sub_tabbtn_box {height: auto; position: absolute; top: 70px; left: 0; z-index: 5; margin-top: 0;}
  .m_sub_tabbtn_box {display: none;}
  .m_sub_tabbtn_box .tab_ul > li {display: block; width: 100%; height: 70px; background-color: #f8f9fd; color: #333; border-bottom: 1px solid #e0e0e0;}
  .m_sub_tabbtn_box .tab_ul > li.active {color: #0058aa;} */

  /* sub */
  .sub_title_box {padding: 60px 0px 10px;}
  .container {padding: 0 20px;}
  .sub_tit {float: none; font-size: 42px;}
  .location_wrap {float: none; margin-top: 10px; text-align: right;}
  .location_wrap p {line-height: normal;}
  h3.sub_first_tit {padding: 30px 0; font-size: 26px; line-height: normal;}

  p.add_txt {font-size: 16px;}

  /* sub-회사소개 */
  #introduce .container {padding: 0 20px;}
  .intro_midle_ul li {text-align: center;}
	
	.sub_tit {
    font-size: 28px;
  }
	.ceo_tit {margin-top: 100px; font-size: 20px;}
	
	.sub_tit br {display: none;}
	.ceo_contentL {font-size: 18px; padding: 20px 10px 0 10px;}
	.ceo_contentL2 {font-size: 18px;}
	.ceo_contentR {font-size: 15px;}
	.ceo_contentR br {display: none;}
	
	.com_inner2 {padding: 80px 20px}
	.com_inner2 img {width: 100%;}
	
	.board_area {margin-bottom: 100px;}	
	
	
	.intro-wrap > ul > li img {width: 100%;}
	.intro-wrap.int01 > ul > li {margin: 30px 10px 10px; width: calc(100% - 20px);}
	.intro-wrap.int02 > ul > li {width: calc(50% - 20px); height: 350px; overflow: hidden;}
	.intro-wrap > ul > li > .txt {bottom: 30px; left: 40px; right: 40px; z-index: 2;}
	.intro-wrap.int03 > ul > li,
	.intro-wrap.int04 > ul > li,
	.intro-wrap.int06 > ul > li:nth-child(n+3) {position: relative; float: left; width: calc(50% - 20px); margin: 10px;}
	.intro-wrap > ul > li > .txt strong {font-size: 23px;}
	.intro-wrap > ul > li > .txt p {font-size: 15px; margin-top: 20px;}
	.intro-wrap > ul > li > .txt p br {display: none;}
	.intro-wrap > ul > li > .txt p .br {display: block;}

  .organ_graph_top li::before {height: 40px; margin-bottom: -42px;}
  .organ_graph_middle {text-align: center; margin-top: 40px;}
  .organ_graph_middle li {width: 100%;}
  .organ_graph_middle li::before {display: none;}
  .organ_graph_bot::before {display: none;}
  .organ_graph_bot > li:first-child {padding: 0;}
  .organ_graph_bot > li:last-child {padding: 0; margin-top: 80px;}
  .organ_graph_bot > li {display: block; width: 100%;}
  .organ_graph_bot > li::before {height: 80px; margin-top: -80px;}

  p.beige_ball::before {display: none;}

  .service_ul li {width: 48%; margin-bottom: 10px; height: 220px; padding: 20px 0;}
  .service_ul li:not(:first-child) {margin-left: 0;}
  .service_ul li p:nth-child(2) {margin: 0;}
  .service_ul li:nth-child(4) p:nth-child(2) {margin: 0;}
  .service_ul li:nth-child(5) p:nth-child(2) {margin: 0;}

  .introduce .bg_blue {padding: 30px 0;}
  .history {display: block; width: 100%;}
  .history:first-child {padding-bottom: 50px;}
  .history_cont:not(:last-child) {padding-bottom: 50px;}
  .history_cont.line_m::after {content: ''; border-left: 1px dashed #bdbdbd; height: 130%; position: absolute; left: 4px; top: -150px;}
  .history_content p {font-size: 16px;}
  .emty {display: none;}

  .subsidiary_ul li {width: 33%; margin-bottom: 15px;}
  .subsidiary_ul li p {margin-top: 5px;}

  /* sub-경영가치체계 */
  .man_gra_box {height: auto; border: 10px solid transparent;}
  .man_gra_box p {font-size: 25px; padding: 15px 10px; line-height: normal; max-width: 530px;}
  .man_gra_box.man_gra2 p {font-size: 23px; max-width: 380px;}

  .man_value_ul li {width: 100%; margin-top: 10px;}
  .man_value_ul li:not(:last-child) {margin-right: 0;}

  .man_ability_ul li {padding: 20px 40px;}
  .ability_tit p {font-size: 20px;}
  .ability_tit p span {font-size: 28px;}
  .ability_cont {padding-left: 0;}

  /* sub-CI */
  .ci_greed_box > * {display: block; width: 100%; padding: 0;}
  .ci_greed_box > div:last-child {margin-top: 20px;}
  .ci_greed_box img {width: 100%;}

  .ci_color_box {text-align: center; padding: 40px 30px;}
  .ci_color_box > * {padding: 0;}
  .ci_color_box > div:first-child {float: none; width: 100%;}
  .ci_color_box > div:last-child {float: none; margin-top: 20px; width: 100%;}
  .ci p.add_txt {margin-bottom: 60px;}

  /* sub-뉴스목록 */
  .news_ul >li {padding: 40px 20px 40px;}
  .news_ul >li >div.news_new {display: none;}
  .news_ul >li >div.news_num {display: none;}
  .news_conbox {width: calc(100% - 150px);}
  .news_tit {word-break: break-all;}
  .news_tit a {font-size: 18px;}
  .news_con {display: none;}
  .pagination {margin-bottom: 60px;}

  .news_new {width: 60px; height: 20px; font-size: 15px!important; font-weight: 400!important; line-height: 20px;}

  /* sub-뉴스상세 */
  .news_view_titbox {padding: 30px;}
  .news_view_date {margin-top: 10px;}
  .news_view_content {padding: 30px;}
  .prev_next_ul p:first-child {width: 150px; text-align: center; background-color: transparent;}
  .prev_next_ul p {width: calc(100% - 170px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left;}

  /* sub-찾아오시는 길 */
  .map_tab_ul {padding: 0 50px;}
  .map_tab_ul li {display: block; width: 100%;}

  .map_address {padding: 48px 30px;}
  .map_address > div {width: 100%; display: block;}
  .map_address > div img {display: none;}
  .map_sns img {display: inline-block!important;}
  .map_address > div:not(:first-child) {padding-left: 0; margin-top: 10px; margin-left: 0;}
  .map_address > div:not(:first-child)::before {display: none;}
  .map_address > div p span {margin-right: 5px; margin-left: 0;}
  .map_address {margin-bottom: 60px;}

  .map_sns_qr > div {width: 160px;height: 160px;}

  .map_list {height: 336px;}
  .map_map {height: 336px; overflow: hidden;}
  .map_sns_qr {bottom: 0;}

  /* sub-윤리강령 */
  .ethics_box {margin-bottom: 60px;}
  .ethics_ul li {padding: 40px 0;}
  .ethics_num {width: 60px;}
  .ethics_con {padding-right: 20px; width: calc(100% - 60px);}

  /* sub-윤리헌장 */
  .charter_ul li {margin-left: 0; width: 50%; height: 250px;}
  .charter_ul li div {padding: 25px 20px;}

  /* sub-화학 */
  .main_content_box {padding: 50px 0;}
  .main_service .main_content:not(:last-child) {margin-bottom: 50px;}
  
  p.add_txt span {padding: 5px 0; display: block;}

  /* sub-복리후생 */
  .welfare_icon_box {margin-bottom: 60px;}
  .welfare_ul li {width: 100%; height: auto; background-color: #fff!important; padding: 30px 20px;}
  .welfare_ul li:nth-child(2n-1) {background-color: #f8f9fc!important;}

  /* sub-채용센터 */
  .hire_ul li {width: 100%; text-align: center; height: auto;}
  .hire_ul li:not(:last-child) {margin-bottom: 20px;}
  .hire_ul li:not(:last-child) {margin-right: 0;}
  .hire_btn {margin-bottom: 60px;}

  /* sub-인사제도 */
  #personnel .bg_blue {padding-bottom: 60px;}
  .personnel_box {margin-bottom: 0;}
  .personnel_box ul {padding: 0;}
  .first_list_ul li:first-child div p:first-child, .second_list_ul li:first-child div p:first-child, .third_list_ul li:first-child div p:first-child {font-size: 18px;}
  .first_list_ul li:first-child div p:last-child, .second_list_ul li:first-child div p:last-child, .third_list_ul li:first-child div p:last-child {font-size: 16px;}

  .first_list_ul li p:first-child, .second_list_ul li p:first-child, .third_list_ul li p:first-child {font-size: 18px;}
  .first_list_ul li p, .second_list_ul li p, .third_list_ul li p {font-size: 16px;}
  .personnel_box ul li:last-child {margin-bottom: 0;}

  /* contact us */
  .contact_tit_box p {font-size: 20px;}
  .contact_tit_box {margin-bottom: 15px;}
  .contact_conbox {padding: 30px; width: 300px;}
  .contact_conbox p {font-size: 16px;}
  .contact_conbox p a {font-size: 18px;}

  .contact_conbox > * {display: block; width: 100%;}
  .contact_baro {padding: 20px 25px; margin-top: 10px;}
  .contact_baro >div >img {margin-right: 10px; width: 68%;}

  .contact_conbox p img {display: none;}

  /* 2022-01-19 추가 */
  .map_tab_ul li:not(:last-child) {border-right: 1px solid #e8e8e8; border-bottom: none;}
  .header .nav_right_box .face_btn {margin-bottom: 0; margin-right: 15px;}

  /* policy */
  .policy_p_box > p {padding-left: 0;}

  /* 2022-04-14 채용센터 버튼추가 */
  .go_hire_center.add_btn {top: 50px;}
}

@media screen and (max-width:680px) {	
	
	.visual span.visual_bg {left: -120px;}
	.visual span.visual_bg img {width: 400px;}
	.visual .visual_copy_tit {font-size: 40px;}
	.visual_copy_txt {top: 10%}
	
	.main_business_item {height: 180px; border: 1px solid rgba(255,255,255,0.2); background: rgba(0,0,0,0.3);box-sizing: border-box;padding: 0px 30px 20px; margin: 1% 0; width: 100%;}
	.main_business {padding:85px 0;background:#f8f8f8;}
	.main_business .slick-track {padding:0 10px;}
	.main_business .slick-list{padding:0 17% 0 0;}
	.main_business .slick-list, .main_business .slick-track{height:100%;}
	.main_business_list {height: auto; overflow: hidden; padding: 50px 5%;}
    /*.main_business_list {display: block;padding-top: 0; padding-bottom: 0;  position: inherit; height: 100%;padding: 0;}*/
	.main_business_item .main_business_content{ margin:0;}
    .main_business_txt {padding:0px;}
	.main_business_txt h3 { font-size:22px;color:#fff;}
	.main_business_txt h4.sec1_tit {margin: 0}
	.main_business_txt p {font-size:12px; line-height:1.6;margin: 0}
    .main_business_txt p br {display:block;}
	.main_business_txt { width:100%; position: absolute; top: 40%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
	.main_business_content {height:100%;top:0; -webkit-transform:none; -ms-transform:none; transform:none;}
	.main_business_link .jt_btn_arrow, .business_btn_link {opacity: 1; visibility: visible; display:block;}
	.main_business_link {width:100%; height:100%; margin: 0}
	.main_business_link .jt_btn_arrow {bottom:0%; margin:0;-webkit-transform:none;-ms-transform:none;transform:none; position: absolute;}
	.business_btn_link {position:absolute ;bottom:0; width:100%; -webkit-transform:none; -ms-transform:none; transform:none;}
	.business_btn_link {border-top:1px solid rgba(255, 255, 255, .18)}
	.business_btn_link a {padding:18px 10px; border:none; font-size:11px;}
    .main_business_link .jt_btn_arrow {display:block;}
	
	
	.main3 {padding: 50px 0 100px; height: auto;}
	.main3_slider > div {width: auto; max-width: 98%; margin: 0 auto;}
	.main3_slider_tit {line-height: 1.35; width: 100%; overflow: hidden; white-space: normal; float: none;}
	.main3_slider_tit img {width: 100%;max-height: initial;margin-top: -15%;}
	.main3_slider_txt {line-height: 1.35; height: auto; overflow: hidden; white-space: normal; padding: 30px 40px; float: none; width: 100%;}
	.main3_slider.slick-current > div {position: relative; z-index: 20; height: auto; cursor: pointer;}
	.main3_slider_txt1 {color: #000; font-size: 25px; line-height: 1.3; font-family: 'SCoreDream'; font-weight: 600}
	.main3_slider_txt2 {color: #666666; font-size: 15px; line-height: 1.3; font-family:'SUIT', sans-serif; padding: 30px 0;}
	.main3_slider span {font-size: 15px; font-weight: 400; position: relative; z-index: 4; display: block; text-align: center; border: 1px solid #888888; padding: 10px 0; width: 100%;}
	.main3_slider_txt3 {display: none;}
	.main3_slider_txt_line {display: none;}
	
	.main3_slide .slick-prev{left: 80%; margin-left: -260px; top: 110%}
	.main3_slide .slick-next{right: 80%; margin-right: -260px; top: 110%}	
	
	
	.main_section05 .main5_visual_txtbox {text-align: center; padding-bottom: 25px;}
	.main_section05 .main5_visual_tit {margin-bottom: 10px;}
	.main_section05 .main5_visual_tit img {width: 200px;}
	.main_section05 .main5_visual_txt {font-size: 15px; line-height: 25px;}
	.main_section05 .pro_list a:first-child li .pro_list_img {position: absolute; left: 140px; top: 80px;}
	.main_section05 .pro_list a:nth-child(2) li .pro_list_img {position: absolute; left: 180px; top: 15px;}
	.main_section05 .pro_list a:nth-child(3) li .pro_list_img {position: absolute; left: 190px; top: 70px;}
	.main_section05 .pro_list a:nth-child(4) li .pro_list_img {position: absolute; left: 160px; top: 60px;}
	.main_section05 .pro_list a:nth-child(5) li .pro_list_img {position: absolute; left: 190px; top: 35px;}
	.main_section05 .pro_list a:nth-child(6) li .pro_list_img {position: absolute; left: 190px; top: 50px;}

	/*  SUB LAYOUT :: 서브메뉴 모바일 (스타일2) */
	#topMenuM02{display:block; position:absolute; bottom: 0; width: 100%; height:45px;  }
	#topMenuM02 .side-menu-inner{height:45px;}
	#topMenuM02 .menu-location{position:relative;}
	#topMenuM02 .menu-location > .cur-location{position:relative; display:block; width:100%;  height:45px; padding:0 30px; background-color:rgba(0,0,0,.5);}
	#topMenuM02 .menu-location > .cur-location span{display:inline-block; vertical-align:middle; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:40px; color:#fff; font-weight:400; font-size:15px;}
	#topMenuM02 .menu-location > .cur-location .arrow{vertical-align:middle; font-size:15px; color: #fff; margin-left:10px; border: none}
	#topMenuM02 .menu-location.open > .cur-location .arrow{transform:rotate(-180deg); }
	#topMenuM02 .menu-location .location-menu-con{display:none; position:absolute; top:45px; left:0px; width:calc(100% - 2px); border:1px solid #ddd; border-top:0; padding:10px 0; background-color:#fff; z-index:11; }
	#topMenuM02 .menu-location.location1 .location-menu-con{width:calc(100% - 1px)}
	#topMenuM02 .menu-location .location-menu-con li a{display:block; padding:7px 15px; font-size:15px; line-height:1.5; word-break:keep-all; text-align:center;}
	#topMenuM02 .menu-location .location-menu-con li.on{position:relative;}
	#topMenuM02 .menu-location .location-menu-con li.on a{color:#bf1e2e; font-weight:500;}
	
	
	.com_inner .core-list {padding: 80px 0px; overflow: hidden; width: 100%; display: block}	
	.com_inner .core-list li {float: left;}
	.com_inner .core-list li::before {width:100% !important; background-size:100%}
	.com_inner .core-list .tit {position:relative; z-index:2}
	.com_inner .core-list .com1{display: none; }	
	.com_inner .core-list .com2 {width:90%; margin-top: 0;float: left;}
	.com_inner .core-list .com2::before {height:270px}
	.com_inner .core-list .com2 .tit {padding-top:190px; padding-left: 30px; font-size: 20px; font-weight: 300; color: #fff; font-family: 'SCoreDream', sans-serif; z-index: 1}
	.com_inner .core-list .com2 .tit::before {width: 250px; top: 230px; display: none;}
	.com_inner .core-list .com2 .description {margin-top:40px; padding:0 30px; font-size: 15px;}
	.com_inner .core-list .com3 {width:90%; margin:0 20px; left: 0; right: 0; top: 30px; float: right;}
	.com_inner .core-list .com3::before {height:270px}
	.com_inner .core-list .com3 .tit {padding-top:190px; padding-left: 30px; font-size: 20px; font-weight: 300; color: #fff; font-family: 'SCoreDream', sans-serif; z-index: 1}
	.com_inner .core-list .com3 .tit::before {width: 280px; top: 210px; display: none;}
	.com_inner .core-list .com3 .description {margin-top:40px; padding:0 30px; padding-bottom: 20px; font-size: 15px; color: rgba(255,255,255,.7);}
	.com_inner .core-list .com3 .description br {display: none;}
	
	.intro-wrap.int01 > ul > li {margin: 30px 10px 10px; width: calc(100% - 20px);max-height: 1000px; height: 300px; overflow: hidden}
	.intro-wrap.int01 > ul > li img {width: 100%; height: 100%;max-height: initial;}
	
	.table-step__item-title{font-size:18px;}
	.table-step__desc{font-size: 15px;}
	
	.table.mod{width:100%; padding: 0 0 50px;}
	.table.mod table th {font-size:18px;}
	.table.mod table td {font-size: 15px;}
	
	.com_list li {float: left; width: 49%; margin-right: 2%; }
	.com_list li:nth-child(2n) {float: right; margin-right: 0;}
	.com_list li:nth-child(3) {float: left; margin-right: 2%;}
	.com_list li p {width: 100%; text-align: center; font-size: 16px; padding-top: 5px}
	
	.location-traffic-list ul li {width: 100%;}
	.location-traffic-list ul li span {width:60px; font-size: 15px; line-height: 40px;}
	.location-traffic-list ul li em{font-size:15px;}
	
	
  .foot_con_left span:not(:first-child)::before {display: none;}
	.foot_con_left span {padding-left: 20px}
	.foot_con_left p {word-break: keep-all}
	.foot_con_left p:nth-child(2),.foot_con_left p:nth-child(3) {margin-left: -20px;}	
.foot_con_left p .mobile {display: block;}
	
	.privacy_tit {width:100%; border:1px solid #dadada; font-size:15px; line-height:25px; padding:30px 30px; word-break: keep-all;}
	.privacy_tit1 {font-size:18px; color:#525252; line-height:28px; padding:50px 0 10px; font-weight:500;}
	.privacy_txt {font-size:13px; line-height:23px; color: #898989}
}

@media screen and (max-width:600px) {
  /* header */

  /* MAIN */
  .fp-section.fp-table, .fp-slide.fp-table, .fp-tableCell{height: auto !important;}
  
  .mian_visual{height: auto; min-height: auto;}
	
  .sldier_copy_txt_box {margin-top: 40%;}
  .main_visual_tit {font-size: 40px;}
  .main_visual_txt {font-size: 18px;}
  .main_visual_subtxt {font-size: 16px;}

  .visual {position: relative;}
	.visual span.visual_bg {top: 43%;}
  .visual>div.sldier_copy_txt_box {margin: 0; position: absolute; top: 25%; left: 50%; transform: translate(-50%,0%); width: 100%; padding: 0 20px;}	
  .visual_copy_txt {font-weight: 400; font-size: 28px; color: #fff; text-align: center; position: absolute; left: 5%; right: 0; top: 150%;}
	.visual_copy_txt img {width: 200px}

  .visual .visual_copy_tit {font-size: 35px; line-height: 40px; margin-bottom: 20px;}
  .visual_copy_txt1{width: 80%;}
  .visual_copy_txt1 br{display: none;}
  .visual_copy_txt2 br{display: none;}
  .visual_copy_txt {font-size: 18px;}

  .slide_btnbox  {left: 30px; bottom: 30px;}

  .visual .visual_copy_tit, .visual .visual_copy_tit, .visual .visual_copy_tit {font-size: 40px; margin-bottom: 20px; line-height: 1.2;}
  .visual .visual_copy_txt1, .visual .visual_copy_txt1, .visual .visual_copy_txt1 {font-size: 18px; margin-bottom: 20px;}
  .visual .visual_copy_txt2 {font-size: 18px;}

  .main2_list {margin-top: 50px;}
  .main2_slide_inner_box {padding-bottom: 105%;}

	.main_section03 .main3_slide { margin-top: 200px;}
	.main_section03 .main3_visual_tit {font-size: 30px; line-height: 35px;}
	.main_section03 .main3_visual_txt {font-size: 15px;top: 140px;}
  .main3_list {margin-top: 50px;}
	.main3_slider {margin-right: 0}
  .main3_slide_box {padding: 0 20px;}
  .main3_slide_inner_box {padding-bottom: 110%;}
	.main3_slider_txt {line-height: 1.35; height: auto; overflow: hidden; white-space: normal; padding: 30px 30px}
	.main3_slider_txt1 {font-size: 20px;}
	.main3_slider_txt2 {padding: 17px 0;}
	.main3_pro_box .cm_object .cmo_main {left:270px; right:0; top:0; bottom:0;}
	
	.main3_slide .slick-prev{left: 86%; }
	.main3_slide .slick-next{right: 86%; }

  .main4{height: auto;}
  .main_section04 .main4_visual_tit {font-size: 40px; margin-bottom: 0;}
  .main_section04 .main4_visual_txt {font-size: 18px;}
  .main_section04 .main4_slide {margin-top: 50px;}
  .main4_slider >div {width: auto; max-width: 98%; margin: 0 auto; padding: 30px;}
  .main4_btnbox{width: calc(100% - 40px); bottom: 40%;}
  .main4_slider_tit {font-size: 20px;}
  .main4_slider_txt {font-size: 15px;}

  .main4_slider.slick-current > div {height: 275px;}

  .main4_slide .slick-next {margin-right: -45%;}
  .main4_slide .slick-prev {margin-left: -45%;}

  .main4_slider_tit {height: 60px; position: relative;}
  .main4_slider.slick-slide.slick-current .main4_slider_tit::after {content: ''; position: absolute; width: 100%; height: 8px; background-color: #0058aa; bottom: 0; left: 50%; transform: translateX(-50%);z-index: 5;}
  .main4_slider.slick-slide .main4_slider_tit::after {content: ''; position: absolute; width: 100%; height: 8px; background-color: #fff; bottom: 0; left: 50%; transform: translateX(-50%);z-index: 3;}
  .main4_slider_txt {height: 93px;}

  .client_left {display: none;}
  .client_right {width: 100%; vertical-align: middle; padding-left: 0;}
  .client_right .slick-slide{height: auto;}
	
	
	.main_section05 .pro_list a li .pro_list_t1 {color: #40b9ff; font-size: 15px; transition: .3s ease-out;}
	.main_section05 .pro_list a li .pro_list_t2 {color: #fff; font-size: 18px; font-family: 'Montserrat', sans-serif; font-weight: 700;}
	.main_section05 .pro_list a li {height: 200px;}
	.main_section05 .pro_list a li .pro_list_arrow i {left: 20px; top: 80px;}
	.main_section05 .pro_list a:hover li .pro_list_arrow i {top: 80px;}
	.main_section05 .pro_list a:first-child li .pro_list_img {position: absolute; left: 130px; top: 70px;}
	.main_section05 .pro_list a:first-child li .pro_list_img img {width: 130px; height: auto;}
	.main_section05 .pro_list a:nth-child(2) li .pro_list_img {position: absolute; left: 160px; top: 40px;}
	.main_section05 .pro_list a:nth-child(2) li .pro_list_img img {width: 90px; height: auto;}
	.main_section05 .pro_list a:nth-child(3) li .pro_list_img {position: absolute; left: 170px; top: 80px;}
	.main_section05 .pro_list a:nth-child(3) li .pro_list_img img {width: 70px; height: auto;}
	.main_section05 .pro_list a:nth-child(4) li .pro_list_img {position: absolute; left: 140px; top: 60px;}
	.main_section05 .pro_list a:nth-child(4) li .pro_list_img img {width: 110px; height: auto;}
	.main_section05 .pro_list a:nth-child(5) li .pro_list_img {position: absolute; left: 170px; top: 75px;}
	.main_section05 .pro_list a:nth-child(5) li .pro_list_img img {width: 70px; height: auto;}
	.main_section05 .pro_list a:nth-child(6) li .pro_list_img {position: absolute; left: 160px; top: 70px;}
	.main_section05 .pro_list a:nth-child(6) li .pro_list_img img {width: 80px; height: auto;}

  /* sub */
  .sub_visual{height: auto;}
  .s_visual_img{height: 0; padding-bottom: 48%; overflow: hidden;}
  .sub_visual_txtbox{transform: translate(-50%,-32%);}
  .sub_visual_tit {font-size: 24px;}
  .sub_visual_subtit {font-size: 16px;}
  .sub_visual_txt {font-size: 15px;}
  .location_wrap {text-align: left;}
  p.sub_second_tit {font-size: 18px;}
  .m_tabbox{margin-top: -10px;}
  
  h3.sub_first_tit br {display: none;}
  p.add_txt br {display: none;}
	
	.pb50 {padding-bottom: 30px}
	.pb100 {padding-bottom: 50px}
	.pb200 {padding-bottom: 100px}
	.sub_tit {
    font-size: 23px;
  }
	.ceo_tit {margin: 80px 0 0; font-size: 18px;}
	.sub_tit {margin: 40px 0 0;}
	
	
	.ceo_contentL {font-size: 15px;}
	.ceo_contentL2 {font-size: 15px;}
	.ceo_contentR {font-size: 13px;}

  /* sub-회사소개 */
  .organ_graph {padding: 50px;}

  .service_ul {padding: 0 0;}
  .service_ul li {width: 100%; display: block; height: auto; padding: 20px;}
  .service_ul li p:nth-child(2) {font-size: 18px; margin: 0;}
  .service_ul li:nth-child(4) p:nth-child(2) {margin: 0;}
  .service_ul li:nth-child(5) p:nth-child(2) {margin: 0;}

  .subsidiary {margin-bottom: 60px;}
  .subsidiary_ul li {width: 50%; padding: 0 5px;}

  .history_cont > p {font-size: 22px;}

  /* sub-경영가치체계 */
  .man_gra_box p {font-size: 19px;}
  .man_gra_box.man_gra2 p {font-size: 18px; font-weight: 500;}

  /* sub-CI */

  /* sub-뉴스목록 */
  .news_tit a {font-size: 16px;}

  /* sub-뉴스상세 */

  /* sub-찾아오시는 길 */

  /* sub-윤리헌장 */
  .charter_ul li {height: 285px;}

  /* sub-윤리강령 */
  .ethics_num {display: none!important;}
  .ethics_con {width: 100%;}

  /* sub-화학 */
  .main_content_box {padding: 30px 0;}

  /* sub-채용센터 */
  .hire_tit {font-size: 22px; margin-top: 15px;}
  .go_hire_center {font-size: 16px;}

  /* 2022-01-19 추가 */
  .visual{height: 0 !important; min-height: auto; overflow: hidden;}
  .main2 {padding-top: 60px; height: auto;}
  .main3 {height: auto;}
  .main_visual_subtxt {margin-top: 3px;}
  .main_visual_txt {margin-top: 10px;}
  .main_section04 .main4_slide {margin-top: 0; padding-top: 25px;}
	
	.intro-wrap > ul > li > .txt strong {font-size: 20px;}
	.intro-wrap > ul > li > .txt p {font-size: 15px; margin-top: 20px;}
	
	.intro-wrap.int02 > ul > li {width: calc(50% - 20px); overflow: hidden;}
	.intro-wrap.int02 > ul > li img {height: 400px;}

}

@media screen and (max-width:480px) {

  /* header */
  .header {padding: 0 10px;}
  .header .nav_right_box .lang_btn {margin-right: 8px;}

  /* site map */
  .site_map {width: 300px;}
  .big_site_map_ul > li {font-size: 22px;}
  .site_map .snb_sub_ul > li > a {font-size: 17px;}

  /* MAIN */
  .visual_img img{width: auto; height: 100%; min-width: auto; min-height: auto; top: 50%;}
	.visual span.visual_bg {left: -100px; top: 47%}
	.visual span.visual_bg img {width: 300px;}
  .visual .visual_copy_tit{font-size: 33px;}
  .visual .visual_copy_txt{font-size: 16px;}
  .visual .visual_copy_txt1{font-size: 16px;}
  .visual .visual_copy_txt2{font-size: 16px;}
  .visual_copy_txt1{width: 90%;}
  

  .main_visual_txt {margin-top: 0;}
	
	.ceo_tit {margin: 40px 0 10px; font-size: 18px;}
	
	.main_business_list {height: auto; overflow: hidden; padding: 50px 5%;}

  .main2_over p:first-child {font-size: 23px; margin-top: 20%;}
  .main2_over p:nth-child(2) {font-size: 16px;}
  .main2_over span {margin-top: 8%;}
  .main2_over span img {margin-left: 10px;}

	.main3_slider_tit {float: none; width: 100%; height: auto;}
	.main3_slider_txt {float: none; width: 100%;}
  .main3_over p:first-child {font-size: 23px; margin-top: 20%;}
  .main3_over p:nth-child(2) {font-size: 16px;}
  .main3_over span {margin-top: 8%;}
  .main3_over span img {margin-left: 10px;}
	.main3_pro_box .cm_object {top:8%;}
	.main3_pro_box .cm_object .cmo_main {left:230px; right:0; top:0; bottom:0;}
	.main3_slide .slick-prev{left: 95%; top: 106% }
	.main3_slide .slick-next{right: 95%; top: 106% }

  .main4_slider_tit {font-size: 18px; padding-bottom: 10px;}
  .main4_slider_txt {font-size: 18px; margin-top: 10px;}
  .main4_slider a {margin-top: 10px; font-size: 16px;}
	
	
	.main5 {padding: 40px 20px;}
	.main_section05 .main5_visual_txt br {display: none;}
	.main_section05 .pro_list a li .pro_list_t1 {color: #40b9ff; font-size: 15px; transition: .3s ease-out;}
	.main_section05 .pro_list a li .pro_list_t2 {color: #fff; font-size: 18px; font-family: 'Montserrat', sans-serif; font-weight: 700;}
	.main_section05 .pro_list a li {height: 200px;}
	.main_section05 .pro_list a li .pro_list_arrow i {left: 20px; top: 80px;}
	.main_section05 .pro_list a:hover li .pro_list_arrow i {top: 80px;}
	.main_section05 .pro_list a:first-child li .pro_list_img {position: absolute; left: 90px; top: 70px;}
	.main_section05 .pro_list a:nth-child(2) li .pro_list_img {position: absolute; left: 120px; top: 40px;}
	.main_section05 .pro_list a:nth-child(3) li .pro_list_img {position: absolute; left: 130px; top: 80px;}
	.main_section05 .pro_list a:nth-child(4) li .pro_list_img {position: absolute; left: 100px; top: 60px;}
	.main_section05 .pro_list a:nth-child(5) li .pro_list_img {position: absolute; left: 130px; top: 75px;}
	.main_section05 .pro_list a:nth-child(6) li .pro_list_img {position: absolute; left: 120px; top: 70px;}
	

  .contact_conbox img {margin-right: 7px;}
  .contact_baro >div > img {display: none;}

  /* sub */
  .sub_visual{height: auto;}
  .s_visual_img{height: 0; padding-bottom: 70%; overflow: hidden;}
	
	.sub_tit {
    font-size: 21px;
  }
	
	
	
	/* 서브비주얼 */
  .sub__visual {
    height: 300px;
  }
	.sub__visualBg {background-size: 250% auto !important; background: cover;}
	
	.sub__visualTitle {
    font-size: 30px;
    padding: 120px 0 0px;
  }

  .location_wrap {display: none;}
  .sub_title_box {padding: 65px 0 10px;}
  p.add_txt {font-size: 16px; word-break: break-word;}
  h3.sub_first_tit {font-size: 20px;}

  
	
	.table-step__item-title{font-size:15px;}
	.table-step__desc{font-size: 13px;}
	

	.table.mod table th {font-size:15px;}
	.table.mod table td {font-size: 13px;}
	
	.com_list li p {width: 100%; text-align: center; font-size: 13px; padding-top: 5px}
	
	
	
	
	.intro-wrap.int01 > ul > li img {width: 100%; height: 250px; max-width: initial;}
	.intro-wrap.int01 > ul > li {margin: 30px 10px 10px; height: 250px; width: calc(100% - 20px); overflow: auto}
	.intro-wrap.int02 > ul > li {width: calc(100% - 20px); height: 250px; overflow: hidden;}
	.intro-wrap.int02 > ul > li img {height: auto;}
	.intro-wrap > ul > li > .txt {bottom: 20px; left: 20px; right: 20px; z-index: 2;}
	.intro-wrap.int03 > ul > li,
	.intro-wrap.int04 > ul > li,
	.intro-wrap.int06 > ul > li:nth-child(n+3) {position: relative; float: left; width: calc(50% - 20px); margin: 10px;}
	.intro-wrap > ul > li > .txt strong {font-size: 18px;}
	.intro-wrap > ul > li > .txt p {font-size: 13px; margin-top: 20px;}
	.intro-wrap > ul > li > .txt p br {display: none;}
	.intro-wrap > ul > li > .txt p .br {display: block;}
	
	.location-traffic-list ul li {width: 100%;}
	.location-traffic-list ul li span {width:60px; font-size: 13px; line-height: 40px;}
	.location-traffic-list ul li em{font-size:13px;}
	
	.foot_con_left p {font-size: 13px;}
	.foot_con_right a {font-size: 13px;}

}

@media screen and (max-width:420px) {
	.main_section05 .pro_list a li .pro_list_arrow i {top: 100px;}
	.main_section05 .pro_list a:hover li .pro_list_arrow i {top: 100px;}
	.main_section05 .pro_list a:first-child li .pro_list_img {position: absolute; left: 70px; top: 70px;}
	.main_section05 .pro_list a:nth-child(2) li .pro_list_img {position: absolute; left: 100px; top: 40px;}
	.main_section05 .pro_list a:nth-child(3) li .pro_list_img {position: absolute; left: 110px; top: 80px;}
	.main_section05 .pro_list a:nth-child(4) li .pro_list_img {position: absolute; left: 80px; top: 60px;}
	.main_section05 .pro_list a:nth-child(5) li .pro_list_img {position: absolute; left: 110px; top: 75px;}
	.main_section05 .pro_list a:nth-child(6) li .pro_list_img {position: absolute; left: 100px; top: 70px;}
}

@media screen and (max-width:380px) {
	
	.visual .visual_copy_tit {font-size: 28px;}
	.visual span.visual_bg {left: -60px; top: 40%}
	.visual span.visual_bg img {width: 200px;}
	.visual>div.sldier_copy_txt_box {top: 15%; left: 50%;}	
	.visual_copy_txt img {width: 150px}

	
	
	.main_section03 .main3_visual_txt {font-size: 13px;}
	.main_section03 .main3_visual_txt a {padding: 10px 15px;}
	
	.main3_slider_tit {float: none; width: 100%;}
	.main3_slider_txt {float: none; width: 100%; padding: 20px}
  .main3_over p:first-child {font-size: 23px; margin-top: 20%;}
  .main3_over span {margin-top: 8%;}
  .main3_over span img {margin-left: 10px;}
	.main3_pro_box .cm_object {top:8%;}
	.main3_pro_box .cm_object .cmo_main {left:170px; right:0; top:0; bottom:0;}
	.main3_slide .slick-prev{left: 110%; top: 106% }
	.main3_slide .slick-next{right: 110%; top: 106% }
	.main3_slider_txt2 br {display: block;}
	
	
	
	
	.main_section05 .main5_visual_txtbox {padding-bottom: 15px;}
	.main_section05 .main5_visual_tit {margin-bottom: 15px;}
	.main_section05 .main5_visual_tit img {width: 200px;}
	.main_section05 .pro_list a li {width: 100%; padding: 20px 0 0 20px; margin: 0 0 5px; height: 170px;}	
	.main_section05 .pro_list a li .pro_list_t1 {font-size: 13px;}
	.main_section05 .pro_list a li .pro_list_t2 {font-size: 17px;}
	.main_section05 .pro_list a li .pro_list_t2 br {display: none;}
	.main_section05 .pro_list a li .pro_list_arrow i {color: #fff; font-size: 20px; position: absolute; left: 20px; top: 70px; transition: .3s ease-out;}
	.main_section05 .pro_list a:hover li .pro_list_arrow i {color: #fff; font-size: 20px; position: absolute; left: 40px; top: 70px;}
	.main_section05 .pro_list a:first-child li .pro_list_img {position: absolute; left: 190px; top: 30px;}
	.main_section05 .pro_list a:nth-child(2) li .pro_list_img {position: absolute; left: 225px; top: 25px;}
	.main_section05 .pro_list a:nth-child(2) li .pro_list_img img {width: 75px; height: auto;}
	.main_section05 .pro_list a:nth-child(3) li .pro_list_img {position: absolute; left: 230px; top: 40px;}
	.main_section05 .pro_list a:nth-child(4) li .pro_list_img {position: absolute; left: 196px; top: 26px;}
	.main_section05 .pro_list a:nth-child(5) li .pro_list_img {position: absolute; left: 230px; top: 30px;}
	.main_section05 .pro_list a:nth-child(6) li .pro_list_img {position: absolute; left: 223px; top: 29px;}
	
	.intro-wrap > ul > li > .txt strong {font-size: 15px;}
	
}

@media screen and (max-width:360px) {
	.main_section03 .main3_visual_txt a {padding: 13px 25px; transition: 0.3s}
	.main3_slider_txt {line-height: 1.35; overflow: hidden; white-space: normal; padding: 20px}
	.main3_pro_box .cm_object {top:10%;}
	.main3_pro_box .cm_object .cmo_main {left:155px; right:0; top:0; bottom:0;}
	.main3_slide .slick-prev{left: 115%; top: 106% }
	.main3_slide .slick-next{right: 115%; top: 106% }
}

@media screen and (max-width:350px) {
	.table.mod {overflow-x: auto;}
}

@media screen and (max-width:293px) {
    .main_section03 .main3_visual_txt a {padding: 10px 20px; transition: 0.3s}
}

@media screen and (max-width:280px) {
	
	.main_business_txt h4.sec1_tit {font-size: 18px;}
	.main_business_link .jt_btn_arrow {font-size: 13px;}
	
	.main3_slider {}
	.main3_slider_tit {float: none; width: 100%; height: 230px; text-align: center;}
	.main3_slider_tit img {width: 80%;}
	.main3_slider_txt {padding: 20px 80px}
	.main_section03 .main3_visual_txt a {padding: 10px 15px;}
	.main3_pro_box .cm_object .cmo_main {left:140px;}
	.main3_slide .slick-prev{left: 135%; top: 106% }
	.main3_slide .slick-next{right: 135%; top: 106% }
	
	.main_section05 .pro_list a li .pro_list_t2 br {display: block;}
	.main_section05 .pro_list a li .pro_list_arrow i {top: 120px;}
	.main_section05 .pro_list a:hover li .pro_list_arrow i {top: 120px;}
	.main_section05 .pro_list a:first-child li .pro_list_img {position: absolute; left: 110px; top: 30px;}
	.main_section05 .pro_list a:nth-child(2) li .pro_list_img {position: absolute; left: 145px; top: 25px;}
	.main_section05 .pro_list a:nth-child(3) li .pro_list_img {position: absolute; left: 150px; top: 40px;}
	.main_section05 .pro_list a:nth-child(4) li .pro_list_img {position: absolute; left: 116px; top: 26px;}
	.main_section05 .pro_list a:nth-child(5) li .pro_list_img {position: absolute; left: 150px; top: 30px;}
	.main_section05 .pro_list a:nth-child(6) li .pro_list_img {position: absolute; left: 150px; top: 29px;}
	
	
	.intro-wrap.int03 > ul > li,
	.intro-wrap.int04 > ul > li,
	.intro-wrap.int06 > ul > li:nth-child(n+3) {position: relative; float: left; width: calc(100% - 20px); margin: 10px;}
	
}