@charset 'UTF-8';
/*
	Author	: Somi Park
	Date	: 2016-11-08
	Project	: KHSA
*/
/*@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css); */
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@font-face {font-family: 'NanumGothicWeb';src: url('../font/_FONT_NanumGothic.eot');src: url('../font/_FONT_NanumGothic.eot?#iefix') format('embedded-opentype'),url('../font/_FONT_NanumGothic.woff') format('woff'),url('../font/_FONT_NanumGothic.ttf') format('truetype');font-weight:normal;font-style:normal; }
@font-face {font-family: 'NanumGothicWeb';src: url('../font/_FONT_NanumGothicBold.eot');src: url('../font/_FONT_NanumGothicBold.eot?#iefix') format('embedded-opentype'),url('../font/_FONT_NanumGothicBold.woff') format('woff'),url('../font/_FONT_NanumGothicBold.ttf') format('truetype');font-weight:bold;font-style:normal; }

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); } 
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); } 
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); } 
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); } 
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); } 
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); } 
 
html, body	{ height:100%;}
html	{ 
	border:0;
	outline:0;
	font-size:62.5%; 
}

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

::selection {
	color:#fff;
	background-color:#008ed8;
}
::-moz-selection {
	color:#fff;
	background-color:#008ed8;
}
.m-block { display:none; }
table	{ 
	width:100%;
	border-collapse:collapse;
	table-layout:fixed; 
}
table caption { 
	height:0;
	font-size:0.1em;
	color:#fff;
	opacity:0;
	filter:alpha(opacity=0);
}

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

html, body, nav, section, article,figure,figcaption,
h1, h2, h3, h4, h5, h6,
menu, ul,ol,dl,li,dt,dd,
p,form	{ 
	margin:0;
	padding:0;
	font-family: 'Noto Sans KR' 
}
h1, h2, h3, h4, h5, h6 { line-height:1em;}

img	{ margin:0;border:none; }
ul,ol,dl,li	{ list-style:none; }
cite,em,address { font-style:normal; }
em { color:#128ee1; }
.blue { color:#128ee1 !important; }
.red { color:#f50d35 !important; }
b, strong { font-weight:500; }
iframe	{ border:none;outline:0; }

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

fieldset { 
	border:0;
	margin:0;
	padding:0;
	display:block; 
}
fieldset legend {
	opacity:0;
	filter:alpha(opacity=0);
	position:absolute;
	top:0;
	left:0;
	width:0;
	height:0;
	overflow:hidden;
	font-size:0;
	line-height:0;
}

input		{ 
	font-size:13px;
	vertical-align:middle;
	padding:0;
	height:38px;
	line-height:38px;
	border:1px solid #b3b3b3;
	text-indent:8px; 
	box-sizing:border-box;
}
td input { vertical-align:middle; }
input:hover,
input:focus { border:1px solid #aaa;background-color:#f9f9f9; }

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

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

.q0 { width:70px;}
.q1 { width:35% }
.q2 { width:50% }
.q2 + .q2 { width:48% }
.q3 { width:75% }
.q4 { width:100%; }
textarea.q4 { width:100% }
select.q3 {  }
.q0 ~ .q3,
.q1 ~ .q3,
.q2 ~ .q3,
.q3 ~ .q3,
.q0 ~ .q4,
.q1 ~ .q4,
.q2 ~ .q4,
.q3 ~ .q4,
.q4 ~ .q4 { margin-top:6px }

label.radio input,
label.checkbox input { margin:0 5px 0 0;position:absolute; }
td label.radio,
td label.checkbox { margin-right:20px; }
label.radio input,
label.radio input:focus,
label.radio input:hover,
label.checkbox input,
label.checkbox input:focus,
label.checkbox input:hover { padding:0;top:0;left:0; }
label.radio,
label.checkbox { 
	display:inline-block;
	*zoom:1;
	*display:inline;
	min-height:20px;
	line-height:20px;
	padding:0;
	cursor:pointer; 
	padding-left:20px;
	position:relative;
}
label.radio { background:url("../../images/user/common/radio_off.png") 0 0 no-repeat; }
label.radio.checked {background-image:url("../../images/user/common/radio_on.png"); background-repeat:no-repeat;}
label.checkbox { background:url("../../images/user/common/checkbox.png") 0 0 no-repeat;background-size:20px; }
label.checkbox.checked { background-image:url("../../images/user/common/checkbox_on.png");background-size:20px; }
/*label.checkbox { background:/*＼**//*url("../../images/user/common/checkbox_IE8.png") 0 center no-repeat;}  IE8*/
/*label.checkbox.checked { background-image:/*＼**//*url("../../images/user/common/checkbox_on_IE8.png"); } IE8*/
/*label.checkbox:hover,
label.checkbox:focus { background-image:url("../../images/user/common/check_over.gif"); }*/

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

.dimLogin { 
    display:none;
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background: rgba(249, 248, 248, 0.2);
    z-index:100;
}
.dimLogin.open {
    display:block !important;
    opacity:.4;
}

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

.accessibility			{ position:relative; }
.accessibility a		{ 
	position:absolute;
	left:0;
	top:0;
	height:1px;
	overflow:hidden;
	font-weight:500;
	z-index:99999; 
}
.accessibility a:focus	{ 
	z-index:999;
	padding-left:30px;
	width:120px;
	height:35px;
	line-height:35px;
	background:#008ed8;
	color:#fff;
	overflow:hidden;
	outline:0; 
}

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

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

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

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

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

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

.tooltip-wrap {
	display:inline-block;
	position:relative;
    vertical-align: top;
    margin-right:4px;
}
.tooltip-wrap .tooltip-content {
	position:absolute;
	background:rgba(0,0,0,.8);
	padding:10px 15px;
	color:#fff;
	bottom:100%;
	left:50%;
	margin-bottom:-7px;
	white-space:nowrap;
	line-height:1.6em;
	transform:translateX(-50%);
	border-radius:5px;
	opacity:0;
	transition:all .5s;
}
.tooltip-wrap input:focus ~ .tooltip-content { 
	margin-bottom:7px;
	opacity:1;
}
.tooltip-wrap .tooltip-content:after {
	content:'';
	position:absolute;
	bottom:-5px;
	left:50%;
	margin-left:-5px;
	border:5px solid transparent;
	border-bottom:0;
	border-top:5px solid rgba(0,0,0,.8);	
}

.wrap { 
	max-width:1240px;
	min-width:320px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
.site-mn .wrap {
	max-width:1000px;
}

/* btn */
.btn-cont { text-align:right;margin-top:30px; }
.btn-cont.left { text-align:left; }
.btn-cont.center { text-align:center; }
.btn-cont-top { text-align:right; }
.btn-cont-top .btn { position:relative;top:-50px }

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

.btn-cont a,
.btn { 
	padding:0 50px;
	height:50px;
	line-height:48px;
	font-weight:300;
	font-size:1.077em;
	min-width:166px;
}
.btn-cont .btn2,
.btn2 { 
	padding:0 20px;
	height:38px;
	line-height:36px;
	font-weight:300;
	width:auto;
	min-width:60px;
}
.btn3 { 
	padding:0 10px;
	height:24px;
	line-height:22px;
	font-size:0.923em; 
}
.btn4 { 
	width:105px;
	text-align:center;
	height:43px;
	line-height:43px;
	font-size:1.154em;
	font-weight:300; 
}

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

.btn-cont a,
.btn,
.btn2,
.btn3,
.btn4 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

/* btn : default */
.btn-cont a,
.btn,
.btn2,
.btn3,
.btn4 { background:#fff;border:1px solid #003a79;color:#333;font-weight:400; }
.btn-cont a:hover, .btn-cont a:focus,
.btn:hover, .btn:focus,
.btn2:hover, .btn2:focus,
.btn3:hover, .btn3:focus,
.btn4:hover, .btn4:focus{ background:#e5ebf1; }

/* btn : spot */
.btn-cont a.spot,
.spot { 
	background-color:#003a79;
	border:1px solid #003a79;
	color:#fff; 
}
.btn-cont a.spot:hover,
.btn-cont a.spot:focus,
.spot:hover, 
.spot:focus { 
	background:#004da1; 
	border-color:#004da1;
}

/* btn : spot2 */
.btn-cont a.spot2,
.btn.spot2,
.btn2.spot2,
.btn3.spot2,
.btn4.spot2{ 
	color:#fff;
	background-color:#8d8d8d;
	border:1px solid #8d8d8d;
}
.btn-cont a.spot2:hover,
.btn-cont a.spot2:focus,
.spot2:hover, 
.spot2:focus { background:#aaaaaa; }

.btn-cont a.spot3,
.btn.spot3,
.btn2.spot3,
.btn3.spot3,
.btn4.spot3 { 
	color:#fff;
	background:#1a6dc7;
	border:1px solid #1a6dc7;
}

/* btn : del */
.btn-cont a.spot4,
.spot4 { 
	color:#333;
	background-color:#eee;
	border:1px solid #ccc; 
}
.btn-cont a.spot4:hover,
.btn-cont a.spot4:focus,
.spot4:hover, 
.spot4:focus { background:#ddd; }

/* btn : ico */

.btn-cont a.dw,
a.btn.dw { 
	padding-left:56px;
	background-image:url("../../images/user/common/ico_download.png");
	background-position:30px center;
	background-repeat:no-repeat; 
}

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

/* jquery-plugin selectBox 
.customSelectBox			{ 
	font-size:0.923em;
	background-color:#ffffff;
	color:#333;
	height:28px;
	line-height:28px;
	border:1px solid #ddd;
	cursor:default;
	vertical-align:middle !important; 
}
.customSelectBox a { 
	color:#003a79;
	text-decoration:none !important;
	text-align:left;
	overflow:hidden;
	text-overflow:ellipsis; 
}
.customSelectBox ul			{ 
	width:100%; 
}
.customSelectBox li a:hover	{ 
	background-color:#f9f9f9; 
}
.customSelectBoxDisabled { 
	background-color:#eee;
	color:#999; 
}
.customSelectBox .customSelectBoxArrow	{ 
	width:30px;
	height:30px;
	padding:0;
	background:url('../../images/user/common/select_arr.png') center no-repeat ;
}
.customSelectBox.changed { background-color: #ffffff; }
.customSelectBox .customSelectBoxInner { 
	white-space:nowrap;
	padding:0 9px; 
}
.customSelectBox .customStyleSelectBorderStrong	{ 
	border-color:#000000;
}
.customSelectBox .customSelectBoxOption { 
	background-color:#fff;
	max-height:120px;
	overflow:auto;
	border:1px #ddd solid;
	top:26px; 
}
.customSelectBox .customSelectBoxOption li { 
	display:block;
}
.customSelectBox .customSelectBoxOption li.optionSelected { 
	background-color:#f1f1f1; 
}
.customSelectBox ~ .customSelectBox { 
	margin-left:2px; 
}
.customSelectBox ~ input,
input ~ .customSelectBox { 
	margin-left:2px; 
}*/

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

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

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

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

.diagram { 
	display:block;
	margin:0 auto 40px; 
}
.scroll-cont { 
	overflow:hidden;
	overflow-y:auto;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	margin-top:20px;
 }

.tabs .ui-tabs-panel.scroll-cont {
	height:400px;
}
.scroll-cont h2 { font-size:1.8em !important;color:#003a79; }
.scroll-cont p { font-size:1.071em;line-height:1.8em }
.scroll-cont p + p { margin-top:10px; }
.scroll-cont p + h2 { margin-top:50px;margin-bottom:15px; } 
.scroll-cont h3 { margin-top:30px;margin-bottom:15px; }

/* site-lnb*/
.site-lnb { 
	position:absolute;
	line-height:26px;
	overflow:hidden;
	height:100%;
	width:200px;
	border-left:1px solid #ccc;	
	border-right:1px solid #ccc;
	background:#fefefe;
	left:50%;
	margin-left:-620px;
}
.site-lnb h2 {
	color:#003a79;
	text-align:center;
	font-weight:500;
	font-size:1.846em;
	height:70px;
	line-height:70px;
	padding-top:10px;
	border-bottom:1px solid #ccc;
	background:#fff;
	white-space:nowrap;
	letter-spacing:-0.025em;
}
.site-lnb li { 
	border-bottom:1px solid #ccc;
}
.site-lnb li a { 
	display:block;
	padding:15px 0;
	text-align:center;
	color:#777;
	font-weight:400;
	font-size:1.231em;
	white-space:nowrap;
}
.site-lnb li a:hover, 
.site-lnb li a:focus { background:#f9f9f9; }
.site-lnb li.current a { 
	background:#003a79;
	color:#fff;
	padding:16px 1px;
	margin:-1px;
}
.site-lnb li.current a:hover,
.site-lnb li.current a:focus { background-color:#003a79; }
.site-lnb.type2 { height:78px; }
.site-lnb.type2 li a { padding:25px 0; }
.site-lnb.type2 li.doubleline a { padding:12px 0; }
.site-lnb.type2 li.current a { padding:26px 1px; }
.site-lnb.type2 li.doubleline.current a { padding:13px 1px; }

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

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

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

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

/* jquery-plugin :  datepicker */
.datepicker { width : 120px !important}
.cal {width: 120px !important}
.ui-datepicker-trigger {
    position:relative;
/*     margin-top:10px; */
    margin-left:-27px;
    vertical-align:middle;
}
.ui-datepicker { 
	background-color:#fff;
	border: 1px solid #dddddd;
	width: 200px;
	padding:12px 5px 5px;
	display: none; 
}
.ui-datepicker .ui-datepicker-header { 
	position: relative;
	padding: 0 0; 
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	overflow:hidden;
	position: absolute;
	top: 0px;
	width: 20px;
	height: 30px;
	background-image:url('../../images/user/common/datepick_arr.png');
	text-indent:-999px;
	background-repeat:no-repeat;
	cursor:pointer; 
}
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover { 
	background-image:url('../../images/user/common/datepick_arr_on.png'); 
}
.ui-datepicker .ui-datepicker-prev { 
	left: 5px;
	background-position:0 center; 
}
.ui-datepicker .ui-datepicker-next { 
	right: 5px;
	background-position:right center;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span { 
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 45%;
	margin-top: -8px; 
}
.ui-datepicker .ui-datepicker-title { 
	margin: 0 1em;
	line-height: 30px;
	text-align: center; 
}
.ui-datepicker .ui-datepicker-title select { 
	font-size: 1em;
	margin: 1px 0; 
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { 
	width: 40%;
	margin:0 2px;
	padding:1px;
	border:1px solid #aaa; 
}
.ui-datepicker table { 
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 10px 0 .2em;
	border-top:2px solid #aaa; 
}
.ui-datepicker th { 
	padding: .3em .3em;
	font-size:11px;
	text-align: center;
	height:14px;
	font-weight: bold;
	border: 0;
	border-bottom:1px solid #ddd;
	background-color:#fff;
	background:#f9f9f9;
}
.ui-datepicker tr:first-child td { border-top:0; }
.ui-datepicker td {	
	text-align:center;
	border: 0;
	padding: 1px;
	height:14px; 
}
.ui-datepicker td span,
.ui-datepicker td a { 
	display: block;
	padding: .2em;
	text-decoration: none;
	border-bottom:0; 
}
.ui-datepicker .ui-datepicker-buttonpane { 
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0; 
}
.ui-datepicker .ui-datepicker-buttonpane button { 
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible; 
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }
/* .hasDatepicker + img { margin-left:10px;vertical-align:middle; } */

/* jquery-plugin dialog */
.ui-widget-overlay {
     position:fixed;
    width:100%;
    height:500%;
    top:0;
    left:0;
    background:#000;
    opacity:0.6;
    filter:alpha(opacity=60);
    z-index:99999;
}
.ui-dialog {
    position:absolute;
    padding-bottom:10px;
    background:#fff;
    top:140px;
    z-index:100000;
}
.ui-dialog .ui-dialog-titlebar {
    background:#003a79;
    height:45px;
    padding:0 20px;
    position:relative;
}
.ui-dialog .ui-dialog-title {
    color:#fff;
    font-size:15px;
    line-height:45px;
}
.ui-dialog .ui-dialog-titlebar-close {
    position:absolute;
    width:45px;
    height:45px;
    overflow:hidden;
    top:0;
    right:10px;
    text-indent:-999px;
    background:url("../../images/user/common/pop_close_wht.png") center center no-repeat;
    border:0;
}
.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding:30px 40px 20px;
    background: none;
    overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    text-align:center;
}
.ui-dialog .ui-dialog-buttonpane button {
    display:inline-block;*zoom:1;*display:inline;
    text-align:center;
    vertical-align:middle;
    white-space:nowrap;
    cursor:pointer;
    border: none;
    padding:0 30px;
	height:40px;
	line-height:38px;
	font-size:14px;
	font-weight:300;
    background:#fff;
    color:#000;
    border:1px solid #003a79;
    box-sizing:border-box;
    outline:0;
    margin-left: 10px;
}
.ui-dialog .ui-dialog-buttonpane button:only-child,
.ui-dialog .ui-dialog-buttonpane button.spot {
    background:#003a79;
    color:#fff;
}
.ui-dialog .ui-resizable-se {
    width: 12px;
    height: 12px;
    right: -5px;
    bottom: -5px;
    background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

/* ui-autocomplete */
.ui-autocomplete { 
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
	z-index:9999;
	max-height:300px;
	overflow-y:scroll;
    box-sizing:border-box;
}
.ui-autocomplete.ui-widget-content { 
	border: 1px solid #aaaaaa;
	background: #ffffff;
	color: #222222;
	padding:7px 0;
	line-height:1.8em;
}
.ui-autocomplete .ui-menu-item  { padding:5px 10px;line-height:1.8em; }
.ui-autocomplete .ui-menu-item:hover { background:#f5f5f5; }
.ui-autocomplete .ui-menu-item .ui-state-hover,
.ui-autocomplete .ui-menu-item .ui-state-focus{ 
	display:block;
	background:#f5f5f5;
}
.ui-helper-hidden-accessible { 
	position: absolute;
	left: -9999px; 
}

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

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

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

table th { font-weight:500; }

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

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


.info-type td strong { font-size:18px;font-weight:500;color:#333; }

.ipt-repeat,
.ipt-repeat:hover,
.ipt-repeat:focus { 
	border:0;
	border-bottom:1px solid #555;
	font-size:1em;
	vertical-align:baseline;
	text-align:left;
	padding:0;
	text-indent:0;
	font-weight:500;
	background-color:transparent; 
	padding-left:10px;
	padding-right:10px;
}
.ipt-repeat::-webkit-input-placeholder { color: #dddddd;font-style:italic; }
.ipt-repeat::-moz-placeholder { color: #dddddd;font-style:italic; }
.ipt-repeat:-ms-input-placeholder { color: #dddddd;font-style:italic; }
.ipt-repeat:-moz-placeholder { color: #dddddd;font-style:italic;}

.placeholder { display:inline-block !important;position:relative !important; }
.placeholder .txt { 
	position:absolute !important;
	font-size:1em !important;
	color:#ddd !important;
	z-index:-1 !important;
	text-align:left;
	white-space:nowrap;
	width:100%;
	padding-left:10px;
	padding-right:10px;
}
.placeholder .ipt-repeat { background:translate !important; }

.printpage .sign .ipt-repeat .txt ,
.printpage .sign .ipt-repeat { letter-spacing:0.1em; }

.printpage .sign {
	margin-top:40px;
	margin-bottom:40px;
	font-size:1.231em;
	line-height:1.8em;
	font-weight:500;
}
.printpage .sign span {
	display:block;
}
.printpage .sign .ipt-repeat { letter-spacing:0.1em; }

/* 확인서 단독 프린트 */
.pop-body .btn-cont:first-child { margin-top:0;margin-bottom:20px; }
.printpage.pop-confirmation { padding: 0px; }
.printpage.pop-confirmation h1 { font-size:40px; }
.printpage.pop-confirmation .txt-confirm { padding:50px 50px;font-size:20px;text-align:left; }
.printpage.pop-confirmation .txt-confirm small { display:block;margin-top:1cm;color:#999; }
.printpage.pop-confirmation .sign { margin-bottom:50px; }
.printpage.pop-confirmation cite.company { line-height:1.1em; }

@media print { 
	.printpage { font-size:9.5pt; }
	.printpage h1{ padding-top:1em; }
	.info-type.print table th,	
	.info-type.print table td { color:#000 !important; }
	.info-type.print table td { padding:.3em 1em;vertical-align:middle; }
	.printpage.pop-confirmation { padding:2cm 1cm 0 }
	.printpage.pop-confirmation .txt-confirm { padding:4.5cm 0; }
}


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

/* table : list-type */
.list-type .select-cont + .btn-cont { 
	margin-top:-51px;
	margin-bottom:15px;
}
h3 + .list-type .btn-cont:first-child,
h4 + .list-type .btn-cont:first-child { 
	margin-top:-46px;
	margin-bottom:10px;
}
.inquiry-box + .list-type { margin-top:50px; }
.list-type > cite { 
	display:block;
	font-size:1.077em;
	margin:10px 0;
	font-weight:600;
}
.list-type > cite span { 
	float:right;
	font-weight:normal;
	color:#666; 
}

.list-type { 
	position:relative;
	clear:both; 
	/*border-bottom:/*＼*1px solid #dcdcdc;*/
}
.list-type .more { 
	float:right;
	height:20px;
	margin-top:-38px;
	margin-bottom:15px;
	padding-left:24px;
	color:#333;
	font-weight:600;
	font-size:1.077em;
	background:url("../../images/user/main/more.gif") 0 center no-repeat;
}
.list-type table { 
	clear:both;
	border-top:2px solid #0b76c8;
	border-bottom:1px solid #dcdcdc; }
.list-type table + table { margin-top:-1px; }
.list-type table thead th { 
	vertical-align:top;
	color:#555;
	height:20px;
	padding:15px 0;
	line-height:20px;
	background-color:#f9f9f9;
	border-bottom:1px solid #dcdcdc; 
}
.list-type table thead th.left { 
	padding-left:30px;
	text-align:left;
	font-size:1em; 
}
.list-type table thead th span { 
	display:block;
	line-height:1.623em;
	font-weight:normal;
	font-size:0.857em 
}
.list-type table tbody th,
.list-type table tbody td { 
	padding:10px;
	min-height:30px;
	*height:auto;
	border-top:1px solid #dcdcdc;
	vertical-align:middle;
	line-height:20px;
	color:#444; 
}
.list-type table tbody th { 
	vertical-align:top;
	color:#555;
	font-size:1.077em;
}
.list-type table tbody td { 
	text-align:center;
	color:#000;
	vertical-align:middle;
	padding-left:2px;
	padding-right:2px; 
	font-size:1.077em;
	line-height:1.929em;
}
.list-type table tbody td a:hover em { 
	text-decoration:underline; 
}
.list-type table tbody tr:hover th,
.list-type table tbody tr:hover td{ 
	background-color:#fcfcfc; 
}
.list-type table th { 
	background:#f9f9f9 
}
.list-type table tbody tr:hover th { 
	background:#f1f1f1; 
}
.list-type.no-hover table tbody tr:hover td { 
	background-color:transparent; 
}
.list-type.no-hover table tbody th,
.list-type.no-hover table tbody td { 
	padding-top:12px;
	padding-bottom:12px;
}
.list-type table tbody td.al a { 
	display:block;
	max-width:100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis; 
}
.list-type table tbody td.al .book-thumb {
	vertical-align:middle;
}
.list-type table tbody td.al .book-thumb + a  {
	display:inline-block;
	vertical-align:middle;
	font-size:1.143em;
	font-weight:400;
	margin-left:40px;
	max-width:calc(100% - 150px);
	white-space:normal;
}
.list-type table a.big { 
	font-size:1.231em;
	font-weight:500; 
}
.list-type table tbody td.al a.mod { 
	display:inline-block;
	*zoom:1;
	*display:inline;
	vertical-align:middle;
	padding-left:12px;
	margin-left:15px;
	font-size:0.923em;
	background:url('../../images/user/common/ico_pen.gif') 0 center no-repeat;
	color:#0077ce;
	text-decoration:underline; 
}
.list-type table tbody td a:hover { 
	text-decoration:underline; 
}
.list-type table tbody td a.btn2:hover,
.list-type table tbody td a.btn3:hover,
.list-type table tbody td a.btn4:hover { 
	text-decoration:none 
}
.list-type table tbody td.period p span { 
	display:inline-block;
	*zoom:1;
	*display:inline;
	width:43px;
	margin-right:5px;
	text-align:left;
	background:url("../../images/user/common/bar.gif") right center no-repeat; 
}
.list-type.borderd thead th + th,
.list-type.borderd tbody td + td { 
	border-left:1px solid #ddd; 
}
.list-type.borderd tbody tr:nth-child(even) td { 
	border-top:1px dashed #dcdcdc; 
}
.list-type table tbody .blue th,
.list-type table tbody .blue td { 
	color:#128ee1;
	font-weight:500; 
}
.confirm-o { 
	color:#0c77ca;
	font-weight:500; 
}
.confirm-x { 
	color:#ff6810;
	font-weight:500; 
}
a.confirm-o,
a.confirm-x { text-decoration:underline; }
.list-type table td.re1 a,
.list-type table td.re2 a,
.list-type table td.re3 a,
.list-type table td.re4 a,
.list-type table td.re5 a,
.list-type table td.re6 a{ 
	background:url('../../images/user/common/reple.gif') 0 1px no-repeat;
	padding-left:20px; 
}
.list-type table td.re1 { padding-left:25px }
.list-type table td.re2 { padding-left:45px }
.list-type table td.re3 { padding-left:65px }
.list-type table td.re4 { padding-left:85px }
.list-type table td.re5 { padding-left:105px }
.list-type table td.re6 { padding-left:125px }
.list-type table tfoot td {
	border-top:1px solid #777;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	font-size:1.077em;
}
.list-type table tfoot td.ar {
	text-align:right;
}
.list-type table tfoot .sum td { 
	background:#0b76c8;
	border-top:1px solid #0b76c8;
	vertical-align:middle;
	height:49px;
	text-align:center; 
	color:#fff;
	font-size:1.231em;
}
.list-type table tfoot td strong {
	font-size:1.286em;
}
.list-type.detail th,
.list-type.detail td { 
	text-align:left;
	display:block; 
}
.list-type.detail thead th { 
	padding:10px 30px;
	font-size:1em; 
}
.list-type.detail tbody td { 
	padding:20px 30px 20px; 
	font-size:1.077em;
}
.list-type.detail tbody td .list-tit { 
	display:block;
	font-size:1.286em;
	line-height:1.5em;
	font-weight:400;
	margin-bottom:15px;
	max-width:100%;
	color:#000;
}
.note-tit { 	
	font-size:1.286em;
	font-weight:400;
	margin-top:40px;
	color:#000;
}
.list-type.detail tbody td .list-tit span + span {
	margin-left:10px;
	padding-left:13px;
	display:inline-block;
	background:url("../../images/user/common/bar.gif") 0 center no-repeat;
}
.list-type.detail tbody td .list-tit span:nth-child(3) ,
.list-type.detail tbody td .list-tit span:nth-child(4) { font-size:0.833em; }
.list-type.detail tbody td p {
	line-height:1.714em;
}
.list-type.detail tbody td p.short {
	height:3.429em;
	overflow:hidden;
}
.list-type.detail tbody td a.list-tit:hover { 
	text-decoration:underline;
	border-bottom:0; 
}
.list-type.detail tbody td a.list-tit:hover em { 
	text-decoration:underline; 
}
.list-type.detail tbody td a.list-tit ~ p { 
	height:3.5em;
	overflow:hidden;
	margin-bottom:8px; 
}
.list-type.detail tbody td p { 
	line-height:1.769em; 
}
.list-type.detail tbody td a.list-tit ~ .info-detail ,
.list-type.detail tbody td .info-detail { 
	height:auto;
	padding:0;
	margin-bottom:8px;
}
.list-type.detail tbody td .info-detail cite,
.list-type.detail tbody td .info-detail span { 
	display:inline-block;
	*zoom:1;
	*display:inline;
	vertical-align:middle; 
}
.list-type.detail tbody td .info-detail cite { 
	color:#777;
	font-weight:300;
}
.list-type.detail tbody td .info-detail span { 
	color:#000;
	margin-left:10px;
	padding-left:11px;
	background:url('../../images/user/common/bar.gif') 0 6px no-repeat; 
}
.list-type.detail table tbody tr:hover td { 
	background-color:transparent; 
}
.list-type.photo tbody td { 
	position:relative; 
	padding-left:295px;
	min-height:150px;
}
.list-type.photo .pic-cont { 
	position:absolute;
	overflow:hidden;
	top:20px;
	left:0px;
	width:266px; 
}
.list-type.photo .pic-cont a { 
	display:block;
	width:266px;
	height:149px;
	overflow:hidden; 
}
.list-type.photo .pic-cont img { 
	display:block;
	margin:0;
	width:100%;
}
.list-type.photo .pic-cont .play-btn { 
	position:absolute;
	left:50%;
	margin-left:-26px;
	top:50%;
	margin-top:-26px;
	background:url('../../images/user/common/btn_play.png') 0 0 no-repeat;
	width:55px;
	height:55px;
	overflow:hidden;
	text-indent:-999px;
}
.run-time { 
	display:inline-block;
	*zoom:1;
	*display:inline;
	margin-left:10px;
	background:#777;
	color:#fff;
	padding:0 9px;
	font-size:0.835em;
	line-height:1.8em;
	vertical-align:top;
}
.list-type td.al { 
	text-align:left;
	padding-left:20px; 
}
.list-type td.ar { 
	text-align:right;
	padding-right:20px; 
}
.secret { 
	position:absolute;
	margin-left:5px;
	width:12px;
	height:20px;
	vertical-align:middle;
	overflow:hidden;
	text-indent:-999px;
	background:url('../../images/user/common/ico_secret.png') 0 center no-repeat;
}
.secret + a { padding-left:30px; }

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

td.inner-list-type,
tr:hover td.inner-list-type { border-top:0 !important;background:#fff !important; }
tr:hover td.inner-list-type td { background:#fff !important; }
.inner-list-type .list-type {
	padding:0 10px 10px;
	font-size:0.857em;
}
.inner-list-type .list-type table { border:1px solid #ccc;	}
.inner-list-type .list-type table thead th { border-top:1px solid #ccc; }
.inner-list-type .list-type table tbody td { padding-top:6px;padding-bottom:6px;line-height:1.5em; }
.inner-list-type .list-type table tbody td a.btn3 { height:28px;line-height:26px;font-size:1em; }
.inner-list-type .list-type table tbody td a.btn3 + a.btn3 { margin-left:5px; }
 tr:hover .inner-list-type .list-type table thead th { background:#f9f9f9; }

.pay-summ { 
	position:relative;
	padding-left:11px;
	display:inline-block;
	vertical-align:top;
	line-height:24px;
	padding-top:6px;
	margin-left:10px;
 }
 .pay-summ:before {
 	content:'';
 	position:absolute;
 	width:1px;
 	height:10px;
 	background:#ddd;
 	top:13px;
 	left:0;
 }
.comment { 
	display:block;
	margin-top:15px;
	line-height:1.6em;
	margin-bottom:10px;
	color:#128ee1; 
	font-size:14px;
}
strong.comment { 
	display:block;
	margin-top:36px;
	margin-bottom:10px;
	color:#0c77ca;
	font-size:1.077em;
	line-height:1.714em; 
}

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

.txt { font-size:1.077em; }
.info-type + .txt { margin-top:10px; }
.txt + .info-type { margin-top:10px; }
.txt-confirm { 
	margin:20px 0;
	font-size:1.231em;
	font-weight:500;
	line-height:1.8em; 
}

cite.company { 
	margin-top:40px;
	display:block;
	text-align:center;
	font-size:2.2em;
	font-weight:600; 
}

.msg { 
}
.msg h2 { 
	font-weight:500;
	line-height:1.4em;
	margin-bottom:10px;
}
.msg p { }

/* list */
.list-type1 li {
	font-size:1.077em;
}
.list-type1 li + li {
	margin-top:6px;
}
.list-type2 li {
	font-size:18px;
	font-weight:400;
}
.list-type2 li + li {
	margin-top:10px;
}
.pop-notice .noti-contents ul.num-list,
.pop-notice .noti-contents ul.num-list li {  list-style:none; }
.pop-notice .noti-contents ul.num-list li { font-size:1.15em; }
.num-list {
	list-style:none;
	counter-reset: my-awesome-counter;
}
.num-list li {
	list-style:none;
	counter-increment: my-awesome-counter;
	letter-spacing:-0.05em;
	padding-left:80px;
	position:relative;
	font-weight:normal;
}
.num-list li ~ li { margin-top:8px; }
.num-list li strong:before {
	content: counter(my-awesome-counter) ". ";
	font-weight:bold;
}
.num-list li strong { font-weight:600;position:absolute;left:0;top:0; }
.num-list li small { font-size:0.85em;color:#555; }

/* table : search-type */
.search-type { 
	border-top:2px solid #999999;
	border-bottom:1px solid #ccc;
	padding:7px 0;margin:20px 0; 
}
.search-type table th { 
	padding:3px 10px;
	line-height:30px;
	text-align:left;
	vertical-align:top; 
}
.search-type table td { 
	padding:3px 10px;
	vertical-align:middle;
	line-height:30px;
	color:#666; 
}
.search-type table td span:not([class]) { 
	margin-left:15px; 
}
.search-type table td > span { vertical-align:middle; }
.search-type + .btn-cont {
	margin-top:-10px;
}
h4 + .comment { margin-top:20px; }
.comment + .search-type { margin-top:5px; }
/* table : write-type */
.write-type {	
	border-top:1px solid #dfdfdf;
	border-bottom:1px solid #dcdcdc;
	padding:10px 60px;
}
.write-type table { 
}
.write-type table + table { 
	margin-top:-1px;
}
.write-type table th.required { 
	background:url('../../images/user/common/star2.png') right 20px no-repeat;
}
.write-type table thead th,
.popup .write-type table th { 
	line-height:30px;
	background-color:#f5f5f5;
	text-align:left; 
}
.popup .write-type table th.required { 
	background:url('../../images/user/common/star.png') 7px 20px no-repeat #f5f5f5;
}
.write-type table th { 
	vertical-align:top;
	text-align:left;
	padding:10px 10px 10px 10px;
	line-height:40px;
	font-size:1.077em;
	font-weight:400;
}
.write-type table td { 
	vertical-align:top;
	color:#555;
	line-height:30px;
	padding:10px 10px 10px 20px; 
}
.write-type table td br ~ input,
.write-type table td br ~ span,
.write-type table td br ~ label { 
	margin-top:8px;
	vertical-align:middle; 
}
.write-type table td input + span { 
	margin-left:5px; 
}
.write-type table td.ac { 
	text-align:center; 
}
.write-type table tbody + tbody tr:first-child th,
.write-type table tbody + tbody tr:first-child td { 
	border-top:1px solid #bbb; 
}
.write-type table .label { 
	display:inline-block;
	*zoom:1;
	*display:inline;
	font-weight:600;
	font-size:0.923em;
	margin-right:6px; 
}
.write-type table span.fx { 
	margin:0 15px;
	vertical-align:middle; 
}
.write-type table p { 
	line-height:22px;
	margin-top:5px;
	color:#555; 
}
.write-type table p + p { 
	margin-top:0; 
}
.write-type table p.em { 
	color:#128ee1; 
}
.write-type table td .btn2 { 
	padding:0 15px;
	margin-left:20px; 
}
.write-type table td input + .btn2 { 
	margin-left:6px; 
}

/* write-type2 */
.write-type2 { clear:both; }
.write-type2 > cite { 
	display:block;
	font-size:1.077em;
	margin:10px 0;
	font-weight:600; 
}
.write-type2 table { 
	border-top:2px solid #0b76c8;
}
.write-type2 table thead th { 
	background-color:#f5f5f5;
	border-bottom:1px solid #dcdcdc;
	text-align:center;
	font-size:1.3em 
}
.write-type2 table th { 
	padding:8px 0 8px 0;
	border-bottom:1px solid #dcdcdc;
	vertical-align:top;
	background:#f9f9f9;
	text-align:center;
	line-height:38px;
	color:#444; 
	font-weight:400;
}
.write-type2 table th.required {  }
.write-type2 table th span { 
	display:block;
	font-weight:normal;
	font-size:0.923em; 
}
.write-type2 table td { 
	padding:8px 20px 8px 50px;
	border-bottom:1px solid #dcdcdc;
	vertical-align:top;
	color:#666; 
	line-height:38px;
}
.write-type2 table td .btn2.spot2 {
	/*background:#f5f5f5;
	color:#000;*/
}
.write-type2 table th.ac,
.write-type2 table td.ac,
.write-type2 table tr.ac th,
.write-type2 table tr.ac td { 
	padding:14px 0;
	text-align:center; 
}
.write-type2 table tr.ac th.al { 
	padding-left:20px;
	text-align:left; 
}
.write-type2 table tr.strong td { 
	font-weight:600;
	font-size:1.077em;
	color:#333; 
}
.write-type2 table td .td-noti { display:block;margin-top:5px;color:#333;background:rgba(11,118,200,0.05);padding:10px;border:1px solid rgba(11,118,200,0.2);line-height:20px; }
.write-type2 table td span.fc-red { line-height:20px;font-size:13px;display:block;color:#f50d35;margin-top:5px; }
.write-type2 table td span.fc-blue { line-height:20px;font-size:13px;display:block;color:#128ee1;margin-top:5px; }
.write-type2 table td span.fc-gray { line-height:20px;font-size:13px;display:block;color:#777;margin-top:5px; }

.noti { display:block;margin-top:15px;color:#333;background:rgba(11,118,200,0.05);padding:10px;border:1px solid rgba(11,118,200,0.2);line-height:20px; }

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

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

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

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

/* opinion */
.opinion { 
	margin-top:40px;
}
.opinion section { 
	padding-bottom:10px;
}
.opinion h3 { 
	padding:0 0 0 26px;
	background:url('../../images/user/common/ico_opinion.png') 0 center no-repeat;
	height:18px;
	font-size:1.231em;
	color:#383c3f; 
}
.opinion .opinion-list li { 
	border-bottom:1px dotted #ddd;
	position:relative;
	padding:20px 80px 20px 20px; 
}
.opinion .opinion-list li cite { 
	background:url('../../img/manager/common/profile.png') 0 0 no-repeat;
	padding-left:21px;
	margin-right:18px;
	color:#333;
	font-weight:400; 
}
.opinion .opinion-list li time { 
	color:#777;
}
.opinion .opinion-list li p { 
	margin-bottom:10px;
	font-size:1.077em;
	color:#000;
	font-weight:300;
}
.opinion .opinion-list li a.delete { 
	position:absolute;
	padding-left:16px;
	text-indent:0;
	width:auto;
	background:url('../../images/user/common/ico_delete.gif') 0 center no-repeat;
	line-height:18px;
	text-decoration:underline;
	top:20px;
	right:20px; 
}
.opinion .opinion-write { 	
	border-top:2px solid #929292;
	border-bottom:1px solid #ddd;
	padding:20px 0; 
}
.opinion .opinion-write label { 
	display:block;
	font-size:14px;
	font-size:1.4rem;
	font-weight:500;
	margin-bottom:5px; 
}
.opinion .opinion-write div { 
	position:relative;
	background:#fff;
	border:1px solid #cfcfcf;
	padding:12px 20px; 
	box-sizing:border-box;
	height:98px;
}
.opinion .opinion-write span { 
	color:#555; 
}
.opinion .opinion-write span em {
	color:#333;
	font-weight:500;
}
.opinion .opinion-write a.btn { 
	position:absolute;
	right:0px;
	bottom:0px;
	background-position:10px center;
	background-repeat: no-repeat; 
	height:100%;
	width:98px;
	min-width:/*＼**/ 98px;
	line-height:98px;
	padding:0;
}
.opinion .opinion-write div textarea { 
	padding:0;
	border:0;
	width:100%;
	height:70px;
	overflow:hidden;
	resize:none;
}
.opinion .opinion-eval { 
	background:#f4f4f4;
	padding:5px;
}
.opinion .opinion-eval dl { 
	background:#fff;
	padding:17px 20px; 
}
.opinion .opinion-eval dt { 
	font-size:15px;
	font-size:1.5rem;
	font-weight:500;
}
.opinion .opinion-eval dd { 
	padding-left:90px; 
}
.opinion .opinion-eval dt + dd { 
	margin-top:-25px; 
}
.opinion .opinion-eval dd + dt { 
	margin-top:15px; 
}
.opinion .opinion-eval dd label { 
	display:inline-block;
	font-size:13px;
	font-size:1.3rem;
	font-weight:normal; 
}
.list-more { 
	display:block;
	margin-top:-1px; 
	text-align:center;
	padding:20px;
}
.list-more span { 
	display:inline-block;
	zoom:1;
	*display:inline;
	padding-right:25px;
	background:url('../../images/user/common/arr.png') right center no-repeat; 
}
.list-more.list-loading span {
	background:url('../../images/user/common/list_loading.gif') right center no-repeat; 
}
.list-more:hover {
	color:#0b76c8;
}

.add-product {
	display:block;
	margin-top:-1px; 
	text-align:center;
	padding:20px;
	color:#000;
	font-size:1.077em;
}
.add-product:hover {
	text-decoration:underline;
}
.add-product span { 
	display:inline-block;
	zoom:1;
	*display:inline;
	background:url('../../images/user/common/ico_add.gif') right center no-repeat; 
	background:/*＼**/ url('../../images/user/common/ico_add_IE8.gif') right center no-repeat; /* IE8 */
	width:40px;
	height:40px;
	margin-right:15px;
	vertical-align:middle;
}
.opinion .reple	{ 
	margin:0 0 80px 0;
	border-top:1px solid #e7e7e7; 
}
.opinion .reple li	{ 
	padding:15px 20px;
	border-bottom:1px solid #e7e7e7;
	position:relative; 
}
.opinion .reple li	 cite	{ 
	background:url('../../img/manager/common/profile.png') 0 0 no-repeat;
	padding-left:21px;
	margin-right:18px; 
}
.opinion .reple li	 span { 
	color:#777; 
}
.opinion .reple li	 p	{ 
	margin-top:8px;
	word-wrap : break-word; 
	word-break : break-all 
}
.opinion .reple a.del	{ 
	position:absolute;
	top:19px;
	*top:15px;
	right:20px;
	padding-left:16px;
	line-height:12px;
	overflow:hidden;
	background:url('../../img/manager/common/delete2.gif') 0 0 no-repeat;
	cursor:pointer;
	text-decoration:underline;
	color:#555; 
}

/* -----------------------
	SITE-HEADER 
 ----------------------- */

/* util */
.site-header { 
	/* min-width:1000px; */
}
.site-header .util,
.site-header h1,
.site-header nav > ul{	
	max-width:1240px;
	min-width:320px;
	margin:0 auto;
	box-sizing:border-box;
}
.site-mn .site-header .util,
.site-mn .site-header h1,
.site-mn .site-header nav > ul{
	max-width:1000px;
}
.site-header .util ul { 
	text-align:right;
	padding-top:12px;
}
.site-header .util ul > li { 
	display:inline-block;
	*zoom:1;
	*display:inline;
	vertical-align:top;
	font-size:13px;
}
.site-header .util ul > li + li { 
	background:url("../../images/user/header/partition.gif") 0 center no-repeat;
	padding-left:16px;
	margin-left:12px; 
}
.site-header .util ul > li.fl + li { 
	clear:left;
	background:none; 
}
.site-header .util ul > li > a { 
	display:inline-block;
	color:#003a79;
	height:15px;
	line-height:15px;
	font-weight:400;
}
.site-header .util ul > li > a:hover { text-decoration:underline; }
.site-header .util ul > li.remote > a {	
	padding-left:22px;
	background:url("../../images/user/header/ico_remote.png") 0 1px no-repeat;
}
.site-header .util ul > li.login > a {	
	padding-left:23px;
	background:url("../../images/user/header/ico_util.png") 0 0 no-repeat;
}
.site-header .util ul > li.join > a {
	padding-left:23px;
	background:url("../../images/user/header/ico_util.png") 0 -30px no-repeat;
}
.site-header .util ul > li.user > a {
	padding-left:23px;
	background:url("../../images/user/header/ico_util.png") 0 -30px no-repeat;
}

/* logo */
.site-header h1 {
	margin-top:6px;
	letter-spacing:-0.05em;
}
.site-header h1 a { 
	display:block;
	box-sizing:border-box;
	height:34px;
	line-height:1em;
	padding-top:10px;
	padding-left:137px;
	font-size:23px;
	font-weight:400;
	color:#003a79;
	background:url('../../images/user/header/logo_sub.png') 0 center no-repeat;
}
.site-mn .site-header h1 a {	
	background:url('../../images/user/header/logo.png') 0 center no-repeat;
	color:#fff;
}

/* site-gnb */
.site-header nav { 
	margin-top:12px;
	height:53px;
	background:#003a79; 
	position:relative;
}
.site-header .site-gnb { 
	padding-right:30px;
	text-align:right;
	float:right;

}
.site-header .site-gnb > li { 
	float:left;
	/* position:relative; */
	text-align:center;
}
.site-header .site-gnb > li > a {
	display:block;
	line-height:53px;
	font-weight:400;
	font-size:1.231em;
	color:#fff;
	padding:0 25px;
}
.site-header .site-gnb > li.rootCurrent > a,
.site-header .site-gnb > li > a:hover,
.site-header .site-gnb > li > a:focus { color:#4ea6e9; }
.site-header nav .toggle-gnb { 
	position:absolute;
	text-align:left;
	text-indent:-9999px;
	top:0;
	right:50%;
	margin-right:-50%;
	width:25px;
	height:53px;
	background:url("../../images/user/header/ico_list.png") right center no-repeat;
}

.site-header nav .snb-area { 
	position:absolute;
	z-index:9992;
	top:53px;
	left:0;
	width:100%;
	height:250px;
	background:#ffffff;
	border-bottom:1px solid #003a79;
	box-shadow:0 5px 10px rgba(0,0,0,.1);	
}
.site-header nav .snb-area strong {
	max-width:1000px;
	min-width:320px;
	margin:0 auto;
	display:block;
	box-sizing:border-box;
	padding-top:37px;
	padding-left:45px;
	background:url(../../images/user/header/ico_list_blue.png) 0 37px no-repeat;
	line-height:21px;
	font-size:1.538em;
	font-weight:400;
}
.site-header nav .snb-area .snb-close { 
	position:absolute;
	top:37px;
	right:50%;
	margin-right:-500px;
	width:25px;
	height:25px;
	background:url("../../images/user/header/ico_list_close.png") center center no-repeat;
	overflow:hidden;
	text-indent:-999px;
}

/* snb */
.site-header .site-gnb div {
	position:absolute;
	box-sizing:border-box;
	width:170px;
	z-index:9999;
	top:53px;
	left:50%;	
	margin:86px 0 50px;
	text-align:left; 
	border-right:1px solid #ececec;
	padding-left:14px;
}
.site-header .site-gnb li:first-child div {
	border-left:1px solid #ececec;
	margin-left:-600px;
}
.site-header .site-gnb li:nth-child(2) div { margin-left:-420px; }
.site-header .site-gnb li:nth-child(3) div { margin-left:-250px; }
.site-header .site-gnb li:nth-child(4) div { margin-left:-80px; }
.site-header .site-gnb li:nth-child(5) div { margin-left:90px; }
.site-header .site-gnb li:nth-child(6) div { margin-left:260px; }
.site-header .site-gnb li:nth-child(7) div { margin-left:430px; }

.site-header .site-gnb h2 {
	font-size:1.308em;
	font-weight:400;
	margin-bottom:20px;
}
.site-header .site-gnb ul { }
.site-header .site-gnb ul li a { 
	display:block;
	color:#000;
	font-size:1.077em;
	line-height:22px; 
}
.site-header .site-gnb ul li + li {
	margin-top:12px;
}
.site-header .site-gnb ul li a:hover, 
.site-header .site-gnb ul li a:focus { color:#0b76c8; }

.site-header .site-gnb div.active {
	margin:0;
	padding:0 0 30px 0;
	border-right:0;
	background:#003a79;
	background-color:rgba(0,58,121,.85);
	text-align:center;
	opacity:0;
	height:auto;
	width:190px;
	/* 
	width:auto;
	box-sizing:content-box;*/
	box-sizing:border-box;
	left:50%;
	margin-left:-95px !important;
}
.site-header .site-gnb li:first-child div.active {
	border-left:0;
}
.site-header .site-gnb div.active ul {
	width:auto;
}
.site-header .site-gnb div.active h2 {
	background:#fff;
	color:#fff;
    font-size: 1.231em;
	line-height:30px;
	height:0;
	border-top:3px solid #fff;
	margin:0 auto 20px auto;
	padding:0;
	display:inline-block;
	white-space:nowrap;
	overflow:hidden;
}

.site-header .site-gnb .active ul li a { 
	color:#fff;
	white-space:nowrap; 
}


/* stie-body */
.site-body { 	
	position:relative;
	min-width:320px;
	padding-bottom:200px;
}
.site-mn .site-body {
	padding-bottom:100px;
	padding-top:220px;
	background-color:transparent;
}
.site-body .site-contents {
	min-width:280px;
	max-width:1240px;
	/* width:＼*1240px; IE8 */
	margin-left:auto;
	margin-right:auto;
	padding-top:50px;
	box-sizing:border-box;
	background:#fff;
	min-height:530px;
}
.site-body .site-lnb ~ .site-contents {
	padding-left:240px;
}
.site-body h3 {
	font-weight:500;
	text-align:center;
	font-size:2.154em;
	margin-bottom:60px;
}
.site-body h3:after {
	content:"";
	height:3px;
	width:53px;
	display:block;
	margin:15px auto 0;
	background:#1a6dc7;
}

.site-body h3 img {
	margin-bottom:25px;
}
.site-body .site-contents h4 {
	font-size:1.385em;
	font-weight:400;
	margin-top:40px;
	margin-bottom:15px;
}
.site-body .site-contents h4:first-child,
.site-body .site-contents input + h4{ margin-top:0; } 

.site-body .site-contents h4.empas {
	font-size:1.538em;
	color:#003a79;
}
.site-body .site-contents h4 ~ h4.empas {
	margin-top:60px;	
}
h4.empas + p {
	font-size:1.077em;
	line-height:1.9em;
}

/* bg */
.body-bg {
	position:absolute;
	width:3000px;
	max-width:3000px;
	height:100%;
	top:-140px;
	left:50%;
	margin-left:-1500px;
	z-index:-1;
}
.site-mn { 
	background:url("../../images/user/main/bg.jpg") center 0 no-repeat;
}
.bg-member { 
	background:url("../../images/user/sub/bg_member.jpg") center 0 no-repeat;
}
.bg-enroll {
	background:url("../../images/user/sub/bg_enroll.jpg") center 0 no-repeat;
}
.bg-myclass {
	background:url("../../images/user/sub/bg_myclass.jpg") center 0 no-repeat;
}
.bg-helper {
	background:url("../../images/user/sub/bg_helper.jpg") center 0 no-repeat;
}

/* site-tit */
.site-tit { 
	max-width:1240px;
	margin:0 auto;
}
.site-tit h2 {
	text-align:right;
	padding-right:1.682em;
	font-size:3.385em;
	line-height:1em;
	font-weight:500;
	color:#003a79;
	height:280px;
	padding-top:115px;
	box-sizing:border-box;
}
.site-tit h3 {
	text-align:right;
	font-size:3.385em;
	line-height:1em;
	font-weight:400;
	height:158px;
	padding-top:52px;
	color:#003a79;
	box-sizing:border-box;
	margin-bottom:0;
}
.site-tit h3.longTxt {
	font-size:3em;
	line-height:1.15em;
	padding-top:35px;
}
.site-tit h3:after {
	display:none;
}

/* site-location */
.site-location { 
	background:#fff;
}

.site-body > form > .site-location {
	max-width:100%;
}
.site-location > ul { 
	max-width:1240px;
	min-width:320px;
	padding:10px 0;
	height:30px;
	overflow:hidden;
	margin:0 auto; 
	text-align:right;
}
.site-location > ul > li { 
	display:inline-block;
	height:30px;
	overflow:hidden;
	text-align:left;
}
.site-location > ul > li + li {
	padding-left:40px;
	margin-left:36px;
	background:url(../../images/user/common/ico_loc.png) 0 -30px no-repeat;
}
.site-location > ul > li.home + li {
	margin-left:20px;
}
.site-location > ul > li > a { 
	color:#777777;
	font-size:1.154em;
	height:2em;
	line-height:2em;
	display:block;
}
.site-location > ul > li > a:hover {
	color:#2b5b90;
}
.site-location > ul > li.home a {
	width:18px;
	height:30px;
	text-indent:-999px;
	overflow:hidden;	
	background:url(../../images/user/common/ico_loc.png) 0 0 no-repeat;
}

/* step */
.step {
	overflow:hidden;
	height:53px;
	margin-bottom:30px;
}
.step li {
	float:left;
	width:33.3%;
	height:53px;
	border-bottom:3px solid #dfdfdf;
	font-size:1.385em;
	line-height:2.111em;
	color:#888;
	font-weight:400;
	box-sizing:border-box;
	padding-left:20px;
}
.step li + li { 
	padding-left:68px;
	background:url(../../images/user/common/step_arr.png) 20px 4px no-repeat;
}
.step li.current {
	border-color:#0b76c8;
	color:#222;
}
.step li:first-child {
	width:33.4%;
}
.step li span {
	font-size:2.667em;
	color:#ccc;
	font-weight:200;
	margin-right:20px;
	vertical-align:baseline;
}
.step li.current span {
	color:#222;
}
/* -----------------------
	SUB MAIN
 ----------------------- */
.sub-mn-tit { 
	overflow:hidden;
	border-bottom:1px solid #d4d4d4;
	margin-bottom:20px;
	margin-top:60px;
}
.site-contents .sub-mn-tit h4  {	
	font-size:1.692em;
	float:left;
	margin-top:0;
}
.site-contents h5 {
	font-size:1.538em;
	font-weight:400;
}
.sub-mn-tit .mn-more {
	display:block;
	float:right;
	padding-left:40px;
	background:url("../../images/user/common/ico_more.gif") 0 center no-repeat;
}
.site-contents input + .sub-mn-tit {
	margin-top:0;	
}
.list-row {
	overflow:hidden;
}
.list-row li {
	float:left;
	border:1px solid #d4d4d4;
	box-sizing:border-box;
	width:24.4%;
}
.list-row li:hover {
	border:1px solid #aaa;
}
.list-row li + li {
	margin-left:0.8%;
}
.list-row li a {
	display:block;
	width:100%;
	height:0;
	padding-top:53.6%;
	box-sizing:border-box;
	overflow:hidden;
	position:relative;
}
.list-row li a p {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	box-sizing:border-box;
	padding:20px;
	overflow:hidden;	
	font-size:1.231em;
	line-height:1.500em
}
.list-row li a img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	box-sizing:border-box;
}
.list-row li a span {
	position:absolute;
	right:10px;
	bottom:5px;
	color:#fff;
	font-size:0.923em;
	background:rgba(0,0,0,.2);
}
.list-row li div {
	background:#fafafa;
	padding:15px 16px;
	overflow:hidden;
}
.list-row li div strong,
.list-row li div span {
	float:left;
	color:#000;
	font-weight:300;
}
.list-row li div strong {
	clear:left;
	display:block;
	width:50px;
	color:#777;
}

.list-vdo li div {
	background:#fff;
}
.list-vdo li div p {
	font-size:1.231em;
	font-weight:400;
	margin-bottom:6px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.list-vdo li div strong {
	width:auto;
	clear:none;
	margin-right:6px;
}
.list-vdo li div span + strong:before {
	content:"│";
	font-size:0.923em;
	padding:0 2px;
	display:inline-block;
}

.list-book {
	overflow:hidden;
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;	
}
.list-book li {
	float:left;
	width:25%;
	box-sizing:border-box;
	padding:40px 0;
}
.sub-mn-tit ~ .list-book {
	border-top:0;
	border-bottom:0;
}
.sub-mn-tit ~ .list-book li {
	padding:0;
	border-top:0;
}
.list-book li .btn2{
	width:137px;
	margin-top:15px;
}
.list-book li .book-thumb,
.list-book li .btn2 {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.sub-mn-tit ~ .mn-etc {
	margin-top:50px;
}

.enroll-guide {}
.enroll-guide section {
	font-size:0;
	white-space:nowrap;
}
.enroll-guide section ~ section {
	margin-top:60px;
}
.enroll-guide section > [class^=col] { 
	display:inline-block;
	box-sizing:border-box;
	padding:25px 0;
	text-align:center;
	font-size:18px;
	vertical-align:top;
}
.enroll-guide section:nth-of-type(1) [class^=col] {
	background:rgba(26,109,199,.1)
}
.enroll-guide section:nth-of-type(2) [class^=col] {
	background:rgba(0,58,121,.1)
}
.enroll-guide section:nth-of-type(3) [class^=col] {
	background:#1a6dc7;
	color:#fff;
}
.enroll-guide section:nth-of-type(4) [class^=col] {
	background:rgba(0,58,121,1);
	color:#fff;
}
.site-body .site-contents .enroll-guide h4 {
	font-size:24px;
	text-align:center;
	margin-bottom:25px;
}
.enroll-guide section .col {
	width:100%;
}
.enroll-guide section .col2 {
	width:calc(50% - 5px);	
}
.enroll-guide section .col2 ~ .col2,
.enroll-guide section .col3 ~ .col3 { margin-left:10px; }
.enroll-guide section .col3 {
	width:calc((100% - 20px)/3);	
}
.enroll-guide section span strong {
	display:block;
	color:#003a79;
}
.enroll-guide section span a {
	margin-top:15px;	
}
i.arr {
	display:inline-block;
	width:20px;
	height:20px;
	position:relative;
	vertical-align:-2px;
	margin-left:20px;
}
i.arr:before {
	content:'';
	position:absolute;
	width:26px;
	height:1px;
	background:#fff;
	top:50%;
	left:0;
}
i.arr:after {
	content:'';
	position:absolute;
	width:8px;
	height:8px;
	top:50%;
	left:17px;
	margin-top:-4px;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	-webkit-transform-origin:center center;
	-moz-transform-origin:center center;
	-ms-transform-origin:center center;
	transform-origin:center center;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}

.enroll-main {
	overflow:hidden;
	margin-top:50px;
}
.enroll-main > a {
	display:block;
	width:49%;
	float:left;
	height:170px;
	box-sizing:border-box;
	padding:30px 20px 20px 160px;
	position:relative;
	-webkit-transition:all .4s;
	-moz-transition:all .4s;
	transition:all .4s;
	background:#fff;
}
.enroll-main > a + a { margin-left:2%; }
.enroll-main > a.enroll-new {
	border:1px solid #ddd;
	border-top:5px solid #0b76c8;
}
.enroll-main > a.enroll-exist {
	border:1px solid #ddd;
	border-top:5px solid #63b03c;
}
.enroll-main > a strong {
	font-size:30px;
	line-height:1.2em;
	font-weight:400;
	display:block;
}
.enroll-main > a.enroll-new:hover { background:#f3f8fc }
.enroll-main > a.enroll-exist:hover { background:#f7fbf5 }
.enroll-main > a:hover:before { opacity:.8 }
.enroll-main > a:before {
	content:'';
	position:absolute;
	display:block;
	margin:0 auto 15px;
	width:80px;
	height:80px;
	top:40px;
	left:40px;
	opacity:.5;
}
.enroll-main > a.enroll-new:before {
	background:url(../../images/user/sub/icon_enroll_new.png) center center no-repeat;
	background-size:80px;
}
.enroll-main > a.enroll-exist:before {
	background:url(../../images/user/sub/icon_enroll_exist.png) center center no-repeat;
	background-size:80px;
}
.enroll-main > a p {
	font-size:17px;
	margin-top:10px;
	line-height:1.7em;
}
.enroll-finish {
	border: 1px solid #ddd;
    background: #fff;
    box-shadow: 4px 4px 0 #f5f5f5;
    max-width: 600px;
    padding:60px;
    margin: 60px auto 0;	
}
.enroll-finish p { font-size:18px;line-height:1.8em }
.enroll-finish ul + p { margin-top:30px; }
 
.licensing-num {
	border:1px solid #ddd;
	background:#fff;
	box-shadow:4px 4px 0 #f5f5f5;
	max-width:600px;
	margin:60px auto 0;
}
.licensing-num > article {
	padding:80px 0 60px;	
}
.licensing-num > article + article {
	border-top:1px solid #ddd;
	padding:60px 0 60px;
}
.licensing-num > article > div { overflow:hidden;max-width:440px;margin:0 auto; }
.licensing-num > article label { display:inline-block;width:100px;font-size:18px;vertical-align:middle;font-weight:400;float:left;line-height:38px; }
.licensing-num > article input { border:0;border-bottom:1px solid #aaa;font-size:18px;float:left;width:250px; }
.licensing-num > article input:hover,
.licensing-num > article input:focus { background:transparent;border-bottom:1px solid ; }
.licensing-num > article p { box-sizing:border-box;max-width:440px;color:#777;margin:20px auto 0 }

.licensing-num > article + article span { font-size:16px;float:left;line-height:38px; }
.licensing-num > article + article span:before {
	content:'?';
	display:inline-block;
	width:22px;
	height:22px;
	color:#fff;
	background:#003a79;
	text-align:center;
	line-height:21px;
	border-radius:12px;
	margin-right:5px;	
}
.licensing-num > article a.btn2 { float:right;width:80px; }
.licensing-num > article + article a.btn2 { width:140px;} 
/* -----------------------
	ROLLING NOTI
 ----------------------- */
.rolling-noti {
	border:2px solid #0b76c8;
	padding:20px;
	position:relative;
}
.rolling-noti ul {
	height:28px;
	line-height:28px;
}
.rolling-noti li {
	text-align:center;
}
.rolling-noti .bx-controls-direction {
}
.rolling-noti .bx-controls-direction a {
	position:absolute;
	overflow:hidden;
	background-image:url("../../images/user/common/bx-direction.png");
	background-repeat:no-repeat;
	width:40px;
	height:40px;
	border-radius:20px;
	top:50%;
	margin-top:-20px;
	text-indent:-9999px;
}
.rolling-noti .bx-controls-direction a:hover {
	background-color:#f5f5f5;
}
.rolling-noti .bx-controls-direction .bx-prev { 
	left:15px; 
	background-position:center 0;
}
.rolling-noti .bx-controls-direction .bx-next { 
	right:15px; 
	background-position:center -40px;
}
.rolling-noti li a {
	font-size:1.385em;
	color:#000;
	font-weight:300;
	display:inline-block;
	vertical-align:middle;
	max-width:calc(100% - 180px);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.rolling-noti li a:hover {
	color:#003a79;
}
.rolling-noti li time {
	font-size:1.077em;
	display:inline-block;
	vertical-align:middle;
	margin-left:15px;
	padding-left:16px;
	background:url("../../images/user/common/bar.gif") 0 center no-repeat;
}

/* book-thumb */
.book-thumb {
	width:137px;
	height:194px;
	padding:4px 0 0 0 !important;
	box-sizing:border-box;
	position:relative;
	overflow:hidden;
}
.book-thumb .book-masks {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:100%;
	height:100%;
	background:url("../../images/user/common/bookmask.png") 0 0 no-repeat;
	padding:0;
}
.book-thumb img {
	display:block;
	width:100%;
}
.thumb-s {
	width:85px;
	height:120px;
	display:inline-block;

}
.book-thumb.thumb-s .book-masks {
	background:url("../../images/user/common/bookmask_s.png") 0 0 no-repeat;
}

/* book-detail */
.book-detail {
	overflow:hidden;
	border-bottom:1px solid #ccc;
}
.book-detail h5 {
    font-size:1.538em;
    font-weight:400;
    height:35px;
}
.book-detail li {
	width:50%;
	float:left;
	padding-left:170px;
	box-sizing:border-box;
	position:relative;
	min-height:195px;
	padding-top:25px;
	padding-bottom:50px;
}
.book-detail li + li + li {	
	border-top:1px solid #ccc;
}
.book-detail li {}
.book-detail li:after {
	clear:left;
}
.book-detail li .book-thumb {
	position:absolute;
	top:25px;
	left:0;
}
.sub-mn-tit ~ .book-detail {
	border-bottom:0;
}
.sub-mn-tit ~ .book-detail li {
	border-bottom:0;
	padding-top:0;
	padding-bottom:0;
}
.sub-mn-tit ~ .book-detail li + li + li {
	border-bottom:0;
	padding-top:20px;
	margin-top:20px;
	padding-bottom:0;
	min-height:220px;
}
.sub-mn-tit ~ .book-detail li:first-child .book-thumb,
.sub-mn-tit ~ .book-detail li:first-child + li .book-thumb  {
	top:0;
}
.book-detail li h5 {
	margin-top:10px;
	margin-bottom:20px;
}
.book-detail li strong,
.book-detail li span {
	float:left;
	font-size:1.077em;
	display:block;
	margin-bottom:10px;
	color:#000;
	font-weight:400;
}
.book-detail li strong {
	clear:left;
	width:53px;
	color:#777;
}
.book-detail li span em {
	color:#000;
	font-size:1.429em;
}
.book-detail li .btn-area {
	clear:both;
	float:left;
	margin-top:10px;
}

.layerPopup .book-img { display:block;margin:0 auto;max-width:100%; }
.layerPopup .book-img + h5 {
	margin-top:20px;
	text-align:center;
}
.layerPopup .book-img ~ div {
	margin-top:15px;
	text-align:center;
} 

/* step2 */
.step2 {}
.step2 li {
	position:relative;
	padding-left:40%;
	line-height:28px;
	margin-top:35px;
}
.step2 li h5 {
	position:absolute;
	background:#f6fbff;
	color:#003a79;
	border:1px solid #0b76c8;
	box-sizing:Border-box;
	top:0;
	left:0;
	height:100%;
	width:40%;
	text-align:center;
}
.step2 li + li h5:after {
	content:" ";
	position:absolute;
	width:33px;
	height:14px;
	background:url("../../images/user/common/step_arr2.gif") 0 0 no-repeat;
	left:50%;
	margin-left:-17px;
	top:-26px;
}
.step2 li h5 span {
	position:absolute;
	width:100%;
	top:50%;
	left:0;
	margin-top:-12px;
}
.step2 li p {
	padding:20px 40px;
	border:1px solid #cccccc;
	font-size:1.077em;
}
.step2 li strong {
	color:#000;
	font-size:1.077em;
	font-weight:400;
}

/* -----------------------
	MAIN
 ----------------------- */
.site-mn .site-body {
	max-width:1000px;
	margin:0 auto;
}
.mn-row { 
	overflow:hidden; 
	clear:both;
}
.mn-fl { 
	float:left;
	clear:left;
	width:75%;
}
.mn-fr {
	float:right;
	clear:right;
	width:25%;
}

/* mn h3 */
.site-mn .site-body h3,
.mn-etc h3 {
	font-weight:500;
	font-size:1.538em;
	margin-bottom:30px;
	padding-bottom:0;
	text-align:inherit;
}
.site-mn .site-body h3:after,
.mn-etc h3:after {
	display:none;
}

/* mn-procedure */
.mn-procedure { 
	overflow:hidden;
	margin-top:40px;
}
.mn-procedure a { 
	float:left;
	box-sizing:border-box;
	width:50%;
	height:60px;
	font-size:17px;
	color:#fff;
	font-weight:400;
	padding:20px 0 20px 35px;
	line-height:20px;
	background:rgba(3,45,89,.85);
	position:relative;	
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	transition:all .5s;
}
.mn-procedure a:hover { opacity:.9; }
.mn-procedure a:nth-child(2n) {
	border-left:1px dotted #526d88;	
}
.mn-procedure a:nth-child(3),
.mn-procedure a:nth-child(4) { border-top:1px dotted #526d88 }

.mn-procedure a:before {
	content:'';
	position:absolute;
	width:16px;
	height:1px;
	background:#fff;
	top:50%;
	right:35px;
}
.mn-procedure a:after {
	content:'';
	position:absolute;
	width:8px;
	height:8px;
	top:50%;
	right:35px;
	margin-top:-4px;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	-webkit-transform-origin:center center;
	-moz-transform-origin:center center;
	-ms-transform-origin:center center;
	transform-origin:center center;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}

/* mn-learn */
.mn-learn {}
.site-mn .mn-learn h3 { 
	font-size:0px;
	line-height:0 !important;
	padding:0;
	margin:0 !important;
	height:0;
	overflow:hidden;
}
.mn-learn div {
	float:left;
	box-sizing:border-box;
	position:relative;
	width:50%;
	height:240px;
	background:url(../../images/user/main/ico_learn01_new.png) 40px calc(100% - 30px) no-repeat #0b76c8;
}
.mn-learn div > * { 
	position:absolute;
	box-sizing:border-box; 
}
.mn-learn div + div {
	background:url(../../images/user/main/ico_learn02_new.png) 40px calc(100% - 30px) no-repeat #63b03c;
}
.mn-learn div + div + div {
	background:url(../../images/user/main/ico_learn03_new.png) 40px calc(100% - 30px) no-repeat #f9a835;
}
.mn-learn div + div + div + div {
	/*background:url(../../images/user/main/ico_learn04.png) right bottom no-repeat #627289;*/
	background:url(../../images/user/main/ico_learn04_new.png) 40px calc(100% - 30px) no-repeat #ff6362;	
}
.mn-learn div p {
	top:40px;
	left:0;
	width:100%;
	text-align:center;
	font-weight:400;
	color:#fff;
	font-size:29px;
	line-height:40px;
}
.mn-learn div p b { font-weight:600; }
.mn-learn p span {
	display:block;
	font-size:18px;
	line-height:20px;
	margin-top:12px;
}
.mn-learn div a {
	bottom:40px;
	right:30px;
	width:36%;
	color:#fff;
	font-size:17px;
	font-weight:400;
	height:40px;
	line-height:36px;
	border:2px solid #fff;
	text-align:center;	
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	overflow: hidden;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color;
}
.mn-learn div a:hover,
.mn-learn div a:focus {
	background:#fff;
	color:#0b76c8;
}
.mn-learn div + div a:hover,
.mn-learn div + div a:focus { color:#63b03c; }
.mn-learn div + div + div a:hover,
.mn-learn div + div + div a:focus { color:#f9a835; }
.mn-learn div + div + div + div a:hover,
.mn-learn div + div + div + div a:focus { color:#627289; }

/* mn-apply */
.mn-apply { 
	float:left;
	width:100%;
	height:260px;
	background:#fafafa;
	box-sizing:border-box;
	border:1px solid #ececec;
	border-right:0;
}
.mn-apply li {
	float:left;
	width:33.3%;
	text-align:center;
}
.mn-apply li a {
	display:block;
	box-sizing:border-box;
	height:260px;
	padding-top:160px;
}
.mn-apply li a {
	background:url(../../images/user/main/ico_apply01.png) center 30px no-repeat;
}
.mn-apply li + li a {
	background:url(../../images/user/main/ico_apply02.png) center 30px no-repeat;
}
.mn-apply li + li + li a {
	background:url(../../images/user/main/ico_apply03.png) center 30px no-repeat;
}
.site-mn .mn-apply li a h3 {
	color:#444;
	font-size:22px;
	font-weight:400;
	line-height:1em;
	margin-bottom:0;
}
.mn-apply li a p {
	line-height:1.538em;
	margin-top:10px;
}

/* mn-infocenter */
.mn-infocenter {
	float:left;
	width:100%;
	height:275px;
	padding:30px;
	background:#fff;
	box-sizing:border-box;
	border-left:1px solid #ececec;	
	border-bottom:1px solid #ececec;
}
.mn-infocenter ul { display:inline-block;width:100%; }
.mn-infocenter ul li { 
	float:left;
	width:30%;
	position:relative;
	box-sizing:border-box;
}
.mn-infocenter ul li + li {
	margin-left:5%;
}
.mn-infocenter .badge-new,
.mn-infocenter .badge-best { 
	position:absolute;
	width:36px;
	height:36px;
	top:-18px;
	left:10px;
	border-radius:18px;
	color:#fff;
	text-align:center;
	font-size:0.923em;
	line-height:36px;
	z-index:1;
}
.mn-infocenter .badge-new { background:#f9a835; }
.mn-infocenter .badge-best { background:#0b76c8; }
.mn-infocenter figure {}
.mn-infocenter .mn-info-thumb {
	width:100%;
	padding-top:56.3%;
	overflow:hidden;
	position:relative;
	border:1px solid #ddd;
	box-sizing:border-box;
}
.mn-infocenter figure img { 
	position:absolute;
	width:100%;
	min-width:100%;
	top:0;
	left:0;
}
.mn-infocenter figure figcaption {
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	font-size:1.077em;
	margin:0.5em 0 0.2em;
	padding-left:5px;
}
.mn-infocenter .watch-info {
	padding-left:5px;
	height:20px;
}
.mn-infocenter .watch-info span { 
	font-size:0.923em;
	color:#777;
	line-height:20px;
	margin-right:20px;
	position:relative;
	padding-left:17px;
}
.mn-infocenter .watch-info span strong {
	position:absolute;
	font-size:0;
	width:15px;
	height:20px;
	background:url(../../images/user/main/ico_info.png) no-repeat;
	top:0;
	left:0;
}
.mn-infocenter .watch-info .play strong { background-position:0 3px; }
.mn-infocenter .watch-info .like strong { background-position:0 -17px; }
.mn-infocenter .watch-info .list strong { background-position:0 -37px;width:13px; }

/* mn-notice */
.mn-notice {
	float:right;
	position:relative;
	width:100%;
	height:260px;
	padding:30px;
	box-sizing:border-box;
	background:#fff;
	border:1px solid #ececec;
}
.site-mn .mn-notice h3 {
	margin-bottom:1em;
}
.mn-notice ul {}
.mn-notice li { 
	font-size:1.077em;
	line-height:1.857em;
}
.mn-notice li + li { margin-top:0.429em; }
.mn-notice li a {
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.mn-notice li a:hover,
.mn-notice li a:focus { 
	text-decoration:underline;

}
.mn-notice li time { 
	color:#777;
}

/* mn-faq */
.mn-faq {
	float:right;
	width:100%;
	height:275px;
	position:relative;
	box-sizing:border-box;
	padding:30px;
	background:#fafafa;
	border-left:1px solid #ececec;	
	border-bottom:1px solid #ececec;
}
.mn-faq ol {}
.mn-faq li { 
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:1.077em;
}
.mn-faq li + li { margin-top:11px; }
.mn-faq li span { 
	display:inline-block;
	width:24px;
	height:24px;
	line-height:24px;
	border-radius:12px;
	text-align:center;
	color:#fff;
	background:#bfbfbf;
	margin-right:8px;
}
.mn-faq li a:hover,
.mn-faq li a:focus {
	text-decoration:underline;
}

/* mn-more */
.site-mn a.mn-more {
	position:absolute;
	overflow:hidden;
	text-indent:-999px;
	line-height:13px;
	width:13px;
	height:13px;
	top:33px;
	right:30px;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration:0.5s;
	-o-transition-duration:0.5s;
	transition-duration:0.5s;
	background:url(../../images/user/main/more.gif) 0 0 no-repeat;
}
.site-mn a.mn-more:hover {
	-ms-transform: rotate(90deg); /* IE 9 */
	-webkit-transform: rotate(90deg); /* Safari */
	transform: rotate(90deg); }

/* mn-etc */
.mn-etc {
	height:126px;
}
.mn-etc a {
	display:block;
	float:left;
	width:50%;
	box-sizing:border-box;
	padding:36px 30px;
	background:url(../../images/user/main/ico_etc.png) right 0 no-repeat #e8eff5;
}
.mn-etc a + a {
	background-color:#f6f6f6;
	background-position:right -150px;
}
.site-mn .mn-etc h3 {
	font-size:1.692em;
	font-weight:400;
	margin-bottom:0.5em;
}
.mn-etc p {
	color:#777;
}

/* aside-etc */
.aside-etc {  
	position:absolute;
	background:rgba(250,250,250,.85);
	width:100px;
	box-sizing:border-box;
	border:1px solid #f1f1f1;
	padding:15px 0;
	top:360px;
	left:50%;
	margin-left:650px;
}
.aside-etc li { 
	text-align:center;
	padding:15px 0; 
	position:relative;
}
.aside-etc li.line-btm:after {
	content:'';
	position:absolute;
	height:1px;
	left:10px;
	right:10px;
	bottom:-9px;
	background:rgba(0,0,0,.3);
}
.aside-etc li.line-btm + li {
	margin-top:19px;
}
.aside-etc li img {
	display:block;
	margin:0 auto
}
.aside-etc li span {
	display:block;
	margin-top:10px;
	text-align:center;
	font-size:13px;
	line-height:1.2em;
	letter-spacing:-0.05em;
	color:#111;
}
.aside-etc li a:hover span,
.aside-etc li a:focus span { color:#0b76c8; }

.aside-etc.fix { 
	position:fixed;
	top:50px; 
}
.site-mn .aside-etc {
	left:50%;
	margin-left:520px;
}
.kakao-cn { display:none; }

/* -----------------------
	MY PAGE 
 ----------------------- */

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

/* change-idpw */
.only-logo {
	padding-top:30px;
	padding-bottom:80px;
}
.only-logo ~ .site-body {
	min-height:calc(100vh - 646px)
}
.change-idpw { 
	padding:20px;
	margin-bottom:20px; 
	max-width:800px;
	margin:0 auto;
}
.change-idpw .list-type1 li { 
	position:relative;
	padding-left:12px; 
	font-size:15px;
}
.change-idpw .list-type1 li:before { 
	content:'';
	position:absolute;
	left:0;
	top:10px;
	height:2px;
	width:6px;
	background:#aaa;
}
.change-idpw fieldset { 
	position:relative;
	padding:20px 0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.change-idpw fieldset .input-box {
	max-width:460px;
	margin:10px auto;
	font-size:0;
}
.change-idpw fieldset label { 
	display:inline-block;
	width:35%;
	color:#333;
	font-weight:600; 
	font-size:15px;
	line-height:46px;
	vertical-align:top;
}
.change-idpw fieldset input { 
	width:65%;
	height:46px;
	line-height:46px; 
	vertical-align:top;
}
.change-idpw fieldset input.q1 { 
	width:106px;
	margin:0 5px; 
}
.change-idpw fieldset .spot2 { 
	position:absolute;
	font-size:1.538em;
	right:0;
	top:0;
	width:123px;
	height:88px;
	line-height:88px;
	padding:0; 
}
.change-idpw .list-type1 { margin-bottom:20px; }
.change-idpw .btn-cont {
	text-align:center;
}
.change-idpw .btn-cont { font-size:0; }
.change-idpw .btn-cont a { 
	height:50px;
	line-height:50px;
	font-size:16px; 
	width:calc(50% - 5px);
	padding:0;
	max-width:225px;
}
.change-idpw .btn-cont a + a { margin-left:10px; }

/* step 
.step { 
	margin:0 0 30px 0;
	position:relative; 
}
.step-nav { overflow:hidden; }
.step-nav li { 
	float:left;
	position:relative;
	width:20%; 
}
.step-nav li a { 
	display:block;
	height:94px;
	padding:9px 0 0 40px;
	font-size:1.385em;
	line-height:1.5em;
	font-weight:600;
	border:1px solid #c3c3c3;
	background:#f9f9f9;
	color:#666;
	cursor:default; 
} 
.step-nav li a {
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
 }
.step-nav li:first-child a:hover,
.step-nav li.complete + li a:hover { background:#ececec;cursor:pointer; }
.step-nav li + li a { border-left:0; }
.step-nav li span { 
	display:block;
	color:#888888;
	font-size:0.722em;
	margin-bottom:2px;
}

.step-nav li.complete a { 
	border:0;
	padding-top:10px;
	height:95px; 
}
.step-nav li.complete a ,
.step-nav li.complete span{ color:#fff; }
.step-nav li + li::after ,
.step-nav li + li:after { 
	content:"";
	z-index:1;
	position:absolute;
	top:34px;left:-18px;
	width:36px;
	height:36px;
	background:url("../../images/user/common/step_arr.png") 0 0 no-repeat; 
}
.step-nav li:first-child.complete a { background:#f55d28; }
.step-nav li:first-child + li.complete a { background:#f9ad1a; }
.step-nav li:first-child + li + li.complete a { background:#70bf4f; }
.step-nav li:first-child + li + li + li.complete a { background:#059eb0; }
.step-nav li:first-child + li + li + li + li.complete a { background:#383c3f; }

.step-contents { 
	position:relative;
	background:#fff;
	display:inline-block;
	*zoom:1;
	*display:inline;
	width:930px;
	margin-top:15px;
	padding:43px 29px 20px;
	border:1px solid #383c3f;
}
.step-contents .close { 
	position:absolute;
	width:45px;
	height:45px;
	right:0;
	top:0;
	text-indent:-9999px;
	background:url("../../images/user/common/pop_close.png") center center no-repeat; 
}
.step-contents h4 { margin-top:0; }
.step-contents.apply_select { display:none }
.step-contents.apply_select section { float:left;width:300px; }
.step-contents.apply_select section + section { margin-left:15px; }
.step-contents.apply_select .list-type1 { padding:12px 10px 0; }

.step-contents.apply_select .btn4 { 
	width:100%;
	height:63px;
	line-height:63px;
	font-size:1.385em; 
}
.step-contents.apply_select section .btn4 { 
	background:#57b947;
	border-top:1px solid #9ed795;
	border-right:1px solid #4ea740;
	border-bottom:1px solid #4a9d3c;
	border-left:1px solid #7bc86e; 
}
.step-contents.apply_select .fr section .btn4 { 
	background:#00803e;
	border-top:1px solid #9ed795;
	border-right:1px solid #4ea740;
	border-bottom:1px solid #4a9d3c;
	border-left:1px solid #7bc86e; 
}

.step .write-type table th { 
	vertical-align:top;
	background:#f9f9f9;
	text-align:left;
	color:#444;
	padding-left:40px; 
}
.step .write-type table th.required { 
	background:url('../../images/user/common/star.png') 21px 20px no-repeat #f9f9f9; 
}
.step .write-type table thead th { 
	text-align:center;
	padding:8px 0; 
}
.step .write-type table tbody td { 
	padding-left:5px;
	padding-right:5px; 
}
.step em { color:#128ee1; }*/

/* join */
.join-terms p { 
	font-size:1.077em;
	margin-bottom:10px;
}

.join-terms h4 {
	font-size:16px;
	margin-top:50px;
	text-align:center;
}
.join-terms h5 {
	font-size:15px;
	margin-top:30px;
	margin-bottom:10px;
}

.join-terms li {
	padding-left:15px;
	text-indent:-15px;
}
.join-terms li + li { margin-top:5px; }
.join-terms li li {
	padding-left:35px;
}
.terms-txt { 
	padding:20px;
	height:260px;
	overflow-y:scroll;
	border:1px solid #dddddd; 
	font-size:1.077em;
}
.terms-agree {
	margin-top:20px;
}
.terms-agree label + label { margin-top:10px; }

.message {
	background:url(../../images/user/sub/img_mem.jpg) right 0 no-repeat #0b76c8;
	height:177px;
	margin-top:70px;
	margin-bottom:50px;
}
.message p { 
	color:#fff; 
	font-size:1.538em;
	line-height:1.6em;
	font-family:'Nanum Myeongjo', "NanumMyeongjo", "나눔 명조";
	padding-left:30px;
	padding-top:53px;
}
.message ~ p {
	font-size:1.154em;
	line-height:1.9em;
}
.message ~ p.ar { padding-right:0 }
.message ~ p .ceo {
	font-size:1.429em;
	margin-left:20px;
	font-family:'Nanum Myeongjo', "NanumMyeongjo", "나눔 명조";
} 

.policy p,
.policy ol {
	font-size:1.077em;
	line-height:1.9em;
}
.policy p.dep,
.policy ol ol {
	padding-left:20px;
}
.policy h4 {
	color:#003a79;
}
.policy h5 {
	font-size:1.154em;
	margin-top:30px;
	margin-bottom:8px;
	font-weight:400;
}
.policy .btn {
	width:auto;
	margin-top:50px;
}

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

/* popup */
.w800, 
.w1000 {
	position:absolute;
	width:1000px;
	left:50%;
	margin-left:-500px;
	z-index:9990;
	top:200px;
}
.w800 {
	width:800px;
	margin-left:-400px;	
}
.layerPopup { background-color:#ffffff; }
.layerPopup { 
	box-sizing:border-box;
	border:1px solid #000000;
	position:absolute;
	width:640px;
	margin-left:-320px;
	left:50%;
	top:15%;
	box-shadow:3px 3px 15px rgba(0,0,0,.2);
	z-index:9990;
}
.layerPopup .pop-header { 
	position:relative;
}
.layerPopup .pop-header h1 { 
	font-weight:500;
	text-align:center;
	padding-top:50px;
	font-size:2.154em;
}
.layerPopup .pop-header h1:after {
	content:"";
	height:3px;
	width:53px;
	display:block;
	margin:15px auto 0;
	background:#1a6dc7;
}
.layerPopup .pop-close { 
	position:absolute;
	right:-43px;
	top:0px;
	width:31px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
	background:url('../../images/user/common/pop_close.png') center center no-repeat; 
	background:/*＼**/url('../../images/user/common/pop_close_IE8.png') center center no-repeat; /*IE8*/	
	background-size:31px;
}
.layerPopup .pop-body { 
	padding:60px 50px 70px 50px;  
	margin:0 auto;
}
.layerPopup .pop-body h3,
.layerPopup .pop-body h4 { margin-top:0; }
.layerPopup .pop-body h3 ~ h3,
.layerPopup .pop-body h4 ~ h4 { margin-top:40px; }
.layerPopup .pop-body .btn-cont:first-child { margin-top:0; }
.layerPopup .pop-comment { 
	color:#666;
	margin-top:8px;
	margin-bottom:10px; 
}
.layerPopup .border-box + .pop-comment { margin:8px 0 0 0; }
.layerPopup .pop-comment a { 
	color:#444;
	border-bottom:1px solid #666;
	font-weight:600; 
}

.layerPopup .search {
	margin-bottom:25px;
	padding:15px 15px;
	border-top:2px solid #0b76c8;
	border-bottom:1px solid #aaa; 
}
.layerPopup .search .search-type1 { 
	margin-bottom:10px;
}
.layerPopup .search .search-type1 li { display:inline-block;vertical-align:top; }
.layerPopup .search .search-type1 li ~ li { margin-left:5px; }
.layerPopup .search label { display:block; }

/* 원격지원서비스 이용방법 */
.popup section.pop-body {
	padding-top:40px;
}
.pop-remote {
	margin-top:34px;
}
.pop-remote p {
	font-size:15px;
	color:#555;
	font-weight:400;
	background:url("../../images/user/common/ico_remote.png") 30px 0 no-repeat;
	min-height:115px;
	padding-left:244px;
}
.pop-remote .remote-call {
	background:url("../../images/user/common/ico_remote2.gif") 10px 0 no-repeat;
	padding-left:80px;
	margin-top:30px;
	padding-top:3px;
	margin-left:244px;
	min-height:53px;
}
.pop-remote .remote-call cite {}

.pop-remote .remote-call strong {
	font-size:26px;
	color:#000;
	letter-spacing:-0.01em;
	display:block;
	margin-top:5px;
	font-weight:400;
}
.pop-remote .remote-call span {
	font-size:18px;
	color:#555;
	font-weight:500;
}
.pop-remote .btn-cont {
	overflow:hidden;
	margin-left:244px;
}
.pop-remote .btn-cont a {
	width:31%;
	margin:5px 1%;
	float:left;
	padding:0;
	min-width:30%;
}

/* 로그인 */
.pop-login { 
	max-width:370px;
}
.pop-login label { 
	display:block;
	font-size:1.077em;
	height:1em;
	line-height:1em;
	margin-bottom:10px;
}
.pop-login input + label {
	margin-top:15px;
}
.pop-login label.checkbox {
	font-size:1em;
	height:20px;
	line-height:20px;
	margin-top:0;
}
.pop-login input[type="text"],
.pop-login input[type="password"],
.pop-login input[type="tel"] { 
	width:100%;
	height:38px;
	line-height:38px;
	margin-bottom:10px;
	font-weight:300;
}
.pop-login .btn.spot {
	width:100%;
	margin-top:20px;
	font-size:1.154em;
}
.btn-lnk {
	margin-top:50px;
	position:relative;
}
.btn-lnk a { 
	display:inline-block;
	*zoom:1;
	*display:inline;
	border-bottom:1px solid #8b8b8b;
	line-height:2em;
}
.btn-lnk a ~ a {
	margin-top:10px;
}
.btn-lnk a:hover { 
	color:#003a79;
	border-color:#003a79;	
}
.btn-lnk a.btn.spot,
.btn-lnk a.btn.spot:hover,
.btn-lnk a.btn.spot:focus {
	position:absolute;
	top:0;
	right:0;
	line-height:48px;
	font-size:15px;
	width:auto;
	margin-top:10px;
	color:#fff;
}

/*  */
.pop-certify  { 
	margin:20px 90px 0;
	position:relative;
}
.pop-certify + .pop-certify { margin-top:0; }
.pop-certify label { 
	display:inline-block;
	width:90px;
	height:40px;
	line-height:40px;
	font-weight:500;
	vertical-align:top; 
}
.pop-certify input,

.pop-certify input { width:250px; }
.pop-certify .btn2.login { 
	width:291px;
	margin-left:94px;
	height:48px;
	line-height:48px;
	text-align:center;
	font-size:1.385em; 
}

.layerPop { 
    border:1px solid #383c3f;
    background-color:#ffffff; 
}
.layerPop .pop-header { 
    height:40px;
    background-color:#f2f2f2;
    position:relative;
    border-bottom:1px solid #383c3f; 
}
.layerPop .pop-header h1 { 
    line-height:46px;
    background-color:#f2f2f2;
    color:#000000;
    font-size:1.385em;
    padding:0;
    padding-left:27px;
    font-weight:500;
}

/* popup */
.popup { 
	border:1px solid #383c3f;
	background-color:#ffffff; 
}
.popup.no-bd { border:0; }
.popup .comment { 
	margin-bottom:25px; 
}
.popup .pop-header { 
	min-height:66px;
	background-color:#f2f2f2;
	position:relative;
	border-bottom:1px solid #383c3f; 
}
.popup .pop-header h1 { 
	line-height:26px;
	padding:20px 0;
	color:#000000;
	font-size:1.385em;
	padding-left:27px;
	font-weight:500;
}
.popup .pop-close { 
	position:absolute;
	right:-3px;
	top:-3px;
	width:72px;
	height:66px;
	text-indent:-9999px;
	overflow:hidden;
	background:url('../../images/user/common/pop_close.png') center center no-repeat;
	background:/*＼**/url('../../images/user/common/pop_close_IE8.png') center center no-repeat; /*IE8*/	
	background-size:31px 
}
.popup .pop-body { 
	padding:27px 27px 47px 27px; 
}
.popup.w1000 .pop-body {
	padding:30px 50px 70px 50px;
}
.pop-body .pop-txt {
	margin:50px 0 30px 0;
	font-size:1.231em;
	line-height:1.7em;
	color:#333;	
}
.popup .pop-body h2 { 
	font-size:2.308em;
	font-weight:500;
}
.popup .pop-body h2 .score { margin-left:20px; }
.popup .pop-body h3,
.popup .pop-body h4 { margin-top:40px;margin-bottom:15px;font-weight:400; }
.popup .pop-body h3 { font-size:1.385em; }

.popup .pop-body h2.center {
	text-align:center;
	font-size:1.8em;
}
.popup .pop-comment { 
	color:#666;
	margin-top:8px;
	margin-bottom:10px; 
}
.popup .border-box + .pop-comment { margin:8px 0 0 0; }
.popup .border-box { 
	border:1px solid #ddd;
	background:#f9f9f9; 
	padding:15px;
}
.popup .pop-comment a { 
	color:#444;
	border-bottom:1px solid #666;
	font-weight:600; 
}
.popup .btn-cont.left { text-align:left; }

.popup .separate-wrap { 
	margin-top:40px;
	padding-bottom:5px;
	background:url('../../images/user/common/dashed_row.gif') 47.3% 0 repeat-y;
}
.popup .separate-wrap { 
	margin-top:0; 
}
.popup .separate { 
	display:inline-block;
	*zoom:1;*display:inline;
	vertical-align:top;
	width:45%; 
}
.popup .separate + .separate { 
	height:100%;
	width:50%;
	margin-left:20px;
	padding-left:21px; 
}
.popup .separate h4:first-child { margin-top:0; }
.popup .separate .btn-cont + .list-type { margin-top:15px; }

/* 팝업 교육신청 가이드  */
.popup .pop-body h2.tit { 
	font-size:1.5em;
	color:#003a79; 
	line-height:28px;
}
.popup .pop-body h2.tit ~ h2.tit { margin-top:12vw; }
.popup .pop-body h2.tit i {
	display:inline-block;
	width:80px;
	height:30px;
	line-height:28px;
	margin-right:25px;
	text-align:center;
	background:#003a79;
	font-style:normal;
	font-size:0.825em;
	vertical-align:0;
	position:relative;
	color:#fff;
}
.popup .pop-body h2.tit i:after {
	content:'';
	position:absolute;
	width:0;
	height:0;
	border-left:15px solid #003a79;
	border-top:15px solid transparent;
	border-bottom:15px solid transparent;
	border-right:0;
	left:100%;
}
.popup .pop-body h3.sub-tit { 
	font-size:1.3em;
	color:#283e55; 
	line-height:24px;
}
.popup .pop-body h3.sub-tit i {
	display:inline-block;
	width:90px;
	height:24px;
	line-height:23px;
	margin-right:15px;
	border-radius:12px;
	text-align:center;
	background:#283e55;
	font-style:normal;
	font-size:0.825em;
	vertical-align:0;
	position:relative;
	color:#fff;
}

.guide-section {
	margin-top:15px;
	max-width:800px;
}
.guide-img { 
	position:relative;	
	width:100%;
}
.guide-img img { 
	display:block;
	width:100%; 
}
.guide-img:after {
	border:1px solid #003a79;
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	box-sizing:border-box;	
}
.guide-img .g-mark {
	position:absolute;
	box-sizing:border-box;
	border:3px solid #ff4040;
	/*background:rgba(11,118,200,.1);*/
	box-shadow:0 0 15px rgba(0,0,0,.3);
}
.guide-img .g-mark i { 
	color:#fff;
	min-width:24px;
	height:24px;
	padding:0 8px;
	border-radius:50%;
	line-height:23px;
	font-size:13px;
	font-style:normal;
	font-weight:bold;
	text-align:center;
	position:absolute;
	top:-14px;
	left:-14px;
	box-sizing:border-box;
	background:#ff4040;
}
.guide-section figcaption {
	padding:20px;
	background:#f9f9f9;
	border:1px solid #ccc;
	border-top:0;
	width:100%;
	box-sizing:border-box;
}
.guide-section figcaption li {
	padding-left:40px;
	position:relative;
	font-size:1.132em;
	word-break:break-all;
}
.guide-section figcaption li + li { margin-top:8px; }
.guide-section figcaption li i { 
	display:inline-block;
	background:#ff4040;
	color:#fff;
	min-width:24px;
	height:24px;
	padding:0 8px;
	border-radius:50%;
	line-height:23px;
	font-size:13px;
	font-style:normal;
	font-weight:bold;
	text-align:center;
	box-sizing:border-box; 
	position:absolute;
	top:0;left:0;
}

@media screen and (max-width: 480px) and (orientation: portrait)  {	
	.guide-section figcaption {
		padding:4vw;
	}
	.guide-section figcaption li {
		padding-left:8vw;
		position:relative;
		font-size:3.5vw;
		line-height:6vw;
		word-break:break-all;
	}
	.guide-section figcaption li + li { margin-top:2vw; }
	.guide-section figcaption li i { 
		min-width:6vw;
		height:6vw;
		padding:0 1vw;
		border-radius:50%;
		line-height:6vw;
		font-size:3vw;
	}
}

/*  certification */
.popup .certification { 
	width:1000px;
	height:1363px;
	margin:0 auto;
	border:1px solid #ccc;
	background:url("../../images/user/common/certification.jpg") center 0 no-repeat;
	padding:350px 140px 280px;
	box-sizing:border-box;
	position:relative;
}
.popup .btn-cont + .certification {
	margin-top:20px;
}
.popup .certification * {
	font-family:"Nanum Myeongjo";	
	font-weight:bold;
}
.popup .certification .certi-num {
	font-size:20px;
	position:absolute;
	top:120px;
	left:140px;
}
.popup .certification .certi-qr {	
	position:absolute;
	top:120px;
	right:140px;
}
.popup .certification h1 {
	text-align:center;
	font-size:52px;
	margin-bottom:80px;
}
.popup .certification .certi-info {
	font-size:24px;	
	line-height:38px;
	margin-bottom:50px;
}
.popup .certification .certi-info p + p {
	margin-top:10px;
}
.popup .certification .certi-txt {	
	font-size:32px;	
	line-height:52px;
	padding:0 30px;
}
.popup .certification .certi-date {
	position:absolute;
	width:100%;
	text-align:center;
	left:0;
	bottom:300px;
	font-size:28px;	
	line-height:28px;
}

/* pop-notice  */
.pop-notice {
	border:2px solid #003a79;
	position:absolute;
	width:500px;
	top:200px;
	left:50%;
	margin-left:-250px;
	background:#fff;
	z-index:9999;
}

.pop-notice .noti-contents {
	padding:50px 40px;
}

.pop-notice .noti-contents h1,
.pop-notice .noti-contents h2,
.pop-notice .noti-contents h3,
.pop-notice .noti-contents h4,
.pop-notice .noti-contents h5,
.pop-notice .noti-contents h6 { line-height:1.4em; }
.pop-notice .noti-contents p { margin:5px 0;line-height:1.7em; }
.pop-notice .noti-contents ol li { list-style-type:decimal; }
.pop-notice .noti-contents ul li { list-style-type:disc; }
.pop-notice .noti-contents a { color:blue;text-decoration:underline; }
.pop-notice img {
	display:block;
    max-width: 100%;	
}
.pop-notice a.pop-close {
	position:absolute;
	width:25px;
	height:25px;
	top:20px;
	right:20px;
	background:url("../../images/user/main/close_pop.png") center center no-repeat;
	text-indent:-999px;
	overflow:hidden;
}
.pop-notice > p {
	background:#f5f5f5;
	border-top:1px solid #ddd;
	padding:10px 20px;
	color:#555;
	font-size:13px;
	color:#000;
}
.pop-notice .btn-cont {
    margin-top:20px;
    margin-bottom:30px;
}
.pop-notice .btn-cont a {
	width:60%;
}

/* mn-popup-area */
.mn-popup-area {
    position: absolute;
    top: 100px;
    left: 100px;
    right: 100px;
    text-align: center;
    font-size: 0;
    line-height: 0;
    z-index: 100;
}
.mn-popup-area .popup {
    position: relative;
    top: 0;
    left: 0;
    margin: 5px;
    display: inline-block;
    vertical-align: top;
    font-size: 1.3rem;
    line-height: 1.769em;
}
/* popup */
.popup {
    position: fixed;
    display: none;
    flex-direction: column;
    box-sizing: border-box;
    border: 1px solid #8190a5;
    max-width: 900px;
    max-height: calc(100vh - 60px);
    width: 100%;
    left: 50%;
    top: 30px;
    padding: 40px;
    margin-left: -450px;
    background-color: #fff;
    z-index: 100;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popup .pop-header {
    position: relative;
}
.popup .pop-header h1 {
    display: block;
    font-size: 2.4rem;
    font-weight: 700;
    /* border-bottom: 2px solid #333; */
    padding-bottom: 15px;
    padding-right: 36px;
    flex:1;
    text-align:left;
    box-sizing:border-box;
    height:45px;
}
.popup .pop-body {
    display: block;
    margin: 15px 0 0;
    box-sizing: border-box;
    max-height: calc(100vh - 200px);
    overflow-y: auto;
    font-size: 1.8rem;
    text-align: left;
    overflow-y: auto;
    /*flex-basis: auto;*/
}
.popup .pop-body:last-child {
    margin-bottom:0;
}
.popup .pop-body figure {
    margin-bottom: 50px;
}
.popup .pop-body img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.popup .pop-body .bg-box {
    padding: 20px;
}
.popup .pop-bnn img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.popup .pop-footer {
    margin-top: 30px;
    flex: 1;
}
.popup .btn-cont {
    padding: 0;
    margin: 20px 0;
}
.popup .btn-cont + .pop-footer {
    margin-top:50px;
}
/* estimate */
.estimate { margin-top:20px;border:1px solid #999;border-top:0; }
.write-type2.estimate thead th { font-size:28px;line-height:1.6em;color:#000;border-bottom:1px solid #777;vertical-align:middle; }
.write-type2.estimate tbody th { vertical-align:middle;border-right:1px solid #ddd;font-size:1.153em;line-height:1.8em; }
.write-type2.estimate tbody th.line-l-bold { border-left:2px solid #ccc; }
.write-type2.estimate tbody td { font-size:1.153em;color:#000;vertical-align:middle;padding-left:20px;line-height:1.8em; }
.write-type2.estimate tbody td.font-big { font-size:1.6em;color:#000;font-weight:400;border-bottom:0; }
.write-type2.estimate tbody td img { vertical-align:middle; }
.write-type2.estimate .estimate-list { border-top:1px solid #999 }
.write-type2.estimate .estimate-list thead th { font-size:1.153em;min-height:40px; }
.write-type2.estimate .estimate-list td { min-height:40px; }
.write-type2.estimate .estimate-list td + td { border-left:1px solid #eee; }
.write-type2.estimate .estimate-list tfoot td { vertical-align:middle;background:#f5f5f5;font-size:1.4em;color:#000;font-weight:400;paddng:0; }

/* info-cont */
.info-cont { 
	position:relative;
	margin-top:18px;
	margin-bottom:40px;
	padding-left:230px;
	min-height:140px; 
}
.info-cont img { 
	position:absolute;
	top:0;
	left:0;
	width:188px;
	height:138px;
	border:1px solid #c5c5c5; 
}
.info-cont dl { 
	width:500px 
}
.info-cont dt { 
	display:inline-block;
	*zoom:1;
	*display:inline;
	vertical-align:top; 
}
.info-cont dt { 
	padding:4px 0 4px 0; 
}
.info-cont dt { 
	position:absolute;
	width:95px;
	font-weight:600;
	color:#555; 
}
.info-cont dd { 
	padding:4px 0 4px 140px;
	background:url('../../images/user/common/bar.gif') 120px 8px no-repeat;
}
.info-cont dd { 
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis; 
}
.info-cont span { 
	color:#777777;
	margin-right:20px; 
}

/* 팝업 학습창 */
.learning-popup { 
	box-sizing:border-box;
	/*padding-bottom:57px;*/
	border:1px solid #383c3f;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	min-height:100%; 
}
.learning-popup .pop-header { 
	background:#444;
	height:40px;
	padding:9px 39px 0 39px ;
	box-sizing:border-box;
	position:relative;
}
.learning-popup .pop-header h1 { 
	color:#fff;
	padding-top:0px;
	padding-left:80px;
	font-size:16px;
	height:21px;
	line-height:21px;
	background:url('../../images/user/common/learning_logo.png') 0 0 no-repeat; 
	font-weight:400;
}
.learning-popup .pop-header select {
	position:aboslute;
	top:16px;
	right:36px;
	opacity:0;
}
.learning-popup .pop-header .ui-selectmenu-button {
	position:absolute;
	top:16px;
	right:36px;
	background:#444;
	border-color:#bebebe;
	min-width:400px;
}
.learning-popup .pop-header .ui-selectmenu-button span.ui-selectmenu-text {
	color:#eee;
}
.learning-popup .pop-header .ui-selectmenu-button span.ui-icon {
	background:url('../../images/user/common/learning_select_arr.png') 0 0 no-repeat;
}
.learning-popup .pop-close { 
	position:absolute;
	height:40px;
	width:40px;
	right:0;
	top:0;
	background:url('../../images/user/common/pop_close_wht.png') center center no-repeat;
	text-indent:-999px; 
	overflow:hidden;
}
.learning-popup h4{
    padding-top:20px;
    height : 30px;
    font-size : 1.538em;
}

/* 학습창 NAV */
.learning-nav { 
	position:fixed;
	bottom:0;
	width:100%;
	box-sizing:border-box;
	padding:0 30px 0;
	background:#444; 
	border-top:4px solid #3bc1ff; 
	height:45px;
}
.learning-nav a.learning-nav-open { display:none; }
/* learning-nav : dep1 */
.learning-nav a { display:block;color:#fff; }
.learning-nav > ul > li { 
	float:left;
	position:relative;
	z-index:9990;
}
.learning-nav > ul > li > a { 
	display:block;
	padding:10px 30px 7px;
	font-size:14px;
	color:#fff;
	font-weight:400;
	text-align:center; 
}
.learning-nav > ul > li > .home { 
	width:24px;
	height:25px;
	text-indent:-999px;
	overflow:hidden;
	background:url('../../images/user/common/ico_home2.png') 0 10px no-repeat;
	padding:17px 10px 0 0;
	color:#3bc1ff;
}
.learning-nav > ul > li.current > .home,
.learning-nav > ul > li > .home:hover {
	background:url('../../images/user/common/ico_home2_on.png') 0 10px no-repeat;
}

.learning-nav .newwin { 
    height:20px;
    overflow:hidden;
    background:url('../../images/user/common/ico_full.png') 0 5px no-repeat;
    padding:5px 0 10px 30px;
    line-height:20px;
    color:#fff;
    position:absolute;
    right:130px;
    top:5px;
}
.learning-nav .full { 
    height:20px;
    overflow:hidden;
    background:url('../../images/user/common/ico_size.png') 0 5px no-repeat;
    padding:5px 0 10px 30px;
    line-height:20px;
    color:#fff;
    position:absolute;
    right:30px;
    top:5px;
}

.learning-nav .full:hover {
    background:url('../../images/user/common/ico_size.png') 0 -30px no-repeat;color:#71d3ff;
}
.learning-nav .standard { 
    height:20px;
    overflow:hidden;
    background:url('../../images/user/common/ico_size.png') 0 -70px no-repeat;
    padding:10px 0 10px 30px;
    line-height:20px;
    color:#fff;
    position:absolute;
    right:30px;
    top:5px;
}
.learning-nav .standard:hover {
    background:url('../../images/user/common/ico_size.png') 0 -110px no-repeat;color:#71d3ff;
}
.learning-nav li + li + li { background:url('../../images/user/common/learning_nav_bar.gif') 0 16px no-repeat;}

.learning-nav > ul > li > a:hover ,
.learning-nav > ul > li.current > a,
.learning-nav > ul > li > a.on,
.learning-nav > ul > li > a.on:hover,
.learning-nav > ul > li > a.on:focus { background:url('../../images/user/common/learning_nav_on.png') center 0 no-repeat;color:#3bc1ff; }

/* learning-nav : dep2 */
.learning-nav .snb { display:none;height:0;position:absolute;z-index:9999;overflow:hidden;padding-top:5px;padding-bottom:5px;bottom:63px;left:0;background:#535356;opacity:0; }
.learning-nav .snb li > a { padding:0 95px 0 38px; }
.learning-nav .snb li { position:relative;white-space:nowrap;line-height:33px; }
.learning-nav .snb li a { color:#c6c6c7; }
.learning-nav .snb li a:hover,
.learning-nav .snb li a:focus { background-color:#404042 ;color:#fff;}

.learning-nav .mCustomScrollbar { display:none;max-height:330px;padding-bottom:20px;background:url("../../images/user/common/more.png") center bottom no-repeat #535356; }
.learning-nav .mCustomScrollbar.end { padding-bottom:5px;background-image:none; }

/* learning-nav : dep3 */
.learning-nav .snb li ul { display:none; }
.learning-nav .snb li.active ul { display:block; } 
.learning-nav .snb li ul a { padding-left:73px; }

/* learning-nav : dep2, dep3 background */
.learning-nav li li a { background-image:url("../../images/user/common/study_nav_dep2.png");background-repeat:no-repeat; }
.learning-nav .snb div > ul > li > a:only-child { background:none; }
.learning-nav .snb li > a { background-position: 14px 0; }
.learning-nav .snb li > a:hover,
.learning-nav .snb li > a:focus { background-position: 14px -40px;color:#71d2ff; }
.learning-nav .snb li.active > a { background-position: 14px -80px; }
.learning-nav .snb li.active > a:hover,
.learning-nav .snb li.active > a:focus { background-position: 14px -120px; }
.learning-nav .snb li li a {  background-position: 50px -160px; }
.learning-nav .snb li li a:hover, 
.learning-nav .snb li li a:focus {  background-position: 50px -200px; }

/* learning-nav : 진도율 */
.learning-nav .snb li a span { position:absolute;width:45px;height:18px;top:8px;right:15px; }
.learning-nav .snb li a span.progress { color:#fff;line-height:18px;border-radius:9px;text-align:center;font-size:11px;background:#b7a99a; }
.learning-nav .snb li a span.studying { background:#85c93c; }
.learning-nav .snb li a span.complete { background:#db821f; }
.learning-nav .snb li a span.check { background:url("../../images/user/common/ico_check.png") center center no-repeat; }

.learning-body { 
	/*position:absolute;
	top:91px;
	left:0;*/
	width:100%;
	background:#ebebeb; 
}
.learning-body iframe { 
	width:100%;
	height:calc(100% - 45px); 
    position:fixed;
    background:#fff; 
}
.learning-body .learn-close {  
	z-index:999999;
	position:absolute;
	top:15px;
	right:27px;
	width:48px;
	height:48px;
	border:1px solid #aaa;
	border-radius:24px;
	background:url('../../images/user/common/pop_close.png') center center no-repeat #fff;
	background:/*＼**/url('../../images/user/common/pop_close_IE8.png') center center no-repeat; /*IE8*/	
	background-size:30px;
	opacity:.5;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: opacity;
	transition-property: opacity; 
}
.learning-body .learn-close:hover { opacity:1; }

/* 학습창 */
/*.learn-nav {
	font-size:0;
	margin-bottom:50px;
	background: #fff;
	box-shadow:5px 5px 10px rgba(0,0,0,.075),  -5px -5px 10px #ffffff;
	display:inline-block;
	border-radius:25px;
	overflow:hidden;
}
.learn-nav li { 
	display:inline-block; 
}
.learn-nav li ~ li { border-left:1px solid #eee; }
.learn-nav li a {
	display:block;
	font-size:18px;
	width:140px;
	height:50px;
	line-height:30px;
	padding:10px 0 0;
	text-align:center;
	box-sizing:border-box;
	transition:background .3s;
}
.learn-nav li a:hover,
.learn-nav li a:focus { color:#0b76c8; }
.learn-nav li.current a { color:#0b76c8;background:rgba(11,118,200,.025); }*/
.learn-nav {
	font-size:0;
	margin-bottom:50px;
	background: #fff;
	display:block;
	overflow:hidden;
	border-bottom:1px solid #aaa;
}
.learn-nav li { 
	display:inline-block; 
}
.learn-nav li ~ li {  }
.learn-nav li a {
	display:block;
	font-size:18px;
	height:50px;
	line-height:30px;
	padding:10px 20px 0;
	text-align:center;
	box-sizing:border-box;
	transition:background .3s;
}
.learn-nav li a:hover,
.learn-nav li a:focus { color:#0b76c8; }
.learn-nav li.current a { color:#0b76c8;border-bottom:5px solid #0b76c8; }

/* contents */
.learn-tit { position:relative;padding-left:70px; }
.learn-tit cite {
	position:absolute;
	background:#128ee1;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	padding:0 5px;
	height:26px;
	width:50px;
	box-sizing:border-box;
	line-height:25px;
	text-align:center;
	left:0;
	top:5px;
}
.learn-tit cite:after {
	content:'';
	position:absolute;
	border:13px solid transparent;
	border-left:8px solid #128ee1;
	border-right:0;
	right:-8px;
	top:0;
}
.learn-tit strong {
	font-size:32px;
	line-height:1.15em;
	min-height:1.15em;	
    display: inline-block;
}
.learn-subtit {
	padding:15px 20px;
	background:#444;
	color:#fff;
	font-size:18px;
	border-radius:10px 10px 0 0;
	border-bottom:1px solid #333;
}
.learn-subtit cite {
	display:inline-block;
	height:26px;
	line-height:25px;
	text-align:center;
	color:#3bc1ff;
	margin-right:20px;
}
.learn-info { overflow:hidden;padding:0;border-bottom:1px dashed #d6d6d7; }
.learn-chart { font-size:0; }
.learn-chart li { position:relative;width:25%;display:inline-block;vertical-align:top;box-sizing:border-box; }
.learn-chart li div { width:200px;height:200px;margin:0 auto; }
.learn-chart li canvas {  }
.learn-chart li dl { position:absolute;text-align:center;z-index:100;top:0;left:0;width:100%;padding-top:75px; }
.learn-chart li dl dt { position:absolute;top:100px;width:100%;padding-top:30px;font-size:18px;color:#555;font-weight:400; }
.learn-chart li dl dd { font-size:20px;font-weight:300;letter-spacing:-0.025em;position:relative; }
.learn-chart li dl.chart-day dd { color:#20c8f2; }
.learn-chart li dl.chart-progress dd { color:#85ca3c; }
.learn-chart li dl.chart-score dd { color:#ff4150; }
.learn-chart li dl dd strong { font-size:60px;font-weight:300;letter-spacing:-0.05em; }
.learn-chart li dl dd em { color:#fff;font-size:35px;font-weight:100;font-family:helvetica;position:relative;top:5px; }
.learn-chart li:last-child dt { color:#00a9f7; }

.learn-date { position:relative;padding:15px 0 25px;}
.learn-date .ico-time {
	display:inline-block;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	padding:0 1px;
	vertical-align:-1px;
	margin-right:5px;
}
.learn-date .ico-time:before { 
	content:'';
	display:block;
	width:12px;
	height:12px;
	box-sizing:border-box;
	border:6px solid transparent;
	border-top:6px solid #ccc;
	border-bottom:6px solid #ccc; 
}
.learn-date dl { display:inline-block;padding:10px 0; }
.learn-date dt,
.learn-date dd { display:inline-block;*zoom:1;*display:inline;letter-spacing:-0.025em;vertical-align:top; }
.learn-date dt { color:#555;font-weight:300;font-size:16px; }
.learn-date dd { background:url("../../images/user/common/bar.gif") 0 6px no-repeat;padding-left:20px;margin-left:10px;letter-spacing:0;font-size:16px; }
a.learn-btn { display:block;margin:0 auto;width:200px;height:200px;border-radius:100px;line-height:200px;text-align:center;font-size:28px;color:#fff;text-align:center;background:#3bc1ff; }

.learn-notice { position:relative;padding:25px 0 25px 115px;margin-top:50px;border-top:1px solid #ddd;border-bottom:1px solid #ddd; }
.learn-notice h4 { position:absolute;top:25px;left:0;margin-top:0;width:95px;line-height:28px;background:url("../../images/user/common/bar.gif") right 8px no-repeat; }
.learn-notice ul {  }
.learn-notice ul li { line-height:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px; }
.learn-notice ul li ~ li { margin-top:5px; }
.learn-notice ul li span.date {  color:#777;margin-right:25px; }
.learn-notice ul li a:hover { text-decoration:underline; }
.learn-notice .more { position:absolute;width:30px;height:30px;top:25px;right:10px;
                    -webkit-transition-duration: 0.5s;
                    -moz-transition-duration:0.5s;
                    -o-transition-duration:0.5s;
                    transition-duration:0.5s; }
.learn-notice .more:hover {
                    -ms-transform: rotate(90deg); /* IE 9 */
                    -webkit-transform: rotate(90deg); /* Safari */
                    transform: rotate(90deg); }

/* test */
.test-info,.survey-info { position:relative;border-bottom:2px solid #7a7a7a;min-width:600px;padding:27px 350px 27px 55px; }
.test-info ul,
.survey-info ul { overflow:hidden; }
.test-info ul li { float:left;vertical-align:middle;width:50%;line-height:30px;font-size:1.077em; }
.survey-info ul li {  float:left;vertical-align:middle;width:100%;line-height:30px;font-size:1.077em; }
.test-info ul li cite,
.survey-info ul li cite { display:inline-block;*zoom:1;*display:inline;width:90px;font-weight:500; }
.test-info ul li span,
.survey-info ul li span { white-space:nowrap; }
.test-time { position:absolute;top:36px;right:55px;width:295px;height:73px;line-height:72px;background:url("../../images/user/learn/test_time_bg.gif") 0 0 no-repeat; }
.test-time span { font-weight:500;float:left;margin-left:44px;color:#fff; }
.test-time strong { float:right;width:160px;text-align:center;font-size:3.077em;color:#fff;font-weight:normal; }
.test-time.finish { background:url("../../images/user/learn/test_finish_bg.gif") 0 0 no-repeat; }
.test-time.finish span { margin-left:26px; }
.test-time.finish strong { color:#ff4151; }

.quiz {}
.quiz p { margin-top:20px;padding-top:26px;font-weight:500;font-size:16px; }
.quiz p cite { display:inline-block;*zoom:1;*display:inline;margin-right:15px;font-size:24px;letter-spacing:-0.08em; }
.quiz p cite:first-letter { color:#777; }
.quiz p .level { display:block;width:136px;padding:0 20px;margin-bottom:10px;height:28px;line-height:27px;font-size:0.923em;border-radius:14px;white-space:nowrap;border:1px solid #bcbcbc; }
.quiz p .level em { display:inline-block;color:#00b0e3; }
.quiz p .level em + em { color:#ff4151;margin-left:11px;padding-left:16px;background:url("../../images/user/learn/partition2.gif") 0 center no-repeat; }
.quiz ol { margin:15px 0 30px;padding-left:55px; }
.quiz ol li { font-size:15px;line-height:21px;position:relative; }
.quiz ol li + li { margin-top:10px; }
.quiz ol li cite { margin-right:5px;margin-left:5px;font-size:15px; }
.quiz ol li.answer label { font-weight:500;text-decoration:underline; }
.quiz p + div { margin-left:55px;margin-top:17px; }
.quiz p + div textarea { width:96%;padding:2%; }
.quiz .comment { padding:20px 0 10px;text-align:center;color:#00b0e3;font-weight:500; }
.quiz + .btn-cont { border-top:1px solid #ddd;padding-top:10px; }
.quiz input.q4,
.quiz textarea.q4 { margin-top:15px;font-size:15px;resize:none;border:1px solid #ddd; }
.quiz input[readonly],
.quiz textarea[readonly] { background:#fcfcfc;color:#777; }

.example p { background:#f8f8f8;border:1px solid #ddd;font-weight:normal;padding:8px 20px;margin-top:0; }
.example img { border:1px solid #ddd;display:block; }
.example img + p { margin-top:10px; }

.progress-bar { position:absolute;left:30%;top:0;width:245px;color:#20c8f2;font-weight:500; }
.progress-bar > span { float:left;width:35px;text-align:right; }
.progress-bar > .progress-graph { float:right;margin-top:8px;height:6px;width:200px;overflow:hidden;border-radius:3px;background:#dddddd; }
.progress-graph > div { height:6px;border-radius:3px;width:0;background:#20c8f2; }

.explanation { background:#f7f7f6;margin-top:-10px;padding:15px 22px; }
.quiz div + .explanation { margin-top:20px; }
.explanation dl { position:relative; }
.explanation dt { position:absolute;font-weight:500;width:38px;background:url("../../images/user/learn/partition2.gif") right center no-repeat }
.explanation dd { padding-left:52px; }
.explanation dt ~ dt, dd ~ dd { margin-top:10px; }

.lodging { overflow:hidden; }
.lodging .lodg-list { float:left;width:49%;height:300px;border:1px solid #dddddd;overflow-y:auto; }
.lodging .lodg-list li { line-height:30px;height:30px; }
.lodging .lodg-list li a { display:block;padding-left:10px; }
.lodging .lodg-list li.ui-tabs-active a { background:#f1f1f1; }
.lodging .lodg-list li a:hover { background:#f9f9f9; }
.lodging .lodg-map { float:right;width:49%;text-align:center;height:300px;border:1px solid #dddddd;overflow-y:hidden; }


/* status-list */
.learn-state { margin-top:50px; }
.status-list { overflow:hidden; }
.status-list section { float:left;background:#f9f9f9;box-sizing:border-box;min-height:211px;padding:20px;position:relative; }
.status-list section + section { margin-left:2%; }
.site-body .site-contents .status-list section h4,
.status-list section h5 { margin-top:0;padding-left:0;background:none;font-size:28px;height:28px;color:#000;font-weight:300;padding-bottom:12px;border-bottom:1px solid #ddd; }
.site-body .site-contents .status-list section h4 + .red,
.site-body .site-contents .status-list section h4 + .blue,
.status-list section h5 + .red,
.status-list section h5 + .blue { position:absolute;font-size:18px;top:29px;right:20px;line-height:20px; }

.status-list section:only-child { width:100%; }
.status-list section:nth-child(1):nth-last-child(2),
.status-list section:nth-child(1):nth-last-child(2) ~ section { width: 49%; }
.status-list section:nth-child(1):nth-last-child(3),
.status-list section:nth-child(1):nth-last-child(3) ~ section { width: 32%; }
.status-list section:nth-child(1):nth-last-child(4),
.status-list section:nth-child(1):nth-last-child(4) ~ section { width: 23.5%; }
.status-list section:nth-child(1):nth-last-child(5),
.status-list section:nth-child(1):nth-last-child(5) ~ section { width: 18.4%; }
.status-list section:nth-child(1):nth-last-child(5) h5,
.status-list section:nth-child(1):nth-last-child(5) ~ section h5,
.site-body .site-contents .status-list section:nth-child(1):nth-last-child(5) h4,
.site-body .site-contents .status-list section:nth-child(1):nth-last-child(5) ~ section h4 { font-size:23px; }

.status-list section:nth-child(1):nth-last-child(6),
.status-list section:nth-child(1):nth-last-child(6) ~ section { width: 32%;margin-bottom:10px; }
.status-list section:nth-child(1):nth-last-child(6) + section + section + section  { margin-left:0; }

.status-list section ul { margin-top:15px; }
.status-list section li { line-height:21px;font-size:16px; }
.status-list section li + li { margin-top:8px; }
.status-list section li cite,
.status-list section li span,
.status-list section li a { display:inline-block;vertical-align:top; }
.status-list section li cite { color:#777;width:75px; }
.status-list section li span { color:#000; }

.status-list section.total { background:#444444;color:#fff; }
.site-body .site-contents .status-list section.total h4,
.status-list section.total h5 { color:#fff; }
.site-body .site-contents .status-list section.total h4,
.status-list section.total h5 { border-bottom:1px solid #858585; }
.status-list section.total li cite { color:#b3b3b3; }
.status-list section.total li span { color:#fff; }
.status-list section.total .red { color:#f57777 !important; }
.status-list section.total .blue { color:#3bc1ff !important; }

.learn-iframe {}
.learn-iframe iframe { display:block;border:0;width:100%;overflow:hidden; }


/* checkup */
.checkup .btn-cont { font-weight:500; font-size:1.3em }
.exampaper .btn { font-weight:500; font-size:1.3em }

.checkup { padding-right:237px; }
.checkup p { position:relative;margin-top:40px;text-indent:-27px;padding-left:53px;font-size:1.429em;font-weight:400;font-size: 18px;line-height: 24px; }
.checkup p .mp3 { margin-left:10px;text-indent:0; }
.checkup p cite { display:inline-block;*zoom:1;*display:inline;margin-right:5px;font-size:1.429em;font-weight:500;font-family:'calibri' }
.checkup p cite:first-letter { font-size:1.250em; }
.checkup p.right-answer .after { position:absolute;width:49px;height:49px;top:-11px;left:-7px;text-indent:-999px;overflow:hidden;background:url('../../images/user/common/answer_o.png') 0 0 no-repeat; }
.checkup p.wrong-answer .after { position:absolute;width:49px;height:49px;top:-11px;left:-7px;text-indent:-999px;overflow:hidden;background:url('../../images/user/common/answer_x.png') 0 0 no-repeat;}
.checkup ol { margin:15px 0 15px 53px; }
.checkup ol li { position:relative;font-family:'Calibri', 'Nanum Gothic';font-size:1.3em;font-weight:400;line-height:34px; }
.checkup ol label { display:inline-block;*zoom:1;*display:inline;cursor:pointer; }
.checkup ol li label.radio,
.checkup ol li label.checkbox { display:inline-block;*zoom:1;*display:inline;padding-left:30px;cursor:pointer; }
.checkup ol li label.radio input,
.checkup ol li label.checkbox input { position:absolute; }
.checkup ol li label.disabled:hover { background:#fff; }
.checkup ol li label:hover ,
.checkup ol li label.checkbox.checked,
.checkup ol li label.radio.checked,
.checkup ol li label.checked.disabled:hover {  }
.checkup ol li label.checked .after { content:" ";position:absolute;width:24px;height:19px;top:2px;left:2px;background:url('../../images/user/common/subject_level_check.png') 0 0 no-repeat; }
.checkup ol li label.disabled { cursor:default; }
.checkup ol li.answer label { color:#ff6101; }
.checkup .bundle { border-bottom:1px solid #ccc;padding:20px 0; }
.checkup .bundle article { margin-left:0; }
.checkup .bundle p:first-child cite:first-letter { font-size:1.538em }
.checkup ol cite { font-size:1.231em;margin-right:8px;vertical-align:middle;}
.checkup ol em { text-decoration:underline; }
.checkup .btn-cont { margin-top:50px; }

.explanation { padding:15px 20px;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;color:#555; }
.explanation h3 { font-size:1.077em;line-height:20px;margin:0;padding:0;padding-left:26px;background:url('../../images/user/common/ico_solution.gif') 0 0 no-repeat;color:#0c77ca; }
.explanation ol { margin: 10px 0 0;; }
.explanation ol cite { font-size:1.077em; }

.exampaper { position:absolute;right:0px;top:174px;width:212px; }
.exampaper .exam-header { background:#ededed;border-bottom:1px solid #dadada;border-top:1px solid #ddd;line-height:40px;}
.exampaper .exam-header cite { border-right:1px solid #dadada;font-size:1.077em; }
.exampaper .exam-header span { border-right:1px solid #dadada;font-weight:500;font-size:1.077em; }
.exampaper .exam-header em { font-weight:500;font-size:1.077em; }
.exampaper .exam-list { height:264px;overflow:hidden;border-right:1px solid #ddd;border-left:1px solid #ddd;border-bottom:1px solid #ddd; }
.exampaper ol { width:232px;overflow-y:auto;height:224px;background:#fbfbfb;line-height:40px; }
.exampaper li { border-top:1px solid #e5e5e5;position:relative;}
.exampaper li:first-child {  border-top:0; }
.exampaper li a { display:block;height:43px;line-height:42px; }
.exampaper li a:hover,
.exampaper li a:focus { background:#edf5fa;outline:0; }

.exampaper .mo-exam-open { display:none; }
.exampaper .exam-list cite,
.exampaper .exam-list span,
.exampaper .exam-list em { display:inline-block;*zoom:1;*display:inline;text-align:center;height:43px;vertical-align:top;  }
.exampaper .exam-list cite { width:39px;border-right:1px solid #e5e5e5;color:#555;font-weight:500;font-size:1.385em;  }
.exampaper .exam-list span { width:80px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-right:1px solid #e5e5e5;font-size:1.385em; }
.exampaper .exam-list em { width:78px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#ff8c47;font-size:1.385em; }
.exampaper li .after { position:absolute;width:40px;height:43px;top:0;left:0;border-right:0; }
.exampaper li.right-answer .after { background:url('../../images/user/common/answer_s_o.png') center no-repeat; }
.exampaper li.wrong-answer .after { background:url('../../images/user/common/answer_s_x.png') center no-repeat; }

.contents-wrap { position:relative;margin-top:50px;min-height:564px }
.check-time { margin-bottom:5px;background:url('../../images/user/common/ico_time.gif') 18px 20px no-repeat #fbfbfb;border:1px solid #aaa;padding:18px 20px; }
.check-time cite,
.check-time em { display:inline-block;font-weight:500;font-size:1.077em; }
.check-time cite { margin-left:25px;margin-right:5px;float:left;}
.check-time em { float:right; }
.check-time .btn { margin-top:10px;clear:both; }


.dictionary .btn-cont { 
	text-align:left;
	font-size:0; 
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px 20px;
    background: #fcfcfc;
}
.dictionary .btn-cont a { 
	min-width:40px;
	width:40px;
	height:40px;
	font-size:14px;
	line-height:38px;
	padding:0;
	text-align:center;
	vertical-align:top;
	margin-right:3px;
	margin-bottom:3px; 
	border-radius:4px;
	border:1px solid #ccc;
}
.dictionary .btn-cont a.spot { border-color:#003a79; }
.dictionary .btn-cont a + a { margin-left:0 }


.dictionary .select-cont { margin-top:50px;margin-bottom:30px; }
.dictionary .select-cont { font-size:0;text-align:center; }
.dictionary .select-cont .comment { 
	margin-top:0;
	margin-bottom:10px;
	font-size:15px;
	font-weight:500;
	color:#555;
	background-image:none;
	padding-left:0; 
}
.dictionary .select-cont input[type="text"] {
	height:40px;
	border-radius:20px 0 0 20px;
	padding-left:20px;
	font-size:15px;
	border:1px solid #444;
}
.dictionary .select-cont .btn.search { 
	min-width:60px;
	height:40px;
	line-height:38px;
	padding:0 25px 0 15px ;
	background:#444;
	color:#fff;
	border-color:#444;
	border-radius:0 20px 20px 0; 
	font-size:15px;
}
.dictionary .select-cont .btn.search:hover,
.dictionary .select-cont .btn.search:focus { background:#555; }

.dictionary .dic-list { border:3px solid #eee;padding:25px 30px;}
.dictionary .dic-list .comment { padding:0 0 15px 25px;background:url('../../images/user/common/star2.png') 0 6px no-repeat;color:#333;background:url('../../images/user/common/dashed_col.gif') 0 bottom repeat-x; }
.dictionary .dic-list .list-type1 { width:100%;display:inline-block;*zoom:1;*display:inline; }
.dictionary .dic-list .list-type1 li { float:left;width:47%;padding-left:3%; }
.dictionary .dic-list .list-type1 li a { border-bottom:1px solid transparent; }
.dictionary .dic-list .list-type1 li a:hover { border-bottom:1px solid #555; }

/* -------------------------------------------------    
    .player 
------------------------------------------------- */
.player-area {
    height:700px;
    background:#000;
    padding:0;
}
.player-area h3 { 
    height: 45px;
    box-sizing: border-box;
    padding-left: 35px;
    color: #fff;
    padding-top: 15px;
    position:relative;
    font-size: 18px;
    text-align: left;    
    margin-bottom : 10px;
}
.player-area h3:before { content:'';position:absolute;width:6px;height:20px;border-radius:3px;background:#0294E0;top:14px;left:21px; }
.player-area h3:after { content:'';position:absolute; background : #000}
.player-area .video-js { width:100%;height: calc(100% - 45px); }
.vjs-theme-fantasy .vjs-control-bar { border-radius:27px; }
.vjs-theme-fantasy .vjs-big-play-button { font-size:100px !important;text-indent:-0.2em !important;color:#0294E0 !important; }
.player-btns { background:#000;text-align:right;height:45px;padding:17px 30px;font-size:0ß; }
.player-btns .btn { height:45px;box-sizing:border-box;width:110px; font-size:15px; line-height:45px}
.player-btns .btn {border-radius: 25px 0 0 25px;padding:0 20px 0 30px; }
.player-btns .btn.spot3 {border-radius: 0 25px 25px 0;padding:0 30px 0 20px;margin-left:0; }
.player-btns .btn.spot2 {border-radius: 25px 25px 25px 25px;padding:0 20px 0 20px;margin-left:10px; }

/* footer */
.site-footer { 
	clear:both;
	width:100%;
	padding-bottom:30px;
	color:#555;
	background:#e8e8e8;
}
.site-footer .footer-primary {
	background:#283e55;
	height:70px;
}
.site-footer .wrap{
	max-width:1240px;
	min-width:320px;
	box-sizing:border-box;
	margin:0 auto;
	position:relative;
}
.site-mn .site-footer .wrap {
	max-width:1000px;
}
.footer-primary .wrap {
	height:70px;
}
.footer-primary .logo {
	background:url(../../images/user/footer/logo.png) 0 0 no-repeat;
	width:109px;
	height:34px;
	display:block;
	float:left;
	text-indent:-999px;
	margin-top:13px;
	margin-right:18px;
}
.footer-primary p {
	color:#fff;
	font-weight:400;
	font-size:1.231em;
	line-height:1.250em;
	padding-top:25px;
	display:inline-block;
	margin-right:20px;
}
.footer-primary p strong {
	color:#bbb;
	margin-right:8px;
	font-weight:400;
}
.footer-primary p span {
	color:#bbb;
}

.btn_remote {
	border:1px solid #fff;
	color:#fff;
	display:inline-block;
	*zoom:1;
	padding:10px 20px 10px 55px;
	background:url("../../images/user/footer/ico_arr.png") 20px center no-repeat #283e55;
}
.btn_remote:hover,
.btn_remote:focus {
	background-color:rgba(0,0,0,.2);
}

.site-footer .go-site {
	position:absolute;
	box-sizing:border-box;
	right:0;
	top:20px;
	width:200px;
	height:31px;
	border:1px solid #6e7985;
	color:#fff;
}
.site-footer .go-site dt {	
	padding-left:9px;
	line-height:29px;
	background:url(../../images/user/footer/select_arr.png) right center no-repeat;
}
.site-footer .go-site dd {
	position:absolute;
	width:100%;
	background:#283e55;
	border:1px solid #6e7985;
	top:100%;
	left:-1px;
	padding:8px 0;
	z-index:1;
	opacity:0;
	display:none;
}
.site-footer .go-site:hover dd {
	opacity:1;
	display:block;
}
.site-footer .go-site dd a {
	display:block;
	color:#fff;
	padding-left:10px;
	line-height:1.8em;
}
.site-footer .go-site dd a:hover,
.site-footer .go-site dd a:focus {
	background:#6e7985;
}
.site-footer ul {
	padding-top:35px;
	overflow:hidden; 
}
.site-footer li { 
	float:left;
	line-height:1em; 
}
.site-footer li + li { 
	padding-left:15px;
	margin-left:15px;
	border-left:1px solid #b3b3b3;
}
.site-footer li a { 
	color:#555;
	font-size:1.154em;
	font-weight:400; 
}
.site-footer li b {
	font-weight:400;
	color:#333;
}
.site-footer address {
	margin-top:42px;
	font-size:1.077em;
	line-height:1.929em;
	white-space:pre-line;
}
.site-footer .copyright {
	font-size:1.154em;
	margin-top:30px;
}

/* error */
.error-header { 
	padding-top:40px;padding-bottom:350px;
	background:url("../../images/user/common/error.png") center bottom no-repeat #148fed; 
}
.error-header.working {	
	background:url("../../images/user/common/wo`rking.png") center bottom no-repeat #148fed; 
}
.error-header h1 {
	margin:0 auto;
	letter-spacing:-0.05em;
	max-width:1000px;
	width:100px;
}
.error-header h1 a {	
	background:url('../../images/user/header/logo.png') 0 center no-repeat;
	color:#fff;
	display:block;
	box-sizing:border-box;
	height:34px;
	line-height:1em;
	padding-top:10px;
	padding-left:137px;
	font-size:23px;
	font-weight:400;
	color:#fff;
}
.error { 
	text-align:center;
	margin-top:50px;
}
.error strong { font-size:26px; } 
.error p { 
	font-size:16px;
	margin-top:18px;
	line-height:28px; 
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
}
.error .btn { 
	height:48px;
	line-height:48px;
	font-size:15px;
	margin-top:35px;
	padding:0 60px;
	background:#444;
	border:1px solid #444;
	color:#fff;
}

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

/* 예외처리 */

/***************
	높이 680 학습창
***************/
@media screen and (max-height:680px) {
	/* 팝업 학습창 */
	.learning-popup { 
		box-sizing:border-box;
		padding-bottom:57px;
		border:1px solid #383c3f;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		min-height:100%; 
	}
	.learning-popup .pop-header { 
		height:20px;
		padding:0 20px 0 20px ;
		box-sizing:border-box;
	}
	.learning-popup .pop-header h1 { 
		padding-top:0;
		font-size:12px;
		line-height:19px;
		background:none; 
		font-weight:300;
	}
	.learning-popup .pop-header select {
		display:none
	}
	.learning-popup .pop-header .ui-selectmenu-button {
		display:none;
	}
	
	/* 학습창 NAV */
	.learning-nav { 
		position:fixed;
		bottom:-60px;
		width:100%;
		box-sizing:border-box;
		height:64px;
		padding:0 30px 0;
		background:#444; 
		border-top:4px solid #3bc1ff; 
		transition:bottom .5s;
	}
	.learning-nav.open {
		bottom:0;
	}
	/* nav열기 */
	.learning-nav a.learning-nav-open { 
		display:block;
		position:absolute;
		height:16px;
		width:60px;
		background:url(../../images/user/learn/nav_open.png) center bottom no-repeat; 
		top:-20px;
		left:50%;
		margin-left:-30px;
		overflow:hidden;
		text-indent:-9999px;
	 }
} 
/***************
	1240px
**************/

/***************
	1240px
**************/
@media screen and (max-width:1240px) {
	
	.btn-cont-top { margin-top:20px; }
	.btn-cont-top .btn { top:0; }
	.btn2 {
		padding:0 10px;
	}
	.site-tit h3 {
		font-size:3em;
		padding-right:20px;
	}
	.site-lnb { 
		width:160px;
		left:0%;
		margin-left:0px;
	}
	.site-lnb li a {
		font-size:1em;
		line-height:1.6em;
	}
	.site-body .site-lnb ~ .site-contents {
		padding-left:200px;
		padding-right:20px;
	}
	.learn-chart { padding-bottom:50px; }
	.learn-chart li div { width:140px;height:140px; }
	.learn-chart li dl { padding-top:56px; }
	.learn-chart li dl dt { padding-top:50px; }
	.learn-chart li dl dd strong { font-size:45px; }
	a.learn-btn {
		width: 140px;
		height: 140px;
		border-radius: 70px;
		line-height:140px;
		font-size: 20px;
	}

	.status-list section { padding:15px;min-height:190px; }
	.status-list section h5 { font-size:22px; }
	.status-list section h5 + .red, .status-list section h5 + .blue { top:20px;font-size:15px; }
	.status-list section li { font-size:13px; }
	.status-list section li cite { width:55px; }

	.status-list section:only-child { width:100%; }
	.status-list section:nth-child(1):nth-last-child(2),
	.status-list section:nth-child(1):nth-last-child(2) ~ section,
	.status-list section:nth-child(1):nth-last-child(3),
	.status-list section:nth-child(1):nth-last-child(3) ~ section,
	.status-list section:nth-child(1):nth-last-child(4),
	.status-list section:nth-child(1):nth-last-child(4) ~ section,
	.status-list section:nth-child(1):nth-last-child(6),
	.status-list section:nth-child(1):nth-last-child(6) ~ section,
	.status-list section:nth-child(1):nth-last-child(5),
	.status-list section:nth-child(1):nth-last-child(5) ~ section {  width: 49%;margin-bottom:10px;  }
	.status-list section:nth-child(1):nth-last-child(5) h4,
	.status-list section:nth-child(1):nth-last-child(5) ~ section h4 { font-size:23px; }

	.status-list section:nth-of-type(2n+1) { margin-left:0; }
	
	/***********
		HEADER 
	***********/
	.site-header .util,
	.site-header h1,
	.site-header nav {	
		padding:0 20px;
	}
	.site-header h1 {
		letter-spacing:-0.05em;
	}
	.site-header h1 a { 
		padding-left:120px;
		font-size:20px;
		background-size:auto 30px;
	}		
	.site-header nav .snb-area strong {
		margin:0 20px;
	}
	.site-header .site-gnb div {
		padding-left:10px;
	}
	.site-header .site-gnb h2 {
		font-size:1.231em;
	}
	.site-header .site-gnb ul { }
	.site-header .site-gnb ul li a { 
		display:block;
		color:#000;
		line-height:18px; 
	}

	
	/***********
		site-body 
	***********/

	.site-body > form > * { 
		margin-left:20px;
		margin-right:20px;
	}
	.site-body > form > .site-tit,
	.site-body > form > .site-location {
		margin-left:0;
		margin-right:0;
	}
	.site-location {
		margin-left:0;
		margin-right:0;
		padding-right:20px;
	}

	/***********
		MAIN 
	***********/
	.site-mn {
		background-size:150%;
	}	
	.site-mn .site-body {
		padding-top:156px;
	}
	.site-mn .mn-row h3 {
		font-size:1.308em;
	}
	.mn-procedure a { 
		font-size:1em;
		white-space:nowrap;
	}
	.mn-learn div,
	.mn-learn div + div,
	.mn-learn div + div + div,
	.mn-learn div + div + div + div {
		height:180px;
		background-size:auto 69px;
	}
	.mn-learn div p {
		font-size:2.6vw;
		line-height:1.300em;
		top:25px;
	}	
	.mn-learn div p span { font-size:1.8vw;margin-top:8px }
	.site-mn .mn-apply li a h3 {
		font-size:1.538em;
	}
	.mn-learn div a { bottom:30px; }
	.mn-notice {
		padding:30px 20px;
	}
	.mn-infocenter .watch-info span { 
		margin-right:10px;
	}
	.mn-faq {
		padding:30px 20px;
	}
	a.mn-more {
		right:20px;
	}
	.mn-etc a {
		padding:28px 120px 36px 20px;
	}
	.site-mn .mn-etc h3 {
		font-size:1.692em;
	}

	/***********
		FOOTER 
	***********/	
	
	.site-footer .wrap{
		padding:0 20px;
	}
	.site-footer .go-site {
		right:20px;
	}	
	/* -----------------------
		TABEL 
	 .list-type table td .btn2 {
		display:block;
		height:28px;
		line-height:28px;
		padding:0;
	 }
	 .list-type table td .btn2 + .btn2 {
		margin-left:0;
		margin-top:5px;
	 }
	 ----------------------- */
	 
}

/***************
	768px
**************/
@media screen and (max-width:769px) {	
	
	.noscroll { 
		overflow-y:hidden;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		box-sizing:border-box;
	}
	
	.btn-cont.col3 a {
		width:30%;
		padding:0;
		min-width:60px;
	}

	/**********
		SITE-HEADER
	 **********/

	/* util */
	.site-header { 
		height:100px;
	}
	.site-header .util ul { 
		text-align:right;
	}
	.site-header .util ul > li { 
		display:inline-block;
		*zoom:1;
		*display:inline;
		vertical-align:top;
	}
	.site-header .util ul > li.fl {
		display:none;
	}
	.site-header .util ul > li + li { 
		background:none;
		padding-left:0;
		margin-left:5px;
	}
	.site-header .util ul > li a {
		/*font-size:10px;*/
	}
	.site-header .util ul > li.login a,
	.site-header .util ul > li.join a {
		padding-left:0;
		background:none;
	}	
	.site-header .util ul > li.remote {	
		display:none;
	}

	/* logo */
	.site-header h1 {
		margin-top:20px;
		letter-spacing:-0.05em;
	}
	.site-header h1 a,
	.site-mn .site-header h1 a { 
		display:block;
		box-sizing:border-box;
		height:25px;
		line-height:1em;
		padding-top:7px;
		padding-left:100px;
		font-size:18px;
		font-weight:400;
		color:#003a79;
		background:url('../../images/user/header/logo_m.png') 0 center no-repeat;
		background-size:auto 25px;
	}
	
	/* site-gnb*/
	.site-header nav {
		position:absolute;
		width:0;
		height:100%;
		right:0;
		padding:0;
		margin:0;
	}
	.m-gnb-open { 
		display:block;
        position:absolute;
        height:40px;
        width:25px;
        right:20px;
        top:-30px;
        background:url("../../images/user/header/ico_mlist.png") center center no-repeat;
		background-size:25px auto;
        -webkit-transition: right .5s, top .5s;
        transition: right .5s, top .5s;
        z-index:101;
    }
	.m-gnb-open.open {
        right:219px;
        z-index:9999;
		top:-50px;
        background:url("../../images/user/header/ico_mlist_close.png") center center no-repeat #fff;
		background-size:20px auto;
		width:40px;
		height:40px;
		border:1px solid #003a79;
		box-shadow:0 1px 3px rgba(0,0,0,.2);
    }
	.site-header nav .site-gnb{ 
		position:fixed;
		margin-top:0;
		top:0;
		right:-220px;
		height:100%;
		padding:0;
		background:#003a79;
		z-index:9999;
		width:220px;
        overflow:auto;
        overflow-y:scroll;
        -webkit-transition: right .5s; 
        transition: right .5s;
	}
 
    .site-header nav .site-gnb.open { 
		right:0 !important;
		padding-right:0;
		text-align:left; 
		box-shadow:-2px 0 5px rgba(0,0,0,.2);
	}  
	.site-header .site-gnb > li { 
		float:none;
		position:relative;
		text-align:left;
		width:100% !important;
		border-bottom:1px solid #6386ab;
	}
	.site-header .site-gnb > li > a {
		line-height:49px;
		font-size:1.153em;
		padding-left:8%;
	
	}
	.site-header .site-gnb > li.rootCurrent > a,
	.site-header .site-gnb > li > a:hover,
	.site-header .site-gnb > li > a:focus { color:#fff; }
	
	.site-header .site-gnb div.active {
		margin-left:0;
		
	}
	.site-header nav .toggle-gnb ,
	.site-header nav .snb-area,
	.site-header nav .snb-area strong {
		display:none;
	}

	/* snb */
	.site-header .site-gnb div {
		position:static;
		box-sizing:content-box;
		margin:0;
		text-align:left; 
		border-left:1px solid #ececec;
		padding-left:0px;
		border-left:0;
		background:#fff;
		width:100%;
		left:0;
		margin-left: 0;
	}
	.site-header .site-gnb h2 {
		display:none;
	}
	.site-header .site-gnb ul { }
	.site-header .site-gnb ul li a { 
		display:block;
		color:#003a79;
		font-size:1.077em;
		line-height:18px;
		padding:8px 0 8px 20px;
	}
	.site-header .site-gnb ul li + li {
		margin-top:0;
	}
	.site-header .site-gnb ul li a:hover {
		font-weight:400;
	}
	.site-header .site-gnb ul li.current a {
		font-weight:500;
		background:#f5f5f5;
		border-left:4px solid #003a79;
		padding-left:16px;
	}
	
	.site-header .site-gnb li:first-child div,
	.site-header .site-gnb li:nth-child(2) div,
	.site-header .site-gnb li:nth-child(3) div,
	.site-header .site-gnb li:nth-child(4) div,
	.site-header .site-gnb li:nth-child(5) div,
	.site-header .site-gnb li:nth-child(6) div,
	.site-header .site-gnb li:nth-child(7) div { margin-left:0px; }

	/********
		SITE-BODY
	**********/
	.body-bg { background-image:none;background:#fff !important;display:none; }

	.site-body { 
		box-sizing:border-box; 
		padding-bottom:80px;
	}
	.site-lnb { display:none; }
	
	.site-body .site-lnb ~ .site-contents { padding-left:20px; }
	.site-body .site-contents {
		padding-top:20px;
		min-height:350px;
		width:100%;
		/*padding-left:20px;
		padding-right:20px;*/
	}
	.site-tit { 
		height:auto;
		padding:20px 0;
		background:#003a79;
		margin:0;
	}
	.site-tit h2 { 
		color:#fff;
		padding:0; 
		text-align:center;
		font-size:2em;
	}
	.site-tit h3 { 
		color:#fff;
		padding:0; 
		text-align:center;
		font-size:2em;
		height:1em;
	}	
	.site-tit h3.longTxt {
		font-size:1.4em;
		line-height:1.1em;
		padding-top:0;
		margin-top:-10px;
		margin-bottom:10px;
	}
	
	.site-location ul { 
		min-width:280px;
	}
	.site-location > ul > li + li {
		padding-left:24px;
		margin-left:10px;
	}
	.site-location > ul > li.home + li {
		margin-left:10px;
	}
	.site-location > ul > li > a {
		font-size:1em;
		line-height:2.4em;
		height:2.4em;
	}
	.step,
	.step li { height:43px; }
	.step li { 
		font-size:1.077em;
		padding-left:0px; 
		white-space:nowrap;
		width:35%;
	}
	.step li:first-child {
		width:30%;
	}
	.step li + li { 
		padding-left:20px;
		background-position:0 5px;
		background-size:auto 20px;
	}
	.step li span { font-size:1.4em;margin-right:5px; }

	.step2 li {
		padding-left:0;
	}
	
	.message { 
		padding-top:130px;
		height:auto;
		background-size:100%;
		text-align:center;
		padding-bottom:30px;
		margin-bottom:20px;
	}
	.message p { 
		padding-top:0;
		padding-left:0;
		font-size:1.154em;
	}
	.message ~ p .ceo {
		display:block;
	}
	
	.rolling-noti .bx-controls-direction .bx-prev { left:0px; }
	.rolling-noti .bx-controls-direction .bx-next { right:0px; }
	.rolling-noti { padding: 15px 40px; }
	.rolling-noti li a { 
		font-size:1em;
		line-height:1.6em; 
	}
	.rolling-noti li time { 
		font-size:0.9em;
		margin-left:0;
		padding-left:0;
		display:block; 
		background:none;
	}
	
	.list-book li {
		width:33%;
	}
	
	.enroll-main > a {
		padding:30px 20px 20px 120px;
	}
	
	.enroll-main > a strong {
		font-size:24px;
	}
	.enroll-main > a:before {
		left:20px;
	}
	.enroll-main > a p {
		font-size:15px;
		letter-spacing:-0.05em;
	}	

	/********
		TABLE
	**********/
	.sch-cont .ui-selectmenu-button + input {
		width:130px;
	}
	
	.write-type {	
		padding:10px 0px;
	}
	.write-type table {
		table-layout: auto;
	}
	.write-type table th {
		padding:0;
		font-size:1em;
		white-space:nowrap;
		display:block;
		width:100%;
		line-height:30px;
	}
	.write-type table td {
		display:block;
		width:100%;
		padding:0 0 10px 0;
	}
	
	.write-type2 { width:100%; }
	.write-type2 table {
		table-layout:auto;
	}
	.write-type2 table th {		
		line-height:1.8em;
		vertical-align:middle;
		padding:10px 0px;
		width:auto;
		display:block;
		width:100%;
		text-align:left;
		background-color:#fff;
		font-weight:500;
		border-bottom:0;
		
	}
	.write-type2 table td {
		line-height:1.8em;
		vertical-align:middle;
		display:block;
		width:100%;
		padding:0 0 10px 0;
	}
	.list-type.m-row table {
		table-layout: auto;
		display: block;
		position: relative;
		overflow:hidden;
	}
	.list-type.m-row table:after {
		clear:left;
	}
	.list-type.m-row table thead {
		 display: block;
		 float: left;
	}
	.list-type.m-row table tbody {
		 display: block;
		 width: auto;
		 position: relative;
		 overflow-x: auto;
		 white-space: nowrap; 
	}
	.list-type.m-row table thead tr { display: block; }
	.list-type.m-row table thead th { 
		display: block; 
		text-align: right; 
		padding:10px;
		border-bottom:0;
		border-top:1px solid #ddd;
		min-height:30px;
		line-height:30px;
		vertical-align:middle;
		border-right:1px solid #aaa;
		min-width:60px;
	}
	.list-type.m-row table tbody tr {
		display: inline-block;
		vertical-align: top;
		margin-left:-3px;
		min-width:100%;
	}
	.list-type.m-row table tbody td,
	.list-type.m-row table tbody td.al,
	.list-type.m-row table tbody td.ar {
		display: block; 
		padding-left:15px;		 
		padding-right:15px;
		min-height:30px;
		vertical-align:middle;
		line-height:30px;
		text-align:left;
	}
	.list-type.m-row table tbody td br {
		display:none;
	}
	.list-type.m-row table tbody tr + tr td {
		border-left:1px solid #ddd;	
	}
	.list-type.m-row table tbody td .btn2,
	.list-type.m-row table tbody td .btn4,
	.list-type.m-row table tbody td input {
		height:30px;
		line-height:28px;
		vertical-align:middle;
	}
	

	/********
		main
	**********/
	.site-mn {
		background:none;
	}
	.site-mn .site-body {
		padding:0;
		margin-left:0;
		margin-right:0;
	}
	.site-mn .site-body > form > * { 
		margin-left:0;
		margin-right:0;
	}
	.mn-fl { 
		float:none;
		width:100%;
	}
	.mn-fr {
		float:none;
		width:100%;
	}
	.mn-procedure { 
		width:100%;
		margin-top:10px;
	}
	.mn-procedure a { 
	}

	.mn-learn div, 
	.mn-learn div + div, 
	.mn-learn div + div + div, 
	.mn-learn div + div + div + div {
	}
	.mn-learn div > * { 
		position:absolute;
		box-sizing:border-box; 
	}

	.mn-apply { 
		padding:0 5%;
		height:240px;
		border-left:0;
	}
	.mn-apply li {
		float:left;
		width:33%;
		text-align:center;
	}
	.mn-apply li + li { margin-left:0.5% }
	.mn-apply li a {
		display:block;
		box-sizing:border-box;
		height:240px;
		padding-top:150px;
		background-size:100px;
	}
	.mn-apply li + li a,
	.mn-apply li + li + li a {
		background-size:100px;
	}
	.site-mn .mn-apply li a h3 {
		font-size:1.231em;
		font-weight:300;
		margin-bottom:0;
	}
	.mn-apply li a p {
		font-size:0.923em;
	}
	.mn-apply li a p br { display:none; }

	.mn-infocenter {
		height:auto;
		border-left:0;
	}
	.mn-infocenter ul li {
		width:48%;
	}
	.mn-infocenter ul li + li {
		margin-left:4%;
	}
	.mn-infocenter ul li + li + li { display:none; }
	.mn-infocenter .badge-new,
	.mn-infocenter .badge-best {
		left:5px;
	}	
	.mn-infocenter figure figcaption {
		font-size:1em;
	}
	.mn-infocenter .watch-info {
		padding-left:5px;
	}
	.mn-infocenter .watch-info span { 
		margin-right:15px;
	}

	.mn-notice {
		padding:30px;
		background:#fafafa;
		border-top:0;
		border-left:0;
		border-right:0;
	}
	.mn-faq {
		padding:30px;
		background:#fff;
		border-left:0;	
		border-bottom:1px solid #ececec;
	}
	.mn-etc {
		height:auto;
	}
	.mn-etc a {
		float:none;
		width:100%;
		padding-left:30px;
	}
	a.mn-more { right:30px; }
	
	.aside-etc { display:none; }
	
	.kakao-cn { 
		display:block;
		background:#fae100;
		text-align:center;
		padding:15px 0;
	}
	.kakao-cn img { display:inline-block;width:30px;height:30px;vertical-align:middle; }
	.kakao-cn span { color:#000;font-size:14px; }

	/* footer */
	.site-footer .wrap { 
		padding:0 30px;
	}
	.site-footer .footer-primary {
		background:#283e55;
		height:110px;
	}
	.footer-primary .wrap {
		height:110px;
	}

	.footer-primary .wrap .logo {
		margin-right:10px;
	}
	
	.footer-primary p {
		font-size:1em;
		line-height:1em;
		display:block;
		float:left;
		padding-top:19px;
	}
	.footer-primary p span {
		display:block;
		margin-top:5px;
		font-size:0.923em;
	}
	.btn_remote {
		position:absolute;
		top:17px;
		right:30px;
		padding-top:5px;
		padding-bottom:5px;
	}
	.site-footer .go-site {
		right:30px;
		left:30px;
		top:60px;
		width:auto;
		height:36px;
	}
	.site-footer .go-site dt {
		line-height:34px;	
	}
	.site-footer li { 
		margin-bottom:1em;
	}
	.site-footer li:first-child + li + li{ 
		border-left:0;
		clear:left;
		margin-left:0;
		padding-left:0;
	}
	.site-footer li a { 
		font-size:1em;
	}
	.site-footer address {
		margin-top:15px;
		font-size:0.923em;
	}
	.site-footer .copyright {
		font-size:0.923em;
		margin-top:15px;
	}
	/* pop-notice  */
	.pop-notice {
		position:fixed;
		width:auto;
		top:15px;
		left:15px;
		right:15px;
		margin-left:0;
		margin-right:0;
		margin-bottom:0;
	}	
	
	/* 원격지원서비스 이용방법 */
	.w1000, .w800 {
		width:96%;
		height:96%;
		left:2%;
		top:2%;		
		margin-left:0;
	}
	
	
	/* 네비 */
	.learning-nav {
	}
	 .learning-nav ul {
	 	white-space:nowrap;
	 }
	 .learning-nav > ul > li > a {
	 	padding-left:15%;
	 	padding-right:15%;
	 }
	 	 
	.checkup { padding-right:0; }
	.check-time { 
		position:fixed;
		top:0;
		left:0;
		right:0;
		border-top:0;
		border-left:0;
		border-right:0; 
	}
	.check-time em { float:left; }
	.check-time .btn {
		z-index:999;
		position:absolute;
		top:9px;
		right:0px;
		height:40px;
		line-height:40px;
		margin-top:0;
		padding:0 20px;
		min-width:auto; 
	}
	
	.exampaper { 
		position:fixed;
		left:0;
		right:0;
		bottom:0;
		width:100%;
		top:auto;
		z-index:99;
	}
	.exampaper .mo-exam-open { display:block;outline:0;width:40%;padding:0;border:0;height:30px;margin:0 auto;font-size:13px;background:#128ee1;border-radius:5px 5px 0 0;color:#fff; }
	.exampaper .mo-exam-open span:after { 
		content:'';
		display:inline-block;
		width:6px;
		height:6px;
		margin-left:6px;
		border-top:2px solid #fff;
		border-right:2px solid #fff;
		transform:rotate(135deg) translateX(-3px);
	}
	.exampaper.is-open .mo-exam-open span:after {
		transform:rotate(-45deg) translateX(-1px);
	}
	.exampaper .exam-list { display:none;border-top:2px solid #128ee1; }
	.exampaper.is-open .exam-list { display:block; }
	.exampaper ol { width:100%; }
}

/***************
	480px
**************/
@media screen and (max-width:480px) {
	
	.wrap { max-width:480px; }
	
	.btn-cont a, .btn {
		min-width:40%;
		padding:0 10px;
	}
	.m-block { display:block; }
	.btn-cont a:nth-child(1):nth-last-child(3),
	.btn-cont a:nth-child(1):nth-last-child(3) ~ a { min-width:31%;width: 31%;font-size:0.923em; }
	.btn:nth-child(1):nth-last-child(3),
	.btn:nth-child(1):nth-last-child(3) ~ .btn { min-width:31%;width: 31%;font-size:0.923em; }
	.btn-cont a:nth-child(1):nth-last-child(4),
	.btn-cont a:nth-child(1):nth-last-child(4) ~ a,
	.btn:nth-child(1):nth-last-child(4),
	.btn:nth-child(1):nth-last-child(4) ~ .btn { height:40px;line-height:38px;min-width:23%;width: 23%;font-size:0.923em;margin-left:2px; }
	
	.q0 { width:50px; }
    .q1 { width:50% }
    .q2 { width:70% }
    .q3 { width:90% }
    .q4 { width:100%; }
	.q1.datepicker { width:100px; }
	
	.scroll-x table { width:250%;}
	
	/* table */
	.hdnCol1 table colgroup col:nth-child(1),
	.hdnCol2 table colgroup col:nth-child(2),
	.hdnCol3 table colgroup col:nth-child(3),
	.hdnCol4 table colgroup col:nth-child(4),
	.hdnCol5 table colgroup col:nth-child(5),
	.hdnCol6 table colgroup col:nth-child(6),
	.hdnCol7 table colgroup col:nth-child(7),
	.hdnCol8 table colgroup col:nth-child(8),
	.hdnCol9 table colgroup col:nth-child(9),
	.hdnCol10 table colgroup col:nth-child(10),
	.hdnCol1 table tr th:nth-child(1),
	.hdnCol2 table tr th:nth-child(2),
	.hdnCol3 table tr th:nth-child(3),
	.hdnCol4 table tr th:nth-child(4),
	.hdnCol5 table tr th:nth-child(5),
	.hdnCol6 table tr th:nth-child(6),
	.hdnCol7 table tr th:nth-child(7),
	.hdnCol8 table tr th:nth-child(8),
	.hdnCol9 table tr th:nth-child(9),
	.hdnCol10 table tr th:nth-child(10),
	.hdnCol1 table tr td:nth-child(1),
	.hdnCol2 table tr td:nth-child(2),
	.hdnCol3 table tr td:nth-child(3),
	.hdnCol4 table tr td:nth-child(4),
	.hdnCol5 table tr td:nth-child(5),
	.hdnCol6 table tr td:nth-child(6),
	.hdnCol7 table tr td:nth-child(7),
	.hdnCol8 table tr td:nth-child(8),
	.hdnCol9 table tr td:nth-child(9),
	.hdnCol10 table tr td:nth-child(10){ display:none }
	
	.list-type.photo tbody td {
		padding-left:10px;
		padding-right:10px;
	}
	
	.list-type.photo .pic-cont {
		position:relative;
		top:0;
		margin-bottom:10px;
		max-width:100%;
	}
	.list-type.photo .pic-cont a {
		margin:0 auto;
	}

	b + span.info,
	span.info + span.info {
		margin-left:0;
		padding-left:0;
		background:none;
		display:block;
	}
	
	.view-type thead td,
	.view-type tbody td,
	.view-type tfoot td {
		padding-left:0;
		padding-right:0;
	}
	.view-type tfoot td cite { padding-right:0;margin-right:10px;background:none;vertical-align:top; }
	.view-type tfoot td cite + a { max-width:50%;overflow:hidden;vertical-align:top;text-overflow:ellipsis;white-space:nowrap; }
	
	.view-type tbody td img {
		max-width:100%;
	}
	
	/**********
		SITE-HEADER
	 **********/
	.site-header h1 a { 
		padding-top:8px;
		font-size:16px;
	}
	
	/**********
		SITE-BODY
	 **********/
	.site-header h1 a { 
		padding-top:8px;
		font-size:16px;
	}
	.step2 li:first-child {
		margin-top:0;
	}
	.step2 li h5 {
		position:relative;
		width:100%;
		font-size:1.154em;
		padding:15px 0;
	}
	.step2 li h5 span {
		position:static;
		margin-top:0;
	}
	.step2 li p {
		font-size:1em;
		line-height:1.8em;
		padding:15px 20px;
		border-top:0;
	}
	.site-body .site-contents h4 { margin-top:20px;margin-bottom:15px; }
	.site-body .site-contents h4 ~ h4.empas { margin-top:25px; }
	h4.empas + p { margin-top:10px;line-height:1.4em; }
	
	/* book-detail */
	.book-detail li {
		width:100%;
		float:none;
		overflow:hidden;
		padding-bottom:25px;
		padding-left:150px;
	}
	.book-detail li + li {
		border-top:1px solid #ccc;
	}
	.book-detail li .book-thumb {
		top:62px;
	}
	.book-detail li h5 {
		margin-top:0;
		margin-left:-150px
	}
	
	.book-detail li .btn-area a {
		width:100%;
	}
	.book-detail li .btn-area a + a {
		margin-left:0;
		margin-top:6px;
	}	
	
	.list-book li {
		width:50%;
	}
	
	.ui-accordion-content { 
		padding:15px 10px 15px 30px;
		border-bottom:1px solid #dcdcdc;
		color:#666;
		font-size:1.077em;
		background:url('../../images/user/common/acco_arr.gif') 0px 18px no-repeat;
	}
	
	.tabs .ui-tabs-nav .ui-tabs-anchor {
		font-size:0.923em;
	}
	
	.list-row {
		overflow:hidden;
	}
	.list-row li {
		margin-bottom:2%;
		width:100%;
	}
	.list-row li + li {
		margin-left:0;
	}
	.book-detail li { height:auto;min-height:257px; }	
	.sub-mn-tit ~ .book-detail li:first-child + li { padding-top:20px;margin-top:20px; }
	.sub-mn-tit ~ .book-detail li:first-child .book-thumb { top:37px; }
	.sub-mn-tit ~ .book-detail li:first-child + li .book-thumb { top:57px; }
	
	.list-book { border-top:0;border-bottom:0; }
	.list-book li + li + li { margin-top:30px; }
	.list-book li { padding:0; }
	
	.book-detail li h5 { font-size:1.25em; }
	
	.enroll-main {
		margin-top:30px;
	}
	.enroll-main > a {
		width:100%;
		height:auto;
		padding:20px 10px 20px 100px;
	}
	.enroll-main > a + a { margin-left:0;margin-top:10px; }
	
	.enroll-main > a:before {
		width:60px;
		height:60px;
		top:30px;
		left:20px;
	}
	.enroll-main > a.enroll-new:before {
		background:url(../../images/user/sub/icon_enroll_new.png) center center no-repeat;
		background-size:60px;
	}
	.enroll-main > a.enroll-exist:before {
		background:url(../../images/user/sub/icon_enroll_exist.png) center center no-repeat;
		background-size:60px;
	}
	.enroll-main > a p {
		font-size:14px;
	}
	
	.licensing-num {
		margin:30px auto 0;
	}
	.licensing-num > article {
		padding:40px 0 30px;	
	}
	.licensing-num > article + article {
		padding:30px 0 30px;
	}
	.licensing-num > article > div { padding:0 20px; }
	.licensing-num > article label {  }
	.licensing-num > article input { width:200px; }
	.licensing-num > article p { padding:0 20px; }	
	
	.licensing-num > article + article a.btn2 { margin-top:10px; } 
	
	/**********
		MAIN
	 **********/
	.mn-procedure { margin-top:0; }
	.mn-procedure a { 
		width:100%;
		float:none;
		display:block;
		white-space:nowrap;
		height:44px;
		padding:12px 40px 12px 20px;
	}
	.mn-procedure a:nth-child(2),
	.mn-procedure a:nth-child(3),
	.mn-procedure a:nth-child(4) { border-left:0;border-top:1px dotted #526d88; }
	.mn-procedure a:before,
	.mn-procedure a:after {
		right:20px;
	}
	.mn-learn div, .mn-learn div + div, .mn-learn div + div + div, .mn-learn div + div + div + div { background-image:none; }
	.mn-learn div p {
		padding:0 20px;
		font-size:4.5vw;
	}
	.mn-learn div p span {
		font-size:3vw;
		line-height:1.5em;
	}
	.mn-learn div a {
		width:auto;
		left:20px;
		right:20px;
		bottom:20px;
		font-size:4vw;
	}
	
	.mn-apply {
		height:230px;
	}
	.mn-apply li a {
		display:block;
		box-sizing:border-box;
		height:230px;
		padding-top:120px;
		background-size:80px;
	}
	.mn-apply li + li a,
	.mn-apply li + li + li a {
		background-size:80px;
	}
	.site-mn .mn-apply li a h3 {
		font-size:1.077em;
	}
	.mn-apply li a p {
		letter-spacing:-0.03em
	}
	.mn-infocenter {
		padding:30px 20px;
	}
	.mn-infocenter .watch-info span { 
		margin-right:5px;
	}
	.mn-notice,
	.mn-faq {
		padding:30px 20px;
	}
	.mn-etc a {
		padding-left:20px;
	}	
	a.mn-more { right:30px; }
	
	/* 학습창 */
	.learn-nav {
		display:block;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:40px;
		white-space:nowrap;
		overflow:hidden;
		overflow-x:auto;
	}
	/*.learn-nav li { 
		display:inline-block; 
		border:1px solid #ddd;
		margin:2px;
	}*/
	.learn-nav li a {
		width:100%;
		font-size:14px;
		height:40px;
		line-height:20px;
	}
	.learn-tit cite { top:0; }
	.learn-tit strong { font-size:5vw; }
	.learn-date { padding:5px 0 15px; }
	.learn-chart { padding-bottom:30px; }
	.learn-chart li div { width:calc((100vw - 60px)/4);height:calc((100vw - 60px)/4); }
	.learn-chart li dl { padding-top:calc((100vw - 60px)/11); }
	.learn-chart li dl dt { padding-top:0px;font-size:3.2vw; }
	.learn-chart li dl dd { font-size:3vw; }
	.learn-chart li dl dd strong { font-size:8vw; }
	a.learn-btn {
		width:calc((100vw - 60px)/4);
		height:calc((100vw - 60px)/4);
		border-radius: 50%;
		line-height:calc((100vw - 60px)/4);
		font-size: 4vw;
	}

	.status-list section { padding:15px;min-height:190px; }
	.status-list section h5 { font-size:18px;height:auto; }
	.status-list section h5 + .red, .status-list section h5 + .blue { top:16px;font-size:13px; }
	.status-list section li { font-size:13px; }
	.status-list section li cite { width:55px; }
	.learn-notice { padding:15px 0 15px 85px; }
	.learn-notice h4 { font-size:14px !important;width:70px;top:15px; }
	.learn-notice ul li { font-size:14px; }
	.learn-iframe iframe { height:54vw; }
	
	
	/* footer */
	.site-footer .wrap { 
		padding:0 20px;
	}
	.site-footer .go-site {
		left:20px;
		right:20px;
		top:66px;
	}
	.site-footer .footer-primary, 
	.footer-primary .wrap {
		height:155px;
	}
	.btn_remote,
	.btn_remote:hover,
	.btn_remote:focus {
		top:auto;
		bottom:10px;
		left:20px;
		right:20px;
		color:#283e55;
		background-image:none;
		background:#fff;
		padding:5px 0;
		font-weight:500;
		text-align:center;
		font-size:1.077em;
	}
	.btn_remote:before {
		content:"→";
		color:#283e55;
		margin-right:10px;
		font-size:1.5em;
		font-weight:100;
		vertical-align:top;
	}
	
	/**********
		POPUP
	 **********/	
	.layerPopup { 
		position:fixed;
		width:96%;
		height:96%;
		margin-left:0;
		left:2%;
		top:2%;
	}
	.pop-header h1 { 
		font-size:1.8em;
	}
	.pop-close { 
		right:15px;
		top:15px;
	}
	.layerPopup .pop-body { 
		padding:30px 30px 20px 30px; 
	}
	.pop-login input[type="text"],
	.pop-login input[type="password"],
	.pop-login input[type="tel"] { 
		margin-bottom:5px;
	}
	.btn-lnk {
		margin-top:30px;
	}
	
	.layerPopup .pop-close { 
		position:absolute;
		right:15px;
		top:15px;
		width:16px;
		height:16px;
		background:url('../../images/user/common/pop_close.png') center center no-repeat; 
		background-size:15px;
	}
	
	/* pop-notice  */
	.pop-notice {
        position:fixed !important;
        width:auto;
		top:100px !important;
		left:2%;
		margin-left:0;
	}
	.pop-notice img {
		width:100%;
	}
	.pop-notice a.pop-close {
		top:10px;
		right:10px;
	}
		
	
	/* 원격지원시스템 */	
	.popup section.pop-body {
		padding-top:20px;
	}
	.pop-remote p {
		padding-left:0;
		background:none;
	}
	.pop-remote p br {
		display:none;
	}
	.pop-remote .remote-call,
	.pop-remote .btn-cont {
		margin-left:0;
	}
	
	.popup {
		overflow-y:auto;
	}
	.popup.w1000 .pop-body {
		padding:20px 20px;
		position:relative;
	}
	.pop-body .tabs .ui-tabs-panel.scroll-cont {
		height:auto;
	}
	.pop-body .tabs .ui-tabs-panel.scroll-cont img {
	 	width:100%;
	}
	
	/* Learn */
	.learning-popup {
		padding-bottom:0;
	}
	
	.learning-nav .snb {
		position:fixed;
		left:10px;
		right:10px;
	}
	.learning-nav .snb li > a {
		box-sizing:border-box;
		width:100%;
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis;
	}
	
	.learning-nav { 
		padding:0;
	}
	
	/*  */
	.learning-nav > ul > li:first-child { width:20%; }
	.learning-nav > ul > li > .home {
		border-right:1px solid #666;
		width:100%;
		padding-right:0;
		background-position-x:center;
	}
	
	.learning-nav > ul > li > a:hover, 
	.learning-nav > ul > li.current > a, 
	.learning-nav > ul > li > a.on, 
	.learning-nav > ul > li > a.on:hover, 
	.learning-nav > ul > li > a.on:focus { background-position-y:-3px; }
	
	.learning-nav > ul > li:nth-child(1):nth-last-child(5),
	.learning-nav > ul > li:nth-child(1):nth-last-child(5) ~ li,
	.learning-nav > ul > li:nth-child(1):nth-last-child(6),
	.learning-nav > ul > li:nth-child(1):nth-last-child(6) ~ li,
	.learning-nav > ul > li:nth-child(1):nth-last-child(7),
	.learning-nav > ul > li:nth-child(1):nth-last-child(7) ~ li,
	.learning-nav > ul > li:nth-child(1):nth-last-child(8),
	.learning-nav > ul > li:nth-child(1):nth-last-child(8) ~ li,
	.learning-nav > ul > li:nth-child(1):nth-last-child(9),
	.learning-nav > ul > li:nth-child(1):nth-last-child(9) ~ li{ width:20%;box-sizing:border-box;background-image:none; }
	
	.learning-nav > ul > li:nth-child(2):nth-last-child(5) > a,
	.learning-nav > ul > li:nth-child(2):nth-last-child(5) ~ li > a,
	.learning-nav > ul > li:nth-child(2):nth-last-child(6) > a,
	.learning-nav > ul > li:nth-child(2):nth-last-child(6) ~ li > a,
	.learning-nav > ul > li:nth-child(2):nth-last-child(7) > a,
	.learning-nav > ul > li:nth-child(2):nth-last-child(7) ~ li > a,
	.learning-nav > ul > li:nth-child(2):nth-last-child(8) > a,
	.learning-nav > ul > li:nth-child(2):nth-last-child(8) ~ li > a ,
	.learning-nav > ul > li:nth-child(2):nth-last-child(9) > a,
	.learning-nav > ul > li:nth-child(2):nth-last-child(9) ~ li > a { padding:4px 0 3px;text-align:center;border-bottom:1px solid #666;font-size:12px; }
    .player-area {   
        height: calc(100vh - 109px);
        padding:15px 0;
    }
    .player-area h3 { 
        padding-left: 27px;
        padding-right:15px;
        font-size: 3.2vw;
        line-height: 20px;
        height:65px;
    }
    .player-area h3:before { top:14px;left:15px; }
    .player-area .video-js  { height:calc(100% - 65px); }
        
    .player-btns { background:#000;text-align:right;height:45px;padding:17px 5vw;font-size:0; }
    .player-btns .btn { width:25vw;}
    .player-btns .btn { padding:0 3vw 0 5vw; }
    .player-btns .btn.spot3 { padding:0 5vw 0 3vw; }
    .player-btns .btn.spot2 { padding:0 3vw 0 3vw; }
	/* error */
	.error-header { 
		background-size:70%;
		padding-bottom:230px;
	}
	.error-header h1 a {			
		box-sizing:border-box;
		padding-left:0;
		width:120px;
		margin-left:20px;
		text-indent:-9999px;
		overflo:hidden;
		margin:0 auto;
	}
	.error strong { font-size:18px; } 
	.error p { 
		font-size:13px;
		margin-top:10px;
		line-height:19px; 
	}
	.error .btn { 
		height:48px;
		line-height:48px;
		font-size:15px;
		margin-top:35px;
		padding:0 60px;
		background:#444;
		border:1px solid #444;
		color:#fff;
	}
	
	#layerPostCode {
		
		width:auto !important;
		left:5px !important;
		right:5px !important;
		margin-left:0;
		overflow:hidden;
	}

	.guide-img .g-mark {
		border:2px solid #003a79;
	}
	
	.site-body .site-contents .enroll-guide h4 { font-size:4.5vw; }
	.enroll-guide section .col3 { display:block;width:100%;padding:15px 0; }
	.enroll-guide section .col3 ~ .col3 { margin-left:0;margin-top:6px; }
}

/***************
	360px
**************/
@media screen and (max-width:359px) {	
	.pop-header h1 { 
		padding-top:40px;
	}
	.pop-close { 
		right:10px;
		top:10px;
		width:31px;
		height:32px;
		background-size:20px;
	}
	.pop-body { 
		padding:20px 30px; 
	}
	.pop-login input[type="text"],
	.pop-login input[type="password"],
	.pop-login input[type="tel"] { 
		height:32px;
		line-height:30px;
	}
	.pop-login input + label { margin-top:10px; }
	.pop-login input + label.checkbox { margin-top:10px; }
	.btn-lnk {
		margin-top:30px;
	}
	.util ul { white-space:nowrap; }
	.util ul li,
	.util ul li a { font-size:12px;letter-spacing:-0.05em; }
}


/* barcode */
.barcode { background:#fff;text-align:center;cursor:pointer; }
.barcode.active {
	position:fixed;
	top:25%;
	left:20%;
	right:20%;
	bottom:30%;
	box-shadow:0 0 25px rgba(0,0,0,.4);
}
.barcode.active img {
	position:absolute;
  	width:400px;
  	top:50%;
  	left:50%;
  	margin-left: -200px;
  	margin-top:-20%;
}

@media screen and (max-width: 700px) {
	.barcode.active {
		top:0;
		left:0;
		bottom:10%;
		right:0;
		box-shadow:0 20px 25px rgba(0,0,0,.4);
	}
	.barcode.active img {
	  	top:45%;
	  	margin-top:-12.5%;
	}
}

@media screen and (max-width: 700px) and (orientation: portrait)  {	
	.barcode {
	}
	.barcode.active {
		top:0;
		bottom:0;
		right:0;
		left:10%;
		width:90%;
		box-shadow:-20px 0 25px rgba(0,0,0,.4);
	}
	.barcode.active img {
	  	top:50%;
	  	margin-top:-26%;
	  	transform:rotate(90deg);
	}
}