/* drag 색 */
::selection {
    background:#5dc4b9;
    color: #ffffff;
    text-shadow: none;
}
::-moz-selection {
    background:#5dc4b9;
    color: #ffffff;
    text-shadow: none;
}
::-webkit-selection {
    background:#5dc4b9;
    color: #ffffff;
    text-shadow: none;
}

body {
	font-family: 'Malgun Gothic';
	font-size: 14.37px;
}
body a {
	text-decoration: none;
}
body b {color: #443232;}

#header {
	margin-top: 128px;
	width: 100%;
	border-bottom: 2px solid #000000;
}
.inner {
	width: 940px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
}
h1 { float: left;}
.gnb {
	float: left;
	width: 579px;
	margin-top: 45px;
	font-size: 17/1.3px;
	color: #c8caca;
	overflow: hidden;
}
.gnb li {
	float: left;
	padding-left: 30px;
}
.gnb li:first-child {margin-left: 35px;} 
.gnb_sc {
	float: right;
	overflow: hidden;
	font-size: 10px;
	color: #685c5c;
	margin-top: 50px;
}
.gnb_sc li {float: left;}

/* hover*/

.gnb li strong, .gnb li a:hover {
	font-weight: bold;
	font-size: 15px;
	color: #242424;
	transition: all 0.15s;
}
.gnb_sc li a:hover {
	font-weight: bold;
}
/* index */
.mainimg {
	overflow: hidden;
	height: 550px;
	margin-bottom: -40px;
	background: url('../img/intro.png') no-repeat;
	background-position: center;
	background-size: 100%;
	text-indent: -99999px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.mainimg img {width: 100%; position: relative;}
.mainbtn {
	position: absolute; 
	top: 390px; 
	left: 50%; 
	margin-left: -268px;
	z-index: 100; 
	color: #ffffff;
	width: 600px;
	height: 160px;
	line-height: 5;
	text-align: center;
}
.mainbtn li {border: 1px solid #ffffff; margin-left: -1px; float: left; height: 76px; width:198px;}
.mainbtn li:first-child {width: 340px; margin: -1px 123px;}
.mainbtn li:hover {
	background-image: url("../img/back02.png");

}
.mainbtn li a {color: #b2b2b2; padding: 28px 63px;}
.mainbtn li:first-child a {padding: 28px 53px;}
.mainbtn li:hover a {	
	color: #ffffff;
	transition: all 0.15s;
	text-decoration: none;
}



/* sub */
.snb {
	float: left; 
	margin-top: 120px;
	height: 300px;
}
h2 {
	margin: 0;
	width: 180px;
	border-bottom: 3px solid #000000;
}
.inb {
	line-height: 1.4;
	font-size: 13px;
	padding: 5px 0 0 7px;
}

#accordian ul ul {display: none;}
#accordian li.active ul {display:block;}

#accordian ul ul li a {
	text-decoration: none;
	font-size: 13.37px;
	display: block;
	transition: all 0.15s;
}
#accordian ul ul li a strong {color: #242424;}
/*hover effect on links*/
#accordian ul ul li a:hover {
	font-weight: bold;
	color:#242424;
}

/* site map */
.site_map li {margin-left: 10px;}
.map_title {color: #242424; border-bottom: 1px solid black; text-decoration: none;}

/* about mds */
.gallery {overflow: hidden; margin: 0 auto;}
.gallery li {float: left; margin: 40px 30px 0 0; position: relative; }
.gallery .gal_txt {
	display: block;
	border-bottom: 3px solid #242424; 
	padding: 20px 0 0 0;
	margin-bottom: 8px;
	font-size: 15.58px;
	font-weight: bold;
	color: #443232
}
.gallery .mdsimg_cover {
	position: absolute; 
	text-indent: -99999px;
	background-color: #ffffff;
	opacity: 0.6;
    filter: alpha(opacity=40);
	width: 100%;
	top: 51px;
	height: 428px;
}
.gallery .mdsimg_cover_long {
	position: absolute; 
	text-indent: -99999px;
	background-color: #ffffff;
	opacity: 0.6;
    filter: alpha(opacity=40);
	top: 62px;
	height: 428px;
	width: 727px;
}
.gallery .mdsimg_cover:hover {opacity: 0;}
.gallery li:hover .gal_txt {color: #5dc4b9; transition: all 0.15s;}

.feature {overflow: hidden; text-align: justify; margin-left: 29px;}
.feature li {width: 289px; float: left; margin-bottom: 40px; height: 169px;}
.feature .even {margin-left: 103px;}
.feature .number {
	display: block;
	font-size: 30.37px;
	border-bottom: 2px solid #666666;
	margin-bottom: 5px;
	color: #9c9a9a;
	padding-left: 10px;
}
.feature .title {
	display: block;
	font-size: 15.58px;
	font-weight: bold;
	color: #443232;
	margin-bottom: 19px;
}
.feature li:hover .title {color: #5dc4b9; 	transition: all 0.15s;}
.feature li:hover .number {color: #242424; 	transition: all 0.15s;}
.feature p {
	color: #443232;
	font-size: 13.37px;
}
.txt04 {margin: 60px 0 20px 0; font-size: 15.37px; font-weight: bold; color: #443232;}

/* testmds */
.memoryimg img {display:block; margin: 40px auto;}
.txt_test {
	background-image: url("../img/container/testmds03.png");
	background-position: right 0;
	background-repeat: no-repeat;
	padding-right: 40px;
	height: 457px;
	border-top: 3px solid #242424;
	border-bottom: 3px solid #242424;
	margin-top: 40px;
}
.txt_test li {width: 640px; overflow: hidden; margin: 23px 0 0 10px; border-top: 1px solid #242424;}
.txt_test li:first-child {margin-top: 2px; border: 0;}
.txt_test li:hover .txt05 {font-weight: bold; transition: all 0.15s;}
.txt_test li:hover .txt06 {color:#242424; font-weight: bold; transition: all 0.15s;}
.txt05 {text-align: justify; width: 463px; float: left; padding-top: 4px;}
.txt06 {font-size: 19.37px; margin-left: 40px; float: left;}


/* report*/
.quotient {display: block; margin: 40px 0 40px 104px;}
.quotient li {padding-top: 9px;}
.quotient img {float: left; margin-right: 23px; padding-top: 5px; width: 22px;}

.reportvalue {
	background-image: url("../img/container/valuebar.png");
	background-repeat: no-repeat;
	height: 251px;
	margin: 40px 0 200px 104px;
}
.reportvalue li {margin: 25px 0 10px 205px; display: block;}

/* 개발자 */
.developer {margin: 40px 0 40px 104px; text-transform: uppercase; margin-bottom: 140px;}

/* Brainmedic */
.map_canvas {position: relative;}
.brm {position: absolute; left: 50%; margin-left: 154px; top: 449px;}
.brm li:first-child {font-size: 20.37px; font-weight: bold; color: #443232; border-bottom: 2px solid black;}
.brm li {margin-top: 10px; width: 300px;}
.history02 {margin: 6px 0 25px 20px;}
.fb {
	background-image: url("../img/container/fb.png");
	background-position: right;
	background-repeat: no-repeat;
	background-size: 20px;
	padding-right: 25px;
	vertical-align: middle;
	}

.history {margin-top: 29px;}
.history li:first-child {padding-left: 0; font-size: 20.37px; font-weight: bold; border-bottom: 2px solid black;color: #443232;}
.history li {margin-top: 12px; padding-left: 10px;}
.history b {margin-left: 27px; margin-right: 39px;}

/* content*/
.content {
	margin : 70px 0 140px 213px;
}
.cover {
	line-height: 25.37px;
	height: 125px;
	border-bottom: 5px solid #252d2d;
}
.txt {
	font-size: 21.37px; 
	color: #443232; 
	font-weight: bold;
	padding-bottom: ;
}
.txt02 {margin: 60px 0 20px 60px; color: #242424;}
.layoutbox {
	border-top: 3px solid #242424; 
	margin-left: 60px; 
	width: 664px; 
	padding-top:8px;
	overflow: hidden;
}

/* install form */
.layoutbox .label {
	color: #5b4c4c;
	float: left; 
	height:360px; 
	font-size: 24.37px;
	font-weight: bold;
}
.inbox {overflow: hidden; margin-left: 295px;}
#install_requestForm {margin-bottom: 50px;}
#install_requestForm > p {color: #5b4c4c; font-size: 14.37px;}
#install_requestForm label[for] {
}
input {
	font-family: 'Malgun Gothic';
	padding-left: 15px;
	height: 26px;
	color: #242424;
	background: #f5f5f5; 
	border: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#install_requestForm p, #charge_Form p {margin-top: 5px;} 
.left {margin-left: 120px; display: block; margin-top: -11px;}

#agree {border: 1px solid #f5f5f5; color: #000000; height: 15px; width: 15px}
#install_form input.error, #install_form textarea.error {
	border: 1px dashed red;
	}
.checkbox input {
	border: 1px solid #ccc;
	padding: 2px 5px;
	vertical-align: middle;
	}
/** 에러메시지가 표시되는 동적 요소에 대한 CSS 정의 */
#install_form label.error {
	color: red;
	width: auto;
	font-size: 12px;
	padding: 0 10px;
}
#install_form label.valid {color: blue;}
.submit {
	height: 40px;
	background:#747474;
	color: #ffffff;
	font-family: 'Malgun Gothic';
	width: 157px;
	border: 0px;
	margin-right: 123px;
	padding: 0;
}
#charge_Form {margin-bottom: 65px; position: relative;}
#charge_Form label[for] {
	width: 113px;
	display: inline-block;
}
.txt03 {text-align: justify; margin-bottom: 80px; width: 724px;}

.charge_info {border-bottom: 1px dashed #9d9d9d; padding: 4px 0 5px 6px; width: 344px; height: 95px; margin-bottom: 15px;}

.account {
	left: 50%;
	margin-left: 477px;
	top: 553px;
	width: 145px;
	height: 78px;
	position: absolute;
	background-image: url("../img/container/account_bg.png");
	background-repeat: no-repeat;
	padding: 20px 0 0 7px;

}


/* footer */
#footer {border-top: 1px solid #000000; padding: 13px 0; margin-top: 40px;}
#footer .info {float: left;}
#footer p {font-size: 11px; color: #242424;}
#footer .brain {font-size: 12px; color: #892424;}
#footer .medic {font-size: 12px; color: #726868;}
#footer .copyright {margin-top: 8px;}
#footer .familysite {float: right; color: #726868}
#footer .familysite li:first-child {border-bottom: 2px solid #726868;}
#footer .familysite li {padding-top: 3px;}