<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* 이벤트 화면 */
@font-face {font-family: 'GmarketSansB';src: url(GmarketSansBold.otf) format('OpenType');}
@font-face {font-family: 'GmarketSansM';src: url(GmarketSansMedium.otf) format('OpenType'); }

.Wrap {background:#afe8fc; padding:0 20px; height: 100%}
header {max-width: 1080px;margin: 0 auto;display: flex;flex-direction: column;align-items: flex-start;padding: 40px 0 50px 380px;background:url(../images/bg01.png) no-repeat left -15px;}
header h1 {color:#1e4aad; font-size: 50px; font-weight:800; font-family: 'GmarketSansB','MalgunGothic', '맑은 고딕'; text-shadow: 1px 2px 0px #fff;}
header h1 b {display: inline-block; color: #0a0a0a;font-size: 50px;font-family: 'GmarketSansB','MalgunGothic', '맑은 고딕'; }
header span {display: flex; align-items: center; height:55px; background: #fff; color: #151515; border-radius: 55px; padding-left:25px; padding-top:5px; padding-right:150px;
	font-size: 26px; font-family: 'GmarketSansB','MalgunGothic', '맑은 고딕'; box-shadow:2px 3px 0px #7dbce7; margin-top:10px; position:relative;}
	header span::after {display: block; content: ""; width:85px; height:85px; background:url(../images/icon_search.png) no-repeat 0 0; background-size:100%; position: absolute; right:-25px; top:-3px;}

.Contents {max-width: 1080px; margin: 0 auto;overflow: hidden;  border-radius:20px; box-shadow:0px 0px 4px 1px #5fa3db;background: #fff;}
.Contents .info {padding:30px; background: #e9f2fc; display: flex; flex-wrap: wrap;}
.Contents .info p {
	line-height: 34px !important;
	font-size: 18px;
	color:#333;
	background:url(../images/bg02.png) no-repeat right -20px bottom;
	display: flex;
	flex-direction: column;
	padding-bottom:10px;
	word-break: break-all;
	width: 100%;
	}

.Contents .info dl {display: flex; flex-direction: column; align-items: center; padding:8px 10px; background:#fff; border-radius: 7px; box-shadow: 2px 3px 7px #e8e8e8;
	width: calc((100% - 1px - (20px * 1)) / 2); margin-right:20px; margin-top:20px;}
.Contents .info dl:nth-child(3),
.Contents .info dl:nth-child(5)  {margin-right:0 ;}
.Contents .info dl dt {font-size:16px; color:#1e4aad; font-weight: bold;}
.Contents .info dl dd {color:#343434; font-size:15px; text-align: center;}

.Contents .Cont {width:100%; height:auto; background:#fff; padding:30px 30px}
.Contents .Cont .bigo{color: #000;background:#fef3c9;font-family:'GmarketSansB','MalgunGothic', '맑은 고딕'; font-size: 18px;padding: 5px;vertical-align: middle;}
.Contents .Cont .bigo img{vertical-align: text-bottom;}

.Contents .Cont&gt;p {background:#e9f2fc; padding:20px 20px 15px 20px; border-radius: 9px; margin:50px 0 30px 0; font-size:16px;}

.Contents .Cont li dt{font-size: 16px;margin-left: 60px;color: #000;}
.Contents .Cont li dt span {margin-left: -60px; color:#fff; font-weight: 100; font-size: 16px; background: #0051b6;padding: 3px 7px 0px 7px; border-radius: 3px;font-family: 'GmarketSansM','MalgunGothic'}
.Contents .Cont li dt span.Type2 { background:#00b681;}
.Contents .Cont li dt .site{margin-top: 5px;margin-bottom: 5px;}
.Contents .Cont li dt .site span{font-size: 14px;background: none;color: #333;margin: 0px;padding: 0;}
.Contents .Cont li dt .site a{font-size: 14px; color: #333;}
.Contents .Cont li dt .site a:hover{color: #0051b6;}
.Contents .Cont li dd {margin-left: 60px; display: flex; flex-wrap: wrap;}
.Contents li {margin-bottom:25px; }
.Contents li:last-child {margin-bottom:0px;}
.Contents li dt {margin-bottom:10px; font-weight:100;}
.Contents li dd {display:flex; align-items:baseline;}
.Contents li dd textarea {width:100%; border:1px solid #d4d4d4;}
.Contents li dd label {margin-right:30px; cursor: pointer;position: relative;color: #000;min-width: 65px}
.Contents li dd input[type="radio"] { width:0; height:0;vertical-align: top;}
.Contents li dd label::before{content: ''; width: 12px; height: 12px; border: 2px solid #000;display: inline-block; vertical-align: top;}
.Contents li dd input[type="radio"]:checked + label{color: #0051b6;}
.Contents li dd input[type="radio"]:checked + label::before{content: ''; width: 12px; height: 12px; border: 2px solid #0051b6;display: inline-block; vertical-align: top;}
.Contents li dd input[type="radio"]:checked + label::after{content: ''; width: 10px; height: 10px; display: inline-block; position: absolute;background: #0051b6;top:3px;left: 3px;}
.Contents li dd label img { border:#ddd solid 1px}

.Contents .Cont li&gt;span {width:calc(100% - 60px); margin-left:60px; display: block; margin-top:8px;}
.Contents .Cont li&gt;textarea {width:calc(100% - 60px); margin-left:60px; border:1px solid #d4d4d4;}

.Privacy {max-width: 1080px; margin: 0 auto; text-align: center; padding:50px 20px 20px 20px;}
.Privacy h2 {text-align:center; font-size:20px; font-weight:800; color: #000; }
.Privacy p {text-align: center;font-size:16px; font-weight:100;margin-top: 20px;color: #000;}
.Privacy dl{max-width: 500px;margin: 20px auto;line-height: 40px;text-align: left;}
.Privacy dl dt{display: inline-block;font-size: 16px;width: 110px;color: #000;}
.Privacy dl dd{display: inline-block;width: calc(100% - 120px);text-align: left;color: #000;}
.Privacy dl dd label{margin-right: 20px;font-size: 15px;}
.Privacy dl dd input[type="radio"]{vertical-align: text-top;}
.Privacy dl dd input[type="text"]{border: 1px solid #b3cde4; width: 100%;height: 30px;border-radius: 5px;}
input[type="radio"]:focus-visible + label{border-bottom: 2px solid #000;}

.Contents .Privacy li:nth-child(2) dd label {background:#172f55; color:#fff; width:20%;text-align:center; margin-right:0; height:35px; display:flex; align-items:center; justify-content:center;}
.Contents .Privacy li:nth-child(2) dd input[type="text"] {width:30%; height:35px; border:1px solid #d4d4d4}
.Contents .Privacy&gt;span {text-align:center; width:100%; display:block; margin-top:20px; font-weight:600;}

.Contents .Privacy&gt;ol&gt;li&gt;dl&gt;dt&gt;span {display:block; clear:both; font-weight:600;}

footer {text-align:center; padding-top:20px;}

.btn {
	background:#0b5dba;
	padding:13px 0 10px 0;
	color:#fff;
	text-align:center;
	width:200px;
	display:block;
	margin:0 auto;
	margin-top:20px;
	border-radius:3px;
	font-family: 'GmarketSansM','MalgunGothic', '맑은 고딕';
	font-size: 20px;
	}

@media all and (max-width : 1010px){
	header {padding:0px 0 20px 0;background-position: right bottom -30px;}
	header h1 {padding-top: 5px; font-size: 30px;}
	header h1 b {font-size: 44px;}
	header span {height:50px; border-radius: 50px; padding-left:25px; padding-top:5px; padding-right:120px;
		font-size: 22px; margin-top:8px;}
	header span::after {width:70px; height:70px; right:-25px; top:0px;}
}

@media all and (max-width : 900px){
	.Contents .info dl {width:100% !important; margin-right:0 !important; margin-top:10px;}
}

@media all and (max-width : 750px){
	.Wrap {padding:0;}
	header {padding: 0px 0 30px 20px;background-size: 200px;background-position: right 20px bottom;}
	header h1 {padding-top: 20px;font-size: 38px;}
	header h1 b {font-size: 38px;}
	header span {height:47px; border-radius: 47px; padding-left:25px; padding-top:5px; padding-right:100px;
		font-size: 20px; margin-top:8px;}
	header span::after {width:70px; height:70px; right:-25px; top:0px;}

	.Contents {width:calc(100% - 40px); margin-left:20px;}
	.Contents .info {padding: 30px;}
	.Contents .info p {line-height: 22px; font-size: 16px; background:url(../images/bg02.png) no-repeat right -15px bottom; background-size:auto 70px; padding-bottom:0px;}
	.Contents .info dl dt {font-size:16px;}
	.Contents .info dl dd {font-size:15px;}

	.Contents .info p span:last-of-type {padding-right:90px;}


	.Contents .Cont{padding: 15px;}
	.Contents .Cont .bigo{font-size: 14px;}
	.Contents .Cont li dt span{margin-left: -53px; font-size: 14px;}
	.Contents .Cont li dt {font-size: 14px; margin-left: 53px}
	.Privacy{padding-top: 30px;}
	.Privacy h2{font-size: 18px;}
	.Privacy p{margin-top: 10px;font-size: 14px;}
	.Privacy dl{margin: 10px auto;}
	.Privacy dl dt{font-size: 14px;}

	.Contents .Cont&gt;p {padding:15px 15px 10px 15px; margin:30px 0 20px 0; font-size:15px;}
}
@media all and (max-width : 500px){
	header {padding: 0px 0 30px 20px;/* background:url(../images/bg01.png) no-repeat left -15px top -20px; */background-size:110px;}
	header h1 {padding-top: 35px;font-size: 30px;}
	header h1 b {font-size: 30px;}
	header span {height:43px; border-radius: 43px; padding-left:20px; padding-top:5px; padding-right:80px;
		font-size: 18px; margin-top:8px;}
	header span::after {width:64px; height:64px; right:-25px; top:0px;}

	.Contents .info {padding: 20px;}
	.Contents .info p {line-height: 22px; font-size: 14px; background:url(../images/bg02.png) no-repeat right -10px bottom; background-size:auto 55px; padding-bottom:25px;}
	.Contents .info p span:last-of-type {padding-right:50px; word-break: break-all;}
	.Contents .info dl dt {font-size:15px;}
	.Contents .info dl dd {font-size:14px;}

	.Contents .Cont li dd{display: block;line-height: 7px;}
	.Contents li dd label{display: block;}
	.Contents li{margin-bottom: 15px;}
	.Contents .Cont li dt{margin-bottom: 0;}
	.Contents .Cont .bigo img {vertical-align: sub;width: 14px;}

}

@media all and (max-width : 400px){
	header {padding:0px 0 30px 0; background:url(../images/bg01.png) no-repeat left -15px top -20px; background-size:100px;}
	header h1 {padding-top: 50px; font-size: 24px;}
	header h1 b {font-size: 24px;}
	header span {height:37px; border-radius: 37px; padding-left:20px; padding-top:5px; padding-right:55px;
		font-size: 16px; margin-top:8px;}
	header span::after {width:55px; height:55px; right:-18px; top:0px;}

	.Contents {width:calc(100% - 20px); margin-left:10px;}
	.Contents .info {padding: 10px;}
	.Contents .info p {line-height: 22px; font-size: 14px;}
	.Contents .info dl {padding:5px 3px !important; margin-top:5px;}
	.Contents .info dl dt {font-size:14px;}
	.Contents .info dl dd {font-size:12px;}

	.Contents .Cont li dt span {margin-left:0px; font-size: 14px; margin-bottom:5px;}
	.Contents .Cont li dt {font-size: 14px; margin-left: 0px; display: flex; flex-direction: column;}
	.Contents .Cont li dd { margin-left:0 !important;}

	.Contents .Cont li&gt;span {width:100%; margin-left:0px;}
	.Contents .Cont li&gt;textarea {width:100%; margin-left:0px;}

	.Contents .Cont&gt;p {padding:10px 10px 5px 10px; margin:30px 0 15px 0; font-size:13px;}

	.Privacy {padding:30px 10px 20px 10px;}
}</pre></body></html>