@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2017-05-29
******************************************************** */


/* ******************  회사소개 ********************** */
/* -------- 회사소개 :: CEO -------- */
.ceo-left-con{float:left; width:58%; vertical-align:top; background:url(/images/content/ceo_txt_bg.gif) no-repeat;}
.ceo-left-con strong{display:block; padding:11% 0 5%; color:#b10418 ;font-size:36px; font-weight:600; letter-spacing:-0.6px; }
.ceo-left-con p{color:#4c4c4c; line-height:38px; letter-spacing:-0.5px; font-size:16.5px;}

.ceo-left-con span {display:block; font-size:20px; text-align:right; margin-top: 20px}

.ceo-right-con{float:right; width:41%; text-align:right;  vertical-align:middle; padding-top:7%;}
.ceo-right-con img{width:100%; max-width:624px;}
@media all and (max-width:1220px) {
	.ceo-right-con {float:none; width:50%; margin-bottom: 20px;}
	.ceo-left-con {float:none; width:100%;}
}
@media all and (max-width:768px) {
	.ceo-left-con{background-size:26px auto; }
	.ceo-right-con {width:60%;}
	.ceo-left-con strong{font-size:30px; font-weight:600; letter-spacing:-0.6px; padding:35px 0 10px;  }
	.ceo-left-con p{font-size:14px; line-height: 24px;}
	.ceo-left-con span  {font-size:17px; margin-top: 10px;}
}
@media all and (max-width:486px) {
	.ceo-left-con strong{font-size:24px; font-weight:600; letter-spacing:-0.6px; }
	.ceo-right-con { width:100%;}
}
/* -------- 회사소개 :: About Us -------- */
.about-content h3 {font-size:36px; line-height: 48px; letter-spacing: -0.25px; color:#b10418; font-weight: 600; margin-bottom: 45px;}
.about-content p {font-size:17px; line-height: 38px; letter-spacing: -0.25px; color:#4c4c4c; margin-bottom: 95px;}
.about-img {overflow:hidden;}
.about-img ul li {float:left; width:33.3%;}
.about-img ul li img {width:100%;}
.about-img ul li p {display:block; padding:0 2%;}
.about-img span {color:#333; display:inline-block; margin-right:10px; font-weight: 600;}

@media all and (max-width:1220px) {
	.about-content h3 {font-size:32px; line-height: 40px; margin-bottom: 35px;}
	.about-content p {font-size:16px; line-height: 30px; margin-bottom: 75px;}
	
	.about-img ul li p {font-size:}
}
@media all and (max-width:768px) {
	.about-content h3 {font-size:28px; line-height: 35px; margin-bottom: 20px;}
	.about-content p {font-size:14px; line-height: 25px;margin-bottom: 55px;}

	.about-img ul li {float:none; width:100%;}
}

/* -------- 회사소개 :: 연혁 -------- */
.history-content {max-width:1558px; width:100%; margin:0 auto;}
.history-list-box {max-width:1220px; width:100%; margin:0 auto;}
.history-list-box > ul li{overflow:hidden; display:table; width:100%;}
.history-list-box > ul li h4{display:table-cell;position:relative; width:15%;  color:#4c4c4c; font-size:30px;font-weight:600; letter-spacing:-0.25px; vertical-align: top; border-right:1px solid #dfdfdf; line-height:38px;}
.history-list-box > ul li h4:after{position:absolute; top:21px; left:107px; content:""; width:106px; height:1px; background-color:#dfdfdf; }
.history-list-box > ul li .history-list-con{display:table-cell; width:70%;}
.history-list-box > ul li dl {}
.history-list-box > ul li dl dt{position:relative; float:left; width:9%; padding-left: 15px;}
.history-list-box > ul li dl dt:before{position:absolute; display:block; content:""; top:50%; left:-7px; width:13px; height:13px; margin-top:-5px; background:url("/images/content/history_dot.jpg") no-repeat;}
.history-list-box > ul li dl dt strong{color:#4c4c4c; font-weight:600; font-size:17px; letter-spacing: -0.25px; line-height:38px;}
.history-list-box > ul li dl dd{float:left; width:84%; padding-left:3%;}
.history-list-box > ul li dl:last-child dd{  padding-bottom:35px;}
.history-list-box > ul li dl dd p{padding-bottom:18px; padding-left:5%; color:#4c4c4c; font-size:17px; font-weight:400; letter-spacing:-0.25px; line-height:38px;}
.history-list-box > ul li dl dd p strong{display:inline-block; width:15%; color:#c8767f; font-weight:600; vertical-align:top;}
.history-list-box > ul li dl dd p span{display:inline-block; width:80%;  vertical-align:top;}
.history-img img {float:left; width:50%;}
@media all and ( max-width:1220px ){
    /* -------- 회사소개 :: 연혁 -------- */
    .history-list-box > ul li h4{font-size:25px;}
    .history-list-box > ul li h4:after{left:90px; width:40px;}
    .history-list-box > ul li dl dt strong{font-size:20px;}
    .history-list-box > ul li dl dd p strong,.history-list-box > ul li dl dd p span{font-size:13px}
}
@media all and ( max-width:768px ){
    /* -------- 회사소개 :: 연혁 -------- */
    .history-con-top-list ul{text-align:center;}
    .history-con-top-list ul li{float:none; display:inline-block; width:31.5%; margin:0.5% !important;}
    .history-list-box > ul li h4{display:block;width:100%;}
    .history-list-box > ul li h4:after{position:static; display:block; margin:10px 0 20px;}
    .history-list-box > ul li .history-list-con{display:block; width:100%;}
    .history-list-box > ul li dl dt{width:25%; text-indent:10px;}
	.history-list-box > ul li dl dt:before {left:0;}
    .history-list-box > ul li dl dd{width:100%;}
	.history-list-box > ul li dl dd p {padding-left: 5%;}
    .history-list-box > ul li dl dd p strong{width:15%;}
	.history-img img {float:none;max-width:100%; width:100%;}
}
 /* -------- 회사소개 :: Philosophy -------- */
.philo-list {max-width:1370px; margin:0 auto; width:100%; margin-bottom: 85px;}
.philo-list li {float:left; width:20%; margin-left: 6%; text-align:center;}
.philo-list li img {/*width:100%; */ width:80%;}
.philo-list li:first-child {margin-left: 0;}
.philo-list li p span {display:inline-block; margin-top: 30px; margin-bottom: 15px; font-size:24px; line-height: 32px; letter-spacing: -0.25px; color:#b10418; font-weight: 500;}
.philo-list li p {font-size:16px; line-height: 26px; letter-spacing: -0.25px; color:#525252;}
.philo-content > p {font-size:22px; line-height: 36px; letter-spacing: -1.3px; color:#4c4c4c; text-align:center; padding-top: 35px; background:url("/images/content/ceo_line.jpg") no-repeat center top; margin-bottom: 45px;}
.philo-info-bx {width:720px; height:661px; margin:0 auto; background:url("/images/content/ceo_img_5.jpg") no-repeat; position:relative;}
.philo-info-bx > div {position:absolute; width:275px; height:190px; padding-top: 50px; text-align:center; z-index:10;}
.philo-info-bx > div strong {font-size:42px; line-height: 46px; letter-spacing: -0.25px; color:#fff; font-weight: 600;}
.philo-info-bx > div .tit {font-size:20px; line-height: 32px; letter-spacing: -0.25px; color:#fff; font-weight: 600; margin: 10px 0;}
.philo-info-bx > div .txt {font-size:18px; line-height: 24px; letter-spacing: -0.25px; color:#fff;}
.philo-info-1 {left:215px; }
.philo-info-2 {top:365px; }
.philo-info-3 {top:365px; left:445px;}

@media all and (max-width:1220px) {
	.philo-list li p span {font-size:22px; }
	.philo-list li p {font-size:15px;}
	.philo-content > p {font-size:20px; line-height: 30px;}
}
@media all and (max-width:768px) {
	.philo-list {margin-bottom: 50px;}
	.philo-list li {float:none; width:100%; margin-left: 0;}
	.philo-list li p span {font-size:18px; line-height: 24px; margin-top: 0; margin-bottom: 5px;}
	.philo-list li p {font-size:13px; line-height: 20px;}
	.philo-list li dl {display:table; width:100%; margin:0 auto; margin-top: 20px; }
	.philo-list li dt {display:table-cell; width:35%; vertical-align: middle;}
	.philo-list li dt img {max-width:150px;}
	.philo-list li dd {display:table-cell; text-align:left; padding-left: 3%;vertical-align: middle;}
	.philo-content > p {font-size:17px; line-height: 25px; padding-top: 20px; margin-bottom: 20px;}
	.philo-info-bx {background:none; width:100%;  height:auto; overflow:hidden; display:block; text-align:center;}
	.philo-info-bx > div {position:static; width:230px;  height:210px; padding-top: 20px; -webkit-border-radius: 100%; 	-moz-border-radius:100% ; border-radius: 100%;}
	.philo-info-bx > div:first-child {margin-left: 0; margin:0 auto;}
	.philo-info-bx > div strong {font-size:35px}
	.philo-info-bx > div .tit {height:49px; padding-top: 17px; font-size:15px; line-height: 25px; margin:5px 0;}
	.philo-info-bx > div .txt {font-size:15px; line-height: 19px;}
	.philo-info-1 {background-color:#B10418; display:block; margin:0 auto;}
	.philo-info-2 {background-color:#287D6C;display:inline-block}
	.philo-info-3 {background-color:#3A287D; display:inline-block; margin-left: 2%;}
}


/* ****************** 제품 :: 공통 ********************** */
/* -------- 제품 타이틀, 텍스트 -------- */
.prd-tit-con{width:100%; margin-bottom:3%;}
.prd-tit-con > h3{font-size:26px; line-height:32px; color:#b10418; font-weight:500; letter-spacing:-0.25px; margin-bottom:2%;}
.prd-tit-con > p{font-size:16px; line-height:32px; color:#525252; letter-spacing:-0.25px;}
.prd-content{width:100%; margin-bottom:15%;}
.prd-tbl-tit{font-size:24px; line-height:38px; color:#c8767f; font-weight:600; letter-spacing:-0.25px; margin-bottom:1.5%;}
.prd-tbl-tit:before{display:inline-block; content:""; vertical-align:middle; width:4px; height:10px; background-color:#b71628; margin-right:10px; -ms-transform:rotate(0deg) skewX(-40deg); -webkit-transform:rotate(0deg) skewX(-40deg); -moz-transform:rotate(0deg) skewX(-40deg); -o-transform:rotate(0deg) skewX(-40deg); transform:rotate(0deg) skewX(-40deg);}

.green-content .prd-tit-con > h3{color:#478300;}
.green-content .prd-tbl-tit{color:#91b566}
.green-content .prd-tbl-tit:before{background-color:#478300}
.orange-content .prd-tit-con > h3{color:#fb7000;}
.orange-content .prd-tbl-tit{color:#fda966}
.orange-content .prd-tbl-tit:before{background-color:#fb7000}
.black-content .prd-tit-con > h3{color:#000000; font-size:24px; line-height: 32px; font-weight: 600; display:inline-block; }
.black-content .prd-tit-con > h3 img {display:inline-block; vertical-align: bottom; margin-right:15px}

.prd-characteristic h3{font-size:20px; font-weight:500; letter-spacing:-0.25px; color:#222; margin-bottom:15px; }
.prd-characteristic p{position:relative; padding-left:12px; color:#444; letter-spacing:-0.3px; font-size:14px; line-height:18px; margin-bottom:10px;}
.prd-characteristic p:before{position:absolute; top:0; left:0; content:"·"; }
/* -------- 제품 테이블 -------- */
.content-table-con{width:100%; position:relative;}
.content-tbl{width:100%; word-break:keep-all;}
.content-tbl th{font-size:16px; line-height:18px; color:#b10418; font-weight:600; letter-spacing:-0.25px; border-top:1px solid #b10418; border-bottom:1px solid #b10418; border-left:1px solid #cbcbcb; padding:20px 0;}
.content-tbl td{font-size:16px; line-height:18px; padding:20px 1%; text-align:center; color:#525252; letter-spacing:-0.25px; border:1px solid #cbcbcb; border-top:0; border-right:0;}
.content-tbl tr th:first-child, .content-tbl tr td:first-child{border-left:0;}
.green-content .content-tbl th{color:#478300; border-top-color:#478300; border-bottom-color:#478300}
.orange-content .content-tbl th{color:#fb7000; border-top-color:#fb7000; border-bottom-color:#fb7000}
.swiper-container.point{margin-bottom:4%;}
.m-scroll-table-con tbody th br{display:block;}
/* 제품 :: 테이블스타일 */
.swiper-table-container {
    text-align:center;
    background: #fff;
    width:100%;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	margin-bottom:3%;
}
.swiper-scrollbar-tbl, .swiper-scrollbar-tbl .swiper-scrollbar-drag{display:none;}
@media all and (max-width:1220px){
	/* 제품 :: 제품타이틀, 텍스트 */
	.prd-tit-con > h3{font-size:20px;}
	.prd-tit-con > p{font-size:14px; line-height:26px;}
	.prd-tbl-tit{font-size:16px; line-height:24px;}
	.prd-tbl-tit:before{margin-top:-2px;}

	/* 제품 :: 제품테이블 */
	.content-tbl th, .content-tbl td{font-size:13px; padding:10px 5px;}

}
@media all and (max-width:800px){
   /* 제품 :: 테이블스타일 */
	.swiper-container-android .swiper-slide,
    .swiper-table-container .swiper-wrapper {
      -webkit-transform: translate3d(0px, 0, 0);
      -moz-transform: translate3d(0px, 0, 0);
      -o-transform: translate(0px, 0px);
      -ms-transform: translate3d(0px, 0, 0);
      transform: translate3d(0px, 0, 0);
    }
    .m-scroll-table-con{width:800px; padding-bottom:20px; cursor:pointer}
    .swiper-table-container {
        width: calc( 100% + 15px );
        margin: 20px -15px 20px 0 !important ;
    }
    .swiper-table-container:after{
        position:absolute; top:0px; right:0px; width:30px; height:100%; content:""; z-index:9; opacity:0.2;filter:Alpha(opacity=20);
        background:url(/images/content/table_bg.png) repeat-x 0% 50%
    }
    .swiper-slide-tbl{width:800px !important;}
    .swiper-scrollbar-tbl{display:block;}
    .swiper-scrollbar-tbl .swiper-scrollbar-drag{display:block; background-color:#b10418;}
}

@media all and (max-width:768px){
	/* 제품 :: 제품타이틀, 텍스트 */
	.prd-tit-con > h3{font-size:18px; line-height:24px;}
	.prd-tit-con > p{font-size:13px; line-height:20px;}
	.prd-tbl-tit{font-size:14px; line-height:22px;}
	.prd-characteristic h3{font-size:15px; line-height:20px;}
	.prd-characteristic p{font-size:13px; word-break:keep-all;}
	/* 제품 :: 제품테이블 */
	.content-tbl th, .content-tbl td{font-size:12px; padding:8px 3px;}

}

.content-tbl-2 {border-top: 4px solid #fb7000; border-bottom: 4px solid #fb7000;}
.content-tbl-2 .exp {text-align:left; padding-left: 3%;}


/* ****************** Application ********************** */
.application-content h3 {font-size:24px; line-height: 38px; letter-spacing: -0.25px; color:#b10418; font-weight: 600; padding-bottom: 15px; border-bottom: 1px solid #b10418; padding-left: 25px; background:url("/images/content/app_icon.jpg") no-repeat left 15px; text-align:left; }
.application-content .green-application h3 {background:url("/images/content/app_green_icon.jpg") no-repeat left 15px; color:#478300; border-bottom: 1px solid #478300;}
.application-bx2.green-application p .name , .application-bx3.green-application p .name {color:#478300; }


.application-bx3, .application-bx2, .application-bx {margin-top: 105px;}
.application-bx:first-child {margin-top: 0;}
.application-bx ul li {float:left; width:49%; margin-left:2%}
.application-bx ul li.mal0 {margin-left:0}
.application-bx dl {display:table; width:100%; margin-top: 15px;}
.application-bx dt {display:table-cell; width:44%; vertical-align: middle;}
.application-bx dt img {max-width:100%;}

.application-bx dd {display:table-cell; padding-left: 5%; vertical-align: middle;}
.application-bx dd p {display:table; width:100%; text-align:left;}
.application-bx p span {display:table-cell; font-size:16px; line-height: 30px; letter-spacing: -0.25px; color:#525252; padding-left: 5px;}
.application-bx p .name {vertical-align: top; white-space:nowrap; width:3%; color:#b10418; padding-left: 0;}

.application-bx2 dl {display:table;width:100%; margin-top: 15px;}
.application-bx2 dt {display:table-cell; width:44%;overflow:hidden;}
.application-bx2 dt img {float:left; display:inline-block; width:50%; max-width:100%; } 
.application-bx2 dd {display:table-cell; vertical-align: middle; padding-left: 3%;}
.application-bx2 dd p {display:table; width:100%; text-align:left;}
.application-bx2 p span {display:table-cell; font-size:16px; line-height: 30px; letter-spacing: -0.25px; color:#525252; padding-left: 5px;}
.application-bx2 p .name {vertical-align: top; white-space:nowrap; width:3%; color:#b10418; padding-left: 0;}


.application-bx3 ul li {float:left; width:100%; margin-left:2%}
.application-bx3 ul li.mal0 {margin-left:0}
.application-bx3 dl {display:table;width:100%; margin-top: 15px;}
.application-bx3 dt {display:table-cell; width:22%;overflow:hidden;}
.application-bx3 dt img {max-width:100%;} 
.application-bx3 dd {display:table-cell; vertical-align: middle; padding-left: 3%;}
.application-bx3 dd p {display:table; width:100%; text-align:left;}
.application-bx3 p span {display:table-cell; font-size:16px; line-height: 30px; letter-spacing: -0.25px; color:#525252; padding-left: 5px;}
.application-bx3 p .name {width:3%; white-space:nowrap;}

.backslash {
	background: url('/images/content/table_diagonal.png');
	background-size: 100% 100%;
	text-align: left;
}
.application-content .content-tbl th.backslash p { vertical-align: bottom; margin-left: -25%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}
.application-content  .backslash div { text-align: left;  margin-left:45%; margin-top: 0%; margin-bottom:60%;}

.application-content thead tr th:first-child {border-right: 1px solid #cbcbcb;}
.application-content .content-tbl th {text-align:center; vertical-align: middle;}
.application-content .content-tbl th span {display:block; margin-top: 10px; width:auto; height:auto;}
.application-content .content-tbl  thead th p {-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); white-space:nowrap;}
.application-content tbody th {border-right:1px solid #b10418; }
.application-content .application-list-th th {padding-top:30px; padding-bottom: 50px; text-align:left;}
.application-content tbody span {display:inline-block; width:5px; height:5px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius:100% ;}
.good {border:1px solid #000; }
.excell {background-color:#000;}

.application-content .prd-tit-con {margin-top: 10%;}


@media all and (max-width:1220px) {

	.application-bx dl {display:block;}
	.application-bx dt {display:block; width:100%; text-align:center;}
	.application-bx dd {display:block;padding-left: 10px; max-width:340px; margin:0 auto;}
	.application-bx p span {font-size:15px; line-height: 24px;}

	.application-bx2 dl {display:table;}
	.application-bx2 dt {display:table-cell; width:50%;}
	.application-bx2 dd {display:table-cell;}
	.application-bx2 p span {font-size:15px; line-height: 24px;}

	.application-bx3 dt {width:25%;}
	.application-bx3 p span {font-size:15px; line-height: 24px;}

	.application-content .content-tbl th.backslash p { margin-left: -20%; }
	.application-content .backslash div { text-align: left;  margin-left:40%; margin-top: 0%; margin-bottom:80%;}
}
@media all and (max-width:768px) {
	.application-content h3 {font-size:18px; line-height: 28px; padding-bottom: 10px; background:url("/images/content/app_icon.jpg") no-repeat left 10px; background-size:15px}
	.application-bx2, .application-bx {margin-top: 50px;}
	.application-bx dd {max-width:100%;}

	.application-bx2 dl {display:block;}
	.application-bx2 dt {display:block; width:100%;}
	.application-bx2 dt img {width:50%;}
	.application-bx2 dd {display:block;}
	.application-bx2 p span {font-size:13px; line-height: 19px;}

	.application-bx3 dt {width:50%;overflow:hidden;}
	.application-bx3 p {display:block;}
	.application-bx3 p span {font-size:13px; line-height: 19px; display:block;}

	.application-content .content-tbl th.backslash p { margin-left: -15%; }
	.backslash div { text-align: left;  margin-left:30%; margin-top: 0%; margin-bottom:110%;}
}
@media all and (max-width:480px) {
	.application-bx, .application-bx2, .application-bx3 {text-align:center; margin-top: 25px;}
	.application-bx ul li {float:none; width:100%; margin-left: 0;}
	.application-bx dt img {width:100%;}
	
	.application-bx2 ul {display:inline-block; text-align:center;}
	.application-bx2 ul li {width:100%;}
	.application-bx2 dl {display:inline-block;}
	.application-bx2 dt img {float:none; max-width:100%; width:100%;}

	.application-bx3 dl {display:block;}
	.application-bx3 dt img {width:100%;}
	.application-bx3 dd {display:block; }
	.application-bx3 p {display:table;}
	.application-bx3 p span {font-size:13px; line-height: 19px; display:table-cell;}
}


/* ****************** Global Network ********************** */
.sub-global-content  {}
.sub-global-wrap {padding:95px 0; background-color:#F0F0F0;}
.sub-global-inner {max-width:1558px; width:100%; margin:0 auto;}
.sub-global-inner > p {font-size:22px; line-height: 36px; letter-spacing: -0.25px; color:#4c4c4c; padding-top: 65px; background:url("/images/content/global_icon.png") no-repeat center top; text-align:center; margin-bottom: 50px;}
.sub-global-content h4 {font-size:36px; letter-spacing: 8px; color:#4c4c4c; font-weight: 600; font-style: italic; text-align:center; padding:30px 0; border-top: 1px solid #4C4C4C; border-bottom: 1px solid #4C4C4C; margin:0 auto; margin-bottom: 45px; width:92%;}
.sub-global-content h4 span {color:#b10418}
.sub-global-list {max-width:1220px;width:96%; margin:0 auto; padding-left: 4%;}
.global-table-wrap > div > li {float:left; font-size:16px; line-height: 32px; letter-spacing: -0.25px; color:#4c4c4c; font-weight: 500; width:17%;}
.global-table-wrap > div > li ul li p {padding-left:25px; background:url("/images/content/global_dot.png") no-repeat left center;}
.sub-global-list .global-list-img {float:left; width:27%;}
.sub-global-list > ul > li img {max-width:100%;}
.sub-global-logo {max-width:1020px; width:100%; margin:0 auto; display:table; margin-top: 70px; padding-bottom: 165px; text-align:left;}
.sub-global-logo li {display:table-cell; width:25%;}
.sub-global-logo li img {max-width:100%;}

.sub-pc-img {display:none;}
.sub-global-map {text-align:center; margin-bottom: 40px; position:relative;}

.sub-kr-round-ani{position:absolute; top:50%; left:50%; width:70px; height:70px; margin:-157px 0 0 312px;
	transform:rotate(135deg) ;
	-webkit-transform:rotate(135deg);
}
.sub-kr-round-ani span{
	display:block; position:absolute; top:0px; left:0px; width:200px; height:200px;  opacity: 0;
	-webkit-border-radius:100em;-moz-border-radius:100em;-o-border-radius:100em;border-radius:100em; background:#B10418;
	-webkit-animation: ball-scale-multiple 3s 0s linear infinite;
    animation: ball-scale-multiple 3s 0s linear infinite;
}
.sub-kr-round-ani b{width:6px; height:6px; -webkit-border-radius:100em;-moz-border-radius:100em;-o-border-radius:100em;border-radius:100em; position:absolute; top:0; left:13px; z-index:99;}
/* Global Network :: 하단 국가 리스트 */
.nation-list-wrap{background:#F0F0F0 url(/images/content/global_img_bx.jpg) no-repeat 100% 50%; background-size:contain}
.sub-global-wrap > ul > li{position:relative; float:left; width:33.33%; max-width:250px;}
.sub-global-wrap > ul > li > ul > li{position:relative; color:#4c4c4c; font-size:16px; letter-spacing:-0.3px; font-weight:500; padding-left:20px; margin-bottom:15px;}
.sub-global-wrap > ul > li > ul > li:before{display:inline-block; content:""; width:4px; height:4px; border-radius:4px; background-color:#444; position:absolute; top:8px; left:0px;}
.sub-global-wrap > ul > li > ul > li.space{margin-bottom:106px;}
.global-nation-img{display:none;}
@keyframes ball-scale-multiple {
	0% {
		width:5px;
		height:5px;
		opacity: 0; 
	}
	50% {
		opacity: 0.16; 
	}
	100% {
		width:200px;
		height:200px;
		opacity: 0; 
	} 
}
@media all and (max-width:1220px) {


	.sub-pc-img {display:block; margin-bottom: 20px;}
	.sub-pc-img img {width:96%; margin:0 auto;}
	.sub-global-inner {width:92%; margin:0 auto;}
	.sub-global-inner > p {font-size:20px; line-height: 30px; }
	.sub-global-map {display:none;}
	.pc-img {display:block;margin-bottom: 20px;}
	.pc-img img {width:100%;}
	.sub-global-content h4 {font-size:32px; margin-bottom: 45px;}
	/* .sub-global-list {padding-left: 8%;} */
	.global-table-wrap > div > li {font-size:15px; line-height: 24px;}
	.sub-global-logo {padding-bottom: 100px;}

	.global-table-wrap {width:60%; float:left;}
	.sub-global-table {display:table; width:100%;}
	.global-table-wrap > div > li {width:50%; float:none; display:table-cell; }

	.sub-global-list .global-list-img {width:35%; text-align:center;  float:left;}
	.sub-global-list .global-list-img img {max-width:100%; width:auto;}

	/* Global Network :: 하단 국가 리스트 */
	.nation-list-wrap{background-size:auto 70%;}
	.sub-global-wrap > ul > li{max-width:170px;}
}
@media all and (max-width:768px) {
	.sub-global-content h4 {font-size:25px; padding:15px 0; margin-bottom: 20px;}
	.sub-global-inner > p {background-size:26px auto; padding-top: 40px; font-size:16px; line-height: 24px;}
	.sub-global-list {width:100%; padding-left: 5%;}
	.global-table-wrap> div > li ul li p {padding-left: 10px; background-size:3px auto}
	.sub-global-logo li {width:50%; display:inline-block; float:left; text-align:center; height:80px; line-height: 80px;}
	.sub-global-logo {padding-bottom: 70px;}
	.sub-global-wrap {padding:60px 0;}

	.global-table-wrap {width:100%; float:none;}

	.sub-global-list .global-list-img {width:99%; text-align:right;  float:none;}

	/* Global Network :: 하단 국가 리스트 */
	.nation-list-wrap{background-image:none;}
	.sub-global-wrap > ul > li{max-width:none;}
	.sub-global-wrap > ul > li > ul > li{font-size:13px; font-weight:400; margin-bottom:10px;}
	.sub-global-wrap > ul > li > ul > li:before{top:3px}
	.sub-global-wrap > ul > li > ul > li.space{margin-bottom:78px;}
	.global-nation-img{display:block; text-align:center;}
	.global-nation-img img{width:100%; max-width:400px;}

}
@media all and (max-width:480px) {
	.sub-global-table {display:table; width:100%;}
	.global-table-wrap > div {margin-top: 20px;}
	.global-table-wrap > div > li {width:50%; float:none; display:table-cell; font-size:13px; line-height: 20px;}
	.sub-global-logo li {width:100%;}
	.sub-global-logo {padding-bottom: 20px;}
	.sub-global-wrap {padding:30px 0;}

	.sub-global-list .global-list-img {padding-right:9%; width:91%; text-align:center;}
	.sub-global-list .global-list-img img {width:80%}

	/* Global Network :: 하단 국가 리스트 */
	.sub-global-wrap > ul > li{width:50%;}
	.sub-global-wrap > ul > li > ul > li{padding-left:12px;}
	.sub-global-wrap > ul > li > ul > li.space{margin-bottom:10px;}
}



/* ****************** Contact Us ********************** */
.contact-content {width:100%; max-width:1220px; margin:0 auto;}
.contact-list li {float:left; width:48%;}
.contact-list li:first-child {margin-right:4%;}
.contact-tit {width:100%; padding-top: 12%; position:relative; display:table; }
.contact-tit span {position:absolute; left:0; top:0; bottom:0; right:0; z-index:5;}
.contact-tit img {width:100%; max-width:580px;  }
.contact-tit p {position:absolute; left:30px; top:30%;  z-index:10; display:table-cell; vertical-align: middle;font-size:24px; letter-spacing: -0.25px; color:#fff; font-weight: 500; }
.contact-img img {width:100%; max-width:580px;}
.contact-info {margin-top: 30px;}
.contact-info p {display:inline-block; font-size:18px; line-height: 36px; letter-spacing: -0.25px; color:#525252; width:26%;}
.contact-info p span {color:#000000; font-weight: 500; display:block;}
.contact-info p i {vertical-align: middle; display:inline-block; margin-right:5px;}

@media all and (max-width:1220px) {
	.contact-tit p {font-size:19px; left:20px; top:33%;}

	.contact-info {margin-top: 15px;}
	.contact-info p {font-size:16px; display:block; width:100%;  line-height: 30px;}
	.contact-info p span {display:inline-block; margin-right:10px;}
}

@media all and (max-width:768px) {
	.contact-tit {display:block;margin:0 auto; max-width:580px; margin-top: 10px;}
	.contact-list {text-align:center;}
	.contact-list li {float:none; max-width:100%; width:100%; margin:0 auto;}
	.contact-tit p {font-size:16px; left:30px}
	.contact-info p span {font-size:15px}
	.contact-info {max-width:580px; margin:0 auto;}
	.contact-info i {font-size:20px}
	.contact-info p {font-size:13px; text-align:left; line-height: 27px;}
	.contact-info p span {font-size:13px}

	.contact-list li:first-child {margin-bottom: 20px;}
}

@media all and (max-width:480px) {
	.contact-tit p {font-size:14px; top: 30%; left:10px;}
	.contact-info p span {font-size:15px}
	.contact-info {max-width:580px; margin:0 auto;}
	.contact-info i {font-size:20px}
	.contact-info p {font-size:13px; text-align:left; line-height: 27px;}
	.contact-info p span {font-size:13px}

	.contact-list li:first-child {margin-bottom: 20px;}
}


/* ****************** product04 ********************** */
.imports-list {margin:90px 0;}
.imports-list.imports-mid-list {margin-top:30px; margin-bottom: 90px;}
.imports-list h4 {font-size:18px; line-height: 32px; letter-spacing: -0.25px; color:#000000; font-weight: 600;}
.imports-list p {font-size:16px; line-height: 32px; letter-spacing: -0.25px; color:#525252}
.imports-list ul {margin-top: 20px;}
.imports-list li {padding-left: 20px; position:relative;}
.imports-list li::before {content:"";position:absolute; width:8px; height:3px; background-color:#000; left:0; top:15px;}
.imports-list li .tit {color:#000000;}

.prd-tbl-exp {font-size:16px; line-height: 32px; letter-spacing: -0.25px; color:#525252; margin-bottom: 20px;}

.imports-img li {float:left; width:49%;}
.imports-img li h4 {font-size:24px; line-height: 32px; letter-spacing: -0.25px; color:#965656; font-weight: 500; padding-bottom: 10px; margin-bottom: 25px; border-bottom:  double #D9D9D9; }
.imports-img li:first-child {margin-right:2%}
.imports-img li img {width:100%; max-width:756px;}
.content-tbl tr th.bol:first-child {border-left: 1px solid #CBCBCB;}

.product04-table .content-tbl tbody th {border-right: 1px solid #b10418;}
.product04-table .content-tbl tbody th p {-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg);}

.product04-table > p {text-align:right; font-size:16px; line-height: 18px; color:#525252; letter-spacing: -0.25px; padding:10px 0;}
.product04-table .dot {display:inline-block; width:10px; height:10px; background-color:#000; -webkit-border-radius: 100%; -moz-border-radius: 100%;border-radius:100% ; margin-right:5px; vertical-align: middle;}

.backslash {
	background: url('/images/content/table_diagonal.png');
	background-size: 100% 100%;
	text-align: left;
	border-right: 1px solid #cbcbcb;
}
.backslash p { margin-top: 10px; vertical-align: bottom; margin-left: 5%;}
.backslash div { text-align: left;  margin-left:75%; margin-bottom: 15%;}

@media all and (max-width:768px) {
	.product04-table > p {font-size:13px; line-height: 20px;}
	.product04-table .dot {width:6px; height:6px;}
	.black-content .prd-tit-con > h3 {font-size:18px; line-height: 24px;}
	.black-content .prd-tit-con > h3 img {width:40%; min-width:112px; margin-bottom: 10px;}
	.imports-list {margin:20px 0; margin-top: 40px;}
	.imports-list p {font-size:13px; line-height: 20px;}
	.imports-img li h4 {font-size:18px; line-height: 24px; margin-bottom: 15px;}
	.imports-img li {float:none; width:100%; margin-top: 20px;}
	.imports-img li:first-child {margin-top: 0; margin-right:0}
}