@charset "utf-8";

/*header*/
#header {background:#fff; height:auto; }
#header h1 a { background-position:0 100%; }
#header a.lang { background-position:100% 0; }
#header #nav a { color:#333; }
#navOpen::before, #navOpen::after {background:#222;}
#footer { border-top:1px solid #e5e5e5; }

/*sublayout*/
#subVisual {padding:12rem 0 0; margin:0 0 7rem; }
#subVisual .top {padding:1rem 0 3rem ; max-width:1400px; }
#subVisual .loca {overflow:hidden; }
#subVisual .loca li {position:relative; float:left; font-size:1.6rem; padding:0.5rem 3rem 0.5rem 0; color:#666;}
#subVisual .loca li:last-child {font-weight:600; color:#222; }
#subVisual .loca li.home { width:5rem; background:url('/img/sub/homeIcon.png') no-repeat left center; text-indent:-99999px; }
#subVisual .loca li::before {content:''; position:absolute; right:1.4rem; top:1.5rem; width:0.5rem; height:0.5rem; border-top:1px solid #222; border-right:1px solid #222; transform:rotate(45deg); }
#subVisual .loca li:last-child::before {display:none; }
#subVisual h3 { font-family:'SCDream', 'NotoSansKR', sans-serif; font-size:5.5rem; }
#subVisual .img { position:relative; display:flex; align-items:center; height:20rem; background:#000; text-align:center; }
#subVisual .img::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; opacity:0.5; z-index:10; }
#subVisual .img.bg1::after { background:url('/img/sub/subBg1.jpg') no-repeat center; }
#subVisual .img.bg2::after { background:url('/img/sub/subBg2.jpg') no-repeat center; }
#subVisual .img.bg3::after { background:url('/img/sub/subBg3.jpg') no-repeat center; }
#subVisual .img.bg4::after { background:url('/img/sub/subBg4.jpg') no-repeat center; }
#subVisual .img > div { position:relative; margin:0 auto; padding:0 3rem; z-index:20;}
#subVisual .img p { color:#fff; font-size:2rem; }
#subVisual .img p strong {font-size:3.5rem;  }
#subVisual .img p:last-of-type { line-height:1.3; margin:1.5rem 0 0; }
#tabBtn {overflow:hidden; margin:0 0 4rem; }
#tabBtn a { display:block; float:left; border:1px solid #ddd; border-radius:1rem; padding:1rem; text-align:center; font-size:1.8rem; transition:0.3s;}
#tabBtn a:hover {background:#f8f8f8;}
#tabBtn a.on { background:#00d876; border:1px solid #0eb569; font-weight:600; color:#fff; }
#tabBtn a.on:hover { background:#00d876; }
#tabBtn.num2 a, #tabBtn.num4 a {width:23.5%; margin:0 0 1rem 2%; }
#tabBtn.num2 a:nth-of-type(2n+1), #tabBtn.num2 a:nth-of-type(4n+1) {clear:both; margin:0 0 1rem;}
@media all and (max-width:480px){
  #subVisual .img p strong { font-size:3rem; }
}

/*contents guide*/
#contents { max-width:1200px; margin:7rem auto; }
#contents h4 {font-size:3.5rem; background:url('/img/sub/h4_bullet.png') no-repeat left top; padding:2.5rem 0 0; margin:5rem 0 4rem; line-height:1.4; }
#contents h5 {font-size:2.7rem; margin:4rem 0 2rem; color:#0da68f; }
#contents .depth1 { margin:2rem 0; }
#contents .depth1 > li {position:relative; padding:0.3rem 0 0.3rem 1.5rem; }
#contents .depth1 > li::before {content:''; position:absolute; left:0; top:1.3rem; width:6px; height:6px; background:#666; border-radius:50%; }
#contents .depth2 {margin:1rem 0;}
#contents .depth2 > li {position:relative; padding:0.3rem 0 0.3rem 1.5rem; }
#contents .depth2 > li::before {content:''; position:absolute; left:0; top:1.5rem; width:6px; height:1px; background:#666; }
#contents .table {border-top:2px solid #333; overflow-x:auto; text-align:center; margin:3rem 0;}
#contents .table table {width:100%; margin-left:-1px; }
#contents .table thead th { padding:1.5rem 1rem; border-bottom:1px solid #555; background:#f9f9f9; border-left:1px solid #dbdbdb; }
#contents .table tbody td { padding:1rem; border-bottom:1px solid #dbdbdb; border-left:1px solid #dbdbdb;}
#contents .kakaoMap {width:100% !important; }
#contents .kakaoMap .wrap_map {height:500px !important; }
#contents .kakaoMap .wrap_controllers, .kakaoMap .map_border {display:none;}
#contents .contBox { background:url('/img/sub/contBox.gif'); padding:1rem; }
#contents .contBox > div {background:#fff; padding:2rem; font-size:1.8rem;  }
@media all and (max-width:480px){
  #content .kakaoMap .wrap_map {height:300px !important; }
}

/*기술인프라*/
.infra h4 { float:left; width:30rem; }
.infra h4+p {float:right; width:calc(100% - 30rem); font-size:2rem; }
.infra hr { display:block; border:0; clear:both;}
.infra h4 .green { color:#00d876; padding:0 0 0 2rem; }
.infra .list { position:relative; margin:5rem 0 0; background:#eafff6; overflow:hidden; }
.infra .list::before {content:''; position:absolute; right:-1px; bottom:-1px; width:100%; height:100%; border:3px solid #fff; z-index:20; }
.infra .list .logo { position:absolute; left:33.33%; top:33.33%; width:33.33%; height:33.33%; background:#03c46d url('/img/sub/infraLogo.png') no-repeat center; z-index:20; }
.infra .list dl { position:relative; float:left; width:33.33%; height:46rem; padding:13rem 3rem 3rem; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#fff; }
.infra .list dl.icon5 {margin:0 0 0 33.33%;}
.infra .list dl::before {content:''; position:absolute; left:50%; top:3rem; width:10rem; height:10rem; margin:0 0 0 -5rem; background:url('/img/sub/infraIcon.png') no-repeat 0 0/300% auto; }
.infra .list dl.icon2::before { background-position:50% 0;}
.infra .list dl.icon3::before { background-position:100% 0;}
.infra .list dl.icon4::before { background-position:0 50%;}
.infra .list dl.icon5::before { background-position:50% 50%;}
.infra .list dl.icon6::before { background-position:100% 50%;}
.infra .list dl.icon7::before { background-position:0 100%;}
.infra .list dl dt {font-size:2.5rem; font-weight:600; margin:0 0 1rem; }
.infra .list dl.icon8 { display:flex; align-items:center; background:#eafff6; text-align:center; padding:3rem; font-size:2rem; font-weight:600; }
.infra .list dl.icon8::before {display:none;}
.infra .list dl.icon8 dt {position:absolute; left:-99999px; }
.infra h4+p:nth-of-type(2) {margin:7rem 0 0;}
.infra .list2 { overflow:hidden; }
.infra .list2 li {float:left; width:30%; margin:0 0 0 5%; }
.infra .list2 li:first-child {margin:0; }
.infra .list2 .txt1 {margin:2rem 2rem 1.5rem ; font-size:2.5rem; font-weight:600; line-height:1.4; }
.infra .list2 .txt2 {margin:0 2rem; font-size:1.5rem; }
@media all and (max-width:768px){
  .infra h4+p { width:100%; }
  .infra h4+p:nth-of-type(2) {margin:0;}
  .infra .list .logo {display:none;}
  .infra .list dl { width:50%; margin:0 !important; height:33rem; }
  .infra .list2 {margin:3rem 0 0;}
  .infra .list2 li {width:100%; margin:3rem 0 0; }
  .infra .list2 li img { float:left; width:25rem; }
  .infra .list2 li p {float:left; width:calc(100% - 30rem); }
  .infra .list2 .txt1 { margin:2rem 0 1.5rem 4rem; }
  .infra .list2 .txt2 { margin:0 0 0 4rem; }
}
@media all and (max-width:480px){
  .infra .list dl { width:100%; height:auto; padding:3rem 3rem 3rem 12rem; }
  .infra .list dl::before { top:4rem; left:2rem; margin:0; width:6rem; height:6rem; }
  .infra .list2 li img { width:100%; }
  .infra .list2 .txt1 { width:100%; margin:2rem 0 1.5rem; }
  .infra .list2 .txt2 { width:100%; margin:0; }
}

#contT { position:relative; font-size:2rem; }
#contT strong { font-family:'SCDream', 'NotoSansKR', sans-serif; font-size:3rem; color:#03c46d; }
#contT p {display:inline;}
@media all and (max-width:1023px){
  #contT { text-align:center; }
  #contT p {display:block;}
}
@media all and (max-width:480px){
  #contT {padding:1rem 2rem 0;}
}

/*품질시스템*/
.system div.title { text-align:center; font-family:'SCDream', 'NotoSansKR', sans-serif; font-weight:600; font-size:2.7rem; margin:0 0 7rem; }
.system div.title p span { color: #00d876; }
.system .cont1, .system .cont1 div { position:relative; height:55rem; }
.system .cont1::before {content:''; position:absolute; left:50%; top:50%; width:41.8rem; height:17.9rem; background:url('/img/sub/skil10.png') no-repeat center/100% auto; transform:translate(-50%, -50%); z-index:20; }
.system .cont1 div::before {content:''; position:absolute; left:5%; top:10%; width:90%; height:80%; border-radius:20rem; background:rgba(29, 172, 239, 0.1); z-index:10;}
.system .cont1 div::after {content:''; position:absolute; left:15%; top:25%; width:70%; height:50%;  border-radius:20rem; background:rgba(29, 172, 239, 0.1); z-index:10;}
.system .cont1 p {position:absolute; width:10rem; text-align:center; line-height:1.2; font-size:1.4rem; z-index:30; }
.system .cont1 p img {display:block; margin:0; border-radius:50%;}
.system .cont1 p span { display:block; font-weight:600; margin:1.5rem 0 0;}
.system .cont1 .img1 {left:0; top:40%; }
.system .cont1 .img2 {left:18%; top:0; }
.system .cont1 .img3 {left:42%; top:0; }
.system .cont1 .img4 {left:67%; top:0; }
.system .cont1 .img5 {right:0%; top:40%; }
.system .cont1 .img6 {left:75%; top:75%; }
.system .cont1 .img7 {left:55%; top:75%; }
.system .cont1 .img8 {left:35%; top:75%; }
.system .cont1 .img9 {left:15%; top:75%; }
@media all and (max-width:480px){
  .system div.title { padding:0 1rem; }
  .system div.title p {display:inline;}
  .system div.title p::before, .system div.title p::after {display:none; }
  .system .cont1, .system .cont1 div {height:auto; overflow:hidden; }
  .system .cont1::before , .system .cont1 div::before, .system .cont1 div::after {display:none;}
  .system .cont1 p { float:left; position:relative; left:auto !important; top:auto !important; right:auto !important; width:33.33%; padding:1rem; }
  .system .cont1 p:nth-of-type(3n+1) {clear:both; }
}

/*글로벌 네트워크*/
.global .img {margin:6rem 0 4rem; }
.global .img .taR {margin:3rem 0 0;}
.global .img .taR span {display:inline-block; position:relative; margin:0 0 0 3rem; padding:0.1rem 0 0 3rem; }
.global .img .taR span::before {content:''; position:absolute; left:0; top:0; width:2rem; height:3.2rem; background:url('/img/sub/map_icon.png') no-repeat 0 0/200% auto; }
.global .img .taR span.icon2::before {background-position:100% 0;}
.global ul {overflow:hidden; margin:3rem 0 5rem;}
.global li { position:relative; float:left; width:25%; padding:0.5rem 0 0.5rem 10rem; text-transform:uppercase; }
.global li::before {content:''; position:absolute; left:0; top:0; width:8rem; height:8rem; background:url('/img/sub/global_icon.png') no-repeat 0 0/400% auto; }
.global li:nth-of-type(2)::before {background-position:33.33% 0; }
.global li:nth-of-type(3)::before {background-position:66.66% 0; }
.global li:nth-of-type(4)::before {background-position:100% 0; }
.global li strong { display:block; font-size:2.5rem; }
@media all and (max-width:1023px){
  .global li { padding:7rem 2rem 0; text-align:center; }
  .global li::before { width:6rem; height:6rem; left:50%; transform:translate(-50%, 0);}
}
@media all and (max-width:480px){
  .global li { width:50%; margin:2rem 0 0;  }
  .global li::before { width:6rem; height:6rem; left:50%; transform:translate(-50%, 0);}
}

/*이미지 js*/
#cboxOverlay {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:200;}
#colorbox {z-index:250; }
.cboxPhoto {max-width:76rem !important; height:auto !important;}
#cboxCurrent,
#cboxPrevious,
#cboxNext,
#cboxClose { position:absolute; bottom:2rem; width:4rem; height:4rem; background:rgba(0,0,0,0.8) url('/img/sub/photoControl.gif') no-repeat 0 0/500% auto; border:0; border-radius:1rem; text-indent:-99999px; cursor:pointer; }
#cboxCurrent { width:7rem; line-height:4rem; text-align:center; color:#fff; background:rgba(0,0,0,0.8); right:14.3rem; text-indent:0;  }
#cboxPrevious { right:10.2rem;}
#cboxNext {background-position:75% 0; right:6.1rem; }
#cboxClose {background-position:100% 0; right:2rem;}
@media all and (max-width:768px){
	.cboxPhoto {max-width:48rem !important;}
}
@media all and (max-width:480px){
	.cboxPhoto {max-width:32rem !important;}
}

/*루샘소개*/
.company .top {overflow:hidden; margin:0 0 6rem; }
.company .top dl { float:left; width:48%; }
.company .top dt { font-family:'SCDream', 'NotoSansKR', sans-serif; font-size:3rem; font-weight:600; margin:1rem 0 2rem; }
.company .top dt span {display:block;}
.company .top dd {font-size:2rem; }
.company .top ul { float:right; width:48%; border-top:2px solid #222; }
.company .top ul li { position:relative; padding:1.5rem 3rem 1.5rem 19rem; border-bottom:1px solid #ddd;  }
.company .top ul li strong { position:absolute; top:1.5rem; left:3rem; }
.company .bottom {background:#f7f7f7; padding:4rem; }
.company .bottom p {margin:0 0 2.5rem; font-size:1.8rem; }
.company .image {overflow:hidden;}
.company .image img { float:left; width:22.75%; margin:0 0 0 3%; border-radius:3rem; border:1px solid #eee; }
.company .image img:nth-of-type(4n+1) {margin:0; }
@media all and (max-width:768px){
  .company .top dl {width:100%;}
  .company .top dt span {display:inline;}
  .company .top ul {width:100%; margin:3rem 0 0;}
  .company .bottom {padding:3rem; }
}
@media all and (max-width:480px){
  .company .image img { width:48.5%; margin:0 0 1rem 3%; }
  .company .image img:nth-of-type(4n+1) { margin:0 0 1rem 3%; }
  .company .image img:nth-of-type(2n+1) { margin:0 0 1rem; }
}

/*CI*/
.ci > div { border:1px solid #ddd; /*box-shadow:1rem 1rem 0 rgba(0,0,0,0.1);*/ padding:6rem 10rem; overflow:hidden; }
.ci img {float:left; width:30rem; }
.ci dl {float:right; width:calc(100% - 35rem); }
.ci dl dt { font-family:'SCDream', 'NotoSansKR', sans-serif; font-size:2.5rem; font-weight:600; color:#1dacef; margin:0 0 1.5rem;  }
@media all and (max-width:1023px){
  .ci > div {padding:6rem;}
}
@media all and (max-width:768px){
  .ci > div {padding:4rem;}
  .ci img { display:block; float:none; width:27rem; margin:0 auto 3rem; }
  .ci dl { width:100%; }
}

/*비젼*/
.vision h5 {text-align:center; font-size:3.5rem !important; background:url('/img/sub/vision_arrow.png') no-repeat center top/auto 14.5rem; padding:17rem 0 0; }
.vision > p {text-align:center; font-size:4rem; line-height:1.4; }
.vision > p span {display:block; color:#fff; background:#1dacef; font-size:4.5rem; width:27rem; text-align:center; border-radius:5rem; margin:0 auto 2rem; font-weight:600; padding:1rem 0; }
.vision ul {overflow:hidden; border:1px solid #eee; background:#f8f8f8; border-radius:20rem; padding:2rem; }
.vision ul li { float:left; width:25%; text-align:center; }
.vision ul li div { width:25rem; height:25rem; display:flex; align-items:center; font-size:1.8rem; color:#fff; border-radius:50%; margin:0 auto; }
.vision ul li:nth-of-type(1) div { background:#4093e9; }
.vision ul li:nth-of-type(2) div { background:#f3ac5f; }
.vision ul li:nth-of-type(3) div { background:#00d876; }
.vision ul li:nth-of-type(4) div { background:#1dacef; }
.vision ul li div p { margin:0 auto; font-size:1.9rem;}
.vision ul li div strong {display:block; }
@media all and (max-width:1023px){
  .vision ul li div { width:20rem; height:20rem; }
}
@media all and (max-width:768px){
  .vision ul { border-radius:5rem; }
  .vision ul li {width:50%; margin:0 0 2rem;}
}
@media all and (max-width:480px){
  .vision ul { border-radius:5rem; padding:1rem; }
  .vision ul li div {width:17rem; height:17rem; }
}

/*연혁*/
.history { overflow:hidden; }
.history > .img { position:relative; float:left; width:35%;}
.history > .img img {width:100%;}
.history > .img p {position:absolute; right:1rem; bottom:-3rem; font-size:6rem; font-weight:600; color:#fff; opacity:0.7; text-transform:uppercase; }
.history > ul {float:right; width:58%; margin:-3rem 0 0; }
.history > ul > li { position:relative; padding:0 0 0 17rem; margin:3rem 0;}
.history > ul > li > strong { position:absolute; left:0; top:50%; width:11rem; text-align:right; font-family:'SCDream', 'NotoSansKR', sans-serif; font-size:5rem; color:#e0e0e0; transform:translate(0, -50%); }
.history ul ul {border-left:1px solid #ddd; padding:0 0 0 3rem; }
.history li li { position:relative; padding:1rem 0 1rem 6rem; }
.history li li strong {position:absolute; left:0; top:0.5rem; font-family:'SCDream', 'NotoSansKR', sans-serif; font-size:2.2rem; color:#0da68f; }
@media all and (max-width:768px){
  .history > .img { display:none; }
  .history > ul {width:100%;}
}
@media all and (max-width:480px){
  .history > ul > li {padding:0; margin:1rem 0; }
  .history > ul > li > strong {position:relative; left:auto; top:auto; margin:0; width:100%; font-size:4rem; }
  .history ul ul {border:0; padding:0;}
}

/*조직도*/
.org { position:relative; overflow:hidden; text-align:center; }
.org::before {content:''; position:absolute; left:50%; top:20.5rem; width:1px; height:16rem; border-left:1px dashed #aaa; z-index:-1; }
.org::after {content:''; position:absolute; left:50%; top:33.4rem; width:39%; height:1px; border-top:1px dashed #aaa; }
.org h4 {text-align:left;}
.org p span { display:inline-block; margin:0 auto; width:20%; padding:1rem; background:#00d876; color:#fff; border-radius:1rem; font-size:2rem; }
.org p.org2 { position:relative; padding:3rem 0 0; }
.org p.org2::before {content:''; position:absolute; left:50%; top:6rem; width:20%; height:1px; border-top:1px dashed #aaa; z-index:-1; }
.org p.org2 span {border:1px solid #ccc; background:#f8f8f8; color:#333; margin:0 0 0 50%; }
.org dl dt {border:1px solid #4093e9; border-radius:1rem; font-weight:500; color:#fff; background:#1dacef; padding:1rem; font-size:1.8rem; }
.org dl dd {border:1px solid #ccc; border-radius:1rem; border-top:0; padding:2rem 1rem; }
.org li { position:relative; padding:9rem 0 0;}
.org li::before {content:''; position:absolute; left:50%; top:6rem; width:1px; height:3rem; border-left:1px dashed #aaa; }
.org3 { position:relative; overflow:hidden; float:left; width:74%;}
.org3::before {content:''; position:absolute; left:15%; top:6rem; width:70%; height:1px; border-top:1px dashed #aaa; }
.org3 li {float:left; width:30%; margin:0 0 0 5%; }
.org3 li:first-of-type {margin:0;}
.org4 {float:right; width:22%;}
.org4 li::before { top:3rem; height:6rem; }
@media all and (max-width:480px){
  .org::after {display:none;}
  .org p span {width:40%;}
  .org li {padding:6rem 0 0;}
  .org li::before {top:3rem;}
  .org3 { width:100%; }
  .org3::before {top:3rem; }
  .org4 { width:100%; }
  .org4 li {padding:2rem 0 0;}
  .org4 li::before {display:none;}
}

.skil .font2 { font-size:2rem; }
.skil .cont1 { text-align:center; margin:0 0 7rem; font-family:'SCDream', 'NotoSansKR', sans-serif; font-size:2.7rem; text-align:center; font-weight:600; }
.skil .cont1 span { display:block; }
.skil .result .m { display:none; }
.skil .cont2 { overflow:hidden; }
.skil .cont2 li { position:relative; float:left; width:25%; text-align:center; padding:3rem 0 0; margin:0 0 2rem; }
.skil .cont2 li::before {content:''; position:absolute; left:50%; top:0; width:1rem; height:1rem; margin:0 0 0 -0.7rem; background:#fff; border:4px solid #4093e9; border-radius:50%;  }
.skil .cont2 li::after {content:''; position:absolute; left:0; top:0.8rem; width:100%; height:1px; border-top:1px dashed #ddd; z-index:-1;}
.skil .cont2 li span { display:inline-block; color:#fff; background:#4093e9; padding:0.5rem 1rem; border-radius:2rem; margin:0 0 1rem; }
.skil .cont2 li p {font-weight:600; font-size:1.8rem; }
.skil .cont3 > div { border:5px solid #eee; padding:3rem; overflow:hidden; margin:3rem 0;  }
.skil .cont3 div.imgL img { float:left; width:30rem; }
.skil .cont3 div.imgL dl { float:right; width:calc(100% - 35rem); }
.skil .cont3 div.cnt dl { width:100%; }
.skil .cont3 div.cnt img { float:none; max-width:100%; width:auto; margin:4rem 0 0; }
.skil .cont3 div dt {font-size:2.5rem; font-weight:600; margin:0 0 2rem; }
.skil .cont3 div .img {margin:4rem 0 0; overflow:hidden;}
.skil .cont3 div .img li {float:left; padding:0 2rem 0 0; max-width:25rem; }
.skil .cont3 img {border-radius:1rem; }
@media all and (max-width:1023px){
  .skil .cont1 dt span {display:inline;}
}
@media all and (max-width:768px){
  .skil .cont3 div.imgL img { float:none; display:block; width:auto; max-width:100%; margin:4rem auto 0; }
  .skil .cont3 div.imgL dl { float:none; width:100%; }
  .skil .cont3 div .img li { margin:0 0 0 3%; padding:0; }
  .skil .cont3 div .img.img2 li { width:48.5%; }
  .skil .cont3 div .img.img3 li { width:31.33%; }
  .skil .cont3 div .img li:first-of-type { margin:0; }
}
@media all and (max-width:600px){
  .skil .result .pc { display:none; }
  .skil .result .m { display:block; }
}
@media all and (max-width:480px){
  .skil .cont2 li { width:50%; }
  .skil .cont3 > div {padding:2rem;}
}

/*특허*/
.patent .list {overflow:hidden; }
.patent .list li {float:left; width:18.4%; margin:0 0 2rem 2%; padding:1rem; }
.patent .list li:nth-of-type(5n+1) {clear:both; margin:0 0 2rem; }
.patent .list a { position:relative; display:block; box-shadow:0 0 1rem rgba(0,0,0,0.2); border-radius:2rem; padding:0 0 6rem; overflow:hidden;  }
.patent .list a img { transition:0.5s; }
.patent .list a p {position:absolute; left:0; bottom:0; width:100%; background:#fff; padding:2rem; text-align:center; line-height:1.4; font-weight:600; transition:0.5s; }
.patent .list a:hover img { transform:scale(1.1); }
.patent .list a:hover p { background:#00d876; color:#fff; }
@media all and (max-width:1023px){
  .patent .list li { width:23.5%; }
  .patent .list li:nth-of-type(5n+1) {clear:none; margin:0 0 2rem 2%; }
  .patent .list li:nth-of-type(4n+1) {clear:both; margin:0 0 2rem; }
}
@media all and (max-width:768px){
  .patent .list li { width:32%; }
  .patent .list li:nth-of-type(4n+1) {clear:none; margin:0 0 2rem 2%; }
  .patent .list li:nth-of-type(3n+1) {clear:both; margin:0 0 2rem; }
}
@media all and (max-width:480px){
  .patent .list li { width:49%; }
  .patent .list li:nth-of-type(3n+1) {clear:none; margin:0 0 2rem 2%; }
  .patent .list li:nth-of-type(2n+1) {clear:both; margin:0 0 2rem; }
}

.contact .cont1 {font-size:4rem; line-height:1.3; margin:0 0 3rem;}
.contact .cont1 strong {color:#4093e9;}
.contact .cont2 { margin:0 0 3rem; }
.contact .cont2 dl {position:relative; padding:0 0 0 8rem; margin:0 0 2rem; }
.contact .cont2 dl::before {content:''; position:absolute; left:0; top:0; width:5rem; height:5rem; background:#4093e9; border-radius:50%; z-index:10; }
.contact .cont2 dl::after { content:''; position:absolute; left:1rem; top:1rem; width:3rem; height:3rem; background:url('/img/sub/contactIcon.png') no-repeat 0 0/200% auto; z-index:20; }
.contact .cont2 dl:last-of-type::before { background:#333; }
.contact .cont2 dl:last-of-type::after { background-position:100% 0; }
.contact .cont2 dt {font-size:2rem; font-weight:600; }
.contact .cont2 dd p {margin:0.5rem 0 0; }
.contact .cont2 dd p strong {margin:0 1rem 0 0;}
@media all and (max-width:1023px){
  .contact .cont1 p {display:inline; }
}

.xrayTube span.topR { font-size:11px; vertical-align:top; }
.xrayTube .cont1 {overflow:hidden;}
.xrayTube .cont1 .img { float:left; width:45rem; padding:2rem; border:1px solid #ddd; text-align:center; box-shadow:1rem 1rem 0 rgba(0,0,0,0.05); margin:0 0 1rem; }
.xrayTube .cont1 .img img {width:80%; }
.xrayTube .cont1 ul {float:right; width:calc(100% - 55rem); }
.xrayTube .cont1 ul li {position:relative; padding:1rem 0 1rem 5rem;  }
.xrayTube .cont1 ul li > span { position:absolute; left:0; top:1rem; width:4rem; height:4rem; line-height:4rem; background:#00d876; color:#fff; text-align:center; font-weight:600; border-radius:50%; font-size:2rem; }
.xrayTube .cont1 ul li:nth-of-type(2) > span {background:#d40707;}
.xrayTube .cont1 p {display:inline-block; padding:0 0 0 1rem; }
.xrayTube .cont1 .txt1 {font-size:2rem; font-weight:600; }
.xrayTube .cont1 ul li:nth-of-type(2) .txt1 {color:#d40707;}
.xrayTube .honest {overflow:hidden;}
.xrayTube .honest dl {float:left; width:23.5%; margin:0 0 0 2%; background:#f8f8f8; border:1px solid #efefef; text-align:center; border-radius:1rem; padding:4rem 1rem;  }
.xrayTube .honest dl:first-of-type { margin:0; }
.xrayTube .honest dl dt { position:relative; font-family:'SCDream', 'NotoSansKR', sans-serif; font-size:2.5rem; color:#4093e9; font-weight:600; margin:0 0 2rem; padding:11rem 0 0 ;  line-height:1.3; }
.xrayTube .honest dl:nth-of-type(2) dt { color:#f3ac5f; }
.xrayTube .honest dl:nth-of-type(3) dt { color:#00d876; }
.xrayTube .honest dl:nth-of-type(4) dt { color:#1dacef; }
.xrayTube .honest dl dt::before {content:''; position:absolute; left:50%; top:0; width:10rem; height:10rem; background:url('/img/sub/honest_icon.png') no-repeat 0 0/400% auto; transform:translate(-50% ,0); }
.xrayTube .honest dl:nth-of-type(2) dt::before {background-position:33.33% 0; }
.xrayTube .honest dl:nth-of-type(3) dt::before {background-position:66.66% 0; }
.xrayTube .honest dl:nth-of-type(4) dt::before {background-position:100% 0; }
.xrayTube .imgCont { padding:2rem; border:1px solid #ddd; text-align:center; box-shadow:1rem 1rem 0 rgba(0,0,0,0.05); margin:0 0 1rem;}
.xrayTube .quality dl { width:32% !important; min-height:27rem; }
.xrayTube .quality dl:nth-of-type(1) dt::before {background-position:0 100%; }
.xrayTube .quality dl:nth-of-type(2) dt::before {background-position:33.33% 100%; }
.xrayTube .quality dl:nth-of-type(3) dt::before {background-position:66.66% 100%; }
@media all and (max-width:1023px){
  .xrayTube .cont1 ul { width:calc(100% - 50rem); }
}
@media all and (max-width:768px){
  .xrayTube .cont1 .img {width:100%; }
  .xrayTube .cont1 ul { width:100%; margin:2rem 0 0; }
  .xrayTube .honest dl { width:48.5% !important; margin:0 0 1rem 3%; }
  .xrayTube .honest dl:nth-of-type(2n+1) { clear:both; margin:0 0 1rem; }
  .xrayTube .honest dl dt {padding:8rem 0 0;}
  .xrayTube .honest dl dt::before { width:7rem; height:7rem; }
  .xrayTube .quality dl { min-height:24rem; }
  .xrayTube .quality dl:last-of-type {width:100% !important;}
}

.medical .cont1 {text-align:center; font-size:2.2rem; max-width:90rem; margin:0 auto;  }
.medical .cont1 strong {color:#00d876;}
.medical .cont2 {text-align:center;}
.medical .cont2 h4 {background-position:center top !important; }
.medical .cont2 div { position:relative; display:inline-block; padding:3rem; background:#eafff6; border-radius:30rem; }
.medical .cont2 div::before {content:'+'; position:absolute; left:50%; top:50%; font-size:10rem; font-weight:600; transform:translate(-50%, -50%);}
.medical .cont2 div p { position:relative; float:left; width:30rem; height:30rem; background:#fff; border-radius:50%; font-size:2rem; font-weight:600; padding:21rem 0 0; }
.medical .cont2 div p:first-of-type {margin:0 12rem 0 0; }
.medical .cont2 div p::before {content:''; position:absolute; left:50%; top:5rem; width:15rem; height:15rem; background:url('/img/sub/medical_icon1.png') no-repeat 100% 0/200% auto; transform:translate(-50%, 0); }
.medical .cont2 div p:first-of-type::before  { background-position:0 0;}
.medical .cont3 { /*text-align:center;*/ margin:0 0 7rem ;}
/*.medical .cont3 h4 {background-position:center top !important; }*/
.medical .cont3 ul {display:inline-block; }
.medical .cont3 li { position:relative; font-size:2.5rem; text-align:left; font-weight:600; padding:0.5rem 0 0.5rem 2rem; }
.medical .cont3 li::before {content:''; position:absolute; left:0; top:2.1rem; width:1rem; height:1rem; background:#00d876; border-radius:50%; }
.medical .cont3 li span { display:block; font-size:1.7rem; font-weight:400; padding:0.3rem 0 0 ; }
.medical .medical_list1 .slick-track { width:100% !important; transform:none !important;  }
.medical .medical_list1 .slick-track > li:first-of-type,
.medical .medical_list1 .slick-track > li:last-of-type {display:none; }
.medical .medical_list1 li { float:left; width:33.33% !important; padding:1rem; text-align:center; cursor:pointer; }
.medical .medical_list1 .img { position:relative; overflow:hidden; border-radius:1rem; }
.medical .medical_list1 .img::before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0; transition:0.3s; }
.medical .medical_list1 .img::after {content:''; position:absolute; left:50%; top:50%; width:6rem; height:6rem; background:#00d876 url('/img/sub/searchIcon.png') no-repeat center/50% auto; transform:translate(-50%, -50%); border-radius:50%; opacity:0; transition:0.3s;  }
.medical .medical_list1 li:hover .img::before {opacity:0.5;}
.medical .medical_list1 li:hover .img::after {opacity:1;}
.medical .medical_list1 .img img {width:100%;}
.medical .medical_list1 .txt1 {font-size:2rem; margin:1rem 0 0; font-weight:600; }
.medical .layer { position:fixed; left:0; top:-100%; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:200; opacity:0; transition:0.5s; }
.medical .layer .medical_list2 { position:absolute; background:#fff; width:80%; height:80%; left:50%; top:50%; transform:translate(-50%, -50%); overflow-y:auto; padding:3rem 7rem; }
.medical .layer .medical_list2 li .floatL { width:30%; text-align:center; }
.medical .layer .medical_list2 li .floatL p {font-size:5rem; font-weight:600; margin:3rem 0 0; }
.medical .layer .medical_list2 li .floatL a {display:inline-block; font-size:1.7rem; background:#0da68f; color:#fff; padding:1rem 2rem; border-radius:1rem; }
.medical .layer .medical_list2 li dl {float:right; width:65%; }
.medical .layer .medical_list2 li dt { position:absolute; left:-99999px; }
.medical .layer .medical_list2 li h4 {margin: 3rem 0 1rem !important; }
.medical .layer .medical_list2 .spec li {position:relative; overflow:hidden;}
.medical .layer .medical_list2 .spec li::after {content:''; position:absolute; left:5%; top:1.6rem; width:90%; height:1px; border-bottom:1px dashed #ccc; z-index:-1;}
.medical .layer .medical_list2 .spec strong,
.medical .layer .medical_list2 .spec span { float:left; display:block; background:#fff; padding:0 1rem;}
.medical .layer .medical_list2 .spec span  {float:right;}
.medical .layer .control { border:0; position:absolute; right:11%; top:50%; width:6rem; height:6rem; background:rgba(0,0,0,0.5); text-indent:-99999px; z-index:10; }
.medical .layer .control::before { content:''; position:absolute; left:1.8rem; top:2.2rem; width:1.3rem; height:1.3rem; border-top:3px solid #fff; border-right:3px solid #fff; transform:rotate(45deg); }
.medical .layer .prev { right:auto; left:11%; transform:rotate(-180deg); }
.medical #closeBtn { position:absolute; right:12%; top:8%; background:#1dacef; width:6rem; height:6rem; text-indent:-96999px;  }
.medical #closeBtn::before, .medical #closeBtn::after { content:''; position:absolute; left:3rem; top:1.5rem; width:2px; height:3rem; background:#fff; transform:rotate(45deg);}
.medical #closeBtn::after {transform:rotate(-45deg); }
@media all and (max-width:1023px){
  .medical .medical_list1 li {width:50% !important;}
  .medical .layer .medical_list2 li .floatL { width:60%; margin:0 20% 3rem;  }
  .medical .layer .medical_list2 li dl { width:100%; }
}
@media all and (max-width:768px){
  .medical .cont2 div::before {font-size:7rem;}
  .medical .cont2 div p { width:20rem; height:20rem; padding:14rem 0 0;}
  .medical .cont2 div p:first-of-type {margin:0 5rem 0 0;}
  .medical .cont2 div p::before {width:10rem; height:10rem; top:3rem;}
  .medical .layer .medical_list2 {width:90%; height:90%; padding:4rem; }
  .medical .layer .prev {left:2%;}
  .medical .layer .next {right:2%;}
  .medical #closeBtn {top:5%; right:5%;}
}
@media all and (max-width:480px){
  .medical .cont2 div p {float:none;}
  .medical .cont2 div p:first-of-type {margin:0 0 5rem;}
  .medical .cont2 div p::before {width:10rem; height:10rem; top:3rem;}
  .medical .layer .medical_list2 .spec li::after {display:none;}
  .medical .layer .medical_list2 .spec strong,
  .medical .layer .medical_list2 .spec span { float:none; display:inline-block; padding:0;}
  .medical .layer .medical_list2 .spec strong { margin:0 2rem 0 0;}
}

.loading dl {text-align:center; background:url('/img/sub/loading.png') no-repeat center top; padding:20rem 0 0 0;}
.loading dt { font-size:5rem; font-weight:600; }
.loading dt span { position:relative; display:inline-block; color:#0c71d9; }
.loading dt span::before {content:''; position:absolute; left:50%; top:-0.5rem; width:1rem; height:1rem; margin:0 0 0 -0.5px; border-radius:50%; background:#0c71d9;}
.loading dd { font-size:1.8rem; margin:3rem 0 0 ;}
.loading dd span {display:block; }
@media all and (max-width:480px){
	.loading dl {background-size:15rem auto; padding:18rem 0 0 0;}
	.loading dt {font-size:4rem;}
}
/*홍보영상*/
.adver iframe {width:100%; height:60rem; vertical-align: top; }
/*
.adver a.down { display:block; position:relative; background:#02c46c; padding:4rem; margin:4rem 0 0 ;}
.adver a.down dt {font-size:2.2rem; font-weight:600; margin:0 0 1rem;}
.adver a.down::before {content:''; position:absolute; right:4rem; top:5rem; width:6rem; height:6rem; background:#114f33; border-radius:50%; opacity:1;}
.adver a.down::after { content:''; position:absolute; top:7.2rem; right:6.4rem; width:1.2rem; height:1.2rem; border-top:3px solid #fff; border-right:3px solid #fff; transform:rotate(45deg); opacity:1; }
.adver a.down dl {border:1px solid red; width:49%; background:url('../img/main/bookIcon.png') no-repeat left center; padding:0 0 0 9rem; color:#fff; }
*/
.adver ul{margin-top:25px;}
.adver ul li{width:49%; display:inline-block;border:0px solid red; float:left; box-sizing:border-box;   }
.adver ul li:first-child{margin-right:1%; background:#02c46c; padding:4rem;}
.adver ul li:last-child{width:50%; background:#02c46c; padding:4rem;}
.adver ul li dl{width:100%; padding:0 0 0 9rem; }
.adver ul li dl dt{color:#fff; font-weight:600; font-size:19px; line-height:35px;}
.adver ul li dl dd{color:#fff; font-weight:500; font-size:16px;}
.adver ul li dl.bg01{ background:url('/img/main/bookIcon.png') no-repeat left center;}
.adver ul li dl.bg02{ background:url('/img/main/bookIcon1.png') no-repeat left center;}

@media all and (max-width:768px){
  .adver iframe {height:35rem;}
 .adver ul li{width:100%;}
 .adver ul li:last-child{width:100%; margin-top:15px;}

}
@media all and (max-width:480px){
  .adver a.down::before, .adver a.down::after {display:none;}
}