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

/* Btn */
.btn_area{margin-top:5rem;text-align:right}
.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.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}
.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}

.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].front_down:before{content:"\EC54";display:inline-block;margin-right:.5rem;font-family:"remixicon";position:relative;top:-.1rem;font-size:1.8rem;line-height:1;font-weight:normal}

[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}

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

/* 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;overflow:hidden}
.location .path .home: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:after{content:"\EA50";font-family:"remixicon";display:inline-block;margin-left:.1rem;font-size:2rem;vertical-align:middle;transition:all .2s}
.location .path > li .label:hover,
.location .path > li .label:focus{text-decoration:underline}
.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;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.space{}
.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}

.dot_txt{display:block;position:relative;padding-left:1.4rem;color:#555}
.dot_txt:before{content:"";position:absolute;left:.5rem;top:1rem;width:.4rem;height:.4rem;border-radius:100%;background:#9A9A9A}
.dot_txt + .dot_txt{margin-top:.4rem}


/* 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 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}

/* 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;display:block;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:-3rem 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}
[class^=title].underline{padding-bottom:1rem;border-bottom:1px solid #e5e5e5}

#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}

.chk_list{display:flex;flex-wrap:wrap;width:calc(100% + .4rem);gap:.4rem 0}
.chk_list > li{margin-right:.4rem}

.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}
.box3{padding:6.3rem 6rem;border:1px solid #D8D8D8;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}

/* 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}
}

/* 인사말 */
.quotes_item{position:relative;padding-top:5.9rem}
.quotes_item:before{content:"";position:absolute;left:0;top:0;width:3.6rem;height:3rem;background:url(../images/sub/icon_quotes.png) center no-repeat;background-size:contain}
.intro .desc_box{padding:5rem;border-radius:1rem;font-size:1.8rem}
.bg_g{background:linear-gradient(155deg, rgba(244,248,251,1) 0%, rgba(253,245,240,1) 100%);}

.intro{position:relative}
.intro .img{position:absolute;right:5rem;top:.9rem;width:15.6rem;overflow:hidden;border-radius:1rem;z-index:1}
.intro .quotes_item{margin:0 0 3rem 6rem;padding-right:22.6rem;font-size:3.2rem;font-weight:700;color:#282828}
.intro .desc{margin-bottom:4rem}
.intro .name > strong{margin-left:.4rem}

/* 연혁 */
.history > li{position:relative;padding:2.2rem 0 0 24rem}
.history .title{position:absolute;left:0;top:0;font-size:5rem;font-weight:900;color:#010101}
.history .detail{position:relative;padding:0 0 8.2rem 3.4rem}
.history .detail:before{content:"";position:absolute;left:0;top:1.4rem;bottom:-3.7rem;border-left:1px solid #ddd}
.history .detail:after{content:"";position:absolute;left:-.4rem;top:.9rem;width:.9rem;height:.9rem;background:#1C4EFC;border-radius:50%}
.history > li:last-child .detail{padding-bottom:0}
.history > li:last-child .detail:before{bottom:.7rem}
.history .detail > li{position:relative;padding-left:11.7rem}
.history .detail > li + li{margin-top:1.4rem}
.history .detail > li > b{position:absolute;left:0;top:0;font-weight:700;color:#111}

/* 조직도 */
.organ{text-align:center}
.organ > li{position:relative}
.organ .org1{position:relative;padding-bottom:6rem}
.organ .org1:before{content:"";position:absolute;left:50%;top:0;height:100%;border-left:1px solid #d8d8d8;z-index:-1}
.organ .org_top{display:flex;align-items:center;justify-content:center;margin:0 auto;padding:2rem;width:15.8rem;height:15.8rem;border-radius:50%;background:linear-gradient(135deg, #01399d 0%, #027fa6 100%);color:#fff;font-size:2.1rem;font-weight:700;line-height:1.3}
.organ .org2{display:flex;justify-content:space-between;margin-top:-2.25rem;padding-bottom:3rem}
.organ .org2:before{content:"";position:absolute;top:2.25rem;left:0;width:100%;border-top:1px solid #d8d8d8;z-index:-1}
.organ .org2:after{content:"";position:absolute;left:50%;top:2.25rem;bottom:0;border-left:1px solid #d8d8d8;z-index:-1}
.organ .org2 > [class^=org2_]{width:35%;max-width:27rem}
.organ .org2_list .org2_tit{position:relative;display:flex;align-items:center;justify-content:center;padding:1rem;height:5.5rem;color:#fff;border-radius:.4rem;background:#2A374E;font-size:1.7rem;font-weight:600;z-index:1}
.organ .org2_list :first-child .org2_tit{background:#246BEB}
.organ .org2_list .org_box{margin-top:-.4rem;padding:3.4rem 3rem 3rem;border-width:0 1px 1px;border-style:solid;border-color:#D8D8D8;border-radius:0 0 .4rem .4rem;background:#fff;text-align:left}
.organ .org2_list > li + li{margin-top:1rem}
.organ .org2_list2{padding:3rem 1rem;border:2px dotted #acb8cd;background:#fff;border-radius:.4rem}
.organ .inbox{display:inline-block;margin:0 auto;width:20rem;text-align:left}
.organ .org3_list{display:inline-flex;position:relative;padding-top:2.5rem}
.organ .org3_list > li{writing-mode:vertical-lr;position:relative;width:6rem;padding:1rem;height:23.5rem;background:#E5EBF1;border-radius:.4rem}
.organ .org3_list > li:before{content:"";position:absolute;left:50%;bottom:0;height:calc(100% + 2.5rem);border-left:1px solid #d8d8d8;z-index:-1}
.organ .org3_list > li + li{margin-left:1.6rem}
.organ .org3_list > li > span{line-height:4rem;letter-spacing:.5rem}
.organ .org3_list:before{content:"";position:absolute;top:0;left:3rem;right:3rem;border-top:1px solid #d8d8d8;z-index:-1}

/* 부서소개, 직원·연락처 */
.part{margin-bottom:4rem;padding:4rem 5rem;background:#F8F8FA;border-radius:1rem}
.part .title,
.part .title a,
.part .title button{color:#1e1e1e;font-size:2.1rem;font-weight:700}
.part .title a.active,
.part .title button.active{text-decoration:underline}
.part > li + li{margin-top:5rem}
.part .part_list{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:2.5rem;padding-top:2.5rem;border-top:1px dashed #ccc}

/* 찾아오시는 길 */
.map_top{margin:-3rem 0 3rem 0}
.map_top ~ .map_top{margin-top:4rem}
.map_top .map{margin-bottom:3rem}
.map_top .title1{margin-top:3rem}
.map_top .map{width:100%;height:30rem;border-radius:1rem;overflow:hidden}

/* 고용센터 */
.center_link_wrap{position:relative;padding:8rem 3rem;border:1px solid #ddd;border-radius:.8rem;text-align:center}
.center_link_wrap .icon{width:17rem;height:17rem;line-height:17rem;margin:0 auto 4.9rem;background:#F8F8FA;border-radius:50%}
.center_link{display:inline-flex;flex-wrap:wrap;justify-content:center;max-width:calc(100% + .8rem);margin-right:-.8rem}
.center_link > li{margin:.8rem .8rem 0 0}
.center_link > li .btn1{width:100%}

/* 이용안내>누리집 안내지도 */
.sitemap .topmenu{display: flex; flex-wrap: wrap;}
.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{height:calc(100% - 6.4rem)}
.sitemap .topmenu >li >div >ul >li{position: relative; }
.sitemap .topmenu >li >div >ul >li > a:hover,
.sitemap .topmenu >li >div >ul >li > a:focus{color:#1D56BC;text-decoration:underline}
/* .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{height:100%;padding: 3.6rem 3rem; background-color: #F7F9FA;border-radius:0 0 .4rem .4rem}
.sitemap .topmenu >li >div >ul >li{position: relative; padding-left: 1.4rem;}
.sitemap .topmenu >li >div >ul >li:not(:first-child){margin-top: 0.5rem;}
.sitemap .topmenu >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 >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;}

/* 이용안내>운영정책>저작권정책 */
.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;}

/* 레이어모달 팝업(접근성) */
.modal{display:none;position:fixed;left:0;top:0;width:100%;height:100%;padding:2rem;z-index:10;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}

/* 조직안내 */
.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)}
.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}
.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 17.5rem;margin-right:4.8rem}
.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}

/* 빠른인터넷상담 */
.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}

/* 정보공개안내 */
.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:55rem}
.info_gbox strong{display:block;margin-bottom:2rem;font-size:2.4rem;font-weight:700}
.info_gbox .desc > p{position:relative;padding-left:1.5rem}
.info_gbox .desc > p:before{content:"";position:absolute;left:0;top:1rem;width:.4rem;height:.4rem;border-radius:100%;background:#fff}
.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:center;margin-top:1.2rem;padding:2.5rem 4rem;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}
.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}

/* 개인정보처리방침, 영상정보처리지침 */
.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}


/* 반응형 */
@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}
}
@media screen and (max-width:1100px){
  .center_link{width:calc(100% + .8rem);margin-right:0}
  .center_link > li{width:calc(33.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}
}
@media screen and (max-width:840px){
  .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: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: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}

  .center_link_wrap{padding:3rem}
  .center_link_wrap .icon{margin:0 auto 3rem}

  .sitemap .topmenu >li >div >ul{padding: 2.6rem 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;}

  .modal .modal_box{padding:6rem 2rem 3rem}
}
@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%}

  .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:0}
  .sitemap .topmenu >li >div >ul >li >div >ul{padding: 2rem;}
  .sitemap .topmenu >li >div >ul >li >div >ul:before{right: 2rem;}

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

  .past_list{padding:3rem}
  .past_list > li{width:100%;margin-right:0;padding:1rem 2rem}
  .past_list > li + li{margin-top:1rem}
}
@media screen and (max-width:600px){
  #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 > li > a,
  .location .path > li > button{display:block;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:4rem}
  .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}

  .history > li{padding:0}
  .history > li + li{margin-top:4rem}
  .history .title{position:relative}
  .history .detail{padding:0 0 0 2rem}
  .history .detail:before{bottom:.7rem}

  .box3{padding:5rem 3rem}
  .organ .org_top{width:100%;height:7rem;border-radius:1rem}
  .organ .org2 > [class^=org2_]{width:calc(50% - 1.5rem)}
  .organ .org2_list .org_box{padding:2.4rem 1rem 2rem;text-align:center}
  .organ .org2_list2{padding:2rem 1rem}
  .organ .org3_list{display:block;padding-top:0}
  .organ .org3_list:before{display:none}
  .organ .org3_list > li{width:100%;height:auto;writing-mode:inherit}
  .organ .org3_list > li + li{margin:1rem 0 0}
  .organ .org3_list > li > span{line-height:3.5rem}

  .part{padding:3rem 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%}

  .movie_btn{display:flex;width:calc(100% + .4rem)}
  .movie_btn a{display:block;width:calc(33.3% - .4rem);margin-right:.4rem}
  .movie_btn br{display:block}

  .satisfaction .hide{width:14rem}
}
@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 .btn.sch{width:100%}

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

  .intro .quotes_item{margin:0 0 3rem 1rem;padding-right:1rem;font-size:2.4rem;overflow:hidden}
  .intro .img{position:static;float:right;width:13rem}
  .intro .desc_box{padding:3rem}

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

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

  .form_item.t3{flex-wrap:wrap;justify-content:flex-end}
  
  .board_search .form_item.t3 .form_select,
  .board_search .form_item.t3 input[type=text],
  .board_search .form_item.t3 [class^=btn]{width:calc(100% - 10.8rem)}

  .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}
}
@media screen and (max-width:480px){
  .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){
  .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;}
}
@media screen and (max-width:380px){
  .organ .org2{display:block}
  .organ .org2 > [class^=org2_]{width:100%;max-width:inherit}
  .organ .org2_list2{margin-top:2rem}
}
@media screen and (max-width:360px){
  .center_link > li{width:calc(100% - .8rem)}
}
@media screen and (max-width:320px){
  .intro .img{float:none;margin:0 auto 2rem}
  .intro .quotes_item{padding-right:0;font-size:2.1rem}
}