﻿body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button{margin:0;padding:0;-webkit-text-size-adjust:none}
body,input,textarea,select,table,button{font-size:12px;line-height:1.25em;font-family: "Noto Sans Kr",Gulim,Helvetica,AppleGothic,Sans-serif;}
input[type=text] {line-height:22px;}
textarea,select{-webkit-border-radius:1px; border-radius:0;}
p{line-height:18px;}
input{-webkit-border-radius:1px; border-radius:0;}
input[type=text],input[type=password]{font-family:"Noto Sans KR"}
input[type="checkbox"]{-webkit-appearance:block;}
input[type="image"]{-webkit-border-radius:1px; border-radius:0; -webkit-appearance:none; }
input[type=text], input[type=submit], input[type=button], button{-webkit-appearance: none;  -webkit-border-radius: 0;}
html,body{width:100%; height:100%;}
body{position:relative;background-color:#FFFFFF;color:#000;word-wrap:break-word;word-break:break-all;}
body{}
body.fixed{width:100%;overflow-y:hidden;text-overflow: ellipsis;}
legend{display:none;}
img,fieldset{border:0; margin:0;}
ul,ol{list-style:none}
a{color:#000;text-decoration:none;cursor:pointer}
caption{display:none;}
em{font-style:normal;}
.dspm{display:inline-block; vertical-align:middle;}
select{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url(../../../images/common/ico/vertex_arr1.png) no-repeat 95% center #fff; background-size:10px 8px;
}

#mwarp{position:relative; width:100%; background:#380078 url(../img/bg1_pc.jpg) no-repeat center top; overflow:hidden;}


.header{
	position:relative; width:100%;
	text-align:center;
	padding-top:220px;
	height:1000px;
	box-sizing:border-box;
}
.header > p{
	margin-top:10px;
}
#footer{position:relative;}

.content1{
	padding-bottom:80px;
	overflow:hidden;
}

.content1 > .tit1{

	width:100%;
	margin-top:80px; 
	text-align:center;
}

.content1 > ul{
	max-width:1000px;
	margin:0 auto; margin-top:100px;
	display:flex; flex-wrap:wrap; justify-content:space-between;
}

.content1 > ul > li{
	width:100%;
}

.content1 > ul > li:nth-child(1){
	width:100%;
}
.content1 > ul > li:nth-child(2){       
	
	width:100%;
	margin-top:250px;
}
.content1 > ul > li:nth-child(3){
	width:100%;
	margin-top:250px;
}

.content1 > ul > li:nth-child(4){
    width:100%;
	margin-top:250px;
	
}


.content1 > .btn1{
    
	margin-top:100px;
	text-align:center;
	
}

.wscreenp1{}
.wscreenm1{
	display:none;
}

@media screen and (max-width: 868px){
	.wscreenp1{
		display:none;
	}
	.wscreenm1{
		display:block;
	}


	#mwarp{background:#380078 url(../img/bg1_mobile.jpg) no-repeat center top; background-size:cover;}
	
	.header{
		padding-top:18vw; 
		height:auto;
	}
	.header > div > img{
		width:80%;
	}
	.header > p{
		margin-top:10px;
	}
	.header > p > img{
		width:50%;
	}
	#footer{position:relative;}
	
	.content1{
		margin-top:110vw; padding-bottom:10vw;
	}
		
	.content1 > .tit1{
		margin-top:0px; 
	}
	.content1 > .tit1 img{
	   
		width:90%;
	}
	.content1 > ul{
		margin:0 4vw; margin-top:0vw;			
		display:flex; flex-wrap:wrap; justify-content:space-between;
	}
	.content1 > ul > li{
		width:100% !important;
	}
	.content1 > ul > li img{	
		width:100%;	}
	
	.content1 > ul > li:nth-child(1){
	    margin-top:10vw; 
		margin-bottom:20vw;
		width:100%
	}
	.content1 > ul > li:nth-child(2){
		margin-top:10vw; 
		margin-bottom:10vw;
		width:100%
	}
	.content1 > ul > li:nth-child(3){
		margin-top:10vw; 
		margin-bottom:20vw;
		width:100%
	}

	.content1 > ul > li:nth-child(4){
		margin-top:10vw; 
		
		width:100%
	}
   
   .content1 > .btn1 img{
    width:70%;

	
}
	.content1 > .btn1{
    
		margin-top:min(max(1vw, 5vw),100px);
		text-align:center;
		
	}
}


/* 우측 하단 고정 버튼 스타일 */
.floating-button {
  position: fixed;
  bottom: 1vw; /* 화면 하단 여백을 20px로 설정 (비율로 2% 정도) */
  right: 1vw; /* 화면 우측 여백을 20px로 설정 (비율로 2% 정도) */
  width: 60px;
  height: 60px;
  background-color: #fff; /* 흰색 배경 */
  border-radius: 50%; /* 원형 모양 */
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 9999; /* 다른 요소들보다 우선 표시되도록 */
  text-decoration: none; /* 링크에 기본 스타일을 없앰 */
}

