@charset "UTF-8";
/*	
	Project	:projectQ
 
	Author :Somi Park
	Date :2019-09-16

	pallete:mainColor ( #333; #ff6858;  )
			  spotColor { #f15a53; #4e6979; #00b9b0; }

	Noto Sans CJK KR font-weight Guide
	thin:100
	Light:300
	DemiLight:350
	Regular:400
	Medium:500
	Bold:700
	Black:900
*/
@import url('https://download.tkbell.co.kr/font/notoSansKr.css');
@import url('https://download.tkbell.co.kr/font/jalnan/Jalnan.css');
@import url('/asset/css/animate.css');
@import url('/asset/css/dialog.css');
@font-face {
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:100;
	src:url('https://download.tkbell.co.kr/font/notoSansKr/NotoSansKR-Thin.woff') format('woff');
}
@font-face {
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:300;
	src:url('https://download.tkbell.co.kr/font/notoSansKr/NotoSansKR-Light.woff') format('woff');
}
@font-face {
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:400;
	src:url('https://download.tkbell.co.kr/font/notoSansKr/NotoSansKR-Regular.woff') format('woff')
}
@font-face {
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:500;
	src:url('https://download.tkbell.co.kr/font/notoSansKr/NotoSansKR-Medium.woff') format('woff');
}
@font-face {
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:700;
	src:url('https://download.tkbell.co.kr/font/notoSansKr/NotoSansKR-Bold.woff') format('woff');
}
@font-face {
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:900;
	src:url('https://download.tkbell.co.kr/font/notoSansKr/NotoSansKR-Black.woff') format('woff');
}

/******************** init ********************/
* { padding:0;margin:0;
    word-break: break-all;
    word-wrap: break-word; }
area:hover,
area:focus {outline:0;}
html {  height:100%; }
body {
	opacity:0;
	animation-name:bodyFade;
	animation-duration:.5s;
	animation-delay:1s;
	animation-fill-mode:forwards;
}
body[style="opacity:1;"] { animation:none; }
@keyframes bodyFade {
	to { opacity:1; }
}
/* IE 9,10,11 */
@media screen and (min-width:0\0) {
	body { opacity:1; }
}
::-webkit-scrollbar {
	width: 4px;
	height: 4px;
	background-color: rgba(255, 255, 255, .1);
	border-radius: 2px;
}
/* 스크롤 바의 색상 지정 */
::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, .3);
	border-radius: 2px;
}
/* 스크롤 바 호버 시 색상 지정 */
::-webkit-scrollbar-thumb:hover {
	background-color: rgba(0, 0, 0, .5);
}
body, input, button, select, textarea {
	font-family:'Noto Sans KR', sans-serif;
	font-size:15px;
	letter-spacing:-0.025em;
	font-weight:400;
	color:#333;
	outline:0;
}
body, h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}
ul, ol, li {
	margin:0;
	padding:0;
	list-style:none;
}
h1, h2, h3, h4, h5, h6, strong, b { font-weight:700; }
form, fieldset, legend {
	border:0;
	padding:0;
	margin:0;
}
select {
	-webkit-appearance:none;
	-webkit-border-radius:0;
	appearance:none;
	border-radius:0;
	background:#fff;
	height:36px;
	box-sizing:border-box;
	vertical-align:middle;
	position:absolute;
	opacity:0;
}
input, textarea { box-sizing:border-box; }

i, em, cite, address { font-style:normal; }
a, a:hover, a:active { text-decoration:none;color:#333; }
hr.solid {
	margin:20px 0;
	border:0;
	border-top:1px solid #e3e3e3;
}
h4.tit+hr.solid { margin-top:0px; }
.paging + hr.solid { margin-top:50px; }
hr.dashed {
	margin:30px 0;
	border:0;
	border-top:1px dashed #e3e3e3;
}
hr.dashed-dark {
	margin:60px 0;
	border:0;
	border-top:1px dashed #b8b8b8;
}
.payment-contents hr.solid { margin:0; }
.bar {
	display:inline-block;
	width:1px;
	height:16px;
	background:#ccc;
	margin:0 10px;
	vertical-align:middle;
}
h3.tit .bar {
	width:2px;
	height:20px;
	background:#555;
}
video {
	border-radius:8px;
	border:1px solid #fff2da;
}
video::-webkit-media-controls-panel {
	background:rgb(255, 255, 255);
	background:linear-gradient(180deg, rgba(255, 255, 255, 0) 75%, rgba(20, 30, 50, .3) 100%);
	padding:10px;
	padding:10px;
	box-shadow:0 0 30px rgba(0, 0, 0, .1);
}
em { color:#ff6858; }
.red { color:#ff6858 !important; }
.blue { color:#093fff !important; }
.purple { color:#8c69ff !important; }
.black { color:#212121 !important; }
.org { color:#ff6858 !important; }
.gray { color:#888 !important; }
.em_red,
.em_blue,
.em_purple {
	display:inline-block;
	position:relative;
	text-shadow:0 0 2px rgba(255, 255, 255, .8);
}
.em_red:after,
.em_blue:after,
.em_purple:after {
	content:'';
	display:block;
	height:5px;
	width:100%;
	padding:0 5px;
	position:absolute;
	bottom:3px;
	left:-5px;
	z-index:-1;
}
.em_red:after { background:#ff7461; }
.em_blue:after { background:#179be7; }
.em_purple:after { background:#8c69ff; }
.em-mode-txt { font-size:14px;font-weight:400;color:#888;margin-left:8px; }
td .em-mode-txt { display:block;margin-left:0;}

fieldset legend {
	opacity:0;
	filter:alpha(opacity=0);
	position:absolute;
	top:0;
	left:0;
	width:0;
	height:0;
	overflow:hidden;
	font-size:0;
	line-height:0;
}
.blind {
	display:block;
	overflow:hidden;
	position:absolute;
	top:-1000em;
	left:0;
	width:1px;
	height:1px;
	margin:0;
	padding:0;
	font-size:0;
	line-height:0;
}
.dim {
	position:fixed;
	background:rgba(0, 0, 0, .6);
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:1000;
	display:none;
}
.dim-alpha {
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:rgba(255, 255, 255, 0);
	z-index:1000;
}
.inner-dim {
	position:absolute;
	background:rgba(0, 0, 0, .4);
	width:calc(100% + 2px);
	height:calc(100% + 2px);
	top:-1px;
	left:-1px;
	z-index:1000;
	display:none;
}
.al { text-align:left !important; }
.ac { text-align:center !important; }
.ar { text-align:right !important; }
.fl { float:left !important; }
.fr { float:right !important; }
.cb { clear:both !important; }

.mT5 { margin-top:5px !important; }
.mT10 { margin-top:10px !important; }
.mT15 { margin-top:15px !important; }
.mT20 { margin-top:20px !important; }
.mt5 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }
.mt60 { margin-top:60px !important; }

.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.mb60 { margin-bottom:60px !important; }

.ml5 { margin-left:5px !important; }
.ml10 { margin-left:10px !important; }
.ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }
.ml25 { margin-left:25px !important; }
.ml30 { margin-left:30px !important; }

.mr5 { margin-right:5px !important; }
.mr10 { margin-right:10px !important; }
.mr15 { margin-right:15px !important; }
.mr20 { margin-right:20px !important; }
.mr25 { margin-right:25px !important; }
.mr30 { margin-right:30px !important; }

.pt5 { padding-top:5px !important; }
.pt10 { padding-top:10px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }
.pt40 { padding-top:40px !important; }
.pt50 { padding-top:50px !important; }
.pt60 { padding-top:60px !important; }

.pb5 { padding-bottom:5px !important; }
.pb10 { padding-bottom:10px !important; }
.pb15 { padding-bottom:15px !important; }
.pb20 { padding-bottom:20px !important; }
.pb25 { padding-bottom:25px !important; }
.pb30 { padding-bottom:30px !important; }
.pb40 { padding-bottom:40px !important; }
.pb50 { padding-bottom:50px !important; }
.pb60 { padding-bottom:60px !important; }

.pl5 { padding-left:5px !important; }
.pl10 { padding-left:10px !important; }
.pl15 { padding-left:15px !important; }
.pl20 { padding-left:20px !important; }
.pl25 { padding-left:25px !important; }
.pl30 { padding-left:30px !important; }

.pr5 { padding-right:5px !important; }
.pr10 { padding-right:10px !important; }
.pr15 { padding-right:15px !important; }
.pr20 { padding-right:20px !important; }
.pr25 { padding-right:25px !important; }
.pr30 { padding-right:30px !important; }

.w100px { width:100px !important; }
.w110px { width:110px !important; }
.w120px { width:120px !important; }
.w130px { width:130px !important; }
.w140px { width:140px !important; }
.w150px { width:150px !important; }
.w160px { width:160px !important; }
.w170px { width:170px !important; }
.w180px { width:180px !important; }
.w190px { width:190px !important; }
.w200px { width:200px !important; }

small {
	font-size:13px;
	color:#888;
}
.break-word { word-break:break-word !important; }
.loading {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9999;
	background:url('../images/make/spin.gif') center no-repeat rgba(255, 255, 255, .7);
	background-size:60px 60px;
}
.loading-opaque {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9999;
	background:url('../images/make/spin.gif') center no-repeat rgba(255, 255, 255, 1);
	background-size:60px 60px;
}
.loading-alpha {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9999;
	background:url('../images/make/spin.gif') center no-repeat;
	background-size:60px 60px;
}
.loader {
	background:rgba(0, 0, 0, .6);
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9999;
}
.loader span {
	position:absolute;
	font-size:0;
	top:50%;
	left:50%;
	width:60px;
	height:60px;
	margin-top:-30px;
	margin-left:-30px;
	border-radius:50%;
	text-indent:-9999em;
	border-top:6px solid rgba(255, 255, 255, 0.2);
	border-right:6px solid rgba(255, 255, 255, 0.2);
	border-bottom:6px solid rgba(255, 255, 255, 0.2);
	border-left:6px solid rgba(255, 255, 255, 1);
	-webkit-transform:translateZ(0);
	-ms-transform:translateZ(0);
	transform:translateZ(0);
	animation:load8 1.1s infinite linear;
}
@keyframes load8 {
	0% {
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}

	100% {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}

/******************** Skip Contents ********************/
.accessibility { position:relative; }
.accessibility a {
	position:absolute;
	left:0;
	top:0;
	height:1px;
	overflow:hidden;
	font-weight:500;
	z-index:99999;
}
.accessibility a:focus {
	z-index:999;
	text-align:center;
	width:140px;
	height:35px;
	line-height:35px;
	background:rgba(0, 0, 0, .7);
	color:#fff;
	overflow:hidden;
	outline:0;
}

#skipToLNB,
#skipToContents,
#skipToQuick {
	position:absolute;
	height:1px;
	overflow:hidden;
}
.wrap {
	max-width:1120px;
	margin-left:auto;
	margin-right:auto;
}

/******************** input ********************/
input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"] {
	height:36px;
	background:#fff;
	border:1px solid #e3e3e3;
	border-radius:5px;
	padding-left:15px;
	padding-right:15px;
	vertical-align:middle;
}
.tel { width:70px; }
.cal { width:134px; }
.datepicker { width:134px; }

select.tel { width:43px; }
.ui-selectmenu-button+i,
input+i { margin:0 4px; }
.unit {
	margin-left:5px;
	margin-right:20px;
	font-size:14px;
	color:#888;
	vertical-align:-4px;
	line-height:34px;
}
.w10 { width:10% !important; }
.w15 { width:15% !important; }
.w20 { width:20% !important; }
.w25 { width:25% !important; }
.w30 { width:30% !important; }
.w40 { width:40% !important; }
.w50 { width:50% !important; }
.w60 { width:60% !important; }
.w70 { width:70% !important; }
.w80 { width:80% !important; }
.w90 { width:90% !important; }
.w100 { width:100% !important; }
.h10 { height:10% !important; }
.h20 { height:20% !important; }
.h30 { height:30% !important; }
.h40 { height:40% !important; }
.h50 { height:50% !important; }
.h60 { height:60% !important; }
.h70 { height:70% !important; }
.h80 { height:80% !important; }
.h90 { height:90% !important; }
.h100 { height:100% !important; }
.pl60 { padding-left:60px !important; }
.ft13 { font-size:13px !important; }
.ft14 { font-size:14px !important; }
.ft15 { font-size:15px !important; }
.ft16 { font-size:16px !important; }
.ft17 { font-size:17px !important; }
.ft18 { font-size:18px !important; }
.ft19 { font-size:19px !important; }
.ft20 { font-size:20px !important; }
.ft21 { font-size:21px !important; }
.ft22 { font-size:22px !important; }
.ft23 { font-size:23px !important; }
.ft24 { font-size:24px !important; }

textarea { 
	background:#fff;
	border:1px solid #e3e3e3;
	border-radius:5px;
	padding:10px 15px;
	resize:none;
}
td br~input { margin-top:6px; }
.file-box {
	position:relative;
	font-size:0;
}
ul.pop-forms .file-box input[type="text"],
.file-box input[type="text"] {
	width:calc(100% - 48px)
}
.file-box input[type="file"] {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	opacity:0;
	cursor:poiniter;
}
.file-box .btn-36 {
	width:42px;
	padding:0;
	position:relative;
}
.file-box .btn-36 i {
	position:absolute;
	left:12px;
	top:7px;
	margin:0;
}
.upload-form { font-size:0; }
.upload-form label {
	display:inline-block;
	width:120px;
	vertical-align:middle;
	text-align:left;
	padding-right:25px;
	font-size:15px;
	line-height:36px;
	vertical-align:top;
}
.upload-form li textarea,
.upload-form li input:not(.tel) { width:calc(100% - 145px); }
.upload-form .file-box {
	display:inline-block;
	width:calc(100% - 145px);
}
.upload-form small {
	display:block;
	margin-left:145px;
	font-size:13px;
	color:#888;
	margin-top:5px;
}

/* common */
.bg-red { background-color:#e92724; }
.bg-yellow { background-color:#ffad1d; }
.bg-green { background-color:#2d9b42; }
.bg-blue { background-color:#2c79ec; }
.bg-orange { background-color:#ff5c51; }
.bg-purple { background-color:#6827b7; }
.bg-gray { background-color:#999; }
.bg-black { background-color:#444; }

/* 추가 */
.bg-yellowgreen { background-color:#9ACD32; }/* YellowGreen:연두색  */
.bg-tan { background-color:#D2B48C; }/* Tan:황토색 */
.bg-darkgreen { background-color:#008080; }/* DarkGreen:청록색 */
.bg-darkblue { background-color:#2c79ec; }/* DarkBlue :진파랑 */
.bg-sienna { background-color:#A0522D; }/* Sienna:적갈색 */
.bg-salmon { background-color:#FA8072; }/* Salmon:진분홍 */
.bg-olive { background-color:#808000; }/* Olive:올리브 */
.bg-skyblue { background-color:#87CEEB; }/* SkyBlue :하늘색 */
.bg-pink { background-color:#FFC0CB; }/* Pink:핑크 */
.bg-mint { background-color:#48D1CC; }/* Mint:민트 */
.bg-gold { background-color:#FFD700; }/* Gold:골드 */
.bg-lavender { background-color:#E6E6FA; } /* Lavender:라벤더 */ 

/* 추가 2022-08 */
.bg-blueviolet { background-color:#8A2BE2; }
.bg-brown { background-color:#A52A2A; }
.bg-cadetblue { background-color:#5F9EA0; }
.bg-darkblue { background-color:#179be7; }
.bg-chocolate { background-color:#D2691E; }
.bg-coral { background-color:#FF7F50; }
.bg-cornflowerblue { background-color:#6495ED; }
.bg-darkcyan { background-color:#008B8B; }
.bg-darkmagenta { background-color:#8B008B; }
.bg-darksalmon { background-color:#E9967A; }
.bg-darkseaGreen { background-color:#8FBC8F; }
.bg-darkturquoise { background-color:#00CED1; }
.bg-deeppink { background-color:#FF1493; }
.bg-dodgerblue { background-color:#1E90FF; }
.bg-firebrick { background-color:#B22222; }
.bg-forestgreen { background-color:#228B22; }
.bg-indianred { background-color:#CD5C5C; }
.bg-indigo { background-color:#4B0082; }
.bg-mediumpurple { background-color:#9370DB; }
.bg-teal { background-color:#008080; }
.bg-tomato { background-color:#FF6347; }
.bg-steelblue { background-color:#4682B4; }
.bg-peru { background-color:#CD853F; }
.bg-lightgreen { background-color:#90EE90; }
.bg-lightpink { background-color:#FFB6C1; }
.bg-lightcoral { background-color:#F08080; }
.bg-lightsalmon { background-color:#FFA07A; }
.bg-lightseagreen { background-color:#20B2AA; }
.bg-lightskyblue { background-color:#87CEFA; }
.bg-lightslategray { background-color:#778899; }
.bg-lightsteelblue { background-color:#B0C4DE; }

/******************** btn ********************/
.btns { position:relative;
	margin-top:30px;
	text-align:right;
	font-size:0;
}
.btns br+[class^="btn-"] { margin-top:15px; }
button {
	background:transparent;
	cursor:pointer;
	border:0;
}
button span {
	position:relative;
	display:block;
}
.byte-check-wrap+*[class^="btn-"],
*[class^="btn-"]+*[class^="btn-"],
input+*[class^="btn-"] { margin-left:6px; }
*[class^="btn-"].w100+*[class^="btn-"].w100 {
	margin-left:0;
	margin-top:4px;
}
a.btn,
button.btn,
*[class^="btn-"] {
	display:inline-flex;
	align-items:center;
	justify-content: center;
	border-radius:5px;
	box-sizing:border-box;
	padding:0 20px;
	text-align:center;
	border:0;
	gap:4px;
	background:#7e7e7e;
	color:#fff !important;
	font-weight:400;
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	transition:all .2s;
	cursor:pointer;
	vertical-align:middle;
	text-decoration:none !important;
}
.btn:hover,
.btn:focus,
*[class^="btn-"]:hover,
*[class^="btn-"]:focus {
	color:#fff !important;
	box-shadow:0 3px 8px rgba(0, 0, 0, .1);
	outline:0;
}
.btn-24 {
	height:24px;
	line-height:22px;
	font-size:13px;
	padding:0 10px;
}
.btn-30 {
	height:30px;
	line-height:28px;
	font-size:13px;
}
.btn-34 {
	height:34px;
	line-height:32px;
	font-size:13px;
}
.btn-36 {
	height:36px;
	line-height:34px;
	font-size:14px;
}
.btn-38 {
	height:38px;
	line-height:36px;
	font-size:14px;
	min-width:120px;
}
.btn-60 {
	height:60px;
	line-height:58px;
	font-size:18px;
	min-width:260px;
}
.btn-w100 { width:100%; }
.btn-round-24 {
	height:24px;
	border-radius:12px;
	line-height:22px;
	font-size:12px;
	padding:0 10px;
}
.btn-round-30 {
	height:30px;
	border-radius:15px;
	line-height:30px;
	font-size:13px;
}
.btn-round-34 {
	height:34px;
	border-radius:17px;
	line-height:34px;
	font-size:13px;
}
.btn-round-36 {
	height:36px;
	border-radius:18px;
	line-height:36px;
	font-size:14px;
}
.btn-round-38 {
	height:38px;
	border-radius:19px;
	line-height:38px;
	font-size:14px;
	min-width:120px;
}
.btn-round-40 {
	height:40px;
	border-radius:20px;
	line-height:40px;
	font-size:18px;
	min-width:120px;
}
.btn-round-60 {
	height:60px;
	border-radius:30px;
	line-height:60px;
	font-size:18px;
	min-width:260px;
}
.btn.line,
*[class^="btn-"].line {
	border:1px solid #d3d3d3;
	background:#f8f8f8;
	color:#333 !important;
}

*[class^="btn"].spot,
.spot { background:#ff6858;border:1px solid transparent; }

*[class^="btn"].spot:hover,
*[class^="btn"].spot:focus,
.spot:hover,
.spot:focus { box-shadow:0 3px 8px rgba(255, 116, 97, .4); }
.spot2 { background:#333; }
.spot2:hover,
.spot2:focus { box-shadow:0 3px 8px rgba(0, 0, 0, .4); }
.spot3 { background:#2c7aec; }
.spot3:hover,
.spot3:focus { box-shadow:0 3px 8px rgba(44, 122, 236, .2); }
.spot4 { background:#865edf; }
.line-spot {
	border:1px solid #ff6858;
	background:#fff;
	color:#ff6858 !important;
}
.line-spot:hover,
.line-spot:focus {
	color:#ff6858 !important;
	box-shadow:0 5px 10px rgba(255, 116, 97, .4);
}
.line-spot2 {
	border:1px solid #333;
	background:#fff;
	color:#333 !important;
}
.line-spot2:hover,
.line-spot2:focus {
	color:#333 !important;
	box-shadow:0 5px 10px rgba(255, 116, 97, .4);
}
.line-spot3 {
	border:1px solid #2c7aec;
	background:#fff;
	color:#2c7aec !important;
}
.line-spot3:hover,
.line-spot3:focus {
	color:#2c7aec !important;
	box-shadow:0 5px 10px rgba(44, 122, 236, .4);
}
.line-spot4 {
	border:1px solid #865edf;
	background:#fff;
	color:#865edf !important;
}
.line-spot4:hover,
.line-spot4:focus {
	color:#865edf !important;
	box-shadow:0 5px 10px rgba(134, 94, 223, .4);
}
.btn[disabled],
.btn[disabled]:hover,
.btn[disabled]:focus,
*[class^="btn-"][disabled],
*[class^="btn-"][disabled]:hover,
*[class^="btn-"][disabled]:focus {
	cursor:default;
	color:#888 !important;
	border-color:#e5e5e5 !important;
	background:#f1f1f1 !important;
	box-shadow:none;
}
.btn[disabled] i,
.btn[disabled]:hover i,
.btn[disabled]:focus i,
*[class^="btn-"][disabled] i,
*[class^="btn-"][disabled]:hover i,
*[class^="btn-"][disabled]:focus i {
	opacity:.3;
	background-position-y:0 !important;
}
.btn-ico {
	border:0;
	background:transparent;
	padding:0;
	width:40px;
	height:40px;
}
input[readonly],
input[disable] { background:#f8f8f8; }
input[type="text"]+.limit {
	vertical-align:middle;
	position:relative;
	margin-left:-46px;
	font-weight:300;
}
.cursor-default {
	cursor:default !important;
	text-decoration:none !important;
	border-bottom:0 !important;
}
.cursor-default:hover,
.cursor-default:active {
	text-decoration:none !important;
	border-bottom:0 !important;
}
.cursor-pointer { cursor:pointer !important; }
.steps { text-align:right; }
.steps .btn-38 {
	min-width:38px;
	padding:0;
	text-align:center;
	margin-bottom:10px;
}

/******************** icon ********************/
*[class^="ico"] {
	display:inline-block;
	box-sizing:border-box;
	text-align:center;
	font-size:0;
	background:#aaa;
	min-width:20px;
	height:20px;
	background:url('../images/common/ico_sprite.png') no-repeat transparent;
	vertical-align:middle;
}
/* item-info icon */
.ico-open {
	min-width:14px;
	height:16px;
	background-position:-80px 0;
}
.ico-open.off {
	min-width:14px;
	height:16px;
	background-position:-100px 0;
}
.ico-play {
	min-width:10px;
	height:14px;
	background-position:0 0;
}
.ico-scrap {
	min-width:11px;
	height:14px;
	background-position:-40px 0;
}
.ico-range {
	min-width:17px;
	height:14px;
	background-position:-80px -20px;
}
.scrap.on .ico-scrap { background-position:-60px 0; }
.ico-sch { background-position:-120px 0; }
.ico-sch-wht { background-position:-140px 0; }
.ico-wifi.on { background-position:-340px 0; }
.ico-wifi { background-position:-340px 0; }
.ico-play-white { background-position:-340px 0; }
.ico-mod { background-position:-220px 0; }
.ico-copy { background-position:-240px 0; }
.ico-share { background-position:-260px 0; }
.ico-delete { background-position:-280px 0; }
.ico-report { background-position:-300px 0; }
.ico-keep { background-position:-360px 0; }
.ico-use { background-position:-380px 0; }
.ico-bell { background-position:-400px 0px; }
.ico-export-bk { background-position:-140px -20px;
	height:16px; }
.ico-folder { background-position:-320px -40px; }
.ico-board { background-position:-340px -40px; }

button:hover .ico-wifi.on,
button:focus .ico-wifi.on { background-position:-340px 0; }

button:hover .ico-wifi,
button:focus .ico-wifi { background-position:-340px 0; }

button:hover .ico-mod,
button:focus .ico-mod { background-position:-220px -20px; }

button:hover .ico-copy,
button:focus .ico-copy { background-position:-240px -20px; }

button:hover .ico-share,
button:focus .ico-share { background-position:-260px -20px; }

button:hover .ico-delete,
button:focus .ico-delete { background-position:-280px -20px; }

button:hover .ico-report,
button:focus .ico-report { background-position:-300px -20px; }

button:hover .ico-keep,
button:focus .ico-keep { background-position:-360px -20px; }

button:hover .ico-use,
button:focus .ico-use { background-position:-380px -20px; }

button:hover .ico-export-bk,
button:focus .ico-export-bk { background-position:-160px -20px; }
.ico-more { background-position:-320px 0; }
.on .ico-more { background-position:-320px -20px; }
.ico-list {
	min-width:11px;
	height:11px;
	background-position:-60px -40px; 
}
.ico-thumb {
	min-width:11px;
	height:11px;
	background-position:-80px -40px; 
}
.ico-file { background:url('../images/common/ico_file.png') center center no-repeat; }
.ico-export {
	width:16px;
	height:13px;
	background-position:-120px -20px; 
}
.ico-right-answer {
	background:none;
	background:url(/asset/images/common/ico_right_answer.svg) center center no-repeat;
	background-size:contain; 
}
.ico-wrong-answer {
	background:none;
	background:url(/asset/images/common/ico_wrong_answer.svg) center center no-repeat;
	background-size:contain;
}

/* 리포트 아이콘 버튼 */
.ico-share-lg,
.ico-play-lg,
.ico-mod-lg,
.ico-download,
.ico-trash,
.ico-result,
.ico-temp,
.ico-info {
	display:inline-block;
	min-width:32px;
	min-height:32px;
	width:auto;
	height:auto;
	background:transparent;
	box-sizing:border-box;
	padding:6px;
	background-image:none;
}
.ico-share-lg:before,
.ico-play-lg:before,
.ico-mod-lg:before,
.ico-download:before,
.ico-trash:before,
.ico-result:before,
.ico-info:before {
	content:'';
	background:url('../images/common/ico_sprite.png') no-repeat;
	width:20px;
	height:20px;
	display:inline-block;
	vertical-align:middle;
}
.ico-play-lg:before { background-position:-180px -40px; }
.ico-download:before { background-position:-200px -40px; }
.ico-trash:before { background-position:-220px -40px; }
.ico-share-lg:before { background-position:-260px -40px; }
.ico-mod-lg:before { background-position:-280px -40px; }
.ico-result:before { background-position:-300px -40px; }
.ico-play-lg:hover:before,
.ico-play-lg:focus:before { background-position:-180px -60px; }
.ico-download:hover:before,
.ico-download:focus:before { background-position:-200px -60px; }
.ico-trash:hover:before,
.ico-trash:focus:before { background-position:-220px -60px; }
.ico-share-lg:hover:before,
.ico-share-lg:focus:before { background-position:-260px -60px; }
.ico-mod-lg:hover:before,
.ico-mod-lg:focus:before { background-position:-280px -60px; }
.ico-result:hover:before,
.ico-result:focus:before { background-position:-300px -60px; }
.ico-temp:before { background-image:none; }

/* 레포트 빈자리 메꿈용 */
.ico-info:before { background-position:-360px -40px; }
.ico-info:hover:before,
.ico-info:focus:before { background-position:-360px -60px; }
.ico-upload { background-position:-240px -40px; }

*[class^="ico"] span {
	margin-left:8px;
	font-size:13px;
	color:#888;
	vertical-align:middle; 
}
*[class^="ico"]:hover span { color:#ff6858; }
*[class^="ico"] span.blind { margin-left:0;font-size:0; }

/* 플레이 버튼 아이콘 */
.ico-wifi-on { background-position:0 -270px; }
.ico-wifi-off { background-position:-20px -270px; }
.ico-homework { background-position:-40px -270px; }
.ico-challenge { background-position:-60px -270px; }
.ico-flashcard { background-position:-80px -270px; }
.ico-battle { background-position:-100px -270px; }

/* ico 50x50 */
.ico-alert-noti,
.ico-alert-confirm,
.ico-alert-smile {
	width:50px;
	height:50px;
	margin-bottom:15px; }
.ico-alert-noti { background-position:0 -60px; }
.ico-alert-confirm { background-position:-50px -60px; }
.ico-alert-smile { background-position:-100px -60px; }
.ico-payment-success,
.ico-payment-fail,
.ico-payment-notice {
	width:50px;
	height:50px; }
.ico-payment-success { background-position:0 -320px; }
.ico-payment-fail { background-position:-50px -320px; }
.ico-payment-notice { background-position:-100px -320px; }

/* ico 100x100:before 60x60 */
.ico-pop-share,
.ico-pop-report,
.ico-pop-suggest,
.ico-pop-id,
.ico-pop-pw,
.ico-pop-homework,
.ico-pop-board {
	width:100px;
	height:100px;
	margin-bottom:15px;
	background:#ff6858;
	background-image:none;
	border-radius:50%;
	position:relative; 
}
.ico-pop-share:before,
.ico-pop-report:before,
.ico-pop-suggest:before,
.ico-pop-id:before,
.ico-pop-pw:before,
.ico-pop-homework:before,
.ico-pop-board:before {
	content:'';
	position:absolute;
	width:60px;
	height:60px;
	top:50%;
	left:50%;
	margin-left:-30px;
	margin-top:-30px;
	background:url('../images/common/ico_sprite.png') no-repeat;
}
.ico-pop-share:before { background-position:0 -110px; }
.ico-pop-report:before { background-position:-60px -110px; }
.ico-pop-suggest:before { background-position:-120px -110px; }
.ico-pop-id:before { background-position:-180px -110px; }
.ico-pop-pw:before { background-position:-240px -110px; }
.ico-pop-homework:before { background-position:-300px -110px; }
.ico-pop-board:before { background-position:-360px -110px; }

/* share ico */
.ico-kakaotalk,
.ico-facebook,
.ico-band,
.ico-hiclass,
.ico-qr {
	width:60px;
	height:60px;
	margin-bottom:5px; }
.ico-kakaotalk { background-position:0 -170px; }
.ico-facebook { background-position:-60px -170px; }
.ico-band { background-position:-120px -170px; }
.ico-hiclass { background-position:-180px -170px; }
.ico-qr {
	background:url(/asset/images/board/share_qr.svg) center center no-repeat;
	border:1px solid #e1e1e1;
	border-radius:4px; 
}

/* 구독/결제관리 아이콘 */
.ico-send,
.ico-trash {
	width:24px;
	height:24px;
	display:inline-block;
	font-size:0;
}
.ico-send {	background:url(/asset/images/common/ico_send.png) center center no-repeat; }
.ico-trash2 { background:url(/asset/images/common/ico_trash2.png) center center no-repeat; }

/*  보드 라이브러리에보내기 설정 */
/* line */
.ico-user-line { background-image:url('/asset/images/board/ico_user_line.svg'); }
.ico-userR-line { background-image:url('/asset/images/board/ico_userR_line.svg'); }
.ico-password-line { background-image:url('/asset/images/board/ico_password_line.svg'); }
.ico-passwordrock-line { background-image:url('/asset/images/board/ico_passwordrock_line.svg'); }
.ico-write-line { background-image:url('/asset/images/board/ico_write_line.svg'); }
.ico-cal-line { background-image:url('/asset/images/board/ico_cal_line.svg'); }

i[class^="ico-"].ico-reply-line { background-image:url('/asset/images/board/ico_reply_line.svg');background-size:auto 19px; }
.ico-like-line { background-image:url('/asset/images/board/ico_like_line.svg'); }
.ico-confirm-line { background-image:url('/asset/images/board/ico_confirm_line.svg'); }
.ico-cancel-line { background-image:url('/asset/images/board/ico_confirm_line.svg'); }
.ico-submit-line { background-image:url('/asset/images/board/ico_submit_line.svg'); }
.ico-upload-line { background-image:url('/asset/images/board/ico_upload_line.svg'); }
.ico-link-line { background-image:url('/asset/images/board/ico_link_line.svg'); }
.ico-sch-line { background-image:url('/asset/images/board/ico_sch_line.svg'); }
.ico-bgcolor-line { background-image:url('/asset/images/board/ico_bgcolor_line.svg'); }
.ico-board-line { background-image:url('/asset/images/board/ico_board_line.svg'); }
.ico-txtnone-line { background-image:url('/asset/images/board/ico_txtnone_line.svg'); }
.ico-noti-line { background-image:url('/asset/images/board/ico_noti_line.svg'); }
.ico-copy-line { background-image:url('/asset/images/board/ico_copy_line.svg'); }
.ico-brush-line { background-image:url('/asset/images/board/ico_brush_line.svg'); }
.ico-expand-line { background-image:url('/asset/images/board/ico_expand_line.svg'); }
.ico-class-line { width:21px !important;background-image:url('/asset/images/board/ico_class_line.svg'); }
.ico-tag-line { background-image:url('/asset/images/board/ico_tag_line.svg');background-size:15px; }
.ico-cc-line { background-image:url('/asset/images/board/ico_cc_line.svg');background-size:15px; }

/* SNS icon for  Global login */
.ico-google {
	width:24px;
	height:24px;
	background-image:url(/asset/images/common/global/ico_google.svg);
	background-size:contain;
}
.ico-microsoft {
	width:24px;
	height:24px;
	background-image:url(/asset/images/common/global/ico_microsoft.svg);
	background-size:contain;
}
.ico-apple {
	width:24px;
	height:24px;
	background-image:url(/asset/images/common/global/ico_apple.svg);
	background-size:contain;
}


/* 유료회원 툴팁 */
.ic-paid {
	display:inline-block;
	width:16px;
	height:16px;
	margin-left:5px;
	border-radius:50%;
	background:#ffb400 url(/asset/images/make/ic-paid.png) center no-repeat;
	z-index:3;
	position:relative;
}
.ic-paid-pop {
	width:190px;
	height:37px;
	padding:0;
	background:#eee;
	box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.15);
	border-radius:5px;
	font-size:14px;
	font-weight:normal;
	line-height:37px;
	text-align:center;
	overflow:hidden;
	color:#333;
	opacity:0;
	pointer-events:none;
	position:absolute;
	top:-35px;
	left:50%;
	transform:translateX(-50%);
	z-index:1;
	transition:all .3s;
}
.ic-paid:hover .ic-paid-pop {
	display:inline-block;
	opacity:1;
	top:-45px;
}

/* lbl */
.lbl {
	display:inline-block;
	height:16px;
	font-size:11px;
	line-height:16px;
	background:#ff7461;
	color:#fff;
	padding:0 5px;
	border-radius:8px;
	margin:0 3px;
}

i.tooltip {
	position:relative;
	display:inline-block;
	width:18px;
	height:18px;
	line-height:18px;
	font-style:normal;
	vertical-align:1px;
	margin-left:5px;
	cursor:pointer;
	/* vertical-align:middle; */
}

i.tooltip:before {
	content:'?';
	display:inline-block;
	width:18px;
	height:18px;
	box-sizing:border-box;
	border:2px solid #aaa;
	line-height:14px;
	text-align:center;
	font-size:12px;
	color:#aaa;
	font-weight:600;
	border-radius:50%;
}

i.tooltip-board {
	margin-left:0;
	margin-right:5px;
}

i.tooltip-board:before {
	content:'B';
	border:2px solid #ff6858;
	font-weight:bold;
	color:#ff6858;
	line-height:14px;
	font-size:11px;
}

i.tooltip>span {
	position:absolute;
	background:#ddd;
	border-radius:5px;
	white-space:nowrap;
	font-size:14px;
	line-height:20px;
	padding:8px 15px;
	left:-40px;
	bottom:18px;
	z-index:5000;
	display:none;
}

i.tooltip:hover>span { display:block; }

/* fnc-panel */
.fnc-wrapper {
	display:inline-block;
	position:relative;
}
.fnc-panel {
	position:absolute;
	background:#fff;
	border-radius:8px;
	box-shadow:0 0 10px rgba(0, 0, 0, .2);
	overflow:hidden;
	min-width:110px;
	white-space:nowrap;
	z-index:1;
	transform:translateX(-100%);
	top:0;
	left:0;
}
.fnc-panel a,
.fnc-panel button {
	display:block;
	padding:10px 15px;
	text-align:left;
	height:auto;
	width:100%;
	min-height:0;
	box-sizing:border-box;
}
.fnc-panel a:hover,
.fnc-panel button:hover {
	color:#ff6858;
}

.fnc-panel a span,
.fnc-panel button span { font-size:13px; }
.fnc-panel a~a,
.fnc-panel button ~ button { border-top:1px solid #f4f4f4; }

/******************** CHECKBOX RADIO ********************/
.ui-checkboxradio {
	position:absolute;
	opacity:0;
}
.ui-checkboxradio-label {
	display:inline-flex;
	font-size:15px;
	color:#333;
	line-height:24px;
	cursor:pointer;
	min-height:24px;
	padding:6px 0;
}
.check-onoff .ui-checkboxradio-label,
.check-onoff-small .ui-checkboxradio-label {
	justify-content: center;
}
.ui-checkboxradio-label.hdn-txt { font-size:0; }
.ui-checkboxradio-label { margin-right:30px; }
.ui-checkboxradio-label:last-child { margin-right:0; }
.ui-checkboxradio-disabled {
	color:#aaa;
	cursor:default;
}

/* checkbox */
.ui-checkboxradio-icon {
	position:relative;
	display:inline-block;
	width:24px;
	height:24px;
	box-sizing:border-box;
	background:#fff;
	border:1px solid #e3e3e3;
	border-radius:3px;
	vertical-align:top;
	margin-right:8px;
	flex:none;
}
.tbl-list th .ui-checkboxradio-icon { margin-right:0; }
.ui-checkboxradio-label.hdn-txt .ui-checkboxradio-icon { margin-right:0; }
.ui-checkboxradio-checked .ui-checkboxradio-icon {
	border:1px solid #ff6858;
	background:#ff6858;
}
.ui-checkboxradio-checked .ui-checkboxradio-icon:before {
	position:absolute;
	content:'';
	width:14px;
	height:9px;
	box-sizing:border-box;
	border-left:2px solid #fff;
	border-bottom:2px solid #fff;
	border-radius:2px;
	-webkit-transform:rotate(-45deg) skew(-10deg);
	-moz-transform:rotate(-45deg) skew(-10deg);
	-ms-transform:rotate(-45deg) skew(-10deg);
	transform:rotate(-45deg) skew(-10deg);
	top:3px;
	left:4px;
}
.ui-checkboxradio-disabled .ui-checkboxradio-icon { background:#f9f9f9; }
.ui-checkboxradio-disabled.ui-checkboxradio-checked .ui-checkboxradio-icon { background:#ff6858; }

/* radio */
.ui-checkboxradio-radio-label .ui-checkboxradio-icon { border-radius:50%; }
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-checkboxradio-icon:before {
	width:12px;
	height:12px;
	border:0;
	border-radius:50%;
	top:5px;
	left:5px;
	background:#fff;
	-webkit-transform:skew(0deg);
	-moz-transform:skew(0deg);
	-ms-transform:skew(0deg);
	transform:skew(0deg);
}

/* Add radio style */
.radio-item {
	display:flex;
	flex-wrap:wrap;
}
.radio-item .radio { margin:0 7px; }
.radio-item.sm .radio label { font-size:14px; }
.radio-item.sm .ui-checkboxradio-icon {
	width:20px;
	height:20px;
	margin-right:3px;
}
.radio-item.sm .ui-checkboxradio-radio-label {
	height:20px;
	line-height:20px;
}
.radio-item.sm .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-checkboxradio-icon:before {
	width:10px;
	height:10px;
	top:4px;
	left:4px;
}

/******************** SELECT-MENU ********************/
.ui-selectmenu-menu {
	font-size:14px;
	position:absolute;
	display:none;
	z-index:1300;
	background:#fff;
}
.ui-selectmenu-menu .ui-menu {
	overflow:auto;
	/* Support:IE7 */
	overflow-x:hidden;
	padding-bottom:1px;
	max-height:200px;
	border:1px solid #e3e3e3;
	border-radius:5px;
	box-sizing:border-box;
}
.ui-selectmenu-menu .ui-menu li {
	padding:7px 15px;
	cursor:pointer;
	text-align:left;
}
.ui-selectmenu-menu .ui-menu li.ui-state-disabled { color:#bbb; }
.ui-selectmenu-open { display:block; }
.ui-selectmenu-open { transform:translateY(calc(-100% - 34px)); }
.ui-selectmenu-button {
	display:inline-block;
	overflow:hidden;
	position:relative;
	text-decoration:none;
	cursor:pointer;
	background:#fff;
	width:auto;
	font-size:14px;
	border:1px solid #d4d4d4;
	vertical-align:middle;
	border-radius:5px;
	outline:0;
	box-sizing:border-box;
}
.w100+.ui-selectmenu-button { width:100%; }
.w100+.ui-selectmenu-button~.ui-selectmenu-button { margin-top:10px; }

td br~.ui-selectmenu-button { margin-top:6px; }
.ui-checkboxradio-label+select+.ui-selectmenu-button { margin-left:30px; }

select.w15+.ui-selectmenu-button { width:15% !important; }

select.w20+.ui-selectmenu-button { width:20% !important; }

select.w25+.ui-selectmenu-button { width:25% !important; }

select.w30+.ui-selectmenu-button { width:30% !important; }
.ui-selectmenu-button.ui-selectmenu-disabled {
	background:#fcfcfc;
	border:1px solid #eee;
	color:#999;
	cursor:default;
}
.ui-selectmenu-button span.ui-icon {
	right:10px;
	left:auto;
	margin-top:-4px;
	position:absolute;
	width:0px;
	height:0px;
	top:50%;
	border:4px solid transparent;
	border-top:8px solid #888;
	border-bottom:0;
}
.ui-selectmenu-button.ui-selectmenu-disabled span.ui-icon { opacity:.1; }
.ui-selectmenu-button-open span.ui-icon {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg);
	opacity:1;
}
.ui-selectmenu-button span.ui-selectmenu-text {
	text-align:left;
	padding:0 30px 0 14px;
	height:34px;
	line-height:32px;
	display:block;
	overflow:hidden;
	white-space:nowrap;
}
.ui-selectmenu-button-open {
	color:#000;
	font-weight:400;
}
.ui-selectmenu-menu .ui-state-active { color:#f4751e; }
.ui-selectmenu-menu .ui-state-hover,
.ui-selectmenu-menu .ui-state-focus { color:#000; }


/******************** UI DATEPICKER ********************/
.ui-datepicker {
	width:220px;
	background:#fff;
	border:1px solid #e3e3e3;
	padding:20px 10px;
	position:absolute;
	display:none;
}
.ui-datepicker-trigger {
	width:36px;
	height:36px;
	border:0;
	padding:0;
	font-size:0;
	margin-left:-36px;
}
.ui-datepicker-title {
	font-size:15px;
	text-align:center;
	height:22px;
	line-height:22px;
	color:#444;
	margin-bottom:10px;
}
.ui-datepicker-title select {
	height:22px;
	position:static;
	opacity:1;
	font-size:15px;
	background:transparent;
	border:0;
	vertical-align:top;
	cursor:pointer;
	color:#444;
	text-align:right;
	box-sizing:border-box;
}
.ui-datepicker-title select:hover {
	border-bottom:1px solid #ff5a4e;
	color:#ff5a4e;
}

/* .ui-datepicker-title select.ui-datepicker-year { padding-left:12px; }
.ui-datepicker-title select.ui-datepicker-month { padding-right:12px; } 
.ui-datepicker-title select.ui-datepicker-year:hover { ackground:url(/asset/images/common/arr_btm.png) 0 7px no-repeat; }
.ui-datepicker-title select.ui-datepicker-month:hover { background:url(/asset/images/common/arr_btm.png) right 7px no-repeat; }*/
.ui-datepicker-prev,
.ui-datepicker-next {
	position:absolute;
	width:22px;
	height:22px;
	top:20px;
}
.ui-datepicker-prev { left:50px; }
.ui-datepicker-next { right:50px; }
.ui-datepicker-header a .ui-icon {
	display:block;
	width:20px;
	height:20px;
	overflow:hidden;
	text-indent:-999px;
	border:1px solid #ccc;
	border-radius:2px;
}
.ui-datepicker-header a .ui-icon:before {
	position:absolute;
	content:'';
	display:block;
	width:0;
	height:0;
	top:6px;
	border:5px solid transparent;
}
.ui-datepicker-header a.ui-datepicker-prev .ui-icon:before {
	border-left:0;
	border-right:6px solid #999;
	left:8px;
}
.ui-datepicker-header a.ui-datepicker-next .ui-icon:before {
	border-right:0;
	border-left:6px solid #999;
	right:8px;
}
.ui-datepicker-calendar {
	font-size:13px;
	text-align:center;
}
.ui-datepicker-calendar th {
	height:40px;
	color:#4d4d4d;
	font-weight:normal;
}
.ui-datepicker-calendar td {
	height:30px;
	color:#333;
	vertical-align:middle;
}
.ui-datepicker-calendar td a,
.ui-datepicker-calendar td span {
	width:26px;
	height:26px;
	line-height:26px;
	display:block;
	border-radius:13px;
	color:#423b4b;
	margin:0 auto;
}
.ui-datepicker-calendar td a:hover { font-weight:bold; }
.ui-datepicker-calendar td.ui-datepicker-today a,
.ui-datepicker-calendar td.ui-datepicker-today span { background:#e5e5e5; }
.ui-datepicker-calendar td.ui-datepicker-unselectable span { color:#bbb; }
.ui-datepicker-calendar td.ui-datepicker-today .ui-state-active,
.ui-datepicker-calendar td .ui-state-active {
	background:#ff5a4e;
	color:#fff;
}

/******************** UI DIALOG ********************/
.ui-dialog {
	position:absolute;
	outline:0;
	background:#fff;
	border:1px solid #d4d4d4;
	box-shadow:0 10px 40px rgba(0, 0, 0, .3);
	z-index:1200 !important;
	animation-duration:.3s;
	animation-name:fadeInUp;
}
.ui-dialog.qr { z-index:2000 !important; }
@keyframes fadeInUp {
	0% {
		opacity:0;
		-webkit-transform:translate3d(0, 0, 0);
		transform:translate3d(0, 0, 0)
	}

	1% {
		opacity:0;
		-webkit-transform:translate3d(0, 20px, 0);
		transform:translate3d(0, 20px, 0)
	}

	to {
		opacity:1;
		-webkit-transform:translateZ(0);
		transform:translateZ(0)
	}
}
.ui-dialog .ui-dialog-titlebar {
	position:relative;
	height:50px;
	border-bottom:1px solid #e4e4e4;
	box-sizing:border-box;
	padding:15px 30px;
}
.ui-dialog .ui-dialog-title {
	font-size:18px;
	font-weight:400;
	height:20px;
	line-height:20px;
}
.ui-dialog .ui-dialog-titlebar-close {
	position:absolute;
	width:50px;
	height:50px;
	border:0;
	padding:0;
	top:0px;
	right:0px;
	overflow:hidden;
	box-sizing:border-box;
	white-space:nowrap;
	text-indent:-9999px;
	cursor:pointer;
	font-size:0;
}
.ui-dialog .ui-icon-closethick {
	position:absolute;
	transform-origin:center center;
	width:50px;
	height:50px;
	top:0;
	left:0;
	background:url(/asset/images/common/ico_close.svg) center center no-repeat;
	background-size:15px 15px;
}
.ui-dialog .ui-dialog-content {
	/* position:relative; */
	border:0;
	padding:30px 30px 20px;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align:center;
	padding-bottom:30px;
}
.ui-dialog .ui-dialog-buttonpane button { cursor:pointer; }
.ui-dialog .ui-dialog-buttonpane button+button { margin-left:10px; }
.ui-draggable .ui-dialog-titlebar { cursor:move; }
.ui-dialog p.ac>strong {
	display:block;
	font-size:20px;
}
.ui-dialog p.ac>small {
	font-size:14px;
	color:#888;
}
.ui-dialog>strong+small {
	display:block;
	margin-top:10px;
}


/* 플레이 모드 팝업 */
.pop-playcont { font-size:0; }
.pop-playcont article {
	background:#f5f5f5;
	border-radius:10px;
	font-size:15px;
	box-sizing:border-box;
	height:434px;
	text-align:center;
}
.pop-playcont article {
	display:inline-block;
	vertical-align:top;
	width:calc(50% - 10px);
	padding:20px 15px;
	box-sizing:border-box;
}
.pop-playcont article~article { margin-left:20px; }
.pop-playcont article h2 {
	text-align:center;
	font-size:20px;
	margin-bottom:20px;
	display:inline-block;
}
.pop-playcont article h2:before {
	position:relative;
	content:'';
	display:block;
	top:27px;
	height:5px;
	background:#2c7aec;
}
.pop-playcont article:nth-of-type(2) h2:before { background:#ff6858; }
.pop-playcont article h2 span {
	position:relative;
	display:block;
	padding:0 5px;
}
.pop-playcont article figure { height:204px; }
.pop-playcont .btns {
	text-align:center;
	margin-top:0;
	padding-top:60px;
}
.pop-playcont .btns>span {
	display:inline-block;
	width:120px;
	vertical-align:top;
	position:relative;
}
.pop-playcont .btns>span .btn-round-40 { padding:0; }
.pop-playcont .btns>span .btn-round-40 *[class^="ico"] {
	margin-right:5px;
	vertical-align:-3px;
}
.pop-playcont .btns>span~span { margin-left:10px; }
.pop-playcont .btns>span small {
	display:block;
	margin-top:8px;
	font-size:13px;
	line-height:16px;
	white-space:nowrap;
	text-align:left;
}
.pop-playcont article:nth-of-type(1) .btns>span:before {
	content:'';
	width:100%;
	height:70px;
	position:absolute;
	top:-70px;
	left:0;
	background:url(/asset/images/common/img_btn.png) no-repeat;
}
.pop-playcont article:nth-of-type(1) .btns>span:nth-of-type(1):before { background-position:center 0;
}
.pop-playcont article:nth-of-type(1) .btns>span:nth-of-type(2):before { background-position:center -70px; }

/* 팝업 작성폼 */
ul.pop-forms li {
	text-align:left;
	font-size:0;
	position:relative;
	padding-left:145px;
	min-height:36px; }
[class^="pop-homework"] ul.pop-forms li { padding-left:150px; }
ul.pop-forms li+li { margin-top:6px; }
ul.pop-forms li>label {
	display:inline-block;
	width:120px;
	vertical-align:middle;
	text-align:right;
	padding-right:25px;
	font-size:15px;
	line-height:36px;
	vertical-align:top;
	position:absolute;
	left:0;
	top:0;
}
ul.pop-forms li>em,
ul.pop-forms li>input,
ul.pop-forms li>i,
ul.pop-forms li>span {
	font-size:15px;
	vertical-align:top;
	line-height:36px;
}
ul.pop-forms li i { margin:0 4px 0 4px; }
ul.pop-forms li textarea { width:100%; }
ul.pop-forms li input[type="text"],
ul.pop-forms li input[type="password"] { width:calc(100% - 145px); }
ul.pop-forms li input.tel { width:70px; }
ul.pop-forms li input.cal { width:134px; }
ul.pop-forms li input.datepicker { width:134px; }
p+.pop-forms { margin-top:30px; }
ul.pop-forms li .datepicker~.ui-selectmenu-button,
ul.pop-forms li .ui-selectmenu-button~.ui-selectmenu-button { margin-left:5px; }
ul.pop-forms li .file-box {
	display:inline-block;
	width:100%;
}
.pop-suggest { margin:20px 60px 0 0; }
[class^="pop-homework"] { margin:30px 0 0 0; }
[class^="pop-homework"] ul.pop-forms li {
	margin-bottom:35px; }
[class^="pop-homework"] ul.pop-forms li>label { width:130px; }
[class^="pop-homework"] ul.pop-forms li>label i.tooltip { vertical-align:0; }
[class^="pop-homework"] ul.pop-forms li textarea,
[class^="pop-homework"] ul.pop-forms li input:not(.tel) { width:calc(100% - 125px); }
[class^="pop-homework"] ul.pop-forms li input.datepicker { width:calc(100% - 200px); }
[class^="pop-homework"] ul.pop-forms li .ui-selectmenu-button { width:195px !important; }
[class^="pop-homework"] ul.pop-forms li .w245~.ui-selectmenu-button { width:100% !important; }
[class^="pop-homework"] ul.pop-forms li input.w245 { width:100%; }
[class^="pop-homework"] ul.pop-forms li select~input.w245 { margin-top:5px; }
[class^="pop-homework"] ul.pop-forms li .error-txt {
	vertical-align:top;
	line-height:16px;
	font-size:12px;
	color:#ff6858;
	letter-spacing:-0.1em;
	margin-top:5px;
	position:Absolute;
}

/* 과제모드 모달에 사용 */
[class^="pop-homework"] { padding:0 30px; }
[class^="pop-homework"] ul.pop-forms li { font-size:0; }
[class^="pop-homework"] ul.pop-forms li .option-wrap {
	width:calc(50% - 10px);
	display:inline-block;
	/* width:245px; */
	vertical-align:top;
	position:relative;
}
[class^="pop-homework"] ul.pop-forms li .option-wrap .check-onoff-small { width:80px; }
[class^="pop-homework"] ul.pop-forms li .option-wrap .tooltip { 	vertical-align:middle; }
[class^="pop-homework"] ul.pop-forms li .option-wrap:nth-of-type(2n) { margin-left:20px; }
[class^="pop-homework"] ul.pop-forms li .option-wrap.long-type strong { line-height:1.2; }
[class^="pop-homework"] ul.pop-forms li .radio-item {
	width:calc(100% - 120px);
	padding-left:10px;
}
[class^="pop-homework"] ul.pop-forms li .radio-item label { padding:8px 0; }
[class^="pop-homework"] ul.pop-forms li strong {
	display:inline-block;
	font-size:14px;
	font-weight:300;
	line-height:36px;
	vertical-align:middle;
}
[class^="pop-homework"] ul.pop-forms li strong~strong { margin-left:30px; }
[class^="pop-homework"] ul.pop-forms li span.check-onoff-small {
	position:absolute;
	right:0;
	top:6px;
	font-size:13px;
}
[class^="pop-homework"] ul.pop-forms .option-wrap .select-small {
	width:80px;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}
[class^="pop-homework"] ul.pop-forms .option-wrap .select-small .ui-selectmenu-button { width:100% !important;} 
[class^="pop-homework"] ul.pop-forms .select-small span.ui-selectmenu-text {
	height:30px;
	line-height:30px;
}
[class^="pop-homework"] ul.pop-forms .option-wrap .select-small.md {
	width:105px;
	padding-left:10px;
	position:absolute;
	right:0;
	letter-spacing:-1px;
}
[class^="pop-homework"] ul.pop-forms .option-wrap.full strong {
	display:inline-flex;
	align-items:center;
}
[class^="pop-homework"] ul.pop-forms li.play-option { padding-left:130px; }
[class^="pop-homework"] ul.pop-forms li.play-option .option-wrap {
	width:calc(50% - 20px);
	margin-left:20px;
}
[class^="pop-homework"] ul.pop-forms li.play-option .option-wrap.full {
	width:calc(100% - 20px);
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
}

/*[class^="pop-homework"] ul.pop-forms li.play-option .option-wrap.full > strong{min-width:100px; margin-right:25px; white-space:nowrap;}*/
/*[class^="pop-homework"] ul.pop-forms.vertical-type li .option-wrap:nth-of-type(2n):before{content:""; width:1px; height:18px; background:#ccc; position:absolute; left:-15px; top:50%; transform:translateY(-50%)}*/
/*.pop-vertical-top{padding-left:180px; min-height:100px; position:relative;}
.pop-vertical-top .ico-pop-homework{position:absolute; top:0; left:30px}
.pop-vertical-top strong{display:block; font-size:20px;}*/
.pop-homework-worksheet { padding:0 80px; }
.pop-homework-worksheet ul.pop-forms li { padding-left:105px }
.pop-homework-worksheet ul.pop-forms li>label { width:80px; }
.pop-homework-worksheet ul.pop-forms li .option-wrap { width:100%; }
.pop-homework-worksheet ul.pop-forms li .option-wrap:nth-of-type(2n) { margin-left:0; }
.pop-homework-worksheet ul.pop-forms li input.datepicker { width:134px; }
.pop-homework-worksheet ul.pop-forms li .ui-selectmenu-button { width:135px !important }
.pop-homework-worksheet ul.pop-forms li textarea { width:100%; }

/* vertical type add */
[class^="pop-homework"] ul.pop-forms.vertical-type li {
	margin-top:0;
	margin-bottom:15px;
	padding-left:0;
}
[class^="pop-homework"] ul.pop-forms.vertical-type li:first-of-type { padding-top:0; }
[class^="pop-homework"] ul.pop-forms.vertical-type li>label {
	display:block;
	width:100%;
	text-align:left;
	position:static;
}
[class^="pop-homework"] ul.pop-forms.vertical-type li input.datepicker { width:242px; }
[class^="pop-homework"] ul.pop-forms.vertical-type li .ui-selectmenu-button { width:calc(100% - 247px) !important;
}
[class^="pop-homework"] ul.pop-forms.vertical-type li .error-txt { position:static;
}
[class^="pop-homework"] ul.pop-forms.vertical-type li input.w245 { width:100%;
}
[class^="pop-homework"] ul.pop-forms.vertical-type li .w245~.ui-selectmenu-button { width:100% !important;
}
[class^="pop-homework"] ul.pop-forms.vertical-type li .option-wrap { 
	width:calc(50% - 30px);
	margin-left:30px;
}
[class^="pop-homework"] ul.pop-forms.vertical-type li.play-option { margin-left:-30px;
}
[class^="pop-homework"] ul.pop-forms.vertical-type li.play-option>label:first-child { padding-left:30px; }
[class^="pop-homework"] ul.pop-forms.vertical-type li.play-option .option-wrap.full { width:calc(100% - 30px) !important;  }
[class^="pop-homework"] ul.pop-forms.vertical-type li .radio-item { width:calc(100% - 170px); }
.pop-homework-worksheet ul.pop-forms.vertical-type li .option-wrap:nth-of-type(2n) { margin-left:30px; }

/* 하이클래스 공유 팝업 */
.share-hiclass .msg { margin-bottom:10px; }

/* 광고 및 제휴 문의 */
.ui-dialog .ui-dialog-content.p60 { padding:30px 60px 20px; }
.ui-dialog .blt-list.border-box { margin:20px 0 30px;
	padding:15px 30px;
	background:#f6f6f6;
	border:1px solid #e6e6e6;
}
.ui-dialog h2+.tbl-write { border:1px solid #e3e3e3;
	border-radius:16px;
	overflow:hidden;
}
.ui-dialog h2+.tbl-write tbody tr:last-child th,
.ui-dialog h2+.tbl-write tbody tr:last-child td { border-bottom:0; }

/* 보드로 보내기 */
.scroll-list {
	overflow:hidden;
	border:1px solid #d7d7d7;
	border-radius:10px;
	margin-bottom:30px;
	padding:4px;
}
.scroll-list ul {
	overflow-y:auto;
	padding:10px 0;
	/* min-height:150px;
    height: calc(100vh - 563px); */
	height:150px;
    box-sizing: border-box;
}
.scroll-list li .ui-checkboxradio-label {
	padding:5px 20px;
	display:block;
	word-break:break-word;
	height:auto;
	position:relative;
	padding-left:55px;
}
.scroll-list li .ui-checkboxradio-label .ui-checkboxradio-icon {
	position:absolute;
	left:20px;
	top:6px;
}
.scroll-list li:hover { background:#f5f5f5; }
.scroll-list li.empty {
	text-align: center;
    height: 100%;
    color: #999;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
.scroll-list li.empty:hover { background:transparent; }

/* 일주일 동안 보지않기 */
/* 공지레이어  */
.ui-dialog.layer-notice { border:0;position:fixed;top:50% !important;transform:translateY(-50%); }
.ui-dialog.no-title .ui-dialog-titlebar { display:none; }
.ui-dialog.layer-notice .ui-dialog-content { padding:0; }
.ui-dialog.layer-notice .ui-dialog-buttonpane { padding-bottom:0; }

/* 공지레이어 fixed 가운데 정렬 : 간헐적으로 위치값 못가져오는 문제 
.ui-dialog.layer-notice { position:fixed;top:50% !important;left:50% !important;transform:translate(-50%,-50%); }
.ui-dialog.layer-notice .ui-dialog-content { max-height:90vh !important;overflow-x:hidden;overflow-y:auto; }*/

.noti-text {
	text-align:center;
	padding:60px 60px 30px;
}
dialog .noti-text {
	padding:60px 100px 30px;
}
.noti-text p {
	font-size:18px;
	line-height:1.5em;
	letter-spacing:-0.05em;
}
.noti-text p+p { margin-top:20px; }
.noti-text [class^=ico] { margin-bottom:30px; }
.noti-img { padding:0; }
.noti-img img { display:block; }

p.txt-notice,
.txt-notice li {
    position:relative;
    padding-left:20px;
    font-size:15px;
    font-weight:400;
}
p.txt-notice { margin-bottom:10px; }
ul.txt-notice.center { 
    display:flex;
    flex-direction: column; 
    align-items:center;
}

.txt-notice a.lnk { 
	text-decoration:none;
	border-bottom:1px solid #179be7;
	margin-left:4px; 
}
p.txt-notice:before,
.txt-notice > li:before {
    content:" ";
    position:absolute;
    left:0;
    top:3px;
    width:16px;
    height:16px;
    background: url('/asset/images/board/ico_notice.svg') 0 0 no-repeat;
    background-size:contain;
}

.period-close {
	box-sizing:border-box;
	height:47px;
	border-top:1px solid #ddd;
	padding:5px 20px;
	overflow:hidden;
}
.period-close .ui-checkboxradio-label { color:#777; }
.period-close .layer-close {
	height:36px;
	border:0;
	color:#777;
	background:transparent;
	float:right;
	cursor:pointer;
}
.period-close .layer-close span { border-bottom:1px solid transparent; }
.period-close .layer-close:hover span { border-bottom:1px solid #999; }
.pop-sideinfo { margin:0; }
ul.pop-sideinfo li,
ul.pop-sideinfo li+li { margin:30px 0; }
ul.pop-sideinfo li>label {
	line-height:22px;
	padding-top:7px;
}
ul.pop-sideinfo .profile-img {
	width:80px;
	height:80px;
	display:inline-block;
	vertical-align:bottom;
	margin-right:20px;
}
ul.pop-sideinfo .profile-img img {
	width:80px;
	height:80px;
	object-fit:cover;
}
ul.pop-sideinfo .change-nickname .ipt-wrap input {
	padding-right:0;
	width:100%;
}
ul.pop-sideinfo small {
	display:block;
	margin-top:8px;
}
ul.pop-sideinfo label small { margin-top:0; }
.pop-sideinfo fieldset { position:relative; }
.pop-sideinfo~.desc { padding:0 30px 20px 30px; }

/* alert */
div.alert {
	position:fixed;
	z-index:9999;
	top:50%;
	left:50%;
	background:#fff;
	width:345px;
	margin-left:-173px;
	margin-top:-80px;
	border:1px #000 solid;
	box-shadow:0 0 10px rgba(0, 0, 0, .2);
	animation-name:fadeInUp;
	animation-duration:.5s;
}
div.alert h2 {
	/* border-top:3px #ff6400 solid; */
	background:#e74337;
	font-size:18px;
	font-weight:600;
	color:#fff;
	padding:15px 25px;
	border:1px solid #c90e00;
}

div.alert div.msg {
	text-align:center;
	padding:25px 20px 25px 20px;
	font-size:15px;
}

div.alert div.btnCon {
	padding:20px;
	text-align:center;
}

div.alert .msg+div.btnCon { padding-top:0; }

div.alert div.btnCon button {
	margin:0 3px;
	padding:5px 15px;
	background:#515151;
	border:1px solid #474747;
	color:#fff;
}

div.alert div.btnCon button:nth-last-of-type(1) {
	background:#e74337;
	border-color:#d5382c;
	color:#fff;
}

div.alert input[type="text"] {
	width:100%;
	border:1px #d9d9d9 solid;
	margin:10px 0 0 0;
	padding:10px;
	box-sizing:border-box;
	text-align:center;
}

div.alert div.msg div.info {
	border:1px #ccc solid;
	text-align:left;
	padding:10px;
	font-size:13px;
	margin:10px 0 0 0;
}

div.alert small {
	font-size:12px;
	display:block;
	margin-top:5px;
}

div.alert em { color:#d5382c; }

/* qr팝업 */
.qr-wrap { display:flex; }
.qr-wrap>div {
	margin:0 5px;
	flex:1;
	background:#f5f5f5;
	border-radius:10px;
	padding:30px 40px;
	text-align:center;
	box-sizing:border-box;
	max-width:50%;
}
.qr-wrap .qr-img strong {
	display:block;
	font-size:34px;
	margin-bottom:20px;
	font-weight:bold;
}
.qr-wrap .qr-img canvas {
	max-width:100%;
	width:350px;
}
.qr-wrap .qr-img img {
	max-width:100%;
	width:350px;
}
.qr-wrap .room-num {
	border-top:0;
	padding:30px 20px;
}
.qr-wrap .room-num p {
	font-size:32px;
	font-weight:bold;
	line-height:42px;
}
.qr-wrap .room-num p em { word-break:break-word; }
.qr-wrap .room-num .code {
	display:block;
	color:#2c79ec;
	font-weight:bold;
	font-size:90px;
	letter-spacing:-0.045em;
	margin-top:85px;
}


/* dialog z-index */
.zindex1 { z-index:1201 !important; }
.zindex2 { z-index:1202 !important; }
.zindex3 { z-index:1203 !important; }
.zindex4 { z-index:1204 !important; }
.zindex5 { z-index:1205 !important; }

/******************** 공통 BANNER ********************/
.bnn-close {
	position:absolute;
	border:0;
	width:40px;
	height:40px;
}
.bnn-close span {
	display:block;
	text-indent:-9999px;
	height:40px;
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	transition:all .2s;
	-webkit-transform:rotate(0);
	-moz-transform:rotate(0);
	-ms-transform:rotate(0);
	transform:rotate(0);
}
.bnn-close:hover span,
.bnn-close:focus span {
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);
}
.bnn-close span:before,
.bnn-close span:after {
	content:'';
	position:absolute;
	display:block;
	background:#000;
	box-shadow:0 0 1px rgba(0, 0, 0, .5);
	width:22px;
	height:1px;
	top:50%;
	left:50%;
	margin-left:-11px;
}
.bnn-close span:before {
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.bnn-close span:after {
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
.top-bnn {
	position:relative;
	width:100%;
	overflow:hidden;
}
.top-bnn a {
	background:#fff;
	display:block;
	width:100%;
}
.top-bnn img {
	position:relative;
	display:block;
	left:50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
}
.top-bnn .bnn-close {
	left:50%;
	top:0px;
	margin-left:525px;
}
.header-bnn {
	position:absolute;
	height:14px;
	padding:7px 0;
	top:0;
	right:50%;
	margin-right:-560px;
}
.header-bnn a,
.header-bnn a img { display:block; }
.header-bnn a img { max-width:100%; }
.float-bnn-wrap {
	position:fixed;
	top:245px;
	left:50%;
	margin-left:570px;
	/*-webkit-transition:top .3s;
	-moz-transition:top .3s; 
	transition:top .3s;*/
}
.float-bnn {
	position:relative;
	margin-bottom:10px;
}
.float-bnn .bnn-close {
	right:-12px;
	top:-12px;
}

/******************** HEADER ********************/
.header {
	border-bottom:1px solid #e5e7f0;
	z-index:99;
	background:#fff;
	min-width:1240px;
	position:absolute;
	left:0;
	width:100%;
    box-shadow: 0 0 12px rgba(0, 0, 0, .075);
}
.header .family {
	position:relative;
	padding-bottom:5px;
	height:34px;
	box-sizing:border-box;
	background:url('../images/common/header_bg.gif') center bottom repeat-x #fafafa;
}
.header .family:after {
	content:'';
	display:block;
	background:#d4d4d4;
	height:1px;
}
.header .family ul {
	width:1120px;
	margin:0 auto;
	font-size:0;
	border-left:1px solid #d4d4d4;
	box-sizing:border-box;
}
.header .family ul li {
	display:inline-block;
	vertical-align:top;
	border-right:1px solid #d4d4d4;
}
.header .family ul li a {
	display:block;
	font-size:12px;
	line-height:28px;
	padding:0 15px;
	color:#333;
	font-weight:400;
}
.header .family ul li.current a {
	color:#ff7461;
	background:#fff;
	padding-bottom:6px;
	margin-bottom:-6px;
}
.header .family .language {
	position:absolute;
	right:50%;
	top:0;
	margin-right:-560px;
	padding-top:1px;
}
.header .family .language .ui-selectmenu-button,
.header .family .language .ui-selectmenu-button span.ui-selectmenu-text {
	height:26px;
	line-height:24px;
	font-size:12px;
}

/* header-section */
.header-section {
	width:1120px;
	margin:0 auto;
	display:flex;
	box-sizing:border-box;
	align-items:center;
}
.header-section .logo,
.header-section .gnb,
.header-section .util {
	/* display:table-cell;
	height:79px; */
	vertical-align:middle;
}
.header-section .logo { width:244px; }
.header-section .logo a {
	display:block;
	height:79px;
	background:url('../images/common/bi.svg') 0 center no-repeat;
}
.header-section .logo-img {
	max-width:244px;
	font-size:0;
}
.header-section .logo-img a {
	display:block;
	height:79px;
	line-height:79px;
}
.header-section .logo-img img {
	display:inline-block;
	vertical-align:middle;
}
.header-section .gnb {
	text-align:right;
	font-size:0;
	margin-left:auto;
}
.header-section .gnb ul { padding-top:3px; }
.header-section .gnb li {
	display:inline-block;
	vertical-align:top;
	position:relative;
}
.header-section .gnb li~li { margin-left:40px; }
.header-section .gnb li a {
	display:block;
	font-size:16px;
	font-weight:500;
}
.header-section .gnb li a:after {
	content:'';
	display:block;
	width:15px;
	height:3px;
	background:transparent;
}
.header-section .gnb li a:hover,
/* .header-section .gnb li a:focus, */
.header-section .gnb li.current a { color:#ff7461; }
.header-section .gnb li.current a:after {
	content:'';
	display:block;
	width:15px;
	height:3px;
	background:#ff7461;
}
.beta {
	position:absolute;
	background:#ffd627;
	padding:2px 8px;
	border-radius:4px;
	box-shadow:0 0 10px rgba(255, 214, 39, 1);
	color:#000;
	font-size:13px;
	font-weight:900;
	top:-25px;
	left:-25px;
}
.tabs li .beta { left:0; }
.beta:after {
	content:'';
	position:absolute;
	top:100%;
	width:0;
	height:0;
	border:4px solid transparent;
	border-top:5px solid #ffd627;
	left:50%;
	margin-left:-4px;
}
.beta.bg-blue {
	background:#005eff !important;
	color:#ffe347;
	box-shadow:0 0 10px rgba(0, 94, 255, .2);
}
.beta.bg-blue:after { border-top:5px solid #005eff; }
.header-section .util {
	text-align:right;
	font-size:0;
	margin-left:60px;
}
.header-section .util .btn-38 {
	min-width:100px;
	vertical-align:middle;
	font-size:16px;
}
.header-section .util>*+.btn-38 { margin-left:10px; }
.header-section .util .util-my {
	display:inline-block;
	vertical-align:middle;
	margin-left:20px;
	position:relative;
}
.header-section .util .util-my .util-my-btn {
	display:block;
	width:30px;
	height:30px;
	border-radius:50%;
	overflow:hidden;
}
.header-section .util .util-my img {
	display:block;
	width:30px;
	height:30px;
	/* object-fit:cover; */
}
.header-section .util .util-panel {
	position:absolute;
	box-sizing:border-box;
	right:0;
	background:#fff;
	top:55px;
	width:170px;
	padding:10px;
	border-radius:5px;
	box-shadow:0 3px 16px rgba(0, 0, 0, .2);
	z-index:999;
	display:none;
}
.header-section .util .util-panel:before {
	content:'';
	position:absolute;
	right:10px;
	top:-8px;
	width:1px;
	height:1px;
	border:5px solid transparent;
	border-top:0;
	border-bottom:8px solid #fff;
}
.header-section .util .util-panel li.dashed {
	margin-top:10px;
	margin-bottom:10px;
	padding-top:10px;
	padding-bottom:10px;
	border-top:1px dashed #d4d4d4;
	border-bottom:1px dashed #d4d4d4;
}
.header-section .util .util-panel li.dashed+li.dashed {
	margin-top:0;
	padding-top:0;
	border-top:0;
}
.header-section .util .util-panel li.dashed:nth-last-of-type(1) {
	border-bottom:0;
	margin-bottom:0;
	padding-bottom:0;
}
.header-section .util .util-panel li a {
	position:relative;
	display:block;
	padding-left:20px;
	text-align:left;
	font-size:13px;
	line-height:30px;
	font-weight:400;
	color:#777;
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	transition:all .2s;
}
.header-section .util .util-panel li a:not(.cursor-default):hover,
.header-section .util .util-panel li a:not(.cursor-default):focus { color:#ff7461; }
.header-section .util .util-panel li a strong {
	font-weight:500;
	color:#000;
}
.header-section .util .util-my .my-tooltip {
	position:absolute;
	font-size:13px;
	line-height:18px;
	background:#555;
	color:#fff;
	white-space:nowrap;
	right:0;
	border-radius:4px;
	top:40px;
	z-index:2;
	-webkit-animation:bounce 1s infinite;
	animation:bounce 1s infinite;
}
.header-section .util .util-my .my-tooltip a {
	display:block;
	color:#fff;
	padding:10px 15px;
}
.header-section .util .util-my .my-tooltip:after {
	content:'';
	position:absolute;
	top:-5px;
	right:11px;
	border:4px solid transparent;
	border-top:0;
	border-bottom:5px solid #555;
}
.header-section .util .noti-my {
	display:inline-block;
	vertical-align:middle;
	margin-left:20px;
	position:relative;
}
.header-section .util .noti-my .noti-my-btn {
	display:block;
	width:40px;
	height:40px;
	overflow:hidden;
	background:url('../images/common/ico_noti.png') 0 0 no-repeat;
	position:relative;
}
.header-section .util .noti-my .noti-my-btn.new:before {
	content:'';
	position:absolute;
	width:10px;
	height:10px;
	border-radius:50%;
	background:#ff6858;
	top:7px;
	right:8px;
}
.header-section .util .noti-my .noti-my-btn.new { background-position:0 -40px;
}
.header-section .util .noti-my .noti-my-btn.is-open { background-position:0 -80px;
}
.header-section .util .noti-panel {
	position:absolute;
	box-sizing:border-box;
	right:0;
	background:#fb6a5d;
	padding:1px;
	top:60px;
	width:370px;
	box-shadow:0 3px 16px rgba(0, 0, 0, .2);
	z-index:999;
	text-align:left;
	display:none;
	border-radius:5px;
}
.header-section .util .noti-panel:before {
	content:'';
	position:absolute;
	right:13px;
	top:-8px;
	width:1px;
	height:1px;
	border:5px solid transparent;
	border-top:0;
	border-bottom:8px solid #fb6a5d;
}
.noti-panel .panel-fnc {
	overflow:hidden;
	padding:2px 20px 2px 10px;
}
.noti-panel .panel-fnc .noti-ico {
	float:left;
	display:block;
	width:40px;
	height:40px;
	background:url('../images/common/ico_noti_sm.png') 0 0 no-repeat;
}
.noti-panel .panel-fnc button {
	float:left;
	color:#fff;
	border:0;
	outline:0;
	height:20px;
	font-size:13px;
	position:relative;
	top:10px;
	border-bottom:1px solid transparent;
}
.noti-panel .panel-fnc button:hover,
.noti-panel .panel-fnc button:focus { border-bottom:1px solid #fff; }
.noti-panel .panel-fnc .bar {
	float:left;
	background:#fff;
	width:1px;
	height:12px;
	margin:0 10px;
	vertical-align:middle;
	position:relative;
	top:15px;
}
.noti-panel .panel-fnc button.noti-panel-close { float:right; }
.noti-panel .noti-list {
	background:#fff;
	font-size:14px;
	max-height:285px;
	overflow-y:auto;
	border-radius:0 0 4px 4px;
}
.noti-panel .noti-list li { position:relative; }
.noti-panel .noti-list li~li {
	border-top:1px solid #ececec
}
.noti-panel .noti-list li .empty { padding:84px 0; }
.noti-panel .noti-list li .empty:before {
	content:'';
	display:block;
	margin:0 auto;
	width:74px;
	height:74px;
	background:url('../images/common/bg_noti.png') center center no-repeat;
}
.noti-panel .noti-list li .empty .empty-txt {
	display:block;
	text-align:center;
	margin-top:15px;
	color:#999;
}
.noti-panel .noti-list li a {
	display:block;
	padding:25px 58px 25px 20px;
}
.noti-panel .noti-list li a.visited { background:#f6f6f6; }
.noti-panel .noti-list li a strong {
	font-weight:normal;
	line-height:1.4em;
	color:#111;
	border-bottom:1px solid transparent;
	float:left;
	margin-bottom:2px;
}
.noti-panel .noti-list li a time {
	float:right;
	color:#999;
	line-height:1.4em;
	border-bottom:1px solid transparent;
}
.noti-panel .noti-list li a:hover strong { border-bottom:1px solid #333; }
.noti-panel .noti-list li a .cate {
	display:block;
	color:#999;
	line-height:1.3em;
	max-height:2.6em;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:2;
	line-clamp:2;
	-webkit-box-orient:vertical;
	word-break:break-word;
	clear:both;
}
.noti-panel .noti-list li .btn-del {
	position:absolute;
	background:transparent;
	text-indent:-999px;
	height:40px;
	width:40px;
	border:0;
	top:13px;
	right:10px;
}
.noti-panel .noti-list li .btn-del:hover,
.noti-panel .noti-list li .btn-del:focus { box-shadow:none; }
.noti-panel .noti-list li .btn-del span {
	display:block;
	text-indent:-9999px;
	height:40px;
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	transition:all .2s;
	-webkit-transform:rotate(0);
	-moz-transform:rotate(0);
	-ms-transform:rotate(0);
	transform:rotate(0);
}
.noti-panel .noti-list li .btn-del:hover span {
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);
}
.noti-panel .noti-list li .btn-del span:before,
.noti-panel .noti-list li .btn-del span:after {
	content:'';
	position:absolute;
	display:block;
	background:#000;
	box-shadow:0 0 1px rgba(0, 0, 0, .5);
	width:16px;
	height:1px;
	top:50%;
	left:50%;
	margin-left:-8px;
}
.noti-panel .noti-list li .btn-del span:before {
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.noti-panel .noti-list li .btn-del span:after {
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
@-webkit-keyframes bounce {

	0%,
	20%,
	50%,
	80%,
	100% { -webkit-transform:translateY(0); }

	40% {
		-webkit-transform:translateY(-5px)
	}
}
@keyframes bounce {

	0%,
	20%,
	50%,
	80%,
	100% { transform:translateY(0); }

	40% { transform:translateY(-5px); }
}
.header-section .util .util-login {
	display:inline-block;
	vertical-align:middle;
	margin-left:20px;
	position:relative;
}
.header-section .util .util-login .btn-38.line-spot:hover,
.header-section .util .util-login .btn-38.line-spot:focus { box-shadow:none; }
.header-section .util .login-panel {
	position:absolute;
	box-sizing:border-box;
	border:1px solid #ff6858;
	border-top:0;
	left:0;
	right:0;
	top:33px;
	background:#fff;
	padding:5px 10px;
	border-radius:0 0 5px 5px;
	z-index:999;
	text-align:center;
	display:none;
}
.header-section .util .login-panel ul {
	border-top:1px solid #ff6858;
	padding:5px 0;
}
.header-section .util .login-panel li a {
	font-size:14px;
	line-height:28px;
	color:#777;
	font-weight:500;
}
.header-section .util .login-panel li a:not(.cursor-default):hover,
.header-section .util .login-panel li a:not(.cursor-default):focus { color:#333; }

/******************** MainPage ********************/

/* 로그인 전 */
.mn-banner.before-login {
	background:url('../images/common/mn_bg_before1.gif') center top repeat-x;
	padding:125px 0 80px;
	height:609px;
}
.mn-banner .wrap { font-size:0; }
.mn-banner .slogan {
	display:inline-block;
	vertical-align:top;
	width:435px;
	margin-right:30px;
}
.mn-banner .slogan p {
	letter-spacing:-0.05em;
	overflow:hidden;
	font-family:'Jalnan';
	position:relative;
	top:-4px;
	height:330px;
}
.mn-banner .slogan p strong {
	display:block;
	font-weight:900;
	white-space:nowrap;
	height:180px;
	font-size:60px;
	line-height:1em;
}
.mn-banner .slogan p strong>span {
	display:block;
	line-height:1.05em;
}
.mn-banner .slogan p strong>.fc-sky {
	color:#52a8e7;
	padding-left:2px;
}
.mn-banner .slogan p strong>.fc-mint { color:#68e3b1; }
.mn-banner .slogan p strong>.fc-yellow { color:#ffca28; }
.mn-banner .slogan p>span {
	display:block;
	font-size:28px;
	font-weight:500;
	white-space:nowrap;
	padding:20px 7px 0;
	letter-spacing:-0.01em;
}
.mn-banner .slogan p em {
	/* font-size:80px; */
	font-size:60px;
	padding:10px 4px;
	display:block;
	color:#333;
	letter-spacing:-0.05em;
}
.mn-banner .slogan .btn {
	display:block;
	font-size:24px;
	font-weight:bold;
	width:220px;
	height:70px;
	line-height:70px;
	margin-left:5px;
}
.mn-banner .slogan .btn:after {
	content:'';
	display:inline-block;
	width:12px;
	height:12px;
	border:0;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	vertical-align:2px;
	margin-left:10px;
}
.mn-banner .bnn-promotion {
	display:inline-block;
	vertical-align:top;
	position:relative;
	width:655px;
}
.mn-banner .bnn-promotion ul {
	width:655px;
	height:400px;
	overflow:hidden;
}

section[class^='mn-'] h2 {
	font-size:40px;
	letter-spacing:-0.05em;
	font-weight:normal;
	text-align:center;
}

section[class^='mn-'] h2:before,
section[class^='mn-'] h2:after {
	font-weight:bold;
	color:#ff6858;
	font-size:48px;
}

section[class^='mn-'] h2:before { content:'“'; }

section[class^='mn-'] h2:after { content:'”'; }

section[class^='mn-'].mn-review h2,
section[class^='mn-'].mn-review h2:before,
section[class^='mn-'].mn-review h2:after { color:#fff; }

section[class^='mn-'] h2 em {
	display:inline-block;
	overflow:hidden;
	text-indent:-9999px;
	height:0.9em;
	aspect-ratio:179/26;
	background:url(/asset/images/common/bi.svg) center center no-repeat;
	background-size:contain;
	position:relative;
	top:3px;
}

section[class^='mn-'].mn-review h2 em { background-image:none;
	background:#fff;
	mask-image:url(/asset/images/common/bi.svg);
	mask-position:center;
	mask-size:contain;
	mask-repeat:no-repeat;
}
.mn-vdo {
	text-align:center;
	background:url('../images/common/mn_bg_before2.gif') center top repeat-x;
	padding-top:98px;
	padding-bottom:80px;
}
.mn-vdo h2 { margin-bottom:70px; }
.mn-introduce {
	text-align:center;
	background:url(../images/common/mn_bg_before5.png) center top repeat-x #fff2da;
	padding-top:98px;
	padding-bottom:150px;
}
.mn-introduce .mn-txt {
	font-size:25px;
	margin-top:50px;
	margin-bottom:65px;
	line-height:1.4em;
}
.mn-introduce .service-list {
	text-align:center;
	font-size:0;
}
.mn-introduce-contents figure {
	display:inline-block;
	vertical-align:top;
	margin:0 20px;
}
.mn-introduce-contents figure figcaption { margin-top:25px; }
.mn-introduce-contents figure figcaption strong {
	font-size:24px;
	display:block;
	margin-bottom:10px;
}
.mn-introduce-contents figure figcaption p {
	font-size:18px;
	line-height:1.3em;
}
.mn-review {
	text-align:center;
	background:url('../images/common/mn_bg_before3.gif') center top repeat-x;
	padding-top:98px;
	padding-bottom:80px;
	min-width:1240px;
}
.mn-review h2 { margin-bottom:70px; }
.bnn-review .bx-wrapper { position:relative; }
.bnn-review li {
	border-radius:10px;
	overflow:hidden;
	position:relative;
}
.bnn-review li a { display:block; }
.bnn-review li figure>img {
	display:block;
	width:360px;
	height:240px;
	/* object-fit:cover; */
	transition:-webkit-transform .2s cubic-bezier(.165, .84, .44, 1);
	transition:transform .2s cubic-bezier(.165, .84, .44, 1);
	transition:transform .2s cubic-bezier(.165, .84, .44, 1), -webkit-transform .2s cubic-bezier(.165, .84, .44, 1);
	image-rendering:-webkit-optimize-contrast;
}
.bnn-review li a:hover figure>img,
.bnn-review li a:focus figure>img {
	transition-duration:.3s;
	-webkit-transform:scale(1.05);
	-ms-transform:scale(1.05);
	transform:scale(1.05)
}
.bnn-review li figcaption {
	display:block;
	height:140px;
	box-sizing:border-box;
	padding:15px 40px 40px;
	background:#fff;
	position:relative;
	box-shadow:0 -1px 5px rgba(0, 0, 0, .05);
	text-align:left;
}
.bnn-review li .review-profile {
	display:block;
	position:absolute;
	width:65px;
	height:65px;
	background:#fff;
	padding:5px;
	border-radius:50%;
	overflow:hidden;
	box-sizing:border-box;
	box-shadow:0 5px 10px rgba(0, 0, 0, .3);
	left:40px;
	top:-33px;
	display:none;
}
.bnn-review li .review-profile img {
	display:block;
	width:55px;
	height:55px;
	border-radius:50%;
	/* object-fit:cover; */
}
.bnn-review li .review-name {
	font-size:18px;
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.bnn-review li figcaption p {
	margin-top:20px;
	font-size:16px;
	line-height:1.6;
	color:#888;
	display:-webkit-box;
	-webkit-line-clamp:2;
	line-clamp:2;
	-webkit-box-orient:vertical;
	height:3.2;
	overflow:hidden;
	text-overflow:ellipsis;
}
.bnn-review .bx-prev,
.bnn-review .bx-next {
	position:absolute;
	overflow:hidden;
	text-indent:-9999px;
	width:40px;
	height:40px;
	top:50%;
	margin-top:-20px;
	opacity:.5;
	border-radius:3px;
}
.bnn-review .bx-prev {
	left:-40px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.bnn-review .bx-next {
	right:-40px;
	-webkit-transform:rotate(135deg);
	-moz-transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	transform:rotate(135deg);
}
.bnn-review .bx-prev:hover,
.bnn-review .bx-next:hover,
.bnn-review .bx-prev:focus,
.bnn-review .bx-next:focus { opacity:.7; }
.bnn-review .bx-controls-direction a:before,
.bnn-review .bx-controls-direction a:after {
	content:'';
	display:block;
	background:#000;
	border-radius:5px;
	position:absolute;
	top:0;
	left:0;
}
.bnn-review .bx-controls-direction a:before {
	width:40px;
	height:5px;
}
.bnn-review .bx-controls-direction a:after {
	width:5px;
	height:40px;
}
.mn-benefit {
	padding:90px 0;
	background:url('../images/common/mn_bg_before4.gif') center top repeat-x;
}
.mn-benefit h2 { margin-bottom:80px; }
.mn-benefit div.wow {
	display:flex;
	width:1120px;
	margin:0 auto;
}
.mn-benefit .benefit-img {
	position:relative;
	width:520px;
	height:737px;
	margin-top:32px;
}
.mn-benefit .benefit-img>* { position:absolute; }
.benefit-img .bg {
	top:0;
	left:0;
}
.benefit-img .deco1 {
	top:387px;
	left:194px;
	z-index:2;
}
.benefit-img .deco2 {
	top:293px;
	left:325px;
	z-index:2;
}
.benefit-img .deco-txt {
	color:#fff;
	z-index:1;
	top:231px;
	left:117px;
	font-family:'Jalnan';
	width:243px;
	transform:skewY(-30deg);
}
.benefit-img .deco-txt b {
	text-align:center;
	font-size:24px;
	line-height:28px;
	display:block;
	margin-bottom:12px;
}
.benefit-img .deco-txt li {
	font-size:15px;
	line-height:35px;
	padding-left:10px;
}
.mn-benefit .benefit-txt {
	flex:1;
	position:relative;
}
.mn-benefit .benefit-txt li:nth-child(1) { --spot-color:#f3645e; }
.mn-benefit .benefit-txt li:nth-child(2) { --spot-color:#41afff; }
.mn-benefit .benefit-txt li:nth-child(3) { --spot-color:#30ca9e; }
.mn-benefit .benefit-txt strong {
	display:block;
	font-family:'Jalnan';
	font-size:54px;
	color:var(--spot-color);
}
.mn-benefit .benefit-txt strong i {
	color:#fff;
	background-color:var(--spot-color);
	display:inline-flex;
	width:124px;
	height:124px;
	border-radius:50%;
	align-items:flex-end;
	justify-content:flex-end;
	box-sizing:border-box;
	padding:10px;
	margin-right:16px;
}
.mn-benefit .benefit-txt p {
	font-size:25px;
	line-height:1.25;
	letter-spacing:-0.05em;
	padding-left:138px;
	margin-top:8px;
	margin-bottom:48px;
	white-space:nowrap;
}
.mn-benefit .benefit-txt p em { color:var(--spot-color); }

/* container */
.container-fullpage {
	box-sizing:border-box;
	min-height:calc(100vh - 160px);
	min-width:1240px;
}

/* 로그인 후 */
.mn-banner {
	background:url('../images/common/mn_bg.gif') center bottom repeat-x;
	padding:30px 0 20px;
	box-sizing:border-box;
	height:370px;
}
.mn-banner .wrap { font-size:0; }
.mn-banner .bnn1 {
	display:inline-block;
	vertical-align:top;
	position:relative;
	width:835px;
	height:320px;
}
.mn-banner .bnn2 {
	display:inline-block;
	vertical-align:top;
	position:relative;
	width:265px;
	height:320px;
	margin-left:20px;
}
.mn-banner .bnn1 ul,
.mn-banner .bnn2 ul {
	height:300px;
	overflow:hidden;
}
.mn-banner .bnn1 li a,
.mn-banner .bnn2 li a { display:block; }
.mn-banner .bx-viewport {
	border-radius:5px;
	overflow:hidden;
	box-shadow:0 3px 16px rgba(0, 0, 0, .15);
}
.mn-banner .bnn1 img {
	width:835px;
	height:300px;
}
.mn-banner .bnn2 img {
	width:265px;
	height:300px;
}
.mn-banner .bnn-promotion .bx-viewport img {
	width:655px;
	height:400px;
}
.mn-banner .bnn-promotion li .bnn-txt {
	position:absolute;
	font-size:16px;
	left:150px;
	top:60px;
	line-height:1.2;
	font-weight:600;
}
.mn-banner .bx-pager {
	text-align:center;
	margin-top:15px;
}
.mn-banner .bx-pager .bx-pager-item {
	display:inline-block;
	margin:0 5px;
}
.mn-banner .bnn2 .bx-pager .bx-pager-item { margin:0 2px; }
.mn-banner .bx-pager .bx-pager-link {
	display:block;
	width:50px;
	height:5px;
	border-radius:2px;
	background:#888888;
}
.mn-banner .bnn2 .bx-pager .bx-pager-link { width:20px; }
.mn-banner .bx-pager .bx-pager-link.active { background:#ff7461; }
.mn-banner .bx-controls-direction a {
	position:absolute;
	background:rgba(0, 0, 0, .5);
	width:30px;
	height:30px;
	top:50%;
	margin-top:-30px;
	border-radius:50%;
}
.mn-banner .bx-controls-direction a:before {
	content:'';
	display:block;
	position:absolute;
	width:10px;
	height:10px;
	border:0;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	top:10px;
}
.mn-banner .bx-controls-direction a.bx-prev { left:10px; }
.mn-banner .bx-controls-direction a.bx-next { right:10px; }
.mn-banner .bx-controls-direction a.bx-prev:before {
	-webkit-transform:rotate(-135deg);
	-moz-transform:rotate(-135deg);
	-ms-transform:rotate(-135deg);
	transform:rotate(-135deg);
	right:7px;
}
.mn-banner .bx-controls-direction a.bx-next:before {
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	left:7px;
}

/* main search */
.search-window {
	position:absolute;
	top:18px;
	width:100%;
	box-sizing:border-box;
	/* padding-right:126px; */
}
.search-window fieldset { display:flex; }
.search-area .btn-44 {
	/* position:absolute;
	top:0;
	right:0; */
	width:120px;
	height:44px;
	margin-left:6px;
}
.search-bar {
	display:block;
	border:4px solid #ff7461;
	background:#fff;
	border-radius:5px;
	flex:1;
	font-size:0;
	position:relative;
}
.search-bar:before {
	content:'';
	position:absolute;
	color:#ff7461;
	width:20px;
	height:20px;
	left:16px;
	top:8px;
	background:url(../images/common/ico_sprite.png) -160px 0 no-repeat;
}
.search-bar .search-ipt {
	height:36px;
	border:0;
	width:calc(100% - 76px);
	box-sizing:border-box;
	vertical-align:top;
	padding-left:48px;
	color:#333;
	outline:0;
}
.search-bar .sch-smit {
	border:0;
	background:#ff7461;
	color:#fff;
	font-size:16px;
	font-weight:400;
	height:36px;
	width:76px;
	box-sizing:border-box;
	vertical-align:top;
}
.search-window .autocomplete {
	position:absolute;
	background:#fff;
	top:44px;
	left:0px;
	width:100%;
	padding:10px 0;
	box-sizing:border-box;
	border-top:0;
	border-radius:5px;
	box-shadow:0 3px 16px rgba(0, 0, 0, .2);
	z-index:99;
}
.search-window .autocomplete li a {
	display:block;
	padding:6px 20px 6px 52px;
}
.search-window .autocomplete li a:hover,
.search-window .autocomplete li a:focus { background:#f5f5f5; }
.mn-search {
	width:1120px;
	margin:0 auto 60px;
	padding:30px 0;
	border-bottom:1px dashed #d4d4d4;
}
.mn-search .search-window {
	margin:0 120px;
	position:relative;
	width:auto;
	top:0;
	left:0;
}

/* .mn-search .search-bar:before {
	content:'#';
	position:absolute;
	color:#ff7461;
	font-size:20px;
	line-height:36px;
	height:36px;
	left:18px;
	top:0;
	background-image:none;
} */

/* 추천키워드 */
.recomm-keword,
.recomm-keyword {
	margin-top:25px;
	font-size:0;
	text-align:center;
}
.recomm-keword li,
.recomm-keyword li {
	display:inline-block;
	vertical-align:top;
	margin:5px;
}
.recomm-keword li a,
.recomm-keyword li a {
	display:block;
	font-size:15px;
	height:40px;
	line-height:40px;
	padding:2px 25px 0;
	border:1px solid #e4e4e4;
	border-radius:22px;
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	transition:all .2s;
	background:#fff;
}
.recomm-keword li a:not(.cursor-default):hover,
.recomm-keword li a:not(.cursor-default):after,
.recomm-keyword li a:not(.cursor-default):hover,
.recomm-keyword li a:not(.cursor-default):after {
	border:1px solid #ff7461;
	color:#ff7461;
}

/* mn-contents */
.mn-contents {
	width:1120px;
	margin:0 auto 60px;
	position:relative;
}

section[class^='mn-'].mn-contents h2 {
	font-size:24px;
	line-height:30px;
	margin-bottom:15px;
	text-align:left;
	font-weight:bold;
}

section[class^='mn-'].mn-contents h2:before,
section[class^='mn-'].mn-contents h2:after {
	font-size:30px;
	vertical-align:top;
}
.mn-contents .mn-more {
	position:absolute;
	right:0;
	line-height:20px;
	top:10px;
	font-size:13px;
}
.mn-contents .mn-more:after {
	content:'';
	display:inline-block;
	width:10px;
	height:14px;
	background:url('../images/common/ico_sprite.png') no-repeat;
	background-position:0 0;
	margin-left:5px;
	vertical-align:-1px;
}
.mn-contents .mn-more:hover,
.mn-contents .mn-more:focus { color:#333; }
.mn-contents .mn-more:hover:after,
.mn-contents .mn-more:focus:after { background-position:-20px 0;
}
.mn-contents h2:before {
	content:'“';
	color:#ff7461;
	font-size:30px;
	vertical-align:middle;
}
.mn-contents h2:after {
	content:'”';
	color:#ff7461;
	font-size:30px;
	vertical-align:middle;
}


/* tabs */
.tabs { margin-bottom:30px; }
.tabs ul {
	font-size:0;
	border-bottom:1px solid #ff7461;
}
.tabs li {
	display:inline-block;
	height:36px;
	min-width:110px;
	border:1px solid #e3e3e3;
	border-bottom:0;
	border-radius:5px 5px 0 0;
	vertical-align:bottom;
	position:relative;
}
.tabs li+li { margin-left:1px; }
.tabs li a {
	font-size:14px;
	color:#888;
	font-weight:500;
	display:block;
	line-height:37px;
	text-align:center;
	padding:0 10px;
}
.tabs li.ui-tabs-active,
.tabs li.active { border-color:#ff7461; }
.tabs li.ui-tabs-active a,
.tabs li.active a {
	font-size:16px;
	color:#ff7461;
	font-weight:500;
}

/* item-list */
.tbl-topset~.item-list {
	border-top:1px dashed #e3e3e3;
	margin-top:15px;
	padding-top:20px;
}
.tbl-topset-type2~.item-list {
	margin-top:0;
	border-top:0;
}
.item-list.checkable { padding-left:60px; }
.item-list>li {
	font-size:0;
	border-radius:5px;
	/* overflow:hidden;
	box-shadow:0 3px 16px rgba(0,0,0,.15); */
	border:1px solid #ddd;
	position:relative;
}
.item-list>li+li { margin-top:20px; }
.item-list li input[type="checkbox"],
.item-list li input[type="radio"] {
	position: absolute;
    opacity: 0;
}
.item-list li .ui-checkboxradio-label { display:none; }
.item-list.checkable li .ui-checkboxradio-label {
	display:block;
	position:absolute;
	top:50%;
	margin-top:-18px;
	left:-42px;
	margin-right:0;
}
.item-list li figure {
	display:inline-block;
	vertical-align:top;
}
.item-list li .item-info {
	font-size:14px;
	display:inline-block;
	vertical-align:top;
	width:calc(100% - 265px);
	position:relative;
}
.item-list li .item-info .play-btns {
	position:absolute;
	margin-top:0;
	bottom:45px;
	right:18px;
	text-align:right;
}
.item-list li .item-info .play-btns [class^="ico"] { vertical-align:-5px; }
.item-list li .play-btns .btn-30,
.item-list li .play-btns .btn-30:hover,
.item-list li .play-btns .btn-30:focus {
	padding-left:13px;
	padding-right:13px;
	background:rgb(47, 121, 237);
	border-radius:15px;
	border:0;
	color:#fff;
	letter-spacing:0.02em;
	min-width:80px;
	font-size:15px;
}
.item-list li .play-btns .btn-30.spot,
.item-list li .play-btns .btn-30.spot:hover,
.item-list li .play-btns .btn-30.spot:focus { background:#ff6858; }
.item-list li .play-btns .btn-30.spot2,
.item-list li .play-btns .btn-30.spot2:hover,
.item-list li .play-btns .btn-30.spot2:focus { background:#00a098; }
.item-list li .play-btns .btn-30.spot3,
.item-list li .play-btns .btn-30.spot3:hover,
.item-list li .play-btns .btn-30.spot3:focus { background:#8c69ff; }
.item-list li .play-btns .btn-30+.btn-30 { margin-left:6px; }
.item-list li .play-btns .btn-30 .ico-wifi {
	position:relative;
	top:-1px;
}
.item-list li .info-source .play-btns {
	position:static;
	text-align:right;
	padding-right:18px;
	height:60px;
	box-sizing:border-box;
	padding-top:15px;
	display:table-cell;
}
.item-list li .info-source .play-btns i {
	margin-right:4px;
	vertical-align:-4px;
}


/* 상세페이지 플레이 버튼 영역 */
/* .item-list li .info-source ~ .play-btns {  */
.item-list li .play-btns {
	border-top:1px solid #e3e3e3;
	padding:15px 20px;
	text-align:right;
}
.item-list li .play-btns .play-btn-col {
	display:inline-block;
	vertical-align:top;
	margin-left:20px;
}
.item-list li .play-btns .play-btn-col strong {
	font-size:14px;
	font-weight:bold;
	color:#777;
	line-height:30px;
	vertical-align:middle;
}
.item-list li .play-btns .play-btn-col .tooltip {
	margin-right:15px;
	vertical-align:middle;
}
.item-list li .play-btns .play-btn-col .tooltip>span {
	text-align:left;
	left:auto;
	right:-300px;
}
.item-list li .play-btns .play-btn-col .tooltip small {
	margin-left:10px;
	color:#666;
}
.item-list li .play-btns .play-btn-col .tooltip p {
	font-size:13px;
	margin-top:5px;
}
.item-list li .play-btns .play-btn-col .btn-30 { min-width:100px; }
.item-list li .play-btns .play-btn-col .btn-30 i {
	margin-right:4px;
	vertical-align:-4px;
	margin-left:-1px;
}
ul[class^="item-list"] li.nodata {
	background:#f8f8f8;
	border:1px solid #e3e3e3;
	width:100% !important;
}
ul[class^="item-list"].checkable li.nodata {
	width:calc(100% + 60px) !important;
	margin-left:-60px;
}
ul[class^="item-list"] li.nodata p {
	padding:50px 0;
	text-align:center;
	color:#888;
	font-size:16px;
}
ul[class^="item-list"] li figure {
	width:265px;
	height:153px;
	overflow:hidden;
	position:relative;
}
ul[class^="item-list"] li figure>a {
	display:block;
	height:100%;
	position:relative;
	background:#eee;
}
ul[class^="item-list"] li figure>a:after {
	content:'';
	position:absolute;
	background:rgba(0, 0, 0, .1);
	width:1px;
	height:100%;
	right:0;
	top:0;
}
ul.item-list-thumb li figure>a:after {
	top:auto;
	bottom:0;
	left:0;
	width:100%;
	height:1px;
}
ul[class^="item-list"] li figure img {
	width:265px;
	height:153px;
	/* object-fit:cover; */
	transition:-webkit-transform .2s cubic-bezier(.165, .84, .44, 1);
	transition:transform .2s cubic-bezier(.165, .84, .44, 1);
	transition:transform .2s cubic-bezier(.165, .84, .44, 1), -webkit-transform .2s cubic-bezier(.165, .84, .44, 1);
	image-rendering:-webkit-optimize-contrast;
}
ul[class^="item-list"] li:hover figure img {
	transition-duration:.3s;
	-webkit-transform:scale(1.05);
	-ms-transform:scale(1.05);
	transform:scale(1.05)
}
ul[class^="item-list"] li figure>a img.contain { object-fit:contain; }
ul[class^="item-list"] li figure .lbl span {
	position:absolute;
	font-size:14px;
	height:28px;
	line-height:28px;
	background:#8c9192;
	color:#fff;
	padding:0 10px;
	top:0;
}
ul[class^="item-list"] li figure .lbl span.el {
	background:#3594ff;
	text-shadow:0 0 5px #2675ce;
}
ul[class^="item-list"] li figure .lbl span.mid {
	background:#669901;
	text-shadow:0 0 5px #547d00;
}
ul[class^="item-list"] li figure .lbl span.high {
	background:#7c4ddb;
	text-shadow:0 0 5px #5f2fbf;
}
ul[class^="item-list"] li figure .lbl span.lbl-blue {
	background:#3594ff;
	text-shadow:0 0 5px #2675ce;
}
ul[class^="item-list"] li figure .lbl span.lbl-green {
	background:#669901;
	text-shadow:0 0 5px #547d00;
}
ul[class^="item-list"] li figure .lbl span.lbl-purple {
	background:#7c4ddb;
	text-shadow:0 0 5px #5f2fbf;
}
ul[class^="item-list"] li figure .lbl span.lbl-red {
	background:#ff7461;
	text-shadow:0 0 5px #d54b38;
}
ul[class^="item-list"] li figure .lbl span.lbl-yellow {
	background:#ffbe0d;
	text-shadow:0 0 5px #d69e08;
}
ul[class^="item-list"] li figure .lbl span {
	border-radius:0 0 0 5px;
	left:auto;
	right:0;
}
ul[class^="item-list"] li figure .lbl span.el,
ul[class^="item-list"] li figure .lbl span.mid,
ul[class^="item-list"] li figure .lbl span.high,
ul[class^="item-list"] li figure .lbl span[class^=lbl-] {
	border-radius:0 0 5px 0;
	left:0;
	right:auto;
}
.item-info {
	padding:15px 18px 50px;
	position:relative;
	box-sizing:border-box;
	height:153px;
}
.item-info .item-author {
	display:block;
	line-height:20px;
	white-space:nowrap;
	margin-top:25px;
	color:#555;
}
.item-info .item-author i {
	display:inline-block;
	vertical-align:top;
	height:20px;
	width:20px;
	border-radius:50%;
	overflow:hidden;
	margin-right:5px;
}
.item-info .item-author i img {
	display:block;
	margin:0 auto;
	width:20px;
	height:20px;
	/* object-fit:cover; */
}
.item-info .item-author span { border-bottom:1px solid transparent; }
.item-info .item-author:not(.cursor-default):hover span { border-bottom:1px solid #555; }
.item-info .item-tit {
	display:block;
	color:#333;
	font-size:18px;
	line-height:22px;
	font-weight:700;
	display:-webkit-box;
	-webkit-line-clamp:2;
	line-clamp:2;
	-webkit-box-orient:vertical;
	height:44px;
	overflow:hidden;
	text-overflow:ellipsis;
	letter-spacing:-0.02em;
	margin-bottom:4px;
	word-break:break-word;
}
.item-info .item-tit:not(.cursor-default):hover,
.item-info .item-tit:not(.cursor-default):focus { text-decoration:underline; }
.item-info time {
	font-size:13px;
	position:absolute;
	bottom:10px;
	left:20px;
	height:20px;
	line-height:20px;
	color:#888;
}
.item-info .info-area {
	position:absolute;
	height:40px;
	width:100%;
	box-sizing:border-box;
	padding:10px 18px;
	bottom:0;
	left:0;
	text-align:right;
	border-top:1px solid #e3e3e3;
}
time .ico-clock {
	display:inline-block;
	background:#fff;
	min-width:14px;
	height:14px;
	border-radius:50%;
	box-sizing:border-box;
	border:1px solid #8c8c8c;
	margin-right:5px;
	vertical-align:-2px;
	background-image:none !important;
}
time .ico-clock:before {
	content:'';
	display:block;
	width:4px;
	height:4px;
	border-bottom:1px solid #8c8c8c;
	border-right:1px solid #8c8c8c;
	margin-top:2px;
	margin-left:2px;
}
.info-area i[class^="ico"] {
	margin-right:8px;
	vertical-align:-2px;
}
.info-area i.ico-open {
	vertical-align:-3px
}
.info-area>*+* {
	margin-left:12px
}
.info-area .open,
.info-area .play {
	display:inline-block;
	line-height:20px;
	height:20px;
	font-size:12px;
	vertical-align:top;
	color:#888;
}
.info-area .scrap {
	display:inline-block;
	text-align:left;
	line-height:20px;
	height:20px;
	font-size:12px;
	padding:0;
	border:0;
	background:transparent;
	cursor:pointer;
	vertical-align:top;
	color:#888;
}
.scrap span { display:inline-block; }
.item-list .tags {
	background:#f8f8f8;
	padding:15px 20px;
}
.item-list .tags li {
	display:inline-block;
	font-size:13px;
	line-height:18px;
	vertical-align:top;
	color:#777;
	cursor:default;
	border-bottom:1px solid transparent;
}
.item-list .tags li:not(.cursor-default):hover { border-bottom:1px solid #777; }
.item-list .tags li a,
.item-list .tags li span { color:#777; }
.item-list .tags li { margin-right:20px; }
.info-source {
	display:table;
	width:100%;
	border-top:1px solid #e3e3e3;
}
.info-source p {
	display:table-cell;
	font-size:14px;
	padding:15px 20px 15px 20px;
	vertical-align:middle;
	box-sizing:border-box;
	height:64px;
	color:#888;
	word-break:break-word;
}
.info-source .loc a { color:#888; }
.info-source .loc a:not(.cursor-default):hover,
.info-source .loc a:not(.cursor-default):focus { text-decoration:underline; }
.info-origin {
	font-size:12px;
	padding:10px 20px;
	color:#777;
	border:1px solid #e3e3e3;
	border-radius:5px;
	margin-top:15px;
	background:#fcfcfc;
}
.info-origin blockquote { word-break:break-word; }
.info-origin strong { display:block;margin-bottom:2px; }
.info-origin p { font-size:12px; }
.info-origin dl { display:flex; }
.info-origin dt { min-width:95px;color:#777; }
.info-origin dd { color:#555;word-break:break-word; }
.info-origin figure {
	margin-top:6px;
	width:160px;
	height:120px;
}
.info-origin figure img {
	display:block;
	max-width:100%;
	max-height:100%;
}
.item-list .info-origin {
	border:0;
	border-top:1px solid #e3e3e3;
	border-radius:0;
	margin:0;
	background:#fff;
}
.item-list>li .btns {
	min-width:330px;
	vertical-align:middle;
	position:relative;
	text-align:right;
	box-sizing:border-box;
	height:64px;
	padding-top:16px;
	padding-right:10px;
	margin-top:0;
}
.item-list>li .item-info .btns {
	position:absolute;
	bottom:45px;
	right:10px;
	height:auto;
	padding:0;
}
.item-list>li .btns>* {
	margin-left:6px;
	vertical-align:middle;
}
.item-list>li .btns .btn-30,
.item-list>li .btns .btn-24 {
	padding:0 10px 1px;
	font-size:13px;
	border-radius:3px;
}
.item-info .btns .btn-24:not(.cursor-default):hover,
.item-info .btns .btn-24:not(.cursor-default):focus,
.item-info .btns .btn-30:not(.cursor-default):hover,
.item-info .btns .btn-30:not(.cursor-default):focus {
	color:#ff6858 !important;
	background:#fff;
	border:1px solid #ff6858;
	box-shadow:none;
}
.item-info .btns .btn-24 i,
.item-info .btns .btn-30 i {
	margin-right:3px;
	vertical-align:-5px;
}
.btns .more-panel {
	position:absolute;
	background:#fff;
	border-radius:8px;
	box-shadow:0 0 15px rgba(0, 0, 0, .2);
	right:0;
	bottom:50px;
	overflow:hidden;
	display:none;
}
.btns .btn-more {
	background:transparent;
	height:30px;
	width:30px;
	border:0;
	padding:0;
}
.btns .btn-more:hover,
.btns .btn-more:focus { box-shadow:none; }
.btns .btn-24~.btn-more { width:24px;height:24px; }
.btns .btn-24~.btn-more i {	vertical-align:-2px; }
/* .btns .btn-24 ~ .more-panel { bottom:28px; } */
.btns .more-panel { bottom:28px; }
.contents:has(.make-view) .item-list .btns .more-panel:has(button:nth-of-type(3)) {	
    bottom: auto;
    right: 28px;
    top: -88px;
    z-index: 1;
}
/* .btns .btn-24 ~ .more-panel button { */

/* add 230320 */
.btns .btn-more { width:24px;height:24px; }
.btns .btn-more i { vertical-align:-2px; }
.btns .more-panel button {
	padding:10px 15px;
	border:0;
	background:#fff;
	color:#888;
	display:block;
	font-size:13px;
	text-align:left;
	width:100%;
	/* add 230320 */
	min-width:110px;
	white-space:nowrap;
	box-sizing:border-box;
}
.btns .more-panel button:not(.cursor-default):hover,
.btns .more-panel button:not(.cursor-default):focus { color:#ff6858; }
.btns .more-panel button i {
	margin-right:3px;
	opacity:.6;
	vertical-align:top;
}
.btns .more-panel button:not(.cursor-default):hover i,
.btns .more-panel button:not(.cursor-default):focus i { opacity:1; }
.btns .more-panel button+button { border-top:1px solid #e3e2e2; }

/* item-list-thumb */
.item-list-thumb { font-size:0; }
.item-list-thumb>li {
	display:inline-block;
	vertical-align:top;
	width:calc((100% - 60px)/4);
	font-size:14px;
	border-radius:5px;
	overflow:hidden;
	/* box-shadow:3px 0 16px rgba(0,0,0,.15); */
	box-sizing:border-box;
	border:1px solid #ddd;
}
.item-list-thumb>li { margin-left:20px;
}
.item-list-thumb>li:nth-of-type(4n + 1) { margin-left:0; }
.item-list-thumb>li:nth-of-type(n+5) { margin-top:20px; }
.lnb~.contents .item-list-thumb>li { width:266px; }
.lnb~.contents .item-list-thumb>li:nth-of-type(4n + 1) { margin-left:20px; }
.lnb~.contents .item-list-thumb>li:nth-of-type(3n + 1) { margin-left:0; }
.lnb~.contents .item-list-thumb>li:nth-of-type(n+4) { margin-top:20px; }
.item-list-thumb .item-info {
	padding:15px 18px 40px;
	position:relative;
	box-sizing:border-box;
	height:155px;
}
.item-list-thumb .item-info .info-area {
	border-top:0;
	background:#f8f8f8;
	position:absolute;
	height:40px;
	width:100%;
	display:table;
	box-sizing:border-box;
	padding:10px 18px;
	bottom:0;
	left:0;
}
.item-list-thumb .item-info time {
	position:static;
	display:table-cell;
	vertical-align:middle;
	text-align:left;
}
.item-list-thumb .item-info .info-area .open { display:none; }
.item-list-thumb .item-info .info-area .play,
.item-list-thumb .item-info .info-area .scrap {
	display:table-cell;
	width:50px;
	vertical-align:middle;
	margin-left:0;
	text-align:right;
}
.item-list-thumb .item-info .btns { margin-top:10px; }

/******************** FOOTER ********************/
.footer {
	background:#f8f8f8;
	min-width:1240px;
	overflow:hidden;
	/*height:160px;*/
}
.foot-nav {
	text-align:center;
	min-width:1120px;
	width:1120px;
	margin:0 auto;
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
}
.foot-nav:before {
	content:'';
	position:absolute;
	border-bottom:1px solid #dddddd;
	width:100vw;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
}
.foot-nav li {
	display:inline-block;
	vertical-align:top;
	position:relative;
}
.foot-nav li+li:before {
	content:'';
	position:absolute;
	background:#ccc;
	width:1px;
	height:14px;
	left:0;
	top:50%;
	margin-top:-7px;
}
.foot-nav li a {
	display:block;
	padding:15px 40px;
	line-height:18px;
}
.foot-nav li:first-child a { padding-left:0; }
.foot-nav li:lastt-child a { padding-right:0; }
.foot-nav li a em { font-weight:bold; }
.foot-nav .language {
	margin-left:auto;
	width:120px;
}
.foot-nav .language .ui-selectmenu-button {
	width:100% !important;
	background:rgba(0, 0, 0, .05);
	border:1px solid rgba(0, 0, 0, .075);
}
.footer-info {
	width:1120px;
	margin:0 auto;
	padding-top:25px;
	padding-bottom:25px;
	/* box-sizing:border-box;
	padding-left:152px; */
	position:relative;
	display:flex;
	align-items:center;
	justify-content:flex-start;
}
.footer-info .ci {
	display:block;
	width:127px;
	height:39px;
	background:url('../images/common/ci.png') 0 0 no-repeat;
	/* top:36px;
	left:0; */
	position:relative;
	top:-5px;
}
.footer-info .bi {
	display:block;
	width:127px;
	height:18px;
	top:44px;
	left:0;
	background:url('../images/common/bi.svg') 0 center no-repeat;
	background-size:cover;
}
.footer-info address {
	color:#555;
	font-size:0;
	margin-left:30px;
}
.footer-info address span {
	display:inline-block;
	position:relative;
	vertical-align:top;
	line-height:20px;
	font-size:13px;
}
.footer-info address span+span:before {
	content:'';
	display:inline-block;
	margin-left:20px;
	margin-right:20px;
	width:1px;
	height:11px;
	background:#ddd;
	vertical-align:middle;
}
.footer-info .sns {
	/* position:absolute; */
	font-size:0;
	right:0;
	height:40px;
	top:50%;
	/* margin-top:-20px; */
	margin-left:auto;
}
/* .footer-info .bi {
	position:static;
	display:inline-block;
	width:127px;
	height:18px;
	background:url('../images/common/bi.svg') 0 center no-repeat;
	background-size:cover;
	vertical-align:middle;
} */
.footer-info .sns .ios,
.footer-info .sns .aos {
	display:inline-block;
	height:40px;
	vertical-align:middle;
	margin-left:10px;
	box-sizing:border-box;
	border-radius:4px;
}
.footer-info .sns .ios {
	background:url('../images/common/lnk_ios.png') no-repeat;
	width:135px;
}
.footer-info .sns .aos {
	background:url('../images/common/lnk_aos.png') no-repeat;
	width:122px;
}
/* .footer-info .sns .ios:before,
.footer-info .sns .aos:before {
	content:'';
	display:block;
	width:20px;
	height:20px;
	background:url('../images/common/ico_sprite.png') no-repeat;
}
.footer-info .sns .ios:before { background-position:0px -20px }
.footer-info .sns .aos:before { background-position:-20px -20px } */

/******************** POPUP 공통 ********************/
.pop-close {
	position:absolute;
	width:20px;
	height:20px;
	border:0;
	padding:0;
	top:15px;
	right:15px;
}
.pop-close span {
	display:block;
	text-indent:-9999px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
.pop-close span:before,
.pop-close span:after {
	position:absolute;
	content:'';
	display:block;
	background:#000;
	box-shadow:0 0 1px #000;
}
.pop-close span:before {
	width:21px;
	height:1px;
	top:10px;
	left:0;
}
.pop-close span:after {
	width:1px;
	height:21px;
	top:0;
	left:10px;
}
.ui-dialog fieldset { font-size:0; }
.ipt-wrap {
	display:inline-block;
	position:relative;
	width:calc(100% - 106px);
	margin-right:6px;
}
.ipt-wrap input { width:100%; }
.ipt-wrap input[type="checkbox"],
.ipt-wrap input[type="radio"] { width:0; }
.ipt-wrap .btn-36 { width:100px; }
.ipt-wrap+.btn-36 { white-space:nowrap;width:100px;padding:0 10px; }
.ipt-wrap+.ipt-wrap { margin-top:10px; }
.warning {
	display:block;
	line-height:20px;
	height:20px;
	font-size:13px;
	color:#ff6858;
	margin-top:5px;
	padding-left:1px;
}

/* 오늘하루 보지 않기 */
.ui-dialog .today-hide {
	background:#f1f1f1;
	padding:5px 30px;
	text-align:right;
	position:relative;
	box-sizing:border-box;
	width:calc(100% + 100px);
	margin-top:10px;
	left:-50px;
	right:-50px;
	bottom:-20px;
}
.today-hide label { font-size:13px; }

/* 닉네임 변경 */
.change-nickname {
	margin-bottom:8px;
	display:flex;
}
.change-nickname .ipt-wrap {
	width:auto;
	flex:1;
}
.change-nickname .ipt-wrap input { padding-right:90px; }
.change-nickname .ipt-wrap span.cnt {
	font-size:13px;
	line-height:36px;
	position:absolute;
	right:15px;
}
.change-nickname .ipt-wrap+.btn-36 {
	width:auto;
	min-width:100px;
}

/* 공유하기 */
.share-tkbell {
	text-align:center;
	margin-top:40px;
}
.share-tkbell li {
	display:inline-block;
	vertical-align:top;
	margin:0 10px;
	text-align:center;
}
.share-tkbell li strong {
	font-size:13px;
	font-weight:400;
	display:block;
}
.share-tkbell li.copy-url {
	margin:25px 0;
	width:100%;
	font-size:0;
}
.share-tkbell li.copy-url~li.copy-url { margin-top:-20px; }
.copy-url { font-size:0; }
.copy-url~.copy-url { margin-top:10px; }
.copy-url label {
	display:inline-block;
	line-height:36px;
	height:36px;
	width:90px;
	padding-right:10px;
	font-size:15px;
	text-align:right;
	vertical-align:top;
}
.copy-url .ipt-wrap { width:calc(100% - 115px); }
.copy-url .ipt-wrap input { width:calc(100% - 100px); }
.copy-url .ipt-wrap .blind~input { width:100%; }
.copy-url .btn-36 {
	width:108px;
	padding:0;
}
.copy-url .or {
	font-size:16px;
	margin-bottom:15px;
}
.member-popup-body .txt { text-align:center; }
.member-popup-body .txt img { margin-bottom:10px; }
.member-popup-body .txt strong {
	display:block;
	font-size:24px;
	padding-bottom:30px;
	border-bottom:1px solid #ddd;
	color:#1e1e1e;
	font-weight:500;
}
.member-popup-body .txt2 {
	padding:60px 0;
	border-bottom:1px solid #ddd;
	text-align:center;
	color:#1e1e1e;
	font-size:22px;
	line-height:30px;
	font-weight:300;
}
.member-popup-body .txt2 b { font-weight:500; }
.member-popup-body .txt3 {
	color:#ff6858;
	font-size:18px;
	line-height:24px;
	text-align:center;
	padding:40px 0;
	font-weight:500;
}

/* Fullpage popup */
.fullpage-modal {
	background:#fff;
	position:fixed;
	width:915px;
	padding-top:50px;
	z-index:1100;
	top:10px;
	bottom:10px;
	left:50%;
	margin-left:-448px;
	overflow:hidden;
}
.fullpage-header {
	position:absolute;
	width:100%;
	box-sizing:border-box;
	top:0;
	left:0;
	padding:10px 30px;
	height:50px;
	border-bottom:1px solid #ddd;
	background:#f8f8f8;
}
.fullpage-header h3 {
	font-size:20px;
	font-weight:500;
}
.fullpage-header .pop-close { right:25px; }
.fullpage-modal .contents {
	height:calc(100vh - 70px);
	overflow:hidden;
	padding:20px 30px;
	box-sizing:border-box;
}
.fullpage-modal .item-list-control {
	margin-bottom:20px;
	text-align:right;
}
.fullpage-modal .item-list-control strong {
	font-size:14px;
	font-weight:400;
	margin-right:5px;
}
.fullpage-modal .contents .item-list {
	height:calc(100vh - 245px);
	overflow:hidden;
	overflow-y:auto;
	box-sizing:border-box;
	border-bottom:1px dashed #e3e3e3;
	padding-right:10px;
	padding-bottom:15px;
}
.fullpage-modal .contents .tabs~.item-list { height:calc(100vh - 330px); }
.fullpage-modal .contents ul.paging { margin-top:10px; }

/******************** 마이페이지 ********************/
/* login */
.login {
	width:510px;
	box-sizing:border-box;
	background:#fff;
	padding-top:20px;
	margin:0 auto;
}
.login-header {
	margin-bottom:40px;
	padding:0 120px;
}
.login-header p {
	font-weight:500;
	margin-bottom:5px;
}
.login-header h1.logo {
	display:block;
	height:43px;
	background:url('../images/common/bi.svg') center center no-repeat;
	background-size:contain;
	text-indent:-9999px;
	overflow:hidden;
}
.login-form { padding:0 120px; }
.login-form .input-id,
.login-form .input-pw {
	border:1px solid #e3e3e3;
	height:36px;
	box-sizing:border-box;
	border-radius:5px;
	overflow:hidden;
	position:relative;
}
.login-form .input-pw { margin-top:10px; }
.login-form .input-id label,
.login-form .input-pw label {
	width:20px;
	height:20px;
	background:url('../images/common/ico_sprite.png') no-repeat;
	top:7px;
	left:15px;
}
.login-form .input-id label { background-position:0 -40px;
}
.login-form .input-pw label { background-position:-20px -40px;
}
.login-form .input-id input,
.login-form .input-pw input {
	display:block;
	height:34px;
	border:0;
	width:100%;
	padding-left:42px;
	font-size:13px;
}
.login-form .btn-38 {
	display:block;
	margin-top:20px;
	width:100%;
}
.login .check_info { margin-top:10px; }
.login .check_info label {
	font-size:14px;
	color:#888;
}
.login .find-info {
	overflow:hidden;
	padding:0 120px;
	margin-top:40px;
}
.login .find-info a {
	color:#888;
	font-weight:500;
	font-size:14px;
	border-bottom:1px solid transparent;
}
.login .find-info a:not(.cursor-default):hover,
.login .find-info a:not(.cursor-default):focus { border-bottom:1px solid #888; }
.login .find-info a.join { color:#ff6858; }
.login .find-info a.join:not(.cursor-default):hover,
.login .find-info a.join:not(.cursor-default):focus { border-bottom:1px solid #ff6858; }
.login .find-info a:nth-of-type(1) { float:left; }
.login .find-info a:nth-of-type(2) { float:right; }
.login .desc {
	margin-top:50px;
	text-align:center;
}
.sns-login { padding:0 120px; }
.sns-login a {
	display:block;
	border:1px solid #e3e3e3;
	color:#888;
	padding-left:60px;
	box-sizing:border-box;
	height:36px;
	line-height:34px;
	border-radius:5px;
	margin-bottom:10px;
	font-size:14px;
	position:relative;
}
.sns-login a i {
	position:absolute;
	width:38px;
	height:34px;
	background:url('../images/common/ico_sprite.png') no-repeat;
	top:0;
	left:0;
}
.sns-login a.naver i { background-position:0 -230px; }
.sns-login a.kakao i { background-position:-40px -230px; }
.sns-login a.google i { background-position:-80px -230px; }


/* 회원 탈퇴 */
.ui-dialog-content h2 {
	padding-left:10px;
	font-size:15px;
	margin-bottom:10px;
	font-weight:700;
}
.ui-dialog-content h2~h2 { margin-top:30px; }
.dropout .tbl-list tbody tr:last-child td { border-bottom:1px dashed #e3e3e3; }
.dropout td p { color:#888;font-size:15px; }
.dropout td ul.pop-forms { margin:20px 249px 0; }
.dropout td ul.pop-forms li { white-space:nowrap; }
.dropout-terms {
	background:#f8f8f8;
	border:1px solid #e3e3e3;
	border-radius:5px;
	padding:20px 30px;
	font-size:13px;
	color:#888;
}
.dropout-terms p+p { margin-top:10px; }
.dropout-survey { margin-top:30px; }
.dropout-survey p {
	text-align:center;
	color:#555;
	margin-bottom:20px;
}
.dropout-survey textarea { margin-top:10px; }
.agree {
	display:block;
	padding:10px 15px;
	background:#f8f8f8;
	border:1px solid #e3e3e3;
	border-radius:5px;
	margin-top:10px;
}
.agree label {
	font-size:13px;
	color:#888;
}

/* 비밀번호 확인 & 변경 */
.page-form {
	width:540px;
	margin:0 auto;
	font-size:0;
	text-align:center;
}
.page-form label:not(.blind) {
	width:160px;
	display:inline-block;
	vertical-align:middle;
	font-size:15px;
	text-align:right;
	box-sizing:border-box;
	padding-right:10px;
	color:#555;
	font-weight:500;
}
.page-form label:not(.blind)+input { width:calc(100% - 160px); }
.page-form .btn-36 { width:100px;white-space:nowrap; }
.page-form p {
	font-size:15px;
	color:#888;
	text-align:center;
	margin-bottom:30px;
}

/* 내정보 */
.profile-img {
	display:block;
	width:150px;
	height:150px;
	overflow:hidden;
	border-radius:50%;
}
.profile-img img {
	display:block;
	width:150px;
	height:150px;
	/* object-fit:cover; */
}
.profile-img+.btns {
	margin-top:10px;
	width:150px;
	text-align:center;
}
.profile-img+.btns .btn-36 { width:72px; }

/* 학교검색 팝업 */
.psch { padding:0 20px; }
.psch p strong {
	font-size:16px;
	font-weight:500;
}
.psch p small {
	font-size:14px;
	margin-top:0px;
}
.psch p+.item-sch { margin-top:20px; }
.psch .item-sch {
	text-align:center;
	font-size:0;
}
.psch .item-sch input[type="text"] {
	width:calc(100% - 42px);
	margin-left:0;
}
.psch-list {
	margin-top:20px;
	border:1px solid #e3e3e3;
	border-radius:8px;
	padding:15px 5px;
	height:250px;
	overflow:hidden;
	overflow-y:auto;
}
.psch-list li {
	padding:5px 15px;
	border-radius:5px;
}
.psch-list li:not(.cursor-default):hover { background:#f5f5f5; }
.psch-list li a {
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:15px;
}
.psch+.tbl-write {
	border:1px solid #e3e3e3;
	margin-top:25px;
	border-radius:8px;
}
.psch+.tbl-write tr:last-child th,
.psch+.tbl-write tr:last-child td { border-bottom:0; }
.psch+.tbl-write th { padding-left:20px; }

/* 통합회원 약관 동의 */
.ui-dialog .terms-agree {
	text-align:right;
	margin:40px 0 20px;
}
.ui-dialog .terms-agree h2 {
	text-align:left;
	font-weight:500;
	padding:0;
}
.ui-dialog .terms {
	border:1px solid #ddd;
	height:120px;
	overflow-y:scroll;
	font-size:13px;
	padding:10px 20px;
	box-sizing:border-box;
	text-align:left;
	margin-top:10px;
	width:540px;
	overflow-x:hidden;
}
.ui-dialog .terms>strong {
	margin:0;
	padding:0;
	font-size:13px;
	font-weight:500;
	color:#555;
	margin-bottom:5px;
}
.ui-dialog .terms>p {
	/*margin-bottom:15px;*/
	color:#777;
	/*white-space:pre-line;*/
}
.terms-agree .ui-checkboxradio-label {
	margin-right:0;
	margin-top:5px;
}
.terms-agree table {
	border-top:1px solid #aaa;
	margin-bottom:15px;
	table-layout:auto;
}
.terms-agree table th {
	background:#f9f9f9;
	font-weight:500;
}
.terms-agree table th,
.terms-agree table td {
	border:1px solid #ddd;
	padding:8px;
}


/* join */
div.join {
	width:510px;
	box-sizing:border-box;
	background:#fff;
	padding-top:20px;
	margin:0 auto;
}
.join .desc {
	margin-top:50px;
	text-align:center;
}
.join .find-info {
	overflow:hidden;
	padding:0 120px;
	margin-top:40px;
}
.join .find-info a {
	color:#888;
	font-weight:500;
	font-size:14px;
	border-bottom:1px solid transparent;
}
.login .find-info a:not(.cursor-default):hover,
.login .find-info a:not(.cursor-default):focus { border-bottom:1px solid #888; }
.join-selection { margin-bottom:100px; }
.join-selection .btns {
	font-size:0;
	text-align:center;
}
.btn-join {
	height:100px;
	font-size:18px;
	line-height:20px;
	width:calc(25% - 6px);
	padding-top:40px;
}
.btn-join small {
	display:block;
	color:#bbb;
}
.join-step {
	display:table;
	table-layout:fixed;
	border-collapse:separate;
	border-spacing:10px;
	width:calc(100% + 20px);
	margin-left:-10px;
	margin-bottom:40px;
}
.tit-area+.join-step { margin-top:-30px; }
.join-step li {
	display:table-cell;
	height:100px;
	text-align:left;
	box-sizing:border-box;
	padding-left:20px;
	border:1px solid #ff6858;
	border-radius:10px;
	vertical-align:middle;
}
.join-step li span {
	display:block;
	color:#ff7461;
	font-size:16px;
}
.join-step li strong {
	display:block;
	color:#333;
	font-size:18px;
	font-weight:500;
	letter-spacing:-0.05em;
}
.join-step li.current {
	border:1px solid #333;
	background:#333;
}
.join-step li.current strong { color:#fff; }
.join-finish {
	text-align:center;
	font-size:20px;
	font-weight:200;
	margin-top:60px;
	margin-bottom:20px;
}
.terms { margin-top:20px; }
.terms h5 {
	padding-left:15px;
	font-size:15px;
	font-weight:500;
	margin-bottom:10px;
	display:inline-block;
	font-weight:700;
}
.terms .ui-checkboxradio-label {
	padding:0;
	font-size:14px;
	color:#888;
}
.terms .ar .ui-checkboxradio-label { margin-right:0; }
.terms .terms-box {
	border:1px solid #e3e3e3;
	border-radius:5px;
	padding:15px 20px;
	height:150px;
	font-size:14px;
	line-height:20px;
	margin-bottom:10px;
	overflow-y:scroll;
}
.terms fieldset {
	display:inline-block;
	vertical-align:middle;
	margin-left:30px;
}
.terms>strong {
	display:block;
	margin-top:20px;
	padding-left:15px;
}
.terms>strong .ui-checkboxradio-label {
	padding-right:32px;
	position:relative;
	color:#333;
	font-size:15px;
}
.terms>strong .ui-checkboxradio-icon {
	position:absolute;
	right:0;
	margin-right:0;
}
.tit-area+.certificate {
	margin-top:-15px;
	padding-top:0;
}
.certificate {
	margin-top:15px;
	padding:20px 0;
	border-bottom:1px solid #e3e3e3
}
.certificate h5 {
	font-size:15px;
	font-weight:500;
	padding-left:15px;
	margin-bottom:5px;
}
.certificate fieldset { padding-left:15px; }
.certificate p {
	font-size:14px;
	color:#888;
	padding:0 15px;
}
.certificate .upload-form { margin-top:30px; }

/******************** SUB PAGE ********************/
.container {
	min-height:calc(100vh - 160px);
	width:1120px;
	margin:0 auto;
	padding-bottom:80px;
	box-sizing:border-box;
	padding-top:114px;
}
.container:after {
	content:'';
	display:block;
	clear:both;
}
.container-promotion {
	width:960px;
	margin:0 auto;
}
.tit-area {
	padding-top:15px;
	padding-bottom:10px;
	border-bottom:1px solid #e3e3e3;
	margin-bottom:35px;
}
.tit-area:after {
	content:'';
	display:block;
	clear:both;
}
.tit-area~.tit-area { margin-top:50px; }
.tabs+.tit-area { margin-top:0px; }

h2.tit {
	padding-top:3px;
	font-size:24px;
	color:#333;
	font-weight:500;
	position:relative;
	padding-left:24px;
	line-height:27px;
	height:27px;
	margin-bottom:25px;
}

h2.tit:before {
	content:'';
	position:absolute;
	display:block;
	width:4px;
	height:4px;
	border:4px solid #acb8c6;
	border-left:0;
	border-right:0;
	top:10px;
	left:0;
}

h2.tit:after {
	content:'';
	position:absolute;
	display:block;
	width:4px;
	height:4px;
	background:#acb8c6;
	top:14px;
	left:4px;
}

h3.tit {
	font-size:24px;
	color:#333;
	font-weight:500;
	height:36px;
}

h3.tit:before {
	content:'';
	display:inline-block;
	width:16px;
	height:16px;
	border-radius:50%;
	border:5px solid #ff7461;
	box-sizing:border-box;
	margin-right:10px;
}

h4.tit {
	margin-bottom:10px;
	font-size:18px;
	font-weight:500;
}

h4.tit:before {
	content:'';
	color:#ff7562;
	font-size:12px;
	margin-right:5px;
	vertical-align:2px;
	display:inline-block;
	width:12px;
	height:12px;
	background:#ff7562;
	border-radius:50%;
	vertical-align:0;
}

h4.tit.blt-gray:before { background:#888888 !important; }
.tabs+h4.tit { margin-top:30px; }
.tbl-list~h4.tit,
.tbl-info~h4.tit,
h4.tit~h4.tit { margin-top:50px; }
h4.tit~h4.tit.fl+.fr {
	margin-top:45px;
	margin-bottom:5px;
}
h4.tit small {
	margin-left:10px;
	font-size:15px;
	font-weight:normal;
}
.tit-area h4 { margin-bottom:0; }
.tit-area span.fr {
	font-size:13px;
	color:#888
}
.tit-area .fr .ui-checkboxradio-label {
	padding:0;
	margin:0;
}
.sub-tit-area { margin-top:50px; }
.contents {
	padding-top:18px;
	position:relative;
}
.lnb~.contents { padding-top:80px; }
.lnb~.contents .tit-area:nth-of-type(1) { margin-top:-72px; }

/* topset */
.tbl-topset .btns {
	text-align:left;
	width:100px;
}
.item-count {
	font-size:13px;
	color:#777;
}
.item-count.aR { text-align:right; }
.item-count span {
	color:#000;
	letter-spacing:0;
	font-weight:500;
}
.tabs+.item-count.fr {
	position:relative;
	top:-10px;
}
.item-sch {
	text-align:right;
	font-size:0;
}
.item-sch>*+* { margin-left:6px; }
.item-sch input {
	vertical-align:top;
	width:180px;
}
.item-sch input.cal {
	width:110px;
	text-align:center;
}
.item-sch .ui-selectmenu-button { width:138px; }
.item-sch .w170+.ui-selectmenu-button { width:170px; }
.item-sch .btn-36~.ui-selectmenu-button { margin-left:20px; }
.item-sch .btn-36 {
	height:36px;
	width:36px;
	box-sizing:border-box;
	border:0;
	text-align:center;
	padding:0;
	vertical-align:top;
	position:relative;
}
.item-sch .btn-36 i {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-10px;
	margin-top:-10px;
}
.item-sch .dash {
	font-size:13px;
	margin-left:6px;
	line-height:36px;
	color:#ccc;
	vertical-align:middle;
}
.tbl-topset {
	display:table;
	width:100%;
	margin-bottom:15px;
}
.tbl-topset-type2 {
	display:table;
	width:100%;
	border-top:1px solid #e3e3e3;
	border-bottom:1px solid #e3e3e3;
	padding:10px 20px;
	box-sizing:border-box;
}
.item-count+.tbl-topset { margin-top:15px; }
.tbl-topset>*,
.tbl-topset-type2>* {
	display:table-cell;
	vertical-align:middle;
}
.tbl-topset-type2 .ui-checkboxradio-label { margin-right:5px;vertical-align:middle; }
.sort {
	display:table-cell;
	vertical-align:middle;
	font-size:0;
}
.sort li {
	display:inline-block;
	font-size:13px;
}
.sort li+li:before {
	content:'';
	display:inline-block;
	width:1px;
	height:12px;
	background:#bdbec5;
	margin:0 11px;
	vertical-align:-1px;
}
.sort li a {
	color:#999;
	font-weight:400;
}
.sort li.active a { color:#000; }
.sort li i[class^=ico] {
	vertical-align:0;
	margin-right:5px;
	opacity:.3;
}
.sort li.active i[class^=ico] { opacity:1; }
.tbl-btmset { margin-top:10px; }
.tbl-btmset .btm-noti {
	color:#999;
	font-size:13px;
}

.regist-voucher {
	border:5px solid #f5f5f5;
	padding:20px;
	text-align:center;
}

/* 바로가기 배너 */
.bnn-shortcut {
	margin-top:100px;
	font-size:0;
}
.bnn-shortcut a {
	display:inline-block;
	position:relative;
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	transition:all .2s;
	box-shadow:0 3px 16px rgba(0, 0, 0, 0);
}
.bnn-shortcut a:not(.cursor-default):hover,
.bnn-shortcut a:not(.cursor-default):focus { box-shadow:0 3px 16px rgba(0, 0, 0, .1); }
.bnn-shortcut a+a { margin-left:11px; }
.bnn-shortcut a:after {
	content:'';
	width:100%;
	height:100%;
	box-sizing:border-box;
	position:absolute;
	top:0;
	left:0;
	border:1px solid rgba(0, 0, 0, .2);
}
.bnn-shortcut a img {
	display:block;
	width:366px;
	height:100px;
}
.lnb~.contents .bnn-shortcut a img {
	width:274px;
	height:100px;
}
.lnb~.contents .bnn-shortcut a+a { margin-left:9px; }

/******************** LNB ********************/
.lnb {
	width:250px;
	vertical-align:top;
	float:left;
	padding-top:25px;
}
.lnb~.contents {
	width:calc(100% - 280px);
	vertical-align:top;
	margin-left:29px;
	float:right;
}
.lnb-menu {
	border:1px solid #e3e3e3;
	border-radius:5px;
}
.lnb-menu>li+li { border-top:1px solid #e3e3e3; }
.lnb-menu>li>a {
	display:block;
	line-height:20px;
	padding:11px 30px 11px 25px;
	font-size:16px;
	position:relative;
}
.lnb-menu>li>a:after {
	content:'';
	position:absolute;
	top:12px;
	right:10px;
	width:20px;
	height:20px;
	background:url('../images/common/ico_sprite.png') no-repeat;
	background-position:-120px -40px;
}
.lnb-menu li a:not(.cursor-default):hover,
.lnb-menu li a:not(.cursor-default):focus,
.lnb-menu li.current>a { color:#ff7461; }
.lnb-menu>li>a:not(.cursor-default):hover:after,
.lnb-menu>li>a:not(.cursor-default):focus:after,
.lnb-menu>li.current>a:after { background-position:-140px -40px; }
.lnb-menu li ul {
	margin:0 15px;
	border-top:1px solid #e3e3e3;
	padding:10px 5px;
}
.lnb-menu li ul li a {
	display:block;
	font-size:14px;
	line-height:20px;
	padding:5px 12px;
	color:#888888;
	position:relative;
}
.lnb-menu li ul li a:before {
	position:absolute;
	content:'';
	width:4px;
	height:4px;
	border-radius:50%;
	background:#aaa;
	top:13px;
	left:4px;
}
.lnb-menu li ul li a:hover:before,
.lnb-menu li ul li a:focus:before,
.lnb-menu li ul li.current a:before { background:#ff7461; }
.lnb .shortcut { margin-top:40px; }
.lnb .shortcut li+li { margin-top:10px; }
.lnb .shortcut li a {
	display:flex;
	align-items:center;
	justify-content:space-between;
	border:1px solid #ddd;
	color:#333;
	background:#fff;
	font-size:16px;
	line-height:18px;
	font-weight:500;
	width:100%;
	height:60px;
	overflow:hidden;
	box-sizing:border-box;
	padding-left:25px;
}
.lnb .shortcut li a img {
	max-width:100%;
	max-height:100%;
	display:block;
}
.lnb .shortcut li a:has(img:first-child) { padding-left:0; }

/******************** 라이브러리 LIBRARY ********************/
.lnb>.btn-38 { width:100%; }
.option-menu {
	border:1px solid #e3e3e3;
	border-radius:5px;
	margin-top:16px;
	position:relative;
	padding:55px 7px 6px 7px;
	font-size:0;
	overflow:hidden;
}
.lnb .mt-15 { margin-top:15px; }
.option-menu dt {
	position:absolute;
	top:0;
	left:0;
	right:0;
	background:#f8f8f8;
	border-bottom:1px solid #f4f4f4;
	padding:14px 15px 14px 15px;
	font-weight:700;
	font-size:16px;
	line-height:20px;
}
/* .option-menu dt:before {
	content:'';
	background:#b0bbc9;
	position:absolute;
	display:block;
	width:3px;
	height:3px;	
	box-sizing:border-box;
	vertical-align:middle;
	left:23px;
	top:21px;
}
.option-menu dt:after {
	content:'';
	border-top:3px solid #b0bbc9;
	border-bottom:3px solid #b0bbc9;
	position:absolute;
	display:block;
	width:3px;
	height:9px;	
	vertical-align:middle;
	left:23px;
	top:15px;
} */
/* ie11 */
@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
	.option-menu dt { line-height:14px; }
}
.option-menu dd {
	display:inline-block;
	width:110px;
	vertical-align:top;
	margin:3px;
}
.option-menu dd.colspan { width:calc(100% - 6px); }
.option-menu dd.long-txt label {
	font-size:12px;
	white-space:nowrap;
}
.option-menu dd.colspan *[class^="btn"] { width:100%; }
.option-menu dd input[type="checkbox"] {
	position:absolute;
	opacity:0;
}
.option-menu dd label,
.option-menu dd .ui-checkboxradio-label {
	display:block;
	width:100%;
	box-sizing:border-box;
	height:30px;
	line-height:29px;
	font-size:14px;
	text-align:center;
	background:#f8f8f8;
	border:1px solid #e3e3e3;
	border-radius:5px;
	font-weight:400;
	padding:0;
	white-space:nowrap;
	letter-spacing:-0.03em;
}
.option-menu dd .ui-checkboxradio-label.ui-checkboxradio-checked {
	border:1px solid #ff7461;
	background:#ff7461;
	color:#fff;
}
.option-menu dd .ui-checkboxradio-label .ui-checkboxradio-icon {
	display:none;
	padding:15px 20px;
}

/* 라이브러리 preview */
.make-view-control {
	margin-top:60px;
	text-align:right;
	margin-bottom:10px;
}
.make-view-control>strong {
	display:inline-block;
	font-size:16px;
	font-weight:400;
	vertical-align:middle;
	margin-right:10px;
}
*[class^="check-onoff"] {
	display:inline-block;
	width:110px;
	height:30px;
	border:1px solid #ff7461;
	border-radius:15px;
	overflow:hidden;
	text-align:left;
	position:relative;
	box-sizing:border-box;
	vertical-align:middle;
	font-size:0;
}
*[class^="check-onoff"] .ui-checkboxradio-radio-label {
	position:absolute;
	width:50%;
	height:28px;
	line-height:28px;
	color:#ff7461;
	font-size:16px;
	box-sizing:border-box;
	text-align:center;
	z-index:2;
	padding:0;
	top:0;
	left:0;
}
*[class^="check-onoff"] .ui-checkboxradio-radio-label:nth-of-type(2) {
	margin-left:0;
	left:50%;
}
*[class^="check-onoff"] .ui-checkboxradio-checked { color:#fff; }
*[class^="check-onoff"] .ui-checkboxradio-icon { display:none; }

*[class^="check-onoff"] .marker {
	position:absolute;
	height:30px;
	width:52%;
	background:#ff7461;
	border:0;
	border-radius:15px;
	top:-1px;
	left:-1px;
	z-index:1;
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	transition:all .2s;
}

*[class^="check-onoff"] .ui-checkboxradio-radio-label:nth-of-type(2).ui-checkboxradio-checked~.marker { left:50%; }

/* check off color */
.check-onoff-small.check-off { border:1px solid #919191; }
.check-onoff-small.check-off .ui-checkboxradio-label,
.check-onoff-small.check-off .ui-checkboxradio-radio-label { color:#919191; }
.check-onoff-small.check-off .ui-checkboxradio-checked { color:#fff; }
.check-onoff-small.check-off .ui-state-active+.marker { background:#919191; }
.check-onoff-small {
	width:90px;
	height:24px;
	border:1px solid #ff7461;
	border-radius:12px;
}
.check-onoff-small .ui-checkboxradio-radio-label {
	height:22px;
	line-height:22px;
	font-size:13px;
    justify-content: center;
}
.check-onoff-small .marker {
	height:24px;
	border-radius:12px;
	width:54%;
}
.check-onoff-small .ui-checkboxradio-radio-label:nth-of-type(2).ui-checkboxradio-checked~.marker { left:50%; }
.onoff-label {
	display:inline-block;
	font-size:15px;
	font-weight:400;
	color:#333;
	margin-right:10px;
}
.onoff-label~.onoff-label { margin-left:30px; }

/* input type="checkbox"일 경우 */
.check-onoff-small:has(input[type="checkbox"]) {
	width:40px;
	border:1px solid #aaa;
	background:#eee;
}
.check-onoff-small:has(input[type="checkbox"]):has(.ui-checkboxradio-checked) {
	border:1px solid #ff7461;
	background:#fff;
}
.check-onoff-small:has(input[type="checkbox"]) .ui-checkboxradio-label {
	position:relative;
	z-index:2;
	font-size:0;
	padding:0;
	width:100%;
	margin:0;
}
*[class^="check-onoff"].check-onoff-small:has(input[type="checkbox"]) .marker {
	width:20px;
	height:20px;
	top:1px;
	left:1px;
	background:#aaa;
}
.check-onoff-small:has(input[type="checkbox"]) .ui-checkboxradio-checked ~ .marker { 
	top:1px;
	left:17px;
	background:#ff7461;
}

.make-view {
	position:relative;
	border:1px solid #e3e3e3;
	border-radius:5px;
	overflow:hidden;
	margin-top:60px;
}
.make-view-control+.make-view {
	margin-top:0
}
.make-view+.make-view { margin-top:25px; }
.make-view-type {
	background:#f8f8f8;
	padding:12px 20px 9px;
	font-size:0;
}
.make-view-type .num {
	display:inline-block;
	font-size:30px;
	line-height:36px;
	vertical-align:-12px;
	margin-right:8px;
}
.make-view-type .label-make {
	display:inline-block;
	margin-right:10px;
	font-weight:700;
	color:#000;
	vertical-align:middle;
	font-size:16px;
	padding:6px 19px 6px;
	border-radius:2em;
	border:1px solid #cfcfcf;
	transition:all .3s;
	background:#fcfcfc;
}
.make-view-type>em {
	display:inline-block;
	font-size:24px;
	color:#000;
	vertical-align:middle;
}
.make-view-type .opiniion,
.make-view-type .time {
	font-size:16px;
	float:right;
	line-height:37px;
	margin-left:20px;
}
.make-view-type .opiniion strong,
.make-view-type .time strong {
	background:#ccc;
	display:inline-block;
	padding:0 10px;
	line-height:31px;
	height:30px;
	border-radius:15px;
	overflow:hidden;
	text-align:center;
	vertical-align:-9px;
	margin-left:8px;
}
.make-view-contets { padding:40px 30px 30px; }
.option-preview {
	border:1px solid #e3e3e3;
	border-radius:5px;
	font-size:0;
	padding:15px 40px 15px 20px;
	position:relative;
	margin-bottom:10px;
}
.option-preview p {
	font-size:15px;
	color:#888;
	font-weight:500;
	display:inline;
	vertical-align:top;
	letter-spacing:-0.03em;
}
.option-preview .opt-del {
	position:absolute;
	border:1px solid #888;
	border-radius:50%;
	width:20px;
	height:20px;
	right:15px;
	top:15px;
	overflow:hidden;
}
.option-preview .opt-del span {
	display:block;
	width:20px;
	height:20px;
	text-indent:-999px;
}
.option-preview .opt-del span:before,
.option-preview .opt-del span:after {
	position:absolute;
	content:'';
	width:13px;
	height:2px;
	background:#999;
	left:3px;
	top:8px;
}
.option-preview .opt-del span:before { transform:rotate(45deg); }
.option-preview .opt-del span:after { transform:rotate(135deg); }

/* 상세보기 */
.make-view h2 {
	font-size:20px;
	line-height:1.3em;
	margin-bottom:30px;
	word-break:break-word;
}
.answer-list>li { position:relative; }
.answer-list>li+li { margin-top:10px; }
.answer-list>li div[class^=answer] {
	display:flex;
	align-items:center;
	background:#fff;
	border:1px solid #ccc;
	border-radius:10px;
	width:100%;
	box-sizing:border-box;
	table-layout:inherit;
	position:relative;
	padding:17px 0 17px 45px;
	box-sizing:border-box;
}
.answer-list>li.active div[class^=answer] { background:#e6e6e4; }
.answer-list>li.bg-white div[class^=answer] { background:#ffffff !important; }
.answer-list>li .ico-check~div[class^=answer],
.answer-list>li .btn-check~div[class^=answer],
.answer-list>li .mark-order~div[class^=answer],
.answer-list>li .btn-order~div[class^=answer] { width:calc(100% - 50px); }
.answer-list>li.active div p { font-weight:700; }
.hide-answer .answer-list>li.active div[class^=answer] {
	background:#fff;
	border-color:#ccc;
}
.hide-answer .answer-list>li.active div p { font-weight:400; }
.hide-answer .answer-list>li .ico-check,
.hide-answer .answer-list>li .mark-check { display:none; }
.hide-answer .answer-list>li .ico-check~div[class^=answer],
.hide-answer .answer-list>li .mark-order~div[class^=answer] { width:100%; }
.answer-list>li div[class^=answer]>* {
	/* display:table-cell; */
	width:auto;
	vertical-align:middle;
}
.answer-list>li div[class^=answer]>*:only-child {
	display:block;
	width:100%;
	box-sizing:border-box;
}
.answer-list>li div[class^=answer] p {
	flex:1;
	word-break:break-word;
}
.answer-list>li div[class^=answer] cite {
	padding-right:10px;
	font-weight:700;
	font-size:20px;
	vertical-align:middle;
	width:60px;
	word-break:break-word;
	/* white-space:nowrap; */
}
.answer-list>li.active cite { padding-right:8px; }
.answer-list>li div[class^=answer]>.item-thumb {
	width:160px;
	height:64px;
	position:relative;
	text-align:center;
}
.answer-list>li div[class^=answer]>.item-thumb .item-thumb-set {
	position:relative;
	display:inline-block;
}
.answer-list>li div[class^=answer]>.item-thumb img {
	max-width:160px;
	height:80px;
	display:block;
	margin:0 auto;
	position:relative;
	top:-8px;
}
.answer-list>li div[class^=answer]>.item-thumb .thumb-loading {
	background:url('../images/make/spin.svg') no-repeat center center rgba(0, 0, 0, .3);
	background-size:36px 36px;
	position:absolute;
	width:46px;
	height:46px;
	top:5px;
	left:57px;
	border-radius:50%;
}
.answer-list>li div[class^=answer]>.item-thumb .btn-del {
	position:absolute;
	right:8px;
	top:0;
}
.answer-list>li div[class^=answer]>.item-msg {
	vertical-align:middle;
	color:#00b734;
	font-size:13px;
	padding-left:10px;
}
.answer-list>li div[class^=answer]>.item-msg .btn-img-del {
	position:static;
	width:30px;
	padding:0;
}
.answer-list .ico-check {
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	width:50px;
	height:60px;
	background:url('../images/common/ico_checked.svg') center center no-repeat;
	display:none;
}
.answer-list>li.active .ico-check {
	background:url('../images/common/ico_checked_spot.svg') center center no-repeat;
	display:block;
}
.answer-list .btn-order,
.answer-list .mark-order {
	position:absolute;
	right:6px;
	width:28px;
	height:22px;
	top:50%;
	margin-top:-11px;
	box-sizing:border-box;
	line-height:16px;
	font-weight:bold;
	border-radius:11px;
	border:2px solid #aaa;
	color:#aaa;
	padding:0 0 1px 0;
	background:#fff;
	font-size:16px;
	text-align:center;
}
.make-view .btn-order { cursor:default; }
.answer-list .btn-order:hover { border:2px solid #777; }
.answer-list .mark-order,
.answer-list .mark-order.is-checked,
.answer-list .btn-order.is-checked {
	border:2px solid #ff6758;
	color:#ff6758;
}
.answer-list>li>div>input {
	width:100% !important;
	height:60px;
	line-height:60px;
	margin-right:-45px;
	margin-top:-20px;
	margin-bottom:-17px;
	padding-bottom:0;
	padding-right:40px;
	vertical-align:middle;
}
.answer-list .btn-check {
	position:absolute;
	right:0;
	top:0;
	width:50px;
}
.answer-list .btn-check .ui-checkboxradio-icon {
	width:100%;
	height:60px;
	background:url('../images/common/ico_checked.svg') center center no-repeat;
	border:none;
}
.answer-list .btn-check.ui-checkboxradio-label.ui-state-active .ui-checkboxradio-icon { background-image:url('../images/common/ico_checked_spot.svg');
}
.answer-list .btn-check.ui-checkboxradio-label.ui-state-active .ui-checkboxradio-icon:after { display:none; }
.answer-red:before,
.answer-orange:before,
.answer-yellow:before,
.answer-green:before,
.answer-blue:before,
.answer-purple:before {
	content:"";
	position:absolute;
	display:block;
	left:-1px;
	top:-1px;
	bottom:-1px;
	width:20px;
	background:#ff0000;
	border-radius:10px;
}
.answer-orange:before { background-color:#d39f85; }
.answer-yellow:before { background-color:#ffae00; }
.answer-green:before { background-color:#00b734; }
.answer-blue:before { background-color:#2c79ec; }
.answer-purple:before { background-color:#6827b7; }

/* 빈칸형 */
.blank-preview {
	background:#eee;
	padding:20px;
	border-radius:5px;
	margin-bottom:20px;
	text-align:center;
	font-size:0;
}
.blank-preview .blank-preview-area span {
	display:inline-block;
	vertical-align:top;
	margin:2px;
}
.blank-preview .blank-preview-area {
	min-height:44px;
	max-width:440px;
	margin:0 auto;
}
.blank-preview span.char {
	width:40px;
	height:40px;
	line-height:38px;
	overflow:hidden;
	text-align:center;
	color:#fff;
	font-size:20px;
	font-weight:500;
	background:#008451;
	border-radius:5px;
}
.blank-preview span.char.spot { background-color:#008451;
	box-sizing:border-box;
}
.blank-preview span.char.spot:hover { box-shadow:none; }
.blank-preview span.char.spot:before {
	content:'?';
	opacity:.3;
}
.blank-preview span.space {
	width:6px;
	height:40px;
}

/* 선잇기형 */
.linematch-wrap {
	display:flex;
	justify-content:space-between;
	position:relative;
}
.linematch-wrap .btn-reset {
	position:absolute;
	top:-34px;
	right:40px;
	line-height:24px;
	height:24px;
	padding:0 8px;
	border-radius:11px;
	font-size:14px;
	color:#fff;
	background:#888;
}
.linematch-wrap .linematch-left,
.linematch-wrap .linematch-right {
	flex:1;
	position:relative;
	z-index:1;
}
.linematch-wrap .linematch-middle { width:210px; }
.linematch-wrap .answer-red:before,
.linematch-wrap .answer-purple:before,
.linematch-wrap .answer-yellow:before,
.linematch-wrap .answer-green:before,
.linematch-wrap .answer-blue:before { content:none; }
.linematch-wrap .answer-list>li div[class^=answer] { height:100px; }
.linematch-left .answer-list>li div[class^=answer] {
	padding-left:15px;
	padding-right:45px;
}
.linematch-left .answer-list>li .btn-img~div[class^=answer],
.linematch-left .answer-list>li .btn-img-del~div[class^=answer] {
	width:calc(100% - 40px);
	margin-left:40px;
}
.linematch-right .answer-list>li div[class^=answer] { padding-right:15px; }
.linematch-right .answer-list>li .btn-img~div[class^=answer] {
	padding-right:15px;
	padding-left:45px;
}
.linematch-right .answer-list>li .btn-img~div[class^=answer],
.linematch-right .answer-list>li .btn-img-del~div[class^=answer] { width:calc(100% - 40px); }
.linematch-left .answer-list .btn-img,
.linematch-left .answer-list .btn-img-del {
	left:0;
	right:auto;
}
.linematch-right .answer-list .btn-img,
.linematch-right .answer-list .btn-img-del {
	left:auto;
	right:0;
}
.match-start,
.match-end {
	position:absolute;
	right:0;
	top:0;
	width:70px;
	height:100%;
	z-index:1;
	cursor:default;
}
.match-start input,
.match-end input { opacity:0; }
.match-start .ui-checkboxradio-icon,
.match-end .ui-checkboxradio-icon {
	border:none;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	border-radius:50%;
	width:20px;
	height:20px;
}
.match-start .ui-checkboxradio-icon { margin-left:15px; }
.match-end .ui-checkboxradio-icon { margin-left:-15px; }
.linematch-wrap .ui-checkboxradio-label.ui-state-active .ui-checkboxradio-icon {
	border-color:#fff;
	background:#fff;
}
.linematch-wrap .ui-checkboxradio-label.ui-state-active .ui-checkboxradio-icon:after,
.linematch-wrap .ui-checkboxradio-label.matched .ui-checkboxradio-icon:after {
	position:absolute;
	content:"";
	width:20px;
	height:20px;
	border:none;
	left:50%;
	top:50%;
	border-radius:50%;
	-webkit-transform:rotate(0) translate(-50%, -50%);
	-moz-transform:rotate(0) translate(-50%, -50%);
	-ms-transform:rotate(0) translate(-50%, -50%);
	-o-transform:rotate(0) translate(-50%, -50%);
	transform:rotate(0) translate(-50%, -50%);
}
.match-start.ui-checkboxradio-label .ui-checkboxradio-icon:after,
.match-end.ui-checkboxradio-label .ui-checkboxradio-icon:after {
	width:20px;
	height:20px;
	background:#aaa;
}
.linematch-wrap .ui-checkboxradio-label[data-color="red"].matched .ui-checkboxradio-icon:after,
.linematch-wrap .ui-checkboxradio-label[data-color="red"] .ui-checkboxradio-icon:after {
	background:#ffa0a3
}
.linematch-wrap .ui-checkboxradio-label[data-color="yellow"].matched .ui-checkboxradio-icon:after,
.linematch-wrap .ui-checkboxradio-label[data-color="yellow"] .ui-checkboxradio-icon:after {
	background:#ffdfa7
}
.linematch-wrap .ui-checkboxradio-label[data-color="green"].matched .ui-checkboxradio-icon:after,
.linematch-wrap .ui-checkboxradio-label[data-color="green"] .ui-checkboxradio-icon:after {
	background:#a7e2af
}
.linematch-wrap .ui-checkboxradio-label[data-color="blue"].matched .ui-checkboxradio-icon:after,
.linematch-wrap .ui-checkboxradio-label[data-color="blue"] .ui-checkboxradio-icon:after {
	background:#abcaf8
}
.linematch-wrap .ui-checkboxradio-label[data-color="purple"].matched .ui-checkboxradio-icon:after,
.linematch-wrap .ui-checkboxradio-label[data-color="purple"] .ui-checkboxradio-icon:after {
	background:#c376df
}
.linematch-left .answer-list .match-start {
	right:-40px;
	left:auto;
	margin-right:0;
}
.linematch-right .answer-list .match-end {
	right:auto;
	left:-40px;
	margin-right:0;
}
.linematch-wrap .answer-list>li div[class^=answer] cite {
	position:absolute;
	height:100%;
	display:flex;
	color:#fff;
	width:30px;
	border-radius:9px;
	display:flex;
	justify-content:center;
	align-items:center;
	padding-right:0;
	transition:all .2s;
}
.linematch-left .answer-list>li div[class^=answer] cite {
	top:0;
	right:0;
}
.linematch-right .answer-list>li div[class^=answer] cite {
	top:0;
	left:0;
}
.linematch-wrap .answer-gray cite {
	color:#555 !important;
	background:#cfcfcf;
}
.linematch-wrap .answer-red cite { background:#ff0000; }
.linematch-wrap .answer-yellow cite { background:#ffae00; }
.linematch-wrap .answer-green cite { background:#00b734; }
.linematch-wrap .answer-blue cite { background:#2c79ec; }
.linematch-wrap .answer-purple cite { background:#6827b7; }
.linematch-middle .linematch-canvas {
	position:relative;
	width:100%;
	height:100%;
}
.make-write .linematch-middle .linematch-canvas line {
	cursor:pointer;
	opacity:1;
}
.comment-view {
	margin-top:30px;
	background:#fff;
	border-radius:10px;
}
.comment-view dl {
	position:relative;
	padding-left:40px;
}
.comment-view dt {
	position:absolute;
	left:0;
	top:2px;
	font-weight:500;
	font-size:14px;
}
.comment-view dd {
	font-size:14px;
	line-height:1.6em;
	letter-spacing:-0.05em;
	color:#777;
}
.comment-view dd p { word-break:break-word; }
.comment-view .media-list { margin-bottom:0; }
.media-list {
	margin:25px 0;
	font-size:0;
	text-align:center;
}
.media-list li {
	position:relative;
	display:inline-block;
	font-size:16px;
	vertical-align:middle;
	margin:5px
}
.media-list li:nth-child(3n + 1) { margin-left:0; }
.media-list figure {
	position:relative;
	display:block;
	width:220px;
	height:140px;
	overflow:hidden;
	background:#eee;
	border:1px solid #ccc;
	box-sizing:border-box;
}
.media-list span {
	display:block;
	font-size:13px;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal;
	width:220px;
	overflow:hidden;
	margin-top:5px;
}
.media-list img {
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	max-height:100%;
	max-width:100%;
	/* object-fit:cover; */
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}
.media-list .video figure:before {
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	width:30px;
	height:30px;
	border-radius:50%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	background:url('../images/common/ico_play.svg') 10px center no-repeat #ff7461;
	background-size:12px;
	transition:all .5s;
	z-index:2;
}
.media-list .video-cont {
	position:relative;
	display:none;
	width:220px;
	height:140px;
	overflow:hidden;
	background:#eee;
	border:1px solid #ccc;
	box-sizing:border-box;
}
.media-list video {
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	max-height:100%;
	max-width:100%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}
.media-list .audio { width:220px; }
.media-list .audio .audio-player {
	border:1px solid #ccc;
	height:140px;
	box-sizing:border-box;
	padding:16px;
}
/* .audio .filename {
	display:block;
	margin-bottom:5px;
	color:#333;
	font-weight:500;
	font-size:14px;
	line-height:1.1em;
	letter-spacing:-0.025em;
	padding-right:20px;
	white-space:normal;
	text-align:left;
} */
.audio-player .ap-timeline {
	margin-top:40px;
	padding-bottom:30px;
	position:relative;
}
.audio-player .ap-timeline span { width:auto; }
.ap-timeline .ap-time-current,
.ap-timeline .ap-time-length { font-size:14px; }
.audio-player audio { display:none; }
.ap-timeline .ap-time-current,
.ap-timeline .ap-time-length {
	position:absolute;
	font-size:14px;
	color:#333;
	bottom:0;
	width:auto;
}
.ap-timeline .ap-time-current { left:0; }
.ap-timeline .ap-time-length { right:0; }
.ap-timeline .ap-timelinebar {
	display:block;
	height:4px;
	background:#bcbcbc;
	overflow:visible;
}
.ap-timeline .ap-timelinebar .ap-progress {
	position:relative;
	display:block;
	height:4px;
	background:#ff6759;
	overflow:visible;
}
.ap-timeline .ap-timelinebar .ap-progress:after {
	content:'';
	position:absolute;
	border:2px solid #fb695d;
	width:12px;
	height:12px;
	border-radius:50%;
	background:#fff;
	right:0;
	top:0;
	transform:translate(6px, -6px);
}
.ap-timeline .ap-timelinebar .ap-progress-handle {
	content:'';
	position:absolute;
	width:14px;
	height:14px;
	border:2px solid #ff6759;
	border-radius:50%;
	background:#fff;
	box-sizing:border-box;
	left:0;
	top:0;
	margin-top:-5px;
	margin-right:-7px;
}
.ap-controls {
	font-size:0;
	text-align:center;
}
.ap-controls .ap-btn {
	width:32px;
	height:32px;
	padding:0;
	background:#fff;
	border:1px solid #e4e4e4;
	border-radius:50%;
	overflow:hidden;
	box-sizing:border-box;
	transition:all .3s;
	margin:0 5px;
}
.audio-player .ap-btn:hover { border:1px solid #ff6759; }
.audio-player .ap-btn span { font-size:0; }
.audio-player .ap-toggle-play.play {
	background:url('/asset/images/board/ico_play_spot.svg') center center no-repeat #fff;
	background-size:60% 60%;
}
.audio-player .ap-toggle-play.pause {
	background:url('/asset/images/board/ico_pause_spot.svg') center center no-repeat #fff;
	background-size:60% 60%;
}
.audio-player .ap-toggle-mute.mute {
	background:url('/asset/images/board/ico_unmute_spot.svg') center center no-repeat #fff;
	background-size:60% 60%;
}
.audio-player .ap-toggle-mute.unmute {
	background:url('/asset/images/board/ico_mute_spot.svg') center center no-repeat #fff;
	background-size:60% 60%;
}


.media-list li>a { display:block; }
.media-list li>a:not(.video):hover:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:140px;
	background:rgba(0, 0, 0, .2);
	z-index:1;
}
.media-fnc {
	position:absolute;
	right:5px;
	top:5px;
}

/* 단원&차시선택 */
.qfilter-list {
	border:1px solid #e3e3e3;
	height:300px;
	/* display:table; */
	display:flex;
	flex-direction:row;
	width:100%;
	border-radius:5px;
	box-sizing:border-box;
}
.qfilter-list ul {
	/* display:table-cell; */
	padding:10px 0;
	height:300px;
	box-sizing:border-box;
	min-width:80px;
	overflow-y:auto;
	flex:auto;
}
.qfilter-list ul+ul { border-left:1px solid #e3e3e3; }
.qfilter-list ul.m0 {
	min-width:50px;
	width:50px;
	text-align:center;
	flex:inherit;
}
.qfilter-list ul li a {
	display:block;
	padding:5px 10px;
	font-size:14px;
	line-height:21px;
	word-break:break-word;
	letter-spacing:-0.025em;
	border-radius:5px;
	margin:0 2px;
}
.qfilter-list ul li a:not(.cursor-default):hover,
.qfilter-list ul li a:not(.cursor-default):focus {
	text-decoration:none;
	background:#eee;
}
.qfilter-list ul li.active a:hover,
.qfilter-list ul li.active a:focus,
.qfilter-list ul li.active a {
	color:#fff;
	background:#ff6858;
}
.filtered-word {
	border-top:0;
	border:1px solid #e3e3e3;
	border-radius:5px;
	margin-top:10px;
	padding:15px 20px;
	background:#f8f8f8;
}
.filtered-word .empty { color:#999; }
.set-library .set-wrap { margin-bottom:15px; }
.set-library .set-wrap>strong {
	display:inline-block;
	font-size:15px;
	font-weight:600;
	min-width:150px;
}
.set-library .set-wrap .w120 { width:120px;padding:0; }
.set-library .set-wrap .w130 { width:130px;padding:0; }
.set-library .set-wrap .w140 { width:140px;padding:0; }
.set-library .set-wrap .w150 { width:150px;padding:0; }
.set-library .set-wrap .w160 { width:160px;padding:0; }
.set-library .set-wrap .w170 { width:170px;padding:0; }
.set-library .set-wrap .w180 { width:180px;padding:0; }
.set-library .set-wrap .tag-editor-hidden-src {
	position:absolute !important;
	left:-99999px;
}
.set-library .set-wrap .tag-editor {
	margin-top:5px;
	border:1px solid #e3e3e3;
	border-radius:5px;
	padding:6px 15px;
	background:#fff;
}
.set-library .set-wrap .tag-editor .placeholder { color:#888; }
.set-library .set-wrap .tag-editor li {
	font-size:14px;
	display:inline-block;
	vertical-align:top;
	margin-right:5px;
}
.set-library .set-wrap .tag-editor li:nth-of-type(1) { margin-right:0; }
.set-library .set-wrap .tag-editor li div { display:inline; }
.set-library .set-wrap .tag-editor li div input {
	height:20px;
	padding:0;
	border:0;
}
.set-library .set-wrap .w100 {
	width:100%;
	margin-top:5px;
	border:1px solid #e3e3e3;
	font-size:14px;
}
.set-library .set-wrap .qfilter-list {
	margin-top:5px;
	height:180px;
}
.set-library .set-wrap .qfilter-list ul { height:180px; }
.set-library~.btns {
	margin-top:30px;
	margin-bottom:30px;
}
.set-library~.txt {
	color:#777;
	font-size:14px;
}

/* 보관함 상세 - 보드 */
.make-view-contets-board table th,
.make-view-contets-board table td {
	border:1px solid #dfdfdf;
	vertical-align:middle;
}
.make-view-contets-board table td {
	padding:5px 20px;
	word-break:break-word;
}
.make-view-contets-board table td.board-thumb {
	padding:0;
	font-size:0;
	height:198px;
}
.make-view-contets-board table td.board-thumb img {
	display:block;
	width:264px;
	height:198px;
}
.make-view-contets-board .board-state { padding:13px 20px; }
.make-view-contets-board .board-state>.state-item {
	margin-right:30px;
	line-height:26px;
}
.make-view-contets-board .board-state>.state-item .mark {
	height:28px;
	display:inline-block;
	margin-left:8px;
	border-radius:14px;
	font-size:16px;
	min-width:60px;
	box-sizing:border-box;
	padding:0 8px;
	background:#ccc;
	text-align:center;
}

/******************** TABLE ********************/
table {
	width:100%;
	border-collapse:collapse;
	table-layout:fixed;
}
table caption {
	height:0;
	font-size:0.1em;
	color:#fff;
	opacity:0;
	filter:alpha(opacity=0);
}

/* table list */
.tbl-list {
	border-top:3px solid #757c83;
	clear:both;
}
.tbl-list table { width:100%; }
.tbl-list table th {
	background:#f7f7f7;
	padding:12px 0;
	text-align:center;
	color:#333;
	font-weight:700;
	border-right:1px solid #e3e3e3;
	border-bottom:1px solid #e3e3e3;
}
.tbl-list table tbody th,
.tbl-list table tbody td {
	border-right:1px solid #e3e3e3;
	border-bottom:1px solid #e3e3e3;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	height:44px;
	vertical-align:middle;
}
.tbl-list.no-bd table thead th,
.tbl-list.no-bd table tbody th,
.tbl-list.no-bd table tbody td { border-right:0; }
.tbl-list table th:last-child,
.tbl-list table td:last-child { border-right:0; }
.tbl-list:not(.no-hover) table tbody tr:hover td { background-color:rgba(0, 0, 0, .025);
}
.tbl-list th .arr-up,
.tbl-list th .arr-down {
	display:inline-block;
	vertical-align:middle;
	margin-left:10px;
	width:0;
	height:0;
	border-left:4px solid transparent;
	border-right:4px solid transparent;
	border-top:0px solid transparent;
	border-bottom:0px solid transparent;
	font-size:0;
	overflow:hidden;
}
.tbl-list th .arr-up { border-bottom:9px solid #333; }
.tbl-list th .arr-down { border-top:9px solid #333; }
.tbl-list th.al,
.tbl-list td.al,
.tbl-list th.ar,
.tbl-list td.ar,
.tbl-list td.tit {
	padding-left:20px;
	padding-right:20px;
	word-break:break-word;
}
.tbl-list td.tit {
	font-size:0;
	text-align:left;
}
.tbl-list td a.lnk,
.tbl-list td.tit>a,
.tbl-list td.tit>span,
.tbl-list td.tit span.highlight>a {
	font-size:15px;	
	max-width:100%;
	display:inline-block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	border-bottom:1px solid transparent;
	vertical-align:middle;
}
.tbl-list td:has(.ico-file) a.lnk,
.tbl-list td.tit:has(.ico-file)>a,
.tbl-list td.tit:has(.ico-file)>span,
.tbl-list td.tit:has(.ico-file) span.highlight>a {
	max-width:calc(100% - 25px);
	padding-right:5px;
}
.tbl-list td>a.lnk:hover,
.tbl-list td>a.lnk:focus,
.tbl-list td.tit>a:not(.cursor-default):hover,
.tbl-list td.tit>a:not(.cursor-default):focus { border-bottom:1px solid #888; }
.tbl-list td.tit>strong {
	font-size:15px;
	display:block;
}
.tbl-list td .highlight {
	position:relative;
	display:inline-block;
	max-width:calc(100% - 30px);
	font-weight:700;
}
.tbl-list td .highlight:after {
	content:'';
	background:#ffda44;
	display:block;
	width:calc(100% + 20px);
	height:5px;
	position:relative;
	z-index:-1;
	top:-7px;
	left:-10px;
}
.tbl-list td .ico-file { margin-left:5px; }
.tbl-list td .highlight+.ico-file { margin-left:10px; }
.tbl-list .scroll-area { overflow-y:auto; }
.tbl-list .scroll-area tbody td {
	padding-top:15px;
	padding-bottom:15px;
}
.tbl-list td .btn-38 {
	padding:0 10px;
	min-width:60px;
}

/* tbl-more (이전/다음) */
.tbl-more { margin-top:50px; }
.tbl-more table { border-top:1px solid #e3e3e3; }
.tbl-more th,
.tbl-more td {
	padding:15px 20px;
	border-bottom:1px solid #e3e3e3;
}
.tbl-more td {
	border-left:1px solid #e3e3e3;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.tbl-more td a:not(.cursor-default):hover,
.tbl-more td a:not(.cursor-default):focus { text-decoration:underline; }
.tbl-more i.arr-up,
.tbl-more i.arr-down {
	display:inline-block;
	width:12px;
	height:12px;
	border-top:2px solid #bbb;
	border-right:2px solid #bbb;
	border-radius:2px;
	margin-left:12px;
	position:relative;
}
.tbl-more i.arr-up {
	transform:rotate(-45deg);
	top:3px;
}
.tbl-more i.arr-down {
	transform:rotate(135deg);
	top:-3px;
}

/* table write */
.tit-area+.tbl-write { margin-top:-30px; }
.tbl-write table th {
	font-size:15px;
	color:#333;
	font-weight:700;
	text-align:left;
	padding:10px 0 10px 30px;
	height:36px;
	border-bottom:1px solid #e3e3e3;
}
.tbl-write table td {
	padding-left:20px;
	text-align:left;
	font-size:15px;
	color:#555;
	padding:10px 20px;
	border-bottom:1px solid #e3e3e3;
}
.byte-check-wrap {
	display:inline-block;
	position:relative;
}
.byte-check-wrap .byte-check {
	position:absolute;
	right:15px;
	font-size:12px;
	line-height:36px;
	color:#999;
}
.byte-check-wrap input {
	width:100%;
	padding-right:100px;
}
.byte-check-wrap .byte-check em { color:#555; }
.tbl-write table td small {
	display:block;
	padding-top:8px;
	font-size:13px;
	line-height:18px;
	color:#888;
	font-weight:300;
}

/* table write th bgcolor */
.tbl-write.th-gray table,
.tbl-write.th-pink table,
.tbl-write.th-white table { border-top:1px solid #e3e3e3; }
.tbl-write.th-gray table th { background:#f7f7f7; }
.tbl-write.th-pink table th { background:#fff0ee; }
.tbl-write.th-white table th { background:#ffffff; }
.tbl-write.th-gray table td,
.tbl-write.th-pink table td,
.tbl-write.th-white table td { padding-left:40px; }
.desc {
	font-size:13px;
	line-height:20px;
	color:#888;
	margin-top:10px;
}
.btns+.desc { margin-top:50px; }
.desc a {
	color:#aaa;
	border-bottom:1px solid #aaa;
}
.desc b { color:#333; }
.desc-box {
	background:#f8f8f8;
	padding:20px;
	border-radius:10px;
	margin-top:20px;
}
.desc-box p {
	padding-left:10px;
	position:relative;
	font-size:13px;
	color:#555;
}
.desc-box p+p { margin-top:10px; }
.desc-box p:before {
	content:'•';
	position:absolute;
	left:0;
	top:0;
}

/* table write2 */
.tit-area+.tbl-write { margin-top:-30px; }
.tbl-write2 table th {
	font-size:15px;
	color:#333;
	font-weight:400;
	text-align:left;
	padding:3px 0;
	line-height:36px;
	vertical-align:top;
}
.tbl-write2 table td {
	padding-left:20px;
	text-align:left;
	font-size:15px;
	color:#555;
	padding:3px 0;
}
.tbl-write2 table td small {
	display:block;
	padding-top:8px;
	font-size:13px;
	line-height:18px;
	color:#888;
	font-weight:300;
}
.tbl-write2 .line-btm th,
.tbl-write2 .line-btm td {
	padding-bottom:20px;
	border-bottom:1px solid #e3e3e3;
}
.tbl-write2 .line-btm+tr th,
.tbl-write2 .line-btm+tr td { padding-top:20px; }
.tbl-write2 .edit-area { padding:20px 0; }

/* tbl-info */
.tbl-info {
	border-top:3px solid #757c83;
	margin-top:0;
	clear:both;
}
.tbl-info th {
	background:#f7f7f7;
	padding:20px 0;
	border-bottom:1px solid #e3e3e3;
	border-right:1px solid #e3e3e3;
}
.tbl-info th small { font-weight:normal; }
.tbl-info td {
	padding:10px 60px;
	border-bottom:1px solid #e3e3e3;
	border-right:1px solid #e3e3e3;
	vertical-align:middle;
	height:44px;
}
.tbl-info table th:last-child,
.tbl-info table td:last-child { border-right:0; }
.tbl-info table *~td[rowspan] { border-left:1px solid #e3e3e3; }
.tbl-info td.empty { padding:40px 0; }
.tbl-info td.empty p {
	margin-top:10px;
	color:#888;
}
.tbl-info td.empty .btns { margin-top:20px; }
.tbl-info td .btn-38 {
	min-width:60px;
	margin-top:4px;
	margin-bottom:4px;
}
.tbl-info td span.fl {
	line-height:38px;
	margin-top:4px;
}
.tbl-info-simple thead th {
	background:#f5f5f5;
	padding:8px 16px;
}
.tbl-info-simple tbody th {	
	padding:8px 0 8px 16px;
}
.tbl-info-simple tbody td {
	padding:8px 16px;
}
.tbl-info-simple tbody th,
.tbl-info-simple tbody td { border-top:1px solid #e9e9e9 } 

/* tbl-inner */
.tbl-inner { border-top:1px solid #e3e3e3; }
.tbl-inner th,
.tbl-inner td {
	padding:10px 20px;
	background:#fff;
}
.tbl-inner th { font-weight:500; }

/******************** 지원센터 ********************/
/* 서비스 안내 OLD */
.info-bnn { position:relative; }
.info-bnn img { display:block; }
.info-bnn~.btns {
	border-top:1px solid #ff6858;
	padding-top:60px;
}
.info-bnn a {
	position:absolute;
	overflow:hidden;
	font-size:18px;
	line-height:24px;
	letter-spacing:-0.065em;
	color:transparent;
}
.info-bnn a:hover {
	border-bottom:1px solid #2c7aec;
}

a.info3-1-lnk1 {
	top:621px;
	left:193px;
}

a.info3-1-lnk2 {
	top:634px;
	left:193px;
	display:none;
}

a.info3-1-lnk3 {
	top:855px;
	left:193px;
}

a.info3-2-lnk1 {
	top:505px;
	left:33px;
}

/* a.info4-1-lnk1 { bottom:78px;left:73px;font-size:19px;letter-spacing:-0.05em; } */
a.info4-1-lnk1 { display:none; }
/* 임시 가림 */
a.info4-2-lnk1 {
	bottom:78px;
	left:73px;
}
a.info4-1-more,
a.info4-2-more,
a.info4-3-more {
	right:49px;
	bottom:147px;
	width:160px;
	height:60px;
	border-radius:30px;
	background:#333333;
	color:#fff;
	text-align:center;
	line-height:60px;
}
a.info4-2-more { bottom:120px; }
a.info4-3-more { bottom:83px; }
a.info4-1-more:hover,
a.info4-2-more:hover,
a.info4-3-more:hover { border-bottom:0; }
a.prepare {
	background:#aaa;
	cursor:default;
}
.info-section {
	position:relative;
	overflow:hidden;
}
.info-section img {
	display:block;
	margin:0 auto;
}
.info-tabs { margin-bottom:100px; }
.info-tabs>.tabs li { width:417px; }
.info-tabs>.tabs li+li { width:418px; }
.info-vdo-full { width:840px; }
.info-vdo-full img { width:840px; }
.slides-pager {
	display:block;
	font-size:0;
	overflow:hidden;
	border-top:1px solid #ff7461;
	border-left:1px solid #ff7461;
}
.slides-pager a {
	font-size:18px;
	color:#000;
	display:block;
	box-sizing:border-box;
	width:280px;
	float:left;
	text-align:center;
	line-height:30px;
	padding:20px;
	height:70px;
	border-right:1px solid #ff7461;
	border-bottom:1px solid #ff7461;
}
.slides-pager a:nth-of-type(3n) { width:279px; }
.slides-pager a:hover,
.slides-pager a:focus { background:#fdefed; }
.slides-pager a.active,
.slides-pager a.active:hover,
.slides-pager a.active:focus {
	background:#ff7461;
	color:#fff;
}
.info-sub-slides .bx-wrapper {
	position:relative;
	border:1px solid #ff7461;
	border-top:0;
}
.info-sub-slides .bx-wrapper figure {
	display:block;
	position:relative;
}
.info-sub-slides .bx-wrapper figure img { display:block; }
.info-sub-slides .bx-wrapper figure figcaption {
	position:absolute;
	background:rgba(0, 0, 0, .7);
	box-sizing:border-box;
	width:100%;
	padding:20px 25px;
	height:90px;
	line-height:25px;
	font-size:18px;
	bottom:0;
	left:0;
	color:#fff;
	font-weight:normal;
}
.info-sub-slides .bx-controls-direction a {
	position:absolute;
	background:rgba(0, 0, 0, .7);
	width:30px;
	height:30px;
	top:50%;
	margin-top:-30px;
	border-radius:50%;
	overflow:hidden;
	text-indent:-999px;
}
.info-sub-slides .bx-controls-direction a:before {
	content:'';
	display:block;
	position:absolute;
	width:9px;
	height:9px;
	border:0;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	top:10px;
}
.info-sub-slides .bx-controls-direction a.bx-prev { left:10px; }
.info-sub-slides .bx-controls-direction a.bx-next { right:10px; }
.info-sub-slides .bx-controls-direction a.bx-prev:before {
	-webkit-transform:rotate(-135deg);
	-moz-transform:rotate(-135deg);
	-ms-transform:rotate(-135deg);
	transform:rotate(-135deg);
	right:7px;
}
.info-sub-slides .bx-controls-direction a.bx-next:before {
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	left:7px;
}
.info-section .info-vdo {
	width:410px;
	float:left;
}
.info-section .info-vdo:nth-of-type(2) { float:right; }
.info-section .info-vdo video {
	display:block;
	background-color:#fff;
	width:100%;
}

*+.blt-list { margin-top:20px; }
.btns+.blt-list { margin-top:50px; }
.blt-list li {
	position:relative;
	padding-left:10px;
}
.blt-list li~li { margin-top:5px; }
.blt-list li:before {
	content:'';
	position:absolute;
	width:3px;
	height:3px;
	background:#777;
	border-radius:50%;
	top:9px;
	left:0;
}
.blt-list2 li~li { margin-top:5px; }
.blt-list2 li ul {
	margin-top:5px;
	margin-bottom:10px;
}
.blt-list2 li li { padding-left:15px; }
.blt-list2+*, *+.blt-list2 { margin-top:15px; }

/* 서비스 안내 기존 */
.info-section ul.info-list { margin-top:30px; }
.info-section b { font-weight:500; }
.info-section+.upload-form { margin-top:30px; }
.info-download .down-lnk {
	position:absolute;
	width:120px;
	height:40px;
	background:rgba(255, 255, 255, 0);
	bottom:53px;
	left:316px;
}
.info-download .down-lnk:nth-of-type(2) { left:441px; }
.info-section .info-vdo {
	width:410px;
	float:left;
}
.info-section .info-vdo:nth-of-type(2) { float:right; }
.info-section .info-vdo video {
	display:block;
	background-color:#fff;
	width:100%;
}

/* 서비스 안내 2022 */
.info-section {
	padding-top:55px;
	padding-bottom:60px;
	overflow:visible;
}
.info-section * { word-break:keep-all; }
.tit-area+.info-section { padding-top:0; }
.info-section~.info-section { border-top:1px solid #a4a4a4; }
.info-section h4 {
	font-size:24px;
	line-height:30px;
	color:#fb7565;
	margin-bottom:35px;
}
.section-summary {
	margin-top:-30px;
	padding-left:40px;
	margin-bottom:40px;
	font-size:17px;
}
.info-summary { margin-top:-20px; }
.info-main {
	text-align:center;
	padding-bottom:60px;
	letter-spacing:-0.05em;
}
.info-main p:nth-of-type(1) {
	font-size:36px;
	margin-bottom:15px;
}
.info-main p:nth-of-type(2) {
	font-size:24px;
	line-height:1.2em;
}
.info-main p:nth-of-type(3) {
	font-size:18px;
	line-height:1.2em;
}
.pB0 { padding-bottom:0 !important; }
.info-main-using {
	display:flex;
	gap:65px;
	padding:130px 15px 0;
	background:url(/asset/images/support/info2024/info1_img01.png) top center no-repeat;
}
.info-main-using li {
	flex:1;
	text-align:center;
}
.info-main-using li span { font-weight:bold; }
.info-main-why {
	display:flex;
	padding:0 15px;
	justify-content:space-between;
}
.info-main-why li:nth-child(1) { --spot-color:#f3645e; }
.info-main-why li:nth-child(2) { --spot-color:#41afff; }
.info-main-why li:nth-child(3) { --spot-color:#30ca9e; }
.info-main-why strong {
	display:block;
	font-family:'Jalnan';
	font-size:30px;
	color:var(--spot-color);
}
.info-main-why strong i {
	color:#fff;
	background-color:var(--spot-color);
	display:inline-flex;
	width:60px;
	height:60px;
	border-radius:50%;
	align-items:flex-end;
	justify-content:flex-end;
	box-sizing:border-box;
	padding:4px;
	margin-right:12px;
}
.info-main-why p {
	font-size:17px;
	line-height:1.25;
	letter-spacing:-0.05em;
	padding-left:72px;
	margin-top:8px;
	white-space:nowrap;
}
.info-main-why p em { color:var(--spot-color); }
.info-section .info-list { padding-left:5px; }
.info-section .info-list>li~li { margin-top:30px; }
.info-section .info-list>li>span {
	display:block;
	height:40px;
	line-height:40px;
	border-radius:20px;
	padding:0 20px;
	position:relative;
	background:#f6f6f6;
	font-size:19px;
	font-weight:500;
}
/*.info-section .info-list > li > span:before {
	content:'';
	width:10px;
	height:10px;
	background:#fb7565;
	border-radius:50%;
	position:absolute;
	left:-5px;
	top:15px;
}*/
.info-section .info-list li ul {
	margin-top:15px;
	padding-left:25px;
}
.info-section .info-list li li {
	font-size:17px;
	line-height:24px;
}
.info-main-various {
	display:flex;
	flex-wrap:wrap;
	padding:0 15px;
	text-align:center;
	justify-content:space-between;
}
.info-main-various li {
	flex:1;
	min-width:30%;
	margin-bottom:60px;
	align-items:center;
}
.info-main-various li strong {
	font-size:18px;
	display:inline-flex;
	background:rgb(255, 255, 255);
	background:linear-gradient(180deg, rgba(255, 255, 255, 0) 60%, rgba(255, 216, 0, 1) 60%);
	margin:20px 0 12px;
	white-space:nowrap;
}
.info-main-various li p {
	font-size:16px;
	line-height:1.4;
	letter-spacing:-0.05em;
}
.info-img { position:relative; }
.info-quiz01 p {
	position:absolute;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	top:73px;
	left:220px;
	width:240px;
}
.info-discussion01 p {
	position:absolute;
	font-size:14px;
	line-height:1.1;
	height:2.2em;
	display:flex;
	align-items:center;
	justify-content:center;
	font-weight:bold;
	text-align:center;
	top:132px;
	left:50%;
	width:240px;
	margin-left:-120px;
	overflow:hidden;
}
.info-discussion01 .deco1,
.info-discussion01 .deco2 {
	position:absolute;
	font-weight:bold;
	top:220px;
	width:80px;
	text-align:center;
	font-size:12px;
	left:50%;
}
.info-discussion01 .deco1 { margin-left:-90px; }
.info-discussion01 .deco2 { margin-left:10px; }
.info-mode {
	display:flex;
	align-items:center;
	justify-content:space-evenly;
	gap:20px;
}
.info-mode>div,
.info-mode .img-wrap {
	max-width:380px;
	min-width:120px;
	position:relative;
	text-align:center;
}
.info-mode strong {
	display:inline-block;
	margin-bottom:20px;
	font-size:20px;
}
.info-mode .together strong { background:linear-gradient(180deg, rgba(255, 255, 255, 0) 80%, rgba(47, 126, 233, .9) 80%); }
.info-mode .alone strong { background:linear-gradient(180deg, rgba(255, 255, 255, 0) 80%, rgba(251, 106, 93, .9) 80%); }
.info-mode .img-wrap { height:198px; }
.info-mode .txt {
	position:absolute;
	left:10px;
	right:10px;
	line-height:1.1;
	font-weight:bold;
	text-align:center;
	overflow:hidden;
}
.info-mode .together .txt {
	height:2.2em;
	top:20px;
	font-size:15px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.info-mode .alone .txt {
	top:30px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:13px;
	height:3.3em;
	overflow:hidden;
}
.info-mode .info3-img3-a {
	display:flex;
	position:absolute;
	left:50%;
	text-align:center;
	font-weight:bold;
	justify-content:space-between;
	font-weight:bold;
}
.info-mode .together .info3-img3-a {
	top:120px;
	width:184px;
	margin-left:-91px;
	font-size:12px;
}
.info-mode .alone .info3-img3-a {
	top:91px;
	width:100px;
	margin-left:-50px;
	flex-direction:column;
	font-size:12px;
	gap:11px;
	color:#fff;
}
.info-mode [class^=mode-] {
	display:flex;
	align-items:center;
	justify-content:center;
	gap:10px;
	width:100%;
}
.info-mode [class^=item-] {
	position:relative;
	height:110px;
	/* width:120px; */
}
.info-mode [class^=mode-] span {
	width:100%;
	height:40px;
	border-radius:20px;
	font-size:18px;
	line-height:20px;
	color:#fff;
	font-weight:bold;
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	top:-40px;
	left:0;
	padding:0 8px;
	box-sizing:border-box;
}
.mode-blue span { background:#2f7ee9; }
.mode-red span { background:#fb6a5d; }
.info-tbl { margin-top:40px; }
.info-tbl th {
	border:1px solid #333;
	padding:20px 20px;
	font-size:20px;
	position:relative;
}
.info-tbl th .th-blue {
	background:linear-gradient(180deg, rgba(255, 255, 255, 0) 80%, rgba(47, 126, 233, .9) 80%);
	display:inline-block;
}
.info-tbl th .th-red {
	background:linear-gradient(180deg, rgba(255, 255, 255, 0) 80%, rgba(251, 106, 93, .9) 80%);
	display:inline-block;
}
.info-tbl td {
	border:1px solid #333;
	padding:20px 20px;
	font-size:18px;
	letter-spacing:-0.05em;
	line-height:1.3;
}
.info-tbl td a {
	display:inline-block;
	margin-top:5px;
	color:#2f7ee9;
}
.info-tbl td a:hover span {
	border-bottom:1px solid #2f7ee9
}
.info-tabs-nav {
	display:flex;
	justify-content:flex-start;
	padding-bottom:40px;
	flex-wrap:nowrap;
	padding-bottom:40px;
}
.info-tabs-nav li {
	position:relative;
	/* width:107px; */
	flex:1;
	/* height:102px; */
	margin-bottom:15px;
}
.info-tabs-nav li+li { margin-left:10px; }
.info-tabs-nav li a {
	display:block;
	min-height:70px;
	padding:5px 0;
	font-size:15px;
	line-height:22px;
	font-weight:bold;
	border-radius:10px;
	border:1px solid #fb7565;
	background:#fff;
	box-shadow:3px 3px 0 rgba(0, 0, 0, .15);
	text-align:center;
	box-sizing:border-box;
	display:flex;
	width:100%;
	justify-content:space-around;
	align-items:center;
	flex-direction:column;
	height:100%;
	/* justify-content:space-between; */
}
.info-tabs-nav li a img { width:68px; }
.info-tabs-nav li a i[class^="info_worksheet_nav"] {
	height:56px;
	width:68px;
	background:url(/asset/images/support/info2022/info5_img02_nav_img.png)
}
.info-tabs-nav li.ui-tabs-active a i[class^="info_worksheet_nav"],
.info-tabs-nav li a:hover i[class^="info_worksheet_nav"] { background-image:url(/asset/images/support/info2022/info5_img02_nav_img_on.png)
}
.info-tabs-nav li a i.info_worksheet_nav01 { background-position:0 0px;
}
.info-tabs-nav li a i.info_worksheet_nav02 { background-position:0 -60px;
}
.info-tabs-nav li a i.info_worksheet_nav03 { background-position:0 -120px;
}
.info-tabs-nav li a i.info_worksheet_nav04 { background-position:0 -180px;
}
.info-tabs-nav li a i.info_worksheet_nav05 { background-position:0 -240px;
}
.info-tabs-nav li a i.info_worksheet_nav06 { background-position:0 -300px;
}
.info-tabs-nav li a i.info_worksheet_nav07 { background-position:0 -360px;
}
.info-tabs-nav li a i.info_worksheet_nav08 { background-position:0 -420px;
}
.info-tabs-nav li a i.info_worksheet_nav09 { background-position:0 -480px;
}
.info-tabs-nav li a i.info_worksheet_nav10 { background-position:0 -540px;
}
.info-tabs-nav li a i[class^="info_game_nav"] {
	width:100%;
	height:63px;
	margin:8px 0;
}

/* .info-tabs-nav li a i.info_game_nav01 {background-image:url(/asset/images/support/info2022/info7_img02_nav_ico01.png)}
.info-tabs-nav li a i.info_game_nav02 {background-image:url(/asset/images/support/info2022/info7_img02_nav_ico02.png)}
.info-tabs-nav li a i.info_game_nav03 {background-image:url(/asset/images/support/info2022/info7_img02_nav_ico03.png)}
.info-tabs-nav li a i.info_game_nav04 {background-image:url(/asset/images/support/info2022/info7_img02_nav_ico04.png)}
.info-tabs-nav li a i.info_game_nav05 {background-image:url(/asset/images/support/info2022/info7_img02_nav_ico05.png)}
.info-tabs-nav li a i.info_game_nav06 {background-image:url(/asset/images/support/info2022/info7_img02_nav_ico06.png)}
.info-tabs-nav li a i.info_game_nav07 {background-image:url(/asset/images/support/info2022/info7_img02_nav_ico07.png)}
.info-tabs-nav li a i.info_game_nav08 {background-image:url(/asset/images/support/info2022/info7_img02_nav_ico08.png)}
.info-tabs-nav li a i.info_game_nav09 {background-image:url(/asset/images/support/info2022/info7_img02_nav_ico09.png)} */

.info-tabs-nav li.ui-state-active a,
.info-tabs-nav li a:hover,
.info-tabs-nav li a:focus {
	background:#fb7565;
	color:#fff;
}
.info-tabs-nav li.ui-state-active:after {
	content:'';
	position:absolute;
	width:10px;
	height:10px;
	border-bottom:3px solid #fb7565;
	border-left:3px solid #fb7565;
	transform:rotate(-45deg);
	border-radius:2px;
	bottom:-20px;
	left:50%;
	margin-left:-5px;
}
.info-tabs-nav li a small {
	font-size:15px;
	line-height:1em;
	font-weight:normal;
}
.info-tabs-nav li.ui-state-active a small,
.info-tabs-nav li a:hover small,
.info-tabs-nav li a:focus small {
	color:#fff;
	opacity:.8;
}
.info-tabs-cont {
	background:#f6f6f6;
	border-radius:20px;
	padding:15px 20px 15px 35px;
	display:none;
}
.info-tabs-cont .flex-wrap {
	display:flex;
	align-items:center;
}
.info-tabs-cont .flex-wrap img { max-width:280px; }
.info-tabs-cont p {
	font-size:18px;
	line-height:1.4em;
	font-weight:600;
	margin-left:20px;
	letter-spacing:-0.05em;
	word-break:keep-all;
	width:70%;
}
.info-tabs-cont p small {
	font-size:16px;
	font-weight:400;
	display:block;
	margin-top:10px;
}
.info-tabs-cont p a {
	color:#307eea;
	font-weight:400;
	margin-top:10px;
	display:inline-block;
}
.info-tabs-cont p a:hover span { border-bottom:1px solid #307eea; }
.info-vdo-full~.info-vdo-full { margin-top:60px; }
.info-vdo-full iframe {
	display:block;
	margin:0 auto;
}
.info-vdo-full p {
	margin-top:15px;
	font-size:20px;
	text-align:center;
	font-weight:bold;
}
.info-thumb-list li {
	display:inline-block;
	width:33%;
	text-align:center;
	margin-bottom:40px;
	vertical-align:top;
}
.info-thumb-list li img {
	display:block;
	margin:0 auto;
}
.info-thumb-list li p {
	font-size:17px;
	line-height:1.4em;
	word-break:keep-all;
	margin-top:15px;
	letter-spacing:-0.05em;
}
.info-thumb-list li .btn-go {
	height:36px;
	line-height:36px;
	border-radius:18px;
	background:#333;
	color:#fff;
	font-weight:bold;
	padding:0 25px;
	margin-top:-47px;
	transition:all .3s;
}
.info-thumb-list li .btn-go:hover { background:#fb7565; }
.info-thumb-list li .btn-go:after {
	content:'';
	display:inline-block;
	width:8px;
	height:8px;
	border-top:3px solid #fff;
	border-right:3px solid #fff;
	border-radius:3px;
	transform:rotate(45deg);
	margin-left:8px;
}
.info-tbl-worksheet thead th {
	height:70px;
	font-size:22px;
	font-weight:bold;
	background-color:#fb7565;
	color:#fff;
	border:3px solid #fff;
}
.info-tbl-worksheet thead th:nth-of-type(1) { background:url(/asset/images/support/info2022/info5_th_left.png) 2% bottom no-repeat #fb7565; }
.info-tbl-worksheet thead th:nth-of-type(2) { background:url(/asset/images/support/info2022/info5_th_right.png) 98% bottom no-repeat #fb7565; }
.info-tbl-worksheet tbody td {
	font-size:17px;
	letter-spacing:-0.035em;
	text-align:center;
	height:70px;
	background:#f6f6f6;
	border:3px solid #fff;
}
.info-tbl-worksheet tbody tr:nth-of-type(odd) td { background:#fbfaf7; }
.ipt-form {
	margin-bottom:20px;
	font-size:0;
}
.ipt-form cite {
	display:inline-block;
	width:120px;
	text-align:left;
	padding-right:25px;
	font-size:15px;
	line-height:36px;
	vertical-align:top;
}
.ipt-form-inner {
	display:inline-block;
	width:calc(100% - 145px);
	font-size:15px;
}

/* 원격지원서비스 */
.indent-wrap { padding-left:18px; }
.remote-txt { font-size:19px; }

h4+.indent-wrap { margin-top:-25px; }
.mt0 { margin-top:0 !important; }

/* 요금제 */
.contents_summary img { display:block; }
.price-table {
	display:flex;
	margin-bottom:50px;
}
.price-table .price-col {
	padding:24px 25px 24px;
	flex:auto;
	text-align:center;
	font-size:0;
	background:#fff;
	border:1px solid #888;
	border-radius:6px;
	box-shadow:8px 8px 0 rgba(0, 0, 0, .1);
	flex:1;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	position:relative;
}
.price-table .price-col~.price-col { margin-left:40px; }
.price-table .price-col .product-nm {
	display:block;
	font-size:20px;
	line-height:20px;
	margin-bottom:10px;
	margin-bottom:auto;
	height:48px;
	display:flex;
	flex-direction: column;
	gap:8px;
    justify-content: flex-end;
}
.price-table .price-col .product-nm small {
	font-weight:normal;
	font-size:16px;
	display:block;
	color:#000;
}
.price-table .price-col .product-nm b {
	/* display:inline-block; */
}
.price-table .price-col .product-nm time {
	font-weight:normal;
	font-size:12px;
	/* display:inline-block; */
	background:#f1f1f1;
	border-radius:1em;
	padding:0px 12px;
	/* margin-bottom:8px; */
}
.price-table .price-col del {
	margin-top:16px;
	position:relative;
	text-decoration:none;
	font-size:16px;
	line-height:1.2;
	color:#888;
}
.price-table .price-col del:after {
	content:'';
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	height:1px;
	background:#f76854;
}
.price-table .price-col em {
	display:block;
	font-size:26px;
	line-height:1.2em;
	font-weight:bold;
	margin-bottom:12px
}
.price-table .price-col [class^="btn"] {
	min-width:110px;
	
}
.price-table .price-col .noti {
	color:#777;
	font-size:12px;
	position:absolute;
	text-align:center;
	bottom: 20px;
	left: 25px;
	right:25px;
}
/* 연수플러스 요금제 */
.price-recomm {
	background:#fff;
	border:1px solid #888;
	border-radius:6px;
	box-shadow:8px 8px 0 rgba(0, 0, 0, .1);
	margin-bottom:60px;
	padding:20px;
	position:relative;
	overflow:hidden;
}
.price-recomm .recomm-deco {
	background:#333;
	color:#fff;
	padding:50px 30px 5px 30px;
	position:absolute;
	right:-50px;
	top:-25px;
	transform:rotate(45deg);
	font-size:14px;
}
.price-recomm h4 {
	font-size:18px;
	text-align:center;
	line-height:1.4em;
}
.price-recomm .price-crs {
	padding-top:30px;
	padding-bottom:15px;
	display:flex;
	border-bottom:1px solid #e1e1e1;
}
.price-recomm .price-crs dt {
	font-weight:bold;
	padding-left:15px;
	width:140px;
}
.price-recomm .price-crs dt span {
	font-size:16px;
	display:block;
	line-height:1.1em;
	letter-spacing:-0.025em;
}
.price-recomm .price-crs dt em {
	font-size:24px;
	display:block;
	line-height:1.2em;
	letter-spacing:-0.05em;
}
.price-recomm .price-crs dd {
	border:1px solid #b5b5b5;
	border-radius:15px;
	padding:10px 20px;
	font-size:15px;
	color:#888888;
	font-weight:500;
	text-align:center;
	margin-right:10px;
	text-align:center;
	display:flex;
	flex-direction:column;
	justify-content:center;
	line-height:1.25em;
}
.price-recomm .price-crs dd.end {
	border:0;
	background:#f1f1f1;
}
.price-recomm .price-crs dd em { display:block; }
.price-recomm .blt-list li { font-size:13px; }
.price-recomm .blt-list li~li { margin-top:0; }
.price-recomm .btn-38 {
	position:absolute;
	right:30px;
	bottom:20px;
}
.tbl-benefit {
	border-top:3px solid #757c83;
	margin-bottom:40px;
}
.tbl-benefit th {
	background:#f7f7f7;
	vertical-align:middle;
	text-align:left;
	font-size:14px;
	padding:6px 5px;
	border-bottom:1px solid #e3e3e3;
	border-right:1px solid #e3e3e3;
}
.tbl-benefit td {
	border-bottom:1px solid #e3e3e3;
	border-right:1px solid #e3e3e3;
	text-align:center;
	padding:6px 5px;
	font-size:14px;
	letter-spacing:-0.025em;
}
.tbl-benefit td:first-child { text-align:left; }
.tbl-benefit th:last-child,
.tbl-benefit td:last-child { border-right:0; }
.tbl-benefit thead th {
	text-align:center;
	font-size:15px;
	padding:10px 5px;
}
.tbl-benefit thead th.th-basic {
	background:#333333;
	color:#fff;
	font-weight:500;
}
.tbl-benefit thead th.th-pro {
	background:#f76854;
	color:#fff;
	font-weight:500;
}

/* #61709 2024 요금제 추가 */
.price-recomm2024 .price-crs {
	font-size:0;
	display:block;
	box-sizing:border-box;
	padding-top:20px;
}
.price-recomm2024 .price-crs>div {
	display:inline-block;
	vertical-align:middle;
	box-sizing:border-box;
}
.price-recomm2024 .price-crs .price-tit {
	width:18%;
	padding-left:10px;
}
.price-recomm2024 .price-crs .price-gift { width:82%; }
.price-recomm2024 .price-crs .price-tit span {
	font-size:16px;
	display:block;
	line-height:1.1em;
	letter-spacing:-0.025em;
	font-weight:bold;
}
.price-recomm2024 .price-crs .price-tit em {
	font-size:24px;
	display:block;
	line-height:1.2em;
	letter-spacing:-0.05em;
	font-weight:bold;
}
.price-recomm2024 .price-crs .price-def,
.price-recomm2024 .price-crs .price-sel {
	display:flex;
	margin:10px 0;
}
.price-recomm2024 .price-crs .price-def dt,
.price-recomm2024 .price-crs .price-sel dt {
	font-size:15px;
	color:#888888;
	font-weight:600;
	display:flex;
	width:38px;
	align-items:center;
}
.price-recomm2024 .price-crs .price-def dd span,
.price-recomm2024 .price-crs .price-sel dd span { display:contents; }
.price-recomm2024 .blt-bt {
	position:relative;
	padding-top:20px;
}
.price-recomm2024 .blt-bt .btn-38 {
	bottom:auto;
	top:30px;
	right:15px;
}

/* .price-recomm2025 */
.price-recomm2025 .price-pkg-tit {
	font-size:48px;
	font-weight:bold;
	display:block;
	text-align:center;
}
.price-recomm2025 .price-pkg-tit em {
	letter-spacing:-0.05em;
}
.price-recomm2025 .price-crs {
	padding-top:20px;
	padding-bottom:30px;
	display:flex;
	border-bottom:1px solid #e1e1e1;
}

/******************** PAGING ********************/
ul.paging {
	display:block;
	margin:30px auto 0 auto;
	padding:0;
	overflow:hidden;
	text-align:center;
}
ul.paging li {
	display:inline-block;
	padding:0 5px;
	letter-spacing:-1px;
	vertical-align:middle;
}
ul.paging li a {
	display:block;
	color:#777;
	min-width:20px;
	height:30px;
	line-height:30px;
	text-align:center;
	margin:0;
	text-decoration:none;
	font-size:15px;
}

*+html body ul.paging li,
*+html body ul.paging li a { display:inline; }
*+html body ul.paging li.pv,
*+html body ul.paging li.ffw { margin-left:0; }
ul.paging li.ppv a,
ul.paging li.ffw a,
ul.paging li.pv a,
ul.paging li.fw a {
	width:auto;
	padding:0;
	position:relative;
	box-sizing:border-box;
}
ul.paging li.pv { margin-right:20px; }
ul.paging li.fw { margin-left:20px; }
ul.paging li.pv a { padding-left:28px; }
ul.paging li.fw a { padding-right:28px; }
ul.paging li.ppv a { padding-left:33px; }
ul.paging li.ffw a { padding-right:33px; }
ul.paging li.ppv a:before,
ul.paging li.ffw a:before,
ul.paging li.ppv a:after,
ul.paging li.ffw a:after,
ul.paging li.pv a:before,
ul.paging li.fw a:before {
	content:"";
	position:absolute;
	display:block;
	width:11px;
	height:11px;
	position:absolute;
	border-top:1px solid #777;
	border-left:1px solid #777;
	top:10px;
}
ul.paging li.pv a:before,
ul.paging li.ppv a:before,
ul.paging li.ppv a:after {
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
ul.paging li.fw a:before,
ul.paging li.ffw a:before,
ul.paging li.ffw a:after {
	-webkit-transform:rotate(135deg);
	-moz-transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	transform:rotate(135deg);
}
ul.paging li.pv a:before { left:13px; }
ul.paging li.fw a:before { right:13px; }
ul.paging li.ppv a:before { left:10px; }
ul.paging li.ppv a:after { left:16px; }
ul.paging li.ffw a:before { right:10px; }
ul.paging li.ffw a:after { right:16px; }
ul.paging li.disabled a,
ul.paging li.disabled a:hover,
ul.paging li.disabled a:focus { background-position:0 0;
}
ul.paging li a:hover,
ul.paging li a:focus {
	color:#333;
	font-weight:400;
}
ul.paging li.ppv a:hover:before,
ul.paging li.ppv a:focus:before,
ul.paging li.ffw a:hover:before,
ul.paging li.ffw a:focus:before,
ul.paging li.ppv a:hover:after,
ul.paging li.ppv a:focus:after,
ul.paging li.ffw a:hover:after,
ul.paging li.ffw a:focus:after,
ul.paging li.pv a:hover:before,
ul.paging li.pv a:focus:before,
ul.paging li.fw a:hover:before,
ul.paging li.fw a:focus:before {
	border-top:1px solid #000;
	border-left:1px solid #000;
}
ul.paging li.now a,
ul.paging li.now a:hover,
ul.paging li.now a:focus {
	color:#ff7461;
	font-weight:400;
}
ul.paging li.now a:after {
	content:'';
	display:block;
	margin:0 auto;
	height:1px;
	width:14px;
	background:#ff7461;
	position:relative;
	top:-1px;
}

/* 게시판 detail */
.post-detail { margin-top:40px; }
.post-title {
	display:table;
	width:100%;
	margin-bottom:10px;
}
.post-title h4 {
	display:table-cell;
	font-size:24px;
	line-height:30px;
	font-weight:400;
	padding-left:25px;
	vertical-align:bottom;
}
.post-title h4 span {
	color:#888;
	margin-right:5px;
}
.post-info {
	display:table-cell;
	text-align:right;
	padding-right:25px;
	vertical-align:bottom;
	width:180px;
}
.post-info span.state {
	color:#ff7461;
	font-weight:400;
}
.post-info *+span.state:before {
	content:'';
	display:inline-block;
	width:1px;
	height:12px;
	background:#d3d3d3;
	margin:0 10px;
}
.view-area {
	border:1px solid #ff7461;
	padding:30px;
	border-radius:5px;
}
.view-area h5 {
	font-size:15px;
	margin-bottom:5px;
}
.post-view { padding:20px; }
.post-answer {
	background:#f4f4f4;
	padding:30px 40px;
}
.post-answer h5 { margin-top:20px; }
.post-answer time { color:#ff7461; }
.post-answer span.admin-id {
	color:#999;
	margin-left:5px;
}
.post-view a,
.post-view a:hover,
.post-view a:focus {
	text-decoration:underline;
	color:blue
}
.view-area .attached-file {
	border-top:1px solid #ff7461;
	padding:25px 20px 0;
}
.attached-file { overflow:hidden; }
.attached-file span,
.attached-file a {
	float:left;
	clear:left;
	margin-bottom:3px;
	font-weight:300;
	font-size:14px;
}
.attached-file a:after {
	content:'';
	display:block;
	height:1px;
	background:transparent;
}
.attached-file a:not(.cursor-default):hover:after,
.attached-file a:not(.cursor-default):focus:after { background:#777; }
.attached-file .delete { margin-left:5px; }
.file-box+.attached-file { margin-top:15px; }

/* -----------------------
	댓글 
 ----------------------- */
.comment { margin-top:20px; }
.comment h2 {
	font-size:15px;
	color:#555;
	font-weight:400;
	margin-bottom:10px;
	padding-left:25px;
}
.comment h2 em {
	margin-left:5px;
	color:#ff6858;
}

/* 댓글 작성 영역*/
.comment-box {
	background:#fff;
	border:1px solid #e3e3e3;
	padding:20px 40px;
	border-radius:8px;
}
.comment-box .shortcut {
	margin-top:0;
	margin-bottom:20px;
	display:block;
}
.comment-box .shortcut button {
	height:24px;
	border:0;
	cursor:pointer;
	margin-right:25px;
	color:#aaa;
	border-bottom:1px solid #aaa;
}
.comment-box .shortcut button:not(.cursor-default):hover,
.comment-box .shortcut button:not(.cursor-default):focus,
.comment-box .shortcut button.active {
	color:#ff6858;
	border-bottom:1px solid #ff6858;
}
.comment-textarea {
	position:relative;
	display:block;
	font-size:15px;
	color:#333;
	line-height:1.6em;
	font-weight:400;
	margin-bottom:5px;
	padding:0;
	border:0;
	width:100%;
	resize:none;
}
.comment-textarea[contenteditable=true]:empty:before {
	content:attr(placeholder);
	display:block;
	/* For Firefox */
	color:#999;
}
.comment-sticker {
	margin-top:20px;
	font-size:0;
	line-height:0;
}
.comment-sticker span.sticker,
.comment-sticker span.photo {
	display:inline-block;
	position:relative;
	height:115px;
	vertical-align:top;
	margin-right:20px;
	box-sizing:border-box;
}
.comment-box .comment-sticker span.sticker,
.comment-box .comment-sticker span.photo { padding-right:20px; }
.comment-sticker span.sticker img {
	max-width:140px;
	max-height:115px;
	position:relative;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}
.comment-sticker button.remove {
	position:absolute;
	top:0;
	right:0;
	width:14px;
	height:14px;
	border:0;
	padding:0;
}
.comment-sticker button.remove span {
	display:block;
	width:14px;
	height:14px;
	text-indent:-999px;
	overflow:hidden;
}
.comment-sticker button.remove span:before,
.comment-sticker button.remove span:after {
	content:'';
	position:absolute;
	width:100%;
	height:1px;
	background:#aaa;
	top:50%;
	left:0;
}
.comment-sticker button.remove span:before {
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.comment-sticker button.remove span:after {
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
.comment-upload {
	text-align:right;
	position:relative;
}
.comment-upload .ui-checkboxradio-label {
	font-size:13px;
	margin-right:30px;
	vertical-align:middle;
}
.comment-upload .sticker-toggle {
	border:0;
	padding:0;
	width:30px;
	height:30px;
	background:url('../images/common/ico_sticker.svg') center center no-repeat;
	background-size:16px;
	margin-right:16px;
	vertical-align:middle;
	border-radius:50%;
	box-sizing:border-box;
	border:1px solid #ff6858;
}
.comment-upload .sticker-toggle.active { opacity:.9; }
.comment-upload .sticker-toggle.on { opacity:.8; }
.comment-upload .sticker-toggle span {
	display:block;
	overflow:hidden;
	text-indent:-999px;
}
.comment-upload .btn {
	height:30px;
	line-height:28px;
	border-radius:15px;
	padding:0 15px;
}

/* 스티커 판넬 */
.sticker-panel {
	position:absolute;
	background:#fff;
	border:1px solid #ddd;
	border-radius:8px;
	overflow:hidden;
	box-shadow:1px 1px 5px rgba(0, 0, 0, .1);
	top:100%;
	right:0;
	margin-top:-1px;
	width:400px;
	z-index:9;
	display:none;
}
.sticker-panel-header {
	font-size:0;
	line-height:0;
	position:relative;
	padding:0 29px;
	overflow:hidden;
}
.sticker-panel-header nav a {
	position:absolute;
	background:#fff;
	border:1px solid #ddd;
	height:52px;
	width:30px;
	box-sizing:border-box;
	top:-1px;
	z-index:99;
}
.sticker-panel-header nav a:before {
	content:'';
	display:block;
	text-indent:-999px;
	overflow:hidden;
	width:6px;
	height:48px;
	opacity:.5;
	margin:0 auto;
}
.sticker-panel-header nav a:not(.cursor-default):hover:before { opacity:.8; }
.sticker-panel-header nav a.prev { left:-1px; }
.sticker-panel-header nav a.next { right:-1px; }
.sticker-panel-header nav a.prev:before {
	background:url('../images/common/arr_left.svg') center center no-repeat #fff;
	background-size:6px auto;
}
.sticker-panel-header nav a.next:before {
	background:url('../images/common/arr_right.svg') center center no-repeat #fff;
	background-size:6px auto;
}
.sticker-panel-header .slider-inner {
	overflow:hidden;
	width:100%;
}
.sticker-panel-header ul {
	white-space:nowrap;
	border-bottom:1px solid #ddd;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	transition:all .5s;
}
.sticker-panel-header li {
	display:inline-block;
	border-right:1px solid #ddd;
	box-sizing:border-box;
	height:50px;
	width:57px;
	vertical-align:top;
}
.sticker-panel-header li button {
	width:100%;
	height:50px;
	border:0;
	opacity:.3;
	padding:0;
}
.sticker-panel-header li button.img-add span {
	display:block;
	border:0;
	padding:0;
	margin:0 auto;
	width:24px;
	height:24px;
	background:url(../images/common/ico_photo.svg) 0 0 no-repeat;
	overflow:hidden;
	text-indent:-999px;
}
.sticker-panel-header li.active {
	background:#f7f7f9;
	height:51px;
	margin-bottom:-1px;
}
.sticker-panel-header li.active button { opacity:1; }
.sticker-panel-header li button img {
	max-width:55px;
	max-height:48px;
	display:block;
	margin:0 auto;
}
.sticker-panel-header ul { position:relative; }
.sticker-panel-header ul.bounceMax {
	-webkit-animation:bounceMax 0.5s;
	animation:bounceMax 0.5s;
}
.sticker-panel-header ul.bounceMin {
	-webkit-animation:bounceMin 0.5s;
	animation:bounceMin 0.5s;
}
.sticker-panel-list {
	overflow:hidden;
	font-size:0;
	line-height:0;
	background:#f7f7f9;
	padding:20px 15px;
	height:320px;
	overflow:auto;
	text-align:left;
}
.sticker-panel-list li {
	display:inline-block;
	width:25%;
	box-sizing:border-box;
}
.sticker-panel-list li button {
	border:0;
	display:block;
	height:75px;
	padding:0;
	text-align:center;
	width:100%;
}
.sticker-panel-list li button img {
	max-width:100%;
	max-height:100%;
	vertical-align:middle;
}

/* 댓글 리스트 */
.comment-list ul:not(.paging)>li {
	border-radius:8px;
	margin-top:10px;
	background:#f8f8f8;
}
.comment-list li li { background:transparent; }
.comment-list li li+li {
	border-top:1px solid #e3e3e3;
	margin-top:0;
}
.comment-list li.cmt-best { background:#eff8ff; }
.comment-list div.cmt-contents {
	padding:30px 40px;
	position:relative;
}
.comment-list a.cmt-thumb {
	width:50px;
	height:50px;
	position:absolute;
	top:30px;
	left:30px;
	border-radius:50%;
	overflow:hidden;
}
.comment-list a.cmt-thumb~* { padding-left:70px; }
.comment-list a.cmt-thumb:after {
	position:absolute;
	content:'';
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-radius:50%;
	box-sizing:border-box;
	border:1px solid rgba(0, 0, 0, .1);
}
.comment-list a.cmt-thumb img {
	position:absolute;
	min-width:100%;
	min-height:100%;
	max-height:177%;
	max-width:177%;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}
.comment-list span.cmt-secret {
	color:#bbb;
	margin-right:5px;
	font-weight:400;
}
.comment-list .cmt-reply-info {
	position:relative;
	font-size:14px;
	margin-bottom:15px;
}
.comment-list .cmt-reply-info p { font-size:15px; }
.comment-list .cmt-reply-info .mark-editor {
	display:inline-block;
	width:44px;
	height:14px;
	line-height:14px;
	font-size:9px;
	border-radius:7px;
	color:#fff;
	text-align:center;
	font-weight:400;
	margin-right:5px;
	background:rgb(244, 115, 28);
	background:-moz-linear-gradient(-45deg, rgba(244, 115, 28, 1) 0%, rgba(255, 169, 111, 1) 100%);
	background:-webkit-linear-gradient(-45deg, rgba(244, 115, 28, 1) 0%, rgba(255, 169, 111, 1) 100%);
	background:linear-gradient(135deg, rgba(244, 115, 28, 1) 0%, rgba(255, 169, 111, 1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6858', endColorstr='#ffa96f', GradientType=1);
}
.comment-list .cmt-reply-info .mark-secret {
	display:inline-block;
	width:10px;
	height:14px;
	line-height:14px;
	font-size:9px;
	color:#fff;
	text-align:center;
	overflow:hidden;
	text-indent:-999px;
	margin-right:5px;
	background:url('../images/common/ico_secret.svg') 0 0 no-repeat;
	background-size:10px 14px;
	vertical-align:middle;
	position:relative;
	top:1px;
}
.comment-list .cmt-reply-info .cmt-nm {
	color:#333;
	font-weight:700;
	vertical-align:middle;
}
.comment-list .cmt-reply-info time {
	color:#333;
	margin-left:10px;
	vertical-align:middle;
}
.comment-list .cmt-reply-info button { border:0; }
.comment-list .cmt-reply-info button.delete {
	margin-left:10px;
	vertical-align:middle;
}
.comment-list .cmt-reply-info button.edit {
	margin-left:8px;
	vertical-align:middle;
}
.comment-list .cmt-reply-info button.edit span {
	display:block;
	overflow:hidden;
	text-indent:-999px;
	background:url(../images/common/ico_edit.png) center center no-repeat;
	width:12px;
	height:12px;
	opacity:.3;
	margin:0 auto;
	cursor:pointer;
}
.comment-list .cmt-reply-info .adminonly {
	margin-left:20px;
	vertical-align:middle;
}
.comment-list .cmt-reply-info .adminonly,
.comment-list .cmt-reply-info .adminonly a {
	font-size:14px;
	color:#999;
	font-weight:300;
}
.comment-list .cmt-reply-info .report {
	position:absolute;
	border:0;
	right:0;
	top:0;
	height:100%;
	opacity:.4;
	padding:0;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
}
.comment-list .cmt-reply-info .report i {
	display:block;
	text-indent:-999px;
	overflow:hidden;
	width:17px;
	height:20px;
	text-indent:-999px;
	background:url('../images/common/ico_report.svg') center center no-repeat;
}

/* .comment-list li .cmt-contents:hover .cmt-reply-info .report { opacity:.4; } */
.comment-list li .cmt-reply-info .report:hover { opacity:.8; }
.comment-list li>p {
	font-size:14px;
	color:#666;
	font-weight:400;
	margin-top:5px;
	line-height:1.6em;
}
.comment-list div.cmt-contents .fnc {
	width:60px;
	top:50%;
	right:20px;
	left:auto;
	margin-top:-17px;
}
.comment-list div.cmt-contents .fnc .like { width:100%; }
.comment-list div.cmt-contents .fnc .like span { border-bottom:1px solid #777; }
.comment-list div.cmt-contents .fnc .like.on span { border-bottom:1px solid #ff6858; }
.comment-list .reply-toggle {
	border:0;
	margin:20px 0 0;
	padding:0;
}
.comment-list .reply-toggle span {
	display:block;
	font-size:14px;
	line-height:20px;
	height:20px;
	color:#6c6c6c;
	position:relative;
	padding-right:20px;
}
.comment-list .reply-toggle span:after {
	content:'';
	margin-left:10px;
	position:absolute;
	width:0;
	height:0;
	border-top:7px solid #6c6c6c;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-bottom:5px solid transparent;
	top:7px;
	right:0;
	-webkit-transform-origin:center 3px;
	-moz-transform-origin:center 3px;
	-ms-transform-origin:center 3px;
	transform-origin:center 3px;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
}
.comment-list .reply-toggle.on span:after {
	-webkit-transform:rotate(-180deg);
	-moz-transform:rotate(-180deg);
	-ms-transform:rotate(-180deg);
	transform:rotate(-180deg);
}
.comment-list .item-more {
	font-size:14px;
	color:#777;
	border-bottom:0;
}
.comment-list .item-more span:after {
	width:10px;
	height:10px;
}
.comment-list .comment-reply {
	padding:0 40px 20px;
	display:none;
	margin-top:-20px;
}
.comment-list .comment-reply .item-more {
	padding-bottom:0px;
	border-top:1px solid #e3e3e3;
}
.comment-list .comment-reply div.cmt-contents { padding:15px 0; }
.comment-list .comment-reply div.cmt-contents:before {
	content:'';
	position:absolute;
	width:15px;
	height:19px;
	top:35px;
	left:0;
	background:url('../images/common/ico_reply.svg') 0 0 no-repeat;
	opacity:.3;
}
.comment-list .comment-reply li a.cmt-thumb { top:20px; }

/* 연관 인기글 */
.connected-item {
	max-width:750px;
	margin:0 auto;
	padding:50px 0 80px;
	position:relative;
}
.connected-item h2 {
	font-size:18px;
	font-weight:400;
}
.connected-item .tag-list { margin:20px 0; }
.connected-item .tag-list,
.connected-item .tag-list dt,
.connected-item .tag-list dd a { font-size:15px; }
.connected-item .item-list li {
	width:32%;
	margin-right:2%;
	margin-bottom:2%;
	padding-bottom:0;
}
.connected-item .item-list li:nth-of-type(3n) { margin-right:0; }
.connected-item .item-list li:nth-of-type(4n) { margin-right:2%; }
.connected-item .item-list li:nth-of-type(12n) { margin-right:0; }
.connected-item .item-list li article {
	height:103px;
	padding:20px 17px;
	background:#f7f7f7;
}
.connected-item .item-list li article a {
	font-size:15px;
	height:2.4em;
}
.comment-list li .comment-box { padding:25px; }

button.delete {
	border:0;
	vertical-align:middle;
}

button.delete span {
	display:block;
	overflow:hidden;
	text-indent:-999px;
	background:url('../images/common/ico_close.svg') center center no-repeat;
	width:13px;
	height:13px;
	opacity:.2;
	margin:0 auto;
}

button.delete:not(.cursor-default):focus span,
button.delete:not(.cursor-default):hover span {
	opacity:.4
}
.item-more {
	display:block;
	border:0;
	background:transparent;
	color:#555;
	font-size:16px;
	padding:0;
	margin:0 auto;
	width:100%;
	max-width:1080px;
	border-bottom:1px solid #ddd;
	cursor:pointer;
	padding:10px;
}

/* like animation */
button.like {
	padding-left:20px;
	position:relative;
}
.like i {
	position:absolute;
	background:url('../images/common/ico_like.svg') center center no-repeat;
	left:10px;
	top:50%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	margin-top:1px;
}
.like.on i {
	background:url('../images/common/ico_like_on.svg') center center no-repeat;
	animation:heart .3s cubic-bezier(0.17, 0.89, 0.32, 1.49);
}
@keyframes heart {

	0%,
	15% { width:0; }
}

/* 이벤트 */
.sub-top-bnn { margin-bottom:35px; }
.sub-top-bnn a,
.sub-top-bnn img { display:block; }
.sub-top-bnn img { width:100%; }
.event-list {
	border-top:1px solid #e3e3e3;
	border-bottom:1px solid #e3e3e3;
}
.event-list li {
	padding:20px 35px;
	box-sizing:border-box;
}
.event-list li.nodata {
	width:100% !important;
	padding:10px 0;
}
.event-list li.nodata p {
	padding:50px 0;
	text-align:center;
	color:#888;
	font-size:16px;
	background:#f8f8f8;
	width:100%;
}
.event-list a.event-thumb {
	width:350px;
	height:111px;
	display:block;
}
.event-list a.event-thumb img {
	display:block;
	width:100%;
	height:100%;
}
.event-list.now li {
	overflow:hidden;
	display:block;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.event-list.now li+li { border-top:1px solid #e3e3e3; }
.event-list.now dl { width:405px; }
.event-list.now dt {
	font-weight:700;
	font-size:22px;
	line-height:1.2em;
	letter-spacing:-0.05em;
	overflow:hidden;
	margin-bottom:8px;
}
.event-list.now dt a {
	display:inline-block;
	max-width:100%;
	border-bottom:1px solid transparent;
	word-break:keep-all;
}
.event-list.now dt a:not(.cursor-default):hover,
.event-list.now dt a:not(.cursor-default):focus { border-bottom:1px solid #333; }
.event-list.now dd { font-size:16px; }
.event-list dd cite { color:#999; }
.event-list dd span { color:#555; }
.event-list.past { font-size:0; }
.event-list.past li {
	width:50%;
	display:inline-block;
	vertical-align:top;
}
.event-list.past .event-thumb {
	position:relative;
	background:#333;
}
.event-list.past .event-thumb:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	border-width:30px;
	border-style:solid;
	border-color:#7daeff transparent transparent #7daeff;
	z-index:1;
}
.event-list.past .event-thumb img { opacity:.3; }
.event-list.past .event-thumb span {
	position:absolute;
	padding:7px 10px;
	top:0;
	left:0;
	color:#333;
	font-size:14px;
	white-space:nowrap;
	z-index:2;
}
.event-list.past dl { margin-bottom:8px; }
.event-list.past dt {
	font-weight:500;
	font-size:18px;
}
.event-list.past dd { font-size:14px; }
.event-list.past .go-result {
	display:block;
	float:right;
	border-bottom:1px solid #999;
	color:#888;
	margin-top:5px;
	font-size:14px
}
.event-area {
	border-top:1px solid #e3e3e3;
	border-bottom:1px solid #e3e3e3;
}
.event-area .post-view { padding:20px 0; }
.event-area .attached-file {
	border-top:1px solid #e3e3e3;
	padding:30px 70px;
}

/* faq */
.faq { border-top:3px solid #757c83; }
.faq li {
	position:relative;
	border-bottom:1px solid #e3e3e3;
	padding-left:140px;
}
.faq li:not(.cursor-default):hover { background:#fcfcfc; }
.faq li .faq-category {
	position:absolute;
	width:120px;
	top:20px;
	left:0;
	text-align:center;
}
.faq li button { border:0; }
.faq button.faq-toggle {
	display:block;
	width:100%;
	text-align:left;
	cursor:pointer;
	outline:0;
}
.faq button.faq-toggle span {
	display:block;
	padding:20px 0 20px 20px;
	position:relative;
}
.faq button.faq-toggle span:before {
	content:'Q.';
	position:absolute;
	top:20px;
	left:0;
}
.faq-answer {
	background:#f8f8f8;
	border-radius:8px;
	padding:20px 20px 20px 40px;
	margin-bottom:20px;
	position:relative;
	overflow:hidden;
	box-sizing:border-box;
	display:none;
}
.faq-answer:before {
	content:'A.';
	position:absolute;
	top:20px;
	left:20px;
	font-weight:700;
}
.faq-answer>div { min-height:24px; }
.faq-answer .fnc-area {
	position:absolute;
	top:20px;
	right:20px;
}
.faq-answer .fnc-area button {
	vertical-align:top;
	opacity:.5;
	width:24px;
	height:24px;
}
.faq-answer .fnc-area button:not(.cursor-default):hover,
.faq-answer .fnc-area button:not(.cursor-default):focus { opacity:1; }
.faq-answer .lnk {
	display:inline-block;
	margin-top:10px;
	border-bottom:1px solid #777;
}
.faq .active:not(.cursor-default):hover { background:#fff; }
.faq .active .faq-category { font-weight:500; }
.faq .active button.faq-toggle { font-weight:500; }
.lnk_top {
	position:fixed;
	bottom:10px;
	right:10px;
}
.lnk_top a {
	display:block;
	width:40px;
	height:40px;
	background:#fff;
	border:1px solid #ccc;
	border-radius:5px;
	text-align:center;
	font-size:12px;
	color:#555;
	box-sizing:border-box;
	padding-top:17px;
}
.lnk_top a:before {
	content:'';
	display:block;
	position:absolute;
	width:9px;
	height:9px;
	border:0;
	border-top:1px solid #555;
	border-right:1px solid #555;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
	left:15px;
	top:10px;
}

/* report 상세 */
.report-container {
	position:relative;
	margin-bottom:20px;
}
.report-info {
	padding-right:280px;
	min-height:100px;
	margin-bottom:10px;
}
.report-info .em_red { margin-left:3px; }
.report-info .title {
	margin-top:5px;
	margin-bottom:15px;
}
.report-info .title h2 {
	display:inline;
	font-size:30px;
	line-height:1.2em;
	vertical-align:middle;
	letter-spacing:-0.05em;
	word-break:break-word;
}
.report-info time { color:#999; }
.report-count {
	position:absolute;
	top:0;
	right:0;
	font-size:0;
}
.report-count .count-score,
.report-count .count-items,
.report-count .count-persons {
	display:inline-block;
	width:80px;
	height:80px;
	padding-top:10px;
	border-radius:50%;
	text-align:center;
	box-sizing:border-box;
	vertical-align:top;
	margin-left:10px;
	font-size:13px;
	color:#fff;
}
.report-count .count-score { background:#AAA; }
.report-count .count-items { background:#ff7461; }
.report-count .count-persons { background:#333; }
.report-count .count-score strong,
.report-count .count-items strong,
.report-count .count-persons strong {
	display:block;
	font-size:24px;
}
.report-container .btns { margin-top:0; }
.share-container {
	border-top:1px solid #aaa;
	padding:30px 0;
	position:relative;
}
.share-container .homework-info { margin-bottom:30px; }
.share-container .homework-info h3 {
	display:inline-block;
	vertical-align:middle;
	line-height:25px;
}
.share-container .homework-info i.ico-share {
	width:22px;
	height:25px;
	background-position:0 -290px;
	vertical-align:middle;
	margin-right:10px;
}
.share-container .homework-info .deadline {
	display:inline-block;
	vertical-align:middle;
	margin-left:15px;
	color:#999;
}
.share-container .homework-info .btns {
	display:inline-block;
	vertical-align:middle;
	margin-top:0;
	margin-left:15px;
}
.share-container fieldset { padding-right:480px; }
.share-container .share-tkbell {
	position:absolute;
	width:460px;
	text-align:right;
	right:0;
	top:90px;
	margin-top:0;
}
.progress-wrap {
	height:16px;
	padding-right:8px;
}

td .progress-wrap { margin:0 20px; }
.progress-wrap .progress-bar {
	height:16px;
	line-height:16px;
	box-sizing:border-box;
	text-align:right;
	background:#ff6858;
	border-radius:2px 0 0 2px;
	position:relative;
	min-width:25px;
}
.progress-wrap .progress-bar:before {
	content:'';
	position:absolute;
	display:block;
	width:8px;
	height:16px;
	border-radius:0 8px 8px 0;
	background:inherit;
	right:-8px;
	top:0;
	box-sizing:border-box;
}
.progress-wrap .progress-bar span {
	color:#fff;
	font-size:12px;
	line-height:16px;
	display:block;
	padding-right:2px;
	letter-spacing:0;
	white-space:nowrap;
}
.progress-wrap .progress-bar.zero {
	width:0;
	min-width:0;
}
.progress-wrap .progress-bar.zero:before {
	border:1px solid #ff6858;
	background:#fff;
}
.progress-wrap .progress-bar.zero span {
	color:#ff6858;
	position:relative;
	left:15px;
}

/* report-modal */
.report-modal {
	background:#fff;
	position:fixed;
	width:944px;
	padding-top:50px;
	z-index:1100;
	top:60px;
	left:50%;
	margin-left:-472px;
}
.report-modal-header {
	position:absolute;
	width:100%;
	box-sizing:border-box;
	top:0;
	left:0;
	padding:10px 30px;
	height:50px;
	border-bottom:1px solid #ddd;
	background:#fff;
}
.report-modal-header .paging {
	margin-top:0;
	width:130px;
	position:relative;
	height:30px;
	line-height:30px;
}
.report-modal-header ul.paging li { vertical-align:top; }
.report-modal-header ul.paging li.pv,
.report-modal-header ul.paging li.fw { position:absolute; }
.report-modal-header ul.paging li.pv {
	left:0;
	top:0;
}
.report-modal-header ul.paging li.fw {
	right:0;
	top:0;
}

/* 리포트 모달 상세 - 참여자별 */
.report-modal-contents .report-participant-info {
	padding:20px 40px 20px 160px;
	min-height:100px;
	position:relative;
}
.report-modal-contents .report-participant-info .profile {
	width:100px;
	height:100px;
	position:absolute;
	border-radius:50%;
	top:20px;
	left:40px;
	overflow:hidden;
}
.report-modal-contents .report-participant-info .profile span {
	display:flex;
	justify-content:center;
	align-items:center;
	box-sizing:border-box;
	width:100%;
	height:100%;
	border-radius:50%;
	position:relative;
	color:#fff;
	font-weight:500;
	white-space:nowrap;
	font-size:24px;
}
.report-modal-contents .report-participant-info .nickname {
	font-size:26px;
	font-weight:bold;
	display:block;
	padding-top:5px;
	word-break:break-word;
}
.report-modal-contents .info-list {
	margin-top:5px;
	display:inline-block;
	line-height:1.7em;
	letter-spacing:-0.025em;
}
.report-modal-contents .info-list dt {
	float:left;
	font-size:15px;
	color:#888;
	position:relative;
}
.report-modal-contents .info-list dt:before {
	content:'';
	display:inline-block;
	width:4px;
	height:4px;
	border-radius:50%;
	margin-right:5px;
	vertical-align:middle;
	background:#888;
}
.report-modal-contents .info-list dd {
	float:left;
	margin-left:4px;
	color:#888;
}
.report-modal-contents .info-list dd~dt { margin-left:30px; }
.report-modal-contents .info-list dd~.clear { margin-left:0; }
.report-modal-contents .info-list dd em { color:#ff6858; }
.report-modal-contents .info-list .clear { clear:left; }
.report-modal-contents .tbl-list .scroll-area {
	max-height:300px;
	overflow-y:auto;
}
.report-modal-contents .report-participant-info~.tbl-list .scroll-area {
	height:400px;
	max-height:400px;
}
.report-answer {
	padding-left:20px;
	text-align:left;
	font-size:0;
}
.report-chart [class^=blt],
strong[class^=blt] {
	display:inline-block;
	position:relative;
	line-height:21px;
	text-align:left;
	height:21px;
}
.report-answer strong { font-size:15px; }
.report-answer strong[class^=blt] {
	margin-right:15px;
	font-size:15px;
}
.report-chart [class^=blt]:before,
strong[class^=blt]:before {
	content:'';
	width:10px;
	height:21px;
	border-radius:5px;
	position:absolute;
	left:-15px;
	top:0;
}
.bg-red,
.blt-red:before { background-color:#ff0a00 !important; }
.bg-yellow,
.blt-yellow:before { background-color:#ffae00 !important; }
.bg-green,
.blt-green:before { background-color:#00b734 !important; }
.bg-blue,
.blt-blue:before { background-color:#2c79ec !important; }
.bg-purple,
.blt-purple:before { background-color:#6827b7 !important; }
.bg-gray,
.blt-gray:before { background-color:#bcbcbc !important; }
.bg-bluegreen,
.blt-bluegreen:before { background-color:#1d8f85 !important; }
.bg-orange,
.blt-orange:before { background-color:#fc4f47 !important; }
.bg-red.zero span { color:#ff0a00 !important; }
.bg-yellow.zero span { color:#ffae00 !important; }
.bg-green.zero span { color:#00b734 !important; }
.bg-blue.zero span { color:#2c79ec !important; }
.bg-purple.zero span { color:#6827b7 !important; }
.bg-gray.zero span { color:#bcbcbc !important; }
.bg-bluegreen.zero span { color:#1d8f85 !important; }
.bg-orange.zero span { color:#fc4f47 !important; }
.bg-red.zero:before { border-color:#ff0a00 !important; }
.bg-yellow.zero:before { border-color:#ffae00 !important; }
.bg-green.zero:before { border-color:#00b734 !important; }
.bg-blue.zero:before { border-color:#2c79ec !important; }
.bg-purple.zero:before { border-color:#6827b7 !important; }
.bg-gray.zero:before { border-color:#bcbcbc !important; }
.bg-bluegreen.zero:before { border-color:#1d8f85 !important; }
.bg-orange.zero:before { border-color:#fc4f47 !important; }
.report-answer p {
	line-height:18px;
	font-size:15px;
}
.report-answer strong~p { margin-top:5px; }
.report-answer ul li {
	padding-left:8px;
	position:relative;
	line-height:18px;
}
.report-answer ul li:before {
	content:'';
	width:4px;
	height:4px;
	background:#333;
	border-radius:50%;
	position:absolute;
	top:7px;
	left:0;
}

/* 리포트 모달 상세 - 문제별 */
.report-modal-contents .report-item-info {
	padding:30px 40px 30px 40px;
	position:relative;
}
.report-item-info .report-item-q-info {
	display:flex;
	width:100%;
	gap:8px;
}
.report-modal-contents .report-item-info .title {
	min-height:100px;
	width:auto;
	max-width:100%;
	margin-right:auto;
}
.report-modal-contents .report-item-info .title cite { vertical-align:top; }
.report-modal-contents .report-item-info .title .limit {
	vertical-align:top;
	margin-left:15px;
	color:#888;
	font-size:13px;
	background:#eee;
	display:inline-block;
	padding:0 11px;
	line-height:22px;
	border-radius:10px;
}
.report-modal-contents .report-item-info .title h3 {
	font-size:26px;
	line-height:30px;
	margin-top:3px;
	word-break:break-word;
}
.report-modal-contents .report-item-info .media {
	position:relative;
	height:100px;
	max-width:180px;
	flex:0 0 auto;
	border:1px solid rgba(0, 0, 0, .3);
}
.report-modal-contents .report-item-info .media img {
	max-width:180px;
	height:100%;
	display:block;
	object-fit:contain;
}
.report-modal-contents .report-item-info .media:empty { display:none; }
.report-modal-contents .report-item-info figcaption {
	position:absolute;
	top:70px;
	left:0;
	width:100%;
	box-sizing:border-box;
	padding:0 12px;
	font-size:12px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	text-align:center;
}
.report-modal-contents .report-chart {
	margin-top:20px;
	font-size:0;
}
.report-modal-contents .report-chart dl { padding-left:15px; }
.report-modal-contents .report-chart dl~dl { margin-top:4px; }
.report-modal-contents .report-chart dt,
.report-modal-contents .report-chart dd {
	font-size:14px;
	vertical-align:top;
	box-sizing:border-box;
	display:inline-block;
	vertical-align:middle;
	height:23px;
}
.report-modal-contents .report-chart dt { width:50%; }
.report-modal-contents .report-chart [class^=blt]:before { top:1px; }
.report-modal-contents .report-chart dt p {
	display:inline-block;
	max-width:100%;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	line-height:23px;
	padding-left:5px;
}
.report-modal-contents .report-chart dl.checked dt.blt-red,
.report-modal-contents .report-chart dl.checked dt.blt-red~dd.num { background:rgba(251, 0, 7, .1); }
.report-modal-contents .report-chart dl.checked dt.blt-yellow,
.report-modal-contents .report-chart dl.checked dt.blt-yellow~dd.num { background:rgba(253, 159, 9, .1); }
.report-modal-contents .report-chart dl.checked dt.blt-green,
.report-modal-contents .report-chart dl.checked dt.blt-green~dd.num { background:rgba(23, 137, 40, .1); }
.report-modal-contents .report-chart dl.checked dt.blt-blue,
.report-modal-contents .report-chart dl.checked dt.blt-blue~dd.num { background:rgba(35, 96, 231, .1); }
.report-modal-contents .report-chart dl.checked dt.blt-purple,
.report-modal-contents .report-chart dl.checked dt.blt-purple~dd.num { background:rgba(84, 9, 168, .1); }
.report-modal-contents .report-chart dl.checked dt.blt-bluegreen,
.report-modal-contents .report-chart dl.checked dt.blt-bluegreen~dd.num { background:rgba(28, 126, 114, .1); }
.report-modal-contents .report-chart dl.checked dt.blt-orange,
.report-modal-contents .report-chart dl.checked dt.blt-orange~dd.num { background:rgba(248, 54, 52, .1); }
.report-modal-contents .report-chart dl.checked dt { border-radius:5px 0 0 5px; }
.report-modal-contents .report-chart dl.checked dd.num { border-radius:0 5px 5px 0; }
.report-modal-contents .report-chart dt img {
	/* display:block; */
	height:23px;
	border:1px solid #ccc;
	box-sizing:border-box;
	vertical-align:middle;
}
.report-modal-contents dt .expand {
	position:absolute;
	height:100px;
	background:#fff;
	padding:6px;
	border-radius:4px;
	box-shadow:0 5px 15px rgba(0, 0, 0, .5);
	right:100%;
	top:0;
	margin-right:20px;
	transition:all .3s;
	transform-origin:right top;
	transform:scale(0, 0);
	opacity:0;
	z-index:2;
}
.report-modal-contents dt .expand:before {
	content:'';
	position:absolute;
	left:100%;
	top:6px;
	border-top:4px solid #fff;
	border-left:4px solid #fff;
	border-bottom:4px solid transparent;
	border-right:4px solid transparent;
}
.report-modal-contents dt .expand img { height:100px; }
.report-modal-contents dt p:hover+.expand {
	transform:scale(1, 1);
	opacity:1;
}
.report-modal-contents dt .report-balloon {
	display:inline-block;
	position:relative;
	vertical-align:top;
	margin-left:30px;
}
.report-modal-contents dt .report-balloon .answer {
	border-bottom:1px solid #333;
	font-weight:500;
	cursor:pointer;
}
.report-modal-contents dt .report-balloon .balloon {
	position:absolute;
	background:#fff;
	border:1px solid #1b9f98;
	border-radius:8px;
	padding:12px 18px;
	white-space:nowrap;
	min-width:400px;
	left:0;
	top:calc(100% + 10px);
	transform:scale(0, 0);
	transition:all .3s;
	transform-origin:60px top;
}
.report-modal-contents dt .report-balloon .balloon:before {
	content:'';
	position:absolute;
	width:10px;
	height:10px;
	border-top:1px solid #1b9f98;
	border-right:1px solid #1b9f98;
	background:#fff;
	transform:rotate(-45deg);
	left:60px;
	top:-6px;
}
.report-modal-contents dt .report-balloon .answer:hover+.balloon {
	transform:scale(1, 1);
	box-shadow:0 0 10px rgba(0, 0, 0, .2);
}


.report-modal-contents .report-chart dd.num {
	width:100px;
	padding:3px 10px 0;
	text-align:right;
	line-height:16px;
}
.report-modal-contents .report-chart dd.rate {
	width:calc(50% - 100px);
	padding:4px 10px 0;
}
.report-info-bottom {
	display:inline-block;
	width:100%;
	padding-top:8px;
	margin-top:20px;
	border-top:1px solid #ccc;
}
.report-info-bottom .btns { margin-top:0; }
.report-info-bottom .info-list { margin-top:0; }
.report-info-bottom .btns .txt {
	display:inline-block;
	font-size:13px;
	line-height:30px;
	color:#999;
	margin-right:5px;
	vertical-align:middle;
}
.report-info-bottom .btns .tooltip { vertical-align:middle; }

/* 리포트 - 카드짝맞추기 */
.report-card { display:flex; }
.report-item-info .report-card .title {
	width:40%;
	margin-right:30px;
}
.report-card .report-chart {
	width:60%;
	margin-top:30px;
}
.report-card h3 { display:flex; }
.report-card-col {
	display:inline-flex;
	/*align-items:center;*/
	margin-left:10px;
}
.report-card-col figure {
	max-width:130px;
	max-height:180px;
	background:#fff;
	margin-right:10px;
	font-size:0;
	line-height:0;
	position:relative;
	box-sizing:border-box;
	border:1px solid rgba(0, 0, 0, .3);
}
.report-card-col figure img {
	width:100%;
	height:100%;
	object-fit:cover;
}
.report-card-col .txt {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	margin-right:10px;
	text-align:center;
	font-weight:bold;
}
.report-card-col strong {
	display:inline-block;
	word-break:break-word;
}
.tbl-list .report-card-col {
	justify-content:center;
	font-size:15px;
}
.tbl-list .report-card-col figure {
	max-width:70px;
	max-height:90px;
	margin-right:5px;
}
.tbl-list .report-card-col .txt {
	margin-right:5px;
	font-weight:normal;
	font-size:15px;
}
.tbl-list td.tit .report-card-col {
	display:inline-flex;
	align-items:center;
	margin-left:2px;
	padding:2px 0;
	vertical-align:middle;
}

/* qr code */
.qr-url {
	font-size:12px;
	margin-top:15px;
	padding:5px;
	background:#f5f5f5;
	border:1px solid #eee;
	border-radius:4px;
}

/* board landing page */
.container-fullpage {
	min-width:1240px;
	padding-top:114px;
}
section[class^='board-section'] { position:relative; }
section[class^='board-section'] .contents {
	max-width:1120px;
	margin:0 auto;
	position:relative;
	text-align:center;
}
section[class^='board-section'] .contents h2 { margin-bottom:60px; }
.board-section1 {
	background:url(/asset/images/sub/board_main1_bg.png) center no-repeat;
	background-color:#f6f2f1;
	padding:90px 0;
}
.board-section1 .deco1 {
	position:absolute;
	animation-duration:.5s;
	animation-delay:1s;
	animation-fill-mode:both;
	animation-name:rollIn;
	animation-iteration-count:1;
	opacity:0;
	left:555px;
	bottom:170px;
}
.board-section1 .deco2 {
	position:absolute;
	animation-duration:.5s;
	animation-delay:1.75s;
	animation-name:rollInReverse;
	animation-fill-mode:both;
	animation-iteration-count:1;
	opacity:0;
	right:-10px;
	bottom:153px;
}
@keyframes rollIn {
	0% {
		opacity:0;
		transform:translate3d(-50%, 15%, 0) rotate(-120deg)
	}
	to {
		opacity:1;
		transform:translateZ(0)
	}
}
@keyframes rollInReverse {
	0% {
		opacity:0;
		transform:translate3d(50%, 15%, 0) rotate(120deg)
	}
	to {
		opacity:1;
		transform:translateZ(0)
	}
}
.board-section2 { background-color:#fff;padding:90px 0; }
.board-section3 {
	background:url(/asset/images/sub/board_main3_bg1.png) left bottom no-repeat;
	background-color:#ff6759;
	padding:60px 0;
}
.board-section3:before {
	content:'';
	position:absolute;
	background:url(/asset/images/sub/board_main3_bg2.png) right top no-repeat;
	right:0;
	top:0;
	width:540px;
	height:300px;
}
.board-section3 .sample-lnk { font-size:0; }
.board-section3 .sample-lnk a {
	display:inline-block;
	box-sizing:border-box;
	width:calc(50% - 20px);
	background:#fff;
	border-radius:10px;
	padding:25px;
	vertical-align:top;
	box-shadow:0 0 10px rgba(0, 0, 0, .2);
	transform:translateY(0);
	transition:all .3s;
}
.board-section3 .sample-lnk a:hover {
	box-shadow:0 10px 10px rgba(0, 0, 0, .1);
	transform:translateY(-10px);
}
.board-section3 .sample-lnk a strong {
	display:block;
	margin-top:25px;
	text-align:center;
	font-size:35px;
	line-height:60px;
}
.board-section3 .sample-lnk a strong span {
	display:inline-block;
	font-size:27px;
	color:#fff;
	height:60px;
	line-height:60px;
	border-radius:30px;
	background:#ff6759;
	padding:0 20px;
	vertical-align:top;
}
.board-section3 .sample-lnk a~a { margin-left:40px; }
.board-section3 .sample-lnk a img {
	display:block;
	margin:0 auto;
	border:1px solid #ddd;
}
.board-section3 .ico-arr-wht,
.board-section4 .ico-arr-wht {
	margin-left:10px;
	vertical-align:0;
	width:13px;
	height:22px;
	background:url(/asset/images/common/arr_right_wht.svg) center no-repeat;
	background-size:contain;
}
.board-section4 {
	background:url(/asset/images/sub/board_main4_bg.png) center no-repeat;
	background-color:#f8f4ed;
	padding:60px 0 90px;
	border-bottom:1px solid #ddd;
}
.board-section4 .btns { text-align:center; }
.board-section4 .btns .btn {
	height:95px;
	line-height:92px;
	border-radius:47px;
	font-size:40px;
	width:406px;
	color:#fff;
	font-weight:bold;
	margin:0 20px;
	background:#333;
}
.board-section4 .btns .btn.spot { background:#ff6759; }
.board-section4 .btns .btn .ico-arr-wht {
	width:18px;
	height:34px;
	vertical-align:-2px;
}


/* worksheet landing page */
section[class^="worksheet-section"] { position:relative; }

section[class^="worksheet-section"] .contents {
	max-width:1120px;
	margin:0 auto;
	position:relative;
	text-align:center;
}

section[class^="worksheet-section"] .contents h2 { margin-bottom:60px; }
.worksheet-section0 {
	background:#ffe347;
	padding:90px 0;
}
.worksheet-section0 .deco-cercle {
	position:absolute;
	width:100px;
	height:100px;
	right:147px;
	bottom:59px;
}
.worksheet-section0 .deco-cercle span {
	position:absolute;
	border:3px solid #005eff;
	width:100px;
	height:100px;
	border-radius:50%;
	background:rgba(0, 94, 255, 1);
	box-sizing:border-box;
}
@-webkit-keyframes zoomInFadeOut {
	0% {
		opacity:1;
		-webkit-transform:scale3d(.3, .3, .3);
		transform:scale3d(.3, .3, .3)
	}

	to {
		opacity:0;
		background:rgba(0, 94, 255, 0);
	}
}
@keyframes zoomInFadeOut {
	0% {
		opacity:1;
		-webkit-transform:scale3d(.3, .3, .3);
		transform:scale3d(.3, .3, .3)
	}

	to {
		opacity:0;
		background:rgba(0, 94, 255, 0);
	}
}
.zoomInFadeOut {
	-webkit-animation-name:zoomInFadeOut;
	animation-name:zoomInFadeOut
}
.worksheet-section0 .deco1 {
	position:absolute;
	right:35px;
	bottom:-10px;
}
.worksheet-section1 { padding:90px 0 30px; }
.worksheet-section2 { background-color:#fff;
	padding:90px 0;
}
.worksheet-section2 ul { font-size:0; }
.worksheet-section2 li {
	display:inline-block;
	vertical-align:top;
	margin:0 20px;
}
.worksheet-section3 {
	background:url(/asset/images/sub/worksheet_main3_bg1.png) left bottom no-repeat;
	background-color:#005eff;
	padding:60px 0 120px;
}
.worksheet-section3:before {
	content:'';
	position:absolute;
	background:url(/asset/images/sub/worksheet_main3_bg2.png) right top no-repeat;
	right:0;
	top:0;
	width:540px;
	height:300px;
}
.worksheet-section3 .sample-lnk { font-size:0; }
.worksheet-section3 .sample-lnk a {
	display:inline-block;
	box-sizing:border-box;
	vertical-align:top;
}
.worksheet-section3 .sample-lnk a img {
	display:block;
	border-radius:10px;
	box-shadow:0 0 10px rgba(0, 0, 0, .2);
	transform:translateY(0);
	transition:all .3s;
}
.worksheet-section3 .sample-lnk a:hover img {
	box-shadow:0 10px 10px rgba(0, 0, 0, .1);
	transform:translateY(-10px);
}
.worksheet-section3 .sample-lnk a .btn-go {
	display:block;
	text-align:center;
	font-size:27px;
	height:60px;
	line-height:60px;
	border-radius:30px;
	background:#333;
	width:60%;
	margin:-30px auto 0;
	position:relative;
}
.worksheet-section3 .sample-lnk a~a { margin-left:40px; }
.worksheet-section3 .sample-lnk a img {
	display:block;
	margin:0 auto;
	border:1px solid #ddd;
}
.container-fullpage .ico-arr-wht {
	margin-left:10px;
	vertical-align:0;
	width:13px;
	height:22px;
	background:url(/asset/images/common/arr_right_wht.svg) center no-repeat;
	background-size:contain;
}
.worksheet-section4 {
	background:url(/asset/images/sub/worksheet_main4_bg.png) center top no-repeat;
	background-color:#e3f3ff;
	padding:60px 0 90px;
	border-bottom:1px solid #ddd;
}
.worksheet-section4 .btns { text-align:center; }
.worksheet-section4 .btns .btn {
	height:95px;
	line-height:92px;
	border-radius:47px;
	font-size:40px;
	width:406px;
	color:#fff;
	font-weight:bold;
	margin:0 20px;
	background:#333;
}
.worksheet-section4 .btns .btn.spot {
	background:#005eff;
	width:450px;
}
.worksheet-section4 .btns .btn.spot:hover,
.worksheet-section4 .btns .btn.spot:focus {
	box-shadow:0 5px 10px rgba(0, 94, 255, .3)
}
.worksheet-section4 .btns .btn .ico-arr-wht {
	width:18px;
	height:34px;
	vertical-align:-2px;
}

/******************** Lesson ********************/
.container-lesson *[class^="btn"].spot,
.container-lesson .spot,
.contents-lesson *[class^="btn"].spot,
.contents-lesson .spot { background:#865edf; }
.container-lesson .line-spot,
.contents-lesson .line-spot {
	color:#865edf !important;
	border-color:#865edf;
}
.container-lesson *[class^="btn"].spot:hover,
.container-lesson .spot:hover,
.contents-lesson *[class^="btn"].spot:hover,
.contents-lesson .spot:hover,
.container-lesson .line-spot:hover,
.contents-lesson .line-spot:hover { box-shadow:0 5px 10px rgba(134, 94, 223, .4); }

/* 레슨 목록 */
.lesson-banner {
	padding-top:30px;
	padding-bottom:20px;
}
.lesson-banner .bnn {
	position:relative;
	height:240px;
	overflow:hidden;
}
.lesson-banner .bnn ul {
	white-space:nowrap;
	font-size:0;
}
.lesson-banner .bnn li {
	position:relative;
	overflow:hidden;
	box-shadow:0 0 5px rgba(0, 0, 0, .1);
	display:inline-block;
	width:360px;
	margin-right:20px;
	font-size:15px;
}
.lesson-banner .bnn li a { display:block; }
.lesson-banner .bnn li a:after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	box-sizing:border-box;
	border:1px solid #00000011;
	transition:all .3s;
}
.lesson-banner .bnn li a:hover:after { border:5px solid #805ad5; }
.lesson-banner .bnn li figure img {
	display:block;
	width:360px;
	height:240px;
}
.lesson-banner .bnn li figcaption {
	position:absolute;
	background:rgba(0, 0, 0, .65);
	bottom:0;
	left:0;
	width:100%;
	box-sizing:border-box;
	padding:10px 20px 15px;
	font-size:14px;
	line-height:20px;
	height:65px;
	color:#fff;
	transform:translateY(100%);
	transition:all .3s;
}
.lesson-banner .bnn li a:hover figcaption { transform:translateY(0%); }
.lesson-banner .bx-controls-direction a {
	position:absolute;
	background:rgba(0, 0, 0, .5);
	width:30px;
	height:30px;
	top:50%;
	margin-top:-15px;
	border-radius:50%;
	font-size:0;
	border:1px solid rgba(0, 0, 0, .2);
}
.lesson-banner .bx-controls-direction a:before {
	content:'';
	display:block;
	position:absolute;
	width:10px;
	height:10px;
	border:0;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	top:10px;
}
.lesson-banner .bx-controls-direction a.bx-prev { left:10px; }
.lesson-banner .bx-controls-direction a.bx-next { right:10px; }
.lesson-banner .bx-controls-direction a.bx-prev:before {
	-webkit-transform:rotate(-135deg);
	-moz-transform:rotate(-135deg);
	-ms-transform:rotate(-135deg);
	transform:rotate(-135deg);
	right:7px;
}
.lesson-banner .bx-controls-direction a.bx-next:before {
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	left:7px;
}
.container-lesson .recomm-keyword,
.contents-lesson .recomm-keyword {
	position:relative;
	padding:10px 0;
	margin-top:0;
}
.container-lesson .recomm-keyword:before,
.contents-lesson .recomm-keyword:before {
	content:'';
	position:absolute;
	width:calc(100vw - 15px);
	/* -15:scroll width */
	height:100%;
	top:0;
	left:50%;
	transform:translateX(-50%);
	background:#f6f6f6;
	box-sizing:border-box;
}
@media screen and (max-width:1120px) {

	.container-lesson .recomm-keyword:before,
	.contents-lesson .recomm-keyword:before { width:100%; }
}
.container-lesson .recomm-keyword ul,
.contents-lesson .recomm-keyword ul {
	position:relative;
	z-index:2;
	justify-content:space-between;
	align-items:center;
}
.container-lesson .recomm-keyword ul li a,
.contents-lesson .recomm-keyword ul li a {
	align-items:center;
	justify-content:center;
	border:1px solid #865edf;
	background:#fff;
	transition:all .3s;
}

/* 레슨 상세 */
.lesson-visual {
	margin-bottom:10px;
	border-radius:5px;
	overflow:hidden;
	height:260px;
	background:#865edf11;
}
.lesson-visual img {
	display:block;
	width:1120px;
	height:100%;
}
.lesson-info {
	margin-bottom:30px;
	border:1px solid #ddd;
	border-radius:5px;
}
.lesson-info .lesson-author {
	font-size:14px;
	line-height:20px;
	white-space:nowrap;
	margin-top:25px;
	color:#555;
}
.lesson-info .lesson-author i {
	display:inline-block;
	vertical-align:top;
	height:20px;
	width:20px;
	border-radius:50%;
	overflow:hidden;
	margin-right:5px;
}
.lesson-info .lesson-tit {
	font-size:24px;
	font-weight:500;
	color:#333;
	line-height:1.2em;
}
.lesson-info .lesson-info-col {
	display:flex;
	flex-direction:column;
	padding:25px 20px;
	border-bottom:1px solid #ddd;
}
.lesson-info .lesson-info-row:last-child,
.lesson-info .lesson-info-col:last-child { border-bottom:0; }
.lesson-info .lesson-info-row {
	display:flex;
	flex-direction:row;
	padding:15px 20px;
	border-bottom:1px solid #ddd;
}
.lesson-info .loc {
	font-size:15px;
	margin-bottom:20px;
}
.lesson-info .loc a {
	color:#888;
	border-bottom:1px solid transparent;
}
.lesson-info .loc a:hover { border-bottom:1px solid #888; }
.lesson-info .txt {
	color:#555;
	font-size:15px;
	line-height:20px;
	margin-bottom:20px;
}
.lesson-info .tags li {
	display:inline-block;
	font-size:15px;
	line-height:20px;
	margin-right:10px;
	color:var(--theme-color);
}
.lesson-info .lesson-info-row .ar { margin-left:auto; }
.lesson-info .lesson-info-row .ar>* {
	display:inline-block;
	vertical-align:middle;
	margin-left:12px;
}
.lesson-info .lesson-info-row .btns { margin-top:0; }
.lesson-info .num,
.lesson-info time {
	font-size:13px;
	height:20px;
	line-height:20px;
	color:#888;
}
.lesson-info .num i.ico-bell {
	vertical-align:-4px;
	margin-right:5px;
}

/* 
.tabs-lesson {}
.tabs-lesson ul {
	display:flex;
    flex-wrap:wrap;
}
.tabs-lesson ul li {
	width:calc((100% - 70px)/6);
	box-sizing:border-box;
	height:60px;
	margin-bottom:10px;
	margin-right:14px;
	position:relative;
} 
.tabs-lesson ul li:nth-of-type(6n) { margin-right:0; }

** jquery sortable 적용시 display:flex 속성 사용할경우 영역 감지가 제대로 이뤄지지 않음. **   
*/
.tabs-lesson { margin-bottom:30px; }
.tabs-lesson ul {
	font-size:0;
	width:calc(100% + 14px);
	margin-left:-7px;
	display:flex;
	flex-wrap:wrap;
}
.tabs-lesson ul li {
	min-width:calc((100% - 84px)/6);
	flex:1;
	box-sizing:border-box;
	height:60px;
	margin-bottom:10px;
	margin-left:7px;
	margin-right:7px;
	position:relative;
	display:inline-block;
	vertical-align:top;
	background:#fff;
}
.tabs-lesson ul li:nth-of-type(n+7) {
	width:calc((100% - 84px)/6);
	flex:none;
}
.tabs-lesson ul li.highlight {
	background:#eeeeee;
	height:60px;
	box-sizing:border-box;
	border:1px dashed #865edf;
	border-radius:5px;
	margin-bottom:10px;
}
.tabs-lesson ul li.empty {
	width:calc(100% - 14px);
	height:130px;
	margin-right:0;
	background:#eeeeee;
	border:1px solid #ddd;
	border-radius:5px;

	display:flex;
	justify-content:center;
	align-items:center;
}
.tabs-lesson ul li.empty p { font-size:16px; }
.tabs-lesson ul li button {
	width:100%;
	height:60px;
	border-radius:5px;
	border:1px solid #ddd;
	background:#eee;
	border-color:var(--theme-color);
	background-color:var(--theme-color-lighter);
	font-size:16px;
	line-height:1.2;
	padding:0 10px;
	transition:all .3s;
	color:#333;
}
.tabs-lesson ul li.is-active button,
.tabs-lesson ul li button:hover,
.tabs-lesson ul li.is-active>span,
.tabs-lesson ul li>span:hover { background-color:var(--theme-color);
	color:#fff;
}
.tabs-lesson ul li>span {
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:60px;
	border-radius:5px;
	border:1px solid #ddd;
	background:#eee;
	border-color:var(--theme-color);
	background-color:var(--theme-color-lighter);
	font-size:16px;
	line-height:1.2;
	padding:0 10px;
	transition:all .3s;
	box-sizing:border-box;
	color:#333;
}
.container-lesson .item-list-thumb .line-spot,
.contents-lesson .item-list-thumb .line-spot {
	border:1px solid var(--theme-color);
	background:#fff;
	color:var(--theme-color) !important;
}
.container-lesson .item-list-thumb .line-spot:hover,
.container-lesson .item-list-thumb .line-spot:focus,
.contents-lesson .item-list-thumb .line-spot:hover,
.contents-lesson .item-list-thumb .line-spot:focus {
	color:var(--theme-color) !important;
	box-shadow:0 5px 10px var(--theme-color-lighter);
}
.tabs-lesson ul li button.btn-del {
	position:absolute;
	width:20px;
	height:20px;
	border-radius:50%;
	border:0;
	background:#865edf;
	top:6px;
	right:6px;
}
.tabs-lesson ul li button.btn-del span {
	position:absolute;
	width:10px;
	height:10px;
	top:5px;
	left:5px;
	transform:rotate(45deg);
}
.tabs-lesson ul li button.btn-del span:before,
.tabs-lesson ul li button.btn-del span:after {
	content:'';
	background:#fff;
	position:absolute;
	border-radius:1px;
}
.tabs-lesson ul li button.btn-del span:before {
	top:0;
	left:4px;
	width:2px;
	height:10px;
}
.tabs-lesson ul li button.btn-del span:after {
	top:4px;
	left:0px;
	width:10px;
	height:2px;
}


/*  lesson theme */
.container-lesson *[class^="ico"],
.contents-lesson *[class^="ico"] { background-image:url(../images/common/ico_sprite_lesson.png);
}
.container-lesson .btns .btn-24:not(.cursor-default):hover,
.container-lesson .btns .btn-24:not(.cursor-default):focus,
.container-lesson .btns .btn-30:not(.cursor-default):hover,
.container-lesson .btns .btn-30:not(.cursor-default):focus,
.contents-lesson .btns .btn-24:not(.cursor-default):hover,
.contents-lesson .btns .btn-24:not(.cursor-default):focus,
.contents-lesson .btns .btn-30:not(.cursor-default):hover,
.contents-lesson .btns .btn-30:not(.cursor-default):focus {
	color:#865edf !important;
	background:#fff;
	border:1px solid #865edf;
	box-shadow:none;
}
.container-lesson .btns .more-panel button:not(.cursor-default):hover,
.container-lesson .btns .more-panel button:not(.cursor-default):focus,
.contents-lesson .btns .more-panel button:not(.cursor-default):hover,
.contents-lesson .btns .more-panel button:not(.cursor-default):focus { color:#865edf; }
.container-lesson .recomm-keyword ul li a:hover,
.contents-lesson .recomm-keyword ul li a:hover {
	border:1px solid #865edf;
	background:#865edf;
	color:#fff;
}
.container-lesson .option-menu dd .ui-checkboxradio-label.ui-checkboxradio-checked,
.contents-lesson .option-menu dd .ui-checkboxradio-label.ui-checkboxradio-checked {
	border:1px solid #865edf;
	background:#865edf;
}
.container-lesson .search-bar,
.contents-lesson .search-bar { border-color:#865edf; }
.container-lesson .search-bar:before,
.contents-lesson .search-bar:before {
	background:url(../images/common/ico_sprite_lesson.png) -160px 0 no-repeat
}
.container-lesson .search-bar .sch-smit,
.contents-lesson .search-bar .sch-smit { background:#865edf; }
.container-lesson .tabs li.ui-tabs-active a,
.container-lesson .tabs li.active a,
.contents-lesson .tabs li.ui-tabs-active a,
.contents-lesson .tabs li.active a { color:#865edf; }
.container-lesson .tabs ul,
.container-lesson .tabs li.ui-tabs-active,
.container-lesson .tabs li.active,
.contents-lesson .tabs ul,
.contents-lesson .tabs li.ui-tabs-active,
.contents-lesson .tabs li.active { border-color:#865edf; }
.container-lesson ul.paging li.now a,
.container-lesson ul.paging li.now a:hover,
.container-lesson ul.paging li.now a:focus,
.contents-lesson ul.paging li.now a,
.contents-lesson ul.paging li.now a:hover,
.contents-lesson ul.paging li.now a:focus { color:#865edf; }
.container-lesson ul.paging li.now a:after,
.contents-lesson ul.paging li.now a:after { background:#865edf; }

/******************** PAYMENT ********************/
/* 결제별도창 */
.payment-header {
	background:#fff;
	padding:27px 0;
	position:relative;
	min-width:856px;
	width:1120px;
	margin:0 auto;
}
.payment-header h1 { text-align:center; }
.payment-header h1 img {
	display:block;
	margin:0 auto;
}
.payment-header a.go-prev,
.payment-header a.go-home {
	position:absolute;
	bottom:27px;
	opacity:.6;
	font-size:16px;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
}
.payment-header a.go-prev {
	left:0px;
	padding-left:23px;
}
.payment-header a.go-home {
	right:0px;
	padding-right:23px;
}
.payment-header a.go-prev:before,
.payment-header a.go-prev:after,
.payment-header a.go-home:before,
.payment-header a.go-home:after {
	content:'';
	position:absolute;
	width:15px;
	height:1px;
	border-radius:1px;
	background:#777;
}
.payment-header a.go-prev:before {
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
	left:0;
	top:50%;
	margin-top:-5px;
}
.payment-header a.go-prev:after {
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	left:0;
	top:50%;
	margin-top:5px;
}
.payment-header a.go-home:before {
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	right:0;
	top:50%;
	margin-top:-5px;
}
.payment-header a.go-home:after {
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
	right:0;
	top:50%;
	margin-top:5px;
}
.payment-contents {
	width:528px;
	margin:0 auto;
	padding-top:35px;
}
.payment-contents .btns { margin-top:60px; }
.roundbox-red {
	border:1px solid #ff6858;
	padding:40px 45px;
	border-radius:10px;
}
.roundbox-red .product-nm {
	font-size:24px;
	display:block;
	margin-bottom:20px;
}
.roundbox-red .product-info {
	overflow:hidden;
	font-size:16px;
	letter-spacing:-0.025em;
}
.roundbox-red .product-info dt {
	float:left;
	clear:left;
	color:#888;
	margin-right:5px;
}
.roundbox-red .product-info dd {
	float:left;
	color:#888;
}
.roundbox-red .product-info dt~dt,
.roundbox-red .product-info dd~dd { margin-top:5px; }
.payment-method {
	/* border-top:1px solid #e3e3e3;
	border-bottom:1px solid #e3e3e3; */
	padding:10px 0 5px;
	font-size:0;
}
.payment-method [class^=paym-] {
	display:inline-block;
	box-sizing:border-box;
	width:calc((100% - 40px)/3);
	vertical-align:top;
}
.payment-method [class^=paym-]~[class^=paym-] { margin-left:20px; }
.payment-method [class^=paym-] .ui-checkboxradio-label {
	display:flex;
	align-items:center;
	height:100px;
	color:#ff6858;
	font-size:18px;
	padding-left:25px;
	border:1px solid #ff6858;
	border-radius:5px;
}
.payment-method [class^=paym-] .ui-checkboxradio-label:hover { background-color:rgba(237, 114, 96, .1);
}
.payment-method [class^=paym-] .ui-checkboxradio-label.ui-checkboxradio-checked {
	color:#ffffff;
	background:#ff6858;
}
.paym-card .ui-checkboxradio-radio-label .ui-checkboxradio-icon {
	width:42px;
	height:32px;
	border:0;
	background:url(/asset/images/payment/ico_pay_creditcard.png) 0 0 no-repeat;
	border-radius:0;
}
.paym-directbank .ui-checkboxradio-radio-label .ui-checkboxradio-icon {
	width:42px;
	height:33px;
	border:0;
	background:url(/asset/images/payment/ico_pay_directbank.png) 0 0 no-repeat;
	border-radius:0;
}
.paym-account .ui-checkboxradio-radio-label .ui-checkboxradio-icon {
	width:40px;
	height:33px;
	border:0;
	background:url(/asset/images/payment/ico_pay_account.png) 0 0 no-repeat;
	border-radius:0;
}
.paym-card .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-checkboxradio-icon,
.paym-directbank .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-checkboxradio-icon,
.paym-account .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-checkboxradio-icon { background-position:0 -40px;
}
.payment-method [class^=paym-] .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-checkboxradio-icon:before { content:none; }
.payment-method>p {
	font-size:14px;
	margin-top:10px;
	min-height:20px;
}
.payment-method .tbl-info {
	border-top:1px solid #ddd;
	margin-top:10px;
}
.payment-method .tbl-info th { font-size:15px; }
.payment-method .tbl-info td {
	padding:15px;
	font-size:15px;
}
.payment-method .tbl-info td .datepicker {
	width:150px;
	text-align:center;
}
.payment-method .tbl-info .ui-datepicker-trigger {
	border:0;
	padding:0;
	height:36px;
	vertical-align:middle;
	margin-left:10px;
}
.payment-result {
	padding:55px 0 50px;
	text-align:center;
}
.payment-result strong {
	font-size:24px;
	display:block;
	color:#ff6858;
	margin-bottom:10px;
}
.payment-result p {
	font-size:18px;
	font-weight:bold;
	line-height:1.4em;
}
.payment-result-txt {
	text-align:center;
	padding:40px 0 35px;
}
.payment-result-txt p {
	margin-top:20px;
	font-size:16px;
	line-height:1.4em;
	color:#888;
}

/* 환불 신청 */
.refund-step {
	padding:15px 30px 35px;
	font-size:0;
}
.refund-step li {
	position:relative;
	display:inline-block;
	vertical-align:top;
	font-size:18px;
	color:#ff6858;
	box-sizing:border-box;
	margin-right:25px;
	border:1px solid #ff6858;
	border-right:0;
	border-radius:5px 0 0 5px;
	height:65px;
	line-height:63px;
	text-align:center;
	width:calc((100% - 135px)/3);
}
.refund-step li~li { margin-left:30px; }
.refund-step li:before,
.refund-step li:after {
	content:'';
	position:absolute;
	width:0;
	height:1px;
	top:-1px;
	border-top:32px solid transparent;
	border-bottom:32px solid transparent;
	border-right:0;
}
.refund-step li:before {
	border-left:25px solid #ff6858;
	right:-25px;
}
.refund-step li:after {
	border-left:25px solid #ffffff;
	right:-24px;
}
.refund-policy { padding:25px; }
.refund-policy .policy-tit h4 { display:inline;vertical-align:middle; }
.refund-policy .policy-tit a { font-size:13px;margin-left:8px;vertical-align:middle; }
.refund-policy .policy-tit a:hover { border-bottom:1px solid #ff6858; }
.refund-policy *~h4 { margin-top:50px; }
.refund-policy .blt-list { margin-top:5px; }
.refund-sub-tit {
	font-weight:500;
	display:inline-block;
	vertical-align:middle;
	padding-left:10px;
	position:relative;
	box-sizing:border-box;
}
.refund-sub-tit:before {
	content:'';
	position:absolute;
	top:50%;
	left:0;
	width:4px;
	height:4px;
	border-radius:50%;
	background:#555;
	margin-top:-2px;
}
.refund-sub-tit~.refund-sub-tit { margin-top:10px; }
.refund-list {
	border-radius:10px;
	overflow-y:auto;
	padding:40px 60px;
	max-height:400px;
	border:1px solid #ddd;
	margin-top:15px;
	display:inline-block;
	width:calc(100% - 21%);
}
.refund-list li {
	display:inline-block;
	width:48%;
	vertical-align:top;
	margin-bottom:10px;
}
.bg-box {
	margin-top:15px;
	background:#f5f5f5;
	border-radius:5px;
	padding:20px;
}


.ui-dialog.dialog-payment .ui-dialog-titlebar {
	text-align:center;
	height:70px;
	padding-top:23px;
}
.ui-dialog.dialog-payment .ui-dialog-titlebar .logo {
	height:23px;
	margin-right:8px;
	vertical-align:-3px;
}
.ui-dialog.dialog-payment .ui-dialog-title { font-size:24px; }
.ui-dialog.dialog-payment .ui-dialog-titlebar-close { top:10px; }
.ui-dialog.dialog-payment .tbl-list th,
.ui-dialog.dialog-payment .tbl-list td {
	height:28px;
	padding-top:10px;
	padding-bottom:10px;
}
.ui-dialog.dialog-payment .tbl-list th .ui-checkboxradio-label {
	padding:0;
	vertical-align:top;
}

/* 대표변경 레이어 */
.ui-dialog.dialog-payment .scroll-area {
	max-height:270px;
	border-bottom:1px solid #ddd;
}
.ui-dialog.dialog-payment .scroll-area tr:last-child th,
.ui-dialog.dialog-payment .scroll-area tr:last-child td { border-bottom:0; }
.ui-dialog.dialog-payment p.ac { padding:80px 0 20px; }
.ui-dialog.dialog-payment p.ac strong {
	font-size:18px;
	font-weight:500;
}
.ui-dialog.dialog-payment .payment-result-txt { border-bottom:1px solid #ddd; }
.ui-dialog.dialog-payment .roundbox-red .product-nm { margin-bottom:0; }
.ui-dialog.dialog-payment .roundbox-red p {
	font-size:18px;
	color:#000;
	margin-top:5px;
	margin-bottom:20px;
}
.ui-dialog.dialog-payment .roundbox-red p+small { font-size:15px; }

/* 배틀모드 선택 */

/* 팀전 추가로 인한 변경 사항 */
.mode-choice-wrap {
	display:flex;
	justify-content: space-between;
	gap:20px;
	min-width:760px;
}
.mode-choice-wrap h4 {
	font-size:16px;
	margin-bottom:8px;
}
.theme-choice {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
}
.theme-choice li {
	width:277px;
	border:0;
	margin:6.5px;
	position:relative;
}
.mode-choice-wrap .theme-choice {
	display:flex;
	gap:12px;
}
.mode-choice-wrap .theme-choice li {
	width:242px;margin:0;
}
.theme-choice li input[type="radio"] { position:absolute; }
.theme-choice li label.ui-checkboxradio-label {
	display:inline-block;
	border:1px solid #ddd;
	width:100%;
	box-sizing:border-box;
	height:auto;
	padding:0;
	background:#818687;
	transition:all .3s;
	cursor:pointer;
	position:relative;
}
.theme-choice li label.ui-checkboxradio-label.ui-checkboxradio-checked {
	border:1px solid #ff6858;
	background:#ff6858;
}
.theme-choice li label .ui-checkboxradio-icon { display:none; }
.theme-choice li .theme-thumb {
	display:block;
	/* height:180px; */
	aspect-ratio: 240/156;
	position:relative;
}
.theme-choice li .theme-thumb img {
	display:block;
	width:100%;
	/* height:180px; */
	aspect-ratio: 240/156;
	object-fit:cover;
}
.theme-choice li label.ui-checkboxradio-label.ui-checkboxradio-checked .theme-thumb:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	box-sizing:border-box;
	border:3px solid #ff6858;
	z-index:2;
}
.theme-choice li .theme-tit {
	height:40px;
	font-size:15px;
	color:#fff;
	font-weight:bold;
	display:flex;
	align-items:center;
	justify-content:center;
}
.theme-choice li label.ui-checkboxradio-label .theme-explain {
	background:rgba(0, 0, 0, .7);
	position:absolute;
	display:flex;
	padding:20px;
	top:0;
	left:0;
	width:100%;
	height:100%;
	box-sizing:border-box;
	font-size:15px;
	line-height:1.4em;
	color:#fff;
	word-break:keep-all;
	opacity:0;
	transition:all .3s;
	align-items:center;
}
.theme-choice li label.ui-checkboxradio-label:hover .theme-explain { opacity:1; }
.theme-badge {
	padding:5px 15px 5px 12px;
	border-radius:0 30px 30px 0;
	font-size:15px;
	line-height:1;
	color:#fff;
	position:absolute;
	top:0;
	left:0;
}
.theme-badge.b-racing { background:#00878f; }
.theme-badge.b-item { background:#7233e2; }
.theme-badge.b-team { background:#2D9B42; }

/* Customer center */
.cc-header {
	position:relative;
	height:85px;
}
.cc-header h1 {
	position:absolute;
	height:20px;
	left:25px;
	top:50%;
	margin-top:-10px;
}
.cc-header h1 img { display:block; }
.cc-header .btn-close {
	position:absolute;
	right:25px;
	top:50%;
	margin-top:-10px;
	display:inline-block;
	font-size:16px;
	vertical-align:middle;
	text-indent:-9999px;
	padding:0;
	width:20px;
	height:20px;
	margin-left:10px;
	background:url(../images/make/ico_cancel.svg) no-repeat transparent;
	background-size:20px;
}
.cc-header .btn-close:hover { box-shadow:none; }
.cc-container {
	min-height:calc(100vh - 85px - 100px);
	box-sizing:border-box;
	padding-bottom:100px;
}
.cc-container .wrap {
	box-sizing:border-box;
	padding-left:20px;
	padding-right:20px;
}
.cc-container h3.tit { margin-bottom:10px; }
.cc-container .cc-welcome {
	background:#ff6759;
	padding:50px 20px 45px;
	text-align:center;
	color:#fff;
	margin-bottom:80px;
}
.cc-container .cc-welcome h2 { font-size:36px; }
.cc-container .cc-welcome p {
	font-size:18px;
	line-height:1.4em;
	margin-top:10px;
}
.cc-container .search-window {
	position:relative;
	top:0;
	left:0;
	width:100%;
	max-width:880px;
	margin:0 auto 80px;
	padding:0 20px;
	box-sizing:border-box;
}
.cc-container .cc-fncbar {
	background:#ff6759;
	padding:10px 0;
	margin-bottom:50px;
}
.cc-container .cc-fncbar .wrap {
	display:flex;
	justify-content:space-between;
}
.cc-container .cc-fncbar .location {
	display:flex;
	align-items:center;
	color:#fff;
	font-size:16px;
}
.cc-container .cc-fncbar .location>a {
	color:#fff;
	margin-right:20px;
	position:relative;
}
.cc-container .cc-fncbar .location>a:hover { border-bottom:1px solid #fff; }
.cc-container .cc-fncbar .location>a:after {
	content:' >';
	margin-right:5px;
	position:absolute;
	right:-20px;
	top:0;
}
.cc-container .cc-fncbar .search-bar {
	border:0;
	width:310px;
	background:transparent;
}
.cc-container .cc-fncbar .search-bar:before { left:10px; }
.cc-container .cc-fncbar .search-bar .search-ipt { padding-left:40px; }
.cc-container .cc-fncbar .search-bar .sch-smit {
	width:70px;
	margin-left:6px;
	color:#ff6759;
	background:#fff;
	border-radius:5px;
}
.cc-contents {
	max-width:1120px;
	box-sizing:border-box;
	padding:0 20px;
	margin:0 auto;
}
.cc-footer {
	background:#ececec;
	text-align:center;
	padding:40px 0;
	height:20px;
	color:#919191;
	font-size:12px;
}
.cc-faq {
	margin-bottom:100px;
	border-top:1px solid #ff735d;
	border-bottom:1px solid #ff735d;
	padding:0 10px;
	font-size:16px;
}
.cc-faq li~li { border-top:1px solid #dddddd; }
.cc-faq li a {
	display:block;
	padding:16px 0 16px 10px;
	/* white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis; */
	position:relative;
}
.cc-faq li a:hover { color:#ff735d; }
.cc-faq li a:before {
	content:'';
	display:inline-block;
	width:3px;
	height:3px;
	border-radius:2px;
	background:#555;
	position:absolute;
	top:27px;
	left:0;
}
.qna-topic {
	font-size:0;
	border-top:1px solid #ff735d;
	border-bottom:1px solid #ff735d;
}
.qna-topic>ul>li {
	width:25%;
	display:inline-block;
	font-size:16px;
	vertical-align:top;
	box-sizing:border-box;
	padding:40px 25px;
}
.qna-topic>ul>li>a { display:block; }
.qna-topic>ul>li>a img {
	display:block;
	margin:0 auto 20px;
}
.qna-topic>ul>li:nth-of-type(n + 5) { border-top:1px solid #ddd; }
.qna-topic>ul>li ul {
	padding-left:20px;
	margin-top:20px;
}
.qna-topic>ul>li li a {
	display:block;
	position:relative;
	line-height:1.4em;
	padding:5px 0 5px 8px;
}
.qna-topic>ul>li li a:hover { color:#ff735d; }
.qna-topic>ul>li li a:before {
	content:'';
	display:inline-block;
	width:3px;
	height:3px;
	border-radius:2px;
	background:#555;
	position:absolute;
	top:15px;
	left:0;
}
.topic-btn {
	display:block;
	text-align:center;
	box-sizing:border-box;
	height:60px;
	border-radius:30px;
	border:2px solid #333;
	line-height:56px;
	text-align:center;
	font-size:20px;
	font-weight:bold;
}

a:hover .topic-btn,
.topic-btn:hover {
	color:#fff;
	background-color:#ff735d;
}

/* depth1 */
.qna-topic-list {
	font-size:0;
	border-top:1px solid #ff735d;
}
.qna-topic-list>ul>li {
	box-sizing:border-box;
	display:inline-block;
	width:50%;
	vertical-align:top;
	padding:50px 25px;
	font-size:16px;
}
.qna-topic-list>ul ul {
	padding:25px 20px;
	border-bottom:1px solid #ddd;
}
.qna-topic-list>ul ul li {
	position:relative;
	padding-left:20px;
}
.qna-topic-list>ul ul li~li { margin-top:10px; }
.qna-topic-list>ul ul li:before {
	content:'Q.';
	position:absolute;
	left:0;
	top:0;
}
.qna-topic-list>ul ul li:hover,
.qna-topic-list>ul ul li:hover a { color:#ff735d; }
.qna-topic-list .more {
	display:block;
	text-align:center;
	padding:10px 0;
	color:#757575;
}
.qna-topic-list .more i.ico-plus {
	display:inline-block;
	background:none;
	min-width:12px;
	width:12px;
	height:12px;
	position:relative;
	vertical-align:0;
	transform-origin:center center;
	transform:rotate(0deg);
	transition:transform .3s;
	margin-right:5px;
}
.qna-topic-list .more i.ico-plus:before,
.qna-topic-list .more i.ico-plus:after {
	content:'';
	background:#757575;
	position:absolute;
}
.qna-topic-list .more i.ico-plus:before {
	top:5px;
	left:0px;
	width:12px;
	height:2px;
}
.qna-topic-list .more i.ico-plus:after {
	top:0px;
	left:5px;
	width:2px;
	height:12px;
}
.qna-topic-list .more:hover { color:#ff735d; }
.qna-topic-list .more:hover i.ico-plus { transform:rotate(-90deg); }
.qna-topic-list .more:hover i.ico-plus:before,
.qna-topic-list .more:hover i.ico-plus:after { background:#ff735d; }

/* 검색결과 */
.cc-search-result {
	padding:0 10px;
	border-top:1px solid #ff735d;
	border-bottom:1px solid #ff735d;
}
.cc-search-result .count {
	font-size:16px;
	color:#333;
	padding:16px 20px;
}
.cc-search-result li {
	border-top:1px solid #ddd;
	padding:20px 20px;
}
.cc-search-result li .sr-tit {
	display:block;
	font-size:16px;
	color:#333;
	margin-bottom:10px;
	line-height:1.4em;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	font-weight:500;
}
.cc-search-result li a:hover .sr-tit { text-decoration:underline; }
.cc-search-result li .sr-loc {
	display:block;
	color:#ff735d;
	font-size:12px;
	margin-bottom:10px;
}
.cc-search-result li .sr-desc {
	color:#777;
	font-size:14px;
	line-height:1.4em;
	max-height:2.8em;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	line-clamp:2;
	-webkit-box-orient:vertical;
}
.cc-search-result .no-data {
	padding:60px 20px;
	text-align:center;
}
.qna-detail {
	border-top:1px solid #ff735d;
	display:flex;
	margin-bottom:-100px;
}
.qna-detail-nav-wrap {
	vertical-align:top;
	width:320px;
	box-sizing:border-box;
	font-size:14px;
	border-right:1px solid #ddd;
	padding:40px 20px 40px 0;
}
.qna-nav-btn,
.qna-nav-more { display:none; }
.qna-detail-nav li~li { margin-top:20px; }
.qna-detail-nav li a {
	display:block;
	line-height:1.4em;
	position:relative;
	padding-left:18px;
}
.qna-detail-nav li a:before {
	content:'Q.';
	position:absolute;
	top:0;
	left:0;
}
.qna-detail-nav li.active a,
.qna-detail-nav li a:hover,
.qna-detail-nav li a:focus { color:#ff735d; }
.qna-detail-contents {
	vertical-align:top;
	font-size:16px;
	width:calc(100% - 320px);
	box-sizing:border-box;
	padding:40px 0 40px 20px;
}
.qna-q {
	border-bottom:1px solid #ddd;
	padding:0 10px 30px 10px;
}
.qna-q h4 {
	position:relative;
	padding-left:28px;
	font-size:24px;
	line-height:1.25em;
	font-weight:500;
}
.qna-q h4:before {
	content:'Q.';
	position:absolute;
	top:0;
	left:0;
}
.qna-a { position:relative; }
.qna-a .btn-mng {
	position:absolute;
	top:15px;
	right:0;
	z-index:1;
}
.qna-detail-contents .qna-article {
	position:relative;
	padding:55px 0 50px 50px;
}
.qna-detail-contents .qna-article p { padding:5px 0; }
.qna-detail-contents .qna-article:before {
	content:'A.';
	position:absolute;
	top:48px;
	left:25px;
	font-size:24px;
	font-weight:500;
}
.qna-a .btns {
	border-top:1px solid #ddd;
	padding-top:20px;
}
.qna-detail-contents .qna-article img { max-width:100%; }
.qna-detail-contents .qna-article a { color:blue; }
.qna-detail-contents .qna-article a:hover { text-decoration:underline; }
.dialog-alliance .tbl-write table { table-layout:auto; }
.dialog-alliance .tbl-write table tbody th { width:180px; }


/* lesson landing page */
section[class^="lesson-section"] { position:relative; }

section[class^="lesson-section"] .contents {
	max-width:1120px;
	margin:0 auto;
	position:relative;
	text-align:center;
}

/* section[class^="lesson-section"] .contents h2 { margin-bottom:60px; } */

.lesson-section0 {
	background:url('/asset/images/sub/lesson_main0_bg.png') no-repeat center bottom;
	background-size:auto 100%;
	padding:60px 0;
}
.lesson-section0 img { margin-left:-50px; }
.lesson-section1 { padding:60px 0 80px; }
.lesson-section1 ul {
	font-size:0;
	margin-top:50px;
}
.lesson-section1 ul li {
	display:inline-block;
	margin:0 20px;
}
.lesson-section2 {
	background:url('/asset/images/sub/lesson_main2_bg.png') no-repeat center center;
	background-size:auto 100%;
	padding:60px 0 80px;
}
.lesson-section2 .contents {
	max-width:895px !important;
	margin:0 auto;
}
.lesson-section2 ul {
	font-size:0;
	margin-top:50px;
}
.lesson-section2 ul li {
	display:inline-block;
	width:46%;
	margin-right:4%;
	vertical-align:top;
	margin-bottom:50px;
	border-radius:10px;
	overflow:hidden;
	box-shadow:0 0 10px rgba(0, 0, 0, .2);
	transform:translateY(0);
	transition:all .3s;
}
.lesson-section2 ul li:nth-child(2n) { margin-right:0; }
.lesson-section2 ul li:hover {
	box-shadow:0 10px 10px rgba(0, 0, 0, .1);
	transform:translateY(-10px);
}
.lesson-section2 ul li img { width:100%; }
.lesson-section2 ul li .cont-box {
	text-align:center;
	padding:20px 0 30px;
	background:#fff;
}
.lesson-section2 ul li .cont-box h5 {
	font-size:28px;
	font-weight:bold;
}
.lesson-section2 ul li .cont-box h5 em {
	font-size:21px;
	color:#333333;
}
.lesson-section2 ul li .cont-box span {
	display:table;
	margin:10px auto 0;
	text-align:center;
	font-size:27px;
	height:60px;
	line-height:60px;
	border-radius:30px;
	padding:0 20px;
}
[class^="lesson-section"] .ico-arr-wht {
	margin-left:10px;
	vertical-align:0;
	width:13px;
	height:22px;
	background:url(/asset/images/common/arr_right_wht.svg) center no-repeat;
	background-size:contain;
}
.lesson-section3 {
	background:url('/asset/images/sub/lesson_main3_bg.png') repeat-x top center;
	background-size:auto 100%;
	padding:60px 0 100px;
}
.lesson-section3 .ico-arr-wht {
	margin-left:15px;
	height:30px;
}
.lesson-section3 .spot4 {
	font-size:40px;
	font-weight:bold;
	display:table;
	margin:30px auto 0;
	text-align:center;
	height:95px;
	line-height:95px;
	border-radius:50px;
	padding:0 30px;
}
.lesson-section3 .spot4:hover,
.lesson-section3 .spot4:focus { box-shadow:0 5px 10px rgba(134, 94, 223, .4); }



/* #62082 게임신규6종 소개페이지 - 레이어팝업 */
.game-layer * { box-sizing:border-box; }
.game-layer {
	width:758px;
	height:461px;
	position:fixed;
	z-index:11;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	border-radius:10px;
}
.game-layer .layer-content {
	background:url(https://download.tkbell.co.kr/tkbell/event/event2023/event231211_layer_bg.png) no-repeat top center;
	background-size:100% 100%;
}
.game-layer .layer-content .s-contents .s-head {
	text-align:center;
	padding:10px 0 5px;
}
.game-layer .layer-content .s-contents .game-wrap {
	background:url(https://download.tkbell.co.kr/tkbell/event/event2023/event231211_layer_boxline.png) no-repeat top center;
	width:100%;
	height:345px;
	padding:15px 70px;
}
.game-layer .layer-content .s-contents .game-wrap .game-chk {
	float:left;
	width:50%;
	position:relative;
	padding-top:15px;
}
.game-layer .layer-content .s-contents .game-wrap .game-chk:before {
	content:'';
	position:absolute;
	width:236px;
	height:33px;
	background:url(https://download.tkbell.co.kr/tkbell/event/event2023/event231211_layer_subtitle_game.png) no-repeat center center;
	top:-31px;
	left:0;
	right:0;
	margin:0 auto;
}
.game-layer .layer-content .s-contents .game-wrap .game-chk ul li {
	font-family:'Noto Sans KR', sans-serif;
	font-weight:500;
	background:#7411fb;
	border-radius:15px;
	font-size:16px;
	color:#fff;
	padding-left:20px;
	width:298px;
	height:30px;
	line-height:28px;
	cursor:pointer;
	letter-spacing:-.5px;
}
.game-layer .layer-content .s-contents .game-wrap .game-chk ul li+li { margin-top:3.5px; }
.game-layer .layer-content .s-contents .game-wrap .game-chk ul li.on,
.layer-content .s-contents .game-wrap .game-chk ul li:hover {
	color:#0e0948;
	background:#fffe88;
	position:relative;
}
.game-layer .layer-content .s-contents .game-wrap .game-chk ul li.on:before,
.layer-content .s-contents .game-wrap .game-chk ul li:hover:before {
	content:">>>>";
	font-family:'GmarketSans';
	position:absolute;
	right:15px;
	top:50%;
	transform:translate(0, -50%);
	margin-top:2px;
	color:#0e0948;
	font-size:16px;
}
.game-layer .layer-content .s-contents .game-wrap .game-content {
	float:left;
	width:50%;
	position:relative;
	padding-top:20px;
	padding-left:12px;
}
.game-layer .layer-content .s-contents .game-wrap .game-content:before {
	content:'';
	position:absolute;
	width:236px;
	height:33px;
	background:url(https://download.tkbell.co.kr/tkbell/event/event2023/event231211_layer_subtitle_play.png) no-repeat center center;
	top:-31px;
	left:0;
	right:0;
	margin:0 auto;
}
.game-layer .layer-content .s-contents .game-wrap .game-content>div { display:none; }
.game-layer .layer-content .s-contents .game-wrap .game-content>div.on { display:block; }
.game-layer .layer-content .s-contents .game-wrap .game-content>div img {
	width:298px;
	height:168px;
	box-shadow:0 0 10px 10px rgba(77, 157, 255, 0.44);
	border-radius:10px;
}
.game-layer .layer-content .s-contents .game-wrap .game-btn {
	display:table;
	width:280px;
	margin:0 auto;
	padding-left:15px;
	padding-top:3px;
}
.game-layer .layer-content .s-contents .game-wrap .game-btn .g-btn {
	width:100%;
	height:48px;
	line-height:53px;
	text-align:center;
	font-size:24px;
	color:#0f0c49;
	font-weight:bold;
	letter-spacing:-0.05em;
	font-family:'Tenada';
	border-radius:10px;
	margin:10px 0;
	display:block;
}
.game-layer .layer-content .s-contents .game-wrap .game-btn .g-btn.btn-intro { background:#00e4ff; }
.game-layer .layer-content .s-contents .game-wrap .game-btn .g-btn.btn-make { background:#13fba6; }
.game-layer .layer-content .s-contents .game-wrap .game-btn .g-btn:hover { box-shadow:0 0 10px 10px rgba(77, 157, 255, 0.44); }
.game-layer .layer-content .game-bottom {
	width:685px;
	margin:0 auto;
	padding:7px 0 10px;
	display:table;
}
.game-layer .layer-content .game-bottom .c-btn {
	border:0;
	color:#fff;
	font-size:12px;
	font-family:'Noto Sans KR', sans-serif;
	letter-spacing:-1px;
}
.game-layer .layer-content .game-bottom .c-btn.btn-no { float:left; }
.game-layer .layer-content .game-bottom .c-btn.btn-exit { float:right; }


/* #64744 지원센터-요금제 견적서 발급 개선 */
.price-btn {
	display:table;
	width:100%;
	text-align:right;
	margin-top:-30px;
	margin-bottom:50px;
}
.price-pop-inner table tr td { padding:10px 30px; }

/* 쿠키설정 */
.layer-cookies {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	background:#fff;
	padding:15px 20px;
	box-sizing:border-box;
	z-index:1001;
}
.layer-cookies .wrap {
	display:flex;
	justify-content:space-between;
	align-items:center;
	max-width:1120px;
}
.layer-cookies .txt {
	padding-right:20px;
	min-height:66px;
}
.layer-cookies .txt strong {
	display:block;
	line-height:20px;
	font-size:14px;
	margin-bottom:4px;
}
.layer-cookies .txt p { font-size:14px; }
.layer-cookies .txt .lnk {
	color:#ff6858;
	text-decoration:underline;
}
.layer-cookies .btns {
	white-space:nowrap;
	margin-top:0;
	flex:none;
	width:280px;
}
/* 쿠키 설정 레이어 */
.ui-dialog:has(.cookies-setting) {
	position:fixed;
	top:40px !important;
}
.cookies-setting {
	overflow:hidden;
	max-height:calc(100vh - 240px);
	overflow-y:auto;
}
.cookies-setting-section p { 
	margin-top:12px;
	font-size:14px;
}
.cookies-setting-section p a { 
	text-decoration:underline;
}
.cookies-setting-section + .cookies-setting-section { 
	margin-top:28px;
}

.cookies-setting-accordion {
	border:1px solid #cfcfcf;
	border-radius:16px;
	margin-top:12px;
}
.cookies-setting-accordion .acc-item {
	box-sizing:border-box;
	max-height:56px;
	overflow:hidden;
	transition:none;
}
.cookies-setting-accordion .acc-item.is-open {
	max-height:2000px;
	transition:max-height .3s;
}
.cookies-setting-accordion .acc-item + .acc-item { border-top:1px solid #cfcfcf; }
.cookies-setting-accordion .acc-item-heading {
	position:relative;
	padding:16px 20px 16px 44px;
	display:flex;
	align-items:center;
	justify-content: space-between;
}
.acc-item-heading .btn-acc-toggle {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	box-sizing:border-box;
	background:rgba(255,255,255,0);
	border-radius:0;
	transition:none;

}
.acc-item-heading .btn-acc-toggle .acc-arr {
	position:absolute;
	width: 16px;
	height:16px;
	top:50%;
	margin-top:-10px;
	left:20px;
	transform:translateY(10%) rotate(-225deg);	
	transition:transform .3s;
}
.acc-item-heading .btn-acc-toggle:hover,
.acc-item-heading .btn-acc-toggle:focus {
	box-shadow:none;
}
.btn-acc-toggle .acc-arr { transform:translateY(10%) rotate(-225deg);}
.acc-item.is-open .btn-acc-toggle .acc-arr { transform:translateY(0) rotate(-135deg);  }
.acc-item-heading .btn-acc-toggle .acc-arr:before,
.acc-item-heading .btn-acc-toggle .acc-arr:after{
	content:'';
	position:absolute;
	width:8px;
	height:2px;
	background:#999;
	border-radius:1px;
	top:4px;
	left:4px;
}
.acc-item-heading .btn-acc-toggle .acc-arr:after {
	width:2px;
	height:8px;
}
.cookies-setting-accordion .acc-item-heading strong {
	line-height:24px;
	min-height:24px;
}
.acc-item-desc {
	padding:16px 20px;
	position:relative;
}
.acc-item-desc:before {
	content:'';
	position:absolute;
	left:20px;
	right:20px;
	height:1px;
	top:0;
	background:#e9e9e9;
}
.acc-item-desc p { margin-top:0; }
.cookies-setting-accordion .tbl-info-simple {
	margin-top:12px;
}
.cookies-setting-accordion th,
.cookies-setting-accordion td {
	text-align:left;
	font-size:13px;
}

@media screen and (min-width:768px) {}


@media screen and (max-width:1160px){
	.layer-cookies .btns {
		width:150px;
		white-space:normal;
	}
	.layer-cookies .btns *[class^="btn-"] {
		width:100%;
	}
	.layer-cookies .btns *[class^="btn-"]+*[class^="btn-"] {
		margin-left:0;margin-top:6px;
	}
} 
/* -------------------------------------------------    
	- MOBILE MAX-WIDHT 767 		
------------------------------------------------- */
@media screen and (max-width:767px) {
	.wrap { width:100%; }
	.m-block { display:block; }
	input[type="text"],
	input[type="password"],
	input[type="number"],
	input[type="email"],
	textarea { font-size:14px; }
	.ui-checkboxradio-label {
		margin-right:15px;
		font-size:14px;
	}
	.ui-checkboxradio-icon { margin-right:0; }
	.cc-header h1 {
		height:18px;
		margin-top:0px;
	}
	.cc-header h1 img { height:18px; }
	.cc-header .btn-close { margin-top:0; }
	.cc-footer .copyright { font-size:3vw; }
	.cc-container .cc-welcome {
		margin-bottom:30px;
		padding:30px 20px 25px;
	}
	.cc-container .cc-welcome h2 { font-size:24px; }
	.cc-container .cc-welcome p { font-size:13px; }
	.cc-container .search-window { margin-bottom:30px; }
	.cc-container .cc-fncbar {
		position:relative;
		margin-bottom:110px;
	}
	.cc-container .cc-fncbar .wrap { display:block; }
	.cc-container .cc-fncbar .wrap fieldset {
		position:absolute;
		top:70px;
	}
	.cc-container .cc-fncbar .search-bar {
		border:3px solid #ff7461;
		width:calc(100vw - 40px);
		box-sizing:border-box;
		font-size:0;
	}
	.search-bar .sch-smit { width:66px; }
	.search-bar .search-ipt {
		width:calc(100% - 66px)
	}
	.cc-container .cc-fncbar .location { font-size:14px; }
	.cc-container .cc-fncbar .search-bar .sch-smit {
		background:#ff6759;
		color:#fff;
		border-radius:0;
		width:60px;
		font-size:15px;
	}
	h3.tit {
		font-size:18px;
		height:28px;
	}
	h3.tit:before {
		margin-right:5px;
		vertical-align:-1px;
	}
	.cc-faq {
		font-size:14px;
		margin-bottom:50px;
	}
	.cc-faq li a { padding:10px 0 10px 8px; }
	.cc-faq li a:before { top:19px; }
	.qna-topic>ul>li {
		width:50%;
		padding:15px 10px;
	}
	.qna-topic>ul>li>a img { max-width:100%; }
	.qna-topic>ul>li:nth-of-type(n + 5) { border-top:0; }
	.topic-btn {
		height:48px;
		line-height:44px;
		font-size:16px;
	}
	.qna-topic>ul>li ul {
		padding-left:10px;
		margin-top:15px;
		font-size:14px;
	}
	.qna-topic>ul>li li a:before { top:13px; }
	.btns .btn-round-60 {
		height:48px;
		line-height:46px;
		min-width:40%;
		font-size:15px;
		font-weight:500;
	}
	.qna-topic-list>ul>li {
		width:100%;
		display:block;
		padding:30px 0;
	}
	.qna-topic-list>ul ul {
		font-size:14px;
		padding:15px 0;
	}
	.qna-topic-list>ul ul li { padding:10px 10px 0 30px; }
	.qna-topic-list>ul ul li~li { border-top:1px solid #ddd; }
	.qna-topic-list>ul ul li:before {
		top:10px;
		left:10px;
	}
	.qna-detail { display:block; }
	.qna-detail-nav-wrap {
		width:100%;
		border-right:0;
		background:#f5f5f5;
		border-radius:24px;
		padding:0;
		margin-top:30px;
		margin-bottom:30px;
	}
	.qna-detail-contents {
		width:100%;
		padding:0;
	}
	.qna-nav-btn {
		display:block;
		width:100%;
		height:48px;
		border:2px solid #333;
		border-radius:24px;
		padding:0 20px;
		line-height:24px;
		font-size:16px;
		font-weight:500;
		text-align:left;
		position:relative;
		background:#fff;
	}
	.qna-nav-btn .ico-arr {
		background:none;
		min-width:0;
		width:18px;
		height:18px;
		position:absolute;
		right:20px;
		top:12px;
	}
	.qna-nav-btn .ico-arr:before,
	.qna-nav-btn .ico-arr:after {
		content:'';
		position:absolute;
		width:12px;
		height:2px;
		border-radius:2px;
		background:#000;
		top:5px;
		transition:all .3s;
	}
	.qna-nav-btn .ico-arr:before {
		left:2px;
		transform:rotate(45deg);
		transform-origin:left 0;
	}
	.qna-nav-btn .ico-arr:after {
		right:2px;
		transform:rotate(-45deg);
		transform-origin:right 0;
	}
	.qna-detail-nav {
		padding:10px 0;
		font-size:13px;
		display:none;
	}
	.qna-detail-nav li {
		padding:10px 15px;
		border-bottom:1px solid #fff;
	}
	.qna-detail-nav li~li { margin:0px; }
	.qna-nav-more {
		border:0;
		display:block;
		height:40px;
		font-size:13px;
		font-weight:500;
		color:#555;
		width:100%;
		padding:10px;
		display:none;
		margin-top:-10px;
	}
	.qna-nav-more .ico-plus {
		background:none;
		min-width:8px;
		width:8px;
		height:8px;
		margin-right:5px;
		position:relative;
	}
	.qna-nav-more .ico-plus:before,
	.qna-nav-more .ico-plus:after {
		content:'';
		position:absolute;
		background:#555;
		border-radius:2px;
		vertical-align:1px;
	}
	.qna-nav-more .ico-plus:before {
		width:8px;
		height:2px;
		left:0;
		top:3px;
	}
	.qna-nav-more .ico-plus:after {
		height:8px;
		width:2px;
		left:3px;
		top:0;
	}
	.qna-detail-nav-wrap.is-open { box-shadow:0 0 5px rgba(0, 0, 0, .15); }
	.qna-detail-nav-wrap.is-open .qna-detail-nav {
		display:block;
		max-height:40vh;
		overflow-y:auto;
	}
	.qna-detail-nav-wrap.is-open .qna-nav-more { display:block; }
	.qna-detail-nav-wrap.is-open .qna-nav-btn .ico-arr:before {
		width:19px;
		left:3px;
		top:2px;
	}
	.qna-detail-nav-wrap.is-open .qna-nav-btn .ico-arr:after {
		width:19px;
		right:3px;
		top:2px;
	}
	.qna-q { padding:0 0 15px 0; }
	.qna-q h4 {
		font-size:18px;
		padding-left:22px;
	}
	.qna-detail-contents .qna-article {
		padding:15px 0;
		font-size:14px;
		clear:right;
	}
	.qna-detail-contents .qna-article:before { content:none; }
	.qna-a .btn-mng {
		height:28px;
		line-height:26px;
		font-size:13px;
		padding:0 15px;
		min-width:80px;
		position:static;
		float:right;
		margin-top:10px;
	}
	.qna-a .btns {
		margin-top:0;
		margin-bottom:30px;
		padding-top:15px;
	}
	.cc-search-result { padding:0; }
	.cc-search-result .count {
		font-size:14px;
		padding:15px 0;
	}
	.cc-search-result li { padding:15px 0; }

	ul.paging li { margin-bottom:10px; }

	ul.paging li.pv {
		margin-left:1.5vw;
		margin-right:1.5vw
	}
	ul.paging li.fw {
		margin-left:1.5vw;
		margin-right:1.5vw
	}
	ul.paging li a {
		width:4.4vw;
		height:24px;
		line-height:24px;
		font-size:13px;
	}
	ul.paging li.ppv a {
		padding-left:4vw;
		font-size:0;
	}
	ul.paging li.pv a {
		padding-left:2.5vw;
		font-size:0;
	}
	ul.paging li.fw a {
		padding-right:2.5vw;
		font-size:0;
	}
	ul.paging li.ffw a {
		padding-right:4vw;
		font-size:0;
	}
	ul.paging li.ppv a:before,
	ul.paging li.ffw a:before,
	ul.paging li.ppv a:after,
	ul.paging li.ffw a:after,
	ul.paging li.pv a:before,
	ul.paging li.fw a:before {
		width:8px;
		height:8px;
		top:8px;
	}
	ul.paging li.ppv a:before {
		left:0
	}
	ul.paging li.ppv a:after { left:1.5vw; }

	ul.paging li.ffw a:before {	right:0; }

	ul.paging li.ffw a:after { right:1.5vw; }

	ul.paging li.pv a:before { left:0; }

	ul.paging li.fw a:before { right:0; }
	.ui-dialog {
		position:fixed;
		width:100% !important;
		height:100% !important;
		top:0 !important;
		left:0 !important;
		box-sizing:border-box;
		border:0;
		padding-top:50px;
		overflow-y:auto;
	}
	html:has(.ui-dialog[style*="block"]) {
		overflow:hidden;
	}
	.ui-dialog .ui-dialog-titlebar {
		position:fixed;
		top:0;
		left:0;
		width:100%;
		z-index:2;
		background:#fff;
	}
	.ui-dialog .ui-dialog-content { padding:20px 30px; }
	.ui-dialog .ui-dialog-content.p60 { padding:20px; }
	.ui-dialog strong { font-size:16px; }
	.ui-dialog small { font-size:13px; }
	.ico-pop-share,
	.ico-pop-report,
	.ico-pop-suggest,
	.ico-pop-id,
	.ico-pop-pw,
	.ico-pop-homework,
	.ico-pop-board { transform:scale(.8, .8); }
	.pop-suggest { margin:20px 0 0 0; }

	ul.pop-forms li { padding-left:80px; }
	ul.pop-forms li>label {
		width:65px;
		font-size:14px;
		padding-right:15px
	}
	.ui-dialog .blt-list.border-box {
		padding:15px 15px;
		font-size:13px;
	}
	.ui-dialog-content h2 { padding-left:0; }
	.ui-dialog h2+.tbl-write {
		border-left:0;
		border-right:0;
		border-bottom:0;
		border-radius:0;
	}
	.dialog-alliance .tbl-write table { table-layout:auto; }
	.dialog-alliance .tbl-write table tbody th {
		font-size:14px;
		padding-left:0;
		width:60px;
		font-weight:500;
	}
	.dialog-alliance .tbl-write table tbody td {
		font-size:14px;
		padding-left:10px;
		padding-right:0;
	}
	.dialog-alliance .tbl-write table tbody td .w30 { width:100% !important; }
	.dialog-alliance .tbl-write table tbody td .m-block .w30 { width:calc(100% - 68px) !important; }
	.dropout-terms { padding:20px; }

	.layer-cookies .wrap {
		flex-direction: column;
		padding-bottom:25px;
	}
	.layer-cookies .txt { padding-right:0; }
	.layer-cookies .btns { width:100%;margin-top:16px;text-align:center;display:flex;gap:6px; }
	.layer-cookies .btns *[class^="btn-"] { flex:1;padding:0; }
	.layer-cookies .btns *[class^="btn-"]+*[class^="btn-"] { margin-top:0; }

	.mode-choice-wrap {
		flex-direction: column;
		min-width:100%;
	}
	.mode-choice-wrap .theme-choice { gap:20px; }
	.mode-choice-wrap .theme-choice li { width:calc(50% - 10px); }
}

@media screen and (max-width:320px) {
	.layer-cookies .btns{
		flex-direction:column;
	}
}