@charset 'UTF-8';
/*
	Author	: Somi Park
	Date	: 2016-11-08
	Project	: KHSA
*/
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
 
html, body	{ height:100%;}
html	{ 
	border:0;
	outline:0;
	font-size:62.5%; 
}

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

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

table	{ 
	width:100%;
	border-collapse:collapse;
	table-layout:fixed; 
}
table caption { 
	height:0;
	font-size:0.1em;
	color:#fff;
	opacity:0;
	filter:alpha(opacity=0);
}

button,
input,
textarea	{ 
	font-family: 'Noto Sans KR', 'Calibri', "맑은 고딕", "Malgun Gothic" , "Apple Gothic", "돋움", Dotum, "굴림", Gulim, sans-serif;
	color:#444; 
	font-size:15px;
}
textarea	{ 
	border:1px solid #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:#1297ff;font-weight:400; }
em + .checkbox { position:relative;top:4px;margin-left:10px; }
.red { color:#f50d35; }
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 { 
	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:top; }
input:hover,
input:focus { border:1px solid #aaa;background-color:#f9f9f9; }

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

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

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

.al { text-align:left !important;}
.ar { text-align:right !important;}
.ac { text-align:center !important;}
.vm,
.vm table td,
.vm table th { vertical-align: middle !important;}

.darkgray {
    color:#333 !important;
}
.gray {
    color:#777 !important;
}
.blue {
    color:#0c69d0 !important;
}
.navy {
    color:#003a79 !important;
}
a.blue {
    border-bottom:1px solid #0c69d0;
    font-weight:400;
}
a.blue:hover {
    color:#0c69d0 !important;
    text-decoration:none !important;
}
.lightblue {
    color:#0090fe !important;
}
.darkblue {
    color:#003a79 !important;
}
.darkgreen {
    color:#00a2aa !important;
}
.green {
    color:#00c153 !important;
}

.m-none {
    display:block;
}
.m-block {
    display:none;
}

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

label.num {
    margin:0 auto -2px;
    display:block;
    width:55px;
    overflow:hidden;
}
label.num:after {
    content:"";
    display:block;
    clear:both;
}
label.num input {
    display:block;
    width:100%;
    text-align:center;
    padding:0;
    text-indent:0;
}
label.num .num-add,
label.num .num-minus {
    display: block;
    margin-top: 8px;
    width: 23px;
    height: 23px;
    border: 1px solid #777;
    text-indent: -9999px;
    background: url('../../images/userEng/common/arr_t_sm.png') center no-repeat #fbfbfb;
}
label.num .num-add {
    float:left;
}
label.num .num-minus {
    float: right;
    background-image: url('../../images/userEng/common/arr_b_sm.png');
}
.dim { 
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background: rgba(0, 0, 0, 0.4);
	z-index:999;
}
.dim.open {
	display:block !important;
	opacity:1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.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;
	color:#777;
}
span.info + span.info:before  {
	content:"";
	width:1px;
	height:14px;
	background:#ddd;
	display:inline-block;
	margin-right:15px;
	vertical-align:middle;
}
span.info strong {
	color:#333;
	margin-left:10px;
	font-weight:400;
}

.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/userEng/common/score.gif');
	background-repeat:no-repeat; 
}
.score.score-0 { background-position: 0 0; }
.score.score-1 { background-position: 0 -20px; }
.score.score-2 { background-position: 0 -40px; }
.score.score-3 { background-position: 0 -60px; }
.score.score-4 { background-position: 0 -80px; }
.score.score-5 { background-position: 0 -100px; }
.score.score-6 { background-position: 0 -120px; }
.score.score-7 { background-position: 0 -140px; }
.score.score-8 { background-position: 0 -160px; }
.score.score-9 { background-position: 0 -180px; }
.score.score-10 { background-position: 0 -200px; }

.wrap { 
	max-width:1100px;
	min-width:280px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
.site-mn .wrap {
	max-width:1100px;
}

/* btn */
.btn-cont { text-align:right;margin-top:30px; }
.btn-cont + .sch-cont,
.btn-cont + .step {
    margin-top:60px;
}
.btn-cont.left { text-align:left; }
.btn-cont.center { text-align:center; }

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

.btn-cont a { 
	padding:0 40px;
	height:50px;
	line-height:48px;
	font-weight:300;
	font-size:15px;
}
.btn { 
	padding:0 30px;
	height:40px;
	line-height:38px;
	font-weight:300;
	font-size:15px;
}
.btn-cont .btn2,
.btn2 { 
	padding:0 20px;
	height:38px;
	line-height:36px;
	font-weight:300;
	width:auto;
	min-width:60px;
	font-size:15px;
}
.btn3 { 
	padding:0 10px;
	height:24px;
	line-height:24px;
	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:#003a79;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; }

td .btn2,
td .btn3 { background:#fbfbfb;color:#000;border:1px solid #555;font-size:15px; }
td .btn3 {
    font-size:13px;
    height:35px;
    line-height:33px;
}

/* 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-cont a.spot5,
.btn.spot5,
.btn2.spot5,
.btn3.spot5,
.btn4.spot5,
.spot5 {
    color:#fff;
    background:#1298ff;
    border-color:#1298ff;
}
.btn-cont a.spot5:hover,
.btn-cont a.spot5:focus,
.spot5:hover, 
.spot5:focus {
    background:#0e91f6;
    border-color:#0e91f6;
}
.btn.more {
	padding-left:54px;
	position:relative;
}
.btn.more:before {
	content:"";
	display:block;
	position:absolute;
	width:14px;
	height:2px;
	background:#003a79;
	left:29px;
	top:50%;
	margin-top:-1px;
}
.btn.more:after {
	content:"";
	display:block;
	position:absolute;
	width:2px;
	height:14px;
	background:#003a79;
	left:35px;
	top:50%;
	margin-top:-7px;
}
.btn.del {
    background:#f9f9f9;
    border-color:#003a79;
    color:#003a79;
}
.btn.add,
.btn2.add {
    background:#fff;
    border-color:#0090fe;
    color:#0090fe;
}
/* btn : ico */
.btn-cont a.dw,
a.btn.dw { 
	padding-left:56px;
	background-image:url("../../images/userEng/common/ico_download.png");
	background-position:30px center;
	background-repeat:no-repeat; 
}
.spot.next { 
	padding-right:165px;
}
.spot.next:after {
	content:"";
	position:absolute;
	border-bottom:1px solid #b3c4d7;
	border-right:1px solid #b3c4d7;
	width:83px;
	height:14px;
	transform:skewX(45deg);
	top:16px;
	right:40px;
}

.shortcut {
    border:1px solid #b5b5b5;
    color:#777;
}
.shortcut:after {
    content: "";
    display:inline-block;
    vertical-align:middle;
    margin-top:-3px;
    margin-left:10px;
    width:13px;
    height:13px;
    background: url('../../images/userEng/common/ico_shortcut.png') no-repeat;
}
.btn2.shortcut {
    padding-left:30px;
    padding-right:30px;
}
.btn3.down {
  margin-left:20px;
  border-color:#c9cacb;
}
.btn3.down:before {
    content: "";
    display:inline-block;
    width: 15px;
    height: 14px;
    background: url('../../images/userEng/common/ico_down.png') no-repeat;
    margin-top:-5px;
    vertical-align:middle;
    margin-right:9px;
}

/* ico */
.file { 
	display:block;
	*zoom:1;
	*display:inline;
	padding-left:23px;
	background:url('../../images/userEng/common/ico_file.png') 0 center no-repeat; 
	color:#0d69d0;
}
.ico.file {
    margin:0 auto;
    display:inline-block;
    height:28px;
}
.file ~ .file {
    background:none;
}
.file-block {
    display:block;
    color:#0d69d0;
    font-weight:400;
    text-decoration:underline;
}
p.file { 
	display:block;
	margin-top:10px;
}
p.file + p.file { margin-top:3px;}
a.file:hover, a.file-block:hover { text-decoration:underline; }
a.delete { 
	margin-left:8px;
	vertical-align:middle;
	display:inline-block;
	*zoom:1;
	*display:inline;
	background:url('../../images/userEng/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;
}
i.star { 
	display:inline-block;
	width:11px;
	height:10px; 
	vertical-align:middle;
	background:url('../../images/userEng/common/star.svg') 0 0 no-repeat;
	position:relative;
	top:-1px;
}
a.homepage {
	display:inline-block;
	width:18px;
	height:18px; 
	vertical-align:middle;
	background:url('../../images/userEng/common/ico_monitor.png') 0 0 no-repeat;
	position:relative;
	top:-1px;
	overflow:hidden;
	text-indent:-9999px;
}
.ico-no,
.ico-yes {
    display:inline-block;
    border-radius:50%;
    font-size:14px;
    color:#fff;
    background:#888;
    width:26px;
    height:26px;
    line-height:26px;
    font-style:normal;
}
.ico-no {
    background-color:#1297ff;
}

/* common */
.border-cont {
    padding:25px 40px;
    border:1px solid #ccc;
    font-weight:400;
    color:#333;
}
.border-cont label {
    margin-left:30px;
    margin-right:30px;
}
.border-cont p + p {
    margin-top:15px;
}
.border-cont + .btn-cont {
    margin-top:20px;
}
.btn-cont + .border-top {
    margin-top:70px;
}
.border-top {
    border-top:2px solid #003a79;
}
.shortcut-list {
    text-align:center;
    margin-top:30px;
}
.shortcut-list li{
    display:inline-block;
    margin:0 30px;
    width:240px;
    border:1px solid #003a79;
    text-align:center;
}
.shortcut-list li a {
    padding-top:29px;
    padding-bottom:21px;
    display:block;
}
.shortcut-list cite {
    display:block;
    margin-bottom:25px;
    font-weight:500;
    color:#003a79;
}   
.shortcut-list li span {
    display:inline-block;
}
.full-img {
    margin-bottom:60px;
}
.full-img img {
    display:block;
    max-width:100%;
}
.full-img figcaption.ar {
    margin-top:10px;
    padding-right:0;
}
/* jquery-plugin tab : ui-tabs */
.tabs { 
	position: relative;
}
.tabs .ui-tabs-nav { 
	height:60px;
	width:100%;
	display:inline-block;
}
.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:18px;
	height:60px;
	line-height:58px;
	box-sizing:border-box;
	border-bottom:1px solid #cecece;
	text-align:center;
	position:relative;
}
.tabs .tabs-nav li + li a.ui-tabs-anchor { border-left:0; }
.tabs .ui-tabs-nav .ui-tabs-anchor:hover { 
	color:#003a79; 
}
.tabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor,
.tabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor:hover { 
	border-bottom:3px solid #003a79; 
	color:#003a79;
}
.tabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor:after {
	content:"";
	width:0;
	height:0;
	position:absolute;
	border-bottom:8px solid #003a79;
	border-right:8px solid #003a79;
	border-top:8px solid transparent;
	border-left:8px solid transparent;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	bottom:-9px;
	left:50%;
	margin-left:-4px;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; }

.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;
	width:175px;	
	min-height:200px;
	background: rgb(66,178,255); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(66,178,255,1) 0%, rgba(13,105,208,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(66,178,255,1) 0%,rgba(13,105,208,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(66,178,255,1) 0%,rgba(13,105,208,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42b2ff', endColorstr='#0d69d0',GradientType=1 ); /* IE6-9 */
	left:50%;
	top:20px;
	margin-left:-550px;
	padding-bottom:17px;
}
.site-lnb h2 {
	color:#fff;
	font-weight:500;
	font-size:24px;
	line-height:40px;
	padding-top:20px;
	padding-bottom:12px;
	white-space:nowrap;
	letter-spacing:-0.05em;
	padding-left:20px;
	font-weight:400;
}
.site-lnb li { 
	padding-left:20px;	
	padding-right:20px;
}
.site-lnb li a { 
	position:relative;
	display:block;
	padding:6px 0;
	color:#fff;
	font-weight:400;
	font-size:15px;
	white-space:nowrap;
}
.site-lnb li a:before { 
	position:absolute;
	content:"";
	height:1px;
	width:0%;
	background:#fff;
	bottom:3px;
	left:0px;
	-webkit-transition:width .5s;
	-moz-transition:width .5s;
	transition:width .5s;
}
.site-lnb li a:hover:before,
.site-lnb li a:hover:before,
.site-lnb li.current a:before{ 
	width:100%;
}
.site-lnb li.current a:after { 	
	position:absolute;
	content:"";
	width:5px;
	height:5px;
	border-radius:50%;
	right:0px;
	bottom:1px;
	background:#fff;
}
.site-lnb li.current a:hover,
.site-lnb li.current a:focus {  }

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

/* jquery-plugin : accordion */
.accordion { 
	border-top:2px solid #003a79;
	margin-top:15px;
}
.ui-accordion-header { 
	padding:13px 30px 13px 20px;
	line-height:22px;
	border-bottom:1px solid #dcdcdc;
	position:relative;
	/*background:url('../../images/userEng/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/userEng/common/select_arr.png') center center no-repeat; 
}
.ui-accordion-header-active .ui-accordion-header-icon { background:url('../../images/userEng/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/userEng/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/userEng/common/ico_selectmenu.png") center center no-repeat;
}
.ui-selectmenu-button span.ui-selectmenu-text {
	text-align: left;
	padding: 0 40px 0 10px;
	height:36px;
	line-height:36px;
	display: block;
	overflow: hidden;
	white-space: nowrap;
}

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

/* jquery-plugin :  datepicker */
.datepicker { width : 120px !important}
.cal {width: 120px !important}
.cal + .ui-datepicker-trigger {
    position:relative;
    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('../img/web/datepick_arr.png');
	text-indent:-999px;
	background-repeat:no-repeat;
	cursor:pointer; 
}
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover { 
	background-image:url('../img/web/datepick_arr_on.png'); 
}
.ui-datepicker .ui-datepicker-prev { 
	left: 5px;
	background-position:0 center; 
}
.ui-datepicker .ui-datepicker-next { 
	right: 5px;
	background-position:right center;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span { 
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 45%;
	margin-top: -8px; 
}
.ui-datepicker .ui-datepicker-title { 
	margin: 0 1em;
	line-height: 30px;
	text-align: center; 
}
.ui-datepicker .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/userEng/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;
}
.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; 
}

/* tit */
.tit {
    display:block;
    font-size:24px;
    color:#003a79;
    font-weight:500;
    line-height:1.35em;
    margin-bottom:20px;
}
.paging + .tit,
.btn-cont + .tit {
    margin-top:130px;
}

.sub-tit {
    display:block;
    margin-bottom:15px;
    font-size:20px;
    color:#003a79;
    font-weight:500;
}
p + .sub-tit {
    margin-top:35px;
}
.list-type + .sub-tit,
.write-type + .sub-tit,
.info-type + .sub-tit,
img.q4 + .sub-tit,
.tel-box + .sub-tit {
    margin-top:40px;
}
.sub-tit-arr {
    margin-bottom:25px;
    display:block;
    color:#333;
    font-weight:400;
}
.sub-tit-arr:before {
    content: "";
    display: inline-block;
    width:9px;
    height:14px;
    margin-right:10px;
    background: url('../../images/userEng/common/arr_r_sm_gray.png') left center no-repeat;
}

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

/* 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:1100px;overflow-x:auto; }
.scroll-x table { width:150%;}
.approval + .write-type { margin-top:40px; }

table th { font-weight:500; }
.tip { font-size:14px;margin-bottom:15px; }
.tip.ar {
    margin-top:10px !important;
    padding-right:0;
}
.tip.gray {
    margin-bottom:10px;
    font-size:15px;
    color:#777;
    line-height:1.5em;
    letter-spacing:-0.01em;
    font-weight:200;
}
.border-left {
    border-left:1px solid #dcdcdc !important;
}
.border-blue {
    border-bottom-color:#003a79 !important;
}

/* table : info-type */
.info-type,
.info-type2 { clear:both; }
.info-type2 {
    margin-bottom:75px;
}
.info-type table,
.info-type2 table { 
	border-top:2px solid #003a79;
}
.info-type table thead th,
.info-type2 table thead th { 
	background-color:#f5f5f5;
	border-bottom:1px solid #dcdcdc;
	text-align:center;
	font-size:15px;
}
.info-type2 table thead th {
    border-left:1px solid #dcdcdc;
}
.info-type2 table thead th:first-child {
    border-left:none;
}
.info-type table th,
.info-type2 table th { 
	padding:14px 0 14px 0;
	border-bottom:1px solid #dcdcdc;
	vertical-align:top;
	background:#f9f9f9;
	text-align:left;
	color:#444; 
	font-weight:400;
	font-size:15px;
}
.info-type.vt th,
.info-type.vt td {
    vertical-align:top !important;
}
.info-type table th.required {  }
.info-type table th span,
.info-type2 table th span  { 
	display:block;
	font-weight:normal;
	font-size:13px;
	color:#777;
}
.info-type table tbody th,
.info-type2 table tbody th {
    vertical-align:middle;
    text-align:center;
}

.info-type table td,
.info-type2 table td { 
	padding:14px 20px 14px 20px;
	border-bottom:1px solid #dcdcdc;
	vertical-align:top;
	color:#333; 
	font-weight:400;
	font-size:15px;
    vertical-align:middle;
}
.info-type2 table td {
    text-align:center;
}
.info-type table td + td,
.info-type2 table td + td  {
    border-left:1px solid #dcdcdc;
}
.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 th.al,
.info-type table tr.ac th.al { 
	padding-left:20px;
    padding-right: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 table td strong.darkgray {
    font-size:17px;
    font-weight:400;
}
.info-type2 table tbody + tbody {
    margin-top:-20px; 
}
.info-type2 table tbody tr:last-child th,
.info-type2 table tbody tr:last-child td { border-bottom:1px solid #003a79; }
.info-type2 table tbody:last-child tr td {
    border-bottom:1px solid #dcdcdc;
}

.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 .bullet-list {
    margin-bottom:5px;
}

.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 { 
	position:relative;
	clear:both;
}
.list-type + p {
	margin-top:15px;
	font-size:15px;	
	font-weight:400;
}
.txt {
    font-weight:400;
}
.txt strong {
    font-size:18px;
    font-weight:400;
    color:#555;
}
.txt strong b {
    color:#333;
}
.txt spna {
    font-size:15px;
}
.list-type .more { 
	float:right;
	height:20px;
	margin-top:-38px;
	margin-bottom:15px;
	padding-left:24px;
	color:#333;
	font-weight:600;
	font-size:15px;
	background:url("../../images/userEng/main/more.gif") 0 center no-repeat;
}
.list-type table { 
	clear:both;
	border-top:2px solid #003a79;
}
.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; 
	font-size:15px;
	font-weight:normal;
    text-align:center;
}
.list-type table thead th.left { 
	padding-left:30px;
	text-align:left;
	font-size:15px; 
}
.list-type table thead th span { 
	display:block;
	line-height:1.623em;
	font-weight:normal;
	font-size:0.857em 
}
.list-type table tbody th,
.list-type table tbody td { 
	padding:10px;
	min-height:30px;
	*height:auto;
	border-bottom:1px solid #dcdcdc;
    font-weight:300;
	/*color:#000;*/ 
}
.list-type table tbody th { 
	vertical-align:top;
	color:#555;
	font-size:15px;
}
.list-type table tbody td { 
	text-align:center;
	/*color:#000;*/
	vertical-align:top;
	padding-left:2px;
	padding-right:2px; 
	font-size:15px;
	line-height:28px;
    font-weight:300;
    /*vertical-align:middle;*/
}

.list-type table tbody tr:last-child td { border-bottom:1px solid #ccc; }
.list-type table tbody:last-child tr td {
    border-bottom:1px solid #dcdcdc;
}
.list-type table tbody.border-none td {
    border-bottom:none;
}
.list-type table tbody td .darkgray { font-weight:400;}
.list-type table tbody td.gray { color:#777; }
.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/userEng/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.btn:hover,
.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/userEng/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 th.blue,
.list-type table tbody td.blue { 
	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/userEng/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.tfoot-bg td {
    padding-top:15px;
	padding-bottom:15px;
    padding-top:-1px;
    border-top:1px solid #003a79;
    background:#f9f9f9;
    border-bottom:1px solid #ccc;
    color:#333;
    font-weight:400;
    font-size:15px;
}
.list-type table tfoot td.ar {
	text-align:right;
}
.list-type table tfoot .sum td { 
	background:#003a79;
	border-top:1px solid #003a79;
	vertical-align:middle;
	height:49px;
	text-align:center; 
	color:#fff;
	font-size:1.231em;
}
.list-type table tfoot.sum-gray {
    background:#f9f9f9;
    color:#555;
    font-size:18px;
    font-weight:400;
}
.list-type table tfoot.sum-gray td {
    border-top:2px solid #0090fe;
    padding-top:20px;
    padding-bottom:20px;
}
.list-type table tfoot.sum-gray span {
    font-size:15px;
    font-weight:300;   
}
.list-type table tfoot.sum-gray b {
    font-size:24px;
}
.list-type table tfoot td strong {
	font-size:1.286em;
}
.list-type.detail th,
.list-type.detail td { 
	text-align:left;
	display:block; 
}
.list-type.detail thead th { 
	padding:10px 30px;
}
.list-type.detail tbody td { 
	padding:20px 30px 20px; 
	font-size:15px;
}
.list-type.detail tbody td .list-tit { 
	display:block;
	font-size:22px;
	line-height:1.6em;
	font-weight:400;
	margin-bottom:15px;
	max-width:100%;
	color:#000;
}
.list-type table td ul {
	margin:10px 0;
}
.list-type table td li {
	padding-left:22px;
	position:relative;
}
.list-type table td li:before {
	content:"";
	width:12px;
	height:1px;
	background:#333;
	position:absolute;
	left:0;
	top:13px;
}
.list-type table td label.checkbox:only-child {
    margin-right:0;
}
.list-type table .book-thumb {
    display:inline-block;
    margin-right:5%;
    margin-top:10px;
    margin-bottom:10px;
    /*width:34.5%;*/
    width:86px;
    height:auto;
    vertical-align:middle;
}
.list-type table .book-thumb + cite {
    display:inline-block;
    width:calc(90% - 90px);
    line-height:1.5em;

}
.list-type table .book-thumb + .darkgray {
    font-weight:400;
}
.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/userEng/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; 760

}
.list-type.detail tbody td a.list-tit:hover em { 
	text-decoration:underline; 
}
.list-type.detail tbody td a.list-tit ~ p { 
	height:3.5em;
	overflow:hidden;
	margin-bottom:8px; 
}
.list-type.detail tbody td p { 
	line-height:22px; 
}
.list-type.detail tbody td a.list-tit ~ .info-detail ,
.list-type.detail tbody td .info-detail { 
	height:auto;
	padding:0;
	margin-bottom:8px;
}
.list-type.detail tbody td .info-detail span { 
	color:#555;
	font-size:15px;
	font-weight:400;
}
.list-type.detail tbody td .info-detail cite {
	color:#999;
	font-size:15px;
}
.list-type.detail table tbody tr:hover td { 
	background-color:transparent; 
}
.list-type.photo tbody td { 
	position:relative; 
	padding-left:325px;
	min-height:168px;
}
.list-type.photo .pic-cont { 
	position:absolute;
	overflow:hidden;
	top:30px;
	left:30px;
	width:266px; 
}
.list-type.photo .pic-cont a { 
	display:block;
	width:266px;
	height:149px;
	overflow:hidden; 
}
.list-type.photo .pic-cont img { 
	display:block;
	margin:0;
	width:100%;
}
/* .list-type.photo .pic-cont:after {
	content:"";
	position:absolute;
	left:50%;
	margin-left:-26px;
	top:50%;
	margin-top:-26px;
	background:url('../../images/userEng/common/btn_play.png') 0 0 no-repeat;
	width:55px;
	height:55px;
	overflow:hidden;
	text-indent:-999px;
} */
.run-time { 
	position:relative;
	display:inline-block;
	*zoom:1;
	*display:inline;
	margin-left:10px;
	background:#003a79;
	color:#fff;
	padding:0 9px;
	font-size:14px;
	line-height:1.8em;
	vertical-align:middle;
	letter-spacing:0;
	top:-3px;
}
.list-type td.al { 
	text-align:left;
	padding-left:20px; 
}
.list-type td.ar { 
	text-align:right;
	padding-right:20px; 
}
.secret { 
	position:absolute;
	margin-left:5px;
	width:12px;
	height:20px;
	vertical-align:middle;
	overflow:hidden;
	text-indent:-999px;
	background:url('../../images/userEng/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; }
.list-type + label {
    margin-top:20px;
    margin-bottom:40px;
}

.comment { 
	display:block;
	margin-top:15px;
	line-height:2em;
	margin-bottom:10px;
	color:#128ee1; 
}
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:600;
	line-height:1.8em; 
}

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

/* list */
.list-type1 li {
	font-size:1.077em;
}
.list-type1 li + li {
	margin-top:6px;
}

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

/* table : write-type */
/* .write-type {	
	border-top:1px solid #dfdfdf;
	border-bottom:1px solid #dcdcdc;
}
.write-type table { 
}
.write-type table + table { 
	margin-top:-1px;
}
.write-type table th.required { 
	background:url('../../images/userEng/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/userEng/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-type */
.write-type { clear:both; }
.write-type > cite { 
	display:block;
	font-size:15px;
	margin:10px 0;
	font-weight:600; 
}
.write-type table { 
	border-top:2px solid #003a79;
}
.write-type table th,
.write-type table td { 
	font-size:15px;  
	text-align:left;
}
.write-type table thead th { 
	background-color:#f5f5f5;
	border-bottom:1px solid #dcdcdc;
}
.write-type table th { 
	padding:15px 30px 15px 20px;
	border-bottom:1px solid #dcdcdc;
	vertical-align:top;
	background:#f9f9f9;
	line-height:24px;
	color:#444; 
	font-weight:400;
}
.write-type table th.required { 
	background:url("../../images/userEng/common/star.svg") calc(100% - 12px) 22px no-repeat #f9f9f9;
}
.write-type table th span { 
	display:block;
	font-weight:normal;
	font-size:13px;
	color:#777;
}
.write-type table td { 
	padding:8px 20px 8px 20px;
	border-bottom:1px solid #dcdcdc;
	vertical-align:top;
	color:#666; 
	line-height:38px;
    font-weight:400;
}
.write-type table td .btn2.spot2 {
	/*background:#f5f5f5;
	color:#000;*/
}
.write-type table th.ac,
.write-type table td.ac,
.write-type table tr.ac th,
.write-type table tr.ac td { 
	padding:14px 0;
	text-align:center; 
}
.write-type table tr.ac th.al { 
	padding-left:20px;
	text-align:left; 
}
.write-type table tr.strong td { 
	font-weight:600;
	font-size:15px;
	color:#333; 
}
.write-type table td input[type="text"],
.write-type table td input[type="password"]  { width:180px; }
.write-type table td input.q0  { width:100px }
.write-type table td input.q1  { width:25% }
.write-type table td input.q2  { width:50% }
.write-type table td input.q3  { width:75% }
.write-type table td input.q4  { width:100% }
.write-type table td br ~ input[type="text"] { margin-top:8px; }
.write-type table td span { margin-left:15px;color:#999; }
.write-type table td select + span {
    margin-left:0;
    color:#555;
    text-align:left;
}
.write-type table td label { 
	display:inline-block;
	min-width:85px;
	box-sizing:border-box; 
	font-size:15px;
	color:#555;
}
.write-type table td label.checkbox {
    color:#333;
}
.write-type table td label + cite { 
	display:inline-block;
	width:180px;
	color:#000;
	font-weight:400;
}
.write-type table td cite + label,
.write-type table td input[type="text"] + label{ margin-left:60px }
.write-type table td p { line-height:24px; }

.write-type table td.join-txt { 
	text-align:center;
	padding:35px 20px; 
}
.write-type table td.join-txt p {
	color:#000;
	font-weight:400;
	margin-bottom:20px;
}
.mobile-change { margin-top:10px;padding-top:10px;border-top:1px dotted #ccc; }
.write-type table td textarea {
    display:block;
}
.write-type .write-type-tit {
    display:inline-block;
    font-size:24px;
    color:#003a79;
}
.write-type-tit + p.tip.ar {
    margin-top:-20px;
}
.write-type-tit + * + table
.write-type-tit ~ table {
    clear:both;
}
.write-type-tit + table {
    margin-top:20px;
}
.write-type strong.lightblue b{
    font-size:24px;
}
.list-type ~ .write-type,
.write-type ~ .write-type {
    margin-top:60px;
}
.tit +  .write-type {
    margin-top:0;
}
/* 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 + * { margin-top:40px; }
.mn-row .tabs + * { margin-top:0px; }
.tabs + .view-type { margin-top:50px; }
.view-type { clear:both; }
.view-type img { max-width : 100% }
.view-type table { border-top:2px solid #003a79; }
.view-type thead th { 
	padding:18px 30px ;
	line-height:24px;
	font-size:20px;
	background-color:#f5f5f5;
	border-bottom:1px solid #dcdcdc;
	text-align:left;
	vertical-align:top; 
}
.view-type thead td { 
	padding:13px 30px;
	line-height:24px;
	vertical-align:top;color:#444;
	font-size:15px;
}
.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:not(.btn) { text-decoration:underline; }
.view-type tfoot td { 
	padding:13px 30px ;
	line-height:24px;
	border-top:1px solid #dcdcdc;
	text-align:left; 
	font-size:1.07em;
}
.view-type tfoot tr:first-child td { border-top:2px solid #003a79; }
.view-type tfoot td cite { 
	display:inline-block;
	*zoom:1;
	*display:inline;
	font-weight:500;
	margin-right:20px;
	background:url('../../images/userEng/common/bar.gif') right center no-repeat;
}
.view-type tfoot td cite:after {
	content:"";
	width:1px;
	height:13px;
	display:inline-block;
	background:#ddd;
	margin-left:25px;
	vertical-align:middle;
}
.view-type tfoot td .date { 
	color:#777;
	display:inline-block;
	vertical-align:middle;
	margin-right:25px;
}
.view-type tfoot td a { 
	display:inline-block;
	*zoom:1;
	*display:inline;
	vertical-align:middle;
	max-width:70%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.view-type tfoot td a:hover { 
	text-decoration:underline;
}
.view-type tbody td { 
	padding: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;
}
.view-type td .file {
    font-weight:400;
    line-height:2.667em;
}

/* glp */
.glp {
    /*overflow-x:auto;*/
}
.glp_list { width:100%; table-layout:fixed; border-collapse:collapse; background-color:#ccdaee; border:solid 2px #ccdaee; }
.glp_list thead th { padding:3px 0; background-color:#f1f4f9; border-right:solid 1px #ccdaee; border-bottom:solid 1px #ccdaee; color:#44557e; font-weight:bold; text-align:center; }
.glp_list thead th.first-child { position:relative; overflow:hidden;}
.glp_list thead th.first-child:after {
    content:"";
    position:absolute;
    top:0;
    left:50%;
    background:#ccdaee;
    width:1px;
    height:100%;
    -webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.glp_list thead th.first-child p { padding:10px; text-align:left; }
.glp_list thead td { padding:3px; background-color:#fff; border-right:solid 1px #ccdaee; border-bottom:solid 1px #ccdaee; color:#444; font-weight:normal; text-align:center; }
.glp_list tbody th { padding:3px; background-color:#f8f8f8; border-right:solid 1px #ccdaee; border-bottom:solid 1px #ccdaee; color:#444; font-weight:bold; text-align:center; }
.glp_list tbody td { padding:3px; background-color:#fff; border-right:solid 1px #ccdaee; border-bottom:solid 1px #ccdaee; color:#444; font-weight:normal; text-align:center; }
.glp_list tbody td.subject { padding:3px; padding-left:8px; text-align:left; }
.glp_list + .glp_list {
    margin-top:50px;
}


/* opinion */
.opinion { 
	margin-top:40px;
}
.opinion section { 
	padding-bottom:10px;
}
.opinion h3 { 
	padding:0 0 0 26px;
	background:url('../../images/userEng/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:#00;
	font-weight:300;
}
.opinion .opinion-list li a.delete { 
	position:absolute;
	padding-left:16px;
	text-indent:0;
	width:auto;
	background:url('../../images/userEng/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/userEng/common/arr.png') right center no-repeat; 
}
.list-more.list-loading span {
	background:url('../../images/userEng/common/list_loading.gif') right center no-repeat; 
}
.list-more:hover {
	color:#003a79;
}

.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/userEng/common/ico_add.gif') right center no-repeat; 
	background:/*＼**/ url('../../images/userEng/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:1100px; */
}
.site-header .util ul,
.site-header .area-logo,
.site-header nav > ul{	
	max-width:1100px;
	margin:0 auto;
	box-sizing:border-box;
}
.site-header .util {
	border-bottom:1px solid #e6e6e6;
}
.site-header .util a.m-login {  
	display:none;
}
.site-header .util ul { 
	text-align:right;
	padding-top:8px;
	height:49px;
}
.site-header .util ul > li { 
	display:inline-block;
	*zoom:1;
	*display:inline;
	vertical-align:top;
	font-size:13px;
	padding-top:4px;
}
.site-header .util ul > li + li { 
	margin-left:12px; 
}
.site-header .util ul > li + li:before {
	content:"";
	display:inline-block;
	width:1px;
	height:14px;
	vertical-align:middle;
	background:#c4c4c4;
	margin-right:16px;
}
.site-header .util ul > li.fl + li:not(.fl){ 
	clear:left;
}
.site-header .util ul > li.fl + li:not(.fl):before{ 
	display:none;
}
.site-header .util ul > li.sch {
	padding-top:0;
	padding-left:40px;
	position:relative;
}
.site-header .util ul > li.sch:before {
	display:none
}
.ipt_sch,
.ipt_sch:hover,
.ipt_sch:focus { 
	height:32px; 
	border:0;
	border-bottom:1px solid #dcdcdc;
	padding-right:32px;
	background:transparent;
	color:#134a84;
	margin-left:4px;
}
.btn_sch {
	position:absolute;
	background:none;
	border:0;
	background:url("../../images/userEng/common/ico_sch.png") center center no-repeat;
	text-indent:-999px;
	overflow:hidden;
	height:32px;
	width:32px;
	right:0;
	top:0;
}
.site-header .util ul > li > a { 
	display:inline-block;
	color:#003a79;
	height:15px;
	line-height:15px;
	font-weight:400;
	opacity:.7;
}
.site-header .util ul > li > a:hover { text-decoration:underline; }
.site-header .util ul > li .ui-selectmenu-button { 
	border:1px solid #dcdcdc;
}
.site-header .util ul > li .ui-selectmenu-button span.ui-selectmenu-text {
	height:30px;
	line-height:28px;
}
/* logo */
.site-header .area-logo {
	height:70px;
	max-width:1100px;
	overflow:hidden;
	margin:0 auto;
}
.site-header h1 {
	float:left;
}
.site-header h1 a { 
	display:block;
	box-sizing:border-box;
	height:70px;
	line-height:30px;
	padding-top:27px;
	padding-left:122px;
	font-size:18px;
	font-weight:400;
	color:#032d59;
	background:url('../../images/userEng/layout/logo.svg') 0 center no-repeat;
}
.site-header .area-logo .lnk { 
	float:right;
	width:60%;
	padding:10px 0;
	background: rgb(25,143,234); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(25,143,234,1) 0%, rgba(0,208,89,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(25,143,234,1) 0%,rgba(0,208,89,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(25,143,234,1) 0%,rgba(0,208,89,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#198fea', endColorstr='#00d059',GradientType=1 ); /* IE6-9 */
}
.site-header .area-logo li {
	float:left;
	width:25%;
	box-sizing:border-box;
}
.site-header .area-logo li + li {
	border-left:1px solid rgba(255,255,255,.5);
}
.site-header .area-logo li a {
	display:block;
	height:50px;
	line-height:50px;
	text-align:center;
	font-size:15px;
	font-weight:500;
	color:#fff;
	letter-spacing:-0.05em;
}

/* site-gnb */
.site-header nav { 
	height:53px;
	background:#fff; 
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	position:relative;
}
.site-header nav .wrap {
	height:53px;
}
.site-header .site-gnb > li { 
	float:left;
	text-align:center;
	width:14%;
}
.site-header .site-gnb > li:first-child + li + li {
	width:30%;
}
.site-header .site-gnb > li > a {
	display:block;
	line-height:53px;
	font-weight:400;
	font-size:18px;
	color:#003a79;
}
.site-header .site-gnb > li.current a,
.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;
	top:15px;
	left:50%;
	margin-left:-550px;
	width:25px;
	height:21px;
}
.site-header nav .toggle-gnb span,
.site-header nav .toggle-gnb:before,
.site-header nav .toggle-gnb:after {	
	position:absolute;
	width:25px;
	height:3px;
	border-radius:1.5px;
	background:#82a1c2;
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	transform:rotate(0deg);
	-webkit-transition:all .5s;
	transition:all .5s;
	left:0;
}
.site-header nav .toggle-gnb span {
	top:50%;
	margin-top:-2px;
	text-indent:-9999px;
	overflow:hidden;
	opacity:1;
}
.site-header nav .toggle-gnb:before {
	content:"";
	top:0px;
}
.site-header nav .toggle-gnb:after {
	content:"";
	bottom:0px;
}
/*.site-header nav .toggle-gnb:hover:before {
	animation:gnbHover .5s;
}
.site-header nav .toggle-gnb:hover span {
	animation:gnbHover2 .5s;
}
.site-header nav .toggle-gnb:hover:after {
	animation:gnbHover3 .5s;
}
@keyframes gnbHover {
	 0%  { width:25px; }
	 25%  { width:0px; }
	 50% { width:25px; }
}
@keyframes gnbHover2 {
	 0%  { width:25px; }
	 25% { width:0px; }
	 75% { width:25px; }
}
@keyframes gnbHover3 {
	 0%  { width:25px; }
	 25%  { width:0px; }
	 100% { width:25px; }
}*/
.site-header nav .toggle-gnb.on span {
	opacity:0;
}
.site-header nav .toggle-gnb.on:before {
	top:9px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
.site-header nav .toggle-gnb.on:after {
	bottom:9px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.site-header nav .toggle-gnb {
	
}

.site-header nav .snb-area { 
	position:absolute;
	z-index:9992;
	top:54px;
	left:0;
	width:100%;
	height:250px;
	background:#ffffff;
	border-bottom:1px solid #003a79;
	box-shadow:0 5px 10px rgba(0,0,0,.1);	
}
.site-header nav .snb-area strong {
	/* max-width:1100px;
	min-width:320px;
	margin:0 auto;
	display:block;
	box-sizing:border-box;
	padding-top:37px;
	padding-left:0px;
	line-height:21px;
	font-size:1.538em;
	font-weight:400; */
	display:none;
}
.site-header nav .snb-area .snb-close { 
	position:absolute;
	top:37px;
	right:50%;
	margin-right:-500px;
	width:25px;
	height:25px;
	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:30px 0;
	text-align:left; 
	padding-left:14px;
}
.site-header .site-gnb li:first-child div {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 li + li div { border-left:1px solid #eee; }
.site-header .site-gnb h2 {
	font-size:1.308em;
	font-weight:400;
	margin-bottom:20px;
	display:none;
}
.site-header .site-gnb ul { }
.site-header .site-gnb ul li a { 
	display:block;
	color:#000;
	font-size:16px;
	line-height:22px; 
	text-align:center;
	font-weight:400;
}
.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:#003a79; }

.site-header .site-gnb div.active {
	margin:0;
	padding:0 0 30px 0;
	border-left: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:100px;
}
.site-mn .site-body {
	padding-bottom:50px;
}
.site-body .site-contents {
	/*min-width:280px;*/
	max-width:1100px;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
	box-sizing:border-box;
	background:#fff;
	min-height:530px;
}
.site-body .site-lnb ~ .site-contents {
	padding-left:220px;
}
.site-mn .site-body { 
	background-color:transparent;
}
.site-body h3 {
}
.site-body .site-contents h4 {	
	font-size:20px;
	color:#003a79;
	font-weight:400;
	margin-top:40px;
	margin-bottom:25px;
    line-height:1.6em;
}
.site-body .site-contents h4:first-child,
.site-body .site-contents input + h4{ margin-top:0; } 

.site-contents h4 + p {
	font-size:15px;
	line-height:2em;
}

/* site-tit */
.site-tit { 
	box-sizing:border-box;
	margin:0 auto;
	text-align:center;
	letter-spacing:-0.05em;
	height:190px;
}
.site-lnb ~ .site-tit {
	padding-left:220px;
}
.site-tit { background:url("../../images/userEng/common/knowinfo.jpg") center 0 no-repeat; }
.site-tit h2 {
	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:center;
	font-size:38px;
	line-height:1em;
	font-weight:700;
	padding-top:52px;
	color:#003a79;
	margin-bottom:0;
}
.site-tit h3:after {
	content:"";
	display:block;
	width:50px;
	height:2px;
	margin:26px auto 15px;
	background:#003a79;
}
.site-tit h3.longTxt {
	font-size:3em;
	line-height:1.15em;
	padding-top:35px;
}
.site-tit p {
	color:#003a79;
	font-size:16px;
	font-weight:400;
}

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

.site-body > form > .site-location {
	max-width:100%;
}
.site-location > ul { 
	max-width:1100px;
	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:26px;
	margin-left:15px;
	background:url(../../images/userEng/common/ico_loc.png) 0 center no-repeat;
}
.site-location > ul > li.home + li {
	margin-left:20px;
}
.site-location > ul > li > a { 
	color:#708295;
	font-size:15px;
	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/userEng/common/ico_home.png) center center no-repeat;
}

/* step */
.step {
	overflow:hidden;
	height:50px;
	margin-bottom:30px;
}
.step li {
	float:left;
	width:33.3%;
	height:50px;
	font-size:16px;
	line-height:46px;
	color:#777;
    font-weight:400;
	/*font-weight:200;*/
	box-sizing:border-box;
	text-align:center;
	border:1px solid #cccccc;
	background:#fbfbfb;
	/*letter-spacing:0;*/
    letter-spacing:-0.01em;
}
.step li + li {	margin-left:-1px;}
.step li.current/*,
.step.row2 li:nth-child(5).current,*/
 {
	border:1px solid #003a79;
	color:#003a79;
	background:#fff;
	z-index:1;
	position:relative;
}
.step li span {
	font-size:26px;
	vertical-align:baseline;
	font-weight:400;
}
.step.row2 {
    height:100px;
}
.step.row2 li{
    width:25% !important;
}
.step.row2:not(.col3) li:nth-child(5) {
    margin-left:0;
    border-left:1px solid #ccc;
}
.step.row2:not(.col3) li:nth-child(4) ~ li {
    border-top:none;
}
.step.row2:not(.col3) li:nth-child(4) ~ li.current{
    margin-top:-1px;
    padding-top:1px;
    height:51px;
    border-color:#003a79;
    border-top:1px solid #003a79;
}
.step.col3 li {
    width:33.33% !important;
}
.step.row2.col3 li:nth-child(4) {
    margin-left:0;
    border-left:1px solid #ccc;
}
.step.row2.col3 li:nth-child(5) {
}
.step.row2.col3 li:nth-child(3) ~ li {
    border-top:none;
}
.step.row2.col3 li:nth-child(3) ~ li.current{
    margin-top:-1px;
    padding-top:1px;
    height:51px;
    border-color:#003a79;
    border-top:1px solid #003a79;
}

.alliance-class {
	margin-bottom:20px;
	padding-left:50px;
	position:relative;
	font-size:17px;
	font-weight:300;
	color:#777;
}
.alliance-class:before {
	position:absolute;
	width:33px;
	height:13px;
	content:"";
	top:50%;
	left:0;
	margin-top:-7px;
	background:url("../../images/userEng/common/ico_arr.gif") 0 center no-repeat;
}
.alliance-class strong {
	font-weight:400;
	color:#333;
	margin-left:10px;
	display:inline-block;
	vertical-align:middle;
}
.alliance-class strong:before {
	width:1px;
	height:16px;
	background:#ccc;
	content:"";
	display:inline-block;
	margin-right:10px;
	vertical-align:middle;
	position:relative;
	top:-2px;
}
.add-cont {
    position:relative;
    display: block;
    border: 1px solid #003a79;
    margin-bottom:25px;
    padding: 20px 95px 20px 130px;
    background: url('../../images/userEng/common/ico_group.jpg') 40px center no-repeat;
}
.add-cont:after {
    content: "";
    right: 30px;
    bottom: 25px;
    position: absolute;
    width:63px;
    height:14px;
    background: url('../../images/userEng/common/ico_next.png') no-repeat;
}
.add-cont strong {
    display:block;
    font-size:22px;
    color:#003a79;
}
.add-cont p {
    margin-top:5px;
    color:#777;
    font-weight:400;
}

/* -----------------------
	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;
}
.site-contents input + .sub-mn-tit {
	margin-top:0;	
}

/* -----------------------
	SUB
 ----------------------- */
.sub-txt {
    font-size:15px;
    line-height:1.867em
}
.sub-txt + * {
    margin-top:30px;
}

/* 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 #003a79;
	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/userEng/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;
}

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

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

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

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

/* popup */
.w800, 
.w1000 {
	position:absolute;
	width:1100px;
	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:30px;
	color:#003a79;
}
.layerPopup .pop-header h1:after {
	content:"";
	height:2px;
	width:53px;
	display:block;
	margin:20px auto 0;
	background:#003a79;
}
.layerPopup .pop-close { 
	position:absolute;
	right:-43px;
	top:0px;
	width:34px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	background-size:31px;
}
.layerPopup .pop-close:before { 
	content:"";
	position:absolute;
	width:160%;
	height:2px;
	background:#000;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg);
	top:14px;
	left:-30%;
}
.layerPopup .pop-close:after { 
	content:"";
	position:absolute;
	width:140%;
	height:2px;
	background:#000;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg);
	top:14px;
	left:-20%;
}
.layerPopup .pop-body { 
	padding:50px 50px 70px 50px;  
	margin:0 auto;
}
.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; 
}

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

/* introduce */
.about {
	text-align:center;
}
.about li { 
	padding:60px 50px 50px;
	position:relative;
}
.about li:first-child {
	margin-top:90px;
	background:#7dc9ff;
	color:#fff;
	padding-top:0;
}
.about li:first-child:before{
	content:"";
	position:absolute;
	box-sizing:border-box;
	width:100%;
	height:90px;
	background:#fff;
	top:-90px;
	left:0;
	border-top:0 solid #fff;
	border-left:440px solid #fff;
	border-right:440px solid #fff;
	border-bottom:90px solid #7dc9ff;
}
.about li:first-child + li {
	border:5px solid #d3edff;
	margin-top:10px;
}
.about li strong {
	font-size:36px;
	display:block;
	margin-bottom:30px;
}
.about li:first-child + li strong { color:#42b2ff; }
.about li p {
	font-weight:400;
	line-height:30px;
}
.about li:first-child + li p {
	color:#003a79;
}
.about li:first-child + li + li strong { color:#003a79; }
.about li:first-child + li + li strong:after {
	content:"";
	display:block;
	width:100px;
	height:2px;
	background:#7dc9ff;
	margin:25px auto 0;
}
.greeting {
    background: url('../../images/userEng/contents/greetings.png') right -130px no-repeat #f4f6fc;
    box-sizing:border-box;
    padding:105px 60px 20px;
    min-height:300px;
}
.greeting cite {
    position:relative;
    margin-bottom:20px;
    display:block;
    font-size:22px;
    line-height:1.636em;
    font-weight:400;
}
.greeting cite:before {
    content:"";
    position:absolute;
    width:70px;
    height:3px;
    background:#003a79;
    top:-40px;
    left:0;
}
.greeting-txt p + p{
    margin-top:40px;
}
.greeting-txt span {
    font-weight:400;
    font-size:18px;
    color:#333;
}
.greeting-txt strong {
    margin-left:5px;
    font-size:24px;
    color:#000;
}
.tel-box {
    position:relative;
    border:1px solid #e5e5e5;
    font-size:18px;
    padding:37px 20px 37px 125px;
}
.tel-box cite {
    position:absolute;
    left:40px;
    display:block;
    width:83px;
}
.tel-box cite:after {
    content:"";
    position:absolute;
    width:1px;
    height:18px;
    background:#e5e5e5;
    top:5px;
    right:0;
}
.tel-box span {
    display:inline-block;
    margin-left:15px;

}
.tel-box strong {
    color:#003a79;
}
.intro-box {
    border:1px solid #ddd;
    margin-bottom:80px;	
}
.intro-txt {
    font-size:15px;
    line-height:1.765em;
    padding:20px 20px 20px 145px;
    position:relative;
}
.intro-txt:before {
	content:"";
	width:120px;
	position:absolute;
	background:url('../../images/user/layout/logo.svg') center 42% no-repeat;
	background-size:75%;
	left:0;
	top:20px;
	bottom:20px;
	border-right:1px solid #ddd;
}

.vdo-wrap {
	margin:40px 120px 0;
}
.vdo-inner {
	position:relative;
	width:100%;
	padding-top:56.25%;	
}
.vdo-wrap video {
	position: absolute;
  	width: 100%;
  	height: 100%;
  	top:0;
  	left:0;
}
.brochure {
	margin:50px auto 70px auto;	
	max-width:400px;
	height:192px;
	position:relative;
	box-sizing:border-box;
	padding-left:180px;
	padding-top:20px;
}
.brochure img {
	display:block;
	border:1px solid #ccc;
	position:absolute;
	top:0;
	left:0;
}
.brochure p {
	margin-top:55px;
}
.brochure p span {
	display:inline-block;
	color:#333;
	font-size:17px;
	margin-right:20px;	
	line-height:24px;
	vertical-align:top;
}
.brochure p a {
	display:inline-block;
	height:24px;
	line-height:22px;
	box-sizing:border-box;
	border:1px solid #ccc;
	padding:0 10px 0 32px;
	background:url('../../images/user/common/ico_download.gif') 10px center no-repeat;
	color:#003a79;
	font-size:12px;
}

.intro {
    margin-top:45px;
}
.intro > li {
    position:relative;
    padding-left:220px;
    margin-bottom:35px;
}
.intro-tit {
    position:absolute;
    top:0;
    left:0;
    padding-top:19px;
    font-size:24px;
    color:#003a79;
    font-family:'NanumSquare';
    font-weight:700;
    border-top:2px solid #003a79;
    width:200px;
    line-height:1.583em;
}
.intro-tit:after {
	content:"";
	display:block;
	width:62px;
	height:70px;
	margin:30px auto 0;
	background-image:url('../../images/user/contents/ico_intro.png');
	background-repeat:no-repeat;
} 
.intro li:first-child .intro-tit:after { background-position:0 0; }
.intro li:first-child + li .intro-tit:after { background-position:0 -70px; }
.intro li:first-child + li + li .intro-tit:after { background-position:0 -140px; }
.intro li:first-child + li + li + li .intro-tit:after { background-position:0 -210px; }
.intro li:first-child + li + li + li + li .intro-tit:after { background-position:0 -280px; }
.intro-cont {
    display:block;
    padding-top:25px;
    padding-left:20px;
    padding-bottom:10px;
    background:#f8f9fb;
}
.intro-cont-tit {
    position:relative;
    display:block;
    padding-top:25px;
    font-family:'NanumSquare';
    font-weight:700;
    font-size:18px;
    color:#0090fe;
    margin-top:-25px;
    margin-bottom:15px;
}

.intro-cont-tit ~ .intro-cont-tit { margin-top:30px; }
.intro-cont-tit:before {
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:200px;
    height:2px;
    background:#003a79;
}
div + .intro-cont-tit {
    margin-top:25px;
}
.intro-cont > div {
    position:relative;
    padding-left:130px;
}
.intro-cont > div cite {
    position:absolute;
    display:block;
    left:0;
    font-size:17px;
    font-weight:400;
}
.intro-cont .bullet-list {
    margin-bottom:15px;
}
ul.introduce {
    margin-bottom:100px;
	color:#000;
}
ul.introduce {
    margin-left:20px;
}
ul.introduce li + li { margin-top:40px; }
ul.introduce li img {
    display:block;
    width:100%;
    max-width:840px;
    margin-top:40px;
}
ul.introduce li img + img {
    margin-top:60px;
}
   
ul.introduce li p { 
	padding-left:40px;
	color:#555; 
	margin-top:10px;
}
ol.introduce-num > li { 
	margin-bottom:10px;
	position:relative;
}
ol.introduce-num li span {
	position:absolute;
	top:0;
	left:0;
	width:26px;
	height:26px;
	text-align:center;
	line-height:26px;
	font-size:15px;
	border-radius:50%;
	color:#fff;
	background:#a2b0be;
}
.health-img {
	background:#dbe9f7;
	margin-bottom:60px;
}
.health-img img {
	display:block;
	margin:0 auto;
	max-width:90%;
}
.location-tit {
    font-size:17px;
    color:#000;
    font-weight:400;
}
.location-info li {
    position:relative;
    margin-top:15px;
    padding-left:105px;
}
.location-info li cite {
    position:absolute;
    left:0;
    top:0;
    font-weight:400;
    color:#777;
    width:105px;
}
.map {
    display:block;
    margin:35px 0;
	background:#fffde5;
}
.map img {
	display:block;
	margin:0 auto;
	max-width:100%;
}

/* history */
.history > li {
    position:relative;
    padding-top:205px;
    padding-left:142px;
    padding-bottom:30px;
}
.history > li:before {
    content:"";
    position:absolute;
    left:90px;
    top:0;
    bottom:0;
    width:1px;
    height:100%;
    background:#93d2ff;
}
.history-tit {
    position:absolute;
    top:0;
    left:0;
    width:180px;
    height:180px;
    border-radius:50%;
    border:7px solid #c1e5ff;
    background:#f7fcff;
    color:#003a79;
    text-align:center;
}
.history-tit strong {
    position:relative;
    display:block;
    font-size:20px;
	line-height:24px;
    margin-top:50px;
    padding-bottom:15px;
    margin-bottom:15px;
}
.history ul li{
    position:relative;
    padding-bottom:20px;
    font-size:15px;
}
.history ul li strong {
    position:absolute;
    font-size:18px;
    left:0;
    top:0;
    color:#003a79;
}
.history ul li span {
    display:block;
    margin-top:0;
    padding-left:130px;
}

.bullet-list {
    margin-bottom:50px;
}
.bullet-list > li{
    position:relative;
    padding-left:15px;
}
.bullet-list > li + li {
    margin-top:15px;
}
.bullet-list > li:before {
    content:"";
    position:absolute;
    left:0;
    top:10px;
    display:block;
    width:5px;
    height:5px;
    background:#c6c6c6;
}
.bullet-list ol {
    margin-top:30px;
}
.bullet-list ol > li {
    margin-left:12px;
    padding-left:8px;
    list-style-type:decimal;
    color:#0c69d0;
    font-size:17px;
    font-weight:400;
}

.circle-list {
	padding-left:50px;
}
.circle-list > li{
    position:relative;
    padding-left:14px;
    text-align:left;
    list-style:none;
}
.circle-list > li:before {
    content:"";
    position:absolute;
    left:0;
    top:12px;
    display:block;
    width:3px;
    height:3px;
    background:#555;
    border-radius:50%;
}
/*.decimal-list li{
    color:#555 !important;
    font-size:15px;
    list-style-type:decimal;
}*/
.decimal-list,
.bullet-list .decimal-list {
    margin-top:20px;
    padding-left:20px;
}
.decimal-list > li,
.bullet-list .decimal-list > li {
    margin-left:12px;
    padding-left:8px;
    list-style-type:decimal;
    font-size:15px;
    font-weight:400;
    color:#555;
}
.decimal-list > li + li,
.bullet-list .decimal-list > li + li {
    margin-top:5px;
}

.system ul{
    min-height:120px;
}
.system-step {
    min-height:285px;
    border-top:1px dashed #c0cbce;
}
.system-step > div {
    height:55px;
    line-height:55px;
    overflow:hidden;
}
.system-step > div span{
    float:left;
    display:block;
    width:calc(50% - 6px);
    margin-right:6px;
    text-align:center;
    color:#333;
    font-size:17px;
    font-weight:400;
}
.system-step > div span {
    margin-right:0;
    margin-left:6px;
    background: url('../../images/userEng/common/arr2_b_lg.png') center right no-repeat;
}
.system-step > div span + span {
    background: url('../../images/userEng/common/arr2_t_lg.png') center left no-repeat;
}
.blue-box strong.bg-green {
    background:#0ab3ba;
}
.blue-box strong.bg-lightgreen {
    background:#00d75c;
}
/* legal */
.legalinfo-list {
    border-top:2px solid #003a79;
}
.legalinfo-list > li,
.legalinfo-list > li ul .legal-cont  {
    border-bottom:1px solid #ccc;
}
.legalinfo-list > li ul .legal-cont:last-child {
    border-bottom:none;
}
.legal-cont {
    position:relative;
    padding-right:280px;
    padding:15px 280px 15px 30px;
}
.legal-cont .btn-cont {
    position:absolute;
    right:0;
    top:0;
    width:280px;
    text-align:right;
    margin-top:10px;
}
.legal-cont .btn-cont a{
    font-size:13px;
    height:35px;
    line-height:33px;
    vertical-align:middle;
    padding:0 19px;
}
.legal-cont .btn-down {
    background:#fbfbfb;
}
.legal-cont .btn-down:before,
.legal-cont .btn-move:before
 {
    content: "";
    display: inline-block;
    margin-right:10px;
    width: 16px;
    height: 14px;
    background: url('../../images/userEng/common/ico_down_blue.png') center no-repeat;
    vertical-align:middle;
}
.legal-cont .btn-move {
    background:#eff8ff;
}
.legal-cont .btn-move:hover {
    background:#dbeaf5;
}
.legal-cont .btn-move:before {
    background-image: url('../../images/userEng/common/ico_move_blue.png');
}
.legalinfo-list > li:not(.legal-cont) {
    position:relative;
    padding-left:100px;
}
.legalinfo-list > li:not(.legal-cont):before {
    content:"";
    position:absolute;
    background:#f9f9f9;
    top:0;
    left:0;
    bottom:0;
    width:100px;

}
.legalinfo-list > li:not(.legal-cont) strong {
    position:absolute;
    left:0;
    top:50%;
    width:100px;
    font-weight:300;
    color:#333;
    text-align:center;
    -webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}




.info-list {
    margin-left:7px;
    display:inline-block;
    background:#f9f9f9;
    padding:7px 20px;
    font-size:14px;
    vertical-align:middle;
    color:#777;
}
.info-list span + span {
    margin-left:20px;
}
.info-list strong {
    margin-left:3px;
    color:#333;
}
.policy-txt {
    padding:19px;
    height:100px;
    border:1px solid #b3b3b3;
    overflow:auto;
    box-sizing:border-box;
    font-size:14px;
}
.policy-txt + * {
    margin-top:20px;
}
.offer-cont {
    position:relative;
    margin-left:-30px;
    width:100%;
    padding:5px 30px 20px;
    border-bottom:1px solid #ddd;
}
.offer-cont .btn {
    position:absolute;
}
.offer-cont p {
    font-size:14px;
    padding-left:135px;
    line-height:1.571em;
}
.sns {
    text-align:right;
    vertical-align:top;
}
.view-type .sns {
    margin-top:-20px;
    margin-bottom:10px;
    margin-right:-30px;
}
.sns a {
    display:inline-block;
    width:37px;
    height:37px;
    text-indent:-9999px;
    overflow:hidden;
    background: url('../../images/userEng/common/ico_fb.svg') no-repeat;
    background-size:37px;
    font-size:0;
    text-align:left;
    text-indent:-9999px;
}
.sns > a ~ a {
    margin-left:3px;
}
.sns .twitter {
    background-image: url('../../images/userEng/common/ico_tt.svg');
}
.sns .print {
    background-image: url('../../images/userEng/common/ico_print.svg');
}
/* footer */
.site-footer { 
	clear:both;
	width:100%;
	padding-top:30px;
	padding-bottom:30px;
	color:#fff;
	background:#696971;
}
.site-footer .copyright {
	text-align:center;
	opacity:.7;
}

/* error */
.error-header { 
	padding-top:40px;padding-bottom:350px;
	background:url("../../images/userEng/common/error.png") center bottom no-repeat #148fed; 
}
.error-header.working {	
	background:url("../../images/userEng/common/working.png") center bottom no-repeat #148fed; 
}
.error-header h1 {
	margin:0 auto;
	letter-spacing:-0.05em;
	max-width:1100px;
}
.error-header h1 a {	
	background:url('../../images/userEng/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:1100px;
	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;
}

/* 예외처리 */

/***************
	1100px
**************/
@media screen and (max-width:1100px) {
	.btn2 {
		padding:0 10px;
	}
	.site-tit h3 {
		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;
	}
}

/***************
	1100px
**************/
@media screen and (max-width:1100px) {
	
	/***********
		HEADER 
	***********/

	/* util */
	.site-header .util ul,
	.site-header .area-logo,
	.site-header nav > ul{	
		padding-left:20px;
		padding-right:20px;
	}

	/* logo */
	.site-header .area-logo {
		height:70px;
		max-width:1100px;
		overflow:hidden;
		margin:0 auto;
	}
	.site-header h1 {
		float:left;
	}
	.site-header h1 a { 
		display:block;
		box-sizing:border-box;
		height:70px;
		line-height:30px;
		padding-top:27px;
		padding-left:122px;
		font-size:18px;
		font-weight:500;
		color:#032d59;
		background:url('../../images/userEng/layout/logo.svg') 0 center no-repeat;
	}	

	/* site-gnb */	
	.site-header .site-gnb > li > a {
		font-size:17px;
	}	
	.site-header nav .snb-area { 
		position:absolute;
		z-index:9992;
		top:55px;
		left:0;
		width:100%;
	}
	.site-header nav .snb-area strong {
		padding-left:20px;
	}
	.site-header nav .snb-area .snb-close { 
		position:absolute;
		top:37px;
		right:50%;
		margin-right:-500px;
		width:25px;
		height:25px;
		overflow:hidden;
		text-indent:-999px;
	}

	/***********
		MAIN 
	***********/
	.mn-visual .memcomp {
		margin-right:0;
		right:20px;
	}
	.mn-quick {
		padding:20px;
	}
	.mn-quick ul li a {
		font-size:15px;
	}
	.mn-row {
		padding:60px 20px;
	}
	.mn-cooperation,
	.mn-quickservice {
		width:100%;
	}

	/***********
		FOOTER 
	***********/	
	
	.site-footer .wrap{
		padding:0 20px;
	}
	.site-footer .go-site {
		right:60px;
	}	
	.site-footer address {
        white-space:normal;
	}
}

/***************
	1024px 
**************/
@media screen and (max-width:1024px) {
	.site-header .site-gnb > li > a { font-size:15px; }
}

/***************
	768px : 태블릿 뷰 시작
**************/
@media screen and (max-width:768px) {	
	
	.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;
	}

	.pc-hide { display:block; }

    .m-none {
        display:none;
    }
    .m-block {
        display:block;
    }
    .btn-top {
        position:fixed;
        right:5vw;
        bottom:0;
        width:35px;
        height:35px;
        background:#003a79;
        z-index:100;
    }
    .btn-top:before {
        content:"";
        position:absolute;
        top:9px;
        left:50%;
        margin-left:-6px;
        width:10px;
        height:10px;
        border-top:2px solid #fff;
        border-left:2px solid #fff;
        -webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		transform:rotate(45deg);
    }
    .btn-top:after {
        content:"";
        position:absolute;
        top:9px;
        left:50%;
        margin-left:-1px;
        background:#fff;
        width:2px;
        height:18px;
        text-indent:-9999px;
    }

	/***********
		HEADER 
	***********/
	.site-header { 
		position:fixed; 
		z-index:1;
		top:0;
		left:0;
		width:100%;
		background:#fff;
		border-bottom:1px solid #ddd;
	}
	/* .site-header .util ul > li { font-size:13px; }
	
	.site-header .area-logo .lnk {
		width:55%;
	}
	.site-header .area-logo .lnk li a {
		font-size:13px;
	}
	.site-header .area-logo .lnk li:nth-of-type(3) a,
	.site-header .area-logo .lnk li:nth-of-type(4) a {
		line-height:20px;
		padding-top:7px;
	} */

	/* site-gnb */	
	.site-header .site-gnb > li > a {
		font-size:16px;
	}
	.site-header nav .toggle-gnb { 
		left:20px;
		margin-left:0;
	}	
	.site-header nav .snb-area { 
		position:absolute;
		z-index:9992;
		top:55px;
		left:0;
		width:100%;
	}
	.site-header nav .snb-area strong {
		padding-left:20px;
	}
	.site-header nav .snb-area .snb-close { 
		position:absolute;
		top:37px;
		right:50%;
		margin-right:-500px;
		width:25px;
		height:25px;
		overflow:hidden;
		text-indent:-999px;
	}
    
	.site-header .util { border-bottom:0; }
	.site-header .util ul { display:none; }
	.site-header .util a.m-login { 
		display:block;
		position:absolute;
		/* width:4.8vw;
		height:6vw;
		background:url("../../images/userEng/layout/login.svg") 0 0 no-repeat;
		background-size:100% auto;
		right:5vw;
		top:50%;
		margin-top:-2.8vw; */
		overflow:hidden;
		text-indent:-999px;
	}
	.site-header h1 { 
	}
	.site-header h1 a {
		/* padding-left:20.5vw;
		background-position:0 4.3vw;
		background-size:20vw auto;
		font-size:4.5vw;
		line-height:7.6vw;
		padding-top:4.5vw;
		height:16vw; */
		font-size:15px;
		font-weight:400;
	}
	.site-header nav { height:0;border:0; }
	.site-header nav .wrap { height:auto; }

	.site-header .area-logo { /* height:16vw; */ }
	.site-header .area-logo .lnk { display:none; }

	/* site-gnb */
	.site-header nav {}
	.m-gnb-open { 
		display:block;
        position:absolute;
		box-sizing:border-box;
		top:-44px;
		right:5vw;
		width:26px;
		height:22px;
        z-index:101;
		border-top:2px solid #134a84;
		border-bottom:2px solid #134a84;
    }
	.m-gnb-open:before,
	.m-gnb-open:after {
		content:"";
		display:block;
		position:absolute;
		width:18px;
		height:2px;
		top:8px;
		right:0;
		background:#134a84;
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		transform:rotate(0deg);
		-webkit-transition:all .5s;
		-moz-transition:all .5s;
		transition:all .5s;
	}
	.m-gnb-open.open {
        right:50%;
        z-index:9999;
		border-top:0;
		border-bottom:0;
		padding-top:0;
		width:18px;
        margin-right:3vw;
    }
	.m-gnb-open.open:before {
		top:2vw;
		width:36px;
		height:2px;
		background:#fff;
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	.m-gnb-open.open:after {
		top:2vw;
		width:36px;
		height:2px;
		background:#fff;
		-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
		transform:rotate(-45deg);
	}
	.site-header nav .site-gnb{ 
		position:fixed;
		margin-top:0;
		top:0;
		right:-50%;
		height:100%;
		padding:0;
		background:#fff;
		z-index:9999;
		width:50%;
        overflow-y:auto;
        -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 nav .site-gnb:before {
		display:block;
		content:"";
		height:70px;
		border-bottom:1px solid #134a84;
		background:url("../../images/userEng/layout/logo.svg") 46% center no-repeat;
	}
	.site-header .site-gnb > li { 
		float:none;
		position:relative;
		text-align:left;
		width:100% !important;
		border-bottom:1px solid #c0cdda;
	}
	.site-header .site-gnb > li > a {
		line-height:3.2em;
		position:relative;
		padding:15px 5vw;
		line-height:1.4em;
	}
	/* .site-header .site-gnb > li > a:after {
		content:"";
		position:absolute;
		width:10px;
		height:10px;
		border-left:2px solid #8ca1b7;
		border-bottom:2px solid #8ca1b7;
		border-top:2px solid transparent;
		border-right:2px solid transparent;
		-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
		transform:rotate(-45deg);
		top:15px;
		right:3vw;
	} */
	.site-header .site-gnb > li.rootCurrent > a,
	.site-header .site-gnb > li > a:hover,
	.site-header .site-gnb > li > a:focus {  }
	
	.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:#42b1ff;
		width:100%;
		left:0;
		margin-left: 0;
		padding:0 !important;
	}
	.site-header .site-gnb h2 {
		display:none;
	}
	.site-header .site-gnb ul { }
	.site-header .site-gnb ul li a { 
		display:block;
		color:#fff;
		font-size:3.6vw;
		line-height:2em;
		padding:8px 0 8px 20px;
        text-align:left;
	}
	.site-header .site-gnb ul li + li {
		margin-top:0;
		border-top:1px solid #7bc9ff;
	}
	.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-footer */
	.site-footer address,
	.site-footer .copyright {
		font-size:13px;
		font-weight:300;
		margin-top:20px;
	}	

	/********
		SITE-BODY
	**********/
	.site-body { 
		padding-top:70px;
	}
	.site-lnb { display:none; }
	
	.site-body .site-lnb ~ .site-contents { padding:20px 5vw 0; }
	.site-body .site-contents {
        min-width:0;
		padding-left:5vw;
		padding-right:5vw;
	}
	.site-tit { 
        position:relative;
		height:auto;
		padding:20px 0;
		background:#fbfbfc;
		margin:0;
        box-sizing:border-box;
        border-top:1px solid #e6e6e6;
        border-bottom:1px solid #e6e6e6;
	}
	.site-lnb ~ .site-tit {  
		padding-left:0;
	}
	.site-tit h2 { 
		color:#fff;
		padding:0; 
		text-align:center;
	}
	.site-tit h3 { 
		color:#003a79;
		padding:0; 
		text-align:center;
		height:1em;
		font-size:28px;
	}
    .site-tit h3:after {
        display:none;
    }	
	.site-tit h3.longTxt {
		font-size:1.4em;
		line-height:1.1em;
		padding-top:0;
		margin-top:-10px;
		margin-bottom:10px;
	}
	.site-tit p {
        display:none;
	}
    .paging-cont {
    }
    .paging-cont .paging-prev,
    .paging-cont .paging-next {
        position: absolute;
        left: 5vw;
        top: 50%;
        -o-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background: red;
        background: url('../../images/userEng/common/arr-paging.png') no-repeat;
        text-indent:-9999px;
        width:30px;
        height:26px;
        background-size:30px;
    }
    .paging-cont .paging-prev.active {
        background-position:0 -30px;
    }
    .paging-cont .paging-next { 
        left:auto;
        right:5vw;
        background-position:0 -60px;
    }
    .paging-cont .paging-next.active {
        background-position:0 -90px;
    }
    .site-location {
        display:none;
    }
	.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;
	}
	
	/* about */
	.about {  }
	.about li:first-child:before {		
		border-left: 45vw solid #fff;
		border-right: 45vw solid #fff;
	}

	/********
		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-type { width:100%; }
	.write-type table {
		table-layout:auto;
	}
	.write-type 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-type 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;
	}
   .info-type table,
   .info-type table tbody th,
   .info-type table tbody td {
        font-size:14px;
    }
	
	/* 원격지원서비스 이용방법 */
	.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%;
	}

    /* introduce */
    .greeting {
        position:relative;
        padding:14vw 7vw 7vw;
        min-height:0;
        background-size:50%;
        background-position:right center;
    }
    .greeting cite {
        margin:0;
        font-size:4vw;
    }
    .greeting cite:before {
        top:-6.5vw;
        width:10vw;
        height:2px;
    }
    .greeting p {
        display:none;
    }
    .greeting-txt p {
        margin-top:5vw;
    }    
    
	.vdo-wrap {
		margin:40px 20px 0;
	}
}

/***************
	640px : 모바일 뷰 시작
**************/
@media screen and (max-width:640px) {
    .tabs .ui-tabs-nav .ui-tabs-anchor {
        font-size:3.5vw;
    }

	/* .m-gnb-open { 
		height:3.6vw;
	        width:4.4vw;
	        left:5vw;
	        top:-7vw;    
		border-top: 2px solid #134a84;
		border-bottom: 2px solid #134a84;
	    }
	.m-gnb-open:before,
	.m-gnb-open:after {
		top:1.25vw;
		width:3.2vw;
		height:2px;
	} */

    ul.paging li.pv,
    ul.paging li.fw {
        margin-left:0;
        margin-right:0;
    }
    ul.paging li a {
        width:19px;
    }

	/* footer */
	.site-footer .footer-primary { display:none; }
	.site-footer ul { padding-top:8vw; }
	.site-footer li { margin-bottom:3vw; }
	.site-footer li a { font-size:3vw;font-weight:100; }
	.site-footer li + li { padding-left:0;margin-left:0;border-left:0; }
	.site-footer li:after { 
		content:"";
		height:2.8vw;
		width:1px;
		background:#888;
		display:inline-block;
		margin:0 3vw; 
		vertical-align:middle;
	}
	.site-footer li:last-child:after { display:none; }
	.site-footer address { margin-top:2vw; }
	.site-footer address,
	.site-footer .copyright{
		white-space:pre-line;
		font-size:3vw;
		font-weight:100;
		opacity:1;
		letter-spacing:0;
		color:#ccc;
		line-height:1.5em;
	}
	.site-footer address span {
		display:block;
		font-size:3.5vw;
		color:#fff;
		margin-bottom:1vw;
	}

	/* main */
	.site-mn .site-body { padding-bottom:0; }
	.mn-visual { height:auto; }
	.mn-visual .bx-viewport { max-height:100vw; }
	.mn-visual .bxslider li {height:100vw;}	
	.mn-visual .bxslider li img:not(.m-visual) { display:none; }
	.mn-visual .bxslider li img.m-visual { display:block;height:100vw;transform: translateX(-50%); }
	.mn-visual .bxslider li p { 
		text-align:right; 
		left:5vw;
		right:5vw;
		top:25vw;
		font-size:3.8vw;
	}
	.mn-visual .bxslider li strong {
		font-size:5.8vw;
		margin-bottom:0;
	}
	.mn-visual .bx-controls { bottom:100px; }
	.mn-visual .bx-controls .bx-pager-item { width:10vw; }
	.mn-visual .memcomp { 
		top:inherit;
		bottom:0;
		right:0;
		width:100%;
		height:auto; 
		padding:0 5vw;
	}
	.memcomp:before, .memcomp:after { display:none; }
	.mn-visual .memcomp li { width:25%; }
	.mn-visual .memcomp li a { font-size:3.6vw; }
	.mn-visual .memcomp li a img { width:11vw }
	.mn-quick { 
		position:relative;
		padding-right:14vw;
	}
	.mn-quick:after {
		content:"";
		position:absolute;
		top:50%;
		right:6vw;
		width:4vw;
		height:4vw;
		margin-top:-2vw;
		border-right:1px solid #fff;
		border-top:1px solid #fff;
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	.mn-quick ul {
		overflow-x:auto;
		display:block;
	}
	.mn-quick ul li a { 
		padding:1vw 2.8vw 0;
		height:auto;
		white-space:nowrap;
		font-size:3vw;
	}
	.mn-quick ul li a img {
		display:block;
		margin:0 auto;
		width:10vw;
	}
	.mn-row { padding:5vw; }
	.mn-board,
	.mn-news,
	.mn-cal,
	.mn-bnn,
	.mn-etc { 
		float:none;
		width:100%;
	}
	.mn-news,
	.mn-cal,
	.mn-bnn { margin-top:5vw;margin-bottom:0; }
	.mn-board.tabs .ui-tabs-nav a.ui-tabs-anchor, 
	.mn-board.tabs .ui-tabs-nav .ui-state-hover a.ui-tabs-anchor {
		font-size:4vw;
	}
	.mn-board.tabs .ui-tabs-panel {
		padding:4.5vw
	}
	.mn-board.tabs .ui-tabs-panel ul li {
		font-size:3.5vw;
	}
	.mn-board.tabs .ui-tabs-panel ul li a {		
		max-width: calc(100% - 24vw);
	}
	.mn-board.tabs .ui-tabs-panel ul.highlight cite {
		width:8vw;
	}
	.mn-board.tabs .ui-tabs-panel ul.highlight a {
		font-size:3.6vw;
		max-width: calc(100% - 33vw);
	}
	.mn-board.tabs .ui-tabs-panel ul li time { 
		color:#aaa;
		text-align:right;
		width:auto; 
	}
	.mn-etc {
		position:static;
		height:auto;
		overflow:hidden;
	}
	.mn-etc li { height:auto; }
	.mn-etc li a {
		font-size:3.5vw;
		height:auto;
	}
	.mn-etc li a img {
		display:block;
		margin:0 auto 1vw;
		width:9vw;
	}
	.mn-bnn { height:auto; }
	.mn-news { height:auto;padding-bottom:30px; }
	.mn-row:nth-of-type(2n) { padding-bottom:15vw }
	.mn-row:nth-of-type(3n) { display:none; }
	
    /* table */
    .list-type.detail tbody td {
        padding-left:0;
        padding-right:0;
    }
    .list-type.photo tbody td { 
	    padding-left:0;
	    min-height:0;
    }
    .list-type.photo .pic-cont { 
	    position:static;
	    width:100%; 
    }
    .list-type.photo .pic-cont a { 
	    width:100%;
	    height:auto;
        margin-bottom:20px;
	    overflow:hidden; 
    }
    .list-type.photo .pic-cont img { 
	    display:block;
	    margin:0;
	    width:100%;
    }
    .list-type.detail tbody td .list-tit {
        font-size:18px;
    }
   .info-type table,
   .info-type table tbody th,
   .info-type table tbody td {
        display:block;
        font-size:14px;
        width:100%;
        box-sizing:border-box;
    }
    /* step */
    .step {
        height:auto;
    }
    .step li  {
        font-size:3.5vw;
    }
    .step.m-col3 li {
       
        width:33.33% !important;
    }
    .step.m-col3 li + li {
        padding-left:0;
    }
    /*.step li:nth-child(3) ~ li {
        margin-top:-1px;
        border-bottom:1px solid #ccc;
    }
    .step li:nth-child(4n) {
        margin-left:0;
    }*/
    .step.m-col3 li:nth-child(4n).current {
	    border:1px solid #003a79;
	    color:#003a79;
	    background:#fff;
	    z-index:1;
	    position:relative;
    }
     .step.m-col3 li:nth-child(4n) {
        margin-left:0;
        border-left:1px solid #ccc;
    }
    .step.m-col3 li:nth-child(3) ~ li {
        border-top:none;
    }
    .step.m-col3 li:nth-child(3) ~ li.current{
        margin-top:-1px;
        padding-top:1px;
        border-top:1px solid #003a79;
        height:44px;
    }



    .step.row2 li:nth-child(5).current {
	    border:1px solid #003a79;
	    color:#003a79;
	    background:#fff;
	    z-index:1;
	    position:relative;
    }
    .step li span {
	    font-size:26px;
	    vertical-align:baseline;
	    font-weight:400;
    }
    .step.row2 {
        height:100px;
    }
    .step.row2 li{
        width:25% !important;
    }
    .step.row2 li:nth-child(5) {
        margin-left:0;
        border-left:1px solid #ccc;
    }
    .step.row2 li:nth-child(4) ~ li {
        border-top:none;
    }
    .step.row2 li:nth-child(4) ~ li.current{
        margin-top:-1px;
        padding-top:1px;
        height:51px;
        border-top:1px solid #003a79;
    }











    /* sub */
    .sub-tit {
        font-size:18px;
    }
    .list-type {
        overflow-x:auto;
    }
    .list-type table thead th,
    .list-type table tbody td {
        /*font-size:3vw;
        line-height:1.8em;*/
        white-space:normal;
        word-break: break-all;
    }
    /* introduce */
    .history > li {
        position:relative;
        padding-top:0;
        padding-left:0;
        padding-bottom:30px;
    }
    .history > li:before {
        display:none;
    }
    .history-tit {
        position:static;
        display:block;
        border-radius:50%;
        width:150px;
        height:150px;
        border:5px solid #c1e5ff;
        margin:0 auto 20px;
    }
    .history-tit strong {
        font-size:18px;
        margin-top:40px;
        padding-bottom:10px;
        margin-bottom:10px;
    }
    .history-tit strong:after {
        margin-left:-15px;
        width:30px;
    }
    .history-tit span {
        font-size:16px;
    }
    .history ul li{
        padding-bottom:15px;
    }
    .history ul li strong {
        font-size:16px;
    }
     .history ul li span {
         padding-left:100px;
     }
    .tel-box {
        padding:5vw 10vw;
    }
    .tel-box cite {
        position:static;
        width:auto;
        margin-bottom:5px;
    }
    .tel-box span {
        display:block;
        margin-left:0;

    }
    .tel-box strong {
        color:#003a79;
}
    .intro-txt {
        font-size:15px;
    }
    .intro-txt br {
        display:none;
    }
    .intro {
        margin-top:30px;
    }
    .intro > li {
        margin-bottom:40px;
        padding-left:0;
    }
    .intro-tit {
        position:static;
        display:inline-block;
        font-size:20px;
        width:auto;
		margin-bottom:15px;
		padding-top:10px;
    }
    .intro-tit br {
        display:none;
    }
    .intro-cont {
        padding-top:0;
    }
    .intro-cont-tit {
        margin-top:0;
    }
    .intro-cont-tit:before {
        display:none;
    }
    div + .intro-cont-tit {
        margin-top:0;
    }
    .intro-cont > div {
        position:relative;
        padding-left:0;
    }
    .intro-cont > div cite {
        position:static;
        display:block;
        font-size:16px;
    }
    .intro-cont .bullet-list {
        margin-bottom:10px;
    }
    .location-tit {
        font-size:16px;
    }
    .subway,
    .car {
       margin-top:75px;
    }
    .subway-info > li{
        padding-left:0;
    }
    .subway-info li .bullet-list {
        margin-bottom:18px;
    }
    .subway-info cite {
        position:static;
        font-size:16px;
        font-weight:400;
        color:#333;
    }
    /* knowInfoCenter */
    .list-book li {
        width:50%;
    }
    .list-book li .btn2 {
        width:120px;
        font-size:14px;
    }
    .book-thumb {
        width:110px;
        height:152px;
    }

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

/***************
	480px
**************/
@media screen and (max-width:480px) {
	.site-header h1 a {
		text-indent:-9999px;
		overflow:hidden;
		background-position:0 15px; 
	}
	.site-header .site-gnb > li > a {
		padding:1em;
		padding-right:15vw;
		line-height:1.4em;
	}
	.site-tit h3 {
		font-size:5.5vw;
	}
	.site-body .site-contents h4 {
		line-height:1.4em
	}
}
@media screen and (max-width:414px) {
	
	.wrap { max-width:414px; }
	
	.btn-cont a, .btn {
		min-width:40%;
		padding:0 10px;
	}
	.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; }
	
	
	.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;
	}
	span.info + span.info:before {
		display:none;
	}
	
	.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 nav .site-gnb { width:75%;right:-75%; }
	 .m-gnb-open.open { right:75%; }
	
	/**********
		SITE-BODY
	 **********/	
	.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;
	}
	
	.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/userEng/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; }
	
	.view-type thead th { font-size:17px;padding:18px 10px; }
	
	.brochure {
		padding-left:160px;
		padding-top:0px;
		margin-left:20px;
	}
	
	.brochure img {
		width:140px;
	}
	.brochure p {
		padding-top:132px;
	}
	.brochure p a {
		margin-top:10px;
	}

	/**********
		MAIN
	 **********/
	.mn-procedure a { 
		font-size:1em;
		letter-spacing:-0.05em;
		white-space:nowrap;
	}
	.mn-learn div p {
		font-size:1.231em
	}
	.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;
	}

	/* footer */
	.site-footer .wrap { 
		padding:0 20px;
	}
	.site-footer .go-site {
		left:20px;
		right:20px;
		top:110px;
	}
	.site-footer .footer-primary,
	.footer-primary .wrap {
		height:160px;
	}
	.btn_remote {
		top:70px;
		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/userEng/common/pop_close.png') center center no-repeat; 
		background-size:15px;
	}
	
	/* pop-notice  */
	.pop-notice {
		width:96%;
		top:10px;
		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; }
	
	/* 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;
	}
}

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

	.sch-cont .ui-selectmenu-button + input { width:100px; }
}

@media screen and (max-width: 320px) {
	.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%;
	}
}