/*
- ÇÎÅ©
#e50054
*/
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
 margin: 0;
}
#wrap {
 
}
.contents-wrap {
 width: 1000px;
 margin: 0 auto;
}
h1 {
 font-size: 32px;
 font-weight: normal;
}
/***** header, gnb, lnb start *****/


header { font-family: 'Nanum Barun Gothic', sans-serif; min-width:100%; position:fixed; left:0%; margin-left:0px; top:-10px; z-index:9999; background:#ffffff url(); margin-top:10px; margin:0 auto; width:1000px;
           /* ·Î±×ÀÎ¸Þ´ºµé¾î°¥¶© 10 -> 30À¸·Î º¯°æÇØ¼­ °ø°£È®º¸ */ }

header .miniMenu{position:absolute; top:-34px; right:0px;}
header .miniMenu a{font-size:11px; display:block; width:60px; line-height:20px; height:20px; border-right:1px solid rgba(250,250,250,0.3); background:rgba(255,255,255,.3); color:#000; float:left; text-align:center;  }
header .miniMenu a.last { border-right:none; }

.header-menu {margin:0px auto; padding: 10px 0;border: 0px solid #D9D9D9; height:40px; margin-top:20px; }
.header-ci {  position:absolute;   }

.header-nav { position:relative; margin:0 auto; }
.header-ul {  margin-top:0px;  height: 35px; line-height: 35px;  font-size: 16px; margin-left:200px;  }
.header-ul li {   float: left; text-align: center;background: url(/n/images/common/icon_slash.png) no-repeat right center;/* cursor: pointer; */ width:20%;}

.header-ul li.on, .header-ul li.active {color: #22c4be; /* font-weight: bold; */}
.header-ul li.menu-1 { }
.header-ul li.menu-2 { }
.header-ul li.menu-3 { }
.header-ul li.menu-4 { }
.header-ul li.menu-5 {padding-right: 0; background: none;}
.gnb-menu {  display: none; border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; height: 238px; position: relative; /*box-shadow: 0 5px 10px #000;*/ 
             -webkit-box-shadow: 0 5px 10px rgba(60, 60, 60, 0.5);
             -moz-box-shadow: 0 5px 10px rgba(60, 60, 60, 0.5); box-shadow: 0 5px 10px rgba(60, 60, 60, 0.5); z-index: 999;}
.gnb-nav {position: relative; margin:0 auto; width:1000px; }

.gnb-ul { width:1000px; float:right; position:absolute; left:24%; }
.gnb-ul > li { width:160px;position: relative; float: left; height:238px; border-left: 1px solid #E2E2E2; line-height: 1.4; }
.gnb-sub-mark { display: none; position: absolute; top:-10px; left: -1px; width: 100%; height: 10px; }
.gnb-sub-mark .bgi {height: 6px; background: url(/n/images/common/icon_nav_arrow.png) no-repeat center center; border-left: 1px solid #fff; border-right: 1px solid #fff; }
.gnb-sub-mark .bgc { width: 100%; height:4px; background-color:#22c4be; border-left: 1px solid  #B3A26A; border-right: 1px solid #B3A26A; }/*¹ÎÆ®¼±*/


.gnb-ul li.menu-1 {}
.gnb-ul li.menu-2 {}
.gnb-ul li.menu-3 {}
.gnb-ul li.menu-4 {}
.gnb-ul li.menu-5 { padding-right: 0; border-right: 0px solid #E2E2E2;}
.gnb-sub-ul {font-size: 14px; }
.gnb-sub-ul > li {padding: 10px; /*border-top: 1px solid #E5E5E5;*/}
.gnb-sub-ul li:first-child {border-top: 0;}
.gnb-sub-ul li.li-link {}
.gnb-sub-ul > li.li-link:hover, .gnb-sub-ul > li.active {background-color: #f3f3f3;}
.gnb-sub-sub-ul {font-size: 13px;color: #666;}
.gnb-sub-sub-ul li {padding: 2px 0;}
.gnb-sub-sub-ul li:hover, .gnb-sub-sub-ul li.active { color: #999;}
.lnb-ul {font-family: 'Nanum Barun Gothic', sans-serif;font-size: 16px;}
.lnb-ul > li {padding: 15px;background: url(/n/images/common/icon_lnb_arrow_off.png) no-repeat 172px center;border-left: 1px solid #E6E6E6;border-right: 1px solid #E6E6E6;border-bottom: 1px solid #E6E6E6;}
.lnb-ul > li.li-link:hover, .lnb-ul > li.li-link.active {background-image: url(/n/images/common/icon_lnb_arrow_on.png);color: #22c4be;/* font-weight: bold; */}
li.lnb-sub-ul-li, li.lnb-sub-ul-li:hover {background: none;}
.lnb-sub-ul {}
.lnb-sub-ul li{padding: 2px 0;}
.lnb-sub-ul li.li-link:hover, .lnb-sub-ul li.li-link.active {color: #fc005c;/* font-weight: bold; */}




.gnb-visual { position: absolute; /* top: 37.5px; */top: 3px; left: -0px; width: 235px; height:235px; }
.gnb-visual.gnb-visual-1, .gnb-visual.gnb-visual-story {background: url(../img/images/menu_img1.png) no-repeat;}
.gnb-visual.gnb-visual-2, .gnb-visual.gnb-visual-product{background: url(../img/images/menu_img2.png) no-repeat;}
.gnb-visual.gnb-visual-3, .gnb-visual.gnb-visual-periodontal{background: url(../img/images/menu_img3.png) no-repeat;}
.gnb-visual.gnb-visual-4, .gnb-visual.gnb-visual-cs{background: url(../img/images/menu_img4.png) no-repeat;}
.gnb-visual.gnb-visual-5, .gnb-visual.gnb-visual-campaign{background: url(../img/images/menu_img5.png) no-repeat;}
/***** header, gnb, lnb end *****/
/***** footer start *****/
footer { font-family: 'Nanum Barun Gothic', sans-serif; min-width: 1000px; padding: 20px 0 50px; color: #4e4e4e; font-size: 12px; background-color: #fff; margin-top:5px;  border-top:1px solid #d4d4d4;} }
footer a:link, footer a:hover, footer a:active, footer a:visited {
 color: #d8d8d8;
}
.footer-link-ul {
}
.footer-link-ul li {
 float: left;
}
.footer-link-ul li.separation {
 padding: 0 15px;
}
.footer-family-site {
 float: right;
 width: 150px;
 padding: 2px 0 2px 2px; color:#000;
}
.footer-address-ul {
 float: left;
 width: 42%;
 margin-top: 10px;
 padding-left: 0px;
 background: url(/n/images/common/img_footer_ci.png) no-repeat 15px center;
}
.footer-address-ul li {
 padding: 2px 0;
}
.footer-address-ul address {
 font-style: normal;
}
.footer-deliberation-ul {
 float: left;
 width: 46%;
 margin-top: 15px;
}
.footer-deliberation-ul li {
 padding: 2px 0;
}
.footer-li-space {
 padding-left: 10px;
}
/***** footer end *****/
/***** main start *****/
.main-visual {
 position: relative;
 min-width: 1000px;
 height: 750px;
 overflow: hidden;
 border-bottom:solid 1px #bebdededeebe;
 background: url() no-repeat bottom center;
 /*
 box-shadow: 0 5px 30px #ddd;
 z-index: 998;
 */
}
/* ¸ÞÀÎ·Ñ¸µ */
.slide{text-align:center; position:absolute; width:1920px;left: 50%;margin-left:-960px;  display: block;height:850px;}
.slide_ul{display: block;}
.slide_ul>li{position:absolute; top:0; left:0; list-style:none;z-index:10; display: block; width:1920px;}
.slide_ul>li img{}
li{list-style: none;}
.show{display:block;}
/* ÇÏ´Ü µ¿±×¶ó¹Ì ¹öÆ° CSS*/
.slide_btn>li{float: left; margin:0 5px 5px 0; margin-bottom:100px;}
.slide_btn>li>a{display:block; width: 14px; height:14px; background: url(../img/images/spr.png) -24px -125px; text-indent: -999em; }
.slide_btn>li>a.active{background-position: 0 -126px;}
.slide_btn{z-index:100; position:absolute; left:50%;margin-left:-35px; bottom:10px; }
.slide_btn:after{content:''; display:block; clear:both;}
.slide_btn{*zoom:1;}

/* ÃÊ·Ï»ö ¹è°æºÎºÐ */

.main-business {width:100%; padding-top:0px; display:block; height:30px;   background:#efefef;  margin-bottom: -30px; height:10 0px;  border-bottom:1px solid #d4d4d4;}
.main-business ul { width:1000px; position:relative; margin:0 auto;     }
.main-business ul li { position:relative; width:200px; margin-top:20px; float:left; margin:0 auto; }
.main-bottom { width:100%;position:relative; padding: 30px 0 60px; margin:0px auto; }

.ok {margin-top:250px;}
/* 

/* 
¸ÞÀÎ¹Ú½º 
.main-business {width:100%; padding-top:20px; display:block; height:250px;  no-repeat: 0 -50px; background:url(../img/images/busi_bg.jpg); border:1px solid red;}

.main-business ul {width:1000px; position:relative; margin:0px auto;  height:300px; } 

.main-bottom { 
 width:100%;position:relative;
 padding: 30px 0 60px;
 margin:0px auto;
} */



/*******¸ÞÀÎÄÁÅÙÃ÷ *******/

.main_lowcon { width:1000px;   }
.imgarea { float:left; margin-right:20px; }
.main_lowcon2 { float:left;  }
.main_lowcon3 { margin-top:6px; /* border-top:1px solid red; */}

/*******¸ÞÀÎÄÁÅÙÃ÷ *******/

.main_lowcon .bottom-li-1 h1 { clear:both; font-size:15px; margin-bottom:7px; border-bottom:1px solid #969696; }
.imgarea2 .bottom-li-2 h1 { clear:both; font-size:15px; margin-top:25px; margin-bottom:7px; border-bottom:1px solid #969696;}




/*.main-business ul {width:1000px;position:relative;margin:0px auto; }
.main-business ul li {float:left;margin-right:8px;width:244px; }
.main-business ul li.last {margin-right:0px; }
.main-business ul li span {font-size:11px;line-height:14px;color:#666666;}
.main-business ul li p {font-size:14px;font-weight:bold;line-height:14px;margin:10px 0 5px 0;}
.main-bottom { width:100%;position:relative; padding: 30px 0 60px; margin:0px auto;}*/

/*.main-bottom { width:100%; height:20px; background: url(../img/images/logo.png);}*/
.main-bottom .title {width:100%;float:left;background:#d6d6d6 url();margin:35px 0 15px 0;height:150px;}
.main-bottom .title .txt {width:1000px;margin:0px auto;line-height:50px;font-family:Arial, Helvetica, sans-serif;font-size:0.1em;}
.main-bottom .title .txt span {margin:0px auto;line-height:180px;font-size:8px;color:#666666;font-family:"¸¼Àº °íµñ"}
.main-bottom-ul { background-color:red; font-size:8px; }
.main-bottom-ul > li { float: left; margin-left: 0px; }
.main-bottom-ul li.bottom-li-1 { width: 480px; margin-left: 0px; margin-bottom: 0px; }
.main-bottom-ul li.bottom-li-2 { width: 480px; margin-left: 0px; margin-bottom: 0px; }
.main-bottom-ul li.bottom-li-2 { width: 480px; margin-left: 0px;} /* .main-bottom-ul li.bottom-li-3 { margin-top: 0px; } */
/** .main-bottom-ul h1 {
 position: relative;
 font-size: 8px;
 font-weight: normal;
 margin-top: 19px; **/
 
}
.main-bottom-ul h1 .main-news-more {
 position: absolute;
 top: 8px;
 right: 10px; font-size:8px;
}
.main-bottom-ul .main-news-summary {
 font-size: 12px;
 font-weight: normal;
 color: #707070;
 margin-top: 5px;
 margin-bottom:20px;
 }
.main-news-ul { 
 margin-top: 25px;
}
.main-news-ul li {
 padding: 8px 10px 0 0;
 text-overflow: ellipsis;
 white-space: nowrap;
 overflow: hidden;
}
.main-news-ul li:first-child {
 padding-top: 0;
}
.main-news-category {
 color: #fc005c;
 font-weight: bold;
 margin-right: 10px;
}
.main-bottom-ul .border {
 border: 1px solid #D1D1D1;
}
/***** main end *****/
/***** sub start *****/
/* .sub-wrap {
 padding-bottom: 80px;
} */
.sub-visual-wrap {
 position: relative;
 min-width: 1000px;
 height: 160px;
 overflow: hidden;
}
.sub-visual {
 position: absolute;
 width: 1920px;
 height: 160px;
 top: 0;
 left: 50%;
 margin-left: -960px;
}
.sub-visual-img {
 display: block;
 margin: 0 auto;
}
.lnb-nav {
 float: left;
 width: 195px;
}
.sub-contents {
 float: left;
 width: 770px;
 min-height: 600px;
 padding: 20px 0 0 35px;
}
.navigation {
 float: right;
 background: url(../img/images/icon_home.png) no-repeat left 0;
 padding-left: 18px;
 padding-bottom: 20px;
 font-family: 'Nanum Barun Gothic', sans-serif;
 font-size: 13px;
}
.sub-content {
 clear: both;
 padding-top: 5px;
}
/***** sub end *****/
.sub-content-span {
 color: #22c4be;
}
.sub-content-p {
 margin-top: 25px;
 line-height: 1.9;
}
.sub-content .sub-content-h2 {
 font-size: 25px;
 font-weight: normal;
 margin-top: 50px;
 padding-left: 25px;
 background: url(../img/images/icon_plus.png) no-repeat left center;
}
.sub-content .sub-content-h3 {
 font-size: 15px;
 margin: 30px 0 15px;;
 font-weight: normal;
}
.sub-content-sup {
 font-family: 'Malgun Gothic', sans-serif;
}
.sub-content h1 .sub-content-sup,
.sub-content-h2 .sub-content-sup{
 font-size: 50%;
 top: -1em;
}
.sub-content .sub-content-h3 .sub-content-span{
 line-height: 1.5;
}
.brand-story-top .brand-story-img {
 margin: 40px 0 0 25px;
}
.brand-story-top .sub-content-p {
 margin-top: 15px;
}
.brand-story-middle .brand-story-p-1 {
 padding-right: 275px;
 background: url(/n/images/story/img_brand_story_2.png) no-repeat 480px top;
}
.brand-story-bottom .brand-story-p-1 {
 padding-left: 275px;
 background: url(./images/img_brand_story_3.png) no-repeat -60px -50px;
}
.brand-story-p-2{
 margin-top: 0;
}
.story-websre-ul {
 margin-top: 30px;
}
.story-websre-ul  li {
 
 float:left;
/*  width:230px; */
 margin-left:25px;
}
.story-websre-ul  li p{
 
 
 margin:10px 0 5px 0;
}
.story-websre-ul  li p span.eng{
 
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
}
.story-websre-ul  li span{
 
 color:#666666;
 font-size:12px;
}
.story-websre-ul .story-websre-li {
 line-height: 2.1;
 display: table-row;
 height: 96px\9;
 display: list-item\9;
 
}
.story-websre-ul .story-websre-li img {
 padding: 8px 30px 8px 5px;
 /* width: 80px; */
 display: table-cell;
 display: inline\9;
 float: left\9;
}
.story-websre-ul .story-websre-li p {
 width: 584px;
 display: table-cell;
 vertical-align: middle;
 width: auto\9;
 display: block\9;
 padding-top: 18px\9;
}
.story-websre-ul .story-websre-li-2 p {
 padding-top: 36px\9;
}
.video-span {
 font-size: 18px; 
}
.story-websre-history-wrap {
 background: url(../img/images/img_bar.png) no-repeat;
 width: 53px;
 height: 421px;
 position: relative;
 margin-top: 35px;
 margin-left:140px;
}
.story-websre-history-wrap2 {
 background: url(../img/images/img_bar.png) no-repeat;
 width: 53px;
 height: 421px;
 position: relative;
 margin-top: 35px;
 margin-left:420px;
}
.story-websre-history {
 width: 300px;
 line-height: 2.0;
 font-size:12px;
}
.story-websre-history-left .story-websre-history,
.story-websre-history-right .story-websre-history {
 position: absolute;
}
.story-websre-history-left .story-websre-history {
 right: 70px;
 text-align: right;
}
.story-websre-history-right .story-websre-history {
 left: 70px; 
}
.story-websre-history-left .history1 {
 top: 54px;
}
.story-websre-history-left .history2 {
 top: 202px;
}
.story-websre-history-left .history3 {
 top: 301px;
}
.story-websre-history-right .history1 {
 top: -5px;
}
.story-websre-history-right .history2 {
 top: 111px;
}
.story-websre-history-right .history3 {
 top: 239px;
}
.story-websre-history-right .history4 {
 top: 347px;
}
.sub-content-iframe {
 width: 730px;
 height: 445px;
 margin-top: 40px;
 border: 1px solid #ccc;
}
.story-websre-ul table td.gallery_subject {padding:10px 0 20px 0;}