/* 상단영역 */
.header {position:fixed; left:0; top:0; width:100%; height:90px;  z-index:99;}
.header .tLogo {position:absolute; top:30px; left:5%; width:160px; height:46px; background:url(/image/logo_new.png) no-repeat; background-size:100%; }
.header .nav {position:absolute; top:50px; left:50px; width:60px; height:60px; background:url(/image/icon_nav_w.png) no-repeat center rgba(0,0,0,.7); background-size:30px auto; border-radius:50%;}
.header .utilDiv {position:absolute; top:0; right:5%; padding-top:52px;}
.header .utilDiv .customerBt {position:relative; float:left;  margin:0px 14px 0 0; text-align:center; font-size:13px; cursor:pointer;}
.header .utilDiv .customerBt .sInline {letter-spacing:0.2px; font-size:12px; font-weight:600;}
.header .utilDiv .customerBt .sBlock {letter-spacing:0.2px; font-size:12px; font-weight:600; display:block;}
.header .utilDiv .customerBt .btnCout {background:#222; margin:2px 0 0 0; padding:2px 5px;  font-size:10px; font-weight:600; border-radius:3px; letter-spacing:0.2px; display:inline-block;}
.header .utilDiv .customerBt.out a {clear:both; margin:20px 0 0 0 !important; padding:3px 7px; font-size:10px; font-weight:600; vertical-align:bottom; letter-spacing:0; border:1px solid rgba(255,255,255,.3); border-radius:3px;}
.header .utilDiv img {vertical-align:middle;}
.header .iconW {display:inline-block;}
.header .iconB {display:none;}

.header.on .iconW {display:none;}
.header.on .iconB {display:inline-block;}

.header.fixed {position:fixed; background:#fff;}



@media all and (max-width:860px) {
	.header {height:70px;}
	.header .nav {top:20px; left:20px; width:35px; height:35px; background-size:20px auto;}
}



/* 메인 */
.wrap {width:100%;}
.wrap img {width:100%;}



/* 메인 ABOUT */
.mAboutWrap {position:relative; width:100%; padding:0; overflow:hidden; margin:150px 0;}
.mAbout {float:right; width:90%;}
.mAbout .title {font-size:40px; padding:10px 60px 0 0; font-weight:600; color:; line-height:1.2; letter-spacing:-1px; }
.mAbout .title strong {font-size:50px; font-weight:600; color:#000; line-height:1.2;}
.mAbout .title .mid {padding:20px 0 0 0; line-height:1.4; letter-spacing:-0.2px;}
.mAbout .title .br {display:block;}
.mAbout .aWrap {width:110%; margin:40px 0 0 0; }


.gallSec {position:relative; width:95%; margin:0; border-radius:15px; border:1px solid rgba(0,0,0,.1); overflow:hidden;}
.gallSec .pic {width:100%; height:auto; text-align:center; overflow:hidden; }
.gallSec .pic img {width:100%;	height:auto; margin: 0 auto;}
.gallSec .textWrap {padding:20px 50px 40px 50px;}
.gallSec .num {font-size:35px; color:#0088ff; font-weight:600;}
.gallSec .name {padding:0px 0 20px 0; font-size:30px; font-weight:500;}
.gallSec .txt {font-size:17px; color:rgba(0,0,0,.5);}


.gallBtn {position:absolute; left:0; top:349px;}
.btnL {width:40px; height:40px;	background:url(/image/btnL.png) no-repeat center center #fff;	background-size: 10px auto;	border: 1px solid #ebebeb;	display: inline-block;	cursor: pointer;}
.btnR {width:40px; height:40px; margin: 0 0 0 -5px; background:url(/image/btnR.png) no-repeat center center #fff;	background-size: 10px auto;	border: 1px solid #ebebeb; display: inline-block; cursor: pointer;}

@media only screen and (max-width: 1500px) {
	.mAbout {}
	.mAbout .left1 {font-size:16px;}
	.mAbout .left1 .small {font-size:16px;}
	.mAbout .left1 strong {font-size:55px;}
	
	.gallSec .name {}
}

@media only screen and (max-width: 1300px) {
	.mAboutWrap {margin:120px auto;}
	.mAbout .title {font-size:30px;}
	.mAbout .title strong {font-size:30px;}
	.gallSec .num {font-size:30px;}
	.gallSec .name {padding:0px 0 15px 0; font-size:22px;}
	.gallSec .txt {font-size:14px;}
}

@media only screen and (max-width: 1100px) {
	.mAboutWrap {margin:100px auto;}
	.mAbout {float:none; width:90%; margin:0 auto;}
	.mAbout .left1 {float:none; width:100%; padding:0; font-size:14px; letter-spacing:-0.8px; }
	.mAbout .left1 .br {margin:0 15px 0 0; display:inline-block;}
	.mAbout .left1 .small {padding:0 0 0px 0;}
	.mAbout .left1 strong {font-size:40px;}
	.mAbout .left1 .mid {padding:7px 0 15px 0;}
	.mAbout .right1 {float:none; width:100%;}
	.gallSec .iconArrow img {width:30px; height:auto;}
	
	.mAbout .aWrap {margin:20px 0 0 0; }
	.mAbout .title {font-size:25px;}
	.mAbout .title strong {font-size:35px;}
	
	.gallSec .textWrap {padding:20px;}
	.gallSec .name {}
	.gallSec .name strong {font-size:25px;}
}

/* @media only screen and (max-width: 620px) {
	.mAbout .right1 .rightSec {width:100%;}
	
} */

@media only screen and (max-width: 860px) {
	.mAbout .left1 strong {font-size:38px;}
	.mAbout .left1 .br {margin:0 10px 0 0px; }
	.mAbout .title {font-size:22px;}
	.mAbout .title strong {font-size:30px;}
	.gallSec .num {font-size:17px;}
	.gallSec .name {font-size:18px;}
	.gallSec .txt {font-size:13px;}
}

@media only screen and (max-width: 620px) {
	.mAboutWrap {margin:90px auto;}
	.mAbout .left1 strong {font-size:33px;}
	.mAbout .left1 .br {margin:0 10px 0 0px; }
	.mAbout .title {font-size:18px;font-weight:500;}
}

@media only screen and (max-width: 460px) {
	.mAboutWrap {margin:90px auto;}
	.mAbout .left1 {font-size:13px; color:rgba(0,0,0,.7);}
	.mAbout .left1 strong {font-size:30px;}
	
	.mAbout .title {font-size:15px; }
	.mAbout .title strong {font-size:22px;}
	.mAbout .title .br {display:inline;}
	.gallSec .name { font-size:12px;}
	.gallSec .name strong {font-size:22px;}
}



/* 로그인 */
.signTop {position:absolute; top:0; left:50%; transform:translateX(-50%); width:100%; height:380px; background:url(/image/login_bg.jpg) center; background-size:cover; z-index:-1;}
.signIn {width:547px; margin:420px auto 0;}
.signIn .logo {width:200px; margin:0 auto;}
.signIn .logo img {width:100%;}
.signIn .cont {padding:20px 65px;}
.fcGreen {color:#1e3450 !important; }
.bold {font-weight:600;}

@media all and (max-width:768px) {
	.signTop {height:300px;}
	.signIn {width:420px; margin:340px auto 0;}
	.signIn .cont {padding:15px 30px;}
}

@media all and (max-width:460px) {	
	.signTop {height:280px;}
	.signIn {width:340px; margin:320px auto 0;}
	.signIn .logo {width:150px;}
	.signIn .cont {padding:15px 0;}
}

.th {padding:25px 0 0 0; font-size:14px; font-weight:500;}
.td {width:100%;}
.td input {width:100%; height:40px; background:rgba(28,32,40,.02); border-bottom:1px solid #dadde1; border-top:0; border-left:0; border-right:0;}
input.trans {background:none !important;}
.td select {width:100%; height:40px; background:rgba(28,32,40,.02); border-bottom:1px solid #dadde1; border-top:0; border-left:0; border-right:0;}
.td:hover input {border-bottom:2px solid #1c2028; transition:all .5s;}
.td.basic {height:40px; background:rgba(28,32,40,.05); line-height:40px; border-bottom:1px solid #dadde1;}
.btnJoin {width:100%; height:55px; background:#1c2028; margin:30px 0 0 0; color:#fff; font-size:17px; font-weight:600; line-height:55px; text-align:center; border-radius:4px; cursor:pointer;}
.btnJoin:hover {background:#1e3450; color:#fff; font-weight:600;}
.sLink {width:80%; margin:20px auto 0;}
.sLink p {float:left; padding:0 20px; font-size:13px; text-align:center;}
.sLink p:nth-child(2) {border-left:1px solid rgba(0,0,0,.1); border-right:1px solid rgba(0,0,0,.1);}

.allCheck {padding:10px 0; margin:0 0 10px 0; font-size:16px; font-weight:500; border-bottom:1px solid rgba(0,0,0,.1);}
input.check {height:auto; vertical-align:middle;}
.yakLine {padding:7px 0;}
.yakLine .more {float:right; color:rgba(0,0,0,.5); font-weight:500; text-decoration:underline; cursor:pointer;}

.yakBox {margin:0 0 10px 0; padding:20px; border:1px solid rgba(0,0,0,.15);}
.yakBox .more {float:right; color:rgba(0,0,0,.5); font-weight:500; text-decoration:underline; cursor:pointer;}

.dd-select {height:40px; background:url(/image/icon_down.png) no-repeat right center; border-bottom:1px solid #dadde1 !important;}

@media all and (max-width:930px) {
	.th {padding:20px 0 0 0; font-size:13px;}
	.td input {height:35px;} 
	.btnJoin {height:50px; font-size:14px; line-height:50px;}
	.sLink {width:90%;}
}

@media all and (max-width:400px) {
	.sLink p {padding:0 10px; font-size:12px;}
}


.popBack0 {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:100; display:none;}
.popList0 {position:absolute; top:50%; left:50%; width:700px; transform:translate(-50%, -50%); border-radius:10px; overflow:hidden; box-shadow:0 10px 10px rgba(0,0,0,.5);}
.popList0 .close {position:absolute; top:15px; right:15px; width:20px; height:20px; background:url(/image/icon_x_w.png) no-repeat center; border-radius:50%; display:inline-block; cursor:pointer;}
.popList0 .title {background:#1c2028; padding:15px; color:#fff; font-size:17px; font-weight:600;}
.popList0 .pList {background:#fff; height:550px; padding:25px; font-size:13px; }
.popList0 .pList .search {height:30px; background:rgba(0, 0, 0, 0.02); border:1px solid rgba(0, 0, 0, 0.2);}
.popList0 .pList .selOK {height:30px; padding:0 15px; background:#1c2028; color:#fff; border:0;}
.popList0 .pList .tableList {height:420px; margin-top:15px; overflow-y:auto; }
.popList0 .pList ul {width:100%; display:flex; justify-content:space-around;}
.popList0 .pList ul li {padding:8px; text-align:center; }
.popList0 .pList ul li:nth-child(1) {width:10%;}
.popList0 .pList ul li:nth-child(2) {width:30%;}
.popList0 .pList ul li:nth-child(3) {width:25%;}
.popList0 .pList ul li:nth-child(4) {width:35%;}
.popList0 .pList .th {background:rgba(0,0,0,.02);  border-top:1px solid #1c2028; border-bottom:1px solid rgba(0,0,0,.1);}
.popList0 .pList .td {border-bottom:1px dashed rgba(0,0,0,.1); }
.popList0 .pList input {height:auto;}
.popList0 .btnWrap {clear:both; width:100%; margin-top:15px; padding:0; text-align:center; }
.popList0 .btnWrap .bOk {background:#1c2028; padding:7px 35px; color:#fff; line-height:1; border-radius:3px; display:inline-block;}
.popList0 .btnWrap .bCa {background:#eee; padding:7px 35px; line-height:1; border-radius:3px; display:inline-block;}

@media all and (max-width: 720px) {
	.popList0 {width:95%;}
}

.popBack1 {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:100; display:none;}
.popList1 {position:absolute; top:50%; left:50%; width:700px; transform:translate(-50%, -50%); border-radius:10px; overflow:hidden; box-shadow:0 10px 10px rgba(0,0,0,.5);}
.popList1 .close {position:absolute; top:15px; right:15px; width:20px; height:20px; background:url(/image/icon_x_w.png) no-repeat center; border-radius:50%; display:inline-block; cursor:pointer;}
.popList1 .title {background:#1c2028; padding:15px; color:#fff; font-size:17px; font-weight:600;}
.popList1 .pList {background:#fff; height:550px; padding:25px; font-size:13px;}
.popList1 .pList .search {height:30px; background:rgba(0, 0, 0, 0.02); border:1px solid rgba(0, 0, 0, 0.2);}
.popList1 .pList .selOK {height:30px; padding:0 15px; background:#1c2028; color:#fff; border:0;}
.popList1 .pList .tableList {height:420px; margin-top:15px; overflow-y:auto; }
.popList1 .pList ul {width:100%; display:flex; justify-content:space-around;}
.popList1 .pList ul li {padding:8px; text-align:center; }
.popList1 .pList ul li:nth-child(1) {width:10%;}
.popList1 .pList ul li:nth-child(2) {width:30%;}
.popList1 .pList ul li:nth-child(3) {width:25%;}
.popList1 .pList ul li:nth-child(4) {width:35%;}
.popList1 .pList .th {background:rgba(0,0,0,.02);  border-top:1px solid #1c2028; border-bottom:1px solid rgba(0,0,0,.1);}
.popList1 .pList .td {border-bottom:1px dashed rgba(0,0,0,.1); }
.popList1 .pList input {height:auto;}
.popList1 .btnWrap {clear:both; width:100%; margin-top:15px; padding:0; text-align:center; }
.popList1 .btnWrap .bOk {background:#1c2028; padding:7px 35px; line-height:1;  color:#fff; border-radius:3px; display:inline-block;}
.popList1 .btnWrap .bCa {background:#eee; padding:7px 35px; line-height:1; border-radius:3px; display:inline-block;}

@media all and (max-width: 720px) {
	.popList1 {width:95%;}
}

.popBack2 {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:100; display:none;}
.popList2 {position:absolute; top:50%; left:50%; width:700px; transform:translate(-50%, -50%); border-radius:10px; overflow:hidden; box-shadow:0 10px 10px rgba(0,0,0,.5);}
.popList2 .close {position:absolute; top:15px; right:15px; width:20px; height:20px; background:url(/image/icon_x_w.png) no-repeat center; border-radius:50%; display:inline-block; cursor:pointer;}
.popList2 .title {background:#1c2028; padding:15px; color:#fff; font-size:17px; font-weight:600;}
.popList2 .pList {background:#fff; height:550px; padding:25px; font-size:13px;}
.popList2 .pList .search {height:30px; background:rgba(0, 0, 0, 0.02); border:1px solid rgba(0, 0, 0, 0.2);}
.popList2 .pList .selOK {height:30px; padding:0 15px; background:#1c2028; color:#fff; border:0;}
.popList2 .pList .tableList {height:420px; margin-top:15px; overflow-y:auto; }
.popList2 .pList ul {width:100%; display:flex; justify-content:space-around;}
.popList2 .pList ul li {padding:8px; text-align:center; }
.popList2 .pList ul li:nth-child(1) {width:10%;}
.popList2 .pList ul li:nth-child(2) {width:30%;}
.popList2 .pList ul li:nth-child(3) {width:25%;}
.popList2 .pList ul li:nth-child(4) {width:35%;}
.popList2 .pList .th {background:rgba(0,0,0,.02);  border-top:1px solid #1c2028; border-bottom:1px solid rgba(0,0,0,.1);}
.popList2 .pList .td {border-bottom:1px dashed rgba(0,0,0,.1); }
.popList2 .pList input {height:auto;}
.popList2 .btnWrap {clear:both; width:100%; margin-top:15px; padding:0; text-align:center; }
.popList2 .btnWrap .bOk {background:#1c2028; padding:7px 35px; line-height:1; color:#fff; border-radius:3px; display:inline-block;}
.popList2 .btnWrap .bCa {background:#eee; padding:7px 35px; line-height:1; border-radius:3px; display:inline-block;}

@media all and (max-width: 720px) {
	.popList2 {width:95%;}
}

.popBack3 {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:100; display:none;}
.popList3 {position:absolute; top:50%; left:50%; width:700px; transform:translate(-50%, -50%); border-radius:10px; overflow:hidden; box-shadow:0 10px 10px rgba(0,0,0,.5);}
.popList3 .close {position:absolute; top:15px; right:15px; width:20px; height:20px; background:url(/image/icon_x_w.png) no-repeat center; border-radius:50%; display:inline-block; cursor:pointer;}
.popList3 .title {background:#1c2028; padding:15px; color:#fff; font-size:17px; font-weight:600;}
.popList3 .pList {background:#fff; height:550px; padding:25px; font-size:13px;}
.popList3 .pList .search {height:30px; background:rgba(0, 0, 0, 0.02); border:1px solid rgba(0, 0, 0, 0.2);}
.popList3 .pList .selOK {height:30px; padding:0 15px; background:#1c2028; color:#fff; border:0;}
.popList3 .pList .tableList {height:420px; margin-top:15px; overflow-y:auto; }
.popList3 .pList ul {width:100%; display:flex; justify-content:space-around;}
.popList3 .pList ul li {padding:8px; text-align:center; }
.popList3 .pList ul li:nth-child(1) {width:10%;}
.popList3 .pList ul li:nth-child(2) {width:30%;}
.popList3 .pList ul li:nth-child(3) {width:25%;}
.popList3 .pList ul li:nth-child(4) {width:35%;}
.popList3 .pList .th {background:rgba(0,0,0,.02);  border-top:1px solid #1c2028; border-bottom:1px solid rgba(0,0,0,.1);}
.popList3 .pList .td {border-bottom:1px dashed rgba(0,0,0,.1); }
.popList3 .pList input {height:auto;}
.popList3 .btnWrap {clear:both; width:100%; margin-top:15px; padding:0; text-align:center; }
.popList3 .btnWrap .bOk {background:#1c2028; padding:7px 35px; line-height:1; color:#fff; border-radius:3px; display:inline-block;}
.popList3 .btnWrap .bCa {background:#eee; padding:7px 35px; line-height:1; border-radius:3px; display:inline-block;}

@media all and (max-width: 720px) {
	.popList3 {width:95%;}
}


/* 홈페이지 */
/* Main Visual */
#mainVisual{overflow:hidden; /* height:969px; */height:100vh; min-height:700px; position:relative;}
.main-visual-wrapper{position:relative; height:100%; }
/* 메인비주얼 :: 이미지 */
.main-visual-slider {
	overflow:hidden;
	width:100%;
	height:100%;
	background-color:#000;
}
.main-visual-slider .swiper-slide {
	overflow: hidden;
	color: #fff;
}
.main-visual-slider .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 1;
    background: -moz-linear-gradient(top, black 0, transparent 50%, transparent 63%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-linear-gradient(top, black 0, transparent 50%, transparent 63%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, black 0, transparent 50%, transparent 63%, rgba(0, 0, 0, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#c9000000', GradientType=0);
    transition: all 2.5s ease;
}
.main-visual-slider .swiper-slide-duplicate-active .overlay,
.main-visual-slider .swiper-slide-active .overlay {
    opacity: .7;
}
.main-visual-slider .swiper-slide .visual-img{position:absolute; top:0px; left:0px; bottom:0px; right:0px; width:1649px; height:969px;; width:100%; /* background-size:cover !important; */}
.main-visual-slider .swiper-container {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.main-visual-slider .slide-inner {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background-size: cover;
	background-position: center;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: left;
}

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

/* 메인비주얼 :: 텍스트 */
.main-visual-item .visual-txt-con{position:absolute; bottom:45%; left:10%; z-index:11; color:#000; font-size:20px;}
.main-visual-item .visual-txt-con span{display:block; transform:translateY(100%)}
.main-visual-item .visual-txt-con .main-visual-tit{overflow:hidden; font-size:3em; font-weight:700; margin-bottom:0.58em;}
.main-visual-item .visual-txt-con .main-visual-tit.test{font-weight:400;}
.main-visual-item .visual-txt-con .main-visual-txt{width:60%; overflow:hidden; font-size:0.9em; font-weight:300; line-height:1.4; letter-spacing:-0.7px; opacity:0.5; }
.main-visual-item .visual-txt-con .main-visual-btn-box{overflow:hidden; margin-top:2.2em; }
.main-visual-item .visual-txt-con .main-visual-btn{overflow:hidden; width:185px; border:0; text-align:left; border-bottom:1px solid #fff; padding:22px 0; text-align:left; transform:translateY(100%)}
.main-visual-item .visual-txt-con .main-visual-btn:before{background-color:#fff;}
.main-visual-item .visual-txt-con .main-visual-btn em{display:inline-block; font-size:15px; font-weight:700; letter-spacing:0.25px; }
.main-visual-item .visual-txt-con .main-visual-btn i{position:absolute; top:50%; right:0px; margin-top:-10px; font-size:20px; transition:all 0.3s}

@media all and ( min-width: 1921px ) , ( min-height: 969px ), ( max-width: 1366px) {
	.main-visual-slider .swiper-slide .visual-img{height:100%; background-size:cover !important;}
	.main-visual-slider .swiper-slide .visual-img img{display:none}
}

@media all and ( max-width: 1536px ){
	
	/* -------- 사이드 -------- */
	/* 메인 비주얼 :: 사이드 :: 텍스트 */
	.main-visual-side-con{width:175px; top:133px;}

	/* 메인비주얼 :: 텍스트 */
	.main-visual-item .visual-txt-con{ font-size:16px;}

	/* 메인 비주얼 :: Custom Bullet */
	.main-visual-pagination{bottom:33px;}
	.main-visual-pagination .main-visual-paging-item{margin-left:15px;}
	.main-visual-pagination span{width:100px; height:57px;}
}
@media all and ( max-width: 1024px ){
	.main-visual-wrapper{margin-left:0}
	/* -------- 사이드 -------- */
	.main-visual-side-con{display:none;}
	/* 메인 비주얼 :: Custom Bullet */
	.main-visual-pagination{display:none;}
}
@media all and ( max-width: 800px ){
	#mainVisual{min-height:auto}
	/* 메인비주얼 :: 텍스트 */
	.main-visual-item .visual-txt-con{font-size:14px; left:15px; right:15px; text-align:center;}
	.main-visual-item .visual-txt-con .main-visual-tit{letter-spacing:-0.25px;}
	.main-visual-item .visual-txt-con .main-visual-btn em{font-size:13px}
	/* 메인 비주얼 :: 버튼, 카운터, 로딩바 */
	
}
@media all and ( max-width: 480px ){
	/* 메인비주얼 :: 텍스트 */
	.main-visual-item .visual-txt-con{font-size:13px;}
	/* 메인 비주얼 :: 버튼, 카운터, 로딩바 */
	
}

/* -------- 사이드 -------- */
/* 메인 비주얼 :: 사이드 :: 텍스트 */
.main-visual-side-con{position:absolute; top:170px;bottom:0px; left:0px; width:255px; }
.main-visual-side-con .main-visual-side-txt { position:absolute; bottom:280px; left:50%; width:400px; margin-left:-8px; color:#000; color:rgba(0,0,0,0.5); font-size:16px; letter-spacing:1px; font-weight:300; transform:rotate(-90deg); transform-origin:0% 0%;}
.main-visual-side-con .main-visual-side-txt em{}

/* 메인 비주얼 :: 스크롤아이콘 */
.main-scroll-icon{overflow:hidden; position:absolute; bottom:0; left:50%; margin-left:-1px; width:2px; height:180px; z-index:9; background-color:#cfcfcf;}
.main-scroll-icon::after {
  display: block;
  content: "";
  width: 100%;
  height: 28px;
  background: #7fb278;
  position: absolute;
  top: 0;
  left: 0;
  animation:  scroll_ani 2s infinite;
}

@keyframes scroll_ani {
    0%, 20% {
        top: -28px;
    }
	100% {
        top: 100%;
    }
}


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

/* 메인 비주얼 :: 버튼, 카운터, 로딩바 */
.main-visual-controls{position:absolute; width:255px; height:94px; right:0; bottom:0px; padding:0 45px; background-color:#fff; z-index:3; text-align:center;}
.main-visual-control-btns{margin:40px 0 20px; }
.main-visual-control-btns button{width:34px; height:11px;}
.main-visual-control-btns .slide-prev-btn{
	float:left;
	background: url(/image/cm_prev_arrow.svg) no-repeat;
}
.main-visual-control-btns .slide-next-btn{
	float:right;
	background:url(/image/cm_next_arrow.svg) no-repeat
}
.main-visual-control-btns .main-visual-conuter{display:inline-block; position:relative; top:-2px; vertical-align:middle; line-height:11px; font-size:12px; color:#000; }
.main-visual-control-btns .main-visual-conuter .total-num{position:relative; margin-left:20px; color:rgba(0,0,0,0.5)}
.main-visual-control-btns .main-visual-conuter .total-num:before{position:absolute; left:-10px; width:1px; height:13px; background-color:#e5e5e5; content:"";}
.main-visual-loading-bar{width:100%; height:2px; background-color:#eee;}
.main-visual-loading-bar span{display:block; width:0; height:100%; background-color: #000}

/* 메인 비주얼 :: Custom Bullet */
.main-visual-pagination{position:absolute; bottom:53px; left:10%; z-index:11; }
.main-visual-pagination .main-visual-paging-item{float:left; filter: grayscale(100%); margin-left:23px; cursor:pointer; background-color:#000;}
.main-visual-pagination .main-visual-paging-item:focus{outline:none;}
.main-visual-pagination .main-visual-paging-item:first-child{margin-left:0}
.main-visual-pagination span{display:block; overflow:hidden; width:179px; height:102px; border:1px solid #9a9a9a;}
.main-visual-pagination img{width:100%; height:100%; transition:all 1s; transform:scale(1.1)}
.main-visual-pagination .swiper-pagination-bullet-active{filter: grayscale(0); }
.main-visual-pagination .swiper-pagination-bullet-active span{border-color:#fff}
.main-visual-pagination .swiper-pagination-bullet-active img{transform:scale(1.0)}
body.ie-browser .main-visual-pagination .main-visual-paging-item img{opacity:0.3}
body.ie-browser .main-visual-pagination .swiper-pagination-bullet-active img{opacity:1}

@media all and (max-width:1300px) {
	.main-visual-pagination .main-visual-paging-item {margin-left:13px;}
	.main-visual-pagination span {width:105px; height:60px;}
}

@media all and (max-width:960px) {
	.main-visual-pagination {display:none;}
}

@media all and (max-width:800px) {
	.main-visual-controls{width:215px; height:80px;  padding:0 25px; }
	.main-visual-control-btns{margin:25px 0 20px;}
}

@media all and ( max-width: 480px ){
	.main-visual-controls{width:160px; padding:0 20px; height:60px;  }
	.main-visual-control-btns{margin:20px 0 10px;}
	.main-visual-control-btns button{width:22px; height:6px;}
	.main-visual-control-btns .slide-prev-btn,
	.main-visual-control-btns .slide-next-btn{background-size:auto 6px;}
	.main-visual-control-btns .main-visual-conuter{top:-4px;}
}