@font-face {
    font-family: 'Seaside Display';
    src: url('/font/SeasideDisplayMedium.woff2') format('woff2'),
        url('/font/SeasideDisplayMedium.woff') format('woff');
    font-weight:normal;
    font-style: normal;
    font-display: swap;
}

/*@font-face {
    font-family: 'Seaside Display B';
    src: url('/font/SeasideDisplay-Bold.woff2') format('woff2'),
        url('/font/SeasideDisplay-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}*/

html{
width:100%;
height:100%;
overflow-x:hidden;
}

a:link    {color:#000; text-decoration:none;}
a:visited {color:#000;}
a:active  {color:#000;}
a:hover  {color:#000;}
a {outline: none; select-dummy: expression(this.hideFocus=true);}

body {
font-family:'Noto Sans KR',Noto Sans KR, sans-serif ;
font-size:0.9vw;
letter-spacing:-0.05vw;
margin:0;
padding:0;
color:#777;
width:100%;
height:100%;
line-height:180%;
background:#fff; font-weight:400;
word-break: keep-all;
}
* {box-sizing:border-box;}
.animation {
-webkit-transition:all 0.5s ease .1s;
-moz-transition:all 0.5s ease .1s;
-ms-transition:all 0.5s ease .1s;
-o-transition:all 0.5s ease .1s;
transition:all 0.5s ease .1s;
}

.txt_eng {font-family:'Nanum Square',NanumSquare;}
.mo_view {display:none;}
input, select, textarea {font-family:'Noto Sans KR', sans-serif ; padding:0; margin:0; font-size:0.9vw;}
h1, h2,h3,h4,h5,h6 {padding:0; margin:0;}
ul, li, dl, dt, dd {padding:0; margin:0; list-style:none;}
p {margin:0; padding:0;}
img {vertical-align:top; max-width:100%; max-height:100%;}
#hd_login_msg, #hd_pop {display:none;}
.pager {text-align:center; width:100%; transition:all 1.0s ease .1s; margin-top:1.5vw;}
.pager span {width:2.3vw; display:inline-block !important; margin:0 1.5vw; cursor:pointer; opacity:0.7;}
.pager span img {filter:grayscale(100%);}
.pager span.s02 img {transform:rotate(180deg);}
.pager span.on {opacity:1;}
.pager span.on img {filter:grayscale(0);}
.pager02 {display:none;}
/* ±âº»Å×À̺í */
table {border-collapse:collapse;border-spacing:0; width:100%; border-top:#333 1px solid;}
table th, table td {border-bottom:#ddd 1px solid; padding:1vw; background:#fff; font-weight:normal;}
table th {background:#f1f1f1; color:#111; padding:1vw; font-weight:500; text-align:center;}
input[type=text], .select_wrap {height:2vw; line-height:2vw; border:#ddd 1px solid; display:inline-block; vertical-align:middle}
.select_wrap {padding:0 0.5vw;}
select {border:0; font-size:0.8vw; background:#fff;}
button, input[type=file] {cursor:pointer;}
.atten {color:#5b656e; font-weight:700;}

#header {width:100%; height:5vw; text-align:center; line-height:5vw; border-bottom:#ddd 1px solid; font-weight:500;
	color:#111; font-size:1vw;
}
#header img {height:1.5vw; margin-top:1.75vw; margin-right:0.7vw;}
.th_30 {position:absolute; z-index:2; right:3vw; top:0.9vw; width:4vw; filter: grayscale(100%) contrast(0) brightness(0);}
.mainp .th_30 {top:8vw; width:7vw; filter: unset;}

#mcont {background:linear-gradient(180deg, #29404a, #0b1112); padding:8vw 0; position:relative; display:flex;
	font-family: "Noto Serif KR", serif;
}
#mcont .top_title {position:relative; padding:0 10vw; margin-right:10vw}
#mcont .top_title img {height:50vh;}
#mcont .top_title:before {content:''; background:#fff; width:1px; height:100%; position:absolute; right:0; top:0; opacity:0.3;}
#mcont dl {width:50vw; color:#fff; margin-top:2vw;}
#mcont dl dt {margin-bottom:5vw;}
#mcont dl dd div {color:red;}
#mcont .top_stitle {width:15vw;}
#mcont .top_bg {width:38vw; position:absolute; top:0; right:0; opacity:0.15;}
#sam {background:#e6e8f5; width:100%; padding:5vw 0; position:relative; overflow:hidden;}
#sam ul {position:relative; width:80%; margin:0 auto; background:#fff; padding:5vw; border-radius:3vw;}
#sam ul li {position:relative; width:100%; height:100%;}
#sam ul li:first-child {position:absolute; bottom:0;}
#sam ul li img {width:16vw; margin-bottom:10vw;}
#sam ul li dl {position:absolute;}
#sam ul li+li {text-align:right;}
#sam ul li:first-child img {position:absolute; bottom:5vw; margin-bottom:0;}
#sam ul li:first-child dl {left:19vw; bottom:8vw;}
#sam ul li+li dl {right:19vw; top:3vw;}
#sam ul li dl dt {font-size:1.5vw; color:#111; line-height:150%; margin-bottom:1vw; font-weight:500}
#sam .sam_title {position:absolute; top:0; left:0; z-index:2; width:30vw;}
#scont {width:80%; margin:5vw auto;}
#scont textarea, #scont input[type=text] {background:#f5f5f5; border:#ddd 1px solid;}
#scont .btn_wrap {margin:3vw auto 0 auto; text-align:center;}
#scont .btn_wrap button, #scont .btn_wrap a {width:15vw; line-height:3vw; border:#333 2px solid; font-weight:500;
	display:inline-block; background:#333; color:#fff; margin:0 0.5vw; padding:0; vertical-align:middle;
}
#scont .btn_wrap a {background:#fff; color:#333;}

.mainp #scont {/* background:linear-gradient(180deg, #e6e8f5, #fff);  */width:100%; padding:7vw 10vw; margin:0;}
.mainp #scont>dl {position:relative;}
.mainp #scont>dl>dt {text-align:center; font-size:2vw; color:#111; margin-bottom:5vw; font-weight:500;}
.mainp #scont>dl>dd.img_bg {position:absolute; right:0; height:30%; width:17%;
	/* border-radius:1vw; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); */
}
.mainp #scont>dl>dd.img_bg:before {content:''; width:100%; height:100%; position:absolute; 
	top:0; left:0; border-radius:1vw; overflow:hidden; margin:1vw;
}
.mainp #scont>dl>dd.img_bg.bg01 {top:20%; background:url('/contest/img/illust01.png')#fff center center; 
	background-size:cover;
}
.mainp #scont>dl>dd.img_bg.bg02 {top:55%; background:url('/contest/img/illust02.png')#fff center center; 
	background-size:cover;
}
.mainp #scont>dl dd>ul {width:75%;}
.mainp #scont>dl dd>ul>li {display:flex; align-items:flex-start; padding:0.8vw 0; border-top:#ddd 1px solid; position:relative;}
.mainp #scont>dl dd>ul>li.gift {color:red;}
.mainp #scont>dl dd>ul>li>span {display:block; width:7vw; border-right:#ddd 0px solid; margin-right:2.5vw; color:#111;
	font-weight:500; text-align:center;
}
.mainp #scont>dl dd>ul>li>span:before {content:''; width:1px; height:1vw; background:#111; top:1.2vw; left:7vw; position:absolute;}
.mainp #scont>dl dd>ul>li>div {flex:1;}
.mainp #scont>dl dd>ul>li ul li {margin-top:0.5vw; padding-left:0.7vw; position:relative;}
.mainp #scont>dl dd>ul>li ul li:before {content:''; position:absolute; width:0.3vw; height:1px; background:#333;
	top:0.8vw; left:0;
}
.mainp #scont>dl dd>ul>li ul li:first-child {margin-top:0;}
.mainp #scont>dl dd>ul>li ul li div {padding-left:0.7vw; position:relative;}
.mainp #scont>dl dd>ul>li ul li div:before {content:'.'; position:absolute; 	top:-0.3vw; left:0;}
.mainp #scont>dl dd>ul>li dl dd span:first-child {background:#5b656e; color:#fff; border-radius:50px;
	font-size:0.8vw; margin-right:0.5vw; line-height:1.5vw; padding:0.1vw 0.5vw;
}
.mainp #scont a {background:;}

.selectp #scont {padding:0; margin:0 auto;}
.selectp #scont form .btn_wrap {margin-bottom:3vw;}
.selectp #scont table th {width:10vw;}
.selectp #scont .duck_foot {font-size:0.8vw; color:#ff1100; margin-top:1vw;}
.selectp #scont .select {padding:5vw 0 3vw 0;}
.selectp #scont .select .select_top {padding:0 5vw}
.selectp #scont .select .kind {display:flex; gap:1.5vw; text-align:center;}
.selectp #scont .select .kind.off li {padding-bottom:1vw;}
.selectp #scont .select .kind.off li dl dd, .selectp #scont .select .kind.off li button {display:none;}
.selectp #scont .select .kind li {width:33.3%; position:relative; padding:2.4vw 0; border-radius:3vw; cursor:pointer;}
.selectp #scont .select .kind li.s01 {background:#c6d9f1;}
.selectp #scont .select .kind li.s02 {background:#f2dcdb;}
.selectp #scont .select .kind li.s03 {background:#d7e4bd;}
.selectp #scont .select .kind li.off {opacity:0.2; padding-bottom:1vw; background:#aaa;}
.selectp #scont .select .kind li.on {opacity:1;}
/* .selectp #scont .select .kind.off li:nth-child(2n) {background:none;} */
.selectp #scont .select .kind li dl dt {font-size:1.9vw; color:#000; font-weight:700; margin:0.5vw 0 2vw 0;}
.selectp #scont .select .kind li dl dt .label_apply_ok {position:absolute; width:4vw; height:4vw; background:#333; 
	color:#fff; border-radius:10vw; overflow:hidden; margin:-2vw 0 0 -0.5vw; display:none;
}
.selectp #scont .select .kind li dl dd+dd {margin:1vw 0 2vw 0;}
.selectp #scont .select .kind li dl dd>div {color:red; font-size:0.8vw;}
.selectp #scont .select .kind li dl dd img {width:65%;}
.selectp #scont .select .kind li.apply_ok dl dt .label_apply_ok {display:inline-block;}
.selectp #scont .select .kind li dl dt+dd {padding:0 2vw; color:#000;}
.selectp #scont .select .kind li button {width:65%; background:#fff; 	line-height:3vw; border-radius:10vw; 
	font-weight:700; font-size:1vw; color:#fff; border:0;
}
.selectp #scont .select .kind li.s01 button {background:#17375e;}
.selectp #scont .select .kind li.s02 button {background:#d99694;}
.selectp #scont .select .kind li.s03 button {background:#a9c244;}
.selectp #scont .info {display:none; position:relative;}
.selectp #scont .info.on {display:block;}
.selectp #scont .info .table_wrap {position:relative; background:#fff;}
.selectp #scont .info table {width:49%;}
.selectp #scont .info table .select_wrap+input,
.selectp #scont .info table .select_wrap+input+input
{width:5vw;}
.selectp #scont .info .priv {position:absolute; width:49%; right:0; top:0; background:#f5f5f5;
	border-radius:0; height:100%; overflow:auto; font-size:0.8vw; border:#ddd 1px solid;
}
.selectp #scont .info .priv th, .selectp #scont .info .priv td {border:0; background:none; padding:0 1vw;}
.selectp #scont .info .priv th {width:100%; display:block;}
.selectp #scont .info .priv dl {margin:1vw 0;}
.selectp #scont .info .priv dl dt {font-weight:700; color:#111;}

.selectp #scont .info .priv ul li {margin-top:0.5vw; padding-left:0.7vw; position:relative;}
.selectp #scont .info .priv ul li:before {content:''; position:absolute; width:0.3vw; height:1px; background:#333;
	top:0.8vw; left:0;
}
.selectp #scont .info .priv ul li:first-child {margin-top:0;}
.selectp #scont .info .priv ul li div {padding-left:0.7vw; position:relative;}
.selectp #scont .info .priv ul li div:before {content:'.'; position:absolute; 	top:-0.3vw; left:0;}
.selectp #scont .info .priv dl dd span:first-child {background:#5b656e; color:#fff; border-radius:50px;
	font-size:0.8vw; margin-right:0.5vw; line-height:1.5vw; padding:0.1vw 0.5vw;
}

.selectp #scont .info table input {width:10vw;}
.selectp #scont .info .agree {text-align:center; padding-top:2vw;}
.selectp #scont .info .agree span {color:#111; font-weight:500;}
.selectp #scont .info .agree label {margin-left:1vw; cursor:pointer; font-weight:500;}
.selectp #scont .info .agree label input {margin-right:0.5vw;}
.selectp #scont .info .agree.off, .selectp #scont .info .btn_wrap.off {display:none;}
.selectp #scont .upload {display:none; margin:2vw 0; padding:0.5vw 1.5vw; background:#f8f8f8; 
	border:#333 3px solid; border-radius:2vw;
}
.selectp #scont .upload.on {display:block;}
.selectp #scont .upload .kind {width:100%;}
.selectp #scont .upload .kind li {display:none; width:100%;}
.selectp #scont .upload .kind li.on {display:block;}
.selectp #scont .upload .kind li input#title {width:50%; margin-bottom:0.7vw;}
.selectp #scont .upload .kind li textarea {width:100%; height:50vh;}
.selectp #scont .upload .kind li dl dt {display:none;}
.selectp #scont .upload .kind li dl dd {margin:1vw 0;}
.selectp #scont .upload .kind li dl dd>div {color:red;}
.selectp #scont .upload .kind li+li dl {padding-left:19vw;}
.selectp #scont .upload .kind li+li>img {width:17vw; position:absolute;}

#footer {text-align:center; padding:2vw 1vw; font-size:0.7vw; letter-spacing:0; border-top:#ddd 1px solid;}


/*¸ð¹ÙÀÏ*************************************************************/
@media all and (max-width:1099px) {

/* °øÅë */
.mo_view {display:inline-block;}
.pc_view {display:none;}
body {font-size:12px; letter-spacing:-1px;}
#cont_wrap {width:100%; min-height:100px; margin:0 auto; padding:0; max-width:900px;}
.view_mo {display:block;}
#contp {width:100%; padding:70px 15px 15px 15px;}
#simg {height:200px; line-height:250px; font-size:30px;}
.nav {display:none;}
.duck_foot {font-size:7px; line-height:12px;}
.scont .duck_foot {width:100%; margin:20px 0 0 0;}
.scont .duck_foot br {display:none;}

#header {height:50px; line-height:50px; font-size:14px;}
#header img {height:20px; margin:15px 5px 0 0;}
.mainp .th_30 {width:70px; height:auto; top:75px; right:50%; margin-right:-35px;}
.th_30 {width:auto; height:30px; top:10px; right:15px; margin-right:0;}

#mcont {padding:100px 15px 50px 15px; display:block;}
#mcont .top_title {width:100%; text-align:center; padding:0; margin:0 0 30px 0;}
#mcont .top_title:before {display:none;}
#mcont .top_title img {height:auto; width:70%;}
#mcont .top_bg {width:80%; opacity:0.2;}
#mcont dl {width:100%; text-align:center; margin-top:0;}
#mcont dl dt {margin-bottom:15px;}
#mcont dl dt .top_stitle {width:150px;}
#mcont dl dd br {display:none;}
#mcont dl dd .mo_br {display:block; height:20px;}

#sam {padding:40px 15px;}
#sam .sam_title {width:50%;}
#sam ul {width:100%;}
.mainp #sam ul li {padding:20px 0; text-align:center;}
#sam ul li:first-child {position:relative;}
.mainp #sam ul li dl {position:static; left:0; bottom:0;}
.mainp #sam ul li img {position:relative; bottom:0; width:50%; margin-bottom:20px;}
#sam ul li dl dt {font-size:16px;}

#scont {padding:40px 15px !important; width:100%; margin:0;}
.mainp #scont>dl>dt {font-size:16px; margin-bottom:20px}
.mainp #scont>dl dd>ul {width:100%;}
.mainp #scont>dl dd>ul>li {display:block; padding:7px 0; border:0;}
.mainp #scont>dl dd>ul>li>span {width:auto; display:inline-block; margin-bottom:5px; border:0; border-bottom:#111 2px solid;}
.mainp #scont>dl dd>ul>li>span:before {display:none;}
.mainp #scont>dl dd>ul>li:first-child>div {display:inline-block;}
.mainp #scont>dl dd>ul>li dl dd span:first-child {font-size:11px; padding:0 7px; margin:5px 0 0 0; display:block; line-height:180%; width:30%;}
.mainp #scont>dl dd>ul>li ul li {padding-left:10px;}
.mainp #scont>dl dd>ul>li ul li:before {width:5px; top:10px;}
.mainp #scont>dl dd>ul>li ul li div {padding-left:10px;}
.mainp #scont>dl dd>ul>li ul li div:before {top:-5px;}
.mainp #scont>dl>dd.img_bg {position:relative; top:auto; left:auto; width:48%; height:100px; display:inline-block;
	margin-top:20px;
}
.mainp #scont>dl>dd.img_bg.bg02 {float:right;}
#scont .btn_wrap {margin-top:30px;}
#scont .btn_wrap button, #scont .btn_wrap a {width:50%; line-height:40px; font-size:14px; margin:0;}

#footer {padding:15px; font-size:10px;}

input, select, textarea {font-size:12px;}
table th, table td {padding:10px 15px;}
input[type=text], .select_wrap {height:30px; line-height:30px;}

.selectp #scont {padding:40px 0 !important;}
.selectp #scont .select {padding:0; overflow-x:hidden;}
.selectp #scont form {padding:0 15px;}
.selectp #scont .duck_foot {font-size:12px; margin-top:7px;}
.selectp #scont .select .select_top {padding:0; max-width:150%; margin-left:-25%; border-bottom:#333 1px solid;}
.selectp #scont .select .kind {display:block; padding:0 15px;}
.selectp #scont .select .kind li {width:100%; padding:20px 15px; margin-top:15px;}
/* .selectp #scont .select .kind.off {padding:30px 0;} */
.selectp #scont .select .kind.off li {padding:0; border:0; margin:0 0 5px 0;}
.selectp #scont .select .kind li.s03 {margin-bottom:15px;}
.selectp #scont .select .kind li dl dt {font-size:20px; margin:0; padding:15px 0;}
.selectp #scont .select .kind li dl dt+dd {padding:0;}
.selectp #scont .select .kind li dl dt+dd br {display:none;}
.selectp #scont .select .kind li dl dd img {margin-top:15px;}
.selectp #scont .select .kind li dl dd>div {font-size:13px;}
.selectp #scont .select .kind li button {font-size:14px; padding:15px 0; margin:20px 0 0 0; width:65%;}

.selectp #scont .info table {width:100%; padding-bottom:99px; display:block;}
.selectp #scont .info table input {width:30% !important;}
.select_wrap {width:100%; padding:0; margin-bottom:5px;}
.selectp #scont .info table select {width:100%;}
.selectp #scont table th {width:70px; font-size:12px;}
.selectp #scont .info .priv {width:100%; font-size:11px; border-left:0; border-right:0; height:100px; bottom:0; top:auto;
}
.selectp #scont .info .priv th, .selectp #scont .info .priv td {padding:0 10px;}
.selectp #scont .info .priv dl {margin:10px 0;}

.selectp #scont .info .priv ul li {padding-left:10px;}
.selectp #scont .info .priv ul li:before {width:5px; top:10px;}
.selectp #scont .info .priv ul li div {padding-left:10px;}
.selectp #scont .info .priv ul li div:before {top:-5px;}

.selectp #scont .info .agree label {margin-left:10px;}
.selectp #scont .info .agree label input {margin:-2px 5px 0 0; vertical-align:middle;}

.selectp #scont .upload {padding:15px;}
.selectp #scont .upload .kind li+li>img {width:80%; position:relative; margin:0 0 20px 10%;}
.selectp #scont .upload .kind li+li dl {padding:0;}
.selectp #scont .upload .kind li input#title {width:100%; margin-bottom:10px;}
.selectp #scont .upload .kind li input#filename1 {width:90%;}
.selectp #scont input#url, .selectp #scont input#name {width:100% !important;}

#scont .btn_wrap button, #scont .btn_wrap a {width:40%; margin:0 5px;}

}