@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
body {padding:0; margin:0; background:#140707;}
body {
	-ms-overflow-style: none;
	scrollbar-width: none;
}
body::-webkit-scrollbar {
	display: none;
}

input {
	outline: none;
	border-radius: 0;
}
input[type="search"] {
	-webkit-appearance: none;
}

#banner {
	position: fixed;
	top: 0;
	left: 0;
	height: 74px;
	width: 100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#282828+0,e5e5e5+100&1+0,0+100 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(10%,rgba(0,0,0,.7)),color-stop(10%,rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,.7) 10%,rgba(0,0,0,0));
    background-image: -moz- oldlinear-gradient(top,rgba(0,0,0,.7) 10%,rgba(0,0,0,0));
    background-image: -o-linear-gradient(top,rgba(0,0,0,.7) 10%,rgba(0,0,0,0));
    background-image: linear-gradient(to bottom,rgba(0,0,0,.7) 10%,rgba(0,0,0,0));
	z-index: 4;
}

#logo {
	position: absolute;
	top: 22px;
	left: 27px;
	width: 168px;
	height: 34px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	/*background-image: url(/imgs/logo.svg);*/
	background-image: url(/imgs/corktv-logo2.png);
	z-index: 2;
	cursor: pointer;
}

.menu_contents {
	position: relative;
	padding-top: 31px;
	padding-left: 204px;
	height: 43px;
	opacity: 1.0;
	-webkit-transition: background .3s linear;
	-moz-transition: background .3s linear;
	-o-transition: background .3s linear;
	-ms-transition: background .3s linear;
	transition: background .3s linear;
}
#banner:hover .menu_contents, #banner.not_top .menu_contents {
	background: #282828;
}

.menu_contents .menu_detail {
	display: none;
}

.menu {
	position: relative;
	padding: 0 21px;
	height: 44px;
	line-height: 16px;
	font-family: 'Noto Sans KR';
	font-size: 18px;
	font-weight: 400;
	color: #fff;
	float: left;
	cursor : pointer;
}

.menu.selected_menu {
	font-weight: 500;
	font-size: 20px;
	line-height: 18px;
	margin-top: -1px;
}

.menu_contents .menu .menu_detail {
	display: block;
}

.menu_detail {
	position: absolute;
	width: 1096px;
	height: 576px;
	top: 44px;
	left: 0;
	background: #3a3a3a;
	box-sizing: border-box;
	cursor: default;
	box-shadow: 6px 2px 21px 2px rgba(0,0,0,0.49);
	z-index: 2;
}

#menu_detail_outer {
	position: absolute;
	width: 1096px;
	height: 576px;
}

.detail_title {
	position: relative;
	margin-left: 39px;
	margin-top: 34px;
	margin-bottom: 37px;
	height: 25px;
	line-height: 25px;
	font-family: 'Noto Sans KR';
	font-size: 27px;
	font-weight: 500;
	color: #fff;
}

.category {
	margin-left: 40px;
	margin-bottom: 23px;
	height: 16px;
	line-height: 16px;
	font-family: 'Noto Sans KR';
	font-size: 18px;
	font-weight: 400;
	color: #fff;
	cursor : pointer;
}

.category.selected {
	margin-top: -10px;
	margin-left: 21px;
	margin-bottom: 13px;
	padding: 0 19px;
	width: 197px;
	height: 35px;
	line-height: 35px;
	background: #da5b5b;
	box-sizing: border-box;
	border-radius: 15px;
	font-family: 'Noto Sans KR';
	font-size: 18px;
	font-weight: 400;
	color: #fff;
	cursor : pointer;
}
	
#menu_contents_right {
	position: absolute;
	top: 44px;
	left: 245px;
	width: 831px;
	height: 414px;
}

.menu_contents_txt {
	height: 16px;
	line-height: 16px;
	margin-bottom: 26px;
	font-family: 'Noto Sans KR';
	font-size: 18px;
	font-weight: 400;
	color: #fff;
}

#menu_contents_txt2 {margin-bottom: 8px;}

.menu_contents_outer {
	position: relative;
	width: 254px;
	height: 169px;
	margin-right: 23px;
	margin-bottom: 17px;
	float: left;
}

#menu_thumbnail {
	position: absolute;
	width: 254px;
	height: 143px;
	background: #adac9f;
	cursor: pointer;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

#menu_video_name {
	position: absolute;
	bottom: 12px;
	width: 244px;
	left: 10px;
	height: 13px;
	line-height: 13px;
	font-family: 'Noto Sans KR';
	font-size: 15px;
	font-weight: 500;
	color: #fff;
	text-shadow: 0px 4px 13px rgba(0,0,0,0.7);
	word-wrap: nowrap;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-moz-binding: url('ellipsis.xml#ellipsis');
	overflow: hidden;
}

#video_viewer {
	position: absolute;
	bottom: 0;
	left: 10px;
	height: 16px;
	line-height: 16px;
	font-family: 'Noto Sans KR';
	font-size: 18px;
	font-weight: 400;
	color: #b4b4b4;
}

#menu_contents_right2 {
	position: absolute;
	top: 470px;
	left: 245px;
}

.search_word {
	position: relative;
	margin-top: 8px;
	margin-right: 23px;
	height: 16px;
	line-height: 16px;
	font-family: 'Noto Sans KR';
	font-weight: 400;
	font-size: 18px;
	color: #b4b4b4;
	float: left;
	cursor : pointer;
}

#search_contents {
	position: absolute;
	top: 21px;
	right: 273px;
	height: 31px;
}

#search {
	position: absolute;
	top: 0;
	right: 0;
	width: 400px;
	height: 31px;
	line-height: 31px;
	box-sizing: border-box;
	border-radius: 7px;
	border: 0;
	padding:0 15px;
	font-family: 'Noto Sans KR';
	font-weight: 300;
	font-size: 15.85px;
	outline: none;
}

#search_icon {
	position: absolute;
	top: 5px;
	right: 9px;
	width: 21px;
	height: 21px;
	cursor : pointer;
}

@media (max-width: 1433px) {
	.menu_detail {
		width: 819px;
	}

	#menu_detail_outer {
		width: 819px;
	}

	#menu_contents_right {
		width: 554px;
	}
}

@media (max-width: 1140px) {
	#banner {
		height: calc(74vw / 1140 * 100);
	}

	#logo {
		top: calc(22vw / 1140 * 100);
		left: calc(27vw / 1140 * 100);
		width: calc(168vw / 1140 * 100);
		height: calc(34vw / 1140 * 100);
	}

	.menu_contents {
		padding-top: calc(31vw / 1140 * 100);
		padding-left: calc(211vw / 1140 * 100);
		height: calc(43vw / 1140 * 100);
	}

	.menu {
		padding: 0 calc(15vw / 1140 * 100);
		height: calc(44vw / 1140 * 100);
		line-height: calc(16vw / 1140 * 100);
		font-size: calc(18vw / 1140 * 100);
	}

	.menu.selected_menu {
		font-size: calc(20vw / 1140 * 100);
		line-height: calc(18vw / 1140 * 100);
		margin-top: calc(-1vw / 1140 * 100);
	}

	#search_contents {
		top: calc(21vw / 1140 * 100);
		right: calc(273vw / 1140 * 100);
		height: calc(31vw / 1140 * 100);
	}

	#search {
		width: calc(400vw / 1140 * 100);
		height: calc(31vw / 1140 * 100);
		line-height: calc(31vw / 1140 * 100);
		border-radius: calc(7vw / 1140 * 100);
		padding:0 calc(15vw / 1140 * 100);
		font-size: calc(15.85vw / 1140 * 100);
	}

	#search_icon {
		top: calc(5vw / 1140 * 100);
		right: calc(9vw / 1140 * 100);
		width: calc(21vw / 1140 * 100);
		height: calc(21vw / 1140 * 100);
	}

	/* 메뉴 상세 */

	.menu_detail {
		width: calc(819vw / 1140 * 100);
		height: calc(576vw / 1140 * 100);
		top: calc(44vw / 1140 * 100);
		box-shadow: calc(6vw / 1140 * 100) calc(2vw / 1140 * 100) calc(21vw / 1140 * 100) calc(2vw / 1140 * 100) rgba(0,0,0,0.49);
	}

	#menu_detail_outer {
		width: calc(819vw / 1140 * 100);
		height: calc(576vw / 1140 * 100);
	}

	.detail_title {
		margin-left: calc(39vw / 1140 * 100);
		margin-top: calc(34vw / 1140 * 100);
		margin-bottom: calc(37vw / 1140 * 100);
		height: calc(25vw / 1140 * 100);
		line-height: calc(25vw / 1140 * 100);
		font-size: calc(27vw / 1140 * 100);
	}

	.category {
		margin-left: calc(40vw / 1140 * 100);
		margin-bottom: calc(23vw / 1140 * 100);
		height: calc(16vw / 1140 * 100);
		line-height: calc(16vw / 1140 * 100);
		font-size: calc(18vw / 1140 * 100);
	}

	.category.selected {
		margin-top: calc(-10vw / 1140 * 100);
		margin-left: calc(21vw / 1140 * 100);
		margin-bottom: calc(13vw / 1140 * 100);
		padding: 0 calc(19vw / 1140 * 100);
		width: calc(197vw / 1140 * 100);
		height: calc(35vw / 1140 * 100);
		line-height: calc(35vw / 1140 * 100);
		border-radius: calc(15vw / 1140 * 100);
		font-size: calc(18vw / 1140 * 100);
	}
		
	#menu_contents_right {
		top: calc(44vw / 1140 * 100);
		left: calc(245vw / 1140 * 100);
		width: calc(554vw / 1140 * 100);
		height: calc(414vw / 1140 * 100);
	}

	.menu_contents_txt {
		height: calc(16vw / 1140 * 100);
		line-height: calc(16vw / 1140 * 100);
		margin-bottom: calc(26vw / 1140 * 100);
		font-size: calc(18vw / 1140 * 100);
	}

	#menu_contents_txt2 {margin-bottom: calc(8vw / 1140 * 100);}

	.menu_contents_outer {
		width: calc(254vw / 1140 * 100);
		height: calc(169vw / 1140 * 100);
		margin-right: calc(23vw / 1140 * 100);
		margin-bottom: calc(17vw / 1140 * 100);
	}

	#menu_thumbnail {
		width: calc(254vw / 1140 * 100);
		height: calc(143vw / 1140 * 100);
	}

	#menu_video_name {
		bottom: calc(12vw / 1140 * 100);
		width: calc(244vw / 1140 * 100);
		left: calc(10vw / 1140 * 100);
		height: calc(13vw / 1140 * 100);
		line-height: calc(13vw / 1140 * 100);
		font-size: calc(15vw / 1140 * 100);
		text-shadow: calc(0vw / 1140 * 100) calc(4vw / 1140 * 100) calc(13vw / 1140 * 100) rgba(0,0,0,0.7);
	}

	#video_viewer {
		left: calc(10vw / 1140 * 100);
		height: calc(16vw / 1140 * 100);
		line-height: calc(16vw / 1140 * 100);
		font-size: calc(18vw / 1140 * 100);
	}

	#menu_contents_right2 {
		top: calc(470vw / 1140 * 100);
		left: calc(245vw / 1140 * 100);
	}

	.search_word {
		margin-top: calc(8vw / 1140 * 100);
		margin-right: calc(23vw / 1140 * 100);
		height: calc(16vw / 1140 * 100);
		line-height: calc(16vw / 1140 * 100);
		font-size: calc(18vw / 1140 * 100);
	}
}

#profile {
	position: absolute;
	top: calc(34vw / 1140 * 100);
	right: calc(32vw / 1140 * 100);
	width: calc(46.55vw / 1140 * 100);
	height: calc(46.55vw / 1140 * 100);
	cursor: pointer;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(/imgs/profile.svg);
}

#profile_id {
	display: none;
}

#profile_menu {
	display: none;
	position: absolute;
	right: 0;
	top: calc(118vw / 1140 * 100);
	background: #282828;
	padding: calc(20vw / 1140 * 100) 0;
}

#profile_menu  div {
	display: block;
	color: #fff;
	font-family: 'Noto Sans KR';
	font-size: calc(30vw / 1140 * 100);
	font-weight: 400;
	height: calc(82vw / 1140 * 100);
	line-height: calc(82vw / 1140 * 100);
	padding: 0 calc(38vw / 1140 * 100);
	text-decoration: none;
}

#profile_menu  div[href] {
	cursor: pointer;
}

#profile_menu div#mobile_id {
	padding-bottom: calc(20vw / 1140 * 100);
	border-bottom: calc(2vw / 1140 * 100) solid #4e4e4e;
	margin-bottom: calc(20vw / 1140 * 100);
}

@media (min-width: 860px) {
	#profile {
		position: absolute;
		top: 0;
		right: calc(40vw / 1140 * 100);
		width: auto;
		height: calc(74vw / 1140 * 100);
		background: none;
	}

	#profile_id {
		display: block;
		height: calc(74vw / 1140 * 100);
		line-height: calc(74vw / 1140 * 100);
		font-family: 'Noto Sans KR';
		font-size: calc(16vw / 1140 * 100);
		color: #fff;
		font-weight: 400;
	}
	#profile_id:after {
		content: "▼";
		display: block;
		position: absolute;
		top: 0;
		right: calc(-30vw / 1140 * 100);
		transform: scale(.6, .6);
	}

	#profile_menu {
		top: calc(73vw / 1140 * 100);
		padding: calc(10vw / 1140 * 100) 0;
	}

	#profile_menu  div {
		font-size: calc(18vw / 1140 * 100);
		height: calc(62vw / 1140 * 100);
		line-height: calc(62vw / 1140 * 100);
		padding: 0 calc(18vw / 1140 * 100);
		min-width: calc(150vw / 1140 * 100);
	}

	#profile_menu div#mobile_id {
		display: none;
	}
}

@media (min-width: 1140px) {
	#profile {
		right: 40px;
		height: 74px;
	}

	#profile_id {
		height: 74px;
		line-height: 74px;
		font-size: 16px;
	}
	#profile_id:after {
		right: -30px;
	}

	#profile_menu {
		top: 73px;
		padding: 10px 0;
	}

	#profile_menu  div {
		font-size: 18px;
		height: 62px;
		line-height: 62px;
		padding: 0 18px;
		min-width: 150px;
	}
}

@media (max-width: 859px) {
	#banner {
		height: calc(118vw / 1140 * 100);
	}

	#logo {
		top: calc(34vw / 1140 * 100);
		left: calc(32vw / 1140 * 100);
		width: calc(230vw / 1140 * 100);
		height: calc(46.55vw / 1140 * 100);
	}

	.menu_contents {
		padding-top: calc(50vw / 1140 * 100);
		padding-left: calc(305vw / 1140 * 100);
		height: calc(68vw / 1140 * 100);
	}

	.menu {
		padding: 0 calc(21vw / 1140 * 100);
		height: calc(44vw / 1140 * 100);
		line-height: calc(16vw / 1140 * 100);
		font-size: calc(35vw / 1140 * 100);
	}

	.menu.selected_menu {
		font-size: calc(40vw / 1140 * 100);
		line-height: calc(18vw / 1140 * 100);
		margin-top: calc(-3vw / 1140 * 100);
	}

	#search_contents {
		top: calc(32vw / 1140 * 100);
		right: calc(273vw / 1140 * 100);
		width: auto;
		height: calc(50vw / 1140 * 100);
	}

	#search {
		display: none;
		width: calc(547vw / 1140 * 100);
		height: calc(50vw / 1140 * 100);
		line-height: calc(50vw / 1140 * 100);
		border-radius: calc(7vw / 1140 * 100);
		padding: 0 calc(15vw / 1140 * 100);
		padding-right: calc(50vw / 1140 * 100);
		font-size: calc(26vw / 1140 * 100);
		-webkit-transition: background .3s linear;
		-moz-transition: background .3s linear;
		-o-transition: background .3s linear;
		-ms-transition: background .3s linear;
		transition: background .3s linear;
	}
	#search_contents.active #search {
		display: block;
	}

	#search_icon {
		top: calc(8vw / 1140 * 100);
		right: calc(9vw / 1140 * 100);
		width: calc(34vw / 1140 * 100);
		height: calc(34vw / 1140 * 100);
		-webkit-transition: background .3s linear;
		-moz-transition: background .3s linear;
		-o-transition: background .3s linear;
		-ms-transition: background .3s linear;
		transition: background .3s linear;
		filter: brightness(0) invert(1);
	}
	#search_contents.active #search_icon {
		filter: none;
	}
}

#main_contents {
	position: absolute;
	height: calc(1700vw / 1920 * 100);
	left: 0;
	top: 0;
	width: 100%;
	background-color: #adac9f;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left top;
}

#main_grad {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	height: calc(1000vw / 1920 * 100);
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,140707+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(20,7,7,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(20,7,7,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(20,7,7,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#140707',GradientType=0 ); /* IE6-9 */
}

.main_contents_outer {
	position: absolute;
	height: calc(208vw / 1920 * 100);
	left: 50%;
	bottom: calc(150vw / 1920 * 100);
	transform: translate(-50%, 0);
}

.main_video {
	width: 0;
	height: 0;
}

.main_canvas {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding-bottom: 56.25%;
	color: #fff;
}

#title {
	position: absolute;
	bottom: calc(208vw / 1920 * 100);
	margin-left: calc(4vw / 1920 * 100);
	width: calc(1400vw / 1920 * 100);
	line-height: calc(150vw / 1920 * 100);
	font-family: 'Noto Sans KR';
	font-size: calc(137vw / 1920 * 100);
	font-weight: 500;
	color: #fff;
	text-shadow: calc(-8vw / 1920 * 100) calc(2vw / 1920 * 100) calc(8vw / 1920 * 100) rgba(0,0,0,0.8);
	text-align: center;
}

#top_10 {
	position: relative;
	width: calc(1400vw / 1920 * 100);
	margin-top: calc(33vw / 1920 * 100);
}

.top_10_txt {
	position: absolute;
	padding-top: calc(17vw / 1920 * 100);
	width: calc(88vw / 1920 * 100);
	height: calc(71vw / 1920 * 100);
	line-height: calc(17vw / 1920 * 100);
	font-family: 'Noto Sans KR';
	font-size: calc(30vw / 1920 * 100);
	font-weight: 400;
	color: #fff;
	text-align: center;
	background: #282828;
	display: none;
}
.top_10_txt .top_10_txt {
	padding-top: 0;
	margin-top: calc(10vw / 1920 * 100);
	line-height: calc(32vw / 1920 * 100);
	height: auto;
}

#rank_txt {font-weight: 500; font-size: calc(40vw / 1920 * 100);}

#main_info {
	display: none;
}

#main_tags {
	text-align: center;
	font-family: 'Noto Sans KR';
	font-size: calc(70vw / 1920 * 100);
	color: #fff;
	text-shadow: calc(-8vw / 1920 * 100) calc(2vw / 1920 * 100) calc(8vw / 1920 * 100) rgba(0,0,0,0.8);
}

#main_small_outer {
	position: relative;
	margin-top: calc(80vw / 1920 * 100);
	width: 100%;
}

#play_btn {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: calc(-40vw / 1920 * 100);
	width: calc(80vw / 1920 * 100);
	height: calc(90vw / 1920 * 100);
	cursor : pointer;
	-webkit-filter: drop-shadow( calc(2vw / 1920 * 100) calc(2vw / 1920 * 100) calc(1.96vw / 1920 * 100) rgba(0, 0, 0, .15));
	filter: drop-shadow( calc(2vw / 1920 * 100) calc(2vw / 1920 * 100) calc(1.96vw / 1920 * 100) rgba(0, 0, 0, .15));
}
#play_btn img { position: absolute; top: 0; left: 0; width: 100%; }

#like_bttn {
	position: absolute;
	top: calc(2vw / 1920 * 100);
	left: 0;
	width: calc(96vw / 1920 * 100);
	height: calc(86vw / 1920 * 100);
	cursor : pointer;
	-webkit-filter: drop-shadow( calc(2vw / 1920 * 100) calc(2vw / 1920 * 100) calc(1.96vw / 1920 * 100) rgba(0, 0, 0, .15));
	filter: drop-shadow( calc(2vw / 1920 * 100) calc(2vw / 1920 * 100) calc(1.96vw / 1920 * 100) rgba(0, 0, 0, .15));
}
#like_bttn img { position: absolute; top: 0; left: 0; width: 100%; }

#info_bttn {
	position: absolute;
	top: 0;
	right: 0;
	width: calc(94vw / 1920 * 100);
	height: calc(94vw / 1920 * 100);
	cursor : pointer;
	-webkit-filter: drop-shadow( calc(2vw / 1920 * 100) calc(2vw / 1920 * 100) calc(1.96vw / 1920 * 100) rgba(0, 0, 0, .15));
	filter: drop-shadow( calc(2vw / 1920 * 100) calc(2vw / 1920 * 100) calc(1.96vw / 1920 * 100) rgba(0, 0, 0, .15));
}
#info_bttn img { position: absolute; top: 0; left: 0; width: 100%; }

@media (min-width: 860px){
	#main_contents {
		position: absolute;
		/*height: calc(832vw / 1920 * 100);*/
		/*height: calc(690vw / 1920 * 100);*/
		height: calc(769vw / 1920 * 100);
		left: 0;
		top: 0;
		width: 100%;
		background-color: #adac9f;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: left top;
	}

	#main_grad { display: none; }

	.main_contents_outer {
		position: absolute;
		/*height: calc(340vw / 1920 * 100);*/
		height: calc(208vw / 1920 * 100);
		left: calc(124vw / 1920 * 100);
		/*top: calc(410vw / 1920 * 100);*/
		/*top: calc(320vw / 1920 * 100);*/
		top: calc(453vw / 1920 * 100);
	}

	.main_video {
		width: 0;
		height: 0;
	}

	.main_canvas {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		padding-bottom: 56.25%;
		color: #fff;
	}

	#title {
		position: absolute;
		bottom: calc(208vw / 1920 * 100);
		margin-left: calc(4vw / 1920 * 100);
		width: calc(1000vw / 1920 * 100);
		line-height: calc(65vw / 1920 * 100);
		font-family: 'Noto Sans KR';
		font-size: calc(60vw / 1920 * 100);
		font-weight: 500;
		color: #fff;
		text-shadow: calc(-8vw / 1920 * 100) calc(2vw / 1920 * 100) calc(8vw / 1920 * 100) rgba(0,0,0,0.8);
		text-align: left;
	}

	#top_10 {
		position: relative;
		height: calc(88vw / 1920 * 100);
		width: calc(88vw / 1920 * 100);
		margin-top: calc(33vw / 1920 * 100);
		background: #282828;
	}

	.top_10_txt {
		position: absolute;
		padding-top: 0;
		margin-top: calc(17vw / 1920 * 100);
		width: calc(88vw / 1920 * 100);
		height: calc(88vw / 1920 * 100);
		line-height: calc(17vw / 1920 * 100);
		font-family: 'Noto Sans KR';
		font-size: calc(30vw / 1920 * 100);
		font-weight: 400;
		color: #fff;
		text-align: center;
		background: rgba(0,0,0,0);
		display: block;
	}

	#rank_txt {font-weight: 500; font-size: calc(40vw / 1920 * 100);}

	#main_info {
		position: relative;
		margin-left: calc(88vw / 1920 * 100);
		padding: calc(10vw / 1920 * 100) calc(16vw / 1920 * 100);
		top: calc(9vw / 1920 * 100);
		width: calc(500vw / 1920 * 100);
		height: calc(41vw / 1920 * 100);
		line-height: calc(24vw / 1920 * 100);
		font-family: 'Noto Sans KR';
		font-size: calc(22vw / 1920 * 100);
		font-weight: 400;
		color: #fff;
		text-shadow: calc(-8vw / 1920 * 100) calc(2vw / 1920 * 100) calc(8vw / 1920 * 100) rgba(0,0,0,0.7);
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
	}

	#main_tags {
		display: none;
	}

	#main_small_outer {
		position: relative;
		width: calc(195vw / 1920 * 100);
		height: calc(47vw / 1920 * 100);
		margin-left: calc(8vw / 1920 * 100);
		margin-top: calc(75vw / 1920 * 100);
	}

	#play_btn {
		position: absolute;
		top: 0;
		left: 0;
		margin-left: 0;
		width: calc(40vw / 1920 * 100);
		height: calc(45vw / 1920 * 100);
		cursor : pointer;
		-webkit-filter: drop-shadow( calc(2vw / 1920 * 100) calc(2vw / 1920 * 100) calc(1.96vw / 1920 * 100) rgba(0, 0, 0, .15));
		filter: drop-shadow( calc(2vw / 1920 * 100) calc(2vw / 1920 * 100) calc(1.96vw / 1920 * 100) rgba(0, 0, 0, .15));
	}

	#like_bttn {
		position: absolute;
		top: calc(2vw / 1920 * 100);
		left: 50%;
		margin-left: calc(-26vw / 1920 * 100);
		width: calc(48vw / 1920 * 100);
		height: calc(43vw / 1920 * 100);
		cursor : pointer;
		-webkit-filter: drop-shadow( calc(2vw / 1920 * 100) calc(2vw / 1920 * 100) calc(1.96vw / 1920 * 100) rgba(0, 0, 0, .15));
		filter: drop-shadow( calc(2vw / 1920 * 100) calc(2vw / 1920 * 100) calc(1.96vw / 1920 * 100) rgba(0, 0, 0, .15));
	}

	#info_bttn {
		position: absolute;
		top: 0;
		right: 0;
		width: calc(47vw / 1920 * 100);
		height: calc(47vw / 1920 * 100);
		cursor : pointer;
		-webkit-filter: drop-shadow( calc(2vw / 1920 * 100) calc(2vw / 1920 * 100) calc(1.96vw / 1920 * 100) rgba(0, 0, 0, .15));
		filter: drop-shadow( calc(2vw / 1920 * 100) calc(2vw / 1920 * 100) calc(1.96vw / 1920 * 100) rgba(0, 0, 0, .15));
	}
}

@media (max-width: 1050px) {
	#main_info {
		color: rgba(255, 255, 255, 0);
		text-shadow: none;
	}
}

/* 메인 컨텐츠 리스트 */

#contents_outer {
	position: absolute;
	top: calc(1700vw / 1920 * 100);
	width: 100%;
	left: 0;
}

.contents {
	position: relative;
	height: calc(1000vw / 1920 * 100);
	margin-top: calc(100vw / 1920 * 100);
}

/*.contents:first-child {margin-top: calc(202vw / 1920 * 100);}*/
.contents:first-child {margin-top: calc(100vw / 1920 * 100);}

.contents_name {
	height: calc(76vw / 1920 * 100);
	line-height: calc(76vw / 1920 * 100);
	margin-left: calc(74.5vw / 1920 * 100);
	margin-bottom: calc(60vw / 1920 * 100);
	font-family: 'Noto Sans KR';
	font-size: calc(76vw / 1920 * 100);
	font-weight: 500;
	color: #fff;
}

.contents .video_list {
	position: relative;
	top: calc(-40vw / 1920 * 100);
	height: calc(866vw / 1920 * 100);
	-ms-overflow-style: none;
	scrollbar-width: none;
	padding-top: calc(40vw / 1920 * 100);
	padding-left: calc(74.5vw / 1920 * 100);
	padding-right: calc(74.5vw / 1920 * 100);
	overflow-x: hidden;
	overflow-y: visible;
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: calc(565vw / 1920 * 100);
	grid-gap: calc(38vw / 1920 * 100);
}
.contents .video_list::-webkit-scrollbar {
	display: none;
}

.video_outer {
	position: relative;
	height: calc(866vw / 1920 * 100);
}

.thumbnail {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(807vw / 1920 * 100);
	background: #adac9f;
	cursor : pointer;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.video_name {
	position: absolute;
	padding: 0 calc(11vw / 1920 * 100);
	/*bottom: calc(12vw / 1920 * 100);*/
	top: calc(725vw / 1920 * 100);
	width: 100%;
	height: calc(70vw / 1920 * 100);
	box-sizing: border-box;
	line-height: calc(70vw / 1920 * 100);
	font-family: 'Noto Sans KR';
	font-size: calc(58vw / 1920 * 100);
	font-weight: 500;
	color: #fff;
	text-shadow: 0 0 calc(15vw / 1920 * 100) rgba(0,0,0,0.75);
	word-wrap: nowrap;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-moz-binding: url('ellipsis.xml#ellipsis');
	overflow: hidden;
	cursor : pointer;
}

.studio_name {
	position: absolute;
	left: 0;
	top: calc(815vw / 1920 * 100);
	height: calc(43vw / 1920 * 100);
	line-height: calc(43vw / 1920 * 100);
	font-family: 'Noto Sans KR';
	font-size: calc(42vw / 1920 * 100);
	font-weight: 500;
	color: #9e9e9e;
}

.video_num {
	position: absolute;
	height: calc(43vw / 1920 * 100);
	line-height: calc(43vw / 1920 * 100);
	font-family: 'Noto Sans KR';
	font-size: calc(42vw / 1920 * 100);
	font-weight: 500;
	color: #9e9e9e;
	right: 0;
	top: calc(815vw / 1920 * 100);
}

.video_detail {
	position: absolute;
	top: 0;
	left:0;
	width: calc(565vw / 1920 * 100);
	height: calc(866vw / 1920 * 100);
}

.go_right {
	position: absolute;
	width: calc(74.5vw / 1920 * 100);
	height: calc(866vw / 1920 * 100);
	right: 0;
	top: calc(136vw / 1920 * 100);
	cursor: pointer;
	-webkit-transition: background .3s linear;
	-moz-transition: background .3s linear;
	-o-transition: background .3s linear;
	-ms-transition: background .3s linear;
	transition: background .3s linear;
	z-index: 3;
}
.go_right:hover {
	background: rgba(0,0,0,0.6);
}
.go_right img {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	width: calc(54.5vw / 1920 * 100);
	top: calc(297vw / 1920 * 100);
}

.go_left {
	display: none;
	position: absolute;
	width: calc(74.5vw / 1920 * 100);
	height: calc(866vw / 1920 * 100);
	left: 0;
	top: calc(136vw / 1920 * 100);
	cursor: pointer;
	-webkit-transition: background .3s linear;
	-moz-transition: background .3s linear;
	-o-transition: background .3s linear;
	-ms-transition: background .3s linear;
	transition: background .3s linear;
	z-index: 3;
}
.go_left:hover {
	background: rgba(0,0,0,0.6);
}
.go_left img {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	width: calc(54.5vw / 1920 * 100);
	top: calc(297vw / 1920 * 100);
}

.detail_info, .detail_play, .detail_like {
	display: none;
}

@media (min-width: 860px){
	#contents_outer {
		position: absolute;
		top: calc(690vw / 1920 * 100);
		width: 100%;
		left: 0;
	}

	.contents {
		position: relative;
		/*width: calc(1833vw / 1920 * 100);*/
		/*height: calc(325vw / 1920 * 100);*/
		height: calc(493vw / 1920 * 100);
		margin-top: calc(70vw / 1920 * 100);
	}

	.contents:first-child {margin-top: calc(112vw / 1920 * 100);}

	.contents_name {
		height: calc(29vw / 1920 * 100);
		line-height: calc(29vw / 1920 * 100);
		margin-left: calc(49vw / 1920 * 100);
		margin-bottom: calc(22vw / 1920 * 100);
		font-family: 'Noto Sans KR';
		font-size: calc(32vw / 1920 * 100);
		font-weight: 500;
		color: #fff;
	}

	.contents .video_list {
		position: relative;
		top: calc(-40vw / 1920 * 100);
		height: calc(776vw / 1920 * 100);
		-ms-overflow-style: none;
		scrollbar-width: none;
		padding-top: calc(40vw / 1920 * 100);
		padding-left: calc(49vw / 1920 * 100);
		padding-right: calc(49vw / 1920 * 100);
		overflow-x: hidden;
		overflow-y: visible;
		display: grid;
		grid-auto-flow: column;
		grid-auto-columns: calc(287vw / 1920 * 100);
		grid-gap: calc(20vw / 1920 * 100);
	}
	.contents .video_list::-webkit-scrollbar {
		display: none;
	}

	.video_outer {
		position: relative;
		width: auto;
		height: calc(400vw / 1920 * 100);
	}

	.thumbnail {
		position: absolute;
		top: 0;
		left: 0;
		/*width: calc(430vw / 1920 * 100);
		height: calc(242vw / 1920 * 100);*/
		width: 100%;
		height: calc(408vw / 1920 * 100);
		background: #adac9f;
		cursor : pointer;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
	}

	/*#video_name {
		position: absolute;
		left: calc(11vw / 1920 * 100);
		bottom: calc(12vw / 1920 * 100);
		height: calc(21vw / 1920 * 100);
		line-height: calc(21vw / 1920 * 100);
		font-family: 'Noto Sans KR';
		font-size: calc(23vw / 1920 * 100);
		font-weight: 500;
		color: #fff;
		text-shadow: 0 0 calc(15vw / 1920 * 100) rgba(0,0,0,0.75);
	}*/

	.video_name {
		position: absolute;
		padding: 0 calc(11vw / 1920 * 100);
		/*bottom: calc(12vw / 1920 * 100);*/
		top: calc(350vw / 1920 * 100);
		width: 100%;
		height: calc(46vw / 1920 * 100);
		box-sizing: border-box;
		line-height: calc(46vw / 1920 * 100);
		font-family: 'Noto Sans KR';
		font-size: calc(23vw / 1920 * 100);
		font-weight: 500;
		color: #fff;
		text-shadow: 0 0 calc(15vw / 1920 * 100) rgba(0,0,0,0.75);
		word-wrap: nowrap;
		white-space: nowrap;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		-moz-binding: url('ellipsis.xml#ellipsis');
		overflow: hidden;
		cursor : pointer;
	}

	.studio_name {
		position: absolute;
		left: 0;
		top: calc(420vw / 1920 * 100);
		height: calc(23vw / 1920 * 100);
		line-height: calc(23vw / 1920 * 100);
		font-family: 'Noto Sans KR';
		font-size: calc(17vw / 1920 * 100);
		font-weight: 500;
		color: #9e9e9e;
	}

	.video_num {
		position: absolute;
		height: calc(23vw / 1920 * 100);
		line-height: calc(23vw / 1920 * 100);
		font-family: 'Noto Sans KR';
		font-size: calc(17vw / 1920 * 100);
		font-weight: 500;
		color: #9e9e9e;
		right: 0;
		top: calc(420vw / 1920 * 100);
	}

	.video_detail {
		position: absolute;
		top: 0;
		left: calc(-25vw / 1920 * 100);
		width: calc(337vw / 1920 * 100);
		height: calc(776vw / 1920 * 100);
		transform-origin: top center;
		transform: scale(calc(287 / 337), calc(400 / 443));
	}

	.video_outer:hover .thumbnail, .video_outer:hover .video_name, .video_outer:hover .studio_name, .video_outer:hover .video_num {
		transition: all 0.5s ease-out;
		transition-delay: 0.1s;
	}

	.video_outer:nth-child(6n+1):hover .video_detail {
		left: 0;
	}

	.video_outer:nth-child(6n):hover .video_detail {
		left: calc(-50vw / 1920 * 100);
	}

	.video_outer:hover .video_detail {
		transition: all 0.5s ease-out;
		transition-delay: 0.1s;
		transform: scale(1);
		/*width: calc(508vw / 1920 * 100);
		height: calc(583vw / 1920 * 100);*/
		top: calc(-40vw / 1920 * 100);
		/*left: calc(-25vw / 1920 * 100);*/
		background: #000;
		box-sizing: border-box;
		box-shadow: calc(3vw / 1920 * 100) 0 calc(15vw / 1920 * 100) rgba(0,0,0,0.75);
		z-index: 2;
	}

	.video_outer:hover .thumbnail {
		position: absolute;
		top: 0;
		left: 0;
		/*width: calc(508vw / 1920 * 100);
		height: calc(286vw / 1920 * 100);*/
		width: calc(337vw / 1920 * 100);
		height: calc(479vw / 1920 * 100);
	}

	.video_outer:hover .video_name {
		position: absolute;
		/*top: calc(306vw / 1920 * 100);*/
		top: calc(492vw / 1920 * 100);
		/*left: calc(18vw / 1920 * 100);*/
		padding: 0 calc(18vw / 1920 * 100);
		height: calc(32vw / 1920 * 100);
		line-height: calc(32vw / 1920 * 100);
		font-family: 'Noto Sans KR';
		font-size: calc(23vw / 1920 * 100);
		font-weight: 500;
		color: #fff;
		word-wrap: nowrap;
		white-space: nowrap;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		-moz-binding: url('ellipsis.xml#ellipsis');
		overflow: hidden;
		box-sizing: border-box;
		width: 100%;
	}

	.video_outer:hover .studio_name {
		position: absolute;
		/*top: calc(339vw / 1920 * 100);*/
		top: calc(529vw / 1920 * 100);
		left: calc(18vw / 1920 * 100);
		max-width: calc(140vw / 1920 * 100);
		height: calc(23vw / 1920 * 100);
		line-height: calc(23vw / 1920 * 100);
		font-family: 'Noto Sans KR';
		font-size: calc(19vw / 1920 * 100);
		font-weight: 500;
		color: #9e9e9e;
		word-wrap: nowrap;
		white-space: nowrap;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		-moz-binding: url('ellipsis.xml#ellipsis');
		overflow: hidden;
		box-sizing: border-box;
		width: 100%;
	}

	.video_outer:hover .video_num {
		position: absolute;
		/*top: calc(339vw / 1920 * 100);*/
		top: calc(529vw / 1920 * 100);
		right: calc(18vw / 1920 * 100);
		max-width: calc(140vw / 1920 * 100);
		height: calc(23vw / 1920 * 100);
		line-height: calc(23vw / 1920 * 100);
		text-align: right;
		font-family: 'Noto Sans KR';
		font-size: calc(19vw / 1920 * 100);
		font-weight: 500;
		color: #9e9e9e;
		word-wrap: nowrap;
		white-space: nowrap;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		-moz-binding: url('ellipsis.xml#ellipsis');
		overflow: hidden;
		box-sizing: border-box;
		width: 100%;
	}

	.detail_actor, .detail_info, .detail_play, .detail_like {
		transform: scaleY(0);
		transform-origin: 0px 0px;
	}

	.detail_play img, .detail_like img {
		width: 100%;
	}

	.detail_info, .detail_play, .detail_like {
		display: block;
	}

	.video_outer:hover .detail_actor {
		transform: scaleY(1);
		position: absolute;
		/*top: calc(377vw / 1920 * 100);*/
		top: calc(570vw / 1920 * 100);
		left: calc(18vw / 1920 * 100);
		height: calc(36vw / 1920 * 100);
		line-height: calc(18vw / 1920 * 100);
		font-family: 'Noto Sans KR';
		font-size: calc(14vw / 1920 * 100);
		font-weight: 400;
		color: #fff;
	}

	.video_outer:hover .detail_info {
		transform: scaleY(1);
		position: absolute;
		/*top: calc(440vw / 1920 * 100);*/
		top: calc(633vw / 1920 * 100);
		padding: 0 calc(18vw / 1920 * 100);
		height: calc(41vw / 1920 * 100);
		line-height: calc(20vw / 1920 * 100);
		font-family: 'Noto Sans KR';
		font-size: calc(16vw / 1920 * 100);
		font-weight: 400;
		color: #fff;
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.video_outer:hover .detail_play {
		transform: scaleY(1);
		position: absolute;
		bottom: calc(25vw / 1920 * 100);
		left: calc(19vw / 1920 * 100);
		width: calc(31vw / 1920 * 100);
		height: calc(35vw / 1920 * 100);
		cursor : pointer;
	}
	.video_outer:hover .detail_play img { width: 100%; }

	.video_outer:hover .detail_like {
		transform: scaleY(1);
		position: absolute;
		bottom: calc(26vw / 1920 * 100);
		left: calc(67vw / 1920 * 100);
		width: calc(37vw / 1920 * 100);
		height: calc(33vw / 1920 * 100);
		cursor : pointer;
	}
	.video_outer:hover .detail_like img { width: 100%; }

	.go_right {
		position: absolute;
		width: calc(49vw / 1920 * 100);
		height: calc(407vw / 1920 * 100);
		right: 0;
		top: calc(51vw / 1920 * 100);
		cursor: pointer;
		-webkit-transition: background .3s linear;
		-moz-transition: background .3s linear;
		-o-transition: background .3s linear;
		-ms-transition: background .3s linear;
		transition: background .3s linear;
		z-index: 3;
	}
	.go_right:hover {
		background: rgba(0,0,0,0.6);
	}
	.go_right img {
		position: absolute;
		left: 50%;
		transform: translate(-50%, 0);
		width: calc(23vw / 1920 * 100);
		top: calc(158vw / 1920 * 100);
	}

	.go_left {
		display: none;
		position: absolute;
		width: calc(49vw / 1920 * 100);
		height: calc(407vw / 1920 * 100);
		left: 0;
		top: calc(51vw / 1920 * 100);
		cursor: pointer;
		-webkit-transition: background .3s linear;
		-moz-transition: background .3s linear;
		-o-transition: background .3s linear;
		-ms-transition: background .3s linear;
		transition: background .3s linear;
		z-index: 3;
	}
	.go_left:hover {
		background: rgba(0,0,0,0.6);
	}
	.go_left img {
		position: absolute;
		left: 50%;
		transform: translate(-50%, 0);
		width: calc(23vw / 1920 * 100);
		top: calc(158vw / 1920 * 100);
	}
}

.poster {
	position: relative;
	width: calc(1833vw / 1920 * 100);
	height: calc(610vw / 1920 * 100);
	left: calc(60vw / 1920 * 100);
	margin-right: calc(26vw / 1920 * 100);
	margin-top: calc(70vw / 1920 * 100);
	margin-bottom: calc(163vw / 1920 * 100);
	float: left;
}

.poster_thumbnail {
	position: relative;
	width: calc(430vw / 1920 * 100);
	height: calc(560vw / 1920 * 100);
	background: #adac9f;
	cursor : pointer;
	margin-right: calc(20vw / 1920 * 100);
	float: left;
}

#first_poster {background: #6a6a63;}

#poster_name {
	position: absolute;
	left: calc(18vw / 1920 * 100);
	top: calc(16vw / 1920 * 100);
	height: calc(21vw / 1920 * 100);
	line-height: calc(21vw / 1920 * 100);
	font-family: 'Noto Sans KR';
	font-size: calc(23vw / 1920 * 100);
	font-weight: 500;
	color: #fff;
}

#poster_date {
	position: absolute;
	right: calc(18vw / 1920 * 100);
	top: calc(491vw / 1920 * 100);
	height: calc(22vw / 1920 * 100);
	line-height: calc(22vw / 1920 * 100);
	font-family: 'Noto Sans KR';
	font-size: calc(23vw / 1920 * 100);
	font-weight: 500;
	color: #fff;
	text-align: right;
}

/* 플레이어 */
#player {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	background: #000;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}

#player img {
	width: 100%;
	touch-action: none;
	user-drag: none;
	-webkit-user-drag: none;
}

#player_controller {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#controller_bg {
	position: absolute;
	background: rgba(0,0,0,.5);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#x_bttn {
	position: absolute;
	top: calc(65vw / 1920 * 100);
	right: calc(82vw / 1920 * 100);
	width: calc(29vw / 1920 * 100);
	height: calc(29vw / 1920 * 100);
	cursor: pointer;
}

#set_contents {
	position: absolute;
	width: calc(163vw / 1920 * 100);
	height: calc(30vw / 1920 * 100);
	right: calc(169vw / 1920 * 100);
	top: calc(65vw / 1920 * 100);
}

#set1 {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(35vw / 1920 * 100);
	height: calc(30vw / 1920 * 100);
	cursor: pointer;
}

#set2 {
	position: absolute;
	top: 0;
	left: calc(64vw / 1920 * 100);
	width: calc(39vw / 1920 * 100);
	height: calc(30vw / 1920 * 100);
	cursor: pointer;
}

#set3 {
	position: absolute;
	top: calc(1vw / 1920 * 100);
	right: 0;
	width: calc(29vw / 1920 * 100);
	height: calc(29vw / 1920 * 100);
	cursor: pointer;
}

#volume_outer {
	display: none;
	position: absolute;
	top: calc(42vw / 1920 * 100);
	left: calc(-19vw / 1920 * 100);
	width: calc(205vw / 1920 * 100);
	height: calc(61vw / 1920 * 100);
	z-index: 2;
}

.volume_bar {
	position: absolute;
	width: calc(177vw / 1920 * 100);
	height: calc(8vw / 1920 * 100);
	left: calc(14vw / 1920 * 100);
	bottom: calc(21vw / 1920 * 100);
	background: #5a5a5a;
	border-radius: calc(5vw / 1920 * 100);
}

#volume_white {
	background: #fff;
}

#volume_circle {
	position: absolute;
	top: calc(-5vw / 1920 * 100);
	width: calc(18vw / 1920 * 100);
	height: calc(18vw / 1920 * 100);
	border-radius: calc(9vw / 1920 * 100);
	background: #fff;
	cursor : grab;
	transform: translate(-50%, 0);
	touch-action: none;
}

.player_video {
	width: 0;
	height: 0;
}

.player_canvas {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#left_outer {
	position: absolute;
	width: calc(400vw / 1920 * 100);
	top: calc(144vw / 1920 * 100);
	left: calc(80vw / 1920 * 100);
	max-height: calc(100vh - 243vw / 1920 * 100);
	overflow-y: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
#left_outer::-webkit-scrollbar {
	display: none;
}

#info_txt {
	top: 0;
	left: 0;
	margin-bottom: calc(20vw / 1920 * 100);
	height: calc(21vw / 1920 * 100);
	line-height: calc(21vw / 1920 * 100);
	font-family: 'Noto Sans KR';
	font-size: calc(24vw / 1920 * 100);
	font-weight: 500;
	color: #fff;
}

.info_outer {
	position: relative;
	height: calc(124vw / 1920 * 100);
	margin-bottom: calc(20vw / 1920 * 100);
	cursor: pointer;
}

#photo {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(84vw / 1920 * 100);
	height: calc(124vw / 1920 * 100);
	background: #8d8d8d;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.name_part {
	position: absolute;
	height: calc(20vw / 1920 * 100);
	line-height: calc(20vw / 1920 * 100);
	font-family: 'Noto Sans KR';
	font-size: calc(22vw / 1920 * 100);
	font-weight: 500;
}
.name_part.name {
	top: calc(36vw / 1920 * 100);
	left: calc(100vw / 1920 * 100);
	color: #fff;
}
.name_part.part {
	top: calc(69vw / 1920 * 100);
	left: calc(100vw / 1920 * 100);
	color: #d2d2d2;
}
.name_part.part2 {
	top: calc(69vw / 1920 * 100);
	left: calc(100vw / 1920 * 100);
	color: #fff;
}

#right_outer {
	position: absolute;
	width: calc(251vw / 1920 * 100);
	top: calc(144vw / 1920 * 100);
	right: calc(80vw / 1920 * 100);
	max-height: calc(100vh - 243vw / 1920 * 100);
	overflow-y: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
#right_outer::-webkit-scrollbar {
	display: none;
}

#right_contents #bookmarks, #right_contents #recommends {
	display: none;
}

#bookmark_title {
	position: relative;
	height: calc(22vw / 1920 * 100);
	line-height: calc(22vw / 1920 * 100);
	font-family: 'Noto Sans KR';
	font-size: calc(24vw / 1920 * 100);
	font-weight: 500;
	color: #d2d2d2;
	cursor : pointer;
	float: left;
}

#recommend_title {
	position: relative;
	margin-left: calc(10vw / 1920 * 100);
	height: calc(22vw / 1920 * 100);
	line-height: calc(22vw / 1920 * 100);
	font-family: 'Noto Sans KR';
	font-size: calc(24vw / 1920 * 100);
	font-weight: 500;
	color: #d2d2d2;
	cursor : pointer;
	float: left;
}

#bookmark_title.active, #recommend_title.active { color: #fff; font-weight: 700; }

.right_contents {
	position: relative;
	height: calc(144vw / 1920 * 100);
	width: calc(233vw / 1920 * 100);
	margin-left: calc(10vw / 1920 * 100);
	background: #8d8d8d;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	margin-bottom: calc(37vw / 1920 * 100);
	cursor: pointer;
}
.right_contents:first-child {
	margin-top: calc(37vw / 1920 * 100);
}

#bookmark_time {
	position: absolute;
	height: calc(35vw / 1920 * 100);
	right: 0;
	top: calc(145vw / 1920 * 100);
	font-family: 'Noto Sans KR';
	font-size: calc(20vw / 1920 * 100);
	font-weight: 500;
	color: #fff;
	z-index: 2;
}

#down {
	position: absolute;
	width: calc(74vw / 1920 * 100);
	bottom: 0;
	left: 50%;
	margin-left: calc(-37vw / 1920 * 100);
	height: calc(23vw / 1920 * 100);
}
#down img {
	position: absolute;
	top: 0;
}

@media (min-width: 1920px) {
	#left_outer {
		width: 400px;
		top: 144px;
		left: 80px;
		max-height: calc(100vh - 243px);
	}

	#info_txt {
		margin-bottom: 20px;
		height: 21px;
		line-height: 21px;
		font-size: 24px;
	}

	.info_outer {
		height: 124px;
		margin-bottom: 20px;
	}

	#photo {
		width: 84px;
		height: 124px;
	}

	.name_part {
		height: 20px;
		line-height: 20px;
		font-size: 22px;
	}
	.name_part.name {
		top: 36px;
		left: 100px;
	}
	.name_part.part {
		top: 69px;
		left: 100px;
	}
	.name_part.part2 {
		top: 69px;
		left: 100px;
	}

	#right_outer {
		width: 251px;
		top: 144px;
		right: 80px;
		max-height: calc(100vh - 243px);
	}

	#bookmark_title {
		height: 22px;
		line-height: 22px;
		font-size: 24px;
	}

	#recommend_title {
		margin-left: 10px;
		height: 22px;
		line-height: 22px;
		font-size: 24px;
	}

	.right_contents {
		height: 144px;
		width: 233px;
		margin-left: 10px;
		margin-bottom: 37px;
	}
	.right_contents:first-child {
		margin-top: 37px;
	}

	#bookmark_time {
		height: 35px;
		top: 145px;
		font-size: 20px;
	}

	#down {
		width: 74px;
		margin-left: -37px;
		height: 23px;
	}
}

@media (max-width: 1400px) {
	#set_contents {
		width: calc(163px * 1400 / 1920);
		height: calc(30px * 1400 / 1920);
		right: calc(169px * 1400 / 1920);
		top: calc(65px * 1400 / 1920);
	}

	#set1 {
		width: calc(35px * 1400 / 1920);
		height: calc(30px * 1400 / 1920);
	}

	#set2 {
		left: calc(64px * 1400 / 1920);
		width: calc(39px * 1400 / 1920);
		height: calc(30px * 1400 / 1920);
	}

	#set3 {
		top: calc(1px * 1400 / 1920);
		width: calc(29px * 1400 / 1920);
		height: calc(29px * 1400 / 1920);
	}

	#volume_outer {
		top: calc(42px * 1400 / 1920);
		left: calc(-19px * 1400 / 1920);
		width: calc(205px * 1400 / 1920);
		height: calc(61px * 1400 / 1920);
	}

	.volume_bar {
		width: calc(177px * 1400 / 1920);
		height: calc(8px * 1400 / 1920);
		left: calc(14px * 1400 / 1920);
		bottom: calc(21px * 1400 / 1920);
		border-radius: calc(5px * 1400 / 1920);
	}

	#volume_circle {
		top: calc(-5px * 1400 / 1920);
		width: calc(18px * 1400 / 1920);
		height: calc(18px * 1400 / 1920);
		border-radius: calc(9px * 1400 / 1920);
	}

	#left_outer {
		top: calc(144px * 1400 / 1920);
		max-height: calc(100vh - 243px * 1400 / 1920);
	}

	#right_outer {
		top: calc(144px * 1400 / 1920);
		max-height: calc(100vh - 243px * 1400 / 1920);
	}

	#x_bttn {
		top: calc(65px * 1400 / 1920);
		right: calc(82px * 1400 / 1920);
		width: calc(29px * 1400 / 1920);
		height: calc(29px * 1400 / 1920);
	}
}

@media (max-width: 800px) {
	#set_contents {
		right: calc(90px * 1400 / 1920);
	}

	#x_bttn {
		right: calc(34px * 800 / 1920);
	}

	#left_outer {
		width: calc(400px * 800 / 1920);
		left: calc(34px * 800 / 1920);
		max-height: calc(100vh - 350px * 1400 / 1920);
	}

	#info_txt {
		margin-bottom: calc(20px * 800 / 1920);
		height: calc(21px * 800 / 1920);
		line-height: calc(21px * 800 / 1920);
		font-size: calc(24px * 800 / 1920);
	}

	.info_outer {
		height: calc(124px * 800 / 1920);
		margin-bottom: calc(20px * 800 / 1920);
	}

	#photo {
		width: calc(84px * 800 / 1920);
		height: calc(124px * 800 / 1920);
	}

	.name_part {
		height: calc(20px * 800 / 1920);
		line-height: calc(20px * 800 / 1920);
		font-size: calc(22px * 800 / 1920);
	}
	.name_part.name {
		top: calc(36px * 800 / 1920);
		left: calc(100px * 800 / 1920);
	}
	.name_part.part {
		top: calc(69px * 800 / 1920);
		left: calc(100px * 800 / 1920);
	}
	.name_part.part2 {
		top: calc(69px * 800 / 1920);
		left: calc(100px * 800 / 1920);
	}

	#right_outer {
		width: calc(251px * 800 / 1920);
		right: calc(34px * 800 / 1920);
		max-height: calc(100vh - 350px * 1400 / 1920);
	}

	#bookmark_title {
		height: calc(22px * 800 / 1920);
		line-height: calc(22px * 800 / 1920);
		font-size: calc(24px * 800 / 1920);
	}

	#recommend_title {
		margin-left: calc(10px * 800 / 1920);
		height: calc(22px * 800 / 1920);
		line-height: calc(22px * 800 / 1920);
		font-size: calc(24px * 800 / 1920);
	}

	.right_contents {
		height: calc(144px * 800 / 1920);
		width: calc(233px * 800 / 1920);
		margin-left: calc(10px * 800 / 1920);
		margin-bottom: calc(37px * 800 / 1920);
	}
	.right_contents:first-child {
		margin-top: calc(37px * 800 / 1920);
	}

	#bookmark_time {
		height: calc(35px * 800 / 1920);
		top: calc(145px * 800 / 1920);
		font-size: calc(20px * 800 / 1920);
	}

	#down {
		width: calc(74px * 800 / 1920);
		margin-left: calc(-37px * 800 / 1920);
		height: calc(23px * 800 / 1920);
	}
}

.play_outer {
	position: absolute;
	height: calc(80vw / 1920 * 100);
	width: calc(578vw / 1920 * 100);
	top: 50%;
	margin-top: calc(-40vw / 1920 * 100);
	left: 50%;
	margin-left: calc(-289vw / 1920 * 100);
}

#time_left {
	position: absolute;
	width: calc(75vw / 1920 * 100);
	height: calc(80vw / 1920 * 100);
	left: 0;
	top: 0;
	cursor: pointer;
}

#time_right {
	position: absolute;
	width: calc(75vw / 1920 * 100);
	height: calc(80vw / 1920 * 100);
	right: 0;
	top: 0;
	cursor: pointer;
}

#time_left:after, #time_right:after {
	content: "10";
	position: absolute;
	color: #fff;
	font-size: calc(38vw / 1920 * 100);
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

#play_bttn {
	position: absolute;
	width: calc(71vw / 1920 * 100);
	height: calc(81vw / 1920 * 100);
	left: calc(259vw / 1920 * 100);
	top: 0;
	cursor: pointer;
	-webkit-filter: drop-shadow( calc(2vw / 1920 * 100) calc(2vw / 1920 * 100) calc(1.96vw / 1920 * 100) rgba(0, 0, 0, .15));
	filter: drop-shadow( calc(2vw / 1920 * 100) calc(2vw / 1920 * 100) calc(1.96vw / 1920 * 100) rgba(0, 0, 0, .15));
}
#play_bttn img { width: 100%; height: 100%; }

@media (max-width: 700px) {
	.play_outer {
		position: absolute;
		height: calc(80px / 1920 * 700);
		top: 50%;
		margin-top: calc(-40px / 1920 * 700);
	}

	#time_left {
		width: calc(75px / 1920 * 700);
		height: calc(80px / 1920 * 700);
	}

	#time_right {
		width: calc(75px / 1920 * 700);
		height: calc(80px / 1920 * 700);
	}

	#time_left:after, #time_right:after {
		font-size: calc(38px / 1920 * 700);
	}

	#play_bttn {
		width: calc(71px / 1920 * 700);
		height: calc(81px / 1920 * 700);
		left: 50%;
		margin-left: calc(-71px / 2 / 1920 * 700);
		-webkit-filter: drop-shadow( calc(2px / 1920 * 700) calc(2px / 1920 * 700) calc(1.96px / 1920 * 700) rgba(0, 0, 0, .15));
		filter: drop-shadow( calc(2px / 1920 * 700) calc(2px / 1920 * 700) calc(1.96px / 1920 * 700) rgba(0, 0, 0, .15));
	}
}

@media (min-width: 1920px) {
	#x_bttn {
		top: 65px;
		right: 82px;
		width: 29px;
		height: 29px;
	}

	#set_contents {
		width: 163px;
		height: 30px;
		right: 169px;
		top: 65px;
	}

	#set1 {
		width: 35px;
		height: 30px;
	}

	#set2 {
		left: 64px;
		width: 39px;
		height: 30px;
	}

	#set3 {
		top: 1px;
		width: 29px;
		height: 29px;
	}

	#volume_outer {
		top: 42px;
		left: -19px;
		width: 205px;
		height: 61px;
	}

	.volume_bar {
		width: 177px;
		height: 8px;
		left: 14px;
		bottom: 21px;
		border-radius: 5px;
	}

	#volume_circle {
		top: -5px;
		width: 18px;
		height: 18px;
		border-radius: 9px;
	}

	.play_outer {
		height: 80px;
		width: 578px;
		margin-top: -40px;
		margin-left: -289px;
	}

	#time_left {
		width: 75px;
		height: 80px;
	}

	#time_right {
		width: 75px;
		height: 80px;
	}

	#time_left:after, #time_right:after {
		font-size: 38px;
	}

	#play_bttn {
		width: 71px;
		height: 81px;
		left: 259px;
		-webkit-filter: drop-shadow(2px 2px 1.96px rgba(0, 0, 0, .15));
		filter: drop-shadow(2px 2px 1.96px rgba(0, 0, 0, .15));
	}
}

@media (min-aspect-ratio: 1920/420) {
	#x_bttn {
		top: calc(65vh / 420 * 100);
		right: calc(82vh / 420 * 100);
		width: calc(29vh / 420 * 100);
		height: calc(29vh / 420 * 100);
	}

	#set_contents {
		width: calc(163vh / 420 * 100);
		height: calc(30vh / 420 * 100);
		right: calc(169vh / 420 * 100);
		top: calc(65vh / 420 * 100);
	}

	#set1 {
		width: calc(35vh / 420 * 100);
		height: calc(30vh / 420 * 100);
	}

	#set2 {
		left: calc(64vh / 420 * 100);
		width: calc(39vh / 420 * 100);
		height: calc(30vh / 420 * 100);
	}

	#set3 {
		top: calc(1vh / 420 * 100);
		width: calc(29vh / 420 * 100);
		height: calc(29vh / 420 * 100);
	}

	#volume_outer {
		top: calc(42vh / 420 * 100);
		left: calc(-19vh / 420 * 100);
		width: calc(205vh / 420 * 100);
		height: calc(61vh / 420 * 100);
	}

	.volume_bar {
		width: calc(177vh / 420 * 100);
		height: calc(8vh / 420 * 100);
		left: calc(14vh / 420 * 100);
		bottom: calc(21vh / 420 * 100);
		border-radius: calc(5vh / 420 * 100);
	}

	#volume_circle {
		top: calc(-5vh / 420 * 100);
		width: calc(18vh / 420 * 100);
		height: calc(18vh / 420 * 100);
		border-radius: calc(9vh / 420 * 100);
	}

	.play_outer {
		height: calc(80vh / 420 * 100);
		width: calc(578vh / 420 * 100);
		margin-top: calc(-40vh / 420 * 100);
		margin-left: calc(-289vh / 420 * 100);
	}

	#time_left {
		width: calc(75vh / 420 * 100);
		height: calc(80vh / 420 * 100);
	}

	#time_right {
		width: calc(75vh / 420 * 100);
		height: calc(80vh / 420 * 100);
	}

	#time_left:after, #time_right:after {
		font-size: calc(38vh / 420 * 100);
	}

	#play_bttn {
		width: calc(71vh / 420 * 100);
		height: calc(81vh / 420 * 100);
		left: calc(259vh / 420 * 100);
		-webkit-filter: drop-shadow(calc(2vh / 420 * 100) calc(2vh / 420 * 100) calc(1.96vh / 420 * 100) rgba(0, 0, 0, .15));
		filter: drop-shadow(calc(2vh / 420 * 100) calc(2vh / 420 * 100) calc(1.96vh / 420 * 100) rgba(0, 0, 0, .15));
	}
}

.play_bar_outer {
	position: absolute;
	width: 100%;
	height: calc(95vw / 1920 * 100);
	left: 0;
	bottom: 0;
}

.play_bar {
	position: absolute;
	width: 85vw;
	height: calc(8vw / 1920 * 100);
	left: calc(80vw / 1920 * 100);
	bottom: calc(74vw / 1920 * 100);
	background: #5a5a5a;
	border-radius: calc(5vw / 1920 * 100);
	cursor : default;
}

#play_bar_white {
	width: 0;
	background: #fff;
	border-radius: calc(5vw / 1920 * 100);
	bottom: 0;
	left: 0;
}

#play_bar_circle {
	position: absolute;
	margin-top: calc(-5vw / 1920 * 100);
	width: calc(18vw / 1920 * 100);
	height: calc(18vw / 1920 * 100);
	border-radius: calc(9vw / 1920 * 100);
	left: 0;
	transform: translate(calc(-50% + 0vw), 0px);
	background: #fff;
}

#play_bar_circle div {
	position: absolute;
	transform: translate(calc(-50% + 0vw), 0px);
	width: auto;
	left: 50%;
	top: calc(21vw / 1920 * 100);
	font-family: 'Noto Sans KR';
	font-size: calc(20vw / 1920 * 100);
	font-weight: 500;
	color: #fff;
}
#play_bar.onmoving #play_bar_circle div { display: none; }

.bookmark {
	position: absolute;
	height: calc(8vw / 1920 * 100);
	background: #fff;
}

.preview_outer {
	position: absolute;
	height: calc(251vw / 1920 * 100);
	width: calc(480vw / 1920 * 100);
	top: calc(-267vw / 1920 * 100);
	/*left: calc(-238vw / 1920 * 100);*/
	transform: translate(calc(-50% + 202vw / 1920 * 100), 0px);
	z-index: 2;
	display: none;
}
#play_bar.onmoving .preview_outer {
	display: block !important;
}

#preview_gray {
	position: absolute;
	height: calc(53vw / 1920 * 100);
	width: calc(480vw / 1920 * 100);
	bottom: 0;
	left: 0;
}

#preview_gray #preview_gray_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(41vw / 1920 * 100);
	line-height: calc(41vw / 1920 * 100);
	border-bottom-left-radius: calc(6vw / 1920 * 100);
	border-bottom-right-radius: calc(6vw / 1920 * 100);
	background: #3a3a3a;
	text-align: center;
}

#preview_gray #preview_gray_bg_arrow {
	position: absolute;
	width: 0;
	height: 0;
	top: calc(41vw / 1920 * 100);
	left: 0;
	transform: translate(calc(-50% + 41vw / 1920 * 100), 0px);
	border-top: calc(12vw / 1920 * 100) solid #3a3a3a;
	border-left: calc(12vw / 1920 * 100) solid transparent;
	border-right: calc(12vw / 1920 * 100) solid transparent;
}

#preview_name {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(240vw / 1920 * 100);
	height: calc(41vw / 1920 * 100);
	line-height: calc(41vw / 1920 * 100);
	font-family: 'Noto Sans KR';
	font-size: calc(20vw / 1920 * 100);
	font-weight: 500;
	color: #dbdbdb;
	text-align: center;
}

#preview_time {
	font-family: 'Noto Sans KR';
	text-align: center;
	font-size: calc(20vw / 1920 * 100);
	font-weight: 500;
	color: #dbdbdb;
	position: absolute;
	top: 0;
	transform: translate(-50%, 0);
}

#preview {
	position: absolute;
	width: calc(480vw / 1920 * 100);
	left: 0;
	top: 0;
	height: calc(198vw / 1920 * 100);
	border-top-left-radius: calc(6vw / 1920 * 100);
	border-top-right-radius: calc(6vw / 1920 * 100);
	background: #ea8080;
}

.duration {
	position: absolute;
	bottom: calc(63vw / 1920 * 100);
	right: 5vw;
	height: calc(33.66vw / 1920 * 100);
	line-height: calc(33.66vw / 1920 * 100);
	font-family: 'Noto Sans KR';
	font-size: calc(24vw / 1920 * 100);
	font-weight: 500;
	color: #fff;
}

@media (min-width: 1920px) {
	.play_bar_outer {
		height: 95px;
	}

	.play_bar {
		width: 1632px;
		height: 8px;
		left: 50%;
		margin-left: -880px;
		bottom: 74px;
		border-radius: 5px;
	}

	#play_bar_white {
		border-radius: 5px;
		margin-left: 0;
	}

	#play_bar_circle {
		margin-top: -5px;
		width: 18px;
		height: 18px;
		border-radius: 9px;
		transform: translate(calc(-50% + 0px), 0px);
	}

	#play_bar_circle div {
		transform: translate(calc(-50% + 0px), 0px);
		left: 50%;
		top: 21px;
		font-size: 20px;
	}

	.bookmark {
		height: 8px;
	}

	.preview_outer {
		height: 251px;
		width: 480px;
		top: -267px;
		transform: translate(calc(-50% + 202px), 0px);
	}

	#preview_gray {
		height: 53px;
		width: 480px;
	}

	#preview_gray #preview_gray_bg {
		height: 41px;
		line-height: 41px;
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
	}

	#preview_gray #preview_gray_bg_arrow {
		top: 41px;
		transform: translate(calc(-50% + 41px), 0px);
		border-top: 12px solid #3a3a3a;
		border-left: 12px solid transparent;
		border-right: 12px solid transparent;
	}

	#preview_name {
		width: 240px;
		height: 41px;
		line-height: 41px;
		font-size: 20px;
	}

	#preview_time {
		font-size: 20px;
	}

	#preview {
		width: 480px;
		height: 198px;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
	}

	.duration {
		bottom: 69px;
		right: 50%;
		margin-right: -864px;
		height: 18px;
		line-height: 18px;
		font-size: 24px;
	}
}

@media (max-width: 1400px) {
	.play_bar_outer {
		height: calc(95px * 1400 / 1920);
	}

	.play_bar {
		left: 50%;
		margin-left: -42.5vw;
		height: calc(8px * 1400 / 1920);
		bottom: calc(74px * 1400 / 1920);
		border-radius: calc(5px * 1400 / 1920);
	}

	#play_bar_white {
		border-radius: calc(5px * 1400 / 1920);
		margin-left: 0;
	}

	#play_bar_circle {
		width: calc(18px * 1400 / 1920);
		margin-top: calc(-5px * 1400 / 1920);
		height: calc(18px * 1400 / 1920);
		border-radius: calc(9px * 1400 / 1920);
		transform: translate(-50%, 0);
	}

	#play_bar_circle div {
		transform: translate(-50%, 0);
		left: 50%;
		top: calc(21px * 1400 / 1920);
		font-size: calc(20px * 1400 / 1920);
	}

	.bookmark {
		height: calc(8px * 1400 / 1920);
	}

	.preview_outer {
		height: calc(251px * 1400 / 1920);
		width: calc(480px * 1400 / 1920);
		top: calc(-267px * 1400 / 1920);
		transform: translate(calc(-50% + (202px * 1400 / 1920)), 0);
	}

	#preview_gray {
		height: calc(53px * 1400 / 1920);
		width: calc(480px * 1400 / 1920);
	}

	#preview_gray #preview_gray_bg {
		height: calc(41px * 1400 / 1920);
		line-height: calc(41px * 1400 / 1920);
		border-bottom-left-radius: calc(6px * 1400 / 1920);
		border-bottom-right-radius: calc(6px * 1400 / 1920);
	}

	#preview_gray #preview_gray_bg_arrow {
		top: calc(41px * 1400 / 1920);
		transform: translate(calc(-50% + (41px * 1400 / 1920)), 0);
		border-top: calc(12px * 1400 / 1920) solid #3a3a3a;
		border-left: calc(12px * 1400 / 1920) solid transparent;
		border-right: calc(12px * 1400 / 1920) solid transparent;
	}

	#preview_name {
		width: calc(240px * 1400 / 1920);
		height: calc(41px * 1400 / 1920);
		line-height: calc(41px * 1400 / 1920);
		font-size: calc(20px * 1400 / 1920);
	}

	#preview_time {
		font-size: calc(20px * 1400 / 1920);
	}

	#preview {
		width: calc(480px * 1400 / 1920);
		height: calc(198px * 1400 / 1920);
		border-top-left-radius: calc(6px * 1400 / 1920);
		border-top-right-radius: calc(6px * 1400 / 1920);
	}

	.duration {
		display: none;
	}
}

/* 검색 */
#search_outer {
	display: none;
	width: 100%;
	height: 100%;
	background: #140707;
	overflow-y: scroll;
}

#word_outer {
	position: absolute;
	top: calc(222vw / 1920 * 100);
	left: calc(92.5vw / 1920 * 100);
	height: calc(23vw / 1920 * 100);
	width: calc(100vw - 92.5vw / 1920 * 100);
}

#word_gray {
	position: relative;
	margin-right: calc(16vw / 1920 * 100);
	height: calc(22vw / 1920 * 100);
	line-height: calc(22vw / 1920 * 100);
	font-family: 'Noto Sans KR';
	font-weight: calc(500vw / 1920 * 100);
	font-size: calc(25vw / 1920 * 100);
	color: #9e9e9e;
	float: left;
}

.word_white {
	position: relative;
	margin-right: calc(18vw / 1920 * 100);
	height: calc(23vw / 1920 * 100);
	line-height: calc(23vw / 1920 * 100);
	font-family: 'Noto Sans KR';
	font-weight: calc(700vw / 1920 * 100);
	font-size: calc(25vw / 1920 * 100);
	color: #fff;
	float: left;
	cursor : pointer;
}

#main_outer {
	position: absolute;
	top: calc(266vw / 1920 * 100);
	left: calc(92.5vw / 1920 * 100);
	padding-bottom: calc(622vw / 1920 * 100);
	display: grid;
	grid-template-columns: repeat(3, calc(565vw / 1920 * 100));
	grid-column-gap: calc(20vw / 1920 * 100);
	grid-row-gap: calc(80vw / 1920 * 100);
}

@media (min-width: 860px) {
	#word_outer {
		left: calc(49vw / 1920 * 100);
		width: calc(100vw - 64vw / 1920 * 100);
	}
}

@media (max-width: 999px) {
	#word_outer {
		top: calc(242vw / 1920 * 100);
		height: calc(23vw / 1000 * 100);
	}

	#word_gray {
		margin-right: calc(16vw / 1000 * 100);
		height: calc(22vw / 1000 * 100);
		line-height: calc(22vw / 1000 * 100);
		font-weight: calc(500vw / 1000 * 100);
		font-size: calc(25vw / 1000 * 100);
	}

	.word_white {
		margin-right: calc(18vw / 1000 * 100);
		height: calc(23vw / 1000 * 100);
		line-height: calc(23vw / 1000 * 100);
		font-weight: calc(700vw / 1000 * 100);
		font-size: calc(25vw / 1000 * 100);
	}

	#main_outer {
		top: calc(320vw / 1920 * 100);
	}
}

@media (min-width: 860px) {
	#main_outer {
		position: absolute;
		left: calc(49vw / 1920 * 100);
		padding-bottom: calc(622vw / 1920 * 100);
		display: grid;
		grid-template-columns: repeat(6, calc(287vw / 1920 * 100));
		grid-gap: calc(20vw / 1920 * 100);
	}
}

/* 결제 */
#pay_contents {
	position: absolute;
	left: 50%;
	margin-left: calc(-619vw / 1340 * 100);
	top: calc(240vw / 1340 * 100);
	width: calc(1238vw / 1340 * 100);
}

#pay {
	top: 0;
	left: 0;
	height: calc(36vw / 1340 * 100);
	line-height: calc(36vw / 1340 * 100);
	font-family: 'Noto Sans KR';
	font-size: calc(40vw / 1340 * 100);
	font-weight: 500;
	color: #fff;
}

.price_outer {
	position: relative;
	margin-top: calc(15vw / 1340 * 100);
	width: calc(1239vw / 1340 * 100);
	height: calc(124vw / 1340 * 100);
	background: #3d1f1f;
	box-sizing: border-box;
	border-radius: calc(31vw / 1340 * 100);
	cursor : pointer;
}
.price_outer:first-child {
	margin-top: calc(33vw / 1340 * 100);
}
.price_outer.selected {
	border: calc(2vw / 1340 * 100) solid #da5b5b;
}

.price_text1 {
	font-family: 'Noto Sans KR';
	font-weight: calc(300vw / 1340 * 100);
	font-size: calc(15.85vw / 1340 * 100);
	color: #fff
}

.circle {
	position: absolute;
	top: calc(47vw / 1340 * 100);
	left: calc(47vw / 1340 * 100);
	width: calc(31vw / 1340 * 100);
	height: calc(31vw / 1340 * 100);
	background: #3d1f1f;
	border-radius: calc(15vw / 1340 * 100);
	border: calc(1vw / 1340 * 100) solid #a29494;
}

.price_outer.selected .circle {
	background: #da5b5b;
	border: calc(1vw / 1340 * 100) solid #da5b5b;
}

.basic_standard {
	position: absolute;
	top: calc(52vw / 1340 * 100);
	left: calc(116vw / 1340 * 100);
	height: calc(20vw / 1340 * 100);
	line-height: calc(20vw / 1340 * 100);
	font-family: 'Noto Sans KR';
	font-size: calc(33vw / 1340 * 100);
	font-weight: 500;
	color: #fff;
}

.pay_gray_txt {
	position: absolute;
	top: calc(54vw / 1340 * 100);
	left: calc(292vw / 1340 * 100);
	height: calc(20vw / 1340 * 100);
	line-height: calc(20vw / 1340 * 100);
	font-family: 'Noto Sans KR';
	font-size: calc(28vw / 1340 * 100);
	font-weight: 500;
	color: #c5c5c5;
}

.price {
	position: absolute;
	top: calc(46vw / 1340 * 100);
	right: calc(116vw / 1340 * 100);
	height: calc(30vw / 1340 * 100);
	line-height: calc(30vw / 1340 * 100);
	font-family: 'Noto Sans KR';
	font-size: calc(33vw / 1340 * 100);
	font-weight: 700;
	color: #fff;
}

#pay_button {
	position: relative;
	margin: 0 auto;
	margin-top: calc(29vw / 1340 * 100);
	margin-bottom: calc(150vw / 1340 * 100);
	width: calc(260vw / 1340 * 100);
	height: calc(72vw / 1340 * 100);
	line-height: calc(72vw / 1340 * 100);
	background: #da5b5b;
	box-sizing: border-box;
	border-radius: calc(24vw / 1340 * 100);
	text-align: center;
	font-family: 'Noto Sans KR';
	font-weight: calc(700vw / 1340 * 100);
	font-size: calc(33vw / 1340 * 100);
	color: #fff;
}

.gray_txt {
	position: relative;
	margin-bottom: calc(23vw / 1340 * 100);
	height: calc(15vw / 1340 * 100);
	line-height: calc(15vw / 1340 * 100);
	font-family: 'Noto Sans KR';
	font-size: calc(17vw / 1340 * 100);
	font-weight: 500;
	color: #c5c5c5;
}

.gray_txt_small {
	position: relative;
	margin-bottom: calc(30vw / 1340 * 100);
	line-height: calc(15.5vw / 1340 * 100);
	font-family: 'Noto Sans KR';
	font-size: calc(12vw / 1340 * 100);
	font-weight: 500;
	color: #c5c5c5;
}

.gray_txt_small a {
	text-decoration: none;
	color: #c5c5c5;
}

#last_txt {padding-bottom: calc(66vw / 1340 * 100);}
#last_txt2 {padding-bottom: calc(66vw / 1340 * 100);}

@media (min-width: 1340px) {
	#pay_contents {
		margin-left: -619px;
		top: 240px;
		width: 1238px;
	}

	#pay {
		height: 36px;
		line-height: 36px;
		font-size: 40px;
	}

	.price_outer {
		margin-top: 15px;
		width: 1239px;
		height: 124px;
		border-radius: 31px;
	}
	.price_outer:first-child {
		margin-top: 33px;
	}
	.price_outer.selected {
		border: 2px solid #da5b5b;
	}

	.price_text1 {
		font-weight: 300px;
		font-size: 15.85px;
	}

	.circle {
		top: 47px;
		left: 47px;
		width: 31px;
		height: 31px;
		border-radius: 15px;
	}

	.price_outer.selected .circle {
		border: 1px solid #da5b5b;
	}

	.basic_standard {
		top: 52px;
		left: 116px;
		height: 20px;
		line-height: 20px;
		font-size: 25px;
		font-weight: 500;
	}

	.pay_gray_txt {
		top: 54px;
		left: 292px;
		height: 20px;
		line-height: 20px;
		font-size: 17px;
	}

	.price {
		top: 46px;
		right: 116px;
		height: 30px;
		line-height: 30px;
		font-size: 30px;
	}

	#pay_button {
		margin-top: 29px;
		margin-bottom: 150px;
		width: 260px;
		height: 72px;
		line-height: 72px;
		border-radius: 24px;
		font-weight: 700px;
		font-size: 25px;
	}

	.gray_txt {
		margin-bottom: 23px;
		height: 15px;
		line-height: 15px;
		font-size: 17px;
	}

	.gray_txt_small {
		margin-bottom: 30px;
		line-height: 15.5px;
		font-size: 12px;
	}

	#last_txt {padding-bottom: 66px;}
}

@media (max-width: 859px) {
	.gray_txt {
		margin-bottom: calc(43vw / 1340 * 100);
		font-size: calc(26vw / 1340 * 100);
	}

	.gray_txt_small {
		line-height: calc(44.5vw / 1340 * 100);
		margin-bottom: calc(86vw / 1340 * 100);
		font-size: calc(22vw / 1340 * 100);
	}
}

/* 푸터 */
.footer_contents {
	position: relative;
	margin: 0 auto;
	width: calc(535vw / 1200 * 100);
}
.footer_contents2 {
	position: relative;
	margin: 0 auto;
	width: calc(884vw / 1200 * 100);
}

.footer {
	margin-top: calc(100vw / 1920 * 100);
}
.footer.footer_sub {
	margin-left: calc(74.5vw / 1920 * 100);
}
.footer .gray_txt_small {
	font-weight: 400;
	line-height: auto;
	color: #666;
	font-size: calc(35vw / 1340 * 100);
}
.footer .gray_txt_small a {
	text-decoration: none;
	color: #666;
}
#footer_left {
	margin-bottom: 0;
}

@media (min-width: 860px) {
	.footer_contents, .footer_contents2 {
		width: 100%;
		height: 100px;
	}
	.footer.footer_sub {
		margin-left: calc(49vw / 1920 * 100);
	}
	.footer .gray_txt_small {
		font-size: calc(22vw / 1920 * 100);
		line-height: calc(28vw / 1920 * 100);
	}
	#footer_left {
		position: absolute;
		left: 50%;
		transform: translate(-100%, 0);
		padding-right: 20px;
	}
	#footer_right {
		position: absolute;
		right: 50%;
		transform: translate(100%, 0);
		padding-left: 20px;
	}
}

@media (min-width: 1340px) {
	.footer .gray_txt_small {
		line-height: 20px;
		font-size: 15.5px;
	}
	}
}

/* 로그인 */
#login_logo {
	position: absolute;
	top: calc(45vw / 1200 * 100);
	left: calc(50vw / 1200 * 100);
	width: calc(143.3vw / 1200 * 100);
	height: calc(29vw / 1200 * 100);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	/*background-image: url(/imgs/logo.svg);*/
	background-image: url(/imgs/corktv-logo2.png);
}

.login_contents1 {
	position: relative;
	margin: 0 auto;
	margin-top: calc(281vw / 1200 * 100);
	width: calc(1047vw / 1200 * 100);
}

#adult_19 img {
	width: calc(233vw / 1200 * 100);
	height: calc(232vw / 1200 * 100);
}

#main_txt_red {
	position: absolute;
	top: calc(58vw / 1200 * 100);
	left: calc(276vw / 1200 * 100);
	height: calc(37vw / 1200 * 100);
	line-height: calc(37vw / 1200 * 100);
	font-family: 'Noto Sans KR';
	font-size: calc(40vw / 1200 * 100);
	font-weight: 500;
	color: #da5b5b;
}

#main_txt_white {
	position: absolute;
	top: calc(57vw / 1200 * 100);
	left: calc(493vw / 1200 * 100);
	height: calc(37vw / 1200 * 100);
	line-height: calc(37vw / 1200 * 100);
	font-family: 'Noto Sans KR';
	font-size: calc(40vw / 1200 * 100);
	font-weight: 500;
	color: #fff;
}

#sub_txt {
	position: absolute;
	top: calc(121vw / 1200 * 100);
	left: calc(275vw / 1200 * 100);
	width: calc(790vw / 1200 * 100);
	height: calc(51vw / 1200 * 100);
	line-height: calc(29vw / 1200 * 100);
	font-family: 'Noto Sans KR';
	font-size: calc(23vw / 1200 * 100);
	color: #fff;
}

#redbutton {
	position: absolute;
	top: calc(232vw / 1200 * 100);
	left: calc(422vw / 1200 * 100);
	width: calc(203vw / 1200 * 100);
	height: calc(66vw / 1200 * 100);
	line-height: calc(63vw / 1200 * 100);
	background: #da5b5b;
	box-sizing: border-box;
	border-radius: calc(33vw / 1200 * 100);
	text-align: center;
	font-family: 'Noto Sans KR';
	font-weight: 500;
	font-size: calc(22vw / 1200 * 100);
	color: #fff;
	cursor : pointer;
	text-decoration: none;
}

.login_contents2 {
	position: relative;
	margin: 0 auto;
	margin-top: calc(216vw / 1200 * 100);
	width: calc(535vw / 1200 * 100);
}

.login {
	height: calc(35vw / 1200 * 100);
	line-height: calc(35vw / 1200 * 100);
	font-family: 'Noto Sans KR';
	font-size: calc(40vw / 1200 * 100);
	font-weight: 500;
	text-align: center;
	color: #fff;
}

#social {margin-top: calc(100vw / 1200 * 100);}

.form-value {
	position: relative;
	margin-top: calc(12vw / 1200 * 100);
	width: 100%;
	height: calc(44vw / 1200 * 100);
	line-height: calc(44vw / 1200 * 100);
	box-sizing: border-box;
	padding:0 calc(15vw / 1200 * 100);
	font-family: 'Noto Sans KR';
	font-weight: calc(300vw / 1200 * 100);
	font-size: calc(15.85vw / 1200 * 100);
	outline: none;
}

.emailpassword {
	position: relative;
	left: calc(2vw / 1200 * 100);
	height: calc(17vw / 1200 * 100);
	margin-top: calc(20vw / 1200 * 100);
	line-height: calc(17vw / 1200 * 100);
	font-family: 'Noto Sans KR';
	font-weight: 500;
	font-size: calc(19.2vw / 1200 * 100);
	color: #fff;
}

#email {
	margin-top: calc(41vw / 1200 * 100);
}

.form-value-short {
	position: relative;
	margin-top: calc(12vw / 1200 * 100);
	left: 0;
	width: calc(383vw / 1200 * 100);
	height: calc(44vw / 1200 * 100);
	line-height: calc(44vw / 1200 * 100);
	box-sizing: border-box;
	padding:0 calc(15vw / 1200 * 100);
	font-family: 'Noto Sans KR';
	font-weight: calc(300vw / 1200 * 100);
	font-size: calc(15.85vw / 1200 * 100);
	outline: none;
}

.form-value-short::placeholder {color:#9d9d9d;}

#emailbtn {
	position: relative;
	margin-top: calc(12vw / 1200 * 100);
	right: 0;
	width: calc(142vw / 1200 * 100);
	height: calc(44vw / 1200 * 100);
	line-height: calc(44vw / 1200 * 100);
	background: #da5b5b;
	box-sizing: border-box;
	text-align: center;
	font-family: 'Noto Sans KR';
	font-weight: calc(300vw / 1200 * 100);
	font-size: calc(15.85vw / 1200 * 100);
	color: #fff;
	cursor : pointer;
	float: right;
}

.form-value::placeholder {color:#9d9d9d;}

#form-value-email {margin-top: calc(43vw / 1200 * 100);}

.form-checkbox {
	position: relative;
	margin-top: calc(26vw / 1200 * 100);
}

.form-checkbox input[type=checkbox] {
	position: absolute;
	top: calc(-32vw / 1200 * 100);
	margin: 0;
	padding: 0;
	width: calc(17vw / 1200 * 100);
	height: calc(17vw / 1200 * 100);
	box-sizing: border-box;
	border-radius: calc(2vw / 1200 * 100);
}

.form-checkbox label {
	position: absolute;
	top: calc(-32vw / 1200 * 100);
	line-height: calc(17vw / 1200 * 100);
	left: calc(26vw / 1200 * 100);
	font-family: 'Noto Sans KR';
	font-size: calc(17vw / 1200 * 100);
	color: #fff;
}

.form-checkbox2 {
	position: relative;
	margin-top: calc(13vw / 1200 * 100);
	margin-bottom: calc(9vw / 1200 * 100);
}

.form-checkbox2 input[type=checkbox] {
	margin: 0;
	padding: 0;
	top: 0;
	width: calc(17vw / 1200 * 100);
	height: calc(17vw / 1200 * 100);
	box-sizing: border-box;
	border-radius: calc(2vw / 1200 * 100);
}

.form-checkbox2 label {
	line-height: calc(17vw / 1200 * 100);
	font-family: 'Noto Sans KR';
	font-size: calc(17vw / 1200 * 100);
	color: #fff;
}

#find-password {
	position: absolute;
	top: calc(-32vw / 1200 * 100);
	line-height: calc(17vw / 1200 * 100);
	margin-left: calc(436vw / 1200 * 100);
	font-family: 'Noto Sans KR';
	font-size: calc(17vw / 1200 * 100);
	color: #fff;
	cursor : pointer;
}

#login_redbutton {
	position: relative;
	margin-top: calc(55vw / 1200 * 100);
	width: calc(536vw / 1200 * 100);
	height: calc(66vw / 1200 * 100);
	line-height: calc(66vw / 1200 * 100);
	background: #da5b5b;
	box-sizing: border-box;
	text-align: center;
	font-family: 'Noto Sans KR';
	font-weight: 500;
	font-size: calc(22.19vw / 1200 * 100);
	color: #fff;
	cursor : pointer;
}

#join_bluebutton {
	position: relative;
	display: block;
	margin-top: calc(10vw / 1200 * 100);
	width: calc(536vw / 1200 * 100);
	height: calc(66vw / 1200 * 100);
	line-height: calc(66vw / 1200 * 100);
	background: #5b5bda;
	box-sizing: border-box;
	text-align: center;
	font-family: 'Noto Sans KR';
	font-weight: calc(500vw / 1200 * 100);
	font-size: calc(22.19vw / 1200 * 100);
	color: #fff;
	cursor : pointer;
	text-decoration: none;
}

.socialcontents {
	position: relative;
	margin: 0 auto;
	margin-top: calc(42vw / 1200 * 100);
	margin-bottom: calc(100vw / 1200 * 100);
	width: calc(476vw / 1200 * 100);
	height: calc(77vw / 1200 * 100);
}

.social-icon {
	position: absolute;
	top: 0;
	width: calc(77vw / 1200 * 100);
	height: calc(77vw / 1200 * 100);
	cursor : pointer;
}
.social-icon img {
	width: 100%;
}

#kakao_icon {
	left: 0;
}

#naver_icon {
	left: calc(100vw / 1200 * 100);
}

#twitter_icon {
	left: calc(199vw / 1200 * 100);
}

#facebook_icon {
	left: calc(299vw / 1200 * 100);
}

#google_icon {
	left: calc(399vw / 1200 * 100);
}

@media (min-width: 1200px) {
	#login_logo {
		top: 45px;
		left: 50px;
		width: 143.3px;
		height: 29px;
		line-height: 29px;
		font-size: 40px;
	}

	.login_contents1 {
		margin-top: 281px;
		width: 1047px;
	}

	#adult_19 img {
		width: 233px;
		height: 232px;
	}

	#main_txt_red {
		top: 58px;
		left: 276px;
		height: 37px;
		line-height: 37px;
		font-size: 40px;
	}

	#main_txt_white {
		top: 57px;
		left: 493px;
		height: 37px;
		line-height: 37px;
		font-size: 40px;
	}

	#sub_txt {
		top: 121px;
		left: 275px;
		width: 790px;
		height: 51px;
		line-height: 29px;
		font-size: 23px;
	}

	#redbutton {
		top: 232px;
		left: 422px;
		width: 203px;
		height: 66px;
		line-height: 63px;
		border-radius: 33px;
		font-weight: 500;
		font-size: 22px;
	}

	.login_contents2 {
		margin-top: 216px;
		width: 535px;
	}

	.login {
		height: 35px;
		line-height: 35px;
		font-size: 40px;
	}
	#social {
		margin-top: 100px;
	}

	.emailpassword {
		position: relative;
		left: 2px;
		height: 17px;
		margin-top: 20px;
		line-height: 17px;
		font-family: 'Noto Sans KR';
		font-weight: 500;
		font-size: 19.2px;
		color: #fff;
	}

	#email {
		margin-top: 41px;
	}

	.form-value-short {
		position: relative;
		margin-top: 12px;
		left: 0;
		width: 383px;
		height: 44px;
		line-height: 44px;
		box-sizing: border-box;
		padding:0 15px;
		font-family: 'Noto Sans KR';
		font-weight: 300px;
		font-size: 15.85px;
		outline: none;
	}

	#emailbtn {
		position: relative;
		margin-top: 12px;
		right: 0;
		width: 142px;
		height: 44px;
		line-height: 44px;
		background: #da5b5b;
		box-sizing: border-box;
		text-align: center;
		font-family: 'Noto Sans KR';
		font-weight: 300px;
		font-size: 15.85px;
		color: #fff;
		cursor : pointer;
	}

	.form-value {
		margin-top: 12px;
		height: 44px;
		line-height: 44px;
		padding:0 15px;
		font-weight: 300px;
		font-size: 15.85px;
	}

	#form-value-email {margin-top: 43px;}

	.form-checkbox {
		margin-top: 26px;
	}

	.form-checkbox input[type=checkbox] {
		position: absolute;
		top: -32px;
		width: 17px;
		height: 17px;
		border-radius: 2px;
	}

	.form-checkbox label {
		top: -32px;
		line-height: 17px;
		left: 26px;
		font-size: 17px;
	}

	.form-checkbox2 {
		margin-top: 13px;
		margin-bottom: 9px;
	}

	.form-checkbox2 input[type=checkbox] {
		width: 17px;
		height: 17px;
		border-radius: 2px;
	}

	.form-checkbox2 label {
		line-height: 17px;
		font-size: 17px;
	}

	#find-password {
		top: -32px;
		line-height: 17px;
		margin-left: 436px;
		font-size: 17px;
	}

	#login_redbutton {
		/*margin-top: 24px;*/
		margin-top: 55px;
		width: 536px;
		height: 66px;
		line-height: 66px;
		font-weight: 500;
		font-size: 22.19px;
	}

	#join_bluebutton {
		margin-top: 10px;
		width: 536px;
		height: 66px;
		line-height: 66px;
		font-weight: 500px;
		font-size: 22.19px;
	}

	.socialcontents {
		margin-top: 42px;
		margin-bottom: 100px;
		width: 476px;
		height: 77px;
	}

	.social-icon {
		width: 77px;
		height: 77px;
	}

	#kakao_icon {
		left: 0;
	}

	#naver_icon {
		left: 100px;
	}

	#twitter_icon {
		left: 199px;
	}

	#facebook_icon {
		left: 299px;
	}

	#google_icon {
		left: 399px;
	}
}

@media (max-width: 859px){
	.login_contents1 {
		height: calc(600vw / 1200 * 100);
	}

	#main_txt_wrapper {
		position: absolute;
		width: calc(800vw / 1200 * 100);
		top: calc(450vw / 1200 * 100);
		left: 50%;
		transform: translate(-50%, 0);
		text-align: center;
	}

	#main_txt_wrapper #main_txt_red, #main_txt_wrapper #main_txt_white {
		position: relative;
		left: 0;
		top: 0;
		display: inline;
	}

	#sub_txt {
		position: absolute;
		width: calc(800vw / 1200 * 100);
		top: calc(520vw / 1200 * 100);
		left: 50%;
		transform: translate(-50%, 0);
		text-align: center;
	}

	#redbutton {
		top: calc(660vw / 1200 * 100);
		left: 50%;
		transform: translate(-50%, 0);
		width: calc(203vw / 650 * 100);
		height: calc(66vw / 650 * 100);
		line-height: calc(63vw / 650 * 100);
		border-radius: calc(33vw / 650 * 100);
		font-weight: 500;
		font-size: calc(22vw / 650 * 100);
	}

	#adult_19 img {
		position: absolute;
		left: 50%;
		transform: translate(-50%, 0);
		width: calc(400vw / 1200 * 100);
		height: calc(400vw / 1200 * 100);
	}

	.login_contents2 {
		position: relative;
		margin: 0 auto;
		margin-top: calc(216vw / 650 * 100);
		width: calc(535vw / 650 * 100);
	}

	.login {
		height: calc(35vw / 650 * 100);
		line-height: calc(35vw / 650 * 100);
		font-family: 'Noto Sans KR';
		font-size: calc(40vw / 650 * 100);
		font-weight: 500;
		text-align: center;
		color: #fff;
	}

	#social {margin-top: calc(100vw / 650 * 100);}

	.emailpassword {
		left: calc(2vw / 650 * 100);
		height: calc(17vw / 650 * 100);
		margin-top: calc(20vw / 650 * 100);
		line-height: calc(17vw / 650 * 100);
		font-size: calc(19.2vw / 650 * 100);
	}

	#email {
		margin-top: calc(41vw / 650 * 100);
	}

	.form-value-short {
		margin-top: calc(12vw / 650 * 100);
		width: calc(383vw / 650 * 100);
		height: calc(44vw / 650 * 100);
		line-height: calc(44vw / 650 * 100);
		padding:0 calc(15vw / 650 * 100);
		font-weight: calc(300vw / 650 * 100);
		font-size: calc(15.85vw / 650 * 100);
	}

	#emailbtn {
		margin-top: calc(12vw / 650 * 100);
		width: calc(142vw / 650 * 100);
		height: calc(44vw / 650 * 100);
		line-height: calc(44vw / 650 * 100);
		font-weight: calc(300vw / 650 * 100);
		font-size: calc(15.85vw / 650 * 100);
	}

	.form-value {
		position: relative;
		margin-top: calc(12vw / 650 * 100);
		width: 100%;
		height: calc(44vw / 650 * 100);
		line-height: calc(44vw / 650 * 100);
		box-sizing: border-box;
		padding:0 calc(15vw / 650 * 100);
		font-family: 'Noto Sans KR';
		font-weight: calc(300vw / 650 * 100);
		font-size: calc(15.85vw / 650 * 100);
		outline: none;
	}

	.form-value::placeholder {color:#9d9d9d;}

	#form-value-email {margin-top: calc(43vw / 650 * 100);}

	.form-checkbox {
		position: relative;
		margin-top: calc(26vw / 650 * 100);
	}

	.form-checkbox input[type=checkbox] {
		position: absolute;
		top: calc(-32vw / 650 * 100);
		margin: 0;
		padding: 0;
		width: calc(17vw / 650 * 100);
		height: calc(17vw / 650 * 100);
		box-sizing: border-box;
		border-radius: calc(2vw / 650 * 100);
	}

	.form-checkbox label {
		position: absolute;
		top: calc(-32vw / 650 * 100);
		line-height: calc(17vw / 650 * 100);
		left: calc(26vw / 650 * 100);
		font-family: 'Noto Sans KR';
		font-size: calc(17vw / 650 * 100);
		color: #fff;
	}

	.form-checkbox2 {
		margin-top: calc(13vw / 650 * 100);
		margin-bottom: calc(9vw / 650 * 100);
	}

	.form-checkbox2 input[type=checkbox] {
		width: calc(17vw / 650 * 100);
		height: calc(17vw / 650 * 100);
		border-radius: calc(2vw / 650 * 100);
	}

	.form-checkbox2 label {
		line-height: calc(17vw / 650 * 100);
		font-size: calc(17vw / 650 * 100);
	}

	#find-password {
		top: calc(-32vw / 650 * 100);
		line-height: calc(17vw / 650 * 100);
		margin-left: 0;
		right: 0;
		font-family: 'Noto Sans KR';
		font-size: calc(17vw / 650 * 100);
		color: #fff;
		cursor : pointer;
	}

	#login_redbutton {
		position: relative;
		margin-top: calc(55vw / 650 * 100);
		width: calc(536vw / 650 * 100);
		height: calc(66vw / 650 * 100);
		line-height: calc(66vw / 650 * 100);
		background: #da5b5b;
		box-sizing: border-box;
		text-align: center;
		font-family: 'Noto Sans KR';
		font-weight: 500;
		font-size: calc(22.19vw / 650 * 100);
		color: #fff;
		cursor : pointer;
	}

	#join_bluebutton {
		position: relative;
		margin-top: calc(10vw / 650 * 100);
		width: calc(536vw / 650 * 100);
		height: calc(66vw / 650 * 100);
		line-height: calc(66vw / 650 * 100);
		background: #5b5bda;
		box-sizing: border-box;
		text-align: center;
		font-family: 'Noto Sans KR';
		font-weight: calc(500vw / 650 * 100);
		font-size: calc(22.19vw / 650 * 100);
		color: #fff;
		cursor : pointer;
	}

	.socialcontents {
		position: relative;
		margin: 0 auto;
		margin-top: calc(42vw / 650 * 100);
		margin-bottom: calc(100vw / 650 * 100);
		width: calc(476vw / 650 * 100);
		height: calc(77vw / 650 * 100);
	}

	.social-icon {
		position: absolute;
		top: 0;
		width: calc(77vw / 650 * 100);
		height: calc(77vw / 650 * 100);
		cursor : pointer;
	}
	.social-icon img {
		width: 100%;
	}

	#kakao_icon {
		left: 0;
	}

	#naver_icon {
		left: calc(100vw / 650 * 100);
	}

	#twitter_icon {
		left: calc(199vw / 650 * 100);
	}

	#facebook_icon {
		left: calc(299vw / 650 * 100);
	}

	#google_icon {
		left: calc(399vw / 650 * 100);
	}
}

/* Welcome */
.welcome {
	position: relative;
	width: 100vw;
	height: 100vh;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left top;
}
.welcome_mask {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
}
.welcome_txt {
	position: absolute;
	top: 50%;
	left: 60px;
	transform: translate(0, -100%);
	font-size: 42px;
	font-weight: 500;
	font-family: 'Noto Sans KR';
	color: #fff;
}
.welcome_btn {
	display: block;
	position: absolute;
	top: 50%;
	left: 60px;
	transform: translate(0, 25px);
	font-size: 28px;
	font-weight: 500;
	font-family: 'Noto Sans KR';
	height: 50px;
	line-height: 50px;
	padding: 15px 50px;
	border-radius: 40px;
	background: #ed1557;
	color: #fff;
	text-decoration: none;
}
.welcome_txt2 {
	position: absolute;
	top: 50%;
	left: 60px;
	transform: translate(0, 130px);
	font-size: 24px;
	font-weight: 400;
	font-family: 'Noto Sans KR';
	color: #fff;
}
.welcome_txt font, .welcome_txt2 font {
	color: #ed1557;
}
#welcome_menu {
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translate(0, -50%);
	font-family: 'Noto Sans KR';
	font-size: 18px;
	color: #fff;
	font-weight: 400;
}
#welcome_menu a {
	text-decoration: none;
	color: #fff;
}

@media (max-width: 859px) {
	.welcome {
		background-position: center center;
	}
	#welcome_menu {
		right: 15px;
		font-size: calc(26vw / 860 * 100);
	}
	.welcome_txt {
		left: calc(70vw / 1920 * 100);
		font-size: calc(110vw / 1920 * 100);
	}
	.welcome_btn {
		left: calc(70vw / 1920 * 100);
		transform: translate(0, calc(60vw / 1920 * 100));
		font-size: calc(70vw / 1920 * 100);
		height: calc(90vw / 1920 * 100);
		line-height: calc(90vw / 1920 * 100);
		padding: calc(60vw / 1920 * 100) calc(80vw / 1920 * 100);
		border-radius: calc(105vw / 1920 * 100);
	}
	.welcome_txt2 {
		left: calc(70vw / 1920 * 100);
		transform: translate(0, calc(300vw / 1920 * 100));
		font-size: calc(75vw / 1920 * 100);
	}
}

@media (orientation: Landscape) and (max-width: 1280px) {
	#banner.welcome_banner:hover .menu_contents, #banner.welcome_banner.not_top .menu_contents {
		background: none;
	}
	.welcome_txt {
		left: calc(60vw / 1920 * 100);
		font-size: calc(60vw / 1920 * 100);
	}
	.welcome_btn {
		left: calc(60vw / 1920 * 100);
		transform: translate(0, calc(60vw / 1920 * 100));
		font-size: calc(50vw / 1920 * 100);
		height: calc(50vw / 1920 * 100);
		line-height: calc(50vw / 1920 * 100);
		padding: calc(40vw / 1920 * 100) calc(80vw / 1920 * 100);
		border-radius: calc(105vw / 1920 * 100);
	}
	.welcome_txt2 {
		left: calc(60vw / 1920 * 100);
		transform: translate(0, calc(240vw / 1920 * 100));
		font-size: calc(40vw / 1920 * 100);
	}
}