@charset "utf-8"; 

@import url("font.css");

/*common*/
* {margin:0;padding:0;border:0; font-family: 'Noto Sans KR', sans-serif;}
body {margin:0;padding:0;color:#000;letter-spacing:-0.5px; overflow-x:auto; /*min-width:1200px;*/ background-color: #f3f6f8;}
body:after{clear:both; display:block; content:"";}
img {border:0;vertical-align:middle;}
button {overflow:visible;margin:0;padding:0;border:none;background:0;vertical-align:middle;cursor:pointer;}
label {vertical-align:middle;cursor:default;}		
h1, h2, h3, h4, h5, h6 {margin:0;padding:0;}
dl, dt, dd, ul, ol, li {list-style:none;margin:0;padding:0;font-size:14px;}
div, p, pre, blockquote, th, td, map {margin:0;padding:0;font-size:14px;}
em, i, address {font-style:normal;}
table {display:table;border-spacing:0px;border-collapse:collapse;table-layout:fixed;color:#000;}
caption {overflow:hidden;height:0;font-size:0;line-height:0;}
hr {border:1px;border-collapse:collapse;}
a, a:link {color: #5e5e5e; text-decoration:none;}
a:hover {text-decoration:none;}
a:active {color:#5e5e5e;text-decoration:none;}
form, fieldset {margin:0;padding:0;border:0;}
legend{display:block;overflow:hidden;position:absolute;top:-9999px;left:-9999px;height:0;font-size:0;line-height:0;}
textarea {resize:none;border:1px solid #b3b3b3;}
textarea, input, button {margin:0;padding:0;font-size:14px;color:#000;vertical-align:middle;}
img,input[type=checkbox],input[type=radio] {vertical-align:middle;}
input[type=radio] {}
input[type=text], input[type=password] {}
div.button {text-align: center; margin-top:30px;}

/* 정렬 */
.L {text-align:left;}
.C {text-align:center;}
.R {text-align:right;}

/* 마진 */
.MT50 {margin-top:50px;}
.MT30 {margin-top:30px;}

/* S : 컬러 */
.gray {background-color: #f6f6f6;}
.gray_font {color:#acacac;}
.grayblue{background-color: #f3f6f8;}
.grayline{box-sizing:border-box; border:1px solid #e7e7e7}
.white_font {color:white !important;}
.blue_font {color:#00427b !important;}
.white {background-color:white;}
.skyblue {background-color: #0a77d7;}
.blue {background-color:#00427b;}
.orange {background-color:#ec7827;}
.lightblue {background-color:#f3f6f8;}
/* E : 컬러 */

/* btnArea */
.sec1 div > a {margin:0 3px;}
.sec1 div > a:last-child {margin-right:0;}

/* S : 버튼 */
a.btnP20 {border-radius:5px; font-size:15px; font-weight:400; cursor: pointer; display:inline-block; text-align:center; line-height:40px; padding:0 20px; height:40px;}
a.btnP2030 {border-radius:5px; font-size:15px; font-weight:400; cursor: pointer; display:inline-block; text-align:center; line-height:30px; padding:0 20px; height:30px;}
a.btnP2020 {border-radius:5px; font-size:15px; font-weight:400; cursor: pointer; display:inline-block; text-align:center; line-height:20px; padding:0 20px; height:20px;}
a.btn40 {width:40px; height:40px; border-top-right-radius:5px; border-bottom:5px; font-size:15px; font-weight:400; cursor: pointer; background-image:url(../images/sub/search_icon.svg); background-position:center center; background-repeat:no-repeat; display: inline-block;}

a.btn70 {width:70px; height:40px; border-radius:5px; font-size:15px; font-weight:400; cursor: pointer; display:inline-block; text-align:center; line-height:40px;}
a.btn90 {width:90px; height:40px; border-radius:5px; font-size:15px; font-weight:400; cursor: pointer; display:inline-block; line-height:40px; text-align:center;}
a.btn9030 {width:90px; height:30px; border-radius:5px; font-size:15px; font-weight:400; cursor: pointer; text-align:center; line-height:30px; display:inline-block;}
a.btn8030 {width:80px; height:30px; border-radius:5px; font-size:15px; font-weight:400; cursor: pointer; text-align:center; line-height:30px; display:inline-block;}
a.btn5030 {width:50px; height:30px; border-radius:5px; font-size:15px; font-weight:400; cursor: pointer; text-align:center; line-height:30px; display:inline-block;}
a.btn7020 {width:70px; height:20px; border-radius:5px; font-size:15px; font-weight:400; cursor: pointer; text-align:center; line-height:20px; display:inline-block;}
/* E : 버튼 */

/* S : 파일첨부 */
.file #select {
    background-color:#f6f6f6; width:100%; box-sizing:border-box;
    border:0; margin:10px 0; padding:0 10px; border-radius:5px;
}
.fileBtn {margin-bottom:10px; font-size:0;}
.fileBtn a {margin-right: 10px;}
.fileBtn a:nth-child(1) {background-color:white; border:1px solid #e7e7e7; color:#00427b}
.fileBtn a:nth-child(2) {background-color:#00427b; color:white;}
/* E : 파일첨부 */

/*header*/
#header {width: 100%;}

/* 202004001 박강근 알림보기 추가  */
#header .mainnoArea {width: 100%; display:inline-block; background:#f3f6f8; padding:0; box-sizing:border-box; min-height: 30px;  text-align: center;}
#header .mainnoArea .all_inner{display:none;}
#header .mainnoArea .inner {width: 100%; margin: 0 auto; background-color: #ee7826;}
#header .mainnoArea .inner .inner_wrap{width:1770px; position: relative; margin:2px auto;}
#header .mainnoArea .inner .off_today{position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
#header .mainnoArea .inner input{margin-right: 4px;}
#header .mainnoArea .inner div label {font-size: 13px; color: #fff;}
#header .mainnoArea .innerArea{width:1770px; background:#fff; padding:7px; margin:14px auto; box-sizing:border-box;  text-align:center;}
#header .mainnoArea a.btn_notice{color: #fff; width:92%; min-height:30px; line-height: 30px; font-weight: 700; display: inline-block;}
#header .mainnoArea .innerArea p.inner_txt{width:80%; min-height:28px; line-height:28px; margin:0 auto;}


#header .topmenuArea {background:#fff; height: 80px; display:block;}
#header .top_inner {width:1770px; height: 100%; line-height: 80px; margin: 0 auto;}
#header h1 {font-size: 0; display: inline-block;}
#header h1 img {margin-top: -4px;}
#header .topmenu {float: right; position: relative;}
#header .topmenu li {display: inline-block; margin-left: 24px;}
#header .topmenu li:first-child {margin: 0}
#header .topmenu .info {font-size: 18px;}
#header .topmenu .info span {display: inline-block; font-size: 14px; color: #fff; width: auto; height: 26px; line-height: 26px; border-radius: 13px; vertical-align: middle; margin-left: 12px; box-sizing: border-box; padding: 0 12px;}
#header .topmenu .info span.orange img {margin-right: 8px;}

#header .topmenu .portSet {position: absolute; right: 0; top: 4px; width: auto; height: 18px; line-height: 18px; display: none;}
#header .topmenu .portSet li {margin: 0;}
#header .topmenu .portSet li a {width: auto; height: 20px; font-size: 12px; box-sizing: border-box; padding: 0 12px; border-radius: 5px; margin-left: 8px; color: #fff;}
#header .topmenu .portSet li:first-child a {margin: 0;}
#header .topmenu .portSet .btn_close {width: 14px; height: 14px; padding: 0; background: none; border-radius: 0;}
#header .topmenu .portSet .btn_close img {margin-top: -2px; width: 12px; height: 12px;}

#header .gnbWrap {display: inline-block; width: 100%; height: 60px; line-height: 60px;  background-color: #00427b;}
#header .gnb_inner {width: 1770px; height: 100%; margin: 0 auto; position: relative;}
#header .gnbWrap .gnb {display: inline-block;}
#header .gnbWrap .gnb li {float: left;}
#header .gnbWrap .gnb li a {font-size: 22px; color: #fff; margin-right: 88px; text-align: center;}
#header .gnbWrap .gnb li:last-child a {margin-right: 0;}
#header .gnbWrap .gnb li a:hover {font-weight: 700;}
#header .gnbWrap #selA {float: right; display: inline-block; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}

/*select box*/
div.sel {display:inline-block; position:relative; height: 30px; background: url(../images/index/arrowD_blue.svg) no-repeat 96%; border-radius:5px;}
div.TLsel label {padding-left:10px; float:left; font-size: 15px; position:absolute; height:30px; line-height:30px;}
div.TLsel select {width:270px; height:30px; line-height: 30px; opacity: 0; cursor: pointer;}
div.selBg {background-color: #fff;}

/*footer*/
#footer {width: 100%; height: 80px;}
#footer .inner {width: 1770px; height: 100%; margin: 0 auto; line-height: 80px;}
#footer .copyright {width:50%; display: inline-block; font-size: 13px; color: #303030;}
#footer ul {float: right;}
#footer ul li {display: inline-block; margin-left: 12px;}
#footer ul li:first-child {margin-left: 0;}
#footer ul li a {color: #010101; font-size: 15px;}
#footer ul li .btn_footer {display: inline-block; width: 136px; height: 30px; line-height: 30px; color: #fff; text-align: center; border-radius: 5px;}