@charset"utf-8";

/* Layoyt (레이아웃)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
#header {}
#subContainer {position:relative; padding:0 0 150px;margin:0 auto; max-width:1200px; min-height:calc(100vh - 700px); box-sizing:border-box}
#commonContainer{position:relative;padding:0 0 60px;margin:0 auto; max-width:1200px; box-sizing:border-box}
#subContainer:after{content:"";display:block;clear:both}
#subContents{width:100%}
.bbs-contents {position:relative; width:1200px; margin:0 auto; padding-top: 30px;}
.bbs-contents h2 {display:block; width: fit-content; font-size:44px; line-height:120%; color:#333; text-align:center; margin:0 auto 48px; font-family: 'S-CoreDream-4Regular';  letter-spacing:-2px; transition: .4s; word-break:keep-all; word-break:keep-all;}
.bbs-contents p.slogan {text-align:center; font-size:22px; color:#333; word-break:keep-all; margin:-20px 0 48px;}

@media only screen and (max-width:1200px){
    #subContainer{padding:0 30px 150px; width:100%}
    #commonContainer{padding:0 30px 150px; width:100%;}
	.bbs-contents {width:100%; padding:0 20px;}
	.bbs-contents h2 {font-size:36px; margin:0 auto 38px;}
	.bbs-contents p.slogan {font-size:20px;margin:-15px 0 38px;}
}
@media only screen and (max-width: 767px){
    #subContainer{padding:0 20px 70px;}
    #commonContainer{padding:0 20px 70px;}
	.bbs-contents {padding:0 15px;}
	.bbs-contents h2 {font-size:30px;margin:0 auto 30px;}
	.bbs-contents p.slogan {font-size:18px;margin:-10px 0 30px;}
}

@media only screen and (max-width: 480px){
	.bbs-contents h2 {font-size:28px; margin: 50px auto 25px;}
}

/* Sub Visual (서브이미지)
------------------------------------------------------------------------------------------------------------------ ---------------------------------------- */
.sub-visual {display:flex; flex-direction:column; justify-content:center; margin:0 auto; width:1200px; height:370px;}
.sub-visual h1 {font-weight: 700; font-size: 60px; color: #000;}
.sub-visual h1 span {display: block; margin-bottom: 18px; font-weight: 700; font-size: 20px; color: #6e6eea; color: #000; text-transform:uppercase;}
.sub-visual ul {display: flex; flex-wrap: wrap; margin-top: 40px;}
.sub-visual ul li {margin: 10px 10px 0 0;}
.sub-visual ul li:last-child {margin-right: 0;}
.sub-visual ul li a {display: flex; justify-content:center; align-items:center; padding:0 23px; height: 56px; border:1px solid #e5e5e5; border-radius:28px; font-size: 18px; color:#000;}
.sub-visual ul li.active a {border-color:#06068e; background:#06068e; border-color:#000; background:#000; color:#fff;}

@media only screen and (max-width:1200px){
	.sub-visual {padding:80px 30px; width:100%; height:auto;}
}
@media only screen and (max-width:768px){
	.sub-visual {padding:40px 20px 35px;}
	.sub-visual h1 {font-size: 45px;}
	.sub-visual h1 span {margin-bottom: 12px; font-size: 16px;}
	.sub-visual ul {margin-top: 30px;}
	.sub-visual ul li {margin-bottom: 10px;}
	.sub-visual ul li a {padding:0 18px; height:45px; font-size: 16px;}
}
@media only screen and (max-width:640px){
	.sub-visual h1 {font-size: 27px;}
	.sub-visual h1 span {margin-bottom: 8px; font-size: 12px;}
	.sub-visual ul {margin-top: 20px;}
	.sub-visual ul li {margin-right: 7px; margin-bottom: 7px;}
	.sub-visual ul li a {padding:0 10px; height:35px; font-size: 12px;}
}


/* Sub Contents (서브 콘텐츠 영역)

.search {display:block; margin:0 0 30px;}

/* 게시판 관련 CSS
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 일반게시판 List */
.whois-board-list{display:inline-block;padding:0;font-size:13px}
.whois-board-list .whois-board-row{width:100%;margin:0;padding:15px 0;float:left;border-bottom:1px solid #eee;color:#000}

/* Line 색상 */
.whois-board-list .whois-board-row .whois-board-row-subject{margin:0 0 5px;padding:0;font-size:14px;font-weight:600}
.whois-board-list .whois-board-row .whois-board-row-info{color:#acacac}
.whois-board-list .whois-board-row .whois-board-row-info .whois-board-row-author{max-width:33vw;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}

/* 일반게시판 view */
.whois-board-view{display:inline-block;font-size:13px}

/* Line 색상 */
.whois-board-view .whois-board-view-row{width:100%;margin:0;padding:10px 0;float:left;border-bottom:1px solid #eee}
.whois-board-view .whois-board-view-row .whois-board-view-subject{width:100%;margin:0 0 15px;padding:0;float:left;font-size:18px;font-weight:600}
.whois-board-view .whois-board-view-row .whois-board-view-author{width:100%;margin:0 0 5px;padding:0;float:left;font-size:13px;font-weight:600}
.whois-board-view .whois-board-view-row .whois-board-view-info{width:100%;margin:0;padding:0 0 10px;float:left;color:#acacac}
.whois-board-view .whois-board-view-row .whois-board-view-content{width:100%;margin:0;padding:10px 0;float:left;font-size:12px}
.whois-board-view .whois-board-view-files{width:100%;margin:0;padding:0;float:left}
.whois-board-view .whois-board-view-files .whois-board-view-file{width:100%;margin:0;padding:5px 0;float:left;font-size:12px}
.whois-board-view .whois-board-view-files .whois-board-view-file .whois-board-view-file-count{font-size:11px;color:#c4c4c4}

/* 게시판 버튼 */
.btn-search, .btn-sub, .whois-button-submit{color:#fff;background-color:#25428e;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out; border-radius:5px; padding-left:20px; padding-right:20px;}
.btn-search:focus, .btn-search:hover, .btn-sub:focus, .btn-sub:hover, .whois-button-submit:focus, .whois-button-submit:hover{color:#fff;background-color:#755346}

/* 게시판 공통 */
.sub-box{margin-right:5px;background-color:#3d427c;border:0;color:#ffffff;display:inline-block;font-family:"Nanum Gothic",sans-serif}
.sub-box.sm{font-size:12px;padding:2px 5px}
.sub-box.m{font-size:14px;padding:4px 8px}
.sub-box.lg{font-size:16px;padding:6px 12px}
.sub-border{border:1px solid #3d427c}
.sub-border-t{border-top:1px solid #3d427c}
.sub-border-r{border-right:1px solid #3d427c}
.sub-border-b{border-bottom:1px solid #3d427c}
.sub-border-l{border-left:1px solid #3d427c}
.sub-bg{background-color:#3d427c}
.sub-bg-hover:hover{background-color:#36384e}

/* 로그인/회원가입 관련 CSS
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.material-form{margin:0 auto;background:#fff}
.material-form .header{padding:50px 10px;background:#6498fe;font-size:16px;color:#fff}
.material-form .header h3{font-size:30px}
.material-form .header p, .material-form .header span{margin-top:15px;font-size:16px;color:#fff}
.material-form .sub-header h4{font-weight:bold;height:34px;line-height:34px;font-size:16px}
.material-form .sub-content .form-group:last-child{margin:0}
.material-form .input-group{position:relative;border:0}
.material-form .input-group .input-group-addon{padding-right:6px;padding-left:6px;background:#fff;border:0}
.material-form .form-control, input[type='text'].whois, input[type='password'].whois, select.whois{border:1px solid #ccc;transition:0.3s all ease}

/*.material-form .btn:first-child,*/
.material-form .input-group .form-control.first, .material-form .input-group .form-control:first-child, .material-form .input-group .th + .form-control, .th + input[type='text'].whois, .th + input[type='password'].whois, .th + select.whois{border-bottom-left-radius:4px;border-top-left-radius:4px}

/*.material-form .btn:last-child,*/
.material-form .input-group .form-control.last, .material-form .input-group .form-control:last-child, .material-form .input-group .input-group-btn:last-child, .material-form .input-group .input-group-btn:last-child .btn, .material-form .input-group .input-group-btn:last-child button{border-bottom-right-radius:4px;border-top-right-radius:4px}
.material-form .form-group{margin-bottom:15px;overflow:visible}
.material-form .form-group.success .form-control{color:#5cb85c}
.material-form .form-group.failed .form-control{color:#d9534f}
.material-form .form-control[readonly]{background:#fff}
.material-form .btn{height:38px}
.material-form .btn-default{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out}
.material-form .input-group input, .material-form .input-group select, input[type='text'].whois, input[type='password'].whois, select.whois{z-index:10}
.input-group label.th{z-index:9;display:none;position:absolute;top:50%;left:10px;margin-top:-10px;height:20px;color:#ccc}
.input-group label.th.ie9{z-index:11;display:block}
.material-form .desc{padding:10px 0}
.chkbox{display:inline-block;margin:0;padding:0}
.chk-block,
.chk-block span{display:block;text-align:center;width:100%}
.chkbox input[type='radio'],
.chkbox input[type='checkbox']{display:none}
.chkbox input[type='radio']~.rbtn{padding:6px 12px;line-height:27px;border:1px solid #ccc;border-radius:3px;cursor:pointer}
.chkbox input[type='radio']:checked~.rbtn{background:#ccc;color:#fff}
.chkbox input[type='radio']~.box,
.chkbox input[type='checkbox']~.box{display:block;color:#bbb;cursor:pointer;transition:0.5s all ease}
.chkbox input[type='radio']~.box:before,
.chkbox input[type='checkbox']~.box:before{display:inline-block;margin-right:5px;padding:2px;font-family:'Glyphicons Halflings';font-size:18px;font-weight:normal;line-height:1;text-align:center;transition:0.4s all ease;vertical-align:middle;color:#cfcfcf}
.chkbox input[type='radio']~.box:before{content:"\e165"}
.chkbox input[type='checkbox']~.box:before{content:"\e013"}
.chkbox input[type='radio']:checked~.box,
.chkbox input[type='checkbox']:checked~.box{color:#666}
.chkbox input[type='radio']:checked~.box:before,
.chkbox input[type='checkbox']:checked~.box:before{color:#666}




/* 콘텐츠
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/*
	회사소개
*/
/* 대표인사말 */
.greetings-wrap {}
.greetings-wrap .visual-wrap {position: relative; z-index: 2; padding-top:33.334%;}
.greetings-wrap .visual-wrap:before {content:''; position:absolute; top:0; left:50%; z-index: -1; margin-left:-50vw; width:100vw; height:100%; background:url('/images/kor09r-22-0461/sub/greetings.jpg') no-repeat center center/cover;}
.greetings-wrap .txt-wrap {margin-top: 80px;}
.greetings-wrap .txt-wrap h1 {font-weight: 400; font-size: 38px; color: #000; word-break:keep-all;}
.greetings-wrap .txt-wrap h1 strong {font-weight: 700;}
.greetings-wrap .txt-wrap p {margin-top: 40px; margin-bottom: 22px; font-weight: 400; font-size: 22px; line-height:1.45; color: #000; word-break:keep-all;}
.greetings-wrap .txt-wrap p:last-child {margin-bottom: 0;}

@media only screen and (max-width:767px){
	.greetings-wrap .txt-wrap {margin-top: 40px;}
	.greetings-wrap .txt-wrap h1 {font-size: 22px;}
	.greetings-wrap .txt-wrap p {margin-top: 20px; margin-bottom: 12px; font-size: 16px;}
}

/* 기업개요 */
.overview-wrap {position: relative; padding-top: 80px;}
.overview-wrap:before {content:''; position: absolute; top:0; left:50%; margin-left: -50vw; width: 100vw; height: 1px; background:#e6e6e6;}
.overview-wrap .overview-slogan {margin-bottom: 30px; font-weight: 400; font-size: 38px; line-height:1.4; color: #000; word-break:keep-all;}
.overview-wrap .overview-slogan strong {font-weight: 700;}
.overview-wrap .overview-conts > p {font-weight: 400; font-size: 26px; color: #000; word-break:keep-all;}
.overview-wrap .overview-conts > p strong {font-weight: 700; color: #6e6eea;}
.overview-wrap .overview-conts .img-wrap {margin-top: 60px; padding:5%; border-radius:12px; border:1px solid #e5e5e5; text-align:center;}
.overview-wrap .overview-conts .img-wrap img {max-width:100%;}

@media only screen and (max-width:767px){
	.overview-wrap {padding-top: 40px;}
	.overview-wrap .overview-slogan {margin-bottom: 15px; font-size: 22px;}
	.overview-wrap .overview-conts > p {font-size: 18px;}
	.overview-wrap .overview-conts .img-wrap {margin-top: 30px; border-radius:6px;}
}

/* 비전및미션 */
.vision-wrap {}
.vision-wrap .vision-visual {position: relative; z-index: 2; display: grid; gap: 0 100px; grid-template-columns: repeat(2, minmax(0, 1fr)); padding:12.144% 0;}
.vision-wrap .vision-visual:after {content:''; position: absolute; top:0; left:50%; z-index: -1; margin-left: -50vw; width: 100vw; height:100%; background:url('/images/kor09r-22-0461/sub/vision_bg.jpg') no-repeat center center/cover;}
.vision-wrap .vision-visual dl {position: relative;}
.vision-wrap .vision-visual dl:before {content:''; position: absolute; top:0; left:-50px; width: 1px; height:100%; background: rgba(255,255,255,.3);}
.vision-wrap .vision-visual dl:first-of-type:before {display: none;}
.vision-wrap .vision-visual dl dt {font-weight: 700; font-size: 38px; color: #fff; letter-spacing: 0; word-break:keep-all;}
.vision-wrap .vision-visual dl dd {margin-top: 20px; font-weight: 400; font-size: 24px; color: #fff; letter-spacing: 0; word-break:keep-all;}
.vision-wrap .vision-conts > h1 {margin:80px 0 40px; font-weight: 700; font-size: 38px; color: #000;}
.vision-wrap .vision-target {display: grid; gap: 0 30px; grid-template-columns: repeat(3, minmax(0, 1fr));}
.vision-wrap .vision-target dl {position: relative; padding:30px; height:173px; border-radius:12px; box-shadow:6px 5px 20px rgba(7,7,74,.1); background:#fff;}
.vision-wrap .vision-target dl dt {position: absolute; bottom:30px; right:30px; font-weight: 700; font-size: 30px; line-height: 1; color: #ebebeb; letter-spacing: 0;}
.vision-wrap .vision-target dl dd img {display: block; margin-bottom: 14px;}
.vision-wrap .vision-target dl dd {font-weight: 500; font-size: 22px; color: #000; word-break:keep-all;}
.vision-wrap .value-wrap {width:100%; background:url('/images/kor09r-22-0461/sub/vision_bg.png') no-repeat center center; text-align:center;}
.vision-wrap .value-wrap img {max-width:100%;}

@media only screen and (max-width:1200px){
	.vision-wrap .value-wrap {padding:0 10%; background-size:100% auto;}
}
@media only screen and (max-width:850px){
	.vision-wrap .vision-visual {gap:60px 0; grid-template-columns: repeat(1, minmax(0, 1fr));}
	.vision-wrap .vision-visual dl:before {left:0; top:-30px; width:100%; height:1px;}
	.vision-wrap .vision-target {gap:30px 0; grid-template-columns: repeat(1, minmax(0, 1fr));}
}
@media only screen and (max-width:767px){
	.vision-wrap .vision-visual {gap:40px 0;}
	.vision-wrap .vision-visual dl:before {top:-20px;}
	.vision-wrap .vision-visual dl dt {font-size: 22px;}
	.vision-wrap .vision-visual dl dd {margin-top: 10px; font-size: 16px;}
	.vision-wrap .vision-conts > h1 {margin:40px 0 20px; font-size: 22px;}
	.vision-wrap .vision-target {gap:15px 0;}
	.vision-wrap .vision-target dl {padding:20px; border-radius:6px; height:110px;}
	.vision-wrap .vision-target dl dt {bottom:20px; right:20px; font-size: 20px;}
	.vision-wrap .vision-target dl dd img {margin-bottom: 10px; height:16px}
	.vision-wrap .vision-target dl dd {font-size: 16px;}
}

/* 연혁및인증 */
.history-wrap .visual-wrap {position: relative; z-index: 2; padding-top:33.334%;}
.history-wrap .visual-wrap:before {content:''; position:absolute; top:0; left:50%; z-index: -1; margin-left:-50vw; width:100vw; height:100%; background:url('/images/kor09r-22-0461/sub/history.jpg') no-repeat center center/cover;}
.history-list {margin-top:30px;}
.history-list .history-box {display:flex; padding:60px 0; border-bottom:1px solid #e5e5e5;}
.history-list .history-box:last-child {padding-bottom:0; border-bottom:0 none;}
.history-list .history-box h1 {flex-shrink:0; font-weight: 700; font-size: 40px; color: #000;}
.history-list .history-box dl {display:flex; flex-wrap:wrap ;padding-left: 20%;}
.history-list .history-box dl dt , .history-list .history-box dl dd {margin-bottom: 15px;}
.history-list .history-box dl dt:last-of-type , .history-list .history-box dl dd:last-of-type {margin-bottom: 0;}
.history-list .history-box dl dt {position: relative; padding-left: 16px; width:85px; font-weight: 500; font-size: 20px; color: #000;}
.history-list .history-box dl dt:before {content:''; position: absolute; top:11px; left:0; width:6px; height:6px; border-radius:50%; background:#e1251b;}
.history-list .history-box dl dd {margin-top: 2px; width:calc(100% - 85px); font-weight: 400; font-size: 18px; color: #000; word-break:keep-all;}

@media only screen and (max-width:767px){
	.history-list .history-box {display: block; padding:30px 0;}
	.history-list .history-box h1 {font-size: 24px;}
	.history-list .history-box dl {margin-top: 20px; padding-left: 0;}
	.history-list .history-box dl dt , .history-list .history-box dl dd {margin-bottom: 7px;}
	.history-list .history-box dl dt {padding-left: 11px; width:60px; font-size: 15px;}
	.history-list .history-box dl dt:before {top:7px; width:4px; height:4px;}
	.history-list .history-box dl dd {margin-top: 0; width:calc(100% - 60px); font-size: 14px;}
}

/* CI설명 */
.ci-wrap {}
.ci-wrap .ci-logo {position: relative; z-index: 2; padding:13.4585% 0; text-align:center;}
.ci-wrap .ci-logo:before {content:''; position:absolute; top:0; left:50%; z-index: -1; margin-left:-50vw; width:100vw; height:100%; background:url('/images/kor09r-22-0461/sub/ci_bg.png') repeat 0 0;}
.ci-wrap .ci-logo img {max-width:100%;}
.ci-wrap .ci-info {margin-top: 80px;}
.ci-wrap .ci-info h1 {font-weight: 700; font-size: 38px; color: #000; word-break:keep-all;}
.ci-wrap .ci-info p {margin-top: 23px; font-weight: 400; font-size: 24px; color: #000; word-break:keep-all;}
.ci-wrap .ci-color-info {margin-top: 45px; display: flex;}
.ci-wrap .ci-color-info .info-box {flex:1; display: flex; justify-content:end; align-items:center; padding:0 30px; height: 80px; background:#06068e;}
.ci-wrap .ci-color-info .info-box:last-child {background:#6e6eea;}
.ci-wrap .ci-color-info .info-box dl {display: flex; flex-wrap:wrap; justify-content:end; margin-left: 40px; text-align:right;}
.ci-wrap .ci-color-info .info-box dl dt {margin-bottom: 4px; width:100%;}
.ci-wrap .ci-color-info .info-box dl dt , .ci-wrap .ci-color-info .info-box dl dd {font-weight: 400; font-size: 14px; color:#fff; letter-spacing: 0;}
.ci-wrap .ci-color-info .info-box dl dd {margin-left: 10px;}
.ci-wrap .ci-btn {display:flex; justify-content:center; align-items:center; margin:60px auto 0; width:200px; height:60px; border:1px solid #06068e; background:#fff; font-weight: 600; font-size: 20px; color: #06068e;}
.ci-wrap .ci-btn img {margin-right: 11px;}

@media only screen and (max-width:980px){
	.ci-wrap .ci-color-info .info-box dl {margin-left: 30px;}
	.ci-wrap .ci-color-info .info-box dl:first-child {margin-left: 0;}
}
@media only screen and (max-width:850px){
	.ci-wrap .ci-color-info .info-box {flex-direction: column; justify-content: center; align-items: end; height: 160px;}
	.ci-wrap .ci-color-info .info-box dl {margin-left: 0;}
	.ci-wrap .ci-color-info .info-box dl:first-child {margin-bottom: 20px;}
}
@media only screen and (max-width:767px){
	.ci-wrap .ci-logo {padding:13.4585% 10%;}
	.ci-wrap .ci-info {margin-top: 40px;}
	.ci-wrap .ci-info h1 {font-size: 22px;}
	.ci-wrap .ci-info p {margin-top: 18px; font-size: 16px;}
}
@media only screen and (max-width:480px){
	.ci-wrap .ci-color-info {margin-top: 25px;}
	.ci-wrap .ci-color-info .info-box {padding:0 15px; height: 140px;}
	.ci-wrap .ci-color-info .info-box dl:first-child {margin-bottom: 15px;}
	.ci-wrap .ci-color-info .info-box dl dt, .ci-wrap .ci-color-info .info-box dl dd {font-size: 11px;}
	.ci-wrap .ci-color-info .info-box dl dd {margin-left: 7px;}
	.ci-wrap .ci-btn {margin-top: 30px; width: 100%; height:45px; font-size: 15px;}
	.ci-wrap .ci-btn img {margin-right: 7px; height:13px;}
}


/*
	제품및서비스
*/
.products-wrap {}
.products-wrap .img-wrap img {width:100%;}
.products-wrap .products-info {margin-top: 80px;}
.products-wrap .products-info h1 {font-weight: 700; font-size: 38px; color: #000; word-break:keep-all;}
.products-wrap .products-info dl {display: flex; flex-wrap:wrap; margin-top: 37px; padding-top: 22px; border-top:1px solid #e6ecdb;}
.products-wrap .products-info dl dt, .products-wrap .products-info dl dd {margin-top: 14px;}
.products-wrap .products-info dl dt {flex-shrink:0; width:170px; font-weight:400; font-size:22px; color: #4c4c4c;}
.products-wrap .products-info dl dd {width:calc(100% - 170px); font-weight: 400; font-size: 22px; color: #000; word-break:keep-all;}
.products-wrap .products-info dl dd .naver-store {display: inline-block; margin-left:10px; color: #38b045; text-decoration:underline;}
.products-wrap .products-info dl .store {display: flex;}
.products-wrap .products-info dl dd .email {display: inline-block; color: #6e6eea; text-decoration:underline;}
.products-wrap .products-info ul {display:flex; margin-top: 25px; padding-left: 170px; text-align:center;}
.products-wrap .products-info ul li {flex:1; margin-right: 7px; max-width:291px;}
.products-wrap .products-info ul li a {display: flex; justify-content:center; align-items:center; width: 100%; height: 52px; background: #7f7fec; font-weight: 400; font-size: 20px; color: #fff; transition:.3s;}
.products-wrap .products-info ul li a:hover {background: #000;}

.products-wrap .cosmetics-tit {display: flex; justify-content: space-between; align-items: end; margin-bottom: 40px;}
.products-wrap .cosmetics-tit h1 {display: inline-block; padding-bottom: 10px; border-bottom:1px solid #000;}
.products-wrap .cosmetics-tit a {display: flex; align-items:center; border:1px solid #38b045;}
.products-wrap .cosmetics-tit a span {display: inline-block; padding:0 10px; font-weight: 700; font-size: 15px; color: #38b045; text-transform:uppercase; letter-spacing: 0;}
.products-wrap .products-list {display: grid; gap: 55px 124px; grid-template-columns: repeat(3, minmax(0, 1fr));}
.products-wrap .products-list .prod-img img {width: 100%;}
.products-wrap .products-list .prod-tit-en {margin-bottom: 37px; padding-bottom: 37px; border-bottom:1px solid #000; font-weight: 700; font-size: 20px; color: #000; word-break:keep-all;}
.products-wrap .products-list .prod-tit-ko {font-weight: 700; font-size: 20px; color: #000; word-break:keep-all;}
.products-wrap .products-list .prod-volume {margin-top: 3px; font-weight: 700; font-size: 15px; color: #000; word-break:keep-all;}
.products-wrap .products-list .prod-info {margin-top: 25px;font-weight: 400; font-size: 15px; color: #000; word-break:keep-all;}

@media only screen and (max-width:1200px){
	.products-wrap .products-list {gap:55px 40px;}
}
@media only screen and (max-width:767px){
	.products-wrap .products-info {margin-top: 40px;}
	.products-wrap .products-info h1 {font-size: 22px;}
	.products-wrap .products-info dl {margin-top: 24px; padding-top: 17px;}
	.products-wrap .products-info dl dt, .products-wrap .products-info dl dd {margin-top: 7px;}
	.products-wrap .products-info dl dt {width:120px; font-size: 16px;}
	.products-wrap .products-info dl dd {width:calc(100% - 120px); font-size: 16px;}
	.products-wrap .products-info dl dd img {height:22px;}
	.products-wrap .products-info ul {display: block; margin-top: 17px; padding-left: 120px;}
	.products-wrap .products-info ul li {margin:0 0 10px; width: 100%; max-width:100%;}
	.products-wrap .products-info ul li a {height: 40px; font-size: 15px;}

	.products-wrap .cosmetics-tit {flex-direction: column; align-items: start;}
	.products-wrap .cosmetics-tit a {margin:20px 0 0 auto;}
	.products-wrap .products-list {gap:5vw; grid-template-columns: repeat(2, minmax(0, 1fr));}
	.products-wrap .products-list .prod-tit-en {margin-bottom: 20px; padding-bottom: 20px; font-size: 16px;}
	.products-wrap .products-list .prod-tit-ko {font-size: 16px;}
	.products-wrap .products-list .prod-volume {font-size: 13px;}
	.products-wrap .products-list .prod-info {margin-top: 17px; font-size: 13px;}
}


/*
	R&D
*/
/* 연구소소개 */
.rnd-wrap {}
.rnd-wrap > div {padding:80px 0;}
.rnd-wrap > .line {position: relative;}
.rnd-wrap > .line:before {content:''; position: absolute; top:0; left:50%; margin-left: -50vw; width: 100vw; height:1px; background:#e0e0e0;}
.rnd-wrap .visual-wrap {position: relative; z-index: 2; padding:33.334% 0 0;}
.rnd-wrap .visual-wrap:after {content:''; position: absolute; top:0; left:50%; z-index: -1; margin-left: -50vw; width: 100vw; height:100%; background:url('/images/kor09r-22-0461/sub/rnd.jpg') no-repeat center center/cover;}
.rnd-wrap > div > h1 {font-weight: 700; font-size: 38px; color: #000; word-break:keep-all;}
.rnd-wrap .rnd-conts p {margin-top: 30px; font-weight: 400; font-size: 22px; color: #000; word-break:keep-all;}
.rnd-wrap .rnd-conts p:last-of-type {margin-top: 23px;}
.rnd-wrap .rnd-conts p.bg {padding:26px 20px; border-radius:8px; background:#f0f0fd; font-size:20px; text-align:center;}
.rnd-wrap .rnd-point {position: relative; z-index: 2;}
.rnd-wrap .rnd-point:after {content:''; position: absolute; top:0; left:50%; margin-left: -50vw; z-index: -1; width: 100vw; height: 100%; background:#f7f7f7;}
.rnd-wrap .rnd-point-box {display: grid; gap: 0 13px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 45px;}
.rnd-wrap .rnd-point-box:after {content:''; display: block; width: 300%; height:116px; background:url('/images/kor09r-22-0461/sub/rnd_arrow.png') no-repeat center/auto 100%;}
.rnd-wrap .rnd-point-box dl {display: flex; justify-content:center; align-items:center; flex-direction: column; height:200px; border-radius:8px; background:#fff;}
.rnd-wrap .rnd-point-box dl dt {font-weight: 700; font-size: 26px; color: #000; text-align:center; word-break:keep-all;}
.rnd-wrap .rnd-point-box dl dd {font-weight: 400; font-size: 20px; color: #4c4c4c; text-align:center; word-break:keep-all;}
.rnd-wrap .rnd-point-box dl dd:before {content:''; display: block; margin:15px auto 25px; width:30px; height:2px; background:#06068e;}
.rnd-wrap .rnd-point p {margin-top: 20px; padding:25px 20px; border-radius:8px; border:2px solid #06068e; background:#fff; font-weight: 500; font-size: 20px; color: #06068e; text-align:center; word-break:keep-all;}

@media only screen and (max-width:767px){
	.rnd-wrap > div {padding:40px 0;}
	.rnd-wrap > div > h1 {font-size: 22px;}
	.rnd-wrap .rnd-conts p {margin-top: 15px; font-size: 16px;}
	.rnd-wrap .rnd-conts p.bg {padding:16px; font-size: 15px;}
	.rnd-wrap .rnd-point-box {gap: 10px 0; grid-template-columns: repeat(1, minmax(0, 1fr)); margin-top: 23px;}
	.rnd-wrap .rnd-point-box:after {margin-top: -10px; width: 100%; height:80px;}
	.rnd-wrap .rnd-point-box dl {height:150px;}
	.rnd-wrap .rnd-point-box dl dt {font-size: 18px;}
	.rnd-wrap .rnd-point-box dl dd {font-size: 15px;}
	.rnd-wrap .rnd-point-box dl dd:before {margin:8px auto 17px; width:20px;}
	.rnd-wrap .rnd-point p {margin-top: 10px; padding:15px; font-size: 15px;}
}

/* 공장소개 */
.factory-wrap {}
.factory-wrap > .line {position: relative;}
.factory-wrap > .line:before {content:''; position: absolute; top:0; left:50%; margin-left: -50vw; width: 100vw; height:1px; background:#e0e0e0;}
.factory-wrap .visual-wrap {position: relative; z-index: 2; padding:33.334% 0 0;}
.factory-wrap .visual-wrap:after {content:''; position: absolute; top:0; left:50%; z-index: -1; margin-left: -50vw; width: 100vw; height:100%; background:url('/images/kor09r-22-0461/sub/factory.jpg') no-repeat center center/cover;}
.factory-wrap .factory-conts {margin-top: 80px;}
.factory-wrap .factory-conts h1 {font-weight: 300; font-size: 38px; color: #000; word-break:keep-all;}
.factory-wrap .factory-conts .scale-wrap {display: flex; align-items:center; margin-top: 50px;}
.factory-wrap .factory-conts .scale-wrap dl {display: flex; align-items:baseline;}
.factory-wrap .factory-conts .scale-wrap dl:first-of-type:after {content:''; margin:0 38px; width:1px; height:22px; background:#666;}
.factory-wrap .factory-conts .scale-wrap dl dt {font-weight: 400; font-size: 26px; color: #000;} 
.factory-wrap .factory-conts .scale-wrap dl dd {margin-left: 40px; font-weight: 700; font-size: 32px; color: #000;}
.factory-wrap .factory-conts .scale-wrap dl dd span {font-weight: 400; font-size: 20px;}
.factory-wrap .factory-conts p {margin-top: 45px; font-weight: 400; font-size: 20px; color: #666; word-break:keep-all;}
.factory-wrap .factory-conts p strong {font-weight: 400; color: #6e6eea;}
.factory-photo {position: relative; z-index: 2; margin-top: 80px;}
.factory-photo:after {content:''; position: absolute; top:50%; left:50%; z-index: -1; margin-left:-50vw; width:100vw; height:150%; background:#f7f7f7;}
.factory-photo-list {overflow: hidden;}
.factory-photo-list .factory-photo-slide {width:380px;}
.factory-photo-list .factory-photo-slide img {width: 100%;}
.factory-photo .arrow {position: absolute; top:50%; z-index: 22; margin-top: -14.5px; width: 38px; height: 29px;}
.factory-photo .button-prev {left:-68px; background:url('/images/kor09r-22-0461/sub/slide_prev.png') no-repeat left center/auto 100%;}
.factory-photo .button-next {right:-68px; background:url('/images/kor09r-22-0461/sub/slide_next.png') no-repeat right center/auto 100%;}

@media only screen and (max-width:1200px){
	.factory-photo {padding-left:80px;}
	.factory-photo .button-prev {left:0;}
	.factory-photo .button-next {right:0;}
	.factory-photo-list {width:calc(100% + 30px);}
}
@media only screen and (max-width:767px){
	.factory-wrap .factory-conts {margin-top: 40px;}
	.factory-wrap .factory-conts h1 {font-size: 22px; line-height:1.4;}
	.factory-wrap .factory-conts h1 br {display: none;}
	.factory-wrap .factory-conts .scale-wrap {flex-direction: column; margin-top: 25px;}
	.factory-wrap .factory-conts .scale-wrap dl:first-of-type {margin-bottom: 10px;}
	.factory-wrap .factory-conts .scale-wrap dl:first-of-type:after {display: none;}
	.factory-wrap .factory-conts .scale-wrap dl dt {font-size: 20px;}
	.factory-wrap .factory-conts .scale-wrap dl dd {margin-left: 20px; font-size: 18px;}
	.factory-wrap .factory-conts .scale-wrap dl dd span {font-size: 15px;}
	.factory-wrap .factory-conts p {margin-top: 23px; font-size: 15px;}
	.factory-photo {margin-top: 40px; padding-left: 40px;}
	.factory-photo-list {width:calc(100% + 20px);}
	.factory-photo-list .factory-photo-slide {width:200px;}
	.factory-photo .arrow {margin-top: -10px; height:20px;}
}

/* R&D전략 */
.strategy-wrap {position: relative; padding-top: 80px;}
.strategy-wrap:before {content:''; position: absolute; top:0; left:50%; margin-left: -50vw; width: 100vw; height: 1px; background:#e6e6e6;}
.strategy-wrap h1 {font-weight: 700; font-size: 38px; color: #000; word-break:keep-all;}
.strategy-wrap h2 {margin-top: 55px; font-weight: 600; font-size: 26px; color: #000; word-break:keep-all;}
.strategy-wrap h2:first-child {margin-top: 0;}
.strategy-wrap p {margin-top: 25px; margin-bottom: 70px; font-weight: 400; font-size: 20px; line-height:1.6; color: #666; word-break:keep-all;}
.strategy-wrap .strategy-visual {position: relative; z-index: 2; padding-top:33.334%;}
.strategy-wrap .strategy-visual:before {content:''; position:absolute; top:0; left:50%; z-index: -1; margin-left:-50vw; width:100vw; height:100%; background:url('/images/kor09r-22-0461/sub/strategy.jpg') no-repeat center center/cover;}
.strategy-wrap .strategy-step-wrap {position: relative; padding-top: 80px;}
.strategy-wrap .strategy-step-wrap:before {content:''; position: absolute; top:0; left:50%; z-index: -1; margin-left: -50vw; width: 100vw; height: calc(100% + 150px); background:#f5f5f5;}
.strategy-wrap .strategy-step {display: grid; gap: 0 13px; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 35px;}
.strategy-wrap .strategy-step dl {position: relative; padding:40px 30px 30px; min-height:254px; border-radius:8px; background:#fff;}
.strategy-wrap .strategy-step dl:after {content:''; position: absolute; top:50%; left:100%; z-index: 2; margin:-17.5px 0 0 -11px; width:37px; height:37px; border-radius:50%; border:1px solid #dddde6; background:#fff url('/images/kor09r-22-0461/sub/step_arrow.png') no-repeat center center; box-shadow:6px 5px 20px rgba(0,0,0,.15);}
.strategy-wrap .strategy-step dl:last-child:after {display: none;}
.strategy-wrap .strategy-step dl dt {min-height:60px; font-weight: 600; font-size: 22px; line-height: 30px; color: #000; word-break:keep-all;}
.strategy-wrap .strategy-step dl dt span {display: block; margin-bottom: 30px; font-weight: 400; font-size: 16px; line-height:1; color: #6e6eea; letter-spacing: 0;}
.strategy-wrap .strategy-step dl dd {font-weight: 400; font-size: 18px; color: #4c4c4c; word-break:keep-all;}
.strategy-wrap .strategy-step dl dd:before {content:''; display: block; margin:18px 0; width:30px; height:2px; background:#06068e;}

@media only screen and (max-width:980px){
	.strategy-wrap .strategy-step {display: grid; gap: 13px; grid-template-columns: repeat(2, minmax(0, 1fr));}
	.strategy-wrap .strategy-step dl:nth-child(3) {order:4;}
	.strategy-wrap .strategy-step dl:nth-child(4) {order:3;}
	.strategy-wrap .strategy-step dl:nth-child(2):after {top:100%; left:50%; transform:rotate(90deg); margin:-11px 0 0 -17.5px;}
	.strategy-wrap .strategy-step dl:nth-child(3):after {left:auto; right:100%; transform: rotate(-180deg); margin:-17.5px -11px 0 0;}
}
@media only screen and (max-width:767px){
	.strategy-wrap {margin-top: 40px;}
	.strategy-wrap h1 {font-size: 22px;}
	.strategy-wrap h2 {margin-top: 23px; font-size: 18px;}
	.strategy-wrap p {margin:13px 0 35px; font-size: 15px;}
	.strategy-wrap .strategy-step-wrap {padding-top: 40px;}
	.strategy-wrap .strategy-step {gap:8px;}
	.strategy-wrap .strategy-step dl {padding:25px 20px 20px; min-height:200px;}
	.strategy-wrap .strategy-step dl dd:before {margin:10px 0; width:18px;}
	.strategy-wrap .strategy-step dl dt {font-size: 16px; line-height: 22px;}
	.strategy-wrap .strategy-step dl dt span {margin-bottom: 15px; font-size: 13px;}
	.strategy-wrap .strategy-step dl dd {font-size: 14px;}
	.strategy-wrap .strategy-step dl:after {margin:-13px 0 0 -9px; width:26px; height:26px; background-size:auto 10px;}
	.strategy-wrap .strategy-step dl:nth-child(2):after {margin:-9px 0 0 -3px;}
	.strategy-wrap .strategy-step dl:nth-child(3):after {margin:-13px -9px 0 0;}
}


/*
	문의
*/
/* 오시는길 */
.location-wrap {}
.location-map {overflow: hidden; position: relative; left:50%; margin-left: -50vw; margin-top: 12vw; width:100vw; height:400px;}
.location-map:first-of-type {margin-top: 0;}
.location-map .root_daum_roughmap {width:100% !important;}
.location-map + p {margin:80px 0 40px; font-weight: 700; font-size: 38px; color: #000; word-break:keep-all;}
.location-info {display: flex; align-items:center; padding:40px 0; border:1px solid #e6e6e6; border-width:1px 0;}
.location-info .icon {flex-shrink:0; margin-right: 40px;}
.location-info dl dt {font-weight: 600; font-size: 22px; color: #000; word-break:keep-all;}
.location-info dl dd {margin-top: 3px; font-weight: 400; font-size: 20px; color: #666; word-break:keep-all;}

@media only screen and (max-width:767px){
	.location-map {height:280px;}
	.location-map .root_daum_roughmap .wrap_map {height: 280px !important}
	.location-map + p {margin:40px 0 20px; font-size: 22px;}
	.location-info {padding:20px 0;}
	.location-info .icon {margin-right: 20px;}
	.location-info .icon img {height:25px;}
	.location-info dl dt {font-size: 16px;}
	.location-info dl dd {font-size: 15px;}
}


/* 채용안내 */
.recruit-wrap {}
.recruit-wrap .recruit-visual {position: relative; z-index: 2; display: grid; gap: 0 100px; grid-template-columns: repeat(2, minmax(0, 1fr)); padding-top:33.334%;}
.recruit-wrap .recruit-visual:after {content:''; position: absolute; top:0; left:50%; z-index: -1; margin-left: -50vw; width: 100vw; height:100%; background:url('/images/kor09r-22-0461/sub/recruit.jpg') no-repeat center center/cover;}
.recruit-wrap .recruit-info h1 {margin:80px 0 40px; font-weight: 700; font-size: 38px; color: #000; word-break:keep-all;}
.recruit-wrap .recruit-list {display: grid; gap: 0 13px; grid-template-columns: repeat(4, minmax(0, 1fr));}
.recruit-wrap .recruit-list dl {position: relative; padding:30px; min-height:203px; border-radius:8px; box-shadow:6px 5px 20px rgba(7,7,74,.1); background:#fff;}
.recruit-wrap .recruit-list dl dt {position: absolute; bottom:30px; right:30px; font-weight: 700; font-size: 30px; line-height: 1; color: #ebebeb; letter-spacing: 0;}
.recruit-wrap .recruit-list dl dd img {display: block; margin-bottom: 14px;}
.recruit-wrap .recruit-list dl dd {font-weight: 500; font-size: 22px; line-height:1.3; color: #000; word-break:keep-all;}
.recruit-wrap .recruit-list dl dd strong {font-weight: 500; color: #6e6eea;}
.recruit-wrap .recruit-point {margin-top: 80px; border-top:1px solid #e5e5e5;}
.recruit-wrap .recruit-point .recruit-point-box {display: flex; align-items:center; padding:43px 30px; border-bottom:1px solid #e5e5e5;}
.recruit-wrap .recruit-point .recruit-point-box .img {flex-shrink:0;}
.recruit-wrap .recruit-point .recruit-point-box dl {padding-left: 5%; width:100%;}
.recruit-wrap .recruit-point .recruit-point-box dl dt {font-weight: 600; font-size: 22px; color: #000; word-break:keep-all;}
.recruit-wrap .recruit-point .recruit-point-box dl dd {margin-top: 5px; font-weight: 400; font-size: 20px; color: #666; word-break:keep-all;}

@media only screen and (max-width:980px){
	.recruit-wrap .recruit-list {gap:13px; grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media only screen and (max-width:767px){
	.recruit-wrap .recruit-list {gap:8px;}
	.recruit-wrap .recruit-info h1 {margin:40px 0 20px; font-size: 22px;}
	.recruit-wrap .recruit-list dl {padding:20px; min-height:150px; border-radius:5px;}
	.recruit-wrap .recruit-list dl dt {right:20px; bottom:20px; font-size: 20px;}
	.recruit-wrap .recruit-list dl dt {bottom:20px; right:20px; font-size: 20px;}
	.recruit-wrap .recruit-list dl dd img {margin-bottom: 10px; height:16px}
	.recruit-wrap .recruit-list dl dd {font-size: 16px;}
	.recruit-wrap .recruit-point {margin-top: 40px;}
	.recruit-wrap .recruit-point .recruit-point-box {padding:23px 20px;}
	.recruit-wrap .recruit-point .recruit-point-box .img img {height:25px;}
	.recruit-wrap .recruit-point .recruit-point-box dl dt {font-size: 16px;}
	.recruit-wrap .recruit-point .recruit-point-box dl dd {font-size: 14px;}
}