@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(//fonts.googleapis.com/earlyaccess/jejuhallasan.css);

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
caption {display:none;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	-webkit-text-size-adjust:none;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
}
img{vertical-align:top;}
html,body{height:100%;}
::selection{background:#31548d;color:#fff;}
.clfix{zoom:1}
.clfix:after{content:'';display:block;clear:both;}
.hidden{
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	border:0;
	clip:rect(0,0,0,0);
}


@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: 300;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
     font-weight: 500;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: 400;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: 600;
     font-style: normal;
}
@font-face {
   font-family: 'YES24';
   src: url('../../css/YES24.woff2') format('woff2'),
        url('../../css/YES24.woff') format('woff2');
}


body{font-family: 'S-CoreDream', sans-serif; font-weight:400; font-size:16px;line-height:1.5;color:#141414; }
a{text-decoration:none;}
a:hover{text-decoration:underline;}
.a-center{text-align:center !important;}
.a-left{text-align:left !important;}
.a-right{text-align:right !important;}


/* contents */
#container { }
#wrap { height: 100%; padding-bottom:40px;}
.contents { background:#fff; border:1px solid #ccc; height:auto!important; }

h4 { padding-left:17px; margin: 12px 0 0 20px; position:relative; color:#000; font-weight:600;font-size: 1.15em;}
h4:before { content:""; width:5px; height:5px; border:3px solid #db434a; border-radius:20px; position:absolute; left:0; top:50%; transform: translateY(-50%); }
.section { height:100%;}

/*main*/
#main { background:url(./images/bg_2025.png) center; background-size:cover; height: 911px; position:relative;}
#main .main-cont {height: 911px; max-width:1200px; margin:0 auto; position:relative; padding-top: 110px; z-index:10;}

#main .main-cont .home-link a {
	position:absolute; left: 0; top:0; width:100px; height:80px; padding: 15px; box-sizing: border-box;
	 color:#fff; text-align:center; background-color: #c74848; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; z-index: 2;
	}
#main .main-cont .home-link a:hover {text-decoration:none;}

#main .main-cont .grt { text-align:center;}
#main .main-cont .grt span {font-size: 24px; font-weight:bold; padding: 10px 30px; border-radius: 50px ;background-color: #c74848; color: #fff;}
#main .main-cont .grt p {margin-top: 30px;}
#main .main-cont .grt p img {}

#main .main-cont ul {margin: 35px 8% 0; display:flex; justify-content: space-between; flex-wrap: wrap;text-align:center;position: relative;z-index: 10;}
#main .main-cont ul li a { display:block; width:215px; height:215px;border:15px solid #e2cebf; border-radius:115px; background-color:#fff; text-align:center; text-decoration:none; color:#000; }
#main .main-cont ul li a:hover { border:15px solid #d54545;  transition: all 0.3s ease-in-out;  }
#main .main-cont ul li:nth-child(1) a { background-image:url(./images/m_link1.png); background-repeat:no-repeat; background-position: 50% 30%;  }
#main .main-cont ul li:nth-child(2) a { background-image:url(./images/m_link2.png); background-repeat:no-repeat; background-position: 50% 35%;  }
#main .main-cont ul li:nth-child(3) a { background-image:url(./images/m_link3.png); background-repeat:no-repeat; background-position: 50% 30%;  }
#main .main-cont ul li:nth-child(4) a { background-image:url(./images/m_link4.png); background-repeat:no-repeat; background-position: 50% 30%;  }
#main .main-cont ul li a span { padding-top:120px; display:inline-block; font-size:23px; font-weight:bold  }

.footer {background-color:#f8f4e9; padding:15px; box-sizing: border-box; text-align:left;}
.footer .ft-logo { margin-right:25px; }
.footer .ft-logo img { width:55px; }
.footer .inner { display:flex; align-items: center; justify-content: center; max-width:1200px; margin:0 auto; }
.footer address { max-width:calc(100% - 80px); }

@media screen and (max-width:1400px) {
	#main .main-cont .footer {left: 20px;}
}

@media screen and (max-width:1200px){
	#main .main-cont .home-link a {left: 3%;}
	
	#main .main-cont ul { padding-top:20px; align-content: center;  }
	#main .main-cont .grt span{font-size: 20px; transition: all 0.3s;}
}
@media screen and (max-width:1120px){

  #main .main-cont {padding: 105px 15px 0 15px; box-sizing: border-box;}
	
	#main .main-cont ul {width: 480px; padding-top:0px; margin: 25px auto 0 auto;}
	#main .main-cont ul li a span{font-size: 20px;}
	#main .main-cont ul li:nth-child(1){margin-bottom: 20px;}

	#main .main-cont .footer{top: 1005px;}	
}

@media screen and (max-width:840px){
	#main .main-cont ul {margin-top: 20px;}
	#main .main-cont .grt p { margin-top: 35px;}

}

@media screen and (max-width:640px){
	#main { background:url(./images/2025chuseok_m_bg_m.png) center; height: 800px;}
	#main .main-cont {height: 800px;}	

	#main .main-cont .home-link a {width: 80px; height: 70px; font-size: 13px;}
	#main .main-cont {padding:65px 15px 0 15px;}
	#main .main-cont .grt { text-align:center; padding-top: 30px;}
	#main .main-cont .grt span { padding: 7px 20px; transition: all 0.3s; letter-spacing: -1px; }
	#main .main-cont .grt p {margin-top: 24px;}
	#main .main-cont .grt p img {height: auto; width:400px;}
	#main .main-cont ul {width: 400px;} 
	#main .main-cont ul li a {width:180px; height:180px; border:10px solid #e2cebf;}
	#main .main-cont ul li a:hover { border:10px solid #d54545; }
	#main .main-cont ul li a span { padding-top:100px; font-size:16px; }
	#main .main-cont ul li:nth-child(1) a { background-size:40px 51px; }
	#main .main-cont ul li:nth-child(2) a { background-size:86px 44px; }
	#main .main-cont ul li:nth-child(3) a { background-size:39px 54px; }
	#main .main-cont ul li:nth-child(4) a { background-size:80px 58px; }
}

@media screen and (max-width:600px){
	#main .main-cont .grt { text-align:center; }
	#main .main-cont .grt span { font-size:14px; transition: all 0.3s; letter-spacing: -1px; }
	#main .main-cont .grt p img {height: auto; width:350px;}
	#main .main-cont ul{margin-top: 30px;}
	#main .main-cont .footer {background:none; padding:20px;  height:auto; text-align:center;  }

}

@media screen and (max-width:450px) {
	#main {height: 700px; background-position: center bottom;}
	#main .main-cont {height: 700px;}	

	#main .main-cont .home-link a {
		top:auto;
		left:auto;
		right:15px;
		bottom: 15px;
		position:fixed;
		border-radius:50%;
		padding:0;
		padding-top: 20px;
		width:80px;
		height:80px;
		font-size:12px;
		letter-spacing: -0.05em;
		z-index: 999;
	}

	#main .main-cont .grt {padding-top: 0;}
	#main .main-cont .grt p {margin-top:25px;}

	#main .main-cont .grt p img {width:300px;}
	#main .main-cont ul {
		width:290px; margin-top:25px;
	}

	#main .main-cont ul li a {
		width:130px;
		height:130px;
	}

	#main .main-cont ul li a span {
		padding-top:75px;
		font-size:14px;
	}

	#main .main-cont ul li:nth-child(1) a {
		background-size:35px 45px;
	}

	#main .main-cont ul li:nth-child(2) a {
		background-size:69px 35px;
	}

	#main .main-cont ul li:nth-child(3) a {
		background-size:32px 45px;
	}

	#main .main-cont ul li:nth-child(4) a {
		background-size:62px 45px;
	}
}


/* header */
#header {position:relative; background-image:url(./images/2025chuseok_bg.png); background-position:center; background-repeat: no-repeat; background-size:cover; background-color:#fcfaf5; height:348px; }
#header > .h-txt { position:absolute; z-index:1; left: 50%;top: 40%; transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%); text-align: center;}
#header > .h-txt > img {position:relative;}
#header > .h-txt a {text-decoration: none;}
#header > .h-txt p {
	font-weight:600; color:#fff; font-size:20px; letter-spacing: -0.05em; margin-bottom:22px; background-color:#c74848;
	display:flex; justify-content: center; align-items: center; height:44px; border-radius:22px; padding:0 30px; box-sizing: border-box; width:auto;
}
#header > .h-txt img {width: 500px;}
#header .home-link { position:absolute; left:17%; top:25px; display:flex; align-items: center; justify-content: center; width:80px; height:80px; border-radius:50%; background-color:#d54545; }
#header .home-link a { display:block; color:#fff; text-align:center; font-size:14px; line-height:1.3; }
#header .home-link a:hover { text-decoration:none;}
#header #gnb { position:absolute; left:0; bottom:0; width:100%; height:60px;   }
#header #gnb .menu ul { display:flex; justify-content: center; }
#header #gnb .menu ul li { margin: 0 5px;}
#header #gnb .menu ul li a { height:60px; line-height:60px; display:block;  color:#fff; font-size:1.3em; padding:0 40px; border-radius:15px 15px 0 0; background:#3b4446; }
#header #gnb .menu ul li a.on { background:#fff; color:#000;font-weight:bold; }

.footerWrap { border-top:1px solid #ddd; padding:20px 0; overflow:hidden;}
.footerWrap .footer { width:1200px; margin:0 auto; padding:20px 0 20px 100px; background:url(./images/ft_logo.png) 0 0 no-repeat; background-size:61px 75px;}

.section-con { padding:40px 0; width:100%; }

/* conBx */
.conBx {  width:1200px; margin:0 auto; position:relative; }
.conBx h2 { font-size:35px; color:#000; text-align:center; font-weight:bold;  font-family: "YES24","S-CoreDream","Noto Sans KR","Malgun Gothic","Nanum Gothic",sans-serif;}
.conBx h3 { padding-left:20px; font-size:23px; font-weight:600; color:#333; position:relative; margin-top:40px;  font-family: "YES24","S-CoreDream","Noto Sans KR","Malgun Gothic","Nanum Gothic",sans-serif;}
.conBx h3::before { content:""; display:block; position:absolute; left:0; top:10px; position:absolute;  width:12px; height:12px;  background:url(./images/h3_bullet.png) 0 0 no-repeat; }

.conBx ul.info-list { margin-top:10px; margin-left:25px; }
.conBx ul.info-list > li strong { font-weight: 600; }
.conBx ul.info-list > li {  position:relative;  background-size:8px; padding-left:15px; font-weight:normal; margin-bottom:7px;}
.conBx ul.info-list > li::before { content:""; display:block; position:absolute; left:0; top:8px; width:6px; height:6px; background-color:#b52127; border-radius:6px;}
.conBx ul.info-list > li.libtn {  position:relative;  background-size:8px; padding-left:15px; font-weight:normal; margin-bottom:7px;}
.conBx ul.info-list > li.libtn::before { top:14px; }
.conBx ul.info-bar { margin-top:10px; margin-left:25px; }
.conBx ul.info-bar li {  font-weight:normal; margin-bottom:7px;}
.conBx ul.info-bar li strong { font-weight:600; }
.conBx ul.info-bar li span { text-decoration: underline; }
.conBx ul.info-list > li .info-inlist { font-size:15px; margin-top:4px; color:#333333; }

.conBx p.info-list { margin-top:10px; margin-left:25px; }

a.link-sbtn { position:relative; display:inline-block; background-color:#21335e; color:#fff; padding:10px 40px 10px 15px; font-size:0.85em; line-height:1; letter-spacing: -0.025em;}
a.link-sbtn::after { content:""; position:absolute; right:10px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); display:block; width:20px; height:20px; background-image:url(./images/link_btnbg.png); background-repeat:no-repeat; background-size:20px 20px;  background-position: center;}
a.link-sbtn2 {display:inline-block; background-color:#21335e; color:#fff; padding:6px 15px; font-size:0.85em; letter-spacing: -0.025em; text-align: center; border-radius: 20px; text-decoration: none;}

/* table */
.tbl1 { margin-top:10px; background:#fff; border:1px solid #ccc; }
.tbl1 thead { background:#f9f9f9;  height:46px;  border-top:2px solid #1b1b1b; border-bottom:1px solid #ccc;  }
.tbl1 thead tr {}
.tbl1 thead tr th { padding:8px 0;  font-weight:600; color:#111; border-right:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; vertical-align: middle; }
.tbl1 tbody {}
.tbl1 tbody tr { border-bottom:1px solid #ccc; }
.tbl1 tbody tr th { padding:10px 0; font-weight:bold; vertical-align: middle;}
.tbl1 tbody tr td:last-child { border-right:0;}
.tbl1 tbody tr td { padding:10px 0; vertical-align: middle; text-align:center; border-right:1px solid #ccc;  font-weight:normal}
.tbl1 tbody tr.bg { background:#a2a5c6; }

.tbl2 { margin-top:10px; margin-left:25px;background:#fff; border:1px solid #ccc; }
.tbl2 thead { background:#f9f9f9;  height:46px;  border-top:2px solid #1b1b1b; border-bottom:1px solid #ccc;  }
.tbl2 thead tr {}
.tbl2 thead tr th { padding:8px 0; font-weight:600; color:#111; border-right:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; vertical-align: middle; }
.tbl2.color thead tr th { background-color:#ebecff}
.tbl2 tbody {}
.tbl2 tbody tr { border-bottom:1px solid #ccc; }
.tbl2 tbody tr th { padding:10px 0; font-weight:bold; vertical-align: middle; border-right:1px solid #ccc; background-color:#fffbee}
.tbl2 tbody tr td:last-child { border-right:0;}
.tbl2 tbody tr td { font-size:15px; padding:10px 8px; vertical-align: middle; text-align:center; border-right:1px solid #ccc;  font-weight:normal}
.tbl2 tbody tr td.line { border-right:1px solid #cccccc !important; }
.tbl2 tbody tr.bg { background:#a2a5c6; }


.box-imp-info { position:relative; display:flex; align-items: center; background-color:#f6f6f6; padding:40px 25px; margin:15px 0; min-height:195px; box-sizing: border-box; }
.box-imp-info::before { content:""; position:absolute; display:block; }
.box-imp-info.t4 .txt { padding-left:250px; } 
.box-imp-info.t4::before { bottom:0; left:60px; width:154px; height:158px; background-image:url(./images/t4.png); background-repeat:no-repeat;  }
.box-imp-info strong { display:block; font-size:28px;  font-weight:bold; color:#892101; margin-bottom:10px; text-align:left; letter-spacing:-0.05em}
.box-imp-info strong span.sr { color:#ea5547; }
.box-imp-info.t4 strong { color:#000; }
.box-imp-info.t4 strong span.sr { color:#dd1313; font-size:32px; }
.box-imp-info.t4 strong em { background-color:#0a2fff; color:#ffffff; padding:0 8px; }
.box-imp-info p { font-size:20px; text-align:left; letter-spacing:-0.025em; font-weight:600; color:#141414; }
.box-imp-info p span { background-color:#0a2fff; color:#ffffff; padding:0 8px; }
.box-imp-info p span em { color:#ffe342; }
.box-imp-info p.plb { color:#fcff61; }
.box-imp-info p span.sr { color:#ea5547; font-weight:bold; padding-bottom:2px; border-bottom:1px solid #b52127; }
.box-imp-info p b { font-weight:bold; }
a.link-btn { position:relative; display:inline-block; background-color:#21335e; color:#fff; padding:15px 65px 15px 35px; margin-top:15px; font-size:16px; line-height:1; letter-spacing: -0.025em;}
a.link-btn::after { content:""; position:absolute; right:20px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); display:block; width:25px; height:25px; background-image:url(.../images/link_btnbg.png); background-repeat:no-repeat; background-position: center;}


.n-box { font-size:1.15em; padding:15px 30px; border:2px dotted #ccc; font-weight:normal;}
.n-box p { line-height:1.8; }
p.trash-txt { font-size:18px; line-height:1.5; margin:10px 0;}
p.trash-txt span { font-weight:bold; }
table.trash-table { font-weight:bold; font-size:16px; }
table.trash-table tr th , table.trash-table tr td { vertical-align: middle; padding:10px 8px; word-break: break-all;}
table.trash-table tr th span.small , table.trash-table tr td span.small { font-size:14px; }

/* --------------------------------------------------------------------- */

@media screen and (max-width:1500px){

	#header .home-link {  left:3%; }

}
	
@media screen and (max-width:1200px){
	.box-imp-info strong { font-size: 24px; }
	.box-imp-info.t4 strong span.sr { font-size:28px; }
	.conBx { width:100%; padding:0 15px; box-sizing: border-box;}
	.footerWrap .footer { width:100%;  }

}

@media screen and (max-width:960px) {
	.box-imp-info.t4 .txt { padding-left:200px; }
	.box-imp-info.t4::before { left:35px;}
}

@media screen and (max-width:840px){

body { font-size:14px; }
#container { position:relative; }
#wrap { height: 100%; width:100%; }

#header { height:200px; width:100%; background-position:center; position:relative; background-size:cover;   }
#header .h-txt { top: 40%;transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);}
#header > .h-txt p { font-size: 15px; margin-bottom: 10px; padding: 0 24px; height: 34px; width: 360px;}
#header .h-txt img { width:310px !important; }

.contents { background:#fff; border:1px solid #ccc; height:auto!important;   }
.section { height:100%;}

#header #gnb { height:35px; }
#header #gnb .menu ul li { margin: 0 2px; }
#header #gnb .menu ul li a { font-size:1em; padding:0 10px; border-radius:8px 8px 0 0; height:35px; line-height:35px; }
#header #gnb .menu ul li a.on { background:#fff; color:#000;font-weight:bold; }

.conBx h2 { font-size:25px;  }
.conBx h3 {  font-size:18px; margin-top:30px; }
.conBx h3::before { top:7px;   }
.conBx h4 { margin-left:0; }

.conBx ul.info-list,
.conBx ul.info-bar,
.conBx p.info-list { margin-left:0; }

.conBx ul.info-list li::before { top:7px; }


.section-con {padding:20px 0; }
.conBx { width:100%; position:relative; }

.conBx ul.info-list > li.libtn::before {
	top:11px;
}

.box-imp-info { padding:20px; justify-content: center; min-height:auto; }
.box-imp-info .txt { padding-left:0;}
.box-imp-info.t4 .txt { padding-left:0; text-align: center; }
.box-imp-info strong { text-align:center; font-size:18px; word-break: keep-all; }
.box-imp-info.t4 strong { font-size: 22px; }
.box-imp-info.t4 strong span.sr { font-size:25px;}
.box-imp-info strong br { display:none; }
.box-imp-info p { text-align:center; font-size:16px; word-break: keep-all;}
.box-imp-info::before {  display:none;}

p.trash-txt { font-size:15px ;}

.mo-table { overflow-x:scroll; }
.mo-table table { width:820px; }

.tbl2 { margin:10px 0; background:#fff; border:1px solid #ccc;}
.tbl2 thead { background:#f9f9f9;  height:46px; border-top:2px solid #1b1b1b; border-bottom:1px solid #ccc;  }
.tbl2 thead tr {}
.tbl2 thead tr th { padding:8px 0;  color:#111; border-right:1px solid #ccc; text-align:center; }
.tbl2 tbody {}
.tbl2 tbody tr { border-bottom:1px solid #ccc; }
.tbl2 tbody tr th { padding:10px 0; font-weight:bold; vertical-align: middle;}
.tbl2 tbody tr td:last-child { border-right:0;}
.tbl2 tbody tr td { padding:10px 4px; word-break: break-all; vertical-align: middle; text-align:center; border-right:1px solid #ccc; font-weight:normal; font-size:14px; }
.tbl2 tbody tr.bg { background:#a2a5c6; }

table.trash-table { font-size:14px; }

a.link-btn {  padding:10px 50px 10px 15px; font-size:0.95em; }
a.link-btn::after { right:10px; width:20px; height:20px; background-size:100%; }
a.link-sbtn { padding:7px 10px 7px 10px; font-size:0.95em; }
a.link-sbtn::after {display:none; }


#header .home-link { left:10px; top:10px; width:70px; height:70px; }
#header .home-link a { font-size:12px; }

	.footerWrap .footer {  padding:20px; background:none; text-align:center;}

}


@media screen and (max-width:640px) {
	#header .home-link { left:auto; right:15px; }
	
	.box-imp-info.t4 strong { font-size:20px; }
	.box-imp-info.t4 strong span.sr { font-size:22px; }
	.box-imp-info.t4 strong em { display:inline-block; margin-top:8px; }
}

@media screen and (max-width:520px) {
	#header .home-link { position:fixed; top:auto; bottom:15px; z-index:2}
}

@media screen and (max-width:480px) {
	.conBx ul.info-list li.libtn::before {top:8px;}
}

@media screen and (max-width:420px) {
	#header > .h-txt p { font-size:13px; line-height: 1; width: 320px; margin-bottom: 14px;}
	#header .h-txt img {width:270px !important}
	#header::before { width:90px; height:68px; }
}