@charset "utf-8";


/* ******************  메인 비주얼 ********************** */
@media all and ( min-width: 1200px ){
	.mt04-cont:after {background: #1e5799; background: -moz-linear-gradient(-45deg, #1e5799 0%, #ed8443 0%, #c33848 100%); background: -webkit-linear-gradient(-45deg, #1e5799 0%,#ed8443 0%,#c33848 100%); background: linear-gradient(135deg, #1e5799 0%,#ed8443 0%,#c33848 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#c33848',GradientType=1 );}	
}
@media all and ( max-width: 1200px ){
	.main-visual-con:after {}
	/* 메인 비주얼 :: 화살표 */
	#mainVisual .slick-arrow{display:none !important; width:47px; height:40px; margin-top:-20px; background-size:47px auto !important; } /* 화살표사용시 display:none 삭제 */ 
	.main-visual-con:after {border:0;left: 0; right: 0; border-bottom: 1px solid rgba(255,255,255,0.12); width: 100%;}
	
}

@media all and ( max-width: 800px ){
	#mainContent {background-image: none;}
	#mainVisual{ height:480px !important ; }	/* 비주얼높이값 이미지에맞게 수정 */

	/* 메인 비주얼 :: 텍스트 */
	.main-visual-item .main-visual-txt-con{text-align: center; top: 40%; left: 0; width: 100%; margin-top: 0;}
	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size: 50px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt1>em {font-size: 28.5px; line-height: 1; margin-bottom: 7px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{margin-top: 10px; font-size: 20px; line-height: 1.2;width:550px; -ms-word-break: keep-all;
	word-break: keep-all;}
	.main-visual-item .main-visual-txt-con .main-visual-txt3{margin-top: 5px; font-size: 18px; line-height: 1.5; -ms-word-break: keep-all;
	word-break: keep-all;}
	.main-visual-item .main-visual-txt-con .main-visual-more-btn{width:120px; height:40px;}
	.main-visual-item .main-visual-txt-con .main-visual-more-btn p{font-size:12px; line-height:40px; letter-spacing:0.5px;}
	.m-br{display: block;}

	/* 메인 비주얼 :: 이미지 */
	.main-visual-item .main-visual-pc-img{display:block;}
	.main-visual-item .main-visual-m-img{display:none;}
	.main-visual-m-img img{height:50%;}

	/* 메인 비주얼 :: 점 */
	#mainVisual .slick-dots{ bottom:30px; }

	.main-scroll-icon{display: none;}
}

@media all and ( max-width: 480px ){
	
	#mainVisual{ height:400px !important ; }

	.main-visual-item .main-visual-pc-img{height:400px ;}
	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size: 30px; letter-spacing: -0.45px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{margin-top: 7px; font-size: 14px;padding: 0 20px;width:300px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt3{margin-top: 5px; font-size: 13px;padding: 0 20px;width:300px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt3 a {font-size: 15px;}

}
/* ******************  //메인 비주얼 ********************** */




/* ******************  메뉴 ********************** */

@media all and (max-width:1800px) {
	.gnb > li > a { padding: 0 25px;}
}

@media all and (max-width:1400px) {
	.gnb_wrap {margin-left:-390px}
	.topmenu {display:none;}
}

@media all and (max-width:1200px) {	
	.menu { padding: 70px 0 35px;margin:0 3%}/* padding:60px 0 35px */
	.menu > li > a { font-size: 35px; }
	.menu > li > .menu_sub {margin-left:12px}
	.menu_wrap .esc { top: 10px; right: 1.5%; } /* top:5px;right:-10px */
	.gnb_wrap{display:none;}
	.menuBtn {	display: inline-block;	vertical-align: middle;}
	.topmenu { display: inline-block;}
}


@media all and (max-width:768px) {

	/* header */
	#header, .h_wrap { height: 70px; }
	#logo, .head_right { top: 22px; }
	#logo img { height: 26px; }

	.show-640 {display:block !important;}
	.hide-640 {display:none !important;}
	.topmenu {display:inline-block;}
	.topmenu li {margin-right:10px}
	.topmenu li a {font-size:13px}
	.online	{display:none;}
	.head_right {padding-right: 0;}
}

@media all and ( max-width: 480px ){
	.head_right {top:12px}
	#logo {top:24px}
	#logo img {height:22px}
	.topmenu {position:relative}
	.topmenu li {margin-right:9px;float:none;text-align:right}
	.topmenu li:nth-child(2),  
	.topmenu li:nth-child(4) {display:none}
	.topmenu li.bt_catalog {position:absolute;right:55px;top:20px}
	.lang a {margin-right:10px}
}

/* ******************  //메뉴 ********************** */





/* ******************  Who we Are ********************** */

@media all and (max-width:900px) {
	
	#section1{background:url(../img/who_bg.png) no-repeat center right;background-size:cover;padding: 40px 10px;height: 400px;}
	.left_bg01 {width:100%;}
	.right_text {width:100%;}
	.swiper-slide { width:100%; }
	
	.who_txt {padding:0;text-align:left;line-height:24px;}
	.who_txt .txt01{padding-top: 40px; }
	.who_txt .txt02{ padding-top:30px;}
}

@media all and ( max-width: 480px ){
	
	#section1{background:url(../img/who_bg.png) no-repeat left center;background-size:cover;padding: 30px 10px;height: 450px;}

	.who_title {text-align:center; padding-top:30px; }
	.who_title .txt01 {font-size:30px; }
	.who_title .txt02 {font-size:13px;  line-height:16px; }
	.who_txt .txt01{ font-size:16px;line-height:20px;}
	.who_txt .txt02{ line-height:19px;font-size:15px;}
	

}





/* ******************  What we Do ********************** */

@media all and ( max-width: 1024px ){
	
	#section2{padding:80px 10px 70px 10px} /* padding:80px 0 70px */
	.fp4_list  {width:100%;padding-bottom: 50px;}
	.fp4_list .fp4_list_item .img_box {width: 24%;margin:0 1% 1% 0;}
	.fp4_list .fp4_list_item .img_box2 {width:98%;margin:0 1%;}
	.fp4_list .fp4_list_item .img_box_50 {width: 49.5%; margin:0 1% 1% 0;} /* width:49% */
	.fp4_list .fp4_list_item .img_box_50:nth-child(2n), 
	.fp4_list .fp4_list_item .img_box_50:last-child {margin-right:0} /* 200904 추가 */
	.fp4_list .text02{ font-size:18px; }
	.fp4_list .fp4_list_item .img_box_right .txt {font-size:18px; }

}


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

	#section2{padding:40px 10px 35px;}
	#section2 h2.title {font-size:30px;  line-height:36px;padding-bottom:30px; }

	
	.fp4_list .text01{font-size:20px; }
	.fp4_list .text02{ font-size:15px; }

	.fp4_list .fp4_list_item {padding-top:20px;}
	.fp4_list .fp4_list_item .img_box {width: 48%;padding: 1%;margin:0;}
	.fp4_list .fp4_list_item .img_box_50 {width: 100%;margin-bottom:10px;}
	.fp4_list .fp4_list_item .img_box_left {width: 100%;}
	.fp4_list .fp4_list_item .img_box_right {width: 100%;float:left; margin-top:10px;}
	.fp4_list .fp4_list_item .img_box_right .txt {font-size:15px; }
	.fp4_list .fp4_list_item .img_box_right .txt li {font-size:15px;line-height:22px;}
	
}





/* ******************  주요계열사 ********************** */

@media all and (max-width:900px) {

	#section3 h2{padding-bottom:15px;}

	/*#section3 .group_wrap{height:auto;overflow:auto;}*/
	#group_navi{position:relative;top:auto;right:auto;width:100%;}
	#group_navi li{float:left;width:49.5%;margin:0 1% 1% 0;}
	#group_navi li:nth-child(2n){margin-right:0;}
	#group_navi li a{line-height:36px;padding-left:35px;font-size:18px;font-weight:400;border:1px solid #3a4555;}
	#group_navi li.selected a{color:#242d3b;background:url(../img/main/icon_arrow_group.png) no-repeat 15px center;background-color:rgba(255,255,255,0.8);border:1px solid #D5D6D6;}

	/*#group_slide li{height:320px;}*/
	#group_slide li .typo{padding-right:0;padding-top:95px;}
	#group_slide li .typo .exp{font-size:20px;line-height:25px;padding:12px 30px 10px;opacity:0.8;}
	#group_slide li .typo a{font-size:16px;line-height:22px;color:#fff;opacity:0.7;}

	#group_slide li.li8 .typo{padding-top:85px;}


}


@media screen and (max-width:768px) {
	#section3{padding:80px 0 70px;}
	#section3 h2{font-size:40px;line-height:50px;}
}

@media screen and (max-width:480px) {
	#section3{padding:40px 0 35px;}
	#section3 h2.title{font-size:30px;line-height:36px;padding-bottom:30px}
	#group_navi li{float:left;width:100%;margin:1% 0 0 0;}
	#group_navi li a{line-height:34px;padding-left:0;font-size:15px;font-weight:600;border:1px solid #3a4555;text-align:center;}
	#group_navi li.selected a{color:#242d3b;background-image:none;}

	/*#group_slide li{height:180px;margin-top: 5px;}*/
	#group_slide li .typo{padding-right:0;padding-top:30px;}
	#group_slide li .typo  img{width:80px;}
	#group_slide li .typo .exp{font-size:15px;line-height:18px;padding:10px 30px 5px;}
	#group_slide li .typo a{font-size:14px;line-height:18px;}
	#group_slide li .typo a i{font-size:12px;padding-right:3px;}

	#group_slide li.li8 .typo{padding-top:30px;}
}




@media screen and (max-width:1280px){
	.res_wrap{width:94%;margin:0 auto;}
}

@media screen and (max-width:1100px){
	.blind1100{display:none !important;}
}

@media screen and (max-width:768px) {
	.res_wrap{width:92%;margin:0 auto;}
	.add768{display:inline !important;}
	.add_block768{display:block !important;}
	.blind768{display:none !important;}
}

@media screen and (max-width:480px) {
	.res_wrap{width:auto; margin:0 12px !important;}
	.add480{display:inline !important;}
	.add_block480{display:block !important;}
	.blind480{display:none !important;}
}




/* ****************** 네트워크 ********************** */

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

	.section.section-globalNetwork .section__content {height: 500px;}
	.section.section-globalNetwork .section__content__item.active .section__content__item-wrap {min-width: 420px;	}
}
@media screen and (max-width: 640px) {
	#section4 {padding-bottom:70px;background-color:#dee6f1}
}

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

	.section.section-globalNetwork .section__content {height: 400px;}
	.section.section-globalNetwork .section__content__item.active .section__content__item-wrap {
		min-width: 340px;	}
	.section.section-globalNetwork .section__content__sub-item dl{ width:70px;}
}


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

	#section4{padding:40px 10px 100px;background:url(../img/global_bg_m.png) no-repeat center top 85%;height: 200px;background-size:contain;background-color: #dee6f1;}/* background-size:400px auto */
	#section4 h2.title {font-size:25px; line-height: 30px; }
	
	.section-globalNetwork.section .section__wrap { display: none;}


}



/* ****************** contact us ********************** */
/*
@media screen and (max-width:900px) {
	
	#section5{padding:100px 20px 130px;}
	.contactus { width:100%; }
	.contact_title { padding-top:30px; padding-right:20px;}
	.mcrfrom{padding-left: 0;}
	a, #a_submitqa {margin-left: 0;}
	.main-agree {   padding: 25px 0 25px ;}

}
*/

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

	#section5{padding:30px 10px 50px;background:url(../img/contact_bg_m.png) top left;height:100%;overflow: hidden;}
	.contactus {  width:100%; }
	.left_bg {width:100%;  }
	.contact_left {width:100%; }
	.contact_right	{width:100%;float: right;}

	.contact_title { padding:0;}
	.contact_title .txt02 {padding-top:20px;line-height: 20px;}
	.contact_title .contact_more	{margin-top:20px;}
	.contact_title .contact_more li {padding:5px 0;font-size:15px;}
	.mcrfrom{ padding-left: 0;padding-top: 20px;}

	.mcrfrom input{margin-bottom: 10px; height: 30px;}
	.mcrfrom textarea{padding: 10px;height: 80px;}
	.main-agree {  padding: 5px 0 20px ; color:#fff;}
	.checkbox + em + span {color: #fff;}
	
	.mcrfrom a, #a_submitqa { border: 1px solid #fff;color: #fff;margin-left: 0;}

}




/* ****************** footer ********************** */

@media screen and (max-width:480px) {
	
	.footer .copyright ul li {font-size:14px; padding: 0 15px;}
	.footer .copyright ul li:after { display:none;}
}