@charset "utf-8";

/* ==========================================================================
	공통
========================================================================== */
/* main_tit */
.main_tit i{display:block; width:30px; height:30px; background:url('/img/main_tit_deco.png') no-repeat center center / contain; margin-bottom:10px;}
.main_tit h3{font-size:48px; color:#222; letter-spacing:-0.04em; font-weight:700; line-height:1.2; margin:0; word-break:keep-all;}
.main_tit.type02 h3{color:#fff;}

@media all and (max-width:1000px){
	.main_tit h3{font-size:40px;}
}

/* main_tab_btn */
.main_tab_btn ul{font-size:0; letter-spacing:-4px;}
.main_tab_btn ul li{position:relative; display:inline-block; vertical-align:top; width:calc(50% - 5px); max-width:180px; height:90px; margin-right:10px;}
.main_tab_btn ul li:last-of-type{margin-right:0;}
.main_tab_btn ul li a{display:table; width:100%; height:100%; font-size:20px; color:#aaa; letter-spacing:-0.04em; font-weight:500; line-height:1.2; text-align:center; background:#f5f5f5;}
.main_tab_btn ul li a span{display:table-cell; vertical-align:middle;}
.main_tab_btn ul li.on{box-shadow:20px 20px 40px rgba(71, 16, 11, 0.2); z-index:2;}
.main_tab_btn ul li.on a{color:#fff; background:#d82d1f;}

.tab_contents > div{display:none;}
.tab_contents > div:first-of-type{display:block;}

/* ==========================================================================
	MAIN
========================================================================== */
.main_visual .swiper-slide{position:relative; height:790px; background-repeat:no-repeat; background-position:center; background-size:cover; overflow:hidden;}
.main_visual .swiper-slide.slide01{background-image:url('/img/main_visual01.jpg');}
.main_visual .swiper-slide.slide02{background-image:url('/img/main_visual02.jpg');}
.main_visual .swiper-slide.slide03{background-image:url('/img/main_visual03.jpg');}
.main_visual .txt_box{position:absolute; top:40%; left:50%; display:block; width:96%; max-width:1200px; 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_visual .txt_box h2{font-size:60px; color:#fff; letter-spacing:-0.04em; font-weight:700; line-height:1.2; margin:0;}
.main_visual .txt_box i{display:block; width:200px; height:1px; background:#fff; margin:20px 0;}
.main_visual .txt_box p{font-size:22px; color:#fff; letter-spacing:-0.04em; font-weight:300; line-height:1.6; word-break:keep-all;}
.main_visual .swiper-pagination{position:absolute; top:60%; left:50%; display:block; width:96%; max-width:1200px; text-align:left; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); padding:0 6px; box-sizing:border-box;}
.main_visual .swiper-container-horizontal>.swiper-pagination-bullets{bottom:auto; left:50%; width:96%;}
.main_visual .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0; margin-right:30px;}
.main_visual .swiper-pagination .swiper-pagination-bullet{position:relative; width:8px; height:8px; border-radius:0; background:#fff; margin-right:30px; opacity:1;}
.main_visual .swiper-pagination .swiper-pagination-bullet-active:before{content:''; position:absolute; top:calc(50% - 10px); left:calc(50% - 10px); display:block; width:20px; height:20px; border:1px solid #fff; box-sizing:border-box;}

@media all and (max-width:1000px){
	.main_visual .swiper-slide{height:680px;}
}

.main_con01{overflow:hidden; font-size:0; letter-spacing:-4px; position:relative; z-index:100;}
.main_con01 .slider{position:relative; }
.main_con01 .swiper-wrapper{align-items:center; }
.main_con01 .swiper-slide{padding:60px 0;}
.main_con01 .swiper-slide .img_box{width:100%; transform:translateY(-20%) scale(0.3); -webkit-transform:translateY(-20%) scale(0.3); -moz-transform:translateY(-20%) scale(0.3); -ms-transform:translateY(-20%) scale(0.3); -o-transform:translateY(-20%) scale(0.3);}
.main_con01 .swiper-slide .img_box img{width:100%;}
.main_con01 .swiper-slide .img_box h6{display:none;}
.main_con01 .swiper-slide .txt_box{display:none;}
.main_con01 .swiper-slide-active .img_box{display:inline-block; width:50%; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); box-shadow:20px 20px 40px rgba(62, 31, 31, 0.2);}
.main_con01 .swiper-slide-active .img_box h6{display:block;}
.main_con01 .swiper-slide-active .img_box img{width:auto;}
.main_con01 .swiper-slide-active .txt_box{display:inline-block;}
.main_con01 .arrow_box a{position:absolute; top:50%; display:block; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); z-index:10;}
.main_con01 .arrow_box .prev{left:-80px;}
.main_con01 .arrow_box .next{right:-80px;}
.main_con01 .img_box{position:relative; display:inline-block; vertical-align:middle; width:50%; overflow:hidden; }
.main_con01 .img_box img{position:relative; top:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%);}
.main_con01 .img_box h6{position:absolute; bottom:-15px; left:105%; font-size:100px; color:#fff; letter-spacing:-0.04em; font-weight:700; line-height:1; margin:0; white-space:nowrap; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%);}
.main_con01 .txt_box{position:relative; display:inline-block; vertical-align:middle; width:50%; min-height:600px; background:#83241c; padding:100px 90px 0; box-sizing:border-box; overflow:hidden; box-shadow:20px 20px 40px rgba(62, 31, 31, 0.2);}
.main_con01 .txt_box .main_tit{position:relative; z-index:2;}
.main_con01 .txt_box ul{position:relative; margin:60px 0 30px; z-index:2;}
.main_con01 .txt_box ul:after{content:''; display:block; clear:both; visibility:hidden;}
.main_con01 .txt_box ul li{position:relative; float:left; display:table; vertical-align:top; width:100px; height:100px; margin-top:10px; margin-right:10px; border:4px solid #fff; border-top:0; box-sizing:border-box; text-align:center;}
.main_con01 .txt_box ul li:last-of-type{margin-right:0}
.main_con01 .txt_box ul li:before{content:''; position:absolute; top:0; left:0; display:block; width:30%; height:4px; background:#fff;}
.main_con01 .txt_box ul li:after{content:''; position:absolute; top:0; right:0; display:block; width:30%; height:4px; background:#fff;}
.main_con01 .txt_box ul li i{position:absolute; top:-10px; left:calc(50% - 12px); display:block; width:24px; height:20px; background:url('/img/main_con01_icon01.png') no-repeat center center / contain;}
.main_con01 .txt_box ul li p{display:table-cell; vertical-align:middle; font-size:20px; color:#fff; letter-spacing:-0.04em; font-weight:500; line-height:1.2;}
.main_con01 .txt_box .desc{position:relative; z-index:2;}
.main_con01 .txt_box .desc p{font-size:18px; color:#fff; letter-spacing:-0.04em; font-weight:300; line-height:1.6; word-break:keep-all;}
.main_con01 .txt_box h6{position:absolute; bottom:25px; left:5%; font-size:100px; color:#902e25; letter-spacing:-0.04em; font-weight:700; line-height:1; margin:0; white-space:nowrap; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%);}

.main_con01 .swiper-slide.type02 .txt_box ul li{margin-right:5px}
.main_con01 .swiper-slide.type02 .txt_box ul li p{font-size:17px;}

@media all and (max-width:1500px){
	.main_con01 .arrow_box .prev{left:-40px;}
	.main_con01 .arrow_box .next{right:-40px;}
}
@media all and (max-width:1200px){
	.main_con01 .arrow_box .prev{left:-20px;}
	.main_con01 .arrow_box .next{right:-20px;}
	.main_con01 .img_box h6{font-size:80px;}
	.main_con01 .txt_box{padding:120px 40px 0;}
	.main_con01 .txt_box h6{font-size:80px;}
}
@media all and (max-width:1000px){
	.main_con01 .swiper-slide-active .img_box{display:block; width:80%;}
	.main_con01 .swiper-slide-active .img_box img{width:100%;}
	.main_con01 .swiper-slide-active .img_box h6{display:none;}
	.main_con01 .arrow_box a{top:40%;}
	.main_con01 .arrow_box .prev{left:0;}
	.main_con01 .arrow_box .next{right:0;}
	.main_con01 .img_box{display:block; width:80%; margin:0 auto;}
	.main_con01 .img_box img{top:auto; left:auto; width:100%; transform:none;}
	.main_con01 .img_box h6{display:none;}
	.main_con01 .txt_box{width:100%; min-height:0; padding:40px 20px 60px;}
	.main_con01 .txt_box ul{margin:40px 0 20px;}
	.main_con01 .txt_box h6{display:none;}
}

.main_con02{padding:40px 0 150px; font-size:0; letter-spacing:-4px;}
.main_con02 .left_box{display:inline-block; vertical-align:top; width:42.5%;}
.main_con02 .left_box .txt_box{max-width:460px; margin-left:auto; padding-right:20px; box-sizing:border-box;}
.main_con02 .left_box .txt_box .main_tab_btn{padding:25px 0 45px;}
.main_con02 .left_box .txt_box dl{margin:10px 0;}
.main_con02 .left_box .txt_box dl dt{display:inline-block; vertical-align:middle; width:60px; margin-right:15px;}
.main_con02 .left_box .txt_box dl dd{display:inline-block; vertical-align:middle; width:calc(100% - 75px);}
.main_con02 .left_box .txt_box dl dd p{font-size:18px; color:#666; letter-spacing:-0.04em; font-weight:500; line-height:1.6; word-break:keep-all;}
.main_con02 .right_box{display:inline-block; vertical-align:top; width:57.5%;}
.main_con02 .right_box .map_box{height:600px;}
.main_con02 .right_box .map_box iframe{width:100%; height:100%}

@media all and (max-width:1200px){
	.main_con02 .left_box .txt_box{padding-left:20px;}
}
@media all and (max-width:1000px){
	.main_con02 .left_box{width:100%; margin-bottom:20px;}
	.main_con02 .left_box .txt_box .main_tit h3 br{display:none;}
	.main_con02 .left_box .txt_box{max-width:100%;}
	.main_con02 .right_box{width:100%;}
	.main_con02 .right_box .map_box{height:480px;}
}