@font-face{
    font-family:'AAA';
    src:url("./fonts/NanumBarunGothic.otf");
}

* { line-height: 200%; }

body { font-family: "AAA", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }

li {line-height: 300%;}

pre { background-color: lightgrey; padding: 0px 20px 0px 20px; }


input[type="checkbox"]{
    margin-top: 0.5rem;
}

img.center { display: block; margin: 0px auto; }

/* 위로 이동 때문에 넣은 것 */
#go-top-link {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 18px;
    right: 10px;
    z-index: 100;
    background-color: lightgrey;
    padding: 0px 10px 0px 10px;
}
/* 위로 이동 때문에 넣은 것 */





.ad { background-color : gray; }

.admin_study_manager { padding : 10px; }

.bold { font-weight: bold; }

.bg-yellow { background: rgba(234, 230, 070); }
.bg-warning-30 { background: rgba(254, 192, 47, 0.3); }
.bg-warning-50 { background: rgba(254, 192, 47, 0.5); }
.bg-warning { background: rgba(254, 192, 47); }

.card_sample { background-color: rgba(255,215,0,0.8); }
.card_sample .list-group-item { background-color: rgba(255, 255, 255, 0.8); }

.card_login { background-color: rgba(50,205,50,0.5); }
.card_login .list-group-item { background-color: rgba(255, 255, 255, 0.8); }

.card_membership { background-color: rgba(255, 169, 214, 0.8); }
.card_membership .list-group-item { background-color: rgba(255, 255, 255, 0.8); }

.category_inline_block { display: inline-block; margin-right: 15px; }

.center { text-align: center; }


.column { font-size: 120%; line-height: 200%; }
.column h1 { margin-bottom: 30px; color:red;  text-align: center; }
.column h2 { margin-top: 60px; margin-bottom: 30px; color:red; }
.column hr {
    border: 0;
    border-top: 2px dashed red;
}

.comment_container { background-color: #efefef; padding:10px; }

.display_inline { display: inline; }
.display_none { display: none; }

.emphatic { color: red; font-weight: bold; }

.hr_lecture { background-color : #663399; height: 20px;}
.hr_cut {
			border: 0;
			border-top: 10px solid gray;
		}
.hr_review {
            border: 0;
            border-top: 3px dashed gray;

}
.mobile-nav li { display: inline-block; }
.my-li li { margin:30px; }

.pdd {padding: 30px; background-color: #0a84ff; color: red;}

.text-110 {font-size: 110%;}
.text-120 {font-size: 120%;}
.text-130 {font-size: 130%;}
.text-140 {font-size: 140%;}
.text-150 {font-size: 150%;}

.video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; }
.video iframe,
.video object,
.video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



.calendar {
    width: 98%;
    margin: auto;
    font-size: 13px;
}

.calendar tr, .calendar td {
    border: 1px solid black;
}

.calendar th {
    padding: 10px;
    text-align: center;
    font-size: 18px;
}

.calendar td {
    width: 200px;
    padding: 10px;
    text-align: center;
}

.calendar bg-success {
    background-color: #0dcaf0;
}

.month {
    font-size: 25px;
}

.date {
    font-size: 16px;
}

.float {
    float : left;
}

.clear {
    clear: both;
}

.messages {
    white-space: pre-wrap; /* 줄 바꿈을 유지하며 출력 */
    Entry-wrap: break-Entry; /* 긴 단어를 줄 바꿈 */
    max-width: 100%;       /* 메시지가 길어도 잘리지 않도록 설정 */
    overflow: visible;     /* 숨김 없이 메시지 전체 표시 */
}

.mg_3 {
    margin: 3px;
}

.voice div {
    float : left;
    margin: 3px;
}

.voice iframe {
    width:200px;
}

/* Large Devices, Wide Screens : ~ 1200px */
@media only screen and (max-width : 1200px) {

}
/* Medium Devices, Desktops : ~ 992px */
@media only screen and (max-width : 992px) {

}
/* Small Devices, Tablets : ~ 768px */
@media only screen and (max-width : 768px) {
    h1 { font-size: 1.5rem; text-align: center; }
    h2 { font-size: 1.4rem; }
    h3 { font-size: 1.3rem; }
    h4 { font-size: 1.2rem; }
    h5 { font-size: 1.1rem; }
    h6 { font-size: 1.0rem; }
}
/* Extra Small Devices, Phones : ~ 480px */
@media only screen and (max-width : 480px) {

}
/* Custom, iPhone Retina : ~ 320px */
@media only screen and (max-width : 320px) {
    .column img { width: 50%; }
}

/* 미디어쿼리를 이용한 가로모드, 세로모드일때의 css 적용 방법 */

@media all and (orientation:portrait) {

	/* 세로모드일때의 css 적용 */

}

@media all and (orientation:landscape) {

	/* 가로모드일때의 css 적용 */

}