@charset 'UTF-8';
/*
	Author	: Somi Park
	Date	: 2017-11-06
	Project	: HSFF FORUM
*/
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
 
html, body	{ height:100%;}
html	{ 
	border:0;
	outline:0;
}
body	{ 
	font-size:17px;
	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; 
	overflow-x:hidden;
	/*position:relative;*/
}
::selection {
	color:#fff;
	background-color:#008ed8;
}
::-moz-selection {
	color:#fff;
	background-color:#008ed8;
}
table	{ 
	width:100%;
	border-collapse:collapse;
	table-layout:fixed; 
}
table caption { 
	height:0;
	font-size:0.1em;
	color:#fff;
	opacity:0;
	filter:alpha(opacity=0);
}

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:#0c69d0;font-weight:400; }
em + .checkbox { position:relative;top:4px;margin-left:10px; }
.red { color:#f50d35 !important;font-weight:400; }
.green { color:#009a74 !important;font-weight:400; }
.yellowgreen { color:#00c153 !important;font-weight:400; }
.blue { color:#1298ff !important;font-weight:400; }
a.blue { color:#0c69d0 !important;font-weight:400;border-bottom:1px solid #0c69d0; }
.gray { color:#777 !important; }
.darkgray { color:#333 !important;font-weight:400; }
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%; }
textarea.q4 { width:100% }
select.q3 {  }
.q0 ~ .q3,
.q1 ~ .q3,
.q2 ~ .q3,
.q3 ~ .q3,
.q0 ~ .q4,
.q1 ~ .q4,
.q2 ~ .q4,
.q3 ~ .q4,
.q4 ~ .q4 { margin-top:8px }

label.radio,
label.checkbox { font-size:15px; }
label.radio + label.radio,
label.checkbox + label.checkbox { margin-left:50px; }
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:#2b6097;
	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 #2b6097;
	background:#2b6097;
}
label.checkbox.checked:after {
	position:absolute;
	content:"";
	width:16px;
	height:8px;
	border-left:2px solid #fff;	
	border-bottom:2px solid #fff;
	box-sizing:border-box;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
	top:3px;
	left:3px;
} 

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

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

.loader ~ .loader {
	display:none !important;
	opacity:0;
} 
@keyframes loader {
	0%   { transform: rotate(20deg); }
    100% { transform: rotate(380deg); }
}
@keyframes loader2 {
	0%   { transform: scale(0); }
    100% { transform: scale(1); }
}

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

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

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

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

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

.clear { clear:both; }
b + span.info,
span.info + span.info { 
	display:inline-block;
	*zoom:1;
	*display:inline;
	margin-left:15px;
	color:#777;
}
span.info + span.info:before  {
	content:"";
	width:1px;
	height:14px;
	background:#ddd;
	display:inline-block;
	margin-right:15px;
	vertical-align:middle;
}
span.info strong {
	color:#333;
	margin-left:10px;
	font-weight:400;
}
.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.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:32px;
	line-height:30px;
	font-size:13px; 
}
.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 #2b6097;color:#2b6097;font-weight:400; }
.btn-cont a:hover, .btn-cont a:focus,
.btn:hover, .btn:focus,
.btn2:hover, .btn2:focus,
.btn3:hover, .btn3:focus,
.btn4:hover, .btn4:focus{ background:#e5ebf1; }
.btn-cont a:active,
.btn:active,
.btn2:active,
.btn3:active,
.btn4:active{ background:#d5dfea; }

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

/* btn : spot */
.btn-cont a.spot,
.spot { 
	background-color:#2b6097;
	border:1px solid #2b6097;
	color:#fff; 
}
.btn-cont a.spot:hover,
.btn-cont a.spot:focus,
.spot:hover, 
.spot:focus { 
	background:#004da1; 
	border-color:#004da1;
}
button.sch { 
	width:38px;
	height:38px;
	border:0;
	background:url("../../images/forum/common/ico_sch.png") center center no-repeat;
	overflow:hidden;
	text-indent:-999px;
}

/* btn : spot2 */
.btn-cont a.spot2,
.btn.spot2,
.btn2.spot2,
.btn3.spot2,
.btn4.spot2{ 
	color:#fff;
	background-color:#009d8c;
	border:1px solid #009d8c;
}
.btn-cont a.spot2:hover,
.btn-cont a.spot2:focus,
.spot2:hover, 
.spot2:focus { background:#0bbeab; }

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

/* btn : del */
.btn-cont a.spot4,
.btn.spot4,
.btn2.spot4,
.btn3.spot4,
.btn4.spot4  { 
	color:#fff;
	background-color:#8c8c8c;
	border:1px solid #8c8c8c; 
}
.btn-cont a.spot4:hover,
.btn-cont a.spot4:focus,
.spot4:hover, 
.spot4:focus { background:#999; }
.btn-cont a.spot4:active,
.spot4:active{ background:#888; }
.btn.more {
	padding-left:54px;
	position:relative;
}
.btn.more:before {
	content:"";
	display:block;
	position:absolute;
	width:14px;
	height:2px;
	background:#2b6097;
	left:29px;
	top:50%;
	margin-top:-1px;
}
.btn.more:after {
	content:"";
	display:block;
	position:absolute;
	width:2px;
	height:14px;
	background:#2b6097;
	left:35px;
	top:50%;
	margin-top:-7px;
}
.btn2.add  { 
	color:#fff;
	background-color:#8c8c8c;
	border:1px solid #8c8c8c; 
	font-size:13px;
	padding:0;
	min-width:48px;
}
.btn-cont a.add:hover,
.btn-cont a.add:focus,
.add:hover, 
.add:focus { background:#999; }
.btn-cont a.add:active,
.add:active{ background:#888; }

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


/* ico */
.file { 
	display:inline-block;
	*zoom:1;
	*display:inline;
	padding-left:23px;
	background:url('../../images/forum/common/ico_file.png') 0 center no-repeat; 
	color:#0d69d0;
}
p.file { 
	display:block;
	margin-top:10px;
}
p.file + p.file { margin-top:3px;}
a.file:hover { text-decoration:underline; }
a.delete { 
	margin-left:8px;
	vertical-align:middle;
	display:inline-block;
	*zoom:1;
	*display:inline;
	background:url('../../images/forum/common/ico_delete.gif') 0 6px no-repeat;
	text-indent:-999px;
	overflow:hidden;
	width:15px;
	height:18px;
}
.ico { 
	width:20px;
	height:20px;
	text-indent:-999px;
	overflow:hidden;
	padding-left:0;
}
.ico.file { height:32px; }
.list-type td .ico.file { display:block;margin:0 auto; }
i.star { 
	display:inline-block;
	width:11px;
	height:10px; 
	vertical-align:middle;
	background:url('../../images/forum/common/star.svg') 0 0 no-repeat;
	position:relative;
	top:-1px;
}
.ico.fb,
.ico.tt,
.ico.print {
	width:37px;
	height:37px;
	display:inline-block;
	margin:0 2px;
	text-indent:-999px;
	overflow:hidden;
	text-align:left;
}
.ico.fb { background:url("../../images/forum/common/ico_fb.svg") 0 0 no-repeat; }
.ico.tt { background:url("../../images/forum/common/ico_tt.svg") 0 0 no-repeat; }
.ico.print { background:url("../../images/forum/common/ico_print.svg") 0 0 no-repeat; }

/* jquery-plugin tab : ui-tabs */
.site-body > .tabs,
.site-body > form > .tabs { width:1100px;margin:10px auto 0; }
.site-body > form > .tabs + .site-location { margin-top:10px }
.tabs { 
	position: relative;
}
.tabs ul { 
	height:60px;
	width:100%;
}
.tabs ul li { 
	float:left;
	white-space: nowrap;
	font-weight:400; 
	height:60px;
}

.tabs ul li + li a { border-left:0; }

.tabs ul li a { 
	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 ul li + li a { border-left:0; }
.tabs ul li a:hover { 
	color:#2b6097; 
}
.tabs ul li.ui-tabs-active a,
.tabs ul li.ui-tabs-active a:hover { 
	border-bottom:3px solid #2b6097; 
	color:#2b6097;
}
.tabs ul li.ui-tabs-active a:after {
	content:"";
	width:0;
	height:0;
	position:absolute;
	border-bottom:8px solid #2b6097;
	border-right:8px solid #2b6097;
	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; }


/* site-lnb*/
.site-lnb { 
	position:absolute;
	line-height:26px;
	overflow:hidden;
	width:175px;	
	background: rgb(9,208,83); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(9,208,83,1) 0%, rgba(0,154,116,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(9,208,83,1) 0%,rgba(0,154,116,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(9,208,83,1) 0%,rgba(0,154,116,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#09d053', endColorstr='#009a74',GradientType=1 ); /* IE6-9 */ /* IE6-9 */
	left:50%;
	top:20px;
	margin-left:-550px;
	padding-bottom:20px;
}
.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-family:"nanumsquare";
	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;
	font-family:"nanumsquare";
}
.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 {  }
.site-lnb.type2 { height:78px; }
.site-lnb.type2 li a { padding:25px 0; }
.site-lnb.type2 li.doubleline a { padding:12px 0; }
.site-lnb.type2 li.current a { padding:26px 1px; }
.site-lnb.type2 li.doubleline.current a { padding:13px 1px; }

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

/* jquery-plugin :select-menu */
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	z-index:99999;
}
.ui-selectmenu-menu ul {
	background:#fff;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	/* Support: IE7 */
	overflow-x: hidden;
	padding-bottom: 1px;
	max-height:400px;
}
.ui-selectmenu-menu .ui-menu li {
	padding:5px 10px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 15px;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-button {
	display: inline-block;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	cursor: pointer;
	background:#fff;
	width:auto !important;
	font-size:15px;
	border-radius:0;
	border:1px solid #b3b3b3;
	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/forum/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;
}
.datepicker + .ui-datepicker-trigger {
    position:relative;
    vertical-align:0;
	top:5px;
}
.ui-datepicker { 
	background-color:#fff;
	margin-top:-1px;
	border: 1px solid #aaa;
	width: 300px;
	padding:20px;
	display: none; 
	box-shadow:4px 4px 0 rgba(0,0,0,.1);
}
.ui-datepicker .ui-datepicker-header { 
	position: relative;
	padding: 0 0; 
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	overflow:hidden;
	position: absolute;
	top: 0px;
	width: 20px;
	height: 30px;
	text-indent:-999px;
	background-repeat:no-repeat;
	cursor:pointer; 
}
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover { 
}
.ui-datepicker .ui-datepicker-prev { 
	left: 5px;
	background-position:0 center; 
}
.ui-datepicker .ui-datepicker-next { 
	right: 5px;
	background-position:right center;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span { 
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 45%;
	margin-top: -8px; 
}
.ui-datepicker .ui-datepicker-title { 
	margin: 0 1em;
	line-height: 30px;
	text-align: center; 
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { 
	width: 40%;
	margin:0 2px;
	padding:1px;
	border:1px solid #aaa; 
	font-size: 1em;
	vertical-align:middle;
	height:30px;
}
.ui-datepicker table { 
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 10px 0 .2em;
	border-top:2px solid #aaa; 
}
.ui-datepicker th { 
	padding: .3em .3em;
	font-size:11px;
	text-align: center;
	height:14px;
	font-weight: bold;
	border: 0;
	border-bottom:1px solid #ddd;
	background-color:#fff;
	background:#f9f9f9;
}
.ui-datepicker tr:first-child td { border-top:0; }
.ui-datepicker td {	
	text-align:center;
	border: 0;
	padding: 1px;
	height:14px; 
}
.ui-datepicker td span,
.ui-datepicker td a { 
	display: block;
	padding: .2em;
	text-decoration: none;
	border-bottom:0; 
}
.ui-datepicker .ui-datepicker-buttonpane { 
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0; 
}
.ui-datepicker .ui-datepicker-buttonpane button { 
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible; 
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }
.hasDatepicker + img { margin-left:10px;vertical-align:middle; }
.due { 
	display:inline-block; 
	vertical-align:middle;
	margin:0 10px;
	font-size:15px;
	color:#555;
	position:relative;
	top:3px;
}
/* jquery-plugin dialog */
.ui-widget-overlay {
     position:fixed;
    width:100%;
    height:500%;
    top:0;
    left:0;
    background:#000;
    opacity:0.6;
    filter:alpha(opacity=60);
    z-index:99999;
}
.ui-dialog {
    position:absolute;
    padding-bottom:10px;
    background:#fff;
    top:140px;
    z-index:100000;
}
.ui-dialog .ui-dialog-titlebar {
    background:#2b6097;
    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;
    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 #2b6097;
    box-sizing:border-box;
    outline:0;
}
.ui-dialog .ui-dialog-buttonpane button:only-child,
.ui-dialog .ui-dialog-buttonpane button.spot {
    background:#2b6097;
    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; 
}

/* total */
.total { 
	font-size:17px; 
	color:#777;
	margin:14px 0 5px;
	letter-spacing:0;
}
.total strong { font-weight:500;color:#333; }
.total em { font-weight:400;color:#333; }

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

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

/* table */
.write-type + .list-type,
.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; }
.info-type + .info-type { margin-top:20px }

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:17px;margin-bottom:15px;color:#777; }
.pic { 
	border:1px solid #e2e2e2;
	width:225px;
	max-height:150px;
	box-sizing:border-box;
	overflow:hidden;
}
.pic img { display:block;width:223px; }

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

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

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

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

/* table : list-type */
.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;
}
.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/forum/main/more.gif") 0 center no-repeat;
}
.list-type table { 
	clear:both;
	border-top:2px solid #2b6097;
	border-bottom:1px solid #dcdcdc;
}
.list-type table + table { margin-top:-1px; }
.list-type table thead th { 
	vertical-align:top;
	color:#555;
	height:20px;
	padding:15px 0;
	line-height:20px;
	background-color:#f9f9f9;
	border-bottom:1px solid #dcdcdc; 
	font-size:15px;
	font-weight:normal;
}
.list-type table thead th.left { 
	padding-left:30px;
	text-align:left;
	font-size:15px; 
}
.list-type table thead th span { 
	display:block;
	line-height:1.623em;
	font-weight:normal;
	font-size:0.857em 
}
.list-type table tbody th,
.list-type table tbody td { 
	padding:10px;
	min-height:32px;
	*height:auto;
	border-bottom:1px solid #dcdcdc;
	vertical-align:middle;
	color:#000; 
}
.list-type table tbody th { 
	vertical-align:top;
	color:#555;
	font-size:15px;
}
.list-type table tbody td { 
	text-align:center;
	color:#000;
	vertical-align:middle;
	padding-left:2px;
	padding-right:2px; 
	font-size:15px;
	line-height:28px;
}
.list-type table tbody td a:hover em { 
	text-decoration:underline; 
}
.list-type table tbody tr:hover th,
.list-type table tbody tr:hover td{ 
	background-color:#fcfcfc; 
}
.list-type table th { 
	background:#f9f9f9 
}
.list-type table tbody tr:hover th { 
	background:#f1f1f1; 
}
.list-type.no-hover table tbody tr:hover td { 
	background-color:transparent; 
}
.list-type.no-hover table tbody th,
.list-type.no-hover table tbody td { 
	padding-top:12px;
	padding-bottom:12px;
}
.list-type table tbody td.al a:not(.btn2) { 
	display:block;
	max-width:100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis; 
	font-size:17px;
	font-weight:400;
}
.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/forum/common/ico_pen.gif') 0 center no-repeat;
	color:#0077ce;
	text-decoration:underline; 
}
.list-type table tbody td a:hover { 
	text-decoration:underline; 
}
.list-type table tbody td a.btn2:hover,
.list-type table tbody td a.btn3:hover,
.list-type table tbody td a.btn4:hover { 
	text-decoration:none 
}
.list-type table tbody td.period p span { 
	display:inline-block;
	*zoom:1;
	*display:inline;
	width:43px;
	margin-right:5px;
	text-align:left;
	background:url("../../images/forum/common/bar.gif") right center no-repeat; 
}
.list-type.borderd thead th + th,
.list-type.borderd tbody td + td { 
	border-left:1px solid #ddd; 
}
.list-type.borderd tbody tr:nth-child(even) td { 
	border-top:1px dashed #dcdcdc; 
}
.list-type table tbody .blue th,
.list-type table tbody .blue td { 
	color:#128ee1;
	font-weight:500; 
}
.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/forum/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:15px;
}
.list-type table tfoot td.ar {
	text-align:right;
}
.list-type table tfoot .sum td { 
	background:#2b6097;
	border-top:1px solid #2b6097;
	vertical-align:middle;
	height:49px;
	text-align:center; 
	color:#fff;
	font-size:1.231em;
}
.list-type table tfoot td strong {
	font-size:1.286em;
}
.list-type table td ul {
	margin:10px 0;
}
.list-type table td li {
	padding-left:22px;
	position:relative;
}
.list-type table td li:before {
	content:"";
	width:12px;
	height:1px;
	background:#333;
	position:absolute;
	left:0;
	top:50%;
}
.list-type td.al { 
	text-align:left;
	padding-left:20px; 
}
.list-type td.ar { 
	text-align:right;
	padding-right:20px; 
}
.list-type td.detail { 
	padding:30px 20px;
}
.list-type table tbody td.detail a { 
	white-space:normal; 
}
.list-type table tbody td.detail a:hover {
	text-decoration:none;
}
.list-type td.detail a strong {
	font-size:20px;
	font-weight:400;
	height:30px;
	display:inline-block;
	box-sizing:border-box;
	overflow:hidden;
	text-overflow:ellipsis;
}
.list-type td.detail a:hover strong {
	border-bottom:1px solid #555;
}
.list-type td.detail time {
	display:block;
	margin:10px 0;
	color:#777;
	font-weight:300;
}
.list-type td.detail a p {	
	white-space:normal; 
	overflow:hidden;
	color:#555;
}
.list-type tbody.group th,
.list-type tbody.group td { 
	border-bottom:0;
}
.list-type tbody.group + tbody.group th,
.list-type tbody.group + tbody.group td {
	border-top:1px solid #dcdcdc;
}

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

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

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

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

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

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

/* num-list */
.num-list li {
	font-size:17px;
	padding-left:50px;
	line-height:30px;
	position:relative;
	font-weight:400;
}
.num-list li span { 
	font-family:"Open Sans";
	font-size:20px;
	line-height:30px;
	color:#777;
	display:inline-block;
	position:absolute;
	left:0;
	top:0;
	width:35px;
}
.num-list li span:after {
	display:inline-block;
	position:absolute;
	width:1px;
	height:16px;
	background:#d2d2d2;
	right:0;
	top:8px;
	content:"";
}
.num-list li + li {
	margin-top:10px;
}

.history li {
	font-size:17px;
	padding-left:95px;
	line-height:30px;
	position:relative;
	font-weight:400;
}
.history li span { 
	font-family:"Open Sans";
	font-size:20px;
	line-height:30px;
	color:#4c75a1;
	display:inline-block;
	position:absolute;
	left:0;
	top:0;
	width:35px;
	font-weight:500;
}
.history li + li {
	margin-top:10px;
}
/* table : search-type */
.search-type { 
	border-top:2px solid #999999;
	border-bottom:1px solid #ccc;
	padding:7px 0;margin:20px 0; 
}
.search-type table th { 
	padding:3px 10px;
	line-height:30px;
	text-align:left;
	vertical-align:top; 
}
.search-type table td { 
	padding:3px 10px;
	vertical-align:middle;
	line-height:30px;
	color:#666; 
}
.search-type table td input + span { 
	margin-left:5px; 
}
.search-type + .btn-cont {
	margin-top:-10px;
}

/* write-type */
.write-type { clear:both; }
.write-type > cite { 
	display:block;
	font-size:15px;
	margin:10px 0;
	font-weight:600; 
}
.write-type table { 
	border-top:2px solid #2b6097;
}
.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/forum/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;
}
.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 input + span { margin-left:15px;color:#999; }
.write-type table td a + span { margin-left:15px;color:#999; }
.write-type table td label { 
	display:inline-block;
	min-width:75px;
	box-sizing:border-box; 
	font-size:15px;
	color:#555;
	margin-right:10px;
}
.write-type table td label + cite { 
	display:inline-block;
	width:180px;
	color:#000;
	font-weight:400;
}
.write-type table td cite + label,
.write-type table td input[type="text"] + label{ margin-left:60px }
.write-type table td input[type="password"] + label{ margin-left:60px }
.write-type table td p { line-height:24px; }
.write-type table td label + input.q3 { width:69.3%; }
.write-type table td.join-txt { 
	text-align:center;
	padding:35px 20px; 
}
.write-type table td.join-txt > p {
	color:#000;
	font-weight:400;
	margin-bottom:20px;
}
.write-type table td.join-txt img { vertical-align:middle; }
.write-type table td.join-txt > span { color:#000;margin-left:10px;vertical-align:middle;font-weight:400;font-size:18px; }
.join-txt .sign { 
	text-align:left;
	margin:30px 0;
	padding-left:560px;
}
.join-txt .sign li {
	white-space:nowrap;
}
.join-txt .sign li + li { margin-top:8px; }
.join-txt .sign li cite { 
	color:#333;
	display:inline-block;
	width:65px; 
}
.join-txt .sign li input[type="text"] {
	width:120px;
}
.join-txt .sign li span {
	color:#999 !important;
	margin-left:5px;
	font-size:15px;
}
.join-txt .sign li strong { font-weight:400;color:#000;display:inline-block;width:120px; }

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

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

/* accretion */
.accretion {
	border:1px solid #dcdcdc;
}
.accretion ul {
	padding:0 50px;
}
.accretion li {
	padding:10px 20px 20px;
	position:relative;
}
.accretion li + li {
	border-top:1px dashed #dcdcdc;
	padding-top:30px;
}
.accretion li span.num { 
	position:absolute;
	width:50px;
	height:50px;
	background:#ababab;
	color:#fff;
	font-family:"Open Sans";
	font-weight:400;
	text-align:center;
	line-height:50px;
	font-size:24px;
	top:0;
	left:-50px;
}
.accretion li + li span.num {
	top:20px;
}
.accretion li p.tit {
	font-weight:400;
	padding-left:16px;
	position:relative;
	font-size:16px;
	line-height:26px;
	color:#000;
	margin-bottom:10px;
}
.accretion li p.tit:before {
	position:absolute;
	width:5px;
	height:5px;
	content:"";
	background:#c6c6c6;
	left:0;
	top:10px;
}
.accretion li p.tit span {
	display:block;
	font-size:15px;
	color:#555;
}
.accretion li cite {
	display:inline-block;
	margin-left:25px;
	color:#777;
}
.accretion li cite + a { 
	color:#0c69d0;
	border-bottom:1px solid #0c69d0;
}
.accretion .upload { 
	margin-top:10px; 
	position:relative;
}
.accretion .upload a.btn2:not(.add) { 
	border:1px solid #777777;
	background:#fbfbfb;
	color:#333; 
}
.accretion .desc {
	color:#0c69d0;
	font-size:14px;
	line-height:24px;
	margin-top:5px;
	margin-bottom:20px;
}
.accretion a.add ~ .upload {
	margin-left:54px;
	padding-right:54px;
}
.accretion a.add ~ .upload a.add { 
	position:absolute;
	bottom:0;
	right:0;
}
.accretion li > a.add {
	position:absolute;
}
.accretion .commission {
	background:#f9f9f9;
	border-top:1px solid #dcdcdc;
	padding:20px;
	text-align:center;
	color:#000;
	font-size:16px;
	font-weight:400;
}
.accretion .commission input {
	background:#f9f9f9;
	width:100px;
	height:34px;
	line-height:32px;
	text-align:center;
	margin:0 10px;
}
.accretion a.file { 
	padding-left:0;
	background:none;
	margin-right:20px;
	border-bottom:1px solid #0d69d0;
}
.accretion .result {
	padding:20px;
	text-align:center;
	color:#000;
	border-top:1px solid #dcdcdc;
	font-size:16px;
}
.accretion .result em { margin-left:20px;font-weight:500; }

/* 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; }
.tabs + .view-type { margin-top:50px; }
.view-type { clear:both; }
.view-type img { max-width : 100% }
.view-type table { border-top:2px solid #2b6097; }
.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:16px 30px;
	line-height:28px;
	vertical-align:top;color:#444;
	font-size:17px;
}
.view-type thead td .fr { font-weight:500; }
.view-type thead td cite { 
	margin-right:20px;
	font-weight:600;
	color:#666; 
}
.view-type thead td a { text-decoration:underline; }
.view-type tfoot td { 
	padding:16px 30px ;
	line-height:28px;
	border-top:1px solid #dcdcdc;
	text-align:left; 
}
.view-type tfoot tr:first-child td { border-top:2px solid #2b6097; }
.view-type tfoot td cite { 
	display:inline-block;
	*zoom:1;
	*display:inline;
	font-weight:500;
	margin-right:20px;
	background:url('../../images/forum/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:17px;
	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:30px auto;
	max-width:100%;
}
.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;
}
#boardContents { padding-top:30px;padding-bottom:30px; }
#boardContents h1,
#boardContents h2,
#boardContents h3,
#boardContents h4,
#boardContents h5,
#boardContents h6 { margin:initial;padding:initial;line-height:1.8em; }
#boardContents h1 {	font-size:2em; }
#boardContents h2 {	font-size:1.5em; }
#boardContents h3 {	font-size:1.17em; }
#boardContents h4 {	font-size:1em; }
#boardContents h5 {	font-size:0.83em; }
#boardContents h6 {	font-size:0.67em; }
#boardContents ol,
#boardContents ol li {
	list-style:decimal;
}
#boardContents ul,
#boardContents ul li {
	list-style:disc;
}
/* opinion */
.opinion { 
	margin-top:40px;
}
.opinion section { 
	padding-bottom:10px;
}
.opinion h3 { 
	padding:0;
	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 { 
	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:15px;
	color:#00;
	font-weight:300;
}
.opinion .opinion-list li a.delete { 
	position:absolute;
	padding-left:16px;
	text-indent:0;
	width:auto;
	background:url('../../images/forum/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; 
}
.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	{ 
	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;
	cursor:pointer;
	text-decoration:underline;
	color:#555; 
}

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

/* util */
.site-header { 
	/* min-width:1100px; */
}
.site-header nav > ul{	
	width:1100px;
	margin:0 auto;
	box-sizing:border-box;
}
.site-header .util {
	border-bottom:1px solid #e6e6e6;
	opacity:.7;
}
.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/forum/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:#2b6097;
	height:15px;
	line-height:15px;
	font-weight:400;
}
.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 h1 {
	letter-spacing:-0.05em;
}
.site-header h1 a { 
	display:block;
	box-sizing:border-box;
	height:76px;
	text-indent:-9999px;
	width:500px;
	font-family:"nanumsquare";
	background:url('../../images/forum/layout/logo.png') center center no-repeat;
	margin:0 auto;
}

/* site-gnb */
.site-header nav { 
	height:60px;
	background:#fff; 
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	position:relative;
}
.site-header nav .wrap {
	height:60px;
}
.site-header .site-gnb { 
	padding-left:30px;
	/*text-align:right;
	float:right;*/

}
.site-header .site-gnb > li { 
	float:left;
	/* position:relative; */
	text-align:center;
	width:20%;
}
.site-header .site-gnb > li > a {
	display:block;
	line-height:60px;
	font-weight:400;
	font-size:20px;
	color:#2b6097;
	font-family:"nanumsquare";
	font-weight:700;
}

.site-header .lnk { 
	position:absolute;
	top:0;
	right:50%;
	margin-right:-550px;
	width:200px;
	padding:10px 0;
	opacity:.88;
	background: rgb(25,143,234); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(30,144,255,1) 0%, rgba(18,75,178,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(30,144,255,1) 0%,rgba(18,75,178,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(30,144,255,1) 0%,rgba(18,75,178,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e86ff', endColorstr='#124bb2',GradientType=1 ); /* IE6-9 */
}
.site-header .lnk li {
	box-sizing:border-box;
}
.site-header .lnk  li a {
	display:block;
	height:56px;
	line-height:56px;
	text-align:center;
	font-family:'NanumSquare';
	font-size:16px;
	font-weight:400;
	color:#fff;
	letter-spacing:-0.05em;
}

/* stie-body */
.site-body { 	
	position:relative;
	min-width:320px;
	padding-bottom:100px;
}
.site-mn .site-body {
	padding-bottom:80px;
}
.site-body .site-contents {
	min-width:280px;
	width:1100px;
	width:/*＼**/1100px; /* IE8 */
	margin-left:auto;
	margin-right:auto;
	padding-top:0px;
	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 .site-contents h4 {
	color:#2b6097;
	font-size:30px;
	font-family:"nanumsquare";
	font-weight:600;
	margin-bottom:20px;
	margin-top:30px;
}
.site-body .site-contents h4 ~ h4 { margin-top:70px; }
.site-body .site-contents h4:first-child,
.site-body .site-contents input + h4{ margin-top:0; } 

.site-body .site-contents h4.empas {
	font-size:1.538em;
	color:#2b6097;
	margin-top:60px;
}
h4.empas + p {
	font-size:15px;
	line-height:1.9em;
}

/* site-tit */
.site-tit { 
	box-sizing:border-box;
	margin:0 auto;
	text-align:center;
	letter-spacing:-0.05em;
	height:190px;
}
.site-tit { background:url("../../images/forum/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:#2b6097;
	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:#2b6097;
	margin-bottom:0;
	font-family:"nanumsquare"
}
.site-tit h3:after {
	content:"";
	display:block;
	width:50px;
	height:2px;
	margin:26px auto 15px;
	background:#2b6097;
}
.site-tit h3.longTxt {
	font-size:3em;
	line-height:1.15em;
	padding-top:35px;
}
.site-tit h3 span {
	display:block;
	font-size:20px;
	margin-bottom:4px;
	margin-top:-28px;
}
.site-tit p {
	color:#2b6097;
	font-size:16px;
	font-family:"nanumsquare";
	font-weight:400;
}

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

.site-body > form > .site-location {
	max-width:100%;
}
.site-location > ul { 
	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/forum/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/forum/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:200;
	box-sizing:border-box;
	text-align:center;
	border:1px solid #cccccc;
	background:#fbfbfb;
	letter-spacing:0;
}
.step li + li {	margin-left:-1px;}
.step li.current {
	border-color:#2b6097;
	color:#2b6097;
	background:#fff;
	z-index:1;
	position:relative;
}
.step li span {
	font-size:26px;
	vertical-align:baseline;
	font-weight:400;
}

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


/* -----------------------
	MAIN
 ----------------------- */
.site-mn .site-body {
	max-width:100%;
}
.mn-visual {
	height:425px;
	position:relative;
	box-sizing:border-box;
	padding-top:100px;
	background:url("../../images/forum/main/visual_bg.jpg") center 0 no-repeat;
}
.bx-wrapper { 
	width:1100px;
	margin: 0 auto;
	height:270px;
}
.mn-visual .bxslider {
}
.mn-visual .bxslider li {
	height:270px;
	overflow:hidden;
	background:rgba(255,255,255,.6);
}
.mn-visual .bxslider li img {
	float:right;
	width:50%;
}
.mn-visual .bxslider li p {
	float:left;
	width:50%;
	box-sizing:border-box;
	padding: 65px 30px 30px;
	height:270px;
	position:relative;
}
.mn-visual .bxslider li p cite {
	background:#2b6097;
	position:absolute;
	color:#fff;
	top:0px;
	left:0px;
	height:40px;
	padding:10px 30px;
	font-size:16px;
	line-height:20px;
	box-sizing:border-box;
	letter-spacing:0;
	font-weight:600;
	font-family:"Nanumsquare";
}
.mn-visual .bxslider li p strong {
	display:block;
	font-size:30px;
	font-weight:600;
	color:#2b6097;
	margin-bottom:25px;
	font-family:"Nanumsquare";
}
.mn-visual .bxslider li p > span {
	display:block;
	font-size:18px;
	line-height:24px;
	font-weight:600;
	color:#2b6097;
	font-family:"Nanumsquare";
}
.mn-visual .bxslider li p > span + span {
	margin-top:5px;
}
.mn-visual .bxslider li p .btn {
	background:transparent;
	position:absolute;
	bottom:30px;
	right:30px;
	font-weight:400;
}
.mn-visual .bxslider li p .btn:hover {
	background:rgba(0,58,121,.1);
}
.mn-visual .bx-controls {
	text-align:center;
	z-index:100;
	padding-top:14px;
}
.mn-visual .bx-controls .bx-controls-direction {
	display:none;
}
.mn-visual .bx-controls .bx-pager-item {
	display:inline-block;
	width:14px;
	height:14px;
	margin:0 7px;
}
.mn-visual .bx-controls .bx-pager-item a {
	display:block;
	width:10px;
	height:10px;
	text-indent:-999px;
	overflow:hidden;
	border-radius:50%;
	border:2px solid #2b6097;
	-webkit-transition:all .5s;
	transition:all .5s;
}
.mn-visual .bx-controls .bx-pager-item a:hover {
	background:rgba(0,58,121,.3);
}
.mn-visual .bx-controls .bx-pager-item a.active:hover, 
.mn-visual .bx-controls .bx-pager-item a.active {
	background:#2b6097;
}
.mn-visual .memcomp {
	position:absolute;
	top:0;
	right:50%;
	margin-right:-550px;
	background:rgba(0,0,0,.3);
	width:134px;
	height:100%;
	text-align:center;
	z-index:100;
	padding:30px 0;
	box-sizing:border-box;
}
.mn-visual .memcomp li a {
	display:block;
	height:100px;
	padding-top:8px;
	box-sizing:border-box;
	color:#fff;
	font-size:15px;
}
.mn-visual .memcomp li a:hover,
.mn-visual .memcomp li a:focus {
	background:rgba(0,0,0,.3);
}
.mn-visual .memcomp li a img {
	display:block;
	margin:0 auto 10px;
}
.mn-row { 
	overflow:hidden; 
	clear:both;
	padding-top:60px;
}
.mn-row:nth-of-type(2n) {
	padding-top:30px;
}
.mn-row h3 {
	display:block;	
    color: #2b6097;
    font-weight: 600;
    font-size: 18px;
    height: 60px;
    line-height: 59px;
    box-sizing: border-box;
    text-align: center;
	font-family:"nanumsquare";
    border-bottom: 1px solid #ced9e5;
}
.mn-row a.mn-more {
	overflow:hidden;
	position:absolute;
	-webkit-transition:all .5s;
	transition:all .5s;
	top:9px;
	right:20px;
	height:41px;
	width:41px;
	text-indent:-999px;
	border-radius:50%;
}
.mn-row a.mn-more:hover {
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);
}
.mn-row a.mn-more:before {
	content:"";
	width:13px;
	height:3px;
	background:#1585ff;
	position:absolute;
	left:14px;
	top:19px;
}
.mn-row a.mn-more:after {
	content:"";
	width:3px;
	height:13px;
	background:#1585ff;
	position:absolute;
	left:19px;
	top:14px;
}
.mn-fl { 
	float:left;
	clear:left;
	width:75%;
}
.mn-fr {
	float:right;
	clear:right;
	width:25%;
}
/* mn-board */
.mn-board {
	border:1px solid #dcdcdc;
	padding:0 30px 30px 30px;
	box-sizing:border-box;
	width:32%;
	float:left;
	position:relative;
}
.mn-board + .mn-board { margin-left:2%; }
.mn-board ul {
	padding-top:15px;
}
.mn-board ul li {
	padding-top:3px;
	line-height:21px;
	box-sizing:border-box;
	white-space:nowrap;
	overflow:hidden;
	font-size:15px;
	font-weight:400;
}
.mn-board ul li + li { margin-top:6px; }
.mn-board ul li a {
	color:#555;
	display:inline-block;
	vertical-align:middle;
	box-sizing:border-box;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	height:21px;
	max-width:100%;
}
.mn-board ul li a:hover,
.mn-board ul li a:focus {
	border-bottom:1px solid #777;
}
.mn-board ul li time {
	color:#777;
	display:block;
	margin-top:3px;
}

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

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

/* join */
.join-terms > p { 
	margin-bottom:20px; 
	font-size:15px;
}
.terms-txt { 
	padding:20px;
	height:220px;
	overflow-y:scroll;
	white-space:pre-wrap;
	border:1px solid #dddddd; 
	font-size:15px;
}
.terms-agree {
	margin-top:10px;
	font-weight:400;
}
.terms-agree label + label { margin-top:10px; }

.border-box { 
	margin-top:40px;
	border:1px solid #dcdcdc;
	padding:15px 30px;
}
.terms-quick {
	background:#f9f9f9;
	border:1px solid #dcdcdc;
	padding:20px 30px;
	font-size:15px;
	margin-top:40px;
}
.terms-quick.col3 {
    -moz-column-count: 3;
    -moz-column-gap: 50px;
    -webkit-column-count: 3;
    -webkit-column-gap: 50px;
    column-count: 3;
    column-gap: 50px;
}

.terms-quick dt,
.terms-quick dd { margin:3px 0; }
.terms-quick dt a{
	color:#000;
	font-weight:400;
	line-height:24px;
	margin:3px 0 3px;
}
.terms-quick dd + dt {
	margin-top:35px;
}
.terms-quick dd a{
	color:#555;
	font-weight:400;
	line-height:24px;
}
.terms-quick a:hover {
	border-bottom:1px solid #555;
}
.message {
	background:url(../../images/forum/sub/img_mem.jpg) right 0 no-repeat #2b6097;
	height:177px;
	margin-top:70px;
	margin-bottom:50px;
}
.message p { 
	color:#fff; 
	font-size:1.538em;
	line-height:1.6em;
	font-family:'Nanum Myeongjo', "NanumMyeongjo", "나눔 명조";
	padding-left:30px;
	padding-top:53px;
}
.message ~ p { 
	font-size:1.154em;
	line-height:1.9em;
}
.message ~ p.ar { padding-right:0 }
.message ~ p .ceo {
	font-size:1.429em;
	margin-left:20px;
	font-family:'Nanum Myeongjo', "NanumMyeongjo", "나눔 명조";
} 
.mem-desc { 
	border:1px solid #dcdcdc;
	padding:30px 30px 30px 127px;
	position:relative;
}
.mem-desc:before {
	content:"";
	position:absolute;
	width:58px;
	height:58px;
	background:url("../../images/forum/common/ico_mem.svg") 0 0 no-repeat;
	left:40px;
	top:30px;
} 
.mem-desc strong {
	font-size:23px;
	color:#2b6097;
	font-family:"nanumsquare";
	font-weight:600;
	display:block;
}
.mem-desc p {
	margin-top:12px;
	color:#555;
	font-size:15px;
	font-weight:400;
}
.policy { margin-top:60px; }
.policy p,
.policy ol {
	font-size:17px;
	line-height:1.9em;
}
.policy p.dep,
.policy ol ol {
	padding-left:20px;
}
.policy h5 {
	font-size:22px;
	margin-top:30px;
	margin-bottom:8px;
	font-weight:400;
	color:#000;
	font-family:"Noto Sans KR";
}
.policy h6 {
	font-size:17px;
	margin-top:30px;
	margin-bottom:8px;
	font-weight:400;
	color:#555;
}
.policy h4 + h5 { margin-top:10px; }
.policy .btn {
	width:auto;
	margin-top:50px;
}
.policy .btn-cont {
	margin-top:20px;
}
.policy .btn-cont .btn {
	margin-top:0;
	width:380px;
}
.policy .box {
	padding:20px;
	border:1px dashed #ddd;
	background:#fcfcfc;	
	margin-top:10px;
}
.policy .box h6 {
	margin-top:0;
}

/* 조직도 */
.organization {
	text-align:center;
	margin-top:60px;
}
.organization .o1 {	
	border:1px solid #2b6097;
	width:300px;
	margin:0 auto;
	position:relative;
}
.organization .o2 {	
	font-size:0;
	line-height:0;
	margin-top:120px;
	position:relative;
}
.organization .o2 li {
	border:1px solid #2b6097;
	display:inline-block;
	width:19%;
	box-sizing:border-box;
	font-size:17px;
	line-height:1.769em;
	vertical-align:top;
	position:relative;
}
.organization .o2 li + li { 
	margin-left:1.25%;
}
.organization .o1 strong ,
.organization .o2 strong {
	display:block;
	padding:10px;
	background:rgba(12,105,208,.1);	
}
.organization .o1 em,
.organization .o2 em {
	display:block;
	padding-top:10px;
} 
.organization .o1 span,
.organization .o2 span {
	display:block;
	padding-bottom:10px;
}

.organization div[class^="o1-"],
.organization div[class^="o2-"]  {
	position:absolute;
	border:1px solid #aaa;
	background:#f5f5f5;
	width:160px;
	padding:15px 0;
	box-sizing:border-box;
}
.organization .o1 > div.o1-left {
	left:-200px;
	top:50%;
	margin-top:-30px;
}
.organization .o1 > div.o1-right {
	right:-200px;
	top:50%;
	margin-top:-30px;
}
.organization .o1 > div.o1-right-bottom {
	right:-200px;
	bottom:-80px;
}
.organization .o2 li > div.o2-bottom {
	bottom:-82px;
	left:50%;
	margin-left:-80px;
}

/* 조직도 라인 */
.organization .o1:before,
.organization .o2:before,
.organization .o2 li:before,
.organization div[class^="o1-"]:before,
.organization div[class^="o2-"]:before {
	content:'';
	position:absolute;
	background:#aaa;	
}
.organization .o1:before {
	height:100px;
	width:1px;
	left:50%;
	top:100%;
}
.organization .o2:before {
	height:1px;
	left:9.5%;
	right:9.5%;
	top:-21px;
}
.organization .o2 li:before {
	height:20px;
	width:1px;
	left:50%;
	top:-21px;
}
.organization .o1 > div.o1-left:before {
	width:40px;
	height:1px;
	top:30px;
	left:100%;
}
.organization .o1 > div.o1-right:before {
	width:40px;
	height:1px;
	top:30px;
	right:100%;
}
.organization .o1 > div.o1-right-bottom:before {
	width:190px;
	height:1px;
	top:30px;
	right:100%;
}
.organization .o2 li > div.o2-bottom:before {
	height:20px;
	width:1px;
	left:50%;
	top:-21px;
}

a.go-top {
	position:fixed;
	width:60px;
	height:60px;
	box-sizing:border-box;
	border:1px solid #dcdcdc;
	background:#fff;
	bottom:60px;
	right:50%;
	margin-right:-630px;
	text-align:center;
	font-size:12px;
	color:#000;
	font-weight:400;
}
a.go-top:before {
	content:"";
	display:block;
	margin:18px auto -5px;
	width:10px;
	height:10px;
	border-top:2px solid #aaa;
	border-left:2px solid #aaa;
	border-right:2px solid transparent;
	border-bottom:2px solid transparent;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}

/* 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:#2b6097;
}
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 #2b6097;
	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:#2b6097;
}
.layerPopup .pop-header h1:after {
	content:"";
	height:2px;
	width:53px;
	display:block;
	margin:20px auto 0;
	background:#2b6097;
}
.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; 
}

.layerPopup .pop-login p.pop-comment { margin-top:40px;margin-bottom:-15px;font-weight:300; }

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

.pop-login input[type="text"]:hover,
.pop-login input[type="text"]:focus,
.pop-login input[type="password"]:hover,
.pop-login input[type="password"]:focus,
.pop-login input[type="tel"]:hover,
.pop-login input[type="tel"]:focus {
	border:1px solid #1298ff;
	background:#fff;
	color:#000;
}
.pop-login .btn {
	width:100%;height:50px;
	line-height:48px;
	margin-top:15px;
	font-size:20px;
}

.btn-lnk {
	margin-top:40px;
}
.btn-lnk a { 
	display:inline-block;
	*zoom:1;
	*display:inline;
	border-bottom:1px solid #8b8b8b;
	line-height:2em;
	font-size:14px;
}
.btn-lnk a ~ a {
	margin-top:10px;
}
.btn-lnk a:hover { 
	color:#2b6097;
	border-color:#2b6097;	
}
.pop-login > p {
	margin-top:50px;
	font-size:14px;
	font-weight:500;
}
.pop-login.pop-idpw label {
	position:relative;
	display:block;
	height:0;
	font-size:15px;
	top:2px;
	left:11px;
	line-height:42px;
	color:#999;
}
.pop-login.pop-idpw label + input { padding-left:150px; }

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

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

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

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

.popup .pop-body h2.center {
	text-align:center;
	font-size:1.8em;
}

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

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


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

/* footer */
.site-footer { 
	clear:both;
	width:100%;
	padding-bottom:30px;
	color:#fff;
	background:#696971;
}
.site-footer .footer-primary {
	background:#696971;
	border-bottom:1px solid rgba(255,255,255,.5);
	height:70px;
}
.site-footer .wrap{
	width:1100px;
	min-width:320px;
	box-sizing:border-box;
	margin:0 auto;
	position:relative;
}
.site-mn .site-footer .wrap {
	width:1100px;
}
.footer-primary .wrap {
	height:70px;
}
.footer-primary .logo {
	background:url('../../images/forum/layout/logo_white.png') 0 bottom no-repeat;	 
	width:100px;
	height:34px;
	display:block;
	float:left;
	text-indent:-999px;
	margin-top:15px;
}
.footer-primary p {
	color:#fff;
	font-weight:400;
	font-size:1.231em;
	line-height:1.250em;
	padding-top:25px;
	display:inline-block;
	margin-right:20px;
}
.footer-primary p cite {
	color:#b4b4b8;
	margin-right:8px;
	font-weight:400;
	font-size:22px;
	vertical-align:baseline;
	position:relative;
	top:-2px;
}
.footer-primary p strong {
	font-size:30px;
	font-weight:300;
	font-family:"Myriad Pro";
	vertical-align:baseline;
}
.footer-primary p span {
	color:#b4b4b8;
	margin-left:10px;
	vertical-align:baseline;
	position:relative;
	top:-2px;
}

.site-footer .go-site {
	position:absolute;
	box-sizing:border-box;
	right:41px;
	top:15px;
	width:200px;
	height:40px;
	border:1px solid rgba(255,255,255,.5);
	color:#fff;
}
.site-footer .go-site dt {	
	padding-left:9px;
	line-height:39px;
}

.site-footer .go-site dt:before {
	content:"";
	position:absolute;
	width:40px;
	height:39px;
	background:url('../../images/forum/layout/select_arr.png') center center no-repeat;
	top:0;
	right:0;
}
.site-footer .go-site dt:after {
	content:"GO";
	position:absolute;
	width:40px;
	height:38px;
	top:-1px;
	right:-41px;
	border:1px solid rgba(255,255,255,.5);
	border-left:0;
	text-align:center;
	font-size:12px;
}
.site-footer .go-site dd {
	position:absolute;
	width:100%;
	background:#5f5f67;
	border:1px solid rgba(255,255,255,.5);
	top:100%;
	left:-1px;
	padding:8px 0;
	z-index:1;
	opacity:0;
	display:none;
}
.site-footer .go-site:hover dd {
	opacity:1;
	display:block;
}
.site-footer .go-site dd a {
	display:block;
	color:#fff;
	padding-left:10px;
	line-height:1.8em;
}
.site-footer .go-site dd a:hover,
.site-footer .go-site dd a:focus {
	background:#6e7985;
}
.site-footer address {
	margin-top:42px;
	font-size:15px;
	line-height:1.929em;
	white-space:pre;
	opacity:.6;
}
.site-footer .copyright {
	font-size:13px;
	margin-top:30px;
	opacity:.5;
}

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

/* 2019-07-18 제 2차 건강기능식품학술 세미나 팝업 */
.seminar { 
	font-size:17px;
	line-height:24px;
	color:#333; 
	width:1080px;
}
.seminar header {
	background:url("../../images/forum/seminar/header_bg.png") right 10px no-repeat #2b6097;
	box-sizing:border-box;
	height:300px;
	padding:70px 60px 0;
}
.seminar header h1 {
	font-size:28px;
	color:#96d7f9;
	font-weight:bold;
	font-family:"nanumsquare";
	margin-bottom:20px;
}
.seminar header h2 {
	font-size:48px;
	line-height:60px;
	color:#fff;
	font-weight:bold;
	font-family:"nanumsquare";
}
.seminar main {
	padding:0 60px;
}
.seminar main section {
	padding-top:50px;
	position:relative;
}
.seminar main section h3 {
	color:#2b6097;
	font-size:24px;
	line-height:26px;
	font-family:"nanumsquare";
	margin-bottom:15px;
}
.seminar main section h3 ~ h3 { margin-top:50px; }
.seminar main section h3:before {
	content:'';
	display:inline-block;
	width:5px;
	height:22px;
	background:#2b6097;
	margin-right:15px;
	vertical-align:middle;
}
.seminar footer {
	text-align:center;
	padding:50px 60px 40px;
	border-bottom:10px solid #2b6097;
}
.seminar a.btn.spot { 
	background:#017dc0 !important;
	border-color:#017dc0 !important;
	color:#fff !important;
}
.seminar a.btn.spot:hover { 
	background:#106bce !important;
	border-color:#106bce !important;
	color:#fff !important;
}

/* 소개화면 : 개요 */
section.smn-outline {}
section.smn-outline ul {}
section.smn-outline ul li {
	font-size:18px;
	display:inline-block;
	width:450px;
	margin-bottom:4px; 
}
section.smn-outline ul li strong { 
	color:#333;
	font-weight:500;
	margin-right:5px;
}
section.smn-outline ul li span { 
	font-weight:300; 
}

/* 소개화면 : 프로그램 */
section.smn-program {}
section.smn-program thead th { 
	font-size:18px;
	color:#fff;
	font-weight:500; 
	background:#2b6097;
	border-right:1px solid #fff;
}
section.smn-program tbody tr:hover th { background:#f9f9f9 !important; }
section.smn-program tbody tr:hover td { background:#ffffff !important; }
section.smn-program tbody th,
section.smn-program tbody td {
	font-weight:400;
	border-right:1px solid #e5e5e5;
	font-size:17px !important;
	vertical-align:middle !important;
}
section.smn-program th:last-child,
section.smn-program td:last-child { border-right:0; }
section.smn-program td strong { color:#333;font-weight:400; }

/* 소개화면 : 참가등록 */
section.smn-regist .list-type1 li { font-size:17px; }
section.smn-regist .list-type1 strong { 
	margin-right:15px;
}
section.smn-regist a.btn {
	position:absolute;
	right:0;
	bottom:0;
	height:84px;
	line-height:84px; 
	font-size:20px;
	width:210px;
	border:0;
}
section.smn-regist a.btn::before {
	content: '';
	position: absolute;
	z-index: -2;
	left: -50px;
	top: -100px;
	width: 300px;
	height: 300px;
	background-color: #017dc0;
	background-repeat: no-repeat;
	background-size: 50% 50%, 50% 50%;
	background-position: 0 0, 100% 0, 100% 100%, 0 100%;
	background-image: linear-gradient(#017dc0, #fff), linear-gradient(#017dc0, #ffffff), linear-gradient(#ffffff, #017dc0), linear-gradient(#ffffff, #017dc0);
	animation: rotate 2s linear infinite;
}	
section.smn-regist a.btn::after {
	content: '';
	position: absolute;
	z-index: -1;
	left: 2px;
	top: 2px;
	width: calc(100% - 8px);
	height: calc(100% - 8px);
	background: #017dc0;
	border:2px solid #fff;
}
@keyframes rotate {
	100% { transform: rotate(1turn); }
}

/* 소개화면 : 첨부파일 */
section.smn-file a.btn {
	position:absolute;
	right:0;
	bottom:0;
	width:210px;
}


/* 참가등록 신청서 */
.seminar .tit h1 { 
	text-align:center; 
	font-size:32px;
	font-family:"nanumsquare";
	margin-top:50px;
}
.seminar .tit p {
	text-align:center;
	margin-top:15px;
}

/* 참가등록 신청서 : 참가자 정보 */
.smn-info td .datepicker {
	width:215px !important;
}

/* 참가등록 신청서 : 개인정보 수집 */
.smn-terms .policy {
	background:#f9f9f9;
	border:1px solid #e5e5e5;
	padding:20px;
	margin-top:0;	
}
.smn-terms .policy p,
.smn-terms .policy ol {font-size:15px;}
.smn-terms .policy h5 { font-size:18px; }
.smn-terms .agree {
	margin-top:20px;
	text-align:center;
}
.smn-btn-cont{
	text-align:center;
	margin:50px 0 0;
}
.smn-btn-cont a.btn {
	position:relative;
	height:60px;
	line-height:60px; 
	font-size:20px;
	width:210px;
	border:0;
}

/* 행사장 안내 */
.seminar .btn-cont { padding-right:60px; }
.seminar .tit p.txt-lg {
	font-size:24px;
	font-family:"nanummyeongjo";
	margin-top:30px; a
}

.smn-map img { display:block;outline:1px solid rgba(0,0,0,.2); }