@charset "utf-8";
/* 폰트적용 */
@import "fonts.css";
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

/**
* CMS Cascading Style Sheets
* File Name : default.css
* Description : 기본 스타일시트
* Author : Web business Team / Choi Hyun Mi
* Date : 2022.09.28
* Update : 2022.09.28
*/

/* 기본설정 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, p, span { padding:0; margin:0; line-height:1.4em; font-family:'Pretendard', 'Noto Sans KR', 'Malgun Gothic'; word-wrap:break-word; -webkit-text-size-adjust:none;}
/* -webkit-text-size-adjust 모바일에서 폰트사이즈 고정 */
ol, ul, li { list-style:none; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%;  /*  transform: rotate(-0.03deg); 나눔바른고딕 큰글씨 등 폰트가 깨질때 사용 */}
form, fieldset { border:0; }
address, caption, em { font-weight:normal; font-style:normal; }
img { border:0; margin:0; padding:0; }
a { text-decoration:none; }
a:link, a:visited, a:hover, a:active { text-decoration:none !important; }

#wrap a { transition: all .3s ease;}
#wrap a:hover { transition: all .3s ease;}

/* 숨김영역 */
#accessibility, #accessibility_footer, hr, legend, .skip { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; }
caption { display:none; }

/* float 속성 초기화 */
.space { display:block; clear:both; float:none; width:100%; height:0; line-height:0 !important; font-size:0 !important; margin:0 !important; padding:0 !important; overflow:hidden; }
.clearfix { display: block; }
.clearfix:after { display:block; clear:both; content:"."; visibility:hidden; height:0; }
* html .clearfix { height:1%; }

/* form css */
input, textarea, select, img { vertical-align: middle; } /* 이미지, form 세로중앙정렬 */
input, textarea, select, button { font-family:inherit; font-size:inherit;} /* 폰트, 사이즈 상속 */


/* Layout */
html, body { height:100%;}
body { font-size:15px; word-break:keep-all;} /* 단어 기준으로 줄바꿈 */
#wrap { width:100%; /*height: 100%;*/ min-width:1200px; overflow-x:hidden;}

/* header */
#header { background: #11142d; height: 100px; display: flex; justify-content: space-between; align-items: center;}
#header h1 { padding:0 50px;}
#header h1 a { color: #fff; font-size: 20px; font-weight: 800;}

#gnb { width: 150px; display: flex; justify-content: center; align-items: center; height: 100%; background-color: #0086ff; padding:0 50px; box-sizing: border-box;}
#gnb > ul {display: flex; justify-content: center; align-items: center; gap: 25px;}
#gnb > ul > li > a { color:#fff; font-size: 14px; display: flex; justify-content: center; align-items: center; gap: 5px; }
#gnb > ul > li > a i { font-size: 20px; transform: translate(0, 1px);}

#lnb { display: flex; justify-content: flex-end;}
#lnb > ul { display: flex; justify-content: center; align-items: center;}
#lnb > ul > li > a { display:flex; justify-content: center; align-items: center; font-size:18px; font-weight: 600; color:#727596; height:100px; padding: 0 35px; position: relative;}
#lnb > ul > li > a:hover, #lnb > ul > li > a.over { color:#fff;}
#lnb > ul > li > a::after { position: absolute; left: 0; bottom: 0; width: 100%; display:block; content:""; height:5px; background:#0086ff; transform:scale(0, 1); transition:all .3s ease;}
#lnb > ul > li > a:hover::after {transform:scale(1, 1);}
#lnb > ul > li > a:hover::after, #lnb > ul > li > a.over::after {transform:scale(1, 1);}
#lnb .lnb_sub { display:none;}

/* container */
#container2 { background-color: #f2f2f2;}

/* footer */
#footer { display: flex; height: 70px; align-items: center; justify-content: center;}
#footer .copyright {font-size: 0.8em; color:#666;}

/* top 버튼 */
#back-top { z-index:1000; position:fixed; bottom:10px; right:10px;}
#back-top a { width:40px; height:40px; display:flex; justify-content: center; align-items: center; color: #fff; font-size: 16px; background:rgba(0,0,0,0.4); border-radius:100%; transition: all 0.7s ease;}


/* 공통 */

.h_box { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 20px; height: 40px;}
.h_box h4 { flex: 2;}

.date_in { display: flex; align-items: center; gap: 10px;}
.date_in input { background-color:#f9f9f9; border: 1px solid #ddd; height: 34px; border-radius: 5px; box-sizing: border-box; padding: 0 10px;}
.date_in i { color: #666; font-size: 20px;}

.line_box { border: 1px solid #EBEBEB; border-radius: 5px; padding: 25px; box-sizing: border-box; height: 100%;}
.line_box img { max-width: 100%;}
.gr_box img { max-width: 100%;}