@charset "utf-8";
/**
 * @File Name :main.css
 * @Description :Layout[main] | Contents[main]
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2025.07.01 | 김소화 | 최초 등록.
 * </pre>
 * @author 디자인팀 김소화
 * @since 2025.07.01
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */
 
/* all.css overwrite */
[data-layout='main'] #body{margin:0}

#wrap>.container{max-width:none;margin:0}

.hg1{text-align:left;}
.hg1 h2.h1{padding:0;margin:0 0 5px;color:#1b203e;font-size:30px;font-family:'Waguri';font-weight:normal;line-height:1}
.hg1 h2.h1 span{display:inline-block;color:#3168e2;font-size:52px;}
.hg1 .t1{color:#1b203e;font-size:18px;font-weight:400;}
@media all and (max-width:839px){
	.hg1 h2.h1{font-size:24px;margin-bottom:5px}
	.hg1 h2.h1 span{font-size:40px;}
	.hg1 .t1{font-size:15px;}
}
@media all and (max-width:500px){
	.hg1{text-align:center;}
}
.menu *{display:inline-block;vertical-align:middle}
.menu .m, .menu button{position:relative;border:0;background:transparent}
.menu .m.play{display:none}
.menu .m:before{content:'';display:block;position:absolute;}




/* vpr1 */
#vpr1{position:relative;font-size:0;overflow:hidden;border-radius:0 0 238px 0}
#vpr1 .datalist .item{position:relative;}
#vpr1 .datalist .item .f1{height:825px}
#vpr1 .datalist .item .f1 img{z-index:-1;width:100%;height:100%;object-fit:cover;object-position:center}
#vpr1 .tg1{z-index:1;position:absolute;left:0;right:0;text-align:center;top:293px}
#vpr1 .tg1 .t1{font-size:72px;font-weight:normal;font-family:'Waguri';line-height:1;color:#fff;text-shadow:-3px 4px 8px rgba(0,0,0,0.6);}
#vpr1 .tg1 .t2{font-size:30px;color:#fff;margin:23px 0 30px;text-shadow:-3px 4px 8px rgba(0,0,0,0.6);}
#vpr1 .tg1 .a1{display:inline-block;font-size:20px;background:#ff5d0d;color:#fff;text-align:center;padding:20px 35px 17px;border-radius:30px;box-shadow:-3px 4px 8px rgba(0,0,0,0.6);}
#vpr1 .tg1 .a1 .ic1{display:inline-block;position:relative;width:20px;height:20px;margin-left:10px;}
#vpr1 .tg1 .a1 .ic1:before, #vpr1 .tg1 .a1 .ic1:after{content:'';display:block;position:absolute;}
#vpr1 .tg1 .a1 .ic1:before{left:0;right:0;bottom:0;border-top:2px solid #fff;}
#vpr1 .tg1 .a1 .ic1:after{right:0;bottom:4px;width:10px;border-top:2px solid #fff;transform:rotate(45deg)}

#vpr1 .menu{position:absolute;left:0;right:0;bottom:200px;text-align:center;}
#vpr1 .menu .m.prev,#vpr1 .menu .m.next{width:10px;height:20px;margin:0 25px}
#vpr1 .menu .m:before{content:'';display:block;position:absolute;left:50%;top:50%;}
#vpr1 .menu .m.prev:before,#vpr1 .menu .m.next:before{width:10px;height:10px;border:solid #fff;border-width:0 2px 2px 0;box-shadow:-2.9px 4.1px 10px 0 rgba(0,0,0,0.71);}
#vpr1 .menu .m.prev:before{transform:translate(-50%,-50%) translateX(4px) rotate(135deg);}
#vpr1 .menu .m.next:before{transform:translate(-50%,-50%) translateX(-4px) rotate(-45deg);}

#vpr1 .menu .m.stop, #vpr1 .menu .m.play{width:40px;height:40px;border-radius:100%;box-sizing:border-box;border:2px solid #fff;box-shadow:-2.9px 4.1px 10px 0 rgba(0,0,0,0.71);}
#vpr1 .menu .m.stop:before, #vpr1 .menu .m.play:before{width:40px;height:40px;margin:-20px;background:url() no-repeat 0 0 / contain;filter:drop-shadow(-3px 4px 10px rgba(0,0,0,.7));}
#vpr1 .menu .m.stop:before{background-image:url(../../img/lib/ic40a2pause2.png)}
#vpr1 .menu .m.play:before{background-image:url(../../img/lib/ic40a2play2.png)}

#vpr1 .menu .goPage button{border:0;text-indent:-9999px;width:30px;height:30px;margin:0 5px;}
#vpr1 .menu .goPage button:before, #vpr1 .menu .goPage button:after{content:'';display:block;position:absolute;left:50%;top:50%;border-radius:100%;box-shadow:-2.9px 4.1px 10px 0 rgba(0,0,0,0.71);}
#vpr1 .menu .goPage button:before{margin:-3.5px;width:7px;height:7px;background:#fff;}
#vpr1 .menu .goPage .slick-active button:after{border:2px solid #fff;width:34px;height:34px;margin:-17px;box-sizing:border-box;}
@media all and (max-width:1259px){
	#vpr1 {border-radius:0;}
	#vpr1 .datalist .item .f1{height:541px}
	#vpr1 .tg1{top:200px}
	#vpr1 .tg1 .t1{font-size:54px;}
	#vpr1 .tg1 .t2{font-size:20px;margin:10px 0 20px;}
	
	#vpr1 .menu{bottom:50px;}
}
@media all and (max-width:839px){
	#vpr1 .datalist .item .f1{height:361px}
	
	#vpr1 .tg1{top:120px}
	#vpr1 .tg1 .t1{font-size:40px;}
	#vpr1 .tg1 .t2{font-size:16px;margin:10px 0 20px;}
	#vpr1 .tg1 .a1{font-size:16px;;padding:6px 25px 10px;}
	
	#vpr1 .menu{bottom:30px;}	
}
@media all and (max-width:640px){
	#vpr1 .tg1{top:150px}
	#vpr1 .tg1 .t1{font-size:32px;margin:0 0 10px}
	#vpr1 .tg1 .t2{display:none;}	
}
@media all and (max-width:480px){
	#vpr1 .tg1{top:130px}
}

#mainbody1{background:url(../../img/main/mainbody1_bg1.gif) no-repeat 60% 100%}

#course1{margin:70px 0;}
#course1 .hg1{position:relative;}
#course1 .hg1:before{content:'';position:absolute;left:0;right:0;bottom:7px;border-top:1px solid #3168e2}
#course1 .hg1 .h1{position:relative}
#course1 .hg1 .h1:after{content:'';display:block;position:absolute;left:360px;top:0;width:36px;height:45px;background:url(../../img/main/main_sprite.png) no-repeat 0 0 / 230px 240px}
#course1 .hg1 .t1{position:relative;display:inline-block;background:#fff;padding-right:30px}

#course1 .datalist{display:flex;flex-wrap:wrap;gap:18px;margin-top:25px}
#course1 .datalist .item{flex:1;position:relative;transition:.35s ease}
#course1 .datalist .item .w1{position:relative;display:block;width:100%;height:480px;border-radius:25px;background:#eee;overflow:hidden;}
#course1 .datalist .item .w1 a.a1{z-index:1;position:absolute;left:0;right:0;top:0;bottom:0;}
#course1 .datalist .item .w1 .f1{position:relative;width:100%;height:100%}
#course1 .datalist .item .w1 .f1 img{width:100%;height:100%;object-fit:cover;object-position:center;}
#course1 .datalist .item .w1 .f1:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:50%;background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,0))}
#course1 .datalist .item .w1 .tg1{position:absolute;left:20px;right:20px;bottom:20px;}
#course1 .datalist .item .w1 .tg1 .t1{font-weight:600;font-size:20px;color:#fff}
#course1 .datalist .item .w1 .tg1 .t1 span{font-weight:700;font-size:36px;}
#course1 .datalist .item .w1 .tg1 .t2{font-weight:400;color:#fff;margin:15px 0 20px;word-break:keep-all}
#course1 .datalist .item .w1 .info1{display:none;text-align:center;padding:0 10px;background:#fff;border-radius:30px;}
#course1 .datalist .item .w1 .info1 li{position:relative;display:inline-block;padding:10px 8px;font-size:14px;color:#000}
#course1 .datalist .item .w1 .info1 li:before{content:'';display:inline-block;margin-right:5px;width:12px;height:12px;background:url(../../img/main/main_sprite.png) no-repeat -40px 0 / 230px 240px}
#course1 .datalist .item .w1 .info1 li.distance:before{background-position:-61px 0;}
/* #course1 .datalist .item .w1 .info1 li.distance:after{content:'';display:block;position:absolute;left:-3px;top:calc(50% - 2px);width:4px;height:4px;border-radius:100%;background:#3168e2;} */
#course1 .datalist .item .w1 .course1{display:none;margin:30px 0 0}
#course1 .datalist .item .w1 .course1 ul{display:flex;flex-wrap:wrap;margin-left:-10px;}
#course1 .datalist .item .w1 .course1 li{position:relative;width:33.33%;text-align:center;color:#fff;font-size:14px;font-weight:400;word-break:keep-all;}
#course1 .datalist .item .w1 .course1 li:before{content:'';display:block;margin:0 auto 10px;width:20px;height:20px;border:4px solid #fff;border-radius:50%;background:#2b65ec;box-sizing:border-box;position:relative;z-index:2;}
#course1 .datalist .item .w1 .course1 li:after{content:'';position:absolute;top:10px;left:0;width:100%;height:2px;background:#fff;z-index:1;}
#course1 .datalist .item .w1 .course1 li:first-child:after{left:50%;width:50%}
#course1 .datalist .item .w1 .course1 li:last-child:after{width:50%;left:0}
#course1 .datalist .item .w1 .ic1{display:none;position:absolute;right:30px;bottom:20px;width:50px;height:50px;border:2px solid #fff;border-radius:100%}
#course1 .datalist .item .w1 .ic1:before, #course1 .datalist .item .w1 .ic1:after{content:'';display:block;position:absolute;left:50%;top:50%;margin:-1px -9px;border-top:2px solid #fff;width:18px;}
#course1 .datalist .item .w1 .ic1:after{transform:rotate(90deg)}


@media all and (min-width:1260px){
	#course1 .datalist .item.on{flex:3}
	#course1 .datalist .item.on .w1 a.a1:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;border:5px solid #3168e2;border-radius:25px;}
	#course1 .datalist .item.on:first-child .w1 {border-radius:150px 25px 25px;}
	#course1 .datalist .item.on:first-child .w1 a.a1:before {border-radius:150px 25px 25px;}
	#course1 .datalist .item.on .w1 .f1{width:calc(100% - 260px)}
	#course1 .datalist .item.on .w1 .f1:after{display:none;}
	#course1 .datalist .item.on .w1 .tg1{left:auto;right:0;top:0;bottom:0;width:260px;padding:40px 30px 30px;background:#3168e2;box-sizing:border-box;}
	#course1 .datalist .item.on .w1 .info1{display:inline-block;}
	#course1 .datalist .item.on .w1 .course1{display:block}
	#course1 .datalist .item.on .w1 .ic1{display:block;}
	#course1 .datalist .item .w1 a.a1:focus-visible:before{z-index:10;outline:2px dotted coral;outline-offset:-3px;border-radius:20px}
}

@media all and (max-width:1259px){
	#course1 .datalist .item{flex:0 0 auto !important;width: calc((100% - 18px) / 2);}
	#course1 .datalist .item .w1{height:100%;border-radius:20px}
	#course1 .datalist .item .w1 .f1{width:100% !important;height:200px;}
	#course1 .datalist .item .w1 .f1:after{display:none}
	#course1 .datalist .item .w1 .tg1{position:static;width:100% !important;height:100%;padding:20px 30px 30px !important;background:#3168e2;box-sizing:border-box;}
	#course1 .datalist .item .w1 .tg1 .t1{display:inline-block;}
	#course1 .datalist .item .w1 .tg1 .t2{display:inline-block;font-size:14px;margin:5px 0 10px}
	#course1 .datalist .item .w1 a.a1:before{display:none}
	#course1 .datalist .item .w1 .info1{display:block;width:100px;box-sizing:border-box;}
	#course1 .datalist .item .w1 .course1{display:block}
	#course1 .datalist .item .w1 .course1 ul{display:flex;flex-wrap:wrap;margin:0 -20px}
	#course1 .datalist .item .w1 .course1 li{width:16.66%;font-size:13px;}
	#course1 .datalist .item .w1 .ic1{display:none !important;}
	#course1 .datalist .item.on:first-child .w1 {border-radius:20px}
	#course1 .datalist .item.on:first-child .w1 a.a1:before {border-radius:150px 25px 25px;}
}
@media all and (max-width:999px){
	#course1 .datalist .item{flex:0;width:100%;}
	#course1 .datalist .item .w1{display:flex;}
	#course1 .datalist .item .w1 .f1{width:100% !important;height:100%;}
	#course1 .datalist .item .w1 .course1 li{width:20%}
}
@media all and (max-width:839px){
	#course1 .hg1 .h1:after {left:284px;top:-11px;}
}
@media all and (max-width:640px){
	#course1 .datalist .item .w1{display:block;}
	#course1 .datalist .item .w1 .f1{width:100% !important;max-height:250px;overflow:hidden}
	#course1 .datalist .item .w1 .tg1 .t1 span{font-size:20px;}
	#course1 .datalist .item .w1 .course1{margin:10px 0 0}
}
@media all and (max-width:500px){
	#course1 .hg1 .t1{padding:0 20px;}
	#course1 .hg1 .h1:after {left:auto;right:50%;top:-24px;width:22px;height:27px;background-size:138px auto;margin-right:-152px;}/* 60%축소 */
	#course1 .datalist .item .w1 .tg1 .t2{display:block}
}
@media all and (max-width:480px){
	#course1 .datalist .item .w1 .f1{max-height:180px;}
	#course1 .datalist .item .w1 .tg1{height:auto;padding:20px !important;}
	#course1 .datalist .item .w1 .course1 ul{margin:0;gap:5px}
	#course1 .datalist .item .w1 .course1 li{flex:auto;width:calc((100% - 5px) / 2);min-height:24px;line-height:24px;text-align:left;padding:0 0 0 25px;margin:0;box-sizing:border-box;}	
	#course1 .datalist .item .w1 .course1 li br{display:none;}
	#course1 .datalist .item .w1 .course1 li:before, #course1 .datalist .item .w1 .course1 li:after{display:none}
	#course1 .datalist .item .w1 .course1 li:before{position:absolute;left:0;top:0;margin:0;display:block;font-size:12px;background:rgba(0,0,0,0.5);border:0;color:#fff;text-align:center;width:24px;height:24px;}
	#course1 .datalist .item .w1 .course1 li:nth-child(1):before{content:'1'}
	#course1 .datalist .item .w1 .course1 li:nth-child(2):before{content:'2'}
	#course1 .datalist .item .w1 .course1 li:nth-child(3):before{content:'3'}
	#course1 .datalist .item .w1 .course1 li:nth-child(4):before{content:'4'}
	#course1 .datalist .item .w1 .course1 li:nth-child(5):before{content:'5'}
	#course1 .datalist .item .w1 .course1 li:nth-child(6):before{content:'6'}
	#course1 .datalist .item .w1 .course1 li:nth-child(7):before{content:'7'}
	#course1 .datalist .item .w1 .course1 li:nth-child(8):before{content:'8'}
	#course1 .datalist .item .w1 .course1 li:nth-child(9):before{content:'9'}
	
	#course1 .datalist .item:nth-of-type(2) .w1 .course1	li:nth-child(5){width:100%}
}



#mainbody2{background:url(../../img/main/mainbody2_bg1.gif) no-repeat 0 0 / contain}
#mainbody2>.container{display:flex;flex-wrap:wrap;padding:69px 0 80px;background:url(../../img/main/mainbody2_bg2.png) no-repeat 100% 100%}
#mainbody2>.container:before{content:'';display:block;z-index:10;position:absolute;left:-50px;top:-126px;width:89px;height:195px;background:url(../../img/main/main_sprite.png) no-repeat 0 -45px / 230px 240px}
@media all and (max-width:1259px){
	#mainbody2>.container:before{display:none}
}

#mainbody2 .menu{position:absolute;}
#mainbody2 .menu .mControl1{position:relative;}
#mainbody2 .menu .mControl1:before{content:'';display:block;position:absolute;left:50%;top:6px;bottom:4px;border-left:1px solid #3168e2}
#mainbody2 .menu .mControl1 .m.prev, #mainbody2 .menu .mControl1 .m.next{width:10px;height:20px;margin:0 20px}
#mainbody2 .menu .mControl1 .m:before{content:'';display:block;position:absolute;left:50%;top:50%;}
#mainbody2 .menu .mControl1 .m.prev:before,#mainbody2 .menu .mControl1 .m.next:before{width:7px;height:7px;border:solid #000;border-width:0 2px 2px 0;}
#mainbody2 .menu .mControl1 .m.prev:before{transform:translate(-50%,-50%) translateX(4px) rotate(135deg);}
#mainbody2 .menu .mControl1 .m.next:before{transform:translate(-50%,-50%) translateX(-4px) rotate(-45deg);}
#mainbody2 .menu .mControl2 .m{width:40px;height:40px;border-radius:100%;background:#fff;}
#mainbody2 .menu .mControl2 .m.stop:before, #mainbody2 .menu .mControl2 .m.play:before{left:50%;width:40px;height:40px;margin:-20px;background:url() no-repeat 0 0 / contain;}
#mainbody2 .menu .mControl2 .m.stop:before{background-image:url(../../img/lib/ic40a2pause1.png)}
#mainbody2 .menu .mControl2 .m.play:before{background-image:url(../../img/lib/ic40a2play1.png)}
#mainbody2 .menu a.m.more{margin-left:5px;background:#3168e2;}
#mainbody2 .menu a.m.more i.ic1{position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-6px;}
#mainbody2 .menu a.m.more i.ic1:before, #mainbody2 .menu a.m.more i.ic1:after{content:'';display:block;position:absolute;top:50%;height:12px;margin:-6px;border-left:4px dotted #fff;}
#mainbody2 .menu a.m.more i.ic1:before{left:6px;}
#mainbody2 .menu a.m.more i.ic1:after{right:6px;}



#driver1{position:relative;width:calc(100% - 510px);height:550px;}
#driver1 .datalist{position:relative;z-index:1;margin:22px -20px 0 -41px;padding:46px 41px 75px 0;}
#driver1 .datalist:before{content:'';z-index:-1;display:block;position:absolute;left:-500px;right:0;top:0;bottom:0;background:#fff;border-radius:0 60px 60px 0;box-shadow:-2.9px 4.1px 20px 0 rgba(0,0,0,0.3);}
#driver1 .item a{display:block;padding:0 20px;}
#driver1 .item a .f1{position:relative;width:250px;height:250px;margin:0 auto 18px;border-radius:100%;background:#eee;overflow:hidden;}
#driver1 .item a .f1 img{max-width:none;width:100%;height:100%;object-fit:cover;object-position:center;}
#driver1 .item a .tg1{text-align:center;color:#000;}
#driver1 .item a .tg1 .t1{font-weight:600;font-size:20px;margin:0 0 7px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#driver1 .item a .tg1 .t2{font-weight:400;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#driver1 .goPage{z-index:1;position:absolute;bottom:35px;left:0;right:80px;text-align:center;}
#driver1 .goPage *{display:inline-block;}
#driver1 .goPage button{margin:0 8px;border:0;width:10px;height:10px;background:#777;text-indent:-9999px;border-radius:100%;}
#driver1 .goPage .slick-active button{width:40px;border-radius:20px;background:#124ed5;}
#driver1 .menu{right:0;top:40px}
@media all and (max-width:1520px){
	#driver1 .datalist{margin:20px 0 0;padding:40px 40px 80px 0;}
	#driver1 .item a .f1{width:200px;height:250px;border-radius:30px}	
}
@media all and (max-width:1259px){
	#driver1{width:100%;height:auto}
}
@media all and (max-width:839px){
	#driver1 .menu{right:0;top:30px}
}
@media all and (max-width:640px){
	#driver1{text-align:center;}
	#driver1 .datalist{padding:40px 20px 40px 0;margin-bottom:20px}
	#driver1 .menu{position:static;display:inline-block;}
	#driver1 .goPage{position:static;display:inline-block;}
}

#review1{position:relative;margin-left:auto;padding:40px;width:440px;height:550px;background:#3168e2;border-radius:40px;box-sizing:border-box;}
#review1 h2.h1{padding:0;margin:0 0 25px;color:#fff;font-size:32px;font-weight:700;}
#review1 .datalist{width:100%;max-height:calc(100% - 70px);padding-right:15px;overflow:hidden;overflow-y:auto;box-sizing:border-box;}
#review1 .datalist .item{margin-bottom:20px;}
#review1 .datalist a{display:flex;flex-wrap:wrap;gap:10px;position:relative;width:100%;height:120px;color:#000;padding:25px;border-radius:15px;background:#fff;box-sizing:border-box;overflow:hidden;}
#review1 .datalist a .writer{font-size:18px;font-weight:600}
#review1 .datalist a .date{margin-left:auto;color:#5f5f5f;font-size:14px;font-weight:400;}
#review1 .datalist a .con{min-width:100%;height:44px;font-size:15px;font-weight:400;overflow:hidden;
		display:-webkit-box;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:2;
}
#review1 .datalist a .new{display:inline-block;vertical-align:middle;width:21px;height:21px;text-align:center;background:#ffeaea;border-radius:50%;}
#review1 .datalist a .new:before{display:block;content:"N";font-weight:700;font-size:11px;color:#f94c00;line-height:21px;}
#review1 a.more{position:absolute;right:40px;top:40px;display:block;width:40px;height:40px;border-radius:100%;background:#fff;}
#review1 a.more i.ic1{position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-6px;}
#review1 a.more i.ic1:before, #review1 a.more i.ic1:after{content:'';display:block;position:absolute;top:50%;height:12px;margin:-6px;border-left:4px dotted #3168e2}
#review1 a.more i.ic1:before{left:6px;}
#review1 a.more i.ic1:after{right:6px;}

#review1 .datalist .mCSB_draggerRail{width:2px}
#review1 .datalist  .mCSB_dragger_bar{width:6px;border-radius:3px;background:#fff}


@media all and (max-width:1259px){
	#review1{width:100%;height:auto;margin:30px 0 0}
	#review1 .datalist{display:flex;gap:10px;flex-wrap: wrap;max-height:none;padding:0;overflow-y:hidden;}
	#review1 .datalist .item{flex:1;margin:0}
}
@media all and (max-width:980px){	
	#review1 .datalist .item{flex:0 0 auto;width: calc((100% - 10px) / 2);}
}
@media all and (max-width:580px){	
	#review1{padding:30px 20px}
	#review1 h2.h1{font-size:24px}
	#review1 .datalist{padding-right:15px;overflow-y:visible;max-height:250px;}
	#review1 .datalist .item{width:100%}
	#review1 a.more{right:20px;top:22px}
}

#tour1{position:relative;min-width:100%;height:650px;margin:120px 0 0;}
#tour1 .hg1{position:absolute;left:0;top:0}
#tour1 .hg1:after{content:'';display:block;position:absolute;left:322px;top:11px;width:37px;height:37px;background:url(../../img/main/main_sprite.png) no-repeat -73px 0 / 230px 240px}
#tour1 .hg1 h2.h1{font-size:52px;margin:10px 0;}
#tour1 .hg1 h2.h1 span{color:#3168e2;}
#tour1 .hg1 .t2{font-size:20px;color:#1b203e;font-family:'Waguri';font-weight:normal;line-height:1}
#tour1 .hg1 .t2 span{font-size:30px}

#tour1 .datalist .item a {display:block;border-radius:20px;transition:all .5s ease-in-out;overflow:hidden;}
#tour1 .datalist .item a .f1:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:50%;background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,0))}	
#tour1 .datalist .item a .f1 {display:block;position:relative;width:100%;height:100%;overflow:hidden;}
#tour1 .datalist .item a .f1 img {width:100%;height:100%;object-fit:cover;object-position:center;transition:all .35s ease}
#tour1 .datalist .item a .t1{display:block;position:absolute;left:62px;bottom:-50px;color:#fff;font-size:32px;font-weight:600;transition:all .5s ease-in-out;}

#tour1 .menu {position:absolute;left:0;top:150px;}	

#tour1 .goPage .slick-dots {width:100%;height:5px;margin-right:40px;background:#e5e5e5;border-radius:5px;margin-top:40px;font-size:0}
#tour1 .goPage .slick-dots *{display:inline-block;}
#tour1 .goPage .slick-dots button {width:100%;height:5px;background:transparent;text-indent:-9999px;border-radius:5px;padding:0;border:0}
#tour1 .goPage .slick-dots .slick-active button {background:#3168e2;height:9px;border-radius:9999px;margin-top:-2px;}

#tour1 .datalist .slick-slide.slick-current .item a:focus-visible:before{z-index:10;outline:2px dotted coral;outline-offset:-3px;border-radius:20px}

@media screen and (min-width:1550px){
	#tour1 .datalist {position:relative;height:580px;}
	#tour1 .datalist .slick-list {height:100%;overflow:visible;}
	#tour1 .datalist .slick-track {position:relative;height:100%;top:0;left:0;margin:auto;transform:none !important}
	#tour1 .datalist .slick-slide {position:absolute;bottom:0;left:0;opacity:0;transition:all .75s ease-in-out;}
	#tour1 .datalist .item a {position:absolute;left:0;bottom:0;border-radius:20px;width:570px;height:360px;transition:all .5s ease-in-out;overflow:hidden;}
	
	#tour1 .datalist .slick-slide.custom-prev2{opacity:1 !important;left:-620px;}
	#tour1 .datalist .slick-slide.custom-prev1{opacity:1 !important;left:0;}
	#tour1 .datalist .slick-slide.custom-next1{opacity:1 !important;left:1550px;}

	#tour1 .datalist .slick-slide.slick-current{z-index:10;opacity:1;left:620px;width:880px !important;}
	#tour1 .datalist .slick-slide.slick-current .item a{width:880px;height:580px;border-radius:40px;}
	#tour1 .datalist .slick-slide.slick-current .item a:before{z-index:10;content:'';display:block;position:absolute;left:0;top:0;right:0;bottom:0;border:5px solid #3168e2;border-radius:40px;}
	#tour1 .datalist .slick-slide.slick-current .item a .f1:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:50%;background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,0))}
	#tour1 .datalist .slick-slide.slick-current .item a .t1{bottom:44px;transition-delay:0.3s}

	#tour1 .datalist .slick-slide.slick-cloned{display:none !important}
}
@media all and (max-width:1549px){
	#tour1{height:auto;}
	#tour1 .hg1{position:static;margin-bottom:30px;}
	#tour1 .menu {position:absolute;left:auto;right:0;top:90px;}
	
	#tour1 .datalist{margin:0 -10px;}
	#tour1 .datalist .item a{position:relative;display:block;width:auto;height:auto;height:300px;margin:0 10px;}
	#tour1 .datalist .item a .t1{left:20px;bottom:20px;font-size:20px;font-weight:500}
}
@media all and (max-width:1259px){
	#tour1{margin:110px 0 0;}
	#tour1 .datalist .item a{height:200px;}
}
@media all and (max-width:839px){
	#tour1 .hg1 h2.h1{font-size:24px;}
	#tour1 .hg1:after {left:214px;top:19px;}
	#tour1 .hg1 .t2{font-size:18px;}
	#tour1 .hg1 .t2 span{font-size:22px;}
	#tour1 .menu {top:70px;}	
}
@media all and (max-width:580px){
	#tour1 .datalist .item a .t1{font-size:18px}
	#tour1 .menu {position:static;text-align:center;margin:20px 0 0}	
}
@media all and (max-width:500px){
	#tour1 .hg1:after {left:auto;right:50%;top:16px;margin-right:-144px;}
}


/* ie 모드 전용 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#course1 .datalist{display:block;width:100%;margin-top:25px;overflow:hidden;font-size:0;white-space:nowrap}
	#course1 .datalist .item{display:inline-block;width:15%;height:480px;margin-right:1.3%;position:relative;transition:width .35s ease;vertical-align:top;font-size:16px;white-space:normal}
	#course1 .datalist .item:last-child{margin-right:0}
	#course1 .datalist .item.on{width:50%}
	#course1 .datalist .item .w1{position:relative;display:block;width:100%;height:100%;border-radius:25px;background:#eee;overflow:hidden}
	#course1 .datalist .item .w1 .f1{position:relative;width:100%;height:100%;transition:width .35s ease}
	#course1 .datalist .item .w1 .f1 img{width:auto;height:100%}
	#course1 .datalist .item.on .w1 .f1{width:calc(100% - 260px)}
	#course1 .datalist .item.on .w1 .f1 img{width:100%;}
	
	.hg1 h2.h1{font-family:'SBAggro';}
	#vpr1 .tg1 .t1{font-family:'SBAggro';}
	#tour1 .hg1 .t2{font-family:'SBAggro';}
	
	#mainbody2 .menu .mControl2 .m.stop:before, #mainbody2 .menu .mControl2 .m.play:before{margin:0 0 0 -20px}
	
	#review1 .datalist{height:450px;}
}