@charset "utf-8";

@font-face{
 font-family:"MalgunGothic","NanumGothic";
 
 src:url('../../fonts/MalgunGothic.eot');
 src:url('../../fonts/MalgunGothic.eot?#iefix') format('embedded-opentype');
 src:url('../../fonts/MalgunGothic.ttf') format('truetype');
 
 src:url('../../fonts/NanumGothic.eot');
 src:url('../../fonts/NanumGothic.eot?#iefix') format('embedded-opentype');
 src:url('../../fonts/NanumGothic.ttf') format('truetype');
 src:local(※), url(../../fonts/NanumGothic.woff) format('woff');
 }

/*common*/
body { -webkit-text-size-adjust:none; font-family: '맑은 고딕','MalgunGothic','나눔고딕','NanumGothic','돋움',AppleGothic, sans-serif; min-width:320px; font-size:small; line-height:1.5em; padding:0; margin:0; 	background: url(../img/index_bg.gif)left top; background-size:cover;}
a {color:#000;}
a:hover { text-decoration:none; color:#9daed9; }
a.active { color:#9daed9;  }

/* float 해제 */
.clear {
	display:inline-block;
}
.clear:after {
	content: * *;
	height:0;
	visibility:hidden;
	display:block;
	clear:both;
}
* html .clear {	height:1%;}


/* 마진,패딩 */
.l05_m {margin-left:5px;}
.r05_m {margin-right:5px;}
.t05_m {margin-top:5px;}
.b05_m {margin-bottom:5px;}
.l10_m {margin-left:10px;}
.r10_m {margin-right:10px;}
.t10_m {margin-top:10px;}
.b10_m {margin-bottom:10px;}
.l15_m {margin-left:15px;}
.r15_m {margin-right:15px;}
.t15_m {margin-top:15px;}
.b15_m {margin-bottom:15px;}
.l20_m {margin-left:20px;}
.r20_m {margin-right:20px;}
.t20_m {margin-top:20px;}
.b20_m {margin-bottom:20px;}
.l25_m {margin-left:25px;}
.r25_m {margin-right:25px;}
.t25_m {margin-top:25px;}
.b25_m {margin-bottom:25px;}
.l30_m {margin-left:30px;}
.r30_m {margin-right:30px;}
.t30_m {margin-top:30px;}
.b30_m {margin-bottom:30px;}
.l05_p {padding-left:5px;}
.r05_p {padding-right:5px;}
.t05_p {padding-top:5px;}
.b05_p {padding-bottom:5px;}
.l10_p {padding-left:10px;}
.r10_p {padding-right:10px;}
.t10_p {padding-top:10px;}
.b10_p {padding-bottom:10px;}
.l15_p {padding-left:15px;}
.r15_p {padding-right:15px;}
.t15_p {padding-top:15px;}
.b15_p {padding-bottom:15px;}
.l20_p {padding-left:20px;}
.r20_p {padding-right:20px;}
.t20_p {padding-top:20px;}
.b20_p {padding-bottom:20px;}
.l25_p {padding-left:25px;}
.r25_p {padding-right:25px;}
.t25_p {padding-top:25px;}
.b25_p {padding-bottom:25px;}
.l30_p {padding-left:30px;}
.r30_p {padding-right:30px;}
.t30_p {padding-top:30px;}
.b30_p {padding-bottom:30px;}

.carousel-control {
  position: absolute;
  top: 50%;
  margin-top:-50px;
  bottom: 0;
  left: 0;
  width:auto;
  font-size: 10px;
  color: #fff;
  text-align: center;
  text-shadow: none;
  background-color: 0;
  filter: alpha(opacity=50);
  opacity: .5;
}
.carousel-control.left {
  background-image: none;
  background-image: none;
  background-image: none;
  background-image: none;
  filter: none;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: none;
  background-image: none;
  background-image: none;
  background-image: none;
  filter: none;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9;
}
.carousel-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left:15%;
  top:20%;
  z-index: 10;
  padding-top:40px;
  padding-bottom: 0;
  color: #fff;
  text-align: left;
  text-shadow: 0 0 0 rgba(255, 255, 255, 1.0);
}
.carousel-caption  p.title {
	 margin-bottom:10px;
}
.carousel-caption  span  {
   background-color:#2084dc;   
   padding:5px 10px;
   margin-top:27px;
   display:inline-block;
}
#myCarousel .carousel-indicators {
    bottom: 0;
    left: 0;
    margin-left: 0;
	margin-bottom:-1px;
    width: 100%;
	height:58px;
	 background-color:#f7f7f7;
}

#myCarousel .carousel-indicators li {
    border: medium none;
    border-radius: 0;
    display:inline-block;
    height: 58px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    width: 19%;
	text-align:center;
	border-right:1px solid #ccc; 
	padding-top:3px;
}
#myCarousel .carousel-indicators li:last-child {
   	border-right:0;
}
#myCarousel .carousel-indicators img {
    margin:0 auto;
}
.carousel-indicators .active {
  width: autox;
  height: auto;
  margin: 0;
  background-color: #f7f7f7 !important;
}
#myCarousel .carousel-indicators .active img {
    border-top: 2px solid #39b3d7;
	margin-top:-2px;
}

header .top .sns { margin-top:15px;}
header .top .logo {  text-align:center;  margin-top:17px; margin-bottom:35px;  }
header .top .side { text-align:right; }
header .top .side ul { text-align:center; border-bottom:1px solid  #eaeaea; padding:0; margin:0;  border-left: 1px solid  #eaeaea; width:85%;  list-style:none; }
header .top .side ul  li { padding:10px 0; margin:0; width:25%; border-right:1px solid  #eaeaea ;float:left;}
header .menu { background-color:#006d88; height:52px; line-height:52px; box-shadow:0 0 10px #77899e;;}
header .menu > div { position:relative; }
header .menu ul  { list-style:none; padding:0; margin:0;  font-size:16px; width:100%; }
header .menu ul li { float:left; padding:0 20px; }
header .menu ul li:hover > a { color:#f76704;  }
header .menu ul li.good { background-color:#099c80; }
header .menu ul li.good.last {padding-right:45px; }
header .menu ul li.gel { margin-left:10%;}
header .menu ul li a { color:#fff;}
header .menu  .goodbox { display:none; border-left:1px solid  #099c80; 
 border-right:1px solid  #099c80; border-bottom:1px solid  #099c80; position:absolute; z-index:90;
 background-color:#fff; width:590px; min-height:210px; margin-top:-20px;padding-top:17px; padding-bottom:15px;
 background:#fff url(../img/bg_menu.jpg) no-repeat left bottom; background-size:contain;
}
header .menu  .goodbox ol { padding:0; margin:0; list-style:none;}
header .menu  .goodbox ol li { padding:0; margin:0; }
header .menu  .goodbox > div > ol { margin-left:20px; position:relative; }
header .menu  .goodbox > div > ol li { height:30px; line-height:30px;}
header .menu  .goodbox > div > ol li:hover { color:#099c80; font-weight:bold; }
header .menu  .goodbox > div > ol > li:hover {background:url(../img/over.gif) no-repeat left top }
header .menu  .goodbox ol li > ol { display:none; position:absolute; top:2px;left:120px; border-left:1px solid #ccc;}
header .menu  .goodbox ol li > ol#subbox11,header .menu  .goodbox ol li > ol#subbox21,
header .menu  .goodbox ol li > ol#subbox31,header .menu  .goodbox ol li > ol#subbox41 { display:block;}
header .menu  .goodbox ol li > ol { background-color:#f8f8f8; min-height:152px; padding:10px 0; min-width:150px;}
header .menu  .goodbox ol li > ol li { padding:0 30px;  height:25px; line-height:25px;  }
header .menu  .goodbox > div > ol li:hover > ol li { font-weight:normal; }

.info { margin-top:35px; }
.info .h5 { padding:0; margin:0; font-weight:bold; color:#21a373; border-bottom:1px solid #d5d5d5; padding-bottom:5px; margin-bottom:10px; }
.info .h5 span { font-weight:normal; color:#000; font-size:80%; }
.info dl dt { float:left; width:75%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding:2px 0; font-weight:normal; background:url(../img/notice_bullet.gif) no-repeat left 9px; padding-left:9px; }
.info dl dd { float:right; width:20%; padding:2px 0; margin-left:5%; text-align:right;}
.info .bbs { padding-right:0;margin-left:20px; }
.info .bbs:last-child { margin-left:35px;}
.info .banner img { display:inline-block;}
.info .banner img:first-child { margin-bottom:10px;}

.subcon { padding:18px 0;}
.subcon .subimg { text-align:center; border:1px solid #ccc; height:150px; background:url(../img/sub_main.jpg) no-repeat left top; background-size:cover;  color:#fff;}
.subcon .subimg h2 { font-weight:bold; margin-top:35px; }
.subcon .submenu_box {  position:relative; }
.subcon .submenu_box .gori01 { position:absolute; left:20%; top:0; margin-top:-14px;  z-index:10;}
.subcon .submenu_box .gori02 { position:absolute; right:20%; top:0; margin-top:-14px; z-index:10; }
.subcon ul.submenu { list-style:none; padding:0; margin:0; background:url(../img/sub_menu_bg.jpg) no-repeat center center; background-size:cover; 
background-color:#f7f6f2; padding:20px 0; width:100%;border:1px solid #e2e1dd; margin-top:5px;  }
.subcon ul.submenu li { float:left; width:50%; text-align:center; border-right:1px solid #e2e1dd;  padding:0 2%; box-sizing:border-box;}
.subcon ul.submenu li:last-child { border-right:0;}
.subcon ul.submenu li strong { margin-right:5px; margin-left:10px; }
.subcon ul.submenu li span.title { display:block; font-weight:bold; background-color:#099c80; margin-bottom:10px; padding:2px; color:#fff; border-radius:5px;}
.subcon ul.submenu li a.subsubmenu { margin-right:3px; background-color: #F60;color:#fff; font-size:12px;padding:0 3px;}
.subcon ul.submenu li a.subsubmenu:hover { background:#93F;}
.subcon ul.submenu li a.no3 { margin-right:15px;  }
.subcon ul.submenu02 { margin-top:20px; font-size:120%; font-weight:bold;  } 
.subcon ul.submenu02 li:after { content:"/";margin-left:10px; font-weight:normal;}
.subcon ul.submenu02 li a.active { color:#f76704; font-weight:bold; }
.subcon ul.submenu02 li:last-child:after { content:"";}
.subcon h3  { margin-top:50px;  }
.subcon h3 small { font-size:13px;}
.subcon .memo { min-height:550px; margin:70px 0 50px 0; }

.subcon .memo.intro p { margin-bottom:15px; font-size:110%;}
.subcon .memo.intro p strong { font-size:120%;}
.subcon .memo.history dl { margin:0; padding:0; border-top:1px dotted #ccc; padding-top:5px;}
.subcon .memo.history dl dt { margin-bottom:5px;  text-align:left; font-size:150%; color:#a4c033; }
.subcon .memo.history dl dt span {  margin-left:10px; font-size:80%; }
.subcon .memo.history dl dd { font-size:110%; margin:0; margin-bottom:5px; border-bottom:1px dotted #ccc; padding-top:5px; }
.subcon .memo.map strong { display:block;width:150px; margin-bottom:10px; text-align:center; padding:20px; border:1px solid #a4c033; font-size:130%; font-weight:bold; }
.subcon .memo.map p span { font-weight:bold; margin-right:5px;}
.subcon .memo.map > div { margin-bottom:20px; }
.subcon .memo.customer h4 { font-weight:bold; margin:50px 0 10px 0; color: #fbae5a; background:url(../img/bullet.gif) no-repeat left top;  padding-left:25px; }
.subcon .memo.customer h5 { font-weight:bold; font-size:115%; margin:30px 0 25px 0; border-bottom:1px solid #ccc; padding-bottom:7px; }
.subcon .memo.customer h6 { font-weight:bold; margin:20px 0 10px 0; }
.subcon .memo.customer p.h6 { font-weight:bold; margin:20px 0 10px 0; }
.subcon .memo.customer > div { margin-bottom:20px;}
.subcon .memo.customer > div > ul { margin-top:10px;}
.subcon .memo.customer  .down { padding-left:20px;}
.subcon .memo.customer  .down a { margin-bottom:10px; }
.subcon .memo.online p { font-weight:bold; font-size:115%; color:#099c80; }
.subcon .memo.online table { border-top:2px solid #000; background-color:#f9f9f9;}
.subcon .memo.online table th { width:120px; }
.subcon .memo.online table td { width:*; }
.subcon .memo.online table th span { color:red; margin-left:3px;}
.subcon .memo.online .btngr { text-align:center; font-weight:bold;  }
.subcon .memo.online .btngr button { margin:0 5px;}
.subcon .memo.dataroom  table { border-top:2px solid #006d88;}
.subcon .memo.dataroom  table th { text-align:center; }
.subcon .memo.dataroom  table th.gel { padding-top:22px;}
.subcon .memo.dataroom  table td { text-align:center; }
.subcon .memo.product { position:relative; }
.subcon .memo.product .gobutton { margin-bottom:10px;}
.subcon .memo.product .downbox { position:absolute; background:rgba(0,0,0,0.7); color:#fff;  top:46px; max-width:1128px;left:5px; padding:40px 20px 40px 50px; box-sizing:border-box; border-radius:5px;  }
.subcon .memo.product .downbox .title { border:1px solid #ccc;  padding-top:10px; padding-bottom:10px; text-align:center; }


footer { background-color:#006d88; color:#fff; padding:40px 0;margin-top:20px; }

footer .menu { font-size:115%;  }
footer .menu a { margin-right:15px;color:#d8ffff;}
footer .addr { color:#bfd4e9;}
footer .addr span { margin:0 10px 0 5px; }
footer .addr strong { color:#cddbe6;}
footer a { color:#fff; }
footer .callinfo .callcenter { padding-left:0;  }
footer .callinfo .callcenter .title { font-size: 130%; font-weight;bold; letter-spacing:3px; }
footer .callinfo .callcenter .title span { font-size:90%; margin-right:10px; }
footer .callinfo .callcenter .tel { font-size: 180%; font-weight:bold; letter-spacing:2px;margin-bottom:10px; }
footer .callinfo .company span { display:block; margin-top:10px; color:#e3e2e2; font-size:90%; }

 
/* midea query PC first*/
/*md*/
@media (max-width: 1199px)  { 
   header .menu ul li { float:left; padding:0 10px; }
   footer .callinfo .callcenter .title { font-size: 100%;  }
	footer .callinfo .callcenter .title span { font-size:90%; }
	footer .callinfo .callcenter .tel { font-size: 120%;  }
}
 /*sm*/
@media (max-width: 991px) {
  header .menu ul { font-size:13px;}
  header .menu ul li { float:left; padding:0 5px; }
  .company img { margin-top:20px;}
}
 /*xs*/
@media (max-width: 767px) {
    header { position:relative; border-bottom:10px solid #006d88; }
    header .top .side { text-align:center; }
    header .top .side ul { border-top:1px solid #eaeaea; }
    header .top .mobilemenu { border:1px solid #006d88; padding:5px; background-color:#006d88; color:#fff; }
    header .menu { position:absolute; display:none; height:auto; line-height:inherit; right:0; top:50px;width:100%; padding:30px 0 20px 0; z-index:30; }
		header .menu ul { list-style:none; padding:0; margin:0; font-size:16px; width:100%; }
		header .menu ul li { float:none; padding:5px 25px; width:100%; text-align:right; }
		header .menu ul li:hover > a { color:#f76704;  }
		header .menu ul li.good { background-color:#099c80;}
    header .menu ul li.good.last {padding-right:22px; }
		header .menu ul li.gel { margin-left:0; margin-top:20px;}
		header .menu ul li a { color:#fff;}
    .info .bbs { margin-left:inherit;  margin-top:25px; margin-right:20px;}
    .info .bbs:last-child { margin-left:inherit; margin-top:10px;}
   footer .copyinfo { border-right:0; margin-bottom:30px;}
   footer .copyinfo p br { display:none;}
   footer .callinfo .callcenter { padding-left:0;  }
      footer .callinfo .callcenter .title { font-size: 130%;  }
	footer .callinfo .callcenter .title span { font-size:90%; }
	footer .callinfo .callcenter .tel { font-size: 180%;  }

	.subcon ul.submenu { font-size:120%; }
	.subcon ul.submenu li { float:none; width:100%; text-align:left; border-right:0; min-height:inherit; padding:0 3%; box-sizing:border-box; margin-bottom:10px;}
	.subcon ul.submenu li strong { display:inline-block;margin-bottom:5px; margin-right:5px; padding-left:4px;}
	.subcon ul.submenu li span { display:inline-block; }
	.subcon ul.submenu li > span { font-weight:bold; background-color:#fff; margin-bottom:10px; padding:4px; width:100%; box-sizing:border-box;}
  .subcon .memo.intro { background:none; }

  .subcon .memo.history dl { border:0; }
  .subcon .memo.history dl dt { border:0;}
  .subcon .memo.history dl dd { border:0; margin-bottom:30px;}
  .subcon .memo.map img { margin-bottom:50px; margin-top:20px;}
  .subcon .memo.map img.lastimg { margin-bottom:0;}
  .subcon .memo.customer img { margin:0 auto; }

  .subcon .memo.product .downbox > div { margin-top:10px; margin-bottom:10px;}
  
 .carousel-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left:15%;
  top:20%;
  z-index: 10;
  padding-top:40px;
  padding-bottom: 0;
  color: #fff;
  text-align: left;
  text-shadow: 0 0 0 rgba(255, 255, 255, 1.0);
}
.carousel-caption  p.title {
	 margin-bottom:5px;
}
.carousel-caption  span  {
   background-color:#2084dc;   
   padding:5px 10px;
   margin-top:5px;
   display:inline-block;
}
}
@media (max-width: 480px) { 

 .carousel-caption { top:0; left:2%;  padding-top:20px;}
 .carousel-caption  p.title {  font-size:150%;   margin-bottom:5px}
	
}
@media (max-width: 350px) { 

}
 
 /*lg*/
@media (min-width: 1200px) { 

 }
 
 /* midea query mobile first*/
/*xs*/
@media (min-width: 768px)  {
	
 }
 /*md*/
@media (min-width: 992px)  {
	
 }
 /*lg*/
@media (min-width: 1200px) { 

 }