/* ------------------------------------- full_pop site ------------------------------------- */

.openBtn { background: #f1f1f1; padding: 10px 15px;  font-size: 20px;  cursor: pointer;}
.full_con {  height: 100%;  width: 100%;  display: none;  position: fixed;  z-index:9999;  top: 0;  left: 0;  background-color: rgb(0,0,0);  background-color: rgba(0,0,0, 0.9); }
.full_content {  position: relative;  top: 46%;  width: 80%;  text-align: center;  margin-top: 30px;  margin: auto;}

.full_video { width:1280px; min-height:720px; top:50%; left:50%; position:relative; margin:-400px 0 0 -640px; }
.video_tx { font-size:12px; }
.full_video iframe { position:relative; top:0; left:0;   padding: 0 0 0 0; }

.close_btn { position: absolute; top: -40px;  right: 45px;  font-size: 40px;  cursor: pointer;  color: white; background-color:#282658;}
.close_btn:hover { color: #ccc; }







/* ------------------------------------- mobile_menu ------------------------------------- */
 .close { /*position:absolute; top:-40px; width:44px;*/position: fixed; top: 5px; right: 8px; width: 40px; height: 40px; background-color:#fff; color:#003876; font-size:34px; text-align:center; padding-top:5px; opacity:1;}   
.close:not(:disabled):not(.disabled):focus, 
.close:not(:disabled):not(.disabled):hover { opacity:1; color:#003876;}

 .all_menu { width:60%; height:100%; /*background-color:rgba(0, 0, 0, 0.2);*/ position:fixed; display:none; z-index:9999; display:none;}
 .all_box { padding:0; width:60%; top:0px; background:#fff; z-index:30;     /*min-height:1330px; overflow-y: auto; */ right:-210px; bottom:0; position:fixed; overflow-y: auto; border-left:1px solid #CCC; padding-top:60px;}
 
/*초기화와 메뉴폭 지정*/ 
#navi{ margin-top:00px; z-index:24; background-color:#f5f5f5; }
 
#navi h2 { margin:0;}
#navi h2 a{ display: block; padding: 15px; font-size: 20px; font-weight:600; color: #000; background:url(../../../img/common/all_menu_off.png)no-repeat 180px center;  background-size:10px; text-decoration:none; background:#fff; }

/*메인 메뉴에 대한 마우스 이벤트에 대한 효과 지정*/
#navi :target h2 a {    background:#fff url(../../../img/common/all_menu_on.png)no-repeat 180px center; color:#00a2e5; background-size:10px;   }
 
/*부메뉴에 대한 기본 설정*/
#navi p { height:0; overflow:hidden; 
-moz-transition:height 0.5s ease-in;
-o-transition:all 0.3s ease-in;
-webkit-transition:height 0.3s ease-in;
transition:height 0.15s ease-in; margin:0;    }


/*메인 메뉴를 클릭했을 대의 부메뉴를 정의*/
#navi :target p { height: 36px; /*border-bottom: 1px solid #343434;*/ background:#f5f5f5; margin:0;}
#navi :target p:nth-child(2) { height:46px; padding-top:10px;}
#navi :target p:last-child { height:46px; padding-bottom:10px;}

/*부메뉴 링크에 대한 효과를 정의*/
#navi p a { display: block; padding-left: 25px; line-height: 40px; font-size: 16px; color: #777; text-decoration:none;}
#navi p a:hover { color:#2475d0; }



.foreign { position:absolute; left:18px; top:0px; color:white; z-index:9999; margin-right:18px; }
.foreign span { padding-top:12px; padding-right:15px; display:inline-block;}
.foreign span a { font-size: 14px; line-height:24px; padding: 0px 0px; display:inline-block; color:#999; font-weight:800; border-bottom:2px solid #fff; }

#navi #menu1,
#navi #menu2,
#navi #menu3,
#navi #menu4,
#navi #menu5,
#navi #menu6 { }

@media only screen and (max-width: 800px) {
	#navi h2 a { font-size:18px;}
}




/* ------------------------------------- top_leftmenu ------------------------------------- */
.side3_bx { background:#7C7C7C; top:-25px; height:0px; z-index:3999;  }
.side3 { width:55px; position:fixed; right:0; top:17px; margin-right:20px; background:#7C7C7C; color:white; overflow:hidden; /* overflow text hidden처리*/ cursor:pointer; padding-left: 8px; font-size:11px;  z-index:9900; }
.side3 li {  height: 26px; }
.side3 a { color:#fff; }

.side4_bx { background:#7C7C7C; top:-25px; height:0px; z-index:3999;  }
.side4 { width:55px; position:absolute; right:0; top:17px; margin-right:20px; background:#7C7C7C; color:white; overflow:hidden; /* overflow text hidden처리*/ cursor:pointer; padding-left: 8px; font-size:11px; z-index:9900; }
.side4 li {  height: 26px; }
.side4 a { color:#fff; }



.open_img2 { background:url(../../../img/top4.png) no-repeat; background-position:15 10;   right: 7px;  top: 9px;  width:8px; height:8px; position:absolute; border:0px solid red; }
.change2 { background:url(../../../img/top5.png) no-repeat; width:8px; height:8px; position:absolute;  } 

.logo3 {  color: white;  position: absolute;  border: 0px solid black;  left: 0;  padding-left: 20px; margin:0;  }

.logo3 a,
.scroll_logo a {width: 230px;  display: block;  background: url(../../../img/common/logo.png)no-repeat; background-size:100%;  margin-top: 25px;  height: 42px;  text-indent: -9999px;}

.scroll_logo a {  transition: all 0.3s ease-in-out;}


@media only screen and (max-width: 767px) {
.logo3 {  color: white;  position: absolute;  border: 0px solid black;  left: 0;  padding-left: 7px;  }
.logo3 a {  display: block;  background: url(../../../img/common/logo.png)no-repeat;  width: 190px;  margin-top: 11px;  height: 42px;  text-indent: -9999px; background-size:138px 29px; margin-left:15px; }
.scroll_logo a {  display: block;  background: url(../../../img/common/logo.png)no-repeat;  width: 190px;  margin-top: 11px;  height: 42px;  text-indent: -9999px;  transition: all 0.3s ease-in-out; background-size:138px 29px; } }
}


/* ------------------------------------- main_text_animation ------------------------------------- */
.v_eng1 {  }

.v_eng { top:0px;  position: relative;  
-webkit-animation-name: mymove0;   -webkit-animation-duration:1s;   
animation-delay: 0.1s;
animation-name: mymove0;  animation-duration:1s;}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove0 {
  from { opacity:0; top:40px;}
  to { opacity:1; top:0px;}  
	}

@keyframes mymove0 {
  from { opacity:0; top:40px;}
  to { opacity:1; top:0px;}   
	}



.ms_txt { top:0px;  position: relative;  
-webkit-animation-name: mymove;   -webkit-animation-duration:1s;   
animation-delay: 0.3s;
animation-name: mymove;  animation-duration:1s;}

.v_btn { top:0px;  position: relative;  
-webkit-animation-name: mymove;   -webkit-animation-duration:1s;   
animation-delay: 0.4s;
animation-name: mymove;  animation-duration:1s;}


/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
  from { opacity:0; top:50px;}
  to { opacity:1; top:0px;}   }

@keyframes mymove {
  from { opacity:0; top:50px;}
  to { opacity:1; top:0px;}   }





/* ------------------------------------- video_pc ------------------------------------- */

.goco { background:white; /*border:none;box-shadow: 1px 0.1px 0.5px rgba(0,0,0,0.22);*/  transition: all 0.2s ease-in-out; }
.scroll_mody { position:absolute; top:800px; }

.video_in { width:100%;   top: 520px; position:absolute; background:url(../../../img/visual/v_bg.png) }
.video_play { width:1070px; margin:0 auto;   text-align: center; margin-top:5px; cursor:pointer; }



.vimeo-wrapper {  /*position: fixed; */ top: 0;  left: 0;  width: 100%;  height: 950px;  z-index: -1;  pointer-events: none;  overflow: hidden; }
.vimeo-wrapper iframe {  width: 100vw;  height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */  
min-height: 100vh;  min-width: 250.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  }

.vimeo-wrapper video { /* min-width: 1920px; min-height: 1260px;  height: 56.25vw;  Given a 16:9 aspect ratio, 9/16*100 = 56.25  min-height: 135vh;  min-width: 240vh; Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
 position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);   }
  
.video_wrap { position: relative; height: 950px; text-align: center; overflow: hidden;  }

.v_txt { position: absolute; top: 80%; left: 50%;   transform: translateX(-50%) translateY(-50%);  webkit-transform: translateX(-50%) translateY(-50%); z-index:2;   width: 100%; 
text-align: left;  padding-left: 40px;  }

.v_eng { font-size: 92px; color: #fff; margin-bottom: 40px; letter-spacing:-1px; line-height:75px; }

 .ms_txt { display:block; font-size:26px; color:#fff; font-weight:800; }
.v_btn { color: #fff; font-size: 13px; border: 3px solid #fff;  padding: 5px 40px; cursor:pointer; display:inline-block; margin-top:55px;}
.v_btn a { color: #fff; font-size: 14px; font-weight:700; }   
 .vi_bg {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  z-index: 1;  background: url(../../../img/common/bg.png) repeat; }

/*
@media only screen and (max-width: 1164px) { 
.v_txt { position: absolute; top: 47%; left: 50%;   transform: translateX(-50%) translateY(-50%);  webkit-transform: translateX(-50%) translateY(-50%); z-index:2;   width: 100%; }
.v_eng { font-size: 28px; color: #fff; margin-bottom: 25px; letter-spacing:-1.5px; line-height:0px;}
 .ms_txt { display:block; font-size:13px; color:#fff; }
.v_btn { color: #fff; font-size: 13px; border: 3px solid #fff;  padding: 5px 20px; cursor:pointer; display:inline-block; margin-top:30px;}
.v_btn a { color: #fff; font-size: 13px;}   
 .vi_bg {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  z-index: 1;  background: url(../../../img/common/bg.png) repeat; }
}
*/








/* ------------------------------------- mobile_video ------------------------------------- */

.video_wrap { display:block; /* pc용 동영상 처리*/} 
.video_wrap_mobile { display:none; }

@media only screen and (max-width: 387px) { 
.video_wrap { display:none;}
.video_wrap_mobile { display:block; position: relative; height: 530px; text-align: center; overflow: hidden;  }
.video-responsive{   position: absolute; top: 0;   left: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; overflow: hidden;  }
.video-responsive iframe{  width: 100vw; /* height: 56.25vw;*/   /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */ min-height: 130vh; min-width: 200vh;  /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
 position: absolute; top: 49%; left: 50%; transform: translate(-50%, -50%); }
.video-responsive video {  width: 100vw; /* height: 56.25vw;*/   /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */ min-height: 140vh; min-width: 210vh;  /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */ position: absolute;
 top: 49%; left: 50%; transform: translate(-50%, -50%); }
 .vi_bg2 {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  z-index: 1;  background: url(../../../img/common/bg.png) repeat; }
.v_txt2 { position: absolute; top: 47%; left: 50%;   transform: translateX(-50%) translateY(-50%);  webkit-transform: translateX(-50%) translateY(-50%); z-index:2;   width: 100%; }
.v_eng2 { font-size: 32px; color: #fff; margin-bottom: 8px; letter-spacing:-1.5px; line-height:34px;}
 .ms_txt2 { display:block; font-size:13px; color:#fff; }
.v_btn2 { color: #fff;  border: 3px solid #fff;  width:120px; line-height:32px; cursor:pointer; display:inline-block; margin-top:30px;  font-size: 12px; font-weight:bold; }
.v_btn2 a { color: #fff; font-size: 13px;}   
#stop { display:none; }
}





/* ------------------------------------- mobile_video_02 ------------------------------------- */

@media only screen and (min-width:387px) and (max-width: 980px) { 

.video_wrap { display:none;}
.video_wrap_mobile { display:block; position: relative; /* height: 325px; */  height: 400px;  text-align: center; overflow: hidden;  }


.video-responsive{   position: absolute; top: 0;   left: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; overflow: hidden;  }

.video-responsive iframe{  width: 100vw; /* height: 56.25vw;*/   /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */ min-height: 130vh; min-width: 200vh;  /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */ position: absolute;
 top: 49%; left: 50%; transform: translate(-50%, -50%); }

.video-responsive video {  width: 100vw; /* height: 56.25vw;*/   /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */ min-height: 280vh; min-width: 310vh;  /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
 position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.vi_bg2 {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  z-index: 1;  background: url(../../../img/common/bg.png) repeat; }

.v_txt2 { position: absolute; top: 58%; left: 50%;   transform: translateX(-50%) translateY(-50%);  webkit-transform: translateX(-50%) translateY(-50%); z-index:2;   width: 100%; }
.v_eng2 { font-size: 28px; color: #fff; margin-bottom: 8px; letter-spacing:-1.5px; line-height:28px; }
 .ms_txt2 { display:block; font-size:13px; color:#fff; }
.v_btn2 { color: #fff;  border: 3px solid #fff;  width:120px; line-height:32px; cursor:pointer; display:inline-block; margin-top:30px;  font-size: 12px; font-weight:bold; }
.v_btn2 a { color: #fff; font-size: 13px;}   
#stop { display:none; }
}

























/* ------------------------------------- contents_main------------------------------------- */
	.ourbiz_bg { width:100%; background:#FFFFFF; height:754px; position:relative; overflow:hidden; background:url(../../../img/main/bg1.png) no-repeat center 0;  }
	.ourbiz_con { width:1310px; margin:0 auto; text-align:center;  }

	.ourbiz_con h3 { font-size:36px; color:#ff3d3d; font-weight:bold; margin-bottom:16px; font-weight:900; }
	.ourbiz_con .mc_txt { font-size:16px; color:#6B6B6B;  font-weight:500; line-height: 22px; }

	.ba_list { width:100%; margin:0 auto; }
	.ba_list li { float:left; width:262px; margin-right:0px; position:relative;  }
	.ba_list li:last-child { margin-right:0px; }

	.ba_list li a img { width:100%; height:100%; transition:all 0.45s ease-in-out 0.02s;}
	.ba_list li a:hover img { transform:scale(1.5); transition: all 0.45s ease; border:1px solid black; }
	.ba_list .Zum:hover { opacity:1; }
 
	.hidden { width:262px; height:446px; overflow:hidden; position:ralative;} 
	.Bg_black { position: absolute; left:0px; bottom:0px; width:100%; height:100%; display:block;  transition: all 0.8s ease;    background:url(../../../img/main/bgpatton2.png) repeat-x 0 100%;  } 
	.Zum {  position: absolute; left:0; top:0; width:100%; height:100%; opacity:0; border: 0px solid red; z-index:7;   transition: all 0.15s ease;    background:url(../../../img/main/imglist_over2.png)no-repeat 50% 50%;   }

	.tbg1 {  position: absolute; left:0; top:0; width:100%; height:100%; opacity:1; z-index:6;    background:url(../../../img/main/t1_2.png)no-repeat;   }
	.tbg2 {  position: absolute; bottom:0; width:100%; height:100%; opacity:1; z-index:6;    background:url(../../../img/main/t2_1.png)0 273px no-repeat;   } 
	.tbg3 {  position: absolute; bottom:0; width:100%; height:100%; opacity:1; z-index:6;    background:url(../../../img/main/t2_2.png)0 273px no-repeat;   } 
	.tbg4 {  position: absolute; bottom:0; width:100%; height:100%; opacity:1; z-index:6;    background:url(../../../img/main/t2_3.png)0 273px no-repeat;   } 
	.tbg5 {  position: absolute; bottom:0; width:100%; height:100%; opacity:1; z-index:6;    background:url(../../../img/main/t2_4.png)0 273px no-repeat;   } 

	.Tx_in { position:absolute; bottom:76px; text-align:left; width:100%; height:74px; z-index: 6; padding-left: 22px;}
	.T1 { font-size:22px; color:#fff; font-weight:700;   height: 24px;  }  
	.T2 { font-size: 11px;  color: #fff; letter-spacing: 0.1px; } 
	.T-S { font-size:14px; color:#fff;   line-height:20px; font-weight:100; padding-top: 15px; } 
	.T-S:before {   content: '';  width: 35px;  height: 2px;  background: white;  display: block;  top: 78%;  position: absolute; } 


	.about_bg { width:100%; background:#EBF1F7; height:414px; position:relative; overflow:hidden;  background:none;  }
	.about_con { width:1070px; margin:0 auto; text-align:center; }
	.about_con h3 { font-size:32px; color:#1274D6;  font-weight:bold; margin-bottom:16px; }
	.about_con .mc_txt {  font-size:15px; color:#1274D6; font-weight:bold; }

	.main-tit { padding-top:70px; } .mb81 { margin-bottom:55px; } .mb48 { margin-bottom:48px; }

	.about_all { margin:0 auto; width:978px; overflow:hidden; height:436px; }
	.about_left { float:left; width:689px;}
	.about_right {  float:right; width:268px; background:#fff; height:436px; }

	.about_group { height:230px; background:#fff; position: relative;}
	.about_group .abo_left dt {      font-size: 15px; line-height:19px; letter-spacing:-0.7}
	.about_group .abo_left  { float:left; padding:27px 0 0 36px; }
	.about_group .abo_left dd a {   position: absolute;  font-size: 13px;  color: white;  background: #464646;  padding: 2px 40px;  margin-top: 65px;  letter-spacing: -0.7px;   font-weight: 700; }
	.about_group .abo_left h8 {     font-weight: 900; }
	.about_group .abo_right { float:right; }

	.abo_right .grimg img { float:left;   margin: 10px 0 0 10px; }
	.abo-list  { bottom: 32px;  margin-right: 175px;  right: 0;  position: absolute;   font-size: 13px; letter-spacing:-0.7px; font-weight:800; color:#525252; }
	.abo-list li { line-height: 20px;  padding: 0 0 0px 8px;  background: url(../../../img/common/icon5.png) no-repeat 0 50%; }



  /* 유투브영상 */
	.evideo {   width: 689px; height:25%;   position: relative; display:block; }
	.evideo a img { width:100%; height:100%; transition:all 0.45s ease-in-out 0.02s;}
	.evideo a:hover img { transform:scale(1.2); transition: all 0.45s ease; border:1px solid black; }
	.evideo .Zum2:hover { opacity:1; }
 
	 .hidden2 { width: 689px; height:25%; overflow:hidden; position:ralative; display:block; }
 
	.Bg_black2 { position: absolute; left:0px; bottom:0px; width:100%; height:100%; display:block;  transition: all 0.8s ease;    background:url(../../../img/main/video_bg2.png) repeat-x 0 100%; } 
	.Zum2 {  position: absolute; left:0; top:0; width:100%; height:100%; opacity:0; border: 0px solid red; z-index:1;   transition: all 0.15s ease;    background:url(../../../img/main/imglist_over3.png)no-repeat 50% 50%;   }
	.playbg {  position: absolute; left:0; top:0; width:100%; height:100%; opacity:1;    background:url(../../../img/main/play.png)50% 50% no-repeat;   }
 
	.Tx_in2 { position:absolute; top:0; text-align:center; height:74px; z-index: 6; display:block; margin:30px 0 0 29px; }
	.Tbar {border-top:3px solid white; display:block; }  
	.T3 { font-size:16px; color:#fff; margin-top:5px; display:block; font-weight: 400;} 
	.T3 em { font-size:16px; color:#fff; margin-top:0px; display: inline-block; font-weight: 600;} 
	.vibg2 { display:none; }
	.vibg1 { display:block; }




	.biz_test { height:754px; width:1891px; margin:0 auto; position:relative; }
	.biz_test2 { height:673px;width:1891px; margin:0 auto; position:relative; cursor:pointer; }

	.agency_map { width:199px;  height:106px; margin:0 auto; padding-top:44px; }
	.agency_map dt { border-top:3px solid #1D6CBC; border-bottom:3px solid #1D6CBC; color:#1A73CE;    }
	.agency_map dd { text-align:center;  100%; height: 100%; }
	.agency_map .agtxt1 { line-height:50px; font-size:19px; display:block; text-align:center; letter-spacing:-1.2px; font-weight:bold; font-weight:800; }
	.agency_map .agtxt2 { border-top:1px solid #A9C7E6;height:55px; font-size:12px; display:block; text-align:center; line-height:15px; padding-top:13px;}
	.agency_map img { padding-top:50px; text-align:center; }
	.agency_map a {  display: block;  width: 100%;  background: url(../../../img/main/agency2.png) center 32px no-repeat;  height: 282px; }


  /* mobile 사업분야*/
	.mo-biz-wp { display:none; }



	 @media only screen and (max-width: 767px) { 
/* contents_main */
	.ourbiz_bg { width:100%; background:#FFFFFF; height:auto; position:relative; overflow:hidden; /* background:url(../../../img/main/bg1_m.png) no-repeat center bottom;*/ padding: 20px 15px 30px;   }
	.ourbiz_con { width:100%; min-height:100%; margin:0 auto; text-align:center;  }
	.ourbiz_con h3 { font-size:25px; color:#ff5a00;; font-weight:bold; margin-bottom:5px; letter-spacing:-0.7px; }
	.ourbiz_con .mc_txt { font-size:12px; color:#ff5a00;   font-weight:bold; line-height:16px; }

	.ba_list { width:100%; margin:0 auto; }
	.ba_list li { float:left; width:213px; margin-right:35px; }
	.ba_list li:last-child { margin-right:0px; }

	.about_bg { width:100%;  height:auto; position:relative; overflow:hidden; background:none;  padding: 20px 15px 13px;    background-size: cover; }
	.about_con { width:100%; margin:0 auto; text-align:center; }
	.about_con h3 { font-size:25px; color:#1274D6; font-weight:bold; margin-bottom:5px; letter-spacing:-0.7px; }
	.about_con .mc_txt { padding: 0 10px; font-size:12px; color:#1274D6; font-weight:bold; line-height:16px; }

	.main-tit { padding-top:0px; } .mb81 { margin-bottom:15px; } .mb48 { margin-bottom:20px; }

	.about_all { margin:0 auto; width:100%; overflow:hidden; height:100%; }
	.about_left { float:left; width:100%; margin-bottom:5px; }
	.about_right {  float:right; width:100%; background:#fff; height:366px; }

	.about_group { height:230px; background:#fff; position: relative; display:none; }
	.about_group .abo_left dt {      font-size: 15px; line-height:19px; letter-spacing:-0.7}
	.about_group .abo_left  { float:left; padding:27px 0 0 36px; }
	.about_group .abo_left dd a {   position: absolute;  font-size: 13px;  color: white;  background: #464646;  padding: 2px 40px;  margin-top: 65px;  letter-spacing: -0.7px;   font-weight: 700; }
	.about_group .abo_left h8 {     font-weight: 900; }
	.about_group .abo_right { float:right; }

	.abo_right .grimg img { float:left;   margin: 10px 0 0 10px; }
	.abo-list  { bottom: 32px;  margin-right: 175px;  right: 0;  position: absolute;   font-size: 13px; letter-spacing:-0.7px; font-weight:800; color:#525252; }
	.abo-list li { line-height: 20px;  padding: 0 0 0px 8px;  background: url(../../../img/common/icon5.png) no-repeat 0 50%; }



  /* mobile 유투브영상 */
	.evideo {   width: 100%; height: 100%;   position: relative; display:block; }
	.evideo a img { width:100%; height:100%; transition:all 0.45s ease-in-out 0.02s;}
	.evideo a:hover img { transform:scale(1.2); transition: all 0.45s ease; border:1px solid black; }
	.evideo .Zum2:hover { opacity:1; }
	.evideo a { display:block;}
	.evideo img { s}
 
	 .hidden2 { width: 100%; height: 100%; overflow:hidden; position:ralative; display:block; }
 
	.Bg_black2 { position: absolute; left:0px; bottom:0px; width:100%; height:100%; display:block;  transition: all 0.8s ease;    background:url(../../../img/main/video_bg4.png) repeat-x 0 100%; } 
	.Zum2 {  position: absolute; left:0; top:0; width:100%; height:100%; opacity:0; border: 0px solid red; z-index:7;   transition: all 0.15s ease;    background:url(../../../img/main/imglist_over4.png)no-repeat 50% 50%;   }
	.playbg {  position: absolute; left:0; top:0; width:100%; height:100%; opacity:1;    background:url(../../../img/main/play.png)50% 50% no-repeat;   }
 
	.Tx_in2 { position:absolute; top:0; text-align:center; height:74px; z-index: 6; display:block; margin: 0px 0 0 20px; }
	.Tbar {border-top:2px solid white; display:block; }  

	.T3 { font-size:16px; color:#fff; margin-top:2px; display:block; font-size: 12px;   } 
	.T3 em { font-size:16px; color:#fff; margin-top:0px; display: inline-block; font-size: 12px;  font-weight: 400;}  

	.vibg1 { display:none; }
	.vibg2 { display:block; }





	.biz_test { height:754px; width:1891px; margin:0 auto; position:relative; }
	.biz_test2 { height:673px;width:1891px; margin:0 auto; position:relative; cursor:pointer; }

	.agency_map { width:100%;  height: 100%; margin:0 auto; padding-top:10px; }
	.agency_map dt { border-top:0px solid #1D6CBC; border-bottom:0px solid #1D6CBC; color:#1A73CE;    }
	.agency_map dd { text-align:center;  100%; height: 100%; }
	.agency_map .agtxt1 {  padding-left:20px;  line-height:32px; font-size:16px; display:block; text-align:left; letter-spacing:-1.2px; font-weight:bold; font-weight:800; }
	.agency_map .agtxt2 { padding-left: 20px;  border-top:0px solid #A9C7E6;height:55px; font-size:12px; display:block; text-align:left; line-height:15px; padding-top:0px; position:relative; }
	.agency_map .agtxt2:after {   top: 45px;  left: 20px;  content: "";  width: 25px;  height: 2px;  background: #348af5;  position: absolute; }
	.agency_map .agtxt2 br { display:none; }
	.agency_map img { padding-top:0px; text-align:center; padding: 0 0 7px 0; }
	.agency_map a {  display: block;  width: 100%;  background: url(../../../img/main/agency2.png) center 0px no-repeat;  height: 282px;}


  /* mobile 사업분야*/
	.ba_list { display:none; }
	.mo-biz-wp { position:relative; overflow:hidden; display:block; }
	.mo_biz { background:url(../../../img/main/mo1.png) no-repeat; position:relative; width:100%; height:120px; background-size:cover; margin-bottom:10px;}
	.mo_biz2 { background:url(../../../img/main/mo2.png) no-repeat; position:relative; width:100%; height:120px; background-size:cover; margin-bottom:10px;}
	.mo_biz3 { background:url(../../../img/main/mo3.png) no-repeat; position:relative; width:100%; height:120px; background-size:cover; margin-bottom:10px;}
	.mo_biz4 { background:url(../../../img/main/mo4.png) no-repeat; position:relative; width:100%; height:120px; background-size:cover; margin-bottom:10px;}
	.mo_biz5 { background:url(../../../img/main/mo5.png) no-repeat; position:relative; width:100%; height:120px; background-size:cover; margin-bottom:10px;}

	.mo-biz-wp a { width:50%; float:left; }
	.mo_txin {   height: 100%;  top: 0px;  position: absolute;  width: 96px;  overflow: hidden;  background: rgba(31,31,31,0.7);  padding-left: 12px;  text-align: left;  }
	.motxt {   font-size: 13px;  color: white;  display: block;  margin-top: 30px;  line-height: 10px;  letter-spacing: -0.7px; font-weight:900; }
	.motxt2 {  font-size: 11px;  color: white;  display: block;  line-height: 18px;  padding-top: 3px; }
	.m_bg1 {   position: absolute;  background: url(../../../img/main/15ed.png) no-repeat center bottom;  height: 7px;  width: 110px;  padding: 0;  display: block;  bottom: 0; }

}
















/* quickmenu_main */
   .fix_m {position:fixed; right:40px; top: 43%; z-index:500; }
   .fix_m li { cursor:pointer; padding:0 30px; }
   .fix_m li { background:url(../../../img/anchor.png)no-repeat; height:25px;width:100%; height:25px; display:block; }
   .fix_m li.on { background:url(../../../img/anchor_on.png)no-repeat; height:25px;}


	 @media only screen and (max-width: 767px) { 
   .fix_m { display:none;}
   .fix_m li { cursor:pointer; padding:0 30px; }
   .fix_m li { background:url(../../../img/anchor.png)no-repeat; height:25px;width:100%; height:25px; display:block; }
   .fix_m li.on { background:url(../../../img/anchor_on.png)no-repeat; height:25px;}

	 }


/* gnb02_final */
 .gnbbx2 { width:100%; background:#fff; height:91px; /*position:relative;*/  position:fixed; z-index:50; border-bottom:1px solid rgba(0,0,0,.1); }
 .gnbbx2 .tgnb { width:720px; padding-left:90px; /* 사이즈 */ margin:0 auto;  position:relative; top:5px; }
 .gnbbx2 .tgnb li { float:left; /* background:red; width:25%;*//* 사이즈2 */ text-align:left; line-height:90px;  border:0px solid black; padding-right:70px;  }
 .gnbbx2 .tgnb li:last-child { padding-right:20px;}
 .gnbbx2 .tgnb a { display:block; font-size:22px; letter-spacing:-0.2px; color:white; cursor:pointer; font-weight:700;  text-decoration:none; color:#000; }
  .gnbbx2 .tgnb a:last-child { padding-right:0;}
 
 .gnbbx { width:100%; background:white; height:90px; /*position:relative;*/  position:relative; z-index:50; border-bottom:1px solid #D5D5D5; }
 .tgnb { width:720px; padding-left:90px; /* 사이즈 */ margin:0 auto;  position:relative; top:5px; }
 .tgnb li { float:left; /* background:red; width:25%;/* 사이즈2 */ text-align:left; line-height:50px;  border:0px solid black;  padding-right:100px}
 .tgnb a { display:block; font-size:17px; letter-spacing:-0.2px; color:black; cursor:pointer; font-weight:700; }
  
 .bar { width:0px;/* 사이즈2 */ margin:0 auto; height:1px; background:#EC0000; z-index:1; margin-top:4px; }
 .bar2 { width:0px;/* 사이즈2 */ margin:0 auto; height:1px; background:#EC0000; z-index:1; margin-top:4px; }
 .bar3 { width:0px;/* 사이즈2 */ margin:0 auto; height:1px; background:#EC0000; z-index:1; margin-top:4px; }
 .bar4 { width:0px;/* 사이즈2 */ margin:0 auto; height:1px; background:#EC0000; z-index:1; margin-top:4px; }
 .bar5 { width:0px;/* 사이즈2 */ margin:0 auto; height:1px; background:#EC0000; z-index:1; margin-top:4px; }
 .bar6 { width:0px;/* 사이즈2 */ margin:0 auto; height:1px; background:#EC0000; z-index:1; margin-top:4px; } 
  


@media only screen and (max-width: 800px) { 
	 .tgnb { display:none; }
	 .gnbbx { width:100%; background:white; height:50px; /*position:relative;*/  position:relative; z-index:2; border-bottom:1px solid #D5D5D5; }
	 .side3 { display:none; } .side4 { display:none; }

/* gnb02_final */
 .gnbbx2 { width:100%; background:none; height:50px; /*position:relative;*/  position:fixed; z-index:50; /*border-bottom:1px solid #d8d8d8;*/ background-color:#fff; }

}


 .warp_gnb { position:relative; z-index:999; }
 .sub_s { width:100%;  background:white; position:fixed; top:90px; height:0px;/* 사이즈조절 */ z-index:2; color:#fff; overflow:hidden; box-shadow: 1px 1px 1px #d5d5d5; }
 .sub_gbx { width:720px; padding-left:90px; /* 사이즈 */ margin:0 auto; /* background:red;*/  position:relative; overflow:hidden;} 
  

 .family_gnb  {  height:30px; padding-top:15px; } 
 .family_gnb li  { float:left; /*width:25%; 사이즈2 */  line-height:34px; text-align:center;  letter-spacing:-0.2px; font-size:16px; font-weight:400; }   
 
 .f_sub  li,
 .f_sub2 li,
 .f_sub3 li,
 .f_sub4 li,
 .f_sub5 li,
 .f_sub6 li     { float:none;   /*  추가 */ margin-top:2px; width:100%; text-align:left; } 
 
 .f_sub  li { width:186px;}
 .f_sub2 li { width:220px;}
 .f_sub3 li { width:115px;}
 .f_sub4 li { width:100px;}
 .f_sub5 li
 .f_sub6 li {}
 
 .f_sub  li a,
 .f_sub2 li a,
 .f_sub3 li a,
 .f_sub4 li a,
 .f_sub5 li a,
 .f_sub6 li a    { float:none;  text-decoration:none; color:#555;  cursor:pointer;    /*  추가 */ margin:0 auto; text-align:left;  } 
 
 .f_sub li:hover a,
 .f_sub2 li:hover a,
 .f_sub3 li:hover a,
 .f_sub4 li:hover a,
 .f_sub5 li:hover a,
 .f_sub6 li:hover a { float:none;  color:#00a2e5; text-decoration:underline; cursor:pointer;    /* width: 180px;*/  margin:0 auto;  } 
 
 /*
 .f_sub2 li     { float:none;    margin-top:2px; } 
 .f_sub2 li a    { float:none;  text-decoration:none;  color:#555;  cursor:pointer;     width: 180px;  margin:0 auto; text-align:left; display:block;  } 
 .f_sub3 li     { float:none;    margin-top:2px; } 
 .f_sub3 li a    { float:none  text-decoration:none;;  color:#555;  cursor:pointer;     width: 180px;  margin:0 auto; text-align:left; display:block;  } 
 .f_sub4 li     { float:none;    margin-top:2px; } 
 .f_sub4 li a    { float:none;  text-decoration:none;  color:#555;  cursor:pointer;     width: 180px;  margin:0 auto; text-align:left; display:block;  } 
 .f_sub5 li     { float:none;    margin-top:2px; } 
 .f_sub5 li a    { float:none;  text-decoration:none;  color:#555;  cursor:pointer;     width: 180px;  margin:0 auto; text-align:left; display:block;  } 
 .f_sub6 li     { float:none;    margin-top:2px; } 
 .f_sub6 li a    { float:none;  text-decoration:none;  color:#555;  cursor:pointer;     width: 180px;  margin:0 auto; text-align:left; display:block;  } 


 .f_sub li a:hover     { float:none;  color:#fff;   background:#CC0606; cursor:pointer;     width: 180px;  margin:0 auto;  display:block;  } 
 .f_sub2 li a:hover    { float:none;  color:#fff;  background:#CC0606; cursor:pointer;     width: 180px;  margin:0 auto;  display:block;  } 
 .f_sub3 li a:hover    { float:none;  color:#fff;  background:#CC0606; cursor:pointer;     width: 180px;  margin:0 auto;  display:block;  } 
 .f_sub4 li a:hover    { float:none;  color:#fff;  background:#CC0606; cursor:pointer;     width: 180px;  margin:0 auto;  display:block;  } 
 .f_sub5 li a:hover    { float:none;  color:#fff;  background:#CC0606; cursor:pointer;     width: 180px;  margin:0 auto;  display:block;  } 
 .f_sub6 li a:hover    { float:none;  color:#fff;  background:#CC0606; cursor:pointer;     width: 180px;  margin:0 auto;  display:block;  } 
*/
 .gnbon { color:green; }

 .logo2 { color:white; position:absolute; border:0px solid black; left:0; padding-left:20px; }
 .logo2 a { display:block; background:url('../../../img/common/logo.png')no-repeat; width:190px; margin-top:11px; height:42px; text-indent:-9999px; }

 .side2 { top: 17px;  border: 0px solid #dedede;   position: absolute;  right: 0;  /*float: right; */  margin-right: 80px;
  padding: 3px 4px;  font-size: 12px;  font-weight: 900; width:24px; height:19px;
	 background:url(../../../img/common/mmenu.png) no-repeat; background-position:center center;} 
 .side2 { display:none; cursor:pointer; }
/* gnb02_final */


	 @media (max-width: 940px) { 
 .logo2 { color:white; position:absolute; border:0px solid black; left:0; padding-left:20px; }
 .logo2 a { display:block; background:url('../../../img/common/logo.png')no-repeat; width:190px; margin-top:11px; height:42px; text-indent:-9999px; }
	 .logo3 { display:none; }  
	 .fix_m { display:none; }   
	 .go_inner { display:none; }  
	 .side3 { display:none; }  
	 .side4 { display:none; } 
	}


	 @media (max-width: 900px) { 
	 .logo2 { display:none; }
	 .logo3 { display:none; }  
	 .fix_m { display:none; }   
	 .go_inner { display:none; }  
	 .side3 { display:none; }  
	 .side4 { display:none; } 
	}



	 @media only screen and (max-width: 767.98px) { 
	  .side2 { display:block; cursor:pointer; }
 .logo2 { color:white; position:absolute; border:0px solid black; left:0; padding-left:0px;  /* left: 50%;  margin-left: -76px; */ display:block; }
 .logo3 {  color: white;  position: absolute;  border: 0px solid black;  left: 0;  padding-left: 0px;  display:block; }

 .logo2 a { display:block; background:url('../../../img/common/logo.png')no-repeat; width:190px; margin-top:11px; height:42px; text-indent:-9999px; background-size: 138px 29px; }
 .side2 { top: 16px;  border: 0px solid #dedede;   position: absolute;  right: 0; /*float: right; */   margin-right: 15px; padding: 3px 4px;  font-size: 12px;  font-weight: 900;  width:24px; height:19px; background:url(../../../img/common/mmenu.png) no-repeat; background-position:center center;} 
 .side2 { display:block; cursor:pointer; }


  .side2_m { top: 5px;  border: 0px solid #dedede;   position: absolute;  right: 0; /*float: right; */   margin-right: 8px; font-size: 12px;  font-weight: 900;  width:40px; height:40px; background:url(../../../img/head/icon_menu.png) no-repeat; background-position:center center; background-size:40px;} 
 .side2_m { display:block; cursor:pointer; }

  .scroll_side2_m { /*top: 16px;  border: 0px solid #dedede;   position: absolute;  right: 0;   margin-right: 15px; padding: 3px 4px;  font-size: 12px;  font-weight: 900;  width:24px; height:19px; background:url(../../../img/common/mmenu.png) no-repeat; background-position:center center;*/} 
 .scroll_side2_m { /*display:block; cursor:pointer;*/ }
 
}




/* subtop_navi */
  .sticky { position: fixed; top: 0; width: 100%;}  .sticky + .content { padding-top: 260px;}
  .stop_menu { width:100%; text-align:center; position:fixed; top:0px;  background:#fff; line-height:42px;   box-sizing: border-box; border-bottom:1px solid #D5D5D5;   z-index: 10; }
  .stop_menu a{  width: 100%;  font-size: 14px;    display: inline-block;  height: 41px;  font-weight:400; transition: width 0.2s;   color: #262626;  }
  .stop_in { width:1070px; margin:0 auto; position:relative; }
  .stop_in li { float:left; width:14.2%; }

 .sticky2 { position: fixed; top: 0; width: 100%;}  .sticky2 + .content { padding-top: 260px;}
 .stop_menu2 { width:100%; text-align:center; position:fixed; top:0px;  background:#fff; line-height:42px;   box-sizing: border-box; border-bottom:1px solid #D5D5D5; z-index: 10; }
 .stop_menu2 a{  font-size: 14px;  display:block;  line-height: 40px; font-weight:400; color:#262626; }
/* subtop_navi */








.baron a { border-bottom:2px solid #cc0000;  color:#de0505; }



/* main */
#header { position:fixed; font-size:15px; font-weight:bold; 
background:white; display:inline-block; width:100%; border-bottom:0px solid black; z-index:9999; 
box-shadow: 1px 0.1px 0.5px rgba(0,0,0,0.22); }

/*
#header:before { content:""; width:100%; background:#EDEDED; position:absolute;
 height:1px; top:60px; z-index:212px; }
 */

.tbox { max-width:1070px; width:100%; margin:0 auto; position:relative; border:0px solid black; text-transform:uppercase; /* line-height:58px; */ }
.logo { color:white; position:absolute; border:0px solid black; left:0;  }
.logo a { display:block; background:url('../../../img/common/logo.png')no-repeat; width:190px; margin-top:11px; height:42px; text-indent:-9999px; }
.side { position:absolute; right:0; float:right; text-align:right; margin-right:1%;   padding: 18px 0 20px 0; font-size:13px; } 

.gnb { width:900px; margin:0 auto;  position:relative; padding-left:160px; }
.gnb li { float:left; width:140px; text-align:center; font-weight:600; font-size:15px; letter-spacing:-0.2px; }
.gnb li a { display:block; }
 
 /*.sub:before { content:""; width:100px; height:2px; background:white; top:-13px; display:inline-block; position:relative; margin:0 auto; } */
 .sub { height:220px; border-right:0px solid black; display:none; }
 .sub li { width:140px; line-height:28px;  font-weight:700; font-size:13px;}
 .sub li:first-child { margin-top:0px; }
 
 .selected { background:#0060a1; color:white; border:none; }
 .selected li a {color:white; }
 .la a:hover {color:white; }
 
 .fc {color:white; }
 a.hth { /*line-height:58px;*/  padding: 18px 0 20px 0; letter-spacing:-0.2px; }

.vegas-slide-inner vegas-animation-kenburns {   background-size: none!important;}


/* visual */

.main_bg { background:url(../../../img/visual/01.jpg);
  width:100%;
  position: relative;
  min-height:861px;
  background-repeat: no-repeat;
  background-position: center top;
	/*
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;  	 */	
	}



 .visual { width: auto;  height:950px;  overflow: hidden;}

 
 .main_c {  position: absolute;  width: 100%;  text-align: center;  height: 100px;   top:35%;    color: #fff; font-weight:bold;   text-shadow: 0.2px 0.2px 0.2px #000; text-transform:uppercase; }
 .main_c .mc { font-size:55px; color: #fff; letter-spacing:-1px; }
 .main_c p { margin-top:15px; line-height:24px; display: block;  font-size: 18px;  letter-spacing: 0;  font-weight: 400;  text-transform: uppercase;    opacity: 1; font-weight:500; font-weight:700; }
 
 .marrow {  position: absolute;  bottom: 25px;  left: 0;  right: 0;
  margin: auto;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 30px;  height: 30px;  border-right: 2px solid #fff;  border-bottom: 2px solid #fff;  opacity: 0.4;}
 
 .masthead-video-credit {
  position: absolute;  bottom: 0;  right: 0;  color: #fff;  opacity: 0.6;  font-size: 12px;
  font-weight: 600;  letter-spacing: -0.02em;  padding-right: 10px;  bottom: 10px;
  text-decoration: none;  text-align: right;
  line-height: 1.5;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  transition: 0.2s ease all;}
 .masthead-video-credit span {  display: block;}



 /* visual animation */
  @keyframes kenburns {  
     0% { transform: scale(1); }
    100% { transform: scale(1); }
  }
 /* visual animation */





 /* visual_control */
 .visual_control { position:relative; width:1070px; margin:0 auto; }
 .control_bx {   display:table; padding-top:70% }
 .control_bx a { float:left; font-size:11px; }
 .control_bx a { border:2px solid white; width:38px; height:38px; 
  padding:0px; margin:1px; display:block; line-height:30px; text-align:center;
 color:#fff; text-transform:uppercase; font-size:6px; }
 
 .next { background:url(../../../img/common/next.png)no-repeat; }
 .previous {background:url(../../../img/common/pre.png)no-repeat; }
 .play { background:url(../../../img/common/play.png)no-repeat; }
 .stop { background:url(../../../img/common/stop.png)no-repeat; }
 
 .next:hover { background:url(../../../img/common/next_on.png)no-repeat; }
 .previous:hover {background:url(../../../img/common/pre_on.png)no-repeat; }
 .play:hover { background:url(../../../img/common/paly_on.png)no-repeat; }
 .stop:hover { background:url(../../../img/common/stop_on.png)no-repeat; }
 
 .play_active { background:url(../../../img/common/play_active.png)no-repeat; }
 .stop_active { background:url(../../../img/common/stop_active.png)no-repeat; }
 /* visual_control */






 .relative_wrap { border:0px solid red; width:60px; margin:0 auto; position:relative; }    
 .t_inner { width:100%; background:#111; position:absolute; top:25px; height:5px;/* 사이즈조절 */ overflow:hidden;  z-index:2; color:#fff; 
  overflow:hidden; opacity:0.4; }
 .t_inner a { color:white; font-weight:700; font-size:11px; text-transform:uppercase; }
 .t_inner a:hover { color:black; }
 .t_inner li { line-height:28px; padding-left:12px; }
 .t_inner .lang_site { padding-top:12px; }
 
 .btnopen { text-align:left; color:black; width:60px; line-height:25px; text-indent: 6px; background:cyan; height:25px;  position:relative; }
 .btnopen span { border:0px solid black; right: 10px; top: 10px; position:absolute; }
 
 .open_img1 { background:url(../../../img/picon.png) no-repeat; background-position:10 10;
  width:11px; height:11px; position:absolute; border:1px solid red; }
  
 .change1 { background:url(../../../img/picon2.png) no-repeat; width:11px; height:11px; position:absolute;  }