@charset "UTF-8";

#sub #container{border-top:1px solid #ddd;padding-top:20px;padding-bottom:150px;}
.wrap{max-width:1250px;margin:0 auto;}

/* 상단 네비게이터*/
.sub-visual{background-color:#eff3f6;height:40px;}
.path{max-width:1250px;margin:0 auto;}
.path ul{font-size:0;line-height:0;}
.path ul li{display:inline-block;vertical-align:top;font-size:14px;line-height:40px;color:#777;position:relative;margin-right:20px;}
.path ul li::before{content:'>';position:absolute;right:-15px;top:0;}
.path ul li:last-child{margin-right:0;}
.path ul li:last-child::before{display:none;}
/*.path ul li.home{margin-left:0;}*/
/*.path ul li.home::before{display:none;}*/
.path ul li a{color:#777;}
.path ul li span{}

/* 좌측 메뉴 */
.side-menu{float:left;width:230px;}
.side-menu .side-title{width:100%;height:120px;background-color:#003966;display:table;}
.side-menu .side-title p{width:100%;height:100%;display:table-cell;text-align:center;vertical-align:middle;font-family: 'Gmarket Sans', sans-serif;font-size:24px;line-height:1em;font-weight:500;color:#fff;letter-spacing:-0.075em;}
.snb{margin-top:10px;}
.snb .depth1 > li{box-sizing:border-box;}
.snb .depth1 > li + li{margin-top:-1px;}
.snb .depth1 > li > a{display:block;padding:13px 42px 13px 18px;min-height:50px;background-color:#fff;border:1px solid #e2e2e2;font-size:15px;line-height:22px;color:#555;letter-spacing:-0.075em;position:relative;}
.snb .depth1 > li.single > a{padding:13px 13px 13px 18px;}
.snb .depth1 > li a::before{content:'';width:13px;height:7px;background:url('../../../../images/egovframework/rte/com/ico-snb.png') no-repeat 0 0;position:absolute;right:19px;top:calc(50% - 3px);z-index:2;}
.snb .depth1 > li.single a::before{display:none;}
.snb .depth1 > li.active a::before{background-position:-15px 0;}
.snb .depth1 > li.active > a{background-color:#3f78bf;border-color:#3459aa;color:#fff;font-size:16px;position:relative;}
.snb .depth1 > li.active > a::after{content:'';width:calc(100% + 2px);height:1px;background-color:#3459aa;position:absolute;left:-1px;bottom:-1px;z-index:1;}
.snb .depth1 .depth2{display:none;}
.snb .depth1 .depth2 > li + li{margin-top:-1px;}
.snb .depth1 .depth2 > li > a{display:block;font-size:13px;line-height:22px;padding:13px 15px 13px 29px;border:1px solid #e2e2e2;background-color:#f3f4f6;position:relative;}
.snb .depth1 .depth2 > li > a::before{content:'';width:3px;height:3px;background-color:#a9a9a9;position:absolute;left:19px;top:22px;}
.snb .depth1 .depth2 > li > a:hover, .snb .depth1 .depth2 > li > a:focus{text-decoration:underline;}
.snb .depth1 .depth2 > li.active > a{background-color:#ecf6ff;border-color:#dae4ed;}
.snb .depth1 .depth2 > li.active > a::after{content:'';width:calc(100% + 2px);height:1px;background-color:#dae4ed;position:absolute;left:-1px;bottom:-1px;z-index:1;}

/* 본문 */
#sub-wrap{float:right;width:970px;}
.sub-title{width:100%;height:110px;border-bottom:1px solid #ddd;box-sizing:border-box;display:table;position:relative;padding-top:10px;}
.sub-title h2{width:80%;height:100%;display:table-cell;font-family: 'Spoqa Han Sans', sans-serif;vertical-align:middle;font-size:24px;line-height:30px;font-weight:500;letter-spacing:-0.075em;padding-right:35px;}
.sub-title .share{width:32px;height:32px;background:url('../../../../images/egovframework/rte/com/ico-share.png') no-repeat;position:absolute;right:0;top:39px;font-size:0;line-height:0;cursor:pointer;}
.sub-title.none{border-bottom:none;}
.dateinfo{display:table-cell;width:20%;font-family:'Spoqa Han Sans',sans-serif;font-size:14px;white-space:nowrap;padding-top:6%;}
#contents{position:relative;}
#contents h3{font-family: 'Spoqa Han Sans', sans-serif;font-size:26px;line-height:1.3em;font-weight:500;color:#444;letter-spacing:-0.075em;padding-top:15px;margin-top:70px;margin-bottom:30px;position:relative;}
#contents h3::before{content:'';width:16px;height:5px;background-color:#003966;border-right:8px solid #e51e3e;position:absolute;left:0;top:0;box-sizing:border-box;}
#contents h3 span{font-weight:300;margin-left:5px;}
#contents .h3-first{margin-top:50px;}
#contents h4{font-family: 'Spoqa Han Sans', sans-serif;font-size:17px;line-height:20px;font-weight:500;color:#666;margin-top:40px;margin-bottom:20px;padding-left:20px;position:relative;}
#contents h4::before{content:'';width:12px;height:12px;border:2px solid #355ba0;border-radius:50%;background-color:#fff;box-sizing:border-box;position:absolute;left:0;top:4px;}
#contents h4 span{font-weight:300;}
#contents h4 em{font-weight:400;font-style:normal;}
#contents h4.small{font-size:16px;}

p{font-size:inherit;color:#666;letter-spacing:-0.075em;margin-bottom:40px;}
p.last{margin-bottom:0;}
p strong{font-weight:500;}

.h5-step{margin-top:30px;margin-bottom:15px;width:66px;height:23px;border-radius:12px;border:1px solid #c2d7eb;background-color:#ecf6ff;text-align:center;font-family: 'Spoqa Han Sans', sans-serif;font-size:13px;line-height:21px;font-weight:500;letter-spacing:-0.075em;}
.h5-step.first{margin-top:0;}
.h5-step.green{background-color:#ecfffa;border-color:#b4e0d0;}

.menu-depth3{font-size:0;line-height:0;text-align:center;background-color:#f5f7f8;width:100%;box-sizing:content-box;}
.menu-depth3 ul li{display:inline-block;font-size:19px;line-height:60px;font-weight:500;color:#687380;letter-spacing:-0.075em;padding:0 30px;position:relative;}
.menu-depth3 ul li::before{content:'';width:1px;height:18px;background-color:#d3d9e0;position:absolute;left:0;top:21px;}
.menu-depth3 ul li:first-child::before{display:none;}
.menu-depth3 ul li a{color:#687380;}
.menu-depth3 ul li:hover a,
.menu-depth3 ul li > a:focus{color:#0874E7; /*#069be1;*/}
.menu-depth3 ul li.active a{color:#313131;position:relative;z-index:0;}
.menu-depth3 ul li.active a:focus{color:#069be1;}
.menu-depth3 ul li.active a::after{content:'';width:100%;height:2px;background-color:#069be1;position:absolute;left:0;bottom:3px;z-index:-1;}
.depth-bottom{border-top:1px solid #ddd;}

.view-share{height:30px;border-radius:7px;border:1px solid #555;background-color:rgba(255,255,255,.5);position:absolute;right:0;top:0;display:none;}
.share-list{display:inline-block;vertical-align:top;}
.share-list li{float:left;font-size:12px;line-height:28px;font-weight:700;color:#555;letter-spacing:-0.075em;position:relative;}
.share-list li::before{content:'';width:2px;height:10px;background-color:#8c8c8c;border-left:1px solid #b2b2b2;position:absolute;left:0;top:9px;}
.share-list li:first-child::before{display:none;}
.share-list li a{display:block;padding:0 10px;}
.close-share{display:inline-block;vertical-align:top;padding:0 10px;cursor:pointer;}

.footer-wrap{position:relative;}
.foot-top{width:48px;height:48px;background-color:#003966;position:absolute;right:0;top:30px;font-size:0;line-height:0;}
.foot-top::before{content:'';width:13px;height:9px;background:url('../../../../images/egovframework/rte/com/ico-top.png') no-repeat;position:absolute;left:18px;top:10px;}
.foot-top::after{content:'TOP';font-size:14px;line-height:1em;font-weight:300;color:#fff;letter-spacing:-0.01em;position:absolute;left:10px;bottom:10px;}

/* 1249px 이하 반응형 */
@media screen and (max-width:1249px){
  .side-menu{display:none;}
  #sub-wrap{float:none;width:100%;padding:0 20px;}
  .sub-visual{padding:10px 20px;height:auto;}
  .path{text-align:right;}
  .path ul li{font-size:12px;line-height:19px;word-break:keep-all;}
  .foot-top{right:20px;}
}
@media screen and (max-width:991px){
  .menu-depth3{width:550px;text-align:left;}
  /* .menu-depth3{width:991px;text-align:left;} */
}
@media screen and (max-width:767px){
  #contents h3 span{display:block;margin-left:0;}
}

/* 2021-06-03 키보드 포커스 */
.path ul li a:focus{color:#555;}
.sub-title .share:hover,
.sub-title .share:focus{background-image:url('../../../../images/egovframework/rte/com/ico-share-on.png');}
.snb .depth1 > li > a:focus{color:#3f78bf;}
.snb .depth1 > li.active > a:focus{color:#fff;background-color:#266ab5;}

/* 2022-06-22 추가부분 */
@media all and (max-width: 991px) {
  .menu-depth3{width:100%; text-align:center;}
}
@media all and (max-width: 640px) {
  .menu-depth3 ul li{padding-left:10px; padding-right:10px; line-height:45px;}
  .menu-depth3 ul li::before{display:none;}
}

.errorPage{
    -webkit-text-size-adjust:100%;
    padding-left:300px;
    padding-right:300px;
}
@media screen and (max-width: 1000px) {
  .errorPage{ padding-left:10%; padding-right:10%; }
}