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

#main {
    POSITION: relative; 
	WIDTH:100%;
	HEIGHT:860px; min-height:860px;
	Z-INDEX:1;
	TOP:0px;
	text-align:center; margin:0px 0 0 0; box-sizing:border-box;
}

#mainvisual{width:100%; height:900px;  position:relative;  background:#000; z-index:1;}	/* 비주얼높이값 이미지에맞게 수정 */

#mainvisual .main-visual-list-con, 
#mainvisual .main-visual-con, 
#mainvisual .slick-list,  
#mainvisual .slick-track, 
.main-visual-item{
	height:100%;
}
#mainvisual .main-visual-con{}
/* 메인 비주얼 :: 이미지 */
.main-visual-item{position:relative; z-index:1;}

.main-visual-item .main-visual-img{
	width:100%;
	height:100%;
	opacity:0.1;
	filter:Alpha(opacity=40);
	/*background-size:cover !important;*/
	-ms-transform: scale(1.0,1.0);
    -o-transform: scale(1.0,1.0); 
    -moz-transform: scale(1.0,1.0); 
    -webkit-transform: scale(1.0,1.0); 
     transform: scale(1.0,1.0);
	-webkit-transition:opacity 1.5s ease-out, transform 9.5s linear ;
	-moz-transition:opacity 1.5s ease-out, transform 9.5s linear ;
	-o-transition:opacity 1.5s ease-out, transform 9.5s linear ;
	-ms-transition:opacity 1.5s ease-out, transform 9.5s linear ;
    transition:opacity 1.5s ease-out, transform 9.5s linear ;	
	
	background-position:50% 50% !important;
	background-size:cover  !important; 
}

.main-visual-item .main-visual-img.mvimg01 {background:url(../image/main1.jpg) no-repeat;}
.main-visual-item .main-visual-img.mvimg02 {background:url(../image/main2.jpg) no-repeat;}
.main-visual-item .main-visual-img.mvimg03 {background:url(../image/main3.jpg) no-repeat;}


/* 메인 비주얼 :: 텍스트 */
.main-visual-item .main-visual-txt-con{position:absolute; top:50%; width:100%; margin-top:-250px; text-align:center; } /* margin-top은 조정 (텍스트영역 높이의 반) */
.main-visual-item .main-visual-txt-con .main-visual-txt1{
	opacity:0;filter:Alpha(opacity=0);
	-ms-transform: translateX(-50px); 
    -o-transform: translateX(-50px); 
    -moz-transform: translateX(-50px);
    -webkit-transform: translateX(-50px); 
     transform: translateX(-50px);
	-webkit-transition:opacity 1.0s, transform 1.0s;
	-moz-transition:opacity 1.0s, transform 1.0s;
	-o-transition:opacity 1.0s, transform 1.0s;
	-ms-transition:opacity 1.0s, transform 1.0s;
	transition:opacity 1.0s, transform 1.0s;

}

.main-visual-item .main-visual-txt-con .main-visual-txt2{
	opacity:0;filter:Alpha(opacity=0);
	-ms-transform: translateX(50px); 
    -o-transform: translateX(50px); 
    -moz-transform: translateX(50px);
    -webkit-transform: translateX(50px); 
     transform: translateX(50px);
	-webkit-transition:opacity 1.0s, transform 1.0s;
	-moz-transition:opacity 1.0s, transform 1.0s;
	-o-transition:opacity 1.0s, transform 1.0s;
	-ms-transition:opacity 1.0s, transform 1.0s;
	transition:opacity 1.0s, transform 1.0s;

}

.main-visual-item .main-visual-txt-con .main-visual-txt3{
	opacity:0;filter:Alpha(opacity=0);
	-ms-transform: translateY(-50px); 
    -o-transform: translateY(-50px); 
    -moz-transform: translateY(-50px);
    -webkit-transform: translateY(-50px); 
     transform: translateY(-50px);
	-webkit-transition:opacity 1.0s, transform 1.0s;
	-moz-transition:opacity 1.0s, transform 1.0s;
	-o-transition:opacity 1.0s, transform 1.0s;
	-ms-transition:opacity 1.0s, transform 1.0s;
	transition:opacity 1.0s, transform 1.0s;

}

.main-visual-item .main-visual-txt-con .main-visual-txt4{
	opacity:0;filter:Alpha(opacity=0);
	-ms-transform: translateX(-50px); 
    -o-transform: translateX(-50px); 
    -moz-transform: translateX(-50px);
    -webkit-transform: translateX(-50px); 
     transform: translateX(-50px);
	-webkit-transition:opacity 1.0s, transform 1.0s;
	-moz-transition:opacity 1.0s, transform 1.0s;
	-o-transition:opacity 1.0s, transform 1.0s;
	-ms-transition:opacity 1.0s, transform 1.0s;
	transition:opacity 1.0s, transform 1.0s;

}


.main-visual-item .main-visual-txt-con .main-visual-txt5{
	opacity:0;filter:Alpha(opacity=0);
	-ms-transform: translateX(-50px); 
    -o-transform: translateX(-50px); 
    -moz-transform: translateX(-50px);
    -webkit-transform: translateX(-50px); 
     transform: translateX(-50px);
	-webkit-transition:opacity 1.0s, transform 1.0s;
	-moz-transition:opacity 1.0s, transform 1.0s;
	-o-transition:opacity 1.0s, transform 1.0s;
	-ms-transition:opacity 1.0s, transform 1.0s;
	transition:opacity 1.0s, transform 1.0s;

}

.main-visual-item .main-visual-txt-con .main-visual-txt1{display:block; position:absolute;  left:3%;}
.main-visual-item .main-visual-txt-con .main-visual-txt2{display:block; position:absolute; right:3%; text-align:right;}

.main-visual-item .main-visual-txt-con .main-visual-txt3 {display:block; position:absolute;text-align:center; margin-left:-10%;;left:50%;max-width:550px;}
.main-visual-item .main-visual-txt-con .main-visual-txt3 img{max-width:100%;}
.main-visual-item .main-visual-txt-con .main-visual-txt4{display:block; float:left; font-size:40px; font-weight:500;  color:#111; margin:0% 10%;/*text-shadow:0px 2px 2px #000;*/left:0%; letter-spacing:-1px;}
.main-visual-item .main-visual-txt-con .main-visual-txt4 span {display:block; margin:60px 0 0 0}

.main-visual-item .main-visual-txt-con .main-visual-txt5{display:block; float:left; font-size:48px; font-weight:500;  color:#111; margin:10% 10%;/*text-shadow:0px 2px 2px #000;*/left:0%; letter-spacing:-1px;}


/* 메인 비주얼 :: active효과 */
.main-visual-item.active-item .main-visual-img{
	-ms-transform: scale(1.1,1.1) rotate(0.0001deg);
    -o-transform: scale(1.1,1.1) rotate(0.0001deg);
    -moz-transform: scale(1.1,1.1) rotate(0.0001deg);
    -webkit-transform: scale(1.1,1.1) rotate(0.0001deg);
     transform: scale(1.1,1.1) rotate(0.0001deg);
	 opacity:1;
	 filter:Alpha(opacity=100);
}
.main-visual-item.active-item .main-visual-txt1,
.main-visual-item.active-item .main-visual-txt2,
.main-visual-item.active-item .main-visual-txt3,
.main-visual-item.active-item .main-visual-txt4,
.main-visual-item.active-item .main-visual-txt5{
	opacity:1.0;filter:Alpha(opacity=100);
	-ms-transform: translateY(0px); 
    -o-transform: translateY(0px); 
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px); 
     transform: translateY(0px);
	 	
}

/* 메인 비주얼 :: 버튼 */
#mainvisual .slick-dots{position:absolute; z-index:23;width:160px; margin:0 0 0 -80px; left:50%; text-align:center; bottom:135px;}
#mainvisual .slick-dots li{display:inline-block; margin:0 5px ; }
#mainvisual .slick-dots li{
	cursor:pointer;  padding:0px;font-size:0; width:14px; height:14px; background:url(../image/m_off.png) no-repeat center; 
	/*-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;*/  text-indent:-3000px;
}
#mainvisual .slick-dots li.slick-active{background:url(../image/m_on.png) no-repeat center}		/* 버튼 active */

/* 메인 비주얼 :: 화살표 */
.main-visual-btn-group {position:absolute; z-index:50; width:100%; bottom:110px; left:0;}
.main-visual-btn-inner {max-width:310px; margin:0 auto;}
.main-visual-arrow {width:74px; height:74px; /*border:2px solid rgba(255, 255, 255, 0.1); border-radius:50%;*/ cursor:pointer; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;opacity:1.0;}
.main-visual-prev {float:left; background:url("../image/btn_prev.png") no-repeat center;}
.main-visual-next {float:right; background:url("../image/btn_next.png") no-repeat center;}
.main-visual-arrow:hover {/*border:2px solid rgba(255, 255, 255, 0.5);*/opacity:1.0;}
@media all and (max-width:1600px){
	.main-visual-item .main-visual-txt-con .main-visual-txt3{margin-top:-150px;margin-left:-12%;;}
}

@media all and (max-width:1366px){
	
	.main-visual-item .main-visual-txt-con .main-visual-txt1{margin:0 0%;width:50%;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{margin:0 0;text-align:right;width:50%;}
	.main-visual-item .main-visual-txt-con .main-visual-txt3{}
	.main-visual-item .main-visual-txt-con .main-visual-txt4{margin:0 5%;}
	
	
	.main-visual-item .main-visual-txt-con .main-visual-txt1 img {width:60%;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2 img {position:absolute;margin:0;width:60%;right:0;}
	.main-visual-item .main-visual-txt-con .main-visual-txt3 img {width:100%;}
	.main-visual-item .main-visual-txt-con .main-visual-txt4 img {width:70%;}

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

.main-visual-item .main-visual-img.mvimg01 {background-position:45% center  !important; }

	.main-visual-item .main-visual-txt-con .main-visual-txt1{padding-top:10%;	}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{padding-top:10%;	}
	.main-visual-item .main-visual-txt-con .main-visual-txt3{margin-left:-18%;width:60%;;}
}
@media all and (max-width:900px){
	
	.main-visual-item .main-visual-txt-con{top:50%;  margin-top:-350px; } /* margin-top은 조정 (텍스트영역 높이의 반) */
	
	.main-visual-item .main-visual-img.mvimg01 {background-position:45% center  !important;  }
	.main-visual-item .main-visual-txt-con .main-visual-txt1{padding-top:30%;	}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{padding-top:30%;	}
	.main-visual-item .main-visual-txt-con .main-visual-txt3{margin-top:0;}

}
@media all and (max-width:800px){
	
	#main {HEIGHT:540px; min-height:540px;}

	#mainvisual{ height:580px;}	
	
	
	
	
	.main-visual-item .main-visual-img.mvimg02 {background-position:72% 50% !important;}
	.main-visual-item .main-visual-img.mvimg03 {background-position:68% 50% !important;}
	
	
	.main-visual-item .main-visual-txt-con{top:50%;  margin-top:-280px; }

	.main-visual-item .main-visual-txt-con .main-visual-txt3{margin-top:80px;}

	.main-visual-item .main-visual-txt-con .main-visual-txt1 img {width:50%}
	.main-visual-item .main-visual-txt-con .main-visual-txt2 img {width:65%;}
	.main-visual-item .main-visual-txt-con .main-visual-txt4 img {width:60%;}
	
	.main-visual-item .main-visual-txt-con .main-visual-txt4 span{display:none;}

	.main-visual-item .main-visual-txt-con .main-visual-txt5{ display:none;}
	
	
	/* 메인 비주얼 :: 버튼 */
	#mainvisual .slick-dots{position:absolute; z-index:23;width:160px; margin:0 0 0 -80px; left:50%; text-align:center; bottom:70px;}


	/* 메인 비주얼 :: 화살표 */
	.main-visual-btn-group { display:none;}

}
@media all and (max-width:640px){
	.main-visual-item .main-visual-img.mvimg01 {background-position:30% 0  !important; }
	.main-visual-item .main-visual-txt-con .main-visual-txt1{padding-top:50%;	}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{padding-top:50%;	}
	.main-visual-item .main-visual-txt-con .main-visual-txt1 img {width:70%}
	.main-visual-item .main-visual-txt-con .main-visual-txt2 img {width:75%;}

	.main-visual-item .main-visual-txt-con .main-visual-txt3 { margin:50px 0 0 0px;left:20%;width:60%;}
}
@media all and (max-width:560px){
	 
}

@media all and (max-width:500px){
	
	.main-visual-item .main-visual-txt-con .main-visual-txt4 img {width:80%;}

}

@media all and (max-width:480px){
	.main-visual-item .main-visual-txt-con .main-visual-txt1{padding-top:75%;	}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{padding-top:75%;	}	
	.main-visual-item .main-visual-txt-con .main-visual-txt1 img {width:80%}
	.main-visual-item .main-visual-txt-con .main-visual-txt2 img {width:75%;}
	.main-visual-item .main-visual-txt-con .main-visual-txt3 { margin:50px 0 0 0px;left:10%;width:80%;}
}

/* ===== 메인콘텐츠 ===== */


#mainContent {Z-INDEX:1000;POSITION:relative; }


/* === 공지사항_바로가기아이콘 === */

#mainNoticeCon .area-box {	position: relative;}
#mainNoticeCon .bg-box {	width: 100%; height: 520px; position: absolute; z-index: -1;}
#mainNoticeCon .bg-box .left-bg {	width: 60%; height: 100%; float: left; background:url(../image/m_con_bg01.jpg) no-repeat center; background-size:cover;}
#mainNoticeCon .bg-box .right-bg {	width: 40%; height: 100%; float: right; background:#ecf2f7;}


#mainNoticeCon .inner-box {	margin: 0px auto; max-width: 1400px;}

/* 공지사항 :: 바로가기 */
#mainNoticeCon .main-link-con { width: 66%;	padding: 0px 0px; background:none; float:left; box-sizing: border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

.main-link-list {padding: 40px 7.5%;box-sizing: border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.main-link-inner {position:relative; float:left; width:50%; text-align:center;}
/*.main-link-inner::after {content:""; position:absolute; width:1px; height:100%; left:0; top:0; background:url(../image/m_link_sai.png) repeat-y;opacity:0.8;filter:Alpha(opacity=0.8);}*/
.main-link-inner:first-child::after {background:transparent;}
.main-link-inner a {display:block; padding:15px 0;}
.main-link-icon { display:inline-block; width:100%;  margin:0  auto 20px auto}
.main-link-icon img {max-width:100%;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s; margin-top:3%;}
.main-link-info { width:100%; text-align:center;}
.main-link-info h4 {font-size:20px; letter-spacing: -0.5px; color:#fff; font-weight:500; margin-bottom: 20px; line-height:35px;}
.main-link-info p {font-size:16px; line-height: 26px; letter-spacing: -0.5px; color:#777777; word-break:keep-all;}
.main-link-info p span {display:block;}

.main-link-inner a:hover .main-link-icon img {-webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px);}
/* .main-link-inner a:hover h4 {text-decoration: none; display:inline-block; border-bottom: 2px solid #333; padding-bottom: 3px;} */
.main-link-info h4 span{display:inline-block; position:relative; white-space:nowrap;}
.main-link-info h4 span::after {content:""; position:absolute; left:0; bottom:-10px; width:0; height:2px; background-color:#0f3158; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.main-link-inner a:hover .main-link-info h4 span::after {width:100%; }


/* 공지사항 :: 공지사항 */
#mainNoticeCon .main-notice-con { width: 34%;	padding: 0px 0px; background:#ecf2f7;float: left; box-sizing: border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

.main-notice-list {padding:80px 7.5%;box-sizing: border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

.main-notice-list .notice_tit{}
.main-notice-list .notice_tit h2 { float:left;font-size:27px; color:#232732; text-align:left;font-weight:500;letter-spacing:-0.5px;}
.main-notice-list .notice_tit h2 span { font-weight:300;}

.main-notice-list .rotate-plus .rotate-item {	transition:transform 0.3s; transform: rotate(0deg); -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; -o-transition: transform 0.3s; -o-transform: rotate(0); -moz-transform: rotate(0); -webkit-transform: rotate(0);}
.main-notice-list .rotate-plus:hover .rotate-item { background:#084993;	transition:transform 0.3s; transform: rotate(90deg); -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; -o-transition: transform 0.3s; -o-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg);}
.main-notice-list .main-more-btn {margin:0px  auto; float:right;}
.main-notice-list .main-more-btn .plus-icon {	width: 100%; height: 100%; width:40px; height:40px; display: block; position: relative; background:#084993; margin:0 auto }
.main-notice-list .main-more-btn .plus-icon .plus-line {left: 50%; top: 50%; width: 20px; height: 1px; margin-top: -0.5px; margin-left: -9.5px; position: absolute; background-color:#ddd;}
.main-notice-list .main-more-btn .plus-icon .plus-line02 {transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg);}

.main-notice-list ul { clear:both; padding-top:20px; }
.main-notice-list li{background:url(../image/dot01.gif) no-repeat left 50%; color:#222; border-bottom:1px solid #cfcfcf; padding:5px 5px 5px 15px; line-height:40px;}
.main-notice-list li .txtbox {display: inline-block; width:75%;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height:18px;}
.main-notice-list li span { display: inline-block;right:0; color:#444; float:right; font-size:13px;}

.main-notice-list li a {color:#222;}

@media all and (max-width:1366px){
	
	/* 공지사항 :: 바로가기 */
	#mainNoticeCon .main-link-con { width: 60%;}
	
	/* 공지사항 :: 공지사항 */
	#mainNoticeCon .main-notice-con { width: 40%;}
}

@media all and (max-width:1024px){
	
	/* 공지사항 :: 바로가기 */
	#mainNoticeCon .main-link-con { width: 55%;}
	
	/* 공지사항 :: 공지사항 */
	#mainNoticeCon .main-notice-con { width:45%;}
	.main-notice-list {padding:60px 7.5%;}
}

@media all and (max-width:900px){
	
	
	/* 공지사항 :: 바로가기 */
	#mainNoticeCon .main-link-con { width: 100%;	padding: 0px 0px; float:none; background:url(../image/m_con_bg01.jpg) no-repeat center; background-size:cover; }
	
	
	/* 공지사항 :: 공지사항 */
	#mainNoticeCon .main-notice-con { width:100%; float:none;}

}

@media all and (max-width:480px){
	
	.main-link-list {padding:5px 4.5%;}
	
	.main-link-inner a {display:block; padding:10px 0;}
	.main-link-icon { display:inline-block; width:100%;  margin:0  auto 10px auto}
	.main-link-icon img {max-width:90%; margin-top:3%;}
	.main-link-info { width:100%; text-align:center;}
	.main-link-info h4 {font-size:18px;   margin-bottom: 10px; }

	
	/* 공지사항 :: 공지사항 */
	.main-notice-list {padding:40px 4.5% !important;}
	.main-notice-list .notice_tit h2 { float:left;font-size:20px; }
	
	.main-notice-list li {font-size:14px;padding:0px 5px 0px 15px;}
	
	.main-notice-list .main-more-btn {margin:-5px  auto;}
	
}



/* === 활동현황 === */

#mainGalleryCon {width:100%; background:#fff url(../image/m_gallery_bg.gif) repeat; position:relative; padding:80px 0 0 0}
#mainGalleryCon  .inner-box {	margin: 0px auto; max-width: 1400px;}

#mainGalleryCon h1 { color:#232732; font-size:35px; font-weight:500; text-align:center; letter-spacing:-0.5px;}
#mainGalleryCon h1 span {display:block;  color:#6d6d6d; font-size:17px; font-weight:400; margin:20px  0 0 0}


/* 활동현황 :: 국내활동갤러리 */
.main-galleryin-con {padding: 80px 3.75% ; width:50%; float: left; box-sizing: border-box;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

.main-galleryin-con h2 {font-size:27px; color:#282828; text-align:left;font-weight:500;letter-spacing:-0.5px;}
.main-galleryin-con h2 span { font-weight:300;}

.main-galleryin-con .galleryin-box {margin-top: 13px; position: relative; }
.main-galleryin-con .galleryin-list {margin: 0px -10px;}
.main-galleryin-con .galleryin-list-item {margin: 10px 10px;  position: relative; box-sizing: border-box; background:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-shadow:0px 2px 7px rgba(0,0,0,.2);border:1px solid #cecece;}
.main-galleryin-con .galleryin-list-item .galleryin-img {  }
.main-galleryin-con .galleryin-list-item .galleryin-img img {width:100%; height:100%; max-height:200px; min-height:200px;}

.main-galleryin-con .galleryin-list-item .title {margin: 18px; text-align:center;color:#3a3a3a; line-height: 24px; letter-spacing: -0.5px;  font-size: 17px;  /*height: 48px;-ms-word-break: keep-all; -ms-text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;*/text-overflow: ellipsis; white-space: nowrap; overflow: hidden}

.main-galleryin-con .galleryin-box .slide-arrow-box {top: -50px; height: 24px; right: 0px; position: absolute;}
.main-galleryin-con .galleryin-box .slide-arrow-box .inner {width: 100%; height: 100%; display: inline-block; position: relative;}
.main-galleryin-con .galleryin-box .slide-arrow {border:1px solid #cecece; border-image: none; top: 50%; width: 32px;right: 0px; font-size: 0px; margin-top: -3px; display: inline-block; position: absolute; z-index: 9; cursor: pointer; background:#fff; text-align:center; padding:5px 0;}
.main-galleryin-con .galleryin-box .slide-arrow.slide-prev {margin-right:40px;}
.main-galleryin-con .galleryin-box .slide-arrow.slide-next {}
.main-galleryin-con .galleryin-box .slide-pause {right: 0px; margin-right: 40px;}
.main-galleryin-con .galleryin-box .slide-pause .pause {color: rgba(42, 50, 63, 0.8);}


/* 활동현황 :: 해외활동 */
.main-galleryfor-con .main-galleryfor-slide-wrap {padding: 80px 3.75% ;width:50%;  float: right; box-sizing: border-box;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

.main-galleryfor-con h2 {font-size:27px; display:inline-block; color:#282828; text-align:left;font-weight:500;letter-spacing:-0.5px;}
.main-galleryfor-con h2 span { font-weight:300;}

.main-galleryfor-con .galleryfor-box {margin-top: 13px; position: relative; }
.main-galleryfor-con .main-galleryfor-slide{margin:0 -10px; }
.main-galleryfor-con .main-galleryfor-slide li {margin: 10px 10px;  position: relative; box-sizing: border-box; background:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-shadow:0px 2px 7px rgba(0,0,0,.2);border:1px solid #cecece;}
.main-galleryfor-con .main-galleryfor-slide li a {display: block;}
.main-galleryfor-con .main-galleryfor-slide .galleryfor-img {}
.main-galleryfor-con .main-galleryfor-slide .galleryfor-img img {width:100%; height:100%; max-height:200px; min-height:200px;}

.main-galleryfor-con .main-galleryfor-slide .title {margin: 18px; text-align:center;color:#3a3a3a; line-height: 24px; letter-spacing: -0.5px;  font-size: 17px;  /*height: 48px;-ms-word-break: keep-all; -ms-text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;*/text-overflow: ellipsis; white-space: nowrap; overflow: hidden}

.main-galleryfor-con .slide-arrow-box { top:0px; float:right;height: 24px;  right: 0px; position: relative;box-sizing: border-box;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.main-galleryfor-con .slide-arrow-box .inner {width: 100%; height: 100%; position: relative;}
.main-galleryfor-con .slide-arrow-box .slide-arrow {border:1px solid #cecece; border-image: none; top: 50%; width: 32px;right: 0px; font-size: 0px; margin-top: -3px; display: inline-block; position: absolute; z-index: 9; cursor: pointer; background:#fff; text-align:center; padding:5px 0;}
.main-galleryfor-con .slide-arrow-box .slide-arrow.slide-prev {margin-right:40px;}
.main-galleryfor-con .slide-arrow-box .slide-arrow.slide-next {}
.main-galleryfor-con .slide-arrow-box .slide-pause {left: 0px; top: 50%; margin-top: -12px; margin-left: 40px; position: absolute;}
.main-galleryfor-con .slide-arrow-box .slide-pause .pause i {color: rgba(42, 50, 63, 0.8);}


@media all and (max-width:900px){
	
	#mainGalleryCon { padding:60px 0 0px 0}
	#mainGalleryCon  .inner-box { max-width:100%;}

	#mainGalleryCon h1 { font-size:32px;}
	#mainGalleryCon h1 span { font-size:16px;}
	
	/* 활동현황 :: 국내활동갤러리 */
	.main-galleryin-con {padding: 40px 3.75%; width:100%; float:none;}
	.main-galleryin-con .galleryin-list-item .galleryin-img img { max-height:230px; min-height:230px;}
	
	/* 활동현황 :: 해외활동 */
	.main-galleryfor-con .main-galleryfor-slide-wrap {padding:40px 3.75%  60px 3.75%;width:100%;  float:none; background:#fff;}
	.main-galleryfor-con .main-galleryfor-slide .galleryfor-img img {max-height:230px; min-height:230px;}
}


@media all and (max-width:480px){
	
	#mainGalleryCon { padding:40px 0 0px 0}
	
	#mainGalleryCon h1 { font-size:28px;}
	#mainGalleryCon h1 span {margin:10px  40px 0 40px}
	
	
	.main-galleryin-con h2 {font-size:20px;}
	
	.main-galleryin-con .galleryin-list {margin: 0px -5px;}
	.main-galleryin-con .galleryin-list-item {margin: 10px 5px;}
	.main-galleryin-con .galleryin-list-item .galleryin-img img {max-height:15vh; min-height:15vh;}
	
	.main-galleryin-con .galleryin-list-item .title {margin: 10px;font-size:15px;}
	
	.main-galleryin-con .galleryin-box .slide-arrow-box {top: -45px;}
	.main-galleryin-con .galleryin-box .slide-arrow { width: 28px;}
	.main-galleryin-con .galleryin-box .slide-arrow img { width:10px;}
	.main-galleryin-con .galleryin-box .slide-arrow.slide-prev {margin-right:36px;}
	
	
	.main-galleryfor-con h2 {font-size:20px;}
	
	.main-galleryfor-con .main-galleryfor-slide{margin:0 -5px; }
	.main-galleryfor-con .main-galleryfor-slide li {margin: 10px 5px;}
	.main-galleryfor-con .main-galleryfor-slide .galleryfor-img img {max-height:15vh; min-height:15vh;}
	
	.main-galleryfor-con .main-galleryfor-slide .title  {margin: 10px;font-size:15px;}
	
	.main-galleryfor-con .slide-arrow-box { top:-10px;}
	.main-galleryfor-con .slide-arrow-box .slide-arrow { width: 28px;}
	.main-galleryfor-con .slide-arrow-box .slide-arrow img{ width:10px;}
	.main-galleryfor-con .slide-arrow-box .slide-arrow.slide-prev {margin-right:36px;}
}


@media all and (max-width:380px){
	.main-galleryin-con .galleryin-list-item .galleryin-img img {max-height:20vh; min-height:20vh;}
	.main-galleryfor-con .main-galleryfor-slide .galleryfor-img img {max-height:20vh; min-height:20vh;}
}




/* ==== 메인 :: 바로가기아이콘 === */

#mainiconCon {padding:80px 0px 0px 0; background:#fff url(../image/m_icon_bg.jpg) no-repeat center top;}

#mainiconCon .main-icon-con {margin:60px auto 0 auto; width: 1400px; background:#fff;}

.main-icon-tit-con {width:100%; text-align:center;}
.main-icon-tit-con .tit {color:#fafafa; line-height:50px; letter-spacing: -0.5px; font-size: 29px;}
.main-icon-tit-con .tit span { display:block;	color:#969798; font-size:15px; letter-spacing:2px;}

.main-icon-box-con {width: 100%; height:100%; overflow:hidden; }
.main-icon-box-con .main-icon-list { font-size:0;	margin:80px;text-align: center;}
.main-icon-box-con .main-icon-list li {	margin: 0px 50px;  display:inline-block;}
.main-icon-box-con .main-icon-list li .icon-img {display: block;}
.main-icon-box-con .main-icon-list li .icon-img img {max-width:100%;}
.main-icon-box-con .main-icon-list li .icon-tit {color:#303030; letter-spacing: -0.5px; padding-top: 13px; font-size:20px; font-weight:500;}
.main-icon-box-con .main-icon-list li a:hover dl dt {	animation:navani 0.3s ease-in-out;}
.main-icon-box-con .main-icon-list li a:hover .icon-tit {color:#084993;}


.rotate-plus .rotate-item {	transition:transform 0.3s; transform: rotate(0deg); -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; -o-transition: transform 0.3s; -o-transform: rotate(0); -moz-transform: rotate(0); -webkit-transform: rotate(0);}
.rotate-plus:hover .rotate-item { background:#084993;	transition:transform 0.3s; transform: rotate(90deg); -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; -o-transition: transform 0.3s; -o-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg);}
.main-more-btn {margin:20px  auto;}
.main-more-btn .plus-icon {	width: 100%; height: 100%; width:40px; height:40px; display: block; position: relative; background:#0f3158; margin:0 auto }
.main-more-btn .plus-icon .plus-line {left: 50%; top: 50%; width: 20px; height: 1px; margin-top: -0.5px; margin-left: -9.5px; position: absolute; background-color:#ddd;}
.main-more-btn .plus-icon .plus-line02 {transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg);}

@media all and (max-width:1366px){
	
	#mainiconCon .main-icon-con {margin:60px 3.75% 0px 3.75%; width:92.5%;box-sizing: border-box;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
	
	.main-icon-box-con .main-icon-list  {margin:80px 20px;}
	.main-icon-box-con .main-icon-list li {	margin: 0px 30px; }
	.main-icon-box-con .main-icon-list li .icon-img img {max-width:90%;}
	
	
}

@media all and (max-width:1024px){
	
	#mainiconCon .main-icon-con {margin:60px 0% 0px 0%;width:100%;}
	
	.main-icon-box-con .main-icon-list  {margin:80px 0px;}
	.main-icon-box-con .main-icon-list li {	margin: 0px 20px; }
	
}


@media all and (max-width:900px){
	
	#mainiconCon {	padding: 40px 15px;background-size:200%;}
	#mainiconCon .main-icon-con {width: 100%; text-align: center;}
	
	
	.main-icon-tit-con .tit {line-height: 24px; font-size:20px;}
	.main-icon-tit-con .tit span {line-height: 18px; font-size: 12px; margin:10px auto;}


	.main-icon-box-con .main-icon-list {margin: 0px; padding:80px 0 0 0;}
	.main-icon-box-con .main-icon-list li {	margin: 0px;}
	.main-icon-box-con .main-icon-list li .icon-img {	padding: 0px 5px; text-align: center; display: block;}
	.main-icon-box-con .main-icon-list li .icon-img img {	margin: auto; width: 97px; max-width: 100%;}
	.main-icon-box-con .main-icon-list li .icon-tit {	padding-top: 8px; font-size: 14px;}
	
	.main-more-btn .plus-icon {width:30px; height:30px; }
	.main-more-btn .plus-icon .plus-line {left: 50%; top: 50%; width: 15px; height: 1px; margin-top: -0.5px; margin-left: -7.5px; position: absolute; background-color:#ddd;}
	.main-more-btn .plus-icon .plus-line02 {transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg);}
	


	.main-icon-box-con .main-icon-list .slick-dots {left: 50%; top: 30px; margin-left: -12.5px; position: absolute;}
	.main-icon-box-con .main-icon-list .slick-dots li {	margin: 0px 2.25px; border-radius: 100%; width: 8px; height: 8px; background-color: rgba(38, 46, 59, 0.2); -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%;}
	.main-icon-box-con .main-icon-list .slick-dots li.slick-active {background-color:#262e3b;}
	.main-icon-box-con .main-icon-list .slick-dots li button {	font-size: 0px;}

}

@media all and (max-width:480px){
	
	#mainiconCon {	background-size:300%;}
	#mainiconCon .main-icon-con {margin:40px 0% 0px 0%;width:100%;}
	
	.main-icon-box-con .main-icon-list {margin: 0px; padding:60px 0 0 0;}
	
	
}



