@import url("layout.css");
@import url("/upload/skin/board/plani.css");

/*-------------------------------------------------
Author : SY,CHo
Create date : 2019. 08. 12.
-------------------------------------------------*/
#contentWrap {margin: 30px auto 60px; width: 100%; max-width: 1280px;}
#contentWrap:after {clear: both; display: block; content: "";}

/* 좌측메뉴 */
#snb {float: left; width: 12rem; line-height: 1;}
#snb h2 {display: table; width: 100%; font-size: 1.2rem; color: #fff; background: #4560c2 url(/_eng/img/sub/title.png) no-repeat right bottom;}
#snb h2 em {display: table-cell; padding: 1.5rem; height: 7rem; vertical-align: middle;}
#snb nav {margin-top: 1rem;}
#snb li > a {position: relative; display: block;}
#snb li > a:after {position: absolute; content: "";}
#snb .depth01 > li + li {margin-top: 2px;}
#snb .depth01 > li > a {padding: 1rem; line-height: 1.3; font-size: 0.85rem; color: #222; background-color: #f6f6f6; transition: all .25s ease; -webkit-transition: all .25s ease;}
#snb .depth01 > li > a:after {display: none;}
#snb .depth02 {height: 0; opacity: 0; visibility: hidden; overflow: hidden; transition: all .25s ease; -webkit-transition: all .25s ease;}
#snb .depth02 > li > a {display: block; padding: 0.5rem 1rem; color: #666;}
#snb .depth02 > li > a:after {top: 0.8rem; left: 0.25rem; width: 3px; height: 3px; background-color: #182b42;}
#snb .depth01 > li.active > a {color: #fff; background-color: #444;}
#snb .depth01 > li.active > a:after {background-color: #fff;}
#snb .depth01 > li.active .depth02 {padding: 0.5rem 1rem; height: auto; opacity: 1; visibility: visible;}

/* 담당자, 만족도 조사 */
.contentInfo {margin-top: 2rem;}
.duty-wrap {display: block; padding: 1rem; color: #777; background: #f6f6f6; overflow: hidden;}
.duty-wrap .float-right {position: relative; display: inline-block; padding-right: 1rem;}
.duty-wrap .float-right:before {position: absolute; right: 0; top: 0; font-family: 'xeicon'; content: "\e942";}
.duty > * {float: left;}
.duty > span {position: relative; display: inline-block; padding-left: 2.5rem;}
.duty > span:before {position: absolute; left: 0; top: 50%; margin-top: -0.75rem; width: 1.5rem; height: 1.5rem; text-align: center; font-family: 'xeicon'; font-size: 1rem; color: #fff; background-color: #ccc; border-radius: 50%; content: "\e9f3";}
.duty dl {margin-left: 1rem;}
.duty dd {margin-left: 0.5rem;}
.duty .manager {display: inline-block; margin-left: 1rem;}
.duty .manager p + p {margin-top: 0.25rem;}
.duty .manager p a,
.duty .manager p span {display: inline-block; margin-right: 0.5rem;}
#satisfy-wrap {margin-top: 0.5rem; padding: 1.5rem 1rem; display: none; border: 1px solid #ddd;}
#satisfy-wrap strong {display: block; margin-bottom: 0.5rem;}
.satisfyForm ol {position: relative; float: left; display: inline-block; margin-top: 0.5rem; width: 26rem;}
.satisfyForm li {display: inline-block;}
#satisfy-wrap .opinion {position: relative; float: left; display: inline-block; width: calc(100% - 26rem);}
#satisfy-wrap .opinion input[type="text"] {padding: 0 0.5rem; width: 100%; height: 2rem; line-height: 1.9rem; border: 1px solid #ddd;}
#satisfy-wrap .opinion input[type="submit"] {position: absolute; top: 0; right: 0; display: inline-block; padding: 0.4rem 1rem; color: #fff; background: #222; border: none;}
#satisfy-wrap .opinion .opinion_right {display: none;}

/* 컨텐츠 타이틀 */
#content {position: relative; float: left; margin-left: 3rem; width: calc(100% - 15rem);}

/* 컨텐츠 */
.content_info {position: relative; padding-bottom: 2rem;}
.content_info h3 {font-size: 1.8rem; color: #222;}

.content_body:after {clear: both; display: block; content: "";}
.content_body img {max-width: 100%;}

/* H* 타이틀 */
[class^="h0"] {position: relative; padding-left: 1rem; color: #222;}
.h03::before,
[class^="h0"]::after {position: absolute; left: 0; content: "";}

.h03 {margin: 2.5rem 0 1.5rem; line-height: 1.2; font-size: 1.2rem; font-weight: 500;}
.h04 {margin: 2rem 0 1rem; font-size: 1rem; font-weight: 500;}
.h05 {margin: 1rem 0 1rem; padding-left: 0.8rem; font-size: 0.9rem;}
.h06 {margin: 1rem 0 0.5rem; padding-left: 0; font-weight: 700; color: #043763;}
.h03::before {top: 7px; width: 15px; height: 6px; background: rgba(69,96,194,0.7); transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.h03::after {top: 14px; width: 15px; height: 6px; background: rgba(97,67,173,0.7); transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.h04::after {top: 0.65rem; width: 12px; height: 2px; background: #47464e;}
.h05::after {top: 0.45rem; width: 4px; height: 7px; background: #4e69cc;}

/* 버튼 */
.btn-line {padding: .6rem .75rem;}
.btn-line.blue {color: #fff; background-color: #4560c2; border: none;}
.btn-line.blue i {color: #fff;}
.btn-line.blue:hover {color: #fff; background-color: #333;}
.btn-line.blue:hover i {color: #fff;}
/* .btn-line.btn-arrow i::after {font-family: 'xeicon'; content: "\e93f";} */

/* 박스 */
.box.stripe {padding: 1.5rem; border: 0.5rem solid transparent; border-image: url(/_eng/img/sub/pattern01.gif) 36% round; overflow: hidden;}
.box.scroll {padding: 2.5rem; max-height: 15rem; border: 1px solid #ddd; overflow: hidden;}

/*등록폼*/
.writeForm.other {margin-bottom: 0;}

/* 모바일 테이블 스크롤 */
.box-scroll {position: relative; display: none; text-align: right;}
.box-scroll > span {display: inline-block; width: 100px; height: 40px; line-height: 38px; text-align: center; color: #777; background: #fff; border: 1px solid #eaeaea; border-radius: 20px; box-shadow: 3px 5px 8px rgba(0,0,0,0.2); z-index: 1;}
.writeForm.other + .box-scroll {margin-top: -3rem;}

/* 연혁 */
#conHistory {padding-left: 400px; min-height: 48rem; background: url(/_eng/img/sub/history.jpg) no-repeat left 1rem;}
#conHistory > .historyM {display: inline-block; font-size: 1.5rem; color: #222; border-bottom: 1px solid #aaa;}
#conHistory > ul > li {margin-top: 2rem;}
#conHistory > ul > li .year {font-size: 1.5rem; font-weight: 700; color: #191549;}
#conHistory > ul > li .title {margin-top: 1rem; font-size: 1rem; font-weight: 500; color: #191549;}
#conHistory > ul > li .text {margin-top: 0.5rem; color: #666;}

/* 인사말 */
.box.introduce {position: relative; margin-bottom: 1.5rem; padding: 1.5rem; background: #e0e3eb; overflow: hidden;}
.box.introduce:before {position: absolute; bottom: 0; right: -50%; width: 100%; height: 100%; background: #043763; transform: skew(-45deg); -webkit-transform: skew(-45deg); content: "";}
.box.introduce > div {position: relative; padding: 3rem 2rem 2rem; background: #fff;}
.box.introduce .type01 {position: relative; margin-bottom: 1rem; padding-bottom: 1rem; font-size: 1rem; color: #666}
.box.introduce .type01:before {position: absolute; bottom: 0; left: 0; width: 30px; height: 1px; background: #000; content: "";}
.box.introduce .type02 {font-size: 1rem; color: #222;}
.box.introduce .type02 strong {display: block; font-size: 1.8rem; font-weight: 500; color: #043763;}
.box.introduce .photo {position: absolute; bottom: 0rem; right: 1.0rem;}
.sign {margin-top: 1.5rem;}
.sign img {margin-left: 1rem; vertical-align: middle;}

/* 조직.기능 */
.box.stripe .elementLst {display: inline-block; margin: 0 auto;}
.box.stripe .elementLst > li {float: left; display: inline-block;}
.box.stripe .elementLst > li ~ li {margin-left: 2.5rem;}
.box.stripe .elementLst > li span {position: relative; display: inline-block; padding-left: .5rem; margin-left: .4rem;}
.box.stripe .elementLst > li span::before {position: absolute; left: 0; top: 50%; display: block; width: 1px; height: 0.6rem; background-color: #ddd; content: ''; -webkit-transform: translateY(-50%); transform: translateY(-50%);}

.organizationChart {overflow: hidden;}
.organizationChart > ul {position: relative; overflow: hidden;}
.organizationChart > ul:before {position: absolute; top: 0.5rem; left: 3rem; width: 1px; height: calc(100% - 13rem); background: #d7d7d7; content: "";}
.organizationChart > ul > li > ul > li {overflow: hidden;}
.organizationChart > ul > li > ul > li > ul > li {float: left;}
.organizationChart span {position: relative; display: inline-block; margin: 0.5rem 0;}

.organizationChart .type01 {padding: 1rem; width: 9rem;  background: #fff; border: 10px solid #043763;  text-align: center; font-size: 0.9rem; }
.organizationChart .type01.color01 {padding: 0.55rem 1rem; color: #222; color: #fff; background: #3a1c84; border: none;}

.organizationChart .type02 {position: relative; margin-left: 10rem; padding: 0.7rem 1rem; width: 15rem; height: 4rem; font-size: 0.85rem; background: #e0e3eb;}
.organizationChart .type02:before {position: absolute; top: 50%; left: -7rem; width: 8rem; height: 1px; background: #d7d7d7; content: ""; z-index: -1;}
.organizationChart .type02.color01 {float: left; margin-left: 5rem; width: 12rem; color: #fff; background: #043763;}
.organizationChart .type02.color01:before {left: -2rem; width: 2rem;}
.organizationChart .type02.color02 {margin-left: 0.5rem; padding: 0.55rem 1rem; width: 14rem; background: #fff; border: 2px solid #e0e3eb;}
.organizationChart .type02.color02:before {left: -0.6rem; width: 0.5rem;}

.organizationChart .type02.color01 + ul {position: relative; float: left; padding-left: 1rem; max-width: calc(100% - 17rem); overflow: hidden;}
.organizationChart .type02.color01 + ul:before {position: absolute; top: 2.5rem; left: 1rem; width: 1px; height: calc(100% - 5rem); background: #d7d7d7; content: ""; z-index: -1;}
.organizationChart .type02.color01 + ul > li:first-child span:before {left: -2rem; width: 2rem;}

.organizationChart .type02.blue {background-color: #4560c2; margin-left: 11px; color:#fff; width:569px;height: 51px;}
.organizationChart .type02.blue:before{top: 75%;}

.organizationChart .type03 {position: relative; margin-left: 10rem; padding: 0.7rem 1rem; width: 22rem; height: 2.55rem; font-size: 0.85rem; background: #e0e3eb;}
.organizationChart .type03:before {position: absolute; top: 50%; left: -7rem; width: 8rem; height: 1px; background: #d7d7d7; content: ""; z-index: -1;}

/* 오시는길 */
.mapLayout {background: #edeef2; overflow: hidden;}
.mapLayout img {max-width: 100%;}
.mapLayout .address {position: relative; padding: 1rem 1.5rem 1rem 7.5rem; color: #fff; background: #043763; z-index: 1;}
.mapLayout .address strong {position: absolute; top: 1rem; left: 1.5rem; display: inline-block; padding-right: 1.5rem; font-size: 0.9rem; font-weight: 500;}
.mapLayout .address strong:after {position: absolute; top: 3px; right: 0; width: 1px; height: 1rem; background: #a9a9a9; content: "";}
.mapLayout .address span {display: inline-block; margin-left: 1.5rem;}
.mapLayout .address span i {margin-right: 0.5rem;}

/* 리스트 스타일 - layout.css 참고 */
* + .bul_dot {margin-top: 1rem;}
.bul_dot > li {padding-left: 0.5rem; text-align: left;}
.bul_dot > li:before {width: 3px; height: 3px; background-color: #888; border-radius: 50%;}
.bul_dot.bar > li:before {width: 4px; height: 2px; border-radius: 0;}

.bul_dot + .box {margin-top: 1rem;}

.list_detail {margin: 1rem 0; padding: 1.5rem; background-color:#f6f6f6; word-break: keep-all;}
.list_detail ul li + li {margin-top: 0.5rem;}
.list_detail.dark {padding: 1rem 1.5rem; background-color: #eaeaea; overflow: hidden;}

.additional {position: relative; margin: 0.75rem 0 0.25rem; padding-left: 1rem; font-size: 0.75rem; color: #ec6f31;}
.additional:before {position: absolute; top: 0.15rem; left: 0; content: "*";}
.box.style01 {padding: 1rem; background: #fcfcfc; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea;}
.speaker {position: relative; display: inline-block; padding-left: 2rem;}
.speaker:before {position: absolute; left: 0; top: 0; width: 1.5rem; height: 1.5rem; text-align: center; font-family: 'xeicon'; font-size: 1rem; color: #222; background-color: #e2e2e2; border-radius: 50%; content: "\ea5a";}

/* 탑박스 type1 */
.bodo_top_box {position: relative; padding: 4rem 21rem 0 0; margin-bottom: 2rem;}
.bodo_top_box .bodo_cont > b {display: block; margin-bottom: 1.5rem;}
.bodo_top_box .bodo_cont > p {margin-bottom: 1.5rem; word-break: keep-all;}
.bodo_top_box .bodo_tit {display: block; margin-bottom: 15px; font-size: 1.6rem;}
.bodo_top_box .bodo_txt {font-size: .9rem; color: #666; line-height: 1.6;}
.bodo_top_box .bodo_txt:after {content: ""; display: block; width: 100%; height: 14px; margin-top: 45px; background: url(/_eng/img/sub/bodo_top_box_line.png) repeat-x;}

.bodo_top_box.type2 {padding: .5rem; background: url(/_eng/img/sub/bodo_top_box_line.png) repeat;}
.bodo_top_box.type2 .inner{position: relative; background-color: #fff; padding: 1.4rem 1.4rem 1.4rem 7.5rem;}
.bodo_top_box.type2 .bodo_txt:after {display: none;}
.bodo_top_box.type2 .bodo_tit {font-size: 1.1rem;}
.bodo_top_box.type2 .bodo_cont > p {margin-bottom: 0;}
.bodo_top_icon {position: absolute; top: 1.5rem; left: 1.5rem; display: block; width: 94px; height: 94px; border-radius: 50%; background-color: #043763;}
.bodo_top_icon .icon {display: inline-block; width: 100%; height: 100%; vertical-align: middle; background: url(/_eng/img/sub/bodo_top_icon_type1.png) no-repeat;}
.bodo_top_icon .icon2 {background-position: -94px 0;}
.bodo_top_icon .icon3 {background-position: -188px 0;}
.bodo_top_icon .icon4 {background-position: -282px 0;}
.bodo_top_icon .icon5 {background-position: -376px 0;}
.bodo_top_icon .icon6 {background-position: -470px 0;}
.bodo_top_icon .icon7 {background-position: -564px 0;}
.bodo_top_icon .icon8 {background-position: -658px 0;}

.bodo_top_icon [class*="icon2_"] {background-image: url(/_eng/img/sub/bodo_top_icon_type20.png);}
.bodo_top_icon .icon2_1 {background-position: 0 0;}
.bodo_top_icon .icon2_2 {background-position: -94px 0;}
.bodo_top_icon .icon2_3 {background-position: -188px 0;}
.bodo_top_icon .icon2_4 {background-position: -282px 0;}
.bodo_top_icon .icon2_5 {background-position: -376px 0;}
.bodo_top_icon .icon2_6 {background-position: -470px 0;}
.bodo_top_icon .icon2_7 {background-position: -564px 0;}
.bodo_top_icon .icon2_8 {background-position: -658px 0;}

.bodo_top_icon [class*="icon3_"] {background-image: url(/_eng/img/sub/bodo_top_icon_type30.png);}
.bodo_top_icon .icon3_1 {background-position: 0 0;}
.bodo_top_icon .icon3_2 {background-position: -70px 0;}
.bodo_top_icon .icon3_3 {background-position: -140px 0;}
.bodo_top_icon .icon3_4 {background-position: -210px 0;}
.bodo_top_icon .icon3_5 {background-position: 0 -70px;}
.bodo_top_icon .icon3_6 {background-position: -70px -70px;}
.bodo_top_icon .icon3_7 {background-position: -140px -70px;}
.bodo_top_icon .icon3_8 {background-position: -210px -70px;}
.bodo_top_icon .icon3_9 {background-position: 0 -140px;}
.bodo_top_icon .icon3_10 {background-position: -70px -140px;}
.bodo_top_icon .icon3_11 {background-position: -140px -140px;}
.bodo_top_icon .icon3_12 {background-position: -210px -140px;}
.bodo_top_icon .icon3_13 {background-position: 0 -210px;}
.bodo_top_icon .icon3_14 {background-position: -70px -210px;}
.bodo_top_icon .icon3_15 {background-position: -140px -210px;}
.bodo_top_icon .icon3_16 {background-position: -210px -210px;}

.bodo_cont .bul_dot.type2 {margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #eee;}
.bodo_cont .bul_dot.type2 strong {margin-right: 0.5rem;}

.bodo_icon {position: absolute; top: 2rem; right: 1.5rem; display: block; width: 84px; height: 84px; border-radius: 50%; background-color: #eceef4;}
.bodo_icon .icon {display: inline-block; width: 100%; height: 100%; vertical-align: middle;}
.bodo_icon.type1 .icon {background: url(/_eng/img/sub/bodo_icon_type1.png) no-repeat;}
.bodo_icon.type1 .icon1 {background-position: 0 0;}
.bodo_icon.type1 .icon2 {background-position: -84px 0;}
.bodo_icon.type1 .icon3 {background-position: -168px 0;}
.bodo_icon.type1 .icon4 {background-position: -252px 0;}
.bodo_icon.type1 .icon5 {background-position: -336px 0;}
.bodo_icon.type1 .icon6 {background-position: -420px 0;}
.bodo_icon.type1 .icon7 {background-position: -504px 0;}
.bodo_icon.type1 .icon8 {background-position: -588px 0;}
.bodo_icon.type1 .icon9 {background-position: -672px 0;}
.bodo_icon.type1 .icon10 {background-position: -756px 0;}
.bodo_icon.type1 .icon11 {background-position: 0 -84px;}
.bodo_icon.type1 .icon12 {background-position: -84px -84px;}
.bodo_icon.type1 .icon13 {background-position: -168px -84px;}
.bodo_icon.type1 .icon14 {background-position: -252px -84px;}
.bodo_icon.type1 .icon15 {background-position: -336px -84px;}
.bodo_icon.type1 .icon16 {background-position: -420px -84px;}
.bodo_icon.type1 .icon17 {background-position: -504px -84px;}
.bodo_icon.type1 .icon18 {background-position: -588px -84px;}
.bodo_icon.type1 .icon19 {background-position: -672px -84px;}
.bodo_icon.type1 .icon20 {background-position: -756px -84px;}
.bodo_icon.type1 .icon21 {background-position: 0 -168px;}
.bodo_icon.type1 .icon22 {background-position: -84px -168px;}
.bodo_icon.type1 .icon23 {background-position: -168px -168px;}
.bodo_icon.type1 .icon24 {background-position: -252px -168px;}

/* 절차도 type1 */
.bodo_procedure {position: relative; width: 100%; padding-left: 230px;}
.bodo_procedure:after {content: ""; display: block; visibility: hidden; clear: both;}
.bodo_procedure > li:after {position: absolute; top: 3.2rem; right: -1.45rem; content: ""; display: inline-block; width: 17px; height: 7px; background: url(/_eng/img/sub/procedure_arr.png) -30px 0 no-repeat; vertical-align: middle;}
.bodo_procedure > li:first-child::after {width: 47px; right: -2.9rem; background-position: 0 0;}
.bodo_procedure > li:last-child::after {display: none;}
.bodo_procedure > li {position:relative; float: left; width: 30%; min-height: 6.75rem; margin-right: 5%; border: 1px solid #e0e3eb;}
.bodo_procedure > li .bodo_tit {display: block; background-color: #e0e3eb; padding: 10px 15px; color: #000; font-size: .9rem; font-weight: 500;}
.bodo_procedure > li .bul_dot {padding: 15px; color: #666; letter-spacing: -1px;}
.bodo_procedure > li:first-child {position: absolute; top: 0; left: 0; width:165px; background-color: #3a1c84; border: none; text-align: center; padding: 30px 10px; color: #fff;}
.bodo_procedure > li:first-child .bodo_tit {background-color: transparent; padding: 0; color: #fff;}
.bodo_procedure > li:first-child .bodo_tit:after {content: ""; display: block; width: 20px; height: 1px; background-color: #fff; opacity: 0.38; margin: 10px auto;}
.bodo_procedure > li:last-child {margin-right: 0;}

.bodo_procedure.n2 > li {min-height: 185px;}
.bodo_procedure.n2 > li:first-child {background-color: #043763;}

/* 절차도 type2 */
.bodo_procedure2 {margin-bottom: 1.5rem;}
.bodo_procedure2:after {content: ""; display: block; visibility: hidden; clear: both;}
.bodo_procedure2 > li {float: left; width: 25%; border-left: 1px solid #ddd; padding: 0 25px; text-align: center;}
.bodo_procedure2 > li:first-child {border-left: none;}
.bodo_procedure2 > li .bodo_icon {position: static; margin: 0 auto 15px;}
.bodo_procedure2 > li .bodo_tit {display:block; margin-bottom: 10px; word-break: break-word; -ms-word-break: break-all;}
.bodo_procedure2 > li .bodo_tit em {display: block; color:#4560c2; margin-bottom: 5px;}
.bodo_procedure2 > li .bodo_txt {line-height: 1.6; word-break: keep-all; letter-spacing: -1px;}
.bodo_procedure2.col3 > li {width: 33.33%;}
.bodo_procedure2.col5 > li {width: 20%;}
.bodo_procedure2 > li .bodo_tit b {display: block; color:#4560c2; margin-bottom: 5px;}

/* 법령입안심사기준 */
.bodo_box_list {overflow: hidden;}
.bodo_box_list > li {float: left; width: 50%;}
.bodo_box_list > li:nth-of-type(2n+1) {clear: both;}
.bodo_box_list .bodo_top_box.type2 {margin-bottom: 0; padding: 0; background: none;}
.bodo_box_list .bodo_top_box.type2 .inner {padding: 1rem 1rem 1rem 5.5rem;}
.bodo_box_list .bodo_top_box.type2 .bodo_txt {font-size: .8rem;}
.bodo_box_list .bodo_top_box.type2 .btns {margin-top: 1rem;}
.bodo_box_list .bodo_top_icon {top: 1rem; left: 0; background-color: #eceef4;}

/* 사이트맵 */
.siteMap,
.siteMap ul {overflow: hidden;}
.siteMap > li {float: left; width: 22%;}
.siteMap > li + li {margin-left: 4%;}
.siteMap > li > a {display: block; line-height: 3rem; text-align: center; font-size: 0.95rem; font-weight: 500; color: #fff; background: #043763;}
.siteMap > li > ul > li + li {border-top: 1px solid #bcbcbc;}
.siteMap > li > ul > li > a {display: block; padding: 0.85rem 0; font-weight: 500; color: #222;}
.siteMap ul ul {padding-bottom: 1rem;}
.siteMap ul ul > li > a {position: relative; display: block; padding-left: 1rem; line-height: 1.8; color: #666;}
.siteMap ul ul > li > a:before {position: absolute; top: 0.65rem; left: 0; width: 6px; height: 2px; background-color: #d0d0d0; content: "";}
.siteMap ul ul > li > a:hover {font-weight: 700; color: #043763;}
.siteMap ul ul > li > a:hover:before {background-color: #043763;}

/* 주요기능과 사업 */
/* 
.box.edge {overflow: hidden;}
.box.edge > span {position: relative; float: left; width: 51%;}
.box.edge > span + span {display: table; width: 55%; margin-top: 1rem; margin-left: -6%; border: 10px solid #e8e8e8; z-index: -1;}
.box.edge > span + span:after {position: absolute; right: -10px; bottom: -10px; width: 40px; height: 40px; background: url(/_eng/img/sub/bg03.png) no-repeat right bottom; content: "";}
.box.edge > span + span em {display: table-cell; padding: 0 5rem; height: 14.5rem; vertical-align: middle;}
.box.edge > span + span strong {position: relative; display: block; padding-bottom: 1rem; font-size: 1.6rem;}
.box.edge > span + span strong:before {position: absolute; left: 0; bottom: 0; width: 2.5rem; height: 0.15rem; background: #043763; content: "";}
*/
.box.edge {padding: 1.5rem; border: 10px solid #e8e8e8; overflow: hidden;}
.box.edge > span {float: left; width: 40%;}
.box.edge > span + span {margin-left: 4%; width: 56%;}
.box.edge > span + span strong {position: relative; display: block; padding-bottom: 1rem; margin-bottom: 1rem; font-size: 1.6rem; font-weight: 500; line-height: 1.2;}
.box.edge > span + span strong:before {position: absolute; left: 0; bottom: 0; width: 2.5rem; height: 0.15rem; background: #043763; content: "";}
.eng_str {font-size: 0.8rem !important; line-height: 1.5 !important; font-weight: 300 !important;}
.eng_str:before {display:none !important; }

.box.edge .box_inno {float: left; padding: 0px 90px 0px 90px; width:auto;}

.bodo_box_list.type2 {margin-top: 1rem;}
.bodo_box_list.type2 > li {margin-bottom: 0.5rem; width: 49.5%; border: 1px solid #ddd;}
.bodo_box_list.type2 > li:nth-of-type(2n) {margin-left: 1%;}
.bodo_box_list.type2 .inner {min-height: 7rem;}
.bodo_box_list.type2 .inner.inno {min-height: 14rem;}
.bodo_box_list.type2 .inner.inno2 {min-height: 16rem;}
.bodo_box_list.type2 .bodo_top_icon {top: 50%; left: 1rem; width: 70px; height: 70px; background-color: #043763; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.bodo_box_list.type2 .bodo_tit {margin-bottom: 0.5rem; font-size: 0.9rem; font-weight: 500;}

.bodo_box_list.type2.full {margin-top: 1rem;}
.bodo_box_list.type2.full > li {width: 100%;}
.bodo_box_list.type2.full > li:nth-of-type(2n) {margin-left: 0;}
.bodo_box_list.type2.full > li:nth-of-type(2n+1) {clear: none;}

.bodo_box_list.type2.full > li.half {width: 49%;}
.bodo_box_list.type2.full > li.half.n2 {margin-left: 2%;}


.tstyle_list .bul_dot > li {padding: 1rem 1.5rem;}
.tstyle_list .bul_dot > li + li {margin-top: 0; border-top: 1px solid #ddd;}
.tstyle_list .bul_dot > li:before {top: 1.5rem; left: 0.75rem; display: block;}
.tstyle_list .bul_dot > li > strong:first-child {display: block; margin-bottom: 0.5rem; font-size: 0.9rem; color: #222;}

/* 법령심사 */
.graphLayout .total {display: inline-block; margin-top: 4.25rem; padding-bottom: 0.25rem; font-size: 2.5rem; color: #043763; border-bottom: 2px solid #043763;}
.graphLayout .total em {display: inline-block; vertical-align: middle; font-size: 0.8rem;}
.graphLayout .total .sum {margin-right: 0.5rem; width: 2rem; height: 2rem; line-height: 2rem; text-align: center; color: #fff; background: #043763; border-radius: 50%; overflow: hidden;}
.graphLayout .total .case {margin-left: 0.5rem; color: #222;}

.box.graph {padding: 2rem 2rem 1rem; width: 50%; text-align: center; background: #e0e3eb;}
.box.graph .list {margin-bottom: 0.5rem; padding: 0 4%; height: 6rem; border-bottom: 1px solid #bec4d3; overflow: hidden;}
.box.graph .list > li {position: relative; float: left; margin: 0 3.5%; width: 18%; height: 100%;}
.box.graph .list > li span {position: absolute; bottom: 0; left: 0; padding-top: 10px; width: 100%; text-align: center; color: #fff;}
.box.graph .list > li .bar1 {height: 50%; background: #4560c2;}
.box.graph .list > li .bar2 {height: 70%; background: #2d3389;}
.box.graph .list > li .bar3 {height: 77%; background: #043763;}
.box.graph .list > li .bar4 {height: 100%; background: #3a1c84;}
.box.graph + .float-left {margin-left: 4%; width: 46%;}

/* 법령정비 */
.bul_datLayout {margin-top: 1.5rem; padding: 1rem 2rem; background: url(/_eng/img/sub/bg04.png) no-repeat 97% 85%; border: 1px solid #ddd; overflow: hidden;}
.bul_datLayout > strong:first-child {float: left; display: block; margin-bottom: 1rem; height: 100%; font-size: 1rem; color: #222;}
.bul_datLayout > .box.bul_dot {float: left; margin-top: 0; padding: 0; width: calc(100% - 10rem); border: none;}

.photoLayout {position: relative;}
.photoLayout .float-left {width: 20rem;}
.photoLayout .float-left + .float-left {margin-left: 1.5rem; width: calc(100% - 21.5rem);}
.photoLayout .title {display: block; margin-top: 1rem;}
.photoLayout .title i {margin-right: 0.5rem;}
.photoLayout .score {font-size: 0.9rem; font-weight: 700; color: #222;}
.photoLayout .score em {margin: 0 0.5rem; font-size: 1.5rem; color: #043763;}
.photoLayout .score b {margin: 0 0.5rem; font-size: 1.5rem; color: #043763;}

.photoLayout.half {margin-top: 1rem;}
.photoLayout.half .float-left {width: 49%;}
.photoLayout.half .float-left + .float-left {margin-left: 2%;}
.photoLayout.half .float-left p + p {margin-top: 0.5rem;}

/* 약력 */
.box.brief {overflow: hidden;}
.box.brief .photo {float: left; padding: 0.5rem; width: 15rem; border: 1px solid #ddd;}
.box.brief .photo img {max-width: 100%;}
.box.brief .inner {float: left; margin-left: 2rem; width: calc(100% - 22rem);}
.box.brief .inner h2 {margin-bottom: 2rem; font-size: 1.3rem; font-weight: 400; color: #222;}
.box.brief .inner h2 strong {font-weight: 700;}
.infoData > li {position: relative; padding-left: 4.5rem;}
.infoData > li + li {margin-top: 2rem;}
.infoData > li > strong {position: absolute; top: 0; left: 0; display: inline-block; width: 3rem; height: 3rem; line-height: 3rem; text-align: center; font-size: 0.6rem; color: #fff; background: #043763; border-radius: 50%;}
.infoData > li > .list {position: relative; padding: 0 1rem; border-left: 6px solid #e0e3eb;}
.infoData > li > .list:after {position: absolute; top: 0; left: -6px; width: 6px; height: 6px; background: #043763; content: "";}
.infoData > li > .list > li {position: relative; padding: 0.25rem 0 0.25rem 5rem;}
.infoData > li > .list > li + li {margin-top: 0.25rem;}
.infoData > li > .list > li .date {position: absolute; top: 0.25rem; left: 0; font-weight: 500; color: #222;}

.box.bul_dot {padding: 1rem 2rem; border: 1px solid #ddd;}
.box.bul_dot > li {clear: both; padding: 1rem 1.5rem; overflow: hidden;}
.box.bul_dot > li:before {top: 1.4rem; left: 0.5rem; width: 6px; height: 6px; background-color: #043763; border-radius: 50%;}
.box.bul_dot > li .title {display: inline-block; min-width: 6rem;}
.box.bul_dot > li + li {margin-top: 0; border-top: 1px dashed #ddd;}
span.link .btn-line {padding: .25rem 1.1rem .25rem .5rem; width: auto; min-width: 5rem; font-size: .7rem;}

/* 여백 */
.content_body > .h03:first-child {margin-top: 0;}
p + .tstyle_list {margin-top: 1rem;}
.box.edge + p {margin-top: 1.5rem;}
.btns,
.box + .box {margin-top: 2rem;}

/* 뎁스별 들여쓰기 */
.indent_h03 {margin-left: 1rem;}
.indent_h04 {margin-left: 1.4rem;}

/* 높이 조절용 */
.ckeck-H330 > li .inner {height: 330px;}
.ckeck-H310 > li .inner {height: 310px;}
.ckeck-H260 > li .inner {height: 260px;}
.ckeck-H200 > li .inner {height: 200px;}

@media screen and (max-width: 1280px){
	/* H* 타이틀 */
	.h03::before {top: 5px;}
	.h03::after {top: 11px;}

	/* 인사말 */
	.box.introduce {padding: 1.5rem 1.5rem;}
}
@media screen and (max-width: 1024px){
	#contentWrap {margin: 0; padding: 0; border-top: 1px solid #e7e8ea;}
	#snb {display: none;}
	#content {float: none; margin-left: 0; padding: 1rem; width: 100%;}

	/* 처장 약력 */
	.box.brief .photo {width: 16rem; margin-right: 1.5rem; padding: 0.5rem;}
}
@media screen and (max-width: 800px){
	/* 박스 */
	.box.stripe {padding: 0.5rem;}
	.box.scroll {padding: 1rem;}

	/* 버튼 */
	.btns .btn-line {width: 100%;}

	/*등록폼*/
	.writeForm.other {overflow-x: auto;}
	.writeForm.other .tstyle_write {min-width: 800px;}

	/* 모바일 테이블 스크롤 */
	.box-scroll {display: block;}

	/* 탑박스 type1 */
	.bodo_top_box {margin-bottom: 1rem;}
	.bodo_top_box.type2 .inner {padding: 1rem 1rem 1rem 8rem;}
	.bodo_box_list .bodo_top_box.type2 .inner {padding: 1rem 1rem 1rem 7rem;}
	.bodo_top_icon {top: 50%; left: 1rem; margin-top: -47px;}
	.bodo_top_box.type2.magazine .bodo_top_icon {top: 0; margin-top: 1rem;}
	.bodo_box_list .bodo_top_icon {top: 50%;}
	.bodo_box_list.type2 .bodo_top_icon {transform: none; -webkit-transform: none;}

	/* 연혁 */
	#conHistory {padding-left: 0; background: none;}
	#conHistory > .historyM {display: block; padding: 7rem 2rem 0; height: 17rem; text-align: center; color: #fff; background: #3f4044 url(/_eng/img/sub/history-m.png) no-repeat center top;}

	/* 인사말 */
	.box.introduce > div {padding: 1rem 1rem 10rem;}
	.box.introduce .photo {right: 0;}

	/* 조직.기능 */
	.organizationChart > ul:before {height: calc(100% - 13rem);}

	/* 주요기능과 사업 */
	.box.edge {overflow: hidden;}
	.box.edge > span {width: 100%;}
	.box.edge > span img {width: 100%;}
	.box.edge > span + span {display: block; margin-top: 1rem; margin-left: 0; padding: 0; width: 100%;}
	.box.edge > span + span em {display: inline-block; padding: 0; height: auto;}

	/* 법령정비 */
	.photoLayout .float-left,
	.photoLayout.half .float-left {width: 100%;}
	.photoLayout .float-left img {width: 100%;}
	.photoLayout .float-left + .float-left,
	.photoLayout.half .float-left + .float-left {margin-top: 1rem; margin-left: 0; width: 100%;}
	.photoLayout .title {position: static; bottom: auto; left: auto; display: block; margin-top: 0.5rem;}

	.bul_datLayout {padding: 1rem;}

	/* 법령심사 */
	.graphLayout .total {margin-top: 1rem;}
	.box.graph {float: none; padding: 2rem; width: 100%;}
	.box.graph + .float-left {float: none; margin-top: 1rem; margin-left: 0; width: 100%;}
	
	.box.edge > span + span strong{ font-size: 1rem;}

	/* 약력 */
	.box.brief .photo {float: none; display: block; margin: 0 auto 1.5rem;}
	.box.brief .inner {float: none; margin-left: 0; width: 100%;}
}
@media screen and (max-width: 783px){
	/* 조직.기능 */
	.organizationChart > ul:before {height: calc(100% - 28rem);}
}
@media screen and (max-width: 600px){
	/* 컨텐츠 */
	.content_info {padding-bottom: 1rem;}

	/* H* 타이틀 */
	.h03::before {top: 5px;}
	.h03::after {top: 11px;}

	/* 탑박스 type1 */
	.bodo_top_box {margin-bottom: 1rem;}
	.bodo_top_box.type2 .inner {padding: 1rem;}
	.bodo_top_icon,
	.bodo_box_list.type2 .bodo_top_icon {position: static; top: auto; left: auto; margin: 0 auto 1rem;}

	/* 절차도 type2 */
	.bodo_procedure2 > li,
	.bodo_procedure2 > li:first-child,
	.bodo_procedure2.col3 > li,
	.bodo_procedure2.col5 > li {margin-bottom: 1rem; padding: 1rem; width: 100%; border: 1px solid #ddd;}

	/* 법령입안심사기준 */
	.bodo_top_box.type2.magazine .inner,
	.bodo_box_list .bodo_top_box.type2 .inner {padding-left: 1rem;}
	.bodo_box_list > li,
	.bodo_box_list.type2 > li,
	.bodo_box_list.type2.full > li.half {float: none; width: 100%;}
	.bodo_box_list.type2 > li:nth-of-type(2n),
	.bodo_box_list.type2.full > li.half.n2 {margin-left: 0;}
	.bodo_box_list > li ~ li {border-top: 1px solid #ddd;}
	.bodo_box_list .bodo_top_box.type2 .inner {padding: 1rem;}

	/* 조직.기능 */
	.organizationChart > ul > li > ul > li > ul > li {width: 97%;}
	.organizationChart .type02 {margin-left: 5rem; width: calc(100% - 5rem);}
	.organizationChart .type02:before {left: -2rem; width: 2rem;}
	.organizationChart .type02.color01 {width: calc(100% - 5rem);}
	.organizationChart .type02.color02 {width: calc(100% - 0.25rem);}
	.organizationChart .type02.color01 + ul {padding-left: 4.5rem; max-width: 100%;}
	.organizationChart .type02.color01 + ul:before {left: 4.5rem;}
	.organizationChart .type03 {margin-left: 5rem; width: calc(100% - 5rem); height: auto;}
	.organizationChart .type03:before {left: -2rem;}

	/* 인사말 */
	.box.introduce > div {padding-bottom: 20rem;}
	.box.introduce .type02 {word-break: break-word;}
	.box.introduce .type02 strong {font-size: 1.5rem;}

	/* 오시는길 */
	.mapLayout .address {padding: 1rem 1rem 1rem 6.5rem;}
	.mapLayout .address strong {padding-right: 1rem;}
	.mapLayout .address span {margin-left: 0;}

	/* 높이 조절용 */
	[class*="ckeck-H"] > li .inner {height: auto;}
}
@media screen and (max-width: 480px){
	/* 인사말 */
	.box.introduce {padding: 1.5rem;}
	.box.introduce:before {right: -95%; bottom: -60%; width: 100%; height: 100%; transform: scale(2) rotate(45deg); -webkit-transform: scale(2) rotate(45deg);}
	.box.introduce > div {padding-bottom: 0;}
	.box.introduce .photo {position: static; right: auto; bottom: auto; display: block; margin-top: 1rem;}

	/* 연혁 */
	#conHistory > .historyM {font-size: 1.2rem;}

	/* 법령정비 */
	.bul_datLayout {padding-bottom: 8rem; background-position: 95% 95%;}
	.bul_datLayout > .box.bul_dot {width: 100%;}
}
