@charset "utf-8";

/* 중문은 경량화 폰트 사용이 불가하여 폰트 재정의 */

@font-face {
	font-family:'NotoSansKR';
	src: url('../../font/NotoSans-Medium.eot');
	src: url('../../font/NotoSans-Medium.eot?#iefix') format('embedded-opentype'),
		 url('../../font/NotoSans-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family:'NotoSansKR';
	src: url('../../font/NotoSans-Regular.eot');
	src: url('../../font/NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
		 url('../../font/NotoSans-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family:'NotoSansKR';
	src: url('../../font/NotoSans-Bold.eot');
	src: url('../../font/NotoSans-Bold.eot?#iefix') format('embedded-opentype'),
		 url('../../font/NotoSans-Bold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}


/* font */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,input,span{word-break:normal;}
body#ch{font-family:'NotoSansKR', Dotum,'돋움', Helvetica, AppleSDGothicNeo; font-weight: 500;}
h1,h2,h3,h4,h5,h6,input,button{font-family:inherit; font-weight: 500;}

.sub-container.now strong, #box-main strong{font-weight: 600;}
#box-main .main-cont .cont3 .hgroup h1, 
#box-main .main-cont .cont4 .hgroup h1, 
.sub-container .hgroup .title-h3, 
.sub-container.now .visual-area .slick-slider .link .txt-wrap .summary,
.sub-container.now .title-h2 strong,
.sub-container .hgroup.cont-more .title-h3 span{font-family:'CJONLYONE';}


/* 공통 : header */
#header h1 a{width:96px;height:33px;background-image:url('../images/logo_h1_2.png');background-size:95px 33px;background-position:1px 0}
#header.nav_down h1 a{background-image:url('../images/logo_h1_2.png');}
#header.main h1 a{background-image:url('../images/logo_h1.png');}
#header.main.nav_down h1 a{background-image:url('../images/logo_h1_2.png');}

/*공통 : footer (170831 cwh 완료)*/
#footer .box-menu-3 > dl .txt-2{padding:0 25px 0 25px;text-align:center;}
#footer .box-menu-3 > dl > dt > a{display:inline-block;width:100%;height:45px;background:url('/static/m/ch/images/logo/logo_footer_1_ch.png') no-repeat 50% 0;background-size: auto 45px;}
/*.title-sub4depth{font-family:'ProximaNovaBold';}*/
/*.common-title-article1depth{font-family:'ProximaNovaBold';}*/

/* 공통 GNB 헤더로고 */
#gnb .box-top > a{display:inline-block;width: 84px;height:50px;background: url('../images/logo_h1_2.png') no-repeat 50% 50%;background-size:84px;}

/* location : 말줄임처리 */
/*.location > ul > li{float: left;padding: 13px 15px 0 15px;box-sizing: border-box;}
.location > ul > li:last-child{box-sizing: border-box;max-width: 132px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.location > ul > li:first-child{width:auto;padding: 13px 15px 0 15px;}
.location > ul > li a{width:100%;}
.location > ul > li > a:after{right:-15px;}*/

/* 사업영역 */
/*.list-businessType-1 ul li dd{word-break: break-all;}*/
.title-business-1{padding:0 25px;text-align:center;}
.hr-subMain-cont .box-cont .txt-type-1{padding:0 25px;}
.hr-subMain-cont.box-whBusinessThumb-2 .box-cont .box-title{padding:0 25px;}
.box-whBusinessList-5 .title-business-1{padding:85px 25px 35px;}
.box-whListItem-1 .item-thumb .list-tag > li a{color:#fff;display:inline-block;padding:8px 10px;border: 1px solid #fff;margin-top: 1px;text-overflow: ellipsis;white-space: nowrap;max-width:95px;overflow: hidden;box-sizing: border-box;}
.box-whListItem-1 .item-movie .txt-1{min-height:52px;height:52px;-webkit-line-clamp:2;}

/* TES */
.box-tesSubMainTop .Htext-top span{padding:0 25px;}
.box-tesSub .box-title .Htxt-2{padding:0 25px;}
.box-hctList > li .Htxt-4{max-width:103px;}

/* 회사소개 > 중/영문 메인 */
.box-subMainCop .list-cont > li:nth-child(2):before{display:block;content:'';position:absolute;top:-130px;left:0;width:100%;height:960px;background:url('/static/m/global/template/images/bl/bl_line_4.png') no-repeat 50% 0;background-size: auto 955px;z-index:-1;}
.box-subMainCop{padding:20px 0;}
.box-subMainCop .list-cont > li:nth-child(2):before{background-size:auto 955px;}
.box-subMainCop .list-cont > li .tt-3{padding:0 25px;}
/*.box-subMainCop .list-cont > li{padding:0 40px;}*/
.box-subMainCop .list-cont .box-ciLogo-wrap{max-width:290px;margin:30px auto 22px;}
.box-subMainCop .list-cont .box-ciLogo-wrap:after{display:block;content:'';clear:both;}
.box-subMainCop .list-cont .box-ciLogo-wrap .box-ciLogo{float:left;padding:0;width:39%;box-sizing:border-box;padding-right:14px;margin-top: 39px;}
.box-subMainCop .list-cont .box-ciLogo-wrap .right{float:right;width:61%;box-sizing:border-box;padding-left:14px;border-left:solid 1px #e5e5e5;}
.box-subMainCop .list-cont .box-ciLogo-wrap .right .list-1 li{padding-left:26px;margin-bottom:13px;}
.box-subMainCop .list-cont .box-ciLogo-wrap .right .list-1 li .list-txt-1{font-size:14px;line-height:15px;color:#333;font-weight:400;}
.box-subMainCop .list-cont .box-ciLogo-wrap .right .list-1 li .list-txt-2{font-size:12px;line-height:15px;color:#666;font-weight:400;}
.box-subMainCop .list-cont .box-ciLogo-wrap .right .list-1 li.bg-1{background:url('/static/pc/global/template/images/logo/logo_cjCiGrobal_1_2.png') no-repeat 0 5px;background-size:17px;}
.box-subMainCop .list-cont .box-ciLogo-wrap .right .list-1 li.bg-2{background:url('/static/pc/global/template/images/logo/logo_cjCiGrobal_1_3.png') no-repeat 0 5px;background-size:17px;}
.box-subMainCop .list-cont .box-ciLogo-wrap .right .list-1 li.bg-3{background:url('/static/pc/global/template/images/logo/logo_cjCiGrobal_1_4.png') no-repeat 0 5px;background-size:17px;}
.box-subMainCop .list-cont .box-ciLogo-wrap .right .list-1 li.bg-4{background:url('/static/pc/global/template/images/logo/logo_cjCiGrobal_1_5.png') no-repeat 0 5px;background-size:17px;}
.responsive-img-wrap{position: relative;display: inline-block;vertical-align: top;max-width: 100%;overflow-x: auto;white-space: nowrap;border-collapse: collapse;border-spacing: 0;-webkit-overflow-scrolling:touch;background:-webkit-linear-gradient(left ,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 75%) 0 center,-webkit-linear-gradient(right ,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 75%) 100% center;background:linear-gradient(left,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 75%) 0 center,linear-gradient(right,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 75%) 100% center;background-size:20px 100%,20px 100%;background-attachment:scroll,scroll;background-repeat:no-repeat;}
.responsive-img-wrap .responsive-img{height:388px;}
.responsive-img-wrap .responsive-img img{height:388px;}
.box-subMainCop .list-cont > li:nth-child(4){padding-bottom: 35px;}
.box-subMainCop .list-cont > li:nth-child(4):before{display:none;}
.box-subMainCop .list-cont > li:nth-child(6):before{display:block;content:'';position:absolute;top:-100px;left:0;width:100%;height:1900px;background:url('/static/m/global/template/images/bl/bl_line_5.png') no-repeat 50% 0;background-size:auto 2000px;z-index:-1;}
.box-subMainCop .list-cont > li .tt-6{padding:0 25px;}
.box-subMainCop .list-cont > li .tt-5.type-1{padding:0 25px;}



/* 회사소개 */
.box-tableTypeS-1 .inner dl dd{border:none;}
.box-tableTypeS-1 .inner dl dt{border-right:solid 1px #d9d9d9;}
.box-subMarketing .hr-layerType-1 .lay-box-body .lay-right{font-size: 16px;}
.box-IRGroup .common-list-1 li .common-btn-down{width:100%;}

/* 지속가능경영 */
.box-subMainSustain .bg-section .list-1{padding:0 25px;}

/* 고객지원 */
.box-whCustomerList-3 > ul > li{padding:20px 15px 16px 15px;}
.box-hrLink-info > a:nth-child(1) .hr-linkTxt-1:before{background-image:url('/static/m/global/template/images/icon/icon_subMain_link_1.png');}
.box-hrLink-info > a:nth-child(2) .hr-linkTxt-1:before{background-image:url('/static/m/global/template/images/icon/icon_subMain_link_2.png');}
.box-hrLink-info > a:nth-child(1):focus .hr-linkTxt-1:before{background-image:url('/static/m/global/template/images/icon/icon_subMain_link_1_on.png');}
.box-hrLink-info > a:nth-child(2):focus .hr-linkTxt-1:before{background-image:url('/static/m/global/template/images/icon/icon_subMain_link_2_on.png');}

/* 레이싱선수 추가 */
.box-whLayerSpon-1 .top-thumb .txt-list-1 > dt{font-size:21px;line-height:16px;line-height:24px;}

/* cjl_ethics */
.box-ethicsSystemCont h4{background:none;padding-top:78px;padding-right:30px}
.box-ethicsSystemCont2:before{content: '';position: absolute;top:0;width:100%;height:484px;background: url('/static/m/ch/images/bg/bg-ethicsSystemCont04.png') no-repeat center 0;background-size:auto 484px;}
.box_systemCont dl dd{padding:0 20px}
.box-ethicsSystemCont4 ul li:nth-child(1):before{background:url('/static/m/global/template/images/img/img_ethicsSystem_03.jpg') no-repeat 50% 50%;}
.box-ethicsSystemCont4 ul li:nth-child(2):before{background:url('/static/m/global/template/images/img/img_ethicsSystem_04.jpg') no-repeat 50% 50%;}
.box-ethicsSystemCont4 ul li:nth-child(3):before{background:url('/static/m/global/template/images/img/img_ethicsSystem_05.jpg') no-repeat 50% 50%;}
@media screen and (max-width: 360px){
	.box-ethicsSystemCont2:before{height:462px;background-size:auto 462px;}
	.box-ethicsSystemCont2{padding-top:462px}
	.box_systemCont dl dd br{display:none}
}
@media screen and (max-width: 320px){
	.box_systemCont dl dt{padding:0px 35px 6px}
}

/* 
	======================================== 2020 Renewal ======================================== 
*/
#header h1 a {width:98px;height:34px;background-image: url(../images/logos_header_cn.png);background-position: left top;background-repeat: no-repeat;background-size: 100% auto;}
#header.main h1 a {background-image: url(../images/logos_header_cn.png);background-position: left bottom;}
#gnb .box-top > a{width:98px;height:34px;background-image: url(../images/logos_header_cn.png);background-position: left top;background-repeat: no-repeat;background-size: 100% auto;}
.sub-container.now .title-h2 small,
.sub-container.now .headers span {font-family: 'CJONLYONE', 'NotoSansKR';}

.main-cont .now .thumb-area .band em::before {top:auto;bottom:0}
.main-cont .now .thumb-area .band em::after {height: 20px;}

/* 서브메인 공통 */
.sub-container .hgroup .btn-arrow {line-height: 19px;}

/* NOW 서브메인 */
.now .library .btn-area .btn-list .down::before {top:5px}


/*CJONLYONE 적용*/
.font-CJONLYONE,#footer .box-menu-3 .address .cards-header,
#footer .box-menu-3 address,
#footer .box-snsShare .social dt {font-family:'CJONLYONE' !important;font-weight: 400 !important;letter-spacing: 0;}

/* #footer {padding-top: 30px;} */
#footer .box-menu-3 .logo a {background-image: url('../images/logo_footer_ch.png');}

.box-whBrand-font {font-family:'CJONLYONE' !important;}

/* 대문자변환 */



.business-area .busi-overview .item-thumb .info-area .copy1 {padding: 0;}
.business-area .busi-overview .overview dd {padding-right: 10px;}
.busi-service-wrap .service-cont dd {padding-right: 0;}
.title-business-1 h4 {padding-left: 0;padding-right: 0;}
.box-hctList-4 .list-top .Htxt-3 {padding-right: 90px;}
.box-ttType .common-boxLineType-1 .Htxt-3 {margin-left: -5px;margin-right: -5px;}
.box-whCustomerList-4.fulfillment>ul>li .list-2 {padding: 0;}
.sustainCont .txt-wrap .sub-text {padding: 0 30px;}
.sub-container-inner01.type-4 .ceo_message_box .txt {padding-top: 30px;}
.box-ttType .Htxt-4 {background-image: url(/static/m/global/template/images/2020Renewal/icon_fulfilment_en.png);}
.call-infomation .list-thumb .icon3 .icons::before {background-image: url(../images/icon_call03_en.png);}
.businessCont.section1 .menuarea .anchor i.icon7 {background-image: url(../images/submain_business_icon03_en.png);}


/* 2021-07-12 추가 */
.cont-icon-group ul > li > a.ico-Efullfillemt:before {top:5px;width:49px;background-image:url(../images/ico_main_business_01.png);background-size:100% auto}

#frmUnifiedSearch{display:none;}
.inner-gap .sns-link{display:none;}