@charset "utf-8";
@import url(base.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);


*{padding:0; margin:0;}
html{overflow-y: scroll}
body{ position:relative; margin:0; padding:0; font-size:13px; /*overflow-x:hidden*/ }


.point {color:#004568!important;}


#wrap{position:relative; margin:0 auto; text-align:center; width:100%; background-color:#fff; min-width:360px}

ul.gnb{position:absolute; top:0px; right:0px; height:32px;  padding:7px 0 0 0; text-align:center;overflow:hidden; background:url(../images/inc/gnb_bg.png) no-repeat 0 0;}
ul.gnb li {display:inline; font-weight:bold; padding-left:10px;}
ul.gnb li a {color:#fff;}
ul.gnb li:first-child {padding-left:0px;}



/*메인메뉴*/

		.sec-header{position:fixed; top:0; left:0; z-index:99; height:100px;   text-align:center;  transition:all ease .5s; -webkit-transition:all ease .5s; -o-transition:all ease .5s; -moz-transition:all ease .5s; -ms-transition:all ease .5s; overflow: hidden;} 
		 
		/* mouseover */
		.sec-header.on{background:#fff; box-shadow:2px 2px 5px rgba(0,0,0,0.05);}
		.sec-header.on .logo{background-image:url("../images/main/logo_b.png");}
		.sec-header.on .nav:after{display:none;}
		.sec-header.on .nav > li > h2 a{color:#000;}  
		.sec-header .logo{display: block; width:143px; height:66px; background: url("../images/main/logo_w.png") no-repeat 50%; position:absolute; left:0px; top:20px;}   
		.sec-header:after{opacity:0; transition:all ease .6s;-webkit-transition:all ease .6s; -o-transition:all ease .6s; -moz-transition:all ease .6s; -ms-transition:all ease .6s;}
		.sec-header:before{content:''; width:100%; height:100px; background:#fff; position:absolute; top:0; right:0; z-index:-1; opacity:0; transition:all ease .6s;-webkit-transition:all ease .6s; -o-transition:all ease .6s; -moz-transition:all ease .6s; -ms-transition:all ease .6s;}
		.sec-header.active:after{content:''; width:320px; height:168px; background:#fff; position:absolute; bottom:0; right:12%; z-index:99; opacity:1;} 
		.sec-header.active:before{opacity:1;}

		/* menu */
		.nav {display:inline-block; position:absolute; right:0;}
		.nav:after{content:''; width:100%; height:1px; background:rgba(255,255,255,0.15); position:fixed; left:0; top:100px;}
		.nav h2{font-weight:400; cursor:pointer;}
		.nav h3{font-weight:400;}
		.nav > li{float:left;} 
		.nav > li h2 a{color:#fff; font-size:18px; padding:0 20px; line-height:100px;}
		.nav > li h3{color:#000; font-size:18px; font-weight:500;}  
		.nav > li h3 a{ transition:all ease .3s;-webkit-transition:all ease .3s; -o-transition:all ease .3s; -moz-transition:all ease .3s; -ms-transition:all ease .3s;}
		.nav > li h3 a:hover{color:#014099;}
		.nav > li > a{color:#666; font-size:16px;} 
		.nav > li > ul{width:100%; height:0; padding:0; overflow:hidden; width:100%; position:absolute; top:100px; left:0; text-align:center; }
		.nav > li > ul > li{ display:inline-block; text-align:left; padding:0 35px; opacity:0; transition:all ease .6s;-webkit-transition:all ease .6s; -o-transition:all ease .6s; -moz-transition:all ease .6s; -ms-transition:all ease .6s;}
		.nav > li > ul > li > h3{margin:0 0 20px;}
		.nav > li > ul > li > a{display:block; padding:5px 0; transition:all ease .3s;-webkit-transition:all ease .3s; -o-transition:all ease .3s; -moz-transition:all ease .3s; -ms-transition:all ease .3s; color:#666;}
		.nav > li > ul > li > a:hover{color:#014099;}   
		.nav > li.open h2{position:relative; }
		.nav > li.open h2:after{content:''; width:6px; height:6px; background:#ffcb07; border-radius:50%; position:absolute; left:50%; top:25px; margin-left:-3px}
		.nav > li.open .depth-1{height:311px;}
		.nav > li.open .depth-2{height:176px;}
		.nav > li.open .depth-3{height:312px;}
		.nav > li.open .depth-4{height:108px;}
		.nav > li.open .depth-5{height:108px;}
		.nav > li.open ul{padding:30px; border-top:1px solid #eee;}
		.nav > li.open ul > li{ opacity:1;}

		/* sitemap */
		.btn-category {display:none;}
		#sitemap {display:none;}   





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

	.nav {display:none;}
	.btn-category {display:block; position:absolute; top:36px; right:30px; width:40px; height:24px; cursor:pointer}
	.btn-category .bar {position: absolute; left:0; width:100%; width:100%; height:2px; border:0; background:#fff; transition:opacity 0.3s, top 0.3s, transform 0.5s; transition-delay:0.3s, 0.3s, 0s}
	.on .btn-category .bar{background:#000;}
	.btn-category .bar:nth-child(1) {top:0; transform:rotate(0)}
	.btn-category .bar:nth-child(2) {top:11px; opacity:1}
	.btn-category .bar:nth-child(3) {top:22px; transform:rotate(0)} 
	.btn-category.map{ right:30px;}
	.btn-category.map .bar {background:#000; transition:background 1s, opacity 0.3s, top 0.3s, transform 0.5s; transition-delay:0s, 0s, 0s, 0.3s; }
	.btn-category.map .bar:nth-child(1) {top:11px; background:#000; transform:rotate(-45deg)}
	.btn-category.map .bar:nth-child(2) {opacity:0}
	.btn-category.map .bar:nth-child(3) {top:11px; background:#000; transform:rotate(45deg)}
	.sec-header .logo{display: block; width:143px; height:66px; background: url("../images/main/logo_w.png") no-repeat 50%; position:absolute; left:10px; top:20px;}   

	


	#sitemap{display:block;  background:rgba(0,0,0,0.5);     
	position: fixed;
    top: 100px;
    right: -100%;
	width:100%;   
    height: 100%;   
    padding: 50px 20px;
    z-index: 10;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    overflow: hidden;
    overflow-y: auto;}

	.sec-header:after{opacity:0; transition:all ease .6s;-webkit-transition:all ease .6s; -o-transition:all ease .6s; -moz-transition:all ease .6s; -ms-transition:all ease .6s;}
	.sec-header:before{content:''; width:100%; height:100px; background:#fff; position:absolute; top:0; right:0; z-index:-1; opacity:0; transition:all ease .6s;-webkit-transition:all ease .6s; -o-transition:all ease .6s; -moz-transition:all ease .6s; -ms-transition:all ease .6s;}
	.sec-header.active:after{content:''; width:320px; height:168px; background:url(/images/nav-bg.png) no-repeat; position:absolute; bottom:0; right:12%; z-index:-2; opacity:1;} 
	.sec-header.active:before{opacity:1;}
	.sec-header.stm-hd{background:#fff }
	.sec-header.stm-hd .logo{background-image:url("../images/main/logo_b.png");}


	#sitemap > ul {overflow: hidden; margin: 0 auto;}
	#sitemap > ul > li{width:100%; float:none; margin:0 0 30px;} 
	#sitemap > ul > li h2{color:#014099;}
	#sitemap > ul > li > ul > li{ height:46px; overflow:hidden; padding:10px 0; margin:0; border-bottom: 1px solid #ddd;} 
	#sitemap > ul > li > ul > li.m-open{height:auto;}
	#sitemap > ul > li h3{ margin:0;}
	#sitemap > ul > li > ul > li > h3 > a{display:block; background: #fff;}
	#sitemap > ul{max-width:500px; padding:20px; background:#fff; position:absolute; right:0; top:0; width:100%; height:100%;} 
	#sitemap.open{right:0;}
	
	.wr{width:100%; padding:0 20px;} 
	#main .cont-02 .alli-slider .slick-slide{padding:0 60px;}
	#main .alli-slider .slick-prev{left:-20px;}
	#main .alli-slider .slick-next{right:-20px;}

	.sub-depth-1 li a{font-size:14px;}
	.sub-depth-2 a{font-size:14px; line-height:60px;}

	#sub .review-slider .slick-arrow{width:30px; height:30px; border-radius:100%; top:35%;}
	#sub .review-slider .slick-next{right:10px}
	#sub .review-slider .slick-prev{left:10px;}

}




@media all and (max-width:768px) {
	/* layout */
	.sec-header .logo{width:150px; background-size:100%; left:20px;}
	.btn-category, .btn-category.map{right:20px; top:23px;}
	
	.btn-category{width:30px;} 
	.sec-header{background:#fff; height:70px; box-shadow:2px 2px 5px rgba(0,0,0,0.05);}
	.sec-header .logo{background-image:url("../images/main/logo_b.png"); top:7px; width:100px;}
	.sec-header .nav:after{display:none;}
	.sec-header .nav > li > h2{color:#333;}  
	.btn-category .bar{background:#000;}
	.sec-header .lang a{color:#333;}
	.sec-header .lang a.active:before{ background:#333;}
	.sec-header:before{display:none;}
	
	
	#sitemap{  background:rgba(0,0,0,0.5); top:70px; }
	#sitemap > ul > li{width:100%; float:none; margin:0 0 30px;} 
	#sitemap > ul > li h2{color:#014099;}
	#sitemap > ul > li > ul > li{ height:46px; overflow:hidden; padding:10px 0; margin:0; border-bottom: 1px solid #ddd;} 
	#sitemap > ul > li > ul > li.m-open{height:auto;}
	#sitemap > ul > li h3{background:url('/images/btn/sel-arr.png') no-repeat center right; margin:0;}
	#sitemap > ul > li > ul > li > h3 > a{display:block; background: #fff;}
	#sitemap > ul{max-width:500px;padding:20px; background:#fff; position:absolute; right:0; top:0; width:100%;} 
	.wr{width:100%; padding:0 20px;} 
	#main .cont-02 .alli-slider .slick-slide{padding:0 60px;}
	#main .alli-slider .slick-prev{left:-20px;}
	#main .alli-slider .slick-next{right:-20px;}

	.sub-depth-1 li a{font-size:14px;}
	.sub-depth-2 a{font-size:14px; line-height:60px;}

	#sub .review-slider .slick-arrow{width:30px; height:30px; border-radius:100%; top:35%;}
	#sub .review-slider .slick-next{right:10px}
	#sub .review-slider .slick-prev{left:10px;}



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

	.sec-header .logo{width:150px; background-size:100%; left:20px;}
	.btn-category, .btn-category.map{right:20px;}
	
	.btn-category{width:30px;} 
	.sec-header{background:#fff; height:70px; box-shadow:2px 2px 5px rgba(0,0,0,0.05);}
	.sec-header .logo{background-image:url("../images/main/logo_b.png"); top:7px; width:100px;}
	.sec-header .nav:after{display:none;}
	.sec-header .nav > li > h2{color:#333;}  
	.btn-category .bar{background:#000;}
	.sec-header .lang a{color:#333;}
	.sec-header .lang a.active:before{ background:#333;}
	.sec-header:before{display:none;}
	#sitemap > ul > li{padding:0;}
	#sitemap > ul > li h2{font-size:20px;}
	#sitemap > ul > li h3{font-size:17px;}
	#sitemap > ul > li > ul > li > a{font-size:15px;}
	#sitemap{top:70px; height: calc(100% - 70px);}
	.btn-category{top:23px;}


	}







/*푸터*/
footer {width:100%; background-color:353535; color:#949494; text-align:left;}
.footer_wrap {max-width:1200px; padding:30px 0 ; margin:auto;line-height:1.2rem; overflow:hidden;}
.footer_wrap .ft_num {float:right; font-size:1rem; line-height:1.6rem; text-align:right; margin-top:35px;}
.footer_wrap .ft_num span{ margin-left:10px; font-weight:500; display:block; }
.footer_wrap .ft_txt {float:left;}




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

	.footer_wrap {max-width:1200px; width:90%; margin:auto; padding:30px 0; margin:auto;line-height:1.2rem; overflow:hidden;}

	
	

}



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

	

	.footer_wrap .ft_num {display:none;}
	.footer_wrap .ft_num span{color:#1fb1c7;margin-left:0px;font-size:0.9rem;  font-weight:500; }
	.footer_wrap .ft_txt {width:100%; margin-top:10px;}
}
	
}






/*서브레이아웃*/

.svimg_box {padding-top:100px;}
div.sv_img01 {width:100%; height:418px; background:url(../images/inc/subtop_01.jpg) top center no-repeat fixed #353535;}
div.sv_img02 {width:100%; height:418px; background:url(../images/inc/subtop_02.jpg) top center no-repeat fixed #f9f9f9;}
div.sv_img03 {width:100%; height:418px; background:url(../images/inc/subtop_03.jpg) top center no-repeat fixed #f9f9f9;}
div.sv_img04 {width:100%; height:418px; background:url(../images/inc/subtop_04.jpg) top center no-repeat fixed #f9f9f9;}
div.sv_img05 {width:100%; height:418px; background:url(../images/inc/subtop_05.jpg) top center no-repeat fixed #f9f9f9;}
div.sv_img06 {width:100%; height:418px; background:url(../images/inc/subtop_06.jpg) top center no-repeat fixed #f9f9f9;}
div.sv_img07 {width:100%; height:418px; background:url(../images/inc/subtop_07.jpg) top center no-repeat fixed #f9f9f9;}


#sv_loc {width:100%; margin:0 auto;background:#fff; }
div .sv_tlt  {position:relative;  margin:0 auto;  padding-top:15px; color:#fff;  }
div .sv_tlt p {text-align:center; margin-top:220px;  font-size:3rem; line-height:35px; font-weight:500; font-family: "Noto Sans Korean"; letter-spacing:-0.05rem; text-align:center;}
div .sv_tlt span {color:#fff}
div .sv_tlt .subtop_txt {font-size:16px; font-weight:300;  text-align:center; display:block; margin-top:10px;}


#sub_content {width:100%; position:relative;  margin:100px auto;  min-height:500px; }



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


	.svimg_box {}


	#sv_loc {width:100%; margin:0 auto;background:#fff; }
	div .sv_tlt  {position:relative;  margin:0 auto;  padding-top:15px; color:#fff;  }
	div .sv_tlt p {text-align:center; margin-top:200px;  font-size:2.2rem; line-height:35px; font-weight:500; font-family: "Noto Sans Korean"; letter-spacing:-0.05rem; text-align:center;}
	div .sv_tlt span {color:#fff}
	div .sv_tlt .subtop_txt {font-size:16px; font-weight:300;  text-align:center; display:block; margin-top:10px;}


	#sub_content {width:100%; position:relative;  margin:100px auto; }



}


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


	div.sv_img01 {width:100%; height:240px; background:url(../images/inc/subtop_01.jpg) 50% 50% no-repeat #353535;}
	div.sv_img02 {width:100%; height:240px; background:url(../images/inc/subtop_02.jpg) 50% 50% no-repeat #f9f9f9;}
	div.sv_img03 {width:100%; height:240px; background:url(../images/inc/subtop_03.jpg) 50% 50% no-repeat #f9f9f9;}
	div.sv_img04 {width:100%; height:240px; background:url(../images/inc/subtop_04.jpg) 50% 50% no-repeat #f9f9f9;}
	div.sv_img05 {width:100%; height:240px; background:url(../images/inc/subtop_05.jpg) 50% 50% no-repeat #f9f9f9;}
	div.sv_img06 {width:100%; height:240px; background:url(../images/inc/subtop_06.jpg) 50% 50% no-repeat #f9f9f9;}
	div.sv_img07 {width:100%; height:240px; background:url(../images/inc/subtop_07.jpg) 50% 50% no-repeat #f9f9f9;}

	div .sv_tlt p {text-align:center; margin-top:130px;  font-size:2rem; line-height:35px; font-weight:500; font-family: "Noto Sans Korean"; letter-spacing:-0.05rem; text-align:center;}


	#sub_content {width:100%; position:relative;  margin:80px auto 50px; }



}








/*****************************************************************************************************************************************************************************************/
/*비쥬얼롤링*/
#section00 {position:relative;  margin:0 auto;  text-align:center; z-index:0;  width:100%;  display:block;  height:904px; overflow:hidden;}




.main_con{position:relative; text-align:left; max-width:1200px; margin:auto; width:100%; }
.main_con .inner {position:absolute; z-index:9;   width:100%;  top:340px; }
.main_con .inner .main_txt {z-index:1100; color:#fff;  left:0; width:600px; font-size:4.2rem; font-weight:300; line-height:5rem; letter-spacing:-0.05rem;}
.main_con .inner .main_txt strong{font-weight:700; }
.main_con .inner .main_txt p{font-size:1.1rem;font-weight:400;color:#fff;line-height:30px;height:30px;margin-top:15px}
.main_con .inner .main_txt img {margin-top:-30px;}
.main_con .inner .main_img {position:relative;  color:#fff; }
.main_con .inner .main_img .main_img_01 {position:absolute; z-index:-1; top:-482px;  right:0 !important; animation-delay: 0.5s;}
.main_con .inner .main_img .main_img_02 {position:absolute; z-index:-2; top:-482px;  right:0 !important; animation-delay: 1.0s;}
.main_con .inner .main_img .main_img_03 {position:absolute; z-index:-3; top:-482px;  right:0 !important; animation-delay: 1.5s;}


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


	.main_con{position:relative; text-align:left; max-width:1200px; margin:auto; width:100%; }

	.main_con .inner {position:absolute; z-index:9;   width:100%;  top:340px; }

	.main_con .inner .main_txt {z-index:1100; color:#fff;  left:0; width:600px;
					  font-size:4rem; font-weight:300; line-height:5rem; letter-spacing:-0.05rem;}
	.main_con .inner .main_txt strong{font-weight:700; }
	.main_con .inner .main_txt p{font-size:1.1rem;font-weight:400;color:#fff;line-height:30px;height:30px;margin-top:15px}
	.main_con .inner .main_txt img {margin-top:-30px;}
	
	
	.main_con .inner .main_img img{ text-align:center; margin-left:0px; }
	.main_con .inner .main_img .main_img_01 {position:absolute; z-index:-1; top:-482px;  right:0 !important;}
	.main_con .inner .main_img .main_img_02 {position:absolute; z-index:-2; top:-482px;  right:0 !important;}
	.main_con .inner .main_img .main_img_03 {position:absolute; z-index:-3; top:-482px;  right:0 !important;}
	


}



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


	.main_con{position:relative; margin:auto; width:100%; text-align:center; }

	.main_con .inner {position:absolute; z-index:9;   width:100%;  top:150px;  text-align:center; }

	.main_con .inner .main_txt {color:#fff;  width:100%; 
					  font-size:3rem; font-weight:300; line-height:3.5rem; letter-spacing:-0.05rem;  }
	.main_con .inner .main_txt strong{font-weight:700; }
	.main_con .inner .main_txt p{font-size:1.1rem;font-weight:400;color:#fff;line-height:30px;height:30px;margin-top:15px}
	.main_con .inner .main_txt img {margin-top:-30px;}


	.main_con .inner .main_img {position:relative;  text-align:center; color:#fff;  width:90%;margin-left:-20%; }
	.main_con .inner .main_img img{ position:relative; width:365px;  margin-top:372px;   }
	.main_con .inner .main_img .main_img_01 {position:absolute; z-index:-1; top:-318px;  right:0 !important;}
	.main_con .inner .main_img .main_img_02 {position:absolute; z-index:-2; top:-318px;  right:0 !important;}
	.main_con .inner .main_img .main_img_03 {position:absolute; z-index:-3; top:-318px;  right:0 !important;}
}



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


	.main_con .inner {position:absolute; z-index:9;   width:100%;  top:200px;  text-align:center; }
	.main_con .inner .main_txt {color:#fff;  width:100%; 
				  font-size:2.6rem; font-weight:300; line-height:3rem; letter-spacing:-0.05rem;}
	.main_con .inner .main_txt img {margin-top:-30px; width:200px; margin-left:0px; }


	.main_con .inner .main_img {position:relative;  text-align:center; color:#fff;  width:90%; margin-left:-7%; }
	.main_con .inner .main_img img{position:relative; margin-top:385px; margin-left:50px; }
	.main_con .inner .main_img .main_img_01 {position:absolute; z-index:-1; top:-337px;  right:0 !important;}
	.main_con .inner .main_img .main_img_02 {position:absolute; z-index:-2; top:-337px;  right:0 !important;}
	.main_con .inner .main_img .main_img_03 {position:absolute; z-index:-3; top:-337px;  right:0 !important;}


}


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


	.main_con .inner {position:absolute; z-index:9;  width:100%;  top:200px;  text-align:center;  }
	.main_con .inner .main_txt {color:#fff;  width:100%; 
				  font-size:2.6rem; font-weight:300; line-height:3rem; letter-spacing:-0.05rem;}
	.main_con .inner .main_txt img {margin-top:-30px; width:200px; margin-left:0px; }


	.main_con .inner .main_img {position:relative; display:block; text-align:center; color:#fff;  width:90%; margin:auto; margin-left:2%; }
	.main_con .inner .main_img img{position:relative; margin-top:385px;  }
	.main_con .inner .main_img .main_img_01 {position:absolute; z-index:-1; top:-335px;  right:0 !important;}
	.main_con .inner .main_img .main_img_02 {position:absolute; z-index:-2; top:-335px;  right:0 !important;}
	.main_con .inner .main_img .main_img_03 {position:absolute; z-index:-3; top:-335px;  right:0 !important;}


}



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

	.main_con .inner {position:absolute; z-index:9;  width:100%;  top:200px;  text-align:center;  }
	.main_con .inner .main_txt {color:#fff;  width:100%; 
				  font-size:2.3rem; font-weight:300; line-height:3rem; letter-spacing:-0.05rem;}
	.main_con .inner .main_txt img {margin-top:-20px; width:180px; margin-left:0px; }


	.main_con .inner .main_img {position:relative; display:block; text-align:center; color:#fff;  width:100%; margin:auto;/* margin-left:20px;  */}
	.main_con .inner .main_img img{position:relative; margin-top:385px; }
	.main_con .inner .main_img .main_img_01 {position:absolute; z-index:-1; top:-335px; } 
	.main_con .inner .main_img .main_img_02 {position:absolute; z-index:-2; top:-335px; }
	.main_con .inner .main_img .main_img_03 {position:absolute; z-index:-3; top:-335px; }


}





/*왼쪽하단퀵메뉴*/
.m_left_btn{position:fixed;  left:50%; z-index:9999999; margin-left:-600px; bottom:0px;  }
.m_left_btn ul li {position:relative; float:left; font-size:1.6rem; text-align:left; font-weight:500;}
.m_left_btn ul li a{padding:25px 100px 20px 30px;  float:left; font-size:1.6rem; text-align:left; font-weight:500;}
.m_left_btn ul li a span{display:block; font-size:1rem; margin-top:7px;}
.m_left_btn ul li:nth-child(1) a{color:#fff; background:#004568;}
.m_left_btn ul li:nth-child(2) a{color:#004568; background:#fff;}
.m_left_btn ul li:nth-child(1) a:after{content:'';display:block;width:24px;height:16px;background:url("../images/main/btn_arrow_w.png") no-repeat;position:absolute;bottom:40px;right:30px;
							transition: all 0.2s ease-in-out; opacity:1}
.m_left_btn ul li:nth-child(2) a:after{content:'';display:block;width:24px;height:16px;background:url("../images/main/btn_arrow_gr.png") no-repeat;position:absolute;bottom:40px;right:30px;
							transition: all 0.2s ease-in-out;}

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

.m_left_btn{display:none !important; }


}
	


@media all and (max-width:1200px) {
.main_txt{position:relative; }
.main_txt .inner{position:absolute; top:500px; width:100%; height:250px; margin-top:-128px;z-index:1100; color:#fff;
				 font-family:'Montserrat',sans-serif;font-size:3rem; font-weight:600;color:#fff;}
.main_txt .inner strong{font-weight:800; display:block;}
.main_txt .inner p{font-size:1.1rem;font-weight:400;color:#fff;line-height:30px;height:30px;margin-top:15px}


.main_txt .inner svg{width:100%;}
.main_txt .inner tspan{color:transparent;paint-order:stroke;stroke:#fff;stroke-width:2px; font-weight:700;stroke-linecap:butt;stroke-linejoin:miter;fill:rgba(255,255,255,0);
      font-family:'Montserrat',sans-serif;line-height:1.3;/*text-transform:uppercase*/}
.main_txt .inner tspan.txt_color01{fill:#fff;stroke-width:0}
.main_txt .inner tspan.txt_color02{fill:#1fb1c7;stroke-width:0}


}



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

.main_txt{position:relative; }
.main_txt .inner{position:absolute; top:500px; width:100%; height:250px; margin-top:-128px;z-index:1100; color:#fff;
				 font-family:'Montserrat',sans-serif;font-size:2rem; font-weight:600;color:#fff;}
.main_txt .inner strong{font-weight:800; display:block;}
.main_txt .inner p{font-size:1.1rem;font-weight:400;color:#fff;line-height:30px;height:30px;margin-top:15px}


.main_txt .inner svg{width:100%;}
.main_txt .inner tspan{color:transparent;paint-order:stroke;stroke:#fff;stroke-width:2px; font-weight:700;stroke-linecap:butt;stroke-linejoin:miter;fill:rgba(255,255,255,0);
      font-family:'Montserrat',sans-serif;line-height:1.3;/*text-transform:uppercase*/}
.main_txt .inner tspan.txt_color01{fill:#fff;stroke-width:0}
.main_txt .inner tspan.txt_color02{fill:#1fb1c7;stroke-width:0}


}





/*공통*/


.m_content {background-color:#fff; width:100%}
.wid_1200 {max-width:1200px; width:100%; position:relative; margin:auto; overflow:hidden; text-align:left;}


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

.wid_1200 {margin:auto; width:90%; position:relative; margin:auto; overflow:hidden; text-align:center;}
}



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

.wid_1200 {margin:auto; width:90%; position:relative; margin:auto; overflow:hidden; text-align:center;}
}




/*section05 APP */

#section05 {position:relative;text-align:center; color:#fff; text-align:left; overflow:hidden;  }

#section05 .section05_wrap {position:absolute; width:1200px; left:50%; margin-left:-600px; top:150px; }


#section05 .section05_title {color:#616c6f; font-size:1.3rem; font-weight:500;}
#section05 .section05_sub_title {color:#1fccf7; font-size:3.2rem; margin-top:10px; line-height:3.8rem; letter-spacing:-0.1rem; font-weight:700; }

#section05 .section05_txt{ font-size:1rem; color:#5f5f5f; margin-top:40px; width:50%; float:left; }
#section05 .section05_txt strong {display:block; color:#272727; font-size:1.3rem; letter-spacing:-0.05rem; font-weight:500;}
#section05 .section05_txt p {margin-bottom:20px; margin-top:5px;}


#section05 .section05_bg {float:right; }





@media all and (max-width:1400px) {
#section05 .section05_wrap {left:5%; margin-left:0; top:70px;  bottom:20px;   }
#section05 .section05_bg {min-height:600px; }
#section05 .section05_bg img {width:80%;  float:right;}

}




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

		#section05 {position:relative;text-align:center; color:#fff; text-align:left; overflow:hidden;  }

		#section05 .section05_wrap {left:5%; margin-left:0; top:60px;  bottom:20px;   }

		#section05 .section05_title {color:#616c6f; font-size:1.2rem; font-weight:500;}
		#section05 .section05_sub_title {color:#1fccf7; font-size:2rem; margin-top:10px; line-height:2.2rem; letter-spacing:-0.1rem; font-weight:500; }

		#section05 .section05_txt{ font-size:1rem; color:#5f5f5f; margin-top:40px; width:50%; float:left;   }
		#section05 .section05_txt strong {display:block; color:#272727; font-size:1.3rem; letter-spacing:-0.05rem; font-weight:500;}
		#section05 .section05_txt p {margin-bottom:20px; margin-top:5px;}

		#section05 .section05_bg {float:right;  min-height:400px; margin-right:-80px;}
		#section05 .section05_bg img{ width:75%;  float:right;}

}



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

		#section05 {position:relative; text-align:center; color:#fff; overflow:hidden;}

		#section05 .section05_wrap {position:relative; width:90%; margin:auto; text-align:center;  left:0; top:0px; bottom:0;  padding:7% 0; }

		#section05 .section05_title {color:#616c6f; font-size:1.2rem; font-weight:500;}
		#section05 .section05_sub_title {color:#1fccf7; font-size:2rem; margin-top:10px; line-height:2.2rem; letter-spacing:-0.1rem; font-weight:500; }

		#section05 .section05_txt{ font-size:1rem; color:#5f5f5f; margin-top:40px; width:100%;  }
		#section05 .section05_txt strong {display:block; color:#272727; font-size:1.3rem; letter-spacing:-0.05rem; font-weight:500;}
		#section05 .section05_txt p {margin-bottom:20px; margin-top:5px;}

		#section05 .section05_bg {width:100%; margin-top:20px; min-height:0px; margin-right:0;}
		#section05 .section05_bg img{width:70%; text-align:center; float:none;}

}





/*section03디자인 개발 반반*/
#section03 {position:relative;text-align:center; text-align:left; overflow:hidden;}
#section03 .section03_le_box, #section03 .section03_ri_box{  width: 50%;   
	
    float: left;
   /* background-color: #ddd;*/
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

   
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;}
#section03 .section03_img { background-size:cover;background-position:center center;
		 min-height:250px;  transition:all ease .8s;}
#section03 .section03_le_box:hover .section03_img,
#section03 .section03_ri_box:hover .section03_img{
		
		transform: scale(1.1);
		-webkit-transform: scale(1.1); 
		-ms-transform: scale(1.1); 
		-o-transform: scale(1.1);
		 transition:all ease .8s; 
		
		 
	}

#section03 a > dl {position:relative; width:600px; color:#fff;  z-index:1;}
#section03 .section03_le_box a > dl {float:right; padding:68px 0 0 0}
#section03 .section03_ri_box a > dl {float:left;  padding:68px 0 0 50px; }
#section03 a > dl dt {font-size:2.5rem;}
#section03 a > dl dd {font-size:1rem; margin-top:3%;}
#section03 a > dl span a {color:#fff; font-size:0.8rem; margin-top:10px; display:block;font-weight:500;}
#section03 a > dl .btn_more {position:absolute;top:100px;right:40px;width:40px;height:35px;}


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

		#section03 {position:relative;text-align:center; color:#fff; text-align:left; overflow:hidden;}
		#section03 .section03_le_box , #section03 .section03_ri_box {  width: 100%;   
			height:220px;
			float: left;
			background-color: #ddd;
			position: relative;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			
			background-repeat: no-repeat;
			background-position: center center;
			overflow: hidden;}

		#section03 .section03_img { background-size:cover;background-position:center center;
		 transition:all ease .8s;}
		 
		#section03 .section03_le_box a > dl, #section03 .section03_ri_box a > dl {width:100%; padding:40px 0 0 40px;}				
		#section03 a dl dt {font-size:2rem;}
		#section03 a dl dd {font-size:1rem; margin-top:3%;}

}


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

		#section03 {position:relative;text-align:center; color:#fff; text-align:left; overflow:hidden;}
		#section03 .section03_le_box, #section03 .section03_ri_box{  width: 100%;   
			height:180px;
			float: left;
			background-color: #ddd;
			position: relative;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			
			background-repeat: no-repeat;
			background-position: center center;
			overflow: hidden;}
		#section03 .section03_img {height:160px; background-size:cover;background-position:center center;
		  transition:all ease .8s;}

		#section03 .section03_le_box a > dl, #section03 .section03_ri_box a > dl {width:100%; padding:35px 0 0 35px;}		
		#section03 a dl dt {font-size:1.6rem;}
		#section03 a dl dd {font-size:0.9rem; line-height:1.2rem; margin-top:3%;}
		#section03 a dl .btn_more {position:absolute;top:60px;right:40px;width:40px;height:35px;}

}






/*section04 partners*/
#section04 {position:relative;text-align:center;  padding:100px 0 80px 0; text-align:left; overflow:hidden;}
#section04 h3 {font-size:2.5rem;font-weight:400; color:#004568; letter-spacing:-0.5px;  line-height:3rem;}
#section04 .sub_tit {font-size:1.1rem; margin-top:10px;  }
#section04 ul {margin-top:2%;}
#section04 ul li {border:1px solid #ddd; width: calc(25% - 10px); text-align:center; padding:15px 0; float:left; margin:0 10px 10px 0 ;}



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

#section04 {position:relative;text-align:center;  padding:100px 0 80px 0; text-align:left; overflow:hidden;}
#section04 h3 {font-size:2.5rem;font-weight:500; color:#004568; letter-spacing:-0.5px;  line-height:3rem;}
#section04 .sub_tit {font-size:1.1rem; margin-top:10px;  }
#section04 ul {margin-top:2%;}
#section04 ul li {border:1px solid #ddd; width: calc(25% - 10px); text-align:center; padding:15px 0; float:left; margin:0 10px 10px 0 ;}
#section04 ul li img {width:80%; }

}



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

#section04 {position:relative;text-align:center;  padding:100px 0 80px 0; text-align:left; overflow:hidden;}
#section04 h3 {font-size:2.5rem;font-weight:500; color:#004568; letter-spacing:-0.5px;  line-height:3rem;}
#section04 .sub_tit {font-size:1rem; margin-top:10px;  }
#section04 ul {margin-top:2%;}
#section04 ul li {border:1px solid #ddd; width: calc(33% - 10px); text-align:center; padding:10px 0; float:left; margin:0 10px 10px 0 ;  min-height:}
#section04 ul li img { text-align:center; width:90%; }


}


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

#section04 {position:relative; text-align:center;  padding:100px 0 80px 0; text-align:left; overflow:hidden;}
#section04 h3 {font-size:2.6rem;font-weight:400; color:#004568; letter-spacing:-0.5px;  line-height:3rem;}
#section04 .sub_tit {font-size:1rem; margin-top:10px;  }
#section04 ul {margin-top:5%;}
#section04 ul li {border:1px solid #ddd; width: calc(33% - 10px); text-align:center; padding:10px 0; float:left; margin:0 10px 10px 0; }
#section04 ul li img { text-align:center; width:90%;  }

}