@charset "EUC-KR";
@import url("layout.css");     /* layout css*/

/* ±âº» left Á¤·Ä */

html{overflow-y:scroll;}

body { margin:0 0 0 0;padding:0; }

form, td, div, span, ul, li, dl, dt, dd, textarea, h2, h3 {
	margin:0px;  padding:0px; word-break: keep-all; word-break: break-all;
}
body, table, th, td { font-size:14px; color:#333333;line-height:18pt; font-family:Gulim,GulimChe,verdana;}


body {   scrollbar-arrow-color: #FFF;
	scrollbar-face-color: #DBDBDB;
	scrollbar-highlight-color: #C6C6C6;
	scrollbar-3dlight-color: #F4F4F4;
	scrollbar-shadow-color: #C6C6C6;
	scrollbar-darkshadow-color: #F4F4F4;
	scrollbar-track-color: #F4F4F4;

}
table { border-spacing: 0;  border-collapse: collapse; }
img, fieldset { border:0px; }
legend { display: none; }

a {selector-dummy:expression(this.hideFocus=true);}
a.main:link { text-decoration: none; color: #757575; }
a.main:visited { text-decoration: none; color: #757575; }
a.main:active { text-decoration: none; color: #FF8C00; }
a.main:hover {  text-decoration:underline; color:#FF8C00; }

a:link { text-decoration: none; color: #333333; }
a:visited { text-decoration: none; color: #333333; }
a:active { text-decoration: none; color: #FF8C00; }
a:hover {  text-decoration:underline; color:#FF8C00; }

select { margin-bottom:-1px; font-size:12px;}
input.mg1 { margin-bottom:-1px; }
input.mg2 { margin-bottom:-2px; }
input { border-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-color: #C3C3C3;
					background-color:#ffffff; height:16px; font-size:12px; font-family:Gulim,GulimChe,verdana; width:98%;}
input.box02 { border:1px solid #cbcbcb; background-color:#FFFFFF; height:15px; font-size:12px; font-family:Gulim,GulimChe,verdana; }
input.box03 { border-width: 1px; border-top-style: solid; border-right-style: none; border-bottom-style: none; border-left-style: solid; border-color: #a3a3a6;
					background-color:#cdcdce; height:16px; font-size:12px; font-family:Gulim,GulimChe,verdana; color:#333333; }
input.nobox { border:0px; width: 50px; height:21px;}
input.nobox2 { border:0px; width: 95px; height:25px;}
input.nobox3 { border:0px; width: 49px; height:43px;}
input.nobox4 { border:0px; width: 81px; height:51px;}
input.nobox5{ border:0px; width: 81px; height:51px; padding-top:0px;}
input.member { border:0px; width: 67px; height:67px;background-color:#ffffff;}
input.login { BORDER-RIGHT: #CEDFF3 1px solid; BORDER-TOP: #CEDFF3 1px solid; BORDER-LEFT: #CEDFF3 1px solid; BORDER-BOTTOM: #CEDFF3 1px solid;
					background-color:#F0F5FA; width: 80px; height:15px; font-size:12px; font-family:Gulim,GulimChe,verdana; color:#333333; }
textarea { border:1px solid #C3C3C3; background-color:#ffffff; font-size:12px; font-family:Gulim,GulimChe,verdana; width:98%;line-height:14pt;}
textarea.box02 { border:1px solid #d1d1d1; background-color:#FFFFFF; font-size:12px;line-height:14pt; font-family:Gulim,GulimChe,verdana; }


.radio { border:0px;background-color:#ffffff; width:18px;}
.checkbox { border:0px;background-color:#ffffff; width:18px;}
.checkbox2 { border:0px;background-color:#652A02; width:18px;}

.blank { padding:0px; margin:0px; border-right:0px;}
ul,ol {list-style:none; padding: 0px; margin: 0px;}
ol li, ul li { display: inline; padding: 0px; margin: 0px;}


.border {border: 1px #000000 outset}
.hid {visibility: hidden;font-size:0; width:0;height:0;line-height:0; overflow:hidden;}


/* Table */
.tablebox				{clear:both; }
.tablebox	table		{border-top:1px solid #B2CFDC;border-left:1px solid #B2CFDC;text-align:center;}
.tablebox	td			{padding-top:4px;height:22px;border-right:1px solid #B2CFDC;border-bottom:1px solid #B2CFDC;  background:#fff;}
.tablebox	tr			{padding-top:4px;height:22px;border-right:1px solid #B2CFDC;border-bottom:1px solid #B2CFDC; }
.tablebox	td.tx		{background:#E8F0F5;}
.tablebox	td.tx2		{background:#F4F9FC;}



/* Content */

.content_topimg { 
	position: relative;
	width: 710px;
	height:14px;
	background: url(/wellingspring/images/view_linetop.gif) repeat-x;
}


.location {
	text-align: right;
	position: relative;
	font-size: 1em;
	margin-left:0px;
	width: 675px;
	height:26px;
	padding-left:0px;
	margin-top: 14px;
	margin-bottom: 25px;
	background: url(/wellingspring/images/title_bg.gif) repeat-x;
}

.location .home {
	padding-top: 4px;FONT-SIZE: 9pt; FONT-FAMILY:±¼¸²
}


/* ÀϹݺ»¹® ÆùÆ® */

.title {color: #ffffff; FONT-FAMILY:, µ¸¿ò;  font-weight:bold; FONT-SIZE: 13pt; text-decoration:none;line-height:14pt;}
.font {color: #333333; FONT-FAMILY:±¼¸², arial; FONT-SIZE: 9pt; text-decoration:none;line-height:14pt;}
.font10 {color: #333333; FONT-FAMILY:±¼¸², arial; FONT-SIZE: 10pt; text-decoration:none;line-height:14pt;}

.title_black {color: #000000; FONT-FAMILY:, µ¸¿ò;  font-weight:bold; FONT-SIZE: 13pt; text-decoration:none;line-height:14pt;}
.title1 {color: #1B3C9F; FONT-FAMILY:, µ¸¿ò;  font-weight:bold; FONT-SIZE: 18pt; text-decoration:none;line-height:20pt;}
.title2 {color: #000000; FONT-FAMILY:, µ¸¿ò;  font-weight:bold; FONT-SIZE: 12pt; text-decoration:none;line-height:15pt;}
.stitle {color: #494949; FONT-FAMILY:, µ¸¿ò;  font-weight:bold; FONT-SIZE: 11pt; text-decoration:none;line-height:14pt;}
.b_no {color: #000000; FONT-FAMILY:, ±¼¸²; FONT-SIZE: 9pt; text-decoration:none;}
.b_title {color: #000000; FONT-FAMILY:, ±¼¸²;  FONT-SIZE: 9pt; text-decoration:none;}
.b_name {color: #2663AF; FONT-FAMILY:, ±¼¸²; FONT-SIZE: 9pt; text-decoration:none;}
.b_origin {color: #62361B; FONT-FAMILY:, ±¼¸²; FONT-SIZE: 9pt; text-decoration:none;}
.b_date {color: #707070; FONT-FAMILY:, ±¼¸²; FONT-SIZE: 9pt; text-decoration:none;}
.b_date2 {color: #707070; FONT-FAMILY:, ±¼¸²; FONT-SIZE: 10pt; text-decoration:none;}
.b_hit {color: #E55100; FONT-FAMILY:, ±¼¸²;  FONT-SIZE: 9pt; text-decoration:none;}
.b_comment {color: #8B290A; FONT-FAMILY:, ±¼¸²;  FONT-SIZE: 9pt; text-decoration:none;}

.me_name {color: #006699; FONT-FAMILY:, ±¼¸²; FONT-SIZE: 10pt; font-weight:bold; text-decoration:none;}
.me_date {color: #707070; FONT-FAMILY:, ±¼¸²; FONT-SIZE: 9pt; text-decoration:none;}
.me_view {color: #333333; FONT-FAMILY:, ±¼¸²; FONT-SIZE: 10pt; text-decoration:none;line-height:15pt;}

.font_green {color: #1A7811; FONT-FAMILY:, ±¼¸²;  font-weight:bold; text-decoration:none;}
.font_blue {color: #0047C8; FONT-FAMILY:, ±¼¸²;  text-decoration:none;}
.font_blueb {color: #0047C8; FONT-FAMILY:, ±¼¸²; font-weight:bold;  text-decoration:none;}
.font_red {color: #B32600; FONT-FAMILY:, ±¼¸²;  text-decoration:none;}
.font_day {color: #333333; FONT-FAMILY:, ±¼¸²; FONT-SIZE: 9pt; text-decoration:none;line-height:14pt;}

.frm_font { 
	background: url(/wellingspring/images/arrow.gif) no-repeat 0.2em 0.8em;
	padding-left: 12px;
	 FONT-SIZE: 11pt;
	display: inline;
	font-weight: normal;
	color: #234792; 
	}

.frm_font2 { 
	background: url(/wellingspring/images/arrow.gif) no-repeat 0.2em 1.3em;
	padding-left: 12px;
	 FONT-SIZE: 11pt;
	display: inline;
	font-weight: normal;
	color: #234792; 
	}


.topic {color: #A00101; FONT-FAMILY:, arial; FONT-SIZE: 11pt; text-decoration:none;line-height:11pt;}

.today_title {color: #ffffff; FONT-FAMILY:, µ¸¿ò;  font-weight:bold; FONT-SIZE: 11pt; text-decoration:none;line-height:14pt;}



.title_1 {color: #000000; FONT-FAMILY:"µ¸¿ò, aria"; FONT-SIZE: 11pt; letter-spacing:"-1"; font-weight:bold;  text-decoration:none;line-height:14pt;}
.title_2 {color: #0267CF; FONT-FAMILY:"µ¸¿ò, aria"; FONT-SIZE: 11pt; text-decoration:none;line-height:14pt;}
.title_com {color: #0267CF; FONT-FAMILY:"µ¸¿ò, aria"; FONT-SIZE: 11pt; font-weight:bold;  text-decoration:none;line-height:14pt;}


/*°¶·¯¸® ¼­Ã¼*/
.ga_title {color: #000000; FONT-FAMILY:, µ¸¿ò;  font-weight:bold; FONT-SIZE: 13pt; text-decoration:none;line-height:17pt;}
.ga_title2 {color: #C5C5C5; FONT-FAMILY:, µ¸¿ò;  font-weight:bold; FONT-SIZE: 11pt; text-decoration:none;line-height:17pt;}
.ga_contents {color: #000000; FONT-FAMILY:, ±¼¸²;  FONT-SIZE: 10pt; text-decoration:none;line-height:15pt;}

/* ŸÀÌƲ depth */
h1 {  padding-bottom:20px; margin:0px;}

	h2 { background:url(/wellingspring/images/ball_stitle.gif) 0px 0px no-repeat; padding-left:28px; padding-bottom:17px; margin:0px;position:relative;clear:both; }
		.img{ margin:0px; padding:0px; text-align:center;}
		.img_l{ margin:0px; padding:0px; text-align:left;}
		.img_r{ float:right; margin:0px; padding:0px;position:relative;clear:both;}

		h2 span{ display:none; margin:0px; padding:0px; }
		h2.txt{ font-size:10px; word-break: keep-all;}
		p.txt_h2 { font-size: 10px; line-height: 16px; margin: 8px 0 0 0; padding: 0 0 0 21px; word-break: keep-all;}

/* 
	h3 { background:url(/wellingspring/images/ball_sstitle.gif) 0px 0px no-repeat; padding-left:28px; padding-bottom:17px; margin:0px;position:relative;clear:both; }
		h3.txt { font-size:12px; font-weight:normal; word-break: keep-all;}
		p.txt_h3 { font-size: 12px; line-height: 16px; margin: 11px 0 0 17px; padding-left: 15px; word-break: keep-all;}

	h4 { padding: 10em 0 0 10em; height:40px; background: url(/wellingspring/images/mg_title_bg.gif) 0px 0px no-repeat; word-break: keep-all;}
		h4.p {font-size: 12px; font-weight: normal; line-height: 16px; margin: 8px 0 0 0; padding: 0 0 0 21px; word-break: keep-all;}
 */

	ul.list_h2 { padding-top: 1px; }
		ul.list_h2 li { display: block; font-size: 12px; line-height: 16px; margin: 7px 0 0 16px; padding-left: 15px; background: url(/wellingspring/images/common/bu/depth_h3.gif) left 2px no-repeat; word-break: keep-all;}

	ul.list_h3 { padding-top: 9px; }
		ul.list_h3 li { display: block; font-size: 12px; line-height: 16px; margin: 2px 0 0 17px; padding-left: 15px; background: url(/wellingspring/images/common/bu/depth_h4.gif) left 2px no-repeat; word-break: keep-all;}

	ul.list_h4 { padding-top: 6px; background-color:#ffffff;}
		ul.list_h4 li { display: block; font-size: 12px; margin: 0 0 0 10px; background: url(/wellingspring/images/line.gif) left 4px repeat-x; padding: 1.3em 0em 1em; word-break: keep-all;}

	div.nontext { margin-top: 4px; padding-left: 16px; word-break: keep-all;}
	span.pointColor { color: #E34B27; }


	h5 { 
	background: url(/wellingspring/images/ball2.gif) no-repeat 0.6em 0.1em;
	padding-left: 20px;
	display: inline;
	font-weight: normal;
	color: #3F4D6A; 
	}



	.line { width: 675px; height: 1px; background:url(/wellingspring/images/line.gif) repeat-x;margin-top:18px;padding-bottom:11px; }


/* left */
.left_bg {
	width: 170px;
	padding: 0px 0px 2px 0px;
}

/* left_banner */
#left_banner {float:left; margin:0; padding:0; z-index:5; background: #eee;}
#left_banner #gotop {margin-left:0px;}


/* height ¿©¹é */
.sp5 { height: 5px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp10 { height: 10px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp15 { height: 15px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp20 { height: 20px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp25 { height: 25px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp30 { height: 30px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp35 { height: 35px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp40 { height: 40px; width:1px; font-size: 0; line-height: 0; clear:both; }


/* bbs */
.bbs_title{ font-size:12px; color:#0459AF;line-height:14pt;}
.bbs_name{ font-size:12px; color:#000000;line-height:14pt;}
.bbs_date{ font-size:12px; color:#C31D1E;line-height:14pt;}
.bbs_hit{ font-size:9px; color:#0057A9;line-height:14pt;}




/* .frame02 {display:flex; height:110px; width:278px;}
.frame02 div { display:flex; flex:1; height:100%; min-height:110px; position:relative;  transition:all 0.5s ease-in-out; cursor:pointer; border-right:1px dotted #ddd;}
.frame02 div:last-child {border-right:none;}
.frame02 div.active {flex-grow: 5;}
.frame02 div.active > img {opacity:1;}
.frame02 div.active > p {opacity: 0;}


.frame02 div p {color:royalblue; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%);}

.frame02 div img {opacity:0; width:100%; height:100%; vertical-align:top;} */
.frame02 {display:flex; height:110px; width:278px;}
.frame02 div  { display:flex; flex:1; height:100%; min-height:110px; position:relative;  transition:all 0.5s ease-in-out; cursor:pointer; border-right:1px dashed #c5c5c5;}
.frame02 div:last-child {border-right:none;}
.frame02 div.active {flex-grow: 5;}
.frame02 div.active img {opacity:1;}
.frame02 div.active p {opacity: 0;}


.frame02 div p {color:royalblue; position: absolute; left:50%; top:-6%; transform: translateX(-50%); font-size:13px; font-weight:bold;}

.frame02 div img {opacity:0; width:100%; height:100%; vertical-align:top;}