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

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

/* 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}
.btn.navy{background-color: #232EA3;}
.btn.navy:hover,
.btn.navy:focus{background-color:#fff;border-color:#232EA3;color:#232EA3}

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

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

/* 폰트 사이즈 */
.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:2;height:24rem;}
#visual .desc_box{position:absolute;top:50%;left:50%;transform:translate(-50%, calc(-50% - 1rem));width:100%;text-align:center}
#visual .desc_box .title{font-size:4.2rem;font-weight:700;letter-spacing: -0.1rem;color:#282828;}
#visual .desc_box .desc{margin-top: 1rem;font-size:1.8rem;font-weight:400;color:#777;letter-spacing: -0.1rem;}
#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 3s;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: 100%; padding:8rem 0 18rem 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; position: absolute; bottom: 2.4rem; right: 0; z-index:2;}
.location .path{display:flex;align-items:flex-start;flex-wrap:wrap}
.location .path .home{overflow:hidden; width:2rem; height:2rem;}
.location .path .home:before{content:"\EE1B";font-family:"remixicon";display:block;width:100%;height:100%;font-size:2.1rem;line-height:1}
.location .path > li{display:inline; position:relative; font-size: 1.4rem; color: #555;}
.location .path > li:last-child a{color: #1D56BC; font-weight: 600;}
.location .path > li + li::before{font-family:"remixicon";content:"\ea6e";display:inline-block;vertical-align:middle;;width:2.4rem;height:2.4rem;text-align:center; font-weight: 600; color: #555;}
.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 > li > a:hover,
.location .path > li > a: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}
.location .util{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; margin-left: 2.5rem;}
.location .util .share{position: relative;}
.location .util .share .title{}
.location .util .share .title .btn{margin-left: 0;}
.location .util .share .title .btn{display: block; width: 3.5rem; min-width: auto; height: 3.5rem; background: rgba(255, 255, 255, 0.73) url(../images/sub/icon_share.svg) no-repeat center center; background-size: 100% auto; text-indent: -9999px; border-radius: 1.5rem;}
.location .util .share .item{display: none; visibility: hidden; opacity: 0;}
.location .util .share.active .item{
    display: block; visibility: visible; opacity: 1; position: absolute; top: 100%; left: 50%; z-index: 10; margin-top: 1.5rem; padding: 1rem; border: 1px solid #ddd; background-color: #fff; white-space: nowrap;
    -webkit-transform: translateX(calc(-50% + 0.5px)); transform: translateX(calc(-50% + 0.5px));
}
.location .util .share.active .item:before{
    content: ""; display: block; position: absolute; top: -0.3rem; left: 50%; width: 1rem; height: 1rem; background-color: #fff; border-top: 1px solid #ddd; border-left: 1px solid #ddd;
    -webkit-transform: rotate(45deg) translateX(-50%); transform: rotate(45deg) translateX(-50%);
}
.location .util .share.active .item .list{display: block;}
.location .util .share.active .item .list li{}
.location .util .share.active .item .list li:not(:first-child){margin-top: 0.25rem;}
.location .util .share.active .item .list li a{overflow: hidden; display: block; width: 3rem; height: 3rem; text-align: center; line-height: 3rem;}
.location .util .share.active .item .list li a:before{
    display: block; width: 100%; height: 100%; font-family: "remixicon"; text-align: center; line-height: inherit; font-size: 2rem;
    -webkit-transition: all 0.2s; transition: all 0.2s;
    -webkit-transition-delay: 0.1s; transition-delay: 0.1s;
}
.location .util .share.active .item .list li.facebook a:before {content: "\ecbc"; color: #29487d;}
.location .util .share.active .item .list li.twitter a::before {content: "\F3E7"; color: rgb(29, 161, 242);}
.location .util .share.active .item .list li.kakaostory a::before {content: "\f13c"; color: #ffc20f;}
.location .util .share.active .item .list li.kakaotalk a::before {content: "\ee6c"; color: #381e1f;}
.location .util .share.active .item .list li.band a::before {content: "b"; font-size: 2rem; font-family: "Pretendard"; font-weight: 900; color: #21c531;}
.location .util .share.active .item a.close{display: block; overflow: hidden; display: block; width: 3rem; height: 3rem; margin-top: 0.25rem; text-align: center; line-height: 3rem;}
.location .util .share.active .item a.close::before {content: "\eb99"; display: block; width: 100%; height: 100%; font-family: "remixicon"; text-align: center; line-height: inherit; font-size: 2rem;}
.location .util .print{display: block; width: 3.5rem; min-width: auto; height: 3.5rem; margin-left: 0.5rem; background: rgba(255, 255, 255, 0.73) url(../images/sub/icon_print.svg) no-repeat center center; background-size: 100% auto; text-indent: -9999px; border-radius: 1.5rem;}

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

.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.t2 > li{padding-left: 2rem; color: #555;}
.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}
.nums{position:absolute;left:0;top:0;}

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

/* 보안프로그램 설치/사용 */
.security_box{margin-bottom:3rem;padding:3.5rem;border:1px solid #D8D8D8;border-radius:1rem}
.security_box.ty2{background-color: #F8F8F8; border-color: #F8F8F8;}
.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}
.use input[type="checkbox"],
.use input[type="radio"]{position:relative;top:-.1rem;margin-right:.4rem;width:2rem;height:2rem;vertical-align:middle;border:1px solid #717171;cursor:pointer}
.use label{vertical-align:middle;color:#1d1d1d;font-weight:700;font-size:1.6rem;cursor:pointer}
.use .desc{margin-bottom: 0.5rem; color:#555}
.use label + .desc{margin-top:.5rem; margin-bottom: 0;}



.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.t2{padding:2.4rem 3rem 2.4rem 5.3rem; border: none; border-top: 1px dashed #DDD; border-radius: 0;}
.warning:before{content:"\ECA1";font-family:"remixicon";position:absolute;left:3rem;top:1.6rem;color:#CD4848;font-size:2.4rem;line-height:1}
.warning.t2:before{top: 2.4rem; left: 2.4rem;}
.warning .tit{color:#1D1D1D;font-weight:600}

/* 제목태그 */
.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}
.t_caption{margin-bottom:1.3rem;color:#333;font-size:1.6rem}

/* 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:4rem 3.6rem; background-color: #F8F8F8;}
.txtcolor1{color:#555}
.txtcolor1 strong{color:#1d1d1d}
[class^=box] .dot_line_box{margin-top:5rem;padding-top:5rem;border-top:1px dashed #D8D8D8}

@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: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}

/* 정부포상 365 추천창구*/
.pw_con{min-height:46rem;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 .input_lst + button{width: 100%;}

/* 장관과의 대화 */
.service_list{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; margin-top:3.2rem}
.service_list > li{display:flex; width: calc((100% -  2.4rem) / 2); padding:4rem; border:1px solid #D8D8D8;border-radius:.8rem}
.service_list.ty2 > li{padding: 5rem;}
.service_list.ty2 > li:nth-child(n+3){width: 100%; margin-top: 2.4rem;}
.service_list.ty3 > li{width: 100%; margin-top: 0; align-items: center;}
.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.ty2 .desc_box .title,
.service_list.ty3 .desc_box .title{color: #1D1D1D;}
.service_list .desc_box div a span:after{content: ""; display: inline-block; width: 1.4rem; height: 1.4rem; margin-left: 1rem; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; vertical-align: middle;}
.service_list .desc_box div a.write span:after{background-image: url(../images/sub/icon_service_3.svg);}
.service_list .desc_box div a.reply span:after{background-image: url(../images/sub/icon_service_4.svg);}
.service_list .desc_box div a:last-child{margin-right: 0;}
.service_list.ty2 .desc_box .desc,
.service_list.ty3 .desc_box .desc{color: #555;}
.service_list.ty2 .desc_box strong:not(.title){display: block; margin-top: 1.6rem;}
.service_list.ty2 .desc_box >div{margin-top: 1.6rem;}
.service_list.ty2 .desc_box >div a{width: 100%; max-width: 18.4rem;}

[class^=frameArea]{display:none;position:relative;margin-top:3rem}
[class^=frameArea] iframe{width:100%;height:100.5rem;border:1px solid #000}
[class^=frameArea] .btn_close{position:absolute;right:3rem;top:2rem;transition:all .3s}
[class^=frameArea] .btn_close:hover,
[class^=frameArea] .btn_close:focus{transform:rotate(180deg)}

/* 장관과의 대화_전자민원신청 */
.steps{display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center;}
.steps li{position: relative; width: 100%; padding: 1.875rem 3rem; border: 1px solid #888; color: #1d1d1d; text-align: center; }
.steps li:not(:first-child){border-left: 0;}
.steps li:not(:last-child){border-right: 0;}
.steps li.on{background-color: #353297; border-color: #353297; color: #fff; font-weight: 500;}
.steps li.on:not(:last-child):before{content: ""; display: block; position: absolute; top: 0; left: 100%; width: 2.8rem; height: 100%; background: url(../images/sub/bg_steps1.svg) no-repeat center center; background-size: 100% auto;}
.steps li strong,
.steps li span{font-weight: inherit; color: inherit;}
.certi_list{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch;}
.certi_list li{width: calc((100% - 2.7rem - 2.7rem - 2.7rem) / 4); padding: 4.6rem 2rem 4rem; text-align: center;border: 1px solid #D8D8D8; border-radius: 1rem; }
.certi_list li strong{display: block; font-size: 2rem; color: #1D1D1D;}
.certi_list li strong:before{content: ""; display: block; width: 8.5rem; height: 8.5rem; margin: 0 auto 2rem; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; border-radius: 50%;}
.certi_list li:nth-child(1) strong:before{background-image: url(../images/sub/icon_certi1.svg);}
.certi_list li:nth-child(2) strong:before{background-image: url(../images/sub/icon_certi2.svg);}
.certi_list li:nth-child(3) strong:before{background-image: url(../images/sub/icon_certi3.svg);}
.certi_list li:nth-child(4) strong:before{background-image: url(../images/sub/icon_certi4.svg);}
.certi_list li a{width: 16.6rem; max-width: 100%; margin-top: 4rem;}

/* 주요일정 */
.cals{}
.cals .month{display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;}
.cals .month a{display: block; position: relative; width: 2.8rem; height: 2.8rem; text-indent: -9999px;}
.cals .month a:before{content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/sub/icon_cal1.svg) no-repeat center center; background-size: 100% auto;}
.cals .month a.right:before{
    -webkit-transform: rotate(180deg); transform: rotate(180deg);
}
.cals .month strong{display: block; margin: 0 3.2rem; color: #333; font-size: 2.8rem;}
.cals .cal{margin-top: 2rem;}
.cals .cal .weeks{border-bottom: 1px solid #f0f0f0;;}
.cals .cal .weeks:first-child{}
.cals .cal .weeks ul{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch;}
.cals .cal .weeks ul:first-child{border-bottom: 1px solid #DDD;}
.cals .cal .weeks:not(:first-child) ul:first-child{display: none;}
.cals .cal .weeks ul li{width: calc(100% / 7); font-size: 1.4rem; background-color: #F6F7FA; color: #D8D8D8;}
.cals .cal .weeks ul li:not(:first-child){border-left: 1px solid #f0f0f0;}
.cals .cal .weeks ul:first-child li{line-height: 4.7rem; text-align: center; font-size: 1.4rem; font-weight: 600; color: #333; background-color: #fff;}
.cals .cal .weeks ul:first-child li{border-left: 0;}
.cals .cal .weeks ul li a,
.cals .cal .weeks ul li div{padding: 1.2rem;}
.cals .cal .weeks ul li a{display: block; height: 12.5rem; background-color: #fff; font-weight: 500; color: #767676; background-color: #fff;}
.cals .cal .weeks ul li a:hover,
.cals .cal .weeks ul li a:focus{position:relative;z-index:1}
.cals .cal .weeks ul li a span.days{display: inline-block; position: relative; z-index: 1; margin-right: 0.5rem; color: #434343;}
.cals .cal .weeks ul li a .desc{position:relative;display:block;padding-left:.8rem;word-break:break-all}
.cals .cal .weeks ul li a .desc:before{content:"";position:absolute;left:0;top:.8rem;width:.3rem;height:.3rem;border-radius:100%;background:#fb8ab3}
.cals .cal .weeks ul li:nth-child(1) a span.days,
.cals .cal .weeks ul li:nth-child(7) a span.days{color: #D8D8D8; font-weight: 400;}
.cals .cal .weeks ul li.today a span.days{color: #fff;}
.cals .cal .weeks ul li.today a span.days:before{
    content: ""; display: block; position: absolute; top: 50%; left: 50%; z-index: -1; width: 2.4rem; height: 2.4rem; margin-left: -1.2rem; margin-top: -1.2rem; background-color: #E24B82; border-radius: 50%;
}
.cals .today_sch{}
.cals .today_sch ul{}
.cals .today_sch ul li{position: relative; padding: 1.2rem 3rem 1.2rem 9.25rem; color: #333; background-color: #F8F8F8; border-radius: 0.8rem;}
.cals .today_sch ul li:not(:first-child){margin-top: 1rem;}
.cals .today_sch ul li em{position: absolute; top: 1.2rem; left: 3rem; color: #353297; font-size: 1.8rem; font-weight: 700;}

.cals .week_sch{}
.cals .week_sch ul{padding: 3rem; border-radius: 0.8rem; background-color: #F8F8F8;;}
.cals .week_sch ul li{position: relative; padding-left: 10rem; color: #333;}
.cals .week_sch ul li:not(:first-child){margin-top: 1rem;}
.cals .week_sch ul li em{position: absolute; top: -0.3rem; left: 0; color: #353297; font-size: 1.8rem; font-weight: 700;}

/* 역대 장관소개 */
.mvh_top{display:flex}
.mvh_top .photo{overflow:hidden; flex:0 0 22rem; height:27.3rem; margin:0 auto; margin-right:2.4rem;}
.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{padding:3rem; background:#F8F8F8;margin:2.4rem 0 0;padding:5rem 6rem}
.mvh_cont .title2:first-child{margin-top:0}
.mvh_top + .mvh_cont .depart_list > li,
.mvh_top + .mvh_cont + .mvh_cont .depart_list > li{padding:0 0 1.5rem 14rem}
.mvh_cont.his{margin-top: 6rem; padding: 9rem; background-color: transparent; border-top: 1px solid #000; border-bottom: 1px solid #D8D8D8;}
.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}
.depart_detail li{word-break:break-all}


/* 장관소개 */
.grand_info{display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center;height:38.4rem; position: relative; padding-right: 3.6rem; border: 1px solid #01399D; background-color: #fff; border-radius: 2rem;}
.grand_info:before{content: ""; display: block; position: absolute; bottom: -0.1rem; left: -0.1rem; width: 28rem; height: 16.2rem; background: url(../images/sub/img_grandinfo2.svg) no-repeat bottom left; background-size: 100% auto; border-bottom-left-radius: 1.9rem;}
.grand_info .txts{display: flex; flex-wrap: wrap; align-content: space-between; justify-content: flex-start;flex-direction:column; position: relative;width:calc(100% - 36rem); z-index: 1; padding:3rem 0 3rem 4rem}
.grand_info .txts strong{position:relative;display:block;padding-left:3.9rem; color: #282828; font-size: 3rem; font-weight: 700; letter-spacing: -0.1rem; }
.grand_info .txts strong:before{content: "";position:absolute;left:0;top:0; display:inline-block; width: 2.5rem; height: 2.1rem; margin-bottom: 1rem; background: url(../images/sub/img_grandinfo3.svg) no-repeat center center; background-size: 100% auto;}
.grand_info .txts strong:after{content: "";position:relative;top:-1.4rem;display:inline-block;margin-left:1rem; width: 2.5rem; height: 2.1rem; background: url(../images/sub/img_grandinfo3.svg) no-repeat center center; background-size: 100% auto;transform:rotate(180deg)}
.grand_info .txts strong em{color: #1D56BC;}
.grand_info .txts span{display: block;margin:9rem 6rem 0 auto}
.grand_info .txts span em{display: inline-block; width: 7.5rem; height: 3.1rem; margin-left: 1.5rem; background: url(../images/sub/img_grandinfo4.png) no-repeat center center; background-size: 100% auto; text-indent: -9999px; vertical-align: middle;}
.grand_info .imgs{position:absolute;right:3.6rem;bottom:0}
.grand_info .imgs img{display: block;}

/* 사진(기존방식) */
.photo_b_top .photo_area{position:relative;width:100%;border-radius:1rem}
.photo_b_top .photo_area img{border-radius:1rem}
.photo_b_top #mainContent{position:relative;margin-top:8rem;padding:0 0 8rem 12.5rem;font-size:1.7rem;color:#555;border-bottom:1px dashed #ddd}
.photo_b_top #mainContent:before{content: ""; display: block; position: absolute; top: 0; left: 0; width: 8.5rem; height: 8.5rem; background: url(../images/sub/icon_photowrap2.svg) no-repeat center center; background-size: 100% auto;}
.photo_b_top #mainContent .title{display:block;margin-bottom:2rem;font-size:2.4rem;color:#1d1d1d;font-weight:700}
.photo_b_top .btn_arrow{position:absolute;right:4rem;bottom:-4.25rem;display:flex;text-align:center;align-items:center}
.photo_b_top .btn_arrow a{display:block;width:8.5rem;height:8.5rem;line-height:8.5rem;color:#fff;background:#246BEB;transition:all .3s}
.photo_b_top .btn_arrow a:hover,
.photo_b_top .btn_arrow a:focus{background:#1F4997}
.photo_b_top .btn_arrow a:before{content:"\EA64";font-family:"remixicon";font-size:2.4rem}
.photo_b_top .btn_arrow a.next{border-left:1px solid rgba(255,255,255,.1)}
.photo_b_top .btn_arrow a.next:before{content:"\EA6E"}

.photo_b_list{padding:4rem 0;border-bottom:1px solid #ddd}
.pb_list_inner{position:relative;padding:0 4rem}
.pb_list{display:flex;width:calc(100% + 3rem)}
.pb_list > li{width:25%;margin-right:3rem}
.pb_list > li > a{display:block;height:100%;border-radius:1rem;overflow:hidden;transition:all .3s}
.pb_list > li > a:hover,
.pb_list > li > a:focus{box-shadow:.4rem .4rem 1.1rem 0 rgba(0,0,0,.25)}
.pb_list > li > a img{height:100%;transition:all .3s}
.pb_list > li > a:hover img,
.pb_list > li > a:focus img{transform:scale(1.1)}

.btn_arrow2 a{position:absolute;left:0;top:50%;transform:translateY(-50%);display:block;width:4rem;height:4rem;line-height:4rem;text-align:center}
.btn_arrow2 a:before{content:"\EA64";font-family:"remixicon";font-size:3rem}
.btn_arrow2 a.next:before{content:"\EA6E"}
.btn_arrow2 a.next{left:auto;right:0}

/* 현장속으로 */
.photo_wrap{}
.photo_wrap .photos{ background-color: #F8F8F8; padding: 5rem;}
.photo_wrap .photos .i_wrap{position: relative; width: 100%; padding-bottom: 56.25%;}
.photo_wrap .photos .i_wrap iframe,
.photo_wrap .photos .i_wrap a{position: absolute; width: 100%; height: 100% !important;border-radius:1rem;border:0}
.photo_wrap .photos .i_wrap a img{display: block; width: 100%; height: 100%;border-radius:1rem}
.photo_wrap .slides{overflow: hidden;}
.photo_wrap .slides .swiper{}
.photo_wrap .slides .swiper.mySwiper{margin-top:6rem; padding-bottom: 1.1rem;}
.photo_wrap .slides .swiper.mySwiper2{overflow: visible; z-index: 2; }
.photo_wrap .slides .swiper .swiper-wrapper{}
.photo_wrap .slides .swiper .swiper-wrapper .swiper-slide{position: relative;}
.photo_wrap .slides .swiper.mySwiper .swiper-wrapper .swiper-slide{padding-bottom: 9%; border-radius: 1rem;}
.photo_wrap .slides .swiper.mySwiper .swiper-wrapper .swiper-slide a img{transition:all .3s}
.photo_wrap .slides .swiper.mySwiper .swiper-wrapper .swiper-slide-thumb-active img,
.photo_wrap .slides .swiper.mySwiper .swiper-wrapper .swiper-slide a:hover img,
.photo_wrap .slides .swiper.mySwiper .swiper-wrapper .swiper-slide a:focus img{box-shadow: 0.4rem 0.4rem 1.1rem 0 rgba(0, 0, 0, 0.25);}
.photo_wrap .slides .swiper.mySwiper2 .swiper-wrapper .swiper-slide{overflow: hidden; width: 100%; padding-bottom: 56.25%; border-radius: 1rem;}
.photo_wrap .slides .swiper .swiper-wrapper .swiper-slide img{position: absolute; width: 100%; height: 100%}
.photo_wrap .slides .swiper.mySwiper .swiper-wrapper .swiper-slide img{border-radius: 1rem;}
.photo_wrap .slides .swiper.mySwiper2 .btn_wrap{display: flex; position: absolute; bottom: -4rem;; right: 4rem;}
.photo_wrap .slides .swiper.mySwiper2 .btn_wrap .swiper-button-prev,
.photo_wrap .slides .swiper.mySwiper2 .btn_wrap .swiper-button-next{
    position: relative; top: auto; bottom: 0; width: 8.5rem; height: 8.5rem; margin-top: 0; opacity: 1; cursor: pointer; background-color: #246BEB;
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
.photo_wrap .slides .swiper.mySwiper2 .btn_wrap .swiper-button-prev{left: auto; }
.photo_wrap .slides .swiper.mySwiper2 .btn_wrap .swiper-button-next{right: auto; border-left: 1px solid rgba(255, 255, 255, 0.1);}
.photo_wrap .slides .swiper.mySwiper2 .btn_wrap .swiper-button-prev:hover,
.photo_wrap .slides .swiper.mySwiper2 .btn_wrap .swiper-button-next:hover{background-color: #1F4997;}
.photo_wrap .slides .swiper.mySwiper2 .btn_wrap .swiper-button-prev:after, 
.photo_wrap .slides .swiper.mySwiper2 .btn_wrap .swiper-button-next:after{display: block; width: 100%; height: 100%; font-size: 0; background: url(../images/sub/icon_slides1.svg) no-repeat center center; background-size: 100% auto;}
.photo_wrap .slides .swiper.mySwiper2 .swiper-button-prev:after{
    -webkit-transform: rotate(180deg); transform: rotate(180deg);
}
.photo_wrap .texts{padding: 8rem 0; border-bottom: 1px solid #DDD;}
.photo_wrap .texts .inners{position: relative; padding-left: 12.5rem;}
.photo_wrap .texts .inners:before{content: ""; display: block; position: absolute; top: 0; left: 0; width: 8.5rem; height: 8.5rem; background: url(../images/sub/icon_photowrap1.svg) no-repeat center center; background-size: 100% auto;}
.photo_wrap .texts .inners strong{display: block; color: #1d1d1d; font-size: 2.4rem; letter-spacing: -0.05rem;}
.photo_wrap .texts .inners p{margin-top: 2.5rem; color: #555;}

/* 반응형 */
@media (max-width: 1280px){
    #contents{padding:8rem 1.6rem 15rem;transition:padding .2s}
    .location{right: 1.6rem; bottom: 2rem;}
    #visual{height: 22rem;}
    #visual .desc_box .title{font-size: 3.5rem;}
    #visual .desc_box .desc{margin-top: 0.5rem; font-size: 1.7rem;}
    .grand_info .imgs{width:35rem}
    .grand_info .txts{width:calc(100% - 35rem)}
}
@media screen and (max-width:1024px){
    #snb{display:none}
    #contents{float:none;width:100%;padding: 4.4rem 1.6rem 10rem}
    #visual .desc_box{padding-left:0;transition:padding .2s}
    .service_list{display: block;}
    .service_list li{width: 100%;}
    .service_list li:nth-child(n+2){margin-top: 2rem;}
    .service_list .icon{flex:0 0 7.5rem; }
    .certi_list li{width: calc((100% - 2rem - 2rem - 2rem) / 4);}
    .grand_info{padding-right: 2rem;}
    .grand_info:before{width: 19.6rem; height: 11.34rem;}
    .grand_info .txts{padding: 3.5rem 0 3.5rem 4rem;}
    .grand_info .txts span{margin-top: 5rem;}
    .grand_info .imgs{width:24rem;right:1.6rem}
    .photo_wrap .photos{padding: 4rem;}
    .photo_wrap .texts .inners{padding-left: 10rem;}
    .photo_wrap .texts .inners:before{width: 7.5rem; height: 7.5rem;}
    .photo_wrap .texts{padding: 7rem 0;}
    .photo_wrap .slides .swiper.mySwiper2 .btn_wrap{bottom: -3rem; right: 3rem;}
    .photo_wrap .slides .swiper.mySwiper2 .btn_wrap .swiper-button-prev,
    .photo_wrap .slides .swiper.mySwiper2 .btn_wrap .swiper-button-next{width: 7rem; height: 7rem;}
    .photo_wrap .slides .swiper.mySwiper .swiper-wrapper .swiper-slide{padding-bottom: 13%;}
    .mvh_cont.his{margin-top: 4rem; padding: 5rem;}
}
@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}   
    .modal .modal_box{padding:6rem 2rem 3rem}
    .certi_list li{width: calc((100% - 2rem) / 2);}
    .certi_list li:nth-child(n+3){margin-top: 2rem;}
    .grand_info{display: block;height:auto; padding-right: 1rem;}
    .grand_info .txts{padding: 3rem 1rem 7rem 3rem;width:calc(100% - 24rem)}
    .grand_info .imgs{width: 24rem}
}
@media screen and (max-width:640px){
    .cals .cal .weeks ul:first-child li{line-height: 4.2rem;}
    .cals .cal .weeks ul li a{height: 10rem;}
    .cals .cal .weeks ul li a, 
    .cals .cal .weeks ul li div{padding: 1rem;}
    .cals .today_sch ul li{padding: 1rem 2rem 1rem 8.25rem;}
    .cals .today_sch ul li em{top: 1rem; left: 2rem;}
    .cals .week_sch ul{padding: 2rem;}
    .cals .week_sch ul li{padding-left: 9rem;}
    .photo_wrap .photos{padding: 3rem;}
    .photo_wrap .texts .inners{padding-left: 0;}
    .photo_wrap .texts .inners:before{position: relative; top: auto; left: auto; width: 7rem; height: 7rem; margin-bottom: 1rem;}
    .photo_wrap .texts{padding: 3rem 0 4rem;}
    .photo_wrap .slides .swiper.mySwiper2 .btn_wrap{bottom: -2.5rem; right: 2.5rem;}
    .photo_wrap .slides .swiper.mySwiper2 .btn_wrap .swiper-button-prev,
    .photo_wrap .slides .swiper.mySwiper2 .btn_wrap .swiper-button-next{width: 6rem; height: 6rem;}
    .grand_info:before{width: 14rem; height: 8.1rem;}
    .grand_info .txts{width:100%}
    .grand_info .txts strong{padding-left:3rem;font-size:2.5rem}
    .grand_info .txts strong:before,
    .grand_info .txts strong:after{width:1.8rem}
    .grand_info .txts strong:after{top:-.6rem;margin-left:.8rem}
    .grand_info .txts span{margin-top:12rem;text-align: right;margin-right:24rem}
    .grand_info .txts span em{display: block; margin-top: 0.5rem; margin-left: auto; font-size: 0;}
    .service_list .icon{flex:0 0 7rem; }
    .mvh_cont.his{margin-top: 2.5rem; padding: 3rem;}

    .photo_b_top #mainContent{padding-left:0;}
    .photo_b_top #mainContent:before{position:relative;top:auto;left:auto;width:7rem;height:7rem;margin-bottom: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%}
    #contents{padding:2.4rem 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.t2{padding:1.5rem 2rem 1.5rem 4rem}
    .warning:before{left:2rem}
    .warning.t2:before{top: 1.6rem; left:1.2rem}
    .self_certi > .item{padding:4rem 2rem 11rem}
    .self_certi > .item .btn3{bottom:4rem}
    .box1,
    .box3{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}
    .service_list > li{padding:3rem 2rem}
    .service_list.ty2 > li{padding: 3rem 2rem;}
    .service_list.ty3 > li{align-items: flex-start;}
    .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}

    .photo_b_top .btn_arrow{bottom:-2.75rem}
    .photo_b_top .btn_arrow a{width:5.5rem;height:5.5rem;line-height:5.5rem}
    .pb_list{flex-wrap:wrap;width:calc(100% + 1.5rem);gap:1.5rem 0}
    .pb_list > li{width:calc(50% - 1.5rem);margin-right:1.5rem}
}
@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}
    .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}*/
}
@media screen and (max-width:420px){
    .certi_list li{width: calc((100% - 1.4rem) / 2); padding: 3rem 1.25rem 3rem;}
    .certi_list li:nth-child(n+3){margin-top: 1.4rem;}
    .photo_wrap .slides .swiper.mySwiper2 .btn_wrap{bottom: -2rem; right: 2rem;}
    .photo_wrap .slides .swiper.mySwiper2 .btn_wrap .swiper-button-prev,
    .photo_wrap .slides .swiper.mySwiper2 .btn_wrap .swiper-button-next{width: 5rem; height: 5rem;}
    .photo_wrap .slides .swiper.mySwiper .swiper-wrapper .swiper-slide{padding-bottom: 18%;}
    .grand_info .txts span{margin:6rem 19rem 0 0}
    .grand_info .imgs{width:19rem;}
    .mvh_cont.his{padding:3rem 1rem}
}

.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%);
}
.i_wrap{
	overflow: hidden;
}