@charset "UTF-8";
/*-------------------------------------------------
title       : Sub
Create date : 2024-01-12
-------------------------------------------------*/

/* 기본 텍스트 */
#contents_body .def_txt{color:#1d1d1d}

/* 폰트 부크크명조 */
.bookk{font-family:"bookkmj", "Pretendard GOV", serif;}

/* Btn */
.btn_area{margin-top:5rem;text-align:right}
.btn_area > a,
.btn_area > button{vertical-align:top}
.btn_area.t2{margin-top:3rem;text-align:center}
.btn_area.t3{margin-top:4rem;display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}
.btn_area.t4{margin-top:2rem;display:flex;flex-wrap:wrap;gap:.8rem}

.btn.sch{display:inline-block;width:auto;height:4rem;line-height:4rem;color:#fff;border-radius:.6rem; background-color:#2D2D2D;border:1px solid transparent;font-size:1.7rem;text-align:center;transition:all .3s}
.viewbtn{display:inline-block;width:6rem;line-height:2.3rem;color:#fff;border-radius:.6rem; background-color:#2D2D2D;border:1px solid transparent;font-size:1.7rem;text-align:center;transition:all .3s}
.btn.blist{display:inline-flex;min-width:9.6rem;height:4.5rem;padding:1rem 2.2rem;border-radius:.6rem;background-color:#246BEB;color:#fff;align-items:center;justify-content:center;font-size:1.6rem;transition:all .3s;border:1px solid transparent}
.btn.blist:hover,
.btn.blist:focus{background-color:#fff;border-color:#246BEB;color:#246BEB}
.viewbtn:hover,focus{background-color:#00389D;border-color:#246BEB;}

.btn1{display:inline-flex;align-items:center;justify-content:center;min-width:9.6rem;height:5.4rem;padding:0 2.2rem;font-size:1.6rem;font-weight:normal;color:#1d1d1d;border-radius:.6rem;border:1px solid transparent;text-align:center;transition:all .3s}

.btn2{display:inline-flex;align-items:center;justify-content:center;padding:0 1.6rem;min-width:9.1rem;height:4rem;border-radius:.6rem;color:#fff;background-color:#2D2D2D;border:1px solid transparent;transition:all .3s}
.btn2:hover,
.btn2:focus{background-color:#fff;border-color:#2D2D2D;color:#2D2D2D}

.btn3{display:inline-flex;align-items:center;justify-content:center;padding:0 2rem;min-width:18.4rem;height:5.4rem;border-radius:.6rem;color:#fff;border:1px solid transparent;transition:all .3s}
.btn4{display:inline-flex;align-items:center;justify-content:center;padding:0 1.2rem;height:3.6rem;border-radius:.6rem;color:#1d1d1d;font-size:1.4rem;font-weight:normal;border:1px solid transparent;transition:all .3s;vertical-align:middle}
.btn5{display:inline-flex;align-items:center;justify-content:center;padding:0 1.2rem;height:4rem;border-radius:.6rem;color:#1d1d1d;font-weight:normal;border:1px solid transparent;transition:all .3s;vertical-align:middle}
.btn6{display:inline-flex;align-items:center;justify-content:center;padding:0 3rem;height:5.4rem;border-radius:.6rem;color:#fff;font-weight:600;border:1px solid transparent;transition:all .3s;vertical-align:middle}
.blank:after,
[class^=btn][target=_blank]:after,
[class^=btn].down:after{content:"\ECAF";display:inline-block;margin-left:.5rem;font-family:"remixicon";position:relative;top:-.1rem;font-size:1.8rem;line-height:1}
[class^=btn].down:after{content:"\EC54"}

[class^=btn].arrow_down:after{content:"\EA4E";display:inline-block;margin-left:.5rem;font-family:"remixicon";position:relative;font-size:1.8rem;line-height:1;transition:all .3s}
[class^=btn].arrow_down.active:after{transform:rotate(180deg)}
.attachPreview:after{display:none !important}

[class^=btn].arrow_r:after{content:"\EA6E";display:inline-block;margin-left:1rem;font-family:"remixicon";position:relative;font-size:1.8rem;line-height:1;transition:all .3s}

[class^=btn].icon_none:after{display:none}

.btn_more:after{content:"";display:inline-block;margin-left:.4rem;width:2.4rem;height:2.4rem;vertical-align:top;background:url(../images/main/icon_more.png) center no-repeat;background-size:100% auto;transition:all .3s}
.btn_more:hover:after,
.btn_more:focus:after{transform:rotate(180deg)}

.select_on{border-color:#246BEB !important;background-color:#246BEB !important;color:#fff !important}


/* .btn1:hover,
.btn3:hover,
.btn1:focus,
.btn3:focus{font-weight:500} */
[class^="btn"].line{border-color:#C6C6C6;background:#fff}
[class^="btn"].line:hover,
[class^="btn"].line:focus{border-color:#000;background-color:#f9f9f9}
[class^="btn"].blue{background:#246BEB;color:#fff}
[class^="btn"].sch.blue:hover,
[class^="btn"].sch.blue:focus,
[class^="btn"].blue:hover,
[class^="btn"].blue:focus{background:#fff;border-color:#246BEB;color:#246BEB}
[class^="btn"].red{background:#F23B3B;color:#fff}
[class^="btn"].red:hover,
[class^="btn"].red:focus{background:#fff;border-color:#F23B3B;color:#F23B3B}

.btn6.blue:hover,
.btn6.blue:focus{background:#004ad0;color:#fff;border-color:transparent}
[class^="btn"].blur{background:rgba(255,255,255,.2);backdrop-filter:blur(5px)}
[class^="btn"] .icon{margin-right:1rem}

/* 색 및 강조 */
.point{color:#CD4848}
.point2{color:#246BEB}
.red{color:#ED1A3B}
.gray{color:#555}

/* 폰트 사이즈 */
.fs_12{font-size:1.2rem}
.fs_13{font-size:1.3rem}
.fs_14{font-size:1.4rem}
.fs_15{font-size:1.5rem}
.fs_16{font-size:1.6rem}
.fs_17{font-size:1.7rem}
.fs_18{font-size:1.8rem}
.fs_19{font-size:1.9rem}
.fs_20{font-size:2rem}

/* Sub Visual */
#visual{position:relative;z-index:0;height:15rem;margin-bottom:8rem}
#visual .desc_box{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;padding-left:29.6rem;color:#fff;text-align:center}
#visual .desc_box .title{font-size:3.1rem}
#visual .desc_box .desc{font-size:1.8rem;font-weight:200}
#visual .img{left:50%;transform:translateX(-50%);position:absolute;overflow:hidden;z-index:-1;width:100vw;height:100%}
#visual .img img{max-width:inherit;width:100%;height:100%;object-fit:cover;transform:scale(1.2);animation:visual_scale 7s;animation-fill-mode:forwards}
@keyframes visual_scale {
    100%{transform:scale(1)}
}

.main_wrap{width:128rem;max-width:100%;margin:0 auto}
.main_wrap::after{display:block;clear:both;width:100%;height:0;content:""}
#main_container{display:flex;width:100%}
#contents{width:calc(100% - 29.6rem);padding:0 0 15rem 8rem}

/* SNB */
#snb{width:29.6rem;flex-shrink:0;margin-top:-8rem;border-left:1px solid #b4b4b4;box-shadow:inset -1rem 0 1rem rgba(0, 0, 0, .05)}
#snb .title{display:flex;align-items:center;justify-content:center;margin:-7rem 0 1.1rem;position:relative;left:-1px;width:calc(100% + 2px);height:14rem;font-size:3rem;color:#fff;text-align:center;border-radius:0 4rem 4rem;background:linear-gradient(127deg, #00389D 11.67%, #007FA7 92.55%)}
#snb .list{padding:0 2.8rem}
#snb .list > ul > li > a{display:block;position:relative;padding:1.5rem 0;border-bottom: 1px dashed #D8D8D8;transition:font 0.2s;font-size:1.9rem;font-weight:500;color:var(--gray80);line-height:3rem}
#snb .list > ul > li.active > a{font-weight:700;color:#003863}
#snb .list > ul > li.plus > a{padding:1.5rem 3rem 1.5rem 0}
#snb .list > ul > li ul{visibility:hidden;overflow:hidden;width:100%;height:0;opacity:0;background-color:#F0F0F0;font-size:1.7rem;color:#353535;border-radius:0 1rem 1rem}
#snb .list > ul > li ul a{display:block;position:relative;padding:.8rem 1rem .8rem 3rem;line-height:2.6rem;text-align:left}
#snb .list > ul > li ul a::before{content:"";position:absolute;left:1.9rem;top:1.9rem;width:.5rem;height:.5rem;border-radius:100%;background:#C6C6C6;transition:all .2s}
#snb .list > ul > li ul .active a{padding:1.1rem 1rem 1.1rem 3rem}
#snb .list > ul > li ul .active a::before{top:2.2rem}
#snb .list > ul > li ul li:first-child{padding-top:1rem}
#snb .list > ul > li ul li:first-child.active{padding-top:0}
#snb .list > ul > li ul li:last-child{padding-bottom:1rem}
#snb .list > ul > li ul li:last-child.active{padding-bottom:0}
#snb .list > ul > li ul li:not(.active) a:hover,
#snb .list > ul > li ul li:not(.active) a:focus{color:#003863}
#snb .list > ul > li ul li:not(.active) a:hover:before,
#snb .list > ul > li ul li:not(.active) a:focus:before{background:#003863}
#snb .list > ul > li.active > a::after{border-color:#000}
#snb .list > ul > li ul .active a{background:#003863 url(../images/sub/bg_left_menu.png) right bottom no-repeat;background-size:3.6rem auto;color:#fff;font-weight:600;border-radius:0 1rem 1rem}
#snb .list > ul > li ul .active a:before{background:#fff}
#snb .list > ul > li.plus > a::after{font-family:"remixicon";content:"\ea13";position:absolute;right:0;top:50%;width:2.4rem;height:2.4rem;line-height:2.4rem;transform:translateY(-50%);border:1px solid #d3d3d3;transition:all 0.2s;border-radius:.4rem;font-weight:500;color:#2c2c2c;text-align:center}
#snb .list > ul > li.plus.active > a::after{content:"\F1AF"}
#snb .list > ul > li.plus > a:hover::after, 
#snb .list > ul > li.plus > a:focus::after{transform:translateY(-50%) rotate(180deg)}
#snb .list > ul > li.active ul{visibility:visible;overflow:visible;width:100%;height:auto;opacity:1;transition:all 0.2s}
#snb .list > ul > li.plus.active > a{border-bottom:0}

/* Content area */
#contents_title{font-size:3.2rem;color:#000;letter-spacing:-.1rem}
.contents_util{position:relative;margin-bottom:4rem;display:flex;flex-direction:column-reverse}
.contents_util::after{display:block;clear:both;width:100%;height:0;content:""}
.contents_util .util{position:absolute;right:0;top:3.6rem}
.contents_util .util .btn{display:inline-block;overflow:hidden;width:3.5rem;height:3.5rem;text-align:center;line-height:3.5rem;min-width:0;border-radius:100%;font-size:2rem;font-weight:400;color:#222;vertical-align:top;transition:all 0.2s;background:#F5F5F5}
.contents_util .util .btn.up::before{font-family:"remixicon";content:"\ea13";display:block;width:100%;height:100%;line-height:inherit}
.contents_util .util .btn.down::before{font-family:"remixicon";content:"\f1af";display:block;width:100%;height:100%;line-height:inherit}
.contents_util .util .btn.open::before{font-family:"remixicon";content:"\f0fe";display:block;width:100%;height:100%;line-height:inherit}
.contents_util .util .btn.print::before{font-family:"remixicon";content:"\f029";display:block;width:100%;height:100%;line-height:inherit}
.contents_util .util .btn:hover, 
.contents_util .util .btn:focus{border-color:#00389D;background-color:#00389D;color:#fff}
.contents_util .share{display:inline-block;position:relative;z-index:1}
.contents_util .share .title{display:inline}
.contents_util .share .item{visibility:hidden;overflow:hidden;width:5rem;height:0;opacity:0;left:50%;transform:translateX(-50%);position:absolute;top:100%;margin:0 0 0 -0.25rem;border-radius:5rem;background-color:#efefef;text-align:center}
.contents_util .share .item::before{left:50%;transform:translateX(-50%);position:absolute;top:-0.5rem;width:1rem;height:1rem;background-color:#efefef;content:"";transform:translateX(-50%) scaleX(0.5) rotate(45deg)}
.contents_util .share .close{left:50%;transform:translateX(-50%);position:absolute;display:inline-block;overflow:hidden;width:3rem;height:3rem;text-align:center;line-height:3rem;vertical-align:middle;margin-top:-1.5rem;border-radius:100%;background-color:rgba(0, 0, 0, 0.5);color:#fff}
.contents_util .share .close::before{transform:rotate(0);transition:all 0.2s;transition:all 0.2s}
.contents_util .share .close:hover::before, 
.contents_util .share .close:focus::before {transform:rotate(180deg);transform:rotate(180deg)}
.contents_util .share .close::before{font-family:"remixicon";content:"\eb99";display:block;width:100%;height:100%;line-height:inherit}
.contents_util .share .list{padding:1.5rem 0}
.contents_util .share .list a{display:inline-block;overflow:hidden;width:2rem;height:2rem;text-align:center;line-height:2rem;vertical-align:middle;margin-bottom:1rem;transition:all .2s;font-size:2rem}
.contents_util .share .list a:hover,
.contents_util .share .list a:focus{color:#000}
.contents_util .share .list a::before{transition:all 0.2s;transition:all 0.2s}
.contents_util .share .list .facebook a::before{font-family:"remixicon";content:"\ecbc  \ecbc";display:block;width:100%;height:100%;line-height:inherit}
.contents_util .share .list .twitter a::before{font-family:"remixicon";content:"\F3E7  \F3E7";display:block;width:100%;height:100%;line-height:inherit}
.contents_util .share .list .kakaostory a::before{font-family:"remixicon";content:"\f13c  \f13c";display:block;width:100%;height:100%;line-height:inherit}
.contents_util .share .list .kakaotalk a::before{font-family:"remixicon";content:"\ee6c  \ee6c";display:block;width:100%;height:100%;line-height:inherit}
.contents_util .share .list .band a::before{display:block;font-weight:800;content:"B"}
.contents_util .share.active .label{border-color:#000;background-color:#000;color:#fff}
.contents_util .share.active .item{visibility:visible;overflow:visible;width:5rem;height:auto;opacity:1;margin-top:1.5rem;transition:all 0.2s;transition:all 0.2s}

/* Breadcrumb */
.location{display:flex;align-items:center;margin-bottom:.75rem;font-size:1.4rem;font-weight:500;z-index:2}
.location .path{display:flex;align-items:center;flex-wrap:wrap}
.location .path .home{width:2rem;height:2rem}
.location .path .home > a{display:block;height:100%;overflow:hidden}
.location .path .home > a:before{content:"\EE1B";font-family:"remixicon";display:block;width:100%;height:100%;font-size:1.8rem;line-height:1}
.location .path > li{display:inline;position:relative}
.location .path > li + li::before{font-family:"remixicon";content:"\ea6e";display:inline-block;vertical-align:middle;width:2rem;height:2rem;text-align:center}
.location .path > li .label{text-decoration:underline}
.location .path > li .label:hover,
.location .path > li .label:focus{text-decoration:underline}
/* .location .path > li .label.more:after{content:"\EA50";font-family:"remixicon";display:inline-block;margin-left:.1rem;font-size:2rem;vertical-align:middle;transition:all .2s} */
.location .path .list{display:none;position:absolute;top:100%;left:2.4rem;width:auto;margin-top:.75rem;padding:2rem 0;border:1px solid #000;border-radius:.8rem;background:#fff}
.location .path .list > li > a{display:block;padding:.8rem 2.5rem;font-size:1.4rem;white-space:nowrap;color:#555;font-weight:500;transition:all .2s}
.location .path .list > li > a:hover,
.location .path .list > li > a:focus{background:#F0F0F0;color:#01399D}

.location .path > li.active .label{color:#01399D}
.location .path > li.active .label:after{transform:rotate(180deg)}
.location .path > li.active .list{display:block}

.movie_btn{margin-bottom:2rem !important;text-align:right}
.movie_btn br{display:none}
.movie_btn a{display:inline-block;margin-bottom:.4rem;padding:0.6rem 1.2rem;border-radius:.6rem;color:#1d1d1d;font-size:1.4rem;font-weight:normal;border:1px solid transparent;transition:all .3s;vertical-align:middle;border:1px solid #C6C6C6;text-align:center}
.movie_btn a:hover,
.movie_btn a:focus{border-color:#000}

.board_search{position:relative;margin-bottom:3.7rem; padding:2.8rem;background-color:#F8F8F8;border:1px solid #D8D8D8}
.board_search fieldset>span{display:block;gap:.4rem}
.board_search .date{position:absolute}
.board_search .search{display:flex;align-items:center;justify-content:center;position:relative;width:100%;max-width:54.2rem;margin:0 auto;border-radius:3px}
.board_search select,
.board_search input[type=text]{border-radius:.6rem;border-color:#D5D4DA}
.board_search .form_select{flex:0 0 auto;margin-right:.4rem}
.board_search .form_row.t2 .form_select{flex:1 0 auto}
.board_search input[type=text]{width:100%;margin-right:.4rem}
.board_search .btn.sch{width:8.2rem}
.board_search .date_box_wrap{margin-right:.4rem}
.board_search .date_box_wrap ~ .date_box_wrap{margin:0 0 0 .4rem}
.board_search .sch_sel{min-width:12rem;border:1px solid #D5D4DA}
.date_box_wrap{position:relative;display:inline-block;width:15rem;max-width:100%;height:4rem;border:1px solid #D5D4DA;background:#fff;border-radius:.6rem}
.date_box_wrap:before{content:"\EB27";font-family:'remixicon';position:absolute;right:1rem;top:50%;transform:translateY(-50%)}
.date_box_wrap input[type=text].date_input{width:100% !important;border:0 !important;background:transparent !important}
.board_search.row_full .search{flex-wrap:wrap}
.board_search.row_full .form_row{width:100%}

.board_search input[type=text].date_input{width:15rem}
.date_column{display:inline-flex;vertical-align:top;align-items:center;max-width:100%}
.btn.sch:hover,
.btn.sch:focus{background:#00389D}

.form_row{display:flex}
.form_row ~ .form_row{margin-top:2rem}
.form_row .form_select,
.form_row .input[type=text]{margin-right:0}
.form_item{width:50%;display:flex;align-items:center;gap:.8rem}
.form_item.t2 input[type=text]{max-width:calc(100% - 19.8rem)}
.form_item.t3{width:100%}
.form_item.t4{width:100%}
.form_item.t4 label{width:12rem}
.form_row.space .form_item.t4{width:auto}
/* .form_row.space .form_item.t4 .form_select{width:calc(100% - 12rem)} */
.form_item > label{margin-left:0;padding-right:.9rem;flex-shrink:0;width:10rem;text-align:right;font-weight:700}
.board_search .form_item input[type=text]{margin:0}
.board_search .btn2{min-width:inherit}

.board_search.t2 .search{max-width:inherit}

/* 만족도 조사 */
.satisfaction{display:flex;margin-top:4rem;border:1px solid #D8D8D8;border-radius:1rem;color:#1d1d1d;overflow:hidden}
.satisfaction .hide{overflow:initial;position:static;height:auto;margin:0;clip:initial;display:flex;flex-shrink:0;width:17.5rem;font-size:1.9rem;font-weight:700;background:#F6F6F6;text-align:center;justify-content:center;align-items:center}
.satisfaction + .contactus{margin-top:4rem}
.satisfaction dl{position:relative;flex:auto;padding:2.5rem 12rem 2.5rem 2.5rem}
.satisfaction dl dt{font-weight:600}
.satisfaction dl dd fieldset > span{display:inline-block;margin:.5rem 1.5rem 0 0}
.satisfaction dl dd fieldset > span:last-of-type{margin-right:0}
.satisfaction .submit{position:absolute;right:2.5rem;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:8.2rem;height:4rem;background:#2D2D2D;border:1px solid transparent;color:#fff;border-radius:.6rem;cursor:pointer;transition:all .3s}
.satisfaction .submit:focus{outline:2px dashed var(--secondary30)}
.satisfaction .submit:hover,
.satisfaction .submit:focus{background:#fff;color:#2D2D2D;border-color:#2D2D2D}
.satisfaction input[type=radio]{width:2.1rem;height:2.1rem}

.contactus{background:#F8F8F8;display:flex;padding:3rem 4rem;margin-top:10rem;border-radius:.6rem;align-items:center;color:#555}
.contactus .icon{flex:0 0 6.6rem;margin-right:2rem;display:flex;align-items:center;justify-content:center;width:6.6rem;height:6.6rem;background:#fff;border-radius:50%}
.contactus .icon img{width:3.6rem}
.contactus.type2{margin-top:3.4rem}
.contactus.type3{margin-top:0}
.contactus .bar_list > li{padding-left:0}
.contactus .bar_list > li:before{display:none}

/* List */
.num_list > li{position:relative;padding-left:2.9rem}
.num_list > li + li{margin-top:.7rem}
.num_list > li .num{position:absolute;left:0;top:0;width:2.4rem;height:2.4rem;text-align:center;line-height:2.4rem;border-radius:100%;background:#22449C;color:#fff;font-weight:600;font-size:1.4rem}

.bar_list > li{position:relative;padding-left:1rem;margin-top:.2rem;line-height:2.6rem}
.bar_list > li:before{content:"";position:absolute;left:0;top:1.1rem;width:.5rem;height:1px;background:#555}
.bar_list > li:first-child{margin-top:0}

.star_list > li{position:relative;padding-left:1.2rem}
.star_list > li:before{content:"*";position:absolute;left:0;top:0}

.dot_list > li{position:relative;padding-left:.9rem}
.dot_list > li:before{content:"";position:absolute;left:0;top:1rem;width:.4rem;height:.4rem;border-radius:100%;background-color:#1D1D1D}
.dot_list.t2 > li{padding-left:1.4rem;color:#555}
.dot_list.t2 > li + li{margin-top:.4rem}
.dot_list.t2 > li:before{left:.5rem;background:#9A9A9A}
.dot_list.t2 > li > b{display:block;margin-top:1rem;color:#1d1d1d;font-weight:600}
.dot_list.t2 > li > .inline{display:inline}

.cirnum_list > li{position:relative;padding-left:2rem}
.cirnum_list > li .num{position:absolute;left:0;top:0}


/* Top box */
.top_box{position:relative;margin-bottom:4rem;border-radius:2rem;color:#1d1d1d;border:1px solid transparent;background-color:#fff;background-image:linear-gradient(#fff, #fff), linear-gradient(to right, #01399D 0%, #027FA7 100%);background-origin:border-box;background-clip:content-box, border-box;box-shadow:2px 2px 0 rgba(0,0,0,.05)}
.top_box .group{display:flex;align-items:center;padding:1.3rem 7rem 1.3rem 2.5rem}
.top_box .group:before{content:"";position:absolute;right:-1px;bottom:-1px;width:14.2rem;height:7.2rem;background:url(../images/sub/bg_topbox.png) right bottom no-repeat;background-size:100% auto}
.top_box .group .icon{display:flex;align-items:center;justify-content:center;flex:0 0 6.4rem;height:6.4rem;margin-right:1.3rem;border-radius:100%;background:#F0F0F0}
.top_box .group .desc{position:relative;z-index:1}

.top_box2{display:flex;margin-bottom:4rem;padding:3.1rem 3.4rem;background:#F8F8F8;border-radius:1rem}
.top_box2 .icon{display:flex;align-items:center;justify-content:center;margin-right:3rem;width:8.5rem;height:8.5rem;background:#fff;border-radius:100%;flex-shrink:0}
.top_box2 .desc_tit{display:block;margin-bottom:1rem;font-size:1.9rem;color:#1d1d1d}
.top_box2 .desc_txt{color:#555}
.top_box2 .btn1{height:4.4rem}

/* Tab menu */
.depth4_tab{margin-bottom:5rem}
.depth4_tab ul{display:-ms-flexbox;display:flex;flex-wrap:wrap}
.depth4_tab ul > * {padding-right:0px;vertical-align:middle}
.depth4_tab ul li {flex:auto;width:14.28571%;position:relative;margin:-1px 0 0 -1px;border:1px solid #888;background-color:#fff;font-size:1.8rem;color:#717171;font-weight:500;display:table;table-layout:fixed}
.depth4_tab ul li:nth-child(n+7){flex:inherit;width:calc(14.28571% + 1px)}
.depth4_tab ul.ver_02 li{width:auto;flex:1 !important}
.depth4_tab ul.ver_04 li{width:25%}
.depth4_tab ul.ver_04 li:nth-child(n+5){flex:inherit;width:calc(25% + 1px)}
.depth4_tab ul.ver_05 li{width:20%}
.depth4_tab ul.ver_05 li:nth-child(n+6){flex:inherit;width:calc(20% + 1px)}
.depth4_tab ul.ver_07 li{width:14.28571%}
.depth4_tab ul.ver_07 li:nth-child(n+5){flex:inherit;width:calc(14.28571% + 1px)}
.depth4_tab ul li.active{border-color:transparent;font-weight:600;color:#353297}
.depth4_tab ul li.active:before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;bottom:-1px;border:3px solid #353297;z-index:1}
.depth4_tab ul li.active a{color:#353297}
.depth4_tab ul a{position:relative;line-height:1.1;padding:.7rem;text-align:center;z-index:1;height:5.8rem;width:100%;display:table-cell;text-align:center;vertical-align:middle;word-wrap:break-word;color:#717171}
.depth4_tab ul a:hover,
.depth4_tab ul a:focus{text-decoration:underline}
.depth4_tab.hid{display:none}

#depth5_menu_ul { overflow:hidden;overflow-x:auto;margin:0 0 5rem;border-bottom:1px solid #d8d8d8;white-space:nowrap;text-align:center}
#depth5_menu_ul li { display:inline;margin-right:1rem}
#depth5_menu_ul li:last-child{margin-right:0}
#depth5_menu_ul li.active a { font-weight:600;color:#353297}
#depth5_menu_ul li.active a::before { width:100%;left:0}
#depth5_menu_ul a { display:inline-block;overflow:hidden;position:relative;padding:0 1rem 1.5rem;vertical-align:top;color:#717171}
#depth5_menu_ul a::before { position:absolute;left:50%;bottom:0;width:0;height:0.3rem;background-color:#353297;content:'';-webkit-transition:all 0.2s;transition:all 0.2s}
#depth5_menu_ul a:hover::before, #depth5_menu_ul a:focus::before { width:100%;left:0 }
#depth5_menu_div.scroll{position:relative;padding:0}
#depth5_menu_div.scroll:before,
#depth5_menu_div.scroll:after{content:"\EA52";position:absolute;left:-2rem;top:0;font-family:"remixicon";font-size:2.5rem;display:inline-block;vertical-align:top;transform:translateY(-.7rem)}
#depth5_menu_div.scroll:after{content:"\EA54";left:auto;right:-2rem}

/* 보안프로그램 설치/사용 */
.security_box{margin-bottom:3rem;padding:3.5rem;border:1px solid #D8D8D8;border-radius:1rem}
.security_box .tit{display:block;margin-bottom:.5rem;font-size:1.9rem}
.security_box .use{margin-top:2rem;padding-top:2rem;border-top:1px dashed #D8D8D8;text-align:center}
.security_box .use input[type="checkbox"],
.security_box .use input[type="radio"]{position:relative;top:-.1rem;margin-right:.4rem;width:2rem;height:2rem;vertical-align:middle;border:1px solid #717171;cursor:pointer}
.security_box .use label{vertical-align:middle;color:#1d1d1d;font-weight:700;font-size:1.6rem;cursor:pointer}
.security_box .use .desc{margin-top:.5rem;color:#555}

.warning{position:relative;margin-bottom:3rem;padding:1.5rem 3rem 1.5rem 6.2rem;border:1px solid #D8D8D8;border-radius:1rem;color:#555;letter-spacing:-.03rem}
.warning:before{content:"\ECA1";font-family:"remixicon";position:absolute;left:3rem;top:1.6rem;color:#CD4848;font-size:2.4rem;line-height:1}
.warning .tit{color:#1D1D1D;font-weight:600}

.input_row{display:flex}
.input_row.t2{display:inline-flex}
.input_row > *{margin-right:.5rem}
.input_row > *:last-child{margin-right:0}
.t_caption{margin-bottom:1.3rem;color:#333;font-size:1.6rem}
.form_guide{display:inline-block;margin-top:.2rem;font-size:1.6rem;color:#555}

/* 그리드 */
.column_wrap{display:flex;flex-wrap:wrap;width:calc(100% + 2rem)}
.column_wrap > .item{position:relative;border:1px solid #D8D8D8;border-radius:1rem;margin:0 2rem 2rem 0}

/* 본인인증 */
.self_certi > .item{width:calc(50% - 2rem);padding:8.1rem 3.8rem 15.3rem;text-align:center}
.self_certi > .item .btn3{position:absolute;left:50%;bottom:7.6rem;transform:translateX(-50%)}
.self_certi .icon{display:block;margin:0 auto 3.5rem;width:8.5rem;height:8.5rem;line-height:8.5rem;background-color:#F8F8F8;border-radius:100%;text-align:center}
.self_certi .icon img{width:5.4rem}
.self_certi .tit{display:block;margin-bottom:1rem;font-size:2rem;font-weight:700}
.self_certi .desc{color:#555;letter-spacing:-.06rem}
.self_certi .guide{display:block;margin:1.6rem 0 0;font-weight:600;color:#1d1d1d}
.fin_list{display:inline-flex;margin:1.7rem 0 0}
.fin_list > li{width:3.9rem;margin-right:.5rem}
.fin_list > li:last-child{margin-right:0}
.self_certi .link{text-decoration:underline}
.self_certi .link[target=_blank]:after{display:none}

/* 제목태그 */
.title1{position:relative;margin:4rem 0 2rem;padding-left:2.4rem;font-size:2.4rem;color:#1D1D1D;font-weight:700}
.title1:before{content:"";position:absolute;left:0;top:.8rem;width:2rem;height:1.9rem;background:url(../images/sub/bul_title1.png) center no-repeat;background-size:2rem auto}
.title2{position:relative;margin:3rem 0 2rem;font-weight:700;font-size:2rem;color:#1D56BC}
.title3{margin:3rem 0 1.5rem;color:#1D1D1D;font-size:1.9rem;font-weight:700}
.title4{margin:0 0 1rem;font-size:1.7rem;font-weight:700}
.title4 ~ .title4{margin-top:3rem}
.top_title{display:flex;align-items:center;justify-content:center;margin-bottom:3rem;padding:.5rem 1rem;background:#003863 url(../images/sub/bg_toptit.png) right -.1rem center no-repeat;border-radius:2rem;color:#fff !important;font-size:2rem;letter-spacing:-.05rem;font-weight:700;background-size:9.3rem auto}
[class^=title] > [class^=btn]{margin-left:.6rem}

#contents_body > p{color:#555}

/* Table */
.table_wrap{position:relative;overflow:hidden;width:100%;margin:1rem 0}
.table_wrap table{table-layout:fixed;position:relative;left:-1px;border-top:2px solid #1D1D1D}
.table_wrap tr th,
.table_wrap tr td{padding:1.5rem 1rem;border-left:1px solid #ddd;border-bottom:1px solid #ddd;color:#555;letter-spacing:-.04rem;text-align:center;word-break:break-all}
.table_wrap tr th a,
.table_wrap tr td a{word-break:break-all}
.table_wrap tr td{font-weight:500}
.table_wrap thead tr th{border-bottom:1px solid #888;background:#F6F6F6;color:#1D1D1D;font-weight:500}
.table_wrap.t2 tr:last-child td{border-bottom:1px solid #ddd !important}
.table_wrap.t2 th,
.table_wrap.sch th{background:#F6F6F6;color:#1D1D1D;font-weight:500}
.table_wrap.sch{margin-bottom:4rem}
.table_wrap.sch input,
.table_wrap.sch .form_select,
.table_wrap.sch button,
.table_wrap.sch [class^=btn]{vertical-align:middle}
.table_wrap.sch .btn4,
.table_wrap.sch input[type=text]{height:4rem;margin:.4rem 0}
.table_wrap.sch .date_box_wrap input[type=text]{margin:0}
.table_wrap.sch .date_column{margin:.4rem 0}
.table_wrap.sch .chk_list{width:calc(100% + 2rem);align-items:center}
.table_wrap.sch .chk_list > li{margin-right:2rem}
.table_wrap.sch .chk_list input{position:relative;top:-.2rem}

/* box */
.box1{margin:1rem 0;padding:4rem 3.6rem;border:1px solid #D8D8D8;border-radius:1rem}
.box2{display:flex;align-items:center;margin:1rem 0;padding:3.5rem;background:#F8F8F8;border-radius:1rem}
.txtcolor1{color:#555}
.txtcolor1 strong{color:#1d1d1d}
[class^=box] .dot_line_box{margin-top:5rem;padding-top:5rem;border-top:1px dashed #D8D8D8}

/* 정부포상 365 추천창구*/
.pw_con{min-height:62rem;display:flex;align-items:center;justify-content:center;text-align:center}
.pw_con .item_box{max-width:28.3rem}
.pw_con .icon{display:block;margin:0 auto 1.2rem;width:8.5rem;height:8.5rem;line-height:8.5rem;background:#fff;border-radius:100%}
.pw_con .icon img{width:4.2rem}
.pw_con .tit{display:block;margin-bottom:3.6rem;font-size:1.7rem;font-weight:700}
.pw_con .form_textbox,
.pw_con .form_select select{width:100%;height:5.4rem}
.pw_con .input_lst{margin-bottom:1.5rem}
.pw_con .input_lst > li label{display:block;margin-bottom:.4rem;color:#555;text-align:left}
.pw_con .input_lst > li + li{margin-top:1rem}

.pw_con .btn1{width:100%}

/* 아이프레임 */
.iframe{width:100%;min-height:60rem;border:0}
.iframe.type2{min-height:150rem}
.depth4_tab ~ .iframe{margin-top:-1.6rem}
iframe{overflow:hidden}
iframe::-webkit-scrollbar-track{background-color:#fff}
iframe::-webkit-scrollbar{width:6px;height:6px;background-color:#fff;}
iframe::-webkit-scrollbar-thumb{background-color:#ddd;border-radius:50px}

iframe#webfilterTargetFrame, 
iframe[name="webfilterTargetFrame"], 
iframe[title="webfilter"]{visibility:hidden}

/* Step */
.step_lst{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:3rem;text-align:center}
.step_lst > li{flex:1;position:relative;margin-right:3.6rem}
.step_lst > li:before{content:"";position:absolute;right:-2.5rem;top:4rem;border-width:.7rem 0 .7rem 1.2rem;border-style:solid;border-color:transparent transparent transparent #111}
.step_lst > li:last-child{margin-right:0}
.step_lst > li:last-child:before{display:none}
.step_lst > li .icon{display:block;margin:0 auto;width:8.5rem;height:8.5rem;line-height:8.5rem;text-align:center;background:#F6F7F9;border-radius:50%}
.step_lst > li .tit{display:block;margin-top:.9rem;font-size:1.5rem}

.agree_box{border:1px solid #D8D8D8;border-radius:1rem;margin:1rem 0 3rem;padding:3.6rem}
.agree_box input[type=checkbox],
.agree_box input[type=radio]{position:relative;top:-.1rem;margin-right:.4rem;width:2rem;height:2rem;border:1px solid #717171}
.agree_box .box_tit{display:block;font-size:1.9rem;margin-bottom:.8rem}
.agree_chk{margin-top:2rem;text-align:center}

@keyframes h_move{
  25%{margin-left:3px}
  50%{margin-left:0}
  75%{margin-left:-3px}
  100%{margin-left:0}
}

/* 레이어모달 팝업(접근성) */
.modal{display:none;position:fixed;left:0;top:0;width:100%;height:100%;padding:2rem;z-index:100;background:rgba(0,0,0,.4);overflow:auto;text-align:center;margin-left:0 !important}
.modal.visible{display:block}
.modal:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-left:-4px}
.modal .modal_box{position:relative;display:inline-block;width:calc(100% - 1px);max-width:73rem;padding:6rem 4rem 4rem;min-width:10rem;min-height:20rem;margin:0;background:#fff;border-radius:1rem;text-align:left;vertical-align:middle}
.modal .modal_box.newlink{padding:0;max-width:114rem;}
.modal .modal_box.ssize{width:56rem;}
.modal .modal_box .modal_title{margin-bottom:2rem;padding-bottom:2rem;font-size:2.5rem;color:#1d1d1d;font-weight:700;text-align:center;border-bottom:1px solid #E5E5E5}
.modal .modal_box .modal_title.t2{padding-bottom:0;border-bottom:0}
.modal .modal_box .modal_content{overflow-y:auto;overflow-x:hidden;height:100%;}
.modal .modal_box .modal_content .layerbox{padding:0}
.modal .modal_box .modal_close{position:absolute;right:4.4rem;top:4rem;width:3.7rem;height:3.7rem;line-height:3.7rem;font-size:3.2rem;text-align:center;overflow:hidden;transition:all .2s}
.modal .modal_box .modal_close:before{content:'\EB99';font-family:"remixicon";display:block;height:100%;color:#1d1d1d}
.modal .modal_box .modal_close:hover,
.modal .modal_box .modal_close:focus{transform:rotate(180deg)}
.modal .modal_box .btns,
.modal .modal_box .btn_area{margin-top:1.8rem}
.modal .modal_box .list li{margin-top:.7rem;color:#5C5C5C;font-weight:500}
.modal .modal_box .list li:first-child{margin-top:0}
.modal .modal_box .modal_content::-webkit-scrollbar{width:7px;height:3px}
.modal .modal_box .modal_content::-webkit-scrollbar-thumb{background-color:#9A9A9A;border-radius:4px;height:40%}
.modal .modal_box .modal_content .search input[type=text]{margin-right:.4rem}
.modal_btns{margin-top:2rem;text-align:center}

/* 빠른인터넷상담 */
.modal_input_wrap{margin-top:3.8rem}
.modal_input_info{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.9rem}
.modal_input_info .cnt{color:#246BEB}
.modal_input_info input[type=radio]{position:relative;top:-.1rem;width:2rem;height:2rem;vertical-align:middle}
.row_list{display:flex;flex-wrap:wrap}
.row_list > li + li{margin-left:2.4rem}
.gray_ta{width:100%;padding:1rem;background:#F6F7F7;border:0;resize:none;min-height:25rem;border-radius:1rem}
.modal_content textarea,
.modal_content input[type=text],
.modal_content input[type=password]{outline-offset:-2px}

/* 정책소개 */
.top_btn_area{margin:7.7rem 0 3.7rem;text-align:center}

.board_search2{margin-bottom:5rem;padding:4rem;background:#EDF1F5;border-radius:1.2rem;color:#1d1d1d}
.board_search2 .search,
.board_search2 .search_bottom{position:relative;display:flex;flex-wrap:wrap;width:100%;gap:2rem 0}
.board_search2 .search{padding-right:15rem}
.board_search2 .col{display:flex;align-items:center;width:100%}
.board_search2 .col.w100p{flex:auto}
.board_search2 .title{flex-shrink:0;width:10.6rem;font-weight:700}
.board_search2 .form_select,
.board_search2 .form_textbox{width:100%;height:4.8rem;border-color:#717171}
.board_search2 .form_select select{height:100%;border-color:#717171}
.chk_list{display:flex;flex-wrap:wrap;width:calc(100% + .4rem);gap:.4rem 0}
.chk_list > li{margin-right:.4rem}
.custom_chk input[type="checkbox"]{overflow: hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0 none;clip:rect(0, 0, 0, 0)}
.custom_chk label{display:inline-flex;height:3.2rem;padding:.3rem .9rem;line-height:2.2rem;background:#fff;border:1px solid #C6C6C6;border-radius:.6rem;font-size:1.4rem;cursor:pointer;vertical-align:top;align-items:center}
.custom_chk label:before{content:"\EB7B";margin-right:.1rem;display:inline-block;vertical-align:middle;font-family:"remixicon";font-size:1.6rem;color:#000;transition:all .2s}
.custom_chk input[type="checkbox"]:focus + label{outline:2px dashed var(--secondary30)}
.custom_chk input[type="checkbox"]:checked + label{border-color:#1D56BC;background:#EFF5FF}
.custom_chk input[type="checkbox"]:checked + label:before{color:#1D56BC}
.search_bottom{position:relative;width:100%;padding-top:3rem;margin-top:3rem}
.search_bottom:before{content:"";position:absolute;left:-4rem;top:0;width:calc(100% + 8rem);border-bottom:1px solid #CED6DD}
.search_bottom .col{max-width:46rem;margin:0 auto}
.board_search2 .search_bottom .title{max-width:8rem}
.sch_input_box{position:relative;width:100%;display:flex;}
/*.sch_input_box .sch_btn{position:absolute;right:1.4rem;top:50%;transform:translateY(-50%);width:2.5rem;height:2.5rem;padding-top:2.5rem;overflow:hidden;background:url(../images/layout/icon_search.png) center no-repeat;background-size:2rem auto}*/
.sch_input_box .sch_btn{display:inline-block;width:8rem;height:4.8rem;margin-left:.4rem;line-height:4rem;color:#fff;border-radius:.6rem; background-color:#2D2D2D;border:1px solid transparent;font-size:1.7rem;text-align:center;transition:all .3s}
.board_search2 .search .col.search_resetbox{position:absolute;right:0;top:50%;width:auto;transform:translateY(-50%)}
.board_search2 .search .col.search_resetbox .title{width:auto;margin-right:.5rem}

.use_sch_wrap{position:relative;margin-top:2.4rem;padding-top:2.4rem;border-top:1px solid #C6C6C6;text-align:center}
.use_sch{display:inline-flex;align-items:center}
.use_sch .tit{flex-shrink:0;margin-right:1.6rem;line-height:1}
.use_sch .tit > i{color:#1d56bc}
.use_sch .btn_f_reset{flex-shrink:0;margin:.2rem .8rem 0 0}
.use_sch .use_sch_col{display:flex;flex-wrap:wrap;width:calc(100% + .8rem)}
.use_sch .use_sch_col button{display:flex;align-items:center;margin:.2rem 0;height:3.2rem;margin-right:.8rem;padding:0 1.2rem;background:#fff;border:1px solid #c6c6c6;border-radius:1.6rem;font-size:1.5rem;color:#2d2d2d}
.use_sch .use_sch_col button:last-child{margin-right:0}
.use_sch .use_sch_col button:after{content:"";display:inline-block;width:1.2rem;height:1.2rem;background:url(../images/search/icon_del.png) center no-repeat;margin-left:.2rem;transition:all .3s}
.use_sch .use_sch_col button:hover:after,
.use_sch .use_sch_col button:focus:after{transform:rotate(180deg)}

.btn_f_reset{width:3.2rem;height:3.2rem;border:1px solid #C6C6C6;background:#fff url(../images/search/icon_reset.png) center no-repeat;background-size:2rem auto;border-radius:50%;transition:all .3s}
.btn_f_reset:hover,
.btn_f_reset:focus{transform:rotate(180deg)}

.board_info2{position:relative;margin-bottom:2.4rem}
.board_info2:after{content:"";display:block;clear:both}
.board_info2 .board_cnt{float:left;font-size:2.1rem;font-weight:700}
.board_info2 .board_align{float:right;margin-top:.4rem}

.board_cnt .point{color:#1D56BC}
.board_align{display:flex}
.board_align .tit{margin-right:1.2rem;font-size:1.7rem;font-weight:700;color:#1d1d1d}
.align_lst{display:inline-flex}
.align_lst > li{margin-right:1.6rem;color:#555}
.align_lst > li a{position:relative}
.align_lst > li.active a{color:#1d1d1d}
.align_lst > li.active a:before{content:"";position:absolute;left:0;width:100%;bottom:0;border-bottom:1px solid #1d1d1d}
.align_lst > li:last-child{margin-right:0}

.board_box_list{display:flex;flex-wrap:wrap;width:calc(100% + 2.4rem);margin-top:-2.4rem}
.board_box_list:after{content:"";display:block;clear:both}
.board_box_list > li{width:calc(50% - 2.4rem);margin:2.4rem 2.4rem 0 0}
.board_box_list > li > a{display:block;height:100%}
.board_box_list .item{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:2.4rem;height:100%;border:1px solid #C6C6C6;border-radius:1.2rem;font-size:1.5rem;background:#fff;transition:all .3s}
.board_box_list .item .cate{display:inline-block;margin-bottom:3rem;padding:0 .8rem;color:#1D56BC;border-radius:.4rem;background:#EFF5FF}
.board_box_list .tit{position:relative;display:block;overflow:hidden;font-size:2.1rem;font-weight:700}
/* .board_box_list .tit:after{content:"";display:inline-block;position:relative;top:-.1rem;width:2rem;height:2rem;background:url(../images/main/icon_ca_next.png) center no-repeat;background-size:2rem auto;vertical-align:middle} */
.board_box_list .desc{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;margin:1rem 0 2rem;color:#555;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.board_box_list a:hover .tit,
.board_box_list a:focus .tit{text-decoration:underline}
.board_box_list a:hover .item,
.board_box_list a:focus .item{box-shadow:.5rem .5rem .5rem rgba(0,0,0,.1);border-color:#000}
.board_box_list .btn_down{position:absolute;right:2.4rem;top:2.4rem;transition:all .3s}
.board_box_list .btn_down:hover,
.board_box_list .btn_down:focus{text-decoration:underline;color:#1D56BC}
.board_box_list .btn_down:before{content:"\EC54";font-family:"remixicon";margin-right:.4rem}

.board_box_list.t2 .item .cate{max-width:calc(100% - 13.5rem)}

.kwd_list{display:flex;flex-wrap:wrap;width:100%;margin-top:auto;padding-top:2rem;border-top:1px solid #D8D8D8}
.kwd_list > li{flex:0 0 auto;margin-right:.4rem}
.kwd_list > li span{display:inline-block;padding:.4rem 1.2rem;border:1px solid #C6C6C6;border-radius:1.6rem;background:#fff;font-size:1.5rem;color:#2d2d2d;line-height:2rem}

.policy_bot_wrap{position:relative;margin-top:8rem}
.policy_bot_wrap .btn_more{position:absolute;right:0;top:.5rem}
.policy_bot_lst > ul{border-top:2px solid #000}
.policy_bot_lst > ul > li{border-width:0 0 1px 0;border-style:solid;border-color:#D8D8D8}
.policy_bot_lst > ul > li > a{position:relative;display:block;padding:1.5rem 13rem 1.5rem 2rem}
.policy_bot_lst > ul > li > a .title{position:relative;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;vertical-align:top}
.policy_bot_lst > ul > li > a .date{position:absolute;right:2rem;top:50%;transform:translateY(-50%)}
.policy_bot_lst > ul > li > a:hover .title,
.policy_bot_lst > ul > li > a:focus .title{text-decoration:underline}

.step_list{display:flex;flex-wrap:wrap;margin:2rem 0 4rem;width:calc(100% + 4.8rem);gap:3.7rem 0}
.step_list[class*="col"] > li{flex:auto}
.step_list > li{position:relative;padding-top:2rem;width:calc(25% - 4.8rem);margin-right:4.8rem}
.step_list > li > .item{position:relative;height:100%;border:1px solid #D4D4D4;border-radius:1.2rem}
.step_list > li .num{position:absolute;top:-2rem;left:50%;transform:translateX(-50%);width:4rem;height:4rem;line-height:4rem;border-radius:50%;color:#fff;font-weight:600;letter-spacing:-.05rem;text-align:center;background:#5089EF}
.step_list > li .tit{display:flex;align-items:center;justify-content:center;position:relative;min-height:9.7rem;padding:3rem 1.5rem 1.5rem;font-weight:600;color:#1d1d1d;letter-spacing:-.05rem;text-align:center}
.step_list > li .tit:before{content:"";position:absolute;left:0;bottom:0;width:100%;border-bottom:1px dashed #D4D4D4}
.step_list > li .desc{display:flex;align-items:center;justify-content:center;min-height:10.1rem;padding:1.5rem;color:#555;text-align:center}
.step_list > li:after{content:"";position:absolute;top:calc(50% + 1rem);transform:translateY(-50%);right:-4.2rem;width:3.6rem;height:3.6rem;line-height:3.6rem;border:1px solid #D8D8D8;border-radius:50%;background:#fff url(../images/sub/icon_step_arrow.png) center no-repeat;background-size:.8rem auto;text-align:center}
.step_list > li:nth-child(2) .num{background:#246BEB}
.step_list > li:nth-child(3) .num{background:#1D56BC}
.step_list > li:nth-child(4) .num{background:#1D56BC}
.step_list > li:nth-child(5) .num{background:#1D56BC}
.step_list > li:nth-child(6) .num{background:#1D56BC}
.step_list > li:nth-child(7) .num{background:#1F4997}
.step_list > li:nth-child(8) .num{background:#1F4997}
.step_list > li:nth-child(9) .num{background:#13326C}
.step_list > li:nth-child(10) .num{background:#13326C}
.step_list > li:nth-child(11) .num{background:#0B2047}
.step_list > li:nth-child(12) .num{background:#0B2047}
.step_list > li:nth-child(4n):after,
.step_list.col2 > li:nth-child(n+2):after,
.step_list.col3 > li:nth-child(n+3):after{display:none}
.step_list > li:last-child:after{display:none !important}

.img_box{position:relative;margin:2rem 0 4rem;padding:4rem 3rem;text-align:center;border-radius:1.2rem}
.img_box.p0{padding:0}
.img_box.line{border:1px solid #D8D8D8}

/* 이미지 박스 - 이미지 확대보기(모바일) */
.img_box .img{position:relative}
.img_box .zoom{display:none;position:absolute;left:50%;bottom:-3rem;width:4rem;height:4rem;line-height:4rem;background:#ddd;border-radius:100%;overflow:hidden;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.img_box .zoom:before{content:"\ED9C";font-family:"remixicon";display:block}
.img_box.type_box{margin-top:1rem;padding:6rem 3rem;border:1px solid #ddd}
.img_box.bottom .zoom{bottom:0}

.table_title{display:block;font-weight:700;margin:3rem 0 1rem;text-align:center}

/* 상징 및 청사진 */
.lr_box{display:flex}
.lr_box .right{flex-shrink:0;margin-left:3rem}
.lr_box .title2{margin-top:0}
.lr_box p{color:#555}

.mi_grid{display:flex;align-items:center;justify-content:center;width:39rem;padding:3rem 1rem;border-width:0 1px 1px 0;border-style:solid;border-color:#dedede;background:linear-gradient(90deg, #dedede 1px, transparent 1px), linear-gradient(#dedede 1px, transparent 1px);background-size:1.5rem 1.5rem}
.edge_wrap{position:relative;padding:6px;border:6px solid #B3BFDA}
.edge_wrap .edge_box{position:relative;padding:5.9rem 7rem;border:2px solid #E5EBF8}
.edge_wrap:before,
.edge_wrap:after,
.edge_wrap .edge_box:before,
.edge_wrap .edge_box:after{content:"";position:absolute;left:1.6rem;top:1.6rem;width:7.4rem;height:7.4rem;background:url(../images/sub/img_ev_bg.png) no-repeat center/contain}
.edge_wrap:after{left:auto;right:1.6rem;transform:rotateY(180deg)}
.edge_wrap .edge_box:before,
.edge_wrap .edge_box:after{top:auto;bottom:1rem;left:1rem;transform:rotateX(180deg)}
.edge_wrap .edge_box:after{left:auto;right:1rem;transform:rotateX(180deg) rotateY(180deg)}

.promise .title_box{margin-bottom:2.9rem;text-align:center}
.promise .title_box .sub_tit{display:inline-block;margin-bottom:.3rem;padding:.3rem 1.5rem;color:#fff;font-size:1.6rem;font-weight:700;background:#1D56BC;border-radius:3rem}
.promise .title_box .quotes{display:inline-block;position:relative;padding:0 2.9rem;font-size:2.4rem;color:#2D2D2D;font-weight:700}
.promise .title_box .quotes:before,
.promise .title_box .quotes:after{content:"";position:absolute;left:0;top:-.6rem;width:2.2rem;height:1.4rem;display:inline-block;background:url(../images/sub/img_quote.png) no-repeat center/contain}
.promise .title_box .quotes:after{left:auto;right:0;transform:rotate(180deg)}

.odd_list > li{display:flex;align-items:center;padding:1.5rem 2rem;border-radius:10rem}
.odd_list > li > .tit{display:flex;align-items:center;flex:0 0 8.4rem;margin-right:5.5rem;font-size:1.7rem;color:#2d2d2d}
.odd_list > li .num{display:block;margin-right:1rem;width:4.4rem;height:4.4rem;line-height:4.4rem;color:#fff;font-weight:700;text-align:center;border-radius:50%;background:#232EA3}
.odd_list > li > .desc{padding:.9rem 0;color:#555}
.odd_list > li:nth-child(odd){background:#F4F6FE}
.odd_list > li:nth-child(odd) .num{background:#5189DD}

.img_num_list{display:flex;flex-wrap:wrap;width:calc(100% + 1.5rem);gap:2.3rem 1.5rem}
.img_num_list > li{flex:0 0 calc(25% - 1.5rem)}
.img_num_list .img{position:relative;overflow:hidden;width:100%;height:13.8rem;border-radius:.5rem .5rem 0 0}
.img_num_list .img img{width:100%;height:100%;object-fit:cover}
.img_num_list .desc_box{position:relative;height:calc(100% - 13.8rem);padding:2rem;border-width:0 1px 1px;border-style:solid;border-color:#E1E1E1;border-radius:0 0 .5rem .5rem}
.img_num_list .desc_box .num{position:absolute;left:50%;top:0;width:4.6rem;height:4.6rem;line-height:3.4rem;transform:translate(-50%, -50%);color:#fff;background:#232EA3;border:.6rem solid #fff;text-align:center;border-radius:50%;font-size:1.6rem;font-weight:600}
.img_num_list .desc_box .desc{margin-top:.4rem;color:#555;word-break:break-all}

/* 연혁 */
.history_top{position:relative;text-align:center}
.history_top .ht_top{display:flex;position:relative;padding-top:40%;border-radius:2rem 2rem 0 0;overflow:hidden}
.history_top .ht_top:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/sub/bg_history_top.jpg) center no-repeat;background-size:cover}
.history_top .ht_desc{display:flex;justify-content:center;align-items:center;position:absolute;left:0;top:0;width:100%;height:100%;padding:0 2rem;color:#fff}
.history_top .ht_desc .ht_txt{position:relative;margin:0 1.2rem;padding:0 7.8rem;font-size:2.3rem;font-weight:300;line-height:1.4;letter-spacing:-.069rem}
.history_top .ht_desc .ht_txt::before,
.history_top .ht_desc .ht_txt::after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6.7rem;height:0;border-width:0 0 1px;border-style:solid;border-color:#fff;opacity:.2}
.history_top .ht_desc .ht_txt::after{left:auto;right:0}
.history_top .ht_desc .ht_left,
.history_top .ht_desc .ht_right{font-size:6rem}
.history_top .ht_bot{margin-top:1.3rem;padding:4.3rem 2rem;background:#F6F6F6;border-radius:0 0 2rem 2rem}

.history > li + li{margin-top:8rem}
.history > li.line{margin-top:5rem;padding-top:5rem;border-top:1px dashed #ddd}
.history > li.line .history_row{margin-top:0}
.history .def_txt{display:block;margin-top:1rem;font-size:1.7rem;font-weight:normal}
.history .history_img{border-radius:.4rem;overflow:hidden}
.history .history_row{display:flex;margin-top:6.5rem}
.history .history_row .col_l{flex:0 0 22rem;padding-left:6.4rem}
.history .history_row .col_r{position:relative;padding:.5rem 0 0 2.5rem}
.history .history_row .col_r:before{content:"";position:absolute;left:.4rem;top:1.6rem;height:0;border-left:1px solid #ddd;transition:height .8s 1s}
.history .history_row .col_r:after{content:"";opacity:0;position:absolute;top:1.6rem;left:0;width:.8rem;height:.8rem;background:#C5C5C5;border-radius:50%;transition:opacity .8s .6s}
.history .history_row.active .col_r:before{height:calc(100% - 1.6rem)}
.history .history_row.active .col_r:after{opacity:1}
.history .history_row.t2 .col_r{padding-bottom:6.5rem}
.history .history_row.t2 + .history_row{margin-top:0}
.history .history_row.t2.active .col_r:before{height:100%}

.history .date{color:#010101;font-weight:800;font-size:5rem;line-height:1;letter-spacing:-.1rem}
.history .col_tit{display:block;margin-bottom:3rem;color:#1D56BC;font-weight:700;font-size:2rem}
.history_list > li{position:relative;padding-left:1.5rem;color:#555}
.history_list > li:before{content:"";position:absolute;left:0;top:1.2rem;width:.6rem;border-bottom:1px solid #000}
.history_list > li + li{margin-top:1.5rem}

.history_detail{position:relative;padding-left:5.5rem}
.history_detail .history_year{position:absolute;left:0;top:0;color:#000}

.motion_top{opacity:0;position:relative;top:10rem;transition:all .8s ease}
.motion_top.active{opacity:1;top:0}
.motion_top.delay{transition-delay:.3s}

/* 고용노동행정서비스헌장 */
.service_list{margin-top:6.4rem}
.service_list > li{display:flex;padding:4rem;border:1px solid #D8D8D8;border-radius:.8rem}
.service_list > li + li{margin-top:2.4rem}
.service_list .icon{flex:0 0 8.5rem;margin-right:4.5rem}
.service_list .desc_box .title{display:block;margin-bottom:2rem;color:#1D56BC;font-size:2rem;font-weight:700;letter-spacing:-.05rem}
.service_list .desc_box .desc{color:#1d1d1d}

/* 차관소개 */
.departinfo .info_top{position:relative;min-height:33.9rem;padding:7rem 34rem 0 3.9rem}
.departinfo .info_top .img{position:absolute;bottom:5.2rem;right:5.5rem;width:28.1rem;height:28.1rem;border-radius:50%;overflow:hidden;border:6px solid #fff;z-index:1}
.departinfo .info_top .img img{min-height:100%}
.departinfo .info_top .quotes_txt{display:inline-block;position:relative;padding:0 5rem;color:#282828;font-size:3.2rem;font-weight:700;letter-spacing:-.1rem;text-align:left}
.departinfo .info_top .quotes_txt i{color:#1D56BC}
.departinfo .info_top .quotes_txt:before,
.departinfo .info_top .quotes_txt:after{content:"";position:absolute;left:0;top:-.3rem;width:3.8rem;height:3.1rem;background:url(../images/sub/icon_quotes2.png) no-repeat center/contain}
.departinfo .info_top .quotes_txt:after{left:auto;top:auto;right:0;bottom:1.92rem;transform:rotate(180deg)}
.departinfo .info_top .info_box{width:100%;position:absolute;left:0;bottom:0;padding-left:9rem;display:flex;align-items:center;height:12.8rem;background:#F8F8F8}
.departinfo .info_top .info_box .sign{flex-shrink:0;margin-right:1rem}
.info_bottom{padding:9rem 9rem 0}
.depart_list{position:relative;padding-left:3.1rem}
.depart_list > li{position:relative;padding:0 0 1.5rem 19.4rem}
.depart_list > li:before{content:"";position:absolute;left:-2.7rem;top:0;height:100%;border-left:1px solid #ddd}
.depart_list > li:first-child:before{top:1rem}
.depart_list > li:last-child:before{height:1rem}
.depart_list > li:first-child::after,
.depart_list > li:last-child::after{content:"";position:absolute;left:-3.1rem;top:1rem;width:.8rem;height:.8rem;border-radius:50%;background:#1D56BC}
.depart_list > li > strong{position:absolute;left:0;top:0;font-size:1.9rem}
.depart_list.t2 > li{padding:0 0 1.5rem}
.depart_list.t2 > li > strong{position:static}
.depart_detail{position:relative;padding-left:3.1rem;line-height:3rem}
.depart_detail:before{content:"";position:absolute;left:0;top:1rem;width:.8rem;height:.8rem;border-radius:50%;background:#1D56BC;z-index:1}
.depart_detail:after{content:"";position:absolute;left:.3rem;top:1rem;height:calc(100% - 1rem);border-left:1px solid #ddd;z-index:0}

.sketch_board .photo{position:relative;margin-bottom:3rem;padding-bottom:3rem}
.sketch_board .photo_area img{width:100%}
.sketch_board .btn_arrow{position:absolute;bottom:0;right:2rem;display:flex}
.sketch_board .btn_arrow button{position:relative;width:6rem;height:6rem;background-color:#246BEB;transition:all .3s;text-align:center;color:#fff}
.sketch_board .btn_arrow .prev:before,
.sketch_board .btn_arrow .next:before{content:"\EA64";font-family:"remixicon"}
.sketch_board .btn_arrow .next:before{content:"\EA6E"}
.sketch_board .btn_arrow button:hover,
.sketch_board .btn_arrow button:focus{background-color:#1F4997}
.sketch_board #mainContent .title{display:block;margin-bottom:2rem;font-size:2rem;font-weight:700;letter-spacing:-.05rem}
.sketch_board #mainContent .cont{color:#555}
.sketch_board ~ .board_pager{margin-top:6.4rem}

.mvh_top{display:flex}
.mvh_top .photo{flex:0 0 22rem;height:27.3rem;margin-right:2.4rem;overflow:hidden}
.mvh_top .photo img{width:100%}
.mvh_top .info{flex:auto;padding:4rem 5rem;border:1px solid #ddd;background:#fff url(../images/sub/vm_top_bg.jpg) right bottom no-repeat;background-size:25.8rem auto}
.mvh_top .info .cnt{display:inline-block;margin-bottom:1rem;height:3.6rem;line-height:3.6rem;padding:0 2rem;color:#fff;font-weight:700;text-align:center;background:#1D56BC}
.mvh_top .info .name{display:block;font-size:2.8rem;font-weight:700;letter-spacing:-.1rem;color:#282828}
.mvh_top .info_date_box{max-width:40rem;margin-top:1.5rem;padding-top:3rem;border-top:1px dashed #bababa}

.mvh_cont{background:#F8F8F8;margin:2.4rem 0 0;padding:5rem 6rem}
.mvh_cont [class^=title]{margin-top:0}

/* 기관소개 > 조직안내 > 본부 */
.org_chart{overflow:hidden;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;position:relative;padding:4.6rem 1.5rem;border:1px solid #d8d8d8;background-color:#fff}
.org_chart:before{content:"";display:block;position:absolute;top:4.6rem;left:50%;width:1px;height:calc(100% - 4.6rem - 4.6rem);background-color:#d8d8d8;-webkit-transform:translateX(calc(-50% - .5px));transform:translateX(calc(-50% - .5px))}
.org_chart>.minister{display:flex;justify-content:center;align-items:center;position:relative;z-index:1;width:15.8rem;height:15.8rem;background:linear-gradient(136deg,#01399d -2.43%,#027fa6 94.89%);border-radius:50%}
.org_chart>.minister strong{display:block;color:#fff;font-size:2.4rem;line-height:1.2;font-weight:600;letter-spacing:-.05rem}
.org_chart>ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%}
.org_chart>ul .org_dep1{position:relative;z-index:1;width:calc((100% - 3.8rem - 3.8rem)/ 3);max-width:21rem;margin-left:3.8rem}
.org_chart>ul .org_dep1:first-child{margin-left:0}
.org_chart>ul .org_dep1:first-child .org_dep2>li{position:relative}
.org_chart>ul .org_dep1:first-child .org_dep2>li:before{content:"";display:block;position:absolute;top:2.5rem;right:-1.9rem;width:1.9rem;height:1px;background-color:#d8d8d8}
.org_chart>ul .org_dep1:first-child .org_dep2>li:after{content:"";display:block;position:absolute;top:0;right:-1.9rem;width:1px;height:2.5rem;background-color:#fff}
.org_chart>ul .org_dep1:first-child .org_dep2>li:last-child:after{top:auto;bottom:0;height:calc(100% - 2.6rem)}
.org_chart>ul .org_dep1:first-child:before{content:"";display:block;position:absolute;top:0;right:-1.9rem;width:1px;height:100%;background-color:#d8d8d8}
.org_chart>ul .org_dep1:first-child:after{content:"";display:block;position:absolute;top:5.8rem;left:calc(100% + 1.9rem);width:calc(50% + 1.9rem);height:1px;background-color:#d8d8d8}
.org_chart>ul .org_dep1:first-child .org_dep2>li:not(:first-child){margin-top:1.1rem}
.org_chart>ul .org_dep1:first-child .org_dep2>li>a+.org_dep5{position:relative;margin-top:1.4rem}
.org_chart>ul .org_dep1:first-child .org_dep2>li>a+.org_dep5:before{content:"";display:block;position:absolute;bottom:100%;left:50%;width:1px;height:1.4rem;margin-left:-.5px;background-color:#d8d8d8}
.org_chart>ul .org_dep1:nth-child(3):before{content:"";display:block;position:absolute;top:0;left:-1.9rem;width:1px;height:100%;background-color:#d8d8d8}
.org_chart>ul .org_dep1:nth-child(3):after{content:"";display:block;position:absolute;bottom:2.6rem;right:calc(100% + 1.9rem);width:calc(50% + 1.9rem);height:1px;background-color:#d8d8d8}
.org_chart>ul .org_dep1:nth-child(3)>.org_dep2:before{content:"";display:block;position:absolute;top:2.5rem;left:-1.9rem;width:1.9rem;height:1px;background-color:#d8d8d8}
.org_chart>ul .org_dep1:nth-child(3)>.org_dep2:after{content:"";display:block;position:absolute;top:0;left:-1.9rem;width:1px;height:2.5rem;background-color:#fff}
.org_chart>ul .org_dep1:nth-child(3)>.org_dep2>li:last-child{position:relative}
.org_chart>ul .org_dep1:nth-child(3)>.org_dep2>li:last-child:before{content:"";display:block;position:absolute;bottom:0;left:-1.9rem;width:1px;height:2.6rem;background-color:#fff}
.org_chart>ul .org_dep1:nth-child(3) .org_dep2>li .org_dep5{margin-top:1.4rem}
.org_chart>ul .org_dep1:nth-child(4){width:100%;max-width:100%;margin-top:3rem;margin-left:0}
.org_chart>ul .org_dep1>a{display:block;position:relative;z-index:1;padding:1.475rem 1rem;background-color:#2a374e;text-align:center;color:#fff;font-size:1.7rem;font-weight:400;line-height:1.5;letter-spacing:-.051rem;border-radius:.4rem}
.org_chart>ul .org_dep1:nth-child(4)>.org_dep2>li{max-width:100%}
.org_chart>ul .org_dep2>li>a{display:block;padding:1.475rem 1rem;background-color:#246beb;text-align:center;color:#fff;font-size:1.7rem;font-weight:400;line-height:1.5;letter-spacing:-.051rem;border-radius:.4rem}
.org_chart>ul .org_dep1:nth-child(4)>.org_dep2>li .org_dep3{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr 1fr 1fr 1fr;grid-template-columns:repeat(auto-fill, calc(20% - 1rem));grid-column-gap:1.2rem;position:relative;z-index:1;padding:0 1.3rem;border:1px solid #d8d8d8;border-bottom:0;background-color:#fff}
.org_chart>ul .org_dep3>li{position:relative;margin-top:2.5rem}
.org_chart>ul .org_dep3>li:first-child{-ms-grid-row:4;-ms-grid-row-span:4;grid-row:4/5;margin-top:1.4rem}
.org_chart>ul .org_dep3>li:nth-child(2),
.org_chart>ul .org_dep3>li:nth-child(3),
.org_chart>ul .org_dep3>li:nth-child(4){-ms-grid-row:1;-ms-grid-row-span:3;grid-row:1/4}
.org_chart>ul .org_dep3>li:nth-child(5){-ms-grid-row:1;-ms-grid-row-span:3;grid-row:1/4}
.org_chart>ul .org_dep3>li:nth-child(7){margin-top:1.4rem}
.org_chart>ul .org_dep3>li:nth-child(7):after{content:"";display:block;position:absolute;top:2.78rem;left:100%;width:10rem;height:500%;background-color:#fff}
.org_chart>ul .org_dep3>li:before{content:"";display:block;position:absolute;bottom:100%;left:50%;width:1px;height:2.5rem;margin-left:-.5px;background-color:#d8d8d8}
.org_chart>ul .org_dep3>li:first-child:before{display:none}
.org_chart>ul .org_dep3>li:nth-child(7):before{content:"";display:block;position:absolute;bottom:auto;top:2.75rem;left:calc(100% + .1rem);width:1.3rem;height:1px;margin-left:-.5px;background-color:#d8d8d8;z-index:1}
.org_chart>ul .org_dep3>li>a,.org_chart>ul .org_dep4>li>a{text-align:center;font-weight:400;font-size:1.7rem;letter-spacing:-.051rem}
.org_chart>ul .org_dep3>li>.org_dep5:before,
.org_chart>ul .org_dep4:before,
.org_chart>ul .org_dep4>li+li:before{margin-left:-.5px;background-color:#d8d8d8;content:"";display:block;position:absolute}
.org_chart>ul .org_dep3>li>a{display:block;padding:1.475rem 1rem;background-color:#0e2b5e;color:#fff;line-height:1.5;border-radius:.4rem}
.org_chart>ul .org_dep4{position:relative;margin-top:.8rem}
.org_chart>ul .org_dep4:before{bottom:100%;left:50%;width:1px;height:.8rem}
.org_chart>ul .org_dep3>li:first-child .org_dep4:before{display:none}
.org_chart>ul .org_dep4>li{display:flex;flex-wrap:wrap;position:relative}
.org_chart>ul .org_dep4>li+li{margin-top:1.4rem}
.org_chart>ul .org_dep4>li+li:before{bottom:100%;left:50%;width:1px;height:1.4rem}
.org_chart>ul .org_dep4>li>a{display:flex;align-items:center;justify-content:center;width:100%;min-height:5.5rem;padding:0 1rem;background-color:#e5ebf1;color:#1d1d1d;line-height:1.3;border-radius:.4rem .4rem 0 0;border:1px solid #d8d8d8}
.org_chart>ul .org_dep4>li>a.no_ul{border-radius:.4rem}
.org_chart>ul .org_dep5{width:100%;min-height:25.9rem;padding:2.5rem 1rem;border:1px solid #d8d8d8;border-radius:.4rem}
.org_chart>ul .org_dep2>li>.org_dep5,
.org_chart>ul .org_dep3>li>.org_dep5{min-height:auto}
.org_chart>ul .org_dep3>li>.org_dep5:before{top:50%;right:100%;width:1.3rem;height:1px}
.org_chart>ul .org_dep3>li>.org_dep5:after{content:"";display:block;position:absolute;top:calc(50% + 1px);right:100%;width:10rem;height:500%;background-color:#fff}
.org_chart>ul .org_dep4>li>a+.org_dep5{min-height:20.4rem;margin-top:0;border-top:0;border-radius:0 0 .4rem .4rem}
.org_chart>ul .org_dep3>li:nth-child(7) .org_dep5{min-height:19.6rem}
.org_chart>ul .org_dep5>li{position:relative;padding-left:.85rem;border-radius:.4rem}
.org_chart>ul .org_dep5>li:before{content:"";display:block;position:absolute;top:1.1rem;left:0;width:.5rem;height:1px;background-color:#555}
.org_chart>ul .org_dep5>li a{color:#555;font-size:1.6rem;line-height:1.5;letter-spacing:-.051rem}

/* 조직안내 */
.institute{display:flex;flex-wrap:wrap;width:calc(100% + 1.7rem);text-align:center}
.institute > li{width:calc(33.3% - 1.7rem);margin:0 1.7rem 3rem 0}
.institute .item{height:calc(100% - 5.5rem - 1rem)}
.institute .item .top{display:flex;align-items:center;justify-content:center;margin-bottom:1rem;padding:1rem 1.5rem;height:5.5rem;background:#1D56BC;color:#fff;text-align:center;font-weight:normal;border-radius:.4rem}
.institute .item .cont{height:100%;padding:2rem;border:1px solid #d4d4d4;border-radius:.4rem}

.ins_btn{display:flex;align-items:center;justify-content:center;height:5.5rem;padding:1rem;letter-spacing:-.05rem;border:1px solid #D8D8D8;background:#E5EBF1;border-radius:.4rem;line-height:1.3}
.ins_btn:hover,
.ins_btn:focus{border-color:#000}
.ins_sbtn{margin-top:1rem}
.ins_sbtn a{display:inline-block;padding:.3rem .8rem;border:1px solid #D8D8D8;border-radius:3rem;color:#555;letter-spacing:-.048rem;font-size:1.6rem}
.ins_sbtn > li{display:inline-block;margin-top:1rem}
.ins_sbtn a:hover,
.ins_sbtn a:focus{border-color:#000;color:#000}
.section_ins > li{padding:3.2rem 4rem;border:1px solid #D8D8D8;border-radius:.8rem}
.section_ins > li + li{margin-top:2.4rem}
.section_ins .title{display:block;margin-bottom:2.4rem;font-size:2rem;color:#1D56BC;font-weight:700;letter-spacing:-.05rem}
.section_ins .btn_box{margin-top:1.6rem}

.staff_info{margin-bottom:4rem;padding:0 2rem}
.staff_info .info_top .btn4{margin-left:1rem}
.staff_info .title{display:inline-block;color:#1D56BC;font-size:2rem;letter-spacing:-.05rem;vertical-align:middle}
.staff_infoBox{display:none;margin-top:1.6rem;border:1px solid #D8D8D8;border-radius:.4rem}
.staff_infoBox > li{padding:1.5rem 4rem}
.staff_infoBox > li + li{border-top:1px solid #d8d8d8}
.staff_infoBox .tit{position:relative;margin-right:1.5rem;color:#1D56BC;font-weight:700}
.staff_infoBox .tit:before{content:"";position:relative;top:-.1rem;display:inline-block;margin-right:.8rem;vertical-align:middle;background-position:center;background-repeat:no-repeat;background-size:contain}
.staff_infoBox .tel .tit:before{width:1.4rem;height:1.4rem;background-image:url(../images/sub/icon_b_tel.png)}
.staff_infoBox .fax .tit:before{width:1.6rem;height:1.6rem;background-image:url(../images/sub/icon_b_fax.png)}
.staff_infoBox .work .tit:before{width:1.3rem;height:1.6rem;background-image:url(../images/sub/icon_b_work.png)}
.staff_infoList{display:flex;flex-wrap:wrap}
.staff_infoList > li{width:50%}
.staff_infoBox .work .desc{margin-top:1rem}

.tit_label{margin-right:1rem;font-weight:700}
/* 트리 */
.dept_tree_wrap ul.tree *{vertical-align:middle;letter-spacing:-.05rem}
.dept_tree_wrap ul.tree .cursor{display:inline-block;width:calc(100% - 20px);text-align:left}
.dept_tree_wrap ul.tree li{position:relative;padding-left:0;font-size:1.7rem;color:#1d1d1d;background:none}
.dept_tree_wrap ul.tree li.plus:before{content:"\EA4E";font-family:"remixicon";position:absolute;right:2rem;top:1.4rem;color:#000;font-weight:normal;line-height:1;transition:all .3s;transform-origin:center center;}
.dept_tree_wrap ul.tree li li.plus:before{top:1.2rem}
.dept_tree_wrap ul.tree li.plus.active:before{transform:rotate(180deg)}
.dept_tree_wrap ul.tree li.end{background:none}
.dept_tree_wrap ul.tree > li{padding:1.2rem 2rem;border:1px solid #D8D8D8;border-radius:.4rem;color:#1D56BC !important;font-weight:700}
.dept_tree_wrap ul.tree > li + li{margin-top:.8rem}
.dept_tree_wrap ul.tree > li > .cursor{color:#1D56BC;font-weight:700;pointer-events:none;}
.dept_tree_wrap ul.tree img{margin-bottom:0;vertical-align:top}
.dept_tree_wrap ul.tree li a.control{position:static;display:inline-block;padding:0;vertical-align:middle;width:15px;height:15px;padding:3px}
.dept_tree_wrap ul.tree > li > ul{margin-top:1rem;border:1px solid #d8d8d8;background:#F8F8F8}
.dept_tree_wrap ul.tree > li > ul > li{padding:1rem 2rem}
.dept_tree_wrap ul.tree > li > ul > li .cursor{font-weight:normal;line-height:1;font-size:1.6rem;color:#1d1d1d;font-weight:500}
.dept_tree_wrap ul.tree > li > ul > li + li{border-top:1px solid #d8d8d8}
.dept_tree_wrap ul.tree > li > ul > li > ul{margin-top:1rem;background:#fff;border:1px solid #d8d8d8}
.dept_tree_wrap ul.tree > li > ul > li > ul > li{padding:1rem 2rem}
.dept_tree_wrap ul.tree > li > ul > li > ul > li + li{border-top:1px solid #d8d8d8}
.dept_tree_wrap ul.tree > li > ul > li > ul > li > ul{margin-top:1rem;background:#fafafa;border:1px solid #d8d8d8}
.dept_tree_wrap ul.tree > li > ul > li > ul > li > ul > li{padding:1rem 2rem}
.dept_tree_wrap ul.tree > li > ul > li > ul > li > ul > li + li{border-top:1px solid #d8d8d8}

.af_list > li{display:flex;padding:3.5rem 0;border-bottom:1px dashed #D8D8D8}
.af_list > li:first-child{border-top:1px dashed #D8D8D8}
.af_list > li .af_banner{flex:0 0 26.5rem;margin-right:4rem}
.af_list > li .af_banner a{display:block;border:1px solid #d8d8d8;border-radius:.5rem;overflow:hidden}
.af_list > li .af_txt a{margin-top:2rem}
.af_list > li .af_txt .tit{display:block;margin-bottom:1rem;font-size:2rem;font-weight:700;color:#1D56BC}

/* 찾아오시는길 */
.warning_box{position:relative;margin-bottom:4rem;padding:1.6rem 3rem 1.6rem 6.2rem;border:1px solid #D8D8D8;border-radius:1rem}
.warning_box:before{content:"\ECA1";font-family:"remixicon";color:#CD4848;position:absolute;left:3rem;top:1.8rem;font-size:2rem;line-height:1}
.warning_box ul{font-weight:500}
.top_box + .warning_box{margin-top:-2.4rem}

.map_info{padding:3rem 4rem;border:1px solid #D8D8D8}
.map_info > li{display:flex}
.map_info > li + li{margin-top:1.6rem}
.map_info > li .tit{flex-shrink:0;margin-right:1.6rem;color:#1D56BC;font-weight:700}
.map_info > li .tit:before{content:"";position:relative;display:inline-block;margin-right:.4rem;vertical-align:middle;font-family:"remixicon";font-weight:normal}
.map_info > li.addr .tit:before{content:"\EF14"}
.map_info > li.tel .tit:before{content:"\EFEC"}

.dash_line_list > li{padding:4rem 0}
.dash_line_list > li + li{border-top:1px dashed #d8d8d8}
.traffic_item{display:flex}
.traffic_item .icon{flex:0 0 8.5rem;margin-right:4rem;text-align:center}
.traffic_item .icon strong{display:block;margin-top:1rem;font-size:2rem}
.traffic_item .desc .tit{display:block;margin:0 0 1rem;font-size:1.9rem;font-weight:700}
.traffic_item .desc .tit ~ .tit{margin-top:2.5rem}

.floors_list > li{padding:1rem 0;display:flex;align-items:center}
.floors_list > li + li{border-top:1px dashed #D8D8D8}
.floors_list > li em{flex:0 0 4.9rem;display:inline-block;margin-right:3rem;border:1px solid #1D56BC;color:#1D56BC;background:#fff;text-align:center;line-height:3.4rem;border-radius:.4rem}

/* 업무보고 */
.report_top{margin-bottom:6.4rem;text-align:center}
.prev_plan_list > li{display:flex;padding:5rem;border:1px solid #D8D8D8;border-radius:.8rem;letter-spacing:-.05rem}
.prev_plan_list > li + li{margin-top:2.4rem}
.prev_plan_list .icon{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-shrink:0;margin-right:2.5rem;width:10.6rem;height:10.6rem;border-radius:50%;background:#F8F8F8;text-align:center}
.prev_plan_list .icon strong{display:block;margin-top:.5rem;font-size:1.5rem;font-weight:600}
.prev_plan_list .item .tit{display:block;font-size:2rem;color:#1D56BC;font-weight:700;}
.prev_plan_list .item .st{display:block;margin-top:1.5rem;font-size:1.9rem;font-weight:700}
.prev_plan_list .item .desc{margin-top:1.5rem}
.prev_plan_list .item .dot_list{margin-top:1.5rem}
.prev_plan_list .item .btn_area{margin-top:1.5rem;text-align:left}
.prev_plan_list .item .btn_area [class^=btn]{margin:.2rem 0}

/* 노동개혁 */
.pushA_top{position:relative;margin-bottom:2.9rem;padding-bottom:4rem;border-radius:.4rem}
.pushA_top > img{width:100%}
.pushA_top .desc_box{position:absolute;bottom:0;right:4.4rem;width:34.6rem;height:17.5rem;padding:0 4rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border-radius:.4rem;color:#fff;background:#256CEC}
.pushA_top .desc_box strong{margin-bottom:.8rem;font-size:3.1rem;font-weight:800;letter-spacing:-.1rem}

.pushA_cont .link{color:#1C4EFC;text-decoration:underline}
.pushA_cont > li{display:flex}
.pushA_cont > li:last-child .pushA_lst{padding-bottom:0}
.pushA_cont > li:last-child .pushA_lst:after{bottom:0}
.pushA_cont .year{flex:0 0 24rem;color:#010101;font-size:5rem;font-weight:800;letter-spacing:-.1rem}
.pushA_lst{position:relative;flex:auto;padding:2.2rem 0 5rem 3.4rem}
.pushA_lst:before{content:"";position:absolute;left:-.3rem;top:3.2rem;width:.8rem;height:.8rem;border-radius:50%;background:#1C4EFC}
.pushA_lst:after{content:"";position:absolute;left:0;top:3.2rem;bottom:-3.3rem;border-left:1px solid #ddd;z-index:-1}
.pushA_lst > li{display:flex}
.pushA_lst > li + li{margin-top:1.4rem}
.pushA_lst .date{flex:0 0 10rem;font-weight:700;letter-spacing:-.1rem;color:#111}
.pushA_lst .cont{flex:auto;color:#555}
.pushA_lst .cont .dot_list{margin-top:1rem}

.line_title{position:relative;display:flex;height:4rem;align-items:center;justify-content:center;margin-bottom:4rem;padding:0 2.5rem;color:#fff;font-size:2rem;font-weight:700;letter-spacing:-.05rem;border-radius:.4rem;background:#003863 url(../images/sub/bg_toptit.png) right bottom no-repeat;background-size:9.3rem auto;border-radius:4rem;text-align:center}
.line_title ~ .line_title{margin-top:6.4rem}
.board_view_wrap .po_view{margin-top:0 !important}
.board_view_wrap .line_title{margin-bottom:5rem;height:auto;min-height:6rem;padding:1rem;background:#F0F0F0;font-size:1.7rem;color:#1d1d1d;border-radius:0;border-bottom:1px solid #D8D8D8}
.po_content > .title1{max-width:60rem;margin:0 auto 5rem;padding-left:0;font-size:3.2rem;text-align:center;}
.po_content > .title1:before{display:none}
.po_content .movieArea{position:relative;padding-top:56.25%}
.po_content .movieArea iframe{position:absolute;left:0;top:0;width:100%;height:100%;border:0}
.po_content .movieArea a{position:absolute;left:0;top:0;width:100%;height:100%;border:0;outline-offset:-2px;outline-color:#fff}
.po_content .movieArea a img{width: 100%;height: 100%;z-index:-2}
.po_content .prTextArea{padding:5rem;color:#555}
.po_content .pr_box + div,
.po_content .po_bottom{background:#F0F0F0;padding:4rem 5rem;border-bottom:1px solid #888}


.card_list{display:flex;flex-wrap:wrap;width:calc(100% + 2.4rem)}
.card_list a{display:block}
.card_list > li{width:calc(33.3% - 2.4rem);margin:0 2.4rem 2.4rem 0}
.card_list .item{border:1px solid #c6c6c6;border-radius:1.2rem;overflow:hidden}
.card_list .item .img{position:relative;width:100%;padding-top:62%;overflow:hidden}
.card_list .item .img img{position:absolute;left:0;top:0;width:100% !important;height:100% !important;transition:all .3s}
.card_list .item .img a:hover img,
.card_list .item .img a:focus img,
.card_list a:hover .item .img img,
.card_list a:focus .item .img img{transform:scale(1.1)}
.card_list .item .info{padding:2.2rem}
.card_list .item .info .cate{display:inline-block;padding:0 .8rem;background:#EFF5FF;border-radius:.4rem;font-size:1.5rem;color:#1D56BC}
.card_list .item .info .tit{display:-webkit-box;height:5.4rem;margin-top:1rem;overflow:hidden;text-overflow:ellipsis;font-size:1.8rem;font-weight:700;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.card_list .item .info .date{display:block;margin-top:1rem;color:#555}
.card_list .item .info .view{display:block;margin-top:1rem;text-align:right;font-size:1.7rem}
.card_list .item .info .view:after{content:"";display:inline-block;width:2rem;height:2rem;background:url(../images/layout/icon_right_arrow.png) center no-repeat;background-size:100% auto;vertical-align:middle}
.btn_more_area{margin-top:1.7rem;text-align:center}
.btn_more_area.last{margin-bottom:6.4rem}
.mb_box{margin-bottom:6.5rem}

.indent_list{padding-left:1.4rem}
.indent_list > li + li{margin-top:.5rem}
.indent_list.t2{margin:1rem 0 2rem;color:#555;font-size:1.5rem}
.dot_list .indent_list.t2{padding-left:0;margin:0}
.def_line_box{margin:2rem 0;padding:3.5rem;border:1px solid #d8d8d8;border-radius:1rem}
.def_line_box .tit{display:block;margin-bottom:1rem;font-size:1.9rem;font-weight:700;letter-spacing:-.05rem}

.vision_top{position:relative;margin-bottom:4rem;padding-bottom:15rem;text-align:center}
.vision_top .v_t1{display:inline-block;margin-bottom:2rem;padding:1rem 5rem;font-size:2.1rem;font-weight:700;letter-spacing:-.063rem;color:#fff;border-radius:4rem;background: linear-gradient(127deg, #00389D 11.67%, #007FA7 92.55%)}
.vision_top .v_t2{display:block;font-size:3.2rem;font-weight:700;letter-spacing:-.05rem}
.vision_top:after{content:"";position:absolute;left:50%;bottom:0;max-width:100%;width:44.6rem;height:13.4rem;background:url(../images/sub/img_bigUp_arrow.png) no-repeat center/contain;transform:translateX(-50%)}
.vision_tbl b,
.vision_tbl strong{color:#1d1d1d;font-weight:600}
.vision_top.t2{margin-bottom:0}

.table_wrap .download img{width:2.6rem}

.vision_num_wrap{padding:4rem 7rem;border:1px solid #d8d8d8}
.vision_num_lst > li{display:flex;padding:4rem 0}
.vision_num_lst > li + li{border-top:1px dashed #d8d8d8}
.vision_num_lst .num{flex-shrink:0;display:flex;align-items:center;justify-content:center;flex-direction:column;margin-right:3rem;width:10.6rem;height:10.6rem;background:#F0F0F0;border-radius:50%;text-align:center;font-size:1.9rem;letter-spacing:-.05rem}
.vision_num_lst .num strong{font-size:3.2rem;line-height:1}
.vision_num_lst .cont .tit{display:block;margin-bottom:1.5rem;color:#1D56BC;font-size:2rem;font-weight:700}

.info_tab{display:flex;flex-wrap:wrap;padding:1px 0 0 1px}
.info_tab > li{position:relative;width:25%;border:1px solid #888;margin:-1px 0 0 -1px}
.info_tab > li > a{position:relative;display:flex;align-items:center;justify-content:center;height:100%;padding:1.4rem 0;text-align:center;color:#888}
.info_tab > li > a > span{display:inline-block;position:relative;padding-top:3.8rem}
.info_tab > li > a > span:before{content:"";width:3rem;height:3rem;position:absolute;left:50%;top:0;transform:translateX(-50%);background-repeat:no-repeat;background-position:center center;background-size:contain}
.info_tab > li > a > span.icon1:before{background-image:url(../images/sub/icon_info_01.png)}
.info_tab > li > a > span.icon2:before{background-image:url(../images/sub/icon_info_02.png)}
.info_tab > li > a > span.icon3:before{background-image:url(../images/sub/icon_info_03.png)}
.info_tab > li > a > span.icon4:before{background-image:url(../images/sub/icon_info_04.png)}
.info_tab > li > a > span.icon5:before{background-image:url(../images/sub/icon_info_05.png)}
.info_tab > li > a > span.icon6:before{background-image:url(../images/sub/icon_info_06.png)}
.info_tab > li > a > span.icon7:before{background-image:url(../images/sub/icon_info_07.png)}
.info_tab > li > a > span.icon8:before{background-image:url(../images/sub/icon_info_08.png)}
.info_tab > li > a > span.icon9:before{background-image:url(../images/sub/icon_info_09.png)}
.info_tab > li > a > span.icon10:before{background-image:url(../images/sub/icon_info_10.png)}
.info_tab > li > a > span.icon11:before{background-image:url(../images/sub/icon_info_11.png)}
.info_tab > li > a > span.icon12:before{background-image:url(../images/sub/icon_info_12.png)}
.info_tab > li > a > span.icon13:before{background-image:url(../images/sub/icon_info_13.png)}
.info_tab > li > a > span.icon14:before{background-image:url(../images/sub/icon_info_14.png)}
.info_tab > li > a > span.icon15:before{background-image:url(../images/sub/icon_info_15.png)}
.info_tab > li > a > span.icon16:before{background-image:url(../images/sub/icon_info_16.png)}
.info_tab > li.active > a > span.icon1:before{background-image:url(../images/sub/icon_info_01_ov.png)}
.info_tab > li.active > a > span.icon2:before{background-image:url(../images/sub/icon_info_02_ov.png)}
.info_tab > li.active > a > span.icon3:before{background-image:url(../images/sub/icon_info_03_ov.png)}
.info_tab > li.active > a > span.icon4:before{background-image:url(../images/sub/icon_info_04_ov.png)}
.info_tab > li.active > a > span.icon5:before{background-image:url(../images/sub/icon_info_05_ov.png)}
.info_tab > li.active > a > span.icon6:before{background-image:url(../images/sub/icon_info_06_ov.png)}
.info_tab > li.active > a > span.icon7:before{background-image:url(../images/sub/icon_info_07_ov.png)}
.info_tab > li.active > a > span.icon8:before{background-image:url(../images/sub/icon_info_08_ov.png)}
.info_tab > li.active > a > span.icon9:before{background-image:url(../images/sub/icon_info_09_ov.png)}
.info_tab > li.active > a > span.icon10:before{background-image:url(../images/sub/icon_info_10_ov.png)}
.info_tab > li.active > a > span.icon11:before{background-image:url(../images/sub/icon_info_11_ov.png)}
.info_tab > li.active > a > span.icon12:before{background-image:url(../images/sub/icon_info_12_ov.png)}
.info_tab > li.active > a > span.icon13:before{background-image:url(../images/sub/icon_info_13_ov.png)}
.info_tab > li.active > a > span.icon14:before{background-image:url(../images/sub/icon_info_14_ov.png)}
.info_tab > li.active > a > span.icon15:before{background-image:url(../images/sub/icon_info_15_ov.png)}
.info_tab > li.active > a > span.icon16:before{background-image:url(../images/sub/icon_info_16_ov.png)}
.info_tab > li.active > a{color:#353297;font-weight:600}
.info_tab > li.active > a:before{content:"";position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border:2px solid #353297;z-index:1}
.info_btn_box{margin:6.4rem 0 2.6rem;text-align:right}

.info_toptext{margin-bottom:4rem;padding:1.5rem 2rem;border:1px solid #d8d8d8}
.info_toptext a:hover,
.info_toptext a:focus{text-decoration:underline}
.info_toptext .blue{color:#00389D}

/* 정보공개안내 */
.info_guide{display:table;width:100%;height:44rem;padding:0 6rem 6rem;background:url(../images/sub/bg_info_guide.jpg) no-repeat center / cover;border-radius:2rem 2rem 0 0;color:#fff;letter-spacing:-.05rem}
.info_gbox{display:table-cell;vertical-align:bottom}
.info_gbox .desc{width:100%;max-width:41rem}
.info_gbox strong{display:block;margin-bottom:2rem;font-size:2.4rem;font-weight:700}
.info_guide [class^=btn].blur:hover,
.info_guide [class^=btn].blur:focus{background:#004ad0}

.btn_wrap{display:flex;flex-wrap:wrap;gap:.8rem}
.info_guide .btn_wrap{display:flex;flex-wrap:wrap;gap:2rem;margin-top:5rem}

.info_guide_bottom{display:flex;align-items:center;justify-content:space-between;margin-top:1.2rem;padding:4.3rem 6rem;background:#F6F6F6;border-radius:0 0 2rem 2rem}
.info_guide_bottom p{max-width:44.3rem;margin-right:2rem}
.info_guide_bottom .btn1{flex-shrink:0}

.tab_menu_st{position:relative;padding:0 4.85rem;margin-bottom:4rem}
.tab_menu_st .tab_slide{overflow:hidden;border-bottom:1px solid #ddd}
.tab_menu_st .swiper-slide{width:auto}
.tab_menu_st .controls button{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3.4rem;height:3.4rem;line-height:3.4rem;border:1px solid #2D2D2D;border-radius:50%;background:#fff;text-align:center}
.tab_menu_st .controls button.next{left:auto;right:0}
.tab_menu_st .controls button:before{content:"";font-family:'remixicon';font-size:2.5rem}
.tab_menu_st .controls .prev:before{content:"\EA64"}
.tab_menu_st .controls .next:before{content:"\EA6E"}
.tab_menu_st .swiper-slide a{display:block;padding:1.5rem 1rem;color:#888;font-size:1.6rem;outline-offset:-2px}
.tab_menu_st .active a{position:relative;color:#353297;font-weight:600}
.tab_menu_st .active a:before{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:4px;background:#353297}
.tab_menu_st .swiper-button-disabled{opacity:.3}

.tab_menu_st2{position:relative;margin-bottom:4rem;display:flex;flex-wrap:wrap;text-align:center}
.tab_menu_st2 > li{width:25%;border:1px solid #888;margin:-1px 0 0 -1px}
.tab_menu_st2 > li > a{position:relative;padding:.5rem;display:flex;align-items:center;justify-content:center;height:5.8rem;color:#717171;font-weight:500;background:#fff;transition:all .3s;word-break:break-all}
.tab_menu_st2 > li > a:hover,
.tab_menu_st2 > li > a:focus{text-decoration:underline}
.tab_menu_st2 > li.active > a{color:#353297}
.tab_menu_st2 > li.active > a:before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;bottom:-1px;border:3px solid #353297;z-index:1}

.tab_slide_body > [id^=tabcont]{display:none;padding:0 .9rem}
.tab_slide_body > [id^=tabcont] .cont_box{height:35rem;overflow:hidden;overflow-y:auto;color:#1d1d1d}
.tab_slide_body > [id^=tabcont] .cont_box
.tab_slide_body > [id^=tabcont] .cont_box::-webkit-scrollbar-track{background-color:#fff}
.tab_slide_body > [id^=tabcont] .cont_box::-webkit-scrollbar{width:6px;height:6px;background-color:#fff;}
.tab_slide_body > [id^=tabcont] .cont_box::-webkit-scrollbar-thumb{background-color:#ddd;border-radius:50px}
.tab_slide_body > [id^=tabcont].active{display:block}
.tab_slide_body > [id^=tabcont] .title1{margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e5e5}
.tab_slide_body > [id^=tabcont] .dot_list > li + li{margin-top:2rem}
.tab_slide_body > [id^=tabcont] .dot_list .bar_list{margin-top:.5rem;font-size:1.5rem}

.sm_txt_tbl tr th{padding:.5rem;font-size:1.5rem;background:#F6F6F6;color:#1d1d1d;font-weight:500}
.sm_txt_tbl tr td{padding:.5rem;font-size:1.4rem;vertical-align:top;text-align:left}

.download_list{display:flex;flex-wrap:wrap;width:calc(100% + .9rem)}
.download_list > li{width:calc(50% - .9rem);margin:0 .9rem .9rem 0;padding:2rem 2.5rem;border:1px solid #DBDBDB;border-radius:1rem}
.download_list > li .title{display:block;padding-bottom:1.5rem;margin-bottom:1.5rem;font-size:1.6rem;color:#111;font-weight:600;border-bottom:1px solid #ddd}
.file_list{display:flex;width:calc(100% + .9rem)}
.file_list > li{width:calc(50% - .9rem);margin-right:.9rem}
.file_list a{font-weight:600}
.file_list a img{margin-right:.6rem}
.file_list a span{vertical-align:middle}
.file_list a:hover,
.file_list a:focus{color:#246BEB;text-decoration:underline}

.rowstep_lst > li{position:relative;margin-bottom:3.6rem;border-radius:4px;letter-spacing:-.05rem;text-align:center}
.rowstep_lst > li:after{content:"";position:absolute;bottom:-2.5rem;left:50%;transform:translateX(-50%);border-width:1.5rem .8rem 0;border-style:solid;border-color:#111 transparent transparent}
.rowstep_lst > li:last-child{margin-bottom:0}
.rowstep_lst > li:last-child:after{display:none}
.rowstep_lst .title{display:flex;min-height:5.5rem;align-items:center;justify-content:center;font-weight:400;color:#fff;border-radius:4px}
.rowstep_lst .step_cont{display:flex;min-height:14rem;flex-direction:column;align-items:center;justify-content:center;padding:1rem;border-width:0 1px 1px;border-style:solid;border-color:#D8D8D8;border-radius:0 0 4px 4px}
.rowstep_lst .step_cont .down{margin-top:1.5rem}
.rowstep_lst > li:first-child .title{background-color:#5089EF}
.rowstep_lst > li:nth-child(2) .title{background-color:#1D56BC}
.rowstep_lst > li:nth-child(3) .title{background-color:#16408D}
.rowstep_lst > li:nth-child(4) .title{background-color:#0E2B5E}
.rowstep_lst > li:nth-child(5) .title{background-color:#2A374E}

.step_col{display:flex;width:calc(100% + 1.4rem)}
.step_col > li{flex:1;margin-right:1.4rem}
.step_col .title{border-radius:4px 4px 0 0}

.bg_cont_wrap .bg_cont_top{position:relative;display:table;width:100%;min-height:48rem;padding:6rem 6rem 7.5rem;border-radius:2rem 2rem 0 0;background:url(../images/sub/bg_arrears.jpg) no-repeat center / cover;}
.bg_cont_wrap .bg_cont_top:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:34.3rem;background:linear-gradient(180deg, transparent 0%, rgba(0,0,0,1) 100%);z-index:0}
.bg_cont_wrap .bg_cont_item{position:relative;display:table-cell;vertical-align:bottom;color:#fff;z-index:1;letter-spacing:-.05rem}
.bg_cont_wrap .bg_cont_item [class^=tit]{display:block;margin-bottom:1rem;font-weight:700}
.bg_cont_wrap .bg_cont_item .tit1{font-size:3.4rem}
.bg_cont_wrap .bg_cont_item .tit2{font-size:1.9rem}
.bg_cont_wrap .bg_cont_item .desc_box ~ .desc_box{margin-top:5rem}
.bg_cont_wrap .bg_cont_bottom{display:flex;margin-top:1.2rem;background:#f6f6f6;padding:4.3rem 6rem;border-radius:0 0 2rem 2rem;align-items:center;justify-content:space-between}
.bg_cont_wrap .bg_cont_bottom p{max-width:44.3rem;margin-right:2rem}
.bg_cont_wrap .bg_cont_bottom [class^=btn]{flex-shrink:0}

.arrears_search .row{width:calc(100% + 1.5rem);display:flex;justify-content:space-between;align-items:center;gap:.8rem 0}
.arrears_search .row .col{display:flex;margin-right:1.5rem}
.arrears_search .row .col > *{flex:auto}
.board_search .arrears_search .row button,
.board_search .arrears_search .row a{width:auto;flex-shrink:0}
.arrears_search .row ~ .row{margin-top:.8rem;}
.arrears_search .chk_l ~ .chk_l{margin-left:1rem}
.arrears_search label + input{margin-left:.8rem}
.arrears_search .input01{width:13rem}
.arrears_search .col .form_select:last-child,
.arrears_search .col input[type=text]{margin-right:0}

/* RSS 서비스 */
.sm_box{position:relative;top:-.1rem;display:inline-block;height:2.1rem;line-height:2.1rem;padding:0 .8rem;font-size:1.4rem;text-align:center;border-radius:.4rem;vertical-align:middle}
.sm_box.bg_red{background:#F43D3D;color:#fff}
.sm_box.bg_blue{background:#3872DA;color:#fff}

.rss_group{position:relative;top:-.1rem;display:inline-block;height:2.2rem;padding:.1rem;vertical-align:middle;border:1px solid #000;border-radius:.4rem;font-size:1.4rem;color:#fff}
.rss_group .item{float:left;height:1.8rem;line-height:1.8rem;padding:0 .3rem;vertical-align:top;border-radius:.3rem}
.rss_group .item:first-child{margin-right:1px}
.rss_group .item.r1{background:#787878}
.rss_group .item.r2{background:#A6A6A6}
.rss_group .item.r3{background:#F43D3D}
.rss_group .item.r4{background:transparent;color:#1d1d1d}

/* 영상정보처리기기 운영·관리 방침 */
.past_list{position:relative;display:flex;flex-wrap:wrap;margin:2.4rem 0;padding:5rem 2rem 5rem 3rem;background:#F6F6F6}
.past_list > li{display:flex;align-items:center;justify-content:space-between;width:calc(50% - 1rem);padding:1.5rem 3rem;background:#fff;border-radius:.8rem;margin-right:1rem}
.past_list > li:nth-child(n+3){margin-top:1rem}
.past_list > li [class^=btn]{flex-shrink:0;margin-left:1rem;font-size:1.4rem}
.past_list > li .tit{color:#555;letter-spacing:-.05rem;font-weight:400}

/*  */
.indent_list{margin-top: 0.8rem;}
.indent_list >li:nth-child(n+2){margin-top: 2rem;}
.indent_list >li >strong{display: block; margin-top: 0; padding-left: 0; color: #1D1D1D;}
.indent_list >li >*{margin-top: 0.4rem; padding-left: 2rem;}
.employ_pro >ul{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; align-items: stretch;}
.employ_pro >ul >li{position: relative; width: calc((100% - 13rem) / 3); border: 1px solid #D4D4D4; border-radius: 0.4rem; border-top: 0;}
.employ_pro >ul >li:not(:last-child):before{content: ""; display: block; position: absolute; top: 50%; right: -5.1rem; width: 3.6rem; height: 3.6rem; margin-top: -1.8rem; background: url(../images/sub/img_empoly2.svg) no-repeat center center; background-size: 100% auto;}
.employ_pro >ul >li strong{display: block; width: calc(100% + 0.2rem); margin-left: -0.1rem; padding: 1.73rem 1rem; font-size: 1.7rem; line-height: 1.2; letter-spacing: -0.051rem; color: #fff; font-weight: 400; text-align: center; border-radius: 0.4rem 0.4rem 0 0;}
.employ_pro >ul >li:nth-child(1) strong{background-color: #5089EF;}
.employ_pro >ul >li:nth-child(2) strong{background-color: #246BEB;}
.employ_pro >ul >li:nth-child(3) strong{background-color: #1D56BC;}
.employ_pro >ul >li em{display: block; padding: 1.7rem 1rem; color: #1D1D1D; font-weight: 600; font-size: 1.7rem; line-height: 1.5; letter-spacing: -0.051rem; text-align: center;}
.employ_pro >ul >li >ul{ padding: 2rem; border-top: 1px dashed #D4D4D4;}

/* 국민참여>적극행정>제도소개 */
.pro_pub{display: flex; background: url(../images/sub/img_propub01.png) no-repeat center center; background-size: cover;}
.pro_pub .t{display: block; max-width: 43rem; padding: 6rem 4.8rem 8rem; background-color: rgba(1, 57, 157, 0.85);}
.pro_pub .t .title1{margin-top: 0; color: #fff;}
.pro_pub .t p{color: #fff;}
.pro_pub .t .title1 + p{margin-top: 3rem;}
.pro_year + .pro_year{margin-top: 5rem;}
.pro_year .years{display: block; padding: 4.5rem 2rem 4rem; text-align: center; background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 0.4rem; color: #fff; letter-spacing: -0.05rem; font-weight: 400; }
.pro_year.y_2020 .years{background-image: url(../images/sub/img_proyears1.jpg);}
.pro_year.y_2019 .years{background-image: url(../images/sub/img_proyears2.jpg);}
.pro_year .years em{display: block; margin-bottom: 1.5rem; font-size: 3.5rem; line-height: 1; font-weight: 700;}
.pro_year >ul{position: relative; padding: 3.8rem 0;}
.pro_year >ul:before{content: ""; display: block; position: absolute; top: 0; left: 50%; width: 1px; height: 100%; margin-left: -0.5px; background-color: #D8D8D8;}
.pro_year >ul >li{position: relative; width: 50%; margin-left: 50%; padding-left: 1.6rem; color: #555; letter-spacing: -0.08rem; line-height: 1.3;}
.pro_year >ul >li:not(:first-child){margin-top: 2rem;}
.pro_year >ul >li:nth-child(even){margin-right: 50%; margin-left: 0; padding-left: 0; padding-right: 1.6rem; text-align: right;}
.pro_year >ul >li:before{content: ""; display: block; position: absolute; top: 0.7rem; left: 0; width: 0.7rem; height: 0.7rem; margin-left: -0.35rem; background-color: #1D56BC; border-radius: 50%;}
.pro_year >ul >li:nth-child(even):before{left: auto; right: 0; margin-left: 0; margin-right: -0.35rem;}
.pro_year >ul >li b{display: block; margin-bottom: 0.4rem; color: #1D1D1D; font-weight: 700;}
.pro_year + .img_box{margin-top: 7rem;}
.bar_list.t2 >li>em{color: #1D1D1D; font-weight: 400;}

/* 국민참여>적극행정>국민참여>적극행정 국민추천 */
.proactive_list > li{display:flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center; padding:4rem;border:1px solid #D8D8D8;border-radius:.8rem;letter-spacing:-.05rem}
.proactive_list > li + li{margin-top:2.4rem}
.proactive_list .icon{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-shrink:0;margin-right:4.6rem;width:8.5rem;height:8.5rem;border-radius:50%;background:#F8F8F8;text-align:center}
.proactive_list .icon strong{display:block;margin-top:.5rem;font-size:1.5rem;font-weight:600}
.proactive_list .item .tit{display:block;font-size:2rem;color:#1D56BC;font-weight:700;}
.proactive_list .item .tit + p{margin-top: 1.8rem; color: #1D1D1D;}
.proactive_list .item .stars{margin-top: 0.8rem; color: #555; font-size: 1.5rem; }

/* 국민참여>적극행정>국민참여>소극행정 신고 */
.sg_list{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; position: relative;}
.sg_list:before{content: "+"; display: block; position: absolute; top: 50%; left: 50%; z-index: 1; width: 5.6rem; height: 5.6rem; margin-top: -2.8rem; margin-left: -2.8rem; background-color: #1D56BC; border-radius: 50%; color: #fff; font-size: 2.4rem; line-height: 5.6rem; text-align: center; font-weight: 500;}
.sg_list >li{position: relative; width: calc((100% - 2.4rem) / 2); padding: 4.2rem 4rem 4.2rem 7.8rem; border: 1px solid #D8D8D8; border-radius: 1rem; background-color: #fff;}
.sg_list >li:nth-child(n+3){margin-top: 2.4rem;}
.sg_list >li em{display: block; position: absolute; top: 3.9rem; left: 3.5rem; color: #1D56BC; font-size: 2rem; line-height: 1.5; letter-spacing: -0.1rem; font-weight: 700;}
.sg_list >li strong{display: block; color: #1D1D1D; letter-spacing: -0.1rem;}
.sg_list >li p{margin-top: 1rem; color: #555; line-height: 1.3; letter-spacing: -0.1rem;}
.sg_list + .btn_area a span:after{content: ""; display: inline-block; width: 2.4rem; height: 2.4rem; margin-left: 0.8rem; background: url(../images/sub/icon_proactive6.svg) no-repeat center center; background-size: 100% auto; vertical-align: bottom;}


/* 국민참여>크리에이터 협업 */
.creator_sns{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch;}
.creator_sns >li{width: calc((100% - 4.2rem) / 4); padding: 4.8rem 1rem; text-align: center;border: 1px solid #E0E0E0; border-radius: 0.4rem;}
.creator_sns >li strong{display: block; color: #1D1D1D; font-size: 1.9rem; font-weight: 700; letter-spacing: -0.05rem;}
.creator_sns >li strong:before{content: ""; display: block; width: 7.3rem;  height: 7.3rem; margin: 0 auto 1.9rem; background-repeat: no-repeat; background-position: center center; background-size: 100% auto;}
.creator_sns >li.y strong:before{background-image: url(../images/sub/icon_creatorsns1.svg);}
.creator_sns >li.t strong:before{background-image: url(../images/sub/icon_creatorsns2.svg);}
.creator_sns >li.b strong:before{background-image: url(../images/sub/icon_creatorsns3.svg);}
.creator_sns >li.f strong:before{background-image: url(../images/sub/icon_creatorsns4.svg);}
.creator_sns >li a{margin-top: 2.9rem;}
.creator_sns >li [class^=btn][target=_blank]:after{display: none;}
.creator_sns >li a span:after{content: ""; display: inline-block; width: 2.4rem; height: 2.4rem; margin-left: 0.6rem; background: url(../images/sub/icon_creatorsns5.svg); background-size: 100% auto; vertical-align: top;}
.creator_list{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; margin-top: 4rem; padding-top: 4rem; border-top: 1px dashed #E0E0E0;}
.creator_list >li{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: calc((100% - 4rem) / 3); padding: 4.8rem 1rem 5.7rem; text-align: center;border: 1px solid #E0E0E0; border-radius: 0.4rem;}
.creator_list >li strong{display: block; width: 100%; color: #1D1D1D; font-size: 2rem; font-weight: 700;}
.creator_list >li strong:before{content: ""; display: block; width: 8.5rem; height: 8.5rem; margin: 0 auto 1.9rem; background-repeat: no-repeat; background-position: center center; background-size: 100% auto;}
.creator_list >li:nth-child(1) strong:before{background-image: url(../images/sub/icon_creatorlist1.svg);}
.creator_list >li:nth-child(2) strong:before{background-image: url(../images/sub/icon_creatorlist2.svg);}
.creator_list >li:nth-child(3) strong:before{background-image: url(../images/sub/icon_creatorlist3.svg);}
.creator_list >li p{width: 100%; margin-top: 0.8rem; color: #555; letter-spacing: -0.051rem;}
.creator_list >li a{max-width: 100%; width: 18.4rem; min-width: 0; margin-top: 3rem;}
.inst_box{margin-top: 3rem; padding: 4rem 3.8rem; background-color: #F8F8F8; text-align: center;}
.inst_box p{color: #555;}
.inst_box .title2 + p{margin-top: 1rem;}
.inst_box .chk{margin-top: 1rem; padding-top: 2rem; border-top: 1px dashed #D8D8D8;}
.inst_box .chk input[type="checkbox"],
.inst_box .chk input[type="radio"]{position:relative;top:-.1rem;margin-right:.4rem;width:2rem;height:2rem;margin-top: 1rem; vertical-align:middle;border:1px solid #717171;cursor:pointer;}
.inst_box .chk label{display: inline-block;margin-top: 1rem; vertical-align:middle;color:#1d1d1d;font-weight:700;font-size:1.6rem;cursor:pointer;}
.form_mail{display:inline-block;max-width:40rem;vertical-align:middle}
.form_mail input[type=text]{float:none;width:calc(50% - 2rem) !important}
.form01{width:18rem}
.toggle_form > [id^=tf]{display:none}
.toggle_form .form_mail .form_textbox:first-child{margin-bottom:0}

/* 민원>민원이용안내>민원신청방법 */
.b_under{color: #246BEB; text-decoration: underline; text-underline-position: under;}
.b_under:after{color: #000;}
[class^="step_list"] a{color:#1C4EFC;text-decoration:underline}
.step_list2{display:flex;flex-wrap:wrap;margin:2rem 0 4rem;width:calc(100% + 4.8rem);gap:3.7rem 0}
.step_list2[class*="col"] > li{flex:auto}
.step_list2 > li{position:relative;padding-top:2rem;width:calc(25% - 4.8rem);margin-right:4.8rem}
.step_list2.type_5 > li{width:calc((100% / 5) - 4.8rem);}
.step_list2.type_6 > li{width:calc((100% / 6) - 4.8rem);}
.step_list2 > li > .item{position:relative;height:100%;border:1px solid #D4D4D4;border-radius:1.2rem}
.step_list2 > li .num{position:absolute;top:-2rem;left:50%;transform:translateX(-50%);width:4rem;height:4rem;line-height:4rem;border-radius:50%;color:#fff;font-weight:600;letter-spacing:-.05rem;text-align:center;background:#5089EF}
.step_list2 > li .tit{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:center;position:relative;min-height:13.8rem;padding:3rem 1.5rem 1.5rem;font-weight:600;color:#1d1d1d;letter-spacing:-.05rem;text-align:center}
.step_list2.type_5 > li .tit,
.step_list2.type_6 > li .tit{min-height: 15.5rem;}
.step_list2 > li .tit:before{content:"";position:absolute;left:0;bottom:0;width:100%;}
.step_list2 > li .desc{display:flex;align-items:center;justify-content:center;min-height:10.1rem;padding:1.5rem;color:#555;text-align:center}
.step_list2 > li:after{content:"";position:absolute;top:calc(50% + 1rem);transform:translateY(-50%);right:-4.2rem;width:3.6rem;height:3.6rem;line-height:3.6rem;border:1px solid #D8D8D8;border-radius:50%;background:#fff url(../images/sub/icon_step_arrow.png) center no-repeat;background-size:.8rem auto;text-align:center}
.step_list2 > li:nth-child(2) .num{background:#246BEB}
.step_list2 > li:nth-child(3) .num{background:#1D56BC}
.step_list2 > li:nth-child(4) .num{background:#1D56BC}
.step_list2 > li:nth-child(5) .num{background:#1D56BC}
.step_list2 > li:nth-child(6) .num{background:#1D56BC}
.step_list2 > li:nth-child(7) .num{background:#1F4997}
.step_list2 > li:nth-child(8) .num{background:#1F4997}
.step_list2 > li:nth-child(9) .num{background:#13326C}
.step_list2 > li:nth-child(10) .num{background:#13326C}
.step_list2 > li:nth-child(11) .num{background:#0B2047}
.step_list2 > li:nth-child(12) .num{background:#0B2047}
.step_list2 > li:nth-child(4n):after,
.step_list2.col2 > li:nth-child(n+2):after,
.step_list2.col3 > li:nth-child(n+3):after{display:none}
.step_list2.type_5 > li:nth-child(4n):after,
.step_list2.type_6 > li:nth-child(4n):after{display: block;}
.step_list2 > li:last-child:after{display:none !important}

/* 민원>민원신청>온라인민원신청 */
.online_apply .lists{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch;}
.online_apply .lists li{width: calc((100% - 2.4rem) / 2); padding: 7.2rem 2rem 6rem; border: 1px solid #D4D4D4; text-align: center; border-radius: 1.2rem;}
.online_apply .lists li img{display: block; margin: 0 auto; width: 7.9rem;}
.online_apply .lists li p{display: block; max-width: 24rem; margin: 3.5rem auto 0; color: #555; letter-spacing: -0.051rem;}
.online_apply .lists li a{margin-top: 3.5rem;}
.online_apply .tstyle_list td{padding: 1rem 1rem;}
.online_apply .color71{color: #717171;}
.online_apply .tstyle_list td .b_tit{justify-content: center;}
.online_apply .tstyle_list td .btn2{min-width: 7rem;}

/* 민원>민원신청>질의민원 */
.comp_box .lists{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch;}
.comp_box .lists li{width: calc((100% - 2rem) / 2); padding: 7.2rem 2rem 6rem; border: 1px solid #D4D4D4; text-align: center; border-radius: 1.2rem;}
.comp_box .lists li img{display: block; margin: 0 auto; }
.comp_box .lists li p{display: block; min-height: 10.2rem; margin: 3.5rem auto 0; color: #555; letter-spacing: -0.051rem;}
.comp_box .lists li a{margin-top: 3.5rem;}

/* 민원>신고센터 */
.cent_box .lists{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch;}
.cent_box .lists li{display: flex; flex-wrap: wrap; align-content: space-between; justify-content: center; width: calc((100% - 4.8rem) / 3); margin-left: 2.4rem; padding: 5rem 2rem; text-align: center; border: 1px solid #D4D4D4; border-radius: 1.2rem;}
.cent_box .lists li:nth-child(3n-2){margin-left: 0;}
.cent_box .lists li:nth-child(n+4){margin-top: 2.4rem;}
.cent_box .lists li div{width: 100%;}
.cent_box .lists li div strong{color: #1D1D1D; font-size: 2rem; word-break: break-all;}
.cent_box .lists li div p{margin-top: 1rem; color: #555; letter-spacing: -0.051rem;}
.cent_box .lists li a{margin-top: 2rem;}

.link_btn_lst{width:calc(100% + .8rem)}
.link_btn_lst:after{content:"";display:block;clear:both}
.link_btn_lst > li{float:left;width:calc(25% - .8rem);margin:0 .8rem .8rem 0}
.link_btn_lst > li > a{display:flex;flex-wrap:wrap;align-items:center;position:relative;width:100%;min-height:5.4rem;padding:.5rem 1.5rem;border:1px solid #C6C6C6;border-radius:.6rem;color:#1d1d1d;font-size:1.6rem;transition:all .3s;line-height:1.2;word-break:break-all}
.link_btn_lst > li > a[target="_blank"]{padding:.5rem 3.5rem .5rem 1.5rem}
.link_btn_lst > li > a[target="_blank"]:after{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);content:"\ECAF";font-family:"remixicon"}
.link_btn_lst > li > a:hover,
.link_btn_lst > li > a:focus{border-color:#000;background:#fafafa;font-weight:600}

/* 뉴스소식>홍보자료>월간내일(기관지) */
.webzines{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: 6rem; border: 1px solid #D8D8D8; border-radius: 1.2rem;}
.webzines >img{display: block; width: 20.5rem;}
.webzines .tt{width: calc(100% - 20.5rem - 6rem);}
.webzines .tt img{display: block; width: 9.8rem;}
.webzines .tt strong{display: block; margin-top: 2.6rem; color: #1D1D1D; font-size: 2.4rem; letter-spacing: -0.05rem;}
.webzines .tt strong em{color: #1A6FBF;}
.webzines .tt p{margin-top: 4rem; color: #555;}
.webzines .tt a{margin-top: 6rem;}

/* 이용안내>누리집 안내지도 */
.sitemap .topmenu{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;}
.sitemap .topmenu >li{width: calc((100% - 4rem) / 3); margin-left: 2rem;}
.sitemap .topmenu >li:nth-child(3n-2){margin-left: 0;}
.sitemap .topmenu >li:nth-child(n+4){margin-top: 5rem;}
.sitemap .topmenu >li >a{display: block; padding: 1.5rem 1rem; color: #1D56BC; font-size: 2rem; letter-spacing: -0.05rem; font-weight: 700; text-align: center;border: 2px solid #1D56BC; border-radius: 0.4rem;}
.sitemap .topmenu >li >div >ul >li{position: relative; }
.sitemap .topmenu >li >div >ul >li >a{display: block; position: relative; z-index: 1; padding: 1.725rem 5.7rem 1.725rem 3.3rem; border-bottom: 1px solid #d0d0d0; color: #1D1D1D; font-size: 1.9rem; font-weight: 700; letter-spacing: -0.05rem;}
.sitemap .topmenu >li >div >ul >li >a[target="_blank"]:after{content:"\ECAF";display:inline-block;margin-left:.5rem;font-family:"remixicon";position:relative;top:-.1rem;font-size:1.8rem;line-height:1}
.sitemap .topmenu >li >div >ul >li >div .dep3_title{display: none;}
.sitemap .topmenu >li >div >ul >li >div >ul{padding: 3.6rem 3rem; background-color: #F7F9FA; border-bottom: 1px solid #d0d0d0;}
.sitemap .topmenu >li >div >ul >li >div >ul:before{content: ""; display: block; position: absolute; top: 2rem; right: 3.3rem; width: 2.4rem; height: 2.4rem; background: url(../images/sub/icon_sitemap1.svg); background-size: 100% auto;}
.sitemap .topmenu >li >div >ul >li >div >ul >li{position: relative; padding-left: 1.4rem;}
.sitemap .topmenu >li >div >ul >li >div >ul >li:not(:first-child){margin-top: 0.5rem;}
.sitemap .topmenu >li >div >ul >li >div >ul >li:before{content: ""; display: block; position: absolute; top: 0.9rem; left: 0; width: 0.4rem; height: 0.4rem; background-color: #9A9A9A; border-radius: 50%;}
.sitemap .topmenu >li >div >ul >li >div >ul >li >a{color: #555; letter-spacing: -0.051rem;}


/* 이용안내>배너·앱모음>홈페이지 배너모음 */
.ban_lists{border-top: 2px solid #333;}
.ban_lists >li{border-bottom: 1px solid #ddd;}
.ban_lists >li >a{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: 4rem 3rem;}
.ban_lists >li >a .imgs{overflow: hidden; display: block; position: relative; width: 18.9rem; height: 6.8rem;}
.ban_lists >li >a .imgs img{
    display: block; position: absolute; top: 50%; left: 50%; width: auto; min-width: 100%; min-height: 100%; transform-origin: top left; 
    -webkit-transform: scale(1) translate(-50%,-50%); transform: scale(1) translate(-50%,-50%);
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
.ban_lists >li >a:hover .imgs img{
    -webkit-transform: scale(1.1) translate(-50%,-50%); transform: scale(1.1) translate(-50%,-50%);
}
.ban_lists >li >a .texts{width: calc(100% - 18.9rem - 3.4rem); padding-top: 0.3rem; }
.ban_lists >li >a .texts strong{display: block; color: #1D1D1D; font-size: 1.9rem; font-weight: 600; letter-spacing: -0.05rem;}
.ban_lists >li >a:hover .texts strong{text-decoration: underline; text-underline-position: under;}
.ban_lists >li >a .texts p{margin-top: 0.8rem; color: #717171; letter-spacing: -0.05rem;}

/* 이용안내>배너·앱모음>모바일 앱모음 */
.mobile_apps .names{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center;}
.mobile_apps .names img{display: block; width: 3.3rem; padding-left: 0.5rem;}
.mobile_apps .names span{display: block;width: calc(100% - 3.3rem - 1.2rem); margin-left: 1.2rem; text-align: left; word-wrap: break-word;}
.mobile_apps .table_wrap tbody tr td:last-child img{display: inline-block; width: 3.5rem; }

/* 이용안내>운영정책>개인정보처리방침 */
.pri_policy .lists > li{display:flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center; padding:4rem;border:1px solid #D8D8D8;border-radius:.8rem;letter-spacing:-.05rem}
.pri_policy .lists > li + li{margin-top:2.4rem}
.pri_policy .lists .icon{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-shrink:0;margin-right:4.6rem;width:8.5rem;height:8.5rem;text-align:center}
.pri_policy .lists .icon img{display: block; width: 6.4rem;height: 6.4rem;}
.pri_policy .lists .icon strong{display:block;margin-top:.5rem;font-size:1.5rem;font-weight:400; color: #000; letter-spacing: -0.045rem;}
.pri_policy .lists .item{color: #555; }
.pri_policy .lists .item .tit{display:block;font-size:1.9rem;color:#1D1D1D;font-weight:700;}
.pri_policy .lists .item .tit + *{margin-top: 1rem;}
.pri_policy .boxs{margin-top: 6.8rem; padding: 6rem; text-align: center; background-color: #F8F8F8;}
.pri_policy .boxs >strong{display: block; color: #1D1D1D; font-size: 2.4rem; letter-spacing: -0.05rem;}
.pri_policy .boxs >p{margin-top: 0.4rem; color: #555;}
.pri_policy .boxs >ul{margin-top: 3rem; text-align: left;}
.pri_policy .boxs >ul >li:not(:first-child){margin-top: 1.4rem;}
.pri_policy .boxs >ul >li >a{display: block; position: relative; padding: 1.725rem 4rem 1.725rem 8.2rem; background-color: #fff; border-radius: 3.2rem; }
.pri_policy .boxs >ul >li >a img{display: block; position: absolute; top: 1.4rem; left: 4rem; width: 3.2rem; height: 3.2rem;}
.pri_policy .boxs >ul >li >a b{display: block;}
.pri_policy .cont{color: #555;}
.pri_policy .cont .pri_title{display: block; position: relative; margin-top: 6rem; padding-left: 4.2rem; color: #1D1D1D; font-size: 2.4rem; letter-spacing: -0.05rem;}
.pri_policy .cont .pri_title img{position: absolute; top: 0.25rem; left: 0; display: block; width: 3.2rem; height: 3.2rem;}
.pri_policy .cont .pri_title + *{display: block; margin-top: 2.2rem;}
.pri_policy .cont .pri_title + * + *:not(strong, h5),
.pri_policy .cont .pri_title + * + *:not(strong, h5)+ *:not(strong, h5),
.pri_policy .cont .pri_title + * + *:not(strong, h5)+ *:not(strong, h5)+ *:not(strong, h5){margin-top: 1.6rem;}
.pri_policy .cont .num_list >li{padding-left: 1.8rem;}
.pri_policy .cont .num_list >li .nums{position: absolute; left: 0; top: 0;}
.pri_policy .cont .num_list >li .num_list{margin: 1.2rem 0;}
.pri_policy .cont .num_list >li .num_list li + li{margin-top: 0.2rem;}
.pri_policy .cont .num_list >li .table_wrap,
.pri_policy .cont .num_list >li .link_list{margin-top: 2.4rem;}
.pri_policy .cont [class*="btn"]{margin: 2rem 0;}
.pri_policy .cont .gray_bx{margin: 2.4rem 0; padding: 3rem; background-color: #F6F6F6; border-radius: 0.4rem;}
.pri_policy .cont [class*="btn"] + .gray_bx,
.pri_policy .cont .gray_bx + [class*="btn"]{margin-top: 0;}
.pri_policy .cont .gray_bx >strong{display: block; color: #1D1D1D;}
.pri_policy .cont .gray_bx >strong + *{margin-top: 0.4rem;}
.pri_policy .cont .link_list li:not(:first-child){margin-top: 0.2rem;}
.pri_policy .cont .link_list li b{color: #1D1D1D;}
.pri_policy .cont .hist{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; margin-top: 0 !important; padding: 5rem 3rem; background-color: #F6F6F6; border-radius: 0.4rem; }
.pri_policy .cont .hist >li{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width: calc((100% - 1rem) / 2); padding: 1.5rem 3rem; background-color: #fff; border-radius: 0.8rem;}
.pri_policy .cont .hist >li:nth-child(n+3){margin-top: 1rem;}

/* 이용안내>운영정책>저작권정책 */
.copy_cont .lists{border-top: 2px solid #000;}
.copy_cont .lists >li{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: 3rem; border-bottom: 1px dashed #D3D3D3;}
.copy_cont .lists >li em{display: block; width: 8.3rem; height: 8.3rem; line-height: 8.3rem; background-color: #F7F9FA; text-align: center; border-radius: 50%; color: #000; font-size: 1.9rem; font-weight: 700;}
.copy_cont .lists >li .desc{width: calc(100% - 8.3rem - 3rem); color: #555;}

.copy_cont .info{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; margin-top: 7.7rem;}
.copy_cont .info >li{width: calc((100% - 4rem) / 3); padding: 5.3rem 2rem 7.3rem; text-align: center; border: 1px solid #D4D4D4; border-radius: 1.2rem;}
.copy_cont .info >li strong{display: block; color: #1D1D1D; letter-spacing: -0.05rem;}
.copy_cont .info >li strong:before{content: ""; display: block; width: 8.5rem; height: 8.5rem; margin: 0 auto 2rem; background-color: #f7f9fa; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; border-radius: 50%; }
.copy_cont .info >li.email strong:before{background-image: url(../images/sub/icon_copy1.svg);}
.copy_cont .info >li.tel strong:before{background-image: url(../images/sub/icon_copy2.svg);}
.copy_cont .info >li.addr strong:before{background-image: url(../images/sub/icon_copy3.svg);}
.copy_cont .info >li p{max-width: 23rem; margin: 0.5rem auto 0; color: #555;}

/* 기관문양 */
.color_box{width:100%;padding-top:44%;border:1px solid transparent}
.color_box.c1{background:#033357}
.color_box.c2{background:#E81636}
.color_box.c3{background:#4E4F51}
.color_box.c4{background:#fff;border-color:#000}
.table_wrap .sub sub{vertical-align:-.1rem}
.banner_size{display:flex;flex-wrap:wrap;width:calc(100% + 2rem);margin-top:3rem}
.banner_size > li{width:calc(50% - 2rem);margin:0 2rem 2rem 0}
.banner_size .title{display:block;margin-bottom:1.5rem;font-size:1.9rem;font-weight:700;letter-spacing:-.05rem}
.banner_size .item{display:flex;align-items:center;justify-content:center;height:20rem;border:1px solid #ddd;text-align:center}

.banner_logo_list > li + li{margin-top:.8rem}

/* 민원따라하기 */
.mw_guide_lst > li + li{margin-top:4rem}
.mw_guide_lst .num_text{position:relative;padding-left:2.9rem;color:#555}
.mw_guide_lst .num{position:absolute;left:0;top:0;width:2.4rem;height:2.4rem;line-height:2.4rem;text-align:center;border-radius:100%;color:#fff;background:#22449C;font-size:1.4rem;font-weight:600}

/* 금융인증 */
.agree_gray_box{margin:2.7rem 0;padding:4rem 3.7rem;background:#F8F8F8;text-align:center}
.agree_gray_box p{color:#555}
.agree_gray_box .bot_agree{margin-top:2rem;padding-top:2rem;border-top:1px dashed #D8D8D8}

.agree_chk_wrap{margin-top:1rem}
.agree_chk_wrap .chk_item{display:inline-block;margin-right:1rem}
.agree_chk_wrap .chk_item:last-child{margin-right:0}
.agree_chk_wrap input[type=radio]{width:2rem;height:2rem;border-radius:.4rem;border:1px solid #717171;background:#F8F8F8;vertical-align:middle;cursor:pointer}
.agree_chk_wrap label{vertical-align:middle;color:#1d1d1d;font-size:1.6rem;font-weight:700;cursor:pointer}

/*  */

.policy_defTxt{position:relative;padding-left:1rem;text-align: left;margin-bottom: 2rem;color:#1D56BC;font-size: 1.5rem;}
.policy_defTxt:before{content:"*";position:absolute;left:0}

/* 240805 알림판모음 */
.popupz_lst_wrap{border-top:2px solid #333;border-bottom:1px solid #d8d8d8}
.popupz_lst{display:flex;width:calc(100% + 2.5rem);-ms-flex-wrap:wrap;flex-wrap:wrap;padding:2.4rem 0}
.popupz_lst > li{position:relative;width:calc(33.3333333333% - 2.5rem);margin:2.5rem 2.5rem 0 0}
.popupz_lst > li:nth-child(-n+3){margin-top:0}
.popupz_lst .g_img{overflow:hidden;border-radius:.6rem}
.popupz_lst .g_img img{transition:all .2s}
.popupz_lst a{display:block}
.popupz_lst a:hover .g_img img,
.popupz_lst a:focus .g_img img{transform:scale(1.1)}

/* 홍보동영상 */
.movie_view{width:100%; height:310px; margin-top:10px}
.movie_view iframe{width:60%; height:100%; border:none; float:left}
.movie_view ul.text{width:38%; height:100%;  float:right; border:1px solid #ddd; overflow:auto}
.movie_view ul.text li:nth-child(1){margin:20px 20px 5px 20px; font-weight:600; }
.movie_view ul.text:focus {outline: 1px solid #000;}
.movie_view ul.text li:nth-child(2){font-size:12px; text-align:right; margin-right:20px;}
.movie_view ul.text li:nth-child(3){border-top:1px solid #ddd; margin:10px 20px}

.movie_view:after{content:"";clear:both;display:block}
.movie_btn:after{content:"";clear:both;display:block}



/* 반응형 */
@media (max-width: 1280px){
  #contents{padding:0 1.6rem 15rem 4rem;transition:padding .2s}
  .location{position:relative;right:auto;top:auto;transform:none;justify-content:flex-start}
  .input_row.t2.captcha_input{display:flex;margin-top:1rem}
  .mi_grid{width:30rem}

  .departinfo .info_top{padding:0 21rem 0 2rem;min-height:24rem}
  .departinfo .info_top .img{right:2rem;width:20rem;height:20rem}
  .departinfo .info_top .quotes_txt{padding:0 3.5rem;font-size:2.4rem}
  .departinfo .info_top .info_box{padding-left:7rem}
  .departinfo .info_top .quotes_txt:before, 
  .departinfo .info_top .quotes_txt:after{width:2.5rem}
  .org_chart>ul .org_dep3>li>a, 
  .org_chart>ul .org_dep4>li>a,
  .org_chart>ul .org_dep5>li a{font-size:1.5rem}
}
@media screen and (max-width:1280px) and (min-width:1025px){
  .step_list2.type_6 > li{width: calc((100% / 3) - 4.8rem);}
  .step_list2.type_6 > li:nth-child(3n):after{display: none;}
}
@media screen and (max-width:1160px){
  .arrears_search .row.r1{flex-wrap:wrap;justify-content:flex-start}
  .arrears_search .row.r1 .col:first-child{width:100%}
}
@media screen and (max-width:1140px){
  .org_chart>ul .org_dep3>li>a, 
  .org_chart>ul .org_dep4>li>a, 
  .org_chart>ul .org_dep5>li a{font-size:1.3rem;word-break:break-all}

  .history_top .ht_desc .ht_left, 
  .history_top .ht_desc .ht_right{font-size:5rem}
  .history_top .ht_desc .ht_txt{font-size:2rem;padding:0 5rem}
  .history_top .ht_desc .ht_txt::before, 
  .history_top .ht_desc .ht_txt::after{width:3.8rem}
}
@media screen and (max-width:1024px){
  #snb{display:none}
  #contents{float:none;width:100%;padding:0 1.6rem 10rem}
  #visual .desc_box{padding-left:0;transition:padding .2s}
  .promise .title_box .quotes{padding:0}
  .promise .title_box .quotes:before, 
  .promise .title_box .quotes:after{position:relative;vertical-align:top;left:auto;top:auto;right:auto;margin:0 .6rem 0 0}
  .promise .title_box .quotes:after{margin:0 0 0 .6rem}

  .proactive_list > li{align-items: flex-start;}
  .sg_list >li{padding: 2.5em 3rem 2.5em 6.8rem;}
  .sg_list >li em{left: 2.75rem;}
  .online_apply .lists li{width: calc((100% - 2rem) / 2);}
  .comp_box .lists li{width: calc((100% - 4rem) / 2);}
  .cent_box .lists li{width: calc((100% - 4rem) / 3); margin-left: 2rem;}
  .cent_box .lists li:nth-child(n+4){margin-top: 2rem;}
  .webzines{padding: 4.5rem;}
  .webzines .tt{width: calc(100% - 20.5rem - 5rem);}
  .sitemap .topmenu >li >div >ul >li >a{padding: 1.725rem 4.9rem 1.725rem 2.5rem;}
  .sitemap .topmenu >li >div >ul >li >div >ul{padding: 2.6rem 2.5rem;}
  .sitemap .topmenu >li >div >ul >li >div >ul:before{right: 2.5rem;}
  .pri_policy .lists > li{align-items: flex-start;}
  .pri_policy .boxs{padding: 4rem;}
}
@media screen and (max-width:840px){
  .employ_pro >ul >li{width: calc((100% - 8rem) / 3);}
  .employ_pro >ul >li:not(:last-child):before{width: 2.6rem; height: 2.6rem; right: -3.4rem; margin-top: -1.3rem;}
  .employ_pro >ul >li >ul{padding: 1.5rem;}
  .pro_pub .t{padding: 5rem 3.8rem 7rem;}
  .sg_list >li{padding: 2em 3rem 2em 6.8rem;}
  .sg_list >li em{top: 3rem;}
  .ban_lists >li >a{padding: 3rem 2.5rem;}
  .ban_lists >li >a .texts{width: calc(100% - 18.9rem - 2.5rem); }
  .copy_cont .lists >li{padding: 2.75rem;}
  .copy_cont .lists >li em{width: 7.7rem; height: 7.7rem; line-height: 7.7rem;}
  .copy_cont .lists >li .desc{width: calc(100% - 7.7rem - 3rem);}
  .copy_cont .info >li{padding: 4rem 2rem 6rem;}    
}
@media screen and (max-width:800px){
  .bg_cont_wrap .bg_cont_item .desc_box br{display:none}
}
@media screen and (max-width:768px){
  .depth4_tab ul a{word-break:break-word}
  .depth4_tab ul li,
  .depth4_tab ul li:nth-child(n+7){width:33.3%;flex:none !important}
  .depth4_tab ul.ver_04 li,
  .depth4_tab ul.ver_04 li:nth-child(n+5),
  .depth4_tab ul.ver_05 li,
  .depth4_tab ul.ver_05 li:nth-child(n+6){width:calc(33.33% + 1px);flex:none !important}
  .depth4_tab ul.mo4 li{width:50%}
  .top_box .group{padding:1.3rem 2.5rem}
  .top_box .group:before{opacity:.2}
  .step_lst > li{flex:auto;margin-top:3rem;width:calc(33.3% - 2rem);margin-right:2rem}
  .step_lst > li:before{right:-1.8rem}
  .step_lst > li:last-child{margin-right:2rem}
  .step_lst > li:nth-child(-n+3){margin-top:0}

  .modal .modal_box{padding:6rem 2rem 3rem}

  .step_list > li{width:calc(33.3% - 4.8rem)}
  .step_list > li:nth-child(4n):after{display:block}
  .step_list > li:nth-child(3n):after{display:none}

  .img_box{padding:2rem 2rem 4rem}
  .img_box .img{padding-bottom:2rem}
  .img_box .zoom{display:block}

  .board_box_list > li{width:calc(50% - 2.4rem)}
  .board_box_list.t2 .kwd_list{padding-bottom:1.5rem;border-bottom:1px dashed #D8D8D8}
  .board_box_list.t2 .item .cate{max-width:100%}
  .board_box_list.t2 .btn_down{position:static;width:100%;margin-top:1.5rem;text-align:center}

  .lr_box{flex-wrap:wrap}
  .lr_box .right{margin:2rem 0 0;width:100%}
  .edge_wrap .edge_box{padding:9rem 3rem}

  .img_num_list > li{flex:0 0 calc(33.3% - 1.5rem)}
  .institute > li{width:calc(50% - 1.7rem)}

  .org_chart>.minister{width:13.5rem;height:13.5rem}
  .org_chart>ul .org_dep1:nth-child(4)>.org_dep2>li .org_dep3{display:block;padding:0;border:0}
  .org_chart>ul .org_dep3>li:nth-child(7) .org_dep5,
  .org_chart>ul .org_dep4>li>a+.org_dep5,
  .org_chart>ul .org_dep5{min-height:auto}
  .org_chart>ul .org_dep1>a,
  .org_chart>ul .org_dep2>li>a,
  .org_chart>ul .org_dep3>li>a{padding:1.25rem 1rem}
  .org_chart>ul .org_dep4>li>a{min-height:auto;padding:1.25rem 1rem}
  .org_chart>ul .org_dep3>li:before,
  .org_chart>ul .org_dep3>li:nth-child(7):after,
  .org_chart>ul .org_dep3>li:nth-child(7):before,
  .org_chart>ul .org_dep3>li>.org_dep5:after,
  .org_chart>ul .org_dep3>li>.org_dep5:before{display:none}
  .org_chart>ul .org_dep5{padding:2rem 1rem}
  .org_chart>ul>li:nth-child(4) .org_dep5{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}
  .org_chart>ul>li:nth-child(4) .org_dep5>li{width:calc((100% - 3rem)/ 3);margin-left:1.5rem}
  .org_chart>ul>li:nth-child(4) .org_dep5>li:nth-child(3n-2){margin-left:0}

  .org_chart>ul .org_dep3>li>a, 
  .org_chart>ul .org_dep4>li>a, 
  .org_chart>ul .org_dep5>li a{font-size:1.7rem}

  .arrears_search .row.r2{flex-wrap:wrap;justify-content:flex-start}

  .step_list2 > li{width:calc(50% - 4.8rem)}
  .step_list2.type_5 > li,
  .step_list2.type_6 > li{width: calc((100% / 3) - 4.8rem);}
  .step_list2.type_6 > li:nth-child(2n):after,
  .step_list2.type_5 > li:nth-child(2n):after,
  .step_list2 > li:nth-child(4n):after{display:block}
  .step_list2.type_6 > li:nth-child(3n):after,
  .step_list2.type_5 > li:nth-child(3n):after,
  .step_list2 > li:nth-child(2n):after{display:none}

  .link_btn_lst > li{width:calc(33.3% - .8rem)}
}
@media screen and (max-width:640px){
  .form_row{width:100%;flex-wrap:wrap;gap:1rem}
  .form_row ~ .form_row{margin-top:1rem}
  .form_item{width:100%}
  .board_search .btn2{min-width:8.2rem}

  .tab_menu_st2 > li{width:33.3%}

  .past_list{padding:3rem}
  .past_list > li{width:100%;margin-right:0;padding:1rem 2rem}
  .past_list > li + li{margin-top:1rem}

  .employ_pro >ul{display: block;}
  .employ_pro >ul >li{width: 100%}
  .employ_pro >ul >li:not(:last-child){margin-bottom: 4.5rem;}
  .employ_pro >ul >li:not(:last-child):before{top: auto; bottom: -3.65rem; right: 50%; margin-top: 0; margin-right: -1.3rem;transform: rotate(90deg)}
  .pro_pub .t{max-width: 100%;padding: 4rem 3rem 5rem;}
  .sg_list >li{width: calc((100% - 1.4rem) / 2); padding: 1.5em 2rem 1.5em 5.8rem;}
  .sg_list >li:nth-child(n+3){margin-top: 1.4rem;}
  .sg_list >li em{top: 2.4rem; left: 2.25rem;}
  .creator_sns >li{width: calc((100% - 1.4rem) / 2); padding: 3.8rem 1rem;}
  .creator_sns >li:nth-child(n+3){margin-top: 1.4rem;}
  .creator_sns >li strong:before{width: 6.3rem; height: 6.3rem;}
  .creator_list >li{width: 100%; padding: 3.8rem 1rem 4.7rem;}
  .creator_list >li strong:before{width: 7.5rem; height: 7.5rem;}
  .creator_list >li p br{display: none;}
  .creator_list >li:nth-child(n+2){margin-top: 1.4rem;}
  .comp_box .lists li{width: calc((100% - 4rem) / 3);}
  .comp_box .lists li{width: 100%; padding: 3.5rem 2rem 3.5rem}
  .comp_box .lists li:nth-child(n+2){margin-top: 2rem;}
  .comp_box .lists li p{min-height: auto; max-width: 30rem; margin: 2.5rem auto 0;}
  .comp_box .lists li a{margin-top: 2.5rem;}
  .comp_box .lists li img{width: 17rem;}
  .cent_box .lists{display: block;}
  .cent_box .lists li{width: 100%; margin-left: 0; padding: 3rem 2rem;}
  .cent_box .lists li:nth-child(n+2){margin-top: 2rem;}
  .cent_box .lists li a{margin-top: 3rem;}
  .webzines{padding: 3.5rem;}
  .webzines .tt{width: calc(100% - 20.5rem - 4rem);}
  .sitemap .topmenu >li{width: calc((100% - 2rem) / 2); margin-left: 2rem;}
  .sitemap .topmenu >li:nth-child(3n-2){margin-left: 2rem;}
  .sitemap .topmenu >li:nth-child(2n-1){margin-left: 0;}
  .sitemap .topmenu >li:nth-child(n+3){margin-top: 4rem;}
  .sitemap .topmenu >li >div >ul >li >a{padding: 1.725rem 4.7rem 1.725rem 2rem;}
  .sitemap .topmenu >li >div >ul >li >div >ul{padding: 2rem;}
  .sitemap .topmenu >li >div >ul >li >div >ul:before{right: 2rem;}
  .ban_lists >li >a{padding: 2.5rem 2rem;}
  .ban_lists >li >a .texts{width: calc(100% - 18.9rem - 2rem); }
  .pri_policy .cont .gray_bx{padding: 2rem;}
  .pri_policy .cont .hist{padding: 2.5rem 2rem;}
  .pri_policy .cont .hist >li{width: 100%; padding: 1rem 2rem;}
  .pri_policy .cont .hist >li:nth-child(n+2){margin-top: 1rem;}
  .pri_policy .boxs{padding: 4rem 3rem;}
  .pri_policy .boxs >ul >li >a{padding: 1.25rem 3rem 1.25rem 7.2rem;}
  .pri_policy .boxs >ul >li >a img{top: 1rem; left: 2.8rem;}
  .copy_cont .lists >li{padding: 2.5rem;}
  .copy_cont .lists >li em{width: 7rem; height: 7rem; line-height: 7rem;}
  .copy_cont .lists >li .desc{width: calc(100% - 7rem - 2.5rem);}
  .copy_cont .info{display: block; margin-top: 5rem;}
  .copy_cont .info >li{width: 100%; padding: 2.5rem 2rem 4rem;}
  .copy_cont .info >li:nth-child(n+2){margin-top: 1rem;}
  .copy_cont .info >li strong:before{width: 7.5rem; height: 7.5rem; margin: 0 auto 1.5rem;}
  .copy_cont .info >li p{max-width: 100%;}

  /* 240805 알림판모음 */
  .popupz_lst > li{width:calc(50% - 2.5rem)}
  .popupz_lst > li:nth-child(-n+3){margin-top:2.5rem}
  .popupz_lst > li:nth-child(-n+2){margin-top:0}
}
@media screen and (max-width:600px){
  .btn_area .btn1{margin:.2rem 0;padding:0 1.5rem}
  #visual{margin-bottom:0}
  #visual .desc_box{padding:0 1.6rem}
  #visual .img img{width:auto;object-fit:none;position:absolute;left:auto;right:-65%}
  .location{display:block;width:100%;margin-bottom:4.4rem;justify-content:space-between}
  .location .path{position:relative;width:calc(100% + 3.2rem);flex-wrap:nowrap;margin-left:-1.6rem;border-bottom:1px solid #DADADA}
  .location .path > li{flex:auto;display:block;height:100%}
  .location .path > li + li::before{display:none}
  .location .path .home{width:6rem;height:100%;flex:0 0 6rem}
  .location .path .home:before{display:none}
  .location .path .home a:before{content:"\EE1B";font-family:"remixicon";display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:1.8rem;line-height:1}
  .location .path .home > a{font-size:0}
  .location .path .home > a,
  .location .path > li > a,
  .location .path > li > button{display:flex;align-items:center;justify-content:center;width:100%;height:6rem;padding:0 .3rem}
  .location .path .list{left:0;padding:1rem 0;width:100%;min-width:11rem}
  .location .path .list > li > a{white-space:unset;padding:.5rem 1rem}
  .location .path .list > li:last-child .list{left:auto;right:0}
  #contents{padding:0 1.6rem 5rem}
  .contents_util{margin-bottom:2.3rem}
  .contents_util .util .btn.print{display:none}
  .security_box{padding:2rem 2.5rem}
  .warning{padding:1.5rem 2rem 1.5rem 5.2rem}
  .warning:before{left:2rem}
  .self_certi > .item{padding:4rem 2rem 11rem}
  .self_certi > .item .btn3{bottom:4rem}
  .box1{padding:2rem}
  .pw_con{min-height:50rem;padding:2rem}
  .table_wrap.scroll .table_box{position:relative;width:100%;overflow-x:auto;padding-top:3rem}
  .table_wrap.scroll:before{content:"\F322";font-family:"remixicon";position:absolute;left:0;top:-.3rem;font-size:2.2rem;vertical-align:middle;animation:h_move 1.5s infinite linear}
  .table_wrap.scroll:after{content:"좌, 우로 이동 가능합니다.";position:absolute;left:3rem;top:0}
  .table_wrap.scroll table{width:580px}
  .agree_box{padding:2rem 2.5rem}

  .modal .modal_box .modal_close{right:2rem;top:3rem}

  .board_search2{padding:3rem 2rem}
  .board_search2 .search{gap:1.5rem 0;padding:0}
  .board_search2 .search .col,
  .use_sch .use_sch_col{width:100%}
  .board_search2 .search .col{display:block}
  .use_sch{flex-wrap:wrap}
  .search_bottom:before{left:-2rem;width:calc(100% + 4rem)}
  .board_search2 .search .col.search_resetbox{display:flex;position:static;transform:none}

  .step_list{gap:2rem 0}
  .step_list > li{width:calc(50% - 4.8rem)}
  .step_list[class*="col"] > li{flex:none}
  .step_list > li:nth-child(3n):after{display:block}
  .step_list > li:nth-child(2n):after{display:none}

  .odd_list > li > .tit{margin-right:2rem}

  .service_list > li{padding:3rem 2rem}
  .service_list .icon{margin-right:2rem}

  .history .history_row{display:block}
  .history .history_row .col_l{margin-bottom:2rem;padding-left:0}
  .history .history_row .motion_top.delay{transition-delay:0s}
  .history .history_row.t2 .col_r{padding-bottom:0}
  .history .history_row.t2 + .history_row{margin-top:6.5rem}
  .history .history_row.t2.active .col_r:before{height:calc(100% - 1.6rem)}

  .departinfo .info_top{padding:0;text-align:center}
  .departinfo .info_top .img{position:static;margin:0 auto 3rem}
  .departinfo .info_top .info_box{position:relative;margin-top:3rem;padding:2rem;justify-content:center}
  .departinfo .info_top .info_box .sign{width:8rem}
  .info_bottom{padding:4rem}
  .section_ins > li{padding:2rem}
  .section_ins .btn_box{text-align:center}

  .org_chart>ul>li:nth-child(4) .org_dep5>li{width:calc((100% - 1.5rem)/ 2);margin-left:1.5rem}
  .org_chart>ul>li:nth-child(4) .org_dep5>li:nth-child(3n-2){margin-left:1.5rem}
  .org_chart>ul>li:nth-child(4) .org_dep5>li:nth-child(2n-1){margin-left:0}

  .staff_info{padding:0}
  .staff_infoList,
  .staff_infoList > li{display:block;width:100%}
  .staff_infoBox > li{padding:1.5rem 2rem}

  .af_list > li .af_banner{margin-right:2.5rem}
  .map_info{padding:2rem 3rem}
  .map_info > li{display:block}

  .prev_plan_list > li{padding:3rem 2rem}
  .prev_plan_list .icon{width:9rem;height:9rem;margin-right:2rem}
  .prev_plan_list .icon img{width:3.8rem}

  .card_list > li{width:calc(50% - 2.4rem)}
  .def_line_box{padding:2rem}

  .vision_num_wrap{padding:0 3rem}
  .vision_num_lst > li{flex-direction:column;padding:3rem 0}
  .vision_num_lst .num{display:block;background:none;width:auto;height:auto;margin:0 0 2rem}

  .info_guide{padding:0 3rem 3rem}
  .info_guide .btn_wrap{margin-top:3rem;gap:.8rem}
  .info_guide .btn_wrap [class^="btn"]{padding:0 1.5rem;height:4.6rem}
  .info_guide_bottom{padding:3rem}

  .download_list,
  .download_list > li{width:100%}
  .step_col{display:block}
  .step_col > li + li{margin-top:1rem}
  .rowstep_lst .step_cont br{display:none}

  .bg_cont_wrap .bg_cont_top{padding:4rem 3rem}

  .law_list col:nth-child(1),
  .law_list tr th:nth-child(1),
  .law_list tr td:nth-child(1){display:none}

  .proactive_list > li{padding:3rem 2rem}
  .proactive_list .icon{width:7rem;height:7rem;margin-right:2rem}
  .proactive_list .icon img{width:3.8rem}
  .proactive_list .item .tit + p{margin-top: 1.2rem;}
  .inst_box{padding: 2.5rem;}
  .online_apply .lists{display: block;}
  .online_apply .lists li{width: 100%; padding: 5.5rem 2rem 3.5rem}
  .online_apply .lists li:nth-child(n+2){margin-top: 2rem;}
  .online_apply .lists li p{max-width: 30rem; margin: 2.5rem auto 0;}
  .online_apply .lists li a{margin-top: 2.5rem;}
  .online_apply .lists li img{width: 6.9rem;}
  .online_apply .tstyle_list td .b_tit{justify-content: flex-start;}
  .pri_policy .lists > li{padding:3rem 2rem}
  .pri_policy .lists .icon{width:7rem;height:7rem;margin-right:2rem}
  .pri_policy .lists .icon img{width:3.8rem}
  .pri_policy .lists .item .tit + p{margin-top: 1.2rem}

  .po_content > .title1{font-size:2.5rem}
  .po_content .prTextArea,
  .po_content .pr_box + div,
  .po_content .po_bottom{padding:3rem}

  .movie_btn{display:flex;gap:.4rem .4rem;width:calc(100% + .4rem)}
  .movie_btn a{display:flex;flex-wrap:wrap;align-content:center;width:calc(33.3% - .4rem);height:auto;margin-right:.4rem}
  /* .movie_btn br{display:block} */

  .satisfaction .hide{width:14rem}

  .banner_size,
  .banner_size > li{width:100%;margin-right:0}

  .mw_guide_lst .img_box.type_box{padding:3rem 1.5rem 6rem}

  .history_top .ht_top{padding-top:0}
  .history_top .ht_desc{position:relative;padding:5rem 2rem;flex-direction:column}
  .history_top .ht_desc .ht_txt{padding:2rem 0;margin:0}
  .history_top .ht_desc .ht_left, 
  .history_top .ht_desc .ht_right{font-size:3rem}
  .history_top .ht_desc .ht_txt::before, 
  .history_top .ht_desc .ht_txt::after{right:auto;left:50%;top:0;width:0;height:2rem;border-width:0 1px 0 0;transform:none}
  .history_top .ht_desc .ht_txt::after{top:auto;bottom:0}

  .agree_gray_box{padding:3rem 2rem}

  .popupz_lst_wrap ~ .board_pager{padding-top:0 !important}
}
@media screen and (max-width:500px){
  .top_box2{padding:2rem 2.5rem}
  .top_box2 .icon{display:none}

  .board_search{padding:1.5rem}
  .board_search .search{display:block}
  .board_search .search > *{margin-bottom:.8rem}
  .board_search .search > .btn.sch:last-of-type{margin-bottom:0}
  .board_search .form_select{width:100%;flex:none;margin-right:0}
  .board_search .form_item .form_select{width:auto}
  .board_search .form_row.t2 .form_select{flex:1 1 auto}
  .board_search .btn.sch{width:100%}
  .board_search .date_box_wrap{width:100%}

  .board_search .form_row .btn.sch{width:8.2rem}

  .depth4_tab ul li,
  .depth4_tab ul li:nth-child(n+7){width:50%}
  .depth4_tab ul.ver_05 li, 
  .depth4_tab ul.ver_05 li:nth-child(n+6),
  .depth4_tab ul.ver_04 li,
  .depth4_tab ul.ver_04 li:nth-child(n+5){width:calc(50% + 1px)}
  .depth4_tab ul.mo3 li{width:33.3%}
  .contactus{flex-direction:column;padding:2rem;margin-top:5rem}
  .contactus .icon{margin-bottom:2rem}

  .input_row.t2.captcha_input .w200{width:100% !important}
  .column_wrap{width:100%}
  .column_wrap > .item{width:100%;margin-right:0}
  .self_certi .icon{margin:0 auto 2rem}

  .board_box_list,
  .board_box_list > li{width:100%;margin-right:0}

  .edge_wrap .edge_box{padding:9rem 2rem}
  .odd_list > li{border-radius:1.5rem}

  .img_num_list > li{flex:0 0 calc(50% - 1.5rem)}
  .mvh_top{display:block}
  .mvh_top .photo{margin-right:0;width:20rem;height:auto;margin:0 auto 2rem;border-radius:.5rem}
  .mvh_top .info{padding:3rem}
  .mvh_top .date_box{max-width:inherit}
  .mvh_cont{padding:3rem}
  .mvh_cont .depart_list > li{padding:0 0 1.5rem 14rem}

  .org_chart>ul{display:block}.org_chart>ul .org_dep1{width:100%;max-width:100%;margin-left:0;margin-top:2.5rem}
  .org_chart>ul .org_dep2{background-color:#fff}
  .org_chart>ul .org_dep1:first-child .org_dep2>li:after,
  .org_chart>ul .org_dep1:first-child .org_dep2>li:before,
  .org_chart>ul .org_dep1:first-child:after,
  .org_chart>ul .org_dep1:first-child:before,
  .org_chart>ul .org_dep1:nth-child(3) .org_dep2>li:after,
  .org_chart>ul .org_dep1:nth-child(3) .org_dep2>li:before,
  .org_chart>ul .org_dep1:nth-child(3):after,
  .org_chart>ul .org_dep1:nth-child(3):before,
  .org_chart>ul .org_dep1:nth-child(3)>.org_dep2:before{display:none}
  .org_chart>ul .org_dep2>li>.org_dep5{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}
  .org_chart>ul .org_dep2>li>.org_dep5>li{width:calc((100% - 1.5rem)/ 2);margin-left:1.5rem}
  .org_chart>ul .org_dep2>li>.org_dep5>li:nth-child(2n-1){margin-left:0}

  .pushA_top .desc_box{position:static;width:100%;height:14rem;right:2.4rem;border-radius:0 0 .4rem .4rem}
  .pushA_cont .year{flex:0 0 19rem}
  .pushA_cont > li{display:block}
  .pushA_cont > li + li{margin-top:3rem}
  .pushA_lst{padding-bottom:0;padding-top:0}
  .pushA_lst:before{top:1rem}
  .pushA_lst:after{top:1rem;bottom:0}

  .info_guide{background-position:left center}
  .info_guide_bottom{display:block;text-align:center}
  .info_guide_bottom p{max-width:inherit;margin:0 0 2rem}

  .bg_cont_wrap .bg_cont_bottom{display:block;text-align:center}
  .bg_cont_wrap .bg_cont_bottom p{max-width:inherit;margin:0 0 2rem}

  .arrears_search .row.r1 .col:nth-child(2){width:auto}
  .board_search .arrears_search .form_select{margin-right:.4rem}
  .arrears_search .row .col,
  .arrears_search .input01{width:100%}
  .arrears_search .col input[type=text]{width:150%}

  .form_item.t4{flex-wrap:wrap;width:100% !important}
  .form_item.t4 label{width:100%;text-align:left}
  .form_item.t4 .form_select,
  .form_item.t4 .btn.sch{width:100%}

  .link_btn_lst > li{width:calc(50% - .8rem)}

  .af_list > li{display:block}
  .af_list > li .af_banner{margin:0 0 2rem;text-align:center}
}
@media screen and (max-width:480px){
  /* 국민참여>적극행정>제도소개 */
  .pro_year .years{padding: 3.5rem 2rem 3rem;}
  .pro_year .years em{margin-bottom: 1rem;}
  .pro_year >ul{padding: 2.5rem 0 2.5rem 2rem;}
  .pro_year >ul:before{left: 2rem}
  .pro_year >ul >li,
  .pro_year >ul >li:nth-child(even){width: 100%;margin-left: 0; margin-right: 0; padding-right: 0; padding-left: 1.6rem; text-align: left;}
  .pro_year >ul >li:nth-child(even):before{left: 0; right: auto; margin-left: -0.35rem; margin-right: 0;}
  .sg_list{display: block;}
  .sg_list:before{display: none;}
  .sg_list >li{width: 100%; padding: 1.25em 2rem 1.5em 5.8rem;}
  .sg_list >li:nth-child(n+2){margin-top: 1.4rem;}
  .sg_list >li em{top: 2rem;}
  .step_list2,
  .step_list2 > li,
  .step_list2.type_5 > li,
  .step_list2.type_6 > li{width:100%}
  .step_list2 > li{margin:0 0 3rem}
  .step_list2 > li:after{display:block !important;left:50%;right:auto;top:auto;bottom:-4.4rem;transform:translate(-50%, 0) rotate(90deg)}
  .webzines{display: block; padding: 3rem;}
  .webzines >img{width: 100%;}
  .webzines .tt{width: 100%; margin-top: 2rem;}
  .webzines .tt strong{margin-top: 2rem;}
  .webzines .tt img{width: 8.5rem;}
  .webzines .tt p{margin-top: 2.5rem;}
  .webzines .tt a{margin-top: 4rem;}
  .ban_lists >li >a{display: block; padding: 2rem 1.5rem;}
  .ban_lists >li >a .imgs{width: 100%; height: auto;}
  .ban_lists >li >a .imgs img{
      position: relative; top: auto; left: auto; 
      -webkit-transform: scale(1) translate(0,0); transform: scale(1) translate(0,0);
  }
  .ban_lists >li >a:hover .imgs img{
      -webkit-transform: scale(1) translate(0,0); transform: scale(1) translate(0,0);
  }
  .ban_lists >li >a .texts{width: 100%; margin-top: 1.5rem; padding-top: 0;}
  .ban_lists >li >a .texts p{margin-top: 0.3rem;}
  .pri_policy .boxs{padding: 3rem 2rem;}
  .pri_policy .boxs >ul >li >a{padding: 1.25rem 3rem 1.25rem 6.2rem;}
  .pri_policy .boxs >ul >li >a img{top: 1rem; left: 2rem; width: 3rem;}
  .copy_cont .lists >li{padding: 2rem;}
  .copy_cont .lists >li em{width: 6rem; height: 6rem; line-height: 6rem;}
  .copy_cont .lists >li .desc{width: calc(100% - 6rem - 2rem);}
  .copy_cont .info >li{padding: 2rem 2rem 3rem;}
  .copy_cont .info >li strong:before{width: 7rem; height: 7rem; margin: 0 auto 1rem;}
  .satisfaction{flex-direction:column}
  .satisfaction .hide{width:100%;padding:1rem 2rem;text-align:left}
  .satisfaction dl{padding:2rem 2rem 7rem}
  .satisfaction .submit{top:auto;bottom:2rem;right:auto;left:50%;transform:translateX(-50%)}
  
}
@media screen and (max-width:420px){
  .step_list,
  .step_list > li{width:100%}
  .step_list > li{margin:0 0 3rem}
  .step_list > li:after{display:block !important;left:50%;right:auto;top:auto;bottom:-4.4rem;transform:translate(-50%, 0) rotate(90deg)}

  .info_bottom{padding:4rem 0 0}
  .departinfo .info_top .info_box{height:auto}
  .institute,
  .institute > li{width:100%;margin-right:0}

  .org_chart>ul .org_dep2>li>.org_dep5>li,
  .org_chart>ul>li:nth-child(4) .org_dep5>li{width:100%;margin-left:0}
  .org_chart>ul .org_dep2>li>.org_dep5>li:nth-child(2n-1),
  .org_chart>ul>li:nth-child(4) .org_dep5>li:nth-child(3n-2){margin-left:0}

  .traffic_item{display:block}
  .traffic_item .icon{margin:0 0 2rem}

  .card_list > li{width:calc(100% - 2.4rem)}

  .info_tab > li{width:50%}
  .tab_menu_st2 > li{width:50%}

  .sitemap .topmenu >li{width: 100%; margin-left: 0;}
  .sitemap .topmenu >li:nth-child(3n-2){margin-left: 0;}
  .sitemap .topmenu >li:nth-child(n+2){margin-top: 4rem;}

  .popupz_lst > li{width: calc(100% - 2.5rem)}
  .popupz_lst > li:nth-child(-n+2){margin-top:2.5rem}
  .popupz_lst > li:first-child{margin-top:0}
}
@media screen and (max-width:350px){
  .form_item.t3{flex-direction:column;}
  .form_item.t3 > *{width:100% !important}
}


.video_imgs:before{content: ""; display: block; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4);}
.video_imgs:after{content: ""; display: block; position: absolute; top: 50%; left: 50%; z-index: 2; width: 8rem; height: 8rem; margin-left: -4rem; margin-top: -4rem; background: url(../images/main/icon_sec1_2.png) no-repeat center center; background-size: 100% auto;}
.video_imgs img{
    display: block; position: absolute; top: 50%; left: 50%; width: auto;
    max-width: none; min-width: 100%; height: 100%; transform-origin: left top;
    -webkit-transform: scale(1) translate(-50%,-50%); transform: scale(1) translate(-50%,-50%);
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
.video_imgs:hover img{
    -webkit-transform: scale(1.1) translate(-50%,-50%); transform: scale(1.1) translate(-50%,-50%);
}
.movieArea{
	overflow: hidden;
}