@charset "utf-8";
.main-section-01{}
.main-section-01::after{content:"";display:block;width:auto;border-bottom:1px solid #eee;position:relative;z-index:22;box-shadow: 0px 11px 18px 2px rgb(0 0 0 / 80%);}
.main-section-01 .video_bg{position: absolute; width: 100%; margin-top:-60px;}
.main-section-01 .box{position: relative; height: 858px; font-size:0;}
.main-section-01 .box .bg{position: absolute; top: 0; bottom: 0;left: 0;right: 0; 	
    background-color: rgba( 255, 255, 255, 0.0 );
}
.main-section-01 .box .main_title{position: relative; width: 49.2%; display:inline-block;  z-index: 20; text-align:center; color:#fff; font-size:20px; font-weight:500;vertical-align: bottom; margin-bottom:350px;}

.main-section-01 .box .main_title .motto{text-align:left;margin-left:40%;line-height:2;top:80px;position:relative;left:-25px}
.main-section-01 .box .main_title .motto .motto-sub{width: 283px; padding: 5px; text-align: center;}
.main-section-01 .box .main_title .motto .motto-sub::before,.main-section-01 .box .main_title .motto .motto-sub::after{border-style:solid;border-width:0;content:"";height:34px;position:absolute;width:34px}
.main-section-01 .box .main_title .motto .motto-sub:before{border-color:red;border-left-width:5px;border-top-width:5px;left:15px;top:5px}
.main-section-01 .box .main_title .motto .motto-sub:after{border-bottom-width:5px;border-color:red;border-right-width:5px;bottom:-15px;left:245px}
.main-section-01 .box .main_title .motto .motto-sub .title{left: -11px;position: relative;font-size: 1.4rem; }


.main-section-01 .box .img_hover{position: relative; display:inline-block;  width: 16.86%; margin-top: 100px; font-size:30px; font-weight:500; height: 758px; text-align:center; border-left:1px solid rgb(238 238 238 / 0.5);background: transparent; box-sizing:border-box;}
.main-section-01 .box .img_hover > a{position: absolute; top: 0;left: 0;right: 0;bottom: 0;color:#fff;line-height:758px; z-index: 5;}


/* .main-section-01 .box .img_hover .bg01 {height: 758px; opacity:0; transition: 0.6s; margin-right: -1px;}
.main-section-01 .box .img_hover:hover .bg01{background: url(../img/main/mobile_banner_01.jpg) no-repeat; background-size: cover; opacity:1}
.main-section-01 .box .img_hover .bg02 {height: 758px; opacity:0; transition: 0.6s; margin-right: -1px;}
.main-section-01 .box .img_hover:hover .bg02{background: url(../img/main/mobile_banner_02.jpg) no-repeat; background-size: cover; opacity:1}
.main-section-01 .box .img_hover .bg03 {height: 758px; opacity:0; transition: 0.6s; margin-right: -1px;}
.main-section-01 .box .img_hover:hover .bg03{background: url(../img/main/mobile_banner_03.jpg) no-repeat; background-size: cover; opacity:1}

 */

/* -------- main-section-02 -- */
.main-section-02{ padding-bottom:204px; position:relative; background: #fff;}
.main-section-02 .img-table , .main-section-02 .img-table tbody .main-section-02 .img-table tbody tr , .main-section-02 .img-table tbody tr td{margin: 0;padding: 0; border: none;}
.main-section-02 .table-1 .td-1{ width:480px; height: 860px;}
.main-section-02 .table-1 .td-3{width:486px;}
.main-section-02 .table-2 .td-1{ width:480px; height: 859px;}
.main-section-02 .table-2 .td-3{width:486px;}
.main-section-02 .table-3 .td-1{ width:484px; height: 856px;}
.main-section-02 .table-3 .td-3{width:486px;}


/* -------- main-section-03 -------- */
.main-section-03{}
.main-section-03 .tit{font-family: 'Montserrat', sans-serif; font-size:25px; font-weight:500; color: #252525;  text-align: center; margin-bottom: 40px;}


/* -------- main-section-04 -------- */
.main-section-04{   margin-bottom: 50px;}
.section_title_02{margin-bottom: 50px;}
.main-section-04-title{position: relative;margin-bottom: 50px;font-weight:bold; font-size:45px; color: #000000; text-align: center; letter-spacing:-0.01em; margin-top:94px;}
.main-section-04-title::before{content:"";display:block;width:80px;border-bottom:4px solid #ed1c24;margin:3px auto}
.main-section-04 .tit{font-family: 'Montserrat', sans-serif; font-size:25px; font-weight:500; color: #252525;  text-align: center; margin-bottom: 40px;}


#privacy-h2{
font-size: 2.2rem;
margin-top: 50px;
}
#privacy-h2::before {
    width: 140px;
}

.section_title_01{font-weight:bold; font-size:45px; color: #ed1c24; text-align: center; letter-spacing:-0.01em; margin-top:94px;}
.section_title_02{font-weight:bold; font-size:45px; color: #000000; text-align: center; letter-spacing:-0.01em; margin-top:94px;}
.sub_sub_tit{font-weight:400; font-size:18px; color: #000000; text-align: center; letter-spacing:-0.01em; margin-top:20px;}
 
.article_title{font-size:2.2rem; margin-bottom: 30px; font-weight: 400; color: #000000;}
.article_title::before{content: ""; display: block; width: 55px; border-bottom: 4px solid #ed1c24; margin-bottom: 12px;position: relative;}




.main_sub_box{border-top: 3px solid #ee232b;}
.section-02{margin-bottom: 50px;}
.main_bottom_banner{bottom: 0;    width: 100%;text-align: center;cursor: pointer;}





.section_wrap.s-container{margin: 0; max-width:none;}
.section_wrap{overflow: hidden;}
.section_wrap .peb{margin-top:90px; }

	 #map-title{
	
		position: relative;
		top: 142px;
		z-index: 99;
		width: 150px;
		height: 154px;
		float: right;
		right: -80%;
	 }

	 #map-img2{
		 display: none;
	 }

.main_sub_box strong{
	font-weight: bold;
} 

		#main-bottom-txt{
				 position: relative; 
				 top: -300px;
		}
		#main-bottom-txt h5{
			font-family: 'NotoSansKR-bold'; 
			font-size: 2.5rem;
			color: red;
		}
		#main-bottom-txt p{
			font-family: 'NotoSansKR';
			color: #fff;
			font-size: 1.0rem;
			margin-top:25px;
		}
@media all and (max-width:1500px) {	
	.main-section-02{padding:0px 5%}
	.main-section-02 .table-1 .td-1{ width:auto; height: auto;}
	.main-section-02 .table-1 .td-3{ width:auto;}
	.main-section-02 .table-2 .td-1{ width:auto; height:auto;}
	.main-section-02 .table-2 .td-3{width:auto;}
	.main-section-02 .table-3 .td-1{ width:auto; height: auto;}
	.main-section-02 .table-3 .td-3{width:auto;}

	.main-section-04 {
		padding: 0px 6%;
    	width: auto;
	}
	.footer .footer-txt {
		padding: 0px 6%;
    	width: auto;
	}

	#main-bottom-txt{
		 top: -250px;
	}
}

@media all and (max-width:1420px){
		
	.wrap > .section_wrap.s-container{padding: 0;}
	.section_wrap .container-1400{padding: 0 16px; width: auto; text-align: center;}
	.section_wrap .peb_bg .box{width: 60%;}
	.section_wrap .peb_bg .box.bg_b{width: auto; text-align: left;}
	.section_wrap .peb_bg .box.bg_b .peb_po::before{left: -179px; top:-38px}
	
	.section_wrap .intro .item01 .box{vertical-align: middle; width: 48%;}
	.section_wrap .intro .item01 .img .main_img{max-width:600px;}
	.section_wrap .intro .item01 .txt{ max-width:600px; margin-left: 4%; text-align: left; margin-top:0;}

	.article_title::before{
		content: "";
		display: block;
		width: 55px;
		border-bottom: 3px solid #ed1c24;
		margin: 12px auto;
		left: -60px;
    	position: relative;
	}

	 #main-map{	
		 padding: 0 60px !important;
	 }

	 #main-bottom-txt{
		 top: -220px;
	}
}


@media all and (max-width:1200px){
	.main-section-01 .video_bg{margin-top: -100px;}
	.main-section-01 .box .main_title{top: inherit; transform:inherit; width: 100%; margin-top:255px; margin-bottom:150px; text-align:center;}
	.main-section-01 .box .main_title .main_logo{margin: 0 auto}
	.main-section-01 .box .main_title > p{padding-top:32px; margin-left: 0; line-height: 28px; }
	.main-section-01 .box .img_hover{width:33.3%; height: 200px; margin-top:130px; font-size:20px; top: -90px;}
	
	.main-section-01 .box .img_hover > a{line-height:200px;}
	.main-section-01 .box .img_hover .bg01 {background: url(../img/main/main_banner_01.jpg) bottom no-repeat; background-size: cover;  height: 200px; opacity:1; transition: 0.6s}
	.main-section-01 .box .img_hover:hover .bg01{background: url(../img/main/main_banner_01.jpg) bottom no-repeat; background-size: cover;  height: 200px; opacity:1; transition: 0.6s}
	.main-section-01 .box .img_hover .bg02 {background: url(../img/main/main_banner_02.jpg) bottom no-repeat; background-size: cover;  height: 200px; opacity:1; transition: 0.6s}
	.main-section-01 .box .img_hover:hover .bg02{background: url(../img/main/main_banner_02.jpg) bottom no-repeat; background-size: cover;  height: 200px; opacity:1; transition: 0.6s}
	.main-section-01 .box .img_hover .bg03 {background: url(../img/main/main_banner_03.jpg) bottom no-repeat; background-size: cover;  height: 200px; opacity:1; transition: 0.6s}
	.main-section-01 .box .img_hover:hover .bg03{background: url(../img/main/main_banner_03.jpg) bottom no-repeat; background-size: cover;  height: 200px; opacity:1; transition: 0.6s}
	
	
	.main-section-01::after{content:"";display:block;width:auto;border-bottom:0px solid #eee;position:relative;z-index:22;box-shadow:0 0 0 rgb(0 0 0/80%)}
	.main-section-01 .box.main_title.motto{text-align:left;margin-left:33%;line-height:2;top:20px;position:relative}

	.main-section-01 .box .main_title .motto {
		top:0px
	}

 	#main-bottom-txt{
		 top: -200px;
	}
}

@media all and (max-width:1040px) {
	
	.main-section-01{position:relative; }
	.main-section-01 .video_bg{height: 560px; margin-top: 0px}
	.main-section-01 .m-bg{position:absolute; top: 0; left: 0; right: 0; bottom: 188px; background:url(../img/main/main_banner_bg.jpg) 50% 20% no-repeat; background-size: cover}
	.main-section-01 .box{height: 695px;}
	.main-section-01 .box .main_title{ margin-top:170px; margin-bottom:72px;} 
	
	.main-section-02 .info{margin-top:180px; padding-right:60px;}
	.main-section-02 .info > p{margin-top: 20px;}
	.main-section-02 .info .icon_box > div{margin-right: 30px;}
	.main-section-02 .info .icon_box{margin-bottom: 36px; margin-top: 36px;}
	.main-section-02 .swiper-container .swiper-wrapper .swiper-slide{margin: 0 20px; transform: scale(0.87);}
	.main-section-02 .swiper-container .swiper-wrapper .swiper-slide.slick-active {transform: scale(1);}
	.main-section-02 .swiper-container .swiper-wrapper .swiper-slide .slide_num{margin-top: 160px; margin-bottom: 10px;}
	.main-section-02 .swiper-container .swiper-wrapper .swiper-slide .tag{margin-top:20px;}
	.main-section-02 .swiper-container .swiper-wrapper .swiper-slide > p{width: 100%; font-size:14px;}
	.main-section-02 .swiper-container .swiper-wrapper .swiper-slide .more_btn{margin-top:20px;}
	
	.main-section-03 .m60{margin: 0 60px;}
	.main-section-03 .slide .prev02{display:none; }
	.main-section-03 .slide .next02{display:none; }
	.main-section-03 .icon_container .color_bg{height: 340px;}


	.main-section-04 .news_container .news_item{width: 100%; text-align: center;}
	.main-section-04 .news_container .news_item > img{max-width:320px; height: 200px;}
	.main-section-04 .news_container .news_item .txt{width: 100%; margin-top: 14px; margin-left:0px;}
	.main-section-04 .news_container .news_item .txt > h4{font-size:18px; font-weight:500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
	.main-section-04 .news_container .news_item .txt > p{display:none;}
	

		#main-bottom-txt{
				 position: relative; 
				 top: -150px;
		}
		#main-bottom-txt h5{
			font-family: 'NotoSansKR-bold'; 
			font-size: 2.5em;
			color: red;
		}
		#main-bottom-txt p{
			font-family: 'NotoSansKR';
			color: #fff;
			font-size: 1.0em;
			margin-top:25px;
		}
}

@media all and (max-width:760px) {
	.main-section-01 .box .img_hover{width: 33.3%;}
	
	.main-section-04{overflow: hidden; padding: 0 16px;}
	.main-section-04 .news_container .news_item > img{max-width:none; height: 220px;}

		#main-bottom-txt{ 
				 top: -120px;
		}
}
 

@media all and (max-width:500px) {
	
	.main-section-01{overflow: hidden; height: 586px;	}
	.main-section-01 .video_bg {height: 270px; margin-top:60px;}
	.main-section-01 .m-bg{height: 400px; position:absolute; top: 0; left: 0; right: 0; bottom: 60px; background:url(../img/main/main_banner_bg.jpg) 50% 20% no-repeat; background-size: cover}
	.main-section-01 .box{height: 400px;}
	.main-section-01 .box .img_hover{width: 33.3%; font-size:18px; margin-top:30px; border-left: none;top:-105px;}
	.main-section-01 .box .main_title{margin-top:180px;}
	.main-section-01 .box .main_title .main_logo{width: 225px;}
	.main-section-01 .box .main_title > p{padding-top:16px;line-height:24px}
	
	.main-section-02{padding-left:0px; 
		padding-top:0; padding-bottom:40px;
		 padding-right:0px; background:
		  transparent;
			}
	.main-section-02 .info{margin-top:60px; padding-right:0px; float:unset; width: inherit; text-align: center;}
	.main-section-02 .info .slide_btn{display:none; }
	.main-section-02 .swiper-container .swiper-wrapper .swiper-slide{height: 466px; min-width:inherit; max-width:inherit; transform: scale(1); margin:40px 0 0 0;}
	.main-section-02 .swiper-container .swiper-wrapper .swiper-slide.slick-now {width: 100%; max-width:inherit;}
	.main-section-02 .swiper-container .swiper-wrapper .swiper-slide > img{max-width:inherit;}
	.main-section-02 .swiper-container .swiper-wrapper .swiper-slide .slide_num{display:none; margin-top:60px;}
	.main-section-02 .swiper-container .swiper-wrapper .swiper-slide.slick-active{max-width:inherit;}
	.main-section-02 .swiper-container .swiper-wrapper .swiper-slide > img{max-width:inherit;}
	.main-section-02 .swiper-container .swiper-wrapper .swiper-slide > p{max-width:inherit;}
	
	.main-section-03 .m60{margin: 0 16px;}

	.main-section-01 .box .main_title .motto {
		margin-left: 20%;
		top: -50px;
	}

	.main_bottom_banner {
		margin-top: 50px;
	}

	.main_bottom_banner img {
		height: 250px;
	}





	 #main-map{	
		 padding: 0 30px !important;
	 }


	 #map-title{
		position: relative;
		top: 65px;
		z-index: 99;
		right: -40%;
		width: 80px !important;
		height: 81px !important;
		float: right;
	 }

	 #s11_05 {
		 margin-top: 0px !important;
	 }



	.main-section-02 .table-1 , .main-section-02 .table-2, .main-section-02 .table-3{
		width: 342px;
		border-top: 3px solid #ee232b;
	}
	.main-section-02 .table-1 .td-1 , .table-1 .td-1 img{
    	width: 114px  !important;
    	height: 218px  !important;
	}

	.main-section-02 .table-1 .td-2, .table-1 .td-2 img{
 		 width: 114px  !important;
  	 	height: 218px  !important;
	}

	.main-section-02 .table-1 .td-3 ,.table-1 .td-3 img{
    	width: 114px  !important;
    	height: 108px  !important;
	}


	.main-section-02 .table-1 .td-4, .table-1 .td-4 img{
    	width: 114px  !important;
    	height: 110px	 !important;
	}


	.main-section-02 .table-2 .td-1 , .table-2 .td-1 img{
    	width: 114px  !important;
    	height: 225px  !important;
	}

	.main-section-02 .table-2 .td-2, .table-2 .td-2 img{
 		 width: 114px  !important;
  	 	height: 225px  !important;
	}

	.main-section-02 .table-2 .td-3 ,.table-2 .td-3 img{
    	width: 114px  !important;
    	height: 225px  !important;
	}


	.main-section-02 .table-3 .td-1 , .table-3 .td-1 img{
    	width: 114px  !important;
    	height: 227px  !important;
	}

	.main-section-02 .table-3 .td-2, .table-3 .td-2 img{
 		 width: 114px  !important;
  	 	height: 227px  !important;
	}

	.main-section-02 .table-3 .td-3 ,.table-3 .td-3 img{
    	width: 114px  !important;
    	height: 227px  !important;
	}


	.section_wrap .container-1400 {
		padding: 0 0;
		width: auto;
		text-align: center;
		padding-left: 2.5%;
	}

	#main-bottom-txt{ 
				 top: -180px;
	}

	#main_sub_box_table_4{
		width: 342px;
		border-top: 3px solid #ee232b;
	}
}





/* form contact  */
.form-contact {border-top:2px solid #ed1c24; padding:0; margin-top:10px; margin-bottom:30px; margin:0 auto}
.form-contact caption {visibility:hidden;}
.form-contact th {padding:10px; border-bottom: 1px solid #ddd; background-color:#f6f6f6; border-right: 1px solid #ddd; text-align:center; font-weight: bold; color:#333; line-height:18px;}
.form-contact td {padding:10px; border-bottom:1px solid #ddd; text-align:center; vertical-align:middle; line-height:18px;}
.form-contact .left {text-align:left; padding-left:10px;}
.form-contact .right {text-align:right; padding-left:10px;}
.form-contact .r_none {border-right:none;}
.form-contact .b_none {border-bottom:none;}
.form-contact .font_ip {font-size:8pt; color:#aaa;}
.form-contact .font_comcnt {color:#d33;}
.form-contact .font_comment {font-weight: bold; font-size: 11px; color: #ee2ea9;}
.form-contact .content-area {text-align:left; vertical-align:top; padding:12px; word-break:break-all;}
.form-contact .sns-area {width:100%; text-align:right; padding-top:10px}
.form-contact .ip-area {width:100%; text-align:right;}







