@charset "utf-8";

/* main_visual */
.main_visual{width:100%; max-width:1920px; margin:0 auto;}
.main_visual ul li{position:relative;}
.main_visual ul li img{position:relative; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}

.main_visual .txt_box.visual01 {width:93.75%; max-width:1160px; position:absolute; top:43%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); text-align:center; padding:70px 0; box-sizing:border-box;}
.main_visual .txt_box.visual01:before{content:''; display:block; position:absolute; width:calc(100% - 20px); height:calc(100% - 20px); border:10px solid rgba(2, 7, 45, 0.4); top:53%; left:51%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); z-index:1;}
.main_visual .txt_box.visual01:after{content:''; display:block; position:absolute; width:calc(100% - 20px); height:calc(100% - 20px); border:10px solid #fff; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); z-index:1;}
.main_visual .txt_box.visual01 h4{font-size:28px; color:#fff; letter-spacing:-0.025em; font-weight:700; margin:0; margin-bottom:20px; position:relative; z-index:2;}
.main_visual .txt_box.visual01 h2{font-size:56px; color:#fff; letter-spacing:0em; font-weight:900; margin:0; position:relative; z-index:2;}
.main_visual .txt_box.visual01 .line{width:120px; height:2px; background:#fff; margin:30px auto; position:relative; z-index:2;}
.main_visual .txt_box.visual01 p{font-size:16px; color:#fff; letter-spacing:0em; font-weight:300; margin-bottom:20px; position:relative; z-index:2;}
.main_visual .txt_box.visual01 h3{font-size:32px; color:#fff; letter-spacing:0em; font-weight:900; margin:0; position:relative; z-index:2;}

.main_visual .txt_box.visual02 {position:absolute; left:60%; top:50%; width:45%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }
.main_visual .txt_box.visual02 h4 {padding-bottom:10px; font-size:56px; font-weight:bold; color:#fff; letter-spacing:-0.025em; }
.main_visual .txt_box.visual02 p {padding-bottom:60px; font-size:32px; color:#fff; letter-spacing:0; }
.main_visual .txt_box.visual02 a {position:relative; font-size:20px; font-weight:bold; color:#fff; letter-spacing:0; }
.main_visual .txt_box.visual02 a i {position:absolute; left:calc(100% + 10px); top:50%;; width:45px; height:5px; background:url('/koreastar/img/visual_arrow.png') no-repeat center center; -webkit-transform:translateY(-50%); -moz- transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }

.main_visual .txt_box.visual03 {position:absolute; left:50%; top:50%; width:70%; transform:translate(-50%,-50%); }
.main_visual .txt_box.visual03 h4 {padding-bottom:10px; font-size:56px; font-weight:bold; color:#fff; letter-spacing:-0.025em; }
.main_visual .txt_box.visual03 p {padding-bottom:60px; font-size:32px; color:#fff; letter-spacing:0; }
.main_visual .txt_box.visual03 a {position:relative; font-size:20px; font-weight:bold; color:#fff; letter-spacing:0; }
.main_visual .txt_box.visual03 a i {position:absolute; left:calc(100% + 10px); top:50%;; width:45px; height:5px; background:url('/koreastar/img/visual_arrow.png') no-repeat center center; -webkit-transform:translateY(-50%); -moz- transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }

.main_visual ul li{overflow:hidden; position:relative;}
.main_visual .slick-dots{bottom:100px; z-index:1;}
.main_visual .slick-dots li{margin:0 10px; width:16px; height:16px; position:relative;}
.main_visual .slick-dots li:after{content:''; display:none; position:absolute; width:100%; height:100%; box-sizing:border-box; border:1px solid #fff; top:0; left:0;}
.main_visual .slick-dots li button{background:#fff; width:6px; height:6px; margin:5px; padding:0;}
.main_visual .slick-dots li button:before{display:none;}
.main_visual .slick-dots li.slick-active:after{display:block;}

.main_visual ul li{position:relative;}
.main_visual ul li img{transform:translateX(-50%) scale(1.2); -ms-transform:translateX(-50%) scale(1.2); -webkit-transform:translateX(-50%) scale(1.2); -o-transform:translateX(-50%) scale(1.2); -moz-transform:translateX(-50%) scale(1.2); transition:all 3s ease-out;}
.main_visual ul li:before{content:""; width:100%; height:100%; position:absolute; z-index:2; left:0; top:0; background:#000; opacity:0.6; transition:all 3s ease-out}
.main_visual ul li.active img{transform:translateX(-50%) scale(1); -ms-transform:translateX(-50%) scale(1); -webkit-transform:translateX(-50%) scale(1); -o-transform:translateX(-50%) scale(1); -moz-transform:translateX(-50%) scale(1);}
.main_visual ul li.active:before{opacity:0;}



@media all and (max-width:1400px){
	.main_visual .txt_box.visual02 {width:50%; }
}	

@media all and (max-width:1000px){
	.main_visual ul li img{width:1400px;}
	.main_visual .txt_box.visual01 {padding:50px 0;}
	.main_visual .txt_box.visual02 {width:65%; }
	.main_visual .txt_box.visual03 {width:90%; }

	.main_visual .slick-dots{bottom:60px;}
}
@media all and (max-width:800px){
	.main_visual ul li img{width:1000px}
}
@media all and (max-width:640px){
	.main_visual ul li img{width:700px;}
	.main_visual .txt_box.visual01 {top:45%;}
	.main_visual .txt_box.visual01:before{left:52%;}
	.main_visual .txt_box.visual01 h2{font-size:48px;}
	
	.main_visual .txt_box.visual02 {left:50%; width:80%; }

	.main_visual .slick-dots{bottom:40px;}
}


/* main_con01 */
.main_con01{font-size:0; letter-spacing:-4px; padding:100px 0;}
.main_con01 .left_box{display:inline-block; vertical-align:top; width:50%; padding-right:40px; box-sizing:border-box;}
.main_con01 .left_box .img_box{margin-bottom:20px;}
.main_con01 .left_box .img_box img{width:100%;}
.main_con01 .left_box h6{font-size:17px; color:#0a2f8f; letter-spacing:0.2em; font-weight:500; margin:0; text-align:right;}

.main_con01 .right_box{display:inline-block; vertical-align:top; width:50%; padding-left:40px; box-sizing:border-box; padding-top:100px;}
.main_con01 .right_box h4{font-size:36px; color:#0a2f8f; letter-spacing:-0.025em; font-weight:900; margin:0;}
.main_con01 .right_box p{font-size:18px; color:#222; letter-spacing:-0.025em; font-weight:500; line-height:1.6; word-break:keep-all; margin-top:30px;}
.main_con01 .right_box .more_btn{text-align:right; margin-top:60px;}
.main_con01 .right_box .more_btn a{display:table; width:120px; height:160px; background:#e9edf4; font-size:16px; color:#666666; letter-spacing:0em; font-weight:700; text-align:center; margin-left:auto;}
.main_con01 .right_box .more_btn a span{display:table-cell; vertical-align:middle;}
.main_con01 .right_box .more_btn a img{display:inline-block; vertical-align:middle; margin-left:10px;}

.main_con01 .right_box .more_btn a:hover{background:#ffe50b;}

@media all and (max-width:1200px){
	.main_con01 .right_box p br{display:none;}
}
@media all and (max-width:1000px){
	.main_con01 {padding:50px 0; }
	.main_con01 .left_box{width:100%; padding-right:0;}
	.main_con01 .right_box{width:100%; padding-left:0; padding-top:40px;}
	.main_con01 .right_box .more_btn a{height:140px;}
}
@media all and (max-width:640px){
	.main_con01{padding:60px 0 80px;}
}



.main_con02{background-color:#f6f6f6; padding:100px 0 150px; }
.main_con02 .box {margin-bottom:60px; }
.main_con02 .box:last-of-type {margin-bottom:0; }
.main_con02 .box .tit{margin-bottom:40px;}
.main_con02 .box .tit h3{display:inline-block; vertical-align:top; font-size:36px; color:#0a2f8f; letter-spacing:-0.025em; font-weight:900; margin:0;}
.main_con02 .box .tit p{display:inline-block; vertical-align:top; margin-left:20px; margin-top:16px; font-size:20px; color:#666666; letter-spacing:0em;}
.main_con02 .box ul{margin:0; font-size:0;}
.main_con02 .box ul li{display:inline-block; vertical-align:top; margin:20px 0; margin-right:40px; width:calc(33.33333% - 30px); cursor:pointer;}
.main_con02 .box ul li:nth-of-type(3n){margin-right:0;}
.main_con02 .box ul li .img_box{background:#fff; text-align:center; overflow:hidden; position:relative; padding:50% 0; width:100%;}
.main_con02 .box ul li .img_box img.imgH{position:absolute; height:100%; top:50%; left:50%; -webkit-transform:translate(-50% , -50%); -moz-transform:translate(-50% , -50%); -ms-transform:translate(-50% , -50%); -o-transform:translate(-50% , -50%); transform:translate(-50% , -50%);}
.main_con02 .box ul li .img_box img.imgW{position:absolute; width:100%; top:50%; left:50%; -webkit-transform:translate(-50% , -50%); -moz-transform:translate(-50% , -50%); -ms-transform:translate(-50% , -50%); -o-transform:translate(-50% , -50%); transform:translate(-50% , -50%);}
.main_con02 .box ul li .txt_box{padding-top:30px;}
.main_con02 .box ul li .txt_box span{display:block; font-size:18px; color:#222; letter-spacing:0em; font-weight:bold; margin-bottom:10px; min-height:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main_con02 .box ul li .txt_box h5{font-size:22px; color:#333333; letter-spacing:-0.025em; font-weight:700; margin:0; min-height:23px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main_con02 .box ul li .txt_box p{font-size:16px; color:#999999; letter-spacing:0em; font-weight:300; margin-top:10px; min-height:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main_con02 .box ul li .txt_box i{display:block; font-style:inherit; padding-top:10px;font-size:17px; color:#0a2f8f; letter-spacing:0em; font-weight:bold; margin-bottom:10px; min-height:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

@media all and (max-width:1000px){
	.main_con02 {padding:50px 0 100px; }
	.main_con02 .box ul li{width:calc(50% - 20px);}
	.main_con02 .box ul li:nth-of-type(3n){margin-right:40px;}
	.main_con02 .box ul li:nth-of-type(2n){margin-right:0;}
}