@charset "utf-8";

 
#section1{background:  repeat-x; clear: both; height:900px;  }
#section1 .bx-wrapper { height:100%;   }
#section1 .bx-controls {  position:absolute; left:0; bottom:38%; width:100%; }
/*2018040*/
#section1 .bx-default-pager {display: /*none !important*/block; overflow:hidden; position:absolute; left:45%; bottom:150px;}
#section1 .bx-pager-item { float:left; margin:0 4px; }
#section1 .bx-pager-link { background: url(/common/img/main/bl_cir.png) no-repeat left top; width:16px; height:16px; display:block; text-indent: -10000px; background-size:100% 100%; }
#section1 .bx-pager-link.active { background: url(/common/img/main/bl_cir_on.png) no-repeat left top; width:16px; height:16px; background-size:100% 100%;}
#section1 .bx-controls-direction { display:none; } /*20180418*/
#section1 .bx-controls-auto { position:absolute; left:50%; bottom:147px; margin-left: 36px; }
/*2018040*/
#section1 .bx-controls-auto-item {display: none; float:right; margin:0;}
#section1 .bx-stop { background: url(/common/img/main/ico_stop.png) no-repeat left top; margin-left:30px; width:22px; height:21px; display:block; text-indent: -10000px; }
#section1 .bx-stop.active { display:none; margin-left:30px;}
#section1 .bx-start { background: url(/common/img/main/ico_play.png) no-repeat left top; width:22px; height:21px; display:block; text-indent: -10000px; }
#section1 .bx-start.active { display:none; }



#section1 .msize{position:absolute; height:100%; width: 100%; top: 90px; font-family: 'Open Sans', sans-serif; color:#fff;  font-size: 50px; text-transform: uppercase; font-weight: 800; line-height: 70px;}
/*#section1 .msize p.t1 {position:absolute; top:15%; left:6%; font-size: 90px; font-weight: bold; color:#fff;  line-height:1em; text-shadow:1px 1px 1px #000; transition-delay:0.6s background: url(/common/img/main/bl_cir_on.png) no-repeat left top;}*/
#section1 .msize p.t3 {position:absolute; top:30%;  width: 100%; height: 200px; text-align: center;}
#section1 .msize p.t4 {position:absolute; top:30%;   width:100%; height: 200px; text-align: center;}
#section1 .msize p.t5 {position:absolute; top:30%;  width: 100%; height: 200px; text-align: center;}
 
#section1 .v_group a { margin:0 auto; display:inline-block;}
#section1 .v_group {position:relative; left:100px; opacity: 0; filter: alpha(opacity=0); display: block; transition-delay: 1s; transition: all 0.9s ease-in-out; }
#section1 .v_group.active {left:0;opacity: 1; filter: alpha(opacity=100); }

#section1 .v_group .vi_mob{display:none;}
#section1 .scroll-icon{position:absolute; bottom:32px; left:50%; width:72px; margin-left:-36px; text-align:center;}
#section1 .scroll-icon span{display:block; color:#fff; font-weight:300; font-size:10px; opacity:0.75;filter:Alpha(opacity=75); margin-bottom:15px;}


.m_ban { position: relative;  }
.m_ban_slider { width:100%; height:100%;  }
.m_ban_slider li { float:left; width:100%; height:100%; overflow:hidden; position:relative; }
.m_ban_slider li.m1 { background: url(/common/img/ts/visual/main_visual_02.jpg) no-repeat center center; }
.m_ban_slider li.m2 { background: url(/common/img/ts/visual/main_visual_03.jpg) no-repeat center center; }
.m_ban_slider li.m3 { background: url(/common/img/ts/visual/main_visual_03.jpg) no-repeat center center; }
.m_ban_slider li.m4 { background: url(/common/img/ts/visual/main_visual_04.jpg) no-repeat center center; }
.m_ban_slider li.m5 { background: url(/common/img/ts/visual/main_visual_05.jpg) no-repeat center center; }
.m_ban_slider li div.v_group { z-index:3;}


.content-tit{color:#1c1a1a; text-shadow:1px 1px 1px #000; padding-bottom:36px; letter-spacing:-0.5px; font-size:28px; font-weight:200; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.content-tit strong{font-weight:400;}



.ctrl-btns {position: absolute; top: 36%; left: 100px;   }
.ctrl-btns span {position: absolute; top: 0; left: -999999px;}
.ctrl-btns .btn-prev {display: inline-block; background: url('/common/img/ts/main/arrow_left.png') 0 0 no-repeat; height: 40px; width: 46px;}
.ctrl-btns .btn-next {background: url('/common/img/ts/main/arrow_right.png') 0 0 no-repeat; height: 40px; width: 46px;}


#Mbanner{position:relative; background:#f0f0f0; border-top:1px solid #e1e1e1; clear:both;}
#Mbanner ul li{float:left; width:20%; text-align: center; padding:30px 0px;}



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

	#section1 .v_group p.t1 {position:absolute; bottom:15%; left:6%; font-size: 45px; font-weight: bold; color:#fff;  line-height:1em; text-shadow:1px 1px 1px #000; transition-delay:0.6s}
	#section1 .v_group p.t3 {position:absolute; bottom:28%; left:6%; font-size: 18px; color:#fff; text-shadow:1px 1px 1px #000; transition-delay:0.6s}
}

@media all and (max-width:1100px){
	#section1 {height: auto !important; }

	
	#section1 .bx-controls{bottom:15%;}
	#section1 .msize{font-size:30px;}

	.scroll-icon{display:none;}
	.video_wrap { display:none; position:absolute; left:0; top:0; width: 100%; height:100%; z-index:1;  }
	#section1 .bx-default-pager {  bottom:20px;  margin-left:0px;}
	#section1 .bx-controls-auto {  bottom:17px; }

	.m_ban_slider li.m1, .m_ban_slider li.m2, .m_ban_slider li.m3, .m_ban_slider li.m4, .m_ban_slider li.m5 { background-size:cover ;  }
	
	.m_ban_slider li.m1 {background-position: center 30px;}
	.m_ban_slider li.m3 {background-position: center 60px;  background: url(/common/img/visual/main_visual_03_mob.jpg) no-repeat center center;  background-size:cover ;}
	.m_ban_slider li.m4 {background-position: center 50px;}
	
	#section1 .bx-controls-auto {  left:55%;  }
	#Mbanner {display: none;}
}

/*
#section1{height:550px}
	.auto_slide .slide_wrap .poster img{height:550px}
*/
@media all and (max-width:640px){
	#section1 .msize{font-size:20px; line-height:20px;}
	#section1{height:550px}
	.auto_slide .slide_wrap .poster img{height:550px}

}


@media all and (max-width:640px){
	/*.m_ban_slider {  height:330px;  }
	 #section1 .bx-viewport {height: 330px !important;}*/
	#section1 .bx-default-pager {  margin-left:-30px;}
	#section1 .v_group .vi_mob{display:block;}	
	#section1 .v_group .vi_pc{display:none;}	

	/*#section1 .bx-wrapper { height:330px; }*/
	#section1 .v_group p.t2{display:none;}
	
	#section1 .bx-pager-link { width:10px; height:10px; }
	#section1 .bx-pager-link.active { width:10px; height:10px; }
	
	#section1 .v_group p.t1 {position:absolute; top:50%; left:20px; font-size: 25px; font-weight: bold; color:#fff;  line-height:1em; text-shadow:1px 1px 1px #000; transition-delay:0.6s}
	#section1 .v_group p.t3 {position:absolute; top:60%; left:20px; font-size: 12px; color:#fff; text-shadow:1px 1px 1px #000; transition-delay:0.6s}

	#section1 .wsize {background-color: #ff000; z-index:99;}
	.ctrl-btns {left: 20px; top:17%;}
	.ctrl-btns .btn-prev {background-size: 80%;}
	.ctrl-btns .btn-next {background-size: 80%;}
		
	
}
   
.scroll{background: url('/common/img/ts/common/scroll.png') no-repeat; position: absolute; width: 21px; height: 68px; z-index: 999; margin-top: 798px; margin-left: 49%;}


/* Style the tab */
.tabMenu{
  float: left;
}

.tab {
  overflow: hidden;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0 0 42px 0;
  font-size: 24px;
  text-align: left;
  width: 278px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background: url('/common/img/ts/main/tabhover.png') no-repeat 167px 25px;
}

/* Create an active/current tablink class */
.tab button.active {
  background: url('/common/img/ts/main/tabhover.png') no-repeat 167px 25px;
}

/* Style the tab content */
.tabcontent {
  display: none;
  position: absolute;
  z-index: -1;
  top: 198px;
  right: 80px;
}

.tabcontent div{
  margin-top: 63px;
}

.tabcontent div span{
  padding: 22px 42px;
  background-color: #192d8c;
  color: #fff;
  font-size: 18px;
  border-radius: 150px;
  float: right;
  margin-right: 44px;
}

/* Style the close button */
.topright {
  float: right;
  cursor: pointer;
  font-size: 28px;
}

/*visual 안에 들어가는 박스*/

.visual_boxwrap { z-index: 999; width: 60%; background-color: #f9f9f9; padding:120px; box-sizing:border-box; float:left; position:relative; padding-bottom: 250px;}
.tabTop {margin-top: 90px;}
.visual_boxwrap p:first-child {font-size: 60px; color: #333; font-weight: 700; letter-spacing: -4px;}
.visual_boxwrap .v_box01 {overflow:hidden; height: 170px }
.visual_boxwrap .v_box01 ul {float: left; display: inline-block;  }
.visual_boxwrap .v_box01 ul:first-child {width: 25%; height: 100%; background-color: #dddddd;}
.visual_boxwrap .v_box01 ul:first-child li {font-size:18px; color: #333; margin-top: 35px; margin-left: 35px;}
.visual_boxwrap .v_box01 ul:nth-child(2) {width: 48%; background-color:#fff; height: 100%;  padding-right:2%;}
.visual_boxwrap .v_box01 ul li a {display: block;}
.visual_boxwrap .v_box01 ul li a dl {display: block; padding: 35px 0; margin-left: 30px;}
.visual_boxwrap .v_box01 ul li a dl dt {font-size: 18px; color: #111; margin-bottom: 40px; line-height: 22px;}
.visual_boxwrap .v_box01 ul li a dl dd {color: #666; font-weight: 300;}

.v_box02 {clear:both; background: url('/common/img/ts/main/bg2.jpg') no-repeat; padding: 113px 0; margin: 0 auto; box-sizing: border-box;}
.v_box02 {text-align: center;}
.v_box02 p.txt {color: #fff !important;}
p.txt:first-child {font-size: 60px; text-align: center; letter-spacing: -4px; font-weight:600;}
p.txt:nth-child(2) {font-size: 20px; line-height: 32px; text-align: center; margin-top: 43px;}
.v_box02 div.companyBox {display: inline-block; margin-top: 108px;}
.v_box02 div.companyBox p {color: #192d8c; text-align: left;}
.v_box02 div.companyBox div:nth-child(2n) p {color: #2f96e5;}
.v_box02 div.companyBox div p:first-child {font-size: 28px; font-weight: 600; margin-bottom: 12px;}
.v_box02 div.companyBox div p:nth-child(2) {font-size: 18px;}
.v_box02 div.companyBox div {float: left;width: 285px; height: 384px; background-color: #fff !important; box-sizing: border-box; padding: 42px;}
.v_box02 div.companyBox div:first-child {background: url('/common/img/ts/main/company1.png') no-repeat right 0; cursor: pointer;}
.v_box02 div.companyBox div:nth-child(2) {margin: 0 20px; background: url('/common/img/ts/main/company2.png') no-repeat right 0; cursor: pointer;}
.v_box02 div.companyBox div:nth-child(3) {background: url('/common/img/ts/main/company3.png') no-repeat right 0; cursor: pointer;}
.v_box02 div.companyBox div:nth-child(4) {margin-left: 20px; background: url('/common/img/ts/main/company4.png') no-repeat right 0; cursor: pointer;}

@media all and (max-width:1200px){  
 .tabcontent {right: 115px;}
 .v_box02 {padding-top: 86px;}
 .v_box02 div.companyBox {padding: 0 13%; margin-top: 79px;}
 .v_box02 div.companyBox div {width: 49.3%; height: 235px;}
 .v_box02 div.companyBox div:nth-child(2n) {margin-left: 1%; margin-right: 0;}
 .v_box02 div.companyBox div:nth-child(3) {margin-top: 1%;}
 .v_box02 div.companyBox div:nth-child(4) {margin-top: 1%;}

 .v_box02 div.companyBox div:first-child {background: url('/common/img/ts/main/company1.png') no-repeat right 0 bottom; background-size: 73%;}
 .v_box02 div.companyBox div:nth-child(2) {background: url('/common/img/ts/main/company2.png') no-repeat right 0 bottom; background-size: 73%;}
 .v_box02 div.companyBox div:nth-child(3) {background: url('/common/img/ts/main/company3.png') no-repeat right 0 bottom; background-size: 73%;}
 .v_box02 div.companyBox div:nth-child(4) {background: url('/common/img/ts/main/company4.png') no-repeat right 0 bottom; background-size: 73%;}
}


@media all and (max-width:910px){ 
  .tabTop {margin-top: 50px;}
  .visual_boxwrap {padding: 70px; padding-bottom: 70%;}
  .tab {display: inline;}
  .tab button {font-size: 17px; width: auto;}
  .tabMenu div:nth-child(2n) button {padding: 0 28px 42px 28px;}
  .tabMenu div:nth-child(2n) button.active {background: url('/common/img/ts/main/tabhover.png') no-repeat 26px 29px;} 
  .tab button.active {background: url('/common/img/ts/main/tabhover.png') no-repeat 0 29px;}
  .tabcontent {left: 105px; top: 244px;}
  .tabcontent div span {margin-right: 0;}
  .tabcontent div {margin-top: 43px;}
  .tabcontent img {width: 100%;}
}

@media all and (max-width:640px){ 
  
  p.txt:first-child {font-size: 45px;}
  p.txt:nth-child(2) {font-size: 16px; line-height: 22px; padding: 0 53px;}
  .visual_boxwrap {padding: 40px; padding-bottom: 70%;}
  .visual_boxwrap p:first-child {font-size: 40px;}  
  .tabTop {margin-top: 35px;}
  .tab button {font-size: 16px;}
  .tabMenu div:nth-child(2n) button {padding: 0 14px 42px 14px;}
  .tabcontent div span {font-size: 16px; padding: 16px 33px;}
  .tabcontent {top: 200px; left: 52px;}
  .v_box02 div.companyBox div {height: 225px; width: 100%; margin: 5px 0 0 0;}
  .v_box02 div.companyBox div:nth-child(2n) {margin: 5px 0 0 0;}
  .v_box02 div.companyBox {padding: 0 6%;}
  .v_box02 {padding: 40px 0; background: url('/common/img/ts/main/bg2.jpg');}
  .v_box02 div.companyBox {margin-top: 39px;}
  .v_box02 div.companyBox div:first-child {background-size: 63%;}
  .v_box02 div.companyBox div:nth-child(2){background-size: 63%;}
  .v_box02 div.companyBox div:nth-child(3){background-size: 63%;}
  .v_box02 div.companyBox div:nth-child(4){background-size: 63%;}

}

@media all and (max-width:450px){ 
  
  .tab button {padding: 0 0 24px 0;}
  .tabMenu div:nth-child(2n) button {padding: 0 14px 24px 14px;}
  .tabMenu div:nth-child(4) button {padding: 0 14px 24px 0;}
  .tabcontent {left: 70px;}
}

.v_box03 {box-sizing: border-box;}
.v_box03 div.newsBox {width: 64%; margin: 0 auto; margin-top: 108px;}
.v_box03 div.newsBox>div div img {height: 182px;}
.v_box03 div.newsBox>div {display: inline-block; width: 32.6%; overflow: hidden;}
.v_box03 div.newsBox>div:first-child {float: left;}
.v_box03 div.newsBox>div:nth-child(2) {margin: 0 1.1%;}
.v_box03 div.newsBox>div:nth-child(3) {float: right;}
.v_box03 div.newsBox div p.newsName {font-size: 18px; color: #000; margin: 28px 0;}
.v_box03 div.newsBox div p:nth-child(3) {font-size: 13px; color: #666; line-height: 22px; font-weigth: 300; height: 150px;}
.v_box03 div.newsBox div p:nth-child(4) {font-size: 14px; color: #666; font-weight: 500;}


@media all and (max-width:1200px){  
 .v_box03 {padding: 86px 0; overflow: hidden;}
 .v_box03 div.newsBox {width: 116%; margin-left: 18%; margin-top: 76px;}
 .v_box03 div.newsBox div p.newsName {height: 44px; margin-bottom: 0;}
 .v_box03 div.newsBox>div {width: 28%}
 .v_box03 div.newsBox>div:nth-child(3) {display: none;}
}

@media all and (max-width:910px){  
 .v_box03 div.newsBox div p.newsName {height: 58px;}
 .v_box03 div.newsBox div p:nth-child(3) {height: 130px; overflow: hidden;}
 .v_box03 div.newsBox div p:nth-child(4) {margin-top: 20px;}
}

@media all and (max-width:640px){  
 .tabcontent img {width: 100%;}
 .v_box03 {padding: 40px 6%;}
 .v_box03 div.newsBox>div:nth-child(2){display: none;}
 .v_box03 div.newsBox {margin-left: 0%;}
 .v_box03 div.newsBox>div:first-child {width: 87%;}
 .v_box03 div.newsBox>div:first-child div img{width: 100%;}
 .v_box03 div.newsBox div p:nth-child(3) {height: 0;}

 }

p.txt:first-child {color: #333;}



.visual_boxwrap .v_box02 a {display: block; color: #fff; box-sizing: border-box;}
.visual_boxwrap .v_box02 a dl { display: block;float: left; width: 25%; background-color: #ccc;   height: 130px; padding: 35px 4.16%;}
.visual_boxwrap .v_box02 a dl dt {font-size: 20px; margin-bottom: 20px;}
.visual_boxwrap .v_box02 a dl dd {font-size: 13px; line-height: 16px; font-weight: 300;}
.visual_boxwrap .v_box02 a:first-child dl {background: url('/common/img/ts/main/icon_01.png') 90% 90% no-repeat #e45133; color: #fff;}
.visual_boxwrap .v_box02 a:nth-child(2) dl {background: url('/common/img/ts/main/icon_01.png') 90% 90% no-repeat #353d46;}
.visual_boxwrap .v_box02 a:nth-child(3) dl {background: url('/common/img/ts/main/icon_01.png') 90% 90% no-repeat #cd9655;}

.visual_boxwrapR { z-index: 999; width: 40%; background-color: #fff; padding:120px; box-sizing: border-box; float:right; position:relative;}
.visual_boxwrapR p.about {background: url('/common/img/ts/main/about.png') no-repeat; width:478px; height: 50px;}
.visual_boxwrapR p:nth-child(2) {font-size: 20px; margin-top: 65px; line-height: 32px;}
.visual_boxwrapR img {margin-top: 113px; position: absolute; left: 100px;}
.visual_boxwrapR dl dt {text-align: center; font-size: 25px; color: #fff; margin-bottom: 25px;}
.visual_boxwrapR dl dd {text-align: center; font-size: 12px; color: #fff; }

.visual_boxwrapR .v_boxL01 dl {margin-left: 50%; background-color:#3241bb; opacity: .8; height: 90px; padding: 35px 0;}
 
.visual_boxwrapR .v_boxL02 {overflow:hidden; }
.visual_boxwrapR .v_boxL02 dl {float: left; width: 50%;  height: 90px; padding: 35px 0;}
.visual_boxwrapR .v_boxL02 a:first-child dl {background-color: #00bfe0; opacity: .8;}
.visual_boxwrapR .v_boxL02 a:nth-child(2) dl {background-color: #74ac13; opacity: .8;}

.visual_boxwrapR .v_boxL03 dl {width: 50%; background-color: #652acc; opacity: .8; height: 90px; padding: 35px 0;} 



@media all and (max-width:1200px){  
	 .visual_boxwrap {width: 100%;}
	 .visual_boxwrapR {width: 100%; padding-bottom: 22%;}
	 .visual_boxwrapR img{top: 30px; position: absolute; left: 42%; z-index: -1;}
	 
}


@media all and (max-width:910px){  
     .visual_boxwrapR img{width: 41%; top: 27px; left: 51%;}
	 .visual_boxwrap {position: inherit; left:0;}
	 .visual_boxwrapR {position: inherit;  right: 0; padding: 70px; padding-bottom: 19%;}
	  

	 .visual_boxwrap {width: 100%;}
	 .visual_boxwrap .v_box01 ul:first-child {width: 33%;}
	 .visual_boxwrap .v_box01 ul:nth-child(2) {width: 65%;}

	 .visual_boxwrap .v_box02 {margin-left:0;}
	 
	 .visual_boxwrapR {width: 100%;}
	 .visual_boxwrapR p.about {background-size: 80%;}
}


@media all and (max-width:640px){  
	.visual_boxwrapR p.about {background-size: 63%;}
    .visual_boxwrapR p:nth-child(2){font-size: 16px; margin-top: 17px; line-height: 25px;}
	.visual_boxwrapR img {width: 52%; top: 17%; left: 38%;}
	.visual_boxwrapR {padding: 40px; padding-bottom: 38%;}	
	.visual_boxwrap .v_box02 a dl {width: 100%;  height: 60px;}

	.visual_boxwrap .v_box01 {height: 140px;}
	.visual_boxwrap .v_box01 ul li a dl dt {font-size: 15px;margin-bottom: 20px; padding-right: 20px;}
	.visual_boxwrap .v_box01 ul li a dl {padding: 20px 0;}
	
	.visual_boxwrapR .v_boxL01 dl {margin-left:0; height: 65px;}
	.visual_boxwrapR .v_boxL03 dl {width: 100%; height: 65px;}
	.mnum {display: none;}
}


/* 메인 :: news */
#mainnew{position:relative; width:100%;  }
.newInner{ width: 1400px;    margin: 0 auto;    font-size: 15px;    letter-spacing: -0.5px; padding:140px 0 50px 0;}
.newInner h3{margin-bottom:40px; font-family:MyriadPro, NotoSans,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; font-size:16px; font-weight:700; text-align:center; letter-spacing:5px; color:#000;}


.newInner .list_set:first-child{left:0;}
.newInner .slide_direction{margin-bottom:50px; text-align:center;}
.newInner .slide_direction a{overflow:hidden; display:inline-block; width:10px; height:10px; margin:0 5px; background:url(/resources/kr/images/index/sec7_slide_dot.png) 0 0 no-repeat; text-indent:-9999px;}
.newInner .slide_direction a:focus, .newInner .slide_direction a.on{background-position: 100% 0;}
.newInner .box{float:left; position:relative; width:320px; height:325px; margin-left:20px; background:#f4f4f4; cursor:pointer;}
.newInner .box.first{margin-left:0;}
.newInner .box a{display:block; height:275px; padding:50px 30px 0; }
.newInner .box h4{padding-bottom:20px; margin-bottom:20px; font-size:20px; font-weight:700; color:#000;}
.newInner .box .txt1{height: 110px;line-height:20px;font-size:14px;display:block;color:#666;/* white-space:nowrap; */text-overflow:ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newInner .box .more{position:absolute; left:30px; bottom:35px; padding:4px 40px 5px 15px; background:#fff url(/resources/kr/images/common/btn_bull1.png) 100% 1px no-repeat; border:1px solid #ccc; border-radius:50px; font-size:13px; font-weight:700; letter-spacing:0;}
.newInner .box:hover .more, .newInner .box:hover .focus{background-color:#215ea8; background-position:100% -50px; border-color:#215ea8; color:#fff;}
.newInner .box:hover h4{color:#215ea8;}

.newInner .bottom{overflow:hidden; padding-top:60px; width: 1000px;    margin: 0 auto;}
.newInner .bottom a{display:block; float:left; width:184px; height:50px; padding-left:148px; padding-top:20px; background-image:url(/common/img/main/sec8_icon.png); background-repeat:no-repeat; border-left:1px solid #adadad; font-size:17px; font-weight:700;}
.newInner .bottom a.banner1{background-position:77px 0; border-left:none 0;}
.newInner .bottom a.banner2{width:185px; background-position:77px -150px;}
.newInner .bottom a.banner3{background-position:77px -300px;}

#Mbanner{position:relative; background:#f0f0f0; border-top:1px solid #e1e1e1;}
#Mbanner ul li{float:left; width:20%; text-align: center; padding:30px 0px;}


@media all and (max-width:1399px){	
	.newInner {width:100%; padding:50px 0 50px 0;}
	.newInner .box{width:18%;}
	
}


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

	.newInner .box{height:auto; margin-bottom:20px;}
	.newInner .box{width:43%; }
	.newInner .box h4{padding-bottom:10px; margin-bottom:10px;}
	.newInner .box a{height:auto; padding:30px 30px 0; }
	.newInner .box .more{display:none;}
	.newInner .bottom{display:none;}
}

@media all and (max-width:900px){	
	.newInner {width:96%;}
	.newInner .box{float:none; width:auto; margin-left:0px;}
	.newInner .box .txt1{height:50px}
	#Mbanner{display:none;}

}


@media all and (max-width:600px){	
	.newInner .box .txt1{display:none;}	
	.newInner .box a{height:auto; padding:15px; }
	.newInner .box h4{padding-bottom:0px; margin-bottom:0px; font-size:14px; font-weight:700;}
	
}


/*태상메인페이지 슬라이드*/
/* 공통 슬라이더 */
.mod_slide{}
#section1 .bx-wrapper{position:relative; margin:0 !important}
#section1 .bx-wrapper > .bx-controls > .bx-pager{position: absolute;    left: 50%;    /* bottom: 15px; */    width: 50%;    height: 20px;    text-align: center; }
#section1 .bx-wrapper > .bx-controls > .bx-pager > .bx-pager-item{display:inline-block}
#section1 .bx-wrapper > .bx-controls > .bx-pager > .bx-pager-item > a{background-color: rgba(255, 255, 255, .5); border: 1px solid #fff; border-radius: 50%; display:inline-block;width:10px;height:10px;background-position:-30px 0;text-indent:-999em}
#section1 .bx-wrapper > .bx-controls > .bx-pager > .bx-pager-item > a.active{width:20px; border-radius: 20px; background-color: #fff;}
#section1 .bx-wrapper > .bx-controls > .bx-pager > .bx-pager-item + .bx-pager-item{margin-left:8px}
/*
#section1 .bx-controls-direction > .bx-prev{ position: absolute; left:192px; top: 56px; background: url('/common/img/ts/common/subleft.png') 0 0 no-repeat; width: 56px; height: 56px; color: rgba(255, 255, 255, .0);}
#section1 .bx-controls-direction > .bx-next{ position: absolute; left:250px; top: 56px; background: url('/common/img/ts/common/subright.png') 0 0 no-repeat; width: 56px; height: 56px; color: rgba(255, 255, 255, .0);}

*/
.bx-controls-direction > .disabled{display:none} 
.mod_slide.mod_slide_type2{}
.mod_slide.mod_slide_type2 .mod_thumb .list_thumb{margin-left:-3px}
.mod_slide.mod_slide_type2 .mod_thumb .list_thumb .box_thumb{margin-left:6px;margin-right:6px}
.mod_slide.mod_slide_type2 ul li:first-child > div{}
.mod_slide_type2 .mod_poster .box_thumb{}
/* 자동타입 */
.auto_slide{}
.auto_slide .bx-viewport{}
.auto_slide .slide_wrap .inner_slide{text-align:left}
.auto_slide .slide_wrap .poster{max-width:1660px}
.auto_slide .slide_wrap .mod_slogan > *{font-size:16px;line-height:28px;color:#fff}
.auto_slide .slide_wrap .mod_slogan .tit_slogan{font-size:36px;line-height:52px}
.auto_slide .bx-controls{position:absolute;left:0;bottom:10px;width:100%;text-align:center}
.auto_slide .bx-controls > *{position:relative;z-index:101}
 #section1 .auto_slide .bx-wrapper > .bx-controls{zoom:1}
 #section1 .auto_slide .bx-wrapper > .bx-controls:after{display:block;clear:both;content:''}
.auto_slide .bx-wrapper > .bx-controls > .bx-pager{display:inline-block}
.auto_slide .bx-wrapper > .bx-controls > .bx-pager,.auto_slide .bx-controls-auto{display:inline-block !important;position:relative;width:auto;vertical-align:top}
.auto_slide .bx-controls-auto{margin-top:-28px}
.auto_slide .bx-has-controls-auto .bx-controls-direction{position:absolute;top:-200px;width:100%}
.auto_slide .bx-controls-auto .bx-controls-auto-item{display:inline-block}
.auto_slide .bx-controls-auto .bx-controls-auto-item a{display:inline-block !important;margin:3px 0 0 5px;text-indent:-999em}
.auto_slide .bx-controls-auto .bx-controls-auto-item a.active{display:none !important}
.auto_slide .bx-controls-auto .bx-stop,.auto_slide .bx-controls-auto .bx-start{padding:5px 2px}
.auto_slide .bx-controls-auto .bx-stop{width:15px;height:10px;background-position:-231px -95px}
.auto_slide .bx-controls-auto .bx-start{width:15px;height:10px;background-position:-252px -95px}
.auto_slide .bx-controls-direction-img{position:relative;zoom:1}
.auto_slide .bx-controls-direction-img:after{display:block;clear:both;content:''}
.auto_slide .bx-controls-direction-img > div{float:left}
/* 슬라이드 */
.slider{max-width:100%}
.slider_container{overflow:hidden;position:relative;width:100%;height:400px;margin:0 auto 20px}
.slider_wrapper{overflow:hidden;position:relative;width:100%;margin:0 auto 20px;border:1px solid #eee}
.slider_viewport{overflow:hidden;position:absolute;top:0;left:0;width:100%;transition:all 800ms ease 0}
.slider_viewport > li{overflow:hidden;float:left;position:relative;width:100%;height:400px}
.slider_controls{position:relative}
.slider_controls *{display:inline-block;vertical-align:middle}
.slider_controls ul,.slider_controls ul > li{display:inline-block}
.slider_controls ul > li b{display:block;width:10px;height:10px;border-radius:50%;background:#000;text-indent:-999em}
.slider_controls .play.hide,.slider_controls .pause.hide{display:none}

@media all and (max-width:1200px){  
	 #section1 .bx-controls-direction > .bx-prev { left: 120px;}
	 #section1 .bx-controls-direction > .bx-next { left: 177px;}
	 
}

@media all and (max-width:910px){  
	 #section1 .bx-controls-direction > .bx-prev { left: 95px;}
	 #section1 .bx-controls-direction > .bx-next { left: 153px;}
	 
}

@media all and (max-width:640px){  
	 #section1 .bx-controls-direction > .bx-prev {display: none;}
	 #section1 .bx-controls-direction > .bx-next {display: none;}
	 
}









/*************  새로운 css **************************/



.m_ban { overflow:hidden; position:relative; }
.m_ban_slider { width:100%; height:100%; }
.m_ban_slider li { float:left; width:100%; height:100%; overflow:hidden; position:relative; }
.m_ban_slider li.m1 { background: url(/common/img/ts/visual/main_visual_01.jpg) no-repeat center center; }
.m_ban_slider li.m2 { background: url(/common/img/ts/visual/main_visual_02.jpg) no-repeat center center; }
.m_ban_slider li.m3 { background: url(/common/img/ts/visual/main_visual_03.jpg) no-repeat center center; }

.m_ban_slider li div.v_group { z-index:3;}


.video_wrap { position:absolute; left:0; top:0; width: 100%; height:100%; z-index:2; }
.bg_pt { position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; background:#000; opacity: 0.2; filter: alpha(opacity=20);  } /* url(../img/main/bg_pt.png) repeat left top*/
.vjs-tech { width:auto; height: auto; min-height: 100%; -webkit-tap-highlight-color: #fff; background: #fff; }


#section1 .bx-wrapper { height:100%; }
#section1 .bx-controls { position: absolute;    left: 0;    bottom: 20%;    width: 100%; }
#section1 .bx-default-pager {    overflow: hidden;     position: absolute;    left: 45%;    bottom: 10%;    /* margin-left: -20%;*/}
#section1 .bx-pager-item { float:left; margin:0 4px; }
#section1 .bx-pager-link { background: url(/common/img/main/bl_cir.png) no-repeat left top; width:16px; height:16px; display:block; text-indent: -10000px; background-size:100% 100%; }
#section1 .bx-pager-link.active { background: url(/common/img/main/bl_cir_on.png) no-repeat left top; width:16px; height:16px; background-size:100% 100%;}
#section1 .bx-controls-direction { display:none; }
#section1 .bx-controls-auto { position:absolute; left:50%; bottom:147px; margin-left: 36px; }
#section1 .bx-controls-auto-item { float:right; margin:0;}
#section1 .bx-stop { background: url(/common/img/main/ico_stop.png) no-repeat left top; margin-left:30px; width:22px; height:21px; display:block; text-indent: -10000px; }
#section1 .bx-stop.active { display:none; margin-left:30px;}
#section1 .bx-start { background: url(/common/img/main/ico_play.png) no-repeat left top; width:22px; height:21px; display:block; text-indent: -10000px; }
#section1 .bx-start.active { display:none; }
#section1 .wsize{position:relative; height:100%; }
#section1 .v_group p.t1 {position:absolute; top: 36%;  width:100%; font-family: 'Open Sans', sans-serif; color:#fff;  font-size: 50px; text-transform: uppercase; font-weight: 800; line-height: 70px; text-align:center;}

/*#section1 .v_group p { text-align:center; }
#section1 .v_group p.t1 {	font-size: 50px; font-weight: bold; color:#fff; padding-top:250px; line-height:1.4em; }
#section1 .v_group p.t2 { font-size: 22px; color:#fff; line-height:1.6em; margin-bottom: 30px; text-shadow:1px 1px 1px #000; transition-delay:0.6s }
#section1 .v_group p.t3 { text-align:center; }
*/
#section1 .v_group a { margin:0 auto; display:inline-block;}
#section1 .v_group {position:relative; left:100px; opacity: 0; filter: alpha(opacity=0); display: block; transition-delay: 1s; transition: all 0.9s ease-in-out; }
#section1 .v_group.active {left:0;opacity: 1; filter: alpha(opacity=100); }

#section1 .v_group .vi_mob{display:none;}
#section1 .scroll-icon{position:absolute; bottom:32px; left:50%; width:72px; margin-left:-36px; text-align:center;}
#section1 .scroll-icon span{display:block; color:#fff; font-weight:300; font-size:10px; opacity:0.75;filter:Alpha(opacity=75); margin-bottom:15px;}



.content-tit{color:#1c1a1a; text-shadow:1px 1px 1px #000; padding-bottom:36px; letter-spacing:-0.5px; font-size:28px; font-weight:200; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.content-tit strong{font-weight:400;}



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

	
}

@media all and (max-width:1100px){
	
	.scroll-icon{display:none;}
	.video_wrap { display:none; position:absolute; left:0; top:0; width: 100%; height:100%; z-index:1;  }
	#section1 .bx-default-pager {  bottom:20px;  margin-left:0px;}
	#section1 .bx-controls-auto {  bottom:17px; }

	.m_ban_slider li.m1, .m_ban_slider li.m2, .m_ban_slider li.m3, .m_ban_slider li.m4, .m_ban_slider li.m5 { background-size:cover ;  }
	
	.m_ban_slider li.m1 {background-position: center 30px;}
	.m_ban_slider li.m3 {background-position: center 60px;   background-size:cover ;}
	.m_ban_slider li.m4 {background-position: center 50px;}
	
	#section1 .bx-controls-auto {  left:55%;  }

	#section1 .v_group p.t1{font-size:30px; line-height:35px;}

}


@media all and (max-width:640px){
	.m_ban_slider {  height:500px; }
	#section1 .bx-default-pager {  margin-left:0px;}
	#section1 .v_group .vi_mob{display:block;}	
	#section1 .v_group .vi_pc{display:none;}	

	#section1 .bx-wrapper { height:500px; }
	#section1 .v_group p.t2{display:none;}
	
	#section1 .bx-pager-link { width:10px; height:10px; }
	#section1 .bx-pager-link.active { width:10px; height:10px; }

	#section1 .bx-controls{bottom:10%;}

	#section1 .v_group p.t1{top:20%; }


	
	


}