@import url("layout.css");
@import url("/upload/skin/board/plani.css");

/*-------------------------------------------------
Author : SY,CHo
Create date : 2019. 08. 12.
-------------------------------------------------*/
.topSearch {left: 14.5rem; margin-left: 0;}

#contentWrap {margin: 30px auto; width: 100%; max-width: 1280px;}
#contentWrap:after {clear: both; display: block; content: "";}

#content_detail iframe {width: 100% !important;}
/* 푸터 수정 */
#funny {display: none;}

/* 좌측메뉴 */
#snb {float: left; width: 12rem; line-height: 1;}
#snb h2 {padding: 2rem 1.5rem; height: 7rem; letter-spacing: -0.05em; font-size: 1.45rem; font-weight: 500; color: #fff; background: #4560c2 url(/_kor/img/sub/title.png) no-repeat right bottom;}
#snb h2 em {display: block; margin-bottom: 0.7rem; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 200; color: rgba(255,255,255, .6);}
#snb nav {margin-top: 1rem;}
#snb a > i[class^="xi-"] {margin-left: 0.25rem;}
#snb li > a {position: relative; display: block; letter-spacing: -0.05rem;}
#snb li > a:after {position: absolute; content: "";}
#snb .depth01 > li + li {margin-top: 2px;}
#snb .depth01 > li > a {padding: 1rem; font-size: 0.85rem; color: #222; background-color: #f6f6f6; transition: all .25s ease; -webkit-transition: all .25s ease;}
#snb .depth02 {height: 0; padding: 0.5rem 0; opacity: 0; visibility: hidden; overflow: hidden; transition: all .25s ease; -webkit-transition: all .25s ease;}
#snb .depth02 > li {margin: 0 1rem;}
#snb .depth02 > li > a {display: block; padding: 0.5rem 0 0.5rem 1rem; color: #666;}
#snb .depth02 > li > a:after {top: 0.8rem; left: 0.25rem; width: 3px; height: 3px; background-color: #182b42; transform: skew(0); -webkit-transform: skew(0); transition: all .25s ease; -webkit-transition: all .25s ease;}
#snb .depth01 > li.active > a {color: #fff; background-color: #444;}
#snb .depth01 > li.active .depth02 {height: auto; opacity: 1; visibility: visible;}
#snb .depth01 > li.child > a {position: relative;}
#snb .depth01 > li.child > a:after {position: absolute; top: 1rem; right: 1rem; font-family: 'xeicon'; content: "\e913"; transition: all .25s ease; -webkit-transition: all .25s ease;}
#snb .depth01 > li.child.active > a:after {content: "\e91a";}
#snb .depth02 > li > a:hover,
#snb .depth02 > li.active > a {color: #222; font-weight: 700;}
#snb .depth02 > li > a:hover:after,
#snb .depth02 > li.active > a:after {top: 0.7rem; height: 10px; transform: skew(-20deg); -webkit-transform: skew(-20deg);}

/* 컨텐츠 타이틀 */
#content {position: relative; float: left; margin-left: 3rem; width: calc(100% - 15rem); min-height: 50rem;}/* min-height: 50rem 전체 풀메뉴 오픈시 최소 높이 설정용 */

/* 컨텐츠 */
.content_info {position: relative; padding-bottom: 1.5rem;}
.content_info h3 {color: #222;  letter-spacing: -0.05em;font-size: 1.8rem; font-weight: 700; }
.BtnArea {text-align: right;}

.location {position: absolute; top: 0; right: 6.5rem;}
.location li {float: left;}
.location a {position: relative; display: inline-block; line-height: 45px; font-size: 0.75rem; white-space: nowrap;}
.location a:after {position: absolute; top: 0; left: 0; font-family: 'xeicon';}
.location li + li a {margin-left: 0.5rem; padding-left: 1rem; color: #777;}
.location li + li a:after {content: "\e940";}
.location .icon a {padding-left: 15px; width: 15px; height: 45px; overflow: hidden;}
.location .icon a:after {content: "\e900";}

.title_txt {clear: both; position: relative; margin-top: 2rem; padding-left: 1rem; line-height: 1rem;}
.title_txt:after {position: absolute; top: 1px; left: 0; width: 6px; height: 100%; background: #9796aa; content: "";}

#sns_wrap {position: absolute; top: 0; right: 0; line-height: 1; z-index: 2;}
#sns_wrap li {float: left;}
#sns_wrap li + li {margin-left: 6px;}
#sns_wrap a {position: relative; display: inline-block; width: 45px; height: 45px; line-height: 43px; text-align: center; color: #777; border: 1px solid #eaeaea; border-radius: 50%;}
#sns_wrap a:after {position: absolute; top: 0; left: 0; width: 100%; font-family: 'xeicon'; font-size: 1rem;}
#sns_wrap .snsBox a:after {content: "\e9ea";}
#sns_wrap .btnPrint a:after {content: "\e9bb";}
#sns_wrap .sns_icon01 a:after {content: "\ebd3";}
#sns_wrap .sns_icon02 a:after {content: "\ec1f";}
#sns_wrap .sns_icon03 a:after {top: 3px; font-family: inherit; font-size: inherit; content: url(/_kor/img/sub/naverblog.png);}
#sns_wrap .sns_icon04 a:after {content: "\ebef";}
#share {position: absolute ;left: -100px; top: 60px; display: none; padding: 0.25rem 1rem; width: 240px; background: #fff; border: 1px solid #eaeaea;}
#share:after, 
#share:before {position: absolute; bottom: 100%; left: 50%; width: 0; height: 0; border: solid transparent; pointer-events: none; content: "";}
#share:after {margin-left: -10px; border-width: 10px; border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff;}
#share:before {margin-left: -11px; border-width: 11px; border-color: rgba(0, 0, 0, 0); border-bottom-color: #eaeaea;}
#share a {border-color: transparent;}

/* 담당자, 만족도 조사 */
.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; top: 5px; right: 0; width: 14px; height: 14px; background: url(/_kor/img/sub/bullet03.gif) no-repeat center center; content: "";}
.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;}
#satisfy-wrap1 {margin-top: 0.5rem; padding: 1.5rem 1rem; display: none; border: 1px solid #ddd;}
#satisfy-wrap1 strong {display: block; margin-bottom: 0.5rem;}
#satisfy-wrap2 {margin-top: 0.5rem; padding: 1.5rem 1rem; display: none; border: 1px solid #ddd;}
#satisfy-wrap2 strong {display: block; margin-bottom: 0.5rem;}
.satisfyForm ol {position: relative; float: left; display: inline-block; margin-top: 0.5rem; width: 26rem;}
.satisfyForm li {position: relative; display: inline-block;}
.satisfyForm li input[type="radio"] {margin: 0; padding: 0; width: 21px;}
.satisfyForm li input[type="radio"] + label::before {top: 0;}
.satisfyForm input[type="radio"] + label::after {top: 5px;}
#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;}
#satisfy-wrap1 .opinion {position: relative; float: left; display: inline-block; width: calc(100% - 26rem);}
#satisfy-wrap1 .opinion input[type="text"] {padding: 0 0.5rem; width: 100%; height: 2rem; line-height: 1.9rem; border: 1px solid #ddd;}
#satisfy-wrap1 .opinion input[type="submit"] {position: absolute; top: 0; right: 0; display: inline-block; padding: 0.4rem 1rem; color: #fff; background: #222; border: none;}
#satisfy-wrap1 .opinion .opinion_right {display: none;}
#satisfy-wrap2 .opinion {position: relative; float: left; display: inline-block; width: calc(100% - 26rem);}
#satisfy-wrap2 .opinion input[type="text"] {padding: 0 0.5rem; width: 100%; height: 2rem; line-height: 1.9rem; border: 1px solid #ddd;}
#satisfy-wrap2 .opinion input[type="submit"] {position: absolute; top: 0; right: 0; display: inline-block; padding: 0.4rem 1rem; color: #fff; background: #222; border: none;}
#satisfy-wrap2 .opinion .opinion_right {display: none;}

.content_body:after {clear: both; display: block; content: "";}
.content_body img {max-width: 100%;}

/* 탭메뉴 */
.tabNav {position: relative; margin-bottom: 2rem; display: table; width: 100%; border-top: 1px solid #eaeaea; overflow: hidden;}
.tabNav:before {position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #eaeaea; content: "";}
.tabNav > li {display: table-cell;}
.tabNav a {position: relative; display: table; width: 100%; height: 2.5rem; text-align: center; font-size: 0.9rem; color: #767676; letter-spacing: -0.05em; white-space: nowrap; border-bottom: 1px solid #eaeaea;}
.tabNav a::after {position: absolute; left: 0; bottom: 0; width: 0; height: 3px; background: #444; content: ""; transition: all .25s ease; -webkit-transition: all .25s ease;}
.tabNav a span {display: table-cell; width: 100%; height: 100%; line-height: 1.5em; vertical-align: middle; word-break: keep-all;}
.tabNav a:hover,
.tabNav .active a {font-weight: 700; color: #444;}
.tabNav a:hover::after,
.tabNav .active a::after {width: 100%;}

* + .tabNav {margin-top: 2rem;}

.tabNav.col2 > li {width: 50%;}
.tabNav.col3 > li {width: 33.33%;}
.tabNav.col3_etc > li {width: 30%;}
.tabNav.col3_etc > li .last {width: 10%;}
.tabNav.col4,
.tabNav.col5,
.tabNav.col6,
.tabNav.col7,
.tabNav.col8 {display: block;}
.tabNav.col4 > li,
.tabNav.col5 > li,
.tabNav.col6 > li,
.tabNav.col7 > li,
.tabNav.col8 > li {float: left; display: inline-block; width: 25%;}

.tabOuter {margin-top: 2rem;}
.tabBtn {position: relative; display: table; width: 100%;}
.tabBtn:before {position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #333; content: "";}
.tabBtn > li {float: left; display: table-cell; width: 33.33%;}
.tabBtn a {position: relative; display: table; padding: 0 0.25rem; width: 100%; height: 2.7rem; text-align: center; color: #767676; letter-spacing: -0.05em; border: 1px solid #eaeaea; border-bottom-color: transparent; border-left-color: transparent;}
.tabBtn > li:first-child > a {border-left-color: #eaeaea;}
.tabBtn a::after {position: absolute; bottom: 0; left: 0; width: 100%; height: 0.8rem; line-height: 1; text-align: center; font-family: "xeicon"; color: #4560c2; content: "\e936"; opacity: 0; visibility: hidden; transition: all 0.25s ease; -webkit-transition: all 0.25s ease;}
.tabBtn a span {display: table-cell; width: 100%; height: 100%; vertical-align: middle;}
.tabBtn a.active {font-weight: 700; color: #222; border-color: #333; border-bottom-color: #fff;}
.tabBtn li:first-child > a.active {border-left-color: #333;}
.tabBtn a.active::after {opacity: 1; visibility: visible;}
.tabConBox {display: none;}
.tabConBox.active {display: block;}

/* .cont_tab + .tab_obj > .tabOuter {margin-top: 0;} */

/* 탭메뉴 + 콘텐츠 */
.cont_tab {position:relative; border-top: 1px solid #eaeaea;}
.cont_tab:after {clear: both; display: block; content: "";}
* + .cont_tab,
* + .depth4_tab {margin-top: 2rem;}

.cont_tab .tab-ul:after{display:block;clear:both;overflow:hidden;content:'';}
.cont_tab .tab-ul {display: block; width: 100%; height: 2.5rem; border-bottom: 1px solid #ddd;}
.cont_tab .tab-ul > li {display: inline-block;float:left; width: 100%; height: auto; vertical-align: middle; margin:0;}
.cont_tab .tab-ul > li > a {position: absolute; top:0; z-index: 1; display:table;width: 100%; height: 2.5rem; text-align: center; font-size: 0.9rem; color: #888; letter-spacing: -0.05em; white-space: nowrap; border-bottom: 1px solid #eaeaea;}
.cont_tab .tab-ul > li > a::after {position: absolute; left: 0; bottom: 0; width: 0; height: 3px; background: #444; content: ""; transition: all .25s ease; -webkit-transition: all .25s ease;}
.cont_tab .tab-ul > li > a > span {display: table-cell; width: 100%; height: 100%; line-height: 1.5em; vertical-align: middle; word-break: keep-all;}

.cont_tab.col2 .tab-ul > li > a {width: 50%;}
.cont_tab.col2 .tab-ul > li.t2 > a {left: 50%;}

.cont_tab.col3 .tab-ul > li > a{ width:33.33%;}
.cont_tab.col3 .tab-ul > li.t2 > a{ left:33.33%;}
.cont_tab.col3 .tab-ul > li.t3 > a{ left:66.66%;}

.cont_tab.col4 .tab-ul > li > a {width:25%;}
.cont_tab.col4 .tab-ul > li.t2 > a {left:25%;}
.cont_tab.col4 .tab-ul > li.t3 > a {left:50%;}
.cont_tab.col4 .tab-ul > li.t4 > a {left:75%;}
.cont_tab.col4 .tab-ul > li.t5 > a {top:2.5rem; left:0;}
.cont_tab.col4 .tab-ul > li.t6 > a {top:2.5rem; left:25%;}
.cont_tab.col4 .tab-ul > li.t7 > a {top:2.5rem; left:50%;}
.cont_tab.col4 .tab-ul > li.t8 > a {top:2.5rem; left:75%;}
.cont_tab.col4 .tab-ul > li.t9 > a {top:5rem; left:0;}
.cont_tab.col4 .tab-ul > li.t10 > a {top:5rem; left:25%;}

.cont_tab .tab_con {position: relative; width: 100%;}
.cont_tab .tab_con .tab_obj {display: none; padding: 2rem 0; width: 100%; text-align: left;}
.cont_tab .tab_con .tab_obj.active {display: block;}
.cont_tab .tab-ul > li.on > a,
.cont_tab .tab-ul > li.active > a,
.cont_tab .tab-ul > li > a:hover,
.cont_tab .tab-ul > li > a:focus {font-weight: 700;color: #444;}
.cont_tab .tab-ul > li > a:hover:after,
.cont_tab .tab-ul > li > a:focus:after,
.cont_tab .tab-ul > li.on > a:after,
.cont_tab .tab-ul > li.active > a:after {width: 100%;}

.cont_tab.row2 .tab-ul{height: 5rem;}

.cont_tab.row3 .tab-ul{height: 7.5rem;}

/* H* 타이틀 */
[class^="h0"] {position: relative; padding-left: 1rem; color: #222;}
.tabBox .tabData > li dt:before,
.tabBox .tabData > li dd:before,
.h03::before,
[class^="h0"]::after {position: absolute; left: 0; content: "";}

.h03 {margin: 2.5rem 0 1.4rem; line-height: 1; letter-spacing: -0.05em; font-size: 1.3rem;  font-weight: 700;}
.h04 {margin: 1.45rem 0 .5rem; font-size: 1rem;  font-weight: 700;}
.h05 {margin: 1rem 0 0.5rem 1.2rem; 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.8rem; width: 12px; height: 2px; background: #47464e;}
.tabBox .tabData > li dt:before,
.h05::after {top: 0.55rem; width: 4px; height: 7px; background: #4e69cc;}
.bul_dot {word-break: keep-all;}

/* 강조, 포인트 */
.emphasis {font-weight: 600; color: #043763;}

/* 박스 */
.box.stripe {padding: 1.5rem; border: 0.5rem solid transparent; border-image: url(/_kor/img/sub/pattern01.png) 15% round; overflow: hidden;}
.box.caution {position: relative; padding: 1.5rem 1.5rem 1.5rem 5rem; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; overflow: hidden;}
.box.caution:before {position: absolute; top: 50%; left: 1.5rem; margin-top: -1.25rem; width: 2.5rem; height: 2.5rem; text-align: center; background: #3b445b; font-family: 'xeicon'; font-size: 1.4rem; color: #f6b11e; border-radius: 50%; content: "\ea2d";}
.program + .box.caution {border-top: none;}

.box.stripe .title {display: inline-block; margin-bottom: 0.85rem; font-size: 1rem; font-weight: 700; color: #222;}
.box.stripe strong.title + .bul_dot{ margin-top: 10px;}
.box.stripe strong.title + span {margin-left: 1rem;}

.box.white {padding: 1rem; background: #fff;}
.box.navy {padding: 1rem; color: #fff; background: #043763;}
.box.black {padding: 1rem; color: #fff; background: #333;}
.bar-line span + span {position: relative; margin-left: 1rem; padding-left: 1rem;}
.bar-line span + span:before {position: absolute; top: 0.25rem; left: 0; width: 1px; height: 0.75rem; background: rgba(255,255,255,0.5); content: "";}
.bar-line .emphasis {font-size: 1rem; color: #ff9560;}

.box.wing {padding: 3rem; background: #e0e3eb;}
.box.wing h3 {text-align: center; font-size: 1.5rem; color: #0c385a;}
.box.wing h3 span {display: inline-block; margin-bottom: 1rem;}
.box.wing h3 span:before,
.box.wing h3 span:after {vertical-align: middle;}
.box.wing h3 span:before {margin-right: 2rem; content: url(/_kor/img/sub/wing-left.png);}
.box.wing h3 span:after {margin-left: 2rem; content: url(/_kor/img/sub/wing-right.png);}
.box.wing .box.bul_dot {padding: 2rem; background: #fff;}
.box.wing .box.bul_dot > li {padding-left: 4rem; overflow: visible;}
.box.wing .box.bul_dot > li:before {display: none;}
.box.wing .box.bul_dot > li .number {position: absolute; top: 0.5rem; left: 0; width: 2.8rem; height: 2.8rem; line-height: 2.8rem; background: #3a1c84;}

/* 리스트 스타일 - layout.css 참고 */
.bul_dot > li {padding-left: 0.7rem; text-align: left;}
.tabBox .tabData > li dd:before,
.bul_dot > li:before {width: 3px; height: 3px; background-color: #888; border-radius: 50%;}
.bul_dot > li:before {left: 2px;}
.bul_dot.bar > li:before {width: 4px; height: 2px; border-radius: 0;}

.bul_dot ul:first-child {margin: 0.25rem 0 0.25rem 0.75rem;}
.bul_dot > li > .bul_dot.bar {margin-left: 0;}

.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: 0.75rem; font-size: 0.75rem; color: #d34600;}
.additional:before {position: absolute; top: 0.15rem; left: 0; content: "*";}
.box.style01 {margin-top: 1rem; padding: 1rem; background: #fcfcfc; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea;}
.box.style01.transparency {padding: 1.5rem; background: transparent;}
.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";}
.speaker.type2 {padding-left: 3.5rem;}
.speaker.type2:before {width: 2.5rem; height: 2.5rem; font-size: 1.4rem; color: #f6b11e; background-color: #3b445b;}
.speaker.type2.icon1:before {content: "\eb14";}
.speaker.type2.icon2:before {content: "\ea2e";}

.gallery_slide {padding: 0 1rem; width: 100%; max-width: 860px;}
.gallery_slide .thumb_list .slick-slide {float: left; width: 166px;  height: 135px; margin: 0 0.15rem;}
.gallery_slide .thumb_list .slick-arrow {width: 2.5rem; height: 2.5rem;}
.gallery_slide .thumb_list .slick-prev {left: -3rem;}
.gallery_slide .thumb_list .slick-next {right: -3rem;}
.gallery_slide .thumb_list .slick-slide a {display: flex; width: 100%; height: 100%; justify-content: center; align-items: center;}
.gallery_slide .thumb_list .slick-current a, 
.gallery_slide .thumb_list .slide_photo > li.on a {border-color: #156dab;}
.gallery_slide .thumb_list .slick-slide a img {width: 100%; max-height: 100%;}
.gallery_slide .thumb_list .slide_photo {white-space: nowrap;}
.gallery_slide .thumb_list .slide_photo > li a {display: flex; justify-content: center; align-items: center;}
.gallery_slide .thumb_list .slide_photo > li a img {width: 100%;}
.gallery_slide .thumb_list .slick-arrow {z-index: 1;}
.gallery_slide .slider-nav {width: 100%; margin: 0 auto;}
.gallery_slide .slider-nav .slick-list {padding: 0!important; overflow: hidden;}
.gallery_slide .slider-nav .slick-list::before, .gallery_slide .slider-nav .slick-list::after {display: none;}

/* 포토뉴스 */
.slider-for-outer,
.slider-nav-outer {position: relative; padding: 0 3rem;}
.gallery_slide .slider-nav {max-width: 420px;}
.gallery_slide .sliderBtn {position: absolute; top: 50%; display: block; margin-top: -1.25rem; width: 2.5rem; height: 2.5rem; line-height: 2.4rem; text-align: center; font-size: 0; color: #666; background-color: #edeef0; border: 0.05rem solid #edeef0; border-radius: 50%; -webkit-transition: all .25s; transition: all .25s; /* z-index: 5; */}
.gallery_slide .sliderBtn:hover {background-color: #fff;}
.gallery_slide .sliderBtn::before {display: block; font-family: "xeicon"; font-size: 1.5rem; content: ''; -webkit-transition: all .25s; transition: all .25s;}
.gallery_slide .sliderBtn.prev {left: 0;}
.gallery_slide .sliderBtn.prev::before {content: '\e93d';}
.gallery_slide .sliderBtn.prev:hover::before {-webkit-transform: translateX(-0.2rem); transform: translateX(-0.2rem);}
.gallery_slide .sliderBtn.next {right: 0;}
.gallery_slide .sliderBtn.next::before {content: '\e940';}
.gallery_slide .sliderBtn.next:hover::before {-webkit-transform: translateX(0.2rem); transform: translateX(0.2rem);}
.slider-for-outer {}
.slider-nav-outer {margin-top: 2rem;}
.gallery_slide .slider-nav-outer .sliderBtn {top: 0; margin-top: 0; width: 1.5rem; height: 100%; line-height: normal; background: #fff; border-radius: 0; border: 1px solid #d5d5d5;}
.gallery_slide .slider-nav-outer .sliderBtn::before {position: absolute; top: 50%; left: 0; width: 100%; font-size: 1rem; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.gallery_slide .slider-nav-outer .sliderBtn:hover {background-color: #edeef0; border: none;}
.gallery_slide .slider-nav-outer .sliderBtn.prev:hover::before {-webkit-transform: translateY(-50%) translateX(-0.2rem); transform: translateY(-50%) translateX(-0.2rem);}
.gallery_slide .slider-nav-outer .sliderBtn.next:hover::before {-webkit-transform: translateY(-50%) translateX(0.2rem); transform: translateY(-50%) translateX(0.2rem);}

/* 2020.02.04 SY,CHo 모바일 웹접근성 작업 추가 */
div.tstyle_view div.tb_contents.gallery_slide_outer {position: relative;}
.mobileBtnArea {display: none; position: absolute; top: 50%; right: 0; width: 71px; height: 34px; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.mobileBtnArea button {position: relative; float: left; display: inline-block; padding: 0; padding-left: 34px; width: 34px; height: 34px; line-height: 32px; border: 1px solid #dbdcec; overflow: hidden;}
.mobileBtnArea button.slick-play {margin-left: -1px;}
.mobileBtnArea button:before {position: absolute; top: 0; left: 0; width: 100%; height: 34px; text-align: center; font-family: 'xeicon'; font-size: 1.1rem; color: #222;}
.mobileBtnArea button.slick-pause:before {content: "\ea3b";}
.mobileBtnArea button.slick-play:before {content: "\ea3e";}

/* 갤러리 리스트 */
.galleryList > ul > li .title {margin-bottom: 0.35rem;}
.galleryList > ul > li .cont {display: inline-block; height: 1.4rem; overflow: hidden;}

/* 좌우 화살표 기본으로 나타날 경우*/
.gallery_slide.album_type > .slick-arrow { display: block; border-radius: 50%; width: 3rem; height: 3rem; text-align: center; background-color: #edeef0; -webkit-transition: all .25s; transition: all .25s; border: 1px solid #edeef0; color: #666; font-size: 0; position: absolute; top: calc(50% - 130px); /* z-index: 5; */ }
.gallery_slide.album_type > .slick-arrow:hover { background-color: #fff; }
.gallery_slide.album_type > .slick-arrow::before { content: ''; display: block; font-family: "xeicon"; font-size: 1.5rem; -webkit-transition: all .25s; transition: all .25s; }
.gallery_slide.album_type > .slick-prev { left: -3rem; }
.gallery_slide.album_type > .slick-prev::before { content: '\e93d'; }
.gallery_slide.album_type > .slick-prev:hover::before { -webkit-transform: translateX(-0.2rem); transform: translateX(-0.2rem); }
.gallery_slide.album_type > .slick-next { right: -3rem; }
.gallery_slide.album_type > .slick-next::before { content: '\e940'; }
.gallery_slide.album_type > .slick-next:hover::before { -webkit-transform: translateX(0.2rem); transform: translateX(0.2rem); }

.gallery_slide.album_type .thumb_list {position: relative; margin-top: 2rem; padding: 0 2.5rem; overflow: hidden;}
.gallery_slide.album_type .thumb_list .slick-arrow { top: 0; width: 2rem; height: 100%; border-radius: 0; background: transparent; }
.gallery_slide.album_type .thumb_list .slick-arrow::before { font-size: 1rem; font-weight: 700; }
.gallery_slide.album_type .thumb_list .slick-prev {left: 0;}
.gallery_slide.album_type .thumb_list .slick-next {right: 0;}

.board_pager .pageNone:hover {background-color:transparent; border-color: transparent; text-decoration: underline;}
.board_pager .pageNow:hover {background-color: #333;}

/* 정보공개 목록 */
.board_pager a span { font-size:0; text-indent:-9999px; visibility:hidden; overflow: hidden; } 

/* 폼요소 */
fieldset select, 
fieldset input, 
fieldset button { border: 1px solid #ddd; display: inline-block; height: 100%; padding: 0 .5rem; }
fieldset span { display: inline-block; margin-left: 0.2rem; }
fieldset span[class^="form-"] { height: 2rem; vertical-align: middle; }
fieldset span:first-of-type { margin-left: 0; }
fieldset span.form-select { min-width: 7.5rem; position: relative; }
fieldset span.form-select::after { content: '\e936'; color: #333; position: absolute; right: 0.5rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-family: "xeicon"; }
fieldset span.form-select select { min-width: 7.5rem; width: 100%; background-color: transparent; -webkit-appearance: none; position: relative; z-index: 1; }
fieldset span.form-select select::-ms-expand { display: none; }
fieldset span.form-input { width: 12rem; }
fieldset * + span.form-select {margin-left: 0.25rem;}

fieldset input[type="checkbox"], 
fieldset input[type="radio"] {position: absolute; left: 0; top: 0; opacity: 0;}
fieldset input[type="checkbox"] + label, 
fieldset input[type="radio"] + label {display: inline-block; position: relative; padding-left: 1.6rem; margin-right: 1rem;}
fieldset input[type="checkbox"] + label::before, 
fieldset input[type="radio"] + label::before {content: ""; position: absolute; left: 0; top: 3px; width: 19px; height: 19px; border: 1px solid #c7c7c7; cursor: pointer;}
fieldset input[type="radio"] + label::before {border-radius: 50%;}
fieldset input[type="radio"] + label::after {content: ""; display: block; opacity: 0; width: 9px; height: 9px; background-color: #333; border-radius: 50%; position: absolute; left: 5px; top: 8px; z-index: 1;}
fieldset input[type="checkbox"] + label::after {content: "\e929"; width: 19px; height: 19px; text-align: center; background-color: #333; border: 1px solid #333; color: #fff; font: normal 16px "xeicon"; position: absolute; left: 0; top: 3px; z-index: 2; cursor: pointer; opacity: 0;}
fieldset input[type="checkbox"]:focus + label::before, 
fieldset input[type="radio"]:focus + label::before {border-color: #333;}
fieldset input[type="checkbox"]:checked + label::after, 
fieldset input[type="radio"]:checked + label::after {opacity: 1;}
#form-span {line-height: 2rem;}

select.type02, 
input.type02 {padding: 0.25rem 0.5rem; border: 1px solid #ddd;}
.absOuter {position: relative; display: inline-block;}
fieldset .absOuter input[type="radio"] {margin: 3px 0 0; padding: 0; width: 19px; height: 19px;}

/*검색*/
fieldset .board_info { clear: both; display: table; margin-bottom: 0; width: 100%; position: relative; overflow: hidden; }
fieldset .board_info select, 
fieldset .board_info input, 
fieldset .board_info button { border: 1px solid #ddd; display: block; width: 100%; height: 100%; padding: 0 .5rem; }
fieldset .board_info span { display: inline-block; vertical-align: middle; /* height: 2rem; */ }
fieldset .board_info span:first-of-type { margin-left: 0; }
fieldset .board_info span.form-select { min-width: 7.5rem; position: relative; }
/* fieldset .board_info span.form-select::after { content: '\e936'; color: #333; position: absolute; right: 0.5rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-family: "xeicon"; } */
.board_info fieldset span.form-select::after,
fieldset .board_info span.form-select::after { position: absolute; right: 0.5rem; top: 50%; width: 7px; height: 4px; background: url(/_kor/img/sub/bullet01.gif) no-repeat center center; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ''; }
fieldset .board_info span.form-select select { background-color: transparent; -webkit-appearance: none; position: relative; z-index: 1;  padding-right: 1.3rem;}
fieldset .board_info span.form-select select::-ms-expand { display: none; }
fieldset .board_info span.form-input input {width: 100%; padding-right: 0.5rem;  }
fieldset .board_info span.form-btn { min-width: 2rem; }
fieldset .board_info span.form-btn button { background-color: #333; border: #333; color: #fff; padding: 0 .9rem; font-size: .75rem;}
fieldset .board_info span.form-btn a {display: inline-block; padding: 0 .9rem; line-height: 2.7; color: #fff; background-color: #333; border: #333;}
fieldset .board_info span.form-select +  span.form-input input + span.form-btn { margin-left: -3rem; }
fieldset .board_info span.form-btn .purple {background-color: #3a1c84;}
fieldset .board_info span.form-btn .navy {background-color: #043763;}

fieldset .board_info span.form-select {min-width: 6.5rem; max-width: 8rem;}

/* 검색 데이트피커 플러그인 */
/* .board_info .form-datepicker .hasDatepicker {width: 48% !important; background-color: transparent;} 
.form-datepicker .hasDatepicker {display: inline-block; margin-right: 0.25rem; padding: .4rem .7rem; width: 6.5rem !important;}
.form-datepicker .ui-datepicker-trigger {margin: 0 .25rem 0 -1.5rem;}*/
.Search_rss.dateSettings .form-select {width: 6.5rem; min-width: 0;}
.Search_rss.dateSettings .form-select.in-label {width: 5.5rem; }
.Search_rss.dateSettings .form-select select {min-width: 0;}
.Search_rss.dateSettings .form-select.in-label select{width: 5.5rem; }
.Search_rss.dateSettings .form-datepicker {width: 14.5rem;}
.Search_rss.dateSettings .form-datepicker.in-label {width: 16.5rem;}
.Search_rss.dateSettings .form-datepicker.in-label label{font-size: .8rem; text-align: left; padding:0 0.3rem 0 0.5rem; font-weight: 600; line-height: 2rem;}
.Search_rss.dateSettings .form-datepicker * {float: left;}
.Search_rss.dateSettings .form-datepicker .input-datepicker {display: inline-block; padding: .4rem .7rem; width: calc(50% - 33px) !important; font-size: 0.7rem; overflow: hidden;}
.Search_rss.dateSettings .form-datepicker.in-label .input-datepicker{width: calc(31% - 0px) !important;}
.Search_rss.dateSettings .form-datepicker.in-label .ui-datepicker-trigger {margin: 0.35rem 3px; }
.Search_rss.dateSettings .form-datepicker .ui-datepicker-trigger {margin: 0.35rem 5px;}
.Search_rss.dateSettings .form-datepicker .form-btn {margin-left: 0;}

div.board_info_wrap {height: 5rem; padding: 0 0 1rem 0;}

/* 버튼 */
.btn-line {padding: .4rem .75rem;}
.btn-line.btn-down {padding: .4rem 1.75rem .4rem .75rem;}
.btn-line.btn-arrow i::after {font-family: 'xeicon'; content: "\e93f";}
.btn-line2{padding: .25rem .75rem; margin-top: .5rem; display:inline-block; }
.btn-line2.btn-arrow i::after {font-family: 'xeicon'; content: "\e93f"; }

.btn-line.blue {padding: .65rem 3rem .65rem 1rem; color: #fff; background-color: #4560c2; border: none;}
.btn-line.blue i {position: static; top: auto; right: auto; display: inline-block; margin-left: 1rem; color: inherit; -webkit-transform: none; transform: none;}
.btn-line.blue:hover {color: #fff; background-color: #333;}
.btn-line.blue:hover i {color: #fff;}
.btn-line.blue.black {background-color: #333;}

.btn-line2.gray{color: #222; background-color: #f8f9fa; border:1px solid #d8d8d8; font-size: 15px; font-weight: 500;}
.btn-line2.gray i { position: static; top: auto; right: auto; display: inline-block; margin-left: 1rem; color: inherit; -webkit-transform: none; transform: none; }

.BtnArea button {padding: .8rem 1rem; line-height: 1; vertical-align: middle; font-size: inherit;}
/* .BtnArea button i {vertical-align: middle;} */
.BtnArea button.blue {color:#fff; background-color: #4560c2; border-color:#4560c2;}
.BtnArea button.blue:hover, 
.BtnArea button.blue:focus  {color: #4560c2; background: #fff; border: 1px solid #4560c2;}

.BtnArea .btn-line {padding: .75rem 1rem; border: 1px solid #999;}
.BtnArea .btn-line i {position: static; margin-left: 0.25rem;}
.BtnArea .btn-line.btn-down i::after {font-family: "xeicon"; content: '\eb7c';}
.BtnArea .btn-line.btn-view i::after {font-family: "xeicon"; content: '\e97a';}

ul.add_file li .link .btn-line {padding: .25rem 1.1rem .25rem .5rem;}
span.link .btn-line {padding: .25rem 1.1rem .25rem .5rem; width: auto; min-width: 5rem; font-size: .7rem;}

.btn-line.btn-down.icon-left {border: none;}
.btn-line.btn-down.icon-left img {margin: 0 0.5rem;}

.box.stripe .btn-line.blue {padding: .65rem .25rem .65rem 1rem;}
.box.stripe .btn-line.blue i {margin-left: 1.5rem;}

.h04 .bodo_more {display: inline-block; margin-left: 0.7rem; padding: 0.25rem 0.5rem; width: auto;  height: auto; font-size: 0.7rem; border: 1px solid #999;}
.h04 .bodo_more i {margin-left: 0.25rem;}

.current_issue {margin-top: 2rem;}
.board_info .btn-line {text-align: left;}
.board_info .btn-line i {float: right;}
.board_info .month {display: inline-block; margin: -0.15rem 0.5rem 0 0; color: #dbdbdb; line-height: 1; font-size: 1.75rem; font-weight: 700;}
.board_info .month::before {display: inline-block; vertical-align: middle; content: '['; line-height: 1;}
.board_info .month::after {display: inline-block; margin-left: 0.25rem; vertical-align: middle; content: ']'; line-height: 1;}
.board_info em {display: inline-block; color: #222; line-height: 1.7; font-size: 1rem; }

.card-news .img {width: 650px; height: 650px; margin: auto;}

/* 모바일 테이블 스크롤 */
.box-scroll {position: relative; display: none; text-align: right;}
.box-scroll > span {position: absolute; top: -70px; right: 0; display: inline-block; width: 64px; height: 64px; color: transparent; background: url(/_kor/img/sub/swipe.png) no-repeat center center; border-radius: 50%; box-shadow: 3px 5px 8px rgba(0,0,0,0.2); z-index: 1;}
/* .writeForm.other + .box-scroll {margin-top: -3rem;} */

/* size - 템플릿 기본 설정 */
.W100{width:100% !important}
.W95{width:95% !important}
.W90{width:90% !important}
.W85{width:85% !important}
.W80{width:80% !important}
.W75{width:75% !important}
.W70{width:70% !important}
.W65{width:65% !important}
.W60{width:60% !important}
.W55{width:55% !important}
.W50{width:50% !important}
.W45{width:45% !important}
.W40{width:40% !important}
.W35{width:35% !important}
.W30{width:30% !important}
.W25{width:25% !important}
.W22{width:22% !important}
.W20{width:20% !important}
.W19{width:19% !important}
.W18{width:18% !important}
.W17{width:17% !important}
.W16{width:16% !important}
.W15{width:15% !important}
.W13{width:13% !important}
.W12{width:12% !important}
.W10{width:10% !important}
.W9{width:9% !important}
.W8{width:8% !important}
.W7{width:7% !important}
.W6{width:6% !important}
.W5{width:5% !important}
.W-auto {width:auto!important}

/*등록폼*/
.tstyle_write{table-layout:fixed;}
.tstyle_write .star,
.tstyle_write tbody th label .star {position: static; top: auto; right: auto; color: orange;}
.tstyle_write strong.tbl_tit{ display: block; margin-top:25px; }

.writeForm.other {margin-bottom: 0; border-top: 1px solid #555; overflow: hidden;}
.writeForm.other .tstyle_write {margin-left: -1px;}
.writeForm.other .tstyle_write th, 
.writeForm.other .tstyle_write td {vertical-align: top; border-left: 1px solid #e4e4e4;}
.writeForm.other .tstyle_write th {font-weight: 500;}
.writeForm.other .tstyle_write thead th,
.writeForm.other .tstyle_write tfoot th {padding: .75rem 1rem;}
.writeForm.other .tstyle_write thead th,
.writeForm.other .tstyle_write tbody th,
.writeForm.other .tstyle_write tfoot th {text-align: center; background: #f6f7f9;}
.writeForm.other .tstyle_write tbody th {padding-top: 0.5rem; vertical-align: middle;}
.writeForm.other .tstyle_write td.ver-mid {vertical-align: middle;}

.writeForm.other.center .tstyle_write td {text-align: center;}

div.tstyle_view div.tb_contents {word-break: normal;}
div.tstyle_view ul.head li ~ li{ padding-left: 1rem; margin-left: .8rem;}

/* 블로그 */
.galleryList > ul > li .txt.sns {position: relative; padding-left: 3.5rem; text-align: left;}
.galleryList > ul > li .txt.sns .title {margin-bottom: 0;}
.galleryList > ul > li .txt.sns .date {margin-top: 0;}
.galleryList > ul > li .txt.sns .sns {position: absolute; top: 0; left: 0; width: 54px; height: 54px; line-height: 54px; text-align: center; background: url(/_kor/img/sub/bodo_icon_type4.png) no-repeat; border-radius: 50%;}
.galleryList > ul > li .txt.sns .sns.T {background-position: 0 0;}
.galleryList > ul > li .txt.sns .sns.N {background-position: -54px 0;}

/* 탑박스 type1 */
.bodo_top_box {position: relative; padding: 4rem 21rem 0 0; margin-bottom: 2rem;}
.bodo_top_box .bodo_thumb {position: absolute; top:73px; right: 0; width: 374px; height: 236px;}
.bodo_top_box .bodo_thumb:before {position: absolute; top: -18px; left: -18px; z-index: -1; content: ""; display: inline-block; width: 106px; height: 88px; background-color: #e6e9ee;}
.bodo_top_box .bodo_thumb img {width: 100%; height: auto;}
.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_cont > p.bodo_txt2{font-size:0.83rem; line-height: 1.4; color:#415ab7; font-weight: 600; position: relative; padding-left:0.7rem;}
.bodo_top_box .bodo_cont > p.bodo_txt2:after {position:absolute; left: 0; top: 0.45rem; width:3px; height:3px; background-color: #415ab7; border-radius: 50%; font-weight: 600; content:""; }
.bodo_top_box .bodo_en_tit {display: block; margin-bottom: 30px; font-size: 1.1rem; letter-spacing: 15px; font-weight: 600; color: #dbdbdb;}
.bodo_top_box .bodo_en_tit em {letter-spacing: 0;}
.bodo_top_box .bodo_en_tit em:before {content:""; display: inline-block; width: 40px; height: 1px; background-color:#dbdbdb; vertical-align: middle; margin: 0 10px;}
.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(/_kor/img/sub/pattern01.png) repeat-x;}
.bodo_top_box .bodo_txt .point {background-color: #ebebeb; padding: 0 2px;}

/* .tab_obj > .bodo_top_box.type2 {margin-top: 2rem;} */
.bodo_top_box.type2 {padding: .5rem; background: url(/_kor/img/sub/pattern01.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(/_kor/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 .icon9 {background-position: -752px 0;}

#boxForSession1{margin-bottom: 1%; font-size: 1rem;}
#boxForSession2{padding-left: 36px; min-height: 3.5rem;}
#boxTxtForSession{font-size: 0.84rem;}

.bodo_top_icon [class*="icon2_"] {background-image: url(/_kor/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(/_kor/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_top_icon .icon3_17 {background-position: 0 -280px;}

.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_tit 없는 박스 가운데 정렬용 */
.inner.tBox {display: table; min-height: 7.5rem;}
.inner.tBox .tBox-cell {display: table-cell; height: 100%; vertical-align: middle;}

/* 아이콘 박스 type1 & 아이콘 type1 */
.bodo_icon_box {position: relative; display: flex; display: -webkit-flex; flex-flow: row wrap; margin: 2.5rem 0 0; overflow: hidden;}
.bodo_icon_box .bodo_tit {display:block; font-size: 1.1rem; margin-bottom: 1.5rem;}
.bodo_icon_box .bodo_txt {font-size: .8rem; color:#666; word-break: keep-all; letter-spacing: -1px; line-height: 1.5;}
.bodo_icon_box .bodo_more {display: inline-block; border: 1px solid #999; margin-top: 1.25rem; padding: 3px 8px; font-size: .7rem;}
.bodo_icon_box .bodo_more > i {margin-left: 5px;}
.bodo_icon_box .col {position: relative; float:left; border: 1px solid #ddd; padding: 1.5rem 9.5rem 1.5rem 1.5rem;}
.bodo_icon_box.col2 .col {width: 48%; margin-left: 4%;}
.bodo_icon_box.col2 .col:first-child {margin-left: 0;}
.bodo_icon_box.no-icon .col {padding-right: 1.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(/_kor/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;}

/* 아이콘 박스 type2 */
.bodo_icon_box.type2 .bodo_tit {margin-bottom: .8rem;}
.bodo_icon_box.type2 .col {width: 49%; margin-left: 2%; min-height: 240px; padding: 1.5rem 1.5rem 1.5rem 7.9rem;}
.bodo_icon_box.type2 .bodo_icon {top: 1.5rem; right: auto; left: 1.5rem;}

/* 아이콘 type2 */
.bodo_icon_box .row {position: relative; min-height: 5.5rem; border-bottom: 1px solid #ddd; padding: 1.25rem 0 1.25rem 17rem;}
.bodo_icon_box .row:first-child {border-top: 1px solid #000;}
.bodo_icon_box .row .bodo_tit {position: absolute; left: 3rem; top: 1.25rem;}
.bodo_icon.type2 {top: 1.25rem; left: 0; width: 2rem; height: 2rem;}
.bodo_icon.type2 .icon {background: url(/_kor/img/sub/bodo_icon_type2.png) no-repeat;}
.bodo_icon.type2 .icon2 {background-position: -40px 0}
.bodo_icon.type2 .icon3 {background-position: -80px 0}
.bodo_icon.type2 .icon4 {background-position: -120px 0}
.bodo_icon.type2 .icon5 {background-position: -160px 0}

/* 링크 리스트 type1 */
.bodo_link_list {margin-top: 1.5rem; overflow: hidden;}
.bodo_link_list > ul {width: 32rem; max-width: 100%;}
.bodo_link_list > ul > li {position: relative; width: 100%; border: 1px solid #ddd; margin-bottom: 3px;}
.bodo_link_list > ul > li > a {display: block; padding: 14px 60px 15px 20px;}

.bodo_link_list > ul > li > a:before {display: inline-block; content: ""; width: 6px; height: 6px; background-color: #4560c2; border-radius: 50%; margin: -3px 10px 0 0; vertical-align: middle;}
.bodo_link_list > ul > li > a.down:before {background-color: #ec6f31;}
.bodo_link_list .bodo_more {position: absolute; right: 0; top: 0; padding-top: 12px; width: 55px; height: 100%; text-align: center; font-size: 0.9rem; border-left: 1px solid #ddd; transition: .2s; -webkit-transition: .2s;}
.bodo_link_list a:hover, 
.bodo_link_list a:focus{text-decoration: underline;}
.bodo_link_list a:hover .bodo_more, 
.bodo_link_list a:focus .bodo_more {background-color:#333; border-left-color:#333;}
.bodo_link_list a:hover .bodo_more i, 
.bodo_link_list a:focus .bodo_more i{color: #fff;}

.bodo_link_list.btns > ul {width: auto;}
.bodo_link_list.btns > ul > li {float: left; position: relative; margin-left: 1%; width: 49.5%; border: 1px solid #ddd; margin-bottom: 10px;}
.bodo_link_list.btns > ul > li:nth-of-type(2n-1) {margin-left: 0;}

.bodo_link_list > ul.full,
.bodo_link_list > ul.col2 {width: 100%;}
.bodo_link_list > ul.col2:after {content: ""; display: block; visibility: hidden; clear: both;}
.bodo_link_list > ul.col2 > li {float: left; width: 49%; margin-left: 2%;}
.bodo_link_list > ul.col2 > li:nth-child(2n+1){margin-left: 0;}
.bodo_link_list > ul > li.point > a:before {background-color: #ec6f31;}
.bodo_link_list li.point > a:hover .bodo_more, 
.bodo_link_list li.point > a:focus .bodo_more {background-color:#ec6f31; border-left-color:#ec6f31;}
small.bar {position: relative; display: inline-block; margin-left: 1rem; padding-left: 1rem; font-size: 0.75rem; color: #666;}
small.bar:before {position: absolute; top: 0.2rem; left: 0; width: 1px; height: 15px; background: #a1a1a1; content: "";}

/* 링크 리스트 type2 */
.bodo_link_list.type2 .col2 {border: 1px solid #ddd;}
.bodo_link_list.type2 > ul > li {float:left; width: 50%; margin-bottom: 0; border: none; margin-left: 0; padding: 1.5rem;}
.bodo_link_list.type2 > ul > li:after {position: absolute; top: 20%; right:0; content: ""; display: inline-block; width: 1px; height: 60%; background-color: #ddd;}
.bodo_link_list.type2 > ul > li > a:before {display: none;}
.bodo_link_list.type2 > ul > li > p {margin-top: 1.2rem;}
.bodo_link_list.type2 .bodo_more {position: static; border: 1px solid #666; height: auto; width: auto; padding: 2px 5px; margin-left: 5px; font-size: 0.7rem;}

/* 링크 리스트 type2 */
.bodo_link_list.type3 { display:block; width: 100%; }
.bodo_link_list.type3 > ul {width: 100%; padding: 0.75rem 1.75rem; border: 1px solid #ddd;}
.bodo_link_list.type3 > ul > li {border: none; border-top: 1px dashed #ddd; padding: 1rem 0 1rem 1rem;}
.bodo_link_list.type3 > ul > li:first-child {border-top: none;}
.bodo_link_list.type3 > ul > li:before {position: absolute; top: 1.5rem; left: 0; display: inline-block; content: ""; width: 6px; height: 6px; background-color: #4560c2; border-radius: 50%; vertical-align: middle;}
.bodo_link_list.type3 > ul > li > b{display: inline-block; font-size: .9rem;}
.bodo_link_list.type3 > ul > li > b + p {margin-top: 1rem;}
.bodo_link_list.type3 > ul > li > p{margin-bottom: .5rem;}
.bodo_link_list.type3 > ul > li .thumb{ display:inline-block; margin-right: 34px;}
.bodo_link_list.type3 > ul > li .link{ float: right; }

.bodo_link_list.type3.number > ul > li {margin-bottom: 0; padding: 1rem 0;}
.bodo_link_list.type3.number > ul > li:before {display: none;}
.bodo_link_list.type3.number > ul > li > .bul_dot {margin-left: 0.75rem;}

/* PDF 다운로드 */
.bodo_pdf_info {position: relative; min-height: 493px; border: 1px solid #ddd; padding: 2rem 1.75rem 1.75rem 21.25rem;}
.bodo_pdf_info .bodo_thumb {position: absolute; top: 0; left: 0; width: 380px; height: 100%; background-color: #e0e3eb; padding: 2rem; overflow: hidden;}
.bodo_pdf_info .bodo_thumb img{ width: 100%; height: auto;}
.bodo_pdf_info > ul {}
.bodo_pdf_info > ul > li {position: relative; border-top: 1px dashed #ddd; padding: .5rem 0;}
.bodo_pdf_info > ul > li:first-child {border-top: none;}
.bodo_pdf_info > ul > li .bodo_tit {display: inline-block; width: 5rem; padding: 0.3rem; border-radius: 30px; background-color: #333; color: #fff; margin-right: 1rem; text-align: center; font-weight: 500;}
.bodo_pdf_info .bodo_info_list {display: inline-block; vertical-align: top;}
.bodo_pdf_info .bodo_info_list > li {line-height: 1.6;}

/* 절차도 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(/_kor/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;}
.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%;}

/* 알기 쉬운 입법예고 */
.board_info + .page_info {margin: 1.5rem 0 1rem;}
.page_info {letter-spacing: -0.05rem;}
.tstyle_list .type05 {overflow: hidden;}
.tstyle_list .type05 > li + li {border-top: 1px solid #ddd;}
.tstyle_list .type05 > li > a {display: block; padding: 1.5rem 1rem;}
.tstyle_list .type05 > li:after {clear: both; display: block; content: "";}
.tstyle_list .type05 > li .tag {display: inline-block; margin-right: 0.5rem; padding: 0.25rem 0.5rem; color: #222; background: #e0e3eb;}
.tstyle_list .type05 > li .title {display: inline-block;}
.tstyle_list .type05 > li .window {}
.tstyle_list .type05 > li .window:after {margin-left: 0.4rem; font-family: 'xeicon'; /* font-size: 1rem;  */content: "\e980";}
.tstyle_list .type05 > li .txt {margin-top: 0.5rem;}

.tstyle_list .type05.noLink > li {padding: 1.5rem 0;}
.tstyle_list .type05.noLink > li .title {position: relative; float: left; padding: 0 2rem; width: 12rem;}
.tstyle_list .type05.noLink > li .title .number {position: absolute; top: 0; left: 0;}
.tstyle_list .type05.noLink > li .h05 {margin-left: 0;}
.tstyle_list .type05.noLink > li .txt {float: left; display: inline-block; margin-top: 0; width: calc(100% - 12rem);}
.tstyle_list .type05.noLink > li .txt > .h05:first-child {margin-top: 0;}
.tstyle_list .type05.noLink > li .txt .btns {margin-top: 1rem;}
.tstyle_list .type05.noLink > li .btn-line.blue {padding: 0.65rem 1rem;}
.tstyle_list .type05.noLink > .first {padding-top:0;}

.tstyle_list .type05.noLink.icon > li .title {padding: 0 1rem 0 3rem; width: 17rem; font-size: 1.1rem;}
.tstyle_list .type05.noLink.icon > li .title .number {width: 2rem; height: 2rem; color: #777; background: #eceef4;}
.tstyle_list .type05.noLink.icon > li .title .number i {vertical-align: middle;}
.tstyle_list .type05.noLink.icon > li .txt {width: calc(100% - 17rem);}

.tstyle_list .type05.doubleLink > li {padding: 1.5rem 1rem;}
.tstyle_list .type05.doubleLink > li > a {display: inline-block; padding: 0;}
.tstyle_list .type05.doubleLink > li > .txt {margin-left: 0.75rem;}

/* 입법과정안내 */
.boxInnerList.type01 {overflow: hidden;}
.boxInnerList.type01 > li {float: left; width: 50%;}
.boxInnerList.type01 > li:nth-of-type(n+3) {margin-top: 0.5rem;}
.boxInnerList.type01 > li > a {display: block;}
.boxInnerList.type01 > li .number {width: 1.5rem; height: 1.5rem; line-height: 1.5rem; background: #043763;}

.boxInnerList.type01 > li > a:hover,
.boxInnerList.type01 > li > a.active {color: #d34600;}
.boxInnerList.type01 > li > a:hover .number,
.boxInnerList.type01 > li > a.active .number {background: #d34600;}

.boxInnerList.type01 {overflow: hidden;}
.boxInnerList.type01 > li {float: left; width: 50%;}
.boxInnerList.type01 > li:nth-of-type(n+3) {margin-top: 0.5rem;}
.boxInnerList.type01 > li > a {display: block;}

/* 법령입안심사기준 */
.bodo_top_box.type2.magazine .inner{padding-left: 12.25rem; min-height: 15rem;}
.bodo_top_box.type2.magazine .bodo_top_icon {width: 8.5rem; height: 12rem; border: 1px solid #ddd; border-radius: 0;}
.bodo_top_box.type2.magazine .bodo_top_icon img {width: 100%; height: 100%;}
.bodo_top_box.type2.magazine .bodo_txt {font-size: .8rem;}

.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;}

/*
.popupLayout {position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 10;}
.popupLayout .innerWrap {position: absolute; top: 50%; left: 50%; width: 70%; height: 55%; background: #fff; transform: translate(-50%, -55%);}
.popupLayout .innerWrap .popupH1 {padding: 1rem; text-align: center; font-size: 1.3rem; color: #fff; background: #043763; word-break: keep-all;}
.popupLayout .innerWrap .popupCloseX {position: absolute; top: 1.25rem; right: 1.25rem; display: inline-block; width: 1.5rem; height: 1.5rem; color: #fff;}
.popupLayout .innerWrap .popupCloseX i {font-size: 1.5rem;}

.ruleBox {height: calc(100% - 4rem); padding: 2rem 1rem 2rem 2rem;  line-height: 1.6; word-break: keep-all; overflow: hidden;}
.ruleBox > .h03:first-child,
.mCSB_container > .h03:first-child {margin-top: 0;}
.ruleBox .h03 span {display: inline-block; margin-left: 0.5rem; font-size: 0.8rem; font-weight: normal;}
.ruleBox h3 {margin: 1rem 0 0.5rem;}
.ruleBox h4 {margin: 0.75rem 0 0.25rem;}
.ruleBox li + li {margin-top: 0.25rem;}
.ruleBox li ul {margin-top: 0.25rem; margin-left: 1rem;}
*/

/* 의견제시 사례 */
div.tstyle_view.reglAnalysis .title {padding: 1.2rem 1.3rem; line-height: 1.3; text-align: left; word-break: keep-all; font-weight: 500;}

/* 법령해석 현황조회 */
.board_info.box.stripe.txt-center {text-align: center;}
.board_info.box.stripe.txt-center .Search_rss {float: none; display: inline-block; margin: 0 auto; text-align: left;}

em.number {display: inline-block; margin-right: 0.5rem; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; text-align: center; color: #fff; background: #043763; border-radius: 50%;}

.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;}

.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%;}

.process.step01 + .BtnArea {margin-top: 3rem; padding-top: 2rem; border-top: 1px solid #aaa;}
.process.step01 + .box {margin-top: 2rem;}

/* 알기쉬운법령 만들기 */
.bodo_top_box.auto .inner {display: table; padding: 1.4rem; vertical-align: middle; overflow: hidden;}
.bodo_top_box.auto .inner .bodo_top_icon {position: static; top: auto; left: auto; display: table-cell; width: 14.2rem; height: auto; vertical-align: middle; border-radius: 0; background: transparent;}
.bodo_top_box.auto .inner .bodo_top_icon img {max-width: 100%;}
.bodo_top_box.auto .inner .bodo_cont {display: table-cell; padding-left: 1.4rem; width: calc(100% - 14.2rem); vertical-align: middle;}

.exampleLst01 {overflow: hidden;}
.exampleLst01 > li {position: relative; clear: both; padding: .5rem 1.5rem;}
.exampleLst01 > li:before {position: absolute; top: 1rem; left: .5rem; width: 6px; height: 6px; background: #043763; border-radius: 50%; content: "";}
.exampleLst01 > li + li {border-top: 1px dashed #ddd;}
.exampleLst01 > li > span {position: relative; float: right; display: inline-block; width: 70%; padding-left: 35px;}
.exampleLst01 > li > span:before { position: absolute; top: -3px; left: 0; display: inline-block; margin-right: 0.5rem; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; text-align: center; color: #fff; background: #043763; border-radius: 50%; content: "예";}

/* 행정기본법 제정 */
.bodo_top_box.type2.photo {padding: 0; background: #e0e3eb;}
.bodo_top_box.type2.photo .inner {padding: 2rem; background: transparent; overflow: hidden;}
.bodo_top_box.type2.photo .bodo_top_icon {position: static; top: auto; left: auto; float: left; width: 22.5rem; height: auto;}
.bodo_top_box.type2.photo .bodo_cont_other1 {float: left; margin-left: 1.4rem; width: calc(100% - 23.9rem);}

/* 행정기본법 제정 소개 */
.numberLst {margin-top: 2rem; word-break: keep-all; }
.numberLst > li {position: relative; padding-left: 2rem; min-height: 1.5rem;}
.numberLst > li + li {margin-top: .8rem;}
.numberLst > li > .number {position: absolute; left: 0;}
.numberLst > li > .list_detail {background-color: #e0e3eb;}

/* 공표 정보 */
.tabBox {margin-top: 2rem; overflow: hidden;}
.tabBox .tabMn {float: left; width: 16.5rem;}
.tabBox .tabMn > li {float: left; width: 8rem; height: 6rem;}
.tabBox .tabMn > li:nth-of-type(2n) {margin-left: 0.5rem;}
.tabBox .tabMn > li:nth-of-type(n+3) {margin-top: 0.5rem;}
.tabBox .tabMn > li a {display: block; padding-top: 3.75rem; width: 100%; height: 6rem; text-align: center; color: #333; background: #e0e3eb;}
.tabBox .tabMn > li a.active,
.tabBox .tabMn > li a:hover {color: #fff; background: #3a1c84;}
.tabBox .tabMn .icons {position: relative;}
.tabBox .tabMn .icons:after {position: absolute; top: 1.25rem; left: 0; width: 100%; font-family: 'xeicon'; font-size: 1.5rem;}
.tabBox .tabMn .icon01:after {content: "\e9b4";}
.tabBox .tabMn .icon02:after {content: "\e961";}
.tabBox .tabMn .icon03:after {content: "\ea14";}
.tabBox .tabMn .icon04:after {content: "\e986";}
.tabBox .tabMn .icon05:after {content: "\ea18";}
.tabBox .tabMn .icon06:after {content: "\e9f4";}
.tabBox .tabMn .icon07:after {content: "\e9d1";}
.tabBox .tabMn .icon08:after {content: "\e9cc";}
.tabBox .tabMn .icon09:after {content: "\e9da";}
.tabBox .tabMn .icon10:after {content: "\eaf5";}
.tabBox .tabInfo {float: left; margin-left: 2rem; width: calc(100% - 18.5rem);}
.tabBox .tabData {display: none;}
.tabBox .tabData.active {display: block;}
.tabBox .tabData > li {padding: 1.25rem 1rem; color: #222; border-bottom: 1px dashed #eee;}
.tabBox .tabData > li dl {overflow: hidden;}
.tabBox .tabData > li dt {position: relative; padding-left: 0.75rem; font-weight: 600;}
.tabBox .tabData > li dd {position: relative; float: left; margin-top: 0.5rem; padding-left: 1.5rem; width: 50%;}
.tabBox .tabData > li dd:before {top: 0.65rem; left: 0.75rem;}

/* 홈페이지 이용안내 */
.browser {overflow: hidden;}
.browser > li {float: left; width: 23%; text-align: center;}
.browser > li + li {margin-left: 2.66%;}
.browser > li p:first-child {padding: 1.25rem 0.25rem; border: 1px solid #ddd; border-bottom: none;}
.browser > li p + p {padding: 0.75rem 0.25rem; color: #fff; background: #444;}

.menu-info {overflow: hidden;}
.menu-info li {float: left; margin-left: 2%; padding: 2rem 1.5rem 1rem; width: 32%; text-align: center; border: 1px solid #ddd;}
.menu-info li:nth-of-type(3n+1) {margin-left: 0;}
.menu-info li:nth-of-type(n+4) {margin-top: 1rem;}
.menu-info li strong {display: block; margin: 0.75rem 0;}
.menu-info li p {height: 4.5rem;}
.menu-info [class^="icon0"] {display: inline-block; width: 60px; height: 60px; background: url(/_kor/img/sub/bodo_icon_type3.png) no-repeat;}
.menu-info .icon01 {background-position: 0 0;}
.menu-info .icon02 {background-position: -60px 0;}
.menu-info .icon03 {background-position: -120px 0;}
.menu-info .icon04 {background-position: -180px 0;}
.menu-info .icon05 {background-position: -240px 0;}
.menu-info .icon06 {background-position: -300px 0;}

.box.stripe .h04.float-left {margin: 0.5rem 0 0.25rem;}
.box.stripe .h04 em {color: #4560c2;}
.box.stripe .float-left.txt {margin-top: 0.5rem;}

.box.guide {overflow: hidden;}
.box.guide .float-left {width: 49%;}
.box.guide .float-left + .float-left {margin-left: 2%;}
.box.guide img {max-width: 100%;}

.browser_setting{ position:relative; overflow: hidden; margin-top: 20px; }
.browser_setting > div{ position: relative; float: left; display:inline-block; width: 49%; margin-left: 2%;}
.browser_setting > div.exp{ margin-left: 0;}
.browser_setting .browser_type{ position:absolute; top:0; left:0; display: block; background-color: #043763; color: #fff; width: 90px; height:60px; word-break: keep-all; padding: 6px 0; text-align:center; }
.browser_setting .chr .browser_type{ line-height: 60px; padding: 0}
.browser_setting .text_wrap{ min-height: 60px; padding-left: 100px; margin-bottom: 20px;}
.browser_setting > div .thumb{ clear: both;}

/* 개인정보처리방침 */
.listType01 {padding: 1.5rem; color: #222; border: 1px solid #ddd; overflow: hidden;}
.listType01 > li + li {margin-top: 0.25rem;}
.listType01 > li > strong:first-child {display: inline-block; margin-right: 1rem; padding: 0.25rem; min-width: 5rem; text-align: center; font-weight: normal; background: #e0e3eb;}

/* 저작권정책 */
.listType02 {overflow: hidden;}
.listType02 > li {float: left; margin-bottom: 1rem; width: 49%; border: 1px solid #ddd;}
.listType02 > li:nth-of-type(2n) {margin-left: 2%;}
.listType02 > li > strong:first-child {display: block; padding: 0.75rem; text-align: center; font-weight: 500; color: #fff; background: #043763;}
.tableBox {display: table; padding: 1.5rem 0; width: 100%;}
.tableBox > span {display: table-cell; padding: 0 1rem; width: 45%; text-align: center; vertical-align: middle;}
.tableBox > .bul_dot {display: table-cell; width: 55%;}

.listType02.col3 > li {position: relative; margin-bottom: 0; padding: 3.5rem 1.5rem 1.5rem; width: 32%; min-height: 11rem;}
.listType02.col3 > li + li {margin-left: 2%;}
.listType02.col3 > li > strong:first-child {position: absolute; top: 0; left: 0; width: 100%; text-align: center;}
.listType02.col3 > li .btns {margin-top: 1rem;}

.listType02.col3.gray > li {padding: 1.5rem; color: #666; background: #e0e3eb;}
.listType02.col3.gray > li > strong:first-child {position: relative; top: auto; left: auto; margin-bottom: 0.75rem; padding: 0; text-align: left; font-weight: 700; color: #222; background: none;}

/* 정책연구 용역자료 */
.boxImgBanner {display: table; width: 100%; color: #fff; background: #4b6289; overflow: hidden;}
.boxImgBanner > span {display: table-cell; vertical-align: middle;}
.boxImgBanner > .img {width: 11rem;}
.boxImgBanner > .text {padding: 1.5rem; width: calc(100% - 18rem);}
.boxImgBanner > .text strong {display: block; margin-bottom: 0.5rem; font-size: 1.35rem;}
.boxImgBanner > .btn {width: 7rem; text-align: center;}

/* 관련사이트 */
.galleryList.relatedSites {border-top: 1px solid #333;}
.galleryList.relatedSites > ul {margin-left: -1px;}
.galleryList.relatedSites > ul > li {padding: 1.5rem 1rem; border-left: 1px solid #ddd;}
.galleryList.relatedSites > ul > li .thumb {position: relative; padding-bottom: 0; height: 5.5rem; background: #f8f8f8; border: none;}
.galleryList.relatedSites > ul > li .thumb:before,
.galleryList.relatedSites > ul > li .thumb:after {display: none;}
.galleryList.relatedSites > ul > li .thumb img {position: absolute; top: 50%; left: 50%; width: auto; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.galleryList.relatedSites > ul > li .title {margin-bottom: 0.25rem;}
.galleryList.relatedSites > ul > li .txt {height: 7rem;}

/* 공공기관(국외) */
.listType03 {border-top: 1px solid #333;}
.listType03 > li {border-bottom: 1px solid #ddd;}
.listType03 > li a {display: block; padding: 1rem 1.25rem;}
.listType03 > li strong {display: block; margin-bottom: 0.5rem; font-size: 1rem; color: #222;}

/* 사이트맵 */
.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;}

/* 법나들이 */
.board_info .Search_rss.selectMonth {float: left;}
.board_info .Search_rss.selectMonth fieldset span.form-btn {margin-left: 0;}

.galleryList > ul > li {min-height: 18.5rem;}
.galleryList > ul > li .thumb .tag {position: absolute; top: 0; left: 0; padding-left: 25px; width: 3.5rem; height: 2rem; line-height: 2rem; color: #fff; background: #4c4c4c no-repeat 8px center;}
.galleryList > ul > li .thumb .tag.type01 {background-image: url(/_kor/img/sub/tag-type01.png);}
.galleryList > ul > li .thumb .tag.type02 {background-image: url(/_kor/img/sub/tag-type02.png);}
.galleryList > ul > li .thumb .tag.type03 {background-image: url(/_kor/img/sub/tag-type03.png);}
.galleryList > ul > li .thumb .tag.type04 {left: 50%; margin-left: -3.75rem; padding: 0 0.5rem; width: 7.5rem; text-align: center; background: #37608e;}
.galleryList > ul > li .txt span + span {position: relative; padding-left: .75rem; margin-left: .75rem;}
.galleryList > ul > li .txt span + span::before {content: ''; display: block; background-color: #ddd; width: 1px; height: 0.7rem; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.galleryList > ul > li .txt span > em {margin-right: .35rem;}

.galleryList.webtoon {text-align: center;}
.galleryList.webtoon > ul > li {min-height: 0;}
.galleryList.webtoon > ul > li .thumb {padding-bottom: 32%;}
.galleryList.webtoon > ul > li .thumb::before {top: 20%;}
.galleryList.webtoon > ul > li .thumb::after {top: 60%;}
.galleryList.webtoon > ul > li .title {margin-bottom: 0;}

/* 이전법나들이 */
.box.caution .open {word-break: keep-all; overflow: hidden;}
.box.caution .open .float-left {width: calc(100% - 240px);}
.box.caution .open .float-right {width: 206px; margin-left: 34px;}

.box.magazineView {position: relative; border-top: 2px solid #555; border-bottom: 1px solid #aaa; overflow: hidden;}
.box.magazineView:after {position: absolute; top: 0; left: 14.75rem; width: 1px; height: 100%; background: #ddd; content: "";}
.box.magazineView .orderWrap {float: left; padding: 2rem 1.5rem 2rem 1rem; width: 14.75rem;}
.box.magazineView .orderWrap .h03 {margin-top: 0;}
.box.magazineView .orderWrap li a {position: relative; display: block; padding: 0 1.5rem; line-height: 2.5rem;}
.box.magazineView .orderWrap li a:before {position: absolute; top: 0; content: ""; transition: all .25s ease; -webkit-transition: all .25s ease;}
.box.magazineView .orderWrap li a:after {position: absolute; top: 0; right: 1rem; display: none; font-family: 'xeicon'; font-size: 1rem; content: "\e93f";}
.box.magazineView .orderWrap li a:hover:after {display: block;}
.box.magazineView .orderWrap .list01 li {margin-bottom: 0.5rem;}
.box.magazineView .orderWrap .list01 li a {background: #e0e3eb; border: 1px solid #ddd;}
.box.magazineView .orderWrap .list01 li a:before {left: 0; width: 0.45rem; height: 100%; background: #3a1c84;}
.box.magazineView .orderWrap .list01 li a:after {color: #fff;}
.box.magazineView .orderWrap .list01 li a span {position: relative;}
.box.magazineView .orderWrap .list01 li a:hover {color: #fff;}
.box.magazineView .orderWrap .list01 li a:hover:before {width: 100%;}

.box.magazineView .orderWrap .list02 li a {border-bottom: 1px dashed #ddd;}
.box.magazineView .orderWrap .list02 li a:before {top: 1.1rem; left: 0.9rem; width: 0.2rem; height: 7px; background: #e0e3eb; content: "";}
.box.magazineView .orderWrap .list02 li a:after {color: #222;}
.box.magazineView .orderWrap .list02 li a:hover {color: #222; border-bottom: 2px solid #000;}
.box.magazineView .orderWrap .list02 li a:hover:before {background: #4e69cc;}

.box.magazineView .magazineSlide {position: relative; float: right; padding: 2.5rem 0; width: calc(100% - 14.75rem); overflow: hidden;}
.box.magazineView .magazineSlide .slider-for {text-align: center;}
.box.magazineView .magazineSlide .slider-for .img {float: left;}
.box.magazineView .magazineSlide button {position: absolute; top: 50%; display: inline-block; margin-top: -1.5rem; width: 3rem; height: 3rem; line-height: 3rem; color: transparent; overflow: hidden; z-index: 1;}
.box.magazineView .magazineSlide button:before {position: absolute; top: 0; left: 0; width: 3rem; height: 3rem; text-align: center; font-family: 'xeicon'; font-size: 1.35rem; color: #fff; background: #043763; border-radius: 50%;}
.box.magazineView .magazineSlide button.slick-prev {left: 2rem;}
.box.magazineView .magazineSlide button.slick-next {right: 2rem;}
.box.magazineView .magazineSlide button.slick-prev:before {content: "\e908";}
.box.magazineView .magazineSlide button.slick-next:before {content: "\e90b";}

/* 규제정보포털 바로가기 */
.boxPhoto {padding: 3.5rem 2.5rem; width: 100%; height: 28.25rem; background: url(/_kor/img/sub/box-photo02.jpg) no-repeat center top;}
.boxPhoto .lineType01,
.bodo_top_box .lineType01 {display: inline-block; font-size: 0.9rem; color: #222; border-bottom: 1px solid #222;}
.boxPhoto .lineType02,
.bodo_top_box .lineType02 {font-size: 2rem; font-weight: 700; color: #222;}
.boxPhoto .lineType03,
.bodo_top_box .lineType03 {margin-top: 0.5rem; font-size: 1.1rem; color: #043763;}
.bodo_top_box .lineType04 {margin-top: 2rem;}
.bodo_top_box .lineType04 > li + li {margin-top: 0.5rem;}
.boxPhoto .lineType02 {margin-top: 2rem; color: #043763;}
.boxPhoto .lineType03 {font-size: 1rem; color: #666;}
.boxPhoto .btns {margin-top: 4.5rem;}

/* 공무원.정책 국민추천 */
div.tstyle_view.recommend ul.head {padding: .9rem 2rem; text-align: center;}
div.tstyle_view.recommend ul.head + .head {margin-top: -1px;}
div.tstyle_view.recommend .tb_contents {padding: 2rem;}
div.tstyle_view.recommend .tb_contents .head {margin-bottom: 2rem; background: #fff; border: 1px solid #ddd; text-align: left;}
div.tstyle_view.recommend .tb_contents .head li {display: block;}
div.tstyle_view.recommend .tb_contents .head li ~ li {margin-top: 0.5rem; margin-left: 0; padding-left: 0;}
div.tstyle_view.recommend .tb_contents .head li ~ li::before {display: none;}
div.tstyle_view.recommend .tb_contents .head span {position: relative; display: inline-block; padding-left: .5rem; margin-left: .4rem;}
div.tstyle_view.recommend .tb_contents .head 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%);}
div.tstyle_view.recommend div.head2{ margin-top: 2rem; background-color: #e0e3eb; border: 9px solid #e0e3eb; }
div.tstyle_view.recommend div.head2 .inner{ background-color: #fff; padding: 1.75rem; word-break: keep-all; font-size: .8rem; color: #666; font-weight: 200; letter-spacing: -1px; line-height: 1.5;}
div.tstyle_view.recommend div.head2 strong{ display: block; padding: .7rem 1.4rem 1rem; font-size: .85rem; font-weight: 500; color: #000;}
div.tstyle_view.recommend div.head2 strong i{ color: #d34600; font-size: 1.4rem; vertical-align: middle; margin-right: 5px;}

/* 비전 */
#conVision {text-align: center; word-break: keep-all; }
#conVision .vision {position: relative;}
#conVision .vision:before {position: absolute; top: 0; left: 0; width: 100%; font-size: 3.5rem; font-weight: 500; color: #efefef; letter-spacing: 0.5em; content: "VISION";}
#conVision .vision p {position: relative; padding: 2.5rem 0 4rem; background: url(/_kor/img/sub/vision-point.png) no-repeat center bottom; background-size: 65% 50%;}
#conVision > ul {margin-top: -8rem;}
#conVision > ul > li {float: left; width: 31%;}
#conVision > ul > li:nth-of-type(2) {margin: 8rem 3.5% 0;}
#conVision .number {position: relative; display: table; margin: 0 auto; line-height: 1; font-size: 1.2rem; font-weight: 400; color: #fff; background: #043763; border-radius: 50%; z-index: 1;}
#conVision .number span {display: table-cell; width: 4.7rem; height: 4.7rem; vertical-align: middle;}
#conVision .number em {display: block; margin-bottom: 0.25rem; width: 100%; font-size: 0.8rem;}
#conVision > ul > li > p {margin-top: -1.5rem; padding: 2rem 2rem 1rem; font-size: 0.9rem; color: #222; border: 5px solid #e0e3eb; background: #fff;}
#conVision > ul > li > .bul_dot {margin-top: 1rem;}
#conVision > ul > li > .bul_dot > li {padding: 0.75rem 1.5rem; text-align: left; font-size: 0.75rem; color: #666; border-bottom: 1px solid #ddd;}
#conVision > ul > li > .bul_dot > li + li {margin-top: 0;}
#conVision > ul > li > .bul_dot > li:before {top: 1.25rem; left: 1rem; width: 4px; height: 4px;}
#conVision > ul > li > .bul_dot > li strong {display: block; margin-bottom: 0.5rem; font-size: 0.8rem; color: #333;}

/* 연혁 */
#conHistory {padding-left: 400px; min-height: 48rem; background: url(/_kor/img/sub/history.jpg) no-repeat left 1rem; word-break: keep-all; }
#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: 600; color: #222;}
#conHistory > ul > li .text {margin-top: 0.5rem; color: #666;}

/* 주요기능과 사업 */
/* 
.box.edge {overflow: hidden;}
.box.edge > span {position: relative; float: left; width: 51%;}
.box.edge > span + span {margin-top: 1rem; margin-left: -2%; padding: 2rem 2rem 2rem 4rem; min-height: 16rem; border: 10px solid #e8e8e8; z-index: -1;}
.box.edge > span + span:after {position: absolute; right: -10px; bottom: -10px; width: 40px; height: 40px; background: url(/_kor/img/sub/bg03.png) no-repeat right bottom; content: "";}
.box.edge > span + span strong {position: relative; display: block; padding-bottom: 1rem; margin-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; word-break: keep-all;  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;}
.box.edge > span + span strong:before {position: absolute; left: 0; bottom: 0; width: 2.5rem; height: 0.15rem; background: #043763; content: "";}

.bodo_box_list.type2 {margin-top: 1rem;}
.bodo_box_list.type2 > li {position: relative; margin-bottom: 0.5rem; width: 49.5%; /* border: 1px solid #ddd; */}
.bodo_box_list.type2 > li:after {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #ddd; content: "";}
.bodo_box_list.type2 > li:nth-of-type(2n) {margin-left: 1%;}
.bodo_box_list.type2 .inner {min-height: 7rem;}
.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;}

.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; word-break: keep-all; }
.graphLayout .total em {display: inline-block; vertical-align: middle; font-size: 1rem;}
.graphLayout .total .sum {margin-right: 0.5rem; width: 2rem; height: 2rem; line-height: 2rem; text-align: center; color: #fff; background: #043763; border-radius: 50%;}
.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(/_kor/img/sub/bg04.png) no-repeat 2rem 85%; border: 1px solid #ddd; overflow: hidden;}
.bul_datLayout > strong:first-child {float: left; display: block; margin-top: 0.75rem; width: 10rem; 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 {position: absolute; bottom: 0; left: 21.5rem;}
.photoLayout .box.bul_dot{ border: none; padding: 0;}
.photoLayout .box.bul_dot > li{ padding: .6rem 1.5rem; }
.photoLayout .box.bul_dot > li + li{ border-top: none; padding-top: 0;}
.photoLayout .box.bul_dot > li + li:before{ top: .7rem; }
.photoLayout .box.bul_dot > li .title{ position:static; min-width: 140px;}
.photoLayout .box.bul_dot > li a{ display: inline-block; height:40px; min-width: 40px; border: 1px solid #ddd; border-radius: 40px; padding: 7px; text-align: center; vertical-align: middle;}
.photoLayout .box.bul_dot > li a span{ display: inline-block; height:25px; background: url(/_kor/img/layout/icons.png) no-repeat; overflow: hidden; transition: all 0.25s ease; -webkit-transition: all 0.25s ease; font-size: 0;}
.photoLayout .box.bul_dot > li a.btn_hearlaw{ padding: 7px 15px;}
.photoLayout .box.bul_dot > li a.btn_hearlaw span{ width: 56px; background-position: -81px -22px;}
.photoLayout .box.bul_dot > li a.btn_fb span{ width: 11px; background-position: 0 -22px;}
.photoLayout .box.bul_dot > li a.btn_tw span{ width: 20px; background-position: -11px -22px;}
.photoLayout .box.bul_dot > li a.btn_yt span{ width: 22px; background-position: -31px -22px;}
.photoLayout .box.bul_dot > li a.btn_bl span{ width: 15px; background-position: -53px -22px;}
.photoLayout .box.bul_dot > li a.btn_pt span{ width: 14px; background-position: -67px -22px;}
.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.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;}

.photoLayout.frame {padding: 1rem; border: 1px solid #ddd;}

/* 업무보고 */
.tabMn2 {display: table; margin: 1.5rem 0; width: 100%; border-top: 1px solid #ddd; border-left: 1px solid #ddd; overflow: hidden;}
.tabMn2 > li {display: table-cell; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.tabMn2 > li a {position: relative; display: block; padding: 0.75rem; height: 8rem; text-align: center; color: #666;}
.tabMn2 > li a:after {position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: "";}
.tabMn2 .icons {margin-bottom: 0.5rem; font-size: 30px;}
.tabMn2 p {margin-bottom: 0.5rem;}
.tabMn2 .btn-line {padding: .2rem .5rem; min-width: 0;}
.tabMn2 .btn-line i {position: static; top: auto; right: auto; margin-left: 0.25rem; transform: none; -webkit-transform: none;}
.tabMn2 > li a:hover:after {border: 5px solid #043763;}
.tabMn2 > li a:hover .icons {color: #043763;}
.tabMn2 > li a:hover .btn-line {font-weight: normal; color: #fff; background: #333; border-color: #333;}
.tabMn2 > li a:hover .btn-line i {color: inherit;}

/* 인사말 */
.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 4rem; background: #fff;}
.box.introduce .type01 {position: relative; margin-bottom: 1rem; padding-bottom: 1rem; font-size: 0.8rem; color: #666}
.box.introduce .type01:before {position: absolute; bottom: 0; left: 0; width: 30px; height: 1px; background: #000; content: "";}
.box.introduce .type02 {font-size: 1.8rem; color: #222;}
.box.introduce .type02 strong {display: block; 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.brief {word-break: keep-all;  overflow: hidden;}
.box.brief .photo {float: left; padding: 1rem; width: 20rem;  margin-right: 2rem; border: 1px solid #ddd;}
.box.brief .photo img {max-width: 100%;}
.box.brief .inner {position: relative;  letter-spacing: -0.05rem; overflow: hidden; }
.box.brief .inner h2 {margin-bottom: 2rem; color: #222; font-size: 1.3rem; font-weight: 400; }
.box.brief .inner h2 strong {font-weight: 700;}
.infoData {margin-left: 0.2rem;}
.infoData > li {position: relative; padding-left: 4.45rem;}
.infoData > li + li {margin-top: 1.75rem;}
.infoData > li > strong {position: absolute; top: 0; left: 0; display: inline-block; width: 3rem; height: 3rem; background: #043763; border-radius: 50%;  color: #fff;  line-height: 3rem; text-align: center; font-size: 0.9rem; font-weight: 500;}
.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 0 0.5rem 5.15rem;}
.infoData > li > .list > li + li {margin-top: 0.25rem;}
.infoData > li > .list > li .date {position: absolute; top: 0; left: 0;  color: #222;  font-weight: 700;}

/* 처장과의 대화 */
#sub070404 .bodo_top_box {padding-top: 0;}
#sub070404 .bodo_top_box .bodo_thumb {top: 25px;}

/* 역대처장 소개 */
.article01 {font-size: 1rem;}
.article01 .type01 {display: inline-block; margin-right: 1rem; padding: 0.25rem 1rem; color: #fff; background: #043763; border-radius: 1rem;}
.article01 .type02 {font-weight: 700;}
.article01 .type03 {position: relative; display: inline-block; margin-left: 1rem; padding-left: 1rem;}
.article01 .type03:after {position: absolute; top: 5px; left: 0; width: 1px; height: 1rem; background: #a9a9a9; content: "";}
.article_list {margin-top: 2rem; border-top: 2px solid #666; overflow: hidden;}
.article_list > li {position: relative; float: left; padding: 1rem 1.5rem 1rem 6rem; width: 50%; border-bottom: 1px solid #ddd;}
.article_list > li:nth-of-type(2n) {border-left: 1px solid #ddd;}
.article_list > li strong {position: absolute; top: 50%; left: 1.5rem; font-weight: 700; font-size: 1rem; color: #222; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.article_list > li li + li {margin-top: 0.25rem;}
.article_list > li li span {display: inline-block; margin-right: 1rem; min-width: 4rem; padding: 0.1rem 0.25rem; text-align: center; background: #f3f3f3; border: 1px solid #ddd;}

/* 오시는길 */
.mapLayout  {overflow: hidden;}
.mapLayout > div {width: 100% !important; height: auto !important;}
.mapLayout > div > div {height: auto !important;}
.mapLayout > div > div + div {display: none;}
.mapLayout > div > div  > a > img {height: auto;}
.mapLayout .address {position: relative; margin-top: -3rem; 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: 5px; 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;}

.root_daum_roughmap {padding: 0 !important; border-radius: 0 !important; border: none !important;}

/* 처장 일정 */
.board-calender {position: relative; width: 100%; border: 1px solid #ddd; table-layout: fixed;}
.board-calender .calender {width: 50%; min-height: 27rem; padding: 2rem;}
.board-calender .event {overflow: hidden; position: absolute; right: 0; top: 0; bottom: 0; width: 50%; padding: 1.5rem 2rem; border-left: 1px solid #ddd; background-color: #f7f7f7;}
.board-calender .event::after {display: block; width: 100%; height: 2.4rem; content: '';}
.board-calender .item {position: relative; padding: 1rem 0 1rem 4.5rem; border-bottom: 1px dashed #3a1c84;}
.board-calender .label {position: absolute; left: 0; top: 1rem; width: 3.3rem; text-align: center;}
.board-calender .label strong {display: block; font-size: 1.15rem; color: #000;}
.board-calender .list li + li {margin-top: 0.75rem; padding-top: 0.75rem; border-top: 1px dashed #ddd;}
.board-calender .list a {display: block;}
.board-calender .list strong {position: relative; display: block; margin-bottom: 0.5rem; font-size: 0.9rem; font-weight: 400; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.board-calender .list span {color: #666;}
.board-calender .list span + span {padding-left: 1rem;}
.board-calender .list span i {margin-right: 0.25rem;}

/* 달력 */
.calender .title {position: relative; width: 18.2rem; max-width: 100%; margin: 0 auto 1rem; font-size: 0.9rem; font-weight: 300; color: #666; text-align: center; line-height: 1.2;}
.calender .title strong {display: block; font-size: 2.5rem; font-weight: 700; color: #000;}
.calender .arr {overflow: hidden; position: absolute; left: 0; top: 50%; width: 2.4rem; height: 2.4rem; margin-top: -1.2rem; border-radius: 100%; border: 1px solid #ddd; text-align: center; line-height: 2.3rem;}
.calender .arr::before {display: block; font-family: 'xeicon'; font-size: 1.25rem; color: #5a5a5a; content: '';}
.calender .next {left: auto; right: 0;}
.calender .next::before {content: '';}
.calender table {border-top: 1px solid #ddd; table-layout: fixed;}
.calender th,
.calender td {height: 3rem; color: #333; text-align: center;}
.calender th {font-weight: 700;}
.calender td {font-weight: 400;}
.calender td strong {display: inline-block; width: 2rem; height: 2rem; border-radius: 100%; line-height: 2rem; vertical-align: middle; font-weight: 400;}
.calender tr > th:first-child,
.calender tr > td:first-child {color: #d01c1c;}
.calender tr > th:last-child,
.calender tr > td:last-child {color: #195ba8;}
.calender td .active {background-color: #e0e3eb;}
.calender td .today {color: #fff; background-color: #3a1c84;}

/* 내용 */
.board-view {position: relative; margin-bottom: 2.5rem; border-top: 1px solid #000; border-bottom: 1px solid #ddd;}
.board-view .view-title {padding: 1.5rem 26rem 1.3rem 1rem; border-bottom: 1px solid #ddd; background-color: #f9f9f9; font-size: 0.9rem; font-weight: 400; color: #000; word-break: keep-all;}
.board-view .info {position: absolute; right: 1rem; top: 1.5rem; white-space: nowrap;}
.board-view .info li {display: inline; font-size: 0.7rem;}
.board-view .info li + li::before {display: inline-block; width: 1px; height: 0.55rem; margin: 0 0.4rem 0 0.1rem; background-color: #ddd; content: ''; vertical-align: middle;}
.board-view .info strong {margin-right: 0.1rem; font-weight: 400; color: #000;}
.board-view .view-content {overflow: hidden; overflow-x: auto; min-height: 15rem; padding: 1.5rem 1rem; color: #555; line-height: 1.875;}
.board-view .view-content img {max-width: 100%;}
.board-view .view-content table {min-width: 25rem;}
.board-view .download-list {display: table; width: 100%; border-top: 1px solid #ddd; table-layout: fixed;}
.board-view .download-list .title {display: table-cell; width: 11rem; background-color: #f9f9f9; font-weight: 400; color: #000; text-align: center; vertical-align: middle;}
.board-view .download-list ul {display: table-cell; padding: 1rem 0 1rem 1.75rem;}
.board-view .download-list li + li {margin-top: 0.2rem;}
.board-view .download-list a {display: block; overflow: hidden; position: relative; padding-left: 1.8rem; text-overflow: ellipsis; white-space: nowrap;}
.board-view .download-list img {position: absolute; left: 0; top: 0; height: 1.2rem;}
#scheduleList.noData {background: #f7f7f7 url(/_kor/img/sub/noData.png) no-repeat center center;}

/* 조직.기능 */
.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 {padding: 2rem 0; overflow: hidden;}
.organizationChart > ul {position: relative; overflow: hidden;}
.organizationChart > ul:before {position: absolute; top: 0.5rem; left: 3rem; width: 1px; height: calc(100% - 13.25rem); background: #d7d7d7; content: "";}
.organizationChart > ul:after {clear: both; display: block; content: "";}
.organizationChart > ul > li > ul > li {overflow: hidden;}
.organizationChart > ul > li > ul > li > ul > li {float: left; padding: 0 0.25rem; width: 50%;}
.organizationChart > ul > li > ul > li > ul > li > ul > li {float: left; width: 49%;}
.organizationChart > ul > li > ul > li > ul > li > ul > li + li {margin-left: 2%;}
.organizationChart a {position: relative; display: inline-block; margin: 0.5rem 0;}
.organizationChart > ul > li > ul > li > ul > li > ul > li > a {display: block; margin: 0.5rem 0;}

.organizationChart .type01 {padding: 1rem; width: 6rem; text-align: center; font-size: 0.9rem; color: #222; background: #fff;  border: 5px solid #043763; }
.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: 11rem; height: 2.7rem; 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:after {position: absolute; top: 50%; right: 1rem; font-family: 'xeicon'; font-size: 1rem; color: #a7a9ae; content: "\e914"; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.organizationChart .type02.color01 {float: left; margin-left: 5rem; width: 10rem; color: #fff; background: #043763;}
.organizationChart .type02.color01:before {left: -2rem; width: 2rem;}
.organizationChart .type02.color02 {margin-left: 0; padding: 0.55rem 1rem; width: 100%; background: #fff; border: 2px solid #e0e3eb;}
.organizationChart .type02.color02:before {left: -0.6rem; width: 0.5rem;}
.organizationChart .type02.color01 + ul {position: relative; float: left; margin-top: 0.5rem; margin-left: 2rem; margin-bottom: 2rem; padding: 0.5rem; max-width: calc(100% - 17rem); background: #f3f3f3;}
.organizationChart .type02.color01 + ul:before {position: absolute; top: 1.45rem; left: -2rem; width: 2rem; height: 1px; background: #d7d7d7; content: ""; z-index: -1;}

.organizationChart .type03 {position: relative; padding: 1rem 0.5rem; text-align: center; font-size: 0.9rem; background: transparent; border: 2px solid #e0e3eb;}
.organizationChart .type03:before {position: absolute; top: -1.15rem; left: 50%; width: 1px; height: 1.15rem; background: #d7d7d7; content: "";}

/* 층별안내도 */
.floorGuide > p {padding: 2rem; text-align: center; border: 1px solid #ddd;}
.floorGuide > p + p {margin-top: 1rem;}
.floorGuide > p img {max-width: 100%;}

/* 개인정보처리방침 변경 History */
.personal-history {margin: 1.25rem -1% 0;}
.personal-history > li {float: left; width: 48%; margin: 0 1% 0.5rem;}
.personal-history > li > a {display: block; position: relative; padding: 0.75rem 1rem 0.75rem 1.8rem ; border: solid 1px #ddd;}
.personal-history > li > a::before {display: block; position: absolute; top: 50%; left: 1rem; width: 0.3rem; height: 0.3rem;  background-color: #4560c2; border-radius: 100%; transform: translateY(-50%); content:'';}
.personal-history > li > a i {position: absolute; top: 0; right: 0; height: 100%; padding: 1rem .9rem; border-left: solid 1px #ddd; font-size: 0.9rem;}

.gallery_slide .slider-nav .slick-dots li button {width: 12px; height: 12px; border-radius: 100%;}
#sub070404 {word-break: keep-all; }

/* 여백 */
.content_body > .tabNav:first-child {margin-top: -2rem;}

.h03 + .txt-right {margin-top: -2.5rem; margin-bottom: 1rem;}
.h03 + .bodo_icon_box {margin-top: 0;}

.list_detail + .dark {margin-top: -1rem;}

.content_body > .h03:first-child,
.content_body > form > .h03:first-child,
legend + .h03,
.list_detail > .numberLst:first-child,
.list_detail > .h03:first-child,
div[id^="sub0"] > .h03:first-child,
.tab_obj > .bodo_link_list:first-child,
.tab_obj > .h03:first-child {margin-top: 0;}

.maB5 + .board_info,
form + .tstyle_list,
p + .writeForm.other,
.writeForm.other + .bul_dot,
.numberLst ul,
.numberLst strong + p {margin-top: 0.5rem;}

/* .bul_dot ul, */
p + .box,
p + .process,
p + .tstyle_list,
.bodo_top_box.type2 .bodo_cont > p + .btns,
.writeForm.other + .additional,
.bul_dot + .box,
.box.stripe + p,
* + .bul_dot,
p + .listType02,
.txt-right + .box,
.writeForm.other + .box.style01,
.txt-right + .tstyle_list {margin-top: 1rem;}

.bodo_top_box.type2 + .bodo_icon_box.no-icon,
.box.edge + p {margin-top: 1.5rem;}

.btns,
.BtnArea,
.box + .board_info,
.box + form,
.Search + form,
.box.stripe + .program,
.box.stripe + .tstyle_list,
.box.stripe + .magazineView,
.box.style01 + .bodo_top_box,
form + .program,
form + .box,
.writeForm.other + .box.bul_dot,
.numberLst + .box {margin-top: 2rem;}

.btns [class*="btn-"] + [class*="btn-"] {margin-left: 0.5rem;}

/* 뎁스별 들여쓰기 */
.indent_h03 {margin-left: 1rem;}
.indent_h04 {margin-left: 1.4rem;}
/* 
.bodo_cont {padding-left: 0.75rem;}
.bodo_cont .bodo_tit {margin-left: -0.75rem;}
*/

/* 설문조사  */
.survey .innerWrap{ width: 100%;}
.survey .innerWrap .popupH1 {padding: 1rem; text-align: center; font-size: 1.3rem; color: #fff; background: #043763; word-break: keep-all;}
.VoteResult .list {border:10px solid #f4f4f4;padding:1.8rem;position:relative;margin-bottom:1.5rem}
.VoteResult .list .txt-wrap {position:relative;padding-left:80px}
.VoteResult .list .txt-wrap:before {position:absolute;left:0;top:0;background:url(/_kor/img/sub/survey_icon.png) no-repeat center;content:'';width:60px;height:60px}
.VoteResult .hit {margin:-.5rem 0 1rem 2rem;font-weight:300}
.VoteResult .hit:before {display:inline-block;vertical-align:middle;font-family:'xeicon';content:'\ea04';font-size:1.1rem;padding-right:.5rem}
.VoteResult .hit span {font-weight:600}
.VoteResult .tit {display:block;font-size:1.1rem;color:#333;margin-bottom:20px;font-weight:600;}
.VoteResult .date {position:relative;color:#e86655;font-weight:500;padding-left:28px;}
.VoteResult .date:before {position:absolute;left:0;top:-2px;font-family:'xeicon';content:'\e9a4';font-size:1rem}
.VoteResult .cont {color:#666;font-weight:300}
.OrderList {border-top:2px solid #555}
.OrderList .list {border-bottom:1px solid #aaa}
.OrderList .list .basic > ul > li {padding:.8rem 1rem;}
.OrderList .list .basic .tt {font-weight:600;color:#333;border-bottom:1px dashed #ddd;display:block;}
.OrderList .list .basic .tt:before {display:inline-block;vertical-align:middle;content:'Q';background:#0b509f;color:#fff;width:28px;height:28px;border-radius:50%;text-align:center;line-height:24px;margin-right:10px}
.OrderList .list .detail ul {padding:1.5rem 1rem}
.OrderList .list textarea {width:100% !important;resize:none;height:220px}
.OrderList .list .etc-answer {margin-top:.5rem}
.OrderList .list .etc-answer textarea {height:100px}
.OrderList .list .row {margin:-.25rem 0 30px -.25rem}
.OrderList .list .row > li {padding:.25rem;list-style-type:none;float:left;margin-left:10px;}
.survey .BtnArea{ text-align: center;}
.survey .BtnArea .btn_submit{ background-color: #043763; width:200px;}

/*질문*/
div.OrderList > div.list > div.basic > ul:last-child {padding:.6rem 0 1.5rem}
div.OrderList > div.list > div.basic > ul:first-child {padding:0}
div.OrderList > div.list > div.basic > ul > li.graph {padding:0 1rem;width:100%}
div.OrderList > div.list > div.basic > ul > li.graph > span.graph-bg {background:#e9e9e9;display:block;float:left;width:90%;text-align:left;height:20px}
div.OrderList > div.list > div.basic > ul > li.graph > span.graph-bg > span.per {background:#399176;background-size:100%;display:block;height:20px}
div.OrderList > div.list > div.basic > ul > li.graph > span.info {margin-left:8px}
div.OrderList + .btn-wrap .btn {height:56px;line-height:56px;border-radius:10px;text-align:center}

/* 라디오, 체크박스 */
.OrderList .control {position:relative; padding-left:23px; cursor:pointer;font-size:16px;color:#555;font-weight:300}
.OrderList .control input[type="radio"], .OrderList .control input[type="checkbox"] {position:absolute; z-index:-1; opacity:0}
.OrderList .control select {display:none}
.OrderList .control span {display:inline-block;position:absolute;left:0;top:4px;width:18px; height:18px; background:#fff; border:2px solid #959fa5}
.OrderList .control span:after {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%); content:''; opacity:0; font-family:'xeicon'; content:'\e929'; color:#0b509f;}
.OrderList .control.radio span {width:18px;height:18px;border-radius:50%;}
.OrderList .control.radio span:after {left:3px;top:3px;transform:translate(0,0);width:8px;height:8px;background:#0b509f;border-radius:50%;content:''}
.OrderList .control input[type="text"] {opacity:0; margin-left:8px; transition:opacity .3s ease-in-out}
.OrderList .control input[type="radio"]:checked~span,.OrderList .control input[type="checkbox"]:checked~span {border-color:#0b509f}
.OrderList .control input[type="radio"]:checked~span:after,
.OrderList .control input[type="checkbox"]:checked~span:after {opacity:1}
.OrderList .control input[type="checkbox"]:checked~select, .OrderList .control input[type="radio"]:checked~select, .OrderList .control input[type="radio"]:checked~input[type="text"], .OrderList .control input[type="checkbox"]:checked~input[type="text"] {display:inline-block}
.OrderList .control.right {padding:0 20px 0 0}
.OrderList .control.right span {left:inherit; right:0}
.OrderList .control + .OrderList .control {margin-left:21px}

/* 20191213 */
.process.step01 {display: table; overflow: hidden; width: calc(100% + 2rem); table-layout: fixed;}
.process.step01 > li {display: table-cell; overflow: hidden; position: relative; padding-top: 1rem; padding-right: 2rem; text-align: center; vertical-align: top;}
.process.step01 > li::before {position: absolute; left: 0; bottom: 1px; right: 2rem; z-index: -1; height: 1000000%; background-color: #e0e3eb; content: '';}
.process.step01 > li::after {position: absolute; right: 0; top: 1.25rem; width: 2rem; font-family: 'xeicon'; font-size: 1rem; color: #222; content: "\eb36"; text-align: center;}
.process.step01 > li:last-child::after {display: none !important;}
.process.step01 > li > div,
.process.step01 > li span {display: block; padding-bottom: 1rem;}
.process.step01 > li em.number {background-color: #9c9ea4;}
.process.step01 .atop {display: block; font-size: 0.9rem; line-height: 2.5rem; white-space: nowrap;}
.process.step01 .atop::after {display: block; width: 1rem; height: 1px; margin: 0 auto 0.5rem; background-color: #333; content: ''; opacity: 0.4;}
.process.step01 .bul_dot {margin-top: 0; padding: 1rem; padding-bottom: 0; font-size: 0.75rem; color: #666;}
.process.step01.other3 > li::after {top: 3.25rem;}
.process.step01.other3.col4 > li {padding-top: 0;}
.process.step01.other3.col4 > li::before {border: 1px solid #e0e3eb; background: #fff;}
.process.step01.other3.col4 > li:first-child {padding-right: 3.5rem;}
.process.step01.other3.col4 > li:first-child::before {right: 3.5rem;}
.process.step01.other3.col4 > li:first-child::after {width: 3.5rem;}
.process.step01.other1.col5 > li {padding-top: 1rem; font-size: 0.9rem; color: #222; vertical-align: middle;}
.process.step01.other1.col5 > li::before {background-color: #e0e3eb;}
.process.step01.other1.col5 > li::after {top: 1.5rem;}
.process.step01.other1.col6 > li {vertical-align: middle;}
.process.step01.other1.col6 > li::after {top: 2.5rem;}
.process.step01.other3.col6 > li span {padding-bottom: 1.5rem;}
.process.step01.col6 {width: calc(100% + 1.75rem);}
.process.step01.col6 > li {padding-top: 1rem; padding-right: 1.75rem;}
.process.step01.col6 > li::before {right: 1.75rem;}
.process.step01.col6 > li::after {width: 1.75rem;}
.process.step01 > li.now2,
.process.step01 > li.now {color: #fff !important;}
.process.step01 > li.now::before {border: 0 none; background-color: #3a1c84 !important;}
.process.step01 > li.now em.number {background-color: #28145c;}
.process.step01 > li.now .atop::after,
.process.step01 > li.now2 .atop::after {background-color: #fff;}
.process.step01 > li.now2::before {border: 0 none; background-color: #043763 !important;}
.process.step01 > li.now2 em.number {background-color: #032645;}
.process.step01 > li.now3 .atop {height: 2.5rem; padding: 0 1.25rem; background-color: #e0e3eb; color: #222; text-align: left;}
.process.step01 > li.now3 .atop::after {display: none;}

/* 법령해석 처리현황 */
.process.step01 + .process.step01 {margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid #ddd;}
/* .h03 + .process.step01 + .process.step01 + .process.step01::after {display: table-cell; width: 50%; content: '';} */
.h03 + .process.step01 + .process.step01::after,
.h03 + .process.step01 + .process.step01 + .process.step01 + .process.step01::after {display: table-cell; content: '';}

/* 법제처에 신고하는 경우 */
.h03 + .indent_h03 + .bodo_link_list + .h03 + .indent_h03 + .h04 + .process.step01.other3.col4::after {display: table-cell; content: '';}

/* 발령관리 업무안내 */
.process.step01.other2 li {padding-top: 0; vertical-align: middle;}
.process.step01.other2 > li::before {display: none;}
.process.step01.other2 > li::after {top: 3rem;}
.process.step01.other2 > li:last-child {width: 50%;}
.process.step01.other2 > li span {padding: 1rem 0; background-color: #e0e3eb;}
.process.step01.other2 > li.now {padding-right: 2.75rem;}
.process.step01.other2 > li.now span {position: relative; background-color: #3a1c84;}
.process.step01.other2 > li.now span::before {position: absolute; right: -1.25rem; top: 50%; width: 0.6rem; height: 1px; background-color: #222; content: '';}
.process.step01.other2 > li.now span::after {position: absolute; right: -2rem; top: 50%; width: 0.75rem; height: 3.5rem; border: 1px solid #222; border-right: 0 none; content: ''; transform: translateY(-50%);}
.process.step01.other2 > li.now::after {width: 1.3rem; margin-top: -2.75rem; font-size: 0.7rem; content: ' '; line-height: 3.45rem;}
.process.step01.other2 .tableCell {padding: 1rem 0; background-color: #e0e3eb;}
.process.step01.other2 .half li::after {top: 1rem;}

/* 자치법규 의견제시 */
.sub010701_table_wrap{ }
.sub010701_table_wrap .table{ }
.sub010701_table_wrap .table tr th{ background-color: #e0e3ec; border-top: 10px solid #fff; border-left: 10px solid #fff; padding: 17px; text-align: center; font-size: .9rem; font-weight: 500;}
.sub010701_table_wrap .table tr td{ border-top: 10px solid #fff; border-left: 10px solid #fff; text-align: center; font-size: .75rem; color: #666; }
.sub010701_table_wrap .table tr td ul{ text-align: left;}
.sub010701_table_wrap .table tr td ul li{ margin-bottom: 10px;}
.sub010701_table_wrap .table tr td ul,
.sub010701_table_wrap .table tr td span{ display:block; height: 100%; border: 1px solid #ddd; padding: 17px;}
.sub010701_table_wrap .table tr th:first-child{ border-left: 0;}
.sub010701_table_wrap .table thead tr:first-child th{ background-color: #391d84; border: 0; color: #fff; font-weight: 400; font-size: .85rem; text-align: center; padding: 1rem; }

/* 자치법규 의견제시 */
.sub010701_table_wrap{ }
.sub010701_table_wrap .table{ }
.sub010701_table_wrap .table tr th{ background-color: #e0e3ec; border-top: 10px solid #fff; border-left: 10px solid #fff; padding: 17px; text-align: center; font-size: .9rem; font-weight: 500;}
.sub010701_table_wrap .table tr td{ border-top: 10px solid #fff; border-left: 10px solid #fff; text-align: center; font-size: .75rem; color: #666; }
.sub010701_table_wrap .table tr td ul{ text-align: left;}
.sub010701_table_wrap .table tr td ul li{ margin-bottom: 10px;}
.sub010701_table_wrap .table tr td ul,
.sub010701_table_wrap .table tr td span{ display:block; height: 100%; border: 1px solid #ddd; padding: 17px;}
.sub010701_table_wrap .table tr th:first-child{ border-left: 0;}
.sub010701_table_wrap .table thead tr:first-child th{ background-color: #391d84; border: 0; color: #fff; font-weight: 400; font-size: .85rem; text-align: center; padding: 1rem; }

#civil-complaint .innerWrap {height: 90%;}
#civil-complaint .ruleBox {padding-bottom: 3rem;}
#civil-complaint .today_close {position: absolute; bottom: 1rem; left: 2rem;}

/* 알림판-Ver1 */
.galleryList.col2 > ul li {width: 50%;}
.galleryList.notice {text-align: center;}
.galleryList.notice > ul > li .thumb {padding-bottom: 55%;}
.galleryList.notice > ul > li .thumb::before {top: 45%;}
.galleryList.notice > ul > li .thumb::after {left: 0; top: 0; width: 100%; height: 100%; border: 1rem solid #fff; opacity: 1; visibility: visible; -webkit-transform: none; transform: none; content: "";}
.galleryList.notice > ul > li > a:hover .thumb::after {-webkit-transform: none; transform: none;}
.galleryList.notice > ul > li .title {margin-bottom: 0.25rem;}

/* 2019.12.24 알림판-Ver2 */
.galleryList.notice2 > ul > li {min-height: 0;}
.galleryList.notice2 > ul > li .thumb {padding-bottom: 45%;}

/* 카드뉴스 - 박명희
.galleryList.card-news > ul li {
	width: 25%;
	}
.galleryList.card-news > ul > li .thumb {
	height: 210px;
	padding-bottom: 0;
	}
.galleryList > ul.card-news > li .date,
.galleryList > ul.card-news > li .hit {
	display: block;
	}	
.h03 + .bodo_icon_box {
	margin-top: 0;
	}
 */

/* 카드뉴스 */
.galleryList.card-news > ul > li {min-height: 0;}
.galleryList.card-news > ul > li .thumb {padding-bottom: 57.5%;}

.boxScheme {margin-top: 1.5rem;}
.boxScheme h5 {position: relative; margin-bottom: 1.5rem; text-align: center; font-size: 0.9rem; color: #222;}
.boxScheme h5:before {position: absolute; top: 50%; left: 0; margin-top: -5px; width: 100%; height: 10px; background: url(/_kor/img/sub/pattern01.png) repeat-x left center; content: "";}
.boxScheme h5 span {position: relative; display: inline-block; padding: 0 2rem; background: #fff;}
.boxScheme .process.step01.other3.col4 {margin-top: 0; width: 100%;}
.boxScheme .process.step01.other3.col4 > li,
.boxScheme .process.step01.other3.col4 > li:first-child {padding-right: 1rem;}
.boxScheme .process.step01.other3.col4 > li:last-child {padding-right: 0; width: 23.5%;}
.boxScheme .process.step01.other3.col4 > li::after {display: none;}
.boxScheme .process.step01.other3.col4 > li::before,
.boxScheme .process.step01.other3.col4 > li:first-child::before {right: 1rem; background: #f4f4f4; border: none;}
.boxScheme .process.step01.other3.col4 > li:last-child::before {right: 0;}
.boxScheme .process.step01.other3.col4 > li span {padding-bottom: 0;}
.boxScheme .process.step01.other3.col4 > li .atop {padding: 0 0.25rem; height: 3.5rem; line-height: 3.5rem; text-align: center; font-size: 0.8rem; color: #fff; background-color: #043763;}
.boxScheme .process.step01.other3.col4 > li.now3.on .atop {background-color: #4560c2;}
.boxScheme .process.step01.other3.col4 > li .bul_dot {padding: 1rem;}

.scheme01 {position: relative;}
.scheme01:before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/_kor/img/sub/scheme01-01.png) no-repeat center center; content: "";}
.scheme01 ul li {position: absolute; width: 14rem; color: #666;}
.scheme01 ul li:nth-of-type(1) {top: 1.25rem; left: 0; text-align: right;}
.scheme01 ul li:nth-of-type(2) {top: 1.25rem; right: 0; text-align: left;}
.scheme01 ul li:nth-of-type(3) {bottom: 1rem; right: 0; text-align: left;}
.scheme01 ul li:nth-of-type(4) {bottom: 0; left: 0; text-align: right;}

.scheme03 {overflow: hidden;}
.scheme03 span {float: left; display: inline-block; margin-right: 1rem; width: 12.5rem;}
.scheme03 span:last-child {float: right; margin-right: 0; width: calc(100% - 27.5rem);}
.scheme03 .img {border: 1px solid #ddd;}

/* 2020.01.14. SY.CHo 법령통계 수정 */
.boxLayout > ul {overflow: hidden;}
.boxLayout > ul > li {float: left; position: relative; display: inline-block; padding: 2%; width: 32%; height: 14rem;}
.boxLayout > ul > li:before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #ddd; content: "";}
.boxLayout > ul > li.extra {padding: 2% 3.5%; width: 36%;}
.boxLayout > ul > li.extra:before {left: 3%; width: calc(100% - 6%);}
.boxLayout > ul > li.extra.right {padding: 2% 2% 2% 3%; width: 68%;}
.boxLayout > ul > li.extra.right:before {left: 2%; width: calc(100% - 2%);}
.boxLayout > ul > li > strong {display: block; line-height: 3rem; text-align: center; color: #fff;}
.boxLayout > ul > li .bul_dot {overflow: hidden;}
.boxLayout > ul > li .bul_dot > li {padding-left: 1.2rem; overflow: hidden;}
.boxLayout > ul > li.extra.right .bul_dot > li {float: left; width: 45%;}
.boxLayout > ul > li.extra.right .bul_dot > li:nth-of-type(2n) {margin-left: 10%;}
.boxLayout > ul > li .bul_dot > li:before {top: 0.5rem; left: 0.5rem; width: 5px; height: 5px; background-color: #4560c2;}
.boxLayout > ul > li .total {margin-top: 0.5rem; padding-top: 0.5rem; font-weight: 700; border-top: 1px solid #dedede;}
.boxLayout > .total {margin: 0.5rem 0 1rem; padding: 1rem; text-align: center; font-weight: 700; color: #fff; background: #55586d;}
.boxLayout > .total span {position: relative; display: inline-block; padding-right: 1.75rem;}
.boxLayout > .total span:before {position: absolute; top: 0.25rem; right: 0.875rem; width: 1px; height: 0.75rem; background-color: #fff; content: "";}
.boxLayout > ul > li:first-child {position: relative; min-height: 10rem; text-align: center;}
.boxLayout > ul > li .count {position: absolute; top: 50%; left: 50%; display: inline-block; margin-top: 2rem; width: 5rem; height: 5rem; line-height: 5rem; text-align: center; background-color: #f6f6f6; border-radius: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}

.boxLayout.h12 > ul > li {height: 12rem;}

.purple {background: #3a1c84;}
.navy {background: #043763;}
.blue {background: #4560c2;}

/* 2020.02.19 SY,CHo 기본게시판 수정 */
div.tstyle_list > div.dbody > ul > li a {position: relative; width: auto; max-width: 95%; padding-right: 1rem;}
div.tstyle_list > div.dbody .xi-new {position: absolute; top: 50%; right: 0; transform: translateY(-50%);}

@media screen and (max-width: 1280px){
	.topSearch {left: 15.5rem; margin-left: 0; width: calc(100% - 40rem);}
	
	.location{ position:static; overflow: hidden;}

	/* .topSearch {left: 16rem;} */

	/* H* 타이틀 */
	.h03::before {top: 4px;}
	.h03::after {top: 11px;}
	
	/* PDF 다운로드 */
	.bodo_pdf_info > ul {padding-left: 1.5rem;}
	.bodo_link_list {margin-left: 1.5rem;}
	
	/* 처장과의 대화 */
	#sub070404 .bodo_top_box {padding: 0; overflow: hidden;}
	#sub070404 .bodo_top_box .bodo_thumb {position: static; top: auto; right: auto; float: left; margin-top: 0.5rem; margin-left: 0.5rem; width: 18.5rem;}
	#sub070404 .bodo_top_box .bodo_cont {float: left; margin-left: 2rem; width: calc(100% - 22rem);}
	#sub070404 .bodo_link_list {margin-left: 0;}
	#sub070404 .bodo_top_box {margin-bottom: 0;}

	/* 폼 요소 */
	fieldset span.form-select select,
	fieldset .board_info span.form-select{ min-width: 5rem; }
	fieldset .board_info span.form-input{ width: 10rem;}

	/* 발령관리 업무안내 */
	.process.step01.other2 > li.now::after {margin-top: -2.65rem;}
}
@media screen and (max-width: 1180px){
	.scheme01:before {display: none;}
}
@media screen and (max-width: 1100px){
	/* 처장 약력 */
	.box.brief .photo	{width: 16rem; margin-right: 1.5rem; padding: 0.5rem;}

	/* 20191213 */
	.process.step01 {width: calc(100% + 1rem);}
	.process.step01 > li {padding-right: 1rem;}
	.process.step01 > li::before {right: 1rem;}
	.process.step01 > li::after {width: 1rem; font-size: 0.9rem;}
	.process.step01.other3.col4 > li:first-child {padding-right: 2rem;}
	.process.step01.other3.col4 > li:first-child::before {right: 2rem;}
	.process.step01.other3.col4 > li:first-child::after {width: 2rem;}
	.process.step01.other3.col6 {width: 100%; margin-bottom: -1rem;}
	.process.step01.other3.col6 > li {float: left; width: 33.333%; margin-bottom: 1rem;}
	.process.step01.other3.col6 > li span br {display: none;}

	/* 발령관리 업무안내 */
	.process.step01.other2 > li {font-size: 0.7rem;}
	.process.step01.other2 > li.now::after {margin-top: -2.85rem;}
}
@media screen and (max-width: 1024px){
	.topSearch {left: 0; margin-left: 0; width: 100%;}

	#contentWrap {margin: 0; padding: 0; border-top: 1px solid #e7e8ea;}
	#snb {display: none;}
	#content {float: none; margin-left: 0; padding: 1rem; width: 100%;}
		
	/* 컨텐츠 */
	.content_info h3 {font-size: 1.4rem;}

	.location {display: none;}
	#sns_wrap {top: 1rem; right: 1rem;}
	#sns_wrap li + li {margin-top: 0.25rem; margin-left: 0;}
	#share {top: 3rem; left: -1rem; width: calc(100% + 2rem);}
	.btnPrint {display: none;}

	/* H* 타이틀 */
	.h03 {font-size: 1.2rem;}
	.h04 {font-size: 0.9rem;}
	.h04::after {top: 0.6rem;}

	/* 담당자, 만족도 조사 */
	.popupLayout .innerWrap {width: 90%;  height: 85%;}	
	.box.stripe .float-right {display: block;}
	
	.gallery_slide.album_type > .slick-prev { left: 0; }
	.gallery_slide.album_type > .slick-next { right: 0; }

	.scheme01 ul li {width: calc(50% - 125px);}
	.scheme01 ul li br {display: none;}

	.gallery_slide {padding: 0;}

	/* 포토뉴스 */
	.slider-nav-outer {padding: 0 6rem 0 3rem;}
	.gallery_slide .slider-nav-outer .sliderBtn.next {right: 56px;}

	/* 2020.02.04 SY,CHo 모바일 웹접근성 작업 추가 */
	.mobileBtnArea {top: 0; width: 57px; height: 100%; transform: none; -webkit-transform: none;}
	.mobileBtnArea button {padding-left: 27px; width: 27px; height: 100%; line-height: normal;}
	.mobileBtnArea button:before {top: 50%; height: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%);}

	/* 알기쉬운 입법예고 */
	.galleryList.easyMaking > ul > li .cont {display: none;}

	/* 2020.02.04 SY,CHo 모바일 웹접근성 작업 추가 */
	div.tstyle_view div.tb_contents.gallery_slide_outer {padding-right: 4rem;}
	.mobileBtnArea {display: block;}
}
@media screen and (max-width: 800px){
	/* 만족도 조사 */
	.satisfyForm ol {display: block; width: 100%;}
	#satisfy-wrap .opinion {display: block; margin-top: 0.5rem; width: 100%;}
	#satisfy-wrap1 .opinion {display: block; margin-top: 0.5rem; width: 100%;}
	#satisfy-wrap2 .opinion {display: block; margin-top: 0.5rem; width: 100%;}

	/* 설문조사 */
	.popupLayout.survey .innerWrap{ width: 90%;}
	.VoteResult .date{ right: auto; left: 0; top: -24px;}
	
	/* 탭메뉴 */
	* + .tabNav {margin-top: 1rem;}
	.tabNav {position: relative; display: block; margin-bottom: 1rem; width: 100%; border: 1px solid #e5e5e5; overflow: hidden;}
	.tabNav:before {display: none;}
	.tabNav:after {position: absolute; top: 0.5rem; right: 0.5rem; width: 20px; height: 20px; line-height: 18px; text-align: center; font-family: 'xeicon'; font-size: 1rem; color: #000; background: #fff; border: 1px solid #ddd; border-radius: 50%; content: "\e942"; z-index: 1;}

	.tabNav > li,
	.tabNav.col2 > li,
	.tabNav.col2_etc > li,
	.tabNav.col3 > li,
	.tabNav.col3_etc > li,
	.tabNav.col4 > li,
	.tabNav.col5 > li,
	.tabNav.col6 > li,
	.tabNav.col7 > li,
	.tabNav.col8 > li {float: none; display: none; width: 100%; border: none;}
	.tabNav > li.active {display: block;}/* 모바일에서는 active 하나만 보임 */
	.tabNav > li.active > a {color: #fff; font-weight: 400; background-color: #1c3b7c;}
	.tabNav > li > a {border-bottom: none;}

	/* 부모객체 활성화 */
	.tabNav.active {height: auto;}
	.tabNav.active:after {content: "\e945";}
	.tabNav.active > li {display: block;}/* 부모 객체에 active 클래스 생기면 모두 보임 */
	.tabNav.active > li + li {border-top: 1px solid #e5e5e5;}

	/* 탭메뉴 + 콘텐츠 */
	* + .cont_tab,
	* + .depth4_tab {margin-top: 1rem;}

	.cont_tab .tab-ul {position: relative; border-bottom: none;}
	.cont_tab .tab-ul:after {position: absolute; top: 0.5rem; right: 0.5rem; width: 20px; height: 20px; background: url(/_kor/img/sub/bullet02.png) no-repeat center center; content: ""; z-index: 1;}
	.cont_tab .tab-ul > li {float: none; display: block; width: 100%;}
	.cont_tab .tab-ul > li > a:after {display: none;}
	.cont_tab .tab-ul > li > a {display: none; position: relative; top: auto; background: #fff; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; z-index: 1;}
	.cont_tab.col2 .tab-ul > li > a,
	.cont_tab.col3 .tab-ul > li > a,
	.cont_tab.col4 .tab-ul > li > a,
	.cont_tab.col2 .tab-ul > li.t2 > a,
	.cont_tab.col4 .tab-ul > li.t2 > a,
	.cont_tab.col3 .tab-ul > li.t2 > a,
	.cont_tab.col3 .tab-ul > li.t3 > a,
	.cont_tab.col4 .tab-ul > li.t3 > a,
	.cont_tab.col4 .tab-ul > li.t4 > a,
	.cont_tab.col4 .tab-ul > li.t5 > a,
	.cont_tab.col4 .tab-ul > li.t6 > a,
	.cont_tab.col4 .tab-ul > li.t7 > a,
	.cont_tab.col4 .tab-ul > li.t8 > a,
	.cont_tab.col4 .tab-ul > li.t9 > a,
	.cont_tab.col4 .tab-ul > li.t10 > a {top: auto; left: auto; width: 100%;}

	.cont_tab .tab-ul.active:after {background: url(/_kor/img/sub/bullet02_up.png) no-repeat center center;}
	.cont_tab .tab-ul > li.active > a {display: table; color: #fff; font-weight: 400; background-color: #1c3b7c; border: none;}/* 모바일에서는 active 하나만 보임 */
	.cont_tab .tab-ul.active > li > a {display: table;}

	.cont_tab .tab_con .tab_obj {padding: 2.5rem 0;}

	.cont_tab .tab-ul,
	.cont_tab.row2 .tab-ul,
	.cont_tab.row3 .tab-ul {height: auto;}

	/* 뎁스별 들여쓰기 */
	.indent_h03,
	.indent_h04 {margin-left: 0;}

	/* 박스 */
	.box.stripe {padding: 0.5rem;}
	.box.stripe .Search_rss {padding: 0; background: #fff; border: none;}

	.box.wing {padding: 2rem 1rem 1rem;}
	.box.wing .box.bul_dot {padding: 1rem;}

	/* 리스트 스타일 - layout.css 참고 */
	.box.style01.transparency {padding: 1rem;}

	/*검색*/
	fieldset .board_info span.form-select {width: 100%; max-width: 100%;}
	fieldset .board_info span.form-input {width: 100%; text-align: left;}
	fieldset span[class^="form-"] {width: 100%;}
	
	/* 검색 데이트피커 플러그인 */
	/* .form-datepicker .hasDatepicker {margin: 0; width: 49.5% !important;}*/
	.Search_rss.dateSettings .form-select.in-label {width: 100%;}
	.Search_rss.dateSettings .form-select.in-label select{width: 100%;}
	.Search_rss.dateSettings .form-select {width: 100%;}
	.Search_rss.dateSettings .form-datepicker {width: 100%;}
	.Search_rss.dateSettings .form-datepicker.in-label {width: 100%;}
	.Search_rss.dateSettings .form-datepicker.in-label label {padding: 0 0.5rem 0 0;}
    .Search_rss.dateSettings .form-datepicker.in-label .input-datepicker {width: calc(46.5% - 33px) !important; }
	.Search_rss.dateSettings .form-datepicker .input-datepicker {font-size: 0.8rem;}

	/* 게시판 검색*/
	.board_info > .page_info:first-child {float: none; margin-top: 0; margin-bottom: 1rem; text-align: right;}
	.board_info .Search_rss { background: #f9f9f9; border: 1px solid #ddd; padding: .5rem; text-align: center; width: 100%; }

	/* 갤러리 리스트 */
	.galleryList > ul > li .txt span {display: block;}
	.galleryList > ul > li .txt span + span {padding-left: 0; margin-left: 0;}

	.gallery_slide .thumb_list .slick-slide {height: 100px;}

	/* 버튼 */
	.BtnArea button {width: 100%;}
	.BtnArea .btn-line,
    .btns .btn-line, .btn-line2 {width: 100%; text-align: center;}
    .btn-line.blue {padding: .65rem 1rem;}
    .btn-line2.gray {padding: .3rem 1rem;}

	/* size - 템플릿 기본 설정 */
	.W100, .W95, .W90, .W85, .W80, .W75, .W70, .W65, .W60, .W55, .W50, .W45, .W40, .W35, .W30, .W25, .W22, .W20, .W19, .W18, .W17, .W16, .W15, .W13, .W12, .W10, .W9, .W8, .W7, .W6, .W5, .W-auto {width: auto !important;}

	/*등록폼*/
	.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.auto {padding: 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;}

	/* 링크 리스트 type1 */
	.bodo_link_list > ul {width: 100%;}
	.bodo_link_list.btns > ul > li,
	.bodo_link_list > ul.col2 > li {float: none; width: 100%; margin-left: 0; margin-bottom: 1rem;}

	.bodo_link_list.type2 > ul > li {padding: 1rem;}

	/* 링크 리스트 type2 */
	.bodo_link_list.type3 > ul {padding: 1rem;}
	.bodo_link_list.type3 > ul > li {margin-bottom: 0; padding: 0.5rem 1rem;}
	.bodo_link_list.type3 > ul > li:before {top: 0.85rem;}

	/* PDF 다운로드 */
	.bodo_pdf_info {padding: 1rem; min-height: 0;}
	.bodo_pdf_info .bodo_thumb {position: static; top: auto; left: 0; padding: 1rem; width: 100%; height: auto;}
	.bodo_pdf_info > ul {margin-top: 1rem; padding-left: 0;}
	.bodo_link_list {margin-top: 1rem; margin-left: 0;}

	/* 절차도 type2 */
	.bodo_procedure2 > li,
	.bodo_procedure2 > li:first-child,
	.bodo_procedure2.col3 > li,
	.bodo_procedure2.col5 > li {margin-bottom: 1rem; padding: 1rem; width: 49%; border: 1px solid #ddd;}
	.bodo_procedure2 > li:nth-of-type(2n) {margin-left: 2%;}
	.bodo_procedure2 > li:nth-of-type(2n+1) {clear: both;}

	/* 아이콘 박스 type1 & 아이콘 type1 */
	.bodo_icon_box.col2 .col {width: 100%; margin-top: 1rem; margin-left: 0;}
	.bodo_icon_box.col2 .col:first-child {margin-top: 0; margin-left: 0;}

	/* 알기 쉬운 입법예고 */
	.tstyle_list .type05 > li > a {padding: 1rem;}
	.tstyle_list .type05.noLink > li {padding: 1rem 0;}
	.tstyle_list .type05.noLink > li .title {float: none; width: 100%;}
	.tstyle_list .type05.noLink > li .txt {float: none; margin-top: 1rem; width: 100%;}
	.tstyle_list .type05.noLink.icon > li .title {width: 100%;}
	.tstyle_list .type05.noLink.icon > li .title br {display: none;}
	.tstyle_list .type05.noLink.icon > li .txt {width: 100%;}

	/* 법령해석 현황조회 */
	.box.bul_dot {padding: 1rem;}
	.box.bul_dot > li {padding: 0.5rem 1rem;}
	.box.bul_dot > li:before {top: 0.925rem; left: 0;}

	/* 알기쉬운법령 만들기 */
	.bodo_top_box.auto .inner { display:block; padding: 1rem; overflow: hidden;}
	.bodo_top_box.auto .inner .bodo_top_icon {position: static; top: auto; left: auto; float: none; display: block; margin-top: 0; margin-bottom: 20px; width: 100%; height: auto; text-align: center;}
	.bodo_top_box.auto .inner .bodo_cont {float: none; margin-top: 0.5rem; margin-left: 0; width: 100%;}
	.exampleLst01 > li > span {position: relative; float: none; display: block; margin-top: 0.5rem; padding-left: 2rem; width: 100%;}
	.exampleLst01 > li > span:before {position: absolute; top: 0; left: 0;}

	/* 행정기본법 제정 */
	.bodo_top_box.type2.auto.photo .inner {padding: 1rem;}
	.bodo_top_box.type2.auto.photo .bodo_top_icon {width: 100%; margin-bottom: 1rem;}
	.bodo_top_box.type2.auto.photo .bodo_cont_other1 {float: none; margin-left: 0; width: 100%;}

	/* 행정기본법 제정 */
	.bodo_top_box.type2.photo .bodo_top_icon {margin-top: 0; width: 100%; height: auto; background: none;}
	.bodo_top_box.type2.photo .bodo_top_icon img {width: 100%;}
	.bodo_top_box.type2.photo .bodo_cont_other1 {margin-left: 0; margin-top: 1rem;width: 100%;}

	/* 공표 정보 */
	.tabBox {margin-top: 1rem;}
	.tabBox .tabMn {float: none; margin-bottom: 0.5rem; width: 100%; overflow: hidden;}
	.tabBox .tabMn > li {width: 20%;}
	.tabBox .tabMn > li:nth-of-type(2n) {margin-left: 0;}
	.tabBox .tabMn > li:nth-of-type(n+3) {margin-top: 0;}
	.tabBox .tabInfo {float: none; margin-top: 1rem; margin-left: 0; width: 100%;}

	/* 주요기능과 사업 */
	.tstyle_list .bul_dot > li {padding: 0.5rem 1rem;}
	.tstyle_list .bul_dot > li + li {margin-top: 0;}
	.tstyle_list .bul_dot > li:before {top: 1rem; left: 0;}

	/* 법령정비 */
	.bul_datLayout {margin-top: 1rem; padding: 1rem 2rem 7rem 2rem; background-position: 95% 85%;}
	.bul_datLayout > strong:first-child {float: none; width: 100%;}
	.bul_datLayout > .box.bul_dot {float: none; margin-top: 1rem; width: 100%;}

	/* 홈페이지 이용안내 */
	.browser > li,
	.browser > li + li {margin: 0 1%; width: 48%;}
	.browser li:nth-of-type(n+3) {margin-top: 1rem;}
	.browser li:nth-of-type(2n+1) {clear: both;}

	.menu-info li,
	.menu-info li:nth-of-type(3n+1) {margin: 0 1%; width: 48%;}
	.menu-info li:nth-of-type(n+3) {margin-top: 1rem;}

	.box.stripe .float-left,
	.box.stripe .float-right {float: none; display: block;}
	.box.stripe .float-right {margin-top: 1rem;}
	.box.stripe .float-right .btn-line {width: 100%; text-align: center;}

	/* 개인정보처리방침 */
	.listType01 {padding: 1rem;}

	/* 저작권정책 */
	.listType02 > li {width: 49%; height: 15rem;}
	.tableBox {display: block; padding: 1rem;}
	.tableBox > span {display: block; padding: 1rem; width: 100%;}
	.tableBox > .bul_dot {display: block; width: 100%;}

	/* 관련사이트 */
	.galleryList.relatedSites.col3 > ul > li {width: 50%;}
	.galleryList.relatedSites > ul > li .thumb img {max-width: 90%;}

	/* 공공기관(국외) */
	.listType03 > li a {padding: 1rem;}

	/* 이전법나들이 */
	.box.caution .open .float-left {width: 100%;}
	.box.caution .open .float-right {margin-top: 1rem; margin-left: 0; width: 100%;}

	/* 정책연구 용역자료 */
	.boxImgBanner > .img {display: none;}
	.boxImgBanner > .text {padding: 1rem; width: calc(100% - 8rem);}

	/* 이전법나들이 */
	.box.magazineView:after {display: none;}
	.box.magazineView .orderWrap {float: none; padding: 1rem; width: 100%;}
	.box.magazineView .magazineSlide {float: none; width: 100%;}

	/* 공무원.정책 국민추천 */
	div.tstyle_view.recommend ul.head {padding: .9rem 1rem;}
	div.tstyle_view.recommend .tb_contents {padding: 1rem;}

	/* 비전 */
	#conVision .vision p {padding: 2.5rem 0 0; background: none;}
	#conVision > ul {margin-top: 1.5rem;}
	#conVision > ul > li {float: none; position: relative; width: 100%;}
	#conVision > ul > li + li {margin-top: 1rem;}
	#conVision > ul > li:nth-of-type(2) {margin: 1rem 0 0;}
	#conVision .number {position: absolute; top: 1.2rem; left: 2rem;}
	#conVision > ul > li > p {margin-top: 0; padding: 2rem;}

	/* 연혁 */
	#conHistory {padding-left: 0; background: none;}
	#conHistory > .historyM {position: relative; display: block; padding: 7rem 2rem 0; height: 17rem; color: #fff; background: #3f4044 url(/_kor/img/sub/history-m.png) no-repeat center top;}
	#conHistory > .historyM:before {display: block; margin-bottom: 2rem; line-height: 1; text-align: left; font-size: 1.25rem; letter-spacing: 0.5rem; opacity: 0.65; content: "HISTORY";}
	#conHistory > .historyM:after {position: absolute; top: 9rem; left: 2rem; width: 36px; height: 1px; background: rgba(255,255,255,0.5); content: "";}

	/* 주요기능과 사업 */
	.box.edge {overflow: hidden;}
	.box.edge > span {width: 100%;}
	.box.edge > span img {width: 100%;}
	.box.edge > span + span {margin-top: 1rem; margin-left: 0; padding: 0; width: 100%; min-height: 0;}

	/* 법령정비 */
	.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;}

	/* 업무보고 */
	.tabMn2 {display: block;}
	.tabMn2 > li {float: left; display: inline-block; width: 33.333%;}

	/* 인사말 */
	.box.introduce > div {padding: 1rem 1rem 10rem;}
	.box.introduce .photo {right: 0;}
	.box.introduce .type02 {font-size: 1.5rem;}

	/* 약력 */
	.box.brief .photo {float: none; display: block; margin: 0 auto 1.5rem;}

	/* 처장과의 대화 */
	#sub070404 .bodo_top_box .bodo_thumb {float: none; position: relative; display: block; width: 100%; height: 300px; margin: 0 auto; text-align: center;overflow: hidden;}
	#sub070404 .bodo_top_box .bodo_thumb img {position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
	#sub070404 .bodo_top_box .bodo_cont {float: none; margin-top: 1rem; margin-left: 0; width: 100%;}
	
	/* 역대처장 소개 */
	.article_list {margin-top: 1rem;}
	.article_list > li {width: 100%;}
	.article_list > li:nth-of-type(2n) {border-left: none;}

	/* 처장 일정 */
	.board-calender .calender {width: 100%; min-height: 27rem; padding: 2rem;}
	.board-calender .event {position: static; right: auto; top: auto; bottom: auto; padding: 2rem; width: 100%; border-top: 1px solid #ddd; border-left: none;}

	/* 여백 */
	.h03 + .txt-right {margin-top: 0;}
	.Search_rss + .Search_rss {margin-top: 0.25rem;}
	.btns,
	.BtnArea,
	.box + .board_info,
	.box + form,
	.Search + form,
	.box.stripe + .program,
	.box.stripe + .tstyle_list,
	.box.stripe + .magazineView,
	.box.style01 + .bodo_top_box,
	form + .program,
	form + .box,
	.writeForm.other + .box.bul_dot,
	.numberLst + .box {margin-top: 1rem;}

	fieldset * + span[class^="form-"],
	fieldset * + span.form-input,
	fieldset * + span.form-select,
	.BtnArea button + a,
	.BtnArea a + button,
	.BtnArea button + button,
	.btns [class*="btn-"] + [class*="btn-"] {margin-left: 0; margin-top: 0.25rem; vertical-align: baseline;}
	
	/* 이용안내 */	
	.browser_setting > div{ float: none; width: 100%; margin-left: 0; margin-bottom: 20px;}

	/* 자치법규 의견제시 */
	.sub010701_table_wrap { overflow: auto;}
	.sub010701_table_wrap .table{ width: 800px;}

	/* 2020.01.14. SY.CHo 담당자연락처 수정 */
	/* div.tstyle_list.manager > div.dbody > ul > li {min-width: 25%;} */

	/* 2020.02.04 SY,CHo 모바일 웹접근성 작업 추가 */
	div.tstyle_view div.tb_contents.gallery_slide_outer {padding-right: 5rem;}
}

@media screen and (max-width: 720px){
	.personal-history {margin-left: 0; margin-right: 0;}
	.personal-history > li {float: none; width: 100%; margin-left: 0; margin-right: 0;}
	.card-news .img {margin-bottom: 1rem; width: 100%; height: auto;}

	/* 규제정보포털 바로가기 */
	.boxPhoto .lineType02,
	.bodo_top_box .lineType02 {font-size: 1.5rem;}

	/* 검색 데이트피커 플러그인 */
    .Search_rss.dateSettings .form-datepicker.in-label .input-datepicker {width: calc(45% - 33px) !important; }
}
@media screen and (max-width: 640px){
	/* 조직.기능 */
	.organizationChart > ul:before {height: calc(100% - 17rem);}
	.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 {margin-left: 5rem; max-width: 100%;}
	.organizationChart .type02.color01 + ul:before {left: 4.5rem;}

	/* 20191213 */
	.process.step01 {display: block; width: 100% !important;}
	.process.step01 > li {display: block; overflow: visible; float: none !important; width: 100% !important; margin: 0 !important; padding-right: 0 !important;}
	.process.step01 > li::before {right: 0 !important; bottom: 1rem; height: calc(100% - 1rem);}
	.process.step01 > li::after {display: block; position: static; width: 100% !important; height: 1rem; content: ''; line-height: 1rem;}
	.process.step01 > li:last-child::before {bottom: 0; height: 100%;}
	.process.step01 > li span br {display: none;}
	.process.step01.other3.col5 > li,
	.process.step01.other3.col6 > li {padding-top: 0;}
	.process.step01.other3.col6 > li span {padding-bottom: 0.75rem;}

	.boxScheme .process.step01.other3.col4 > li::before {bottom: 0; height: 100%;}

	/* 발령관리 업무안내 */
	.process.step01.other2 > li {font-size: 0.8rem;}
	.process.step01.other2 > li.now::after {display: none; margin: 0;}
	.process.step01.other2 > li.half::before {display: block !important; right: auto !important; bottom: -1rem; width: 50%; height: 1rem; background: none; font-family: 'xeicon'; content: ''; line-height: 1rem;}	
	.process.step01.other2 .tableCell {float: left; width: 49%; margin-top: 1rem;}
	.process.step01.other2 .process.step01.col2::before {display: block; width: 100%; height: 1rem; font-family: 'xeicon'; content: ''; line-height: 1rem;}
	.process.step01.other2 .process.step01.col2 {float: right; width: 49% !important; margin-top: 0;}

	.scheme01 {padding: 4rem 0;}
	.scheme01 ul li {width: calc(50% - 50px);}
	.scheme01 ul li:nth-of-type(1),
	.scheme01 ul li:nth-of-type(2) {top: 0;}
	.scheme01 ul li:nth-of-type(3) {bottom: 0;}

	.scheme03 span {margin-right: 0; margin-bottom: 1rem; width: 49%; text-align: center;}
	.scheme03 span:first-child {margin-right: 2%;}
	.scheme03 span:last-child {float: left; width: 100%; text-align: left;}
}
@media screen and (max-width: 600px){
	/* 컨텐츠 */
	.content_info {padding-bottom: 1rem;}

	/* 탭메뉴 */
	.tabBtn a {height: 4.5rem;}

	/* H* 타이틀 */
	.h03 {line-height: 1.3;}
	.h03::before {top: 7px;}
	.h03::after {top: 14px;}

	/* 포토뉴스 */
	.gallery_slide .slider-nav {max-width: 290px;}

	/* 입법과정안내 */
	.boxInnerList.type01 > li {float: none; width: 100%;}
	.boxInnerList.type01 > li + li {margin-top: 0.5rem;}

	/* 탑박스 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;}

	.inner.tBox .tBox-cell {display: block;}

	/* 절차도 type2 */
	.bodo_procedure2 > li,
	.bodo_procedure2 > li:first-child,
	.bodo_procedure2.col3 > li,
	.bodo_procedure2.col5 > li {width: 100%;}
	.bodo_procedure2 > li:nth-of-type(2n) {margin-left: 0;}

	/* 법령입안심사기준 */
	.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;}

	/* 법령심사 */
	.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%;}

	/* 공표 정보 */
	.tabBox .tabMn > li {width: 25%;}

	/* 홈페이지 이용안내 */
	.browser > li p:first-child {height: 7rem;}
	.menu-info li,
	.menu-info li:nth-of-type(3n+1) {margin: 0; width: 100%;}
	.menu-info li:nth-of-type(n+2) {margin-top: 1rem;}
	.box.guide .float-left {width: 100%;}
	.box.guide .float-left + .float-left {margin-top: 1rem; margin-left: 0;}

	/* 저작권정책 */
	.listType02 > li,
	.listType02 > li:nth-of-type(2n),
	.listType02.col3 > li,
	.listType02.col3 > li + li {margin: 0.5rem 0; width: 100%; height: auto; min-height: 0;}

	/* 사이트맵 */
	.siteMap > li {float: none; width: 100%;}
	.siteMap > li + li {margin-left: 0;}

	/* 인사말 */
	.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;}
	
	/* 법령홍보 */
	/* .box.bul_dot > li:before {top: 0.95rem;} */
	.photoLayout .box.bul_dot > li .title{ display: block; margin-bottom: 10px;}
	.photoLayout .box.bul_dot > li + li:before{ top: 1rem;}

	/* 오시는길 */
	.mapLayout .address {padding: 1rem;}
	.mapLayout .address strong {position: relative; top: auto; left: auto; padding-right: 0;}
	.mapLayout .address strong:after {display: none;}
	.mapLayout .address span {position: relative; display: block; margin-top: 0.25rem; margin-left: 0; padding-left: 1.5rem;}
	.mapLayout .address span i {position: absolute; top: 0.25rem; left: 0;}

	.codeView04 {padding: 5rem 1rem 1rem !important;}
	.codeView04  img {left: 50% !important; top: 1rem !important; margin-left: -110px !important;}

	/* 2020.01.14. SY.CHo 법령통계 수정 */
	.boxLayout > ul {display: block;}
	.boxLayout > ul > li,
	.boxLayout > ul > li.extra {display: block; padding: 2%; width: 100%; height: auto; border: 1px solid #ddd; overflow: hidden;}
	.boxLayout > ul > li.extra.right {width: 100%;}
	.boxLayout > ul > li + li {margin-top: 0.5rem;}
	.boxLayout > ul > li:before {display: none;}
	.boxLayout > ul > li.extra:before {display: none;}
	.boxLayout > ul > li.extra.right .bul_dot > li {float: none; width: 100%;}
	.boxLayout > ul > li.extra.right .bul_dot > li:nth-of-type(2n) {margin-left: 0;}

	/* 검색 데이트피커 플러그인 */
    .Search_rss.dateSettings .form-datepicker.in-label .input-datepicker {width: calc(44% - 33px) !important; }
}
@media screen and (max-width: 480px){
	/* 만족도 조사 */
	.satisfyForm ol {overflow: hidden;}
	.satisfyForm li {float: left; display: inline-block; margin-bottom: 0.25rem; width: 50%;}

	/* 포토뉴스 */
	.gallery_slide .slider-nav {max-width: 135px;}

	/* 업무보고 */
	.tabMn2 > li {width: 50%;}

	/* 관련사이트 */
	.galleryList > ul > li {min-height: 0;}
	.galleryList.col2 > ul li {width: 100%;}
	.galleryList.relatedSites > ul > li {border-left: none;}
	.galleryList.relatedSites.col2 > ul > li {width: 100%; min-height: 0;}
	.galleryList.relatedSites.col3 > ul > li {width: 100%; min-height: 0;}
	.galleryList.relatedSites > ul > li .txt {height: auto;}

	/* 인사말 */
	.box.introduce .type02 {font-size: 1rem;}

	/* 조직.기능 */
	.organizationChart > ul:before {height: calc(100% - 28rem);}
	.organizationChart > ul > li > ul > li > ul > li {width: 100%;}
	.popupLayout .innerWrap .popupH1 {padding-right: 4rem;}	
	.popupLayout .innerWrap {width: 95%;  height: 95%; transform: translate(-50%, -50%);}	
	#sub070404 .bodo_top_box .bodo_thumb {display: none;}

	.gallery_slide .thumb_list .slide_photo > li {width: 5.2rem; height: 5rem;}

	.scheme01 {padding: 5rem 0;}
	.scheme01 ul li {width: calc(50% - 20px);}

	/* 검색 데이트피커 플러그인 */
    .Search_rss.dateSettings .form-datepicker.in-label .input-datepicker {width: calc(43% - 33px) !important; }
}
@media screen and (max-width: 414px){
	/* 리스트 스타일 - layout.css 참고 */
	.list_detail {padding: 1rem;}

	/* 비전 */
	#conVision .vision:before {font-size: 2.5rem;}
	#conVision .number {left: 1rem;}
	#conVision > ul > li > p {padding-left: 5rem;}
}
@media screen and (max-width: 380px){
	/* 탭메뉴 */
	.tabBtn a {height: 5.5rem;}

	/* 담당자, 만족도 조사 */
	.duty .manager {display: block; margin-left: 2.5rem;}

	/* 처장 일정 */
	.board-calender .calender {padding: 1rem;}

	/* 역대처장 소개 */
	.article01 {font-size: 0.9rem;}
	.article01 .type01 {margin-right: 0.5rem; padding: 0.25rem 0.75rem;}
	.article01 .type03 {margin-left: 0.5rem; padding-left: 0.5rem;}
	.article01 .type03:after {top: 5px; height: 0.8rem;}
	.article_list > li {padding: 1rem 0.5rem 1rem 4.5rem;}
	.article_list > li strong {left: 0.5rem;}
	.article_list > li li + li {white-space: nowrap;}
	.article_list > li li span {margin-right: 0.5rem;}

	/* 오시는길 */
	.box.bul_dot .float-right.link {display: block; margin-top: 0.25rem; width: 100%;}
	.box.bul_dot span.link .btn-line {width: 100%;}

	/* 검색 데이트피커 플러그인 */
    .Search_rss.dateSettings .form-datepicker.in-label .input-datepicker {width: calc(42% - 33px) !important; }
}
@media screen and (max-width: 320px){
	/* PDF 다운로드 */
	.bodo_pdf_info .bodo_info_list {margin-top: 1rem;}
}