@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
:root {
	--sc1-barcolor:#018FFB;
	--sc1-iconcolor-1:#21587F;
	--sc1-iconcolor-2:#019AFF;
	--sc1-shadowcolor:#1BC6BD;
	--sc1-headercolor:#00A5FC;	
	--sc1-divcolor:#1BC6BD;
	--sc1-checkcolor:#1B7BD1;
	
	--sc2-barcolor:#1DC8BF;
	--sc2-iconcolor-1:#41978D;
	--sc2-iconcolor-2:#4ADAD0;	
	--sc2-shadowcolor:#37BFB5;
	--sc2-headercolor:#10B8B8;
	--sc2-divcolor:#5672CB;
	--sc2-checkcolor:#2F8986;
	
	--sc3-barcolor:#232B99;
	--sc3-iconcolor-1:#232B99;
	--sc3-iconcolor-2:#94D8F6;
	--sc3-shadowcolor:#232B99;
	--sc3-headercolor:#1E627F;
	--sc3-divcolor:#61A5C3;
	--sc3-checkcolor:#232B99;
	
	--sc4-barcolor:#FF9E11;
	--sc4-iconcolor-1:#D16D09;
	--sc4-iconcolor-2:#FFE484;	
	--sc4-shadowcolor:#FFCD36;
	--sc4-headercolor:#FFCF3F;
	--sc4-divcolor:#F1CA4E;
	--sc4-checkcolor:#D16D0A;

	--sc5-barcolor:#FF5977;
	--sc5-iconcolor-1:#DC1041;
	--sc5-iconcolor-2:#FF9B85;	
	--sc5-shadowcolor:#FF9B87;
	--sc5-headercolor:#FF6468;
	--sc5-divcolor:#EEB645;
	--sc5-checkcolor:#C32246;
}
.objTag {
	min-width:100px;
}
.md-container {
	font-family: 'Nanum Gothic', sans-serif;
	max-width:950px;
	min-width:100px;
	margin:0px auto;
}
.md-moduletitle {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom:10px;
	
}
.md-sc1 .md-start {
	margin-bottom:20px;
	padding-top:20px;
	border-top:4px solid transparent;
	border-image: linear-gradient(to right, var(--sc1-barcolor) 0%, #FFFFFF 100%);
	border-image-slice: 1;		
}
.md-sc2 .md-start {
	margin-bottom:20px;
	padding-top:20px;
	border-top:4px solid transparent;
	border-image: linear-gradient(to right, var(--sc2-barcolor) 0%, #FFFFFF 100%);
	border-image-slice: 1;		
}
.md-sc3 .md-start {
	margin-bottom:20px;
	padding-top:20px;
	border-top:4px solid transparent;
	border-image: linear-gradient(to right, var(--sc3-barcolor) 0%, #FFFFFF 100%);
	border-image-slice: 1;		
}
.md-sc4 .md-start {
	margin-bottom:20px;
	padding-top:20px;
	border-top:4px solid transparent;
	border-image: linear-gradient(to right, var(--sc4-barcolor) 0%, #FFFFFF 100%);
	border-image-slice: 1;		
}
.md-sc5 .md-start {
	margin-bottom:20px;
	padding-top:20px;
	border-top:4px solid transparent;
	border-image: linear-gradient(to right, var(--sc5-barcolor) 0%, #FFFFFF 100%);
	border-image-slice: 1;		
}
.md-title {
	width:100%;
	color:#231816;
	font-weight: 800;
	font-size:2.0em;	
}
.md-sc1 .md-hicon {
	display:inline-block;
    width: 15px;
    height: 15px;
    border: 4px solid transparent;
    border-radius: 50%;
    background-image: linear-gradient(#fff, #fff), linear-gradient(to right, var(--sc1-iconcolor-1) 0%, var(--sc1-iconcolor-2) 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    margin-right:10px;
}
.md-sc1 .md-sicon {
	display:inline-block;
    width: 7px;
    height: 20px;
    border-radius: 20%;
    background: linear-gradient( to bottom, var(--sc1-iconcolor-2), var(--sc1-iconcolor-1) );
    margin-right:15px;
}
.md-sc2 .md-hicon {
	display:inline-block;
    width: 15px;
    height: 15px;
    border: 4px solid transparent;
    border-radius: 50%;
    background-image: linear-gradient(#fff, #fff), linear-gradient(to right, var(--sc2-iconcolor-1) 0%,  var(--sc2-iconcolor-2) 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    margin-right:10px;
}
.md-sc2 .md-sicon {
	display:inline-block;
    width: 7px;
    height: 20px;
    border-radius: 20%;
    background: linear-gradient( to bottom, var(--sc2-iconcolor-2), var(--sc2-iconcolor-1) );
    margin-right:15px;
}
.md-sc3 .md-hicon {
	display:inline-block;
    width: 15px;
    height: 15px;
    border: 4px solid transparent;
    border-radius: 50%;
    background-image: linear-gradient(#fff, #fff), linear-gradient(to right, var(--sc3-iconcolor-1) 0%,  var(--sc3-iconcolor-2) 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    margin-right:10px;
}
.md-sc3 .md-sicon {
	display:inline-block;
    width: 7px;
    height: 20px;
    border-radius: 20%;
    background: linear-gradient( to bottom, var(--sc3-iconcolor-2), var(--sc3-iconcolor-1) );
    margin-right:15px;
}
.md-sc4 .md-hicon {
	display:inline-block;
    width: 15px;
    height: 15px;
    border: 4px solid transparent;
    border-radius: 50%;
    background-image: linear-gradient(#fff, #fff), linear-gradient(to right, var(--sc4-iconcolor-1) 0%,  var(--sc4-iconcolor-2) 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    margin-right:10px;
}
.md-sc4 .md-sicon {
	display:inline-block;
    width: 7px;
    height: 20px;
    border-radius: 20%;
    background: linear-gradient( to bottom, var(--sc4-iconcolor-2), var(--sc4-iconcolor-1) );
    margin-right:15px;
}
.md-sc5 .md-hicon {
	display:inline-block;
    width: 15px;
    height: 15px;
    border: 4px solid transparent;
    border-radius: 50%;
    background-image: linear-gradient(#fff, #fff), linear-gradient(to right, var(--sc5-iconcolor-1) 0%,  var(--sc5-iconcolor-2) 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    margin-right:10px;
}
.md-sc5 .md-sicon {
	display:inline-block;
    width: 7px;
    height: 20px;
    border-radius: 20%;
    background: linear-gradient( to bottom, var(--sc5-iconcolor-2), var(--sc5-iconcolor-1) );
    margin-right:15px;
}
.md-headimage {
	position:relative;
	overflow:hidden;
}
.md-headimage img {
    float:right;
	height:200px;
	background-repeat: no-repeat; /* Do not repeat the image */
}
.md-headimage .md-middletitle {
	position:absolute;
	top:15%;
	left:0px;
	width:100%;
}
.md-headimage .md-type {	
	font-size:30px;	
	font-weight:800;
	color:#FFFFFF;
	margin-left:30px;	
}
.md-headimage .md-htitle {
	font-size:40px;
	font-weight:800;
	color:#FFFFFF;
	margin-top:30px;
	margin-left:50px;
	word-break:keep-all;
	word-wrap:break-word;
	line-height:150%;
}
.md-sc1 .md-headimage .md-htitle {
	text-shadow: -3px 0px var(--sc1-shadowcolor), 0px 3px var(--sc1-shadowcolor), 3px 0px var(--sc1-shadowcolor), 0px -3px var(--sc1-shadowcolor);
}
.md-sc2 .md-headimage .md-htitle {
	text-shadow: -3px 0px var(--sc2-shadowcolor), 0px 3px var(--sc2-shadowcolor), 3px 0px var(--sc2-shadowcolor), 0px -3px var(--sc2-shadowcolor);
}
.md-sc3 .md-headimage .md-htitle {
	text-shadow: -3px 0px var(--sc3-shadowcolor), 0px 3px var(--sc3-shadowcolor), 3px 0px var(--sc3-shadowcolor), 0px -3px var(--sc3-shadowcolor);
}
.md-sc4 .md-headimage .md-htitle {
	text-shadow: -3px 0px var(--sc4-shadowcolor), 0px 3px var(--sc4-shadowcolor), 3px 0px var(--sc4-shadowcolor), 0px -3px var(--sc4-shadowcolor);
}
.md-sc5 .md-headimage .md-htitle {
	text-shadow: -3px 0px var(--sc5-shadowcolor), 0px 3px var(--sc5-shadowcolor), 3px 0px var(--sc5-shadowcolor), 0px -3px var(--sc5-shadowcolor);
}
.md-moduleintroduce {
	margin-top:30px;
}
.md-wrap {
	clear:both;
	width:100%;
}
.md-name {
	display:flex;
	align-items: center;
	
	float:left;	
	width:20%;
	margin-bottom:20px;
	word-break:break-all;
	word-wrap:break-word;
	vertical-align:center;
	font-weight:bold;
	color:#727272;
}
.md-name img {
	height:20px;
	margin-right:15px;
}
.md-nameinfo {
	float:left;
	width:79%;
	margin-bottom:30px;
	word-break:break-all;
	word-wrap:break-word;
	font-weight:bold;
	color:#423A36;
	line-height:150%;
}
.md-imagewrap {
	text-align:center;
	margin-bottom:10px;
}
.md-imagewrap .col {
	display:inline-block;
	margin:0px 0px 20px 0px;
	width:32%;
	max-height:200px;
	overflow:hidden;	
	text-align:center;
}
.md-imagewrap .col img {
	width:98%;
}
.md-curiwrap {
	clear:both;
	text-align:center;
}
.md-curiwrap .md-curi {
	display:inline-block;
	float:left;
}
.md-curiwrap .md-curi.md1 {
	display:none;
	width:20%;
	text-align:center;	
	font-size:0.8em;
	font-weight:bold;
}
.md-curiwrap .md-curi.md2 {
	width:16%;
	text-align:center;	
	font-size:0.8em;
	font-weight:bold;
}
.md-curiwrap .md-curi.md3 {
	width:50%;
	text-align:center;	
	font-weight:bold;
}
.md-curiwrap .md-curi.md4 {
	width:16%;
	text-align:center;
	font-size:0.8em;	
	font-weight:bold;
}
.md-curiwrap .md-curi.md3 table {
	width:100%;
	font-size:0.9em;
	text-align:center;	
	border-collapse: collapse;
	margin-bottom:20px;
}
.md-curiwrap .md-curi.md3 table.md-left {

}
.md-curiwrap .md-curi.md3 table.md-right {
	
}	
.md-curiwrap .md-curi.md3 table tr {
	height:30px;	
	border-bottom:2px solid #A6A6A6;
}
.md-curiwrap .md-curi.md3 table td {
	height:50px;
}
.md-sc1 .md4-line {
	clear:both;
	border-top:1px solid var(--sc1-headercolor);
	border-bottom:1px solid var(--sc1-headercolor);
}
.md-sc1 .md-curiwrap .md-curi .md-currihead {
	padding:15px 0px;
	border-top:2px solid var(--sc1-headercolor);
	border-bottom:2px solid var(--sc1-headercolor);
}
.md-sc2 .md4-line {
	clear:both;
	border-top:1px solid var(--sc2-headercolor);
	border-bottom:1px solid var(--sc2-headercolor);
}
.md-sc2 .md-curiwrap .md-curi .md-currihead {
	padding:15px 0px;
	border-top:2px solid var(--sc2-headercolor);
	border-bottom:2px solid var(--sc2-headercolor);
}
.md-sc3 .md4-line {
	clear:both;
	border-top:1px solid var(--sc3-headercolor);
	border-bottom:1px solid var(--sc3-headercolor);
}
.md-sc3 .md-curiwrap .md-curi .md-currihead {
	padding:15px 0px;
	border-top:2px solid var(--sc3-headercolor);
	border-bottom:2px solid var(--sc3-headercolor);
}
.md-sc4 .md4-line {
	clear:both;
	border-top:1px solid var(--sc4-headercolor);
	border-bottom:1px solid var(--sc4-headercolor);
}
.md-sc4 .md-curiwrap .md-curi .md-currihead {
	padding:15px 0px;
	border-top:2px solid var(--sc4-headercolor);
	border-bottom:2px solid var(--sc4-headercolor);
}
.md-sc5 .md4-line {
	clear:both;
	border-top:1px solid var(--sc5-headercolor);
	border-bottom:1px solid var(--sc5-headercolor);
}
.md-sc5 .md-curiwrap .md-curi .md-currihead {
	padding:15px 0px;
	border-top:2px solid var(--sc5-headercolor);
	border-bottom:2px solid var(--sc5-headercolor);
}

.md-curiwrap .md-curi .md-curriseme {
	list-style:none;
	padding:10px;
}
.md-curiwrap .md-curi .md-curriseme div {
	display:flex;
	align-items: center;
	justify-content: center;
	
	margin-top:10px;
	padding:10px 0px;	
	min-height:80px;
	word-break:keep-all;
	word-wrap:break-word;
	color:#FFFFFF;
}
.md-curiwrap .md-curi .md-currisemetitle {
	display:flex;
	align-items: center;
	justify-content: center;
	
	padding:10px 0px;	
	min-height:80px;
	word-break:keep-all;
	word-wrap:break-word;
	color:#000000;
}
.md-sc1 .md-curiwrap .md-curi .md-curriseme div {
	border:1px solid var(--sc1-divcolor);
	background-color: var(--sc1-divcolor);
}
.md-sc1 .md-curiwrap .md-curi .md-curriseme div.md-check {
	border:1px solid var(--sc1-checkcolor);
	background-color: var(--sc1-checkcolor);
	color:#FFFFFF;
}
.md-sc2 .md-curiwrap .md-curi .md-curriseme div {
	border:1px solid var(--sc2-divcolor);
	background-color: var(--sc2-divcolor);
}
.md-sc2 .md-curiwrap .md-curi .md-curriseme div.md-check {
	border:1px solid  var(--sc2-checkcolor);
	background-color: var(--sc2-checkcolor);
	color:#FFFFFF;
}
.md-sc3 .md-curiwrap .md-curi .md-curriseme div {
	border:1px solid var(--sc3-divcolor);
	background-color: var(--sc3-divcolor);
}
.md-sc3 .md-curiwrap .md-curi .md-curriseme div.md-check {
	border:1px solid  var(--sc3-checkcolor);
	background-color: var(--sc3-checkcolor);
	color:#FFFFFF;
}
.md-sc4 .md-curiwrap .md-curi .md-curriseme div {
	border:1px solid var(--sc4-divcolor);
	background-color: var(--sc4-divcolor);
}
.md-sc4 .md-curiwrap .md-curi .md-curriseme div.md-check {
	border:1px solid  var(--sc4-checkcolor);
	background-color: var(--sc4-checkcolor);
	color:#FFFFFF;
}
.md-sc5 .md-curiwrap .md-curi .md-curriseme div {
	border:1px solid var(--sc5-divcolor);
	background-color: var(--sc5-divcolor);
}
.md-sc5 .md-curiwrap .md-curi .md-curriseme div.md-check {
	border:1px solid  var(--sc5-checkcolor);
	background-color: var(--sc5-checkcolor);
	color:#FFFFFF;
}
.md-curiwrap .md-curi .md-curriseme ul {
	list-style:none;
	margin-top:0px;
	padding:0px;	
	line-height:35px;
}
.md-curiwrap .md-curi .md-curriseme ul li {
	word-break:keep-all;
	word-wrap:break-word;	
	border-bottom:1px solid #E9E9E9;
}
.md-curriinfo {
	clear:both;
	padding:5px;
	margin-top:10px;	
	border-top:1px solid #E9E9E9;
}
.md-curriinfo div {
	display:flex;
	align-items:center;
	font-size:0.8em;
	float:left;
	margin-right:10px;
	margin-bottom:30px;
}
.md-curriinfo span.md-co {
	display:inline-block;
	width:20px;
	height:20px;
	margin-right:10px;
}
.md-sc1 .md-curriinfo span.md-normal {
	background-color: var(--sc1-divcolor);
}
.md-sc1 .md-curriinfo span.md-check {
	background-color: var(--sc1-checkcolor);
}
.md-sc2 .md-curriinfo span.md-normal {
	background-color: var(--sc2-divcolor);
}
.md-sc2 .md-curriinfo span.md-check {
	background-color: var(--sc2-checkcolor);
}
.md-sc3 .md-curriinfo span.md-normal {
	background-color: var(--sc3-divcolor);
}
.md-sc3 .md-curriinfo span.md-check {
	background-color: var(--sc3-checkcolor);
}
.md-sc4 .md-curriinfo span.md-normal {
	background-color: var(--sc4-divcolor);
}
.md-sc4 .md-curriinfo span.md-check {
	background-color: var(--sc4-checkcolor);
}
.md-sc5 .md-curriinfo span.md-normal {
	background-color: var(--sc5-divcolor);
}
.md-sc5 .md-curriinfo span.md-check {
	background-color: var(--sc5-checkcolor);
}
.md-pre {
	margin-right:20px;
}
.md-video {
	clear:both;
	margin-top:40px;
}
.md-video-wrap {position:relative; padding-bottom:56.25%; padding-top:0px; height:0; overflow:hidden;}
.md-video-wrap iframe,
.md-video-wrap object,
.md-video-wrap embed {position:absolute; top:0; left:0; width:100%; height:100%;}

@media (max-width: 460px) {
	.md-name {
		width:150px;
	}
	.md-nameinfo {
		width:98%;
	}	
	.md-imagewrap .col {
		width:98%;
		max-height:330px;
		overflow:hidden;
	}
	.md-headimage .md-type {
		font-size:15px;
	}
	.md-headimage .md-htitle {
		font-size:20px;
	}	
}
@media (max-width: 740px) {
	.md-headimage .md-type {		
		font-size:20px;		
		font-weight:800;
		color:#FFFFFF;	
		margin-left:30px;
	}
	.md-headimage .md-htitle {
		font-size:30px;
		font-weight:800;
		color:#FFFFFF;
		margin-top:30px;
		margin-left:50px;
	}
}
@media (max-width: 900px) {
	.md-curiwrap {
		clear:both;
	}
	.md-curiwrap .md-curi {
		display:block;
		float:none;
	}
	.md-curiwrap .md-curi.md1 {
		width:100%;
		text-align:center;	
		font-size:1em;
		font-weight:bold;
		min-width:200px;
	}
	.md-curiwrap .md-curi.md2{
		width:100%;
		text-align:center;	
		font-size:1em;
		font-weight:bold;	
	}
	.md-curiwrap .md-curi.md3 {
		width:100%;
	}
	.md-curiwrap .md-curi.md4 {
		width:100%;
	}
	.md-curiwrap .md-curi.md4 .md-currisemetitle {
		width:100%;
		min-height:0px;
	}
	.md-curiwrap .md-curi .md-curriseme div {
		margin-top:5px;
		min-height:50px;
	}
	.md-curiwrap .md-curi.md3 table.md-left {
		border-right:none;;
	}	
	.md-curiwrap .md-curi.md3 table.md-right {
		border-left:none;
	}	
}