@charset "UTF-8";
/* 초기화 */
html, body { margin: 0; padding: 0; }

html { font-size: 25px; }

body { font-size: 0.68rem; font-family: 'Myriad','Arial'; }

body.sp { font-family: 'Myriad','Arial'; }

h1, h2, h3, h4, h5, h6, form, fieldset, img { margin: 0; padding: 0; border: 0; font-family: 'arial'; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; margin: 0; padding: 0; }

ul, li { margin: 0; padding: 0; list-style: none; }

legend { position: absolute; margin: 0; padding: 0; font-size: 0; line-height: 0; text-indent: -9999em; overflow: hidden; }

label, input, button, select, img { vertical-align: middle; font-size: 13px; transition: 0.5s; font-family: inherit; }

input[type='submit'], input[type='button'], input[type='reset'], button { cursor: pointer; padding: 0 0.8rem; letter-spacing: -1px; font-weight: bold; height: 1.28rem; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); font-family: inherit; }

input[type="text"], input[type="password"] { height: 1.2rem; line-height: 1.2rem; font-size: 0.6rem; padding: 0 5px; border: 1px solid #bebebe; transition: 0.3s; font-family: inherit; }

input[type="text"]:focus, input[type="password"]:focus { border-color: #fff; box-shadow: 0px 0px 3px #000; background: #eff; }

select { line-height: 1.2rem; height: 1.2rem; font-size: 0.6rem; }

textarea { font-size: 0.6rem; padding: 5px; vertical-align: middle; font-family: inherit; }

p { margin: 0; padding: 0; }

a { color: inherit; text-decoration: none; }

a:hover { text-decoration: underline; }

a[class*="btn"] { display: inline-block; text-align: center; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); text-decoration: none; }

img { max-width: 100%; max-height: 100%; }

@media (max-width: 479px) { html { font-size: 15px; } }
@media (min-width: 480px) and (max-width: 519px) { html { font-size: 15px; } }
@media (min-width: 520px) and (max-width: 559px) { html { font-size: 16px; } }
@media (min-width: 560px) and (max-width: 599px) { html { font-size: 17px; } }
@media (min-width: 600px) and (max-width: 639px) { html { font-size: 18px; } }
@media (min-width: 640px) and (max-width: 679px) { html { font-size: 19px; } }
@media (min-width: 680px) and (max-width: 719px) { html { font-size: 20px; } }
@media (min-width: 720px) and (max-width: 759px) { html { font-size: 21px; } }
@media (min-width: 760px) and (max-width: 799px) { html { font-size: 22px; } }
@media (min-width: 800px) and (max-width: 839px) { html { font-size: 23px; } }
@media (min-width: 840px) and (max-width: 879px) { html { font-size: 24px; } }
@media (min-width: 880px) { html { font-size: 25px; } }
/* class */
.al_l { text-align: left; }

.al_c { text-align: center; }

.al_r { text-align: right; }

.fl { float: left; }

.fr { float: right; }

.fn { float: none; }

span.middle { display: inline-block; height: 100%; width: 0; font-size: 0; vertical-align: middle; }
span.middle + * { display: inline-block; vertical-align: middle; }
span.middle.all ~ * { display: inline-block; vertical-align: middle; }

.btn_more { line-height: 1.2rem; font-size: 0.48rem; min-width: 4rem; text-align: center; box-sizing: border-box; border-radius: 5px; margin: 0 5px; padding: 0 5px; }
.btn_more:after { content: "▶"; display: inline-block; margin-left: 5px; }
@media (max-width: 640px) { .btn_more { margin: 0; } }

#layer { width: 100%; height: 100%; position: fixed; left: 0; top: 0; text-align: center; z-index: 200; display: none; overflow: auto; }
#layer > .bg { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: .2; cursor: pointer; }
#layer > .box { background: #fff; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); z-index: 100; position: relative; margin: 1.2rem 0; text-align: left; min-width: 600px; }
#layer > .box > a.close { position: absolute; right: 0; top: 0; background: #666; height: 1.2rem; display: inline-block; width: 1.2rem; text-align: center; color: #fff; font-weight: bold; font-size: 1rem; text-decoration: none; transition: .3s; }
#layer > .box > a.close:hover { background: #393d75; }
#layer > .box > .title { font-size: 1.2rem; color: #0d4689; padding-bottom: 10px; letter-spacing: -1px; border-bottom: 1px dotted #ddd; margin-bottom: 15px; text-align: center; color: #393d75; text-align: left; }
#layer > .box > .video { height: 540px; }
@media (max-width: 1199px) { #layer > .box { width: 95%; min-width: 0; }
  #layer > .box > .video { height: 45vw; }
  #layer > .box > .video > iframe { width: 100%; height: 100%; } }

@media (min-width: 1200px) { #header > div, #footer > div, .content-wrap, .content-type1 .sub-visual > div, .content-type1.sub1-aboutus section:not(.sub-visual).org > div, .content-type1.sub1-aboutus section:not(.sub-visual).patent > div, .content-type1.sub2-product > .character, .content-type1.sub2-product > .product-tab, .content-type1.sub2-product > .operation, .content-type1.sub4-contactus > .contact > div, .content-type1.sub4-contactus > .location > div { width: 1200px; margin: 0 auto; }
  *.mobile { display: none !important; }
  #header { border-bottom: 1px solid #ddd; position: relative; z-index: 20; }
  #header > div { position: relative; }
  #logo { text-align: center; line-height: 65px; height: 65px; padding-top: 10px; }
  #gnb { position: absolute; right: 65%; bottom: 0; white-space: nowrap; }
  #gnb > ul > li { display: inline-block; vertical-align: top; position: relative; vertical-align: top; }
  #gnb > ul > li > a { display: block; text-decoration: none; padding: 0 30px 15px; color: #666; transition: .3s; text-transform: uppercase; }
  #gnb > ul > li > ul { position: absolute; display: none; left: 0; width: 100%; background: #fff; border: 1px solid #ddd; text-align: center; border-top: none; }
  #gnb > ul > li > ul > li > a { display: block; line-height: 250%; text-decoration: none; transition: .3s; }
  #gnb > ul > li > ul > li:hover > a { background: #f5f5f5; }
  #gnb > ul > li:hover > ul { display: block; }
  #gnb > ul > li:hover > a { color: #000; }
  #util { position: absolute; right: 0; bottom: 15px; }
  #util > ul > li { display: inline-block; padding-left: 30px; }
  #util > ul > li a { color: #666; }
  #util > ul > li a:hover { color: #000; }
  .slide { height: 20.4rem; overflow: hidden; position: relative; }
  .slide > ul { height: 100%; position: relative; }
  .slide > ul > li { height: 100%; position: absolute; left: 0; top: 0; text-align: center; width: 100%; }
  .slide > ul > li.over { z-index: 10; }
  .slide > ul > li p { text-align: left; padding: 0.6rem 0; }
  .slide > ul > li.slide1-1 div, .slide > ul > li.slide2-1 div { padding: 0 1rem; }
  .slide > ul > li.slide1-1 .btn_more, .slide > ul > li.slide2-1 .btn_more { color: #0d4689; border: 1px solid #0d4689; }
  .slide > ul > li.slide1-1 { background: #fff; }
  .slide > ul > li.slide2-1 { background: #e6e7e8; }
  .slide > ul > li.slide1-2 p, .slide > ul > li.slide2-2 p { text-align: center; }
  .slide > ul > li.slide1-2 .btn_more, .slide > ul > li.slide2-2 .btn_more { color: #fff; border: 1px solid #fff; }
  .slide > ul > li.slide1-2 { background: url(../img/bg-slide1-2.jpg) no-repeat center center; background-size: cover; }
  .slide > ul > li.slide2-2 { background: url(../img/bg-slide2-2.jpg) no-repeat center center; background-size: cover; }
  .slide > ul > li.slide1-3 { background: url(../img/bg-slide1-3.png) no-repeat center center; background-size: cover; }
  .slide > ul > li.slide1-3 p { text-align: center; }
  .slide > ul > li.slide1-3 .btn_more { color: #444; border: 1px solid #444; }
  .slide > .arrow { position: absolute; top: 50%; font-size: 1.68rem; margin-top: -0.84rem; z-index: 10; font-family: "Gulim"; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); opacity: .5; transition: .3s; color: #fff; text-decoration: none; }
  .slide > .arrow:hover { opacity: 1; }
  .slide > .arrow.left { left: calc(50% - 600px); }
  .slide > .arrow.right { left: calc(50% + 600px - 1.68rem); }
  .slide > .pos { position: absolute; left: 0; bottom: 0.4rem; text-align: center; z-index: 10; width: 100%; }
  .slide > .pos > a { display: inline-block; width: 0.4rem; height: 0.4rem; border-radius: 100%; background: #fff; color: #fff; border: 2px solid #0d4689; line-height: 0.4rem; text-align: center; display: inline-block; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); opacity: .5; transition: .3s; color: #fff; text-decoration: none; text-indent: -9999px; margin: 0 0.2rem; }
  .slide > .pos > a:hover, .slide > .pos > a.over { opacity: 1; }
  #footer { background: #767676; color: #fff; font-size: 15px; }
  #footer > div { padding: 1.2rem 0; }
  #footer > div > * { display: inline-block; vertical-align: top; }
  #footer > div > .logo { width: 10%; }
  #footer > div > .logo img { vertical-align: top; }
  #footer > div > .info { width: 65%; }
  #footer > div > .info p.address { font-size: 17px; letter-spacing: -1px; padding-bottom: 5px; }
  #footer > div > .info p > span { display: inline-block; padding-right: 20px; }
  #footer > div > .mark { width: 25%; text-align: right; }
  #footer > div > .mark img { max-height: 25px; margin-left: 10px; }
  .visual { text-align: center; height: 20.4rem; }
  .visual > div { padding: 0 1rem; }
  .visual > div p { text-align: left; padding: 0.6rem 0; }
  .visual > div .btn_more { color: #0d4689; border: 1px solid #0d4689; }
  .content-wrap { padding: 1rem 0 4rem; }
  .content-type1 .sub-visual { color: #fff; }
  .content-type1 .sub-visual.bg1 { background: url(../img/bg-slide1-2.jpg) no-repeat center center; background-size: cover; }
  .content-type1 .sub-visual.bg2 { background: url(../img/bg-slide2-2.jpg) no-repeat center center; background-size: cover; }
  .content-type1 .sub-visual.bg3 { background: url(../img/bg-visual3.jpg) no-repeat center center; background-size: cover; color: #58595b; }
  .content-type1 .sub-visual > div { height: 8.6rem; text-align: left; }
  .content-type1 .sub-visual > div div { margin-left: 2rem; }
  .content-type1 .sub-visual > div h1 { font-size: 2.4rem; letter-spacing: -1px; font-family: 'Myriad'; font-weight: normal; }
  .content-type1.sub1-aboutus { text-align: center; }
  .content-type1.sub1-aboutus section:not(.sub-visual) { margin-top: 3rem; }
  .content-type1.sub1-aboutus section:not(.sub-visual):last-child { padding-bottom: 4rem; }
  .content-type1.sub1-aboutus section:not(.sub-visual) h1 { font-size: 2rem; letter-spacing: -1px; font-family: 'myriad'; font-weight: normal; margin-bottom: 1rem; }
  .content-type1.sub1-aboutus section:not(.sub-visual).intro p { font-size: 0.68rem; line-height: 130%; }
  .content-type1.sub1-aboutus section:not(.sub-visual).history { position: relative; padding-bottom: 80px; }
  .content-type1.sub1-aboutus section:not(.sub-visual).history:before { content: ""; background: linear-gradient(#1cbbb4 80%, #fff); position: absolute; height: calc(100% - 80px); width: 8px; display: inline-block; margin-left: -4px; margin-top: 80px; }
  .content-type1.sub1-aboutus section:not(.sub-visual).history > div > ul { padding-top: 2rem; }
  .content-type1.sub1-aboutus section:not(.sub-visual).history > div > ul > li { width: 50%; }
  .content-type1.sub1-aboutus section:not(.sub-visual).history > div > ul > li > ul:before { display: inline-block; width: 0.96rem; height: 0.96rem; border-radius: 100%; background: #1cbbb4; color: #fff; border: none; line-height: 0.96rem; text-align: center; content: ""; position: absolute; display: inline-block; bottom: -0.48rem; }
  .content-type1.sub1-aboutus section:not(.sub-visual).history > div > ul > li:nth-child(2n-1) { padding-right: 50%; text-align: right; }
  .content-type1.sub1-aboutus section:not(.sub-visual).history > div > ul > li:nth-child(2n-1) > ul:before { right: -0.48rem; }
  .content-type1.sub1-aboutus section:not(.sub-visual).history > div > ul > li:nth-child(2n) { padding-left: 50%; text-align: left; }
  .content-type1.sub1-aboutus section:not(.sub-visual).history > div > ul > li:nth-child(2n) > ul:before { left: -0.48rem; }
  .content-type1.sub1-aboutus section:not(.sub-visual).history > div > ul > li ul { display: inline-block; padding: 0 3.2rem; border-bottom: 1px solid #1cbbb4; padding-bottom: 0.4rem; margin-bottom: 1rem; position: relative; }
  .content-type1.sub1-aboutus section:not(.sub-visual).history > div > ul > li li.year { font-size: 1.16rem; color: #1cbbb4; }
  .content-type1.sub1-aboutus section:not(.sub-visual).history > div > ul > li li p { line-height: 166.66667%; }
  .content-type1.sub1-aboutus section:not(.sub-visual).history > div > ul > li li .month { font-weight: bold; }
  .content-type1.sub1-aboutus section:not(.sub-visual).org > div > .img_wrap { position: relative; display: inline-block; }
  .content-type1.sub1-aboutus section:not(.sub-visual).org > div > .img_wrap > a { position: absolute; display: inline-block; width: 55px; opacity: 0; transition: .3s; }
  .content-type1.sub1-aboutus section:not(.sub-visual).org > div > .img_wrap > a:hover { opacity: 1; }
  .content-type1.sub1-aboutus section:not(.sub-visual).org > div > .img_wrap > a > span { position: absolute; display: inline-block; width: 55px; height: 55px; border-radius: 55px; background: rgba(0, 0, 0, 0.3); left: 0; top: 0; }
  .content-type1.sub1-aboutus section:not(.sub-visual).org > div > .img_wrap > a > strong { position: absolute; display: block; width: 400%; padding: 0 20px; height: 55px; font-weight: normal; font-size: 17px; opacity: 0; }
  .content-type1.sub1-aboutus section:not(.sub-visual).org > div > .img_wrap > a:nth-child(2) { left: 97px; top: 76px; }
  .content-type1.sub1-aboutus section:not(.sub-visual).org > div > .img_wrap > a:nth-child(3) { right: 97px; top: 76px; }
  .content-type1.sub1-aboutus section:not(.sub-visual).org > div > .img_wrap > a:nth-child(4) { left: 7px; top: 232px; }
  .content-type1.sub1-aboutus section:not(.sub-visual).org > div > .img_wrap > a:nth-child(5) { right: 7px; top: 232px; }
  .content-type1.sub1-aboutus section:not(.sub-visual).org > div > .img_wrap > a:nth-child(6) { left: 97px; top: 387px; }
  .content-type1.sub1-aboutus section:not(.sub-visual).org > div > .img_wrap > a:nth-child(7) { right: 97px; top: 387px; }
  .content-type1.sub1-aboutus section:not(.sub-visual).org > div > .img_wrap > a:nth-child(2) > strong, .content-type1.sub1-aboutus section:not(.sub-visual).org > div > .img_wrap > a:nth-child(4) > strong, .content-type1.sub1-aboutus section:not(.sub-visual).org > div > .img_wrap > a:nth-child(6) > strong { right: 100%; text-align: right; }
  .content-type1.sub1-aboutus section:not(.sub-visual).org > div > .img_wrap > a:nth-child(3) > strong, .content-type1.sub1-aboutus section:not(.sub-visual).org > div > .img_wrap > a:nth-child(5) > strong, .content-type1.sub1-aboutus section:not(.sub-visual).org > div > .img_wrap > a:nth-child(7) > strong { left: 100%; text-align: left; }
  .content-type1.sub1-aboutus section:not(.sub-visual).org > div > ul { margin-top: 4rem; text-align: center; display: inline-block; }
  .content-type1.sub1-aboutus section:not(.sub-visual).org > div > ul p { display: inline-block; border: 2px solid #1cbbb4; border-radius: 3px; width: 6.56rem; height: 2.88rem; font-size: 0.68rem; font-weight: bold; letter-spacing: -1px; font-family: "Malgun Gothic"; word-break: keep-all; box-sizing: border-box; padding: 0 1.2rem; line-height: 123.52941%; position: relative; }
  .content-type1.sub1-aboutus section:not(.sub-visual).org > div > ul p:before { content: ""; background: #1cbbb4; position: absolute; }
  .content-type1.sub1-aboutus section:not(.sub-visual).org > div > ul p.line1:before { width: 1px; left: 50%; top: 100%; height: 7.4rem; }
  .content-type1.sub1-aboutus section:not(.sub-visual).org > div > ul p.line1:after { width: calc(400% + 3.88rem); position: absolute; top: 10.12rem; left: calc(-200% + 1.3rem); content: ""; height: 1px; background: #1cbbb4; }
  .content-type1.sub1-aboutus section:not(.sub-visual).org > div > ul p.line2:before { width: calc(200% - 1.3rem); height: 1px; top: 50%; right: 100%; }
  .content-type1.sub1-aboutus section:not(.sub-visual).org > div > ul p.line3:before { width: 1px; height: 1.8rem; left: 50%; bottom: 100%; }
  .content-type1.sub1-aboutus section:not(.sub-visual).org > div > ul ul { padding-top: 4rem; }
  .content-type1.sub1-aboutus section:not(.sub-visual).org > div > ul ul.type2 { padding-top: 2.2rem; }
  .content-type1.sub1-aboutus section:not(.sub-visual).org > div > ul ul > li { display: inline-block; padding: 0 0.4rem; }
  .content-type1.sub1-aboutus section:not(.sub-visual).org > div > ul ul.type2 { text-align: right; }
  .content-type1.sub1-aboutus section:not(.sub-visual).global h1 { margin-bottom: 0; }
  .content-type1.sub1-aboutus section:not(.sub-visual).global p { color: #58595b; margin-bottom: 1rem; }
  .content-type1.sub1-aboutus section:not(.sub-visual).global .img_wrap { position: relative; display: inline-block; }
  .content-type1.sub1-aboutus section:not(.sub-visual).global .img_wrap > span { position: absolute; box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.75); }
  .content-type1.sub1-aboutus section:not(.sub-visual).global .img_wrap > span:nth-child(2) { left: 327px; top: 189px; }
  .content-type1.sub1-aboutus section:not(.sub-visual).global .img_wrap > span:nth-child(3) { left: 385px; top: 223px; }
  .content-type1.sub1-aboutus section:not(.sub-visual).global .img_wrap > span:nth-child(4) { left: 312px; top: 238px; }
  .content-type1.sub1-aboutus section:not(.sub-visual).patent ul { padding: 0 10%; }
  .content-type1.sub1-aboutus section:not(.sub-visual).patent ul li { display: inline-block; width: 33.3%; padding: 0 1rem; box-sizing: border-box; margin-bottom: 1.2rem; }
  .content-type1.sub1-aboutus section:not(.sub-visual).patent ul li .img_wrap { height: 13rem; line-height: 13rem; text-align: center; position: relative; }
  .content-type1.sub1-aboutus section:not(.sub-visual).patent ul li .img_wrap > img { box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); }
  .content-type1.sub1-aboutus section:not(.sub-visual).patent ul li .no-image { display: block; background: #f5f5f5; color: #666; }
  .content-type1.sub1-aboutus section:not(.sub-visual).patent ul li .title { padding-top: 0.6rem; }
  .content-type1.sub2-product > .intro > .subject { height: 16rem; text-align: center; border: 1px solid #ddd; }
  .content-type1.sub2-product > .intro > .subject h1 { font-size: 2rem; padding: 0.6rem 0; font-family: "Arial"; margin-top: -4rem; }
  .content-type1.sub2-product > .intro > .subject p { line-height: 125%; color: #666; }
  .content-type1.sub2-product > .intro > .bg { background: url(../img/bg-visual1.jpg) no-repeat center center; background-size: cover; height: 14.4rem; }
  .content-type1.sub2-product > .intro > .profile { text-align: center; margin-top: -20rem; position: relative; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap { display: inline-block; position: relative; margin-left: 4rem; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap > a { display: inline-block; width: 1.4rem; height: 1.4rem; border-radius: 100%; background: none; color: #fff; border: 1px solid #fe4545; line-height: 1.4rem; text-align: center; position: absolute; text-decoration: none; transition: .3s; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap > a > span { display: inline-block; width: 1rem; height: 1rem; border-radius: 100%; background: #fe4545; color: #fff; border: none; line-height: 1rem; text-align: center; margin: 0.2rem 0; transition: .3s; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap > a:hover, .content-type1.sub2-product > .intro > .profile > .img_wrap > a.active { border-color: #414042; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap > a:hover > span, .content-type1.sub2-product > .intro > .profile > .img_wrap > a.active > span { background: #414042; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap > a.point1 { left: 59.74576%; top: 0.84626%; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap > a.point2 { left: 69.91525%; top: 16.22003%; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap > a.point3 { left: 2.75424%; top: 19.18195%; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap > a.point4 { left: 59.74576%; top: 50.07052%; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap > a.point5 { left: 38.13559%; top: 69.11142%; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap > a.point6 { left: 75.42373%; top: 97.46121%; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap > a.point7 { left: 38.13559%; top: 44.42877%; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap > a.point8 { left: 38.13559%; top: 94.49929%; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap2 { display: inline-block; position: relative; margin-left: -8rem; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap2 > a { display: inline-block; width: 1.4rem; height: 1.4rem; border-radius: 100%; background: none; color: #fff; border: 1px solid #fe4545; line-height: 1.4rem; text-align: center; position: absolute; text-decoration: none; transition: .3s; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap2 > a > span { display: inline-block; width: 1rem; height: 1rem; border-radius: 100%; background: #fe4545; color: #fff; border: none; line-height: 1rem; text-align: center; margin: 0.2rem 0; transition: .3s; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap2 > a:hover, .content-type1.sub2-product > .intro > .profile > .img_wrap2 > a.active { border-color: #414042; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap2 > a:hover > span, .content-type1.sub2-product > .intro > .profile > .img_wrap2 > a.active > span { background: #414042; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap2 > a.point1 { left: 80.41237%; top: 0.14925%; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap2 > a.point2 { left: 43.91753%; top: 13.28358%; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap2 > a.point3 { left: 87.83505%; top: 21.19403%; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap2 > a.point4 { left: 51.54639%; top: 27.61194%; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap2 > a.point5 { left: 87.83505%; top: 52.98507%; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap2 > a.point6 { left: 25.7732%; top: 97.91045%; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap2 > a.point7 { left: 73.19588%; top: 31.9403%; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap2 > a.point8 { left: 68.04124%; top: 85.07463%; }
  .content-type1.sub2-product > .intro > .profile > .open { width: 11.8rem; text-align: center; position: absolute; left: 50%; top: 6rem; margin-left: 9.44rem; color: #666; line-height: 160%; display: none; }
  .content-type1.sub2-product > .intro > .profile > .open > .img_wrap { margin-bottom: .6rem; }
  .content-type1.sub2-product > .intro > .profile > .open.t2 > .img_wrap { margin-left: -4.6rem; }
  .content-type1.sub2-product > .intro > .profile > .dialogue { position: absolute; right: calc(50% + 19.4rem); top: 11rem; }
  .content-type1.sub2-product > .intro > .profile > .dialogue > ul > li { position: absolute; left: 0; top: 0; background: #fff; box-shadow: 5px 5px 24px rgba(0, 0, 0, 0.37); width: 11rem; padding: 0.6rem 0; display: none; }
  .content-type1.sub2-product > .intro > .profile > .dialogue > ul > li .img_wrap { text-align: center; padding: 0.6rem 0; }
  .content-type1.sub2-product > .intro > .profile > .dialogue > ul > li .title { background: #9b9b9b; color: #fff; font-size: 0.72rem; line-height: 160%; margin-bottom: 0.6rem; }
  .content-type1.sub2-product > .intro > .profile > .dialogue > ul > li .desc { font-size: 0.56rem; color: #58595b; line-height: 145%; padding: 0 1rem; }
  .content-type1.sub2-product > .character { text-align: center; margin-top: 2rem; }
  .content-type1.sub2-product > .character h1 { font-size: 2rem; margin-bottom: 2rem; }
  .content-type1.sub2-product > .character article { display: inline-block; width: 300px; padding: 0 1rem; font-size: 0.68rem; color: #666; line-height: 140%; vertical-align: top; margin-bottom: 2rem; }
  .content-type1.sub2-product > .character article.t2 { width: 350px; }
  .content-type1.sub2-product > .character article h2 { font-size: 0.88rem; line-height: 200%; border: solid #39bb9d; border-width: 1px 0; margin-bottom: 0.6rem; color: #000; letter-spacing: -1px; }
  .content-type1.sub2-product > .character article p { padding: 0 1rem; }
  .content-type1.sub2-product > .video_wrap { background: url(../img/bg-visual2.jpg) no-repeat center center; background-size: cover; height: 25.2rem; text-align: center; }
  .content-type1.sub2-product > .video_wrap > div { position: relative; }
  .content-type1.sub2-product > .video_wrap > div:after { content: ""; background: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; position: absolute; display: block; opacity: 0; transition: .3s; cursor: pointer; left: 0; top: 0; }
  .content-type1.sub2-product > .video_wrap > div:hover:after { opacity: 1; }
  .content-type1.sub2-product > .video_wrap > div > .player { position: absolute; left: calc(50% - 2.66rem); top: calc(50% - 2.66rem); }
  .content-type1.sub2-product > .product-tab { padding-top: 3rem; }
  .content-type1.sub2-product > .product-tab > nav > ul > li { display: inline-block; }
  .content-type1.sub2-product > .product-tab > nav > ul > li > a { display: block; font-size: 1.12rem; color: #fff; background: #8b8b8b; line-height: 200%; padding-bottom: 0.2rem; text-align: center; width: 6.24rem; border-radius: 5px 5px 0 0; text-decoration: none; margin-right: 0.6rem; transition: .3s; }
  .content-type1.sub2-product > .product-tab > nav > ul > li.active > a, .content-type1.sub2-product > .product-tab > nav > ul > li:hover > a { background: #6f7298; transition: .3s; }
  .content-type1.sub2-product > .product-tab > article { border: 1rem solid #eee; border-radius: 10px; position: relative; top: -0.2rem; display: none; padding-left: 35%; box-sizing: border-box; height: 25rem; }
  .content-type1.sub2-product > .product-tab > article.active { display: block; }
  .content-type1.sub2-product > .product-tab > article > div.img_wrap { position: absolute; left: 0; top: 0; width: 35%; height: 100%; text-align: center; }
  .content-type1.sub2-product > .product-tab > article > div h1 { font-size: 2rem; padding-bottom: 1rem; letter-spacing: -1px; }
  .content-type1.sub2-product > .product-tab > article > div li { line-height: 220%; color: #888; }
  .content-type1.sub2-product > .operation { padding: 2rem 0 3rem; }
  .content-type1.sub2-product > .operation h1 { font-size: 2rem; letter-spacing: -1px; text-align: center; }
  .content-type1.sub2-product > .operation table { text-align: center; border-spacing: 0; border-collapse: collapse; line-height: 200%; box-sizing: border-box; width: calc(100% - 4rem); margin: 1rem 2rem 0; font-size: 0.72rem; color: #666; }
  .content-type1.sub2-product > .operation table th { background: #6f7298; color: #fff; }
  .content-type1.sub2-product > .operation table td { border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; }
  .content-type1.sub2-product > .operation table td:nth-child(1) { border-left: none; }
  .content-type1.sub2-product > .operation .ps { text-align: center; padding-top: 1rem; color: #6f7298; font-size: 0.64rem; }
  .content-type1.sub2-product > .operation .img_wrap { text-align: center; margin-top: 2rem; }
  .content-type1.sub4-contactus { padding: 0; }
  .content-type1.sub4-contactus h2 { font-size: 1.6rem; padding-bottom: 1rem; color: #393d75; }
  .content-type1.sub4-contactus > .contact { padding-top: 1rem; }
  .content-type1.sub4-contactus > .location { background: #fafafa; padding: 1rem 0; }
  .content-type1.sub4-contactus > .location > div > .info { margin-top: 1rem; font-size: 0.72rem; }
  .content-type1.sub4-contactus > .location > div > .info p { padding-bottom: 0.6rem; }
  .content-type1.sub4-contactus > .location > div > .info span { display: inline-block; vertical-align: top; }
  .content-type1.sub4-contactus > .location > div > .info span.lbl { font-weight: bold; width: 10%; }
  .content-type1.sub4-contactus > .location > div > .info span.desc { width: 90%; }
  .content-type1.sub4-contactus > .location > div > .info.t2 span.lbl { width: 20%; }
  .content-type1.sub4-contactus > .location > div > .info.t2 span.desc { width: 80%; }
  .content-type1 .table { width: 100%; border-top: 2px solid #666; background: #fff; }
  .content-type1 .table > .tr { border-bottom: 1px solid #ddd; }
  .content-type1 .table > .tr > div { display: inline-block; vertical-align: top; box-sizing: border-box; padding: 0.2rem 0.6rem; line-height: 200%; font-size: 0.68rem; }
  .content-type1 .table > .tr > div.lbl { width: 20%; font-weight: bold; color: #0d4689; }
  .content-type1 .table > .tr > div.desc { width: 80%; }
  .content-type1 .table + .btn_group { text-align: center; margin: 1rem 0; } }
@media (max-width: 1199px) { body { overflow-x: hidden; }
  *.pc { display: none !important; }
  #header { border-bottom: 1px solid #ddd; position: fixed; z-index: 20; top: 0; left: 0; width: 100%; background: #fff; }
  #header .toggle { display: inline-block; width: 36px; height: 36px; border-radius: 100%; background: #393d75; color: #fff; border: none; line-height: 36px; text-align: center; position: absolute; right: 0; bottom: 5px; right: 5px; display: inline-block; z-index: 10; }
  #header .toggle > a { position: relative; }
  #header .toggle > a > span { display: inline-block; width: 18px; height: 3px; background: #fff; border-radius: 2px; position: relative; top: 0; transition: .3s; top: -2px; }
  #header .toggle > a > span:after, #header .toggle > a > span:before { display: inline-block; width: 18px; height: 3px; background: #fff; border-radius: 2px; content: ''; position: absolute; left: 0; transition: .3s; }
  #header .toggle > a > span:after { top: 6px; }
  #header .toggle > a > span:before { top: -6px; }
  #header .toggle > a.over > span { background: none; }
  #header .toggle > a.over > span:after { top: 0px; transform: rotate3d(0, 0, 1, -45deg); }
  #header .toggle > a.over > span:before { top: 0px; transform: rotate3d(0, 0, 1, 45deg); }
  #header + * { margin-top: 70px; }
  #logo { text-align: center; line-height: 50px; height: 50px; padding-top: 20px; }
  #logo img { position: relative; top: -3px; }
  #gnb { position: absolute; left: 0; top: 100%; width: 100%; display: none; }
  #gnb > ul > li { position: relative; }
  #gnb > ul > li > a { display: block; text-decoration: none; padding: 0 1rem; color: #666; transition: .3s; text-transform: uppercase; line-height: 250%; border-bottom: 1px solid #ddd; color: #393d75; font-weight: bold; background: #fff; }
  #gnb > ul > li > a.over { background: #393d75; color: #fff; }
  #gnb > ul > li > ul { display: none; left: 0; width: 100%; background: #fff; }
  #gnb > ul > li > ul > li > a { display: block; line-height: 250%; text-decoration: none; transition: .3s; padding: 0 1.6rem; border-bottom: 1px dotted #eee; }
  #util { position: absolute; left: 0; top: 0; background: #f5f5f5; height: 20px; line-height: 20px; width: 100%; text-align: center; border-bottom: 1px solid #ddd; }
  #util > ul > li { display: inline-block; }
  #util > ul > li.lang { color: #666; }
  #util > ul > li.lang > a { color: #666; }
  .slide { height: 42.5vw; overflow: hidden; position: relative; }
  .slide > ul { height: 100%; position: relative; }
  .slide > ul > li { height: 100%; position: absolute; left: 0; top: 0; text-align: center; width: 100%; }
  .slide > ul > li.over { z-index: 10; }
  .slide > ul > li p { text-align: left; padding: 0.6rem 0; }
  .slide > ul > li.slide1-1 div, .slide > ul > li.slide2-1 div { padding: 0 1rem; }
  .slide > ul > li.slide1-1 .btn_more, .slide > ul > li.slide2-1 .btn_more { color: #0d4689; border: 1px solid #0d4689; }
  .slide > ul > li.slide1-1 .txt img, .slide > ul > li.slide2-1 .txt img { width: 28.91667vw; }
  .slide > ul > li.slide1-1 .img_wrap img, .slide > ul > li.slide2-1 .img_wrap img { width: 24.75vw; }
  .slide > ul > li.slide1-1 { background: #fff; }
  .slide > ul > li.slide2-1 { background: #e6e7e8; }
  .slide > ul > li.slide1-2 p, .slide > ul > li.slide2-2 p { text-align: center; }
  .slide > ul > li.slide1-2 .btn_more, .slide > ul > li.slide2-2 .btn_more { color: #fff; border: 1px solid #fff; }
  .slide > ul > li.slide1-2 { background: url(../img/bg-slide1-2.jpg) no-repeat center center; background-size: cover; }
  .slide > ul > li.slide1-2 .txt img { width: 53.33333vw; }
  .slide > ul > li.slide2-2 { background: url(../img/bg-slide2-2.jpg) no-repeat center center; background-size: cover; }
  .slide > ul > li.slide2-2 .txt img { width: 73.66667vw; }
  .slide > ul > li.slide1-3 { background: url(../img/bg-slide1-3.png) no-repeat center center; background-size: cover; }
  .slide > ul > li.slide1-3 p { text-align: center; }
  .slide > ul > li.slide1-3 .btn_more { color: #fff; border: 1px solid #fff; }
  .slide > ul > li.slide1-3 .txt img { width: 53.33333vw; }
  .slide > .arrow { position: absolute; top: 50%; font-size: 1.68rem; margin-top: -0.84rem; z-index: 10; font-family: "Gulim"; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); opacity: .5; transition: .3s; color: #fff; text-decoration: none; }
  .slide > .arrow:hover { opacity: 1; }
  .slide > .arrow.left { left: 0.6rem; }
  .slide > .arrow.right { right: 0.6rem; }
  .slide > .pos { position: absolute; left: 0; bottom: 0.4rem; text-align: center; z-index: 10; width: 100%; }
  .slide > .pos > a { display: inline-block; width: 0.4rem; height: 0.4rem; border-radius: 100%; background: #fff; color: #fff; border: 2px solid #0d4689; line-height: 0.4rem; text-align: center; display: inline-block; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); opacity: .5; transition: .3s; color: #fff; text-decoration: none; text-indent: -9999px; margin: 0 0.2rem; }
  .slide > .pos > a:hover, .slide > .pos > a.over { opacity: 1; }
  #footer { background: #767676; color: #fff; font-size: 15px; }
  #footer > div { padding: 1.2rem; }
  #footer > div > .logo { padding-bottom: 10px; }
  #footer > div > .info p.address { font-size: 17px; letter-spacing: -1px; padding-bottom: 5px; }
  #footer > div > .info p > span { display: block; padding-bottom: 5px; }
  #footer > div > .mark img { max-height: 25px; margin-right: 10px; }
  .visual { text-align: center; height: 42.5vw; }
  .visual > div { padding: 0 1rem; }
  .visual > div p { text-align: left; padding: 0.6rem 0; }
  .visual > div .btn_more { color: #0d4689; border: 1px solid #0d4689; }
  .visual > div img.txt1 { width: 41.25vw; }
  .visual > div img.txt2 { width: 28.83333vw; }
  .visual > div img.txt3 { width: 27.91667vw; }
  .visual > div img.img1 { width: 27.91667vw; }
  .visual > div img.img2 { width: 24.75vw; }
  .visual > div img.img3 { width: 26.41667vw; }
  .content-wrap { padding: 1rem 0 4rem; }
  .content-type1 .sub-visual { color: #fff; }
  .content-type1 .sub-visual.bg1 { background: url(../img/bg-slide1-2.jpg) no-repeat center center; background-size: cover; }
  .content-type1 .sub-visual.bg2 { background: url(../img/bg-slide2-2.jpg) no-repeat center center; background-size: cover; }
  .content-type1 .sub-visual.bg3 { background: url(../img/bg-visual3.jpg) no-repeat center center; background-size: cover; color: #58595b; }
  .content-type1 .sub-visual > div { height: 8.6rem; text-align: left; }
  .content-type1 .sub-visual > div div { margin-left: 2rem; }
  .content-type1 .sub-visual > div h1 { font-size: 2.4rem; letter-spacing: -1px; font-family: 'Myriad'; font-weight: normal; }
  .content-type1.sub1-aboutus { text-align: center; }
  .content-type1.sub1-aboutus section:not(.sub-visual) { margin-top: 3rem; padding: 0 1rem; }
  .content-type1.sub1-aboutus section:not(.sub-visual):last-child { padding-bottom: 4rem; }
  .content-type1.sub1-aboutus section:not(.sub-visual) h1 { font-size: 2rem; letter-spacing: -1px; font-family: 'myriad'; font-weight: normal; margin-bottom: 1rem; }
  .content-type1.sub1-aboutus section:not(.sub-visual).intro p { font-size: 0.6rem; line-height: 130%; }
  .content-type1.sub1-aboutus section:not(.sub-visual).history { position: relative; margin-bottom: 7.2rem; }
  .content-type1.sub1-aboutus section:not(.sub-visual).history:before { content: ""; background: linear-gradient(#1cbbb4 80%, #fff); position: absolute; height: 100%; width: 8px; display: inline-block; margin-left: -4px; margin-top: 3.2rem; }
  .content-type1.sub1-aboutus section:not(.sub-visual).history > div > ul { padding-top: 2rem; }
  .content-type1.sub1-aboutus section:not(.sub-visual).history > div > ul > li { width: 50%; }
  .content-type1.sub1-aboutus section:not(.sub-visual).history > div > ul > li > ul:before { display: inline-block; width: 0.96rem; height: 0.96rem; border-radius: 100%; background: #1cbbb4; color: #fff; border: none; line-height: 0.96rem; text-align: center; content: ""; position: absolute; display: inline-block; bottom: -0.48rem; }
  .content-type1.sub1-aboutus section:not(.sub-visual).history > div > ul > li:nth-child(2n-1) { padding-right: 50%; text-align: right; }
  .content-type1.sub1-aboutus section:not(.sub-visual).history > div > ul > li:nth-child(2n-1) > ul:before { right: -0.48rem; }
  .content-type1.sub1-aboutus section:not(.sub-visual).history > div > ul > li:nth-child(2n) { padding-left: 50%; text-align: left; }
  .content-type1.sub1-aboutus section:not(.sub-visual).history > div > ul > li:nth-child(2n) > ul:before { left: -0.48rem; }
  .content-type1.sub1-aboutus section:not(.sub-visual).history > div > ul > li ul { display: inline-block; padding: 0 6.66667vw; border-bottom: 1px solid #1cbbb4; padding-bottom: 0.4rem; margin-bottom: 1rem; position: relative; }
  .content-type1.sub1-aboutus section:not(.sub-visual).history > div > ul > li li.year { font-size: 1.16rem; color: #1cbbb4; }
  .content-type1.sub1-aboutus section:not(.sub-visual).history > div > ul > li li p { line-height: 166.66667%; }
  .content-type1.sub1-aboutus section:not(.sub-visual).history > div > ul > li li .month { font-weight: bold; }
  .content-type1.sub1-aboutus section:not(.sub-visual).org > div > .img_wrap { position: relative; display: inline-block; }
  .content-type1.sub1-aboutus section:not(.sub-visual).org > div > .img_wrap > a { display: none; }
  .content-type1.sub1-aboutus section:not(.sub-visual).org > div > ul { display: none; }
  .content-type1.sub1-aboutus section:not(.sub-visual).global h1 { margin-bottom: 0; }
  .content-type1.sub1-aboutus section:not(.sub-visual).global p { color: #58595b; margin-bottom: 1rem; }
  .content-type1.sub1-aboutus section:not(.sub-visual).global .img_wrap { position: relative; display: inline-block; }
  .content-type1.sub1-aboutus section:not(.sub-visual).global .img_wrap > span { position: absolute; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75); }
  .content-type1.sub1-aboutus section:not(.sub-visual).global .img_wrap > span:nth-child(2) { left: 38.60685%; top: 41.72185%; display: inline-block; width: 5.90319%; }
  .content-type1.sub1-aboutus section:not(.sub-visual).global .img_wrap > span:nth-child(3) { left: 45.45455%; top: 49.22737%; display: inline-block; width: 5.90319%; }
  .content-type1.sub1-aboutus section:not(.sub-visual).global .img_wrap > span:nth-child(4) { left: 36.83589%; top: 52.53863%; display: inline-block; width: 5.90319%; }
  .content-type1.sub1-aboutus section:not(.sub-visual).patent ul li { display: inline-block; width: 33.3%; box-sizing: border-box; margin-bottom: 1.2rem; vertical-align: top; }
  .content-type1.sub1-aboutus section:not(.sub-visual).patent ul li .img_wrap { height: 27.08333vw; line-height: 27.08333vw; text-align: center; position: relative; }
  .content-type1.sub1-aboutus section:not(.sub-visual).patent ul li .img_wrap > img { box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); }
  .content-type1.sub1-aboutus section:not(.sub-visual).patent ul li .no-image { display: block; background: #f5f5f5; color: #666; }
  .content-type1.sub1-aboutus section:not(.sub-visual).patent ul li .title { padding-top: 0.6rem; }
  .content-type1.sub2-product > .intro > .subject { height: 16rem; text-align: center; border: 1px solid #ddd; }
  .content-type1.sub2-product > .intro > .subject h1 { font-size: 2rem; padding: 0.6rem 0; font-family: "Arial"; margin-top: -4rem; }
  .content-type1.sub2-product > .intro > .subject p { line-height: 125%; color: #666; }
  .content-type1.sub2-product > .intro > .bg { background: url(../img/bg-visual1.jpg) no-repeat center center; background-size: cover; height: 30vw; }
  .content-type1.sub2-product > .intro > .profile { text-align: center; margin-top: -41.66667vw; position: relative; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap { display: inline-block; position: relative; margin-left: 8.33333vw; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap > img { width: 39.33333vw; height: 59.08333vw; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap > a { display: inline-block; width: 2.91667vw; height: 2.91667vw; border-radius: 100%; background: none; color: #fff; border: 1px solid #fe4545; line-height: 2.91667vw; text-align: center; position: absolute; text-decoration: none; transition: .3s; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap > a > span { display: inline-block; width: 2.08333vw; height: 2.08333vw; border-radius: 100%; background: #fe4545; color: #fff; border: none; line-height: 2.08333vw; text-align: center; margin: 0.41667vw 0; transition: .3s; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap > a:hover, .content-type1.sub2-product > .intro > .profile > .img_wrap > a.active { border-color: #414042; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap > a:hover > span, .content-type1.sub2-product > .intro > .profile > .img_wrap > a.active > span { background: #414042; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap > a.point1 { left: 59.74576%; top: 0.84626%; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap > a.point2 { left: 69.91525%; top: 16.22003%; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap > a.point3 { left: 2.75424%; top: 19.18195%; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap > a.point4 { left: 59.74576%; top: 50.07052%; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap > a.point5 { left: 38.13559%; top: 69.11142%; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap > a.point6 { left: 75.42373%; top: 97.46121%; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap > a.point7 { left: 38.13559%; top: 44.42877%; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap > a.point8 { left: 38.13559%; top: 91.67842%; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap2 { display: inline-block; position: relative; margin-left: -16.66667vw; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap2 > img { width: 40.41667vw; height: 55.83333vw; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap2 > a { display: inline-block; width: 2.91667vw; height: 2.91667vw; border-radius: 100%; background: none; color: #fff; border: 1px solid #fe4545; line-height: 2.91667vw; text-align: center; position: absolute; text-decoration: none; transition: .3s; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap2 > a > span { display: inline-block; width: 2.08333vw; height: 2.08333vw; border-radius: 100%; background: #fe4545; color: #fff; border: none; line-height: 2.08333vw; text-align: center; margin: 0.41667vw 0; transition: .3s; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap2 > a:hover, .content-type1.sub2-product > .intro > .profile > .img_wrap2 > a.active { border-color: #414042; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap2 > a:hover > span, .content-type1.sub2-product > .intro > .profile > .img_wrap2 > a.active > span { background: #414042; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap2 > a.point1 { left: 80.41237%; top: 0.14925%; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap2 > a.point2 { left: 43.91753%; top: 13.28358%; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap2 > a.point3 { left: 87.83505%; top: 21.19403%; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap2 > a.point4 { left: 62.26804%; top: 29.10448%; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap2 > a.point5 { left: 87.83505%; top: 52.98507%; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap2 > a.point6 { left: 25.7732%; top: 97.91045%; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap2 > a.point7 { left: 73.19588%; top: 31.9403%; }
  .content-type1.sub2-product > .intro > .profile > .img_wrap2 > a.point8 { left: 68.04124%; top: 85.07463%; }
  .content-type1.sub2-product > .intro > .profile > .open { width: 24.58333vw; text-align: center; position: absolute; left: 50%; top: 12.5vw; margin-left: 19.66667vw; color: #666; line-height: 160%; display: none; }
  .content-type1.sub2-product > .intro > .profile > .open > .img_wrap { margin-bottom: .6rem; }
  .content-type1.sub2-product > .intro > .profile > .open > .img_wrap img { width: 15.75vw; }
  .content-type1.sub2-product > .intro > .profile > .open.t2 > .img_wrap { margin-left: -9.58333vw; }
  .content-type1.sub2-product > .intro > .profile > .open.t2 > .img_wrap img { width: 20.66667vw; } }
@media (max-width: 1199px) and (max-width: 640px) { .content-type1.sub2-product > .intro > .profile > .open { top: -10px; }
  .content-type1.sub2-product > .intro > .profile > .open.t2 { top: 2rem; line-height: 100%; } }
@media (max-width: 1199px) { .content-type1.sub2-product > .intro > .profile > .dialogue { position: absolute; left: 0; top: 110%; }
  .content-type1.sub2-product > .intro > .profile > .dialogue > ul > li { position: absolute; left: 8.33333vw; top: 0; background: #fff; box-shadow: 5px 5px 24px rgba(0, 0, 0, 0.37); width: 83.33333vw; padding: 0.6rem 0; display: none; }
  .content-type1.sub2-product > .intro > .profile > .dialogue > ul > li .img_wrap { text-align: center; padding: 0.6rem 0; }
  .content-type1.sub2-product > .intro > .profile > .dialogue > ul > li .title { background: #9b9b9b; color: #fff; font-size: 0.68rem; line-height: 160%; margin-bottom: 0.6rem; }
  .content-type1.sub2-product > .intro > .profile > .dialogue > ul > li .desc { font-size: 0.52rem; color: #58595b; line-height: 145%; padding: 0 1rem; }
  .content-type1.sub2-product > .character { text-align: center; margin-top: 2rem; }
  .content-type1.sub2-product > .character h1 { font-size: 2rem; margin-bottom: 2rem; }
  .content-type1.sub2-product > .character article { display: inline-block; width: 45%; padding: 0 2.5%; box-sizing: border-box; font-size: 0.6rem; color: #666; line-height: 140%; vertical-align: top; margin-bottom: 2rem; } }
@media (max-width: 1199px) and (max-width: 640px) { .content-type1.sub2-product > .character article { display: block; width: auto; } }
@media (max-width: 1199px) { .content-type1.sub2-product > .character article h2 { font-size: 0.88rem; line-height: 200%; border: solid #39bb9d; border-width: 1px 0; margin-bottom: 0.6rem; color: #000; letter-spacing: -1px; }
  .content-type1.sub2-product > .character article p { padding: 0 1rem; }
  .content-type1.sub2-product > .video_wrap > div { position: relative; }
  .content-type1.sub2-product > .video_wrap > div > .player { position: absolute; left: calc(50% - 2.66rem); top: calc(50% - 2.66rem); }
  .content-type1.sub2-product > .video_wrap > div > .player img { width: 5.32rem; height: 5.32rem; }
  .content-type1.sub2-product > .product-tab { padding: 3rem 1rem 0; }
  .content-type1.sub2-product > .product-tab > nav > ul > li { display: inline-block; }
  .content-type1.sub2-product > .product-tab > nav > ul > li > a { display: block; font-size: 1.12rem; color: #fff; background: #8b8b8b; line-height: 200%; padding-bottom: 0.2rem; text-align: center; width: 6.24rem; border-radius: 5px 5px 0 0; text-decoration: none; margin-right: 3px; transition: .3s; }
  .content-type1.sub2-product > .product-tab > nav > ul > li.active > a, .content-type1.sub2-product > .product-tab > nav > ul > li:hover > a { background: #6f7298; transition: .3s; }
  .content-type1.sub2-product > .product-tab > article { border: 1rem solid #eee; border-radius: 10px; position: relative; top: -0.2rem; display: none; padding-left: 35%; box-sizing: border-box; height: 25rem; }
  .content-type1.sub2-product > .product-tab > article.active { display: block; }
  .content-type1.sub2-product > .product-tab > article > div.img_wrap { position: absolute; left: 0; top: 0; width: 35%; height: 100%; text-align: center; }
  .content-type1.sub2-product > .product-tab > article > div h1 { font-size: 2rem; padding-bottom: 1rem; letter-spacing: -1px; }
  .content-type1.sub2-product > .product-tab > article > div li { line-height: 220%; color: #888; } }
@media (max-width: 1199px) and (max-width: 640px) { .content-type1.sub2-product > .product-tab > article { padding: 0.6rem; height: auto; }
  .content-type1.sub2-product > .product-tab > article > div.img_wrap { width: 100%; position: static; padding-bottom: 1rem; } }
@media (max-width: 1199px) { .content-type1.sub2-product > .operation { padding: 2rem 0 3rem; }
  .content-type1.sub2-product > .operation h1 { font-size: 2rem; letter-spacing: -1px; text-align: center; }
  .content-type1.sub2-product > .operation table { text-align: center; border-spacing: 0; border-collapse: collapse; line-height: 200%; box-sizing: border-box; width: calc(100% - 1rem); margin: 1rem 0.5rem; font-size: 0.68rem; color: #666; }
  .content-type1.sub2-product > .operation table th { background: #6f7298; color: #fff; }
  .content-type1.sub2-product > .operation table td { border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; }
  .content-type1.sub2-product > .operation table td:nth-child(1) { border-left: none; }
  .content-type1.sub2-product > .operation .ps { text-align: center; padding-top: 1rem; color: #6f7298; font-size: 0.56rem; }
  .content-type1.sub2-product > .operation .img_wrap { text-align: center; margin-top: 2rem; padding: 0 1rem; }
  .content-type1.sub4-contactus { padding: 0; }
  .content-type1.sub4-contactus h2 { font-size: 1.6rem; padding-bottom: 1rem; color: #393d75; }
  .content-type1.sub4-contactus > .contact { padding-top: 1rem; }
  .content-type1.sub4-contactus > .contact > div { padding: 0 0.6rem; }
  .content-type1.sub4-contactus > .location { background: #fafafa; padding: 1rem 0.6rem; }
  .content-type1.sub4-contactus > .location > div > .map > iframe { height: 33.33333vw; }
  .content-type1.sub4-contactus > .location > div > .info { margin-top: 1rem; font-size: 0.68rem; }
  .content-type1.sub4-contactus > .location > div > .info p { padding-bottom: 0.6rem; }
  .content-type1.sub4-contactus > .location > div > .info span { display: inline-block; vertical-align: top; }
  .content-type1.sub4-contactus > .location > div > .info span.lbl { font-weight: bold; width: 10%; }
  .content-type1.sub4-contactus > .location > div > .info span.desc { width: 90%; } }
@media (max-width: 1199px) and (max-width: 640px) { .content-type1.sub4-contactus > .location > div > .info span.lbl { width: 20%; }
  .content-type1.sub4-contactus > .location > div > .info span.desc { width: 80%; } }
@media (max-width: 1199px) { .content-type1 .table { width: 100%; border-top: 2px solid #666; background: #fff; }
  .content-type1 .table > .tr { border-bottom: 1px solid #ddd; }
  .content-type1 .table > .tr > div { display: inline-block; vertical-align: top; box-sizing: border-box; padding: 0.2rem 0.6rem; line-height: 200%; font-size: 0.6rem; }
  .content-type1 .table > .tr > div.lbl { width: 30%; font-weight: bold; color: #0d4689; }
  .content-type1 .table > .tr > div.desc { width: 70%; }
  .content-type1 .table > .tr > div.desc input[type='text'], .content-type1 .table > .tr > div.desc textarea { width: 90%; }
  .content-type1 .table + .btn_group { text-align: center; margin: 1rem 0; } }

/*# sourceMappingURL=common.css.map */