@charset "utf-8";
@font-face {
	font-family: 'Pretendard';
	src: url('./fonts/Pretendard-Regular.woff2') format('woff2'),
		url('./fonts/Pretendard-Regular.woff') format('woff'),
		url('./fonts/Pretendard-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Pretendard';
	src: url('./fonts/Pretendard-Medium.woff2') format('woff2'),
		url('./fonts/Pretendard-Medium.woff') format('woff'),
		url('./fonts/Pretendard-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Pretendard';
	src: url('./fonts/Pretendard-Bold.woff2') format('woff2'),
		url('./fonts/Pretendard-Bold.woff') format('woff'),
		url('./fonts/Pretendard-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

*{margin: 0;padding: 0;text-decoration: none;list-style: none;font-family: "Pretendard",sans-serif;box-sizing: border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5{margin: 0;padding: 0;word-wrap: break-word;word-break: break-all;}
ul, li, p, a, label, span, strong, input, select, textarea{font-size: inherit;color: inherit;font-family: inherit;box-sizing: border-box;}
body, html{width: 100%;height: 100%;}
input,select,img,label{vertical-align: top;}
a{display: inline-block;}
img{border: 0;max-width: 100%;}
strong{font-weight: bold;}
select{height: 44px;padding: 0 32px 0 8px;background: #fff url('../images/select_bg1.png') no-repeat right 10px center;background-size: 14px;border: 1px solid #dcdcdc;-webkit-appearance: none;-moz-appearance: none;word-wrap: break-word;border-radius: 5px;}
select::-ms-expand{display: none;}
input[type="text"], input[type="password"]{width: 100%;height: 44px;padding: 0 8px;border: 1px solid #dcdcdc;border-radius: 5px;} 
textarea{display: block;resize: none;height: 188px;width: 100%;padding: 8px;border: 1px solid #dcdcdc;border-radius: 5px;}
table{border-collapse: collapse;width: 100%;border-collapse: separate;border-collapse: collapse;width:100%;border-spacing:0;table-layout: fixed;}
table caption{overflow: hidden;width: 0px;height: 0px;font-size: 0;line-height: 0;}
.blind{position: absolute;top: 0px;left: 0px;overflow: hidden;display: inline-block !important;width: 1px !important;height: 1px !important;margin: 0 !important;font-size: 0 !important;line-height: 0 !important;opacity: 0 !important;}
.clearfix::after{content: "";display: block;height: 0;clear: both;visibility: hidden;}

#skip-nav a {position: absolute; left: -3000%;}
#skip-nav a:focus {display: block; left: 0; top: 0; z-index: 10000000000; width: 100%; height: 30px; line-height: 30px; background: #485068; color: #fff; text-align: center;}




#wrap{min-width: 1200px;}
.prelude-box1{position: relative;padding-left: 53.2%;height: 100vh;}
.prelude-box1 .logo{position: absolute;top: 40px;left: 50px;}
.prelude-box1 > li{width: 100%;height: 50%;padding: 50px 2% 50px 8.8%;color: #fff;font-size: 20px;background-size: cover !important;display: flex;align-items: center;}
.prelude-box1 > li.li-bg1{position: absolute;top: 0;left: 0;width: 53.2%;height: 100%;padding: 120px 2% 120px 6.8%;background: url('../images/li_bg1_new.jpg') no-repeat center;}
.prelude-box1 > li.li-bg2{background: url('../images/li_bg2.jpg') no-repeat center;}
.prelude-box1 > li.li-bg3{background: url('../images/li_bg3.jpg') no-repeat center;}
.prelude-box1 > li.li-bg1 .a-btn{margin-top: 50%;}
.prelude-box1 > li.li-bg1 .a-btn > a::after{background-color: #00a1d3;}
.prelude-box1 > li.li-bg2 .a-btn > a::after{background-color: #e62b76;}
.prelude-box1 > li.li-bg3 .a-btn > a::after{background-color: #b9e163;}
.prelude-box1 .title{margin-bottom: 20px;font-size: 50px;font-weight: bold;line-height: 1;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);}
.prelude-box1 .text{line-height: 1.4;word-break: keep-all;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);}
.prelude-box1 .a-btn{margin-top: 25%;font-weight: bold;}
.prelude-box1 .a-btn > a{position: relative;width: 190px;height: 60px;padding: 0 56px 0 32px;background: rgba(255, 255, 255, 0.45);border: 1px solid rgba(255, 255, 255, 0.8);display: flex;align-items: center;border-radius: 50px;}
.prelude-box1 .a-btn > a::after{position: absolute;top: 6px;right: 6px;width: 46px;height: 46px;background: url('../images/a_btn1.png');background-size: 100%;content:"";border-radius: 50px;}




@media screen and (max-width: 1024px){
	#wrap{min-width: 320px;}
	.prelude-box1{padding-left: 0;height: auto;}
	.prelude-box1 .logo{position: static;display: table;margin: 0 auto 60px;}
	.prelude-box1 > li{display: block;height: auto;padding: 80px 2% 80px 5.8%;}
	.prelude-box1 > li.li-bg1{position: static;width: 100%;height: auto;padding: 30px 2% 80px 5.8%;}
	.prelude-box1 > li.li-bg1 .a-btn{margin-top: 140px;}
	.prelude-box1 .a-btn{margin-top: 80px;}
}

@media screen and (max-width: 600px){
	.prelude-box1 .text br{display: none;}
}

@media screen and (max-width: 500px){
	.prelude-box1 .logo{margin-bottom: 35px;}
	.prelude-box1 > li{padding: 50px 2% 50px 5.8%;font-size: 17px;}
	.prelude-box1 > li.li-bg1{padding: 30px 2% 50px 5.8%;}
	.prelude-box1 > li.li-bg1 .a-btn{margin-top: 60px;}
	.prelude-box1 .a-btn{margin-top: 40px;}
	.prelude-box1 .a-btn > a{width: 150px;height: 46px;padding: 0 42px 0 22px;}
	.prelude-box1 .a-btn > a::after{width: 32px;height: 32px;}
	.prelude-box1 .title{margin-bottom: 15px;font-size: 40px;}
}