@charset "UTF-8";

#sub #wrapper {padding-top:160px;}
.sub-title {margin-bottom:40px; position:relative;}
.sub-title h2 {font-size:70px; line-height:1.4em;font-weight:700;}
/*
.sub-title .loca-nav {position:absolute; top:10px; right:0;}*/
.sub-title .loca-nav ul {display:flex;}
.sub-title .loca-nav ul li {padding:0 16px; position:relative; font-size:16px; line-height:1.3em; color:rgba(21,21,21,.80);}
.sub-title .loca-nav ul li:first-child:before {content:"";position:absolute; top:7px; left:0; width:7px; height:7px; background:#002b60; border-radius:100%;}
.sub-title .loca-nav ul li:after {content:""; position:absolute; top:50%; left:-3.5px; transform:translateY(-50%) rotate(-45deg); width:7px; height:7px; border-right:1px solid #151515; border-bottom:1px solid #151515; opacity:.80;}
.sub-title .loca-nav ul li:first-child:after {display:none;}

.sub-vis {position:relative; width:100%; height:577px; overflow:hidden;}
.sub-vis .content {position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); z-index:10}
.sub-vis .content h2 {font-size:90px; line-height:1.3em; font-weight:700; letter-spacing:-.04em; margin-bottom:10px;}
.sub-vis .content .txt {font-size:30px; line-height:1.3em; color:#002b60; font-weight:700; margin-bottom:10px;}
.sub-vis .content .cnt {font-size:22px; line-height:1.4em; opacity:.80;}
.sub-vis .content img {vertical-align:middle; margin-right:10px;}
.sub-vis.about {height:800px}
.sub-vis.about .content {text-align:center;}
.sub-vis.about .content .txt {font-size:50px; line-height:1.28em;  color:#fff;}
.sub-vis.about .content .txt.txt2 {font-size:46px; line-height:1.4em;}
.sub-vis .background {
	position:absolute; 
	top:0; 
	left:0;
	width:100%; height:100%;	
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	transform:scale(1.09);
    -ms-transform:scale(1.09); /* IE 9 */
    -moz-transform:scale(1.09); /* Firefox */
    -webkit-transform:scale(1.09); /* Safari and Chrome */
    -o-transform:scale(1.09); /* Opera */
	transition: all 2s ease-out 0s;
	transition-delay: 0.1s;
	z-index:0;
}
.sub-vis.load .background {
	transform:scale(1);
    -ms-transform:scale(1); /* IE 9 */
    -moz-transform:scale(1); /* Firefox */
    -webkit-transform:scale(1); /* Safari and Chrome */
    -o-transform:scale(1); /* Opera */
}

.sub-vis .background-m {display:none;}



.lnb {margin-bottom:65px;}
.lnb ul {display:flex; margin:0 -20px;}
.lnb ul li {width:auto; text-align:center; padding:0 20px;}
.lnb ul li a {position:relative; display:flex; align-items:center; justify-content:center; height:50px; color:rgba(21,21,21,.80); font-size:18px; line-height:1.4em;}
.lnb ul li a:after {content:"";position:absolute; bottom:0; left:0; width:100%; height:4px; background:#002b60; opacity:0;}
.lnb ul li.active a {color:#002b60; font-weight:700;}
.lnb ul li.active a:after {opacity:1;}

body.page-url-privacy--fc .lnb {display:none;}

.lnb-menu {margin-bottom:75px;}
.lnb-menu ul {display:flex;}
.lnb-menu ul li {flex:1; width:auto; text-align:center; margin-left:-1px;}
.lnb-menu ul li a {position:relative; display:flex; align-items:center; justify-content:center; height:60px; border:1px solid #dedede; font-size:18px; line-height:1.4em; color:rgba(21,21,21,.80);}
.lnb-menu ul li a:after {content:"";position:absolute; top:0; left:0; width:100%; height:100%; border:2px solid #151515; opacity:0;}
.lnb-menu ul li:first-child {margin-left:0;}
.lnb-menu ul li.on a {font-weight:700; color:#151515;}
.lnb-menu ul li.on a:after {opacity:1;}

/* content */

#contArea {position:relative; max-width:1440px; width:100%; padding:0 20px; margin:0 auto;}
#contArea.wide {max-width:100%; padding:0;}

.real-cont {padding-bottom:150px;}
.real-cont.none {padding-bottom:0;}

.doc-title {margin-bottom:30px;}
.doc-title h3 {font-size:40px; line-height:1.18em; font-weight:700;}
.doc-title .cnt {font-size:20px; line-height:1.25em; color:rgba(21,21,21,.80); margin-top:30px;}
.doc-title img {vertical-align:middle; margin-right:10px;}

.product-top {padding:120px 0;}
.product-top ul {display:flex; margin:0 -5px;}
.product-top ul li {width:33.333333%; padding:0 5px;}
.product-top ul li .pic img {width:100%;}
.product-top ul li .tit {font-size:26px;line-height:1em; font-weight:600; margin-bottom:25px; margin-top:24px;}
.product-top ul li p {font-size:20px;line-height:1.25em; opacity:.80;}
.product-top.type2 ul li {width:25%;}

.product-process {background:url('../img/sub/ray50_bg.jpg') 50% 50% no-repeat; background-size:cover; padding:120px 0; font-size:20px;line-height:1.25em;}
.product-process .inner {display:flex;}
.product-process .group {display:flex; align-items:center; border-bottom:1px solid #dedede; padding-bottom:80px; margin-bottom:80px;}

@media (min-width: 900px) {
    .product-process .group.reverse {
        flex-direction: row-reverse;
    }
    .product-process .group.reverse .photo {
        margin-right: 0;
        margin-left: 30px;
    }
}
.product-process .group:last-child {margin-bottom:0; padding-bottom:0; border-bottom:0;}
.product-process .photo {width:566px; margin-right:60px;}
.product-process .photo img {width:100%;}
.product-process .info {flex:1 1 auto; min-width:0; width:1%; }
.product-process .info ul {display:flex; margin-left:-12px;}
.product-process .info ul li {width:calc(33.333333% - 12px); display:flex; align-items:center; color:rgba(15,15,15,.60);margin-left:12px; border-radius:14px; background:rgba(255,255,255,.44); padding:40px 15px 40px 25px;}
.product-process .info ul li span {font-size:16px;}
.product-process.type2 .inner {display:block;}

.product-screen {padding:130px 0;}
.product-screen .group {border-bottom:1px solid #dedede; display:flex; padding-bottom:120px; margin-bottom:120px;}
.product-screen .group:last-child {border-bottom:0; padding-bottom:0; margin-bottom:0;}
.product-screen .info {flex:1 1 auto; min-width:0; width:1%;}
.product-screen .info .doc-title .cnt {margin-top:20px;}
.product-screen .info .doc-title .cnt .number {font-size:26px; line-height:1.4em; color:#002b60;font-weight:700; margin-bottom:10px;}
.product-screen .photo {width:572px; margin-left:50px;}
.product-screen .photo img {width:100%;}
.product-screen .group:nth-child(2) .info .doc-title h3 {font-weight:600;}

.product-image {background:#f9f9f9; padding:130px 0;}
.product-image .doc-title {margin-bottom:50px;}
.product-image ul {display:flex; margin:0 -5px;}
.product-image ul li {width:33.333333%; padding:0 5px;}
.product-image ul li .photo {position:relative;}
.product-image ul li .pic img {width:100%;}
.product-image ul li .tit {position:absolute; bottom:40px; left:0; width:100%; padding:0 20px; text-align:center;font-size:26px; line-height:1.4em; font-weight:700; z-index:2;}
.product-image.option {background:#fff;}

.product-store {background:#f9f9f9; padding:130px 0;}
.product-store .doc-title {text-align:center; margin-bottom:50px;}
.product-store ul {display:flex; flex-wrap:wrap; margin:0 -10px -20px;}
.product-store ul li {width:50%; padding:0 10px; margin-bottom:20px;}
.product-store ul li .photo {position:relative;}
.product-store ul li .pic img {width:100%;}
.product-store ul li .tit {position:absolute; bottom:40px; right:0;  color:#fff; width:100%; padding:0 55px; text-align:right;font-size:26px; line-height:1.4em; font-weight:700; z-index:2;}
.product-store ul li .cnt {font-size:20px ;line-height:1.3em; opacity:.80; margin-top:10px; font-weight:400;}
.product-store.type2 ul li {width:33.333333%;}
.product-store.bg-white {background:#fff;}
.product-store .img-tit {font-size:20px ;line-height:1.3em; opacity:.80; margin-top:20px; font-weight:400; text-align:center;}

.product-specs {padding:130px 0;}
.product-specs .doc-title {text-align:center; margin-bottom:50px;}
.product-specs .group {border-bottom:1px solid #dedede; padding-bottom:75px; margin-bottom:75px;}
.product-specs .group:last-child {border-bottom:0; padding-bottom:0; margin-bottom:0;}
.product-specs ul {display:flex; flex-wrap:wrap; margin:0 -20px -20px;}
.product-specs ul li {width:calc(20% - 20px); margin-left:20px; margin-bottom:20px; background:#fafafa; border-radius:10px; padding:30px;}
.product-specs ul li dl dt {font-size:26px; line-height:1.2em;font-weight:600; margin-bottom:15px;}
.product-specs ul li dl dd {font-size:18px; line-height:1.25em; color:rgba(21,21,21,.80);}
.product-specs ul li dl dd p {position:relative; padding-left:10px;}
.product-specs ul li dl dd p:before {content:""; position:absolute; top:9px; left:0; width:3px; height:3px; background:#063064; border-radius:100%;}
.product-specs .group.type1 ul li:last-child {width:calc(80% - 20px);}
.product-specs .group.type2 ul li {width:calc(50% - 20px);}
.product-specs .group.type3 ul li {width:calc(40% - 20px);}
.product-specs .group.ray51 ul li:last-child {width:calc(20% - 20px);}
.product-specs.bg-gray {background:#f9f9f9;}
.product-specs.bg-gray ul li {background:#fff;}

.product-printer {background:url('../img/sub/ray51_printer_bg.jpg') 0 50% no-repeat; background-size:cover; padding:90px 0 40px;}
.product-printer .doc-title {margin-bottom:110px;}
.product-printer .wrap {display:flex; align-items:center; padding-left:60px;}
.product-printer .photo {width:50%; padding-right:134px;}
.product-printer .pic {max-width:820px; width:100%; margin-left:auto;}
.product-printer .info {width:50%; padding-right:20px;}
.product-printer .info .box {max-width:700px; width:100%; margin-right:auto;}
.product-printer ul {display:flex; flex-wrap:wrap; margin-left:-12px; margin-bottom:-12px;}
.product-printer ul li {width:calc(50% - 12px); display:flex; align-items:center; color:rgba(15,15,15,.60);margin-left:12px; margin-bottom:12px;border-radius:14px; background:rgba(255,255,255,.44); padding:40px 15px 40px 25px;}
.product-printer ul li dl {opacity:.60; font-size:20px; line-height:1.4em;}
.product-printer ul li dl dt {font-weight:700;}

.product-config {background:#f9f9f9; padding:120px 0;}
.product-config .doc-title {position:relative; z-index:2;}
.product-config .image {position:relative; margin-top:-100px; z-index:0;}

.product-function {padding:120px 0;}
.product-function .doc-title {margin-bottom:50px;}
.product-function .group.first {border-bottom:1px solid #dedede; padding-bottom:100px; margin-bottom:100px;}
.product-function .group.image-type  {position:relative; margin-bottom:100px; padding-bottom:100px;}
.product-function .group.image-type:after {content:"";position:absolute; bottom:0; left:0; width:100%; height:50%; background:#f9f9f9; z-index:-1;}
.product-function ul {display:flex; margin:0 -5px;}
.product-function ul li {width:50%; padding:0 5px;}
.product-function ul li .photo {position:relative;}
.product-function ul li .pic img {width:100%;}
.product-function ul li .tit {position:absolute; bottom:40px; left:0; width:100%; padding:0 20px; text-align:center;font-size:26px; line-height:1.4em; font-weight:700; z-index:2;}

.product-app-slider {background:#f7f7f7; padding:120px 0;}
.product-app-slider .wrap {display:flex;}
.product-app-slider .info {width:50%; padding-left:20px;}
.product-app-slider .info .box {max-width:700px; width:100%; margin-left:auto; padding-top:80px;}
.product-app-slider .info .cnt {opacity:.80; font-size:20px;line-height:1.4em;}
.product-app-slider .info .cnt ul li {margin-bottom:5px; display:flex;}
.product-app-slider .info .cnt ul li:last-child {margin-bottom:0;}
.product-app-slider .info .cnt ul li .num {color:#002b60;font-weight:700; margin-right:10px;}
.product-app-slider .info .btns {margin-top:45px; display:flex; align-items:center;}
.product-app-slider .info .btns .app-btns {width:24px; height:45px; background-position:50% 50%; background-repeat:no-repeat; background-size:contain; opacity:.50;}
.product-app-slider .info .btns .app-btns.app-button-prev {background-image:url('../img/sub/slide_prev.png');}
.product-app-slider .info .btns .app-btns.app-button-next {background-image:url('../img/sub/slide_next.png');}
.product-app-slider .info .btns .app-btns:hover {opacity:1;}
.product-app-slider .info .btns .bar {width:1px; height:36px; background:#151515; margin:0 20px;}
.product-app-slider .photo {width:50%;}
.product-app-slider .photo ul {margin:0 -15px;}
.product-app-slider .photo li {width:344px; position:relative; padding:15px 15px;}
.product-app-slider .photo .pic {position:relative; box-shadow:3px 10px 10px rgba(0,0,0,.050); border-radius:20px; overflow:hidden;}
.product-app-slider .photo .pic img {width:100%}
.product-app-slider .photo .pic:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%;border:1px solid #fff; border-radius:20px;}
.product-app-slider .photo .tit {position:absolute; top:40px; left:0; width: 100%; padding:0 25px 0 45px; font-size:26px; line-height:1.2em; font-weight:700; z-index:2;}

.product-retail {background:url('../img/sub/ray71_retail_bg1_241126.jpg') 50% 50% no-repeat; background-size:cover; height:950px; display:flex; align-items:center; color:#fff;}
.product-retail.various {background-image:url('../img/sub/ray71_retail_bg2.jpg'); height:905px;}
.product-retail .doc-title .cnt {color:rgba(255,255,255,.80); margin-top:15px;}

.datasheet-download {background:url('../img/sub/datesheet_bg.jpg') 50% 50% no-repeat; background-size :cover; padding:120px 0;}
.datasheet-download ul {display:flex; flex-wrap:wrap; margin-left:-44px;}
.datasheet-download ul li {width:calc(50% - 44px); margin-left:44px; border:1px solid #dedede; background:#fff;}
.datasheet-download ul li a {display:flex; align-items:center; padding:55px 50px;}
.datasheet-download ul li .info {flex:1 1 auto; min-width:0; width:1%;}
.datasheet-download ul li .info dl dt {font-size:36px; line-height:1.2em;font-weight:700; margin-bottom:15px;}
.datasheet-download ul li .info  dl dd {font-size:18px; line-height:1.25em; color:rgba(21,21,21,.80);}
.datasheet-download ul li .ico {margin-left:50px;}


.company-top {padding:100px 0;}
.company-box {border:1px solid #dedede; padding:52px; text-align:center; margin-bottom:60px;}

.terminal-image {position:relative; height:741px;}
.terminal-image .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:url('../img/sub/ray90_img4.jpg') 50% 50% no-repeat; background-size:cover;}

.terminal-led {background:#f9f9f9; padding:120px 0;}
.terminal-led .doc-title {text-align:center; margin-bottom:50px;}
.terminal-led .group {display:flex;}
.terminal-led .info {width:50%; display:flex; align-items:center;}
.terminal-led .info .photo {width:313px; margin-right:50px;}
.terminal-led .info .photo img {width:100%;}
.terminal-led .info .text {flex:1 1 auto; min-width:0; width:1%;}
.terminal-led .info .tit {font-size:40px; line-height:1.3em;font-weight:700; margin-bottom:10px;}
.terminal-led .info .cnt {opacity:.80; font-size:20px; line-height:1.4em;}
.terminal-led .info .cnt p {position:relative; padding-left:10px;}
.terminal-led .info .cnt p:before {content:"";position:absolute; top:12px; left:0; width:3px; height:3px; border-radius:100%; background:#002b60;}
.terminal-led .list {width:50%; padding-left:46px;}
.terminal-led .list ul {display:flex; margin:0 -12px;}
.terminal-led .list ul li {width:50%; padding:0 12px; text-align:center;}
.terminal-led .list .pic img {width:100%;}
.terminal-led .list .title {font-size:26px; line-height:1.3em;font-weight:600; margin-top:20px;} 



.solution-what {padding-top:120px;}

.value-inner {background:#f9f9f9; padding:120px 0;}
.value-inner ul {display:flex; margin-left:-30px;}
.value-inner ul li {width:calc(33.333% - 30px); margin-left:30px; background:#fff; box-shadow:10px 10px 10px rgba(0,0,0,.020); padding:50px;}
.value-inner ul li .icon {text-align:right; margin-bottom:100px;}
.value-inner ul li .num {font-size:26px; line-height:1.4em; font-weight:700; color:#002b60; margin-bottom:20px;}
.value-inner ul li .tit {font-size:26px; line-height:1.3em; font-weight:700; margin-bottom:20px;}
.value-inner ul li .cnt {font-size:20px; line-height:1.3em; opacity:.80;}

.company-mission {background:#f9f9f9; padding:120px 0;}
.company-mission .doc-title {text-align:center; margin-bottom:50px;}
.company-mission ul {display:flex; margin:0 -15px;}
.company-mission ul li {width:18%; padding:0 15px; height:592px;}
.company-mission ul li a {display:block; position:relative; cursor: default; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.company-mission ul li:nth-child(1) a {background-image:url('../img/sub/mission_slide1.jpg');}
.company-mission ul li:nth-child(2) a {background-image:url('../img/sub/mission_slide2.jpg');}
.company-mission ul li .content {position:absolute; top:55px; left:0; padding:0 25px; color:#fff; z-index:1; transition: all 0.3s ease-in-out;}
.company-mission ul li .tit {font-size:30px; line-height:1.3em;font-weight:700; transition: all 0.3s ease-in-out;}
.company-mission ul li .cnt {display:none; font-size:20px; line-height:1.5em; opacity:.80; margin-top:30px;}
.company-mission ul li.active {width:82%;}
.company-mission ul li.active .content {top:auto; bottom:80px; padding:0 80px;}
.company-mission ul li.active .tit {font-size:60px;}
.company-mission ul li.active .cnt {display:block;}

.company-strategic {padding:120px 0; position:relative;}
.company-strategic .doc-title {text-align:center; margin-bottom:50px;}
.company-strategic .group {display:flex; align-items:center; margin-bottom:120px;}
.company-strategic .group:last-child {margin-bottom:0;}
.company-strategic .group .photo {width:50%;}
.company-strategic .group .photo img {width:100%;}
.company-strategic .group .info {width:50%; padding-left:80px;}
.company-strategic .group .info dl dt {font-size:36px; line-height:1.4em; font-weight:700; margin-bottom:20px;}
.company-strategic .group .info dl dd {font-size:20px; line-height:1.4em; opacity:.80;}
.company-strategic .group:nth-child(even) .photo {order:2;}
.company-strategic .group:nth-child(even) .info {order:1; padding-left:0; padding-right:80px;}
.company-strategic .scroll-text {position:absolute; top:50%; left:0; width:100%; height:1.1em; color:#f7f7f7; transform:translateY(-50%); z-index:-1; font-size: 15rem;line-height: 1em; font-weight: 700; overflow:hidden;}
.company-strategic .scroll-text ul {display:flex; position:absolute; top:0; left:0; width:5000px}
.company-strategic .scroll-text ul li {animation: aniText 15s linear infinite; white-space: nowrap;}
@keyframes aniText {
  0% {
      transform: translateX(0);
  }
  100% {
      transform: translateX(-100%);
  }
}

.company-why {position:relative; background:#f9f9f9; padding:120px 0; overflow:hidden;}
.company-why .doc-title {text-align:center; margin-bottom:50px;}
.company-why .bg-text {position:absolute; bottom:-7rem; left:0; width:100%; color:#fff; font-size: 24rem; height:1.1em; line-height: 1em; font-weight: 700; overflow:hidden; z-index:1;}
.company-why .bg-text p {position:absolute; left:0; top:0; width:3000px;}
.company-why .why-inner {display:flex; position:relative; z-index:2;}
.company-why .info {width:50%; padding-left:20px;} 
.company-why .info .box {max-width:700px; margin-left:auto; position:relative; width:100%; padding-top:170px; padding-right:80px;}
.company-why .info .slick-dots {position:absolute; left:0; top:-100px; display:flex; align-items:center; margin-left:-13px;}
.company-why .info .slick-dots li {padding:0 13px;}
.company-why .info .slick-dots li button {position:relative; border:0; width:30px; height:50px; text-align:center; background:transparent; font-size:26px; line-height:50px; color:#002b60; font-weight:700; opacity:.5;}
.company-why .info .slick-dots li button:after {content:""; position:absolute; bottom:0; left:0; width:100%; height:3px; background:#002b60; opacity:0;}
.company-why .info .slick-dots li button:focus {outline:0;}
.company-why .info .slick-dots li.slick-active button {opacity:1;}
.company-why .info .slick-dots li.slick-active button:after {opacity:1;}
.company-why .info dl dt {font-size:36px; line-height:1.4em; font-weight:700; margin-bottom:20px;}
.company-why .info dl dd {font-size:20px; line-height:1.4em; opacity:.80;}
.company-why .photo {width:50%; position:relative; overflow:hidden;}
.company-why .photo .photo-box {max-width:700px; width:100%; margin-right:auto;}
.company-why .photo .slick-list {margin-left:-33px; overflow:visible;}
.company-why .photo .item {padding-left:33px; opacity:.30;}
.company-why .photo .item.slick-current {opacity:1;}
.company-why .photo .btns {position:absolute; bottom:0; width:77px; height:77px; background-repeat:no-repeat; background-position:50% 50%;}
.company-why .photo .btns.why-bt-prev {left:0; background-color:#151515; background-image:url('../img/sub/why_bt_prev.png');}
.company-why .photo .btns.why-bt-next {left:77px; background-color:#151515; background-image:url('../img/sub/why_bt_next.png');}
.company-why .photo .btns:hover {background-color:#002b60}
.company-why .photo .btns:focus {outline:0;}

.company-core {padding:120px 0;}
.company-core .doc-title {text-align:center; margin-bottom:50px;}
.company-core ul {display:flex; margin-left:-65px; padding-top:58px;}
.company-core ul li {width:calc(33.333333% - 65px); margin-left:65px; position:relative; background:#f9f9f9; text-align:center; padding:120px 30px 60px;}
.company-core ul li .ico {position:absolute; top:-58px; left:50%; width:137px; height:137px; background:#002b60; border-radius:100%; transform:translateX(-50%); overflow:hidden;}
.company-core ul li dl dt {font-size:26px;line-height:1.4em; font-weight:700; color:#002b60; margin-bottom:20px;}
.company-core ul li dl dd {font-size:20px ;line-height:1.3em; opacity:.80;}

.company-what {padding:120px 0; background:#f9f9f9;}
.company-what .doc-title {text-align:center; margin-bottom:50px;}
.company-what .head {margin-bottom:120px;}
.company-what .head .image {margin-bottom:30px;}
.company-what .head .cnt {font-size:22px; line-height:1.4em; opacity:.80;}
.company-what .group {display:flex; align-items:center; margin-bottom:120px;}
.company-what .group:last-child {margin-bottom:0;}
.company-what .group .info {width:50%; padding-right:80px;}
.company-what .group .info dl dt {font-size:36px;line-height:1.4em; font-weight:700; margin-bottom:20px;}
.company-what .group .info dl dd {font-size:20px ;line-height:1.3em; opacity:.80; margin-bottom:20px;}
.company-what .group .info dl dd:last-child {margin-bottom:0;}
.company-what .group .photo {width:50%;}
.company-what .group .photo img {width:100%;}
.company-what .sec-group:nth-child(even) .group .info {order:2; padding-right:0; padding-left:80px;}
.company-what .sec-group:nth-child(even) .group .photo {order:1;}

.location-inner .maps {margin-bottom:70px;}
.location-inner .maps iframe {width:100% !important; height:620px !important;}
.location-inner .group {display:flex; margin:0 -155px;}
.location-inner .group .g-col {width:50%; position:relative; padding:0 155px;}
.location-inner .group .g-col:after {content:""; position:absolute; top:50%; left:0; width:1px; height:186px; background:#dedede; transform:translateY(-50%);}
.location-inner .group .g-col:first-child:after {display:none;}
.location-inner h3 {font-size:36px;line-height:1.4em;font-weight:700; margin-bottom:25px;}
.location-inner .text-row {margin-bottom:30px;}
.location-inner .text-row:last-child {margin-bottom:0;}
.location-inner .text-row dl dt {position:relative; font-size:20px ;line-height:1.3em;font-weight:700; margin-bottom:10px; padding-left:25px;}
.location-inner .text-row dl dt:before {content:""; position:absolute; top:3px; left:0; width:21px; height:21px; background-repeat:no-repeat; background-position:50% 50%; background-size:contain;}
.location-inner .text-row dl dd {font-size:20px;line-height:1.25em; opacity:.80;}
.location-inner .text-row dl.addr dt:before {background-image:url('../img/sub/ico_addr.png');}
.location-inner .text-row dl.tel dt:before {background-image:url('../img/sub/ico_tel.png');}
.location-inner .text-row dl.fax dt:before {background-image:url('../img/sub/ico_fax.png');}
.location-inner .text-row dl.email dt:before {background-image:url('../img/sub/ico_email.png');}
.location-inner .text-row ul {display:flex; margin:0 -30px;}
.location-inner .text-row ul li {padding:0 30px;}

.tms-content {font-size:20px ;line-height:1.5em; margin-bottom:120px; color:rgba(21,21,21,.80);}
.tms-inner {font-size:20px;line-height:1.5em;}
.tms-inner .group {padding:140px 0; background:#f9f9f9;}
.tms-inner .group .inner {display:flex; align-items:center;}
.tms-inner .group .info {flex:1 1 auto; min-width:0; width:1%; font-size:20px;line-height:1.5em;}
.tms-inner .group h3 {font-size:26px; line-height:1.4em; color:#002b60;font-weight:700; margin-bottom:15px;}
.tms-inner .group .tit {font-weight:700; margin-bottom:15px;}
.tms-inner .group ul li {position:relative; padding-left:10px; color:rgba(21,21,21,.80); margin-bottom:4px;}
.tms-inner .group ul li:before {content:"";position:absolute; top:12px; left:0; width:3px; height:3px; border-radius:100%; background:#002b60;}
.tms-inner .group ul li:last-child {margin-bottom:0;}
.tms-inner .group ul li sup {vertical-align:top;}
.tms-inner .group .photo {width:635px; box-shadow:10px 20px 20px rgba(0,0,0,.030);margin-left:50px;}
.tms-inner .group .photo img {width:100%;}
.tms-inner .group:nth-child(even) {background:#fff;}
.tms-inner .group:nth-child(even) .photo {box-shadow:none}
.tms-inner .group.type2 .inner {display:block;}
.tms-inner .group.type2 .content {display:flex; margin:0 -25px 40px;}
.tms-inner .group.type2 .t-col {width:50%; padding:0 25px;}
.tms-inner .group.type2 .image {padding:80px; text-align:center; background:#f9f9f9;}

.service-top {padding:110px 0;}
.service-top .cnt {margin-bottom:30px; font-size:20px; line-height: 1.6em;}
.service-top .cnt:last-child {margin-bottom:0;}
.service-process {background:#f9f9f9; padding:110px 0;}
.service-process ul {display:flex; margin:0 -13px -26px; flex-wrap:wrap; justify-content:center;}
.service-process ul li {position:relative; padding:0 13px; margin-bottom:26px;}
.service-process ul li:after {content:"";position:absolute; top:0; left:-5px; width:11px; height:100%; background:url('../img/sub/process_arrow.png') 50% 50% no-repeat; background-size:contain;}
.service-process ul li:first-child:after {display:none;}
.service-process ul li .box {display:flex; align-items:center; flex-wrap:wrap; align-content:center; text-align:center; width:152px; height:152px; background:#fff; border-radius:100%; box-shadow:-2px 3px 10px 7px rgba(0, 0, 0, .020);}
.service-process ul li .box .icon {width:100%; margin-bottom:10px;}
.service-process ul li .box .tit {width:100%; font-size:15px; line-height:1.2em;font-weight:700; color:rgba(21,21,21,.80);}

.service-inner {margin-top:110px;}
.service-inner .doc-title {margin-bottom:70px;}
.service-inner .doc-title .cnt {line-height:1.6em; margin-top:30px;}
.service-inner ul {display:flex; flex-wrap:wrap;}
.service-inner ul li {width:33.333333%; border:1px solid #dedede; padding:40px 40px 60px 60px;margin-left:-1px; margin-top:-1px; background:#f9f9f9;}
.service-inner ul li .num {text-align:right; font-weight:700; margin-bottom:30px; font-size:22px; line-height:1.3em; color:#002b60;}
.service-inner ul li .icon {margin-bottom:20px;}
.service-inner ul li .cnt {font-size:18px; line-height:1.5em; opacity:.80;}

/* board */
/* 검색 */
.board-search {margin-bottom:40px; display:flex; align-items:flex-end; justify-content: space-between;}
.board-search .search {order:2; position:relative; max-width:405px; width:100%; border-bottom:2px solid #000;}
.board-search .search form {display:flex;}
.board-search .input {font-size:18px; line-height:1.4em;}
.board-search select.input {width:140px; padding-left:10px;}
.board-search select.input,
.board-search input.input {border:0; height:50px;}
.board-search input.input {width:100%; padding-right:30px; border:0;}
.board-search .bt-search {position:absolute; top:0; right:0; width:23px; height:50px; background:url('../img/bbs/btn_search.png') 50% 50% no-repeat; background-size:contain; border:0;}

.board-total {order:1; color:#151515; font-size:20px; line-height:1.3em; font-weight:700;}
.board-total span {color:#002b60}

.gallery-list {border-top:1px solid #151515; padding-top:27px;}
.gallery-list ul {display:flex; flex-wrap:wrap; margin:0 -15px;}
.gallery-list ul li {width:20%; padding:0 15px; margin-bottom:50px; text-align:center;}
.gallery-list ul li a {display:block;}
.gallery-list ul li .thumb {position:relative; height:0; padding-bottom:137%; overflow:hidden;}
.gallery-list ul li .thumb img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; min-height:100%; object-fit:contain; transition:0.3s;}
.gallery-list ul li .thumb:before {content:"";position:absolute; top:50%; left:50%; width:64px; height:64px; transform:translate(-50%,-50%); background:#fff url('../img/bbs/ico_down2.png') 50% 50% no-repeat; z-index:2;  opacity:0; transition:0.3s;}
.gallery-list ul li .thumb:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.60); opacity:0; z-index:1; transition:0.3s;}
.gallery-list ul li a:hover .thumb img {transform:translate(-50%,-50%) scale(1.04,1.04); -ms-transform:translate(-50%,-50%) scale(1.04,1.04); -webkit-transform:translate(-50%,-50%) scale(1.04,1.04);}
.gallery-list ul li a:hover .thumb:before,
.gallery-list ul li a:hover .thumb:after {opacity:1;}
.gallery-list ul li .tit {font-size:20px; line-height:1.4em; font-weight:600; color:#151515; margin-top:24px;}

.webzine-board-list--fc {border-top:1px solid #151515;}
.webzine-board-list--fc thead {display:none;}
.webzine-board-list--fc tbody tr:first-child {border-top:0;}
.webzine-board-list--fc tbody td {padding:40px 10px; font-size:22px ;line-height:1.5em; color:#151515;}
.webzine-board-list--fc tbody td a {display:flex !important; align-items:center; text-decoration:none;}
.webzine-board-list--fc tbody td .photo {width:322px !important; margin-right:50px; display:block !important; padding-left:0 !important;}
.webzine-board-list--fc tbody td .photo .pic {position:relative; height:0; padding-bottom:60.6%; overflow:hidden;}
.webzine-board-list--fc tbody td .photo .pic  img {position:absolute; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100% !important; height:auto !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.webzine-board-list--fc tbody td .photo .pic:after {content:"";position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #dedede; z-index:0}
.webzine-board-list--fc tbody td .photo .pic:before {content:"";position:absolute; top:0; left:0; width:100%; height:100%; background:#000;opacity:.10; z-index:2;}
.webzine-board-list--fc tbody td a:hover .photo .pic img {transform:translateY(-50%) scale(1.04,1.04); -ms-transform:translateY(-50%) scale(1.04,1.04); -webkit-transform:translateY(-50%) scale(1.04,1.04);}
.webzine-board-list--fc tbody td .info {flex:1 1 auto; min-width:0; width:1%; opacity:.80;}
.webzine-board-list--fc tbody td .tit {font-size:22px ;line-height:1.4em;font-weight:700; margin-bottom:10px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.webzine-board-list--fc tbody td .cnt {font-size:18px; line-height:1.6em; margin-bottom:24px; height:calc(1.6em * 1 * 3); -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box;  -webkit-box-orient:vertical; }
.webzine-board-list--fc tbody td .date {font-size:18px; line-height:1.6em;}
.board-wrap--fc .webzine-board-list--fc tbody tr td.board-subject--fc div:last-child {padding-left:0;}
.board-wrap--fc .webzine-board-list--fc tbody tr td.board-subject--fc div {display:block;}
.board-wrap--fc .webzine-board-list--fc tbody tr td.board-subject--fc div img.thumb--fc {max-width:100%}
.basic-board-list--fc tbody td.board-subject--fc img, .webzine-board-list--fc tbody td.board-subject--fc img {padding-left:0;}

.board-wrap--fc .board-view--fc {border-top:1px solid #151515;}
.board-wrap--fc .board-view--fc header {position:relative; background:#fff; text-align:center; padding:50px 0; border-bottom:1px solid #dedede;} 
.board-wrap--fc .board-view--fc header h1 {float:none; font-size:26px; line-height:1.3em;font-weight:700; color:#151515; margin-bottom:20px;}
.board-wrap--fc .board-view--fc header address p {font-size:18px; line-height:1.4em; opacity:.80;}

.board-wrap--fc .board-view--fc .board-view-file--fc {padding:20px 0; margin:20px 0; border-top:1px solid #dedede;}
.board-wrap--fc .board-view--fc .board-view-file--fc li {margin-bottom:20px; border-bottom:1px solid #dedede; padding-bottom:20px;}
.board-wrap--fc .board-view--fc .board-view-file--fc li:last-child {margin-bottom:0;}
.board-wrap--fc .board-view--fc .board-view-file--fc li a {font-size:18px ;line-height:1.4em; color:#1a1a1a;}
.board-wrap--fc .board-view--fc .board-view-file--fc a strong {font-weight:400; padding-right:10px;}
.board-wrap--fc .board-view--fc .board-view-file--fc img {vertical-align:middle; margin-left:5px;}

.board-wrap--fc .board-view--fc .btn-view-wrap--fc .btn-list--fc {position:relative; display:inline-flex; align-items:center; justify-content:center; min-width:138px; height:52px; padding:0 10px; font-size:18px; line-height:1.4em; font-weight:700;background:#fff; border:1px solid #151515; color:#151515}
.board-wrap--fc .board-view--fc .btn-view-wrap--fc .btn-list--fc:before {content:"";display:inline-block;vertical-align:top; margin-right:10px; width:28px; height:100%; background:url('../img/bbs/ico_list.png') 50% 50% no-repeat; background-size:contain;}

.board-wrap--fc .board-view--fc .post-navi--fc li:first-child {border-top:1px solid #151515;}
.board-wrap--fc .board-view--fc .post-navi--fc li:not(:last-child) {border-bottom:1px solid #dedede;}
.board-wrap--fc .board-view--fc .post-navi--fc li {border-bottom:1px solid #151515;}
.board-wrap--fc .board-view--fc .post-navi--fc .next-post--fc,
.board-wrap--fc .board-view--fc .post-navi--fc .prev-post--fc {background:none;}
.board-wrap--fc .board-view--fc .post-navi--fc li strong {position:relative; font-size:18px; line-height:1.4em; color:#151515;font-weight:700; padding-left:30px; margin-right:40px;}
.board-wrap--fc .board-view--fc .post-navi--fc li strong:after {content:""; position:absolute; top:50%; left:0; transform:translateY(-35%) rotate(-135deg); width:10px; height:10px; border-right:2px solid #000; border-bottom:2px solid #000;}
.board-wrap--fc .board-view--fc .post-navi--fc .next-post--fc strong:after { transform:translateY(-75%) rotate(45deg);}
.board-wrap--fc .board-view--fc .post-navi--fc .prev-post--fc a,
.board-wrap--fc .board-view--fc .post-navi--fc .next-post--fc a {font-size:18px; line-height:1.4em; color:#151515; opacity:.80;}
.board-wrap--fc .board-view--fc .post-navi--fc li span {font-size:18px; line-height:1.4em; color:#151515;opacity:.80;}

.board-wrap--fc .board-view--fc .board-conts--fc ,
.board-wrap--fc .board-view--fc .board-conts--fc div, .board-wrap--fc .board-view--fc .board-conts--fc p {font-size:18px; line-height:1.67em; color:rgba(21,21,21,.80);}

.board-wrap--fc .board-view--fc .btn-view-wrap--fc .btn-list--fc, .board-wrap--fc .board-view--fc .btn-view-wrap--fc .btn-del--fc, .board-wrap--fc .board-view--fc .btn-view-wrap--fc .btn-modify--fc, .board-wrap--fc .board-view--fc .btn-view-wrap--fc .btn-reply--fc {font-weight:700;}
.board-wrap--fc .board-view--fc .btn-view-wrap--fc .btn-del--fc, .board-wrap--fc .board-view--fc .btn-view-wrap--fc .btn-modify--fc, .board-wrap--fc .board-view--fc .btn-view-wrap--fc .btn-reply--fc {height:52px; line-height:50px;background:#fff; border:1px solid #151515; color:#000}



.board-paging {margin:50px auto 0 !important;}
.board-paging li {margin-left:2px;}
.board-paging li a {width:44px; height:44px; line-height:44px; font-size:15px; color:#151515; border-radius:100%;}
.board-paging li.on > a, .board-paging li:hover > a {color:#fff; border:0; background:#002b60; font-weight:700;}

.required {color:#c30d19}
.mailform  {border-bottom:1px solid #dedede;}
.mailform .form-group {display:flex; margin:0 -20px 30px;}
.mailform .form-group .form-col {width:50%; padding:0 20px;}
.mailform .form-group.wide {display:block; margin:0 0 30px;}
.mailform .form-group.wide .form-col {width:100%; padding:0;}
.mailform .tit {margin-bottom:5px; color:#111; font-weight:700; font-size:22px; line-height:1.4em;}
.mailform .required {vertical-align:middle;}
.mailform .input {height:55px; width:100%; border:0; border-bottom:1px solid #151515; font-size:18px;}
.mailform .captcha_box--fc input {font-size:18px;}
.mailform .code-group {display:flex; align-items:center; margin:0 -5px;}
.mailform .code-group .cold-col {padding:0 5px; line-height:0;}
.mailform .code-group .cold-col .input {height:48px}
.mailform .code-group .reset {display:inline-block; margin:0 10px;width:21px; height:21px; border:0; background:url('/html/_skin/img/bbs_skin/code_reset.png') 50% 50% no-repeat; background-size:contain; }
.mailform textarea.input {height:250px; padding:20px 15px; border:1px solid #151515}
.mailform .privacy-box {height:70px; background:#f8f8f8; border:1px solid #ddd; padding:10px; overflow:auto; font-size:13px;line-height:1.3em; color:#595959; margin-bottom:15px;}


.mailform .captcha_box--fc {display:flex; align-items:center;}
.mailform .captcha_box--fc a {border:0; width:21px; height:21px; padding:0; margin:0 10px;}
.mailform .captcha_box--fc a img {width:21px; height:21px;}
.mailform .captcha_box--fc input { max-width:410px; height:46px; border:0; border-bottom:1px solid #212112;}
.mailform .privacy_box--fc {height:146px; display:flex; align-items:center; background:#f9f9f9; border:0; padding:10px 20px; overflow:auto; font-size:18px;line-height:1.3em; color:rgba(17,17,17,.80); margin-bottom:15px;}
.mailform .privacy_box--fc pre {
    font-size: 1rem;
    line-height: 1.6;
    font-family: "Pretendard", sans-serif !important;
}
input[type="checkbox"] + label {font-size:18px ;line-height:1.4em; color:#111;font-weight:600;}
input[type="checkbox"]:checked + label:before {color:#002b60; background:#fff; border-color:#dedede;}

.mailform + .buttons {margin-top:60px;}



/* 버튼 */
.buttons {margin:30px 0;}
.buttons:after {content:" "; display:block; clear:both;}
.buttons .cen {text-align:center;}
.buttons .cen .btn-pack {margin:0 2px;}
.buttons .fr {float:right;}
.buttons .fl {float:left;}
.buttons a {text-decoration:none;}
.buttons a,.buttons input {vertical-align:top;}
.buttons + .paginate {margin-top:20px;}

.btn-pack {display:inline-block;overflow:visible;position:relative;margin:0;padding:0 10px;background:#f2f2f2;color:#151515;border:1px solid #151515;text-align:center;text-decoration:none !important;vertical-align:top;white-space:nowrap;cursor:pointer;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.btn-pack.focus {background:#002b60; border:1px solid #002b60; color:#fff;}
.btn-pack.list {width:138px; height:52px; background:#fff; line-height:50px;font-size:18px;font-weight:700; padding:0 22px;}
.btn-pack.list:before {content:"";display:inline-block; vertical-align:middle; width:28px; height:17px; background:url('../img/bbs_skin/ico_list.png') 50% 50% no-repeat; background-size:contain; margin-right:10px;}
.btn-pack.form-submit {width:223px; height:67px;  border:1px solid #002b60; background:#002b60; font-size:22px; line-height:65px; color:#fff;font-weight:700; padding:0 20px;}
.btn-pack.xlarge {min-width:120px; height:52px;padding:0 35px;line-height:50px;font-size:18px; font-weight:700;}

.board-wrap--fc a {display:inline-block;}

/* 페이지목록 */
.paginate {margin-top:40px;text-align:center;}
.paginate a,  
.paginate strong{display:inline-block;padding:0;margin:0 1px;width:44px;height:44px;font-size:15px;font-weight:300;line-height:44px;color:#666;text-decoration:none;text-align:center;vertical-align:middle;}  
.paginate strong{color:#000;font-weight:700;}  
.paginate a.direction{background-position:50% 50%;background-repeat:no-repeat; opacity:.5;}
.paginate a.direction span {font-size:0;line-height:0;text-indent:-999px;}
.paginate a.direction.first {background-image:url("/html/_skin/img/bbs_skin/btn_first.png");}
.paginate a.direction.prev {background-image:url("/html/_skin/img/bbs_skin/btn_prev.png");}
.paginate a.direction.next {background-image:url("/html/_skin/img/bbs_skin/btn_next.png");}
.paginate a.direction.last {background-image:url("/html/_skin/img/bbs_skin/btn_last.png");}
.paginate a.direction.disabled {display:none;}


/* 일본어 */

@media (min-width: 1025px) {
    html:lang(ja) .product-app-slider .photo .tit { font-size: 22px;}
}