@charset "utf-8";

.recruit_cont {line-height:160%;}
.recruit_cont *:empty {line-height:0;}
.recruit_cont + .recruit_cont {margin-top:2rem;}
.recruit_cont_tit {font-size:1.6rem !important;color:#1089ec !important;font-weight:600 !important;}


/* ---------- 로그인 ---------- */
.mem-wrap {max-width:940px;margin:0 auto;padding:80px;background:#f4f4f4;border-radius:30px;}
.mem-inwrap {width:460px;max-width:100%;margin:0 auto;}

.login-title {text-align:center;margin-bottom:5rem;}
.login-title span {display:inline-block;padding-left:70px;font-size:3.2rem;font-family:'GmarketSans', sans-serif;font-weight:600;position:relative;line-height:100%;text-align:left;}
.login-title span:before {content:"";position:absolute;top:-5px;left:0;display:block;width:56px;height:74px;background:url(/share/img/content/login_title.png) no-repeat center center;}
.mem-input {margin-bottom:2rem;}
.mem-input input {display:block;width:100%;height:60px;background:#fff;border:1px solid #ececec;padding:0 20px;border-radius:3px;}
.mem-input input + input {margin-top:1rem;}
.mem-input input::placeholder {color:#d0d0d0;}
.mem-input input:focus {border-color:#1089ec}
.mem-input button {display:block;width:100%;margin-top:1rem;height:60px;text-align:center;color:#fff;border-radius:3px;background:#1089ec;transition:all .3s;}
.mem-btns {padding-top:3rem;}
.mem-btns a {display:block;width:100%;height:50px;line-height:50px;border:1px solid #ececec;border-radius:3px;text-align:center;transition:all .3s;}
.mem-btns a + a {margin-top:1rem;}
.mem-btns a span {position:relative;padding-left:30px;transition:all .3s;}
.mem-btns a span:before {content:"";position:absolute;top:50%;left:0;margin-top:-10px;display:block;width:20px;height:20px;}
.mem-btns a.join span:before {background:url(/share/img/content/join_icon.svg) no-repeat center center;}
.mem-btns a.memfind span:before {background:url(/share/img/content/memfind_icon.svg) no-repeat center center;}

.mem-tab {margin-bottom:3rem;
display: -ms-flexbox;
display: flex;
-ms-flex-align: stretch;
align-items: stretch;
}
.mem-tab li {width:50%;}
.mem-tab li a {display:block;height:60px;border:1px solid #ececec;font-family:'GmarketSans', sans-serif;font-weight:600;font-size:2rem;transition:all .3s;padding:0 1rem;text-align:center;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.mem-tab li:first-child a {border-radius:10px 0 0 0;}
.mem-tab li:last-child a {border-radius:0 10px 0 0;}
.mem-tab li + li a {border-left:none;}
.mem-tab li.over a {background:#1089ec;border-color:#1089ec;color:#fff;}
.mem-tabcont {display:none;}

.findResult-id {padding:3rem 2rem;border:1px solid #ececec;text-align:center;border-radius:3px;font-weight:600;}
.findResult-id span {font-weight:600;}

.find-info {margin-bottom:2rem;}
	
	@media screen and (min-width:1200px){
	
		.mem-tab li:not(.over) a:hover,
		.mem-tab li:not(.over) a:focus {border-color:#1089ec;color:#1089ec;}
		.mem-input button:hover,
		.mem-input button:focus {box-shadow:0px 5px 15px rgba(0, 0, 0, 0.2);}
		.mem-btns a:hover,
		.mem-btns a:focus {background:#fff;box-shadow:0px 5px 15px rgba(0, 0, 0, 0.05);}
	}
	@media screen and (max-width:680px){
	
		.mem-wrap {padding:50px 30px;}
		.login-title span {font-size:2.6rem;}
		.login-title span::before {top:-10px;}
		
		.mem-tab li a {font-size:1.6rem;}
	}
	

/* ---------- 회원가입 ---------- */
.joinCont {margin-bottom:9rem;}
.join-box {padding:40px 35px;background:#f4f4f4;border-radius:10px 10px 0 0;}
.join-scr {max-height:400px;overflow-y:auto;}
.join-box * {line-height:160%;}
.join-box h5 {margin-bottom:1.5rem;font-weight:600;}
.join-box p {margin-bottom:0.5rem;}
.join-box li + li {margin-top:1rem;}
.join-box p + ul {margin-top:1.5rem;}
.joinAgr-item {margin-bottom:4rem;}
.join-box table {width:100%;}
.join-box table th {background:#ececec;}
.join-box table th,
.join-box table td {padding:2rem;border:1px solid #e4e4e4;}

.agreeChk-wrap {
display: -ms-flexbox;
display: flex;
-ms-flex-align: stretch;
align-items: stretch;
}
.agreeChk-wrap li {width:50%;}
.agreeChk-wrap li label {font-size:0 !important;padding:0 20px;display:block;width:100%;height:70px;border:1px solid #f4f4f4;border-top:none;cursor:pointer;overflow:hidden;position:relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.agreeChk-wrap li:first-child label {border-radius:0 0 0 10px;}
.agreeChk-wrap li:last-child label {border-radius:0 0 10px 0;}
.agreeChk-wrap li + li label {border-left:none;}
.agreeChk-wrap .agrradio .bg {display:none;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#1089ec;z-index:-1;}
.agreeChk-wrap .agrradio input:checked ~ .bg {display:block;}
.agreeChk-wrap .agrradio input:checked ~ .labelTxt {color:#fff;}
.agreeChk-wrap .agrradio input {appearance:checkbox}
.agreeChk-wrap .agrradio input {display:inline;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;color:inherit;-webkit-border-radius:0;outline-style:none;margin:0;padding:0;border:0;width:1px;height:1px;overflow:hidden;font-size:0 !important;line-height:0;}
.agreeChk-wrap .agrradio .box {flex:0 0 18px;display:inline-block;width: 18px; height: 18px; cursor: pointer; background: url('/share/img/default/checkbox.svg') no-repeat left center;font-size:0;}
.agreeChk-wrap .agrradio .labelTxt {font-size:1.5rem;display:inline-block;padding:0px 0.5rem 0;cursor: pointer; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; transition: color 0.2s;vertical-align:top;line-height:120%;}
.agreeChk-wrap .agrradio input:checked ~ .box {background-position:-19px center;}

.input-btbtn {margin-top:6rem;text-align:right;font-size:0;}
.input-btbtn .btn {width:200px;margin:1rem 0;}
.input-btbtn .btn  + .btn {margin-left:10px;}

.joinInfoMt .labelTxt {font-size:1.4rem;}
.joinInfoMt .radioBox:first-child {margin-right:30px;}
.joinInfoMt table td {padding-bottom:0px;padding-right:0;vertical-align:middle;line-height:0;}
.joinInfoMt table .radioBox {margin-bottom:20px;}

.inputLst-wrap + .inputLst-wrap {padding-top:5rem;margin-top:5rem;border-top:1px solid #e1e5ea;}
.input-intxt {line-height:160%;}
.inputLst > li + li {margin-top:2rem;}
.inputLst .inputItem .tit {margin-bottom:1rem;font-size:1.4rem;font-weight:600;line-height:160%;}
.inputLst .inputItem input:not([type="checkbox"]):not([type="radio"]) {max-width:100%;min-width:0;height:60px;line-height:60px;padding:0 15px;}
.inputLst .inputItem select {max-width:100%;min-width:0;height:60px;}
.nec {margin-left:5px;}
.nec:before {content:"*";color:#1089ec;font-size:1.6rem;font-weight:600;}
.inputAlert {margin-top:1rem;font-size:1.4rem;color:#999;line-height:160%;}
.inputLst .inputItem .select2-container--default .select2-selection--single {height:60px;border:1px solid #ececec;border-radius:3px;}
.inputLst .inputItem .select2-container--default .select2-selection--single .select2-selection__rendered {padding:0 40px 0 15px;line-height:60px;}
.inputLst .inputItem .select2-container--default .select2-selection--single .select2-selection__arrow {top:50%;margin-top:-13px;right:10px;}
.inputLst .inputItem .select2-container {max-width:100%;}

.inputId .input {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
}
.inputId .input input {min-width:0;flex:1;}
.inputId .input input#id {max-width:260px;}
.inputId .input input#id_last {max-width:460px;}
.inputId .input .mdIcon {display:inline-block;width:36px;flex:0 0 36px;text-align:center;font-size:1.8rem;}
.inputId .input .btn {width:120px;flex:0 0 120px;margin-left:5px;}
.inputName {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.inputName .inputItem {width:400px;max-width:calc(50% - 10px) !important;}
.inputName .inputItem + .inputItem {margin-left:20px;}
.inputName input {width:100%;}
.inputTel .input {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.inputTel .input input {width:88px;}
.inputTel .input .mbline {width:20px;flex:0 0 20px;text-align:center;font-size:1.8rem;}
.inputCountry .input {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;	
}
.inputCountry .input input {width:450px;}
.inputCountry .input .btn {width:120px;flex:0 0 120px;margin-left:5px;}
.inputEmail .input {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
}
.inputEmail .input input {min-width:0;flex:1;}
.inputEmail .input .mdIcon {display:inline-block;width:36px;flex:0 0 36px;text-align:center;font-size:1.8rem;}
.inputEmail .input #email_first {max-width:260px;}
.inputEmail .input #email_last {max-width:460px;}

.request-ta {height:250px;resize:none;}

.inputFile {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: end;
align-items: flex-end;
}
.inputFile + .inputFile {margin-top:1rem;}
.inputFile .fileNm {max-width:450px !important;flex:1;}
.inputFile .file-label {width:120px;flex:0 0 120px;margin-left:5px;}
.inputFile .file-label i {font-style:normal;color:#fff;}
.inputFile input[type="file"] {position:absolute;width:0px !important;height:0px !important;padding:0 !important;overflow:hidden;border:none;}
.inputFile .icoBtn {margin-left:5px;}

.fileLst {margin-top:2rem;}
.fileLst > div {padding-left:40px;color:#999;min-height:30px;position:relative;}
.fileLst > div:before {content:"";position:absolute;top:0;left:0;display:inline-block;width:30px;height:30px;background:url(/share/img/default/boardView_file.svg) no-repeat center center #f4f4f4;border-radius:3px;}
.fileLst > div + div {margin-top:1rem;}
.fileLst > div .txt {line-height:160%;vertical-align:middle;}
.fileLst > div button {width:18px;height:18px;background:#222;border-radius:3px;position:relative;vertical-align:middle;}
.fileLst > div button:after {content:"";position:absolute;top:50%;left:50%;margin:0 0 0 -7px;width:14px;height:1px;background:#fff;transform:rotate(45deg);}
.fileLst > div button:before {content:"";position:absolute;top:50%;left:50%;margin:0 0 0 -7px;width:14px;height:1px;background:#fff;transform:rotate(-45deg);}


	/* 국가  지역코드 검색 팝업 */
.countryPop-src {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.countryPop-src input {min-width:0;margin-right:5px;flex:1;}
.countryPop-src button {width:120px;flex:0 0 120px;}
.countryPop-tbody-wrap {max-height:290px;padding-right:5px !important;}
.countryPop-tbody li {background:#f4f4f4;border:1px solid #ececec;border-radius:3px;}
.countryPop-thead li,
.countryPop-tbody li {
display: -ms-flexbox;
display: flex;	
-ms-flex-align: center;
align-items: center;
}
.countryPop-thead p,
.countryPop-tbody p {padding:12px 30px;font-size:1.4rem;line-height:160%;}
.countryPop-thead p:first-child,
.countryPop-tbody p:first-child {width:100px;flex:0 0 100px;text-align:center;}
.countryPop-thead p {font-weight:600;}
.countryPop-tbody li + li {margin-top:1rem;}
	/* scroll coustom */
.countryPop-tbody-wrap .scroll-element,
.countryPop-tbody-wrap .scroll-element div {border: none;margin: 0;padding: 0;position: absolute;z-index: 10;}
.countryPop-tbody-wrap .scroll-element div {display: block;height: 100%;right: 0;top: 0;width: 2px;}
.countryPop-tbody-wrap .scroll-element.scroll-x {bottom: 2px;height: 8px;left: 0;width: 100%;}
.countryPop-tbody-wrap .scroll-element.scroll-y {height: 100%;right: 0px;top: 0;width: 7px;}
.countryPop-tbody-wrap.scroll-element .scroll-element_outer {overflow: hidden;}
.countryPop-tbody-wrap .scroll-element .scroll-element_track { background-color: #f4f4f4;border-radius:0px;}
.countryPop-tbody-wrap .scroll-element .scroll-bar { background-color: #222;border-radius:0px;}
.countryPop-tbody-wrap .scroll-element:hover .scroll-bar { background-color: #222; }
.countryPop-tbody-wrap .scroll-element.scroll-draggable .scroll-bar { background-color: #cfcfcf; }
.countryPop-tbody-wrap .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.countryPop-tbody-wrap .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }
.countryPop-tbody-wrap .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.countryPop-tbody-wrap .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }


/* 회원가입 완료 */
.joinCpt-wrap {padding:100px 80px;border-radius:30px;background:#f4f4f4;text-align:center;}
.joinCpt-inwrap {width:100%;max-width:460px;margin:0 auto;}
.joinCpt-wrap .btxt {padding-top:110px;margin-bottom:1rem;font-size:2.6rem;font-weight:600;font-family: 'GmarketSans', sans-serif;line-height:140%;word-wrap:break-word;word-break:keep-all;background:url(/share/img/content/login-cpt.svg) no-repeat center top;}
.joinCpt-wrap .stxt {margin-bottom:4rem;line-height:160%;}
.joinCpt-wrap .btn {width:300px;}


/* 회원 탈퇴 */
.outreasonInput .radioBox {display:block;margin-bottom:2rem;}
.outreasonInput textarea {resize:none;}
	
	
	@media screen and (max-width:1200px){
	
		.input-btbtn .btn {width:150px;max-width:calc(50% - 5px);}
	}
	@media screen and (max-width:600px){
		
		.inputId .input .btn {width:80px;flex:0 0 80px;padding-left:0 !important;padding-right:0 !important;}
		
		.inputCountry .input input {max-width:calc(100% - 150px) !important;}
		.inputCountry .input .btn {width:70px;flex:0 0 70px;padding-left:0;padding-right:0;}
		
		.countryPop-src button {width:65px;flex:0 0 65px;padding-left:1rem !important;padding-right:1rem !important;}
		.countryPop-thead p:first-child,
		.countryPop-tbody p:first-child {width:80px;flex:0 0 80px;}
		.countryPop-thead p,
		.countryPop-tbody p {padding:12px 15px;}
		
		.inputFile .file-label {width:60px;flex:0 0 60px;padding-left:0 !important;padding-right:0 !important;}
		.inputFile .file-label i {display:none;}
		.inputFile .icoBtn {width:35px;height:35px;}
		
		/* 회원가입 완료 */
		.joinCpt-wrap {padding:60px 40px;}
		.joinCpt-wrap .btxt {font-size:2rem;}
		
	}


/* ---------- 제품 리스트 ---------- */
.pdtLst-wrap li {padding:40px 40px 35px 40px;border:1px solid #ececec;}
.pdtLst-wrap li + li {margin-top:2rem;}
.pdtLst-wrap li > a {display:block;
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
}
.pdtLst-wrap li .img {display:block;width:240px;max-width:100%;margin-right:30px;position:relative;border:1px solid #ececec;overflow:hidden;}
.pdtLst-wrap li .img:before {content:"";display:block;width:100%;height:0;padding-bottom:100%;}
.pdtLst-wrap li .img img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;transition:all .3s;}
.pdtLst-wrap li .txt {width:calc(100% - 270px);padding-bottom:60px;}
.pdtLst-wrap li .txt .tit {margin-bottom:2rem;font-weight:600;font-size:1.8rem;transition:all .3s;}
.pdtLst-wrap li .txt .con {margin-bottom:6rem;line-height:200%;}
.pdtLst-wrap li .btns {margin-top:-60px;text-align:right;font-size:0;}
.pdtLst-wrap li .btns .btn {min-width:200px;}
.pdtLst-wrap li .btns .btn + .btn {margin-left:10px;}
.pdtLst-wrap li .keywordBox {margin-top:2rem;}

	@media screen and (min-width:1200px){
	
		.pdtLst-wrap li > a:hover .img img,
		.pdtLst-wrap li > a:focus .img img {transform:scale(1.1);}
		.pdtLst-wrap li > a:hover .txt .tit, 
		.pdtLst-wrap li > a:focus .tit {color:#1089ec}
	}
	@media screen and (max-width:900px){
		
		.pdtLst-wrap li .txt {padding-bottom:0;}
		.pdtLst-wrap li .txt .con {margin-bottom:0;}
		.pdtLst-wrap li .btns {margin-top:3rem;}
		.pdtLst-wrap li .btns .btn {width:calc(50% - 5px);min-height:50px;}
	}
	@media screen and (max-width:800px){
		
		.pdtLst-wrap li > a {display:block;}
		.pdtLst-wrap li .img {}
		.pdtLst-wrap li .txt {width:100%;margin-top:3rem;}
	}
	@media screen and (max-width:600px){
		
		.pdtLst-wrap li {padding:20px 20px 20px 20px;}
		.pdtLst-wrap li .btns .btn {width:100%;}
		.pdtLst-wrap li .btns .btn + .btn {margin-left:0;margin-top:1rem;}
	}


/* ---------- 제품 상세 ---------- */
.pdtView-title {margin-bottom:3rem;font-size:4.8rem;font-family:'GmarketSans', sans-serif;font-weight:600;}
.pdt-sld-control button {position:absolute;top:50%;margin-top:-25px;width:50px;height:50px;background:#f4f4f4;border-radius:50%;z-index:10;}
.pdt-sld-control button.prev {left:5%;}
.pdt-sld-control button.next {right:5%;}
.pdt-sld-control button .icon {position:relative;width:100%;height:100%;
display: -ms-flexbox;
display: flex;
}
.pdt-sld-control button .icon:before {content:"";position:absolute;top:50%;left:50%;margin:-4px 0 0 -4px;display:block;width:9px;height:8px;background:url(/share/img/content/product_sld_arrow.svg) no-repeat center center;}
.pdt-sld-control button.prev .icon:before {transform:rotate(180deg)}
.pdt-sld {margin-bottom:4rem;box-shadow:5px 5px 20px rgba(0, 0, 0, 0.03)}
.pdt-sld .swiper-slide {max-height:480px;text-align:center;display:table;}
.pdt-sld .swiper-slide .img {margin:0 auto;max-width:600px;position:relative;}
.pdt-sld .swiper-slide .img:before {content:"";display:block;width:100%;height:0;padding-bottom:70%;}
.pdt-sld .swiper-slide .imgFlexbox {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
 align-items: center;
}

.pdt-sld .swiper-slide .imgItem {display:inline-block;position:relative;width:fit-content;max-width:100%;
display: inline-flex;
max-height:100%;
align-items:center;
justify-content:center;
flex-direction: column;
flex-grow: 0;
}
.pdt-sld .swiper-slide .imgItem .oriImg {flex:0 1 auto;max-width:100%;max-height:100%;height:auto;width:auto;min-width:0;min-height:0;}
.pdt-sld .swiper-slide .imgItem > img {max-width:100%;max-height:100%;width:auto;min-width:0;min-height:0;display:block;object-fit:contain;}
.pdt-sld .swiper-slide .rightImg {width:50%;height:100%;position:absolute;left:50%;bottom:0;display:block;overflow:hidden;transition: transform .4s;transform-origin:left center;will-change: transform;perspective-origin:center center;}
.pdt-sld .swiper-slide .rightImg span {position:relative;width:100%;height:100%;
display: -ms-flexbox;
display: flex;
}
.pdt-sld .swiper-slide .rightImg span:before {content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.05);z-index:1;opacity:0;transition:opacity .3s;}
.pdt-sld .swiper-slide .rightImg span img {position:absolute;top:0;bottom:0;right:0;height:100%;width:200%;max-width:none;object-fit:contain;}

	@media screen and (min-width:1200px){
	
		.pdt-sld .swiper-slide .imgItem:hover .rightImg span:before {opacity:1;}
		.pdt-sld .swiper-slide .imgItem:hover .rightImg {transform: perspective(100px) rotateY(-1deg);}
	}

.pdt-sld .pdtinbox {display:table-cell;vertical-align:middle;padding:40px calc(8% + 50px);}
.pdtthum-sld .swiper-slide {overflow:hidden;padding:15px;cursor:pointer;}
.pdtthum-sld .swiper-slide:before {content:"";display:block;position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;border:1px solid #ececec;z-index:1;}
.pdtthum-sld .swiper-slide-thumb-active:before {border:3px solid #222;}
.pdtthum-sld .thuminbox {position:relative;}
.pdtthum-sld .thuminbox:after {content:"";display:block;width:100%;height:0;padding-bottom:60%;}
.pdtthum-sld .thuminbox img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:scale-down;object-position:center center;}

.pdt-info {padding-bottom:10rem;margin-bottom:10rem;border-bottom:1px solid #ececec;}
.pdt-info:after {content:"";display:block;clear:both;}
.pdt-info-l {width:calc(55.052% - 60px);float:left;}
.pdt-info-r {width:45%;float:right;}
.pdt-info-btn .fl,
.pdt-info-btn .fr {font-size:0;display:flex;align-items:stretch;flex-wrap:wrap;}
.pdt-info-btn:after {content:"";display:block;clear:both;}
.pdt-info-btn .btn {min-width:200px;}
.pdt-info-btn .btn + .btn {margin-left:10px;}
.pdt-info .keywordBox {padding:5rem 0;}
.pat-infoTxt > .btxt {margin-bottom:2rem;font-size:2.4rem;font-family:'GmarketSans', sans-serif;font-weight:600;line-height:160%;}
.pat-infoTxt > .stxt {line-height:180%;}
.pdt-detail + .pdt-detail {padding-top:10rem;margin-top:10rem;border-top:1px solid #ececec;}
.pdt-detailTxt + .pdt-detailTxt {margin-top:7rem;}
.pdt-detailTxt .btxt {margin-bottom:0.5rem;font-weight:600;line-height:160%;}
.pdt-btbtns {padding-top:12rem;text-align:center;}
.pdt-btbtns .btn {width:200px;}
.pdt-detailTxt .stxt {line-height:180%;}

	@media screen and (max-width:1650px){
	
		.pdt-info-btn .fl,
		.pdt-info-btn .fr {float:none;}
		.pdt-info-btn .fl .btn {width:calc(50% - 5px);}
		.pdt-info-btn .fr .btn {width:100%;margin-top:1rem;}
	}
	@media screen and (max-width:1000px){
		
		.pdtView-title {font-size:3rem;}
		
		.pdt-info-l,
		.pdt-info-r {float:none;width:100%;}
		.pdt-info-l {margin-bottom:6rem;}
		.pdt-info {padding-bottom:6rem;margin-bottom:6rem;}
		.pdt-detailTxt + .pdt-detailTxt {margin-top:4rem;}
		.pdt-detail + .pdt-detail {padding-top:6rem;margin-top:6rem;}
	}
	@media screen and (max-width:480px){
		
		.pdt-info-btn .fl .btn {width:100%;}
		.pdt-info-btn .fl .btn + .btn {margin-top:1rem;margin-left:0;}
		
		.pdt-sld-control button {width:40px;height:40px;margin-top:-20px;}
	}
	
	
/* ---------- 온라인 카다로그 --------- */
.cataloguelst {border-top:2px solid #222;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: stretch;
align-items: stretch;
}
.cataloguelst li {width:50%;padding:50px 0 100px;border-top:1px solid #ececec;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: stretch;
align-items: stretch;
}
.cataloguelst li:nth-child(1),
.cataloguelst li:nth-child(2) {border-top:none;}
.cataloguelst li:nth-child(odd) {padding-right:25px;}
.cataloguelst li:nth-child(even) {padding-left:25px;}
.cataloguelst li .catal-img {width:37%;max-width:300px;margin-right:35px;}
.cataloguelst li .catal-img .img {position:relative;overflow:hidden;}
.cataloguelst li .catal-img .img:after {content:"";display:block;height:0;padding-bottom:141.6666%;}
.cataloguelst li .catal-img .img:before {content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;width:100%;height:100%;border:1px solid #ececec;}
.cataloguelst li .catal-img .img img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;}
.cataloguelst li .catal-txt {width:calc(63% - 35px);
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.cataloguelst li .catal-txt .txt {width:100%;margin-bottom:2rem;}
.cataloguelst li .catal-txt .txt .tit {font-size:1.8rem;margin:1rem 0 2rem;line-height:160%;font-weight:600;}
.cataloguelst li .catal-txt .txt .date {color:#999;}
.cataloguelst li .catal-txt .btns {width:200px;margin-top:auto;}
.cataloguelst li .catal-txt .btns .btn {width:200px;max-width:100%;}
.cataloguelst li .catal-txt .btns .btn + .btn {margin-top:1rem;}

	@media screen and (max-width:1200px){
		
		.cataloguelst li {display:block;position:relative;padding-top:30px;padding-bottom:90px;}
		.cataloguelst li .catal-img {width:300px;max-width:100%;margin-bottom:2rem;}
		.cataloguelst li .catal-txt {width:100%;}
		.cataloguelst li .catal-txt .btns {position:absolute;bottom:30px;left:0;width:100%;}
		.cataloguelst li:nth-child(even) .catal-txt .btns {left:25px;}
		.cataloguelst li .catal-txt .btns .btn {min-height:50px;}
		.cataloguelst li .catal-txt .txt {margin-bottom:0;}
		.cataloguelst li .catal-txt .txt .date {margin-bottom:1rem;}
	}
	@media screen and (max-width:860px){
	
		.cataloguelst li {padding-bottom:150px;}
	}
	@media screen and (max-width:600px){
	
		.cataloguelst {display:block;}
		.cataloguelst li {width:100%;padding-left:0 !important;padding-right:0 !important;padding-bottom:30px;}
		.cataloguelst li:nth-child(2) {border-top:1px solid #ececec;}
		.cataloguelst li .catal-txt .btns {position:static;margin-top:1rem;}
	}
	
/* ---------- 기술개발성과 ---------- */
.cefLst-wrap {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.cefLst-title {width:35%;padding-right:40px;}
.cefLst-title .btxt {margin-bottom:2rem;font-size:4.8rem;font-family:'GmarketSans', sans-serif;font-weight:600;}
.cefLst-title .stxt {line-height:160%;}
.cefLst {flex:1;min-width:0;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: stretch;
align-items: stretch;
}
.cefLst li {width:calc(25% - 5.25%);margin-right:7%;margin-bottom:80px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-direction: column;
flex-direction: column;
}
.cefLst li:nth-child(4n) {margin-right:0;}
.cefLst .img {flex-grow:0;flex:none;max-width:100%;width:200px;position:relative;margin:0 auto 2rem;}
.cefLst .img:after {content:"";display:block;height:0;padding-bottom:141.5%;}
.cefLst .img:before {content:"";position:absolute;top:0;left:0;right:0;bottom:0;display:block;width:100%;height:100%;border:1px solid #ececec;z-index:1;}
.cefLst .img img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;}
.cefLst .txt {flex:1;width:100%;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.cefLst .tit {width:100%;margin-bottom:2rem;font-size:1.8rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;line-height: 1.6em;max-height:3.2em;text-align:center;}
.cefLst .btTxt {align-self:flex-end;transition:all .3s;width:100%;}
.cefLst .num {width:100%;margin-bottom:2rem;letter-spacing:0;text-align:center;}
.cefLst .org {width:100%;margin-bottom:2rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;line-height: 1.6em;max-height:3.2em;text-align:center;}
.cefLst .date {width:100%;color:#999;letter-spacing:0;text-align:center;}

.cefPop {display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(34,34,34,0.9);z-index:100;}
.cefPop-src {max-height:100vh;text-align:center;}
.cefPop-cont {display:inline-block;margin:10vh 20px;}
.cefPop .cefPop-close {display:block;width:30px;height:30px;margin:0 auto 2rem;position:relative;}
.cefPop .cefPop-close:before {content:"";position:absolute;top:50%;left:50%;margin:0 0 0 -10px;width:20px;height:1px;background:#fff;transform:rotate(45deg);}
.cefPop .cefPop-close:after {content:"";position:absolute;top:50%;left:50%;margin:0 0 0 -10px;width:20px;height:1px;background:#fff;transform:rotate(-45deg);}
.cef-img {display:inline-block;}
.cef-img img {max-width:100%;}

.cef-btns {opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(34, 34, 34, 0.8);z-index:1;transition:all .2s;}
.cef-btns-inwrap {width:100%;height:100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
gap:10px;
}
.cef-btns a {display:block;width:50px;height:50px;border-radius:50%;background-repeat:no-repeat;background-position:center center;background-color:#1089ec;cursor:pointer;opacity:0;transform:translate(0,30px);transition:all .5s;}
.cef-btns a.cef-view {background-image:url(/share/img/content/cef-view.svg);}
.cef-btns a.cef-download {background-image:url(/share/img/content/cef-download.svg);}
	

	@media screen and (min-width:1200px){
		.cefLst li:hover .tit,
		.cefLst li:focus .tit {color:#1089ec;}
		.cefLst li:hover .cef-btns,
		.cefLst li.focus .cef-btns {opacity:1;}
		.cefLst li:hover .cef-btns a,
		.cefLst li.focus .cef-btns a {transform:none;opacity:1;}
	}
	@media screen and (max-width:1400px){
	
		.cefLst li {width:calc(33.33% - 4.6666%);}
		.cefLst li:nth-child(3n) {margin-right:0;}
		.cefLst li:nth-child(4n) {margin-right:7%;}
	}
	
	@media screen and (max-width:1200px){
	
		.cefLst-title .btxt {font-size:3.6rem;}
		
		.cefLst .img {margin-bottom:80px;}
		.cef-btns {opacity:1;bottom:-55px;top:auto;left:0;right:auto;background:none;width:100%;}
		.cef-btns-inwrap {height:auto;gap:5px;}
		.cef-btns a {width:35px;height:35px;transform:none;opacity:1;}
		.cef-btns a.cef-view {background-size:15px auto;}
		.cef-btns a.cef-download {background-size:16px auto;}
		
		.cefLst .tit,
		.cefLst .org {display:block;overflow:visible;text-overflow:clip;max-height:none;}
	}
	@media screen and (max-width:1000px){
		
		.cefLst-title {width:100%;margin-bottom:4rem;}
		.cefLst-title .stxt br {display:none;}
		.cefLst {width:100%;flex:auto;}
	}
	@media screen and (max-width:800px){
		
		.cefLst li {width:calc(50% - 4.5%);}
		.cefLst li:nth-child(2n) {margin-right:0;}
		.cefLst li:nth-child(3n) {margin-right:7%;}
	}
	@media screen and (max-width:500px){
	
		.cefLst li {width:100%;margin-right:0;margin-bottom:40px;}
		.cefLst li:nth-child(3n) {margin-right:0;}
	}
	

/* ---------- 서브 컨텐츠 ---------- */
.sc-btxt {margin-bottom:4rem;}
.sc-btxt span {max-width:100%;display:inline-block;background: linear-gradient(to right, #1089ec, #145eba);font-size:4.2rem;font-family:'GmarketSans', sans-serif;font-weight:600;line-height:140%;-webkit-background-clip: text;color: transparent;}
.sc-btxt.black span {color:#222;}
.sc-stxt {font-size:1.8rem;margin-bottom:6rem;line-height:200%;}
.sc-tit {font-size:2.4rem;font-family:'GmarketSans', sans-serif;font-weight:600;line-height:120%;color:#444;margin-bottom:1.5rem;}
.subImgbox {border-radius:20px 0 0 0;background-repeat:no-repeat;background-position:center top;background-size:cover;}
.subImgbox.onlyimg  {width:100%;height:0;padding-bottom:28.5714%;margin-bottom:9rem;}
.sc-item {line-height:200%;}
.sc-item + .sc-item {margin-top:9rem;}
.sc-item table + .info-ex {margin-top:1.5rem;}


.sc-divide {
display: -ms-flexbox;
display: flex;
gap:50px;
}
.sc-divide .l {flex:1;min-width:0;}
.sc-divide .l .btn {width:280px;max-width:100%;}
.sc-divide .r {width:1050px;max-width:65%;}

	@media screen and (max-width:1200px){ 
	
		.sc-divide {display:block;}
		.sc-divide .l {width:100%;margin-bottom:5rem;}
		.sc-divide .l .sc-btxt {margin-bottom:2rem;}
		.sc-divide .l .sc-btxt br:not(.noblock) {display:none;}
		.sc-divide .l .sc-stxt {margin-bottom:2rem;}
		.sc-divide .l .sc-stxt br:not(.noblock) {display:none;}
		.sc-divide .r {width:100%;max-width:100%;}
		
		.sc-tit {font-size:2rem;}
	}
	
	
/* CEO */
.ceo-cont {
display: -ms-flexbox;
display: flex;
gap:100px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.ceo-cont .txt {flex:1;min-width:0;}
.ceo-cont .txt .btxt {margin-bottom:3rem;font-size:2.4rem;line-height:140%;}
.ceo-cont .txt {font-size:1.8rem;line-height:200%;}
.ceo-cont .img {flex:1;min-width:0;max-width:50%;margin-top:-100px;}
.ceo-cont .img img {max-width:100%;}
.ceo-sign {margin-top:6rem;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.ceo-sign .tit {font-size:1.8rem;margin-right:20px;}

	@media screen and (max-width:1200px){
		
		.ceo-cont {gap:50px;}
		.ceo-cont .img {max-width:40%;}
	}
	@media screen and (max-width:1000px){
		
		.ceo-cont {gap:30px;}
		.ceo-cont .img {flex:none;width:100%;max-width:100%;order:1;margin-top:0;}
		.ceo-cont .txt {flex:none;width:100%;order:2;}
	}
	@media screen and (max-width:600px){
		
		.sc-btxt span {font-size:3.2rem;}
	}
	

/* 비전/경영방침 */
.vision {background:url(/share/img/content/vision-bg.jpg) no-repeat center top /cover;padding:18rem 50px 100px;margin-bottom:100px;position:relative;}
.vision .top-txt {margin:0 auto 2rem;width:900px;max-width:100%;padding:30px 20px;background:#1089ec;color:#fff;font-size:4rem;font-family:'GmarketSans', sans-serif;font-weight:600;line-height:120%;border-radius:20px 0 20px 0;text-align:center;}
.vision .arrow-txt {margin:0 auto 2rem;padding:0 20px;width:709px;max-width:100%;height:317px;color:#fff;font-size:3rem;font-family:'GmarketSans', sans-serif;font-weight:600;line-height:120%;background:url(/share/img/content/vision-arrow.png) no-repeat center top /100% 100%;text-align:center;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.visionLst {width:840px;max-width:calc(100% - 100px);position:absolute;bottom:-110px;left:50%;transform:translate(-50.2%,0);
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
gap:20px;
}
.visionLst li {width:220px;background:#fff;box-shadow:0 15px 30px rgba(0, 0, 0, 0.05);border-radius:20px 0 20px 0;position:relative;}
.visionLst li:after {content:"";display:block;width:100%;height:0;padding-bottom:100%;}
.visionLst li span {font-size:2.4rem;text-align:center;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50.2%,-50.2%);line-height:140%;white-space:nowrap;}

/* 비전 수정 */
.vision {padding:0;background:none;}
.vision-txtBox {padding:0 5rem;}
.vision-txtBox.top {padding:32rem 5rem 0;border-radius:30px 0 0 0;background:url(/share/img/content/vision-bg-1.jpg) no-repeat center top /cover;}
.vision-txtBox h3 {font-family:'GmarketSans', sans-serif;text-align:center;margin-bottom:3rem;font-size:5rem;font-weight:600;line-height:140%;}
.vision-txtBox.top h3 {color:#fff;font-size:7rem;margin-bottom:-3rem;letter-spacing:0;}
.vision-txtBox.top .intxt {background:#fff;border-radius:30px 0 0 0;box-shadow:0 -15px 30px rgba(0, 0, 0, 0.05);}
.vision-txtBox .intxt {max-width:1400px;margin:0 auto;padding:12rem 5rem;font-family:'GmarketSans', sans-serif;line-height:160%;text-align:center;font-size:2.4rem;}
.vision-txtBox .intxt strong {font-size:3rem;line-height:140%;}
.vision-ctxt {font-size:2.4rem;line-height:160%;text-align:center;font-family:'GmarketSans', sans-serif;}
.vision-img {text-align:center;}
.vision-img img {width:1000px;max-width:100%;}
	
	@media screen and (max-width:1200px){
	
		.vision-txtBox.top {padding-top:16rem;}
		.vision-txtBox .intxt {font-size:2rem;padding:8rem 5rem;}
		.vision-ctxt {font-size:2rem;}
	}
	@media screen and (max-width:1000px){
		
		/*.vision {padding-top:9rem;}*/
		.vision .top-txt {font-size:3rem;}
		.vision .arrow-txt {font-size:2.6rem;}
		.visionLst li span {font-size:1.8rem;}
		
		.vision-txtBox {padding:0 3rem;}
		.vision-txtBox.top {padding:10rem 3rem 0;}
		.vision-txtBox h3 {font-size:3rem;}
		.vision-txtBox.top h3 {font-size:5rem;margin-bottom:-2rem;}
		.vision-txtBox .intxt {font-size:1.6rem;}
		.vision-txtBox .intxt {font-size:2rem;}
		.vision-ctxt {font-size:1.6rem;}
		.vision-txtBox .intxt {padding:5rem 3rem;}
		
	}
	@media screen and (max-width:700px){ 
		
		.visionLst {bottom:-80px;}
	}
	@media screen and (max-width:600px){ 
		
		/*.vision {padding-left:30px;padding-right:30px;padding-bottom:200px;}*/
		.vision .top-txt {font-size:2.6rem;}
		.vision .arrow-txt {font-size:2rem;}
		.visionLst {bottom:-40px;max-width:calc(100% - 60px);display:block;}
		.visionLst li {width:100%;padding:0 30px;height:80px;display:flex;align-items:center;justify-content:center;text-align:center;}
		.visionLst li + li {margin-top:10px;}
		.visionLst li:after {display:none;}
		.visionLst li span {font-size:1.6rem;position:static;white-space:normal;transform:none;}
		.visionLst li span br {display:none;}
		
		.vision-txtBox.top h3 {font-size:4rem;margin-bottom:-1.6rem;}
		.vision-txtBox {padding:0 2.5rem;}
		.vision-txtBox .intxt {padding:4rem 2.5rem;}
		.vision-txtBox.top {padding:8rem 2.5rem 0;}
	}
	
/* 회사개요 */
.cpSummary {position:relative;padding-top:25%;}
.cpSummary:before {content:"";display:block;padding-bottom:41.9161%;background:url(/share/img/content/cpSummary_bg_221207.jpg) no-repeat center top /100% auto;position:absolute;top:0;left:0;width:100%;border-radius:20px 0 0 0;overflow:hidden;}
.cpSummary-txt {background:#fff;border-radius:20px 0 0 0;padding:9rem 12rem 9rem 6rem;width:853px;max-width:100%;margin-left:auto;line-height:200%;position:relative;z-index:1;}

	@media screen and (max-width:1200px){
		
		.cpSummary {padding-top:0;}
		.cpSummary:before {position:static;}
		.cpSummary-txt {width:100%;border-radius:0;padding:4rem 2rem;}
	}
	

/* 채용안내 */
.subImgbox.recruit {background-image:url(/share/img/content/subImgbox_recruit.jpg);}
.recruit-precess {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: justify;
justify-content: space-between;
gap:60px;
}
.recruit-precess li {flex:1;min-width:0;}
.recruit-precess li .circle {width:100%;height:0;padding-bottom:calc(100% - 40px);border:20px solid #f4f4f4;position:relative;border-radius:50%;position:relative;}
.recruit-precess li .circle span {padding:10px;position:absolute;width:100%;height:100%;top:0;left:0;font-weight:600;text-align:center;line-height:160%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.recruit-precess li .stxt {text-align:center;padding-top:2rem;}
.recruit-precess li.greenBd .circle {border-color:#c0f0db}
.recruit-precess li.greenBd .stxt {color:#00c46f;font-weight:600;line-height:160%;}
.recruit-precess li.green .circle {background:#00c46f;border-color:#00c46f;}
.recruit-precess li.green .circle span {color:#fff;}
.recruit-precess li + li .circle:before {content:"";position:absolute;top:50%;left:-60px;display:block;width:16px;height:12px;background:url(/share/img/content/process-arrow.svg) no-repeat center center;}

.recruit-thW {width:140px;}

	@media screen and (max-width:1400px){ 
	
		.recruit-precess {gap:30px;}
		.recruit-precess li + li .circle:before {left:-43px;}
	}
	@media screen and (max-width:800px){ 
		
		.recruit-precess {display:block;}
		.recruit-precess li  + li {margin-top:40px;}
		.recruit-precess li .stxt br:not(.noblock) {display:none;}
		.recruit-precess li .circle {height:auto;padding-bottom:0;border-radius:10px;}
		.recruit-precess li .circle span {position:static;height:auto;}
		
		.recruit-precess li + li .circle:before {top:-45px;left:50%;margin-left:-8px;transform:rotate(90deg);}
	}
	@media screen and (max-width:400px){ 
	
		.recruit-thW {width:120px;}
	}
	

/* 인사제도 */
.rightpeopleLst {width:calc(100% - 100px);margin:5rem auto 0;
display: -ms-flexbox;
display: flex;	
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: center;
justify-content: center;	
gap:10%;
}
.rightpeopleLst .img {margin:0 auto 3rem;max-width:250px;}
.rightpeopleLst .img:after {content:"";display:block;width:100%;height:0;padding-bottom:100%;}
.rightpeopleLst .btxt {margin-bottom:1rem;line-height:160%;font-size:2.4rem;font-weight:600;font-family:'GmarketSans', sans-serif;}
.rightpeopleLst .stxt {line-height:200%;}
.rightpeopleLst li {flex:1;min-width:0;text-align:center;}
.rightpeopleLst li:nth-child(1) .img {background:url(/share/img/content/rightpeopleLst01.png) no-repeat center center /100% auto;}
.rightpeopleLst li:nth-child(2) .img {background:url(/share/img/content/rightpeopleLst02.png) no-repeat center center /100% auto;}
.rightpeopleLst li:nth-child(3) .img {background:url(/share/img/content/rightpeopleLst03.png) no-repeat center center /100% auto;}
.rightpeopleLst li:nth-child(1) .btxt {color:#1089ec;}
.rightpeopleLst li:nth-child(2) .btxt {color:#00c46f;}
.rightpeopleLst li:nth-child(3) .btxt {color:#f4755c;}

.payLst {margin:5rem 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: stretch;
align-items: stretch;
gap:30px;
}
.payLst li {flex:1;min-width:0;border:20px solid #f4f4f4;border-radius:100px;padding:20px;font-weight:600;line-height:200%;text-align:center;
display: -ms-flexbox;
display: flex;	
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;	
}
.payLst li:nth-child(1) {border-color:#1089ec;color:#1089ec}
.payLst li:nth-child(2) {border-color:#00c46f;color:#00c46f}
.payLst li:nth-child(3) {border-color:#f4755c;color:#f4755c;}
.payTbl-thW {width:35%;}

.missionLst {margin-top:4rem;background:url(/share/img/content/mission-bg.jpg) no-repeat center top /cover;border-radius:20px 0 0 0;overflow:hidden;}
.missionLst li {padding:70px 90px;position:relative;}
.missionLst li:before {content:"";position:absolute;top:0;left:0;right:0;bottom:0;display:block;width:100%;height:100%;background:linear-gradient(to right, #1089ec, #222222);}
.missionLst li:nth-child(1):before {opacity:0.77;}
.missionLst li:nth-child(2):before {opacity:0.70;}
.missionLst li:nth-child(3):before {opacity:0.60;}
.missionLst li:nth-child(4):before {opacity:0.45;}
.missionLst li .item-inwrap {position:relative;z-index:1;}
.missionLst li .btxt {color:#fff;font-size:2.4rem;font-weight:600;font-family:'GmarketSans', sans-serif;margin-bottom:1rem;}
.missionLst li .stxt {color:#fff;line-height:200%;}

	@media screen and (max-width:800px){
	
		.rightpeopleLst {width:100%;margin-left:0;margin-right:0;display:block;}
		.rightpeopleLst li {width:100%;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-align: center;
			align-items: center;
		}
		.rightpeopleLst li + li {margin-top:3rem;}
		.rightpeopleLst .img {flex:1;min-width:0;max-width:150px;margin-right:30px;margin-bottom:0;}
		.rightpeopleLst .txt-wrap {flex:1;min-width:0;}
		.rightpeopleLst .txt-wrap p {text-align:left;}
		
		.missionLst li {padding:40px 40px;}
		
		.payLst {display:block;}
		.payLst li + li {margin-top:2rem;}
		.payLst li br {display:none;}
	}
	
	@media screen and (max-width:450px){
	
		.rightpeopleLst li {display:block;}
		.rightpeopleLst .img {margin:0 auto 3rem;}
		.rightpeopleLst .txt-wrap p {text-align:center;}
		
		.payTbl,
		.payTbl tr,
		.payTbl th,
		.payTbl td {display:block;width:100%;}
	}
	
/* 복리후생 */
.subImgbox.welfare {background-image:url(/share/img/content/subImgbox_welfare.jpg);}


/* 주요기술 */
.maintechLst li {
display: -ms-flexbox;
display: flex;	
}
.maintechLst li + li {margin-top:9rem;}
.maintechLst li .img {flex:1;min-width:0;margin-right:60px;max-width:619px;}
.maintechLst li .img img {max-width:100%;}
.maintechLst li .sc-item {flex:1;min-width:0;}

	@media screen and (max-width:800px){
	
		.maintechLst li {display:block;}
		.maintechLst li + li {margin-top:5rem;}
		.maintechLst li .img {margin-bottom:3rem;margin-right:0;}
	}
	

/* 담당자 안내 */
.managerLst {
display: -ms-flexbox;
display: flex;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap:30px;
}
.managerLst li {width:calc(33.3333% - 20px);border:1px solid #ececec;border-radius:3px;padding:35px;}
.managerLst li .name {margin-bottom:2rem;font-weight:600;}
.managerLst li .email {position:relative;padding-left:28px;}
.managerLst li .email * {text-indent:0;}
.managerLst li .email:before {content:"";position:absolute;top:5px;left:0;display:inline-block;width:20px;height:18px;margin-right:8px;background:url(/share/img/content/manager-emailIcon.svg) no-repeat center center;vertical-align:top;}
.managerLst li .email span {vertical-align:top;line-height:160%;}

	@media screen and (max-width:1000px){
		
		.managerLst li {width:calc(50% - 15px);}
	}
	@media screen and (max-width:600px){
		
		.managerLst {gap:20px;}
		.managerLst li {width:100%;}
	}
	
	
/* 찾아오시는 길 */
.locationLst li {padding:5rem 0;border-bottom:1px solid #ececec;}
.locationLst li .btxt {font-weight:600;margin-bottom:1rem;line-height:200%;}
.locationLst li .stxt {line-height:200%;}
.locationLst li table {margin-top:2rem;}
.locationLst li table thead th {background:#ececec;border-color:#ececec;}


/* 고객승인현황 */
.CAtbl-wrap {overflow:auto;}
.CAtbl td {text-align:center;}
.CAtbl td:last-child {text-align:left;}

	@media screen and (max-width:1200px){
		
		.CAtbl-wrap:before {content:url(/share/img/default/mb-scrInfo.svg);position:sticky;left:0;width:100%;min-height:60px;padding:15px 20px;display:flex;justify-content:center;align-items:center;text-align:center;border-radius:3px;background:#f4f4f4;font-size:1.4rem;line-height:140%;}
		.CAtbl {width:auto;}
		.CAtbl td {font-size:1.4rem;padding:10px;}
		.CAtbl td:nth-child(1) {min-width:150px;}
		.CAtbl td:nth-child(2) {min-width:150px;}
		.CAtbl td:nth-child(3) {min-width:200px;}
		.CAtbl td:last-child {min-width:500px;}
	}


/* 공급실적 */
.supplyTop {display:flex;flex-wrap:wrap;gap:5%;margin-bottom:60px;}
.supplyTop .txt {width:35%;}
.supplyTop .map {flex:1;min-width:0;}
.supplyTop .map img {max-width:100%;}

.supplyOC {display:flex;align-items:center;padding-right:10px;}
.supplyOC .nm {margin-right:10px;text-align:left;}
.supplyOC .logo {flex:0 0 auto;margin-left:auto;}

.supplytbl-wrap  {overflow:auto;}
.supplytbl td {text-align:center;}

	@media screen and (max-width:1200px){
		
		.supplyTop .txt {width:100%;}
		.supplyTop .map {flex:auto;width:100%;}
		
		.supplytbl-wrap:before {content:url(/share/img/default/mb-scrInfo.svg);position:sticky;left:0;width:100%;min-height:60px;padding:15px 20px;display:flex;justify-content:center;align-items:center;text-align:center;border-radius:3px;background:#f4f4f4;font-size:1.4rem;line-height:140%;}
		.supplytbl {width:auto;}
		.supplytbl td {font-size:1.4rem;padding:10px;}
		.supplytbl td:nth-child(1) {min-width:200px;}
		.supplytbl td:nth-child(2) {min-width:200px;}
		.supplytbl td:nth-child(3) {min-width:200px;}
		.supplytbl td:last-child {min-width:100px;}
	}
	
/* 연혁 */
.historyTab {position:sticky;top:100px;left:0;z-index:9;background:#fff;width:calc(100% + 250px);margin-left:-125px;margin-top:-10rem;margin-bottom:10rem;overflow:hidden;}
.historyTab .btxt {display:block;font-weight:600;font-size:1.6rem;line-height:100%;margin-bottom:5px;}
.historyTab .stxt {display:block;font-weight:400;font-size:1.6rem;line-height:100%;}
.history-wrap {float:right;width:60%;overflow:hidden;}
.history-inwrap {position:relative;}
.history-inwrap:after {content:"";display:block;clear:both;}
.history-title {display:none;float:left;width:40%;z-index:1;padding-right:8rem;position:sticky;top:280px;left:0;}
.history-title.fixed {position:fixed;top:460px;left:0;}
.history-title .stxt {font-size:1.8rem;line-height:160%;margin-bottom:2rem;}
.history-title .btxt {max-width:100%;display:inline-block;margin-bottom:1rem;background: linear-gradient(to right, #1089ec, #145eba);font-size:5rem;font-family:'GmarketSans', sans-serif;font-weight:600;line-height:140%;-webkit-background-clip: text;color: transparent;}
.history-title .ctxt {font-size:5rem;font-family: 'NotoSerifKR';font-weight:600;line-height:140%}
.history-title .smImg {display:flex;gap:10px;margin-top:8rem;}
.history-title .smImg li {flex:1;position:relative;overflow:hidden;border-radius:20px;}
.history-title .smImg li:before {content:"";display:block;width:100%;height:0;padding-bottom:100%;}
.history-title .smImg li img {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover;object-position:center center;}
.history-cont {float:right;margin-left:auto;padding-left:20px;}
.history-cont .bImg {border-radius:0 20px 0 0;overflow:hidden;}
.history-cont .bImg img {width:100%;}
.historyLst {padding:6rem 0 6rem 6rem;position:relative;background:#fff;}
.historyLst:before {content:"";position:absolute;top:0;left:0;width:1px;height:100%;display:block;background:#ececec;}
.historyLst  > li {position:relative;}
.historyLst  > li + li {margin-top:6rem;}
.historyLst .hdate {color:#00c46f;font-size:2.8rem;font-weight:700;margin-bottom:2rem;position:relative;}
.historyLst .hdate:before {content:"";position:absolute;left:calc(-6rem - 5px);top:50%;margin-top:-5px;display:block;width:10px;height:10px;border-radius:50%;background:#222;}
.historyLst .hcont {}
.historyLst .hcont li {font-size:1.8rem;line-height:160%;}
.historyLst .hcont li + li {margin-top:2rem;}


	@media screen and (max-height:800px){
	
		.history-title .smImg {width:80%;margin-top:6rem}
	}
	
	@media screen and (max-width: 1400px) {
	
		.historyTab {width:calc(100% + 120px);margin-left:-60px;}
	}
	@media screen and (max-width:1200px){
		
		.historyTab {margin-top:-4rem;margin-bottom:4rem;top:80px;width:calc(100% + 40px);margin-left:-20px;}
		
		.history-title {position:static;}
		.history-title .stxt {font-size:1.8rem;}
		.history-title .btxt {font-size:3.2rem;}
		.history-title .ctxt {font-size:3.2rem;}
	}
	@media screen and (max-width:1200px){ 
	
		.history-inwrap {display:block;}
		.history-title {width:100%;float:none;padding-right:0;}
		.history-cont {width:100%;padding:0 20px;}
		.history-title .smImg {max-width:540px;margin-bottom:1rem;margin-top:3rem;}
		.history-title .smImg li {border-radius:10px;}
		
		.history-wrap {width:calc(100% + 40px);margin-left:-20px;float:none;}
		.historyLst {padding-left:2rem;}
		.historyLst .hdate:before {left:calc(-2rem - 5px);}
	}