@charset 'UTF-8';
/*
	Author	: Somi Park
	Date	: 2017-11-28
	Project	: CTV
*/
/* @import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); */
@import url(https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
	font-weight: 100;
    src: url('font/NotoSans/NotoSans-Thin.woff') format('woff');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
	font-weight: 300;
    src: url('font/NotoSans/NotoSans-Light.woff') format('woff');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
	font-weight: 400;
    src: url('font/NotoSans/NotoSans-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
	font-weight: 500;
    src: url('font/NotoSans/NotoSans-Medium.woff') format('woff');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
	font-weight: 700;
    src: url('font/NotoSans/NotoSans-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
	font-weight: 900;
    src: url('font/NotoSans/NotoSans-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Nanum Myeongjo';
    font-style: normal;
    src:url('font/Nanum/NanumMyeongjo.eot');
    src:url('font/Nanum/NanumMyeongjo.eot?#iefix') format('embedded-opentype'),
        url('font/Nanum/NanumMyeongjo.woff') format('woff'),
        url('font/Nanum/NanumMyeongjo.ttf') format('truetype');
}
@font-face {
    font-family: 'Noto Serif KR';
    src: url('font/NotoSerif/NotoSerifKR-Medium.woff') format('woff'),
        url('font/NotoSerif/NotoSerifKR-Medium.otf') format('opentype'),
        url('font/NotoSerif/NotoSerifKR-Medium.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Serif KR';
    src: url('font/NotoSerif/NotoSerifKR-Bold.woff') format('woff'),
        url('font/NotoSerif/NotoSerifKR-Bold.otf') format('opentype'),
        url('font/NotoSerif/NotoSerifKR-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

html, body	{ height:100%;}
html	{
	border:0;
	outline:0;
	font-size:62.5%;
}

body	{
	font-size:1.5em;
	line-height:1.769em;
	font-weight:300;
	font-family: 'Noto Sans KR', "맑은 고딕", "Malgun Gothic" , "Apple Gothic", "돋움", Dotum, "굴림", Gulim, sans-serif;
	background-color: transparent;
	color: #333;
	letter-spacing:-0.01em;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust:none;
    min-width:1100px;
	/*overflow-x:hidden;*/
	/*position:relative;*/
}

::selection {
	color:#fff;
	background-color:#008ed8;
}
::-moz-selection {
	color:#fff;
	background-color:#008ed8;
}

table	{
	width:100%;
	border-collapse:collapse;
	table-layout:fixed;
}
table caption {
	height:0;
	font-size:0.1em;
	color:#fff;
	opacity:0;
	filter:alpha(opacity=0);
}
table caption.show {
	height:auto;
	font-size:20px;
	color:#333;
	opacity:1;
	filter:alpha(opacity=1);
    text-align:left;
    font-weight:400;
    margin-bottom:12px;
}

button,
input,
textarea	{
	font-family: 'Noto Sans KR', 'Calibri', "맑은 고딕", "Malgun Gothic" , "Apple Gothic", "돋움", Dotum, "굴림", Gulim, sans-serif;
	color:#444;
	font-size:15px;
}
textarea	{
	border:1px solid #d9d9d9;
	padding:10px;
	box-sizing:border-box;
}

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: 'Noto Sans KR'  */
}
h1, h2, h3, h4, h5, h6 { line-height:1em;}

ul,menu,dir {
	 display: block;
    list-style-type: none;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}
img	{ margin:0;border:none; }
ul,ol,dl,li	{ list-style:none; }
cite,em,address { font-style:normal; }
em { color:#0c69d0;font-weight:400; }
em + .checkbox { position:relative;top:4px;margin-left:10px; }
.red { color:#b83826 !important;font-weight:400; }
.green { color:#009a74 !important;font-weight:400; }
.yellowgreen { color:#00c153 !important;font-weight:400; }
.blue { color:#1298ff !important;font-weight:400; }
a.blue { color:#0c69d0 !important;font-weight:400;border-bottom:1px solid #0c69d0; }
.gray { color:#777 !important; }
.gray2 { color:#5d5d5d !important; font-weight:300; }
.darkgray { color:#333 !important;font-weight:400; }
b, strong { font-weight:500; }
iframe	{ border:none;outline:0; }
hr {
    display:block;
    width:100%;
    height:1px;
    border:none;
    background:#d9d9d9;
    margin:0;
}

a > span	{ cursor:pointer; }
a			{ text-decoration:none;color:#444; }
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;
	height:40px;
	line-height:40px;
	border:1px solid #d9d9d9;
	text-indent:8px;
	box-sizing:border-box;
}
td input { vertical-align:top; }
input:hover,
input:focus { border:1px solid #aaa;background-color:#f9f9f9; }

*+html body input			{  }
input[required]				{  }
input[type="radio"],
input[type="checkbox"]		{ border:0;height:auto;line-height:auto; }
input[readonly],
input[disabled]				{ background:#f9f9f9  }
input[type="file"] + input[readonly]    {  }

.btn2 + .input-box,
.input-box + .input-box { margin-top:10px; }

.hide {
	box-sizing:border-box !important;
	width:1px  !important;
	height:1px !important;
	position:absolute !important;
	overflow:hidden !important;
	color:#fff !important;
}
.pc-hide { display:none; }
.q0 { width:70px;}
.q1 { width:35% }
.q2 { width:50% }
.q2 + .q2 { width:48% }
.q3 { width:75% }
.q4 { width:100%; }
textarea.q4 { width:100% }
select.q3 {  }
.q0 ~ .q3,
.q1 ~ .q3,
.q2 ~ .q3,
.q3 ~ .q3,
.q0 ~ .q4,
.q1 ~ .q4,
.q2 ~ .q4,
.q3 ~ .q4,
.q4 ~ .q4 { margin-top:8px }

.ui-checkboxradio-label { font-size:15px; }
.ui-checkboxradio-label + .ui-checkboxradio-label { margin-left:50px; }
.ui-checkboxradio-label {
	display:inline-block;
	*zoom:1;
	*display:inline;
	min-height:20px;
	line-height:20px;
	padding:0;
	cursor:pointer;
	padding-left:30px;
	position:relative;
}
.ui-checkboxradio-label:before,
.ui-checkboxradio-radio-label:before {
	position:absolute;
	content:"";
	width:20px;
	height:20px;
	border:1px solid #bbb;
	background:#fff;
	box-sizing:border-box;
	left:0;
}
.ui-checkboxradio-radio-label:before {
    border-radius:50%;
}
.ui-checkboxradio-label.ui-state-active:after {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    background: #3c3c3c;
    top: 0;
    left: 0;
    box-sizing: border-box;
    background: url('../../images/user/common/label_chk.png') center no-repeat #3c3c3c;
    background-size:17px;
}
.ui-checkboxradio-radio-label.ui-state-active:after {
	position:absolute;
	content:"";
	width:10px;
	height:10px;
	background:#3c3c3c;
	top:5px;
	left:5px;
	box-sizing:border-box;
}

.ui-checkboxradio-radio-label.ui-state-active:after  {
	border-radius:50%;
}

.dim {
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background: rgba(0, 0, 0, 0.7);
	z-index:999;
}
.dim.open {
	display:block !important;
	opacity:1;
}

@keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-moz-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-webkit-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-o-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-moz-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-webkit-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-o-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}

@-moz-keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}

@-webkit-keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}

@-o-keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}

.loader {
    height: 100px;
    position: absolute;
    width: 100px;
    border-radius: 100%;
    top:50%;
    left:50%;
    z-index:99999;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.loader:before {
    height: 100px;
    position: fixed;
    width: 100px;
    border-radius: 100%;
	content:"";
    border: 2px solid transparent;
    border-color: transparent #fff transparent #FFF;
    -moz-animation: rotate-loading 1.5s linear 0s infinite normal;
    -moz-transform-origin: 50% 50%;
    -o-animation: rotate-loading 1.5s linear 0s infinite normal;
    -o-transform-origin: 50% 50%;
    -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
    -webkit-transform-origin: 50% 50%;
    animation: rotate-loading 1.5s linear 0s infinite normal;
    transform-origin: 50% 50%;
}
.loader:after{
	content:"Loading..";
    -moz-animation: loading-text-opacity 2s linear 0s infinite normal;
    -o-animation: loading-text-opacity 2s linear 0s infinite normal;
    -webkit-animation: loading-text-opacity 2s linear 0s infinite normal;
    animation: loading-text-opacity 2s linear 0s infinite normal;
    color: #ffffff;
    font-size: 13px;
    margin-top: 40px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    letter-spacing:0;
    width: 100px;
}
@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}

.loader2 {
	position:absolute;
	display: block;
	width: 50px;
	height: 50px;
	top:50%;
	left:50%;
	margin-top:-25px;
	margin-left:-25px;
	border: 3px solid rgba(0,0,0,.3);
	border-radius: 50%;
	border-top-color: #b83826;
	animation: spin 1s ease-in-out infinite;
	-webkit-animation: spin 1s ease-in-out infinite;
	z-index:9999;
}
.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	{  }

.loading    {
	top:350px;
	position:absolute;
	left:50%;
	margin-left:-300px;
	z-index:9999;
	color:#777;
	text-align:center;
	line-height:40px;
	width:600px;
}

.ac { text-align:center !important; }
.al { text-align:left !important; }
.ar { text-align:right !important; }
td.al { padding-left:20px !important; }
td.ar { padding-right:20px !important; }

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

.clear { clear:both; }
b + span.info,
span.info + span.info {
	display:inline-block;
	*zoom:1;
	*display:inline;
	margin-left:15px;
	color:#777;
}
span.info + span.info:before  {
	content:"";
	width:1px;
	height:14px;
	background:#ddd;
	display:inline-block;
	margin-right:15px;
	vertical-align:middle;
}
span.info strong {
	color:#333;
	margin-left:10px;
	font-weight:400;
}

*[class^="score"] {
	display:inline-block;
	*zoom:1;
	*display:inline;
	vertical-align:middle;
	position:relative;
	width:70px;
	height:12px;
	text-indent:-9999px;
	overflow:hidden;
	vertical-align:middle;
	background-image:url('../../images/user/common/star.svg');
	background-repeat:no-repeat;
}
*[class^="score"]:before {
	content:"";
	display:block;
	width:0%;
	height:12px;
	background:url('../../images/user/common/star.svg') 0 -12px no-repeat;
}
.score1:before { width:10%; }
.score2:before { width:20%; }
.score3:before { width:30%; }
.score4:before { width:40%; }
.score5:before { width:50%; }
.score6:before { width:60%; }
.score7:before { width:70%; }
.score8:before { width:80%; }
.score9:before { width:90%; }
.score10:before { width:100%; }

/* btn */
.btn-cont { text-align:right;margin-top:20px; overflow:hidden;}
.btn-cont.left { text-align:left; }
.btn-cont.center { text-align:center; }

.btn-cont a,
.btn,
.btn2,
.btn3,
.btn4 {
}

.btn-cont a,
.btn,
.btn2,
.btn3,
.btn4 {
	display:inline-block;
	*zoom:1;
	*display:inline;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
	box-sizing:border-box;

    background:#fff;padding:0 20px;
	height:36px;
	line-height:34px;
	font-weight:300;
    color:#555;
	font-size:14px;
    border:1px solid #d9d9d9;
}

.btn-cont a {
	padding:0 40px;
	height:45px;
	line-height:43px;
	font-weight:400;
	font-size:15px;
    color:#2e2e2e;
    border-color:#2e2e2e;
}

.btn-cont a.spot {
    background:#2e2e2e;
    color:#fff;
}
.btn-cont a.spot:hover,
.btn-cont a.spot:focus {
    background:#222;
}
.btn-cont a.al {
    float:left;
}
.btn {
	padding:0 20px;
	height:36px;
	line-height:34px;
	font-weight:300;
    color:#555;
	font-size:14px;
}
.btn-cont .btn2,
.btn2 {
	padding:0 40px;
	height:54px;
	line-height:54px;
	font-weight:300;
	width:auto;
	min-width:60px;
	font-size:16px;
}
.btn3 {
	padding:0 40px;
	height:45px;
	line-height:43px;
	font-size:15px;
}
.btn4 {
	min-width:65px;
    padding-left:20px;
    padding-right:20px;
	text-align:center;
	height:30px;
	line-height:28px;
	font-weight:300;
    font-size:14px;
}

h4 + .btn-cont { margin-top:-42px;}
.btn-cont + h5 { margin-top:20px; }
.btn-cont a + a,
.btn + .btn { margin-left:5px; }
.btn2 + .btn2,
input + .btn2 { margin-left:6px;vertical-align:top; }

.btn-cont a,
.btn,
.btn2,
.btn3,
.btn4 {
  display: inline-block;
  vertical-align: middle;
  -webkit-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;
}

/* btn : default */
.btn-cont a:hover, .btn-cont a:focus,
.btn:hover, .btn:focus,
.btn2:hover, .btn2:focus,
.btn3:hover, .btn3:focus,
.btn4:hover, .btn4:focus{ background:#fafafa; }
.btn-cont a:active,
.btn:active,
.btn2:active,
.btn3:active,
.btn4:active{ background:#d5dfea; }

/*td .btn,
td .btn3 { background:#fbfbfb;color:#000;border:1px solid #555;vertical-align:top; }*/

/* btn : spot */
/*.btn-cont a.spot,*/
.spot {
	color:#fff;
	background-color:#b83826;
    border:none;
}
/*.btn-cont a.spot:hover,
.btn-cont a.spot:focus,*/
.spot:hover,
.spot:focus {
    background-color:#ae301f;
}
button.sch {
	width:38px;
	height:38px;
	border:0;
	background:url("../../images/user/common/ico_sch.png") center center no-repeat;
	overflow:hidden;
	text-indent:-999px;
}

/* btn : spot2 */
.btn-cont a.spot2,
.btn.spot2,
.btn2.spot2,
.btn3.spot2,
.btn4.spot2{
    color:#333;
	background-color:#f2f2f2;
	border:1px solid #d9d9d9;
}
.btn-cont a.spot2:hover,
.btn-cont a.spot2:focus,
.spot2:hover,
.spot2:focus { color:#333;
	background-color:#f2f2f2;
	border:1px solid #d9d9d9; }

.btn-cont a.spot3,
.btn.spot3,
.btn2.spot3,
.btn3.spot3,
.btn4.spot3 {
	color:#fff;
	background-color:#999;
	border:1px solid #999;
}
.btn-cont a.spot3:hover,
.btn-cont a.spot3:focus,
.spot3:hover,
.spot3:focus { background:#999; }
.btn-cont a.spot3:active,
.spot3:active{ background:#888; }

/* btn : del */
.btn.del {
    position:relative;
}
.btn.del:before {
    content:"";
    display:inline-block;
    width:14px;
    height:12px;
    margin-right:6px;
    vertical-align:middle;
    background: url('../../images/user/common/del.png') no-repeat;
    margin-top:-2px;
}
.btn-cont a.spot4,
.btn.spot4,
.btn2.spot4,
.btn3.spot4,
.btn4.spot4  {
    color:#fff;
	background:#2e2e2e;
	border:1px solid #2e2e2e;
}
.btn-cont a.spot4:hover,
.btn-cont a.spot4:focus,
.spot4:hover,
.spot4:focus { background:#222; }
.btn-cont a.spot4:active,
.spot4:active{ background:#222; }
.btn.more {
	padding-left:54px;
	position:relative;
}
.btn.more:before {
	content:"";
	display:block;
	position:absolute;
	width:14px;
	height:2px;
	background:#003a79;
	left:29px;
	top:50%;
	margin-top:-1px;
}
.btn.more:after {
	content:"";
	display:block;
	position:absolute;
	width:2px;
	height:14px;
	background:#003a79;
	left:35px;
	top:50%;
	margin-top:-7px;
}
.btn2.add  {
	color:#fff;
	background-color:#8c8c8c;
	border:1px solid #8c8c8c;
	font-size:13px;
	padding:0;
	min-width:48px;
}
.btn-cont a.add:hover,
.btn-cont a.add:focus,
.add:hover,
.add:focus { background:#999; }
.btn-cont a.add:active,
.add:active{ background:#888; }

/* btn : ico */
.btn-cont a.down,
a.btn.down {
	padding-left:45px;
	background-image:url("../../images/user/common/ico_down.png");
	background-position:20px center;
	background-repeat:no-repeat;
}
.btn.next {
	padding-right:95px;
}
.btn.next:after {
	content:"";
	position:absolute;
	border-bottom:1px solid #b83826;
	border-right:1px solid #b83826;
	width:65px;
	height:13px;
	transform:skewX(45deg);
	top:10px;
	right:20px;
}
.btn.print{min-width:50px !important;padding:0 !important;}

.clip {
	display:inline-block;
	border:none;
	padding-left:20px;
	height:21px;
	background:url('../../images/user/common/ico_file.png') 0 2px no-repeat;
	color:#0d69d0;
}
.file a {
	display:inline-block;
	*zoom:1;
	*display:inline;
	padding-left:23px;
	background:url('../../images/user/common/ico_file.png') 0 center no-repeat;
	color:#0d69d0;
}
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;
}
/*.ico.file { height:28px; }*/
i.star {
	display:inline-block;
	width:14px;
	height:14px;
	vertical-align:middle;
	background:url('../../images/user/common/star.svg') 0 -12px no-repeat;
    background-size:auto 25px;
	position:relative;
}
a.homepage {
	display:inline-block;
	width:18px;
	height:18px;
	vertical-align:middle;
	background:url('../../images/user/common/ico_monitor.png') 0 0 no-repeat;
	position:relative;
	top:-1px;
	overflow:hidden;
	text-indent:-9999px;
}
.ico.fb,
.ico.tt,
.ico.print {
	width:37px;
	height:37px;
	display:inline-block;
	margin:0 2px;
	text-indent:-999px;
	overflow:hidden;
	text-align:left;
}
.ico.fb { background:url("../../images/user/common/ico_fb.svg") 0 0 no-repeat; }
.ico.tt { background:url("../../images/user/common/ico_tt.svg") 0 0 no-repeat; }
.ico.print { background:url("../../images/user/common/ico_print.svg") 0 0 no-repeat; }

/* jquery-plugin tab : ui-tabs */
.tabs {
    overflow:hidden;
}
.tabs li {
    float:left;
    min-width:116px;
    box-sizing:border-box;
}
.tabs li a {
    display:block;
    padding-left:30px;
    padding-right:30px;
    height:40px;
    line-height:40px;
    color:#777;
    text-align:center;
    border:1px solid #d9d9d9;
    margin-right:-1px;
}
.tabs li.active a{
    background: gray;
    border-color:gray;
    color:#fff;
}
.tabs + * {
    margin-top:15px;
}
.tabs-full{
    width:100%;
	position: relative;
    overflow:hidden;
}
.tabs-full + * {
    margin-top:40px;
}
.tabs-full .ui-tabs-nav,
.tabs-full {
	height:50px;
	width:100%;
	display:inline-block;
}
.tabs-full .ui-tabs-nav li,
.tabs-full li {
    float:left;
	display:block;
    /*width:116px;*/
    height:50px;
    line-height:50px;
    color:#777;
    text-align:center;
    box-sizing:border-box;
}

.tabs-full .ui-tabs-nav li + li .ui-tabs-anchor { border-left:0; }

.tabs-full .ui-tabs-nav li:first-child .ui-tabs-anchor {

}
.tabs-full .ui-tabs-nav .ui-tabs-anchor,
.tabs-full li a {
	display:block;
	color:#777;
	height:50px;
	line-height:48px;
	box-sizing:border-box;
	border:1px solid #d9d9d9;
	text-align:center;
	position:relative;
    font-size:17px;
    margin-left:-1px;
}
.tabs-full li:first-child a {
    margin-left:0;
}
.tabs-full .tabs-nav li + li a.ui-tabs-anchor { border-left:0; }
.tabs-full .ui-tabs-nav .ui-tabs-anchor:hover {
	color:#b83826;
}
.tabs-full .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor,
.tabs-full .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor:hover,
.tabs-full li.active {
	background:#b83826;
    border-color:#b83826;
    color:#fff;
}
.tabs-full  li.active a {
    color:#fff;
}
.tabs-full .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor:after {
	/*content:"";
	width:0;
	height:0;
	position:absolute;
	border-bottom:8px solid #003a79;
	border-right:8px solid #003a79;
	border-top:8px solid transparent;
	border-left:8px solid transparent;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	bottom:-9px;
	left:50%;
	margin-left:-4px;*/
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; }

.tabs2 li,
.tabs3 li,
.tabs4 li,
.tabs5 li,
.tabs6 li{
    float:left;
}
.tabs2 li {
    width:50%;
}
.tabs3 li {
    width:33.33%;
}
.tabs4 {
    width:25%;
}
.tabs5 {
    width:20%;
}
.tabs6 {
    width:16.66%;
}

.tabs .ui-tabs-panel { display: block; }
.ui-tabs-nav + p.comment { margin-top:20px; }
.rolling-noti ~ .tabs {
	margin:40px 0 30px;
}

.popup .tabs {
	position: relative;
	margin-top:40px;
}
.popup .ui-tabs-nav {
	height:48px;
	line-height:47px;
	margin-bottom:18px;
	border-bottom:2px solid #383c3f;
}
.popup .ui-tabs-nav li {
	height:48px;
}
.popup .ui-tabs-nav li:first-child .ui-tabs-anchor {
	border-left:1px solid #c3c3c3;
}
.popup .ui-tabs-nav .ui-tabs-anchor {
	height:48px;
	line-height:47px;
	display:block;
	padding:0 37px;
	background:#fff;
	color:#777;
	font-weight:400;
	font-size:1.153em;
	border:0;
	border-top:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
}
.popup .ui-tabs-nav .ui-tabs-anchor:hover {
	background:#f5f5f5;
}
.popup .ui-tabs-nav li.ui-tabs-active a,
.popup .ui-tabs-nav li.ui-tabs-active a:hover,
.popup .ui-tabs-nav li.ui-tabs-active:first-child a {
	color:#333333;
	background:#fff;
	line-height:45px;
	height:50px;
	padding:0 35px;
	z-index:999;
	border:2px solid #383c3f;
	border-bottom:0;
}
.popup .ui-tabs-nav li.ui-tabs-active:first-child a,
.popup .ui-tabs-nav li.ui-tabs-active:first-child a:hover { margin-left:0; }
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; }
.tabs .ui-tabs-panel { display: block;padding:30px 0; }

/* -------------------------------------------------
    JQUERY-UI
------------------------------------------------- */

/* jquery-plugin : accordion */
.accordion {
	border-top:2px solid #2e2e2e;
	margin-top:20px;
}
.ui-accordion-header {
	padding:20px 70px 20px 70px;
	line-height:22px;
	border-bottom:1px solid #dcdcdc;
	position:relative;
	cursor:pointer;
	font-size:16px;
	color:#777;
	font-weight:400;
}
.ui-accordion-header:before {
	content:"Q";
	font-size:24px;
	color:#2e2e2e;
	position:absolute;
	left:30px;
	font-weight:400;
	font-family:"Open Sans";
}
.ui-accordion-header cite {
	color:#777;
	display:inline-block;
	width:40px;
}
.ui-accordion-header-active {
	border-bottom:1px solid #dcdcdc;
	color:#2e2e2e;
}
.ui-accordion-header:hover,
.ui-accordion-header:focus { outline:0; }
.ui-accordion-header-icon {
	position:absolute;
	top:20px;
	right:20px;
	width:20px;
	height:20px;
	overflow:hidden;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	transition:all .5s;
	opacity:.5;
}
.ui-accordion-header-icon:before {
	content:"";
	position:absolute;
	top:-5px;
	left:1px;
	width:16px;
	height:16px;
	border-top:1px solid #333;
	border-right:1px solid #333;
	-webkit-transform:rotate(-225deg);
	-moz-transform:rotate(-225deg);
	-ms-transform:rotate(-225deg);
	transform:rotate(-225deg);
}
.ui-accordion-header-active .ui-accordion-header-icon {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg);
	opacity:1;
}
.ui-accordion-content {
	padding:30px 70px;
	border-bottom:1px solid #dcdcdc;
	color:#555;
	font-size:15px;
	font-weight:400;
	line-height:28px;
	background:#fbfbfb;
	letter-spacing:0;
}
.ui-accordion-content b,
.ui-accordion-content strong { font-weight:600; }

/* jquery-plugin :select-menu */
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	z-index:99999;
}
.ui-selectmenu-menu ul {
	background:#fff;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	/* Support: IE7 */
	overflow-x: hidden;
	padding-bottom: 1px;
	max-height:400px;
}
.ui-selectmenu-menu .ui-menu li {
	padding:5px 10px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 15px;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-button {
	display: inline-block;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	cursor: pointer;
	background:#fff;
	width:auto !important;
	font-size:15px;
	border-radius:0;
	/*border:1px solid #b3b3b3;*/
    border:1px solid #d9d9d9;
	vertical-align:top;
}
.ui-selectmenu-button span.ui-icon {
	right: 0.5em;
	left: auto;
	margin-top: -10px;
	position: absolute;
	width:18px;
	height:20px;
	top: 50%;
	background:url("../../images/user/common/ico_selectmenu.png") center center no-repeat;
}
.ui-selectmenu-button span.ui-selectmenu-text {
	text-align: left;
	padding: 0 40px 0 10px;
	height:36px;
	line-height:36px;
	display: block;
	overflow: hidden;
	white-space: nowrap;
}

.ui-selectmenu-menu ul { border:1px solid #ccc; }
.ui-selectmenu-menu .ui-state-active { /*font-weight:bold;*/}
.ui-selectmenu-menu .ui-state-hover,
.ui-selectmenu-menu .ui-state-focus { background:#f9f9f9; }

.ui-menu-item:hover {
    cursor:pointer;
    background:#fafafa;
}
/* jquery-plugin :  datepicker */
.datepicker { width : 120px !important}
.cal {
	width: 120px !important;
	height: 30px;
    line-height: 28px;
    vertical-align: middle;
}
.cal + .ui-datepicker-trigger {
    position:relative;
    margin-left:-27px;
    vertical-align:middle;
}
.datepicker + .ui-datepicker-trigger {
    position:relative;
    vertical-align:middle;
}
.ui-datepicker {
	background-color:#fff;
	margin-top:-1px;
	border: 1px solid #aaa;
	width: 200px;
	padding:20px 10px 10px;
	display: none;
	box-shadow:4px 4px 0 rgba(0,0,0,.1);
}
.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: 20px;
	height: 30px;
	background-image:url('../img/web/datepick_arr.png');
	text-indent:-999px;
	background-repeat:no-repeat;
	cursor:pointer;
}
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
	background-image:url('../img/web/datepick_arr_on.png');
}
.ui-datepicker .ui-datepicker-prev {
	left: 5px;
	background-position:0 center;
}
.ui-datepicker .ui-datepicker-next {
	right: 5px;
	background-position:right center;
}
.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 select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 40%;
	margin:0 2px;
	padding:1px;
	border:1px solid #aaa;
	font-size: 1em;
	vertical-align:middle;
	height:30px;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 10px 0 .2em;
	border-top:2px solid #aaa;
}
.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:14px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-decoration: none;
	border-bottom:0;
}
.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; }
.due {
	display:inline-block;
	vertical-align:middle;
	margin:0 10px;
	font-size:15px;
	color:#555;
	position:relative;
	top:3px;
}
/* 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;
}
.ui-dialog .ui-dialog-titlebar {
    background:#555;
    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:45px;
    height:45px;
    overflow:hidden;
    top:0;
    right:0;
    text-indent:-999px;
    border:0;
    background:transparent;
    outline:0;
}
.ui-dialog .ui-dialog-titlebar-close:hover {
	background:rgba(0,0,0,.1);
}
.ui-dialog .ui-dialog-titlebar-close span {
	width:20px;
	height:1px;
	background:#fff;
	position:absolute;
	top:50%;
	right:12px;
}
.ui-dialog .ui-dialog-titlebar-close span:nth-child(1) {
	transform:rotate(-45deg);
}
.ui-dialog .ui-dialog-titlebar-close span:nth-child(2) {
	transform:rotate(45deg);
}
.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:#000;
    border:1px solid #555;
    box-sizing:border-box;
    outline:0;
}
.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:#444;
    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-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;
}

/* video js */
.video-js .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-left: -1.5em;
    margin-top: -1em;
    box-sizing: border-box;
}
.video-js .vjs-big-play-button {
    background-color: null;
    font-size: 3em;
    width: 3em;
    border-radius: 50% !important;
    height: 3em !important;
    line-height: 3em !important;
    margin-top: -1.5em !important;
}
.video-js .vjs-big-play-button:before {
    font-size:40px;
}
#vdoBox {
    display:inline-block;
    width:750px;
    padding-right: 19px;
    margin-bottom: -8px;
    padding-bottom: 8px;
    border-right: 1px solid #ececec;
}
#vdoBox.theater-mode {
    display:block;
    margin-bottom:20px;
    width:100%;
}


/* total */
.total {
	font-size:15px;
	color:#555;
	margin:15px 0;
	letter-spacing:0;
}
.total em { font-weight:400; }

/* sch-cont */
.total + .sch-cont { margin-left:300px;margin-top:-55px; }
.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; }
.sch-cont .btn2.spot { margin-left:20px; }
h3 + .select-cont.right { margin-top:-48px; }

/* detail-sch */
.detail-sch {
	border:1px solid #dcdcdc;
	padding:20px 30px;
	position:relative;
	margin-bottom:50px;
	padding-right:150px;
}
.detail-sch tbody th {
	font-weight:400;
	text-align:left;
	padding:5px 0;
	position:relative;
	vertical-align:top;
	line-height:38px;
}
.detail-sch tbody th:after {
	display:inline-block;
	width:1px;
	height:15px;
	background:#dcdcdc;
	content:"";
	position:absolute;
	right:0;
	top:18px;
	vertical-align:top;
}
.detail-sch tbody td {
	padding:5px 20px;
}
.detail-sch .btn-cont {
	position:absolute;
	top:20px;
	right:0;
	width:150px;
	height:calc(100% - 40px);
	margin-top:0;
	border-left:1px dashed #dcdcdc;
}
.detail-sch .btn-cont .btn {
	position:absolute;
	top:0;
	right:30px;
	left:30px;
	bottom:0;
	box-sizing:border-box;
	width:auto;
	height:auto;
	padding:0;
	font-size:16px;
}
.detail-sch .btn-cont .btn span:before {
	content:"";
	display:block;
	width:22px;
	height:22px;
	margin:0 auto;
	background:url("../../images/user/common/ico_sch.png") 0 0 no-repeat;
}
.detail-sch .btn-cont .btn span {
	position:absolute;
	top:50%;
	left:50%;
	line-height:32px;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}

/* table */
.write-type + .list-type,
.write-type + .write-type,
.list-type + .write-type,
.list-type  + .list-type { margin-top:40px; }
.txt-list + .info-type,
.txt + .info-type,
.txt-list + .list-type,
.btn-cont + .list-type,
.btn-cont + .write-type,
.btn-cont + .info-type { margin-top:40px; }
h4 + .btn-cont + .list-type,
h4 + .btn-cont + .write-type,
h4 + .btn-cont + .info-type,
.btn-cont:first-child + .info-type { margin-top:20px; }
.scroll-x { max-width:1098px;overflow-x:auto; }
.scroll-x table { width:150%;}
.approval + .write-type { margin-top:40px; }

table th { font-weight:500; }
.tip { font-size:15px;margin-bottom:15px; margin-top:5px; color:#777; }

/* table : info-type */
.info-type { clear:both; }

.info-type table {
	border-top:2px solid #003a79;
}
.info-type table thead th {
	background-color:#f5f5f5;
	border-bottom:1px solid #dcdcdc;
	text-align:center;
	font-size:15px;
}
.info-type table th {
	padding:14px 0 14px 20px;
	border-bottom:1px solid #dcdcdc;
	vertical-align:top;
	background:#f9f9f9;
	text-align:left;
	color:#444;
	font-weight:400;
	font-size:15px;
}
.info-type table th.required {  }
.info-type table th span {
	display:block;
	font-weight:normal;
	font-size:13px;
	color:#777;
}
.info-type table td {
	padding:14px 20px 14px 20px;
	border-bottom:1px solid #dcdcdc;
	vertical-align:top;
	color:#333;
	font-weight:400;
	font-size:15px;
}
.info-type table th.ac,
.info-type table td.ac,
.info-type table tr.ac th,
.info-type table tr.ac td {
	padding:14px 0;
	text-align:center;
}
.info-type table tr.ac th.al {
	padding-left:20px;
	text-align:left;
}
.info-type table tr.strong td {
	font-weight:600;
	font-size:15px;
	color:#333;
}
.info-type table td a:hover,
.info-type table td a em {
	text-decoration:underline;
}
.info-type table + table { margin-top:10px; }
.info-type table th strong { font-size:15px;font-weight:600; }
.info-type table tbody + tbody tr:first-child th,
.info-type table tbody + tbody tr:first-child td { border-top:2px solid #ccc; }

.info-type.print tbody td { border-left:1px solid #ddd; }
.info-type.print tbody td:first-child { border-left:0; }
.info-type.print th[rowspan],
.info-type.print td[rowspan]{
	padding-left:0;
	text-align:center;
	vertical-align:middle;
	border-right:1px solid #ddd;
}
.info-type.print td[rowspan]:last-child { border-right:0; }
.info-type.print th + th,
.info-type.print td + th,
.info-type.print td + th[rowspan] { border-left:1px solid #ddd; }

.accordion .info-type tbody td,
.accordion .info-type tbody td.ac {
	padding:8px 8px;
	font-size:0.923em;
}

/* table : list-type */
.btn-cont + .list-type {
    margin-top:20px;
}
.list-type .select-cont + .btn-cont {
	margin-top:-51px;
	margin-bottom:15px;
}
h3 + .list-type .btn-cont:first-child,
h4 + .list-type .btn-cont:first-child {
	margin-top:-46px;
	margin-bottom:10px;
}
.inquiry-box + .list-type { margin-top:50px; }
.list-type {
	position:relative;
	clear:both;
}
.list-type .btn {
    min-width:100px;
    box-sizing:border-box;
}
.list-type .btn.spot {
    background:#999;
}
.list-type + p {
	margin-top:15px;
	font-size:15px;
	font-weight:400;
}
.list-type .more {
	float:right;
	height:20px;
	margin-top:-38px;
	margin-bottom:15px;
	padding-left:24px;
	color:#333;
	font-weight:600;
	font-size:15px;
	background:url("../../images/user/main/more.gif") 0 center no-repeat;
}
.list-type table {
	clear:both;
	border-top:2px solid #2e2e2e;
	border-bottom:1px solid #dcdcdc;
}
.list-type table + table { margin-top:-1px; }
.list-type table thead th {
	vertical-align:top;
	color:#555;
	height:20px;
	padding:15px 0;
	line-height:20px;
	background-color:#f9f9f9;
	border-bottom:1px solid #d9d9d9;
	font-size:15px;
	font-weight:normal;
}
.list-type table thead th.left {
	padding-left:30px;
	text-align:left;
	font-size:15px;
}
.list-type table thead th span {
	display:block;
	line-height:1.623em;
	font-weight:normal;
	font-size:0.857em
}
.list-type table tbody th,
.list-type table tbody td {
	padding:10px;
	min-height:32px;
	*height:auto;
	border-bottom:1px solid #dcdcdc;
	vertical-align:middle;
	color:#000;
}
.list-type table tbody th {
	vertical-align:top;
	color:#555;
	font-size:15px;
}
.list-type table tbody td {
	text-align:center;
	color:#000;
	vertical-align:middle;
	padding-left:2px;
	padding-right:2px;
	font-size:15px;
	line-height:28px;
}
.list-type table tbody td a:hover em {
	text-decoration:underline;
}
.list-type table tbody tr:hover th,
.list-type table tbody tr:hover td{
	background-color:#fcfcfc;
}
.list-type table th {
	background:#f9f9f9
}
.list-type table tbody tr:hover th {
	background:#f1f1f1;
}
.list-type.no-hover table tbody tr:hover td {
	background-color:transparent;
}
.list-type.no-hover table tbody th,
.list-type.no-hover table tbody td {
	padding-top:12px;
	padding-bottom:12px;
}
.list-type table tbody td.al a {
	display:block;
	max-width:100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.list-type table tbody td.al .book-thumb {
	vertical-align:middle;
}
.list-type table tbody td.al .book-thumb + a  {
	display:inline-block;
	vertical-align:middle;
	font-size:1.143em;
	font-weight:400;
	margin-left:40px;
	max-width:calc(100% - 150px);
	white-space:normal;
}
.list-type table a.big {
	font-size:1.231em;
	font-weight:500;
}
.list-type table tbody td.al a.mod {
	display:inline-block;
	*zoom:1;
	*display:inline;
	vertical-align:middle;
	padding-left:12px;
	margin-left:15px;
	font-size:0.923em;
	background:url('../../images/user/common/ico_pen.gif') 0 center no-repeat;
	color:#0077ce;
	text-decoration:underline;
}
.list-type table tbody td a:hover {
	text-decoration:underline;
}
.list-type table tbody td a.btn2:hover,
.list-type table tbody td a.btn3:hover,
.list-type table tbody td a.btn4:hover {
	text-decoration:none
}
.list-type table tbody td.period p span {
	display:inline-block;
	*zoom:1;
	*display:inline;
	width:43px;
	margin-right:5px;
	text-align:left;
	background:url("../../images/user/common/bar.gif") right center no-repeat;
}
.list-type.borderd thead th + th,
.list-type.borderd tbody td + td {
	border-left:1px solid #ddd;
}
.list-type.borderd tbody tr:nth-child(even) td {
	border-top:1px dashed #dcdcdc;
}
.list-type table td em.darkgray {
    font-size:17px;
    font-weight:400;
}
.list-type table tfoot td {
	border-top:1px solid #777;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	font-size:15px;
}
.list-type table tfoot td.ar {
	text-align:right;
}
.list-type table tfoot .sum td {
	background:#003a79;
	border-top:1px solid #003a79;
	vertical-align:middle;
	height:49px;
	text-align:center;
	color:#fff;
	font-size:1.231em;
}
.list-type table tfoot td strong {
	font-size:1.286em;
}
.list-type.detail th,
.list-type.detail td {
	text-align:left;
	display:block;
}
.list-type.detail thead th {
	padding:10px 30px;
}
.list-type.detail tbody td {
	padding:20px 30px 20px;
	font-size:15px;
}
.list-type.detail tbody td .list-tit {
	display:block;
	font-size:22px;
	line-height:1.6em;
	font-weight:400;
	margin-bottom:15px;
	max-width:100%;
	color:#000;
}
.list-type table td ul {
	margin:10px 0;
}
.list-type table td li {
	padding-left:22px;
	position:relative;
}
.list-type table td li:before {
	content:"";
	width:12px;
	height:1px;
	background:#333;
	position:absolute;
	left:0;
	top:50%;
}
.list-type table td.al p.gray {
    font-size:14px;
}
.list-type table td.al p.gray strong {
    font-weight:400;
    display:block;
    font-size:16px;
    color:#333;
}
.list-type.detail tbody td .list-tit span + span {
	margin-left:10px;
	padding-left:13px;
	display:inline-block;
	background:url("../../images/user/common/bar.gif") 0 center no-repeat;
}
.list-type.detail tbody td .list-tit span:nth-child(3) ,
.list-type.detail tbody td .list-tit span:nth-child(4) { font-size:0.833em; }
.list-type.detail tbody td p {
	line-height:1.714em;
}
.list-type.detail tbody td p.short {
	height:3.429em;
	overflow:hidden;
}
.list-type.detail tbody td a.list-tit:hover {
	text-decoration:underline;
	border-bottom:0;
}
.list-type.detail tbody td a.list-tit:hover em {
	text-decoration:underline;
}
.list-type.detail tbody td a.list-tit ~ p {
	height:3.5em;
	overflow:hidden;
	margin-bottom:8px;
}
.list-type.detail tbody td p {
	line-height:22px;
}
.list-type.detail tbody td a.list-tit ~ .info-detail ,
.list-type.detail tbody td .info-detail {
	height:auto;
	padding:0;
	margin-bottom:8px;
}
.list-type.detail tbody td .info-detail span {
	color:#555;
	font-size:15px;
	font-weight:400;
}
.list-type.detail tbody td .info-detail cite {
	color:#999;
	font-size:15px;
}
.list-type.detail table tbody tr:hover td {
	background-color:transparent;
}
.list-type.photo tbody td {
	position:relative;
	padding-left:325px;
	min-height:168px;
}
.list-type.photo .pic-cont {
	position:absolute;
	overflow:hidden;
	top:30px;
	left:30px;
	width:266px;
}
.list-type.photo .pic-cont a {
	display:block;
	width:266px;
	height:149px;
	overflow:hidden;
}
.list-type.photo .pic-cont img {
	display:block;
	margin:0;
	width:100%;
}
/* .list-type.photo .pic-cont:after {
	content:"";
	position:absolute;
	left:50%;
	margin-left:-26px;
	top:50%;
	margin-top:-26px;
	background:url('../../images/user/common/btn_play.png') 0 0 no-repeat;
	width:55px;
	height:55px;
	overflow:hidden;
	text-indent:-999px;
} */
.run-time {
	position:relative;
	display:inline-block;
	*zoom:1;
	*display:inline;
	margin-left:10px;
	background:#003a79;
	color:#fff;
	padding:0 9px;
	font-size:14px;
	line-height:1.8em;
	vertical-align:middle;
	letter-spacing:0;
	top:-3px;
}
.list-type td.al {
	text-align:left;
	padding-left:20px;
}
.list-type td.ar {
	text-align:right;
	padding-right:20px;
}
.list-type tbody.group th,
.list-type tbody.group td {
	border-bottom:0;
}
.list-type tbody.group + tbody.group th,
.list-type tbody.group + tbody.group td {
	border-top:1px solid #dcdcdc;
}

/* data-detail */
.data-detail {
	background:#f9f9f9;
	height:36px;
	line-height:36px;
	font-weight:400;
	padding:0 20px;
	text-align:left;
}
.data-detail dt {
	display:inline-block;
	color:#777;
}
.data-detail dt:after {
	content:":";
	color:#777;
	display:inline-block;
	margin:0 8px;
}
.data-detail dd {
	display:inline-block;
	color:#000;
}
.data-detail dd + dt { margin-left:30px; }

.secret {
	position:absolute;
	margin-left:5px;
	width:12px;
	height:20px;
	vertical-align:middle;
	overflow:hidden;
	text-indent:-999px;
	background:url('../../images/user/common/ico_secret.png') 0 center no-repeat;
}
.secret + a { padding-left:30px; }

.txt-list .list-type { margin-top:10px; }
.list-type1 + .list-type { margin-top:10px; }

.comment {
	display:block;
	margin-top:15px;
	line-height:24px;
	margin-bottom:10px;
	color:#0c69d0;
	font-weight:400;
}
.comment2 {
	position:relative;
	display:block;
	margin-top:15px;
	margin-bottom:10px;
	color:#009d8c;
	font-weight:400;
	padding-left:20px;
}
.comment2:before {
	content:"※";
	position:absolute;
	top:0;
	left:0;
}
strong.comment {
	display:block;
	margin-top:36px;
	margin-bottom:10px;
	color:#0c77ca;
	font-size:15px;
	line-height:1.714em;
	font-weight:400;
}

.printpage h1 {
	text-align:center;
	margin-bottom:30px;
}

.txt { font-size:15px; }
.info-type + .txt { margin-top:10px; }
.txt + .info-type { margin-top:10px; }
/*.txt-confirm {
	margin:20px 0;
	font-size:1.231em;
	font-weight:600;
	line-height:1.8em;
}*/
cite.company {
	margin-top:40px;
	display:block;
	text-align:center;
	font-size:2.2em;
	font-weight:600;
}

/* list */
.list-type1 li {
	font-size:15px;
	padding-left:15px;
	position:relative;
}
.list-type1 li + li {
	margin-top:6px;
}
.list-type1 li:before {
	content:"";
	position:absolute;
	width:4px;
	height:4px;
	background:#c9c9c9;
	left:0;
	top:8px;
}
td .list-type1 {
	line-height:22px;
}

/* table : search-type */
.search-type {
	border-top:2px solid #999999;
	border-bottom:1px solid #ccc;
	padding:7px 0;margin:20px 0;
}
.search-type table th {
	padding:3px 10px;
	line-height:30px;
	text-align:left;
	vertical-align:top;
}
.search-type table td {
	padding:3px 10px;
	vertical-align:middle;
	line-height:30px;
	color:#666;
}
.search-type table td input + span {
	margin-left:5px;
}
.search-type + .btn-cont {
	margin-top:-10px;
}

/* write-type */
.write-type { clear:both; }
.write-type > cite {
	display:block;
	font-size:15px;
	margin:10px 0;
	font-weight:600;
}
.write-type table {
	border-top:2px solid #2e2e2e;
}
.write-type table th,
.write-type table td {
	font-size:15px;
	text-align:left;
}
.write-type table thead th {
	background-color:#f5f5f5;
	border-bottom:1px solid #dcdcdc;
	border-top:1px solid #dcdcdc;
}
.write-type table th {
	padding:15px 30px 15px 20px;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	vertical-align:top;
	background:#f9f9f9;
	background-clip: padding-box;
	line-height:24px;
	color:#444;
	font-weight:400;
}
.write-type table th {
    position:relative;
}
.write-type table th.required {
	padding-right:35px;
}
.write-type table th.required:after {
    content:"";
    position:absolute;
    top:20px;
    right:10px;
    background:url("../../images/user/common/star.svg") left -10px no-repeat;
    width:10px;
    height:10px;
    background-size:auto 20px;
}
.write-type table th span {
	display:block;
	font-weight:normal;
	font-size:13px;
	color:#777;
}
.write-type table td {
	padding:8px 20px 8px 20px;
	border-bottom:1px solid #dcdcdc;
	vertical-align:top;
	color:#666;
	line-height:38px;
}
.write-type table td span.gray {
    font-size:14px;
}
.write-type table td .btn2.spot2 {
	/*background:#f5f5f5;
	color:#000;*/
}
.write-type table th.ac,
.write-type table td.ac,
.write-type table tr.ac th,
.write-type table tr.ac td {
	padding:14px 0;
	text-align:center;
}
.write-type table tr.ac th.al {
	padding-left:20px;
	text-align:left;
}
.write-type table tr.strong td {
	font-weight:600;
	font-size:15px;
	color:#333;
}
.write-type table td input[type="text"],
.write-type table td input[type="password"]  { width:200px; height:36px; line-height:36px;}
.write-type table td input.q0  { width:100px }
.write-type table td input.q1  { width:25% }
.write-type table td input.q2  { width:50% }
.write-type table td input.q3  { width:75% }
.write-type table td input.q4  { width:100% }
.write-type table td .btn-find ~ .q4,
.write-type table td .btn-find ~ .q3,
.write-type table td input.q4  ~ .q4 {
    display:block;
    margin-top:5px;
}
.write-type table td br ~ input[type="text"] { margin-top:6px; }
.write-type table td input + span { margin-left:15px;color:#999; }
.write-type table td a + span { margin-left:15px;color:#999; }
.write-type table td label {
	display:inline-block;
	min-width:0;
	box-sizing:border-box;
	font-size:15px;
	color:#555;
	margin-right:20px;
}
.write-type table td label.ui-checkboxradio-label + .ui-checkboxradio-label {
    margin-left:0;
}
.write-type table td label + cite {
	display:inline-block;
	width:180px;
	color:#000;
	font-weight:400;
}
.write-type table td cite + label,
.write-type table td input[type="text"] + label{ margin-left:60px }
.write-type table td input[type="password"] + label{ margin-left:60px }
.write-type table td p { line-height:24px; }
.write-type table td label + input.q3 { width:69.3%; }
.write-type table td.join-txt {
	text-align:center;
	padding:35px 20px;
}
.write-type table td.join-txt > p {
	color:#000;
	font-weight:400;
	margin-bottom:20px;
}
.write-type table td.join-txt img { vertical-align:middle; }
.write-type table td.join-txt > span { color:#000;margin-left:10px;vertical-align:middle;font-weight:400;font-size:18px; }
.write-type table td .btn-find,
.write-type table td .btn {
    display:inline-block;
    margin-left:5px;
    min-width:100px;
    background:#f2f2f2;
    border:1px solid #d9d9d9;
    text-align:center;
    font-size:14px;
    box-sizing:border-box;
    padding:0 19px;
    height:36px;
    line-height:34px;
    vertical-align:top;
}
.write-type table td .btn-find {
    padding:0;
}
.write-type table td strong.darkgray {
    font-size:18px;
    font-weight:400;
}
/*.join-txt .sign {
	text-align:left;
	margin:30px 0;
	padding-left:560px;
}
.join-txt .sign li {
	white-space:nowrap;
}
.join-txt .sign li + li { margin-top:8px; }
.join-txt .sign li cite {
	color:#333;
	display:inline-block;
	width:65px;
}
.join-txt .sign li input[type="text"] {
	width:120px;
}
.join-txt .sign li span {
	color:#999 !important;
	margin-left:5px;
	font-size:15px;
}
.join-txt .sign li strong { font-weight:400;color:#000;display:inline-block;width:120px; }*/

.mobile-change { margin-top:10px;padding-top:10px;border-top:1px dotted #ccc; }

.write-type.application { border-top:1px solid #003a79; }
.write-type.application > strong {
	display:block;
	text-align:center;
	padding:60px 0 40px 0;
	font-size:28px;
	font-weight:700;
}
.write-type.application > span { margin-bottom:10px;color:#555; }
.write-type.application table {	clear:both; }
.write-type.application table tbody th { background:#fff;color:#777; }
.write-type.application table tbody th[rowspan],
.write-type.application table tbody th.bg {
	background:#f9f9f9;
	color:#333;
	font-weight:500;
	text-align:center;
}
.write-type.application .division { float:left;width:50%;box-sizing:border-box;padding:10px 20px;margin:-10px 0; }
.write-type.application .division:first-child { padding-left:0; }
.write-type.application .division:last-child { padding-right:0; }
.write-type.application .division + .division { border-left:1px solid #dcdcdc; }

/* table : view-type */
.view-type,
.inquiry-view {
	border-bottom:1px solid #d9d9d9;
}
.tabs + * { margin-top:40px; }
.tabs + .view-type { margin-top:50px; }
.view-type,
.inquiry-view { clear:both;}
.inquiry-view {
     border-top:2px solid #2e2e2e;
}
.view-type img { max-width : 100% }
.view-type thead th,
.inquiry-view thead th {
	padding:10px 0 15px;
	line-height:24px;
	font-size:15px;
	border-bottom:1px solid #dcdcdc;
	text-align:left;
	vertical-align:top;
    font-weight:300;
    color:#555;
}
.inquiry-view thead th {
    padding:20px;
}
.view-type thead td,
.inquiry-view thead td {
	padding:13px 30px;
	line-height:24px;
	vertical-align:top;color:#444;
	font-size:15px;
}
.view-type thead h4,
.inquiry-view thead h4 {
    display:block;
    font-size:30px;
    font-weight:400;
    margin-bottom:13px;
}
.inquiry-view thead h4 {
    font-size:20px;
}
.view-type thead cite,
.inquiry-view thead cite {
    display:inline-block;
	*zoom:1;
	*display:inline;
    padding-right:15px;
	margin-right:15px;
    line-height:1em;
    border-right:1px solid #d9d9d9;
    font-weight:400;
    color:#333;
	background:url('../../images/user/common/bar.gif') right center no-repeat;
}
.inquiry-view thead .finish {
    display:inline-block;
    border:1px solid #d9d9d9;
    padding:0 22px;
    height:29px;
    line-height:29px;
    font-size:14px;
    color:#555;
    margin-left:20px;
    margin-bottom:-10px;
}
.view-type thead td a,
.inquiry-view 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 #003a79; }
.view-type tfoot td cite {
	display:inline-block;
	*zoom:1;
	*display:inline;
	font-weight:500;
	margin-right:20px;
	background:url('../../images/user/common/bar.gif') right center no-repeat;
}
.view-type tfoot td cite:after {
	content:"";
	width:1px;
	height:13px;
	display:inline-block;
	background:#ddd;
	margin-left:25px;
	vertical-align:middle;
}
.view-type tfoot td .date {
	color:#777;
	display:inline-block;
	vertical-align:middle;
	margin-right:25px;
}
.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,
.inquiry-view tbody td {
	padding:40px 0 40px;
	border-top:1px solid #d9d9d9;
	font-size:15px;
	line-height:1.9em;
}
.inquiry-view tbody td {
    padding:25px 20px;
    line-height:1.6em;
}
.inquiry-view tbody + tbody td {
    border-top:1px solid #2e2e2e;
}
.inquiry-view tbody cite {
    display:block;
    margin-bottom:18px;
    font-size:17px;
    color:#b83826;
}
.view-type tbody td em {
	color:inherit;
	font-style:italic;
}
.view-type tbody td span {
	color:inherit;
}
.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;
}

/* opinion */
.opinion { margin-top:60px; }
.opinion h3 {border-bottom:1px solid #666; padding-bottom:15px; margin-bottom:20px;}
.opinion .btn-opinion-toggle {position:relative;display:inline-block; font-size:17px; font-weight:400;padding-right:45px;}
.opinion .btn-opinion-toggle:before,
.opinion .btn-opinion-toggle:after {
    content:"";
    position:absolute;
    top:3px;
    right:5px;
    width:2px;
    height:15px;
    background:#a3a3a3;
    transition:all 0.5s;
   	-webkit-transform:rotate(135deg);
	-moz-transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	transform:rotate(135deg);
}
.opinion .btn-opinion-toggle:after {
    right:15px;
    -webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-135deg);
}
.opinion .btn-opinion-toggle.active:before {
    -webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
.opinion .btn-opinion-toggle.active:after {
    right:15px;
    -webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.opinion .opinion-list { margin-top:35px;}
.opinion .opinion-list li { border-bottom:1px dashed #d7d7d7;position:relative; padding-bottom:25px;margin-bottom:25px;}
.opinion .opinion-list li cite {position:relative; margin-right:10px; padding-right:15px; color:#333;font-weight:400;}
.opinion .opinion-list li cite:after {
    content:"";
    position:absolute;
    top:5px;
    right:0;
    width:1px;
    height:13px;
    background:#d9d9d9;
}
.opinion .opinion-list li time { color:#777;}
.opinion .opinion-list li p { margin-top:10px; }
.opinion .opinion-list li a.delete {
	position:relative;
	display:inline-block;
	width:15px;height:15px;
	margin-left:17px;
	vertical-align:middle;
    top:-2px;
}
.opinion .opinion-list li a.delete:before,
.opinion .opinion-list li a.delete:after {
    content:"";
    position:absolute;
    top:-1px;
    right:6px;
    width:2px;
    height:16px;
    background:#666;
    -webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
.opinion .opinion-list li a.delete:after {
    -webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.opinion .opinion-write {}
.opinion .opinion-write label { font-size:1px; height:1px; width:1px; text-indent:-9999px; position:absolute; top:-9999px; color:#fff; }
.opinion .opinion-write div { position:relative;background:#fff;border:1px solid #cfcfcf;padding:12px 20px;height:90px;box-sizing:border-box; }
.opinion .opinion-write span { font-size:13px;color:#555; }
.opinion .opinion-write span em { color:#999;font-weight:bold; font-weight:300;}
.opinion .opinion-write a.btn2 { position:absolute;right:-1px;top:-1px;width:90px;height:90px;line-height:90px;background:#2e2e2e;color:#fff;font-size:15px;padding:0; }
.opinion .opinion-write div textarea { display:block; width:100%; padding:0; padding-right:100px;border:0; overflow:hidden;resize:none;box-sizing:border-box;}
.opinion .opinion-eval { background:#f4f4f4;padding:5px; }
.opinion .opinion-eval dl { background:#fff;padding:17px 20px; }
.opinion .opinion-eval dt { font-size:15px;font-size:1.5rem;font-weight:bold; }
.opinion .opinion-eval dd { padding-left:90px; }
.opinion .opinion-eval dt + dd { margin-top:-25px; }
.opinion .opinion-eval dd + dt { margin-top:15px; }
.opinion .opinion-eval dd label { display:inline-block;font-size:13px;font-size:1.3rem;font-weight:normal; }
.list-more { display:block;margin-top:-1px; }
.list-more span { display:inline-block;*zoom:1;*display:inline;padding-right:25px;background:url('../../images/user/common/arr.png') right center no-repeat; }

.opinion .reple	{ margin:20px 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 2px no-repeat;cursor:pointer;text-decoration:underline;color:#555; }

.list-more {
	display:block;
	margin-top:-1px;
	text-align:center;
	padding:20px;
}
.list-more span {
	display:inline-block;
	zoom:1;
	*display:inline;
	padding-right:25px;
	background:url('../../images/user/common/arr.png') right center no-repeat;
}
.list-more.list-loading span {
	background:url('../../images/user/common/list_loading.gif') right center no-repeat;
}
.list-more:hover {
	color:#003a79;
}

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

/* -----------------------
	LAYOUT
 ----------------------- */
.wrap {
    width:1100px;
	/*max-width:1098px;
	min-width:280px;*/
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
.site-mn .wrap {
	max-width:1098px;
}
/* -----------------------
	SITE-HEADER
 ----------------------- */
/* header-quick */
.header-quick {
	position:absolute;
	left:50%;
	margin-left:-549px;
	top:4px;
	font-size:0;
	line-height:0;
}
.header-quick li {
	display:inline-block;
	overflow:hidden;
	border:1px solid #ccc;
	box-sizing:border-box;
	width:62px;
	height:62px;
	border-radius:50%;
}
.header-quick li + li {
	margin-left:10px;
}
.header-quick li a {
	display:block;
	position:relative;
	padding:14px;
	width:60px;
	height:60px;
	box-sizing:border-box;
	color:#fff;
	text-align:center;
	font-size:14px;
	line-height:16px;
	background:rgba(0,0,0,.6);
	opacity:0;
	-webkit-transition:opacity .3s;
	-moz-transition:opacity .3s;
	transition:opacity .3s;
}
.header-quick li { background:url('../../images/user/main/ico_chart.png') center center no-repeat; }
.header-quick li + li { background:url('../../images/user/main/ico_chart2.png') center center no-repeat; }
.header-quick li:hover { border:1px solid #555; }
.header-quick li a:hover {
	opacity:1;
}
/* util */
.site-header {
    width:1100px;
	/* min-width:1098px; */
	position:relative;
}
.site-header .util {
	position:absolute;
	top:20px;
	right:50%;
	margin-right:-549px;
}
.site-header .util a.m-login {
	display:none;
}
.site-header .util ul > li {
	display:inline-block;
	*zoom:1;
	*display:inline;
	vertical-align:top;
	font-size:15px;
	padding-top:4px;
	margin-left:20px;
}
.site-header .util ul > li > a {
	display:inline-block;
	color:#747577;
	height:16px;
	line-height:16px;
	font-weight:400;
}
.site-header .util ul > li > a:hover { text-decoration:underline; }
.site-header .util ul li.special a {
    color: #b83826;
}

/* logo */
.site-header {
	height:70px;
	width:1098px;
/* 	overflow:hidden; */
	margin:0 auto;
	padding-top:8px;
	padding-bottom:8px;
	box-sizing:border-box;
}
.site-header h1 {
    letter-spacing: -0.05em;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
    margin-top: 5px;
}
.site-header h1 a {
	box-sizing:border-box;
	width:174px;
	height:48px;
	text-indent:-999px;
	overflow:hidden;
}
.site-header .left{
    letter-spacing: -0.05em;
    overflow: hidden;
    margin: 0 auto;
    text-align: left;
    margin-top: 5px;
}

/* site-gnb */
nav {
	height:53px;
	background:#fff;
	border-top:1px solid #e6e6e6;
    border-bottom:1px solid #d9d9d9;
	position:relative;
}
nav .wrap { height:53px; }
.site-gnb {
	height:53px;
	width:100%;
	padding-right:140px;
	box-sizing:border-box;
}
.site-gnb > li {
	float:left;
	/* position:relative; */
	/*text-align:center;*/

}
.site-gnb > li > a {
	display:block;
	line-height:53px;
	font-weight:400;
	font-size:20px;
	color:#2a2a2b;
	text-align: center;
/* 	padding-left:20px; */
}
.site-gnb > li.rootCurrent > a,
.site-gnb > li > a:hover,
.site-gnb > li > a:focus { color:#b83826; }
.site-gnb > li:hover > a:after,
.site-gnb > li > a:focus:after {
	position:absolute;
	content:'';
	bottom:0px;
	left:15px;
	right:15px;
	height:2px;
	background:#b83826;
	z-index:909;
}
nav .toggle-gnb {
	position:absolute;
	text-align:left;
	top:16px;
	right:50%;
	margin-right:-480px;
	width:25px;
	height:21px;
}
nav .toggle-gnb span,
nav .toggle-gnb:before,
nav .toggle-gnb:after {
	position:absolute;
	width:25px;
	height:2px;
	border-radius:1px;
	background:#666666;
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	transform:rotate(0deg);
	-webkit-transition:all .5s;
	transition:all .5s;
	left:0;
}
nav .toggle-gnb span {
	top:9px;
	text-indent:-9999px;
	overflow:hidden;
	opacity:1;
}
nav .toggle-gnb:before {
	content:"";
	top:0px;
}
nav .toggle-gnb:after {
	content:"";
	bottom:0px;
}
nav .toggle-gnb.on span {
	opacity:0;
}
nav .toggle-gnb.on:before {
	top:10px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
nav .toggle-gnb.on:after {
	bottom:9px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
nav .toggle-sch {
	position:absolute;
	text-align:left;
	top:14px;
	right:50%;
	margin-right:-550px;
	width:27px;
	height:24px;
}
nav .toggle-sch span {
	overflow:hidden;
	display:block;
	text-indent:-9999px;
}
nav .toggle-sch:before {
	content:"";
	position:absolute;
	width:20px;
	height:20px;
	border-radius:50%;
	border:2px solid #666666;
	-webkit-transition:all .5s;
	transition:all .5s;
	left:0;
	top:0;
}
nav .toggle-sch:after {
	content:"";
	position:absolute;
	width:8px;
	height:2px;
	border-radius:1px;
	background:#666666;
	transform:rotate(45deg);
	bottom:0;
	right:0;
}
nav .toggle-gnb + .bar {
	position:absolute;
	top:15px;
	width:1px;
	height:24px;
	background:#ccc;
	right:50%;
	margin-right:-505px;
}

nav .snb-area {
	position:absolute;
	z-index:9992;
	top:54px;
	left:0;
	width:100%;
	height:250px;
	background:#ffffff;
	border-bottom:1px solid #003a79;
	box-shadow:0 5px 10px rgba(0,0,0,.1);
}
nav .snb-area strong {
	/* width:1098px;
	min-width:320px;
	margin:0 auto;
	display:block;
	box-sizing:border-box;
	padding-top:37px;
	padding-left:0px;
	line-height:21px;
	font-size:1.538em;
	font-weight:400; */
	display:none;
}
nav .snb-area .snb-close {
	position:absolute;
	top:37px;
	right:50%;
	margin-right:-500px;
	width:25px;
	height:25px;
	overflow:hidden;
	text-indent:-999px;
}

/* gsch */
.gsch {
	position:fixed;
	width:100%;
	height:100%;
	background:rgba(37,37,39,.8);
	z-index:9999;
	top:0;
	left:0;
}
.gsch-wrap {
	position:absolute;
	top:30%;
	left:50%;
	width:400px;
	margin-left:-200px;
	text-align:center;
}
.gsch-wrap .ipt-sch {
	box-sizing:border-box;
	width:100%;
	height:60px;
	padding-left:10px;
	padding-right:60px;
	border:2px solid #fff;
	background:rgba(255,255,255,.2);
	color:#fff;
	font-size:18px;
	font-weight:400;
}
.gsch-wrap .btn-sch {
	position:absolute;
	text-align:left;
	top:0;
	right:0;
	width:27px;
	height:24px;
	text-indent:-999px;
	width:50px;
	height:60px;
}
.gsch-wrap .btn-sch:before {
	content:"";
	position:absolute;
	width:20px;
	height:20px;
	border-radius:50%;
	border:2px solid #fff;
	-webkit-transition:all .5s;
	transition:all .5s;
	right:18px;
	top:17px;
}
.gsch-wrap .btn-sch:after {
	content:"";
	position:absolute;
	width:9px;
	height:2px;
	border-radius:1px;
	background:#fff;
	transform:rotate(45deg);
	bottom:18px;
	right:15px;
}
.ui-autocomplete.ui-widget-content.gsch-autocomplete {
	background:rgba(255,255,255,.1);
	position:fixed !important;
}
.ui-autocomplete.ui-widget-content.gsch-autocomplete .ui-menu-item { color:#fff; }
.ui-autocomplete.ui-widget-content.gsch-autocomplete .ui-menu-item.ui-state-focus { background:rgba(0,0,0,.2); }

/* snb */
.site-gnb div {
	position:absolute;
	box-sizing:border-box;
	width:auto;
	z-index:9999;
	top:53px;
	left:20px;
	margin:15px 0;
	text-align:left;
	font-size:0;
	line-height:0;
}
/*.site-gnb li:first-child div {margin-left:-600px; }
.site-gnb li:nth-child(2) div { margin-left:-420px; }
.site-gnb li:nth-child(3) div { margin-left:-250px; }
.site-gnb li:nth-child(4) div { margin-left:-80px; }
.site-gnb li:nth-child(5) div { margin-left:90px; }
.site-gnb li:nth-child(6) div { margin-left:260px; }*/

.site-gnb h2 {
	font-size:1.308em;
	font-weight:400;
	margin-bottom:10px;
	display:none;
}
.site-gnb ul {  }
.site-gnb ul li a {
	display:block;
	color:#000;
	font-size:15px;
	line-height:22px;
	text-align:left;
	font-weight:400;
	white-space:nowrap;
	position:relative;
}
.site-gnb ul li + li {
	margin-top:12px;
}
.site-gnb ul li a:hover,
.site-gnb ul li a:focus { color:#b83826; }

.site-gnb div.active {
	margin:0;
	padding:15px 25px 15px 25px;
	border-left:0;
	background:#fff;
	text-align:left;
	opacity:0;
	height:auto;
	/*width:160px;*/
	box-sizing:border-box;
	min-width:100%;
	left:0;
	/*margin-left:-80px !important;*/
	border: 2px solid #e6e6e6;
}
.site-gnb li:first-child div.active {
	border-left:2px solid #e6e6e6;
}
.site-gnb div.active ul {
}
.site-gnb div.active h2 {
	background:#fff;
	color:#fff;
    font-size: 20px;
	line-height:1px;
	height:0;
	border-top:2px solid #b83826;
	margin:-2px 0px 10px 0;
	padding:0 15px;
	display:inline-block;
	white-space:nowrap;
	overflow:hidden;
	display:none;
}

.site-gnb .active ul li a {
	white-space:nowrap;
}

/* stie-body */
.site-body {
	position:relative;
    width:1100px;
	margin-left:auto;
	margin-right:auto;
	min-width:320px;
	padding-bottom:100px;
}
.site-mn .site-body {
	padding-bottom:0px;
    width:auto;
}
.site-body .site-contents,
.site-body .site-tit,
.site-body .site-lnb-bar,
.site-body .site-tit-st, {
    /*max-width:1100px;*/
    width:1100px;
	margin-left:auto;
	margin-right:auto;
	box-sizing:border-box;
}
.site-body .site-contents {
    position:relative;
    padding-top:45px;
	min-height:530px;
}
.site-body .site-tit + .site-contents {
    margin-top:20px;
}
.site-body .site-tit-st + .site-contents {
    margin-top:0;
}
.site-body .site-tit + .site-contents .wtabs{
    margin-top:-45px;
}
.site-body .site-tit-st + .site-contents .wtabs{
    margin-top:-45px;
}
.site-mn .site-body {
	background-color:transparent;
}

/* site-tit */
.site-tit {
    position:relative;
    margin-top:40px;
    text-align:center;
}
.site-tit h2 {
	font-size:34px;
    font-weight:400;
}
.site-tit h2 span {
    display:inline-block;
    margin-right:5px;
    margin-bottom:35px;
    color:#777;
}
.site-tit p {
	color:#003a79;
	font-size:16px;
	font-weight:400;
}

.site-tit-st {
    position:relative;
    margin-top:40px;
    text-align:left;
    /* border-bottom: solid 1px #cbc6c6; */
}
.site-tit-st h2 {
	font-size:40px;
    font-weight:500;
}
.site-tit-st span{
  font-size: 15px;
  font-weight: 400;
  line-height: 54px;
  color: #7f7c7c;
}
.site-tit-st h2 span {
    display:inline-block;
    margin-right:5px;
    margin-bottom:35px;
    color:#777;
}
.site-tit-st p {
	color:#003a79;
	font-size:16px;
	font-weight:400;
}

/* site-lnb*/
.site-lnb {
    margin-top:19px;
	border-top:1px solid #525252;
    border-bottom:1px solid #525252;
    *zoom:1;
}
.site-lnb:after {content:""; display:block; clear:both;}
.site-lnb ul {
    float:left;
    overflow:hidden;
    height:50px;
    line-height:50px;
}
.site-lnb li {
    float:left;
    margin:0 19px;
}
.site-lnb li:first-child {
    margin-left:10px;
}
.site-lnb li a {
    display:block;
    font-size:17px;
    color:#777;
    font-weight:400;
}
.site-lnb li:hover a {
    color:#000;
}
.site-lnb li.current a {
   color:#b83826;
}
.site-lsch {
    float:right;
    padding-right:10px;
    border-left:1px solid #dcdcdc;
    width:240px;
	font-size:0;
	line-height:0;
	margin-top:10px;
}
.site-lsch input {
    margin-right:7px;
    width:210px;
    height:30px;
    line-height:30px;
    border:none;
    vertical-align:middle;
    font-size: 16px;
    color: #928e94;
    font-weight: inherit;
}
.site-lsch input:hover,
.site-lsch input:focus {
    background:none;
}
.site-lsch .btn-lsch {
    position:relative;
    display:inline-block;
    width:22px;
    height:21px;
    text-indent:-9999px;
    vertical-align:middle;
}
.site-lsch .btn-lsch:before {
	content:"";
	position:absolute;
	width:13px;
	height:13px;
	border-radius:50%;
	border:2px solid #666;
	-webkit-transition:all .5s;
	transition:all .5s;
	left:0;
	top:0;
}
.site-lsch .btn-lsch:after {
	content:"";
	position:absolute;
	width:10px;
	height:2px;
	border-radius:1px;
	background:#666;
	transform:rotate(45deg);
	bottom:2px;
	right:0;
}

/* site-location */
.site-location {
    position:absolute;
    padding-top:20px;
	/*background:#fff;*/
}
.site-body > form > .site-location {
	max-width:100%;
}
.site-location > ul {
	width:1100px;
	min-width:320px;
	height:30px;
	overflow:hidden;
	text-align:right;
}
.site-location > ul > li {
    position:relative;
	display:inline-block;
	height:30px;
	text-align:left;
}
.site-location > ul > li + li {
	padding-left:10px;
	margin-left:10px;
}
.site-location > ul > li + li:before,
.site-location > ul > li + li:after {
    content:"";
    position:absolute;
    left:0;
    top:50%;
    margin-top:0;
    width:1px;
    height:10px;
    background:#777;
   -webkit-transform:rotate(-45deg);
   -moz-transform:rotate(-45deg);
   transform:rotate(-50deg);
}
.site-location > ul > li + li:before {
   margin-top:-9px;
}
.site-location > ul > li + li:after {
    margin-top:-3px;
    /*-webkit-transform:rotate(135deg);
    -moz-transform:rotate(45deg);*/
     /*-webkit-transform:rotate(30deg);
   -moz-transform:rotate(-45deg);*/
   transform:rotate(230deg);
}
.site-location > ul > li > a {
	color:#777;
	display:block;
    font-size:15px;
}
.site-location > ul > li > a:hover {
	color:#555;
}
.site-lnb + .site-contents .site-location {
    margin-top:-30px;
}
/* footer */
.site-footer {
	height:200px;
	box-sizing:border-box;
	color:#fff;
	padding-top:50px;
	background:#262525;
}

/* .site-footer .wrap {  */
/* 	background:url("../../images/user/layout/logo_white.svg") right center no-repeat; } */
.site-footer ul {
	margin-bottom:15px;
}
.site-footer li {
	display:inline-block;
}
.site-footer li + li {
	margin-left:15px;
}
.site-footer li + li:before {
	content:"";
	display:inline-block;
	width:1px;
	height:16px;
	position:relative;
	background:#fff;
	margin-right:15px;
	top:2px;
}
.site-footer li a {
	color:#fff;
	font-size:17px;
}
.site-footer p,
.site-footer address { font-size:12px;line-height:1.8em; }

/* -----------------------
	MAIN
 ----------------------- */
.site-mn .site-body {
	max-width:100%;
}
.mn-bnn-top {
	position:relative;
	background-color: #1e293f;
}
.color1{
	background-color: #1d293f;
}
.mn-bnn-top a {
	display:block;
	margin:0 auto;
}
.mn-bnn-top a img {
	display:block;
    margin-left: auto;
    margin-right: auto;
    width: 1097px;
    height: 60px;
}
.mn-bnn-top .bnn-close {
	position:absolute;
	width:38px;
	height:28px;
	bottom:0;
	right:44%;
	margin-right:-435px;
	background:url("../../images/user/main/bnn_close.png") 0 0 no-repeat;
	padding:0;
	border:0;
	cursor:pointer;
	overflow:hidden;
}

.mn-bnn-top .bnn-text {
	position:absolute;
	width:150px;
	height:35px;
	bottom:0;
	right:50%;
	margin-right:-544px;
	padding:0;
	border:0;
	cursor:pointer;
	overflow:hidden;
}

/* main typeA */
.mn-visual {
	position:relative;
    overflow:hidden;
/*     opacity:0; */
}
.mn-visual .bx-wrapper {
	position:relative;
}
.mn-visual .bx-viewport {
	overflow:visible !important;
	width:1098px !important;
	margin:0 auto;
	position:relative;
	height:522px;
}
.mn-visual .bxslider { position:relative;width:1000%; }
.mn-visual .bxslider li {
	height:522px;
	overflow:hidden;
	position:relative;

    float: left;
    list-style: none;
    width: 1098px;
}
.mn-visual .bxslider li a {
	display:block;
	float:left;
	position:relative;
	overflow:hidden;
}
.mn-visual .bxslider li img {
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	top:0;
	left:0;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	transition:all .5s;
}
.mn-visual .bxslider li a:hover img {
	width:110%;
	height:110%;
	top:-5%;
	left:-5%;
}
.mn-visual .bxslider li p {
	position:absolute;
	color:#fff;
	top:50%;
	padding:0 30px;
	width:100%;
	text-align:center;
	box-sizing:border-box;
	font-size:28px;
	margin-top:-1.25em;
    z-index:2;
}
.mn-visual .bxslider li strong {
	font-family:"Nanum Myeongjo";
	display:block;
	font-size:28px;
	line-height:1.250em;
	max-height:2.5em;
	overflow:hidden;
	word-break: keep-all;
}
.mn-visual .bxslider li span {
	display:block;
	font-size:14px;
	line-height:1.250em;
	max-height:2.5em;
	margin-top:10px;
}
.mn-visual .bxslider li.typeA a { width:549px;height:261px; }
.mn-visual .bxslider li.typeB a:nth-child(1) { width:1098px;height:318px; }
.mn-visual .bxslider li.typeB a:nth-child(2),
.mn-visual .bxslider li.typeB a:nth-child(3),
.mn-visual .bxslider li.typeB a:nth-child(4) { width:366px;height:204px; }
.mn-visual .bxslider li.typeC a:nth-child(1) { width:366px;height:522px; }
.mn-visual .bxslider li.typeC a:nth-child(2) { width:366px;height:522px; }
.mn-visual .bxslider li.typeC a:nth-child(3) { width:366px;height:261px; }
.mn-visual .bxslider li.typeC a:nth-child(4) { width:366px;height:261px; }
.mn-visual .bxslider li.typeD a:nth-child(1) { width:366px;height:522px; }
.mn-visual .bxslider li.typeD a:nth-child(2) { width:366px;height:261px; }
.mn-visual .bxslider li.typeD a:nth-child(3) { width:366px;height:261px; position: absolute; top: 261px; right: 366px;}
.mn-visual .bxslider li.typeD a:nth-child(4) { width:366px;height:522px; }

.mn-visual .bxslider li.typeA a:before,
.mn-visual .bxslider li.typeB a:before,
.mn-visual .bxslider li.typeC a:before,
.mn-visual .bxslider li.typeD a:before {
    content:"";
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background-color: #333;
    opacity: .4;
    z-index:1;
}
.mn-visual div.todays-history { width:366px;box-sizing:border-box;height:522px;position:absolute;top:0;right:50%;margin-right:-915px;background:#f1f1f1;text-align:center;padding-top:240px; }

.mn-visual .bx-controller {
	width:100%;
	max-width:1098px;
	text-align:center;
	height:70px;
	z-index:100;
	padding-top:26px;
	box-sizing:border-box;
	margin:0 auto;
	position:relative;
}
.mn-visual .bx-pager {
	display:inline-block;
	height:24px;
	line-height:22px;
	font-size:22px;
	font-family:"Maiandra GD";
}
.mn-visual .bx-pager-link {
	display:block;
	margin:0 10px;
	display:none;
	color:#252527;
}
.mn-visual .bx-pager-link.active {
	display:block;
	display:block;
}
.mn-visual .bx-controller span {
	display:inline-block;
	vertical-align:top;
}

#proprev-sm,
#pronext-sm { display:inline-block;cursor:pointer;width:20px;height:20px;line-height:20px;font-size:20px;opacity:.5; }
#proprev-sm:hover,
#pronext-sm:hover { opacity:1; }
#proprev,
#pronext {
	width:20px;
	height:20px;
	display:inline-block;
}
#proprev a.disabled ,
#pronext a.disabled { opacity:0; }
#proprev a,
#pronext a {
	position:absolute;
	bottom:300px;
	opacity:1;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	background:rgba(255,255,255,.2);
	border-radius:50%;
	width:100px;
	height:100px;
	display:block;
	overflow:hidden;
	text-indent:-999px;
}
#proprev a { left:-50px; }
#pronext a { right:-50px; }
#proprev a:hover,
#pronext a:hover { background:rgba(255,255,255,.4); }
.mn-visual .bx-controller span a:hover {
	background:#fafafa;
}
.mn-visual .bx-controller span a:before {
	content: "";
    position: absolute;
    display: block;
    top: 35px;
    margin-left: 22px;
    width: 30px;
    height: 30px;
    border-top: 1px solid #252527;
    border-right: 1px solid #252527;
}
/* .mn-visual .bx-controller span a:after {
	content: "";
    position: absolute;
    display: block;
    top: 50px;
    margin-left: 8px;
    width: 50px;
    height: 1px;
    border-top: 1px solid #252527;
} */
.mn-visual .bx-controller span a.bx-prev:before { -webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);transform:rotate(-135deg);left:20px; }
.mn-visual .bx-controller span a.bx-next:before { -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);right:40px; }
.mn-visual .bx-controller span a.bx-prev:after { left:16px; }
.mn-visual .bx-controller span a.bx-next:after { right:25px; }

.mn-visual .mn-clip {
	position:absolute;
	right:0;
	bottom:20px;
	font-size: 16px;
}
.mn-visual .mn-clip a {
	display:inline-block;
	height:24px;
	line-height:24px;
	color:#262627;
	font-weight:400;
}
.mn-visual .mn-clip a.weekly {
	padding-left:30px;
	background:url('../../images/user/main/ico_tv.png') 0 center no-repeat;
}
.mn-visual .mn-clip a.continuity {
	margin-left:10px;
}
.mn-visual .mn-clip a.continuity:before {
	content:"";
	display:inline-block;
	margin-right:10px;
	height:14px;
	width:1px;
	background:#262627;
	position:relative;
	top:2px;
}

/* main typeB */
.mn-visualB {
	position:relative;
    overflow:hidden;
	background:url('../../images/user/main/mainB_bg1.jpg') center 0 no-repeat;
	height:552px;
	padding-top:66px;
	box-sizing:border-box;
}
.mn-visualB .bx-wrapper {
	position:relative;
}
.mn-visualB .bx-viewport {
	width:1098px !important;
	margin:0 auto;
}

.mn-visualB .bx-viewport {
	width:1098px !important;
	margin:0 auto;
}
.mn-visualB .bxslider > li {
	font-size:0;
	line-height:0;
}
.mn-visualB .bxslider li > div {
	display:inline-block;
	vertical-align:top;
	width:260px;
	background:#fff;
	position:relative;
}
.mn-visualB .bxslider li > div + div {
	margin-left:19px;
}
.mn-visualB .bxslider li > div p {
	position:absolute;
	text-align:center;
	left:0;
	bottom:0;
	width:260px;
	height:105px;
	padding:15px 8px;
	box-sizing:border-box;
	background:#fff;
}
.mn-visualB .bxslider li > div p span {
	display:block;
	font-size:16px;
	line-height:19px;
	color:#333;
	white-space:nowrap;
}
.mn-visualB .bxslider li > div p strong{
	display:block;
	font-size:20px;
	line-height:23px;
	max-height:46px;
	color:#000;
	margin-top:8px;
}
.mn-visualB .bxslider li img {
	display:block;
	height:376px;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	transition:all .5s;
}
.mn-visualB .bx-controller {
	width:100%;
	max-width:1098px;
	height:46px;
	z-index:100;
	box-sizing:border-box;
	margin:0 auto;
}
.mn-visualB .bx-pager {
	display:inline-block;
	height:30px;
	line-height:30px;
	font-size:26px;
	vertical-align:middle;
}
.mn-visualB .bx-pager-link {
	display:inline-block;
	display:none;
	color:#fff;
	font-weight:bold;
	letter-spacing:-1px;
	vertical-align:top;
}
.mn-visualB .bx-pager-link span {
	font-size:24px;
	margin-left:10px;
	vertical-align:top;
}
.mn-visualB .bx-pager-link.active {
	display:inline-block;
}
.mn-visualB .bx-controller > span {
	width:90px;
	height:90px;
	position:absolute;
	top:50%;
	margin-top:-45px;
	left:50%;
	z-index:999;
}
.mn-visualB .bx-controller > span a {
	display:block;
	overflow:hidden;
	text-indent:-999px;
	width:90px;
	height:90px;
	position:relative;
	border-radius:50%;
	-webkit-transition:background-color .3s;
	-moz-transition:background-color .3s;
	transition:background-color .3s;
}
.mn-visualB .bx-controller > span#proprev { margin-left:-662px;}
.mn-visualB .bx-controller > span#pronext { margin-left:572px;}
.mn-visualB .bx-controller > span a.bx-prev {
	background:url('../../images/user/main/mainB_visual_arr_left.png') 30px center no-repeat rgba(255,255,255,.22);
}
.mn-visualB .bx-controller > span a.bx-next {
	background:url('../../images/user/main/mainB_visual_arr_right.png') 38px center no-repeat rgba(255,255,255,.22);
}
.mn-visualB .bx-controller > span a:hover {
	background-color:rgba(255,255,255,.3);
}
.mn-visualB .bx-controller > span a.disabled { opacity:0; }
.mn-visualB .mn-clip {
	display:inline-block;
	vertical-align:middle;
	margin-left:20px;
}
.mn-visualB .mn-clip a {
	display:inline-block;
	height:27px;
	line-height:27px;
	color:#fff;
	font-weight:400;
	border:1px solid #fff;
	border-radius:14px;
	padding:0 15px;
	-webkit-transition:background-color .3s;
	-moz-transition:background-color .3s;
	transition:background-color .3s;
	background-color:rgba(255,255,255,0);
}
.mn-visualB .mn-clip a:hover {background-color:rgba(255,255,255,.2);}
.mn-visualB .mn-clip a.weekly {	margin-left:10px;}
.mn-visualB .mn-clip a.continuity {}

.mn-visualB .bxslider li > div .exp_area {
	position:absolute;
	background:rgba(0,0,0,.7);
	top:0;
	left:0;
	width:100%;
	height:100%;
	box-sizing:border-box;
	opacity:0;
	-webkit-transition:opacity .3s;
	-moz-transition:opacity .3s;
	transition:opacity .3s;
}
.mn-visualB .bxslider li > div:hover .exp_area {
	opacity:1;
}
.mn-visualB .exp_area a.play {
	background:#cd1800;
	width:72px;
	height:72px;
	border-radius:50%;
	position:absolute;
	top:60px;
	left:50%;
	margin-left:-36px;
	text-indent:-999px;
	overflow:hidden;
}
.mn-visualB .exp_area a.play:after {
	position:absolute;
	content:'';
	width:0;
	height:0;
	border-left:30px solid #fff;
	border-top:17px solid transparent;
	border-bottom:17px solid transparent;
	border-right:0;
	top:20px;
	left:26px;
}
.mn-visualB .exp_area ul {
	position:absolute;
	top:180px;
	left:50%;
	width:90px;
	margin-left:-45px;
}
.mn-visualB .exp_area ul li {
	height:26px;
	box-sizing:border-box;
	border-bottom:2px solid rgba(205,24,0,0);
	-webkit-transition:border-bottom .3s;
	-moz-transition:border-bottom .3s;
	transition:border-bottom .3s;
}
.mn-visualB .exp_area ul li + li { margin-top:9px; }
.mn-visualB .exp_area ul li:hover {
	border-bottom:2px solid rgba(205,24,0,2);
}
.mn-visualB .exp_area ul li a {
	display:block;
	color:#fff;
	font-size:14px;
	line-height:19px;
	padding-left:35px;
	text-align:center;
	position:relative;
}
.mn-visualB .exp_area ul li a i {
	position:absolute;
	display:inline-block;
	width:21px;
	height:21px;
	background:url('../../images/user/main/visualB_exp.png') no-repeat;
	left:0;
	top:0;
}
.mn-visualB .exp_area ul li a i.ico-mobile { background-position:0 0; }
.mn-visualB .exp_area ul li a i.ico-ppt { background-position:0 -35px; }
.mn-visualB .exp_area ul li a i.ico-gift { background-position:0 -69px; }
.mn-visualB .exp_area ul li a i.ico-scrap { background-position:0 -104px; }
.mn-visualB .exp_area ul li a i.ico-info { background-position:0 -137px; }


/* main typeC */
.mn-visualC {
	position:relative;
    overflow:hidden;
	background:url('../../images/user/main/mainC_bg1.jpg') center 0 no-repeat;
	height:617px;
	padding-top:100px;
	box-sizing:border-box;
}
.mn-visualC .bx-wrapper {
	position:relative;
}
.mn-visualC .bx-viewport {
	width:1098px !important;
	margin:0 auto;
}

.mn-visualC .bx-viewport {
	width:1098px !important;
	margin:0 auto;
}
.mn-visualC .bxslider > li {
	font-size:0;
	line-height:0;
}
.mn-visualC .bxslider li > div {
	display:inline-block;
	vertical-align:top;
	width:270px;
	height:317px;
	background:#fff;
	position:relative;
	box-sizing:border-box;
	padding:5px;
}
.mn-visualC .bxslider li > div + div {
	margin-left:6px;
}
.mn-visualC .bxslider li > div p {
	text-align:center;
	height:105px;
	padding:20px 8px;
	box-sizing:border-box;
}
.mn-visualC .bxslider li > div p span {
	display:block;
	font-size:16px;
	line-height:19px;
	color:#333;
	white-space:nowrap;
}
.mn-visualC .bxslider li > div p strong{
	display:block;
	font-size:20px;
	line-height:23px;
	height:46px;
	color:#000;
	margin-top:8px;
}
.mn-visualC .bxslider li > div > a {
	display:block;
}
.mn-visualC .bxslider li img {
	display:block;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	transition:all .5s;
}
.mn-visualC .bx-controller {
	width:100%;
	max-width:1098px;
	height:46px;
	z-index:100;
	box-sizing:border-box;
	margin:0 auto;
}
.mn-visualC .bx-pager {
	display:inline-block;
	height:30px;
	line-height:30px;
	font-size:26px;
	vertical-align:middle;
}
.mn-visualC .bx-pager-link {
	display:inline-block;
	display:none;
	color:#fff;
	font-weight:bold;
	letter-spacing:-1px;
	vertical-align:top;
}
.mn-visualC .bx-pager-link span {
	font-size:24px;
	margin-left:10px;
	vertical-align:top;
}
.mn-visualC .bx-pager-link.active {
	display:inline-block;
}
.mn-visualC .bx-controller > span {
	width:90px;
	height:90px;
	position:absolute;
	top:50%;
	margin-top:-45px;
	left:50%;
	z-index:999;
}
.mn-visualC .bx-controller > span a {
	display:block;
	overflow:hidden;
	text-indent:-999px;
	width:90px;
	height:90px;
	position:relative;
	border-radius:50%;
	-webkit-transition:background-color .3s;
	-moz-transition:background-color .3s;
	transition:background-color .3s;
}
.mn-visualC .bx-controller > span#proprev { margin-left:-662px;}
.mn-visualC .bx-controller > span#pronext { margin-left:572px;}
.mn-visualC .bx-controller > span a.bx-prev {
	background:url('../../images/user/main/mainB_visual_arr_left.png') 30px center no-repeat rgba(0,0,0,.25);
}
.mn-visualC .bx-controller > span a.bx-next {
	background:url('../../images/user/main/mainB_visual_arr_right.png') 38px center no-repeat rgba(0,0,0,.25);
}
.mn-visualC .bx-controller > span a:hover {
	background-color:rgba(0,0,0,.35);
}
.mn-visualC .mn-clip {
	display:inline-block;
	vertical-align:middle;
	margin-left:20px;
}
.mn-visualC .mn-clip a {
	display:inline-block;
	height:27px;
	line-height:27px;
	color:#fff;
	font-weight:400;
	border:1px solid #fff;
	border-radius:14px;
	padding:0 15px;
	-webkit-transition:background-color .3s;
	-moz-transition:background-color .3s;
	transition:background-color .3s;
	background-color:rgba(255,255,255,0);
}
.mn-visualC .mn-clip a:hover {background-color:rgba(255,255,255,.2);}
.mn-visualC .mn-clip a.weekly {	margin-left:10px;}
.mn-visualC .mn-clip a.continuity {}

.mn-visualC .bxslider li > div .exp_area {
	position:absolute;
	bottom:21px;
	left:0;
	width:100%;
	box-sizing:border-box;
}
.mn-visualC .exp_area ul {
	text-align:center;
	font-size:0;
	line-height:0;
}
.mn-visualC .exp_area ul li {
	display:inline-block;
	width:32px;
	height:32px;
	box-sizing:border-box;
	background:#e58678;
	border-radius:50%;
	vertical-align:top;
	overflow:hidden;
	position:relative;
}
.mn-visualC .exp_area ul li + li { margin-left:10px; }
.mn-visualC .exp_area ul li a {
	display:block;
	color:#fff;
	font-size:14px;
	line-height:19px;
	padding-left:35px;
}
.mn-visualC .exp_area ul li a i {
	position:absolute;
	display:inline-block;
	width:21px;
	height:21px;
	background:url('../../images/user/main/visualB_exp.png') no-repeat;
	left:5px;
	top:6px;
}
.mn-visualC .exp_area ul li a i.ico-mobile { background-position:0 0; }
.mn-visualC .exp_area ul li a i.ico-ppt { background-position:0 -35px;left:6px; }
.mn-visualC .exp_area ul li a i.ico-gift { background-position:0 -69px; }
.mn-visualC .exp_area ul li a i.ico-scrap { background-position:0 -104px; }
.mn-visualC .exp_area ul li a i.ico-info { background-position:0 -137px; }

/* min banner */
.mn-bnn-mid {
	max-width:1098px;
	margin:30px auto 30px;
	font-size:0;
	line-height:0;
}
.mn-bnn-mid a { display:inline-block; }
.mn-bnn-mid a + a { margin-left:14px; }
.mn-bnn-mid a img { max-width:100%; }

.mn-row { padding-top:50px;padding-bottom:60px; }
.mn-row-hri { padding-top:0;padding-bottom:30px; }
.mn-row-gray { padding-top:50px;padding-bottom:60px;background:#dce1e1; }
.mn-row-beige { padding-top:50px;padding-bottom:60px;background:#f5f5f5; }
.mn-row-dark { padding-top:50px;padding-bottom:60px;background:#2e2e2e;border-bottom:1px solid #999; }
.mn-row-dark * { color:#fff; }
.mn-row-dark .mn-board ul li a { color:#bbb; }
.mn-row-dark .mn-board .more { color:#fff; }
.mn-row-dark .mn-info strong { color:#fff; }
.mn-row-dark .mn-info span { color:#aaa; }
.mn-tit {
	text-align:center;
}
.mn-tit h3 {
	font-size:27px;
	font-weight:400;
}
.mn-tit h3.brow:before {
	content:"";
	display:block;
	margin:0 auto;
	width:84px;
	height:1px;
	background:#262627;
	margin-bottom:25px;
}
.mn-tit p { font-size:14px;color:#888; }

.mn-row.bt { border-top:1px solid #ccc;margin-top:100px;padding-top:0; }
.mn-row.bt .mn-tit { position:relative;top:-20px; }
.mn-row.bt .mn-tit h3 { display:inline-block;padding:0 50px;background:#fff; }

/* mn-recom */
.mn-recom { margin-top:50px; }
.mn-recom li {
	background:#fff;
	overflow:hidden;
	height:268px;
}
.mn-recom li + li { margin-top:15px; }
.mn-recom li > * {
	float:left;
	height:268px;
	box-sizing:border-box;
}
.mn-recom li .recom-tit {
	position:relative;
	width:28%;
	border-right:1px solid #dce1e1;
	padding:30px;
}
.mn-recom li .recom-tit h4 {
	text-align:center;
	font-size:23px;
	font-weight:300;
	line-height:1.2em;
	overflow:hidden;
	text-overflow:ellipsis;
	margin-bottom:10px;
}
.mn-recom li .recom-tit cite {
	display:block;
	font-size:15px;
	color:#888;
	text-align:center;
}
.recom-score {
	position:absolute;
	text-align:center;
	width:100%;
	left:0;
	font-size:15px;
	color:#f81e1f;
	bottom:120px;
}
.recom-score .like {
    position:relative;
    border: 0;
    background-color: transparent;
    /*background:url("../../images/user/common/like.svg") 0 center no-repeat;*/
    padding-left: 20px;
    font-size: 15px;
}
.recom-score .like:before {
    content:"";
    position:absolute;
    top:6px;
    left:0;
    width:15px;
    height:14px;
    background: url('../../images/user/common/heart.svg')  no-repeat;
    background-size:15px;
    font-size: 15px;
}
.recom-score .like.active:before {
    background-position:left -14px;
}
.recom-tit .teacher {
	position:absolute;
	text-align:center;
	width:100%;
	left:0;
	font-size:15px;
	bottom:68px;
}
.recom-tit a.more {
	display:block;
	font-size:15px;
	border:1px solid #ccc;
	height:30px;
	line-height:30px;
	width:138px;
	text-align:center;
	position:absolute;
	bottom:30px;
	left:50%;
	margin-left:-70px;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	transition:all .5s;
}
.recom-tit a.more:hover {
	border:1px solid #777;
	color:#000;
}
.mn-recom li .series {
	width:25%;
	padding:26px 30px; border-right:1px solid #dce0e1;
}
.mn-recom li .series dt {
	color:#333;
	margin-bottom:10px;
	font-size:17px;
	font-weight:400;
}
.mn-recom li .series dd {
	font-size:15px;
	height:23px;
	color:#777;
	padding-left:10px;
	position:relative;
}
.mn-recom li .series dd:before {
	content:"·";
	line-height:16px;
	position:absolute;
	left:0;
	top:3px;
}
.mn-recom li .series dd:last-child{
	margin-top:30px;
}
.mn-recom li .series dd:last-child a{
	color:#000;
}
.mn-recom li .series dd:last-child:before  {
	content:none;
}

.mn-recom li .series dd a {
	display:inline-block;
	line-height:1.8em;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	max-width:100%;
	vertical-align:top;
}
.mn-recom li .series dd a:hover,
.mn-recom li .series dd a:hover {
	border-bottom:1px solid #999;
}
.mn-recom li .recom-vdo {
	width:22%;
}
.mn-recom li .recom-vdo a {
	float:left;
	display:block;
	height:268px;
	position:relative;
	width:100%;
	overflow:hidden;
}
.mn-recom li .recom-vdo a img {
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	min-width:100%;
	min-height:100%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.mn-recom li .recom-vdo2 {
	width:25%;
}
.mn-recom li .recom-vdo2 figcaption {
	float:left;
	height:268px;
	width:100%;
	padding:26px 30px;
	box-sizing:border-box;
}
.mn-recom li .recom-vdo2 cite {
	display:block;
	font-size:17px;
	font-weight:400;
	color:#333;
	margin-bottom:10px;
}
.mn-recom li .recom-vdo2 p {
	font-size:15px;
	line-height:1.8em;
	color:#555;
	height:12.6em;
	overflow:hidden;
	word-break: keep-all;
}

/* mn-curation */
.mn-curation {
	margin-top:50px;
	overflow:hidden;
	border-bottom:1px solid #ddd;
}
.mn-curation + .mn-curation { margin-top:15px; }
.mn-curation > li {
	float:left;
	box-sizing:border-box;
	width:23.6%;
	height:200px;
	position:relative;
}
.mn-curation > li + li { margin-left:1%; }
.mn-curation > li.curation-tit {
	width:26.1%;
	padding:40px 30px 0 40px;
}
.mn-curation > li.curation-tit img.tit-bg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.mn-curation > li.curation-tit h4 {
	color:#fff;
	font-size:24px;
	white-space:nowrap;
	width:100%;
	overflow:hidden;
	font-weight:400;
	position:relative;
}
.mn-curation > li.curation-tit ul {
	position:relative;
	margin-top:10px;
}
.mn-curation > li.curation-tit ul li {
	height:22px;
}
.mn-curation > li.curation-tit ul li a {
	color:#fff;
	font-size:15px;
	line-height:16px;
}
.mn-curation > li.curation-tit ul li a:hover,
.mn-curation > li.curation-tit ul li a:focus { background:rgba(0,0,0,.2); }
.mn-curation > li figure .curation-img {
	display:block;
	width:100%;
}
.mn-curation > li figure .curation-img img {
	display:block;
	width:100%;
	height:100%;
}
.mn-curation > li figcaption strong {
	display:block;
	font-size:15px;
	color:#333;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	line-height:18px;
	margin-top:5px;
	height:20px;
}
.mn-curation > li figcaption span {
	display:block;
	font-size:15px;
	color:#777;
	line-height:18px;
}
.mn-curation > li a:hover strong {
	text-decoration:underline;
}

/* mn-premium */
.mn-premium {
	overflow:hidden;
	margin-top:30px;
}
.mn-premium li {
	float:left;
	width:25%;
}
.mn-premium li a {
	display:block;
	text-align:center;
	color:#313030;
	font-size:16px;
	font-weight:400;
}
.mn-premium li a:before {
	content:"";
	display:block;
	width:120px;
	height:120px;
	border:1px solid #e0dada;
	background-color:#fff;
	border-radius:50%;
	background-position:center center;
	background-repeat:no-repeat;
	margin:0 auto 10px;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
}
.mn-premium li:first-child a:before {
	background-image:url("../../images/user/main/quick01.svg");
}
.mn-premium li:first-child a:hover:before {
	background-color:#313030;
	background-image:url("../../images/user/main/quick01_on.svg");
}
.mn-premium li:nth-child(2) a:before {
	background-image:url("../../images/user/main/quick02.svg");
}
.mn-premium li:nth-child(2) a:hover:before {
	background-color:#313030;
	background-image:url("../../images/user/main/quick02_on.svg");
}
.mn-premium li:nth-child(3) a:before {
	background-image:url("../../images/user/main/quick03.svg");
}
.mn-premium li:nth-child(3) a:hover:before {
	background-color:#313030;
	background-image:url("../../images/user/main/quick03_on.svg");
}
.mn-premium li:nth-child(4) a:before {
	background-image:url("../../images/user/main/quick04.svg");
}
.mn-premium li:nth-child(4) a:hover:before {
	background-color:#313030;
	background-image:url("../../images/user/main/quick04_on.svg");
}
.mn-premium li:nth-child(5) a:before {
	background-image:url("../../images/user/main/quick05.svg");
}
.mn-premium li:nth-child(5) a:hover:before {
	background-color:#313030;
	background-image:url("../../images/user/main/quick05_on.svg");
}

/* mn-keyword */
.mn-keyword { margin-top:20px;overflow:hidden;padding-top:1px; }
.mn-keyword li {
	box-sizing:border-box;
	float:left;
	width:16.6%;
	margin:-1px -1px 0 0;
}
.mn-keyword li a {
	display:block;
	border:1px solid #ddd;
	vertical-align:middle;
	text-align:center;
	height:80px;
	color:#333;
	position:relative;
	z-index:0;
	box-sizing:border-box;
	position:relative;
}
.mn-keyword li.new a:after {
	content:"N";
	position:absolute;
	width:16px;
	height:16px;
	line-height:16px;
	text-align:center;
	color:#fff;
	background:#fd6464;
	font-size:10px;
	border-radius:50%;
	top:8px;
	right:8px;
}
.mn-keyword li a span {
	position:absolute;
	width:100%;
	top:50%;
	left:0;
	color:#212121;
	font-size:14px;
	line-height:1.5em;
	font-weight:400;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}
.mn-keyword li a:hover {
	position:relative;
	border:1px solid #fc6a74;
	z-index:9;
}
.mn-keyword li a:hover span { color:#fc6a74; }

/* mn-board */
.mn-board {
	float:left;
	width:30%;
	margin-right:5%;
	box-sizing:border-box;
	position:relative;
}
.mn-board h3,
.mn-info h3 {
	font-weight:400;
	font-size:26px;
	border-bottom:1px solid #ddd;
	padding-bottom:10px;
	margin-bottom:20px;
}
.mn-board ul li {
	height:26px;
}
.mn-board ul li a {
	display:inline-block;
	max-width:100%;
	font-size:15px;
	line-height:16px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	vertical-align:top;
}
.mn-board ul li a:hover {
	border-bottom:1px solid #777;
}
.mn-board .more {
	position:absolute;
	top:0;
	right:0;
	font-size:32px;
	color:#333;
	font-weight:200;
}
.mn-info {
	float:left;
	width:30%;
}
.mn-info p {
	color:#8f8f8f;
	font-size:14px;
}
.mn-info strong {
	display:block;
	color:#444;
	font-size:20px;
	margin-top:5px;
}
.mn-info span {
	display:block;
	font-size:13px;
	line-height:18px;
	color:#777;
	margin-top:5px;
}

/* paging */
ul.paging {
	display:block;
	margin:20px auto 0 auto;
	padding:0;
	overflow:hidden;
	text-align:center;
}
ul.paging li {
	display:inline-block;
	*zoom:1;
	*display:inline;
	margin:0 2px;
	*margin:0 3px;
	padding:0;
	letter-spacing:-1px;
	vertical-align:middle;
}
*+html body ul.paging li{ vertical-align:top; }
ul.paging li a {
	display:inline-block;
	*zoom:1;
	*display:inline;
	color:#777;
	width:30px;
	height:35px;
	line-height:35px;
	text-align:center;
	margin:0;
	vertical-align:bottom;
	text-decoration:none;
	font-size:16px;
}
*+html body ul.paging li,*+html body ul.paging li a { display:inline; }
*+html body ul.paging li.pv,*+html body ul.paging li.ffw { margin-left:0; }
ul.paging li.ppv a,
ul.paging li.ffw a,
ul.paging li.pv a,
ul.paging li.fw a {
	width:35px;
	height:35px;
	line-height:33px;
	text-indent:-9999px;
	padding:0;
	position:relative;
	box-sizing:border-box;
	border:1px solid #aaa;
	background:#fff;
}

ul.paging li.pv { margin-right:20px; }
ul.paging li.fw { margin-left:20px; }
ul.paging li.ppv { position:relative;right:-8px; }
ul.paging li.ffw { position:relative;left:-8px; }
*+html body ul.paging li.ppv a,
*+html body ul.paging li.ffw a,
*+html body ul.paging li.pv a,
*+html body ul.paging li.fw a { display:block; }

ul.paging li.ppv a:before,
ul.paging li.ffw a:before,
ul.paging li.ppv a:after,
ul.paging li.ffw a:after,
ul.paging li.pv a:before,
ul.paging li.fw a:before {
	content:"";
	position:absolute;
	display:block;
	width:11px;
	height:11px;
	position:absolute;
	border-top:1px solid #9e9e9e;
	border-left:1px solid #9e9e9e;
	top:11px;
}
ul.paging li.pv a:before,
ul.paging li.ppv a:before,
ul.paging li.ppv a:after {
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
ul.paging li.fw a:before,
ul.paging li.ffw a:before,
ul.paging li.ffw a:after {
	-webkit-transform:rotate(135deg);
	-moz-transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	transform:rotate(135deg);
}
ul.paging li.pv a:before { left:13px; }
ul.paging li.fw a:before { right:13px; }
ul.paging li.ppv a:before { left:10px; }
ul.paging li.ppv a:after { left:16px; }
ul.paging li.ffw a:before { right:10px; }
ul.paging li.ffw a:after { right:16px; }

ul.paging li.disabled a,
ul.paging li.disabled a:hover,
ul.paging li.disabled a:focus {
	background-position:0 0;
}
ul.paging li a:hover,
ul.paging li a:focus {
	color:#2e2e2e;
}
ul.paging li.pv  a:hover, ul.paging li.pv a:focus,
ul.paging li.fw  a:hover, ul.paging li.fw a:focus,
ul.paging li.ppv a:hover, ul.paging li.ppv a:focus,
ul.paging li.ffw a:hover, ul.paging li.ffw a:focus {
	border:1px solid #2e2e2e;
	z-index:1;
}
ul.paging li.ppv a:hover:before, ul.paging li.ppv a:focus:before,
ul.paging li.ffw a:hover:before, ul.paging li.ffw a:focus:before,
ul.paging li.ppv a:hover:after,  ul.paging li.ppv a:focus:after,
ul.paging li.ffw a:hover:after,  ul.paging li.ffw a:focus:after,
ul.paging li.pv a:hover:before,  ul.paging li.pv a:focus:before,
ul.paging li.fw a:hover:before,  ul.paging li.fw a:focus:before {
	border-top:1px solid #c45a4b;
	border-left:1px solid #c45a4b;
}
ul.paging li.now a,
ul.paging li.now a:hover,
ul.paging li.now a:focus {
	color:#000;
	font-weight:400;
}

/* popup */
.w800,
.w1000 {
	position:absolute;
	width:1098px;
	left:50%;
	margin-left:-500px;
	z-index:9990;
	top:200px;
}
.w800 {
	width:800px;
	margin-left:-400px;
}
.layerPopup { background-color:#ffffff; }
.layerPopup {
	box-sizing:border-box;
	border:1px solid #000000;
	position:absolute;
	width:640px;
	margin-left:-320px;
	left:50%;
	top:1%;
	box-shadow:3px 3px 15px rgba(0,0,0,.2);
	z-index:9990;
}
.layerPopup .pop-header {
	position:relative;
}
.layerPopup .pop-header h1 {
	font-weight:500;
	text-align:center;
	padding-top:50px;
	font-size:30px;
	color:#181818;
}
.layerPopup .pop-header h1:after {
	content:"";
	height:2px;
	width:53px;
	display:block;
	margin:20px auto 0;
	background:#b83826;
}
.layerPopup .pop-close {
	position:absolute;
	right:5px;
	top:5px;
	width:34px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	background-size:31px;
}
.layerPopup .pop-close.white {
    position: absolute;
    right: 5px;
    top: -38px;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    overflow: hidden;
    background-size: 30px;
}
.layerPopup .pop-close:before {
	content:"";
	position:absolute;
	width:160%;
	height:2px;
	background:#000;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg);
	top:14px;
	left:-30%;
}
.layerPopup .pop-close:after {
	content:"";
	position:absolute;
	width:140%;
	height:2px;
	background:#000;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg);
	top:14px;
	left:-20%;
}
.layerPopup .pop-close.white:before {
	content:"";
	position:absolute;
	width:100%;
	height:2px;
	background:#fff;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg);
	top:14px;
	left:0;
}
.layerPopup .pop-close.white:after {
	content:"";
	position:absolute;
	width:100%;
	height:2px;
	background:#fff;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg);
	top:14px;
	left:0;
}
.layerPopup .pop-body {
	padding:50px 50px 70px 50px;
	margin:0 auto;
}

/* popup */
.popup {
	border:1px solid #383c3f;
	background-color:#ffffff;
}
.popup .comment {
	margin-bottom:25px;
}
.popup .pop-header {
	height:auto;
    padding-top:18px;
    padding-bottom:18px;
    padding-right:60px;
	background-color:#f7f8f9;
	position:relative;
	border-bottom:1px solid #383c3f;
}
.popup .pop-header h1 {
	line-height:1.6em;
	color:#000;
	font-size:24px;
	padding:0;
	padding-left:40px;
	font-weight:400;
}
.popup .pop-close {
	position:absolute;
	right:20px;
	top:22px;
	width:34px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
}
.popup .pop-close:before {
	content:"";
	position:absolute;
	height:2px;
	width:140%;
	background:#000;
	top:50%;
	left:-20%;
	margin-top:-1px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
.popup .pop-close:after {
	content:"";
	position:absolute;
	height:2px;
	width:140%;
	background:#000;
	top:50%;
	left:-20%;
	margin-top:-1px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.popup .pop-body {
	padding:40px;
}
.popup.w1000 .pop-body {
	padding:30px 50px 70px 50px;
}

.pop-body .pop-txt {
	margin-top:25px;
	font-size:14px;
	line-height:1.7em;
	color:#333;
}
.pop-body .pop-txt cite {
	color:#000;
	display:block;
	font-weight:400;
	font-size:15px;
}
/*.pop-body .pop-txt span.info-detail {
	color:#999;
	display:block;
	margin-top:15px;
	margin-bottom:5px;
	font-size:15px;
}
.popup .pop-body h2 {
	font-size:2.308em;
	font-weight:500;
}
.popup .pop-body h2 .score { margin-left:20px; }
.popup .pop-body h3,
.popup .pop-body h4 { margin-top:40px;margin-bottom:15px;font-weight:400; }
.popup .pop-body h3 { font-size:1.385em; }*/


.popup .pop-comment {
	color:#666;
	margin-top:8px;
	margin-bottom:10px;
}
.popup .border-box + .pop-comment { margin:8px 0 0 0; }

.pop-survey h2{
    margin-bottom:20px;
    font-size:17px;
    font-weight:400;
}
.pop-survey h2 span {
    font-size:20px;
}
.pop-survey label:after {
    display:block;
}
.pop-survey ul {
    padding-left:40px;
}
.pop-survey > li {
    padding-bottom:30px;
    margin-bottom:30px;
    border-bottom:1px dashed #bdbdbd;
}
.pop-survey ul li {
    margin-top:15px;
}
.pop-survey textarea + p.ac {
    margin-top:22px;
    font-size:17px;
    font-weight:400;
    color:#181818;
}

/* 로그인 */
.pop-login {
	max-width:370px;
}
.pop-login label.checkbox {
	font-size:15px;
	height:20px;
	line-height:20px;
	margin-top:0;
}
.pop-login input[type="text"],
.pop-login input[type="password"],
.pop-login input[type="tel"] {
	width:100%;
	height:48px;
	line-height:48px;
	margin-bottom:10px;
	font-weight:300;
	font-size:15px;
}

.pop-login input[type="text"]:hover,
.pop-login input[type="text"]:focus,
.pop-login input[type="password"]:hover,
.pop-login input[type="password"]:focus,
.pop-login input[type="tel"]:hover,
.pop-login input[type="tel"]:focus {
	border:1px solid #b83826;
	background:#fff;
	color:#000;
}
.pop-login .btn {
	width:100%;height:50px;
	line-height:48px;
	margin-top:15px;
	font-size:20px;
}
.btn-lnk {
	margin-top:40px;
}
.btn-lnk a {
	display:inline-block;
	*zoom:1;
	*display:inline;
	border-bottom:1px solid #8b8b8b;
	line-height:2em;
	font-size:14px;
    color:#555;
}
.btn-lnk a ~ a {
	margin-top:10px;
}
.btn-lnk a:hover {
	color:#b83826;
	border-color:#b83826;
}
.pop-login > p {
	margin-top:50px;
	font-size:14px;
	font-weight:500;
}
.pop-login > p.pop-comment {
    margin-top:0;
    margin-bottom:20px;
    font-size:14px;
    font-weight:300;
    color:#777;
}
/*.pop-login.pop-idpw label {
	position:relative;
	display:block;
	height:0;
	font-size:15px;
	top:2px;
	left:11px;
	line-height:42px;
	color:#999;
}
.pop-login.pop-idpw label + input { padding-left:150px; }*/
.pop-login.pop-idpw label  {
    display:block;
    height:0;
    font-size:0;
    width:1px;
    text-indent:-9999px;
    opacity:0;
}

/* pop-gift */
.pop-gift { font-size:0 }
.pop-gift label { display:block;color:#000;margin-bottom:5px;font-size:16px; }
.pop-gift label ~ label { margin-top:20px; }
.pop-gift input[type="text"] { width:100%; }
.pop-gift input[type="text"].q1 { width:110px;text-indent:0;text-align:center; display:block; position:absolute;}
.pop-gift input[type="text"].q3 { width:calc(100% - 120px);margin-top:0;margin-left:120px; }
.pop-gift textarea { display:block;}
.pop-gift label.sender {display:inline-block;}
.pop-gift label.sender.email{margin-left:43px;}

/* pop-notice  */
.pop-notice {
	border:2px solid #000;
	position:absolute;
/* 	width:500px; */
	top:200px;
	left:50%;
	margin-left:-250px;
	background:#fff;
	z-index:9989;
}
.pop-notice img {
	display:block;
}
.pop-notice a.pop-close {
	position:absolute;
	width:25px;
	height:25px;
	top:20px;
	right:20px;
	background:url("../../images/user/main/close_pop.png") center center no-repeat;
	text-indent:-999px;
	overflow:hidden;
}
.pop-notice > p {
	background:#f5f5f5;
	border-top:1px solid #ddd;
	padding:10px 20px;
	color:#555;
	font-size:13px;
	color:#000;
}
.pop-notice .btn-cont {
	margin-top:0;
	margin-bottom:30px;
}
.pop-notice .btn-cont a {
	width:60%;
	background:#333;
	border:1px solid #333;
}
.pop-notice .btn-cont a:hover {
	background:#555;
}

/* error */
.error-header {
	padding-top:40px;padding-bottom:350px;
	background:#148fed;
}
.error-header.working {
	background:#148fed;
}
.error-header h1 {
	margin:0 auto;
	letter-spacing:-0.05em;
	width:1098px;
}
.error-header h1 a {
	background:url('../../images/user/layout/logo.svg') 0 0 no-repeat;
	display:block;
	box-sizing:border-box;
	height:48px;
	width:174px;
}
.error {
	text-align:center;
	margin-top:50px;
}
.error strong { font-size:26px; }
.error p {
	font-size:16px;
	margin-top:18px;
	line-height:28px;
	width:1098px;
	margin-left:auto;
	margin-right:auto;
}
.error .btn {
	height:48px;
	line-height:48px;
	font-size:15px;
	margin-top:35px;
	padding:0 60px;
	background:#444;
	border:1px solid #444;
	color:#fff;
}

#layerPostCode {
	border-width:1px !important;
	left:50% !important;
	margin-left:-300px;
}


/* sub */
.site-body {
    margin-left:auto;
    margin-right:auto;
    max-width:1100px;
}
.series-tit {
    clear:both;
    margin-bottom:25px;
    font-size:32px;
    font-weight:400;
}
.sub-tit {
    margin-top:3px;
    margin-bottom:40px;
    font-size:30px;
    font-weight:400;
}
.sub-tit_wrap{
  position: relative;
}
.sub-tit2 {
    display: inline-block;
    margin-top:20px;
    margin-bottom:16px;
    font-size:30px;
    font-weight:400;
}


/* common */
.heart {
  display:inline-block;
  vertical-align:middle;
  line-height:1em;
}
.heart:before {
    content: "";
    display: inline-block;
    margin-top: -2px;
    margin-right: 3px;
    width: 15px;
    height: 14px;
    vertical-align: middle;
    background-image: url('../../images/user/common/heart.svg');

    /*background-image: url('../../images/user/common/vdo_menu.svg');*/
}
.heart.active:before {
    background-position:center -14px;
}
.sort,
.sort-layout {
    margin-bottom:20px;
    vertical-align:middle;
    border:1px solid #d9d9d9;
}
.sort {
    float:left;
    padding:0 5px;
}
/*.sort a {
    position:relative;
    display:inline-block;
    font-size:16px;
    color:#928e94;
    height:34px;
    padding:0 15px;
    line-height:34px;
    letter-spacing:0;
}
.sort a:hover {
    color:#b83826;
}
.sort a:first-child:before {
    display:none;
}
.sort a:before {
    content:"";
    position:absolute;
    width:1px;
    height:14px;
    top:10px;
    left:0;
    background:#d9d9d9;
}
.sort a + a {
       margin-left:-4px;
}*/
.sort label {
    position:relative;
    display:inline-block;
    font-size:16px;
    color:#928e94;
    height:34px;
    padding:0 15px;
    line-height:34px;
    letter-spacing:0;
    cursor:pointer;
}
.sort label:first-child:before {
    display:none;
}
.sort label:before {
    content:"";
    position:absolute;
    width:1px;
    height:14px;
    top:10px;
    left:0;
    background:#d9d9d9;
    border-radius:0;
}
.sort label.ui-state-active {
    color:#b83826;
}
.sort label.ui-state-active:after {
    display:none;
}
.sort-layout {
    float:right;
    margin-top:-56px;
}
/*.sort-layout a {
    position:relative;
    display:inline-block;
    width:34px;
    height:34px;
    text-indent:-9999px;
}
.sort-layout a:before {
    content:"";
    position:absolute;
    display:block;
    width:11px;
    height:11px;
    top:50%;
    left:50%;
    margin:-5px 0 0 -5px;
    background: url('../../images/user/common/sort.svg') no-repeat;
}
.sort-layout a.active:before{
    background-position:left -11px;
}
.sort-layout a + a {
    margin-left:-3px;
    border-left:1px solid #d9d9d9;
}
.sort-layout a + a:before {
    background-position:left -22px;
}
.sort-layout a + a.active:before {
    background-position:left -33px;
}*/
.sort-layout .ui-checkboxradio-radio-label {
    position:relative;
    display:inline-block;
    width:34px;
    height:34px;
    text-indent:-9999px;
    cursor:pointer;
    min-height:0;
    line-height:34px;
}
.sort-layout .ui-checkboxradio-radio-label:before {
    content:"";
    position:absolute;
    display:block;
    width:11px !important;
    height:11px !important;
    top:50%;
    left:50%;
    margin:-5px 0 0 -5px;
    border:none;
    background: url('../../images/user/common/sort.svg') no-repeat;
    border-radius:0;
}
.sort-layout .ui-checkboxradio-radio-label.ui-state-active:before{
    background-position:left -11px;
}
.sort-layout .ui-checkboxradio-radio-label.ui-state-active:after {
    display:none;
}
.sort-layout label + input + label {
    margin-left:-3px;
    border-left:1px solid #d9d9d9;
}
.sort-layout .ui-checkboxradio-radio-label + input + .ui-checkboxradio-radio-label:before {
    background-position:left -22px;
}
.sort-layout .ui-checkboxradio-radio-label + input + .ui-checkboxradio-radio-label.ui-state-active:before {
    background-position:left -33px;
}
.sort + * {
    clear:both;
}
.sort-layout + * {
    clear:both;
}

.visual-img img {
    display:block;
    max-width:100%;
    margin-bottom:40px;
}
.visual-img + .btn-cont {
	position:relative;
	top:-130px;
	left:60px;
}
.visual-img + .btn-cont .btn2 {
	background:#b83826;
	border:1px solid #b83826;
	color:#fff;
}



/* layout */
.site-contents {
    /*overflow:hidden;*/
}
.site-contents:after {
    content:"";
    display:block;
    clear:both;
}
.series-con,
.subject-con,
.learn-con,
.sch-con {
    float:left;
    width:calc(100% - 271px);
    padding-right:20px;
    border-right:1px solid #ececec;
}
.series-info,
.subject-aside,
.learn-aside,
.sch-aside  {
    float:right;
    margin-left:-1px;
    width:230px;
    padding-left:19px;
/*     border-left:1px solid #ececec; */
}
.series-con,
.learn-con {
    width:calc(100% - 351px);
}
.series-info,
.learn-aside {
    /*display:inline-block;*/
    /*float:none;
    position:absolute;
    top:46px;
    right:0;*/
    width:310px;
}
/*.series-info,
.learn-aside {
    float:none;
    position:absolute;
    top:46px;
    right:0;
    width:310px;
    bottom:0;
}
.series-info.theater,
.learn-aside.theater {
    float:right;
    position:static;
}*/
.mypage-con {
    float:right;
    width:calc(100% - 301px);
    border-left:1px solid #ececec;
    padding-left:20px;
    margin-left:-1px;
}
.mypage-info {
    float:left;
    width:260px;
    padding-right:19px;
/*     border-right:1px solid #ececec; */
}
.print{
	 width:100% !important;
}
/* video */
.vdo-area {
/*     padding-bottom:25px; */
/*     border-bottom:1px solid #d9d9d9; */
}
.vdo-area + * {
    margin-top:40px;
}
.vdo-area > h4 {
    display:inline-block;
    margin:12px 0;
    font-size:22px;
    line-height:1.545em;
    font-weight:400;
}
.vdo-area .contents-tit{
	position:absolute;
	top:0;
	margin:8px 5px;
	font-size:22px;
    line-height:1.545em;
    font-weight:400;
}
.vdo-area .vdo-menu {
    position:relative;
    float:right;
/*     margin-top:20px; */
}
.vdo-area .vdo-menu > div,
.vdo-area .vdo-menu > a,
.vdo-area .vdo-menu > div > a {
    position:relative;
    display:inline-block;
    width:55px;
    font-size:12px;
    color:#777;
    text-align:center;
}
.vdo-area .vdo-menu > a + a {
    margin-left:1px;
}
.vdo-area .vdo-menu > a:before,
.vdo-area .vdo-menu > div > a:before {
   content:"";
   display:block;
   width:53px;
   height:53px;
   border:1px solid #d9d9d9;
}
.vdo-area .vdo-menu > a:hover:before,
.vdo-area .vdo-menu > div > a:hover:before {
   border-color:#000;
}
.vdo-area .vdo-menu > a:after,
.vdo-area .vdo-menu > div > a:after {
    content: "";
    position: absolute;
    top:15px;
    left:50%;
    margin-left:-12px;
    display: block;
    width: 25px;
    height: 25px;
    background: url('../../images/user/common/vdo_menu.svg') no-repeat;
}
/*.vdo-menu a.menu-heart:after {
   top:18px;
   width:18px;
   height:18px;
   margin-left:-9px;
   background-size:18px;
}*/
.vdo-menu a.menu-heart:hover:after {
    background-position:center -25px;
}
.vdo-menu a.menu-heart.active:after {
    background-position:center -50px;
}
.vdo-menu > a.menu-star:after {
    background-position:center -75px;
}
.vdo-menu > a.menu-star:hover:after {
    background-position:center -100px;
}
.vdo-menu > a.menu-down:after {
    background-position:center -125px;
}
.vdo-menu > a.menu-down:hover:after {
    background-position:center -150px;
}
.vdo-menu a.menu-gift:after {
    background-position:center -175px;
}
.vdo-menu a.menu-gift:hover:after {
    background-position:center -200px;
}
.vdo-menu a.menu-scrap:after {
    background-position:center -225px;
}
.vdo-menu a.menu-scrap:hover:after {
    background-position:center -250px;
}
.vdo-menu > a.menu-quality:after {
    background-position:center -275px;
}
.vdo-menu > a.menu-quality:hover:after {
    background-position:center -300px;
}
.vdo-area .vdo-menu ul {
    display:none;
    position:absolute;
    top:70px;
    width:170px;
    text-align:center;
    border:1px solid #000;
    font-size:12px;
    color:#777;
    background:#fff;
    height:56px;
    line-height:56px;
    background:#fff;
    z-index:1;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
}
.vdo-area .vdo-menu ul:after,
.vdo-area .vdo-menu ul:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.vdo-area .vdo-menu ul:after {
    border-bottom-color: #fff;
    border-width: 10px;
    left: 50%;
    margin-left: -10px;
}
.vdo-area .vdo-menu ul:before {
    border-bottom-color: #000;
    border-width: 11px;
    left: 50%;
    margin-left: -11px;
}
.vdo-area .vdo-menu ul.menu-star-list {
    left:0;
    width:170px;
}

/* tooltip-score */
.tooltip-score {
	display:none;
	position:absolute;
	box-sizing:border-box;
	padding:15px 25px;
	background:#fff;
	border:1px solid #000;
	width:200px;
	text-align:center;
	box-shadow:0 2px 2px rgba(0,0,0,.3);
	top:-49px;
	left:50%;
	margin-left:-100px;
	z-index:999;
}
.tooltip-score:after {
	width:18px;
	height:11px;
	content:" ";
	position:absolute;
	left:50%;
	bottom:-11px;
	margin-left:-9px;
	background:url("../../images/user/common/tooltip_arr.png") 0 0 no-repeat;
}

.controls-right .btn-score-cont:only-child .tooltip-score {
	left:auto;
	right:-1px;
}
.controls-right .btn-score-cont:only-child .tooltip-score:after {
	left:auto;
	right:31px;;
}
.tooltip-score .radio,
.tooltip-score .radio.checked {
	float:left;
	width:29px;
	height:20px;
	background:url("../../images/user/common/score.png") center -20px no-repeat;
	padding:0;
	margin:0;
}
.tooltip-score .radio:hover ~ .radio,
.tooltip-score .radio.checked ~ .radio {
	background:url("../../images/user/common/score.png") center 0px no-repeat;
}

.tooltip-score .radio,
.tooltip-score .radio.checked {
	float:left;
	width:29px;
	height:20px;
	background:url("../../images/user/common/star.svg") center -20px no-repeat;
	padding:0;
	margin:0;
}
.tooltip-score .radio:hover ~ .radio,
.tooltip-score .radio.checked ~ .radio {
	background:url("../../images/user/common/star.svg") center 0px no-repeat;
}

.menu-star-list li {
    position:relative;
}
/*.menu-star-list li:before {
    content:"";
    position:absolute;
    top:20px;
    left:50%;
	width:90px;
	height:15px;
    margin-left:-44px;
	text-indent:-9999px;
	overflow:hidden;
	vertical-align:middle;
	background-image:url('../../images/user/common/star.svg');
    background-size:auto 30px;
	background-repeat:no-repeat;
}*/

/*.menu-star-list .ui-checkboxradio-radio-label {
    position:relative;
    z-index:2;
    display:inline-block;
	width:12px;
	height:12px;
	background:url('../../images/user/common/star.svg') center -12px no-repeat;
	padding:0;
	margin:0;
    text-indent:-9999px;
    cursor:pointer;
    min-height:0;
    line-height:12px;
}*/

/*.menu-star-list .ui-checkboxradio-radio-label {
    position:relative;
    z-index:3 !important;
    display:inline-block;
	width:15px;
	height:15px;
	background:url('../../images/user/common/star.svg') center -15px no-repeat;
    background-size:auto 30px;
	padding:0;
	margin:0;
    text-indent:-9999px;
    cursor:pointer;
    min-height:0;
    line-height:15px;
    margin:0 4px;
}
.menu-star-list .ui-checkboxradio-radio-label:before {
    content:"";
    position:absolute;
    left:0;
    top:0;
    z-index:0;
    display:block;
    width:100%;
    height:100%;
	background:url('../../images/user/common/star.svg') center 0 no-repeat;
    background-size:auto 30px;
	padding:0;
	margin:0;
    cursor:pointer;
    min-height:0;
    border-radius:0;
    border:none;
    z-index:0;
}
.menu-star-list .ui-checkboxradio-radio-label:after {
    display:none;
}
.menu-star-list .ui-checkboxradio-radio-label.ui-state-active ~ .ui-checkboxradio-radio-label,
.menu-star-list .ui-checkboxradio-radio-label:hover ~ .ui-checkboxradio-radio-label {
	background:url("../../images/user/common/score.png") center 0px no-repeat;
}*/

.menu-star-list .ui-checkboxradio-radio-label {
    position:relative;
    z-index:1 !important;
    display:inline-block;
	width:15px;
	height:15px;
	background:url('../../images/user/common/star.svg') left 0 no-repeat;
    background-size:auto 30px;
	padding:0;
	margin:0;
    text-indent:-9999px;
    cursor:pointer;
    min-height:0;
    line-height:15px;
    margin:0 4px;
}
.menu-star-list .ui-checkboxradio-radio-label:before {
    content:"";
    position:absolute;
    left:0;
    top:0;
    z-index:0;
    display:block;
    width:100%;
    height:100%;
	background:url('../../images/user/common/star.svg') left -15px no-repeat;
    background-size:auto 30px;
	padding:0;
	margin:0;
    cursor:pointer;
    min-height:0;
    border-radius:0;
    border:none;
    z-index:0;
}
.menu-star-list .ui-checkboxradio-radio-label:after {
    display:none;
}
.menu-star-list .ui-checkboxradio-radio-label.ui-state-active ~ .ui-checkboxradio-radio-label:before,
.menu-star-list .ui-checkboxradio-radio-label:hover ~ .ui-checkboxradio-radio-label::before {
	background-position:left 0;
}

.menu-down-list {
    left:60px;
}
.menu-down-list li {
    display:inline-block;
    text-align:center;
}
.menu-down-list li  + li {
    margin-left:20px;
}
.menu-down-list li a {
    display:block;
    position:relative;
}
.menu-down-list li a:before {
    content:"";
    display:inline-block;
    margin-right:7px;
    width:25px;
    height:25px;
    background: url('../../images/user/common/vdo_menu.svg') center -275px no-repeat;
    vertical-align:middle;
}
.menu-down-list li + li a:before {
    background-position:center -300px;
}
/*화질선택*/
.menu-quality-list {
    left:240px;
}
.menu-quality-list li {
    display:inline-block;
    text-align:center;
}
.menu-quality-list li  + li {
    margin-left:20px;
}
.menu-quality-list li a {
    display:block;
    position:relative;
}
.menu-quality-list li a:before {
    content:"";
    display:inline-block;
    margin-right:7px;
    width:25px;
    height:25px;
    background: url('/assets/images/user/series/hq.svg') no-repeat 50%;
    vertical-align:middle;
}
.menu-quality-list li + li a:before {
	content:"";
    display:inline-block;
    margin-right:7px;
    width:25px;
    height:25px;
    background: url('/assets/images/user/series/hd.svg') no-repeat 50%;
    vertical-align:middle;
}
.vdo-info {
/*     clear:both; */
    display:block;
    margin-top:25px;
}
.vdo-info span{
    display:inline-block;
    line-height:1em !important;
    font-size:15px;
    margin-right:10px;
}
.vdo-info span strong {
    font-weight:400;
}
.vdo-info span.heart,
.vdo-info span[class^="score"]{
    margin-left:10px;
    margin-top:-3px;
}
.vdo-info span + span {
    margin-right:8px;
}
.vdo-location {
    margin-top:20px;
}
.vdo-location a{
    display:inline-block;
/*     text-decoration:underline; */
    color:#777;
    font-size:16px;
    line-height:1.5em;
}
.vdo-location a:first-child {
    font-size:16px;
    line-height:1.5em;
    color:#333;
}
.vdo-info .is-learn {
	padding:5px 15px;
	background:#ddd;
	border-radius:12px;
}
.vdo-info .is-learn.learned {
	background:#b83826;
	color:#fff;
}
.vdo-info .is-learn.yes {
	background:#d56858;
	color:#fff;
}
.vdo-tab-con p {
    margin-bottom:25px;
    line-height:1.6em;
    font-size: 18px;
}
.vdo-tab-con .btn{
    position: relative;
    float: right;
}
.tag-area a {
    display:inline-block;
    background:#f2f2f2;
    padding:0 10px;
    color:#555;
    font-weight:300;
    margin-bottom:10px;
}
.tag-area a + a {
    margin-left:7px;
}
.vdo-tab-con + * {
    margin-bottom:60px;
}
/* series */
.series-list {
    clear:both;
    margin-top:20px;
    /*overflow:hidden;*/
}
.series-list > cite {
    clear:left;
    font-size:24px;
    font-weight:400;
}
.series-list > .btn {
    float:right;
}
.series-list ul {
    clear:both;
    margin-top:20px;
	/*overflow:hidden;*/
    margin-left:-2%;
}
.series-list ul:after {
    content:" ";
    display:block;
    clear:both;
}
.series-list li {
    position:relative;
	float:left;
	width:31.33%;
    margin-left:2%;
    margin-bottom:19px;
}
.series-list li a {
	display:block;
}
.series-list li figure {
    overflow:hidden;
	position:relative;
	box-sizing:border-box;
    padding-top:55.769%;
}
.series-list li img {
	position:absolute;
	display:block;
    width:100%;
    height:100%;
	top:0;
	left:0;
    transition:all ease-out 0.3s;
}
.series-list li a:hover img{
    width:110%;
    height:110%;
    top:-5%;
    left:-5%;
}
.series-list li h4 {
    display:block;
    margin-top:6px;
	white-space:nowrap;
    font-size:16px;
    line-height:1.5em;
    font-weight:400;
	color:#555;
	overflow:hidden;
	text-overflow:ellipsis;
}
.series-list li span {
	color:#888;
	display:block;
	font-size:14px;
    line-height:1.714em;
}
.series-list li span strong {
    font-weight:400;
    color:#333;
}
.running-time {
	position:absolute;
    display:block;
    padding:0 10px;
	right:0;
	bottom:0;
    background:#000;
    color:#fff !important;
	font-size:14px;
}
.series-info figure {
    position:relative;
    display:block;
}
.series-info figure img {
    display:block;
    width:230px;
}
.series-info figure span {
    position:absolute;
    right:9px;
    bottom:0;
    color:#777;
    font-size:16px;
}
.series-info p {
    margin-top:15px;
    font-weight:400;
    color:#555;
    line-height:1.6em;
    word-break: keep-all;
}
.series-info cite {
    display:block;
    margin-top:35px;
    font-size:21px;
    font-weight:400;
    color:#181818;
    margin-bottom:15px;
}
.series-info cite span {
    font-size:17px;
    margin-top:10px;
}
.series-info cite span,
.series-info dt {
    display:block;
    color:#333;
    font-weight:400;
    color:#181818;
    line-height:1.6em;
}
.series-info dd {
    margin-bottom:20px;
}

/* subject */
ul[class^="subject-list"] h4 {
    clear:both;
    font-size:24px;
    font-weight:400;
    line-height:1.583em;
}
ul[class^="subject-list"] cite,
ul[class^="subject-list"] .heart {
    display:inline-block;
    margin-top:10px;
    font-size:16px;
    vertical-align:middle;
}
ul[class^="subject-list"] cite {
    margin-right:20px;
    color:#777;
}
ul[class^="subject-list"] cite strong {
    color:#555;
    font-weight:300;
}
ul[class^="subject-list"] .heart {
    color:#777;
}

.subject-list figure{
    display:none;
}
.subject-list {
     border-top:1px solid #d9d9d9;
}
.subject-list li {
    padding:23px 10px 20px;
    border-bottom:1px solid #d9d9d9;
}
.subject-list li > div {
    position:relative;
}
.subject-list li > div:after {
    content:""; display:block; clear:both;
}
.subject-list p {
    display:none;
}
.subject-list .btn {
    float:right;
    margin-right:-10px;
    font-size: 15px;
}
.subject-list-thumb li {
    border:1px solid #d9d9d9;
    min-height:268px;
}
.subject-list-thumb li + li {
    margin-top:20px;
}
.subject-list-thumb figure {
    position:absolute;
    width:230px;
    height:268px;
    overflow:hidden;
    border-right: 1px solid #d9d9d9;
    z-index:1;
}
.subject-list-thumb figure img {
    display:block;
    width:100%;
    height:100%;
    transition:all ease-out 0.3s;
}
.subject-list-thumb figure:hover img {
    width:110%;
    height:110%;
    top:-5%;
    left:-5%;
}
.subject-list-thumb li > div {
    position:relative;
    padding-top:23px;
    height:268px;
    padding-right:270px;
    padding-left:250px;
    overflow:hidden;
    box-sizing:border-box;
}
.subject-list-thumb p {
    position:absolute;
    padding:27px 20px;
    top:0;
    right:0;
    bottom:0;
    width:249px;
    height:100%;
    /*overflow:hidden;
    line-height:1.6em;*/
    border-left:1px solid #d9d9d9;
    background:#f9f9f9;
    box-sizing:border-box;
    font-size: 15px;
    word-break: keep-all;
}
.subject-list-thumb .btn {
    position:absolute;
    right:270px;
    bottom:20px;
    font-size: 15px;
}
.subject-list-thumb p:after {
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:27px;
    background:#f9f9f9;
}
.subject-aside .best-category ol {
    counter-reset: section;
}
.subject-aside .best-category li {
    position:relative;
    padding-left:38px;
}
.subject-aside .best-category li + li {
    margin-top:10px;
}
.subject-aside .best-category li:before {
  counter-increment: section;                 /* Increment the value of section counter by 1 */
  content: counter(section);
  position:absolute;
  top:0;
  left:0;
  width:30px;
  height:30px;
  line-height:28px;
  text-align:center;
  background:#b83826;
  color:#fff;
  font-size:13px;
  font-weight:700;
  border-radius:2px;
  box-sizing:border-box;
}
.subject-aside .best-category li + li + li + li:before {
    border:1px solid #b83826;
    background:none;
    color:#777;
}
*[class$="-aside"] aside + aside {
    margin-top:50px;
}
*[class$="-aside"] aside > cite{
    display:block;
    margin-bottom:20px;
    font-size:21px;
    font-weight:400;
}
*[class$="-aside"] aside > cite br + span {
    font-size:14px;
}
*[class$="-aside"] aside > cite span {
    color:#777;
}
*[class$="-aside"] aside > cite.sm {
    font-size:17px;
}
/* learn */
.learn-menu {
    margin-bottom:20px;
    overflow:hidden;
    border-left:1px solid #d9d9d9;
}
.learn-menu li {
    float:left;
    width:50%;
    text-align:center;
    box-sizing:border-box;
    border:1px solid #d9d9d9;
    border-left:none;
}
.learn-menu li + li + li {
     margin-top:-1px;
}
.learn-menu li.active  {
    background:#303030;
}
.learn-menu li a {
    position:relative;
    display:block;
    width:100%;
    height:38px;
    line-height:38px;
    font-size:16px;
    letter-spacing:0;
    font-weight:400;
    color:#777;
    vertical-align:top;
}
.learn-menu li.active a {
    color:#fff;
}
.learn-menu span.play {
    position:relative;
    display:inline-block;
    margin-left:10px;
    color:#303030;
    font-size:12px;
    vertical-align:top;
}
.learn-menu li.active span.play {
    color:#fff;
}
.learn-menu span.play:before {
    content:"";
    display:inline-block;
    left:0;
    top:0;
    width: 0;
	height: 0;
    margin-right:5px;
	border-left: 8px solid #303030;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
    vertical-align:middle;
}
.learn-menu li.active span.play:before {
    border-left-color:#fff;
}
*[class$="-aside"] .play-area + .play-area {
    margin-top:0;
}
.play-option {
    position:relative;
    margin-bottom:20px;
    padding-top:34px;
    overflow:hidden;
}
.play-option .btn-move {
    position:absolute;
    left:0;
    top:0;
    display:inline-block;
    padding:0 20px;
    background:#696969;
    color:#fff;
    font-size:14px;
    height:34px;
    line-height:34px;
}
.play-option .btn-move:before {
    content:"";
    display:inline-block;
    margin-right:8px;
    width:23px;
    height:14px;
    background: url('../../images/user/common/arr_move.png') no-repeat;
    color:#696969;
}
.play-option .ui-selectmenu-button,
.play-paging {
  position:absolute;
  top:0;
  right:0;
  height:34px;
}
.play-paging li{
    float:left;
    margin:0 6px;
}
.play-paging li a {
    display:block;
    color:#777;
}
.play-paging li.active a {
    color:#333;
    border-bottom:1px solid #797979;
}
.play-option > span:not(.ui-selectmenu-button) {
    float:left;
    margin-top:10px;
    font-size:14px;
    display:block;
}
.play-option .onoff {
    float:right;
    margin-top:10px;
    font-size:14px;
    color:#777;
}
.play-option .onoff cite {
    margin-right:10px;
}
.play-option .onoff a {
    display:inline-block;
    margin-left:3px;
    font-size:12px;
    color:#999;
    border:1px solid #d9d9d9;
    width:44px;
    height:23px;
    line-height:21px;
    text-align:center;
    margin-left:-3px;
}
.play-option .onoff a.active {
    background:#303030;
    color:#fff;
    border-color:#303030;
}

.play-list li {
    position:relative;
    margin-bottom:5px;
    padding-left:152px;
    padding-right:24px;
    min-height:83px;
    font-size:13px;
    border: 1px solid #e6e6e6;
    padding:10px 24px 10px 162px;
}
.play-list li:hover { border-color:#999}
.play-list li + li {
    margin-top:5px;
}
/*.play-list li .label {
    position:absolute;
    top:-5px;
    left:-5px;
    width:63px;
    height:23px;
    line-height:23px;
    background:#b83826;
    color:#fff;
    font-size:12px;
    text-align:center;
    z-index:1;
}
.play-list li .label:after {
    content:"";
    position:absolute;
    top:22px;
    left:0;
    border-left: 5px solid transparent;
	border-top: 5px solid #412d2a;
	border-bottom: 5px solid transparent;
}
.play-list li .label.yes {
    background:#d56858;
}
*/
.label {
    position:absolute;
    top:-5px;
    left:-5px;
    width:63px;
    height:23px;
    line-height:23px;
    background:#b83826;
    color:#fff !important;
    font-size:12px;
    text-align:center;
    z-index:1;
}
.label:after {
    content:"";
    position:absolute;
    top:22px;
    left:0;
    border-left: 5px solid transparent;
	border-top: 5px solid #412d2a;
	border-bottom: 5px solid transparent;
}
.label.yes {
    background:#d56858;
}

.play-list li.active figure:after {
    content:"학습 중";
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgba(0,0,0,.6);
    color:#fff;
    line-height:79px;
    text-align:center;
    font-size:16px;
}
.play-list figure {
    position:absolute;
    left:10px;
    top:10px;
    display:block;
    width:140px;
    height:78px;
}
.play-list figure img {
    display:block;
    width:100%;
    height:100%;
}
.play-list figure a {
    display:block;
   -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.play-list figure a:hover:before,
.play-list figure a:focus:before {
     content:"";
     position:absolute;
     left:50%;
     top:50%;
     margin-top:-17px;
     margin-left:-17px;
     width:35px;
     height:35px;
     background:rgba(0,0,0,.7);
     border-radius:50%;
}
.play-list figure a:hover:after,
.play-list figure a:focus:after {
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-6px;
    margin-left:-4px;
    display:block;
    border-left: 13px solid #fff;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
}
.play-list .running-time {
    padding:0 8px;
    font-size:12px;
}
.play-list .btn-del {
    position:absolute;
    top:5px;
    right:10px;
    width:12px;
    height:24px;
    text-indent:-9999px;
    opacity:.6;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s;
}
.play-list .btn-del:hover {
	opacity:1;
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	transform:scale(1.2);
}
.play-list .btn-del:before,
.play-list .btn-del:after {
    content:"";
    position:absolute;
    top:50%;
    display:block;
    width:14px;
    height:2px;
    background:#666;
    -webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
.play-list .btn-del:after {
    -webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(-45deg);
}
.play-list .btn-del:before {
    -webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
.play-list h4 {
    margin-bottom:4px;
    font-size:14px;
    line-height:1.571em;
    font-weight:400;
}
.play-list h4 a:hover,
.play-list h4 a:focus {
    text-decoration:underline;
}
.play-list cite {
    display:block;
    line-height:1.571em;
    color:#555;
}
.play-list li > span {
    display:block;
    color:#888;
    top:10px;
    left:6px;
}
.play-list li > span strong {
    color:#333;
    font-weight:400;
}
.play-list li div span + span {
    margin-left:3px;
}
.label-recommend,
.label-best {
    display:inline-block;
    color:#fff;
    font-size:12px;
    padding:0 4px;
    height:21px;
    line-height:21px;
    border-radius:1px;
    background:#e28a8e;
}
.label-best {
    background:#6cc2d7;
}
.play-del {
    position:absolute;
    top:-1px;
    bottom:-1px;
    left:-1px;
    right:-1px;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.6);
    color:#fff;
    text-align:center;
    z-index:2;
    border:1px solid #999;
}
.play-del p {
    position:absolute;
    width:100%;
    top:50%;
    margin-top:-15px;
    height:30px;
    font-size:16px;
    text-align:center;
}
.play-list .play-del .btn-del {
    top:5px;
    right:10px;
}
.play-list .play-del .btn-del:before,
.play-list .play-del .btn-del:after {
    background:#fff;
}
.series-recommend-list {
    margin-bottom:55px;
}
.series-recommend-list li{
    position:relative;
    min-height:140px;
    padding-left:130px;
}
.series-recommend-list li + li {
    margin-top:30px;
}
.series-recommend-list figure {
    position:absolute;
    left:0;
    top:0;
    display:block;
    width:120px;
    height:140px;
    overflow:hidden;
}
.series-recommend-list figure img {
    display:block;
    width:100%;
}
.series-recommend-list h4 {
    font-size:14px;
    line-height:1.786em;
    font-weight:400;
}
.series-recommend-list cite,
.series-recommend-list span {
    display:block;
    font-size:13px;
    color:#555;
    line-height:1.692em;
}
.series-recommend-list .btn {
    margin-top:13px;
}
.series-other-list li + li {
    margin-top:20px;
}
.series-other-list h4 {
    font-size:14px;
    line-height:1.786em;
    color:#555;
    text-decoration:underline;
    font-weight:400;
}
.series-other-list cite {
    display:block;
}
.series-other-list .btn {
    margin-top:5px;
}

/* 검색 */
.sch-area {
    position:relative;
    padding-right:80px;
}
.sch-area input {
    width:400px;
    box-sizing:border-box;
}
.sch-area .btn-sch {
    display:inline-block;
    vertical-align:top;
    margin-left:-3px;
    /*position:absolute;
    top:0;
    right:0;*/
    width:80px;
    height:40px;
    line-height:40px;
    color:#fff;
    background:#2e2e2e;
    font-size:16px;
    text-align:center;
}
.sch-area + .list-type {
    margin-top:20px;
}
.con-sch-area {
    width:200px;
    border-bottom:1px solid #d9d9d9;
}
.con-sch-area input {
    border:none;
    width:160px;
}
.con-sch-area input:focus,
.con-sch-area input:hover {
    background:none;
}
.con-sch-area .btn-sch {
    position:relative;
    display:inline-block;
    vertical-align:top;
    margin-left:-4px;
    /*position:absolute;
    top:0;
    right:0;*/
    width:40px;
    height:40px;
    line-height:40px;
    color:#fff;
    font-size:16px;
    text-align:center;
    text-indent:-9999px;
}
.con-sch-area .btn-sch:before {
	content:"";
	position:absolute;
    display:block;
	width:17px;
	height:17px;
	border-radius:50%;
	border:2px solid #676767;
	-webkit-transition:all .5s;
	transition:all .5s;
	left:10px;
	top:8px;
}
.sort + .con-sch-area {
    margin-top:-60px;
    float:right;
}
.sort + .con-sch-area  + * {
    clear:both;
}
.con-sch-area .btn-sch:after {
	content:"";
	position:absolute;
	width:9px;
	height:2px;
	border-radius:1px;
	background:#676767;
	transform:rotate(45deg);
	top:28px;
	left:27px;
}

.sch-category {
    clear:both;
    margin-top:30px;
    margin-bottom:20px;
}
.sch-category a {
    display:inline-block;
    padding:0 35px 0 10px;
    color:#777;
    font-size:17px;
    white-space:nowrap;
    line-height:2.118em;
}
.sch-category a.active {
    color:#b83826;
}
.sch-category > a {
    font-size:20px;
    line-height:2em;
}
.sch-category > div {
    margin-top:10px;
    padding:12px 0;
    border-top:1px solid #525252;
    border-bottom:1px solid #525252;
}
.sch-category + .sort {
    margin-top:20px;
    margin-bottom:20px;
    float:right;
}
.con-list,
.sch-list,
.sch-series-list,
.scrap-list {
    clear:both;
    border-top:1px solid #d9d9d9;
}
.con-list li,
.scrap-list li,
.sch-list li,
.sch-series-list li {
    position:relative;
    padding-top:20px;
    padding-bottom:20px;
    padding-left:260px;
    min-height:133px;
    font-size:15px;
    color:#555;
    border-bottom:1px solid #d9d9d9;
}
.sch-series-list li {
    padding-left:220px;
    min-height:233px;
}
.con-list figure,
.scrap-list figure,
.sch-list figure,
.sch-series-list figure {
    position:absolute;
    left:0;
    top:20px;
    width:240px;
    height:133px;
}
.sch-series-list figure {
    width:200px;
    height:233px;
}
.con-list figure img,
.scrap-list figure img,
.sch-list figure img,
.sch-series-list figure img {
    display:block;
    width:100%;
}
.con-list h4,
.scrap-list h4,
.sch-list h4,
.sch-series-list h4 {
    margin-bottom:5px;
    font-size:18px;
    text-decoration:underline;
    line-height:2.222em;
    color:#000;
    font-weight:400;
}
.con-list span + span,
.scrap-list span + span,
.sch-list  span + span,
.sch-series-list span + span {
    margin-left:32px;
}
.con-list p,
.scrap-list p,
.sch-list p,
.sch-series-list p {
    color:#777;
    line-height:1.6em;
}
.con-list .tag-area,
.scrap-list .tag-area,
.sch-list .tag-area,
.sch-series-list .tag-area {
    margin-top:20px;
}
.con-list .tag-area a,
.scrap-list .tag-area a,
.sch-list .tag-area a,
.sch-series-list .tag-area a {
    padding:0;
    background:none;
    color:#555;
}
.con-list .vdo-info,
.scrap-list .vdo-info {
    margin-top:10px;
}
.con-list dl {
    margin-top:10px;
    overflow:hidden;
}
.con-list dl dt {
    float:left;
    clear:left;
    line-height:1em;
    color:#888;
    padding-right:15px;
    margin-right:15px;
    border-right:1px solid #ececec;
}
.con-list dl dd {
    float:left;
    line-height:1em;
}
.scrap-list li{
    padding-left:340px;
}
.scrap-list figure {
    left:80px;
}
.scrap-list .ui-checkboxradio-label {
    position:absolute;
    top:20px;
    left:10px;
}
.scrap-list .num {
    position:absolute;
    display:block;
    top:20px;
    left:40px;
    width:35px;
    line-height:1.3em;
    word-break: break-all;
}
.scrap-list .btn4.spot3 {
    position:absolute;
    right:0;
    bottom:20px;
}
.today-keyword li {
    line-height:2.667em;
}
.today-keyword li a {
    display:inline-block;
    text-decoration:underline;
}

/* 편성표 */
.schedule {
    position:relative;
    border-top:1px solid #d9d9d9;
    border-bottom:1px solid #d9d9d9;
    padding:20px 0 15px 95px;
}
.schedule + .schedule {
    margin-top:-1px;
}
.schedule h3 {
    position:absolute;
    left:0;
    top:36px;
    width:95px;
    font-size:22px;
    line-height:30px;
    font-weight:400;
    text-align:center;
}
.schedule h3 span {
    display:block;
    font-size:18px;
}
.schedule ul {
    margin-left:-15px;
    overflow:hidden;
}
.schedule ul li {
    float:left;
    margin-left:15px;
    width:240px;
}
.schedule li figure {
    width:240px;
    height:133px;
    position:relative;
}
.schedule li figure img {
    display:block;
    width:100%;
	border: 1px solid #ededed;
}
.schedule li figure span.running-time {
    bottom: -1px !important;
}
.schedule li figure cite {
    position:absolute;
    top:20px;
    left:20px;
    font-size:26px;
    color:#fff;
    font-weight:300;
}
.schedule li h4 {
    margin-top:6px;
    margin-bottom:10px;
    font-size:16px;
    line-height:1.5em;
    font-weight:400;
    color:#555;
    text-decoration:underline;
}
/*.schedule li h4 a{
    display:block;
    font-size:16px;
    line-height:1.5em;
    font-weight:400;
    color:#555;
    text-decoration:underline;
}*/
.schedule li span {
    display:block;
    font-size:14px;
    color:#888;
    line-height:1.714em;
}


/* 프리미엄 서비스 */
/*학술논문 */
.sub-sch-area {
    position:relative;
    /*text-align:center;*/
}
.sub-sch-area h4 {
    position:relative;
    font-size:20px;
    font-weight:400;
    border-left:2px solid #b83826;
    padding-left:10px;
    margin-bottom:18px;
}
.sub-sch-area input {
    display:inline-block;
    width:472px;
    box-sizing:border-box;
    border:2px solid #000;
    height:50px;
}
.sub-sch-area .btn-sch {
    position:relative;
    display:inline-block;
    vertical-align:top;
    margin-left:-4px;
    /*position:absolute;
    top:0;
    right:0;*/
    width:68px;
    height:50px;
    line-height:50px;
    color:#fff;
    background:#2e2e2e;
    font-size:16px;
    text-align:center;
    text-indent:-9999px;
}
.sub-sch-area .btn-sch:before {
	content:"";
	position:absolute;
	width:13px;
	height:13px;
	border-radius:50%;
	border:2px solid #fff;
	-webkit-transition:all .5s;
	transition:all .5s;
	left:22px;
	top:14px;
}
.sub-sch-area .btn-sch:after {
	content:"";
	position:absolute;
	width:9px;
	height:2px;
	border-radius:1px;
	background:#fff;
	transform:rotate(45deg);
	top:30px;
	left:35px;
}
.sub-sch-area .ui-selectmenu-button {
    margin-right:7px;
    min-width:220px;
    border:2px solid #000;
}
.sub-sch-area .ui-selectmenu-button span.ui-selectmenu-text {
    height:46px;
    line-height:46px;
}
.sub-sch-area + * {
    margin-top:70px;
}
.paper-sch-nav {
    overflow:hidden;
}
.paper-sch-nav > li {
    position:relative;
    float:left;
    width:20%;
}
.paper-sch-nav > li:before {
    content: "";
    display: block;
    margin-left:10px;
    margin-bottom:35px;
    width: 115px;
    height: 100px;
    background: url('../../images/user/contents/premium_paver_nav.png') no-repeat;
}
.paper-sch-nav > li:nth-child(2):before {
    background-position:center -100px;
}
.paper-sch-nav > li:nth-child(3):before {
    background-position:center -200px;
}
.paper-sch-nav > li:nth-child(4):before {
    background-position:center -300px;
}
.paper-sch-nav > li:nth-child(5):before {
    background-position:center -400px;
}
.paper-sch-nav > li > * {
    margin-left:40px;
}
.paper-sch-nav > li cite {
    display:block;
    margin-bottom:25px;
    font-weight:400;
    font-size:18px;
}
.paper-sch-nav ul li {
    margin-top:10px;
}
.paper-sch-result {
    margin-top:16px;
    border-top:1px solid #d9d9d9;
}
.paper-sch-result li {
    position:relative;
    padding:15px 165px 15px 69px;
    border-bottom:1px solid #d9d9d9;
    line-height:1.6em;
}
.paper-sch-result .num,
.paper-sch-result .btn {
    position:absolute;
}
.paper-sch-result span,
.paper-sch-result cite {
    display:block;
    color:#777;
}
.paper-sch-result .btn {
    right:20px;
    bottom:20px;
}
.paper-sch-result .num {
    top:50%;
    left:0;
    margin-top:-13px;
    font-size:14px;
    width:65px;
    text-align:center;
}
.paper-sch-result cite {
    margin-top:20px;
    margin-bottom:8px;
}
.economy {
    border-top:1px solid #d9d9d9;
}
.economy li {
    padding:17px 10px 17px 10px;
    border-bottom:1px solid #d9d9d9;
}
.economy li h4 {
    font-size:20px;
    font-weight:400;
    line-height:1.3em;
}
.economy li > div {
    position:relative;
    padding:0 188px;
    margin-top:15px;
    max-height:158px;
    overflow:hidden;
}
.economy li > div span,
.economy li > div  time {
    position:absolute;
    display:block;
    left:0;
    color:#777;
}
.economy li > div .btn {
    position:absolute;
    left:0;
    bottom:0;
}
.economy li > div figure {
    position:absolute;
    right:0;
    top:0;
}
.economy li > div figure img {
    display:block;
    width:100%;
}
.economy .cmt{
	padding-top: 10px;
    padding-left: 190px;
}
.lecture {
    overflow:hidden;
    margin-left:-20px;
}
.lecture li {
    margin-bottom:20px;
    float:left;
    width:50%;
}
.lecture li a {
    position:relative;
    display:block;
    border:1px solid #d9d9d9;
    margin-left:20px;
    padding:29px 19px 19px 215px;
    padding-top:29px;
    text-align:right;
}
.lecture figure  {
    text-align:left;
    margin-bottom:30px;
    height:85px;
    overflow:hidden;
}
.lecture figure img {
    position:absolute;
    left:30px;
    top:30px;
    display:block;
}
.lecture figcaption h4 {
    margin-bottom:15px;
    font-size:20px;
    line-height:1.2em;
    font-weight:400;
}
.lecture figcaption h4 span {
    font-size:16px;
}
.lecture figcaption p {
    line-height:1.6em;
    color:#777;
}


/* customer */
.survey p{
    font-size:17px;
    line-height:1.882em;
}
.survey p strong {
    font-weight:400;
    margin-left:17px;
}
.survey .btn3 {
    margin-top:28px;
}

/* -----------------------
	MEMBER
 ----------------------- */
.mypage-info > cite {
    display:block;
    font-size:18px;
    font-weight:400;
    color:#333;
    margin-bottom:20px;
    padding-bottom:6px;
    border-bottom:1px solid #b83826;
}
.mypage-info ul li > cite {
    display:block;
    font-size:16px;
    color:#333;
    padding-bottom:10px;
    margin-bottom:15px;
    border-bottom:1px dashed #d7d7d7;
}
.mypage-info ul li + li {
    margin-top:25px;
    padding-top:20px;
    border-top:1px solid #ececec;
}
.mypage-info dl {
    font-size:14px;
    color:#777;
}
.mypage-info dd {
    margin-bottom:10px;
    line-height:1em;
    margin-left:15px;
    color:#333;
}
.mypage-info dt {
    line-height:1em;
    float:left;
    clear:left;
    margin-right:10px;
    width:95px;
    border-right:1px solid #ececec;
}
.mypage-info .btn {
    padding-left:0;
    padding-right:0;
    margin-top:8px;
    width:100%;
}
.mypage-info .btn + .btn {
    margin-left:0;
}
.mypage-info em,
.mypage-info b {
    display:block;
    margin-bottom:10px;
    font-weight:700;
    font-size:20px;
    color:#b83826;
}
.mypage-info b {
    font-size:17px;
    font-weight:400;
}
.mypage-info .help-info {
    margin-top:40px;
    background:#f2f2f2;
    color:#333;
}
.mypage-info .help-info {
    padding:20px;
    font-size:13px;
    color:#777;
}
.mypage-info .help-info cite,
.mypage-info .help-info strong {
    display:block;
    font-size:16px;
    color:#333;
}
.mypage-info .help-info strong {
    margin:10px 0;
    font-size:30px;
    font-weight:400;
}
.buy-box {
    padding:15px 20px;
    border:1px solid #d9d9d9;
    font-size:14px;
}
.buy-box span {
    color:#b83826;
}
.buy-box a {
    display:block;
    margin-top:15px;
    font-size:17px;
    color:#000;
    transition:all .3s;
}
.buy-box a:hover {
    color:#b83826;
}
.buy-box a:before {
    content: "";
    display: inline-block;
    margin-right:10px;
    width: 45px;
    height: 45px;
    vertical-align: middle;
    background-image: url('../../images/user/contents/buy.png');
}
.mypage-con .buy-box {
    padding:30px;
    margin-top:40px;
    font-size:16px;
    color:#333;
    overflow:hidden;
    font-weight:400;
}
.mypage-con .buy-box  p {
    line-height:1.875em;
}
.mypage-con .buy-box a {
    float:right;
    position:relative;
    margin-top:40px;
    height:45px;
    line-height:45px;
    font-size:20px;
    width:210px;
    padding-left:5px;
    margin-left:65px;
    margin-right:20px;
    border-bottom:1px solid #b83826;
}
.mypage-con .buy-box a:before {
   position:absolute;
   top:5px;
   margin-top:0;
   left:-65px;
}
.mypage-con .buy-box a:after {
    content:"";
    position:absolute;
    right:7px;
    bottom:-3px;
    width:1px;
    height:20px;
    background:#b83826;
    transform:rotate(-45deg);
}

.mylearn h4 {
    margin-bottom:14px;
    font-size:20px;
    font-weight:400;
}
.mylearn ul {
    overflow:hidden;
    border-top:1px solid #d9d9d9;
}
.mylearn ul li {
    margin-top:30px;
    margin-bottom:50px;
    float:left;
    width:40%;
    text-align:center;
}
.mylearn ul li  cite {
	display:block;
    line-height:1.867em;
    font-weight:400;
    margin-top: 15px;
    margin-left: 250px;
    font-size: 15px;
}
.mylearn ul li  strong {
    display:block;
    line-height:1.867em;
    font-weight:400;
    font-size:25px;
    color:#b83826;
    margin-left: 250px;
}

.mylearn ul li:before {
    content: "";
    display: block;
    width: 115px;
    height: 100px;
    margin:0 auto 25px 75px;
    position:absolute;
    background: url('../../images/user/contents/mypage_mylearn.png') no-repeat;
}
.mylearn ul li:nth-child(2):before {
    background-position:left -100px;
}
.mylearn ul ~ ul li:before {
    background-position:left -200px;
}
.mylearn ul ~ ul li:nth-child(2):before {
    background-position:left -300px;
}
.mylearn ul ~ ul li:nth-child(3):before {
    background-position:left -400px;
}
.mylearn ul ~ ul li:nth-child(4):before {
    background-position:left -500px;
}
.mylearn td.state {
    position:relative;
}
.mylearn td.state:before {
    content:"";
    position:absolute;
    left:2px;
    right:2px;
    height:23px;
    display:block;
    background:#f9f9f9;
    z-index:0;
}
.mylearn td.state span {
    position:relative;
    padding:0;
    display:block;
    width:0;
    height:23px;
    line-height:23px;
    background:#ffcccc;
    text-indent:-9999px;
    z-index:1;
    transition:all .3s;
}
.mylearn .list-type + .ar {
    margin-top:20px;
}
.all-chk {
    position:relative;
    padding:10px 8px 10px 48px;
    line-height:15px;
    margin-bottom:18px;
}
.all-chk:before {
    left:10px;
    top:8px;
}
.all-chk:after,
.all-chk.ui-checkboxradio-label.ui-state-active:after,
.all-chk.ui-checkboxradio-radio-label.ui-state-active:after {
    top:12px;
    left:10px;
}
.all-chk span:before {
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:40px;
    height:36px;
    background:#f2f2f2;
    z-index:-1;
}
.all-chk  + .ar {
    margin-bottom:20px;
    float:right;
}
.all-chk  + .ar + * {
    clear:both;
}
.confirm-area {
    border-top:2px solid #2e2e2e;
    border-bottom:1px solid #d9d9d9;
    text-align:center;
    padding-top:35px;
    padding-bottom:70px;
}
.confirm-area > * {
    margin-top:35px;
}
.confirm-area .comment {
    font-size:17px;
    line-height:1.765em;
    color:#333;
}
.confirm-area .comment,
.confirm-area .comment + * {
    margin-top:30px;
}
.confirm-area .comment strong{
    font-weight:400;
    color:#000;
}
.confirm-area .comment em {
    color:#b83826;
}
.confirm-area .ui-selectmenu-button {
    margin-top:30px;
    min-width:410px;
    border-color:#2e2e2e;
}
.confirm-area .ui-selectmenu-button span.ui-selectmenu-text {
    height:45px;
    line-height:45px;
}
.confirm-area input[type="password"] {
    width:300px;
    border-color:#2e2e2e;
    height:45px;
    line-height:43px;
    vertical-align:middle;
}
.confirm-area .btn-confirm {
    display:inline-block;
    padding:0 40px;
    background:#2e2e2e;
    height:45px;
    line-height:45px;
    color:#fff;
    vertical-align:middle;
    margin-left:2px;
}

/* find-idpw */
.find-idpw {
	padding:20px 0 30px;
	border-top:2px solid #ddd;
	border-bottom:1px solid #ddd;
	margin-bottom:20px;
}
.find-idpw fieldset {
	position:relative;
	width:460px;
	margin:0 auto;
}
.find-idpw fieldset label {
	display:inline-block;
	*zoom:1;
	*display:inline;
	width:100px;
	color:#333;
	font-weight:600;
}
.find-idpw fieldset input {
	width:348px;
	height:36px;
	line-height:36px;
}
.find-idpw fieldset input.q1 {
	width:106px;
	margin:0 5px;
}
.find-idpw fieldset .spot2 {
	position:absolute;
	font-size:1.538em;
	right:0;
	top:0;
	width:123px;
	height:88px;
	line-height:88px;
	padding:0;
}
.find-idpw .list-type1 { margin-bottom:20px; }
.find-idpw .btn-cont a {
	height:31px;
	line-height:31px;
	font-size:1em;
}

/* join */
.step {
    margin:0 auto;
    counter-reset: step;
    text-align:center;
}
.step li{
    position:relative;
    display:inline-block;
    font-size:18px;
    color:#777;
    counter-increment: step;
}
.step li + li {
    padding-left:176px;
    margin-left:-4px;
}
.step li:before {
    content: '0' counter(step);
    display:block;
    width:44px;
    height:44px;
    line-height:44px;
    border-radius:50%;
    font-size:16px;
    background:#f9f9f9;
    text-align:center;
    margin:0 auto 12px;;
}
.step li:after {
    content:"";
    display:block;
    position:absolute;
    top:22px;
    left:0;
    right:0;
    height:1px;
    background:#dcdcdc;
    z-index:-1;
}
.step li.active {
    font-weight:400;
    color:#333;
}
.step li.active:before {
    content:"";
    background: url('../../images/user/common/chk.png') center no-repeat #b83826;
}
.step li:first-child:after {
    left:50px;
}
.step li:last-child:after {
    right:50px;
}
.site-tit + .site-contents .step {
    margin-top:-35px;
    margin-bottom:60px;
}
.join-terms > p {
	margin-bottom:20px;
	font-size:15px;
}
.tit {
    font-size: 20px;
    color: #333;
    font-weight: 400;
    margin-bottom: 12px;
}
.terms-quick {
    margin-top:-40px;
    padding:30px 29px;
    border:1px solid #d9d9d9;
    overflow:hidden;
}
.terms-quick > ul {
    float:left;
    width:50%;
}
.terms-quick.col3 > ul {
    width:33.33%;
}
.terms-quick li + li{
    margin-top:5px;
}
.terms-quick a {
    display:inline-block;
    padding-bottom:3px;
    border-bottom:2px solid #fff;
    color:#555;
}
.terms-quick a:hover {
    border-bottom:2px solid #b3b3b3;
    color:#181818;
}
.terms-txt {
	padding:25px 30px;
	height:150px;
	overflow-y:scroll;
	white-space:pre-wrap;
	border:1px solid #dddddd;
    color:#777;
}
.terms-txt-one {
	padding:25px 30px;
	height:auto;
	white-space:pre-wrap;
	border:1px solid #dddddd;
  color:#555;
  font-weight: 400;
}
.terms-agree {
	margin-top:10px;
    margin-bottom:50px;
	font-weight:400;
}
.terms-agree label {
    color:#b83826;
}
/*.terms-agree label + label { margin-top:10px; }*/

.member-confirm-area {
    padding:45px;
    border-top:1px solid #d9d9d9;
    text-align:center;
    font-size:17px;
    color:#777;
    line-height:1.765em;
}
.member-confirm-area .finish {
    color:#b83826;
}
.member-confirm-area .finish .ico-join {
    display: block;
    width: 59px;
    height: 48px;
    background: url('../../images/user/common/join.png') no-repeat;
    margin:0 auto 8px;
}
.member-confirm-area .info {
    margin:15px auto 0;
    padding:40px;
    width:550px;
    background:#fafafa;
    box-sizing:border-box;
    text-align:left;
    font-size:18px;
    color:#333;
}
.member-confirm-area .info li {
    position:relative;
    padding-left:115px;
}
.member-confirm-area .info li + li {
    margin-top:10px;
}
.member-confirm-area .info span {
    position:absolute;
    left:0;
    top:6px;
    color:#777;
    line-height:1em;
    border-right:1px solid #d9d9d9;
    padding-right:20px;
}
.border-box {
	margin-top:40px;
	border:1px solid #dcdcdc;
	padding:15px 30px;
}

.policy { margin-top:60px; }
.policy p,
.policy ol {
	font-size:15px;
	line-height:1.733em;
}
.policy ol > li {
    margin-top:10px;
}
.policy p.dep,
.policy ol ol {
	padding-left:20px;
}
.policy h4 {
	font-size:17px;
	margin-top:30px;
	margin-bottom:8px;
	font-weight:400;
	color:#000;
	font-family:"Noto Sans KR";
}
.policy h5 {
	font-size:16px;
	margin-top:30px;
	margin-bottom:8px;
	font-weight:400;
	color:#555;
}
.policy h4 + h5 { margin-top:10px; }
.policy cite,
.policy em {
    display:block;
    margin-top:30px;
    color:#555;
}
.policy em + * {
    margin-top:10px;
}
.policy ul + p,
.policy p + p {
    margin-top:30px;
}
.policy .btn {
	width:auto;
	margin-top:50px;
}
.membership {
    position:relative;
    padding-top:40px;
    margin-top:-70px;
}
.membership:before {
    content:"";
    position:absolute;
    left:50%;
    top:0;
    margin-left:-23px;
    width:65px;
    height:3px;
    background:#b83826;
}
.membership > h3 {
    font-size:26px;
    font-weight:400;
    color:#777;
    line-height:1.615em;
}
.membership > h3 span{
    color:#181818;
    font-weight:300;
}
.membership > h3 i {
    display:block;
    color:#000;
}
.membership > p {
    margin-top:18px;
    font-size:17px;
    line-height:1.765em;
    color:#777;
}
.membership > p strong {
    color:#b83826;
    font-weight:300;
}
.membership-list {
    margin:54px 0;
}
.membership-list li {
    position:relative;
    border:1px solid #d9d9d9;
    padding:29px 280px;
    min-height:140px;
}
.membership-list li + li {
    margin-top:20px;
}
.membership-list figure,
.membership-list li > div {
    position:absolute;
    top:29px;
}
.membership-list figure {
    left:30px;
    display:block;
    width:225px;
    height:140px;
    border:1px solid #d9d9d9;
    background:#fafafa;
    text-align:center;
}
.membership-list figure img {
    display:block;
    width:145px;
    margin:29px auto 15px;
}
.membership-list figcaption {
    color:#b83826;
    font-weight:400;
    font-size:22px;
    color:#b83826;
}
.membership-list li > div {
    top:16px;
    bottom:16px;
    border-left:1px dashed #d7d7d7;
    right:0;
    width:260px;
    text-align:center;
    padding-top:35px;
}
.membership-list li > div strong {
    margin-bottom:25px;
    display:block;
    font-size:24px;
    font-weight:400;
}
.membership-list li > div .btn {
    height:60px;
    line-height:60px;
    font-size:18px;
    width:200px;
}
.membership-list li:before,
.membership-list li > div:before {
    content:"";
    position:absolute;
    display:block;
    width:18px;
    height:9px;
    border:1px solid #d9d9d9;
    border-radius:0 0 20px 20px;
    top:-17px;
    left:-11px;
    background:#fff;
}
.membership-list li:after,
.membership-list li > div:after {
    content:"";
    position:absolute;
    top:-17px;
    left:-10px;
    width:18px;
    height:1px;
    background:#fff;
    z-index:2;
}
.membership-list li:before {
    left:auto;
    right:251px;
    top:auto;
    bottom:-1px;
    border-radius:20px 20px 0 0;
}
.membership-list li:after {
    left:auto;
    right:252px;
    top:auto;
    bottom:-1px;
    background:#fff;
}
.membership-list h4 {
    margin:15px 0 30px;
    font-size:30px;
    font-weight:400;
}
.membership-list p {
    font-size:17px;
    line-height:1.765em;
}
.membership-company {
    clear:both;
    position:relative;
    margin-top:55px;
    padding:40px 34px;
    background:#fafafa;
    overflow:visible;
}
.membership-company h3 {
    font-size:26px;
    color:#181818;
    font-weight:400;
}
.membership-company p {
    margin-top:13px;
    line-height:2em;
    color:#777;
}
.membership-company p  strong {
    font-weight:300;
    font-size:17px;
    color:#555;
}
.membership-company .tel {
    position:absolute;
    right:28px;
    bottom:38px;
    font-size:22px;
    font-family:'NanumSquare';
    color:#000;
    font-weight:400;
}
.membership-company .tel:before {
    content: "";
    display: inline-block;
    margin-right:22px;
    width: 45px;
    height: 58px;
    background: url('../../images/user/common/tel.png') no-repeat;
    vertical-align:middle;
}
.membership-company .tel span {
    color:#999;
}
.sch-detail-area + .tip {
    margin-top:50px;
}

.sch-detail-area {
    position:relative;
    border:3px solid #e1e1e1;
	padding:20px 95px 20px 25px;
    height:75px;
}
.sch-detail-area li{
    display:table;
}
.sch-detail-area li + li {
    margin-top:10px;
}
.sch-detail-area li > * {
    display:table-cell;
}
.sch-detail-area li > cite {
    width:115px;
    color:#333;
    font-weight:400;
}
.sch-detail-area .btn-sch {
    position:absolute;
    right:20px;
    top:20px;
    bottom:20px;
    width:75px;
    line-height:75px;
    background:#49abf1;
    color:#fff;
    font-size:17px;
    text-align:center;
    border-radius:2px;
}
.sch-detail-area .tip {
    font-size:14px;
    vertical-align:middle;
}
.sch-detail-area .ui-datepicker-trigger + .tip {
    margin-left:13px;
}

/* mynecess */
.mynecess-info {
    position:relative;
    margin:20px 0;
    padding:30px 40px 30px 205px;
}

.mynecess-info img {
    position:absolute;
    left: -70px;
    top: 20px;
    width: 115px;
    height: 100px;
    font-size:15px;
    font-weight:400;
    text-align:center;
    content: "";
    display: block;
    line-height : 35px;
    margin: 0 auto 25px 75px;
}

.mynecess-info h4 {
    position:absolute;
    left:30px;
    width: 115px;
    height: 100px;
    font-size:15px;
    font-weight:400;
    text-align:center;
    content: "";
    display: block;
    line-height : 35px;
    margin: 0 auto 25px 75px;
}

.mynecess-info ul {
    padding-left:30px;
    margin:0;
    border-left: 1px solid #e1e1e1;
}
.mynecess-info + .bullet-list {
    margin-bottom:80px;
}

/* tail 메인페이지에서 퀵메뉴 보이기 */
.site-body .tail{width:76px;height:451px;position:absolute;top:0px;right: 100px;display:block;z-index: 999999;}
.site-body .tail a{display:block; height:76px; overflow:hidden; text-indent:-9999px;}
.site-body .tail p{display:block; height:76px; overflow:hidden; text-indent:-9999px;}
.site-body .Mmain{background:url(../../images/user/main/quick_micro.jpg) no-repeat;}
.site-body .Gmain{background:url(../../images/user/main/quick_global.jpg) no-repeat;}
.site-body .Msub{background:url(../../images/user/main/quick_micro.jpg) no-repeat;right: -150px;}
.site-body .Gsub{background:url(../../images/user/main/quick_global.jpg) no-repeat;right: -150px;}
.site-body .Vmain{background:url(../../images/user/main/quick_volvoce.jpg) no-repeat;}
.site-body .Vsub{background:url(../../images/user/main/quick_volvoce.jpg) no-repeat;right: -150px;}

/* tail ghrd 퀵메뉴 */
.site-body .ghrdmain{background:url('/assets/images/user/main/quick_ghrd.jpg') no-repeat;}
.site-body .tail.ghrdmain{width:76px;height:184px;position:absolute;top:0px;right: 100px;display:block;z-index: 999999;}
.site-body .tail.ghrdmain a{display:block; top:76px;height:108px; overflow:hidden; text-indent:-9999px;}
.site-body .tail.ghrdmain p{display:block; height:76px; overflow:hidden; text-indent:-9999px;}
.site-body .ghrdsub{background:url('/assets/images/user/main/quick_ghrd.jpg') no-repeat;right: -150px;}

/* tail kird 퀵메뉴 */
.site-body .kirdmain{background:url('/assets/images/user/main/quick_kird.jpg') no-repeat;}
.site-body .tail.kirdmain{width:76px;height:375px;position:absolute;top:0px;right: 100px;display:block;z-index: 999999;}
.site-body .tail.kirdmain a{display:block; top:76px;height:108px; overflow:hidden; text-indent:-9999px;}
.site-body .tail.kirdmain p{display:block; height:76px; overflow:hidden; text-indent:-9999px;}
.site-body .kirdsub{background:url('/assets/images/user/main/quick_kird.jpg') no-repeat;right: -150px;}

/* 2020-03-12 라이브 의견*/
.live-aside {
  width: 310px;
  float: right;
  margin-left: -1px;
  padding-left: 19px;
  border-left: 1px solid #ececec;
}

.lv-head h5 {
  display: inline-block;
  font-size: 17px;
  font-weight: 500;
}

.lv-head h5 span {
  color: #b83826;
}

button.lv-refresh {
  display: inline-block;
  width: 21px;
  height: 21px;
  background: url(/assets/images/user/contents/ico_refresh.png) no-repeat;
  border-width: 0;
  border-style: none;
  vertical-align: text-bottom;
  cursor: pointer;
  margin-left: 5px;
}
.lv-head .onoff {
    float: right;
    font-size: 14px;
    color: #777;
    margin-top: -1px;
}
.lv-head .onoff cite {
    margin-right: 5px;
}
.lv-head .onoff a.active {
    background: #08ab76;
    color: #fff;
    border-color: #08ab76;
}
.lv-head .onoff a {
    display: inline-block;
    font-size: 12px;
    color: #999;
    border: 1px solid #d9d9d9;
    width: 30px;
    height: 20px;
    line-height: 19px;
    text-align: center;
    margin-left: -3px;
}
.lv-box {
  margin-top: 10px;
  display: block;
  width: 310px;
  position: relative;
  min-height: 120px;
  padding: 15px 18px;
  border: 1px solid #d0d0d0;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff;
  box-sizing: border-box;
}

.lv-box span {
  font-size: 13px;
  color: #555;
}

.lv-box textarea {
  display: block;
  width: 100%;
  padding: 0;
  /* padding-right: 100px; */
  border: 0;
  overflow: hidden;
  resize: none;
  box-sizing: border-box;
  height: 92px;
}

.lv-tit h5 {
  display: inline-block;
  width: 310px;
  font-size: 15px;
  font-weight: 500;
  margin: 22px 0 -2px;
  padding-bottom: 8px;
  border-bottom: 1px solid #f0f0f0;
}

.lv-tit h5 span {
  font-size: 14px;
  font-weight: 400;
  color: #888;
  margin-left: 12px;
}
.lv-box-content{
  height:530px;
  overflow-y: scroll;
  width:310px;
}

ul.lv-box-list {
  margin-top: 20px;
  padding-right: 18px;
}

ul.lv-box-list li {
  margin-top: 13px;
}

.lv-box-content .lvbox_cont {
  display: inline-block;
  position: relative;
  width: 310px;
  max-width: 100%;
  padding: 15px;
  /* border: 1px solid #f0f1f4; */
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-color: #f0f1f4;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  word-wrap: break-word;
}

.lv-box-content .lvbox_cont:before {
  position: absolute;
  top: -8px;
  left: 0;
  width: 20px;
  height: 20px;
  background: url(/assets/images/user/contents/ico_lvbox_cont.png) no-repeat;
  content: "";
}

.lv-box-content .lvbox_info {
  position: relative;
  z-index: 1;
  /* margin-right: 157px; */
}

.lv-box-content .lvbox_info .nick {
  display: block;
  overflow: hidden;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.54;
  letter-spacing: -.36px;
  color: #000;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0;
}

.lv-box-content .lvbox_text {
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -.2px;
  color: #000;
}

.lv-box-content .lvbox_time {
  display: inline-block;
  font-size: 14px;
  letter-spacing: -.2px;
  color: #999;
  /* vertical-align: top; */
  position: absolute;
  top: 12px;
  right: 20px;
}

.lv-box em {
  color: #999;
}

.lv-box button.lv-upload {
  display: block;
  position: absolute;
  bottom: 15px;
  right: 18px;
  min-width: 50px;
  color: #fff;
  height: 30px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: solid 1px rgba(0, 0, 0, .05);
  background-color: #2e2e2e;
  z-index: 10;
  cursor: pointer;
}
.play-option-list.lv {
  margin-top: 20px;
}
.vdo-info-date {
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.5em;
  color: #333;
  display: inline-block;
}
.vdo-info-date .lecturer {
}
.vdo-info-date .date {
  margin-left:18px;
  font-weight:400;
}
.vdo-info-date .time {
  margin-left:6px;
  font-weight:400;
}

/* 200317_sub-list */
.series-list.lv {
  margin-top: -10px;
}

.series-list .line {
  border-bottom: 1px solid #d4d4d4;
  margin-bottom: 30px;
}

.label.lv {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 50px;
  height: 24px;
  background-color: rgb(224, 20, 20);
  color: #fff !important;
  text-align: center;
  z-index: 1;
  font-size: 13px;
  line-height: 23px;
  font-weight: 400;
  letter-spacing: 1px;
}
.series-list li span.lv-time {
  color: #ff041b;
  display: block;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  font-weight: 300;
}
.series-list li span.lv-time em{
  margin-left:5px;
  color: #ff041b;
  font-weight: 300;
}
.series-list li span.lv-time-p{
  color: #888;
  display: block;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  font-weight: 300;
}
.series-list li span.lv-time-p em{
  margin-left:5px;
  color: #888;
  font-weight: 300;
}

/*B2C 회원권*/
.mem-notice {
    /* float:left; */
    width:100%;
    position:relative;
    display:block;
    border:1px solid #d9d9d9;
    padding:30px 20px 30px 200px;
    text-align:right;
    box-sizing: border-box;
    margin:20px 0;
}

.mem-notice figure  {
    text-align:left;
    height:auto;
    overflow:hidden;
}
.mem-notice figure img {
    position:absolute;
    left:95px;
    top:69px;
    display:block;
}
.mem-notice figcaption{
  margin-left: 73px;
  letter-spacing: 0.3px;
}
.mem-notice figcaption h4 {
    margin-bottom:15px;
    font-size:20px;
    line-height:1.2em;
    font-weight:400;
}
.mem-notice figcaption h4 span {
    font-size:16px;
}
.mem-notice figcaption p {
    line-height:1.6em;
    color:#777;
}
.mem-notice figcaption em{
  color:#da4d39;
  /* font-weight: bold; */
}
.mem-notice figcaption li:before{
  content:'';
  display: inline-block;
  width:2px;
  height:2px;
  background: #777;
  margin:0 8px 5px 0;
}
.membership > h3 i {
    display: inline-block;
    color: #000;
    padding-left: 8px;
}
.membership-list2  {
    margin: 34px 0;
}
.membership-list2  li > div .btn {
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    width: 160px;
}
.membership-list2  figure {
    left: 30px;
    /* display: block; */
    /* width: 225px; */
    /* height: 140px; */
    /* border: 1px solid #d9d9d9; */
    /* background: #fafafa; */
    /* text-align: center; */
}
.membership-list2  {
    margin:54px 0;
}
.membership-list2  li {
    position:relative;
    border:1px solid #d9d9d9;
    padding:29px 280px;
    min-height:140px;
}
.membership-list2  li + li {
    margin-top:20px;
}
.membership-list2  figure,
.membership-list2  li > div {
    position:absolute;
    top:27px;
}
.membership-list2  figure {
    left:30px;
    /* display:block; */
    /* width:225px; */
    /* height:140px; */
    /* border:1px solid #d9d9d9; */
    /* background:#fafafa; */
    /* text-align:center; */
}
.membership-list2  figure img {
  display: block;
  width: 145px;
  margin: 0 0 0 27px;
}
.membership-list2  figcaption {
    color:#b83826;
    font-weight:400;
    font-size:22px;
    color:#b83826;
}
.membership-list2  li > div {
    top:16px;
    bottom:16px;
    border-left:1px dashed #d7d7d7;
    right:0;
    width:260px;
    text-align:center;
    padding-top:35px;
}
.membership-list2  li > div strong {
    margin-bottom:25px;
    display:block;
    font-size:24px;
    font-weight:400;
}
.membership-list2  li > div p {
    margin-bottom:25px;
    display:block;
    font-size:20px;
    font-weight:400;
}
.membership-list2  li:before,
.membership-list2  li > div:before {
    content:"";
    position:absolute;
    display:block;
    width:18px;
    height:9px;
    border:1px solid #d9d9d9;
    border-radius:0 0 20px 20px;
    top:-17px;
    left:-11px;
    background:#fff;
}
.membership-list2  li:after,
.membership-list2  li > div:after {
    content:"";
    position:absolute;
    top:-17px;
    left:-10px;
    width:18px;
    height:1px;
    background:#fff;
    z-index:2;
}
.membership-list2  li:before {
    left:auto;
    right:251px;
    top:auto;
    bottom:-1px;
    border-radius:20px 20px 0 0;
}
.membership-list2  li:after {
    left:auto;
    right:252px;
    top:auto;
    bottom:-1px;
    background:#fff;
}
.membership-list2  h4 {
    margin:15px 0 30px;
    font-size:30px;
    font-weight:400;
}
.membership-list2  p {
    font-size:17px;
    line-height:1.765em;
}
/*B2C 상단 추가*/
.site-header .util-left {
  position: absolute;
  top: 25px;
  left: 0;
  margin-left: 20px;
}
.site-header .util-left em {
 color:#2472c3;
}

.site-header .util-left2 {
  position: absolute;
  top: 20px;
  left: 0;
  margin-left: 20px;
}

.site-header .util-left2 a {
  display: inline-block;
  color: #747577;
  height: 16px;
  line-height: 16px;
  font-weight: 400;
}
.site-header .logo-left {
  position: absolute;
  top: 5px
  left: 0;
  margin-left: 20px;
}
/*라이브 추가*/
.lv_instructor{
  position: absolute;
  bottom: 20px;
  font-size: 17px;
  color:#555;
}
.lv_instructor .lv_name{
    font-size: 17px;
    font-weight: 400;
}


/* Todays news*/
.mn-td-news {
  position: relative;
  display: block;
  width: 1100px;
  height: 45px;
  margin: 30px auto 0px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  vertical-align: middle;
  font-size: 0;
}

.mn-td-news span.tit {
  color: #f93f46;
  margin-right: 20px;
  font-weight: 500;
  font-size: 17px;
  display: inline-block;
  margin-top: 10px;
  margin-left: 12px;
}

.mn-td-news .tdcon-01,
.mn-td-news .tdcon-02 {
  display: inline-block;
  line-height: 20px;
  vertical-align: middle;
}

.mn-td-news .tdcon-01 {
  margin-left: 10px;
}

.mn-td-news .tdcon-02 {
  margin-left: 36px;
}

.mn-td-news span.con {
  display: inline-block;
  width: 360px;
  margin-bottom: 5px;
}

.mn-td-news span.con a {
  display: inline-block;
  width: 360px;
  font-weight: 400;
  overflow: hidden;
  word-wrap: break-word;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #000;
  font-size: 16px;
}

.mn-td-news span.nt {
  display: inline-block;
  width: 80px;
  font-size: 13px;
  margin-left: 10px;
  vertical-align: top;
  overflow: hidden;
  word-wrap: break-word;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.vbank_view {
	width: 50%;
	position: relative;
	margin: 0 auto;
	margin-top: 20px;
}
.vbank_view table td {
	text-align:left;
}
/*영문 메뉴 추가 폰트 사이즈 변경*/
.site-gnb.en > li > a {
	font-size: 18px;
}


#main_new{position:relative;width:100%;min-width:1198px;overflow:hidden;}
#main_new h2{height:70px;line-height:70px;font-family: 'Noto Serif KR';font-size:28px;font-weight:700}
#main_new .mn-row-hri h2{
    height: 70px;
    line-height: 94px;
    font-size: 28px;
    font-weight: 600;
    border-bottom: 1px solid #ddd;
}

.main_new_coming{
	position:relative;
	width:1098px;
	margin:63px auto 50px;
}
.main_new_coming:before,
.main_new_coming:after{
	content:'';
	position:absolute;top:0;
	display:block;width:200%;height:143px;
	background:#f3f4f6
}
.main_new_coming:before{right:50%}
.main_new_coming:after{left:50%}
.main_new_coming h2{
	position:absolute;top:-50px;left:-45px;
	padding:15px 0 0 126px;
	background:url(../../images/user/main/comming_title_bg.png) no-repeat;
	z-index:2
}
.coming_slider{z-index:2}
.coming_slider .slick-list{overflow:visible}
.coming_slider .slick-slide{position:relative;height:143px;}
.coming_slider .slick-slide dl{position:absolute;left:45px;bottom:23px;max-width:432px;margin-left:30px;}
.coming_slider .slick-slide dt{position:relative;display:inline-block;margin-bottom:12px;}
.coming_slider .slick-slide dt:before{
	content:'';
	position:absolute;bottom:-2px;left:0;
	display:block;
	width:100%;height:17px;
	background:#fae9ac
}
.coming_slider .slick-slide dt b{
	position:relative;
	display:inline-block;
	padding:0 7px;
	font-size:24px;font-weight:500;
}
.coming_slider .slick-slide dd{padding-left:7px;font-size:14px;word-break:keep-all;line-height:1.4em;color:#000}
.coming_slider .slick-slide p{position:absolute;right:0;bottom:-24px;transition:.4s;margin-right:-30px;opacity:0}
.coming_slider .slick-slide.slick-active dl{margin-left:0;transition:.4s;}
.coming_slider .slick-slide.slick-active p{opacity:1;margin:0}
.coming_slider .slick-dots{margin-top:10px;text-align:center;font-size:0}
.coming_slider .slick-dots li{display:inline-block;border:0;background:none;font-size:0;}
.coming_slider .slick-dots li button{width:10px;height:10px;border:0;border-radius:50%;margin-right:10px;padding:0;background:#4f514f;opacity:1;font-size:0;vertical-align:top;outline:None;cursor:pointer}
.coming_slider .slick-dots li.slick-active button{background:#f30e0b}
.coming_slider .auto_play{
	display:inline-block;width:15px;height:15px;
	border:0;margin-top:-3px;
	background:url(../../images/user/main/comming_btn_stop.png) no-repeat center;
	font-size:0;vertical-align:top;cursor:pointer;outline:none
}
.coming_slider .auto_play.stop{background-image:url(../../images/user/main/comming_btn_play.png)}
.coming_slider .auto_play:focus{border:0}

/*a cursor 제거*/
ul.coming_slider.slick-initialized.slick-slider.slick-dotted a{
    cursor: default;
}

.main_new_popularity{
	position:relative;
	width:1098px;
	margin:0 auto 55px
}
.popularity_slider{width:calc(100% + 16px)}
.popularity_slider .slick-list{overflow:visible}
.popularity_slider .slick-slide{opacity:0.3;margin-right:16px}
.popularity_slider .slick-slide p{position:relative;height:260px;border-radius:20px;background-position:center;background-size:cover;overflow:Hidden;box-shadow:1px 2px 6px rgba(0,0,0,0.2);}
.popularity_slider .slick-slide a{position:relative;display:block;}
.popularity_slider .slick-slide a.video:after,
.popularity_slider .slick-slide a.text:after{
	content:'';
	position:absolute;top:10px;right:10px;
	display:block;width:50px;height:50px;
	background:url(../../images/user/main/popularity_video.png) no-repeat center;
}
.popularity_slider .slick-slide a.text:after{background:url(../../images/user/main/popularity_txt.png) no-repeat center;}
.popularity_slider .slick-slide a p:after{
	position:absolute;left:10px;bottom:-10px;
	font-size:100px;color:#fff;font-weight:700;line-height:100px;
	text-shadow:0 0 10px rgba(0,0,0,0.3)
}
.popularity_slider .slick-slide b{
	display:block;height:50px;line-height:50px;
	font-size:16px;font-weight:400;color:#363232;text-align:center;
	overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}
.popularity_slider .slick-slide:nth-child(1) a p:after{content:'1'}
.popularity_slider .slick-slide:nth-child(2) a p:after{content:'2'}
.popularity_slider .slick-slide:nth-child(3) a p:after{content:'3'}
.popularity_slider .slick-slide:nth-child(4) a p:after{content:'4'}
.popularity_slider .slick-slide:nth-child(5) a p:after{content:'5'}
.popularity_slider .slick-slide:nth-child(6) a p:after{content:'6'}
.popularity_slider .slick-slide:nth-child(7) a p:after{content:'7'}
.popularity_slider .slick-slide:nth-child(8) a p:after{content:'8'}
.popularity_slider .slick-slide:nth-child(9) a p:after{content:'9'}
.popularity_slider .slick-slide:nth-child(10) a p:after{content:'10'}
.popularity_slider .slick-slide:nth-child(11) a p:after{content:'11'}
.popularity_slider .slick-slide:nth-child(12) a p:after{content:'12'}
.popularity_slider .slick-slide:nth-child(13) a p:after{content:'13'}
.popularity_slider .slick-slide:nth-child(14) a p:after{content:'14'}
.popularity_slider .slick-slide:nth-child(15) a p:after{content:'15'}
.popularity_slider .slick-slide:nth-child(16) a p:after{content:'16'}
.popularity_slider .slick-slide:nth-child(17) a p:after{content:'17'}
.popularity_slider .slick-slide:nth-child(18) a p:after{content:'18'}
.popularity_slider .slick-slide:nth-child(19) a p:after{content:'19'}
.popularity_slider .slick-slide:nth-child(20) a p:after{content:'20'}

.popularity_slider .slick-slide.slick-active{opacity:1;}
.popularity_slider .slick-arrow{
	position:absolute;top:100px;
	width:60px;height:60px;
	background:url(../../images/user/main/popularity_prev.png) no-repeat center;
	font-size:0;border:0;outline:None;cursor:pointer;
	z-index:1
}
.popularity_slider  .slick-arrow.slick-prev{left:-30px}
.popularity_slider  .slick-arrow.slick-next{right:-14px;background-image:url(../../images/user/main/popularity_next.png)}
.popularity_slider  .slick-arrow.slick-prev:hover{background-image:url(../../images/user/main/popularity_prev_on.png)}
.popularity_slider  .slick-arrow.slick-next:hover{background-image:url(../../images/user/main/popularity_next_on.png)}
.popularity_slider  .slick-arrow.slick-disabled{display:None;visibility:hidden;}

.main_new_miss{
	position:relative;
	width:1098px;
	margin:0 auto;padding:40px 0 20px;
}
.miss_slider{width:calc(100% + 30px)}
.miss_slider .slick-list{padding:0 !important;}
/* .miss_slider .slick-slide{height:320px;visibility:hidden;margin-right:30px}
.miss_slider .slick-slide.slick-active{visibility:visible} */
.miss_slider .slick-slide{height:320px;margin-right:30px}
.miss_slider .slick-slide a{position:relative;display:block;}
.miss_slider .slick-slide p{
	position:relative;
	width:180px;height:180px;
	margin:37px auto 0;
	border-radius:50%;
	box-shadow:3px 6px 10px rgba(0,0,0,0.2);
	overflow:hidden;transition:all 300ms ease;
	background-size:cover;background-position:center;
}
.miss_slider .slick-slide a p:before{
	content:'';
	position:absolute;top:50%;left:50%;
	display:block;width:180px;height:180px;
	margin:-90px 0 0 -90px;
	background:rgba(0,0,0,0.4);transition:.3s;
	border-radius:50%;
	opacity:0
}
.miss_slider .slick-slide a:after{
	content:'';
	position:absolute;top:78px;left:0;
	display:block;width:100%;height:37px;
	background:url(../../images/user/main/miss_play.png) no-repeat center;transition:.3s;
	opacity:0
}
.miss_slider .slick-slide a:hover p:before,
.miss_slider .slick-slide a:hover:after{opacity:1}
.miss_slider .slick-slide b{
	display:block;
  max-height:40px;
	margin-top:18px;
	font-size:16px;color:#666d7e;text-align:center;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break: keep-all;
}

.miss_slider .slick-slide.slick-current{}
.miss_slider .slick-slide.slick-current p{transform:scale(1.4);transition:.2s}
.miss_slider .slick-slide.slick-current p:before{
	opacity:1;
	transform:scale(0.7);background-position:center 50px
}
.miss_slider .slick-slide.slick-current a:after{opacity:1;top:47px}
.miss_slider .slick-slide.slick-current a:hover p:before{transform:scale(1);}
.miss_slider .slick-slide.slick-current b{
	position:absolute;top:83px;left:0;
	width:100%;box-sizing:border-box;
	padding:0 45px;
	color:#fff;line-height:1.3em;
	white-space:normal;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap:break-word;
}

.miss_slider .slick-arrow{
	position:absolute;top:114px;
	width:25px;height:35px;
	padding:0;
	background:url(../../images/user/main/btn_prev.png) no-repeat center;
	font-size:0;border:0;outline:None;cursor:pointer;
	z-index:1
}
.miss_slider .slick-arrow.slick-prev{left:-50px}
.miss_slider .slick-arrow.slick-next{right:-25px;background-image:url(../../images/user/main/btn_next.png)}
.miss_slider .slick-dots{position:relative;display:table;width:calc(100% - 62px);table-layout:fixed;}
.miss_slider .slick-dots li{display:table-cell;width:100%;height:3px;vertical-align:middle;}
.miss_slider .slick-dots li button{display:inline-block;width:100%;height:1px;padding:0;border:0;background:#c3c4c6;vertical-align:top;transition:.3s;font-size:0}
.miss_slider .slick-dots li.slick-active button{height:3px;background:#ff0000;margin-top:-1px}
.main_new_miss .auto_play{
	position:absolute;right:0;bottom:36px;
	display:block;width:15px;height:15px;
	border:0;
	background:url(../../images/user/main/miss_btn_stop.png) no-repeat center;
	font-size:0;vertical-align:top;cursor:pointer;outline:none
}
.main_new_miss .auto_play.stop{background-image:url(../../images/user/main/miss_btn_play.png)}
.main_new_miss .auto_play:focus{border:0}

.main_new_series{
	position:relative;
	width:1098px;
	margin:0 auto;padding:30px 0 8px
}
.main_new_series .more{position:absolute;right:0;top:56px}
.main_new_series .more a{
	display:inline-block;
	padding-right:23px;
	background:Url(../../images/user/main/icon_more.png) no-repeat right 9px;
	font-size:16px;color:#7a7979;font-weight:500
}
.series_slider{width:calc(100% + 19px)}
.series_slider .slick-slide{margin-right:19px;vertical-align:top}
.series_slider .slick-slide p{position:relative;width:260px;height:260px;background:#d1d2d3;box-sizing:border-box;padding-top:1px;overflow:hidden;}
.series_slider .slick-slide p img{display:block;width:135px;margin:52px auto 0;box-shadow:0 0 10px rgba(0,0,0,0.2);transition:.3s}
.series_slider .slick-slide b{
	display:block;height:50px;line-height:50px;
	font-size:18px;font-weight:400;color:#363232;text-align:center;
	overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}
.series_slider .slick-slide a{display:block;}
.series_slider .slick-slide:nth-child(2) p img,
.series_slider .slick-slide:nth-child(5) p img,
.series_slider .slick-slide:nth-child(8) p img,
.series_slider .slick-slide:nth-child(10) p img,
.series_slider .slick-slide:nth-child(13) p img,
.series_slider .slick-slide:nth-child(16) p img,
.series_slider .slick-slide:nth-child(18) p img{position:absolute;top:50%;left:0;width:100%;margin-top:-150px}
.series_slider .slick-slide:hover p img{transform:scale(1.1)}
.series_slider .slick-arrow{
	position:absolute;top:118px;
	width:25px;height:35px;
	padding:0;
	background:url(../../images/user/main/btn_prev.png) no-repeat center;
	font-size:0;border:0;outline:None;cursor:pointer;
	z-index:1
}
.series_slider .slick-arrow.slick-prev{left:-50px}
.series_slider .slick-arrow.slick-next{right:-25px;background-image:url(../../images/user/main/btn_next.png)}
.series_slider .slick-arrow.slick-disabled{display:None;visibility:hidden;}
.series_slider .slick-slide:nth-child(3) p{background-color:#cec6b1;}
.series_slider .slick-slide:nth-child(4) p{background-color:#e3e5e6;}
.series_slider .slick-slide:nth-child(6) p{background-color:#eadddc;}
.series_slider .slick-slide:nth-child(7) p{background-color:#ced2cf;}

.series_slider .slick-slide:nth-child(9) p{background-color:#d1d2d3;}
.series_slider .slick-slide:nth-child(11) p{background-color:#cec6b1;}
.series_slider .slick-slide:nth-child(12) p{background-color:#e3e5e6;}
.series_slider .slick-slide:nth-child(14) p{background-color:#eadddc;}
.series_slider .slick-slide:nth-child(15) p{background-color:#ced2cf;}
.series_slider .slick-slide:nth-child(17) p{background-color:#d1d2d3;}
.series_slider .slick-slide:nth-child(19) p{background-color:#cec6b1;}
.series_slider .slick-slide:nth-child(20) p{background-color:#e3e5e6;}

.main_new_thema{
	position:relative;
	width:1098px;
	margin:0 auto;padding:30px 0 60px
}
.main_new_thema h2{position:absolute;left:0;line-height:1.7em !important}
.main_new_thema .more{
  position: absolute;
  left: 5px;
  top: 150px;
  width: 98px;
  height: 28px;
  border: solid 1px #cecbcb;
  padding: 0 4px 0 11px;
}
.main_new_thema .more a{
	display:inline-block;
	padding-right:18px;
	background:Url(../../images/user/main/icon_more.png) no-repeat right 8px;
	font-size:14px;color:#7a7979;font-weight:500;
}
.main_new_thema .more:hover{
  border: solid 1px #aeadad;
  transition:.4s
}
.main_new_thema .thema_list{width:calc(100% + 19px);font-size:0}
.main_new_thema .thema_list li{
	height:280px;
	display:inline-block;width:calc(25% - 19px);
	margin-right:19px;
	vertical-align:top
}
.main_new_thema .thema_list li p{
	position:relative;height:260px;
	background-size:cover;background-position:center;background-repeat:no-repeat;
	transition:.3s
}
.main_new_thema .thema_list li a{position:relative;display:block;}
.main_new_thema .thema_list li a:hover p{margin-top:5px;box-shadow:0 0 10px rgba(0,0,0,0.2);border-radius:15px}

.main_new_quick{
	position:relative;
	width:1098px;
	margin:0 auto;padding:40px 0 40px 280px;
	box-sizing:border-box;
	background:#f3f4f6
}
.main_new_quick:before,
.main_new_quick:after{
	content:'';
	position:absolute;top:0;
	display:block;width:100%;height:100%;
	background:#f3f4f6
}
.main_new_quick:before{right:100%}
.main_new_quick:after{left:100%}
.main_new_quick h2{
	position:absolute;left:0;top:18px
}
.main_new_quick h2:after{
	content:'';
	display:block;width:38px;height:2px;
	margin-top:20px;
	background:#060606
}
.main_new_quick .quick_list{display:table;width:100%;table-layout:fixed}
.main_new_quick .quick_list li{display:table-cell;text-align:center;font-size:16px;color:#242425}
.main_new_quick .quick_list li p{height:83px;background-position:center 0;background-repeat:no-repeat;margin-bottom:10px}
.main_new_quick .quick_list li p:hover{background-position:center -83px}


/* 신규시리즈 */
.serise-new-list{
	width:100%;overflow:hidden;
	margin-top:20px;
	border-top:1px solid #525252;
}
.serise-new-list ul{
	width:calc(100% + 61px);
	margin:-1px 0 0 -61px;
	font-size:0;text-align:left
}
.serise-new-list ul li{
	position:relative;
	display:inline-block;width:calc(25% - 61px);
	padding-top:24px;margin-left:61px;
	vertical-align:top
}
.serise-new-list ul li:before{
	content:'';
	position:absolute;top:0;right:0;
	display:block;width:200%;height:1px;
	background:#d4d4d4
}
.serise-new-list ul li div{position:relative;font-size:0}
.serise-new-list ul li div img{display:block;width:100%}
.serise-new-list ul li div p{
	position:absolute;top:0;left:0;
	width:100%;height:100%;
	box-sizing:border-box;
	padding:86px 40px 0;
	background:rgba(0,0,0,0.7);
	opacity:0;transition:.3s;
}
.serise-new-list ul li div p a{
	position:relative;
	display:block;width:100%;height:40px;line-height:38px;
	margin-bottom:20px;
	border:1px solid #b6b3b6;
	text-align:center;font-size:16px;color:#fff
}
.serise-new-list ul li div p a span{position:relative;}
.serise-new-list ul li div p a:before{
	content:'';
	position:absolute;top:-1px;left:-1px;
	display:block;height:calc(100% + 2px);width:0;
	background:#fa0621;
	transition:.3s;transition-timing-function:cubic-bezier(.645,.045,.355,1)
}
.serise-new-list ul li div p a:hover:before{width:calc(100% + 2px)}
.serise-new-list ul li:hover div p{opacity:1}
.serise-new-list ul li dl{height:150px}
.serise-new-list ul li dt{
	padding-top:15px;
	font-size:18px;color:#333;font-weight:500;line-height:1.3em
}
.serise-new-list ul li dd{
	padding-top:10px;
	font-size:16px;color:#333;line-height:1.3em
}

.pop_lecturerInfo{
	position:absolute;top:0;left:0;
	width:100%;min-height:100%;
	box-sizing:border-box;
	margin:0;padding:230px 0 100px;
	border:0;
	background:rgba(0,0,0,0.6);
	font-size:0
}
.pop_lecturerInfo_ct{
	position:relative;
	width:940px;
	margin:0 auto;text-align:center;
	background:#fff
}
.pop_lecturerInfo div img{display:block;margiN:0 auto;max-width:100%;font-size:0}

/* 테마시리즈 */
.serise-thema-list{
	width:100%;
	margin-top:20px;
	border-top:1px solid #525252;
}
.serise-thema-list>li{
	position:relative;
	border-bottom:1px solid #c7c7c7;
	text-align:left;
}
.serise-thema-list>li>a{
	position:relative;
	display:block;min-height:120px;
	padding:20px 150px 20px 155px;
}
.serise-thema-list>li>a p{
	position:absolute;top:20px;left:0;
	width:120px;height:120px;
	background-size:cover;background-position:center;
}
.serise-thema-list>li>a p img{display:block;width:100%}
.serise-thema-list>li>a dt{
	font-size:24px;color:#333;font-weight:400;line-height:1.2em;
}
.serise-thema-list>li>a dd{
	margin-top:8px;
	font-size:16px;color:#777;font-weight:400;line-height:1.4em;
}
.serise-thema-list>li>a dd+dd{position:absolute;bottom:25px;}
.serise-thema-list>li>a>span{
	position:absolute;bottom:20px;right:0;
	display:block;width:146px;height:30px;line-height:30px;
	border:1px solid #d3d3d3;
	text-align:center;font-size:14px;color:#5a5a5a
}
.serise-thema-list>li>a:hover>span{background-color:#fafafa}
.serise-thema-list>li>div{
	display:none;
	margin:0;padding:0 0 0 38px;
	border-top:1px solid #dbdbdb;
	background:#eaeaea
}
.serise-thema-list .series-list li{width:239px}
.serise-thema-list .series-list .check-info{margin-top:24px}
.serise-thema-list .series-list .check-info a.view{position:absolute;right:40px;margin-top:-7px}
.serise-thema-list .series-list .check-info a{background-color:#fff !important}
.serise-thema-list .series-list .check-info a:hover{background-color:#fafafa !important}

/*seriesThema-detail*/
/* .site-body .site-contents.thema {
    padding-top: 18px;
} */
.site-tit-thema {
  position: relative;
  text-align: center;
  width: 1100px;
  box-sizing: border-box;
  margin-top: -5px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #525252;
}
.thema_tit {
  width: 750px;
  height: 90px;
  padding-bottom: 20px;
  padding-right: 19px;
  margin-top: -25px;
  border-right: 1px solid #ececec;
}
.thema_tit .thema_thumb {
  display: inline-block;
  width: 90px;
  height: 90px;
  margin-right: 20px;
}
.thema_tit .thema_thumb img {
  width: 100%;
}
.thema_tit .subtit {
  display: inline-block;
  vertical-align: top;
  height: 118px;
  width: 634px;
}
.thema_tit .subtit h4 {
  font-size: 20px;
  vertical-align: top;
  padding: 4px 0 16px;
  font-weight: 500;
}
.thema_tit .subtit span.desc {
  display: block;
  font-size: 17px;
  line-height: 23px;
}
#vdoBox > h4 {
    display: inline-block;
    margin: 15px 0 0;
    font-size: 22px;
    line-height: 1.545em;
    font-weight: 400;
}
.learn-aside.thema {
    margin-top: -110px;
}
.site-tit-thema h2 {
  font-size: 34px;
  font-weight: 400;
}
.series-thema-list {
  margin-bottom: 55px;
  margin-top: 30px;
}
.series-thema-list li {
  position: relative;
  min-height: 130px;
  padding-left: 130px;
}
.series-thema-list li+li {
  margin-top: 20px;
}
.series-thema-list figure {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 120px;
  height: 120px;
  overflow: hidden;
}
.series-thema-list figure img {
  display: block;
  width: 100%;
}
.series-thema-list h4 {
  font-size: 17px;
  line-height: 1.3em;
  font-weight: 400;
  padding-bottom: 5px;
}
.series-thema-list cite{
  display: block;
  font-size: 13px;
  color: #555;
  line-height: 1.5em;
}
.series-thema-list p {
    font-size: 13px;
    color: #555;
    line-height: 1.5em;
    display: -webkit-box;
    width: 180px;
    word-break: break-word;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}
.series-thema-list .btn {
  margin-top: 13px;
}
/* .vdo-tab-con p.p2 {
margin-top: 80px;
} */

/*경제·금융동향*/

.mn-hri-report {
  height: 240px;
  margin-top: 38px;
}
.mn-row-hri .more{position:absolute;right:0;top:38px}
.mn-row-hri .more a{
	display:inline-block;
	padding-right:23px;
	background:Url(../../images/user/main/icon_more.png) no-repeat right 9px;
	font-size:16px;color:#7a7979;font-weight:500
}

ul.hri-report {
  /* overflow: hidden; */
  width: 1098px;
  height: 240px;
  padding-top: 46px;
}

ul.hri-report li{
  position: relative;
  display: inline-block;
  background: #f1f0f0;
  width: 354px;
  height: 195px;
  margin-right: 14px;
}

ul.hri-report li:nth-child(3){
  margin-right: 0;
}

ul.hri-report li figure{
  display: inline-block;
  margin: -36px 0 22px 22px;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
}

ul.hri-report li figure a{
  display: block;
  width: 122px;
  height: 158px;
}
ul.hri-report li figure img{
  width: 122px;
  height: 158px;
}

ul.hri-report li figure a:hover .over_area {
  opacity: 1;
}

/* ul.hri-report li figure a:hover{
  background-color:rgba(0,0,0,.35);
} */
ul.hri-report li figure .over_area{
  position: absolute;
  background: rgba(0, 0, 0, .4);
  top: -36px;
  left: 22px;
  width: 122px;
  height: 89px;
  box-sizing: content-box;
  opacity: 0;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  text-align: center;
  padding-top: 70px;
  -webkit-transition: opacity .3s;
  -moz-transition: opacity .3s;
  transition: opacity .3s;
}

ul.hri-report li div{
  position: absolute;
  display: inline-block;
  margin-left: 20px;
  width: 175px;
}

ul.hri-report li div span.label-hri{
  display: block;
  box-sizing: border-box;
  width: 70px;
  height: 70px;
  margin-top: -36px;
  background: #ee6a77;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  padding: 15px 0 0 8px;
}

ul.hri-report li div span.label-hri.r2{
  background: #53aba0;
}

ul.hri-report li div span.label-hri.r3{
  background: #af83c4;
}
ul.hri-report li div span.label-hri.r4{
  background: #6386d2;
  padding: 24px 0 0 14px;
}

ul.hri-report li div cite{
  display: block;
  padding-top: 18px;
  font-weight: 400;
}

ul.hri-report li div p{
  display: block;
  overflow: hidden;
  width: 175px;
  height: 48px;
  /* word-break: keep-all;*/
  word-wrap: break-word;
  white-space: nowrap;
  text-overflow: ellipsis;
}

ul.hri-report li div p span{
  display: block;
  padding-top: 8px;
  font-weight: 400;
  line-height: 15px;
}

.btn-hri {
  position: absolute;
  display: inline-block;
  top: inherit;
  /* top: 141px; */
  right: -40px;
  bottom: 112px;
}

.btn-hri #hri-prev {
  display: block;
  width: 38px;
  height: 38px;
  background: #b9b9b9 url(/assets/images/user/main/arrow_hri_left.png) no-repeat 50% 50%;
  margin-bottom: 6px;
}

.btn-hri #hri-next {
  display: block;
  width: 38px;
  height: 38px;
  background: #b9b9b9 url(/assets/images/user/main/arrow_hri_right.png) no-repeat 50% 50%;
}

/* .mn-tit .btn-more {
  display: block;
  width: 80px;
  height: 30px;
  border: 1px solid #b9b9b9;
  line-height: 24px;
  margin-left: 1007px;
}

.mn-tit .btn-more a {
  line-height: 24px;
  font-size: 13px;
  color: #666;
  display: inline-block;
  padding-top: 3px;
  letter-spacing: 0.5px;
  font-weight: 300;
} */

/* .hide {overflow: hidden; display:block; position:absolute; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px);} */
.btn-hri #hri-prev a,
.btn-hri #hri-next a {
  display: block;
  width: 38px;
  height: 38px;
  overflow: hidden;
  text-indent: -999px;
  /* transition: background-color .3s; */
}

.btn-hri #hri-prev a:hover,
.btn-hri #hri-next a:hover {
  border: 1px solid #989696;
  box-sizing: border-box;
  -webkit-transition: opacity .3s;
  -moz-transition: opacity .3s;
  transition: opacity .3s;
}
/* write-type-half */
.write-type.half table {
    border-top: 1px solid #d9d9d9;
    width: 55%;
    margin-left:23%;
}
.confirm-area .write-type.half input[type="password"] {
    width: 270px;
    border-color: #aaaaaa;
}




/*2021_06*/
.main_samtv_header{
	position:relative;
	height:94px;
	background:#262525;
	z-index:10
}
.main_samtv_header h1{padding:23px 0 0 100px;}
.main_samtv_header #menu{
	position:absolute;top:34px;left:45px;
	width:29px;height:24px;
	background:url(/assets/images/user/main_samtv/menu.png) no-repeat;
	border:0;
	font-size:0;cursor:pointer
}
/* .main_samtv_header>p{
	position:absolute;top:33px;right:120px;
	font-size:0
}
.main_samtv_header>p a{
	display:inline-block;height:28px;line-height:28px;
	margin-left:30px;
	font-size:16px;color:#fff;
} */
.main_samtv_header .util {
	position:absolute;top:33px;right:120px;
}
.main_samtv_header .util ul > li {
	display:inline-block;
	font-size:16px;
  height:28px;
  line-height:28px;
	margin-left:24px;
  color:#fff;
}
.main_samtv_header .util ul > li > a {
	display:inline-block;
	color:#fff;
	height:16px;
	font-size:16px;
  height:28px;
  line-height:28px;
}
.main_samtv_header .util ul > li > a:hover { text-decoration:underline; }


.main_samtv_header nav{height:auto;border:0}
.main_samtv_header nav .bg{
	content:'';
	position:fixed;top:0;left:0;
	display:none;width:100%;height:100%;
	z-index:9;
}
.main_samtv_header nav>div{
	position:fixed;top:0;left:0;
	width:292px;height:100vh;
	overflow:auto;overflow-x:hidden;
	background:#fff;
	border:0;border-right:1px solid #999;border-bottom:1px solid #999;
	z-index:10;transition:.3s;transform:translateX(-100%)
}
.main_samtv_header nav h2{
	height:110px;
	box-sizing:border-box;padding-top:28px;
	border-bottom:1px solid #d9d9d9;
	text-align:center;
}
.main_samtv_header .toggle-sch {
	position:absolute;
	text-align:left;
	/* top:14px;
	right:50%;
	margin-right:-550px; */
	width:27px;
	height:24px;
  margin-left: 30px;
}
.main_samtv_header .toggle-sch span {
	overflow:hidden;
	display:block;
	text-indent:-9999px;
}
.main_samtv_header .toggle-sch:before {
	content:"";
	position:absolute;
	width:20px;
	height:20px;
	border-radius:50%;
	border:2px solid #ffffff;
	-webkit-transition:all .5s;
	transition:all .5s;
	left:0;
	top:0;
}
.main_samtv_header .toggle-sch:after {
	content:"";
	position:absolute;
	width:8px;
	height:2px;
	border-radius:1px;
	background:#ffffff;
	transform:rotate(45deg);
	bottom:0;
	right:0;
}
.main_samtv_header .toggle-gnb + .bar {
	position:absolute;
	top:15px;
	width:1px;
	height:24px;
	background:#ffffff;
	right:50%;
	margin-right:-505px;
}

/* .main_samtv_header #gnb{
	min-height:430px;
	padding:23px 43px 50px;
} */
.main_samtv_header .gnb{
    min-height:430px;
    padding:23px 43px 50px;
}
/*.main_samtv_header #gnb a{
	 display:block;height:52px;line-height:52px;
	font-size:24px;color:#191818;font-weight:500
} */
/* .main_samtv_header #gnb a{
	display:block;height:36px;line-height:36px;
	font-size:17px;color:#191818;font-weight:500
}
.main_samtv_header #gnb a.c2{
	display:block;height:38px;line-height:38px;
	font-size:17px;color:#fe791a;font-weight:700;
}
.main_samtv_header #gnb p{

}
.main_samtv_header #gnb ul{display:none;padding-bottom:5px;}
.main_samtv_header #gnb ul a{
	height:32px;line-height:32px;
	font-size:17px;font-weight:400
}
.main_samtv_header #gnb>li:hover>a,
.main_samtv_header #gnb a:hover{color:#6430c1} */

.main_samtv_header .gnb{
    min-height:430px;
    padding:23px 43px 50px;
}
/*.main_samtv_header #gnb a{
     display:block;height:52px;line-height:52px;
    font-size:24px;color:#191818;font-weight:500
} */
.main_samtv_header .gnb a{
    display:block;height:40px;line-height:40px;
    font-size:18px;color:#191818;font-weight:500
}
.main_samtv_header .gnb a.c2{
    display:block;height:40px;line-height:40px;
    font-size:18px;color:#fe791a;font-weight:700;
}
.main_samtv_header .gnb p{
}
.main_samtv_header .gnb ul{/*display:none;*/padding-bottom:5px;}
.main_samtv_header .gnb ul a{
    height:32px;line-height:32px;
    font-size:17px;font-weight:400
}
.main_samtv_header .gnb>li:hover>a,
.main_samtv_header .gnb a:hover{color:#6430c1}



.main_samtv_header nav div p{padding:0 32px 32px;}
.main_samtv_header nav div p a{
	display:block;height:41px;line-height:41px;
	border:1px solid #c2c3c5;
	text-align:center;font-size:17px;font-weight:500
}
.main_samtv_header nav div p a:hover{border-color:#6430c1;color:#6430c1}
.main_samtv_header.menu_open nav .bg{display:block;}
.main_samtv_header.menu_open nav>div{transform:translateX(0)}

#main_new_visual{
	position:relative;
	background:#262525;
  padding-top: 26px;
}

#main_new_visual .main_slider{
	width:1204px;box-sizing:border-box;
	margin:0 auto;
}
#main_new_visual .main_slider>.slick-list{
	position:relative;
	width:1204px !important;
	overflow:hidden !important;
}
#main_new_visual .slick-arrow{
	position:absolute;top:226px;
	display:block;width:27px;height:51px;
	background:url(/assets/images/user/main_samtv/visual_prev2.png) no-repeat;
	border:0;
	font-size:0;cursor:pointer;visibility:hidden;opacity:0;transition:.3s
}
#main_new_visual:hover .slick-arrow{visibility:visible;opacity:1}
#main_new_visual .slick-arrow.slick-disabled{visibility:hidden !important;}
#main_new_visual .slick-arrow.slick-prev{left:-100px}
#main_new_visual .slick-arrow.slick-next{right:-100px;background-image:url(/assets/images/user/main_samtv/visual_next2.png)}
#main_new_visual .main_slider_nav{
	position:relative;
	margin:0 53px;
	border-top:1px solid #656464;
	text-align:center;font-size:0
}
#main_new_visual .main_slider_nav li{display:inline-block;height:70px;line-height:70px;font-size:0;font-family:'RixGo B', 'Arial'}
#main_new_visual .main_slider_nav li.slick-active{font-size:22px;color:#ebe9e9;}
#main_new_visual .main_slider_nav button{
	position:absolute;top:0;left:50%;
	display:block;width:70px;height:70px;
	background:url(/assets/images/user/main_samtv/visual_prev.png) no-repeat center;
	border:0;
	font-size:0;cursor:pointer;transition:.2s;
}
#main_new_visual .main_slider_nav button.prev{margin-left:-160px}
#main_new_visual .main_slider_nav button.next{margin-left:90px;background:url(/assets/images/user/main_samtv/visual_next.png) no-repeat center;}
#main_new_visual .main_slider_nav button.disabled{visibility:Hidden;opacity:0}
#main_new_visual .main_slider_nav_txt{
	position:absolute;bottom:13px;left:50%;
	width:180px;
	margin-left:-90px;
	background:#262525;
}
#main_new_visual .main_slider_nav_txt li{
	display:none;
	height:70px;line-height:70px;
	text-align:center;font-family:'RixGo B', 'Arial';font-size:22px;color:#ebe9e9;
}
#main_new_visual .main_slider_nav_txt li.on{display:block;}

#main_new_visual .main_sub_slider li.slick-slide{
	position:relative;
	height:550px;margin:0 53px;
	padding-left:421px;opacity:1
}
#main_new_visual .main_sub_slider li.slick-slide>span{
	position:absolute;top:0;left:0;
	display:block;font-size:0;
	box-shadow:10px 10px 20px rgba(0,0,0,0.6);
}
#main_new_visual .main_sub_slider li.slick-slide dl{width:677px}
#main_new_visual .main_sub_slider li.slick-slide dt{
	font-size:24px;color:#cdcbcb;
}
/* #main_new_visual .main_sub_slider li.slick-slide dt b{
	display:block;height:114px;line-height:98px;
	font-size:38px;color:#fff;font-family: 'Noto Serif KR';
	overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
} */
#main_new_visual .main_sub_slider li.slick-slide dt b {
    display: block;
    height: 63px;
    line-height: 71px;
    font-size: 34px;
    color: #fff;
    font-family: 'Noto Serif KR';
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#main_new_visual .main_sub_slider li.slick-slide dt span{
	display:inline-block;
	margin-top:10px;
	font-size:20px;
  color:#cdcbcb;
}
#main_new_visual .main_sub_slider li.slick-slide dt cite{
	display:inline-block;
	margin-top:10px;
	font-size:20px;
  color:#cdcbcb;
}
#main_new_visual .main_sub_slider li.slick-slide dt cite:before {
content: "";
display: inline-block;
width: 1px;
height: 16px;
position: relative;
background: #cdcbcb;
margin-right: 20px;
margin-left: 20px;
top: 1px;
}
/* #main_new_visual .main_sub_slider li.slick-slide dt span.emo{
	display:block;
	margin-top:10px;
	font-size:28px;color:#fff;
  font-family: 'Noto Serif KR';
  white-space:nowrap;
  text-overflow:ellipsis;
} */
#main_new_visual .main_sub_slider li.slick-slide dt span.emo {
    display: block;
    margin-top: 42px;
    font-size: 28px;
    color: #fff;
    font-family: 'Noto Serif KR';
    /* overflow: hidden; */
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* #main_new_visual .main_sub_slider li.slick-slide dd{
	height:164px;
	margin-top:50px;
	font-size:22px;color:#fff;font-family: 'Noto Serif KR';line-height:1.8em;
	overflow: hidden;
	white-space:normal;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	word-wrap:break-word;
} */
#main_new_visual .main_sub_slider li.slick-slide dd {
    height: 164px;
    margin-top: 46px;
    font-size: 22px;
    color: #fff;
    font-family: 'Noto Serif KR';
    line-height: 1.8em;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}
/* #main_new_visual .main_sub_slider li.slick-slide>div{
	width:677px;height:70px;
	margin-top:37px;
	text-align:right;font-size:16px;color:#fff;
} */
#main_new_visual .main_sub_slider li.slick-slide>div {
    width: 677px;
    height: 52px;
    margin-top: 37px;
    text-align: right;
    font-size: 16px;
    color: #fff;
}
#main_new_visual .main_sub_slider li.slick-slide>div .like{
	display:inline-block;
	margin-left:22px;
  padding:0;
	border:0;
  background:none;
  font-size:16px;
  color:#fff;
  font-weight:Normal;
}
#main_new_visual .main_sub_slider li.slick-slide>div .like:before{
	content:'';
	display:inline-block;width:16px;height:14px;
	margin:7px 8px 0 0;
	background:url(/assets/images/user/main_samtv/like.png) no-repeat;
	vertical-align:top;
}
#main_new_visual .main_sub_slider li.slick-slide>div .like.on:before{background-position:0 bottom;}
#main_new_visual .main_sub_slider li.slick-slide>div i{
    padding-left: 15px;
    font-style: Normal;
    color: #c1bfbf;
    font-size: 16px;
    box-sizing: border-box;
    padding: 2px 10px;
    background: #373533;
    margin-left: 10px;
}
#main_new_visual .main_sub_slider li.slick-slide>a.v-btn{
	display:block;width:182px;height:50px;line-height:50px;
	background:#fc2927;
	box-shadow:10px 10px 20px rgba(0,0,0,0.4);
	text-align:center;font-size:22px;color:#fff;font-weight:400;
}

/* #main_new_visual .main_sub_slider li.slick-slide>a{
  position:relative;
  display:block;width:182px;height:50px;line-height:50px;
	background:#fc2927;
  border:1px solid #b6b3b6;
	box-shadow:10px 10px 20px rgba(0,0,0,0.4);
	text-align:center;font-size:22px;color:#fff;font-weight:500
}*/

#main_new_visual .main_sub_slider li.slick-slide>span,
#main_new_visual .main_sub_slider li.slick-slide dl,
#main_new_visual .main_sub_slider li.slick-slide>div,
#main_new_visual .main_sub_slider li.slick-slide>a{transition:.5s;opacity:0}
#main_new_visual .main_sub_slider li.slick-slide>span{transform:scale(.95)}
#main_new_visual .main_sub_slider li.slick-slide dl,
#main_new_visual .main_sub_slider li.slick-slide>div,
#main_new_visual .main_sub_slider li.slick-slide>a{transform:translateY(30px)}

#main_new_visual .main_sub_slider li.slick-slide>a.v-btn:hover{
	background:#dd0806;transition:.1s;
}
/* #main_new_visual .main_sub_slider li.slick-slide>a:before{
  content:'';
  	position:absolute;
  	display:block;height:calc(100%);width:0;
  	background:#fa0621;
    color:#fff;
  	transition:.3s;transition-timing-function:cubic-bezier(.645,.045,.355,1)
}
#main_new_visual .main_sub_slider li.slick-slide>a:hover:before{width:calc(100%);opacity: 1;} */


#main_new_visual .main_sub_slider li.slick-slide.active>span,
#main_new_visual .main_sub_slider li.slick-slide.active dl,
#main_new_visual .main_sub_slider li.slick-slide.active>div,
#main_new_visual .main_sub_slider li.slick-slide.active>a{opacity:1;transform:translate(0);transform:scale(1)}

#main_new_visual .main_sub_slider li.slick-slide.slick-active>span,
#main_new_visual .main_sub_slider li.slick-slide.slick-active dl,
#main_new_visual .main_sub_slider li.slick-slide.slick-active>div,
#main_new_visual .main_sub_slider li.slick-slide.slick-active>a{opacity:1;transform:translate(0)}
#main_new_visual .main_sub_slider li.slick-slide.slick-active>span{transition-delay:.3s}
#main_new_visual .main_sub_slider li.slick-slide.slick-active dl{transition-delay:.5s}
#main_new_visual .main_sub_slider li.slick-slide.slick-active>div{transition-delay:.6s}
#main_new_visual .main_sub_slider li.slick-slide.slick-active>a{transition-delay:.6s}
#main_new_visual .slick-dots{
	position:absolute;top:0;left:0;
	font-size:0
}
#main_new_visual .slick-dots.off{visibility:hidden;opacity:0}
#main_new_visual .slick-dots li{font-size:0}
#main_new_visual .slick-dots button{
	width:14px;height:14px;
	margin-bottom:15px;
	border:0;background:#fff;border-radius:14px;
	transition:.3s;font-size:0;vertical-align:top
}
#main_new_visual .slick-dots .slick-active button{height:39px;background:#fc2927}
#main_new_visual .slick-dots  button.auto_play{
	border-radius:0;
	background:url(/assets/images/user/main_samtv/visual_stop.png) no-repeat center;
}
#main_new_visual .slick-dots  button.auto_play.stop{background:url(/assets/images/user/main_samtv/visual_play.png) no-repeat center;}

/*추천시리즈*/
.main_recom_series{
	position:relative;
	width:1098px;margin:0 auto 60px;
}
.main_recom_series .recom_series_slider{width:calc(100% + 38px)}
.main_recom_series .slick-slide{
	position:relative;
	box-sizing:border-box;height:268px;
	margin-right:38px;padding-left:241px;
}
.main_recom_series .slick-slide>span{
	position:absolute;top:0;left:0;
	display:block;width:230px;height:268px;
	overflow:hidden;
}
.main_recom_series .slick-slide>span img{display:block;transition:.3s}
.main_recom_series .slick-slide dl{
	position:relative;
	padding-left:12px;
	border-top:3px solid #363232;
}
.main_recom_series .slick-slide dt{
	height:128px;
	font-size:16px;color:#363232
}
.main_recom_series .slick-slide dt span.like{
	display:inline-block;
	margin-left:22px;
  padding:0;
	border:0;
  background:none;
  font-size:16px;
  color:#363232;
}
.main_recom_series .slick-slide dt span.like:before{
	content:'';
	display:inline-block;width:16px;height:14px;
	margin:7px 8px 0 0;
	background:url(/assets/images/user/main_samtv/like.png) no-repeat;
	vertical-align:top;
}
.main_recom_series .slick-slide dt span.like.on:before{background-position:0 bottom;}

.main_recom_series .slick-slide dt b{
	display:block;
	padding:18px 0 8px;
	font-size:22px;color:#363232;font-weight:500;
	overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}
.main_recom_series .slick-slide dd{
	height:84px;
	font-size:14px;color:#363232;line-height:1.5em;
	overflow: hidden;
	white-space:normal;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	word-wrap:break-word;
}
.main_recom_series .slick-slide em.clip{right:auto;left:154px;}
.main_recom_series .slick-slide a.btn{
	position:absolute;bottom:0;right:0;
	display:block;width:135px;height:32px;line-height:28px;
	border:1px solid #7f7d7d;background:#555353;
	text-align:center;font-size:14px;color:#fff;font-weight:400
}
.main_recom_series .slick-slide a.btn:hover{background:#000}
.main_recom_series .slick-slide dl:after{
	content:'';
	position:absolute;top:-3px;left:0;
	width:0;height:3px;
	background:#f52538;
	transition:.3s
}
.main_recom_series .slick-arrow{
	position:absolute;top:114px;
	width:25px;height:35px;
	padding:0;
	background:url(../../images/user/main/btn_prev.png) no-repeat center;
	font-size:0;border:0;outline:None;cursor:pointer;
	z-index:1
}
.main_recom_series .slick-arrow.slick-prev{left:-50px}
.main_recom_series .slick-arrow.slick-next{right:-25px;background-image:url(../../images/user/main/btn_next.png)}
.main_recom_series .slick-arrow.slick-disabled{visibility:hidden;}
.main_recom_series .slick-slide:hover>span img{transform:scale(1.05)}
.main_recom_series .slick-slide:hover dl:after{width:100%}

/*tube pick*/
.main_tube{
	position:relative;
	width:1098px;margin:0 auto 100px;
}
.tube_list{width:calc(100% + 22px);font-size:0}
.tube_list li{
	position:relative;
	display:inline-block;width:calc(25% - 22px);
	margin-right:22px;
	vertical-align:top
}
.tube_list li a{
	display:block;border:1px solid #d9d6d6;
	box-shadow:1px 1px 5px rgba(0,0,0,0.2);
	transition:.3s
}
.tube_list li a span,
.tube_list li a span img{display:block;font-size:0}
.tube_list li a b{
	display:block;height:44px;margin:18px 0;padding:0 30px;text-align:center;
	font-size:16px;color:#363232;line-height:1.4em;font-weight:400;
	overflow: hidden;
	white-space:normal;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap:break-word;
}
.tube_list li a figure {
    box-sizing: border-box;
    width: 257px;
    height: 144px;
    overflow: hidden;
}
.tube_list li a figure span{
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    transition: all ease-out .3s;
}
.tube_list li a:hover{box-shadow:5px 5px 10px rgba(0,0,0,0.6);}

em.clip{
	position:absolute;bottom:11px;right:-4px;
	display:inline-block;width:81px;height:26px;line-height:24px;
	padding:0;
	background:#f52538;border-radius:5px;
	box-shadow:3px 3px 5px rgba(0,0,0,0.2);
	text-align:center;font-size:16px;color:#fff;
}
/*정기 구독결제*/
.membership-list h5 {
    margin: 15px 0 30px;
    font-size: 26px;
    font-weight: 400;
}
.membership-list h5 span {
    color:#837f7f;
    padding-right: 8px;
}
.membership-list p.p2 {
    font-size: 19px;
    line-height: 1.765em;
    font-weight: 400;
    color: #6224c5;
}
.btn_ar {
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 12px;
}
.confirm-area p.p2 {
    font-size:16px;
    font-weight: 400;
    color:#5e5e5e;
}
.confirm-area p.p2 em{
    color:#b83826;
}
.confirm-area .comment.p2{
  font-size:20px;
}
.confirm-area .comment.p2 em{
  color:#0c69d0;
}
.confirm-area .ico-join {
    display: block;
    width: 59px;
    height: 48px;
    background: url(../../images/user/common/join.png) no-repeat;
    margin: 0 auto 8px;
}

/*2022058 오디오css*/
.tc_audio{position:relative;}
.tc_audio audio{position:absolute;left:147px;top:-30px;width:380px;height:40px;border-radius:5px}
.tc_audio audio::-webkit-media-controls-panel,
.tc_audio audio:media-controls-panel{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    -webkit-user-select: none;
    position: relative;
    width: 100%;
	height:40px;
    z-index: 0;
    overflow: hidden;
    text-align: right;
    bottom: auto;
    background-color: #eeeeee;
    border-radius: 0px;
    transition: opacity 0.3s;
}
.tc_audio audio::-webkit-media-controls-current-time-display{color:#f9051d;font-weight:600}
/*HRI 보고서  추가*/
.economy li > div span {
   	position:relative;
    display:inline;
    left:0;
    color:#777;
	font-size: 15px;
}
.economy li > div  time {
    position:absolute;
    display:block;
    left:-185px;
    color:#777;
}
.economy li p span {
    font-family: 'Noto Sans KR', "맑은 고딕", "Malgun Gothic" , "Apple Gothic", "돋움", Dotum, "굴림", Gulim, sans-serif !important;
    margin-block-start: 0 !important;
    margin-block-end: 0;
    font-size: 15px !important;
}
.economy li > div {
    position: relative;
    padding: 15px 188px 0;
    margin-top: 44px;
    min-height: 158px;
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
}
/* gnb & lnb 투뎁스 길 경우 */
.site-gnb div ul.inline{font-size:0;width:400px}
.site-gnb div ul.inline>li{display:inline-block;width:50%;box-sizing:border-box;}
.site-lnb .lnb_swiper{position:Relative;float:left;width:calc(100% - 260px);height:50px;overflow:hidden;box-sizing:border-box;}
.site-lnb ul.swiper-wrapper{float:None;width:auto;overflow:visible}
.site-lnb ul.swiper-wrapper .swiper-slide{width:auto;}
.site-lnb .lnb_swiper button{position:absolute;top:0;width:26px;height:26px;margin-top:12px;background:#fff;border:1px solid #e6e6e6;border-radius:5px;box-shadow:0 0 5px #eee;z-index:10}
.site-lnb .lnb_swiper button.swiper-button-prev{left:0}
.site-lnb .lnb_swiper button.swiper-button-prev:after {
    position: absolute;
    left: 10px; 
    top: 6px;
    content: '';
    width: 10px; /* 사이즈 */
    height: 10px; /* 사이즈 */
    border-top: 2px solid #000; /* 선 두께 */
    border-right: 2px solid #000; /* 선 두께 */
    transform: rotate(225deg); /* 각도 */
	opacity:.3
}
.site-lnb .lnb_swiper button.swiper-button-next{right:0}
.site-lnb .lnb_swiper button.swiper-button-next:after {
    position: absolute;
    left: 4px; 
    top: 6px; 
    content: '';
    width: 10px; /* 사이즈 */
    height: 10px; /* 사이즈 */
    border-top: 2px solid #000; /* 선 두께 */
    border-right: 2px solid #000; /* 선 두께 */
    transform: rotate(45deg); /* 각도 */
	opacity:.3
}
.site-lnb .lnb_swiper button.swiper-button-prev:hover:after,
.site-lnb .lnb_swiper button.swiper-button-next:hover:after{opacity:1}
.site-lnb .lnb_swiper button.swiper-button-disabled{opacity:0}
/*개인정보 처리방침*/
.list-type table.p{
	border: 1px solid #dcdcdc;
}
.list-type table.p tbody tr:hover th,
.list-type table.p tbody tr:hover td{
background-color:transparent;
}
.list-type table.p td {
border-bottom: 1px solid #dcdcdc;
border-right: 1px solid #dcdcdc;
padding: 15px 3px;
line-height: 24px;
text-align: center;
vertical-align: middle;
font-size: 16px;
}
.policy2 h4 img{   
height: 45px;
width: 45px;
padding-left: 10px;
vertical-align: middle;
}
.mt10 { margin-top:10px !important; }
.policy2 h4 {
    margin: 30px 0 10px 0;
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    line-height: 22px;
    letter-spacing: -0.03em;
}
.policy2 p.txt1 {
    color: #555555;
    font-size: 15px;
    font-weight: normal;
    word-break: keep-all;
}
.policy2 ul.list3 li {
    line-height: 20px;
    color: #444444;
    font-size: 15px;
    font-weight: normal;
    line-height: 22px;
    letter-spacing: -0.03em;
    margin: 0 0 5px 0;
    word-break: keep-all;
}
.policy2 ul.list3 li.in {
    line-height: 18px;
    padding-left: 9px;
    color: #777777;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    letter-spacing: -0.03em;
}
.policy2 ul.list3 li.in2 {
    padding-left: 9px;
}
.policy2 p.txt4 {
    border:2px solid #009c7f;
    border-radius:10px;
    padding: 30px 30px 25px 30px;
    word-break: keep-all;
}
.list-type table.p.tc td {
border-bottom: 1px solid #dcdcdc;
border-right: 1px solid #dcdcdc;
padding: 15px 3px;
line-height: 14px;
text-align: center;
vertical-align: middle;
font-size: 14px;
}
.list-type table.p.tc td a{
	color: #555;
}
.policy2 ul.list3 li.in a {
   color: #777777;
}
/*수신거부 페이지*/
.cont_refuse{
	text-align: center;
	padding-top:100px;
}
.cont_refuse h2{
	font-size: 34px;  
	font-weight: 500;     
}
.cont_refuse h2 b{
	font-weight: 600;     
}
.cont_refuse h2 span{
	color:#ec533e;
}
.cont_refuse p{
	margin-top:50px;        
}
.cont_refuse p.p2{
	margin-top:30px;
	font-weight: bold;
	margin-bottom:30px;     
}
.cont_refuse .btn-cont{
	text-align: center;
}
.cont_refuse .btn-cont a{
	width:122px;
}
/*btn 더보기*/
.btn3 span.icon_more {
position: relative;
bottom: -2px;
padding-left: 28px;
width: 18px;
height: 20px;
background: url(/assets/images/user/common/ico_selectmenu.png) center center no-repeat;
}
.btn3.more {
padding: 0 30px 0 42px;
}