@charset "utf-8";
/*######## reset (초기화) #########*/
		*{margin:0; padding:0;}
		li{list-style:none;}
		li{list-style-type:none;}
		body,header,section,footer,nav,div,p,ul,ul li, ol,ol li, h1, h2,h3, 
		dl, dl dt, dl dd{margin:0; padding:0;}
		header, section, footer, nav, aside{display:block;}

		img{border:none;}
		a:link, a:visited{text-decoration:none; color:#222;}
		a:hover, a:focus{text-decoration:none; color:#666;}

		input[type="button"], input[type="submit"], input[type="reset"], button{cursor:pointer;}

*:after,
*:before { -webkit-box-sizing: border-box; box-sizing: border-box;}

@font-face {
    font-family: Spoqa Han Sans Neo;
    /*src: url(/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Light.otf) format("opentype");*/
    src: url(/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Light.woff2) format("woff2");
    font-weight: 300;
    font-display: auto;
    font-style: normal;
}

@font-face {
    font-family: Spoqa Han Sans Neo;
    /*src: url(/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Regular.otf) format("opentype");*/
    src: url(/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Regular.woff2) format("woff2");
    font-weight: 400;
    font-display: auto;
    font-style: normal;
}

@font-face {
    font-family: Spoqa Han Sans Neo;
    /*src: url(/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Medium.otf) format("opentype");*/
    src: url(/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Medium.woff2) format("woff2");
    font-weight: 500;
    font-display: auto;
    font-style: normal;
}

@font-face {
    font-family: Spoqa Han Sans Neo;
    /*src: url(/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Bold.otf) format("opentype");*/
    src: url(/fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Bold.woff2) format("woff2");
    font-weight: 600;
    font-display: auto;
    font-style: normal;
}

body {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(22, 28, 45, 0);
    background-color: var(--bs-body-bg);
    color: #3772ff;
    font-family: var(--bs-body-font-family);
	font-family: Spoqa Han Sans Neo;
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    margin: 0;
    text-align: var(--bs-body-text-align);
	
}

dl,
ol,
ul { margin-bottom: 0; margin-top: 0; padding: 0;}

ol ol,ol ul,ul ol,ul ul {margin-bottom: 0;}

li { list-style: none;}

img,
svg {
    vertical-align: middle;
}
h1,h2 {letter-spacing: -0.01em;}
h3,h4 {letter-spacing: -0.01em;}

@media (max-width: 991.98px) {
h3 {  font-size: 1.125rem;}
}

#wrap{width:100%;}

/*################## 메인 header ########################*/
.header , .Mheader{padding:1.25rem 0; align-items: center; display: flex; flex-wrap: wrap; justify-content: space-between;padding: 1.25rem 0; position: relative;}
.header-inner{width:1000px; margin:0 auto; padding:0 1.25rem; display:flex; align-items:center; display:flex; flex-wrap: inherit; justify-content: space-between;}
.header-inner h1{margin-right: 4rem; padding: 0.15rem 0;}
.header-inner > ul{display:flex;}
.header-inner > ul li > a{font-weight: 600;font-size: 1.13rem; padding:0 1.5rem; color:#000;}/*수정*/
.header-inner > ul li > a:hover,
.header-inner > ul li > a:active
{color:#3772ff; }
.nav_active {
    color:#3772ff !important; 
}

span.btn-PartyM{ background-color:#fff; color:#000000; border-radius: 10px; padding: 1rem 1rem; font-size: 1rem; line-height: 1rem;border:1px solid #464646;font-weight:700; }

.nav-link {
    background-color:#3772ff; 
    border-radius: 10px; 
    padding: 0.845rem 1rem; 
}

.nav-link i {
    color:#fff; 
}


/*################## 모바일 헤더 ########################*/
.Mheader{padding:1.25rem 0; align-items: center; display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; display:none; border-bottom: 1px solid #e9e9e9;}/*수정*/
.Mheader-inner{width:95%; margin:0 auto; display:flex; align-items:center; display:flex; flex-wrap: inherit; justify-content: space-between;}
.Mheader ul li{
    /* width:25%;  */
    text-align:center;
}

.Mheader ul{
    display:flex; 
    width:95%; 
    margin:0 auto; 
    padding:2rem 0 1rem; 
    justify-content: space-around; 
    /* justify-content: center;  */
    border-bottom:1px solid #f0f0f0;
}

.Mheader ul li > a{font-weight: 600;font-size: 1.13rem; color:#000;}
.Mheader ul li > a:hover{color:#3772ff; }

/*############### container #################*/
.container{width:100%; }
.ctrArea{width:1000px; margin:0 auto;}
.ctrArea4{
	width:1000px; 
	margin:0 auto;
    display: flex;
    justify-content: space-between; /* 박스들 사이의 간격을 균등하게 설정 */
}
/*################ sub page #####################*/
.bgArea{ background-color:#eff1f9; padding:4.5rem 0;}
.Flex{display:flex; flex-wrap:wrap; justify-content:space-between;}
.Flex-center{display:flex; flex-wrap:wrap; justify-content:center;}
.shadow{box-shadow: 0 1.5rem 4rem rgba(22, 28, 45, 0.05);}

/*############## footer #########################*/

.footer{background-color:#667080;}
.footer .ctrArea{padding:1.5rem 1.25rem 0.75rem 1.25rem; margin:0 auto;}
.footer .menu{margin:0 auto;}
.footer .menu ul{display:flex; justify-content: center; margin-bottom:2.5rem; color:#fff;}
.footer .menu ul li{margin-right:2rem;}
.footer .menu ul li:last-child{margin-right:0;}
.footer .menu ul li a{color:#fff;}
.footer img{display:block; margin:0 auto 1.5rem;}
.footer .info p{color:#fff; text-align:center; font-weight:300; font-size:0.8rem; margin-bottom:0.2rem;}
.footer .btm{background-color:#d0d0d0; padding:1rem 0;}
.footer .btm h6{line-height:1.55; font-size:0.75rem; color:#161c2d; text-align:center; padding:0 1.25rem; text-align:center; font-weight:400;}/*수정*/

@media all and (min-width:100px) and (max-width:1397px){
.header-inner h1{margin-right:3rem;}
}
@media all and (min-width:100px) and (max-width:1000px){
.header-inner > ul li > a{padding:0 1rem;}	
}

@media all and (min-width:911px) and (max-width:1260px){
.ctrArea{width:80%;}
.ctrArea4{width:80%;}
.header-inner{width:80%;}
.header > ul{width:80%;}
}
@media all and (min-width:100px) and (max-width:912px){
.ctrArea{width:90%;}
.ctrArea4{width:90%;}
.Mheader-inner{width:90%;}
.header-inner{width:90%;}
.Mheader > ul{width:90%;}
}
@media all and (min-width:100px) and (max-width:768px){
.ctrArea , .Mheader-inner , .Mheader > ul{width:520px;}	
.ctrArea4 > ul{width:520px;}	
.content2 ul.ordA li.TxtArea{order:1;}
.content2 ul li.TxtArea{width:auto; padding:4rem 0;}
}
@media all and (min-width:100px) and (max-width:500px){
.header{display:none;}
.Mheader{display:block;}
}
@media all and (min-width:100px) and (max-width:910px){
.content1{padding-top:2rem;}
.mainA .content1{padding-top:1.5rem;}/*수정*/
.footer .ctrArea{padding:20px 0;}
}

@media all and (min-width:482px) and (max-width:650px){
.ctrArea , .Mheader-inner , .Mheader > ul{width:430px;}	
.Mheader > ul li> a{font-size:16px;}
}

@media all and (min-width:50px) and (max-width:494px){
.ctrArea , .Mheader-inner , .Mheader > ul{width:90%;}	
.Mheader > ul li> a{font-size:14px;}
}
@media all and (min-width:100px) and (max-width:435px){
.Mheader-inner h1{margin-right:2rem;}
span.btn-kakao{padding:0.8rem 0.8rem; font-size:15px;}
span.btn-PartyM{padding:0.5rem 0.8rem; font-size:15px;}
}
@media (max-width:768px) {
span.btn-kakao {padding: 0.63rem 0.75rem; line-height:1.5;}/*수정*/
span.btn-PartyM {padding: 0.5rem 0.8rem; line-height:1.5;}/*수정*/

.nav-link {
    background-color:#3772ff; 
    border-radius: 10px; 
    padding: 0.68rem 0.8rem; 
}

}
@media (max-width:482px){
span.btn-kakao a{font-size:0.8rem;}/*수정*/
span.btn-PartyM a{font-size:0.8rem;}/*수정*/
}
@media all and (min-width:100px) and (max-width:380px){
.Mheader-inner h1{margin-right:1rem;}
}

/* 폰트사이즈 조정 영역 */
@media (max-width:1060px) {
.footer .menu ul li a{color:#fff; font-size:14px;}
}
@media (max-width:660px){
.footer .menu ul li{margin-right:1rem;}
}
@media (max-width:600px){
.footer .menu{width:100%;}
}

/*수정 추가*/
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
}