@charset "utf-8";

.blue, .history_box .list_1st li span.blue, .ulist01 li.blue, a.blue{color:#005db1;}
.img100 img{width:100%}
.indent{color: inherit;font-size: 15px;padding-left: 10px;text-indent: -16px;margin-left:5px;line-height:25px;color:#616161}

/*개인정보처리방침*/
.ps_info_wrap h2{margin-top:30px;}
.ps_info_wrap .ps_info {margin-bottom: 20px; padding: 15px; border: solid 2px #e3e4e5;}
.ps_info_wrap .ps_info .ps_info_title {margin:0 0 10px 0; font-size:14px; color:#103e93;}
.ps_info_wrap .ps_info .ps_info_desc {margin:0; font-size:13px; color:#585b5c; line-height:24px; }
.ps_info_wrap .ps_title {margin:20px 0 10px 0; font-size:14px; color:#303233;}
.ps_info_wrap .ps_list {padding:0; margin:0 0 10px 0; list-style:none}
.ps_info_wrap .ps_list > li {padding-left: 20px; font-size:13px; color:#303233; line-height:24px; }
.ps_info_wrap a {text-decoration:none; }
.ps_info_wrap a:hover,
.ps_info_wrap a:focus,
.ps_info_wrap a:active {text-decoration:underline; }
.ps_info_wrap .ps_list_inner {padding:0 0 0 20px; margin:0; list-style:none}
.ps_info_wrap .ps_list_inner > li {font-size:13px; color:#303233; text-indent:-14px;}
.ps_info_wrap .ps_inner_txt {margin:0; padding:0 0 0 20px;}
.ps_info_wrap .ps_txt {margin:0 0 10px 0; padding:0 0 0 10px; font-size:13px; color:#303233; line-height:20px; }
.ps_info_wrap .ps_toggle_area {margin:10px 0 10px 16px;}
.ps_info_wrap .ps_toggle_area a {display:inline; }
.ps_info_wrap .ps_table{display:none}
.table_wrap .tbl_type1 th,.table_wrap .tbl_type1 td{font-size:13px;}

/* 연혁 */
.history_box{overflow:hidden;}
.history_box .history_bg{float: left;width:30%;min-width:235px;height:225px;background:url("../images/sub/sub01_1_bg.png") no-repeat scroll 10px 0;}
.history_box .list_1st{position:relative;float:left;width:70%;}
.history_box .list_1st li{position:relative;padding:15px 0;margin-left:10px;background:none;overflow:hidden}
.history_box .list_1st li:after{display:block;position:absolute;left:0;bottom:0; content:"";width:100%;height:1px;border-bottom:1px solid #e8e8e8}
.history_box .list_1st li span{float:left;vertical-align:top;text-align:left}
.history_box .list_1st li span.year{width:120px;font-size:22px;color:#005db1;font-weight:bold}
.history_box .list_1st li span.year .date{float:right;margin-top:3px;font-size:18px;color:#303030;font-weight:bold}
.history_box .list_1st li span.info{float:right;width:75%;font-size:15px;line-height:27px;color:#616161}

.history_box .sub02_2_7{float: left;width:30%;min-width:235px;height:225px;background:url("../images/sub/sub02_2_7_bg.png") no-repeat scroll 10px 0;}

/* 조직도 */
.org {position: relative;overflow:hidden;}
.org:before{position:absolute;top:11px;content:"";display:block;width:100%;height:100%;background:url("../images/sub/sub01_2_bg.gif") no-repeat scroll center center;}
.org > li{position:relative;display:inline-block;vertical-align:middle;width:49%;text-align:center}
.org > li a,.org > li.lv1 span.txt{display:inline-block;min-width:250px;height:50px;line-height:50px;color:#fff}
.org > li.lv1 a,.org > li.lv1 span.txt{margin-top:20px;background:#2e72bf;font-size:18px;font-weight:bold}
.org > li.lv2 a{background:#7f7f87;font-size:15px;height:45px;line-height:45px;} /* background:7f7f87 */
.org > li .lv2_depth li{position:relative;margin-top:20px;}

/* 찾아오시는길 */
.daum_map {border: 1px solid #cfcfcf;height: 0;padding-top: 58%;position: relative;}
.daum_map .map {bottom: 0;left: 0;position: absolute;right: 0;top: 0;}
.traffic_list .bus li{margin-top:7px;}
.traffic_list .bus li:first-child{margin-top:0}
.traffic_list .bus strong{display:inline-block;padding:5px;margin:5px 10px 0 0;color:#fff}
.traffic_list .bus strong.bsc1{background:#1b74c8}
.traffic_list .bus strong.bsc2{background:#0cac04}
.traffic_list .bus strong.bsc3{background:#d3161a}

/* 통계보기 */
.cont_left{float:left; width:47%; margin-left:4%;}
.cont_left:first-child{margin-left:0;}
.cont_left .tbl_type1{width:100%;}

/* 자료기증안내 */
.process{overflow:hidden;}
.process li{float:left; width:222px; height:139px; margin-left:15px; padding-left:27px; background:url(../images/sub/process_li.png) no-repeat left;}
.process li:first-child{width:195px; margin-left:0; padding-left:0; background:none}
.process li dl dt{width:195px; height:82px;padding-top:27px; color:#fff; font-size:18px; line-height:24px; font-weight:600; text-align:center;}
.process li dl .line2{padding-top:15px}
.process li dl .bg01{background:url("../images/sub/process_bg01.png");}
.process li dl .bg02{background:url("../images/sub/process_bg02.png");}
.process li dl .bg03{background:url("../images/sub/process_bg03.png");}
.bg02.line2{padding:0 32px}
.bg03.line2{padding:0 43px}
.process li dl dd{width:195px; height:56px; padding-top:16px; border-left:1px solid #bebebe; border-right:1px solid #bebebe; border-bottom:1px solid #bebebe; color:#616161; font-size:18px; text-align:center;}
.mb_ver{display:none;}

/*뷰어다운로드*/
.viwer.tbl_type1 td > span {padding-left: 60px}
.viwer.tbl_type1 td > span.ico {background: url('../images/sub/viewer_ico_sp.png') no-repeat 0 0 ; height: 45px; display: block;line-height: 45px;}
.viwer.tbl_type1 td > span.ico > span {display: block;}
.viwer.tbl_type1 td > p.hangul {background-position: 0 0; }
.viwer.tbl_type1 td > span.acro {background-position: 0 -76px}
.viwer.tbl_type1 td > span.shock {background-position: 0 -151px}
.viwer.tbl_type1 td > span.codec {background-position: 0 -227px; line-height: 22px}
.viwer.tbl_type1 td > span.ppt {background-position: 0 -303px;line-height: 22px}
.viwer.tbl_type1 td > span.excel {background-position: 0  -379px; line-height: 22px}
.viwer.tbl_type1 td > span.word {background-position: 0 -455px;line-height: 22px}
.viwer.tbl_type1 td {vertical-align: middle;word-break:keep-all;}

/*통합검색*/
.top_search {position:relative;background: #f3f4f5; border: 1px solid #e3e3e3; width: 100%; padding:20px 3.8%;margin-bottom:40px;}
.top_search ul li {display: inline-block;}
.top_search select {font-size: 15px; min-width: auto; }
.top_search input[type="text"] {width: 255px}
.top_search .top_check h4{display:inline-block;margin-right:80px;}
.top_search .top_check:after{display:block;content:'';clear:both}
.top_search .top_check{position:relative; margin-top: 20px;}
.top_search .top_check label{margin-right:40px;}
.top_search .top_check li{display:inline-block;width:auto;}
.sear_result {margin-top: 36px}
.sear_result > p  {font-size: 13px; margin-bottom: 24px}
.sear_result strong {font-weight: 600}
.sear_result em {color: #005db1; font-weight: 600}
.sear_result dl dt {padding: 18px 25px; border-top: 2px solid #1165c3; border-bottom: 1px solid #969696; font-weight: 600; font-size: 15px}
.sear_result  dd {color:#005db1;border-bottom: 1px solid #ddd; position: relative; }
.sear_result  dd a {display: block; padding:18px 20px 18px 36px;color: #005db1;word-break:keep-all; }
.sear_result  dd a > span {display: block; padding:10px 0 0 10px; color: #616161; }
.sear_result  dd > a::before {background: url('../images/sub/sr_ico_sp.png') no-repeat 0 0;content:"";width:4px;height:3px;display: inline-block;position: absolute;top: 25px; left: 28px}
.sear_result  dd > a span::before {display: inline-block; background: url('../images/sub/sr_ico_sp.png') no-repeat -14px 0;content:"";width:10px;height:10px;position: absolute;top: 53px; left: 28px; padding-left: 10px}
.sear_result dl + a.list_more {display: block; text-align: center; padding: 20px 0; background: url('../images/sub/btn_sr_more.png') no-repeat 54.22% 50%;}
.sear_result dl + a.list_more.last {border-bottom: 2px solid #1165c3}
.content_sub.new.nondata .txt_box{background:#fcfcfc url("../images/common/bg_ico_alert.png") no-repeat scroll 30px center;padding-left:125px;}

/*사이트맵
.sitemap {word-break:keep-all;}
.sitemap h4{font-size: 18px; font-weight: bold;padding: 18px 0 18px 30px; border-top: 2px solid #005db1; border-bottom: 1px solid #dfdfdf; color: #005db1}
.sitemap ul {overflow: hidden;padding: 15px 30px; }
.sitemap ul li {float: left; width: 33.333%;padding: 13px 0}
.sitemap ul li a {font-size: 17px; font-weight: 600;color: #313131; display: inline-block; }
.sitemap dl {margin-top: 30px}
.sitemap ul li > dl dt a {color: #005db1; font-size: 15px; display: block;}
.sitemap ul li > dl dd li {margin-top:6px;padding:0 0 0 9px; width: 100%}
.sitemap ul li > dl dd li:first-child {margin-top: 8px}
.sitemap ul li > dl dd li:before{display:block;position:absolute;left:0;top:10px;width:5px;height:1px;background:#616161;content:''}
.sitemap ul li > dl dd li a {color:#616161;font-size: 15px;font-weight: normal; }
.sitemap ul li > dl dt + dt {margin-top: 25px}
.sitemap .ulist01 {padding: 0}
.sitemap dt > a.line2 {line-height: 1.7}
.sitemap ul.ulist01.last {margin-bottom: 0}
.sitemap .mobile_select {display: none;}*/

.sitemap {word-break:keep-all;}
.sitemap h4{font-size: 18px; font-weight: 600;padding: 18px 0 18px 30px; border-top: 2px solid #005db1; border-bottom: 1px solid #dfdfdf; color: #005db1}
.sitemap h5{font-size: 17px; font-weight: 600;}
.sitemap .togglers > ul {overflow: hidden;padding: 15px 30px; }
.sitemap .togglers > ul > li {float: left; width: 33.333%;padding: 13px 0}
.sitemap .togglers > ul > li a {font-size: 17px; font-weight: 600;color: #313131; display: inline-block; }
.sitemap .togglers > ul > li > ul {margin-top: 30px}
.sitemap .togglers > ul > li > ul  > li + li{margin-top:15px}
.sitemap .togglers > ul > li > ul  > li > a {color: #2f2f2f; font-size: 15px; display: inline-block;}
.sitemap .togglers > ul > li > ul  > li li {margin-top:6px;padding:0 0 0 9px; width: 100%}
.sitemap .togglers > ul > li > ul  > li li:first-child {margin-top: 8px}
.sitemap .togglers > ul > li > ul  > li li:before{display:block;position:absolute;left:0;top:10px;width:5px;height:1px;background:#616161;content:''}
.sitemap .togglers > ul li > ul li li a {color:#303030;font-size: 15px;font-weight: normal; }
.sitemap .ulist01 {padding: 0}
.sitemap ul.ulist01.last {margin-bottom: 0}
.sitemap .mobile_select {display: none;}

/* 레이어팝업 */
.hide{display:none}
.ly_indent1{text-indent:-67px;margin-left:65px}
.ulist01 li.ly_indent1:before {left: -65px;}
.ly_indent2{text-indent:-118px;margin-left:118px}
.ulist01 li.ly_indent2:before {left: -118px;}

.map_layer_wrap{position:fixed;left:0;top:0;width:100%;z-index:100}
.map_layer_wrap .map_layer{position:absolute;left:50%;top:100px;width:800px;height:400px;margin:40px 0 0 -400px;;background:#fff;z-index:10000}
.map_cont{position:relative;padding:30px;}
.map_cont .left{float:left;width:300px;margin-right:30px;text-align:center}
.map_cont .left .img_area img{width:100%;}
.map_cont .left .txt_area{margin-top:20px;font-size:15px;color:#616161}
.map_cont .right{float:right;width:410px;padding-right:30px;max-height:340px;overflow-x:hidden;overflow-y:auto;}
.btn_ly_close{position:absolute;right:0;top:-40px;}
.btn_ly_close a{display:block;width:60px;height:40px;text-indent:-9999px;background:#2e2e2e url("../images/sub/btn_ly_close.png") no-repeat center center}

/* 제주4·3평화공원 */
.jeju_park{margin:40px 0 10px;overflow:hidden;}
.jeju_park > div{float:left;}
.jeju_park > div.left{width:432px;margin-right:30px;}
.jeju_park > div.right{width:448px;}

/* container tablet */
@media all and (max-width:1023px) {
	.history_box .history_bg,.history_box .list_1st,.history_box .sub02_2_7{float:none;width:100%;background-position:center 0 !important}

	.cont_left{clear:both; width:100%; margin-left:0;}
	.cont_left.marT20{margin-top:20px;}

	.process li{width:174px}
	.process li:first-child, .process li dl dt, .process li dl dd{width:147px}
	.bg02.line2{padding:0 10px}
	.bg03.line2{padding:0 19px}

	.top_search ul li {display: block;width: 100%}
	.top_search ul li > select {width: 58.5%}
	.top_search ul li > select  + select{width: 20%}
	.top_search ul li + li {margin-top: 7px}
	.top_search input[type="text"] {width: 88%}
	.top_search .btn_area a {width: 10%}
	/*.btn_area .type1 {display: none}*/
	.sitemap ul li {width: 50%}
	.map_layer_wrap .map_layer{width:720px;margin:40px 0 0 -360px}
	.map_cont .right{width:330px;padding-right:20px;}
}

@media all and (min-width:768px) and (max-width:948px){
	.tbl_type1 td > span.codec,  .tbl_type1 td > span.ppt, .tbl_type1 td > span.excel, .tbl_type1 td > span.word{ line-height: 22px}
	.tbl_type1 td > span.codec > span {display: inline;}
	.top_search input[type="text"] {width: 87%}
	
}

/* Mobile & Tablet */
@media all and (max-width:767px) {
	.history_box .list_1st li span{clear: both;float:none !important;}
	.history_box .list_1st li span.year .date{display:block;float:none;margin:15px 0 10px}

	.org > li{float:none;width:100%;}
	.org > li.lv1 a{margin-top:0;width:80%;margin-left:20%;}
	.org > li.lv2 a{width:90%;margin-left:10%;}
	.org:before{left:0;top:45px;background:url("../images/sub/sub01_2_bg2.gif") no-repeat scroll left top;}
	
	.traffic_list .bus li{margin-top:15px;}
	.traffic_list .bus strong{display:block;width:65px;margin-bottom:10px;}
	
	.cont_etc{line-height:30px}

	.txt_over th,.txt_over td{padding:10px 5px;}
	.txt_over{font-size: 13px;}

	.tbl_type1 td > span {padding-left: 0}
	.tbl_type1 td > span.ico {background: none}
	.tbl_type1 .none {display: none}
	.tbl_type1 thead th:first-child {width: 65%}
	.tbl_type1.tbl_type2 thead th:first-child {width: auto}
	.top_search ul li > select:first-child, .top_search ul li + li {margin-top: 0}
	.top_search ul li > select, .top_search ul li > select  + select, .top_search input[type="text"], .btn_area .type4, .top_search .btn_area a  {width: 100%; margin-top:10px;}
	.btn_area .type4 {margin:10px 0 0;}
	.sear_result dl + a.list_more {background-position: 60% 50%}
	.sitemap h4 {display: none}
	.sitemap h4 + ul li {width: 100%}
	.sitemap ul {padding: 15px 0}
	.sitemap ul li a {font-size: 22px}
	.sitemap dl {margin-top: 15px}
	.sitemap ul li > dl dt a {font-size: 18px}
	.sitemap ul li > dl dd li:first-child {margin-top: 15px}
	.sitemap ul li > dl dd li a {font-size: 16px}
	.sitemap .mobile_select {display: block; }
	.sitemap .mobile_select select{display:block;border: 1px solid #dedede;height:35px;width:100%;padding:4px 10px;font-size:15px;text-overflow: ellipsis;white-space: nowrap;}
	.sitemap .menu_01 {display: none}
	
	.map_layer_wrap{position:absolute;left:0;top:0;width:100%;z-index:100;margin:0 20px;}
	.map_layer_wrap .map_layer{width:360px;height:auto;margin:40px 0 0 -200px;}
	.map_cont .left{margin-bottom:30px;}
	.map_cont .left,.map_cont .right{float:none;width:100%;max-height:100%;}
	.ly_indent1,.ly_indent2{text-indent:0;margin-left:0}
	.ulist01 li.ly_indent1:before,.ulist01 li.ly_indent2:before{left: 0;}

	.viwer.tbl_type1 td > span.ico{background:0 none; padding-left:0}
	
	.top_search{padding-bottom:80px;margin-bottom:20px;}
	.top_search .top_check li{display:block;margin-top:10px;}
	.top_search .btn_area{position:absolute; left:0;bottom:20px;width:92.4%;margin:0 3.8%;}

	.jeju_park{margin:20px 0}
	.jeju_park > div{float:none;width:100% !important;}
	.jeju_park > div.left{margin-bottom:20px;}
	.jeju_park > div.left img{width:100%;}

.content_sub.new.nondata .txt_box{background:#fcfcfc;padding-left:30px;}
}

/* process mobile */
@media all and (max-width:770px) {
	.process{width:100%;}
	.process li{width:100%; height:153px; margin-top:15px; margin-left:0; padding-top:23px;  padding-left:0; background:url("../images/sub/process_li2.png") no-repeat top;background-size:35px auto}
	.process li dl .line2{padding-top:20px}
	.process li:first-child{height:130px; margin-top:0; padding-top:0; background:none;}
	.process li:first-child, .process li dl dt, .process li dl dd{width:100%;}
	.process li dl dt{width:100%; height:68px; padding-top:20px; font-size:18px;}
	.process li dl dd{width:100%; height:62px; padding-top:16px; border-left:2px solid #bebebe;  border-right:2px solid #bebebe; border-bottom:2px solid #bebebe; font-size:18px;}
	.bg02.line2, .bg03.line2{padding:0;}

	.pc_ver{display:none;}
	.mb_ver{display:block;}
}

/* mobile */

@media all and (min-width:412px) and (max-width: 525px){
	.tbl_type1 thead th:first-child {width: 63%}
	.tbl_type1 td > span.codec > span {display: block; line-height: 20px}
	.tbl_type1 td > span.ppt > span {display: block; line-height: 20px}
	.sear_result {margin-top: 22px}
	.sear_result  dd a {line-height: 23px}
	.sear_result  dd > a::before {top: 27px}
	.sear_result  dd > a span::before {top: 85px}
	.sear_result dl + a.list_more {background-position: 61% 50%}


}

@media all and (max-width:376px) {
	.tbl_type1 td > span.codec > span, .tbl_type1 td > span.ppt > span, .tbl_type1 td > span.excel > span, .tbl_type1 td > span.word > span {line-height: 23px}
	.tbl_type1 td > span.excel > span, .tbl_type1 td > span.word > span {display: block;}
	.tbl_type1 td > span.codec > span {display: inline;}
	.sear_result p > span {display: block;padding-left: 8px; line-height: 25px}
	.sear_result  dd a {line-height: 23px}
	.sear_result  dd > a::before {top: 29px}	
	.sear_result  dd > a span::before {top: 86px}
	.sear_result dl + a.list_more {background-position: 66% 50%}
}

@media all and (max-width:320px) {
	.process li{background-size:25px auto}
	.sear_result  dd > a span::before {top: 107px}

	.map_layer_wrap{position:absolute;left:0;top:0;width:100%;z-index:100}
	.map_layer_wrap .map_layer{width:280px;height:auto;margin:40px 0 0 -160px;}
	.map_cont .left,.map_cont .right{float:none;width:100%;max-height:100%;}
}

/* PC Web Mode */
@media all and (min-width:1025px) {
	.traffic_list > div{padding-left:165px;min-height:115px;color:#616161;font-size:15px;}
	.traffic_list .train{background:url("../images/sub/traffic_list_bg1.png") no-repeat left center}
	.traffic_list .bus{margin-top:30px;background:url("../images/sub/traffic_list_bg2.png") no-repeat left center}
	.sitemap .togglers{display:block !important;}
}


/*snb두줄 메뉴*/
#snb .th2>li>a.line02{display: block;}

/*common css 수정(139번째 줄)*/
.list_num + p.add_info, .ulist01 + p.add_info{margin-top:-5px; margin-bottom:20px; padding-left: 8px; color: #616161;}

/*테이블 2줄 셀 가운데 정렬*/
.tbl_type1 .vm01 td{vertical-align:middle;}

.btn_print{overflow:hidden;}
.btn_print a{display:block; float:right; width:116px; height:40px; padding-left:11px; line-height:40px; background:url(../images/common/btn_print.png) no-repeat;}
.btn_down a{position:relative; display:inline-block; width:201px; height:40px; padding-left:20px; line-height:38px; background:url(../images/common/btn_down.png) no-repeat;}
.btn_down a:after{display:block; content:''; position:absolute; top:0; right:0; width:33px; height:40px; background:url(../images/common/btn_down_end.png) no-repeat;}
.btn_area .btn_down a{color:#616161;width:130px;text-align:left;line-height:35px}

/* 팝업 */
#map_wrap{width:100%}
#map_header #logo{position:relative;z-index:6;width:209px;height:48px}
#map_header #logo a{display:block;background:url("../images/header/logo.png") no-repeat 0 0;width:100%;height:48px;font-size:0}

/* 일본내조선인 재해·재난 개요 및 유골 보관 실태표 상세보기 */
.pop_map_data{overflow:hidden;width:100%;padding:25px 20px}
.pop_map_data .left{position:relative;float:left;width:460px;padding-bottom:50px;margin-right:28px;}
.pop_map_data .right{float:right;width:662px;}
.pop_map_data .left h3{margin-bottom:20px;font-size:20px;font-weight:bold;color:#303030;text-align:left;}
.all_map{position:absolute;right:-10px; top:-10px}
.jp_map{position:relative;width:460px;height:530px;margin-top:40px;}
.jp_map.type1_1{background:url("../images/sub/jp_map1_1.gif") no-repeat left top}
.jp_map a.jp_link{position:absolute;display:block;width:8px;height:8px;text-indent:-9999px;background:#000;}
.map_legend{position:absolute;left:50%;bottom:0;margin-left:-115px;width:230px;height:33px;border:1px solid #c8c8c8;}
.map_legend li{float:left;margin:7px 15px;padding-left:18px;position:relative;letter-spacing:0;}
.map_legend li span{position:absolute;left:0;top:50%;margin-top:-6px;display:block;width:12px;height:12px;background:url("../images/sub/map_legend.gif") no-repeat left top;text-indent:-9999px}
.map_legend li:nth-child(2) span{background-position:0 -12px}
.map_legend li:nth-child(3) span{background-position:0 -24px}

@media all and (max-width:1024px) {
	.pop_map_pc,.pop_tab select,.pop_map_list li a .count{display:none}
	#map_header{height:100px;border-bottom:4px solid #2f88dc;padding:25px;margin-bottom:25px}
	#map_container{position:relative;width:100%;padding:25px}
	#map_container .pop_tab{width:100%;}
	.pop_map_list{margin-top:40px}
	.pop_map_list li a{display:block;box-sizing:border-box;width:100%;height:80px;line-height:40px;padding:20px;border:1px solid #ddd;background:url("../images/sub/map_arrow_off.png") no-repeat right center;font-size:18px;}
	.pop_map_list li a:hover,.pop_map_list li a:focus{border:2px solid #005db2;line-height:38px;background:url("../images/sub/map_arrow_on.png") no-repeat right center;text-decoration:underline;font-weight:bold}
	
	.pop_map_data{padding:20px 0}
	.pop_map_data .left{display:none}
	.pop_map_data .right{float:none;width:100%;}
}
@media all and (max-width:767px) {
	.pop_tab .tab_menu{display:none}
	.pop_tab select{display:block;width:100%}
}
@media all and (max-width:414px) {
	#map_header{margin-bottom:0}
	#map_container{padding:20px;}
	.pop_map_list{margin-top:30px}
	.pop_map_list li a,.pop_map_list li a:hover,.pop_map_list li a:focus{height:60px;line-height:20px;background:0 none;font-size:16px;}
}
@media all and (min-width:1025px) {
	.pop_map_list, .pop_tab select{display:none}
	#map_header{min-width:1200px;height:70px;background:#f7f7f7;border-bottom:1px solid #e3e3e3;padding:15px;}
	#map_container{position:relative;width:1200px;}
	#map_container h3.map_h3{position:absolute;left:50px;top:50px;font-size:22px;font-weight:bold;}
	#map_container .pop_tab{width:800px;position:absolute;left:380px;top:-50px;}
	.pop_map_pc{position:relative;width:100%;padding-top:40px;text-align:center}
	.pop_map_pc a.map_po{display:block;position:absolute;padding:7px 25px 10px;background:#757575;color:#fff;font-size:14px;line-height:20px;letter-spacing:0}
	.pop_map_pc a.map_po.jp_img_ov1{left:830px;top:195px}
	.pop_map_pc a.map_po.jp_img_ov2{left:490px;top:285px}
	.pop_map_pc a.map_po.jp_img_ov3{left:675px;top:440px}
	.pop_map_pc a.map_po.jp_img_ov4{left:440px;top:515px}
	.pop_map_pc a.map_po.jp_img_ov5{left:330px;top:330px}
	.pop_map_pc a.map_po.jp_img_ov6{left:120px;top:495px}
	.pop_map_pc .map_info{position:absolute; right:150px;bottom:50px;text-align:left;}
	.pop_map_pc .map_info li{position:relative;padding-left:30px;height:22px;line-height:22px;}
	.pop_map_pc .map_info li + li{margin-top:10px}
	.pop_map_pc .map_info li .ico{position:absolute;left:0;display:block;width:22px;height:22px;background:url("../images/sub/map_info.gif") no-repeat 0 0}
	.pop_map_pc .map_info li:nth-child(2) .ico{background-position: 0 -32px}
	.pop_map_pc .map_info li:nth-child(3) .ico{background-position: 0 -64px}
	.pop_map_pc .map_info li:nth-child(4) .ico{background-position: 0 -96px}
	.pop_map_pc .map_info li:nth-child(5) .ico{background-position: 0 -128px}
	.pop_map_pc .map_info li:nth-child(6) .ico{background-position: 0 -160px}
	
}

.txt_over2 th,.txt_over2 td{padding:10px 2px;}
.txt_over2{font-size: 12px;}

/* 사실조사 및 심의지침 */
.process_it{overflow:hidden;} 
.process_it .img{float:left; margin-right:50px;}
.process_it .txt{float:left; width:60%;}
.process_it .txt ul .line{padding:16px 0 15px 10px; background:url(../images/sub/process_it_bg.png) repeat-x bottom;}
.process_it .txt li:first-child{padding-top:0;}
.process_it .txt .cont_atc{padding-left:10px;}

/* 생활지원금 지급 */
.process.line2 li{float:left; width:285px; height:115px; margin-right:15px; margin-left:0; padding-right:32px; padding-left:0; background:url(../images/sub/process_li.png) no-repeat right;}
.process.line2 li:last-child{width:255px; margin-right:0; margin-left:0; padding-right:0; padding-left:0; background:none}
.process.line2 li.top{margin-bottom:40px}
.process.line2 li dl dt{width:255px; height:58px; padding-top:15px; color:#fff; font-size:18px; line-height:24px; font-weight:600; text-align:center;}
.process.line2 li dl dd{width:255px; height:56px; padding-top:16px; border-left:1px solid #bebebe; border-right:1px solid #bebebe; border-bottom:1px solid #bebebe; color:#616161; font-size:18px; text-align:center;}

/* .process.line2 tablet */
@media all and (max-width:1204px) {
	.process.line2 li{float:left; width:230px;}
	.process.line2 li dl dt{width:200px;}
	.process.line2 li dl dd{width:200px;}
}

@media all and (max-width:984px) {
	.process.line2 li{float:left; width:217px;}
	.process.line2 li:last-child, .process.line2 li dl dt, .process.line2 li dl dd{width:185px;}
	
}

/* process_it tablet */
@media all and (max-width:966px) {
	.process_it .img{width:29%; margin-right:3%;}
	.process_it .img img{width:100%}
	.process_it .txt{width:68%;}
}

/* .process.line2 moblie */
@media all and (max-width:770px) {
	.process.line2{width:100%;}
	.process.line2 li{width:100%; height:185px; margin-top:0; margin-bottom:30px; margin-right:0; padding-top:0; padding-bottom:55px;  padding-right:0; background:url("../images/sub/process_li2.png") no-repeat bottom; background-size:35px auto}
	.process.line2 li:last-child{background:none; margin-bottom:0; padding-bottom:0}
	.process.line2 li:last-child, .process li dl dt, .process li dl dd{width:100%;}
	.process.line2 li.top{margin-bottom:30px}
	.process.line2 li dl dt{width:100%; height:68px; padding-top:20px; font-size:18px;}
	.process.line2 li dl dd{width:100%; height:62px; padding-top:16px; border-left:2px solid #bebebe;  border-right:2px solid #bebebe; border-bottom:2px solid #bebebe; font-size:18px;}
}

/* process_it moblie */
@media all and (max-width:768px) {
	.process_it .img{clear:both; width:100%; margin-right:0; margin-bottom:50px; text-align:center;}
	.process_it .img img{display:inline-block; width:270px;}
	.process_it .txt{clear:both; width:100%;}
}

/*sub02_4_15 텍스트 박스 추가*/
.txt_box{display: block; margin-top: 20px; padding:30px; width:100%; border: 1px solid #dfdfdf; background-color: #fcfcfc;}
.txt_box li:before{top:10px !important;width:4px !important;height:3px !important;}
.txt_box li ul >li:before{top:10px !important;width:5px !important;height:1px !important;}

/*위원장 인사말 폰트 색상 추가*/
.intro_org{float: right; text-align: right; margin-top: 40px;}
.fs_cha{color: #303030;}

@media only all and (max-width:1024px) {
	/*모바일 화면 기관명 두줄*/
	.intro_org{max-width: 200px;}
}

/*위원회 연혁*/
.history_box .history_bg.type02{background:url("../images/sub/sub02_5_2_bg.png") no-repeat scroll center}


/* 조직도 */
.org.sub02_5_3:before{background:url("../images/sub/sub02_5_3_bg.png") no-repeat scroll center center; top:30px; background-size: 100%}
.org.sub02_5_3 > li p{display:inline-block;min-width:250px;height:50px;line-height:50px;color:#fff}
.org.sub02_5_3> li.lv1 p{margin-top:20px;background:#2e72bf;font-size:18px;font-weight:bold}
.org.sub02_5_3 > li a, .org.sub02_5_3 > li p{display: inline-block; min-width:280px;height:50px;line-height:50px; color: #fff;}
.org.sub02_5_3 > li.lv1{text-align: left}
.org.sub02_5_3 > li.lv1 p{;padding:0 20px}
.org.sub02_5_3 > li.lv1_1{position: absolute; top:345px;  left: 115px; }
.org.sub02_5_3 > li.lv1_1 p{background:#26a5b8;font-size:16px;font-weight:bold}
.org.sub02_5_3 > li .lv2_depth{float: right}
.org.sub02_5_3 > li.lv2 a{padding:15px 0; height:70px;line-height:21px; }

@media all and (max-width:1023px) {
	.org.sub02_5_3 > li{float:none;width:100%;}
	.org.sub02_5_3 > li.lv1 p{text-align: center; margin-top:0;width:90%; margin-left:10%;}
	.org.sub02_5_3 > li.lv1_1{position: relative; top:0; left: 0; margin-top: 20px;}
	.org.sub02_5_3 > li.lv1_1 p, .org.sub02_5_3 > li.lv2 a{width:80%;margin-left:20%}
	.org.sub02_5_3 > li .lv2_depth{float: none;}
	.org.sub02_5_3:before{top:30px;background:url("../images/sub/sub02_5_3_bg02.png") no-repeat scroll left top;}
}

@media only all and (max-width:767px) {
	.org.sub02_5_3:before{left:0;top:30px;background:url("../images/sub/sub02_5_3_bg03.png") no-repeat scroll left top;}
	.org.sub02_5_3 > li a, .org.sub02_5_3 > li p{min-width: 80%; font-size: 13px; text-align: center;}
	.org.sub02_5_3 > li.lv1 p{padding: 0 10px;}
	.org.sub02_5_3 > li.lv1_1 p{ font-size: 13px; margin-top: 16px}
}
@media only all and (max-width:375px) {
	.org.sub02_5_3 > li.lv1_1{margin-top: -15px;}
}

@media only all and (max-width:320px) {
	.org.sub02_5_3:before{left:0;top:30px;background:url("../images/sub/sub02_5_3_bg03_1.png") no-repeat scroll left top;}
	.org.sub02_5_3 > li a{min-width: 272px;}
}

.btn_top{overflow:hidden;}
.btn_top a{display:inline-block; float:right; color:#616161; font-size:16px; line-height:60px; text-decoration:underline;}


/*버튼형 min-width 20 줄이고 양 옆 padding을 10씩 증가 */
.btn_area .type4.ty2, .btn_area .type1.ty2, .btn_area .type2.ty2, .btn_area .type1.ty3 { padding:5px 20px}

/*사할린_빠른검색*/
.sr_word {font-size: 15px; margin-bottom: 20px}
.sr_word em, .sr_result_more em {font-weight: 600}
.sr_result_more {border-top:1px solid #c8c8c8; border-left:1px solid #c8c8c8; border-right: 1px solid #9c9c9c; border-bottom: 1px solid #9c9c9c;  margin-top: 30px; text-align: center;color: #616161}
.sr_result_more > a {padding: 12px 0; display: block;}
.sr_result_more > a:focus span + span, .sr_result_more > a:hover span + span {text-decoration: underline;}
.sr_result_more span + span {display: inline-block; margin-left: 15px}

.fast_srh {border-top: 2px solid #313131; border-bottom: 2px solid #313131; margin-bottom: 36px }
.fast_srh input, .fast_srh select {font-size: 15px; color:#8c8c8c;}
.fast_srh h4 {float:left; font-size: 20px; font-weight: 600; line-height: 2.2; height: 50px;background: url('../images/sub/fasr_ico_sp.png') no-repeat 0 0; }
.fast_srh h4 > label {padding-left: 65px; vertical-align: top;}
.fast_srh ul li > h4:after {clear: both;content: '';display: block;}
.fast_srh ul li > h4.date {background-position: 0 -100px  }
.fast_srh ul li > h4.clan {background-position: 0 -200px }
.fast_srh ul li > h4.cem_loc {background-position: 0 -300px }
.fast_srh h4 > label.label_line2 {display: block;min-height:50px;line-height: 1.3 }

.fast_srh ul {padding: 40px 0; overflow: hidden; border-top: 1px solid #ddd; word-break:keep-all;}
.fast_srh ul:first-child{border-top: 0; padding-right: 25px}
.fast_srh.type2 ul:first-child{border-top: 0; padding-right: 0}
.fast_srh ul li {width: 30%; display:inline-block;vertical-align:top;}
.fast_srh ul li + li {width: 69%}
.fast_srh a {background: url('../images/sub/fasr_ico_sp.png') no-repeat; display: inline-block; }
.fast_srh dt {font-size: 17px; font-weight: 600;margin-bottom: 12px}
.fast_srh dd {color:#616161; font-size: 15px; line-height: 1.6}
.fast_srh dd.btn_area.tb_toggle {margin-top: 20px}
.fast_srh dd.btn_area.tb_toggle input {height: 40px; width: 60%}
.fast_srh .tb_more {display: inline-block; text-indent: -9999px; margin: 15px 0 0 15px;}
.fast_srh .tb_more a {display: block;width: 20px;height: 20px;}
.fast_srh .tb_more a.detail_off.detail_on {background-position: -163px 0}
.fast_srh .tb_more a.detail_off {background-position: -163px -69px}
.fast_srh dd > div + div {margin-top: 15px}
.fast_srh dd > div label {margin-right: 15px; display: inline-block;width: 16%}
.fast_srh dd > div label > span {display: inline-block;}
.fast_srh dd > div input.year {width: 13%; padding-right: 27px}
.fast_srh dd > div input.year + span + input.year {width: 11%;}
.fast_srh dd > div input[type="text"]:disabled {border:1px solid #e3e3e3; background: #f3f4f5; width: 11%}
.fast_srh dd > div input + span {margin-left: -25px; margin-right: 17px;}
.fast_srh dd > div.input2 input{width: 40%}
.fast_srh dd > div.input2.last input{width: 80.5%}
.fast_srh dd > div label.label3{margin-right: 20px; width: auto}
.fast_srh dd > div label.lab_lineh {line-height: 1.5}
.fast_srh dd > div.input1 input {width: 77%}
.fast_srh dd.select1 select {width: 40%; font-size: 15px}
.fast_srh dd > div.select6 select.year, .fast_srh dd > div.select6 select {min-width: auto}
.fast_srh dd > div.select6 select.year {width: 80px}
.fast_srh dd > div.select6 select {width: 65px}
.srh_top {text-align: right; margin:69px 0 18px;}
.srh_top select {font-size: 15px}

.tb_toggle {display: none;}

/*러시아어 키보드*/
#rKey {width: 100%; text-align: center; margin-top: 20px;/*line-height: 35px;*/}
#rKey input{margin:5px 3px}
#rKey input.key {width: 32px; text-align: center; height: 32px; }
#rKey input.del {width: 32px; text-align: center; height: 32px; }
#rKey input.delAll {text-align: center; height: 32px; width:100px}
#rKey input.space {text-align: center; height: 32px; width: 260px; }


/*모바일 빠른검색*/
.mogile_srh_result {display: none;}


/*버튼 추가 */
.btn_area .type4.ty2 {height: 40px !important;  padding:5px 20px}


/*테이블 스타일 추가*/
.tbl_type1 td {vertical-align: middle;}
.tbl_type1 a {display: inline-block;}
.tbl_type1 .th1{vertical-align:middle; word-break:keep-all; white-space: nowrap;}

/* */
.tbl_type1.focus_bg.word_modi *{word-break:break-all}
.tbl_type1.focus_bg.word_modi .th1 a{white-space:initial}
.tbl_type1.focus_bg.word_modi td img{width:100%;max-width:150px}

/* container tablet */
@media all and (max-width:1023px) {
	.fast_srh ul li:first-child{display: none}
	.fast_srh ul li + li {margin-left: 10px; width: 100%}
	.fast_srh.type2 > ul li +li{margin-left:0}
	.fast_srh dd > div input.year {width: 15%}
	.fast_srh .btn_area .type1.ty3 {display: inline-block;}
}

@media all and (min-width:768px) and (max-width:948px){
	.fast_srh dd > div label {width: 12%}
	.fast_srh dd > div.input2 label {width: 15%}
}

/* Mobile & Tablet */
@media all and (max-width:767px) {
	.fast_srh dd.btn_area.tb_toggle input {width: 50%}
	.fast_srh dd > div label{width:100%}
	.fast_srh dd > div label + span {display: block; width: 100%; margin-top: 10px}
	.fast_srh .btn_area .type4.ty2 {display: inline-block; margin:0; width: auto; }
	.fast_srh span.line2 {display: block; width: 100%; margin-top: 10px}
	.fast_srh dd > div input.year {width: 35%;}
	.fast_srh dd > div input[type="text"]:disabled { width: 27%}
	/*.content_sub .tbl_type1{display: none}*/
	.mogile_srh_result {display: block; border-top: 2px solid #1165c3}
	.mogile_srh_result dl {padding: 20px 0; overflow: hidden;border-bottom: 1px solid #ddd}
	.mogile_srh_result dl dt, .mogile_srh_result dl dd {float:left;}
	.mogile_srh_result dl dd {margin-left: 27px; line-height: 2.0}
	.mogile_srh_result ul li {background-image: url('../images/sub/bul_ty1.png'); padding-left: 10px; background-size: 3%; background-position:  0 50%; background-repeat: no-repeat;}
	.fast_srh dd > div.input2 span {display: inline-block;}

	.fast_srh dd.select1 select,.fast_srh dd > div.input1 input,.fast_srh dd > div.input2.last input{width:100%}
	.fast_srh dd > div.input2 input{width: 49%}
	.srh_top {margin: 30px 0 18px;text-align: right;}
	.srh_top select, .srh_top .btn_area{min-width:1px;width:30%;display:inline-block;}
	.srh_top .btn_area.btn_area .type4{margin-top:0}
	.fast_srh dd > div label.label3{margin-right:10px;}
	
	.fast_srh dd > div.select6 select{width:25%}
	.fast_srh dd > div.select6 select.year{width:30%}

	/*러시아어 키보드*/
	#rKey input{margin:0}
	#rKey {width: 100%; text-align: center; margin-top: 20px;/*line-height: 35px;*/}
	#rKey input{margin:0 2px}
	#rKey input.key {width: 35px; text-align: center; height: 27px; }
	#rKey input.del {width: 35px; text-align: center; height: 27px; }
	#rKey input.delAll {text-align: center; height: 27px; width: 90px;}
	#rKey input.space {text-align: center; height: 27px; width: 115px; }
	.tb_toggle {display: block;}

}

/*mobile*/
@media all and (min-width:412px) and (max-width: 525px){
	.fast_srh .btn_area .type4.ty2, .fast_srh .btn_area .type1.ty3, .btn_area .type2.ty2 {padding: 5px 10px}
	.fast_srh dd.btn_area.tb_toggle input.clan_input {width: 70%}
}

/*추가*/
@media all and (min-width:377px) and (max-width: 411px){
	.fast_srh dd.btn_area.tb_toggle input {width: 32%}
	.fast_srh dd.btn_area.tb_toggle input.clan_input {width: 60%}
}
@media all and (max-width:376px) {
	.fast_srh .btn_area .type4.ty2, .fast_srh .btn_area .type1.ty3, .btn_area .type2.ty2 {padding: 5px 10px}
	.fast_srh dd.btn_area.tb_toggle input {width: 30%}
	.fast_srh dd.btn_area.tb_toggle input.clan_input {width: 56%}
	.fast_srh ul {padding: 20px 0}
	.fast_srh dd > div input.year {width: 32%}
	.mogile_srh_result img {max-width: 90%}
	.mogile_srh_result dl dd {margin-left: 0;line-height: 1.9}
}
/*iphone5*/
@media all and (max-width:320px) {
	.fast_srh dd > div input.year {width: 30%}
	.fast_srh dd.btn_area.tb_toggle input {width:32%}
	.fast_srh dd.btn_area.tb_toggle input.clan_input {width: 60%}
	.mogile_srh_result img {max-width: 100%}
	.mogile_srh_result dl dt {width: 40%}
	.mogile_srh_result dl dd {margin-left: 10px;line-height: 1.5}
	.sr_result_more span + span {margin-left: 3px}
}

/*1103 버튼 수정 및 추가*/
.btn_wrap{overflow:hidden; margin-bottom:30px;}
.btn_wrap p{float:right;}
.btn_wrap a{float:left; display:inline-block; margin-left:10px; vertical-align:top}
.btn_wrap a:first-child{margin-left:0}
.btn_wrap .type1{min-width:75px; height:40px; padding:5px 10px; font-size:15px; line-height:30px; color:#fff; background:#117bcf;}
.btn_print{overflow:hidden;}
a.btn_print, .btn_print a{display:block; float:right; width:116px; height:40px; padding-left:11px; line-height:40px; background:url(../images/common/btn_print.png) no-repeat; color:#616161}

/* 강제동원 */
.jp_desc .img_area img{max-width:220px;}
.jp_desc .btn_area a {height:30px;line-height:20px;min-width:100px;padding-left:30px;}
.jp_desc dt{text-align:left;color:#303030;font-weight:bold;}
.jp_desc dd{text-align:left;color:#616161}
.jp_desc dd.desc{margin-top:10px;line-height:20px;}
.jp_desc dd.info{margin-top:20px;}

.tbl_ul {border-top:2px solid #1165c3}
.tbl_ul li{padding:20px 0;border-bottom:1px solid #ddd}
.tbl_ul li dl{overflow:hidden;}
.tbl_ul li dt{margin-bottom:20px;font-size:15px;font-weight:bold;}
.tbl_ul li dd.photo{position:relative;float:left;width:40%;font-size:15px;}
.tbl_ul li dd.photo span{position:absolute;left:0;bottom:0;width:100%;padding:10px 5px;display:block;background:#000;opacity:0.5;text-align:center;color:#fff;}
.tbl_ul li dd.photo span em{position:absolute; display:block;background:url(../images/common/spr_navi.png) no-repeat 0 -61px;left:15% ;top:13px;width:14px;height:14px;}
.tbl_ul li dd.desc{float:right;width:55%;line-height:20px;}
.tbl_ul li dd.desc .btn_area a{width:100%;}
.tbl_ul li dd.desc .info {position:relative;margin-top:20px;padding-left:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tbl_ul li dd.desc .info:before{position:absolute;display:block;left:0;top:10px;width:4px;height:4px;border-radius:2px;background:#616161;content:''}


/*오류 메시지*/
.error_list {width: 100%; border: 1px solid #dedede;  background: url('../images/sub/bg_error01.png') no-repeat 18% 50%; padding: 110px 0; margin: 100px auto}
.error_list div {margin-left: 45%; word-break:keep-all;}
.error_list p{font-size: 26px; font-weight: 600; color: #005db1;margin-bottom: 20px}
.error_list ul li {font-size: 17px; line-height: 29px; }
.error_list ul li > span.under {text-decoration: underline; }
.error_list ul li strong {font-weight: 600}
.btn_area .btn_fclose {color: #616161; border-top: 1px solid #c8c8c8; border-left: 1px solid #c8c8c8; border-right: 1px solid #9c9c9c; border-bottom: 1px solid #9c9c9c; padding: 5px 20px; font-weight: normal;}
.error_list.ty2 div {margin-left: 45%; margin-right: 2%}

.srh_cate {position: absolute;top: 92px; right: 0}
.srh_cate select { font-size: 15px}

@media all and (max-width:767px) {
	.error_list {background: none}
	.error_list div, .error_list.ty2 div {margin-left: 10%;}
	.error_list div p span {display: block; line-height:2.0}
	.error_list ul li > span {display: block;}
	
}

@media all and (min-width:640px) and (max-width: 767px){
	.error_list {padding: 50px 0}
	.error_list div p span, .error_list ul li > span {display: inline-block;}

}

@media all and (min-width:412px) and (max-width: 639px){
	.error_list div {margin-left: 18%} 
	.error_list {padding: 50px 0}
}

@media all and (max-width:376px) {
	.error_list div {margin-left: 8%}
}

/*iphone5*/
@media all and (max-width:320px) {
	.error_list {padding: 50px 0}
	.error_list div, .error_list.ty2 div {margin-left: 5%}	
} 
@media (min-width: 1025px) {
	#container .wrapper.submain {background:none;}
}

@media screen and (max-width: 1024px) {
	.error_list {margin: 30px 0; background-position: 10% 50%}
	.error_list div {margin-left: 40%;}
	.error_list .btn_area .type1 {display:inline-block; }
	.error_list.ty2 div{margin-left: 40%}
}


.pop_header{position:relative;padding:30px;background:#fbfbfb;border-bottom:#dddbde}
.pop_header:before{position:absolute;left:0;bottom:-1px;display:block;content:'';width:100px;height:1px;background:#2f88dc}

/* 디테일뷰 */
#zoomple_previewholder{left:0;top:0;z-index:99;position:absolute;display:none;width:150px;height:150px;background-color:transparent;background-position:50% 50%;background-repeat: no-repeat;transform: translateZ(0);-webkit-transform: translateZ(0);}
#zoomple_previewholder .image_wrap{left:0;top:0;z-index:99;position:absolute;width:100%;height:100%;overflow:hidden;background:#fff;box-shadow:0 0 15px 2px #444;}
#zoomple_previewholder.rounded .image_wrap{border:0 solid #454C50;	border-radius:50%;background-clip: padding-box;}
#zoomple_previewholder .overlay{position:absolute;left:0;top:0;width:100%;height:100%;background-clip: padding-box;z-index:1; }
#zoomple_previewholder.rounded  .overlay{border-radius:50%;box-shadow:inset 0 0 20px 7px #fff;}
#zoomple_previewholder .cursor{width:20px;height:20px;margin-left:-10px;margin-top:-10px;position:absolute;left:50%;top:50%;z-index:101;background: url(../images/cursor.png) 0 0 no-repeat;}
#zoomple_previewholder.zp-visible{display:block;}
#zoomple_previewholder img{display:block; position:absolute;left:0;top:0;}
#zoomple_previewholder .caption-wrap{ position:absolute;top:100%;left:0;z-index:101;width:100%;margin:0;padding:0;   font:11px Verdana,sans-serif; color:#090808; border-radius:0 0 7px 7px;}
#zoomple_previewholder .caption-wrap .caption{ padding:5px 10px;font:11px Verdana,sans-serif; border-radius:0 0 7px 7px;background: #fff;} 
#zoomple_image_overlay{position:absolute;z-index:100; filter: alpha(opacity=1);opacity: 0.01;}
#zoomple_image_overlay.preview{background:rgb(0,0,0);filter: alpha(opacity=50);opacity: 0.5;}
#zoomple_image_overlay .eyelet{background:rgba(0,0,0,0.2);position:absolute;left:0;top:0;}

.txt-tog{height:35px;overflow:hidden;}
.mo_tog {
    border: 1px solid #ddd;
    display: block;
    margin-top: 10px;
    padding: 10px 0;
    text-align: center;
    width: 100%;
}
#wrap.submain #header{background:#fff}


/*일제강점하 강제동원 동행자찾기 서브 메인*/
#header #logo.type {width: 316px; height: 48px}
#header #logo.type a {background:url('../images/header/logo_companion.png') no-repeat 0 0;  }
#header #logo.type.ty2 {width: 362px; height: 48px}
#header #logo.type.ty2 a {background:url('../images/header/logo_sahal.png') no-repeat 0 0;  }
#wrap.submain #container > .wrapper .content_main h2 {color: #fff; font-size: 30px; font-weight: 600; padding-bottom: 35px;}
#wrap.submain #container > .wrapper .content_main h2, #wrap.submain #container > .wrapper .content_main h2 + p {text-align: center;}
#wrap.submain #container > .wrapper .content_main h2 + p {color: #fff; font-size: 17px; line-height: 30px}
#wrap.submain #container > .wrapper .content_main span.line2 {display: block;}
#wrap.submain #container > .wrapper .content_main .txt_point {color: #313131;font-size: 16px;line-height: 27px; margin: 324px 60px 0 60px;word-break:break-all;}
#wrap.submain #container > .wrapper .content_main .txt_point p {display: inline-block;padding-left:15px; text-indent:-15px;width: 540px}
#wrap.submain #container > .wrapper .content_main .txt_point p.mobile {display: none; font-weight: 600; }
.btn_area .btn_submain {background: #003067; font-size: 18px; width: 140px;height: 50px; line-height: 35px}

/*layout.css에 추가*/
#wrap.submain #header {background: none;}
#wrap.submain #header > .wrapper, #wrap.submain #container > .wrapper {width: 680px}
#wrap.submain {background:url('../images/header/bg_submain.png') no-repeat 0 0;}
#wrap.submain #container > .wrapper {background:url('../images/header/bg_japan_submain.png') no-repeat 50% 0; padding-top: 60px}
#wrap.subm #container > .wrapper.ty2 {background:url('../images/header/bg_sahal_submain.png') no-repeat 50% 0; }
#content_main {position: relative;}


/*기존에 있는 미디어 쿼리 추가 */
@media (min-width: 1025px) {
	#wrap.submain #header #logo{position: absolute;top: 30px; right: 25px}
	#container .wrapper.submain {background:none;}
}

@media screen and (max-width: 1024px) {
	#wrap.submain #header > .wrapper, #wrap.submain #container > .wrapper {width:100%; }
	#wrap.submain #header #logo{position:absolute;top:30px;right:25px;}
	#wrap.submain #header {background: url('../images/header/bg_header.png') repeat-x}
	#wrap.submain #container > .wrapper {margin-top: 4%}
	#wrap.submain .wrapper .content_main {width: 680px; margin: 0 auto}
	.error_list {margin: 30px 0; background-position: 10% 50%}
	.error_list div {margin-left: 40%;}
	.error_list .btn_area .type1 {display:inline-block; }
	.error_list.ty2 div{margin-left: 40%}
}

@media all and (max-width: 768px) {
	#header #logo.type {width: 158px; height: 48px}
	#header #logo.type.ty2 {width: 161px; height: 48px}
	#wrap.submain #header #logo {position: absolute;top: 13px;right: 12px; width: 156px; height: 24px}
	#header #logo.type a,#header #logo.type.ty2 a {background-size: 100%}
	#wrap.submain #header #logo a{background-size: 100%}
	#wrap.submain #container > .wrapper {padding-bottom: 80px}
	#wrap.submain #container > .wrapper.ty2 {padding-bottom: 80px; }
	
}

/* sub.css에 있는 미디어 쿼리 */
@media all and (max-width:767px) {
	.error_list {background: none}
	.error_list div, .error_list.ty2 div {margin-left: 10%;}
	.error_list div p span {display: block; line-height:2.0}
	.error_list ul li > span {display: block;}
	#wrap.submain .wrapper .content_main {width: 100%; margin: 0}	
	#wrap.submain {background: none}	
	#wrap.submain #container > .wrapper {margin-top:0; padding-top: 10%; background-size: 100%}
	#wrap.submain #container > .wrapper .btn_area, #wrap.submain #container > .wrapper .txt_point p + p {display: none}
	#wrap.submain #container > .wrapper h2 + p span, #wrap.submain #container > .wrapper .txt_point p.mobile {display: block} 
	#wrap.submain #container > .wrapper h2 {padding-top: 37px}
	#wrap.submain #container > .wrapper h2 + p {font-size: 20px}
	#wrap.submain #header > .wrapper, #wrap.submain .wrapper .content_main, #wrap.submain .wrapper.ty2 .content_main{width: 100%; background-size: 100%}
	#wrap.submain #container > .wrapper .txt_point p {width: 500px}
	#wrap.submain #container > .wrapper .txt_point {margin-top: 50%}
}

/*새로 생성된 미디어 쿼리*/
@media all and (min-width:640px) and (max-width: 767px){
	#wrap.submain #container > .wrapper{background:url('../images/header/bg_japan_submain_m.png') no-repeat 0 0;background-size: 100%; background-position: 0 41%}
	#wrap.submain #container > .wrapper.ty2 {background:url('../images/header/bg_sahal_submain_m.png') no-repeat 0 0;background-size: 100%; background-position: 0 47%}
	#wrap.submain #container > .wrapper {padding-top: 20px}
	#wrap.submain #container > .wrapper .content_main .txt_point p {width: 500px;}
	.error_list {padding: 50px 0}
	.error_list div p span, .error_list ul li > span {display: inline-block;}

}

@media all and (min-width:412px) and (max-width: 639px){
	#wrap.submain #container > .wrapper{background:url('../images/header/bg_japan_submain_m.png') no-repeat 0 0;background-size: 100%; background-position: 0 45%}
	#wrap.submain #container > .wrapper.ty2{background:url('../images/header/bg_sahal_submain_m.png') no-repeat 0 0;background-size: 100%; background-position: 0 45%}
	#wrap.submain #container > .wrapper {padding-top: 2%}
	#wrap.submain #container > .wrapper .content_main .txt_point p {width: 92%;}
	#wrap.submain #container > .wrapper .content_main h2 {font-size: 23px; padding-bottom:30px;}
	#wrap.submain #container > .wrapper h2 + p {line-height: 25px}
	.error_list div {margin-left: 18%} 
	.error_list {padding: 50px 0}
}

/*기존 sub.css에 추가*/
@media all and (max-width:376px) {
	#wrap.submain #container > .wrapper{background:url('../images/header/bg_japan_submain_m.png') no-repeat 0 0;background-size: 100%; background-position: 0 41%}
	#wrap.submain #container > .wrapper.ty2{background:url('../images/header/bg_sahal_submain_m.png') no-repeat 0 0;background-size: 100%; background-position: 0 41%}
	#wrap.submain #container > .wrapper, #wrap.submain #container > .wrapper.ty2 {padding-top: 0; background-position: 0 0 }
	#wrap.submain #container > .wrapper h2 {font-size: 20px; padding-bottom: 30px; line-height: 20px}
	#wrap.submain #container > .wrapper h2 + p {font-size: 15px; line-height: 25px}
	#wrap.submain #container > .wrapper .content_main .txt_point {margin:55% 8% 0; }
	#wrap.submain #container > .wrapper .content_main .txt_point p{width:280px;}
	#wrap.submain #container > .wrapper .content_main h2 {font-size: 20px; }
	.error_list div {margin-left: 8%}
}

/*iphone5*/
@media all and (max-width:320px) {
	.error_list {padding: 50px 0}
	.error_list div, .error_list.ty2 div {margin-left: 5%}
	#wrap.submain #container > .wrapper .content_main h2 {padding-bottom: 20px}
	#wrap.submain #container > .wrapper .content_main h2 + p {font-size: 15px}
	#wrap.submain #container > .wrapper .content_main .txt_point {margin-top: 50%}
	#wrap.submain #container > .wrapper .content_main .txt_point p  {width: 240px}
	#wrap.submain .wrapper.ty2 .content_main h2 span{display: block; line-height: 30px}
	#wrap.submain #container > .wrapper.ty2 .content_main h2 + p {line-height: 25px}
}

/* 2016.12.08 주요업무, 추모공원, 위원회 추가*/
.content_sub.new .titH4 + p.mb20,.titH5 + p.mb20{color: #616161;font-size: 15px;line-height: 24px;}
.content_sub.new .titH5 + .ulist01,.titH5 + div{padding-left:12px}
.content_sub.new .txt_box li.bgnone{padding-left:0; margin-top:0}
.content_sub.new .txt_box li.bgnone:before,.ulist01 li ul > li.line:before,.ulist01 li li .none li:before{display:none}
.content_sub.new .txt_box li.bgnone .tit{display:inline-block;padding-bottom:5px;margin-bottom:11px;border-bottom:1px solid #313131;color:#313131;font-weight:bold;font-size:16px;}

.content_sub.new .ulist01 li ul > li.line ul{overflow:hidden;padding-left:12px}
.content_sub.new .ulist01 li ul > li.line li{width:50%;float:left;}

.content_sub.new.law_list ul:first-child{padding-top:0}
.content_sub.new.law_list ul{padding:20px 10px;border-bottom: 1px dashed #ddd}
.content_sub.new.law_list ul li{position:relative;padding-left:10px;}
.content_sub.new.law_list ul li:before{background: #0077e3 none repeat scroll 0 0;border-radius: 2px;content:'';display: block;height: 4px;left: 0;position: absolute;top: 7px;width: 4px;}
.content_sub.new.law_list ul li + li {margin-top:10px;}
.content_sub.new .ac_img img{margin-top:15px;max-width:525px;width:100%;}
.content_sub.new .ac_img.type2 img{max-width:650px;}
.content_sub.new .ac_img.type2 img{max-width:530px;}
.content_sub.new .org.bgnone:before{background-position:50px 11px}

.history_box .history_bg.jinsil_bg {background:url("../images/sub/jinsil_bg.png") no-repeat scroll 10px 0;}
.history_box .history_bg.daeil_bg {background:url("../images/sub/daeil_bg.png") no-repeat scroll 10px 0;}
.history_box .history_bg.jeju_bg {background:url("../images/sub/jeju_bg.png") no-repeat scroll 10px 0;}
.history_box .history_bg.nogunri_bg1 {background:url("../images/sub/nogunri_bg1.png") no-repeat scroll 10px 0;}
.history_box .history_bg.nogunri_bg2 {background:url("../images/sub/nogunri_bg2.png") no-repeat scroll 10px 0;}

.history_box .list_1st.type2 li span.year{}




@media all and (max-width:767px) {
.content_sub.new .ulist01 li ul > li.line li{width:100%;float:none;}

.content_sub.new .org.bgnone li + li {margin-top:20px;}
.content_sub.new .org.bgnone:before {
    background-position: 5px 0px;
    height: 66px;top:22px
}
}


.facility_list li{float:left; width:290px;margin-left:20px;padding-top:215px;margin-top:35px}
.facility_list li a{display:block;background:url("../images/sub/facility_bg.png") no-repeat right center}
.facility_list li a:hover,.facility_list li a:focus{color:#000000;font-weight:bold;}
.facility_list li.img1{background:url("../images/sub/facility_img1.jpg") no-repeat center top;background-size:100% auto}
.facility_list li.img2{background:url("../images/sub/facility_img2.jpg") no-repeat center top;background-size:100% auto}
.facility_list li.img3{background:url("../images/sub/facility_img3.jpg") no-repeat center top;background-size:100% auto}
.facility_list li.img4{background:url("../images/sub/facility_img4.jpg") no-repeat center top;background-size:100% auto}
.facility_list li.img5{background:url("../images/sub/facility_img5.jpg") no-repeat center top;background-size:100% auto}
.facility_list li.img6{background:url("../images/sub/facility_img6.jpg") no-repeat center top;background-size:100% auto}

@media all and (min-width:1025px) {
.facility_list li:first-child,.facility_list li:nth-child(4){margin-left:0}
}

@media all and (max-width:1024px) {
.facility_list li{width:48%;margin-left:4%;padding-top:35%;}
.facility_list li:nth-child(2n-1){margin-left:0}
}

@media all and (max-width:767px) {
.facility_list li{margin-top:0}
.facility_list li:nth-child(2n-1){margin-left:0}
.facility_list li a{min-height:65px;padding-right:20px;background:0 none}
}

/*181030 인사말 페이지(s)*/
.greetImg{width:917px;height:417px;background:url('../images/sub/greetImg.jpg')no-repeat;background-size:100%;}
.greet p {font-size:15px;line-height:1.7em;}
.greet p strong{background:#e7efff;}
.greet p span{color:#235dba;}

/* container tablet */
@media all and (max-width:1023px) {
.greetImg{width:100%;height:417px;}
}

/* tablet */
@media all and (max-width:768px) {
.greetImg{height:328px;}
}

/* mobile */
@media all and (max-width:640px) {
.greetImg{height:269px;}
}

@media all and (max-width:412px) {
.greetImg{height:164px;}
}

/*기존 sub.css에 추가*/
@media all and (max-width:376px) {
.greetImg{height:153px;}
}

/*iphone5*/
@media all and (max-width:320px) {
.greetImg{height:130px;}
}	


/*181030 인사말 페이지(e)*/