/*--- div 초기화 ---*/
.cle:after{clear: both; content: ""; display: block;}
.cle {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */

/* 서브 공통 */
.inner { position:relative; max-width:90%; margin:0 auto }
.page-wrap + .page-wrap { position:relative; margin-top:95px }
.page-ti { font-size:35px; font-weight:600 }
.page-ti span { color:#00b9c5 }
.page-sti { margin-top:35px; margin-bottom:15px; font-size:25px; font-weight:500 }
.page-sti:first-child { margin-top:0 }
.page-info { margin-top:25px }
.page-bg { position:relative; padding:4%; background-repeat:no-repeat; background-position:center center; background-size:cover; background-attachment:fixed }
.box-b { padding:4%; border:1px solid #ddd }
.box-b2 { position:relative; padding:4%; border-radius:25px }
.box-line1, .box-line3 { position:absolute; top:0; left:0; content:""; width:100%; height:40%; border:5px solid #f16550; border-bottom:0; border-radius:25px 25px 0 0 }
.box-line2, .box-line4 { position:absolute; bottom:0; left:0; content:""; width:100%; height:40%; border:5px solid #00b9c5; border-top:0; border-radius:0 0 25px 25px }
.box-line3 { height:15% }
.box-line4 { height:80% }

.u-line { position:relative; padding:10px 0 20px 0 }
.u-line1 { position:absolute; left:0; width:20%; height:2px; background-color:#f16550 }
.u-line2 { position:absolute; right:0; width:75%; height:2px; background-color:#00b9c5 }

.w25 { width:25% }
.w35 { width:35% }
.w45 { width:45% }
.w55 { width:55% }
.w30 { width:30% }
.w40 { width:40% }
.w50 { width:50% }
.w60 { width:60% }
.w70 { width:70% }
.w25, .w30, .w35, .w40, .w50, .w60, .w70 { position:relative; }

/* 이미지 웹, 모바일 설정 */
.img-w, .img-m { text-align:center }
.img-m { display:none }

/* 리스트 설정 */
li { transition:0.25s all }
.lst { margin:25px 0 0 0; font-size:0 }
.lst > li { position:relative; float:left; margin-left:4% }
.lst > li span { font-weight:600; color:#f16550 }
.lst-1 > li { width:100%; margin:10px 0 }
.lst-2 > li { width:48% }
.lst-2 > li:nth-child(2n+1) { margin-left:0 }
.lst-3 > li { width:30.6666% }
.lst-3 > li:nth-child(3n+1) { margin-left:0 }
.lst-4 > li { width:22% }
.lst-4 > li:nth-child(4n+1) { margin-left:0 }
.lst-5 > li { width:16.8% }
.lst-5 > li:nth-child(5n+1) { margin-left:0 }
.lst-6 > li { width:13.3333% }
.lst-6 > li:nth-child(6n+1) { margin-left:0 }
.lst-b > li { border:1px solid #ddd }
.lst-num { text-align:center }
.lst-num li span { position:relative; display:inline-block; width:35px; height:35px; margin-bottom:15px; line-height:35px; color:#fff; font-weight:500; background-color:#f16550; border-radius:50% }
.lst-num li span:before { position:absolute; content:""; text-align:center }
.lst-num2 { margin:0 }
.lst-num2 li { margin:7px; padding:0 0 0 23px; counter-increment:number }
.lst-num2 li::before { position:absolute; top:5px; left:0; content:counter(number); width:15px; height:15px; font-size:9px; line-height:1.45em; text-align:center; color:#666; border:1px solid #777; border-radius:100% }
.lst-dot, .lst-dot2 { margin-top:15px }
.lst-dot li, .lst-dot2 li { position:relative; margin:10px 0; padding:0 0 0 15px !important; line-height:1.4em }
.lst-dot li span { margin-right:7px; color:#333; font-weight:500 }
.lst-dot li:before { position:absolute; top:10px; left:0; content:""; width:6px; height:6px; background-color:#4d4d4f; border-radius:50% }
.lst-dot2 li:before { position:absolute; top:12px; left:0; content:""; width:7px; height:1px; background-color:#8a8d8f }

/* 글자 색 설정 */
.aqua { color:#00b9c5 !important }
.coral { color:#f16550 !important }
.gold { color:#b49759 !important }
.gray { color:#4d4d4f !important }
.navy { color:#083050 !important }
.silver { color:#8a8d8f !important }
.white { color:#fff !important }

/* 글자 크기 설정 */
h1, h2, h3, h4, h5 { margin-bottom:10px }
h1 { font-size:35px }
h2 { font-size:30px }
h3 { font-size:25px }
h4 { font-size:20px }
h5 { font-size:18px; font-weight:400 }

/* 배경 설정 */
.bg1 { background-color:#f16550 }
.bg2 { background-color:#4d4d4f }
.bg3 { background-color:#083050 }
.bg4 { background-color:#00b9c5 }
.bg5 { background-color:#85714d }
.bg6 { background-color:#8a8d8f }
.bg7 { background-color:#fff8f7 !important }
.bg8 { background-color:#f8f8f8 }

/* 테이블 설정 */
.tbl { margin-top:25px; width:100%; border-top:2px solid #00b9c5; border-bottom:1px solid #e6e6e6 }
.tbl + .tbl { margin-top:3% }
.tbl th, .tbl td { padding:15px; text-align:center; word-break:normal }
.tbl thead th { font-size:18px; color:#00b9c5; font-weight:500; text-align:center; border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; background-color:#f3fbfc }
.tbl thead tr:first-child th:first-child { border-left:0 }
.tbl tbody th { border-top:1px solid #e6e6e6; background-color:#f3fbfc }
.tbl tbody td { border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6 }
.tbl-scroll { margin-top:15px }
.tbl tbody td ul.lst { margin-top:0; text-align:left }
.no-left-line { border-left:0 !important }

.tbl2 { margin-top:25px; width:100%; border-top:2px solid #4d4d4f; border-bottom:1px solid #e6e6e6 }
.tbl2 + .tbl2 { margin-top:3% }
.tbl2 th, .tbl2 td { padding:15px; word-break:normal; border-top:1px solid #e6e6e6 }
.tbl2 th { text-align:center }
.tbl2 thead th { font-size:17px; color:#4d4d4f; font-weight:500; border-bottom:1px solid #4d4d4f }
.tbl2 tbody th { background-color:#f2f2f2 }

/* 폼 설정 */
.txta, .ipt, .slt, .chk { border:1px solid #ddd }
 .ipt, .slt { height:37px; padding:0 10px; line-height:37px }
.txta { padding:10px }

/* 버튼 설정 */
.page-btn { display:inline-block; height:45px; padding:0 55px; line-height:45px; font-size:18px; color:#fff; border:0; border-radius:30px; transition:0.25s all }
.page-btn:hover { color:#fff; transition:0.25s all }
.btn-coral { background-color:#f16550 }
.btn-coral:hover { background-color:#d8432d }
.btn-aqua { background-color:#00b9c5 }
.btn-aqua:hover { background-color:#009aa4 }
.btn-gray { background-color:#4d4d4f }
.btn-gray:hover { background-color:#2f2f30 }
.btn-gray2 { color:#4d4d4f; background-color:#edeae9 }
.btn-gray2:hover { color:#4d4d4f; background-color:#c9c5c4 }
.btn-gold { background-color:#b49759 }
.btn-gold:hover { background-color:#987d42 }
.btn-down img { margin-top:14px }

/* 탭 설정 */
.sub.ez-tab { margin:45px 0 65px 0; padding:0; font-size:0; text-align:center; border-top:1px solid #ddd; border-left:1px solid #ddd }
.sub.ez-tab li { float:none; display:inline-block; padding:0 }
.sub.ez-tab li a, .sub.ez-tab li.active a { height:50px; margin:0; padding:0 5px; font-size:18px; font-weight:500; line-height:50px; color:#4d4d4f; border-bottom:1px solid #ddd; border-right:1px solid #ddd; border-radius:0; background-color:transparent }
.sub.ez-tab li a:hover { color:#000 }
.sub.ez-tab li.no-view-for-line { display:none }
.sub.ez-tab li.active a { color:#fff; background-color:#f16550; border-color:transparent }
.sub2.ez-tab li.active a { background-color:#b49759 }
.sub3.ez-tab li.active a { background-color:#4d4d4f }
.tab-2 li { width:50% }
.tab-3 li { width:33.3% }
.tab-4 li { width:25% }
.tab-5 li { width:20% }

/* CEO 인사말 */
.greeting { position:relative }
.ceo-txt { position:relative; padding:3% 0 0 30px; font-size:35px; line-height:1.4em; color:#fff }
.ceo-txt::before { position:absolute; left:0; content:""; width:25px; height:21px; background:url(/img/sub/ceo-txt-left.png) no-repeat 0 0 }
.ceo-txt::after { position:absolute; bottom:0; margin-left:5px;display:inline-block; content:""; width:25px; height:21px; background:url(/img/sub/ceo-txt-right.png) no-repeat 0 0 }
.ceo-txt span { color:#f16550; font-weight:600 }
.ceo-sign { padding:7% 0 0 0px;/*  color:#fff; */ font-size:17px; text-align:right; }
.ceo-sign span { margin-left:10px; font-size:27px; line-height:1.6em }
.ceo-bg { position:relative; padding:5% 0; background-color:#083050 }
.ceo-img { position:absolute; top:2% }
.greeting-txt { margin-top:5% }
.greeting-txt p { font-size:16px; line-height:1.7em }
.greeting-txt p + p { margin-top:35px }

/* 경영이념 */
.vision-ti-wrap { position:relative; z-index:99; padding:25px 0 1px 0; text-align:center }
.vision-ti-wrap.eng { padding:45px 0 11px 0 }
.vision-ti-wrap::after { position:absolute; top:0; left:calc(50% - 112px); content:""; width:224px; height:103px; background:url(/mobile/sub/img/bg_pattern2.png) no-repeat center 0 }
.vision-ti-wrap2 { position:relative; padding-bottom:45px; text-align:center;  }
.vision-ti-wrap2::before { position:absolute; bottom:0; right:50%; content:""; height:45px; border-left:2px dashed #f16550 }
.vision-ti { font-size:35px; font-weight:600; line-height:1.2em }
.vision-ti2 { position:relative; display:inline-block; padding:5px 25px; font-size:30px; font-weight:600; border:2px solid #f16550; border-radius:50px }
.vision-ti2 span { color:#f16550 }
.vision-sti { font-size:20px; color:#f16550 }
.vision-b { z-index:-1px }
.vision-b::before { position:absolute; z-index:9; left:calc(50% - 120px); top:0px; content:""; width:240px; height:5px; background-color:#fff }
.lst-value { margin:35px 0 0 0; padding:0; font-size:0; text-align:center }
.lst-value li { display:inline-block; width:175px; height:175px; margin:0 -7px; font-size:27px; font-weight:500; line-height:175px; color:#f16550; border-radius:50%; border:3px solid #00b9c5 }
.lst-value.eng li { width:195px; height:195px; line-height:195px; font-size:25px }
.lst-value li:nth-child(2n+1) { border:3px solid #f16550 }
.lst-value2 { padding:0 8% }
.lst-value2 li { margin:15px 0 }
.lst-value2 li p { font-size:20px; line-height:1.4em; color:#626265 }
.promise { padding:5%; background-image:url(/img/sub/promise.jpg) }
.lst-promise li { height:275px; color:#fff; background-image:url(/img/quick_bg.png); background-repeat:no-repeat; background-position:-45px bottom; background-size:205px; background-color:#083050 }

/* ci소개 */
.ci-video { width:100%; height:650px }
.ci-bg { padding:8% !important; background-image:url(/sub/img/ci-bg.png) }
.ci-bg img { width:300px }
.lst-ci-img { margin:0 0 35px 0; padding:0; font-size:0 }
.lst-ci-img li { float:left; width:50%; margin-left:0; padding:0 }
.lst-ci { margin-top:0 }
.lst-ci li { padding:3% 0 }
.lst-ci-color li { margin-top:0; margin-bottom:20px; padding:0 }
.ci-color { padding:25px; color:#fff }
.ci-color-txt { margin-top:10px; font-size:13px; color:#a7a9ac }
.lst-ci-bg li { float:left; width:25%; padding:5% }

/* 계열사소개 */
.affi-bg { background-color:#083050 }
.affi-map-wrap { /* margin-top:4% */ }
.affi-hr { margin-top:75px; border-top:2px solid #4d4d4f }
.lst-affi { margin-top:0 }
.lst-affi > li { height:415px; margin-top:0; margin-bottom:0; padding:45px }
.lst-affi.eng > li { height:445px }
.lst-affi > li:nth-child(n+3) { margin-top:4% }
.lst-affi h4 { position:relative; font-weight:600 }
.lst-affi h4 span { position:absolute; top:3px; right:0; text-align:right }
.affi-txt { height:125px }
.affi-txt.eng { height:155px }
.affi-txt > .lst-dot2 > li { margin:3px 0; line-height:1.4em }
.affi-txt > .lst-dot2 > li:before { top:11px }
.affi-info { margin:7px 0; padding-left:25px; background-repeat:no-repeat; background-position:0 3px }
.affi-add { background-image:url(/img/sub/icon_map.png) }
.affi-add a { color:#4d4d4f }
.affi-add a:hover { color:#f16550 }
.affi-tel { background-image:url(/img/sub/icon_tel.png) }

/* 투자정보 */
.stock.tbl2 thead th { background-color:#f5f5f5 !important }
.stock.tbl2 th { font-weight:500; background-color:#fff }
.stock.tbl2 th, .stock.tbl2 td { text-align:center !important }
.stock.tbl2 .tr-total th, .stock.tbl2 .tr-total { font-weight:600; background-color:#fff8f7 !important }

/* 규정 */
.privacy dt { margin-top:35px; font-size:18px }
.privacy dd { padding:10px 0 0 15px }

/* 연혁 */
#imgSlider .slider span, #imgSlider2 .slider span, #imgSlider3 .slider span { position:absolute; bottom:0; z-index:99; display:inline-block; width:100%; padding:10px 20px; color:#fff; /* text-align:center; */ background-color:rgba(0,0,0,0.4) }
.ezSliderContainer div.navi { position:absolute !important; right:15px; bottom:-3px !important }

.his-right-wrap > .page-wrap + .page-wrap { margin-top:55px }
.his-logo { text-align:right }
.his-logo img { width:150px }
.his-slogan { padding-top:355px; color:#f16550 }
.his-ti { float:left; width:20%; font-size:40px; font-weight:500; line-height:1.2em }
.lst-his { float:right; width:75%; margin-top:3px }

/* 제품소개 */
.prd-bg { padding:4% 0 }
.prd-bg1 { background-image:url(/img/sub/product-bg1.jpg?210525) }
.prd-bg2 { background-image:url(/img/sub/product-bg2.jpg) }
.prd-bg3 { background-image:url(/img/sub/product-bg3.jpg) }
.prd-bg4 { background-image:url(/img/sub/product-bg4.jpg) }
.lst-prd { margin-top:0 }
.lst-prd li { font-size:20px }
.lst-prd.lst-dot li:before { top:11px }
.lst-prd-merit li { margin-top:2%; margin-bottom:2%; padding:2.5%; background-color:rgba(0,0,0,0.4); border-radius:15px }
.lst-prd-merit li span { color:#f16550 }
.lst-prd-merit.eng li { min-height:180px }
.prd-merit-txt { position:relative; margin:12px 0; padding-left:15px; font-size:18px; line-height:1.4em; color:#fff }
.prd-merit-txt::before { position:absolute; left:0; content:"-" }
.lst-prd-flow li { margin-top:2%; margin-bottom:2%; line-height:1.2em }
.lst-prd-flow li img { margin:5px 0 15px 0; border-radius:15px }

/* 사업소개 */
.bg-eco { background:url(/img/sub/icon-eco.png) no-repeat 0 0 }

/* 연구개발 */
.rnd-web, .rnd-mobile { text-align:center }
.rnd-mobile { display:none }

/* 장비현황 */
.lst-equip { margin:0 }
.lst-equip li { margin-top:2%; margin-bottom:2%; padding:0 !important }
.equip-eng li { height:625px }
.equip-ti { margin:25px 0 15px 0; font-size:21px; font-weight:600; color:#b49759 }

/* 인증서 */
.certification li { float:left; width:25%; padding:2%; text-align:center }
.certification li img { border:1px solid #e6e6e6 }
.certification li.c_img { cursor:pointer }

/* 다린 고객사 */
.partners li { float:left; width:20%; padding:0.75% }
.partners li img { border:1px solid #ddd; border-radius:10px; box-shadow:2px 4px 4px rgba(0,0,0,0.05); transform:scale(1); transition:transform 0.2s linear; }
.partners li:hover img {
	cursor:pointer;
	transform:scale(1.05);             /*  default */
	  -webkit-transform:scale(1.05);     /*  크롬 */
	  -moz-transform:scale(1.05);       /* FireFox */
	  -o-transform:scale(1.05);
}

.partners2 li { float:left; width:16.6666% }

/* 윤리경영 */
.ethical { padding:0; text-align:center; background-image:url(/img/sub/ethic.jpg) }
.eth-icon { padding:5%; text-align:center }
.eth-icon li { float:none !important; display:inline-block; width:225px; height:225px; margin:0; padding-top:55px; font-size:25px; font-weight:500; color:#fff; border:1px solid rgba(255,255,255,0.3); border-radius:50% }
.eth-icon li:nth-child(2) { margin:0 3% }
.eth-icon li img { margin-bottom:15px }
.eth-logo img { width:250px; margin-bottom:15px }
.lst-eth-define { margin-top:5%; padding:3% 20%; background-color:rgba(8,48,80,0.8) }
.lst-eth-define.eng { padding:3% 15% }
.lst-eth-define li h3 { color:#00b9c5 }
.lst-eth-define.eng li h3 { line-height:1.2em; color:#00b9c5 }
.lst-eth-define li h5 { color:#fff }
.lst-eth { margin:0 }
.lst-eth li { height:300px; margin-left:4%; margin-top:2%; margin-bottom:2%; padding:4% }
.lst-eth.eng li { height:425px }

/* 사회공헌 */
.csr-logo { width:255px; margin-bottom:15px }
.lst-csr { margin-top:3% }
.lst-csr li::before { position:absolute; z-index:0; top:35%; left:0; content:""; width:100%; height:1px; background-color:#ccc }
.lst-csr li { float:none; display:inline-block; margin:0 -20px; padding:0 4%; font-size:18px }
.lst-csr li span { position:relative; z-index:99; display:block; width:175px; height:175px; margin:15px auto; font-size:23px; line-height:175px; border:3px solid; background-color:#fff; border-radius:100% }

/* 제보하기 */
.txta.report { width:100%; height:275px }

/* 인재상 */
.lst-recurit-flow { margin-top:0; text-align:center }
.lst-recurit-flow li { float:none; display:inline-block; text-align:center }
.recurit-flow { position:relative; left:calc(50% - 78px); width:155px; height:155px; text-align:center; padding:25px 5px; border:3px solid #f16550; border-radius:100% }
.recurit-flow.eng { width:175px; height:175px }
.recurit-flow dt img { height:60px }
.recurit-flow dd { margin-top:15px; font-size:18px; font-weight:500; color:#f16550 }
.recurit-flow.eng dd { line-height:1.2em }
.welfare-bg { background-image:url(/img/sub/recurit.jpg) }
.welfare-wrap { background-color:##f1f3f7 }
.lst-welfare li { margin-top:2%; margin-bottom:2%; padding:3% 1%; font-size:17px; font-weight:500; text-align:center; background-color:rgba(255,255,255,0.6); border-radius:25px }
.lst-welfare li img { width:95px; margin-bottom:15px }
.lst-welfare.eng li { height:215px }

/* mainSms.html */
.sms { padding:20px 35px; color:#fff; background-color:#f26651; border:0; transition:0.3s }
.sms img { padding-right:10px; border-right:1px solid #ffad7c }
.sms span { padding-left:10px }


/* Laptop */
@media only screen and (max-width: 1024px) {
	/* .affi-txt { height:205px } */

	/* 제품소개 */
	.prd-bg1 { padding:5% 2% }
	.lst-prd-merit li { font-size:17px }
	.lst-prd-flow li { height:340px }

	/* 사회공헌 */
	.lst-csr li { margin:0; padding:0 2% }
	.lst-csr li span { font-size:20px }

	/* 인재상 */
	.recurit-flow { left:calc(50% - 68px); width:135px; height:135px }
	.recurit-flow dt img { height:45px }
	.recurit-flow.eng { width:155px; height:155px; margin:0 -10px }
	.lst-welfare li { height:200px }
}

/* UIKit m-size */
@media only screen and (max-width: 960px) {
}

/* Tablet */
@media only screen and (max-width: 768px) {
	/* 서브 공통 */
	.page-wrap + .page-wrap { margin-top:45px }
	.page-ti { font-size:23px }
	.page-sti { margin:25px 0 10px 0; font-size:17px }
	.box-b, .box-b2 { padding:25px }

	/* 리스트 설정 */
	.lst-eth li { width:100% !important; height:inherit; margin-left:0; padding:25px }
	.lst-value li { width:115px; height:115px; font-size:18px; line-height:115px }
	.lst-promise.lst-4 li { width:48%; height:195px }
	.lst-promise.lst-4 li:nth-child(2n+1) { margin-left:0 }

	/* 글자 크기 설정 */
	h1 { font-size:25px }
	h2 { font-size:22px; text-align:center;word-break:keep-all;}
	h3 { font-size:19px }
	h4 { font-size:17px }
	h5 { font-size:15px }

	/* 테이블 설정 */
	.tbl { margin-top:10px }
	.tbl th, .tbl td { padding:8px }
	.tbl thead th { font-size:16px }

	.sub.ez-tab li a, .sub.ez-tab li.active a { height:40px; padding:0 10px; font-size:15px; line-height:40px }

	/* 버튼 설정 */
	.page-btn { height:35px; padding:0 35px; line-height:35px; font-size:16px }
	.btn-down img { margin-top:9px }

	/* CEO인사말 */
	.ceo-txt { font-size:25px }

	/* 계열사소개 */
	.lst-affi > li { padding:30px }
	.affi-txt.eng { height:175px }

	/* 다린 고객사 */
	.partners li { width:33.3%; padding:1% }

	/* 제보하기 */
	.report.lst-2 li { width:100% !important; margin-left:0 }
	.report .w50 { width:100% }
	.report .w50.right { margin-top:25px }

	/* 경영이념 */
	.vision-ti-wrap { padding:20px 0 1px 0 }
	.vision-ti-wrap::after { left:calc(50% - 85px); width:170px; height:78px; background-size:contain }
	.vision-ti-wrap.eng { padding:35px 0 11px 0 }
	.vision-ti-wrap2 { padding-bottom:30px }
	.vision-ti-wrap2::before { height:30px }
	.vision-ti { font-size:23px }
	.vision-ti2 { font-size:20px }
	.vision-sti { font-size:17px }
	.vision-b::before { left:calc(50% - 90px); width:180px }
	.lst-value.eng li { width:185px; height:185px; line-height:185px; font-size:22px }
	.lst-value2 li p { font-size:17px }

	/* 윤리경영 */
	.eth-icon li { width:150px; height:150px; margin:0; padding-top:30px; font-size:20px }
	.eth-icon li img { width:70px }
	.eth-logo img { width:175px }
	.lst-eth-define { padding:5% }
	.lst-eth.eng li { height:inherit }

	/* 사회공헌 */
	.csr-logo { width:200px }
	.lst-csr li::before { top:30% }
	.lst-csr li span { width:145px; height:145px; font-size:20px; line-height:145px }

	/* ci소개 */
	.ci-video { height:350px }
	.ci-bg { padding:12% 25% !important }

	/* 연혁 */
	.his-right-wrap > .page-wrap + .page-wrap { margin-top:35px }
	.his-ti { font-size:30px; font-weight:500 }
	.lst-his { margin-top:2px }

	/* 제품소개 */
	.lst-prd li { font-size:16px }
	.lst-prd.lst-dot li:before { top:10px }
	.lst-prd-merit { padding:0 5% }
	.lst-prd-merit li { width:100%; margin-left:0 }
	.lst-prd-merit.eng li { min-height:inherit }
	.prd-merit-txt { font-size:16px }
	.lst-prd-flow li { height:300px }
	.tab-beauty li { float:left !important; width:33.3% }

	/* 인증서 */
	.certification li { width:50% }

	/* 인재상 */
	.lst-recurit-flow li { float:none; display:inline-block; text-align:center; width:22%; margin-top:2%; margin-bottom:2% }
	.lst-recurit-flow li:nth-child(4n+1) { margin-left:0 }
	.lst-welfare li { width:48%; height:inherit }
	.lst-welfare li:nth-child(2n+1) { margin-left:0 }
	.lst-welfare.eng li { height:175px }

	/* mainSms.html */
	.sms { padding:15px 25px; font-size:14px }
}

/* Mobile */
@media only screen and (max-width: 540px) {
	/* 서브 공통 */
	.w25, .w30, .w35, .w45, .w55, .w40, .w50, .w60, .w70 { width:100% }
	.w40, .w45.right, .w50, .w60, .w70 { margin-top:25px }

	/* 이미지 웹, 모바일 설정 */
	.img-w { display:none }
	.img-m { display:block }

	/* 리스트 설정 */
	.lst-value { padding:0 1% }
	.lst-value2 { padding:0 3% }
	.lst-value2 li, .lst-equip li { width:100% !important; margin-left:0 }
	.lst-num li span { width:28px; height:28px; margin-bottom:10px; line-height:28px }

	/* 테이블 설정 */
	.tbl-scroll { overflow-x:scroll }
	#min-size { width:550px }

	/* 탭 설정 */
	.sub.ez-tab { margin:25px 0 }
	.ez-tab li a, .ez-tab li.active a { padding:0 10px; font-size:15px }
	.tab-4 li { width:50% }
	.tab-5 li { width:50% }
	.tab-f li { width:100% }

	/* CEO 인사말 */
	.ceo-txt { padding:5% 50px }
	.ceo-txt::before { left:25px; background-size:18px }
	.ceo-txt::after { bottom:10px; background-size:18px }
	.ceo-txt span { color:#f16550; font-weight:600 }
	.ceo-sign { padding:10% 0 0 30px; font-size:15px }
	.ceo-sign span { font-size:20px }
	.ceo-bg { padding:0 }
	.ceo-img { position:relative; top:0; padding:0; margin-top:25px }
	.greeting-txt p { font-size:15px }
	.greeting-txt p + p { margin-top:25px }

	/* 계열사소개 */
	.lst-affi2 > li { width:100%; margin-left:0 }
	.lst-affi > li { width:100%; height:inherit; margin-left:0; padding:7% }
	.lst-affi > li:nth-child(n+2), .lst-affi2 > li:nth-child(2) { margin-top:15px }
	.affi-txt { height:inherit; margin-bottom:25px }
	.lst-affi.eng > li, .affi-txt.eng { height:inherit }

	/* 경영이념 */
	.vision-b { padding:7% }
	.lst-value.eng li { width:165px; height:165px; margin:-7px; line-height:165px; font-size:19px }
	.lst-value2 li p { font-size:15px }

	/* 연혁 */
	.his-ti, .lst-his { width:100% }
	.lst-his { padding-left:22px }
	.his-right-wrap { margin-top:25px }

	/* ci소개 */
	.ci-video { height:275px }
	.lst-ci li { width:100%; margin:10px 0; padding:5% }
	.lst-ci-color li { width:100%; margin-left:0 }
	.lst-ci-bg li { width:50%; padding:10% }

	/* 제품소개 */
	.lst-prd-flow li { width:100%; height:auto; margin:5% 0 !important }
	.lst-prd-flow li img { margin:5px 0 }

	/* 연구개발 */
	.rnd-web { display:none }
	.rnd-mobile { display:block }

	/* 설비현황 */
	.equip-ti { margin:15px 0 5px 0; font-size:18px }
	.equip-eng li { height:inherit }

	/* 다린 고객사 */
	.partners li { width:50%; padding:1.5% }

	/* 윤리경영 */
	.eth-icon { padding:25% 10% 10% }
	.eth-logo { padding:10% }
	.eth-icon li { margin:-15px 0 }
	.lst-eth-define li, .lst-eth li { width:100%; height:inherit; margin-left:0 }

	/* 사회공헌 */
	.csr-logo { width:175px; margin-top:5% }
/* 	.lst-csr { margin-top:4% } */
	.lst-csr li::before { display:none }
	.lst-csr li { width:100%; padding:1%; font-size:16px }
	.lst-csr li span { width:inherit; height:inherit; font-size:17px; line-height:35px; border-radius:50px }

	/* 제보하기 */
	.report.tbl th, .report.tbl td { display:block; text-align:center; border-left:0 }
	.report.tbl td .ipt, .report.tbl td .slt { width:100% }

	/* 인재상 */
	.lst-recurit-flow li { width:48% }
	.lst-recurit-flow li:nth-child(2n+1) { margin-left:0 }
	.lst-welfare li { width:100%; margin-left:0; padding:5% }
	.lst-welfare.eng li { height:inherit }
}

/* Mobile */
@media only screen and (max-width: 320px) {
	/* 글자 크기 설정 */
	h1 { font-size:20px }
	h2 { font-size:19px }
	h3 { font-size:17px }
	h4 { font-size:15px }
	h5 { font-size:14px }

	.page-ti { font-size:20px }
	.page-sti { margin:15px 0 5px 0; font-size:15px }
	.box-b, .box-b2 { padding:15px }

	.tab-3 li { width:100% }

	.vision-ti-wrap { padding:18px 0 0 0 }
	.vision-ti-wrap::after { left:calc(50% - 75px); width:150px; height:69px }
	.vision-b::before { left:calc(50% - 83px); width:166px }
	.vision-ti { font-size:20px }
	.vision-ti2 { font-size:18px }
	.vision-sti { font-size:15px }

	.lst-value li { width:95px; height:95px; font-size:17px; line-height:95px }

	/* 인재상 */
	.lst-recurit-flow.eng li { width:100%; margin-left:0 }
	.recurit-flow { left:calc(50% - 50px); width:100px; height:100px; padding:17px 5px }
	.recurit-flow dt img { height:35px }
	.recurit-flow dd { margin-top:7px; font-size:14px }
	.recurit-flow.eng { width:120px; height:120px }


	.tab-beauty li { width:100% }
}