@charset "utf-8";
@font-face {
	font-family:NanumBarunGothic;
	src:url(../fonts/NanumBarunGothic.eot);
	src:local(※), url('../fonts/NanumBarunGothic.eot') format('eot'), url(../fonts/NanumBarunGothic.woff) format('woff'), url('../fonts/NanumBarunGothic.ttf') format('truetype')
}
@font-face {
	font-family:NotoSansKR;
	src:local(※), url('../fonts/NotoSansKR-Regular.woff2') format('woff2'), url(../fonts/NotoSansKR-Regular.woff) format('woff'), url('../fonts/NotoSansKR-Regular.otf') format('opentype')
}

* {-webkit-text-size-adjust:none;}
body {
  margin:0; 
  /* font-family:"NanumBarunGothic","맑은 고딕","돋움","Dotum","Droid","Snas","AppleGothic";  */
  line-height:180%; font-size:15px; color:#333; background-color:#fff;}
body.overflow {overflow:hidden;}
div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,table,embed,object {margin:0; padding:0;}
input,textarea,select {
  /* font-family:"NanumBarunGothic","맑은 고딕","돋움","Dotum","Droid","Snas","AppleGothic";  */
  font-size:15px; background-color:#fff;}
input:focus,textarea:focus,select:focus {outline:none;}
input[type="checkbox"] {width:16px; height:16px; border-style:none; vertical-align:middle; background:transparent;}
input[type="radio"] {width:16px; height:16px; vertical-align:middle;}
ul,ol,li,dl,dt,dd {list-style:none;}
img {border:0;}
a {color:#333;
   /* font-family:"NanumBarunGothic","맑은 고딕","돋움","Dotum","Droid","Snas","AppleGothic";  */
   text-decoration:none;}
a:hover {color:#ff225b;}
caption,legend {display:none;}
fieldset {border-style:none; min-inline-size:auto;}
table {border-collapse:collapse;}
th, td {margin:0px; padding:0px; }
label {vertical-align:middle;}
select {min-width:100px; height:26px; border:1px solid #ccc; padding-left:5px; padding-right:22px; background:url(../images/bg_select_arrow.png) no-repeat right center; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
select::-ms-expand {display:none;}
input.disabled {background-color:#e4e2e0;}

/* 가로 (픽셀) */
.wx40 {width:40px;}
.wx50 {width:50px;}
.wx60 {width:60px;}
.wx70 {width:70px;}
.wx80 {width:80px;}
.wx90 {width:90px;}
.wx100 {width:100px;}
.wx110 {width:110px;}
.wx120 {width:120px;}
.wx150 {width:150px;}

/* 가로 크기 (%) */
.wp10 {width:10%}
.wp12 {width:12%}
.wp15 {width:15%}
.wp18 {width:18%}
.wp20 {width:20%}
.wp25 {width:25%}
.wp30 {width:30%}
.wp33 {width:33%}
.wp35 {width:35%}
.wp40 {width:40%}
.wp50 {width:50%}
.wp60 {width:60%}
.wp70 {width:70%}
.wp80 {width:80%}
.wp90 {width:90%}
.wp100 {width:100%}

/* 페이징 */
.paging {width:100%; margin:15px 0; text-align:center;}
.paging a,
.paging span {display:inline-block; min-width:13px; padding:0 4px; margin:0 2px; font-size:12px; line-height:19px; text-decoration:none; font-weight:normal; text-align:center; vertical-align:middle; border:1px solid #ddd; border-radius:2px;}
.paging a.on {color:#6376d3; font-weight:bold; border-color:#6376d3;}
.paging a.img,
.paging span.img {width:21px; height:21px; padding:0; margin:0; overflow:hidden; font-size:0; line-height:0; border-style:none; background-image:url(../images/bg_paging.png); background-repeat:no-repeat; cursor:default; border-radius:0;}
.paging a.img.on {cursor:pointer;}
.paging a.img.first,
.paging span.img.first {margin-right:4px; background-position:0 -66px;}
.paging a.img.first.on {background-position:0 -44px;}
.paging a.img.prev,
.paging span.img.prev {margin-right:4px; background-position:0 -22px;}
.paging a.img.prev.on {background-position:0 0;}
.paging a.img.next,
.paging span.img.next {margin-left:4px; background-position:-22px -22px;}
.paging a.img.next.on {background-position:-22px 0;}
.paging a.img.last,
.paging span.img.last {margin-left:4px; background-position:-22px -66px;}
.paging a.img.last.on {background-position:-22px -44px;}

/* 로딩 */
.common-loading {width:100%; height:100%; position:absolute; left:0; top:0; background-color:#fff; z-index:998;}
.common-loading img {
	position:fixed;
	left:calc((100% - 32px) / 2);
	left:-webkit-calc((100% - 32px) / 2);
	left:-moz-calc((100% - 32px) / 2);
	top:calc((100vh - 32px) / 2);
	top:-webkit-calc((100vh - 32px) / 2);
	top:-moz-calc((100vh - 32px) / 2);
	display:block;
	z-index:999;
}

/* 달력 */
.common-calendar-area {position:absolute; background:#efefef; z-index:997;}
.common-calendar-area .common-calendar-init {padding:0 10px 10px 10px;}
.common-calendar-area .common-calendar-head {height:17px;}
.common-calendar-area .common-calendar-head a {display:block; float:right; width:7px; height:7px; margin:5px 1px 0 0; background:url(../js/calendar/images/close.gif) no-repeat; font-size:0; line-height:0;}
.common-calendar-area .common-calendar-body {padding:1px; background-color:#fff; border-color:#c4c2c0 #e4e2e0 #e4e2e0 #c4c2c0; border-width:1px; border-style:solid;}
.common-calendar-area .common-calendar-body .common-calendar-table {border-top:1px solid #b8c1c7; border-left:1px solid #b8c1c7; cursor:default;}
.common-calendar-area .common-calendar-body .common-calendar-table thead th {height:25px; border-right:1px solid #b8c1c7; border-bottom:1px solid #b8c1c7; font:bold 11px '돋움','Dotum'; line-height:140%; background-color:#f5f6f8;}
.common-calendar-area .common-calendar-body .common-calendar-table thead th.sun {color:#ff0000;}
.common-calendar-area .common-calendar-body .common-calendar-table thead th.sat {color:#0000ff;}
.common-calendar-area .common-calendar-body .common-calendar-table thead th.select {text-align:left; padding-left:3px; line-height:0;}
.common-calendar-area .common-calendar-body .common-calendar-table thead th.select select {min-width:60px; height:20px; margin:0 1px; font:normal 11px '돋움','Dotum'; vertical-align:middle;}
.common-calendar-area .common-calendar-body .common-calendar-table thead th.select span {display:inline-block; float:right; margin:3px 5px 0 0;}
.common-calendar-area .common-calendar-body .common-calendar-table thead th.select a.update {display:inline-block; height:11px; line-height:11px; padding:5px 7px 3px 7px; margin:0 1px; color:#fff; text-decoration:none; background:#202b47; vertical-align:middle;}
.common-calendar-area .common-calendar-body .common-calendar-table thead th.select a.skip {display:inline-block; width:13px; height:13px; margin:0 1px; line-height:0; font-size:0; overflow:hidden; background-repeat:no-repeat; background-position:left center;}
.common-calendar-area .common-calendar-body .common-calendar-table thead th.select a.skip.y-prev {background-image:url(../js/calendar/images/first.gif);}
.common-calendar-area .common-calendar-body .common-calendar-table thead th.select a.skip.m-prev {background-image:url(../js/calendar/images/prev.gif);}
.common-calendar-area .common-calendar-body .common-calendar-table thead th.select a.skip.m-next {background-image:url(../js/calendar/images/next.gif);}
.common-calendar-area .common-calendar-body .common-calendar-table thead th.select a.skip.y-next {background-image:url(../js/calendar/images/last.gif);}
.common-calendar-area .common-calendar-body .common-calendar-table tbody td {height:25px; border-right:1px solid #b8c1c7; border-bottom:1px solid #b8c1c7; line-height:140%; text-align:center;}
.common-calendar-area .common-calendar-body .common-calendar-table tbody td a {display:block; padding:5px 0; text-decoration:none; font:normal 8pt 'Tahoma','Verdana','Arial';}
.common-calendar-area .common-calendar-body .common-calendar-table tbody td a:hover {background-color:#efefef;}
.common-calendar-area .common-calendar-body .common-calendar-table tbody td a.sun {color:#ff0000;}
.common-calendar-area .common-calendar-body .common-calendar-table tbody td a.sat {color:#0000ff;}

/* 레이어 */
.common-layer {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:#000; background-color:rgba(0, 0, 0, 0.5); z-index:930;}
.common-layer.on {display:block;}
.common-layer.transparent {background-color:transparent;}
.common-layer .common-layer-header {
	position:relative;
	padding:15px;
	padding-bottom:0;
	margin:15px;
	margin-bottom:0;
	background-color:#fff;
}
.common-layer .common-layer-header h2 {position:relative; padding:15px; padding-top:0; font-size:18px; line-height:20px; border-bottom:1px solid #ccc; background:url(../images/bg_h2.png) no-repeat left 1px;}
.common-layer .common-layer-header h2 a {display:block; position:absolute; right:0; top:0; width:20px; height:20px; font-size:0; line-height:0; background:url(../images/ic_close.png) no-repeat center center; background-size:contain;}
.common-layer .common-layer-body {
	max-height:calc(100vh - 111px);
	max-height:-moz-calc(100vh - 111px);
	max-height:-webkit-calc(100vh - 111px);
	padding:15px;
	margin:15px;
	margin-top:0;
	font-size:13px;
	background-color:#fff;
	overflow-y:auto;
}
.common-layer iframe {width:100%; height:100%; min-height:680px; padding:0; margin:0; border-style:none;}
.common-layer.paper iframe {min-height:auto;}
.common-layer.upload iframe {min-height:auto;}
.common-layer.preview iframe {min-height:auto;}

.common-layer.upload form:after {clear:both; display:block; content:'';}
.common-layer.upload form input[type='file'] {
	float:left;
	width:calc(100% - 95px);
	width:-moz-calc(100% - 95px);
	width:-webkit-calc(100% - 95px);
	height:25px;
}
.common-layer.upload form input[type='submit'] {float:left; margin-left:15px; width:80px; height:25px; font-size:13px; color:#fff; border-style:none; background-color:#333; cursor:pointer;}

.common-layer.reading .common-layer-body img {max-width:100%;}

.common-layer .common-layer-body.document {line-height:20px;}
.common-layer .common-layer-body.document dl {margin-top:15px;}
.common-layer .common-layer-body.document dl.f {margin-top:0;}
.common-layer .common-layer-body.document dl dt {padding-left:10px; font-weight:bold; background:url(../images/bg_li.png) no-repeat left 8px;}
.common-layer .common-layer-body.document dl dd {padding-left:12px; margin-top:5px; margin-left:10px; background:url(../images/bg_li_b.png) no-repeat left 9px;}
.common-layer .common-layer-body.document dl.score dd {padding-left:0; background-image:none;}
.common-layer .common-layer-body.document dl dd em {color:#ff4500; font-style:normal;}
.common-layer .common-layer-body.document dl dd img {vertical-align:middle;}
.common-layer .common-layer-body.document .desc {position:relative; padding:15px; margin-top:15px; color:#666; border:1px solid #ddd; background-color:#f6f6f6;}
.common-layer .common-layer-body.document .desc.f {margin-top:0;}
.common-layer .common-layer-body.document .desc strong {color:#333;}
.common-layer .common-layer-body.document .desc span {color:#ff4500;}
.common-layer .common-layer-body.document .desc ul {margin:15px 0;}
.common-layer .common-layer-body.document .desc ul.f {margin-top:0;}
.common-layer .common-layer-body.document .desc ul.l {margin-bottom:0;}
.common-layer .common-layer-body.document .desc ul li {padding-left:10px; margin-top:5px; margin-left:10px; color:#333; background:url(../images/bg_li.png) no-repeat left 8px;}
.common-layer .common-layer-body.document .desc ul li:first-child {margin-top:0;}
.common-layer .common-layer-body.document .desc input[type='button'] {position:absolute; right:15px; top:15px; height:25px; padding:0 10px; font-size:12px; color:#fff; border-style:none; background-color:#333; cursor:pointer; vertical-align:middle; border-radius:2px;}
.common-layer .common-layer-body.document table {width:100%; border-top:1px solid #ddd;}
.common-layer .common-layer-body.document table tr th {padding:7px 0; font-size:12px; line-height:15px; border:1px solid #ddd; border-top-style:none; border-left-style:none; background-color:#f6f6f6;}
.common-layer .common-layer-body.document table tr th:first-child {border-left-style:solid;}
.common-layer .common-layer-body.document table tr td {padding:7px; text-align:center; font-size:13px; line-height:15px; border:1px solid #ddd; border-top-style:none; border-left-style:none;}
.common-layer .common-layer-body.document table tr td:first-child {border-left-style:solid;}
.common-layer .common-layer-body.document table tr td input[type='button'] {height:25px; padding-left:13px; padding-right:10px; font-size:12px; border:1px solid #ddd; background:url(../images/ic_arrow_right_5.png) no-repeat 5px center; cursor:pointer; vertical-align:middle; border-radius:2px;}
.common-layer .common-layer-body.document table tr td input[type='button']:hover {color:#ff225b; border-color:#ff225b; background-image:url(../images/ic_arrow_right_4.png);}
.common-layer .common-layer-body.document .button {margin-top:15px; text-align:right;}
.common-layer .common-layer-body.document .button a {display:inline-block; padding:10px 25px; margin-left:6px; font-size:13px; color:#fff; background-color:#333; vertical-align:middle; border-radius:2px;}
.common-layer .common-layer-body.document .button a:first-child {margin-left:0;}
.common-layer .common-layer-body.document form h3 {padding-left:8px; font-size:13px; line-height:15px; padding-bottom:5px; border-bottom:1px solid #ddd; background:url(../images/bg_h2.png) no-repeat left 1px; background-size:3px 11px;}
.common-layer .common-layer-body.document form dl {padding-top:10px; margin-top:10px; border-top:1px dotted #ccc;}
.common-layer .common-layer-body.document form dl.f {margin-top:10px; border-top-style:none;}
.common-layer .common-layer-body.document form dl.f.n {padding-top:0; margin-top:0;}
.common-layer .common-layer-body.document form dl dt {padding-left:0; font-size:12px; line-height:12px; font-weight:bold; background-image:none;}
.common-layer .common-layer-body.document form dl dd {padding-left:0; margin-top:5px; margin-left:0; background-image:none;}
.common-layer .common-layer-body.document form dl dd input[type='text'] {width:100%; height:25px; padding:5px; font-size:13px; border:1px solid #ddd; box-sizing:border-box; vertical-align:middle;}
.common-layer .common-layer-body.document form dl dd input[type='file'] {width:100%; height:25px; font-size:13px; box-sizing:border-box;}
.common-layer .common-layer-body.document form dl dd input[readonly='readonly'] {background-color:#f6f6f6;}
.common-layer .common-layer-body.document form dl dd input.number {width:90px;}
.common-layer .common-layer-body.document form dl dd input[name='paramMap.addr'] {display:block; margin-top:5px;}
.common-layer .common-layer-body.document form dl dd label {margin-right:10px;}
.common-layer .common-layer-body.document form dl dd label input {margin-right:5px;}
.common-layer .common-layer-body.document form dl dd textarea {width:100%; height:150px; padding:5px; font-size:13px; border:1px solid #ddd; overflow:auto; box-sizing:border-box;}
.common-layer .common-layer-body.document form .button {margin-bottom:15px;}
.common-layer .common-layer-body.document form .cmpy-info .srch-area {position:relative; margin-top:15px;}
.common-layer .common-layer-body.document form .cmpy-info .srch-area:after {clear:both; display:block; content:'';}
.common-layer .common-layer-body.document form .cmpy-info .srch-area input {float:left; margin-left:5px;}
.common-layer .common-layer-body.document form .cmpy-info .srch-area input:first-child {margin-left:0;}
.common-layer .common-layer-body.document form .cmpy-info .srch-area input[type='text'] {
	width:calc(100% - 45px);
	width:-moz-calc(100% - 45px);
	width:-webkit-calc(100% - 45px);
	height:25px;
	padding:5px;
	border:1px solid #ddd;
	font-size:13px;
	box-sizing:border-box;
}
.common-layer .common-layer-body.document form .cmpy-info .srch-area input[type='button'] {width:40px; height:25px; font-size:12px; color:#fff; border-style:none; background-color:#333; cursor:pointer;}
.common-layer .common-layer-body.document form .cmpy-info .srch-area .srch-list {display:none; position:absolute; left:0; top:26px; width:100%;}
.common-layer .common-layer-body.document form .cmpy-info .srch-area .srch-list.on {display:block;}
.common-layer .common-layer-body.document form .cmpy-info .srch-area .srch-list .screen {width:100%; height:150px; padding:10px; border:1px solid #ddd; background-color:#fff; overflow-y:auto; box-sizing:border-box;}
.common-layer .common-layer-body.document form .cmpy-info .srch-area .srch-list .screen ul li {margin-top:5px; font-size:13px; line-height:15px; letter-spacing:-1px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.common-layer .common-layer-body.document form .cmpy-info .srch-area .srch-list .screen ul li:first-child {margin-top:0;}
.common-layer .common-layer-body.document form .cmpy-info .srch-area .srch-list a.close {position:absolute; right:0; bottom:-15px; font-size:12px; line-height:12px; color:#000;}
.common-layer .common-layer-body.document form .user-info,
.common-layer .common-layer-body.document form .inqr-info,
.common-layer .common-layer-body.document form .file-info,
.common-layer .common-layer-body.document form .type-info,
.common-layer .common-layer-body.document form .appl-info,
.common-layer .common-layer-body.document form .text-info {margin-top:15px;}
.common-layer .common-layer-body.document form .inqr-info dl dd select {font-size:13px;}
.common-layer .common-layer-body.document form .file-info .desc a.attach {display:inline-block; padding-left:15px; margin-right:6px; background:url(../images/ic_down.png) no-repeat left center; vertical-align:middle;}
.common-layer .common-layer-body.document form .file-info .desc a.attach:last-child {margin-right:0;}
.common-layer .common-layer-body.document form .file-info .desc strong {display:block; margin-bottom:5px; font-weight:normal; color:#497abf;}
.common-layer .common-layer-body.document form .file-info .desc em {display:block; margin-top:5px; font-style:normal;}
.common-layer .common-layer-body.document form .file-info dl dd em {display:block; margin-top:5px; color:#888;}
.common-layer .common-layer-body.document form .text-info .agree {letter-spacing:-1px;}
.common-layer .common-layer-body.document form .text-info .agree .text {margin:0; margin-top:10px; margin-bottom:5px; border:1px solid #ddd; background-color:#fff; border-radius:0;}
.common-layer .common-layer-body.document form .text-info .agree .text p {padding:15px; margin-bottom:10px; line-height:25px; background-color:#f6f6f6;}
.common-layer .common-layer-body.document form .text-info .agree label {margin-right:0;}
.common-layer .common-layer-body.document.advice form .user-info {margin-top:0;}
.common-layer .common-layer-body.document form .appl-info .desc strong {display:block; margin-bottom:5px; font-weight:normal; color:#497abf;}

.common-layer .common-layer-body.document.book {position:relative;}
.common-layer .common-layer-body.document.book strong {font-size:18px; line-height:20px; color:#000;}
.common-layer .common-layer-body.document.book img.cover {position:absolute; right:15px; top:15px; max-height:120px; border:1px solid #ddd;}

.common-layer .common-layer-body.study-confirm {font-size:15px; line-height:20px;}
.common-layer .common-layer-body.study-confirm ul li {padding-left:10px; margin-top:10px; font-size:13px; background:url(../images/bg_li.png) no-repeat left 8px;}
.common-layer .common-layer-body.study-confirm h3 {padding-left:10px; margin-top:15px; font-size:13px; line-height:15px; background:url(../images/bg_h3.png) no-repeat left center;}
.common-layer .common-layer-body.study-confirm h3.f {margin-top:0;}
.common-layer .common-layer-body.study-confirm .box {padding:10px; font-size:13px; margin-top:10px; border:1px solid #ddd; background-color:#f9f9f9;}
.common-layer .common-layer-body.study-confirm .box ul li {margin-top:5px; background-image:url(../images/bg_li_m.png);}
.common-layer .common-layer-body.study-confirm .box ul li:first-child {margin-top:0;}
.common-layer .common-layer-body.study-confirm .box ul li em {font-style:normal; color:#ff4500; text-decoration:underline;}
.common-layer .common-layer-body.study-confirm .box ul li em.blue {color:#497abf;}
.common-layer .common-layer-body.study-confirm .box ul li ul li {background-image:url(../images/bg_li.png);}
.common-layer .common-layer-body.study-confirm .box ul li ul li.n {padding-left:0; color:#497abf; background-image:none;}
.common-layer .common-layer-body.study-confirm .box ul li ul li:first-child {margin-top:5px;}
.common-layer .common-layer-body.study-confirm .dsc {margin-top:15px; font-size:13px; color:#497abf;}
.common-layer .common-layer-body.study-confirm .button {margin:15px 0;}
.common-layer .common-layer-body.study-confirm .button input {width:100%; height:30px; font-size:13px; color:#fff; border-style:none; background-color:#333; cursor:pointer;}
.common-layer .common-layer-body.study-confirm .button.off {padding:0; margin-bottom:0; border-style:none;}
.common-layer .common-layer-body.study-confirm .button.off input {display:none;}

.common-layer .common-layer-body.study-confirm.goal .down {margin-top:15px; text-align:right;}
.common-layer .common-layer-body.study-confirm.goal .down.n {margin-top:0;}
.common-layer .common-layer-body.study-confirm.goal .down input {height:25px; padding:0 10px; font-size:13px; border:1px solid #ddd; cursor:pointer;}
.common-layer .common-layer-body.study-confirm.goal .down input:hover {color:#ff225b; border-color:#ff225b;}
.common-layer .common-layer-body.study-confirm.goal .list {padding-top:15px; margin-top:15px; border-top:1px solid #ddd;}
.common-layer .common-layer-body.study-confirm.goal .list ul li:first-child {margin-top:0;}
.common-layer .common-layer-body.study-confirm.goal .list ul li em {display:block; padding:10px; margin:10px 0; font-style:normal; white-space:pre-wrap; background-color:#f6f6f6; border-radius:5px;}
.common-layer .common-layer-body.study-confirm.goal .list ul li em.feedback {padding:8px; margin:0; border:1px solid #ddd; background-color:#fff; border-radius:0;}
.common-layer .common-layer-body.study-confirm.goal .list ul li em.feedback.e {color:#888;}
.common-layer .common-layer-body.study-confirm.goal .list ul li textarea {width:100%; height:80px; padding:8px; font-size:13px; border:1px solid #ddd; overflow:auto; box-sizing:border-box;}
.common-layer .common-layer-body.study-confirm.goal .button {padding-top:15px; border-top:1px solid #ddd;}
.common-layer .common-layer-body.study-confirm.goal .button.off {padding:0; margin-bottom:0; border-style:none;}
.common-layer .common-layer-body.study-confirm.goal .button input {
	float:left;
	width:calc((100% - 10px) / 2);
	width:-moz-calc((100% - 10px) / 2);
	width:-webkit-calc((100% - 10px) / 2);
	margin-left:10px;
	margin-right:0;
}
.common-layer .common-layer-body.study-confirm.goal .button input:first-child {margin-left:0;}
.common-layer .common-layer-body.study-confirm.goal .button input:hover {border-color:#000; background-color:#000;}
.common-layer .common-layer-body.study-confirm.goal .button input.normal {color:#333; border:1px solid #ddd; background-color:#fff;}
.common-layer .common-layer-body.study-confirm.goal .button input.normal:hover {color:#ff225b; border-color:#ff225b;}

.common-layer .common-layer-body.contact .screen {width:100%; overflow-x:auto;}
.common-layer .common-layer-body.contact .screen:last-child {margin-bottom:15px;}
.common-layer .common-layer-body.contact h3 {padding-left:10px; margin-top:15px; margin-bottom:10px; font-size:13px; line-height:15px; background:url(../images/bg_h3.png) no-repeat left center;}
.common-layer .common-layer-body.contact table {min-width:600px;}
.common-layer .common-layer-body.contact table tbody th,
.common-layer .common-layer-body.contact table tbody td {padding:10px 0; padding-left:10px; text-align:left;}
.common-layer .common-layer-body.contact table tbody th {font-weight:normal; background-color:#f5f7fe;}
.common-layer .common-layer-body.contact table tbody th em {display:block; margin-top:5px; color:#888; font-style:normal; word-break:keep-all;}
.common-layer .common-layer-body.contact table tbody th em.n {color:#ff4500;}

.common-layer .common-layer-body.account table tbody td:last-child {padding-left:0; text-align:center;}
.common-layer .common-layer-body.account .item {padding:15px; margin-bottom:15px; border:1px solid #ddd; border-radius:5px;}
.common-layer .common-layer-body.account .item ul {margin-top:15px;}
.common-layer .common-layer-body.account .item ul:first-child {margin-top:0;}
.common-layer .common-layer-body.account .item ul:after {clear:both; display:block; content:'';}
.common-layer .common-layer-body.account .item ul li {
	float:left;
	width:calc(100% / 3);
	width:-moz-calc(100% / 3);
	width:-webkit-calc(100% / 3);
	padding-left:10px;
	background:url(../images/bg_li.png) no-repeat left 8px;
	box-sizing:border-box;
}
.common-layer .common-layer-body.account .item ul li input {display:block; height:25px; padding-left:13px; padding-right:10px; margin-top:5px; font-size:12px; border:1px solid #ddd; background:url(../images/ic_arrow_right_5.png) no-repeat 5px center; cursor:pointer; vertical-align:middle; border-radius:2px;}
.common-layer .common-layer-body.account .item ul li input:hover {color:#ff225b; border-color:#ff225b; background-image:url(../images/ic_arrow_right_4.png);}

.common-layer .common-layer-body.apply h3 {padding-left:10px; margin-top:15px; margin-bottom:10px; font-size:13px; line-height:15px; background:url(../images/bg_h3.png) no-repeat left 6px;}
.common-layer .common-layer-body.apply h3.f {margin-top:0;}
.common-layer .common-layer-body.apply .box {margin-left:10px; padding:15px; border:1px solid #ddd; border-radius:5px;}
.common-layer .common-layer-body.apply .box ul li {padding-left:12px; margin-top:5px; background:url(../images/bg_li_b.png) no-repeat left 9px;}
.common-layer .common-layer-body.apply .box ul li:first-child {margin-top:0;}
.common-layer .common-layer-body.apply .box ul li a {display:block; width:120px; padding-left:13px; margin-top:5px; font-size:12px; line-height:22px; border:1px solid #ddd; background:url(../images/ic_arrow_right_5.png) no-repeat 5px center; border-radius:2px;}
.common-layer .common-layer-body.apply .box ul li a:hover {border-color:#ff225b; background-image:url(../images/ic_arrow_right_4.png);}
.common-layer .common-layer-body.apply .box:last-child {margin-bottom:15px;}
.common-layer .common-layer-body.apply .box.step {margin-left:10px; padding:0; border-style:none;}
.common-layer .common-layer-body.apply .box.step ul li {padding:0; padding-top:25px; margin:0; margin-top:15px; background:url(../images/ic_arrow_bottom_3.png) no-repeat center top; background-size:18px 10px;}
.common-layer .common-layer-body.apply .box.step ul li:first-child {padding-top:0; margin-top:0; background-image:none;}
.common-layer .common-layer-body.apply .box.step ul li strong {display:block; padding:20px 0; padding-left:40px; font-size:12px; line-height:16px; letter-spacing:-1px; font-weight:normal; border:1px solid #ddd; border-radius:5px; background-repeat:no-repeat; background-position:10px center; background-size:20px 20px;}
.common-layer .common-layer-body.apply .box.step ul li:nth-child(1) strong {background-image:url(../images/txt_step_01.png);}
.common-layer .common-layer-body.apply .box.step ul li:nth-child(2) strong {background-image:url(../images/txt_step_02.png);}
.common-layer .common-layer-body.apply .box.step ul li:nth-child(3) strong {background-image:url(../images/txt_step_03.png);}
.common-layer .common-layer-body.apply .box.step ul li:nth-child(4) strong {background-image:url(../images/txt_step_04.png);}
.common-layer .common-layer-body.apply .box.step ul li.l strong {padding-top:9px; padding-bottom:9px;}
.common-layer .common-layer-body.apply .box.step ul li.m strong br {display:none;}
.common-layer .common-layer-body.apply .box.a {margin-left:10px; padding:0; border-style:none;}
.common-layer .common-layer-body.apply .box.a a {display:inline-block; width:120px; padding-left:26px; margin-right:6px; font-size:12px; line-height:26px; border:1px solid #ddd; background-repeat:no-repeat; background-position:5px center; border-radius:2px;}
.common-layer .common-layer-body.apply .box.a a:hover {border-color:#ff225b;}
.common-layer .common-layer-body.apply .box.a a:last-child {margin-right:0;}
.common-layer .common-layer-body.apply .box.a a.hwp {background-image:url(../images/ic_file_hwp.png);}
.common-layer .common-layer-body.apply .box.a a.doc {background-image:url(../images/ic_file_doc.png);}
.common-layer .common-layer-body.apply .box.a a.xls {background-image:url(../images/ic_file_xls.png);}
.common-layer .common-layer-body.apply .box.a a.com {background-image:url(../images/ic_file.png);}

@media all and (min-width:1200px) {
	.common-layer .common-layer-header {width:800px; margin:0 auto; margin-top:152px;}
	.common-layer .common-layer-body {
		width:800px;
		max-height:calc(100vh - 385px);
		max-height:-moz-calc(100vh - 385px);
		max-height:-webkit-calc(100vh - 385px);
		margin:0 auto;
	}
	.common-layer.medium .common-layer-header {width:660px;}
	.common-layer.medium .common-layer-body {width:660px;}
	.common-layer.small .common-layer-header {width:500px;}
	.common-layer.small .common-layer-body {width:500px;}
	.common-layer.upload .common-layer-header {width:400px;}
	.common-layer.upload .common-layer-body {width:400px;}
	.common-layer.study .common-layer-header {width:100%; padding:15px 0 0 0; margin:0;}
	.common-layer.study .common-layer-header h2 {padding-left:30px; background-position:15px 1px;}
	.common-layer.study .common-layer-header h2 a {right:15px;}
	.common-layer.study .common-layer-body {
		width:calc(100% - 30px);
		width:-moz-calc(100% - 30px);
		width:-webkit-calc(100% - 30px);
		height:calc(100vh - 81px);
		height:-moz-calc(100vh - 81px);
		height:-webkit-calc(100vh - 81px);
		max-height:none;
		padding:15px;
		margin:0;
		font-size:13px;
		background-color:#fff;
		overflow-y:hidden;
	}
	.common-layer.reading .common-layer-header {width:600px;}
	.common-layer.reading .common-layer-body {width:600px;}
	.common-layer.preview iframe {
		width:1350px;
		height:771px;
		margin-top:calc((100vh - 771px) / 2);
		margin-top:-moz-calc((100vh - 771px) / 2);
		margin-top:-webkit-calc((100vh - 771px) / 2);
		margin-left:calc((100% - 1350px) / 2);
		margin-left:-moz-calc((100% - 1350px) / 2);
		margin-left:-webkit-calc((100% - 1350px) / 2);
	}
	.common-layer .common-layer-body.document form dl dd input[type='text'] {max-width:250px;}
	.common-layer .common-layer-body.document form dl dd input[type='file'] {max-width:250px;}
	.common-layer .common-layer-body.document form dl dd input[name='paramMap.addr'] {max-width:none;}
	.common-layer .common-layer-body.document.book img.cover {max-height:200px;}
	.common-layer .common-layer-body.document form dl {margin:0; padding:0; border-style:none;}
	.common-layer .common-layer-body.document form dl.f {margin-top:10px; border-top:1px solid #ddd;}
	.common-layer .common-layer-body.document form dl:after {clear:both; display:block; content:'';}
	.common-layer .common-layer-body.document form dl dt {float:left; width:150px; padding:5px; padding-left:10px; font-weight:bold; line-height:25px; border:1px solid #ddd; border-top-style:none; background-color:#f6f6f6; box-sizing:border-box;}
	.common-layer .common-layer-body.document form dl dd {
		float:left;
		width:calc(100% - 150px);
		width:-moz-calc(100% - 150px);
		width:-webkit-calc(100% - 150px);
		padding:5px;
		margin:0;
		line-height:25px;
		border:1px solid #ddd;
		border-top-style:none;
		border-left-style:none;
		box-sizing:border-box;
	}
	.common-layer .common-layer-body.document form dl.addr dt,
	.common-layer .common-layer-body.document form dl.addr dd {height:67px;}
	.common-layer .common-layer-body.document form dl.textarea dt,
	.common-layer .common-layer-body.document form dl.textarea dd {height:162px;}
	.common-layer .common-layer-body.document form dl dd input {max-width:250px; vertical-align:middle;}
	.common-layer .common-layer-body.document form dl dd input[type='text'].line {display:inline; margin-top:0;}
	.common-layer .common-layer-body.document form .file-info dl dd em {display:inline-block; margin-top:0; margin-left:5px;}
	.common-layer .common-layer-body.study-confirm .button input {height:35px;}
	.common-layer .common-layer-body.apply .box.step ul:after {clear:both; display:block; content:'';}
	.common-layer .common-layer-body.apply .box.step ul li {
		float:left;
		width:calc((100% - 145px) / 4);
		width:-moz-calc((100% - 145px) / 4);
		width:-webkit-calc((100% - 145px) / 4);
		padding:0;
		padding-left:25px;
		margin:0;
		margin-left:15px;
		background:url(../images/ic_arrow_right_3.png) no-repeat left center;
		background-size:10px 17px;
		box-sizing:border-box;
	}
	.common-layer .common-layer-body.apply .box.step ul li:first-child {padding-left:0; margin-left:0;}
	.common-layer .common-layer-body.apply .box.step ul li.l {
		width:calc((100% - 145px) / 4 + 100px);
		width:-moz-calc((100% - 145px) / 4 + 100px);
		width:-webkit-calc((100% - 145px) / 4 + 100px);
	}
	.common-layer .common-layer-body.apply .box.step ul li.m strong {padding-top:9px; padding-bottom:9px;}
	.common-layer .common-layer-body.apply .box.step ul li.m strong br {display:block;}
}

.popup-layer {display:none; position:fixed; left:0; top:0; width:100%; min-width:320px; height:100%; text-align:center; color:#000; font-weight:bold; background-color:#fff; background-color:rgba(0, 0, 0, 0.5); z-index:999;}
.popup-layer.on {display:block;}
.popup-layer .screen {position:relative; padding:15px; margin:15px; text-align:left; font-weight:normal; border:1px solid #ddd; background-color:#fff;}
.popup-layer .screen h2 {padding-left:15px; padding-bottom:15px; padding-right:25px; font-size:18px; line-height:20px; border-bottom:1px solid #ccc; background:url(../images/bg_h2.png) no-repeat left 1px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.popup-layer .screen .text {
	width:100%;
	max-height:calc(100vh - 152px);
	max-height:-moz-calc(100vh - 152px);
	max-height:-webkit-calc(100vh - 152px);
	margin-top:15px;
	font-size:13px;
	line-height:120%;
	border-style:none;
	overflow-y:auto;
	box-sizing:border-box;
}
.popup-layer .screen .text p,
.popup-layer .screen .text table,
.popup-layer .screen .text img {max-width:100%; width:auto !important; height:auto !important;}
.popup-layer .screen .today {padding-top:15px; line-height:15px; text-align:right; border-top:1px solid #ddd;}
.popup-layer .screen .today a {display:inline-block; padding-left:20px; font-size:14px; line-height:15px; background:url(../images/ic_delete.png) no-repeat left center;}
.popup-layer .screen .close {display:inline-block; position:absolute; right:15px; top:15px; width:20px; height:20px; font-size:0; line-height:0; background:url(../images/ic_close.png) no-repeat center center; background-size:contain;}
.popup-layer.goal .screen .text {padding:15px; line-height:25px; background-color:#f6f6f6;}
.popup-layer.goal .screen .button {padding-top:0; margin-bottom:15px; text-align:center; border-style:none;}
.popup-layer.goal .screen .button input {float:none; width:auto; height:30px; padding:0 10px; border-radius:2px;}
.popup-layer.video video {width:100%;}

@media all and (min-width:1200px) {
	.popup-layer .screen {
		width:750px;
		margin:0 auto;
		margin-top:100px;
	}
	.popup-layer .screen .text {max-height:665px;}
	.popup-layer.small .screen {width:300px;}
}

/* 레이아웃 */
/* #wrap {padding-top:60px;} */
#wrap.popup {padding-top:0;}

/* @media all and (min-width:1200px) {
	#wrap {min-width:1560px; padding-top:0;}
	#wrap.popup {min-width:auto; padding-top:0;}
} */

/* .header {position:fixed; left:0; top:0; width:100%; border-bottom:1px solid #ccc; background-color:#fff; z-index:910;} */
.header h1 {padding:15px 0; text-align:center;}
.header h1 img {height:30px; vertical-align:middle;}
.header .navi a.menu {position:absolute; left:15px; top:19px; width:26px; height:26px; font-size:0; line-height:0; background:url(../images/ic_menu.png) no-repeat center center; background-size:contain;}
.header .navi a.menu:hover {background-image:url(../images/ic_menu_on.png);}
.header .navi a.srch {position:absolute; right:15px; top:19px; width:26px; height:26px; font-size:0; line-height:0; background:url(../images/ic_search.png) no-repeat center center; background-size:contain;}
.header .navi a.srch:hover {background-image:url(../images/ic_search_on.png);}
.header .navi .srch-area {display:none; padding:10px; background-color:#f6f6f6;}
/* .header .navi .srch-area form input[type='text'] {
	float:left;
	width:calc(100% - 40px);
	width:-webkit-calc(100% - 40px);
	width:-moz-calc(100% - 40px);
	height:40px;
	padding:0 10px;
	border-style:none;
	background-color:#fff;
	box-sizing:border-box;
} */
/* .header .navi .srch-area form input[type='submit'] {float:left; width:40px; height:40px; font-size:0; line-height:0; border-style:none; background:#999 url(../images/offline/2017/main/ic_magnifier.png) no-repeat center center; background-size:16px 16px; cursor:pointer;} */
/* .header .navi .srch-area form:after {clear:both; display:block; content:'';} */
.header .navi .menu-screen {display:none; position:fixed; left:0; top:0; width:100%; min-width:320px; height:100vh; background-color:rgba(0, 0, 0, 0.5); z-index:900;}
.header .navi .menu-area {

	left:-100%;
	top:0;
	width:calc(100% - 15px);
	width:-webkit-calc(100% - 15px);
	width:-moz-calc(100% - 15px);
	min-width:300px;

	font-family:"NotoSansKR";
	z-index:901;
}
.header .navi .menu-area h2 {position:relative; display: none; width:100%; padding:15px; font-size:20px; line-height:20px; color:#fff; background-color:#d84c79; box-sizing:border-box;}
.header .navi .menu-area h2 a {position:absolute; right:15px; top:15px; display:block; width:20px; height:20px; font-size:0; line-height:0; background:url(../images/offline/2017/common/m/ic_close.png) no-repeat center center; background-size:contain;}
.header .navi .menu-area ul.gnb {width:100%; background-color:#fff; box-sizing:border-box;}
.header .navi .menu-area ul.gnb li.all {display:none;}
.header .navi .menu-area ul.gnb li a {display:block; padding:15px; line-height:20px; font-family:"NotoSansKR"; border:1px solid #ccc; border-left-style:none; border-right-style:none; border-top-style:none; background:url(../images/bg_menu_item.png) no-repeat right center;}
.header .navi .menu-area ul.gnb li a:hover {background-color:#f6f6f6; background-image:url(../images/bg_menu_item_on.png);}
.header .navi .menu-area .util {position:relative; width:100%; padding:15px; line-height:20px; background-color:#e1ebef; border-radius:0 0 10px 0; box-sizing:border-box;}
.header .navi .menu-area .util .list:after {clear:both; display:block; content:'';}
.header .navi .menu-area .util .list em {display:inline-block; float:left; font-style:normal;}
.header .navi .menu-area .util .list ul {float:right;}
.header .navi .menu-area .util .list ul:after {clear:both; display:block; content:'';}
.header .navi .menu-area .util .list ul li {float:left; margin-left:5px;}
.header .navi .menu-area .util .list ul li:first-child {margin-left:0;}
.header .navi .menu-area .util .list a {display:inline-block; padding:0 15px; font-size:12px; line-height:26px; font-family:"NotoSansKR"; color:#fff; background-color:#373662; border-radius:5px;}
.header .all-menu {display:none;}

.header.src-on {padding-bottom:0;}
.header.src-on .navi .srch-area {display:block;}
.header.src-on .navi a.srch {background-image:url(../images/ic_search_on.png);}

@media all and (max-width:1200px) {
	.header .navi .menu-area .util{
		display: none;
	}
	.header .navi .menu-area{
		width: fit-content;
		min-width: auto;
	}
	.header .navi{
		width: fit-content;
		position: absolute;
		top: 1px;
		right: 10px;
	}
}
@media all and (min-width:1200px) {
	.header {position:relative; left:none; top:none; width:auto; height:auto; padding:17px 0; border-bottom:1px solid #eee; box-shadow:5px 5px 10px #ddd;}
	.header h1 {
    /* width:1420px;  */
    padding:0; text-align:left;}
	.header .navi a.menu {display:none;}
	.header .navi a.srch {display:none;}
	.header .navi .srch-area {display:block !important; position:relative; padding:0; margin:0 auto; background:none;}
	.header .navi .srch-area form {position:absolute; left:200px; top:-30px;}
	.header .navi .srch-area form input[type='text'] {width:370px; height:35px; padding:0 15px; font-size:13px; background-color:#eee; border-radius:15px 0 0 15px;}
	.header .navi .srch-area form input[type='submit'] {width:30px; height:35px; background-color:#eee; background-image:url(../images/ic_magnifier.png); background-size:12px 12px; border-radius:0 15px 15px 0;}
	.header .navi .menu-screen {display:none !important;}
	.header .navi .menu-area {display:block !important; position:relative; left:0 !important; top:0; height:0; margin:0 auto;}
	.header .navi .menu-area h2 {display:none;}
	.header .navi .menu-area ul.gnb {position:absolute; right:0; top:-30px; width:auto; background:none;}
	.header .navi .menu-area ul.gnb:after {clear:both; display:block; content:'';}
	.header .navi .menu-area ul.gnb li { width:auto; text-align:right; box-sizing:border-box;}
	.header .navi .menu-area ul.gnb li.all {display:block;}
	.header .navi .menu-area ul.gnb li a {display:block; padding:0 25px; font-size:18px; line-height:30px; color:#000; border-style:none; background-image:none;}
	.header .navi .menu-area ul.gnb li a:hover {color:#ff225b; background-color:#fff; background-image:none;}
	.header .navi .menu-area ul.gnb li.all a {padding-left:30px; padding-right:0; margin-left:25px; background:url(../images/ic_menu_all.png) no-repeat left center; background-size:22px 15px;}
	.header .navi .menu-area ul.gnb li.all.on a,
	.header .navi .menu-area ul.gnb li.all a:hover {color:#ff225b; background-image:url(../images/ic_menu_all_on.png);}
	.header .navi .menu-area .util {padding:0; margin:0 auto; font-size:12px; line-height:12px; background:none;}
	.header .navi .menu-area .util .list {position:absolute; right:0; top:-55px;}
	.header .navi .menu-area .util .list em {margin-right:10px;}
	.header .navi .menu-area .util .list ul li {float:left; padding-left:11px; margin-left:10px; background:url(../images/bg_util.png) no-repeat left center;}
	.header .navi .menu-area .util .list ul li:first-child {padding-left:0; margin-left:0; background-image:none;}
	.header .navi .menu-area .util .list a {padding:0; font-size:13px; line-height:12px; color:#333; background-color:#fff; border-radius:0;}
	.header .all-menu {position:absolute; left:0; top:102px; width:100%; min-height:600px; font-family:"NotoSansKR"; border-bottom:1px solid #ccc; background-color:#fff; z-index:920;}
	.header .all-menu.on {display:block;}
	.header .all-menu .screen {position:relative; width:975px; padding-left:200px; padding-right:245px; margin:0 auto;}
	.header .all-menu .screen h2 {padding-bottom:25px; margin-top:25px; margin-bottom:25px; font-size:22px; line-height:22px; font-weight:normal; color:#497abf; border-bottom:1px solid #ddd;}
	.header .all-menu .screen h2:first-child {margin-top:50px;}
	.header .all-menu .screen ul:after {clear:both; display:block; content:'';}
	.header .all-menu .screen ul li {float:left; width:195px;}
	.header .all-menu .screen ul li dl dt {padding-left:10px; margin:10px 0; line-height:20px; font-weight:bold; background:url(../images/bg_li_m.png) no-repeat left center; font-size:17px; background-color:#f6f6f6;}



	.header .all-menu .screen ul li dl dd:last-child {margin-bottom:25px;}
	.header .all-menu .screen ul li dl dd a {padding-left:10px; font-family:"NotoSansKR";}
	.header .all-menu .screen ul.one li {width:195px; padding-left:0;}
	.header .all-menu .screen ul.one li dl dt {margin-top:50px; font-size:17px;}
	.header .all-menu .screen .etc {position:absolute; right:0; top:0; width:215px; font-family:"NotoSansKR";}
	.header .all-menu .screen .etc dl dt {padding:15px; margin-top:25px; font-size:15px; line-height:20px; color:#343976; border:1px solid #ddd; background-color:#f6f6f6; border-radius:5px 5px 0 0; box-sizing:border-box;}
	.header .all-menu .screen .etc dl:first-child dt {margin-top:0;}
	.header .all-menu .screen .etc dl dd {border-bottom:1px dotted #ccc;}
	.header .all-menu .screen .etc dl dd:last-child {border-bottom-style:none;}
	.header .all-menu .screen .etc dl dd a {display:block; padding:10px 15px; font-family:"NotoSansKR";}
	.header .all-menu .screen .etc dl dd a:hover {background-color:#f6f6f6;}
	.header .all-menu a.close {
		display:inline-block;
		position:absolute;
		top:50px;
		right:calc((100% - 1420px) / 2 - 65px);
		right:-moz-calc((100% - 1420px) / 2 - 65px);
		right:-webkit-calc((100% - 1420px) / 2 - 65px);
		width:50px;
		height:50px;
		font-size:0;
		line-height:0;
		background:url(../images/ic_close.png) no-repeat center center;
		background-size:30px 30px;
	}
	.header.src-on {padding-bottom:35px;}
}

.center .contents .left-area {display:none;}

@media all and (min-width:1200px) {
	.center .contents { padding-bottom:50px; margin:0 auto;}
	.center .contents:after {clear:both; display:block; content:'';}
	.center .contents .left-area {display:block; float:left; width:200px; margin-top:50px; font-family:"NotoSansKR";}
	.center .contents .left-area dl dt {font-size:20px; line-height:80px; margin-bottom:5px; text-align:center; color:#fff; background:url(../images/bg_left_dt.png) no-repeat center center;}
	.center .contents .left-area dl dt a {display:none;}
	.center .contents .left-area dl dd {border-bottom:1px solid #ddd;}
	.center .contents .left-area dl dd:last-child {border-bottom-style:none;}
	.center .contents .left-area dl dd:last-child.on {border-bottom-style:solid;}
	.center .contents .left-area dl dd a,
	.center .contents .left-area dl dd span {position:relative; display:block; padding:20px 10px; line-height:15px; font-weight:normal; font-family:"NotoSansKR";}
	.center .contents .left-area dl dd a em {position:absolute; right:5px; top:21px; display:inline-block; width:18px; height:10px; font-size:0; line-height:0; background:url(../images/ic_arrow_bottom_3.png) no-repeat center center; background-size:contain;}
	.center .contents .left-area dl dd ul {display:none;}
	.center .contents .left-area dl dd ul li {border-top:1px dotted #ccc;}
	.center .contents .left-area dl dd ul li:first-child {border-top:1px solid #699be0;}
	.center .contents .left-area dl dd ul li a {display:block; padding:10px; padding-left:20px; font-size:13px; line-height:15px; background-image:url(../images/ic_arrow_right_5.png); background-repeat:no-repeat; background-position:10px center;}
	.center .contents .left-area dl dd ul li a:hover {background-color:#f6f6f6; background-image:url(../images/ic_arrow_right_4.png);}
	.center .contents .left-area dl dd ul li a.on {font-weight:bold; color:#497abf; background-image:url(../images/ic_arrow_right_6.png);}
	.center .contents .left-area dl dd ul li a.on:hover {background-color:transparent;}
	.center .contents .left-area dl dd ul li ul {padding:5px; border-top:1px dotted #ccc; background-color:#f9f9f9;}
	.center .contents .left-area dl dd ul li ul li {border-top-style:none;}
	.center .contents .left-area dl dd ul li ul li:first-child {border-top-style:none;}
	.center .contents .left-area dl dd ul li ul li a {padding:5px; padding-left:35px; background-image:url(../images/bg_li_b.png); background-position:20px center;}
	.center .contents .left-area dl dd ul li ul li a:hover {background-color:transparent; background-image:url(../images/bg_li_b_hover.png);}
	.center .contents .left-area dl dd ul li ul li a.on {background-image:url(../images/bg_li_b_on.png);}
	.center .contents .left-area dl dd.on a strong,
	.center .contents .left-area dl dd a:hover strong {color:#497abf}
	.center .contents .left-area dl dd a:hover em,
	.center .contents .left-area dl dd.on a em {background-image:url(../images/ic_arrow_bottom_4.png);}
	.center .contents .left-area dl dd.on ul {display:block;}
	.center .contents .left-area dl dd ul li ul {display:none !important;}
	.center .contents .left-area dl dd ul li.on ul {display:block !important;}
	.center .contents .main-area {/* float:left; */width:1170px;/* margin-top:50px; *//* margin-left:50px; */margin: auto;}
}

.footer {
  padding-bottom:60px; 
  /* font-family:"NotoSansKR"; */
}
.footer .icon {padding:15px; padding-bottom:0;}
.footer .icon ul{
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer .icon ul:after {clear:both; display:block; content:'';}
/* .footer .icon ul li {float:left; width:50%; height:26px; margin-bottom:15px; font-size:0; line-height:0; background-repeat:no-repeat; background-position:left center;} */
.footer .icon ul li {display: inline-block;/* float:left; */width:50%;height:26px;margin-bottom:15px;font-size:0;line-height:0;background-repeat:no-repeat;background-position:left center;}
.footer .icon ul li.icon-01 {background-image:url(../images/foot_credit01.gif);}
.footer .icon ul li.icon-02 {background-image:url(../images/foot_credit02.gif);}
.footer .icon ul li.icon-04 {background-image:url(../images/foot_credit04.gif);}
.footer .icon ul li.icon-05 {background-image:url(../images/foot_credit05.gif);}
.footer .menu {padding:15px; text-align:center; font-size:13px; line-height:13px; color:#888; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#eee;}
.footer .menu a {display:inline-block; margin-left:10px; margin-right:10px; font-family:"NotoSansKR"; vertical-align:middle;}
.footer .menu a:first-child {margin-left:0;}
.footer .menu a:lastst-child {margin-right:0;}
.footer .menu a.h {display:none;}
.footer .menu a strong {color:#232177;}
.footer .copy {padding:15px; text-align:center; font-size:11px; line-height:15px;}
.footer .copy em {display:block; margin-top:5px; font-style:normal; color:#888;}

.footer.www {border-top:1px solid #ccc;}
.footer.www .menu a {margin-left:5px; margin-right:5px;}
.footer.www .copy {font-size:11px; line-height:15px; text-align:left;}
.footer.www .copy h2 {display:none;}
.edu-form{
	margin-top: 0.14rem !important;
}
@media all and (min-width:1200px) {
	.footer {padding-bottom:0;}

	.footer .icon { padding:25px 0; margin:0 auto;}
	.footer .icon ul {width:648px; margin:0 auto;}
	.footer .icon ul li {margin-left:50px; margin-bottom:0;}
	.footer .icon ul li:first-child {margin-left:0;}
	.footer .icon ul li.icon-01 {width:125px;}
	.footer .icon ul li.icon-02 {width:116px;}
	.footer .icon ul li.icon-04 {width:113px;}
	.footer .icon ul li.icon-05 {width:144px;}
	.footer .menu {padding:25px;}
	.footer .menu a {margin-left:15px; margin-right:15px;}
	.footer .menu a.h {display:inline-block;}
	.footer .copy {font-size:12px;}

	.footer.www.main {border-top-style:none;}
	.footer.www .menu {line-height:26px; background-color:#9d9d9d;}
	.footer.www .menu a {margin-left:25px; margin-right:25px; color:#fff;}
	.footer.www .copy {position:relative; width:1270px; padding:25px 0; 
    /* padding-left:150px;  */
    margin:0 auto; font-size:13px; line-height:25px; text-align:left;}
	.footer.www .copy h2 {display:block; position:absolute; left:0; top:47px;}

	.footer.big {padding-bottom:90px;}
}

/* 모바일 카테고리 */
.cate-area {padding:15px; font-family:"NotoSansKR"; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#eee;}
.cate-area .cate-tree {height:20px; overflow:hidden;}
.cate-area .cate-tree ul {margin:0 auto;}
.cate-area .cate-tree ul:after {clear:both; display:block; content:'';}
.cate-area .cate-tree ul li {float:left; padding-left:19px; margin-left:10px; line-height:20px; background:url(../images/lbs/ic_tree.png) no-repeat left center; background-size:9px 15px;}
.cate-area .cate-tree ul li.f {padding-left:0; margin-left:15px; background-image:none;}
.cate-area .cate-tree ul li.one {float:none; padding-left:35px; margin-left:0; background:url(../images/lbs/ic_menu_cate_off.png) no-repeat left center; background-size:20px 20px;}
.cate-area .cate-tree ul li.all {width:23px; padding-left:0; margin-left:0; background-image:none;}
.cate-area .cate-tree ul li a {font-family:"NotoSansKR";}
.cate-area .cate-tree ul li.all a {display:block; width:23px; height:20px; font-size:0; line-height:0; background:url(../images/lbs/ic_menu_cate.png) no-repeat center center; background-size:contain;}
.cate-area .cate-list {
	position:fixed;
	left:-100%;
	top:0;
	display:none;
	width:100%;
	height:calc(100% - 60px) !important;
	height:-moz-calc(100% - 60px) !important;
	height:-webkit-calc(100% - 60px) !important;
	font-family:"NotoSansKR";
	overflow-y:auto;
	z-index:910;
}
.cate-area .cate-list dl {margin-right:15px; background-color:#fff;}
.cate-area .cate-list dl dt {position:relative; padding:15px; line-height:20px; font-weight:bold; border-bottom:2px solid #d84c79;}
.cate-area .cate-list dl dt a {position:absolute; right:15px; top:15px; display:block; width:20px; height:20px; font-size:0; line-height:0; background:url(../images/lbs/ic_close.png) no-repeat center center; background-size:contain;}
.cate-area .cate-list dl dd a,
.cate-area .cate-list dl dd span {position:relative; display:block; padding:20px 15px; line-height:15px; font-family:"NotoSansKR"; border-bottom:1px solid #eee;}
.cate-area .cate-list dl dd a em {position:absolute; right:15px; top:20px; display:inline-block; width:22px; height:15px; font-size:0; line-height:0; background:url(../images/lbs/ic_show.png) no-repeat center center;}
.cate-area .cate-list dl dd ul {display:none;}
.cate-area .cate-list dl dd ul:after {clear:both; display:block; content:'';}
.cate-area .cate-list dl dd ul li {float:left; width:33%; font-size:13px; line-height:15px; letter-spacing:-1px; text-align:left; box-sizing:border-box;}
.cate-area .cate-list dl dd ul li:nth-child(3n) {width:34%;}
.cate-area .cate-list dl dd ul li a {display:block; padding:10px 15px; padding-right:0; border-bottom:1px solid #eee; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.cate-area .cate-list dl dd.on a em {background-image:url(../images/lbs/ic_hide.png);}
.cate-area .cate-list dl dd.on ul {display:block;}
.cate-area .cate-list dl dd.on ul li ul {display:none;}

@media all and (min-width:1200px) {
	.cate-area {display:none;}
}

/* 현재 위치 */
.main-area .page-navi {display:none;}

@media all and (min-width:1200px) {
	.main-area .page-navi {display:block; padding-bottom:15px; margin-bottom:49px; border-bottom:1px solid #ccc;}
	.main-area .page-navi ul:after {clear:both; display:block; content:'';}
	.main-area .page-navi ul li {float:left; padding-left:19px; margin-left:10px; font-size:13px; line-height:15px; background:url(../images/lbs/ic_tree.png) no-repeat left center; background-size:7px 11px;}
	.main-area .page-navi ul li.f {margin-left:0; background-image:url(../images/lbs/ic_home.png); background-size:14px 12px;}
	.main-area .page-navi ul li a {font-family:"NotoSansKR";}
}

/* 로그인 */
.login h1 {height:25px; margin:20px 0; font-size:19px; line-height:25px; color:#999; text-align:center;}
.login h1 img {max-height:30px; margin-right:6px; vertical-align:middle;}
.login .main-area {padding:10px;}
.login.layer .main-area {padding:0;}

@media all and (min-width:1200px) {
	.login .main-area {width:500px; padding:25px 0; margin:0 auto;}
}

/* 본인인증 */
.member-auth {display:none; position:fixed; left:0; top:0; width:100%; min-width:320px; height:100%; text-align:center; color:#000; font-weight:bold; background-color:#fff; background-color:rgba(0, 0, 0, 0.5); z-index:999;}
.member-auth.on {display:block;}
.member-auth .screen {position:relative; padding:15px; margin:15px; text-align:left; font-weight:normal; border:1px solid #ddd; background-color:#fff;}
.member-auth .screen h2 {padding-left:15px; padding-bottom:15px; font-size:18px; line-height:20px; border-bottom:1px solid #ccc; background:url(../images/bg_h2.png) no-repeat left 1px;}
.member-auth .screen iframe {
	width:100%;
	height:calc(100vh - 121px);
	height:-moz-calc(100vh - 121px);
	height:-webkit-calc(100vh - 121px);
	margin-top:15px;
	font-size:13px;
	line-height:120%;
	border-style:none;
	overflow-y:auto;
	box-sizing:border-box;
}
.member-auth .screen .close {display:inline-block; position:absolute; right:15px; top:15px; width:20px; height:20px; font-size:0; line-height:0; background:url(../images/ic_close.png) no-repeat center center; background-size:contain;}

@media all and (min-width:1200px) {
	.member-auth .screen {width:500px; margin:100px auto;}
	.member-auth .screen iframe {height:665px;}
	.member-auth.inqr .screen {width:900px;}
}

/* 과정 */
.course-list .main-area {padding:15px;}
.course-list .tab {margin-bottom:15px; border-bottom:1px solid #699be0;}
.course-list .tab ul:after {clear:both; display:block; content:'';}
.course-list .tab ul li {position:relative; float:left; width:33%;}
.course-list .tab ul li:first-child {width:34%;}
.course-list .tab ul li a {display:block; line-height:40px; text-align:center; border:1px solid #ccc; border-left-style:none; border-bottom-style:none; box-sizing:border-box; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.course-list .tab ul li:first-child a {border-left-style:solid; border-top-left-radius:5px;}
.course-list .tab ul li:last-child a {border-top-right-radius:5px;}
.course-list .tab ul li.on a,
.course-list .tab ul li a:hover {color:#fff; border-color:#699be0; background-color:#699be0;}
.course-list .tab ul li.on em {
	position:absolute;
	left:calc((100% - 11px) / 2);
	left:-moz-calc((100% - 11px) / 2);
	left:-webkit-calc((100% - 11px) / 2);
	bottom:-6px;
	display:block;
	width:11px;
	height:6px;
	font-size:0;
	line-height:0;
	content:'here';
	background:url(../images/ic_arrow_bottom_5.png) no-repeat center center;
}
.course-list .category {padding:10px; margin-bottom:5px; border:1px solid #d5d8ea; background-color:#e9ebf5; border-radius:2px;}
.course-list .category ul:after {clear:both; display:block; content:'';}
.course-list .category ul li {float:left; padding-right:10px; margin-right:5px; line-height:20px; background:url(../images/bg_li.png) no-repeat right center;}
.course-list .category ul li:last-child {padding-left:0; margin-left:0; background-image:none;}
.course-list .category ul li a {font-size:13px; line-height:20px; letter-spacing:-1px;}
.course-list .category ul li.on a {font-weight:bold; text-decoration:underline;}
.course-list .search {position:relative; margin-top:15px;}
.course-list .search.no-tab {margin-top:0;}
.course-list .search break {clear:both; display:block; content:'';}
.course-list .search select {float:left; height:30px; margin-left:5px; font-size:13px; border-radius:2px; vertical-align:middle;}
.course-list .search select:first-child {margin-left:0;}
.course-list .search input[type='text'] {
	display:inline-block;
	width:calc(100% - 65px);
	height:30px;
	padding:5px;
	margin-top:5px;
	font-size:13px;
	border:1px solid #ccc;
	border-radius:2px;
	box-sizing:border-box;
	vertical-align:middle;
}
.course-list .search input[type='text'].date {
	float:left;
	width:calc((100% - 65px) / 2);
	width:-webkit-calc((100% - 65px) / 2);
	width:-moz-calc((100% - 65px) / 2);
	margin:0 0 5px 5px;
	border-right-style:none;
	border-radius:2px 0 0 2px;
}
.course-list .search input[type='text'].date:first-child {margin-left:0;}
.course-list .search input[type='button'] {display:inline-block; float:right; width:60px; height:30px; margin-top:5px; font-size:12px; color:#fff; border-style:none; background-color:#333; border-radius:2px; cursor:pointer; vertical-align:middle;}
.course-list .search input[type='button'].list {display:none !important;}
.course-list .search input[type='button'].calendar {float:left; width:30px; height:30px; margin-top:0; margin-bottom:5px; font-size:0; line-height:0; border:1px solid #ccc; border-left-style:none; background:#fff url(../images/lbs/ic_calendar.png) no-repeat center center; border-radius:0 2px 2px 0;}
.course-list .search strong {display:block; margin-top:15px; font-size:13px; font-weight:normal;}
.course-list .search strong em {font-style:normal; font-weight:bold;}
.course-list .search strong a {font-size:13px;}
.course-list .search strong a.on {text-decoration:underline; color:#000;}
.course-list .search dl {float:left; position:relative; font-size:13px; text-align:left; vertical-align:middle;}
.course-list .search dl dt a {display:block; height:30px; padding:5px; padding-right:22px; line-height:18px; color:#333; border:1px solid #ccc; background:#fff url(../images/bg_select_arrow.png) no-repeat right center; border-radius:2px; box-sizing:border-box; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; cursor:default;}
.course-list .search dl dd {display:none; position:absolute; left:0; top:30px; width:100%; padding:5px; border:1px solid #699be0; border-top-style:none; background-color:#fff; border-radius:2px; box-sizing:border-box; z-index:900;}
.course-list .search dl dd ul li {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.course-list .search dl.on dt a {border-color:#699be0; background-image:url(../images/bg_select_arrow_on.png);}
.course-list .search dl.on dd {display:block;}

.course-list .item ul {margin-top:15px;}
.course-list .item ul li {position:relative; padding:15px 0; padding-right:65px; font-weight:bold; border-top:1px solid #ddd;}
.course-list .item ul li.empty {padding:0; line-height:250px; text-align:center; font-weight:normal; border-top-style:none; background-color:#eee;}
.course-list .item ul li a {display:block; min-height:65px; padding-left:110px; line-height:15px;}
.course-list .item ul li a img {position:absolute; left:0; top:15px; display:block; width:100px; height:65px;}
.course-list .item ul li a s {position:absolute; left:0; top:15px; display:block; width:100px; height:65px; font-style:normal; font-size:0; line-height:0; background-color:#f4f4f4; background-position:center center; background-repeat:no-repeat; background-size:100px 65px;}

@media all and (min-width:1200px) {
	.course-list .item ul li a s {position:absolute; left:0; top:15px; display:block; width:100px; height:65px; font-style:normal; font-size:0; line-height:0; background-color:#f4f4f4; background-position:center center; background-repeat:no-repeat; background-size:270px 214px;}
}

.course-list .item ul li a sel {position:absolute; left:0; top:15px; display:block; width:100px; height:65px; font-style:normal; font-size:0; line-height:0; background-color:#f4f4f4; background-position:center center; background-repeat:no-repeat; background-size:100px 65px;}

@media all and (min-width:1200px) {
	.course-list .item ul li a sel {position:absolute; left:0; top:15px; display:block; width:100px; height:65px; font-style:normal; font-size:0; line-height:0; background-color:#f4f4f4; background-position:center center; background-repeat:no-repeat; background-size:270px 164px;}
}

.course-list .item ul li a spl {position:absolute; left:0; top:15px; display:block; width:100px; height:65px; font-style:normal; font-size:0; line-height:0; background-color:#f4f4f4; background-position:center center; background-repeat:no-repeat; background-size:100px 65px;}

@media all and (min-width:1200px) {
	.course-list .item ul li a spl {position:absolute; left:0; top:15px; display:block; width:100px; height:65px; font-style:normal; font-size:0; line-height:0; background-color:#f4f4f4; background-position:center center; background-repeat:no-repeat; background-size:contain;}
}


.course-list .item ul li a strong,
.course-list .item ul li a em,
.course-list .item ul li a span {display:block; line-height:20px; font-weight:normal; overflow:hidden; word-break: keep-all;}
.course-list .item ul li a em {font-style:normal;}
.course-list .item ul li a em small {display:inline-block; padding:0 7px; color:#fff; background-color:#aaa; vertical-align:middle; border-radius:2px;}
.course-list .item ul li a em small.icon-EL {background-color:#689be0;}
.course-list .item ul li a em small.icon-OL {background-color:#ffa0aa;}
.course-list .item ul li a em small.icon-PL {background-color:#ff4500;}
.course-list .item ul li a em small.icon-book {background-color:#004C55;}
.course-list .item ul li a em small.icon-marks {background-color:#008000;}
.course-list .item ul li a em small.icon-month {background-color:#689be0;}
.course-list .item ul li a em small.attend {position:absolute; left:0; top:15px;}
.course-list .item ul li a em small.attend-01 {background-color:#689be0;}
.course-list .item ul li a em small.attend-02 {background-color:#ff4500;}
.course-list .item ul li a em small.attend-03 {background-color:#ff9900;}


.course-list .item ul li a em small.attend-04 {background-color:#3cbaff;}
.course-list .item ul li a em small.attend-05 {background-color:#46649b;}
.course-list .item ul li a em small.attend-06 {background-color:#37b7b7;}

.course-list .item ul li a strong {margin:5px 0;}
.course-list .item ul li a span {line-height:15px; margin-top:5px; color:#888;}
.course-list .item ul li a i {font-style:normal; font-weight:normal; color:#888;}
.course-list .item ul li input {position:absolute; right:0; top:15px; width:65px; height:65px; font-size:12px; letter-spacing:-1px; border-style:none; border:1px solid #ccc; background-color:#f6f6f6; border-radius:5px; cursor:pointer;}
.course-list .item ul li input:hover {color:#ff225b; border-color:#ff225b;}
.course-list .item .more a {display:block; padding:15px 0; font-size:13px; line-height:15px; text-align:center; background-color:#ddd; border-radius:5px;}
.course-list .item .more a:hover {color:#497abf;}
.course-list .item .more a em {display:inline-block; width:18px; height:10px; margin-left:10px; font-size:0; line-height:0; background:url(../images/lbs/ic_show.png) no-repeat center center; background-size:contain; vertical-align:middle;}
.course-list .item .more a strong {color:#497abf;}

.course-list .list.el .search select[name='paramMap.order_field'],
.course-list .list.el .search select[name='paramMap.record_count_per_page'] {display:none;}
.course-list .list.el .search dl {width:100%;}

.course-list .list.pl .search select[name='paramMap.order_field'],
.course-list .list.pl .search select[name='paramMap.record_count_per_page'] {display:none;}
/*
.course-list .list.pl .search dl {width:100%;}
.course-list .list.pl .item ul li a {height:90px; padding-left:75px;}
.course-list .list.pl .item ul li a img {width:65px; height:90px;}
*/

.course-list .list.ol .search select[name='paramMap.order_field'],
.course-list .list.ol .search select[name='paramMap.record_count_per_page'] {display:none;}
.course-list .list.ol .search dl {
	width:calc((100% - 5px) / 2);
	margin-left:5px;
}
.course-list .list.ol .search dl.f {margin-left:0;}

.course-list.total-search .tab {margin-top:15px;}
.course-list.total-search .search select,
.course-list.total-search .search input,
.course-list.total-search .search dl {display:none;}
.course-list.total-search .keyword {padding:15px; text-align:center; border:1px solid #d5d8ea; background-color:#e9ebf5; border-radius:5px 0 5px 0;}
.course-list.total-search .item ul li a {min-height:80px;}
.course-list.total-search .item ul li a em span {font-size:13px;}
.course-list.total-search .item ul li a em small.icon-worklearn {background-color:#689be0;}
.course-list.total-search .item ul li a em small.icon-oksa {background-color:#ffa0aa;}
.course-list.total-search .item ul li a em small.icon-eksa {background-color:#ff4500;}

.course-view .main-area {padding:0 15px;}
.course-view .course-info {position:relative; min-height:65px; padding-left:115px;}
/* .course-view .course-info input.before {display:none;} */
input.before {display:inline-block; width:38px; height:30px; font-size:0; line-height:0; color:#fff; border-style:none; background:#aaa url(../images/ic_back.png) no-repeat center center; background-size:18px 14px; border-radius:5px; cursor:pointer; margin-bottom: 5px;}
.course-view .course-info img {position:absolute; left:0; top:0; display:block; width:100px; height:65px;}
.course-view .course-info s {position:absolute; left:0; top:0; display:block; width:100px; height:65px; border:1px solid #ddd; font-style:normal; font-size:0; line-height:0; background-color:#f4f4f4; background-position:center center; background-repeat:no-repeat; background-size:100px 65px;}

@media all and (min-width:1200px) {
	.course-view .course-info s {position:absolute; left:0; top:0; display:block; width:100px; height:65px; border:1px solid #ddd; font-style:normal; font-size:0; line-height:0; background-color:#f4f4f4; background-position:center center; background-repeat:no-repeat; background-size:270px 214px;}
}

.course-view .course-info strong,
.course-view .course-info em {display:block; line-height:20px;}
.course-view .course-info em {font-style:normal;}
.course-view .course-info em small {display:inline-block; padding:0 7px; color:#fff; background-color:#aaa; vertical-align:middle; border-radius:2px;}
.course-view .course-info em small.icon-EL {background-color:#689be0;}
.course-view .course-info em small.icon-OL {background-color:#ffa0aa;}
.course-view .course-info em small.icon-PL {background-color:#ff4500;}
.course-view .course-info em small.icon-book {background-color:#004C55;}
.course-view .course-info em small.icon-marks {background-color:#008000;}
.course-view .course-info em small.attend-01 {background-color:#689be0;}
.course-view .course-info em small.attend-02 {background-color:#ff4500;}
.course-view .course-info em small.attend-03 {background-color:#ff9900;}
.course-view .course-info strong {margin:5px 0;}
.course-view .course-info dl {position:relative; padding-left:55px; margin-top:5px; font-size:13px; line-height:15px; letter-spacing:-1px;}
.course-view .course-info dl.guide dd a {
	display:block;
	width:calc((50% - 30px) / 3);
	width:-moz-calc((50% - 30px) / 3);
	width:-webkit-calc((50% - 30px) / 3);
	min-width:56px;
	margin-left:0;
	line-height:25px;
	font-size:13px;
	text-align:center;
	color:#fff;
	background-color:#333;
	border-radius:2px;
	box-sizing:border-box;
}
.course-view .course-info dl dt {position:absolute; left:0; top:0; color:#333;}
.course-view .course-info dl.price dd {color:#6376d3; font-weight:bold;}
.course-view .course-info dl dd span {color:#888;}
.course-view .course-info dl dd a.help {position:relative; right:0; top:0; display:none; width:80px; font-size:12px; line-height:22px; text-align:center; border:1px solid #ff225b; border-radius:2px;}
.course-view .course-info dl dd a.help:hover {border-color:#ff225b;}
.course-view .course-info dl dd a.help.on {color:#fff; border-color:#ff225b; background-color:#ff225b;}
.course-view .course-info dl dd select {max-width:100%; font-size:13px;}
.course-view .course-info dl ul li {margin-top:5px;}
.course-view .course-info dl ul li:first-child {margin-top:0;}
.course-view .course-info .button {margin-top:10px;}
.course-view .course-info .button:after {clear:both; display:block; content:'';}
.course-view .course-info .button input {
	float:left;
	width:calc((100% - 5px) / 2);
	width:-moz-calc((100% - 5px) / 2);
	width:-webkit-calc((100% - 5px) / 2);
	height:35px;
	margin-left:5px;
	font-size:13px;
	border:1px solid #ddd;
	background-color:#fff;
	border-radius:2px;
	cursor:pointer;
}

.course-view .course-info .button input.preview {margin-left:0;}
.course-view .course-info .button input.apply {color:#fff; border-style:none; background-color:#497abf;}
.course-view .course-info .button input.apply.wait {background-color:#008000;}
.course-view .course-info .sns {position:absolute; left:0; top:80px; width:100px; line-height:100%; text-align:center;}
.course-view .course-info .sns a {display:inline-block; width:26px; height:26px; font-size:0; line-height:0; background-repeat:no-repeat; background-position:center center; background-size:26px 26px; vertical-align:middle;}
.course-view .course-info .sns a.facebook {background-image:url(../images/ic_sns_fb.png);}
.course-view .course-info .sns a.twitter {background-image:url(../images/ic_sns_tw.png);}
.course-view .course-info .sns a.url {font-size:10px; line-height:26px; color:#fff; text-align:center; background-color:#87755e; border-radius:13px; box-sizing:border-box;}
.course-view .course-info .sns a.url em {display:none;}
.course-view .course-detail {padding-top:15px; margin-top:15px; border-top:1px solid #ddd;}
.course-view .course-detail h2 {padding-left:10px; margin-top:15px; margin-bottom:10px; font-size:15px; line-height:20px; background:url(../images/bg_h2.png) no-repeat left center; background-size:3px 11px;}
.course-view .course-detail h2:first-child {margin-top:0;}
.course-view .course-detail .text {padding-top:15px; color:#888; font-size:13px; line-height:15px; border-top:1px solid #ddd;}
.course-view .course-detail .text em {display:block; line-height:100px; font-style:normal; text-align:center; background-color:#f6f6f6;}
.course-view .course-detail .text dl {position:relative; padding-left:65px; margin-top:5px; color:#333;}
.course-view .course-detail .text dl .labor {color:#4374D9;}

.course-view .course-detail .text dl:first-child {margin-top:0;}
.course-view .course-detail .text dl.map {line-height:22px;}
.course-view .course-detail .text dl dt {position:absolute; left:0; top:0; padding-left:10px; color:#000; background:url(../images/bg_li.png) no-repeat left center;}
.course-view .course-detail .text dl dd.empty {color:#888; font-size:12px;}
.course-view .course-detail .text dl dd input {padding:5px 7px; margin-left:6px; font-size:12px; line-height:12px; color:#fff; border-style:none; background-color:#87755e; border-radius:3px; cursor:pointer; vertical-align:middle;}
.course-view .course-detail .text h3 {padding-left:10px; margin-top:15px; font-size:13px; line-height:15px; color:#333; background:url(../images/bg_h3.png) no-repeat left center;}
.course-view .course-detail .text h3:first-child {margin-top:0;}
.course-view .course-detail .text .more {padding-left:10px; margin-top:5px; line-height:20px; color:#333;}
.course-view .course-detail .text .more span,
.course-view .course-detail .text .more p {font-size:13px !important; 
  /* font-family:"NanumBarunGothic","맑은 고딕","돋움","Dotum","Droid","Snas","AppleGothic" !important;  */
  word-break: break-all;}
.course-view .course-detail .text .button {text-align:right;}
.course-view .course-detail .text .button input {padding:5px 7px; font-size:12px; line-height:12px; color:#fff; border-style:none; background-color:#333; border-radius:3px; cursor:pointer;}
.course-view .course-detail .text .button input.on {background-color:#497abf;}
.course-view .course-detail .text ul li {padding-left:10px; line-height:20px; color:#333; background:url(../images/bg_li.png) no-repeat left 7px;}
.course-view .course-detail .text ul li.empty {padding-left:0; color:#888; background-image:none;}
.course-view .course-detail .text dl dd ul li {padding-left:0; margin-top:5px; line-height:15px; background-image:none;}
.course-view .course-detail .text dl dd ul li:first-child {margin-top:0;}
.course-view .course-detail .text dl dd ul li em {padding-left:14px; margin-top:5px; line-height:15px; text-align:left; color:#888; background:transparent;}
.course-view .course-detail .text table.book {width:100%; margin-top:10px; color:#333; border-top:1px solid #ddd;}
.course-view .course-detail .text table.book tr th {padding:5px 10px; font-size:12px; line-height:15px; text-align:center; font-weight:normal; border:1px solid #ddd; border-top-style:none; background-color:#f6f6f6;}
.course-view .course-detail .text table.book tr th[rowspan='5'] {padding:5px;}
.course-view .course-detail .text table.book tr td {padding:5px 10px; font-size:13px; line-height:15px; border:1px solid #ddd; border-top-style:none; border-left-style:none;}
.course-view .course-detail .text table.book tr th img {width:60px; vertical-align:middle;}
.course-view .course-detail .text table.book .wx100 {width:60px;}
.course-view .course-detail .text table.book.off {display:none;}
.course-view .course-detail .text table.book tr.s td {padding:10px; border-left-style:solid;}
.course-view .course-detail .text table.book tr th input {display:block; width:100%; height:26px; margin-top:5px; font-size:12px; line-height:12px; border:1px solid #ddd; background-color:#fff; border-radius:3px; cursor:pointer;}
.course-view .course-detail .text table.book tr th input:hover {color:#ff225b; border-color:#ff225b;}
.course-view .course-detail .text img {max-width:100%;}
.course-view .course-detail .text.cmmt {margin-top:5px;}
.course-view .course-detail .text.cmmt ul li {padding-top:10px; padding-left:0; margin-top:10px; border-top:1px dotted #ccc; background-image:none;}
.course-view .course-detail .text.cmmt ul li.empty {line-height:100px; text-align:center; background-color:#f6f6f6;}
.course-view .course-detail .text.cmmt ul li:first-child {padding-top:0; margin-top:0; border-top-style:none;}
.course-view .course-detail .text.cmmt ul li strong {display:block; margin-bottom:5px; font-size:13px; line-height:13px;}
.course-view .course-detail .text.cmmt ul li strong em {display:inline-block; padding-left:0; margin-left:5px; line-height:13px; font-style:normal; font-weight:normal; color:#888; background:transparent; vertical-align:middle;}
.course-view .course-detail .text.cmmt ul li strong span {display:inline-block; width:64px; height:13px; margin-left:5px; font-size:0; line-height:0; background-repeat:no-repeat; background-position:left top; vertical-align:middle;}
.course-view .course-detail .text.screen {width:100%; height:215px; font-size:15px; overflow:hidden; overflow-x:auto;}
.course-view .course-detail .text.screen ul:after {clear:both; display:block; content:'';}
.course-view .course-detail .text.screen ul li {float:left; width:233px; padding:0; margin-left:15px; margin-bottom:15px; background-image:none;}
.course-view .course-detail .text.screen ul li:first-child {margin-left:0;}
.course-view .course-detail .text.screen ul li a {display:block; line-height:20px;}
.course-view .course-detail .text.screen ul li a img {width:233px; height:150px; vertical-align:middle;}
.course-view .course-detail .text.screen ul li a strong {display:block; margin-top:15px; color:#232177; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.course-view .course-detail .text.screen ul li a:hover strong {color:#ff225b;}
.course-view .course-detail .text.screen ul li a span {display:block; margin-top:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:13px; color:#888;}
.course-view .course-detail .text .desc {padding:15px; margin-top:15px; border:1px solid #ddd; border-radius:5px;}
.course-view .course-detail .text .desc ul li input {padding:5px 7px; margin-left:6px; font-size:12px; line-height:12px; color:#fff; border-style:none; background-color:#87755e; border-radius:3px; cursor:pointer; vertical-align:middle;}
.course-view .course-detail .text .desc.gray {background-color:#f6f6f6;}
.course-view .course-tab-h {display:none;}
.course-view .course-tab-b {position:fixed; left:0; bottom:0; width:100%; height:60px; border-top:1px solid #497abf; background-color:#f6f6f6; z-index:910;}
.course-view .course-tab-b.on {display:block;}
.course-view .course-tab-b dl {width:100%;}
.course-view .course-tab-b dl:after {clear:both; display:block; content:'';}
/*
.course-view .course-tab-b dl dt {
	float:left;
	padding:15px 0;
	padding-left:15px;
	width:calc((100% - 30px) - 175px);
	width:-moz-calc((100% - 30px) - 175px);
	width:-webkit-calc((100% - 30px) - 175px);
}
.course-view .course-tab-b dl dt select {max-width:100%; height:30px; font-size:13px; background-color:#fff;}
*/
.course-view .course-tab-b dl dt {display:none;}
.course-view .course-tab-b dl dd {position:relative; padding:15px; text-align:right;}
.course-view .course-tab-b dl dd select {
	position:absolute;
	left:15px;
	top:15px;
	max-width:calc(100% - 200px);
	max-width:-moz-calc(100% - 200px);
	max-width:-webkit-calc(100% - 200px);
	height:30px;
	font-size:13px;
	background-color:#fff;
}
.course-view .course-tab-b dl dd input {width:80px; height:30px; margin-left:1px; font-size:13px; border:1px solid #ddd; background-color:#fff; border-radius:2px; cursor:pointer; vertical-align:middle;}
.course-view .course-tab-b dl dd input.preview {display:none;}
.course-view .course-tab-b dl dd input.apply {margin-left:0; color:#fff; border-style:none; background-color:#497abf;}
.course-view .course-tab-b dl dd input.apply.wait {background-color:#008000;}
.course-view .course-tab-b dl dd input.before {color:#fff; border-style:none; background-color:#333;}

.course-view .course-alert {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:#000; background-color:rgba(0, 0, 0, 0.5); z-index:960;}
.course-view .course-alert.on {display:block;}
.course-view .course-alert .alert-content {height:380px; margin:50px 20px 0px 20px; background-color:white;  padding:15px;}
.course-view .course-alert .alert-content h2 {position:relative; padding-left:15px; padding-bottom:15px; font-size:18px; line-height:20px; border-bottom:1px solid #ccc; background:url(../images/bg_h2.png) no-repeat left 1px;}
.course-view .course-alert .alert-content h2 a {display:block; position:absolute; right:0; top:0; width:20px; height:20px; font-size:0; line-height:0; background:url(../images/ic_close.png) no-repeat center center; background-size:contain;}
.course-view .course-alert .alert-content dt {background: url(../images/bg_li.png) no-repeat left 10px;padding-left: 8px;margin-top:5px;line-height:15px;padding-top:5px;font-weight:bold;}
.course-view .course-alert .alert-content dd {padding-left:3px; }
.course-view .course-alert .alert-content .alert-button {width:150px;height:30px;color:#fff;border-style:none;background-color:#497abf;margin:auto;margin-top:20px;display:block;}

.course-view .course-apply {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:#000; background-color:rgba(0, 0, 0, 0.5); z-index:930;}
.course-view .course-apply.on {display:block;}
.course-view .course-apply .apply-header {
	position:relative;
	padding:15px;
	padding-bottom:0;
	margin:15px;
	margin-bottom:0;
	background-color:#fff;
}


.course-view .course-apply .apply-header h2 {position:relative; padding-left:15px; padding-bottom:15px; font-size:18px; line-height:20px; border-bottom:1px solid #ccc; background:url(../images/bg_h2.png) no-repeat left 1px;}
.course-view .course-apply .apply-header h2 a {display:block; position:absolute; right:0; top:0; width:20px; height:20px; font-size:0; line-height:0; background:url(../images/ic_close.png) no-repeat center center; background-size:contain;}
.course-view .course-apply .apply-button {padding:15px; margin:0 15px; background-color:#fff;}
.course-view .course-apply .apply-button:after {clear:both; display:block; content:'';}
.course-view .course-apply .apply-button .amount {margin-bottom:10px;}
.course-view .course-apply .apply-button .amount:after {clear:both; display:block; content:'';}
.course-view .course-apply .apply-button .amount dl dt {float:left; font-size:13px; line-height:20px; font-weight:bold;}
.course-view .course-apply .apply-button .amount dl dd {float:right; color:#6376d3; font-size:15px; line-height:20px;}
.course-view .course-apply .apply-button .amount dl dd strong em {font-size:13px; font-style:normal; font-weight:normal; color:#888; text-decoration:line-through;}
.course-view .course-apply .apply-button input {
	float:left;
	width:calc((100% - 5px) / 2);
	width:-moz-calc((100% - 5px) / 2);
	width:-webkit-calc((100% - 5px) / 2);
	height:30px;
	margin-right:5px;
	font-size:13px;
	color:#fff;
	border-style:none;
	background-color:#497abf;
	cursor:pointer;
}
.course-view .course-apply .apply-button input.cancel {margin-right:0; color:#333; border:1px solid #ccc; background-color:#fff;}
.course-view .course-apply .apply-button input.go {width:100%; margin-right:0; background-color:#333;}
.course-view .course-apply .apply-form {
	max-height:calc(100vh - 176px);
	max-height:-moz-calc(100vh - 176px);
	max-height:-webkit-calc(100vh - 176px);
	padding:0 15px;
	padding-bottom:5px;
	margin:0 15px;
	font-size:13px;
	background-color:#fff;
	overflow-y:auto;
}
.course-view.apply-list .course-apply .apply-form {
	max-height:calc(100vh - 146px);
	max-height:-moz-calc(100vh - 146px);
	max-height:-webkit-calc(100vh - 146px);
}
.course-view .course-apply .apply-form h3 {position:relative; padding-left:8px; font-size:13px; line-height:15px; padding-bottom:5px; border-bottom:1px solid #ddd; background:url(../images/bg_h2.png) no-repeat left 1px; background-size:3px 11px;}
.course-view .course-apply .apply-form h3 input {position:absolute; right:0; bottom:5px; width:auto; height:25px; padding:0 10px; color:#fff; font-size:12px; border-style:none; background-color:#333; border-radius:2px; cursor:pointer;}
.course-view .course-apply .apply-form dl {margin-top:15px;}
.course-view .course-apply .apply-form dl dt {font-size:12px; font-weight:bold; line-height:12px;}
.course-view .course-apply .apply-form dl dd {margin-top:5px; font-size:13px; line-height:15px;}
.course-view .course-apply .apply-form dl dd:after {clear:both; display:block; content:'';}
.course-view .course-apply .apply-form dl dd em {font-style:normal; color:#888;}
.course-view .course-apply .apply-form dl dd em.line {display:block; line-height:15px;}
.course-view .course-apply .apply-form dl.amount dd em {color:#497abf;}
.course-view .course-apply .apply-form dl dd input[type='text'],
.course-view .course-apply .apply-form dl dd input[type='password'] {width:100%; height:25px; padding:5px; font-size:13px; border:1px solid #ddd; box-sizing:border-box; vertical-align:middle;}
.course-view .course-apply .apply-form dl dd input[type='file'] {width:100%; height:25px; font-size:13px; box-sizing:border-box;}
.course-view .course-apply .apply-form dl dd input[type='file'].small {
	width:calc(100% - 80px);
	width:-moz-calc(100% - 80px);
	width:-webkit-calc(100% - 80px);
}
.course-view .course-apply .apply-form dl dd input[readonly='readonly'],
.course-view .course-apply .apply-form dl dd input[disabled='disabled'] {background-color:#f6f6f6;}
.course-view .course-apply .apply-form dl dd input.zipcode {width:100px;}
.course-view .course-apply .apply-form dl dd input.addr {display:block; margin-top:5px;}
.course-view .course-apply .apply-form dl dd input[type='text'].line {display:block; margin-top:5px;}
.course-view .course-apply .apply-form dl dd input[type='button'] {height:25px; padding:0 25px; font-size:12px; border:1px solid #ddd; cursor:pointer; vertical-align:middle;}
.course-view .course-apply .apply-form dl dd input[type='button'].delete {height:25px; padding:0 25px; font-size:12px; border:1px solid #ff225b; cursor:pointer; vertical-align:middle;}
.course-view .course-apply .apply-form dl dd input[type='button']:hover {color:#ff225b; border-color:#ff225b;}
.course-view .course-apply .apply-form dl dd input[type='button'].attach {float:right; padding:0 10px;}
.course-view .course-apply .apply-form dl dd input.date {width:100px;}
/*.course-view .course-apply .apply-form dl dd input.telNo {width:180px;}*/
.course-view .course-apply .apply-form dl dd input.bnkNm {float:left; width:120px;}
.course-view .course-apply .apply-form dl dd input.accNo {
	float:left;
	width:calc(100% - 125px);
	width:-moz-calc(100% - 125px);
	width:-webkit-calc(100% - 125px);
	margin-left:5px;
}
.course-view .course-apply .apply-form dl dd input.code {
	float:left;
	width:calc(100% - 125px);
	width:-moz-calc(100% - 125px);
	width:-webkit-calc(100% - 125px);
}
.course-view .course-apply .apply-form dl dd input.open {float:left; width:100px; padding:0; margin-left:5px;}
.course-view .course-apply .apply-form dl dd input.payment {
	float:left;
	width:calc((100% - 15px) / 4);
	width:-moz-calc((100% - 15px) / 4);
	width:-webkit-calc((100% - 15px) / 4);
	padding:0;
	margin-left:5px;
}
.course-view .course-apply .apply-form dl.count-5 dd input.payment {
	width:calc((100% - 20px) / 5);
	width:-moz-calc((100% - 20px) / 5);
	width:-webkit-calc((100% - 20px) / 5);
}
.course-view .course-apply .apply-form dl.count-6 dd input.payment {
	width:calc((100% - 25px) / 6);
	width:-moz-calc((100% - 25px) / 6);
	width:-webkit-calc((100% - 25px) / 6);
}
.course-view .course-apply .apply-form dl dd input.payment.on {color:#fff; border-color:#333; background-color:#333;}
.course-view .course-apply .apply-form dl dt input.payment.on {color:#fff; border-color:#333; background-color:#333;}
.course-view .course-apply .apply-form dl dd input.payment:first-child {margin-left:0;}
.course-view .course-apply .apply-form dl dd select {min-width:auto; height:25px; font-size:13px; vertical-align:middle;}
.course-view .course-apply .apply-form dl dd select[readonly='readonly'],
.course-view .course-apply .apply-form dl dd select[disabled='disabled'] {background-color:#f6f6f6;}
.course-view .course-apply .apply-form dl dd textarea {width:100%; height:150px; padding:5px; font-size:13px; border:1px solid #ddd; overflow:auto; box-sizing:border-box;}
.course-view .course-apply .apply-form dl dd .line {clear:both; padding-top:5px;}
.course-view .course-apply .apply-form dl dd .srch-area {position:relative;}
.course-view .course-apply .apply-form dl dd .srch-area .srch-list {display:none; position:absolute; left:0; bottom:5px; width:100%;}
.course-view .course-apply .apply-form dl dd .srch-area .srch-list.on {display:block;}
.course-view .course-apply .apply-form dl dd .srch-area .srch-list .screen {width:100%; height:120px; padding:10px; border:1px solid #ddd; background-color:#fff; overflow-y:auto; box-sizing:border-box;}
.course-view .course-apply .apply-form dl dd .srch-area .srch-list .screen ul li {margin-top:5px; font-size:13px; line-height:15px; letter-spacing:-1px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.course-view .course-apply .apply-form dl dd .srch-area .srch-list .screen ul li:first-child {margin-top:0;}
.course-view .course-apply .apply-form dl dd .srch-area .srch-list a.close {display:inline-block; position:absolute; right:5px; bottom:5px; width:40px; font-size:12px; line-height:20px; text-align:center; color:#fff; background-color:#333; border-radius:2px;}
.course-view .course-apply .apply-form dl dd .srch-area .srch-list .desc-area {position:absolute; left:0; bottom:-32px; width:100%; padding:10px 0; line-height:12px; font-size:12px; letter-spacing:-1px; background-color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color: #497abf;}
.course-view .course-apply .apply-form dl dd .srch-area .srch-list .desc-area  span {font-weight: bolder;}
.course-view .course-apply .apply-form dl dd strong i {font-weight:normal; font-style:normal; text-decoration:line-through;}
.course-view .course-apply .apply-form dl.cfee dd strong {color:#497abf;}
.course-view .course-apply .apply-form .tab {margin-top:15px; border-bottom:1px solid #333;}
.course-view .course-apply .apply-form .tab ul:after {clear:both; display:block; content:'';}
.course-view .course-apply .apply-form .tab ul li {
	position:relative;
	float:left;
	width:calc(100% / 3);
	width:-moz-calc(100% / 3);
	width:-webkit-calc(100% / 3);
}
.course-view .course-apply .apply-form .tab.two ul li {width:50%;}
.course-view .course-apply .apply-form .tab ul li a {display:block; line-height:30px; font-size:13px; letter-spacing:-1px; text-align:center; color:#666; border:1px solid #ccc; border-left-style:none; border-bottom-style:none;}
.course-view .course-apply .apply-form .tab ul li:first-child a {border-left-style:solid; border-radius-top:5px 0 0 0;}
.course-view .course-apply .apply-form .tab ul li:last-child a {border-radius:0 5px 0 0;}
.course-view .course-apply .apply-form .tab.one ul li a {border-radius:5px 5px 0 0;}
.course-view .course-apply .apply-form .tab ul li.on a {color:#fff; border-color:#333; background-color:#333;}
.course-view .course-apply .apply-form .tab ul li.on em {
	position:absolute;
	left:calc((100% - 11px) / 2);
	left:-moz-calc((100% - 11px) / 2);
	left:-webkit-calc((100% - 11px) / 2);
	bottom:-6px;
	display:block;
	width:11px;
	height:6px;
	font-size:0;
	line-height:0;
	content:'here';
	background:url(../images/ic_arrow_bottom_6.png) no-repeat center center;
}
.course-view .course-apply .apply-form .cmpy-info {margin-top:25px;}
.course-view .course-apply .apply-form .cmpy-info .srch-area {position:relative; margin-top:15px;}
.course-view .course-apply .apply-form .cmpy-info .srch-area:after {clear:both; display:block; content:'';}
.course-view .course-apply .apply-form .cmpy-info .srch-area input {float:left; margin-left:5px;}
.course-view .course-apply .apply-form .cmpy-info .srch-area input:first-child {margin-left:0;}
.course-view .course-apply .apply-form .cmpy-info .srch-area input[type='text'] {
	width:calc(100% - 45px);
	width:-moz-calc(100% - 45px);
	width:-webkit-calc(100% - 45px);
	height:25px;
	padding:5px;
	border:1px solid #ddd;
	font-size:13px;
	box-sizing:border-box;
}
.course-view .course-apply .apply-form .cmpy-info .srch-area input[name='keyword'] {
	width:calc(100% - 45px);
	width:-moz-calc(100% - 150px);
	width:-webkit-calc(100% - 150px);
	height:25px;
	padding:5px;
	border:1px solid #ddd;
	font-size:13px;
	box-sizing:border-box;
}
.course-view .course-apply .apply-form .cmpy-info .srch-area input[type='button'] {width:40px; height:25px; font-size:12px; color:#fff; border-style:none; background-color:#333; cursor:pointer;}
.course-view .course-apply .apply-form .cmpy-info .srch-area .srch-list {display:none; position:absolute; left:0; top:26px; width:100%;}
.course-view .course-apply .apply-form .cmpy-info .srch-area .srch-list.on {display:block;}
.course-view .course-apply .apply-form .cmpy-info .srch-area .srch-list .screen {width:100%; height:150px; padding:10px; border:1px solid #ddd; background-color:#fff; overflow-y:auto; box-sizing:border-box;}
.course-view .course-apply .apply-form .cmpy-info .srch-area .srch-list .screen ul li {margin-top:5px; font-size:13px; line-height:15px; letter-spacing:-1px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.course-view .course-apply .apply-form .cmpy-info .srch-area .srch-list .screen ul li:first-child {margin-top:0;}
.course-view .course-apply .apply-form .cmpy-info .srch-area .srch-list a.close {position:absolute; right:0; font-size:14px; color:#000; font-weight: bold; height: 25px;} /* 20210126 닫기 버튼 가시적으로 변경 */
.course-view .course-apply .apply-form .user-info,
.course-view .course-apply .apply-form .bank-info,
.course-view .course-apply .apply-form .chrg-info,
.course-view .course-apply .apply-form .setl-info,
.course-view .course-apply .apply-form .addi-info,
.course-view .course-apply .apply-form .prvt-info,
.course-view .course-apply .apply-form .text-info {margin-top:25px;}
.course-view .course-apply .apply-form .setl-info.n {margin-top:0;}
.course-view .course-apply .apply-form .setl-info em {display:block; padding-left:10px; margin-top:5px; font-weight:normal; font-style:normal; color:#000;}
.course-view .course-apply .apply-form em {display:block; padding-left:10px; font-weight:normal; font-style:normal; color:#000;}
.course-view.apply-list .course-apply .apply-form .user-info,
.course-view.apply-list .course-apply .apply-form .text-info {margin-top:15px;}
.course-view .course-apply .apply-form .user-info .check {margin-top:5px;}
.course-view .course-apply .apply-form .user-info .check.delete {text-align:right;}
.course-view .course-apply .apply-form .user-info .check.delete input {width:40px; height:25px; color:#333; font-size:12px; border:1px solid #ddd; background-color:#fff; border-radius:2px; cursor:pointer;}
.course-view .course-apply .apply-form .user-info .check.delete input:hover {color:#ff225b; border-color:#ff225b;}
.course-view .course-apply .apply-form .setl-info .desc {padding:10px; padding-top:5px; margin-top:15px; border:1px solid #ddd; background-color:#f6f6f6; border-radius:5px;}
.course-view .course-apply .apply-form .setl-info .desc ul li {padding-left:8px; margin-top:5px; line-height:15px; background:url(../images/bg_li.png) no-repeat left 4px; color:#0100FF;}
.course-view .course-apply .apply-form .setl-info .desc ul li strong {display:block; margin-top:5px; font-weight:normal; color:#000; font-size:12px;}
.course-view .course-apply .apply-form .setl-info .refund-desc {padding:10px; padding-top:5px; margin-top:15px; border:1px solid #ddd; background-color:#f6f6f6; border-radius:5px; line-height: 110%;}
.course-view .course-apply .apply-form .setl-info .refund-desc ul li {padding-left:8px; margin-top:5px; line-height:15px; background:url(../images/bg_li.png) no-repeat left 4px;}
.course-view .course-apply .apply-form .setl-info .refund-desc ul li strong {font-weight:bold; color:#6376d3;}
.course-view .course-apply .apply-form .head-info {padding:15px; margin-top:15px; line-height:15px; text-align:center; background-color:#f6f6f6;}
.course-view .course-apply .apply-form .head-info strong {display:block; margin-bottom:10px;}
.course-view .course-apply .apply-form .head-info i {font-style:normal; font-weight:bold; color:#497abf;}
.course-view .course-apply .apply-form .acnt-info {margin-top:15px;}
.course-view .course-apply .apply-form .acnt-info table {width:100%; margin-top:10px; border-top:1px solid #ddd;}
.course-view .course-apply .apply-form .acnt-info table tr th {padding:7px 0; font-size:12px; line-height:15px; border:1px solid #ddd; border-top-style:none; background-color:#f6f6f6;}
.course-view .course-apply .apply-form .acnt-info table tr td {padding:7px; font-size:12px; line-height:15px; border:1px solid #ddd; border-top-style:none; border-left-style:none;}
.course-view .course-apply .apply-form .desc-info {margin-top:15px;}
.course-view .course-apply .apply-form .desc-info ul li {padding-left:8px; margin-top:5px; font-size:12px; line-height:15px; background:url(../images/bg_li.png) no-repeat left 4px;}
.course-view .course-apply .apply-form .desc-info ul li:first-child {margin-top:0;}
.course-view .course-apply .apply-form .subj-info {padding:15px; margin-top:15px; border:1px solid #ddd; background-color:#f6f6f6; border-radius:5px;}
.course-view .course-apply .apply-form .subj-info strong {display:block;}
.course-view .course-apply .apply-form .subj-info strong small {display:inline-block; padding:0 7px; font-size:12px; line-height:20px; color:#fff; background-color:#aaa; vertical-align:middle; border-radius:2px;}
.course-view .course-apply .apply-form .subj-info strong small.icon-EL {background-color:#689be0;}
.course-view .course-apply .apply-form .subj-info strong small.icon-OL {background-color:#ffa0aa;}
.course-view .course-apply .apply-form .subj-info strong small.icon-PL {background-color:#ff4500;}
.course-view .course-apply .apply-form .subj-info strong small.icon-book {background-color:#004C55;}
.course-view .course-apply .apply-form .subj-info em {display:block; padding-left:10px; margin-top:5px; font-style:normal; background:url(../images/bg_li.png) no-repeat left center;}
.course-view .course-apply .apply-form .prvt-info .agree .text {padding:15px; margin-top:10px; border:1px solid #ddd; background-color:#f6f6f6; border-radius:5px;}
.course-view .course-apply .apply-form .prvt-info .agree .text ul li {padding-left:8px; margin-top:5px; font-size:12px; line-height:15px; background:url(../images/bg_li.png) no-repeat left 4px;}
.course-view .course-apply .apply-form .prvt-info .agree .text ul li:first-child {margin-top:0;}
.course-view .course-apply .apply-form .prvt-info .agree .check {margin-top:5px;}
.course-view .course-apply .apply-form .srvy-info h4 {padding-left:8px; margin-top:15px; line-height:15px; background:url(../images/bg_li_m.png) no-repeat left 4px;}
.course-view .course-apply .apply-form .srvy-info ul {padding:10px; margin-top:10px; border:1px solid #ddd; border-radius:5px;}
.course-view .course-apply .apply-form .srvy-info ul:after {clear:both; display:block; content:'';}
.course-view .course-apply .apply-form .srvy-info ul input[type='text'] {width:100px; height:22px; padding:0 5px; font-size:13px; border:1px solid #ddd; border-radius:2px; box-sizing:border-box;}
.course-view .course-apply .apply-form .srvy-info ul input[disabled] {background-color:#f6f6f6;}
.course-view .course-apply .apply-form .srvy-info ul input[name='paramMap.survey3'] {width:200px;}
.course-view .course-apply .apply-form .srvy-info ul li ul {padding:0; margin-top:0; border-style:none;}
.course-view .course-apply .apply-form .srvy-info ul.line li {margin-top:5px;}
.course-view .course-apply .apply-form .srvy-info ul.line li:first-child {margin-top:0;}
.course-view .course-apply .apply-form .srvy-info ul.line li ul li {margin-top:0;}
.course-view .course-apply .apply-form .text-info .agree {letter-spacing:-1px;}
.course-view .course-apply .apply-form .text-info .agree .text {padding:10px; margin:0; margin-top:10px; margin-bottom:5px; line-height:15px; border:1px solid #ddd; background-color:#fff; border-radius:0;}
.course-view .course-apply .apply-form .text-info .agree .text p {padding:15px; margin-bottom:10px; line-height:25px; background-color:#f6f6f6;}
.course-view .course-apply .apply-form .text-info .agree label {margin-right:0;}
.course-view .course-apply .apply-form .bank-info dl dd .line {color:#888;}
.course-view .course-apply .apply-form.ol .subj-info em {line-height:15px; background-position:0 5px;}
.course-view .course-apply .apply-form.ol .subj-info em span {display:inline-block; width:55px; vertical-align:middle;}
.course-view .course-apply .apply-form.ol dl dd .srch-area .srch-list .screen ul li select {height:22px; font-size:12px; border-radius:2px;}
.course-view .course-apply .apply-form.ol dl dd .srch-area .srch-list a.select {position:absolute; right:50px; bottom:5px; display:inline-block; width:40px; line-height:20px; font-size:12px; text-align:center; color:#fff; background-color:#497abf; border-radius:2px;}

.course-view .stlm-tagt {position:fixed; left:0; top:0; display:none; width:100%; height:100vh; border-style:none; background-color:rgba(0, 0, 0, 0.7); z-index:999;}
.course-view .stlm-tagt.on {display:block;}

.course-article {font-size:13px; line-height:15px;}
.course-article .search {position:relative; text-align:right;}
.course-article .search input[type='text'] {width:120px; height:25px; padding:5px; font-size:13px; border:1px solid #ccc; border-radius:2px; box-sizing:border-box; vertical-align:middle;}
.course-article .search input[type='submit'] {width:60px; height:25px; font-size:12px; color:#fff; border-style:none; background-color:#333; border-radius:2px; cursor:pointer; vertical-align:middle;}
.course-article .search strong {position:absolute; left:0; top:0; display:inline-block; line-height:25px; font-weight:normal;}
.course-article .search strong em {font-style:normal; font-weight:bold;}
.course-article .article {margin-top:15px;}
.course-article .article ul li {padding:15px 0; border-bottom:1px solid #ddd;}
.course-article .article ul li:first-child {border-top:2px solid #497abf;}
.course-article .article ul li.empty {line-height:150px; text-align:center; border-style:none; background-color:#f6f6f6;}
.course-article .article ul li a {display:block; font-size:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.course-article .article ul li a span {color:#008000;}
.course-article .article ul li em {display:block; margin-top:10px; font-style:normal; color:#888;}
.course-article .article ul li em strong {color:#333;}
.course-article .article ul li em span {color:#497abf;}
.course-article .article ul li em span.ing {color:#ff4500;}
.course-article .article ul li em span.comment {display:inline-block; padding-left:19px; margin-left:6px; color:#888; background:url(../images/ic_comment.png) no-repeat left center; background-size:15px 15px; vertical-align:middle;}
.course-article .article ul li em img {display:inline-block; margin-left:6px; vertical-align:middle;}
.course-article .button {position:relative; margin-top:15px; text-align:right;}
.course-article .button input {width:80px; height:30px; font-size:12px; color:#fff; border-style:none; background-color:#497abf; border-radius:2px; cursor:pointer; vertical-align:middle;}
.course-article .button input.before {background-color:#333;}
.course-article .button input.delete {position:absolute; left:0; top:0; color:#333; border:1px solid #ddd; background-color:#fff;}
.course-article .button input.delete:hover {color:#ff225b; border-color:#ff225b;}
.course-article .input table {width:100%; border-top:1px solid #ddd;}
.course-article .input table tr th {padding:10px; border:1px solid #ddd; border-top-style:none; background-color:#f6f6f6;}
.course-article .input table tr td {padding:10px; border:1px solid #ddd; border-top-style:none; border-left-style:none;}
.course-article .input table tr.content td {line-height:25px;}
.course-article .input table tr td input[type='text'] {width:100%; height:28px; padding:0 5px; font-size:13px; border:1px solid #ddd; box-sizing:border-box;}
.course-article .input table tr td textarea {width:100%; height:250px; padding:5px; font-size:13px; border:1px solid #ddd; overflow:auto; box-sizing:border-box;}
.course-article .input table tr td select {max-width:100%; height:28px; font-size:13px;}
.course-article .input table tr td a.attach {display:inline-block; padding-left:15px; background:url(../images/ic_down.png) no-repeat left center; vertical-align:middle;}
.course-article .input table tr td input[type='button'] {width:60px; height:28px; font-size:12px; border:1px solid #ddd; background-color:#fff; cursor:pointer;}
.course-article .input table tr td input[type='button']:hover {color:#ff225b; border-color:#ff225b;}
.course-article .comment h2 {padding-left:10px; margin:25px 0 15px 0; font-size:13px; line-height:15px; background:url(../images/bg_h3.png) no-repeat left center;}
.course-article .comment .text:after {clear:both; display:block; content:'';}
.course-article .comment .text input[type='text'] {
	float:left;
	width:calc(100% - 65px);
	width:-moz-calc(100% - 65px);
	width:-webkit-calc(100% - 65px);
	height:28px;
	padding:0 5px;
	font-size:13px;
	border:1px solid #ddd;
	box-sizing:border-box;
}
.course-article .comment .text input[type='button'] {float:left; width:60px; height:28px; margin-left:5px; font-size:12px; color:#fff; border-style:none; background-color:#333; border-radius:2px; cursor:pointer;}
.course-article .comment .comment-list {margin-top:15px;}
.course-article .comment .comment-list ul li {padding:15px 0; border-bottom:1px solid #ddd;}
.course-article .comment .comment-list ul li:first-child {padding-top:0;}
.course-article .comment .comment-list ul li:last-child {border-bottom-style:none;}
.course-article .comment .comment-list ul li.empty {padding:0; line-height:100px; text-align:center; border-style:none; background-color:#f6f6f6;}
.course-article .comment .comment-list ul li strong {display:block; margin-bottom:5px;}
.course-article .comment .comment-list ul li strong em {display:inline-block; margin-left:6px; color:#999; font-style:normal; font-weight:normal; vertical-align:middle;}
.course-article .comment .comment-list ul li strong a {display:inline-block; width:14px; height:14px; margin-left:6px; font-size:0; line-height:0; background:url(../images/ic_delete.png) no-repeat center center; vertical-align:middle;}
.course-article .comment .comment-list ul li strong small {display:inline-block; width:14px; height:14px; margin-right:3px; font-size:0; line-height:0; background:url(../images/ic_gold_medal.png) no-repeat center center; background-size:contain; vertical-align:middle;}
.course-article .comment .comment-list ul li span {display:block; margin-top:10px;}
.course-article .comment .comment-list ul li span a.recom {display:inline-block; padding-left:19px; line-height:14px; color:#888; background:url(../images/ic_like.png) no-repeat left center;}
.course-article .comment .comment-list ul li span a.choose {display:inline-block; padding-left:20px; margin-left:10px; line-height:14px; color:#888; background:url(../images/ic_gold_medal_add.png) no-repeat left center; background-size:14px 14px;}

/*
.course-view .view.pl .course-info {min-height:100px; padding-left:80px;}
.course-view .view.pl .course-info img {width:65px; height:100px;}
*/
.course-view .view.pl .course-info .button input.apply {width:100%; margin-left:0;}

.course-view .view.ol .course-info dl.price dd {color:#333; font-weight:normal;}
.course-view .view.ol .course-info dl.price dd strong {display:inline; margin:0; line-height:15px; color:#6376d3; font-weight:bold;}
.course-view .view.ol .course-info dl.price dd .desc {margin-top:5px; color:#888;}
.course-view .view.ol .course-info dl.price dd .desc a {display:block; padding:5px; margin-top:5px; text-align:center; border:1px solid #ddd; border-radius:2px;}
.course-view .view.ol .course-info dl.price dd .desc a:hover {border-color:#ff225b;}
.course-view .view.ol .course-info dl.price dd .desc iframe {display:none;}
.course-view .view.ol .course-info dl.price dd .desc.layer a.close {display:none;}
.course-view .view.ol .course-info dl.guide {margin-bottom:5px;}
.course-view .view.ol .course-info dl.guide dt {line-height:25px;}
.course-view .view.ol .course-info dl.guide dd:after {clear:both; display:block; content:'';}
.course-view .view.ol .course-info dl.guide dd a {
	float:left;
	display:block;
	width:calc((100% - 10px) / 3);
	width:-moz-calc((100% - 10px) / 3);
	width:-webkit-calc((100% - 10px) / 3);
	margin-left:5px;
	line-height:25px;
	font-size:13px;
	text-align:center;
	color:#fff;
	background-color:#333;
	border-radius:2px;
	box-sizing:border-box;
}
.course-view .view.ol .course-info dl.guide dd a:first-child {margin-left:0;}
.course-view .view.ol .course-info dl.guide dd a:hover {background-color:#000;}
.course-view .view.ol .course-info dl.period dt {line-height:26px;}
.course-view .view.ol .course-info .button input.apply {width:100%; margin-left:0;}
.course-view .view.ol .course-info .button input.apply:disabled {background-color:#888; cursor:default;}
.course-view .view.ol .course-tab-b dl dd input.apply:disabled {background-color:#888; cursor:default;}
.course-view .view.ol .course-detail .text dl.attend ul li {color:#ff4500; background-image:url(../images/bg_li_b_hover.png);}

@media all and (min-width:800px) {
	.course-article .search input[type='text'] {width:150px;}
	.course-article .input table .wx80 {width:120px;}
	.course-article .input table tr td textarea {height:350px;}
}

.addListFavor {
	position: relative;
	height:10px;
	width: 10px;
	border: 0;
	z-index: 100;
	background-size: 100% 100%;
	background-color: transparent;
}

.addListFavor.on{
	background-image:url(../images/course/favorite_on.png);
}

.addListFavor.off {
	background-image: url(../images/course/favorite_off.png);
}

.addViewFavor {
	position: relative;
	height:15px;
	width: 15px;
	top: 3px;
	border: 0;
	z-index: 100;
	background-size: 100% 100%;
	background-color: transparent;
}

.addViewFavor.on{
	background-image:url(../images/course/favorite_on.png);
}

.addViewFavor.off{
	background-image:url(../images/course/favorite_off.png);
}
input.before:hover {background-color:#333;}
@media all and (min-width:1200px) {
	.course-list .main-area {padding:0;}
	.course-list .tab {margin-bottom:0;}
	.course-list .tab ul li {width:200px;}
	.course-list .tab ul li:first-child {width:200px;}
	.course-list .tab ul li a {line-height:50px;}
	.course-list .category {display:none;}
	.course-list .search {margin-top:25px; text-align:right;}
	.course-list .search break {display:none;}
	.course-list .search select {float:none; margin-left:0;}
	.course-list .search input[type='text'] {display:inline; width:150px; margin:0;}
	.course-list .search input[type='text'].date {float:none; width:100px; margin:0;}
	.course-list .search input[type='button'] {display:inline; float:none; width:40px; margin-top:0;}
	.course-list .search input[type='button'].list {display:inline-block !important; width:30px !important; font-size:0; line-height:0; border:1px solid #ddd; background-color:#fff; background-repeat:no-repeat; background-position:center center;}
	.course-list .search input[type='button'].list.list-01 {background-image:url(../images/lbs/bg_list_type_01.png);}
	.course-list .search input[type='button'].list.list-01.on {background-image:url(../images/lbs/bg_list_type_01_on.png);}
	.course-list .search input[type='button'].list.list-03 {background-image:url(../images/lbs/bg_list_type_03.png);}
	.course-list .search input[type='button'].list.list-03.on {background-image:url(../images/lbs/bg_list_type_03_on.png);}
	.course-list .search input[type='button'].calendar {float:none; margin:0;}
	.course-list .search strong {position:absolute; left:0; top:0; line-height:30px; display:inline-block; margin-top:0;}
	.course-list .search dl {float:none; display:inline-block;}

	.course-list .item.list-03 ul:after {clear:both; display:block; content:'';}
	.course-list .item.list-03 ul li {
		float:left;
		width:calc((100% - 90px) / 4);
		width:-moz-calc((100% - 90px) / 4);
		width:-webkit-calc((100% - 90px) / 4);
		padding:0;
		padding-top:30px;
		margin-left:30px;
		margin-bottom:30px;
		border-style:none;
		box-sizing:border-box;
	}
	.course-list .item.list-03 ul li.n {padding-top:0;}
	.course-list .item.list-03 ul li.f,
	.course-list .item.list-03 ul li:first-child {clear:both; margin-left:0;}
	.course-list .item.list-03 ul li.f:before {
		display:block;
		content:'';
		position:absolute;
		left:0;
		top:0;
		width:calc(400% + 90px);
		width:-moz-calc(400% + 90px);
		width:-webkit-calc(400% + 90px);
		height:1px;
		border-top:1px dotted #ccc;
	}
	.course-list .item.list-03 ul li.empty {width:100% !important; margin-left:0;}
	.course-list .item.list-03 ul li a {height:auto; padding:0;}
	.course-list .item.list-03 ul li a img {position:static; width:100%; height:214px; margin-bottom:15px;}
	.course-list .item.list-03 ul li a s {position:static; width:100%; height:214px; margin-bottom:15px;}
	.course-list .item.list-03 ul li a em small.attend {top:30px;}
	.course-list .item.list-03 ul li a em small.attend.f {top:0;}
	/*.course-list .item.list-03 ul li input {position:static; width:100%; height:40px; margin-top:10px; letter-spacing:0;}*/
	.course-list .item.list-03 ul li input {display:none;}

	/* 이러닝 itme.list-04 */
	.course-list .item.list-04 ul:after {clear:both; display:block; content:'';}
	.course-list .item.list-04 ul li {
		float:left;
		width:calc((100% - 90px) / 4);
		width:-moz-calc((100% - 90px) / 4);
		width:-webkit-calc((100% - 90px) / 4);
		padding:0;
		padding-top:30px;
		margin-left:30px;
		margin-bottom:30px;
		border-style:none;
		box-sizing:border-box;
	}
	.course-list .item.list-04 ul li.n {padding-top:0;}
	.course-list .item.list-04 ul li.f,
	.course-list .item.list-04 ul li:first-child {clear:both; margin-left:0;}
	.course-list .item.list-04 ul li.f:before {
		display:block;
		content:'';
		position:absolute;
		left:0;
		top:0;
		width:calc(400% + 90px);
		width:-moz-calc(400% + 90px);
		width:-webkit-calc(400% + 90px);
		height:1px;
		border-top:1px dotted #ccc;
	}
	.course-list .item.list-04 ul li.empty {width:100% !important; margin-left:0;}
	.course-list .item.list-04 ul li a {height:auto; padding:0;}
	.course-list .item.list-04 ul li a img {position:static; width:100%; height:164px;}
	.course-list .item.list-04 ul li a sel {position:static; width:100%; height:164px;border-top-left-radius: 10px 10px; border-top-right-radius: 10px 10px;}
	.course-list .item.list-04 ul li a spl {position:static; width:100%; height:164px;border-top-left-radius: 10px 10px; border-top-right-radius: 10px 10px;}
	.course-list .item.list-04 ul li a p {min-height: 90px;
		background-color: #FAFAFA;
		padding: 15px;
		border-bottom-left-radius: 10px 10px;
		border-bottom-right-radius: 10px 10px;
		box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2), 0 2px 6px 0 rgba(0,0,0,0.19);
	}

	.addListFavor {
		position: absolute;
		height:10px;
		width: 12px;
		bottom: 10px;
		right:10px;
		border: 0;
		padding: 0;
		z-index: 100;
		background-size: 100% 100%;
		background-color: transparent;
	}

	.addListFavor.on{
		background-image:url(../images/course/favorite_on.png);
	}

	.addListFavor.off {
		background-image: url(../images/course/favorite_off.png);
	}

	.addViewFavor {
		position: relative;
		height:15px;
		width: 18px;
		top: 3px;
		border: 0;
		z-index: 100;
		background-size: 100% 100%;
		background-color: transparent;
	}

	.addViewFavor.on{
		background-image:url(../images/course/favorite_on.png);
	}

	.addViewFavor.off {
		background-image: url(../images/course/favorite_off.png);
	}

	.course-list .item.list-04 ul li a p strong { font-weight: 600; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.course-list .item.list-04 ul li a em small.attend {top:30px;}
	.course-list .item.list-04 ul li a em small.attend.f {top:0;}
	.course-list .item.list-04 ul li input {display:none;}

	.course-list .list.el .search select[name='paramMap.order_field'],
	.course-list .list.el .search select[name='paramMap.record_count_per_page'] {display:inline; min-width:auto;}
	.course-list .list.el .search dl {width:150px; margin-left:0;}

	.course-list .list.pl .search select[name='paramMap.order_field'],
	.course-list .list.pl .search select[name='paramMap.record_count_per_page'] {display:inline; min-width:auto;}
	.course-list .list.pl .search dl {width:150px; margin-left:0;}

	.course-list .list.ol .search select[name='paramMap.order_field'],
	.course-list .list.ol .search select[name='paramMap.record_count_per_page'] {display:inline; min-width:auto;}
	.course-list .list.ol .search dl {width:150px; margin-left:0;}
	/*
	.course-list .list.pl .item.list-03 ul li {
		width:calc((100% - 120px) / 5);
		width:-moz-calc((100% - 120px) / 5);
		width:-webkit-calc((100% - 120px) / 5);
	}
	.course-list .list.pl .item.list-03 ul li.f,
	.course-list .list.pl .item.list-03 ul li:first-child {clear:both; margin-left:0;}
	.course-list .list.pl .item.list-03 ul li.f:before {
		width:calc(500% + 120px);
		width:-moz-calc(500% + 120px);
		width:-webkit-calc(500% + 120px);
	}
	.course-list .list.pl .item.list-03 ul li a {height:auto; padding-left:0;}
	.course-list .list.pl .item.list-03 ul li a img {width:100%; height:285px;}
	*/

	.course-list.total-search .search select,
	.course-list.total-search .search input {display:inline;}
	.course-list.total-search .search input[type='text'] {width:120px;}
	.course-list.total-search .search input[type='text'].date {width:90px;}
	.course-list.total-search .search dl {display:inline-block; width:120px;}

	.course-view .main-area {padding:0;}
	.course-view .course-info {min-height:260px; padding:25px; padding-left:335px; border:1px solid #ddd; border-radius:10px 0 10px 0;}
	.course-view .course-info input.before {display:inline-block; position:absolute; right:10px; top:10px; width:38px; height:30px; font-size:0; line-height:0; color:#fff; border-style:none; background:#aaa url(../images/ic_back.png) no-repeat center center; background-size:18px 14px; border-radius:5px; cursor:pointer;}
	.course-view .course-info input.before:hover {background-color:#333;}
  input.before:hover {background-color:#333;}
	.course-view .course-info img {left:25px; top:25px; width:270px; height:auto;}
	.course-view .course-info s {left:25px; top:25px; width:270px;}
	.course-view .course-info dl {padding-left:70px; margin-top:0; font-size:14px; line-height:25px; letter-spacing:0;}
	.course-view .course-info dl ul li {margin-top:0;}
	.course-view .course-info .button {position:absolute; right:25px; bottom:25px; margin-top:0;}
	.course-view .course-info .button input {width:120px; height:40px;}
	.course-view .course-info .sns {left:auto; top:25px; right:25px; width:auto; text-align:left;}
	.course-view .course-info .sns a {display:inline-block; width:26px; height:26px; font-size:0; line-height:0; background-repeat:no-repeat; background-position:center center; background-size:26px 26px; vertical-align:middle;}
	.course-view .course-info .sns a.url {width:auto; padding:0 10px; font-size:12px;}
	.course-view .course-info .sns a.url em {display:inline;}
	.course-view .course-detail {padding-top:0; margin-top:50px; border-top-style:none;}
	.course-view .course-detail h2 {padding-left:15px; margin-top:50px; margin-bottom:15px; font-size:18px; line-height:20px; background-size:5px 18px;}
	.course-view .course-detail h2:first-child {margin-top:0;}
	.course-view .course-detail .text {padding-left:2px; font-size:15px; line-height:20px;}
	.course-view .course-detail .text:after {clear:both; display:block; content:'';}
	.course-view .course-detail .text dl {padding-left:85px; margin-top:10px;}
	.course-view .course-detail .text dl dt {padding-left:13px;}
	.course-view .course-detail .text h3 {padding-left:13px; font-size:15px; line-height:20px;}
	.course-view .course-detail .text .more {padding-left:13px; line-height:25px;}
	.course-view .course-detail .text .more span,
	.course-view .course-detail .text .more p {font-size:15px !important;}
	.course-view .course-detail .text ul li {padding-left:13px; line-height:25px; background-position:left 9px;}
	.course-view .course-detail .text dl dd ul li {line-height:20px;}
	.course-view .course-detail .text dl dd ul li em {line-height:20px;}
	.course-view .course-detail .text table.book tr th {font-size:13px;}
	.course-view .course-detail .text table.book tr td {font-size:15px; line-height:20px;}
	.course-view .course-detail .text table.book tr th img {width:100px;}
	.course-view .course-detail .text table.book .wx100 {width:100px;}
	.course-view .course-detail .text.screen {height:auto; overflow:visible;}
	.course-view .course-detail .text.screen ul {width:auto !important;}
	.course-view .course-detail .text.screen ul li {
		width:calc((100% - 90px) / 4);
		width:-moz-calc((100% - 90px) / 4);
		width:-webkit-calc((100% - 90px) / 4);
		margin-left:30px;
	}
	.course-view .course-detail .text.screen ul li a img {width:100%; height:214px;}

	.course-view .course-tab-h {position:fixed; left:0; top:0; width:100%; height:50px; border-bottom:1px solid #ddd; background-color:#fff; z-index:910;} /* [!] 어울리지 않습니다. */
	.course-view .course-tab-h.on {display:block;}
	.course-view .course-tab-h dl { margin:0 auto;}
	.course-view .course-tab-h dl:after {clear:both; display:block; content:'';}
	.course-view .course-tab-h dl dt {float:left; font-size:18px; line-height:50px; font-weight:bold;}
	.course-view .course-tab-h dl dd {float:right;}
	.course-view .course-tab-h dl dd ul:after {clear:both; display:block; content:'';}
	.course-view .course-tab-h dl dd ul li {float:left; width:120px;}
	.course-view .course-tab-h dl dd ul li a {display:block; line-height:48px; text-align:center; border-bottom:2px solid #fff;}
	.course-view .course-tab-h dl dd ul li.on a {border-bottom-color:#497abf;}
	.course-view .course-tab-b {height:90px;}
	.course-view .course-tab-b dl { margin:0 auto;}
	.course-view .course-tab-b dl dd {padding:25px 0;}
	.course-view .course-tab-b dl dd select {position:static; max-width:auto; height:40px;}
	.course-view .course-tab-b dl dd input {width:120px; height:40px;}
	.course-view .course-tab-b dl dd input.preview {display:inline-block; margin-left:1px;}
	.course-view .course-tab-b dl dd input.apply {margin-left:1px;}

	.course-view .course-alert .alert-content {width:550px;margin:0 auto; margin-top:100px;}
	.course-view .course-apply .apply-header {width:600px; margin:0 auto; margin-top:152px;}
	.course-view .course-apply .apply-button {width:600px; margin:0 auto;}
	.course-view .course-apply .apply-button input {height:40px;}
	.course-view .course-apply .apply-form {
		width:600px;
		max-height:calc(100vh - 425px);
		max-height:-moz-calc(100vh - 425px);
		max-height:-webkit-calc(100vh - 425px);
		padding-bottom:0;
		margin:0 auto;
	}
	.course-view .course-apply .apply-form .tab ul li a {line-height:40px;}
	.course-view .course-apply .apply-form dl {margin-top:0;}
	.course-view .course-apply .apply-form dl.f {margin-top:5px; border-top:1px solid #ddd;}
	.course-view .course-apply .apply-form dl.f.n {margin-top:0;}
	.course-view .course-apply .apply-form dl:after {clear:both; display:block; content:'';}
	.course-view .course-apply .apply-form dl dt {float:left; width:100px; padding:5px; padding-left:10px; font-weight:bold; line-height:25px; border:1px solid #ddd; border-top-style:none; background-color:#f6f6f6; box-sizing:border-box;}
	.course-view .course-apply .apply-form dl dd {
		float:left;
		width:calc(100% - 100px);
		width:-moz-calc(100% - 100px);
		width:-webkit-calc(100% - 100px);
		padding:5px;
		margin:0;
		line-height:25px;
		border:1px solid #ddd;
		border-top-style:none;
		border-left-style:none;
		box-sizing:border-box;
	}
	.course-view .course-apply .apply-form dl dd input {max-width:250px; vertical-align:middle;}
	.course-view .course-apply .apply-form dl dd input[type='text'].line {display:inline; margin-top:0;}
	.course-view .course-apply .apply-form dl.addr dt {height:96px; line-height:85px;}
	.course-view .course-apply .apply-form dl.addr dd {height:96px;}
	.course-view .course-apply .apply-form dl.rfnd dt {height:66px; line-height:55px;}
	.course-view .course-apply .apply-form dl.rfnd dd {height:66px;}
	.course-view .course-apply .apply-form dl.cfee dt {height:76px; line-height:65px;}
	.course-view .course-apply .apply-form dl.cfee dd {height:76px;}
	/*
	.course-view .course-apply .apply-form dl.addr dd input[type='text'] {width:100%; margin-top:5px;}
	.course-view .course-apply .apply-form dl.addr dd input[type='text']:first-child {margin-top:0;}
	*/
	.course-view .course-apply .apply-form dl.textarea dt,
	.course-view .course-apply .apply-form dl.textarea dd {height:162px;}
	.course-view .course-apply .apply-form .srvy-info ul li {float:left; width:50%;}
	.course-view .course-apply .apply-form .srvy-info ul.line li {float:none; width:auto;}
	.course-view .course-apply .apply-form .srvy-info ul.line li ul li {float:left; width:50%;}

	.course-view .course-apply.www .apply-header {margin-top:50px;}
	.course-view .course-apply.www .apply-form {
		max-height:calc(100vh - 256px);
		max-height:-moz-calc(100vh - 256px);
		max-height:-webkit-calc(100vh - 256px);
		padding-bottom:15px;
	}
	.course-view .course-apply.www .apply-button {margin-bottom:50px;}

	/*
	.course-view .view.pl .course-info {min-height:150px; padding-left:160px;}
	.course-view .view.pl .course-info img {width:110px; height:150px;}
	*/
	.course-view .view.pl .course-info .button input.apply {width:120px;}

	.course-view .view.ol .course-info dl.price dd {position:relative;}
	.course-view .view.ol .course-info dl.price dd strong {line-height:25px;}
	.course-view .view.ol .course-info dl.price dd .desc {position:relative; margin-top:0; font-size:13px; line-height:18px;}
	.course-view .view.ol .course-info dl.price dd .desc:after {clear:both; display:block; content:'';}
	.course-view .view.ol .course-info dl.price dd .desc a {position:absolute; right:15px; top:21px; display:inline-block; padding:5px 10px; margin-top:0; font-size:13px; line-height:15px;}
	.course-view .view.ol .course-info dl.price dd .desc iframe {display:block; width:100%; min-height:226px; margin-top:15px; border-style:none;}
	.course-view .view.ol .course-info dl.price dd a.help {display:inline; padding:4px 10px 4px 10px; margin-left:10px;}
	.course-view .view.ol .course-info dl.price dd .desc.layer {position:absolute; left:0; top:30px; display:none; width:100%; padding:25px; border:4px solid #ddd; background-color:#fff; border-radius:0 0 5px 5px; box-sizing:border-box; z-index:10;}
	.course-view .view.ol .course-info dl.price dd .desc.layer.on {display:block;}
	.course-view .view.ol .course-info dl.price dd .desc.layer a.close {top:auto; right:-4px; bottom:-25px; display:inline-block; width:auto; padding:0; line-height:20px; border-style:none;}
	.course-view .view.ol .course-info dl.guide {margin-top:5px;}
	.course-view .view.ol .course-info dl.guide dd a {width:120px;}
	.course-view .view.ol .course-info dl.period {margin-top:5px;}
	.course-view .view.ol .course-info .button input.apply {width:120px;}
	.course-view .view.ol .course-detail .text dl.attend ul li {background-position:left 11px;}
}

/* 교육 */
.edu-list .tab {padding:15px; padding-bottom:0;}
.edu-list .tab ul {border-bottom:1px solid #699be0;}
.edu-list .tab ul:after {clear:both; display:block; content:'';}
.edu-list .tab ul li {position:relative; float:left; width:33%;}
.edu-list .tab ul li:first-child {width:34%;}
.edu-list .tab ul li a {display:block; line-height:40px; text-align:center; border:1px solid #ddd; border-left-style:none; border-bottom-style:none; box-sizing:border-box;}
.edu-list .tab ul li:first-child a {border-left-style:solid; border-top-left-radius:5px;}
.edu-list .tab ul li:last-child a {border-top-right-radius:5px;}
.edu-list .tab ul li.on a,
.edu-list .tab ul li a:hover {color:#fff; border-color:#699be0; background-color:#699be0;}
.edu-list .tab ul li.on em {
	position:absolute;
	left:calc((100% - 11px) / 2);
	left:-moz-calc((100% - 11px) / 2);
	left:-webkit-calc((100% - 11px) / 2);
	bottom:-6px;
	display:block;
	width:11px;
	height:6px;
	font-size:0;
	line-height:0;
	content:'here';
	background:url(../images/ic_arrow_bottom_5.png) no-repeat center center;
}
.edu-list .page-list {padding:15px;}
.edu-list .page-list h3 {padding-left:15px; padding-bottom:15px; font-size:18px; line-height:20px; border-bottom:1px solid #ddd; background:url(../images/bg_h2.png) no-repeat left 1px;}
.edu-list .page-list ul li {padding-top:15px; margin-top:15px; border-top:1px dotted #ccc;}
.edu-list .page-list ul li:first-child {padding-top:0; margin-top:0; border-top-style:none;}
.edu-list .page-list ul li.empty {line-height:250px; text-align:center; background-color:#f6f6f6;}
.edu-list .page-list ul li dl dt strong {display:block; line-height:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.edu-list .page-list ul li dl dt em {display:inline-block; color:#fff; vertical-align:middle; font-style:normal; font-weight:normal; font-size:12px; line-height:20px;}
.edu-list .page-list ul li dl dt em.course {padding:0 5px; background-color:#00ccff; border-radius:2px;}
.edu-list .page-list ul li dl dt em.course.PL {background-color:#ff4500;}
.edu-list .page-list ul li dl dt em.course.OL {background-color:#ffa0aa;}
.edu-list .page-list ul li dl dt em.course.refund {background-color:#008000;}
.edu-list .page-list ul li dl dt em.course.notice {background-color:#7c53d9;}
.edu-list .page-list ul li dl dd {margin-top:10px; font-size:13px;}
.edu-list .page-list ul li dl dd:after {clear:both; display:block; content:'';}
.edu-list .page-list ul li dl dd em.desc {font-style:normal; color:#888;}
.edu-list .page-list ul li dl dd em.cmpl {display:inline-block; padding:5px; font-size:12px; line-height:12px; font-style:normal; color:#fff; background-color:#7c53d9; border-radius:3px;}
.edu-list .page-list ul li dl dd em.cmpl.cmpl-03 {background-color:#ff4500;}
.edu-list .page-list ul li dl dd.box {padding:10px; border:1px solid #ddd; background-color:#f6f6f6;}
.edu-list .page-list ul li dl dd.box em {float:left; display:block; width:50%; padding-left:8px; line-height:25px; font-style:normal; background:url(../images/bg_li_m.png) no-repeat left center; box-sizing:border-box;}
.edu-list .page-list ul li dl dd.box em.n {background-image:none;}
.edu-list .page-list ul li dl dd.box em.point {width:100%; margin-top:5px; background-color:#fff; background-image:none;}
.edu-list .page-list ul li dl dd.box em.point strong {color:#ff4500;}
.edu-list .page-list ul li dl dd.box.pl ul li {padding:0; margin-top:5px; border-style:none;}
.edu-list .page-list ul li dl dd.box.pl ul li:after {clear:both; display:block; content:'';}
.edu-list .page-list ul li dl dd.box.pl ul li strong {display:block; padding-left:8px; background:url(../images/bg_li_p.png) no-repeat left center;}
.edu-list .page-list ul li dl dd.box.pl ul li em strong {display:inline; padding-left:0; background-image:none;}
.edu-list .page-list ul li dl dd.box.pl ul li em strong.m {display:none;}
.edu-list .page-list ul li dl dd.button input {
	float:left;
	width:calc((100% - 15px) / 4);
	width:-moz-calc((100% - 15px) / 4);
	width:-webkit-calc((100% - 15px) / 4);
	height:30px;
	margin-left:5px;
	font-size:13px;
	border:1px solid #ddd;
	background-color:#fff;
	cursor:pointer;
}
.edu-list .page-list ul li dl dd.button input:hover {color:#ff225b; border-color:#ff225b;}
.edu-list .page-list ul li dl dd.button input:first-child {margin-left:0;}
.edu-list .page-list ul li dl dd.button input.study {float:right; margin-left:0; color:#fff; border-color:#333; background-color:#333;}
.edu-list .page-list ul li dl dd.button input.study:hover {border-color:#000; background-color:#000;}

.edu-list .inquiry .empty {line-height:100px; text-align:center; border:1px solid #ddd; background-color:#f6f6f6;}
.edu-list .inquiry dl {margin-top:15px; line-height:15px;}
.edu-list .inquiry dl:first-child {margin-top:0;}
.edu-list .inquiry dl dt {padding-left:8px; font-weight:bold; background:url(../images/bg_li.png) no-repeat left center;}
.edu-list .inquiry dl dd {padding-left:8px; margin-top:5px;}
.edu-list .inquiry dl dd strong {display:block; margin-bottom:5px; font-weight:normal;}
.edu-list .inquiry dl.pl dd {padding-left:0; margin-top:0;}
.edu-list .inquiry dl.pl dd ol li {padding-left:8px; margin-top:10px; line-height:20px; background:url(../images/bg_li.png) no-repeat left 8px;}
.edu-list .inquiry dl.pl dd ol li:first-child {margin-top:0;}
.edu-list .inquiry dl.pl dd ol li span {color:#497abf; font-size:13px !important;}

@media all and (min-width:1200px) {
	.edu-list .tab {padding:0; margin-top:50px;}
	.edu-list .tab.f {margin-top:0;}
	.edu-list .tab ul li {width:200px;}
	.edu-list .tab ul li:first-child {width:200px;}
	.edu-list .tab ul li a {line-height:50px; border-bottom-style:none;}
	.edu-list .page-list {padding:0; margin-top:25px;}
	.edu-list .page-list ul li dl dd.box em {width:20%;}
	.edu-list .page-list ul li dl dd.box em.point {width:20%; margin-top:0; background-color:transparent; background-image:url(../images/bg_li.png);}
	.edu-list .page-list ul li dl dd.box.pl ul li strong {display:none;}
	.edu-list .page-list ul li dl dd.box.pl ul li em strong {display:inline;}
	.edu-list .page-list ul li dl dd.box.pl ul li em strong.m {display:inline-block; margin-right:5px;}
	.edu-list .page-list ul li dl dd.box.pl ul li {position:relative;}
	.edu-list .page-list ul li dl dd.box.pl ul li em.point {position:absolute; right:0; bottom:0;}
	.edu-list .page-list ul li dl dd.box.pl ul li em.point-2 { line-height:55px; }
	.edu-list .page-list ul li dl dd.box.pl ul li em.point-3 { line-height:85px; }
	.edu-list .page-list ul li dl dd.box.pl ul li em.point-4 { line-height:115px; }
	.edu-list .page-list ul li dl dd.box.pl ul li em.point-5 { line-height:145px; }
	.edu-list .page-list ul li dl dd.box.pl ul li em.point-6 { line-height:175px; }
	.edu-list .page-list ul li dl dd.box.pl ul li em.point-7 { line-height:205px; }
	.edu-list .page-list ul li dl dd.box.pl ul li em.point-8 { line-height:235px; }
	.edu-list .page-list ul li dl dd.box.pl ul li em.point-9 { line-height:265px; }
	.edu-list .page-list ul li dl dd.button input {width:100px; height:35px;}
}

.edu-view .study-rule {font-size:13px; line-height:20px;}
.edu-view .study-rule .text {padding:10px; background-color:#f6f6f6;}
.edu-view .study-rule dl {margin-top:15px;}
.edu-view .study-rule dl.f {margin-top:0;}
.edu-view .study-rule dl dt {padding-left:10px; font-weight:bold; background:url(../images/bg_li.png) no-repeat left 8px;}
.edu-view .study-rule dl dd {padding-left:12px; margin-top:5px; margin-left:10px; background:url(../images/bg_li_b.png) no-repeat left 9px;}

.edu-view .detail {padding:15px;}
.edu-view .detail dl dt {position:relative; font-size:18px; line-height:20px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.edu-view .detail dl dt em {display:inline-block; color:#fff; vertical-align:middle; font-style:normal; font-weight:normal; font-size:12px; line-height:20px;}
.edu-view .detail dl dt em.course {padding:0 5px; background-color:#00ccff; border-radius:2px;}
.edu-view .detail dl dt em.course.pl {background-color:#ff4500;}
.edu-view .detail dl dt em.course.ol {background-color:#ffa0aa;}
.edu-view .detail dl dt em.course.refund {background-color:#008000;}
.edu-view .detail dl dt em.course.notice {background-color:#7c53d9;}
.edu-view .detail dl dt input.before {display:none;}
.edu-view .detail dl dd {padding:15px; margin-top:15px; border:1px solid #ddd; background-color:#f6f6f6;}
.edu-view .detail dl dd ul li {margin-top:10px; font-size:13px; line-height:15px;}
.edu-view .detail dl dd ul li:first-child {margin-top:0;}
.edu-view .detail dl dd ul li:after {clear:both; display:block; content:'';}
.edu-view .detail dl dd ul li strong {display:inline-block; width:60px; padding-left:8px; font-weight:normal; color:#000; background:url(../images/bg_li.png) no-repeat left center;}
.edu-view .detail dl dd ul li span {font-weight:bold; color:#ff4500;}
.edu-view .detail dl dd ul li em {float:left; width:50%; font-style:normal;}
.edu-view .detail h3 {padding-left:10px; margin-top:15px; font-size:13px; line-height:15px; background:url(../images/bg_h3.png) no-repeat left center;}
.edu-view .detail table {width:100%; margin-top:15px; border-spacing:0; *border-collapse:collapse;}
.edu-view .detail table tr th {padding:10px 0; font-weight:normal; font-size:12px; line-height:12px; color:#000; border:1px solid #ddd; border-left-style:none; background-color:#f5f7fe;}
.edu-view .detail table tr th:first-child {border-left-style:solid;}
.edu-view .detail table tr td {padding:10px 0; font-size:13px; line-height:13px; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.edu-view .detail table tr td em {display:block; margin-top:5px; font-size:12px; font-style:normal; color:#6376d3;}
.edu-view .detail table tr td em.n {color:#ff4500;}
.edu-view .detail table.book {margin-top:0;}
.edu-view .detail table.book tr th {background-color:#f6f6f6;}
.edu-view .detail table.book tr th[rowspan='5'] {padding:5px;}
.edu-view .detail table.book tr:first-child td {border-top:1px solid #ddd;}
.edu-view .detail table.book tr td {padding-left:5px; text-align:left;}
.edu-view .detail table.book tr th img {width:60px;}
.edu-view .detail table.book .wx100 {width:60px;}
.edu-view .detail table.book.off {display:none;}
.edu-view .detail table.book tr th input {display:block; width:100%; height:26px; margin-top:5px; font-size:12px; line-height:12px; border:1px solid #ddd; background-color:#fff; border-radius:3px; cursor:pointer;}
.edu-view .detail table.book tr th input:hover {color:#ff225b; border-color:#ff225b;}
.edu-view .detail .guide {margin-top:15px;}
.edu-view .detail .guide input {display:block; margin-top:5px; width:100%; height:30px; font-size:13px; border:1px solid #ddd; background-color:#fff; cursor:pointer;}
.edu-view .detail .guide input:first-child {margin-top:0;}
.edu-view .detail .guide input:hover {color:#ff225b; border-color:#ff225b;}
.edu-view .tab {margin-top:15px;}
.edu-view .tab ul:after {clear:both; display:block; content:'';}
.edu-view .tab ul li {float:left; width:20%; font-size:13px; border-bottom:2px solid #ccc;}
.edu-view .tab ul li:hover,
.edu-view .tab ul li.on {border-bottom-color:#497abf;}
.edu-view .tab ul li a {display:block; padding:10px 0; line-height:15px; text-align:center;}
.edu-view .tab ul li:hover a,
.edu-view .tab ul li.on a {color:#497abf;}
.edu-view .tab.tab-0 ul li {width:50%;}
.edu-view .tab.tab-1 ul li {width:33%;}
.edu-view .tab.tab-1 ul li:first-child {width:34%;}
.edu-view .tab.tab-2 ul li {width:25%;}
.edu-view .study-list {margin-top:15px;}
.edu-view .study-list .progress {position:relative; min-height:40px; padding-right:100px;}
.edu-view .study-list .progress ul li {padding-left:8px; margin-top:5px; line-height:15px; font-size:13px; background:url(../images/bg_li_m.png) no-repeat left 6px;}
.edu-view .study-list .progress ul li:first-child {margin-top:0;}
.edu-view .study-list .progress ul li strong {color:#ff4500;}
.edu-view .study-list .progress input {position:absolute; right:0; top:0; width:100px; height:40px; font-size:13px; color:#fff; border:1px solid #497abf; background-color:#497abf; cursor:pointer;}
.edu-view .study-list .progress input:hover {border-color:#2e5a99; background-color:#2e5a99;}
.edu-view .study-list .page-list input[type='checkbox'] {width:13px; height:13px;}
.edu-view .study-list .page-list label {font-size:12px; margin-left:5px; color:#666;}
.edu-view .study-list .page-list ul {}
.edu-view .study-list .page-list ul li {position:relative; padding:15px 0; font-size:13px; line-height:15px; color:#666; border-bottom:1px dotted #ccc;}
.edu-view .study-list .page-list ul li:first-child {border-top:1px solid #ddd;}
.edu-view .study-list .page-list ul li:last-child {padding-bottom:0; border-bottom-style:none;}
.edu-view .study-list .page-list ul li.empty {line-height:100px; text-align:center; border-style:none; background-color:#f6f6f6;}
.edu-view .study-list .page-list ul li a {display:block; margin-right:110px; color:#666;}
.edu-view .study-list .page-list ul li strong {display:block; padding-left:20px; margin-bottom:10px; color:#000; font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url(../images/ic_plus.png) no-repeat 0 0;}
.edu-view .study-list .page-list ul li em {font-style:normal; color:#ff4500;}
.edu-view .study-list .page-list ul li input {position:absolute; right:0; top:15px; width:100px; height:40px; font-size:13px; color:#000; border:1px solid #ccc; background-color:#fff; cursor:pointer;}
.edu-view .study-list .page-list ul li input.retakeApply {position:absolute; right:0; top:30px; width:100px; height:40px; font-size:13px; color:#000; border:1px solid #ccc; background-color:#fff; cursor:pointer;}
.edu-view .study-list .page-list ul li input.retakeResult {position:absolute; right:110px; top:30px; width:100px; height:40px; font-size:13px; color:#000; border:1px solid #ccc; background-color:#fff; cursor:pointer;}
.edu-view .study-list .page-list ul li input.retakeReApply {position:absolute; right:0; top:30px; width:100px; height:40px; font-size:13px; color:#000; border:1px solid #ccc; background-color:#fff; cursor:pointer;}
.edu-view .study-list .page-list ul li input:hover {color:#ff225b; border-color:#ff225b;}
.edu-view .study-list .page-list ul li input[disabled='disabled'] {color:#fff; border-color:#888; background-color:#888; cursor:default;}
.edu-view .study-list .page-list ul li input[value='다시보기'] {background-color:#f9f9f9;}
.edu-view .study-list .page-list ul li span {color:#497abf;}
.edu-view .study-list .page-list ul li span.ing {color:#ff4500;}
.edu-view .study-list .page-list ul li span.pnt {color:#008000;}
.edu-view .study-list .page-list ul li i {display:none; font-style:normal;}
.edu-view .study-list .page-list ul li ul {display:none; padding:15px; padding-top:0; margin-top:15px; background-color:#f6f6f6;}
.edu-view .study-list .page-list ul li ul li {color:#666;}
.edu-view .study-list .page-list ul li ul li strong {padding-left:0; background-image:none;}
.edu-view .study-list .page-list ul li ul li em {position:absolute; right:0; bottom:15px; font-size:11px; line-height:11px; color:#666;}
.edu-view .study-list .page-list ul li ul li input {width:70px; height:23px; font-size:12px;}
.edu-view .study-list .page-list ul li.on {padding-bottom:0;}
.edu-view .study-list .page-list ul li.on a strong {font-weight:bold; background-image:url(../images/ic_minus.png);}
.edu-view .study-list .page-list ul li.on ul {display:block;}
.edu-view .study-list .page-list ul li.on ul li {padding-bottom:15px;}
.edu-view .study-list .page-list ul li.on ul li:last-child {padding-bottom:0;}
.edu-view .study-list .page-list ul li.on ul li:last-child em {bottom:0;}

.edu-view .study-list.review {margin-top:0;}
.edu-view .study-list.review .page-list ul {border-top-style:none;}

.edu-view .study-list.exam {margin-top:0;}
.edu-view .study-list.exam .page-list ul {border-top-style:none;}
.edu-view .study-list.exam .page-list ul li:last-child {padding-bottom:15px; border-bottom:1px solid #ddd;}
.edu-view .study-list.exam .page-list ul li.empty {margin-top:15px; border-bottom-style:none;}
.edu-view .study-list.exam .page-list ul li input {height:55px;}
.edu-view .study-list.exam.survey .page-list ul li:last-child {padding-bottom:0; border-bottom-style:none;}

.edu-view .button {margin-top:15px;}
.edu-view .button:after {clear:both; display:block; content:'';}
.edu-view .button input {
	float:left;
	width:calc((100% - 10px) / 2);
	width:-moz-calc((100% - 10px) / 2);
	width:-webkit-calc((100% - 10px) / 2);
	height:40px;
	margin-right:10px;
	font-size:13px;
	border:1px solid #ccc;
	background-color:#fff;
	cursor:pointer;
}
.edu-view .button input:last-child {margin-right:0;}
.edu-view .button input:hover {color:#ff225b; border-color:#ff225b;}
.edu-view .button input.more {float:none; display:block; width:100%; margin-right:0; margin-bottom:10px; color:#fff; border-color:#333; background-color:#333;}
.edu-view .button input.more:hover {border-color:#000; background-color:#000;}
.edu-view .button input.before {color:#fff; border-color:#333; background-color:#333;}
.edu-view .button input.before:hover {border-color:#000; background-color:#000;}

.edu-view .article {margin-top:15px;}
.edu-view .article:after {clear:both; display:block; content:'';}
.edu-view .article h3 {position:relative;}
.edu-view .article h3 a {position:absolute; right:0; top:0; width:15px; height:15px; font-size:0; line-height:0; background:url(../images/ic_more.png) no-repeat center center; background-size:15px 15px;}
.edu-view .article .list {padding:15px; margin-top:15px; background-color:#f6f6f6;}
.edu-view .article .list ul li {margin-top:10px; font-size:13px; line-height:15px;}
.edu-view .article .list ul li:first-child {margin-top:0;}
.edu-view .article .list ul li.h {display:none;}
.edu-view .article .list ul li a {display:block; position:relative; padding-left:10px; padding-right:80px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url(../images/bg_li.png) no-repeat left center;}
.edu-view .article .list ul li a em {position:absolute; right:0; top:0; font-style:normal;}

.edu-view .study-article dt {font-size:15px; font-weight:bold;}
.edu-view .study-article dd {padding-top:15px; margin-top:15px; border-top:1px dotted #ccc; word-break:break-all;}
.edu-view .study-article dd div.attach {margin-bottom:10px; text-align:right;}
.edu-view .study-article dd div.attach a {display:inline-block; padding-left:15px; background:url(../images/ic_down.png) no-repeat left center;}
.edu-view .study-article dd p,
.edu-view .study-article dd table,
.edu-view .study-article dd img {max-width:100%; width:auto !important; height:auto !important;}

.edu-view .fixed-tab-h,
.edu-view .fixed-tab-b {display:none;}

.edu-view .detail dl.smry dt {display:none;}
.edu-view .detail dl.smry dd {background-color:#f5f7fe;}
.edu-view .detail dl.smry dd a {display:inline-block; padding:0 10px; margin-left:6px; line-height:20px; font-size:12px; border:1px solid #ddd; background-color:#fff; vertical-align:middle; border-radius:2px;}
.edu-view .detail dl.smry dd a:hover {border-color:#ff225b;}
.edu-view .detail dl.smry dd span.blue {color:#497abf;}
.edu-view .detail h3 {position:relative;}
.edu-view .detail h3 small {position:absolute; right:0; bottom:0; display:inline-block; padding:0 7px; font-size:12px; line-height:20px; color:#fff; font-weight:normal; border-radius:2px;}
.edu-view .detail h3 small.status-01 {background-color:#6376d3;}
.edu-view .detail h3 small.status-02 {background-color:#333;}
.edu-view .detail h3 small.status-03 {background-color:#ff225b;}
.edu-view .month {margin-top:15px;}
.edu-view .month ul {margin:0 auto;}
.edu-view .month ul:after {clear:both; display:block; content:'';}
.edu-view .month ul li {float:left; width:80px; padding-left:25px; background:url(../images/ic_arrow_right_3.png) no-repeat 9px center; background-size:7px 12px;}
.edu-view .month ul li:first-child {float:left; padding-left:0 !important; background-image:none;}
.edu-view .month ul li a {display:block; height:80px; line-height:74px; font-size:13px; text-align:center; letter-spacing:-1px; overflow:hidden; border:3px solid #ddd; background-color:#fff; border-radius:40px; box-sizing:border-box;}
.edu-view .month ul li a:hover {border-color:#ff225b;}
.edu-view .month ul li.on a {color:#fff; border-color:#ff225b; background-color:#ff225b;}
.edu-view .month ul li.on a:hover {border-color:#e8053f; background-color:#e8053f;}
.edu-view .month.month-1 ul {width:80px;}
.edu-view .month.month-2 ul {width:185px;}
.edu-view .month.month-3 ul {width:290px;}
.edu-view .month.month-4 ul li {
	width:calc((100% - 75px) / 4);
	width:-moz-calc((100% - 75px) / 4);
	width:-webkit-calc((100% - 75px) / 4);
}
.edu-view .month.month-4 ul li a {height:52px; line-height:46px; border-radius:52px;}
.edu-view .month.month-5 ul li {
	width:calc((100% - 60px) / 5);
	width:-moz-calc((100% - 60px) / 5);
	width:-webkit-calc((100% - 60px) / 5);
	padding-left:15px;
	background-position:5px center;
	background-size:5px 8px;
}
.edu-view .month.month-5 ul li a {height:46px; line-height:42px; border-width:2px; border-radius:23px;}
.edu-view .month.month-6 ul li {
	width:calc((100% - 75px) / 6);
	width:-moz-calc((100% - 75px) / 6);
	width:-webkit-calc((100% - 75px) / 6);
	padding-left:15px;
	background-position:5px center;
	background-size:5px 8px;
}
.edu-view .month.month-6 ul li a {height:35px; line-height:31px; border-width:2px; border-radius:35px; font-size:12px;}
.edu-view .study-list.pl {margin-top:0;}
.edu-view .study-list.pl .page-list {margin-top:15px;}
.edu-view .study-list.pl .page-list ul li:after {clear:both; display:block; content:'';}
.edu-view .study-list.pl .page-list ul li strong {padding-left:0; background-image:none}
.edu-view .study-list.pl .page-list ul li strong em {color:#666;}
.edu-view .study-list.pl .page-list ul li input {position:static; float:left; width:80px; height:25px; margin-right:5px; font-size:12px; border-radius:2px;}
.edu-view .study-list.pl .page-list ul li input.quiz {float:right; width:100px; margin-right:0; color:#fff; border-color:#497abf; background-color:#497abf;}
.edu-view .study-list.pl .page-list ul li input.quiz:hover {border-color:#2e5a99; background-color:#2e5a99;}
.edu-view .study-list.pl .page-list ul li input.quiz.correct {color:#000; border-color:#ccc; background-color:#fff;}
.edu-view .study-list.pl .page-list ul li input.quiz.correct:hover {color:#ff225b; border-color:#ff225b;}
.edu-view .study-list.pl .page-list ul li span.quiz {display:inline-block; float:right; width:100px; line-height:25px; font-size:12px; text-align:center; color:#fff; border-color:#999; background-color:#999; border-radius:2px; box-sizing:border-box;}
.edu-view .study-list.pl .page-list ul li span.quiz.before {color:#888; border:1px solid #ccc; background-color:#fff;}
.edu-view .study-list.pl .button {position:relative; padding-top:0; border-top-style:none;}
.edu-view .study-list.pl .button input {width:100%; height:30px; margin:0 0 5px 0;}
.edu-view .study-list.pl .button input.before {margin-bottom:0;}
.edu-view .study-list.pl .button input.extbtn {width:100%; background-color: #2e5a99; color: #fff;}
.edu-view .study-list.pl .button span {display:inline-block; width:100%; line-height:28px; text-align:center; font-size:13px; border:1px solid #ccc; box-sizing:border-box;}
.edu-view .study-list.pl .button span.n {color:#fff; border-color:#999; background-color:#999;}
.edu-view .study-list.pl .button span.f {color:#888; border-color:#ccc; background-color:#fff;}
.edu-view .study-list.pl .button strong {color:#ff4500; font-size:13px;}
.edu-view .study-list.pl h4 {padding-left:10px; margin-top:15px; font-size:13px; line-height:15px; background:url(../images/bg_h3.png) no-repeat left center;}
.edu-view .study-list.pl .video-list {padding:15px; margin-top:15px; background-color:#f6f6f6; border-radius:5px;}
.edu-view .study-list.pl .video-list ul li {margin-top:5px; font-size:13px; line-height:25px;}
.edu-view .study-list.pl .video-list ul li:first-child {margin-top:0;}
.edu-view .study-list.pl .video-list ul li:after {clear:both; display:block; content:'';}
.edu-view .study-list.pl .video-list ul li strong {display:inline-block; padding-left:10px; font-weight:normal; background:url(../images/bg_li_p.png) no-repeat left center;}
.edu-view .study-list.pl .video-list ul li input {width:115px; height:25px; margin-left:5px; font-size:12px; border-radius:2px; border:1px solid #ccc; background-color:#fff; cursor:pointer;}
.edu-view .study-list.pl .video-list ul li input:hover {color:#ff225b; border-color:#ff225b;}

.edu-view .study-info {position:relative; margin-top:15px; font-size:13px; line-height:15px;}
.edu-view .study-info:after {clear:both; display:block; content:'';}
.edu-view .study-info img {width:100px; height:125px; border:1px solid #f6f6f6; box-sizing:border-box;}
.edu-view .study-info .schedule {
	position:absolute;
	left:115px;
	top:0;
	width:calc(100% - 115px);
	width:-moz-calc(100% - 115px);
	width:-webkit-calc(100% - 115px);
	height:125px;
	padding:15px;
	border:1px solid #ddd;
	background-color:#f5f7fe;
	overflow-y:auto;
	box-sizing:border-box;
	border-radius:5px;
}
.edu-view .study-info .schedule ul li {margin-top:10px;}
.edu-view .study-info .schedule ul li.n {text-decoration:underline;}
.edu-view .study-info .schedule ul li:first-child {margin-top:0;}
.edu-view .study-info .schedule ul li strong {display:inline-block; margin-right:6px; font-weight:normal; color:#497abf; vertical-align:middle;}
.edu-view .study-info .status {padding:15px; margin-top:10px; border:1px solid #ddd; border-radius:5px;}
.edu-view .study-info .status ul li {position:relative; padding-left:70px; margin-top:10px;}
.edu-view .study-info .status ul li:first-child {margin-top:0;}
.edu-view .study-info .status ul li strong {position:absolute; left:0; top:0; display:block; width:50px; padding-left:10px; background:url(../images/bg_li_b.png) no-repeat left center;}
.edu-view .study-info .status ul li input {position:absolute; right:0; top:0; height:20px; padding:0 7px; font-size:12px; color:#fff; border-style:none; background-color:#87755e; border-radius:2px; cursor:pointer; vertical-align:middle;}
.edu-view .study-info .status ul li em {font-style:normal; color:#497abf;}
.edu-view .table-info {margin-top:15px; font-size:13px; line-height:15px;}
.edu-view .table-info ul li {position:relative; padding-top:15px; padding-left:115px; margin-top:15px; border-top:1px dotted #ccc;}
.edu-view .table-info ul li:first-child {margin-top:0; border-top-style:solid;}
.edu-view .table-info ul li img {position:absolute; left:0; top:15px; width:100px; height:125px; border:1px solid #f6f6f6; box-sizing:border-box;}
.edu-view .table-info ul li ol li {padding-top:0; padding-left:0; margin-top:10px; border-top-style:none;}
.edu-view .table-info ul li ol li:first-child {border-top-style:none;}
.edu-view .table-info ul li ol li strong {display:block; padding-left:10px; font-weight:normal; background:url(../images/bg_li_m.png) no-repeat left center;}
.edu-view .table-info ul li ol li em {display:block; padding-left:10px; margin-top:5px; font-style:normal;}
.edu-view .table-info ul li ol li.h strong {color:#497abf; letter-spacing:0.6px;}
.edu-view .table-info ul li ol li dl {margin-top:5px; margin-left:10px;}
.edu-view .table-info ul li ol li dl:after {clear:both; display:block; content:'';}
.edu-view .table-info ul li ol li dl dt {float:left; width:45px; font-size:13px; line-height:15px; font-weight:normal;}
.edu-view .table-info ul li ol li dl dd {float:left; padding:0; margin:0; border-style:none; background-color:transparent;}
.edu-view .quiz-info {overflow-x:auto;}
.edu-view .quiz-info table {width:550px; border-top:1px solid #497abf;}
.edu-view .quiz-info table tr th {border-style:none !important; border-bottom:1px solid #ccc !important;}
.edu-view .quiz-info table tr td {border-style:none; border-bottom:1px solid #ddd;}
.edu-view .quiz-info table tr td span {display:inline-block; width:80px; line-height:25px; font-size:12px; text-align:center; color:#fff; vertical-align:middle; border-radius:3px;}
.edu-view .quiz-info table tr td span.n {background-color:#999;}
.edu-view .quiz-info table tr td span.f {background-color:#497abf;}
.edu-view .quiz-info table tr td .report-button {color:#fff; background-color:#000000; font-size:12px; padding:3px; border:0px; cursor: pointer;}
.edu-view .quiz-info table tr td .report-result-button {color:#fff; background-color:#646464; font-size:12px; padding:3px; border:0px; cursor: pointer;}
.edu-view .desc-info {padding:15px; margin-top:15px; font-size:13px; line-height:15px; border:1px solid #ddd; background-color:#f6f6f6; border-radius:5px;}
.edu-view .desc-info.b {background-color:#fff;}

.edu-view .detail dl.book dt {line-height:25px;}
.edu-view .detail dl.book dt span {position:absolute; right:0; bottom:0;}
.edu-view .detail dl.book dt span input {height:25px; padding:0 7px; font-size:12px; line-height:12px; color:#fff; border-style:none; background-color:#333; border-radius:3px; cursor:pointer;}
.edu-view .detail dl.book dt span input.on {background-color:#497abf;}

@media all and (min-width:1200px) {
	.edu-view .detail {padding:0;}
	.edu-view .detail dl dt {line-height:30px;}
	.edu-view .detail dl dt input.before {display:inline-block; position:absolute; right:0; bottom:0; width:38px; height:30px; font-size:0; line-height:0; color:#fff; border-style:none; background:#aaa url(../images/ic_back.png) no-repeat center center; background-size:18px 14px; border-radius:5px; cursor:pointer;}
	.edu-view .detail dl dt input.before:hover {background-color:#333;}
	.edu-view .detail table.book tr th img {width:100px;}
	.edu-view .detail table.book .wx100 {width:100px;}
	.edu-view .detail .guide {text-align:right;}
	.edu-view .detail .guide input {display:inline-block; margin-top:0; width:auto; padding:0 10px;}
	.edu-view .tab ul li {font-size:15px;}
	.edu-view .tab ul li a {padding:0; line-height:60px;}
	.edu-view .tab ul li a br {display:none;}
	.edu-view .study-list dt {font-size:16px;}
	.edu-view .study-list .page-list ul li i {display:inline;}
	.edu-view .study-list .page-list ul li br {display:none;}
	.edu-view .study-list.exam .page-list ul li input {height:40px;}
	.edu-view .study-list.task .guide {text-align:left;}
	.edu-view .button {position:relative; padding-top:15px; text-align:right; border-top:1px solid #ddd;}
	.edu-view .button.detail {padding-top:0; border-top-style:none;}
	.edu-view .button input {float:none; width:100px; margin-right:6px;}
	.edu-view .button input.more {position:absolute; left:0; top:15px; width:100px;}

	.edu-view .article {background:url(../images/bg_study_article.png) no-repeat left top;}
	.edu-view .article .notice,
	.edu-view .article .attach {
		float:left;
		width:calc((100% - 25px) / 2);
		width:-moz-calc((100% - 25px) / 2);
		width:-webkit-calc((100% - 25px) / 2);
		padding-top:15px;
		margin-left:25px;
	}
	.edu-view .article .notice {margin-left:0;}
	.edu-view .article .attach:after {clear:both; display:block; content:'';}
	.edu-view .article .list {padding:25px;}
	.edu-view .article .list ul li {margin-top:15px;}

	.edu-view .article.one {background-image:none;}
	.edu-view .article.one .notice,
	.edu-view .article.one .attach {float:none; width:100%;}
	.edu-view .article.one .list {background-color:#f6f6f6;}

	.edu-view .fixed-tab-h {position:fixed; left:0; top:0; width:100%; height:50px; border-bottom:1px solid #ddd; background-color:#fff; z-index:910;}
	.edu-view .fixed-tab-h.on {display:block;}
	.edu-view .fixed-tab-h dl { margin:0 auto;}
	.edu-view .fixed-tab-h dl:after {clear:both; display:block; content:'';}
	.edu-view .fixed-tab-h dl dt {float:left; font-size:18px; line-height:50px; font-weight:bold;}
	.edu-view .fixed-tab-h dl dd {float:right;}
	.edu-view .fixed-tab-h dl dd ul:after {clear:both; display:block; content:'';}
	.edu-view .fixed-tab-h dl dd ul li {float:left; width:120px;}
	.edu-view .fixed-tab-h dl dd ul li a {display:block; line-height:48px; text-align:center; border-bottom:2px solid #fff;}
	.edu-view .fixed-tab-h dl dd ul li:hover a,
	.edu-view .fixed-tab-h dl dd ul li.on a {color:#497abf; border-bottom-color:#497abf;}
	.edu-view .fixed-tab-h dl dd ul li a br {display:none;}

	.edu-view .fixed-tab-b {position:fixed; left:0; bottom:0; width:100%; height:90px; border-top:1px solid #ddd; background-color:#f6f6f6; z-index:910;}
	.edu-view .fixed-tab-b.on {display:block;}
	.edu-view .fixed-tab-b dl { margin:0 auto;}
	.edu-view .fixed-tab-b dl:after {clear:both; display:block; content:'';}
	.edu-view .fixed-tab-b dl dt {float:left; padding:30px 0; font-size:15px; line-height:30px;}
	.edu-view .fixed-tab-b dl dt span {font-weight:bold; color:#ff4500;}
	.edu-view .fixed-tab-b dl dd {padding:25px 0; text-align:right;}
	.edu-view .fixed-tab-b dl dd input {width:100px; height:40px; margin-left:5px; font-size:13px; border:1px solid #ddd; background-color:#fff; border-radius:2px; cursor:pointer;}
	.edu-view .fixed-tab-b dl dd input:first-child {margin-left:0;}
	.edu-view .fixed-tab-b dl dd input.before {color:#fff; border-style:none; background-color:#333;}
	.edu-view .fixed-tab-b dl dd input.study {color:#fff; border-style:none; background-color:#497abf;}
	.edu-view .fixed-tab-b dl dd input:hover {color:#ff225b; border-color:#ff225b;}
	.edu-view .fixed-tab-b dl dd input.before:hover {color:#fff; background-color:#000;}
	.edu-view .fixed-tab-b dl dd input.study:hover {color:#fff; background-color:#2e5a99;}

	.edu-view .detail h3.m {margin-top:25px;}
	.edu-view .detail dl.smry dd {position:relative;}
	.edu-view .detail dl.smry dd a {position:absolute; right:15px; bottom:15px; margin-left:0;}
	.edu-view .month {padding:15px; margin-bottom:10px; border:1px solid #f6f6f6; border-radius:0 10px; box-shadow:5px 5px 10px #eee;}
	.edu-view .month ul li {width:80px !important; padding-left:45px !important; background-position:15px center !important; background-size:15px 25px !important;}
	.edu-view .month ul li a {height:80px !important; line-height:74px !important; border-width:4px !important; border-radius:40px !important; font-size:13px !important;}
	.edu-view .month.month-1 ul {width:80px;}
	.edu-view .month.month-2 ul {width:205px;}
	.edu-view .month.month-3 ul {width:330px;}
	.edu-view .month.month-4 ul {width:455px;}
	.edu-view .month.month-5 ul {width:580px;}
	.edu-view .month.month-6 ul {width:705px;}
	.edu-view .study-list.pl .page-list ul li input.quiz {position:absolute; right:0; top:15px; height:50px;}
	.edu-view .study-list.pl .page-list ul li span.quiz {position:absolute; right:0; top:15px; line-height:50px;}
	.edu-view .study-list.pl .button input {width:100px; margin-bottom:0; margin-right:6px;}
	.edu-view .study-list.pl .button input.before {margin-right:0;}
	.edu-view .study-list.pl .button input.extbtn {width:130px; background-color: #2e5a99; color: #fff;}
	.edu-view .study-list.pl .button span {width:100px;}
	.edu-view .study-list.pl .button strong {position:absolute; left:0; bottom:0; line-height:15px;}
	.edu-view .study-list.pl h4 {margin-top:25px; background-image:url(../images/bg_li.png);}

	.edu-view .study-info {padding:15px; border:1px solid #497abf; box-sizing:border-box; border-radius:5px;}
	.edu-view .study-info img {
		float:left;
	}
	.edu-view .study-info .schedule {
		position:static;
		float:left;
		width:calc((100% - 130px) / 2);
		width:-moz-calc((100% - 130px) / 2);
		width:-webkit-calc((100% - 130px) / 2);
		margin-left:15px;
	}
	.edu-view .study-info .status {
		float:left;
		width:calc((100% - 130px) / 2);
		width:-moz-calc((100% - 130px) / 2);
		width:-webkit-calc((100% - 130px) / 2);
		padding:0;
		margin-top:0;
		margin-left:15px;
		border-style:none;
	}
	.edu-view .table-info ul li {height:125px;}
	.edu-view .table-info ul li ol {height:95px; padding:15px; background-color:#f6f6f6; border-radius:5px;}
	.edu-view .table-info ul li ol li {height:auto; margin-top:15px;}
	.edu-view .table-info ul li ol li strong {display:inline-block; width:100px; vertical-align:middle;}
	.edu-view .table-info ul li ol li em {display:inline-block; padding-left:0; margin-top:0; vertical-align:middle;}
	.edu-view .table-info ul li ol li dl {display:inline-block; margin-top:0; margin-left:0; vertical-align:middle;}
	.edu-view .table-info ul li ol li dl dd {width:140px; margin-right:15px; background:url(../images/bg_util.png) no-repeat right center;}
	.edu-view .table-info ul li ol li dl:last-child dd {margin-right:0; background-image:none;}
	.edu-view .quiz-info table {width:100%;}
	.edu-view .quiz-info table .wx80,
	.edu-view .quiz-info table .wx100,
	.edu-view .quiz-info table .wx120 {width:150px;}
}

.edu-view .information dl {margin-top:15px;}
.edu-view .information dl:first-child {margin-top:0;}
.edu-view .information dl dt {padding-left:10px; margin-top:15px; font-size:13px; line-height:15px; font-weight:bold; background:url(../images/bg_h3.png) no-repeat left center;}
.edu-view .information dl dd {margin-top:15px; font-size:13px; line-height:20px; background-color:#fff;}
.edu-view .information dl dd ul li {padding-left:10px; margin-top:10px; line-height:20px; background:url(../images/bg_li.png) no-repeat left 8px;}
.edu-view .information dl dd ul li:first-child {margin-top:0;}
.edu-view .information dl dd ul li em {float:none; width:auto; color:#ff0000;}

.edu-view .player-area h1 {position:relative; padding:15px; padding-left:30px; font-size:18px; line-height:20px; border-bottom:1px solid #ccc; background:#fff url(../images/bg_h2.png) no-repeat 15px 16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.edu-view .player-area h1 em {display:inline-block; position:absolute; right:15px; top:15px; font-size:13px; line-height:20px; font-style:normal;}
.edu-view .player-area h1 em strong {display:inline-block; padding:0 5px; margin-left:6px; font-size:12px; letter-spacing:1px; color:#fff; background-color:#ff4500; vetical-align:middle; border-radius:3px;}
.edu-view .player-area h1 em a {display:inline-block; margin-left:10px; vertical-align:middle;}
.edu-view .player-area h1 em a.conts {display:none; width:40px; line-height:20px; font-size:12px; font-weight:normal; text-align:center; color:#fff; background-color:#333; border-radius:3px;}
.edu-view .player-area h1 em a.conts.on {background-color:#497abf;}
.edu-view .player-area h1 em a.close {width:20px; height:20px; font-size:0; line-height:0; background:url(../images/ic_close.png) no-repeat center center; background-size:contain;}
.edu-view .player-area h1 small {display:inline-block; color:#fff; vertical-align:middle; font-style:normal; font-weight:normal; font-size:12px; line-height:20px;}
.edu-view .player-area h1 small.course {padding:0 5px; background-color:#00ccff; border-radius:2px;}
.edu-view .player-area h1 small.course.pl {background-color:#ff4500;}
.edu-view .player-area h1 small.course.ol {background-color:#ffa0aa;}
.edu-view .player-area h1 small.course.refund {background-color:#008000;}
.edu-view .player-area h1 small.course.notice {background-color:#7c53d9;}
.edu-view .player {
	height:calc(100vh - 81px);
	height:-moz-calc(100vh - 81px);
	height:-webkit-calc(100vh - 81px);
	padding:15px;
	font-size:13px;
	line-height:20px;
	overflow-y:auto;
}
.edu-view .player .video {
	width:calc(100% - 20px);
	width:-webkit-calc(100% - 20px);
	width:-moz-calc(100% - 20px);
	height:calc(100vw * 0.5626);
	height:-webkit-calc(100vw * 0.5626);
	height:-moz-calc(100vw * 0.5626);
	padding:0 10px;
	background-color:#000;
}
.edu-view .player .video video {width:100%; height:100%; margin:0; background-color:#000;}
.edu-view .player .video video.small::-webkit-media-controls-fullscreen-button {display:none !important;}
.edu-view .player .navigation {height:45px; color:#fff; background-color:#000;}
.edu-view .player .navigation em {font-weight:bold; font-style:normal;}
.edu-view .player .navigation.top {position:relative; padding:0 10px; line-height:45px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-radius:5px 0 0 0;}
.edu-view .player .navigation.top .page {position:absolute; top:0; right:10px; padding:0;}
.edu-view .player .navigation.bottom {height:50px; border-radius:0 0 5px 0;}
.edu-view .player .navigation.bottom ul:after {clear:both; display:block; content:'';}
.edu-view .player .navigation.bottom ul li {padding:10px;}
.edu-view .player .navigation.bottom ul li.l {position:relative; float:left;}
.edu-view .player .navigation.bottom ul li.r {float:right;}
.edu-view .player .navigation.bottom ul li a {display:inline-block; padding:0 15px; font-size:12px; text-align:center; line-height:26px; color:#fff; border:2px solid #fff; border-radius:6px; vertical-align:middle;}
.edu-view .player .navigation.bottom ul li a:hover {background-color:#666;}
.edu-view .player .navigation.bottom ul li.l a {float:left; width:70px; padding:0; line-height:30px; border-style:none; border-radius:0; cursor:pointer;}
.edu-view .player .navigation.bottom ul li.l a.on {width:68px; line-height:28px; color:#01a1b4; border:1px solid #555; border-top-style:none; border-radius:0 0 5px 0;}
.edu-view .player .navigation.bottom ul li.l a:hover {width:68px; line-height:28px; color:#01a1b4; border:1px solid #01a1b4; background:none; border-radius:5px 0 5px 0;}
.edu-view .player .navigation.bottom ul li.l a.on:hover {border-radius:0 0 5px 0;}
.edu-view .player .navigation.bottom ul li.l a.full {width:12px; height:12px; padding:0; margin-top:9px; margin-right:10px; font-size:0; line-height:0; background:url(../images/ic_fullscreen.png) no-repeat center center; background-size:contain;}
.edu-view .player .navigation.bottom ul li.l a.full:hover {border-style:none; border-radius:0;}
.edu-view .player .navigation.bottom ul li.r a {margin-left:6px;}
.edu-view .player .navigation.bottom ul li.r a:first-child {margin-left:0;}
.edu-view .player .navigation.bottom ul li.r em {display:inline-block; margin-left:6px; line-height:30px; vertical-align:middle;}
.edu-view .player .navigation.bottom ul li.l .playback {position:absolute; left:32px; bottom:40px; display:none; width:48px; padding:10px; border:1px solid #555; border-bottom-style:none; border-radius:5px 0 0 0; background-color:#fff; background-color:rgba(0, 0, 0, 0.7); z-index:999;}
.edu-view .player .navigation.bottom ul li.l .playback.on {display:block;}
.edu-view .player .navigation.bottom ul li.l .playback.app {left:10px;}
.edu-view .player .navigation.bottom ul li.l .playback ol li {padding:0; margin-top:10px; font-size:12px; line-height:12px; text-align:center;}
.edu-view .player .navigation.bottom ul li.l .playback ol li:first-child {margin-top:0;}
.edu-view .player .navigation.bottom ul li.l .playback ol li a {float:none; width:auto; padding:0; line-height:12px; border-style:none; border-radius:0;}
.edu-view .player .navigation.bottom ul li.l .playback ol li a:hover {color:#01a1b4; background:none;}
.edu-view .player .paragraph {margin-top:15px; border-top:1px solid #ddd;}
.edu-view .player .paragraph ul li {position:relative; padding:15px 0; font-size:13px; line-height:15px; color:#666; border-bottom:1px dotted #ccc;}
.edu-view .player .paragraph ul li:last-child {padding-bottom:0; border-bottom-style:none;}
.edu-view .player .paragraph ul li.on {border-top:1px solid #aaa; border-bottom:1px solid #aaa;}
.edu-view .player .paragraph ul li strong {display:block; margin-bottom:10px; color:#000; font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.edu-view .player .paragraph ul li.on strong {padding-left:25px; font-weight:bold; background:url(../images/ic_here.gif) no-repeat left center;}
.edu-view .player .paragraph ul li input {position:absolute; right:0; top:15px; width:70px; height:23px; font-size:12px; color:#000; border:1px solid #ccc; background-color:#fff; cursor:pointer;}
.edu-view .player .paragraph ul li input:hover {color:#ff225b; border-color:#ff225b;}
.edu-view .player .paragraph ul li em {position:absolute; right:0; bottom:15px; font-size:11px; line-height:11px; font-style:normal;}
.edu-view .player .paragraph ul li span {color:#497abf;}
.edu-view .player .paragraph ul li span.ing {color:#ff4500;}
.edu-view .player .paragraph ul li small {font-size:13px;}
.edu-view .player .paragraph ul li:last-child em {bottom:0;}
.edu-view .player .button input {margin-bottom:0; color:#fff; border-color:#497abf; background-color:#497abf;}
.edu-view .player .button input:hover {border-color:#2e5a99; background-color:#2e5a99;}
.edu-view .player .button input.none {border-color:#333; background-color:#333;}
.edu-view .player .button input.none:hover {border-color:#000; background-color:#000;}

@media all and (min-width:1200px) {
	.edu-view .player-area h1 em a.conts {display:inline-block;}
	.edu-view .player .video {
		height:calc(100vh - 176px) !important;
		height:-webkit-calc(100vh - 176px) !important;
		height:-moz-calc(100vh - 176px) !important;
	}
	.edu-view .player .navigation.bottom ul li.l a.full {display:none;}
	.edu-view .player .navigation.bottom ul li.l .playback {left:10px;}
	.edu-view .player .paragraph {
		display:none;
		position:absolute;
		right:15px;
		top:66px;
		width:600px;
		max-height:600px;
		padding:15px;
		margin:0;
		border-style:none;
		background-color:#fff;
		background-color:rgba(255, 255, 255, 0.9);
		overflow-y:auto;
	}
	.edu-view .player .paragraph.on {display:block;}
}

.exam-paper h1 {position:relative; padding:15px; padding-left:30px; font-size:18px; line-height:20px; border-bottom:1px solid #ccc; background:#fff url(../images/bg_h2.png) no-repeat 15px 16px;}
.exam-paper h1 em {display:inline-block; position:absolute; right:15px; top:15px; font-size:13px; line-height:20px; font-style:normal;}
.exam-paper h1 em strong {display:inline-block; padding:0 7px; margin-left:6px; font-size:12px; letter-spacing:1px; color:#fff; background-color:#ff4500; vetical-align:middle; border-radius:3px;}
.exam-paper h1 em a {display:inline-block; width:20px; height:20px; margin-left:15px; font-size:0; line-height:0; background:url(../images/ic_close.png) no-repeat center center; background-size:contain; vertical-align:middle;}
.exam-paper h1 em a.print {display:none; width:auto; height:auto; padding:0 7px; margin-left:6px; font-size:12px; line-height:20px; color:#fff; font-weight:normal; background-color:#333; background-image:none; vertical-align:middle; border-radius:3px;}
.exam-paper .paper {
	height:calc(100vh - 117px);
	height:-moz-calc(100vh - 117px);
	height:-webkit-calc(100vh - 117px);
	font-size:13px;
	line-height:20px;
	overflow-y:auto;
}
.exam-paper .paper .notice {padding:15px; margin:15px; border:1px solid #ddd; background-color:#f6f6f6;}
.exam-paper .paper .notice strong {display:block; margin-bottom:15px;}
.exam-paper .paper .notice ul li {padding-left:10px; margin-top:10px; background:url(../images/bg_li.png) no-repeat left 7px;}
.exam-paper .paper .notice ul li:first-child {margin-top:0;}
.exam-paper .paper .notice ul li em {font-style:normal; font-weight:bold; color:#ff4500;}
.exam-paper .paper .notice dl {margin-top:5px;}
.exam-paper .paper .notice dl:first-child {margin-top:0;}
.exam-paper .paper .notice dl:after {clear:both; display:block; content:'';}
.exam-paper .paper .notice dl dt {float:left; width:60px; padding-left:10px; color:#000; background:url(../images/bg_li.png) no-repeat left center;}
.exam-paper .paper .notice dl dd {
	float:left;
	width:calc(50% - 70px);
	width:-moz-calc(50% - 70px);
	width:-webkit-calc(50% - 70px);
}
.exam-paper .paper .notice dl dd input {height:20px; padding:0 7px; font-size:12px; color:#fff; border-style:none; background-color:#333; border-radius:2px; cursor:pointer;}
.exam-paper .paper .notice.point {padding:0; margin:15px; text-align:right; color:#888; border-style:none; background-color:transparent;}
.exam-paper .paper .notice.point ul {padding-bottom:15px; border-bottom:1px solid #ddd;}
.exam-paper .paper .notice.point ul li {margin-top:0; text-align:left;}
.exam-paper .paper .notice.point ul li:first-child {margin-top:0;}
.exam-paper .paper .notice.warning {margin-top:0; background-color:#fff; border-radius:5px;}
.exam-paper .paper .answer {margin:15px;}
.exam-paper .paper .answer ul li {margin-top:25px;}
.exam-paper .paper .answer ul li:first-child {margin-top:0;}
.exam-paper .paper .answer ul li dl dt {position:relative; padding:15px; padding-left:35px; border:1px solid #dce0ee; background-color:#f5f7fe;}
.exam-paper .paper .answer ul li dl dt strong:first-chlid {position:absolute; left:15px; top:15px; width:20px; font-weight:normal;}
.exam-paper .paper .answer ul li dl dd {margin-top:5px;}
.exam-paper .paper .answer ul li dl dd a.attach {display:inline-block; padding-left:15px; background:url(../images/ic_down.png) no-repeat left center; vertical-align:middle;}
.exam-paper .paper .answer ul li dl dd input[type='button'] {width:60px; height:25px; font-size:12px; border:1px solid #ddd; background-color:#fff; cursor:pointer;}
.exam-paper .paper .answer ul li dl dd input[type='button']:hover {color:#ff225b; border-color:#ff225b;}
.exam-paper .paper .answer ul li dl dd.point {position:relative; text-align:right; color:#ff4500;}
.exam-paper .paper .answer ul li dl dd.point em {position:absolute; left:0; top:0; font-style:normal; color:#888;}
.exam-paper .paper .answer ul li dl dd.image img {max-width:100%;}
.exam-paper .paper .answer ul li dl dd.items {position:relative;}
.exam-paper .paper .answer ul li dl dd.items li {margin-top:5px;}
.exam-paper .paper .answer ul li dl dd.items li:first-child {margin-top:0;}
.exam-paper .paper .answer ul li dl dd.items li img {max-width:80%; vertical-align:middle;}
.exam-paper .paper .answer ul li dl dd.items li label {margin-left:4px;}
.exam-paper .paper .answer ul li dl dd.items a.attach {position:absolute; right:0; bottom:0;}
.exam-paper .paper .answer ul li dl dd.items em.f {margin-top:5px;}
.exam-paper .paper .answer ul li dl dd.items em {display:block; margin-bottom:5px; font-style:normal; color:#888;}
.exam-paper .paper .answer ul li dl dd.items input[type='text'] {width:100%; height:25px; padding:0 5px; font-size:13px; border:1px solid #ddd; box-sizing:border-box;}
.exam-paper .paper .answer ul li dl dd.items textarea {width:100%; height:100px; padding:5px; font-size:13px; border:1px solid #ddd; overflow:auto; box-sizing:border-box;}
.exam-paper .paper .answer ul li dl dd.items img.result {position:absolute; left:0; top:0; opacity:0.7; filter:alpha(opacity=70);}
.exam-paper .paper .answer ul li dl dd.description {padding-top:15px; margin-top:15px; color:#888; border-top:1px dotted #ccc;}
.exam-paper .paper .answer ul li dl dd.description strong {display:inline-block; margin-right:6px; font-weight:normal; color:#497abf; vertical-align:middle;}
.exam-paper .paper .correct h2 {padding-left:10px; margin:15px; font-size:15px; line-height:20px; background:url(../images/bg_h3.png) no-repeat left center;}
.exam-paper .paper .correct .text {padding:15px; margin:15px; margin-top:0; border:1px solid #ddd; border-radius:5px;}

.exam-paper .submit {padding:15px; border-top:1px solid #ddd; background-color:#f6f6f6;}
.exam-paper .submit input {width:49%; height:35px; color:#fff; border-style:none; background-color:#497abf; cursor:pointer;}
.exam-paper .submit input.temp {color:#333; border:1px solid #ddd; background-color:#fff;}

.exam-paper.start h1 a,
.exam-paper.survey h1 a,
.exam-paper.preview h1 a {display:block; position:absolute; right:15px; top:15px; width:20px; height:20px; font-size:0; line-height:0; background:url(../images/ic_close.png) no-repeat center center; background-size:contain; vertical-align:middle;}
.exam-paper.correct .paper {
	height:calc(100vh - 51px);
	height:-moz-calc(100vh - 51px);
	height:-webkit-calc(100vh - 51px);
}
.exam-paper.correct .paper .answer ul li dl dd.items {min-height:109px;}
.exam-paper.correct .paper .answer ul li dl dd.items a.attach {position:static;}
.exam-paper.survey .paper .answer ul li dl dd.items {margin-top:15px;}

.exam-paper.task .paper .answer h2 {padding-left:10px; margin-top:15px; font-size:15px; line-height:20px; background:url(../images/bg_h3.png) no-repeat left center;}
.exam-paper.task .paper .answer h2:first-child {margin-top:0;}
.exam-paper.task .paper .answer table {width:100%; margin-top:10px; border-top:1px solid #dce0ee;}
.exam-paper.task .paper .answer table tr th {padding:10px; border:1px solid #dce0ee; border-top-style:none; background-color:#f5f7fe;}
.exam-paper.task .paper .answer table tr td {padding:10px; border:1px solid #dce0ee; border-top-style:none; border-left-style:none;}
.exam-paper.task .paper .answer table tr td a.attach {display:inline-block; padding-left:15px; background:url(../images/ic_down.png) no-repeat left center; vertical-align:middle;}
.exam-paper.task .paper .answer table tr td a.attach.r {float:right;}
.exam-paper.task .paper .answer table tr td input[type='text'] {width:100%; height:25px; padding:0 5px; font-size:13px; border:1px solid #ddd; box-sizing:border-box;}
.exam-paper.task .paper .answer table tr td textarea {width:100%; height:250px; padding:5px; font-size:13px; border:1px solid #ddd; overflow:auto; box-sizing:border-box;}
.exam-paper.task .paper .answer table tr td input[type='button'] {width:60px; height:25px; font-size:12px; border:1px solid #ddd; background-color:#fff; cursor:pointer;}
.exam-paper.task .paper .answer table tr td input[type='button']:hover {color:#ff225b; border-color:#ff225b;}
.exam-paper.task .paper .answer table tr td em {display:block; margin-top:5px; color:#888; font-size:12px; text-align:right; font-style:normal;}
.exam-paper.task .paper .answer table tr td em strong {color:#333;}
.exam-paper.task .paper .answer .notice {margin:0; margin-top:10px;}
.exam-paper.task .paper .answer .notice ul li {margin:0;}

.exam-paper.report .paper h2 {padding-left:10px; margin:0 15px; font-size:15px; line-height:20px; background:url(../images/bg_h3.png) no-repeat left center;}
.exam-paper.report .paper .notice ul li {margin-top:5px;}
.exam-paper.report .paper .notice ul li:first-child {margin-top:0;}
.exam-paper.report .paper .survey {padding-top:15px;}
.exam-paper.report .paper .survey h2 {padding-left:10px; margin:15px; font-size:15px; line-height:20px; background:url(../images/bg_h3.png) no-repeat left center;}
.exam-paper.report .paper .survey .text {padding:15px; margin:15px; margin-top:0; border:1px solid #ddd; background-color:#f6f6f6;}
.exam-paper.report .paper .survey .text ul li {position:relative; padding-left:20px; margin-top:10px;}
.exam-paper.report .paper .survey .text ul li:first-child {margin-top:0;}
.exam-paper.report .paper .survey .text ul li strong {display:block; margin-bottom:5px; font-weight:normal;}
.exam-paper.report .paper .survey .text ul li strong em {position:absolute; left:0; top:0; width:20px; font-style:normal;}
.exam-paper.report .paper .survey .text ul li textarea {width:100%; height:50px; padding:5px; font-size:13px; border:1px solid #ddd; overflow:auto; box-sizing:border-box;}
.exam-paper.report .paper .omr {display:none;}

@media all and (min-width:1200px) {
	.exam-paper h1 em a.print {display:inline-block;}
	.exam-paper .submit {text-align:right;}
	.exam-paper .submit input {width:120px;}
	.exam-paper.task .paper .answer table .wx80 {width:120px;}
	.exam-paper.report .paper .survey .text ul li strong {display:inline-block; width:500px; margin-bottom:0;}
	.exam-paper.report .paper .survey .text ul li strong.line {display:block; width:auto; margin-bottom:5px;}
	.exam-paper.report .screen {margin-right:300px;}
	.exam-paper.report .paper .omr {display:block; position:fixed; right:31px; top:66px; width:285px;}
	.exam-paper.report .paper .omr dl dt {font-size:18px; line-height:50px; text-align:center; color:#fff; background-color:#87755e; border-radius:5px 5px 0 0;}
	.exam-paper.report .paper .omr dl dd {
		height:calc(100vh - 197px);
		height:-moz-calc(100vh - 197px);
		height:-webkit-calc(100vh - 197px);
		padding:15px;
		background-color:#faf4ec;
		box-sizing:border-box;
		border-radius:0 0 5px 5px;
		overflow-y:auto;
	}
	.exam-paper.report .paper .omr dl dd table {width:100%;}
	.exam-paper.report .paper .omr dl dd table tr th {padding:7px 0; padding-top:0; font-size:12px; line-height:15px; border-bottom:1px solid #87755e;}
	.exam-paper.report .paper .omr dl dd table tr td {padding:7px 0; font-size:12px; line-height:15px; text-align:center; border-bottom:1px dotted #87755e;}
	.exam-paper.report .paper .omr dl dd table tr td.type {color:#497abf;}
	.exam-paper.report .paper .omr dl dd table tr td.ansr {text-align:left;}
	.exam-paper.report .paper .omr dl dd table tr td.ansr a {display:block; width:150px; height:15px; margin:0 auto; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
}

.apply-list .main-area {padding:15px;}
.apply-list .tab {margin-top:15px; border-bottom:1px solid #699be0;}
.apply-list .tab ul:after {clear:both; display:block; content:'';}
.apply-list .tab ul li {position:relative; float:left; width:33%;}
.apply-list .tab ul li:first-child {width:34%;}
.apply-list .tab ul li a {display:block; line-height:40px; text-align:center; border:1px solid #ccc; border-left-style:none; border-bottom-style:none; box-sizing:border-box; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.apply-list .tab ul li:first-child a {border-left-style:solid; border-top-left-radius:5px;}
.apply-list .tab ul li:last-child a {border-top-right-radius:5px;}
.apply-list .tab ul li.on a,
.apply-list .tab ul li a:hover {color:#fff; border-color:#699be0; background-color:#699be0;}
.apply-list .tab ul li.on em {
	position:absolute;
	left:calc((100% - 11px) / 2);
	left:-moz-calc((100% - 11px) / 2);
	left:-webkit-calc((100% - 11px) / 2);
	bottom:-6px;
	display:block;
	width:11px;
	height:6px;
	font-size:0;
	line-height:0;
	content:'here';
	background:url(../images/ic_arrow_bottom_5.png) no-repeat center center;
}
.apply-list .search em {display:none; font-style:normal;}
.apply-list .search {position:relative; font-size:13px; line-height:13px; text-align:right;}
.apply-list .search input[type='text'] {width:70px; height:26px; padding-left:5px; font-size:13px; border:1px solid #ddd; border-right-style:none; background-color:#fff; box-sizing:border-box; vertical-align:middle;}
.apply-list .search input[readonly='readonly'] {background-color:#f6f6f6;}
.apply-list .search input[type='button'] {width:26px; height:26px; font-size:0; line-height:0; border:1px solid #ddd; border-left-style:none; background:#fff url(../images/ic_calendar.png) no-repeat center center; vertical-align:middle;}
.apply-list .search input[type='checkbox'] {display:none; vertical-align:middle;}
.apply-list .search label {display:none; margin-right:10px; vertical-align:middle;}
.apply-list .search input[type='submit'] {width:60px; height:26px; font-size:12px; color:#fff; border-style:none; background-color:#333; border-radius:2px; cursor:pointer; vertical-align:middle;}
.apply-list .search strong {position:absolute; left:0; bottom:0; display:inline-block; line-height:26px; font-weight:normal;}
.apply-list .search strong em {display:inline; font-weight:bold;}
.apply-list .page-list {margin-top:15px; font-size:13px; line-height:13px;}
.apply-list .page-list ul li {padding:15px 0; border-bottom:1px solid #ddd;}
.apply-list .page-list ul li:first-child {border-top:2px solid #497abf;}
.apply-list .page-list ul li.empty {line-height:150px; text-align:center; border-style:none; background-color:#f6f6f6;}
.apply-list .page-list ul li dl dt {font-weight:bold; font-size:15px; line-height:20px;}
.apply-list .page-list ul li dl dt em {display:inline-block; padding:0 7px; font-style:normal; font-weight:normal; font-size:12px; color:#fff; background-color:#aaa; vertical-align:middle; border-radius:2px;}
.apply-list .page-list ul li dl dt em.icon-EL {background-color:#689be0;}
.apply-list .page-list ul li dl dt em.icon-OL {background-color:#ffa0aa;}
.apply-list .page-list ul li dl dt em.icon-PL {background-color:#ff4500;}
.apply-list .page-list ul li dl dt em.icon-book {background-color:#004C55;}
.apply-list .page-list ul li dl dt em.icon-refund {background-color:#008000;}
.apply-list .page-list ul li dl dd {margin-top:5px; color:#888; line-height:15px;}
.apply-list .page-list ul li dl dd em { font-style:normal;}
.apply-list .page-list ul li dl dd.view em {display:block; margin-top:5px;}
.apply-list .page-list ul li dl dd.view em:first-child {margin-top:0;}
.apply-list .page-list ul li dl dd.view em:after {clear:both; display:block; content:'';}
.apply-list .page-list ul li dl dd.view em a {
	float:left;
	display:block;
	width:calc((100% - 5px) / 2);
	width:-moz-calc((100% - 5px) / 2);
	width:-webkit-calc((100% - 5px) / 2);
	margin-left:5px;
	line-height:26px;
	text-align:center;
	border:1px solid #ddd;
	box-sizing:border-box;
	border-radius:2px;
}
.apply-list .page-list ul li dl dd.view em a:first-child {margin-left:0;}
.apply-list .page-list ul li dl dd.view em a:hover {border-color:#ff225b;}
.apply-list .page-list ul li dl dd.view em a.agree {color:#fff; border-color:#d84c79; background-color:#d84c79;}
.apply-list .page-list ul li dl dd.view em a.agree:hover {color:#fff; border-color:#ca3666; background-color:#ca3666;}
.apply-list .page-list ul li dl dd.view em a.upload {color:#fff; border-color:#008000; background-color:#008000;}
.apply-list .page-list ul li dl dd.view em a.upload:hover {color:#fff; border-color:#006000; background-color:#006000;}
.apply-list .page-list ul li dl dd.view em a.reissue {color:#fff; border-color:#497abf; background-color:#497abf;}
.apply-list .page-list ul li dl dd.view em a.reissue:hover {color:#fff; border-color:#2e5a99; background-color:#2e5a99;}
.apply-list .page-list ul li dl dd.view em.cncl a {color:#fff; border-color:#333; background-color:#333;}
.apply-list .page-list ul li dl dd.view em.cncl a:hover {border-color:#000; background-color:#000;}
.apply-list .page-list ul li dl dd.view em.cncl a:first-child {border-color:#497abf; background-color:#497abf;}
.apply-list .page-list ul li dl dd.view em.cncl a:first-child:hover {border-color:#2e5a99; background-color:#2e5a99;}
.apply-list .page-list ul li dl dd.view em.full a {width:100%;}
.apply-list .page-list ul li dl dd.view em.cncl.full a {width:100%; color:#fff; border-color:#333; background-color:#333;}
.apply-list .page-list ul li dl dd.view em.cncl.full a:hover {border-color:#000; background-color:#000;}
.apply-list .page-list ul li dl dd.date,
.apply-list .page-list ul li dl dd.stat,
.apply-list .page-list ul li dl dd.name {padding-left:8px; background:url(../images/bg_li.png) no-repeat left 4px;}
.apply-list .page-list ul li dl dd.stat em {color:#497abf;}
.apply-list .page-list ul li dl dd.stat em.cscd-03 {color:#FF0000;}
.apply-list .page-list ul li dl dd.stat em.facd-01 {color:#008000;}
.apply-list .page-list ul li dl dd.stat em.facd-03 {color:#ff0000;}
.apply-list .page-list ul li dl dd.stat em.pscd-02 {color:#008000;}
.apply-list .page-list ul li dl dd.stat em.pscd-03 {color:#ff4500;}
.apply-list .page-list ul li dl dd.stat em.pscd-04 {color:#ff0000;}
.apply-list .page-list ul li dl dd.date strong {font-weight:normal; color:#008000;}
.apply-list .page-list ul li dl dd.name strong {font-weight:normal; color:#497abf;}
.apply-list .page-list ul li dl dd.text {color:#ff4500;}
.apply-list .notice {padding:15px; margin-top:15px; font-size:13px; line-height:13px; border:1px solid #ddd;}
.apply-list .notice ul li {padding-left:8px; margin-top:10px; background:url(../images/bg_li.png) no-repeat left 4px;}
.apply-list .notice ul li:first-child {margin-top:0;}
.apply-list .notice ul li strong {font-weight:normal; color:#ff4500;}
.apply-list .refund-price table {width:100%; margin-top:10px; border-top:1px solid #ddd;}
.apply-list .refund-price table tr th {padding:7px 0; font-size:12px; line-height:15px; border:1px solid #ddd; border-top-style:none; border-left-style:none; background-color:#f6f6f6;}
.apply-list .refund-price table tr th:first-child {border-left-style:solid;}
.apply-list .refund-price table tr td {padding:7px; font-size:12px; line-height:15px; text-align:center; border:1px solid #ddd; border-top-style:none; border-left-style:none;}
.apply-list .refund-price table tr td:first-child {border-left-style:solid;}

.apply-list.history .page-list ul li dl dd.view a {display:block; width:100%; line-height:26px; text-align:center; color:#fff; border:1px solid #497abf; background-color:#497abf; box-sizing:border-box; border-radius:2px;}
.apply-list.history .page-list ul li dl dd.view a:hover {border-color:#2e5a99; background-color:#2e5a99;}
.apply-list.history .page-list ul li dl dd.view a.g {border:1px solid #888; background-color:#888;}
.apply-list.history .page-list ul li dl dd.view a.g:hover {border-color:#666; background-color:#666;}

.apply-list.support .search em {display:inline;}
.apply-list.support .search {text-align:left;}
.apply-list.support .search label {display:inline; margin-right:0;}
.apply-list.support .search dl:after {clear:both; display:block; content:'';}
.apply-list.support .search dl:first-child {border-top:1px solid #ddd;}
.apply-list.support .search dl dt {float:left; width:100px; height:36px; padding:5px 10px; line-height:26px; border:1px solid #ddd; border-top-style:none; background-color:#f6f6f6; box-sizing:border-box;}
.apply-list.support .search dl dd {
	float:left;
	width:calc(100% - 100px);
	width:-moz-calc(100% - 100px);
	width:-webkit-calc(100% - 100px);
	height:36px;
	padding:5px;
	margin-top:0;
	font-size:13px;
	line-height:26px;
	border:1px solid #ddd;
	border-top-style:none;
	border-left-style:none;
	box-sizing:border-box;
}
.apply-list.support .search dl dd input[type='text'] {width:100%; height:26px; padding:0 5px; border-right-style:solid;}
.apply-list.support .search dl dd input[type='text'].ssn_1 {width:50%;}
.apply-list.support .search dl dd input[type='text'].mobile {
	width:calc(100% - 95px);
	width:-moz-calc(100% - 95px);
	width:-webkit-calc(100% - 95px);
}
.apply-list.support .search input[type='button'] {float:right; width:90px; font-size:12px; line-height:16px; border-left-style:solid; background-image:none; vertical-align:middle; cursor:pointer;}
.apply-list.support .search input[type='button']:hover {color:#ff225b; border-color:#ff225b;}
.apply-list.support .search dl dd em {display:inline-block; margin-left:6px; font-size:12px; line-height:26px; letter-spacing:-1px; color:#888;}
.apply-list.support .search .button {position:relative; margin-top:5px; text-align:right;}
.apply-list.support .search .button em {display:block; margin:5px 0; padding:10px; font-size:12px; color:#888; text-align:left; border:1px solid #ddd; border-radius:2px;}
.apply-list.support .search .button em span {display:none;}
.apply-list.support .search .button input[type='submit'] {width:100%; height:35px;}
.apply-list.support .page-list {margin-top:0;}
.apply-list.support .page-list.f ul li:first-child {border-top-style:none;}
.apply-list.support .page-list ul li.empty {margin-top:15px;}

.apply-list.license h3 {padding-left:10px; margin:15px 0 5px 0; font-size:15px; line-height:15px; background:url(../images/bg_h3.png) no-repeat left center;}
.apply-list.license .page-list {margin-top:0;}

@media all and (min-width:1200px) {
	.apply-list .main-area {padding:0;}
	.apply-list .tab {margin-top:25px;}
	.apply-list .tab ul li {width:200px;}
	.apply-list .tab ul li:first-child {width:200px;}
	.apply-list .tab ul li a {line-height:50px;}
	.apply-list .search em {display:inline;}
	.apply-list .search input[type='text'] {width:80px;}
	.apply-list .search input[type='checkbox'] {display:inline-block;}
	.apply-list .search label {display:inline-block;}
	.apply-list .page-list ul li dl dd {margin-top:10px;}
	.apply-list .page-list ul li dl dd.view em {display:inline-block; margin-top:0; margin-left:1px; vertical-align:middle;}
	.apply-list .page-list ul li dl dd.view em:first-child {margin-left:0;}
	.apply-list .page-list ul li dl dd.view em a {width:auto; padding:0 10px;}
	.apply-list .notice {margin-top:25px;}
	.apply-list .notice ul li.h {display:none;}

	.apply-list.history .page-list ul li dl {position:relative;}
	.apply-list.history .page-list ul li dl dd.view {position:absolute; right:0; top:0; margin-top:0;}
	.apply-list.history .page-list ul li dl dd.view a {width:66px; line-height:66px;}

	.apply-list.support .search dl dt {width:150px;}
	.apply-list.support .search dl dd {
		width:calc(100% - 150px);
		width:-moz-calc(100% - 150px);
		width:-webkit-calc(100% - 150px);
	}
	.apply-list.support .search dl dd input[type='text'] {width:150px;}
	.apply-list.support .search dl dd input[type='text'].ssn_1 {width:100px;}
	.apply-list.support .search dl dd input[type='text'].mobile {width:150px;}
	.apply-list.support .search input[type='button'] {float:none;}
	.apply-list.support .search .button em {position:absolute; left:0; top:0; display:inline-block; margin:0; padding:0; line-height:35px; border-style:none;}
	.apply-list.support .search .button em span {display:inline;}
	.apply-list.support .search .button input[type='submit'] {width:120px;}
	.apply-list.support .page-list ul li.empty {margin-top:25px;}
	.apply-list.license h3 {margin:25px 0 10px 0;}
}

/* 정보수정 */
.myinfo form {padding:15px;}
.myinfo form .form dl {padding-top:10px; margin-top:10px; border-top:1px dotted #ccc;}
.myinfo form .form dl:first-child {padding-top:0; margin-top:0; border-top-style:none;}
.myinfo form .form dl:after {clear:both; display:block; content:'';}
.myinfo form .form dl dt {font-size:12px; font-weight:bold; line-height:12px;}
.myinfo form .form dl dd {margin-top:5px;}
.myinfo form .form dl dd input[type='text'],
.myinfo form .form dl dd input[type='password'] {width:100%; height:26px; padding:0 5px; margin-top:5px; font-size:13px; border:1px solid #ddd; box-sizing:border-box; vertical-align:middle;}
.myinfo form .form dl dd input[type='password'] {margin-top:0;}
.myinfo form .form dl dd input[type='text']:first-child {margin-top:0;}
.myinfo form .form dl dd input[readonly='readonly'],
.myinfo form .form dl dd input[disabled='disabled'] {background-color:#f6f6f6;}
.myinfo form .form dl dd input[name='send_zipcode'] {width:100px;}
.myinfo form .form dl dd input[name='birth_year'] {width:60px;}
.myinfo form .form dl dd input[name='birth_month'],
.myinfo form .form dl dd input[name='birth_day'] {width:40px; margin-top:0;}
.myinfo form .form dl dd input[type='button'] {height:26px; padding:0 25px; font-size:13px; border:1px solid #ddd; cursor:pointer; vertical-align:middle;}
.myinfo form .form dl dd input[type='button']:hover {color:#ff225b; border-color:#ff225b;}
.myinfo form .form dl dd select {width:100%; height:26px; padding-left:10px; font-size:13px; vertical-align:middle;}
.myinfo form .form dl dd em {font-style:normal; font-size:12px; line-height:15px;}
.myinfo form .form dl dd em.abled,
.myinfo form .form dl dd em.disabled {display:block; margin-top:5px; color:#ff0000;}
.myinfo form .form dl dd em.abled {color:#008000}
.myinfo form .button {margin-top:15px;}
.myinfo form .button:after {clear:both; display:block; content:'';}
.myinfo form .button input {
	float:left;
	width:calc((100% - 5px) / 2);
	height:40px;
	margin-left:5px;
	font-size:13px;
	color:#fff;
	border-style:none;
	background-color:#497abf;
	cursor:pointer;
}
.myinfo form .button input:hover {background-color:#2e5a99;}
.myinfo form .button input:first-child {margin-left:0;}
.myinfo form .button input.none {color:#333; border:1px solid #ddd; background-color:#fff;}
.myinfo form .button input.none:hover {color:#ff225b; border-color:#ff225b;}


.myinfo form .notice {padding:15px; margin-top:15px; font-size:13px; line-height:13px; border:1px solid #ddd;}
.myinfo form .notice ul li {padding-left:8px; margin-top:10px; background:url(../images/bg_li.png) no-repeat left 4px;}
.myinfo form .notice ul li:first-child {margin-top:0;}
.myinfo form .notice ul li strong {font-weight:normal; color:#ff4500;}




@media all and (min-width:1200px) {
	.myinfo form {padding:0;}
	.myinfo form .form dl {padding-top:0; margin-top:0; border-top-style:none;}
	.myinfo form .form dl:first-child {border-top:1px solid #ddd;}
	.myinfo form .form dl dt {float:left; width:150px; height:46px; padding:10px; line-height:26px; border:1px solid #ddd; border-top-style:none; background-color:#f6f6f6; box-sizing:border-box;}
	.myinfo form .form dl dd {
		float:left;
		width:calc(100% - 150px);
		width:-moz-calc(100% - 150px);
		width:-webkit-calc(100% - 150px);
		height:46px;
		padding:10px;
		margin-top:0;
		font-size:13px;
		line-height:26px;
		border:1px solid #ddd;
		border-top-style:none;
		border-left-style:none;
		box-sizing:border-box;
	}
	.myinfo form .form dl dd input[type='text'],
	.myinfo form .form dl dd input[type='password'],
	.myinfo form .form dl dd select {max-width:350px;}
	.myinfo form .form dl dd input[name='login_id'],
	.myinfo form .form dl dd input[name='pwd'],
	.myinfo form .form dl dd input[name='chg'],
	.myinfo form .form dl dd input[name='cfm'],
	.myinfo form .form dl dd input[name='member_name'],
	.myinfo form .form dl dd input[name='mobile'],
	.myinfo form .form dl dd input[name='tel'] {width:150px;}
	.myinfo form .form dl dd em.abled,
	.myinfo form .form dl dd em.disabled {display:inline-block; margin-top:0; margin-left:10px;}
	.myinfo form .form dl.addr dt {height:110px; line-height:90px;}
	.myinfo form .form dl.addr dd {height:110px;}
	.myinfo form .form dl.addr dd input[type='text'] {display:block;}
	.myinfo form .form dl.addr dd input[name='send_zipcode'] {display:inline-block;}
	.myinfo form .button {text-align:right;}
	.myinfo form .button input {float:none; width:120px;}
}

/* 회원탈퇴 */
.myinfo .withdraw {padding:15px; font-size:13px; line-height:15px;}
.myinfo .withdraw .box {padding:15px; border:1px solid #ddd; background-color:#f6f6f6; border-radius:5px 0;}
.myinfo .withdraw .box strong {display:block; margin-bottom:10px;}
.myinfo .withdraw .box em {display:block; padding-left:10px; margin-top:10px; font-style:normal; color:#666; background:url(../images/bg_li.png) no-repeat left center;}
.myinfo .withdraw .box.id {padding-left:25px;margin-top:15px; border-style:none; background:#f6f6f6 url(../images/bg_li.png) no-repeat 15px center; border-radius:0;}
.myinfo .withdraw .box.id strong {display:inline; margin-bottom:0;}
.myinfo .withdraw .desc {margin-top:15px;}
.myinfo .withdraw .desc strong {display:block; margin-bottom:10px; color:#ff4500;}
.myinfo .withdraw .button {margin-top:15px;}
.myinfo .withdraw .button:after {clear:both; display:block; content:'';}
.myinfo .withdraw .button input {
	float:left;
	width:calc((100% - 5px) / 2);
	height:40px;
	margin-left:5px;
	font-size:13px;
	color:#fff;
	border-style:none;
	background-color:#497abf;
	cursor:pointer;
}
.myinfo .withdraw .button input:hover {background-color:#2e5a99;}
.myinfo .withdraw .button input:first-child {margin-left:0;}
.myinfo .withdraw .button input.none {color:#333; border:1px solid #ddd; background-color:#fff;}
.myinfo .withdraw .button input.none:hover {color:#ff225b; border-color:#ff225b;}
.myinfo .withdraw-area form dl {margin-top:15px;}
.myinfo .withdraw-area form dl:after {clear:both; display:block; content:'';}
.myinfo .withdraw-area form dl.f {margin-top:0;}
.myinfo .withdraw-area form dl.h {display:none;}
.myinfo .withdraw-area form dl dt {font-size:12px; font-weight:bold; line-height:12px;}
.myinfo .withdraw-area form dl dd {margin-top:5px;}
.myinfo .withdraw-area form dl dd input[type='text'] {width:100%; height:26px; padding:0 5px; font-size:13px; border:1px solid #ddd; box-sizing:border-box; vertical-align:middle;}
.myinfo .withdraw-area form dl dd select {width:100%; height:26px; padding:5px; font-size:13px;}
.myinfo .withdraw-area form .button input {float:none; width:100%; height:30px;}

@media all and (min-width:1200px) {
	.myinfo .withdraw {padding:0;}
	.myinfo .withdraw .box.id {margin-top:25px;}
	.myinfo .withdraw .desc {margin-top:25px;}
	.myinfo .withdraw .button {margin-top:25px; text-align:right;}
	.myinfo .withdraw .button input {float:none; width:120px;}
	.myinfo .withdraw-area form dl {margin-top:0;}
	.myinfo .withdraw-area form dl.f {border-top:1px solid #ddd;}
	.myinfo .withdraw-area form dl dt {float:left; width:150px; height:46px; padding:10px; line-height:26px; border:1px solid #ddd; border-top-style:none; background-color:#f6f6f6; box-sizing:border-box;}
	.myinfo .withdraw-area form dl dd {
		float:left;
		width:calc(100% - 150px);
		width:-moz-calc(100% - 150px);
		width:-webkit-calc(100% - 150px);
		height:46px;
		padding:10px;
		margin-top:0;
		font-size:13px;
		line-height:26px;
		border:1px solid #ddd;
		border-top-style:none;
		border-left-style:none;
		box-sizing:border-box;
	}
	.myinfo .withdraw-area form .button input {width:120px;}
}

/* 1:1 문의 */
.counselling .search {position:relative; padding:15px; padding-bottom:0; font-size:13px; line-height:15px; text-align:right;}
.counselling .search input[type='text'] {width:120px; height:25px; padding:5px; font-size:13px; border:1px solid #ccc; border-radius:2px; box-sizing:border-box; vertical-align:middle;}
.counselling .search input[type='submit'] {width:60px; height:25px; font-size:12px; color:#fff; border-style:none; background-color:#333; border-radius:2px; cursor:pointer; vertical-align:middle;}
.counselling .search strong {position:absolute; left:15px; top:15px; display:inline-block; line-height:25px; font-weight:normal;}
.counselling .search strong em {font-style:normal; font-weight:bold;}
.counselling .article {padding:15px; padding-bottom:0; font-size:13px; line-height:15px;}
.counselling .article ul li {padding:15px 0; border-bottom:1px solid #ddd;}
.counselling .article ul li:first-child {border-top:2px solid #497abf;}
.counselling .article ul li.empty {line-height:150px; text-align:center; border-style:none; background-color:#f6f6f6;}
.counselling .article ul li a {display:block; font-size:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.counselling .article ul li a span {color:#008000;}
.counselling .article ul li em {display:block; margin-top:10px; font-style:normal; color:#888;}
.counselling .article ul li em strong {color:#333;}
.counselling .article ul li em span {color:#497abf;}
.counselling .article ul li em span.ing {color:#ff4500;}
.counselling .article ul li em span.comment {display:inline-block; padding-left:19px; margin-left:6px; color:#888; background:url(../images/ic_comment.png) no-repeat left center; background-size:15px 15px; vertical-align:middle;}
.counselling .article ul li em img {display:inline-block; margin-left:6px; vertical-align:middle;}
.counselling .button {position:relative; padding:15px; padding-right:0; text-align:right;}
.counselling .button input {width:80px; height:30px; font-size:12px; color:#fff; border-style:none; background-color:#497abf; border-radius:2px; cursor:pointer; vertical-align:middle;}
.counselling .button input.before {background-color:#333;}
.counselling .button input.delete {position:absolute; left:0; top:15px; color:#333; border:1px solid #ddd; background-color:#fff;}
.counselling .button input.delete:hover {color:#ff225b; border-color:#ff225b;}
.counselling .input {font-size:13px; line-height:15px;}
.counselling .input table {width:100%; border-top:1px solid #ddd;}
.counselling .input table tr th {padding:10px; border:1px solid #ddd; border-top-style:none; background-color:#f6f6f6;}
.counselling .input table tr td {padding:10px; border:1px solid #ddd; border-top-style:none; border-left-style:none;}
.counselling .input table tr.content td {line-height:25px;}
.counselling .input table tr td input[type='text'] {width:100%; height:28px; padding:0 5px; font-size:13px; border:1px solid #ddd; box-sizing:border-box;}
.counselling .input table tr td textarea {width:100%; height:250px; padding:5px; font-size:13px; border:1px solid #ddd; overflow:auto; box-sizing:border-box;}
.counselling .input table tr td select {max-width:100%; height:28px; font-size:13px;}
.counselling .input table tr td a.attach {display:inline-block; padding-left:15px; background:url(../images/ic_down.png) no-repeat left center; vertical-align:middle;}
.counselling .input table tr td input[type='button'] {width:60px; height:28px; font-size:12px; border:1px solid #ddd; background-color:#fff; cursor:pointer;}
.counselling .input table tr td input[type='button']:hover {color:#ff225b; border-color:#ff225b;}

@media all and (min-width:800px) {
	.counselling .input table .wx80 {width:120px;}
	.counselling .input table tr td textarea {height:350px;}
}

@media all and (min-width:1200px) {
	.counselling .search {padding:0;}
	.counselling .search input[type='text'] {width:150px;}
	.counselling .search strong {left:0; top:0;}
	.counselling .article {padding:0; margin-top:15px;}
	.counselling .button {padding:0; margin-top:15px;}
}

/* 공지사항 */
.notice .search {position:relative; padding:15px; padding-bottom:0; text-align:right;}
.notice .search input[type='checkbox'],
.notice .search label {display:none;}
.notice .search input[type='text'] {width:120px; height:25px; padding:5px; font-size:13px; border:1px solid #ccc; border-radius:2px; box-sizing:border-box; vertical-align:middle;}
.notice .search input[type='submit'] {width:60px; height:25px; font-size:12px; color:#fff; border-style:none; background-color:#333; border-radius:2px; cursor:pointer; vertical-align:middle;}
.notice .search strong {position:absolute; left:15px; top:15px; display:inline-block; line-height:25px; font-weight:normal;}
.notice .search strong em {font-style:normal; font-weight:bold;}
.notice .article {padding:15px; padding-bottom:0;}
.notice .article ul li {padding:15px 0; font-size:13px; line-height:15px; border-bottom:1px solid #ddd;}
.notice .article ul li:first-child {border-top:2px solid #497abf;}
.notice .article ul li.empty {line-height:150px; text-align:center; border-style:none; background-color:#f6f6f6;}
.notice .article ul li a {display:block; font-size:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.notice .article ul li a span {color:#008000;}
.notice .article ul li em {display:block; margin-top:10px; font-style:normal; color:#888;}
.notice .article ul li em strong {color:#333;line-height:17px;}
.notice .article ul li em span {color:#497abf;}
.notice .article ul li em span.ing {color:#ff4500;}
.notice .article ul li em span.comment {display:inline-block; padding-left:19px; margin-left:6px; color:#888; background:url(../images/ic_comment.png) no-repeat left center; background-size:15px 15px; vertical-align:middle;}
.notice .article ul li em img {display:inline-block; margin-left:6px; vertical-align:middle;}
.notice .input table {width:100%; font-size:13px; line-height:15px; border-top:1px solid #ddd;}
.notice .input table tr th {padding:10px; border:1px solid #ddd; border-top-style:none; background-color:#f6f6f6;}
.notice .input table tr td {padding:10px; border:1px solid #ddd; border-top-style:none; border-left-style:none;}
.notice .input table tr td a.attach {display:inline-block; padding-left:15px; background:url(../images/ic_down.png) no-repeat left center; vertical-align:middle;}
.notice .input table tr.content td {line-height:25px;}
.notice .input table tr.content td p,
.notice .input table tr.content td table,
.notice .input table tr.content td img {max-width:100%; width:auto !important; height:auto !important;}

@media all and (min-width:800px) {
	.notice .input table .wx80 {width:120px;}
}

@media all and (min-width:1200px) {
	.notice .search {padding:0;}
	.notice .search input[type='text'] {width:150px;}
	.notice .search input[type='checkbox'],
	.notice .search label {display:inline-block;}
	.notice .search label {margin-left:1px; margin-right:10px;}
	.notice .search strong {left:0; top:0;}
	.notice .article {padding:0; margin-top:15px;}
}

/* FAQ */
.notice.faq .article ul li {padding:0;}
.notice.faq .article ul li a {position:relative; padding:15px 20px; line-height:20px; background:url(../images/ic_show.png) no-repeat right center; background-size:17px 9px;}
.notice.faq .article ul li a:before {position:absolute; left:0; top:15px; display:block; content:'Q'; font-size:17px; line-height:20px; font-weight:bold;}
.notice.faq .article ul li a small {display:inline-block; padding:0 7px; color:#fff; background-color:#aaa; vertical-align:middle; border-radius:2px;}
.notice.faq .article ul li a small.OL {background-color:#ffa0aa;}
.notice.faq .article ul li a small.EL {background-color:#689be0;}
.notice.faq .article ul li a small.PL {background-color:#ff4500;}
.notice.faq .article ul li div.dtlTxt {display:none; padding:15px; font-size:15px; line-height:25px; border-top:1px solid #ddd; background-color:#f6f6f6;}
.notice.faq .article ul li div.dtlTxt .attach {margin-bottom:15px; text-align:right;}
.notice.faq .article ul li div.dtlTxt .attach a {display:inline-block; padding:0; padding-left:15px; font-size:13px; color:#333; background:url(../images/ic_down.png) no-repeat left center; vertical-align:middle;}
.notice.faq .article ul li div.dtlTxt .attach a:before {display:none; content:''; font-size:0; line-height:0;}
.notice.faq .article ul li div.dtlTxt .attach a:hover {color:#ff225b;}
.notice.faq .article ul li div.dtlTxt p,
.notice.faq .article ul li div.dtlTxt table,
.notice.faq .article ul li div.dtlTxt img {max-width:100%; width:auto !important; height:auto !important;}
.notice.faq .article ul li div.dtlTxt span {font-size:15px !important;
   /* font-family:"NanumBarunGothic","맑은 고딕","돋움","Dotum","Droid","Snas","AppleGothic" !important; */
  }
.notice.faq .article ul li div.dtlTxt strong {font-weight:normal;}
.notice.faq .article ul li.on a {color:#6376d3; background-image:url(../images/ic_hide_on.png);}
.notice.faq .article ul li.on div.dtlTxt {display:block;}

/* 사업소개 */
.document .text {padding:15px; margin:15px; background-color:#f6f6f6; border-radius:5px 0;}
.document .text em.empty {display:block; font-style:normal; line-height:200px; text-align:center;}

@media all and (min-width:1200px) {
	.document .text {margin:0;}
}

/* 개인정보 처리방침 */
.document .view {padding:15px;}
.document .view h2 {padding:15px; font-size:15px; line-height:15px; border:1px solid #d5d8ea; background-color:#e9ebf5; border-radius:5px 0;}
.document .view h2 em {display:block; margin-top:5px; font-size:13px; font-weight:normal; font-style:normal; color:#666; line-height:15px;}
.document .view dl {margin-top:15px;}
.document .view dl dt {padding-left:12px; font-size:13px; line-height:100%; font-weight:bold; background:url(../images/bg_li.png) no-repeat left center;}
.document .view dl dd {padding:15px; margin-top:10px; font-size:13px; line-height:130%; border:1px solid #ddd; background-color:#f6f6f6; border-radius:5px 0;}


.document .view dl dd ul {margin:10px 0;}
.document .view dl dd ul.f {margin-top:0;}
.document .view dl dd ul.l {margin-bottom:0;}
.document .view dl.line dd ul {padding-top:10px; border-top:1px dotted #ccc;}

.document .view dl.line dd em {display:block; margin-top:15px; font-size:13px; font-weight:normal; font-style:normal; line-height:15px;}

.document .view dl.line dd ul:first-child {padding-top:0; border-top-style:none;}
.document .view dl dd ul li {padding-left:10px; margin-top:5px; background:url(../images/bg_li_m.png) no-repeat left 6px;}
.document .view dl dd ul li:first-child {margin-top:0;}
.document .view dl dd strong {display:block; margin-top:10px; margin-bottom:5px;}
.document .view .desc {margin-top:15px; font-weight:bold; font-size:13px;}

@media all and (min-width:1200px) {
	.document .view {padding:0;}
	.document .view h2 {padding:20px; font-size:18px; line-height:20px;}
	.document .view h2 em {display:inline; margin-top:0; margin-left:10px; line-height:20px;}
	.document .view dl {margin-top:25px;}
	.document .view dl dt {font-size:15px;}
}

/* 로그인 레이어 */
.login-layer {display:none; position:fixed; left:0; top:0; width:100%; min-width:320px; height:100%; text-align:center; color:#000; font-weight:bold; background-color:#fff; background-color:rgba(0, 0, 0, 0.5); z-index:999;}
.login-layer.on {display:block;}
.login-layer .screen {position:relative; padding:15px; margin:15px; text-align:left; font-weight:normal; border:1px solid #ddd; background-color:#fff;}
.login-layer .screen h2 {padding-left:15px; padding-bottom:15px; font-size:18px; line-height:20px; border-bottom:1px solid #ccc; background:url(../images/bg_h2.png) no-repeat left 1px;}
.login-layer .screen iframe {
	width:100%;
	height:calc(100vh - 121px);
	height:-moz-calc(100vh - 121px);
	height:-webkit-calc(100vh - 121px);
	margin-top:15px;
	font-size:13px;
	line-height:120%;
	border-style:none;
	overflow-y:auto;
	box-sizing:border-box;
}
.login-layer .screen .close {display:inline-block; position:absolute; right:15px; top:15px; width:20px; height:20px; font-size:0; line-height:0; background:url(../images/ic_close.png) no-repeat center center; background-size:contain;}

@media all and (min-width:1200px) {
	/* 기본 */
	.login-layer .screen {
		width:400px;
		margin:0 auto;
		margin-top:calc((100vh - 265px) / 2);
		margin-top:-moz-calc((100vh - 265px) / 2);
		margin-top:-webkit-calc((100vh - 265px) / 2);
	}
	.login-layer .screen iframe {height:200px;}

	/* 비회원 */
	.login-layer.guest .screen {
		margin-top:calc((100vh - 525px) / 2);
		margin-top:-moz-calc((100vh - 525px) / 2);
		margin-top:-webkit-calc((100vh - 525px) / 2);
	}
	.login-layer.guest .screen iframe {height:460px;}

	/* 본인인증 (아이디 찾기) */
	.login-layer.auth .screen {
		margin-top:calc((100vh - 385px) / 2);
		margin-top:-moz-calc((100vh - 385px) / 2);
		margin-top:-webkit-calc((100vh - 385px) / 2);
	}
	.login-layer.auth .screen iframe {height:320px;}

	/* 본인인증 (비밀번호 변경) */
	.login-layer.auth.pw .screen {
		margin-top:calc((100vh - 435px) / 2);
		margin-top:-moz-calc((100vh - 435px) / 2);
		margin-top:-webkit-calc((100vh - 435px) / 2);
	}
	.login-layer.auth.pw .screen iframe {height:370px;}

	/* 본인인증 (아이디 찾기, 사별) */
	.login-layer.auth.svc .screen {
		margin-top:calc((100vh - 330px) / 2);
		margin-top:-moz-calc((100vh - 330px) / 2);
		margin-top:-webkit-calc((100vh - 330px) / 2);
	}
	.login-layer.auth.svc .screen iframe {height:265px;}

	/* 본인인증 (비밀번호 변경, 사별) */
	.login-layer.auth.pw.svc .screen {
		margin-top:calc((100vh - 380px) / 2);
		margin-top:-moz-calc((100vh - 380px) / 2);
		margin-top:-webkit-calc((100vh - 380px) / 2);
	}
	.login-layer.auth.pw.svc .screen iframe {height:315px;}

	/* 회원가입 */
	.login-layer.join .screen {width:600px; margin-top:40px;}
	.login-layer.join .screen iframe {height:665px;}

	/* 휴면계정안내 */
	.login-layer.dormant .screen {
		margin-top:calc((100vh - 315px) / 2);
		margin-top:-moz-calc((100vh - 315px) / 2);
		margin-top:-webkit-calc((100vh - 315px) / 2);
	}
	.login-layer.dormant .screen iframe {height:250px;}

	/* 비밀번호만료 */
	.login-layer.expire .screen {
		margin-top:calc((100vh - 215px) / 2);
		margin-top:-moz-calc((100vh - 215px) / 2);
		margin-top:-webkit-calc((100vh - 215px) / 2);
	}
	.login-layer.expire .screen iframe {height:150px;}

	/* 비밀번호초기화 */
	.login-layer.clear .screen {
		margin-top:calc((100vh - 185px) / 2);
		margin-top:-moz-calc((100vh - 185px) / 2);
		margin-top:-webkit-calc((100vh - 185px) / 2);
	}
	.login-layer.clear .screen iframe {height:120px;}

	/* 서비스 이용동의 */
	.login-layer.agree .screen {
		width:600px;
		margin-top:calc((100vh - 565px) / 2);
		margin-top:-moz-calc((100vh - 565px) / 2);
		margin-top:-webkit-calc((100vh - 565px) / 2);
	}
	.login-layer.agree .screen iframe {height:500px;}
}

/* 모바일 하단 레이어 */
.mobile-footer-layer {position:fixed; left:0; bottom:0; width:100%; height:60px; background-color:#01559b; z-index:910;}
.mobile-footer-layer.course {display:none;}
.mobile-footer-layer ul:after {clear:both; display:block; content:'';}
.mobile-footer-layer ul li {float:left; width:20%; text-align:center;}
.mobile-footer-layer ul li a {display:block; height:60px; padding-top:7px; text-align:center; font-size:12px; line-height:15px; color:#fff; letter-spacing:-1px; box-sizing:border-box;}
.mobile-footer-layer ul li a em {display:block; height:28px; margin-bottom:5px; font-size:0; line-height:0; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.mobile-footer-layer ul li.menu-01 a em {background-image:url(../images/ic_mobile_menu_01.png);}
.mobile-footer-layer ul li.menu-02 a em {background-image:url(../images/ic_mobile_menu_02.png);}
.mobile-footer-layer ul li.menu-03 a em {background-image:url(../images/ic_mobile_menu_03.png);}
.mobile-footer-layer ul li.menu-04 a em {background-image:url(../images/ic_mobile_menu_04.png);}
.mobile-footer-layer ul li.menu-05 a em {background-image:url(../images/ic_mobile_menu_05.png);}

@media all and (min-width:1200px) {
	.mobile-footer-layer {display:none;}
}

/* TOP */
.go-top {display:none; position:fixed; right:15px; bottom:76px; width:35px; height:35px; font-size:0; line-height:0; background:url(../images/go_top.png) no-repeat center center; background-size:contain;}
.go-top.on {display:block;}
.go-top.course {z-index:911;}

@media all and (min-width:1200px) {
	.go-top {right:25px; bottom:25px;}
	.go-top.course {bottom:25px;}
}

/* 시험창 출력 */
body.print {padding:5px;}
body.print .exam-paper h1 {display:none;}
body.print .exam-paper .paper {height:auto; overflow-y:visible;}
body.print .exam-paper .submit {display:none;}

/* 연간교육일정 */
.counselling .schedule {padding:15px;}
.counselling .schedule .download ul:after {clear:both; display:block; content:'';}
.counselling .schedule .download ul li {
	float:left;
	width:calc((100% - 15px) / 2);
	width:-moz-calc((100% - 15px) / 2);
	width:-webkit-calc((100% - 15px) / 2);
	padding:15px 0;
	padding-left:65px;
	margin-left:15px;
	border:1px solid #adb7ea;
	background-repeat:no-repeat;
	background-position:15px center;
	background-size:40px 40px;
	border-radius:5px;
	box-sizing:border-box;
	box-shadow:5px 5px 10px #ddd;
}
.counselling .schedule .download ul li:first-child {margin-left:0;}
.counselling .schedule .download ul li.ebook {background-image:url(../images/ic_book.png);}
.counselling .schedule .download ul li.excel {background-image:url(../images/ic_calendar_02.png);}
.counselling .schedule .download ul li strong {display:block; font-size:16px; line-height:20px; letter-spacing:-1px; font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.counselling .schedule .download ul li a {display:block; padding-left:20px; margin-top:10px; font-size:13px; line-height:15px; background-repeat:no-repeat; background-position:left center; background-size:15px 15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.counselling .schedule .download ul li a.view {background-image:url(../images/ic_url.png);}
.counselling .schedule .download ul li a.down {background-image:url(../images/ic_zip.png);}
.counselling .schedule .download ul li a.xls {background-image:url(../images/ic_xls.png);}
.counselling .schedule .download ul li a.pdf {background-image:url(../images/ic_pdf.png);}
.counselling .schedule .download .desc {padding:15px; margin-top:10px; font-size:13px; border:1px solid #fff; background-color:#fff; border-radius:5px;}

.counselling .schedule .discount {margin-top:15px;}
.counselling .schedule .discount h3 {padding-left:10px; font-size:17px; line-height:15px; background:url(../images/bg_h3.png) no-repeat left center;}
.counselling .schedule .discount .desc {padding:15px; margin-top:15px; font-size:13px; border:1px solid #ddd; background-color:#f6f6f6; border-radius:5px;}
.counselling .schedule .discount .desc strong {display:block; font-weight:normal; line-height:20px; color:#497abf;}
.counselling .schedule .discount .desc ul {margin-top:10px;}
.counselling .schedule .discount .desc ul li {padding-left:10px; margin-top:5px; line-height:15px; background:url(../images/bg_li.png) no-repeat left 6px;}
.counselling .schedule .discount .desc ul li:first-child {margin-top:0;}
.counselling .schedule .discount .desc span {display:block;line-height:130%; margin-top:20px;}
.counselling .schedule .discount .desc span strong {color:#ff0000;font-weight:bold;}

.counselling .schedule .discount .step {margin-top:15px; font-size:13px; line-height:15px;}
.counselling .schedule .discount .step h4 {padding-left:10px; background:url(../images/bg_li_b.png) no-repeat left center;}
.counselling .schedule .discount .step ul {margin-top:15px;}
.counselling .schedule .discount .step ul li {padding-top:29px; margin-top:15px; background:url(../images/ic_arrow_bottom_3.png) no-repeat top center;}
.counselling .schedule .discount .step ul li:first-child {padding-top:0; margin-top:0; background-image:none;}
.counselling .schedule .discount .step ul li strong {display:block; height:50px; padding:15px; padding-left:70px; line-height:50px; letter-spacing:-1px; font-weight:normal; border:1px solid #ddd; border-radius:5px; background-repeat:no-repeat; background-position:15px center;}
/*
.counselling .schedule .discount .step ul li.step-01 strong {height:40px; padding-top:25px; line-height:15px; background-image:url(../images/txt_step_01.png);}
.counselling .schedule .discount .step ul li.step-01 strong a {display:inline-block; padding-left:15px; margin-top:5px; background:url(../images/ic_down.png) no-repeat left center;}
.counselling .schedule .discount .step ul li.step-01 strong em {display:inline-block; margin-top:5px; font-style:normal;}
*/
.counselling .schedule .discount .step ul li.step-01 strong {background-image:url(../images/txt_step_01.png);}
.counselling .schedule .discount .step ul li.step-02 strong {background-image:url(../images/txt_step_02.png);}
.counselling .schedule .discount .step ul li.step-03 strong {background-image:url(../images/txt_step_03.png);}
.counselling .schedule .discount .step ul li.step-04 strong {background-image:url(../images/txt_step_04.png);}
.counselling .schedule .button {padding-left:0; text-align:center;}
.counselling .schedule .button input {width:100%; font-size:15px; height:45px; background-color:#497abf;}
.counselling .schedule .button input.large {background-color:#d84c79;}

@media all and (min-width:1200px) {
	.counselling .schedule {padding:0;}
	.counselling .schedule .download ul li {
		width:calc((100% - 25px) / 2);
		width:-moz-calc((100% - 25px) / 2);
		width:-webkit-calc((100% - 25px) / 2);
		padding:25px 0;
		padding-left:100px;
		margin-left:25px;
		background-position:25px center;
		background-size:55px 55px;
	}
	.counselling .schedule .download ul li strong {font-size:20px; letter-spacing:0;}
	.counselling .schedule .download ul li a {display:inline-block; padding-left:28px; margin:15px 15px 0 0; font-size:16px; line-height:20px; vertical-align:middle; background-size:20px 20px;}
	.counselling .schedule .discount {margin-top:50px;}
	.counselling .schedule .discount .step {margin-top:25px;}
	.counselling .schedule .discount .step h4 {padding-left:12px;}
	.counselling .schedule .discount .step ul:after {clear:both; display:block; content:'';}
	.counselling .schedule .discount .step ul li {
		float:left;
		width:calc((100% - 138px) / 4);
		padding-top:0;
		padding-left:31px;
		margin-top:0;
		margin-left:15px;
		background:url(../images/ic_arrow_right_3.png) no-repeat left center;
	}
	.counselling .schedule .discount .step ul li:first-child {padding-left:0; margin-left:0;}
	.counselling .schedule .discount.bundle .desc ul li {padding-left:15px; background:url(../images/ic_down.png) no-repeat left center;}
	.counselling .schedule .button {margin-top:25px;}
	.counselling .schedule .button input {width:40%; height:40px;}
}


/* 사업장정보검색 */
.office-view .office-info {padding:15px;}
.office-view .office-info h3 {position:relative; padding-left:8px; padding-bottom:10px; font-size:13px; line-height:15px; border-bottom:1px solid #ddd; background:url(../images/bg_h2.png) no-repeat left 1px; background-size:3px 11px;}
.office-view .office-info dl {margin-top:15px;}
.office-view .office-info dl dt {font-size:12px; font-weight:bold; line-height:12px;}
.office-view .office-info dl dd {margin-top:5px; font-size:13px; line-height:15px;}
.office-view .office-info dl dd:after {clear:both; display:block; content:'';}
.office-view .office-info dl dd em {font-style:normal; color:#888;}
.office-view .office-info .cmpy-info .srch-area {position:relative; margin-top:15px;}
.office-view .office-info .cmpy-info .srch-area:after {clear:both; display:block; content:'';}
.office-view .office-info .cmpy-info .srch-area input {float:left; margin-left:5px;}
.office-view .office-info .cmpy-info .srch-area input:first-child {margin-left:0;}
.office-view .office-info .cmpy-info .srch-area input[type='text'] {
	width:calc(100% - 55px);
	width:-moz-calc(100% - 55px);
	width:-webkit-calc(100% - 55px);
	height:30px;
	padding:5px;
	border:1px solid #ddd;
	font-size:13px;
	border-radius:2px 0 0 2px;
	box-sizing:border-box;
}
.office-view .office-info .cmpy-info .srch-area input[type='button'] {width:50px; height:30px; font-size:12px; color:#fff; border-style:none; background-color:#333; cursor:pointer; border-radius:0 2px 2px 0;}
.office-view .office-info .cmpy-info .srch-area .srch-list {display:none; position:absolute; left:0; top:29px; width:100%;}
.office-view .office-info .cmpy-info .srch-area .srch-list.on {display:block;}
.office-view .office-info .cmpy-info .srch-area .srch-list .screen {width:100%; height:156px; padding:10px; border:1px solid #ddd; background-color:#fff; overflow-y:auto; box-sizing:border-box;}
.office-view .office-info .cmpy-info .srch-area .srch-list .screen ul li {margin-top:5px; font-size:13px; line-height:15px; letter-spacing:-1px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.office-view .office-info .cmpy-info .srch-area .srch-list .screen ul li:first-child {margin-top:0;}
.office-view .office-info .cmpy-info .srch-area .srch-list a.close {position:absolute; right:5px; bottom:5px; font-size:12px; line-height:12px; color:#000;}
.office-view .office-info .free-info {margin-top:15px;}
.office-view .office-info .chrg-info {margin-top:15px;}
.office-view .office-info .chrg-info ul {margin-top:15px;}
.office-view .office-info .chrg-info ul li {position:relative; padding:15px 0; font-size:13px; line-height:15px; color:#888; border-bottom:1px dotted #ccc;}
.office-view .office-info .chrg-info ul li:first-child {padding-top:0;}
.office-view .office-info .chrg-info ul li:last-child {padding-bottom:0; border-bottom-style:none;}
.office-view .office-info .chrg-info ul li.empty {line-height:100px; text-align:center; color:#333; background-color:#f6f6f6;}
.office-view .office-info .chrg-info ul li strong {display:block; margin-bottom:5px; font-weight:normal; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.office-view .office-info .chrg-info ul li input {display:block; width:100%; height:35px; margin-top:5px; font-size:12px; border:1px solid #ddd; background-color:#fff; cursor:pointer; border-radius:2px;}
.office-view .office-info .chrg-info ul li input:hover {color:#ff225b; border-color:#ff225b;}
.office-view .office-info .chrg-info .desc {margin-top:5px; font-size:12px; line-height:15px; color:#888;}
.office-view .office-info .button {position:relative; margin-top:5px; text-align:right;}
.office-view .office-info .button input {width:100%; height:35px; font-size:13px; color:#fff; border-style:none; background-color:#497abf; cursor:pointer; border-radius:2px;}
.office-view .office-info .button a {display:block; width:100%; height:35px; margin-bottom:5px; font-size:13px; line-height:33px; text-align:center; border:1px solid #ddd; box-sizing:border-box; border-radius:2px;}
.office-view .office-info .button a:hover {border-color:#ff225b;}

.office-view.iframe .office-info {padding:0;}
.office-view.iframe .office-info dl {margin-top:0;}
.office-view.iframe .office-info dl.f {margin-top:10px; border-top:1px solid #ddd;}
.office-view.iframe .office-info dl.f.n {margin-top:0;}
.office-view.iframe .office-info dl:after {clear:both; display:block; content:'';}
.office-view.iframe .office-info dl dt {float:left; width:150px; padding:5px; padding-left:10px; font-weight:bold; line-height:25px; border:1px solid #ddd; border-top-style:none; background-color:#f6f6f6; box-sizing:border-box;}
.office-view.iframe .office-info dl dd {
	float:left;
	width:calc(100% - 150px);
	width:-moz-calc(100% - 150px);
	width:-webkit-calc(100% - 150px);
	padding:5px;
	margin:0;
	line-height:25px;
	border:1px solid #ddd;
	border-top-style:none;
	border-left-style:none;
	box-sizing:border-box;
}
.office-view.iframe .office-info .button input {width:150px;}
.office-view.iframe .office-info .button input.large {width:300px; background-color:#d84c79;}
.office-view.iframe .office-info .button a {position:absolute; left:0; top:0; width:auto; padding:0 25px;}
.course-view.office .course-apply .apply-form dl {margin-top:0;}
.course-view.office .course-apply .apply-form dl.f {margin-top:10px; border-top:1px solid #ddd;}
.course-view.office .course-apply .apply-form dl:after {clear:both; display:block; content:'';}
.course-view.office .course-apply .apply-form dl dt {float:left; width:100px; padding:5px; padding-left:10px; font-weight:bold; line-height:25px; border:1px solid #ddd; border-top-style:none; background-color:#f6f6f6; box-sizing:border-box;}
.course-view.office .course-apply .apply-form dl dd {
	float:left;
	width:calc(100% - 100px);
	width:-moz-calc(100% - 100px);
	width:-webkit-calc(100% - 100px);
	padding:5px;
	margin:0;
	line-height:25px;
	border:1px solid #ddd;
	border-top-style:none;
	border-left-style:none;
	box-sizing:border-box;
}
.course-view.office .course-apply .apply-form dl dd input {max-width:250px; vertical-align:middle;}
.course-view.office .course-apply .apply-form dl dd input[type='text'].line {display:inline; margin-top:0;}
.course-view.office .course-apply .apply-form dl.textarea dt,
.course-view.office .course-apply .apply-form dl.textarea dd {height:162px;}

@media all and (min-width:1200px) {
	.office-view .office-info {padding:0;}
	.office-view .office-info dl {margin-top:0;}
	.office-view .office-info dl.f {margin-top:10px; border-top:1px solid #ddd;}
	.office-view .office-info dl.f.n {margin-top:0;}
	.office-view .office-info dl:after {clear:both; display:block; content:'';}
	.office-view .office-info dl dt {float:left; width:150px; padding:5px; padding-left:10px; font-weight:bold; line-height:25px; border:1px solid #ddd; border-top-style:none; background-color:#f6f6f6; box-sizing:border-box;}
	.office-view .office-info dl dd {
		float:left;
		width:calc(100% - 150px);
		width:-moz-calc(100% - 150px);
		width:-webkit-calc(100% - 150px);
		padding:5px;
		margin:0;
		line-height:25px;
		border:1px solid #ddd;
		border-top-style:none;
		border-left-style:none;
		box-sizing:border-box;
	}
	.office-view .office-info .free-info {margin-top:25px;}
	.office-view .office-info .chrg-info {margin-top:25px;}
	.office-view .office-info .chrg-info ul li input {position:absolute; top:15px; right:0; width:150px; height:35px; margin-top:0;}
	.office-view .office-info .chrg-info ul li:first-child input {top:0;}
	.office-view .office-info .button input {width:150px;}
	.office-view .office-info .button input.large {width:300px; background-color:#d84c79;}
	.office-view .office-info .button a {position:absolute; left:0; top:0; width:auto; padding:0 25px;}

	.common-layer .common-layer-body.inquiry dl {margin-top:15px; }
	.common-layer .common-layer-body.inquiry dl dt {font-size: 16px; font-weight:bold; color:#333;}
	.common-layer .common-layer-body.inquiry dl dd {padding-left:20px; font-size: 13px;}
}

/* 고용보험환급안내 */
.labor .main-area {padding:15px;}
.labor .tab {padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ddd;}
.labor .tab ul:after {clear:both; display:block; content:'';}
.labor .tab ul li {
	position:relative;
	float:left;
	width:calc((100% - 20px) / 3);
	width:-moz-calc((100% - 20px) / 3);
	width:-webkit-calc((100% - 20px) / 3);
	margin-right:10px;
}
.labor .tab ul li.f {
	width:calc((100% - 10px) / 2);
	width:-moz-calc((100% - 10px) / 2);
	width:-webkit-calc((100% - 10px) / 2);
	margin-bottom:10px;
}
.labor .tab ul li.l {margin-right:0;}
.labor .tab ul li:last-child {margin-right:0;}
.labor .tab ul li a {display:block; line-height:40px; text-align:center; border:1px solid #ccc; box-sizing:border-box; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.labor .tab ul li.tl a {border-top-left-radius:5px;}
.labor .tab ul li.tr a {border-top-right-radius:5px;}
.labor .tab ul li.bl a {border-bottom-left-radius:5px;}
.labor .tab ul li.br a {border-bottom-right-radius:5px;}
.labor .tab ul li.on a,
.labor .tab ul li a:hover {color:#fff; border-color:#699be0; background-color:#699be0;}
.labor .text-area {display:none; margin-top:15px; font-size:13px; line-height:20px;}
.labor .text-area.on {display:block;}
.labor .text-area h3 {padding-left:8px; margin-top:15px; font-size:13px; line-height:15px; background:url(../images/bg_h2.png) no-repeat left 1px; background-size:3px 11px;}
.labor .text-area h3:first-chid {margin-top:0;}
.labor .text-area .box {padding:15px; margin-top:10px; background-color:#f6f6f6; border-radius:5px;}
.labor .text-area .box.line {border:1px solid #ddd; background-color:#fff;}
.labor .text-area .box.none {padding:0; background-color:#fff;}
.labor .text-area .box dl {margin-top:5px; line-height:20px;}
.labor .text-area .box dl.m {margin-top:10px;}
.labor .text-area .box dl:after {clear:both; display:block; content:'';}
.labor .text-area .box dl dt {float:left; width:80px; padding-left:10px; font-weight:bold; background:url(../images/bg_li.png) no-repeat left 8px;}
.labor .text-area .box dl dd {
	float:left;
	width:calc(100% - 90px);
	width:-moz-calc(100% - 90px);
	width:-webkit-calc(100% - 90px);
}
.labor .text-area .box img {display:block; max-width:100%; margin:0 auto;}
.labor .text-area .box ul {padding:10px; margin-top:10px; background-color:#f6f6f6; border-radius:5px;}
.labor .text-area .box ul li {padding-left:10px; margin-top:5px; font-size:13px; line-height:15px; background:url(../images/bg_li_m.png) no-repeat left 5px;}
.labor .text-area .box ul li:first-child {margin-top:0;}
.labor .text-area .box ul li ol {margin-top:5px;}
.labor .text-area .box ul li ol li {background:url(../images/bg_li_b.png) no-repeat left 6px;}
.labor .text-area table {width:100%; margin-top:10px; border-top:1px solid #ddd;}
.labor .text-area table tr th {padding:10px 0; font-size:12px; line-height:15px; border:1px solid #ddd; border-top-style:none; background-color:#f5f7fe;}
.labor .text-area table tbody tr th {padding-left:5px; font-weight:normal; text-align:left;}
.labor .text-area table tr td {padding:10px 5px; font-size:13px; line-height:15px; border:1px solid #ddd; border-top-style:none; border-left-style:none;}
.labor .text-area table tr th em {display:block; font-size:12px; font-style:normal; color:#666; letter-spacing:-1px;}
.labor .text-area table tr td ul li {padding-left:12px; margin-top:5px; background:url(../images/bg_li_b.png) no-repeat left 6px;}
.labor .text-area table tr td ul li:first-child {margin-top:0;}
.labor .text-area table tr th ul li {padding-left:12px; margin-top:5px; background:url(../images/bg_li_b.png) no-repeat left 6px;}

.labor .text-area .step {margin-top:10px;}
.labor .text-area .step ul li {padding:0; padding-top:25px; margin:0; margin-top:15px; background:url(../images/ic_arrow_bottom_3.png) no-repeat center top; background-size:18px 10px;}
.labor .text-area .step ul li:first-child {padding-top:0; margin-top:0; background-image:none;}
.labor .text-area .step ul li strong {display:block; padding:20px 0; text-align:center; font-size:12px; line-height:16px; letter-spacing:-1px; font-weight:normal; border:1px solid #ddd; border-radius:5px; background-repeat:no-repeat; background-position:10px center; background-size:20px 20px;}

@media all and (min-width:1200px) {
	.labor .main-area {padding:0;}
	.labor .tab {padding-bottom:0; margin-bottom:0; border-bottom-color:#699be0;}
	.labor .tab ul li {width:20% !important; margin-right:0 !important; margin-bottom:0 !important;}
	.labor .tab ul li a {line-height:50px; border-left-style:none; border-bottom-style:none; border-radius:0 !important;}
	.labor .tab ul li:first-child a {border-left-style:solid; border-top-left-radius:5px !important;}
	.labor .tab ul li:last-child a {border-top-right-radius:5px !important;}
	.labor .tab ul li.on em {
		position:absolute;
		left:calc((100% - 11px) / 2);
		left:-moz-calc((100% - 11px) / 2);
		left:-webkit-calc((100% - 11px) / 2);
		bottom:-6px;
		display:block;
		width:11px;
		height:6px;
		font-size:0;
		line-height:0;
		content:'here';
		background:url(../images/ic_arrow_bottom_5.png) no-repeat center center;
	}
	.labor .text-area {margin-top:25px; font-size:15px; line-height:25px;}
	.labor .text-area h3 {margin-top:25px; font-size:15px; line-height:20px; background-position:left center;}
	.labor .text-area .box dl dt {width:100px;}
	.labor .text-area .box dl dd {
		width:calc(100% - 110px);
		width:-moz-calc(100% - 110px);
		width:-webkit-calc(100% - 110px);
	}
	.labor .text-area .box ul {
		float:left;
		width:calc((100% - 25px) / 2);
		width:-moz-calc((100% - 25px) / 2);
		width:-webkit-calc((100% - 25px) / 2);
		min-height:130px;
		padding:15px;
		margin-top:0;
		margin-left:25px;
		border-top-style:none;
		background-color:#f6f6f6;
		border-radius:5px;
		box-sizing:border-box;
	}
	.labor .text-area .box ul:first-child {margin-left:0;}
	.labor .text-area .box ul li {margin-top:10px;}
	.labor .text-area .box ul li ol {margin-top:10px;}
	.labor .text-area .box ul li ol li {margin-top:5px;}
	.labor .text-area .box.full ul {width:100%; min-height:auto; padding:0; margin:0;}
	.labor .text-area table tr th {font-size:13px;}
	.labor .text-area table tbody tr th {padding-left:10px;}
	.labor .text-area table tr td {padding:10px; font-size:15px; line-height:20px;}
	.labor .text-area table tr td ul li {background-position:left 9px;}
	.labor .text-area .wx100 {width:150px;}
	.labor .text-area .step ul:after {clear:both; display:block; content:'';}
	.labor .text-area .step ul li {
		float:left;
		width:calc((100% - 60px) / 5);
		width:-moz-calc((100% - 60px) / 5);
		width:-webkit-calc((100% - 60px) / 5);
		padding:0;
		padding-left:25px;
		margin:0;
		margin-left:15px;
		background:url(../images/ic_arrow_right_3.png) no-repeat left center;
		background-size:10px 17px;
		box-sizing:border-box;
	}
	.labor .text-area .step ul li:first-child {padding-left:0; margin-left:0;}
}