@charset "UTF-8";

#sub #wrapper {padding-top:100px;}

#sub #contents:after {content:""; position:absolute; top:0; right:0; opacity:0; width:509px; height:497px; background:url('../img/common/sub_vis_bg.png') 0 0 no-repeat; background-size:contain; z-index:-2; transition: all 1.6s ease-out 0s;}
#sub #contents.load:after {right:10rem; opacity:1;}

.sub-title {text-align:center; margin:60px 0;}
.sub-title h2 {font-size:70px ;line-height:1.4em; color:#2e2e2e; font-weight:700;}

.sub-vis {position:relative; width:100%; height:505px; z-index:1; text-align:center; overflow:hidden;}
.sub-vis .content {position:absolute; top:50%; transform:translateY(-50%); left:0; width:100%; color:#fff; z-index:10}
.sub-vis .content .tit {font-size:38px; line-height:1.5em; font-weight:700; letter-spacing:-.04em; margin-bottom:24px;}
.sub-vis .content p {color:#d1d1d1; font-size:20px; line-height:1.4em; letter-spacing:-.04em;}
.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 */
}


body.page-url-flexible--fc .sub-vis .content p {margin-bottom:10px;}
body.page-url-flexible--fc .sub-vis .content p:last-child {margin-bottom:0;}
body.page-url-about-us--fc .sub-vis .content p {color:#e9e9e9;}
body.page-url-about-us--fc .sub-vis .content .tit {font-size:35px;}
body.page-url-about-us--fc .sub-vis .content .big {font-size:47px; line-height:1.3em; font-weight:700;}

.lnb {position:relative;  transition: all 0.2s ease-in-out;}
.lnb:after {content:"";position:absolute; bottom:0; left:0; width:100%; height:1px; background:#d9d9d9;}
.lnb ul {display:flex; justify-content:center;}
.lnb ul li {width:260px; text-align:center;}
.lnb ul li a {position:relative; display:flex; align-items:center; justify-content:center; height:65px; color:#b7b7b7; font-size:20px; line-height:1.4em; font-weight:700;}
.lnb ul li a:before {content:"";position:absolute; top:10px; left:50%; width:10px; height:10px; background:#74cee2; border-radius:100%; margin-left:-5px; opacity:0; transition:.3s;}
.lnb ul li a:after {content:"";position:absolute; bottom:0; left:50%; width:0; height:4px; background:#74cee2; opacity:0; transition:.3s;}
.lnb ul li a:hover:before,
.lnb ul li.active a:before {top:0; opacity:1;}
.lnb ul li a:hover:after,
.lnb ul li.active a:after {left:0; width:100%; opacity:1;}
.lnb ul li a:hover,
.lnb ul li.active a {color:#2ab3d1;}
.lnb.fixed {position:fixed; top:100px; left:09; background:#fff; border-bottom:1px solid #dedede; width:100%; padding-top:20px;  z-index:1000;}
.lnb.fixed:after {opacity:0;}

body.page-url-about-us--fc  .lnb ul li {width:180px;}

.doc-title {text-align:center; margin:100px 0 60px;}
.doc-title h3 {color:#303030; font-size:42px; line-height:1.4em;font-weight:700;}
.doc-title .cnt {position:relative; margin-top:30px; padding-top:30px; font-size:18px; line-height:1.83em; color:#6e6e6e;}
.doc-title .cnt:after {content:""; position:absolute; top:0; left:50%; width:35px; height:1px; background:#1b1b1b; transform:translateX(-50%);}

body.page-url-about-us--fc .doc-title {margin-top:0;}

/* 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-tit {text-align:center; margin-bottom:60px;}
.doc-tit h4 {font-size:36px; line-height:1.4em; color:#191919;font-weight:700;}

.one-page .section {padding-top:140px;}
.one-page .doc-tit {text-align:left;}
.one-page .doc-tit h4 {color:#212121; margin-bottom:30px;} 


.overview {position:relative; margin-bottom:140px;}
.overview .title {width:558px; position:absolute; top: 0; left:0;}
.overview .title .doc-tit h4 {margin-bottom:30px;}
.overview .title .doc-tit p {color:#727272; font-size:20px;line-height:1.4em;}
.overview .content {width:calc(100% - 558px); margin-left:auto;}
.overview .content ol li {margin-bottom:18px; min-height:224px; border:1px solid #dcdcdc; border-radius:16px; padding:44px 54px; display:flex; align-items:center;}
.overview .content ol li:last-child {margin-bottom:0;}
.overview .content ol li .icon {width:86px; height:86px; margin-right:45px;}
.overview .content ol li .info {flex:1 1 auto; min-width:0; width:1%;}
.overview .content ol li .info .num {font-size:22px ;line-height:1.4em; font-weight:700; color:#74cee2; margin-bottom:20px;}
.overview .content ol li .info .cnt {font-size:18px; line-height:1.67em; color:#6e6e6e;}


.overview-inner {background:#3f6e85 url('../img/sub/overview_bg.png') 50% 50% no-repeat; background-size:cover; padding:140px 0;}
.overview-inner .inner {position:relative; }
.overview-inner .title {width:558px; position:absolute; top: 0; left:20px;}
.overview-inner .title .doc-tit h4 {color:#fff;}
.overview-inner .content {width:calc(100% - 558px); margin-left:auto;}
.overview-inner .content ul {display:flex; flex-wrap:wrap; margin-left:-60px; margin-bottom:-90px;}
.overview-inner .content ul li {position:relative; width:calc(50% - 60px); margin-left:60px; opacity:.75; color:#fff; background:#527c92; border-radius:16px; margin-bottom:90px; overflow:hidden; padding:32px; transition:.3s;}
.overview-inner .content ul li .pic {border-radius:16px; overflow:hidden; margin-bottom:40px;}
.overview-inner .content ul li dl {position:relative; z-index:2;}
.overview-inner .content ul li dl dt {font-size:26px; line-height:1.3em;font-weight:700; margin-bottom:20px; transition:.3s;}
.overview-inner .content ul li dl dd {font-size:18px; line-height:1.67em; opacity:.80; transition:.3s;}
.overview-inner .content ul li:nth-child(even) {margin-top:90px; margin-bottom:0;}
.overview-inner .content ul li .num {position:absolute; bottom:-2rem; right:0; font-size:10rem; line-height:1em; font-weight:700; color:rgba(232,244,246,.55); opacity:0; transition:.3s; z-index:0;}
.overview-inner .content ul li.active {opacity:1; background:#fff;}
.overview-inner .content ul li.active dl dt {color:#74cee2;}
.overview-inner .content ul li.active dl dd {color:#828282; opacity:1;}
.overview-inner .content ul li.active .num {opacity:1;}


.about-vis {position:relative; margin-bottom:85px;height:480px; color:#fff; display:flex; text-align:center; align-items:center; justify-content:center; border-radius:16px; overflow:hidden}
.about-vis .inner {position:relative; z-index:1;}
.about-vis p {font-size:20px; line-height:1.3em; margin-bottom:10px;}
.about-vis .tit {font-size:35px; line-height:1.4em; font-weight:700; margin-bottom:30px;}
.about-vis .big {font-size:38px; line-height:1.3em;font-weight:700;}
.about-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;
}
.section.active .about-vis .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 */
}
.about-vis.none {margin-bottom:0;}
.about-vis.round-none {border-radius:0;}



.greeting .text {display:flex;}
.greeting .text .title {width:558px;}
.greeting .text .info {flex:1 1 auto; min-width:0; width:1%; font-size:18px;line-height:1.83em; color:#212121;}
.greeting .text .info .cnt {margin-bottom:35px;}
.greeting .text .info .name {text-align:right; font-weight:700;}
.greeting .text .info .name span {padding-left:10px;}


.mission {color:#fff; text-align:center; background:url('../img/sub/mission_bg.jpg') 50% 50% no-repeat; background-size:cover; padding:140px 0;}
.mission .doc-title h3 {color:#fff;}
.mission .title {margin-bottom:60px; padding-bottom:60px; position:relative;}
.mission .title .tit {font-size:35px; line-height:1.3em;font-weight:700; margin-bottom:20px;}
.mission .title .big {font-size:38px; line-height:1.3em;font-weight:700; margin-bottom:20px;}
.mission .title:after {content:""; position:absolute; bottom:0; left:50%; margin-left:-32px; width:64px; height:1px; background:#fff; opacity:.66;}
.mission .cnt {font-size:20px ;line-height:1.6em;}
.mission .box {margin-top:110px; border:1px solid rgba(255,255,255,.60); border-radius:20px; box-shadow:5px 5px 5px rgba(0,0,0,.10); padding:80px 90px;}
.mission .box ul {display:flex;}
.mission .box ul li {width:25%;}
.mission .box ul li .icon {width:187px; height:187px; border-radius:100%; background:rgba(28,170,234,.40); margin:0 auto 26px;}
.mission .box ul li dl dt {font-size:30px; line-height:1.4em;font-weight:700; margin-bottom:26px;}
.mission .box ul li dl dd {font-size:20px; line-height:1.6em;}

.mission-image {height:467px; color:#fff; text-align:center; display:flex; align-items:center; justify-content:center; background:url('../img/sub/mission_img_bg.jpg') 50% 50% no-repeat; background-size:cover;}
.mission-image em {font-size:18px; line-height:1.4em; font-weight:700; margin-bottom:26px;}
.mission-image .tit {font-size:35px; line-height:1.57em;font-weight:700;}

.strengths {margin-bottom:140px;}
.strengths .about-vis .big {margin-bottom:30px;}
.strengths ul li {margin-bottom:22px; display:flex; border:1px solid #bfbfbf; border-radius:20px; overflow:hidden;}
.strengths ul li:last-child {margin-bottom:0;}
.strengths ul li .pic {position:relative; width:227px; margin-right:42px;}
.strengths ul li .pic p {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.strengths ul li .pic img {width:100%; height:100%;}
.strengths ul li .info {padding:50px 50px 50px 0; display:flex; flex:1 1 auto; min-width:0; width:1%;}
.strengths ul li .info .tit {width:283px; font-size:24px; line-height:1.67em; font-weight:700; color:#191919;}
.strengths ul li .info .cnt {flex:1 1 auto; min-width:0; width:1%; font-size:18px; line-height:1.83em; color:#212121;}

#page05 {background:#f2f2f2; padding-bottom:140px;}
.curation .about-vis .big {margin-bottom:30px;}
.curation .text {margin-bottom:100px;}
.curation .text .cnt {margin-bottom:30px; text-align:center; font-size:18px; line-height:1.83em; color:#212121;}
.curation .text .cnt:last-child {margin-bottom:0;}
.curation .process {border:1px solid #d5d5d5; border-radius:16px; background:#fff; padding:64px 74px; overflow:hidden;}
.curation .process .tit {text-align:center; font-size:30px; line-height:1.3em;font-weight:700; color:#0f323a; margin-bottom:45px;}
.curation .process ul {display:flex; margin-left:-24px;}
.curation .process ul li {position:relative; width:calc(25% - 24px); margin-left:24px; border:1px solid #74cee2; border-radius:16px; padding:30px;}
.curation .process ul li .num {text-align:right; font-size:62px; line-height:1.4em; color:#e8f4f6;font-weight:700; margin-bottom:10px;}
.curation .process ul li .icon {margin-bottom:30px;}
.curation .process ul li .tt {font-size:20px ;line-height:1.4em; color:#303030; font-weight:700;}
.curation .process ul li:after {content:""; position:absolute; top:50%; left:-42px; margin-top:-30px;width:60px; height:60px; background:#74cee2 url('../img/sub/curation_arrow.png') 50% 50% no-repeat; border-radius:100%;}
.curation .process ul li:first-child:after {display:none;}

.power {margin-bottom:100px;}
.power .about-vis .big {margin-bottom:30px;}
.power .org {text-align:center;}
.curator-inner {background:#f2f2f2; padding:100px 0;}
.curator-inner .doc-tit {text-align:center;}
.curator-inner .image {border-radius:16px; position:relative; margin-bottom:40px; overflow:hidden;}
.curator-inner .image:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #dedede; border-radius:16px;}
.curator-inner ul {display:flex; flex-wrap:wrap; margin:0 -14px -40px;}
.curator-inner ul li {width:25%; padding:0 14px; margin-bottom:40px; text-align: left; font-size:18px;line-height:1.67em;}
.curator-inner ul li .thumb {position:relative; padding-bottom:84.8%; background:#fff url('../img/bbs/noimg.jpg') 50% 50% no-repeat; margin-bottom:30px; border-radius:16px; overflow:hidden;}
.curator-inner ul li .thumb:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #dedede; border-radius:16px;}
.curator-inner ul li .thumb 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;}
.curator-inner ul li .title {font-size:18px;line-height:1.67em;font-weight:700; color:#303030; margin-bottom:10px;}
.curator-inner ul li .field {color:#2b6876; font-weight:700; margin-bottom:10px;}
.curator-inner ul li .cnt {color:#5f5f5f; font-size: 16px;}
.curator-inner ul li .bar {color:#d2d2d2; padding:0 4px;}
.curator-inner .category-tab {display:none;}

.map {border-radius:16px; line-height:0; margin-bottom:75px; overflow:hidden;}
.map > iframe {height:582px !important; width:100% !important;}
.map-address {display:flex;}
.map-address .title {width:558px;}
.map-address .info {flex:1 1 auto; min-width:0; width:1%;}
.map-address .info ul {border-top:1px solid #313131; padding-top:40px;}
.map-address .info ul li {border-bottom:1px solid #d9d9d9; font-size:20px; line-height:1.67em;padding-bottom:40px; margin-bottom:40px; display:flex;}
.map-address .info ul li .tit {width:230px; color:#292929;font-weight:600; position:relative; padding-left:40px;}
.map-address .info ul li .tit:before {content:""; position:absolute; top:2px; left:0; width:28px; height:28px; background-repeat:no-repeat; background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.map-address .info ul li:nth-child(1) .tit:before {background-image:url('../img/sub/ico_addr.png');}
.map-address .info ul li:nth-child(2) .tit:before {background-image:url('../img/sub/ico_tel.png');}
.map-address .info ul li:nth-child(3) .tit:before {background-image:url('../img/sub/ico_fax.png');}
.map-address .info ul li:nth-child(4) .tit:before {background-image:url('../img/sub/ico_mail.png');}
.map-address .info ul li .text {flex:1 1 auto; min-width:0; width:1%; color:#090c08}
.map-address .info ul li:last-child {border-bottom:0; margin-bottom:0; padding-bottom:0;}

.business-ani {position:relative; color:#f7f7f7; text-align:right; height:1.1em; margin-right:-9rem;font-size:15rem; line-height:1em; font-weight:700; margin-bottom:30px; overflow:hidden;}
.business-ani ul {position:absolute; top:0; left:0; display:flex; width:4400px}
.business-ani ul li {padding:0 20px;animation: aniText 10s linear infinite; white-space: nowrap;}
@keyframes aniText {
  0% {
      transform: translateX(0);
  }
  100% {
      transform: translateX(-100%);
  }
}
.biz-inner {margin-bottom:120px;}
.biz-inner .group {display:flex; align-items:center; margin-bottom:160px;}
.biz-inner .group .photo {width:671px; margin-right:90px;}
.biz-inner .group .info {flex:1 1 auto; min-width:0; width:1%;}
.biz-inner .group .info .icon {width:100px; height:100px; background:#eef7fc; border-radius:100%; overflow:hidden; margin-bottom:25px;}
.biz-inner .group .info dl dt {font-size:36px; line-height:1.4em; color:#303030;font-weight:700; margin-bottom:30px;}
.biz-inner .group .info dl dd {font-size:18px ;line-height:1.67em; color:#6e6e6e; margin-bottom:20px;}
.biz-inner .group .info dl dd:last-child {margin-bottom:0;}
.biz-inner .group:last-child {margin-bottom:0;}
.biz-inner .group:nth-child(even) .photo {order:2; margin-right:0; margin-left:90px;}

.biz-part-inner {background:#f2f2f2; padding:110px 0;}
.biz-part-inner ul {display:flex; margin-left:-36px;}
.biz-part-inner ul li {width:calc(33.333% - 36px); margin-left:36px; min-height:650px; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; background:#398fb9; border-radius:20px;  transition:0.3s;}
.biz-part-inner ul li .box {padding:50px 20px;}
.biz-part-inner ul li .icon {width:160px; height:160px; background:rgba(255,255,255,.13); border-radius:100%; overflow:hidden; margin:0 auto 22px;}
.biz-part-inner ul li .tit {font-size:26px ;line-height:1.46em; font-weight:700; margin-bottom:20px;}
.biz-part-inner ul li p {font-size:18px;line-height:1.67em; text-indent:-10px; padding-left:10px;}
.biz-part-inner ul li.active {background:#11577a}
.biz-part-inner ul li .content {display:none;}

html[lang=en] .biz-part-inner ul li {min-height:940px;}

.brand-inner .group .sub-vis {margin-bottom:45px;}
.brand-inner .group .process ul {display:flex; margin-left:-24px;}
.brand-inner .group .process ul li {position:relative; width:calc(20% - 24px); margin-left:24px; border:1px solid #74cee2; background:#fff; border-radius:16px; padding:30px;}
.brand-inner .group .process ul li .num {font-size:62px; line-height:1.4em; color:#e8f4f6;font-weight:700; margin-bottom:50px;}
.brand-inner .group .process ul li .icon {margin-bottom:30px;}
.brand-inner .group .process ul li dl dt {font-size:24px ;line-height:1.4em; color:#303030; font-weight:700; margin-bottom:20px;}
.brand-inner .group .process ul li dl dd {position:relative; padding-left:10px; color:#6e6e6e; font-size:18px; line-height:1.4em; margin-bottom:5px;}
.brand-inner .group .process ul li dl dd:before {content:""; position:absolute; top:.6rem; left:0; width:3px; height:3px; background:#212121; border-radius:100%;}
.brand-inner .group .process ul li:after {content:""; position:absolute; top:50%; left:-42px; margin-top:-30px;width:60px; height:60px; background:#74cee2 url('../img/sub/curation_arrow.png') 50% 50% no-repeat; background-size:contain; border-radius:100%;}
.brand-inner .group .process ul li:first-child:after {display:none;}
.brand-inner .group:nth-child(even) {background:#f3f3f3; padding:140px 0; position:relative; z-index:2; margin-top:-6rem;}
.brand-inner .group:nth-child(even) .process ul li {border-color:#629cb6}
.brand-inner .group:nth-child(even) .process ul li .num {color:#cce2ec;}
.brand-inner .group:nth-child(even) .process ul li:after {background-color:#1f6e91}

.mktg-inner ul {display:flex; flex-wrap:wrap; margin-left:-45px; margin-bottom:-70px;}
.mktg-inner ul li {width:calc(50% - 45px); margin-left:45px; margin-bottom:70px; background:#eef7fc; border-radius:16px; overflow:hidden;}
.mktg-inner ul li .pic {border-radius:16px; overflow:hidden;}
.mktg-inner ul li .pic img {width:100%}
.mktg-inner ul li .info {padding:55px 50px; font-size:18px; line-height:1.4em;}
.mktg-inner ul li .info .icon {margin-bottom:30px;}
.mktg-inner ul li .info .tit {font-size:36px; line-height:1.4em; font-weight:700; color:#00303a; margin-bottom:25px;}
.mktg-inner ul li .info dl {margin-bottom:10px;}
.mktg-inner ul li .info dl:last-child {margin-bottom:0;}
.mktg-inner ul li .info dl dt {position:relative; padding-left:10px; color:#191919;font-weight:700; margin-bottom:5px;}
.mktg-inner ul li .info dl dt:before {content:""; position:absolute; top:.6rem; left:0; width:3px; height:3px; background:#212121; border-radius:100%;}
.mktg-inner ul li .info dl dd {padding-left:10px; color:#6e6e6e;}
.mktg-inner ul li:nth-child(2),
.mktg-inner ul li:nth-child(3),
.mktg-inner ul li:nth-child(6) {background:#fef5e7}
.mktg-inner ul li:nth-child(2) .info .tit,
.mktg-inner ul li:nth-child(3) .info .tit,
.mktg-inner ul li:nth-child(6) .info .tit {color:#271800}

.export-inner {margin-bottom:140px;}
.export-inner .group {border:1px solid #bfbfbf; border-radius:16px; padding:50px; display:flex; align-items:center; margin-bottom:40px;}
.export-inner .group:last-child {margin-bottom:0;}
.export-inner .group .pic {width:490px; border-radius:16px; overflow:hidden; margin-right:62px;}
.export-inner .group .info {flex:1 1 auto; min-width:0; width:1%;}
.export-inner .group .info dl dt {color:#191919; font-size:36px; line-height:1.4em;font-weight:700; margin-bottom:30px;}
.export-inner .group .info dl dd {margin-bottom:14px;}
.export-inner .group .info dl dd:last-child {margin-bottom:0;}
.export-inner .group .info dl dd span {background:#f6f6f6; font-size:22px; line-height:1.4em; border-radius:30px; color:#191919; display:inline-block; padding:9px 20px 9px 35px; position:relative;}
.export-inner .group .info dl dd span:before {content:""; position:absolute; top:1.3rem; left:20px; width:3px; height:3px; background:#212121; border-radius:100%;}
.export-inner .group:nth-child(even) .pic {order:2; margin-right:0; margin-left:62px;}
.export-inner .group:nth-child(even) .info {order:1;}

.export-cu-inner {background:url('../img/sub/export_cu_bg.jpg') 50% 50% no-repeat; background-size:cover; padding:130px 0 205px;}
.export-cu-inner .doc-tit h4 {color:#fff;}
.export-cu-inner ul {display:flex; flex-wrap:wrap; margin-left:-33px; margin-bottom:-18px;}
.export-cu-inner ul li {width:calc(33.333333% - 33px); margin-left:33px; margin-bottom:18px; display:flex; align-items:flex-end; background:rgba(255,255,255,.11); border-radius:16px; padding:40px;}
.export-cu-inner ul li .tit {flex:1 1 auto; min-width:0; width:1%; font-size:26px; line-height:1.4em;font-weight:700;color:#fff;}
.export-cu-inner ul li .icon {width:81px; height:81px;}

.flexible {margin-bottom:130px;} 
.flexible .about-vis {height:540px; margin-bottom:45px;}
.flexible .cnt {text-align:center; font-size:18px; line-height:1.67em; color:#6e6e6e;}
.flexible .cnt p {margin-bottom:25px;}
.flexible .cnt p:last-child {margin-bottom:0;}

.flexible-cu-inner {background:#f2f2f2; padding:130px 0;}
.flexible-cu-inner ul {display:flex; flex-wrap:wrap; margin-left:-45px; margin-bottom:-40px;}
.flexible-cu-inner ul li {width:calc(33.33333% - 45px); margin-left:45px; margin-bottom:40px; text-align:center; background:#fff; border-radius:16px; padding:50px; box-shadow:7px 5px 40px 10px rgba(1, 120, 145, .10);}
.flexible-cu-inner ul li .icon {margin-bottom:30px;}
.flexible-cu-inner ul li dl dt {font-size:26px; line-height:1.4em; font-weight:700; color:#212121; margin-bottom:15px;}
.flexible-cu-inner ul li dl dd {font-size:18px;line-height:1.67em; color:#6e6e6e;}
.flexible-image {padding-top:130px;}
.flexible-image ul {display:flex; flex-wrap:wrap; margin:0 -23px -46px;}
.flexible-image ul li {width:33.333333%; padding:0 23px; margin-bottom:46px;}
.flexible-image ul li .pic {position:relative; height:0; padding-bottom:76.6%; border-radius:20px; overflow:hidden;}
.flexible-image ul li .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;}
body.page-url-flexible--fc .board-wrap {display:none}

.dep1-policy--fc .lnb {display:none}

/* board */
 
/* category tab */
.category-tab-wrap {
    margin-top: 30px;
}
ul.category-tab--fc {
    display: flex;
    flex-wrap: wrap;
    margin: -10px -20px 0;
    justify-content: center;
}

ul.category-tab--fc > li {
    margin-top: 10px;
    padding: 0 20px;
}
ul.category-tab--fc > li a {
    color:#999;
    font-size: 18px;
}

ul.category-tab--fc > li.on a {
    color:#2ab3d1;
    font-weight: 700;
}

.product-list ul {display:flex; flex-wrap:wrap; margin:0 -17px;}
.product-list ul li {width:33.333333%; padding:0 17px; margin-bottom:60px; text-align:center;}
.product-list ul li a {display:block;}
.product-list ul li .thumb {position:relative; height:0; padding-bottom:84.9%; margin-bottom:35px; border-radius:20px; overflow:hidden;}
.product-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;}
.product-list ul li .thumb:after {content:"";position:absolute; top:0;left:0; width:100%; height:100%; border:1px solid #d5d5d5;border-radius:20px; transition:0.3s;}
.product-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);}
.product-list ul li a:hover .thumb:after {border-color:#398fb9}
.product-list ul li em {color:#74cee2; font-size:18px; line-height:1.4em;font-weight:700; margin-bottom:10px;}
.product-list ul li .tit {font-size:24px; line-height:1.4em; color:#303030;font-weight:700;}
.product-list ul li .cnt {font-size:18px; line-height:1.6em; color:#626262; margin:10px 0 20px;}
.product-list ul li .btns>a {border-radius:10px; display:inline-flex; align-items:center; justify-content:center; padding:0 40px; height:50px; background:#74cee2; color:#fff; font-size:16px; line-height:1.2em; font-weight:600;}
.product-list ul li .btns>a:before {content:""; display:inline-block; vertical-align:top; width:19px; height:100%; background:url('../img/sub/ico_contact.png') 50% 50% no-repeat; background-size:contain; margin-right:15px;}
.product-list ul li .ohters-list {display:none}
.real-cont.others .product-list .list {display:none;}
.real-cont.others .product-list .ohters-list {display:block}
.real-cont.others .product-list ul li: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);}
.real-cont.others .product-list ul li:hover .thumb:after {border-color:#398fb9}
.real-cont.others .product-list ul li .list {display:none}

.product-head {margin-top:105px; margin-bottom:80px; }
.product-head .group {display:flex; padding-bottom:80px; margin-bottom:80px; border-bottom:1px solid #313131;}
.product-head .group:last-child {margin-bottom:0; padding-bottom:0; border-bottom:0;}
.product-head .photos {width:778px; display:flex; margin-right:65px;}
.product-head .photos .big {order:2; flex:1 1 auto; min-width:0; width:1%;}
.product-head .photos .thumb {position:relative; height:0; padding-bottom:85.1%; border-radius:20px; border:1px solid #d5d5d5; overflow:hidden;}
.product-head .photos .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;}
.product-head .photos .thumb:after {content:"";position:absolute; top:0;left:0; width:100%; height:100%; border-radius:20px; transition:0.3s;}
.product-head .photos .tbg {order:1; width:147px; margin-right:15px;}
.product-head .photos .proThumb .slick-list {overflow:visible !important;}
.product-head .photos .proThumb .item {margin-bottom:12px;}
.product-head .photos .proThumb .thumb {cursor:pointer;}
.product-head .photos .proThumb .slick-current .thumb {border:0;}
.product-head .photos .proThumb .slick-current .thumb:after {border:2px solid #74cee2;}
.product-head .infos {flex:1 1 auto; min-width:0; width:1%;}
.product-head .infos em {font-style:normal;font-size:18px; line-height:1.4em; font-weight:700; color:#74cee2; margin-bottom:10px;}
.product-head .infos h3 {color:#151515; font-size:40px; line-height:1.4em; font-weight:700; margin-bottom:24px; padding-bottom:24px; border-bottom:1px solid #dedede;}
.product-head .infos .cnt {margin-bottom:24px; padding-bottom:24px; border-bottom:1px solid #dedede; }
.product-head .infos .cnt dl {margin-bottom:10px; font-size:18px; line-height:1.4em;}
.product-head .infos .cnt dl dt {color:#151515; font-weight:700; margin-bottom:5px;}
.product-head .infos .cnt dl dd {color:#5d5d5d; }
.product-head .infos .cnt dl:last-child {margin-bottom:0;}
.product-head .infos .cnt span {font-family: "Pretendard", sans-serif !important; font-size:18px !important; color:#5d5d5d;}
.product-head .infos .btns ul {display:flex; margin:0 -5px;}
.product-head .infos .btns ul li {padding:0 5px;}
.product-head .infos .btns ul li a {display:flex; align-items:center; justify-content:center; color:#fff; width:224px; height:60px; background:#74cee2; border-radius:15px; font-size:18px; line-height:1.4em; font-weight:700;}
.product-head .infos .btns ul li a:before {content:""; display:inline-block; vertical-align:top; width:19px; height:100%; background:url('../img/sub/ico_contact.png') 50% 50% no-repeat; background-size:contain; margin-right:15px;}
.product-head .infos .btns ul li.list a {background:#fff; color:#74cee2; border:1px solid #74cee2; position:relative;}
.product-head .infos .btns ul li.list a:before {content:"";display:inline-block; vertical-align:middle; width:20px; height:100%; background:url('../img/bbs/ico_list.png') 50% 50% no-repeat; background-size:contain; margin-right:18px;}

.product-title {font-size:21px; line-height:1.4em; color:#151515; font-weight:700; margin-bottom:40px; border-bottom:1px solid #313131; padding-bottom:20px;}

.product-detail {margin-bottom:60px; font-family: "Pretendard", sans-serif !important;}


body.page-url-contactus--fc #contArea {padding-top:100px;}

.required {color:#cc2e3a}
.mailform {border-top:1px solid #313131; padding:50px 50px 0;}
.mailform .form-group {display:flex; margin:0 -27px 30px;}
.mailform .form-group .form-col {width:50%; padding:0 27px; color:#111;}
.mailform .form-group .form-col.flex {display:flex; align-items:center;}
.mailform .form-group .form-col.flex .tit {width:205px;}
.mailform .form-group .form-col.flex .info {flex:1 1 auto; min-width:0; width:1%; position:relative;}
.mailform .form-group .form-col.flex .info input[type=file] {font-size:18px; line-height:60px; color:#111; border:0; padding:0; margin-right:10px;}
.mailform .form-group .form-col.flex .info input[type=file]::file-selector-button {color:#6f6f6f; width:170px; height:60px; font-size:20px; line-height:58px; background:#d2d2d2; border:1px solid #d2d2d2; cursor: pointer;}
.mailform .form-group .form-col.tel {display:flex; align-items:center; flex-wrap:wrap;}
.mailform .form-group .form-col.tel .tit {width:100%;}
.mailform .form-group .form-col.tel .input {width:calc(32% - 10px); margin:0 5px;}
.mailform .form-group .form-col.code {flex-wrap:wrap;}
.mailform .form-group.wide {display:block; margin:0 0 30px;}
.mailform .form-group.wide .form-col {width:100%; padding:0;}
.mailform .form-group .tit {color:#111; font-size:20px; line-height:1.4em;font-weight:700; margin-bottom:10px;}
.mailform .form-group.memo .tit {height:178px;}
.mailform .required {vertical-align:middle;}
.mailform .input {height:60px; width:100%; border:1px solid #ddd; font-size:18px; padding-left:20px;}
.mailform .captcha_box--fc input {font-size:18px;}
.mailform textarea.input {height:265px; padding:20px 15px;}

.mailform .captcha_box--fc {display:flex; align-items:center; flex-wrap:wrap;}
.mailform .captcha_box--fc .captcha__num--fc {order:2;}
.mailform .captcha_box--fc a {order:1; border:0; width:30px; height:33px; background:url('../img/bbs/reset.png') 50% 50% no-repeat; background-size:contain; padding:0; margin:0 20px;}
.mailform .captcha_box--fc a img {display:none;}
.mailform .captcha_box--fc input {order:3; max-width:410px; height:46px; border:1px solid #dcdcdc; margin-left:15px;}
.mailform .privacy_box--fc {height:187px; margin:0; display:flex; align-items:center; background:#fff; border:1px solid #ddd; padding:10px 20px; overflow:auto; font-size:18px;line-height:1.3em; color:#666;}
.mailform .privacy_box--fc pre {
    font-size: 1rem;
    line-height: 1.6;
    font-family: "Pretendard", sans-serif !important;
}
.mailform .privacy_txt--fc {margin-top:15px;}
input[type="checkbox"] + label {font-size:18px;line-height:25px !important; color:#111;font-weight:500; padding-left:35px;}
input[type="checkbox"] + label:before {position:absolute; top:-.1em; border:2px solid #ddd; border-radius:100%; width:25px !important; height:25px !important; margin-right:10px; font-size:0 !important; line-height:0 !important; background-color:#fff; background-image:none; background-position:50% 50%;}
input[type="checkbox"]:checked + label:before {content:""; top:0 !important; font-size:0 !important; line-height:0 !important;width:25px; height:25px; background:#fff url('../img/bbs/checkbox_on.png') 50% 50% no-repeat !important; color:#e24a4a; border-color:#74cee2}

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

html[lang=en] .mailform .form-group .form-col.flex .tit {width:240px;}

/* 버튼 */
.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:#ee3b29; border:1px solid #ee3b29; color:#fff;}
.btn-pack.list {width:234px; height:60px; background:#fff; color:#74cee2; border:1px solid #74cee2; border-radius:10px; line-height:58px;font-size:18px;font-weight:700; padding:0 22px;}
.btn-pack.list:before {content:"";display:inline-block; vertical-align:middle; width:20px; height:100%; background:url('../img/bbs/ico_list.png') 50% 50% no-repeat; background-size:contain; margin-right:18px;}
.btn-pack.form-submit {display:inline-flex; align-items:center; justify-content:center; color:#fff; width:224px; height:60px; background:#74cee2; border-color:#74cee2; border-radius:15px; font-size:18px; line-height:1.4em; font-weight:700;}
.btn-pack.form-submit:before {content:""; display:inline-block; vertical-align:top; width:19px; height:100%; background:url('../img/sub/ico_contact.png') 50% 50% no-repeat; background-size:contain; margin-right:15px;}
.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;}