@charset "UTF-8";
@import url("contents.css");
@import url("contents2.css");

.year_point {
	color: #0373A5;
    text-decoration: underline;
	}

.board_list td { word-break: break-all; }

#header { position: absolute; top: 0; left: 0; -webkit-transform: translateX(0); transform: translateX(0); background-color: #fff; }

#header.fixed { position: fixed; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); }

#main { margin-top: 14rem; }

#contents_wrap:focus-visible { outline: none; }

#snb { float: left; width: 22rem; margin-top: -5rem; margin-bottom: 5rem; font-size: 0; }

#snb .title { position: relative; font-size: 3rem; font-weight: 700; overflow: visible; color: #222; display: inline-block; padding-bottom: 2rem; border-bottom: .8rem solid #E8E8E8; width: 100%; }

#snb .title::before { content: ''; width: 10rem; height: .8rem; background-color: #5ec1c3; position: absolute; left: 0; bottom: -.8rem; }

#snb .title::after { content: ''; width: 3.6rem; height: .8rem; background-color: #5082AE; position: absolute; left: 0; bottom: -.8rem; }

#snb .list { /*overflow: hidden;*/ font-size: 1.6rem; }

#snb .list > ul > li > a { display: block; position: relative; padding: 1.9rem 2rem 1.9rem 0; line-height: 1.9rem; border-bottom: 1px solid #E8E8E8; color: #222; font-size: 1.8rem; font-weight: 600; }

#snb .list > ul > li.plus > a::before { content: ''; font-family: "xeicon"; font-size: 1.4rem; color: #cfcfcf; font-weight: 400; position: absolute; right: .8rem; top: 50%; transform: translateY(-50%) rotate(90deg);}

#snb .list > ul > li > a.linkWindow { position: relative; }

#snb .list > ul > li > a.linkWindow::before { content: ''; font-size: 1.6rem; }

/*#snb .list > ul > li.type1 > a::after { position: absolute; top: auto; left: auto; right: auto; font-family: "xeicon"; font-size: 1.4rem; right: 1.5rem; color: #a2a3ad; content: ''; }

#snb .list > ul > li.active.type1 > a::after { color: #fff; content: ''; }*/
#snb .list > ul > li.active > a{border-bottom: 2px solid #0373A5; color: #0373A5; font-weight: 700;}
#snb .list > ul > li.active > a::before { color: #0373A5; }

#snb .list > ul > li.active.plus > a::before { -webkit-transform:translateY(-50%) rotate(-90deg); transform:translateY(-50%) rotate(-90deg); }

#snb .list > ul > li.active > ul { visibility: visible; overflow: visible; width: auto; height: auto; opacity: 1; padding: 2.4rem; -webkit-transition: all 0.2s; transition: all 0.2s; }

#snb .list > ul > li > ul { visibility: hidden; overflow: hidden; width: 0; height: 0; opacity: 0; display: block !important; padding: 0 1.5rem; background-color: #F3F3F3; }

#snb .list > ul > li > ul li + li { margin-top: 1.4rem; }

#snb .list > ul > li > ul .active a { font-weight: 600; color: #044782; text-decoration: underline; }

#snb .list > ul > li > ul .active a::before { background-color: #5082AE; }

#snb .list > ul > li > ul a { position: relative; padding-left: 1.2rem; text-align: left; display: block; color: #222; }
#snb .list > ul > li > ul a:hover,
#snb .list > ul > li > ul a:focus{text-decoration: underline;}

#snb .list > ul > li > ul a::before { position: absolute; left: 0; top: auto; content: ''; }

#snb .list > ul > li > ul a::before { top: .85rem; width: 0.4rem; height: 0.4rem; border-radius: 100%; background-color: #5082AE; }

#snb .list > ul > li > ul a.linkWindow { position: relative; }

#snb .list > ul > li > ul a.linkWindow::after { content: ''; font-family: "xeicon"; padding-left: 0.3rem; vertical-align: top; }

.depth3_menu_tab { overflow: hidden; overflow-x: auto; }

.depth3_menu_tab ul { margin-bottom: 4rem; }

.depth3_menu_tab ul li { float: left; border: 1px solid #bfbfbf; background-color: #fff; }

.depth3_menu_tab ul li + li { border-left: none; }

.depth3_menu_tab ul li.active { background-color: #20AF63; border-top: 1px solid #20AF63; border-right: 1px solid #20AF63; border-left: 1px solid #20AF63; border-bottom: 1px solid #20AF63; color: #fff; }

.depth3_menu_tab ul a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; padding: 1rem; font-weight: 400; text-align: center; line-height: 1.2; letter-spacing: -0.1rem; white-space: nowrap; font-size: 1.8rem; font-weight: 400; height: 6rem; line-height: 3.8rem; }

.depth3_menu_tab ul a:hover { font-weight: 600; background-color: #20AF63; color: #fff; }

.depth3_menu_tab ul::after { content: ''; display: block; clear: both; }

.depth3_menu_tab ul.tab2 li { width: 50%; }

.depth3_menu_tab ul.tab3 li { width: 33.33%; }

.depth3_menu_tab ul.tab4 li { width: 25%; }

.depth3_menu_tab ul.tab5 li { width: 20%; }

.depth3_menu_tab ul.tab6 li { width: 33.33%; border-top: none; }

.depth3_menu_tab ul.tab6 li:nth-child(4) { border-left: 1px solid #bfbfbf; }

.depth3_menu_tab ul.tab6 li:nth-child(1), .depth3_menu_tab ul.tab6 li:nth-child(2), .depth3_menu_tab ul.tab6 li:nth-child(3), .depth3_menu_tab ul.tab6 li:nth-child(4) { border-top: 1px solid #bfbfbf; }

.depth3_menu_tab ul.tab7 li { width: 25%; border-top: none; }

.depth3_menu_tab ul.tab7 li:nth-child(5) { border-left: 1px solid #bfbfbf; }

.depth3_menu_tab ul.tab7 li:nth-child(1), .depth3_menu_tab ul.tab7 li:nth-child(2), .depth3_menu_tab ul.tab7 li:nth-child(3), .depth3_menu_tab ul.tab7 li:nth-child(4) { border-top: 1px solid #bfbfbf; }

.depth3_menu_tab ul.tab8 li { width: 25%; border-top: none; }

.depth3_menu_tab ul.tab8 li:nth-child(5) { border-left: 1px solid #bfbfbf; }

.depth3_menu_tab ul.tab8 li:nth-child(1), .depth3_menu_tab ul.tab8 li:nth-child(2), .depth3_menu_tab ul.tab8 li:nth-child(3), .depth3_menu_tab ul.tab8 li:nth-child(4) { border-top: 1px solid #bfbfbf; }

.depth3_menu_tab ul.tab9 li { width: 33.33%; border-top: none; }

.depth3_menu_tab ul.tab9 li:nth-child(4), .depth3_menu_tab ul.tab9 li:nth-child(7) { border-left: 1px solid #bfbfbf; }

.depth3_menu_tab ul.tab9 li:nth-child(1), .depth3_menu_tab ul.tab9 li:nth-child(2), .depth3_menu_tab ul.tab9 li:nth-child(3) { border-top: 1px solid #bfbfbf; }

.depth3_menu_tab ul.tab10 li { width: 20%; border-top: none; }

.depth3_menu_tab ul.tab10 li:nth-child(6) { border-left: 1px solid #bfbfbf; }

.depth3_menu_tab ul.tab10 li:nth-child(1), .depth3_menu_tab ul.tab10 li:nth-child(2), .depth3_menu_tab ul.tab10 li:nth-child(3), .depth3_menu_tab ul.tab10 li:nth-child(4), .depth3_menu_tab ul.tab10 li:nth-child(5) { border-top: 1px solid #bfbfbf; }

.depth3_menu_tab ul.tab11 li { width: 25%; border-top: none; }

.depth3_menu_tab ul.tab11 li:nth-child(5), .depth3_menu_tab ul.tab11 li:nth-child(9) { border-left: 1px solid #bfbfbf; }

.depth3_menu_tab ul.tab11 li:nth-child(1), .depth3_menu_tab ul.tab11 li:nth-child(2), .depth3_menu_tab ul.tab11 li:nth-child(3), .depth3_menu_tab ul.tab11 li:nth-child(4) { border-top: 1px solid #bfbfbf; }

.depth3_menu_tab ul.tab12 li { width: 25%; border-top: none; }

.depth3_menu_tab ul.tab12 li:nth-child(5), .depth3_menu_tab ul.tab12 li:nth-child(9) { border-left: 1px solid #bfbfbf; }

.depth3_menu_tab ul.tab12 li:nth-child(1), .depth3_menu_tab ul.tab12 li:nth-child(2), .depth3_menu_tab ul.tab12 li:nth-child(3), .depth3_menu_tab ul.tab12 li:nth-child(4) { border-top: 1px solid #bfbfbf; }

.depth3_menu_tab ul.tab13 li { width: 20%; border-top: none; }

.depth3_menu_tab ul.tab13 li:nth-child(6), .depth3_menu_tab ul.tab13 li:nth-child(11) { border-left: 1px solid #bfbfbf; }

.depth3_menu_tab ul.tab13 li:nth-child(1), .depth3_menu_tab ul.tab13 li:nth-child(2), .depth3_menu_tab ul.tab13 li:nth-child(3), .depth3_menu_tab ul.tab13 li:nth-child(4), .depth3_menu_tab ul.tab13 li:nth-child(5) { border-top: 1px solid #bfbfbf; }

.depth3_menu_tab.off { height: 0; }

.depth4_menu { text-align: center; padding-bottom: 3rem; }

.depth4_menu ul li { display: inline-block; font-size: 1.7rem; color: #555555; font-weight: 400; }

.depth4_menu ul li a { padding-left: 1.2rem; line-height: 3rem; position: relative; display: inline-block; }

.depth4_menu ul li a::before { content: ''; width: .4rem; height: .4rem; border-radius: 50%; background-color: #555; position: absolute; left: 0; top: 1.2rem; }

.depth4_menu ul li a:hover { font-weight: 700; }

.depth4_menu ul li.active { color: #3c4696; font-weight: 700; }

.depth4_menu ul li.active a:before { background-color: #3c4696; }

.depth4_menu ul li + li { margin-left: 5rem; }

.container { width: 128rem; max-width: calc(100% - 6rem); margin-left: auto !important; margin-right: auto !important; }

.container::after { content: ''; display: block; clear: both; }

#contents_wrap { width: 128rem; max-width: calc(100% - 6rem); margin-left: auto !important; margin-right: auto !important; position: relative; margin-top: 5.4rem; padding-top: 3.8rem; }

#contents_wrap::before { content: ''; width: 1000%; height: 5.4rem; background-color: #F3F3F3; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: -5.4rem; }

#contents_wrap::after { content: ''; display: block; clear: both; }

#contents_wrap h2.title1 { font-size: 3rem; line-height: 4rem; margin-bottom: 2rem; font-weight: 700; color: #111; }

.contents_util #contents_title { font-size: 3.6rem; line-height: 1.2; padding-top: 1rem; font-weight: 700; color: #222; letter-spacing: -0.1rem; padding-left: 28rem; }

.contents_util .location { position: absolute; right: 0; top: -4rem; font-size: 1.5rem; font-weight: 300; color: #222; }

.contents_util .location ul { display: inline; }

.contents_util .location li { display: inline-block; vertical-align: top; }

.contents_util .location li:first-child a { width: 2.8rem; height: 2.8rem; line-height: 2.8rem; display: inline-block; border-radius: 50%; background-color: #222; color: #fff; text-align: center; font-size: 1.4rem; }

.contents_util .location li:first-child a i { font-size: 1.5rem; }

.contents_util .location li + li::before { content: ''; display: inline-block; position: relative; top: 1px; font-family: "xeicon"; vertical-align: top; font-size: 1.1rem; margin: 0 0.5rem; color: #989898; top: 0rem; right: 2px; line-height: 2.8rem; }

.contents_util .location a { line-height: 2.8rem; display: inline-block; }

.contents_util .location a:hover, .contents_util .location a:focus { text-decoration: underline; }

.contents_util .location .path li:last-child a { font-weight: 600; }

.contents_util .location .group { display: none; }

.contents_util .util { position: absolute; right: 0; top: 5rem; }

.contents_util .util::after { content: ''; display: block; clear: both; }

.contents_util .util article { float: left; }

.contents_util .share { display: inline-block; position: relative; vertical-align: top; margin-right: .4rem; }

.contents_util .share .title { display: inline; }

.contents_util .share .item { visibility: hidden; overflow: hidden; width: 0; height: 0; opacity: 0; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 100%; z-index: 1; width: 4.2rem; padding: 0; border: 1px solid #DEDEDE; background-color: #fff; }

.contents_util .share .item a { display: block; overflow: hidden; width: 2rem; height: 2rem; margin: 0 auto 1.5rem; line-height: 2rem; }

.contents_util .share .item a::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; text-align: center; line-height: inherit; font-size: 2rem; }

.contents_util .share .item .facebook a::before { color: #29487d; content: ""; }

.contents_util .share .item .twitter a::before { color: #1da1f2; content: ""; }

.contents_util .share .item .kakaostory a::before { color: #ffc20f; content: ""; }

.contents_util .share .item .kakaotalk a::before { color: #381e1f; content: ""; }

.contents_util .share .item .band a::before { font-size: 2rem; font-family: "Pretendard"; font-weight: 900; color: #21c531; content: 'b'; }

.contents_util .share .item .close { position: absolute; bottom: 1.5rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); color: #222; margin: 0; }

.contents_util .share .item .close::before { margin: 0; content: ""; -webkit-transition: all 0.2s; transition: all 0.2s; }

.contents_util .share .open { display: inline-block; overflow: hidden; width: 4rem; height: 4rem; line-height: 4rem; text-align: center; vertical-align: top; border-radius: 50%; border: 1px solid #ddd; }

.contents_util .share .open::before { content: ''; display: block; width: 3.6rem; height: 3.8rem; line-height: 3.8rem; font-family: "xeicon"; text-align: center; line-height: inherit; font-size: 2rem; font-weight: 400; color: #8D8D8D; -webkit-transition: all .3s; transition: all .3s; }

.contents_util .share .open:hover::before, .contents_util .share .open:focus::before { color: #20AF63; }

.contents_util .share.active .item { visibility: visible; overflow: visible; width: auto; height: auto; opacity: 1; width: 6rem; padding: 2rem 0 3rem; -webkit-transition: all 0.2s; transition: all 0.2s; }

.contents_util .print, .contents_util .url { display: inline-block; }

.contents_util .print a, .contents_util .url a { display: inline-block; overflow: hidden; width: 4rem; height: 4rem; line-height: 4rem; text-align: center; vertical-align: top; border: 1px solid #DEDEDE; border-radius: 50%; color: #8D8D8D; }

.contents_util .print a::before, .contents_util .url a::before { content: ''; font-family: "remixicon"; display: block;width: 3.8rem; height: 3.8rem; line-height: 3.8rem; text-align: center; font-size: 2rem; font-weight: 400; color: #8D8D8D; -webkit-transition: all .3s; transition: all .3s; }

.contents_util .print a:hover::before, .contents_util .print a:focus::before, .contents_util .url a:hover::before, .contents_util .url a:focus::before { color: #20AF63; }

.contents_util .url { margin-right: .4rem; }

.contents_util .url a::before { content: ''; font-family: "remixicon"; }

#contents { float: right; width: calc(100% - 22rem); margin-bottom: 10rem; min-height: 40rem; padding-top: 4rem; padding-left: 6rem; }

#footer { clear: both; }

/* 콘텐츠 정보 */
.contents_info { clear: both; margin-left: 28rem; margin-bottom: 6rem; }

.contents_info .kogl { padding: 0.9rem 2rem; font-size: 1.5rem; color: #222; border: 1px solid #ddd; border-top-right-radius: 6px; border-top-left-radius: 6px; border-bottom: none;}

.contents_info .kogl strong { font-weight: 300; }

.contents_info .kogl::after { content: ''; display: block; clear: both; }

.contents_info .kogl .txt { float: left; line-height: 3.3rem; }

.contents_info .kogl .img { float: right; width: 9.2rem; }

.contents_info .duty-wrap { background-color: #F1F1F1; padding: 1.6rem 2rem;border: 1px solid #ddd; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; border-top: none; }

.contents_info .duty-wrap .duty { font-size: 0; }

.contents_info .duty-wrap .duty > * { display: inline-block; vertical-align: middle; font-size: 1.6rem; }

.contents_info .duty-wrap .duty .title { width: 10rem; line-height: 2rem; color: #222; font-weight: 600; }

.contents_info .duty-wrap .duty .title::before { content: '\ea09'; display: inline-block; font-family: 'remixicon'; margin-right: 0.8rem; font-weight: 100; color: #999; font-size: 2rem; vertical-align: middle; }

.contents_info .duty-wrap .duty .list { width: calc(100% - 10rem); padding-left: 3rem; }

.contents_info .duty-wrap .duty .list::after { content: ''; display: block; clear: both; }

.contents_info .duty-wrap .duty .list li { position: relative; float: left; line-height: 2rem; }

.contents_info .duty-wrap .duty .list li.current_d { float: right; margin-left: 0; }

.contents_info .duty-wrap .duty .list li.current_d::before { display: none; }

.contents_info .duty-wrap .duty .list li::before { content: ''; position: absolute; top: 0.6rem; left: -1.5rem; width: 1px; height: 1rem; background-color: #ddd; }

.contents_info .duty-wrap .duty .list li strong { font-weight: 600; color: #222; margin-right: 0.5rem; }

.contents_info .duty-wrap .duty .list li span { color: #515151; font-weight: 300; }

.contents_info .duty-wrap .duty .list li + li { margin-left: 3rem; }

.contents_info .duty-wrap .duty .list .email_link { width: 2rem; min-width: 0; height: 2rem; line-height: 2rem; background: none; border: 0 none; color: #0373A5; }

.contents_info .duty-wrap .duty .list .email_link i { vertical-align: top; }

.contents_info .duty-wrap .duty .list .email_link:hover { color: #0373A5; }

.total_search #snb { display: none; }

.total_search .contents_util #contents_title { padding-left: 0; }

.total_search #contents { width: 100%; padding-left: 0; }

.archive_p {
	background: #f2f6f9;
    padding: 20px;
    font-size: 1.7rem;
    font-weight: 400;
    line-height: 2;
}

ul.kiccs-ul {
	text-align: left;
}

ul.kiccs-ul li {
	list-style: disc;
	margin-left:20px;
	text-align: left;
}

.ft_type1 {
	font-weight: 600;
    color: #333;
}

.fl {float: left;}
.fr {float: right;}


ul.bul99 li {
	list-style: decimal;
	margin-left:18px;
}