@charset "utf-8";
a:focus{outline:red 2px solid}
button:focus{outline:red 2px solid}
/* base */
*{margin:0;padding:0;border:0;background:none;font-weight:normal;word-break:break-all;word-break:keep-all}
html, body{height:auto;min-height:100%; min-width:1900px; width:auto; font:16px 'Malgun Gothic', Helvetica, AppleGothic, Sans-serif;color:#767676;line-height:1.5;letter-spacing:-1px}
html *, body *{font-size:16px}
a, a:link, a:visited, a:hover, a:active{text-decoration:none}
ul, li{list-style-type:none}
table, th, td{border-collapse:collapse;border-spacing:0}
caption{position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;}
a{color:#646472;cursor:pointer}

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
body{background:#fff;font-family:'Noto Sans KR','Malgun Gothic','맑은 고딕',sans-serif;font-size:18px;color:#646472;letter-spacing:-.25px}

/* main common */

.inner{width:1200px;margin:0 auto;}
.imgset_main{display:inline-block;overflow:hidden;background-image:url(../img/main/img_set.png?2024050201);font-size:0;line-height:0;text-indent:-9999px}

/* header */
#header{background:#fff}
#header .header_logo{height:88px;border-bottom:1px solid #c6d6e3}
#header .header_logo h1{text-align:center;float:left;width:52%}
#header .header_logo h1 .logo{width:390px;height:54px;background-position:2px -1px;margin-top:22px;}
#header .header_logo div{text-align:center;}
#header .header_logo div .logo{width:390px;height:54px;background-position:2px -1px;margin-top:22px;}
#header #gnb{color:#484848;height:60px;border-bottom:1px solid #c6d6e3;}
.header_top {margin:auto;left:0px;width: 1900px;height:60px;right:0px;position:absolute;z-index:4;background:#fff}
.header_top::after{width:50%;height:0px;display:block;position:absolute;content:"";}
.header_top::before{width:50%;height:60px;display:block;position:absolute;content:"";}

/*행동요령 이미지 사이즈 고정*/
.max-small{width:100%;height:auto;max-width:500px;max-height:100%;}

.nav > .inner::before{clear:both;display:block;content:"";}
.nav{position:relative;}
.nav{z-index:10;}
.nav > .inner{margin:0px auto;width:1200px;}

/*gnb*/
.gnbmenu{float:left;}
.gnbmenu::after{clear:both;display:block;content:"";}
.gnbmenu > li{height:61px;float:left;}
.gnbmenu > li > a{padding:0px;color:#484848;line-height:59px;letter-spacing:-0.5px;font-size:17px;font-weight:bold !important;display:block;}
.gnbmenu .mn1{width:200px;text-align:center}
.gnbmenu .mn2{width:200px;text-align:center}
.gnbmenu .mn3{width:200px;text-align:center}
.gnbmenu .mn4{width:200px;text-align:center}
.gnbmenu .mn5{width:200px;text-align:center}
.gnbmenu .mn6{width:200px;text-align:center}
.gnbmenu > li.active > a{color:#ea3054;}
.gnbmenu > li > a:hover{color:#ea3054;}
.gnbmenu .submenubox{background:#283271;margin:0px auto;left:0px;top:61px;width:100%;display:none;position:absolute;z-index:20;box-shadow:0px 10px 18px -5px rgba(0,0,0,0.37);-webkit-box-shadow:0 10px 18px -5px rgba(0, 0, 0, .37);-moz-box-shadow:0 10px 18px -5px rgba(0, 0, 0, .37);}
.gnbmenu .active .submenubox{display:block;}
.gnbmenu .submenus{margin:0px auto;width:1200px;border-left-color:#1d2767;border-left-width:1px;border-left-style:solid;}
.gnbmenu .submenus > li{height:420px;}
.gnbmenu .mn4 .submenus{margin:0px auto;width:800px;position:relative;}
.gnbmenu .mn6 .submenus{margin:0px auto;width:199px;padding-left:1000px;position:relative;}
.gnbmenu .mn6 .submenus::after{top:0px;width:1px;height:350px;right:0px;margin-right:198px;border-left-color:#1d2767;border-left-width:1px;border-left-style:solid;position:absolute;}
.gnbmenu .mn5 .v1 li{padding:5px 0px 5px 10px!important;}
.submenus::after{clear:both;display:block;content:"";}
.submenus > li{padding:0px 0px 0px 0px;width:170px;border-right-color:#1d2767;border-right-width:1px;border-right-style:solid;float:left;}
.mn4 .submenus > li{width:199px;}
.submenus > li > a{color:#b5f5ff;line-height:25px;letter-spacing:-0.5px;font-size:14px;font-weight:700;display:block;text-align:left;padding-left:10px!important}

.subsubmenu{margin-bottom:25px;}
.subsubmenu > li{padding:7px 0px 7px 10px;}
.subsubmenu > li > a{color:#fff;line-height:13px;font-size:13px;font-weight:400;display:block;text-align:left}
.subsubmenu > li > a:hover{padding:0px 10px;border-left-width:5px;border-left-style:solid;}
.submenus .sub_tit{background:#1a235e;display:block;padding:8px 0;margin-bottom:10px;}

/* container */
#container{overflow:hidden;clear:both;}
#container .section_c{width:100%;display:block}
#container .c1{background:#dbe9f5;margin-top:61px;}
#container .c2{background:#2a4383;}
#container .c3{background:#4761a1}

.news_section {margin:33px 0 22px 0;width:772px;height:306px;border:10px solid #fc80ac;background:#fff;display:block;float:left}
.news_title{height:50px;}
.news_title h3{font-size:18px;color:#3c447d;font-weight:bold;line-height:50px;padding-left:24px;letter-spacing:-1px;}
.news_list li{height:45px;padding:5px 15px 0 146px;position:relative;display:block;font-size:14px;letter-spacing:-0.6px;line-height:20px;color:#585858; text-overflow:ellipsis; overflow:hidden;}
.news_list li .org{position:absolute;top:5px;left:20px;background:#ce225f;color:#fff;border-radius:20px;text-align:center;width:108px;height:30px;letter-spacing:-1px;font-size:13px;line-height:30px;}
.news_list li strong{font-weight:600;font-weight:bold;margin-right: 5px; font-size: 16px;}
.info_popup{;margin:33px 0 22px 0;display:block;float:right}
.clear:after{clear:both;content:"";display:table;}

.dpt_01{width:376px;height:177px;float:left;background:#fff;border-radius:8px;margin:25px 0;}
.dpt_01 .btn a{color:#6e6f76;height:140px;font-size:15px;letter-spacing:-1px;line-height:44px;display:block;font-weight:bold}
.dpt_01 .btn{width:49.8%;float:left;margin-top:20px;border-right:1px solid #e2e2e2;display:inline-block;text-align:center;line-height:28px;}
.dpt_01 .btn:last-child{border-right:none}
.dpt_01 .btn .icon{width:104px;height:104px;padding-top:0px;margin:0 auto;vertical-align:top;clear:both;display:block}
.dpt_01 .btn .v1 .icon{background-position:-2px -59px;}
.dpt_01 .btn .v2 .icon{background-position:-112px -59px;}

.dpt_02 {width:792px;height:177px;float:right;background:#fff;border-radius:8px;margin:25px 0;}
.dpt_02 .aside{float:left;width:206px;height:177px;position:relative;letter-spacing:-0.8px;}
.dpt_02 .aside h3{padding:15px 0 0 20px;font-size:18px;color:#1b83ed;font-weight:bold}
.dpt_02 .aside .icon{margin-top:25px;width:138px;height:115px;background-position:-220px -51px;}
.dpt_02 ul{float:left}
.dpt_02 ul li{display:inline-block;padding:0 15px}
.dpt_02 ul li a{background-color:#4d78bd;width:160px;height:160px;border-radius:50%;display:block;box-shadow:4px 4px #dbdbdb;margin-top:8px;text-align:center;color:#fff;font-weight:bold;letter-spacing:0.2px}
.dpt_02 ul li a:hover{background-color:#2a4383;}
.dpt_02 ul li a .icon{width:104px;height:104px;margin:3.5px 0;}
.dpt_02 ul li .v1 .icon{background-position:-2px -165px;}
.dpt_02 ul li .v2 .icon{background-position:-111px -165px;}
.dpt_02 ul li .v3 .icon{background-position:-227px -165px;}

.dpt_03{height:177px;float:left;background:#fff;margin:25px 0;background:#fff;margin-right:25px;padding:0px 16px 16px 94px;box-sizing:border-box;position:relative}
.dpt_03.d1{width:438px;border:2px solid #89b7f1}
.dpt_03.d2{width:438px;border:2px solid #7c88dc}
.dpt_03.d3{width:272px;border:2px solid #9b91e4;margin-right:0;}
.dpt_03 .aside{width:73px;height:173px;display:block;left:0;top:0;position:absolute}
.dpt_03.d1 .aside{background-color:#95b6e0;background-position:-10px -290px;}
.dpt_03.d2 .aside{background-color:#949cd3;background-position:-110px -290px;}
.dpt_03.d3 .aside{background-color:#a6a0d6;background-position:-205px -290px;}
.dpt_03 .d_list{display:block;clear:both;float:left;}
.dpt_03 h3 {display:block;line-height:48px;font-weight:bold}
.dpt_03.d1 h3{color:#4e86cc;}
.dpt_03.d2 h3{color:#3545b1;}
.dpt_03.d3 h3{color:#6b60ba;}
.dpt_03 ul{float:right}
.dpt_03 ul li{display:inline-block}
.dpt_03.d1 ul li{width:49.0%;margin-bottom:8px}
.dpt_03.d2 ul li{width:49%;margin-bottom:6px}
.dpt_03.d3 ul li{width:100%;margin-bottom:8px}
.dpt_03 ul li a{width:100%;display:block;background:#f1f1f2;border-radius:4px;text-align:center;font-size:14px;letter-spacing:0.2px;font-weight:700}
.dpt_03 ul li a:hover,.dpt_03 ul li a:active{color:#fff}
.dpt_03.d1 ul li a:hover,.dpt_03.d1 ul li a:active{background:#4e86cc;}
.dpt_03.d2 ul li a:hover,.dpt_03.d2 ul li a:active{background:#3545b1;}
.dpt_03.d3 ul li a:hover,.dpt_03.d3 ul li a:active{background:#6b60ba;}
.dpt_03.d1 ul li a{line-height:50px;}
.dpt_03.d2 ul li a{line-height:25px;}
.dpt_03.d3 ul li a{line-height:50px;}
.dpt_03.d2 ul li:nth-child(4) a{letter-spacing:-1px;}

/* linksite */
.linksite {width:100%;background:#314178;height:64px;clear:both;margin-bottom:37px;}
.linksite .tit{line-height:64px;color:#c1d0f8;padding:0 20px 0 24px;float:left;font-weight:bold}
.linksite .bx-controls{float:left}
.linksite .bx-controls-direction{margin:18px 17px 0 0;float:left;padding:0}
.linksite .bx-controls-direction a{width:26px;height:26px;display:inline-block;border:1px solid #fff;margin:0;float:left}
.linksite .bx-prev{background-position:-348px -224px;border-right:none!important;}
.linksite .bx-stop{background-position:-374px -224px;}
.linksite .active{background-position:-400px -224px;}
.linksite .bx-next{background-position:-428px -224px;border-left:none!important;}
.linksite .bx-prev:hover{background-color:#1c2a5c;background-position:-348px -224px}
.linksite .bx-stop:hover{background-color:#1c2a5c;background-position:-374px -224px}
.linksite .bx-next:hover{background-color:#1c2a5c;background-position:-428px -224px}
.linksite .bx-wrapper{position:relative;max-width:860px!important;margin:0 auto;float:left;padding-left:20px;}
.linksite .bxslider2{margin:0 auto}
.linksite .slide{width:auto !important;margin:0;padding:0}
.linksite .slide a{display: inline-block;padding:8px 35px 8px 25px;line-height:42px;font-size:14.5px;color:#fff;letter-spacing:-0.5px ;} 
.linksite .slide a:hover{color: #ff0}
.linksite .slide a:focus-visible {outline: 2px solid red;}
.linksite .btn_top{float:right;}
.linksite .btn_top a{width:76px;height:64px;display:block;text-align:center;overflow:hidden;color:#fff;background-color:#1a2a54;line-height:20px;}
.linksite .btn_top a:hover{background-color:#ff0;color:#1a2a54}
.linksite .btn_top a span{background-position:-364px -151px;width:15px;height:15px;margin:15px 15px 0 30px;display:block}
.linksite .btn_top a:hover span{background-position:-391px -151px}

/* footer */
.footer{background:#dadada;min-width:1200px}
.footer .inner{position:relative;width:1200px;margin:0 auto;padding-bottom:20px}
.footer .footmenu{margin-bottom:30px;padding-top:12px;border-bottom:1px solid #b6b6b6;line-height:12px}
.footer .footmenu:after, .footer .guidemenu:after, .footer .systemlink:after{display:block;clear:both;content:''}
.footer .guidemenu{float:left} .footer .systemlink{float:right}
.footer .guidemenu li{float:left;margin:20px 40px 10px 0}
.footer .guidemenu li a{font-size:12px;color:#2c2c2c }
.footer .systemlink li{float:left;margin:20px 0 20px 30px}
.footer .systemlink li a{font-size:11.5px;color:#2c2c2c}
.footer .systemlink .imgset{width:20px;height:20px;margin-right:5px;background-position:-359px -65px;vertical-align:bottom}
.footer .systemlink .imgset_main{width:20px;height:20px;margin-right:5px;background-position:-359px -65px;vertical-align:bottom}
.footer p{font-size:12px;line-height:18px;letter-spacing:0;text-align:center}
.footer .logo{float:right;}
.footer .copy_logo{width:118px;height:36px;background-position:-356px -95px;}
.footer .copyright{color:#6a6a6a;text-align:left}
.footer .copyright .eng{color:#8d919e;font-size:11.5px;}
.footer .address{margin-top:27px;color:#777;text-align:left}
.footer .address .btn_go{display:inline-block;padding:1px 6px;background:#4f6fc3;color:#fff;font-size:11px}

/*etc*/
.layerpopup{position:fixed;width:500px;margin-left:255px;margin-top:10px;background:#fff;z-index:100;}
.layerpopup .layer_head h3{position:relative;font-size:24px;line-height:25px;color:#FFEB3A;padding:22px 30px 23px;background:#3F51B5;}
.layerpopup .layer_head .close_layer{position:absolute;right:10px;top:10px;width:41px;height:41px;background:url(../img/front/imgset.png) -274px -71px;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden;}
.css-cancel {display:inline-block;position:absolute;top:23px;left:525px;margin:0 20px 0 7px;padding:0;width:4px;height:20px;background:#fff;transform:rotate(45deg);}
.css-cancel:before{display:block;content:"";position:absolute;top:50%;left:-8px;width:20px;height:4px;margin-top:-2px;background: black;}
.layerpopup .layer_con{padding:20px 30px;overflow:auto;height:400px;}
.layerpopup .layer_con .imgbox{text-align:center;margin-bottom:20px;}
.layerpopup .layer_foot{padding:0 20px;height:45px;line-height:45px;border-top:1px solid #e1e1e1;font-size:12px;text-align:right;}
.level1_title{font-weight:bold;letter-spacing:-1px;color:#191F53;}
.navi_link{padding:0px 15px 0px 35px !important;cursor:default;}
.layerbox{display:none;position:absolute;z-index:3;border:1px solid #E1E1E1;border-right:0;background:#fff;border:5px solid #fc80ac}
.layerbox.guidemenubox{top:-150px;right:0;width:564px;}
.guidemenubox .submenu>li{height:165px;}
.guidemenubox .submenu>li{float:left;width:120px;padding:0 0 0 20px;border-right:1px solid #E1E1E1;margin:0 !important;}
.guidemenubox .submenu>li>a{display:block;margin-top:20px;font-size:14px;line-height:25px;font-weight:700;color:#191F53;letter-spacing:-1px;}
.guidemenubox .subsubmenu>li{float:none !important;padding:6px 0;margin:0 !important;}
.gnbmenu > li > span{padding:0px;color:#484848;line-height:59px;letter-spacing:-0.5px;font-size:17px;font-weight:bold !important;display:block;cursor:pointer;}
.gnbmenu > li.active > span{color:#ea3054;}
.gnbmenu > li > span:hover{color:#ea3054;}
.submenus > li > span{color:#b5f5ff;line-height:25px;letter-spacing:-0.5px;font-size:14px;font-weight:700;display:block;text-align:left;padding-left:10px!important;cursor:pointer;}
.subsubmenu > li > button{color:#fff;line-height:13px;font-size:13px;font-weight:400;display:block;text-align:left}
.subsubmenu > li > button:hover{padding: 0px 10px; border-left-width:5px;border-left-style: solid;}