.mainxxio {}
.mainxxio .aside {position:absolute; top:0; left:-50px; width:200px; height:100%; text-align:left; z-index:99;  *zoom: 1; 	*display: inline; opacity: 0; }
.mainxxio .util a {float:left;width:100px;height:40px;text-indent:-9999px;background:url('/2017/images/common/set_bg_sidebar2.gif') no-repeat;}
.mainxxio .util .webhard {background-position:-100px 0;}
.mainxxio .m-navi {position:absolute; top:60px; left:20px; width:100%;}


.mainxxio .s1logo-srixon {position:absolute; bottom:60px; left:20px; width:100%;}

.rpro_w {right:-50px;opacity: 0; }



.mainxxio .m-util { border-left:1px solid #acacac; }
.mainxxio .m-util li {}
.mainxxio .m-util a {color:#acacac; padding:3px 0 3px 10px; display:block;}

.section .inner {width:100%; max-width:1120px; margin:0 auto; position:relative;}
.section .inner .s-block:after{display:block;content:'';clear:both;}
.section .inner .s-block .fl {}
.section .inner .s-block .fr {float:right; width:50%; max-width:560px; padding-left:8%; box-sizing: border-box; text-align:left;}
.section .inner .s-block .s-tit, .section .inner .s-block .mem-benefit, .section .inner .s-block p {position:relative;top:50px;opacity: 0; filter: alpha(opacity=0);}

/*.section .inner .s-tit {padding-top:10%;}*/
.section .inner .s-tit img {width:auto; max-width:100%;}

#section0 {}
#section0 .inner {text-align:left; width:100% !important; max-width:1120px !important; height:100%; position:relative;}
#section0 .pos {position:absolute; top:18%; left:-50px;opacity: 0; filter: alpha(opacity=0);}
#section0 .s-tit {margin-top:0px; margin-left:150px;}
#section0 .s-txt2 {margin-top:135px; vertical-align:top;}
#section0 .s-txt {margin-top:335px; vertical-align:top;}
#section0 .s-btn {margin-top:30px;}
#section0 .s-btn a.btn-sprod {display:inline-block; padding:8px 30px; width:90px; margin:0 10px; text-align:left; font-size:12px; border:2px solid #a5a6a8;  background:url(/2017/images/main/arr-mov1.png) no-repeat 90% 47%; color:#fff;}
#section0 .s-btn a.btn-sprod span {}

.bx-viewport, .bx-wrapper{ position:relative; width:100%; height:100% !important; top:0; left:0;}
.pcvisual {opacity: 0; filter: alpha(opacity=0);}
.pcvisual, .pcvisual li{ height: 100% !important;}
.pcvisual li{background-repeat: no-repeat; background-position: top center; background-size: cover;}
.bx-wrapper .bx-viewport{border: none !important;}

#section0 .bx-controls {position:absolute; bottom:10%; z-index:99; width:100%;}
#section0 .bx-wrapper .bx-pager .bx-pager-item,
#section0 .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; *zoom: 1; 	*display: inline;}
#section0 .bx-wrapper .bx-pager.bx-default-pager a {background: #9d856f;	text-indent: -9999px;	display: block;	width: 30px;	height: 3px;	margin: 0 5px;	outline: 0;}
#section0 .bx-wrapper .bx-pager.bx-default-pager a:hover,
#section0 .bx-wrapper .bx-pager.bx-default-pager a.active {	background: #ccc;}


.mainxxio .gw {display:none;}
@media (max-width: 1500px) {
  #section3 .cus_list .ctext .ctx02 {height:60px;}
}

@media (max-width: 1400px) {
  #section0 .pos {left:20% !important; top:50% !important}
  #section0 .pos2 {left:20% !important; top:50% !important}

  #section0 .s-tit img {width:70%;}
  #section0 .s-txt {font-size:14px; margin-top:10px; display:none;}
  #section0 .s-btn a.btn-sprod {margin:0;}
}

@media (max-width: 1280px) {
	.rpro_w {display:none;}
	/*#section0 .pos { left: 20% !important; top:110px !important;}*/
}
  
@media (max-width: 1200px) {  
  .pcvisual li {background-position:60% 0;}

  #section2 .mem-benefit-txt {font-size:13px}
  #section3 .cus_list .ctext br {display:none;}
  #section3 .cus_list .ctext .ctx02 {font-size:13px;}
}

@media (max-width: 1100px) {
  #section2 .mb-link {font-size:14px}
  #section3 .cus_list .cbox {margin:0 5px;}
  #section3 .cus_list .ctext .ctx02 {display:none;}
}


.minHeight .m-util {bottom:30px; width:auto;}
.minHeight .m-util li {float:left; width:auto;}
.minHeight .s1logo-srixon {bottom:22px; left:180px;}
.minHeight .rprolist .rpo .name {display:none}

.m-mpz {}
.m-mpz.main-popup-zone {position:absolute;}
.m-mpz .main-popup-con {top:65px; box-sizing: border-box; padding:0 30px;}
.m-mpz .main-popup-con .mpc-layer {text-align:center;}
.m-mpz .main-popup-con .mpc-layer .mpc-close {top:89%; right:0%; opacity:1;}
.pop_tit{width:80%;}
.m-mpz .main-popup-con .mpc-layer .btn-mpc-event {top: 46%; left: 34.8%; width: 30.6%; height: 5.7%; margin-left:0;}
.m-mpz .main-popup-con .mpc-layer .today-close {}

/*어워드 푸터*/
.mainxxio .m-util{bottom:220px;}
.mainxxio .s1logo-srixon{bottom:40px;}
.mainxxio .s1logo-srixon img{width:76px;}
.mainxxio .s1logo-srixon.flogo-cleve{left:150px;}
.mainxxio .s1logo-srixon.flogo-cleve:before{content:''; position:absolute; top:4px; left:-10px; width:1px; height:14px; background:#4e4f4f;}
.mainxxio .s1logo-srixon.flogo-cleve img{width:83px;} 
.mainxxio .s1logo-srixon.flogo-awrad{bottom:110px;}
.mainxxio .s1logo-srixon.flogo-awrad img{width:auto;}
.minHeight .m-util{bottom: 30px; width: auto;}
.minHeight .s1logo-srixon{bottom: 22px; left: 180px;}
.minHeight .s1logo-srixon.flogo-cleve{bottom: 22px; left: 275px;}
.minHeight .s1logo-srixon.flogo-awrad{bottom: 80px; left: 60px;}