@charset "utf-8";

@media (max-width:767px){
	.pc-mode{display: none !important;}
	.t-mode{display: none !important;}
	.m-mode{display: inline-block !important;}

	.pc-none{display: inline-block !important;}
	.t-none{display: inline-block !important;}
	.m-none{display: none !important;}
	.pt1 {
	}
	.pt2 {
	padding-top: 25px;}
	.pt3 {
	}
	.pt4 {
	}
	.mt1 {
	}
	.mt2 {
	margin-top: 30px;}
	.mt3 {
	}
	.mt4 {
	}

	.nav-btn {}
	.inner {}
	.wrap {}
	.wrap header {}
	.wrap header h1.logo {}
	.wrap header h1.logo {}
	.wrap header h1.logo a {}
	.wrap header h1.logo a img {}
	.wrap header .past {
	}
	.wrap header .past a {
	}
	.wrap header .nav-btn {}
	.wrap header .nav-btn button {}
	.wrap header .nav-btn button.on {}
	.wrap header .nav-btn button.off {}
	.wrap header nav {
    width: 100%;
}
	.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 {
	}
	.wrap header svg text {}
	.wrap header svg text texaPath {}
	.wrap header svg text {
	}
	.wrap footer {}
	/*
	.wrap footer address {
	}
	.wrap footer .copy {}
	.wrap footer .banner {}
	.wrap footer .banner a {
	}
	.wrap footer .fmenu {
	}
	.wrap footer .fmenu a {
	}
	*/
footer .footer-wrap {
}
footer .footer-wrap .l, footer .footer-wrap.r {
}
footer .footer-wrap .l > a {}
footer .footer-wrap .l > a img {}
footer .footer-wrap .l .coper {
}
footer .footer-wrap .l .coper strong {
}
footer .footer-wrap .l .coper a {
}
footer .footer-wrap .l .coper a img {}
footer .footer-wrap .l > a.person {
}
footer .footer-wrap address {
}
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 {
}

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

#main.content .section.second {
}
#main.content .section.third {}
#main.content .section.fourth {
}
#main.content .section .boxs {
}
#main.content .section .boxs .box {width: 100%;}
#main.content .section .boxs .box.full {
}
#main.content .section .boxs .box .head {flex-direction: column;}
#main.content .section .boxs .box .head .title {
    width: 100%;
}
#main.content .section .boxs .box .head .desc {text-align: left;text-indent: -10px;flex: auto;margin-top: 10px;width: 100%;}
#main.content .section .boxs .box .img-box {width: 100%;}
#main.content .section .boxs .box .img-box img {width: 100%;}
#main.content .section .boxs .box .subject {
}
#main.content .section .boxs .box .desc-box {
}
#main.content .section .button {
}
#main.content .section .button a {
}
#main.content .section .button a:hover {
}

#main.content .section .article {flex-direction: column-reverse;}
#main.content .section .article .c1 {margin-top: 20px;}
#main.content .section .article .c2 {margin-left: 0;}
#main.content .section .article .c1 .tag {
}
#main.content .section .article .c1 .title {
}
#main.content .section .article .c1 .desc {
}
#main.content .section .article .c1 .button {
}
#main.content .section .article .c1 .button a {}
#main.content .section .article .c2 img {}
.scroll-down {
	/* display: none; */
}

	/* 메인 끝 */

/* 서브 공통 */
.wrap.sub {}
.wrap.sub header {
}
.wrap.sub header nav {}
#sub.content {
}
#sub.content .sub-head {
}
#sub.content .sub-head .tit {
}
#sub.content .sub-head .desc {
}
/* 게시판 공통 */
#sub.content .board {}
/* 게시판 리스트 */
#sub.content .board .list {
}
#sub.content .board .list a {flex-direction: column;padding: 20px;}
#sub.content .board .list a .col-vol {text-align: left;width: 100%;}
#sub.content .board .list a .col-tit {width: 100%;padding: 10px 0;line-height: 1.3;white-space: normal;overflow: auto;}
#sub.content .board .list a .col-dt {width: 100%;text-align: left;}

/* 게시판 열람 */
#sub.content .board .view-img {aspect-ratio: 398/300;height: auto;overflow: visible;}
#sub.content .board .view-img img {width: 100%;/* aspect-ratio: 398/300; */position: relative;height: auto;}
#sub.content .board .view {}
#sub.content .board .view .view-head {text-align: center;width: 100%;left: 0;align-items: start;top: -133.3vw;}
#sub.content .board .view .view-head .mdl {
    width: 100%;
}
#sub.content .board .view .view-head .head-vol {margin-top: 40px;}
#sub.content .board .view .view-head .head-tit {
}
#sub.content .board .view .view-head .head-dt {}
#sub.content .board .view .writer {flex-direction: column;}
#sub.content .board .view .writer .photo-box {width: 100%;text-align: center;}
#sub.content .board .view .writer .photo-box img {
}
#sub.content .board .view .writer .desc-box {width: 100%;margin-top: 40px;}
#sub.content .board .view .writer .desc-box .name {
}
#sub.content .board .view .writer .desc-box .name strong {
}
#sub.content .board .view .writer .desc-box .desc {
}
#sub.content .board .view .writer .img {
}

#sub.content .board .view .para-box {
}
#sub.content .board .view .para-box .tit {
}
#sub.content .board .view .para-box p, #sub.content .board .view .para-box .p {
}
#sub.content .board .view .para-box p.from, #sub.content .board .view .para-box .p.from {}
#sub.content .board .view .para-box ul.p-hyphen {
}
#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 {
}
#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-bottom: 40px;}
#sub.content .board .view .para-box figure.white {
}
#sub.content .board .view .para-box figure img {}
#sub.content .board .view .para-box figure figcaption {
}
/* 버튼 */
#sub.content .bt-box {
}
#sub.content .bt-box a.black {
}
#sub.content .bt-box button.red, #sub.content .bt-box a.red {}


/* 퀴즈 */
#sub.content .ox {
}
#sub.content .ox > .tit {
}
#sub.content .ox .questions {
}
#sub.content .ox .questions .question {
}
#sub.content .ox .questions .question .q {flex-direction: column;}
#sub.content .ox .questions .question .q .n {text-align: center;}
#sub.content .ox .questions .question .q .tit {padding: 15px 0;text-align: center;}
#sub.content .ox .questions .question .q .a {margin-left: 0;}
#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 {
}
#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 {
}
#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 {
}
#sub.content .ox .questions .question .correct .top {
}
#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 {}
#sub.content .ox .form-box {
}
#sub.content .ox .head {}
#sub.content .ox .head .tag {
}
#sub.content .ox .head .tit {
}
#sub.content .ox .head .tit strong {
}
#sub.content .ox .info {margin-left: 0;flex-wrap: wrap;margin-top: 20px;}
#sub.content .ox .info strong {width: 90px;margin-left: 0;margin-top: 10px;}
#sub.content .ox .info input {width: calc(100% - 90px);margin-top: 10px;}
#sub.content .ox .info input::placeholder {
}
#sub.content .ox .privacy {margin-top: 10px;letter-spacing: -0.05em;}
#sub.content .ox .privacy p {
}
#sub.content .ox .privacy p strong {
}
#sub.content .ox .privacy p u {
}
#sub.content .ox .agree {flex-direction: column;}
#sub.content .ox .agree .ment {line-height: 1.4;}
#sub.content .ox .agree .checkbox {margin-left: 28px;margin-top: 10px;}
#sub.content .ox .agree .checkbox label {
}
#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 {
}
table.purple thead th:last-child, table.purple tbody td:last-child {
}

/* 감염 공부방 */
#sub.content .board .view .para-box .photo-col {flex-direction: column;margin-left: -20px;margin-top: -10px;}
#sub.content .board .view .para-box .photo-col.col4 {flex-direction: row;}
#sub.content .board .view .para-box .photo-col.col6 {flex-direction: row;}
#sub.content .board .view .para-box .photo-col figure {
}
#sub.content .board .view .para-box .photo-col.col4small figure {
    width: 100%;
}	
#sub.content .board .view .para-box .photo-col.col2 figure {width: calc(100% - 20px);/* margin-left: 0; */}
#sub.content .board .view .para-box .photo-col.col3 figure {width: calc(100% - 20px);/* margin-left: 0; */}
#sub.content .board .view .para-box .photo-col.col4 figure {width: calc(50% - 20px);/* margin-left: 0; */}
#sub.content .board .view .para-box .photo-col.col6 figure {width: calc(33.33% - 12px);/* margin-left: 0; */}
#sub.content .board .view .para-box .photo-col.col4 figure img {width: 100%;}
#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 {
}
#sub.content .board .view .para-box p.add-desc {
}
#sub.content .board .view .para-box p.add-desc-none-t {
}
#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 {
}
#sub.content .board .view .para-box p.youtube iframe {
}
#sub.content .board .view .para-box .ic1 {flex-direction: column;}
#sub.content .board .view .para-box .ic1 > div {
}
#sub.content .board .view .para-box .ic1 .ico {width: 100%;text-align: center;}
#sub.content .board .view .para-box .ic1 .ico img {
    max-width: 100px;
}
#sub.content .board .view .para-box .ic1 .cont {flex: 1;margin-top: 20px;}
#sub.content .board .view .para-box .ic1 .cont .circle-num {
}
#sub.content .board .view .para-box .ic1 .cont .circle-num li {
}
#sub.content .board .view .para-box .ic1 .cont .circle-num li:before {
}

/* 이달의 감염병 동향 */
#sub.content .board .view .tit .info {position: relative;margin-top: 10px;margin-left: -5px;}
#sub.content .board .view .tit .info strong {
}
#sub.content .board .view .para-flex {margin-left: 0;flex-direction: column;margin-top: -40px;}
#sub.content .board .view .para-flex .para-flex-box {
    margin-left: 0;
    margin-top: 40px;
}

#sub.content .board .view .para .htit {
}
#sub.content .board .view .para .htit span.unit {
left: 0; top: 24px;
}
#sub.content .board .view .para .htit span.unit-1 {
	left: 0; top: -25px;
	}
#sub.content .board .view .para-box ul.p-hyphen-box {
    margin: 25px 0 30px;
}


.table-grp {
}
.table-grp table {
}
.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 {
}
.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 {
}

/* 개인정보취급방침 */
#sub.content .personal {
}
#sub.content .personal p {
}
#sub.content .personal p:first-of-type {}
#sub.content .personal p strong {
}
#sub.content .personal p u {
}


.select-year {
}
.select-year select {
}
.select-year select::-ms-expand {} {
}
.select-year option {
}


}/* //767px */

@media (max-width:414px){

}/* //414px */