@charset "UTF-8";

/* 
Author	: jinwook
Date	: 2021-12-08
Project	: 통합회원
*/
@font-face {
	font-family: "NEXON Lv1 Gothic";
	src: url("../font/NEXON Lv1 Gothic OTF.eot");
	src: url("../font/NEXON Lv1 Gothic OTF.woff");
	src: url('../font/NEXON_Lv1_Gothic OTF?#iefix') format('embedded-opentype'),
}

@font-face {
	font-family: "NEXON Lv1 Gothic Light";
	src: url("../font/NEXON Lv1 Gothic OTF Light.eot");
	src: url("../font/NEXON Lv1 Gothic OTF Light.woff");
	src: url('../font/NEXON Lv1 Gothic OTF Light?#iefix') format('embedded-opentype'),
}

@font-face {
	font-family: "NEXON Lv1 Gothic Bold";
	src: url("../font/NEXON Lv1 Gothic OTF Bold.eot");
	src: url("../font/NEXON Lv1 Gothic OTF Bold.woff");
	src: url('../font/NEXON Lv1 Gothic OTF Bold?#iefix') format('embedded-opentype'),
}
/*@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src: url('../font/NotoSans-Thin.woff2') format('woff2'),
         url('../font/NotoSans-Thin.woff') format('woff');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url('../font/NotoSans-Light.woff2') format('woff2'),
         url('../font/NotoSans-Light.woff') format('woff');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src:url('../font/NotoSans-Regular.woff2') format('woff2'),
        url('../font/NotoSans-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: url('../font/NotoSans-Medium.woff2') format('woff2'),
         url('../font/NotoSans-Medium.woff') format('woff');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: url('../font/NotoSans-Medium.woff2') format('woff2'),
         url('../font/NotoSans-Bold.woff') format('woff');
}
*/
html, body	{ height:100%;}
html	{
	border:0;
	outline:0;
	font-size:100%;
}

body	{
	font-size:16px;
	line-height:1.769em;
	font-weight:400;
	font-family: 'NEXON Lv1 Gothic', "맑은 고딕", "Malgun Gothic" , "Apple Gothic", "돋움", Dotum, "굴림", Gulim, sans-serif;
	/*font-family: 'Noto Sans KR', "맑은 고딕", "Malgun Gothic" , "Apple Gothic", "돋움", Dotum, "굴림", Gulim, sans-serif;*/
	background-color: transparent;
	color: #222;
	letter-spacing:-1px;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust:none;
}
body.noscroll { overflow:hidden;}
::selection {
	color:#fff;
	background-color:#273640;
}
::-moz-selection {
	color:#fff;
	background-color:#273640;
}

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);
}

button,
input,
textarea	{
	/*font-family: 'NEXON Lv2 Gothic', 'Calibri', "맑은 고딕", "Malgun Gothic" , "Apple Gothic", "돋움", Dotum, "굴림", Gulim, sans-serif;*/
	font-family: 'NEXON Lv1 Gothic', 'Calibri', "맑은 고딕", "Malgun Gothic" , "Apple Gothic", "돋움", Dotum, "굴림", Gulim, sans-serif;
	color:#444;
}
textarea {
    display:block;
	padding:10px 15px;
	box-sizing:border-box;
	background:transparent;
	border:1px solid #ccc;
	font-size:15px;
}
textarea[disabled] {
    background:#eee;
	border:1px solid #ccc;
	box-shadow:none;
    color:#000;
}

select.normal {
    border: 1px solid #ccc;
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    padding: 0 30px 0 10px;
    vertical-align: top;
    border-radius: 0;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    font-size: 13px;
    color: rgba(0,0,0,.5);
    background: url('../images/common/select_arr.svg') right center no-repeat;

}
select::-ms-expand {
    display: none;
}
html, body, nav, section, article,figure,figcaption,
h1, h2, h3, h4, h5, h6,
menu, ul,ol,dl,li,dt,dd,
p,form	{
	margin:0;
	padding:0;
	font-family: 'NEXON Lv1 Gothic', "맑은 고딕", "Malgun Gothic" , "Apple Gothic", "돋움", Dotum, "굴림", Gulim, sans-serif;;
	/*font-family: 'Noto Sans KR', "맑은 고딕", "Malgun Gothic" , "Apple Gothic", "돋움", Dotum, "굴림", Gulim, sans-serif;*/
}
h1, h2, h3, h4, h5, h6 { line-height:1em;}

img	{ margin:0;border:none; }
ul,ol,dl,li	{ list-style:none; }
cite,em,address { font-style:normal; }
em { color:#f15a53; }
b, strong { font-weight:500; }
iframe	{ border:none;outline:0; }

a > span	{ cursor:pointer; }
a			{ text-decoration:none;color:#333; }
a:hover		{ text-decoration:none; }
a:focus,
textarea:focus, input:focus { outline:0; }

fieldset {
	border:0;
	margin:0;
	padding:0;
	display:block;
}
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;
}

input {
	vertical-align:middle;
	padding:0 15px;
	height:40px;
	line-height:20px;
	border:1px solid #ccc;
	box-sizing:border-box;
	font-weight:400;
	color:#333;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
	-webkit-appearance:none;
	text-decoration:none;
}
td input { vertical-align:top; }
/* input:hover,
textarea:hover {
	border:1px solid #aaa;
} */
input:focus,
textarea:focus {
	border:1px solid #ccc;
	box-shadow:0 0 10px rgba(0,0,0,.2);
}
textarea[disabled="disabled"] {
   box-shadow:none;
}
textarea:focus[disabled="disabled"]{
    box-shadow:none;
 }
.layer-pop input {
	padding:14px;
	height:50px;
	font-size:18px;
}

*+html body input			{  }
input[required]				{  }
input[type="radio"],
input[type="checkbox"]		{ border:0;height:auto;box-shadow:none;cursor:pointer; }
input[readonly]:not(.datepicker),input[readonly]:not(.datepicker):hover,input[readonly]:not(.datepicker):focus,
input[disabled]:not(.datepicker),input[disabled]:not(.datepicker):hover,input[disabled]:not(.datepicker):focus	{
	background:#eee;
	border:1px solid #ccc;
	box-shadow:none;
}
input[type="file"] + input[readonly]    {  }
/*input:not([type=hidden]) + input { margin-left:3px; }*/
br ~ input { margin-top:6px }

.attach-file {
	display:block;
	margin:0 auto;
	width:280px;
	height:40px;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-140px;
	opacity:0;
	filter:alpha(opacity=0);
	z-index:9999;
}
.attach-file-view {
	display:block;
	margin:0 auto;
	width:280px;
	height:40px;
	line-height:20px;
	padding:9px;
	border:1px solid #ccc;
	box-sizing:border-box;
	position:relative;
}
.attach-file-view:after {
	content:"";
	position:absolute;
	right:-1px;
	top:-1px;
	height:40px;
	width:40px;
	background:url("../images/common/ico_stripe.png") 10px -191px #555;
}
.p0 { width:70px}
.p1 { width:10% }
.p2 { width:20% }
.p3 { width:30% }
.p4 { width:40% }
.p5 { width:50% }
.p6 { width:60% }
.p7 { width:70% }
.p8 { width:80% }
.p9 { width:90% }
.p10 { width:100% }

.w400 { width:400px;}
.w500 { width:500px;}
.w600 { width:600px;}
.w630 { width:630px;}
.w800 { width:800px;}
.w1000 { width:1000px;}
.w1200 { width:1200px;}

input[class=^p] + input[class=^p] { margin-left:6px; }
.partition-circle {
	display:inline-block;
	width:3px;
	height:3px;
	border-radius:50%;
	background:#aaa;
	vertical-align:middle;
	margin:0 2px;
}

input[type="checkbox"],
input[type="radio"],
label.radio input,
label.checkbox input { margin:0 5px 0 0;position:absolute;height:18px;width:18px;opacity:0; }
td label.radio ~ label.radio,
td label.checkbox ~ label.checkbox{ margin-left:20px; }
label.radio input,
label.radio input:focus,
label.radio input:hover,
label.checkbox input,
label.checkbox input:focus,
label.checkbox input:hover { padding:0;top:0;left:0; }
label.radio,
label.checkbox {
	display:inline-block;
	*zoom:1;
	*display:inline;
	min-height:20px;
	line-height:20px;
	padding:0;
	cursor:pointer;
	position:relative;
}
label.radio.disabled,
label.checkbox.disabled {
    cursor:default;
}
label.radio:before,
label.checkbox:before {
	content:"";
	display:inline-block;
	vertical-align:middle;
	background:url("../images/common/ico_input.png") no-repeat;
	margin-right:8px;
}
label.checkbox:before { background-position:0 0;width:20px;height:20px; }
label.checkbox.checked:before { background-position:-20px 0; }
label.radio:before { background-position:0 -20px;width:15px;height:15px; }
label.radio.checked:before { background-position:-20px -20px; }

label.radio.btn,
label.checkbox.btn {
	height:32px;
	line-height:30px;
	padding:0 10px;
}
label.radio.btn:before,
label.checkbox.btn:before {
	display:none;
}

.dim {
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:rgba(0,0,0,.5);
	z-index:100;
}
.dim.open {
	display:block !important;
	opacity:.5;
}
.loader {
	position:fixed;
	left:50%;
	top:50%;
	margin-left:-25px;
	margin-top:-25px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
	animation: loader 1s infinite linear;
	z-index:99999;
}
.loader:before,
.loader:after {
    position: absolute;
    content: '';
    width: 80%;
    height: 80%;
    background-color: #fff;
    border-radius: 50%;
    top: 5%;
}
.loader:before {
    left: -5%;
    animation: loader2 1s infinite alternate ease-in-out;
    -webkit-transform-origin: 10% 50%;
    -moz-transform-origin: 10% 50%;
    -ms-transform-origin: 10% 50%;
    -o-transform-origin: 10% 50%;
    transform-origin: 10% 50%;
}
.loader:after {
    left: auto;
    right: -5%;
    animation: loader2 1s 1s infinite alternate ease-in-out;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 90% 50%;
    -moz-transform-origin: 90% 50%;
    -ms-transform-origin: 90% 50%;
    -o-transform-origin: 90% 50%;
    transform-origin: 90% 50%;
}
@keyframes loader {
	0%   {
		-webkit-transform: rotate(20deg);
		-moz-transform: rotate(20deg);
		-ms-transform: rotate(20deg);
		-o-transform: rotate(20deg);
		transform: rotate(20deg);
	}
    100% {
    	-webkit-transform: rotate(380deg);
		-moz-transform: rotate(380deg);
		-ms-transform: rotate(380deg);
		-o-transform: rotate(380deg);
		transform: rotate(380deg);
    }
}
@keyframes loader2 {
	0%   {
    	-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0);
	}
    100% {
    	-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
    }
}

.loader-small {
	position:fixed;
	left:50%;
	top:50%;
	margin-left:-25px;
	margin-top:-25px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
	animation: loader 1s infinite linear;
	z-index:99999;
}
.loader-small:before,
.loader-small:after {
    position: absolute;
    content: '';
    width: 80%;
    height: 80%;
    background-color: #000;
    border-radius: 50%;
    top: 5%;
}
.loader-small:before {
    left: -5%;
    animation: loader2 1s infinite alternate ease-in-out;
    -webkit-transform-origin: 10% 50%;
    -moz-transform-origin: 10% 50%;
    -ms-transform-origin: 10% 50%;
    -o-transform-origin: 10% 50%;
    transform-origin: 10% 50%;
}
.loader-small:after {
    left: auto;
    right: -5%;
    animation: loader2 1s 1s infinite alternate ease-in-out;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 90% 50%;
    -moz-transform-origin: 90% 50%;
    -ms-transform-origin: 90% 50%;
    -o-transform-origin: 90% 50%;
    transform-origin: 90% 50%;
}
@keyframes loader {
	0%   {
		-webkit-transform: rotate(20deg);
		-moz-transform: rotate(20deg);
		-ms-transform: rotate(20deg);
		-o-transform: rotate(20deg);
		transform: rotate(20deg);
	}
    100% {
    	-webkit-transform: rotate(380deg);
		-moz-transform: rotate(380deg);
		-ms-transform: rotate(380deg);
		-o-transform: rotate(380deg);
		transform: rotate(380deg);
    }
}
@keyframes loader2 {
	0%   {
    	-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0);
	}
    100% {
    	-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
    }
}

.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;
	padding-left:30px;
	width:120px;
	height:35px;
	line-height:35px;
	background:#008ed8;
	color:#fff;
	overflow:hidden;
	outline:0;
}

#skipToLNB,
#skipToContents,
#skipToQuick {
	position:absolute;
	height:1px;
	overflow:hidden;
}
#skipToLNB:focus,
#skipToContents:focus,
#skipToQuic:focus	{  }

/* column */
*[class^=column] {
	float:left;
	box-sizing:border-box;
}

.column-2 { width:49.5%; }
.column-2 + .column-2 { margin-left:1%; }
.column-2 + .column-2 + *:not(.clear) { float:left; }

.ac { text-align:center; }
.al { text-align:left; }
.ar { text-align:right; }
th.al, td.al { padding-left:10px; }
th.ar, td.ar { padding-right:10px; }

.fl { float:left; }
.fr { float:right }
.fr + * { clear:both; }

.clear { clear:both; }

.block {
    display:block !important;
}

b + span.info,
span.info + span.info {
	display:inline-block;
	*zoom:1;
	*display:inline;
	margin-left:15px;
	padding-left:16px;
	color:#777;
	/*background:url('../../images/user/common/bar.gif') 0 center no-repeat; */
}
span.info strong {
	color:#000;
	margin-left:10px;
	font-weight:400;
}

.score {
	display:inline-block;
	*zoom:1;
	*display:inline;
	vertical-align:middle;
	width:97px;
	height:20px;
	text-indent:-9999px;
	overflow:hidden;
	vertical-align:middle;
	/*background-image:url('../../images/user/common/score.gif');*/
	background-repeat:no-repeat;
}
.score.score-0 { background-position: 0 0; }
.score.score-1 { background-position: 0 -20px; }
.score.score-2 { background-position: 0 -40px; }
.score.score-3 { background-position: 0 -60px; }
.score.score-4 { background-position: 0 -80px; }
.score.score-5 { background-position: 0 -100px; }
.score.score-6 { background-position: 0 -120px; }
.score.score-7 { background-position: 0 -140px; }
.score.score-8 { background-position: 0 -160px; }
.score.score-9 { background-position: 0 -180px; }
.score.score-10 { background-position: 0 -200px; }

.wrap {
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

.fc-red {
    color:#f15a53 !important;
}
.fc-gray {
    color:#777 !important;
}
.fs-lg {
    display:inline-block;
    font-size:18px;
    font-weight:500;
    min-height:24px;
    height:24px;

}
/* sel */
.gsch-save,
button[class^="sel-"] {
	position:absolute;
	color:#999;
	padding:0;
	background:transparent;
	border:0;
	border-bottom:1px solid #999;
	font-size:14px;
}
button[class^="sel-"]:hover,
button[class^="sel-"]:focus {
	color:#555;
	border-bottom-color:#555;
}
.sel-reset {}

/* btn */
.btn-cont { text-align:center;margin-top:40px;margin-left:auto;margin-right:auto; overflow:hidden;}
.btn-cont.al { text-align:left; }
.btn-cont.ar { text-align:right; }
td .btn-cont:first-child { margin-top:0;margin-bottom:10px; }
.btn,
a.btn,
.btn-sm,
.btn-lg {
	display:inline-block;
	*zoom:1;
	*display:inline;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
	box-sizing:border-box;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	overflow: hidden;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color;
}
a.btn + a.btn,
a[class^=btn-] + a[class^=btn-] { margin-left:4px; }

.btn {
	padding:0 10px;
	height:32px;
	line-height:30px;
	font-weight:400;
	font-size:13px;
	border-radius:2px;
	min-width:60px;
}
.btn-sm {
	padding:0 10px;
	height:28px;
	line-height:26px;
	font-weight:400;
	font-size:13px;
	border-radius:2px;
	min-width:60px;
}
.btn-lg {
	padding:15px 40px;
	min-width:160px;
	font-size:18px;
	border-radius:25px;
	line-height:20px;
}

.tbl-write .btn {
	height:40px;
	line-height:38px;
}
.tbl-input .btn {
	height:50px;
	line-height:48px;
	font-size:15px;
}
.tbl-write * + .btn ,
.tbl-input * + .btn {
	margin-left:6px;
}
.clear + .tbl-write {
    margin-top:20px;
}

/* btn : default */
.btn,
.btn-sm,
.btn-lg {
	background:#fff;
	border:1px solid #999;
	color:#333;
	font-weight:400;
}
.btn:hover, .btn:focus,
.btn-sm:hover, .btn-sm:focus ,
.btn-lg:hover, .btn-lg:focus {
	border:1px solid #555;
	color:#000;
}

/* btn : spot */
.btn.spot,
.btn-sm.spot,
.btn-lg.spot {
	background:#f15a53;
	border:1px solid #f15a53;
	color:#fff;
	font-weight:400;
}
.btn.spot:hover, .btn.spot:focus,
.btn-sm.spot:hover,.btn-sm.spot:focus,
.btn-lg.spot:hover, .btn-lg.spot:focus {
	border:1px solid #f97a74;
	background:#f97a74;
}


/* btn : spot2 */
.btn.spot2,
.btn-sm.spot2,
.btn-lg.spot2 {
	color:#fff;
	background-color:#273640;
	border:1px solid #273640;
}
.btn.spot2:hover,
.btn.spot2:focus,
.btn-sm.spot2:hover,
.btn-sm.spot2:focus,
.btn-lg.spot2:hover,
.btn-lg.spot2:focus {
	background:#2c495c;
	background-color:#2c495c;
}

/* btn : spot3 */
.btn.spot3,
.btn-sm.spot3,
.btn-lg.spot3 {
	color:#fff;
	background:#00b9b0;
	border:1px solid #00b9b0;
}
.btn.spot3:hover,
.btn.spot3:focus,
.btn-sm.spot3:hover,
.btn-sm.spot3:focus,
.btn-lg.spot3:hover,
.btn-lg.spot3:focus {
	background:#13d5cc;
	border:1px solid #13d5cc
}

/* btn : spot4 */
.btn.spot4,
.btn-sm.spot4,
.btn-lg.spot4  {
	color:#fff;
	background:#4e6979;
	border:1px solid #4e6979;
}
.btn.spot4:hover,
.btn.spot4:focus,
.btn-sm.spot4:hover,
.btn-sm.spot4:focus,
.btn-lg.spot4:hover,
.btn-lg.spot4:focus {
	background:#5c839b;
	border:1px solid #5c839b
}

/* btn : cancle */
a.btn.cancle,
.btn-sm.cancle,
.btn-lg.cancle  {
	color:#fff;
	background-color:#bbb;
	border:1px solid #bbb;
}
a.btn.cancle:hover,
.btn-sm.cancle:hover,
.btn-lg.cancle:hover,
a.btn.cancle:focus,
.btn-sm.cancle:focus,
.btn-lg.cancle:focus {
	background:#aaa;
	border:1px solid #aaa;
}

/* btn : del */
a.btn.del,
.btn-sm.del,
.btn-lg.del {
	color:#333;
	background-color:#ddd;
	border:1px solid #ccc;
}
a.btn.del:hover,
a.btn.del:focus,
.btn-sm.del:hover,
.btn-sm.del:focus,
.btn-lg.del:hover,
.btn-lg.del:focus  {
	background:#ccc;
	border:1px solid #bbb;
}
a.btn.del:before,
.btn-sm.del:before,
.btn-lg.del:before {
	content:"";
	display:inline-block;
	width:11px;
	height:16px;
	background:url("../images/common/ico_stripe.png") -80px -60px no-repeat;
	margin-right:4px;
	vertical-align:middle;
}

.btn.excel {
	background:#1ca158;
	border-color:#1ca158;
	color:#fff;
}
.btn.excel:before {
	content:"";
	width:16px;
	height:18px;
	display:inline-block;
	background:url("../images/common/ico_stripe.png") -40px -60px no-repeat;
	margin-right:6px;
	vertical-align:middle;
}

/* btn : share */
a.btn.share,
.btn-sm.share,
.btn-lg.share {
	color:#fff;
	background-color:#f15a53;
}
.btn.share:before,
.btn-sm.share:before,
.btn-lg.share:before  {
	content:"";
	display:inline-block;
	width:13px;
	height:15px;
	background:url("../images/common/ico_stripe.png") -80px -100px no-repeat;
	margin-right:5px;
	vertical-align:middle;
}

/* btn-back, btn-top*/
a.btn-back,
a.btn-top {
    position:relative;
    display:inline-block;
    background:#273640;
    border-radius:50%;
    color:#fff;
    box-sizing:content-box;
    font-size:12px;
    font-weight:300;
    letter-spacing:0;
    text-align:center;
    box-shadow: inset 0 0 0 0 #4e6979;
    -webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	transition: all ease 0.5s;
    border:none;
    vertical-align:middle;
}
a.btn-back:before,
a.btn-top:before {
    content: "";
    position: absolute;
    background: url('../images/common/ico_stripe.png') -60px -80px no-repeat;
    -webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	transition: all ease 0.5s;
}
a.btn-back:hover,
a.btn-back:focus,
a.btn-top:hover {
    border:none;
    color:#fff;
    box-shadow: inset 0 0 0 50px #365264;
}
a.btn-back:hover,
a.btn-back:focus {
    padding-left:0;
    width:50px;
}
a.btn-back {
    height:50px;
    line-height:50px;
    padding-left:10px;
    width:40px;
}
a.btn-back:before {
    width: 7px;
    height: 15px;
    left:5px;
    top:50%;
    margin-top:-7px;
}
a.btn-back:hover:before,
a.btn-back:focus:before
  {
    left:2px;
}
a.btn-top {
    position:fixed;
    bottom:30px;
    right:30px;
    width:50px;
    padding-top:10px;
    height:40px;
    line-height:40px;
}
a.btn-top:before {
    margin:0;
    left:50%;
    margin-left:-7px;
    top:10px;
    width:15px;
    height:7px;
    background-position: -70px -80px;
}
a.btn-top:hover {
    padding-top:5px;
    height:45px;
    color:#fff;
}
a.btn-top:focus {
    color:#fff;
}
a.btn-top:hover:before {
   top:5px;
}

a.btn-more,
a.btn-more:hover,
a.btn-more:focus {
	font-size:13px;
	color:#00b9b0;
	border:0;
	border-bottom:1px solid #00b9b0;
	line-height:1.4em;
	font-weight:400;
}

/* btn-arrow */
.btn-arrow-r,
.btn-arrow-l,
.btn-arrow-rr,
.btn-arrow-lr {
    display:block !important;
    position:relative;
    text-indent:-9999px;
    width:50px;
    height:50px;
    background-color:#4e6979;
    border-radius:50%;
    border:none;
    margin-left:0;
}
.btn-arrow-r:before,
.btn-arrow-l:before,
.btn-arrow-rr:before,
.btn-arrow-lr:before {
    content: "";
    position:absolute;
    width:12px;
    height:21px;
    top:50%;
    left:50%;
    margin:-10px -6px;
    background: url('../images/common/ico_stripe.png') -150px -130px no-repeat;
}
.btn-arrow-r:before,
.btn-arrow-rr:before {
    background-position: -170px -130px;
	margin-left:-4px;
}
.btn-arrow-rr,
.btn-arrow-lr{
    background:none;
    border:1px solid #fff;
	-webkit-transition:background .3s;
	-moz-transition:background .3s;
	-ms-transition:background .3s;
	-o-transition:background .3s;
    transition:background 0.3s;
    box-shadow: 0 0 1px 0px white inset, 0 0 1px 0px white;
}
.btn-arrow-rr:hover,
.btn-arrow-lr:hover {
    background-color:rgba(255,255,255,.1);
}

/* ico */
.file {
	display:inline-block;
	*zoom:1;
	*display:inline;
	text-decoration:underline;
	padding-left:23px;
	/*background:url('../../images/user/common/ico_file.png') 0 center no-repeat; */
}
p.file {
	display:block;
	margin-top:10px;
}
p.file + p.file { margin-top:3px;}
a.file:hover { text-decoration:underline; }
a.delete {
	margin-left:8px;
	vertical-align:middle;
	display:inline-block;
	*zoom:1;
	*display:inline;
	/*background:url('../../images/user/common/ico_delete.gif') 0 6px no-repeat;*/
	text-indent:-999px;
	overflow:hidden;
	width:15px;
	height:18px;
}
.ico {
	width:20px;
	height:20px;
	text-indent:-999px;
	overflow:hidden;
	padding-left:0;
}

/* -------------------------------------------------
    JQUERY-UI
------------------------------------------------- */
/* jquery-plugin tab : ui-tabs */
.tabs {
	position: relative;
	overflow:hidden;
}
.tabs .ui-tabs-nav {
		height:60px;
}
.tabs .ui-tabs-nav li {
	float:left;
	white-space: nowrap;
	font-weight:400;
	height:60px;
}
.tabs .ui-tabs-nav li:first-child .ui-tabs-anchor {

}
.tabs .ui-tabs-nav .ui-tabs-anchor {
	display:block;
	color:#777;
	font-weight:400;
	font-size:1.231em;
	height:60px;
	line-height:58px;
	box-sizing:border-box;
	background:#f5f5f5;
	border:1px solid #cecece;
	text-align:center;
}
.tabs .tabs-nav li + li a.ui-tabs-anchor { border-left:0; }
.tabs .ui-tabs-nav .ui-tabs-anchor:hover {
	background:#eee;
}
.tabs .ui-tabs-nav li.ui-tabs-active a,
.tabs .ui-tabs-nav li.ui-tabs-active a:hover {
	background:#1c252b;
	border:1px solid #1c252b;
	color:#fff;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; }

.tabs .ui-tabs-panel { display: block; }

/* jquery-plugin : accordion */
.accordion {
	border-top:2px solid #1c252b;
	margin-top:15px;
}
.ui-accordion-header {
	padding:13px 30px 13px 20px;
	line-height:22px;
	border-bottom:1px solid #dcdcdc;
	position:relative;
	cursor:pointer;
	font-size:1.153em;
	color:#000;
	font-weight:300;
}
.ui-accordion-header cite {
		color:#777;
		display:inline-block;
		width:40px;
}
.ui-accordion-header-active { border-bottom:1px dashed #dcdcdc; }
.ui-accordion-header:hover,
.ui-accordion-header:focus { background-color:#fcfcfc;outline:0; }
.ui-accordion-header-icon {
	position:absolute;
	top:0;
	right:0;
	width:40px;
	height:48px;
	/*background:url('../../images/user/common/select_arr.png') center center no-repeat; */
}
.ui-accordion-header-active .ui-accordion-header-icon { /*background:url('../../images/user/common/select_arr_up.png') center center no-repeat;*/ }
.ui-accordion-content {
	padding:15px 30px 15px 98px;
	border-bottom:1px solid #dcdcdc;
	color:#666;
	font-size:1.077em;
	/*background:url('../../images/user/common/acco_arr.gif') 65px 18px no-repeat;*/
}

/* jquery-plugin :select-menu */
.ui-selectmenu-menu {
	padding: 0;
	margin:8px 0 0 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	z-index:99999;
}
.ui-selectmenu-menu ul {
	background:#fff;
    max-height:500px;
    overflow-y:auto;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	/* Support: IE7 */
	overflow-x: hidden;
	padding-bottom: 1px;
	overflow-y:auto;
	max-height:200px;
}
.ui-selectmenu-menu .ui-menu li {
	padding:5px 10px;
    font-size:14px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-weight: bold;
	line-height: 1.3;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: inline-block;
}
.ui-selectmenu-button {
	display: inline-block;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	cursor: pointer;
	background:#fff;
	width:auto !important;
	font-size:14px;
	border-radius:0;
	border:1px solid #ccc;
	vertical-align:top;
	padding-right:30px;
}
.ui-selectmenu-button:focus {
    outline:none;
}
.ui-selectmenu-button span.ui-icon {
    position: absolute;
    display:block;
    right:10px;
    top:50%;
    margin-top:-4px;
    width: 15px;
    height: 9px;
    vertical-align: middle;
    background: url(../images/common/ico_stripe.png) 0 -80px no-repeat;
}
.ui-selectmenu-button span.ui-selectmenu-text {
	text-align: left;
	padding: 0 10px;
	height:38px;
	line-height:38px;
	display: block;
	overflow: hidden;
	white-space: nowrap;
}
.ui-selectmenu-menu .ui-state-active { font-weight:bold; }
.ui-selectmenu-menu .ui-state-hover,
.ui-selectmenu-menu .ui-state-focus { background:#f9f9f9; cursor:pointer }
.ui-selectmenu-menu ul {
   border:1px solid #aaa;
}
.ui-state-disabled{
    background:#fafafa;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    text-align:center;
    color:#222;
}
.ui-state-disabled + .ui-state-disabled {
    border-top:none;
}

/* .tbl-input .selectmenu */
.layer-popup .tbl-input .p3 + .ui-selectmenu-button {
	width:20.2% !important;
}
.layer-popup .tbl-input .ui-selectmenu-button {
	height:50px;
}
.layer-popup .tbl-input .ui-selectmenu-button span.ui-selectmenu-text {
	line-height:48px;
}
select.p10 + .ui-selectmenu-button{
    width:100% !important;
    box-sizing:border-box;
}
/* lsch select-menu */
.lsch .ui-selectmenu-button {
	border:0;
	border-bottom:1px solid #333;
}
.lsch .ui-selectmenu-button {
    display:none;
}
.lsch .ui-selectmenu-button span.ui-selectmenu-text {
	text-align: left;
	padding: 0;
	height:36px;
	line-height:36px;
	display: block;
	overflow: hidden;
	white-space: nowrap;
}
.lsch .ui-selectmenu-button span.ui-icon {
	right:0;
}
.lsch .ui-selectmenu-menu .ui-state-disabled:first-child {
    background:#eee;
}
.ui-selectmenu-menu .lsch-selectmenu {
   margin-top:5px;
   border:1px solid #222;
}

/* jquery-plugin :  datepicker */
.datepicker,
.datepicker-past{
    width: 150px !important;
    background: url('../images/common/ico_calendar.png') 120px center no-repeat;
}
.ui-datepicker-trigger {
    /*position:absolute;*/
    margin-left:-36px;
    vertical-align:middle;
	border:0;
	background:none;
	outline:0;
}
.item-box .ui-datepicker-trigger {
	position:absolute;
}
.ui-datepicker-trigger img {
	display:block;
}
.ui-datepicker {
	background-color:#fff;
	border: 1px solid #777777;
	width: 200px;
	padding:12px 10px 10px;
	display: none;
    z-index:9999 !important;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: 0 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	overflow:hidden;
	position: absolute;
	top: 0px;
	width: 30px;
	height: 30px;
	background-image:url('../images/common/paging.png');
	text-indent:-999px;
	background-repeat:no-repeat;
	cursor:pointer;
}
.ui-datepicker .ui-datepicker-prev {
	left: 5px;
	background-position:0 0;
}
.ui-datepicker .ui-datepicker-prev:hover {
	background-position: -30px 0;
}
.ui-datepicker .ui-datepicker-next {
	right: 5px;
	background-position:0 -60px;
}
.ui-datepicker .ui-datepicker-next:hover {
	background-position:-30px -60px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 45%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 1em;
	line-height: 30px;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 40%;
	margin:0 2px;
	padding:1px;
	border:1px solid #aaa;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 10px 0 .2em;
	border-top:1px solid #777;
}
.ui-datepicker th {
	padding: .3em .3em;
	font-size:11px;
	text-align: center;
	height:14px;
	font-weight: bold;
	border: 0;
	border-bottom:1px solid #ddd;
	background-color:#fff;
	background:#f9f9f9;
}
.ui-datepicker tr:first-child td { border-top:0; }
.ui-datepicker td {
	text-align:center;
	border: 0;
	padding: 1px;
	height:30px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	text-align:center;
	height:30px;
	width:30px;
	line-height:30px;
	border-radius:50%;
	text-decoration: none;
	border-bottom:0;
	box-sizing:border-box;
}
.ui-datepicker td span {
	opacity:.3;
}
.ui-datepicker a.ui-state-highlight {
	background-color:#f5f5f5;
}
.ui-datepicker td a:hover,
.ui-datepicker td a:focus,
.ui-datepicker a.ui-state-active{
	background-color:#f15a53;
	color:#fff;
	font-weight:500;
}
.ui-datepicker .ui-datepicker-week-end,
.ui-datepicker .ui-datepicker-week-end a{
	color:#337399;
}
.ui-datepicker .ui-datepicker-week-end:first-child,
.ui-datepicker .ui-datepicker-week-end:first-child a{
	color:#f15a53;
}
.ui-datepicker .ui-datepicker-week-end a.ui-state-active{
	color:#fff;
}
.ui-datepicker .ui-datepicker-week-end:first-child a:hover,
.ui-datepicker .ui-datepicker-week-end:first-child a:focus {
	color:#fff;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }
.hasDatepicker + img { margin-left:10px;vertical-align:middle; }

/* jquery-plugin dialog */
.ui-widget-overlay {
     position:fixed;
    width:100%;
    height:500%;
    top:0;
    left:0;
    background:#000;
    opacity:0.6;
    filter:alpha(opacity=60);
    z-index:99999;
}
.ui-dialog {
    position:absolute;
    padding-bottom:10px;
    background:#fff;
    top:140px;
    z-index:100000;
    border:1px solid #ccc;
    box-shadow:3px 3px 15px rgba(0,0,0,.2);
}
.ui-dialog .ui-dialog-titlebar {
    background:#273640;
    height:45px;
    padding:0 20px;
    position:relative;
}
.ui-dialog .ui-dialog-title {
    color:#fff;
    font-size:15px;
    line-height:45px;
}
.ui-dialog .ui-dialog-titlebar-close {
    position:absolute;
    width:19px;
    height:19px;
    overflow:hidden;
    top:13px;
    right:13px;
    text-indent:-999px;
    background:url("../images/common/ico_stripe.png") -140px -60px no-repeat;
    border:0;
}
.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding:30px 40px 20px;
    background: none;
    overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    text-align:center;
}
.ui-dialog .ui-dialog-buttonpane button {
    display:inline-block;*zoom:1;*display:inline;
    text-align:center;
    vertical-align:middle;
    white-space:nowrap;
    cursor:pointer;
    border: none;
    padding:0 30px;
	height:40px;
	line-height:38px;
	font-size:14px;
	font-weight:300;
    background:#fff;
    color:#333;
    border:1px solid #777;
    box-sizing:border-box;
    outline:0;
	border-radius:2px;
}
.ui-dialog .ui-dialog-buttonpane button + button { margin-left:6px; }
.ui-dialog .ui-dialog-buttonpane button:only-child,
.ui-dialog .ui-dialog-buttonpane button.spot {
    background:#f15a53;
    border:1px solid #f15a53;
    color:#fff;
}
.ui-dialog .ui-resizable-se {
    width: 12px;
    height: 12px;
    right: -5px;
    bottom: -5px;
    background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}
.ui-dialog-content .msg {
    margin-bottom:10px;
}
.ui-dialog-content .msg em {
    font-weight:700;
}
/* ui-autocomplete */
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
	z-index:9999;
	max-height:300px;
	overflow-y:scroll;
    box-sizing:border-box;
}
.ui-autocomplete.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff;
	color: #222222;
	padding:7px 0;
	line-height:1.8em;
}
.ui-autocomplete .ui-menu-item  { padding:5px 10px;line-height:1.8em; }
.ui-autocomplete .ui-menu-item:hover { background:#f5f5f5; }
.ui-autocomplete .ui-menu-item .ui-state-hover,
.ui-autocomplete .ui-menu-item .ui-state-focus{
	display:block;
	background:#f5f5f5;
}
.ui-helper-hidden-accessible {
	position: absolute;
	left: -9999px;
}

/* sch-cont */
.sch-cont { margin:15px 0;text-align:right; }
.sch-cont label { font-weight:500;margin-right:6px; }
.sch-cont label ~ label { margin-left:30px; }
.sch-cont .ui-selectmenu-button + input { margin-left:6px;width:200px; }

h3 + .select-cont.right { margin-top:-48px; }

/* table */
div[class^=tbl] + div[class^=tbl] { margin-top:20px; }

table th { font-weight:500; }

/* table : tbl-info */
.tbl-info { clear:both;border-bottom:1px solid #ddd; }
.tbl-info th,
.tbl-info td {
	font-size:15px;
	line-height:22px;
	padding:9px 0;
	text-align:left;
	vertical-align:top;
}
.tbl-info tbody + tbody tr:first-child th,
.tbl-info tbody + tbody tr:first-child td { border-top:1px solid #ddd;padding-top:25px; }
.tbl-info tbody tr:last-child th,
.tbl-info tbody tr:last-child td { padding-bottom:25px; }

/* table : tbl-list */
.tbl-list .select-cont + .btn-cont {
	margin-top:-51px;
	margin-bottom:15px;
}
.fnc-cont + .tbl-list { margin-top:40px; }
.btn-cont.w630 + .tbl-list > strong{ position:relative;margin-top:-20px; }
.tbl-list {
	position:relative;
	clear:both;
}
.tbl-list > strong {
	display:block;
	margin-bottom:5px;
}
.tbl-list table {
	clear:both;
	border-top:2px solid #1c252b;
	border-bottom:1px solid #dcdcdc;
}
.tbl-list table thead th {
	vertical-align:middle;
	color:#333;
	height:20px;
	padding:14px 0;
	line-height:20px;
	background-color:#f9f9f9;
	border-bottom:1px solid #ccc;
	font-size:14px;
	font-weight:400;
}
.tbl-list table tbody th,
.tbl-list table tbody td {
	padding:10px;
	min-height:32px;
	*height:auto;
	border-top:1px solid #dcdcdc;
	vertical-align:middle;
	line-height:20px;
	color:#444;
	font-size:14px;
}
.tbl-list table tbody th {
	vertical-align:top;
	color:#555;
}
.tbl-list table tbody td {
	text-align:center;
	color:#000;
	vertical-align:middle;
	padding-left:2px;
	padding-right:2px;
}
.tbl-list table tbody td a:hover em {
	text-decoration:underline;
}
.tbl-list table tbody tr:hover th,
.tbl-list table tbody tr:hover td{
	background-color:#fcfcfc;
}
.tbl-list table th {
	background:#f9f9f9
}
.tbl-list table tbody tr:hover th {
	background:#f1f1f1;
}
.tbl-list.no-hover table tbody tr:hover td {
	background-color:transparent;
}
.tbl-list.no-hover table tbody th,
.tbl-list.no-hover table tbody td {
	padding-top:12px;
	padding-bottom:12px;
}
.tbl-list table tbody td.al a {
	display:block;
	max-width:100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
    font-weight:400;
    color:#000;
}
.tbl-list table tbody td.al a:hover {
	text-decoration:underline;
}
.tbl-list table tbody td.date { font-size:13px;color:#777; }
.tbl-list table thead th.al,
.tbl-list table tbody th.al,
.tbl-list table tbody td.al { text-align:left; }
.tbl-list table thead th.ar,
.tbl-list table tbody th.ar,
.tbl-list table tbody td.ar { text-align:right; }
.tbl-list table thead th.ac,
.tbl-list table tbody th.ac,
.tbl-list table tbody td.ac { text-align:center; }

.tbl-list tfoot td {
	border-top:1px solid #ddd;
	padding-top:10px;
	padding-bottom:10px;
}
.tbl-list tfoot td strong + em {
	margin-left:20px;
	font-size:20px;
	font-weight:500;
}
.tbl-list .thumb {
    padding-top:5px;
    padding-bottom:2px;
}
.tbl-list .thumb img{
    max-width:100px;
    max-height:40px;
}
.vertical-top tbody td {
    vertical-align:top !important;
}
.word {
    display:inline-block;
    margin:2px 1px 3px;
    padding:3px 5px;
    background-color:#eee;
}
.tbl-list + .pop-comment {
    margin-top:40px;
}
.tbl-list cite.tit {
    display:block;
    text-align:center;
    font-size:12px;
    font-weight:500;
    color:#666;
}
.tbl-list .al cite.tit {
    margin-top:2px;
    text-align:left;
    color:#999;
    line-height:1.3;
}
.tbl-list .label {
    display:inline-block;
    margin:0 auto;
    padding:0 10px;
    border:1px solid #555;
    color:#000;
    font-size:12px;
}
.tbl-list .label.spot {
   background: #f15a53;
   border: 1px solid #f15a53;
   color: #fff;
}
.tbl-list .label.spot2 {
    color: #fff;
    background-color: #273640;
    border: 1px solid #273640;
}
.tbl-list .label.spot3 {
    color: #fff;
    background: #00b9b0;
    border: 1px solid #00b9b0;
}
.tbl-list .label.spot4 {
    color: #fff;
    background: #4e6979;
    border: 1px solid #4e6979;
}
.tbl-list .label.spot5 {
    color: #fff;
    background-color: #bbb;
    border: 1px solid #bbb;
}
.tbl-list .fs-lg {
    display:inline-block;
    font-size:18px;
    color:#999;
    font-weight:500;
    min-height:24px;
    height:24px;
}
.tbl-list .ico-chart,
.tbl-list .ico-edit {
    display:inline-block;
    margin:0 auto;
    width: 24px;
    height: 24px;
    background: url('../images/common/ico_chart.svg') center center no-repeat;
}
.tbl-list  .ico-edit {
    background-image: url('../images/common/ico_edit.svg');
}


/* table : tbl-list2 */
.tbl-list .select-cont + .btn-cont {
	margin-top:-51px;
	margin-bottom:15px;
}
.fnc-cont + * { margin-top:40px; }

.tbl-list2 {
	position:relative;
	clear:both;
    margin-top:60px;
}
.tbl-list2 table {
	clear:both;
	border-top:2px solid #1c252b;
	border-bottom:1px solid #dcdcdc;
    border-right:1px solid #dcdcdc;
}
.tbl-list2 table thead th {
	vertical-align:top;
	color:#333;
	height:20px;
	padding:15px 20px;
	line-height:20px;
	background-color:#ebebeb;
	border-bottom:1px solid #ccc;
	font-size:16px;
	font-weight:500;
    vertical-align:middle;
    border-left:1px solid #dcdcdc;
}
.tbl-list2 table thead th input {
    font-size:18px;
    color:#333;
    height:50px;
    line-height:50px;
    padding:0 9px;
    box-sizing:border-box;
}
.tbl-list2 table thead th input{
    width:105px;
    background:none;
}
.tbl-list2 table thead th input + input {
    width:60%;
}
.tbl-list2 table input[disabled="disabled"],
.tbl-list2 table input[disabled="disabled"]:hover,
.tbl-list2 table input[disabled="disabled"]:focus {
    background:none;
    border:none;
   	font-weight:700;
}
.tbl-list2 table input[disabled="disabled"] + input[disabled="disabled"] {
    font-weight:400;
}
.tbl-list2 table tbody th,
.tbl-list2 table tbody td {
	padding:10px 20px;
	min-height:32px;
	*height:auto;
	border-top:1px solid #dcdcdc;
    border-left:1px solid #dcdcdc;
	vertical-align:top;
	line-height:20px;
	color:#444;
	font-size:14px;
	text-align:center;
}
.tbl-list2 table tbody th {
    background-color:#f9f9f9;
}
.tbl-list2 table tbody th input {
    font-size:16px;
}
.tbl-list2 table tbody td {
}
.tbl-list2 > table > tbody > tr > th > input,
.tbl-list2 > table > tbody > tr > td > input,
.tbl-list2 > table > tbody > tr > td > ul > li > input {
    width:50px;
    box-sizing:border-box;
    height:30px;
    line-height:30px;
    padding:0;
	text-align:center;
}
.tbl-list2 > table > tbody > tr > th > input + input,
.tbl-list2 > table > tbody > tr > td > input + input,
.tbl-list2 > table > tbody > tr > td > ul > li > input + input{
    width:calc(100% - 53px);
	text-align:left;
	padding-left:10px;
}
.tbl-list2 table tbody td ul {
    margin-bottom:10px;
}
.tbl-list2 table tbody td li + li {
    margin-top:5px;
}
.tbl-list2 table tbody td.date { font-size:13px;color:#777; }
.tbl-list2 table thead th.al,
.tbl-list2 table tbody th.al,
.tbl-list2 table tbody td.al { text-align:left; }
.tbl-list2 table thead th.ar,
.tbl-list2 table tbody th.ar,
.tbl-list2 table tbody td.ar { text-align:right; }
.tbl-list2 table thead th.ac,
.tbl-list2 table tbody th.ac,
.tbl-list2 table tbody td.ac { text-align:center; }
.tbl-list2.active {
    box-shadow:3px 3px 15px rgba(0,0,0,.2);
}
.tbl-list2.active table input,
.tbl-list2.active table input:hover,
.tbl-list2.activetable input:focus {
    background:#fff;
    border:1px solid #ccc;
}

.tbl-list2 tbody tr:first-child th,
.tbl-list2 tbody tr:first-child td {
    border-top:1px solid #999;
}

.tbl-list2 .tbl-list table { border:0; }
.tbl-list2 .tbl-list table th { text-align:center; }
.tbl-list2 .tbl-list table th:first-child,
.tbl-list2 .tbl-list table td:first-child { border-left:0; }

/* table : tbl-list3 */
.tbl-list3 {
	position:relative;
	clear:both;
    text-align:left;
    margin-bottom:10px;
    margin-left: auto;
    margin-right: auto;
}
.tbl-list3 table {
	clear:both;
	border-top:1px solid #ccc;
	border-bottom:1px solid #dcdcdc;
}
.tbl-list3 table th {
	vertical-align:top;
	color:#333;
	height:20px;
	padding:10px 20px;
	line-height:20px;
	background-color:#f9f9f9;
	border-bottom:1px solid #dcdcdc;
	font-size:14px;
	font-weight:700;
    vertical-align:middle;
    text-align:left;
}
.tbl-list3 table tbody th,
.tbl-list3 table tbody td {
	padding:0 20px 10px;
	*height:auto;
	color:#333;
	font-size:14px;
    line-height:1.5em;
    text-align:left;
}
.tbl-list3 table tbody tr:first-child td {
    padding-top:10px;
}
.tbl-list3 table tbody td.date { font-size:13px;color:#777; }
.tbl-list3 table thead th.al,
.tbl-list3 table tbody th.al,
.tbl-list3 table tbody td.al { text-align:left; }
.tbl-list3 table thead th.ar,
.tbl-list3 table tbody th.ar,
.tbl-list3 table tbody td.ar { text-align:right; }
.tbl-list3 table thead th.ac,
.tbl-list3 table tbody th.ac,
.tbl-list3 table tbody td.ac { text-align:center; }
.tbl-list3.active {
    box-shadow:3px 3px 15px rgba(0,0,0,.2);
}

/* table : tbl-link
.tbl-link tr:hover th:not(.link-other),
.tbl-link tr:hover td:not(.link-other),
.tbl-link th.link-other:hover,
.tbl-link td.link-other:hover  {
    text-decoration:underline;
} */


/* table : tbl-input */
.tbl-input {
	/*max-width:540px;*/
	margin-left:auto;
	margin-right:auto;
}
.tbl-input > table {
}
.tbl-input > table + table {
	/*margin-top:-1px;*/
}
.tbl-input > table th.required:after {
	content:"★";
	color:#f15a53;
	vertical-align:top;
	margin-left:8px;
	font-size:14px;
}
.tbl-input > table > thead > tr > th,
.tbl-input > table > tbody > tr > th {
	vertical-align:top;
	text-align:left;
	padding:10px 10px 10px 10px;
	line-height:40px;
	font-size:1.077em;
	font-weight:400;
}

.tbl-input table > tbody > tr > td {
    position:relative;
	color:#555;
	line-height:30px;
	padding:5px 10px 5px 10px;
    min-height:30px;
    vertical-align:middle;
}

.tbl-input table td br ~ input,
.tbl-input table td br ~ span,
.tbl-input table td br ~ label {
	margin-top:8px;
	vertical-align:middle;
}
.tbl-input table td input + span {
	margin-left:5px;
}
.tbl-input table td input[type=text],
.tbl-input table td input[type=password] {
	height:50px;
	font-size:15px;
}
.tbl-input table td.ac {
	text-align:center;
}
.tbl-input table td.al {
	text-align:left;
}
.tbl-input table td.ar {
	text-align:right;
}
.tbl-input > table > tbody + tbody > tr:first-child > th,
.tbl-input > table > tbody + tbody > tr:first-child > td {
	border-top:1px solid #bbb;
}
.tbl-input table .label {
	display:inline-block;
	*zoom:1;
	*display:inline;
	font-weight:600;
	font-size:0.923em;
	margin-right:6px;
}
.tbl-input table td input[type=file] {
    padding:0;
    height:auto;
    border:none;
}
.tbl-input table td input.p0 { width:118px }
.tbl-input table td i {
     display:inline-block;
    width:3%;
	color:#333;
	font-size:28px;
	vertical-align:middle;
	line-height:50px;
	margin-left:-3px;
	margin-right:2px;
	/*margin:0 2px 0 1px;*/
    text-align:center;
}

.tbl-input table td .ui-datepicker-trigger {
    margin-left:-41px;
    margin-top:14px;
}
.contents-header ~ * .tbl-input table tbody th,
.contents-header ~ * .tbl-input table td {
	padding:5px 0;
}
.contents-header ~ * .tbl-input table td input[type=text],
.contents-header ~ * .tbl-input .btn {
	height:40px;
	font-size:15px;
}
* + .tbl-input  {
	margin-top:30px;
}

.contents-header ~ * .opinion {
	margin-top:30px;
}
.contents-header ~ * section h3 {
	margin-bottom:10px;
	font-size:16px;
	font-weight:400;
}
/* aside */
.aside {
    display:inline-block;
	vertical-align:top;
	width:180px;
    margin-left:50px;
}
.aside aside + aside {
    margin-top:30px;
}
/* metadata */
.metadata {
	background:#f9fbfc;
	border-top:3px solid #273640;
	border-bottom:1px solid #90989e;
	padding-top:30px;
	text-align:center;
}
.metadata h3 {
	font-weight:500;
	color:#7d2887;
	font-size:16px;
}
.metadata h3 span { font-weight:400; }
.metadata .meta-progress {
	padding:27px 20px 35px;
	position:relative;
}
.metadata .progress-num {
	height:40px;
	width:80px;
	border:1px solid #ddd;
	border-radius:6px;
	background:#fff;
	margin:0 auto 12px;
	position:relative;
	line-height:40px;
	color:#7d2887;
	font-weight:900;
	white-space:nowrap;
}
.progress-num strong {
	font-size:30px;
	font-weight:700;
	letter-spacing:-0.05em;
	margin-right:2px;
}

.progress-num strong span {
	font-size:15px;
	margin-left:3px;
}
.metadata .progress-num:after {
	content:"";
	position:absolute;
	width:10px;
	height:10px;
	background:#fff;
	box-shadow:1px 1px 0 #ccc;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
	left:50%;
	margin-left:-5px;
	bottom:-5px;

}
.metadata .progress {
	height:20px;
	overflow:hidden;
	position:relative;
	border-radius:10px;
	background:#ccc;
}
.progress .progress-inner {
	position:absolute;
	left:0;
	top:0;
	height:20px;
	width:0px;
	background:#f15a53;
	background: linear-gradient(90deg, #fe4755, #5849c6, #099fc7, #21e99f);
	background-size: 1200% 1200%;
	-webkit-animation: loadingGraient 10s ease infinite;
	-moz-animation: loadingGraient 10s ease infinite;
	-o-animation: loadingGraient 10s ease infinite;
	animation: loadingGraient 10s ease infinite;
}

@keyframes loadingGraient {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
.metadata > a {
	display:block;
	line-height:27px;
	font-weight:400;
	color:#333333;
	border-top:1px solid #ddd;
	padding:13px 0 10px 0;
	background:#f9fbfc;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
}
.metadata > a:before {
	content:"";
	display:inline-block;
	width:28px;
	height:27px;
	background:url("../images/common/ico_stripe.png") -180px 0 no-repeat;
	vertical-align:middle;
	margin-right:10px;
}
.metadata > a:hover,
.metadata > a:focus {
	background:#edf2f5;
	border-top:1px solid #ccc;
}

/* translate */
.translate a{
	width:100%;
}

/* caution */
.caution {
	text-align:center;
	margin-top:80px;
}
.caution  p {
	font-size:18px;
	font-weight:300;
}
.caution  p + p { margin-top:20px; }
.caution  p em { font-weight:400; }
.caution  p b { border-bottom:1px solid #777; }
.caution  p.caution-box {
	background:#f9fbfc;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:20px;
	font-weight:400;

}
.lg-num {
    font-size:36px;
    font-weight:500;
    color:#bbb;
    font-style:italic;
}
.thumb-img {
    display:block;
    width:135px;
    height:135px;
    overflow:hidden;
    margin-top:-5px;
}
.thumb-img img {
    height:100%;
}

/* toolpip */
.tooltip,
.tooltip-hover {
    display:block;
    position: absolute;
    padding:5px 10px;
	background: #f2fbfb;
	border: 1px solid #7fdcd7;
    font-size:13px;
    color:#00b9b0;
    line-height:1.5;
    box-shadow:0 0 10px rgba(0,0,0,.1);
    z-index:1;
}
.tooltip {
    width:270px;
    margin-top:10px;
    left:100%;
}
.tooltip:after, .tooltip:before {
	right: 100%;
	top: 15px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.tooltip:after {
	border-color: rgba(242, 251, 251, 0);
	border-right-color: #f2fbfb;
	border-width: 5px;
	margin-top: -5px;
}
.tooltip:before {
	border-color: rgba(127, 220, 215, 0);
	border-right-color: #7fdcd7;
	border-width: 6px;
	margin-top: -6px;
}
.tooltip-hover {
   opacity:0;
   max-width:270px;
   margin-top:10px;
   margin-top:3px;
   left:5px;
   -webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
.tooltip-hover:after, .tooltip-hover:before {
	bottom: 100%;
	left: 15px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.tooltip-hover:after {
	border-color: rgba(242, 251, 251, 0);
	border-bottom-color: #f2fbfb;
	border-width: 5px;
	margin-left: -5px;
}
.tooltip-hover:before {
	border-color: rgba(127, 220, 215, 0);
	border-bottom-color: #7fdcd7;
	border-width: 6px;
	margin-left: -6px;
}
.tbl-input input:hover + .tooltip-hover,
.tbl-input input:hover + .tooltip-focus{
    opacity:1;
}

/* msg */
.msg-error {
	padding-left:15px;
	font-size:13px;
	color:#f15a53;
}
.msg-error.gm {
	color:#00b9b0;
}
input.error {
	border:1px solid #f15a53;
}

/* tbl-write */
.tbl-write { clear:both; }
.tbl-write textarea{resize:none;}
.tbl-write > cite {
	display:block;
	font-size:1.077em;
	margin:10px 0;
	font-weight:600;
}
.tbl-write table {
	border-top:2px solid #1c252b;
}
.tbl-write table th {
	border-bottom:1px solid #dcdcdc;
	vertical-align:top;
	background:#f9f9f9;
	text-align:center;
	color:#444;
	font-weight:400;
	font-size:14px;
}
.tbl-write table th.required:after {
	content:"★";
	color:#f15a53;
	vertical-align:top;
	margin-left:8px;
	font-size:14px;
}
.tbl-write table thead th {
	background-color:#f1f1f1;
	border-bottom:1px solid #ccc;
	text-align:center;
	padding:15px 0 15px 0;
	font-weight:500;
	font-size:18px;
}
.tbl-write table tbody th {
	text-align:left;
	padding:10px 10px 10px 20px;
	border-bottom:1px solid #e5e5e5;

}
.tbl-write table th span {
	display:block;
	font-weight:normal;
	font-size:0.923em;
}
.tbl-write table td {
	padding:10px 20px 10px 20px;
	border-bottom:1px solid #e5e5e5;
	vertical-align:top;
	color:#666;
	font-size:14px;
}
.tbl-write table th.ac,
.tbl-write table td.ac {
	padding:10px 0;
	text-align:center;
}
.tbl-write table tr.ac th.al {
	padding-left:20px;
	text-align:left;
}
.tbl-write table tr.strong td {
	font-weight:600;
	font-size:1.077em;
	color:#333;
}
.tbl-write table td i {

	color:#333;
	font-size:20px;
	vertical-align:middle;
	line-height:40px;
	margin:0 3px 0 3px;
}
/* tbl-write primary */
.tbl-write.primary {
	background:#f9fbfc;
	padding:20px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.tbl-write.primary table {
	border-top:0;
}
.tbl-write.primary table th,
.tbl-write.primary table td {
	border-bottom:0;
	background-color:transparent;
	color:#000;
	font-size:17px;
}
.tbl-write.primary table td {
	font-weight:300;
}

/* inner table */
table td table thead th,
table td table tbody td{
	text-align:center;
	padding:5px 0;
}
table table + .btn-cont {
	margin-top:15px;
}

/* table : view-type */
.view-type {
	border-bottom:1px solid #dcdcdc;
}
.tabs + .view-type { margin-top:50px; }
.view-type { clear:both; }
.view-type table { border-top:2px solid #1c252b; }
.view-type thead th {
	padding:18px 30px ;
	line-height:24px;
	font-size:1.231em;
	background-color:#f5f5f5;
	border-bottom:1px solid #dcdcdc;
	text-align:center;
	vertical-align:top;
}
.view-type thead td {
	padding:13px 30px;
	line-height:24px;
	vertical-align:top;color:#444;
}
.view-type thead td .fr { font-weight:500; }
.view-type thead td cite {
	margin-right:20px;
	font-weight:600;
	color:#666;
}
.view-type thead td a { text-decoration:underline; }
.view-type tfoot td {
	padding:13px 30px ;
	line-height:24px;
	border-top:1px solid #dcdcdc;
	text-align:left;
	font-size:1.07em;
}
.view-type tfoot tr:first-child td { border-top:2px solid #1c252b; }
.view-type tfoot td cite {
	display:inline-block;
	*zoom:1;
	*display:inline;
	font-weight:500;
	padding-right:17px;
	margin-right:16px;
	background:url('../../images/user/common/bar.gif') right center no-repeat;
}
.view-type tfoot td .date {
	color:#666;
	float:right;
}
.view-type tfoot td a {
	display:inline-block;
	*zoom:1;
	*display:inline;
	vertical-align:middle;
	max-width:70%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.view-type tfoot td a:hover {
	text-decoration:underline;
}
.view-type tbody td {
	padding:30px;
	border-top:1px solid #dcdcdc;
	font-size:1.077em;
	line-height:1.9em;
}
.view-type tbody td textarea {
	width:910px;
	height:100px;
}

.pic-cont img {
	display:block;
	margin:0 auto;
}
.view-type td .photo-cont {
	text-align:center;
	margin:0 auto 40px auto;
}
.view-type td .photo-cont img {
	margin:0 auto;
	border:1px solid #cccccc;
}
.view-type td .vdo-cont {
	width:880px;
	text-align:center;
	margin:0 auto 40px auto;
}

/* tbl-scroll */
.tbl-scroll.w600 { margin:0 auto;}
.fht-table {
	border-collapse: collapse;
	border-spacing: 0;
	table-layout:auto;
	min-width:100%;
	max-width:100%;
	width:100% !important;
}
.fht-table-wrapper {
	box-sizing:border-box;
}

.fht-table-wrapper,
.fht-table-wrapper .fht-thead,
.fht-table-wrapper .fht-tfoot,
.fht-table-wrapper .fht-fixed-column .fht-tbody,
.fht-table-wrapper .fht-fixed-body .fht-tbody,
.fht-table-wrapper .fht-tbody {
	overflow: hidden;
	position: relative;
}
.fht-table-wrapper .fht-fixed-body .fht-tbody,
.fht-table-wrapper .fht-tbody {
	overflow-y: auto;
	overflow-x: hidden;
}
.fht-table-wrapper .fht-fixed-column .fht-tbody thead {
	display:none;
}
.fht-table-wrapper .fht-table .fht-cell {
	overflow: hidden;
	height: 1px;
}
.fht-table-wrapper .fht-fixed-column,
.fht-table-wrapper .fht-fixed-body {
	top: 0;
	left: 0;
	position: absolute;
}
.fht-table-wrapper .fht-fixed-column {
	z-index: 1;
}
.fht-table-wrapper .fht-thead{
	border-bottom:1px solid #ccc;
	box-sizing:border-box;
}

.fht-table-wrapper th {
	padding:10px 0;
	font-weight:400;
	text-align:center;
}
.fht-table-wrapper td {
	text-align:center;
	padding:6px 10px;
	font-size:14px;
}
.fht-table-wrapper tr.odd td {
	background:#f9f9f9;
}
.fht-table-wrapper td.al {
	text-align:left;
}
.fht-table-wrapper td.date {
	font-size:13px;
	color:#777;
}

/* opinion */
.opinion {
}
.opinion section {
	padding-bottom:10px;
}
.opinion .opinion-list {
	margin-bottom:20px;
}
.opinion .opinion-list li {
	border-bottom:1px dotted #ddd;
	position:relative;
	padding:10px 40px 10px 0;
}
.opinion .opinion-list li cite {
	color:#333;
	font-weight:500;
}
.opinion .opinion-list li time {
	color:#777;
	font-size:13px;
	margin-left:10px;
}
.opinion .opinion-list li p {
	font-weight:400;
	font-size:14px;
	line-height:1.6em;
}
.opinion .opinion-list li p a {
	color:#688799;
}
.opinion .opinion-list li p a:hover,
.opinion .opinion-list li p a:focus {
	border-bottom:1px solid #688799;
}
.opinion .opinion-list li a.delete {
	display:inline-block;
	width: 11px;
    height: 11px;
    font-size: 1px;
    background: url(../images/common/ico_stripe.png) -60px -60px no-repeat transparent;
    text-indent: -99px;
    overflow: hidden;
    border: 0;
    vertical-align:middle;
    position:relative;
    top:-2px;
}
.opinion .opinion-write {
	position:relative;
}
.opinion .opinion-write > div {
	position:relative;
	background:#fff;
	border:1px solid #ccc;
	padding:10px 15px;
	height:98px;
	background:#f9fbfc;
}
.opinion .opinion-write span {
	color:#555;
	font-size:12px;
	display:block;
	margin-top:15px;
}
.opinion .opinion-write em {
	font-weight:500;
	color:#688799;
}
.opinion .opinion-write a.btn {
	position:absolute;
	right:10px;
	bottom:10px;
	background-position:10px center;
	background-repeat: no-repeat;
	padding:0;
}
.opinion .opinion-write div p {
	padding:0;
	border:0;
	width:100%;
	height:65px;
	overflow:auto;
	resize:none;
	background:#f9fbfc;
	outline:0;
}
.opinion .opinion-write ul.tagged {
	position:absolute;
	background:#fff;
	padding:10px 0;
	background:#fff;
	border:1px solid #aaa;
	box-shadow:1px 1px 5px rgba(0,0,0,.1);
	width:100px;
	z-index:99;
}
.opinion .opinion-write ul.tagged li{
	padding:0 15px;
}
.opinion .opinion-write ul.tagged li:hover {
	background-color:#e7f7fa;
	cursor:default;
}
/* 
.opinion .reple	{ 
	margin:0 0 80px 0;
	border-top:1px solid #e7e7e7; 
}
.opinion .reple li	{ 
	padding:15px 20px;
	border-bottom:1px solid #e7e7e7;
	position:relative; 
}
.opinion .reple li	 cite	{ 
	background:url('../../img/manager/common/profile.png') 0 0 no-repeat;
	padding-left:21px;
	margin-right:18px; 
}
.opinion .reple li	 span { 
	color:#777; 
}
.opinion .reple li	 p	{ 
	margin-top:8px;
	word-wrap : break-word; 
	word-break : break-all 
}
.opinion .reple a.del	{ 
	position:absolute;
	top:19px;
	*top:15px;
	right:20px;
	padding-left:16px;
	line-height:12px;
	overflow:hidden;
	background:url('../../img/manager/common/delete2.gif') 0 0 no-repeat;
	cursor:pointer;
	text-decoration:underline;
	color:#555; 
} */

/* -----------------------
	SITE-HEADER 
 ----------------------- */
.header {
	border-bottom:1px solid #ccc;
	height:82px;
	padding:34px 35px 0;
	box-sizing:border-box;
	min-width:1600px;
	background:#f9f9f9;
}
.header:after {
	content:"";
	clear:both;
}
.header h1 {
	float:left;
	margin-right:100px;
}
.header h1 a {
    display: block;
    width: 185px;
    height: 22px;
    overflow: hidden;
    background: url("../images/admin/logo_admin.svg") 0 0 no-repeat;
    background-size:auto 22px;
    text-indent: -999px;
}
.header.mn {
	border-bottom:0;
	background:#fff;
}

/* gnb */
.gnb {
}
.gnb li {
	float:left;
}
.gnb li + li {
	margin-left:30px;
}
.gnb li a {
	font-size:18px;
	line-height:20px;
	font-weight:400;
}
.gnb li.current {
	position:relative;
}
.gnb li.current:before {
	content:"";
	position:absolute;
	width:13px;
	height:7px;
	background:url("../images/common/on_arr.png") 0 0 no-repeat;
	bottom:-20px;
	left:50%;
	margin-left:-7px;
}
.gnb.mn {
	 margin:0 auto;
	 text-align:center;
	 padding:25px 0;
	 min-width:1160px;
	 border-top:1px solid #eee;
	 border-bottom:1px solid #eee;
}
.gnb.mn li {
	float:none;
	display:inline-block;
}
.gnb.mn li + li {
	margin-left:50px;
}
/* util */
.util {
	float:right;
	margin-top:-5px;
}
.util > li {
	float:left;
    position:relative;
}
.util > li  + li {
	margin-left:30px;
}
.util li > a {
	display:block;
	font-size:13px;
}
.util > li.gscharea + li.savedsch {
    margin-left:10px;
}
.util > li.gscharea > a {
    position:relative;
	height:16px;
	padding:7px 30px 7px 20px;
	line-height:16px;
    border:1px solid #aaa;
	border-radius:16px;
	background-color:#f1f5f8;
	/*-webkit-transition:background-color .5s;
	-moz-transition:background-color .5s;
	-ms-transition:background-color .5s;
	-o-transition:background-color .5s;
	transition:background-color .5s;*/
}

.util > li.surveyadd > a {
    position:relative;
	height:16px;
	padding:7px 20px ;
	line-height:16px;
    border:1px solid #f15a53;
	border-radius:16px;
	background-color:#f15a53;
    color:#fff;
}

.util > li.gscharea > a:after {
    content: "";
    position: absolute;
    top:50%;
    right:10px;
    width: 11px;
    height: 6px;
    background: url('../images/common/ico_stripe.png') -200px -70px no-repeat;
    -webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform:translateY(-50%);
}
.util > li.gscharea > a.active {
    background:#f15a53;
    border-color:#f15a53;
    color:#fff;
}
.util > li.gscharea > a.active:after {
    background-position:-200px -60px;
}
.util > li.savedsch > a {
	height:16px;
	padding:7px 20px;
	line-height:16px;
	border:1px solid #aaa;
	border-radius:16px;
	background-color:#f1f5f8;
	-webkit-transition:background-color .5s;
	-moz-transition:background-color .5s;
	-ms-transition:background-color .5s;
	-o-transition:background-color .5s;
	transition:background-color .5s;
}
.util > li.lang > a {
	height:16px;
	padding:7px 0;
	width:30px;
	text-align:center;
	line-height:16px;
	border:1px solid #aaa;
	border-radius:16px;
	background:#f1f5f8;
	-webkit-transition:background-color .5s;
	-moz-transition:background-color .5s;
	-ms-transition:background-color .5s;
	-o-transition:background-color .5s;
	transition:background-color .5s;
}
.util > li.savedsch > a:hover,
.util > li.savedsch > a:focus,
.util > li.lang > a:hover,
.util > li.lang > a:focus {
	background-color:#dfe6ea;
}
.util > li[class^="ico"] > a {
	text-indent:-999px;
	overflow:hidden;
	height:30px;
	background:url('../images/common/ico_stripe.png') no-repeat;
}
.util > li.ico-upload > a {
	width:18px;
	background-position:0 0;
}
.util > li.ico-noti > a {
	width:20px;
	background-position:-30px 0;
}
.util > li.ico-my > a {
	width:20px;
	background-position:-60px 0;
}
.util > li[class^="ico"].on > a {
	background-position-y:-30px;
}
.util > li[class^="ico"].on {
	position:relative;
}
.util > li[class^="ico"].on:before {
	content:"";
	position:absolute;
	width:0;
	height:0;
	opacity:0;
	left:50%;
	top:0%;
	border-radius:50%;
	background:#f15a53;
	animation-name: explandCircle;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}
@keyframes explandCircle {
    0% { margin:-10px 0 0 0;width:0;height:0;opacity:0; }
	50% { opacity:.3; }
    100% { margin:-15px 0 0 -5px;width:10px;height:10px;opacity:0 }
}
/*.util > li:hover .util-sub,
.util > li:focus .util-sub{
    display:block;
}*/
.util-sub{
    position:absolute;
    top:100%;
    left:50%;
    text-align:center;
    margin-top:6px;
    margin-left:-50px;
    width:100px;
    border:1px solid #aaa;
    background:#fff;
    border-radius:2px;
    box-shadow:0px 3px 10px rgba(0,0,0,.2);
    z-index:200;
    display:none;
}
.util-sub:after, .util-sub:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.util-sub:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 7px;
	margin-left: -7px;
}
.util-sub:before {
	border-color: rgba(204, 204, 204, 0);
	border-bottom-color: #aaa;
	border-width: 8px;
	margin-left: -8px;

}
.util-sub li + li a{
    border-top:1px solid #eee;
}
.util-sub li a {
    position:relative;
    display:block;
    height:100%;
    font-size:13px;
    line-height:30px;
    box-shadow: inset 0 0 0 0 #fff;
    -webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.util-sub li a:hover,
.util-sub li a:focus {
   color:#000;
   background-color:#f9f9f9;
   box-shadow: inset 5px 0 0 0 #f15a53;
}
/* notice */
.notice-popup {
    display:none;
	position:absolute;
    margin-top:5px;
    right:0;
    text-align:center;
    width:300px;
    border:1px solid #aaa;
    background:#fff;
    border-radius:2px;
    box-shadow:0px 3px 10px rgba(0,0,0,.2);
    z-index:200;
    text-align:left;
}
.notice-popup:after, .notice-popup:before {
	bottom: 100%;
	right: 13px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.notice-popup:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 7px;
	margin-right: -7px;
}
.notice-popup:before {
	border-color: rgba(204, 204, 204, 0);
	border-bottom-color: #aaa;
	border-width: 8px;
	margin-right: -8px;
}
.notice-popup > section {
}
.notice-popup .pop-header { border-bottom:1px solid #ccc;padding:10px 15px; }
.notice-popup .pop-header h1 {
	text-align:left;
	padding-bottom:0;
	background:none;
	font-size:14px;
    float:none;
}
.notice-popup .pop-close {
	position:absolute;
	background:url('../images/common/ico_stripe.png') -140px -80px no-repeat;
	width:11px;
	height:11px;
	top:13px;
	right:15px;
}
.notice-popup .pop-body {
	padding:0;
}
.notice-popup .pop-comment {
	font-size:12px;
	text-align:left;
	color:#4e6979;
	margin-bottom:0;
	background:#f9f9f9;
	border-bottom:1px solid #eee;
	padding-left:15px;
}
.notice {
	height:338px;
	overflow:auto;
	text-align:left;
}
.notice li {
    position:relative;
	padding:5px 15px;
}
.notice li:hover {
	background:#fcfcfc;
}
.notice li + li {
	border-top:1px solid #eee;
}
.notice time {
	display:block;
    font-size:12px;
    color:#666;
}
.notice li p {
	font-size:13px;
	line-height:18px;
	color:#000;
	cursor:default;
}

/* step */
.pop-body > .step {
    margin-top:20px;
}
.step {
    text-align:center;
}
.step + * {
    margin-top:25px;
}
.step li {
    margin:0 4px 0 3px;
    display:inline-block;
    width:200px;
    text-align:center;
}
.step li a {
    position:relative;
    display:block;
    padding-top:10px;
    font-size:13px;
    cursor:default;
}
.step li a:before {
    content:"";
    position:absolute;
    width:100%;
    height:5px;
    top:0;
    left:0;
    background-color:#ddd;
}
.step li a.active {
    color:#f15a53;
    font-weight:400;
}
.step li a.active:before {
    background-color:#f15a53;
    box-shadow: 0 0 10px 2px rgba(241, 90, 82, .2);
}
/*upload */
.upload {
    margin:0 auto;
    max-width:640px;
    position:relative;
     /*text-align:center;
    padding:20px;
    min-height:200px;
    border:2px dashed #eee;
    line-height:1.5em;
    transition:border-color .5s;*/
}
/* .upload:hover {
	border-color:#ccc;
}
.upload:before {
    content: "";
    position: absolute;
    top:60px;
    left:50%;
    margin-left:-45px;
    display: block;
    width: 90px;
    height: 61px;
    background: url('../images/common/ico_stripe.png') 0 -130px no-repeat;
}
.upload p {
    margin-top:115px;
    color:#999;
}
.upload.add:before, 
.upload.add p{
    display:none;
} */

/* option-choice */
.option-choice {
	margin:40px auto 20px auto;
	width:600px;
	text-align:center;
	overflow:hidden;
	border-radius:2px;
	border:1px solid #ccc;
}
.option-choice label.radio {
	float:left;
	width:200px;
	box-sizing:border-box;
	padding:10px 0;
	background:#eeeeee;
	color:#777;
	box-shadow:inset 0 0 5px rgba(0,0,0,.1);
	height:100%;
}
.option-choice label.radio:hover {
	color:#333;
}
.option-choice label span {
	font-size:13px;
	line-height:1em;
}
.option-choice label.radio.checked {
	background:#fff;
	font-weight:400;
	color:#000;
	z-index:1;
	box-shadow:none;
}
.option-choice label.radio + label.radio {
	border-left:1px solid #ccc;
}
.option-choice label.radio:before {
	display:none;
}


/* package */
.layer-popup .pop-body > .fnc-cont.right {
    float:right;
}
.layer-popup .pop-body > .fnc-cont.right > .btn-group {
    float:none;
}
hr {
    clear:both;
	/*zoom:1;*/
	float:none;
	border:0;
	border-top:1px solid #ccc;
	margin:10px 0 10px;
    display:block;
    width:100%;
}
hr + * {
   margin-top:100px;
}
hr + .container {
    margin-top:0;
}
.package {
    margin:0 auto;
    /*text-align:center;*/
}
.package li {
    position:relative;
    margin:0 18px 5px;
    display:inline-block;
    width:88px;
    padding:15px;
    vertical-align:top;
    color:#000;
    text-align:center;
}
.package li:hover,
.package li:hover textarea[disabled=disabled] {
    cursor:pointer;
    color:#00b9b0;
}
.package li:not(.package-add):hover:before,
.package li:not(.package-add):hover:focus {
    background-position:0 -100px;
}
.package li:not(.package-add):hover,
.package li:not(.package-add):focus {
    color:#00b9b0;
}
.package li:before {
    content: "";
    display:block;
    margin-bottom:10px;
    height: 64px;
    background: url('../images/common/file.png') no-repeat;
}
.package li textarea{
    /* 한 줄 자르기 */
    /*display: block;
    white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
    /* 여러 줄 자르기 추가 스타일 */
    white-space: normal;
    font-size:15px;
    line-height:1.4em;
    max-width:100%;
    /*min-height:1.4em;*/
    max-height: 2.8em;
    word-wrap: break-word;
    /*display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;*/
    text-align:center;
    vertical-align:top;
    display:block;
    padding:0;
    resize: none;
    box-sizing:border-box;
}
.package li label.checkbox {
   display:none;
}
.package .active {
    background:#f2fbfb;
    padding:14px;
    border:1px solid #7fdcd7;
    box-shadow:0 0 15px rgba(0,0,0,.2);
    color:#00b9b0;
}
.package .active textarea {
    color: #00b9b0;
}
.package .active:before {
    background-position:0 -100px;
}
.package .package-share:before,
.package .package-default:before {
    background-position:-100px 0;
}
.package li.package-share:hover:before,
.package li.package-share:focus:before,
.package li.package-default:hover:before,
.package li.package-default:focus:before{
    background-position:-100px -100px;
}
.package .package-share:after,
.package .share:after {
    content:"";
    position:absolute;
    width:20px;
    height:23px;
    background: url('../images/common/ico_stripe.png') -40px -100px no-repeat;
    top:40px;
    left:50%;
    margin-left:-10px;
}
.package .package-share:hover:after,
.package .package-share:focus:after,
.package .share:hover:after,
.package .share:focus:after  {
    background-position:-60px -100px;
}
.package .package-add,
.package .package-add:hover,
.package .package-add:focus{
    color:#f15a53;
}
.package .package-add:before {
    background-position:-200px 0;
}
.package .package-add:hover:before,
.package .package-add:focus:before {
    background-position:-200px -100px;
}
.package.edit {
}
.package.edit textarea {
    box-shadow:0 0 15px rgba(0,0,0,.2);
    vertical-align:top;
}
.package.edit textarea:focus {
    border:1px solid #00b9b0;
    box-shadow:0 0 15px rgba(0,185,176,.3);
    color:#00b9b0;
}
.package.edit .package-share:hover,
.package.edit .package-share:focus,
.package.edit .package-default:hover,
.package.edit .package-default:focus {
    color:#333;
}
.package.edit .package-share:hover:before,
.package.edit .package-share:focus:before,
.package.edit .package-default:hover:before,
.package.edit .package-default:focus:before{
    background-position:-100px 0;
}
.package.edit .package-share:hover:after,
.package.edit .package-share:focus:after {
    background-position:-40px -100px;
}
.package.edit .package-share,
.package.edit .package-default,
.package.edit .package-add {
    opacity:.2;
}
.package.edit .package-add:hover:before,
.package.edit .package-add:focus:before {
    background-position:-200px 0;
}

/* note */
.pop-body .note {
	margin-top:0;
	display:inline-block;
	width:100%;
	margin:0 -0.5%;
}
.pop-body .note li {
	float:left;
	margin:40px .5% 0;
	width:19%;
}
.pop-body .note li .checkbox {
	position:absolute;
	top:23px;
	left:30px;
}
@media screen and (max-width : 1600px) {
   .pop-body .note li { width:24%;}
}
@media screen and (max-width : 1280px) {
   .pop-body .note li { width:32%;}
}

/* news */
.news {
	width:100%;
	display:inline-block;
}
.news li {
	float:left;
	width:33%;
	position:relative;
	border:1px solid #aaa;
	box-sizing:border-box;
	margin-top:40px;
	margin-left:.5%;
	padding:25px 30px 30px 30px;
	box-shadow:0 4px 0 rgba(0,0,0,.1);
}
.news li:nth-of-type(3n+1) { margin-left:0; }

.news li .btn-cont {
	position:absolute;
	top:25px;
	right:30px;
	margin-top:0;
}
.news input[type=text] {
	margin-top:15px;
	width:100%;
}
.news input[readonly],
.news input[readonly]:hover,
.news input[readonly]:focus{
	background:#fff;
	border:0;
	padding:0;
	font-size:18px;
	font-weight:500;
}
.news textarea {
	width:100%;
	resize:vertical;
	border-top:0;
	height:300px;
	line-height:25px;
}
.news textarea[readonly],
.news textarea[readonly]:hover ,
.news textarea[readonly]:focus {
	background:#fff;
	border:0;
	padding:0;
	margin-top:15px;
	height:285px;
	box-shadow:none;
	resize:none;
}

.list-more {
	display:block;
	text-align:center;
}

/* language */
.lang-list {
    margin-top:15em;
    text-align:center;
}
.lang-list li {
    display:inline-block;
    margin:0 40px 40px;
}
.lang-list li a {
    display:block;
    color:#555;
    font-size:30px;
}
.lang-list li a.active {
    font-weight:400;
    color:#00b9b0;
}
.lang-list li a.active span {
    background:#00b9b0;
    border-color:#00b9b0;
    color:#fff;
    box-shadow:0 0 15px rgba(0,185,176,.5);
}
.lang-list li a:not(.active):hover {
    font-weight:400;
}
.lang-list li a:not(.active):hover span {
    font-weight:400;
    box-shadow:0 0 15px rgba(0,0,0,.2);
    background:#f1f5f8;
}
.lang-list li span {
    display:inline-block;
    margin-right:20px;
    width:60px;
    height:60px;
    line-height:60px;
    border-radius:50%;
    border:1px solid #aaa;
    font-size:25px;
    vertical-align:middle;
    -webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	transition: all ease 0.5s;
}

/* -----------------------
	Global Search  / 검색영역
 ----------------------- */
/* gsch */
.gsch {
	padding:30px 60px;
	box-sizing:border-box;
	min-width:1600px;
	background:#fff;
	border-bottom:1px solid #ccc;
}
.gsch.mn {
	text-align:center;
	border:none;
	min-width:1160px;
}
.gsch.mn > *{
	text-align:left;
}
.gsch > * { vertical-align:bottom; }
.gsch-chk {
	display:inline-block;
	overflow:hidden;
	padding-top:7px;
	height:33px;
	vertical-align:top;
}
.gsch-chk li  {
	float:left;
}
.gsch-chk li + li {
	margin-left:10px;
}
.gsch-chk li + li:before {
	content:"";
	width:11px;
	height:14px;
	display:inline-block;
	background:url('../images/common/ico_stripe.png')-40px -80px no-repeat;
	margin-right:10px;
}
.gsch-chk li label.checkbox {
	position:relative;
	font-weight:400;
	color:#999;
}
.gsch-chk li label.checkbox:before{
	background-image:none;
	position:absolute;
}
.gsch-chk li label.checkbox.checked {
	color:#000;
}
.gsch-chk li label.checkbox.checked:before{
	width:100%;
	height:2px;
	background-color:#333;
	bottom:-10px;
	left:0;
}
.gsch-chk li label.checkbox:hover {
	color:#333;
}
.gsch input.gsch-word {
	display:inline-block;
	width:420px;
	margin-left:30px;
	border:0;
	padding:0 0 10px 0;
	border-bottom:2px solid #f15a53;
	font-size:28px;
	font-weight:400;
	color:#f15a53;
}
.gsch input.gsch-word:hover,
.gsch input.gsch-word:focus {
	box-shadow:none;
}
.gsch input.gsch-word::-webkit-input-placeholder { color:#ddd}
.gsch input.gsch-word::-moz-placeholder { color: #ddd; }
.gsch input.gsch-word:-ms-input-placeholder { color: #ddd; }
.gsch input.gsch-word:-moz-placeholder { color: #ddd; }
.gsch a.btn-sch {
	width:30px;
	height: 37px;
	background:url("../images/main/ico_sch.png") center 3px no-repeat #fff;
	display:inline-block;
	text-indent:-999px;
	border:0;
	margin-left:-30px;
	margin-bottom:3px;
	overflow:hidden;
}

.gsch-date {
	display:inline-block;
	position:relative;
	margin-left:30px;
}
.gsch-date > a {
	display:block;
	padding-bottom:10px;
	padding-top:7px;
	height:22px;
	border-bottom:1px solid #333;
}
.gsch-detail:after,
.gsch-date > a:after {
	content:"";
	display:inline-block;
	width:15px;
	height:9px;
	margin-left:10px;
	vertical-align:middle;
	background:url("../images/common/ico_stripe.png") 0 -80px no-repeat;
}
.gsch .btn-gsch {
    height:40px;
    line-height:40px;
    border:none;
    background-color:#f15a53;
    color:#fff;
    padding:0 30px;
    border-radius:2em;
    font-size:16px;
}

/* item-box */
.item-box {
	position:absolute;
	border:1px solid #555;
	background:#fff;
	z-index:1;
	left:0;
	top:39px;
	padding:10px 0;
	z-index:99;
}
.item-box li {
	padding:6px 20px;
}
.item-box li label.radio {
	font-size:14px;
	padding-left:0;
	display:block;
}
.item-box li label.radio:before {
	display:none;
}
.item-box li label.radio:hover {
	font-weight:500;
}
.item-box li label.radio.checked:after {
	content:"◀";
	margin-left:10px;
	font-size:8px;
	vertical-align:top;
}
.item-box li.direct {
	border-top:1px solid #ddd;
	margin-top:10px;
	padding-top:15px;
}
.item-box li.direct input.datepicker {
	width:120px;
	height:32px;
	margin-top:7px;
	font-size:13px;
}
.item-box li.direct input.datepicker ~ input.datepicker {
	border-top:0;
	margin-top:0;
}
.item-box li.direct .ui-datepicker-trigger {
	height:32px;
	margin-top:7px;
	margin-left:-32px;
}
.item-box li.direct .ui-datepicker-trigger ~ .ui-datepicker-trigger {
	margin-top:0;
}
.item-box > button {
	display:block;
	width:80px;
	margin:10px auto;
	border:1px solid #aaa;
	height:30px;
	background:#f9f9f9;
}
.item-box > button:hover,
.item-box > button:focus {
	outline:0;
	background:#eee;
}

/* gsch-selected 선택한 검색조건 */
hr.dashed {
	clear:both;
	zoom:1;
	float:none;
	border:0;
	border-top:1px dashed #fff;
	margin:10px 0 10px;
}
.gsch-selected {
	border:1px solid #ccc;
	padding:12px 170px 12px 20px;
	position:relative;
	background:#fff;
	bottom:0px;
}
.gsch.mn .gsch-selected {
	display:none;
}
.selected-word {
	overflow:hidden;
	margin-top:10px;
	max-height:54px;
}
td .selected-word {
	border:1px solid #eee;
	background:#fcfcfc;
	padding:10px 15px;
}
.selected-word li {
	display:inline;
	font-size:13px;
	margin-right:20px;
}
.selected-word  li span {
	color:#4e6979;
	margin-right:5px;
}
.selected-word li button {
	width:11px;
	height:11px;
	font-size:1px;
	background:url("../images/common/ico_stripe.png") -60px -60px  no-repeat transparent;
	text-indent:-99px;
	overflow:hidden;
	border:0;
	vertical-align:middle;
	margin-left:5px;
}
.gsch-selected .sel-reset,
.gsch-selected .gsch-save {
	position:absolute;
	top:15px;
}
.gsch-selected .sel-reset {
	right:281px;
}
.gsch-selected .gsch-save {
	right:188px;
	color:#333;
	border-bottom-color:#333;
}
.gsch-selected .gsch-save:after {
	content:"";
	position:absolute;
	display:inline-block;
	width:13px;
	height:11px;
	background:url("../images/common/ico_stripe.png") 0 -60px  no-repeat transparent;
	bottom:4px;
	right:-18px;
}
.gsch-selected .gsch-btn {
	position:absolute;
	box-sizing:content-box;
	top:-1px;
	right:-1px;
	height:100%;
	padding:1px 0;
	width:150px;
	text-align:center;
	color:#fff;
	font-size:18px;
	font-weight:400;
	background-color:#f15a53;
	border:0;
}
.gsch-selected .gsch-btn:hover,
.gsch-selected .gsch-btn:focus {
	box-shadow:0 0 10px #fc928d;
}

/* 선택한 검색조건 active */
.gsch-selected.active {
	position:fixed;
	box-sizing:border-box;
	left:0;
	right:0;
	bottom:0;
	z-index:99;
	box-shadow:0 0 10px rgba(0,0,0,.2);
	border-color:#777;
	border-left:0;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.gsch.mn .gsch-selected.active {
	display:block;
	-webkit-transition:all .5s;
	transition:all .5s;
}
.gsch-selected.active strong {
	margin-right:50px;
	margin-bottom:10px;
}
.gsch-selected.active ul {
	vertical-align:top;
	margin-top:0;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	max-height:27px;
	-webkit-transition:all .5s;
	transition:all .5s;
}
.gsch-selected.active:hover ul {
	white-space:normal;
	max-height:1000px;
}
.gsch-selected.active .sel-reset,
.gsch-selected.active .gsch-save {
	position:absolute;
	top:12px
}

/* gsch-detailcont 상세검색 */
.gsch-detail {
	display:inline-block;
	padding-bottom:10px;
	padding-top:7px;
	height:22px;
	border-bottom:1px solid #333;
	margin-left:26px;
}
.gsch-detail.active {
	color:#f15a53;
	border-bottom-color:#f15a53;
}
.gsch-detail.active:after {
    background: url("../images/common/ico_stripe.png") -20px -80px no-repeat;
}
.gsch-detailcont {
	position:absolute;
	background:#fff;
	width:100%;
	margin:0 -60px;
	z-index:90;
	box-sizing:border-box;
	top:243px;
	min-width:1600px;
	max-height:0;
	overflow:hidden;
	padding:0px 60px 0;
	border-bottom:1px solid #aaa;
	box-shadow:0 10px 10px rgba(0,0,0,.1);
	opacity:0;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	transition:all .5s;
}
.gsch.mn .gsch-detailcont {
	top:345px;
}
.gsch-detailcont.active {
	padding:20px 60px 128px;
	max-height:5000px;
	opacity:1;
}
.gsch-detailcont fieldset input[type=text] {
	max-width:360px;
	width:25%;
	border-color:#aaa;
}
.gsch-detailcont section {
	margin-top:40px;
	overflow:hidden;
}
.gsch-detailcont section h3 {
	font-size:20px;
	line-height:28px;
	font-weight:500;
	margin-bottom:10px;
}
.gsch-detailcont section input[type=text] {
	height:28px;
	font-size:13px;
	width:160px;
}
.gsch-detailcont section input.datepicker {
	width:100px;
	text-align:center;
}
.gsch-detailcont section input.datepicker ~ input.datepicker {
	margin-left:5px;
}
.gsch-detailcont section .ui-datepicker-trigger {
	margin-left:0;
	position:static;
}
.gsch-detailcont ul {
	overflow:hidden;
}
.gsch-detailcont .row li {
	float:left;
	margin-bottom:10px;
	min-width:650px;
	max-width:700px;
	width:40%;
}
.gsch-detailcont .col li {
	float:left;
	margin-right:60px;
}
.gsch-detailcont li cite {
	display:inline-block;
	line-height:28px;
	height:28px;
	vertical-align:middle;
	width:120px;
	float:left;
}
.gsch-detailcont li .row-con {
    margin-top:5px;
    padding-left:120px;
    font-size:13px;
}
.gsch-detailcont li:hover .row-con {
    font-weight:300;
}
.gsch-detailcont li .row-con input[type=text] {
    margin-left:10px;
    width:80px;
}
.gsch-detailcont li .row-con label + label{
    margin-left:20px;
}
.gsch-detailcont li:hover ,
.gsch-detailcont h3 + div:not(.tbl-scroll):hover { font-weight:500; }
.gsch-detailcont .col li + li cite {
	width:auto;
	margin-right:10px;
}
.gsch-detailcont li span {
	font-size:13px;
	color:#777;
	margin-left:10px;
}
.gsch-detailcont li label ~ input[type=text] { width:100px; }
.gsch-detailcont section li label.radio,
.gsch-detailcont section li label.checkbox,
.gsch-detailcont section div > label.radio,
.gsch-detailcont section div > label.checkbox {
	padding:0 5px;
	min-width:60px;
	box-sizing:border-box;
	text-align:center;
	color:#777;
	border:1px solid #ccc;
	background:#f9f9f9;
	border-radius:2px;
	height:28px;
	line-height:26px;
	font-size:13px;
	vertical-align:middle;
	color:#333;
}
.gsch-detailcont section li label.radio.checked,
.gsch-detailcont section li label.checkbox.checked,
.gsch-detailcont section div > label.radio.checked,
.gsch-detailcont section div > label.checkbox.checked {
	background:#4e6979;
	border:1px solid #4e6979;
	color:#fff;
}
.gsch-detailcont section li label.radio:before,
.gsch-detailcont section li label.checkbox:before,
.gsch-detailcont section div > label.radio:before,
.gsch-detailcont section div > label.checkbox:before {
	display:none;
}

.gsch-detailcont section div[class^=categorize] > label.radio:before,
.gsch-detailcont section div[class^=categorize] > label.checkbox:before,
.gsch-detailcont section div.scrolling > label.radio:before,
.gsch-detailcont section div.scrolling > label.checkbox:before {
	display:inline-block;
}
/* 정렬 */
.sort {
	float:right;
	margin-top:-39px;
}
.sort label.radio,
.sort label.checkbox {
    padding:0 5px;
	min-width:60px;
	box-sizing:border-box;
	text-align:center;
	color:#777;
	border:1px solid #ccc;
	background:#f9f9f9;
	border-radius:2px;
	height:28px;
	line-height:26px;
	font-size:13px;
	vertical-align:middle;
}
.sort label.radio.checked,
.sort label.checkbox.checked {
	background:#00b9b0;
	border:1px solid #00b9b0;
	color:#fff;
}
.sort label.radio:before,
.sort label.radio.checked:before,
.sort label.checkbox:before,
.sort label.checkbox.checked:before {
    display:none;
}

/* 주제분류 */
div[class^=categorize] {
	float:left;
	position:relative;
	height:150px;
	box-sizing:border-box;
	border:1px solid #ccc;
}
div[class^=categorize] + div[class^=categorize]  {
	margin-left:1%;
}
div.categorize-block:nth-of-type(1) {
	clear:both;
}
div[class^=categorize]:nth-of-type(1):nth-last-child(3),
div[class^=categorize]:nth-of-type(1):nth-last-child(3) ~ div[class^=categorize] { width:32.62% }
div[class^=categorize]:nth-of-type(1):nth-last-child(4),
div[class^=categorize]:nth-of-type(1):nth-last-child(4) ~ div[class^=categorize] { width: 24.25%; }
div[class^=categorize]:nth-of-type(1):nth-last-child(5),
div[class^=categorize]:nth-of-type(1):nth-last-child(5) ~ div[class^=categorize] { width: 19.2%; }
div[class^=categorize]:nth-of-type(1):nth-last-child(6),
div[class^=categorize]:nth-of-type(1):nth-last-child(6) ~ div[class^=categorize] { width: 15.82%; }
div.categorize-block {
	/*padding:12px;*/
	overflow:auto;
}
section div.categorize-block label.radio,
section div.categorize-block label.checkbox {
	/* border-radius:0;
	background-color:#edf0f1;
	border-color:#edf0f1;
	margin:3px;
	color:#000; */
	display:block;
	border:0;
	text-align:left;
	padding:2px 15px;
	background-color:#fff;
	border-radius:0;
	box-sizing:content-box;
	color:#000;
	border-bottom:1px solid #eee;
	font-size:14px;
	height:28px;
	line-height:24px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
section div.categorize-block label.radio.checked,
section div.categorize-block label.checkbox.checked {
	/* border-color:#4e6979;
	background:#cedce1; */
	background-color:#fff;
	color:#000;
	border:0;
	border-bottom:1px solid #eee;
}
section div.categorize-block label.radio.on,
section div.categorize-block label.checkbox.on {
	background:#edf0f1;
	color:#000;
	border:0;
	border-bottom:1px solid #eee;
	/*border-color:#4e6979;
	color:#fff;*/
}
section div.categorize-block:hover label.radio,
section div.categorize-block:hover label.checkbox {
	font-weight:300;
}
div.categorize-list {
	overflow:hidden;
}
div.categorize-list .scrolling {
	overflow:auto;
	height:118px;
}
section div.categorize-list > label.radio:first-child,
section div.categorize-list > label.checkbox:first-child {
	border-bottom:1px solid #ccc;
}
section div.categorize-list label.radio,
section div.categorize-list label.checkbox {
	display:block;
	border-radius:0;
	border:0;
	text-align:left;
	color:#000;
	padding:4px 15px;
	box-sizing:content-box;
	font-size:14px;
}
section div.categorize-list label.radio:nth-child(odd),
section div.categorize-list label.checkbox:nth-child(odd){
	background:#fff;
}
section div.categorize-list label.radio:nth-child(even),
section div.categorize-list label.checkbox:nth-child(even){
	background:#f9f9f9;
}

div.categorize-checked {
	float:none;
	background:#f9f9f9;
	margin-top:10px;
	border:0;
	font-size:13px;
	padding:10px 15px;
	height:auto;
	min-height:46px;
	border-left:5px solid #555;
}
div.categorize-checked span + span {
	margin-left:10px;
}
div.categorize-checked .delete {
	width: 11px;
    height: 11px;
    font-size: 1px;
    background: url(../images/common/ico_stripe.png) -60px -60px no-repeat transparent;
    text-indent: -99px;
    overflow: hidden;
    border: 0;
    vertical-align: middle;
    margin-left: 5px;
  }

div[class^=tbl-scroll_] + .categorize-checked {
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin-top:0px;
	padding-top:8px;
}

/* categorize-select */
div.categorize-select {
	width:100%;
	float:none;
	height:60px;
	padding:0 10px;
	white-space:nowrap;
	display:table;
	background:#f9f9f9;
	table-layout: fixed;
}
.categorize-select .ui-selectmenu-button {
	border:0;
	padding-right:10px;
	line-height:58px;
	height:58px;
	display:table-cell;
	background-color:#f9f9f9;
}
.categorize-select .ui-selectmenu-button ~ .ui-selectmenu-button {
	padding-left:30px;
}
.categorize-select .ui-selectmenu-button ~ .ui-selectmenu-button:before  {
	content:"";
	width:20px;
	height:58px;
	position:absolute;
	top:0;
	left:0;
	background:url("../images/common/ico_stripe.png") -150px 0 no-repeat;
}
.categorize-select .ui-selectmenu-button span.ui-icon {
	display:none;
}
.categorize-select .ui-selectmenu-button span.ui-selectmenu-text {
	height:58px;
	line-height:58px;
	max-width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.categorize-select .ui-selectmenu-button ~ .ui-selectmenu-button:last-child span.ui-selectmenu-text {
	font-weight:500;
}
.categorize-select .ui-selectmenu-button span.ui-selectmenu-text:hover {
	text-decoration:underline;
}

/* -----------------------
	NAV
 ----------------------- */
.nav {
	background:#273640;
	height:56px;
	box-sizing:border-box;
	padding:0 60px;
	overflow:hidden;
}
.nav li {
	color:#abaeb1;
	float:left;
	padding:18px 0;
	line-height:20px;
	position:relative;
}
.nav .lnb > li + li {
	margin-left:30px;
}
.nav li a {
	color:#abaeb1;
	font-size:15px;
	font-weight:500;
	position:relative;
}
.nav li a:hover,
.nav li a:focus,
.nav li.current a{
	color:#fff;
}

/* lnb */
.nav .lnb {
	float:left;
	overflow:hidden;
	min-width:1600px;
}
.nav .lnb li a.current {
	color:#fff;
}
.nav .lnb > li > a.current:after {
	content:"";
	position:absolute;
	width:100%;
	height:3px;
	left:0;
	bottom:-18px;
	color:#fff;
	background:#f15a53;
}
.nav .lnb li ul {
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
	overflow:hidden;
	max-width:0;
	opacity:0;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
}
.nav .lnb li a.current + ul {
	max-width:2000px;
	opacity:1;
	padding-left:30px;
	padding-right:30px;
}
.nav .lnb li li {
	padding:0;
}
.nav .lnb li li a {
	font-size:13px;
	font-weight:300;
	color:#abaeb1;
    white-space:nowrap;
}
.nav .lnb li li a + a { margin-left:10px }
.nav .lnb li li strong {
	font-size:13px;
}
.nav .lnb li li + li:before {
	content:"";
	display:inline-block;
	height:11px;
	width:1px;
	background:#515d65;
	margin-left:15px;
	margin-right:15px;
}
.nav .lnb li li a:hover,
.nav .lnb li li a:focus,
.nav .lnb li li a.current{
	color:#fff;
}
.nav .lnb li li a.current{
	font-weight:400;
	border-bottom:1px solid #fff;
}
a.trash:before {
	content:"";
	display:inline-block;
	width:15px;
	height:20px;
	background:url("../images/common/ico_stripe.png") -20px -58px no-repeat;
	margin-right:7px;
	vertical-align:top;
	opacity:.5;
}
a.trash:hover:before {
	opacity:1;
}
/*  snb */
.nav .snb {
	float:right;
	overflow:hidden;
}
.nav .snb li a {
	color:#00e8dd;
	font-weight:300;
}
.nav .snb li a:hover,
.nav .snb li a:focus {
	color:#5afff7;
}

/* category nav */
.cnb  {
    /*padding:20px 30px 20px 60px;*/
    padding:20px;
    border-right:1px solid #ccc;
    background:#fafafa;
    position:absolute;
    height:100%;
    top:0;
    left:0;
    bottom:0;
    overflow:auto;
    z-index:9;
    box-sizing:border-box;
    width:226px;
}
.cnb.fl ~ * {
   padding-left:200px;
}
.cnb li{
    box-sizing:border-box;
    font-size:14px;
    line-height:1.3em;
    font-weight:400;
    padding-left:10px;
}
.cnb a {
    display:block;
    padding:0.4em 10px;
}
.cnb a:first-child {
    margin-left:-10px;
}
.cnb > ul > li > a:hover,
.cnb > ul > li > a:focus {
    background:#eee;
}
.cnb > ul > li > a.current {
    background:#f15a53;
    color:#fff;
}
.cnb ul ul{
    margin-left:10px;
    padding:0 0 10px;
}
.cnb ul ul li {
    position:relative;
    margin:0.5em 0;
}
.cnb ul ul li a {
   padding-top:0;
   padding-bottom:0;
   padding-left:10px;

   color:#777;
}
.cnb ul ul li a:hover,
.cnb ul ul li a:focus {
    color:#000;
}
.cnb ul ul li a:before {
    content:"-";
    position:absolute;
    left:0;
    vertical-align:middle;
    display:-block;
    width:12px;
}
    .cnb ul ul li a.current {
        color:#f15a53;
    }
.cnb ul ul li a.current:before {
    content:"*";
    color:#f15a53;
}

/* -----------------------
	MAIN
 ----------------------- */
.rolling-noti {
	width:510px;
	margin:100px auto 0;
	position:relative;
	left:290px;
	height:40px;
	overflow:hidden;
	padding-left:70px;
}
.rolling-noti strong {
	display:inline-block;
	height:40px;
	width:40px;
	line-height:40px;
	border-radius:50%;
	text-align:center;
	background:#4e6979;
	color:#fff;
	font-weight:400;
	font-size:14px;
	vertical-align:top;
	margin-right:20px;
}
.rolling-noti .bx-wrapper {
	display:inline-block;
	height:40px;
	vertical-align:top;
	width:400px;
}
.rolling-noti ul.bxslider {
	width:400px;
}
.rolling-noti ul.bxslider li {
	height:20px;
	line-height:20px;
	overflow:hidden;
	padding:10px 0;
}
.rolling-noti ul.bxslider li a {
	float:left;
	display:block;
	max-width:260px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	font-size:16px;
}
.rolling-noti ul.bxslider li a:hover,
.rolling-noti ul.bxslider li a:focus {
	border-bottom:1px solid #555;
}
.rolling-noti ul.bxslider li time {
	float:right;
	font-size:16px;
	color:#888;
	letter-spacing:0;
}
.rolling-noti .bx-controls-direction {
	position:absolute;
	top:0;
	right:4px;

	-webkit-transition:right .3s;
	-moz-transition:right .3s;
	-ms-transition:right .3s;
	-o-transition:right .3s;
	transition:right .3s;
}
.rolling-noti .bx-controls-direction a {
	display:block;
	height:20px;
	overflow:hidden;
	width:11px;
	height:20px;
	background:url("../images/main/noti_arr.gif") no-repeat #fff;
	text-indent:-99px;
	-webkit-transition:width .3s, background-position .3s;
	-moz-transition:width .3s, background-position .3s;
	-ms-transition:width .3s, background-position .3s;
	-o-transition:width .3s, background-position .3s;
	transition:width .3s, background-position .3s;
}
.rolling-noti .bx-controls-direction .bx-prev {	background-position:center 5px; }
.rolling-noti .bx-controls-direction .bx-next {	background-position:center -25px; }
.rolling-noti:hover .bx-controls-direction { right:0; }
.rolling-noti:hover .bx-controls-direction .bx-prev {	width:19px;background-position:center 0; }
.rolling-noti:hover .bx-controls-direction .bx-next {	width:19px;background-position:center -20px; }

.container.mn {
	background:#fafafa;
	padding:40px 0;
	min-width:1160px;
	min-height:calc(100% - 459px);
	box-sizing:border-box;
}
.container.mn ~ .footer {
	text-align:center;
	border-top:0;
	background:#fafafa;
}
.container.mn .wrap {
	width:1160px;
	margin:0 auto;
}

/* chart */
.chart-list {
    clear:both;
	overflow:hidden;
}
.chart-list li {
	display:inline-block;
	position:relative;
    vertical-align:middle;
}
.chart-list li:not(.chart-line) h3 {
	position:absolute;
	text-align:center;
	width:100%;
	top:50%;
	margin-top:-0.5em;
	font-weight:400;
}

.chart-line h3 {
    font-size:14px;
    /*text-align:left;*/
    color:#777;
    margin-bottom:5px;
    font-weight:normal;
}
.chart-lg { width:200px; }
.chart-rg { width:162px; }
.chart-lg h3 { font-size:24px; }
.chart-rg h3 { font-size:18px; }
.container.mn .chart-lg {
	margin-bottom:15px;
}
.container.mn .chart-lg + .chart-lg {
	margin-left:125px;
}
.container.mn .chart-rg + .chart-rg {
	margin-left:15px;
}
.container.mn .chart-cont {
	position:relative;
	width:530px;
	display:inline-block;
	vertical-align:top;
}
.chart-cont strong {
	text-align:center;
	font-size:52px;
	line-height:1em;
	color:#f15a53;
	font-weight:700;
	border-bottom:6px solid #f15a53;
	display:block;
	position:absolute;
	width:90px;
	left:50%;
	margin-left: -50px;
	top:60px;
	letter-spacing:-0.025em;

}
.chart-cont strong span {
	font-size:32px;
}
.chart-category { margin-top:20px; }
.chart-category li {
    padding-left:23px;
    display:inline-block;
	position:relative;
    vertical-align:middle;
    font-size:15px;
}
.chart-category li + li {
    margin-left:13px;
}
.chart-category li:before {
    content:"";
    position:absolute;
    top:50%;
    left:0;
    margin-top:-7px;
    width:15px;
    height:15px;
    background:#eee;
}
.chart-category .c-img:before {
    background:#f15a53;
}
.chart-category .c-video:before {
    background:#213168;
}
.chart-category .c-sound:before {
    background:#177dcc;
}
.chart-category .c-text:before {
    background:#00b9b0;
}
.chart-category .c-interactive:before {
    background:#7d2887;
}
.chart-category .c-vr:before {
    background:#f9a535;
}

.fnc-cont + .chart {
	margin-top:0px;
}
.chart {
}
.chart-tit {
    font-size:24px;
}
.chart .chart-tit + .chart-list {
    margin-top:20px;
}
.chart .chart-list{
    width:auto;
}
.chart .chart-list li + li {
	margin-left:15px;
}
.chart .chart-list + .chart-tit {
    display:block;
    margin-top:60px;
}
.chart + .tbl-list2 .chart-tit {
    display:block;
    margin-bottom:20px;
}
.chart .chart-list .chart-line {
    margin:0;
    width:500px;
    vertical-align:middle;
    margin-left:80px;
    text-align:center;
}
.chart .chart-list + .chart-category {
    margin-top:40px;
}
.pop-body .btn-group + .chart-list {
    margin-top:40px;
}
.pop-body .chart-list{
   width:auto;
   text-align:center;
}
.pop-body .chart-list li {
    margin:0 10px;
}
.pop-body .chart-list + .chart-category {
  margin-top:40px;
  text-align:center;
}
.chart-table {
    border-top:1px solid #000;
    max-height:600px;
    overflow-y:auto;
}
.chart-table table {
    table-layout:auto;
}
.chart-table .google-visualization-table-table th,
.chart-table .google-visualization-table-table td {
    vertical-align: middle;
    color: #333;
    padding: 5px 15px;
    border-bottom:1px solid #ccc;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Noto Sans KR', "맑은 고딕", "Malgun Gothic" , "Apple Gothic", "돋움", Dotum, "굴림", Gulim, sans-serif;
    background:none;
}
.chart-table .google-visualization-table-table th {
    background-color: #efefef;
    border-bottom:1px solid #bbb;
    font-weight:500;
}
.chart-table .google-visualization-table-table td:last-child{
    border-right:none;
}
.chart-table .google-visualization-table-tr-over  {
    background-color:rgba(78, 105, 121, 0.1);
}
.chart-table .google-visualization-table-tr-sel {
    background-color:rgba(78, 105, 121, 0.2);
}
.chart-table .rowNumberCell {
    text-align:center;
}


/* -----------------------
	CONTAINER
 ----------------------- */
 .container {
	padding:20px 60px 40px;
	min-width:1600px;
    min-height:calc(100vh - 150px);
	box-sizing:border-box;
    position:relative;
}
.container:after {
    content:"";
    display:block;
    clear:both;
}
.container h2 {
	font-size:24px;
	color:#000;
	font-weight:400;
	margin-bottom:20px;
	margin-top:80px;
}
.container h2:first-child {
	margin-top:0;
}
/* total-cont */
.total-cont {
	clear:both;
	padding:5px 0;
	margin:-10px 0 20px;
	position:relative;
	border-bottom:1px solid #999;
}
.total-cont strong:after {
	content:"";
	width:1;
	height:1;
	display:inline-block;
	border:4px solid transparent;
	border-left:4px solid #555;
	margin-left:10px;
}
.total-cont strong { font-size:13px;margin-right:20px;color:#333; }
.total-cont cite { font-size:13px;margin-right:5px;color:#444; }
.total-cont a,
.total-cont span { font-size:13px;margin-right:15px;font-weight:400;color:#444; }
 .total-cont a:hover { border-bottom:1px solid #777;cursor:pointer; }

/* fnc-cont */
.fnc-cont {*zoom:1;min-width:1480px;overflow:hidden;}
.fnc-cont:after {content:""; display:block; clear:both;}
.fnc-cont .fnc-txt {
    float:left;
    margin-left:10px;
}

/* btn-group */
.fnc-cont .btn-group { float:left; }
.fnc-cont .btn-group .btn.active {
	border:1px solid #f15a53;
	background:#f15a53;
	color:#fff;
	font-weight:500;
}
/*.fnc-cont .btn-group .btn:not(.active),
.fnc-cont .btn-group .btn:not(.active):hover,
.fnc-cont .btn-group .btn:not(.active):focus{
	cursor:default;
	color:#777;
	border:1px solid #999;
}*/

/* sort-group */
.fnc-cont .sort-group { float:right; }
.fnc-cont .sort-group label.radio:before {
	display:none;
}
.sort-group .total {
	margin-right:20px;
	position:relative;
	top:6px;
	border-bottom:1px solid #777;
	font-size:13px;
}
.sort-group .total em {
	margin:0 5px;
	font-weight:500;
	color:#333;
	font-size:14px;
}
.sort-type label.radio {
	width:32px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
	box-sizing:border-box;
	border:1px solid #ccc;
	border-radius:2px;
	background:url("../images/common/ico_stripe.png") -80px 0 no-repeat;
	vertical-align:middle;
}
.sort-type label.radio + label.radio {
	background-position:-110px 0;
}
.sort-type label.radio.checked {
	background-position:-80px -30px;
	background-color:#273640;
	border-color:#273640;
}
.sort-type label.radio + label.radio.checked {
	background-position:-110px -30px;
}
.sort-list,
.sort-num {
	border:1px solid #ccc;
	border-radius:2px;
	display:inline-block;
	height:32px;
	box-sizing:border-box;
	vertical-align:middle;
}
.sort-list label.radio,
.sort-num label.radio {
	background:none;
	font-size:13px;
	background:#eee;
	color:#999;
	width:44px;
	height:30px;
	line-height:30px;
	float:left;
	text-align:center;
}
.sort-list label.radio {
    padding:0 15px;
    min-width:44px;
    width:auto;
    box-sizing:border-box;
}
.sort-list label.radio + label.radio,
.sort-num label.radio + label.radio {
	border-left:1px solid #ccc;
}
.sort-list label.radio.checked,
.sort-num label.radio.checked {
	background:#fff;
	color:#333;
	font-weight:500;
}

/* note-cont */
.mn.container .note-cont {
	display:inline-block;
	vertical-align:top;
	width:570px;
	position:relative;
	margin-left:50px;
}
.mn.container .note-cont {}
.mn.container .note-cont .bx-viewport {
	padding-bottom:5px;
}
.note li {
	width:280px;
	height:377px;
	box-sizing:border-box;
	background:#fff;
	border:1px solid #999;
	padding:50px 30px;
	box-shadow:0 5px 0px #e1e1e1;
	position:relative;
}
.note li a.save {
	position:absolute;
	bottom:15px;
	right:30px;
	font-size:14px;
	height:20px;
	line-height:19px;
	color:#f03f3e;
	font-weight:400;
	box-sizing:border-box;
	display:none;
	transition:all .5s;
}
.note li a.save:before {
	content:"";
	position:absolute;
	width:12px;
	height:6px;
	border-left:2px solid #f03f3e;
	border-bottom:2px solid #f03f3e;
	top:4px;
	left:-20px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(-45deg);
}
.note li a.save:after {
	content:"";
	position:absolute;
	width:100%;
	height:1px;
	background:#f03f3e;
	bottom:0px;
	left:0px;
}
.note li a.save.finish {
	color:#0aaea1;
}
.note li a.save.finish:before {
	border-left:2px solid #0aaea1;
	border-bottom:2px solid #0aaea1;
}
.note li a.save.finish:after {
	display:none;
}

.note li a.delete {
	width:26px;
	height:26px;
	position:absolute;
	top:20px;
	right:20px;
	z-index:9;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}
.note li a.delete:before {
	content:"";
	position:absolute;
	width:1px;
	height:25px;
	background:#555;
	top:0;
	left:50%;
}
.note li a.delete:after {
	content:"";
	position:absolute;
	width:1px;
	height:25px;
	background:#555;
	top:0;
	left:50%;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	transform:rotate(90deg);
}
.note-cont a.add {
	max-width:50px;
	height:50px;
	position:absolute;
	top:50%;
	margin-top:-25px;
	right:-25px;
	z-index:9;
	background:#4e6979;
	border-radius:25px;
	color:#fff;
	box-sizing:border-box;
	line-height:50px;
	font-weight:400;
	padding-left:50px;
	white-space:nowrap;
	overflow:hidden;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
	cursor:pointer;
}
.note-cont a.add:hover,
.note-cont a.add:focus {
	max-width:200px;
	padding-right:20px;
}
.note-cont a.add:before {
	content:"";
	position:absolute;
	width:25px;
	height:1px;
	top:24px;
	left:13px;
	border-top:1px solid #fff;
}
.note-cont a.add:after {
	content:"";
	position:absolute;
	width:1px;
	height:25px;
	border-right:1px solid #fff;
	top:12px;
	left:24px;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
}
.note-cont a.add.more {
	max-width:50px;
	height:50px;
	position:absolute;
	top:50%;
	margin-top:-25px;
	right:-25px;
	z-index:9;
	background:#f15a53;
	border-radius:25px;
	color:#fff;
	box-sizing:border-box;
	line-height:50px;
	font-weight:400;
	padding-left:50px;
	white-space:nowrap;
	overflow:hidden;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
	cursor:pointer;
}
.note-cont a.add.more:hover,
.note-cont a.add.more:focus {
	max-width:200px;
	padding-right:20px;
}

.note-cont a.add.more:before {
	content:"";
	position:absolute;
	width:25px;
	height:1px;
	top:24px;
	left:13px;
	border-top:1px solid #fff;
}
.note-cont a.add.more:after {
	content:"";
	position:absolute;
	width:12px;
	height:12px;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	background:none;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
	top:18px;
	left:23px;
}
.note li textarea {
	height:280px;
	background:url(../images/common/line_note.gif) 0 0 repeat;
	overflow-y:auto;
	resize:none;
	border:0;
	width:100%;
	line-height:40px;
	font-size:16px;
	padding:0;
}
.note li textarea:focus {
	box-shadow:none;
	border-width:0;
}
.note-cont .bx-controls {
	text-align:center;
	margin-top:10px;
}
.note-cont .bx-controls .bx-pager-item {
	display:inline-block;
}
.note-cont .bx-controls .bx-pager-item a.bx-pager-link {
	width:10px;
	height:10px;
	display:block;
	border-radius:50%;
	box-sizing:border-box;
	text-indent:-999px;
	overflow:hidden;
	border:1px solid #4e6979;
	margin:0 3px;
}
.note-cont .bx-controls .bx-pager-item a.active {
	background:#4e6979;
}

/* collage */
.collage {
	padding-left:10px;
	margin-left:-10px;
}
.collage .collage-li {
	/*opacity:0;*/
	margin-bottom:35px !important;
	height:auto !important;
	vertical-align:top !important;
	-webkit-transition:opacity .3s;
	-moz-transition:opacity .3s;
	-ms-transition:opacity .3s;
	-o-transition:opacity .3s;
	transition:opacity .3s;
	position:relative;
	overflow:visible !important;
	width:13.8%;
	margin-right:0.56%;
	float:left;
}
.collage .collage-li:nth-of-type(7n) {
	margin-right:0;
}
.collage .collage-li:nth-of-type(7n) + .collage-li {
	clear:left;
}
.collage .collage-li label.checkbox {
	margin:0 0 5px;
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:12px;
}
.collage .collage-li a {
	display:block;
	position:relative;
	overflow:hidden;
	/*background:url("../images/common/transparent.gif") 0 0 repeat;*/
	height:8.8vw;
	min-height:120px;
}
.collage .collage-li a:after {
	content:attr(data-caption);
	position:absolute;
	background:rgba(0,0,0,.5);
	bottom:0;
	left:0;
	width:100%;
	height:20px;
	line-height:18px;
	font-size:12px;
	padding:0 10px;
	text-align:right;
	color:#fff;
	font-weight:500;
	box-sizing:border-box;
}
.collage .collage-li a embed {
    pointer-events: none;
    position:relative;
    z-index:-1 !important;
}
.collage .collage-li label.checked ~ a {
	/*outline:1px solid #516c7c;
	box-shadow:0 0 10px #516c7c;*/
}
.collage .collage-li label.checked ~ a:after {
	content:"";
	width:100%;
	height:100%;
	background:rgba(82,123,147,.5);
	box-sizing:border-box;
	top:0;
	left:0;
	border:2px solid #527b93;
}
.collage .collage-li img {
	display:block;
	max-height:100%;
	max-width:100%;
	width:auto !important;
	height:auto !important;
	margin:0 auto;
	position:absolute;
	top:50%;
	left: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%);
}
.collage .collage-li p {
	padding:6px 0 0;
	line-height:21px;
	font-weight:400;
	word-break:break-all;
	font-size:14px;
}
.collage .collage-li span {
	color:#777;
	font-size:13px;
	line-height:15px;
	margin-right:10px;
}
.tip-btn {
	position:absolute;
	right:10px;
	top:35px;
	border:0;
	width:30px;
	height:30px;
	border-radius:50%;
	line-height:28px;
	padding:0;
	text-align:center;
	box-shadow:0px 0px 5px rgba(0,0,0,.5);
	text-shadow:0px 0px 2px rgba(0,0,0,.5);
	color:#fff;
	background:rgba(0,0,0,.15);
	border:1px solid #fff;
	font-size:11px;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
	font-weight:500;
}
.collage .collage-li:hover .tip-btn {
	color:#fff;
	background:#f15a53;
	border:1px solid #f15a53;
}
.collage-tip {
	position:absolute;
	background:#f9fbfc;
	border:1px solid #777;
	box-shadow:2px 2px 2px rgba(0,0,0,.2);
	z-index:99;
	padding:15px;
	top:75px;
	right:-265px;
	width:280px;
	display:none;
}
.collage-tip:before {
	content:"";
	background:#f9fbfc;
	position:absolute;
	width:10px;
	height:10px;
	left:15px;
	top:-5px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
	box-shadow:-1px -1px 0 #555;
}
.collage-tip.right {
	left:auto;
	right:5px;
}
.collage-tip.right:before {
	left:auto;
	right:15px;
}
.collage-tip li {
	font-size:13px;
	line-height:20px;
}
.collage-tip li + li {
	margin-top:8px;
}
.collage-tip li cite {
	display:inline-block;
	vertical-align:top;
	width:70px;
	font-weight:400;
}

.collage .collage-li .collage-tip li span {
	display:inline-block;
	vertical-align:top;
	width:200px;
	line-height:20px;
	color:#333;
}
/* -----------------------
	콘텐츠 상세
----------------------- */
.contents-header {
	padding:30px 60px 15px;
	overflow:hidden;
	min-width:1460px;
	border-bottom:1px solid #ccc;
}
.contents-header .btn-back {
	float:left;
	margin-right:15px;
	margin-top:-10px;
}
.contents-header h1 {
	font-size:28px;
	font-weight:500;
	float:left;
}
.contents-header em {
	color:#4e6979;
	font-weight:500;
	font-size:20px;
	display:block;
	float:left;
	margin-left:20px;
	line-height:1em;
	padding-top:8px;
}
.contents-header h1 + strong {
	float:left;
	font-size:18px;
	position:relative;
	top:5px;
	left:15px;
}
.contents-header h1 + strong:before {
	content:"";
	width:1px;
	height:15px;
	display:inline-block;
	vertical-align:middle;
	background:#bbb;
	margin-right:15px;
}
.contents-header em:before {
	content:"";
	width:1px;
	height:16px;
	display:inline-block;
	margin-right:20px;
	background:#ddd;
	vertical-align:bottom;
}
.contents-header .btn-group {
	float:right;
}
.subject-keyword {
	margin-bottom:30px;
}
.subject-keyword strong {
	display:inline-block;
	width:120px;
}
.subject-keyword label {
	margin-right:20px;
}
.subject-keyword .btn-more {
	margin-left:120px;
	margin-top:10px;
}
.fixed-header {
    position:fixed;
    width:100%;
    z-index:100;
    background:#fff;
    box-sizing:border-box;
}
.fixed-header ~ .container {
    padding-top:86px;
}
.fixed-header .btn-lg.spot {
    position:absolute;
    top:16px;
    right:50px;
}
/* 콘텐츠 상세 페이지 좌측 */
.contents-detail {
	width:50%;
	max-width:910px;
	display:inline-block;
	vertical-align:top;
}
.contents-header ~ .container {
	padding-bottom:50px;
	min-width:1590px;
}
.contents-header ~ .container h2 {
	display:inline-block;
	font-size:18px;
	font-weight:400;
	margin-top:50px;
	min-width:120px;
}
.contents-detail h2 + p {
	display:inline-block;
}
.contents-detail h2 + p time {
	margin-left:30px;
}
.contents-detail h3 {
	font-size:15px;
	font-weight:400;
	margin-top:30px;
	margin-bottom:10px;
}
.contents-preview {
	width:440px;
	display:inline-block;
	vertical-align:top;
	margin-left:45px;
}
.contents-preview .preview img {
	display:block;
	max-width:100%;
}
.contents-header ~ * .container section {
	position:relative;
}
.contents-header ~ * .container section h3 {
	font-size:16px;
	line-height:28px;
	font-weight:400;
	float:left;
}
.contents-header ~ * .container section .sort {
	margin-top:0;
}
.container section:after {
	clear:both;
	content:"";
	display:block;
}

.contents-header ~ * .container section .cate-save {
	position:absolute;
	right:0;
	top:0;
}
.contents-header ~ * .container section .sort + .cate-save {
	right:15px;
	top:49px;
	z-index:9;
}

/* 콘텐츠 상세 페이지 측 */
.preview-info {
    position:relative;
	border:1px solid #ccc;
	box-shadow:4px 5px 1px #eee;
	padding:39px;

}
.contents-preview .preview-snapshot {
	display:block;
	margin-bottom:15px;
}
.contents-preview .preview-snapshot img {
	border:1px solid #ddd;
	display:block;
    max-width:160px;
    max-height:160px;
}
.contents-preview .preview {
	display:block;
	border:1px solid #ddd;
}
.contents-preview .preview video  {
	display:block;
}
.vdo-info {
	font-size:13px;
	overflow:hidden;
	margin-top:20px;
}
.vdo-info li {
	float:left;
	font-weight:400;
	line-height:1.6em;
}
.vdo-info li:after {
	display:inline-block;
	content:"";
	margin-left:8px;
	margin-right:8px;
	height:13px;
	width:1px;
	background:#ddd;
	vertical-align:middle;
}
.relation-list {
    font-size:0;
}
.relation-list li {
    display:inline-block;
    font-size:15px;
    width:calc((100% - 80px) / 5);
    vertical-align:top;
    margin-left:20px;
    margin-bottom:20px;
}
.relation-list li:first-child,
.relation-list li:nth-child(5n+1){
    margin-left:0;
}
.relation-list li figure {
    position:relative;
    width:100%;
    height:0;
    padding-top:70.5%;
    box-sizing:border-box;
    border:1px solid #ddd;
    background-color:#fafafa;
    margin-bottom:10px;
}
.relation-list li span {
    display:block;
    font-size:13px;
    font-weight:400;
    white-space:nowrap;
    width:100%;
    text-overflow:ellipsis;
    overflow:hidden;
}
.relation-list li p {
    line-height:1.1em;
    white-space:nowrap;
    width:100%;
    text-overflow:ellipsis;
    overflow:hidden;
}
.relation-list li figure img{
    display: block;
    max-height: 100%;
    max-width: 100%;
    width: auto !important;
    height: auto !important;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 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%);
}

/* footer */
.footer {
	border-top:1px solid #dddddd;
	padding:15px 60px;
	font-size:12px;
	color:#555;
}

/* paging */
.paging {
	display:block;
	margin:20px auto;
	padding:0;
	overflow:hidden;
	text-align:right;
}
.paging ul {
	display:inline-block;
	*zoom:1;
	*display:inline;
	margin-right:50px
}
.paging li {
	display:inline-block;
	*zoom:1;
	*display:inline;
	margin:0 2px;
	*margin:0 3px;
	padding:0;
	letter-spacing:-1px;
	vertical-align:top;
}
*+html body .paging li{ vertical-align:top; }
.paging li.pv { margin-right:10px; }
.paging li.fw { margin-left:10px; }
.paging li a {
	display:inline-block;
	*zoom:1;
	*display:inline;
	color:#777;
	padding:0 5px;
	min-width:10px;
	height:28px;
	line-height:28px;
	text-align:center;
	margin:0;
	vertical-align:bottom;
	text-decoration:none;
	font-size:13px;
}
*+html body .paging li,*+html body .paging li a { display:inline; }
*+html body .paging li.pv,*+html body .paging li.ffw { margin-left:0; }
.paging li.ppv a,
.paging li.ffw a,
.paging li.pv a,
.paging li.fw a       {
	width:30px;
	height:30px;
	line-height:30px;
	text-indent:-9999px;
	padding:0;
	background-image:url("../images/common/paging.png");
	background-repeat:no-repeat;
	background-position:center 0;
}
*+html body .paging li.ppv a,
*+html body .paging li.ffw a,
*+html body .paging li.pv a,
*+html body .paging li.fw a   { display:block; }
.paging li.ppv a,
.paging li.ffw a      { width:30px; }
.paging li.ppv a      { background-position:0 -30px; }
.paging li.ffw a      { background-position:0 -90px; }
.paging li.pv a       { background-position:0 0px; }
.paging li.fw a       { background-position:0 -60px; }
.paging li.ppv a:hover,
.paging li.ppv a:focus { background-position:right -30px; }
.paging li.ffw a:hover,
.paging li.ffw a:focus { background-position:right -90px; }
.paging li.pv a:hover,
.paging li.pv a:focus { background-position:right 0px; }
.paging li.fw a:hover,
.paging li.fw a:focus {
	background-position:right -60px;
	background-color:#fff;
}
.paging li.disabled a,
.paging li.disabled a:hover,
.paging li.disabled a:focus {
	background-position:0 0;
}
.paging li a:hover,
.paging li a:focus {
	color:#333333;
	font-weight:500;
}
.paging li.now a,
.paging li.now a:hover,
.paging li.now a:focus,
.paging li.now span {
	color:#333;
	font-size:15px;
	font-weight:500;
	border-bottom:2px solid #333;
}

/* 페이지 바로가기 */
input.page-num {
	font-size:18px;
	font-weight:400;
	color:#333;
	height:34px;
	width:50px;
	border:0;
	border-bottom:2px solid #333;
	vertical-align:baseline;
	padding:0;
	text-align:center;
}
input.page-num:hover,
input.page-num:focus {
	border:0;
	border-bottom:2px solid #333;
	box-shadow:none;
}
.page-num + span {
	color:#999;
	font-size:13px;
	font-weight:400;
}
.paging button {
	height:24px;
	line-height:22px;
	font-size:13px;
	color:#fff;
	background:#516c7c;
	border:0;
	border-radius:12px;
	padding:0 15px;
	margin-left:10px;
}

/* popup */
/*.layer-popup:before,
.popup-sm:before { 
	content:"";
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:rgba(0,0,0,.5);
	z-index:100;
}*/
.layer-popup {
	position:fixed;
	box-sizing:border-box;
	border:1px solid #aaa;
	box-shadow:3px 3px 15px rgba(0,0,0,.2);
	z-index:9990;
	background-color:#ffffff;
	top:10px;
	bottom:10px;
	left:10px;
	right:10px;
	opacity:0;
	display:none;
	overflow:hidden;
	-webkit-transition:opacity .5s;
	-moz-transition:opacity .5s;
	-ms-transition:opacity .5s;
	-o-transition:opacity .5s;
	transition:opacity .5s;
}
.popup {
	position:fixed;
	box-sizing:border-box;
	z-index:9990;
	background-color:#ffffff;
	top:0;
	bottom:0;
	left:0;
	right:0;
	opacity:0;
	display:none;
	overflow:hidden;
	-webkit-transition:opacity .5s;
	-moz-transition:opacity .5s;
	-ms-transition:opacity .5s;
	-o-transition:opacity .5s;
	transition:opacity .5s;
}

.popup-sm {
	position:absolute;
	box-sizing:border-box;
	z-index:9990;
	background-color:#ffffff;
	opacity:0;
    display:none;
	overflow:hidden;
	-webkit-transition:opacity .5s;
	-moz-transition:opacity .5s;
	-ms-transition:opacity .5s;
	-o-transition:opacity .5s;
	transition:opacity .5s;
    width:400px;
    max-height:80%;
    border: 1px solid #777;
    box-shadow:3px 3px 5px rgba(0,0,0,.15);
}
.popup-sm.open {
	opacity:1;
}
.popup-sm.subject-edit {
	position:fixed;
	top:50%;
	left:50%;
	box-shadow:5px 5px 50px rgba(0,0,0,.1);
	-webkit-transform:translate(-50%,-50%);
	-mox-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.popup-sm .pop-close {
    position:absolute;
}
.popup-sm .pop-header {
	padding:30px 15px 20px;
}
.popup-sm .pop-header h1 {
	font-size:20px;
	background:none;
	padding-bottom:0;
}
.popup-sm .pop-header h1:after {
	content:"";
	width:50px;
	height:2px;
	background:#555;
	display:block;
	margin:20px auto 0;

}
.popup-sm .pop-close {
	position:absolute;
	background:url('../images/common/ico_stripe.png') -140px -80px no-repeat;
	width:11px;
	height:11px;
	top:13px;
	right:15px;
}
.popup-sm .pop-comment {
	margin-bottom:0;
	font-size:14px;
	line-height:22px;
	font-weight:300;
}
.popup-sm .pop-body {
	padding:0 15px 25px;
	position:relative;
}
.popup-sm .btn-cont {
	margin-top:20px;
}
.popup-sm .btn-cont .btn-lg {
	padding: 6px 20px;
    min-width: 80px;
    font-size: 15px;
    border-radius: 17px;
    line-height: 20px;
}

.popup.open ,
.layer-popup.open {
	display:block;
	/*transform-style: preserve-3d;
	transition: transform .5s;
	animation: flipOpenPopup .5s linear;
	animation-fill-mode:forwards;
	backface-visibility: hidden;*/
	opacity:1;
}
@keyframes flipOpenPopup {
	0%   { opacity:0;
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
		-ms-transform: rotateY(180deg);
		-o-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}
	50%	 { opacity:0; }
    100% { opacity:1;
    	transform: rotateY( 0deg );
    }
}
.layer-popup > section,
.popup > section {
	height:100%;
	overflow:hidden;
	overflow-y:auto;
	padding:40px 0;
	box-sizing:border-box;
}
.layer-popup > section:nth-child(1):nth-last-child(3),
.layer-popup > section:nth-child(1):nth-last-child(3) ~ section { float:left;width: 50%; }
.layer-popup > section:nth-child(1):nth-last-child(4),
.layer-popup > section:nth-child(1):nth-last-child(4) ~ section { width: 33.3%; }

.layer-popup > section + section {
	border-left:1px solid #ddd;
}

.layer-popup .btn-cont { z-index:9999;position:relative; }
.pop-header {
	position:relative;
}
.pop-header h1 {
	font-weight:400;
	text-align:center;
	font-size:30px;
	padding-bottom:30px;
	background:url("../images/common/pop_tit.gif") center bottom no-repeat;
	text-align:center;
}
.pop-close {
	position:fixed;
	right:30px;
	top:30px;
	width:31px;
	height:31px;
	text-indent:-9999px;
	overflow:hidden;
	background:url('../images/common/ico_stripe.png') -100px -60px no-repeat;
}
.pop-body {
	padding:30px 60px 0;
	margin:0 auto;
	/*overflow-y:auto;*/
}
.pop-comment {
	font-weight:400;
	margin-bottom:40px;
	text-align:center;
}
.pop-comment.al {
	text-align:left;
}
.pop-comment strong {
    text-decoration:underline;
}
.pop-comment + * + .pop-comment {
    margin-top:40px;
}
.pop-manual {
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	background:#fcfcfc;
	padding:30px 0;
}
.pop-manual h2 {
	text-align:center;
	font-weight:500;
	margin-bottom:15px;
	font-size:18px;
}
.pop-manual .pop-comment {
	font-weight:400;
	margin-bottom:40px;
	text-align:center;
	font-size:14px;
	line-height:22px;
	color:#555;
	margin-bottom:20px;
}
.pop-manual .manual-accordion {
	border-top:0;
	text-align:center;
	width:880px;
	margin:0 auto;
}
.pop-manual .ui-accordion-header {
	border-bottom:0;
	color:#00b9b0;
	font-size:20px;
	font-weight:400;
	padding:3px 0;
	height:22px;
}
.pop-manual .ui-accordion-header-icon { display:none; }
.pop-manual .ui-accordion-header:after {
	content:"▼";
	font-size:6px;
	margin-left:8px;
	vertical-align:top;
	display:inline-block;
}
.pop-manual .ui-accordion-header-active:after {
	content:"▲";
}
.pop-manual .ui-accordion-header:hover,
.pop-manual .ui-accordion-header:focus {
	background:none;
}

.pop-manual .ui-accordion-header:hover span,
.pop-manual .ui-accordion-header:focus span,
.pop-manual .ui-accordion-header-active span {
	border-bottom:1px solid #00b9b0;
}
.pop-manual .ui-accordion-header-active {
	border-bottom:0;
}
.pop-manual .ui-accordion-content {
	border-bottom:0;
	/* padding:30px 0 40px; */
	text-align:left;
}
.pop-manual .ui-accordion-content h4 {
	font-size:15px;
	font-weight:500;
	color:#333;
	padding:0 10px;
}
.pop-manual .ui-accordion-content * + h4  {
	margin-top:50px;
}
.pop-manual .ui-accordion-content h4:before {
	content:"";
	display:inline-block;
	border:3px solid #777;
	width:8px;
	height:8px;
	border-radius:50%;
	margin-right:6px;
	vertical-align:baseline;
}
.manual-step {
	overflow:hidden;
	margin-top:5px;
	padding:10px;
}
.manual-step li {
	float:left;
	width:200px;
	box-sizing:border-box;
	border:1px solid #aaa;
	background:#fff;
	box-shadow:3px 3px 5px rgba(0,0,0,.15);
	position:relative;
}
.manual-step li + li {
	margin-left:20px;
}
.manual-step li + li:before {
	position:absolute;
	content:"";
	width:0;
	height:0;
	border-left:10px solid #ddd;
	border-top:10px solid transparent;
	border-bottom:10px solid transparent;
	left:-15px;
	top:50px;
}
.manual-step li > span {
	display:block;
	text-align:center;
	padding:10px 0;
	font-size:14px;
	font-weight:400;
	color:#555;
	border-bottom:1px solid #aaa;
}
.manual-step li > span a {
	border-bottom:1px solid #777;
}
.manual-step li > p {
	font-size:13px;
	line-height:19px;
	padding:5px 15px;
	color:#555;
	height:90px;
}
.caution2 {
	font-size:13px;
	line-height:22px;
	margin:10px 10px 0 10px;
	color:#333;
}
.caution2 cite {
	display:block;
	font-weight:500;
	color:#f15a53;
	font-size:14px;
}
.popup .tbl-list,
.layer-popup .tbl-list,
.popup .tbl-write,
.layer-popup .tbl-write {
    margin-left:auto;
    margin-right:auto;
}
.popup .pop-body .nav,
.layer-popup .pop-body .nav {
    margin: 0 -60px 20px;
}

/* -----------------------
	SUB
 ----------------------- */
.sub-header-tit {
    display:inline-block;
    font-size:28px;
    line-height:1.571em;
    vertical-align:middle;
    font-weight:700;
}
.sub-header-tit span {
	color:#4e6979;
	margin-right:10px;
}
a.btn-back + .sub-header-tit {
    padding:0;
    margin-left:17px;
    margin-top:0;
    vertical-align:middle;
}
a.btn-back + h2.sub-header-tit {
    margin-bottom:0;
}
.sub-header + .fnc-cont {
    margin-top:30px;
}
.sub-header + .fnc-cont + .tbl-list {
    margin-top:15px;
}
.pop-header > a.btn-back  {
    margin-left:60px;
}
/* -----------------------
	CODE
 ----------------------- */
/* lsch */
.lsch {
    /*float:left;*/
    clear:left;
    margin-bottom:10px;
    display:inline-block;
}
.lsch-word {
    padding-left:0;
    padding-right:30px;
    border:none;
    border-bottom:1px solid #555;
    vertical-align:middle;
    height:37px;
    line-height:37px;
    width:180px;
}
.lsch-word:hover,
.lsch-word:focus {
    box-shadow:none;
    border:none;
    border-bottom:1px solid red;
}

.lsch-word + .btn-lsch {
    position:relative;
    display:inline-block;
    margin-top:-10px;
    margin-left:-34px;
    width:30px;
    height:29px;
    border:none;
    vertical-align:middle;
    text-indent:-9999px;
}
.lsch-word + .btn-lsch:before {
    content:"";
    position:absolute;
    top:3px;
    right:0;
    display:block;
    width:18px;
    height:18px;
    background: url('../images/common/ico_stripe.png') 0 -100px no-repeat;
}
.lsch-word + .btn-lsch:hover,
.lsch-word + .btn-lsch:focus {
    border:none;
}
.lsch-word:hover + .btn-lsch:before,
.lsch-word:focus + .btn-lsch:before {
    background-position:-20px -100px;
}
.lsch > * { vertical-align:bottom; }
.lsch-chk {
	display:inline-block;
	overflow:hidden;
    margin-right:20px;
	height:37px;
    line-height:37px;
    vertical-align:bottom;
}
.lsch-chk li  {
	float:left;
    font-size:14px;
}
.lsch-chk li + li {
	margin-left:10px;
}
.lsch-chk li + li:before {
	content:"";
	width:11px;
	height:14px;
	display:inline-block;
	background:url('../images/common/ico_stripe.png') -40px -80px no-repeat;
	margin-right:10px;
}
.lsch-chk li label.checkbox,
.lsch-chk li label.radio {
	position:relative;
	font-weight:400;
	color:#999;
}
.lsch-chk li label.checkbox:before,
.lsch-chk li label.radio:before {
	background-image:none;
	position:absolute;
}
.lsch-chk li label.checkbox.checked,
.lsch-chk li label.radio.checked {
	color:#000;
}
.lsch-chk li label.checkbox.checked:before,
.lsch-chk li label.radio.checked:before{
	width:100%;
	height:2px;
	background-color:#333;
	bottom:-5px;
	left:0;
}
.lsch-chk li label.checkbox:hover,
.lsch-chk li label.radio:hover {
	color:#333;
}
.lsch-date {
	display: inline-block;
    position: relative;
    margin-left:20px;
}
.lsch-date > a {
	display:block;
	padding-bottom:10px;
	height:22px;
    font-size:14px;
	border-bottom:1px solid #333;
}
.lsch-detail:after,
.lsch-date > a:after {
	content:"";
	display:inline-block;
	width:15px;
	height:9px;
	margin-left:10px;
	vertical-align:middle;
	background:url("../images/common/ico_stripe.png") 0 -80px no-repeat;
}
.lsch-date.locked > a { cursor:default; }
.lsch-date.locked > a:after {
	display:none;
}
.lsch-date .item-box li.direct {
    border:none;
    margin:0;
    padding-top:0;
}
.lsch .btn-onoff {
    position:relative;
    margin-left:20px;
    border-radius:2em;
    background:none;
    overflow:hidden;
    background:#eee;
    -webkit-transition: all ease .5s;
	-moz-transition: all ease .5s;
	transition: all ease .5s;
}
.lsch-date-label {
	display:inline-block;
	padding-bottom:10px;
	height:22px;
    font-size:14px;
	border-bottom:1px solid #333;
	color:#000;
	font-weight:400;
	background:url("../images/common/ico_calendar.png") 0 3px no-repeat;
	padding-left:25px;
}
.lsch-date-label:after {
	content:"";
	display:inline-block;
	height:12px;
	width:1px;
	background:#ccc;
	margin:0 15px;
	vertical-align:middle;
}
.lsch-date-label + .lsch-date { margin-left:-4px;}
* + .lsch-date-label { margin-left:50px; }

/*.lsch .btn-onoff:before {
    content:"";
    position:absolute;
    left:0;
    width:100%;
    height:100%;
    background:#eee;
    z-index:-2;
}*/
.lsch .btn-onoff:focus {
    outline:none;
}
.lsch .btn-onoff.on {
    border-color:#f15a53;
    color:#fff;
    background:#f15a53;
}

/*.lsch .btn-onoff.on:before {
    content:"";
    display:block;
    position:absolute;
    left:0;
    background:#f15a53;
    border-color:#f15a53;
    color:#fff;
    width:100%;
    height:100%;
    animation: btnOn .3s;
    z-index:-1;
}*/
.lsch-word + .btn-lsch + .lsch-select + .ui-selectmenu-button {
    margin-left:20px;
}
.lsch .ui-selectmenu-button {
    display:none;
}
@keyframes btnOn {
  from {
    margin-top:30px;
  }

  to {
    margin-top:0;
  }
}
.lsch-result {
    margin-left:10px;
    line-height:30px;
    font-weight:700;
}
.lsch *[data-show=off] {
    display:none;
}
.lsch-word + .btn-lsch + select + .ui-selectmenu-button{
    margin-left:20px;
}
.lsch input.p1 {
    height:32px;
    font-size:13px;
}
.lsch .btn-lsch + input.p1 {
    margin-left:20px;
}

/* 코드 분류 */
.code-list {
	display:table;
    margin-top:10px;
    overflow:hidden;
    border:1px solid #ddd;
    border-left:none;
    white-space: nowrap;
    width:100%;
}
.code-list > div {
	display:table-cell;
    box-sizing:border-box;
    border-left:1px solid #ddd;
    background:#fefefe;
 	width:auto;
 	overflow:hidden;
 	vertical-align:top;
}
.code-list ul {
	height:650px;
    overflow-y:auto;
}
.code-list li {
    position:relative;
    padding-right:40px;
    box-shadow: inset 0 0 0 0 #fff;
    -webkit-transition: all ease 1s;
	-moz-transition: all ease 1s;
	transition: all ease 1s;
}
.code-list li:not(.active):hover,
.code-list li:not(.active):focus {
    background:#eee;
    /*box-shadow: inset 1000px 0 0 0 #ddd;*/
}
.code-list li a:not(.btn-sm) {
    display:block;
    padding:5px 20px 5px;
    font-size:16px;
}
.code-list li .btn-sm {
    display:none;
    position:absolute;
    width:40px;
    right:5px;
    top:50%;
    margin-top:-14px;
    background:#fff;
}
.code-list li.active {
    background:#00b9b0;
    color:#fff;
}
.code-list .active a:not(.btn-sm) {
    color:#fff;
}
.code-list li.disabled  a:not(.btn-sm) {
    color:#bbb;
    margin-right:-40px;
    background:#fafafa;
}
.code-list li:hover .btn-sm,
.code-list li:focus .btn-sm {
    display:block;
}
.code-add  {
    position:relative;
    display:block;
}
.code-add input{
    width:100%;
    height:50px;
    line-height:50px;
    padding-left:40px;
    border:none !important;
    border-top:1px solid #ddd;
    box-shadow:0 -2px 10px rgba(0,0,0,.1);
    -webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	transition: all ease .3s;
}
.code-add input:focus {
    color:#f15a53;
    border-top:2px solid #f15a53;
    box-shadow:0 -3px 10px rgba(241,90,83,.2);
}
.code-add:after {
    content:"+";
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    z-index:5;
    color:#f15a53;
    font-size:24px;
    font-weight:bold;
}
.result {
    margin-left:auto;
    margin-right:auto;
}
.result li {
    margin-bottom:10px;
}
.result span {
    display:inline-block;
    padding:0 10px;
    color:#ddd;
}
.result li a:hover {
    color:#00b9b0;
}
.radio-list {
    text-align:left;
}
.radio-list label{
   display:block;
   margin-left:0 !important;
   padding:5px 10px;
}
.radio-list label.checked {
    background:#f15a53;
    color:#fff;
}
.radio-list label:before {
    display:none;
}

/* -----------------------
	Group conents
 ----------------------- */
.group > li {
    position:relative;
    margin-top:20px;
    box-sizing:border-box;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    background:#fcfcfc;
    transition:all .3s;
    box-shadow:0 5px 5px #ffffff;
}
.group > li:first-child {
    margin-top:10px;
}
.group > li.active,
.group > li.active:hover {
    border-top:1px solid #00b9b0;
    border-bottom:1px solid #00b9b0;
    background:#f2fbfb;
}
.group > li .checkbox {
	top:22px;
	left:10px;
    position:absolute;
    /*width:30px;
    height:30px;*/
}
/*.group > li .checkbox:before {
    width:28px;
    height:28px;
}
.group > li .checkbox input{
    width:30px;
    height:30px;
}*/
.group > li:hover {
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    background:#f9f9f9;
    box-shadow:0 3px 10px #eee;
}
.group > li > a {
    display:block;
    padding:20px 20px 0 35px;}

.group > li > a:hover,
.group > li > a:hover * { cursor:pointer; }
.group-info {
    position:absolute;
    min-height:100px;
    box-sizing:border-box;
}
.group-info cite{
    display:inline-block;
    margin-bottom:10px;
    font-size:24px;
    font-weight:400;
}
.group-info p {
    margin-bottom:5px;
    width:240px;
    font-size:15px;
    line-height:1.5em;
    max-height:3em;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}
.group-info > time, .group-info > span:not(.label-num) {
    font-size:13px;
    line-height:15px;
    position:absolute;
    bottom:0px;
}
.group-info > span:not(.label-num) {
	left:110px;
}
.group-info  time + * {
    margin-left:10px;
}
.group-con {
    margin-left:260px;
    box-sizing:border-box;
    width:calc(100% - 260px);
    overflow-x: auto;
    white-space: nowrap;
    height:125px;
}
.group-con li {
    margin-right:7px;
    display:inline-block;
    height:100px;
    overflow:hidden;
    white-space:nowrap;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    box-shadow:0 0 3px rgba(0,0,0,.1);
}
.group-con li img {
    height:100%;
}
.group-info-thumb {
	display:block;
	width:140px;
    max-height:120px;
    overflow:hidden;
}
.group-info-thumb img {
	max-width:100%;
	display:block;
}
.label-num {
    display:inline-block;
    height:20px;
    line-height:20px;
    font-size:13px;
    background:#4e6979;
    border-radius:1em;
    color:#fff;
    min-width:20px;
    padding:0 5px;
    text-align:center;
    position:absolute;
    font-weight:400;
}
.group .label-num {
    position:relative;
    top:-3px;
    margin-left:5px;
    text-shadow:0 1px 1px rgba(0,0,0,.3);
}
.group .con-video,
.group .con-pdf,
.group .con-txt,
.group .con-swf,
.group .con-vr,
.group .con-sound,
.group .con-interactive {
    width:100px;
    height:100px;
}
.con-video,
.con-pdf,
.con-txt,
.con-swf,
.con-vr,
.con-interactive,
.con-sound,
.con-html5 {
    position:relative;
    display:block;
    width:100px;
    height:100px;
    background:#ccc;
    text-align:center;
    overflow:hidden;
    color:#fff;
    font-size:12px;
}
.con-pdf,
.con-txt {
    background:#00b9b0;
}
.con-swf,
.con-vr,
.con-interactice {
    background:#17b2cc;
}
.con-sound {
    background:#213168;
}
.con-html5 {
    background:#777;
}
.con-video:before,
.con-pdf:before,
.con-txt:before,
.con-interactive:before,
.con-vr:before,
.con-swf:before,
.con-sound:before,
.con-html5:before {
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    font-size:14px;
    font-weight:600;
    color:#fff;
    z-index:1;
}
.con-video:before {
    width: 12px;
    height: 17px;
    margin-top: -8px;
    margin-left: -6px;
    background: url('../images/common/ico_stripe.png') -100px -100px no-repeat;
}
.con-video:after {
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.3);
}
.con-video img {
    position:absolute;
    top:50%;
    left: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%);
}
.con-sound:before {
    width: 22px;
    height: 18px;
    margin-top: -9px;
    margin-left: -11px;
    background: url('../images/common/ico_stripe.png') -120px -100px no-repeat;
}
.con-pdf:before,
.con-swf:before,
.con-interactive:before,
.con-vr:before,
.con-txt:before,
.con-html5:before {
    width:100%;
    height:30px;
    line-height:30px;
    margin-top:-15px;
    margin-left:0;
    left:0;
}

.con-txt:before,
.con-pdf:before {
    content:"텍스트";
}
.con-interactive:before,
.con-swf:before {
    content: "인터렉티브";
}
.con-vr:before {
    content: "가상현실";
}
.con-html5:before {
    content:"HTML5";
}
.con-sound img {
}
.group-thumb { overflow:hidden; margin-left:-5px;}
.group-thumb li{
    float:left;
    margin-top:5px;
    margin-left:5px;
    overflow:hidden;
    border:1px solid #eee;
    box-sizing:border-box;
}
.group-thumb li a:not(.del) {
    display:block;
    width:100%;
    height:100%;
}
.group-thumb li img {
    height:100%;
}
.group-thumb li,
.group-thumb .con-video,
.group-thumb .con-pdf,
.group-thumb .con-txt,
.group-thumb .con-swf,
.group-thumb .con-interactive,
.group-thumb .con-vr,
.group-thumb .con-sound {
    width:86px;
    height:86px;
    /*width:68px;
    height:68px;*/
}
.preview-info .label-num {
    right:39px;
    vertical-align:bottom;
}
.group-list {
    position:relative;
    margin-left:auto;
    margin-right:auto;
    padding:0 10px;
    box-sizing:border-box;
}
.group-list cite{
    float:left;
    display:block;
    font-weight:400;
    margin-top:10px;
}
.group-list .btn-group {
    float:right;
    margin-bottom:10px;
    vertical-align:bottom;
}
.group-list .tooltip {
    margin-top:42px;
}
.group-list .group-thumb {
    padding:10px;
    border:1px solid #ccc;
    clear:both;
    margin-top:10px;
    z-index:3;
}
.group-list .group-thumb li {
    position:relative;
}
.group-list .group-thumb li:not(.add):hover,
.group-list .group-thumb li:not(.add):focus {
    box-shadow:0 0 5px rgba(0,0,0,.2);
    border:1px solid #4e6979;
    box-sizing:border-box;
}
.group-list .group-thumb li:not(.add):hover .del,
.group-list .group-thumb li:not(.add):focus .del {
     display:block;
}
.group-list .group-thumb li,
.group-list .group-thumb .con-video,
.group-list .group-thumb .con-pdf,
.group-list .group-thumb .con-txt,
.group-list .group-thumb .con-swf,
.group-list .group-thumb .con-interactive,
.group-list .group-thumb .con-sound ,
.group-list .group-thumb .con-vr {
    width:107px;
    height:107px;
}
.group-list .group-thumb span[class^=con-] p {
	position: absolute;
	box-sizing:border-box;
    bottom: 0;
    left:0;
    white-space: nowrap;
    padding: 0 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    height:24px;
    line-height:20px;
    background: rgba(0,0,0,.3);
    font-weight:400;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s;
}
.group-list .group-thumb li > a:hover span[class^=con-] p {
	height:107px;
	white-space:normal;
	padding-top:22px;
}

.group-list .group-thumb li > a:hover span[class^=con-]:before {
	opacity:0;
}
.group-list .group-thumb .del {
    display:none;
    position: absolute;
    top: 0;
    right: 0;
    text-indent: -9999px;
    width: 20px;
    height: 20px;
    background-color: #4e6979;
    box-shadow:0 0 5px rgba(0,0,0,.2);
}
.group-list .group-thumb .del:before {
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:8px;
    height:8px;
    background: url('../images/common/ico_stripe.png') -160px -80px no-repeat;
    margin-left:-4px;
    margin-top:-4px;
}
.group-list .add {
    position:relative;
    display:block;
    border:2px solid #f15a53;
    box-sizing:border-box;
    text-indent:-9999px;
}
.panel-open .group-list .add,
.group-list .add:hover {
    background:#ffeeed;
}
.group-list .add:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: url('../images/common/ico_stripe.png') -150px -100px no-repeat;
    left:50%;
    top:50px;
    margin-top:-10px;
    margin-left:-10px;
}
/*.panel-open:before {
    content:"";
    position:absolute;
    background:#fff;
    opacity:.7;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:2;
}*/
.panel-open .group-list .group-thumb {
    border:1px solid #f15a53;
    box-shadow:0 0 10px rgba(241,90,83,.3);
    opacity:1;
}
.panel {
    display:none;
    position:absolute;
    top:0;
    left:0;
    width:800px;
    height:100%;
    overflow-y:auto;
    box-shadow:0 0 30px rgba(0,0,0,.5);
    background:#fff;
}
.panel .close {
    position:fixed;
    top:11px;
    text-indent:-9999px;
    width:40px;
    height:40px;
    border-bottom:1px solid #aaa;
    border-right:1px solid #aaa;
    box-shadow:3px 3px 5px rgba(0,0,0,.1);
    background:#fff;
    z-index:2;
    box-sizing:border-box;
    opacity:0;
    left:-40px;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    transition:all 1s;
}
.panel-open .close {
	opacity:1;
	left:811px;
}
.panel .close:before {
    content:"";
    width:12px;
    height:12px;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-6px;
    margin-left:-6px;
    background: url('../images/common/ico_stripe.png') -140px -80px no-repeat;
}
.panel-tabs {
    overflow:hidden;
}
.panel-tabs li {
    float:left;
    width:50%;
    box-sizing:border-box;
    text-align:center;
}
.panel-tabs li a {
    display:block;
    height:68px;
    line-height:68px;
    font-size:24px;
    color:#777;
    background:#eee;
    border-bottom:1px solid #999;
}
.panel-tabs li + li a {
    border-left:1px solid #999;
}
.panel-tabs li a.active {
    border-bottom:none;
    background:#fff;
    color:#333;
}
.layer-popup .panel-con .nav {
    margin: 0 -30px;
    padding-left:30px;
    padding-right:30px;
}
.layer-popup .panel-con .nav .nav .lnb {
    min-width:0;
}
.panel-con {
    padding:50px 30px;
    padding-bottom:120px;
}
.list-more {
	display:block;
	margin-top:30px;
	width:100%;
	height:40px;
    border: 1px solid #00b9b0;
    background: #f2fbfb;
    color: #059089;
    font-size:15px;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s;
    outline:0;
}
.list-more:after {
	width:40px;
	height:38px;
	content:"";
	display:inline-block;
	background:url("../images/common/listmore.svg") 0 0 no-repeat;
	vertical-align:middle;
}
.list-more:hover,
.list-more:focus {
	box-shadow:1px 1px 10px rgba(0,0,0,.2);
}
.btn-add-group {
	position:fixed;
	background:#fff;
	left:11px;
	bottom:11px;
	z-index:9999;
	border:0;
	border-top:1px solid #ccc;
	height:60px;
	font-size:18px;
	box-shadow:0 0 10px rgba(0,0,0,.3);
	outline:0;
	background:#f15a53;
	color:#fff;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	transition:all .5s;
	width:0;
	overflow:hidden;
	white-space:nowrap;
}
.panel-open .btn-add-group {
	width:799px;
}
.panel-con .con-list {
    margin-left:-5px;
    overflow:hidden;
}
.panel-con .con-list li {
    position:relative;
    margin-left:4px;
    margin-top:20px;
    float:left;
    font-size:10px;
    width:100px;
    /*height:100px;*/
    line-height:1.4em;
}
.panel-con .con-list label {
   position:absolute;
   left:0;
   top:17px;
   z-index:2;
   width:100px;
   height:100px;
}
.panel-con .con-list label:before {
    box-sizing:border-box;
    width:100px;
    height:100px;
    background:none;
    z-index:3;
}
.panel-con .con-list label.checked:before {
    background: rgba(0, 0, 0, .5);
}
.panel-con .con-list label.checked:after {
    content:"";
    position:absolute;
    width:18px;
    height:18px;
    top:5px;
    left:5px;
    background: url('../images/common/ico_stripe.png') -180px -60px no-repeat;
}
.panel-con .con-list label.checkbox input {
	width:100px;
	height:100px;
	z-index:5;
}
.panel-con .con-list cite {
   display:block;
   margin-bottom:3px;
   text-overflow:ellipsis;
   white-space:nowrap;
   word-wrap:normal;
   width:100px;
   overflow:hidden;
}
.panel-con .con-list li span {
    display:block;
    width:100px;
    height:100px;
    overflow:hidden;
    border:1px solid #ccc;
    border-bottom:0;
    box-sizing:border-box;
}
.panel-con .con-list li span img {
    height:100%;
}
.panel-con .con-list li p {
    text-overflow:ellipsis;
    white-space:nowrap;
    word-wrap:normal;
    width:100px;
    overflow:hidden;
    padding:3px;
    background:#f1f1f1;
    border:1px solid #bbb;
    box-sizing:border-box;
}
.panel-con .con-list + .paging {
    margin-top:50px;
}

.group-info-add {
    width:1240px;
    margin:0 auto;
    overflow:hidden;
}
.group-info-add table {
    float:left;
    margin-bottom:40px;
    width:600px;
}
.group-info-add table:nth-child(2n) {
    float:right;
}

/* original-view */
.contents-viewer {
	width:100%;
	height:100%;
	background:#222;
}
.contents-view {
	position:relative;
    margin-left:250px;
    width:calc(100% - 250px);
	height:calc(100% - 186px);
    box-sizing:border-box;
	text-align:center;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
    transition:all .5s;
}
.full .contents-view  {
   height:calc(100% - 26px);
}
.viewer {
	position:absolute;
	max-width:100%;
	max-height:100%;
}
.viewer img,
.viewer video,
.viewer iframe,
.viewer audio,
.viewer embed  {
	max-width:100%;
	max-height:100%;
}
.viewer[data-viewtype="video"],
.viewer[data-viewtype="iframe"],
.viewer[data-viewtype="audio"],
.viewer[data-viewtype="swf"],
.viewer[data-viewtype="img"] {
	left:85px;
	right:85px;
	top:50px;
	bottom:50px;
}
.viewer video {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.viewer audio {
	position:absolute;
    width:300px;
    height:50px;
    top:50%;
    left:50%;
    margin-left:-150px;
    margin-top:-25px;
}
.viewer iframe {
    background:#fff;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.viewer embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.viewer[data-viewtype="img"] img {
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.contents-viewer .btn-arrow-rr,
.contents-viewer .btn-arrow-lr {
    position:absolute;
    top:50%;
    margin-top:-25px;
}
.contents-viewer .btn-arrow-lr{
    left:20px;
}
.contents-viewer .btn-arrow-rr{
    right:20px;
}
.contents-info {
    position:absolute;
    top:0;
    color:#fff;
    left:0;
    z-index:1;
    width:250px;
    border-right:1px solid #000;
    box-sizing:border-box;
    height:calc(100% - 186px);
    padding:40px 20px;
    overflow-y:auto;
    color:#aaa;
    line-height:1.65em;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
    transition:all 0.5s;
}
.full .contents-info{
    height:calc(100% - 26px);
}
.contents-info dt{
    display:block;
    padding-bottom:5px;
    margin-bottom:5px;
    border-bottom:1px solid #444;
    font-size:16px;
    color:#fff;
}
.contents-info dd + dt {
    margin-top:30px;
}
.contents-info:before {
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    width:1px;
    background:#444;
    right:1px;
    box-sizing:border-box;
}
.contents-thumb {
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    padding:0 80px;
    background:#273640;
    color:#fff;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
    transition:all .5s;
    box-sizing:border-box;
    overflow:hidden;
    z-index:2;
    box-sizing:border-box;
    overflow:hidden;
}
.full .contents-thumb {
    bottom:-166px;
}
.contents-thumb-list {
    box-sizing: border-box;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    height: 120px;
    margin-top:30px;
}
.contents-thumb-list li {
    display:inline-block;
    width:100px;
    height:100px;
    overflow:hidden;
    margin-left:4px;
    border:3px solid #273640;
    box-sizing:border-box;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
    transition:all 0.3s;
}
.contents-thumb-list li.current {
	border:3px solid #f15a53;
}
.contents-thumb-list li:first-child {
    margin-left:0;
}
.contents-thumb-list li a {
	display:block;
	overflow:hidden;
    width:100%;
    height:100%;
    box-sizing:border-box;
}
.contents-thumb-list li img {
    height:100%;
    display:block;
}
.contents-thumb-list li.current img {
	left:-3px;
	right:-3px;
}
.contents-thumb-pager {
    display:block;
    text-align:center;
    font-size:15px;
    padding:5px 0;
}
.contents-thumb-pager .pager-current {
    color:#f15a53;
    font-weight:400;
}
.thumb-pager-prev,
.thumb-pager-next {
    position: absolute;
    text-indent: -9999px;
    display: block;
    width: 20px;
    height: 37px;
    background: url('../images/common/ico_stripe.png') -90px -130px no-repeat;
    top:50%;
    margin-top:-19px;
    left:20px;
}
.thumb-pager-prev:hover,
.thumb-pager-prev:hover {
    background-position:-90px -170px;
}
.thumb-pager-next {
     left:auto;
     right:20px;
     background-position:-120px -130px;
}
.thumb-pager-next:hover,
.thumb-pager-next:focus {
    background-position:-120px -170px;
}
.btn-thumb-show {
    position:fixed;
    left:50%;
    bottom:170px;
    margin-left:-20px;
    text-indent:-9999px;
    width:40px;
    height:40px;
    border-radius:50%;
    background:#f15a53;
    border:none;
    cursor:pointer;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
    transition:all 0.5s;
    outline:0;
    z-index:3;
}
.btn-thumb-show:hover {
    background:#f97a74;
}
.btn-thumb-show span {
    position:absolute;
    display:block;
    width:10px;
    height:2px;
    left:12px;
    top:50%;
    background:#fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s;
    transition:all .5s;
}
.btn-thumb-show span:nth-child(2) {
    left:auto;
    right:12px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.full .btn-thumb-show {
    bottom:6px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

/*validation*/
.box {
    position:relative;
    margin:60px auto 0;
    width:630px;
    overflow:hidden;
}
.box .box-tit {
	display:block;
	margin-bottom:5px;
}
.box-list {
    float:right;
    padding:20px;
    box-sizing:border-box;
    width:45%;
    height:400px;
    overflow-y:auto;
    background:#f9f9f9;
    border:1px solid #ccc;
}

.box.h200 { margin-bottom:60px;margin-top:30px; }
.box.h200 .box-list { height:200px; }
.box .box-tit + .box-list,
.box-list:first-child {
    float:left;
}
.box-list cite {
    display:block;
    font-size:16px;
}
.box-list ul + cite {
    margin-top:10px;
}

.box-list cite + ul {
    padding-left:20px;
	margin-top:10px;
}
.box-list li {
    position:relative;
    line-height:1.2em;
}
.box-list li + li { margin-top:10px; }
.box-list cite + ul li:before {
    content: "";
    position: absolute;
    left:0;
    top:4px;
    display:block;
    width: 8px;
    height: 8px;
    padding-left:14px;
    background: url('../images/common/ico_stripe.png') -150px -160px no-repeat;
}
.box-list li a:hover {
    color:#00b9b0;
}
.box .btn-box {
    position:absolute;
    left:50%;
    top:50%;
    margin-top:-65px;
    margin-left:-25px;
    vertical-align:middle;
    width:50px;
}
.box .box-tit ~ .btn-box {
    margin-top:-45px;
}
.box .btn-box >*[class^="btn"] {
    margin:10px 0;
}
.box .btn-box .btn-arrow-r:only-child {
    margin-top:30px !important;
}
.textbox.w600 {
    margin:0 auto;
}
.textbox p {
    margin-top:5px;
    text-align:right;
}

/************
  login
*************/
.login-body {
	background:#f9f9f9;
}
.login-noti {
	position:fixed;
	text-align:center;
	left:0;
	right:0;
	bottom:0px;
	padding-bottom:10px;
	-webkit-animation: rainbow 20s infinite;
    -ms-animation: rainbow 20s infinite;
    animation: rainbow 20s infinite;
    border-bottom:2px solid #da4657;
    font-size:13px;
    opacity:.7;
    color:#000;
}
.login-noti:after {
	content:"";
	position:fixed;
	top:0;
	left:0;
	right:0;
	-webkit-animation: rainbow 20s infinite;
    -ms-animation: rainbow 20s infinite;
    animation: rainbow 20s infinite;
    border-bottom:2px solid #da4657;
}
@-webkit-keyframes rainbow{
	20%{border-bottom-color: #da4657;}
	40%{border-bottom-color: #17b2cc;}
	60%{border-bottom-color: #213168;}
	80%{border-bottom-color: #f9a535;}
	100%{border-bottom-color: #7d2887;}
}
@-ms-keyframes rainbow{
	20%{border-bottom-color: #da4657;}
	40%{border-bottom-color: #17b2cc;}
	60%{border-bottom-color: #213168;}
	80%{border-bottom-color: #f9a535;}
	100%{border-bottom-color: #7d2887;}
}
@keyframes rainbow{
	20%{border-bottom-color: #da4657;}
	40%{border-bottom-color: #17b2cc;}
	60%{border-bottom-color: #213168;}
	80%{border-bottom-color: #f9a535;}
	100%{border-bottom-color: #7d2887;}
}
.login-body .header {
	width:440px;
	min-width:0;
	height:auto;
	padding:0;
	background-color:transparent;
	border-bottom:0;
	margin:0 auto 5px auto;
	padding-top:160px;
	overflow:hidden;
}
.login-body .header h1 { float:none;margin-bottom:10px; }

.login-container {
	width:440px;
	margin:0 auto;
}
.login-container section {
	background:#fff;
	border:1px solid #d0d0d0;
	margin-bottom:5px;
}
.login-container section input[type="text"],
.login-container section input[type="password"] {
	width:100%;
	margin-left:0;
	border:0;
	background:#fff !important;
	padding:20px 20px 20px 180px;
	height:60px;
}
.login-container section input[type="password"] {
	border-top:1px solid #d9d9d9;
}
.login-container section input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px white inset;
}
.login-container section label {
	line-height:60px;
	position:absolute;
	left:20px;
}
.login-container .btn {
	display:block;
	width:100%;
	height:60px;
	border-radius:0;
	line-height:60px;
	font-size:24px;
}
.login-body .sign {
	position:absolute;
	bottom:-36px;
	right:0;
	text-align:right;
	color:#aaa;
	font-size:10px;
}
.login-body .sign a {
	font-size:13px;
	line-height:18px;
	margin:0 8px;
	display:inline-block;
	vertical-align:middle;
}
.login-body .footer {
	border-top:0;
	padding-left:0;
	padding-right:0;
	width:440px;
	padding:10px 0;
	margin:0 auto;

}

/* 외부제작 */
.sub-header {
	-webkit-transition:all .5s;
	transition:all .5s;
}
.sub-header.fixed {
	position:fixed;
	top:0;
	left:0;
	right:0;
	background:#fff;
	padding:20px 50px;
	box-shadow:0 2px 5px rgba(0,0,0,.2);
	z-index:2;
	border-bottom:1px solid #aaa;
}
.project-write {
	position:relative;
	margin-top:15px;
	border:1px solid #aaa;
}
.project-write textarea {
	width:100%;
	height:50px;
	border:0;
	resize:none;
	overflow:hidden;
	-webkit-transition:all .5s;
	transition:all .5s;
}
.project-write textarea:focus,
.project-write textarea.active {
	box-shadow:none;
	overflow-y:auto;
	height:250px;
	margin-bottom:50px;
}
.project-write .btn-cont {
	position:absolute;
	margin-top:0;
	bottom:8px;
	right:10px;
}
.file-area {
	border-bottom:1px solid #ccc;
}
.file-area .btn {
    height: 40px;
	line-height:40px;
    background:#555;
	overflow:hidden;
	text-align:left;
	border:0;
	border-radius:0;
	color:#fff;
	padding:0 15px 0 15px;
	margin-top:-1px;
	margin-left:-1px;
	margin-bottom:-1px;
}

.file-area .btn:before {
	/* content:"";
	display:inline-block;
	width:40px;
	height:40px;
	    background: url(../images/common/ico_stripe.png) 10px -191px #555;
	vertical-align:middle; */
}
.file-area .file {
	vertical-align:middle;
	text-decoration:none;
	font-size:13px;
}
.file .delete {
	width: 11px;
    height: 11px;
    font-size: 1px;
    background: url(../images/common/ico_stripe.png) -60px -60px no-repeat transparent;
    text-indent: -99px;
    overflow: hidden;
    border: 0;
    vertical-align: middle;
    margin-left: 5px;
}
.project-comment {
	padding-top:30px;
}
.project-comment li {
	position:relative;
}
.project-comment li + li {
	margin-top:20px;
	border-top:1px dashed #ddd;
	padding-top:20px;
}
.project-comment li.del > div{
	opacity:.3;
}
.project-comment li time {
	color:#555;
	font-size:13px;
	margin-right:20px;
}
.project-comment li cite {
	font-weight:500;
	font-size:14px;
	margin-right:20px;
}
.project-comment li p {
	margin-top:5px;
	font-size:14px;
	padding-left:132px;
}
.project-comment li a.btn-sm.del {
	margin-left:132px;
	margin-top:10px;
}

/*.label-list{
    display:inline-block;
    margin:0 auto;
    min-width:100px;
    text-align:left;
}*/

/* log */
.fnc-cont + .log-list{
    margin-top:30px;
}
.log-list {
    margin-left:-30px;
    overflow:hidden;
}
.log-list li {
    float:left;
    width:25%;
    margin-bottom:30px;
}
.log-list li a{
    position:relative;
    display:block;
    margin-left:30px;
    padding:40px 20px 30px;
    border:1px solid #999;
    font-size:18px;
    height:160px;
    background:#fafafa;
    font-weight:400;
    color:#273640;
    -webkit-transition: all ease .6s;
	-moz-transition: all ease .5s;
	transition:all  ease .5s;
    overflow:hidden;
    text-align:center;
    border-radius:1em;
}
.log-list li a:hover {
    background:#fff;
    box-shadow:0 0 15px rgba(0,0,0,.2);
}
.log-list li cite:after {
    content: "";
    width: 30px;
    height: 2px;
    background: #00b9b0;
    display: block;
    margin: 10px auto 0;
}
.log-list li a:hover strong {
    text-align:center;
}
.log-list li strong {
    margin-top:40px;
    display:block;
    text-align:center;
    font-size:60px;
    font-weight:300;
    color:#273640;
    -webkit-transition: all ease .5s;
	-moz-transition: all ease .5s;
	transition:all  ease .5s;
}

/* translate-list */
.translate-list {
    font-weight:500;
}
.translate-list input {
    display:block;
    vertical-align:middle;
}
.translate-list li:first-child  {
    overflow:hidden;
}
.translate-list li:first-child label {
    float:left;
    width:40%;
}
.translate-list li:first-child .arr {
    float:left;
    display:block;
    margin:36px 20px 0;
    width:10px;
    height:15px;
    background: url('../images/common/paging.png') -42px -68px no-repeat;
}
.translate-list li:first-child input {
    width:100%;
}

.translate-list li + li label {
    display:block;
    padding-top:10px;
    color:#f15a53;
}

/* 정산서 */
.accounts {
	position: relative;
	overflow: hidden;
	padding:30px;
	border:1px solid #aaa;
	box-shadow:4px 4px 0 rgba(0,0,0,.1);
	background:#fff;
}
.accounts:first-child { margin-top:41px; }
.accounts + .accounts { margin-top:20px; }
.accounts h3 {
	text-align:center;
	font-size:24px;
	font-weight:400;
}

.accounts h3 + .btn-cont {
	margin-top:0;
	margin-bottom:10px;
	text-align:right;
}

.accounts .tbl-list table th { padding-left:0;padding-right:0; }
.accounts .tbl-list table tbody tr:hover th{ background:#f9f9f9 }
.accounts .tbl-list table tbody tr:hover td{ background:inherit; }
.empty-account { text-align:center;padding:100px 0;font-size:24px;line-height:36px;color:#ccc; }
.empty-account:first-child { margin-top:25px; }

.nodata {
	padding:150px 0;
	text-align:center;
	position:relative;
}

.nodata span {
	font-size:24px;
	display:block;
}
.nodata strong {
	display:block;
	font-size:30px;
	margin-top:10px;
	color:#f15a53;
}
.nodata ul {
	margin-top:50px;
}
.nodata:after {
	position:absolute;
	content:"";
	width:91px;
	height:149px;
	background:url("../images/common/nodata.png") 0 0 no-repeat;
	top:50%;
	left:50%;
	margin-top:-55px;
	margin-left:220px;
}

video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}

audio::-internal-media-controls-download-button {
    display:none;
}

audio::-webkit-media-controls-enclosure {
    overflow:hidden;
}

audio::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}

/* survey */
.fixed-header-spot {
    position:absolute;
    top:0;
    left:0;
    right:0;
    width:100%;
    background-color:#eee;
    border-bottom:1px solid #ccc;
    height:60px;
    line-height:60px;
    padding:0 60px;
    box-sizing:border-box;
    overflow:hidden;
    z-index:100;
    -webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
}
.fixed-header-spot.scroll {
    position:fixed;
    top:0;
    background-color:#273640;
    border-bottom-color:#273640;
}
.fixed-header-spot .l-area {
    float:left;
    width:50%;
}
.fixed-header-spot .r-area {
    float:right;
    width:50%;
    text-align:right;
}
.fixed-header-spot > h2{
	float:left;
	margin-bottom:0;
	line-height:60px;
	font-size:18px;
	margin-right:15px;
}
.fixed-header-spot.scroll > h2{
	color:#ffffff;
}
.survey-cont {
    padding-top:60px;
    width:1000px;
    margin:0 auto;
}
.survey-cont .error {
    font-size:13px;
    color:#f15a53;
    padding:0 10px;
}
.survey-type  {
    margin-bottom:20px;
}
.label-type label.radio,
.label-type label.checkbox {
	padding:0 5px;
	min-width:70px;
	box-sizing:border-box;
	text-align:center;
	color:#777;
	border:1px solid #ccc;
	background:#f9f9f9;
	border-radius:2px;
	height:28px;
	line-height:26px;
	font-size:13px;
	vertical-align:middle;
	color:#333;
}
.label-type label.radio.checked,
.label-type label.checkbox.checked {
	background:#4e6979;
	border:1px solid #4e6979;
	color:#fff;
}
.label-type label.radio:before,
.label-type label.checkbox:before {
	display:none;
}
textarea.expand {
    display: inline-block;
    width: calc(100% - 40px);
    vertical-align: top;
    line-height: 1.8;
    border: 1px solid rgba(0,0,0,.14);
    border-radius: 4px;
    background: #fff;
    color: #555;
    /*height: 36px;
    min-height: 36px;*/
    /*max-height:500px;
    overflow-y:auto;*/
    overflow:hidden;
    padding: 10px 20px;
    box-sizing:border-box;
    resize: none;
}
textarea.expand.lg {
    font-size:24px;
    padding:20px;
    line-height:1.6;
}
/*.textarea-lg {
    width:100%;
    display: inline-block;
    width: calc(100% - 40px);
    font-size: 24px;
    vertical-align: top;
    line-height: 1.8;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
    color: #555;
    padding: 10px 20px;
    box-sizing:border-box;
    resize: none;
}*/
textarea.expand:disabled  {
    background-color:#eee;
    color:#333;
    cursor:default;
}
.survey-cont input
.survey-cont input[readonly]:not(.datepicker),
.survey-cont input[readonly]:not(.datepicker):hover,
.survey-cont input[readonly]:not(.datepicker):focus,
.survey-cont input[disabled]:not(.datepicker),
.survey-cont input[disabled]:not(.datepicker):hover,
.survey-cont input[disabled]:not(.datepicker):focus {
    border: 1px solid #ccc;
    background-color:#eee;
    color:#777;
    cursor:default;
}
textarea.expand.min-row {
   min-height:82px;
}
.disabled textarea.expand{
    width:100%;
}
.disabled .survey-item ul li label ~ textarea.expand {
    width:calc(100% - 25px);
}
.file-box label {
    display: inline-block;
    padding:0;
    width: 24px;
    height: 24px;
    background: url('../images/common/ico_photo.svg') center no-repeat;
    vertical-align:middle;
    text-indent:-9999px;
    cursor:pointer;
}
.file-box input[type="file"] { /* 파일 필드 숨기기 */
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
.btn-youtube {
    position:absolute;
    right:0;
    top:30px;
    padding:0;
    width: 24px;
    height: 24px;
    background: url('../images/common/ico_youtube.svg') center no-repeat;
    vertical-align:middle;
    text-indent:-9999px;
    cursor:pointer;
    border:none;
}
.youtube-view-lg {
    position:relative;
    padding-bottom: 56.25%;
    height: 0;
    box-shadow: 0 0 30px 0 rgba(0,0,0,.1);
    margin-top:10px;
}
.youtube-view-lg iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.youtube-view-lg .btn-del {
    top:-5px;
    right:-5px;
}
.survey-top {
    margin-bottom:40px;
    border:1px solid #ccc;
    padding:30px;
}
.survey-info li {
    position:relative;
    margin-bottom:10px;
    /*overflow:hidden;*/
}
.survey-info li:after {
    content:"";
    display:block;
    clear:both;
}
.survey-info .expand {
}
.survey-info textarea.expand.min-row {
    min-height:250px;
    width:100%;
}
/* 글자수 textarea */
.counter-area {
    position:relative;
    padding-bottom:35px;
}
.counter-area .counter-content {
    width:100%;
}
.counter-area .counter {
    position:absolute;
    bottom:0;
    right:0;
    padding:0 15px;
    text-align:right;
    height:30px;
    line-height:30px;
    background-color:#eee;
    border-radius:5px;
    font-size:14px;
}
.counter-area .counter strong {
    color:#4e6979;
    font-weight:700;
    display:inline-block;
}

.file-box {
    float:right;
}
.file-view,
.file-view-lg {
    clear:both;
    float:none;
    display:block;
    margin-top:10px;
}
/*.file-view  > div {
    position:relative;
    width:150px;
    height:100px;
    border:1px solid #ddd;
    margin:0 auto;
    background:#fafafa;
}
.file-view  > div  img {
    position: absolute;
    display: block;
    max-height: 100%;
    max-width: 100%;
    width: auto !important;
    height: auto !important;
    margin: 0 auto;
    top: 50%;
    left: 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%);
}*/
.file-view  > div {
    position:relative;
    display:inline-block;
    margin:0 auto;
    background:#fafafa;
}
.file-view  > div  img {
    display:block;
    height:100px;
    max-width:100%;
}
.file-view-lg  {
    text-align:center;
}
.file-view-lg >  div {
    margin-top:10px;
    position:relative;
    display:inline-block;
    margin:0 auto;
    max-width:100%;
    overflow:visible;
    border:1px solid #eee;
}
.file-view-lg img {
    display:block;
    max-width:100%;
    object-fit: cover;
    margin:0 auto;
}
.file-view-lg .btn-del {
    right:-8px;
}
.file-view .btn-del {
    right:-8px;
}
.checkbox-toggle-box {
    margin:10px 0;
}
.survey-info .info-box cite,
.checkbox-toggle-box cite,
.date-box cite {
    display:inline-block;
    vertical-align:middle;
    margin-right:10px;
    font-weight:500;
    color:#555;
}
.survey-info .info-box > * {
	display:inline-block;
	margin-right:10px;
}
label.checkbox-toggle{
  display: inline-block;
  width: 50px;
  height: 25px;
  border-radius: 2em;
  background-color: #ddd;
  transition-duration: 0.2s;
  vertical-align:middle;
}
.date-box span {
    display:inline-block;
    vertical-align:middle;
}
label.checkbox-toggle:before {
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: 1;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    background:#fff;
    margin-right:0;
}
label.checkbox-toggle.checked:before {
    left:30px;
}
label.checkbox-toggle.checked{
  background-color: #f15a53;
}
.survey-agree {
    padding-top:20px;
    margin-top:20px;
    border-top:1px dashed #ccc;
}
.survey-agree .agree-list {
    margin-top:10px;
}
.survey-agree .agree-list li {
    display:inline-block;
}
.survey-agree .agree-list li ~ li {
    margin-left:20px;
}
.survey-item {
    position:relative;
    border:1px solid rgba(78, 105, 121, .4);
    padding:30px;
    border-radius:3px;
    background-color: rgba(78, 105, 121, 0.05);
}
.survey-item  ~ .survey-item  {
    margin-top:20px;
}
.survey-item:after {
    content:"";
    position: absolute;
    right:20px;
    bottom:20px;
    width: 24px;
    height: 24px;
    opacity: .2;
    background-image: url('../images/common/ico_move.svg');
}
.disabled .survey-item:after {
    display:none;
}
.survey-item .btn-del-lg {
    position:absolute;
    right:-8px;
    top:-8px;
    width:24px;
    height:24px;
    z-index:1;
    background:#fff;
    border:none;
    text-indent:-9999px;
    border-radius:50%;
    border:1px solid #555;
    cursor:pointer;
}
.survey-item .btn-del-lg:before,
.survey-item .btn-del-lg:after {
    content:"";
    width:1px;
    height:8px;
    position:absolute;
    left:50%;
    top:50%;
    background-color:#555;
}
.survey-item .btn-del-lg:before {
    -webkit-transform: translate(-50%, -50%) rotate(-135deg);
    -moz-transform: translate(-50%, -50%) rotate(-135deg);
    -ms-transform: translate(-50%, -50%) rotate(-135deg);
    transform: translate(-50%, -50%) rotate(-135deg);
}
.survey-item .btn-del-lg:after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}
.survey-item ul {
    margin-top:10px;
}
.survey-item ul li {
    position:relative;
}
.survey-item ul li label ~ textarea.expand {
    margin-left:25px;
    width:calc(100% - 65px);
}
.survey-item ul .item-etc {
    padding-left:0;
}
.survey-item ul label.radio,
.survey-item ul label.checkbox {
    position:absolute;
    left:0;
    top:10px;
}
.survey-item ul li  {
    position:relative;
    margin-bottom:10px;
}
.survey-item .btn-youtube {
    top:58px;
    right:30px;
}
.survey-item ul li .file-view > div  {
    margin:0;
}
.survey-cont .btn-del {
    position:absolute;
    top:-5px;
    width:20px;
    height:20px;
    z-index:1;
    background:#fff;
    border:none;
    text-indent:-9999px;
    border-radius:50%;
    border:1px solid #555;
    cursor:pointer;
}
.survey-cont .btn-del:before,
.survey-cont .btn-del:after {
    content:"";
    width:1px;
    height:8px;
    position:absolute;
    left:50%;
    top:50%;
    background-color:#555;
    color:#4e6979
}
.survey-cont .btn-del:before {
    -webkit-transform: translate(-50%, -50%) rotate(-135deg);
    -moz-transform: translate(-50%, -50%) rotate(-135deg);
    -ms-transform: translate(-50%, -50%) rotate(-135deg);
    transform: translate(-50%, -50%) rotate(-135deg);
}
.survey-cont .btn-del:after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}
.survey-item ul li > .btn-del {
    right:30px;
}
.survey-item .item-option {
    margin-top:10px;
}
.survey-item .item-option cite {
     display:inline-block;
    vertical-align:middle;
    margin-right:10px;
    font-weight:500;
    color:#555;
    font-size:13px;
}
.survey-item.ui-sortable-helper {
    background-color:#f9f9f9;
    box-shadow:0 0 10px 5px rgba(0,0,0,.1);
}
.btn-survey-cont {
    margin-top:20px;
    margin-bottom:40px;
}
.btn-survey-add {
    display: block;
    border: none;
    padding: 0;
    margin: 0;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    width:100%;
    height:100px;
    font-size:16px;
    border:3px dashed rgba(78, 105, 121, 0.4);
    background-color:rgba(78, 105, 121, 0.1);
    color:#222;
    font-weight:400;
    -webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
}
.btn-survey-add:hover {
    border-color:rgba(78, 105, 121, 0.7);
    background-color:rgba(78, 105, 121, 0.15);
}
.btn-survey-add i {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-image: url('../images/common/ico_add.svg');
    margin-right:10px;
}
.copy {
    position:relative;
    margin-top:10px;
    font-size:0;
    padding-right:130px;
}
.copy  input {
    width:100%;
}
.copy button {
    position:absolute;
    right:65px;
    width:60px;
    height:40px;
    line-height:40px;
    text-align:center;
    padding:0;
}
.copy button ~ button {
    right:0;
}
.survey-chart header {
    border-bottom:1px solid #000;
    padding-bottom:20px;
}
.chart-info  {}
.chart-info dl {
    display:inline-block;
    width:300px;
    overflow:hidden;
    vertical-align:top;
}
.chart-info dl:last-child {
    width:calc(100%  - 500px);
    max-width:800px;
}
.chart-info dt {
    float:left;
    clear:left;
    font-weight:bold;
    margin-right:20px;
    margin-bottom:5px;
}
.chart-info dd {
    margin-bottom:5px;
}
.chart-info dd  .btn {
    margin-left:5px;
}
.chart-info dd:not(.copy) {
    float:left;
    margin-top:0;
}
.chart-area {
  width: 100%;
}
.chart {
  width: 100%;
  min-height: 300px;
}


/* user item-list */
.survey-chart .panel-tabs {
    margin-bottom:40px;
}
.survey-user {
    width:1000px;
    box-sizing:border-box;
    margin:0 auto;
    border:1px solid #ccc;
    border-bottom:10px solid #ccc;
    background-color:#fff;
    border-radius:30px;
    padding:80px 100px;
    overflow:hidden;
}
.survey-user-header {
    padding-bottom:30px;
    margin-bottom:30px;
    border-bottom:1px solid #000;
}
.survey-user-header h2 {
    font-size:30px;
    font-weight:400;
    margin-bottom:20px;
    line-height:1.3;
}
/*.file-view {
    clear:both;
    float:none;
    display:block;
    margin-top:10px;
}
.file-view-lg  > div {
    position:relative;
    width:300px;
    height:200px;
    margin:0 auto 20px;
    overflow:hidden;
}
.file-view-lg img {
    display:block;
    width:300px;
    height:200px;
    object-fit: cover;
}*/
.survey-user-header p {
    font-size:18px;
}
.survey-agree .agree-txt textarea{
    padding:30px;
    border:1px solid #ccc;
    overflow-y:auto;
    margin-bottom:30px;
    color:#555;
    line-height:1.7;
    width:100%;
    min-height:250px;
    max-height:600px;
}
.survey-user-item-list > li {
    margin-bottom:30px;
    padding-bottom:25px;
    border-bottom:1px dashed #aaa;
}
.survey-user-item-list > li:last-child {
    border-bottom-style:solid;
    border-color:#000;
}
.survey-user-item-list h3 {
    margin-bottom:15px;
    font-weight:400;
}
.survey-user-item-list li label {
    position:relative;
    display:block;
    padding:10px 20px 10px 60px;
    min-height:30px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}
.survey-user-item-list li ~ li {
    margin-top:5px;
}
.survey-user-item-list li label.checked {
    background-color:#f7f7f7;
}
.survey-user-item-list label.checkbox:before,
.survey-user-item-list label.radio:before{
    position:absolute;
    left:20px;
    top:13px;
}
.survey-user-item-list img {
    display:block;
    height:100px;
    margin-top:5px;
}
.survey-user-item-list  {
    line-height:30px
}
.survey-user-item-list .item-etc {
    position:relative;
    padding:10px 10px 10px 60px;
}
.survey-user-item-list .item-etc.active {
    background:#f7f7f7;
    padding-left:60px;
}

.survey-user-item-list .item-etc label {
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
}
.survey-user-item-list .item-etc label.checked {
    background:none;
    bottom:auto;
    right:auto;
}
.survey-user-item-list .item-etc textarea {
    width:100%;
}
.survey-user-item-list textarea {
    width:100%;
}
/*.survey-user-item-list .item-etc.active textarea {
    width:100%;
    background-color:#fff;
}*/
.chart-area {
  margin:50px 0;
  width: 100%;
}
.chart {
  width: 100%;
  min-height: 330px;
}

.file-add-box {
    margin-top:10px;
}
.survey-user-item-list li .file-add-box label,
.file-add-box label {
    position: relative;
    display: block;
    width:100px;
    min-height: 0;
    padding:0;
    height:36px;
    line-height:36px;
    vertical-align:middle;
    cursor:pointer;
    padding:0;
    border:1px solid #999;
    border-radius:5px;
    text-align:center;
    background-color:#fafafa;
    color:#555;
}
.file-add-box input[type="file"] { /* 파일 필드 숨기기 */
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
.file-add-box  .btn-del {
    position:relative;
    width:20px;
    height:20px;
    z-index:1;
    background:#fff;
    border:none;
    text-indent:-9999px;
    border-radius:50%;
    border:1px solid #555;
    cursor:pointer;
    vertical-align:middle;
}
.file-add-box  .btn-del:before,
.file-add-box  .btn-del:after {
    content:"";
    width:1px;
    height:8px;
    position:absolute;
    left:50%;
    top:50%;
    background-color:#555;
    color:#4e6979
}
.file-add-box .btn-del:before {
    -webkit-transform: translate(-50%, -50%) rotate(-135deg);
    -moz-transform: translate(-50%, -50%) rotate(-135deg);
    -ms-transform: translate(-50%, -50%) rotate(-135deg);
    transform: translate(-50%, -50%) rotate(-135deg);
}
.file-add-box .btn-del:after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}
.file-add-box ul {
    margin-top:5px;
}
.file-add-box li {
    padding-left:30px;
    white-space:nowrap;
    position:relative;
}
.file-add-box li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top:-12px;
    width: 24px;
    height: 24px;
    background-image: url('../images/common/ico_file.svg');
}
.file-add-box li a {
    display:inline-block;
    line-height:1.5;
    text-decoration:underline;
    line-height:24px;
    margin-right:5px;
}
.file-add-box li > .btn-del {
    display:inline-block;
    vertical-align:middle;
}

.total-group{

}
.total-group dl{
	
}
.total-group dl dd{
	float:left;
	margin-left:27px;
	font-weight:400;
}
.total-group dl dd:first-child{
	margin-left:0;
}
.total-group dl dd > span{
	float:left;
}
.total-group dl dd > span:last-child{
	font-weight:400;
	color:#fff;
	display:inline-block;
	min-width:20px;
	padding:2px 20px;
	margin-left:7px;
	font-size:15px;
	
}

.id_2logininfo{font-size:22px;}
.id_2loginid{font-size:28px;margin:40px 0;font-weight:bold;}