/*공통*/

.t_1{font-size:1.4em; padding:10px;}
.t_2{font-size:1.2em; color:#1f51ad; padding:0 10px;}
.t_3{font-size:1.0em; }
.t_4{font-size:18px; color:#ffffff; }




.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}



/* common */
._button { text-align: center; padding-top: 20px; }


a.btnType1 {  padding-left: 20px; margin-right: 5px; padding-top: 8px; padding-bottom: 8px; }
a.btnType1 span {  padding-right: 30px; color: #FFF; padding-top: 8px; padding-bottom: 8px; letter-spacing: -1px; word-spacing: -1px; font-size: 12px; }
a.btnType2 {  padding-left: 20px; margin-right: 5px; padding-top: 8px; padding-bottom: 8px; }
a.btnType2 span {  padding-right: 30px; color: #FFF; padding-top: 8px; padding-bottom: 8px; letter-spacing: -1px; word-spacing: -1px; font-size: 12px; }

.tableType,.tableType th,.tableType td{border:0}
.tableType{width:100%;border-bottom:2px solid #dcdcdc;text-align:center;border-collapse:collapse}
.tableType caption{display:none}
.tableType tfoot{background-color:#f5f7f9;font-weight:bold}
.tableType th{padding:5px;border-top:2px solid #dcdcdc;border-right:1px solid #dcdcdc;border-left:1px solid #dcdcdc;background-color:#f5f7f9;color:#666;font-size:0.8em;font-weight:bold}
.tableType td{padding:5px;border:1px solid #e5e5e5;color:#4c4c4c}
.tableType td.txt{ text-align:left; padding-left: 5px; }


#contents h2 { color: #1C6DAF; margin-bottom:10px; }
#contents .desc_h2 { overflow: auto; padding: 20px; border: 1px solid #F3F3F3;  margin-top: 10px; }
#contents .desc_h2 .logo { float: left; margin-right: 30px; margin-bottom: 10px; }
#contents .desc_h2 .writer { padding: 10px; float: right; font-weight: bold; }

#contents .introBox { clear: both; }
#contents .introBox h2{ margin-bottom:10px;}
#contents .introBox .photo {  border: 1px dotted #EEE; text-align:center; }
#contents .introBox .photo2 { text-align:center; }
#contents .introBox .photo2 img {max-width:100%;margin:0 auto;display:block; border: 1px dotted #EBEBEB; }
#contents .introBox .desc{ width:100%;margin-top:10px;}
#contents .introBox .desc p {font-size:0.9em;line-height:1.5;    color: #222;}
#contents .introBox .desc .writer{ text-align: right; padding-top: 5px; padding-right: 5px; }
#contents .introBox .desc .writer em{ font-weight: bold; color: #000; }
#contents .introBox.logo-help { padding:0;margin-top:20px; }
#contents .introBox.logo-help em { line-height:2em; font-weight: bold; }


dl.listBox { margin-top:0;}
dl.listBox dt { font-weight:bold;font-size:0.8em;line-height:1.5}
dl.listBox dd { padding:5px;font-size:0.8em;line-height:1.5}


dl.subBox { padding: 5px; line-height: 1.5em; margin: 0px; }
dl.subBox em { font-weight:bold; font-style:normal;  }
dl.subBox dt { color:#b22222; clear: both; width: 200px; letter-spacing: 0.3em; margin: 0px; padding: 0px; font-size:0.8em;line-height:1.5; }
dl.subBox dd { ; text-align: left; margin: 0px 0px 0px 0; padding: 0px 0px 0px 0; font-size:0.8em;line-height:1.5;}

dl.subBox2 { padding: 10px; line-height: 1.8em; }
dl.subBox2 dt { color:#b22222; clear: both; ; width: 120px; letter-spacing: 0.2em; font-weight: bold; font-size:0.8em;line-height:1.5;}
dl.subBox2 dd {  padding-left: 0; text-align: left;font-size:0.8em;line-height:1.5; }

dl.boxList01 { overflow: auto; }
dl.boxList01 dt { float: left; padding-right: 10px; }
dl.boxList01 dd { padding: 0 5px 5px; font-size:0.8em;line-height:1.5;}

ul.hList { }
ul.hList li { display: inline; }


ul.listtype1{  line-height: 1.8em; }
ul.listtype1 li { padding-left: 15px; background: url(/images/icn/bullet_04.png) no-repeat left 5px; }


.subBox_img {}
.subBox_img img {max-width: 100%;}
.subBox { padding:5px;}
.subBox01 { margin: 10px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; background-color: #f7f4f4;   line-height: 1.5em; }
.subBox02 { text-align: left; padding-top: 5px; padding-right: 15px; padding-bottom: 5px; padding-left: 15px; color: #000; }
.subBox03 { text-align: left; padding-top: 20px; padding-right: 15px; padding-bottom: 20px; padding-left: 15px; color: #000; background-color: #f1f1f1; overflow: auto; }
.subBox04 { background-color: #FFF; border: 1px solid #e8e9e9; padding: 10px; height: 150px; overflow: auto; }
.subBox05 { background-color: #f7f3ef; border: 1px solid #f0eee2; padding: 20px; overflow: auto; }
.subBox06 { background-color: #F9F9F9; border: 1px solid #CCC; padding: 10px; overflow: auto;}
.subBox07 {  padding: 20px; overflow: auto; line-height: 1.6em; text-align: justify; margin-top: 5px; margin-bottom: 15px; }
.subBox08 { background-color: #f7f3ef; border: 1px solid #f0eee2; overflow: auto; padding: 20px; line-height: 1.6em; }
.subBox09 { overflow: auto; padding: 30px; line-height: 1.6em; border-right: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; border-left: 1px solid #EEEEEE; }

.subBox02 p, .subBox03 p {font-size:0.8em;line-height:1.5;}


._mind { padding:20px 0; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #e8e9e9; background-color: #ffffff; }
.subside fieldset { }
.subside fieldset h3 { color:#474646; font-size: 1.1em; font-weight:normal; }
.subside fieldset p { font-size:11px; margin: 5px 0 35px 0; }
.subside fieldset .ft01{ color: #cc6666; }
.subside fieldset .ft02{color: #77b8cb;  }
.subside fieldset .ft03{ color: #8ab946; }

.btnLink1 { background-image: url(/angel/images/btn_report.png); height: 21px; width: 173px; background-repeat: repeat; background-position: left top; display: block; margin-top: 10px; }
.btnLink1 span { display:none; }
.AngelList { padding:30px; }
.AngelList h3 { font-size:13px; color:#474646; }
.AngelList h3 span { color:#e45d5d }
.AngelList ._desc { font-size:11px; letter-spacing: -1px; word-spacing: -1px; margin-bottom:10px; }
.AngelList span { }
.AngelList li { display: block; padding-top: 3px; padding-right: 5px; padding-bottom: 3px; padding-left: 5px; float: left; }






/* 테이블1 */

.board_list                  	{clear:both; border-collapse:collapse; width:100%; margin:0px; border-top:2px solid #595959;}
.board_list caption {position:relative; text-align:center; width:100%; font-size:19px; color:#0056C1; padding-top:10px; padding-bottom:7px;}
.board_list thead th            {padding:10px; background:#ebebeb; color:#353535; text-align:center; font-weight:bold; border-bottom:#ddd 1px solid; border-right:#ddd 1px solid;}
.board_list thead th.no         {border-right:#fff 1px solid;}

.board_list tbody th            {padding:10px; background:#ebebeb; color:#1f51ad; text-align:center; font-weight:bold; border-bottom:#ddd 1px solid; border-right:#ddd 1px solid;}
.board_list tbody th p          {color:#222222;font-size:0.8em;}

.board_list tbody td            {padding:10px; border-bottom:#ddd 1px solid; border-right:#ddd 1px solid; padding-left:15px; font-size:13px;}

.board_list tbody td.tit        {padding:10px; background:#ebebeb; color:#353535; text-align:center; font-weight:bold; border-bottom:#ddd 1px solid; border-right:#ddd 1px solid;}

.board_list tbody td.cen        {text-align:center;}

.board_list tbody td.bg         {background:#fdfdfd;}
.board_list tbody td.cen_bg     {text-align:center; background:#fdfdfd;}
.board_list tbody td.no_bg      {border-right:#fff 1px solid; background:#fdfdfd;}

.board_list tbody td.no         {border-right:#fff 1px solid;}
.board_list tbody td.no_cen     {border-right:#fff 1px solid; text-align:center;}
.board_list tbody td.no_cen_bg  {border-right:#fff 1px solid; text-align:center; background:#fdfdfd;}


.hand_wrap_text{}
.hand_text{
    font-family: 'Gochi Hand', cursive;
    font-size: 14pt;
    color: #68a3d9;
    display: inline-block;
}

.companyView {width:100%;margin-bottom:10px;}
.companyView img {max-width:100%;margin:0 auto;display:block;}

.company_img {text-align:center;margin-bottom:20px;}
.company_table{border-collapse:collapse;  width:100%; border-top:1px solid #fff; margin-bottom:100px;}
.company_table th{font-family:'Nanum Gothic'; text-align:left; padding:15px 0 15px 0; border-bottom:1px dotted #dcdcdc; border-right:#fff 1px solid;}
.company_table th span{font-family:'Nanum Gothic'; border-left:#028540 3px solid; font-size:15px; color:#222; text-align:left; padding-left:12px;}
.company_table td{font-family:'Nanum Gothic'; font-size:15px; color:#222; text-align:left; line-height:24px; padding:15px 15px 15px 20px; background:#FFF; border-bottom:1px dotted #dcdcdc; border-right:#fff 1px solid;}
.company_table td.no{border-right:#fff 1px solid;}



/*테이블2*/

.board_list2                  	{clear:both; border-collapse:collapse; width:100%; margin:0px; border-top:2px solid #bf40b9; float:left;}
.board_list2 thead th            {padding:10px; background:#ebebeb; color:#353535; text-align:center; font-weight:bold; border-bottom:#ddd 1px solid; border-right:#ddd 1px solid;}
.board_list2 thead th.no         {border-right:#fff 1px solid;}

.board_list2 tbody th            {padding:10px; background:#ff99cc; color:#ffffff; text-align:center; font-weight:bold; border-bottom:#ddd 1px solid; border-right:#ddd 1px solid;}

.board_list2 tbody td            {padding:10px; border-bottom:#ddd 1px solid; border-right:#ddd 1px solid;   text-align:center;}
.board_list2 tbody td.tit        {padding:10px; background:#ebebeb; color:#353535; text-align:center; font-weight:bold; border-bottom:#ddd 1px solid; border-right:#ddd 1px solid;}

.board_list2 tbody td.cen        {text-align:center;}

.board_list2 tbody td.bg         {background:#fdfdfd;}
.board_list2 tbody td.cen_bg     {text-align:center; background:#fdfdfd;}
.board_list2 tbody td.no_bg      {border-right:#fff 1px solid; background:#fdfdfd;}

.board_list2 tbody td.no         {border-right:#fff 1px solid;}
.board_list2 tbody td.no_cen     {border-right:#fff 1px solid; text-align:center;}
.board_list2 tbody td.no_cen_bg  {border-right:#fff 1px solid; text-align:center; background:#fdfdfd;}




/* 테이블3 */
.table_scrollx_wrap		{width:100%;overflow:auto;}
.board_list3                  	 {clear:both; border-collapse:collapse; width:640px; margin:0px; border-top:2px solid #595959;}
.board_list3 thead th            {padding:10px; background:#ebebeb; color:#353535; text-align:center; font-weight:bold; border-bottom:#ddd 1px solid; border-right:#ddd 1px solid;}
.board_list3 thead th.no         {border-right:#fff 1px solid;}
.board_list3 tbody th            {padding:10px; background:#ebebeb; color:#1f51ad; text-align:center; font-weight:bold; border-bottom:#ddd 1px solid; border-right:#ddd 1px solid;}
.board_list3 tbody th p          {color:#222222;font-size:0.8em;}
.board_list3 tbody td            {padding:10px; border-bottom:#ddd 1px solid; border-right:#ddd 1px solid; padding-left:15px; font-size:13px;}
.board_list3 tbody td.tit        {padding:10px; background:#ebebeb; color:#353535; text-align:center; font-weight:bold; border-bottom:#ddd 1px solid; border-right:#ddd 1px solid;}
.board_list3 tbody td.cen        {text-align:center;}
.board_list3 tbody td.bg         {background:#fdfdfd;}
.board_list3 tbody td.cen_bg     {text-align:center; background:#fdfdfd;}
.board_list3 tbody td.no_bg      {border-right:#fff 1px solid; background:#fdfdfd;}
.board_list3 tbody td.no         {border-right:#fff 1px solid;}
.board_list3 tbody td.no_cen     {border-right:#fff 1px solid; text-align:center;}
.board_list3 tbody td.no_cen_bg  {border-right:#fff 1px solid; text-align:center; background:#fdfdfd;}



/* 공간 */
	div.space5	{height:5px; clear:both;}
	div.space10	{height:10px; clear:both;}
	div.space15	{height:15px; clear:both;}
	div.space20	{height:20px; clear:both;}
	div.space30	{height:30px; clear:both;}

/* 점선라인 */
	.dotddd	{height:3px; background:url(../images/dot3ddd.gif) repeat-x;}
	.dotccc	{height:3px; background:url(../images/dot3ccc.gif) repeat-x;}
	.doteee	{height:3px; background:url(../images/dot3eee.gif) repeat-x;}

/*제품리스트*/
	.products_sum_wrap	{width:170; height:190px; text-align:center; float:left; display:inline; margin-right:20px;}
	.products_sum_img	{text-align:center;}
	.products_sum_img img	{border:9px #eee solid;}
	.products_sum_name	{text-align:center; padding-top:3px;}


/*타이틀*/
.tit_bg {width:200px; height:100px; background:url(../images/t_bg.png) no-repeat; color:#FFF;
font-size:24px; letter-spacing:-1px; line-height:123px; text-align:center; margin-right:50px; float:left;   clear:both;}

/*.cont{  float:left; font-size:15px; padding-top:30px; background:url(../images/sub_line.png) no-repeat; margin-bottom:50px;}*/
/*.cont2{  float:left; font-size:15px;  background:url(../images/sub_line.png) no-repeat; margin-bottom:50px;}*/

.b_tit{font-size: 20px;background: #b4d1e9;padding: 10px 10px 10px 15px;margin-top: 15px;font-weight: bold;clear: both;}
.tit{font-size:18px; padding-top:10px; color:#042784;}
.tit img {margin-right:10px; }
.cont {padding-top:10px; padding-bottom:15px; line-height:23px;}
.cont img {max-width:100%;margin:0 auto;display:block;}

.cont_s{float:left; width:261px; margin:25px 11px 15px 0 ;}
.cont_s span{font-size:15px;}


/* 투포원소개> 걸어온길,협력기관 */
.history_date	{margin: 7px 0 0 0; color: #07395E; font-weight:bold;}


/* 걸어온길/협력기관 */
 h2 span { display: none; }
 .yearList { margin-top: 20px; clear: both; padding-bottom: 20px; }
 .yearList dt.year { width: 74px; float: left; border-right-width: 2px; border-right-style: solid; border-right-color: #F90; display: block; }
 .yearList dt.year span { font-family: "Arial Black", Gadget, sans-serif; font-size: 24px; font-weight: bold; color: #F93; display: block; }
 .yearList dt.year img { display:none; }
 .yearList dd { margin-left: 75px; line-height: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: #CCC; padding-left: 24px; font-size:0.8em;}
 .yearList dd.date { font-weight: bold;  padding-top: 10px; }

ul.listItem,  dl.listItem,  ul.hList { margin: 10px 0 10px; clear: both; overflow: auto; }
dl.listItem dt { width: 150px; overflow: auto; text-align: center; float: left; overflow: visible;}
dl.listItem dt img { border: 1px solid #CCC; padding: 5px; }
dl.listItem dd{ margin-left: 150px;padding-left: 15px; border-left: 1px dashed #EAEAEA; font-size:0.8em;line-height:1.5;}
dl.listItem em { font-weight: bold; font-style:normal;}
ul.listItem li{ padding-left: 15px; border-left: 1px dashed #EAEAEA;font-size:0.8em;line-height:1.5; }
ul.hList li { line-height: 24px; padding-left: 15px;}
ul.listItem li.noBorder , dl.listItem dd.noBorder{ border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
ul.listItem li span,  dl.listItem dd span { font-weight: bold; color: #999; }
ul.listItem { list-style-type: none; }




/* 찾아오시는 길 */
.dlTable dt { color: #FF6600; float: left; width: 80px; clear: both; }
.dlTable dd { overflow: auto; border-left-width: 1px; border-left-style: dotted; border-left-color: #CCC; padding-left: 20px; font-size:0.8em;line-height:1.5;}

h2 { font-size: 16px; font-weight: bold; color: #333; margin-bottom:10px; }

.address .dlTable { line-height: 1.5em; }
.address .dlTable dt span { display: block; text-align: right; padding-right: 20px; color: #333; font-size: 11px; font-weight: bold; }
.address .dlTable dd span { font-weight: bold; color: #000; }
.mapImg { text-align: center; }
.mapImg img { border: 1px solid #EEE; padding: 10px; }

.mapImg .mapLink a { padding: 5px; border: 1px dotted #000; clear: both;  display: block; margin-top: 0px; margin-right: 15px; margin-bottom: 0px; margin-left: 0px; width: 150px; float: right; color: #F60; margin-right:30px; margin-top:10px; }
.mapImg .mapLink a:hover { color: #FFF; background-color: #F60; }
.Bus,  .Subway,  .address { clear: both; padding-bottom: 25px; }


.Bus dt { text-align: center; }
.Bus dt.blin1 span { font-size: 11px; color: #FFF; background-color: #39C; padding: 2px; }
.Bus dt.blin2 span { font-size: 11px; color: #FFF; background-color: #6C0; padding: 2px; }
.Bus dt.blin3 span { font-size: 11px; color: #FFF; background-color: #FC0; padding: 2px; }
.Bus dd.blin11 span { color: #39C; }
.Bus dd.blin22 span { color: #6C0; }
.Bus dd.blin33 span { color: #FC0; }
.Subway dt.sline1,  .Subway dt.sline2,  .Subway dt.sline3 { text-align: center; }
.Subway dt.sline1 span { font-size: 11px; color: #FFF; background-color: #6C0; padding: 2px; }
.Subway dt.sline2 span { font-size: 11px; color: #FFF; background-color: #F90; padding: 2px; }
.Subway dt.sline3 span { font-size: 11px; color: #FFF; background-color: #FC0; padding: 2px; }
.Bus dd, .Subway dd { line-height: 1.5em; }



/* 사이트맵 */
.sitemap_wrap {width:100%;margin:0;overflow:hidden;clear:both;}
.sitemap {width:98%;margin:0 1% 70px 1%;min-height: auto;}
.sitemap.last {width:98%;margin:0 1% 70px 1%;}
.sitemap_cate   {border-top:1px #999 solid;border-bottom:1px #666 solid;text-align:center;padding:13px 0 10px 0;background:#fafafa;}
.sitemap_cate_text  {color:#006fbc; font-size:14px; font-weight:bold;}
.sitemap_text ul    {margin:0;list-style-type:none;padding:0;}
.sitemap_text ul li {padding:12px 0 8px 0;border-bottom:1px #ddd solid;}
.sitemap_text ul li div {padding:0 0 0 0;}
.sitemap_text ul li div a {display:block;text-align:left;padding:0 10px;font-size:1.0em;}
.sitemap_text ul li div a:hover, .sitemap_text ul li div a:active   {color:blue;}


/* 협력기관 및 단체 */
#contents .logolist	{
	clear:both;
	}
#contents .logolist h3 {
    color: #1C6DAF; font-size: 16px; font-weight: bold; margin:0;
	}
#contents .logolist .logo_box {
	width:200px; text-align:center; float: left;
	}
#contents .logolist .logo_box img {
	border: 1px solid #bbb;
	}
#contents .logolist .logo_box dd{
	text-align:center; margin: 6px 0 12px 0;
	}
#contents .logolist p{
	margin:3px 0 3px 15px;
	}