@charset "utf-8";

/* 전체 */
#wrapper { overflow:hidden; width:100%; }

/* 페이징로딩 */
#page_loading {position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; z-index:9999999}
#page_loading > .inner {display:table; width:100%; height:100%}
.load {display:table-cell; margin:auto; width:100px; text-align:center; font-size:0; vertical-align:middle}
.load > div {display:inline-block; width:100px; height:99px; background:url('../images/main/loading.png') no-repeat; -webkit-animation:loadingAni 1.2s infinite ease-in-out; animation:loadingAni 1.2s infinite ease-in-out}
@-webkit-keyframes loadingAni {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}
@keyframes loadingAni {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(0deg) rotateY(-180.1deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(-180.1deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
/* ------------------------------------------------------------------------------------------------------------------------ */
/* 메인 비주얼 */
.mainVisual { position:relative; width:100%; height:100%; overflow:hidden; z-index:1 }
.mainVisual .visual-item { position:relative; max-width:2560px; width:100%; height:100%; overflow:hidden; }
.mainVisual .visual-item .main-visual-pc {
	width:100%;
	height:100%;
	background-size:auto 100% !important;
	-ms-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1); 
    -moz-transform: scale(1.1,1.1); 
    -webkit-transform: scale(1.1,1.1); 
     transform: scale(1.1,1.1);
	-webkit-transition:transform 5000ms  ease-in-out ;
	-moz-transition:transform 5000ms ease-in-out ;
	-o-transition:transform 5000ms ease-in-out ;
	-ms-transition:transform 5000ms ease-in-out ;
    transition:transform 5000ms ease-in-out ;	
}

.mainVisual .visual-item.notr > img,
.mainVisual .visual-item.active.notr > img{
	-ms-transform: scale(1.1,1.1); /* IE 9 */
    -o-transform: scale(1.1,1.1); 
    -moz-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1); /* Chrome, Safari, Opera */
     transform: scale(1.1,1.1);
}

/* active */
.mainVisual .visual-item.active .main-visual-pc {
	-ms-transform: scale(1.0,1.0) rotate(0.1deg);
    -o-transform: scale(1.0,1.0) rotate(0.1deg);
    -moz-transform: scale(1.0,1.0) rotate(0.1deg);
    -webkit-transform: scale(1.0,1.0) rotate(0.1deg);
     transform: scale(1.0,1.0) rotate(0.1deg);
}

/* 메인 비주얼 텍스트 */
.mainVisual .visual-item .tit_box {
  position:absolute;
  left:50%; 
  top:50%; 
  width:100%;
  max-width:1200px;
  transform:translate(-50%, -50%);
  text-align:center;
  z-index:200;
}
.mainVisual .visual-item .tit_box2 {
  position:relative;
  position:absolute; 
  left:0; 
  top:0; 
  width:100%;
  height:100%;
  transform:translate(50%, 50%);
  text-align:center
}
.mainVisual .visual-item .speed {
 -webkit-transition:1s ease-in-out;-moz-transition:1s ease-in-out;-o-transition:1s ease-in-out;transition:1s ease-in-out; }
.mainVisual .visual-item .delay1{
  -webkit-transition-delay:0.6s;-moz-transition-delay:0.6s;-o-transition-delay:0.6s;-ms-transition-delay:0.6s;transition-delay:0.6s; }
.mainVisual .visual-item .delay2{
  -webkit-transition-delay:0.9s;-moz-transition-delay:0.9s;-o-transition-delay:0.9s;-ms-transition-delay:0.9s;transition-delay:0.9s; }
.mainVisual .visual-item .delay3{
  -webkit-transition-delay:1.2s;-moz-transition-delay:1.2s;-o-transition-delay:1.2s;-ms-transition-delay:1.2s;transition-delay:1.2s; }
.mainVisual .visual-item .delay4{
  -webkit-transition-delay:1.5s;-moz-transition-delay:1.5s;-o-transition-delay:1.5s;-ms-transition-delay:1.5s;transition-delay:1.5s; }

/* img1 */
.mainVisual .visual-item .img11 { float:left; width:60%; margin-top:150px; opacity:0;filter:Alpha(opacity=0); } 
.mainVisual .visual-item .img12 { float:right; width:40%; text-align:right; margin-top:0; opacity:0; filter:Alpha(opacity=0); }
.mainVisual .visual-item .img21 { float:left; width:60%; margin-top:150px; opacity:0;filter:Alpha(opacity=0); }
.mainVisual .visual-item .img41 { float:right; width:60%; margin-top:150px; opacity:0;filter:Alpha(opacity=0); }


.mainVisual .visual-item .img11 img, 
.mainVisual .visual-item .img12 img,
.mainVisual .visual-item .img21 img,
.mainVisual .visual-item .img41 img {max-width:100%; }

.mainVisual .visual-item.active .img11, 
.mainVisual .visual-item.active .img21,
.mainVisual .visual-item.active .img41 { margin-top:-50px; opacity:1.0; filter:Alpha(opacity=100); }
.mainVisual .visual-item.active .img12 { margin-top:100px; opacity:1.0; filter:Alpha(opacity=100); }


/* 메인 비주얼 :: 버튼 */
.mainVisual .slick-dots{position:absolute; width:100%; text-align:center; top:80%; }
.mainVisual .slick-dots li{display:inline-block; margin:0 10px ; }
.mainVisual .slick-dots li button{
	cursor:pointer; margin:0px; padding:0px; background:none; font-size:0; width:18px; height:18px; border:2px solid #fff;
	-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;
}
.mainVisual .slick-dots li.slick-active button {background-color:#fff; border:2px solid #fff;}		/* 버튼 active */

/* 화살표 */
.scroll {position:absolute; left:50%; margin-left:-35px; bottom:50px; z-index:100 }

.mainVisual .slick-arrow { 	
	position:absolute; top:20%; width:60px; height:60px; margin-top:19px;
	 background-color:rgba(255, 255, 255, 0.5); border:0; cursor:pointer; font-size:0; 
	-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;-ms-transition:all 300ms;transition:all 300ms
}
.mainVisual .slick-arrow.slick-prev { left:20%; }
.mainVisual .slick-arrow.slick-next { right:20%; }
.mainVisual .slick-prev { background-image:url('../images/main/gall_pre_off.png'); background-repeat:no-repeat; background-position:center }
.mainVisual .slick-next { background-image:url('../images/main/gall_next_off.png'); background-repeat:no-repeat; background-position:center }
.mainVisual .slick-prev:hover { background-image:url('../images/main/gall_pre_on.png'); background-repeat:no-repeat; background-position:center }
.mainVisual .slick-next:hover { background-image:url('../images/main/gall_next_on.png'); background-repeat:no-repeat; background-position:center }

/* 메인 비주얼 :: active */
.mainVisual .visual-item.active .main-visual-tit, 
.mainVisual .visual-item.active .main-visual-sub-tit, 
.mainVisual .visual-item.active .main-visual-txt1, 
.mainVisual .visual-item.active .main-visual-txt2,
.mainVisual .visual-item.active .main-visual-stxt {
	opacity:1.0;filter:Alpha(opacity=100);
	visibility:visible; left:0px;
}
.mainVisual .visual-item.active .main-visual-line {
	width:520px;
}
.mainVisual .visual-item.active .main-visual-txt-con:before{height:240px;}
.mainVisual .visual-item.active .main-visual-txt-con:after{width:50px;}
.mainVisual .visual-item.active .main-visual-txt-item:before{height:60px;}
.mainVisual .visual-item.active .main-visual-txt-item:after{width:220px;}

/* ===================================================================== */
/* 메인이미지 */
@media screen and (max-width:1940px) {
	.mainVisual .slick-dots li button { width:16px; height:16px; }
	.mainVisual .visual-item .img21 { width:55%; }
}
@media screen and (max-width:1340px) {
	.mainVisual .visual-item .tit_box { max-width:1000px; }
	.mainVisual .visual-item .img12 img { max-width:90%; }
	.mainVisual .visual-item.active .img12 { margin-top:100px; }
}
@media screen and (max-width:1040px) {
	#section1, 	#section2, 	#section3, 	#section4 { height:auto !important; }
	#section0 { margin-top:60px; }
	#section0,
	.mainVisual .visual-item { height:100% !important; }
	.mainVisual .slick-dots { top:90% } /**/
	.scroll { display:none; }
	.mainVisual .visual-item .tit_box { max-width:90%; } 
	.mainVisual .visual-item.active .img12 { margin-top:50px; }
}
@media screen and (max-width:765px) {
	.mainVisual .slick-dots { top:85% }
}
@media screen and (max-width:510px) {
	.mainVisual .visual-item { min-height:360px; }
	.mainVisual .visual-item > div {  height:360px !important; }

	.mainVisual .visual-item.active .img11, 
	.mainVisual .visual-item.active .img21
	.mainVisual .visual-item.active .img41 { margin-top:50px; }
	.mainVisual .visual-item.active .img12 { margin-top:80px; }
}
@media screen and (max-width:380px) {
	.mainVisual .visual-item.active .img11, 
	.mainVisual .visual-item.active .img21 { margin-top:70px; }
	.mainVisual .visual-item.active .img12,
	.mainVisual .visual-item.active .img41 { margin-top:90px; }
}

/* ============================================================================= */

/* 컨텐츠 영역1 */
.contents_box01 { width:100%; height:2560px; background:#f5f5f5 url('../images/main/con_bg1_1.jpg') no-repeat center -175px; }
.contents_box01 .wrap { height:2560px; text-align:center; padding-top:100px }
.contents_box01 .h_tit { clear:both; display:block; background:url('../images/main/h_banner_tit.gif') no-repeat center bottom;
padding-bottom:50px; margin-bottom:30px; font-size:50px; color:#525252; text-align:center; font-weight:600; }
.contents_box01 .h_stit { clear:both; margin-top:35px; font-size:16px; color:#666; letter-spacing:-0.5px; text-align:center; }
.contents_box01 .h_btn { margin-top:100px; display:inline-block; /*font-size:18px; width:185px; height:53px; line-height:53px; text-align:left; text-indent:26px; color: #fff; 
background:#21bc94 url('../images/main/btn_line.gif') no-repeat 140px center; text-shadow:none; font-weight:500;*/ }
/*.contents_box01 .h_btn:hover { background:#138f6f url('../images/main/btn_line.gif') no-repeat 140px center }*/

.contents_box01 .speed { -webkit-transition:1s ease-in-out;-moz-transition:1s ease-in-out;-o-transition:1s ease-in-out;transition:1s ease-in-out; }
.contents_box01 .delay1 { -webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;-ms-transition-delay:0.3s;transition-delay:0.3s; }
.contents_box01 .h_tit { opacity:1; filter:alpha(opacity=100); }
.contents_box01 .h_stit { opacity:1; filter:alpha(opacity=100); }
.contents_box01 .h_btn { opacity:1; filter:alpha(opacity=100); }

.contents_box01 .h_tit.mtop { margin-top:50px; opacity:0; filter:alpha(opacity=0); }
.contents_box01 .h_stit.mtop { margin-top:50px; opacity:0; filter:alpha(opacity=0); }
.contents_box01 .h_btn.mtop { margin-top:150px; opacity:0; filter:alpha(opacity=0); }

.contents_box01 .img11 { position:relative; max-width:1200px; margin:160px auto 0; opacity:1; filter:alpha(opacity=100); }
.contents_box01 .img11.mtop { margin-top:230px; opacity:0; filter:alpha(opacity=0); }
.contents_box01 .img12 { position:relative; max-width:1200px; margin:70px auto 0; opacity:1; filter:alpha(opacity=100); }
.contents_box01 .img12.mtop { margin-left:100px; margin-top:200px; opacity:0; filter:alpha(opacity=0); }
.contents_box01 .img13 { position:relative; max-width:1200px; margin:130px auto 0; opacity:1; filter:alpha(opacity=100); }
.contents_box01 .img13.mtop { margin-top:240px; opacity:0; filter:alpha(opacity=0); }

.contents_box01 .img11 img, 
.contents_box01 .img12 img, 
.contents_box01 .img13 img { max-width:96%; }

.contents_box01 .con { width:50%; height:100%; position:absolute; top:0; left:60%; text-align:left; color:#fff; text-transform:uppercase }
.contents_box01 .con .tit01 { font-family: 'Nanum Square-e'; font-size:128px; letter-spacing:-2px; line-height:1; }
.contents_box01 .con .tit02 { font-weight:600; font-size:60px; line-height:1.5; }
.contents_box01 .con .tit03 { font-weight:600; font-size:24px; line-height:2.4; }
.contents_box01 .con .tit04 { font-weight:400; font-size:18px; }
.contents_box01 .img12 .con { left:100px; top:150px; }

@media (max-width:1940px) {
	.contents_box01 .h_tit { font-size:40px; padding-bottom:40px; }
	/*.contents_box01 .h_btn { font-size:16px; width:165px; height:43px; line-height:43px; text-indent:24px; background-position:126px center; }*/
}
@media (max-width:1240px) {
	.contents_box01 .h_tit { font-size:36px; padding-bottom:36px; margin-top:0; }
	.contents_box01 .h_tit img { width:220px }
	.contents_box01 .h_stit { font-size:14px; padding:0 10px; margin-top:25px; }
	.contents_box01 .con img { width:75% }
}
@media (max-width:1040px) {
	.contents_box01 { height:1700px; background-position:center -100px; background-size:auto 2100px; }
	.contents_box01 .wrap { height:1996px; display:block; padding:50px 0 0; }

	.contents_box01 .h_tit.mtop { margin-top:0; opacity:1; filter:alpha(opacity=100); }
	.contents_box01 .h_stit.mtop { margin-top:35px; opacity:1; filter:alpha(opacity=100); }
	.contents_box01 .h_btn.mtop { margin-top:50px; opacity:1; filter:alpha(opacity=100); }

	.contents_box01 .img11 { margin-top:80px; }
	.contents_box01 .img12 { margin-left:0; margin-top:0; }
	.contents_box01 .img13 { margin-left:0; margin-top:50px;}

	.contents_box01 .img11.mtop { margin-top:80px; opacity:1; filter:alpha(opacity=100); }
	.contents_box01 .img12.mtop { margin-left:0; margin-top:0; opacity:1; filter:alpha(opacity=100); }
	.contents_box01 .img13.mtop { margin-top:50px; opacity:1; filter:alpha(opacity=100); }
	
	.contents_box01 .con .tit01 { font-size:90px; letter-spacing:-2px;  line-height:1; }
	.contents_box01 .con .tit02 { font-size:45px; line-height:1.5; }
	.contents_box01 .con .tit03 { font-size:24px; line-height:2.4; }
	.contents_box01 .con .tit04 { font-size:16px; }
	.contents_box01 .img12 .con { left:60px; top:80px; }

	.contents_box01 .h_btn { margin-top:50px }
}
@media (max-width:800px) {
	.contents_box01 { background-position:center -150px; }
	.contents_box01 .con img { width:85% }
}
@media (max-width:765px) {
	.contents_box01 { height:1500px; background-position:center -40px;  background-size:auto 1700px;  }
	.contents_box01 .wrap { height:1500px; }
	.contents_box01 .h_tit { font-size:30px; padding-bottom:30px; }
	.contents_box01 .h_stit { font-size:13px; }

	.contents_box01 .img11 { margin-top:100px; }
	.contents_box01 .img12 { margin-top:20px; }
	.contents_box01 .img13 { margin-top:80px;}

	.contents_box01 .img11.mtop { margin-top:100px; }
	.contents_box01 .img12.mtop { margin-top:20px; }
	.contents_box01 .img13.mtop { margin-top:80px; }

	.contents_box01 .con { left:57%; }
	.contents_box01 .con .tit01 { font-size:70px; letter-spacing:-2px; line-height:1; }
	.contents_box01 .con .tit02 { font-size:35px; line-height:1.5; }
	.contents_box01 .con .tit03 { font-size:20px; line-height:2.4; }
	.contents_box01 .con .tit04 { font-size:13px; line-height:1.5 }
	.contents_box01 .img12 .con { left:40px; }
	.contents_box01 .h_btn { margin-top:-40px; }
}
@media (max-width:640px) {
	.contents_box01 { height:1400px; background-position:center 0; background-size:auto 1500px;  }
	.contents_box01 .wrap { height:1400px; }
	.contents_box01 .h_tit { font-size:27px; padding-bottom:27px; }

	.contents_box01 .img12 { margin-top:30px; }
	.contents_box01 .img12.mtop { margin-top:30px; }

	.contents_box01 .con { left:57%; }
	.contents_box01 .con .tit02 { font-size:30px; }
	.contents_box01 .con .tit03 { font-size:16px;}
	.contents_box01 .img12 .con { left:40px; }
	
	.contents_box01 .h_btn { margin-top:30px; }
}



@media (max-width:480px) {
	.contents_box01 { height:2400px; background-size:auto 2800px; }
	.contents_box01 .wrap { height:2300px;}
	.contents_box01 .h_tit { font-size:24px; padding-bottom:24px; }
	.contents_box01 .h_tit img { width:180px }
	.contents_box01 .h_stit br { display:block; }
	/*.contents_box01 .h_btn { font-size:15px; width:155px; height:38px; line-height:38px; text-indent:24px; background-position:116px center; }*/

	.contents_box01 .con { position:static; width:100%; margin-top:-30px; text-align:center }
	.contents_box01 .con img { margin-left:0 !important; width:280px !important; }

	.contents_box01 .img11 { margin-top:30px; padding-left:30px; } 
	.contents_box01 .img12 { margin-top:40px; }
	.contents_box01 .img13 { margin-top:50px; padding-left:30px; }

	.contents_box01 .img11.mtop { margin-top:30px; }
	.contents_box01 .img12.mtop { margin-top:40px; }
	.contents_box01 .img13.mtop { margin-top:50px;  }

	.contents_box01 .img11 img { margin-left:10px; max-width:210%; } 
	.contents_box01 .img12 img { margin-left:-120%; max-width:200%; }
	.contents_box01 .img13 img { margin-left:10px; max-width:210%; }
	.contents_box01 .img12 .con { margin-top:-10px; }
	.contents_box01 .img13 .con { margin-top:-35px; }

}
@media (max-width:380px) {
	.contents_box01 { height:2000px; background-size:auto 2400px; }
	.contents_box01 .h_tit img { width:160px }
	.contents_box01 .wrap { height:2095px;}
}
/* ============================================================================= */

/* 컨텐츠 영역2 */
.contents_box02 { display:table; width:100%; height:2700px !important; background:url('../images/main/con_bg2.jpg') no-repeat center; background-size:cover; }
.contents_box02 .wrap { display:table-cell; width:100%; height:1200px; text-align:center; vertical-align:middle; }
.contents_box02 .ab_w { position:relative; display:block; margin:-80px auto 0; width:1200px; height:1200px;}
.contents_box02 .h_tit { clear:both; display:block; background:url('../images/main/h_banner_tit.gif') no-repeat center bottom; padding:5px 0 50px; 
font-size:50px; color:#fff; text-align:center; font-weight:600; }

.contents_box02 .ab_w ul { margin-top:60px; }
.contents_box02 .ab_w li { float:left; position:relative; height:700px; margin-bottom:30px; width:100%; margin-right:2%; text-align:center; }
.contents_box02 .ab_w li.last { margin-right:0; }

.contents_box02 .ab_w .ab { display:block; position:absolute; position:relative; width:100%; }
.contents_box02 .ab_w .ab .frame { z-index:1; width:100%; height:681px; overflow:hidden; background:#000;}
.contents_box02 .ab_w .ab .frame img { width:100%; z-index:1; height:640px; 
-webkit-transition: -webkit-transform 1s;
-moz-transition: -moz-transform 1s;
transition: transform 1s;
}
.contents_box02 .ab_w .ab:hover .frame { border:7px solid #21bc94; height:667px; border-bottom:none; }
.contents_box02 .ab_w .ab:hover .frame img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
opacity:0.5; filter:alpha(opacity=50);
}
.contents_box02 .ab_w .tit { z-index:2; position:absolute; width:100%; bottom:0; display:block; background:#fff; 
padding:10px 0 17px; font-weight:500; font-size:16px; color:#000 }
.contents_box02 .ab_w .ab:hover .tit { bottom:-14px; padding:10px 0 10px; border:7px solid #21bc94; border-top:none; }

.contents_box02 .btn_go { position:absolute; left:50%; margin-left:-93px; }

.contents_box02 .ad-tbn{margin-top:35px;}
.contents_box02 .ad-tbn a{display:inline-block; width:18%; height:50px; line-height:50px; margin-left:1%; text-align:center; color:#fff; border-radius:35px; background-color:#21bc94;}
.contents_box02 .ad-tbn a:hover{display:inline-block; width:18%; height:50px; line-height:50px; margin-left:1%; text-align:center; color:#fff; border-radius:35px; background: #48b25c; 
background: -moz-linear-gradient(left,  #48b25c 0%, #3ca9a2 51%, #30a3d1 100%); 
background: -webkit-linear-gradient(left,  #48b25c 0%,#3ca9a2 51%,#30a3d1 100%); 
background: linear-gradient(to right,  #48b25c 0%,#3ca9a2 51%,#30a3d1 100%);}

/* 반응형 --------------------------------------------------------------------------------------------------------------------------------------------------- */

@media (max-width:1940px) {
	.contents_box02 .h_tit { font-size:40px; padding-bottom:40px; }
	.contents_box02 .h_stit {top:20px;}
}
@media (max-width:1240px) {
	.contents_box02 .ab_w { width:98%; }
	.contents_box02 .h_tit { font-size:36px; padding-bottom:36px; }
	.contents_box02 .h_tit img { width:220px }
}
@media (max-width:1040px) {
	.contents_box02 { display:block; }
	.contents_box02 .wrap { display:block; height:1983px; padding:100px 0 50px; }
	.contents_box02 .h_stit { padding-bottom:30px; font-size:14px; position:static; padding-top:10px; }
	.contents_box02 .ab_w ul { margin-top:30px; }
	.contents_box02 .ab_w li { height:500px; margin-bottom:20px; }
	.contents_box02 .ab_w .ab .frame { height:500px; }
	.contents_box02 .ab_w .ab .frame img { height:500px; }
	.contents_box02 .ab_w .ab:hover .frame { height:500px; }
	.contents_box02 .ab_w .ab:hover .frame img { height:500px; }
	.contents_box02 .ab_w { height: 1800px; overflow:hidden; margin:0 auto; } 
	.contents_box02 .ab_w .ab:hover .tit { bottom:0; }
}


@media (max-width:836px) {
	.contents_box02 { display:block; }
	.contents_box02 .wrap { display:block; height:1955px; padding:100px 0 50px; }
	.contents_box02 .h_stit { padding-bottom:30px; font-size:14px; position:static; padding-top:10px; }
	.contents_box02 .ab_w ul { margin-top:30px; }
	.contents_box02 .ab_w li { height:500px; margin-bottom:20px; }
	.contents_box02 .ab_w .ab .frame { height:500px; }
	.contents_box02 .ab_w .ab .frame img { height:500px; }
	.contents_box02 .ab_w .ab:hover .frame { height:500px; }
	.contents_box02 .ab_w .ab:hover .frame img { height:500px; }
	.contents_box02 .ab_w { height: 1800px; overflow:hidden; margin:0 auto; } 
	.contents_box02 .ab_w .ab:hover .tit { bottom:0; }
}

@media (max-width:800px) {
	.contents_box02 { display:block; padding:0 0 50px; }
	.contents_box02 .ab_w { overflow:hidden; height:auto; display:block; margin:0 auto; } 
	.contents_box02 .ab_w li { float:left; width:100%; }
	.contents_box02 .ab_w li:nth-child(2n) { margin-right:0; }
	.contents_box02 .ab_w li.last { margin-right:2%; }
	.contents_box02 .btn_go { margin-top:30px }
}
@media (max-width:765px) {
	.contents_box02 .h_tit { font-size:30px; padding-bottom:30px; }
}
@media (max-width:640px) {
	.contents_box02 .h_tit { font-size:27px; padding-bottom:27px; }
	.contents_box02 .h_stit { font-size:13px; }
	.contents_box02 .ab_w li { height:222px; }
	.contents_box02 .ab_w .ab .frame { height:222px; }
	.contents_box02 .ab_w .ab .frame img { height:180px; }
	.contents_box02 .ab_w .ab:hover .frame { height:215px; }
	.contents_box02 .ab_w .ab:hover .frame img { height:180px; }
	.contents_box02 .ab_w .ab:hover .tit { bottom:0; }
}


@media (max-width:496px) {
	.contents_box02 .h_tit { font-size:24px; padding-bottom:24px; }
	.contents_box02 .h_tit img { width:180px }
	.contents_box02 .wrap { padding:50px 0 0; height:1200px;}
	.contents_box02 .ab_w li { height:280px; }
	.contents_box02 .ab_w .ab .frame { height:280px; }
	.contents_box02 .ab_w .ab:hover .frame { height:280px; }
	.contents_box02 .ab_w .ab:hover .frame img { height:280px; }
	.contents_box02 .ab_w .ab .frame img { height:280px; }
	.contents_box02 .ab_w .tit { font-size:14px; }

	.contents_box02 .ad-tbn{margin-top:35px;}
	.contents_box02 .ad-tbn a{display:inline-block; width:30%; height:30px; line-height:30px; margin-left:1%; text-align:center; color:#fff; border-radius:20px; background-color:#21bc94;}
	.contents_box02 .ad-tbn a:hover{display:inline-block; width:30%; height:30px; line-height:30px; margin-left:1%; text-align:center; color:#fff; border-radius:20px; background: #48b25c; 
	background: -moz-linear-gradient(left,  #48b25c 0%, #3ca9a2 51%, #30a3d1 100%); 
	background: -webkit-linear-gradient(left,  #48b25c 0%,#3ca9a2 51%,#30a3d1 100%); 
	background: linear-gradient(to right,  #48b25c 0%,#3ca9a2 51%,#30a3d1 100%);}
}

@media (max-width:480px) {
	.contents_box02 .h_tit { font-size:24px; padding-bottom:24px; }
	.contents_box02 .h_tit img { width:180px }
	.contents_box02 .wrap { padding:50px 0 0; height:1200px;}
	.contents_box02 .ab_w li { height:280px; }
	.contents_box02 .ab_w .ab .frame { height:280px; }
	.contents_box02 .ab_w .ab:hover .frame { height:280px; }
	.contents_box02 .ab_w .ab:hover .frame img { height:280px; }
	.contents_box02 .ab_w .ab .frame img { height:280px; }
	.contents_box02 .ab_w .tit { font-size:14px; }

	.contents_box02 .ad-tbn{margin-top:35px;}
	.contents_box02 .ad-tbn a{display:inline-block; width:30%; height:30px; line-height:30px; margin-left:1%; text-align:center; color:#fff; border-radius:20px; background-color:#21bc94;}
	.contents_box02 .ad-tbn a:hover{display:inline-block; width:30%; height:30px; line-height:30px; margin-left:1%; text-align:center; color:#fff; border-radius:20px; background: #48b25c; 
	background: -moz-linear-gradient(left,  #48b25c 0%, #3ca9a2 51%, #30a3d1 100%); 
	background: -webkit-linear-gradient(left,  #48b25c 0%,#3ca9a2 51%,#30a3d1 100%); 
	background: linear-gradient(to right,  #48b25c 0%,#3ca9a2 51%,#30a3d1 100%);}
}
@media (max-width:380px) {
    .contents_box02 .wrap { padding:50px 0 0; height:1100px;}
	.contents_box02 .h_tit img { width:160px }
	.contents_box02 .ab_w li { height:257px; }
	.contents_box02 .ab_w .ab .frame { height:257px; }
	.contents_box02 .ab_w .ab:hover .frame { height:257px; }
	.contents_box02 .ab_w .ab:hover .frame img { height:257px; }
	.contents_box02 .ab_w .ab .frame img { height:257px; }
	.contents_box02 .ab_w .tit { padding:8px 0 10px; }
}
@media (max-width:360px) {
	.contents_box02 .ab_w { width:90%; }
	.contents_box02 .ab_w li { float:none; width:100%; }
	.contents_box02 .wrap { padding:50px 0 0; height:1100px;}
	.contents_box02 .ab_w li { height:257px; }
	.contents_box02 .ab_w .ab .frame { height:257px; }
	.contents_box02 .ab_w .ab:hover .frame { height:257px; }
	.contents_box02 .ab_w .ab:hover .frame img { height:257px; }
	.contents_box02 .ab_w .ab .frame img { height:257px; }
}



/* ============================================================================= */

/* 컨텐츠 영역3 */
.contents_box03 { display:table; width:100%; height:100%; background:url('../images/main/con_bg4.jpg') no-repeat center; background-size:cover; }
.contents_box03 .wrap { display:table-cell; width:100%; height:800px; text-align:center; vertical-align:middle; }
.contents_box03 .ab_w { position:relative; margin:0 auto; width:1200px; height:600px }
.contents_box03 .h_tit { clear:both; display:block; background:url('../images/main/h_banner_tit.gif') no-repeat center bottom; 
padding-bottom:50px; font-size:50px; color:#525252; text-align:center; font-weight:600; }

.contents_box03 .mapA { position:relative; margin-top:70px; }
.contents_box03 .mapA img {display:block; width:100%}
.contents_box03 iframe { position: absolute; left:0; top:0; width:100%; height:450px; }
.contents_box03 .contactArea { position: absolute;  top:0; right:-50px; width:300px; height:400px; 
 background:url('../images/main/map_area.png') no-repeat right 0; margin:165px 0 0 0; padding:28px 50px; text-align: center; z-index:2;
}
.contents_box03 .contactArea h3 {  
	padding-top:85px;
    font-size: 25px;
    color: #fff;
    font-family: 'Poppins', sans-serif; font-weight:800;
    font-weight: 700;
    text-align: left;
}
.contents_box03 .contactArea .ctv_wp .address {color:#fff;width:300px; font-size:15px; text-align:left; line-height:22px;}
.contents_box03 .contactArea .ctv_wp .ctv_number{width:300px;  text-align:left; margin-top:40px; font-size:20px;  
font-weight:700; color: #fff;}
.contents_box03 .contactArea .ctv_wp .ctv_number .fax_number{padding-top:5px;color:#fff;}
.contents_box03 .contactArea .map-btn{ width:300px; text-align:left; margin-top:20px;color:#fff;}
.contents_box03 .contactArea .map-btn a{display:inline-block; width:194px; height:33px;  font-size:17px; font-family: 'Poppins', sans-serif; font-weight:800;
font-weight:800; line-height:33px;  text-align:center; background:#fff; color:#004ea1;}

.contents_box03 .btn_go { position:absolute; display:block; width:300px; left:50%; margin-left:-150px; text-align:left; height:50px; line-height:50px; border-radius:50px; 
text-indent:50px; color:#fff; font-size:18px; font-weight:600; background:#3f9185 url('../images/main/cust_arrow.png') no-repeat 210px center;}
.contents_box03 .btn_go:hover { background:#00906b url('../images/main/cust_arrow.png') no-repeat 210px center }

/* 반응형 --------------------------------------------------------------------------------------------------------------------------------------------------- */

@media (max-width:1940px) {
	.contents_box03 .h_tit { font-size:40px; }
}
@media (max-width:1240px) {
	.contents_box03 .ab_w { width:96%; }
	.contents_box03 .h_tit { font-size:36px; padding-bottom:36px; }
	.contents_box03 .h_tit img { width:220px }
	.contents_box03 iframe { height:400px; }
	.contents_box03 .contactArea { height:350px; }
	.contents_box03 .contactArea h3 { padding-top:30px; }
}
@media (max-width:1040px) {
	.contents_box03 { display:block; height:auto; }
	.contents_box03 .wrap { display:block; height:auto; padding:100px 0; }
	.contents_box03 .h_tit { position:static }
	.contents_box03 .h_stit { padding-bottom:30px; font-size:14px; position:static; padding-top:10px; }
	.contents_box03 .mapA { margin-top:30px }
	.contents_box03 .contactArea { right:0; }
}
@media (max-width:800px) {
	.contents_box03 { display:block; }
	.contents_box03 .h_tit span { font-size:15px; letter-spacing:10px; }
	.contents_box03 iframe { position:static; height:300px }
	.contents_box03 .contactArea { position:static; margin:0; width:100%; height:auto; padding:30px; background-repeat:repeat }
	.contents_box03 .contactArea h3 { padding-top:0; margin-left:0; }
	.contents_box03 .contactArea .ctv_wp { overflow:hidden; }
	.contents_box03 .contactArea .ctv_wp .address { float:left; width:60%; }
	.contents_box03 .contactArea .ctv_wp .ctv_number { float:left; width:40%; margin-top:10px }
	.contents_box03 .btn_go { position:static; margin:50px auto }
}
@media (max-width:765px) {
	.contents_box03 .h_tit { font-size:30px; padding-bottom:30px; }
}
@media (max-width:640px) {
	.contents_box03 .h_tit { font-size:27px; }
	.contents_box03 .h_tit span { display:block; padding:10px 0 0; }
	.contents_box03 .h_stit { font-size:13px; }
	.contents_box03 .btn_go { width:200px; margin:30px auto; height:40px; line-height:40px; border-radius:40px; text-indent:20px; font-size:16px; background-size:30px auto; 
	background-position:150px center;}
	.contents_box03 .btn_g:hover { background-position:150px center; }
}
@media (max-width:480px) {
	.contents_box03 .wrap { padding:50px 0; }
	.contents_box03 .h_tit { font-size:24px; padding-bottom:24px; }
	.contents_box03 .h_tit img { width:180px }
	.contents_box03 iframe { height:200px }
	.contents_box03 .contactArea { background-position:right 70%; }
	.contents_box03 .contactArea h3 { font-size:18px; }
	.contents_box03 .contactArea .ctv_wp .address { float:none; width:auto; font-size:13px; }
	.contents_box03 .contactArea .ctv_wp .address br { display:none; }
	.contents_box03 .contactArea .ctv_wp .ctv_number { float:none; width:auto; font-size:15px; }
}
@media (max-width:380px) {
	.contents_box03 .h_tit img { width:160px }
}