@charset "utf-8";

/* table list */
table.list {width: 100%; border-top: 2px solid #535353; border-bottom: 1px solid #d2d2d2; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕';}
table.list.fixed {table-layout: fixed;}
table.list thead th {padding: 10px 0px; border-left: 0; border-bottom: 1px solid #d2d2d2; font-size: 13px; font-weight: bold; color: #4d4d4d; text-align: center; vertical-align: middle;}
table.list thead th:first-child {background-image: none;}
table.list thead th.borderl {border-left: 1px solid #dddddd;}
table.list thead th.alignl {padding-left: 10px; text-align: left;}
table.list thead th.alignr {text-align: right;}
table.list tbody th {border-top: 1px solid #dddddd; font-size: 13px; font-weight: bold; color: #4d4d4d; text-align: center; background-color: #fcfcfc;} 
table.list tbody th.borderl {border-left: 1px solid #dddddd;}
table.list tbody td {padding: 8px 5px; border-top: 1px solid #eeeeee; border-bottom: 0; border-left: 0; border-right: 0; font-size: 12px; color: #626262; text-align: center; line-height: 1.4em; vertical-align: middle;}
table.list tbody td:first-child {border-left: 0;}
table.list tbody td.bg {background-color: #f5fbfc;}
table.list tbody th.alignl, 
table.list tbody td.alignl {padding-left: 10px; text-align: left;}
table.list tbody th.alignr, 
table.list tbody td.alignr {text-align: right;}
table.list tbody td.subject {table-layout: fixed; overflow: hidden; color: #333333; text-align: left; text-overflow: ellipsis; white-space: nowrap;}
table.list tbody td a {color: #626262; text-decoration: none;}
table.list tbody td a:hover {color: #00879e; text-decoration: underline;}
table.list tbody tr td.bg_gray {background-color: #f7f7f7;}
table.list tbody tr.inactive td {text-decoration: line-through; color: #858585; background-color: #ececec;}
table.list tbody tr td.nopadding {padding: 0px;}
table.list tbody tr.bg td {background-color: #f7f7f7;}
table.list tbody tr td.borderl {border-left: 1px solid #dddddd;}
table.list tbody tr td.nobordert {border-top: 0;}
table.list tbody tr td.noborderb {border-bottom: 0;}
table.list tbody tr td img {display: inline; display: inline-block; vertical-align: middle;}
table.list tbody tr td.imgs img {width: 20%;}
table.list tbody tr td.imgm img {width: 40%;}
table.list tbody tr td.imgl img {width: 60%;}
table.list tbody tr td div.media_list_area {overflow: hidden;}
table.list tbody tr td div.media_list_area strong.title {overflow: hidden; display: inline-block; width: 450px; font-size: 16px; text-align: left; text-overflow: ellipsis; white-space: nowrap;}
table.list tbody tr td div.media_list_area div.img_area {float: left; width: 120px; height: 100px; margin-right: 20px;}
table.list tbody tr td div.media_list_area div.img_area img {width: 118px; height: 98px; border:1px solid #dddddd;}
table.list tbody tr td div.media_list_area div.text_area {overflow: hidden; margin-top: 25px;}
table.list tbody tr td div.media_list_area ul {overflow: hidden; margin-top: 10px;}
table.list tbody tr td div.media_list_area ul li {float: left; list-style: none; margin-right: 10px;}
table.list tbody tr td div.media_list_area ul li:before {content:"|"; padding-right: 10px;}
table.list tbody tr td div.media_list_area ul li:first-child:before {content: none;}
table.list tfoot th {padding: 8px 0px; border-top: 2px solid #c4ebfb; border-bottom: 1px solid #b2b2b2; border-left: 0; border-right: 0; font-size: 1.05em; color: #333333; background-color: #e6f8ff;}
table.list tfoot td {padding: 8px 5px; border-top: 2px solid #c4ebfb; border-bottom: 1px solid #b2b2b2; border-left: 0; border-right: 0; font-size: 1.05em; font-weight: bold; color: #333333; text-align: center; background-color: #e6f8ff;}
table.list tfoot td.bg {background-color: #ffffff;}

table.list thead th.bg_group {background-color: #effaff;}
table.list tbody tr td.bg_group {background-color: #effaff;}
table.list tbody td.reply {padding-left: 44px; background: url("../../images/en/icon/icon_reply.png") no-repeat 12px 10px;}


td.icon_img_align img {margin: 0 0 0 -2px; padding: 0;}

/* 컨텐츠에서만 사용하는 테이블 */
table.list2 {width: 100%; border-top: 2px solid #275c92; border-bottom: 1px solid #d2d2d2; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕';}
table.list2.fixed {table-layout: fixed;}
table.list2 thead th {padding: 14px 0px; border-left: 0; border-bottom: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2;  font-size: 13px; font-weight: bold; color: #4d4d4d; text-align: center; vertical-align: middle; background-color: #f5f5f5;}
table.list2 thead th:first-child {border-left: 0px;}
table.list2 tbody td {padding: 14px 5px; border-top: 1px solid #eeeeee; border-bottom: 0; border-left: 1px solid #d2d2d2; border-right: 0; font-size: 12px; color: #626262; text-align: center; line-height: 1.4em; vertical-align: middle;}
table.list2 tbody td:first-child {border-left: 0px;}
table.list2 tbody td a {font-size: 13px; color: #333333;}
table.list2 tbody td.alignl {padding-left: 20px; text-align: left;}
table.list2 tbody td.alignr {padding-right: 20px; text-align: right;}
table.list2 tbody td.borderr {border-right: 1px solid #d2d2d2;}

/* 컨텐츠에서만 사용하는 테이블 */
table.list3 {width: 100%; border-top: 2px solid #275c92; border-bottom: 1px solid #d2d2d2; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕';}
table.list3.fixed {table-layout: fixed;}
table.list3 thead th {padding: 14px 0px; border-left: 0; border-bottom: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2;  font-size: 20px; font-weight: bold; color: #4d4d4d; text-align: center; vertical-align: middle; background-color: #ffffff;}
table.list3 thead th:first-child {border-left: 0px;}
table.list3 thead th.borderr {border-right: 1px solid #d2d2d2;}
table.list3 thead th.borderl {border-left: 1px solid #d2d2d2;}
table.list3 tbody td {padding: 14px 5px; border-top: 1px solid #eeeeee; border-bottom: 0; border-left: 1px solid #d2d2d2; border-right: 0; font-size: 12px; color: #626262; text-align: center; line-height: 1.4em; vertical-align: top;}
table.list3 tbody td:first-child {border-left: 0px;}
table.list3 tbody td a {font-size: 13px; color: #333333;}
table.list3 tbody td.alignl {padding-left: 20px; text-align: left;}
table.list3 tbody td.alignr {padding-right: 20px; text-align: right;}
table.list3 tbody td.borderr {border-right: 1px solid #d2d2d2;}
table.list3 tbody td.borderl {border-left: 1px solid #d2d2d2;}
table.list3 tbody td ul.profile_list {overflow: hidden; margin: 15px 0 20px 40px;}
table.list3 tbody td ul.profile_list li {padding-left: 13px; font-size: 13px; list-style: none; background: url('../../images/en/common/bg_bullet01.png') no-repeat 0px 5px;}
table.list3 tbody td ul.profile_list li + li {margin-top: 13px;}

/* 비전에서 사용하는 테이블 */
table.list4 {width: 100%; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕';}
table.list4.fixed {table-layout: fixed;}
table.list4 thead th {padding: 14px 0px; border-left: 0; border-bottom: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2;  font-size: 20px; font-weight: bold; color: #4d4d4d; text-align: center; vertical-align: middle; background-color: #ffffff;}
table.list4 thead th:first-child {border-left: 0px;}
table.list4 tbody th.blue_bg {padding: 20px 15px; font-size: 15px; font-weight: bold; color: #1b5295; text-align: left; border-left: 5px solid #3768a5; border-bottom: 1px solid #d2d2d2; vertical-align: top;}
table.list4 tbody th.green_bg {padding: 20px 15px; font-size: 15px; font-weight: bold; color: #138d52; text-align: left; border-left: 5px solid #41ab78; border-bottom: 1px solid #d2d2d2; vertical-align: top;}
table.list4 tbody td {padding: 14px 5px; border-top: 1px solid #d2d2d2; border-bottom: 0; border-left: 1px solid #d2d2d2; border-right: 0; font-size: 12px; color: #626262; text-align: center; line-height: 1.4em; vertical-align: top;}
table.list4 tbody td:first-child {border-left: 0px;}
table.list4 tbody td a {font-size: 13px; color: #333333;}
table.list4 tbody td.alignl {padding-left: 20px; text-align: left;}
table.list4 tbody td.alignr {padding-right: 20px; text-align: right;}
table.list4 tbody td.borderr {border-right: 1px solid #d2d2d2;}
table.list4 tbody td.borderl {border-left: 1px solid #d2d2d2;}
table.list4 tbody td ul.vision_list {overflow: hidden; margin: 10px 0;}
table.list4 tbody td ul.vision_list li {padding-left: 13px; font-size: 13px; list-style: none; letter-spacing: -0.02em; background: url('../../images/en/common/bg_bullet01.png') no-repeat 0px 5px;}
table.list4 tbody td ul.vision_list li + li {margin-top: 13px;}


table.list5 {width: 100%; border-top: 2px solid #535353; border-bottom: 1px solid #d2d2d2; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕';}
table.list5.fixed {table-layout: fixed;}
table.list5 thead th {padding: 15px 0; border-left: 0; border-bottom: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2;  font-size: 13px; font-weight: bold; color: #4d4d4d; text-align: center; vertical-align: middle; background-color: #f5f5f5;}
table.list5 thead th:first-child {border-left: 0px;}
table.list5 tbody td {padding: 15px 5px; border-top: 1px solid #eeeeee; border-bottom: 0; border-left: 1px solid #d2d2d2; border-right: 0; font-size: 12px; color: #626262; text-align: center; line-height: 1.4em; vertical-align: middle;}
table.list5 tbody td:first-child {border-left: 0px;}
table.list5 tbody td a {font-size: 13px; color: #333333;}
table.list5 tbody td.alignl {padding-left: 20px; text-align: left;}
table.list5 tbody td.alignr {padding-right: 20px; text-align: right;}
table.list5 tbody td.borderr {border-right: 1px solid #d2d2d2;}

/* table write */
table.write {width: 100%; border-top: 2px solid #535353; border-bottom: 1px solid #bfbfbf; border-left: 0; border-right: 0; font-family: '돋움', Dotum, Helvetica, 'Apple SD Gothic Neo', Sans-serif;}
table.write tbody th,
table.write tbody td {padding: 7px 10px; border-bottom: 1px solid #dcdcdc; text-align: left; vertical-align: top;}
table.write tbody th {padding-left: 18px; border-right: 1px solid #dcdcdc; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕'; font-size: 13px; font-weight: bold; color: #4d4d4d; text-align: left; line-height: 1.5em; vertical-align: middle; background-color: #ffffff;}
table.write tbody th.alignc,
table.write tbody td.alignc {text-align: center;}
table.write tbody td {font-size: 13px; color: #626262; line-height: 1.5em;}
table.write tbody td input,
table.write tbody td select,
table.write tbody td button {}
table.write tbody td input {display: inline-block; height: 23px;}
table.write tbody td select {display: inline-block; height: 25px;}
table.write tbody td.borderl {border-left: 1px solid #dddddd;}
table.write tbody a {color: #626262; text-decoration: none;}
table.write tbody td img {display: inline-block; margin-left: 1px; margin-right: 1px; vertical-align: middle;}
table.write tbody td.editor {padding: 4px 0;}


/* table view */
table.view {width: 100%; border-top: 2px solid #535353; border-bottom: 1px solid #bfbfbf; border-left: 0; border-right: 0; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕';}
table.view.fixed {table-layout: fixed;}
table.view tbody th,
table.view tbody td {padding: 15px 10px; border-bottom: 1px solid #dddddd; text-align: left; vertical-align: top;}
table.view tbody th {padding-left: 18px; border-right: 1px solid #dcdcdc; font-size: 13px; font-weight: bold; color: #4d4d4d; text-align: left; line-height: 1.5em; background-color: #ffffff;}
table.view tbody td.alignc {text-align: center;}
table.view tbody td {font-size: 13px; color: #626262; line-height: 1.5em;}
table.view tbody td.borderl {border-left: 1px solid #dddddd;}
table.view tbody td input {display: inline-block; height: 20px;}
table.view tbody a {color: #626262; text-decoration: none;}
table.view tbody td img {display: inline-block; margin-left: 1px; margin-right: 1px; vertical-align: middle;}
table.view tbody td.editor {padding: 15px 15px 50px;}
table.view tbody td.subject {table-layout: fixed; overflow: hidden; color: #333333; text-align: left; text-overflow: ellipsis; white-space: nowrap;}
table.view tbody td a:hover {color: #00879e; text-decoration: underline;}


/* 컨텐츠 화면 테이블 */
table.view2 {width: 100%; border-top: 2px solid #275c92; border-bottom: 1px solid #d2d2d2; border-left: 0; border-right: 0; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕';}
table.view2.fixed {table-layout: fixed;}
table.view2 tbody th,
table.view2 tbody td {padding: 15px 20px; border-bottom: 1px solid #d2d2d2; text-align: left; vertical-align: top;}
table.view2 tbody th {padding-left: 18px; font-size: 13px; font-weight: bold; color: #4d4d4d; text-align: center; line-height: 1.5em; background-color: #f5f5f5;}
table.view2 tbody td.alignc {text-align: center;}
table.view2 tbody td {font-size: 13px; color: #626262; line-height: 1.5em;}
table.view2 tbody td.borderl {border-left: 1px solid #dddddd;}
table.view2 tbody td input {display: inline-block; height: 20px;}
table.view2 tbody a {color: #626262; text-decoration: none;}
table.view2 tbody td img {display: inline-block; margin-left: 1px; margin-right: 1px; vertical-align: middle;}
table.view2 tbody td.subject {table-layout: fixed; overflow: hidden; color: #333333; text-align: left; text-overflow: ellipsis; white-space: nowrap;}

table.view3 {width: 100%; border-top: 2px solid #535353; border-bottom: 1px solid #d2d2d2; border-left: 0; border-right: 0; font-family: '돋움', Dotum, Helvetica, 'Apple SD Gothic Neo', Sans-serif;}
table.view3 tbody th,
table.view3 tbody td {padding: 7px 10px; border-bottom: 1px solid #dcdcdc; text-align: left; vertical-align: middle;}
table.view3 tbody th {padding: 13px 18px; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕'; font-size: 13px; font-weight: bold; color: #4d4d4d; text-align: left; line-height: 1.5em; vertical-align: middle; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc;  background-color: #f9f9f9;}
table.view3 tbody th.alignc,
table.view3 tbody td.alignc {text-align: center;}
table.view3 tbody td.vertical_top {vertical-align: top;}
table.view3 tbody td {font-size: 13px; color: #626262; line-height: 1.5em;}
table.view3 tbody td input {display: inline-block; height: 23px;}
table.view3 tbody td select {display: inline-block; height: 25px;}
table.view3 tbody td.borderl {border-left: 1px solid #dddddd;}
table.view3 tbody th.borderl0 {border-left: 0px}
table.view3 tbody td div.picture_area {overflow: hidden; margin-top: 20px;}
table.view3 tbody td div.picture_area div.picture_box {margin-bottom: 10px;}
table.view3 tbody td div.picture_area div.picture_box img {display: block; margin: 0 auto;}
table.view3 tbody td div.picture_area div.picture_txt_box {margin-top: 30px;}
table.view3 tbody td div.picture_area div.picture_txt_box p {font-size: 11px; color: #275c92;}

table.write2 tbody a {color: #626262; text-decoration: none;}
table.write2 tbody td img {display: inline-block; margin-left: 1px; margin-right: 1px; vertical-align: middle;}
table.write2 tbody td.editor {padding: 4px 0;}

table.modify {width: 100%; border: 0; border-top: 2px solid #5db4dc; border-bottom: 1px solid #dddddd; table-layout: fixed; font-family: '돋움', Dotum, Helvetica, 'Apple SD Gothic Neo', Sans-serif;}
table.modify tbody th {min-height: 24px; padding: 10px 10px 10px 26px; border: 0; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕'; font-size: 13px; font-weight: bold; color: #4d4d4d; text-align: left; line-height: 1.5em; color: #444444; vertical-align: top; background: url('../../images/en/common/bullet_title_04.png') no-repeat 15px 18px;}
table.modify tbody td {min-height: 24px; padding: 10px 10px; border: 0; font-size: 12px; color: #626262; line-height: 1.5em; text-align: left; vertical-align: middle;}
table.modify tbody th span.title {padding-left: 10px; vertical-align: middle; background: url('../../images/en/common/bullet_03.png') no-repeat 0px 4px;}
table.modify tbody th.alignl {text-align: left;}
table.modify tbody td.alignc {text-align: center;}
table.modify tbody td.alignr {text-align: right;}
table.modify tbody a:hover {text-decoration: underline;}
table.modify tbody a.btn:hover {text-decoration: none;}
table.modify tbody td input {display: inline-block; height: 22px;}
table.modify tbody td select {display: inline-block; height: 24px;}
table.modify tbody td img {display: inline-block; margin-left: 1px; margin-right: 1px; vertical-align: middle;}
table.modify tbody td label {display: inline-block; display: inline; vertical-align: middle;}
table.modify tbody td.editor {padding: 10px 0 4px;}

.nextprev_area {overflow: hidden; margin-top: 60px; }


/* paging */
.paging_area {position: relative; width: 100%; height: 30px; margin: 20px 0; padding: 0; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 12px; text-align: center; letter-spacing: 0.08em;}
    .paging_area .paging_left {position: absolute; top:0; left:0;}
    .paging_area .paging_right {position: absolute; top:0; right:0;}
    .paging_area .paging strong {display: inline-block; min-width: 26px; height: 24px; border: 1px solid #006cb6; font-weight: bold; color: #ffffff; line-height: 25px; background-color: #006cb6;}
    .paging_area .paging a {display: inline-block; min-width: 26px; height: 24px; border: 1px solid #c9c9c9; color: #797979; line-height: 25px;}  
    .paging_area .paging a:hover {display: inline-block; border: 1px solid #c9c9c9; color:#333333; line-height: 25px; text-decoration: underline;}
    .paging_area .paging a.stimg  {overflow: hidden; width: 24px; height: 24px; border: 1px solid #c9c9c9; text-decoration: none; vertical-align: top;}
    .paging_area .paging a.stimg img {z-index: 2; height: 24px; margin: -1px 0 0 -2px; text-decoration: none;}
    .paging_area .paging a.stimg:hover {padding: 0; border: 1px solid #c9c9c9; text-decoration: none;}



/* table search_box */
.search_area {overflow: hidden; margin-bottom: 40px; padding: 15px 22px; border: 1px solid #dfdede; background-color: #f7f7f7;}
	table.search_box {width: 100%; border: 0; table-layout: fixed; color: #4d4d4d;}
	table.search_box tbody th {padding: 10px 0 0 10px; border: 0; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 13px; font-weight: bold; text-align: left; vertical-align: top; background: url('../../images/en/common/bullet_search.png') no-repeat 0 16px;}
	table.search_box tbody td {height: 24px; padding: 6px 10px; text-align: left; border: 0; font-family: '돋움', Dotum, Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 12px;}
	table.search_box tbody td a:hover img {text-decoration: none;}
	table.search_box tbody td input {display: inline-block; display: inline; vertical-align: middle;}
	/* table.search_box tbody td input[type=text] {height: 22px; border: 1px solid #8a8a8a; background-color: #ffffff;}
	table.search_box tbody td input {border: expression((this.type=='text')?'0px':''); height: 22px; font-size: 100%; text-indent: 1px; line-height: 21px; text-align: left;} */
	table.search_box tbody td input[type=text] {height: 22px; border: 1px solid #8a8a8a; background-color: #ffffff;}
	table.search_box tbody td input {height: 22px; font-size: 100%; text-indent: 1px; line-height: 21px; text-align: left;}
	table.search_box tbody td select {height: 24px; border: 1px solid #8a8a8a;}
	table.search_box tbody td.btn_align {padding: 0 0 5px 0; vertical-align: bottom;}
	table.search_box tbody th.alignc,
	table.search_box tbody td.alignc {text-align: center;}
	table.search_box tbody th.alignr,
	table.search_box tbody td.alignr {text-align: right;}



/* etc */
.table_toplineb {border-top: 1px solid #0262ac;}
table td input.bg_gray {background-color: #f7f7f7;}

ul.file_list {overflow: hidden; padding: 2px 8px; border: 1px solid #dcdcdc; background-color: #eeeeee;}
	ul.file_list li {margin-top: 8px; line-height: 1.5em; list-style: none; font-weight: bold;}
	ul.file_list li:first-child {margin-top: 0;}
	ul.file_list li a:hover {text-decoration: underline;}
	
ul.list {overflow: hidden; padding: 10px 15px;}
	ul.list li {padding-left: 10px; margin-top: 8px; line-height: 1.5em; list-style: none; background: url('../../images/en/common/bullet_file_list.png') no-repeat 0 9px;}
	ul.list li:first-child {margin-top: 0;}
	ul.list li a:hover {text-decoration: underline;}
	ul.list li label span.title {display: inline; display: inline-block; width: 100px;}