@charset 'utf-8';
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans|Roboto');


/* reset */
body {margin: 0;}
h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, table {margin: 0; padding: 0; line-height: 140%}
h1, h2, h3, h4, h5, h6 {font-weight: 700;}
header, main, footer, section, article, aside, nav {display: block;}
a {color: inherit; text-decoration: inherit;}
a img {border: none;}
img {vertical-align: middle;}
li {list-style: none;}
address, em, i, cite {font-style: normal;}
table {border-collapse: collapse;}
table caption {overflow: hidden; width: 0; height: 0;}
i.fa {vertical-align: middle; display: inline-block; overflow: hidden; position: relative; line-height: 1em;}
i.fa span {position: absolute; left: -999px;}
.mobile {display: none !important;}
br.only_m {content: '';}
br.only_m:after {content: '\00a0';}
.narrow {letter-spacing: -1.5px;}
div.hidden {position: absolute; left: -9999px;}



/* common */
body {font-family: 'Noto Snas','Roboto', 'Noto Sans KR', '나눔바른고딕', 'NanumBarunGothic', '나눔고딕', nanumgothic, '맑은 고딕', 'malgun gothic', '돋움', Dotum, 'Apple SD Gothic Neo', Helvetica, sans-serif; font-weight: 400; font-size: 14px; color: #333333 ; background: #ffffff;}
#wrapper {min-width: 1024px; overflow: hidden;}
#main-popup {position: relative; background: #fdfdfd; border-bottom: 1px solid #ededed; overflow: hidden; height: 0; transition: height 0.3s;}
#main-popup.open {display: block; height: 70px;}
#main-popup > div.box {position: relative; max-width: 1200px; margin: 0 auto; height: 70px; margin: 0 auto;}
#main-popup a.apply {position: absolute; width: 85px; line-height: 32px; right: 60px; top: 50%; transform: translate(0, -50%); text-align: center; font-size: 14px; color: #ffffff; background: #1db6b7;}
#main-popup a.close {position: absolute; right: 20px; top: 50%; transform: translate(0, -50%);}
#skip-nav {position: fixed; left: 0; top: -42px; width: 100%; line-height: 40px; font-size: 16px; text-align: center; background: rgba(0, 0, 0, 0.6); color: #ffffff; z-index: 100000; transition: top 0.4s;}
#skip-nav:focus {top: 0;}
#header {position: relative; height: 70px; border-bottom: 1px solid #ededed; box-sizing: border-box; background: #ffffff; z-index: 10000;}
#header h1 {position: absolute; left: 25px; top: 50%; transform: translate(0, -50%);}
#header h1 img {width: 130px;}
/*#header h1 img {width: 65px;} */

/* 2020 01
#gnb {position: absolute; left: 50%; transform: translate(-50%, 0); z-index: 100;}
#gnb > ul > li {float: left;}
#gnb > ul > li + li {margin-left: 40px;}
#gnb > ul > li > a {position: relative; display: block; line-height: 70px; padding: 0 20px; font-size: 15px; font-weight: 700; transition: color 0.3s;}
#gnb > ul > li.on > a,
#gnb > ul > li > a:hover {color: #1db6b7;}
#gnb > ul > li > a.implant {padding: 0 50px;}
#gnb > ul > li > ul {text-align: center; color: #888888; font-size: 13px; margin-top: 15px; overflow: hidden; height: 0; transition: height 0.3s;}
#header.open #gnb > ul > li > ul {height: 140px;}
#gnb > ul > li > ul > li + li {margin-top: 5px;}
#gnb > ul > li > ul > li > a {display: block; line-height: 24px; transition: color 0.3s;}
#gnb > ul > li > ul > li.on > a,
#gnb > ul > li > ul > li > a:hover {color: #1db6b7;}
#gnb span.bar {position: absolute; left: 0; top: 68px; width: 0; height: 2px; background: #1db6b7; transition: all 0.3s;}

*/
#gnb {position: absolute; left: 45%; transform: translate(-45%, 0); z-index: 100;}
#gnb > ul > li {float: left;}
#gnb > ul > li + li {margin-left: 40px;}
#gnb > ul > li > a {position: relative; display: block; line-height: 70px; padding: 0 20px; font-size: 15px; font-weight: 700; transition: color 0.3s;text-align: center;}
#gnb > ul > li:nth-child(1) {width:150px;} 
#gnb > ul > li:nth-child(2) {margin-left:15px;width:170px;} 
#gnb > ul > li:nth-child(3) {margin-left:15px;} 

@media (min-width: 1281px) and (max-width: 1510px) {
#gnb {position: absolute; left: 35%; transform: translate(-35%, 0); z-index: 100;}
#gnb > ul > li + li {margin-left: 20px;}
#gnb > ul > li > a {position: relative; display: block; line-height: 70px; padding: 0 10px; font-size: 15px; font-weight: 700; transition: color 0.3s;}
}

@media (min-width: 1025px) and (max-width: 1280px) {
#gnb {position: absolute; left: 30%; transform: translate(-30%, 0); z-index: 100;}
#gnb > ul > li + li {margin-left: 15px;}
#gnb > ul > li > a {position: relative; display: block; line-height: 70px; padding: 0 10px; font-size: 15px; font-weight: 700; transition: color 0.3s;}
}

@media (min-width: 850px) and (max-width: 1024px) {
#gnb {position: absolute; left: 20%; transform: translate(-20%, 0); z-index: 100;}
#gnb > ul > li + li {margin-left: 10px;}
#gnb > ul > li > a {position: relative; display: block; line-height: 70px; padding: 0 10px; font-size: 15px; font-weight: 700; transition: color 0.3s;}
}

#gnb > ul > li.on > a,
#gnb > ul > li > a:hover {color: #1db6b7;}
#gnb > ul > li > a.implant {padding: 0 50px;}
#gnb > ul > li > ul {text-align: center; color: #000; font-size: 13px; margin-top: 15px; overflow: hidden; height: 0; transition: height 0.3s;} /* 수정 202001 */
#header.open #gnb > ul > li > ul {height: 140px; opacity:0.8;} /* 수정 202001 */
#gnb > ul > li > ul > li + li {margin-top: 5px;}
#gnb > ul > li > ul > li > a {display: block;margin-bottom:10px; line-height: 130%; transition: color 0.3s; } /* 수정 202001 */
#gnb > ul > li > ul > li.on > a,
#gnb > ul > li > ul > li > a:hover {color: #1db6b7;font-weight:bold;} /* 수정 202001 */
#gnb span.bar {position: absolute; left: 0; top: 68px; width: 0; height: 2px; background: #1db6b7; transition: all 0.3s;}

#top-nav {position: absolute; right: 25px; top: 50%; transform: translate(0, -50%); font-size: 14px; font-weight: 700; text-align: center; color: #1db6b7;}
#top-nav > li {float: left;}
#top-nav > li + li {margin-left: 20px;}
#top-nav > li > a {transition: all 0.3s;}
#top-nav > li > a:hover {color: #ffffff; background: #1db6b7;}
#top-nav > li.site > a {display: inline-block; box-sizing: border-box; width: 190px; height: 30px; border: 1px solid #1db6b7; border-radius: 5px; line-height: 28px;}
#top-nav > li.site > a i.fa {margin-left: 12px;}
#top-nav > li.lang > a {display: inline-block; box-sizing: border-box; width: 80px; height: 30px; border: 1px solid #1db6b7; border-radius: 50px; line-height: 28px; text-align: center;}
#top-nav > li.lang > a i.fa {margin-right: 5px; font-size: 16px;}
#top-nav > li > ul.option {display: none;}
#header:after {content: ''; position: absolute; height: 0; width: 100%; top: 70px; transition: height 0.3s;background-image: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.5));} /* 수정 202001 */
#header.open:after {height: 250px;} /* 수정 202001 */

#footer {background: #222222; color: #ffffff; font-size: 13px;}
#footer > div.box {position: relative; height: 180px; max-width: 1024px; margin: 0 auto; box-sizing: border-box; padding-left: 230px; padding-top: 35px; line-height: 1.8em;}
#footer h2 {position: absolute; left: 0; top: 35px;}
#footer h2 img {width: 180px;}
#footer address {font-weight: 300;}
#footer address em {font-weight: 700;}
#footer address span.kor {display: block;}
#footer address span.us:before {content: '·'; margin: 0 5px;}
#footer p.copyright {font-weight: 700; margin: 10px 0;}
#footer p.cert img {width: 200px;}
#footer a.top {position: absolute; right: 0; top: 35px; width: 60px; height: 60px; text-align: center; box-sizing: border-box; border-radius: 100px; background: rgba(255, 255, 255, 0.3); font-size: 14px; font-weight: 700; padding-top: 12px; transition: background 0.3s;}
#footer a.top:hover {background: rgba(255, 255, 255, 0.5);}
#footer a.top i {display: block;}


/* main */
#main-visual {height: 609px; position: relative; overflow: hidden;}
#main-visual ul.slide li {position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none;}
#main-visual ul.slide li.on {animation: slide-on 3s ease 0s 1 normal forwards; z-index: 10;}
#main-visual ul.slide li.off {animation: slide-off 3s ease 0s 1 normal forwards; z-index: 5;}
#main-visual ul.slide li:first-child {display: block;}
#main-visual ul.slide li img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; min-width: 1920px;}
#main-visual ul.slide li div.content {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; font-size: 40px; color: #ffffff; font-weight: 300;}
#main-visual ul.slide li div.content p em {font-weight: 400;}
#main-visual ul.slide li div.content a {position: relative; display: inline-block; box-sizing: border-box; width: 260px; height: 60px; line-height: 54px; border: 2px solid #ffffff; text-align: center; font-size: 30px; margin-top: 340px; transition: color 0.2s;}
#main-visual ul.slide li div.content a span {position: relative;}
#main-visual ul.slide li div.content a:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 0; background: rgba(255, 255, 255, 0.9); transition: height 0.2s;}
#main-visual ul.slide li div.content a:hover {color: #333333;}
#main-visual ul.slide li div.content a:hover:before {height: 100%;}
#main-visual ul.indicator {position: absolute; left: 0; bottom: 15px; width: 100%; text-align: center; z-index: 100;}
#main-visual ul.indicator li {display: inline-block;}
#main-visual ul.indicator li + li {margin-left: 10px;}
#main-visual ul.indicator li a {display: block; width: 12px; height: 12px; border: 1px solid #ffffff; border-radius: 40px; overflow: hidden; text-indent: -999px; box-sizing: border-box;}
#main-visual ul.indicator li.on a {background: #ffffff;}
@keyframes slide-off {
    from {transform: scale(1) rotate(0); opacity: 1;}
    to {transform: scale(1.1) rotate(3deg); opacity: 0;}
}
@keyframes slide-on {
    from {transform: scale(1.1) rotate(-3deg); opacity: 0;}
    to {transform: scale(1) rotate(0); opacity: 1;}
}
/*
animation 축약 표현
animation: main-bg-animation 3s ease-out 0.1s 1 normal forwards running;
animation: name duration timing-function delay iteration-count direction fill-mode play-state
duration: 0(default), time, initial, inherit
timing-function: ease(default), linear, ease-in, ease-out, ease-in-out, step-start, step-end, steps(int, start|end), cubic-bezier(n, n, n, n), initial, inherit
deley: 0s(default), time, initial, inherit
direction: normal(default), reverse, alternate, alternate-reverse, initial, inherit
iteration-count: 1(default), number, infinite, initial, inherit
fill-mode: none(default), forwards, backwards, both, initial, inherit
play-state: running(default), paused, initial, inherit  (IE에서는 축약표현에 포함시 동작하지 않음, 별도로 사용)

[최종 사용 예시]
animation: main-bg-animation 3s ease-out 0s 1 normal forwards;
animation-play-state: running;
*/

body.main #main section > div.box {position: relative; max-width: 1024px; margin: 0 auto; padding: 50px 0; overflow: hidden;}
body.main #main section h2 {text-align: center; font-size: 30px; font-weight: 400; margin-bottom: 40px;}
body.main #main section h2 em {font-weight: 700;}
body.main #main section h2 p {font-size: 14px; color: #888888; margin-top: 5px;}

body.main section#why {background: #f9f9f9;}
body.main section#why ul.implant {text-align: center;}
body.main section#why ul.implant li {display: inline-block; vertical-align: top;}
body.main section#why ul.implant li + li {margin-left: 100px;}
body.main section#why ul.implant li a {display: block; width: 400px; height: 400px; outline: 2px solid transparent; background: #ffffff; transition: all 0.3s; font-size: 14px; color: #888888; text-align: center; overflow: hidden;}
body.main section#why ul.implant li a:hover,
body.main section#why ul.implant li a:focus {outline-color: #1db6b7;}
body.main section#why ul.implant a em {display: block; font-size: 24px; color: #1db6b7; font-weight: 400; margin: 15px 0; /* 2020. 01 */ line-height:130%;}

body.main section#rnd {position: relative; overflow: hidden;}
body.main section#rnd p.bg img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); min-width: 100%;}
body.main section#rnd > div.box {padding: 100px 0;}
body.main section#rnd div.content {background: #ffffff; position: relative; text-align: center; padding: 50px 0; /* 2020. 01 */ opacity: 0.9;}
body.main section#rnd div.content p.slogan {font-size: 40px; font-weight: 700; margin-bottom: 15px;}
body.main section#rnd div.content p.desc {font-size: 20px; color: #888888; margin-bottom: 80px;}
body.main section#rnd div.content a {display: inline-block; width: 160px; height: 52px; box-sizing: border-box; border: 1px solid #2cb5b5; color: #2cb5b5; border-radius: 100px; text-align: center; font-size: 20px; line-height: 50px;}

/* 2020.04.08 메일링 추가*/
body.main section#mailing {}
body.main section#mailing ul.mail {text-align: center;}
body.main section#mailing ul.mail li {display: inline-block; vertical-align: top; width: 400px;/* border:1px solid red;*/}
body.main section#mailing ul.mail li + li {margin-left: 20px;}
body.main section#mailing ul.mail li:nth-child(2){width:500px;text-align: left;}
body.main section#mailing ul.mail li a {display: block;  height: 400px; outline: 2px solid transparent; background: #ffffff; transition: all 0.3s; font-size: 14px; color: #888888; text-align: center; overflow: hidden;}
body.main section#mailing ul.mail li a:hover,
body.main section#mailing ul.mail li a:focus {outline-color: #1db6b7;}
body.main section#mailing ul.mail a em {display: block; font-size: 24px; color: #1db6b7; font-weight: 400; margin: 15px 0; /* 2020. 01 */ line-height:130%;}
body.main section#mailing ul.mail input[type=text] {display: inline-block; width: 80%; height: 30px; box-sizing: border-box; background: #f9f9f9; border: 1px solid #dedede; padding: 0 10px; font: inherit; border-radius: 5px;}
body.main section#mailing ul.mail input[type=button] {display: inline-block; width: 15%; height: 30px; box-sizing: border-box; background: #1db6b7;color:#fff; margin-left:10px; padding: 0 10px; font: inherit; border:none; border-radius: 5px;}
body.main section#mailing ul.mail p em{line-height:30px; color: #1db6b7;}


body.main section#sns {background: #f5f4f9;}
body.main section#sns h3 {margin-bottom: 10px;}
body.main section#sns ul.youtube {overflow: hidden; margin-bottom: 60px;}
body.main section#sns ul.youtube li {width: 300px; box-sizing: border-box; float: left; overflow: hidden;}
body.main section#sns ul.youtube li + li {margin-left: 62px;}
body.main section#sns ul.youtube li img {width: 100%;}
body.main section#sns div.facebook {float: left; width: 300px;}
body.main section#sns ul.facebook {overflow: hidden;}
body.main section#sns ul.facebook li {width: 350px; height: 400px;  float: left; overflow: hidden;}
body.main section#sns ul.facebook li + li {margin-left: 30px;}
body.main section#sns ul.facebook div span{background: #fff}
body.main section#sns div.naver {float: left;margin-left: 62px;}
body.main section#sns div.naver a.box {display: block; height: 400px;}
body.main section#sns div.naver a.box * {display: block;}
body.main section#sns div.naver img {left: 0;} 
body.main section#sns div.naver span.content {padding-top: 10px; font-size: 12px; color: #888888;width: 300px;}
body.main section#sns div.naver span.content em {display: block; font-weight: 700; color: #333333;}
body.main section#sns div.naver span.content span.date {display: block; font-size: 12px; margin-bottom: 20px;}
body.main section#sns div.naver span.content span.text {line-height: 26px; height: 78px; overflow: hidden;}

/* sub(common) */
#sub-visual {position: relative; height: 250px; overflow: hidden;}
#sub-visual p.bg img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); min-width: 100%;}
#sub-visual h2 {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-bottom: 2px solid #1db6b7; padding-bottom: 5px; font-size: 30px; font-weight: 700; color: #ffffff;}
#lnb {border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; font-size: 14px; background: #ffffff;}
#lnb > ul {max-width: 1024px; width: 100%; margin: 0 auto; display: table; table-layout: fixed; text-align: center;}
#lnb > ul > li {display: table-cell; padding: 0 2px;}
#lnb > ul > li > a {position: relative; display: block; line-height: 58px; transition: color 0.3s;}
#lnb > ul > li > a:after {content: ''; position: absolute; right: 0; top: 50%; transform: translate(0, -50%); width: 1px; height: 24px; background: #dedede;}
#lnb > ul > li:first-child > a:before {content: ''; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); width: 1px; height: 24px; background: #dedede;}
#lnb > ul > li.on > a {color: #1db6b7; font-weight: 700;}
#lnb > ul > li > a:hover {color: #1db6b7;}


/* 임플란트 */
body.implant section.white {background: #ffffff;}
body.implant section.gray {background: #f6f6f6;}
body.implant section > div.box {max-width: 1024px; margin: 0 auto; position: relative; padding: 50px 0 80px 0;}
body.implant h3.title {font-size: 24px; color: #2bb6b7; text-align: center; margin-bottom: 30px;}
body.implant section.title {background: #ffffff;}
body.implant section.title > div.box {padding: 50px 0; text-align: center;}
body.implant section.title h3 {font-size: 24px; margin-bottom: 35px; font-weight: 400;}
body.implant section.title h3 em {font-weight: 700;}
body.implant section.title p.desc {font-size: 16px;}
body.implant section.title p.desc em {font-weight: 700;}
body.implant.what section.gray {text-align: center;}
body.implant.what section.gray div.box {padding: 50px 0 60px 0;}
body.implant.what section.gray h2 {font-size: 24px; font-weight: 400; padding-bottom: 30px; margin-bottom: 25px; position: relative;}
body.implant.what section.gray h2 em {font-weight: 700;}
body.implant.what section.gray h2:before {content: ''; position: absolute; left: 50%; bottom: 2px; width: 100px; height: 2px; transform: translate(-50%, 0); background: #2bb6b7;}
body.implant.what section.gray p.title {font-size: 20px; font-weight: 700;}
body.implant.what div.content-col2 {overflow: hidden;}
body.implant.what div.content-col2 > div {float: left; width: 50%;}
body.implant.what h3 {font-size: 18px; margin-bottom: 40px;}
body.implant.what h3 em {color: #2bb6b7;}
body.implant.what p.paragraph {font-size: 16px; line-height: 24px; margin-bottom: 70px;}
body.implant.advantage ul.advantage {text-align: center;}
body.implant.advantage ul.advantage li {display: inline-block; width: 220px; height: 340px; background: #ffffff; box-sizing: border-box; overflow: hidden; vertical-align: top;}
body.implant.advantage ul.advantage li + li {margin-left: 44px;}
body.implant.advantage ul.advantage li p {padding: 12px 10px 30px 10px; font-size: 14px; text-align: left;}
body.implant.procedure ul.procedure li {position: relative; height: 182px; padding: 40px 250px 40px 40px; box-sizing: border-box; background: #ffffff; border-bottom: 2px solid #dddddd; font-size: 16px;}
body.implant.procedure ul.procedure li + li {margin-top: 30px;}
body.implant.procedure ul.procedure li * {display: block;}
body.implant.procedure ul.procedure li > em {color: #2bb6b7; font-weight: 700; font-size: 18px; margin-bottom: 10px;}
body.implant.procedure ul.procedure li > p em {font-size: 20px; font-weight: 700;}
body.implant.procedure ul.procedure li span.image {position: absolute; right: 0; top: 0;}
body.implant.precautions ul.precautions li {position: relative; height: 149px; padding: 0 360px 0 70px; box-sizing: border-box; background: #f9f9f9; font-size: 18px;}
body.implant.precautions ul.precautions li + li {margin-top: 30px;}
body.implant.precautions ul.precautions li > p {position: absolute; left: 70px; top: 50%; transform: translate(0, -50%);}
body.implant.precautions ul.precautions li span.image {position: absolute; right: 0; top: 0;}
body.implant.management ul.management {overflow: hidden;}
body.implant.management ul.management li {float: left; width: 320px; height: 280px; box-sizing: border-box; background: #f6f6f6; padding: 40px 20px; text-align: center; font-size: 18px; margin: 0 32px 32px 0;}
body.implant.management ul.management li:nth-child(3n) {margin-right: 0;}
body.implant.management ul.management li span.icon {display: block; margin-bottom: 30px;}


/* 회사소개 */
body.company section.content-box {position: relative; width: 1024px; margin: 0 auto; min-width: 500px; overflow: hidden; box-sizing: border-box;}
body.company.greeting section.content-box {padding: 50px 0 100px 0;}
body.company.greeting div.content {float: left; }
body.company.greeting div.content h3 {font-size: 24px; font-weight: 400; color: #1db6b7; margin-bottom: 10px;}
body.company.greeting div.content h3 em {display: block; font-weight: 700;}
body.company.greeting div.content p.title {font-size: 18px; font-weight: 700; margin-bottom: 50px;line-height: 140%}
body.company.greeting div.content p.paragraph {margin: 20px 0; font-size: 16px;line-height: 140%}
body.company.greeting div.content p.paragraph em {font-weight: 700;}
body.company.greeting div.ceo {float: right;}

/* 2012001 수정*/
body.vision section.content-box {position: relative; width: 1024px; margin: 0 auto; min-width: 500px; overflow: hidden; box-sizing: border-box;}
body.vision section.mission {font-size: 24px; text-align: center; background: #f5f6fb; padding: 50px 0;}
body.vision section.mission h3 {font-size: 24px; margin-bottom: 20px;}
body.vision section.mission p em {font-weight: 700;}
body.vision section.content-box {padding: 50px 0 100px 0;}
body.vision section.content-box h3 {font-size: 24px; text-align: center; margin-bottom: 30px;}

body.history section.content-box {position: relative; padding: 50px 0 100px 0;  width: 1024px; margin: 0 auto; min-width: 500px; overflow: hidden; box-sizing: border-box;padding: 50px 0 100px 0;}
body.history h3 {font-size: 24px; text-align: center; font-weight: 400; margin-bottom: 30px;}
body.history h3 em {display: block; font-weight: 700;}
body.history ul.history-tab {display: table; table-layout: fixed; border-collapse: collapse; width: 100%; box-sizing: border-box;}
body.history ul.history-tab li {display: table-cell; text-align: center; border-top: 1px solid #ededed; border-bottom: 1px solid #1db6b7; border-left: 1px solid #ededed;}
body.history ul.history-tab li:last-child {border-right: 1px solid #ededed;}
body.history ul.history-tab li a {display: block; line-height: 60px; color: #888888;}
body.history ul.history-tab li.on {border: 1px solid #1db6b7; border-bottom: none;}
body.history ul.history-tab li.on a {color: #1db6b7; font-weight: 700;}
body.history div.history {padding: 40px 70px 20px 70px; border: 1px solid #1db6b7; border-top: none; overflow: hidden;}
body.history div.history ul.image {float: left; margin-top: 20px;}
body.history div.history ul.image li + li {margin-top: 20px;}
body.history div.history ul.history {margin-left: 380px;}
body.history div.history ul.history > li > em {font-size: 18px; display: block; color: #1db6b7; font-weight: 700; padding-left: 28px; position: relative;}
body.history div.history ul.history > li > em:before {content: ''; position: absolute; left: 0; top: 5px; width: 10px; height: 10px; border: 4px solid #1db6b7; border-radius: 20px; background: #ffffff; z-index: 10;}
body.history div.history ul.history > li > ul {position: relative; padding-left: 30px; padding-bottom: 30px;}
body.history div.history ul.history > li > ul:before {content: ''; position: absolute; left: 8px; top: -10px; width: 1px; height: calc(100% + 30px); background: #ededed;}
body.history div.history ul.history > li > ul > li {margin: 5px 0; padding-left: 40px; text-indent: -40px;}
body.history div.history ul.history > li > ul > li em {font-weight: 700; margin-right: 22px;}

body.global section.content-box {padding: 50px 62px 100px 62px;}
body.global section.content-box {position: relative; width: 1024px; margin: 0 auto; min-width: 500px; overflow: hidden; box-sizing: border-box;padding: 50px 62px 100px 62px;}
body.global h3 {font-size: 24px; text-align: center; font-weight: 400; margin-bottom: 30px; color: #1db6b7;}
body.global h3 em {display: block; font-weight: 700;}
body.global p.global-map {text-align: center; margin-bottom: 40px;}
body.global h4 {position: relative; font-size: 20px; font-weight: 400; padding-left: 20px; margin-bottom: 10px;}
body.global h4:before {content: ''; position: absolute; left: 0; top: 10px; width: 10px; height: 10px; border-radius: 20px; background: #eeeeee;}
body.global div.inc {overflow: hidden;}
body.global div.korea {float: left; width: 320px;}
body.global div.korea h4:before {background: #fc5b7a;}
body.global div.branch {float: left; width: 580px;}
body.global div.branch h4:before {background: #3e88ec;}
body.global div.export h4:before {background: #61c3dd;}
body.global ul.country {overflow: hidden;}
body.global ul.country li {float: left; width: 100px; text-align: center; margin-right: 60px; margin-bottom: 50px;}
body.global ul.country li:nth-child(6n) {margin-right: 0;}
body.global ul.country li span.flag {display: block; height: 67px; overflow: hidden; margin-bottom: 10px;}
body.global ul.country li span.flag img {width: 100%; height: 100%;}
body.global ul.country li em {display: block; font-size: 14px;}

body.recruite section.content-box {padding: 50px 0 100px 0;}


/* 연구개발 */
body.rnd section.content {position: relative; overflow: hidden;}
body.rnd section.content > p.bg > img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); min-width: 100%;}
body.rnd section.content > div.box {max-width: 1024px; margin: 0 auto; overflow: hidden; position: relative;}
body.rnd h3.icon {width: 230px; line-height: 40px; text-align: center; font-size: 15px; font-weight: 700; background: #2cb5b5; color: #ffffff; margin: 0 auto 40px auto;}
body.rnd h3.icon img {vertical-align: middle; margin-right: 10px;}

body.rnd.lab section.implant > div.box {padding: 40px 0 60px 0;}
body.rnd.lab section.implant p.title {font-size: 24px; font-weight: 400;}
body.rnd.lab section.implant p.title em {display: block; font-weight: 700;}
body.rnd.lab section.implant p.paragraph {margin: 20px 0; font-size: 18px; font-weight: 400;}
body.rnd.lab section.implant ul.feature {overflow: hidden; text-align: center; margin-top: 80px;}
body.rnd.lab section.implant ul.feature li {display: inline-block;border:2px solid #ededed; /* 2020. 01 */}
body.rnd.lab section.implant ul.feature li + li {margin-left: 80px;}

/* 202001 수정 시작*/
body.rnd.bio section.cell {background: #ffffff;}
body.rnd.bio section.cell > div.box {padding: 40px 0 60px 0;}
body.rnd.bio section.cell p.title {font-size: 24px; font-weight: 400;}
body.rnd.bio section.cell p.title em {display: block; font-weight: 700;}
body.rnd.bio section.cell p.paragraph {margin: 20px 0; font-size: 18px; font-weight: 400;}
body.rnd.bio section.cell ul.feature {overflow: hidden; text-align: center; margin-top: 80px;}
body.rnd.bio section.cell ul.feature li {display: inline-block;  border:2px solid #ededed; /* 2020. 01 */}
body.rnd.bio section.cell ul.feature li + li {margin-left: 80px;}

body.rnd.bio section.rhbmp {background: #f9faff;}
body.rnd.bio section.rhbmp > div.box {padding: 40px 0 60px 0;}
body.rnd.bio section.rhbmp h3 {text-align: center; font-size: 20px; font-weight: 700; margin-bottom: 30px;}
body.rnd.bio section.rhbmp h3 span {display: block; font-size: 14px; font-weight: 400; color: #888888;}
body.rnd.bio section.rhbmp p.title {font-size: 22px; font-weight: 700; color: #1db6b7; margin-bottom: 20px;}
body.rnd.bio section.rhbmp h4 {font-size: 14px; font-weight: 700;}

body.rnd.bio section.process {background: #ffffff;}
body.rnd.bio section.process > div.box {padding: 40px 0 60px 0;}
body.rnd.bio section.process h3 {width: 410px; line-height: 50px; text-align: center; margin: 0 auto 40px auto; background: #ff6f64; color: #ffffff; font-size: 16px;}
body.rnd.bio section.process ul.feature {overflow: hidden; text-align: center;}
body.rnd.bio section.process ul.feature li {display: inline-block; }
body.rnd.bio section.process ul.feature li + li {margin-left: 80px;}
body.rnd.bio section.process ul.feature li em {display: block; margin-top: 10px;}

body.rnd.bio section.paper {background: #f9f9f9;}
body.rnd.bio section.paper > div.box {padding: 40px 0 60px 0;}
body.rnd.bio section.paper h3 {font-size: 24px; font-weight: 700; margin-bottom: 30px;}
body.rnd.bio section.paper ul.paper {font-size: 13px; color: #888888;}
body.rnd.bio section.paper ul.paper li +  li {margin-top: 20px;}
body.rnd.bio section.paper ul.paper cite {color: #666666; font-weight: 700; display: block;}

body.news section.content {position: relative; overflow: hidden;}
body.news section.content > p.bg > img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); min-width: 100%;}
body.news section.content > div.box {max-width: 1024px; margin: 0 auto; overflow: hidden; position: relative;}
body.news h3.icon {width: 180px; line-height: 40px; text-align: center; font-size: 15px; font-weight: 700; background: #2cb5b5; color: #ffffff; margin: 0 auto 40px auto;}
body.news h3.icon img {vertical-align: middle; margin-right: 10px;}
body.news.award section > div.box {max-width: 1024px; margin: 0 auto; padding: 50px 0;}
body.news.award section.award {background: #f9f9f9;}
body.news.award section.award div.content > * {display: inline-block; vertical-align: top;}
body.news.award section.award div.title {width: 450px; margin-right: 100px; text-align: center;}
body.news.award section.award div.title h3 {font-size: 34px; font-weight: 700; display: inline-block; text-align: left; border-bottom: 2px solid #1db6b7; margin-bottom: 50px;}
body.news.award section.award div.title h3 span {font-size: 20px; font-weight: 400; display: block;}
body.news.award section.award div.title h3 em {color: #1db6b7;}
body.news.award section.award div.title p {text-align: left; font-size: 18px;}
body.rnd.award section.award div.title p em {font-weight: 700;}
body.news.award ul.award {text-align: center; margin-top: 50px;}
body.news.award ul.award li {display: inline-block;}
body.news.award ul.award li + li {margin-left: 30px;}
body.news.award section.thanks {background: #ffffff;}
body.news.award section.thanks h3 {font-size: 20px; color: #1db6b7; margin-bottom: 10px;}
body.news.award ul.thanks > li + li {border-top: 1px solid #d9dbe3;}
body.news.award ul.thanks > li {overflow: hidden; padding: 30px 0;}
body.news.award ul.thanks > li span.org {float: left; margin-right: 60px;}
body.news.award ul.thanks > li > ul {font-size: 16px;}
body.news.award ul.thanks > li > ul > li + li {margin-top: 10px;}
body.news.award ul.thanks > li > ul > li em {display: inline-block; width: 100px; font-weight: 700;}
body.news.award ul.thanks > li > ul > li.date em {letter-spacing: 30px;}


body.faq section.faq {max-width: 1024px; margin: 0 auto; padding: 50px 0 80px 0;}
body.faq section.faq h3 {font-size: 24px; text-align: center; margin-bottom: 30px;}

body.inquiry section.inquiry {max-width: 1024px; margin: 0 auto; padding: 50px 0 80px 0;}
body.inquiry section.inquiry h3 {font-size: 24px; text-align: center; margin-bottom: 20px;}
body.inquiry section.inquiry p.title {text-align: center; font-weight: 700; font-size: 16px;}
body.inquiry div.agree {height: 200px; overflow: auto; border: 1px solid #eeeeee; padding: 20px; white-space: pre-line; margin: 20px 0 10px 0; color: #888888;}
body.inquiry p.agree {text-align: right; margin-bottom: 30px;}
body.inquiry p.agree input {vertical-align: middle; margin-right: 10px;}

body.center section.center {max-width: 1024px; margin: 0 auto; padding: 50px 0 80px 0;}
body.center section.center h3 {font-size: 24px; text-align: center; margin-bottom: 30px;}
body.center section ul.customercenter {overflow: hidden; text-align: center; }
body.center section ul.customercenter li {display: inline-block;}
body.center section ul.customercenter li + li {margin-left: 60px;}
body.center section hr.line1{margin: 60px 0 40px 0;color: #e5e5e5;display: block;    height: 1px;    border: 0;    border-top: 1px solid #e5e5e5;   }
body.center section hr.line2{margin: 40px 0 60px 0;color: #e5e5e5;display: block;    height: 1px;    border: 0;    border-top: 1px solid #e5e5e5;   }
body.center section div.sns{overflow: hidden;}
body.center section div.sns > div{float: left;width: 50%;}
body.center section div.sns div.right {margin-left: }
body.center section p.sns.title em{font-size: 20px;font-weight: bold;}
body.center section p.sns.title{font-size: 14px;}
body.center section ul.sns {overflow: hidden; text-align: center; }
body.center section ul.sns li {display: inline-block;}
body.center section ul.sns li + li {margin-left: 60px;}
body.center section div.way h3.waytitle{font-weight: 400; margin-bottom: 20px;}
body.center section div.way p{font-size: 16px; color: #333;padding: 10px 0;}
body.center section div.way i, em{font-weight: bold; margin-right: 10px;}

/* 202001 수정 end*/

/* NEWS & EVENT */
body.event.seminar section.seminar {max-width: 1024px; margin: 0 auto; padding: 50px 0 80px 0;}
body.event.seminar h3.title {font-size: 24px; text-align: center; margin-bottom: 30px; font-weight: 400;}
body.event.seminar h3.title em {font-weight: 700;}
body.event.seminar ul.seminar {overflow: hidden;}
body.event.seminar ul.seminar li {float: left; font-size: 13px; color: #666666; margin-right: 47px; margin-bottom: 47px;}
body.event.seminar ul.seminar li:nth-child(3n) {margin-right: 0;}
body.event.seminar ul.seminar li a {display: block; width: 310px; height: 330px; box-sizing: border-box; border: 1px solid #f3f3f3; padding: 10px; transition: border-color 0.3s;}
body.event.seminar ul.seminar li a:hover {border-color: #cccccc;}
body.event.seminar ul.seminar li a > * {display: block;}
body.event.seminar ul.seminar li a span.image {margin-bottom: 15px; overflow: hidden; height: 165px; position: relative;}
body.event.seminar ul.seminar li a span.image img {min-height: 100%; min-width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
body.event.seminar ul.seminar em.title {font-size: 15px; font-weight: 700; line-height: 24px; height: 48px; overflow: hidden; margin-bottom: 40px; color: #333333;}
body.event.seminar ul.seminar span.datetime,
body.event.seminar ul.seminar span.place {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

body.event.conference section.conference {max-width: 1024px; margin: 0 auto; padding: 50px 0 80px 0;}

body.pr section.content-box {max-width: 1024px; margin: 0 auto; padding: 50px 0 80px 0;}
body.pr section.content-box h3.title {font-size: 22px; font-weight: 400; margin-bottom: 35px; text-align: center;}
body.pr section.content-box h3.title em {font-weight: 700;}
body.pr section.content-box div.board-view h3 {text-align: left; margin-bottom: 5px;}
/*
body.pr ul.video {overflow: hidden;}
body.pr ul.video li {float: left; margin: 0 40px 40px 0; font-size: 13px;}
body.pr ul.video li:nth-child(4n) {margin-right: 0;}
body.pr ul.video li a {display: block; width: 226px; height: 280px; box-sizing: border-box; border: 1px solid #f3f3f3; transition: border-color 0.3s; overflow: hidden; position: relative;}
body.pr ul.video li a:hover {border-color: #cccccc;}
body.pr ul.video li a > * {display: block;}
body.pr ul.video li span.image {position: relative; height: 140px; overflow: hidden;}
body.pr ul.video li span.image img {position: absolute; min-width: 100%; min-height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%);}
body.pr ul.video li span.content {padding: 10px;}
body.pr ul.video li span.content > * {display: block;}
body.pr ul.video li span.content em.title {font-size: 14px; font-weight: 700; line-height: 22px; height: 44px; overflow: hidden;}
body.pr ul.video li span.content span.date {color: #888888;}
body.pr ul.video li span.content span.tag {position: absolute; left: 10px; bottom: 10px; color: #1db6b7; font-weight: 700;}
body.pr ul.video li span.content span.tag i {position: relative; top: -2px; margin-left: 10px;}

body.pr.conference #main {background: #f9f9f9;}
body.pr.conference ul.year-tab {display: table; width: 100%; table-layout: fixed; border-collapse: collapse;}
body.pr.conference ul.year-tab li {display: table-cell; text-align: center; border: 1px solid #1db6b7; color: #1db6b7;}
body.pr.conference ul.year-tab li a {display: block; line-height: 40px; font-size: 16px; font-weight: 400;}
body.pr.conference ul.year-tab li.on a {background: #1db6b7; color: #ffffff; font-weight: 700;}
body.pr.conference div.photo {margin: 40px 0; display: none;}
body.pr.conference div.photo h3 {font-size: 20px; margin-bottom: 20px;}
body.pr.conference div.photo ul.photo-list {overflow: hidden;}
body.pr.conference div.photo ul.photo-list li {float: left; margin: 0 4px 4px 0;}
body.pr.conference div.photo ul.photo-list li:nth-child(4n) {margin-right: 0;}
body.pr.conference div.photo ul.photo-list li a {position: relative; display: block; width: 253px; height: 253px; overflow: hidden; overflow: hidden;}
body.pr.conference div.photo ul.photo-list li a img {width: 100%; height: 100%;}
*/
body.language section.content-box {max-width: 1024px; min-height: 500px; margin: 0 auto; padding: 50px 0 80px 0;}
body.language section.content-box h3 {font-size: 24px; font-weight: 400; text-align: center; margin-bottom: 90px;}
body.language section.content-box h3 em {font-weight: 700;}
body.language section.content-box ul.language {overflow: hidden;}
body.language section.content-box ul.language li {width: 30%; float: left; margin-left: 5%; margin-bottom: 20px;}
body.language section.content-box ul.language li.right {float: right;}
body.language section.content-box ul.language li:nth-child(3n - 2) {margin-left: 0;}
body.language section.content-box ul.language li a {display: block; font-size: 18px; font-weight: 400; line-height: 50px; border-bottom: 1px solid #dedede; position: relative;}
body.language section.content-box ul.language li a:after {content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: #1db6b7; transition: width 0.3s;}
body.language section.content-box ul.language li a:hover:after {width: 100%;}


/* module */
div.paging {text-align: center; font-size: 14px; color: #888888;}
div.paging a {display: inline-block; box-sizing: border-box; width: 30px; height: 30px; line-height: 28px; vertical-align: top;}
div.paging > a {border: 1px solid #d3d3d3; background: #f9f9f9;}
div.paging ol {display: inline-block;}
div.paging ol li {display: inline-block; margin: 0 3px;}
div.paging ol li.on a {background: #1db6b7; color: #ffffff; font-weight: 700;}

div.compare-slide {text-align: center;}
div.compare-slide div.content {position: relative; display: inline-block; border: 2px solid #cccccc; overflow: hidden; text-align: left;}
div.compare-slide p.before {position: absolute; left: 0; top: 0; width: 50%; height: 100%; overflow: hidden; border-left: 1px solid #eeeeee;}
div.compare-slide a.bar {position: absolute; left: 50%; top: 0; width: 30px; height: 100%; margin-left: -15px;}
div.compare-slide a.bar:after {content: ''; position: absolute; left: 50%; top: 0; width: 6px; height: 100%; background: #1db6b7; margin-left: -3px;}

table.list {width: 100%; font-size: 14px;}
table.list thead {background: #f4f4fa;}
table.list thead th {line-height: 40px; border-bottom: 1px solid #d9dbe3;}
table.list tbody td {line-height: 50px;  border-bottom: 1px solid #d9dbe3; text-align: center; max-width: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
table.list tbody td.title {text-align: left; padding: 0 50px 0 20px;}
table.list tbody td.title a {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color 0.3s;}
table.list tbody td.title a:hover {color: #1db6b7;}
table.list + div.paging {margin-top: 25px;}
body.main table.list thead th {line-height: inherit;}
body.main table.list tbody td {line-height: inherit; white-space: inherit; text-align: left; max-width: inherit;}

div.board-view h3 {font-size: 24px; font-weight: 700;}
div.board-view p.info {font-size: 14px; color: #888888; margin-bottom: 20px;}
div.board-view div.content-editor {border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 20px 0; min-height: 300px;}
div.board-view div.content-editor p {margin: 10px 0;}
div.board-view div.content-editor img {max-width: 100%;}
div.board-view div.youtube {text-align: center;}
div.board-view + div.button-box {margin-top: 20px;}

div.event-view {font-size: 14px;}
div.event-view p.tag {color: #888888;}
div.event-view h3 {font-size: 28px; font-weight: 700; text-align: left; margin: 10px 0 0 0;}
div.event-view p.info {margin-bottom: 20px;}
div.event-view div.content-editor {border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 20px; min-height: 300px;}
div.event-view div.content-editor p {margin: 10px 0;}
div.event-view div.content-editor img {max-width: 100%;}
div.event-view + div.button-box {margin-top: 20px;}

div.button-box {text-align: right;}
div.button-box.center {text-align: center;}
.btn {display: inline-block; min-width: 80px; height: 30px; line-height: 28px; box-sizing: border-box; border: 1px solid #444444; color: #444444; text-align: center; font-size: 14px; vertical-align: middle; transition: background 0.3s;}
.btn + .btn {margin-left: 10px;}
.btn.normal {min-width: 80px; padding: 0 5px; height: 30px; line-height: 28px;}
.btn.medium {min-width: 200px; height: 60px; line-height: 58px; font-size: 20px;}
.btn.large {width: 450px; height: 70px; line-height: 68px; font-size: 20px; border-radius: 5px;}
.btn.white {background: #ffffff; border-color: #444444; color: #444444;}
.btn.white:hover {background: #f9f9f9;}
.btn.lime {background: #1db6b7; color: #ffffff; border-color: #1db6b7;}
.btn.lime:hover {background: #35c0cc;}

table.faq {width: 100%; font-size: 14px;}
table.faq thead {background: #f4f4fa;}
table.faq thead th {line-height: 40px; border-bottom: 1px solid #d9dbe3;}
table.faq thead th:first-child {width: 80px;}
table.faq tbody td {border-bottom: 1px solid #d9dbe3;}
table.faq tbody td:first-child {text-align: center;}
table.faq tbody td a {display: block; padding: 15px;}
table.faq tbody tr.question.open {font-weight: 700;}
table.faq tbody tr.answer {background: #f6f6f6; display: none;}
table.faq tbody tr.answer.open {display: table-row;}
table.faq tbody tr.answer td {padding: 15px;}
table.faq tbody tr.answer td:first-child {vertical-align: top;}
table.faq tbody tr.answer span.answer {display: inline-block; width: 36px; line-height: 36px; text-align: center; color: #ffffff; background: #1db6b7; border-radius: 100px; font-size: 18px;}
table.faq tbody tr.answer p.title {font-weight: 700; color: #1db6b7; margin-bottom: 15px;}
table.faq tbody tr.answer div.content p {margin: 5px 0;}
table.faq tbody tr.answer div.content p em {font-weight: 700;}
table.faq + div.paging {margin-top: 25px;}

table.form {width: 100%; border-top: 1px solid #444444; font-size: 16px; font-weight: 700;}
table.form td {padding: 10px 100px;}
table.form tr:first-child td {padding-top: 20px;}
table.form td.th {text-align: center; padding: 10px 0; width: 200px;}
table.form td.phone > * {float: left;}
table.form td.phone span.bar {width: 5%; text-align: center; line-height: 50px;}
table.form input[type=text] {display: inline-block; width: 100%; height: 50px; box-sizing: border-box; background: #f9f9f9; border: 1px solid #dedede; padding: 0 10px; font: inherit; border-radius: 5px;}
table.form input[type=text].phone {width: 30%;}
table.form textarea {display: block; width: 100%; height: 200px; box-sizing: border-box; background: #f9f9f9; border: 1px solid #dedede; padding: 10px; font: inherit; border-radius: 5px;}
table.form + div.button-box {margin-top: 30px;}

table.form1 {width: 100%; border-top: 1px solid #444444; font-size: 16px; font-weight: 700;}
table.form1 td {padding: 10px 100px;}
table.form1 tr:first-child td {padding-top: 20px;}
table.form1 td.th {text-align: left; padding: 10px 0; width: 200px;padding-left:100px;}
table.form1 td.phone > * {float: left;}
table.form1 td.phone span.bar {width: 5%; text-align: center; line-height: 50px;}
table.form1 input[type=text] {display: inline-block; width: 100%; height: 50px; box-sizing: border-box; background: #f9f9f9; border: 1px solid #dedede; padding: 0 10px; font: inherit; border-radius: 5px;}
table.form1 input[type=text].phone {width: 30%;}
table.form1 textarea {display: block; width: 100%; height: 200px; box-sizing: border-box; background: #f9f9f9; border: 1px solid #dedede; padding: 10px; font: inherit; border-radius: 5px;}
table.form1 + div.button-box {margin-top: 30px;}
table.form1 select {display: inline-block; width: 100%; height: 50px; box-sizing: border-box; background: #ffffff; border: 1px solid #eeeeee; padding-left: 20px; font: inherit; border-radius: 5px;}


#layer-mask {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 1000; display: none;}
#layer-mask.on {display: block;}
div.layer-popup {position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1001; display: none;}
#layer-mask.on + div.layer-popup {display: block;}
div.layer-popup div.slide p.image img {max-width: 960px; min-width: 500px;}
div.layer-popup p.control a.prev {position: absolute; left: 0; top: 0; width: 80px; text-align: center; height: 100%; opacity: 0.8; transition: opacity 0.3s;}
div.layer-popup p.control a.prev img {position: relative; top: 50%; transform: translate(0, -50%);}
div.layer-popup p.control a.next {position: absolute; right: 0; top: 0; width: 80px; text-align: center; height: 100%; opacity: 0.8; transition: opacity 0.3s;}
div.layer-popup p.control a.next img {position: relative; top: 50%; transform: translate(0, -50%);}
div.layer-popup p.control a.close {position: absolute; right: 0; top: -50px; opacity: 0.8; transition: opacity 0.3s;}
div.layer-popup p.control a.prev:hover,
div.layer-popup p.control a.next:hover,
div.layer-popup p.control a.close:hover {opacity: 1;}


/*
color guide

#1db6b7  lime(point color)
#35c0cc  lime(밝은색)
#fff15f  yellow
#f494a9  pink
#f5f4f9  (회색배경)
#ededed  border color (header)
#333333, #888888 (font color)
*/

/* 2020 01 수정*/
body.implant.excellence section > div.box {max-width: 1024px; margin: 0 auto; padding: 50px 0;}
body.implant.excellence section.knowhow {background: #ffffff;}
body.implant.excellence h3 {font-size: 24px; font-weight: 400; text-align: center; margin-bottom: 30px;}
body.implant.excellence h3 em {font-weight: 700;}
body.implant.excellence h4 {font-size: 22px; font-weight: 700; margin-bottom: 10px;}
body.implant.excellence p.title {font-size: 18px;}
body.implant.excellence p.title em {font-size: 22px; font-weight: 700; color: #1db6b7;}
body.implant.excellence section.knowhow div.content {overflow: hidden;}
body.implant.excellence section.knowhow p.title {float: left; margin-top: 20px;}
body.implant.excellence section.knowhow p.image {float: right; margin-right: 60px;}
body.implant.excellence section.knowhow ul.cert {text-align: center; margin: 40px 0;}
body.implant.excellence section.knowhow ul.cert li {display: inline-block; vertical-align: top;}
body.implant.excellence section.knowhow ul.cert li + li {margin-left: 100px;}
body.implant.excellence section.knowhow ul.cert li em {display: block; margin-top: 10px; line-height: 1.2em;}
body.implant.excellence section.knowhow p.paragraph {font-size: 16px;}
body.implant.excellence section.knowhow ul.process {position: relative; text-align: center; margin-top: 30px; }
body.implant.excellence section.knowhow ul.process li {display: inline-block; vertical-align: top; position: relative; width: 128px;}
body.implant.excellence section.knowhow ul.process li + li {margin-left: 46px;}
body.implant.excellence section.knowhow ul.process li img {width: 100%;}
body.implant.excellence section.knowhow ul.process li em {display: block; margin-top: 10px; line-height: 1.2em;}
body.implant.excellence section.knowhow ul.process:before {content: ''; position: absolute; left: 3%; top: 60px; width: 94%; height: 1px; background: #dadada;}
body.implant.excellence section.sla {background: #f9f9f9;}
body.implant.excellence section.sla div.content {overflow: hidden; margin: 50px 0;}
body.implant.excellence section.sla div.content p.paragraph {float: left; font-size: 16px; margin-right: 50px;}
body.implant.excellence section.sla div.content p.paragraph em {font-weight: 700;}
body.implant.excellence section.sla div.content p.image {float: left;}
body.implant.excellence section.sla div.content p.title {float: left; margin-right: 50px;}

/* 홍보센터 */
body.pr.seminar section.seminar {max-width: 1024px; margin: 0 auto; padding: 50px 0 80px 0;}
body.pr.seminar h3.title {font-size: 24px; text-align: center; margin-bottom: 30px; font-weight: 400;}
body.pr.seminar h3.title em {font-weight: 700;}
body.pr.seminar ul.seminar {overflow: hidden;}
body.pr.seminar ul.seminar li {float: left; font-size: 13px; color: #666666; margin-right: 47px; margin-bottom: 47px;}
body.pr.seminar ul.seminar li:nth-child(3n) {margin-right: 0;}
body.pr.seminar ul.seminar li a {display: block; width: 310px; height: 330px; box-sizing: border-box; border: 1px solid #f3f3f3; padding: 10px; transition: border-color 0.3s;}
body.pr.seminar ul.seminar li a:hover {border-color: #cccccc;}
body.pr.seminar ul.seminar li a > * {display: block;}
body.pr.seminar ul.seminar li a span.image {margin-bottom: 15px; overflow: hidden; height: 165px; position: relative;}
body.pr.seminar ul.seminar li a span.image img {min-height: 100%; min-width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
body.pr.seminar ul.seminar em.title {font-size: 15px; font-weight: 700; line-height: 24px; height: 48px; overflow: hidden; margin-bottom: 40px; color: #333333;}
body.pr.seminar ul.seminar span.datetime,
body.pr.seminar ul.seminar span.place {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
body.pr.seminar.apply #main section {background: #f9f9fe; padding: 50px 0;}
body.pr.seminar.apply #main section > div.box {background: #ffffff; border-radius: 5px; padding: 50px 110px 60px 110px; box-sizing: border-box;}
body.pr.seminar.apply #main section h3 {text-align: center; font-size: 30px;}
body.pr.seminar.apply #main section h3 + p {text-align: center; font-size: 16px; margin: 20px 0 40px 0;}
body.pr.seminar.apply div.button-box a.btn {min-width: 300px; border-radius: 5px;}

body.cowellnews section.content-box {max-width: 1024px; margin: 0 auto; padding: 50px 0 80px 0;}
body.cowellnews section.content-box h3.title {font-size: 24px; font-weight: 400; margin-bottom: 20px; text-align: center;}
body.cowellnews section.content-box h3.title em {font-weight: 700;}
body.cowellnews section.content-box div.board-view h3 {text-align: left; margin-bottom: 5px;}

body.video section.content-box {max-width: 1024px; margin: 0 auto; padding: 50px 0 80px 0;}
body.video section.content-box h3.title {font-size: 24px; font-weight: 400; margin-bottom: 20px; text-align: center;}
body.video section.content-box h3.title em {font-weight: 700;}
body.video section.content-box div.board-view h3 {text-align: left; margin-bottom: 5px;}

body.video ul.video {overflow: hidden;}
body.video ul.video li {float: left; margin: 0 40px 40px 0; font-size: 13px;}
body.video ul.video li:nth-child(4n) {margin-right: 0;}
body.video ul.video li a {display: block; width: 226px; height: 280px; box-sizing: border-box; border: 1px solid #f3f3f3; transition: border-color 0.3s; overflow: hidden; position: relative;}
body.video ul.video li a:hover {border-color: #cccccc;}
body.video ul.video li a > * {display: block;}
body.video ul.video li span.image {position: relative; height: 140px; overflow: hidden;}
body.video ul.video li span.image img {position: absolute; min-width: 100%; min-height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%);}
body.video ul.video li span.content {padding: 10px;}
body.video ul.video li span.content > * {display: block;}
body.video ul.video li span.content em.title {font-size: 14px; font-weight: 700; line-height: 22px; height: 44px; overflow: hidden;}
body.video ul.video li span.content span.date {color: #888888;}
body.video ul.video li span.content span.tag {position: absolute; left: 10px; bottom: 10px; color: #1db6b7; font-weight: 700;}
body.video ul.video li span.content span.tag i {position: relative; top: -2px; margin-left: 10px;}

body.conference section.content-box {max-width: 1024px; margin: 0 auto; padding: 50px 0 80px 0;}
body.conference section.content-box h3.title {font-size: 24px; font-weight: 400; margin-bottom: 20px; text-align: center;}
body.conference section.content-box h3.title em {font-weight: 700;}
body.conference section.content-box div.board-view h3 {text-align: left; margin-bottom: 5px;}
body.conference #main {background: #f9f9f9;}
body.conference ul.year-tab {display: table; width: 100%; table-layout: fixed; border-collapse: collapse;}
body.conference ul.year-tab li {display: table-cell; text-align: center; border: 1px solid #1db6b7; color: #1db6b7;}
body.conference ul.year-tab li a {display: block; line-height: 40px; font-size: 16px; font-weight: 400;}
body.conference ul.year-tab li.on a {background: #1db6b7; color: #ffffff; font-weight: 700;}
body.conference div.photo {margin: 40px 0; display: none;}
body.conference div.photo h3 {font-size: 20px; margin-bottom: 20px;}
body.conference div.photo ul.photo-list {overflow: hidden;}
body.conference div.photo ul.photo-list li {float: left; margin: 0 4px 4px 0;}
body.conference div.photo ul.photo-list li:nth-child(4n) {margin-right: 0;}
body.conference div.photo ul.photo-list li a {position: relative; display: block; width: 253px; height: 253px; overflow: hidden; overflow: hidden;}
body.conference div.photo ul.photo-list li a img {width: 100%; height: 100%;}

/* 2021.10.20  */
body.auth section.auth {max-width: 1024px; margin: 0 auto; padding: 50px 0 80px 0;}
body.auth section.auth h3 {font-size: 24px; text-align: center; margin-bottom: 20px;}
body.auth section.auth label.title {text-align: left; font-weight: 700; font-size: 22px; color:#35c0cc;}
body.auth section.auth table.form1 input::placeholder {color:#bbb;font-weight:400;}
input::-webkit-input-placeholder {
  color:#bbb;font-weight:400;
}
input:-ms-input-placeholder {
  color:#bbb;font-weight:400;
}