@charset "utf-8";
@media (max-width:1200px) {
	.pc-mode {display:none !important;}
	.t-mode {display:inline-block !important;}
	.m-mode {display:none !important;}
	.pc-none {display:inline-block !important;}
	.t-none {display:none !important;}
	.m-none {display:inline-block !important;}
	.pt1 {
	}
	.pt2 {
	padding-top: 40px;}
	.pt3 {
	padding-top: 20px;}
	.pt4 {
	}
	.mt1 {
	}
	.mt2 {
	margin-top: 40px;}
	.mt3 {
	}
	.mt4 {
	}

	/* MAIN: E */
.second {margin-top: 25px !important;}


	.nav-btn {}
	.inner {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
	.wrap {}
	.wrap header {
    height: 80px;
    min-height: auto;
    border-bottom: 1px solid #e5e5e5;
}
	.wrap header h1.logo {}
	.wrap header h1.logo {
    top: 19px;
    left: 20px;
}
	.wrap header h1.logo a {}
	.wrap header h1.logo a img {
    height: 42px;
}
	.wrap header .past {
	top: 26px;
	right: 65px;
	}
	.wrap header .past a {
	}
	.wrap header .nav-btn {
    top: 0;
    right: 0;
    height: 100%;
    width: 65px;
}
	.wrap header .nav-btn button {}
	.wrap header .nav-btn button.on {
    background-position: center;
}
	.wrap header .nav-btn button.off {}
	.wrap header nav {}
	.wrap header nav > ul {}
	.wrap header nav > ul > li {}
	.wrap header nav > ul > li.on {}
	.wrap header nav > ul > li > a {}
	.wrap header nav > ul > li:hover > a,
	.wrap header nav > ul > li.on > a {}
	.wrap header nav > .head {
	}
	.wrap header nav > .head .close {
	}
	.wrap header svg {
	display: none;
	}
	.wrap header svg text {}
	.wrap header svg text texaPath {}
	.wrap header svg text {
	}
	.wrap footer {
    padding: 40px 0;
}
	/*
	.wrap footer address {
	}
	.wrap footer .copy {}
	.wrap footer .banner {
    margin-bottom: 20px;
}
	.wrap footer .banner a {
	margin-right: 25px;
	}
	.wrap footer .fmenu {
	position: relative;
	margin-bottom: 11px;
	}
	.wrap footer .fmenu a {
	margin-left: 0;
	margin-right: 25px;
	}
	*/

footer .footer-wrap {flex-direction: column;}
footer .footer-wrap .l, footer .footer-wrap.r {width: auto;}
footer .footer-wrap .l > a {
    display: block;
    margin: auto;
    max-width: 220px;
}
footer .footer-wrap .l > a img {}
footer .footer-wrap .l .coper {display: flex;flex-direction: column;}
footer .footer-wrap .l .coper strong {position: relative;text-align: center;margin-bottom: 10px;font-weight: 400;}
footer .footer-wrap .l .coper a {margin-right: auto;}
footer .footer-wrap .l .coper a img {}
footer .footer-wrap .l > a.person {text-align: left;display: inline-block;}
footer .footer-wrap address {margin-left: 0;margin-top: 20px;}
footer .footer-wrap address strong {}
footer .footer-wrap address ul {}
footer .footer-wrap address ul li {
}
footer .footer-wrap address ul li:before {}


	.gnb-back {}


	/* 메인 시작 */

#main.content {
}

#main.content .section {padding-top: 40px;padding-bottom: 40px;}

#main.content .section.first {/* height: 1000px; */}
#main.content .section.first .img-box {
}
#main.content .section.first .img-box img {
    max-width: 800px;
    max-height: calc(100vh - 80px);
    margin-top: 80px;
}

#main.content .section.second {
}
#main.content .section.third {}
#main.content .section.fourth {
}
#main.content .section .boxs {margin-top: -40px;margin-left: -20px;}
#main.content .section .boxs .box {
    margin-top: 40px;
    margin-left: 20px;
    width: calc(50% - 20px);
}
#main.content .section .boxs .box.full {
}
#main.content .section .boxs .box .head {margin-bottom: 20px;}
#main.content .section .boxs .box .head .title {font-size: 26px;}
#main.content .section .boxs .box .head .desc {font-size: 13px;}
#main.content .section .boxs .box .head .desc strong {font-size: 13px;}

#main.content .section .boxs .box .img-box {
}
#main.content .section .boxs .box .img-box img {
}
#main.content .section .boxs .box .subject {font-size: 22px;margin-top: 20px;}
#main.content .section .boxs .box .desc-box {
    margin-top: 15px;
}
#main.content .section .button {margin-top: 15px;}
#main.content .section .button a {
}
#main.content .section .button a:hover {
}

#main.content .section .article {align-items: center;}
#main.content .section .article .c1 {
}
#main.content .section .article .c2 {margin-left: 20px;}
#main.content .section .article .c1 .tag {
}
#main.content .section .article .c1 .title {font-size: 28px;margin-top: 15px;}
#main.content .section .article .c1 .desc {
    margin-top: 15px;
}
#main.content .section .article .c1 .button {position: relative;}
#main.content .section .article .c1 .button a {}
#main.content .section .article .c2 img {}

.scroll-down {
	/* display: none; */
	bottom: 40px;
}
	/* 메인 끝 */

/* 서브 공통 */
.wrap.sub {}
.wrap.sub header {
}
.wrap.sub header nav {}
#sub.content {padding-top: 125px;margin-bottom: 40px;}
#sub.content .sub-head {padding-bottom: 40px;}
#sub.content .sub-head .tit {font-size: 36px;}
#sub.content .sub-head .desc {font-size: 16px;margin-top: 15px;}
/* 게시판 공통 */
#sub.content .board {}
/* 게시판 리스트 */
#sub.content .board .list {padding-top: 20px;margin-bottom: 0;}
#sub.content .board .list a {padding: 25px 0;}
#sub.content .board .list a .col-vol {width: 100px;font-size: 14px;}
#sub.content .board .list a .col-tit {font-size: 20px;}
#sub.content .board .list a .col-tit .writer {font-size: 14px;}
#sub.content .board .list a .col-dt {width: 100px;font-size: 13px;}

/* 게시판 열람 */
#sub.content .board .view-img {height: 300px;}
#sub.content .board .view-img img {height: 100%;}
#sub.content .board .view {
}
#sub.content .board .view .view-head {height: 300px;top: -300px;}
#sub.content .board .view .view-head .mdl {}
#sub.content .board .view .view-head .head-vol {font-size: 14px;padding: 8px 18px;}
#sub.content .board .view .view-head .head-tit {font-size: 36px;line-height: 1.4;padding: 20px 0;}
#sub.content .board .view .view-head .head-dt {
    font-size: 14px;
}
#sub.content .board .view .writer {padding: 40px 0;}
#sub.content .board .view .writer .photo-box {width: 200px;}
#sub.content .board .view .writer .photo-box img {max-width: 160px;}
#sub.content .board .view .writer .desc-box {width: calc(100% - 200px);}
#sub.content .board .view .writer .desc-box .name {font-size: 16px;}
#sub.content .board .view .writer .desc-box .name strong {
}
#sub.content .board .view .writer .desc-box .desc {font-size: 16px;margin-top: 20px;}
#sub.content .board .view .writer .img {
    margin-top: 20px;
}

#sub.content .board .view .para-box {padding-top: 40px;padding-bottom: 40px;}
#sub.content .board .view .para-box .tit {font-size: 24px;}
#sub.content .board .view .para-box .para .tit {padding-top: 40px;}
#sub.content .board .view .para-box p, #sub.content .board .view .para-box .p {font-size: 16px;margin-top: 20px;}
#sub.content .board .view .para-box p.from, #sub.content .board .view .para-box .p.from {margin-top: 5px;}
#sub.content .board .view .para-box ul.p-hyphen {
font-size: 16px;margin-top: 20px;
}
#sub.content .board .view .para-box ul.p-hyphen li:before {}
#sub.content .board .view .para-box ul.p-hyphen li {}
#sub.content .board .view .para-box ul.p-list {
font-size: 16px;margin-top: 20px;
}
#sub.content .board .view .para-box ul.p-list li:before {}
#sub.content .board .view .para-box ul.p-list li {}

#sub.content .board .view .para-box figure {margin-top: 20px;}
#sub.content .board .view .para-box figure.white {
    padding: 30px;
}
#sub.content .board .view .para-box figure img {}
#sub.content .board .view .para-box figure figcaption {
}
/* 버튼 */
#sub.content .bt-box {margin-top: 40px;}
#sub.content .bt-box a.black {font-size: 18px;padding: 10px 40px;}
#sub.content .bt-box button.red, #sub.content .bt-box a.red {font-size: 18px;padding: 10px 40px;}



/* 퀴즈 */
#sub.content .ox {padding-bottom: 40px;}
#sub.content .ox > .tit {font-size: 16px;margin-top: 40px;margin-bottom: 20px;}
#sub.content .ox .questions {
}
#sub.content .ox .questions .question {
}
#sub.content .ox .questions .question .q {padding: 20px 0;}
#sub.content .ox .questions .question .q .n {font-size: 28px;width: 60px;text-align: left;}
#sub.content .ox .questions .question .q .tit {font-size: 20px;}
#sub.content .ox .questions .question .q .a {width: 92px;margin-left: 30px;}
#sub.content .ox .questions .question .q .a .check {
}
#sub.content .ox .questions .question .q .a .o input[type='radio'] {display: none;}
#sub.content .ox .questions .question .q .a .o input[type='radio'] + label {
background-size: 32px;background-position: left center;
}
#sub.content .ox .questions .question .q .a .o input[type='radio']:checked + label, #sub.content .ox .questions .question .q .a .o input[type='radio']:hover + label {
}
#sub.content .ox .questions .question .q .a .x input[type='radio'] {display: none;}
#sub.content .ox .questions .question .q .a .x input[type='radio'] + label {
background-size: 32px;background-position: right center;
}
#sub.content .ox .questions .question .q .a .x input[type='radio']:checked + label, #sub.content .ox .questions .question .q .a .x input[type='radio']:hover + label {
}

#sub.content .ox .questions .question .correct {
}
#sub.content .ox .questions .question .correct.on {padding: 20px;}
#sub.content .ox .questions .question .correct .top {font-size: 20px;}
#sub.content .ox .questions .question .correct .top strong.o {
}
#sub.content .ox .questions .question .correct .top strong.x {
}
#sub.content .ox .questions .question .correct .body {
    font-size: 14px;
    margin-top: 10px;
}
#sub.content .ox .form-box {margin-top: 40px;padding-top: 40px;}
#sub.content .ox .head {}
#sub.content .ox .head .tag {
}
#sub.content .ox .head .tit {font-size: 30px;}
#sub.content .ox .head .tit strong {
}
#sub.content .ox .info {margin-top: 30px;margin-left: -20px;flex-wrap: wrap;}
#sub.content .ox .info strong {height: 50px;margin-left: 20px;margin-top: 10px;}
#sub.content .ox .info input {height: 50px;width: calc(100% - 120px);flex: auto;margin-top: 10px;}
#sub.content .ox .info input::placeholder {
}
#sub.content .ox .privacy {margin-top: 20px;padding: 20px;}
#sub.content .ox .privacy p {font-size: 14px;margin-top: 20px;}
#sub.content .ox .privacy p strong {font-size: 20px;margin-top: -20px;}
#sub.content .ox .privacy p u {
}
#sub.content .ox .agree {margin-top: 20px;}
#sub.content .ox .agree .ment {font-size: 14px;}
#sub.content .ox .agree .checkbox {
}
#sub.content .ox .agree .checkbox label {font-size: 14px;}
#sub.content .ox .agree .checkbox input[type='checkbox'] {}
#sub.content .ox .agree .checkbox input[type='checkbox'] + label:before {}
#sub.content .ox .agree .checkbox input[type='checkbox']:checked + label:before {
}

/* 생생 교육현장 */
table.purple {
}
table.purple thead {
}
table.purple tbody {
}
table.purple thead th {
}
table.purple tbody td {
}
table.purple thead th, table.purple tbody td {
	font-size: 16px;
}
table.purple thead th:last-child, table.purple tbody td:last-child {
}

/* 감염 공부방 */
#sub.content .board .view .para-box .photo-col {margin-left: -20px;margin-top: 0;}
#sub.content .board .view .para-box .photo-col.col6 {}
#sub.content .board .view .para-box .photo-col figure {margin-left: 20px;}
#sub.content .board .view .para-box .photo-col.col6 figure {width: calc(33.33% - 12px);}
#sub.content .board .view .para-box .photo-col.col2 figure {width: calc(50% - 20px);margin-left: 20px;}
#sub.content .board .view .para-box .photo-col.col3 figure {width: calc(33.33% - 20px);margin-left: 20px;margin-top: 20px;}
#sub.content .board .view .para-box .photo-col.col4 figure {width: calc(25% - 20px);margin-left: 20px;margin-top: 20px;}
#sub.content .board .view .para-box .photo-col figure.white {margin-top: 20px;}
#sub.content .board .view .para-box .photo-col figure img {}
#sub.content .board .view .para-box .photo-col figcaption {font-size: 16px;}
#sub.content .board .view .para-box p.add-desc {font-size: 14px;margin-top: 10px;}
#sub.content .board .view .para-box p.add-desc-none-t {font-size: 14px;margin-top: 10px;}
#sub.content .board .view .para-box p.add-desc:before {}
#sub.content .board .view .para-box p.add-desc a {}
#sub.content .board .view .para-box p.youtube {padding-bottom: 56.2%;}
#sub.content .board .view .para-box p.youtube iframe {
}
#sub.content .board .view .para-box .ic1 {margin-top: 20px;}
#sub.content .board .view .para-box .ic1 > div {
}
#sub.content .board .view .para-box .ic1 .ico {width: 180px;}
#sub.content .board .view .para-box .ic1 .ico img {}
#sub.content .board .view .para-box .ic1 .cont {flex: 1;}
#sub.content .board .view .para-box .ic1 .cont .circle-num {
}
#sub.content .board .view .para-box .ic1 .cont .circle-num li {font-size: 16px;padding: 10px 10px 10px 47px;}
#sub.content .board .view .para-box .ic1 .cont .circle-num li:before {font-size: 15px;width: 25px;height: 25px;line-height: 25px;}

/* 이달의 감염병 동향 */
#sub.content .board .view .tit .info {font-size: 13px;}
#sub.content .board .view .tit .info strong {margin-left: 5px;margin-right: 3px;}
#sub.content .board .view .para-flex {margin-left: -20px;}
#sub.content .board .view .para-flex .para-flex-box {margin-left: 20px;}


#sub.content .board .view .para .htit {font-size: 18px;margin-top: 15px;}
#sub.content .board .view .para .htit span.unit {
}
#sub.content .board .view .para .htit span.unit strong {margin-right:5px;}
.table-grp {margin-top: 10px;overflow-x: scroll;}
.table-grp table {
}
.table-grp table .th-title1 {font-size: 18px;}
.table-grp table .th-title2 {font-size: 16px;}

.table-grp table caption {}
.table-grp table colgroup {}
.table-grp table colgroup col {}
.table-grp table thead {}
.table-grp table thead th {}
.table-grp table tbody {}
.table-grp table tbody th {font-size: 16px;}
.table-grp table tbody td {
}
.table-grp table tfoot {}
.table-grp table tfoot th {
}
.table-grp table tfoot td {}
.table-grp table .red * {}
.table-grp table .purple * {}
.table-grp .h {}
.table-grp th, .table-grp td {font-size: 13px;padding: 9px 0;}

/* 개인정보취급방침 */
#sub.content .personal {padding-top: 40px;}
#sub.content .personal p {margin-top: 20px;font-size: 14px;}
#sub.content .personal p:first-of-type {}
#sub.content .personal p strong {font-size: 20px;}
#sub.content .personal p u {
}

/* 지난호보기 */
.no-head {
    padding: 40px 0;
}



.select-year {
	margin-top: 40px;
}
.select-year select {
}
.select-year select::-ms-expand {} {
}
.select-year option {
}

}
/* //1280px */