@charset 'utf-8';
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=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';}
span.narrow {letter-spacing: -1.5px;}
div.hidden {position: absolute; left: -9999px;}


/* common */
body {font-family: '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; z-index: 10000;}
#header-top {position: relative; height: 40px; background: #353535; color: #ffffff;}
#top-menu {position: absolute; right: 40px;}
#top-menu li {float: left; line-height: 40px;}
#top-menu li + li {margin-left: 40px;}
#header-bottom {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%);}
/* 202001
#gnb {position: absolute; left: 50%; width: 710px; transform: translate(-50%, 0); z-index: 100;}
#gnb > ul > li {float: left;}
#gnb > ul > li + li {margin-left: 60px;}
#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.product {padding: 0 70px;}
#gnb > ul > li > ul {position: absolute; top: 80px; padding-left: 20px; height: 0; color: #888888; font-size: 13px; overflow: hidden; transition: height 0.3s;}
#gnb > ul > li:first-child > ul {padding-left: 20px;}
#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.short > a {letter-spacing: -1.3px;}
#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:260px;padding: 0 1px;margin-top:-5px; } 

@media (min-width: 1251px) and (max-width: 1620px) {
#gnb {position: absolute; left: 35%; transform: translate(-35%, 0); z-index: 100;}
#gnb > ul > li + li {margin-left: 30px;}
#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: 1051px) and (max-width: 1250px) {
#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: 1050px) {
#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 5px; font-size: 15px; font-weight: 700; transition: color 0.3s;}
#gnb > ul > li:nth-child(1) {width:230px;margin-right:0;}
#gnb > ul > li:nth-child(2) {margin-left: 5px;}
}

#gnb > ul > li.on > a,
#gnb > ul > li > a:hover {color: #1db6b7;}
#gnb > ul > li > ul {text-align: center; top: 80px; height: 0; color: #000; padding-top:5px; font-size: 13px; overflow: hidden; transition: height 0.3s;}  /* 수정 202001 */
/*#gnb > ul > li:first-child > ul {padding-left: 20px;}*/
#header.open #gnb > ul > li > ul {height: 250px; 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.short > a {letter-spacing: -1.3px;}
#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; padding: 0 10px; 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:  300px;} /* 수정 202001 */
/*
@media screen and (max-width: 1350px) {
    #gnb {width: 650px;}
    #gnb > ul > li:first-child {margin-right: 30px;}
    #gnb > ul > li + li {margin-left: 10px;}
}
*/

#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 {position: relative; overflow: hidden;}
body.main #main section > div.box {position: relative; max-width: 1024px; margin: 0 auto; padding: 60px 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 #product div.product {overflow: hidden; border: 1px solid #d9dbe3; color: #666666; font-size: 14px; position: relative;}
body.main #product div.product > div {position: relative; box-sizing: border-box;}
body.main #product div.product div.left {float: left; width: 280px;}
body.main #product div.product div.left ul {border-right: 1px solid #d9dbe3;}
body.main #product div.product div.left ul li a {display: block; line-height: 52px; /*line-height: 80px; -> 50 2020.01, 50 ->  60 2020.04, 60-> 2020.08.28 */ padding-left: 10px; transition: all 0.3s;}
body.main #product div.product div.left ul li a:hover {background: #f9f9f9;}
body.main #product div.product div.left ul li.on a {color: #ffffff; background: #2bb6b7;}
body.main #product div.product div.left ul li + li {border-top: 1px solid #d9dbe3;}
body.main #product div.product div.center {float: left; width: 430px; text-align: center;}
body.main #product div.product div.center ul li {position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; padding-top: 100px; display: none;}
body.main #product div.product div.center ul li.on {display: block;}
body.main #product div.product div.center ul li p.image {margin-bottom: 40px;}
body.main #product div.product div.center ul li p.title {font-size: 16px; color: #2bb6b7; font-weight: 700;}
body.main #product div.product div.right {position: absolute; right: 0; top: 0; width: 310px; height: 100%; font-size: 12px;}
body.main #product div.product div.right dl dt {position: absolute; right: -9999px;}
body.main #product div.product div.right dl dd {display: none;}
body.main #product div.product div.right dl dt.on + dd {display: block;}
body.main #product div.product div.right dl dd {position: absolute; left: 0; top: 50%; width: 100%; transform: translate(0, -50%); box-sizing: border-box; padding-right: 30px;}
body.main #product div.product div.right dl dd ul li + li {border-top: 1px solid #dadada;}
body.main #product div.product div.right dl dd ul li a {display: block; line-height: 44px; position: relative; color: #888888;}
body.main #product div.product div.right dl dd ul li a:hover {color: #333333; transition: all 0.3s;}
body.main #product div.product div.right dl dd ul li a:after {content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: #2bb6b7; transition: width 0.3s;}
body.main #product div.product div.right dl dd ul li a:hover:after {width: 100%;}
body.main #product div.product div.right dl dd ul li a i {position: absolute; right: 0; top: 50%; transform: translate(0, -50%); font-size: 18px;}

body.main #link {background: #f6f6f6; text-align: center;}
body.main #link p.link {display: inline-block; vertical-align: top; margin-right: 100px; height: 200px; overflow: hidden;}
body.main #link div.board {display: inline-block; width: 500px; height: 200px; box-sizing: border-box; background: #ffffff; text-align: left; padding: 10px 20px; position: relative;}
body.main #link div.board h3 {font-size: 20px; font-weight: 700; margin-bottom: 15px;}
body.main #link div.board a.more {position: absolute; right: 30px; top: 10px; font-size: 20px; color: #cfcfcf; transition: color 0.3s;}
body.main #link div.board a.more:hover {color: #888888;}
body.main #link div.board ul {border-top: 1px solid #ecedf2;}
body.main #link div.board ul li {border-bottom: 1px solid #ecedf2;}
body.main #link div.board ul li a {display: block; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color 0.3s;}
body.main #link div.board ul li a:hover {color: #2bb6b7;}

/* 2020.04.09 메일링 추가*/
body.main section#mailing {padding:40px 0;}
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;}


/* 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;}
#lnb.auto > ul {table-layout: auto;}
#lnb.auto > ul > li > a {padding: 0 25px;}
#lnb.line2 > ul {display: block; max-width: 1024px; margin: 0 auto; text-align: center; overflow: hidden;}
#lnb.line2 > ul > li {display: block; float: left; width: 24%; box-sizing: border-box;}
#lnb.line2 > ul > li > a {line-height: 48px;}
#lnb.line2 > ul > li:nth-child(2n) {width: 26%;}
#lnb.line2 > ul > li:nth-child(4n-3) > a:before {content: ''; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); width: 1px; height: 24px; background: #dedede;}
#lnb.line2 sup {position: absolute; top: -5px;}

body.sub #main > section {background: #ffffff;}
body.sub #main > section.gray {background: #f9f9f9;}
body.sub #main > section > div.box {max-width: 1024px; margin: 0 auto; padding: 50px 0; overflow: hidden; position: relative;}


/* 로그인/회원가입 */
body.common #main > section {background: #f9f9fe; padding: 50px 0;}
body.common #main > section > div.box {max-width: 700px; box-sizing: border-box; padding: 80px 80px; background: #ffffff; border-radius: 5px;}
body.common.signup #main > section > div.box {padding: 40px;}
body.login section h3 {font-size: 28px; color: #1db6b7; margin-bottom: 60px;}
ul.login-form {font-size: 16px;}
ul.login-form li {position: relative;}
ul.login-form li + li {margin-top: 30px;}
ul.login-form li label:first-child {display: block; color: #888888; margin-bottom: 5px;}
ul.login-form li input[type=text],
ul.login-form li input[type=password] {width: 100%; height: 40px; box-sizing: border-box; border: none; border-bottom: 2px solid #dedede; font-size: 20px; color: #1db6b7; outline: none;}
ul.login-form li input + span {position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: #1db6b7; transition: width 0.3s;}
ul.login-form li input:focus + span {width: 100%;}
ul.login-form li input[type=checkbox] {margin: 0; width: 16px; height: 16px; margin-right: 10px; vertical-align: middle; position: relative; top: -2px;}
ul.login-form li input[type=checkbox] + label {margin-left: 5px;}
ul.login-form + div.button-box {margin: 70px 0 40px 0;}
ul.login-form + div.button-box a.btn {border: 2px solid #1db6b7; border-radius: 5px; color: #1db6b7;}
body.login ul.link {text-align: center; font-size: 16px;}
body.login ul.link li +  li {margin-top: 5px;}
body.login ul.link a {color: #1db6b7;}
body.login ul.link a:hover {text-decoration: underline;}
body.login button.btn.medium {box-sizing: border-box; border: 2px solid #1db6b7;  text-align: center; vertical-align: middle; transition: background 0.3s; min-width: 200px; height: 60px; line-height: 38px; font-size: 19px; color: #1db6b7; background-color:#fff; border-radius: 5px; font-weight:600;}

body.find section h3 {font-size: 20px; margin-bottom: 30px;}
body.find section div.button-box + h3 {margin-top: 60px;}
body.find ul.login-form + div.button-box {margin: 40px 0 0 0;}

body.signup section h3 {font-size: 28px; margin-bottom: 30px;}
body.signup ul.step {text-align: center; border-bottom: 1px solid #444444; font-size: 14px; padding-bottom: 30px; margin-bottom: 30px; position: relative;}
body.signup ul.step li {display: inline-block; width: 140px; height: 140px; box-sizing: border-box; border-radius: 100px; background: #ededed; vertical-align: top; padding-top: 33px; position: relative;}
body.signup ul.step li.on {background: #1db6b7; color: #ffffff;}
body.signup ul.step li + li {margin-left: 120px;}
body.signup ul.step li em {display: block;}
body.signup ul.step:before {content: ''; position: absolute; left: 20%; top: 60px; width: 60%; height: 2px; background: #ededed;}
body.signup div.regulation {border: 1px solid #d2d2d2; height: 280px; box-sizing: border-box; padding: 10px; overflow: auto; white-space: pre-line;}
body.signup p.agree {text-align: right; font-size: 18px; margin: 10px 0 50px 0;}
body.signup p.agree input {margin: 0; width: 16px; height: 16px; margin-right: 10px; vertical-align: middle;}
body.signup p.agree em {color: #ff1616;}
body.signup.step1 div.button-box a.btn {float: left; width: 49%; margin: 0;}
body.signup.step1 div.button-box a.btn + a.btn {margin-left: 2%;}
body.signup.step1 div.button-box a.btn.gray {background: #dedede; color: #ffffff; border-color: #dedede;}
body.signup.step2 table.signup td {line-height: 30px;}
body.signup.step3 div.content {margin: 70px 0 60px 0; text-align: center; font-size: 16px;}
body.signup.step3 div.content em {display: block; font-size: 30px; color: #dedede; margin-bottom: 40px;}

body.info section h3 {font-size: 28px; margin-bottom: 30px;}


/* 코웰메디 제품(신제품) */
body.product.new #main > section {max-width: 1024px; margin: 0 auto; position: relative; padding: 50px 0 80px 0;}
body.product.new h3.title {font-size: 24px; text-align: center; margin-bottom: 30px; font-weight: 400;}
body.product.new h3.title em {font-weight: 700;}

/* 코웰메디 제품(제품소개) */
body.product #main section.gray {background: #f6f6f6;}
body.product h3.main {font-size: 30px; color: #2bb6b7;}
body.product h3.main span {font-size: 14px; font-weight: 400; margin-left: 10px;}
body.product h3.main + p.desc {font-size: 18px; margin-top: 5px;}
body.product h4.num {font-size: 24px; margin: 40px 0 10px 0; font-weight: 400;}
body.product h4.num:first-child {margin-top: 0;}
body.product h4.num em {font-weight: 700;}
body.product h5.dot {position: relative; font-size: 18px; padding-left: 25px; margin: 25px 0 10px 0;}
body.product h5.dot:before {content: ''; position: absolute; left: 4px; top: 8px; width: 10px; height: 10px; background: #2bb6b7; border-radius: 10px;}
body.product h6 {font-size: 14px; margin: 0;}
body.product div.white-box {background: #ffffff; border: 1px solid #dddddd; padding: 20px; margin: 20px 0; font-size: 14px;}
body.product div.white-box ul.list {margin: 0;}
body.product ul.list {margin: 10px 0;}
body.product ul.list li {position: relative; padding-left: 16px;}
body.product ul.list li:before {content: ''; position: absolute; left: 0; top: 10px; width: 6px; height: 2px; background: #888888;}
body.product p.ref {text-align: right; margin-top: 15px; color: #888888;}
body.product ul.image {overflow: hidden; margin: 20px 0;}
body.product ul.image > li {float: left; margin-right: 40px;}
body.product ul.image > li.clear {clear: left;}
body.product ul.image span.image {display: block;}
body.product ul.image em {display: block; font-size: 16px; margin-bottom: 5px; font-weight: 700;}
body.product ul.image p.desc {font-size: 12px;}
body.product ul.image span.desc {display: block; color: #888888; text-align: center; margin-top: 5px;}
body.product ul.image.type1 span.image {margin-bottom: 10px;}
body.product ul.image.type1 em {display: inline-block; vertical-align: top; margin-right: 10px;}
body.product ul.image.type1 p.desc {display: inline-block; vertical-align: top;}
body.product div.content-box {margin: 20px 0;}
body.product div.content-box > div {display: inline-block; vertical-align: top;}
body.product table.content {table-layout: fixed; text-align: center; background: #ffffff;}
body.product table.content thead {background: #f7f7f7;}
body.product table.content th,
body.product table.content td {border: 2px solid #eeeeee; padding: 12px 20px;}
body.product table.content + p.table-desc {text-align: center; margin-top: 10px; color: #888888;}

body.product h4.sub-title {color: #2bb6b7; font-size: 24px; margin: 40px 0 15px 0;}
body.product h4.sub-title:first-child {margin-top: 0;}
body.product div.title {font-size: 18px; position: relative; padding-left: 90px; margin-right: 30px; margin-bottom: 30px;}
body.product div.title h4.sub-title {margin: 0;}
body.product div.title h4.sub-title + p.desc {color: #888888; margin-bottom: 20px;}
body.product div.title img {position: absolute; left: 0; top: 0;}
body.product div.title ul.list li:before {top: 14px;}
body.product h5.black {font-size: 18px; margin: 60px 0 10px 0; color: #333333;}
body.product h4.sub-title + h5 {margin-top: 10px;}
body.product h5.black:first-child {margin-top: 0;}
body.product h5.black span {font-weight: 400;}
body.product h5.black span.sub {display: block; font-size: 12px;}
body.product h5.black.bar {padding-bottom: 5px; border-bottom: 2px solid #333333;}
body.product div.image.center {text-align: center;}
body.product ol.list li {padding-left: 15px; text-indent: -15px;}
body.product ol.list.big {font-size: 18px;}

body.product.sla ul.image.line2 li {margin-bottom: 30px;}
body.product.sla div.content-box.result > div.left {margin-right: 140px;}
body.product.sla ul.image.relation li {margin-right: 60px;}
body.product.sla div.content-box.relation > div.left {margin-right: 80px;}

body.product.submerge h3.main {color: #3b85e4;}
body.product.submerge h4.sub-title {color: #3b85e4;}
body.product.submerge div.content-box div.title {width: 450px; margin-right: 30px;}

body.product.short h3.main {color: #619bda;}
body.product.short h4.sub-title {color: #619bda;}
body.product.short div.content-box div.title {width: 410px; margin-right: 15px;}
body.product.short section.white ul.image li:first-child {margin-right: 50px; margin-bottom: 30px;}
body.product.short ul.image.two li {display: inline-block; float: none; vertical-align: middle;}
body.product.short ul.image.two li:first-child {margin-right: 15px;}
body.product.short ul.image.narrow li {margin: 0;}
body.product.short ul.image.narrow li + li {margin-left: 30px;}

body.product.narrow h3.main {color: #469497;}
body.product.narrow h4.sub-title {color: #469497;}
body.product.narrow p.type {color: #999; font-weight: bold;padding-top:10px;}
body.product.narrow div.content-box div.title {width: 500px; margin-right: 30px;}
body.product.narrow ul.image.two li {display: inline-block; float: none; vertical-align: middle;}
body.product.narrow ul.image.two li:first-child {margin-right: 20px;}

body.product.internal h3.main {color: #f58c0d;}
body.product.internal h4.sub-title {color: #f58c0d;}
body.product.internal div.content-box div.title {width: 420px; margin-right: 30px;}
body.product.internal div.image img.nomount { margin-right:50px;margin-top: 20px; }

body.product.external h3.main {color: #8cbf00;}
body.product.external h4.sub-title {color: #8cbf00;}
body.product.external div.content-box div.title {width: 450px; margin-right: 30px;}
body.product.external div.image img.premount { margin-right:50px;margin-top: 20px; }

body.product.surgical h3.main {color: #3579cc;}
body.product.surgical h4.sub-title {color: #3579cc;}
body.product.surgical div.right h5.black {margin:30px 0 10px 0; }
body.product.surgical div.right h5.black:first-child{margin-top: 0;}
body.product.surgical div.content-box div.title {width: 460px; margin-right: 30px;}
body.product.surgical div.content-box.kit div.left {margin-right: 50px;}
body.product.surgical div.content-box.kit div.right h5.black {margin-bottom: 0px;}
body.product.surgical div.content-box.kit div.right p.paragraph {margin: 5px 0 15px 0;}

body.product.mini h3.main {color: #f379ae;}
body.product.mini h4.sub-title {color: #f379ae; margin-top: 30px;}
body.product.mini div.image {margin: 20px 0;}
body.product.mini span.socket {margin-top: 20px;}
body.product.mini ul.image li + li {margin-left: 50px;}
body.product.mini div.content-box div.left {margin-right: 50px;}
body.product.mini div.content-box div.titlezero {margin:0; padding: 0;}
body.product.mini div.content-box ul.list {margin-bottom: 50px;}
body.product.mini div.content-box span.type {font-size: 18px; font-weight: 500;}
body.product.mini div.socketbox{padding-top: 30px;;}
body.product.mini div.socketbox div.right li.list{margin-bottom: 0;}
body.product.mini p.image.kit {margin: 30px 0 0 50px;}
/* body.product.mini ul.image.drill li + li {margin-left: 40px;} */
body.product.mini p.caution {font-weight: bold;}
body.product.mini h5.impression {margin: 50px 0 10px 0;}
body.product.mini div.content-box ul.analog {margin-bottom: 20px;}

body.product.mfs div.content-box {margin: 30px 0;}
body.product.mfs h3.main {color: #92af2b;}
body.product.mfs h4.sub-title {color: #92af2b;}
body.product.mfs div.content-box > div.left {width: 480px; margin-right: 20px;}
body.product.mfs div.content-box.short > div.left {width: 410px;}
body.product.mfs ol {margin-left: 15px;}
body.product.mfs ul.image li {margin-right: 60px;}
body.product.mfs ul.caution {margin-top: 30px;}
body.product.mfs div.image {margin: 10px 0 20px 0;}
body.product.mfs p.paragraph + div.image {margin: 0 0 20px 0;}


body.product.mfr h3.main {color: #37b2cd;}
body.product.mfr h4.sub-title {color: #37b2cd;}
body.product.mfr div.image {margin: 20px 0;}
body.product.mfr ul.caution {color: #888888;}
body.product.mfr p.caution {color: #888888; margin-top: 30px;}
body.product.mfr div.content-box > div.left {width: 480px; margin-right: 20px;}
body.product.mfr div.content-box p.image + p.image {margin-top: 20px;}
body.product.mfr ul.caution {margin-top: 30px;}
body.product.mfr ul.caution li {padding-left: 17px; text-indent: -17px;}

body.product.multi h3.main {color: #007e66;}
body.product.multi h4.sub-title {color: #007e66;}
body.product.multi div.image {margin: 20px 0;}
body.product.multi div.content-box {margin-bottom: 40px;}
body.product.multi div.content-box div.left {width: 480px; margin-right: 20px;}
body.product.multi div.content-box p.desc {color: #999999; padding-left: 10px; text-indent: -10px;}

body.product.trephine h3.main {color: #f8aa04;}
body.product.trephine h3.main + p.desc {padding-left: 10px; text-indent: -10px;}
body.product.trephine h4.sub-title {color: #f8aa04;}
body.product.trephine h4.sub-title span {font-size: 12px; font-weight: 400; margin-left: 5px;}
body.product.trephine div.image {margin: 20px 0;}

body.product.guide h3.main {color: #7085a2;}
body.product.guide h4.sub-title {color: #7085a2;}
body.product.guide ul.list.big {font-size: 18px;}
body.product.guide ul.list.big li:before {top: 14px;}
body.product.guide div.image {margin: 20px 0;}
body.product.guide div.content-box {position: relative;}
body.product.guide div.content-box div.left {margin-right: 20px;}
body.product.guide div.content-box.title div.left {width: 480px;}
body.product.guide h5.red {font-size: 13px; color: #ffffff; background: #e80909; line-height: 24px; font-weight: 700; border-radius: 20px; width: 100px; text-align: center; margin-bottom: 20px;}
body.product.guide ul.usage {overflow: hidden; margin-top: 40px;}
body.product.guide ul.usage li {float: left; margin: 0 30px 30px 0; width: calc(50% - 15px);}
body.product.guide ul.usage li:nth-child(2n) {margin-right: 0;}
body.product.guide ul.usage li.full {width: 100%;}
body.product.guide ul.usage li > em {display: block; line-height: 30px; height: 40px; font-weight: 700;}
body.product.guide ul.usage li span.image {display: block;}
body.product.guide ul.usage li span.image img {max-width: 100%;}
body.product.guide ul.usage li > p {margin-bottom: 10px;}
body.product.guide ul.usage li > p > em {display: block; font-weight: 700;}
body.product.guide div.image.desc p.desc {display: inline-block; vertical-align: bottom; color: #888888; margin-left: 20px; font-size: 13px;}
body.product.guide ol.list.bottom {position: absolute; bottom: 0;}
body.product.guide ul.image.drill li {margin-right: 60px;}
body.product.guide div.left p.caution {margin-top: 30px;}

body.product.extraction h3.main {color: #bf82a8;}
body.product.extraction h4.sub-title {color: #bf82a8;}
body.product.extraction div.image {margin: 20px 0;}
body.product.extraction div.content-box.big div.left {margin-right: 50px;}
body.product.extraction div.content-box.big h5.black {margin: 10px 0 0 0;}
body.product.extraction div.content-box.big h5.black:first-child {margin-top: 0;}
body.product.extraction div.content-box.big ul.list {font-size: 18px; margin: 0;}
body.product.extraction div.content-box.big ul.list li:before {top: 14px;}
body.product.extraction ul.image.three li:last-child {margin-top: 30px;}
body.product.extraction div.content-box div.left {margin-right: 30px;}
body.product.extraction h6.red {font-size: 13px; color: #ffffff; background: #e80909; line-height: 24px; font-weight: 700; border-radius: 20px; width: 100px; text-align: center; margin-bottom: 15px; margin-top: 30px;}
body.product.extraction h6.red:first-child {margin-top: 0;}
body.product.extraction ul.image.arrow {background: url(/doctor/eng/img/icon_right.png) center center no-repeat;}
body.product.extraction ul.image.arrow li {margin: 0;}
body.product.extraction ul.image.arrow li + li {margin-left: 60px;}
body.product.extraction div.content-box ul.image {margin: 0;}
body.product.extraction div.content-box ul.image li {margin: 0;}
body.product.extraction div.content-box ul.image li + li {margin-left: 30px;}
body.product.extraction div.content-box ul.image li p {margin-top: 5px;}

body.product.bone h3.main {color: #d49c3f;}
body.product.bone h4.sub-title {color: #d49c3f;}
body.product.bone section:first-child div.box {background: url(/doctor/eng/img/product_kit_bone_bg.png) right center no-repeat;}
body.product.bone ul.image.make li {margin: 0;}
body.product.bone ul.image.make li + li {margin-left: 20px;}
body.product.bone div.content-box.make div.left {margin-right: 50px;}
body.product.bone p.big {font-size: 18px;}
body.product.bone div.image {margin: 20px 0;}
body.product.bone ul.image.use li {margin: 0 48px 15px 0;}
body.product.bone ul.image.use li:nth-child(5n) {margin-right: 0;}
body.product.bone ul.image.use li p.desc {height: 110px; line-height: 16px; overflow: hidden; margin-top: 8px;}
body.product.bone ul.image.grab {margin-bottom: 50px;}
body.product.bone ul.image.grab li {background: #ffffff; border: 1px solid #eeeeee; padding: 15px; margin: 0;}
body.product.bone ul.image.grab li + li {margin-left: 60px;}
body.product.bone ul.image.grab li em {display: block; margin-bottom: 10px;}
body.product.bone ul.image.grab li em img {margin-right: 10px; vertical-align: middle;}
body.product.bone ul.image.grab li p {margin-top: 10px;}
body.product.bone ul.image.seperate li p {margin-top: 10px;}
body.product.bone h6.red {font-size: 13px; color: #ffffff; background: #e80909; line-height: 24px; font-weight: 700; border-radius: 20px; width: 100px; text-align: center; margin-bottom: 15px;}
body.product.bone ul.image.caution > li {border: 1px solid #dddddd; padding: 20px; margin: 0;}
body.product.bone ul.image.caution > li span.image {display: block; text-align: center;}
body.product.bone ul.image.caution > li + li {margin-left: 10px;}
body.product.bone ul.image.caution ul.list {height: 90px;}
body.product.bone div.content-box.wash div.left {margin-right: 100px;}
body.product.bone div.content-box.wash h6 {margin: 20px 0 5px 0;}
body.product.bone div.content-box.wash h6:first-child {margin-top: 0;}

body.product.bmp h3.main {color: #18a0e1;}
body.product.bmp h4.sub-title {color: #18a0e1;}
body.product.bmp h3 + h4.sub-title {margin-top: 20px;}
body.product.bmp div.image {margin: 20px 0;}
body.product.bmp ul.list.big {font-size: 18px;}
body.product.bmp ul.list.big > li:before {top: 14px;}
body.product.bmp h6.box-title {width: 200px; height: 42px; box-sizing: border-box; border: 2px solid #d2d2d2; border-radius: 10px; text-align: center; line-height: 38px; font-size: 18px; font-weight: 700; color: #999999; text-align: center;}
body.product.bmp div.content-box div.left {margin-right: 60px;}
body.product.bmp ul.list.cell > li + li {margin-top: 15px;}
body.product.bmp table.small th,
body.product.bmp table.small td {padding: 5px 20px;}
body.product.bmp p.caution {color: #999999;}
body.product.bmp ul.box4 {overflow: hidden; padding: 30px 30px 10px 30px; border: 1px solid #f6f6f6;}
body.product.bmp ul.box4 li {float: left; width: 50%; text-align: center; margin-bottom: 30px;}
body.product.bmp ul.box4 li p.desc {height: 40px; line-height: 20px;}
body.product.bmp ul.box6 {overflow: hidden; padding: 30px 30px 1px 30px; border: 1px solid #f6f6f6;}
body.product.bmp ul.box6 li {float: left; width: 33%; text-align: center; margin-bottom: 30px;}
body.product.bmp ul.box6 li p.desc {height: 80px; line-height: 20px;}
body.product.bmp div.ref {width: 900px; color: #888888; margin-top: 20px;}
body.product.bmp div.ref p.ref {margin-right: 200px; margin-top: 5px;}
body.product.bmp table.content.full {width: 100%; margin: 20px 0 10px 0;}
body.product.bmp table.content.full + p.paragraph {margin-bottom: 20px;}

body.product.cap h3.main {color: #f26860;}
body.product.cap h4.sub-title {color: #f26860;}
body.product.cap h4.sub-title.black {color: #333333;}
body.product.cap p.paragraph {font-size: 18px;}
body.product.cap div.image {margin: 20px 0;}
body.product.cap div.content-box div.left {margin-right: 60px;}
body.product.cap div.content-box.inno div.left {margin-right: 100px;}
body.product.cap div.content-box.inno p.paragraph {margin: 10px 0;}
body.product.cap table.full {margin: 20px 0; width: 100%;}
body.product.cap table.full th {background: #f2f2f2;}
body.product.cap h6.table {font-size: 18px; margin: 30px 0 10px 0; color: #f26860;}
body.product.cap h6.table + table {width: 600px;}

body.product.oss h3.main {color: #ed377d;}
body.product.oss h4.sub-title {color: #ed377d;}
body.product.oss h4.sub-title.black {color: #333333;}
body.product.oss ul.list{font-size: 18px;}
body.product.oss ul.list li +  li {margin-top: 10px;}
body.product.oss ul.list span {color: #ed377d;}
body.product.oss section:first-child div.box {background: url(/doctor/eng/img/INNO-OSS_01.png) right center no-repeat;}
body.product.oss div.content-box div.left {margin-right: 100px;}
body.product.oss div.content-box div.right h4 {margin-bottom: 15px;}
body.product.oss div.content-box div.right table.content {width: 600px;}
body.product.oss ul.image {position: relative;}
body.product.oss ul.image:before {content: ''; position: absolute; left: 10%; top: 92px; width: 80%; height: 2px; background: #fcb040;}
body.product.oss ul.image li {width: 25%; text-align: center; margin: 0; position: relative;}
body.product.oss ul.image li em {font-size: 16px; font-weight: 500; margin-top: 10px;}

body.product.derm h3.main {color: #288c2b;}
body.product.derm h4.sub-title {color: #288c2b;}
body.product.derm h4.sub-title.black {color: #333333;}
body.product.derm h4.sub-title span {font-weight: 400; font-size: 16px;}
body.product.derm h4.sub-title span.normal {font-weight: 400; font-size: 24px;}
body.product.derm ul.list{font-size: 18px;}
body.product.derm ul.list li +  li {margin-top: 10px;}
body.product.derm section:first-child div.box {background: url(/doctor/eng/img/product_solution_derm_bg.jpg) right 70% no-repeat;}
body.product.derm div.content-box div.left {margin-right: 100px;}
/*body.product.derm div.content-box div.right h4 {margin-bottom: 50px;}*/
body.product.derm div.content-box div.right table.content {width: 600px;}
body.product.derm ul.list.check li {background: url(/doctor/eng/img/icon_list_check.png) 0 2px no-repeat; padding-left: 25px;}
body.product.derm ul.list.check li:before {display: none;}
body.product.derm ul.image.three li {margin-right: 60px;}

body.product.diabone h3.main {color: #7a9e1a;}
body.product.diabone h4.sub-title {color: #7a9e1a;}
body.product.diabone h3 + h4.sub-title {margin-top: 10px;}
body.product.diabone #main section:first-child div.box {background: url(/doctor/eng/img/product_solution_diabone_bg.png) 82% 80px no-repeat;}
body.product.diabone div.image {margin: 20px 0;}
body.product.diabone ul.list.big {font-size: 18px;}
body.product.diabone ul.list.big > li:before {top: 14px;}
body.product.diabone div.content-box div.left {margin-right: 30px;}
body.product.diabone ul.image.first > li {margin: 0;}
body.product.diabone ul.image.first > li + li {margin-left: 30px;}
body.product.diabone ul.image > li p {margin-top: 10px; text-align: center;}
body.product.diabone table th,
body.product.diabone table td {padding: 5px 20px;}

body.product.diaderm h3.main {color: #748738;}
body.product.diaderm h4.sub-title {color: #748738;}
body.product.diaderm h3 + h4.sub-title {margin-top: 10px;}
body.product.diaderm #main section:first-child div.box {background: url(/doctor/eng/img/product_solution_diaderm_bg.png) 98% center no-repeat;}
body.product.diaderm div.image {margin: 20px 0;}
body.product.diaderm ul.list.big {font-size: 18px;}
body.product.diaderm ul.list.big > li:before {top: 14px;}

body.product.boss h3.main {color: #8a6730;}
body.product.boss h4.sub-title {color: #8a6730;}
body.product.boss p.desc + h4.sub-title {margin-top: 20px;}
body.product.boss h4.sub-title.black {color: #333333;}
body.product.boss div.image {margin: 20px 0;}
body.product.boss h5.black.color {color: #8a6730;}
body.product.boss h5.black.color span.block {display: block; color: #333333;}
body.product.boss div.content-box div.left {margin-right: 40px;}
body.product.boss ul.image.product li {margin: 0;}
body.product.boss ul.image.product li + li {margin-left: 100px;}
body.product.boss ul.image.product p.text {height: 40px; line-height: 20px; margin-bottom: 10px;}
body.product.boss ul.image.product p.desc {text-align: right; color: #888888;}
body.product.boss ul.image.use li {width: 220px; margin: 0 48px 20px 0;}
body.product.boss ul.image.use li:nth-child(4n) {margin-right: 0;}
body.product.boss ul.image.use p {margin-top: 5px;}
body.product.boss ul.image.use p span.sub {display: block; color: #999999;}
body.product.boss ul.image.product2 li {margin: 0;}
body.product.boss ul.image.product2 li + li {margin-left: 20px;}
body.product.boss ul.image.product2 p.text {height: 40px; line-height: 20px; margin-bottom: 10px;}
body.product.boss ul.list.big {font-size: 18px;}
body.product.boss ul.list.big > li:before {top: 14px;}
body.product.boss div.box.bg {background: url(/doctor/eng/img/product_solution_boss_bg.jpg) right center no-repeat;}


/* 코웰메디 제품(카탈로그) 2019 02 27 추가 */
body.product.catalog #main > section {max-width: 1024px; margin: 0 auto; position: relative; padding: 50px 0 80px 0;}
body.product.catalog h3.title {font-size: 24px; text-align: center; margin-bottom: 30px; font-weight: 400;}
body.product.catalog h3.title em {font-weight: 700;}

body.product.catalog section.catalog {max-width: 1024px; margin: 0 auto; padding: 50px 0 80px 0;}
body.product.catalog ul.catalog {overflow: hidden;}
body.product.catalog ul.catalog li {float: left; font-size: 13px; color: #666666; margin-right:32px; margin-bottom: 40px; width:320px;}
body.product.catalog ul.catalog li:nth-child(3n) {margin-right: 0;}
body.product.catalog ul.catalog li a {display: block; width: 320px; height: 170px; box-sizing: border-box;  padding: 0; transition: border-color 0.3s;}
body.product.catalog ul.catalog li a:hover {border-color: #cccccc;}
body.product.catalog ul.catalog li a > * {display: block;}
body.product.catalog ul.catalog li a span.image {margin-bottom: 15px; overflow: hidden; height: 170px;width:120px; position: relative;}
body.product.catalog ul.catalog li a span.image img {min-height: 100%; /* min-width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); */}
body.product.catalog ul.catalog em.class {display: block;font-size: 15px; font-weight: 400; line-height: 15px; overflow: hidden;padding:0;margin:0; margin-bottom: 20px; color: #2bb6b7;}
body.product.catalog ul.catalog span.title {display: block;overflow: hidden; text-overflow: ellipsis;margin-bottom: 10px; color: #666666; font-weight:bold;}
body.product.catalog ul.catalog li ul li{position: absolute;float: left; font-size: 15px; padding:0;margin:0; width:120px;}
body.product.catalog ul.catalog li ul li:nth-child(2n){float: left; font-size: 15px; padding:0;margin:0; padding-left:130px;width:200px;}
body.product.catalog ul.table-tab li:nth-of-type(5) {border: 1px solid #e1e1e8;}  /* add 20191226 */

/* reid 20191226 */
body.reid strong em {color:#19bcb9;}
body.reid h3.title em {font-weight: 700;}
body.reid  #main > section > div.box {padding: 30px 0 0px 0;}
body.reid section.channel {padding: 10px 0 30px 0;text-align: center;}
body.reid section.channel ul.guide {overflow: hidden; font-size: 14px;}
body.reid section.channel ul.guide li {float: left; }
body.reid section.channel ul.guide.ios li {margin-right: 70px;}
body.reid section.channel ul.guide li:nth-of-type(1) {width:181px;margin-left:10px;margin-right: 14px;}
body.reid section.channel ul.guide li:nth-of-type(2) {width:810px;margin-top:10px;}
body.reid section.channel ul.guide li p {text-align: left;}
body.reid section.channel1 {padding: 10px 0 100px 0;text-align: center;}

/* E cowellmedi */
body.ecowell h3.title {font-size: 28px; font-weight: 400; float: left; margin-top: 50px;}
body.ecowell h3.title em {font-weight: 700;}
body.ecowell section.channel p.link {float: right;}
body.ecowell section.guide h3.ribbon {width: 600px; line-height: 55px; margin: 0 auto; background: url(/doctor/eng/img/ecowell_title_bg.png) center center no-repeat; color: #ffffff; font-size: 24px; text-align: center; font-weight: 400; margin-bottom: 30px;}
body.ecowell section.guide h3.ribbon em {font-weight: 700;}
body.ecowell section.guide h4 {font-size: 22px; margin-bottom: 20px; margin-top: 50px;}
body.ecowell section.guide h4 img {vertical-align: middle; margin-right: 10px; position: relative; top: -2px;}
body.ecowell section.guide ul.screen {overflow: hidden; font-size: 16px;}
body.ecowell section.guide ul.screen li {float: left; margin-bottom: 40px; margin-right: 50px;}
body.ecowell section.guide ul.screen.ios li {margin-right: 70px;}
body.ecowell section.guide ul.screen li:nth-child(3n) {margin-right: 0;}
body.ecowell section.guide ul.screen li span.image {display: block; margin-bottom: 10px;}
body.ecowell section.guide ul.screen li em {display: block; text-indent: -16px; padding-left: 16px;}


/* 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.seminar.apply #main section {background: #f9f9fe; padding: 50px 0;}
body.event.seminar.apply #main section > div.box {background: #ffffff; border-radius: 5px; padding: 50px 110px 60px 110px; box-sizing: border-box;}
body.event.seminar.apply #main section h3 {text-align: center; font-size: 30px;}
body.event.seminar.apply #main section h3 + p {text-align: center; font-size: 16px; margin: 20px 0 40px 0;}
body.event.seminar.apply div.button-box a.btn {min-width: 300px; border-radius: 5px;}


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: 24px; font-weight: 400; margin-bottom: 20px; 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.video.list div.button-box a.btn {height: 42px; line-height: 40px;}

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;}

ul.table-tab {display: table; width: 100%; box-sizing: border-box; border-collapse: collapse; table-layout: fixed; margin: 40px 0;}
ul.table-tab li {display: table-cell; border: 1px solid #e1e1e8; text-align: center;}
ul.table-tab li a {display: block; line-height: 48px; background: #f9f9f9;}
ul.table-tab li.on a {color: #ffffff; background: #2bb6b7;}

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 p.tag {color: #888888; font-size: 14px; margin-bottom: 5px;}
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.bigNormal {min-width: 120px; height: 60px; line-height: 58px; font-size: 20px;}
.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 *::placeholder {color: #aaaaaa;}
table.form td {padding: 20px 20px; border-bottom: 1px solid #dcdcdc;}
table.form tr:first-child td {padding-top: 20px;}
table.form td.th {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: #ffffff; border: 1px solid #eeeeee; padding: 0 20px; font: inherit; border-radius: 5px;}
table.form input[type=text].phone {width: 30%;}
table.form 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;}
table.form select + select {margin-top: 20px;}
table.form textarea {display: block; width: 100%; height: 200px; box-sizing: border-box; background: #ffffff; border: 1px solid #eeeeee; padding: 10px; font: inherit; border-radius: 5px;}
table.form + div.button-box {margin-top: 30px;}

table.signup {width: 100%; font-size: 16px; font-weight: 700;}
table.signup *::placeholder {color: #aaaaaa;}
table.signup td {padding: 10px 0; line-height: 50px;}
table.signup td.th {width: 160px;}
table.signup td.phone > * {float: left;}
table.signup td.phone span.bar {width: 5%; text-align: center; line-height: 50px;}
table.signup td.license > * {float: left;}
table.signup td.license input.text {width: 70%;}
table.signup td.license a.btn {width: 25%; margin-left: 5%; height: 50px; line-height: 50px; background: #eeeeee; border: 1px solid #dedede; font-size: 16px;}
table.signup input.text {display: inline-block; width: 100%; height: 50px; box-sizing: border-box; background: #f9f9f9; border: 1px solid #dedede; padding: 0 20px; font: inherit; border-radius: 5px;}
table.signup input.phone {width: 30%;}
table.signup 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;}
table.signup textarea {display: block; width: 100%; height: 200px; box-sizing: border-box; background: #ffffff; border: 1px solid #eeeeee; padding: 10px; font: inherit; border-radius: 5px;}
table.signup ul.input-list {overflow: hidden;}
table.signup ul.input-list li {float: left; margin-right: 50px; line-height: 50px;}
table.signup ul.input-list li input {width: 16px; height: 16px; margin: 0; margin-right: 10px; vertical-align: middle;}
table.signup + div.button-box {margin-top: 60px;}

/* 2022.09.13 추가*/
body.signup p.all_agree {text-align: left; font-size: 16px; margin: 30px 0 0 0;line-height: 30px;}

#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.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%;}

/* award */
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 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: 36px; 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: 20px;}
body.news.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 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.sub.center #main > section > div.box {padding: 0;}
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 {margin:0;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;}

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: 90px;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;}

/* digital 
#lnb.3th > ul > li {width: 33%;}
*/
body.digital h3.main {color: #f39200;}
body.digital h4.sub-title {color: #333;}  /*2020.07.30*/
body.product.digital.plus div.cont-box {padding:20px; border:2px solid #ded4c3; max-width: 950px;margin-bottom:20px; }
body.product.digital.plus div.cont-box > div {display: inline-block; vertical-align: top;}
body.product.digital.plus div.cont-box div.left {float: left; width: 60px;height: 100%;}
body.product.digital.plus div.cont-box div.right {right: 0; width: 850px; height: 100%; font-size: 14px;}
body.product.digital.plus div.cont-box div.right p{font-size: 18px;}
body.product.digital.plus div.cont-box div.right h5.black {margin-top:0;}
body.product.plus div.title {padding-left: 0px;}
body.product.plus div.title .desc{color: #999;}
body.product.plus div.image img {margin-bottom: 20px;}

body.product.lodestar h5.italic {font-style:italic;font-size: 18px; margin: 20px 0 10px 0; color: #333333;font-family: 'Noto Serif KR';}
body.product.lodestar h5 span {background:#959595;padding:3px 10px 3px 5px; color:#fff;}
body.product.lodestar p.red {color:#b61313; margin-top:30px; font-size:bold;}
body.product.lodestar p.b_purple {background:#bb85ba; display:inline-block; color:#fff; padding:5px;}
body.product.lodestar p.b_green {background:#22b3a4; display:inline-block; color:#fff; padding:5px;margin-top:20px;}
body.product.lodestar p span{color:#666;}
body.product.lodestar div.title {padding-left: 0px;}
body.product.lodestar div.title .desc{color: #999;}
body.product.lodestar div.image {margin:0 0 20px 0;}

body.product.digital.digital div.title {padding-left: 0px;}
body.product.digital.digital p.left {margin-left:263px;}
body.product.digital.digital div.content-box div.left {float: left; width: 263px; }
body.product.digital.digital div.content-box div.right {right: 0; width: 650px; height: 100%; font-size: 14px;}
/*body.product.digital.digital div.content-box div.right img:first-child {margin-top:50px;}*/
body.product.digital.digital div.image {margin:3px 0 10px 0;}
body.product.digital.digital h5.black {margin: 30px 0 10px 0; color: #333333;}
body.product.digital.digital h3.main {color: #f39200;}

/* 2020.03.31 */
body.product.lift h3.main {color: #a19589;}
body.product.lift div.title {padding-left: 0px;}
body.product.lift h4.sub-title {color: #a19589;}
body.product.lift h4.sub-title span{color: #999;font-weight:400;font-size:20px;}
body.product.lift h4.sub-title1 {color: #666;font-size: 24px; margin: 25px 0 5px 0;}
body.product.lift h4.sub-title1 span{color: #999;font-weight:400;font-size:20px;}
body.product.lift h4.sub-title2 {color: #81a7a7;font-size: 24px; margin: 25px 0 5px 0;}
body.product.lift h4.sub-title2 span{color: #999;font-weight:400;font-size:20px;}
body.product.lift h5.gold{font-size: 18px; margin: 10px 0 10px 0; color: #a19589;}
body.product h4.sub-title1 + h5 {margin-top: 10px;}
body.product.lift h6.red {display:inline-block; font-size: 13px; color: #ffffff; background: #f13333; line-height: 24px; font-weight: 700; text-align: center;  margin-top: 25px; padding:2px 10px;}
body.product.lift p.caution {color: #999; margin-top: 30px;}
body.product.lift p.desc {color: #888888; }
body.product.lift div.image {margin: 20px 0;}

body.product.autobone h3.main {color: #d758a5;}
body.product.autobone div.title {padding-left: 0px;}
body.product.autobone h4.sub-title {color: #d758a5;}
body.product.autobone h4.sub-title span{color: #999;font-weight:400;font-size:20px;}
body.product.autobone h4.sub-title1 {color: #666;font-size: 24px; margin: 25px 0 5px 0;}
body.product.autobone h4.sub-title1 span{color: #999;font-weight:400;font-size:20px;}
body.product.autobone h4.sub-title2 {color: #22bcb8;font-size: 24px; margin: 25px 0 5px 0;}
body.product.autobone h4.sub-title2 span{color: #999;font-weight:400;font-size:20px;}
body.product.autobone h5{font-size: 18px; font-size:400;}
body.product.autobone p.caution {color: #999; margin-top: 30px;}
/*body.product.autobone .bar {padding-top:40px;padding-bottom: 5px; border-bottom: 2px solid #f6f6f6;}*/
body.product.autobone div.image {margin: 20px 0 50px 0;}
body.product.autobone ul.image.product li {float: left; margin: 0;  width:290px;}
body.product.autobone ul.image.product li + li {margin-left: 20px;}
body.product.autobone ul.image.product p.text {height: 40px; line-height: 20px; padding:5px 10px;}
body.product.autobone ul.image.product p.desc {text-align: right; color: #888888;}
body.product.autobone ul.image.product1 li {float: left; margin: 0;  background: #ebebeb; width:290px; margin-bottom:30px;}
body.product.autobone ul.image.product1 li + li {margin-left: 30px;}
body.product.autobone ul.image.product1 li:nth-child(4)  {margin-left: 0px;}
body.product.autobone ul.image.product1 li:nth-child(7)  {margin-left: 0px;}
body.product.autobone ul.image.product1 p.text {height: 70px; line-height: 20px; padding:5px 10px;}
body.product.autobone ul.image.product1 p.desc {text-align: right; color: #888888;}
body.product.autobone div.cont-box {max-width: 950px;margin-bottom:20px; }
body.product.autobone div.cont-box > div {display: inline-block; vertical-align: top;}
body.product.autobone div.cont-box div.left {float: left; padding:0; width: 350px;height: 100%; }
body.product.autobone div.cont-box div.right {right: 0; padding:0;  width: 450px; height: 100%; font-size: 14px; }
body.product.autobone div.cont-box div.right p{font-size: 18px;}
body.product.autobone div.cont-box div.right h5.black {margin-top:0;}
body.product.autobone div.cont-box div.left1 {float: left; padding:0;  width: 620px;height: 100%; margin-right:30px; }
body.product.autobone div.cont-box div.right1 {right: 0; padding:0;  width: 300px; height: 100%; font-size: 14px; }
body.product.autobone div.cont-box > div .image {margin:0;padding:0;}

body.product.ao4 h3.main {color: #177fbc;}
body.product.ao4 div.title {padding-left: 0px;}
body.product.ao4 h4.sub-title {color: #177fbc;}
body.product.ao4 h4.sub-title span{color: #999;font-weight:400;font-size:20px;}
body.product.ao4 h4.sub-title1 {color: #666;font-size: 24px; margin: 25px 0 5px 0;}
body.product.ao4 h4.sub-title1 span{color: #999;font-weight:400;font-size:20px;}
body.product.ao4 h6 {margin-top:30px;}
body.product.ao4 ul.image.product li {float: left; margin: 0;  width:280px; margin-left: 45px;}
body.product.ao4 ul.image.product li:nth-child(1)  {margin-left:0px;}
body.product.ao4 ul.image.product li:nth-child(2)  {width: 65px;padding-top:15px;}
body.product.ao4 ul.image.product li:nth-child(3)  {width: 500px; margin-left: 55px;padding-top:15px;}
body.product.ao4 ul.image.product li h6 {margin-top:0px;}
body.product.ao4 p.caution {color: #999; margin-top:0px;font-size:12px;}
body.product.ao4 p.text { margin-bottom:0px;}
body.product.ao4 div.image {margin: 20px 0;}

body.product.volume h3.black {color: #000;font-size: 30px;}
body.product.volume div.title {padding-left: 0px;}
body.product.volume h4.sub-title {color: #177fbc;}
body.product.volume h4.sub-title1 {color: #666;font-size: 19px; margin: 0px 0 5px 0;}
body.product.volume h4.sub-title1 span{color: #999;font-weight:400;}
body.product.volume div.image {margin: 15px 0;}
body.product.volume p.text { margin-bottom:0px;font-size: 18px;}
body.product.volume p.desc { font-size: 17px;}
body.product.volume div.cont-box {width: 800px;margin-top:30px;}
body.product.volume div.cont-box > div {position: relative; box-sizing: border-box;}
body.product.volume div.cont-box div.left {float: left; margin-right:8px; margin-bottom:10px; padding:10px; width: 355px;height: 116px; background: #ebebeb;}
body.product.volume div.cont-box div.right {float: left;right: 0; margin-bottom:10px; padding:10px; width: 355px; height: 116px; font-size: 14px; background: #ebebeb;}
body.product.volume ul.image.product1 li {float: left; margin: 0;  width:290px; margin-bottom:30px;}
body.product.volume ul.image.product1 li + li {margin-left: 30px;}
body.product.volume ul.image.product1 p.text {height: 70px; line-height: 20px; font-size: 17px; padding-top:5px;}

body.product.carrier h3.black {color: #000;font-size: 30px;}
body.product.carrier div.title {padding-left: 0px;}
body.product.carrier h4.sub-title {color: #1eb5b6;text-align:center;}
body.product.carrier h4.sub-title1 {color: #1eb5b6;font-size: 19px; margin: 0px 0 5px 0;}
body.product.carrier h4.sub-title1 span{color: #999;font-weight:400;}
body.product.carrier h4.sub-title2 {color: #666;font-size: 19px; margin: 0px; }
body.product.carrier div.image {margin: 15px 0;}
body.product.carrier p.text { margin-bottom:0px;font-size: 18px;}
body.product.carrier p.text span{color: #1eb5b6;}
body.product.carrier p.desc { font-size: 17px;color: #999;}
body.product.carrier div.cont-box {width: 800px; margin-top:20px;}
body.product.carrier div.cont-box > div {position: relative; box-sizing: border-box;}
body.product.carrier div.cont-box div.left {float: left; margin-right:20px; width: 380px;height: 223px; }
body.product.carrier div.cont-box div.right {float: left;right: 0;  width: 380px; height: 223px; font-size: 14px; }
body.product.carrier div.cont-box:after {content: ''; display: block; clear: both;}
body.product.carrier ul.image.product {}
body.product.carrier ul.image.product li {float: left; margin: 0;  width:230px; height:104px; margin-top:20px; margin-bottom:30px; padding:40px 50px; background: #ebebeb;}
body.product.carrier ul.image.product li + li {margin-left: 10px;}
body.product.carrier ul.image.product p.text {height: 70px; line-height: 20px; font-size: 17px; padding-top:5px;}
body.product.carrier ul.image.product:after {content: ''; display: block; clear: both;}

body.product.carrier ul.image.product1 li {float: left; margin: 0;  width:290px; margin-bottom:10px;}
body.product.carrier ul.image.product1 li + li {margin-left: 20px;}
body.product.carrier ul.image.product1 p.text {height: 40px; line-height: 20px; font-size: 17px; padding-top:5px;}
body.product.carrier ul.image.product1:after {content: ''; display: block; clear: both;}

/*
body.product.diabone h3.main {color: #7a9e1a;}
body.product.diabone h4.sub-title {color: #7a9e1a;}
body.product.diabone h3 + h4.sub-title {margin-top: 10px;}
body.product.diabone #main section:first-child div.box {background: url(/doctor/eng/img/product_solution_diabone_bg.png) 82% 80px no-repeat;}
body.product.diabone div.image {margin: 20px 0;}
body.product.diabone ul.list.big {font-size: 18px;}
body.product.diabone ul.list.big > li:before {top: 14px;}
body.product.diabone div.content-box div.left {margin-right: 30px;}
body.product.diabone ul.image.first > li {margin: 0;}
body.product.diabone ul.image.first > li + li {margin-left: 30px;}
body.product.diabone ul.image > li p {margin-top: 10px; text-align: center;}
body.product.diabone table th,
body.product.diabone table td {padding: 5px 20px;}

body.product.diaderm h3.main {color: #748738;}
body.product.diaderm h4.sub-title {color: #748738;}
body.product.diaderm h3 + h4.sub-title {margin-top: 10px;}
body.product.diaderm #main section:first-child div.box {background: url(/doctor/eng/img/product_solution_diaderm_bg.png) 98% center no-repeat;}
body.product.diaderm div.image {margin: 20px 0;}
body.product.diaderm ul.list.big {font-size: 18px;}
body.product.diaderm ul.list.big > li:before {top: 14px;}
*/


body.product.octabone h3.main {color: #739a4c;}
body.product.octabone h4.sub-title {color: #666;font-size: 24px;}
body.product.octabone h4.sub-title1 {color: #739a4c;font-size: 24px; margin: 0px;}
body.product.octabone h3 + h4.sub-title {margin-top: 10px;}
body.product.octabone ul.list.big {font-size: 18px;}
body.product.octabone ul.list.big > li:before {top: 14px;}
body.product.octabone p.text.big { margin-bottom:0px;font-size: 18px;}
body.product.octabone p.desc.big { margin-bottom:0px;font-size: 18px;}
body.product.octabone div.cont-box {width: 1000px; margin-top:20px;}
body.product.octabone div.cont-box > div {position: relative; box-sizing: border-box;}
body.product.octabone div.cont-box div.left {float: left; margin-right:20px; width: 350px;height: 320px; }
body.product.octabone div.cont-box div.right {float: left;right: 0;  width: 630px; height: 320px; font-size: 14px; }
body.product.octabone ul.image {margin:0 0 20px 0;padding:0;}
body.product.octabone ul.image li {float: left; width:290px;  margin-top:10px; margin-bottom:10px; margin-right:30px;}
body.product.octabone ul.image li p.text.big{text-align:center; background: #ebebeb;padding:10px 0; }
body.product.octabone ul.image li p.desc.big{ padding:0; font-size: 17px; }
body.product.octabone ul.half li {float: left; margin: 0;  width:483px;  margin-top:20px; margin-right:20px; }
body.product.octabone ul.half li p.text.big{text-align:center; background: #ebebeb;padding:10px 0; }
body.product.octabone ul.image.product ul{margin: 0; padding:0; }
body.product.octabone ul.image.product li {float: left; margin: 0; margin-right:20px; width:290px; }
body.product.octabone h4.sub-title + ul.image.product li{margin-top: 10px;padding:0;}
body.product.octabone h4.sub-title ul.image.product li span img{margin-top: 0px;}
body.product.octabone ul.image.product li p.text.big{padding:10px 0; background: #f9f9f9;font-size: 17px;}

/*
body.product.plast h3.main {color: #009e82;}
body.product.plast h4.sub-title {color: #009e82;}
body.product.plast h3 + h4.sub-title {margin-top: 20px;}
body.product.plast div.image {margin: 20px 0;}
body.product.plast ul.list.big {font-size: 18px;}
body.product.plast ul.list.big > li:before {top: 14px;}
body.product.plast ul.list.big > li + li {margin-top: 15px;}
body.product.plast div.box.bg {background: url(/doctor/eng/img/product_solution_plast_bg.jpg) 400px 100px no-repeat;}

body.product table.content {table-layout: fixed; text-align: center; background: #ffffff;}
body.product table.content thead {background: #f7f7f7;}
body.product table.content th,
body.product table.content td {border: 2px solid #eeeeee; padding: 12px 20px;}
body.product table.content + p.table-desc {text-align: center; margin-top: 10px; color: #888888;}



*/

body.product.plast h3.main {color: #6c5634;}
body.product.plast h4.sub-title1 {color: #6c5634;font-size: 24px;}
body.product.plast h4.sub-title2 {color: #666;font-size: 24px;}
body.product.plast h4.sub-title3 {color: #faa519;font-size: 24px;}
body.product.plast h3 + h4.sub-title {margin-top: 20px;}
body.product.plast div.image {margin: 20px 0;}
body.product.plast ul.list.big {font-size: 18px;}
body.product.plast ul.list.big > li:before {top: 14px;}
body.product.plast ul.list.big > li + li {margin-top: 15px;}
/*body.product.plast div.box.bg {background: url(/doctor/eng/img/product_solution_plast_bg.jpg) 400px 100px no-repeat;}*/

body.product.plast ul.image.product ul{margin: 0; padding:0; }
body.product.plast ul.image.product li {float: left; margin: 0; margin-right:20px; width:286px; }
body.product.plast ul.image.product li:nth-child(2n) { width:18px; padding:90px 0;}
body.product.plast ul.image li p.text.big{padding:10px 0; font-size: 18px;}
body.product.plast ul.image li p.text.big .center{display:inline-block; margin-top:75px; margin-left:25px; padding:10px 60px;text-align:center; background:#1db9aa;color:#fff;}
body.product.plast p.text.big{padding:10px 0; font-size: 18px;}
body.product.plast table.content thead {background: #e7e7e9;}
body.product.plast table.content td {line-height:100%;}
body.product.plast table.content td img{margin:0; padding:0;}

/* 코웰메디 Implant Library   2020.08.28 */
table.list_lib {width: 100%; font-size: 14px;margin-bottom:50px;}
table.list_lib thead {background: #f4f4fa;}
table.list_lib thead th {line-height: 40px; border-bottom: 1px solid #d9dbe3;}
table.list_lib 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_lib tbody td.title {text-align: left; padding: 0 50px 0 20px;}
table.list_lib tbody td.title a {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color 0.3s;}
table.list_lib tbody td.title a:hover {color: #1db6b7;}
table.list_lib + div.paging {margin-top: 25px;}
body.main table.list_lib thead th {line-height: inherit;}
body.main table.list_lib tbody td {line-height: inherit; white-space: inherit; text-align: left; max-width: inherit;}


body.product.library #main > section {max-width: 1024px; margin: 0 auto; position: relative; padding: 20px 0 80px 0; }

body.product.library section.catalog {max-width: 1024px; margin: 0 auto;  padding: 50px 0 80px 0;}
body.product.library section.catalog .search{float: right;margin-top:-20px; margin-bottom:10px;}
body.product.library section.catalog .search input{border: 1px solid #e1e1e8; height:26px; color:#999;}
body.product.library section.catalog .search select{border: 1px solid #e1e1e8; height:30px; color:#999;}
/* body.product.library section.catalog .search select:focus{border: 1px solid #d90916; } */
body.product.library section.catalog .search button{width:30px; padding:0; background:#e1e1e8; border: 1px solid #e1e1e8; height:30px; color:#999;}
body.product.library section.catalog .search button img{width:30px;}
body.product.library ul.catalog {overflow: hidden;}
body.product.library ul.catalog li {float: left; font-size: 13px; color: #666666; margin-right:32px; margin-bottom: 40px; width:320px; }
body.product.library ul.catalog li:nth-child(3n) {margin-right: 0;}
body.product.library ul.catalog li a {display: block; width: 320px; height: 170px; box-sizing: border-box;  padding: 0; transition: border-color 0.3s;}
body.product.library ul.catalog li a:hover {border-color: #cccccc;}
body.product.library ul.catalog li a > * {display: block;}
body.product.library ul.catalog li a span.image {margin-bottom: 15px; overflow: hidden; height: 170px;width:120px; position: relative;}
body.product.library ul.catalog li a span.image img {min-height: 100%; /* min-width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); */}
body.product.library ul.catalog em.class {display: block;font-size: 15px; font-weight: 400; line-height: 15px; overflow: hidden;padding:0;margin:0; margin-bottom: 20px; color: #2bb6b7;}
body.product.library ul.catalog span.title {display: block;overflow: hidden; text-overflow: ellipsis;margin-bottom: 10px; color: #666666; font-weight:bold;}
body.product.library ul.catalog li ul li{position: absolute;float: left; font-size: 15px; padding:0;margin:0; width:120px;}
body.product.library ul.catalog li ul li:nth-child(2n){float: left; font-size: 15px; padding:0;margin:0; padding-left:130px;width:200px;}
body.product.library ul.table-tab li:nth-of-type(5) {width:215px;border: 1px solid #e1e1e8;}  /* add 20191226 */


body.product.library div.descript {margin-bottom:50px; border: 1px solid #d2d2d2; background-color:#f4f4fa; height: 200px; box-sizing: border-box; padding: 10px; overflow: auto; }
body.product.library div.regulation {border: 1px solid #d2d2d2; background-color:#f4f4fa; height: 260px; box-sizing: border-box; padding: 10px; overflow: auto; white-space: pre-line;}

body.product.library div.attachment {margin-bottom:50px;padding:0; border: 1px solid #d2d2d2; height: 150px; background-color:#f4f4fa; box-sizing: border-box; overflow: auto;}
body.product.library div.attachment .att_down  {position: absolute;box-sizing: border-box; width:100%;margin:0;  padding: 10px; white-space: pre-line;}
body.product.library div.attachment .att_none  {position: absolute;box-sizing: border-box; width:100%; height: 150px; background-color:rgba(255,255,255,0.5);}
body.product.library div.attachment .att_none  p{color:#000;height: 150px;text-align:center;opacity:1;font-size:16px;line-height:150px;}
body.product.library p.agree {text-align: left; font-size: 18px; margin: 10px 0 50px 0;}
body.product.library p.agree input {margin: 0; width: 16px; height: 16px; margin-right: 10px; vertical-align: middle;}

body.product.library section.catalog h3.empty {margin-top:50px;margin-bottom:10px;}

/* 2020.11.04 */
body.product.short h6.blue {display:inline-block; font-size: 13px; color: #ffffff; background: #619bda; line-height: 24px; font-weight: 700; text-align: center;  margin-top: 25px; padding:2px 10px;}
body.product.narrow h6.blue {display:inline-block; font-size: 13px; color: #ffffff; background: #619bda; line-height: 24px; font-weight: 700; text-align: center;  margin-top: 25px; padding:2px 10px;}
body.product.submerge h3.main em{font-size: 18px; color:#666;font-weight:400;}
body.product.submerge p.big{font-size: 18px; color:#666;font-weight:400;}
body.product.submerge .image1 img{margin-top: 40px;}
body.product.submerge h3.black {font-size: 28px; margin-top:50px;}
body.product.submerge h6.blue {display:inline-block; font-size: 13px; color: #ffffff; background: #619bda; line-height: 24px; font-weight: 700; text-align: center;  margin-top: 25px; padding:2px 10px;}
body.product.submerge h5.orange {font-size: 18px; margin: 60px 0 10px 0; color: #faa61a;}
body.product.submerge h5.green {font-size: 18px; margin: 60px 0 10px 0; color: #7fc241;}

body.product.internal .image1 img {margin-top: 40px; }
body.product.internal .orange{color: #f58c0d;}
body.product.internal h3.main em{font-size: 18px; color:#666;font-weight:400;}
body.product.internal p.big{font-size: 18px; color:#666;font-weight:400;}
body.product.internal h3.black {font-size: 28px; margin-top:50px;}

body.product.external .image1 img {margin-top: 40px; }
body.product.external .green{color: #8cbf00;}
body.product.external h3.main em{font-size: 18px; color:#666;font-weight:400;}
body.product.external p.big{font-size: 18px; color:#666;font-weight:400;}
body.product.external h3.black {font-size: 28px; margin-top:50px;}

/*body.product.mini ul.image.drill li {border:1px solid red;}*/
body.product.mini ul.image.drill li + li {margin-left: 0px;}

body.product.tiBase h3.black {font-size: 28px; margin-top:100px;}

/* 2020.11.11 */
body.product.sfit h3.main {color: #1eb5b6;}
body.product.sfit h4.sub-title {margin-top: 70px;}
body.product.sfit h4.sub-title.term {margin:70px 0 60px 0;}
body.product.sfit h4.sub-title1 {font-weight:400;font-size: 24px;}
body.product.sfit h4.sub-title2 {font-weight:400;font-size: 24px;color: #29a7e1;margin-top:50px;}
body.product.sfit h4.sub-title3 {font-weight:400;font-size: 24px;color: #90c31f;margin-top:50px;}
body.product.sfit h3 + h4.sub-title {margin-top: 50px;}
body.product.sfit div.image {margin: 20px 0;}
body.product.sfit ul.list.big {font-size: 18px;}
body.product.sfit ul.list.big > li:before {top: 14px;}
body.product.sfit p {font-size: 18px;}
body.product.sfit p.big {font-weight:bold;margin-top:30px;}
body.product.sfit p span {display:inline-block; margin:30px 5px 10px 0; padding:3px 10px;background:#1eb5b6; color: #fff;border-radius:50px;}
body.product.sfit em.blue{background:#29a7e1; color: #fff;padding:2px 10px;}
body.product.sfit em.green{background:#90c31f; color: #fff;padding:2px 10px;}
body.product.sfit div.cont-box {width: 1000px; margin-top:50px;}
body.product.sfit div.cont-box > div {position: relative; box-sizing: border-box;}
body.product.sfit div.cont-box div.left {float: left; margin-right:50px; width: 458px;height: 390px; }
body.product.sfit div.cont-box div.right {float: left;right: 0;  width: 458px; height: 390px; font-size: 14px; }

body.product.gbr h3.main {color: #1eb5b6;}
body.product.gbr h3.main1 {font-size: 30px; margin-bottom: 5px; color: #2ea7e0;}
body.product.gbr h3.main2 {font-size: 30px; margin-top:0; margin-bottom: 5px; color: #c30e23;}
body.product.gbr h3.main3 {font-size: 30px; margin-top:0; margin-bottom: 35px; color: #0d6fb8;}
body.product.gbr h3.main4 {font-size: 30px; margin-top:0; margin-bottom: 5px; color: #23ac39;}
body.product.gbr h3.main5 {font-size: 30px; margin-top:0; margin-bottom: 5px; color: #000;}
body.product.gbr h4.sub-title {color: #1eb5b6;}
body.product.gbr h3 + h4.sub-title {margin-top: 20px;}
body.product.gbr div.image {margin: 20px 0;}
body.product.gbr ul.list.big {font-size: 18px;}
body.product.gbr ul.list.big1 {font-size: 17px;}
body.product.gbr ul.list.big > li:before {top: 14px;}
body.product.gbr h6.box-title {width: 200px; height: 42px; box-sizing: border-box; border: 2px solid #d2d2d2; border-radius: 10px; text-align: center; line-height: 38px; font-size: 18px; font-weight: 700; color: #999999; text-align: center;}
body.product.gbr div.content-box1 div.left {float: left;width:52%;margin-right:3%;}
body.product.gbr div.content-box1 div.right {float: left;width:44%;}
body.product.gbr div.content-box div.left {margin-right: 0px;}
body.product.gbr ul.list.cell > li + li {margin-top: 15px;}
body.product.gbr table.small th,
body.product.gbr table.small td {padding: 5px 20px;}
body.product.gbr p.caution {color: #999999;}
body.product.gbr ul.box4 {overflow: hidden; padding: 30px 30px 10px 30px; border: 1px solid #f6f6f6;}
body.product.gbr ul.box4 li {float: left; width: 50%; text-align: center; margin-bottom: 30px;}
body.product.gbr ul.box4 li p.desc {height: 40px; line-height: 20px;}
body.product.gbr ul.box6 {overflow: hidden; padding: 30px 30px 1px 30px; border: 1px solid #f6f6f6;}
body.product.gbr ul.box6 li {float: left; width: 33%; text-align: center; margin-bottom: 30px;}
body.product.gbr ul.box6 li p.desc {height: 80px; line-height: 20px;}
body.product.gbr div.ref {width: 900px; color: #888888; margin-top: 20px;}
body.product.gbr div.ref p.ref {margin-right: 200px; margin-top: 5px;}
body.product.gbr table.content {width: 80%; margin: 20px 0 40px 0;}
body.product.gbr table.content.full {width: 100%; margin: 20px 0 10px 0;}
body.product.gbr table.content + p.paragraph {margin-bottom: 20px;}
body.product.gbr table.content.half {width: 50%; margin: 20px 0 40px 0;}
body.product.gbr p.desc {font-size: 18px; margin-top: 5px;}
body.product.gbr em.blue {display:inline-block; padding:0px 8px; background:#2ea7e0; color: #fff; font-size: 18px;font-weight:400;}
body.product.gbr em.black {display:inline-block; padding:5px 8px; background:#595757; color: #fff; font-size: 18px;font-weight:400;}
body.product.gbr em.pink {display:inline-block; padding:2px 15px; background:#e4007e; color: #fff; font-size: 18px;border-radius:50px;font-weight:400;}
body.product.gbr em.green {display:inline-block; padding:2px 15px; background:#8ec31f; color: #fff; font-size: 18px;border-radius:50px;font-weight:400;}
body.product.gbr div.image.right {text-align: right;}
body.product.gbr p.right {margin:0;text-align: right;}


body.info.m_out #container {width:100%;position:relative;background-color:#f6f6f6;}
body.info.m_out #container h3 {margin-bottom:10px; letter-spacing:0.5px;width:100%; height:60px; line-height:85px; font-size:1.4em; margin:0 auto; text-align:center; font-weight:400;border-bottom:1px solid #d2d2d2; }
body.info.m_out #container .find {background-color:#fff;margin-bottom:50px;}
body.info.m_out #container .find .m_out {position:relative; width:96%;background-color:#f6f6f6;margin:15px auto;padding:25px 15px; box-sizing:border-box;  }
body.info.m_out #container .find .m_out h2 { line-height:20px; text-indent:5px; font-size:1.3em;font-weight:bold;}
body.info.m_out #container .find .m_out p{color:#444; line-height:20px;padding:15px 0 0 0; text-indent:5px; font-size:1.3em;display:inline-block;}
body.info.m_out #container .find .full {width:96%; font-size:1.3em;background-color:#cdf1f1;position:relative;box-sizing:border-box; padding:15px 20px;margin:0 auto; border:1px solid #1fb5b6;}
body.info.m_out #container .find .full p{font-weight:bold;}
body.info.m_out #container .find .tb {display:table; width:100%; position:relative;box-sizing:border-box;padding:20px 0;}
body.info.m_out #container .find .tb .row {display:table-row;width:100%;color:#999;}
body.info.m_out #container .find .tb .row .cell1, .info.m_out #container .find .tb .row .cell2 {display:table-cell; margin:0; min-height:39px; vertical-align:middle; position:relative;}
body.info.m_out #container .find .tb .row .cell1 {width:110px; }
body.info.m_out #container .find .tb .row .cell2 {padding:0; vertical-align:middle;}
body.info.m_out #container .find .tb .row .cell2 ul li {display:inline-block; margin-right:15px; line-height:28px;}
body.info.m_out #container .find .tb .row .cell2 input[type=text], input[type=password] {width:100%;border:1px solid #eee; height:35px; box-sizing:border-box; text-indent:5px; }

body.info.m_out #container.join3 {background-color:#fff;margin-bottom:50px;}
body.info.m_out #container.join3 p {text-align:center;font-size:1.6em; color:#000; padding:70px 0 5px 0; font-weight:bold;}
body.info.m_out #container.join3 button {display:block; width:28%; margin:60px auto 120px auto;}