@charset 'UTF-8';
/*
	Author	: Somi Park
	Date	: 2017-11-28
	Project	: CTV
*/
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@font-face {
    font-family: 'Nanum Myeongjo';
    font-style: normal;
    src:url('../user/font/Nanum/NanumMyeongjo.eot');
    src:url('../user/font/Nanum/NanumMyeongjo.eot?#iefix') format('embedded-opentype'),
        url('../user/font/Nanum/NanumMyeongjo.woff') format('woff'),
        url('../user/font/Nanum/NanumMyeongjo.ttf') format('truetype');
}
@font-face {
    font-family: 'Noto Serif KR';
    src: url('../user/font/NotoSerif/NotoSerifKR-Medium.woff') format('woff'),
         url('../user/font/NotoSerif/NotoSerifKR-Medium.otf') format('opentype'),
         url('../user/font/NotoSerif/NotoSerifKR-Medium.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Serif KR';
    src: url('../user/font/NotoSerif/NotoSerifKR-Bold.woff') format('woff'),
         url('../user/font/NotoSerif/NotoSerifKR-Bold.otf') format('opentype'),
         url('../user/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;html, body
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust:none; 
	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:15px;
	color:#333;
	opacity:1;
	filter:alpha(opacity=1);
    text-align:left;
    font-weight:400;
    margin-bottom:5px;
}

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; }
b, strong { font-weight:500; }

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

iframe	{ border:none;outline:0; }
hr {
    display:block;
    width:100%;
    height:10px;
    border:none;
    background:#f2f2f2;
    padding:0 15px;
    margin-left:-15px;
    margin-top:0;
    margin-bottom:20px;
}
.bg {
    display:block;
    width:100%;
    border:none;
    background:#f2f2f2;
    padding:30px 15px 50px;
    margin-left:-15px;
    margin-top:0;
    margin-bottom:20px;
}
.write-type + .bg {
    margin-top:30px;
}

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]    {  }

time {
    font-size:13px;
    color:#888;
}
/* common */
.ac { text-align:center !important; }
.al { text-align:left !important; }
.ar { text-align:right !important; }


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


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

.hide { 
	box-sizing:border-box !important;
	width:1px  !important;
	height:1px !important;
	position:absolute !important;
	overflow:hidden !important;
	color:#fff !important; 
}

*[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%; }

.full {
    width:100%;
    padding-left:15px;
    padding-right:15px;
    margin-left:-15px;
}
.btn-lnk {
    position:relative;
    display:block;
    width:100%;
    border-top:1px solid #f2f2f2;
    border-bottom:1px solid #f2f2f2;
    width:100%;
    padding:10px 15px;
    margin-left:-15px;
    font-size:16px;
    font-weight:400;
    color:#000;
}
.btn-lnk:after {
    content:"";
    display:block;
    position:absolute;
    top:50%;
    margin-top:-5px;
    right:20px;
    width:10px;
    height:10px;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.btn-lnk > * {
    display:block;
    margin-right:50px;
}
/* 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 { 
	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;
}

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

.spot { 
	color:#fff;
	background-color:#b83826;
    border:none;
}
.spot:hover, 
.spot:focus { 
    background-color:#ae301f;
}

/* 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-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-cont a.spot4,
.btn.spot4,
.btn2.spot4,
.btn3.spot4,
.btn4.spot4  {
    color:#fff;
	background:#b83826;
	border:1px solid #b83826; 
}
.btn-cont a.spot4:hover,
.btn-cont a.spot4:focus,
.spot4:hover, 
.spot4:focus { background:#b83826; }
.btn-cont a.spot4:active,
.spot4:active{ background:#b83826; }

.btn.more {
    display:block;
	position:relative;
    font-size:16px;
    color:#333;
    font-weight:400;
    height:40px;
    line-height:40px;
}
.btn.more:after {
	content:"";
	display:inline-block;
    margin-top:-8px;
    margin-left:10px;
	width:10px;
	height:10px;
	border-right:1px solid #000;
    border-bottom:1px solid #000;
    vertical-align:middle;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.btn.more.spot {
    background:#eaeaea;
    border-color:#eaeaea;
    color:#333;
    margin-bottom:20px;
}
.btn.more.spot:hover,
.btn.more.spot:focus  {
     background:#eaeaea;
    border-color:#eaeaea;
}
.btn2.add  { 
	color:#fff;
	background-color:#8c8c8c;
	border:1px solid #8c8c8c; 
	font-size:13px;
	padding:0;
	min-width:48px;
}
.btn.del {
	display:inline-block;
	float:right;
	top:85px;
	right:0;
    background:#696969;
    color:#fff;
    border:none;
    font-size:12px;
    height:25px;
    line-height:25px;
    padding:0 5px;
}
.btn.del:before {
    content: "";
    display: inline-block;
    margin:-2px 5px 0 0;
    width: 11px;
    height: 9px;
    vertical-align: middle;
    background-image: url('../../images/mobile/common/del.png');
    background-size:11px;
}


.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-cont .q3,
.cont2 .q3 {
    margin:0;
    box-sizing:border-box;
    width:calc(75% - 6px);
    padding:0;
}
.btn-cont .q3 + .q1,
.cont2 .q3 + .q1 {
    margin:0;
    box-sizing:border-box;
    padding:0;
    width:25%;
}

/* btn : ico */
.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;
}

/* checkboxradio */
.ui-helper-hidden-accessible { 
	position: absolute;
	left: -9999px; 
}
.ui-checkboxradio-label { font-size:13px; margin-right:10px; }
/*.ui-checkboxradio-label + .ui-checkboxradio-label { margin-left:20px; }*/
.ui-checkboxradio-label { 
	display:inline-block;
	*zoom:1;
	*display:inline;
	min-height:20px;
	line-height:20px;
	padding:0;
	cursor:pointer; 
	padding-left:25px;
	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/mobile/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:#696969;
	top:5px;
	left:5px;
	box-sizing:border-box;
}

.ui-checkboxradio-radio-label.ui-state-active:after  {
	border-radius:50%;
}
label.checkbox:before { 
	position:absolute;
	content:"";
	width:20px;
	height:20px;
	border:1px solid #bbb;
	box-sizing:border-box;
	left:0;
	background:#fff;
}
label.checkbox.checked:before { 
	border:1px solid #003a79;
	background:#003a79;
}
label.checkbox.checked:after {
	position:absolute;
	content:"";
	width:16px;
	height:8px;
	border-left:2px solid #fff;	
	border-bottom:2px solid #fff;
	box-sizing:border-box;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
	top:3px;
	left:3px;
} 
.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 spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
.loader {
	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;
}

/* table */
.table {}

/* table : list-type */
.list-type {}
.list-type table {
    border-top: 2px solid #2e2e2e;
}
.list-type table th,
.list-type table td {
	font-weight:400;
	padding:2vw;
}
.list-type table tbody {}
.list-type table tbody th {
	background:#f5f5f5;
	border-bottom:1px solid #ddd;
}
.list-type table tbody td {	
	border-bottom:1px solid #ddd;
}

/* table : write-type */
/*.write-type {}
.write-type table {
    border-top: 2px solid #2e2e2e;
    border-bottom: 1px solid #dcdcdc;
}*/

/* table : view-type */
/*.view-type table {
    border-top: 2px solid #2e2e2e;
    border-bottom: 1px solid #dcdcdc;
}
.view-type { clear:both;}
.view-type img { max-width : 100% }
.view-type thead th { 
	padding:10px 0 15px;
	line-height:24px;
	font-size:5vw;
	border-bottom:1px solid #dcdcdc;
	text-align:left;
	vertical-align:top; 
    font-weight:400;
    color:#333;
}
.view-type thead td { 
	padding:13px 30px;
	line-height:24px;
	vertical-align:top;
}
.view-type thead th time {
	font-size:3.4vw;
	color:#777;
}
.view-type thead h4 {
    display:block;
    font-size:30px;
    font-weight:400;
    margin-bottom:13px;
}
.view-type 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/mobile/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/mobile/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 { 
	padding:5vw 0; 
	border-top:1px solid #d9d9d9;
	font-size:15px;
	line-height:1.9em;
}
.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;
}*/

/* table : info-type */
/*.info-type table {
    border-top: 2px solid #2e2e2e;
    border-bottom: 1px solid #dcdcdc;
}*/



/* -------------------------------------------------
    JQUERY-UI
------------------------------------------------- */
/* jquery-plugin : accordion */
.accordion { 
}
.ui-accordion-header { 
	padding:15px 20px;
	line-height:22px;
	border-bottom:1px solid #f2f2f2;
	position:relative;
	cursor:pointer;
	color:#333;
	font-weight:400;
}
.ui-accordion-header:before {
	content:"Q.";
	font-size:18px;
	color:#333;
	position:absolute;
	left:0;
	font-weight:400;
}
.ui-accordion-header:hover,
.ui-accordion-header:focus { outline:0; }
.ui-accordion-header-icon { 
	position:absolute;
	top:20px;
	right:0;
	width:20px;
	height:20px;
	overflow:hidden;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	transition:all .5s;
}
.ui-accordion-header-icon:before {
	content:"";
	position:absolute;
	top:-5px;
	left:1px;
	width:16px;
	height:16px;
	border-top:1px solid #4c4c4c;
	border-right:1px solid #4c4c4c;
	-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:15px 20px;
	color:#555;
	font-size:15px;
	font-weight:400;
	line-height:28px;
	background:#f7f7f7;
	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/mobile/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;
}

/* list-type */
.list-type ul {
    margin-bottom:20px;
}
.list-type ul li {
    padding:10px 0;
    font-size:13px;
    border-bottom:1px solid #f2f2f2;
}
.list-type li h4 {
    font-size:15px;
    color:#333;
    font-weight:400;
}
.list-type li h4 strong:before {
    content:"";
    display:inline-block;
    width:1px;
    height:14px;
    background:#d9d9d9;
    margin-top:-2px;
    margin-right:10px;
    margin-left:10px;
    vertical-align:middle;
}
.list-type li .list-info > *:not(.block) {
    font-size:13px;
    display:inline-block;
    margin-right:1vw;
    line-height:1.1em;
    height:auto;
}
.list-type li .list-info > .block {
    display:block;
    line-height:1.1em;
}
.list-type li dl {
    overflow:hidden;
    line-height:1.6em;
}
.list-type li dt {
    float:left;
    clear:left;
    color:#777;
    white-space:nowrap;
    margin-right:5px;
}
.list-type li dd {
  white-space:nowrap;
}
.list-type li > p {
    color:#777;
}
.finish {
    color:#b83826;
}
.finish:before {
    content:"";
    display:inline-block;
    margin-right:7px;
    width:4px;
    height:10px;
    border-right:1px solid #b83826;
    border-bottom:1px solid #b83826;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* view-type */
.view-type {
    padding-top:10px;
    padding-bottom:20px;
}
.view-type h4 {
    margin-bottom:5px;
    font-size:17px;
    font-weight:400;
}
.view-type h4 cite.red {
   display:block;
   font-size:16px;
   font-weight:500;
}
.view-type .view-info > * {
    font-size:13px;
    display:inline-block;
    margin-right:1vw;
}
.view-type .view-cont {
    margin-top:10px;
    border-bottom:1px solid #f2f2f2;
}
.view-txt {
    margin-top:10px;
    padding-top:10px;
    border-top:1px solid #f2f2f2;
    line-height:1.4em;
}
hr  + .view-type {
    margin-top:-15px;
}

/* write-type */
.write-type > cite {
    display:block;
    padding-bottom:10px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:500;
    color:#333;
    border-bottom:1px solid #f9f9f9;
}
.write-type dt{
    margin-bottom:5px;
    color:#333;
    font-weight:400;
}
.write-type dt {
    margin-top:20px;
}
.write-type dt:first-child {
    margin-top:0;
}
.write-type dt.write-type-tit {
    text-align:center;
    font-size:18px;
    font-weight:400;
    color:#333;
    margin-bottom:10px;
}
.write-type dd + dd {
    margin-top:15px;
}
.write-type dd > * {
    display:block;
    width:100%;
}
.write-type .col2 {
    font-size:0;
    overflow:hidden;
}
.write-type .col2 input:first-child {
    width:75px;
    vertical-align:middle;
}
.write-type .col2 input.fr {
    width:calc(100% - 85px);
    vertical-align:middle;
}
.write-type .btn {
    height:40px;
    line-height:38px;
}
.write-type .cont2 + input,
.write-type input + input {
    margin-top:5px;
}
.write-type .sender {display:inline-block;}
.write-type .sender.email{margin-left:15px;}

.required:after {
    content:"";
    margin-left:5px;
    display:inline-block;
    /*top:20px;
    right:10px;*/
    background:url("../../images/user/common/star.svg") left -10px no-repeat;
    width:10px;
    height:10px;
    background-size:auto 20px;
    opacity:.6;
}
.lnk {
    margin-top:40px;
    overflow:hidden;
}
.lnk  a {
    float:left;
    clear:left;
    display:inline-block;
    text-decoration:underline;
    color:#777;
}

/* table : info-type */
.info-type { clear:both; }
.member-confirm-area + .info-type,
.info-type + .info-type{
    margin-top:30px;
}
.info-type table { 
	border-top:2px solid #a4a4a4;
}
.info-type table thead th { 
	background-color:#f5f5f5;
	border-bottom:1px solid #dcdcdc;
	text-align:center;
	font-size:15px;
}
.info-type table th { 
	padding:10px 0 10px 10px;
	border-bottom:1px solid #dcdcdc;
	vertical-align:top;
	background:#f9f9f9;
	text-align:left;
	color:#555; 
	font-weight:400;
	font-size:13px;
}
.info-type table td { 
	padding:10px 0 10px 10px;
	border-bottom:1px solid #dcdcdc;
	vertical-align:top;
	color:#333; 
	font-weight:400;
	font-size:13px;
}
.info-type table td strong {
    font-size:15px;
}


/* layerPopup */
.layerPopup { background-color:#ffffff; }
.layerPopup { 
	box-sizing:border-box;
	border:1px solid #000000;
	position:absolute;
	width:640px;
	margin-left:-320px;
	left:50%;
	top:15%;
	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:-43px;
	top:0px;
	width:34px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	background-size:31px;
}
.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-body { 
	padding:50px 50px 70px 50px;  
	margin:0 auto;
}


/* popup */
.popup { 
	border:0px solid #d2d2d2;
	background-color:#ffffff; 
}
.popup .comment { 
	margin-bottom:25px; 
}
.popup .pop-header { 
	height:auto;
    height:55px;
    padding-left:50px;
    padding-right:50px;
	background-color:#333333;
	position:relative;
}
.popup .pop-header h1 { 
	color:#fff;
	font-size:18px;
    line-height:55px;
	font-weight:400;
    color:#fff;
    text-align:center;
}

.popup .pop-header .page-back { 
	position:absolute;
	left:0;
	top:0;
	width:50px;
	height:60px;
	text-indent:-9999px;
	overflow:hidden;
}
.popup .pop-header .page-back:before {
	content:"";
	position:absolute;
	height:2px;
	width:15px;
    height:15px;
	top:50%;
	left:50%;
    margin-left:-7px;
	margin-top:-7px;
    border-left:2px solid #d2d2d2;
    border-bottom:2px solid #d2d2d2;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}


.popup .pop-close { 
	position:absolute;
	right:0;
	top:0;
	width:50px;
	height:55px;
	text-indent:-9999px;
	overflow:hidden;	
}
.popup .pop-close:before {
	content:"";
	position:absolute;
	height:2px;
	width:60%;
	background:#fff;
	top:50%;
	left:50%;
    margin-left:-30%;
	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:60%;
	background:#fff;
	top:50%;
	left:50%;
     margin-left:-30%;
	margin-top:-1px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.popup .pop-body { 
	padding:40px 15px; 
}

.idfont {
	font-weight:400;
	color:#407183
}



/* site-header */
.site-header {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	height: 60px;
	z-index: 99; 
	border-bottom:1px solid #ddd;
	background:#fff;
	box-sizing:border-box;
}
.site-header h1 {
    height:40px;
 	position:relative; 
/* 	top:50%; */
    top:10px;
/* 	text-indent: -9999px; */
	margin:0 auto;
	text-align:center;
/* 	background: url("../../images/mobile/layout/logo.svg") center center no-repeat; */
/* 	background-size: contain;  */
}
.site-header h1 a {
/*     display:block; */
    height:100%;
}
.site-header h1 a img {
	display:block;
	margin-left: auto;
	margin-right: auto;
}
.site-header .gnb-toggle {
	position:absolute;
	width:50px;
	height:59px;
	top:0;
	left:0;
	padding:0;
	border:0;
	background:#fff;
}
.site-header .gnb-toggle span {
	display:block;
	width:17px;
	height:2px;
	background:#333;
	margin:0 auto;
	text-indent:-999px;
	position:relative;
}
.site-header .gnb-toggle span:before,
.site-header .gnb-toggle span:after {
	position:absolute;
	content:'';
	display:block;
	width:100%;
	height:2px;
	background:#333;
}
.site-header .gnb-toggle span:before { top:-8px; }
.site-header .gnb-toggle span:after { bottom:-8px; }
.site-header .gsch-toggle,
.site-header .btn-gsch {
	position:absolute;
	width:50px;
	height:59px;
	top:0;
	right:0;
	padding:0;
	border:0;
	background:#fff;
}
.site-header .gsch-toggle span,
.site-header .btn-gsch span {
	display:block;
	width:18px;
	height:18px;
	border:2px solid #333;
	border-radius:50%;
	margin:-2px auto 0;
	position:relative;
/* 	top:50%; */
    text-indent:-9999px;
}
.site-header .gsch-toggle span:before,
.site-header .btn-gsch span:before {
	position:absolute;
	content:'';
	display:block;
	width:10px;
	height:2px;
	background:#333;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	top:50%;
    margin-top:9px;
	left:16px;
}
.site-header .gsch-toggle span:after,
.site-header .btn-gsch span:after {
    content:"";
    position:absolute;
    background:#fff;
    right:-2px;
    top:50%;
    width:5px;
    height:5px;
}
.site-header .btn-gsch  {
    background:#b83826;
    height:55px;
}
.site-header .btn-gsch span {
    top:18px;
    left:2px;
    border-color:#fff;
}
.site-header .btn-gsch span:before {
    background:#fff;
}
.site-header .btn-gsch span:after {
    background:#b83826;
}
.site-header .gsch-area {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#fff;
    border:2px solid #b83826;
}
.site-header .gsch-area input {
    width:calc(100% - 50px);
    box-sizing:border-box;
    padding-right:45px;
    border:none;
    height:55px;
}
.site-header .gsch-area .btn-close {
    position:absolute;
    width:25px;
    height:25px;
    border-radius:50%;
    background:#b5b5b5;
    text-indent:-9999px;
    top:50%;
    right:65px;
    margin-top:-13px;
}
.site-header .gsch-area .btn-close:before {
	content:"";
	position:absolute;
	height:2px;
	width:60%;
	background:#fff;
	top:50%;
	left:50%;
    margin-left:-30%;
	margin-top:-1px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
.site-header .gsch-area .btn-close:after {
	content:"";
	position:absolute;
	height:2px;
	width:60%;
	background:#fff;
	top:50%;
	left:50%;
     margin-left:-30%;
	margin-top:-1px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
/* GNB */
.gnb {
	position: fixed;
	width: 100%;
	top: 60px;
	left: 0;
	height: 40px;
	z-index: 98; 
	border-bottom:1px solid #ddd;
	background:#fff;
	box-sizing:border-box;
}
.gnb ul { 
	overflow-x:auto;
	white-space:nowrap;
	font-size:0;
	line-height:0; 
    overflow-y:hidden;
    overflow-x:auto;
    width:100%;
}
.gnb li {
    white-space:nowrap; 
	display:inline-block; 
	position:relative;
}
.gnb li a {
	display:block;
	margin:0 3vw;
	font-size:14px;
	line-height:40px;
	font-weight:400;
	box-sizing:border-box;
	height:40px;
	position:relative;
}
.gnb li.current a {
    color:#b83826;
}
.gnb li.current a:after {
	content:'';
	position:absolute;
	background:#b93a27;
	bottom:0;
	height:4px;
	left:0;
	width:100%;
}

/* gnb-panel */
.gnb-panel {  
	position:fixed;
	top:0;
	left:-100%;
	bottom:0;
	width:100%;
	box-sizing:border-box;
	background:#fff;
	z-index:990;
	padding-top:90px;
	overflow:hidden;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	transition:all .5s;
}
.gnb-panel .gnb-panel-header {
	position:fixed;
	background:#f78080;
	top:0;
	left:-100%;
	width:100%;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	transition:all .5s;
}
.gnb-panel.open {
	left:0;
}
.gnb-panel.open .gnb-panel-header {
	left:0;
}
.gnb-panel .gnb-close {
	position:absolute;
	top:0;
	right:0;
	width:50px;
	height:60px;
	box-sizing:border-box;
	background:transparent;
	border:0;
	z-index:990;
}
.gnb-panel .gnb-close span {
	display:block;
	width:19px;
	height:18px;
	margin:0 auto;
	text-indent:-999px;
	position:relative;
	overflow:hidden;
}
.gnb-panel .gnb-close span:before,
.gnb-panel .gnb-close span:after {
	content:'';
	width:29px;
	height:2px;
	background:#fff;
	position:absolute;
	left:-5px;
	top:8px;
	-webkit-transform-origin:center center;
	-moz-transform-origin:center center;
	-ms-transform-origin:center center;
	transform-origin:center center;
}
.gnb-panel .gnb-close span:before {
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
.gnb-panel .gnb-close span:after {
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.gnb-panel .gnb-panel-header .util {}



.gnb-panel .gnb-panel-header .util p {
	height:60px;/*바뀜*/
	box-sizing:border-box;
	border-bottom:1px solid #f9a6a6;
	padding:15px 15px;
	position:relative;
	font-size:0;
	line-height:0;
}

.gnb-panel .gnb-panel-header .util p a { 
	color:#fff; 
	font-size:14px;
	line-height:27px;
	font-weight:400;
}
.gnb-panel .gnb-panel-header .util p a strong {
	font-size:16px;
	font-weight:500;
}
.gnb-panel .gnb-panel-header .util p .mem-level { 
	display:inline-block;
	padding:0 10px;
	margin-left:15px;
	color:#fff; 
	background:#d23f2a;
	border:1px solid #a62626;
	font-size:14px;
	font-weight:600;
	height:25px;
	line-height:25px;
}
.gnb-panel .gnb-panel-header .util p .logout {
	position:absolute;
	border:0;
	padding:0;
	background:transparent;
	color:#fff;
	border-bottom:1px solid #fff;
	font-size:14px;
	line-height:25px;
	font-weight:400;
	top:16px;
	right:56px;
}
.gnb-panel .gnb-panel-header .util ul {
	display:table;
	width:100%;
	table-layout:fixed;
}
.gnb-panel .gnb-panel-header .util ul li {
	display:table-cell;
}
.gnb-panel .gnb-panel-header .util ul li + li {
	border-left:1px solid #f9a6a6;
}
.gnb-panel .gnb-panel-header .util ul li a {
	display:block;
	text-align:center;
	color:#fff;
	line-height:40px;
	height:40px;
	font-size:15px;
	font-weight:500;
}
.gnb-panel .gnb-panel-header .util ul li a:focus {
	background:#ef5f5f;
}


.gnb-panel-cotainer {
	position:absolute;
	left:0;
	top:100px;/*바뀜*/
	bottom:0;
	width:100%;
	overflow-y:auto;
}
.gnb-panel-cotainer h2 {
	font-size:12px;
	line-height:14px;
	font-weight:400;
	padding:10px 15px;
	position:relative;
	background:#f7f7f7;
}
.gnb-panel-cotainer * + h2 { padding:10px 15px; }
.gnb-panel-cotainer .my {
	display:table;
	table-layout:fixed;
	width:100%;
	border-top:2px solid #d83f3f;
	border-bottom:1px solid #e85151;
	background:#fa6363;
}
.gnb-panel-cotainer .my li {
	display:table-cell;
}
.gnb-panel-cotainer .my li + li {
	border-left:1px solid #e85151;
}
.gnb-panel-cotainer .my li a {
	display:block;
	text-align:center;
	padding:15px 0;
	line-height:1.2em;
	color:#fff;
	font-size:14px;
	font-weight:400;
}
.gnb-panel-cotainer .my li a:focus {
	background:#e75252;
}
.gnb-panel-cotainer .my li a i {
	display:block;
	margin:0 auto 10px;
	background:#f9f9f9;
	width:25px;
	height:25px;
}
.gnb-panel-cotainer .my li:nth-child(1) a i { background:url('../../images/mobile/layout/ico_gnb_my1.png') center center no-repeat;background-size:25px 25px; }
.gnb-panel-cotainer .my li:nth-child(2) a i { background:url('../../images/mobile/layout/ico_gnb_my2.png') center center no-repeat;background-size:25px 25px; }
.gnb-panel-cotainer .my li:nth-child(3) a i { background:url('../../images/mobile/layout/ico_gnb_my3.png') center center no-repeat;background-size:25px 25px; }
.gnb-panel-cotainer .my li:nth-child(4) a i { background:url('../../images/mobile/layout/ico_gnb_my4.png') center center no-repeat;background-size:25px 25px; }
.gnb-panel-cotainer .my li:nth-child(5) a i { background:url('../../images/mobile/layout/ico_gnb_my4.png') center center no-repeat;background-size:25px 25px; }
.gnb-panel-cotainer .gnb-quick {
	display:table;
	table-layout:fixed;
	width:100%;
	border-bottom:6px solid #d9d9d9;
}
.gnb-panel-cotainer .gnb-quick li {
	display:table-cell;
}
.gnb-panel-cotainer .gnb-quick li + li {
	border-left:1px solid #d9d9d9;
}
.gnb-panel-cotainer .gnb-quick li a {
	display:block;
	text-align:center;
	padding:15px 0;
	line-height:1em;
	font-size:12px;
	color:#000;
	font-weight:400;
}
.gnb-panel-cotainer .gnb-quick li a i {
	display:block;
	margin:0 auto 10px;
	width:25px;
	height:25px;
	opacity:.4;
}
.gnb-panel-cotainer .gnb-quick li a:focus i {
	opacity:1;
}
.gnb-panel-cotainer .gnb-quick li:nth-child(1) a i { background:url('../../images/mobile/layout/ico_gnb1.png') center center no-repeat;background-size:25px 25px; }
.gnb-panel-cotainer .gnb-quick li:nth-child(2) a i { background:url('../../images/mobile/layout/ico_gnb2.png') center center no-repeat;background-size:25px 25px; }
.gnb-panel-cotainer .gnb-quick li:nth-child(3) a i { background:url('../../images/mobile/layout/ico_gnb3.png') center center no-repeat;background-size:25px 25px; }
.gnb-panel-cotainer .gnb-quick li:nth-child(4) a i { background:url('../../images/mobile/layout/ico_gnb4.png') center center no-repeat;background-size:25px 25px; }

.gnb-panel-cotainer .app {
	padding:10px 15px;
	background:#a6a6a6;
	overflow:hidden;
}
.gnb-panel-cotainer .app span {
	float:left;
	font-size:12px;
	font-weight:400;
	color:#fff;
}
.gnb-panel-cotainer .app a {
	float:right;
	font-size:12px;
	font-weight:400;
	color:#fff;
}
.gnb-panel-cotainer .app a:after {
	content:'';
	display:inline-block;
	position:relative;
	width:5px;
	height:5px;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	border-left:2px solid transparent;
	border-bottom:2px solid transparent;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
.gnb-panel-cotainer .gnb-list {
	border-bottom:5px solid #d9d9d9;
}
.gnb-panel-cotainer .gnb-list li + li {
	border-top:1px solid #f2f2f2;
} 
.gnb-panel-cotainer .gnb-list li a {
	display:block;
	padding:13px 15px;
	font-size:16px;
	font-weight:500;
	position:relative;
	border-bottom:0;
}
.gnb-panel-cotainer .gnb-list li a:before { display:none; }
.gnb-panel-cotainer .gnb-list li a .ui-accordion-header-icon {
	width:14px;
	height:14px;
	right:15px;
	top:17px;
}
.gnb-panel-cotainer .gnb-list li a .ui-accordion-header-icon:before {
	content:'';
	position:absolute;
	top:6px;
	left:0;
	width:14px;
	height:2px;
	border:0;
	background:#000;
	-webkit-transform:rotate(0);
	-moz-transform:rotate(0);
	-ms-transform:rotate(0);
	transform:rotate(0);
}
.gnb-panel-cotainer .gnb-list li a .ui-accordion-header-icon:after {
	content:'';
	position:absolute;
	top:6px;
	left:0;
	width:14px;
	height:2px;
	border:0;
	background:#000;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	transition:all .5s;
}
.gnb-panel-cotainer .gnb-list li a.ui-accordion-header-active .ui-accordion-header-icon:after {
	
	-webkit-transform:rotate(-180deg);
	-moz-transform:rotate(-180deg);
	-ms-transform:rotate(-180deg);
	transform:rotate(-180deg);
}

.gnb-panel-cotainer .gnb-list li ul {
	background:#fafafa;
	padding:0;
	border-top:1px solid #ddd;
	border-bottom:5px solid #f2f2f2;
}
.gnb-panel-cotainer .gnb-list li li:last-child { border-bottom:1px solid #ddd; }
.gnb-panel-cotainer .gnb-list li li a {	
	font-size:14px;
	padding:5px 15px;
	color:#555555;
}
.gnb-panel-cotainer .gnb-list li li a:before {
	content:'';
	position:relative;
	display:inline-block;
	width:8px;
	height:2px;
	background:#ddd;
	margin-right:10px;
	vertical-align:middle;
	top:-2px;
}
.gnb-panel-cotainer .customer-center {	
	
}
.gnb-panel-cotainer .customer-center ul {  }
.gnb-panel-cotainer .customer-center ul li {
	position:relative;
}
.gnb-panel-cotainer .customer-center ul li + li { 
	border-top:1px solid #f2f2f2;
}
.gnb-panel-cotainer .customer-center ul li a { 
	display:block;
	padding:10px 15px;
	font-size:16px;
	font-weight:400;
	color:#000;
}
.gnb-panel-cotainer .customer-center ul li a:after {
	position:absolute;
	display:inline-block;	
	content:'';
	top:20px;
	right:15px;
	width:6px;
	height:6px;
	border-top: 1px solid #000;
    border-right: 1px solid #000;
    border-left: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.gnb-panel-cotainer .customer-center strong {
	display:block;
}
.gnb-panel-cotainer .customer-center p {
	padding:15px 15px;
	background:#e0e0e0;
	font-size:16px;
}
.gnb-panel-cotainer .customer-center p em { 
	color:#555;
	font-size:16px;
}
.gnb-panel-cotainer .customer-center p span { margin-left:10px;font-size:13px; }

/* container */
.container {
	/*position:fixed;
	top:100px;
	left:0;
	bottom:0;
	width:100%;
	overflow-y:auto;*/
	position:relative;
	margin-top:100px;
	width:100%;
	overflow:hidden;
	box-sizing:border-box;
	padding:20px 15px 0;
}
/*.container .tit {
	padding:0 0 4vw;
}
.container .tit h3 {
	font-weight:400;
	font-size:6.5vw;
}*/


/* footer */
.site-footer {
/*     margin-top:20px; */
    padding:25px 2vw 30px;
    background:#2e2e2e;
    color:#838383;
    text-align:center;
    font-size:13px;
    line-height:1.3em;
}
.site-footer li{
    display:inline-block;
    vertical-align:middle;
}
.site-footer li:before {
    content:"";
    display:inline-block;
    width:1px;
    height:12px;
    background:#5c5c5c;
}
.site-footer li:first-child:before {
    display:none;
}
.site-footer li a{
    padding:0 10px;
    font-size:14px;
    color:#a7a6a6;
    font-weight:400;
}
.site-footer .btn-cont a{
    padding:0;
    width:80px;
    height:30px;
    line-height:28px;
    font-size:13px;
    color:#fff;
    background:#2e2e2e;
    border:1px solid #848484;
}
.site-footer p {
    margin-top:25px;
    font-size:11px;
}
.site-footer li b{
    font-weight:700;
}

.site-footer .footermenu li{
	display:inline-block;
    vertical-align:middle;
	text-align:center;
	width:19%; 
}

.site-footer .footermenu li:before {
    content:none;
}

.site-footer .footermenu li a{
    padding:0 0px;
	color:#fff
}



.site-footer .footermenu span{
	width:100%;
	display:block;
}

/* layout-full */

.sch,
.tit {
    position:relative;
    margin-top:-20px;
/*     margin-bottom:10px; */
    width:100%;
    padding:0 15px;
    margin-left:-15px;
    background:#f7f7f7;
    z-index:2;
}
.lnb:after,
.sch:after,
.tit:after {
    content:"";
    display:block;
    clear:both;
}
.tit h2 {
    height:45px;
    line-height:45px;
    overflow:hidden;
    font-size:16px;
    font-weight:500;
    color:#000;
}
.tit-border {
    display:block;
    font-size:17px;
    color:#333;
    font-weight:400;
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px solid #dbdbdb;
}

/*lnb*/
.lnb{
    position:relative;
    margin-top:-20px;
    margin-bottom:0px;
    width:100%;
    padding:0 15px;
    margin-left:-15px;
    background:#f7f7f7;
    z-index:2;
}
.lnb h2 {
    float:left;
    height:45px;
    line-height:45px;
    overflow:hidden;
    font-size:16px;
    font-weight:500;
    color:#000;
}
.lnb h3 {
    float:left;
    margin-right:0px;
    font-size:15px;
    color:#b83826;
    font-weight:400;
    height:35px;
    line-height:35px;
}
.lnb > .lnb-toggle {
    position:absolute;
    width:40px;
    height:35px;
    top:0;
	padding:0;
	border:0;
    text-indent:-9999px;
    background:none;
}
.lnb > .lnb-toggle:before,
.lnb > .lnb-toggle:after {
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:10px;
    height:2px;
    background:#000;
    margin-left:-2px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.lnb > .lnb-toggle:after {
    left:auto;
    right:50%;
    margin-right:-2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.lnb-list {
    display:none;
    position:absolute;
    top:0;
    left:0;
    right:0;
    width:100%;
    clear:both;
    background:#f7f7f7;
    box-sizing:border-box;
    padding-top:10px;
}
.lnb-list ul {
    margin:0 15px;
    overflow:hidden;
}
.lnb-list li {
    float:left;
    width:50%;
}
.lnb-list li a {
    color:#000;
}
.lnb-list li a strong {
    font-weight:400;
    font-size:16px;
}
.lnb-list li.active a {
    color:#b83826;
    font-weight:400;
}
.lnb-list > cite {
    display:block;
    margin-top:10px;
    padding:0 15px;
    height:40px;
    line-height:40px;
    background:#eaeaea;
}
.lnb-list .lnb-close {
    position:absolute;
    width:40px;
    height:40px;
    bottom:0;
    right:5px;
	padding:0;
	border:0;
    text-indent:-9999px;
    background:none;
}
.lnb-list .lnb-close:before,
.lnb-list .lnb-close:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left:-10px;
    width: 20px;
    height: 2px;
    background: #000;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.lnb-list .lnb-close:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* tabs */
.tabs {
    margin-bottom:20px;
    overflow:hidden;
    width:100%;
    border-bottom:1px solid #d9d9d9;
}
.tabs + .accordion {
    margin-top:-20px;
}
.tabs li {
    position:relative;
    margin-left:12px;
    margin-right:13px;
    float:left;
    box-sizing:border-box;
}
.tabs li:first-child {
    margin-left:0;
}
.tabs li:first-child:after {
    display:none;
}
.tabs li:after {
    content:"";
    position:absolute;
    left:-13px;
    top:10px;
    width:1px;
    height:14px;
    background:#d9d9d9;
}
.tabs li a {
    display:block;
    height:35px;
    line-height:35px;
    color:#777;
    text-align:center;
    margin-right:-1px;
    font-size:14px;
}
.tabs li.active a{
    color:#b83826;
    border-bottom:2px solid #b83826;
}
/*.tabs + * {
    margin-top:15px;
}*/

/* tabs2 */
.tabs2 { }
.tabs2 + .accordion {
    margin-top:-20px;
}
.tabs2 li {
    position:relative;
    margin-right:14px;
    float:left;
    box-sizing:border-box;
}

.tabs2 li a {
    display:block;
    color:#000;
    text-align:center;
    font-size:15px;
	padding:0px;
	line-height:18px;
	margin-top:10px;
}
.tabs2 li.active a{
    color:#fff;
    background:#b73827;
	font-weight:400;

}


.tabs-full{ 
    width:100%;
	position: relative;
    overflow:hidden;
}
.tabs-full + * {
    margin-top:10px;
}
.tabs-full .ui-tabs-nav,
.tabs-full { 
	height:35px;
	width:100%;
	display:inline-block;
}
.tabs-full .ui-tabs-nav li,
.tabs-full li {
    float:left;
	display:block;
    /*width:116px;*/
    height:35px;
    line-height:35px;
    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:35px;
	line-height:33px;
	box-sizing:border-box;
	border:1px solid #d9d9d9;
	text-align:center;
	position:relative;
    font-size:14px;
    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:#003a79; 
}
.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;
    font-weight:400;
    color:#fff;
}
.tabs-full  li.active a {
    color:#fff;
}

.tabsort {
	position:relative;
	width:100%;
	height:35px;
	display:inline-block;
	border-bottom:1px solid #f4f4f4;
	padding:0px 0;
	margin-bottom:10px;
}

/* list-more */
.list-more { margin-top:5vw; }
.list-more a { 
	border:1px solid #ddd;
	background:#eee;
	display:block; 
	text-align:center;
	padding:2vw 0;
}

/* sch-area */
.sch-area {
    position:relative;
	font-size:0;
	line-height:0;
	margin-bottom:10px;
}
.sch-area input {
    box-sizing:border-box;
	width:80%;
}
.sch-area .btn-sch {
    display:inline-block;
    vertical-align:top;
    width:20%;
    height:40px;
    line-height:40px;
    color:#fff;
    background:#2e2e2e;
    font-size:16px;
    text-align:center;
}

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

    /*background-image: url('../../images/mobile/common/vdo_menu.svg');*/
}
.heart.active:before {
    background-position:center -14px;
}
.sort {
    position:absolute;
    right:0px;
}

.sort li {
    position:relative;
    margin-left:10px;
    margin-right:10px;
    float:left;
    box-sizing:border-box;
}
.sort li:first-child {
    margin-left:0;
}
.sort li:first-child:after {
    display:none;
}
.sort li:after {
    content:"";
    position:absolute;
    left:-10px;
    top:10px;
    width:1px;
    height:14px;
    background:#d9d9d9;
}
.sort li a {
    display:block;
    height:35px;
    line-height:35px;
    color:#777;
    text-align:center;
    margin-right:-1px;
    font-size:14px;
}
.sort li.active a{
    color:#000;
}


/*TOP*/
#btnTop{display:none;}
#btnTop a{	width:46px;	height:46px; position:fixed;	right:5px;	bottom:15px;	background: url('../../images/mobile/common/btn_quick_top.png') no-repeat center center;	overflow:hidden;	z-index: 10;	text-indent: -9999px;}
#btnTop .arrow-top{  display:none;  height:100%;  position:relative;}

/* main */
.mn-row,
.mn-row-darkgray {
    margin-left:-15px;
    width:100%;
    padding:15px;
}
.mn-row-gray {
    margin-left:-15px;
    width:100%;
    padding:15px;
    background:#f7f7f7;
}
.mn-row-darkgray {
    background:#e0e0e0;
}
.mn-tit {
    display:block;
    font-size:16px;
    font-weight:500;
    color:#000;
}

.mn-notice {
	margin-top:35px;
	margin-bottom:-15px;
    padding-left:90px;
    position:relative;
}
.mn-notice a:first-child {
    background:blue;
}
.mn-notice .mn-tit {
    position:absolute;
    top:19px;
    left:15px;
}
.mn-notice a:first-child  + a {
    display:block;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-wrap:normal;
    width:calc(100% - 90px);
    overflow:hidden;
}

/*추가 2018-09-16 lee*/
.mdaylist{
    position:relative;
	margin: -13px 0 25px 0;
	display:block;
	height:30px;
	
}
.mdaylist .mdate{
    position:absolute;
    top:0px;
    left:0px;
	line-height:30px;
}
.mdaylist .rico{
    position:absolute;
	right:0px;
}
.mdaylist .rico span{margin-left:10px}
.mdaylist .rico .icoplay{
	background: url('../../images/mobile/layout/ico_play.png') no-repeat 0;
	padding-left:32px;
	line-height:33px;
}
.mdaylist .rico .icolist{
	background: url('../../images/mobile/layout/ico_list.png') no-repeat 0;
	padding-left:32px;
	line-height:33px;
}


.mn-visual {
    margin-top:-20px;
    position:relative;
    width:calc(100% + 30px);
    margin-left:-15px;
    background:#e0e0e0;
}
.mn-visual > cite {
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    background:rgba(0,0,0,.5);
    font-size:11px;
    color:#f78080;
    font-weight:500;
    height:30px;
    line-height:30px;
    padding:0 15px;
    z-index:1;
}
.mn-visual li a img {
    display:block;
    width:100%;
}
.mn-visual li a {
    position:relative;
    display:block;
}
.mn-visual li p {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    text-align:center;
    padding:10px 15px;
    color:#fff;
    line-height:1.3em;
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1)); 
}
.mn-visual li p a{color:#fff;}

.mn-visual li p .infolink {
    position:relative;
    display:inline-block;
	margin-top:15px;
	height:30px;
}

.mn-visual li p .infolink button {
    border: 0px solid #ff0000;
	cursor:pointer;	
	margin:0px 25px; padding:0px;
	height:27px;
	line-height:27px !important;
}
.mn-visual li p .infolink button.clipping{
	background: url('../../images/mobile/layout/ico_plus.png') no-repeat 0px 0px;
	width:27px;	
}

.mn-visual li p .infolink button.ico_info{
	background:url('../../images/mobile/layout/ico_info.png') no-repeat 0px center;
	width:27px;
}

.mn-visual li p .infolink button.play{	
	border-radius:5px;
	font-size: 14px !important; 
	padding:0px 14px 1px 25px; 
	color:#000; 
	width:62px; height: 30px;
	background:#ffffff url('../../images/mobile/layout/ico_playb.png') no-repeat 10px center;
}

.mn-visual li p .infolink button.play span{

}

.mn-visual li p strong {
    display:block;
    font-size:24px;
    font-weight:500;
    line-height:1.2em;
}
.mn-visual li p span {
    font-size:11px;
    font:400;
}
.mn-visual .bx-pager {
    position:absolute;
    bottom:-40px;
    left:0;
    right:0;
    width:100%;
    text-align:center;
    z-index:2; 
}
.mn-visual .bx-pager-item {
    display:inline-block;
    height:30px;
    line-height:30px; 
}
.mn-visual .bx-pager-item a {
    margin:10px 5px 0;
    display:block;
    width:10px;
    height:10px;
    background:#d9d9d9;
    text-indent:-9999px;
    border-radius:50%;
}
.mn-visual .bx-pager-item a.active {
    background:#bb3627;
}
.mn-visual .bx-controls-direction {
    display:none;
}



.mn-notice2 {
    margin-top:35px;
    margin-bottom:-15px;
	padding-left:150px;
    position:relative;
}

.mn-notice2 .mn-tit {
    position:absolute;
    top:19px;
    left:15px;
}

.mn-notice2 .fred{color:#c11717;font-weight:500;}
.mn-notice2 cite{
	display: inline-block; 
	width: 70%; 
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis;
}

/**/

.border-b {
	top:15px;
	margin-bottom:15px;
    position:relative;
    border-bottom:5px solid #f7f7f7;
}
.border-b:after {
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    display:block;
    height:1px;
    background:#ededed;
}
.mn-keyword {
    background:#fff;
    text-align:center;
    vertical-align:middle;
    margin-top:10px;
}
.mn-keyword td {
    border:1px solid #d9d9d9;
    font-size:13px;
    color:#777;
}
.mn-keyword td a {
    padding:10px 2vw;
    display:block;
    font-size:13px;
    color:#777;
    line-height:1.3em;
}
.mn-board {
    margin-top:5px;
}
.mn-board li span {
    color:#b83826;
    font-weight:400;
}
.mn-board li a {
    display:block;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-wrap:normal;
    width:100%;
    overflow:hidden;
}
.mn-board  + hr {
    margin-top:20px;
    height:1px;
}
.mn-custom .mn-tit{
    margin-bottom:5px;
}
.mn-custom a {
    margin-right:5px;
    font-weight:500;
    font-size:16px;
}
.mn-custom span {
    color:#777;
    font-size:13px;
    white-space:nowrap;
}

/* subject */
.subject-list-thumb {position:relative; display:block;}
.subject-list-thumb li,
.subject-list-video li{
    position:relative;
    /*overflow:hidden;*/
    min-height:115px;
    padding:10px 0 15px 130px;
    font-size:13px;
    line-height:1.231em;
    color:#777;
	border-bottom:1px solid #f2f2f2;
}




.subject-list-video li {
    padding-left:145px;
    min-height:72px;
}
.subject-list-thumb li:first-child,
.subject-list-video li:first-child {
    margin-top:-10px;
}

.subject-list-thumb figure,
.subject-info figure  {
    position:absolute;
    left:0;
    width:115px;
    height:115px;
    overflow:hidden;
}

.pt10{padding-top:10px}

.subject-list-video figure{
    position:absolute;
    left:0;
    width:115px;
    height:135px;
    overflow:hidden;
}
.subject-list-video figure {
    width:130px;
    height:72px;
}
.subject-list-thumb figure span {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    display:block;
    background:rgba(0,0,0,.5);
    color:#fff;
    text-align:center;
    font-size:13px;
    height:29px;
    line-height:29px;
    overflow:hidden;
}
.subject-list-thumb figure span:after {
    content:"";
    display:inline-block;
    margin-left:5px;
    width:7px;
    height:7px;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.subject-list-thumb figure img,
.subject-info img{
    display:block;
    width:100%; height:100%;
	border-radius:80px; 
}
.subject-list-video figure img{
    display:block;
    width:100%;
}
.subject-list-thumb h4,
.subject-list-video h4,
.subject-info h4 {
    margin-bottom:5px;
    font-size:15px;
    margin-top:4px;
    font-weight:400;
    line-height:1.4em;
    color:#333;
}
.subject-list-thumb cite,
.subject-list-thumb .heart,
.subject-list-thumb p,
.subject-list-video p,
.subject-info cite {
    margin-bottom:7px;
    display:block;
}
.subject-list-thumb cite strong,
.subject-info cite strong {
    font-weight:300;
    color:#555;
}
.subject-list-thumb p,
.subject-list-video p {
    color:#777;
    font-size:13px;
    line-height:1.231em;
}

.subject-list-thumb p.hashtag{
	margin-top:20px;
	color:#b92f1a;
}
.subject-list-thumb a.btn{
	float: right;
    font-size: 13px;
}
p.hashtag{
	margin:5px 0;
	font-size:13px;
	color:#b92f1a;
}


.subject-list-video div.red {
    margin-top:5px;
    font-size:13px;
}
.subject-list-video .tag-area {
    margin-top:10px;
    margin-bottom:0;
}
.subject-list-video .label {
    position:absolute;
    top:0;
    left:-5px;
    width:63px;
    height:23px;
    line-height:23px;
    background:#b83826;
    color:#fff;
    font-size:12px;
    text-align:center;
    z-index:1;
}
.subject-list-video .label:after {
    content:"";
    position:absolute;
    top:22px;
    left:0;
    border-left: 5px solid transparent;
	border-top: 5px solid #412d2a;
	border-bottom: 5px solid transparent;
}
.subject-list-video .label.yes {
    background:#d56858;
} 

.running-time {
	position:absolute;
    display:block;
    padding:0 10px;
	right:0;
	bottom:0;
    background:#000;
    color:#fff !important;
	font-size:14px;
    overflow:visible;
}


.running-time-right {
	position:absolute;
    display:block;
	right:0;
	bottom:12px;
    color:#010101 !important;
	font-size:14px;
}

.subject-info {
    position:relative;
    /*overflow:hidden;*/
    min-height:115px;
    padding:10px 0 20px 0px;
    font-size:13px;
    line-height:1.231em;
    color:#777;
}

.subject-info > div {
    margin-left:135px;
}
.subject-info h4 {
    font-size:17px;
}
.subject-info .btn {
    position:absolute;
    display:block;
    width:100%;
    bottom:20px;
    height:44px;
    line-height:40px;
    font-size:16px;
    color:#333;
    font-weight:400;
}
.subject-info .btn:after {
    content:"";
    position:absolute;
    top:50%;
    margin-top:-6px;
    right:14px;
    width:12px;
    height:12px;
    border-right:1px solid #333;
    border-bottom:1px solid #333;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.subject-info .mvplay{background: url('../../images/mobile/common/ico_play.png') no-repeat 0; position:absolute;right:0; padding-left:33px; font-size:14px; line-height:30px;}

.seriesinfo{
	position:relative;
	display:block;
    font-size:14px;
	background:#f0f0f0;
	margin-bottom:20px;
	line-height:24px;
	padding:10px;

}
.seriesinfo h4 {
    margin-bottom:5px;
    font-size:16px;
    margin-top:4px;
    font-weight:400;
    line-height:1.4em;
    color:#333;
}

.subject-list-video .fnc {
    overflow:hidden;
/*     margin-top:10px; */
}
.subject-list-video .fnc label {
	position:absolute;
	display:inline-block;
/*     float:right; */
/*     top:68px; */
/*     right: 0; */
    margin-top: 5px;
}

.fnc-area {
    border-bottom:1px solid #d9d9d9;
    margin-bottom:20px;
    padding-bottom:10px;
    overflow:hidden;
}
.fnc-area .all-chk {
    float:right;
    vertical-align:middle;
}
.fnc-area .all-chk label {
    vertical-align:middle;
}
.intro {
    line-height:1.4em;
}
.intro p,
.intro cite {
    margin-bottom:25px;
}
.intro cite {
   display:block;
   font-size:16px;
}
.intro p:first-child + cite {
    margin-top:40px;
}
.intro h5 {
    margin-bottom:5px;
    font-size:15px;
    font-weight:400;
}


/* 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;
}

/* video */
.vdo-area {
    margin-top:0px;
    margin-left:-15px;
    margin-bottom:10px;
    width:calc(100% + 30px);
    box-sizing:content-box;
}
.vdo-area .vdo-menu {
    position:relative;
    display:flex;
}

.vdo-area .vdo-menu:after {
    content:"";
    clear:both;
    display:block;
}
.vdo-area .vdo-menu>a,
.vdo-area .vdo-menu>div{flex:1}
.vdo-area .vdo-menu > * {
    position:relative;
    display:block;
    padding-bottom:5px;
    width:20%;
    float:left;
    box-sizing:border-box;
    font-size:12px;
    color:#000;
    text-align:center;
    border:1px solid #d9d9d9;
    border-right:none;
    vertical-align:top;
}

.vdo-area .vdo-menu > *:first-child {
    border-left:none;
}
.vdo-area .vdo-menu > *:before {
   content:"";
   display:block;
   width:100%;
   height:40px;
}
.vdo-area .vdo-menu > *:hover:before {
   border-color:#000;
}
.vdo-area .vdo-menu > *:after {
    content: "";
    position: absolute;
    top:15px;
    left:50%;
    margin-left:-12px;
    display: block;
    width: 25px;
    height: 25px;
    background: url('../../images/mobile/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 .menu-heart:after {
    background-position:center -25px;
}
.vdo-menu .menu-heart.active:after {
    background-position:center -50px;
}
.vdo-menu .menu-star:after {
    background-position:center -100px;
}
.vdo-menu .menu-down:after {
    background-position:center -150px;
}
.vdo-menu .menu-gift:after {
    background-position:center -200px;
}
.vdo-menu .menu-scrap:after {
    background-position:center -250px;
}
.vdo-area .vdo-menu ul {
    display:none;
    position:absolute;
    left:50%;
    bottom:-60px;
    width:170px;
    text-align:center;
    border:1px solid #000;
    font-size:12px;
    color:#777;
    background:#fff;
    height:50px;
    line-height:50px;
    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);
    box-sizing:border-box;
    -webkit-transform: translateX(-50%);
    -moz-transform:  translateX(-50%);
    -ms-transform:  translateX(-50%);
    -o-transform:  translateX(-50%);
    transform:  translateX(-50%);
}
.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 {
    /*width:170px;*/
}
.menu-star-list li {
    position:relative;
}
.menu-star-list .ui-checkboxradio-radio-label {
    position:relative;
    z-index:1 !important;
    display:inline-block;
	width:15px;
	height:15px;
	background:url('../../images/mobile/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/mobile/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 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/mobile/common/vdo_menu.svg') center -275px no-repeat;
    vertical-align:middle;
}
.menu-down-list li + li a:before {
    background-position:center -300px;
}
.vdo-info-area {
    position:relative;
    padding:10px 15px 0;
}
.vdo-info-area h4 {
    padding-right:60px;
    font-size:17px;
    line-height:1.412em;
    font-weight:400;
}
.vdo-info {
    clear:both;
    display:block;
}
.vdo-info span{
    display:inline-block;
    line-height:1em !important;
    font-size:13px;
    margin-right:1vw;
}
.vdo-info span strong {
    font-weight:400;
}
.vdo-info span.heart,
.vdo-info span[class^="score"]{
    margin-top:-3px;
}
.vdo-info span + span {
    margin-right:1vw;
}
.btn-vdointro-toggle {
	position:absolute;
    right:0;
	width:50px;
	height:50px;
	top:0;
	padding:0;
	border:0;
	/* background:#fff; */
    background: transparent;
    text-indent:-9999px;
}
.btn-vdointro-toggle:before {
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-5px;
    margin-left:-5px;
    display:block;
    width:10px;
    height:10px;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    transition:all .3s;
}
.btn-vdointro-toggle.active:before {
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.vdointro-toggle {
    display:none;
    padding-top:20px;
}
.vdo-tab-con p {
    margin-bottom:20px;
    line-height:1.6em;
}
.tag-area {
    margin-bottom:20px;
}
.tag-area a {
    display:inline-block;
    color:#000;
    font-weight:400;
    margin-right:1vw;
}
/* learn */
.play-area {
    position:relative;
    margin-top:10px;
}
.play-area > cite {
    float:left;
    font-size:16px;
    color:#b83826;
    display:block;
    font-weight:400;
}
.play-area .btn-move {
    display:inline-block;
    padding:0 20px;
    background:#696969;
    color:#fff;
    font-size:14px;
    height:34px;
    line-height:34px;
    border:none;
}
.play-area .btn-move:before {
    content:"";
    display:inline-block;
    margin-right:8px;
    width:23px;
    height:14px;
    background: url('../../images/mobile/common/arr_move.png') no-repeat;
    color:#696969;
}
.play-area .btn-move:hover,
.play-area .btn-move:focus {
    background:#696969;
}
.play-area .onoff {
    float:right;
    font-size:12px;
    color:#777;
}
.play-area .onoff cite {
    margin-right:10px;
}
.play-area .onoff a {
    display:inline-block;
    color:#999;
    border:1px solid #d9d9d9;
    width:38px;
    height:20px;
    line-height:18px;
    text-align:center;
    margin-left:-4px;
}
.play-area .onoff a.active {
    background:#303030;
    color:#fff;
    border-color:#303030;
}
.play-list {
    padding-top:5px;
    clear:both;
    font-size:0;
    white-space:nowrap;
    width:100%;
}
.play-list ul {
    margin-left:-5px;
}
.play-list li{
    display:inline-block;
    position:relative;
    padding:5px;
    width:130px;
    font-size:13px;
    overflow:hidden;
    vertical-align:top;
}
.play-list li + li {
    margin-left:5px;
}
.play-list li > a:not(.btn-del) {
    display:block;
}
.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:relative;
    display:block;
    width:130px;
    height:73px;
}
.play-list figure img {
    display:block;
    width:100%;
    height:100%;
    border: 1px solid #ededed;
}
.schedule .play-list .running-time {
    bottom: 0;
}
.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;
    bottom:5px;
    right:5px;
    width:25px;
    height:25px;
    text-indent:-9999px;
}
.play-list .btn-del:before,
.play-list .btn-del:after {
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    display:block;
    width:14px;
    height:2px;
    background:#999;
    margin-left:-6px;
    margin-top:-2px;
}
.play-list .btn-del:before {
    -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 h4 {
    width:100%;
    white-space:normal;
    margin:10px 0 4px;
    line-height:1.308em;
    font-weight:400;
    color:#333;
}
.play-list cite {
    display:block;
    line-height:1.571em;
    color:#555;
}
.play-list li a:not(.btn-del) > span {
    display:block;
    color:#777;
}
.play-list li > span strong {
    color:#333;
    font-weight:400;
}
.play-list li div span + span {
    margin-left:3px;
}

.play-list figure.hri {
    width: 104px;
    height: 134px;
}
.play-list li.hri{
  width: 104px;
}
.play-list h4.hri {
    display:inline-block;
    width: 100%;
    margin: 10px 0 2px;
    line-height: 1.308em;
    height: 26px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#ulContents .label:after {
    content:"";
    position:absolute;
    top:22px;
    left:0;
    border-left: 5px solid transparent;
	border-top: 5px solid #412d2a;
	border-bottom: 5px solid transparent;
}
#ulContentsr .label.yes {
    background:#d56858;
} 

.series-list {
    padding-top:5px;
    clear:both;
    font-size:0;
    white-space:nowrap;
    width:100%;
}
.series-list ul {
    margin-left:-5px;
}
.series-list li{
    display:inline-block;
    position:relative;
    padding:5px;
    width:115px;
    font-size:13px;
    overflow:hidden;
    vertical-align:top;
}
.series-list li + li {
    margin-left:5px;
}

.series-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;
}
.series-list figure {
    position:relative;
    display:block;
    width:115px;
    height:135px;
}
.series-list figure img {
    display:block;
    width:100%;
    height:100%;
}
.series-list figure span {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    display:block;
    background:rgba(0,0,0,.5);
    color:#fff;
    text-align:center;
    font-size:13px;
    height:29px;
    line-height:29px;
    overflow:hidden;
}
.series-list figure span:after {
    content:"";
    display:inline-block;
    margin-left:5px;
    width:7px;
    height:7px;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.series-list h4 {
    padding-top:10px;
    white-space:normal;
    font-weight:400;
    line-height:1.3em;
    height:2.6em;
    color:#333;
    overflow:hidden;
}
.series-list cite > * {
    font-weight:300;
}

/*추가 2018-09-16 lee*/

.series-list2 {
    padding-top:5px;
    clear:both;
    font-size:0;
    white-space:nowrap;
    width:100%;
}
.series-list2 ul {
    margin-left:-5px;
}
.series-list2 li{
    display:inline-block;
    position:relative;
    padding:5px;
    width:115px;
    font-size:13px;
    overflow:hidden;
    vertical-align:top;
}
.series-list2 li + li {
    margin-left:5px;
}

.series-list2 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;
}
.series-list2 figure {
    position:relative;
    display:block;
    width:115px;
    height:115px;
}
.series-list2 figure img {
    display:block;
    width:100%;
    height:100%;
	border-radius:80px; 
}
.series-list2 figure span {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    display:block;
    background:rgba(0,0,0,.5);
    color:#fff;
    text-align:center;
    font-size:13px;
    height:29px;
    line-height:29px;
    overflow:hidden;
}
.series-list2 figure span:after {
    content:"";
    display:inline-block;
    margin-left:5px;
    width:7px;
    height:7px;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.series-list2 h4 {
    padding-top:10px;
    white-space:normal;
    font-weight:400;
    line-height:1.3em;
    height:2.6em;
    color:#333;
    overflow:hidden;
}
.series-list2 cite > * {
    font-weight:300;
}

/**/


.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:0;
    bottom:0;
    left:0;
    right:0; 
    width:100%;
    height:100%;
    margin-left:-5px;
    margin-top:-5px;
    padding:5px;
    background:rgba(0,0,0,.6);
    color:#fff;
    text-align:center;
    z-index:2;
}
.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 {
    bottom:10px;
    right:10px;
}
.play-list .play-del .btn-del:before,
.play-list .play-del .btn-del:after {
    background:#fff;
}
.play-list + .btn-cont {
    margin-bottom:25px;
    margin-top:10px;
}
.btn-opinion-toggle {
    position:relative;
    display:block;
    width:100%;
    margin-bottom:20px;
    border-top:1px solid #f2f2f2;
    border-bottom:1px solid #f2f2f2;
    width:100%;
    padding:15px 15px;
    margin-left:-15px;
    font-size:16px;
    font-weight:400;
    color:#000;
}
.btn-opinion-toggle:after {
    content:"";
    position:absolute;
    top:50%;
    right:20px;
    margin-top:-5px;
    display:block;
    width:10px;
    height:10px;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
     -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(45deg);
    transition:all .3s;
}
.btn-opinion-toggle.active:after {
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.btn-opinion-toggle h3 {
    font-size:16px;
    font-weight:400;
}
.btn-opinion-toggle h3 span{
    color:#777;
    font-weight:300;
}
.opinion-toggle {
    display:none;
}
.opinion-write {
	display: -webkit-box;
    margin-bottom:15px;
    font-size:0;
}
.opinion-write input[type="text"] {
 width:calc(100% - 70px);
}
.opinion-write textarea {
	-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0px;
	display:block;
    width: 100%;
    resize: none;
    min-height: 4.5em;
    line-height:1.6em;
    max-height: 9em;
}
.opinion-write .autosize{padding-right:70px;}
.opinion-write  span {
	position:absolute;
	padding-top:60px;
	margin-right:80px; 
	font-size:13px;
	color:#555;	
	right: 0;
}
.opinion-write .btn {
    position:absolute;
    display:block;
    right:-1px;
    width:70px;
    padding-left:0;
    padding-right:0;
    padding-top: 0;
    height:94px;
    line-height:94px;
}
.opinion-list li {
    position:relative;
    padding:15px 0;
    border-bottom:1px solid #f2f2f2;
}
.opinion-list li p {
    color:#333;
    line-height:1.4em;
}
.opinion-list li cite,
.opinion-list li time {
    margin-right:1vw;
    font-size:13px;
}
.opinion-list li time {
    color:#777;
}
.opinion-list .delete {
    position:absolute;
    right:0;
    bottom:15px;
    width:25px;
    height:25px;
    text-indent:-9999px;
}
.opinion-list .delete:before,
.opinion-list .delete:after {
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-7px;
    margin-top:-1px;
    width:15px;
    height:2px;
    background:#999;
    /*-webkit-transform: translate(-50%, -50%);
    -moz-transform:  translate(-50%, -50%);
    -ms-transform:  translate(-50%, -50%);
    -o-transform:  translate(-50%, -50%);
    transform:  translate(-50%, -50%);*/
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.opinion-list .delete:after {
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.opinion .btn-more {
    position:relative;
    display:inline-block;
    padding:15px 15px;
    color:#333;
    font-weight:400;
    font-size:16px;
}
.opinion .btn-more:after {
    content:"";
    position:absolute;
    top:50%;
    right:0;
    margin-top:-5px;
    width:10px;
    height:10px;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.schedule {
   width:100%;
   padding:20px 15px 10px;
   margin-left:-15px;
   border-bottom:1px solid #f2f2f2;
}
.schedule h3 {
    font-size:16px;
    font-weight:400;
}

/* search */
.sch {
    padding-top:10px;
    padding-bottom:10px;
    font-size:0;
}
.sch > * {
    display:inline-block;
    vertical-align:middle;
    font-size:16px;
    font-weight:400;
}
.sch input {
    width:calc(100% - 70px);
    border:2px solid #2e2e2e;
    height:45px;
    line-height:45px;
    color:#000;
}
.sch .btn-sch {
    background:#2e2e2e;
    width:70px;
    height:45px;
    line-height:45px;
    text-align:center;
    color:#fff;
}

/* page */
.page-header {
    position:relative;
	width: 100%;
	height: 60px;
	z-index: 99; 
	border-bottom:1px solid #ddd;
	background:#fff;
	box-sizing:border-box;
    padding-left:15px;
}
.page-header-bg {
    background:#f7f7f7;
}
.page-header h1.logo {
    position:absolute;
	width: 109px;
    height:30px;
	top:15px;
	text-indent: -9999px;
	background: url("../../images/mobile/layout/logo.svg") center center no-repeat;
	background-size: contain; 
}
.page-header h1 {
    text-align:center;
    line-height:60px;
    font-size:16px;
    font-weight:500;

}
.page .page-close { 
	position:absolute;
	right:0;
	top:0;
	width:50px;
	height:60px;
	text-indent:-9999px;
	overflow:hidden;	
}
.page .page-close:before {
	content:"";
	position:absolute;
	height:2px;
	width:60%;
	background:#454b53;
	top:50%;
	left:50%;
    margin-left:-30%;
	margin-top:-1px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
.page .page-close:after {
	content:"";
	position:absolute;
	height:2px;
	width:60%;
	background:#454b53;
	top:50%;
	left:50%;
     margin-left:-30%;
	margin-top:-1px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.page .page-back { 
	position:absolute;
	left:0;
	top:0;
	width:50px;
	height:60px;
	text-indent:-9999px;
	overflow:hidden;
}
.page .page-back:before {
	content:"";
	position:absolute;
	height:2px;
	width:15px;
    height:15px;
	top:50%;
	left:50%;
    margin-left:-7px;
	margin-top:-7px;
    border-left:2px solid #454b53;
    border-bottom:2px solid #454b53;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
.page-body {
    padding:15px;
}

/* survey */
p.gray + .survey {
    margin-top:20px;
}
.survey {
    color:#333;
    font-weight:400;
}
.survey h2{
    margin-bottom:10px;
    color:#333;
    font-size:15px;
    line-height:1.4em;
    font-weight:400;
}
.survey > li + li {
    margin-top:25px;
}
.survey ul {
    margin-left:9px;
}
.survey ul li + li {
    margin-top:5px;
}
.survey p.ac {
    margin-top:20px;
    color:#777;
    font-size:14px;
}

/* mypage */
.border-box {
    border:1px solid #c7c7c7;
}
.border-box + .border-box {
    margin-top:20px;
}
.border-box > cite {
    display:block;
    padding:10px 15px;
    font-size:16px;
    font-weight:400;
    color:#333;
    position:relative;
}
.border-box > cite .signupicon {	
    top: 12px;
    right: 15px;
}
.border-box > cite .signupicon:before {
	width:10px;
	height:10px;
	top:0;
	left:5px;
}
.border-box > cite .signupicon.active:before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -mstransform: rotate(-45deg);
    transform: rotate(-45deg);	
    top:6px;
}
.border-box .terms-txt {	
    padding:10px 15px 10px 15px;  
    font-size:13px;
    color:#777;
    line-height:1.538em;
    white-space:pre-line;
    position:relative;
    border-top:1px solid #d9d9d9;
    max-height:120px;
    overflow-y:auto;
}
.border-box > a {
    position:relative;
    display:block;
    font-size:13px;
    color:#777;
    padding:10px 60px 10px 15px;  
    line-height:1.538em;
}
.border-box > a:after {
    content:"";
    display:block;
    position:absolute;
    top:15px;
    right:20px;
    width:10px;
    height:10px;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.border-box > a p + p {
    margin-top:10px;
}
.border-box .border-cont {
    padding:10px 15px;
}
.border-box .bullet-list {
    color:#000;
    font-weight:400;
}
.border-box .bullet-list li {
    position:relative;
    padding-left:105px;
}
.border-box .bullet-list li:before {
    content:"";
    position:absolute;
    width:4px;
    height:4px;
    background:#c9c9c9;
    border-radius:50%;
    top:12px;
    left:0;
}
.border-box .bullet-list cite {
    position:absolute;
    left:10px;
    display:block;
    font-weight:300;
    width:85px;
    color:#777;
}
.border-box .bullet-list cite:after {
    content:"";
    position:absolute;
    top:7px;
    right:0;
    width:1px;
    height:14px;
    background:#d9d9d9;
}
.border-box cite label{
    display:block;
    color:#333;
    font-weight:500;
}
.border-box cite label strong{
    font-weight:700;
}
.border-box .ui-checkboxradio-label:before {
    border-radius:50%;
}
.border-box .ui-checkboxradio-label.ui-state-active:after {
    border-radius:50%;
    background-color:#f78080;
}
.state-list {
    text-align:center;
}
.state-list td {
    padding-top:5px;
    padding-bottom:5px;
}
.state-list td.ar {
    padding-right:5px;
}
.state-list td.state {
    position:relative;
}
.state-list td.state:before {
    content:"";
    position:absolute;
    left:2px;
    right:2px;
    height:23px;
    display:block;
    background:#f9f9f9;
    z-index:0;
}
.state-list 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;
}

/* member */
.member-confirm-area {
    text-align:center;
}
.member-confirm-area figure img{
    width:80px;
}
.member-confirm-area figcaption {
    margin-bottom:5px;
    display:block;
    font-size:19px;
    font-weight:400;
    color:#333;
}
.member-confirm-area p {
    font-size:14px;
    color:#777;
    line-height:1.429em;
}
.member-confirm-area p strong {
    color:#000;
    font-weight:400;
}
.member-confirm-area input.q4 {
    margin-top:20px;
}
.member-info {
    width:100%;
    overflow:hidden;
    border-top:1px solid #dbdbdb;
    border-bottom:1px solid #dbdbdb;
    font-weight:400;
    color:#777;
    padding-bottom:10px;
    padding-top:10px;
    margin-bottom:15px;
}
.tit-border + .member-info {
    border-top:0;
    padding-top:0;
}
.member-info dt {
    float:left;
    clear:both;
}
.member-info dd {
    float:right;
    color:#333;
}
.tip {
    color:#777;
    font-size:13px;
}
.txt {
    padding:0 15px;
    color:#333;
    font-weight:400;
    line-height:1.4em;
}
.step {
    padding-top:10px;
    margin-bottom:30px;
    text-align:center;
}
.step h3 {
    margin-bottom:10px;
    font-size:16px;
    color:#333;
    font-weight:500;
}
.step > ul {
    position:relative;
    margin:0 auto;
    display:block;
    width:200px;
    height:5px;
    background:#d9d9d9;
    overflow:hidden;
}
.step li {
    float:left;
    text-indent:-9999px;
    background:#b83826;
}
.step li.active  ~ li {
    background:#d9d9d9; 
}
.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 */
.membership-list {
	margin-top:20px;
    margin-bottom:30px;
}
.membership-list li {
    position:relative;
    border:1px solid #d9d9d9;
}
.membership-list li + li {
    margin-top:20px;
}
.membership-list figcaption {
    color:#b83826;
    font-weight:400;
    font-size:22px;
    color:#b83826;
}
.membership-list li > div {
    position:relative;
    border-top:1px dashed #d7d7d7;
    right:0;
    text-align:center;
    padding:15px 0;
    margin:15px 15px 0;
}
.membership-list li > div strong {
    margin-bottom:10px;
    display:block;
    font-size:18px;
    font-weight:400;
}
.membership-list li > div strong:before,
.membership-list li > div:before {
    content:"";
    position:absolute;
    display:block;
    width:9px;
    height:18px;
    border:1px solid #d9d9d9;
    border-radius:0 20px 20px 0;
    top:-9px;
    left:-16px;
    background:#fff;   
}
.membership-list li > div strong:after,
.membership-list li > div:after {
    content:"";
    position:absolute;
    display:block;
    top:-8px;
    left:-16px;
    width:1px;
    height:18px;
    background:#fff;
    z-index:2;
}
.membership-list li > div strong:before {
    left:auto;
    right:-16px;
    border-radius:20px 0 0 20px;
}
.membership-list li > div strong:after {
    left:auto;
    right:-16px;
}
.membership-list h4 {
    margin-bottom:20px;
    padding:10px 15px;
    font-weight:400;
    font-size:17px;
    background:#f7f7f7;
    text-align:center;
}
.membership-list p {
    margin-bottom:10px;
    padding:0 15px;
    line-height:1.4em;
    color:#333;
}
.membership-company {
    position:relative;
    margin-top:40px;
    padding:30px 20px;
    background:#fafafa;
    text-align:center;
}
.membership-company h3 {
    font-size:17px;
    color:#333;
    font-weight:400;
}
.membership-company p {
    margin-top:13px;
    line-height:1.4em;
    color:#777;
}
.membership-company p strong {
    display:block;
    margin-top:5px;
    font-weight:300;
    font-size:15px;
    color:#333;
    font-weight:400;
}
/*.membership-company .tel {
    position:relative;
    font-size:22px;
    color:#000;
    font-weight:400;
}*/
.membership-company .tel {
    margin-top:15px;
}
.membership-company .tel i {
    display: inline-block;
    margin-right:10px;
    width: 33px;
    height: 43px;
    background: url('../../images/mobile/common/tel.png') no-repeat;
    background-size:33px;
    vertical-align:middle;
}
.membership-company .tel a {
    display:inline-block;
    margin:0 5px;
    white-space:nowrap;
    border-bottom:1px solid #aaa;
}
.membership-company .tel span {
    color:#999;
}

.signupicon { 
	position:absolute;
	right:0;
	width:20px;
	height:20px;
	overflow:hidden;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	transition:all .5s;
}
.signupicon:before {
	content:"";
	position:absolute;
	top:-5px;
	left:1px;
	width:16px;
	height:16px;
	border-top:1px solid #4c4c4c;
	border-right:1px solid #4c4c4c;
	-webkit-transform:rotate(-225deg);
	-moz-transform:rotate(-225deg);
	-ms-transform:rotate(-225deg);
	transform:rotate(-225deg);
}
.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');
}


/*스크롤*/
#scroller { margin:0px; padding:0px; list-style:none; }
.simply-scroll-container { position: relative; }
.simply-scroll { width: 100%;} /* 슬라이드 박스 사이즈 설정  */
.simply-scroll-clip { width: 100%; position: relative; overflow: hidden; }

#scroller2 { margin:0px; padding:0px; list-style:none; }
.simply-scroll-container { position: relative; }
.simply-scroll { width: 100%;} /* 슬라이드 박스 사이즈 설정  */
.simply-scroll-clip { width: 100%; position: relative; overflow: hidden; }



.listset li{border-bottom:1px solid #f0f0f0;  padding:10px;}
.listset li.bgray{background:#f2f2f2;}
.listset li span.R0{position:absolute; right:25px }
.listset li span.new{color:#b83826;}

/*메인 배너*/
.mn-bnn-top{
	position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;	
    margin-bottom: -100px;
    overflow: hidden;
}
}
.mn-bnn-top a {
	display:block;
	margin:0 auto;
}
.mn-bnn-top a img {
	display:block;
	height: 51px;
	width: 100%;
}
.mn-bnn-top .bnn-close {
	position:absolute;
	width:38px;
	height:28px;
	bottom:0;
	right:44%;
	margin-right:-45%;
	background:url("../../images/user/main/bnn_close.png") 0 0 no-repeat;
	padding:0;
	border:0;
	cursor:pointer;
	overflow:hidden;
}

/*메인 배너(center)*/
.mn-bnn-center{
    position: relative;
  	top:40px;
  	padding-bottom: 15px;
  	margin-left: -15px;
  	margin-right: -15px;
}
.mn-bnn-center a {
	display:block;
	margin:0 auto;
}
.mn-bnn-center a img {
    display: block;
    height: 51px;
    width: 100%;
}

/* pop-notice  */
.pop-notice {
    border: 1px solid #000;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 0 !important;
    margin-left: 0 !important;
    background: #fff;
    z-index: 9999;
}
.pop-notice img {
	text-align:center;
	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:2em !important;
	color:#000;
}

.pop-notice p.p2 {
	background: #f5f5f5;
    border-top: 1px solid #ddd;
    padding: 0px 0 10px 20px;
    color: #555;
    font-size: 2em !important;
    color: #000;
}

.pop-notice > p label { font-size:13px; margin-right:10px; width:50%;}
.pop-notice > p label>a {width: 40%; margin:0 auto;}
.pop-notice > p label:LAST-CHILD { font-size:13px;}
.pop-notice > p label:LAST-CHILD:before {
    content:"";
    display:inline-block;
    width:1px;
    height:12px;
    background:#5c5c5c;
    margin-right: 40px;
}
.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;	
}
.not_scroll{position:fixed;overflow:hidden;width:100%;height:100%}   

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

/* 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;
}

/*세로형 영상 추가*/
.vdo-area.height {
    margin-top: -25px;
    margin-left: -15px;
    margin-bottom: 10px;
    width: calc(100% + 30px);
    box-sizing: content-box;
}
.vdo-area-player.height {
	position: relative;
	top: 0;
	width: 100%;
	z-index: 10;
}

/*라이브 의견*/
.btn.spot7 {
  right: 15px;
  color: #fff;
  background: #b83826;
  border: 1px solid #b83826;
  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;
  text-align: center;
  white-space: nowrap;
  box-sizing: border-box;
}

.opinion-write span.opin_lv {
  position: absolute;
  padding-top: 60px;
  margin-right: 97px;
  font-size: 13px;
  color: #555;
  right: 0;
}
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: 10px;
}

.opinion-lv .onoff {
    float: right;
    font-size: 14px;
    color: #777;
    /* margin-top: -26px;
    z-index: 9999; */
}
.opinion-lv .onoff cite {
    margin-right: 5px;
}
.opinion-lv .onoff a.active {
    background: #08ab76;
    color: #fff;
    border-color: #08ab76;
}
.opinion-lv .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: -4px;
}
.vdo-area .vdo-menu.lv > * {
    width: 33.3333%;
}
.vdo-area-live{
    position: fixed;
    left: 0;
    top: 145px;
    width: 100%;
    z-index: 10;
}
.btn-opinion-toggle.lv{

}
.btn-opinion-toggle.lv:after,
.btn-opinion-toggle.lv.active:after{
  display: none;
}
.opinion-lv {

    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 20px;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    width: 100%;
    padding: 15px 15px;
    margin-left: -15px;
    font-size: 16px;
    font-weight: 400;
    color: #000;
}
.opinion-lv h3 {
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
}
.opinion-lv h3 span {
    color: #777;
    font-weight: 300;
}
.opinion-toggle.lv {
  display: block !important;
}
.border-c {
    top: 26px;
    margin-bottom: 10px;
    position: relative;
    border-bottom: none;
}
.play-list figure.hri {
    width: 104px;
    height: 134px;
}
.play-list li.hri{
  width: 104px;
}
.play-list h4.hri {
    display:inline-block;
    width: 100%;
    margin: 10px 0 2px;
    line-height: 1.308em;
    height: 26px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.mn-tit.t2 .more {
position: absolute;
right: 15px;
font-size: 13px;
font-weight: 400;
/* z-index: 99999; */
}
.mn-tit.t2 {
    display: inline-block;
    width:50%;
}
.mn-tit.t3 {
	display: inline-block;
	width:80%;
}
.mn-tit.t3 .more {
    position: absolute;
    right: 15px;
    font-size: 13px;
    font-weight: 400;
}
/* 경제금융동향 */
.review-sch-area.pri {
    position: relative;
    /* text-align: center; */
    /* margin-top: 10px; */
    margin-left: 90px;
    background: #f7f7f7;
    padding: 5px 0 12px 0;
  }
.review-sch-area.pri  input{
    display: inline-block;
    width: 80%;
    box-sizing: border-box;
    border: 1px solid #000;
    height: 32px;
    margin-top: 6px;
}
.tit.t2 {
    position: relative;
    margin-top: -20px;
    /* margin-bottom: 10px; */
    width: 100%;
    padding: 0 15px;
    margin-left: -15px;
    background: #fff;
    z-index: 2;
}
.tit_search {
    position: relative;
    /* margin-top: -20px; */
    margin-bottom: 10px;
    width: 100%;
    padding: 2px 15px;
    margin-left: -15px;
    background: #f7f7f7;
    z-index: 2;
}
.tit_search .total {
    position: absolute;
    top: 16px;
    left: 21px;
    font-size: 15px;
    font-weight: 400;
}
.tit_search .total em {
    color:#b83826;
}

.subject-list-hri li {
    min-height:72px;
    position: relative;
    min-height: 128px;
    padding: 10px 0 15px 122px;
    font-size: 13px;
    line-height: 1.231em;
    color: #777;
    border-bottom: 1px solid #f2f2f2;
}
.subject-list-hri li:first-child {
    margin-top:-10px;
}

.subject-list-hri figure{
    position:absolute;
    left:0;
    width:100px;
    height:130px;
    overflow:hidden;
}

.subject-list-hri figure img{
    display:block;
    width:100%;
}
.running-time {
    position: absolute;
    display: block;
    padding: 0 10px;
    right: 0;
    bottom: 4px;
    background: rgba(0,0,0,0.35);
    color: #fff !important;
    font-size: 14px;
    overflow: visible;
}
.subject-list-hri h4{
    margin-bottom:5px;
    font-size:15px;
    margin-top:4px;
    font-weight:400;
    line-height:1.4em;
    color:#333;
    margin-left: 0;
}


.subject-list-hri p {
   position: absolute;
   bottom: 16px;
    display: block;
    color: #777;
    font-size: 13px;
    line-height: 1.231em;
    word-wrap: break-word;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 54%;
}
.subject-list-hri span.date {
    padding: 15px 0 5px;
    display: inline-block;
    position: absolute;
    bottom: 32px;
    letter-spacing: 1px;
}

.subject-list-hri div.red {
    margin-top:5px;
    font-size:13px;
}
.subject-list-hri .tag-area {
    margin-top:10px;
    margin-bottom:0;
}
.play-list li a figure span.lec {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    transition: all ease-out .3s;
}

.mn-bnn-center.m2 {
    display: block;
    padding: 0 15px;
    top: 10px;
    margin-bottom: -5px;
}

/*sub header*/
.sub-header{
	position:fixed;top:0;left:0;
	width:100%;height:56px;
	background:#f7f7f7;
	z-index:99
}
.sub-header h1{
	height:56px;line-height:56px;
	text-align:center;font-size:18px;font-weight:600;color:#232020
}
.sub-header .btn_back{
	position:absolute;top:3px;left:0;
	display:block;width:50px;height:50px;
	border:0;font-size:0;
	background:none;outline:none;cursor:pointer
}
.sub-header .btn_back span{
	position:relative;
	display:inline-block;width:17px;height:2px;
	margin:0 auto 0;
	background:#000;
	font-size:0
}
.sub-header .btn_back span:before,
.sub-header .btn_back span:after{
	content:'';
	position:absolute;left:0;
	display:inline-block;width:10px;height:2px;
	background:#000;
}
.sub-header .btn_back span:before{transform:rotate(-45deg);margin-top:-4px}
.sub-header .btn_back span:after{transform:rotate(45deg);margin-top:4px}
.sub-header+.container{margin-top:56px}

@media all and (max-width:560px){
	.main_new_coming .slick-slide{width:390px;}
}
@media all and (max-width:420px){
	.main_new_coming .slick-slide{width:300px;}
}
@media all and (max-width:360px){
	.main_new_coming .slick-slide{width:290px;}
}

/*회원정보 변경 아이디 추가*/
.info-type.addid{
  margin-top:20px;
}
.info-type.addid table td{
  text-align:left;
}
.info-type.addid table td input{
  width:100%;
  height: 36px;
  line-height: 36px;
}

/*개인정보처리방침 테이블 추가*/
.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-weight:normal;
}

/*220527 오디오css*/
.tc_audio{position:relative;margin: 15px 0 38px;}
.tc_audio audio{position:absolute;
    /* left:147px;top:-30px; */
    width:100%;
    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}
.write-type .terms_choice{
	font-size: 12px;
	font-weight: 400;
	color: #8e8e8e;
	display: inline-block;
	padding-left: 3px;
}
.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;
}
/*개인정보 처리방침*/
.list-type table.p{
	border: 1px solid #dcdcdc;
}

.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: 13px;
}
.policy2 h4 img{   
height: 40px;
width: 40px;
padding-left: 10px;
vertical-align: middle;
}
.policy2 table.p p {
    font-size: 13px;
    line-height: 1.5em;
}
.policy2 table.p figure img{max-width:90%;}

.mt10 { margin-top:10px !important; }
.policy2 {margin:30px 0 30px 0;}
.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: 16px;
text-align: center;
vertical-align: middle;
font-size: 14px;
word-break: keep-all;
}
.list-type table.p.tc td a{
	color: #555;
}
.policy2 ul.list3 li.in a {
   color: #777777;
}
.list4{
	overflow-x: scroll;
}
.list4 table{
	width: 750px;
}

/*hrdflex 영상화면*/
.vdo-area .iframebox{
	height:45vh;
	overflow-y: scroll;
}
/*수신거부 페이지*/
.cont_refuse{
	text-align: center;
	padding-top:30px;
}
.cont_refuse h2{
	font-size: 28px;  
	font-weight: 500;  
    line-height: 1.3;   
}
.cont_refuse h2 b{
	font-weight: 600;     
}
.cont_refuse h2 span{
	color:#ec533e;
}
.cont_refuse p{
	margin-top:30px;  
    letter-spacing: -1.3px;      
}
.cont_refuse p.p2{
	margin-top:20px;
	font-weight: bold;
	margin-bottom:30px;     
}
.cont_refuse .btn-cont{
	text-align: center;
    margin-bottom: 60px;
}
.cont_refuse .btn-cont a{
	width:118px;
}