#wrap {width:100%;}
.btn_ty01 {color:#fff; background:#000; padding:16px 0; display:block; text-align:center; font-size:14px; border-radius:3px;}
.btn_ty02 {color:#fff; background:#000; padding:16px 0; display:block; text-align:center; font-size:14px; border-radius:3px;}
.btn_ty03 {color:#fff; background:#000; padding:16px 0; display:block; text-align:center; font-size:14px; border-radius:3px;}
.btnsC > a {float:left; width:49%}
.btnsC > a:first-child {margin-right:2%;}
.hidden {text-indent:-9999; font-size:0;}
.mgbt0 {margin-bottom:0 !important;}
.LayerPopup, #dim {display:none;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.w100 {width:100%;}
.greenBtn {font-size:11px; color:#fff; background:#42883c; padding:5px 7px; border-radius:3px; margin-right:2px;}
#fixedHeader {width:100%; z-index:1002;}
header {padding:3.594vw 6.250vw; position:relative; background:#fff; z-index:1001 !important; border-bottom:1px solid #e9e9e9; width:calc(100% - 40px);}
header.main {
	position: fixed;
	width: calc(100% - 12.500vw);
	padding-bottom: 0;
	border-bottom: none;
	background:none;
}
header.sub {text-align:center;}
header > h1 > a {width:29.688vw; height:7.188vw; display:inline-block; background:url('/images/common/logo_w.png')no-repeat; background-size:29.688vw 7.188vw; text-indent:-9999px;}
header.mainHeader > h1 > a {width:29.688vw; height:7.188vw; display:inline-block; background:url('/images/common/logo_c.png')no-repeat; background-size:29.688vw 7.188vw; text-indent:-9999px;}
header .allMenuOpen {
	width:4.688vw;
	height: 3.906vw;
	display: block;
	text-indent: -9999px;
	background: url('/images/common/btn_allmenu_open_white.png')no-repeat;
	background-size:4.688vw 3.906vw;
	position: absolute;
	top: 5.469vw;
	right: 6.250vw;
}
header.mainHeader .allMenuOpen {
	background: url('/images/common/btn_allmenu_open_green.png')no-repeat;
	width:4.688vw;
	height: 3.906vw;
	display: block;
	text-indent: -9999px;
	background-size:4.688vw 3.906vw;
	position: absolute;
	top: 5.469vw;
	right: 6.250vw;
}
header span {font-size:17px; font-weight:bold; color:#222222;}
#allMenuBox {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.9);
	z-index: 10002;
	display:none;
}

.pagination {display: block; text-align: center; margin-top:30px;}
.pagination a {color:#000; padding:1.406vw 3vw; text-decoration:none; display:inline-block; text-align:center; font-size:0.813em;}
.pagination a.active {background-color: #000; color: white; border-radius:50%;}
.pagination a:not(.active) {}
.pagination a.prev, .pagination a.next {color:#d1d1d1; border:none;}


#allMenu {
	position: fixed;
	top:0;
	right:0%;
	width:100%;
	box-sizing:border-box;
	height: 100%;
	background-color: #29a269;
	z-index: 101;
	overflow-y:scroll;
	padding:4.688vw 6.250vw;
	-webkit-overflow-scrolling: touch;
}
#allMenu:after {clear:both; content:""; display:block;}
.menuBox {clear:both; border-bottom:1px solid #64b991; padding-bottom:4.375vw; margin-top:3.375vw;}
.menuBox:first-child {}
.menuBox strong {color:#fff; font-size:6.188vw; margin-bottom:2.375vw;}
.menuBox > ul > li {line-height:7.813vw; width:50%; float:left;}
.menuBox > ul > li > a {color:#fff; font-size:4.375vw;}

.lang {float:left;}
.lang li {float:left;}
.lang li:first-child {margin-right:5.156vw;}
.lang li a {font-size:4.375vw; color:#88d4b0;}
.lang li a.active {color:#fff; font-weight:bold;}
.allMenuClose {text-indent:-9999px; width:4.688vw; height:4.688vw; background:url('/images/common/btn_close.png')no-repeat; background-size:4.688vw 4.688vw; display:block; position: fixed; right: 4vw;}
.btnHome {float:left; text-indent:-9999px; width:17px; height:17px; background:url('/images/common/btn_home.png')no-repeat; background-size:17px 17px; display:block; margin-left:15px; margin-top:16px;}
.backBtn {
	position: absolute;
	text-indent: -9999px;
	background: url('/images/common/btn_back.png')no-repeat;
	background-size: 10px 18px;
	width: 10px;
	height: 18px;
	position: absolute;
	top: 20px;
	left: 20px;
}
.mainBanner .swiper-slide {font-size:0;}
.mainBanner .swiper-slide img {width:100%;}
.nav > strong {font-size:26px; font-weight:900; line-height:35px; letter-spacing:-1px;}
.nav {position:absolute; top:39%; left:5%;}
.nav > p {font-size:13px; line-height:18px; color:#3e3e3e; letter-spacing:-1px; margin-top:16px}
.mainBanner .swiper-pagination-fraction {
	top: 75.563vw;
	left: 75.625vw;
	width: auto;
	font-size: 3.438vw;
	color: #c6c6c6;
	background: #000;
	padding: 1.188vw 4.438vw;
	/*border-radius: 1.875vw;*/
}
.mainBanner .swiper-pagination-fraction .swiper-pagination-current{color:#fff;}
.swiper-pagination-current:before{content: "0"}
.swiper-pagination-total:before{content: "0"}


.business {padding-top:17.344vw; box-sizing:border-box; height:140.313vw; background:url('/images/main/Image01.png'); background-repeat:no-repeat; overflow:hidden; background-size:cover; background-size:100% 100%; transition:all 2s;}
.mySwiper3 {padding-left:6.250vw !important;}
.business .inner > strong {font-size:7.813vw; line-height:10.938vw; color:#fff; margin-bottom:12.500vw; display:block; padding-left:6.250vw }
.business .swiper-slide {padding:6.250vw; height:62.500vw; margin-bottom:30px; position:relative; box-sizing:border-box;}
.business .swiper-slide a {display:block; width:100%; height:100%;}
.business .swiper-slide a > .txtBox {position:absolute; bottom:50px;}

.business .swiper-slide {backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); background-color: rgba(255, 255, 255, .1);}
.business .swiper-slide a > .txtBox > strong {color:#fff; font-size:30px;}
.business .swiper-slide a > small, .businessList li > span {color:#fff; font-size:14px; font-weight:bold; text-transform: uppercase;}
.business .swiper-slide a > .txtBox > p {color:#fff; font-size:15px; font-weight:300; margin-top:23px;}

.business .swiper-slide-active2 {background:#fff; transition:all 1s;}
.business .swiper-slide-active2 a > .txtBox > strong {color:#000; font-size:30px;}
.business .swiper-slide-active2 a > small, .businessList li > span {color:#37913f; font-size:14px; font-weight:bold; text-transform: uppercase;}
.business .swiper-slide-active2 a > span {float:right;}
.business .swiper-slide-active2 a > .txtBox > p {color:#000; font-size:15px; font-weight:300; margin-top:23px;}




.mainBannerUtill {padding:0 20px; margin-bottom:75px; width:calc(100% - 40px); position:absolute; top:69%; z-index:999;}
.mainBannerUtill li {margin-bottom:8px; background:#f5f5f5 url('/images/main/right_arr.jpg')no-repeat right 15px center; background-size:5px 10px; padding:16px 17px; /*border-radius:3.125vw;*/}
.mainBannerUtill li:after {clear:both; content:""; display:block;}
.mainBannerUtill li a > img {float:left; margin-right:21px; margin-top:6px;}
.mainBannerUtill li a > p {display:block; font-size:14px; font-weight:bold; float:left; position:relative;}
/*.mainBannerUtill li a > p:before {content:""; display:block; width:0.938vw; height:200%; background:#fff; position:absolute; left:-3.688vw; top:-6.250vw;}*/
.mainBannerUtill li a > p > span {display:block; color:#aaaaaa; font-size:13px; font-weight:normal;}

#bussiness {background:#f5f5f5; border-top:1px solid #efebe1; padding:15.313vw 6.250vw 20.313vw; text-align:center;}
#bussiness h2 {font-size:21px; font-weight:900; margin-bottom:29px; text-align:left;}
.bussinessWrap li {margin-bottom:4px; background:#fff url('/images/main/main_bussiness_bg.jpg')no-repeat right 19px center; background-size:14px 14px; text-align:left; padding:24px 19px;}
.bussinessWrap li a > strong {font-size:16px; font-weight:900;}
.bussinessWrap li a > p {font-size:12px;}

.banner {font-size:0; display:block;}
.banner img {width:100%;}


.BusinessList li {float:left; width:49%; margin-bottom:25px;r}
.BusinessList li:nth-child(2n+0) {margin-left:2%;}
.BusinessList li img {width:100%;}
.BusinessList li strong {font-size:14px;}

#recruit {padding:0 6.250vw 32.813vw 6.250vw;}
#recruit > strong {display:block; font-size:7.813vw; color: #000; margin-bottom:9.375vw;}

.gradeTable {width:100%; border-top:2px solid #666666; margin-top:15px;}
.gradeTable th {font-weight:500; font-size:12px; background:#f7f7f7;}
.gradeTable td {font-size:12px; text-align:center;}
.gradeTable th, .gradeTable td {border:1px solid #e9e9e9; padding:5px;}
.gradeTable2 td {text-align:left; padding:10px 15px;}
.slash {background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="100%" x2="100%" y2="0" stroke="gray" /></svg>');}
.backslash {background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="0" x2="100%" y2="100%" stroke="gray" /></svg>');}
.slash, .backslash {text-align:left;}
.slash div, .backslash div {text-align:right;}

.interviewList li a img {width:100%; display:block; font-size:0;}
.interviewList li {margin-bottom:15px;}
.interviewList li a {display:block; position:relative;}
.interviewList li a  div {position:absolute; left:20px; top:18px;}
.interviewList li a  div strong {font-size:23px;}
.interviewList li a  div p {font-size:13px; color:#666666;}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.interview > strong {font-size:19px;}
.interview > strong > span {font-size:13px; color:#666666; font-weight:normal; display:block;}
.interviewBox {border-top:2px solid #666666; margin-top:13px; padding-top:35px;}
.interviewBox > strong {font-size:16px;}
.interviewBox > p {font-size:13px; color:#666666; line-height:21px; margin-top:5px;}

[class^="pop-wrap"] {overflow-y:scroll; height:500px; position:fixed; top:50%; left:50%; padding:15.625vw 6.250vw; background:#fff; z-index:10001; width:80%; border-radius:5vw}
[class^="pop-wrap"]:focus {outline:none;}
.pop-wrap > .btnClose {
	float: right;
	position: relative;
	top: -11vw;
	z-index: 99999;
}
.pop-wrap > h4 {margin-bottom:7.813vw; font-size:20px; font-weight:bold; color:#000; position:relative; width:100%;}
.pop-wrap > h4 > p {font-size:7.813vw; font-weight:bold; color:#000;}
.pop-wrap > h4 > img {margin-top:1px;}
.pop-wrap > h4 > p > span {color:#000; font-size:7.813vw; font-weight:600; letter-spacing:-1px; display:inline-block;}
.pop-wrap > dl {border-bottom:1px solid #d8d8d8; padding:20px 0}
.pop-wrap > dl:last-child {border-bottom:none;}
.pop-wrap > dl > dt {font-size:4.375vw; font-weight:600; color:#222; margin-bottom:6px;}
.pop-wrap > dl > dd {font-size:3.750vw; color:#000; line-height:5.625vw; letter-spacing:-0.5px;}
.pop-wrap > dl > dd > p {color:#000; font-weight:600;}
.pop-wrap > dl > dd > dl > dt {color:#000; font-size:3.750vw; font-weight:600; margin-right:15px;}
.pop-wrap > dl > dd > dl > dd {}

.dutyList ul {margin-top:12px; margin-bottom:50px;}
.dutyList ul li {float:left; width:48%; text-align:center; margin-bottom:2%;}
.dutyList ul li:nth-child(2n+0) {margin-left:4%;}
.dutyList ul li a {display:block; background:#f5f5f7; color:#000; padding:8.438vw 3.906vw 15.625vw 3.906vw; border-radius: 5vw;}
.dutyList ul li a:focus {outline:none;}
.dutyList ul li a strong {font-size:4.688vw;}
.dutyList ul li a p {
	font-size:3.750vw;
	display: -webkit-box;
	word-wrap: break-word;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
}
.dutyList > div {/*padding-top:25px; border-top:2px solid #666666;*/ font-size:4.375vw; margin-top:13px; font-weight:bold;}
.dutyList > p {padding-bottom:25px; border-bottom:2px solid #666666;}
.dutyList > strong {font-size:5.313vw;}
.dutyList ul li a > span {font-size:3.750vw; border:2px solid #000; padding:2vw 3vw; margin-top:2vw; border-radius:8vw;}

select:focus {outline:none;}
.recruitResultBox > .textBox > table {width:100%; border-top:2px solid #666666; margin-top:15px;}
.recruitResultBox > .textBox > table.bdtn {border-top:none;}
.recruitResultBox > .textBox > table caption {text-align:left; font-size:14px; font-weight:bold;  border-bottom:2px solid #666666;}
.recruitResultBox > .textBox > table th {background:#f8f8f8; padding:13px; font-weight:500; text-align:left;}
.recruitResultBox > .textBox > table td {border-bottom:1px solid #e9e9e9; font-size:14px; padding:13px; color:#7b7b7b; line-height:20px;}
.recruitResultBox > .textBox > table th, .recruitResultBox > .textBox > table td {border-bottom:1px solid #e9e9e9; font-size:13px;}
.recruitResultBox > .textBox > table td input[type=text], .recruitResultBox > .textBox > table td input[type=password] {
	width:calc(100% - 13px); border:1px solid #efefef; background:#f7f7f7; font-size:13px; color:#7b7b7b; padding:8px 6px; border-radius:3px;
}
.recruitResultBox > .textBox > table td select.selectTy2 {
	width: calc(100% - 16px);
	padding:8px 6px;
	border: 1px solid #efefef;
	color:#7b7b7b;
	font-family: inherit;
	background:#ffffff url('/images/common/select_arr.jpg') no-repeat 95% 50%;
	background-size:7px 5px;
	border-radius: 3px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	float:left;
}


.emailWrap span {margin:8px 4px 0 0; float:left;}
#container {padding:18.750vw 6.250vw 21.563vw;}
.container2 {padding:34px 20px 100px;}
.textBox {margin-bottom:50px;}
.textBox:last-child {margin-bottom:0px;}
.textBox h3 {font-size:14px; margin-bottom:10px;}
.textBox img {width:100%;}
.textBox > p {font-size:3.750vw; color:#000; margin-top:4px;}
.textBox > p > .ceoSign > strong {font-size:5.938vw; letter-spacing:0vw; color:#000; display:inline-block; background:url('/images/dongwha/sign.jpg')no-repeat center right; background-size:94px 29px; padding:12px 109px 3px 0;}
.container {position: relative; width: 100%; overflow: hidden; padding-top: 56.25%; /* 16:9 Aspect Ratio */}
.responsive-iframe {position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border: none;}
.LayerPopup {
	position: fixed;
	padding: 15px 15px 25px;
	top: 20%;
	z-index: 1003;
	background: #fff;
	/*width: 305px;*/
	width: 80%;
	margin: 0 auto;
	left: 0;
	right: 0;
}
.LayerPopup p {font-size:14px; text-align:center; margin-bottom:45px; line-height:21px; margin-top: 45px;}
.btnLayerClose {text-indent:-9999px; width:12px; height:12px; background:url('/images/common/btn_layer_close.jpg')no-repeat; background-size:12px 12px; display:block; float:right;}
#dim {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.9);
	position: fixed;
	top: 0;
	z-index: 1002;
}
.supportFinish {text-align:center; font-size:14px;}
.supportFinish .resultTxt {font-size:18px; color:#2f7738;}
.supportFinish .pTxt {font-style:normal; font-weight:bold;}
/*whyDongwha[S]*/
.scrollTab {width:100%; background:#f6f6f6; height:100%; overflow:hidden;}
.scrollTab ul li {float:left; width:40%; text-align:center; padding:15px 0; border-bottom:1px solid #e8e8e8;}
.scrollTab ul li a{display:block; width:100%; font-size:14px; letter-spacing:-1px;}
.scrollTab ul li:last-child a {border-right:none;}
.scrollTab ul li.active a {color: #368932; font-weight: bold;}
.whyDongwha > .textBox > strong {font-weight:900;}
.whyDongwha > .textBox > strong.bdbt {border-bottom:2px solid #666666; padding-bottom:13px;}
.whyDongwha > .textBox > table {width:100%; border-top:2px solid #666666; margin-top:15px;}
.whyDongwha > .textBox > table th {background:#f8f8f8; padding:0 10px; font-weight:500;}
.whyDongwha > .textBox > table td {border-bottom:1px solid #e9e9e9; font-size:14px; padding:13px; color:#7b7b7b; line-height:20px;}
.whyDongwha > .textBox > table th, .whyDongwha > .textBox > table td {border-bottom:1px solid #e9e9e9; font-size:14px;}
.whyDongwha > .textBox > p > strong {display:block; color:#000; font-size:14px;}
.whyDongwha {overflow:hidden;}
.whyDongwha2 > .textBox > p {margin-top:10px;}
.whyDongwha > .textBox > img {margin-top:25px; display:block;}
.whyDongwhaText {font-size:14px;}
.whyDongwhaText h4 {font-size:16px;}
/*whyDongwha[E]*/


.brouchureDownBtn {display:block; font-size:3.750vw; color:#fff; background:#000; text-align:center; padding:16px 0; margin:10px 0; border-radius:4px;}

.idea {background:#f9f9f9; padding:34px 20px 100px;}
.idea > .textBox > strong {margin-bottom: 10px;}
.idea > .textBox > p {font-size:16px; color:#000; text-align:center;}
.idea > table {border-top:2px solid #666666;}
.idea > table th {background:#fff; width:95px; text-align:center; border-bottom:1px solid #e9e9e9;}
.idea > table th img {vertical-align:middle;}
.idea > table td {font-size:12px; background:#fff; padding:20px 20px 20px 5px; border-bottom:1px solid #e9e9e9; color:#7b7b7b; line-height:20px;}
.idea > table td span {padding:5px; display:inline-block; color:#fff; border-radius:2px; margin-bottom:5px;}

.magazineList li {width:calc(50% - 32px); float:left; text-align:center; padding:16px;}
.magazineList .thum img {padding:21px 23px; background:#f5f5f7; border-radius:5vw;}
.magazineList .tit {font-size:13px;}
.magazineList .btnArea a {font-size:12px; border:1px solid #e4e4e4; background:#f6f6f6; color:#777777; display:block; padding:5px 0; margin-top:10px;}
.magazineBtn {margin-top:3.125vw;}
.magazineBtn span a {display:inline-block; font-size:3.750vw; border:2px solid #000; padding:1.875vw 3.594vw; border-radius:6vw; color:#1d1d1f; letter-spacing:-1px; font-weight:500;}



.recruitInfoTable {border-top:2px solid #666666; margin-top:15px;}
.recruitInfoTable li {padding:20px 0 20px 10px; border-bottom:1px solid #e9e9e9;}
.recruitInfoTable li strong {font-size:14px;}
.recruitInfoTable li p {font-size:13px; color:#7b7b7b;}

.enterpriseList li {margin-bottom:30px;}
.enterpriseList li img {width:100%;}
.enterpriseList li strong {font-size:16px; display:block; /*background:url('/images/ebusiness/right_arr_big.jpg')no-repeat right center; background-size:6px 11px;*/ margin-bottom:5px;}
.enterpriseList li strong small {color: #777777; font-size: 13px; font-weight:normal;}
.enterpriseList li p {color:#777777; font-size:13px;}
.enterprise > .textBox > strong {font-weight:900;}
.enterprise > .textBox > strong.mgbt10 {margin-bottom:10px;}
.enterprise > .textBox > strong.bdbt {border-bottom:2px solid #666666; padding-bottom:13px;}
.enterprise > .textBox > strong.small {font-size:14px; font-weight:600;}
.enterprise > .textBox > table {width:100%;}
.enterprise > .textBox > table th {background:#f8f8f8; padding:0 10px; font-weight:500;}
.enterprise > .textBox > table td {border-bottom:1px solid #e9e9e9; font-size:14px; padding:12px; letter-spacing:-1px; color:#7b7b7b; line-height:20px;}
.enterprise > .textBox > table td strong {font-weight:500; color:#555555;}
.enterprise > .textBox > table th, .whyDongwha > .textBox > table td {border-bottom:1px solid #e9e9e9; font-size:14px;}
.enterprise > .textBox > p {border-bottom:2px solid #000; padding-bottom:12px;}
.global  > .textBox > p {border-bottom:none !important;}
.global  > .textBox > table {border-top:2px solid #000;}
.global  > .textBox h3 {margin-bottom:0;}
.enterprise > .textBox > div.txt {font-size:13px; color:#7b7b7b; line-height:23px; margin-top:23px;}
.enterprise > .textBox > div.txt2 {font-size:13px; color:#7b7b7b; line-height:21px; margin-top:5px;}
.enterprise > .textBox > ul {margin-top:40px;}
.enterprise > .textBox > ul li {margin-bottom:22px;}
/*.enterprise > .textBox > ul li:nth-child(odd) {margin-right:4%;}*/
.enterprise > .textBox > ul li strong {font-size:13px; display:block; /*background:url('/images/ebusiness/right_arr_big.jpg')no-repeat right center; background-size:5px 9px;*/}
.enterprise > .textBox > ul li strong small {color: #777777; font-size: 13px; font-weight:normal;}
.enterprise > .textBox > ul li p {color:#777777; font-size:13px;}

.product > .textBox > table {width:100%; border-top:2px solid #000; margin-top: 15px;}
.product > .textBox > table th {background:#f8f8f8; padding:12px; font-weight:500; font-size:11px; border:1px solid #e9e9e9; }
.product > .textBox > table td {border-bottom:1px solid #e9e9e9; font-size:11px; padding:12px; letter-spacing:-1px; color:#7b7b7b; border:1px solid #e9e9e9; line-height:20px;}
.product > .textBox > table td strong {font-weight:500; color:#555555;}


.advantageTxt {float:left; width:calc(100% - 75px);}
.advantageTxt strong {font-size:13px;}
.advantageTxt p {font-size:12px; color:#7b7b7b; line-height:17px;}
.advantage li {padding:25px 0; border-bottom:1px solid #e9e9e9;}
.advantage li:after {clear:both; content:""; display:block;}
.advantage li span {width:60px; height:60px; background-size:60px 60px; background-repeat:no-repeat; display:inline-block; float:left; margin-right:15px; }
.advantage li span.advtg1_1 {background-image:url('/images/ebusiness/advtg1_1.jpg');}
.advantage li span.advtg1_2 {background-image:url('/images/ebusiness/advtg1_2.jpg');}
.advantage li span.advtg1_3 {background-image:url('/images/ebusiness/advtg1_3.jpg');}
.advantage li span.advtg1_4 {background-image:url('/images/ebusiness/advtg1_4.jpg');}
.advantage li span.advtg1_5 {background-image:url('/images/ebusiness/advtg1_5.jpg');}
.advantage li span.advtg1_6 {background-image:url('/images/ebusiness/advtg1_6.jpg');}
.advantage li span.advtg1_7 {background-image:url('/images/ebusiness/advtg1_7.jpg');}
.advantage li span.advtg1_8 {background-image:url('/images/ebusiness/advtg1_8.jpg');}
.advantage li span.advtg1_9 {background-image:url('/images/ebusiness/advtg1_9.jpg');}
.advantage li span.advtg1_10 {background-image:url('/images/ebusiness/advtg1_10.jpg');}
.advantage li span.advtg1_11 {background-image:url('/images/ebusiness/advtg1_11.jpg');}
.advantage li span.advtg2_1 {background-image:url('/images/ebusiness/advtg2_1.jpg');}
.advantage li span.advtg2_2 {background-image:url('/images/ebusiness/advtg2_2.jpg');}
.advantage li span.advtg2_3 {background-image:url('/images/ebusiness/advtg2_3.jpg');}
.advantage li span.advtg2_4 {background-image:url('/images/ebusiness/advtg2_4.jpg');}
.advantage li span.advtg2_5 {background-image:url('/images/ebusiness/advtg2_5.jpg');}
.advantage li span.advtg2_6 {background-image:url('/images/ebusiness/advtg2_6.jpg');}
.advantageTxt2 strong {font-size:13px;}
.advantageTxt2 p {font-size:13px; color:#7b7b7b; line-height:21px; text-indent:-7px; margin-left:7px;}

.productHashTag {margin-top:14px; margin-bottom:100px;}
.productHashTag > a {display:inline-block; margin-bottom:5px;}
/*News[S]*/
.boardTab {width:100%; background:#f6f6f6; height:100%; overflow:hidden;}
.boardTab ul {text-align:center; border-bottom:1px solid #e8e8e8;}
.boardTab ul li {display:inline-block; padding:15px 0; /*border-bottom:1px solid #e8e8e8;*/ text-align:center; margin-right:27px; position:relative;}
.boardTab ul li:after {display:block; content:""; width:4px; height:4px; background:#e9e9e9; position:absolute; right:-17px; top: 24px; border-radius:50%;}
.boardTab ul li:last-child:after {display:none;}
.boardTab ul li:last-child {margin-right:0px;}
.boardTab ul li a{display:block; width:100%; font-size:14px; letter-spacing:-1px;}
.boardTab ul li:last-child a {border-right:none;}
.boardTab ul li.active a {color: #368932; font-weight: bold;}
.boardTab ul li.active {border-bottom:2px solid #2f7738;}

.boardList h4 {font-size:7.813vw; padding-bottom:6.250vw; border-bottom:0.625vw solid #000;}
.boardList ul li {padding:9.375vw 0; border-bottom:1px solid #e4e4e1;}
.boardList ul li small {display:block; color:#42883c; font-weight:bold; font-size:0.750em;}
.boardList ul li > a > strong {font-size:4.688vw; font-weight:bold; display:block; margin-bottom:2.313vw;}
.boardList ul li a > p {font-size:13px; color:#777777; word-break:break-all;}
.boardList ul li a {display:block;}
.boardList ul li a > span.newsWriteDate {position:relative; display:inline-block; padding-right:12px;}
.boardList ul li a > span.newsWriteDate:after {position:absolute;  top:6px; right:6px; content:""; width:0.313vw; height:2.813vw; background:#d0d0d0;}
.boardList ul li a > span.newsWriteDate, .newsHit {color:#000; font-size:3.750vw;}
.newsWriteDate:last-child:after {display:none;}
.newsTitle {background:#f8f8f8; padding:20px; border-bottom:1px solid #e9e9e9;}
.newsTitle > strong {display:block;}
.newsTitle > .date {font-size:12px; color:#777777;}
.viewcon img {width:100%;}
.viewcon p {word-break:break-all; width:100%;}
.viewcon {font-size:12px; color:#000; padding-bottom:40px; border-bottom:1px solid #e9e9e9;}
.viewcon > div {line-height:22.5px;}
.grayTextBox {margin-bottom:40px; background:#f6f6f6; padding:23px 17px; font-size:13px; line-height:20px; color:#444444;}
/*News[E]*/

.policy > p {font-size:13px; color:#7b7b7b; margin-bottom:35px; line-height:23px;}
.policy > h4, .policy > .fc1 {color:#42883c;}
.depTy {margin-bottom:35px;}
.depTy li em {font-style:normal; font-weight:bold; font-size:14px;}
.depTy li p {font-size:13px; color:#7b7b7b; margin-bottom:35px; line-height:23px;}
.policyTable {width:100%; border-top:2px solid #666666; margin-top:15px; margin-bottom:35px;}
.policyTable th {font-size:12px; text-align:center; background:#f8f8f8; border:1px solid #e9e9e9; padding:14px 0;}
.policyTable td {font-size:12px; padding-left:10px; border:1px solid #e9e9e9;}
.depTy2 {margin-bottom:30px;}
.depTy2 dt em {font-style:normal; font-size:14px; font-weight:bold;}
.depTy2 dd {font-size:13px; color:#7b7b7b;}
.policyBody > strong {display:block; font-size:14px;}
.policyBody > em {display:block; font-size:13px; font-style:normal; color:#7b7b7b; margin-bottom:30px;}

.mapList {border:1px solid #e9e9e9; padding:10px; margin-top:15px; background:#fff url('/images/common/down_arr.png')no-repeat right 8px top 20px; background-size:11px 7px;}
.mapList li {font-size:11px;}
.branchInfo .mapList .selTitle strong { display:block; cursor:pointer; /*width:287px;  padding-left:10px;*/ line-height:2.2; } /*cyh추가-210219*/
.selTitle > strong {font-size:11px;}
.map iframe {width:100%; height:420px; margin-top:10px; margin-bottom:15px;}
.infoList {border-top:2px solid #666666; width:100%; margin-top:12px;}
.infoList tr td {font-size:12px; line-height:23px; border-bottom:1px solid #e9e9e9; padding:10px 0 10px 12px; background:#fff;}
.infoList tr td strong {color:#555;}
.infoList tr:first-child td {font-weight:bold; color:#555;}

.contactList table {border-top:2px solid #666666; margin-top:12px; width:100%;}
.contactList table th {font-size:13px; background:#f8f8f8; border-bottom:1px solid #e9e9e9;}
.contactList table td {font-size:13px; line-height:23px; padding:10px; border-bottom:1px solid #e9e9e9;}
/*.infoList dt {font-size:14px; font-weight:bold; padding-bottom:12px; border-bottom:2px solid #666666;}
.infoList dd {padding-left:12px; font-size:12px; color:#555555;}
.infoList dd em {font-style:normal; width:70px; display:inline-block;}*/
footer {padding:9.688vw 6.563vw; border-top:1px solid #e0e0e0;}
footer > img {width:31.250vw;}
footer > ul > li {float:left; margin-right:3.125vw;}
footer > ul > li a {font-size:3.438vw;}
footer p {font-size:3.438vw;}

.dwTvList li {margin-bottom:30px;}
.dwTvList li:nth-child(3n+0) {margin-right:0;}
.dwTvList li iframe {display:block;}
.dwTvList li > p {color:#000; font-size:14px; font-weight:bold; margin-top:8px; letter-spacing:-1px; text-indent: -64px; margin-left: 64px;}
.dwTvList li > p span {font-size:11px; font-weight:bold; padding:5px 0; display:inline-block; margin-right:11px; width:50px; text-align:center; text-indent: 0;}
.dwTvList li > p span.culture {color:#a97742; background:#d5f0c3;}
.dwTvList li > p span.job {color:#4c7332; background:#ffe699;}
.dwTvList li > p span.biz {color:#5a6cb1; background:#dae3f3;}

#mainVisual {background:url('/images/main/main_visual_bg.png')no-repeat; height:173.438vw; background-size:cover; display: flex; justify-content: center; align-items: center; position:relative;}
#mainVisual .txt {text-align:center;}
#mainVisual .txt strong span {font-size:10vw; color:#fff; font-family: "gravesend-sans", sans-serif; display:block;}
#mainVisual .txt em {font-size:3.750vw; color:#fff; font-style:normal;}
.scrollIcon {position:absolute; bottom:9.375vw; left:6.250vw; z-index:99; text-align:center;}
.scrollIcon > p {color:#fff; font-size:2.188vw; writing-mode: vertical-lr; margin-bottom:2.031vw;}
.scrollIcon img {width:1.875vw;}
.vision {padding:31.250vw 6.250vw;}
.vision strong {font-size:7.813vw; line-height:10.938vw; color:#000;}
.vision p {font-size:3.750vw; color:#000; line-height:6.250vw; margin-top:9.375vw;}
.vision a {position:relative; margin-top:15.625vw; font-size:3.750vw; border:0.313vw solid #000; color:#000; padding:4.063vw 3.594vw 4.063vw 0px; display:inline-block; text-align:center; width:42.969vw;}
.vision a i{position:absolute; right:4vw; top:5.375vw; transition:right 0.5s;}

.business .inner > strong {font-size:7.813vw; line-height:10.938vw; color:#fff; margin-bottom:12.500vw; display:block;}
.businessList li {border:1px solid #fff; padding:6.250vw; height:62.500vw; margin-bottom:30px; position:relative; background:#fff; }
.businessList li a {display:block; width:100%; height:100%;}
.businessList li.active {background:#fff; }
.businessList li a > .txtBox {position:absolute; bottom:50px;}
.businessList li.active a > .txtBox > strong {color:#000; font-size:30px;}
.businessList li.active a > small, .businessList li > span {color:#37913f; font-size:14px; font-weight:bold; text-transform: uppercase;}
.businessList li.active a > span {float:right;}
.businessList li.active a > .txtBox > p {color:#000; font-size:15px; font-weight:300; margin-top:23px;}
.businessList li {backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); background-color: rgba(255, 255, 255, .1);}
.businessList li a > .txtBox > strong {color:#fff; font-size:30px;}
.businessList li a > small, .businessList li > span {color:#fff; font-size:14px; font-weight:bold; text-transform: uppercase;}
.businessList li a > .txtBox > p {color:#fff; font-size:15px; font-weight:300; margin-top:23px;}

#news {padding-top:31.250vw; padding-left:6.250vw; margin-bottom:31.250vw; overflow:hidden;}
#news > strong {display:block; font-size:7.813vw; color: #000; margin-bottom:9.375vw;}
#news .newsSwiper {}
#news .newsSwiper .swiper-slide img {width:66.250vw; height:45.313vw;}
#news .newsSwiper .swiper-slide small {color:#37913f; font-size:3.125vw; font-weight:bold; /*margin-bottom:35.938vw;*/ display:inline-block;}
#news .newsSwiper .swiper-slide span {float:right; display:inline-block; font-size:13px; font-weight:bold; color:#37913f;}
#news .newsSwiper .swiper-slide strong {font-size:5.313vw; display:block; line-height:6.875vw; color:#000; word-break: keep-all; letter-spacing:-0.063vw;
display: -webkit-box;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
#news .s1 .swiper-slide p {
	font-size:15px; color:#000;
	line-height:26px;
	letter-spacing:-1px;
	margin-bottom:49px;
	display: -webkit-box;
	word-wrap: break-word;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
}

.s1 {width:100%; overflow:hidden;}
.s1 iframe {width:100%;}
.s1 .swiper-slide {/*border-radius:4.063vw;*/ overflow:hidden;}
.s1 .swiper-slide > div {background:#fff; padding:15px 15px 36px 15px;}
.s1 .swiper-slide div p{
	font-size:15px;
	font-weight:bold;
	line-height: 20px;
	white-space: normal;
	height: 40px;
	text-align: left;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow:ellipsis;
	word-wrap:break-word; 
}

/*.recruitBtn {border-top:0.313vw solid #000;}*/
.recruitBtn li {text-align:center; padding:8.938vw 0; border-bottom:0.313vw solid #ebebeb;}
.recruitBtn li strong {font-size:6.250vw;}
.recruitBtn li p {font-size:3.750vw;}
ul.address li {font-size: 3.750vw;}
ul.address li strong {display:inline-block; width:13vw;}
/*.recruitBtn li a {
	position: relative;
	margin-top: 6.250vw;
	font-size: 3.750vw;
	border: 0.313vw solid #000;
	color: #000;
	padding: 4.063vw 3.594vw 4.063vw 0px;
	display: inline-block;
	text-align: center;
	width: 42.969vw;
}*/
/*.recruitBtn a i {
	position: absolute;
	right: 4vw;
	top: 5.375vw;
	transition: right 0.5s;
}*/

.visual {
	position: relative;
	height: 121.406vw;
	overflow: hidden;
	background-size: 100%;
}

#container > h4 {font-size:7.813vw; margin-bottom:6.250vw;}
#container > p {font-size:3.750vw; letter-spacing:-1px; line-height:7.188vw; margin-bottom:15.625vw;}
#container > dl {margin-bottom:17.188vw;}
#container > dl > dt {font-size:7.813vw; margin-bottom:6.563vw;}
#container > dl > dt > strong {font-size:7.813vw;}
#container > dl > dt > strong.f36 {font-size:5.313vw;}
#container > dl > dt > strong > small {font-size:4.063vw; display:block; text-transform: uppercase;}
#container > dl > dd > dl:after {clear:both; content:""; display:block;}
#container > dl > dd > dl {margin-bottom:19.531vw;}
#container > dl > dd > dl > dt {/*float:left; width:43.750vw;*/}
#container > dl > dd > dl > dt strong {font-size:4.688vw;}
#container > dl > dd > dl > dd {float:left;}
#container > dl > dd > dl > dd > ul li {font-size:3.750vw; text-indent: -2vw; margin-left: 2vw;}
#container > dl > dd > p {font-size:3.750vw; line-height:7.188vw;}
#container > dl > dd > img {width:100%;}
.btnWrap {margin-top:9.375vw;}
.btnWrap li {width:48%; float:left; background:#000; text-align:center; padding:5vw 0; border-radius:3vw;}
.btnWrap li:first-child {margin-right:4%;}
.btnWrap li a {color:#fff; font-size:4.063vw; font-weight:bold;}

.ciColor {border-top:2px solid #000;}
.ciColor li {border-top:1px solid #d0d0d0; padding:10vw 0;}
.ciColor li > span {width:21.563vw; height:21.563vw; display:inline-block;  float:right; border-radius:50%; text-indent:-9999px; margin-top:-3.125vw;}
.ciColor li:nth-child(1) > span {background:#00592d;}
.ciColor li:nth-child(2) > span {background:#43883d;}
.ciColor li:nth-child(3) > span {background:#70b141;}
.ciColor li:last-child {border-bottom:1px solid #d0d0d0;}
.ciColor li:after {clear:both; content:""; display:block;}
.ciColor li > strong {text-transform:uppercase; float:left; display:inline-block; font-size:4.688vw; line-height:6.250vw;}
.ciColor li > div {float:left; letter-spacing:-1px;}
.ciColor li > div > strong {width:18.750vw; display:inline-block; line-height:6.250vw; font-weight:500;}
.ciColor li > div > span {font-size:3.750vw; }

div.smallTable {margin-top:7.625vw;}
div.smallTable > dl:after {clear:both; content:""; display:block;}
div.smallTable > dl > dt {width: 28.625vw;}
div.smallTable > dl > dt, div.smallTable > dl > dd {float:left; font-size:3.750vw; border-bottom:1px solid #d0d0d0; padding:10px 0; letter-spacing:-1px;  display: flex;  /* align-content: space-around; */ align-items: center; min-height:17vw;}
div.smallTable > dl > dd {width: calc(100% - 33.625vw); }

div.bigTable dl {margin-bottom:18.438vw;}
div.bigTable dt {font-size:4.375vw; font-weight:bold; margin:4.688vw 0 0 0;}
div.bigTable dd {font-size:3.750vw; line-height:7.188vw}

.businessLink li {width:100%; border-bottom:1px solid #d0d0d0; padding:4.688vw 0;}
.businessLink li:first-child {border-top:2px solid #000;}
.businessLink li a {font-size:4.375vw; font-weight:bold; color:#000; background:url('/images/business/link_bg.png')no-repeat right center; padding-right:4.688vw; background-size:3.594vw 3.750vw ;}

.RndList {border-top:2px solid #000;}
.RndList li {font-weight:bold; font-size:3.8vw; border-bottom:1px solid #ebebeb; padding:5.469vw 0;}
.RndList li span {width:7.906vw; display:inline-block;}

.ideaBox {background:#f5f5f7; text-align:center; padding:16.563vw 0; width:100%;}
.ideaBox p {color:#00592d; font-size:5.625vw; font-weight:bold;}
.ideaBox p > span {display:inline-block; font-size:3.750vw; color:#6f6f6f; font-weight:normal;}
.ideaList li img {width:100%;}
.ideaList li {margin-bottom:10.938vw;}
.ideaList li strong {color: #000; font-size:5.250vw; line-height:8.750vw; display: inline-block; margin-top: 7.813vw; margin-bottom:9.375vw; letter-spacing:-0.3vw; font-weight:500;}
.ideaList li > p {color: #000; font-size:3.750vw; line-height:7.188vw; letter-spacing: -0.094vw;}
.ideaList li > p > span {font-size:4.688vw; font-weight:bold; display:block;}

.history > strong {font-family:'Roboto'; font-size:5vw; color:#000; letter-spacing:-1px; display:block;}
.history > ul > li {
	font-size: 3.750vw;
	color: #000;
	line-height: 7.188vw;
	letter-spacing: -1px;
	text-indent: -17.938vw;
	padding-left: 17.938vw;
}
.history > ul > li > span {margin-right:5vw;}

.contHead {position: absolute; bottom: 17.969vw; /*left: 6.250vw;*/ padding:0 6vw; margin-bottom: 0;}
.contHead p, .contHead .title, .contHead p > a {color:#fff;}
.contHead p {font-size:3.438vw;}
.contHead > p.location > a:after {content: ">"; display: inline-block; margin: 0 12px;}
.contHead .title {font-size:7.438vw; letter-spacing:-0.5vw}

.imgIntro {background-image:url('/images/topbanner/about_bg.png');} /**그룹개요BG**/
.imgCeo {background-image:url('/images/topbanner/ceo_bg.png');} /**인사말**/
.imgIdea {background-image:url('/images/topbanner/vision_bg.png');} /**핵심가치**/
.imgHistory {background-image:url('/images/topbanner/history_bg.png');} /**인사말**/
.imgBoard {background-image:url('/images/topbanner/board_bg.png');} /**인사말**/

/*.imgWhy {background:#000 url('/test/images/sample_1.png')no-repeat center center;}/**WhyDongBG**/
.imgBoard {background:#000 url('/images/topbanner/board_bg.png')no-repeat center center;}/**소재BG**/
.imgChemical {background:#000 url('/images/topbanner/chemical_bg.png')no-repeat center center;}/**화학>회사**/
.imgAuto {background:#000 url('/images/topbanner/auto_bg.png')no-repeat center center;}/**오토>회사**/
.imgMedia {background:#000 url('/images/topbanner/media_bg.png')no-repeat center center;}/*MEDIA**/
.imgRnd {background:#000 url('/images/topbanner/rnd_bg.png')no-repeat center center;}/**RND**/
.imgMontvertcc {background:#000 url('/images/topbanner/montvertcc_bg.png')no-repeat center center;}/**몽베르CC**/

.imgNews {background:#000 url('/images/topbanner/news_bg.png')no-repeat center center;}/**뉴스BG**/
.imgVideo {background:#000 url('/images/topbanner/video_bg.png')no-repeat center center;}/**영상으로보는 동화그룹**/
.imgBrochure {background:#000 url('/images/topbanner/brochure_bg.png')no-repeat center center;}/**브로슈어**/
.imgMagazine {background:#000 url('/images/topbanner/magazine_bg.png')no-repeat center center;}/**사보BG**/
.imgCi {background:#000 url('/images/topbanner/ci_bg.png')no-repeat center center;}/**CI/BI BG**/
.imgPublicNotice {background:#000 url('/images/topbanner/publicnotice_bg.png')no-repeat center center;}/**공시정보BG**/
.imgFinance {background:#000 url('/images/topbanner/finance_bg.png')no-repeat center center;}/**재무정보BG**/
.imgFinance2 {background:#000 url('/images/topbanner/finance_bg2.png')no-repeat center center;}/**재무정보BG**/

.imgRecruitinfo1 {background:#000 url('/images/topbanner/recruit_bg1.png')no-repeat center center;}/**인재상BG**/
.imgRecruitinfo2 {background:#000 url('/images/topbanner/recruit_bg2.png')no-repeat center center;}/**인재상BG**/
.imgRecruitinfo3 {background:#000 url('/images/topbanner/recruit_bg3.png')no-repeat center center;}/**인재상BG**/
.imgRecruitinfo4 {background:#000 url('/images/topbanner/recruit_bg4.png')no-repeat center center;}/**인재상BG**/
.imgRecruitinfo5 {background:#000 url('/images/topbanner/recruit_bg5.png')no-repeat center center;}/**인재상BG**/

.imgSitemap {background:#000 url('/images/topbanner/sitemap_bg.png')no-repeat center center;}/**사이트맵BG**/
.imgMap {background:#000 url('/images/topbanner/map_bg.png')no-repeat center center;}/**찾아오시는길BG**/
.imgContactus {background:#000 url('/images/topbanner/contactus_bg.png')no-repeat center center;}/**ContactusBG**/
.imgEthics {background:#000 url('/images/topbanner/ethics_bg.png')no-repeat center center;}/**윤리경영BG**/
.imgSinmungo {background:#000 url('/images/topbanner/sinmungo_bg.png')no-repeat center center;}/**윤리경영BG**/
.imgPolicy {background:#000 url('/images/topbanner/policy_bg.png')no-repeat center center;}/**사이트맵BG**/
.imgPolicy2 {background:#000 url('/images/topbanner/policy_bg2.png')no-repeat center center;}/**사이트맵BG**/
.imgPolicy3 {background:#000 url('/images/topbanner/policy_bg3.png')no-repeat center center;}/**사이트맵BG**/
.bg {background-size:cover; height:100%; background-repeat:no-repeat; background-position:center center;}