@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');
/* @import url('https://cdn.rawgit.com/moonspam/NanumBarunGothic/master/NanumBarunGothic.css'); */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;900&display=swap');

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 400;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 700;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 300;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}

.nanumbarungothic * {
 font-family: 'NanumBarunGothic', sans-serif;
}


.clear:after { 
    content:""; 
    display:block; 
    clear:both;
}
* { margin:0; padding:0; outline:none; }
body {
line-height:1; font-size:13px; font-weight:400; color:#000; font-family: 'NanumBarunGothic'; word-wrap: break-word; word-break: keep-all;
overflow-x: hidden; letter-spacing:-0.02em; 
}
h1, h2, h3, h4, h5, h6 { margin:0; font-family: 'NanumBarunGothic'; line-height:1; }
ul, ol { list-style:none; margin:0; }
a { outline:0; text-decoration:none; }
a:focus { outline:none; }
img { border:none; outline:none; max-width: 100%; }
p { margin:0; padding:0; word-wrap: break-word; word-break: keep-all;  }
button { border: none; background: none; }




/* html 폰트 사이즈 */
@media (max-width:1200px) {
	html { font-size: 8.5px; }
}
@media (max-width:991px) {
	html { font-size: 8px; }
}
@media (max-width:768px) {
	html { font-size: 7.5px; }
}
@media (max-width:580px) {
	html { font-size: 6.5px; }
}

/*
mainColor
#1b30b5

*/


/* container */
.containerV1 { width: 100%; margin: 0 auto; max-width: 1540px ; }
@media (max-width:1540px) {
	.containerV1 { padding: 0 15px; }
}









.wrap { padding-top: 150px; }
.wrap.scroll { padding-top: 100px; }
@media (max-width:1200px) {
	.wrap { padding-top: 10rem; }
	.wrap.scroll { padding-top: 10rem; }
}




/* 서브페이지 패딩 */
.tmt_sub_frame { padding:40px 0 50px; min-height: 80vh; }

.tmt_sub_frame .containerV1 { 
-ms-display:flex; -ms-flex-wrap:wrap;
display:flex; flex-wrap:wrap;
}
.tmt_sub_frame .containerV1 .sideWrap { width: 22.53%; padding-right: 4.22%;  }
.tmt_sub_frame .containerV1 .itemBox { flex:1; }
@media (max-width:991px) {
	.tmt_sub_frame .containerV1 .sideWrap { display: none; }
	.tmt_sub_frame .containerV1 .itemBox { width: 100%; }
}


/* 게시판 및 게시판헤드 등 기타 버튼들 기본컬러 변경 */
.btn.btn-color {border: 1px solid #1b30b5; background-color: #1b30b5;}
.btn.active.btn-color, .btn.btn-color:hover, .btn.btn-color:focus, .btn.btn-color:active {background-color: #1b30b5;}
.border-color, i.border-color, img.border-color {border-color: #1b30b5;}






/* 인트로 스타일 */

.intro { background: url(img/intro/intro_bg.jpg) no-repeat center center / cover; height: 100vh; }

.introLogo { text-align: center; padding-top: calc( 50px + 2.60vw ); }
.introLogo a { display: inline-block; width: 18.75vw; min-width: 260px; }

.intro .itemBox {
margin-top: calc( 40px + 2.34vw );
display:flex; justify-content:center; align-items:center;
}
.intro .itemBox > li { padding: 3.5rem 1.8rem; border-radius:2rem; margin-right: 4rem; }
.intro .itemBox > li:last-child { margin-right: 0; }

/* 제목 박스 */
.intro .itemBox .titleBox { text-align: center; }
.intro .itemBox .titleBox .text1 { font-size: 3rem; font-weight: 800; margin-bottom: 15px; color: #000; }
.intro .itemBox .titleBox .text2 { font-family: 'Roboto'; font-size: calc( 13px + 0.26vw ); color: #d1d1d1; margin-bottom: 15px; }
.intro .itemBox .titleBox .text3 { font-size: calc( 12px + 0.16vw ); color: #000; line-height: 1.5; font-weight: 700; }

/* box2 외의 나머지 box스타일 */
 .intro .itemBox .other { border: 1px solid #d2d2d2; min-width: 36rem; min-height: 50rem; background: #fff; }


/* box1 */
.intro .itemBox .box1 .titleBox { margin-bottom: 2.8rem; }
.intro .itemBox .box1 .linkList > li { margin-bottom: 10px; }
.intro .itemBox .box1 .linkList > li:last-child { margin-bottom: 0; }
.intro .itemBox .box1 .linkList li a {
display: block; border-width:1px; border-style:solid;  padding: 1.5rem 1rem; text-align: center;
border-radius:3rem; background: #fff; font-size: calc( 12px + 0.21vw ); font-weight: bold;
}
.intro .itemBox .box1 .linkList li a:hover { text-decoration: underline; }
.intro .itemBox .box1 .listInner { display:flex; } 
.intro .itemBox .box1 .listInner > li { flex:1; margin-right: 1.2rem; }
.intro .itemBox .box1 .listInner > li:last-child { margin-right: 0; }
/* box2 테두리,글자 색 설정 */
.intro .itemBox .box1 .linkList > li:nth-child(1) > a { border-color: #229f8c; color: #fff; background:#229F8C}
.intro .itemBox .box1 .linkList > li:nth-child(2) > a { border-color: #223cb5; color: #fff; background:#223cb5}
.intro .itemBox .box1 .linkList > li:nth-child(3) > a { border-color: #1cb8be; color: #fff;background:#1cb8be }
.intro .itemBox .box1 .linkList > li:nth-child(4) > a { border-color: #1fc5a6; color: #fff; background:#1fc5a6}
.intro .itemBox .box1 .listInner > li:nth-child(1) > a { border-color: #3dd47e; color: #fff;background:#3dd47e }
.intro .itemBox .box1 .listInner > li:nth-child(2) > a { border-color: #ff8a65; color: #fff;background:#ff8a65 }


/* box2 */
.intro .itemBox .box2 { box-shadow:0 5px 10px rgba(0,0,0,0.2); background:url(img/intro/intro_bg2.jpg) no-repeat center center / cover; }
.intro .itemBox .box2 .titleBox { margin-bottom: 2.2rem; }
.intro .itemBox .box2 .linkList > li { margin-bottom: 10px; }
.intro .itemBox .box2 .linkList > li:last-child { margin-bottom: 0; }
.intro .itemBox .box2 .linkList > li > a {
display: flex; align-items:center; border-width:1px; border-style:solid; min-width: 32.5rem; padding: 1.6rem 1rem;
border-radius:1.5rem; background: #fff;
}
.intro .itemBox .box2 .linkList > li > a .icon1 { width: 3.59vw; min-width: 25px; margin-right: 1.5rem;text-align:center; }
.intro .itemBox .box2 .linkList > li > a .text { font-size: calc( 12px + 0.21vw ); font-weight: bold; line-height: 1.4; transform:translateY(1px); }
.intro .itemBox .box2 .linkList > li > a:hover .text { text-decoration: underline; }
/* box2 테두리,글자 색 설정 */

.intro .itemBox .box2 .linkList > li:nth-child(1) > a { border-color: #1fc5a6; color: #fff; background:#1fc5a6; text-align: center;}
.intro .itemBox .box2 .linkList > li:nth-child(2) > a { border-color: #0057aa; color: #fff; background:#0057aa}
.intro .itemBox .box2 .linkList > li:nth-child(3) > a { border-color: #bb2eb8; color: #fff; background:#bb2eb8}
.intro .itemBox .box2 .linkList > li:nth-child(4) > a { border-color: #00cf3e; color: #fff; background:#00cf3e}
.intro .itemBox .box2 .linkList > li:nth-child(5) > a { border-color: #ff3434; color: #fff; background:#ff3434}
.intro .itemBox .box2 .linkList > li:nth-child(6) > a { border-color: #0056a9; color: #fff; background:#0056a9}


/* box3 */
.intro .itemBox .box3 .titleBox { margin-bottom: 3.8rem; }

.intro .itemBox .box3 .banner { padding: 10px; text-align: center; border-radius:1rem; }
.intro .itemBox .box3 .banner .text1 { 
display: inline-block; margin-bottom:10px; padding: 6px 1.8rem 4px; color: #fff; font-size: calc( 12px + 0.16vw ); 
border-radius:5px;
}
.intro .itemBox .box3 .banner1 { margin-bottom: 1.5rem; background: #ffe5b1; }
.intro .itemBox .box3 .banner1 .text1 { background: #1b30b0; }
.intro .itemBox .box3 .banner2 { background: #e5e5e5; }
.intro .itemBox .box3 .banner2 .text1 { background: #19c29e; }





.intro #footer { margin-top: calc( 50px + 3.23vw ); text-align: center; padding-bottom: 7rem; }
.intro #footer a { color: inherit; }
.intro #footer .textBox { display:flex; justify-content:center; margin-bottom: 10px; }
.intro #footer .textBox li { 
padding:0 2rem; position: relative; font-size: 14px; color: #333; font-weight: bold;
}
.intro #footer .textBox li:last-child { padding-right: 0; }
.intro #footer .textBox li:after { content: '|'; position: absolute; right: 0; top: 50%; transform:translateY(-50%); color: #b1b1b1; font-size: 12px; }
.intro #footer .textBox li:last-child:after { display: none; }
.intro #footer .copy { font-family: 'Roboto'; color: rgba(51,51,51,0.5); line-height: 1.4; }


@media (max-width:1200px) {
	.intro { padding: 0 15px; }
	.intro .itemBox > li { width: calc( 33.3333% - 2rem ); margin-right: 3rem; }
	.intro .itemBox .other { min-width: initial; min-height: initial; }
	.intro .itemBox .box2 .linkList > li > a { min-width: initial; }
}
@media (max-width:991px) {
	.intro .itemBox { flex-wrap:wrap; flex-direction:column; }
	.intro .itemBox > li { width: 100%; margin-right: 0; max-width: 320px; margin-bottom: 30px; }
	.intro .itemBox > li:last-child { margin-bottom: 0; }
}
@media (max-width:768px) {
	.intro #footer .textBox { flex-wrap:wrap; }
	.intro #footer .textBox li { width: 100%; margin-bottom: 10px; font-size: 12px; }
	.intro #footer .textBox li:last-child { margin-bottom: 0; }
	.intro #footer .textBox li:after { display: none; }
}