@charset "UTF-8";
.modal{display:none}
#header{position:absolute;}
#header .head_left{top: 26px;left:80px !important}
#header .nav_all{top: 15px;    right: 80px;}
#container{padding-top: 100px;}

.main_int{padding: 0 80px 80px;font-family:'NanumSquareR', 'Pretendard', 'Noto Sans KR', 맑은고딕, 'Malgun Gothic', 돋움, Dotum, 'Roboto';font-weight:800}
.main_int .int_list{display:flex}
.main_int .int_list:after{content:"";display:block;clear:both}



.main_int .int_list .int_item{position:relative;float:left;height:calc(100vh - 180px);height:calc(100vh - 140px);min-height:600px;border-radius:30px;border-radius:30px;text-align:center;background-size:cover;background-repeat:no-repeat;background-position:center;margin-right:15px}
.main_int .int_list .int_item:nth-child(1){background-image:url(../images/main/main_int1.jpg)}
.main_int .int_list .int_item:nth-child(2){ background-image:url(../images/main/main_int2.jpg);margin-right:0}
.main_int .int_list:hover .int_item{border-radius:15px}
/*
.main_int .int_list .int_item:after{content:"";display:block;border-radius:30px;width:100%;height:100%;position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(to top, #000000 20%, rgba(0, 0, 0, 0) 99.38%);    background: linear-gradient(to top, #000000 25%, rgba(0, 0, 0, 0) 99.38%);opacity: 0.45; }
.main_int .int_list .int_item:nth-child(1):after{  background: linear-gradient(to top, #00153a 50%, rgba(0, 0, 0, 0) 99.38%);}
.main_int .int_list .int_item:nth-child(2):after{  background: linear-gradient(to top, #25361b 50%, rgba(0, 0, 0, 0) 99.38%);}

.main_int .int_list .int_item:nth-child(1):hover:after{  background: rgba(255, 255, 255, 0.2) }
.main_int .int_list .int_item:hover:after{ background: rgba(255, 255, 255, 0.2)}*/

.main_int .int_list .int_item a{display:block;width:100%;height:100%}
.main_int .int_list .int_item .int_btn{display:block}
.main_int .int_list .int_item .int_btn:before{content:"";margin-right: 10px; vertical-align: top;display:inline-block;width:0;opacity:0;height:0;background-size:100%;background-repeat:no-repeat; background-position:center;   transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;   background-image: url(../images/common/ico_deco_w.png);margin-top: 5px;}
.main_int .int_list .int_item:hover .int_btn:before{opacity: 1;width: 42px;height:27px}
.main_int .int_list .int_item .int_txt_wrap{z-index:1;position:absolute;bottom:35%;left:50%;transform:translate(-50%);width:100%}
.main_int .int_list .int_item .int_txt .int_tit{font-size: 63px;margin-bottom:40px;font-weight:800;color: #fff;text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);}
.main_int .int_list .int_item .int_btn_list>li .int_btn{font-weight:800 !important;transition:background-color 0.3s;display:inline-block;font-size:28px;padding:27px 60px;background-color:#1753ba;color: #fff;border-radius:40px}
.main_int .int_list .int_item:nth-child(1) .int_btn_list>li .int_btn{ background-color: #1753ba;}
.main_int .int_list .int_item:nth-child(2) .int_btn_list>li .int_btn{ background-color: #009242;}
.main_int .int_list .int_item:nth-child(1):hover  .int_btn_list>li .int_btn{ background-color: #234a8c;background-color: #1753ba;}
.main_int .int_list .int_item:nth-child(2):hover .int_btn_list>li .int_btn{ background-color: #0a6031;background-color: #009242;}
.main_int .int_list .int_item:hover .int_btn_list>li .int_btn{background-color:#263959;}
.main_int .width_ani_wrap {gap:0;}
.main_int .width_ani:hover{flex-grow: 1.9; }

.floating_wrap{display:none !important}
/*#footer .contact_list{margin-bottom:0}
#footer .footer_container {padding-top: 70px;}*/


.p_copyright{ position: absolute; bottom: 15px;right: 30px;color: #fff;font-weight: 400;font-size: 10.5px;letter-spacing: -0.6px;opacity: 0.5;z-index: 10;}
      
@media all and (max-width:1500px){
	.main_int .int_list .int_item .int_txt .int_tit {font-size: 45px; margin-bottom: 35px;}
    .main_int .int_list .int_item .int_btn_list>li .int_btn{font-size: 20px;padding: 20px 40px;}	
    
    .main_int .int_list .int_item:hover .int_btn:before{width: 30px;height: 25px;background-size: 100%;background-repeat: no-repeat;background-position: center;}
.main_int .int_list .int_item .int_btn:before{margin-top:0}

}

@media all and (max-width:1200px){
	/*#footer .footer_logo{display:none}
	#footer .address{padding: 0 30px;}*/
	
	.main_int .width_ani:hover{flex-grow: 1.4; }
	
}

@media all and (max-width:1024px){
	#container {padding-top: 80px;}
	.main_int {padding: 0 30px 80px;}
	.main_int .int_list .int_item .int_txt .int_tit {font-size: 35px;margin-bottom: 25px;}
    .main_int .int_list .int_item .int_btn_list>li .int_btn{font-size: 18px;padding: 15px 30px;}
    
    #header .nav_all{right:15px}
    
    #header .head_left{left:30px !important}
    
   /* #footer{padding-bottom:0}
    #footer .footer_container{padding:30px}
    #footer .address{padding-top:0}
    #footer .contact_list>li>div.contact_place{display:block}
    #footer .contact_list>li>div.contact_detail>ul>li:last-child{padding-bottom:0}*/
    
}

@media all and (max-width:768px){
	.main_int .int_list{display:block}
	.main_int .int_list .int_item{float:none;margin-bottom:30px;height: 300px;min-height: unset;margin-right:0}
	.main_int .int_list .int_item:last-child{margin-bottom:0}
	
	.main_int .int_list .int_item:hover .int_btn:before {width: 25px;height: 20px;}
}	

@media all and (max-width:480px){
	.main_int .int_list .int_item .int_txt .int_tit {font-size: 28px;margin-bottom: 20px;}
    .main_int .int_list .int_item .int_btn_list>li .int_btn{font-size: 17px;padding: 12px 20px;}
}