@charset "utf-8";


/* sub_visual */
.sub_visual{display:block; position:relative; width:100%; height:496px; font-size:0; line-height:0; box-sizing:border-box;}
.sub_visual:before{display:block; position:absolute; top:0; left:50%; width:100vw; height:100%; background:url("/site/governor_2026/images/sub/sub_v1.jpg") no-repeat center center; transform:translateX(-50%);}
#sub1 .sub_visual:before{background:url("/site/governor_2026/images/sub/sub_v1.jpg") no-repeat center center;}
#sub2 .sub_visual:before{background:url("/site/governor_2026/images/sub/sub_v2.jpg") no-repeat center center;}
#sub3 .sub_visual:before{background:url("/site/governor_2026/images/sub/sub_v3.jpg") no-repeat center center;}
#sub4 .sub_visual:before{background:url("/site/governor_2026/images/sub/sub_v4.jpg") no-repeat center center;}
#sub5 .sub_visual:before{background:url("/site/governor_2026/images/sub/sub_v5.jpg") no-repeat center center;}


.sub_visual .visual_title{position:absolute; top:calc(50% + 12px); left:0; right:0; transform:translateY(-50%);}
.sub_visual .visual_title .current_title{color:#fff; font-size:48px; font-family:'SBAggro'; font-weight:500; text-align:center; line-height:50px; letter-spacing:0;}
@media all and (max-width:1000px){
    .sub_visual{height:auto; padding:37px 20px 25px; border-top:1px solid #E1E6ED;}
    .sub_visual:before{display:none;}
    .sub_visual .visual_title{position:relative; top:auto; height:auto; transform:translateY(0); text-align:left;}
    .sub_visual .visual_title .current_title{font-size:24px; line-height:30px; color:#111111; text-align:left;}
}
@media all and (max-width:1000px) {
    .sub_visual {height:auto; padding:35px 20px 27px;}
    .sub_visual .visual_title .current_title{font-size:24px; padding-right:60px;}
}
@media all and (max-width:640px) {
    .sub_visual {height:auto; padding:35px 16px 27px;}
    .sub_visual .visual_title .current_title{font-size:21px;}
}

.colgroup{display:block; position:relative;}
.colgroup article{display:block; position:relative; width:100%; box-sizing:border-box;}
.sub_head{display:block; position:relative; width:100%; padding-top:86px; font-size:0; line-height:0; box-sizing:border-box;}

.sub_head .breadcrumbs{position:absolute; left:0; top:-95px; z-index:1; width:auto; height:64px; margin-top:0;}
.sub_head .breadcrumbs{padding-left:71px;}
.sub_head .breadcrumbs:before{display:block; position:absolute; top:0; bottom:0; left:26px; width:22px; height:20px; margin:auto 0; background-image:url("/site/governor_2026/images/sub/bread_icon01.svg");}
.sub_head .breadcrumbs .breadcrumbs_list{overflow:visible;}
.sub_head .breadcrumbs .breadcrumbs_item{display:inline-block; position:relative; min-width:320px; vertical-align:top; overflow:hidden;}
.sub_head .breadcrumbs .breadcrumbs_item:before{display:block; position:absolute; top:25px; left:0; width:1px; height:14px; background-color: rgba(255, 255, 255, 0.7);}
.sub_head .breadcrumbs .breadcrumbs_item.active:before{display:none;}
.sub_head .breadcrumbs .breadcrumbs_item button{display:block; position:relative; width:100%; color:#fff; font-size:17px; text-align:left; letter-spacing:0; line-height:62px;}
.sub_head .breadcrumbs .breadcrumbs_item button:before{display:block; position:absolute; top:-2px; right:22px; bottom:0; width:20px; height:20px; margin:auto 0; background:url("/site/governor_2026/images/sub/bread_icon02.svg") no-repeat center;}
.sub_head .breadcrumbs .breadcrumbs_item button span{display:block; padding-left:24px;}

.sub_head .breadcrumbs .breadcrumbs_item.active{border-radius:10px; padding:1px; box-shadow: 15px 10px 20px 0 rgba(19, 55, 96, 0.08); background-image: linear-gradient(to right, #5d2989 0%, #008791 100%)}
.sub_head .breadcrumbs .breadcrumbs_item.active button{color:#fff;}
.sub_head .breadcrumbs .breadcrumbs_item.active button:before{transform:rotate(180deg); filter:brightness(0) invert(1);}
.sub_head .breadcrumbs .breadcrumbs_item.active + .breadcrumbs_item:before{display:none;}
.sub_head .breadcrumbs .bread_panel{display:none; position:relative; padding-top:10px; padding-bottom:15px; background-color:#fff; border-radius:0 0 8px 8px;}
.sub_head .breadcrumbs .bread_panel .bread_item .breadcrumbs_anchor{display:block; position:relative; padding:8px 24px; color:#4c525c; font-size:17px; line-height:24px; letter-spacing:0; word-break:keep-all;}
.sub_head .breadcrumbs .bread_panel{display:none; position:relative; padding-top:10px; padding-bottom:15px; background-color:#fff; border-radius:0 0 8px 8px;}
.sub_head .breadcrumbs .bread_panel .bread_item .breadcrumbs_anchor span{position:relative;}
.sub_head .breadcrumbs .bread_panel .bread_item .breadcrumbs_anchor span:before{display:block; position:absolute; left:0; bottom:2px; width:0; height:1px; background-color:#222; transition:width 0.25s ease-in-out;}
.sub_head .breadcrumbs .bread_panel .bread_item:hover .breadcrumbs_anchor{color:#222;}
.sub_head .breadcrumbs .bread_panel .bread_item:hover .breadcrumbs_anchor span:before{width:100%;}


.etc_box{position:absolute; bottom:10px; right:0; text-align:right;}
.etc_box .sns_area{display:inline-block; overflow:hidden; position:relative; min-width:260px; min-height:44px; font-size:0; text-align:right; line-height:0; box-sizing:border-box; vertical-align:top;}
.etc_box button{position:relative;}
.etc_box button:before{display:block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;}

.etc_box .sns_area .sns_btn{display:inline-block; opacity:1; visibility:visible; position:relative; width:44px; height:44px; box-shadow: 15px 10px 20px 0 rgba(19, 55, 96, 0.04); border:1px solid #D9DCEA; border-radius:15px; background-color:#fff; font-size:0; line-height:0; vertical-align:top; transition-property:visibility, opacity, border-color; transition-duration:250ms; transition-timing-function:ease-in-out; box-sizing:border-box;}
.etc_box .sns_area .sns_btn:hover{border-color:#4C525C;}
.etc_box .sns_area .sns_btn:before{width:16px; height:16px; background:url("/site/governor_2026/images/sub/sns_icon01.svg") no-repeat;}
.etc_box .sns_area.layer_open .sns_btn{opacity:0; visibility:hidden;}
.etc_box .sns_area .sns_btn .text{display:inline-block; color:transparent; font-size:0; line-height:0; vertical-align:top; box-sizing:border-box;}
.etc_box .sns_area .sns_layer{display:block; opacity:0; visibility:hidden; position:absolute; right:0; bottom:0; z-index:1; min-width:260px; min-height:44px; padding:5px 11px; border-radius:15px; box-shadow:15px 10px 20px 0 rgba(19, 55, 96, 0.04); border:solid 1px #4C525C; background-color:#fff; font-size:0; text-align:left; line-height:0; transform:translateX(100%); transition-property:transform, opacity, visibility; transition-duration:250ms; transition-timing-function:ease-in-out;}
.etc_box .sns_area.layer_open .sns_layer{opacity:1; visibility:visible; transform:translateX(0px);}
.etc_box .sns_area .sns_layer .sns_layer_list{display:inline-block; width:auto; font-size:0; line-height:0; vertical-align:top; box-sizing:border-box;}
.etc_box .sns_area .sns_layer .sns_layer_item{display:inline-block; position:relative; width:auto; font-size:0; line-height:0; vertical-align:top; box-sizing:border-box;}
.etc_box .sns_area .sns_layer .sns_layer_item.copy{top:2px}
.etc_box .sns_area .sns_layer .sns_layer_item .sns_layer_btn{display:inline-block; position:relative; width:32px; height:32px; border:none; font-size:0; line-height:0; vertical-align:top; box-sizing:border-box;}
.etc_box .sns_area .sns_layer .sns_layer_item .sns_layer_btn:before{display:block; position:absolute; top:0; bottom:0; left:0; right:0; width:32px; height:32px; margin:auto; background-repeat:no-repeat; box-sizing:border-box;}
.etc_box .sns_area .sns_layer .sns_layer_item.blog .sns_layer_btn:before{background-image:url("/site/governor_2026/images/sub/sns_blog.svg");}
.etc_box .sns_area .sns_layer .sns_layer_item.twitter .sns_layer_btn:before{background-image:url("/site/governor_2026/images/sub/sns_x.svg");}
.etc_box .sns_area .sns_layer .sns_layer_item.kakao .sns_layer_btn:before{background-image:url("/site/governor_2026/images/sub/sns_kakao.svg");}
.etc_box .sns_area .sns_layer .sns_layer_item.facebook .sns_layer_btn:before{background-image:url("/site/governor_2026/images/sub/sns_facebook.svg");}
.etc_box .sns_area .sns_layer .sns_layer_item.copy .sns_layer_btn{width:74px; height:28px; border:1px solid #d9dcea; border-radius:50px; background-color:#f6f8fa; font-size:14px; line-height:28px; color:#222; text-align:center;}
.etc_box .sns_area .sns_layer .sns_close{display:inline-block; position:relative; width:24px; height:32px; margin-left:9px; font-size:0; line-height:0; vertical-align:top;}
.etc_box .sns_area .sns_layer .sns_close:before{display:block; position:absolute; top:0; bottom:0; left:0; right:0; width:24px; height:24px; margin:auto; background:url("/site/governor_2026/images/sub/sns_close.svg") no-repeat;}
.etc_box .sns_area .sns_layer .sns_close .text{display:inline-block; color:transparent; font-size:0; line-height:0; vertical-align:top; box-sizing:border-box;}

.etc_box .print_area{display:inline-block; position:relative; vertical-align:top;}
.etc_box .print_area .print_btn{display:inline-block; position:relative; width:44px; height:44px; margin-left:6px; box-shadow: 15px 10px 20px 0 rgba(19, 55, 96, 0.04); border:1px solid #D9DCEA; border-radius:15px; background-color:#fff; font-size:0; line-height:0; transition:border-color 0.25s ease-in-out;}
.etc_box .print_area .print_btn:hover{border-color:#4C525C;}
.etc_box .print_area .print_btn:before{width:17px; height:17px; background:url("/site/governor_2026/images/sub/sns_icon02.svg") no-repeat;}

@media all and (max-width:1560px){
    .sub_head .breadcrumbs .breadcrumbs_item{min-width:260px;}
}

@media all and (max-width:1000px){
    .sub_head{padding-top:0;}
    .etc_box{bottom:auto; top:-67px;}
    .sub_head .etc_box .print_area,
    .sub_head .breadcrumbs{display:none;}
}
@media all and (max-width:640px) {
    .sub_head .etc_box{top:-62px; right:0;}
    .etc_box .sns_area{min-height:36px;}
    .etc_box .sns_area .sns_btn{width:36px; height:36px;}
    .etc_box .sns_area .sns_layer{min-width:242px; min-height:36px; padding:1px 8px;  border-radius:12px;}
    .etc_box .sns_area .sns_layer .sns_layer_item.copy{top:4px;}
    .etc_box .sns_area .sns_layer .sns_layer_item.copy .sns_layer_btn{width:66px; height:25px; font-size:12px; line-height:25px;}
}

#contents{display:block; width:100%; min-height:760px; margin-top:54px; margin-bottom:100px; box-sizing:border-box;}
#contents > *:first-child{margin-top:0 !important;}
@media all and (max-width:1000px){
    #contents{min-height:482px; margin-bottom:48px; margin-top:0;}
}


/* 사이트맵 */
#newsitemap{display:block; position:relative; font-size:0; line-height:0;}
#newsitemap .depth1{padding-top:60px;}
#newsitemap .depth1:first-child{padding-top:0;}
#newsitemap .depth1 h3{display:inline-block !important; position:relative; width:320px; margin-top:0; vertical-align:top;}
#newsitemap .depth1 h3 .depth_deco:before,
#newsitemap .depth1 h3:before{display:none !important;}
#newsitemap .depth1 h3 a{text-decoration:none; font-family:'SBAggro'; font-size:30px; letter-spacing:0; line-height:40px; color:#222 !important; font-weight:500; }
#newsitemap .depth2{display:inline-block; position:relative; width:calc(100% - 320px); padding-bottom:59px; box-sizing:border-box; border-bottom:1px dashed #CED4DD; vertical-align:top;}
#newsitemap .depth1:last-child .depth2{border-bottom:none;}
#newsitemap .depth2 .depth2_item{display:inline-block; position:relative; width:calc((100% - 64px) / 3) !important; margin-right:32px !important; margin-bottom:0 !important; vertical-align:top;}
#newsitemap .depth2 .depth2_item:nth-child(3n){margin-right:0 !important;}
#newsitemap .depth2 .depth2_item:nth-child(n + 4){margin-top:32px;}
#newsitemap .depth2 .depth2_item .depth2_link{display:table; position:relative; width:100%; height:62px; padding-left:24px; border:1px solid #cad0d8 !important; border-radius:10px; background-color:#fff; letter-spacing:0; text-decoration:none; transition:all 0.25s ease-in-out; background-image:none !important;}
#newsitemap .depth2 .depth2_item .depth2_link .depth2_link_cell{display:table-cell; vertical-align:middle; font-size:19px !important; font-weight:500; line-height:1.4; text-align:left; color:#4c525c !important; transition:color 0.25s ease-in-out;}
#newsitemap .depth3{}
#newsitemap .depth3 .depth3_list{padding-top:16px;}
#newsitemap .depth3 .depth3_list .depth3_item{display:block; position:relative; padding-left:24px;}
#newsitemap .depth3 .depth3_list .depth3_item + .depth3_item{margin-top:12px;}
#newsitemap .depth3 .depth3_item:before{display:none !important;}
#newsitemap .depth3 .depth3_list .depth3_item .depth3_link{display:inline-block; position:relative; font-size:19px; line-height:26px; letter-spacing:0; color:#636b78; text-decoration:none;}
#newsitemap .depth3 .depth3_list .depth3_item .depth3_link:before{display:block; position:absolute; bottom:3px; left:0; width:0; height:1px; background-color:#636b78; transition:width 0.25s ease-in-out;}

/* hover */
#newsitemap .depth2 .depth2_item:hover .depth2_link{background-color:#2e3b4e; box-shadow: 5px 10px 25px 0 rgba(19, 55, 96, 0.08); border-color:#2e3b4e;}
#newsitemap .depth2 .depth2_item:hover .depth2_link .depth2_link_cell{color:#fff !important;}
#newsitemap .depth3 .depth3_list .depth3_item:hover .depth3_link{font-weight:500;}
#newsitemap .depth3 .depth3_list .depth3_item:hover .depth3_link:before{width:100%;}

@media all and (max-width:1000px) {
    #newsitemap .depth1{padding-top:30px;}
    #newsitemap .depth1 h3{display:block; width:100%; margin-bottom:0 !important;}
    #newsitemap .depth1 h3 a{font-size:28px !important; line-height:38px !important;}
    #newsitemap .depth2{display:block; width:100%; margin-top:25px !important; padding-bottom:30px !important;}
    #newsitemap .depth2 .depth2_item{width:calc((100% - 40px) / 3) !important; margin-right:20px !important;}
    #newsitemap .depth2 .depth2_item .depth2_link .depth2_link_cell{font-size:18px !important;}
    #newsitemap .depth3 .depth3_list .depth3_item .depth3_link{font-size:18px !important;}
    #newsitemap .depth3 .depth3_list .depth3_item + .depth3_item{margin-top:8px !important;}
}
@media all and (max-width:800px) {
    body:not(.www) #newsitemap .depth2 .depth2_item{margin:0 20px 0 0 !important; display:inline-block !important;}
    body:not(.www) #newsitemap .depth2 .depth2_item:nth-child(3n){margin-right:0 !important;}
}
@media all and (max-width:640px) {
    #newsitemap .depth1 h3 a{font-size:22px !important; line-height:30px !important;}
    #newsitemap .depth2{margin-top:0 !important;}
    body:not(.www) #newsitemap .depth2 .depth2_item{margin:15px 15px 0 0 !important;}
    #newsitemap .depth2 .depth2_item{width:calc((100% - 15px) / 2) !important; margin-right:15px !important;}
    body:not(.www) #newsitemap .depth2 .depth2_item:nth-child(3n),
    #newsitemap .depth2 .depth2_item:nth-child(3n){margin-right:15px !important;}
    body:not(.www) #newsitemap .depth2 .depth2_item:nth-child(2n),
    #newsitemap .depth2 .depth2_item:nth-child(2n){margin-right:0 !important;}
    #newsitemap .depth2 .depth2_item:nth-child(n + 3){margin-top:15px !important;}
    #newsitemap .depth2 .depth2_item .depth2_link{height:50px !important; padding-left:13px !important; margin:0 !important; width:100% !important;}
    #newsitemap .depth3 .depth3_list{padding-top:10px !important;}
    #newsitemap .depth3 .depth3_list .depth3_item{padding-left:13px !important;}
    #newsitemap .depth3 .depth3_list .depth3_item + .depth3_item{margin-top:6px !important;}
    #newsitemap .depth3 .depth3_list .depth3_item .depth3_link,
    #newsitemap .depth2 .depth2_item .depth2_link .depth2_link_cell{font-size:16px !important;}
    #newsitemap .depth3 .depth3_list{margin-top:0 !important; padding:10px 0 0 !important;}
    #newsitemap .depth3{width:100% !important; margin:0 !important;}
}