﻿@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url("https://cdn.jsdelivr.net/npm/@mdi/font@7.4.47/css/materialdesignicons.min.css");
*{margin:0; padding:0}

/* common */
input{ vertical-align:middle; font-family:"Nanum Gothic" ; color:#71695e;}
textarea{font-family:NanumGothic; color:#71695e;}
select{font-family:NanumGothic; color:#71695e; }
img{border:0; vertical-align:middle;}
ul{list-style:none; margin:0; padding:0; }
table{border-collapse:collapse;}
a{text-decoration:none; color:#7d7070}
a.under_line{text-decoration:underline;}
button{background: none ; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer}
@font-face {
    font-family: 'Freesentation-9Black';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2404@1.0/Freesentation-9Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
}

.main_wrap{width: 100%; height: auto; background: none; background-color: #0c1532; padding-top: 60px;}
.main_wrap .main_bg{width: 100%; height: auto;}
.main_wrap .main_bg img{width: 100%; height: auto;}

.main_btn{width: 100%; height: auto; padding: 50px 0; text-align: center;}
.main_btn ul{width: 75%; margin: 0 auto; display: flex; justify-content: center; gap: 20px;}
.main_btn ul li{display: inline-block; width: calc(100% / 3 - 50px); max-width: 550px; min-width: 300px; height: 650px; border: 2px solid #ddd; text-align: left; background-size: cover; border-radius: 10px; overflow: hidden;}
.main_btn ul li:nth-child(1) a{background: url(../../images/mainbtn1.png) 0 0 no-repeat; }
.main_btn ul li:nth-child(2) a{background: url(../../images/mainbtn2.png) 0 0 no-repeat; }
.main_btn ul li:nth-child(3) a{background: url(../../images/mainbtn3.png) 0 0 no-repeat; }
.main_btn ul li a{display: block; width: 100%; height: 100%; padding: 40px 30px; box-sizing: border-box; border-radius: 10px; transition: all 0.2s ease-in-out; background-size: cover !important;}
.main_btn ul li:hover a{transform: scale(1.02);}
.main_btn ul li a p{font-family: 'Freesentation-9Black'; font-size: 32px; text-align: left; font-weight: 400; box-sizing: border-box;}
.main_btn ul li:nth-child(1) a p{color: #4d56a2;}
.main_btn ul li:nth-child(2) a p{color: #009ede;}
.main_btn ul li:nth-child(3) a p{color: #fff;}

.main_btn ul li .homeIcon{width: 40px; height: 40px; border-radius: 100%; background-color: #fff; display: flex; justify-content: center; align-items: center; margin: 10px 0 0 0;}
.main_btn ul li .homeIcon i{font-size: 24px; height: 100%;}

.main_btn ul li:nth-child(1) .homeIcon i{color: #4d56a2;}
.main_btn ul li:nth-child(2) .homeIcon i{color: #009ede;}
.main_btn ul li:nth-child(3) .homeIcon i{color: #666;}