@charset "UTF-8";

/* layout */

.hd-element, .hidden{
	position: absolute; 
	width: 0; 
	height: 0; 
	overflow: hidden; 
	visibility: hidden; 
	font-size: 0; 
	line-height: 0; 
}

html, body { 
    width: 100%; 
    height: 100%; 
    min-height: 100%;
}

body, * { 
    font-family: 'Pretendard', sans-serif !important; 
    transition: all 0.2s ease-in-out; 
}

header { 
    display: flex; 
    align-items: center; 
    justify-content: space-between; 
    position: fixed; 
    top: 0; 
    left: 50%; 
    max-width: 1920px; 
    width: 100%; 
    height: 90px; 
    transform: translate(-50%, 0); 
    z-index:999; 
}

header a { 
    display: block; 
    overflow: hidden; 
    text-indent: -5000px; 
    background: center no-repeat; 
}

header .logo { 
    margin-left: 30px; 
    width: 148px; 
    height: 34px; 
    background-image: url('/images/hgbus/winner/logo.png?ver=1.0'); 
	background-size: contain;
}

header .seoul-logo { 
    margin-right: 30px; 
    width: 156px; 
    height: 24px; 
    background-image: url('/images/hgbus/winner/logo-seoul.png'); 
}

main { 
    position: relative; 
    width: 100%; 
    overflow: hidden;
}

section { 
    position: relative; 
}

/*.scroll { 
    position: absolute; 
    right: 65px; 
    bottom: 30px; 
    text-align: center; 
    font-size: 16px; 
    font-weight: 500; 
    line-height: 1.2em; 
    color: #fff; 
    z-index: 1; 
}
.scroll img { 
    display: block; 
    margin: 0 auto 5px; 
}*/


/* intro */
.intro {
    overflow: hidden; 
    width: 100%; 
    height: 100vh;
	min-height: 880px;
    background: url("/images/hgbus/winner/bg_intro.jpg") center center no-repeat;
    background-size: cover;
}

.intro .inner .hgbus {
    position: absolute;
    left: 50%;
    bottom: -13.3%;
}

.intro .inner .hgbus01{
	animation: bus01 25s linear forwards;
}

@keyframes bus01 {
    0% {
        transform: translateX(-18%);
    }
    100% {
        transform: translateX(-170%);
    }
}

.intro .inner .hgbus02{
    transform: translateX(92%);
	animation: bus02 32s 8s linear infinite forwards;
}

@keyframes bus02 {
    0% {
        transform: translateX(92%);
    }
    100% {
        transform: translateX(-160%);
    }
}

.intro .inner .hgbus03{
    transform: translateX(92%);
	animation: bus03 32s 25s linear infinite forwards;
}

@keyframes bus03 {
    0% {
        transform: translateX(92%);
    }
    100% {
        transform: translateX(-160%);
    }
}

.intro .visual-txt-box {
	position: relative;
	margin: 100px auto auto;
	padding-top: 80px;
	text-align: center;
	z-index: 2;
}

.intro .visual-txt-box .bg-phone {
	position: absolute;
	inset: 0;
	z-index: -1;
}

.intro .visual-txt-box .sub-top-tit {
	display: flex;
	justify-content: center;
	align-items: end;
	position: relative;
	margin: 0 auto;
	width: fit-content;
	font-size: 31px;
	font-weight: 600;
	color: #fff999;
}

.intro .visual-txt-box .sub-top-tit::after {
	content: '';
	position: absolute;
	top: -15px;
	right: -22px;
	width: 29px;
	height: 32px;
	background: url("/images/hgbus/winner/ico-star.png") no-repeat center center;
	animation: twinkle 2.2s ease-in-out infinite;
}

@keyframes twinkle {
	0%   { transform: rotate(0deg); }
	25%  { transform: rotate(-10deg); }
	50%  { transform: rotate(10deg); }
	75%  { transform: rotate(-8deg); }
	100% { transform: rotate(0deg); }
}

.intro .visual-txt-box .sub-top-tit strong {
	padding: 0 6px;
	font-size: 40px;
}

.intro .visual-txt-box .main-tit {
	margin: 23px auto auto;
}

.intro .visual-txt-box .sub-btm-tit {
	margin: 15px auto auto;
}

.contents {
	overflow: hidden;
	background: url("/images/hgbus/winner/bg_contents.jpg")
}

.contents > .inner { 
	padding-top: 100px; 
	padding-bottom: 100px; 
	max-width: 100%; 
	height: 100%; 
}
.contents .inner .con-inner { 
	margin: 0 auto; 
	max-width: 1098px; 
	box-sizing: border-box; 
}
.contents .inner .con-inner > div > img { 
	display: block; 
	margin: 0 auto; 
}
.contents .img { 
	position: relative; 
	margin: 0 auto; 
	text-align: center; 
	z-index: 1; 
}
.contents .txt-box { 
	color: #fff; 
}
.contents .txt-box > p { 
	margin-top: 20px; 
	font-size: 18px; 
	line-height: 1.6; 
	word-break: keep-all;
}
.contents .txt-box > div span { 
	flex-shrink: 0;
	font-size: 18px; 
	font-weight: bold; 
	color: #aeacf6; 
}
.contents .txt-box > div p { 
	display: inline-block; 
	font-size: 18px; 
}
.video-area { 
	position: relative; 
	box-sizing: border-box; 
}
.award-con {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.award1 { 
	position: relative; 
	margin: 0 auto;
	max-width: 874px;
	/*padding: 0 210px;*/
}
.award1 .award-con {
	margin-top: 95px;
}
.award1 .award-con .txt-box {
	margin-top: 130px;
}
.award1 .video-area { 
	flex-shrink: 0;
	position: relative; 
	padding: 11px;
	aspect-ratio: 340 / 576;
	width: 340px; 
}
.award1 .video-area .video-wrap {
	overflow: hidden;
	border-radius: 30px;
	width: 100%;
	height: 100%;
}
/* .award1 .video-area:before { content:''; display:block; position:absolute; left:-20px; right: -22px; top: -40px; bottom: -85px; background:url("/images/2023shortform/img_sec02_phone_1st.png") center no-repeat; background-size: 100% 100%; } */
.video-area .phone-mockup {
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
}
.award1 video { 
	position: relative; 
	width: 100%;
	cursor: pointer;
}
.award1 .txt-box strong, .award2 .txt-box strong { 
	display: block; 
	margin-bottom: 20px; 
	font-size: 32px; 
	line-height: 1.4; 
	word-break: keep-all;
}
.award2 .txt-box strong {
	font-size: 30px;
}
.award1 .txt-box strong {
	margin-bottom: 40px;
}
.award1 .txt-box > div, .award2 .txt-box > div, .award3 .txt-box > div {
	display: flex;
	align-items: baseline;
	gap: 10px;
	padding-bottom: 20px; 
	border-bottom: 1px solid #39385a;
}
.award1 .txt-box > p { 
	padding-right: 40px;
}

.award2 { margin-top: 95px; }
.award2 .list-video { 
	display: flex;
	gap: 75px;
	margin-top: 65px; 
}
.award2 .list-video .award-con {
	gap: 40px;
}
.award2 .list-video li { position: relative; width: 50%; cursor: pointer; }
.award2 .list-video .video-area { 
	overflow: hidden;
	aspect-ratio: 244 / 414;
	padding: 8px;
	width: 244px; 
	flex-shrink: 0;
}
.award2 .list-video .video-area img { 
	position: relative;
	border-radius: 25px;
	width: 100%;
}
.award2 .txt-box {
	margin-top: 50px;
}
.award2 .txt-box > p {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	text-overflow: ellipsis;
}
/*.award2 .video-area::before { content:''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin-left: 3px; margin-top: 8px; width: 292px; height: 583px; background: url("/images/2023shortform/img_sec02_phone_2nd.png") no-repeat;}*/
/*.award2 .list-video .txt-box { position: absolute; top: 140px; right: 0; padding-right: 40px; width: 50%;}*/
.award2 .list-video .pop2, .award2 .list-video .pop3 { position: relative; }
/*.award2 .list-video .pop2::after, .award2 .list-video .pop3::after { content: ''; display: block; position: absolute; top: 0; left: 300px; width: 80px; height: 80px; background: url("/images/2023shortform/img_sec02_flag_2nd_01.png") no-repeat; }*/
/*.award2 .list-video .pop3::after { background: url("/images/2023shortform/img_sec02_flag_2nd_02.png") no-repeat; }*/

.award3 { margin-top: 177px; }
.award3 .inner { margin-top: 60px; }
.award3 .txt-box strong { 
	margin-top: 30px; 
	margin-bottom: 15px; 
	font-size: 24px; 
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
  	text-overflow: ellipsis;
	line-height: 1.4;
	min-height: calc(1.4em * 2);
	word-break: keep-all;
}
.award3 .txt-box div span, .award3 .txt-box div p { font-size: 16px; }
.award3 .txt-box > p {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	text-overflow: ellipsis;
	margin-top: 20px;
	font-size: 16px;
}
/*.award3 .txt-box > div p {
	line-height: 1.3;
	min-height: calc(1.3em * 2);
}*/
.award3 .list-video {
	display: flex;
	gap: 30px;
}
.award3 .list-video li { 
	flex: 1; 
	position: relative; 
	border-radius: 15px;
}

.award4 { margin-top: 95px; }
.award4 > img { margin-bottom: 60px !important; }
.award4 .list-video { 
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 55px 34px;
}
.award4 .list-video li { 
	position: relative; 
	width: 100%;
}
.award4 .list-video li .txt-box, .award5 .list-video li .txt-box { margin: 10px auto auto auto; text-align: center; }
.award4 .list-video li .txt-box div p, .award5 .list-video li .txt-box div p { margin-left: 0; font-size: 16px; }

.award5 { margin-top: 110px; }
.award5 > img { margin-bottom: 60px !important; }
.award5 .list-video { float: left; width: calc(50% - 12px); }
.award5 .list-video + .list-video { margin-left: 24px; }
.award5 .list-video li { position: relative; float: left; width: calc(33.3% - 16px); }
.award5 .list-video li + li { margin-left: 24px; }
.award5 .list-video li:nth-child(4), .award5 .list-video li:nth-child(7) { margin-left: 0; }
.award5 .list-video li:nth-child(3) ~ li { margin-top: 50px; }

.award3 ul li, .award4 ul li, .award5 ul li { cursor: pointer; }
.award3 .list-video .video-area img, .award4 .list-video li img, .award5 .list-video li img { width: 100%; height: 100%; object-fit: cover; vertical-align: top; }
/*.award3 ul li::after, .award4 ul li::after, .award5 ul li::after { content: ''; display: block; position: absolute; top: -2px; left: 15px; width: 80px; height: 80px; background: url("/images/2023shortform/img_sec02_flag_2nd_01.png") no-repeat; }*/
/*.award3 ul.charm li::after, .award4 ul.charm li::after, .award5 ul.charm li::after { background: url("/images/2023shortform/img_sec02_flag_2nd_02.png") no-repeat; }*/
.award3 .list-video .video-area, .award4 .list-video .video-area, .award5 .list-video .video-area { border: 2px solid #a5a2ff; border-radius: 15px; overflow: hidden; aspect-ratio: 1 / 1.77; }
/*.award3 .list-video.charm .video-area, .award4 .list-video.charm .video-area, .award5 .list-video.charm .video-area { border: 2px solid #009bff; }*/
.award4 .img, .award5 .img { margin-bottom: 60px; }
/*.award4 .video-area, .award5 .video-area { height: 312px; }*/
.award3 ul li:hover img, .award4 ul li:hover img, .award5 ul li:hover img { transform: scale(1.2); transition: all 0.5s; }
.award3 ul li:hover > .video-area, .award4 ul li:hover > .video-area, .award5 ul li:hover > .video-area { border: 4px solid #a5a2ff; }
/*.award3 ul.charm li:hover > .video-area, .award4 ul.charm li:hover > .video-area, .award5 ul.charm li:hover > .video-area { border: 4px solid #009bff; }*/

.video-pop {position:fixed; display:none; top:0; left:0; width:100%; height:100%; background:url("/images/hgbus/winner/img_popup_bg.png") center bottom no-repeat #480065; background-size:cover; z-index:1000;}
.video-pop .award-con {
	margin-top: 0;
}
.video-pop li {display:none; width:100%; height:100%;}
.video-pop li a {position:absolute; top:30px; right:40px; font-size: 18px; color: #fff; text-align: center; }
.video-pop li a::before{content:''; display: block; margin-bottom: 10px; width:41px; height:41px; background:url("/images/hgbus/winner/btn-close.png") no-repeat;}
.video-pop li .award1 .txt-box div p:before {display:none;}
.video-pop .award1{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0 auto; }
.video-pop .award1 .video-area:before {left:-13px; right:-18px; top:-65px; bottom:-83px;}
/* .video-pop .award1 .video-area video {width:307px; height:545px;} */
.video-pop .award1 > img {
	position: absolute;
	top: 0;
	left: 0;
}
/* .video-pop .award1 .video-area {opacity:1; margin-bottom:0; height:545px; border:none; border-radius:0; width:auto; overflow:visible;} */
.video-pop .award1 .txt-box { bottom: 0; }
.video-pop .award1 .txt-box img { margin-bottom: 15px; }
.video-pop .award1 .txt-box > div {
	border-bottom: 1px solid #39385a;
}
.video-pop .award1 .txt-box > div span { 
	color: #aeacf6;
}
.video-pop .award1 video {
	border-radius: 30px;
}
.video-pop .award1 .video-area .play{content:''; position:absolute; left:0; right:-5px; top:0; bottom:0; background:url('/images/hgbus/winner/ico-play.png') center no-repeat; background-size:60px auto; z-index:2; cursor:pointer; text-indent:-5000px; overflow:hidden;}
.video-pop .award1 .video-area .play:hover{display:block;background-image:url('/images/hgbus/winner/ico-play_ov.png');}


























.notScroll { overflow: hidden !important; touch-action:none; }
.clearfix:after{content:''; display:block; clear:both;}
.mob-only{ display:none;}

/* animation */
@keyframes marquee {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}
@keyframes bounce {
	0%{transform:translate(0,0);}
	100%{transform:translate(0,-40px);}
}
@keyframes image-spin {
	from { transform: scale(0) rotate(0deg); }
	to { transform: scale(1) rotate(360deg); }
}

/* layout */
/*html, body { min-width: 320px; width: 100%; height: 100%; min-height: 100%;}
body, * { font-family: 'Noto Sans KR', sans-serif !important; transition: all 0.2s ease-in-out; }
main { position: relative;  min-width: 320px; width: 100%; overflow: hidden;}
section { position: relative; }
header { display: flex; align-items: center; justify-content: space-between; position: fixed; top: 0; left: 50%; max-width: 1920px; width: 100%; height: 90px; transform: translate(-50%, 0); z-index:999; }
header a { display: block; overflow: hidden; text-indent: -5000px; background: center no-repeat; }
header .logo { margin-left: 30px; width: 156px; height: 35px; background-image: url('/images/2023shortform/logo.png'); }
header .seoul-logo { margin-right: 30px; width: 156px; height: 26px; background-image: url('/images/2023shortform/logo-seoul.png'); }
.scroll { position: absolute; right: 65px; bottom: 30px; text-align: center; font-size: 16px; font-weight: 500; line-height: 1.2em; color: #fff; z-index: 1; }
.scroll img { display: block; margin: 0 auto 5px; }*/

/* .section01 */
/*
.section01 { overflow: hidden; width: 100%; min-height: 100vh; background: #7d13a7; }
.section01 .bg-wrap { position: absolute; width: 100%; height: 100%; overflow: hidden; }
.section01 .bg-wrap .animated-bg { position: absolute; top: -30px; width: 100%; max-width: 100%; height: calc( 100% + 30px ); overflow: hidden; }
.section01 .bg-wrap .animated-bg .track, .section02 .bg-wrap .animated-bg .track {position: absolute; will-change: transform; animation: marquee 300s linear infinite; }
.section01 .main-con-wrap { overflow: hidden; position: relative; width: 100%; min-height: 100vh; }
.section01 .main-con-wrap .firework, .section01 .main-con-wrap .hand { position: absolute; bottom: 0; width: 100%; height: 100%; }
.section01 .main-con-wrap .hand { opacity: 0; }
.section01 .main-con-wrap .firework > div { position: absolute;}
.section01 .main-con-wrap .firework .fw01 { opacity: 0; top: 1000px; right: 100px; width: 420px; animation: image-spin 2s cubic-bezier(0.0, 0.5, 0.5 ,1.0); animation-delay: 0.5s; }
.section01 .main-con-wrap .firework .fw02 { opacity: 0; top: 1000px;  left: 240px; animation: image-spin 3s cubic-bezier(0.0, 0.5, 0.5 ,1.0); animation-delay: 0.7s; }
.section01 .main-con-wrap .firework .fw03 { opacity: 0; top: 1000px;  right: 465px; animation: image-spin 3s cubic-bezier(0.0, 0.5, 0.5 ,1.0); animation-delay: 0.9s; }
.section01 .main-con-wrap .flag { position: relative; top: -1000px; margin: 0 auto; width: 725px;}
.section01 .main-con-wrap .main-tit { opacity: 0; position: absolute; top: 120px; left: 50%; transform: translate(-50%, 0); width: 530px; }
.section01 .main-con-wrap .main-tit img:nth-child(2) { display: none; }
.section01 .main-con-wrap .prize { opacity: 0; position: absolute; top: 300px; left: 50%; margin-left: 50px; width: 160px; }
.section01 .main-con-wrap .hand > div { position: absolute; }
.section01 .main-con-wrap .hand .hand-left { left: 0; bottom: -70px; }
.section01 .main-con-wrap .hand .hand-right { right: 0; bottom: -35px; }
.section01 .main-con-wrap .firework img, .section01 .main-con-wrap .prize img, .section01 .main-con-wrap .flag img, .section01 .main-con-wrap .main-tit img { width: 100%; }
*/



/* .guide */
.guide { 
	/* padding: 30px 0 60px; */
	padding: 40px;
	color:#fff;
	background: #010021;
}
.guide .inner {
	max-width:1320px;
	margin:0 auto;
	box-sizing:border-box;
}

.tab-nav ul {
	display: flex;
	gap: 10px;
	/*border-left:1px solid #909090;*/
}
.tab-nav li {
	width:50%;
	position:relative;
	border:1px solid #aeacf6;
	border-radius: 10px;
	box-sizing:border-box;
	overflow: hidden;
}
.tab-nav li:before {content:''; display:block; position:absolute; left:-1px; right:-1px; top:-1px; bottom:-1px; background:#aeacf6; opacity:0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.tab-nav li:hover:before, .tab-nav li.on:before {opacity:1;}
.tab-nav li a {
	position:relative;
	display:block;
	line-height:80px;
	font-size:28px;
	font-weight: 700;
	color:#aeacf6;
	text-align:center;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.tab-nav li:hover a, .tab-nav li.on a {color:#010021;}

.guide .content {
	display:none;
	margin-top: 40px;
	margin-bottom: 20px;
	border-radius: 10px;
	background: #1b1a38;
}
.guide .content:after {content:''; display:block; clear:both;}

.st04-main .tab-con {
	display: none;
	padding: 30px 0 80px;
}
.st04-main .tab-con .dl-box {
	margin: 40px auto auto;
	padding: 15px 0 25px;
	border-radius: 10px;
	width: 100%;
	max-width: 650px;
	background: #252448;
}
.st04-main .tab-con .dl-box ul {
	margin: 10px auto auto;
	width: fit-content;
	text-align: left;
}
.st04-main .tab-con .dl-box ul li {
	display: flex;
	align-items: baseline;
	gap: 8px;
	font-size: 20px;
	font-weight: 300;
	line-height: 1.5;
}
.st04-main .tab-con .dl-box ul li::before {
	content: '-';
}
.st04-main .tab-con dt span {
	margin: 0 auto;
	text-align: center;
}
.st04-main .tab-con .dd-txt {
	margin-top: 25px;
	font-size: 20px;
	font-weight: 300;
}
.st04-main .tab-summary {
	display: none;
	text-align: center;
}
.st04-main .tab-summary dl {
	margin-top: 40px;
}
.st04-main .tab-summary dl:first-child {
	margin-top: 0;
}
/*.tab-summary dl {display:table; width:100%; table-layout:fixed;}
.tab-summary dl + dl {margin-top:30px;}
.tab-summary dt {display:table-cell; width:130px; vertical-align:top;}*/
.st04-main .tab-con dt span {
	display: block;
	width: 110px;
	line-height: 35px;
	font-size: 20px;
	color: #fff;
	font-weight: 700;
	text-align: center;
	border-radius: 35px;
	background: #010021;
}
.tab-summary dd {font-size:18px; line-height:1.5em; letter-spacing:-0.05em; vertical-align:top;}
.tab-summary .s-tit {line-height:34px; font-size:24px; font-weight:700;}
.tab-summary .txt-box:first-child {font-size:20px; line-height:1.6em;}
.tab-summary .s-tit + .txt-box {margin-top:10px;}
.tab-summary .txt-box p {margin-top:15px;}
.tab-summary .txt-box p strong {display:block; margin-bottom:3px; font-size:24px; font-weight:700; color:#fff;}
.tab-summary .txt-box li {position:relative; padding-left:15px;}
.tab-summary .txt-box li:before {content:''; position:absolute; left:0; top:13px; width:4px; height:4px; background:#f4df4b; border-radius:50%;}
.tab-summary .tbl01 {
	margin: 30px auto auto;
	font-size: 20px;
	text-align: center;
	table-layout:fixed;
	border-top: 1px solid #acabd2;
	width: 100%;
	max-width: 648px;
}
.tab-summary .tbl01 th {height:48px; font-weight:700; border-bottom:1px solid #fff; font-size: 20px; color: #acabd2; }
.tab-summary .tbl01 td {height:48px; padding:5px; border-bottom:1px solid #acabd2; font-size: 20px; font-weight: 300; }
.tab-summary .tbl01 td.bold {
	font-weight: 700;
}
.tab-summary .tbl02 {margin-top:7px; table-layout:fixed;}
.tab-summary .tbl02 td:not(.arrow) {height:66px; padding:5px; font-size:18px; text-align:center; line-height:1.22em; border:2px solid #a0a0a0;}
.tab-summary .tbl02 td.arrow {text-indent:-5000px; background:url('/images/2023shortform/arrow.png') center no-repeat;}
.tab-summary .ul-type {margin-top:25px;}
.tab-summary .ul-type:first-child {margin-top:7px;}
.tab-summary .ul-type li {position:relative; padding-left:135px;}
.tab-summary .ul-type li:before {content:''; position:absolute; left:0; top:13px; width:4px; height:4px; background:#f4df4b; border-radius:50%;}
.tab-summary .ul-type.schedule li {padding-left:190px; font-size:20px; line-height:1.6em;}
.tab-summary .ul-type.schedule li:before {top:15px;}
.tab-summary .ul-type li strong {position:absolute; left:15px; top:0; font-weight:700;}

/* .tab-precaution h3 {margin-bottom:12px; font-size:30px; font-weight:700; color:#f4df4b; line-height:1;} */

.st04-main .tab-con.tab-precaution dt span { padding: 0 20px; width: fit-content; }
.tab-precaution ul {
	margin: 25px auto auto;
	max-width: 874px;
}
.tab-precaution ul li {
	position: relative;
	padding-left: 15px;
	font-size: 20px;
	font-weight: 300;
	line-height: 1.5em;
}
.tab-precaution ul li strong {
	font-weight: 700;
}
.tab-precaution ul li + li {margin-top:10px;}
.tab-precaution ul li:before {content:''; position:absolute; left:0; top:13px; width:4px; height:4px; background:#acabd2; border-radius:50%;}

/* footer */
#cb-content { padding-top: 139px; }
#cb-footer .cb-footer-lower { position:relative; height: 238px; background: #fff; }
#cb-footer { background: #fff; padding:30px 0; border-top:1px solid #dee3eb; }
#cb-footer a { color: #000; }
#cb-footer .foot_logo { float: left; background: url(/images/2023shortform/main_new_ico.png) -5px -193px no-repeat; width: 138px; height: 37px; text-indent: -9999px; margin: 3px 30px 0 0; }
#cb-footer .cb-footer-lower { max-width: 1200px; margin: 0 auto; }
#cb-footer .cb-footer-lower > div { padding: 0; }
#cb-footer .menu > dl { float: left; width: 140px; font-size: 14px; font-weight: normal; letter-spacing: -0.6px; line-height: 2; padding:0 12px; vertical-align: top; border-right:1px solid #dee3eb; min-height: 166px; }
#cb-footer .menu .menu_etc { float: left; border-right: 1px solid #dee3eb; padding: 0 20px; min-height: 166px; }
#cb-footer .menu dl dt { font-size: 16px; color: #000; border-bottom: 1px solid #5711a8; font-weight: 600; float: none; padding: 0 0 6px 0; }
#cb-footer .menu .menu_etc li a { font-size: 16px; color: #000; border-bottom: 1px solid #5711a8; font-weight: 600; float: none; padding: 7px 0 14px 0; display: block; width: 105px; margin: 0 0 10px 0; }
#cb-footer .foot_bnr { float: right; }
#cb-footer .app_store { padding: 0 0 5px 0; }
#cb-footer .app_store li { display: inline-block; }
#cb-footer .app_store a { background: url(/images/2023shortform/main_new_ico.png) -6px -153px no-repeat; width: 118px; height: 30px; text-indent: -9999px; display: block; }
#cb-footer .app_store li:last-child { border-left: 1px solid #ddd; margin: 0 0 0 10px; padding: 0 0 0 16px; }
#cb-footer .app_store li:last-child a { background-position: -143px -153px; }
#cb-footer .etc_group { background: #fff; width: 100%; height: auto; line-height: 1.5; /*border-top: 1px solid #ddd; padding: 20px 0 0 0;*/ }
#cb-footer .etc_group .copy { float: none; font-size: 13px; color: #000; font-weight: 200; margin: 0; }
#cb-footer .etc_group .etc { float: none; }
#cb-footer .etc_group .etc dd { display: inline-block; }
#cb-footer .etc_group .etc dd a.privacy { color: #290e4b; }
#cb-footer .etc_group .etc dd:not(:nth-child(6)):after { content: '/'; display: inline-block; color: #fff; margin: 0 10px; }
#cb-footer .etc_group .etc dd:last-child:after { content: none; }
#cb-footer .etc_group .etc dd a { font-size: 14px; color: #000; font-weight: 500; }
#cb-footer .etc_group .etc .quality_mark { margin: 0 0 0 50px; }
#cb-footer .etc_group .etc .quality_mark img { vertical-align: middle; width: 55px; height: 40px; }
#cb-footer .etc_group .etc_wrap { width: 100%; max-width: 1200px; margin: 0 auto; }
#cb-footer .about_us { position: relative; right: 0; top: auto; width: 100%; padding: 10px 0 0 0; }
#cb-footer .about_us dt { display: none; }
#cb-footer .about_us dd { font-size: 12px; color:#888; margin: 0 20px 5px 0; font-weight: 300; display: inline-block; }
#cb-footer .about_us dd:nth-child(3) { margin: 0 20px 5px 0; }
#cb-footer .about_us dd:nth-child(4) { margin: 0 20px 5px 0; }
#cb-footer .about_us dd.addr:before,
#cb-footer .about_us dd.tels:before,
#cb-footer .about_us dd:before,
#cb-footer .about_us dd.mailto:before { content: none; }
#cb-footer .etc_group .sns_box { display: none; }
.common-sns-box { display: none; margin: 8px 0 0 0; }
.common-sns-box li { display: inline-block; }
.common-sns-box li a { display: block; width: 21px; height: 21px; background: url(/images/hgbus/winner/main_new_ico.png) -4px -119px no-repeat; text-indent: -9999px; }
.common-sns-box li.twitter a { background-position: -33px -119px; }
.common-sns-box li.instargram a { background-position: -62px -119px; }
.common-sns-box li.story a { background-position: -91px -119px; }
.common-sns-box li.youtube a { background-position: -119px -119px; }
.common-sns-box li.naver a { background-position: -148px -119px; }
.frm_regist legend, .hd-element, #subscribeFrm legend { position: absolute; width: 0; height: 0; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; }

/* scrollbox */
.scroll_box{display: none; position:fixed; right:0; top:auto; bottom:90px; z-index:99;}
.scroll_box .btn_box{width:100px; height:140px; text-align: center; margin:0 auto;}
.scroll_box .goTop {width:50px; height:50px; margin:20px 0 10px; background:url(/images/hgbus/winner/btn_gotop.png) no-repeat 0 0; background-size:cover;}
.scroll_box .goBottom { width:50px; height:50px; background:url(/images/hgbus/winner/btn_gotop.png) no-repeat 0 0; background-size:cover; transform:rotate(180deg);}
.sns_share {width:100px; text-align:center; background:#fff; border-radius:10px 0 0 10px; overflow:hidden; z-index:995; box-shadow:0px 5px 8px 3px rgba(0, 0, 0,.2);  -ms-box-shadow:0px 5px 8px 3px rgba(0, 0, 0,.2); -moz-box-shadow:0px 5px 8px 3px rgba(0, 0, 0,.2);  -webkit-box-shadow:0px 5px 8px 3px rgba(0, 0, 0,.2);}
.sns_share.on{display:block;}
.sns_share h3 {padding:15px 0; line-height:1; font-size:16px; font-weight:700; color:#fff; background:#4559ef; }
#toggle_share {position:relative; display:none; width:120px; height:120px; color:#7316e0; text-align:center; line-height:1; background:#fff; border-radius:50%; box-shadow:2px 5px 15px rgba(0,0,0,.2); }
#toggle_share span {display:block; position:absolute; left:0; right:0; top:50%; font-size:24px; font-weight:500; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }
#toggle_share span:before { content:''; display:block; width:44px; height:47px; margin:0 auto 5px; background:url(/images/hgbus/winner/icon_share_off.png); }
#toggle_share.on { color:#fff; background:#7316e0; }
#toggle_share.on span:before { background-image:url(/images/hgbus/winner/icon_share.png);  }
.sns_share ul{padding:10px 0;}
.sns_share li { margin:0 9px;}
.sns_share li:first-child { border-top:none; }
.sns_share li a { display:block; height:60px; background:center no-repeat; text-indent:-5000px; overflow:hidden; text-align:left; }
.sns_share .share_k { background-image:url(/images/hgbus/winner/share_k.png); }
.sns_share .share_ks { background-image:url(/images/hgbus/winner/share_ks.png); }
.sns_share .share_f { background-image:url(/images/hgbus/winner/share_f.png); }
.sns_share .share_t { background-image:url(/images/hgbus/winner/share_t.png); }

/* media */
@media only screen and (max-width: 1475px){
	.scroll_box { left:auto; right:0px; margin-left:0; }
	.video-pop .award1 {
		top: unset;
		bottom: 30px;
		transform: translateX(-50%);
		padding: 0 30px;
		width: 100%;
		max-width: unset;
	}
	.video-pop .award1 > img {
		left: 30px;
	}
}

@media only screen and (max-width: 1400px){
	.scroll {right:30px;}
}

@media only screen and (max-width: 1200px) {
	.inner { padding: 0 15px; }
	.section01 .inner { padding: 0; }
	header .logo { margin-left: 15px; }
	header .seoul-logo { margin-right: 15px; }
	.scroll { right: 15px; bottom: 37px; }
	/* .section01 .main-con-wrap .main-txt { width: 500px; }
	.section01 .main-con-wrap .apply-btn { width: 260px; }
	.section01 .main-con-wrap .main-vis { margin-top: 290px; margin-left: 364px; width: 430px; } */
	.contents ul li .video-area { border:none !important; height:auto !important; }
	.contents ul li:hover > .video-area { border:none !important; }
	.award2 .list-video .txt-box { position: static; margin-top: 60px; padding: 20px 15px 0; width: 100%; text-align: center; }
	.award2 .list-video .video-area { float: none; margin: 0 auto; }
	.award2 .list-video .pop2::after, .award2 .list-video .pop3::after { top: -60px; left: 50%; margin-left: 48px; }
	.section03 .tit-wrap img { width: 500px; }
	.guide .inner { padding: 0; width: 100%; }
	#cb-footer .etc_group .etc_wrap { width: 100%; }
	#cb-footer .foot_logo { display: none; }
	#cb-footer .menu { width: 980px; margin: 0 auto; display: block !important; }
	#cb-footer .etc_group { text-align: center; }
	.award3 ul li::after, .award4 ul li::after, .award5 ul li::after { width: 40px; height: 40px; background-size: contain !important; }
	.con-inner > div > .list-video li .award-con{
		display: block;
	}
	.award2 .txt-box > div {
		justify-content: center;
	}
}

@media only screen and (min-width: 1181px) and (min-height: 766px){
	.sns_share ul { display: block !important; }
}

@media only screen and (max-width: 1180px) {
	.sns_share li:first-child { border-top:none; }
	.scroll_box{top:auto; right:15px; bottom:30px; }
    .sns_share {width:auto; border:none; background:none; overflow:visible; box-shadow:none;}
	.sns_share h3 { display:none; }
	#toggle_share { display:block; width:50px; height:50px; }
	#toggle_share span { font-size:0; line-height:0; text-indent: -5000px; text-align:left; }
	#toggle_share span:before { width:100%; height:50px; margin:0; background-size:20px auto; background-repeat:no-repeat; background-position:center;}
	.sns_share ul { display:none; position:absolute; left:0; right:0; bottom:143px; }
	.sns_share li { width:50px; margin:0 auto 10px;  border:none; border-radius:50%; box-shadow: none; }
	.sns_share li a { display:block; height:50px; }
	.scroll_box .btn_box {width:35px; height:auto; margin-top:-5px;}
	.scroll_box .goTop {width:35px; height:35px;}
	.scroll_box .goBottom {width:35px; height:35px;}
}

@media only screen and (max-width: 1100px){
	.scroll { right: 30px; }
	.tab-summary dd br:not(.br) {display:none;}
	.st04-header {position:relative; width:100%; margin-bottom:30px;}
	.st04-header .btn {position:absolute; right:0; bottom:10px; margin-top:0;}
	.st04-main {width:100%;}

	.section02 .inner .con-inner > .award1 { padding: 0 30px; }
	.section02 .inner .con-inner > .award1 .txt-box { left: 30px; width: calc(100% - 400px); }
	.section02 .inner .con-inner > .award1 .txt-box > p { padding-right: 20%; }

	/* .section02 .inner .con-inner > .award4 > img { margin: 50px auto !important; } */
	.award4 .list-video, .award5 .list-video { position: relative; width: 100%; }
	.award4 .list-video + .list-video, .award5 .list-video + .list-video { margin-left: 0; }
	.award5 .list-video.charm { margin-top: 50px; }
	.award4 .list-video {
		grid-template-columns: repeat(3, 1fr)
	}
	.guide {
		padding: 30px;
	}
	.guide .content {
		margin-top: 30px;
	}
	
}

@media only screen and (max-width: 1080px){
	.intro .visual-txt-box .main-tit {
		width: 90%;
	}
	.intro .visual-txt-box .sub-btm-tit {
		width: 33%;
	}
	.intro .visual-txt-box .main-tit img, .intro .visual-txt-box .sub-btm-tit img {
		width: 100%;
	}
	.st04-main .tab-con {
		padding: 30px 30px 80px;
	}
}

@media only screen and (max-width: 1020px){
	.section01 .main-con-wrap .flag { width: 500px; }
	.section01 .main-con-wrap .main-tit { width: 465px; }
	.section01 .main-con-wrap .main-tit img:first-child { display: none; }
	.section01 .main-con-wrap .main-tit img:nth-child(2) { display: block; }
	.section01 .main-con-wrap .prize { display: none; }
	.scroll {display:none;}

	#cb-footer {
		padding: 0;
	}
	#cb-footer .cb-footer-lower > div {
		display: block;
	}
	#cb-footer .menu{
		width:100%;
	}
	#cb-footer .menu>dl,
	#cb-footer .menu>ul,
	#cb-footer .foot_bnr>a {
		display:none;
	}
	#cb-footer .foot_bnr {
		float: none;
	}
	#cb-footer .app_store {
		text-align: center;
	}
	#cb-footer.wrap .cb-footer-lower {
		padding: 20px 0;
		height:auto;
		display:none;
	}
	#cb-footer .etc_group {
		padding: 0 0 20px 0;
	}
	#cb-footer .etc_group .etc dd a,
	#cb-footer .etc_group .etc dd a.privacy,
	#cb-footer .about_us dd{
		color:#000;
		font-size:13px;
		font-weight:400;
		letter-spacing:-1px;
	}
	#cb-footer .about_us {
		left: 0;
	}
	#cb-footer .about_us dt{
		display:block;
		padding:2px 0;
		color:#000;
	}
	#cb-footer .about_us dd {
		display:block;
		letter-spacing:-1px;
	}
	#cb-footer .etc_group .etc dd:not(:nth-child(6)):after {
		content:'|';
		color: #ddd;
		font-size: 13px;
		font-weight: 200;
		margin: 0 3px;
		vertical-align:middle;
	}
	#cb-footer .etc_group .etc{
		padding:15px;
		border-bottom: 1px solid #ddd;
	}
	#cb-footer .app_store a {
		background:url("/images/2023shortform/main_new_ico.png") 12px -143px no-repeat;
		width: 145px;
		border: 1px solid #000;
		height: 45px;
		padding: 15px;
		border-radius: 5px;
	}
	#cb-footer .app_store li:last-child a {
		background-position: -125px -143px;
	}
	#cb-footer .app_store li:last-child {
		border-left:none;
		margin:0;
		padding:0;
	}
	#cb-footer .etc_group .copy{
		letter-spacing:-1px;
	}
	footer .common-sns-box{
		display:block;
		text-align: center;
		margin: 15px 0;
	}
}

@media only screen and (max-width: 900px) {
	header { position: absolute; }
	/* .section01 .main-con-wrap .main-vis { position: static; margin: 30px auto auto; width: 600px; transform: none; }
	.section01 .main-vis .pc-only { display: none !important;}
	.section01 .main-vis .mob-only { display: block !important;} */
	.rotateslider-container {position: relative;max-width:284px;}
	.rotateslider-container .v-slick {display: block; border: 10px solid #000; border-radius:30px; background:#000;}
	.rotateslider-container .slick-list { border-radius: 20px; }
	.rotateslider-container .rotateslider-item {top: auto; border: none; border-radius: 0; /*width:auto;*/ transform:none !important;}
	.rotateslider-container .rotateslider-item:before{display:none;}
	.rotateslider-container .rotateslider-item .play{ display: none !important;background:url('/images/2023shortform/ico-play_ov.png') center no-repeat; opacity:1;}
	.rotateslider-container .v-arrow {display:none;}
	.rotateslider-container .slick-dots {padding-top:20px; text-align:center;}
	.rotateslider-container .slick-dots li {display:inline-block; margin:0 5px;}
	.rotateslider-container .slick-dots li button {display:block; width:10px; height:10px; border:none; background:#fff; border-radius:50%; text-indent:-5000px;}
	.rotateslider-container .slick-dots li.slick-active button {background:#7316e0;}
	.sticker-wrap > div img { width: 70%; }
}

@media only screen and (max-width: 767px) {

	.phone-mockup {
		display: none !important;
	}

	.mob-only{display:block;}
	.pc-only{display:none !important;}

	.header{height:70px;}
    .header .logo{width:120px; height:28px; background-size:100% auto;}
    .header .seoul_logo{width:85px; height:33px; background-size:100% auto;}

	.mob-only > p {margin-bottom:30px; margin-top:30px;}
	.contents > .inner {
		padding-top: 0;
	}

	.intro {
		height: 720px;
		min-height: unset;
	}
	.intro .visual-txt-box .sub-top-tit {
		font-size: 20px;
	}
	.intro .visual-txt-box .sub-top-tit strong {
		font-size: 25px;
		margin: 0 4px;
	}
	.intro .visual-txt-box .main-tit {
		max-width: 360px;
	}
	.intro .visual-txt-box .bg-phone {
		margin: 0 auto;
		width: 90%;
		max-width: 500px;
	}
	.intro .visual-txt-box .bg-phone img {
		width: 100%;
	}
	.intro .visual-txt-box .sub-btm-tit {
		width: 45%;
	}
	.intro .inner .hgbus{
		left: 50%;
		bottom: -22%;
	}

	.intro .inner .hgbus01{
		animation: bus01 20s linear forwards;
	}
	@keyframes bus01 {
		0% {
			transform: translateX(-18%);
		}
		100% {
			transform: translateX(-170%);
		}
	} 
	.intro .inner .hgbus02{
		animation: bus02 30s 8s linear infinite forwards;
	}
	@keyframes bus02 {
		0% {
			transform: translateX(58%);
		}
		100% {
			transform: translateX(-160%);
		}
	}
	.intro .inner .hgbus03{
		animation: bus03 30s 20s linear infinite forwards;
	}
	@keyframes bus03 {
		0% {
			transform: translateX(88%);
		}
		100% {
			transform: translateX(-160%);
		}
	}
	.contents .inner .con-inner > div > img, .contents .inner .con-inner > div > .img img  {
		margin: 50px auto 25px;
		width: 200px;
	}
	.con-inner > div .video-area {
		padding: 0;
	}

	.inner > .con-inner > .award1.mob-only .txt-box div span::before, .award2 .list-video .txt-box div span::before, .award3 .list-video .txt-box div span::before, .award4 .list-video .txt-box div span::before, .award5 .list-video .txt-box div span::before { content: ''; display: inline-block; width: 18px; height: 18px; background: url("/images/hgbus/winner/ico_winner.png") no-repeat; background-size: contain; vertical-align: middle; }

	.award-con {
		display: block;
	}

	.section01 { min-height: auto; }
	.section01 .main-con-wrap { min-height: auto; }
	.section01 .main-con-wrap .flag { margin-bottom: 80px; }
	.section01 .main-con-wrap .hand .hand-left { bottom: -40px; }
	.con-inner > div .inner { padding: 0; }
	.video-pop .play {background:url('/images/2023shortform/ico-play_ov.png') center no-repeat; display:block;}
	.award1 {margin:0 -15px; padding:0 !important;}
	/* .award1 img {position:absolute; top:40px; left:15px; width:60px; z-index:5;} */
	/* .award1 .txt-box {position:absolute; top:auto; bottom:35px !important; left:0 !important; width:100%; background:rgba(0,0,0,0.8); padding:15px; z-index:5;} */
	.award1 .txt-box {position:absolute; top:auto; bottom:0 !important; left:0 !important; width:100%; background:rgba(0,0,0,0.8); padding:15px; z-index:5;}
	.section02 {padding:0;}
	.section02 .list-video {padding-bottom:20px;}
	.section02 .video-area { border: none !important; }
	.section02 .award1 .txt-box strong {width:100%; font-size:20px; }
	.contents .txt-box { padding: 20px 0 0 !important; }
	.contents .video-pop .txt-box { 
		margin-top: 0;
		padding: 20px 15px !important;
		max-height: 35vh;
		overflow-y: auto;
	}
	.award1 .txt-box > p {
		padding-right: 0;
	}
	.contents .video-pop .txt-box::-webkit-scrollbar {
		width: 6px;
	}
	.contents .video-pop .txt-box::-webkit-scrollbar-thumb {
		background: rgba(255,255,255,0.25);
		border-radius: 6px;
	}

	.contents .video-pop .txt-box::-webkit-scrollbar-track {
		margin: 20px 0;
		background: transparent;
	}
	.section02 .txt-box > div span {font-size:12px;}
	.section02 .txt-box > div p {margin-left:5px; font-size:12px;}
	.section02 .award1 .txt-box > p {padding-right:0; font-size:14px;}
	.section02 .txt-box > div p:before {width:15px; height:15px;}
	.section02 .txt-box > div p em { display: block; }
	.award1 .video-area {float:none; margin:auto auto 70px auto; padding: 0; width:100%; height:auto;}
	.award1 .video-area:before {display:none;}
	.award1 video{width:100%; height:auto;}
	
	/* .award2 .slick-list {margin-right:-100px;}
	.award3 .slick-list {margin-right:-100px;} */
	.mob-only > p {margin-bottom:30px; margin-top:30px;}
	/* .section02 ul li .video-area {border:none; height:auto;}
	.section02 ul li:hover > .video-area {border:none;} */
	/*.section02 .award2 .video-area video {width:100%; height:auto;}
	.section02 .award3 .list-video li:first-child .video-area {opacity:1 !important;}
	.section02 .award3 ul li {padding:0 5px; width:33.3%;}
	.section02 .award3 ul li .video-area{width:100%;height:auto;}
	.section02 .award3 ul li .video-area img {width:100%; height:auto;}
	.section02 .award3 .video-area video {width:100%; height:auto;}*/
	.section02 .list-video li .txt-box strong {font-size:20px;}
	.section02 .con-inner .txt-box > p {margin-top:15px; font-size:15px;}

	.video-pop {background:rgba(0,0,0,1);}
	.video-pop .award1 {top:0; left:50%; transform:translate(-50%,0); padding:0; width:100%; height:100%;}
	.video-pop li a {top:15px; right:15px; z-index:5; font-size: 0; }
	.video-pop li a::before {width:20px; height:20px; background-size:20px;}
	.video-pop .award1 > img {position:absolute;}
	.video-pop .award1 .txt-box img { position: fixed; top: 0; left: 15px; }
	.video-pop .award1 .txt-box strong {
		margin-bottom: 25px;
		font-size: 26px;
	}
	.video-pop .award1 video { border-radius: 0; }
	.inner > .con-inner > .award1.mob-only {margin:0 auto;}
	.inner > .con-inner > .award1.mob-only .crown {display:inline-block; vertical-align:middle;}
	.inner > .con-inner > .award1.mob-only .crown:before {content:''; display:inline-block; vertical-align:middle; margin-top:-2px; margin-right:7px; width:27px; height:26px; background:url('/images/prize/ico-crown2.png') no-repeat; background-size:cover;}
	.inner > .con-inner > .award1.mob-only > div > p {padding:30px 0;}
	.inner > .con-inner > .award1.mob-only .video-area {margin:0 auto; border-radius:15px; overflow:hidden;}
	.inner > .con-inner > .award1.mob-only .video-area img {position:static; width:100%;}
	.inner > .con-inner > .award1.mob-only .txt-box {position:static; padding:15px 5px; width: 100% !important; background:none;}
	.inner > .con-inner .txt-box div * { font-size: 15px !important; }
	/* .inner > .con-inner > .award1.mob-only .txt-box div span::before, .award2 .list-video .txt-box div span::before, .award3 .list-video .txt-box div span::before, .award4 .list-video .txt-box div span::before, .award5 .list-video .txt-box div span::before { content: ''; display: inline-block; width: 18px; height: 18px; background: url(/images/2023shortform/ico_winner.png) no-repeat; background-size: contain; vertical-align: middle; } */
	.award4 .list-video .txt-box div span::before, .award5 .list-video .txt-box div span::before { margin-right: 5px; }
	.inner > .con-inner > .award1.mob-only .txt-box strong {border:none; padding:0; font-size: 25px; }
	.section02 .inner > .con-inner > .award1.mob-only .txt-box > div > p {display:inline-block; margin-left:5px; margin-top:0; padding:0;} 
	.section02 .inner .con-inner > div > img, .section02 .inner .con-inner .img > img { position: static; width: auto; height: 50px; }
	.section02 .inner .con-inner > div > img, .section02 .inner .con-inner .img { margin: 50px auto 25px; }
	.inner > .con-inner > .award1.mob-only .txt-box > p {padding:0;}

	.award2 { margin-top: 0; }
	.award2 .video-area::before { display: none; }
	.award2 .list-video { margin-top: 0; gap: 15px;}
	.award2 .list-video .video-area { overflow: hidden; padding: 0; border-radius: 15px; width: 100%; height: auto; }
	.award2 .list-video .video-area img { vertical-align: top; border-radius: 15px; }
	.award2 .list-video .txt-box { margin-top: 0; text-align: left; }
	.award2 .list-video .txt-box strong, .award3 .list-video .txt-box strong { font-size: 18px !important; }
	.award2 .list-video .txt-box div span, .award3 .list-video .txt-box div span { font-size: 0 !important; }
	.award2 .list-video .txt-box div span::before, .award3 .list-video .txt-box div span::before { vertical-align: top !important;}
	.award2 .list-video .txt-box div p, .award3 .list-video .txt-box div p { vertical-align: top; }
	.award2 .list-video .pop2::after, .award2 .list-video .pop3::after, .award3 .list-video li::after { top: -3px; left: auto; right: 10px; width: 41px; height: 40px; background: url("/images/2023shortform/img_sec02_flag_4th_01.png") no-repeat; background-size: contain; z-index: 1; }
	.award2 .list-video .pop3::after, .award3 .list-video.charm li::after { background: url("/images/2023shortform/img_sec02_flag_4th_02.png") no-repeat; background-size: contain; }

	.award3 { margin-top: 0; }
	.award3 .inner { margin-top: 0; }
	.award3 .list-video {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 25px 15px;
	  }
	   /* ❗ 기존 flex/모바일 잔재 제거 */
  .award3 .list-video li {
    width: auto;
    margin: 0;
    min-width: 0;
  }

  .award3 .list-video li + li {
    margin: 0;
  }

  /* 내부 콘텐츠가 grid 폭을 밀지 않게 */
  .award3 .list-video * {
    min-width: 0;
  }
  .award3 .list-video .video-area, .award4 .list-video .video-area, .award5 .list-video .video-area { border: none; }
  .award3 ul li:hover > .video-area, .award4 ul li:hover > .video-area, .award5 ul li:hover > .video-area { border: none; }
	.award3 .list-video .txt-box strong { margin-top: 0; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; min-height: unset;}

	/* .section02 .inner .con-inner > .award4 > img { margin: 50px auto !important; } */

	.award1 .txt-box > div, .award2 .txt-box > div, .award3 .txt-box > div { align-items: flex-start; padding-bottom: 15px; gap: 6px;}
	.award3 ul li:hover img, .award4 ul li:hover img, .award5 ul li:hover img { transform: none;}
	.award4 ul li::after, .award5 ul li::after { display: none; }
	.award4 .list-video { grid-template-columns: repeat(2, 1fr); gap: 25px 15px;}
	.award4 .list-video li .txt-box, .award5 .list-video li .txt-box { margin: 0 auto; padding: 10px 0 0 !important; }
	.award4 .list-video li .txt-box div, .award5 .list-video li .txt-box div { display: flex; justify-content: center; align-items: baseline; }

	.award4 .img, .award5 .img {margin-bottom:0;}

	.award5 { margin-top: 0; }
	.award5 .list-video { padding-bottom: 0; }
	.award5 .list-video.charm { margin-top: 0; }
	.award5 .list-video li:nth-child(3) ~ li { margin-top: 0; }
	.award5 .list-video li { margin-left: 0; padding: 0 5px; }
	.award5 .list-video li + li { margin-left: 0; }
	.award5 .list-video.charm { margin-top: 40px; }

	.section02 .award2 .img::before, .section02 .award3 .img::before, .section02 .award4 .img::before, .section02 .award5 .img::before { display: none; }

	.video-pop .award1 .video-area video {width:100%; height:auto;}
	.section.st02 .video-pop .award1 .video-area {width:100%; height:auto;}

	.section03 .sticker-wrap .sticker10 { right: -4.2%; }
	.section.st04 { padding: 50px 0 80px; }
	.tab-nav {margin-bottom:30px;}
	.tab-nav li a {line-height:55px; font-size:20px;}
	.guide {
		padding: 30px 15px;
	}
	.st04-main .tab-con { padding: 30px 15px 80px;}
	.st04-header {padding-bottom:56px;}
	.st04-header .btn {left:0; bottom:0;}
	/* .tab-summary dl + dl {margin-top:30px; padding-top:30px; border-top:1px solid #a0a0a0;} */
	.tab-summary dt {display:block; width:auto; margin-bottom:20px;}
	.tab-summary dt span {width:auto; line-height:1; font-size:30px; text-align:left; border:none;}
	.tab-summary dd {display:block; font-size:16px;}
	.tab-summary .s-tit {line-height:1.5em; font-size:20px;}
	.tab-summary .txt-box:first-child {font-size:18px;}
	.tab-summary .txt-box p strong {font-size:20px;}
	.tab-summary .txt-box li {position:relative; padding-left:15px;}
	.tab-summary .txt-box li:before {top:11px;}
	.tab-summary .tbl01 {font-size:16px;}
	.tab-summary .tbl02 {margin-top:0;}
	.tab-summary .tbl02 td:not(.arrow) {font-size:16px; word-break:keep-all;}
	.tab-summary .tbl02 td.arrow {background-size:8px auto;}
	.tab-summary .ul-type {margin-top:15px;}
	.tab-summary .ul-type:first-child {margin-top:0;}
	.tab-summary .ul-type li:before {top:11px;}
	.tab-summary .ul-type li {padding-left:120px;}
	.tab-summary .ul-type.schedule li {padding-left:15px; font-size:18px;}
	.tab-summary .ul-type.schedule li:before {top:13px;}
	.tab-summary .ul-type.schedule li + li {margin-top:10px;}
	.tab-summary .ul-type.schedule li strong {position:static; left:auto; top:auto; display:block;}
	.tab-precaution ol li {padding-left:25px; font-size:18px;}
	.tab-precaution ul li {font-size:16px;}
	.tab-precaution ul li:before {top:11px;}

	.scroll_box{top:auto; right:15px; bottom:30px; }
	.scroll_box .btn_box{width:50px; height:auto;}
    .sns_share {width:auto; border:none; background:none; overflow:visible; }
	.sns_share h3 { display:none; }

	#toggle_share { width:50px; height:50px; }
	#toggle_share span { font-size:0; line-height:0; text-indent: -5000px; text-align:left; }
	#toggle_share span:before { width:100%; height:50px; margin:0; background-size:20px auto; background-repeat:no-repeat; background-position:center;}
	.sns_share ul { display:none; position:absolute; left:0; right:0; bottom:143px; }
	.sns_share li { width:50px; margin:0 auto 10px;  border:none; border-radius:50%; box-shadow: none; }
	.sns_share li a { display:block; height:50px; }
	.scroll_box .btn_box {width:35px; margin-top:-5px;}
	.scroll_box .goTop {width:35px; height:35px;}
	.scroll_box .goBottom {width:35px; height:35px;}
	.st04-main .tab-con .dd-txt, .st04-main .tab-con .dl-box ul li, .tab-summary .tbl01 th, .tab-summary .tbl01 td {
		font-size: 16px;
	}
	.st04-main .tab-con .dd-txt {
		word-break: keep-all;
	}
	.award2 .txt-box > div {
		justify-content: flex-start;
	}
	.con-inner > div > .txt-box > div > span::before {
		margin-right: 6px;
	}
}

@media only screen and (max-width:640px) {
	.section01 .main-con-wrap .flag { width: 80%; }
	.section01 .main-con-wrap .main-tit { top: 10%; width: 78%; }
	.sticker-wrap > div img { width: 60%; }
	.section03 .tit-wrap img { width: 450px; }
	.section03 .sticker-wrap .sticker07 { top: 40.5%; }
	.section03 .sticker-wrap .sticker11 { right: 0; }
	.section03 .video-slide-container p { font-size: 15px; }
	.rotateslider-container {max-width:280px; height:auto; margin-bottom:20px;}
	/* .st02 .btns a {position:static; left:auto !important; right:auto !important; bottom:auto !important; width:100%; height:auto; line-height:55px; padding:0; border-radius:5px;}
	.st02 .btns .bt-down {margin-bottom:10px;}
	.st02 .btns .ico {display:inline-block; width:24px; margin:0 10px 0 0; vertical-align:text-top;}
	.st02 .btns .bt-down .ico {background-image:url('/images/prize/ico-down_b.png');}
	.st02 .btns .bt-regis .ico {background-image:url('/images/prize/ico-regis_b.png');}
	.st02 .btns .bt-down:hover .ico {background-image:url('/images/prize/ico-down_w.png');}
	.st02 .btns .bt-regis:hover .ico {background-image:url('/images/prize/ico-regis_w.png');} */
}

@media only screen and (max-width:495px) {
	header { height: 50px; }
	header .logo { width: 120px; height: 27px; background-size: contain;}
	header .seoul-logo { width: 120px; height: 20px; background-size: contain; }
	.rotateslider-container { width: 55vw; }
	.section03 .tit-wrap img { width: 80%; }
}

@media only screen and (max-height: 495px){
	.scroll_box .btn_box{width:50px;}
	#toggle_share { width:50px; height:50px; }
	#toggle_share span { font-size:0; line-height:0; text-indent:-5000px; text-align:left; }
	#toggle_share span:before { width:100%; height:50px; margin:0; background-size:25px auto; background-repeat:no-repeat; background-position:center; }
	.sns_share ul { bottom:50px; }
	.sns_share li { width:45px; margin:0 auto 5px; }
	.sns_share li a { height:45px; }
}

@media only screen and (max-width:430px) {
	.intro .visual-txt-box .main-tit {
		max-width: 270px;
	}
}

@media only screen and (max-width: 400px){
	.section03 .sticker-wrap > div {
		width: 15% !important;
	}
	.section03 .sticker-wrap > div img {
		width: 100% !important;
	}
	.section03 .inner { padding: 50px 0; }
	#toggle_share { width:50px; height:50px; }
	.scroll_box{bottom:10px;}
	.scroll_box .btn_box{width:50px;}
	.scroll_box .goTop{margin:10px 0;}
	.sns_share ul{bottom:130px;}
	.sns_share li{width:50px;}
	.sns_share li a {height:50px;}
}