/*인사말*/
#contents .introduce_text{width:451px; float:right;}
#contents .introduce_img{width:284px; float:left; margin-top:0px;}


/* 공지사항 */
.notice_search {position:relative; height:50px;}
.notice_search p {float:left;}
.notice_search div.rights {float:right;}
.notice_search select {border:1px solid #b3c7d1; height:20px;}
.notice_search input.text {border:1px solid #b3c7d1; height:20px;}
.notice_search input.images {vertical-align:top; border:0;}

table.table_notice {border-collapse:collapse; width:960px; margin:0px; border-top:2px solid #535353;}
table.table_notice th.border_top_bg {border-top:2px solid #535353;}

table.table_notice tr {} /* colgroup 으로 td 스타일제어하려면 tr에 정의  */
table.table_notice td.subject a{width: 500px;}
table.table_notice th, table.table_notice td {border:1px solid #ccc; padding:15px 7px; line-height: 17px !important; }
table.table_notice thead, table.table_notice tfoot {background:#f5f8fa; font-weight:normal; color:#000;}
table.table_notice thead th, table.table_notice tfoot th {background:#f7f9fc; color:#222; font-weight:bold; text-align:center; vertical-align:middle; font-size: 14px;}
table.table_notice thead.alt th, table.table_notice tfoot.alt th {font-weight:normal;}
table.table_notice th {background:#fff; font-weight:normal;}
.th_bg {border-bottom:1px solid #0156a8 !important;}
.no_border_left {border-left:1px solid #fff !important;}
.no_border_right {border-right:1px solid #fff !important;}

.text_center {text-align:center;}
.text_left {text-align:left;}


table.notice_view { border-collapse: collapse; width: 100%; margin: .5em 0px 10px 0; border-top: 2px solid #436fba; word-break:break-all;}
table.notice_view tr {   } /* colgroup 으로 td 스타일제어하려면 tr에 정의  */
table.notice_view td.con_text {padding:20px; line-height:24px; max-width:740px;}
table.notice_view td.con_text img {max-width:690px;}
table.notice_view td span.bd_op01 {float:left; margin:0 39px 0 0;}
table.notice_view td span.bd_op02 {float:right; margin:0 0px 0 0;}
table.notice_view th, table.notice_view td { border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; padding: 10px 10px 8px 20px; }
table.notice_view tbody th, #contents table.notice_view tfoot th { background-color:#fbfbfb; border-right:1px solid #c8c8c8;  color: #434343; font-weight: bold; text-align: left; vertical-align: middle; }
table.notice_view tbody.alt th, table.table_2 tfoot.alt th { font-weight: normal; }
table.notice_view input { border:1px solid #e6e6e6;}
table.notice_view select { border:1px solid #e6e6e6;}
table.notice_view textarea { border:1px solid #e6e6e6;}

table.notice_view_pre { border-collapse: collapse; width: 100%; margin: 2.5em 0px 40px 0; word-break:break-all;}
table.notice_view_pre tr {   } /* colgroup 으로 td 스타일제어하려면 tr에 정의  */
table.notice_view_pre td.con_text {padding:20px; line-height:24px; max-width:740px;}
table.notice_view_pre td span.bd_op01 {float:left; margin:0 39px 0 0;}
table.notice_view_pre td span.bd_op02 {float:right; margin:0 0px 0 0;}
table.notice_view_pre th, table.notice_view_pre td { border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; padding: 10px 10px 8px 20px; }
table.notice_view_pre tbody th, #contents table.notice_view_pre tfoot th { background-color:#fbfbfb; border-right:1px solid #c8c8c8;  color: #434343; font-weight: bold; text-align: left; vertical-align: middle; }
table.notice_view_pre tbody.alt th, table.table_2 tfoot.alt th { font-weight: normal; }
table.notice_view_pre input { border:1px solid #e6e6e6;}
table.notice_view_pre select { border:1px solid #e6e6e6;}
table.notice_view_pre textarea { border:1px solid #e6e6e6;}


#page {position:relative; margin:20px 0 0 0; text-align:center; display:inline-block; width:100%; font-size:12px;}
#page a:hover span.off {color:#ffffff; background-color:#6a747c; border:1px solid #525d66;}
#page a span.off {text-decoration:none; background-color:#ffffff; padding:4px 8px 4px 8px; border:1px solid #dedede;}
#page a span.on {color:#ffffff; text-decoration:none; font-weight: bold; background-color:#6a747c; padding:4px 8px 4px 8px; border:1px solid #525d66;}

/* 공지사항 뷰어*/
table.table_notice1 {border-collapse: collapse; width: 960px; margin: 0px; border-top: 2px solid #535353;}
table.table_notice1 tbody{border-collapse:collapse; width:100%;  }

table.table_notice1 tr {} /* colgroup 으로 td 스타일제어하려면 tr에 정의  */
table.table_notice1 th, table.table_notice1 td {border:1px solid #c8c8c8; padding:15px 7px;}
table.table_notice1 tbody th, table.table_notice1 tfoot th {background:#f7f9fc; color:#434343; font-weight:bold; text-align:center; vertical-align:middle;}
table.table_notice1 tbody.alt th, table.table_notice1 tfoot.alt th {font-weight:normal;}
table.table_notice1 th {background:#fafafa; font-weight:normal; text-align:inherit;}
table.table_notice1 td.text {padding:20px 20px 20px 20px;}

table.table_notice2 {width: 100%;}
table.table_notice2 tbody{border-collapse:collapse; width:100%;  }

table.table_notice2 tr {} /* colgroup 으로 td 스타일제어하려면 tr에 정의  */
table.table_notice2 th, table.table_notice2 td {border:1px solid #c8c8c8; padding:6px 6px 4px 6px;}
table.table_notice2 tbody th, table.table_notice2 tfoot th {background:#f2f2f2; color:#434343; font-weight:bold; text-align:center; vertical-align:middle;}
table.table_notice2 tbody.alt th, table.table_notice2 tfoot.alt th {font-weight:normal;}
table.table_notice2 th {background:#fafafa; font-weight:normal; text-align:inherit;}
table.table_notice2 td.text {padding:20px 20px 20px 20px;}

.no_border {border:0px !important;}

/* 병역판정검사 안내 동영상 */
#vedio {margin:0px 0 0 0;}
div.movie {float:left; position:relative; width:435px;}
div.movie_text {float:left; margin:30px 0 30px 0; padding:20px 0px 20px 0px; width:100%; height:240px; border:1px solid #e5e5e5; overflow:auto;}
div.movie_text p { padding:7px 20px 7px 20px; line-height:24px;}


.mT10 {margin-top:10px;}
.mT30 {margin-top:30px;}

/*검색페이지*/
#contents_title{padding-bottom:20px; padding-top:20px; border-bottom:1px solid #d4d4d4;}
#board_seach{ width:100%; float:left; margin:0px 0px 20px 0px; padding:0px;}
#board_seach .search_info{padding:20px 0 0 8px; text-align:left; font-size:15px; font-weight:600;}
#board_seach .list{margin:0px; padding:7px 0 10px 5px;}
#board_seach .list li{ background-image:none;}
#board_seach .list .b_title{ color:#1145bf; padding:7px 0 0 8px; font-size:15px;}
#board_seach .list .b_title {list-style:none;}
#board_seach .list .b_title span{ text-decoration:underline;}
#board_seach .list .b_title span a{color:#1145bf;}
#board_seach .list .b_title span.date{color:#333; font-size:12px; text-decoration:none;}
#board_seach .list .info{ padding:8px 0 0 8px; color:#333;font-size:13px; list-style:none;}
#board_seach .list .url{ color:#218d44; padding:7px 0 0 8px;font-size:13px; list-style:none;}
#board_seach .more{text-align:right; margin-right:20px;font-size:13px; color:#1145bf; margin-bottom:30px; }
#board_seach .more a{color:#1145bf;}

/*검색 리스트 페이지*/
#page_but{width:100%; float:left; padding-bottom:10px; margin:0px 0px 50px 0px; }
#page_but .page{text-align:center; font-size:12px; padding-top:10px;}
#page_but .page li{ height:30px; display:inline-block; margin-left:1px; margin-right:1px; vertical-align:top;}
#page_but .page li span{width:18px; height:30px; padding:0; margin:0; display:inline-block;}
#page_but .page li span a{color:#575757; display:block; line-height:100%; padding:9px 0px 10px 0px; margin:0; text-decoration:none;}
#page_but .page .page_on{font-weight:bold; color:#03F; height:30px;}

/* 본인인증 서비스 */
.cb {clear:both;}
.name_box {position:relative; height:100px; line-height:100px; text-align:center; border:1px solid #d2d2d2; margin:10px 0 0 0; min-width:320px;}
.name_box fieldset {position:absolute; top:5px; left:50%; width:320px; margin-left:-160px;}
.name_box .fl {float:left;}
.name_box .fr {float:right;}
.name_box label {font-weight:bold; height:24px; line-height:24px; width:90px; text-align:left; margin:0 10px 0 0; padding:0 0 0 8px;}
.name_box input {background-color:#f6f6f6; border:1px solid #dedede; height:24px; line-height:24px; padding:0 0 0 5px; color:#707070; width:175px;}
.name_box ul {}
.name_box ul li {clear:both; padding:10px 0 10px 0 !important;}

.name_check_c {clear:both; margin:0px 0 50px 0; border-top:2px solid #436fba; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; background:url("../../images//simsacommon/name_check_left_line11.gif") repeat-y 0 0; min-width:320px;}
.name_check_c ul.nc {border-bottom:1px solid #d2d2d2;}
.name_check_c ul.nc li {background:url("../../images/simsa/common/name_check_top_line3.gif") repeat-x 0 0;}
.name_check_c ul.nc li.nc_i1 {float:left; width:100%;}
.name_check_c ul.nc li.nc_i1 .nc_name {height:39px; line-height:39px; text-align:center; font-weight:bold; font-size:16px;}
.name_check_c ul.nc li.nc_i1 .nc_con {padding:80px 20px 0 20px; background:url("../../images/simsa/common/name_check_icon02.gif") no-repeat center 19px;}
.name_check_c ul.nc li.nc_i1 .nc_btn {text-align:center; margin:20px 0 25px 0;}
.name_check_c ul.nc li.nc_i2 {float:right; width:100%;}
.name_check_c ul.nc li.nc_i2 .nc_name {height:39px; line-height:39px; text-align:center; font-weight:bold; font-size:16px;}
.name_check_c ul.nc li.nc_i2 .nc_con {padding:80px 20px 0 20px; background:url("../../images/simsa/common/name_check_icon03.gif") no-repeat center 19px;}
.name_check_c ul.nc li.nc_i2 .nc_btn {text-align:center; margin:20px 0 25px 0;}

/* 사이트맵 */
#site_map { position:relative;}
#site_map div.site_map_text { float:left;  padding:0 20px 30px 0; width:220px; min-height: 250px;}
#site_map div.site_map_text h3.h0 { padding-top:12px !important; padding:0 0 12px 0;  background:none; font-size:18px; color:#416cba; text-align:center; border:2px solid #436db5; /*border-bottom:1px solid #dedede;*/ font-weight:bold; background: #fbfdff;}
#site_map div.site_map_text ul { margin:15px 0 0 14px;}
#site_map div.site_map_text li { padding:0 0 0 14px; background:url('../../images/simsa/contents/contents_icon_li_1.gif') no-repeat  0 11px; font-weight:500; line-height: 30px; font-size: 16px;}
#site_map div.site_map_text ul ul {margin-top:0px !important;}
#site_map div.site_map_text ul ul li { padding:0px 0 0 10px; background:url('../../images/simsa/contents/icon_li_2.gif'); background-position:0px 8px; background-repeat:no-repeat; line-height:19px; margin:0px 0px 0px -15px;}

#site_map div.site_map_text ul li span.new_windowN {margin-left:7px;  background:url('../../images/syjy/common/window_simsa.gif') no-repeat 0 0; width:8px; height:8px; display:inline-block;}
#site_map div.site_map_text ul li span.new_windowN02 {margin-left:7px;  background:url('../../images/syjy/common/window_simsa.gif') no-repeat 0px -1px; width:13px; height:14px; display:inline-block;}
/* 사회복무연수센터 교육과정 명강의 */
.embed-container25 { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container25 iframe, .embed-container25 object, .embed-container25 embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* 대채역심사위원회 조직안내 */
#group_id { position:relative; background:url('../../images/simsa/contents/img_simsa_new.gif') no-repeat center 45px; /* width:750px; */ height:495px;}
#group_id div.people {position:relative; top:0px; text-align: center;}
#group_id h3, h4, h5 {background:none !important; margin:0px !important; padding:0px !important;}
#group_id div.simsa_group {position:absolute; top: 135px; width:100%; height: 140px; /* border: 1px solid #dedede; */ background: #fff;}

div.text_simsa_group1_1 {position:absolute; top:0px; left:298px; width:134px ; height:37px; background:#5082c9; text-align:center !important;}
div.text_simsa_group1_1 h4 span {display:block; text-align: center; padding:10px 0 10px 0; color:#fff;  }
div.text_simsa_group1_1 ul { margin:3px 0 0 10px;}
div.text_simsa_group1_1 li {float:left; width:100px; padding:3px 0 0 14px; background:#fff;  background:url('/images/simsa/contents/contents_icon_li_1.gif') no-repeat 0px 7px; font-size:14px; text-align: left;}

div.text_simsa_group1_2 {position:absolute; top:0px; left:510px; width:134px; height:37px; background:#5082c9; text-align:center !important;}
div.text_simsa_group1_2 h4 span {display:block; text-align: center; padding:10px 0 10px 0; color:#fff;  }
div.text_simsa_group1_2 ul { margin:3px 0 0 10px;}
div.text_simsa_group1_2 li {float:left; width:100px; padding:3px 0 0 14px; background:#fff;  background:url('/images/simsa/contents/contents_icon_li_1.gif') no-repeat 0px 7px; font-size:14px; text-align: left;}

div.text_simsa_group1_3 {position:absolute; top:0px; left:556px; width:134px; height:37px; background:#5082c9; text-align:center !important;}
div.text_simsa_group1_3 h4 span {display:block; text-align: center; padding:10px 0 10px 0; color:#fff;  }
div.text_simsa_group1_3 ul { margin:3px 0 0 10px;}
div.text_simsa_group1_3 li {float:left; width:100px; padding:3px 0 0 14px; background:#fff;  background:url('/images/simsa/contents/contents_icon_li_1.gif') no-repeat 0px 7px; font-size:14px; text-align: left;}

div.text_simsa_group2 {position:absolute; top:325px; left:385px; width:170px ; height:37px; background:#fff; border:1px solid #7d7d7d;}
div.text_simsa_group2 h4 span {display:block; text-align: center; padding:10px 0 10px 0; color:#3b3b3b;  }

div.text_simsa_group3 {position:absolute; top:372px; left:566px; width:170px ; height:37px; background:#fff; border:1px solid #7d7d7d;}
div.text_simsa_group3 h4 span {display:block; text-align: center; padding:10px 0 10px 0; color:#3b3b3b;  }

div.text_simsa_group4 {position:absolute; top:420px; left:385px; width:170px ; height:37px; background:#fff; border:2px solid #7d7d7d;}
div.text_simsa_group4 h3 span {display:block; text-align: center; padding:5px 0 10px 0; color:#3b3b3b;  }

/*220602 추가*/
.table_notice a{display: block;  overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;}

/*콘텐츠 테이블*/
table.table_notice02 {border-collapse:collapse; width:960px; margin:0px; border-top:2px solid #535353;}
table.table_notice02 th.border_top_bg {border-top:2px solid #535353;}

table.table_notice02 tr {} /* colgroup 으로 td 스타일제어하려면 tr에 정의  */
table.table_notice02 td.subject a{width: 500px;}
table.table_notice02 th, table.table_notice02 td {border:1px solid #ccc; padding:15px 7px; line-height: 17px !important; }
table.table_notice02 thead, table.table_notice02 tfoot {background:#f5f8fa; font-weight:normal; color:#000;}
table.table_notice02 thead th, table.table_notice02 tfoot th {background:#f7f9fc; color:#222; font-weight:bold; text-align:center; vertical-align:middle; font-size: 14px;}
table.table_notice02 thead.alt th, table.table_notice02 tfoot.alt th {font-weight:normal;}
table.table_notice02 th {background:#fff; font-weight:normal;}

/*카드뉴스*/
.card_news_con img{width: 420px; height: 420px; float: left; padding: 10px;}


/*모바일*/
@media only screen and (max-width:767px){
    table.table_notice{width: 100%;}
    table.table_notice thead{display: none;}
    table.table_notice tr{border-bottom: 1px solid #ccc;}
    table.table_notice tr:nth-child(odd){background: #f7f9fc;}
    table.table_notice th, table.table_notice td{border:none; text-align: left; height: auto; padding: 10px 7px;}
    table.table_notice th, table.table_notice td:first-child{display: none;}
    table.table_notice td.subject{width: auto; float: left;}
    table.table_notice td.subject a{width: 350px;}
    table.table_notice td.regDate{width: auto; float: left; clear: both;}
    table.table_notice td.atchFileId{width: auto; float: left;}
    table.table_notice td.hit{width: auto; float: left;}
    table.table_notice td .subject, table.table_notice td .hit,  table.table_notice td .writer, table.table_notice td .lc, .regDate{display:inline-block;position:relative;padding: 0 15px 0 0;word-break: break-all;line-height: 1.3;}
	table.table_notice td. .subject{padding:0; width:100%;word-break: break-all;}
    .notice_search{height: 80px;}
   table.table_notice02{width: 100%;}
    table.table_notice1{width: 100%;}
    #site_map{width: 100%;}
    .site_map_text{width: 100% !important; min-height: 0px !important;}
    #group_id{height: 720px; background: none;}
    div.text_simsa_group1_1{left: 0px; width: 100%;}
    div.text_simsa_group1_1 li{width: 100%; padding-left: 0px; text-align: center;}
      div.text_simsa_group1_2{left: 0px; width: 100%; top: 120px;}
    div.text_simsa_group1_2 li{width: 100%; padding-left: 0px; text-align: center;}
      div.text_simsa_group1_3{left: 0px; width: 100%; top: 262px;}
    div.text_simsa_group1_3 li{width: 100%; padding-left: 0px; text-align: center;}
    div.text_simsa_group2{left: 20%; top: 552px;}
    div.text_simsa_group3{left: 50%; top: 617px;}
 div.text_simsa_group4{left: 20%; top: 674px;}
}