@charset "utf-8";
/* CSS Document */



#lang_i {display:block; width:95%; margin:0 auto; padding-top:0.5em; overflow:hidden;}
#lang_i select {width:9em; padding:0.2em; border:1px solid #bcbbbb; float:right; margin-bottom:1em; clear:both;}



.term_title {width:100%;margin:0 auto;overflow:hidden;margin-bottom:1em;}
.term {width:100%; height:100%; overflow:auto; margin-top:1em;}
.term h4 {margin:1em 0;}
.term p {font-size:13px;}
.term ol {margin:0.5em 0 0.5em 2em; font-size:13px;line-height:140%;}
.term ul {list-style:none;margin:0.5em 0 0.5em 2em;font-size:13px;line-height:140%;}

.term_line {width:100%; margin:0 auto; border-bottom:3px solid #333;overflow:hidden;}



#term_tab_menu {width:95%;display:block; margin:0 auto;}

section.term_btn {overflow:hidden;}
section.term_btn > label {

    /* 수평정렬 */
    display:block;float:left;
    /* 크기 및 글자 위치 지정 */
    text-align:center;
    /* 테두리 지정 */
    box-sizing:border-box;
	padding:0.5em 1.5em;
    /* 색상 지정 */
    background:#ccc;color:#000;font-size:1em;
}

section.term_btn > label:hover {background:#333; color:#fff;}
section.term_btn > label:first-child {margin-right:0.3em;}

input:nth-of-type(1):checked ~ section.term_btn > label:nth-of-type(1) {background:#333;color:#fff;font-weight:bold;}
input:nth-of-type(2):checked ~ section.term_btn > label:nth-of-type(2) {background:#333;color:#fff;font-weight:bold;}


::-webkit-scrollbar {
    width: 5px;
    height: 10px;
}
::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #C3C3C3;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.2); 
} 

		#term_tab_menu iframe {width:100%;height:700px;margin:0 auto;overflow:auto;margin-bottom:1em;border:none;}
		
		
		
/*상단 이동 모바일*/
#back-top-m {
	position: fixed;
	bottom: 30px;
	right: 1em;
}


#back-top-m a {
	width: 60px;
	display: block;
	text-align: center;
	font-size:0.8em;
	text-transform: uppercase;
	text-decoration: none;

	/* transition */
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}
#back-top-m a:hover {
	color: #000;
}

/* arrow icon (span tag) */
#back-top-m span {
	width: 60px;
	height: 20px;
	display: block;
	margin-bottom: 7px;
	background: #DDD;

	/* rounded corners */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	/* transition */
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}
#back-top-m a:hover span {
	background-color: #2ab7ed;
}