@charset "utf-8";


/*=============== 서브페이지 공통 ===============*/

/* 서브비주얼 */
.sub-visual {width: 100%; height: 430px; position: relative; overflow: hidden;}
.sub-visual .txt-container {text-align: center;padding-top: 207px;width: 100%;height: 100%; position: relative; z-index: 1;}
.sub-visual .txt-container .tit{font-size: 55px; font-weight: 600; color: #ffffff; letter-spacing: -0.2px;}
.sub-visual .txt-container .subtit {font-size: 26px;color: #ffffff;letter-spacing: -0.2px;font-weight: 300;}
.sub-visual .bg-container {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0;}

/* 서브비주얼 이미지 지정 */
.sub-visual1 .bg-container {background: url(../../img/sub-visual1.jpg) no-repeat center; background-size: cover;}
.sub-visual2 .bg-container {background: url(../../img/sub-visual2.jpg) no-repeat center; background-size: cover;}
.sub-visual3 .bg-container {background: url(../../img/sub-visual3.jpg) no-repeat center; background-size: cover;}
.sub-visual4 .bg-container {background: url(../../img/sub-visual4.jpg) no-repeat center; background-size: cover;}

/* 서브비주얼 - 반응형 */
@media all and (min-width:1200px) and (max-width:1519px) {
}
@media all and (min-width:1024px) and (max-width:1199px) {
}

@media all and (min-width:768px) and (max-width:1023px) {
}

@media all and (max-width:767px) {
	.sub-visual {height:240px;}
	.sub-visual .txt-container {padding-top: 127px;}
	.sub-visual .txt-container .tit {font-size: 28px;}
	.sub-visual .txt-container .subtit {font-size: 16px;}
}

/* 뎁스 */
.sub-depth {width: 100%; height: auto; position: relative; border-bottom: 1px solid #dddddd;}
.sub-depth .depth-wr {width: 95%;max-width: 1540px;position: relative;text-align: center;margin: 0 auto;}
.sub-depth .depth-ul {display: inline-block; width: auto; height: auto; position: relative;}
.sub-depth .depth-ul li {display: block; float: left; width: auto; height: auto;}
.sub-depth .depth-ul li a {
	display: block;
	font-size: 17px;
	color: #666666;
	letter-spacing: -0.2px;
	padding: 20px 35px;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}
.sub-depth .depth-ul li a:hover {background: #f5f5f5;color: #333333;}
.sub-depth .depth-ul li.on a {color: #d60051;position: relative;font-weight: 500;}
.sub-depth .depth-ul li.on a:before {content: "";display: block;width: 8px;height: 8px;background: #d60051;transform: rotate(45deg) translateX(-50%);position: absolute;bottom: -8px;left: 50%;}

/* 뎁스 - 반응형 */
@media all and (min-width:1200px) and (max-width:1519px) {
}
@media all and (min-width:1024px) and (max-width:1199px) {
}

@media all and (min-width:768px) and (max-width:1023px) {
}

@media all and (max-width:767px) {
	.sub-depth {background:#f6f6f6;}
	.sub-depth .depth-ul {width:100%;padding: 2% 0;}
	.sub-depth .depth-ul li {width:50%;}
	.sub-depth .depth-ul li a {font-size: 14px;padding: 13px 10px;margin: 2% 2%;border: 1px solid #dddddd;background:#ffffff;}
	.sub-depth .depth-ul li a:hover {background:#ffffff; color:#666666;}
	.sub-depth .depth-ul li.on a {background: #d60051; color:#ffffff; font-weight:400;}
	.sub-depth .depth-ul li.on a:before {display:none;}
}

/* 컨텐츠 영역 */
.sub-contents {width: 100%; height: auto; position: relative;}
.sub-contents .tit-container {width: 95%; max-width: 1540px; height: auto;margin: 0 auto;padding: 70px 0 65px;text-align: center;}
.sub-contents .tit-container .tit {font-size: 38px;letter-spacing: -0.3px;font-weight: 400;}
.sub-contents .cont-container {width: 100%; height: auto; position: relative;}

/* 컨텐츠 영역 - 반응형 */
@media all and (min-width:1200px) and (max-width:1519px) {
}
@media all and (min-width:1024px) and (max-width:1199px) {
}

@media all and (min-width:768px) and (max-width:1023px) {
}

@media all and (max-width:767px) {
	.sub-contents .tit-container {padding:40px 0;}
	.sub-contents .tit-container .tit {font-size:26px;}
}


/*=============== 페이지별 CSS ===============*/
/* 회사소개 */
.cont-container.overview {}
.ov-top-wr {width: 100%; height: 603px;}
.ov-top-wr .img-box {width: 50%; float: left; height: 100%; background: url(../../img/overview-top-img.png) no-repeat center; background-size:cover;}
.ov-top-wr .txt-box {width: 50%; float: left; height: 100%; background: #ffffff;}
.ov-top-wr .txt-box .txt-box-inner {width: 95%;max-width: 770px;padding: 5% 0 0 8%;position: relative;}
.ov-top-wr .txt-box .txt1 {font-size: 33px;font-weight: 700;line-height: 1.4em;word-break: keep-all;margin-bottom: 30px;position: relative;z-index: 1;}
.ov-top-wr .txt-box-inner:after {content: "";display: block;width: 252px;height: 164px;background: url(../../img/overview-bg-symbol.png) no-repeat center;position: absolute;top: 6px;right: 72px;z-index: 0;}
.ov-top-wr .txt-box .txt2 {font-size: 23px;letter-spacing: -0.3px;line-height: 1.6em;word-break: keep-all;margin-bottom: 55px;display: block;width: 100%;max-width: 660px;position: relative;z-index: 1;}
.ov-top-wr .txt-box .txt3 {font-size: 16px;color: #4e4e4e;line-height: 1.8em;word-break: keep-all;letter-spacing: -0.2px;position: relative;z-index: 1;}
.ov-bottom-wr {width: 100%;height: 800px;position: relative;background: url(../../img/overview-bottom-bg.jpg) no-repeat center;background-size:cover;border-bottom: 1px solid #dddddd;}
.ov-bottom-wr .tit-box {padding: 85px 0;position: relative;text-align: center;}
.ov-bottom-wr .tit-box .tit {font-size: 30px; font-weight: 600; position: relative;}
.ov-bottom-wr .tit-box .tit:after {content: "";display: block;width: 8px;height: 8px;background:#d60051;transform: rotate(45deg) translateX(-50%);position: absolute;bottom: -20px;left: 50%;}
.ov-bottom-wr .cont-box {width: 95%; max-width: 1400px; margin: 0 auto;}
.ov-bottom-wr .cont-box article {width: 22.5%;max-width: 326px;height: 430px;float: left;margin-left: 3.333%;background: #ffffff;border-radius: 5px;border: 1px solid #dddddd;padding: 25px 30px;}
.ov-bottom-wr .cont-box article:first-of-type {margin-left: 0;}
.ov-bottom-wr .cont-box article:nth-child(1), .ov-bottom-wr .cont-box article:nth-child(4) {}
.ov-bottom-wr .cont-box article .txt-inner-box {height: calc(100% - 205px);width: 100%;display: flex;flex-direction: column;justify-content: center;}
.ov-bottom-wr .cont-box article .txt-inner-box .tit {margin-bottom: 20px; position: relative;}
.ov-bottom-wr .cont-box article .txt-inner-box .tit p {font-size: 22px;font-weight: 600;position:relative;z-index:1;word-break: keep-all;}
.ov-bottom-wr .cont-box article .txt-inner-box .tit .underline {display: block;position: absolute;bottom: -2px;left: 0;background: #f9d9e5;width: 25%;height: 10px;z-index: 0;}
.ov-bottom-wr .cont-box article .txt-inner-box .cont {font-size: 15px;color: #666666;line-height: 1.8em;letter-spacing: -0.2px;word-break: keep-all;}
.ov-bottom-wr .cont-box article .icon-inner-box {height: 205px;width: 100%;display: flex;align-items: center;justify-content: center;}
.ov-bottom-wr .cont-box article .icon-inner-box .icon-square {width: 165px;height: 170px;background: #ffffff;border: 1px solid #cecece;border-radius: 10px;box-shadow: 0px 5px 5px rgba(0,0,0,0.1);}

.icon-inner-box.icon1 .icon-square {background: #ffffff url(../../img/overview-icon1.png) no-repeat center!important;}
.icon-inner-box.icon2 .icon-square {background: #ffffff url(../../img/overview-icon2.png) no-repeat center!important;}
.icon-inner-box.icon3 .icon-square {background: #ffffff url(../../img/overview-icon3.png) no-repeat center!important;}
.icon-inner-box.icon4 .icon-square {background: #ffffff url(../../img/overview-icon4.png) no-repeat center!important;}

/* 회사소개 - 반응형 */
@media all and (min-width:1200px) and (max-width:1519px) {
	.ov-top-wr .txt-box .txt2 {font-size:20px;}
	.ov-top-wr .txt-box .txt3 {font-size:15px;}
}
@media all and (min-width:1024px) and (max-width:1199px) {
	.ov-top-wr {height: auto;}
	.ov-top-wr .img-box {float: none;width: 100%;height: 303px;}
	.ov-top-wr .txt-box {float: none; width: 100%;}
	.ov-top-wr .txt-box .txt1 {font-size: 30px;margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px solid #dddddd;}
	.ov-top-wr .txt-box .txt2 {font-size: 20px;margin-bottom: 30px;}
	.ov-top-wr .txt-box .txt3 {font-size: 15px;}
	.ov-top-wr .txt-box .txt-box-inner {margin: 0 auto;max-width: 95%;padding: 5% 10%;width: 95%;}
	.ov-top-wr .txt-box-inner:after {bottom: 0;}

    .ov-bottom-wr {height: auto;}
	.ov-bottom-wr .cont-box article {width: 49%;margin-bottom: 3%;margin-left: 2%;max-width: 100%;height: auto;}
	.ov-bottom-wr .cont-box article:nth-child(1), .ov-bottom-wr .cont-box article:nth-child(3) {margin-left: 0;}
	.ov-bottom-wr .cont-box article:nth-child(1), .ov-bottom-wr .cont-box article:nth-child(4) {margin-top: 0;}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.ov-top-wr {height: auto;}
	.ov-top-wr .img-box {float: none;width: 100%;height: 303px;}
	.ov-top-wr .txt-box {float: none; width: 100%;}
	.ov-top-wr .txt-box .txt1 {font-size: 30px;padding-bottom: 30px;border-bottom: 1px solid #dddddd;}
	.ov-top-wr .txt-box .txt2 {font-size: 20px;margin-bottom: 30px;}
	.ov-top-wr .txt-box .txt3 {font-size: 15px;}
	.ov-top-wr .txt-box .txt-box-inner {margin: 0 auto;max-width: 95%;padding: 5% 10%;width: 95%;}
	.ov-top-wr .txt-box-inner:after {bottom: 25px;top: auto;left: auto;right: 0;}

	.ov-bottom-wr {height: auto;}	
	.ov-bottom-wr .cont-box article {width: 49%;margin-left: 2%;max-width: 100%;margin-bottom: 3%;height: 390px;}
	.ov-bottom-wr .cont-box article:nth-child(1), .ov-bottom-wr .cont-box article:nth-child(3) {margin-left: 0;}
	.ov-bottom-wr .cont-box article:nth-child(1), .ov-bottom-wr .cont-box article:nth-child(4) {margin-top: 0;}
}

@media all and (max-width:767px) {
	.ov-top-wr {height: auto;}
	.ov-top-wr .img-box {float: none;width: 100%;height: 303px;}
	.ov-top-wr .txt-box {float: none; width: 100%;}
	.ov-top-wr .txt-box .txt1 {font-size: 24px;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #dddddd;}
	.ov-top-wr .txt-box .txt2 {font-size: 17px;margin-bottom: 25px;}
	.ov-top-wr .txt-box .txt3 {font-size: 14px;}
	.ov-top-wr .txt-box .txt-box-inner {margin: 0 auto;max-width: 95%;padding: 8% 5%;width: 95%;}
	.ov-top-wr .txt-box-inner:after {bottom: 20px;top: auto;right: 0;left: auto;}
	
	.ov-bottom-wr .tit-box {padding: 60px 0 40px;}
	.ov-bottom-wr .tit-box .tit {font-size: 24px;}
	.ov-bottom-wr {height:auto;padding-bottom: 50px;}
	.ov-bottom-wr .cont-box article {width: 100%;max-width: 100%;margin: 2% 0;padding: 10px 6%;height: 227px;}
	.ov-bottom-wr .cont-box article .txt-inner-box {width:60%;float: right;height: 100%;padding-left: 5%;}
	.ov-bottom-wr .cont-box article .txt-inner-box .tit p {font-size:18px;}
	.ov-bottom-wr .cont-box article .txt-inner-box .cont {font-size:14px;}
	.ov-bottom-wr .cont-box article .icon-inner-box {width:40%; float: right;}
}

/* 연혁 */
.cont-container.history {width: 100%;max-width: 1540px;margin: 0 auto;height: auto;position: relative;margin-bottom: 120px;}
.his-top-wr {width: 100%;height: 320px;background: url(../../img/history-top-bg.png) no-repeat center;background-size: cover;padding: 48px 70px;}
.his-top-wr .txt-box {display: inline-block;width: auto;height: auto;padding: 65px 70px 58px 55px;background: rgba(192, 0, 73, 0.7);}
.his-top-wr .txt-box p {font-size: 38px;color: #ffffff;font-weight: 300;line-height: 1.3em;}
.his-top-wr .txt-box p b {font-size: 50px;font-weight: 600;position: relative;top: -2px;}

.his-contents-wr {width: 95%;margin: 0 auto;max-width: 1300px;}
.his-contents-wr .img-box {width: 40%;float: left; padding-top:100px;}
.his-contents-wr .img-box img {max-width: 100%;}
.his-contents-wr .history-box {width: 60%;float: left;}
.history-box dl {display: inline-block;width: 100%;height: auto;padding-left: 50px;margin-left: 55px;border-left: 1px solid #dddddd;padding-bottom: 5px;padding-top: 25px;position:relative;}
.history-box dl:first-of-type {padding-top:100px;}
.history-box dl:before {display:block;content:"";width:100%;height:1px;position:absolute;bottom: 0;left:0;background:#dddddd;}
.history-box dl dt {margin-bottom: 5px;padding-bottom: 5px;float: left;}
.history-box dl dt:before {content:"";display:block;width: 8px;height: 8px;border-radius:50%;background:#ffffff;position:absolute;bottom: -4px;left: -4px;border: 2px solid #999999;}
.history-box dl dt p {font-size: 30px;font-weight: 700;color: #333333;}
.history-box dl dd {float: left;}
.history-box dl dd p {font-size: 16px;letter-spacing: -0.2px;color: #666666;padding: 0 0 0 34px;line-height: 49px; position: relative}
.history-box dl dd p:before {content: "";display: block;width: 4px;height: 4px;background: #bbbbbb;position: absolute;top: 50%;left: 15px;transform: translateY(-50%);}

.his-img-imsi {background: #dddddd; border: 1px solid #cccccc; display: block; width: 100%; height: 450px;}

/* 연혁 - 반응형 */
@media all and (min-width:1200px) and (max-width:1519px) {
}
@media all and (min-width:1024px) and (max-width:1199px) {
}

@media (min-width: 768px) and (max-width: 1023px) {
	.his-contents-wr .img-box {display: none;}
	.his-contents-wr .history-box {width: 100%;}
	.his-top-wr .txt-box p {font-size: 30px;}
	.his-top-wr .txt-box p b {font-size: 35px;}
}

@media all and (max-width:767px) {
	.his-contents-wr .img-box {display: none;}
	.his-contents-wr .history-box {width: 100%;}
	.his-top-wr .txt-box p {font-size: 20px;}
	.his-top-wr .txt-box p b {font-size: 24px;}
	
	.his-top-wr {height: 210px;padding: 8% 5%;display: flex;justify-content: center;align-items: center;}
	.his-top-wr .txt-box {width: 100%; text-align: center; padding: 8% 0;}
	.history-box dl {padding-left: 5%;margin-left: 0;padding-bottom: 3%;padding-right: 5%;}
	.history-box dl:first-of-type {padding-top: 10%;}
	.history-box dl dt p {font-size: 23px;}
	.history-box dl dd p {font-size: 14px;line-height: 1.5em;padding-left: 18px;word-break: keep-all;}
	.history-box dl dt {float: none; display: block; width: 100%; margin-bottom: 0; padding-bottom: 0;}
	.history-box dl dd p:before {top: 11px;left: 7px;}
}


/* 사업소개 */
.cont-container.business {width: 100%; position: relative; margin: 0 auto 120px;}
.busi-top-wr {width: 95%;max-width: 1540px;height: auto;margin: 0 auto;padding: 50px 0;text-align: center;}
.busi-top-wr .txt-box {width: 100%; height: auto;}
.busi-top-wr .txt-box .tit {font-size: 37px;font-weight: 600;margin-bottom: 20px;padding-bottom: 20px;}
.busi-top-wr .txt-box .cont {font-size: 17px;letter-spacing: -0.2px;padding: 0 5%;word-break: keep-all;max-width: 1200px;margin: 0 auto;line-height: 1.8em;position: relative;font-weight: 300;}
.busi-top-wr .txt-box .cont:before {content: "";display: block;width: 90%;height: 1px;background: #dddddd;position: absolute;top: -21px;left: 50%;transform: translateX(-50%);}
.busi-card-wr {width: 100%; height: auto; position: relative; background: #f4f4f4;}
.busi-card-wr .icon-box {width: 100%;height: auto;text-align: center;padding: 55px 0 30px;}
.busi-card-wr .card-box {width: 95%;max-width: 1540px;margin: 0 auto;position: relative;display: flex;padding: 0 50px 50px;justify-content: center;align-items: center;}
.busi-card-wr .card-box article {width: 18%;height: auto;min-height: 125px;margin: 1%;padding: 20px 40px;background: #ffffff;border-radius: 0 0 10px 10px;border: 1px solid #dddddd;display: flex;justify-content: center;align-items: center;box-shadow: 4px 4px 3px rgba(0,0,0,0.08);position: relative;}
.busi-card-wr .card-box article:before {content: "";display: block;width: 100%;height: 3px;background: #d60051;position: absolute;top: 0px;left: 0px;}
.busi-card-wr .card-box article .txt {}
.busi-card-wr .card-box article .txt p {font-size: 20px;font-weight: 500;letter-spacing: -0.3px;word-break: keep-all;line-height: 28px;}
.busi-vari-wr {
    position: relative;
}
.busi-vari-wr .tit-box {padding: 70px 0 65px;}
.busi-vari-wr .tit-box .tit {font-size: 37px; font-weight: 600; position: relative; text-align: center;}
.busi-vari-wr .tit-box .tit:before {content: "";display: block;width: 50px;height: 2px;background: #d60051;position: absolute;bottom: -8px;left: 50%;transform: translateX(-50%);}
.busi-vari-wr .img-box {position: relative;width: auto;height: auto;margin: 0 auto;text-align: center;z-index: 0;}
.busi-vari-wr .img-box img {max-width: 100%;}
.busi-vari-wr .vari-box {width: 95%;max-width: 1540px;padding: 40px 0 50px 0;display: flex;justify-content: center;align-items: center;margin: -180px auto 0;position: relative;z-index: 1;}
.busi-vari-wr .vari-box article {width: 32.33%;margin: 1%;padding: 30px 40px;background: #f9f9f9;min-height: 310px;border: 1px solid #cccccc;display: flex;justify-content: center;}
.busi-vari-wr .vari-box article .txt {}
.busi-vari-wr .vari-box article .tit {font-size: 24px;font-weight: 500;margin-bottom: 10px;padding-left: 20px;position: relative;padding-bottom: 10px;border-bottom: 1px solid #cccccc;}
.busi-vari-wr .vari-box article .tit:before {content: "";display: block;width: 8px;height: 8px;background: #d60051;position: absolute;top: 11px;left: 0;transform: rotate(45deg);}
.busi-vari-wr .vari-box article .cont {font-size: 16px;letter-spacing: -0.3px;line-height: 1.8em;word-break: keep-all;color: #666666;font-weight: 300;}

/* 사업소개 - 반응형 */
@media all and (min-width:1200px) and (max-width:1519px) {
}
@media all and (min-width:1024px) and (max-width:1199px) {
	.busi-card-wr .card-box {flex-wrap: wrap; align-items: stretch; align-content: center;}
	.busi-card-wr .card-box article {width: 30%;margin-bottom: 2%;padding: 20px 3%;}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.busi-card-wr .card-box {flex-wrap: wrap;align-items: stretch;align-content: center;padding: 0 0 40px;}
	.busi-card-wr .card-box article {width: 30%;margin-bottom: 2%;padding: 20px 3%;}
	.busi-card-wr .card-box article .txt p {font-size: 18px;}
	.busi-vari-wr .vari-box {flex-wrap: wrap}
	.busi-vari-wr .vari-box article {width: 100%;height: auto;min-height: auto;}
}

@media all and (max-width:767px) {
	.busi-top-wr .txt-box .tit {font-size: 28px;}
	.busi-top-wr .txt-box .cont {font-size: 14px;}
	.busi-card-wr .card-box {flex-wrap: wrap; align-items: stretch; align-content: center;}
	.busi-card-wr .card-box article {width: 100%;margin-bottom: 2%;padding: 20px 3%;min-height: 75px;}
	.busi-card-wr .card-box article .txt p {font-size: 16px;}
	.busi-vari-wr .vari-box {flex-wrap: wrap; margin-top: 0; padding-top: 20px;}
	.busi-vari-wr .vari-box article {width: 100%;height: auto;min-height: auto;}
	.busi-vari-wr .vari-box article .tit {font-size: 20px;}
	.busi-vari-wr .vari-box article .cont {font-size: 14px;}
	.busi-vari-wr .tit-box .tit {font-size: 28px;}
}


/* 글로벌 네트워크 */
.cont-container.global {width: 100%; height: auto; margin-bottom: 130px;}
.global-top-wr {width: 100%;height: auto;padding: 50px 0;background: #f4f4f4;margin-bottom: 75px;}
.global-top-wr .txt {font-size: 24px;display: block;width: 90%;max-width: 1100px;margin: 0 auto;position: relative;text-align: center;word-break: keep-all;}
.global-top-wr .txt span {font-weight: 600;}

.global-map-wr {width: 100%; height: auto;}
.global-map-wr .map-box {width: 95%; max-width: 1400px; height: auto; margin: 0 auto; position: relative;}
.global-map-wr .map-box img {max-width: 100%;}

/* 글로벌 맵 - 펄스 위치지정 */
.pulsating-circle.asia1 {right: 18.5%;top: 45%;}
.pulsating-circle.asia2 {right: 27%;top: 44%;}
.pulsating-circle.asia3 {right: 23.5%;top: 62%;}
.pulsating-circle.asia4 {right: 21%;top: 63%;}
.pulsating-circle.asia5 {right: 31%;top: 54%;}
.pulsating-circle.asia6 {right: 25%;top: 59%;}
.pulsating-circle.asia7 {right: 20%;top: 60%;}

.pulsating-circle.m-e1 {right: 40%;top: 51%;}
.pulsating-circle.m-e2 {right: 42%;top: 56%;}
.pulsating-circle.m-e3 {right: 44%;top: 51%;}

.pulsating-circle.euro1 {right: 50%;top: 47%;}
.pulsating-circle.euro2 {right: 52%;top: 40%;}
.pulsating-circle.euro3 {right: 51%;top: 40%;}
.pulsating-circle.euro4 {right: 44%;top: 46%;}
.pulsating-circle.euro5 {right: 29%;top: 31%;}

.pulsating-circle.s-a1 {left: 33%;top: 66%;}

.pulsating-circle.africa1 {right: 50%;top: 59%;}

/* 글로벌 맵 - 펄스 애니메이션 */
.pulsating-circle {
  position: absolute;
  transform: translateX(-50%) translateY(-50%);
  width: 15px;
  height: 15px;
  display: block;
}
.pulsating-circle:before {
    content: '';
    position: relative;
    display: block;
    width: 500%;
    height: 500%;
    box-sizing: border-box;
    margin-left: -200%;
    margin-top: -200%;
    border-radius: 45px;
    background-color: #ffffff;
    animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
 }
.pulsating-circle:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #d60051;
    border: 3px solid #ffffff;
    border-radius: 50%;
    box-shadow: 0 0 8px rgba(0,0,0,.3);
    animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -.4s infinite;
 }

@keyframes pulse-ring {
  0% {
    transform: scale(.33);
  }
  80%, 100% {
    opacity: 0;
  }
}

@keyframes pulse-dot {
  0% {
    transform: scale(.8);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(.8);
  }
}

/* 글로벌 테이블 */
.global-table-wr {width: 95%;max-width: 1400px;height: auto;margin: 0 auto;margin-top: 50px;}
.global-table-wr table {width: 100%;height: auto;border-bottom: 1px solid #dddddd;border-top: 2px solid #d60051;}
.global-table-wr table thead tr th {font-size: 18px;padding: 10px;background: #f1f1f1;width: 20%;border-bottom: 4px double #bbbbbb;word-break: keep-all;vertical-align: middle;}
.global-table-wr table thead tr th:nth-child(2n) {background: #dddddd;}
.global-table-wr table tbody tr td {word-break: keep-all;font-size: 16px;text-align: center;padding: 5px;background: #ffffff;letter-spacing: -0.2px;}
.global-table-wr table tbody tr td:nth-child(2n) {background: #f9f9f9;}
.global-table-wr table tbody tr:first-of-type td {padding-top: 10px;}
.global-table-wr table tbody tr:last-of-type td {padding-bottom: 15px;}

/* 글로벌 네트워크 - 반응형 */
@media all and (min-width:1200px) and (max-width:1519px) {
}
@media all and (min-width:1024px) and (max-width:1199px) {
}

@media (min-width: 768px) and (max-width: 1023px) {
	.global-top-wr {}
	.global-top-wr .txt {font-size: 26px;}
	.pulsating-circle {display: none;}
}

@media all and (max-width:767px) {
	.pulsating-circle {display: none;}
	.global-table-wr table thead tr th {font-size: 15px;}
	.global-table-wr table tbody tr td {font-size: 14px;}
	.global-top-wr .txt {font-size:20px;}
}

/* 오시는 길 */
.sub-contents .cont-container.location {width: 95%;margin: 0 auto;max-width: 1400px;margin-bottom: 100px;}
.location .table-wr {width: 100%;height: auto;padding: 5px 5% 20px;background: #f9f9f9;border-radius: 15px;}
.location .table-wr table {width: 100%; height: auto; }
.location .table-wr table thead tr th {font-size: 27px;padding: 20px 20px 15px;text-align: left;border-bottom: 1px solid #bbbbbb;}
.location .table-wr table tbody tr th {font-size: 17px;text-align: left;padding: 10px 20px;border-bottom: 1px dashed #dddddd;}
.location .table-wr table tbody tr td {font-size: 16px;padding: 10px 20px;border-bottom: 1px dashed #dddddd; color: #555555}

.location .map-wr {width: 100%;height: 500px;margin: 30px 0;}
.location .map-wr>div {width: 100%; height: 100%;}
.location .map-wr>div>.wrap_map {height: calc(100% - 32px)!important;}

/* 오시는 길 - 반응형 */
@media all and (min-width:1200px) and (max-width:1519px) {
}
@media all and (min-width:1024px) and (max-width:1199px) {
	.location .table-wr table thead tr th {font-size: 24px;}
}
@media (min-width: 768px) and (max-width: 1023px) {
	.location .table-wr table thead tr th {font-size: 22px;}
	.location .table-wr table tbody tr th {font-size: 15px;}
	.location .table-wr table tbody tr td {font-size: 14px;}
}
@media all and (max-width:767px) {
	.location .table-wr table thead tr th {font-size: 20px;}
	.location .table-wr table tbody tr th {font-size: 15px;}
	.location .table-wr table tbody tr td {font-size: 14px;}
}

/* 제품소개 게시판 css */
.board-container {width: 95%; height: auto; margin: 0 auto; max-width: 1540px; margin-bottom: 120px;}

/* 제품소개 게시판 css - 반응형 */
@media all and (min-width:1200px) and (max-width:1519px) {
}
@media all and (min-width:1024px) and (max-width:1199px) {
}

@media (min-width: 768px) and (max-width: 1023px) {
	.board-container {padding: 5%}
}

@media all and (max-width:767px) {
	.board-container {padding: 5%; margin-bottom: 50px;}
}

/* 온라인 문의 */
.cont-container.inquiry {width: 95%; height: auto; margin: 0 auto 120px; max-width:1400px;}
.inquiry-essential-txt{text-align:right; color:#373737; font-size:13px; letter-spacing:-0.3px; position:absolute; right:0; bottom:0}
.essential-icon{color: #e60013;vertical-align: middle;}
.inquiry_sec h4{font-size: 26px;color: #222;position: relative;margin-bottom: 15px;font-weight: 500;}
.inquiry_sec.mt60 h4{ margin-top:60px}
.write-tbl{width:100%;border-top:1px solid #333;position: relative;}
.write-tbl>caption {display: block;overflow: hidden;text-indent: -9999px;position: absolute;top: 0;left: 0;}
.write-tbl th,.write-tbl td{padding: 15px 10px;border-bottom:1px solid #ddd;}
.write-tbl th{color:#202020; font-size:15px; font-weight:600; text-align:left;}
.write-tbl th.none_impor{ padding-left:20px;}
.write-tbl .write-input,
.write-tbl .write-select,
.write-tbl .write-textarea{height:38px; border:0px; width:63%; background-color:#fff; border:1px solid #d2d2d2; font-size:14px; vertical-align:middle;padding-left: 8px; box-sizing:border-box;}
.write-tbl .write-input:focus{border-color:#333;}
.write-tbl .write-input{text-indent:10px;}
.write-tbl .write-select{height:38px;}
.write-tbl .write-textarea{width:100%; height:200px; resize:none;}
.write-tbl td input[type="file"]{height:auto; padding:10px 0;text-indent:0; border:0;}
.write-tbl td .write-sub-txt{color:#888; margin-left:10px; font-size:11px; color:#aaa; letter-spacing:-0.5px;}
.write-tbl td .write-sub-txt2{display:block; color:#888; margin-top:5px; font-size:11px; color:#aaa;  letter-spacing:-0.5px;}
.write-tbl .hypen{margin:0 5px; display: inline-block; vertical-align: middle;}
.write-tbl .input-check{padding:10px 0;}
.write-tbl .input-check span{margin-right:30px;}
.write-tbl .input-check span label{vertical-align:middle; font-size:14px;}
.address-fieldset .write-input{margin-top:6px;}
.address-fieldset .write-input:first-child{margin-top:0;}
.write-tbl .address-btn{display:inline-block; min-width:114px; padding:0 10px; height:38px; border:1px solid #464646; vertical-align:middle; text-align:center; color:#464646; font-size:14px; font-weight:400; margin-left:10px;}
.write-tbl .address-btn:hover{background-color:#464646; color:#fff;}
.btn_address{display: inline-block; padding:0 20px; vertical-align: top; color: #fff;width: 187px;box-sizing: border-box;color: #fff;background: none; height: 38px; line-height:38px; font-size:14px; background:#777}
.radioCont li{float:left; padding-right:30px; font-size:15px; color:#666;}
.radioCont li input{ margin-right:5px}
.frm_info{color: #e73221;font-size:14px;font-weight:bold;margin-top: 5px;display:block;}
.filebox{ width: 100%;overflow: hidden;margin-bottom: 20px;}
.filebox .file_wr{width:100%; display:inline-block;}
.filebox > div.file_wr:nth-of-type(3){ float:right;}
.filebox .file_wr input{width: calc(100% - 134px);color:#aaa;font-size:13px;}
.filebox .file_wr label{display: inline-block; padding: 0 20px;vertical-align: top;color: #fff;width:130px;box-sizing: border-box;color: #fff;background: none;height: 38px;line-height: 38px; font-size: 12px; background: #777;}
.filebox input[type="file"]{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
.cm-btn-controls{overflow:hidden; text-align:center; padding-top:30px;}
.cm-btn-controls.cm-btn-align-left{text-align:left;}
.cm-btn-controls.cm-btn-align-right{text-align:right;}
.cm-btn-controls .left-btn-controls{float:left; }
.cm-btn-controls .right-btn-controls{float:right;}
.cm-btn-controls button,.cm-btn-controls a{display:inline-block;width: 170px;height: 52px;border:0;color:#fff;background-color:#000;font-size:17px;margin:0 2px 5px 2px;cursor:pointer;vertical-align:top;text-align:center;font-weight:400;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px;}
.cm-btn-controls a{line-height: 50px;}
.cm-btn-controls.cm-btn-long-controls button,.cm-btn-controls.cm-btn-long-controls a{width:100%; height:50px; margin:0px; margin-bottom:5px;}
.cm-btn-controls.cm-btn-long-controls a{box-sizing:border-box; line-height:50px;}
.cm-btn-controls .btn-style01{background-color: #d60051;}
.cm-btn-controls .btn-style02{background-color:#8c8c8c;}
.cm-btn-controls .btn-style03{box-sizing:border-box; background:#fff; border:1px solid #888; color:#222;}
.info_txt_box {width: 100%;height: 150px;margin: 10px 0;border: 1px solid #d2d2d2;overflow-y: hidden;border-radius: 2px;}
.info_txt_box textarea {padding:10px 25px; font-size:15px;}
.privacy_box {margin-bottom:60px;}
.privacy_box  .checkbox {text-align: right;}
.privacy_box .checkbox span {font-size: 15px;margin-right: 10px;}
.privacy_box .checkbox label {font-size:15px;}
.privacy_box .checkbox input[type="radio"] {margin: 2px 4px 0 7px;}


/* 온라인문의 - 반응형 */
@media all and (min-width:768px) and (max-width:1023px) {
}

@media all and (max-width:767px) {
	.inquiry_sec h4 {font-size: 18px; }
	.info_txt_box textarea {padding: 3% 5%; font-size: 13px;}
	.privacy_box .checkbox span {font-size: 14px;}
	.privacy_box {margin-bottom: 50px;}
	
	.write-tbl th {font-size: 14px;width: 25%;padding: 10px 5px;word-break: keep-all;}
	.write-tbl td {padding: 10px 5px 5px;}
	.write-tbl .write-input, .write-tbl .write-select, .write-tbl .write-textarea {font-size: 13px;width: 100%;padding-left: 3px;text-indent: 0;margin-bottom: 8px;}
    .filebox .file_wr label {width: 35%;}
    .filebox .file_wr input {width: 50%;}
    .frm_info {font-size:13px;margin-bottom:8px;word-break:keep-all;padding-left: 15px;}

    .cm-btn-controls button, .cm-btn-controls a {width:40%;font-size: 14px;height: auto;padding: 13px;line-height: 1.5em;}
}

/* 개인정보처리방침 */

.privacy {font-size: 17px;padding: 0 50px; width: 95%; margin: 0 auto 100px; max-width: 1400px;}
.privacy p {word-break: keep-all;}
.privacy p.tit {font-size: 26px;color: #d60051;font-weight: 600;padding: 35px 0 25px;margin-top: 10px;border-top: 1px solid #dddddd;}
.privacy p.tit:first-child {/* border-top: 0; */}
.privacy p.subtit {font-size: 19px;color: #333333;margin-bottom: 30px;line-height: 30px;font-weight: 500;}
.privacy p.cont {font-size: 17px;padding-bottom: 30px;color: #777777;font-weight: 300;padding-left: 30px;line-height: 29px;}

.privacy {font-size: 15px; color: #666666; letter-spacing: -0.2px; line-height: 1.8em; }
.privacy_topbox {margin-bottom: 50px;background: #f4f4f4;border: 1px solid #dddddd;border-radius: 8px;padding: 40px 50px;}
.privacy_topbox .tit {font-size: 26px;font-weight: 600;margin-bottom: 25px;padding: 0!important;margin-top: 0!important;margin-bottom: 35px;border-top: 0!important;}


/* 개인정보처리방침 - 반응형 */

@media all and (max-width: 800px) {
    .privacy {font-size: 14px; padding: 0 20px;}
    .privacy p.tit {margin-top: 0;font-size: 18px;padding-bottom: 20px;}
    .privacy p.subtit {font-size: 15px;margin-bottom: 20px;}
    .privacy p.cont {font-size: 14px;padding: 0 0 7% 7%;}
}