@charset "utf-8";

/* 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%;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}

/* skip */
#skipnav{overflow:hidden;position:relative;z-index:100;width:100%}
#skipnav a{display:block;overflow:hidden;width:1px;height:1px;margin:0 -1px -1px 0;font-size:0;line-height:0;text-align:center}
#skipnav a:focus,#skip a:hover,#skip a:active{width:auto;height:20px;margin:0;padding:8px 0 0 15px;background:#20262c;font-size:12px;font-weight:bold;line-height:1;color:#fff}

/* main common */
.viewport{min-width:1200px;width:100%}
.inner{width:1200px;margin:0 auto;}
.imgset_main{display:inline-block;overflow:hidden;background-image:url(../img/main/img_set.png);font-size:0;line-height:0;text-indent:-9999px} 
.imgset{display:inline-block;overflow:hidden;background-image:url(../img/main/img_set01.png);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;}
#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:57px;background-position:2px -1px;margin-top:22px;}
#header  #gnb{color:#484848;height:60px;border-bottom:1px solid #c6d6e3; }
.header_top {margin:auto;width:1900px;left: 0px;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 {/* height: 90px; */z-index: 10;}
.nav > .inner {	margin: 0px auto; width: 1200px;}
/*
.header_bot .inner::after {	clear: both; display: block; content: "";}
.header_bot h1::after {	clear: both; display: block; content: "";}
.header_bot {	position: relative;}
.header_bot .util {	position: relative;}

.header_bot {	background: rgb(255, 255, 255);}
.header_bot .inner {	margin: 90px auto 0px; width: 1200px; height: 132px;}
.header_bot h1 {	margin: 40px 13px; float: left;}
.header_bot h1 .logo {	background-position: -140px 0px; width: 211px; height: 51px; margin-right: 10px; float: left;}
.header_bot h1 .slogan {	background-position: -110px -60px; width: 165px; height: 18px; margin-top: 17px; float: left;}
.header_bot .util {	margin: 56px 0px; float: right;}
.header_bot .util ul {	font-size: 0px;}
.header_bot .util > ul > li {	padding-left: 30px; display: inline-block;}
.header_bot .util > ul > li > a {	color: rgb(63, 81, 181); font-size: 12px;}
.header_bot .shadow {	background: url("../img/front/shadow.png") repeat-x 0px -10px; left: 0px; height: 10px; right: 0px; bottom: -10px; position: absolute;}
.menu_home {	background: rgb(255, 235, 59); padding: 35px 0px; width: 80px; height: 20px; float: left; display: block;
}
.op.menu_home {	opacity: 0.5;}
*/
/*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: 390px;}
.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; /*color: #f6ff00; border-left-color: rgb(255, 235, 59);*/ 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.3px; line-height:20px;color:#585858}
.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}
.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: 32px;}
.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 #6878b6;margin:0;float:left}
.linksite .bx-prev {background-position:-348px -192px ;border-right:none!important;} 
.linksite .bx-stop {background-position:-374px -192px; } 
.linksite .active {background-position:-400px -192px;} 
.linksite .bx-next {background-position: -428px -192px ;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: 10px 35px 10px 25px; line-height: 42px; font-size: 14.5px; color: #fff; letter-spacing: -0.5px ;} 
.linksite .slide a:hover {color: #ff0 } 
.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: #fff;}
.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;}
.search_btn{border-color: #303F9F !important; background-color: #303F9F !important; color: #fff;}
.search_btn:hover{border-color:#191F52 !important; background-color:#191F52 !important; color:#FFEB3B;}
#nav{margin-top:60px}
#nav .naviInWrap{width: 1170px;}
.navi_link{padding:0px 15px 0px 35px !important;cursor:default;}
.navi_first{padding:0px 15px 0px 25px !important;}
.boardSearch03_formCell{width:594px !important;}
.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;}
/* .guidemenubox .close_layer{position: absolute;top: -1px;right: -44px;} */
/* .guidemenubox .close_layer .imgset{width: 45px;height: 45px;background-position: -315px -69px;background-image:url(../img/front/imgset.png) !important;} */

.threeDepth_list {width:160px;letter-spacing:-1px;}
.two_Depth + .threeDepth_list_w {width:820px}
.siteMap_menu_w .twoDepth_list_w{width:1031px;}
.siteMap_w .siteMap_menu_w {border-bottom:1px solid #7a7f8a; overflow:hidden; line-height:1.94;}
.siteMap_w [class$="_Depth"] {display:inline-block; font-size:1em;}
.siteMap_w .one_fcBlack_Depth {float:left; width:138px; padding-top:8px; font-size:1.1em;}
.siteMap_w .twoDepth_list_w {float:left; width:1031px;}
.siteMap_w .twoDepth_list {padding:10px 0; border-top:1px solid #dfe4ec; overflow:hidden;}
.siteMap_w .twoDepth_list:first-child {border-top:0;}
.siteMap_w .two_Depth {float:left; width:156px; color:#121a29;}
.siteMap_w .threeDepth_list_w {float:left; width:1035px; margin-left:-37px;}
.siteMap_w .threeDepth_list {float:left; margin-left:36px; padding:0 3px;}
.siteMap_w .tree_fcGray_Depth {padding-left:10px; position:relative;}
.siteMap_w .dot_imgSet_bulit {}
.two_Depth + .threeDepth_list_w {width:900px!important; }
.threeDepth_list span{line-height:18px;}
.boardSearch_box .schTxt{display:inline-block !important;font-size:14px;}
.paging_input[type="number"] {width:48px; height:38px; margin-left:20px; padding:0; text-align:center;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* 2019.12.19 jso 시작 */
.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;}
.media_viewBtn {  vertical-align: top;}
.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; /*color: #f6ff00; border-left-color: rgb(255, 235, 59);*/ border-left-width: 5px; border-left-style: solid;}
/* 2019.12.19 jso 종료 */

.tabindexBtn:focus-visible {outline: 4px solid red;}