@charset "utf-8";
#content.wide .temp-img {padding-bottom:150px;}
.temp-img img {position:relative; left:50%; transform:translateX(-50%)}
@media all and (max-width:1680px){
	.temp-img img {max-width:100%;}
}

.theme-red-txt {color:var(--theme-red-color) !important;}
.theme-orange-txt {color:var(--theme-orange-color) !important;}
.fw500 {font-weight:500 !important;}
.cm-top-tit {font-size:4.5rem; color: #222; line-height: 1.44; font-weight:700; text-align:center;}
.cm-tit {font-size:3.6rem; letter-spacing:-0.035em; color: #000;}
.cm-tit small{display:block; font-size:0.555em; font-weight:500; color:#333;}
.cm-txt {font-size:1.8rem; line-height:1.83; color: #555;}
.cm-txt.bottom-txt{margin-top:3rem}
.cm-txt.top-txt{margin-bottom:3rem;word-break: break-all;}
.cm-small-tit{font-size:2.3rem; font-weight:700; color:#000; letter-spacing:-0.05em; margin-bottom:1.5rem}
.cm-small-txt{font-size:1.6rem; font-weight:500; color:#666; letter-spacing:-0.025em; line-height:2;}

.cm-zoom-out-img-con{overflow:hidden;}
.cm-zoom-out-img-con.mar-bottom{margin-bottom:5rem}
.cm-zoom-out-img-con img{width:100%; transition:transform 1s ease-in-out; transform: scale(1.1) rotate(0.002deg);}
.animated.cm-zoom-out-img-con img{transform: scale(1.0) rotate(0.002deg); transition-duration:5s;}

.custom-scrollbar-cover,
.cm-scroll-drag-guide{display:none;}
.cm-scroll-drag-guide {display:flex; justify-content:flex-end; margin-right:var(--area-padding); display:none;}
.cm-scroll-drag-guide .cm-scroll-drag-inner { position: relative; width:50px; height: 50px; }
.cm-scroll-drag-guide .cm-scroll-drag-inner:before { position:absolute; top:4px; right:0; width:100%; height:3px; background-color:#ccc; content:""; border-radius:5px;}
.cm-scroll-drag-guide .drag-tail { position: absolute; z-index: 1; left: 0px; top: 3px; animation:moveScrollAni 3s both infinite; }
.cm-scroll-drag-guide .drag-tail .tail{display:block; width: 25px; height: 5px; background-color: rgba(0, 0, 0, 0.7); border-radius:5px; opacity:1; }
.cm-scroll-drag-guide .drag-tail .hand-icon{ font-size:30px; color:#aaa }
@keyframes moveScrollAni {
	0%, 10% {
		left: 0;
		margin-left: 0px;
	}
	50% {
		left: 100%;
		margin-left: -25px;
	}
	100% {
		left: 0;
		margin-left: 0px;
	}
}

.sub-tab-wrapper-style {position:relative; height:68px; margin-bottom:9.8rem; margin-top:-40px; z-index:11;}
.sub-tab-list-style ul{display:flex; justify-content:center;width:100%; height:100%; }
.sub-tab-list-style ul:after{display:none}
.sub-tab-list-style ul li{position:relative; width:190px; background-color:#fff; border:1px solid #dadada; border-left:0 }
.sub-tab-list-style ul li:first-child{border-left:1px solid #dadada;}
.sub-tab-list-style ul li a{display:table; height:66px; width:100%; }
.sub-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:#333; font-size:18px; letter-spacing:-0.065em; line-height:1.33; text-align:center; font-weight:500;}
.sub-tab-list-style ul li.selected,
.sub-tab-list-style ul li.on{z-index:1; }
.sub-tab-list-style ul li.selected a,
.sub-tab-list-style ul li.on a{background-color:#2f2f2f; border-color:#2f2f2f}
.sub-tab-list-style ul li.selected a em,
.sub-tab-list-style ul li.on a em{color:#fff; }
/* Tab Fixed Move*/
.sub-tab-list-style.top-fixed{position:fixed; top:0; left:0; width:100%; height:68px;}
/* Mobile Tab Drop Menu */
.sub-drop-open-btn-style{display:none}
.sub-tab-wrapper-style02 {position:relative;  margin-bottom:9rem; }
.sub-tab-list-style02 ul{display:flex; justify-content:center; align-items:center; width:100%; height:100%; }
.sub-tab-list-style02 ul:after{display:none}
.sub-tab-list-style02 ul li {position:relative; }
.sub-tab-list-style02 ul li:before {content:""; width:1px; height:14px; background-color:#e4e4e4; position:absolute; left:0; top:50%; margin-top:-7px;}
.sub-tab-list-style02 ul li:first-child:before {display:none;}
.sub-tab-list-style02 ul li a{display:table; padding:0 35px;}
.sub-tab-list-style02 ul li a em{display:table-cell; vertical-align:middle; color:#b1b1b1; font-size:18px; letter-spacing:-0.065em; line-height:1.33; text-align:center; font-weight:500;}
.sub-tab-list-style02 ul li a sub {font-size:0.7em}
.sub-tab-list-style02 ul li.selected{z-index:1; }
.sub-tab-list-style02 ul li.selected a em{color:var(--theme-red-color); }
@media all and (min-width:1025px){
	/* Tab Fixed Background */
	.sub-tab-list-style:before{position:absolute; top:0px; bottom:0px; left:50%; width:0; content:""; background-color:#fff; border-bottom:1px solid #dadada; transition:all 0.5s}
	.sub-tab-list-style.top-fixed:before{width:100%; margin-left:-50%}
}

.sub-cm-con {display:flex; padding:9rem 0; border-top:1px solid rgba(224,224,224,0.5);}
.sub-cm-con .left-box {width:31.25%;}
.sub-cm-con .left-box .cm-tit{line-height:1.3888;}
.sub-cm-con .right-box {width:68.75%;}
.sub-cm-con:first-child,
.sub-cm-con:first-of-type{padding-top:0; border-top:0;}
.sub-cm-con:last-child {padding-bottom:0;}
.sub-cm-con.border-top {border-top:1px solid rgba(224,224,224,0.5); padding-top:9rem; } /* 상단에 border 들어갈때  */

.cm-more-btn-box {margin:10rem auto 0; text-align:center; }
.cm-more-btn-box .bbs-more-btn{display:inline-flex; width:30rem; height:7rem; align-items:center; justify-content:center; font-size:1.6rem; letter-spacing:-0.05em; background-color:#f2f2f2; border:1px solid #cfcfcf; color: #000; transition:var(--custom-transiton1);}
.cm-more-btn-box .bbs-more-btn em { opacity:0.5; font-weight:600; display:block; margin-left:1rem;}
.cm-more-btn-box .bbs-more-btn em b{font-weight:inherit;}
@media all and (hover:hover){
	.cm-more-btn-box .bbs-more-btn:hover {background-color:var(--theme-red-color); color: #fff; border-color:transparent;}
}

.cm-btn-style-01{display:inline-flex; align-items:center; justify-content:space-between; min-width:26.4rem; height:5rem; background-color:#f2f2f2; font-weight:500; font-size:1.4rem; letter-spacing:-0.075em; padding:0 3rem; border-radius:5rem; color: #000; transition: var(--custom-transiton1); box-sizing: border-box;  }
.cm-btn-style-01 .txt{display:inline-block; transition: var(--custom-transiton1); color:#000;}
.cm-btn-style-01 i{font-size:1.1428em;}
.cm-btn-style-01.red-style{background-color:var(--theme-red-color); color:#fff;}
.cm-btn-style-01.red-style .txt{color:#fff;}
@media all and (min-width:801px){
	.cm-btn-style-01:hover {background-color:var(--theme-red-color); color: #fff; box-shadow:5px 2px 10px #cfcfcf;}
	.cm-btn-style-01:hover .txt{transform:translateX(5px); color:#fff;}
}

#inquiryBtn {position:fixed; bottom:-100px; right:15px;z-index:99; opacity:0;filter:Alpha(opacity=0);transition:var(--custom-transiton1);}
#inquiryBtn.fixed {bottom:130px; opacity:1.0;filter:Alpha(opacity=100);}
#inquiryBtn .inquiry-btn {display:block; position:relative; width:46px; height:46px; line-height:46px; font-size:18px; padding:0 17px; border-radius: 50%; color: #fff; background:var(--theme-red-color);  -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; }
#inquiryBtn .inquiry-btn:before {content:""; position:absolute; right:46px; top:0; height:100%; width:0; background:var(--theme-red-color);z-index:-1; transition:width 0.5s; }
#inquiryBtn .inquiry-btn .txt {position:absolute; right:100%; margin-right:50%; opacity:0; visibility:hidden;  transition: opacity 0.4s 0.2s;}
#inquiryBtn .inquiry-btn i {width: 100%; line-height:46px; font-size:18px;transform: rotate(270deg); }
#inquiryBtn .inquiry-btn i:before {position: absolute; top: 100%; left: 100%;transform: translate(-50%,-50%);}
#inquiryBtn .inquiry-btn:hover:before {width:160px;}
#inquiryBtn .inquiry-btn:hover .txt {opacity:1; visibility:visible;width: 120px;}

.overview-page {padding-bottom:15rem; /*background-color: #f2f2f2;*/}
.overview-top-con {display:flex; align-items:center; justify-content:center; height:72rem; background:url("/images/content/overview_top_bg.jpg") no-repeat;background-size: cover; text-align:center; background-attachment:fixed;}
.overview-top-con .txt-box {font-size:4.5rem; line-height:1.55;color: #fff; }
.overview-top-con .txt-box span {display:block; font-size:2rem; font-weight:500;}
.overview-top-con .txt-box .tit {display:block; margin-top:4rem; font-weight:700; }
.overview-bottom-con {text-align:center; margin-top:15.4rem;}
.overview-bottom-con .txt01 {font-size:4.5rem; letter-spacing:-0.075em; line-height:1.44; color: #000;}
.overview-bottom-con .txt02 {font-size:1.8rem; letter-spacing:-0.065em; line-height: 1.83; color: #555; margin-top:3.9rem}
.overview-bottom-con .txt02:last-child {margin-top:3.4rem;}
.overview-bottom-con .tit {font-size:25rem; letter-spacing:-0.025em; white-space:nowrap; color: rgba(0,0,0,0.1); display:block; margin-top:7.5rem;}

.overview-page .culture-con.zq-zhongquan {/*padding-top:10%;*/}
.overview-page .culture-con.management {padding-top:10%;}
.overview-page .culture-con.practice {padding-top:10%;}
.overview-page .culture-con .con-tit-box {text-align:center;}
.overview-page .culture-con .con-tit {font-size:3.6rem; color:#000; letter-spacing:-0.035em; line-height:1.2; text-transform:uppercase; text-align:center;}
.overview-page.management .culture-con .con-tit {margin-bottom: 6rem;}
.overview-page .culture-con .con-sub-txt {font-size:1.8rem; line-height:1.65; letter-spacing:-0.065em; color:#555; padding:5rem 0 8.6rem;}
.overview-page .culture-con .tab-con{display:flex; border-bottom:1px solid #e0e0e0; padding:9rem 0;}
.overview-page .culture-con .tab-con:last-child{border-bottom:0px solid #e0e0e0;}
.overview-page .culture-con .tab-con .tab-con-tit {font-size:3.6rem; line-height:1.1; letter-spacing:-0.035em; color:#000; font-weight: 700; width:50rem;}
.overview-page .culture-con .tab-con .txt-box {width:calc(100% - 50rem);}
.overview-page .culture-con .tab-con .txt-box .img-box {margin-top:4rem;}
.overview-page .culture-con .tab-con .tab-con-txt {font-size:1.8rem; line-height:1.65; letter-spacing:-0.065em; color:#555; margin-top:4rem;}
.overview-page .culture-con .tab-con .ps {font-size:1.6rem; letter-spacing:-0.065em; color:#a2a2a2; line-height:1.5; font-weight: 400; margin-top: 3.5rem;}
.overview-page .culture-con .tab-con .tab-con-txt:first-child {margin-top: 0;}


.intro-con {position:relative; padding-top:292px;}
.intro-con .area {padding:0 82px 0 87px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.intro-con .point-box {position:absolute; top:0; left:0; width:100%; z-index:1;}
.intro-con .point-box .inner-box {background-color:var(--theme-red-color); color: #fff; width:34.4rem; height:49.2rem; padding:7.6rem 6.2rem 9.5rem; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.intro-con .point-box .inner {position:relative; height:100%;}
.intro-con .point-box b {font-size:2.1rem; font-weight:600;}
.intro-con .point-box .txt {position:absolute; right:0; bottom:0; font-size:2.3rem; line-height: 1.43; text-align:right;}
.intro-con .con-box { /* background-color: #f2f2f2;*/}
.intro-con .con-box .inner-box {position:relative; padding:7.2rem 0 150px;}
.intro-con .con-box .top-box {display:flex; flex-direction:row-reverse; align-items:flex-end;}
.intro-con .con-box .img-box {width:50%;}
.intro-con .con-box .img-box img {width:100%;}
.intro-con .con-box .tit-box {width:50%; padding-bottom:9rem;}
.intro-con .con-box .tit-box .tit {font-size:3.25rem; letter-spacing:-0.025em; line-height: 1.48; color: #000; font-weight:600;}
.intro-con .con-box .tit-box .tit span {font-weight:700;}
.intro-con .con-box .tit-box .txt {position:relative; font-size:2.25rem; letter-spacing:-0.07em; color: #000; line-height:1.78; font-weight:500; padding-top:5rem; margin-top:4.3rem;}
.intro-con .con-box .tit-box .txt:before {content:""; width:30px; height:1px; background-color:#000; position:absolute; left:0; top:0;}
.intro-con .con-box .txt-box {width:84.37%; }
.intro-con .con-box .txt-box .txt {font-size:1.7rem; letter-spacing:-0.06em; color: #555; line-height:1.76; margin-top:2.8rem;}
.intro-con .con-box .txt-box .txt:first-child {margin-top:2.2rem;}
.intro-con .con-box .sign-box {text-align:right; margin-top:4.5rem;}
.intro-con .con-box .sign-box span {display:inline-block; font-size:1.8rem; font-weight:500; letter-spacing:-0.065em; color: #000; vertical-align:text-bottom;}
.intro-con .con-box .sign-box b {display:inline-block; font-size:2.5rem; letter-spacing:-0.065em; color: #000; vertical-align:text-bottom; margin-left:14px;}

.culture-page.zhongquan{padding: 15rem 0;}
.culture-page.zhongquan .culture-con .con-tit {margin-bottom: 6rem;}
.culture-page .thumnail-list .item:last-child .inner-box:before{display: none;}
/*.culture-page .thumnail-list .inner-box:before{position: absolute; content:''; width:5.4rem; height:1px; background:no-repeat center; background-size:cover; background-image:url('/images/content/culture_top_dashed_line.png'); top:calc(50% - 1px); right:-3px; transform:translate(100%, -50%);}*/
.culture-page .thumnail-list .circle{background:none !important;}
.culture-page .thumnail-list .circle > i,
.culture-page .thumnail-list .circle > em{z-index:1;  transition:all 0.4s;}
.culture-page .thumnail-list .item .circle .img-box{opacity:1; width:100%; height:0; padding-top:100%;}
.culture-page .thumnail-list .item .circle .img-box .inner-img{position: absolute; width:100%; height:100%; top:50%; left:50%; transform:translate(-50%, -50%) rotate(-0.001deg); overflow:hidden; border-radius:50%; transition:all 0.4s;}
.culture-page .thumnail-list .item .circle .img-box .inner-img:before{position: absolute; content:''; top:50%; left:50%; transform:translate(-50%, -50%) scale(0.85) rotate(-0.001deg); width:420px; height:420px; background:no-repeat center; transition:all 0.4s}
.culture-page .thumnail-list .item:nth-child(1) .circle .img-box .inner-img:before{background-image:url('/images/content/Production_img_01.png');}
.culture-page .thumnail-list .item:nth-child(2) .circle .img-box .inner-img:before{background-image:url('/images/content/Production_img_02.png');}
.culture-page .thumnail-list .item:nth-child(3) .circle .img-box .inner-img:before{background-image:url('/images/content/Production_img_03.png');}
.culture-page .thumnail-list .item:nth-child(4) .circle .img-box .inner-img:before{background-image:url('/images/content/Production_img_04.png');}
.culture-page .thumnail-list .item:nth-child(5) .circle .img-box .inner-img:before{background-image:url('/images/content/Production_img_05.png');}
.culture-page .thumnail-list .item:nth-child(6) .circle .img-box .inner-img:before{background-image:url('/images/content/Production_img_06.png');}
.culture-page .thumnail-list .item:nth-child(7) .circle .img-box .inner-img:before{background-image:url('/images/content/Production_img_07.png');}
.culture-page .thumnail-list .item:nth-child(8) .circle .img-box .inner-img:before{background-image:url('/images/content/Production_img_08.png');}
.culture-page .thumnail-list .item:nth-child(9) .circle .img-box .inner-img:before{background-image:url('/images/content/Production_img_09.png');}
.culture-page .thumnail-list .item .circle .img-box .img-txt-box{opacity:0;  transition:all 0.4s;}
.culture-page .thumnail-list .item a:hover .circle > i,
.culture-page .thumnail-list .item a:hover .circle > em{opacity:0;}
.culture-page .thumnail-list .item a:hover .circle .img-box .inner-img{width:420px; height:420px;}
.culture-page .thumnail-list .item a:hover .circle .img-box .img-txt-box{opacity:1;}
.culture-page .thumnail-list .item a:hover .circle .img-box .inner-img:before{transform:translate(-50%, -50%) scale(1);}
.culture-page .culture-con .tab-con .txt-box .inner-gray-box{background:#f4f4f4; padding:7rem 5rem; text-align:center; margin-top:4.5rem}
.culture-page .culture-con .tab-con .txt-box .inner-gray-box img{max-width:100%;}
.culture-page .culture-con .con-tit-txt{font-size:1.8rem; line-height:1.83; letter-spacing:-0.065em; color:#555; margin-bottom:8rem; text-align:center;}

@media (max-width:1480px) and (min-width:1281px){
	.culture-page .thumnail-list .item a:hover .circle .img-box .inner-img,
	.culture-page .thumnail-list .item .circle .img-box .inner-img:before{width:300px; height:300px;}
	
}
@media (max-width:1280px) and (min-width:801px){
	.culture-page .thumnail-list .item a:hover .circle .img-box .inner-img,
	.culture-page .thumnail-list .item .circle .img-box .inner-img:before{height:120%;}
}

@media all and (max-width:800px){
	.culture-page .thumnail-list .inner-box:before{display: none;}
	.culture-page .culture-con .tab-con .txt-box .inner-gray-box{padding:5rem 3rem; margin-top:3rem;}
	.culture-page .culture-con .con-tit-txt{margin-bottom:6rem;}
	.culture-page .thumnail-list li{margin-bottom:15%;}
	.overview-page .culture-con .con-sub-txt {padding:2.5rem 0 4.3rem;}
	.overview-page .culture-con .tab-con {flex-wrap:wrap; padding:4.5rem 0;}
	.overview-page .culture-con .tab-con .tab-con-tit {width: 100%; margin-bottom: 2rem; line-height:1.4;}
	.overview-page .culture-con .tab-con .tab-con-txt {margin-top:2rem;}
	.overview-page .culture-con .tab-con .txt-box {width: 100%;}
	.overview-page .culture-con .tab-con .ps {margin-top:1.75rem;}
}

@media all and (max-width:480px){
	.culture-page .thumnail-list{justify-content: center;}
	.culture-page .thumnail-list li{width:70%; margin:0 10% 20% 10%;}
	.culture-page .thumnail-list li:last-child{margin-right:10%;}
	.culture-page .thumnail-list .item a:hover .circle .img-box .inner-img{width:340px; height:340px;}
	.overview-page .culture-con .tab-con .tab-con-tit{font-size: 2.5rem}
}

.history-page {padding-bottom:100px;}
.history-top-con {position:relative; max-width:1700px; height:570px; margin:0 auto; z-index:9}
.history-top-con .bg {display:block; height:100%; background:url("/images/content/history_top_img.jpg") no-repeat 70% center / cover;}
.history-top-con .con-box {position:absolute; top:100px; left: 122px; background-color: var(--theme-red-color); color: #fff; padding:79px 60px 100px; height:56.5rem; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.history-top-con .con-box .inner {position:relative; height:100%;}
.history-top-con .con-box .sub-tit {font-size:2.1rem; font-weight:700;}
.history-top-con .con-box .tit {display:block; font-size:2.4rem;  line-height: 1.73; letter-spacing:-0.065em; margin-top:4.3rem;}
.history-top-con .con-box .year-box {position:absolute;bottom:0px; left:0; display:flex; margin:0 -11px; }
.history-top-con .con-box .year-box .year { font-size:2rem;  letter-spacing:-0.025em; color: rgba(255, 255, 255, 0.3);  padding:0 11px; cursor:pointer; transition: all 0.4s;}
.history-top-con .con-box .year-box .year em {position:relative; display:block; font-style: italic; font-weight:600; padding-bottom:12px;}
.history-top-con .con-box .year-box .year em:before {content:""; width:0; height:2px; background-color:#f9f6f7; position:absolute; left:50%; bottom:0; transition: all 0.4s;}
.history-top-con .con-box .year-box .year:hover ,
.history-top-con .con-box .year-box .year.on  {color: #fff;}
.history-top-con .con-box .year-box .year:hover em:before ,
.history-top-con .con-box .year-box .year.on em:before {width:100%; left:0;}

.culture-page .cm-top-tit {margin-bottom:10rem;}
.culture-con .con-box {display:flex; padding:10rem 0; border-top:1px solid #e0e0e0;}
.culture-con .con-box .left-box {width:31.25%;}
.culture-con .con-box .left-box .cm-tit span {font-size:2rem;}
.culture-con .con-box .right-box {width:68.75%;}
.culture-element-box {margin-top:3rem;}
.culture-element > li {display:flex; border:1px solid #e0e0e0; margin-top:17px; min-height:19.7rem;}
.culture-element > li:first-child { margin-top:0;}
.culture-element > li .txt {font-size:1.7rem; color: #000; letter-spacing:-0.075em; line-height:1.5; margin-top:4px;}
.culture-element > li .txt:first-chlid {margin-top:0;}
.culture-element > li .culture-el-left {width:64.91%; display:flex; align-items:center; padding:45px 0;}
.culture-element > li .culture-el-left .tit-box {width:39.88%; text-align:center;}
.culture-element > li .culture-el-left .tit-box .num {font-size:1.6rem; color: #000; letter-spacing:-0.075em; display:block;}
.culture-element > li .culture-el-left .tit-box .tit {display:block; font-size:2.3rem; color: var(--theme-red-color); letter-spacing:-0.075em; margin-top:12px;}
.culture-element > li .culture-el-left .point-box {position:relative; width:60.12%; padding:0 4.5rem; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.culture-element > li .culture-el-left .point-box:before {content:""; width:1px; height:100%; min-height: 111px; background-color:#e0e0e0; position:absolute; left:0; top:50%; transform:translateY(-50%); }
.culture-element > li .culture-el-left .point-box .txt {position:relative; padding-left:8px; }
.culture-element > li .culture-el-left .point-box .txt:before {content:"·";  position:absolute; left:0; }
.culture-element > li .culture-el-right {position:relative; width:35.09%; display:flex; align-items:center; padding:0 8.5rem; background-color: #f8f8f8;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.culture-element > li .culture-el-right .arrow { width: 5.3rem; height: 5.3rem; background-color:#4b4b4b; border-radius:50%; position:absolute; left:0; top:50%; margin:-2.65rem 0 0 -2.65rem; text-align:center;}
.culture-element > li .culture-el-right .arrow i {font-size:2.4rem; line-height:5.3rem; color: #fff;}
.culture-element > li .culture-el-right .txt {  line-height: 1.88;}

.culture-con .con-box .img-box {margin-top:4.8rem; text-align:center;}
.skms-spec-list-con{position:relative; display:flex; justify-content:space-between; padding:11rem 0;}
.skms-left-box{position:relative; display:flex;}
.skms-left-box .skms-spec-item{width:23.7rem; margin-left:-1.5rem;}
.skms-left-box .skms-spec-item:first-child{margin-left:0;}
.skms-spec-item-inner{display:block; padding-top:100%; position:relative;}
.skms-spec-item-inner strong{position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; border:1px solid #d6d6d6; border-radius:50%; background-color:#fff; text-align:center; color:#000; font-size:1.8rem; letter-spacing:-0.065em; font-weight:400; line-height:1.6666}
.skms-right-box{position:relative; width:23.7rem; margin-right:2.7rem;}
.skms-right-box:before{position:absolute; width:27.5rem; height:27.5rem; border:1px dashed #cdc0c2;}
.skms-right-box .skms-red-tit{background-color:var(--theme-red-color); color:#fff; font-size:2.6rem; line-height:1.461; font-weight:600; box-shadow: 13.6px 11.8px 32px 0 rgba(229, 25, 55, 0.27); }
.skms-right-box .skms-red-tit:before{position:absolute; left:50%; top:50%; width:27.6rem; height:27.6rem; border:1px dashed #cecece; transform:translate(-50%,-50%); border-radius:50%; content:"";}

@media all and (min-width:801px){
	.skms-spec-list-con:before{position:absolute; top:50%; left:0; right:0; height:1px; border-top:1px dashed #cecece; content:""; }
	.skms-left-box:before{position:absolute; top:50%; right:0px; width:35.9rem; height:35.9rem; background:url(/images/content/skms_spec_bg.png) no-repeat; transform:translate(25rem,-50%) scale(0); content:""; transition:var(--custom-transiton2); transition-delay:0.2s; background-size:100% 100%;}
	.skms-spec-list-con.animated .skms-left-box:before{transform:translate(25rem,-50%) scale(1);}
	.skms-left-box:after, 
	.skms-right-box:after{position:absolute; top:50%; width:7px; height:7px; border: solid 1px var(--theme-red-color); background-color:#fff; box-sizing:border-box; border-radius:50%; content:""; margin-top:-3.5px}
	.skms-left-box:after{right:-4px; background-color:var(--theme-red-color)}
	.skms-right-box:after{left:-3px}
}

.ci-page .logo-box {border:1px solid #d6d6d6; }
.ci-page .logo-box .logo {position:relative; padding-top:32.72%;}
.ci-page .logo-box .logo span {display:block; position:absolute; margin:auto;}
.ci-page .color-list .red {background-color: var(--theme-red-color);}
.ci-page .color-list .orange {background-color: var(--theme-orange-color);}
.ci-page .color-list .beige {background-color: #f8f6e6;}
.ci-page .color-list .gold {background-color: #9f8244;}
.ci-page .color-list .light-gold {background-color: #cac3a8;}
.ci-page .color-list .silver {background-color: #c9c9ca;}
.ci-page .color-list .black {background-color: #000;}
.ci-page .color-list .gray {background-color: #eeefef;}
.ci-con01 .left-box {display:flex; flex-wrap:wrap; align-content: space-between; }
.ci-con01 .download-box {width:100%;}
.ci-con01 .download-box .tit {font-size:2rem ;letter-spacing:-0.035em; font-weight:600; color: #000;}
.ci-con01 .download-box .btn-box {margin-top:2.8rem;}
.ci-con01 .download-box .btn-box a{margin-top:1rem;}
.ci-con01 .logo-box .logo span {top:11.63%; bottom:8%; left:20%; right:20%;}
.ci-con01 .logo-box img {width:472px; height:144px;}
.ci-con01 .logo-box .txt-box {background-color: #f8f8f8; padding:6rem 13rem 6.4rem 7.5rem;}
.ci-con01 .logo-box .txt-box .tit {font-size:3rem; letter-spacing:-0.035em; line-height:1.5; color: #000;} 
.ci-con01 .logo-box .txt-box .txt {font-size:1.7rem; letter-spacing:-0.075em; line-height: 1.94; color: #555; margin-top:3.3rem;} 
/* Logo Type */
.ci-con02 .logo-box .logo {padding-top:29.45%;}
.ci-con02 .logo-box .logo span {top:11.72%; bottom:5.72%; left:10%; right:10%;}
/* Color System */
.ci-con03 .color-box {margin-top:30px;}
.ci-con03 .color-item {display:flex; padding:5.2rem 0; border-top:1px solid #e0e0e0;}
.ci-con03 .color-item:first-child {border-top:0;}
.ci-con03 .color-item:last-child {padding-bottom:0;}
.ci-con03 .color-item .tit {display:block; width:222px; font-size:2.3rem; color: #000; letter-spacing:-0.075em; margin-top:0.8rem; }
.ci-con03 .color-item .color-list {display:flex; width:calc(100% - 222px);}
.ci-con03 .color-item .color-list li {width:33.33%;}
.ci-con03 .color-item .color-list li dl {display:flex; }
.ci-con03 .color-item .color-list li dl dt {width:7rem; height:7rem; margin-right:20px;}
.ci-con03 .color-item .color-list li dl dt .color {display:block; height:100%; border-radius:50%;}
.ci-con03 .color-item .color-list li .name {display:block; font-size:1.8rem; letter-spacing:-0.035em; color: #000; font-weight:600; margin-top:2rem;}
.ci-con03 .color-item .color-list li .txt {font-size:1.4rem; letter-spacing:-0.035em; line-height: 1.43; color: #555; font-weight:500; margin-top:1rem;}

.vision-page {padding-bottom:15rem; overflow:hidden;}
.vision-con {text-align:center;}
.vision-con .tit-box .cm-txt {margin-top:2.3rem;}
.vision-img-con{text-align:center; margin-top:9.5rem}
.vision-img-con .vision-img-box{display:inline-block; position:relative; }
.vision-img-con .vision-img-box:before{position:absolute; top:0px; left:0px; width:100%; height:100%; content:""; background:url(/images/content/vision_bg.png) no-repeat; transition:var(--custom-transiton2); transition-duration:1.1s; transform:scale(0.5); opacity:0;}
.animated.vision-img-con .vision-img-box:before{transform:scale(1); opacity:1;}

.global-network-page{margin-bottom:19rem}
.global-network-page .top-txt-box {text-align:center; margin-bottom:60px;}

.overseas-map-con {position:relative;}
.overseas-map-con .map-box{position:relative;}
.overseas-map-con .map-box img {width:100%;}
.overseas-map-con .marker-box{position:absolute; top:0px; left:0px; width:100%;}
.overseas-map-con .marker {position:absolute; top:0; left:50%; display:block; color:var(--theme-orange-color); font-size:1.4rem; width:0.3646vw; height:0.3646vw; border-radius:50%; /* background-color:var(--theme-orange-color); */}
/* .overseas-map-con .marker.red {background-color:var(--theme-red-color);} */
.overseas-map-con .marker .wave {display:block; width:100%; height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); opacity:0; background-color:rgba(245,127,38,0.5); border-radius:50%; -webkit-animation: network-wave 4s cubic-bezier(0.22, 0.61, 0.36, 0.5) infinite;	animation: network-wave 3s cubic-bezier(1, 2, 0.66, 3) infinite; }
.overseas-map-con .marker.red .wave {background-color:rgba(223,0,42,0.5); }
.overseas-map-con .marker:before {content:attr(data-title); position:absolute; top:100%; left:50%; transform:translateX(-50%); font-size:0.7292vw; font-weight:600; color: var(--theme-orange-color); margin-top:5px;}
.overseas-map-con .marker.red:before {color: var(--theme-red-color);}
.overseas-map-con .marker.red:after {color: var(--theme-red-color);}
.overseas-map-con .marker.korea-item:after{position:absolute; bottom:calc(0px + 0.3646vw); left:50%; width:4.9479vw; height:5.2083vw; content:""; background:url(/images/content/map_maker_line.png) no-repeat; z-index:-1}
.overseas-map-con .marker i{position: absolute; top: -0.7rem; left: -0.5rem; font-size: 1.8rem; color:var(--theme-orange-color);}
.overseas-map-con .marker.red i{color: var(--theme-red-color);}

.overseas-map-con .marker[data-title="America"]:before{}
.overseas-map-con .marker[data-title="Europe"]:before{transform: none; margin-left: 10px; top: -0.2vw; margin-top: 0;}
.overseas-map-con .marker[data-title="Singapore"]:before{transform: none; margin-left: 10px; top: -0.2vw; margin-top: 0;}
.overseas-map-con .marker[data-title="Taiwan"]:before{transform: none; margin-right: 10px; top: -0.2vw; margin-top: 0; left: auto; right: 50%;}
.overseas-map-con .marker[data-title="China"]:before{transform: none; margin-right: 10px; top: -0.2vw; margin-top: 0; left: auto; right: 50%;}
.overseas-map-con .marker.pos-left[data-title="China"]:before{transform: none; margin-left: 10px; top: -0.2vw; margin-top: 0; margin-right: 0; right: auto; left: 50%;}
.overseas-map-con .marker.pos-right[data-title="China"]:before{transform: none; margin-left: 10px; top: -0.2vw; margin-top: 0; margin-right: 0; right: auto; left: 50%;}
.overseas-map-con .marker[data-title="Korea"]:before{transform: none; margin-right: 10px; top: -0.2vw; margin-top: 0; left: auto; right: 50%;}
.overseas-map-con .marker[data-title="Japan"]:before{transform: none; margin-left: 10px; top: -0.2vw; margin-top: 0;}

.overseas-map-con .domestic-map-box{position:absolute; top:0px; left:0px; width:100%; transform:scale(0.5);}
.overseas-map-con .domestic-map-box.animated{transform:scale(1)}
.overseas-map-con .domestic-map-box img{width:100%;}
.overseas-map-con .domestic-map-box .cover{position:absolute; top:0; left:0px; width:100%;}
.overseas-map-con .domestic-maker{margin-top:10%; margin-left:-0.5%; background-color:transparent !important;}
.domestic-zoom-box .domestic-zoom-item{position:absolute; top:0; left:50%;}
.domestic-zoom-box .domestic-zoom-item i{}
.domestic-zoom-item .domestic-tit{display:flex; align-items:center; justify-content:center;  height:1.5625vw; padding:0 0.8854vw; border:1px solid #df002a; border-radius:20px; background-color:#fff; font-size:0.6771vw; letter-spacing:-0.065em; font-weight:500; color:#df002a; box-shadow:0.2604vw 0.3125vw 0.5208vw 0.0000vw rgba(0, 0, 0, 0.19);}
@keyframes network-wave {
 0% {
		-webkit-transform: translate(-50%,-50%) scale(1);
		transform: translate(-50%,-50%) scale(1);
		opacity: 0; 
	}
	50% {
		opacity: 0.1; 
	}
	100% {
		-webkit-transform: translate(-50%,-50%) scale(10);
		transform: translate(-50%,-50%) scale(10);
		opacity: 0; 
	}
}
.overseas-map-con .loca-box {position:absolute; width:20rem; bottom:69px; right:160px; background: #fff; box-shadow: 0px 31px 101px 0px rgba(0, 0, 0, 0.2); border:1px solid #dededd; border-radius:1rem; padding:2rem 2.7rem 2rem 3rem; box-sizing:border-box;}
.overseas-map-con .loca-box .name {position: relative; font-size:1.6rem; line-height:1.1; letter-spacing:-0.065em; color:#323333; font-weight: 500; padding:1.3rem 0 1.5rem;}
.overseas-map-con .loca-box .name i {position: relative; top:2px; font-size:1.8rem; margin-right: 1rem;}
.overseas-map-con .loca-box .name:nth-of-type(2) {color:#e2173a;}
.overseas-map-con .loca-box .name:nth-of-type(3) {color:#ef7f29;}
.overseas-map-con .loca-box .name:before {display:block; content:""; background: url('/images/content/line.png')no-repeat; background-size:cover; position:absolute; width:100%; height:1px; bottom:0; left:0;}
.overseas-map-con .loca-box .name:last-child:before {display:none;}

.domestic-list-box{padding:9rem 0;}
.domestic-list {display:flex; flex-wrap:wrap; margin:0 -1.25rem; margin-top:6rem}
.domestic-list > li {/* width:50%; width:51.5rem; */ width:calc(33.33% - 2.5rem); margin:0 1.25rem 2.9rem; box-sizing: border-box; }
.domestic-list > li .inner-box {height:100%; background-color:#fff; border:1px solid #d6d6d6; padding:3.5rem; box-sizing: border-box;}
.domestic-list > li .tit-box {position:relative;font-size:1.8rem; letter-spacing:-0.065em; color: #000; padding-bottom:2rem; padding-left:1.5em; line-height:1.2; border-bottom:1px solid #ededed;}
.domestic-list > li .tit-box i {position:absolute; top:0px; left:0px; color:#323333;}
.domestic-list > li .tit-box .tit {font-weight:400;}
.domestic-list > li .info-box {padding-top:3rem; display:flex; }
.domestic-list > li .info-box .img-box {width:26.18%;}
.domestic-list > li .info-box .img-box img {width:100%;}
.domestic-list > li .info-box .info-list {width:73.82%;}
.domestic-list > li .info-box .info-list li {display:flex; font-size:1.6rem; letter-spacing:-0.065em; line-height:2.06;}
.domestic-list > li .info-box .info-list li b{display:block; position:relative; width:5rem;  color: #000; font-weight:600;}
.domestic-list > li .info-box .info-list li b:before {content:""; position:absolute; right:0; top:1rem; width:1px; height:12px; background-color:#ededed;}
.domestic-list > li .info-box .info-list li .txt {width:calc(100% - 5rem);  color: #555; padding:0 1.4rem; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }

.overseas-info-con .info-list {display:flex; flex-wrap:wrap;}
.overseas-info-con .info-list li {width:50%; }
.overseas-info-con .info-list .tit {font-size:1.8rem; letter-spacing:-0.065em; color: #000;}
.overseas-info-con .info-list .tit:before {content:"\eb59"; margin-right:8px; color:var(--theme-red-color);}
.overseas-info-con .info-list .cm-txt {margin-top:2rem;}
.overseas-info-con .info-list.overseas {margin-top:-1.6rem;}
.overseas-info-con .info-list.overseas li {display:flex;  align-items: baseline; margin-top:1.6rem;}
.overseas-info-con .info-list.overseas .tit {display:block; width:138px;}
.overseas-info-con .info-list.overseas .tit:before {color:var(--theme-orange-color);}
.overseas-info-con .info-list.overseas .cm-txt {width:calc(100% - 138px); margin-top:0; font-weight:500;}

@media all and (max-width:1280px) and (min-width:801px){
	.domestic-list > li .inner-box{position:relative; padding:3rem; padding-top:20rem; }
	.domestic-list > li .info-box{flex-direction: column-reverse; padding-top:1.5rem}
	.domestic-list > li .info-box .img-box{position:absolute; top:3rem; left:3rem; width:15rem}
	.domestic-list > li .info-box .info-list{width:100%;}
	.domestic-list > li .info-box .info-list li{font-size:1.5rem}
}

.rnd-con {position:relative; max-width:1340px; margin:0 auto;}
.rnd-con .center-box {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); /* max-width:720px; width:100%; */ width:38.8%; text-align:center;}
.rnd-con .center-box img {max-width:100%;}
.rnd-con .center-box .txt-box {margin-top:45px; position:absolute; width:100%; left:0;}
.rnd-con .center-box .txt-box .sub-tit {font-size:3.3rem; letter-spacing:-0.065em; color: #333; font-weight:700;}
.rnd-con .center-box .txt-box .tit {display:block;font-size:8rem; letter-spacing:-0.025em; color: #000; }
.rnd-list {display:flex; flex-wrap:wrap; justify-content:space-between;}
.rnd-list li {width:50%; margin:10px 0; min-height:422px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box;  }
.rnd-list li:nth-child(odd) {padding-right:26.86%;}
.rnd-list li:nth-child(even) {padding-left:26.86%;}
.rnd-list li .inner-box {display:flex; align-items:center; height:100%; padding:45px 15px; text-align:center; border:1px solid rgba(0,0,0,0.11);  border-radius:10px; box-shadow:7px 7px 16px rgba(0, 0, 0, 0.05); background-color:#f7f7f7; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box;}
.rnd-list li .inner {width:100%; }
.rnd-list li .tit {font-size:2.4rem; letter-spacing:-0.065em; color: #000; }
.rnd-list li .txt {font-size:1.6rem; letter-spacing:-0.065em; line-height:1.5; color: #666; margin-top:6px;}
.rnd-list li .txt:first-child {margin-top:25px;}

@media all and (max-width:800px){
	.rnd-con .center-box {position: relative; top:initial; left:initial; transform:none; margin:0 auto 2rem; width:60%;}
	.rnd-con .center-box .txt-box {position:static; width: auto;}
	.rnd-con .center-box .txt-box .sub-tit {font-size:2.2rem;}
	.rnd-con .center-box .txt-box .tit {font-size:4rem;}
	.rnd-list li {width: 100%; min-height:auto;}
	.rnd-list li:nth-child(odd) {padding-right: 0;}
	.rnd-list li:nth-child(even) {padding-left: 0;}
	.rnd-list li .inner-box {height:auto;}
}

.esg-management-con .top-tit-box {text-align:center; margin-top:-12px;}
.esg-management-con .top-tit-box .cm-txt {margin-top:4.2rem; color: #333;}
.esg-management-con .con-box{margin-top:5rem}
.esg-management-con .con-box.con01 {margin-top:8.8rem;}
.esg-management-con .txt-box .tit-box {padding-bottom:3rem; border-bottom:1px solid #e9e9e9; margin-bottom:3.6rem;}
.esg-management-con .txt-box .tit-box .cm-top-tit {display:inline-block; position:relative; padding-left:1.3rem;}
.esg-management-con .txt-box .tit-box .cm-top-tit:before {content:""; width:0.7rem; height:0.7rem; background-color:var(--theme-red-color); border-radius:50%; position:absolute; left:0; top:1rem; }
.esg-management-con .txt-box .cm-txt{word-break: break-word}
.esg-management-con .txt-box .tit-box span {display:inline-block; font-size:1.6rem; color: #c7c7c7; letter-spacing:-0.025em; font-weight:500; margin-left:16px;}
@media all and (min-width:801px){
	.esg-management-con .con-box {display:flex; align-items:center;}
	.esg-management-con .con-box:nth-child(odd) {flex-direction:row-reverse;}
	.esg-management-con .img-box {width:50%; }
	.esg-management-con .txt-box {width:50%; padding:0 10rem; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box; }
}

.esg-supply-top-con{margin-bottom:16.5rem}
.esg-supply-top-txt{margin-bottom:17rem}
.esg-supply-top-txt p{text-align:center; margin-top:2em}
.esg-supply-top-txt p:first-child{margin-top:0;}
.esg-policy-tit-box{position:relative; text-align:center; padding-bottom:9.2rem; z-index:1;}
.esg-policy-tit-box:after{position:absolute; bottom:-0.4rem; left:0px; width:100%; height:10.1rem; background:url(/images/content/esg_supply_line_bg.png) no-repeat; content:""; background-size:100% auto; }
.esg-policy-tit{position:relative; display:inline-flex; justify-content:center; align-items:center; width:23.7rem; height:23.7rem; background-color:var(--theme-red-color); margin:0px auto; color:#fff; font-size:2.6rem; letter-spacing:-0.065em; line-height:1.4615; border-radius:50%; box-shadow: 13.6px 11.8px 32px 0 rgba(229, 25, 55, 0.27); }
.esg-policy-tit:before{position:absolute; left:50%; top:50%; width:27.6rem; height:27.6rem; border:1px dashed #cecece; transform:translate(-50%,-50%); border-radius:50%; content:"";}
.esg-policy-list{display:flex; align-items:center; justify-content:space-between; margin:0 -5.65rem}
.esg-policy-list .esg-policy-item{width:calc(33.33% - 11.3rem ); margin:0 5.65rem}
.esg-policy-list .esg-policy-item dl{border:1px solid #d6d6d6; background-color:#fff; text-align:center; letter-spacing:-0.065em}
.esg-policy-list .esg-policy-item dl dt{display:flex; align-items:center; height:7.8rem; font-size:2.3rem; color:#000; line-height:1.2; justify-content:center; font-weight:600; }
.esg-policy-list .esg-policy-item dl dd{display:flex; align-items:center; justify-content:center; flex-direction:column; height:15.8rem; background-color:#f8f8f8; font-size:1.8rem; line-height:1.56; color:#555;}
.esg-policy-list .esg-policy-item dl dd strong{display:block; color:var(--theme-red-color); margin-bottom:1em; font-weight:600;}
.esg-policy-result{display:flex; justify-content:center;  padding-top:6.7rem; background:url(/images/content/esg_supply_result_bg.jpg) no-repeat 50% 0}
.esg-policy-result .esg-policy-result-item{margin:0 7rem; text-align:center; font-size:2rem; letter-spacing:-0.065em; line-height:1.3; }
.esg-policy-result .esg-policy-result-item .num{display:inline-flex; align-items:center; justify-content:center;  width:2.65em; height:2.65em; background-color:#000; color:#fff; font-weight:600; font-size:0.8em; border-radius:50%; margin-bottom:2em; }

.esg-partner-plan-con{background-color:#f8f8f8; padding:16.3rem 0 14.3rem}
.esg-partner-plan-con .esg-partner-tit{color:#000; font-size:5rem; font-weight:600; letter-spacing:-0.075em; margin-bottom:9.5rem; line-height:1.2; text-align:center;}
.esg-partner-list-con{display:flex; max-width:1388px; margin:0px auto; justify-content:space-between; background:url(/images/content/esg_partner_bg.png) no-repeat 50% 0 / 100% auto;  }
.esg-partner-list-con .esg-partner-item{width:36.7rem; box-sizing:border-box;}
.esg-partner-list-con .esg-partner-item:nth-child(2){margin-left:1.3rem }
.esg-partner-list-con .esg-partner-item dl {text-align:center;}
.esg-partner-list-con .esg-partner-item dl dt{ display:inline-flex; justify-content:center; align-items:center; width:23.7rem; height:23.7rem; margin:6.2rem; margin-bottom:9rem; color:#fff; text-align:center; font-size:2.6rem; letter-spacing:-0.065em; font-weight:600; line-height:1.45; border-radius:50%; }
.esg-partner-list-con .esg-partner-item dl dd{font-size:1.8rem; line-height:1.83; letter-spacing:-0.075em; color:#333;}
.esg-partner-list-con .esg-partner-item dl dd strong{display:block; color:var(--theme-red-color); margin-bottom:0.8em; font-weight:600; font-size:1.277em;}

.she-safe-con-box {padding:0 7rem; background:url("/images/content/she_safe_bg.png") no-repeat right top / cover;}
.she-safe-con-box .tit-box {padding-bottom:3.6rem; border-bottom:1px solid #000; }
.she-safe-con-box .tit-box .tit {font-size:3rem; letter-spacing:-0.065em; color: #000; line-height:1.3;}
.she-safe-con-box .num-box {padding:4rem 2.9rem; border-bottom:1px solid rgba(0,0,0,0.2); }
.she-safe-con-box .num-list li {display:flex; margin-top:2.4rem; }
.she-safe-con-box .num-list li:first-child {margin-top:0;}
.she-safe-con-box .num-list .num {display:block; width:4.4rem; height:4.4rem; line-height:4.4rem; font-size:1.8rem; letter-spacing:-0.065em; color: #fff; text-align:center; font-weight:500; background-color:var(--theme-red-color); border-radius:50%;}
.she-safe-con-box .num-list .cm-txt {color: #000; margin-top:0.65rem; width:calc(100% - 4.4rem); padding-left:2.5rem; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.she-safe-con-box .bottom-box {display:flex; justify-content:space-between; font-size:1.8rem; letter-spacing:-0.025em; font-style:italic;}
.she-safe-con-box .bottom-box .date {color: rgba(0,0,0,0.5); }
.she-safe-con-box .bottom-box .sign {color: #000; font-family:var(--font-family2)}
.she-safe-con-box .bottom-box .sign .name {display:inline-block; margin-left:2rem;}
.she-safe-con.con01 .she-safe-con-box {margin-top:3rem;}
.she-safe-con.con01 .she-safe-con-box .tit-box {padding-top:7.7rem;}
.she-safe-con.con01 .she-safe-con-box .bottom-box {padding:3.9rem 0 7.9rem;}
.she-safe-con.con02 {padding-bottom:0;}
.she-safe-con.con02 .she-safe-con-box .tit-box {padding-top:6.5rem;}
.she-safe-con.con02 .she-safe-con-box .num {background-color:var(--theme-orange-color);}
.she-safe-con.con02 .she-safe-con-box .num-box + .cm-txt {margin-top:3.3rem;}
.she-safe-con.con02 .she-safe-con-box .bottom-box {padding:3.6rem 0 6.8rem;}

.she-manage-container .top-tit-box{text-align:center; margin-bottom:12rem}
.she-manage-container .top-tit-box .cm-top-tit{margin-bottom:5.5rem;}
.she-manage-detail-con{padding-top:13rem; border-top:1px solid rgba(224,224,224,0.5);}
.she-manage-detail-list{position:relative; display:flex; justify-content:space-between; max-width:1342px; margin:0px auto;}
.she-manage-detail-list:before{position:absolute; top:15rem; left:0; right:0; height:1px; border-top:1px dashed #cecece; content:"";}
.she-manage-detail-list .she-manage-item{width:31rem;}
.she-manage-item .she-manage-tit-box{margin:0 0.5rem; margin-bottom:3.6rem}
.she-manage-item .she-manage-tit-box .she-manage-tit{position:relative; display:inline-flex; justify-content:center; align-items:center; text-align:center; width:30.1rem; height:30.1rem; box-sizing:border-box; border:3.2rem solid #ccc; border-radius:50%; color:#000; background-color:#fff; font-size:2.4rem; font-weight:600; letter-spacing:-0.065em; line-height:1.38; }
.she-manage-item.key-item .she-manage-tit-box .she-manage-tit{background-color:var(--theme-red-color); border-color:var(--theme-red-color); color:#fff; box-shadow: 13.6px 11.8px 32px 0 rgba(75, 75, 75, 0.27);}
.she-manage-item .she-manage-list-con{position:relative; height:calc(100% - 33.6rem); text-align:center; border:1px solid rgba(0, 0, 0, 0.11); border-radius: 10px; box-shadow: 4.4px 5.4px 16px 0 rgba(0, 0, 0, 0.05); background-color: #f7f7f7; padding:4.5rem 0; box-sizing:border-box; }
.she-manage-item .she-manage-list-con:before{position:absolute; bottom:100%; height:3.6rem; width:1px; background-color:#000; opacity:0.1; content:"";}
.she-manage-item .she-manage-list-con p{color:#000; font-size:1.6rem; letter-spacing:-0.065em; line-height:1.2; margin:0.7em 0;}

@media all and (min-width:801px){
	.she-manage-item .she-manage-tit-box .she-manage-tit:before,
	.she-manage-item .she-manage-tit-box .she-manage-tit:after{position:absolute; top:50%; width:0.8rem; height:.8rem; border: solid 1px #808080; background-color:#fff; box-sizing:border-box; border-radius:50%; content:""; margin-top:-0.4rem}
	.she-manage-item .she-manage-tit-box .she-manage-tit:before{left:-0.4rem}
	.she-manage-item .she-manage-tit-box .she-manage-tit:after{right:-0.4rem;}
	.she-manage-item:first-child .she-manage-tit-box .she-manage-tit:before,
	.she-manage-item:last-child .she-manage-tit-box .she-manage-tit:after{display:none;}
	.she-manage-item.key-item .she-manage-tit-box .she-manage-tit:before,
	.she-manage-item.key-item .she-manage-tit-box .she-manage-tit:after{border-color:#000; background-color:#000;}
	.she-manage-item.key-item .she-manage-tit-box .she-manage-tit:before{left:-3.6rem;}
	.she-manage-item.key-item .she-manage-tit-box .she-manage-tit:after{right:-3.6rem;}
}

.she-performance-con .right-box .cm-txt{margin-bottom:3.8rem}
.she-performance-con.con01 .left-box{padding-right:4.32%; box-sizing:border-box; }
.she-performance-certifi-box{background-color:#f2f2f2; padding:6.6rem 3rem;}
.she-performance-certifi-list{display:flex; justify-content:center; }
.she-performance-certifi-list li{width:20.6rem; margin:0 2.5rem; position:relative; }
.she-performance-certifi-list li a{display:block;}
.she-performance-certifi-list li .certifi-thumb{position:relative; display:block;}
.she-performance-certifi-list li .certifi-thumb img{width:100%;}
.she-performance-certifi-list li .certifi-thumb:after{position:absolute; width:4rem; height:4rem; display:flex; align-items:center; justify-content:center; color:#fff; font-size:2rem; border-radius:50%; top:50%; left:50%; font-family:"xeicon"; content: "\e97b"; transform:translate(-50%,-50%); background-color:#000; opacity:0;}
.she-performance-certifi-list li a:hover .certifi-thumb:after{opacity:1;}
.she-performance-certifi-list li .certifi-name{display:block; color:#000; letter-spacing:-0.065em; font-size:1.8rem; margin-top:1.5em; text-align:center; font-weight:400; font-family:var(--font-family1)}

.she-performance-step-list-con ol{position:relative; display:flex; flex-wrap:wrap; margin:0 -3.5rem}
.she-performance-step-list-con .she-perfor-step-item{position:relative; height:21rem; width:calc(33.33% - 7rem); margin:0 3.5rem; background-color:#f2f2f2; transition: var(--custom-transiton1);}
.she-performance-step-list-con ol .she-perfor-step-item:before {position:absolute; top:50%; right:-7rem; left:initial; border-top:1px dashed #ccc; margin-top:-1px; content:""; width:7rem;}
.she-performance-step-list-con .step03:before {display:none;}
.she-performance-step-list-con .step04 {order:3; margin-top:7rem;}
.she-performance-step-list-con .she-perfor-step-item.step04:before {display:none;}
.she-performance-step-list-con .step05 {order:2; margin-top:7rem;}
.she-performance-step-list-con .step06 {order:1; margin-top:7rem;}

.she-performance-step-list-con .she-perfor-step-item dl{position:relative; height:100%; padding:4.8rem 4rem; color:#000; font-size:1.6rem; box-sizing:border-box; }
.she-performance-step-list-con .she-perfor-step-item dl dt{position:relative; font-size:0.875em; letter-spacing:-0.025em; font-weight:600; font-style:italic; padding-bottom:4rem;}
.she-performance-step-list-con .she-perfor-step-item dl dt:after{position:absolute; bottom:1.8rem; left:0; width:2rem; height:2px; background-color:#000; content:"";}
.she-performance-step-list-con .she-perfor-step-item dl dd{line-height:1.625; letter-spacing:-0.065em;}
.she-performance-step-list-con ol:first-child .she-perfor-step-item dl dt{color:var(--theme-red-color);}
.she-performance-step-list-con .she-perfor-step-item.active{background-color:var(--theme-red-color); box-shadow: 14px 12px 32px 0px rgba(229, 25, 55, 0.27);}
.she-performance-step-list-con .she-perfor-step-item.active dl{color:#fff;}
.she-performance-step-list-con .she-perfor-step-item.active dl dt{color:#fff !important;}
.she-performance-step-list-con .she-perfor-step-item.active dl dt:after{background-color:#fff;}
@media all and (min-width:801px){
	.she-performance-step-list-con .she-perfor-step-item dl:before,
	.she-performance-step-list-con .she-perfor-step-item dl:after{position:absolute; top:50%; width:7px; height:7px; content:""; box-sizing:border-box; border:1px solid var(--theme-red-color); border-radius:50%; margin-top:-3.5px; z-index:1;}
	.she-performance-step-list-con .she-perfor-step-item dl:before{left:-3.5px; background-color:var(--theme-red-color);}
	.she-performance-step-list-con .she-perfor-step-item dl:after{right:-3.5px; background-color:#fff;}
	/* .she-performance-step-list-con ol:last-child{flex-direction:row-reverse; margin-top:7rem}
	.she-performance-step-list-con ol:last-child .she-perfor-step-item dl:before{background-color:#fff;}
	.she-performance-step-list-con ol:last-child .she-perfor-step-item dl:after{background-color:var(--theme-red-color);} */
	.she-performance-step-list-con .she-perfor-step-item.step04:after{position:absolute; right:50%; top:-7rem; bottom:100%; border-left:1px dashed #ccc; content:"";}
	.she-performance-step-list-con .she-perfor-step-item.step01 dl:before{display:none;}
	.she-performance-step-list-con .she-perfor-step-item.step06 dl:before{display:none;}
	.she-performance-step-list-con .she-perfor-step-item.step03 dl:after{right:50%; top:100%; margin-right:-3.5px}
	.she-performance-step-list-con .she-perfor-step-item.step04 dl:after{right:50%; top:auto; bottom:100%;margin-top:0;  margin-bottom:-3.5px; margin-right:-3.5px}
}

@media all and (max-width:800px){
	.she-performance-step-list-con ol .she-perfor-step-item:before {display:none;}
	.she-performance-step-list-con .step04 , .she-performance-step-list-con .step05 , .she-performance-step-list-con .step06{margin-top:0;}
}

.she-golden-factory-list-con{position:relative; max-width:1278px; display:flex; justify-content:space-between; margin:15.4rem auto 15rem;  }
.she-golden-factory-list-con .she-golden-factory-item{position:relative; width:18rem; border:1.8rem solid #fee1c9; margin:0 2.5rem; background-color:#fff; border-radius:50%}
.she-golden-factory-list-con .she-golden-factory-item > div{width:100%; height:0; padding-top:100%; box-sizing:border-box; position:relative; display:flex; align-items:center; justify-content:center; text-align:center; border:1px solid var(--theme-orange-color); border-radius:50%}
.she-golden-factory-list-con .she-golden-factory-item strong{position:absolute; top:50%; left:0; right:0; transform:translateY(-50%); height:1em; color:#000; font-size:2.2rem; font-weight:600;}
.she-golden-factory-list-con .she-golden-factory-item strong small{display:block; font-size:0.7272em; color:#bcbcbc; margin-top:0.5em; font-weight:400;}
.she-golden-sgr-list-con{display:flex; flex-wrap:wrap;}
.she-golden-sgr-list-con li{width:25%; padding:4rem 2.3rem 5rem; text-align:center; box-sizing:border-box;}
.she-golden-sgr-list-con .sgr-icon{display:block; width:11.2rem; height:11.2rem; background-color:#f7f7f7; border-radius:50%; margin:0 auto 2.5rem}
.she-golden-sgr-list-con .sgr-icon img{width:100%; image-rendering:-webkit-optimize-contrast}
.she-golden-sgr-list-con .sgr-txt{color:#000; font-size:1.8rem; letter-spacing:-0.065em; line-height:1.44;}
.she-golden-sgr-list-con .sgr-txt em {font-size:1.4rem;}
.she-golden-sgr-list-con .sgr-inner-txt {color:#000; font-size:1.4rem; letter-spacing:-0.065em; line-height:1.44;}
@media all and (min-width:801px){
	.she-golden-factory-list-con:before{position:absolute; top:50%; left:3.5rem; right:3.5rem; border-top:1px dashed #ccc; content:""; z-index:0}
	.she-golden-factory-list-con .she-golden-factory-item:before,
	.she-golden-factory-list-con .she-golden-factory-item:after{position:absolute; top:50%; width:7px; height:7px; content:""; box-sizing:border-box; background-color:#000; border-radius:50%; margin-top:-3.5px; z-index:1;}
	.she-golden-factory-list-con .she-golden-factory-item:before{left:-2.1rem;}
	.she-golden-factory-list-con .she-golden-factory-item:after{right:-2.1rem;}
	.she-golden-factory-list-con .she-golden-factory-item:last-child:after,
	.she-golden-factory-list-con .she-golden-factory-item:first-child:before{display:none;}
	.she-golden-sgr-list-con li.gray{background-color:#f7f7f7;}
	.she-golden-sgr-list-con li.gray .sgr-icon{background-color:#fff;}
}

.ethical-regulation-item .tit-box .tit {display:block; position:relative; padding-left:1.3rem; font-size:2.3rem; letter-spacing:-0.075em; color: #000;}
.ethical-regulation-item .tit-box .tit:before  {content:""; width:0.7rem; height:0.7rem; background-color:var(--theme-red-color); border-radius:50%; position:absolute; left:0; top:0; }
.ethical-regulation-item .tit-box .cm-txt {color: #000; margin-top:1.3rem;}
.ethical-regulation-item .txt-box {margin-top:2.4rem;}
.ethical-regulation-item .list-box {margin-top:6.5rem;}
.ethical-regulation-con.con01 .ethical-regulation-item:first-child {padding-bottom:4.8rem; margin-bottom:5.8rem;  border-bottom:1px solid rgba(224,224,224,0.6);}
.ethical-regulation-con.con02 .ethical-regulation-item:first-child {padding-bottom:11rem; margin-bottom:8.8rem;  border-bottom:1px solid rgba(224,224,224,0.6);}
.ethical-regulation-con.con02 .btn-box {margin-top:4rem;}
.ethical-regulation-con.con02 .btn-box a {width:26.4rem; margin-top:1.3rem;}
.ethical-regulation-con.con02 .btn-box a:first-child {margin-top:0;}

.ethical-regulation-list {display:flex;}
.ethical-regulation-list li {width:25%; text-align:center;}
.ethical-regulation-list li dt {position:relative; padding:0 4.65rem;}
.ethical-regulation-list li dt:before {content:""; position:absolute; left:0; top:50%; width:calc(100% - 2px);; height:1px; border-top:1px dashed #cecece;  }
.ethical-regulation-list li .inner-box {position:relative; padding-top:100%;  border-radius:50%; background-color:#fff; background-color:#3e3e3e }
.ethical-regulation-list li .inner-box .inner {position:absolute; top:10.43%; left: 10.43%; right: 10.43%; bottom: 10.43%; display:flex; align-items:center; justify-content:center; text-align:center; background-color:#fff; border-radius:50%;}
.ethical-regulation-list li .tit {font-size:2.3rem; letter-spacing:-0.065em; line-height: 1.3; color: #000;}
.ethical-regulation-list li .cm-txt {font-size:1.6rem; padding:0 3.5rem; margin-top:2.2rem;}
.ethical-regulation-list li:nth-child(1) .inner-box {background-color:#e1e1e1;}
.ethical-regulation-list li:nth-child(2) .inner-box {background-color:#bbbbbb;}
.ethical-regulation-list li:nth-child(3) .inner-box {background-color:#878787;}
.ethical-regulation-list li:nth-child(1) dt:before {left:50%; width:calc(50% - 2px);}
.ethical-regulation-list li:nth-child(4) dt:before { width:50%;}

@media all and (min-width:801px){
	.ethical-regulation-con.con02 .download-btn:hover {color:#fff; background-color:var(--theme-red-color);}
}

.ethical-counsel-tbl{width:100%; border-top:1px solid #3c3c3c; margin-top:3.5rem;}
.ethical-counsel-tbl tr th,
.ethical-counsel-tbl tr td{font-size:1.65rem; letter-spacing:-0.065em; padding:2.3rem 0; text-align:left; border-bottom:1px solid #ececec; line-height:1.5; font-weight:500;}
.ethical-counsel-tbl tr th{color:#000; font-weight:600; padding-left:3.4rem;}
.ethical-counsel-tbl .counsel-info-tit{width:100%; display:flex; align-items:center; position:relative;}
.ethical-counsel-tbl .counsel-info-tit:after{position:absolute; top:0px; bottom:0px; width:1px; right:3rem;background-color:#d4d4d4; content:"";}
.ethical-counsel-tbl .counsel-info-tit i{margin-right:1.5rem;}
.ethical-counseling-btn-box{margin-top:4rem;}
.ethical-protect-txt-box{display:flex; align-items:center;border:1px solid #d6d6d6; padding:6.7rem; }
.ethical-protect-txt-box .ethical-protect-top-txt{color:#000; font-size: 2rem; letter-spacing:-0.065em; line-height:1.8; margin-bottom:2em; font-weight:600;}
.ethical-protect-txt-box .ethical-protect-icon{width:14.4rem; border:1.8rem solid #fce8eb; border-radius:50%; margin-left:7rem }
.ethical-protect-txt-box .ethical-protect-icon span{display:block; width:100%; padding-top:100%; height:0; border:1px solid #ffc5ce; border-radius:50%; background:url(/images/content/ethical_protect_icon.jpg) no-repeat 50% 50%;}


.quality-manage-container .top-tit-box{margin-bottom:20rem;}
.quality-policy-con .quality-policy-item{display:flex; align-items:center; justify-content:space-between; border:1px solid #d6d6d6; padding: 3rem 6.5rem 2.9rem 7.3rem; margin-top:1.7rem}
.quality-policy-con .quality-policy-item:first-child{margin-top:0}
.quality-policy-con .quality-policy-item dl{width:calc(100% - 15rem);}
.quality-policy-con .quality-policy-item dt{display:flex; align-items:center; color:#333; font-size:2.3rem; font-weight:600; letter-spacing:-0.075em; margin-bottom:0.7em;}
.quality-policy-con .quality-policy-item dt .num{display:inline-block; color:var(--theme-red-color); font-size:0.6956em; margin-right:1.4rem;}
.quality-policy-con .quality-policy-item dd{color:#000; font-size:1.65rem; font-weight:400; letter-spacing:-0.065em; line-height: 1.94; }
.quality-policy-con .quality-policy-item .icon{display:block; width:9.9rem; height:9.8rem; border:1.4rem solid #fce8eb; border-radius:50%; }
.quality-policy-con .quality-policy-item .icon img{display:block; border:1px solid #ffc5ce; width:100%; border-radius:50%; box-sizing:border-box;}
.quality-certifi-list-con li{border:1px solid #d6d6d6; display:flex; height:31.7rem; margin-top:2.9rem}
.quality-certifi-list-con li:first-child{margin-top:0}
.quality-certifi-list-con .quality-img-con{width:30.2rem; display:flex; align-items:center; justify-content:center; background-color:#f4f4f4;}
.quality-certifi-list-con .quality-img-con img{width:16.9rem}
.quality-certifi-list-con .quality-certifi-info{display:flex; justify-content:center; padding:0 7rem; flex-direction:column; height:100%; width:calc(100% - 30.2rem); box-sizing:border-box; color:#000; letter-spacing:-0.065em; font-size:1.6rem; line-height:2;}
.quality-certifi-list-con .quality-certifi-info dt{font-size:1.4375em; font-weight:600; margin-bottom:0.5em}

.quality-activity-container .top-tit-box{margin-bottom:25rem}
.quality-activity-necessity li{font-size:1.8rem; display:flex; line-height:1.3; font-weight:500; letter-spacing:-0.065em; margin-top:1.2rem;}
.quality-activity-necessity li:first-child{margin-top:0;}
.quality-activity-necessity li .num{width:5rem; color:var(--theme-red-color); font-weight:600; }
.quality-activity-necessity li p{width:calc(100% - 5rem); }
.quality-innovation-con{max-width:930px; margin:0px auto; text-align:center; margin-top:12rem}
.quality-innovation-con h5{font-size:4rem; letter-spacing:-0.065em;font-weight:600; margin-bottom:1.75em; color:#000;}
.quality-innovation-list{display:flex; align-items:center; justify-content:space-between; }
.quality-innovation-list .quality-innovation-item{/* width:24rem; */ width:42rem; display:flex; }
.quality-innovation-list .quality-innovation-item .circle{position:relative; height:0; width:calc(50% + 3rem); padding-top:calc(50% + 1.5rem); border-radius:50%; }
.quality-innovation-list .quality-innovation-item .bottom-inno-circle{margin-top:0rem; margin-left:-3rem; }
.quality-innovation-list .quality-innovation-item .circle span{display:block; position:absolute; top:0; left:0px; width:100%; height:100%; display:flex; align-items:center; justify-content:center; box-sizing:border-box; border-radius:50%; font-size:1.8rem; line-height:1.44; letter-spacing:-0.065em; color:#fff; padding:0 4rem;}
.quality-innovation-list .quality-innovation-item .top-inno-circle span{border:1px dashed #bbb; color:#000;  }
/* .quality-innovation-list .quality-innovation-item .bottom-inno-circle{margin-top:-5.9rem } */
.quality-innovation-list .innovation-item-01 .bottom-inno-circle{background-color:var(--theme-red-color)}
.quality-innovation-list .innovation-item-02 .bottom-inno-circle{background-color:var(--theme-orange-color)}
.quality-innovation-list .innovation-item-03 .bottom-inno-circle{/* background-color:#000 */ background-color:var(--theme-orange-color);}
.quality-supex-con{position:relative; max-width:810px; justify-content:space-between;  margin:8.3rem auto 0;}
.quality-supex-con:before{position:absolute; top:15.7rem; left:0; right:0; height:1px; border-top:1px dashed #cecece; content:"";}
.quality-supex-con .circle{position:relative; width:26.4rem; border:2.5rem solid #fee1c9; border-radius:50%; background:#fff; }
.quality-supex-con .circle:after{position:absolute; width:8px; height:8px; top:50%; margin-top:-4px; border-radius:50%; content:""; background:#fff; border:1px solid var(--theme-orange-color); }
.quality-supex-con .circle .inner{width:100%; height:0; padding-top:100%; box-sizing:border-box;  border-radius:50%;}
.quality-supex-con .circle .inner strong{position:absolute; top:0px; left:0px; width:100%; height:100%; display:flex; align-items:center; justify-content:center;  color:#fff; font-size:2.4rem; font-weight:600; letter-spacing:-0.065em; text-align:center; border-radius:50%; }
/* Red Circle */
.quality-supex-con .quality-supex-tit{float:left; box-shadow: 0 0 68px 0 rgba(224, 0, 42, 0.35); background-color:var(--theme-red-color); border-color:var(--theme-red-color);  }
.quality-supex-con .quality-supex-tit:after{right:-2.9rem; background-color:var(--theme-orange-color);}
/* Orange Circle */
.quality-supex-expect-con{float:right;}
.quality-supex-expect-con .quality-expect-txt:after{left:-2.9rem}
.quality-supex-expect-con .quality-expect-txt .inner strong{border:1px solid var(--theme-orange-color); font-weight:500; line-height:1.83; color:#555; font-size:1.8rem;}
.quality-expect-list-con{position:relative; margin:-11.4rem auto 0; width:22.8rem;}
.quality-expect-list-con li{display:flex; align-items:center; justify-content:center; height:5rem; border-radius: 25px; box-shadow: 4.4px 5.4px 16px 0 rgba(0, 0, 0, 0.05);  border: solid 1px rgba(0, 0, 0, 0.11); background-color: #f7f7f7; margin:0.7rem auto 0; font-weight:500; letter-spacing:-0.065em; font-size:1.8rem; }
.quality-activity-direction ul{display:flex;}
.quality-activity-direction ul li{width:20%; position:relative; background-color:#f8f8f8; border-left:1px solid rgba(0,0,0,0.05); transition: var(--custom-transiton1); }
.quality-activity-direction ul li:first-child{border-left:0}
.quality-activity-direction ul li dl{padding:12.3rem 3rem 8.9rem; font-size:1.8rem; color:#000; letter-spacing:-0.065em; }
.quality-activity-direction ul li dl dt{position:relative; text-align:center; line-height: 1.33; height:2.66em; display:flex; align-items:center; justify-content:center; margin-bottom:19.8rem; }
.quality-activity-direction ul li dl dt:before{bottom:-11.6rem; font-family:"xeicon"; position:absolute; left:50%; width:4rem; height:4rem; margin-left:-2rem; background-color:#333; border-radius:50%; content: "\e905"; color:#fff; line-height:4rem;}
.quality-activity-direction ul li dl dd{position:relative; font-size:0.888em; line-height: 1.75; }
/* acitve */
.quality-activity-direction ul li.active{z-index:1; background-color:var(--theme-red-color); box-shadow: 0 0 68px 0 rgba(224, 0, 42, 0.35);}
.quality-activity-direction ul li.active dl{color:#fff;}
.quality-activity-direction ul li.active dl dt:before{background:#fff; color:#000; }
@media all and (max-width:1280px) and (min-width:801px){
	.quality-innovation-list {justify-content:center; }
	.quality-innovation-list .quality-innovation-item {margin:0 2rem;}
}

.news-gallery-list {display:flex; flex-wrap:wrap; margin:-2rem;padding:11.2rem 0 12rem 0}
.news-gallery-list li { width:calc(25% - 4rem); margin: 2rem; border:1px solid #cfcfcf; box-shadow:1.5rem 1.5rem 2.7rem rgba(0, 0, 0, 0.1); transition: var(--custom-transiton1); box-sizing: border-box; border-radius: 8px;}
.news-gallery-list li * {transition: var(--custom-transiton1);}
.news-gallery-list li a {display:block; height:100%; font-size:1.4rem; color: #afafaf;}
.news-gallery-list li a img{object-fit:cover;}
.news-gallery-list li .date-box span{font-size:1em; color: #afafaf; }
.news-gallery-list li .tit {font-size:2.2rem;  line-height:1.63; color: #232323; margin-top:2.4rem;word-break: break-all; }
.news-gallery-list li .txt {font-size:1.7rem;  line-height:1.94; color: #555555;}
.news-gallery-list li dt {padding:4rem 4rem 3rem;}
.news-gallery-list li dd .img-box {position:relative; padding-top:72.97%;}
.news-gallery-list li.img dl {position:relative; padding-bottom:82.97%; height:100%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; }
.news-gallery-list li.img dd {position:absolute; bottom:-1px; left:-1px; right:-1px; }
.news-gallery-list li:not(.img) dd {padding:0 4rem 47.29%;}
@media all and (min-width:801px){
	.news-gallery-list li:hover {background-color:var(--theme-red-color); border-color:transparent;}
	.news-gallery-list li:hover * {color: #fff !important;}
	.news-gallery-list li .date-box span {display:block;}
	.news-gallery-list li .date-box .date {display:inline-block; position:relative; padding:5px 0; font-size:3.2rem; color: var(--theme-red-color); font-weight:700;}
	.news-gallery-list li .date-box .date:before {content:""; position:absolute; width:100%; height:2px; bottom:0; left:0; background-color:var(--theme-red-color); transition: all 0.3s ease-in-out; }
}

.gallery-box {text-align:center;}

.gallery-container .swiper-slide {position: relative; text-align:center; height:600px;}
.gallery-container .slick-track {height:600px;}
.gallery-container .slide-item {}
.gallery-container .slide-item img {max-width:100%; margin:0 auto; height:100%; border:1px solid #eee; box-sizing:border-box;}
.thums-container {position:relative;}
.gallery-thumbs {position:relative; max-width:815px; margin:50px auto 0;}
/* .gallery-thumbs .slick-list {height:84px;} */
.gallery-thumbs .thumbs-item img {max-width:100%;}
.gallery-thumbs .slick-track {margin:0 auto;}
.gallery-thumbs .slick-slide {margin: 0 5px; height:84px; box-sizing:border-box; overflow:hidden; position: relative;}
.gallery-thumbs .slick-slide:before {display: block; content: ""; border: 1px solid #eee; width: 100%; height: 100%; position: absolute; top: 0; left: 0; box-sizing:border-box;}
.gallery-thumbs .slick-slide.slick-current:before {display: block; content: ""; border: 1px solid #e0002a; width: 100%; height: 100%; position: absolute; top: 0; left: 0; box-sizing:border-box;}
/* .gallery-thumbs .slick-slide.slick-current img{border:1px solid #e0002a; box-sizing:border-box;} */
.target-arrows {position:absolute; top:25px; left:50%; transform:translate(-50%); width:1100px;}
.target-arrows .slick-arrow {position:absolute; font-size:24px; color:#000;}
.target-arrows i {font-style:normal;}
/* .target-arrows .slick-prev {left:95px;}
.target-arrows .slick-next {right:95px;} */
.media-library-page .down-btn {display:inline-block; margin-top:5rem;}
.media-library-page .down-btn a {display: inline-flex; align-items: center; justify-content: space-between; min-width: 26.4rem; height: 5rem; background-color: #f2f2f2; font-weight: 500; font-size: 1.4rem; letter-spacing: -0.075em; padding: 0 3rem; border-radius: 5rem; color: #000; transition: var(--custom-transiton1); box-sizing: border-box; text-decoration:none;}
.media-library-page .down-btn a i {font-style:normal;}
.media-library-page .down-btn a:hover {background-color: var(--theme-red-color); color: #fff; box-shadow: 5px 2px 10px #cfcfcf;}

@media all and (max-width:1100px){
	.gallery-thumbs {max-width:500px;}
	.target-arrows .slick-prev {left:20%;}
	.target-arrows .slick-next {right:20%;}
}
@media all and (max-width:800px){
	.gallery-container .slick-track {height: initial; display:flex; align-items:center;}
	/* .gallery-thumbs .slick-slide.slick-current:before {display:none;}
	.gallery-thumbs .slick-slide:before {display:none;} */
	.gallery-container .slide-item img {height:initial;}
	.gallery-thumbs {max-width:350px;}
	.gallery-thumbs .thumbs-item {height:80px;}
	.gallery-thumbs .thumbs-item img {/* height:100%; */ width:100%; margin:0 auto; position:absolute; top:50%; transform:translateY(-50%);}
	.target-arrows {top:50%; transform:translate(-50%, calc(-50% - 15px));}
	.target-arrows .slick-prev {left:32%;}
	.target-arrows .slick-next {right:32%;}
	.media-library-page .cm-btn-controls .right-btn-controls {margin:0 auto;}
}
@media all and (max-width:480px){
	.gallery-thumbs .thumbs-item {height:80px;}
	.target-arrows .slick-prev {left:35%;}
	.target-arrows .slick-next {right:35%;}
}

/* .public-info-container{max-width:735px; margin:0px auto;}
.public-info-iframe{position:relative; height:0; padding-top:115.2%; }
.public-info-iframe iframe{position:absolute; top:0px; left:0px; width:100%; height:100%; }
@media all and (max-width:800px){
	.public-info-container .cm-scroll-drag-guide{margin-right:0}
	.public-info-iframe{height:400px; overflow:scroll; padding-top:0;}
	.public-info-iframe iframe{position:static; width:750px; height:830px}
} */
.public-info-banner{height:50rem; display:flex; align-items:center; align-items:flex-start; flex-direction:column; justify-content:center; background:url(/images/content/public_info_bg.jpg) no-repeat 70% 50%; box-sizing:border-box; padding-left:13.5rem; background-size:cover;}
.public-info-banner .public-banner-txt{color:#fff; font-size:3.6rem; letter-spacing:-0.065em; line-height:1.5277; font-weight:600; margin-bottom:2.36em;}
.public-info-banner a:hover{box-shadow:5px 2px 10px #333}

/*products*/
#products_area .news-gallery-list li{border-radius: 8px;overflow: hidden;border: 1px solid #f5f5f5;box-shadow: 0.2rem 0.2rem 1.2rem rgba(0,0,0,0.1);}
#products_area .news-gallery-list li:hover{box-shadow: 1.5rem 1.5rem 2.7rem rgba(0, 0, 0, 0.1);}
#products_area .news-gallery-list li.img dl{padding-bottom: 10%}
#products_area .news-gallery-list li a img{object-fit: scale-down;}
#products_area .news-gallery-list li.img dd{position: relative;bottom: 0;left: 0;right:0;background: #fff;}

/* prd_view_page */
.proarea #container {padding-bottom: 0;}
.proarea .content_wrap {min-height: 700px;}
.content_wrap.wide .contents{position: relative;float: none; width: 100%;max-width: var(--area-width);margin: 0 auto}
.prd_view_wrap .vip_setion_top {position:relative;min-height:760px;margin: 0 auto;display:block;}
.prd_view_wrap .vip_setion_top .section_left {position:relative;width:800px;float: left}
.prd_view_wrap .vip_setion_top .section_left.fixed {position:fixed;left:50%;margin-left:-600px;}
.prd_view_wrap .vip_setion_top .section_left.bottom {position: absolute;left:0;top:inherit;bottom:50px;}
.prd_view_wrap .vip_setion_top .section_right {width:calc(100% - 800px);min-height:760px;float: left}
.prd_view_wrap .vip_setion_top .section_right .groupBox {padding:10rem 18px 25px;background: #fff;border-radius:8px;}
.prd_view_wrap .vip_setion_top:after {content:'';display: block;clear:both;}
.vip_setion_bottom {padding-bottom:120px;background: #fff;}
.vip_setion_bottom .content_wrap {max-width:100%;padding-top:0;}

.vip_visualInfo {position:relative;}
.vip_visualInfo .visual_slide .item {text-align:center;background:#f2f4f5;}
.vip_visualInfo .visual_slide .item img{max-width: 100%}
.vip_visualInfo .visual_thumbs {width:380px;margin:0 auto;padding:0 28px;}
.vip_visualInfo .visual_thumbs .item {width: 72px !important;height:72px;background: #fff;border:1px solid #e5e9eb;border-radius:4px;cursor:pointer;}
.vip_visualInfo .visual_thumbs .item img{max-width: 100%}
.vip_visualInfo .visual_thumbs .item.active {border:2px solid #1b2529;}
.vip_visualInfo .visual_thumbs .swiper-slide-thumb-active {border:2px solid #1b2529;}
.vip_visualInfo .visual_thumbs .swiper-button-next {right: 0;background:#f2f4f5 url('../images/common/arr_right11.png') no-repeat center center;}
.vip_visualInfo .visual_thumbs .swiper-button-prev {left: 0;background:#f2f4f5 url('../images/common/arr_left11.png') no-repeat center center;}
.vip_visualInfo .visual_thumbs .swiper-button-next,
.vip_visualInfo .visual_thumbs .swiper-button-prev {top:0;width:16px;height:100%;margin-top:0;}
.vip_visualInfo .visual_thumbs .swiper-button-next:after,
.vip_visualInfo .visual_thumbs .swiper-button-prev:after {display:none;}
.vip_visualInfo .visual_thumbs:hover .swiper-button-next.swiper-button-disabled,
.vip_visualInfo .visual_thumbs:hover .swiper-button-prev.swiper-button-disabled {opacity:0.35;}

.vip_topInfo {padding: 45px 18px 30px;}
.vip_topInfo .vip_label {font-size:14px;font-weight:700;}
.vip_topInfo .vip_label span {display:inline-block;padding-left:8px;margin-left:6px;text-transform: uppercase;}
.vip_topInfo .vip_label span:first-child {padding-left:0;margin-left:0;background:none;}
.vip_topInfo .vip_label span.regular_delivery { color: #004b8d; }
.vip_topInfo .vip_label span.regular_delivery::before { content: '';color: #004b8d;background:url('../images/common/ico_delivery2.png') no-repeat 0 center / 21px auto;padding-left:24px; }
.vip_topInfo .vip_label span.parcel {position:relative;color:#004b8d;}
.vip_topInfo .vip_label span.parcel .tool_tip {margin:-3px 0 0 1px;}
.vip_topInfo .vip_title {margin-top: 20px;font-size: 32px;font-weight: 700;line-height:42px;word-break:break-word;color:var(--theme-red-color);}
.vip_topInfo .vip_info {position:relative;overflow:hidden;margin-top:15px;padding-right:35px;}
.vip_topInfo .vip_info .info_left {word-break: break-all;line-height:23px;}
.vip_topInfo .vip_info .pdt_name {display:inline;margin-right:8px;font-size:15px;color:#90a0a6;}
.vip_optionGroup .option_box {position:relative;padding:30px 18px 22px;border-top:1px solid #f2f4f5;}
.vip_optionGroup .option_box.color_box {padding-bottom:15px;}
.vip_optionGroup .h3_tit {margin-bottom:18px;font-size:16px;font-weight:700;}
.vip_optionGroup .opt_function {font-size: 15px;color: #90a0a6;margin-top: 10px; line-height: 2;word-break: break-all;}

#pln .pln-info-box {position: relative;width: 1200px; margin: auto;padding-bottom: 120px;box-sizing: border-box;}
#pln .info {padding: 60px 0 100px;}
#pln .detail-tit {padding-bottom: 24px;font-weight: 500;font-size: 46px; line-height: 60px;letter-spacing: -1.84px;text-align: center}
#pln .info-area{line-height: 2;color:#a3a3a3;font-size: 15px;word-break: break-all;}
#pln .info-area p{}
#pln .info-area h2{font-size: 32px;color: #1b2529; margin: 30px 0;position: relative;padding-left: 15px;}
#pln .info-area h2:before{position: absolute; content: "";display: inline-block;width: 5px;height: 100%;left: 0; background-color:#1b2529}
#pln .info-area h3{font-size: 24px;color:var(--theme-red-color);;margin: 20px 0}
#pln .info-area h4{font-size: 18px;margin: 10px 0}
#pln .info-area img{max-width:100%}

.prd_view_wrap .recent_view {max-width:1200px;margin: 3.5rem auto 0;border-top: 1px solid #f2f4f5; padding: 2rem 0 0;}
.prd_view_wrap .recent_view .title_wrap .h2_tit {font-size: 2rem; font-weight: 700;color:var(--theme-red-color);}
.prd_view_wrap .recent_view .recommand-container {width:100%;}
.prd_view_wrap .recent_view .recommand-container ul{margin: 2rem 0 0}
.prd_view_wrap .recent_view .recommand-container ul:after{content: "";clear: both;display: block}
.prd_view_wrap .recent_view .recommand-container li{float: left;width: calc((100% - 100px) / 6);margin-right: 20px}
.prd_view_wrap .recent_view .recommand-container li:nth-child(6n){margin-right: 0px}
.prd_view_wrap .recent_view .recommand-container li .img_wrap{width: 100%}
.prd_view_wrap .recent_view .recommand-container li .img_wrap img{max-width: 100%}
.prd_view_wrap .recent_view .recommand-container li .text_wrap{text-align: center;font-weight: 400;color: #1b2529;font-size: 1.5rem;}


.bbs-notice-sort-con{display:flex; justify-content:flex-end; margin-bottom:2rem;}
.bbs-notice-sort-con a{display:flex; align-items:center; justify-content:center;  width:4rem; height:4rem; box-sizing:border-box; border:1px solid #000; font-size:2.4rem; color:#000; margin-left:0.9rem;}
.bbs-notice-sort-con a:first-child{margin-left:0}
.bbs-notice-sort-con a.selected{background-color:#f2f2f2}
.notice-list-con{border-top:1px solid #232323;}
.notice-list-con .notice-item{border-bottom:1px solid #ddd;}
.notice-list-con .notice-item a{display:flex; align-items:center; height:9.2rem; font-size:1.6rem; color:#051315; transition:var(--custom-transiton1)}
.notice-list-con .notice-item a *{font-weight:500; line-height:1.5;}
.notice-list-con .notice-item .num{display:block; width:14.5rem; text-align:center; letter-spacing:-0.025em;}
.notice-list-con .notice-item .notice-tit{display:block; width:calc(100% - 36.5rem); letter-spacing:-0.05em; font-size:1.125em;}
.notice-list-con .notice-item .date{display:block; width:22rem; text-align:center; color:rgba(0, 0, 0, 0.5); letter-spacing:-0.035em;}
@media (hover: hover){
	.notice-list-con .notice-item a:hover{background-color:#f2f2f2}
}

.cm-bullet-txt-con .cm-bullet-txt{position:relative; padding-left:1rem; margin-top:1rem;}
.cm-bullet-txt-con .cm-bullet-txt:first-child{margin-top:0}
.cm-bullet-txt-con .cm-bullet-txt:before{position:absolute; top:1.5rem; left:0px; content:""; width:3px; height:3px; background-color:#606060}
.business-container sub,
.business-container sup{font-size:0.666em}
.business-container sub{position:relative; top:-0.4em;}
.cm-table-style{width:100%; margin-top:10rem; table-layout:fixed;}
.cm-table-style:first-of-type{margin-top:0}
.cm-table-style th,
.cm-table-style td{border-bottom:1px solid #e0e0e0; font-size:1.6rem; letter-spacing:-0.065em; color:#555; text-align:center; line-height:1.75}
.cm-table-style thead th{height:7.1rem; background-color:#f5f5f5; border-top:1px solid #000; color:#000; font-weight:600; line-height:1.25; border-left:1px solid #e6e6e6; }
.cm-table-style tbody th{font-size:1.6rem; letter-spacing:-0.065em; color:#555; font-weight:400; }
.cm-table-style tbody td{border-left:1px solid #e6e6e6; padding:1.5rem 0;}
.cm-table-style tbody td:last-child{border-right:1px solid #e6e6e6;}
.cm-table-style tbody .bor-left-none{border-left:0;}
.cm-table-style th:first-child{border-left:0;}
.cm-table-style tr:first-child{height:7.1rem; background-color:#f5f5f5;color: #000;font-weight: 600;}
.cm-table-style tr:first-child td{border-top: 1px solid #000;}

.cm-table-style tr .bor-left{border-left:1px solid #e6e6e6;}
.cm-table-style .align-left{text-align:left; padding:2rem 3rem}
.business-cm-inner-con{margin-top:10rem;}
.business-cm-inner-con:first-of-type{margin-top:0}
.business-cm-inner-con .cm-small-txt{margin-bottom:3.5rem;word-break: break-all;}
.cm-img-list-con{display:flex; align-items:center; justify-content:space-between; margin:0 -1.8rem }
.cm-img-list-con .cm-img-item{width:calc(33.33% - 3.6rem); margin:0 1.8rem;}
.cm-img-list-con figcaption{color:#000; font-size:1.6rem; font-weight:500; letter-spacing:-0.065em; text-align:center; margin-top:2rem;}
.cm-img-list-con img{max-width:100%;}
@media all and (min-width:801px){
	.cm-img-list-con.short-long-list{margin:0 -1.35rem}
	.cm-img-list-con.short-long-list .short{width:45.4rem; margin:0 1.35rem;}
	.cm-img-list-con.short-long-list .long{width:61.6rem; margin:0 1.35rem;}
}

/* CMP Pad */
.cm-table-style .dot{display:inline-block; width:1rem; height:1rem; margin:1.5rem 0; vertical-align:middle; border-radius:50%;}
.cm-table-style .dot[title="HD-500C"]{background-color:var(--theme-red-color);}
.cm-table-style .dot[title="HD-319B"]{background-color:var(--theme-orange-color);}
.cm-table-style .dot[title="HD-300"]{background-color:#647882;}
.cmp-pad-txt-con{display:flex; align-items:center; padding:3rem 4rem; background-color:#f2f2f2; margin-top:3rem}
.cmp-pad-txt-con .cmp-pad-photo{display:block; position:relative; padding-right:6.144rem;}
.cmp-pad-txt-con .cmp-pad-photo:after{position:absolute; top:0px; bottom:0px; right:0; width:1px; background-color:#272a4f; opacity:0.1; content:"";}
.cmp-pad-detail-list{width:calc(100% - 22rem); display:flex; align-items:center; justify-content:center; }
.cmp-pad-detail-list li{position:relative; color:#555; font-size:1.6rem; font-weight:500; letter-spacing:-0.05em; padding-left:2.6rem; margin:0 2rem;}
.cmp-pad-detail-list li:before{position:absolute; left:0; top:0.3rem; width:1rem; height:1rem; content:""; border-radius:50%; background-color:#647882}
.cmp-pad-detail-list li.red:before{background-color:var(--theme-red-color);}
.cmp-pad-detail-list li.orange:before{background-color:var(--theme-orange-color);}
/* CMP Slurry */
.cmp-slurry-img-con{display:flex; justify-content:space-between; }
.cmp-slurry-left-con{width:52.2rem; border:1px solid #e4e4e4; box-sizing:border-box; text-align:center; padding:3.9rem 5.4rem 2.8rem; margin-right:4rem}
.cmp-slurry-left-con figcaption{font-size:1.3rem; font-weight:500; letter-spacing:-0.065em; margin-top:3.9rem; color:#333;}
.cmp-slurry-right-con{display:flex; justify-content:space-between; }
.cmp-slurry-right-con figure:first-child{margin-right:3.7rem}
.cmp-slurry-right-con figcaption{display:flex; align-items:center; font-size:1.6rem; color:#000; font-weight:500; margin-top:2rem; letter-spacing:-0.065em; margin-left:-0.5rem }
.cmp-slurry-right-con figcaption i{position:relative; top:-1px; color:#909090; font-size:1.5em; }

.blank-mask-prd-list-con{display:flex; align-items:center; justify-content:center; border:1px solid #d6d6d6; background-color:#f8f8f8; padding:6rem 3.4rem 3.5rem; margin-bottom:3.9rem}
.blank-mask-prd-item dl dt{font-weight:700; font-size:2rem; letter-spacing:-0.065em; color:#000; text-align:center; margin-bottom:2rem}
.blank-mask-prd-item dl dt b{font-weight:700; color:var(--theme-red-color)}
.blank-mask-prd-item dl dd{text-align:center;}
.blank-mask-prd-item dl dd .txt{display:block; font-size:1.6rem; letter-spacing:-0.065em; margin-bottom:3rem; color:#000;}
.blank-mask-prd-item dl dd img{max-width:100%;}

.material-cleaning-tech-con{margin-top:5.7rem}
.material-wet-prd-list-con{display:flex; flex-wrap:wrap; margin:0 -1.7rem;}
.material-wet-prd-list-con .wet-prd-table-item{width:calc(50% - 3.4rem); margin:0 1.7rem 4rem}
.material-wet-prd-list-con .wet-prd-table-item img{max-width:100%;}
.material-wet-prd-list-con .wet-prd-table-item td{padding:1.7rem 1rem}

.equipment-PCB-prd-list{display:flex; border:1px solid rgba(0,0,0,0.1);}
.equipment-PCB-prd-list li{width:25%;}
.equipment-PCB-prd-list li .equipment-PCB-inner{height:100%; border-left:1px solid rgba(0,0,0,0.1); text-align:center; box-sizing:border-box; padding:2rem 2rem 2rem 2rem;}
.equipment-PCB-prd-list li:first-child .equipment-PCB-inner{border-left:0}
.equipment-PCB-prd-list li .prd-thumb{display:block; margin-bottom:2.4rem;}
.equipment-PCB-prd-list li .prd-thumb img{max-width:100%;}
.equipment-PCB-prd-list li .prd-tit{font-size:1.5rem; font-weight:500; line-height:1.47; letter-spacing:-0.05em;}
.equipment-PCB-prd-list li .prd-tit:after{display:block; font-family:"xeicon"; width:5rem; height:5rem; line-height:5rem; color:#333; font-size:1.5rem; content: "\e905"; margin:1.7rem auto 2.4rem; background-color:#f2f2f2; border-radius:50%; }
.equipment-PCB-prd-list li .prd-result-thumb{position:relative; }
.equipment-PCB-prd-list li .prd-result-thumb img{width:100%;}
.equipment-PCB-prd-list li .prd-result-thumb .result-tit{position:absolute; bottom:2rem; left:2rem; color:#fff; font-size:1.5rem; letter-spacing:-0.05em;}

.equipment-tester-list-con{display:flex; flex-wrap:wrap; margin:0 -1.9rem;}
.equipment-tester-item{width:calc(50% - 3.8rem); margin:0 1.9rem 7.4rem; text-align:center; box-sizing:border-box;}
.equipment-tester-item:nth-child(3),
.equipment-tester-item:nth-child(4){margin-bottom:0;}
.equipment-tester-item .equipment-tester-img-box{background-color:#f7f7f7; padding:4.7rem; }
.equipment-tester-item .equipment-tester-img-box img{max-width:100%;}
.equipment-tester-item dl{margin-top:3.8rem;}
.equipment-tester-item dl dt{font-size:1.8rem; font-weight:700; line-height:1.3; color:#000; margin-bottom:1em; letter-spacing:-0.065em;}
.equipment-tester-item dl dd{color:#555; line-height:1.75; letter-spacing:-0.065em; font-size:1.6rem;}

.equipment-EFEM-container{display:flex; justify-content:space-between; }
.equipment-EFEM-container .left-photo-con{width:53.8rem; }
.equipment-EFEM-container .left-photo-con img{max-width:100%;}
.equipment-EFEM-container .right-detail-con{width:calc(100% - 61.8rem); }
.equipment-EFEM-container .cm-table-style tbody td{height:8.9rem; padding:0}
.equipment-EFEM-container .equipment-Ref-con{margin-top:11rem;}
.equipment-EFEM-container .equipment-Ref-con h5{font-size:1.8rem; letter-spacing:-0.075em; color:#000; margin-bottom:2.7rem}
.equipment-EFEM-container .equipment-Ref-con dl{display:flex; font-size:1.4rem; letter-spacing:-0.065em; color:#555; margin-bottom:1.3rem; line-height:1.5; padding-left:2rem;}
.equipment-EFEM-container .equipment-Ref-con dl:last-of-type{margin-bottom:0;}
.equipment-EFEM-container .equipment-Ref-con dl dt{width:5.5rem; font-weight:700; color:#000;}
.equipment-EFEM-container .equipment-Ref-con dl dd{width:calc(100% - 5.5rem);}

#inquiryContent{background-color:#f4f4f4}
.inquiry-wrapper{max-width:994px; margin:0px auto; padding:10.5rem 0;}
.inquiry-item .inquiry-item-tit{display:block; color:#1a1a1a; font-size:1.8rem; font-weight:600; letter-spacing: -0.065em; margin-bottom:1.3rem;}
.inquiry-item .inquiry-input,
.inquiry-item .inquiry-select,
.inquiry-item .inquiry-textarea,
.inquiry-item .inquiry-privacy-box{
	width:100%;
	height:5.5rem;
	width:100%; 
	background-color:#fff;
	border:1px solid #d1d1d1;
	font-size:1.4rem; 
	letter-spacing: -0.065em;
	color:#555;
	padding:0 2rem;
	vertical-align:middle;
	box-sizing:border-box;
}
.inquiry-item .inquiry-textarea,
.inquiry-item .inquiry-privacy-box{height:17.2rem; padding:2rem; }
.inquiry-item .inquiry-privacy-box{overflow-y:auto; overflow-x:hidden; line-height:2;}
.inquiry-item .agree-txt{font-size:1.4rem; letter-spacing: -0.065em; text-align:center; margin-top:5.5rem; color:#555;}
.inquiry-item .agree-txt input{overflow: hidden; border: 0; clip: rect(0px, 0px, 0px, 0px);  width: 22px; height: 22px; margin: -3px 0 0 0;  position: absolute; -webkit-appearance: none; appearance: none;}
.inquiry-item .agree-txt label{position:relative; padding-left:2.8rem; transition:var(--custom-transiton1); color:inherit;}
.inquiry-item .agree-txt label:before,
.inquiry-item .agree-txt label:after{position:absolute; top:-1px; left:0px; width:20px; height:20px; box-sizing:border-box; content:""; transition:var(--custom-transiton1)}
.inquiry-item .agree-txt label:before{border:2px solid #555; background-color:#fff;}
.inquiry-item .agree-txt label:after{display:flex; align-items:center; justify-content:center; content: "\e928"; font-family:"xeicon"; font-weight:600; color:var(--theme-red-color); margin-left:-1px; opacity:0; visibility:hidden; transition-duration:0.3s}
.inquiry-item .agree-txt label:hover:before,
.inquiry-item .agree-txt input:checked + label:before{border-color:var(--theme-red-color);}
.inquiry-item .agree-txt input:checked + label:after{opacity:1; visibility:visible;}
.inquiry-item .agree-txt label .essential-icon{display:inline-block; color:var(--theme-red-color); margin-left:0.2em}

@media all and (min-width:801px){
	.inquiry-wrapper .inquiry-row{margin-bottom:3rem;}
	.inquiry-wrapper .inquiry-row.col2{display:flex; justify-content:space-between; }
	.inquiry-wrapper .inquiry-row.col2 .inquiry-item{width:calc(50% - 2.25rem);}
}

#surveyContent{position:relative; max-width:1100px; margin:0 auto; padding:8rem 6.5rem 11.3rem; background:url(/images/content/survey_line_bg.jpg) no-repeat 50% 100%; border-left:1px solid #eee; border-right:1px solid #eee; box-sizing:border-box; }
#surveyContent:before{position:absolute; top:0px; left:0px; width:100%; height:12px; content:""; background:url(/images/content/survey_line_bg.jpg) no-repeat 50% 100%;}
.survey-top-container{margin-bottom:8.6rem; text-align:center;}
.survey-top-container .survey-logo{margin-bottom:4rem}
.survey-top-container .survey-tit{color:#1a1a1a; font-size:6rem; font-weight:600; letter-spacing:-0.065em; margin-bottom:4rem}
.survey-top-container .survey-tit b{color:var(--theme-red-color)}
.survey-top-container .survey-tit-txt{line-height:1.83; font-size:1.8rem; color:#000; letter-spacing:-0.065em;}
.survey-inquiry-wrapper{max-width:975px; padding:0}
.survey-inquiry-wrapper .inquiry-item .inquiry-input, 
.survey-inquiry-wrapper .inquiry-item .inquiry-select, 
.survey-inquiry-wrapper .inquiry-item .inquiry-textarea{background-color:#f6f6f6; border-color:#f6f6f6}
.survey-inquiry-wrapper .inquiry-item .agree-txt{margin-top:0; display:flex; align-items:center; height:5.2rem; background-color:#f5f5f5; padding:0 3rem;}
.survey-inquiry-wrapper .inquiry-item .agree-txt label:before{top:-2px; border-color:#bebebe}
.survey-check-list-container{margin:8.8rem 0 5.3rem}
.survey-tbl-top-con{display:flex; align-items:center; justify-content:space-between; font-size:1.4rem; letter-spacing:-0.065em; margin-bottom:1.9rem }
.survey-tbl-top-con .survey-top-caution-txt{color:var(--theme-orange-color)}
.survey-tbl-top-con .survey-grade-check{display:flex; color:#6a6a6a; }
.survey-tbl-top-con .survey-grade-check li{position:relative; padding-left:2rem; }
.survey-tbl-top-con .survey-grade-check li:before{position:absolute; top:50%; left:1rem; width:1px; height:1.2rem; transform:translateY(-50%);background-color:#eee; content:"";}
.survey-tbl-top-con .survey-grade-check li:first-child{padding-left:0;}
.survey-tbl-top-con .survey-grade-check li:first-child:before{display:none;}
.survey-tbl{width:100%; border-top:1px solid #000; }
.survey-tbl th,
.survey-tbl td{height:5.9rem; border-top:1px solid #e6e6e6; font-size:1.6rem; letter-spacing:-0.065em; color:#000; text-align:center;}
.survey-tbl thead th,
.survey-tbl tfoot td{background-color:#f5f5f5; border-top-color:#000; font-weight:600; }
.survey-tbl tbody th{text-align:left; padding-left:2.4rem; font-weight:400;}
.survey-tbl tfoot td{border-bottom:1px solid #000;}
.survey-check-item{display:inline-flex; align-items:center; justify-content:center; width:3.4rem; height:3.4rem;}
.survey-check-item label{display:block; position:relative; box-sizing:border-box; border:2px solid #bebebe; border-radius:50%;}
.survey-check-item label:before{position:absolute; top:50%; left:50%; font-family:"xeicon"; content: "\e928"; color:#fff; transform:translate(-50%,-50%); display:none; }
.survey-check-item input[type="radio"]{display:none;}
.survey-check-item input[type="radio"]:checked + label{background-color:var(--theme-red-color); border-color:var(--theme-red-color)}
.survey-check-item input[type="radio"]:checked + label:before{display:block;}
.survey-check-item .big + label{width:3.4rem; height:3.4rem; font-size:1.8rem;}
.survey-check-item .middle + label{width:2.6rem; height:2.6rem; font-size:1.6rem;}
.survey-check-item .small + label{width:2rem; height:2rem; font-size:1.4rem}
.survey-tbl .total-score{display:flex; align-items:center; justify-content:center; font-weight:600;}
.survey-tbl .total-score dt{margin-right:2.6rem}
.survey-tbl .total-score .score{color:var(--theme-red-color)}
.no-survey-wrapper{padding:13rem 0; text-align:center; font-size:4rem; color:#000; letter-spacing:-0.065em; background-color:#f2f2f2; border-radius:1rem;}


.member-con-inner{max-width:800px; margin:0px auto;}
.member-search-con-inner{padding:75px 0; border:1px solid #ddd; border-top:0;}
.member-form-con{width:96%; max-width:480px; margin:0px auto;}	/* 가로값 설정 */
 .member-form-tit-box{text-align:center; margin-bottom:65px;}
.member-tab-list-con + .member-form-tit-box{padding-top:50px;}
.member-form-tit-box .member-form-tit{font-size:5rem; font-weight:600; letter-spacing:-0.075em; color:#000; }
.member-form-tit-box .member-form-tit + p{color:#999; font-size:1.8rem; line-height:1.7; font-weight:400; letter-spacing:-0.075em; margin-top:1.9em;}
.member-form-tit-box .member-form-tit + p b{font-weight:500; color:#000; text-decoration:underline;}
.form-list-icon{text-align:left; margin-bottom:20px;}
.form-list-icon > li{margin-top:10px;}
.form-list-icon > li:first-child{margin-top:0;}
.form-list-icon > li .login-input{height:60px; width:100%;  background:none; border:1px solid #d2d1d0; background-color:#fff; padding:0px 20px;  color:#999; font-size:16px; letter-spacing:-1.13px; border-radius:5px; box-sizing:border-box;}
.form-list-icon > li i + .login-input{width:calc(100% - 50px); }
.form-list-icon > li .login-input:focus{color:#333; border-color:#111; outline:none;}
.form-list-icon > li i{vertical-align:middle; color:#888; width:35px;}
.id-save-btn{text-align:right; color:#333;font-size:15px; letter-spacing:-0.3px;  margin-top:30px; }
.id-save-btn input[type="checkbox"]{vertical-align:middle; position:absolute; left:-9999px; display:none;}
.id-save-btn label{display:inline-block; position:relative; padding-left:1.33em; color:#333; font-size:1em; letter-spacing:-0.3px; line-height:15px; }
.id-save-btn label::before{font-family: 'xeicon'; content: "\ea0e"; position:absolute; top:0px; left:0px; font-size:1.2em; color:#ccc;}
.id-save-btn input[type="checkbox"]:checked + label::before{color:var(--sub-color1); content: "\e92e";}
.form-box-list{display:flex; align-items:center; justify-content:center; margin-top:30px;}
.form-box-list a{color:#999; font-size:15px; letter-spacing:-1.13px;}
.form-box-list a:first-child{margin-left:-10px;}
.form-box-list a:before{display:inline-block; content:""; background-color:#000; width:1px; height:15px; vertical-align:middle; margin:-2px 20px 0 20px; opacity:0.1;}
.form-box-list a:first-child:before{display:none;}
.form-box-list a:hover{color:#000}

#layerPopup01{}
#layerPopup01 .layer-popup-top-con{}
#layerPopup01 .layer-popup-top-tit{padding: 0 2rem; width: 100%; height: 9rem; display: flex; align-items: center; justify-content: center; text-align: center; box-sizing: border-box;}
#layerPopup01 .layer-popup-top-tit h5{font-size: 2.4rem; line-height: 1.3; letter-spacing: -0.035em; font-weight: 700; color: #fff;}
#layerPopup01 #popupContent{background-color: #f3f8fb;}
#layerPopup01 .layer-popup-bottom-bg{width: 100%; height: 1.2rem;}
/* ver02 */
#layerPopup02{}
#layerPopup02 #popupContent .layer-popup-inner-con{padding: 6.5rem 2rem 7rem; text-decoration: none; box-sizing: border-box; font-size: 2.4rem; line-height: 1.5; letter-spacing: -0.065em; font-weight: 600; color: #fff; text-align: center; display: block; background: url('/images/content/cm_popup_bg.png') center/cover no-repeat;}
#layerPopup02 .layer-popup-logo-con{margin-bottom: 4.5rem; text-align: center;}
#layerPopup02 .layer-popup-logo-con .popup-logo{display: inline-block; max-width: 80%;}
#layerPopup02 .layer-popup-btn-con{margin-top: 5.5rem;}
#layerPopup02 .layer-popup-btn-con span{margin: 0 auto; width: 15rem; height: 4.5rem; font-size: 1.5rem; letter-spacing: -0.065em; color: #fff; font-weight: 500; text-align: center; border-top: 2px solid #fff; border-bottom: 2px solid #fff; display: flex; align-items: center; justify-content: center;}


.culture-page .sub-tab-wrapper-style {margin-bottom:9.5rem; margin-top:13.75%;}
.culture-page .cm-top-sub {display:block; font-size:2rem; line-height:1.3; color:#333; font-weight: 400; text-align:center; margin-bottom:2.2rem;}
.culture-page .thumnail-list {display:block; width:80%; margin:0 auto 5%;}
.culture-page .thumnail-list:after{content: "";clear: both;display: block}
.culture-page .thumnail-list li {width: calc((100% - 15rem) / 3); /* margin-right: 10rem; */ margin:0 7.5rem 7.5rem 0;float: left}
.culture-page .thumnail-list li:nth-child(3n) {margin-right: 0;}
.culture-page .thumnail-list li:hover a {transform:scale(1.5);}
.culture-page .thumnail-list .img-box img {max-width:100%;}
.culture-page .thumnail-list .thumnail-tit {position: absolute; color: #fff; bottom: 0; left: 50%; transform: translateX(-50%); font-size: 2.6rem; letter-spacing:-0.025em; font-weight: 700; bottom:4.3rem;}

.culture-page .thumnail-list .inner-box {position: relative; /* width: 98.83%; */ width: 105%; height: 0; padding-top:105%; border-radius:50%; background: url(/images/content/bg.png) no-repeat; background-size: 100%;}

.culture-page .thumnail-list .circle {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background:url(/images/content/Production_img.png)no-repeat; width: 85.87%; height: 85.87%; background-size:cover; display:flex; justify-content:center; align-items:center; flex-direction: column; transition:all 0.4s;} 
.culture-page .thumnail-list .item:nth-of-type(2) .circle {background:url(/images/content/management_img.png)no-repeat; background-size:cover;}
.culture-page .thumnail-list .item:last-child .circle {background:url(/images/content/practice_img.png)no-repeat; background-size:cover;}
.culture-page .thumnail-list .circle i {font-size:3.1rem; color:#fff; font-family:"xeicon";}
.culture-page .thumnail-list .circle .circle-tit {position: absolute; bottom:4rem; color:#fff; font-size:2rem; font-weight: 500;}
.culture-page .thumnail-list .item .img-txt-box {position: absolute; display:flex; flex-direction:column; justify-content:center; bottom: 0; left: 0; width: 100%; text-align: center; }
.culture-page .thumnail-list .item .circle .img-box {position:absolute; opacity:1; transition:0.4s;}
.culture-page .thumnail-list .item .circle .img-box img {transition:all 0.4s; border-radius:50%;}
.culture-page .thumnail-list .item:hover .circle .img-box {opacity:1;}
/* .culture-page .thumnail-list .item:hover .circle .img-box img{transform:scale(1.45);} */
.culture-page .thumnail-list .item .circle .img-inner-tit {font-size:3.6rem; line-height:1.1; letter-spacing:-0.035em; color:#fff; margin-bottom: 2rem; font-weight: 600;}
.culture-page .thumnail-list .item .circle .img-inner-txt {font-size:1.8rem; line-height:1.65; letter-spacing:-0.065em; color:#dcdcdc;}




.recruit-page .talent-con{max-width:1400px; margin:0 auto;}
.recruit-page .talent-con .talent-list {display:flex;  margin:0 -4.25rem;}
.recruit-page .talent-con .talent-list .list-item {width: calc(25% - 8.5rem); text-align:center; margin:0 4.25rem;}
.recruit-page .talent-con .talent-list .list-item img {transition:all 0.4s;}
.recruit-page .talent-con .talent-list .list-item img.hover-img{max-width:89.04%;}
.recruit-page .talent-con .talent-list .list-item:hover .hover-img {transform:scale(1.45); max-width:100%;}
.recruit-page .talent-con .talent-list .list-item:hover .hover-img:before {display:block; content:""; width:100%; height:100%; position:absolute; background: rgba(229,25,55,0.35); top:0; left:0;}
.recruit-page .talent-con .talent-list .list-item:hover .img-txt-box {opacity:1;  transition-delay:0s;}
.recruit-page .talent-con .talent-list .list-item:hover .img-txt-box:before{width:377px; height:377px; transition-delay:0s;}
.recruit-page .talent-con .talent-list .list-item:hover .img-box .img-inner:before {display:none;}
.recruit-page .talent-con .talent-list .list-item:hover .item-tit {opacity:0;}
.recruit-page .talent-con .talent-list .list-item:nth-of-type(even) {margin-top: 19.3rem;}
.recruit-page .talent-con .talent-list .list-item .img-box .img-inner {    display: block; position: relative; height: 0; padding-top: 100%;}
.recruit-page .talent-con .talent-list .list-item .img-box .img-inner:before {display:block; content:"\e9c5"; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-family:"xeicon"; z-index:10; color:#fff; font-size:3.1rem;}
.recruit-page .talent-con .talent-list .list-item .img-box .img-inner .inner-hover{display: block; position: absolute; width: 90.34%; height: 90.34%; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-0.001deg); overflow:hidden; border-radius: 50%; transition: all 0.4s;}
.recruit-page .talent-con .talent-list .list-item .img-box .img-inner .inner-hover:before{position: absolute; content: ''; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.85); width: 420px; height: 420px; background: no-repeat center; transition: all 0.4s;}
.recruit-page .talent-con .talent-list .list-item:nth-child(1) .img-box .img-inner .inner-hover:before{background-image:url('/images/content/talent_img01_hover.png')}
.recruit-page .talent-con .talent-list .list-item:nth-child(2) .img-box .img-inner .inner-hover:before{background-image:url('/images/content/talent_img02_hover.png')}
.recruit-page .talent-con .talent-list .list-item:nth-child(3) .img-box .img-inner .inner-hover:before{background-image:url('/images/content/talent_img03_hover.png')}
.recruit-page .talent-con .talent-list .list-item:nth-child(4) .img-box .img-inner .inner-hover:before{background-image:url('/images/content/talent_img04_hover.png')}
.recruit-page .talent-con .talent-list .list-item:hover .img-box .img-inner .inner-hover{width:377px; height:377px;}
.recruit-page .talent-con .talent-list .list-item:hover .img-box .img-inner .inner-hover:before{transform: translate(-50%, -50%) scale(1);}
.recruit-page .talent-con .talent-list .list-item .img-txt-box {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 377px; height: 377px; display: flex; align-items: center; justify-content: center; flex-direction: column; border-radius: 50%; color:#fff; opacity:0; transition:all 0.4s;}
.recruit-page .talent-con .talent-list .list-item .img-txt-box:before{position: absolute; content:''; width:100%; height:100%; top:50%; left:50%; transform: translate(-50%,-50%); border-radius:50%; background: rgba(229,25,55,0.35); transition:all 0.4s 0.2s;}
.recruit-page .talent-con .talent-list .item-tit {font-size:3rem; letter-spacing:-0.025em; color:#000; font-weight: 700; line-height:1.1; transition:all 0.3s;}
.recruit-page .talent-con .talent-list .inner-tit {position: relative;font-size:3rem; letter-spacing:-0.025em; font-weight: 700; line-height:1.1; margin-bottom: 1.4rem;}
.recruit-page .talent-con .talent-list .inner-txt {position: relative;font-size:1.6rem; line-height:1.65; letter-spacing:-0.025em;}
.recruit-page .talent-con .talent-list .list-item .img-box{position: relative;}
.recruit-page .talent-con .talent-list .list-item .img-box:before{position: absolute; content:''; width:9.2rem; height:20.4rem; background:no-repeat center; background-size:cover; background-image:url('/images/content/talent_line_img.png'); right:-9rem;}
.recruit-page .talent-con .talent-list .list-item:nth-child(1) .img-box:before{transform:rotateY(180deg) rotateX(-20deg); top:50%;}
.recruit-page .talent-con .talent-list .list-item:nth-child(2) .img-box:before{transform:translateY(50%); top:-55%;}
.recruit-page .talent-con .talent-list .list-item:nth-child(3) .img-box:before{transform:rotateY(180deg) rotateX(-20deg); top:50%;}
.recruit-page .talent-con .talent-list .list-item:nth-child(4) .img-box:before{display: none;}

@media all and (max-width:1400px){
	.recruit-page .talent-con .talent-list .list-item:nth-child(2) .img-box:before {transform: translateY(50%); top:-48%;}
}

@media all and (max-width:1280px){
	.recruit-page .talent-con .talent-list .list-item:hover .img-box .img-inner .inner-hover{width:290px; height:290px;}
	.recruit-page .talent-con .talent-list .list-item{width:25%;}
	.recruit-page .talent-con .talent-list .list-item .img-txt-box{width:290px; height:290px;}
	.recruit-page .talent-con .talent-list .list-item:hover .img-txt-box:before{width:290px; height:290px;}
	.recruit-page .talent-con .talent-list .list-item:nth-child(2) .img-box:before{transform:translateY(0%); top:-43%;}
}

@media all and (max-width:800px){
	.recruit-page .talent-con .talent-list {flex-wrap:wrap;}
	.recruit-page .talent-con .talent-list .list-item {width: 40%; margin:0 30% 10% 30%;}
	.recruit-page .talent-con .talent-list .list-item .img-box:before {display:none;}
	.recruit-page .talent-con .talent-list .list-item:nth-of-type(even) {margin-top:0;}
	.recruit-page .talent-con .talent-list .list-item:hover .img-txt-box:before{transform: translate(-50%,-50%) scale(1);}
	.recruit-page .talent-con .talent-list .list-item:hover .img-box .img-inner .inner-hover{width:377px; height:377px;}
	.recruit-page .talent-con .talent-list .list-item .img-txt-box{width:377px; height:377px;}
	.recruit-page .talent-con .talent-list .list-item:hover .img-txt-box:before{width:377px; height:377px;}
}

@media all and (max-width:480px){
	.recruit-page .talent-con .talent-list .list-item:hover .img-box .img-inner .inner-hover{width:300px; height:300px;}
	.recruit-page .talent-con .talent-list .list-item .img-txt-box{width:300px; height:300px;}
	.recruit-page .talent-con .talent-list .list-item:hover .img-txt-box:before{width:300px; height:300px;}
}

.recruit-page .cm-top-tit {margin-bottom:10rem;}
/* .recruit-tab {border-bottom:1px solid #000;}
.recruit-tab li {float:left; border:1px solid #ddd; margin-right:1rem; border-bottom:0;} 
.recruit-tab li:last-child {margin-right: 0;}
.recruit-tab li.selected {position: relative; border-color:#000;}
.recruit-tab li.selected:before {display:block; content:""; position:absolute; top:0; left:0; width:100%; height:4px; background: #000;}
.recruit-tab li a {display:inline-block; padding:1.5rem 4.5rem;}
.recruit-tab li em {font-size:1.8rem; letter-spacing:-0.03em; color:#333;} */
.recruit-con .inner-list {border-top:1px solid #232323;}
.recruit-con .inner-list .inner-item { border-bottom:1px solid #ddd;}
.recruit-con .inner-list .inner-item a {display:flex; align-items:center; justify-content:space-between; width:100%; padding:3rem 0;}
.recruit-con .inner-list .inner-item:last-child {border-bottom:2px solid #ddd;}
.recruit-con .inner-list .inner-item .inner-01 {display:flex; align-items:center;}
.recruit-con .inner-list .inner-item .part {position: relative; font-size:1.8rem; letter-spacing:-0.03em; padding:0 4.5rem;}
.recruit-con .inner-list .inner-item .part:before {display:block; content:"/"; position:absolute; right:0; top:50%; transform:translateY(-50%); color:#999;}
.recruit-con .inner-list .inner-item .item-tit-box {padding:0 4rem;}
.recruit-con .inner-list .inner-item .tit {font-size:1.9rem; letter-spacing:-0.05em; margin-bottom:1.2rem;}
.recruit-con .inner-list .inner-item .date em{position: relative; font-size:1.5rem; letter-spacing:-0.04em; color:#888; padding-right:1.5rem;}
.recruit-con .inner-list .inner-item .date em:after {display:block; content:""; position:absolute; width:1px; height:10px; background:#888; right:0; top:5px;}
.recruit-con .inner-list .inner-item .date .d-day {padding:0 1.5rem; font-weight: 600; font-size:1.5rem;}
.recruit-con .inner-list .inner-02 {padding-right:4rem;}
.recruit-con .inner-list .inner-02 .state {display:inline-block; background:orange; font-size:1.7rem; color:#fff; padding:1rem; min-width:8rem; text-align:center;}
.recruit-page .sub-tab-wrapper-style {margin-top:initial; margin-bottom:initial;}
.recruit-page .cm-top-box {text-align:center;}
.recruit-page .cm-top-box .page-tit {font-size:5rem; line-height:1.1; letter-spacing:-0.035em; font-weight: 700; color:#333; margin-bottom: 9rem;}
.recruit-page .cm-top-sub-tit {font-size:1.8rem; line-height:1.5; letter-spacing:-0.065em; color:#555; text-align:center;}
.recruit-page.life-page .cm-top-tit {margin-bottom: 3rem;}
.recruit-page.life-page .cm-top-sub-tit {margin-bottom: 6.4rem;}
.recruit-page .life-con .con {display:flex; padding:9rem 0; border-bottom:1px solid #e0e0e0;}
.recruit-page .life-con .con:last-child {border-bottom:0;}
.recruit-page .life-con .con .life-tit-box {width: 50rem;}
.recruit-page .life-con .con .life-tit {font-size:3.6rem; line-height:1.1; letter-spacing:-0.035em; color:#000; font-weight: 700;}
.recruit-page .life-con .con .life-txt-box {width:calc(100% - 50rem);}
.recruit-page .life-con .con .life-txt-box .txt-inner-box:not(:last-child) {padding-bottom:9rem; border-bottom:1px solid #e0e0e0; margin-bottom:9rem;}
.recruit-page .life-con .con .life-txt-box .sub-tit {position: relative; display:inline-block; font-size:2.3rem; line-height:1.5; letter-spacing:-0.075em; font-weight: 700; color:#000; padding-left: 1.5rem; margin-bottom: 3rem;} 
.recruit-page .life-con .con .life-txt-box .sub-tit:before {display:block; content:""; position:absolute; width:0.7rem; height:0.7rem; border-radius:50%; background: #e51937; top:5px; left:0;}
.recruit-page .life-con .con .life-txt-box .txt-list li {margin-top: 1.2rem; position: relative; padding-left: 1.5rem;}
.recruit-page .life-con .con .life-txt-box .txt-list li:before {display:block; content:""; width:4px; height:4px; border-radius:50%; background: #543434; position:absolute; top:1rem; left:0;}
.recruit-page .life-con .con .life-txt-box .txt-list li:first-child {margin-top: 0;}
.recruit-page .life-con .con .life-txt-box .txt-list em {font-size:1.8rem; line-height:1.45; letter-spacing:-0.065em; color:#000; }
.recruit-page .life-con .con .img-box {margin-top: 3.8rem;}
.recruit-page .life-con .con .img-box img {max-width:100%;}

@media all and (max-width:1280px){
	.recruit-page .sub-tab-list-style.top-fixed {top:var(--header-util-width);}
}

@media all and (max-width:800px){
	.recruit-page .life-con .con {flex-wrap:wrap; padding:4.5rem 0;}
	.recruit-page .life-con .con .life-tit-box {width: 100%; margin-bottom: 2rem;}
	.recruit-page .life-con .con .life-txt-box {width: 100%;}
	.recruit-page .life-con .con .life-txt-box .sub-tit {margin-bottom: 1.5rem;}
	.recruit-page .life-con .con .img-box {margin-top: 1.9rem;}
	.recruit-page .life-con .con .life-txt-box .txt-inner-box:not(:last-child) {padding-bottom:4.5rem; margin-bottom: 4.5rem;}
}

.vision-rnd-page {margin-bottom: 19rem;}
.vision-rnd-page .bg-box {background:no-repeat; background-image:url(/images/content/vision_bg.jpg); background-size:cover; text-align:center; padding:22.9rem 0 22.2rem; margin-bottom:19rem;}
.vision-rnd-page .bg-tit {font-size:4.5rem; line-height:1.5; color:#fff; letter-spacing:-0.065em;} 
.hl01 {color:#e0002a; font-weight: 700;}
.hl02 {color:#ef8009; font-weight: 700;}
.vision-con .con-tit {font-size:3.6rem; letter-spacing:-0.035em; color:#000; font-weight: 700; margin-bottom: 5.5rem;}
.vision-con .inner-box {position:relative;}
.vision-con .vision-list {display:flex; flex-wrap:wrap; justify-content:center;}
.vision-con .vision-list li {position: relative; width:calc(50% - 3.5rem); max-width:661px; border-radius:16px; background: #f5f4f2; padding:7.8rem 0 9rem; transition:all 0.4s;}	
.vision-con .vision-list li .dot {display:block; content:""; position:absolute; width:7px; height:7px; border-radius:50%; background: #fff; border:2px solid #999; z-index:10;}
.vision-con .vision-list li:nth-of-type(1) .dot {right:11.5rem; bottom:11.8rem;}
.vision-con .vision-list li:nth-of-type(2) .dot {left:10.8rem; bottom:12.2rem;}
.vision-con .vision-list li:nth-of-type(3) .dot {right:11.5rem; bottom:13.6rem;}

.vision-con .vision-list li .item-tit {display:inline-block; font-size:2.8rem; letter-spacing:-0.015em; font-weight: 700; color:#111; margin-bottom: 1rem;}
.vision-con .vision-list li .item-txt {font-size:1.6rem; letter-spacing:-0.065em; line-height:1.78; color:#555;}
.vision-con .vision-list li:nth-of-type(1), 	.vision-con .vision-list li:nth-of-type(2) {margin-bottom: 2rem;}
.vision-con .vision-list li:nth-of-type(odd) {margin-right: 3.5rem;}
.vision-con .vision-list li:nth-of-type(even) {width:50%;}
.vision-con .vision-list .item-inner {position: relative;}
.vision-con .vision-list li .item-inner::before {display: block; font-size:4.4rem; font-weight: 700; color:rgba(239,128,9,0.15);}
.vision-con .vision-list li:nth-of-type(1) .item-inner::before {content: "01";}
.vision-con .vision-list li:nth-of-type(2) .item-inner::before {content: "02";}
.vision-con .vision-list li:nth-of-type(3) .item-inner::before {content: "03";}
.vision-con .vision-list li:nth-of-type(4) .item-inner::before {content: "04";}
.vision-con .vision-list li:nth-of-type(odd) .item-inner::before {position: absolute; left: 8.8rem; top: 50%; transform: translateY(-50%);}
.vision-con .vision-list li:nth-of-type(even) .item-inner::before {position: absolute; right: 8.8rem; top: 50%; transform: translateY(-50%);}
.vision-con .box {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 50%; background: #fff; width: 26.375%;
padding-top: 26.375%; z-index:10;}
.vision-con .center-con {position: absolute; left: 0; width: 79.85%; left: 50%; height: 0; top: 50%; background:url(/images/content/vision_circle.png)no-repeat; background-size: cover; transform: translate(-50%,-50%); padding-top: 79.85%;}
.vision-con .center-con:before { display: block; content: ""; position: absolute; top: 50%; background: no-repeat; border-radius: 50%; background-image: url(/images/content/line_bg.png); background-size: cover; width: 113.67%; height: 113.67%; left: 50%; 
transform: translate(-50%,-50%);}
.vision-con .center-con .dot{display:block; content:""; position:absolute; width:6px; height:6px; border-radius:50%; background: #fff; border:2px solid #999; z-index:10; transition:all 0.3s;}
.vision-con .center-con .dot:nth-of-type(1) {left:7.3%; top:9.2%;}
.vision-con .center-con .dot:nth-of-type(2) {right:8.31%; top:9%;}
.vision-con .center-con .dot:nth-of-type(3) {left:7.3%; bottom:9.2%;}
.vision-con .center-con .dot:nth-of-type(4) {right:8.31%; bottom:9.2%;}
/* .vision-con .center-con span{display: inline-block; width: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; max-width: 100%; height: 100%; max-height: 100%;} */

.vision-con .vision-list li.active {background:#e0022a;}
.vision-con .vision-list li.active .item-tit , .vision-con .vision-list li.active .item-txt {color:#fff;}
.vision-con .vision-list li.active .item-inner::before {color:rgba(255,255,255,0.15);}

.vision-con .center-con .dot.active {background: #e0022a; width:7px; height:7px; border:2px solid #fff; transition:all 0.3s;}
.vision-con .center-con .dot.active .dot-bg01 {width: 2rem; height: 2rem; border-radius:50%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background: rgba(224,2,42,0.1); animation:dots 2s cubic-bezier(1, 2, 0.66, 3) infinite; animation-delay:0s;}
.vision-con .center-con .dot.active .dot-bg02 {width: 2rem; height: 2rem; border-radius:50%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background: rgba(224,2,42,0.1); animation:dots 2s cubic-bezier(1, 2, 0.66, 3) infinite; animation-delay:0.5s;}
/* .vision-con .center-con .dot.active .dot-bg02 {width: 3rem; height: 3rem; border-radius:50%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background: rgba(224,2,42,0.1); animation:dots 2s cubic-bezier(1, 2, 0.66, 3) infinite; animation-delay:0.5s;} */
/* .vision-con .center-con .dot:nth-of-type(1).active , .vision-con .center-con .dot:nth-of-type(2).active {top:10%;}
.vision-con .center-con .dot:nth-of-type(3).active , .vision-con .center-con .dot:nth-of-type(4).active {bottom:10.5%;} */

@keyframes dots {
	0% {
		-webkit-transform: translate(-50%,-50%) scale(0);
		transform: translate(-50%,-50%) scale(0);
		opacity: 0.5; 
	}
	50% {
		opacity: 1.0; 
	}
	100% {
		-webkit-transform: translate(-50%,-50%) scale(1);
		transform: translate(-50%,-50%) scale(1);
		opacity: 0; 
	}
}

/* @keyframes network-wave {
 0% {
		-webkit-transform: translate(-50%,-50%) scale(1);
		transform: translate(-50%,-50%) scale(1);
		opacity: 0; 
	}
	50% {
		opacity: 0.1; 
	}
	100% {
		-webkit-transform: translate(-50%,-50%) scale(10);
		transform: translate(-50%,-50%) scale(10);
		opacity: 0; 
	}
} */

@media all and (max-width:1280px){
	.vision-con .vision-list li:nth-of-type(odd) .item-inner::before {left:4rem;}
	.vision-con .vision-list li:nth-of-type(even) .item-inner::before {right:4rem;}
}

@media all and (max-width:1000px){
	.vision-con .center-con .dot:nth-of-type(1) {top:8.2%;}
	.vision-con .center-con .dot:nth-of-type(2) {top:7%;}
	.vision-con .center-con .dot:nth-of-type(3) {bottom:8.2%;}
	.vision-con .center-con .dot:nth-of-type(4) {bottom:7%;}
}

@media all and (max-width:800px){
	.vision-rnd-page {margin-bottom:9.5rem;}
	.vision-rnd-page .bg-box {padding:6rem 2.5rem; margin-bottom:9.5rem;}
	.vision-rnd-page .bg-tit {font-size:2.5rem;}
	.vision-con .con-tit {margin-bottom:2.25rem;}
	.vision-con .box {position: relative; top:initial; left:initial; transform:none; margin:0 auto 2.25rem; width:45%; padding-top:45%;}
	.vision-con .box .dot {display:none;}
	.vision-con .vision-list li {width: 100%; max-width:initial; padding:3.9rem 0 4.5rem; margin-bottom: 2rem;}
	.vision-con .vision-list li:nth-of-type(odd) {margin-right: 0;}
	.vision-con .vision-list li:nth-of-type(even) {width: 100%;}
	.vision-con .vision-list li:last-child {margin-bottom: 0;}
	.vision-con .vision-list li .item-inner::before {font-size:2.2rem;}
	.vision-con .vision-list li:nth-of-type(odd) .item-inner::before {left:2rem; top:5%; transform:none;}
	.vision-con .vision-list li:nth-of-type(even) .item-inner::before {left:2rem; top:5%; right:initial; transform:none;}
}

.capability-page .symbol {display:inline-block; position: relative; width:18.91%; height:0; padding-top:18.91%; background: no-repeat center; background-image:url(/images/content/capa_bg.png); background-size:cover; /* background-color:#e0002a; */ border-radius:50%; z-index:10;}
.capability-page .symbol .symbol-inner {position: absolute; display:flex; justify-content:center; align-items:center; width: 85.25%; border-radius: 50%; height: 85.25%; background-color:#e0002a; left: 50%; top: 50%; transform: translate(-50%,-50%);  box-shadow: 0px 0px 68px 0px rgba(224, 0, 42, 0.35);}
.symbol-inner em {font-size:3rem; letter-spacing:-0.065em; color:#fff; font-weight: 700;}
.capability-page .top-con {display:block; text-align:center;}
.capability-page .top-con .content {/* max-width:1360px; */ margin:8.6rem auto 0; display:flex;}
.capability-page .top-con .capa-item {position: relative; display:flex; flex-direction:column; width:calc((100% - 5.3rem) / 4); margin-right:5.3rem;}
.capability-page .top-con .capa-item:last-child {margin-right:0;}
.capability-page .capa-item .tit-box{position: relative; display:flex; flex-direction:column; align-items:center; height:17rem; border-radius:1rem; border:1px solid #dcdcdc; z-index:10;}
.capability-page .capa-item:last-child .tit-box:before {display:none;}
.capability-page .capa-item .tit-box:before {display:block; content:""; position:absolute; top:-3.6rem; left:50%; background:url(/images/content/capa_line.png)no-repeat; width:115%; height:1px; z-index:-1;}
.capability-page .capa-item .tit-box > span {display:flex; align-items:center; justify-content:center; width:100%; height:50%; padding:2.5rem 0; text-align:center;}
.capability-page .capa-item .tit-box > span em {font-size:2.2rem; font-weight: 700; letter-spacing:-0.065em;}
.capability-page .capa-item .tit-box .tit01 {position: relative; background: #ef8009; border-radius:10px 10px 0 0;}
.capability-page .capa-item .tit-box .tit01:before {position: absolute; display: block; content: ""; width: 7px; height: 7px; border-radius: 50%; background:#e0002a;top:-3.8rem; left:50%; transform:translateX(-50%); z-index:11;}
.capability-page .capa-item:nth-of-type(1) .tit-box .tit01:before , .capability-page .capa-item:nth-of-type(4) .tit-box .tit01:before {background: #ef8009;}
.capability-page .capa-item .tit-box .tit01 em {color:#fff;}
.capability-page .capa-item .tit-box .tit02 {position: relative; border-radius:0 0 10px 10px; background: #fff;}
.capability-page .capa-item .tit-box .tit02 em {color:#000;}
/* .capability-page .capa-item .tit-box .tit02:before {display: block; content: ""; background-image: url(/images/content/capa_line2.png); width: 1px;
 height: 521%; position: absolute; left: -5.2rem; top: 0;} */
.capability-page .capa-item:last-child .tit-box .tit02:before {background-image:none; background-color:#fff;}
.capa-list {position: relative; text-align:left; margin-top:3.6rem; height:calc(100% - 17rem); z-index:10; background: #f7f7f7; padding:0.7rem 3rem; box-sizing:border-box; border:1px solid rgba(0,0,0,0.11); border-radius:1rem; box-shadow: 4px 5px 16px 0px rgba(0, 0, 0, 0.05);}
.capa-list:before {display:block; content:""; position:absolute; left:50%; top:-4px; transform:translateX(-50%); width:5px; height:5px; border-radius:50%; background: #fff; border:1px solid #f58026;}
.capability-page .capa-item:after {display: block; content: ""; position: absolute; top: -3rem; left: 50%; width: 1px; height: 100%;
 background-image: url(/images/content/capa_line2.png);}
.capability-page .capa-item:not(:first-child) .tit-box:before {left:50%;}
.capability-page .capa-item:nth-of-type(2) .capa-list:before , .capability-page .capa-item:nth-of-type(3) .capa-list:before {border:1px solid 
#e0002a;}
.capability-page .capa-item:nth-of-type(3) .tit-box .tit01 {background: #e0002a;}
.capability-page .capa-item:nth-of-type(4) .tit-box .tit01 {background: #333;}
.capa-list .list-item {border-bottom:1px solid #eee; padding:2.2rem 0;}
.capa-list .list-item .list-tit {display:inline-block; font-size:1.8rem; letter-spacing:-0.025em; color:#000; margin-bottom:7px; line-height:1.5;}
.capa-list .list-item .list-txt {font-size:1.6rem; line-height:1.5; color:#555; letter-spacing:-0.065em;}
.capability-page .bottom-con .item {display:flex; margin-top: 9rem;}
.capability-page .bottom-con .item-tit {width:31.25%; font-size:3.6rem; letter-spacing:-0.035em; color:#000; font-weight: 700;}
.capability-page .bottom-con .detail-box {width:calc(100% - 31.25%); padding-bottom:9rem; border-bottom:1px solid #e0e0e0;}
.capability-page .bottom-con .detail-box .txt {font-size:1.8rem; line-height:1.78; letter-spacing:-0.065em; color:#555; margin-bottom: 3.5rem;}
.capability-page .bottom-con .item:last-child .detail-box {border-bottom:0;}
.capability-page .bottom-con .img-inner-box {display:flex; background: #FFFFFF; padding:10.7rem 8.5rem;} /* 2023 02 03 - 컬러 회색 ㄹ2ㄹ2ㄹ2-> 흰색 수정 */
.capability-page .bottom-con .img-inner-box .img-box img {max-width:100%; width:100%;}
.capability-page .bottom-con .img-inner-box.col2 .img-box {width:50%; margin-right:4.7rem;}
.capability-page .bottom-con .img-inner-box.col2 .img-box:last-child {margin-right: 0;}
.capability-page .bottom-con .img-inner-box.col4 .img-box {margin-right: 1.6rem;}
.capability-page .bottom-con .img-inner-box.col4 .img-box:last-child {margin-right:0;}

@media all and (max-width:1280px){
	/* .capability-page .symbol {margin-top: 50px;} */
	.capability-page .symbol {width: 22.91%; padding-top:22.91%;}
	.capability-page .capa-item .tit-box .tit02:before {height:700%;}
	.capability-page .capa-item .tit-box:before {width: 125%;}
}

@media all and (max-width:800px){
	.capability-page .top-con {width: 100%; flex-wrap:wrap;}
	.capability-page .symbol {width: 40%; padding-top:40%; margin:0 auto;}
	.capability-page .top-con .content {width: 100%; flex-wrap:wrap;}
	.capability-page .top-con .capa-item {width: 100%; margin-right: 0; margin-bottom:8rem;}
	.capability-page .top-con .capa-item:last-child {margin-bottom: 0;}
	.capability-page .capa-item .tit-box {width: 100%; height:10rem; margin-right: 0; margin-bottom: 1rem;}
	.capa-list {width: 100%;}
	.capability-page .capa-item .tit-box:before {display:none;}
	.capa-list {height:calc(100% - 10rem); margin-top:1.8rem;}
	.capa-list:before {display:none;}
	.capability-page .capa-item .tit-box > span {padding:1.25rem 0;}
	
	.capability-page .bottom-con .item {flex-wrap:wrap; margin-top:3.5rem;}
	.capability-page .bottom-con .item-tit {width: 100%;}
	.capability-page .bottom-con .detail-box {width: 100%;}
	.capability-page .bottom-con .item-tit {margin-bottom: 2rem;}
	.capability-page .bottom-con .detail-box {padding-bottom:4.5rem;}
	.capability-page .bottom-con .detail-box .txt {font-size:1.5rem; margin-bottom:1.75rem;}
	.capability-page .bottom-con .img-inner-box {padding:5.35rem 4.25rem;}
	.symbol-inner em {font-size:2.5rem;}
}	

.intellectual-page .con-tit {font-size:4.5rem; line-height:1.4; letter-spacing:-0.065em; font-weight: 700; color:#222; text-align:center; padding-bottom:9.3rem; border-bottom:1px solid #efefef; font-family:'Noto Sans KR';}
.intellectual-page .top-con {margin-bottom: 19rem;}
.intellectual-page .top-con .inner-con {display:flex; margin-top: 9rem; padding-bottom:9rem; border-bottom:1px solid #efefef;}
.intellectual-page .top-con .tit-box {width:calc(100% - 68.75%);}
.intellectual-page .top-con .tit-box .sub-tit {font-size:3.6rem; letter-spacing:-0.065em; font-weight: 700; color:#000; margin-bottom: 1.5rem;}
.intellectual-page .top-con .tit-box .day {font-size:2rem; letter-spacing:-0.035em; font-weight: 500; color:#555;}
.intellectual-page .top-con .content-box {width: 68.75%; display:flex;}
.intellectual-page .top-con .content-box > div {display:flex; width:calc(50% - 2rem);}
.intellectual-page .domestic {margin-right: 2rem;}
.intellectual-page .global {margin-left: 2rem;}
.intellectual-page .top-con .tit-circle { width: 59.11%; border-radius: 50%; background:no-repeat; background-image:url(/images/content/line_bg.png); background-size:100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.intellectual-page .top-con .tit-circle .kr-tit {font-size:3rem; letter-spacing:-0.035em; font-weight: 700; color:#000; margin-bottom: 1rem;}
.intellectual-page .top-con .tit-circle .en-tit {font-size:1.6rem; letter-spacing:-0.035em; color:rgba(0,0,0,0.3);}
.intellectual-page .top-con .con-circle {width:59.11%; position:relative; margin-left:-6.8rem;}
.intellectual-page .top-con .con-circle .img-box {display:inline-block; position: relative; height: 0; width: 100%; padding-top:100%;}
.intellectual-page .top-con .con-circle .txt-box {display:flex; flex-direction:column; align-items:center; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width: 100%; text-align:center;}
.intellectual-page .top-con .con-circle .txt-box em {display:flex; align-items:center; width:20rem; font-size:2.2rem; letter-spacing:-0.065em; font-weight: 700; color:#fff;}
.intellectual-page .top-con .con-circle .txt-box .name {display:inline-block; width: 9rem;}
.intellectual-page .top-con .con-circle .txt-box .num {font-size:5.4rem; letter-spacing:-0.02em;}
.intellectual-page .top-con .inner-con02 .img-box img {max-width:100%;}
.intellectual-page .top-con .inner-con02 .content-box > div {width: 100%;}
.intellectual-page .bottom-con .inner-con {display:flex;}
.intellectual-page .bottom-con .inner-con .graph-box {width:50%; margin-right: 2rem;}
.intellectual-page .bottom-con .inner-con .graph-box:last-child {margin-right: 0;}
.intellectual-page .bottom-con img {max-width:100%;}
.intellectual-page .bottom-con .tit-box {text-align:center; margin:8.9rem 0 5.5rem;}
.intellectual-page .bottom-con .tit-box .graph-tit {font-size:3.6rem; letter-spacing:-0.075em; font-weight: 700; color:#000; margin-bottom: 1.5rem;}
.intellectual-page .bottom-con .tit-box .day {font-size:2rem; letter-spacing:-0.035em; font-weight: 500; color:#555;}
@media all and (max-width:1280px){
	.intellectual-page .top-con .tit-circle .kr-tit {font-size:2rem;}
	.intellectual-page .top-con .tit-circle .en-tit {font-size:1.3rem;}
	.intellectual-page .top-con .con-circle {margin-left: -3rem;}
	.intellectual-page .top-con .con-circle .txt-box em {width: 15rem;}
	.intellectual-page .top-con .con-circle .txt-box em {font-size:1.6rem;}
	.intellectual-page .top-con .con-circle .txt-box .num {font-size:2.2rem;}
}

@media all and (max-width:800px){
	.intellectual-page .con-tit {font-size:2.5rem; padding-bottom:4.65rem;}
	.intellectual-page .top-con {margin-bottom:5rem;}
	.intellectual-page .top-con .inner-con {margin-top:4.5rem; padding-bottom:4.5rem; flex-wrap:wrap;}
	.intellectual-page .top-con .tit-box {width: 100%; margin-bottom: 2rem;}
	.intellectual-page .top-con .tit-box .sub-tit {font-size:2.2rem;}
	.intellectual-page .top-con .tit-box .day {font-size:1.5rem;}
	.intellectual-page .top-con .content-box {width: 100%;}
	.intellectual-page .bottom-con .inner-con {flex-wrap:wrap;}
	.intellectual-page .bottom-con .inner-con .graph-box {width:100%; margin-right: 0;}
	.intellectual-page .bottom-con .tit-box {margin:4.45rem 0 2.75rem;}
	.intellectual-page .bottom-con .tit-box .graph-tit {font-size:2.2rem;}
	.intellectual-page .bottom-con .tit-box .day {font-size:1.5rem;}
}

@media all and (max-width:480px){
	.intellectual-page .top-con .content-box {flex-wrap:wrap;}
	.intellectual-page .top-con .content-box > div {width: 100%; justify-content:center;}
	.intellectual-page .domestic {margin-right: 0; margin-bottom: 1rem;}
	.intellectual-page .global {margin-left: 0;}
	.intellectual-page .top-con .tit-circle {width: 48%;}
	.intellectual-page .top-con .con-circle {width:48%;}
}

.thesis-table {width: 100%;}
.thesis-table thead {border-top:1px solid #1b1b1b; border-bottom:1px solid rgba(120,120,120,0.2);}
.thesis-table th {font-size:1.8rem; letter-spacing:-0.065em; color:#333; font-weight: 400; background: #f7f7f7; padding:2.5rem 0;}
.thesis-table tr {text-align:center; border-bottom:1px solid #ededed}
.thesis-table td {font-size:1.5rem; letter-spacing:-0.015em; color:#333; font-weight: 400; padding:3rem 0; line-height:1.78; border-right:1px solid #ededed;}
.thesis-table td:last-child {border-right:0;}

.intro-t-page .intro-con .con-box .inner-box {padding:  11.2rem 0 12rem 0;}
.intro-t-page .intro-con {padding-top: 15px;}
.intro-t-page .intro-con .con-box .top-box{align-items: flex-start;}
.intro-t-page .intro-con .con-box .txt-box .tit {font-size:3.25rem; letter-spacing:-0.025em; line-height: 1.48; color: #000; font-weight:600;}
.intro-t-page .intro-con .con-box .txt-box .tit span {font-weight:700;}
.intro-t-page .intro-con .con-box .txt-box .txtBold {position:relative; font-size:2.25rem; letter-spacing:-0.07em; color: #000; line-height:1.78; font-weight:500; padding-top:5rem; margin-top:4.3rem;}
.intro-t-page .intro-con .con-box .txt-box .txtBold:before {content:""; width:30px; height:1px; background-color:#000; position:absolute; left:0; top:0;}
.intro-t-page .intro-con .con-box .txt-box {width: 62.962%; margin-right: 5rem;font-size: 1.715rem;line-height: 2;word-break: break-word;}
.intro-t-page .intro-con .con-box .txt-box .txt:nth-of-type(2) {margin-top: 6.5rem;}
.intro-t-page .intro-con .con-box .img-box {width: 39.214%;}
.intro-t-page .intro-con .con-box .sign-box {margin-top: 5.3rem;}

@media all and (max-width:1280px) {
	.intro-t-page .intro-con .con-box .sign-box {margin-top: 0;}
}

@media all and (max-width:800px) {
	.intro-t-page .intro-con .con-box .inner-box {padding:  6rem 0;}
	.intro-t-page .intro-con .con-box .img-box, .intro-t-page .intro-con .con-box .txt-box {width: 100%;}
	.intro-t-page .intro-con .con-box .txt-box  {margin-top: 5rem;}
	.intro-t-page .intro-con .con-box .sign-box {margin-top: 3rem;}
}
@media all and (max-width:640px){
	#contentInfoCon .content-tit{font-size: 2.5rem}
	.intro-con .area{padding: 0 var(--area-padding)}
	.intro-t-page .intro-con .con-box .inner-box{padding: 0 0 6rem}
	.intro-con .con-box .top-box{display: inline-block}
}
.history-t-page .history-top-con .bg {position: relative; z-index: -1;}
.history-t-page .history-top-con .bg strong {position: absolute; right: 5rem; bottom: 5rem; font-size: 1.8rem; font-weight: 700; line-height: 1.8em; letter-spacing: -0.065em; color: #ddd; text-align: right;}

@media all and (max-width: 1280px) {
	.history-t-page .history-top-con .bg strong {font-size: 1.5rem;}
}

@media all and (max-width: 800px) {
	.history-t-page .history-top-con .bg strong {font-size: 1.4rem; right: 2rem; bottom: 2rem;}
}

.vision-t-page .animated.vision-img-con .vision-img-box:before {display: none;}
.vision-t-page .cm-top-tit em {position: relative; font-weight: 700;}
.vision-t-page .cm-top-tit em::before {position: absolute; bottom: 0; left: 0; width: 100%; height: 2rem; background-color: rgba(229, 25, 55, 0.1); content: "";}

@media all and (max-width: 800px) {
	.vision-t-page .vision-img-con {margin-top: 4.5rem;}
	.vision-t-page .cm-top-tit {font-size: 3.2rem;}
}

@media all and (max-width: 640px) {
	.vision-t-page .cm-top-tit {font-size: 2.6rem;}
	.vision-t-page .cm-top-tit em::before {bottom: -0.5rem;}
}

@media all and (max-width: 480px) {
	.vision-t-page .cm-top-tit {font-size: 1.7rem;}
	.vision-t-page .cm-txt {font-size: 1.4rem;}
	.vision-t-page .cm-top-tit em::before {bottom: -0.5rem; height: 1.5rem;}
}

.tester-t-product .equipment-tester-list-con {display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto;}
.tester-t-product .equipment-tester-list-con li {width: 100%; box-sizing: border-box; border: 1px solid #e5e5e5; border-right: none; margin: 0; text-align: left;}
.tester-t-product .equipment-tester-list-con li:last-child {border-right: 1px solid #e5e5e5;}
.tester-t-product .equipment-tester-list-con li .txt-box {box-sizing: border-box; padding: 0 3rem 3rem 3rem;}
.tester-t-product .equipment-tester-list-con li .txt-box > h5 {font-size: 1.8rem; font-weight: 700; line-height: 1.8em; letter-spacing: -0.065em; color: #000;}
.tester-t-product .equipment-tester-list-con li .txt-box .txt {position: relative; font-size: 1.6rem; font-weight: 500; line-height: 2.3em; letter-spacing: -0.065em; color: #555; padding-left: 1.2rem;}
.tester-t-product .equipment-tester-list-con li .txt-box .txt::before {position: absolute; top: 1.69rem; left: 0; content: ""; width: 0.3rem; height: 0.3rem; background-color: #555;}
.tester-t-product .equipment-tester-item .equipment-tester-img-box {background-color: transparent; padding: 3rem;}

@media all and (max-width: 800px) {
	.tester-t-product .equipment-tester-item .equipment-tester-img-box {padding: 1.5rem;}
	.tester-t-product .equipment-tester-list-con li .txt-box {padding: 0 1.5rem 1.5rem 1.5rem;}
}

@media all and (max-width: 640px) {
	.tester-t-product .equipment-tester-list-con li:nth-child(2) {border-right: 1px solid #e5e5e5;}
	.tester-t-product .equipment-tester-list-con li:last-child {border-top: none; width: calc(100% + 1px);}
	.tester-t-product .equipment-tester-list-con {grid-template-columns: 1fr 1fr;}
}

.cmp-t-con .right-box.flexRow {display: flex; justify-content: space-between;}
.cmp-t-con .right-box.flexRow .img-box {margin-left: 3rem;}
.cmp-t-con .right-box.flexRow .img-box img {max-width: 100%;}
.cmp-t-con .cmp-slurry-img-con {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: auto; grid-gap: 35px;}
.cmp-t-con .cmp-slurry-img-con img {max-width: 100%;}
.cmp-t-con .cmp-slurry-img-con figure:first-child {margin-right: 0;}
.cmp-t-con .cmp-slurry-img-con figcaption{display:flex; align-items:center; font-size:1.6rem; color:#000; font-weight:500; margin-top:2rem; letter-spacing:-0.065em; margin-left:-0.5rem }
.cmp-t-con .cmp-slurry-img-con figcaption i{position:relative; top:-1px; color:#909090; font-size:1.5em; }
.cmp-t-con .cmp-slurry-txt-con {background-color: #f2f2f2; box-sizing: border-box; padding: 4rem; margin-bottom: 4rem;}
.cmp-t-con .cmp-slurry-txt-con .txt-box {margin-bottom: 3.3rem;}
.cmp-t-con .product-img-box {border: 1px solid #e4e4e4;}
.cmp-t-con .product-img-box img {max-width: 100%;}
.cmp-t-con .cmp-slurry-txt-con .txt-box:last-child {margin-bottom: 0;}
.cmp-t-con .cmp-slurry-txt-con .txt-box > h4 {font-size: 1.6rem; font-weight: 700; line-height: 1.3em; letter-spacing: -0.05em; color: #000; margin-bottom: 1rem;}
.cmp-t-con .cmp-slurry-txt-con .txt-box > p {position: relative; font-size: 1.6rem; font-weight: 400; line-height: 1.7em; letter-spacing: -0.025em; color: #555; padding-left: 0.8rem;}
.cmp-t-con .cmp-slurry-txt-con .txt-box > p::before {position: absolute; top: 1.2095rem; left: 0; content: ""; width: 0.3rem; height: 0.3rem; background-color: #555;}
.cmp-t-con .custom-scrollbar-wrapper .mCSB_scrollTools .mCSB_draggerContainer {width: 95%; margin: 0 auto; right: 0;}

@media all and (max-width: 1280px) {
	.cmp-t-con .cmp-slurry-img-con img {max-width: none; width: 100%;}
}

@media all and (max-width: 800px) {
	.cmp-t-con .right-box.flexRow {flex-direction: column;}
	.cmp-t-con .right-box.flexRow .img-box {margin-left: 0; margin-top: 3rem;}
	.cmp-t-con .cmp-slurry-txt-con {margin-bottom: 2rem;}
	.cmp-t-con .cmp-slurry-img-con {grid-gap: 1.5rem;}
	.cmp-t-con .cmp-slurry-img-con figcaption {font-size: 1.4rem;}
	.cmp-t-con .product-img-box img {max-width: none;}
}

@media all and (max-width: 480px) {
	.cmp-t-con .cmp-slurry-img-con {grid-template-columns: 1fr 1fr;}
}

/*contact us*/
#contact .area{padding:0 10px}
#contact .inner-box{padding: 3rem 0 12rem 0;}
.map{height:600px;}
.map iframe{width:100% !important;height:100% !important}
.mapinfo{padding:35px 70px;	background:var(--theme-red-color) url(/images/page/m15_sec1_bg1.gif) no-repeat right;background-size:auto 100%;}
.mapinfo .name{margin-bottom:15px;font-size:36px;color:#fff;font-weight:600;}
.mapinfo .name span{display:inline-block;vertical-align:bottom;	margin-bottom:3px;font-family:"Roboto";font-size:20px;font-weight:400;}
.mapinfo dl{display:inline-flex;align-items:center;margin-right:65px;}
.mapinfo dl dt{	box-sizing:border-box;width:95px;	padding-left:30px;font-family:"Roboto";font-size:20px;color:#fff;font-weight:500;}
.mapinfo dl:nth-child(1) dt{background:url(/images/content/m15_ico1.png) no-repeat;}
.mapinfo dl:nth-child(2) dt{background:url(/images/content/m15_ico2.png) no-repeat;}
.mapinfo dl:nth-child(3) dt{background:url(/images/content/m15_ico3.png) no-repeat;}
.mapinfo dl dd{width:calc(100% - 95px);font-size:17px;color:rgba(255,255,255,0.7);}
.mapinfo dl dd a{color:rgba(255,255,255,0.7);}

@media all and (max-width: 767px) {
	.map{height:450px;}
	.map iframe{width:100% !important;height:100% !important}
	.mapinfo{padding:25px 25px;	background:var(--theme-red-color);}
	.mapinfo .name{margin-bottom:10px;font-size:28px;color:#fff;font-weight:600;line-height:100%;}
	.mapinfo .name span{display:block;vertical-align:bottom;margin-bottom:3px;font-family:"Roboto";font-size:18px;font-weight:400;}
	.mapinfo dl{display:flex;align-items: flex-start;margin:0 0 20px 0;word-break: break-all;}
	.mapinfo dl:last-child{margin-bottom:0;}
	.mapinfo dl dt{box-sizing:border-box;width:95px;padding-left:25px;margin-top:0px;font-family:"Roboto";font-size:20px;color:#fff;font-weight:500;}
	.mapinfo dl:nth-child(1) dt{background:url(/images/content/m15_ico1.png) no-repeat 0 3px;background-size:auto 16px;}
	.mapinfo dl:nth-child(2) dt{background:url(/images/content/m15_ico2.png) no-repeat 0 3px;background-size:auto 16px;}
	.mapinfo dl:nth-child(3) dt{background:url(/images/content/m15_ico3.png) no-repeat 0 3px;background-size:auto 16px;}
	.mapinfo dl dd{width:calc(100% - 95px);font-size:16px;color:rgba(255,255,255,0.7);}	
	.mapinfo dl dd a{color:rgba(255,255,255,0.7);}	
}
@media all and (max-width: 640px) {
	.mapinfo dl dd{line-height: 1.5}
}
