body {font-weight:300}
.page-contents {width:1080px; margin:0 auto; padding-top:82px;}
.page-contents > .inner {position:relative;}
.contents-head {position:relative;overflow:hidden}
.breadcrumb {position:absolute; bottom:60px; right:0;}
.breadcrumb .depth {position:relative; float:left;}
.breadcrumb .depth.home a {display:inline-block; font-size:12px; text-transform:uppercase; font-weight:500; white-space:normal}
.breadcrumb .toggle-dropdown {font-size:12px; margin-left:4px; font-weight:500}
.breadcrumb .toggle-dropdown:after {display:inline-block; width:8px; height:5px; margin-left:4px; content:'>'}
.breadcrumb > ul .depth +.depth +.depth .toggle-dropdown:after {content:''}
.breadcrumb .depth.is-active .toggle-dropdown {color:#3378c1}
.breadcrumb .depth .dropdown {display:none;}
.page-title {overflow:hidden;padding:40px 0 60px; font-size:50px; color:#333; font-weight:500; line-height:1.2}

.contents-body {padding-bottom:60px}
.tit_comm {display:block; padding-bottom:15px; font-size:25px; font-weight:500; color:#222; line-height:1.2;}
.cont_comm {color:#555; font-size:15px; }
.tit_small {display:block; font-weight:500;}
.tbl_comm {width:100%; border-top:1px solid #b9bfc4; border-bottom:1px solid #b9bfc4;}
.tbl_comm th, .tbl_comm td {padding:8px 15px}
.tbl_comm thead th, .tbl_comm thead td {background:#e0e4e8; font-weight:400; text-align:center;}
.tbl_comm thead td+td {border-left:1px solid #cad0d5}
.tbl_comm tbody th, .tbl_comm tbody td {border-top:1px solid #e0e4e8}
.tbl_comm tbody th {background:#eff1f3; font-weight:400}
.tbl_comm tbody tr:first-child th, .tbl_comm tbody tr:first-child td {border-top:none}
.tbl_comm tbody th+td, .tbl_comm tbody td+td {border-left:1px solid #e0e4e8}
.tbl_comm.tac th, .tbl_comm.tac td {text-align:center;}
.tbl_comm .pre_th{width:180px;background-color:#eff1f3; border-right:1px solid #e0e4e8; font-weight:400}
.txt_top {padding-bottom:45px; font-weight:400}
.hide{display:none;}

.list_gallery {overflow:hidden; margin-left:-30px;}
.list_gallery li {float:left; width:33.3333%; margin-bottom:30px;}
.list_gallery .cont {border:1px solid #dbdfe2; padding:9px; margin-left:30px}
.list_gallery .thumb a {display:block; border:1px solid #ddd; overflow:hidden; cursor:pointer}
.list_gallery .thumb img {width:100%; height:auto; background:#f5f5f5; }
.list_gallery .tit_item {padding:15px 10px 8px; }
.list_gallery .tit_item a {display:block; height:36px; line-height:18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;  color:#222; font-weight:400; cursor:pointer}

.dimmed {
	position:fixed; top:0; left:0; width:100%; height:100%; 
	background:#fff; 
	opacity:0.8; 
	/* IE 8 */
  	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	z-index:200
	}
.layer_toon {position:fixed; top:50%; left:50%; width:600px; margin-left:-300px; background:#fff; border:1px solid #ccc;  z-index:300}
.header_layer {padding:20px 20px 5px; border-bottom:1px solid #ccc;}
.header_layer strong {font-size:18px;}
.header_layer a {position:absolute; top:0; right:0; padding:16px; cursor:pointer}
.header_layer a span {display:block; width:20px; height:20px; background:url(../../images/eng/common/ico_layer_close.png) 0 0 no-repeat; background-size:20px; font-size:0; line-height:0; text-indent:-9999px}
.cont_layer {padding:20px;text-align:center; overflow-y:auto}
.cont_layer img {max-width:100%;}
 @media screen and (max-width:828px) {
	 .list_gallery {margin-left:-15px;}
	 .list_gallery li {width:50%; margin-bottom:15px;} 
	 .list_gallery .cont {margin-left:15px; padding:5px;}
	 .list_gallery .tit_item {padding:9px 5px 7px}
	 .layer_toon {width:90%; margin-left:-45%; }
	 
 }

.paginate {text-align:center;}
.paginate a, .paginate strong {display:inline-block; vertical-align:top}
.paginate .paging_numbers a, .paginate .paging_numbers strong{width:33px; height:33px; border:1px solid #fff; font-size:11px; font-family:'dotum', '돋움', 'gulim', '굴림','Apple SD Gothic Neo',Sans-serif;line-height:33px;  font-weight:bold; color:#5c5c5c;}
.paginate .paging_numbers strong {border-color:#cdcdcd}
.paginate .btn_paging {position:relative; width:17px; height:35px;}
.paginate .btn_paging:after {position:absolute; top:9px; left:0; width:17px; height:17px; background:url(../../images/eng/cont/ico_paginate.png) 0 0 no-repeat; content:''}
.paginate .pre_n {margin-right:15px;}
.paginate .next_n {margin-left:15px;}
.paginate .pre_end:after {background-position:0px 0}
.paginate .pre_n:after {background-position:-20px 0}
.paginate .next_n:after {background-position:-40px 0}
.paginate .next_end:after {background-position:-60px 0}
 @media screen and (max-width:828px) {
	 .paginate .paging_numbers a, .paginate .paging_numbers strong {width:18px; height:18px; line-height:18px;}
	 .paginate .btn_paging {height:20px}
	 .paginate .btn_paging:after {top:1px;}
 	 .paginate .pre_n {margin-right:10px;}
	 .paginate .next_n {margin-left:10px;}
 } 

 @media screen and (max-width:1080px) {
	 .page-contents {width:100%; padding-top:69px}
	 .page-contents .breadcrumb {position:relative; top:0;}
	 .contents-head {overflow:visible}
	 .breadcrumb {background:#f3f3f3; border-bottom:1px solid #dfdfdf}
	 .breadcrumb ul {height:34px}
	 .breadcrumb  ul li.depth {max-width:40%; max-width:calc(50% - 35px); height:34px; border-right:1px solid #dfdfdf}
	 .breadcrumb .toggle-dropdown {display:block;margin:9px 0 10px 10px; padding:0 25px 0 0 ; font-size:9px; letter-spacing:0; text-overflow:ellipsis;white-space:nowrap; overflow:hidden;}
	 .breadcrumb .toggle-dropdown:after {position:absolute; width:9px; height:5px; top:15px; right:10px; margin:0; background:url(../../images/eng/common/arr_up_and_down01.png) 0 0 no-repeat; background-size:9px auto; content:''}
	 .breadcrumb  ul li.home {width:34px; font-size:0; text-indent:-9999px;}
	 .breadcrumb  ul li.home .toggle-dropdown {top:0;left:0;width:100%; height:34px; margin:0}
	 .breadcrumb  ul li.home .toggle-dropdown:after{position:absolute; top:10px; left:9px; width:15px; height:13px; background:url(../../images/eng/common/ico_home02.png) 50% 50% no-repeat; background-size:15px 13px; margin:0; content:''}
	 .breadcrumb .is-active .toggle-dropdown:after{background-position:0 -47px}
	 .breadcrumb .toggle-dropdown span {display:block; line-height:10px}
	 .breadcrumb .toggle-dropdown span:first-child {padding-top:7px;}
	 .breadcrumb .toggle-dropdown span+span {padding-bottom:7px}
	 .breadcrumb .depth .dropdown {background:#fff}
	 .breadcrumb .depth .dropdown.on {display:block; box-sizing:border-box; min-width:160px; position:absolute; top:35px; left:-1px; height:auto; background:#fff; border:1px solid #dfdfdf; border-top:none; z-index:9999}
	 .breadcrumb .depth .dropdown li a {display:block; font-size:9px; padding:8px 11px; letter-spacing:0;}
	 .breadcrumb .depth .dropdown li a:hover, 
	 .breadcrumb .depth .dropdown li.on a {background:#f3f3f3; color:#3378c1; text-decoration:underline; font-weight:700; letter-spacing:-0.5px}
	 .breadcrumb .depth .dropdown li span {display:block; line-height:11px}
	 .breadcrumb .depth .dropdown li span:first-child {padding-top:3px}
	 .breadcrumb .depth .dropdown li span+span {padding-bottom:5px}
	 .contents-head {height:auto;}
	 .page-title {padding:25px 15px 20px;font-size:25px; line-height:1; }
	 .contents-body{padding:0 15px 50px}
	 .tit_comm {font-size:14px;}
	 .cont_comm {font-size:13px; line-height:17px}
 }

/* greetings */
.greetings .wrap_cont {overflow:hidden;}
.opening-words {float:left;width:556px;padding-bottom:40px;font-size:25px; line-height:35px;}
.opening-words > strong {color:#222; font-weight:500}
.opening-words .marked strong { font-weight:500}
.chairperson-photo{float:right; margin:2px 0 60px 60px;}
.chairperson-photo img {width:462px}
.cont_greetings p {font-size:15px; line-height:25px; color:#555; ; padding-top:20px;}
.chairperson-sign {margin-top:30px;}
.chairperson-sign strong {display:block; float:left; margin-right:20px; padding-top:12px; font-size:15px; color:#222}
.chairperson-sign img {overflow:hidden; width:140px;}

 @media screen and (max-width:1080px) {
	 .chairperson-photo {float:none; margin:0;}
	 .chairperson-photo img {width:100%;}
 	.opening-words {float:none; width:100%; padding-bottom:15px; font-size:14px; line-height:18px }
	.cont_greetings p {font-size:12px}
	.chairperson-sign {margin-top:10px;}
	.chairperson-sign strong{padding-top:3px;font-size:12px;}
	.chairperson-sign img {width:92px}
	
 }
 
/* Background and purpose of establishment */
.background .wrap_cont {padding-bottom:10px; overflow:hidden; }
.background .wrap_establish {overflow:hidden;padding-top:30px}
.background dl {width:510px; float:left;}
.background dl+dl {float:right}

 @media screen and (max-width:1080px) {
	 .background .wrap_cont {padding:10px 0 0}
	 .background .wrap_cont .wrap_establish:last-child dl {padding-bottom:0}
	 .background .wrap_establish {padding:0}
	 .background dl {width:100%; float:none; padding-bottom:20px;}
	 .background dl dt {padding-bottom:7px;}
 }


/* History of Commission */
em{font-style:normal;}
.history .wrap_history{padding-top:55px;background:url(../../images/eng/cont/hoc_top.png) 0 0 no-repeat;}
.wrap_history ol{position:relative;}
.wrap_history ol:before{display:block;position:absolute;top:0px;left:0;width:290px;height:100%;border-right:1px solid #d8d8d8;content:''}
.wrap_history li{overflow:hidden;position:relative;padding-bottom:33px}
.history .thumb_hoc{float:left;overflow:hidden;width:250px;height:180px;padding-bottom:7px}
.history .thumb_hoc:empty{height:10px}
.history .thumb_hoc img{height:100%;margin-left:-28px}
.history .cont_hoc{overflow:hidden;padding-left:80px}
.history .cont_hoc:before{display:block;position:absolute;left:286px;top:4px;width:9px;height:9px;background:url(../../images/eng/cont/dot_hoc.png) 0 0 no-repeat;content:'';}
.history .cont_hoc .marked{display:block;font-size:23px;line-height:1;margin-top:-3px}
.history .cont_hoc strong{display:block;padding-top:6px;font-size:16px}
.history .cont_hoc .desc{padding-top:12px;line-height:25px}
 @media screen and (max-width:1080px) {
   .history .wrap_history{padding-top:0;background:0}
   .wrap_history ol:before{display:none}
   .wrap_history li{padding-bottom:10px}
   .history .thumb_hoc{float:none;width:auto;height:auto;max-width:580px;margin:0 auto}
   .history .thumb_hoc img{margin:0;width:100%;height:auto;}
   .history .cont_hoc{padding-left:0}
   .history .thumb_hoc:empty{height:0}
   .history .cont_hoc:before{display:none}
   .history .cont_hoc .marked{margin-top:5px;font-size:14px}
   .history .cont_hoc strong{font-size:12px}
   .history .cont_hoc .desc{padding-top:5px;line-height:17px}
}

/* Organization Chart */
.ico_chart{overflow:hidden;display:inline-block;width:19px;height:19px;margin-left:2px;background:url(../../images/eng/cont/ico_chart.png) 0 -20px no-repeat;vertical-align:-2px}
.m_leader .ico_chart{background-position:0 0}
.chart_main{width:1080px;text-align:center;background:url(../../images/eng/cont/bg_chart.png) 50% 0 no-repeat}
.chart_main .tit_main{display:block;width:190px;height:147px;padding-top:43px;margin:50px auto 0;border-radius:150px;background-color:#234e96;font-size:22px;font-weight:normal;line-height:26px;color:#fff;}
.chart_main .info_member{overflow:hidden;}
.chart_main .member{overflow:hidden;width:340px;height:80px;font-size:20px;line-height:82px}
.info_member .member{float:left;background-color:#e0e4e8;color:#333}
.info_member .member+.member{margin-left:30px}
.chart_main .m_leader{display:block;margin:30px auto 50px;background-color:#3378c1;color:#fff}
.chart_main .tot_member{display:block;overflow:hidden;height:70px;margin-top:110px;border:5px solid #e0e4e8;font-size:20px;line-height:72px;color:#333;background-color:#fff}
.wrap_chart .item_chart{margin-top:80px}
.chart_cont .thumb_member{float:left;width:200px}
.chart_cont .txt_sub{display:block;margin:17px 0 -5px;font-size:15px;color:#555}
.chart_cont .txt_name{font-size:25px;font-weight:normal}
.chart_cont .cont_member{overflow:hidden}
.chart_cont .cont_member table{width:100%;border-bottom:1px solid #b9bfc4;text-align:center}
.chart_cont .cont_member td{line-height:35px; padding:8px 10px}
.chart_cont .cont_member tr+tr td{border-top:1px solid #e0e4e8}
.chart_cont .cont_member th{line-height:40px;font-weight:normal;background-color:#59606c;color:#fff}
.cont_member .td_year {background:#eff1f3; width:20.5%}
@media screen and (max-width:1080px) {
  .ico_chart{width:10px;height:10px;background-position:0 -10px;background-size:10px 20px}
  .chart_main{width:290px;margin:0 auto;background:url(../../images/eng/cont/bg_chart_mo.png) 50% 95px no-repeat;background-size:201px 135px}
  .chart_main .tit_main{width:95px;height:74px;padding-top:21px;margin-top:20px;font-size:11px;line-height:13px}
  .chart_main .member{width:90px;height:40px;font-size:11px;line-height:41px}
  .info_member .member+.member{margin-left:10px}
  .chart_main .m_leader{margin:15px auto 25px}
  .chart_main .tot_member{display:block;overflow:hidden;height:35px;margin-top:55px;border:2px solid #e0e4e8;font-size:10px;line-height:36px}
  .chart_cont{padding-top:15px}
  .wrap_chart .item_chart{margin-top:25px}
  .chart_cont .thumb_member{float:none;width:100%;text-align:center;}
  .chart_cont .thumb_member img{display:block;width:60px;margin:0 auto 7px;}
  .chart_cont .txt_sub{display:inline-block;margin:0;font-size:12px}
  .chart_cont .txt_name{font-size:12px}
  .chart_cont .cont_member{margin-top:12px}
  .chart_cont .cont_member table{font-size:11px}
  .chart_cont .cont_member td{line-height:23px}
  .cont_member .td_year{width:90px; }
  .chart_cont .cont_member th{line-height:25px}
}
/* Direction */
.location .wrap_direction{padding-top:350px;background:url(../../images/eng/cont/map_direction.png) 50% 0 no-repeat}
.wrap_direction .map img {width:100%;}
.wrap_direction dl{padding-top:40px}
.wrap_direction dl>*{min-height:60px;}
.wrap_direction dt{float:left;width:200px;font-size:25px;font-weight:500;line-height:1;font-weight:normal;color:#222;}
.wrap_direction dd{overflow:hidden;font-weight:300;}
.wrap_direction .tbl_traffic{border-bottom:1px solid #b9bfc4}
.wrap_direction .tbl_traffic th{width:180px;font-weight:500;background-color:#eff1f3}
.wrap_direction .tbl_traffic tr{border-top:1px solid #b9bfc4}
.wrap_direction .tbl_traffic td{padding:5px 0 15px 20px;line-height:25px}
.wrap_direction .tbl_traffic .car{padding-top:16px;}
.wrap_direction .tbl_traffic td strong{display:block;padding-top:11px;font-weight:500;}
@media screen and (max-width:540px) {
.wrap_direction .map {position:relative; height:175px; overflow:hidden}
.wrap_direction .map img {width:auto; height:175px; position:absolute; top:0; left:50%; margin-left:-265px;; }
	
}

@media screen and (max-width:1080px) {
.direction .wrap_direction{padding-top:175px;background-size:auto 175px}
.wrap_direction dl{padding-top:7px}
.wrap_direction dl>*{min-height:0}
.wrap_direction dt{float:none;width:100%;padding:15px 0 2px;font-size:14px}
.wrap_direction dd .wtxt{display:inline-block;}
.wrap_direction .tbl_traffic{margin-top:8px;}
.wrap_direction .tbl_traffic th{width:60px}
.wrap_direction .tbl_traffic td{padding:5px 0 7px 10px;line-height:17px;font-weight:300;}
.wrap_direction .tbl_traffic .car{padding-top:6px;}
.wrap_direction .tbl_traffic td strong{padding-top:3px;}
}

/** Core Service **/
.wrap_service .txt_ponly{padding-bottom:34px;line-height:25px}
.wrap_service .tab_svc{overflow:hidden;;}
.wrap_service .tab_svc li{float:left;width:33.3333%;border-bottom:1px solid #3378c1}
.wrap_service .tab_svc .tab{display:block;height:48px;border-top:1px solid #dcdcdc; border-right:1px solid #dcdcdc;font-size:18px;font-weight:500;line-height:49px;text-align:center;background-color:#f0f1f2;color:#555}
.wrap_service .tab_svc li:first-child .tab {border-left:1px solid #dcdcdc}
.wrap_service .tab_svc li.on .tab{border-top:1px solid #3378c1;background-color:#3378c1;color:#fff; border-left:0; border-right:0}
.wrap_service .tit_core{display:block;padding-top:43px;font-size:25px;font-weight:500;}
.wrap_service .desc{padding-top:8px;line-height:25px;}
.wrap_service .m_thumb {display:none;}
.wrap_service .infographic01 {width:943px; height:329px; margin:45px auto 0; background:url(../../images/eng/cont/service_regular_p.png) 0 0 no-repeat;} 
.wrap_service .infographic02 {margin-top:30px;}
.wrap_service .infographic02 .thumb {display:block; text-align:center;}
.wrap_service .infographic02 .thumb img {max-width:100%;}


.wrap_service .list_guide li{padding-left:12px}
.wrap_service .list_guide li+li{padding-top:25px}
.list_guide li:before{float:left;width:2px;height:2px;margin:11px 0 0 -11px;background-color:#555;content: ''}
.wrap_service .cont_system {max-width:600px; text-align:center; margin:40px auto 0}
.wrap_service .cont_system img {width:100%}
.wrap_service .box_system {max-width:786px; margin:10px auto 0; border:7px solid #c9d1d9; text-align:center; padding:25px 0;}
.wrap_service .box_system strong {display:block; text-align:center; color:#3378c1; font-size:28px; padding-bottom:10px;}
.wrap_service .list_feature {overflow:hidden; padding:25px 40px 0}
.wrap_service .list_feature li {position:relative; float:left; width:25%; text-align:center;}
.wrap_service .list_feature li .thumb {display:block; margin:0 auto 15px; width:150px; height:150px; background:url(../../images/eng/cont/service_online_advantages.png) 0 0 no-repeat;}
.wrap_service .list_feature li+li .thumb {background-position:-200px 0}
.wrap_service .list_feature li+li+li .thumb  {background-position:-400px 0}
.wrap_service .list_feature li+li+li+li .thumb  {background-position:-600px 0}
.wrap_service .wrap_btn {margin-top:40px;}
.wrap_service .wrap_btn a {display:block; width:300px; height:70px; line-height:70px; color:#fff; text-align:center; margin:0 auto; font-size:20px; background:#3378c1}
@media screen and (max-width:1080px) {
	.wrap_service .infographic01 {width:100%; height:auto; margin-top:20px; text-align:center; background:none;}
	.wrap_service .infographic01 .m_thumb {display:block}
	.wrap_service .infographic01 .m_thumb img {width:100%; max-width:580px;}
	.wrap_service .txt_ponly{display: none}
	.wrap_service .tab_svc .tab{height:28px;font-size:9px;line-height:29px;}
	.wrap_service .tit_core{padding-top:20px;font-size:14px}
	.wrap_service .desc{padding-top:4px;line-height:17px}
	.wrap_service .list_guide li{padding-left:7px}
	.wrap_service .list_guide li+li{padding-top:16px}
	.list_guide li:before{margin:7px 0 0 -6px;}
}
@media screen and (max-width:828px) {
	.wrap_service .list_feature {padding:20px 0 0}
	.wrap_service .list_feature li {float:none; display:table; width:100%; overflow:hidden; margin-bottom:9px;}
	.wrap_service .list_feature li .thumb {float:left; width:75px; height:75px; background-size:auto 75px; margin:0 20px 0 0;}
	.wrap_service .list_feature li .cont {display:table-cell; overflow:hidden; width:100%; text-align:left; vertical-align:middle; }
	.wrap_service .list_feature li+li .thumb {background-position:-100px 0}
	.wrap_service .list_feature li+li+li .thumb  {background-position:-200px 0}
	.wrap_service .list_feature li+li+li+li .thumb  {background-position:-300px 0}
	.wrap_service .box_system strong {font-size:15px; padding-bottom:5px;}
	.wrap_service .wrap_btn a {display:block; max-width:300px; height:50px; line-height:50px; color:#fff; text-align:center; margin:0 auto; font-size:15px; background:#3378c1}
}

/* Composition of the Administrative Appeals Agency */
.composition .page-title {padding-bottom:100px;}
.composition .wrap_service .tab_svc li {width:50%}
.composition .cont {position:relative; overflow:hidden;}
.composition .cont .tit_comm {max-width:880px; padding-top:50px}
.composition .link_view {position:absolute; top:55px; right:0; height:30px; padding:0 15px 0 15px; background:#59606c; line-height:30px; color:#fff; font-size:13px;}
.composition .link_view:after {position:absolute; top:15px; right:15px; width:9px; height:1px; background:#fff;}
.composition .desc {padding:0}
.composition .box_scroll {display:none; height:160px; margin-top:12px;border:1px solid #dcdcdc; background:#f0f1f2; padding:20px 18px; overflow-y:auto}
.composition .cont_tel {margin-left:-60px; overflow:hidden;}
.composition .cont_tel .tbl_comm {float:left; width:510px; margin-left:60px;}
.composition .tbl_comm th {text-align:left;}
@media screen and (max-width:1080px) {
.composition .page-title {padding-bottom:20px;}
.composition .cont .tit_comm {padding:25px 0 5px}
.composition .link_view {display:inline-block; position:relative; top:auto; font-size:12px; height:24px; line-height:24px;}
.composition .cont_tel .tbl_comm {width:100%;}
.composition .tbl_comm th, .composition .tbl_comm td {font-size:11px; word-break:break-all;}
}

/* Subject of Administrative Appeals */
.subject .list_subject {overflow:hidden; text-align:center; padding-bottom:15px; line-height:1.2}
.subject .list_subject li {display:inline-block; position:relative; width:170px; margin:10px 15px 0; padding-top:185px; text-align:center; font-weight:400; vertical-align:top; }
.subject .list_subject li:after {position:absolute; top:0; left:50%; width:170px; height:170px; margin-left:-85px; background:url(../../images/eng/cont/service_subject.png) 0 0 no-repeat; content:''}
.subject .list_subject li.subject1:after {background-position:0 0}
.subject .list_subject li.subject2:after {background-position:-200px 0}
.subject .list_subject li.subject3:after {background-position:-400px 0}
.subject .list_subject li.subject4:after {background-position:-600px 0}
.subject .list_subject li.subject5:after {background-position:-800px 0}
.subject .list_desc li {position:relative; margin-top:20px; padding-left:12px}
.subject .list_desc li:after {position:absolute; top:10px; left:0; width:2px; height:2px; background:#555; content:''}
@media screen and (max-width:640px) {
	.subject .list_subject li {width:85px; padding-top:95px; margin:10px 10px 0}
	.subject .list_subject li:after {width:85px; height:85px; margin-left:-42px; background:url(../../images/eng/cont/service_subject.png) 0 0 no-repeat; background-size:auto 85px; content:''}
	.subject .list_subject li.subject1:after {background-position:0 0}
	.subject .list_subject li.subject2:after {background-position:-100px 0}
	.subject .list_subject li.subject3:after {background-position:-200px 0}
	.subject .list_subject li.subject4:after {background-position:-300px 0}
	.subject .list_subject li.subject5:after {background-position:-400px 0}
}

/* Procedure of Administrative Appeals */
.procedure .m_thumb{display:none}
.procedure .table_procedure {height:708px; background:url(../../images/eng/cont/service_procedure_table_p.png) 0 0 no-repeat;}
.procedure .list_procedure li {margin-top:70px}
.procedure .list_procedure li:first-child {margin-top:45px}
.procedure .list_procedure .tit_list {display:block; position:relative; padding-left:40px; margin-bottom:5px; color:#3378c1; font-size:25px;}
.procedure .list_procedure .tit .num {position:absolute; top:50%; left:0; width:30px; height:30px; margin-top:-15px; border-radius:30px; background:#3378c1; color:#fff; text-align:center; line-height:30px; font-size:15px;}
.procedure .list_procedure .cont {margin-top:20px}
.procedure .list_procedure .cont+.cont {margin-top:25px}
.procedure .list_procedure .cont_procedure {overflow:hidden; margin-bottom:20px;}
.procedure .list_procedure .thumb {float:left; width:300px; height:160px; margin-right:22px; }
.procedure .list_procedure .thumb img {width:300px;  height:160px;}
.procedure .list_procedure .txt_procedure {overflow:hidden;}
.procedure .list_procedure .txt_procedure strong {font-size:20px; font-weight:400}
@media screen and (max-width:1080px) {
	.procedure .table_procedure {height:auto; background:none;}
	.procedure .m_thumb {display:block; text-align:center;}
	.procedure .m_thumb img {max-width:100%;}
	.procedure .txt_top {padding-bottom:20px}
	.procedure .list_procedure li {margin-top:35px}
	.procedure .list_procedure li:first-child {margin-top:22px}
	.procedure .list_procedure .tit_list {padding-left:20px; font-size:15px;}
	.procedure .list_procedure .tit .num {top:3px; margin-top:0; width:15px; height:15px; font-size:8px; line-height:15px; }
	.procedure .list_procedure .thumb {float:none;width:auto;  height:auto;margin:0}
	.procedure .list_procedure .thumb img {width:100%; height:auto;}
	.procedure .list_procedure .txt_procedure {margin-top:5px}
	.procedure .list_procedure .txt_procedure strong {font-size:13px; font-weight:500}
}

@media screen and (max-width:640px) {
	.procedure .list_procedure .thumb{float:none; margin:0; width:100%; height:auto;}
}

/* Administrative Appeals Act */
.act .tit_comm {display:inline-block}
.act .link_view {display:inline-block; margin-left:20px; padding:6px 15px; background:#59606c; color:#fff; text-align:center; font-size:13px; font-weight:300; vertical-align:top}
.act dt {display:block; color:#222; font-weight:500}
.act dd {margin-bottom:12px;}
.act .cont {padding-bottom:35px}
.cont_act {position:relative;overflow:hidden; margin-top:15px; background:url(../../images/eng/cont/img_act_01.gif) 50% 215px no-repeat;}
.act .cont p {position:relative; padding-left:10px;} 
.act .cont p:after{position:absolute; top:11px; left:1px; width:2px; height:2px; background:#555; content:''}
.act .tbl_comm td {padding-left:25px; vertical-align:top}
.act .tbl_comm td p {margin:8px 0 0 -10px}
.act .tbl_comm td p:first-child {margin-top:0}
.act .tbl_comm td strong {display:block; margin-top:8px; font-weight:400; color:#222}
.act .tbl_comm th, .act .tbl_comm td.pre_th {vertical-align:middle; text-align:center;}
.act .tbl_type2 th+td{border-left:none;}
.act .tbl_type2 td+td{border-left:1px solid #e0e4e8}
.act .tbl_type2 td.tac {font-weight:400;vertical-align:middle}
.cont_act dt, .cont_act dd {margin:0 10%}
.cont_act dt {background:#3378c1; color:#fff; font-size:20px; text-align:center; height:50px; line-height:50px;}
.cont_act dd {padding:18px; border:1px solid #c9d1d9; border-top:none; background:#fff}
.cont_act dd strong, .cont_act dd em {color:#222; font-weight:400}
.cont_act dd span {display:block; padding-left:10px}
.cont_act ol {padding-left:10px}
.cont_act .appellant, .cont_act .appellee {float:left; width:50%;}
.cont_act .agent {position:relative; padding-top:40px; clear:both; background:#fff}
.cont_act .agent:after {position:absolute; top:-9px; left:50%; margin-left:-27px; width:54px; height:39px; background:url(../../images/eng/cont/img_act_02.gif) 0 0 no-repeat; content:''}
.cont_act .agent dt, .cont_act .agent dd {margin:0 20%}
.cont_act .agent dd {height:auto}
@media screen and (max-width:1080px) {
	.act .tit_comm {display:block; padding-bottom:6px;}
	.act .link_view {margin-left:0; font-size:12px; padding:5px 10px; margin-bottom:15px; text-align:left;}
	.act .tbl_comm th, .act .tbl_comm td {padding:4px; font-size:11px; word-break:break-all}
	.act .tbl_comm td {padding-left:12px}
	.act .cont p:after {top:8px;left:3px}
	
}
@media screen and (max-width:828px) {
	.cont_act dd { padding:9px; line-height:1.2}
	.cont_act {background:none}
	.cont_act dt, .cont_act dd {margin:0}
	.cont_act dt {font-size:13px; height:25px; line-height:25px}
	.cont_act .appellant dt, .cont_act .appellant dd {margin-right:10px}
	.cont_act .appellee dt, .cont_act .appellee dd {margin-left:10px;}
	.cont_act .agent dt, .cont_act .agent dd {margin:0}
	.cont_act .agent {padding-top:50px}
	.cont_act .agent:after {top:0px; margin-left:-27px; width:55px; height:48px; background:url(../../images/eng/cont/img_act_03.gif) 50% 50% no-repeat; background-size:55px 48px}
}
/* Management Preformance */
.performance .cont_performance {padding-bottom:40px}
.performance .tit_small {position:relative;margin-top:25px; text-align:left; padding:0 80px 15px 0;}
.performance .tit_small .tbl_unit {position:absolute; bottom:6px; right:0; font-size:12px;}
.performance .tbl_comm {margin-bottom:15px}
.performance .td_year{background:#eff1f3; border-right:1px solid #e0e4e8}
.performance .cont_sub {overflow:hidden; margin-left:-60px;}
.performance .cont_sub .cont {float:left; width:50%}
.performance .cont_sub .tit_small, .performance .thumb {display:block; margin-left:60px}
.performance .cont_sub .thumb img {max-width:100%;}

@media screen and (max-width:1080px) {
 .performance .tbl_comm.tac th,  .performance .tbl_comm.tac td {padding:8px 0}
}
@media screen and (max-width:828px) {
 .performance .tbl_comm.tac th,  .performance .tbl_comm.tac td {word-break:break-all}
 .performance .cont_sub {margin-left:0;}
 .performance .cont_sub .cont {float:none; width:100%;}
 .performance .cont_sub .tit_small, .performance .cont_sub .thumb {margin-left:0;}
 
}
@media screen and (max-width:480px) {
 .performance .tbl_comm.tac th,  .performance .tbl_comm.tac td {font-size:11px;}
}


/** Promotion Video **/
.video .txt_top {padding-bottom:15px}
.video .wrap_search {display:table;padding:35px 0; margin-bottom:50px; background:#edeff1; overflow:hidden; width:100%}
.video .wrap_search > div {display:table-cell; height:30px; vertical-align:top}
.video .wrap_search .box_select {width:160px;padding-left:60px;}
.video .wrap_search .box_tf {padding:0 5px;}
.video .wrap_search .box_btn {width:100px;padding-right:60px;}
.video .box_select select, .video .box_tf input {display:block; width:100%; border:1px solid #b9bfc4; height:30px; line-height:30px; background:#fff; box-sizing:border-box;}
.video .box_tf input {text-indent:10px}
.video .box_btn button {display:block; width:100%; background:#3378c1; border:none; color:#fff; height:30px; text-align:center;}
 @media screen and (max-width:828px) {
	.video .wrap_search {padding:14px 0; margin-bottom:15px;}
	.video .wrap_search .box_select {width:70px;padding-left:20px;}
	.video .wrap_search .box_tf {padding:0 5px;}
	.video .wrap_search .box_btn {width:50px;padding-right:20px;}
 }
 
.guide .wrap_service .tab_svc li {width:50%;}
.method .tit_comm {letter-spacing:-0.7px}
.method .cont {overflow:hidden; margin-top:40px;}
.method .thumb {display:block; float:left; width:390px; text-align:center;}
.method .thumb img {max-width:100%}
.method .cont_method {overflow:hidden; padding:30px 0 0 28px;}
.method .wrap_btn {margin-top:50px;}
.method .wrap_btn a {display:block; background:#3378c1; color:#fff; width:300px; height:70px; line-height:70px; text-align:center; font-size:18px;}
@media screen and (max-width:1080px){
	.method .cont_method {padding-left:0}	
}
@media screen and (max-width:828px){
	.method .thumb {float:none; width:auto;}
	.method .wrap_btn a {margin:0 auto; height:40px; line-height:40px; font-size:14px}	
}
.online_procedure ol {overflow:hidden; margin-left:-45px;}
.online_procedure ol li {position:relative;float:left; width:180px; padding-left:45px; text-align:center; letter-spacing:-0.5px}
.online_procedure .num {position:relative; display:block; text-align:center; color:#0072c7; font-weight:bold; padding-bottom:170px;}
.online_procedure .num:after {position:absolute; top:40px; left:50%; width:130px; height:130px; margin-left:-65px; background:url(../../images/eng/cont/img_online_procedure.jpg) 0 0 no-repeat; content:''}
.online_procedure .item01 .num:after{background-position:0px 0}
.online_procedure .item02 .num:after{background-position:-150px 0}
.online_procedure .item03 .num:after{background-position:-300px 0}
.online_procedure .item04 .num:after{background-position:-450px 0}
.online_procedure .item05 .num:after{background-position:-600px 0}
.online_procedure .tit_small {padding-bottom:15px; font-size:13px;}
.online_procedure .desc {display:block; text-align:center;}
.online_procedure ol li:after {position:absolute; top:85px; right:-34px; width:19px; height:35px; background:url(../../images/eng/cont/online_procedure_arrow.gif) 0 0 no-repeat; content:''}

@media screen and (max-width:1080px){
	.online_procedure ol {margin:0;}
	.online_procedure ol li {width:50%; padding:0; text-align:center; margin-bottom:20px;}
	.online_procedure .num,
	.online_procedure .tit_small,
	.online_procedure .desc {margin:0 10px}
	.online_procedure ol li:after {display:none}
}

@media screen and (max-width:828px){
	.online_procedure .num {padding-bottom:80px}
	.online_procedure .num:after {top:25px; width:65px; height:65px; margin-left:-32px;background-size:auto 65px}
	.online_procedure .item01 .num:after{background-position:0px 0}
	.online_procedure .item02 .num:after{background-position:-75px 0}
	.online_procedure .item03 .num:after{background-position:-150px 0}
	.online_procedure .item04 .num:after{background-position:-225px 0}
	.online_procedure .item05 .num:after{background-position:-300px 0}
}

@media screen and (max-width:414px){
	.online_procedure ol li {width:100%; margin:0 auto 20px;}
	.online_procedure .desc {height:auto;}
}
.agencies .cont {padding-top:30px; overflow:hidden;}
.agencies .step {position:relative; overflow:hidden; margin-bottom:20px; width:20%; float: left; }
.agencies .step .tit_step { color:#fff; text-align: center; padding: 25px 0;  }
.agencies .step .tit_step strong {display:block; font-size:18px;}
.agencies .step .tit_step span {display:block;}
.agencies .step .wrap_committee {overflow:hidden; height:980px;  padding: 30px 20px; border: 1px solid #d5d5d5; border-right: none; box-sizing:border-box;}
.agencies .step:last-child .wrap_committee{border-right: 1px solid #d5d5d5;}
.agencies .committees {}
.agencies .committees li {position:relative; font-size:14px; text-alig:left; line-height:18px; margin: 10px 0; padding-left: 10px; }
/* .agencies .committees li:after {position:absolute; top:9px; left:0; width:2px; height:2px; background:#818181; content:''} */
.agencies .step .note {font-size:14px;font-weight:bold; text-align:center; background: #f2f2f2; padding: 30px; border: 1px solid #d5d5d5; border-top:none; border-right: none;}
.agencies .step:last-child .note{border-right: 1px solid #d5d5d5;}
.agencies .step .note strong,
.agencies .step .note span {display:block; text-align:center;}
.agencies .step1 .tit_step{background:#39a9e3;}
.agencies .step1 .committees {}
.agencies .step2 .tit_step{background:#3378c1;}
.agencies .step3 .tit_step{background:#234e96;}
.agencies .step4 .tit_step{background:#0a295d;}
.agencies .step5 .tit_step{background:#0b0b3b;}

@media screen and (max-width:1080px){
	.agencies .step .wrap_committee {height: 1500px;}
}

@media screen and (max-width:750px){
.agencies .step {width: 100%;}
.agencies .step .tit_step {padding: 15px 0;}
.agencies .step .wrap_committee {height: auto; padding: 15px 10px; border: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5;}
.agencies .step:last-child .wrap_committee{border-right: 1px solid #d5d5d5;}
.agencies .step .note {border-right: 1px solid #d5d5d5;}
}