@charset "utf-8";

/*===========================================
	공통
==========================================-*/
.main_tit{text-align:center; padding-bottom:50px;}
.main_tit p{font-size:40px; font-weight:bold; letter-spacing:0.025em; color:#222222; line-height:1;}
.main_tit span{font-size:20px; font-weight:300; letter-spacing:-0.05em; color:#444444; display:block; padding-top:15px;}

.main_tit.type01 p{color:#fff;}
.main_tit.type01 span{color:#fff;}

.main_tit02{padding-bottom:40px;}
.main_tit02:after{content:''; display:block; clear:both;}
.main_tit02 p{display:inline-block; font-size:40px; color:#222; letter-spacing:-0.02em; font-weight:700;}
.main_tit02 a{float:right; display:block; width:40px; border:1px solid #bfbfbf; border-radius:50%; box-sizing:border-box; background:#fff; padding:18px 0 19px; margin:8px 0;}
.main_tit02 a i{position:relative; display:block; width:15px; height:1px; margin:0 auto; background:#959595;}
.main_tit02 a i:before{content:''; position:absolute; top:50%; left:50%; display:block; width:1px; height:15px; background:#959595; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
.main_tit02 a:hover{border-color:#1e72c7; background:#1e72c7;}
.main_tit02 a:hover i{background:#fff;}
.main_tit02 a:hover i:before{background:#fff;}

/*===========================================
	main
==========================================-*/
.main_visual{width:100%; height:820px; margin:0 auto; overflow:hidden;position:relative;}
.main_visual .swiper-slide{overflow:hidden; height:820px; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.main_visual .swiper-slide > img{height:100%; position:relative; left:50%; top: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_visual .swiper-slide .txt_box{width:100%; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
.main_visual .swiper-slide .txt_box h3{font-size:77px; font-weight:bold; letter-spacing:0.05em; color:#fff; line-height:1.2;}
.main_visual .swiper-slide .txt_box p{font-size:28px; font-weight:300; letter-spacing:-0.05em; color:#fff; margin-top:20px;}
.main_visual .swiper-slide .txt_box p.poppins{letter-spacing:0.05em;}

.main_visual .swiper-pagination{text-align:right; bottom:25px; padding:0 30px; box-sizing:border-box; max-width:1200px; width:100%; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); z-index:10; font-size:0; letter-spacing:-4px;}
.main_visual .swiper-pagination .swiper-pagination-bullet{margin:0 5px; display:inline-block; vertical-align:bottom; width:14px; height:14px; border-radius:0; background:rgba(211, 211, 211, 0.6); opacity:1;}
.main_visual .swiper-pagination .swiper-pagination-bullet-active{margin-bottom:15px; background:#1e72c7;}

@media all and (min-width:1920px){
/*	.main_visual .swiper-slide > img{height:auto; width:100%;}*/
}
@media all and (max-width:1200px){
	.main_visual{height:550px}
	.main_visual .swiper-slide{height:550px}
	.main_visual .swiper-slide .txt_box br{display:none;}
}
@media all and (max-width:1000px){
	.main_visual{height:450px}
	.main_visual .swiper-slide{height:450px}
	.main_visual .swiper-slide .txt_box h3{font-size:58px;}
	.main_visual .swiper-slide .txt_box p{font-size:20px;}
	.main_visual .swiper-pagination{bottom:10px;}
}

@media all and (max-width:500px) {
	.main_visual .swiper-slide{overflow:hidden;  background-position:center center; background-repeat:no-repeat; background-size:144%; }
}

.main_con01{padding:60px 0 50px; background:url('/img/main_con01_bg.png') no-repeat left bottom}
.main_con01 .swiper-wrapper{padding-bottom:90px;}
.main_con01 ul{font-size:0; letter-spacing:-4px;}
.main_con01 ul li{box-sizing:border-box; border:1px solid #e5e5e5; transition:all 0.5s; cursor:pointer; position:relative;}
.main_con01 ul li:before{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:#272f37; z-index:5; transition:all 0.5s; opacity:0;}
.main_con01 ul li:after{content:''; position:absolute; left:50%; top:30%; width:71px; height:71px; background:url('/img/main_con01_icon.png') no-repeat center; -webkit-transform:Translate(-50% , -50%); -moz-transform:Translate(-50% , -50%); -ms-transform:Translate(-50% , -50%); -o-transform:Translate(-50% , -50%); transform:Translate(-50% , -50%); z-index:6; transition:all 0.5s; opacity:0;}
.main_con01 ul li .img_box{position:Relative; padding:32% 0 ; width:100%; overflow:hidden;}
.main_con01 ul li .img_box img{position:absolute; height:auto; width:70%; left:50%; top: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_con01 ul li .txt_box{padding:25px 20px; box-sizing:border-box; background:#fbfbfb; position:relative; z-index:10;}
.main_con01 ul li .txt_box p{font-size:18px; font-weight:bold; letter-spacing:-0.05em; color:#1e72c7;}
.main_con01 ul li .txt_box p i{display:inline-block; vertical-align:middle; width:18px; height:18px; border:1px solid #7d7d7d; border-radius:50%; box-sizing:border-box; background:#fff url('/img/main_con01_arrow.png') no-repeat center center; margin:5px;}
.main_con01 ul li .txt_box span{font-size:20px; font-weight:400; letter-spacing:-0.05em; color:#444444; display:block; margin-top:10px; white-space:nowrap; overflow:hidden; text-overfloW:ellipsis;}
.main_con01 .btn_box{text-align:center; padding-top:40px;}
.main_con01 .btn_box a{display:inline-block; padding:15px 13px; border:1px solid #1e72c7; font-size:16px; font-weight:400; letter-spacing:0; color:#1e72c7; transition:all 0.3s;}
.main_con01 .btn_box a:hover {color:#fff; background:#1e72c7; box-shadow:5px 5px 10px rgba(0,0,0,0.2)}

.main_con01 ul li:hover {box-shadow:0 26px 32px rgba(0,0,0,0.2); border:1px solid #1e72c7}
.main_con01 ul li:hover .txt_box{background:#1e72c7;}
.main_con01 ul li:hover .txt_box p{color:#fff;}
.main_con01 ul li:hover .txt_box p i{border-color:#fff; background-color:#fff; background-image:url('/img/main_con01_arrow_on.png'); }
.main_con01 ul li:hover .txt_box span{color:#fff;}
/*.main_con01 ul li:hover:before{opacity:1}*/
/*.main_con01 ul li:hover:after{opacity:1}*/

.main_con01 .swiper-pagination .swiper-pagination-bullet{width:14px; height:14px; background:#e5e5e5; border-radius:0; opacity:1;}
.main_con01 .swiper-pagination .swiper-pagination-bullet-active{background:#1e72c7;}

.main_con03{padding:50px 0;}
.main_con03 .main_tit{padding-bottom:0;}
.main_con03 .slide_box{position:relative;}
.main_con03 ul{font-size:0; letter-spacing:-4px;}
.main_con03 ul li{padding:50px 0; cursor:pointer;}
.main_con03 ul li .img_box{transition:all 0.5s;}
.main_con03 ul li .img_box img{width:100%;}
.main_con03 .prev{position:absolute; top:calc(50% - 12px); left:-20px; width:12px; height:24px; background:url('/img/main_con03_prev.png') no-repeat center; cursor:pointer; z-index:5;}
.main_con03 .next{position:absolute; top:calc(50% - 12px); right:-20px; width:12px; height:24px; background:url('/img/main_con03_next.png') no-repeat center; cursor:pointer; z-index:5;}

.main_con03 ul li:hover .img_box{box-shadow:0 26px 32px rgba(0, 0, 0, 0.2);}
.main_con03 ul li:hover a {
	display: block;
}
.header {
	z-index: 9999!important;
}

.main_con02{font-size:0; letter-spacing:-4px; position:relative; background:url('/img/main_con02_bg.jpg') center center / cover; overflow:hidden;}
.main_con02 .tit_box{display:inline-block; vertical-align:middle; width:24.16%; position:absolute; left:0; top:0; height:100%; z-index:90; }
.main_con02 .tit_box:before{content:''; position:absolute; left:100%; top:0; width:1000%; height:100%; background:#164677; z-index:2;}
.main_con02 .tit_box .table{z-index:50; position:relative; display:table; height:100%; width:100%;}
.main_con02 .tit_box .main_tit{text-align :left; padding-bottom:0; display:table-cell; vertical-align:middle; width:100%;}
.main_con02 .tit_box a{display:inline-block; padding:15px 13px; border:1px solid #1e72c7; font-size:16px; font-weight:400; letter-spacing:0; transition:all 0.3s; color:#fff; background:#1e72c7; box-shadow:5px 5px 10px rgba(0,0,0,0.2); margin-top:40px;}
.main_con02 .tit_box a:hover {color:#1e72c7; background:none;}
.main_con02 .slide_box_wrap{position:relative; }
.main_con02 .slide_box_wrap p.abs{position:absolute; left:100%; bottom:-70px; z-index:95; opacity:0.05}
.main_con02 .slide_box{position:relative; display:inline-block; vertical-align:middle; width:75.84%; margin-left:24.16%; box-sizing:border-box; z-index:98; overflow:hidden; }
.main_con02 .slide_box ul li{padding:60px 50px 30px; box-sizing:border-box; transition:all 0.5s;}
.main_con02 .slide_box ul li:hover{margin-top:-30px; background:url('/img/main_con02_bg.png') no-repeat center / cover;}
.main_con02 .slide_box ul li .img_box{position:Relative; padding:31% 0 ; width:100%; overflow:hidden;}
.main_con02 .slide_box ul li .img_box img{position:absolute; height:100%; width:100%; left:0; top:0; }
.main_con02 .slide_box ul li .txt_box{padding-top:25px;}
.main_con02 .slide_box ul li .txt_box p{font-size:20px; font-weight:500; letter-spacing:-0.05em; color:#ffffff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main_con02 .slide_box ul li .txt_box span{font-size:16px; font-weight:400; letter-spacing:0; color:#b0c8e0; display:block; padding-top:10px;}
.main_con02 .pager_box {position:relative; z-index:100; text-align:right; font-size:0; letter-spacing:-4px; }
.main_con02 .prev{display:inline-block; width:70px; heighT:70px; background:url('/img/main_con02_prev.png') no-repeat center; cursor:pointer; z-index:5;}
.main_con02 .next{display:inline-block; width:70px; heighT:70px; background:url('/img/main_con02_next.png') no-repeat center; cursor:pointer; z-index:5;}
.main_con02 .prev:hover {background:url('/img/main_con02_prev_on.png') no-repeat center; }
.main_con02 .next:hover {background:url('/img/main_con02_next_on.png') no-repeat center; }


@media all and (max-width:1200px){
	.main_con02:before{left:0; width:100px;}
	.main_con02 .slide_box ul li{padding:40px 20px 30px;}
}
@media all and (max-width:1000px){
	.main_con02:before{display:none;}
	.main_con02 .inner{width:100%;}
	.main_con02 .tit_box{position:relative; width:100%; height:auto !important; padding:20px 0 30px;}
	.main_con02 .tit_box:before{left:0; top:100%; width:100%; height:1000%;}
	.main_con02 .tit_box:after{display:none;}
	.main_con02 .tit_box .table{width:93.75%; margin:0 auto;}
	.main_con02 .slide_box{width:100%; margin-left:0; }
	.main_con02 .slide_box ul li:hover{margin-top:0;}
}

.main_con04{padding:50px 0; background:#f9f9f9; font-size:0; letter-spacing:-4px;}
.main_con04 .box{display:inline-block; vertical-align:top; width:calc(50% - 37px); margin-right:74px;}
.main_con04 .box:last-of-type{margin-right:0;}
.main_con04 .box dl{position:relative; background:#fff; border:1px solid #fff; box-sizing:border-box; cursor:pointer; transition:all 0.5s;}
.main_con04 .box dl + dl{margin-top:20px;}
.main_con04 .box dl dt{display:inline-block; vertical-align:middle; width:41%;}
.main_con04 .box dl dt .img_box{position:relative; padding-bottom:80%; overflow:hidden;}
.main_con04 .box dl dt .img_box img{position:absolute; top:0; left:0; right:0; bottom:0; max-width:100%; max-height:100%; margin:auto;}
.main_con04 .box dl dd{display:inline-block; vertical-align:middle; width:59%; padding:0 30px; box-sizing:border-box;}
.main_con04 .box dl dd .tit{font-size:18px; color:#444; letter-spacing:-0.05em; font-weight:500; line-height:1.5; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main_con04 .box dl dd .desc{font-size:16px; color:#666; letter-spacing:-0.02em; font-weight:200; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.4em; height:2.8em; margin:15px 0 20px;}
.main_con04 .box dl dd .date{font-size:16px; color:#aaa; letter-spacing:0em; font-weight:400; line-height:1.5; }
.main_con04 .box dl dd .date i{display:inline-block; vertical-align:middle; width:17px; height:16px; margin-right:5px; background:url('/img/main_con04_calicon.png') no-repeat center center / contain;}
.main_con04 .box dl:hover{border-color:#1e72c7; background:#1e72c7; box-shadow:0 26px 32px rgba(0,0,0,0.2); z-index:2;}
.main_con04 .box dl:hover dd .tit{color:#fff;}
.main_con04 .box dl:hover dd .desc{color:#fff;}
.main_con04 .box dl:hover dd .date{color:#cddbe9;}
.main_con04 .box dl:hover dd .date i{background-image:url('/img/main_con04_calicon_on.png');}

@media all and (max-width:1200px){
	.main_con04 .box{width:calc(50% - 20px); margin-right:40px;}
}
@media all and (max-width:1000px){
	.main_con04 .box{width:100%; margin-right:0; margin-bottom:20px;}
	.main_con04 .box:last-of-type{margin-bottom:0;}
	.main_con04 .box dl dd{padding:0 10px;}
	.main_con04 .box dl dd .desc{margin:10px 0;}
}