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

.board_detail_rst{display:none}
.inner{max-width:128rem;margin:0 auto}
.link{display:inline-block;color:#246BEB;word-break:break-all;text-decoration:underline}
.link:hover,
.link:focus{text-decoration:underline}
.gov_top a[target="_blank"]:after,
#header a[target="_blank"]:after,
#snb a[target="_blank"]:after,
.link[target="_blank"]:after{content:"";display:inline-block;position:relative;top:-.1rem;margin-left:.3rem;width:1.6rem;height:1.6rem;background:url(../images/layout/icon_blank.png) center no-repeat;background-size:1.6rem auto;vertical-align:middle}
a[target="_blank"].none:after{display:none}

.gov_top{position:relative;overflow:hidden;min-height:3.2rem;padding:.6rem 0 0;color:var(--gray90);font-size:1.5rem}
.gov_top:before{content:"";position:absolute;width:500%;height:100%;top:0;left:50%;background-color:var(--secondary5);transform:translateX(-50%);z-index:-1}
.gov_top:after{opacity:0;content:"";position:absolute;left:50%;top:3.2rem;width:500%;transform:translateX(-50%);border-top:1px solid var(--secondary10);transition:all .3s}
.gov_top .inner{line-height:1.8rem}
.gov_top .gov_desc{margin:0 1.6rem .5rem 0}
.gov_top .gov_desc img{position:relative;top:-.1rem;margin-right:.8rem;box-shadow:0 0 .2rem rgba(0,0,0,.1)}
.gov_top .toggle_btn{display:inline-flex;align-items:center;color:var(--secondary50)}
.gov_top .toggle_btn:after{content:"";display:block;margin-left:.2rem;width:1.6rem;height:1.6rem;background:url(../images/layout/icon_arrow_bot.png) center no-repeat;background-size:1.2rem auto;transition:all .5s}
.gov_top.active .toggle_btn:after{transform:rotate(180deg)}
.gov_top.active:after{opacity:1}

.toggle_target{visibility:hidden;overflow:hidden;height:0;padding:0;position:relative;margin-top:.6rem;transition:all .3s}
.gov_top.active .toggle_target{visibility:visible;height:auto;padding:2.4rem 0 3.2rem}
.toggle_target .lst{display:flex;color:var(--gray90);line-height:150%}
.toggle_target .lst > li{position:relative;padding-left:2.8rem;width:50%;max-width:47rem;margin-right:8rem}
.toggle_target .lst > li:before{content:"";position:absolute;left:0;top:.2rem;width:2rem;height:2rem;border-radius:50%;background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.2rem auto}
.toggle_target .lst > li.icon1:before{background-image:url(../images/layout/icon_govt_1.png)}
.toggle_target .lst > li.icon2:before{background-image:url(../images/layout/icon_govt_2.png)}
.toggle_target .lst > li .title{display:block;margin-bottom:1.5rem;font-weight:700;font-size:1.7rem}
.toggle_target .lst > li .desc{font-size:1.5rem;color:#555}
.toggle_target .lst > li .link_area{margin-top:1.5rem}
.toggle_target .lst > li .link_area a{display:inline-block}

#header{position:relative;background:#fff}
.header_top{position:relative;border-bottom:1px solid var(--gray30)}
.header_top:after,
.header_top .inner:after{content:"";display:block;clear:both}
.header_top .inner{position:relative;padding:4.4rem 0 1.6rem}
.header_util{display:flex;align-items:center;position:absolute;right:0;top:.4rem;font-size:1.5rem;color:var(--gray90)}
.header_util > li{position:relative;padding-right:calc(.2rem + 1px);margin-right:.2rem}
.header_util > li:before{content:"";position:absolute;right:0;top:.8rem;height:1.6rem;border-left:1px solid var(--gray30)}
.header_util > li:last-child{padding-right:0;margin-right:0}
.header_util > li:last-child:before{display:none}
.header_util > li > a,
.header_util > li > button{display:flex;align-items:center;padding:.5rem 1rem;line-height:2rem;border-radius:.4rem;transition:background .2s}
.header_util > li.active > a,
.header_util > li.active > button{background:var(--secondary10)}
.header_util > li > a.plus:after,
.header_util > li > button.plus:after{content:"";display:inline-block;margin-left:.2rem;width:1.6rem;height:1.6rem;background:url(../images/layout/icon_arrow_bot_black.svg) center no-repeat;background-size:.75rem auto;transition:all .5s}
#header .header_util > li > a[target="_blank"]:after{display:none}
.header_util > li.active > a.plus:after,
.header_util > li.active > button.plus:after{transform:rotate(180deg)}
.header_util > li.active > .util_group{display:block}
.korea_flag{margin-right:1rem;vertical-align:middle}
.util_group{display:none;position:absolute;left:calc(50% + .8rem);top:100%;margin-top:1.6rem;min-width:12.8rem;padding:.8rem;transform:translateX(-50%);border:1px solid var(--gray30);border-radius:.8rem;background:#fff;z-index:10;font-size:1.7rem;box-shadow:0 .4rem 1.2rem rgba(0,0,0,.12)}
.util_group:before{content:"";position:absolute;left:50%;top:-1.1rem;width:2.1rem;height:1.2rem;transform:translateX(-50%);background:url(../images/layout/bg_top_arrow.svg);background-size:2rem auto}
.util_list > li > a,
.util_list > li > button{display:flex;align-items:center;width:100%;height:4.8rem;padding:0 1.6rem;border-radius:.6rem;white-space:nowrap;transition:all .2s}
.util_list > li > a:hover,
.util_list > li > a:focus,
.util_list > li > button:hover,
.util_list > li > button:focus{background:var(--secondary5)}
.util_list > li > a:active,
.util_list > li > button:active{background:var(--secondary10)}
.util_list > li.active > a,
.util_list > li.active > button{background:var(--secondary5);color:var(--secondary50);font-weight:700}
.util_list > li.active > a:before,
.util_list > li.active > button:before{background:var(--secondary50);border-color:var(--secondary50);color:#fff;font-weight:400}
.util_list .f_size:before{content:"가";display:inline-flex;align-items:center;justify-content:center;margin-right:.8rem;width:2.1rem;height:2.1rem;border:1px solid var(--gray30);border-radius:.4rem;font-size:1.5rem;background:#fff}
.util_list .f_size.t2:before{width:2.4rem;height:2.4rem;font-size:1.7rem}
.util_list .f_size.t3:before{width:2.5rem;height:2.5rem;font-size:1.9rem}
.util_list .f_size.t4:before{width:2.7rem;height:2.7rem;font-size:2.1rem}
.util_list .f_size.t5:before{width:3rem;height:3rem;font-size:2.5rem}
.util_list > .util_reset{margin-top:.8rem;padding-top:.8rem;border-top:1px solid var(--gray30)}
.util_list > .util_reset > a,
.util_list > .util_reset > button{display:flex;align-items:center;justify-content:center;width:100%;height:4rem}
.util_list > .util_reset .reset:before{content:"";margin-right:.4rem;width:2.1rem;height:2rem;background:url(../images/layout/icon_reset.png) center no-repeat;background-size:2.1rem}

#logo{float:left;line-height:100%}
#logo img{display:inline-block;max-width:initial;height:100%;vertical-align:top}
.top_logo2{float:left;width:10rem;margin:0.9rem 0 0 3rem}

.header_bottom{position:relative}
.header_bottom:before{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100%;height:0;border-bottom:1px solid var(--gray30)}

#header .search{color:var(--gray90)}
#header .search .control{display:inline-block;overflow:hidden;text-align:center;vertical-align:middle;color:var(--gray90)}
#header .search .control > span{vertical-align:middle}
#header .search .open{float:right;margin-top:.8rem;padding:1rem 1.2rem;line-height:100%;font-weight:700;font-size:1.7rem}
#header .search .open::before{content:"";display:inline-block;margin-right:.8rem;width:2rem;height:2rem;background:url(../images/layout/icon_search.png) center no-repeat;background-size:2rem auto;vertical-align:middle}
#header .search .open.mobile{display:none}
#header .search .close{visibility:hidden;overflow:hidden;width:0;height:0;opacity:0;position:absolute;right:8rem;top:8rem;transition:all 0.2s}
#header .search .close::before{content:"";display:block;width:100%;height:100%;background:url(../images/layout/icon_close.png) center no-repeat;background-size:100% auto}
#header .search.active .close{visibility:visible;overflow:visible;width:4.8rem;height:4.8rem;opacity:1;overflow:hidden}
#header .search.active .close::before{transform:rotate(0);transition:all 0.2s}
#header .search.active .close:hover::before, 
#header .search.active .close:focus::before{transform:rotate(180deg)}

#header .search .group{visibility:hidden;overflow-y:auto;align-items:center;justify-content:center;width:100%;height:100%;opacity:0;position:fixed;left:0;top:0;z-index:999;background-color:#DEE2E8;transition:all 0.2s}
#header .search .group .search_box{display:table;width:100%;height:100%;table-layout:fixed}
#header .search .group .search_box .sch_content{display:table-cell;vertical-align:middle}
#header .search .inner{position:static;width:calc(100% - 3.2rem);max-width:84.6rem;padding:0}
#header .search .search_top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:0;background:none}
#header .search .search_top .label{font-size:3.2rem;font-weight:700}
#header .search .search_top .link{position:relative;display:inline-block;text-align:right;transition:all .2s}
#header .search .search_top .link:before{content:"";position:absolute;left:0;bottom:0;width:0;border-bottom:1px solid var(--secondary50);transition:all .3s}
#header .search .search_top .link:after{content:"";display:inline-block;margin-left:.4rem;width:2rem;height:2rem;background:url(../images/layout/icon_right_arrow.png) center no-repeat;background-size:2rem auto;vertical-align:middle}
#header .search .search_top .link:hover,
#header .search .search_top .link:focus{color:var(--secondary50)}
#header .search .search_top .link:hover:before,
#header .search .search_top .link:focus:before{width:100%}

#header .search .form{margin-top:2rem;width:100%;max-width:100%;position:relative}
#header .search .form input{width:100%;height:8rem;padding:1rem 8.4rem 1rem 2rem;border:1px solid var(--gray60);transition: all 0.2s;border-radius:1.2rem;font-size:2.5rem;font-weight:700}
#header .search .form button{display:inline-block;overflow:hidden;width:4rem;height:4rem;text-align:center;vertical-align:middle;position:absolute;right:2.4rem;top:2rem}
#header .search .form button::before{content:"";display:block;width:100%;height:100%;background:url(../images/layout/icon_search.svg) center no-repeat;background-size:contain}
#header .search.active .group{visibility:visible;opacity:1;padding:1rem 0}
#header .search .search_info{position:relative;min-height:50rem;margin-top:4rem;padding-top:4rem;border-top:1px solid var(--gray40)}
#header .search .search_info .top_search{display:flex;flex-wrap:wrap}
#header .search .search_info .top_search .ts_item{width:50%;padding:.8rem 2.4rem}

.search_info .keyword_close{position:absolute;right:0;top:0;transition:color .3s}
.search_info .keyword_close:after{content:"\EB99";font-family:"remixicon";display:inline-block;margin-left:.4rem;transition:transform .3s}
.search_info .keyword_close:hover,
.search_info .keyword_close:focus{color:#246BEB;text-decoration:underline}
.search_info .keyword_close:hover:after,
.search_info .keyword_close:focus:after{transform:rotate(180deg)}

.top_search .ts_item{border-left:1px solid var(--gray40)}
.top_search .ts_item:first-child{border-left:0}
.top_search .ts_item .title{display:block;margin-bottom:3rem;font-size:2.1rem;font-weight:700}
.top_search [class*="_lst"] > li{margin-top:2rem;line-height:1}
.top_search [class*="_lst"] > li a .keyword{position:relative;display:inline-block;overflow:hidden;text-overflow:ellipsis;max-width:100%;white-space:nowrap;}
.top_search [class*="_lst"] > li a .keyword:before{content:"";width:0;position:absolute;left:0;bottom:0;border-bottom:1px solid var(--gray90);transition:all .3s}
.top_search [class*="_lst"] > li a:hover .keyword:before{width:100%}

.sch_lst > li > a{display:block;position:relative;padding:0 4rem 0 2.8rem}
.sch_lst > li .rank{position:absolute;left:0;top:0}
.sch_lst > li .rank_turn{display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:0;width:3.2rem;text-align:center;font-size:1.5rem}
.sch_lst > li .rank_turn.up{color:#2768FF}
.sch_lst > li .rank_turn.down{color:#EB003B}
.sch_lst > li .rank_turn.keep{font-size:1.7rem}
.sch_lst > li .rank_turn.up:before,
.sch_lst > li .rank_turn.down:before{content:"";display:inline-block;margin-right:.2rem;border-width:0 .5rem .6rem;border-style:solid;border-color:transparent transparent #2768FF}
.sch_lst > li .rank_turn.down:before{border-width:.6rem .5rem 0;border-color:#EB003B transparent transparent}

.latest_sch_lst > li{position:relative;padding-right:2.8rem}
.latest_sch_lst > li .btn_del{position:absolute;right:0;top:0;}
.btn_del{display:inline-block;width:2rem;height:2rem;background:url(../images/layout/icon_del.png) center no-repeat;background-size:.8rem;transition:all .3s}
.btn_del:hover,
.btn_del:focus{transform:rotate(180deg)}

.d_all_keyword{margin-top:4rem}
.d_all_keyword:after{content:"";position:relative;top:-.1rem;display:inline-block;width:2rem;height:2rem;margin-left:.4rem;background:url(../images/layout/icon_del.png) center no-repeat;background-size:.8rem;vertical-align:middle}

.search_info .keyword_input{display:none;position:absolute;left:0;top:4rem;width:100%;height:calc(100% - 4rem);padding:3rem 2.4rem 0;background-color:#DEE2E8}
.search_info .keyword_input a{display:block}
.search_info .keyword_input a:hover{color:var(--secondary50)}
.search_info .keyword_input > ul > li{position:relative;margin-top:1.5rem}
.search_info .keyword_input > ul > li.link{padding-right:12rem}
.search_info .keyword_input > ul > li.link .go_link{position:absolute;right:0;top:50%;transform:translateY(-50%)}

.mobile_menu_sch{display:none;position:fixed;width:100%;height:calc(100% - 6rem);left:0;top:6rem;padding:0 1.5rem;z-index:2}
.mobile_menu_sch .menu_sch_input{position:relative}
.mobile_menu_sch .schKey{color:#2F7EF4;font-weight:600}
.menu_sch_input input[type=text]{width:100%;height:5.6rem;padding:0 5.6rem 0 1.6rem;border:1px solid #717171;border-radius:.8rem}
.menu_sch_input button{position:absolute;right:0;top:50%;transform:translateY(-50%);width:5.6rem;height:5.6rem;line-height:5.6rem;text-align:center}
.mobile_menu_sch .menu_schClose{display:none}
.mobile_menu_sch .menu_schBtn:before{content:"\F0D1";font-family:'remixicon';font-size:2.5rem;color:#2d2d2d}
.mobile_menu_sch .menu_schClose:before{content:"\EB96";font-family:'remixicon';font-size:2.5rem;color:#ccc}
.menu_sch_wrap{display:none;position:relative;width:calc(100% + 3rem);height:calc(100% - 7rem);margin:1.4rem 0 0 -1.5rem;padding:2.5rem 1.5rem;overflow-y:auto;background:#fff}
.menu_sch_wrap .no_data{position:relative;text-align:center;margin-top:4rem;font-size:1.5rem;font-weight:500}
.menu_sch_wrap .no_data:before{content:"\ECA0";font-family:'remixicon';display:block;margin-bottom:.5rem;font-size:5rem;line-height:1}
.menu_sch_result .top_result{margin-bottom:3rem;text-align:center;font-weight:500}
.menu_sch_result .menu_result_list > li+li{margin-top:2rem}
.menu_sch_result .menu_result_list a:hover,
.menu_sch_result .menu_result_list a:focus{text-decoration:underline}
.mobile_menu_sch.active{z-index:4}
.mobile_menu_sch.active .menu_sch_wrap{display:block}

/* GNB 메뉴 */
#gnb1{display:inline-block;vertical-align:middle}
#gnb1 a[target="_blank"]:after{top:-.1rem;margin-left:.4rem}
#gnb1 > ul{display:flex}
#gnb1 > ul > li{flex:0 0 auto;margin-right:1.6rem}
#gnb1 > ul > li:last-child{margin-right:0}
#gnb1 > ul > li > a{display:flex;align-items:center;height:6.2rem;position:relative;padding:0 1.6rem;font-size:1.9rem;font-weight:700;color:#555;vertical-align:top;transition:all .3s}
#gnb1 > ul > li > a:before{content:"";position:absolute;left:50%;bottom:0;width:0;transform:translateX(-50%);border-bottom:.4rem solid #003675;transition:all .3s;z-index:-1}
#gnb1 > ul > li.active > a{position:relative;z-index:2;color:#003675}
#gnb1 > ul > li.active_chk > a{position:relative;z-index:2;color:#003675;border-bottom:.4rem solid #003675;}
#gnb1 > ul > li.active > a:before{width:100%}
#gnb1 > ul > li.plus > a:after{content:"";display:inline-block;margin-left:.8rem;width:2rem;height:2rem;background:url(../images/layout/icon_gnb_arrow.png) center no-repeat;background-size:2rem auto;transition:all .3s}
#gnb1 > ul > li.active.plus > a:after{background-image:url(../images/layout/icon_gnb_arrow_ov.png)}
#gnb1 > ul > li.active.plus > a:after{transform:rotate(180deg)}
#gnb1 a:focus{outline-offset:-.2rem}
#gnb1 .submenu > ul ul a:focus{outline-offset:0}

#gnb1 .submenu{left:50%;transform:translateX(-50%);position:absolute;visibility:hidden;overflow:hidden;width:128rem;height:auto;min-height:20rem;opacity:0;top:calc(100% - 1px);z-index:10;max-width:100%;text-align:left}
#gnb1 .submenu::before{position:absolute;top:0;z-index:-1;height:100%;content:"";left:50%;width:100vw;transform:translateX(-50%);border-top:1px solid #ddd;background-color:#fff}
#gnb1 .submenu::after{position:absolute;top:0;z-index:-1;height:100%;content:"";left:50%;width:100vw;transform:translateX(-50%);top:100%;clear:both;height:10000%;background-color:#000;opacity:.7}
#gnb1 > ul > li.active .submenu{visibility:visible;overflow:visible;opacity:1}

#gnb1 .submenu > ul{display:flex;position:relative;flex-direction:column;width:calc(100% + 2rem);height:100%;min-height:20rem;flex-wrap:wrap;width:100%;margin-right:-2rem;padding:1.6rem 0;color:#1d1d1d}
#gnb1 .submenu > ul:before{content:"";position:absolute;left:0;top:0;width:26rem;height:100%;background:#edf1f5}
#gnb1 .submenu > ul > li{display:flex}
#gnb1 .submenu > ul > li > a{width:26rem;height:5.6rem;display:flex;align-items:center;position:relative;padding:0 2.4rem;transition:all 0.2s;background:#edf1f5;font-weight:700;color:#1d1d1d}
#gnb1 .submenu > ul > li > a:hover, 
#gnb1 .submenu > ul > li > a:focus,
#gnb1 .submenu > ul > li.active > a{background:#fff}
#gnb1 .submenu > ul > li .dep3{display:none;position:absolute;left:0;top:0;width:calc(100% - 26rem);margin-left:26rem;padding:2.4rem 4rem}
#gnb1 .submenu > ul > li.active > .dep3{display:block}
.dep3_title{display:flex;height:5.6rem;align-items:center;margin-bottom:2.4rem;font-size:2.5rem;font-weight:700}
.dep3_title a:after{content:"";display:inline-block;position:relative;top:-.2rem;margin-left:.4rem;width:2.4rem;height:2.4rem;background:url(../images/layout/icon_gnb_rightArrow.png) center no-repeat;background-size:2rem auto;vertical-align:middle}
#gnb1 .submenu > ul ul{display:flex;flex-wrap:wrap}
#gnb1 .submenu > ul ul li{position:relative;width:calc(25% - 1.6rem);margin:0 1.6rem 2rem 0;padding-left:1.2rem}
#gnb1 .submenu > ul ul li::before{content:"･";position:absolute;left:0;top:.1rem;font-size:1.7rem}
#gnb1 .submenu > ul ul a{position:relative;text-align:left;font-size:1.6rem}
#gnb1 .submenu > ul ul a:hover,
#gnb1 .submenu > ul ul a:focus{color:#002b5e}
#gnb1 .submenu > ul ul a::before{display:block;position:absolute;left:0;bottom:0;width:0;max-width:100%;height:1px;background-color:#002b5e;content:"";transition:all 0.2s}
#gnb1 .submenu > ul ul a:hover::before, #gnb1 .submenu > ul ul a:focus::before{width:100%}

#gnb2{display:none}
#gnb2 .dep3_title{display:none}
#gnb2 .submenu .dep1_title{margin-bottom:.8rem;padding:1.6rem 0;font-size:1.9rem;font-weight:700;line-height:2.4rem;border-bottom:1px solid #d8d8d8}

#gnb2 .control{position:absolute;left:50%;top:5.5rem;margin-left:calc(128rem / 2);transform:translateX(-100%)}
#gnb2 .control.open{display:none;font-size:1.7rem;color:var(--gray90);font-weight:700}
#gnb2 .control.open::before{content:"";display:block;margin:0 auto .2rem;width:2rem;height:2rem;background:url(../images/layout/icon_all_menu.svg) center no-repeat;background-size:2rem auto}
#gnb2 .control.close{display:none;position:fixed;top:2rem;right:1.5rem;width:2rem;height:2rem;z-index:100;overflow:hidden;transform:translate(2rem, 0)}
#gnb2 .control.close::before{content:"";display:block;width:100%;height:100%;background:url(../images/layout/icon_close_24.png) center no-repeat;background-size:2rem auto;transition:all 0.2s}
#gnb2 .control.close:hover::before, 
#gnb2 .control.close:focus::before{transform:rotate(180deg)}
@keyframes rotate {
  0%{transform:rotate(0deg)}
  100%{transform:rotate(360deg)}
}
#gnb2 > ul {visibility:hidden;overflow:hidden;width:0;height:0;opacity:0;top:50%;left:50%;transform:translate(-50%, -50%);position:absolute;display:table;width:100%;table-layout:fixed;position:fixed;z-index:99;color:#1d1d1d;text-align:left}
#gnb2 > ul > * {display:table-cell;vertical-align:middle}
#gnb2 > ul > li {position:relative;padding:5rem 1rem;vertical-align:top}
#gnb2 > ul > li::after {top:50%;transform:translateY(-50%);position:absolute;right:0;width:1px;height:10000%;background-color:#fff;content:"";opacity:0.2}
#gnb2 > ul > li:first-child::before {top:50%;transform:translateY(-50%);position:absolute;left:0;width:1px;height:10000%;background-color:#fff;content:"";opacity:0.2}
#gnb2 > ul > li:last-child::before{content:"";position:absolute;top:50%;left:50%;width:10000%;height:1000%;transform:translate(-50%, -50%);background-color:#DEE2E8;z-index:-1}
#gnb2 > ul > li > a {display:block;margin-bottom:2rem;font-size:2rem;font-weight:700}
#gnb2 > ul .submenu a{display:block}
#gnb2 > ul .submenu > ul a{display:block;position:relative;line-height:2.4rem}
#gnb2 > ul .submenu > ul a:hover,
#gnb2 > ul .submenu > ul a:focus{color:#003675}
#gnb2 > ul .submenu > ul > li > a{padding:1.5rem 0}
#gnb2 > ul .submenu > ul > li > a:hover,
#gnb2 > ul .submenu > ul > li > a:focus{font-weight:bold}
#gnb2 > ul .submenu > ul > li > a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background-color:#000;transition:all 0.2s}
#gnb2 > ul .submenu > ul > li > a:hover::after, 
#gnb2 > ul .submenu > ul > li > a:focus::after{width:100%}
#gnb2 > ul .submenu > ul > li > .dep3{padding-left:1.6rem}
#gnb2 > ul .submenu > ul ul a{padding:1rem 0 1rem 1.3rem;transition:all 0.2s}
#gnb2 > ul .submenu > ul ul a:before{content:"･";position:absolute;left:.2rem;top:1.3rem}
#gnb2 > ul .submenu > ul ul a:hover, 
#gnb2 > ul .submenu > ul ul a:focus{color:#00389D}
#gnb2.active .close{display:block}
#gnb2.active > ul{visibility:visible;overflow:visible;width:128rem;height:auto;opacity:1}

[id^=gnb] li.on > a{text-decoration:underline}

/* Footer */
#footer{background-color:var(--gray10);color:var(--gray90)}

.related{background:#fff;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8}
.related > ul{display:flex;flex-wrap:wrap}
.related > ul > li{flex:0 0 25%;max-width:50%;border-left:1px solid #d8d8d8}
.related > ul > li:last-child{border-right:1px solid #d8d8d8}
.related .label{position:relative;display:flex;width:100%;height:5.4rem;align-items:center;padding:0 6rem 0 2.4rem}
.related .label:after{content:"\EA13";font-family:"remixicon";position:absolute;right:2.4rem;top:50%;transform:translateY(-50%);font-size:2rem}
.related_detail{display:none;position:fixed;left:0;top:0;width:100%;height:100%;padding:1rem 0;overflow-y:auto;background:#EDF1F5;z-index:99}
.related_detail .inner{position:relative;display:table;width:calc(100% - 3.2rem);height:100%;table-layout:fixed}
.related_detail .inner .item{display:table-cell;vertical-align:middle}
.related_detail .inner .item .item_box{position:relative}
.related_detail .title{display:block;margin-bottom:2.6rem;font-size:2.5rem;font-weight:700}
.related_detail .close{position:absolute;right:0;top:.6rem;width:2.4rem;height:2.4rem;background:url(../images/layout/icon_close.png) center no-repeat;background-size:2.4rem auto;transition:all .3s}
.related_detail .close:hover,
.related_detail .close:focus{transform:rotate(180deg)}
.related_detail .list{display:flex;flex-wrap:wrap}
.related_detail .list > li{flex:0 0 calc(25% - 1.6rem);margin:.8rem 1.6rem 0 0;padding:1.2rem .8rem;line-height:2.4rem}
.related_detail .list > li > a{display:inline-block;position:relative;padding-left:1.3rem}
.related_detail .list > li > a:before{content:"･";position:absolute;left:0;top:.1rem}
.related .group.active .related_detail{display:block}

#footer .footer_wrap{width:128rem;max-width:calc(100% - 3.2rem);margin:0 auto;position:relative;padding:4rem 0}
#footer .footer_top{margin-bottom:4rem}
#footer .footer_info{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:4rem}
#footer .footer_info .addr{padding-right:2rem}
#footer .footer_info address{margin-bottom:2.4rem}
#footer .footer_info .link_area{width:30rem}
#footer .link_lst a{display:inline-block;line-height:2rem;padding:1rem;font-weight:700}
.sns_link_wrap{margin-top:4rem}
.sns_lst{display:flex}
.sns_lst > li{margin-left:.8rem}
.sns_lst > li > a{display:block;width:4rem;height:4rem;border:1px solid var(--gray20);background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:4rem auto;border-radius:50%}
.sns_lst > li.youtube > a{background-image:url(../images/layout/icon_sns_youtube.png)}
.sns_lst > li.facebook > a{background-image:url(../images/layout/icon_sns_facebook.png)}
.sns_lst > li.twitter > a{background-image:url(../images/layout/icon_sns_twitter.png)}
.sns_lst > li.instagram > a{background-image:url(../images/layout/icon_sns_instagram.png)}
.sns_lst > li.blog > a{background-image:url(../images/layout/icon_sns_blog.png)}

.r_arrow_icon:after{content:"";display:inline-block;position:relative;top:-.2rem;margin-left:.4rem;width:2rem;height:2rem;vertical-align:middle;background:url(../images/layout/icon_gnb_rightArrow.png) center no-repeat;background-size:1.6rem auto}

.footer_bottom{padding-top:.8rem;border-top:1px solid var(--gray30)}
#fnb{position:relative;z-index:0;margin-bottom:.8rem}
#fnb .fnb_lst{display:flex;flex-wrap:wrap}
#fnb .fnb_lst li{margin-right:1rem;padding:0 1rem}
#fnb .fnb_lst li a{display:flex;height:4rem;align-items:center;position:relative;transition:all .2s}
#fnb .fnb_lst li.point a{font-weight:700;color:#003675;text-decoration:underline}
#fnb .fnb_lst li.point.t2 a{text-decoration:none}

.btn_top{opacity:0;margin-bottom:-2rem;position:fixed;bottom:3rem;right:3rem;display: inline-block;width: 5rem;height: 5rem;text-align: center;line-height: 5rem;vertical-align: middle;border-radius: 100%;border: 1px solid #d8d8d8;background-color: #fff;color:#1d1d1d;text-align: center;transition:all .3s;z-index:1}
.btn_top::before{font-family: "remixicon";content: "\F2EB";display: block;width: 100%;height: 100%;line-height: inherit;font-size:2rem}
.btn_top::after{position:absolute;left:-1px;right:-1px;top:-1px;bottom:-1px;z-index:-1;height:100%;content:"";border-radius: 100%;opacity:0;border:1px solid #ddd}
.btn_top:hover::after, 
.btn_top:focus::after{animation: circle 1s infinite}
.btn_top.active{opacity:1;margin-bottom:0}

@keyframes circle{
  0%{transform:scale(1);opacity:1}
  100%{transform:scale(1.4);opacity:0}
}

/* Responsive */
@media screen and (max-width:1280px){
  .gov_top{padding:.6rem 1.6rem 0;transition:padding .2s}
  .header_top .inner{padding:4.4rem 1.6rem 1.6rem;transition:padding .2s}
}

@media screen and (max-width:1024px) {
  .mo_none{display:none !important}
  .header_bottom{display:none}
  #header .search .open{display:flex;flex-direction:column;height:4.5rem;justify-content:space-between;position:absolute;right:9rem;bottom:2rem;margin:0;padding:0;font-weight:400}
  #header .search .open::before{display:block;margin:0 auto .2rem}
  #header .search .inner{position:relative}
  #header .search .close{right:0;top:-5rem}
  #header .search.active .group{padding:7rem 0 1rem}
  #header .search.active .close{width:3rem;height:3rem}
  #header .search .group .search_box .sch_content{vertical-align:top}

  #header.menu_on .mobile_menu_sch{display:block}

  #gnb2{display:block}
  #gnb2.active{position:fixed;top:13rem;left:0;width:100%;height:calc(100vh - 13rem);overflow:hidden;overflow-y:auto;background:#edf1f5;z-index:3}
  #gnb2 .control.open{display:flex;flex-direction:column;height:4.5rem;justify-content:space-between;line-height:1;font-weight:400}
  #gnb2 .control{top:5.5rem;left:auto;right:1.6rem;margin-left:0;transform:translate(0)}
  #gnb2 .control.close{transform:rotate(180deg)}
  #gnb2 > ul{display:block;top:0;left:auto;right:0;max-width:100%;margin-top:13rem;background-color:#fff;transform:translate(0);color:#1d1d1d}
  #gnb2 > ul::before{content:"";position:absolute;left:0;top:0;z-index:-1;width:14rem;height:calc(100% - 13rem);background-color:#edf1f5}
  #gnb2 > ul > li {display:block;position:static;padding:0}
  #gnb2 > ul > li::before, 
  #gnb2 > ul > li::after{display:none}
  #gnb2 > ul > li > a{display:block;width:14rem;margin-bottom:0;padding:2rem 2.4rem;line-height:2.4rem;color:#1d1d1d;font-size:1.7rem}
  #gnb2 > ul > li.active > a{background-color:#fff;color:#003675}
  #gnb2 > ul > li.active .submenu{visibility:visible;overflow-y:auto;width:calc(100% - 14rem);height:calc(100% - 13rem);opacity:1;padding:1.6rem 2.4rem;border-left:1px solid #d8d8d8;transition:all 0.2s}
  #gnb2 > ul .submenu{visibility:hidden;overflow:hidden;position:absolute;left:14rem;top:0;width:calc(100% - 14rem);height:0;opacity:0}
  #gnb2 > ul .submenu > ul ul{color:inherit}
  #gnb2 > ul .submenu div a:hover, 
  #gnb2 > ul .submenu div a:focus {color:inherit !important;text-decoration:underline}
  #gnb2.active > ul {width:100%;height:100%}
  #gnb2 > ul .submenu > ul > li > a::after{display:none}

  #header.menu_on .header_util{display:flex;right:auto;left:.8rem;top:1.4rem;z-index:4}
  #header.menu_on{position:absolute;top:0;left:0;width:100%}
  #header.menu_on .search .open.mobile{display:block;position:absolute;left:2.4rem;top:6.8rem;right:auto;bottom:auto;padding:0 1.6rem;width:calc(100% - 4.8rem);height:4.8rem;line-height:4.8rem;overflow:hidden;z-index:2;left:2.4rem;border:1px solid #717171;border-radius:.6rem;color:#8e8e8e;background-color:#fff;text-align:left;white-space:nowrap;}
  #header.menu_on .search .open.mobile:before{display:none}
  #header.menu_on::before{content:"";position:absolute;left:0;top:0;width:100%;height:13rem;background:#fff;border-bottom:1px solid #d8d8d8;z-index:2}

  .related_detail{padding:2.4rem 0 1rem}
  .related_detail .inner .item{vertical-align:top}
}
@media screen and (min-width:1024px) {
  #wrap.scrUp #header{position:fixed;left:0;top:0;width:100%;z-index:99;box-shadow:0 0 1rem rgba(0,0,0,.15);transition:all .3s}
  #wrap.scrUp #main{margin-top:17.8rem}
}
@media screen and (max-width:768px){
  .related > ul > li{flex:0 0 50%}
  .related > ul > li:nth-child(2n + 1){border-left:0}
  .related > ul > li:last-child{border-right:0}
  .related > ul > li:nth-child(n+3){border-top:1px solid #d8d8d8}
  .related_detail .list > li{flex:0 0 calc(33.3% - 1.6rem)}
}
@media screen and (max-width:600px){
  .gov_top .gov_desc{margin-right:0;font-size:1.625rem}
  .gov_top .toggle_btn,
  .header_util{display:none}
  
  .header_top .inner{height:8rem;padding:0 2rem}
  #logo{margin-top:2rem}
  #logo img{width:12.5rem}
  .top_logo2{width:9rem;margin:2.4rem 0 0 .7rem}
  
  .top_search .sch_lst{width:calc(100% + 1rem);margin-top:-2rem}
  .top_search .sch_lst > li{float:left;width:calc(50% - 1rem);margin-right:1rem}
  #header .search .search_top{flex-direction:column;align-items:flex-start}
  #header .search .search_info{border-top:0}
  #header .search .search_info:before{content:"";position:absolute;top:0;left:-1.6rem;right:-1.6rem;border-top:1px solid var(--gray40)}
  #header .search .search_info .top_search .ts_item{width:100%;border-left:0;padding:0}
  #header .search .search_info .top_search .ts_item.latest_kw{margin-top:3.2rem;padding-top:3.2rem;border-top:1px solid var(--gray40)}

  #header .search .open,
  #gnb2 .control.open{height:4.375rem;font-size:1.625rem}
  #header .search .open{right:9.375rem;bottom:1.8rem} 
  #gnb2 .control.open{right:2rem;top:1.8rem}

  .related_detail .list > li{flex:0 0 calc(50% - 1.6rem)}

  #footer .footer_info{flex-direction:column}
  #footer .footer_info .addr{padding:0 0 0 1rem}
  #footer .footer_info .link_area{margin-top:3.2rem}
  #fnb{margin-bottom:2.4rem}
  .related .label{font-size:1.75rem}
  .copyright{padding-left:1rem}
  .btn_top{right:1.6rem;bottom:1.6rem}
}
@media screen and (max-width:500px){
  .related > ul{flex-direction:column}
  .related > ul > li{flex:auto;max-width:inherit;border-left:0}
  .related > ul > li:nth-child(n+2){border-top:1px solid #d8d8d8}
}