@charset "utf-8";
@import url('font.css'); /* 사이트 세부설정, 공통 클래스 설정, 기타 설정 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');


/* reset */
body {
	font-family:'Noto Sans KR',NanumGothic,'나눔고딕','돋움',dotum, sans-serif;	
	font-weight:400;
	font-size:14px;
	line-height:1.7;
	color:#555555;	
	margin:0;
	padding:0;	
	letter-spacing:-0.5px;
	-webkit-font-smoothing:antialiased;
    -moz-font-smoothing:antialiased;
    font-smoothing:antialiased;
}/*overflow-x: hidden;*/

button{cursor:pointer;}
button:focus{outline:none;}

textarea:focus{outline:none;}

input:focus {outline: none;}

iframe{border:none;}

img{border:none;}

br{letter-spacing: 0; font-family:NanumGothic,'나눔고딕', sans-serif;}

h1, h2, h3, h4, h5, h6 {font-size:1em;}

h1, h2, h3, h4, h5, h6, div, p, dl, dt, dd, ul, ol, li, form, fieldset, blockquote, address, table, thead, tbody, tfoot, tr, td, caption
{
	margin:0;
	padding:0;
}
ul, ol {
	list-style:none;
}
strong, b, h1, h2, h3, h4, h5, h6{font-weight:500;}
em,i,address{font-style:normal;}
a{text-decoration:none; color:#555555;}
*{box-sizing:border-box;}

/***layout***/
.wrap{width:100%; height:100%; font-family:'Noto Sans KR',NanumGothic,'나눔고딕','돋움',dotum, sans-serif;	min-width:1400px; 
		background:linear-gradient(to bottom, #253c88, #b19fd1 60%, #5069c5 85%);}
header{width:100%;}
.main>div{position:relative;}
.footer{width:100%; }

/***common***/
.wrap img{display:block; max-width:100%; vertical-align:top; margin:0 auto; }
#content_go{width:0; height:0; font-size:0; text-indent:-999999px; overflow:hidden;}
.clearfix:after{content: ''; zoom:1; display:block; clear:both;}
.inner{width:1400px; margin:0 auto; }/*box-shadow:0px 0px 50px rgba(0,0,0,0.4);*/
.inner02{width:1200px; margin:0 auto; padding:0 15px;}

/*main_visual*/
.main_visual{width:1200px; margin:0 auto;}
.main_visual img{width:100%;}

/*home_link*/
.home_link{position:absolute; left:50%; top:35%; margin-left:-150px; text-align:center;}
.home_link>a{display:block; font-size:20px; color:#ffffff;padding:8px 10px; border-radius:50px; background-color:#0c4a7b;
		width:320px; box-shadow:0px 0px 5px rgba(0,0,0,0.4); } /* background: linear-gradient(to right, #c06f74, #0c4a7b); */
.home_link>a+a{margin-top:10px;}

/*main_banner_wrap*/
.main_banner_wrap{position:absolute; left:0; top:50%; width:100%; display:flex; flex-wrap:wrap; column-gap:24px;}
.main_banner_wrap>div{width:calc(25% - 18px); background-color:rgba(255,255,255,0.9); box-shadow:0px 0px 5px rgba(0,0,0,0.4); padding:15px 20px; 
		letter-spacing:-1px;}
.main_banner_wrap div.main_banner03{background-color:rgba(247,204,211,0.9);}
.main_banner strong{font-size:16px; line-height:1.2; color:#000000;}
.main_banner.main_banner04 strong{font-size:15px;}
.main_banner strong span{display:block;}
.main_banner p{margin-top:7px; font-size:15px; line-height:1.4; color:#333333;}
.main_banner.main_banner04 p{margin-top:5px; font-size:14px;} 
.main_banner p>*{display:block;}
.main_banner p>em{font-weight:500;}
.main_banner p>span{color:#0c4a7b; margin-top:1px; font-weight:500;}
.main_banner02>div+div{margin-top:15px; padding-top:8px; border-top:1px dashed #999999;}
.main_banner04>div+div{margin-top:8px; padding-top:8px; border-top:1px dashed #999999;}
/*btn_wrap*/
.btn_wrap{margin-top:10px; display:flex; column-gap:8px;}
.btn_wrap>a{width:calc(50% - 4px); font-size:15px; border:1px solid #000000; text-align:center; font-weight:500; padding:3px 0; color:#000000;}
.btn_wrap>a:hover{background-color:#0c4a7b; border-color:#0c4a7b; color:#ffffff;}
.main_banner04 .btn_wrap>a{font-size:14px; padding:2px 0;} 
.btn_wrap04{margin-top:12px;}
.btn_wrap04>a{display:block;  width:100%; font-size:15px; border:1px solid #000000; text-align:center; font-weight:500; padding:3px 0;
		color:#000000;}
.btn_wrap04>a:hover{background-color:#0c4a7b; border-color:#0c4a7b; color:#ffffff;}




/*footer*/
.footer>div{padding:20px 0 80px; position:relative;}
.company_info02{padding-left:25px; color:#ffffff; }
.company_info02 strong{font-size:15px;}
.company_info02 address{margin-top:3px;}

/*.top_btn*/
.top_btn{position:fixed; bottom:20px; right:20px; border:1px solid #999999; padding:15px 0 8px; cursor:pointer; width:40px; height:40px; 
		text-align:center; font-size:13px; color:#999999;  z-index:300; font-weight:500; }
.top_btn:before{content:''; width:4px; height:4px; display:block; border:2px solid #999999; border-left-width:0; border-bottom-width:0; 
		transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg); -o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);
		position:absolute; left:16px; top:9px;}

/*1400이하 */
@media screen and (max-width:1400px){

.wrap{min-width:1200px;}
.inner{width:100%;} 


}/*1400이하  끝*/

/*1200이하 */
@media screen and (max-width:1200px){
.wrap{min-width:350px; background:#ffffff;}
.inner02{width:100%;}
.main{padding-bottom:70px;}

/*main_visual*/
.main_visual{width:100%;}

/*main_banner_wrap*/
.main_banner_wrap{position:static; margin-top:30px; gap:10px 10px; padding:0 10px;}
.main_banner_wrap>div{width:calc(50% - 5px); background-color:#ffffff; border:1px solid #aaaaaa; box-shadow:none;}

/*footer*/
.footer{background-color:#393939;}



}/*1200이하  끝*/

/*1024이하 */
@media screen and (max-width:1024px){

/*home_link*/
.home_link{position:static; margin-left:0; margin-top:30px; }
.home_link>a{font-size:16px;  padding:6px 10px;	width:300px; box-shadow:none; margin:0 auto; }





}/*1024이하 끝*/

/*768이하 */
@media screen and (max-width:768px){



}/*768이하 끝*/

/*600이하 */
@media screen and (max-width:600px){

/*main_banner_wrap*/
.main_banner_wrap>div{width:100%;}

}/*600이하 끝*/

/*420이하 */
@media screen and (max-width:420px){

}/*420이하 끝*/
