@charset "utf-8";
@import url(reset.css);
/*@import url(font.css);*/


/* 작성일 : 2023.12.07 */
/* 작성자 : 정유림 */


/* LAYOUT */
html, body {position:relative; margin:0px; padding:0px; width:100%; background:#ffffff; min-width:1110px; font-family:'Malgun Gothic', '맑은 고딕', Arial, '돋움', Dotum, sans-serif;}
.cont {width:1090px; margin:40px auto 40px; padding:0px; display:flex; flex-flow:row nowrap; justify-content:space-between;}
footer {position:relative; clear:both; margin:0px auto; padding:0px; width:1090px; height:94px; line-height:94px;}

.content01 {height:280px;}


/* 이미지 배너 */
.content01 .slideshow-container {margin:0px; padding:0px; width:520px; background:#f1f4f9;}
.content01 .slideshow-container .mySlides {width:100%; height:46px; background-color:#f1f4f9;}
.content01 .slideshow-container .mySlides p.caption {float:left; display:inline-block; margin-left:20px; font-size:14px; color:#4c4c4c; line-height:44px; letter-spacing:-0.075em;}
.content01 .slideshow-container .mySlides div.caption-right {float:right; display:inline-block; margin:0px; padding:0px;}
/*.content01 .slideshow-container .mySlides div.caption-right p.numbertext {display:inline-block; margin:0px 14px 0px 0px; padding:0px; font-size:14px; font-family:Arial; color:#000000;}*/
.content01 .slideshow-container .mySlides div.caption-right ul.buttons {display:inline-block; margin:8px 0px 0px 0px; padding:0px; font-size:0px; height:30px;}
.content01 .slideshow-container .mySlides div.caption-right ul.buttons li {display:inline-block; margin-right:10px;}
.content01 .slideshow-container .mySlides div.caption-right ul.buttons a {display:inline-block; width:30px; height:30px; background-color:#ffffff; font-size:14px; font-family:Arial; color:#000000; line-height:30px; text-align:center; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px;}
.content01 .slideshow-container .mySlides div.caption-right ul.buttons a:hover {color:#0ba2b3;}


/* CI 영역 */
.content01 .ci-container {margin:0px; padding:0px; width:520px; border-bottom:2px #f0f2f5 solid;}
.content01 .ci-container div.ci {text-align:center; background-image:url('../img/login_ci.png'); background-repeat:no-repeat; background-position:top left;}
.content01 .ci-container div.ci h1 {margin:0px; padding-top:161px; font-size:46px; color:#09409e; font-weight:bold; letter-spacing:-0.082em;}
.content01 .ci-container div.ci h2 {margin:16px; padding-top:0px; font-size:30px; color:#09409e; font-weight:lighter; letter-spacing:-0.03em;}


.content02 {height:288px;}


/* 공지사항 */
.content02 .notice-container {margin:0px; padding:0px; width:520px;}
.content02 .notice-container .notice_tit {position:relative; width:100%; height:58px; background-color:#0ba2b3;}
.content02 .notice-container .notice_tit h3 {display:inline-block; padding-left:20px; font-size:18px; color:#ffffff; font-weight:bold; letter-spacing:-0.05em; line-height:58px;}
.content02 .notice-container .notice_tit button {position:absolute; display:inline-block; background-color:transparent; right:20px; font-size:12px; color:#ffffff; letter-spacing:-0.075em; line-height:58px;}
.content02 .notice-container div.notice-text {border:1px #dbdbdb solid; margin-top:2px; padding:14px 18px 16px 20px;}
.content02 .notice-container div.notice-text ul {margin:0px; padding:0px; font-size:0px;}
.content02 .notice-container div.notice-text ul li a {display:inline-block; padding-left:14px; height:28px; line-height:28px; font-size:14px; color:#333333; letter-spacing:-0.075em; vertical-align:middle; background-image:url('../img/dot.png'); background-repeat:no-repeat; background-position:left center; width: 405px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.content02 .notice-container div.notice-text ul li a:hover {color:#09409e;}
.content02 .notice-container div.notice-text ul li p {display:inline-block; float: right; height:28px; line-height:28px; font-size:13px; color:#999999; letter-spacing:-0.05em;}


/* 로그인 */
.content02-right div.login_box {position:relative; margin:0px; padding:25px 30px; width:520px; height:150px; background-color:#ebf2fa;}
.content02-right div.login_box ul.login {float:left; margin:0px; padding:0px; font-size:0px;}
.content02-right div.login_box ul.login li {position:relative; display:block; text-align:left;}
.content02-right div.login_box ul.login li label {display:inline-block; width:33px; text-align:left; font-size:14px; color:#003d99; font-family:Arial; line-height:40px; vertical-align:middle;}
.content02-right div.login_box ul.login li input[type="text"], .content02-right div.login_box ul li input[type="password"] {width:297px; height:40px; line-height:40px; padding-left:10px; border:1px #bcc5d1 solid; font-size:14px; color:#333333;}
.content02-right div.login_box ul.login li button.id {position:absolute; top:26%; right:10px; width:20px; height:20px; background-image:url('../img/login_icon_id.png'); background-repeat:no-repeat; background-position:right top;}
.content02-right div.login_box ul.login li button.pw {position:absolute; top:26%; right:10px; width:20px; height:20px; background-image:url('../img/login_icon_pw.png'); background-repeat:no-repeat; background-position:right top;}

.content02-right div.login_box ul.login li input::placeholder {font-size:14px; color:#999999; opacity:1;}
.content02-right div.login_box ul.login li input::-webkit-input-placeholder {font-size:14px; color:#999999;}
.content02-right div.login_box ul.login li input:-ms-input-placeholder {font-size:14px; color:#999999;} /* Internet Explorer 10-11 */
.content02-right div.login_box ul.login li input::-ms-input-placeholder {font-size:14px; color:#999999;} /* Microsoft Edge */

.content02-right div.login_box button.btn_login {float:right; display:inline-block; width:120px; height:88px; line-height:88px; background-color:#003d99; font-size:18px; font-weight:bold; color:#ffffff; text-align:center; letter-spacing:-0.075em;}
.content02-right div.login_box button.btn_login:hover {background:#1057c2;}


/* 버튼 2개 */
.content02-right div.btn_box {margin-top:25px;}
.content02-right div.btn_box button.btn01 {display:inline-block; width:242px; height:60px; line-height:60px; background-color:#70b34f; color:#ffffff; font-size:22px; letter-spacing:-0.075em;}
.content02-right div.btn_box button.btn01:hover {background-color:#55a32e;}
.content02-right div.btn_box button.btn02 {display:inline-block; margin-left:26px; width:252px; height:60px; line-height:20px; background-color:#23ad7f; color:#ffffff; font-size:16px; letter-spacing:-0.05em;}
.content02-right div.btn_box button.btn02:hover {background-color:#009966;}


/* 문의 번호 */
.content02-right div.phone {margin:25px 0px 0px 0px; padding:0px; width:520px; height:40px; line-height:40px; background-color:#f5f5f5; color:#000000; font-size:18px; letter-spacing:-0.05em; text-align:center;}
.content02-right div.phone p {display:inline-block; font-family:Arial; font-size:20px; font-weight:bold; letter-spacing:0em !important;}


/* 기관 로고들 */
div.mark_wrap {position:relative; margin:0px; padding:10px 0px; width:100%; border-top:1px #dbdbdb solid; border-bottom:1px #dbdbdb solid; background-color:#fafafa;}
div.mark_wrap ul.mark {margin:0px auto; padding:0px; font-size:0px; width:1090px;}
div.mark_wrap ul.mark li {display:inline-block; margin-left:10px; vertical-align:top; }
div.mark_wrap ul.mark li a {display:inline-block; border: 1px #bcc5d1 solid;}
div.mark_wrap ul.mark li:first-child {margin-left:0px !important;}
div.mark_wrap button.btn_open {width:19px; height:30px; background-color:transparent; background-image:url('../img/mark_open.png'); background-repeat:no-repeat; background-position:top right;}
div.mark_wrap button.btn_close {width:19px; height:30px; background-color:transparent; background-image:url('../img/mark_close.png'); background-repeat:no-repeat; background-position:top right;}


/* Footer */
footer .copyright_wrap {position:relative; float:left; margin-top:31px; font-size:12px; letter-spacing:-0.025em; line-height:11px;}
footer .copyright_wrap .footer_phone {display:inline-block; color:#333333; padding-right:20px; border-right:1px #8a8a8a solid;}
footer .copyright_wrap a {display:inline-block; padding-left:16px; color:#000000; font-weight:bold;}
footer .copyright_wrap .copyright {margin-top:10px; color:#666666;}

footer .footer_logo {position:relative; float:right; margin-right:18px;}
footer .footer_logo select {width:150px; height:32px; font-size:12px; border:1px #dbdbdb solid;}
footer .footer_logo h6 {display:inline-block; margin-left:15px; width:62px; height:36px; background-image:url('../img/logo.png'); background-repeat:no-repeat; background-position:left top -12px;}


/* Common */
.mt8 {margin-top:8px !important;}
.mt10 {margin-top:10px !important;}

.checkbox-wrapper {
    float: right;
    margin-top: 10px;
}

.checkbox-wrapper input{
    margin-left: 3px;
    margin-right: 3px;
}

/* 배너 버튼 */
.buttons a {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #ffffff;
    font-size: 14px;
    font-family: Arial;
    color: #000000;
    line-height: 30px;
    text-align: center;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}

p.caption-text {
    float: left;
    display: inline-block;
    margin-left: 20px;
    font-size: 14px;
    color: #4c4c4c;
    line-height: 44px;
    letter-spacing: -0.075em;
    width: 360px;
    white-space: nowrap;
    word-break: break-word;
    word-wrap: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}

.caption-right {
    float: right;
    display: inline-block;
    margin: 0px;
    padding: 0px;
}

p.numbertext {
    display: inline-block;
    margin: 0px 14px 0px 0px;
    padding: 0px;
    font-size: 14px;
    font-family: Arial;
    color: #000000;
}

.buttons {
    display: inline-block;
    margin: 8px 10px 0px 0px;
    padding: 0px;
    font-size: 0px;
    height: 30px;
}

.banner img {
    width: 500px;
    height: 234px;
    object-fit: cover; /* 이미지를 가득 채우기 위해 사용 */
    /* css validator(object-fit 인식 안됨)*/
}