li,a,p,td,th,address,input{list-style:none; font-family:"Noto sans"; letter-spacing:-0.7px;}

.left{text-align: left;}
.right{text-align:right;}
.center{text-align:center;}


body {

  overflow-y:scroll;
  font-family: "Dotum", serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7;
  color: #828282;
  background: #fff;
  height:100%;
}

body.intro-body{
  padding:0px;
  margin:0px;
  display:table;
  background:url('../images/intro/introbg.jpg') no-repeat;
  background-position-x: 0px;
  background-position-y: 0px;
  width:100%;
  text-align:center;
  min-width:940px;
}

a {
  color: #666666;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
a:hover, a:active, a:focus {
  color: #0065b7;
  outline: none;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6, figure {
  color: #000;
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: 400;
  margin: 0 0 20px 0;
}


.btn {
  margin-right: 4px;
  margin-bottom: 4px;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  padding: 8px 20px;
}
.btn.btn-xs{
	padding:1px 8px !important;
}
.btn.btn-md {
  padding: 8px 20px !important;
}
.btn.btn-lg {
  padding: 18px 36px !important;
}
.btn:hover, .btn:active, .btn:focus {
  box-shadow: none !important;
  outline: none !important;
}

/*# sourceMappingURL=style.css.map */

img{
	max-width:100%;
	height:auto;
}
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9{
	padding:0;
}
.hidden{
	position:absolute;left:-5000px;top:0;visibility:hidden;overflow:hidden;line-height:0.1%;font-size:0.1%;width:0.1%;height:0.1%;
}


.footer{
	padding-top:3em;
	font-size:.8em;
}
.footer ul{
	margin:0;padding:0;
}
.footer ul li{
	float:left;margin-right:2em;
}
.footer p{
	margin:0;
}

.f-left{ float:left; vertical-align: middle; }
.f-right{ float: right; vertical-align: middle; }


h3, p, li{font-size:12px;}

.intromain{background:url('../images/intro/introbg.jpg') no-repeat 0 0;  width:100%; height:940px; margin:0 auto; padding:0;}
.intromain .row{margin:0;}
#introwrap{width:900px; margin:0 auto; text-align:center; display:table-cell; vertical-align: middle;}
#introwrap>div{display:inline-block;}
#introwrap ul{width:900px; padding:0;margin-top:20px;}
#introwrap ul li{float:left; width:33%; height:500px; padding:80px 60px 178px;display:block;}
#introwrap ul li.koreamedix{background:#1e2d40; opacity:0.5; -webkit-transition: 0.7s; -o-transition: 0.7s; transition: 0.7s;word-wrap:break-word;word-break:keep-all;}
#introwrap ul li.naraeshop{padding:0px; }
#introwrap ul li.naraeshop div.whole{
  display:block;height:500px;padding:80px 60px 0;opacity:0.5;
  background-color:#1e2d40;-webkit-transition: 0.7s; -o-transition: 0.7s; transition: 0.7s; 
  border-left:1px solid #fff;border-right:1px solid #fff;
}
#introwrap ul li.naraeshop:hover div.whole{
  display:none;
}
#introwrap ul li.naraeshop div.whole h4{display:block;width:134px; height:31px; margin-top:40px;margin-bottom:40px; background:url('../images/intro/medicumus.png') no-repeat 0 0; text-indent:-9999px; overflow:hidden;}
#introwrap ul li.naraeshop div.whole .btn{margin-top:40px;}
#introwrap ul li.naraeshop div.hospital,
#introwrap ul li.naraeshop div.vender{display:none;height:250px;background:#1e2d40; opacity:0.5; -webkit-transition: 0.7s; -o-transition: 0.7s; transition: 0.7s;border-left:1px solid #fff;border-right:1px solid #fff;}
#introwrap ul li.naraeshop:hover div.hospital,
#introwrap ul li.naraeshop:hover div.vender{display:block;}
#introwrap ul li.naraeshop div.hospital{padding-top:30px;border-bottom:1px solid #fff;}
#introwrap ul li.naraeshop div.vender{padding:30px 0;}
#introwrap ul li.CSO{background:#1e2d40; opacity:0.5; -webkit-transition: 0.7s; -o-transition: 0.7s; transition: 0.7s; }
#introwrap ul li.koreamedix:hover{background:url('../images/intro/bg1.png') no-repeat 0 0; opacity:1;}
#introwrap ul li.naraeshop div:hover{background:url('../images/intro/bg2.png') no-repeat 0 0;opacity:1; }
#introwrap ul li.CSO:hover{background:url('../images/intro/bg3.png') no-repeat 0 0;opacity:1; }
#introwrap ul li .span{display:block; }
#introwrap ul li h4{margin:0 auto; padding:40px 0;}
#introwrap ul li.koreamedix h4{width:134px;}
#introwrap ul li.naraeshop h4{/*width:84px;*/padding:13px 0;font-family:"NanumSquare";}
#introwrap ul li.CSO h4 {width:192px; }
#introwrap ul li.koreamedix h4 a{width:134px; height:31px; display:block; background:url('../images/intro/koreamedix.png') no-repeat 0 0; text-indent:-9999px; overflow:hidden;}
#introwrap ul li.naraeshop h4.hospital a{/*width:84px;*/ height:19px; display:block; color:#fff;text-align:center;/*background:url('../images/intro/hospital.png') no-repeat 0 0; text-indent:-9999px; overflow:hidden;*/}
#introwrap ul li.naraeshop h4.vender a{/*width:84px;*/ height:19px; display:block; color:#fff;text-align:center;/*background:url('../images/intro/vender.png') no-repeat 0 0; text-indent:-9999px; overflow:hidden;*/}
#introwrap ul li.CSO h4 a{width:192px; height:31px; display:block; background:url('../images/intro/CSO.png') no-repeat 50% 0; text-indent:-9999px; overflow:hidden;}
#introwrap ul li span.txt{display:block;color:white; opacity:0.5;height:75px;}
#introwrap ul li span.btn{width:180px; height:32px; border-radius:3px; border:1px solid white; margin-top:40px; padding:5px;}
#introwrap ul li.naraeshop span.btn{margin-top:0;}
#introwrap ul li span.btn a{font-size:14px; letter-spacing:-0.5; color:#fff; display:block;}
#introwrap ul li:not(.naraeshop):hover span.btn{background:#fff;}
#introwrap ul li:not(.naraeshop):hover span.btn a{color:#313131; font-weight:bold;}
#introwrap ul li.naraeshop div:hover span.btn{background:#fff;}
#introwrap ul li.naraeshop div:hover span.btn a{color:#313131; font-weight:bold;}
.intromain .footer{width:320px; margin: 0 auto; letter-spacing:-0.5px;}
#introwrap ul li.naraeshop span.vender{display:block;margin-top:60px;}
#introwrap ul li.naraeshop hr{position:absolute;width:100%;left:0;margin-top:30px;}
#introwrap_mobile{display:none;}
#introwrap_mobile ul{padding-top:60px;}
#introwrap_mobile ul li img{width:15%;}
#introwrap_mobile ul li.koreamedix{width:330px; height:185px; background:#1e2d40; padding-top:30px; margin-bottom:30px; opacity:0.5; -webkit-transition: 0.7s; -o-transition: 0.7s; transition: 0.7s; }
#introwrap_mobile ul li.naraeshop{width:330px; background:#1e2d40;  margin-bottom:30px; opacity:0.5; -webkit-transition: 0.7s; -o-transition: 0.7s; transition: 0.7s; }
#introwrap_mobile ul li.CSO{width:330px; height:185px; background:#1e2d40;  padding-top:30px; margin-bottom:30px; opacity:0.5; -webkit-transition: 0.7s; -o-transition: 0.7s; transition: 0.7s; }
#introwrap_mobile ul li.koreamedix:hover{width:330px; height:185px; background:url('../images/intro/bg1.png') no-repeat 0 0; opacity:1;}
#introwrap_mobile ul li.naraeshop div:hover{background:url('../images/intro/bg2.png') no-repeat 0 0;opacity:1; }
#introwrap_mobile ul li.CSO:hover{width:330px; height:185px; background:url('../images/intro/bg3.png') no-repeat 0 0;opacity:1; }
#introwrap_mobile ul li .span{display:block; }
#introwrap_mobile ul li h4{margin:0 auto; padding:20px 0;}
#introwrap_mobile ul li.koreamedix h4{width:134px;}
#introwrap_mobile ul li.naraeshop h4{width:134px;}
#introwrap_mobile ul li.CSO h4 {width:142px; }
#introwrap_mobile ul li.koreamedix h4 a{width:134px; height:31px; display:block; background:url('../images/intro/koreamedix.png') no-repeat 0 0; text-indent:-9999px; overflow:hidden;}
#introwrap_mobile ul li.naraeshop .whole h4 a{width:134px; height:31px; display:block; background:url('../images/intro/medicumus.png') no-repeat 0 0; text-indent:-9999px; overflow:hidden;}
#introwrap_mobile ul li.naraeshop .hospital h4 a{/*width:134px;*/ height:31px; display:block; color:#fff;text-align:center;/*background:url('../images/intro/hospital.png') no-repeat 0 0; text-indent:-9999px; overflow:hidden;*/}
#introwrap_mobile ul li.naraeshop .vender h4 a{/*width:134px;*/ height:31px; display:block; color:#fff;text-align:center;/*background:url('../images/intro/vender.png') no-repeat 0 0; text-indent:-9999px; overflow:hidden;*/}
#introwrap_mobile ul li.CSO h4 a{width:142px; height:31px; display:block; background:url('../images/intro/CSO.png') no-repeat 0 0; text-indent:-9999px; overflow:hidden;}
#introwrap_mobile ul li span.txt{display:none;}
#introwrap_mobile ul li span.btn{display:none;}
#introwrap_mobile ul li span.btn a{font-size:14px; letter-spacing:-0.5; color:#fff; display:block;}
#introwrap_mobile ul li:hover span.btn{background:#fff;}
#introwrap_mobile ul li:hover span.btn a{color:#313131; font-weight:bold;}
.intromain .footer{width:320px; margin: 0 auto; letter-spacing:-0.5px;}
#introwrap_mobile ul li.naraeshop div{
  height:185px; padding-top:30px;
}
#introwrap_mobile ul li.naraeshop .whole{
  display:block;
}
#introwrap_mobile .naraeshop:hover .whole{
  display:none;
}
#introwrap_mobile .naraeshop .hospital,
#introwrap_mobile .naraeshop .vender{
  display:none;
  width:50%;float:left;padding-top:35px;
}
#introwrap_mobile .naraeshop .hospital .icon img,
#introwrap_mobile .naraeshop .vender .icon img{
  width:49.5px;
}
#introwrap_mobile .naraeshop .hospital h4,
#introwrap_mobile .naraeshop .vender h4{
  /*width:84px;*/
}
#introwrap_mobile .naraeshop:hover .hospital,
#introwrap_mobile .naraeshop:hover .vender{
  display:block;
}

@media screen and (max-width: 768px) {
  #introwrap{
   display:none;
  }

  #introwrap_mobile{
   display:table-cell; overflow:hidden;
  }
}

.completebg{display:block; width:375px; height:228px; margin:0 auto;}
.complete{padding:0; margin:0 auto; width:368px; float:none!important; padding-top:30px;}
.complete .btn{width:368px;}
@media screen and (max-width: 768px) {
	body.intro-body{
		min-width:unset;
	}
	#introwrap_mobile ul{
		width:330px;margin:20px auto 0;padding:0;
	}
}