/* content */
#content {position:relative; width:100%; overflow:hidden; opacity:0;}
#content:after {content:""; display:block; clear:both;}
#content .contBox {position:relative; width:1160px; margin:110px auto 150px; z-index:1;}
#content .contBox:after {content:""; display:block; clear:both;}
#content .contBox.nomargin {margin:0 auto 150px;}
#content .contBox h4 {font-size:25px;color:#38393b;font-weight:500;line-height:1.2;padding:0 0 15px 0;font-family:'montserrat-light';}
#content h2 {font-size:48px; color:#38393b; font-weight:500; line-height:1.3; text-align:center; padding:150px 0 75px; word-break:keep-all;}
#content h2.other {/* font-family: 'Lora', serif;  */font-size:38px; padding:100px 20px 52px;}
#content h2.other span {display:block; font-size:42px; padding:18px 220px 0 0;}
#content h2.other u {display:block; font-size:42px; text-decoration:none; line-height:1.4;}
#content h2.other02 {font-size:42px; font-weight:normal; padding:100px 0 60px;}
#content h2.other02 span {display:block; font-size:42px; padding:18px 0 0 108px;}
#content h2.kor {font-family: 'NotoSansKR', sans-serif; color:#38393b; line-height:1.25; font-weight:500; padding:0 0 20px 0;}


/* intraWrap */
#popBbg {position:fixed;width:100%;height:100%;z-index:995;background:rgb(0, 0, 0);opacity:0.5;display:none;}
.privacyPop {display:none;position:fixed;top:50%;left:50%;max-width:640px;height:100%;margin-top:-305px;margin-left:-320px;z-index:999;}
.loginPop {display:none;position:fixed;top:50%;left:50%;width:440px;height:100%;margin-top:-130px;margin-left:-220px;z-index:999;}
.intraWrap {background:#fff;}
.intraWrap .agreeArea {padding:13px 0 20px 0;text-align:center;}
.intraWrap .con {padding:49px 40px 40px;}
.intraWrap .con > .tit {font-size:26px;color:#38393b;text-align:center;padding-bottom:30px;font-family: 'montserrat';font-weight:500;letter-spacing:-0.5px;word-break:keep-all;margin-right:30px;}
.intraWrap .intraBtn {text-align:center;width:100%;overflow:hidden;}
/* .intraWrap .btn {display:inline-block;  width:120px; height:50px; background:#2878d3;}
.intraWrap .btn span { font-size:12px; font-weight:500; color:#fff; line-height:50px; letter-spacing:2px;} */
.intraWrap .btn {position:relative; vertical-align:middle; display:inline-block;  width:120px; height:50px; padding:0 !important; border:1px #949494 solid; text-align:center; overflow:hidden;}
.intraWrap .btn:before, .intraWrap .btn:after {box-sizing:border-box; transition:0.2s ease-in-out; z-index:1;}
.intraWrap .btn:before {content:''; position:absolute; top:0; right:0; bottom:0; left:-1px; background-color:#2c549b; -webkit-transform: translateX(-100%); transform:translateX(-100%);}
.intraWrap .btn:hover:before {-webkit-transform: translateX(0); transform: translateX(0);}
.intraWrap .btn:hover {border-color:#2c549b;}
.intraWrap .btn span {display:inline-block;position:absolute; left:0; top:0; width:100%; font-family: 'montserrat'; font-size:12px; font-weight:500; color:#949494; line-height:50px; letter-spacing:2px; z-index:2; transition:0.2s ease-in-out;}
.intraWrap .btn:hover span {color:#fff;} 
.guideWrap {height:327px; border:1px #d9d9d9 solid; padding:20px 30px; overflow-y:auto; word-break:keep-all;text-align:left;}
.guideWrap:after {content:"";display:block;clear:none;}
.guideWrap.email {height:340px;}
.guideWrap .tit {font-size:14px; color:#303e48; font-weight:600; line-height:1.6; padding:20px 0 4px 0;}
.guideWrap .txt {font-size:14px; color:#777; line-height:1.6;}
.guideWrap .inTxt {font-size:13px; color:#777; line-height:1.6; padding:10px 0; display:block;}
.guideWrap .txt02 {font-size:14px; color:#777; line-height:1.6; padding:40px 0 0 0;}
.guideWrap .txt03 {font-size:14px; color:#777; line-height:1.6; padding:20px 0 0 0;}
.guideWrap .txtList p {font-size:13px; color:#777; line-height:1.6;padding-top:5px;text-indent:-9px;margin-left:10px;}
.guideWrap .txtList p:before {content:"- ";}
.guideWrap a {font-size:13px; color:#303e48; line-height:1.6;}
.guideWrap .inTableS {margin-top:30px;}
.guideWrap .inTableS th,.guideWrap .inTableS td {border:1px solid #ddd; padding:10px 5px;}
.guideWrap .inTableS th { text-align:center; font-size:12px; color:#333; font-weight:500; line-height:1.3;}
.guideWrap .inTableS td { text-align:left; font-size:12px; color:#777; font-weight:400; line-height:1.3;}
.guideWrap .inTableS td.ct {text-align:center;}
.guideWrap .inTableS tbody th {width:100px;}
.guideWrap .inTableS .wth100 {width:100px;}
.layerHead .popClose {position:absolute;top:0;right:0;}
.layerHead .popClose img {width:36px;}
#login .layerHead {position:absolute;top:0;left:0;}
#login .intraWrap .con > .tit {margin-right:0;}
#login .intraWrap .con > .tit img {line-height:32px;vertical-align:middle;padding-right:8px;}
.loginArea {position:relative;}
.loginArea ul {padding-right:120px;}
.loginArea ul li:first-child {margin-bottom:10px;}
.loginArea ul li input {border:1px solid #949494;height:50px;line-height:50px;}
.loginArea .custom-checkbox {margin-top:10px;margin-left:-3px;}
.loginArea .custom-checkbox label {background:url('../images/ico/ico_checkbox_s.png') 0 -71px no-repeat;font-size:13px;line-height:13px;padding-left:20px;}
.loginArea .custom-checkbox label.focus	 {background:url('../images/ico/ico_checkbox_s.png') 0 -141px no-repeat;color:#2c549b;text-decoration:underline;}
.loginArea .custom-checkbox label.checked {background-position:0 -106px;}
/* .loginArea a {position:absolute; top:0; right:0;width:110px; height:110px; padding:0 !important; background:#2878d3;display:inline-block;text-align:center;}
.loginArea a span {display:inline-block;width:100%; font-family: 'montserrat'; font-size:12px; font-weight:500; color:#fff; line-height:110px; letter-spacing:2px;} */
.loginArea a {position:absolute; top:0; right:0; vertical-align:middle; display:inline-block;  width:108px; height:108px; padding:0 !important; border:1px #949494 solid; text-align:center; overflow:hidden;}
.loginArea a:before, .loginArea a:after {box-sizing:border-box; transition:0.2s ease-in-out; z-index:1;}
.loginArea a:before {content:''; position:absolute; top:0; right:0; bottom:0; left:-1px; background-color:#2c549b; -webkit-transform: translateX(-100%); transform:translateX(-100%);}
.loginArea a:hover:before {-webkit-transform: translateX(0); transform: translateX(0);}
.loginArea a:hover {border-color:#2c549b;}
.loginArea a span {display:inline-block;position:absolute; left:0; top:0; width:100%; font-family: 'montserrat'; font-size:12px; font-weight:500; color:#949494; line-height:110px; letter-spacing:2px; z-index:2; transition:0.2s ease-in-out;}
.loginArea a:hover span {color:#fff;}


/***** solution *****/
.solutionSlide {position:relative; margin:0 220px 0 0;}
.solutionSlide:after {content:""; display:block; clear:both;}
.solutionSlide .section {position:absolute; right:-220px; top:0; width:100%; z-index:1; cursor:pointer;}
.solutionSlide .section.on {position:relative; right:auto; width:100%; z-index:2; cursor:default; }
.solutionSlide .section.on .deep {display:none;}
.solutionSlide .section img {width:100%;}
.solutionSlide .section .deep {position:absolute; left:0; top:0; width:100%; height:100%; background:url('../images/bg/bg_solution_slide_deep.png') left top repeat;}
.solutionSlide .section .deep .move {position:absolute; right:0; bottom:40px;}
.solutionSlide .section .deep .move span {display:inline-block; width:180px; font-size:14px; color:#fff; line-height:1.2; letter-spacing:3px; padding:0 0 30px 0; background:url('../images/bg/bg_solution_slide_movespan.png') left bottom no-repeat;}

.solutionImg {max-width:1160px;margin:0 auto;}
.solutionImg img {width:100%;}

.solution:after {content:""; display:block; clear:both;}
.solution h3 {font-size:36px; color:#38393b; font-weight:500; line-height:1.2; margin:114px 0 36px -100px; padding:0 0 0 100px; background:url('../images/bg/bg_solution_h3.png') left 20px no-repeat; word-break:keep-all;}
.solution h3 span {display:block; font-size:20px; color:#38393b; font-weight:500; line-height:1.2; padding:10px 0 0 0; word-break:keep-all;}
.solution .headSlide {width:100%; overflow:hidden;}
.solution .headSlide .abox {float:left; width:48.275%; background:#f6f6f6; margin:0 1.725% 0 0;}
.solution .headSlide .bbox {float:right; width:48.275%; background:#f6f6f6; margin:0;}
.solution .headSlide .tit {font-size:21px; color:#38393b; font-weight:600; line-height:1.2; padding:47px 0 0 50px;}
.solution .headSlide .tit span {font-size:13px; color:#2878d3; font-weight:500; letter-spacing:1px;}
.solution .headSlide ul {margin:25px 0 40px 50px;}
.solution .headSlide ul:after {content:""; display:block; clear:both;}
.solution .headSlide ul li {display:block; padding:0 0 17px 20px; background:url('../images/bg/bg_headslide_li.png') left 6px no-repeat; word-break:keep-all;}
.solution .headSlide ul li a {font-size:17px; color:#38393b; line-height:1.2; font-weight:500;}
.solution .headSlide ul li a:hover {color:#2878d3;}
/* consumer */
.solution .headSlide .cons {width:100%; background:#f6f6f6; padding:58px 0 47px; overflow:hidden;}
.solution .headSlide .cons ul {margin:0 0 0 50px;text-align:center;}
.solution .headSlide .cons ul li {display:inline-block; padding:0 0 0 20px; margin:0 85px 15px 0;}

.solution .headSlide .bbox .companion {margin:0;}
.solution .headSlide .bbox .companion > ul > li {padding:0; background:url('');}



.solution .companion {width:100%; margin:40px 0 0 0; background:#f6f6f6; overflow:hidden;}
.solution .companion .tit {font-size:21px; color:#38393b; font-weight:600; line-height:1.2; padding:47px 0 28px 50px;}
.solution .companion ul {margin:0 0 0 50px;}
.solution .companion ul:after {content:""; display:block; clear:both;}
.solution .companion ul li {float:left; width:130px; margin:0 25px 42px 0;}
.solution .companion ul li .stit {width:100%; height:70px; background:#2878d3; text-align:center;}
.solution .companion ul li .stit p {font-size:14px; color:#fff; font-weight:500; line-height:1.2; padding:27px 0 0 0;}
.solution .companion ul li .stit p.dep {padding:19px 0 0 0;}
.solution .companion ul li ul {margin:0 0 0 10px;}
.solution .companion ul li ul li {float:none; display:block; width:auto; margin:16px 0 0 0; font-size:15px; color:#38393b; font-weight:500; line-height:1.2; padding:0 0 0 19px; background:url('../images/bg/bg_headslide_li.png') left 6px no-repeat;}

.solution .productList {width:100%; border-top:1px #e4e4e4 solid; overflow:hidden;}
.solution .productList ul:after {content:""; display:block; clear:both;}
.solution .productList ul li {display:block; position:relative; padding:48px 0; border-bottom:1px #e4e4e4 solid;}
.solution .productList ul li .img {position:absolute; left:20px; top:48px;}
.solution .productList ul li .info {margin:0 78px 0 262px; word-break:keep-all;}
.solution .productList ul li .info:after {content:""; display:block; clear:both;}
.solution .productList ul li .info .name {font-size:22px; color:#38393b; line-height:1.2;}
.solution .productList ul li .info .moreInfo {margin:16px 0 40px 0;}
.solution .productList ul li .info .moreInfo:after {content:""; display:block; clear:both;}
.solution .productList ul li .info .txt {font-family: 'montserrat-light'; font-size:15px; color:#777; line-height:1.8;}

.solution .diagram {position:relative; display:inline-block; width:147px; height:42px; text-align:center; background:#2878d3; margin:0 18px 0 0; overflow:hidden;}
.solution .diagram:before, .solution .diagram:after {box-sizing:border-box; transition:0.2s ease-in-out; z-index:1;}
.solution .diagram:before {content:''; position:absolute; top:0; right:0; bottom:0; left:-1px; background-color:#38393b; -webkit-transform: translateX(-100%); transform:translateX(-100%);}
.solution .diagram:hover:before {-webkit-transform: translateX(0); transform: translateX(0);}
.solution .diagram span {position:absolute; left:0; top:0; width:100%; font-family: 'montserrat-light'; font-size:15px; color:#fff; line-height:42px; z-index:2; transition:0.2s ease-in-out;}
.solution .diagram:hover span {color:#fff;}

.solution .chips {position:relative; display:inline-block; width:172px; height:42px; text-align:center; background:#38393b; overflow:hidden;}
.solution .chips:before, .solution .chips:after {box-sizing:border-box; transition:0.2s ease-in-out; z-index:1;}
.solution .chips:before {content:''; position:absolute; top:0; right:0; bottom:0; left:-1px; background-color:#2878d3; -webkit-transform: translateX(100%); transform:translateX(100%);}
.solution .chips:hover:before {-webkit-transform: translateX(0); transform: translateX(0);}
.solution .chips span {position:absolute; left:0; top:0; width:100%; font-family: 'montserrat-light'; font-size:15px; color:#fff; line-height:42px; z-index:2; transition:0.2s ease-in-out;}
.solution .chips:hover span {color:#fff;}







/***** news *****/
/* relations list */
.relationsList {width:100%; overflow:hidden;}
.relationsList ul {margin:0 -3.333% 0 0;}
.relationsList ul:after {content:""; display:block; clear:both;}
.relationsList ul li {float:left; width:30%; margin:0 3.333% 40px 0;}
.relationsList ul li .txtArea {position:relative; padding:0 48px; word-break:keep-all; transition:0.2s ease-in-out;}
.relationsList ul li .txtArea:after {content:""; display:block; clear:both;}
.relationsList ul li .txtArea .info {width:100%; padding:48px 0 0 0; overflow:hidden;}
.relationsList ul li .txtArea .info .no {font-size:14px; color:#2e2e2f; line-height:1.2; font-weight:600; transition:0.2s ease-in-out;}
.relationsList ul li .txtArea .info .origin {float:right; font-family: 'montserrat-light'; font-size:14px; color:#999; line-height:1.2; transition:0.2s ease-in-out;}
.relationsList ul li .txtArea .tit {min-height:93px; font-family: 'montserrat-light'; font-size:21px; color:#38393b; line-height:1.5; padding:30px 0 32px; transition:0.2s ease-in-out; word-break:keep-all;}
.relationsList ul li .txtArea .tit .new {font-size:11px; color:#2878d3; font-weight:600; padding:0 0 0 5px;}
.relationsList ul li .txtArea .day {font-size:14px; color:#999; line-height:1.2; font-weight:500; padding:0 0 30px 0; transition:0.2s ease-in-out;}
.relationsList ul li a {display:inline-block; width:100%; border:1px #e4e4e4 solid; box-sizing:border-box;}
.relationsList ul li a:hover .txtArea {border-color:#2878d3;}
.relationsList ul li a:hover .txtArea .tit {color:#2878d3;}
.relationsList ul li a:hover .txtArea .info .no {color:#2878d3;}
.relationsList ul li a:hover .txtArea .info .origin {color:#2878d3;}
.relationsList ul li a:hover .txtArea .day {color:#2878d3;}


/* news list */
.newsList {width:100%; overflow:hidden;}
.newsList ul {margin:0 -3.333% 0 0;}
.newsList ul:after {content:""; display:block; clear:both;}
.newsList ul li {float:left; width:30%; margin:0 3.333% 40px 0;}
.newsList ul li .imgArea {position:relative; width:100%; border:1px #e4e4e4 solid; border-bottom:0; box-sizing:border-box; overflow:hidden;}
.newsList ul li .imgArea img {width:100%; height:200px;}
.newsList ul li .imgArea .bg {display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:url('../images/bg/bg_list_bg.png') left top repeat;}
.newsList ul li .imgArea .bg span {position:absolute; left:50%; top:50%; display:inline-block; width:80px; height:80px; margin:-40px 0 0 -40px; background:url('../images/bg/bg_list_bg_span.png') left top no-repeat;}
.newsList ul li .txtArea {position:relative; min-height:265px; border:1px #e4e4e4 solid; border-top:0; padding:0 40px; word-break:keep-all; transition:0.2s ease-in-out;}
.newsList ul li .txtArea:after {content:""; display:block; clear:both;}
.newsList ul li .txtArea .tit {font-family: 'montserrat-light'; font-size:24px; color:#38393b; line-height:1.4; padding:33px 0 16px; transition:0.2s ease-in-out; word-break:keep-all;}
.newsList ul li .txtArea .txt {font-family: 'montserrat-light'; font-size:15px; color:#777; line-height:1.6; padding:0 0 20px 0; transition:0.2s ease-in-out;}
.newsList ul li .txtArea .info {position:absolute; left:0; bottom:38px; width:100%;}
.newsList ul li .txtArea .info span {font-size:14px; color:#999; line-height:1.2; font-weight:500; transition:0.2s ease-in-out;}
.newsList ul li .txtArea .info span.day {float:left; margin:0 0 0 40px;}
.newsList ul li .txtArea .info span.hit {float:right; margin:0 40px 0 0;}
.newsList ul li a {display:inline-block; width:100%; height:100%;}
.newsList ul li a:hover .txtArea {border-color:#2878d3;}
.newsList ul li a:hover .txtArea .tit {color:#2878d3;}
.newsList ul li a:hover .txtArea .txt {color:#2878d3;}
.newsList ul li a:hover .txtArea .info span {color:#2878d3;}
.newsList ul li a:hover .imgArea {border-color:#2878d3;}

/* view */
.viewHead {position:relative; border:1px #e4e4e4 solid;}
.viewHead:after {content:""; display:block; clear:both;}
.viewHead .tit {font-size:20px; color:#38393b; font-weight:500; line-height:1.3; margin:0 134px 0 200px; padding:27px 0 26px;}
.viewHead .tit:after {content:""; display:block; clear:both;}
.viewHead .day {position:absolute; left:40px; top:32px; font-size:14px; color:#999; line-height:1.2; font-weight:500;}
.viewHead .hit {position:absolute; right:40px; top:32px; font-size:14px; color:#999; line-height:1.2; font-weight:500;}

.viewConf {padding:0 60px 70px; border-bottom:1px #38393b solid; font-size:14px; color:#777; line-height:2;}
.viewConf:after {content:""; display:block; clear:both;}
.viewConf .conf {word-break:keep-all;}
.viewConf .conf:after {content:""; display:block; clear:both;}
.viewConf .conf img {max-width:100%; height:auto !important;}
.viewConf .conf {font-size:14px; color:#777; line-height:2; font-size:inherit;}
.viewConf .conf * {font-size:inherit;}
/*.viewConf .conf p.tit {font-family: 'NotoSansKR','NotoSansKR'; font-size:24px; color:#38393b; line-height:1.2; padding:29px 0 26px;}
.viewConf .conf p.txt {font-size:15px; color:#777; line-height:2;}
.viewConf .conf em {font-size:15px; color:#777; line-height:2; font-style:italic;}
.viewConf .conf u, .viewConf .conf s, .viewConf .conf span {font-size:15px; color:#777; line-height:2;}
.viewConf .conf strong {font-size:15px; color:#777; font-weight:600; line-height:2;} */


.viewConf .viewSns {width:100%; padding:20px 0; overflow:hidden;}
.viewConf .viewSns ul {float:right;}
.viewConf .viewSns ul:after {content:""; display:block; clear:both;}
.viewConf .viewSns ul li {float:left; margin:0 0 0 20px;}

/* btn area */
.btnArea {position:relative; width:100%; margin:80px 0 0 0; overflow:hidden;}
.btnArea ul:after {content:""; display:block; clear:both;}
.btnArea ul li.list {display:inline-block; width:25.862%; height:220px; margin:0 auto; background:#38393b;}
.btnArea ul li.list a {position:relative; display:inline-block; width:100%; height:100%;}
.btnArea ul li.list p {position:absolute; left:0; top:50%; width:100%; font-size:22px; color:#fff; font-weight:400; line-height:1.1; margin:-12px 0 0 0;}
.btnArea ul li.prev, .btnArea ul li.next {width:34%; border:1px #e4e4e4 solid; text-align:left;}
.btnArea ul li.prev {position:absolute; left:0; top:0;}
.btnArea ul li.prev a {position:relative; display:block; height:100%; padding:0 90px 0 50px;}
.btnArea ul li.prev a:after {content:""; display:block; clear:both;}
.btnArea ul li.prev a .arrow {position:absolute; right:12%; top:50%; width:19px; height:18px; margin:-9px 0 0 0; background:url('../images/bg/bg_btnarea_prev_arrow.png') left top no-repeat;}

.btnArea ul li.next {position:absolute; right:0; top:0;}
.btnArea ul li.next a {position:relative; display:block; height:100%; padding:0 50px 0 90px;}
.btnArea ul li.next a:after {content:""; display:block; clear:both;}
.btnArea ul li.next a .arrow {position:absolute; left:12%; top:50%; width:19px; height:18px; margin:-9px 0 0 0; background:url('../images/bg/bg_btnarea_next_arrow.png') left top no-repeat;}

.btnArea ul li .stit {font-size:14px; color:#2e2e2f; font-weight:500; line-height:1.2; padding:46px 0 17px;}
.btnArea ul li .tit {font-family: 'montserrat-light'; font-size:20px; color:#38393b; line-height:1.4; padding:0 0 18px 0; word-break:keep-all;}
.btnArea ul li .day {font-size:14px; color:#777; font-weight:500; line-height:1.2; padding:0 0 48px;}



/***** SUSTAINABILTY *****/
/* esg_outline */
.esg_outline {}
.esg_outline .innerbox{}
.esg_outline .innerbox .intro { text-align: center; }
.esg_outline .innerbox .intro .tit { font-size: 48px; color: #38393b; line-height: 1.2; padding: 0 0 40px 0; font-size: 48px; font-weight: 600;}
.esg_outline .innerbox .intro .mission {}
.esg_outline .innerbox .intro .mission .htxt {padding: 0 80px; word-break: keep-all;}
.esg_outline .innerbox .intro .mission .htxt span {color: #38393b; display: block; font-size: 20px; text-align: center; line-height: 1.8; }
.esg_outline .innerbox .intro .solution { width: 100%; padding: 80px 0; background:#2d2d2d url(../images/img/esg_intro_bg.jpg) center center no-repeat;background-size:cover; color: #fff; margin: 30px 0 160px 0; display: flex; flex-direction: column; justify-content: center; }
.esg_outline .innerbox .intro .solution .htxt { padding: 0 80px; word-break: keep-all; }
.esg_outline .innerbox .intro .solution span { display: block; word-break:keep-all; font-size: 20px; line-height: 1.8; }
.esg_outline .innerbox .intro .solution strong { display: block; font-family: 'montserrat-light'; font-size: 30px; padding-bottom: 30px; padding-top: 35px; }
.esg_outline .innerbox .intro .solution img { display: block; margin: 0 auto; object-fit: cover; max-width: 100%; height: auto; }
.esg_outline .innerbox .CSR { color: #38393b;}
.esg_outline .innerbox .CSR .eng_tit { font-size: 35px; font-family: 'montserrat'; font-weight: 500;}
.esg_outline .innerbox .CSR ul { padding: 30px 0 0 45px;}
.esg_outline .innerbox .CSR ul li { padding-bottom: 40px;}
.esg_outline .innerbox .CSR ul li strong{ font-size: 21px; position: relative; display: block; margin-bottom: 22px;}
.esg_outline .innerbox .CSR ul li strong::after{ content: ''; position: absolute; left: -45px; top: 50%; width: 20px; height: 2px; background-color: #2e2e2f;}
.esg_outline .innerbox .CSR ul li p{ font-size: 20px; line-height: 28px; letter-spacing: -0.5px; word-break: keep-all;}

/* ESG */
.ESG {color: #38393b; padding: 80px 0 40px 0;}
.ESG .eng_tit {font-size: 35px; font-family: 'NotoSansKR', sans-serif; font-weight: 600;}
.ESG .contents_wrap { padding: 30px 0 0 0;}
.ESG .contents_wrap > div {display: flex; align-items: stretch; margin: 0 0 20px 0}
.ESG .contents_wrap .esg_tit {width: 10%; background: #dfdfdf;position: relative;display: flex;justify-content: center;align-items: center; font-size: 21px; padding: 20px; text-align: center; line-height: 1.6;}
.ESG .contents_wrap .esg_tit:before {content: "";position: absolute;top: 0px;right: 0;width: 0;height: 0;border-left: 20px solid transparent;border-right: 20px solid #fff;border-bottom: 20px solid transparent;}
.ESG .contents_wrap .esg_tit:after {content: "";position: absolute;bottom: 0;left: 0;width: 0;height: 0;border-left: 20px solid #fff;border-right: 0 solid transparent;border-top: 20px solid transparent;}

.ESG .contents_wrap .sub_tit_wrap {width: 84%; border: 1px solid #2d5292; box-sizing: border-box; margin-left: 30px; text-align: center; padding: 10px; display: flex;flex-direction: column;justify-content: center;align-items: center;}
.ESG .contents_wrap .sub_tit_wrap p { font-size: 20px; padding: 8px 0;}
.ESG .contents_wrap .sub_tit_wrap.bgcolor_01 { background-color: #2d5292; color:#fff;}
.ESG .contents_wrap .sub_tit_wrap li.bgcolor_02 { background-color: #d6e1f5;}

/* ESG 전략방향 */
.ESG .contents_wrap .sub_tit_wrap.type2 {border:0; padding: 0;display: flex; width: 84%;}
.ESG .contents_wrap .sub_tit_wrap.type2 ul {display: flex;justify-content: space-between;font-size: 20px;flex: 0 1 auto;}
.ESG .contents_wrap .sub_tit_wrap.type2 ul li {border: 1px solid #2d5292;  width: calc((100% / 4) - 12px); display: flex;justify-content: center; align-items: center}
.ESG .contents_wrap .sub_tit_wrap.type2 ul li span {font-size: 20px;font-weight: 600; color:#2d5292; line-height: 1.6; padding: 16px 12px;}

/* ESG 전략방향 */
.ESG .contents_wrap .sub_tit_wrap.type3 {border:0; padding: 0;display: flex; width: 84%;}
.ESG .contents_wrap .sub_tit_wrap.type3 ul {display: flex;justify-content: space-between;font-size: 20px;flex: 0 1 auto;}
.ESG .contents_wrap .sub_tit_wrap.type3 ul li {border: 1px solid #2d5292;  width: calc((100% / 4) - 12px); display: flex;flex-direction: column; justify-content: flex-start; padding:16px 0;}
.ESG .contents_wrap .sub_tit_wrap.type3 ul li .sub_tit {position: relative; font-size: 20px;font-weight: 600; color:#2d5292; line-height: 1.6; padding: 0px 8px; text-align: left; text-indent: -6px;margin: 0 0 0 16px;}
.ESG .contents_wrap .sub_tit_wrap.type3 ul li .sub_tit::before {display: inline-block; content: '·'; margin-right: 6px;}
.ESG .contents_wrap .sub_tit_wrap.type3 ul li .sub_txt {font-size: 17px; padding: 4px 8px 8px 19px ;text-align: left;}
.ESG .contents_wrap .sub_tit_wrap.type3 ul li .sub_txt + .sub_txt {padding-bottom: 16px;}

/* ESG */
.SDG {color: #38393b; padding: 80px 0 40px 0;}
.SDG .eng_tit {font-size: 35px; font-weight: 600;}
.SDG .sub_tit {font-size: 21px; font-family: 'NotoSansKR', sans-serif; padding: 20px 0 ;line-height: 1.6;}

.sdg_table_wrap {}
.sdg_table_wrap tr th {border: 1px solid #bbb;font-size: 20px; padding: 10px 0;}
.sdg_table_wrap tr td {border: 1px solid #ddd;font-size: 18px; padding: 10px 10px;}
.sdg_table_wrap tr td p {font-size: 18px;}
.sdg_table_wrap tr td span {display: block; margin: 0 0 10px 0;text-align: center;}

/* table background-color */
.sdg_table_wrap tr.tr_bg_01 { background: #efefef;}
.sdg_table_wrap thead tr {background-color: #d6e1f5;}

.sdg_table_wrap.pc {display: block;}
.sdg_table_wrap.mo {display: none;}

/***** media *********************/
@media all and (max-width: 860px){
  .ESG .contents_wrap>div { flex-direction: column;margin: 0 0 40px 0; }
  .ESG .contents_wrap .esg_tit { width: 40%; padding: 12px 0; transition: all 0.3s; margin: 0 0 10px 0;}
  .ESG .contents_wrap .esg_tit:before ,.ESG .contents_wrap .esg_tit::after {display: none;}
  .ESG .contents_wrap .esg_tit br {display: none;}
  .ESG .contents_wrap .sub_tit_wrap {margin-left: 0; width: 100%;}
  .ESG .contents_wrap .sub_tit_wrap p {line-height: 1.6;}

  .ESG .contents_wrap .sub_tit_wrap.type2,
  .ESG .contents_wrap .sub_tit_wrap.type3 {width: 100%;}

  .ESG .contents_wrap .sub_tit_wrap.type2 ul,
  .ESG .contents_wrap .sub_tit_wrap.type3 ul {flex-wrap: wrap;}
  .ESG .contents_wrap .sub_tit_wrap.type2 ul li,
  .ESG .contents_wrap .sub_tit_wrap.type3 ul li {width: calc((100% / 2) - 12px); margin: 0 0 24px 0;}

}
@media all and (max-width: 720px){
  .ESG .contents_wrap .esg_tit { width: 50%;}
  .ESG .contents_wrap .sub_tit_wrap.type2 ul {flex-wrap: wrap;}
  .ESG .contents_wrap .sub_tit_wrap.type2 ul li {width: calc((100% / 2) - 12px); margin: 0 0 24px 0}
  .ESG .contents_wrap .sub_tit_wrap.type2 ul li:last-child {margin: 0}
  
  .ESG .contents_wrap .sub_tit_wrap.type3 ul {flex-wrap: wrap;}
  .ESG .contents_wrap .sub_tit_wrap.type3 ul li {width: 100%; margin: 0 0 24px 0}
  .ESG .contents_wrap .sub_tit_wrap.type3 ul li:last-child {margin: 0}


  .sdg_table_wrap.pc {display: none;}
  .sdg_table_wrap.mo {display: block;}

  .sdg_table_wrap.mo tr td h6 {font-size: 19px; text-decoration: underline; margin:  8px 0}
  .sdg_table_wrap.mo tr td p {margin:  8px 0; line-height: 1.4;}

}
@media all and (max-width: 640px){
  .ESG .contents_wrap .sub_tit_wrap.type2 ul li {width: 100%; margin: 0 0 24px 0}  
}





/**/

/***** Environmental *****/
/* policy */
.policy {  color: #38393b; padding-bottom: 80px; }
.policy .tit { font-size: 48px; font-weight: 600; text-align: center;}
.policy .htxt { padding: 40px 0 40px 0;}
.policy .htxt span { display: block; font-size: 20px; text-align: center; line-height: 1.8;}
.policy .cts { display: flex; justify-content: space-between;}
.policy .cts .img_box { width: 40%; height: 680px; background: #2d2d2d url(../images/img/policy_img_bg.jpg) center center no-repeat; background-size:cover; display: flex; }
.policy .cts .img_box strong { color: #fff; font-size: 40px; margin-top: auto; margin-left: auto; padding: 50px; position: relative;}
.policy .cts .img_box strong::after { content: ''; position: absolute; left: -10px; top: 50%; width: 50px; height: 2px; background-color: #fff;}
.policy .cts .txt_box { width: 50%; }
.policy .cts .txt_box .list_st1 { padding: 20px 0 0 0;}
.policy .cts .txt_box .list_st1 li strong {font-size: 30px; position: relative; font-family: 'montserrat'; font-weight: 500; }
.policy .cts .txt_box .list_st1 li strong::after { content: ''; position: absolute; left:-40px; top: 50%; width: 20px; height: 2px; background-color: #38393b;}
.policy .cts .txt_box .list_st1 li:last-child p{ margin-bottom: 0; padding-bottom: 0;}
.policy .cts .txt_box .list_st1 li p {font-size: 17px; padding: 15px 0 20px 0; border-bottom: 1px solid #e4e4e4; margin-bottom: 30px; letter-spacing: -0.5px; line-height: 25px;}
.policy .cts .txt_box .list_st1 li:last-child p {border-bottom: none;}

/* pointer */
.pointer { color: #38393b; padding-bottom: 80px; }
.pointer .tit { font-size: 48px; font-weight: 600; text-align: center; margin: 80px 0 40px 0;  }
.pointer .stit { display: inline-block; width: 100%; padding-bottom: 30px; margin-bottom: 30px; position: relative; font-size: 30px; border-bottom: 1px solid #e4e4e4; }
.pointer .stit::after { content: ''; position: absolute; width: 60px; height: 2px; top: 25%; left: -100px; background-color: #38393b;}
.pointer .porinter_item { margin-bottom: 90px;}
.pointer .porinter_item:last-child{margin-bottom: 0; }
.pointer .porinter_item .unit { color: #b8b8b8; text-align: right; display: block; font-size: 15px; padding-bottom: 10px; }
.pointer .porinter_item li { position: relative; font-size: 17px;  padding-left: 20px; margin-bottom: 20px;}
.pointer .porinter_item li:last-child {margin-bottom: 0;}
.pointer .porinter_item li::after { content: ''; position: absolute; left: 0; top: 50%; width: 4px; height: 4px; background-color: #38393b; transform: translate(0, -50%);}
.pointer .porinter_item th { border-top: 2px solid #38393b;  }
.pointer .porinter_item td { font-family: 'montserrat'; }
.pointer .porinter_item th, .pointer .porinter_item td { border-bottom: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; text-align: center; font-size: 16px; padding: 15px; }
.pointer .porinter_item th:last-child, .pointer .porinter_item td:last-child{border-right: none;}
.pointer .porinter_item th:last-child, td:last-child { border-right: none;}
#curve_chart1 {
  max-width: 100%;
}

/* facilities st02 */
.facilities_st2 { color: #38393b; padding-bottom: 80px; }
.facilities_st2 .tit { font-size: 48px; font-weight: 600; text-align: center; margin: 80px 0 40px 0; color: #38393b; }
.facilities_st2 .wrap { display: flex; justify-content: space-between; height: 590px; align-items: baseline; }
.facilities_st2 .wrap .left { flex: 1 0 calc(50% - 25px); display: flex; flex-direction: column; margin-right: 50px; justify-content: space-between;}
.facilities_st2 .wrap .left .top { width: 100%;}
.facilities_st2 .wrap .left .bottom { width: 100%;}
.facilities_st2 .wrap .left div > strong { font-size: 21px; padding-bottom: 20px; display: block; padding-top: 20px; }
.facilities_st2 .wrap .left div > p { font-size: 15px; position: relative; padding-left: 40px; line-height: 1.8; word-break: keep-all; }
.facilities_st2 .wrap .left div > p::after { content: ''; position: absolute; width: 20px; height: 2px; background: #38393b; left: 0; top: 13px; transform: translate(0, -50%);}
.facilities_st2 .wrap .left div > img { width: 100%; height: auto; margin-top: 20px; }
.facilities_st2 .wrap .right { flex: 1 0 calc(50% - 25px); }
.facilities_st2 .wrap .right > img { width: 100%; height: auto; }

/* facilities (slide st1) */
.facilities { color: #38393b; }
.facilities > .tit { font-size: 48px; font-weight: 600; text-align: center; margin: 80px 0;  }
.facilities .slide_st1_wrap { display: flex; justify-content: space-between;}
.facilities .slide_st1_wrap .slide_st1_left { width: 35%; overflow: hidden; }
.facilities .slide_st1_wrap .slide_st1_right { width: 50%; overflow: hidden; }
.facilities .slide_st1_wrap .slide_st1_left .txt_wrap { width: 100%; height: 300px; display: flex; flex-wrap: wrap; }
.facilities .slide_st1_wrap .slide_st1_left .txt_wrap .txt_slide_wrap {  width: 100%; display: flex; flex-wrap: nowrap; height: 100%;}
.facilities .slide_st1_wrap .slide_st1_left .txt_wrap .txt_slide_wrap .txt_slide_item{ flex: 1 0 100%; }
.facilities .slide_st1_wrap .slide_st1_left .txt_wrap .txt_slide_wrap .txt_slide_item > .tit { font-size: 25px;  font-family: 'montserrat';  font-weight: 600; padding-bottom: 30px; }
.facilities .slide_st1_wrap .slide_st1_left .txt_wrap .txt_slide_wrap .txt_slide_item > .desc { font-size: 17px; line-height: 25px; word-break: keep-all; font-family: 'NotoSansKR', sans-serif; }
.facilities .slide_st1_wrap .slide_st1_left .left_bottom { width: 100%; }
.facilities .slide_st1_wrap .slide_st1_left .left_bottom  .ctl_btn { display: flex; justify-content: space-between; margin-right: 24px; padding-bottom: 20px;}
.facilities .slide_st1_wrap .slide_st1_left .left_bottom  .ctl_btn .slide_pagination > span { font-size: 18px; }
.facilities .slide_st1_wrap .slide_st1_left .left_bottom  .ctl_btn a { display: inline-block;  cursor: pointer; }
.facilities .slide_st1_wrap .slide_st1_left .left_bottom  .ctl_btn .slide_btn .slide_st1_prev_btn { margin-right: 60px;}
.facilities .slide_st1_wrap .slide_st1_left .left_bottom  .thum_slides { width: 100%; height: 100px; }
.facilities .slide_st1_wrap .slide_st1_left .left_bottom  .thum_slides .thum_slide_wrap { display: flex; flex-wrap: nowrap; height: 100%; }
.facilities .slide_st1_wrap .slide_st1_left .left_bottom  .thum_slides .thum_slide_wrap .thum_slide_item { display: inline-block; flex: 1 0 calc(50% - 24px); height: auto; margin-right: 24px; }
.facilities .slide_st1_wrap .slide_st1_left .left_bottom  .thum_slides .thum_slide_wrap .thum_slide_item > img { width: 100%; height: 100%; object-fit: cover; }
.facilities .slide_st1_wrap .img_slides .img_slide_wrap { width: 100%; height: 460px; display: flex; flex-wrap: nowrap;}
.facilities .slide_st1_wrap .img_slides .img_slide_wrap .img_slide_item{ flex: 1 0 100%;}
.facilities .slide_st1_wrap .img_slides .img_slide_wrap .img_slide_item > img { width: 100%; height: 100%; object-fit: cover; }

/* activity (slide st2) */
.activity{ font-family: 'NotoSansKR', sans-serif; color: #38393b; }
.activity > .tit { font-size: 48px; font-weight: 600; text-align: center; margin: 80px 0; font-family: 'NotoSansKR', sans-serif; }
.activity .slide_st2 { width: 100%; height: auto; position: relative; }
.activity .slide_st2 .slide_st2_wrap { height: auto; overflow: hidden; }
.activity .slide_st2 .slide_st2_wrap .slide_st2_inner { display: flex; flex-wrap: nowrap; height: auto; }
.activity .slide_st2 .slide_st2_wrap .slide_st2_inner .slide_st2_item { display: inline-block; flex: 1 0 calc(33.333% - 23px); margin-right: 24px; text-align: center; }
.activity .slide_st2 .slide_st2_wrap .slide_st2_inner .slide_st2_item img { display: block; width: 100%; height: 356px; background-color: #0c171b; object-fit: cover;}
.activity .slide_st2 .slide_st2_wrap .slide_st2_inner .slide_st2_item .stit { display: block; font-size: 25px; font-family: 'montserrat';  font-weight: 600; padding: 30px 0; }
.activity .slide_st2 .slide_st2_wrap .slide_st2_inner .slide_st2_item .desc { display: block; font-size: 17px; line-height: 25px; font-family: 'NotoSansKR', sans-serif; }
.activity .slide_st2 .ctl_btn{ position: absolute; width: 100%; top: 40%; }
.activity .slide_st2 .ctl_btn > a { display: inline-block; position: absolute; transform: translate(-50%, -50%); top: 50%; cursor: pointer;}
.activity .slide_st2 .ctl_btn .slide_st2_prev_btn{ left: -60px;}
.activity .slide_st2 .ctl_btn .slide_st2_next_btn{ right: -60px;}

/* certify */
.certify {  color: #38393b; }
.certify > .tit { font-size: 48px; font-weight: 600; text-align: center; margin: 80px 0 40px 0; }
.certify .info { background: #f9f9f9; display: flex; align-items: center; justify-content: center; padding: 20px 0; }
.certify .info > img { display: block; width: 15%; height: auto; object-fit: cover; margin-right: 5%; }
.certify .info > .desc { width: 65%; font-size: 17px; word-break: keep-all; line-height: 25px; }

/***** Labor & Human Rights *****/
.inner{position:relative; width:1160px; margin:0 auto;}
.labor_rights {  color: #38393b; font-size: 17px; } 
.labor_rights .tit { font-size: 48px; font-weight: 600; text-align: center; }
.labor_rights .htxt { padding: 40px 0; text-align: center;}
.labor_rights .htxt > span { font-size: 20px; line-height: 1.8; letter-spacing: -0.5px;  word-break: keep-all;}

/* management */
.management { margin-top: 59px; padding-top: 60px; }
.management .top {}
.management .bottom { margin-top: 80px; background: #2d2d2d url(../images/img/management_img_bg.jpg) center center no-repeat; background-size:cover; color: #fff; height: auto; padding: 80px 0;}
.management .top .ctc_list { display: flex; flex-wrap: wrap; }
.management .top .ctc_list > li { flex: 1 0 calc(50% - 15px); display: flex; flex-direction: column; margin-right: 15px; box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.35); text-align: center; margin-bottom: 15px; }
.management .top .ctc_list > li:last-child { margin-right: 0; }
.management .top .ctc_list > li > strong { background-color: #397cd3; color: #fff; font-size: 21px; height: 77px; line-height: 28px; padding: 0 5%; display: flex; align-items: center; justify-content: center; word-break: keep-all; }
.management .top .ctc_list > li:nth-child(2) , .management .top .ctc_list > li:nth-child(4) {margin-right: 0;}
.management .top .ctc_list > li:nth-child(2) > strong, .management .top .ctc_list > li:nth-child(4) > strong{ background-color: #28599a; }
.management .top .ctc_list > li > span { width: 80%; height: auto; color: #555; font-size: 17px; padding: 20px 10%; display: flex; align-items: center; justify-content: center; line-height: 25px; word-break: keep-all; }
.management .bottom .inner .tit { padding-top: 80px; }
.management .bottom .inner .htxt {padding: 0; margin-bottom: 40px; }
.management .bottom .inner .htxt > strong{ font-family: nanummyeongjo, serif; font-size: 32px; line-height: 1.4; font-weight: 500; word-break: keep-all; }
.management .bottom .inner .superior { display: flex; justify-content: space-around; }
.management .bottom .inner .superior img { display: inline-block; padding-bottom: 50px; width: auto; height: auto; max-width: 100%;}
.management .bottom .inner .superior > div { width: 77%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.management .bottom .inner .superior .list {display: flex; flex-wrap: wrap;justify-content: space-between;}
.management .bottom .inner .superior .list li { font-size: 20px; color: #fff; line-height: 1.6; text-align: center; border: 1px solid #fff; border-radius: 15px; margin-bottom: 40px; } 
.management .bottom .inner .superior .left .list li { width: calc((100% / 3) - 56px); padding: 20px; display: flex; justify-content: center; align-items: center; flex: 0 1 auto;word-break: break-word;}
.management .bottom .inner .superior .left>span {display: block; font-size: 19px; color: #fff; text-align: right;}
.management .bottom .inner .superior .right { display: none; }
.management .bottom .inner .superior .right .list li { width: 100%; flex: 1 1 100%;}

/* processing */
.processing { padding-bottom: 80px; }
.processing .inner .tit { padding: 80px 0 0 0 ;}
.processing .inner .stit{ display: block; font-size: 20px; line-height: 1.8; letter-spacing: -0.5px;  word-break: keep-all; text-align: center; padding: 40px 0;}
.processing .inner img { height: auto; object-fit: cover; max-width: 100%; }
.processing .inner img.m_only{ display: none;}
/* development */
.development { background: #f6f6f6; padding-bottom: 80px;}
.development .inner .tit { padding: 80px 0 0 0 ;}
.development .ctc_list { display: flex; flex-wrap: wrap; }
.development .ctc_list > li { flex: 1 0 calc(50% - 50px); display: flex; flex-direction: column;  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.35); text-align: center; margin-bottom: 50px; }
.development .ctc_list > li:nth-child(1),.development .ctc_list > li:nth-child(3) { margin-right: 50px; }
.development .ctc_list > li:last-child { margin-right: 0; }
.development .ctc_list > li > strong { width: 90%; background-color: #397cd3; color: #fff; font-size: 21px; height: 77px; line-height: 77px; padding: 0 5%; }
.development .ctc_list > li:nth-child(2) > strong, .development .ctc_list > li:nth-child(4) > strong { background-color: #28599a;}
.development .ctc_list > li > ul { height: 200px; padding: 10% 5%; background-color: #fff;}
.development .ctc_list > li > ul > li {  color: #555; font-size: 17px; padding-bottom: 15px; text-align: left; word-break: keep-all; position: relative; padding-left: 15px; }
.development .ctc_list > li > ul > li::after{ content: ''; width: 5px; height: 2px; position: absolute; top: 8px; left: 0; background-color: #555;}

/* culture */
.culture { margin-bottom: 160px; }
.culture .inner .tit { padding-top: 58px;}
.culture .inner .ctc_list > ul { display: flex; justify-content: space-between; }
.culture .inner .ctc_list > ul > li { /*width: 379px;*/ flex: 1 0 calc(32% - 15px); height: 337px;  display: flex; flex-direction: column; overflow: hidden; margin-right: 15px;}
.culture .inner .ctc_list > ul > li:nth-child(1) { background: url(../images/img/culture_im_01.jpg) center center no-repeat; background-size: cover;}
.culture .inner .ctc_list > ul > li:nth-child(2) { background: url(../images/img/culture_im_02.jpg) center center no-repeat; background-size: cover;}
.culture .inner .ctc_list > ul > li:nth-child(3) { background: url(../images/img/culture_im_03.jpg) center center no-repeat; background-size: cover; margin-right: 0;}
.culture .inner .ctc_list > ul > li:hover > div { transform: translate3d(0, 0, 0); }
.culture .inner .ctc_list > ul > li > div { background-color: #00000098; color: #fff; height: 75%; padding: 5%; margin-top: auto; transform: translate3d(0, 80%, 0); transition: transform 0.35s; -webkit-transition: -webkit-transform 0.35s; -webkit-transform:translate3d(0,80%,0);}
.culture .inner .ctc_list > ul > li > div > strong { font-size: 25px; padding-bottom: 15px; display: block;}
.culture .inner .ctc_list > ul > li > div > ul > li { font-size: 16px; padding-bottom: 8px; text-align: left; display: none; word-break: keep-all; position: relative; padding-left: 10px;}
.culture .inner .ctc_list > ul > li > div > ul > li::after { content: ''; position: absolute; left: 0; top: 5px; width: 5px; height: 2px; background-color: #fff; }
.culture .inner .ctc_list > ul > li:hover > div > ul > li { display: block;}

/***** Ethics *****/
/*** Ethics list style***/
.list { color: #38393b; /*margin: 20px 0;*/}
.border_top { border-top: 1px solid #e6e6e6; }
.list .list_st01_tit { border-bottom: 1px solid #e6e6e6; display: flex; justify-content: space-between; }
.list strong { font-size: 18px; font-weight: 600;  display: inline-block; padding:30px; position: relative; /*margin: 15px 0 0 15px; */}
/* .list strong::after { content: ''; position: absolute; top: 0; left: 0; width: 12px; height: 12px; background: url(../images/img/list_st01_strong.png) center center no-repeat ; } */
.list .list_st01 { display: none; background-color: #f9f9f9; padding: 25px; }
.list.open .list_st01 { display: block;}
.list .list_st01 li { font-size: 15px; color: #555; line-height: 25px; word-break: keep-all;  padding-bottom: 20px; }
.list .list_st01 li > span { font-size: 15px; display: block; font-weight: 500;  margin-bottom: 5px; }
.more{ cursor: pointer; padding-right: 25px; display: flex; align-items: center; }
.more >img {display: block;  min-width: 100%; height: 12px;}

/*** Ethics tit style***/
.ethics .sector .innerbox .tit {  color: #38393b; font-size: 48px; font-weight: 600; text-align: center; margin-top: 80px; }
.ethics .sector .innerbox .htxt { width: 80%; margin: 0 auto; text-align: center; margin-top: 40px; padding-bottom: 80px;}
.ethics .sector .innerbox .htxt  span {  color: #38393b; font-size: 20px; text-align: center;  line-height: 1.8; word-break: keep-all;}
/* .ethics .sector .innerbox .ctc_list { margin-bottom: 120px; } */
.ethics .sector .innerbox .sm_txt {text-align: right; font-size: 19px; padding: 16px 0 0 0;}

/* code */
.code {padding-bottom: 80px; }
.ethics .sector .innerbox .code .inner .stit {  color: #38393b; font-size: 20px; margin-top: 70px; font-weight: 700; margin-bottom: 30px; } 

/* indicator */
.indicator { padding-bottom: 80px; }
.indicator .inner .item_wrap { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 40px; }
.indicator .inner .item_wrap .item { width: 20%; background-color: #f6f6f6; height: 300px; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #38393b; word-break: keep-all; text-align: center; padding: 0 5%; } 
.indicator .inner .item_wrap .item > img { display: block; margin-bottom: 20px;}
.indicator .inner .item_wrap .item > span { font-size: 17px; }
.indicator .inner .item_wrap .item > strong { font-size: 22px; padding-top: 15px; }
.indicator .inner .item_wrap .item > p { font-size: 14px; padding-top: 10px;}


/* audit */
.ethics .sector .innerbox .audit .inner .htxt { display: flex; width: 95%; position: relative; padding-left: 5%; margin-bottom: 40px; padding-bottom: 0; }
.ethics .sector .innerbox .audit .inner .htxt::after { content: ''; position: absolute; height: 100%; width: 2px; background-color: #38393b; left: 0; bottom: 0; }
.ethics .sector .innerbox .audit .inner .htxt > img { display: block;  width: auto; height: auto; margin-right: 10%; text-align: center;}
.ethics .sector .innerbox .audit .inner .htxt > div > span { display: block; font-size: 17px; text-align: left; }
.list_wrap { background-color: #f9f9f9;}
.list_wrap > .list > strong { padding-left: 15px; }

/***** Sustainable Procurement *****/
.procurement .tit { color: #38393b; font-size: 48px; font-weight: 600; text-align: center; margin-top: 80px; }

/* CSR */
.CSR > table { margin-top: 40px;}
/*.CSR .border {border: 1px solid #e4e4e4;}*/
.CSR .tit { padding-bottom: 10px;}
.CSR .stit{  color: #38393b; font-size: 21px; text-align: left; padding: 20px 0 20px 40px;  position: relative;}
.CSR .stit::after { content: ''; position: absolute; width: 20px; height: 2px; background-color: #38393b; left: 0; top: 50%; }
.CSR .wrap{ display: flex; justify-content: center; padding: 80px 0; background: #f9f9f9; }
.CSR .wrap > img { display: block; max-width: 100%; }

/* cooperative */
.cooperative {padding-bottom: 80px;}
.cooperative .tit { margin-top: 80px;}
.cooperative .desc { color: #38393b; }
.cooperative .desc .oath { margin-top: 40px; height: auto; /* height: 654px; background: url(../images/img/cooperative_oath_bg.png) center center no-repeat; background-size: cover; */width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.cooperative .desc .oath .wrap { margin-bottom: 40px; }
.cooperative .desc .oath .wrap  .stit{   color: #38393b; font-size: 21px; text-align: left; padding: 20px 0 20px 40px;  position: relative; margin-bottom: 30px; font-weight: 600;}
.cooperative .desc .oath .wrap  .stit::after{content: ''; position: absolute; width: 20px; height: 2px; background-color: #38393b; left: 0; top: 50%;}
.cooperative .desc .oath .wrap  .htxt , .cooperative .desc .oath .wrap  .mtxt { 
  color: #38393b;
  font-size: 18px;
  text-align: center;
  line-height: 1.8;
  word-break: keep-all;
  display: inline;}
.cooperative .desc .oath .wrap > strong {font-size: 18px;  display: block; margin-top: 25px; text-align: left; }

/* conflict */
.conflict .cts { margin: 40px 0;}
.conflict .cts .img_box > span {  line-height: 1.4; display: flex; flex-direction: column; width: 90%; height: auto; color: #fff; background: url(../images/img/conflict_bg.jpg) center center no-repeat; font-size: 24px;  text-align: center; align-items: center; word-break: keep-all; padding: 5%;}
.conflict .cts .img_box > span > img { width: 50%; padding-top: 40px; }

/***** company *****/
/* global list */
.globalList {width:100%; overflow:hidden;}
.globalList ul {margin:0 -3.333% 0 0;}
.globalList ul:after {content:""; display:block; clear:both;}
.globalList ul li {float:left; width:30%; margin:0 3.333% 40px 0;}
.globalList ul li .txtArea {position:relative; border:1px #e4e4e4 solid; padding:0 40px 127px; word-break:keep-all; transition:0.2s ease-in-out;}
.globalList ul li .txtArea:after {content:""; display:block; clear:both;}
.globalList ul li .txtArea .tit {font-size:20px; color:#2e2e2f; line-height:1.2; font-weight:500; padding:48px 0 20px; transition:0.2s ease-in-out; word-break:keep-all; letter-spacing:-0.5px;}
.globalList ul li .txtArea .addrEn {min-height:70px; font-family: 'montserrat-light'; font-size:15px; color:#38393b; line-height:1.7; padding:0 0 10px; transition:0.2s ease-in-out; word-break:keep-all;}
.globalList ul li .txtArea .addrCn {min-height:70px; font-family: 'montserrat-light'; font-size:15px; color:#38393b; line-height:1.7; transition:0.2s ease-in-out; word-break:keep-all;}
.globalList ul li .txtArea .info {position:absolute; left:0; bottom:45px; width:100%; overflow:hidden;}
.globalList ul li .txtArea .info span {display:block; font-size:14px; color:#999; line-height:1.2; font-weight:500; padding:0 0 6px 40px; transition:0.2s ease-in-out;}
.globalList ul li .txtArea .info span strong {font-size:14px; color:#38393b; font-weight:600;}
.globalList ul li .txtArea .point {position:absolute; right:40px; bottom:55px;}
.globalList ul li a {display:inline-block; width:100%; height:100%;}
.globalList ul li a:hover .txtArea {border-color:#2878d3;}
.globalList ul li a:hover .txtArea .tit {color:#2878d3;}
.globalList ul li a:hover .txtArea .addrEn {color:#2878d3;}
.globalList ul li a:hover .txtArea .addrCn {color:#2878d3;}
.globalList ul li a:hover .txtArea .info span {color:#2878d3;}
.globalList ul li a:hover .txtArea .info span strong {color:#2878d3;}

/* head office */
.headOffice {width:100%; overflow:hidden;}
.headOffice .officeInfo {width:100%; margin:80px 0 0 0; border-top:1px #38393b solid; border-bottom:1px #38393b solid; overflow:hidden;}
.headOffice .officeInfo ul:after {content:""; display:block; clear:both;}
.headOffice .officeInfo ul li {position:relative; display:block; border-bottom:1px #e4e4e4 solid; word-break:keep-all;}
.headOffice .officeInfo ul li .tit {position:absolute; left:40px; top:17px; font-size:14px; color:#38393b; font-weight:500; line-height:1.6;}
.headOffice .officeInfo ul li .con {margin:0 5% 0 34.48%; padding:17px 0;}
.headOffice .officeInfo ul li .con p {font-family: 'montserrat-light'; font-size:15px; color:#777; line-height:1.6;}
.headOffice .officeInfo ul li .con p span {font-size:15px; color:#777; line-height:1.6; font-weight:500;}

.headOffice .contactUs {position:relative; width:100%; margin:120px 0 0 0; overflow:hidden;}
.headOffice .contactUs .txtArea {position:absolute; left:0; top:0;}
.headOffice .contactUs .txtArea .tit {font-size:30px; color:#38393b; line-height:1.2; font-weight:500; padding:0 0 25px 0;}
.headOffice .contactUs .txtArea .txt:after {content:""; display:block; clear:both;}
.headOffice .contactUs .txtArea .txt span {display:block; font-family: 'montserrat-light';  font-size:17px; color:#777; line-height:2;}
.headOffice .contactUs .dataArea {margin:0 0 0 43.103%;}
.headOffice .contactUs .dataArea:after {content:""; display:block; clear:both;}
.headOffice .contactUs .dataArea ul:after {content:""; display:block; clear:both;}
.headOffice .contactUs .dataArea ul li {display:block; width:100%; margin:0 0 10px 0;}
.headOffice .contactUs .dataArea ul li input {width:100%; height:50px; font-size:14px; color:#38393b; line-height:50px; font-weight:500; border:1px #e4e4e4 solid; box-sizing:border-box; padding:0 0 0 30px; transition:0.2s ease-in-out;}
.headOffice .contactUs .dataArea ul li input:focus {border-color:#2878d3;}
.headOffice .contactUs .dataArea ul li textarea {width:100%; height:200px; font-size:14px; color:#38393b; line-height:1.6; font-weight:500; border:1px #e4e4e4 solid; box-sizing:border-box; padding:15px 30px;}
.headOffice .contactUs .dataArea ul li textarea:focus {border-color:#2878d3;}
.headOffice .contactUs .dataArea .btn {position:relative; display:inline-block; width:120px; height:50px; text-align:center; background:#2878d3; margin:30px 0 0 0; overflow:hidden;}
.headOffice .contactUs .dataArea .btn:before, .headOffice .contactUs .dataArea .btn:after {box-sizing:border-box; transition:0.2s ease-in-out; z-index:1;}
.headOffice .contactUs .dataArea .btn:before {content:''; position:absolute; top:0; right:0; bottom:0; left:-1px; background-color:#38393b; -webkit-transform: translateX(-100%); transform:translateX(-100%);}
.headOffice .contactUs .dataArea .btn:hover:before {-webkit-transform: translateX(0); transform: translateX(0);}
.headOffice .contactUs .dataArea .btn span {position:absolute; left:0; top:0; width:100%; font-size:12px; color:#fff; font-weight:500; line-height:50px; letter-spacing:3px;  z-index:2; transition:0.2s ease-in-out;}
.headOffice .contactUs .dataArea .btn:hover span {color:#fff; font-weight:600;}

.fullBox {width:100%; height:48px; font-size:14px; color:#38393b; background:url('../images/bg/bg_select_htabbox.png') right center #fff no-repeat; border:1px solid #e4e4e4; box-sizing:border-box; overflow:hidden;}
.fullBox:after {content:""; display:block; clear:both;}
.fullBox:focus {border-color:#2878d3;}
.fullBox.changed {background-color:#fff;}
.fullInner {width:100%; font-size:14px; color:#38393b; white-space:nowrap; line-height:48px; padding:0 64px 0 30px; overflow:hidden; box-sizing:border-box;}

.officeMap {position:relative; width:100%; height:420px; overflow:hidden; z-index:2;}
.officeMap .map {position:absolute; left:50%; top:0; margin:0 0 0 -950px;}

.googleMove {position:relative; width:1160px; height:0; margin:0 auto; z-index:3;}
.googleMove:after {content:""; display:block; clear:both;}
.googleMove .ypos {position:absolute; left:0; top:-180px;}
a.goobtn {position:relative; display:inline-block; width:180px; height:180px; background:#38393b; overflow:hidden;}
a.goobtn:before, a.goobtn:after {box-sizing:border-box; transition:0.2s ease-in-out; z-index:1;}
a.goobtn:before {content:''; position:absolute; top:0; right:0; bottom:0; left:-1px; background-color:#2878d3; -webkit-transform: translateX(-100%); transform:translateX(-100%);}
a.goobtn:hover:before {-webkit-transform: translateX(0); transform: translateX(0);}
a.goobtn span {position:absolute; left:0; top:0; font-family: 'montserrat'; font-size:18px; color:#fff; font-weight:600; letter-spacing:2px; line-height:1.4; padding:38px 0 30px 0; margin:0 0 0 40px; z-index:2; transition:0.2s ease-in-out; background:url('../images/bg/bg_googlemove_span.png') left bottom no-repeat;}







/* announcement list */
.announcementList {width:100%; overflow:hidden;}
.announcementList ul {margin:0 -3.333% 0 0;}
.announcementList ul:after {content:""; display:block; clear:both;}
.announcementList ul li {float:left; width:30%; margin:0 3.333% 40px 0;}
.announcementList ul li .txtArea {position:relative; padding:0 48px; word-break:keep-all; transition:0.2s ease-in-out;}
.announcementList ul li .txtArea:after {content:""; display:block; clear:both;}
.announcementList ul li .txtArea .info {width:100%; padding:48px 0 0 0; overflow:hidden;}
.announcementList ul li .txtArea .info .no {font-size:14px; color:#2e2e2f; line-height:1.2; font-weight:600; transition:0.2s ease-in-out;}
.announcementList ul li .txtArea .info .day {float:right; font-size:14px; color:#999; line-height:1.2; font-weight:500; transition:0.2s ease-in-out;}
.announcementList ul li .txtArea .tit {min-height:100px; font-family: 'montserrat-light'; font-weight:500; font-size:21px; color:#38393b; line-height:1.5; padding:30px 0 0 0; transition:0.2s ease-in-out; word-break:keep-all;}
.announcementList ul li .txtArea .down {position:relative; display:inline-block; width:149px; height:40px; margin:0 0 50px 0; text-align:center; border:1px #38393b solid; overflow:hidden;}
.announcementList ul li .txtArea .down:before, .announcementList ul li .txtArea .down:after {box-sizing:border-box; transition:0.2s ease-in-out; z-index:1;}
.announcementList ul li .txtArea .down:before {content:''; position:absolute; top:0; right:0; bottom:0; left:-1px; background:#2878d3; border-color:#2878d3; -webkit-transform: translateX(-100%); transform:translateX(-100%);}
.announcementList ul li:hover .txtArea .down:before {-webkit-transform: translateX(0); transform: translateX(0);}
.announcementList ul li .txtArea .down span {position:absolute; left:0; top:0; width:100%; font-family: 'montserrat-light';  font-size:15px; color:#38393b; line-height:40px; z-index:2; transition:0.2s ease-in-out;}
.announcementList ul li:hover .txtArea .down {border-color:#2878d3;}
.announcementList ul li:hover .txtArea .down span {color:#fff;}
.announcementList ul li a {display:inline-block; width:100%; height:100%; border:1px #e4e4e4 solid; box-sizing:border-box;}
.announcementList ul li a:hover .txtArea {border-color:#2878d3;}
.announcementList ul li a:hover .txtArea .tit {color:#2878d3;}
.announcementList ul li a:hover .txtArea .info .no {color:#2878d3;}
.announcementList ul li a:hover .txtArea .info .origin {color:#2878d3;}
.announcementList ul li a:hover .txtArea .day {color:#2878d3;}

/* data table */
.dataTable {width:100%; overflow:hidden;}
.dataTable h3 {position:relative; font-family: 'montserrat-light'; font-size:30px; color:#38393b; font-weight:500; line-height:1.2; padding:0 0 26px 0;}
.dataTable h3 span {position:absolute; right:0; top:14px; font-family: 'montserrat-light'; font-size:15px; color:#b4b4b4; line-height:1.2; font-weight:normal; letter-spacing:0;}
.dataTable .dataDiv {width:100%; border-top:2px #38393b solid; border-bottom:1px #38393b solid; overflow:hidden;}
.dataTable .dataDiv table {width:100%; text-align:center; overflow:hidden;}
.dataTable .dataDiv table th {font-family: 'montserrat-light'; font-size:16px; color:#38393b; font-weight:800; line-height:1.2; border-right:1px #e4e4e4 solid; border-bottom:1px #e4e4e4 solid; padding:24px 0;}
.dataTable .dataDiv table th.kr {font-weight:600;}
.dataTable .dataDiv table th:last-child {border-right:0;}
.dataTable .dataDiv table td {font-family: 'montserrat-light'; font-size:15px; color:#777; line-height:1.2; border-right:1px #e4e4e4 solid; border-bottom:1px #e4e4e4 solid; padding:24px 0;}
.dataTable .dataDiv table td:last-child {border-right:0;}
.dataTable .dataDiv table .bg td {background:#f6f6f6;}
.dataTable .dataDiv .category {width:17.24%;}
.dataTable .dataDiv.f {margin:0 0 50px 0;}

.dataTable .graph {width:100%; padding:28px 0 70px 0; overflow:hidden;}
.dataTable .graph ul {margin:0 -3.333% 0 0;}
.dataTable .graph ul:after {content:""; display:block; clear:both;}
.dataTable .graph ul li {float:left; width:30%; margin:0 3.333% 0 0;}
.dataTable .graph ul li h4 {position:relative; font-family: 'montserrat-light'; font-size:18px; color:#38393b; font-weight:600; line-height:1.2; padding:0 0 17px 0; border-bottom:2px #38393b solid;}
.dataTable .graph ul li h4 span {position:absolute; right:0; top:3px; font-family: 'montserrat-light'; font-size:13px; color:#b4b4b4; line-height:1.2; font-weight:normal; letter-spacing:0;}
.dataTable .graph ul li img {width:100%;}

/* issued shares */
.issuedShares {position:relative; width:100%; margin:110px 0 0 0; overflow:hidden;}
.issuedShares .img {position:absolute; left:50%; top:0; margin:0 0 0 -950px; z-index:1;}
.issuedShares .txt {position:relative; width:100%; height:400px; text-align:center; overflow:hidden; z-index:2;}
.issuedShares .txt .stit {font-size:20px; color:#fff; line-height:1.2; padding:126px 0 0 0; letter-spacing:4px;}
.issuedShares .txt .num {font-size:80px; color:#fff; line-height:1.2; padding:0 0 4px 0;}
.issuedShares .txt .day {font-size:16px; color:#fff; line-height:1.2; letter-spacing:1px;}

/* share holders */
.shareHolders {position:relative; width:100%;}
.shareHolders:after {content:""; display:block; clear:both;}
.shareHolders .abTxt {position:absolute; left:0; top:-50px; font-size:48px; color:#2e2e2f; font-weight:500; line-height:1.2;}
.shareHolders .circleGraph {width:100%; overflow:hidden;}
.shareHolders .circleGraph ul {position:relative; width:582px; height:632px; margin:0 auto;}
.shareHolders .circleGraph ul:after {content:""; display:block; clear:both;}
.shareHolders .circleGraph ul li {position:absolute; left:0; top:0; transform:rotate(-45deg); opacity:0; transform-origin:50% 50%;}
.shareHolders .circleGraph ul li p {position:absolute; font-size:15px; color:#777; line-height:1.2; font-family: 'montserrat-light'; opacity:0;}
.shareHolders .circleGraph ul li p span {font-size:15px;font-family: 'montserrat-light';}
.shareHolders .circleGraph ul li p u {display:block; font-size:20px; color:#38393b; font-weight:600; line-height:1.2; padding:8px 0 0 0; text-decoration:none;}
.shareHolders .circleGraph ul li:nth-child(1) {z-index:5;}
.shareHolders .circleGraph ul li:nth-child(1) p {left:-178px; top:280px; padding:0 252px 0 0; background:url('../images/bg/bg_circle_graph_p01.png') right 10px no-repeat;}
.shareHolders .circleGraph ul li:nth-child(2) {z-index:4;}
.shareHolders .circleGraph ul li:nth-child(2) p {right:-160px; top:22px; width:175px; padding:0 0 20px 140px; background:url('../images/bg/bg_circle_graph_p02.png') left 8px no-repeat;}
.shareHolders .circleGraph ul li:nth-child(3) {z-index:3;}
.shareHolders .circleGraph ul li:nth-child(3) p {right:-130px; top:316px; padding:0 0 0 130px; background:url('../images/bg/bg_circle_graph_p03.png') left 8px no-repeat;}
.shareHolders .circleGraph ul li:nth-child(4) {z-index:2;}
.shareHolders .circleGraph ul li:nth-child(4) p {right:-134px; bottom:104px; padding:0 0 0 200px; background:url('../images/bg/bg_circle_graph_p04.png') left 8px no-repeat;}
.shareHolders .circleGraph ul li:nth-child(5) {z-index:1;}
.shareHolders .circleGraph ul li:nth-child(5) p {right:62px; bottom:25px; padding:30px 0 0 40px; background:url('../images/bg/bg_circle_graph_p05.png') left 3px no-repeat;}

.shTable {position:relative; width:100%; margin:70px 0 0 0; padding:0 0 35px 0; overflow:hidden;}
.shTable .tit {font-size:18px; color:#38393b; font-weight:600; line-height:1.2; padding:0 0 16px 0;}
.shTable .unit {position:absolute; right:0; top:6px; font-family: 'montserrat-light'; font-size:14px; color:#7d7d7d; line-height:1.2;}
.shTable .shDiv {position:relative; width:100%; border-top:2px #38393b solid; border-bottom:1px #38393b solid; overflow:hidden;}
.shTable .shDiv table {width:100%; text-align:center; overflow:hidden;}
.shTable .shDiv table th {font-size:15px; color:#38393b; font-weight:500; line-height:1.2; border-right:1px #e4e4e4 solid; border-bottom:1px #e4e4e4 solid; padding:21px 0;}
.shTable .shDiv table th:last-child {border-right:0;}
.shTable .shDiv table td {font-family: 'montserrat-light'; font-size:15px; color:#777; line-height:1.2; border-right:1px #e4e4e4 solid; border-bottom:1px #e4e4e4 solid; padding:22px 0;}
.shTable .shDiv table td:last-child {border-right:0;}
.shTable .shDiv table td .br {font-family: 'montserrat-light'; font-size:15px; line-height:1.8; display:block;}
.shTable .shDiv table td.left {text-align:left; padding:22px 10px 22px 30px; line-height:1.8;}

.shTable .shDiv .fixed {position:absolute; left:0; top:0; width:258px; z-index:2;}
.shTable .shDiv .fixed table th:last-child {border-right:1px #e4e4e4 solid;}
.shTable .shDiv .fixed table td:last-child {border-right:1px #e4e4e4 solid;}
.shTable .shDiv .fluid {position:relative; margin:0 0 0 258px; z-index:1;}
.shTable .shDiv .fluid:after {content:""; display:block; clear:both;}
.shTable .shDiv .fluid .fscroll {width:100%; overflow-x:scroll;}
.shTable .shDiv .fluid .fscroll table {width:902px;}
.shTable .shDiv .a1b0 {font-size:15px; padding:31px 0;}
.shTable .shDiv .a1b2 {padding:51px 0 52px;}
.shTable .shDiv .a1b3 {font-size:15px; padding:44px 0 45px;}
.shTable .shDiv .a1b4 {font-size:15px; padding:58px 0;}
.shTable .shDiv .a1b5 {font-size:15px; padding:72px 0;}
.shTable .shDiv .a1b6 {font-size: 15px; padding: 85px 0;} 
.shTable .shDiv .a2b1 {padding:12px 0 5px;}

.shTable {width:100%;}
.shTable:after {content:""; display:block; clear:both;}
.shTable .htit {font-size:40px; color:#38393b; font-weight:500; line-height:1.2; padding:0 0 8px 0;}
.shTable .stit {font-size:24px; color:#38393b; font-weight:500; line-height:1.2; padding:50px 0 14px 0;}


/* contact us */
#content .conUs h2 {padding:0 0 55px 0;font-size:36px;}
.conUs {width:100%;overflow:hidden;}
.conUs h3 {font-size:16px;color:#38393b;font-weight:600;line-height:1.2;padding:55px 0 20px 40px;}
.conUs .conSection {border-top:1px solid #38393b;}
.conUs .conSection .box:last-child {border-bottom:1px solid #38393b;}
.conUs .box {position:relative;padding-left:400px;border-bottom:1px solid #e4e4e4;}
.conUs .box.first {padding-bottom:30px;border-bottom:0;}
.conUs .box strong {width:360px;position:absolute;top:0;left:0;padding-left:40px;height:70px;line-height:70px;}
.conUs .box strong span {font-size:13px;line-height:1.5;color:#38393b;font-weight:600;display:inline-block;letter-spacing:1px;word-break:keep-all;vertical-align:middle;}
.conUs .box .con {height:50px;line-height:50px;padding:10px 0;}
.conUs .box .con:after {content:"";display:block;clear:both;}
.conUs .box .con input[type='text'], input[type='password'] {background:#fff;border-bottom:1px solid #e4e4e4;border-width:1px;height:50px;line-height:50px;padding-right:10px;}
.conUs .box .con .fullBox {height:50px;line-height:50px;}
.conUs .box .con .fullInner {font-size:13px;}
.conUs .box .con .wtW {float:left;width:60.65%;}
.conUs .box .con p {font-size:14px;color:#777;font-weight:400;line-height:50px;}
.conUs .box .con.pos {padding-right:299px;position:relative;}
.conUs .box .con.pos .radioW {position:absolute;top:10px;right:0;}
.conUs .box .con.pos .radioW > div {float:left;text-align:right;height:50px;line-height:50px;padding-left:60px;}
.conUs .box .con.pos .radioW > div:first-child {padding-left:0;}
.conUs .box .con .custom-radio label {font-size:13px;font-weight:600;color:#38393b;letter-spacing:1px;}
.conUs .box .con.email li {float:left;width:47%;}
.conUs .box .con.email li.center {width:6%;text-align:center;height:48px;line-height:48px;font-size:13px;color:#38393b;}
.conUs .box.txtArea .con {height:150px;line-height:normal;}
.conUs .box.txtArea .con textarea {width:100%;height:148px;box-sizing:border-box;}
.conUs .box.txtArea strong {line-height:170px;}
.conUs .box .con .wtSelect {float:right;width:36.7%;}
.conUs .box .con .fileBox {padding:0 0 0 156px;}
.conUs .box .con .fileBox .fileHidden {height:50px;}
.conUs .box .con .fileBtn {position:absolute;top:0;left:0;width:156px;text-align:center;background:#38393b;}
.conUs .box .con .fileBtn span {font-size:12px;color:#fefefe;font-weight:400;line-height:50px;height:50px;letter-spacing:2.5px;}
.conUs .btnArea {margin:60px 0 0 0;}
.conUs .btnArea a {position:relative; display:inline-block; width:140px; height:50px; text-align:center; border:1px #38393b solid; overflow:hidden;}
.conUs .btnArea a:before, .conUs .btnArea a:after {box-sizing:border-box; transition:0.2s ease-in-out; z-index:1;}
.conUs .btnArea a:before {content:''; position:absolute; top:0; right:0; bottom:0; left:-1px; background:#2878d3; border-color:#2878d3; -webkit-transform: translateX(-100%); transform:translateX(-100%);}
.conUs .btnArea a:hover:before {-webkit-transform: translateX(0); transform: translateX(0);}
.conUs .btnArea a span {position:absolute; left:0; top:0; width:100%; font-family: 'montserrat-light';  font-size:12px; font-weight:600; color:#38393b; line-height:50px; z-index:2; transition:0.2s ease-in-out; letter-spacing:2px;}
.conUs .btnArea a:hover {border-color:#2878d3;}
.conUs .btnArea a:hover span {color:#fefefe;}
.conUs h3.sTit {text-align:center;margin:100px auto 50px;letter-spacing:2px;padding:0 70px;font-size:24px;color:#38393b;font-weight:600;display:block;background:url('../images/ico/ico_chu_dot_left.png') 0 0 no-repeat,url('../images/ico/ico_chu_dot_right.png') right bottom no-repeat;max-width:600px;word-break:keep-all;}
.conUs h3.sTit.st2 {max-width:800px;}


/***** about *****/
/* who we are */
.whoWrap {width:100%; padding:100px 0 160px 0; overflow:hidden;}
.whoWrap .sector {width:100%; border-bottom:1px #e4e4e4 solid; overflow:hidden;}
.whoWrap .innerbox {position:relative; width:1160px; margin:0 auto;}
.whoWrap .innerbox:after {content:""; display:block; clear:both;}

.whoWrap .intro {width:100%; overflow:hidden; word-break:keep-all; text-align:center;}
.whoWrap .intro .tit {font-size:48px; color:#38393b; font-weight:500; line-height:1.2; padding:0 0 10px 0;}
.whoWrap .intro .stit {font-family: 'montserrat-light'; font-size:24px; color:#38393b; line-height:1.2; padding:0 0 45px 0; letter-spacing:1px;}
.whoWrap .intro .txt {width:100%; overflow:hidden;}
.whoWrap .intro .txt p {font-family: 'montserrat-light'; font-size:20px; color:#555; line-height:1.8; padding:0 0 65px 0;}
.whoWrap .intro .mission {width:100%; text-align:center; overflow:hidden;}
.whoWrap .intro .mission .htit {font-family: 'montserrat-light'; font-size:14px; color:#555; line-height:1.2; letter-spacing:6px;}
.whoWrap .intro .mission .htxt {padding:0 0 70px 0;}
.whoWrap .intro .mission .htxt span {display:block; font-family: 'nanummyeongjo', serif; font-size:32px; color:#38393b; line-height:1.4; font-weight:500;}
.whoWrap .intro .mission .htxt02 {font-family: 'Lora', serif; font-size:30px; color:#38393b; line-height:1.2; padding:36px 0 85px 0;}

.whoWrap .core {width:100%; text-align:center; overflow:hidden; word-break:keep-all;}
.whoWrap .core .tit {font-size:48px; color:#38393b; line-height:1.25; font-weight:500; padding:58px 0 10px 0;}
.whoWrap .core .stit {font-family: 'montserrat-light'; font-size:24px; color:#38393b; line-height:1.2; padding:0 0 40px 0; letter-spacing:1px;}
.whoWrap .core .txt {width:100%; overflow:hidden;}
.whoWrap .core .txt span {display:block; font-family: 'montserrat-light'; font-size:20px; color:#555; line-height:1.8;}
.whoWrap .core .solution {position:relative; width:100%; padding:43px 0 0 0; overflow:hidden;}
.whoWrap .core .solution:after {content:""; display:block; clear:both;}
.whoWrap .core .solution ul:after {content:""; display:block; clear:both;}
.whoWrap .core .solution ul {margin:0 -0.85% 0 0;}
.whoWrap .core .solution ul li {float:left; margin:0 0.85% 0 0;}
.whoWrap .core .solution ul li img {width:100%;}
.whoWrap .core .solution ul li:nth-child(1) {width:38.4%;}
.whoWrap .core .solution ul li:nth-child(2) {width:29.44%;}
.whoWrap .core .solution ul li:nth-child(3) {width:29.44%;}
.whoWrap .core .solution ul li p {font-size:21px; color:#38393b; font-weight:500; line-height:1.2;padding:28px 0 92px 0; letter-spacing:1px;}

.whoWrap .core .solution1 {position:relative; width:100%; overflow:hidden;}
.whoWrap .core .solution1:after {content:""; display:block; clear:both;}
.whoWrap .core .solution1 ul:after {content:""; display:block; clear:both;}
.whoWrap .core .solution1 ul {width:100%;}
.whoWrap .core .solution1 ul li {width:100%;}
.whoWrap .core .solution1 ul li img {width:100%;}
.whoWrap .core .solution1 ul li img.w {display:inline;}
.whoWrap .core .solution1 ul li img.m {display:none;}
.whoWrap .core .solution1 ul li p {font-size:21px; color:#38393b; font-weight:500; line-height:1.2;padding:28px 0 92px 0; letter-spacing:1px;}

.whoWrap .businesses {width:100%; overflow:hidden;}
.whoWrap .businesses .section {width:100%;}
.whoWrap .businesses .section .img {width:100%; padding:0 0 52px 0; overflow:hidden;}
.whoWrap .businesses .section .img img {width:100%;}
.whoWrap .businesses .section .img img.w {display:inline;}
.whoWrap .businesses .section .img img.m {display:none;}
.whoWrap .businesses .section .tit {font-size:36px; color:#38393b; font-weight:600; line-height:1.2; letter-spacing:2px; padding:0 0 4px 0;}
.whoWrap .businesses .section .stit {font-family: 'montserrat-light'; font-size:16px; color:#38393b; line-height:1.5; letter-spacing:1px; padding:0 0 52px 0;}
.whoWrap .businesses .section .info {width:100%; overflow:hidden;}
.whoWrap .businesses .section .info p {font-size:21px; color:#38393b; font-weight:600; line-height:1.2; letter-spacing:2px; padding:0 0 20px 0;}
.whoWrap .businesses .section .info ul:after {content:""; display:block; clear:both;}
.whoWrap .businesses .section .info ul li {display:block; font-size:13px; color:#38393b; font-weight:500; line-height:1.2; letter-spacing:1px; padding:0 0 21px 40px; background:url('../images/bg/bg_businesses_ul_li.png') left 7px no-repeat;}
.whoWrap .businesses .section .infoWrap {position:relative; width:100%; overflow:hidden;}
.whoWrap .businesses .section .infoWrap .info.ab {position:absolute; left:50%; top:0;}
.whoWrap .businesses .section .infoWrap .info.dep {padding:30px 0 0 0;}



/* history */
.historyWrap {width:100%; padding:110px 0 160px 0; overflow:hidden;}
.historyWrap .innerbox {position:relative; width:1160px; margin:0 auto;}
.historyWrap .innerbox:after {content:""; display:block; clear:both;}

.historyWrap .history {width:100%; height:360px; background:#e8e8e8; opacity:0; margin:100px 0 0 0; overflow:hidden;}
.historyWrap .history .imgArea {position:absolute; left:0; top:0; width:100%; text-align:left; overflow:hidden; z-index:1;}
.historyWrap .history .txtArea {position:relative; width:100%; text-align:right; z-index:2;}
.historyWrap .history .txtArea .year {font-family: 'montserrat'; font-size:80px; color:#38393b; font-weight:500; padding:108px 0 0 0; letter-spacing:-4px;}
.historyWrap .history .txtArea .txt {width:100%; margin:-12px 0 0 0; overflow:hidden;}
.historyWrap .history .txtArea .txt p {font-family: 'montserrat'; font-size:15px; color:#555; line-height:1.4; padding:22px 0 0 0;}
.historyWrap .history.other {background:#f6f6f6;}
.historyWrap .history.other .imgArea {text-align:right;}
.historyWrap .history.other .txtArea {text-align:left;}

/* leadership */
.leadership {width:100%; padding:110px 0 0 0; overflow:hidden;}
.leadership .innerbox {width:1160px; margin:0 auto;}
.leadership .innerbox:after {content:""; display:block; clear:both;}

.leadership .introduction {position:relative; width:100%; height:650px; background:#0c171b;}
.leadership .introduction:after {content:""; display:block; clear:both;}
.leadership .introduction .pic {position:absolute; left:50%; top:0; opacity:0; margin:0 0 0 -950px;}
.leadership .introduction .pic .web {display:block;}
.leadership .introduction .pic .mobile {display:none;}
.leadership .introduction .intro {position:relative; width:580px; margin:0 0 0 50%; z-index:5; word-break:keep-all; opacity:0; overflow:hidden;}
.leadership .introduction .intro:after {content:""; display:block; clear:both;}
.leadership .introduction .intro .txtArea:after {content:""; display:block; clear:both;}
.leadership .introduction .intro .tit {font-family: 'montserrat'; font-size:48px; color:#38393b; font-weight:600; letter-spacing:4px; line-height:1.1; padding:75px 0 28px 0; border-top:3px #38393b solid; border-bottom:1px #38393b solid; opacity:0;}
.leadership .introduction .intro .txt {padding:155px 0 0 0; opacity:0;}
.leadership .introduction .intro .txt p {font-family: 'montserrat-light'; font-size:20px; color:#ddd; line-height:2; word-break:keep-all; padding:0 0 30px 0;}
.leadership .introduction .intro .name {font-size:18px; color:#ddd; line-height:1.2; font-weight:600; letter-spacing:2px; margin:100px 0 0 0; opacity:0; padding:20px 0 0 0;}
.leadership .introduction .intro .name span {display:block; font-size:14px; color:#ddd; line-height:1.2; padding:7px 0 0 0; letter-spacing:1px; }
.leadership .introduction .bgArea {position:absolute; left:43%; top:0; width:100%; height:860px; background:#2878d3; z-index:1; opacity:0;}


/* member list */
.memberlist {width:100%; padding:50px 0 115px 0;}
.memberlist:after {content:""; display:block; clear:both;}
.memberlist ul {margin:0 -3.333% 0 0;}
.memberlist ul:after {content:""; display:block; clear:both;}
.memberlist ul li {float:left; width:30%; margin:0 3.333% 40px 0;}
.memberlist ul li .imgArea {width:100%; overflow:hidden;}
.memberlist ul li .imgArea img {width:100%;}
.memberlist ul li .txtArea {margin:35px 0 0 -30px; padding:0 0 0 100px; background:url('../images/bg/bg_directors_txtarea.png') left 9px no-repeat; word-break:keep-all;}
.memberlist ul li .txtArea:after {content:""; display:block; clear:both;}
.memberlist ul li .txtArea .name {font-size:18px; color:#38393b; font-weight:600; line-height:1.4;}
.memberlist ul li .txtArea .name span {display:block; font-size:13px; color:#999; font-weight:500; line-height:1.4; padding:5px 0 0 0;}
.memberlist ul li .txtArea .name span u {display:block; font-size:13px; text-decoration:none; line-height:1.4;}
.memberlist ul li .txtArea .info {font-family: 'montserrat-light';  font-size:13px; color:#999; line-height:1.6; padding:16px 0 0 0;}
.memberlist ul li .txtArea .info span {display:block; font-family: 'montserrat-light';  font-size:13px; line-height:1.6;}

/* management team */
.managementTeam {width:100%; padding:0 0 35px 0; margin:0 0 160px 0; background:#f6f6f6; overflow:hidden;}
.managementTeam .tit {font-family: 'montserrat'; font-size:40px; color:#38393b; line-height:1.2; font-weight:500; padding:90px 0 28px 0;}
.managementTeam ul {margin:0 -3.337% 0 0;}
.managementTeam ul:after {content:""; display:block; clear:both;}
.managementTeam ul li {float:left; width:21.223%; margin:0 3.337% 60px 0;}
.managementTeam ul li .imgArea {width:100%; overflow:hidden;}
.managementTeam ul li .imgArea img {width:100%;}
.managementTeam ul li .txtArea {margin:28px 0 0 0; word-break:keep-all;}
.managementTeam ul li .txtArea:after {content:""; display:block; clear:both;}
.managementTeam ul li .txtArea .name {font-size:15px; color:#38393b; font-weight:600; line-height:1.4;}
.managementTeam ul li .txtArea .name span {display:block; font-size:13px; color:#999; font-weight:normal; line-height:1.4; padding:5px 0 0 0;}

/** support **/
.support {width:1160px; margin:0 auto;}
.support .division {position:relative; width:100%; height:500px; margin:0 0 270px 0; background:#444d60; overflow:hidden;}
.support .division .lsection {width:50%;}
.support .division .lsection .area {margin:114px 0 0 16.89%; word-break:keep-all;}
.support .division .lsection .area:after {content:""; display:block; clear:both;}
.support .division .lsection .area .tit {font-size:36px; color:#fff; font-weight:500; line-height:1.2; letter-spacing:1px; padding:0 0 12px 0;}
.support .division .lsection .area .txt {font-size:16px; color:#fff; font-weight:300; line-height:2; letter-spacing:2px;}
.support .division .lsection .area .txt span {display:block; font-size:16px; color:#fff; font-weight:300; line-height:2; letter-spacing:2px;}
.support .division .rsection {position:absolute; left:50%; top:0;}







/*** all common ***/
/* sub banner */
.subbanner {position:relative; width:100%; height:440px; background:#2e2e2f; overflow:hidden;}
.subbanner .imgArea {display:none;position:absolute; left:50%; top:0; margin:0 0 0 -950px; z-index:1;}
.subbanner .txtArea {position:relative; width:100%; text-align:center; overflow:hidden; z-index:2;}
.subbanner .txtArea p {font-size:32px; color:#fff; margin:0 20px; line-height:1.2; padding:254px 0 0 0; margin:80px 0 0 0; opacity:0; word-break:keep-all;}
.subbanner .txtArea p span {font-size:32px;}
.subbanner.auto {background:url('../images/img/img_subbner_product_automotive.jpg') center center no-repeat;background-size:cover;}
.subbanner.amH {background:url('../images/img/img_subbner_product_smart.jpg') center center no-repeat;background-size:cover;}
.subbanner.notice {background:url('../images/img/img_subbner_notice.jpg') center center no-repeat;background-size:cover;}
.subbanner.about {background:url('../images/img/img_subbner_company.jpg') center center no-repeat;background-size:cover;}
.subbanner.ir {background:url('../images/img/img_subbner_ir.jpg') center center no-repeat;background-size:cover;}
.subbanner.contact {background:url('../images/img/img_subbner_contact.jpg') center center no-repeat;background-size:cover;}
.subbanner.ESG {background:url('../images/img/img_subbner_esg.jpg') center center no-repeat;background-size:cover;}
.subbanner.environment {background:url('../images/img/img_subbner_environment.png') center center no-repeat;background-size:cover;}
.subbanner.labor_rights {background:url('../images/img/img_subbner_labor_rights.jpg') center center no-repeat;background-size:cover;}
.subbanner.ethics {background:url('../images/img/img_subbner_ethics.jpg') center center no-repeat; background-size:cover;}
.subbanner.procurement{background:url('../images/img/img_subbner_procurement.jpg') center center no-repeat; background-size:cover;}

/* location */
.locationWrap {position:absolute; left:0; top:0; width:100%; height:59px; border-bottom:1px #e4e4e4 solid; border-top:1px #e4e4e4 solid; background:#fff; overflow:hidden; z-index:55;}
.locationWrap .location {}
.locationWrap .location:after {content:""; display:block; clear:both;}
.locationWrap .location ul:after {content:""; display:block; clear:both;}
.locationWrap .location ul li {float:left; font-size:15px; color:#999; font-weight:500; line-height:59px;}
.locationWrap .location ul li span {font-size:15px; color:#999; font-weight:500; line-height:59px; padding:0 34px 0 40px; margin:0 30px 0 0; background:url('../images/bg/bg_location_span.png') right 6px no-repeat;}
.locationWrap .location ul li.home {border-right:1px #e4e4e4 solid;}
.locationWrap .location ul li.home a {display:inline-block; padding:0 34px; line-height:59px;}
.locationWrap .location ul li.home img {vertical-align:middle;}

.locationWrap .hTabs {position:absolute; right:30px; top:0;}
.locationWrap .hTabs ul:after {content:""; display:block; clear:both;}
.locationWrap .hTabs ul li {float:left;}
.locationWrap .hTabs ul li a {display:inline-block; font-size:14px; color:#999; font-weight:500; line-height:59px; padding:0 32px 0 30px; background:url('../images/bg/bg_htabs_a.png') left 50% no-repeat;}
.locationWrap .hTabs ul li a.on {color:#38393b;}
.locationWrap .hTabs ul li a:hover {color:#38393b;}
.locationWrap .hTabs ul li:first-child a {background:url('');}

.locationWrap .htabsM {display:none; position:absolute; right:0; top:0;}
.htabBox {min-width:200px; height:59px; font-size:15px; color:#373737; background:url('../images/bg/bg_select_htabbox.png') right center #fff no-repeat; border-left:1px solid #e4e4e4; box-sizing:border-box; overflow:hidden;}
.htabBox:after {content:""; display:block; clear:both;}
.htabBox.changed {background-color:#fff;}
.htabBoxInner {width:100%; font-size:14px; color:#38393b; white-space:nowrap; line-height:59px; padding:0 75px 0 30px; overflow:hidden; box-sizing:border-box;}

.locationWrap.moveTabs {position:fixed;}




/* search */
.topSearch {position:relative; width:538px; margin:0 auto 80px; overflow:hidden;}
.topSearch .inBox {margin:0 120px 0 0;}
.topSearch .inBox:after {content:""; display:block; clear:both;}
.topSearch .inBox input {width:100%; font-size:14px; color:#38393b; font-weight:500; height:48px; line-height:50px; padding:0 0 0 10px; border:1px #e4e4e4 solid; border-right:0; box-sizing:border-box;}
.topSearch .inBox input:focus {border-color:#2878d3;}
.topSearch .inBox a {position:absolute; right:0; top:0; display:inline-block; width:120px; height:50px; text-align:center; background:#2878d3; overflow:hidden;}
.topSearch .inBox a:before, .topSearch .inBox a:after {box-sizing:border-box; transition:0.2s ease-in-out; z-index:1;}
.topSearch .inBox a:before {content:''; position:absolute; top:0; right:0; bottom:0; left:-1px; background-color:#38393b; -webkit-transform: translateX(-100%); transform:translateX(-100%);}
.topSearch .inBox a:hover:before {-webkit-transform: translateX(0); transform: translateX(0);}
.topSearch .inBox a span {position:absolute; left:0; top:0; width:100%; font-size:12px; color:#fff; font-weight:500; line-height:50px; letter-spacing:3px; z-index:2; transition:0.2s ease-in-out;}
.topSearch .inBox a:hover span {color:#fff; font-weight:600;}





/* video */
.view_video {position:relative; padding-bottom:56.25%; height:0; }
.view_video iframe,
.view_video object,
.view_video embed {position:absolute; top:0; left:0; width:100%; height:100%;}

/* -placeholder */
input::-webkit-input-placeholder { /* WebKit, Blink, Edge */font-family: 'montserrat-light'; color:#999;}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */font-family: 'montserrat-light'; color:#999; opacity:1;}
input::-moz-placeholder { /* Mozilla Firefox 19+ */font-family: 'montserrat-light'; color:#999; opacity:1;}
input::-ms-input-placeholder { /* Internet Explorer 10-11 */font-family: 'montserrat-light'; color:#999;}

textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */font-family: 'montserrat-light'; color:#999;}
textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */font-family: 'montserrat-light'; color:#999; opacity:1;}
textarea::-moz-placeholder { /* Mozilla Firefox 19+ */font-family: 'montserrat-light'; color:#999; opacity:1;}
textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */font-family: 'montserrat-light'; color:#999;}
textarea::-ms-input-placeholder { /* Internet Explorer Edge  */font-family: 'montserrat-light'; color:#999;}
input[readonly]{background-color:#6d6d6d;}


/* checkbox, radio */
/* wrapper divs */
.custom-checkbox, .custom-radio {position: relative; z-index:1;}
.custom-checkbox label.empty {padding-left:26px;}
.custom-radio label.empty {padding-left:26px;}
/* input, label positioning */
.custom-checkbox input, .custom-radio input {position:absolute; left:-999999999px; top:5px; margin:0; z-index:0; height:5px; width:5px;}
.custom-checkbox input, .custom-radio input {margin:0; z-index:0; height:0; width:0;}
.custom-checkbox label, .custom-radio label {display:inline-block; position:relative; z-index:1; cursor:pointer; font-size:15px; color:#6d6d6d; font-weight:400; padding-left:28px; line-height:18px;}
/* states */
.custom-checkbox label {background:url('../images/ico/ico_checkbox.png') 0 -105px no-repeat; }
.custom-radio label {background:url('../images/ico/ico_checkbox.png') no-repeat;}
.custom-checkbox label.checked {background-position:0 -157px;}
.custom-radio label.checked {background-position:0 -52px;}
/* select */
span.bdSbox {width:100%; height:33px; font-size:15px; color:#6d6d6d; background:url('../images/bg/bg_select_style.png') right center #f7f6f3 no-repeat; border:1px #e3e0d8 solid; box-sizing:border-box;}
span.bdSbox.changed {background-color:#f7f6f3;}
.bdSboxInner {font-size:15px; color:#6d6d6d; white-space:nowrap; line-height:33px; padding:0 35px 0 18px;}

/* input */
input[type='text'],input[type='password'] {width:100%; height:40px; font-size:15px; color:#6d6d6d; font-weight:400; line-height:40px; padding:0 0 0 18px; border:2px #e3e0d8 solid; box-sizing:border-box;}
/* input[type='password'] {font-size:22px;}
input[type='password']::placeholder {font-size:15px;} */

/* btn */
.btnArea {width:100%; overflow:hidden; text-align:center; font-size:0;}
.btnArea a.btn {display:inline-block; }
.btnArea a.btn.d2H70 {font-size:24px; color:#fff; font-weight:700; line-height:70px; background:#2d2d2d; padding:0 79px; border-radius:5px;}


/***** paging *****/
.allPageMoving{text-align:center; padding:20px 0 0 0;}
.allPageMoving *{vertical-align:top;}
.allPageMoving a{display:inline-block;width:41px;height:41px; font-family: 'montserrat-light'; line-height:41px;color:#90959d;text-decoration:none; border:1px #ddd solid; background:#fff; font-size:15px;}
.allPageMoving a.n{border:0;padding:0;}
.allPageMoving a.pre{border:0;padding:0 30px 0 5px;}
.allPageMoving a.next{border:0;padding:0 5px 0 27px;}
.allPageMoving a img{vertical-align:top; border:1px #e4e4e4 solid;}
.allPageMoving strong{display:inline-block; width:43px; height:43px; font-family: 'montserrat-light'; line-height:41px; color:#fff; text-decoration:none; background:#2878d3; font-size:15px; font-weight:normal;}


 /* file */
.fileBox {position:relative; padding:0 280px 0 0;}
.fileBox:after {content:""; display:block; clear:both; *zoom:1;}
.fileBox input[type='text'] {background:#f7f6f3; cursor:pointer;}
.fileBox .btn {position:absolute; right:0; top:0;}
.fileBox .btn a {padding:0 37px; text-align:center; display:inline-block; margin-left:10px; border-radius:40px; }
.fileBox .btn a.fileBtn {background:#f6544b;}
.fileBox .btn a.delBtn {background:#6d6d6d;}
.fileBox .btn a span {font-size:17px; color:#fff; font-weight:700; display:inline-block; height:40px; line-height:40px;}
.fileBox .fileHidden {position:absolute; right:0px; top:0px; width:100% !important; height:40px; opacity:0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); cursor:pointer;}


/* modal margin */
[id^="modal-"] {margin:auto;}

/*** 팝업 ***/
.layerWrap {background:#fff;}
.layerWrap:after {content:""; display:block; clear:both;}
.layerWrap .layerHead {position:relative; width:100%;}
.layerWrap .layerHead:after {content:""; display:block; clear:both;}
.layerWrap .layerHead .modalClose {position:absolute; right:0; top:0;z-index:9999;}
.layerWrap .layerBody {width:100%;}
.layerWrap .layerBody:after {content:""; display:block; clear:both;}


/* glabel popup */
.globalPop {display:none; width:100%; overflow:hidden; word-break:keep-all;}
.globalPop .tit {font-size:28px; color:#38393b; font-weight:500; line-height:1.2; margin:47px 50px 0;}
.globalPop .addrEn {font-size:15px; color:#38393b; font-weight:500; line-height:1.2; margin:7px 50px 0;}
.globalPop .addrCn {font-size:15px; color:#38393b; font-weight:500; line-height:1.2; margin:7px 50px 0;}
.globalPop .info {margin:25px 0 38px 50px;}
.globalPop .info:after {content:""; display:block; clear:both;}
.globalPop .info span {font-size:14px; color:#999; line-height:1.2; font-weight:500; margin:0 35px 0 0;}
.globalPop .info span strong {font-size:14px; color:#38393b;}
.globalPop .mapWrap {position:relative; width:100%; overflow:hidden;}
.globalPop .mapWrap img {width:100%;}
.globalPop .mapWrap a {position:absolute; left:50px; bottom:0;}

.globalPop .diagramImg {margin:0 50px 50px;}
.globalPop .diagramImg:after {content:""; display:block; clear:both;}
.globalPop .diagramImg img {width:100%;}

.globalPop .chipsWrap {margin:26px 50px 50px;}
.globalPop .chipsWrap:after {content:""; display:block; clear:both;}
.globalPop .chipsWrap.dia {margin:26px 50px 0;}
.globalPop .chipsWrap .stit {font-size:20px; color:#38393b; line-height:1.2; font-weight:500; padding:0 0 15px 0;}

.globalPop .chipsWrap .chDiv {width:100%; border-top:2px #38393b solid; border-bottom:1px #38393b solid; overflow:hidden;}
.globalPop .chipsWrap .chDiv table {width:100%; text-align:center; overflow:hidden;}
.globalPop .chipsWrap .chDiv table th {font-size:16px; color:#38393b; font-weight:500; line-height:1.2; border-right:1px #e4e4e4 solid; border-bottom:1px #e4e4e4 solid; padding:22px 0;}
.globalPop .chipsWrap .chDiv table th:last-child {border-right:0;}
.globalPop .chipsWrap .chDiv table td {font-family: 'montserrat-light'; font-size:15px; color:#777; line-height:1.6; text-align:left; border-right:1px #e4e4e4 solid; border-bottom:1px #e4e4e4 solid; padding:14px 0 14px 20px;}
.globalPop .chipsWrap .chDiv table td:last-child {border-right:0;}
.globalPop .chipsWrap .chDiv .category {width:25%;}
.globalPop .chipsWrap .chDiv .name {width:30%;}







/***************** media **************/
@media all and (max-width:1330px){
/* activity (slide st2) */

.activity{ font-family: 'NotoSansKR', sans-serif; color: #38393b; }
.activity > .tit { font-size: 48px; font-weight: 600; text-align: center; margin: 80px 0;}
.activity .slide_st2 { width: 100%; height: 470px; position: relative; }
.activity .slide_st2 .slide_st2_wrap { height: auto; overflow: hidden; }
.activity .slide_st2 .slide_st2_wrap .slide_st2_inner { display: flex; flex-wrap: nowrap; height: auto; }
.activity .slide_st2 .slide_st2_wrap .slide_st2_inner .slide_st2_item { display: inline-block; flex: 1 0 calc(50% - 23px); text-align: center; }
.activity .slide_st2 .slide_st2_wrap .slide_st2_inner .slide_st2_item img { width: 70%; margin: 0 auto; }
.activity .slide_st2 .ctl_btn .slide_st2_prev_btn{ left: 0px;}
.activity .slide_st2 .ctl_btn .slide_st2_next_btn{ right: 0px;}
}


/***************** media **************/
@media all and (max-width:1240px){

/* location */
.locationWrap .htabsM {display:block;}
.locationWrap .hTabs {display:none;}

#content .contBox {width:auto; margin:110px 20px 150px;}
#content .contBox.nomargin {margin:0 20px 150px;}
.inner { width: auto; /*margin:110px 20px 150px*/ margin: 0 20px;}

/**/
.esg_outline .innerbox .intro .solution { width: 80%; padding: 0 10%}
.esg_outline .innerbox .intro .solution span { display: inline; }

/*management*/
.management .bottom .inner { margin: 0 20px 0 20px;}

/* facilities st02 */
.facilities_st2 .tit {  }
.facilities_st2 .wrap { display: flex; height: auto; flex-direction: column; }
.facilities_st2 .wrap .left { flex: 1 0 calc(100%); display: flex; margin-right: 0;}
.facilities_st2 .wrap .left .top { width: 100%;}
.facilities_st2 .wrap .left .bottom { width: 100%;}
.facilities_st2 .wrap .left div > strong { }
.facilities_st2 .wrap .left div > p { }
.facilities_st2 .wrap .left div > p::after { }
.facilities_st2 .wrap .left div > img { width: 100%; height: auto; }
.facilities_st2 .wrap .right { flex: 1 0 calc( 100%); }
.facilities_st2 .wrap .right > img { width: 100%; height: auto; }

}


/***************** media **************/
@media all and (max-width:1180px){

/* news */
.newsList ul li .txtArea .info {bottom:25px;}

/* who we are */
.whoWrap .innerbox {width:auto; margin:0 20px;}

/* history */
.historyWrap .innerbox {width:auto; margin:0 20px;}
.historyWrap .history .imgArea {top:50%; margin:-75px 0 0 0;}
.historyWrap .history .imgArea img {height:300px;}

/* data table */
.dataTable .graph ul {margin:0;}
.dataTable .graph ul li {width:100%; margin:0 0 40px 0;}
.dataTable .dataDiv .category {width:30%;}

/* leadership */
.leadership .innerbox {width:auto; margin:0 20px;}
.leadership .introduction .bgArea {left:38%;}
.leadership .introduction .intro {width:auto; padding:0 55px 84px; margin:0 0 0 43%;}
.leadership .introduction .bgArea {display:none;}

.googleMove {width:auto; margin:0 20px;}


/** support **/
.support {width:auto; margin:0 20px;}

/* management */
.labor_rights .htxt > span { display: inline;}
.labor_rights .bottom .inner .htxt > span { display: block;}
.management .top .ctc_list { flex-wrap: wrap;}
.management .top .ctc_list > li { flex: 1 0 calc(35% - 15px); margin-bottom: 15px;}
.management .top .ctc_list > li:nth-child(2),.management .top .ctc_list > li:nth-child(4){ margin-right: 0;}
.management .bottom .inner .superior .list li { font-size: 17px;}
.culture .inner .ctc_list > ul > li > div > strong { font-size: 23px; }
.development .ctc_list{ flex-wrap: wrap;}
.development .ctc_list > li { flex: 1 0 calc(50% - 50px); margin-bottom: 15px;  }
.development .ctc_list > li:nth-child(2),.development .ctc_list > li:last-child{ margin-right: 0;}
}



/***************** media **************/
@media all and (max-width:1060px){

#content h2.other u {display:inline;}

.leadership .introduction .pic {margin:0 0 0 -850px;}
.leadership .introduction .intro {padding:0 20px 84px; margin:0 0 0 40%;}

/***** SUSTAINABILTY *****/
/* esg_outline */
.esg_outline .innerbox .intro .mission .htxt span { display: inline; word-break: keep-all;}


/***** Environmental *****/
/* policy */
.policy .cts { flex-direction: column;}
.policy .cts .img_box { width: 100%; height: 240px; }
.policy .cts .txt_box { width: 100%; }

/* CSR */
.cooperative .desc { }
.cooperative .desc .oath {  }
.cooperative .desc .oath .wrap { padding: 5%; }
.cooperative .desc .oath .wrap  .stit{ }
.cooperative .desc .oath .wrap  .htxt , .cooperative .desc .oath .wrap  .mtxt {  font-size: 17px;  line-height: 25px;}
.cooperative .desc .oath .wrap > strong {}

}






/***************** media **************/
@media all and (max-width:1000px){

/* share holders */
.shareHolders .circleGraph {width:675px; margin:0 auto;}
.shareHolders .circleGraph ul {-ms-transform:scale(0.7, 0.7); -webkit-transform:scale(0.7, 0.7); transform:scale(0.7, 0.7); margin:-70px 0 -100px;}
.shareHolders .circleGraph ul li:nth-child(1) p {left:-102px; padding:0 100px 0 0; background-size:100px 1px;}

/* member list */
.memberlist ul li .txtArea .info span {display:inline;}

/* management */
.management .bottom .inner .superior { flex-direction: column; }
.management .bottom .inner .superior > div { display: flex; width: 100%; align-items: center; justify-content: center; }
.management .bottom .inner .superior img {  width: 367px; height: 127px; }
.management .bottom .inner .superior .list { padding: 0; margin: 0; display: none;}
.management .bottom .inner .superior .list li {  }
.management .bottom .inner .superior .left .list li {}
.management .bottom .inner .superior .right .list li { }
}




/***************** media **************/
@media all and (max-width:980px){

/* sub banner */
.subbanner .txtArea p {padding:240px 0 0 0;}
.subbanner .txtArea p span {display:block; padding:7px 0 0 0;}

/* relations list */
.relationsList ul {margin:0 -4% 0 0;}
.relationsList ul li {width:46%; margin: 0 4% 4% 0;}

/*** news ***/
/* list */
.newsList ul {margin:0 -4% 0 0;}
.newsList ul li {width:46%; margin: 0 4% 4% 0;}

/* view */
.btnArea ul li.prev a {padding:0 60px 0 30px;}
.btnArea ul li.prev a .arrow {right:8%;}
.btnArea ul li.next a {padding:0 30px 0 60px;}
.btnArea ul li.next a .arrow {left:8%;}
.btnArea ul li.prev, .btnArea ul li.next {width:32%;}
.btnArea ul li.list {width:30%;}


/*** company ***/
/* announcement list */
.announcementList ul {margin:0 -4% 0 0;}
.announcementList ul li {width:46%; margin: 0 4% 4% 0;}

/* global list */
.globalList ul {margin:0 -4% 0 0;}
.globalList ul li {width:46%; margin: 0 4% 4% 0;}

/* member list */
.memberlist ul {margin:0 -4% 0 0;}
.memberlist ul li {width:46%; margin: 0 4% 4% 0;}



}







/***************** media **************/
@media all and (max-width:940px){

/*** company ***/
/* who we are */
.whoWrap .intro .mission .htxt span {display:inline;}
.whoWrap .core .txt span {display:inline;}


/* head office */
.headOffice .contactUs .txtArea {position:relative;}
.headOffice .contactUs .txtArea .txt {padding:0 0 20px 0;}
.headOffice .contactUs .txtArea .txt span {display:inline; line-height:1.5; word-break:keep-all;}
.headOffice .contactUs .dataArea {margin:0;}
.headOffice .contactUs .dataArea .btn {display:block; margin:30px auto 0;}

/* history */
.historyWrap .innerbox {}
.historyWrap .history {height:auto;}
.historyWrap .history .imgArea {position:relative; left:0; top:0; margin:0; text-align:center;}
.historyWrap .history .imgArea img {height:300px;}
.historyWrap .history .txtArea {text-align:center;}
.historyWrap .history .txtArea .year {padding:40px 0 0 0;}
.historyWrap .history.other .txtArea {text-align:center;}
.historyWrap .history.other .imgArea {text-align:center;}
.historyWrap .history:first-child .imgArea {padding:0 0 30px 0;}


.managementTeam ul {margin:0 -3.333% 0 0;}
.managementTeam ul:after {content:""; display:block; clear:both;}
.managementTeam ul li {float:left; width:30%; margin:0 3.333% 40px 0;}

/*culture*/
.culture .inner .ctc_list > ul {flex-wrap: wrap;}
.culture .inner .ctc_list > ul > li { flex: 1 0 calc(100%); margin-bottom: 15px;}

/* indicator */
.indicator .inner .item_wrap { flex-direction: column; }
.indicator .inner .item_wrap .item { width: 100%; margin-bottom: 20px; }

.management .top .ctc_list > li { flex: 1 0 calc(100%); margin-right: 0;}
.development .ctc_list > li { flex: 1 0 calc(100%); margin-right: 0 !important; }
}



/***************** media **************/
@media all and (max-width:900px){

/* support */
.support .division {height:auto;}
.support .division .rsection {position:relative; left:0; top:0; width:100%;}
.support .division .rsection img {width:100%;}
.support .division .lsection {width:100%; margin:0 0 100px 0;}
.support .division .lsection .area {margin:114px 0 0 80px;}

/* contact us */
.conUs .box {padding-left:240px;}
.conUs .box strong {width:240px;}
.conUs .box .con.pos {padding-right:240px;}
.conUs .box .con.pos .radioW > div {padding-left:20px;}

/* esg_outline  intro */
.esg_outline .innerbox .intro .solution span { display: inline; }
.esg_outline .innerbox .intro .solution img { max-width: 100%; }
}





/***************** media **************/
@media all and (max-width:840px){

.pc_only {display: none;}
.processing .inner img.m_only{display: block;}

.whoWrap .businesses .section .img img.w {display:none;}
.whoWrap .businesses .section .img img.m {display:inline;}
.whoWrap .businesses .section .infoWrap .info.ab {position:relative; left:0%; top:0; padding:30px 0 0 0;}

/* facilities (slide st1) */
.facilities > .tit { font-size: 48px; }
.facilities .slide_st1_wrap {  flex-direction: column;}
.facilities .slide_st1_wrap .slide_st1_left .txt_wrap { height: 170px; }
.facilities .slide_st1_wrap .slide_st1_left { width: 100%; overflow: hidden; }
.facilities .slide_st1_wrap .slide_st1_right { width: 100%; overflow: hidden; }
}


/***************** media **************/
@media all and (max-width:800px){

#content h2.other span {display:inline; padding:0;}
#content h2.other02 span {display:inline; padding:0;}

/*** solution ***/
.solutionSlide {margin:0 150px 0 0;}
.solutionSlide .section {right:-150px;}
.solutionSlide .section .deep .move span {width:136px;}
.solution .headSlide .abox {width:100%; margin:0;}
.solution .headSlide .bbox {width:100%; margin:20px 0 0 0;}
.solution .productList ul li .info {margin:0 30px 0 210px;}

/** leadership **/
.leadership .introduction {height:auto;}
.leadership .introduction .pic {position:relative; left:0; top:0; margin:0;}
.leadership .introduction .pic .web {display:none;}
.leadership .introduction .pic .mobile {display:block;}
.leadership .introduction .pic img {width:100%;}
.leadership .introduction .intro {width:80%; margin:0 auto;}
.leadership .introduction .intro .txt {padding:50px 0 0 0;}


/*** news ***/
/* view */
.viewHead .day {position:relative; left:0; top:0; margin:27px 0 0 40px;}
.viewHead .tit {margin:0 0 0 40px; padding:12px 0 26px 0;}
.viewHead .hit {right:auto; left:140px; top:27px;}
.viewConf {padding:0 30px 70px;}


/*** company ***/
/* head office */
.headOffice .officeInfo ul li .tit {position:relative; left:0; top:0; margin:20px 0 0 20px;}
.headOffice .officeInfo ul li .con {margin:0 20px; padding:0 0 17px 0;}


.shTable .category {width:28%;}


/* member list */
.memberlist ul {margin:0;}
.memberlist ul li {width:100%; margin:0 0 40px 0;}

.managementTeam ul {margin:0 -4% 0 0;}
.managementTeam ul li {width:46%; margin:0 4% 20px 0;}

}




/***************** media **************/
@media all and (max-width:768px){

/* share holders */
.shTable .category {width:50%;}
.shTable .unit {top:auto; bottom:10px;}
.shareHolders .circleGraph {width:520px; padding:0 40px 0 0;}
.shareHolders .circleGraph ul {width:auto;}
.shareHolders .circleGraph ul {margin:-70px 0 -50px;}
.shareHolders .circleGraph ul li p span {display:block;}
.shareHolders .circleGraph ul li:nth-child(1) p {left:-15px; top:30px; padding:0 76px 216px 0; background:url('../images/bg/bg_circle_graph_p01_1.png') 44px bottom no-repeat;}
.shareHolders .circleGraph ul li:nth-child(2) p {right:-36px; top:-3px; width:130px; padding:0 0 32px 93px; background:url('../images/bg/bg_circle_graph_p02_1.png') left 42px no-repeat;}
.shareHolders .circleGraph ul li:nth-child(3) p {right:-50px; top:313px; padding:96px 0 0 56px; background:url('../images/bg/bg_circle_graph_p03_1.png') left top no-repeat;}
.shareHolders .circleGraph ul li:nth-child(4) p {left:488px; right:auto; bottom:56px; padding:67px 0 0 8px; background:url('../images/bg/bg_circle_graph_p04_1.png') left 4px no-repeat;}
.shareHolders .circleGraph ul li:nth-child(5) p {left:442px; bottom:-15px; padding:67px 0 0 0; background:url('../images/bg/bg_circle_graph_p04_1.png') left 4px no-repeat;}

/* consumer */
.solution .headSlide .cons ul li {text-align:left;}
.solution .headSlide .cons ul li {width:30%; margin:0 0 15px 0;}

/* who we are */
.whoWrap .core .solution ul {margin:0 -1% 0 0;}
.whoWrap .core .solution ul li:nth-child(1) {width:100%; margin:0 1% 0 0;}
.whoWrap .core .solution ul li:nth-child(2) {width:49%; margin:0 1% 0 0;}
.whoWrap .core .solution ul li:nth-child(3) {width:49%; margin:0 1% 0 0;}

.whoWrap .core .solution1 ul li img.w {display:none;}
.whoWrap .core .solution1 ul li img.m {display:inline;}

.whoWrap .businesses .section {float:none; width:100%; margin:0 0 20px 0;}

/* contact us */
#content .conUs h2 {font-size:30px;}
.conUs h3 {padding-left:0;}
.conUs .box {padding-left:120px;}
.conUs .box strong {width:110px;padding-left:0;}

/* activity (slide st2) */

.activity{ font-family: 'NotoSansKR', sans-serif; color: #38393b; }
.activity > .tit { font-size: 48px; font-weight: 600; text-align: center; margin: 80px 0;}
.activity .slide_st2 { width: 100%; height: 470px; position: relative; }
.activity .slide_st2 .slide_st2_wrap { height: auto; overflow: hidden; }
.activity .slide_st2 .slide_st2_wrap .slide_st2_inner { display: flex; flex-wrap: nowrap; height: auto; }
.activity .slide_st2 .slide_st2_wrap .slide_st2_inner .slide_st2_item { display: inline-block; flex: 1 0 calc(100%); text-align: center; }
.activity .slide_st2 .slide_st2_wrap .slide_st2_inner .slide_st2_item img { width: 70%; margin: 0 auto; }
.activity .slide_st2 .ctl_btn .slide_st2_prev_btn{ left: 0px;}
.activity .slide_st2 .ctl_btn .slide_st2_next_btn{ right: 0px;}

}



/***************** media **************/
@media all and (max-width:680px){
/* intraWrap */
.privacyPop {max-width:520px;margin-left:-260px;margin-top:-272px;}

/* search */
.topSearch {width:auto;}

/*** news ***/
/* relations list */
.relationsList ul {margin:0;}
.relationsList ul li {width:100%; margin:0 0 40px 0;}
.relationsList ul li .txtArea .tit {min-height:auto;}

/* news */
.newsList ul {margin:0;}
.newsList ul li {width:100%; margin:0 0 40px 0;}
.newsList ul li .txtArea {min-height:auto; padding:0 40px 40px 40px;}
.newsList ul li .txtArea .info {position:relative; left:0; bottom:auto; }
.newsList ul li .txtArea .info span.day {margin:0;}
.newsList ul li .txtArea .info span.hit {margin:0;}

/* view */
.btnArea ul li .tit {display:none;}
.btnArea ul li .day {display:none;}
.btnArea ul li .stit {font-size:22px; padding:67px 0 0 0;}
.btnArea ul li.list {height:160px;}
.btnArea ul li.prev a {padding:0 0 0 50px;}
.btnArea ul li.prev a .arrow {right:23%;}
.btnArea ul li.next a {padding:0 50px 0 0; text-align:right;}
.btnArea ul li.next a .arrow {left:23%;}

/***   ***/
/*  */
.esg_outline .innerbox .intro .mission .htxt span { font-size: 26px; }
.esg_outline .innerbox .intro .solution strong { font-size: 20px; }
/*** company ***/
/* announcement list */
.announcementList ul {margin:0;}
.announcementList ul li {width:100%; margin:0 0 40px 0;}
.announcementList ul li .txtArea {padding:0 40px;}
.announcementList ul li .txtArea .tit {min-height:auto; padding:30px 0 40px 0;}
.announcementList ul li .txtArea .info {position:relative; left:0; bottom:auto; }

/* global list */
.globalList ul {margin:0;}
.globalList ul li {width:100%; margin:0 0 40px 0;}
.globalList ul li .txtArea .addrEn {min-height:auto;}
.globalList ul li .txtArea .addrCn {min-height:auto;}

/* history */
.historyWrap .history .imgArea img {height:230px;}


.dataTable h3.dep {padding:0 0 40px 0;}
.dataTable h3.dep span {top:40px;}

}



/***************** media **************/
@media all and (max-width:640px){

/*** solution ***/
.solution .companion {width:auto; padding:0 50px;}
.solution .companion .tit {padding:47px 0 28px 0;}
.solution .companion ul {margin:0 -3.33% 0 0;}
.solution .companion ul li {width:30%; margin:0 3.33% 42px 0;}
.solution .productList ul li .img {position:relative; left:0; top:0; text-align:center;}
.solution .productList ul li .info {margin:40px 30px 0;}

/* consumer */
.solution .headSlide .cons ul li {width:40%;}

.management .top .ctc_list > li:nth-child(2), .management .top .ctc_list > li:nth-child(4){ margin-right: 15px; }


}



/***************** media **************/
@media all and (max-width:620px){

/*** news ***/
/* view */
.btnArea ul li.prev a {padding:0 0 0 30px;}
.btnArea ul li.prev a .arrow {right:18%;}
.btnArea ul li.next a {padding:0 30px 0 0; text-align:right;}
.btnArea ul li.next a .arrow {left:18%;}

/* share holders */
.shareHolders .circleGraph {width:auto;}
.shareHolders .circleGraph ul {-ms-transform:scale(0.5, 0.5); -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); margin:-100px 0 -120px 0;}

.shTable {margin:30px 0 0 0;}


}




/***************** media **************/
@media all and (max-width:540px){
#content .contBox h4 {font-size:16px;padding:0 0 7px 0;}
/* intraWrap */
.privacyPop {max-width:320px;margin-left:-160px;margin-top:-258px;}

/* sub banner */
.subbanner {height:208px;}
.subbanner .imgArea {margin:0 0 0 -450px;}
.subbanner .imgArea img {width:900px;}
.subbanner .txtArea p {font-size:21px; padding:115px 0 0 0;}
.subbanner .txtArea p span {font-size:21px;}

/* location */
.locationWrap {height:40px;}
.locationWrap .location ul li {font-size:11px; line-height:40px;}
.locationWrap .location ul li.home a {line-height:40px; padding:0 17px;}
.locationWrap .location ul li.home a img {width:8px; margin:-2px 0 0 0;}
.locationWrap .location ul li span {font-size:11px; line-height:40px; padding:0 19px 0 20px; margin:0 15px 0 0; background-size:4px 8px; background-position:right 2px;}

.locationWrap .htabsM {right:-6px;}
.htabBox {min-width:130px; height:40px; font-size:11px; background-size:auto 40px;}
.htabBoxInner {font-size:11px; line-height:40px; padding:0 40px 0 14px;}


/* content */
#content h2 {font-size:24px; padding:87px 0 38px 0;}
#content .contBox {margin:60px 20px 100px;}
#content .contBox.nomargin {margin:0 20px 100px;}
#content h2.other {font-size:20px; padding:60px 20px 20px;}
#content h2.other u {font-size:20px;}
#content h2.other span {font-size:20px;}
#content h2.other02 {font-size:24px; padding:60px 20px 20px;}
#content h2.other02 span {font-size:24px;}
#content h2.kor {padding:10px 0 0 0;}


/* search */
.topSearch {margin:0 30px 40px;}
.topSearch .inBox {margin:0 70px 0 0;}
.topSearch .inBox input {height:40px; font-size:13px; line-height:40px;}
.topSearch .inBox a {width:77px;}
.topSearch .inBox a span {font-size:10px; line-height:40px; letter-spacing:2px;}

/* intraWrap */
#privacy .intraWrap .con {padding:20px;}
#privacy .intraWrap .con > .tit {font-size:20px;padding-bottom:20px;}
#privacy .guideWrap {height:300px;padding:15px;}
#privacy .guideWrap .txt {font-size:12px;}
#privacy .guideWrap .tit {font-size:13px;padding:10px 0 4px 0;}
#privacy .guideWrap .txtList p {font-size:12px;}
#privacy .guideWrap .txt03 {font-size:12px;padding:10px 0 0 0;}
#privacy .intraWrap .btn {width:90px;height:35px;}
#privacy .intraWrap .btn span {line-height:35px;}

/* intraWrap */
#privacy .intraWrap .con {padding:20px;}
#privacy .intraWrap .con > .tit {font-size:20px;padding-bottom:20px;}
#privacy .guideWrap {height:300px;padding:15px;}
#privacy .guideWrap .txt {font-size:12px;}
#privacy .guideWrap .tit {font-size:13px;padding:10px 0 4px 0;}
#privacy .guideWrap .txtList p {font-size:12px;}
#privacy .guideWrap .txt03 {font-size:12px;padding:10px 0 0 0;}
#privacy .intraWrap .btn {width:90px;height:35px;}
#privacy .intraWrap .btn span {line-height:35px;}

/*** solution ***/
.solutionSlide {margin:0;}
.solutionSlide .section {right:0;}
.solutionSlide .section.on {bottom:auto; top:0;}
.solutionSlide .section .deep .move {bottom:12px;}
.solutionSlide .section .deep .move span {padding:0 0 0 30px; background-position:left 1px;}

.solution h3 {font-size:18px; margin:30px 0 18px -100px;}
.solution h3.f {margin:30px 0 18px -100px;}
.solution h3 span {font-size:13px; padding:5px 0 0 0;}
.solution .headSlide .abox {float:none; width:auto; padding:0 25px 10px;}
.solution .headSlide .tit {font-size:14px; padding:20px 0 0 0;}
.solution .headSlide .tit span {font-size:11px;}
.solution .headSlide ul {margin:20px 0 0 0;}
.solution .headSlide ul li {padding:0 0 12px 16px;}
.solution .headSlide ul li a {font-size:13px;}
.solution .headSlide .bbox {float:none; width:auto; padding:0 25px 10px;}
/* consumer */
.solution .headSlide .cons {padding:24px 0 12px;}
.solution .headSlide .cons ul {margin:0 25px;}
.solution .headSlide .cons ul li {width:90%;}

.solution .headSlide .bbox .companion {padding:0;}
.solution .headSlide .bbox .companion > ul {margin:0;}


.solution .companion {padding:0 25px;}
.solution .companion .tit {font-size:14px; padding:20px 0 14px;}
.solution .companion ul li {width:48%; margin:0 2% 20px 0;}
.solution .companion ul li .stit {height:50px;}
.solution .companion ul li .stit p {font-size:12px; padding:18px 0 0 0;}
.solution .companion ul li .stit p.dep {padding:11px 0 0 0;}
.solution .companion ul li ul li {font-size:13px; padding:0 0 0 16px; margin:12px 0 0 0;}

.solution .productList ul li {padding:24px 0;}
.solution .productList ul li .img img {width:120px;}
.solution .productList ul li .info {margin:20px 15px 0;}
.solution .productList ul li .info .name {font-size:15px;}
.solution .productList ul li .info .txt {font-size:13px;}
.solution .productList ul li .info .moreInfo {margin:8px 0 20px;}

.solution .diagram {width:130px; margin:0 10px 0 0;}
.solution .diagram span {font-size:13px; line-height:40px;}
.solution .chips {width:150px; margin:0 10px 0 0;}
.solution .chips span {font-size:13px; line-height:40px;}



/*** news ***/
/* relations list */
.relationsList {width:auto; margin:0 30px;}
.relationsList ul li {margin:0 0 20px 0;}
.relationsList ul li .txtArea {padding:0 20px;}
.relationsList ul li .txtArea .info {padding:20px 0 0 0;}
.relationsList ul li .txtArea .info .no {font-size:11px;}
.relationsList ul li .txtArea .info .origin {font-size:11px;}
.relationsList ul li .txtArea .tit {font-size:18px; padding:15px 0 16px;}
.relationsList ul li .txtArea .tit .new {font-size:10px;}
.relationsList ul li .txtArea .day {font-size:11px; padding:0 0 16px 0;}

/* news */
.newsList {width:auto; margin:0 30px;}
.newsList ul li {margin:0 0 20px 0;}
.newsList ul li .imgArea .bg span {width:40px; height:40px; background-size:40px; margin:-20px 0 0 -20px;}
.newsList ul li .txtArea {padding:0 20px 20px 20px;}
.newsList ul li .txtArea .tit {font-size:18px; padding:20px 0 8px;}
.newsList ul li .txtArea .txt {font-size:13px;}
.newsList ul li .txtArea .info span {font-size:11px;}

/* view */
.viewHead .day {font-size:12px; margin:15px 0 0 20px;}
.viewHead .hit {font-size:12px; top:15px; left:100px;}
.viewHead .tit {font-size:17px; margin:0 20px; padding:8px 0 11px 0;}

.viewConf {padding:0 15px 30px;}
.viewConf .viewSns {padding:12px 0;}
.viewConf .viewSns ul li {margin:0 0 0 12px;}
.viewConf .conf {font-size:12px; line-height:1.5;}
.viewConf .conf * {font-size:initial;}
.viewConf .conf p.tit {font-size:17px; padding:17px 0 13px;}
.viewConf .conf p.txt {font-size:12px; line-height:1.5;}
.viewConf .conf em {font-size:12px;}
.viewConf .conf u, .viewConf .conf s {font-size:12px; color:#777; line-height:2;}
.viewConf .conf strong {font-size:12px; color:#777; font-weight:600; line-height:2;}


.btnArea {margin:20px 0 0 0;}
.btnArea ul li .stit {font-size:13px; padding:32px 0 0 0;}
.btnArea ul li.list {height:80px;}
.btnArea ul li.list p {font-size:13px; margin:-7px 0 0 0;}
.btnArea ul li.prev a {padding:0 0 0 25px;}
.btnArea ul li.prev a .arrow {width:10px; height:9px; background-size:10px 9px; margin:-4px 0 0 0;}
.btnArea ul li.next a {padding:0 25px 0 0;}
.btnArea ul li.next a .arrow {width:10px; height:9px; background-size:10px 9px; margin:-4px 0 0 0;}

/***** SUSTAINABILTY *****/
/* esg_outline */
.esg_outline .innerbox .intro .tit { font-size: 26px; padding: 0 0 10px 0; }
.esg_outline .innerbox .intro .mission .htxt span { display: inline; font-family: 'nanummyeongjo', serif; font-size: 15px; }
.esg_outline .innerbox .intro .solution { width: 90%; padding: 10% 5%; height: auto;}
.esg_outline .innerbox .intro .solution span { display: inline;  font-size: 15px; padding: 3px 0; line-height: 25px; }
.esg_outline .innerbox .intro .solution strong {font-size: 15px; padding-bottom: 20px; padding-top: 30px; }
.esg_outline .innerbox .intro .solution img { }
.esg_outline .innerbox .CSR .eng_tit { font-size: 26px;}
.esg_outline .innerbox .CSR ul {}
.esg_outline .innerbox .CSR ul li { }
.esg_outline .innerbox .CSR ul li strong{ font-size: 22px;}
.esg_outline .innerbox .CSR ul li strong::after{ }
.esg_outline .innerbox .CSR ul li p{ font-size: 15px; line-height: 28px; }

/***** Environmental *****/
/* policy */
.policy {}
.policy .tit { font-size: 26px; }
.policy .htxt { padding: 40px 0 60px 0;}
.policy .htxt span { display: inline; font-size: 15px; }
.policy .cts .img_box strong { font-size: 22px;}
.policy .cts .img_box strong::after { }
.policy .cts .txt_box .list_st1 { }
.policy .cts .txt_box .list_st1 li strong {font-size: 22px;}
.policy .cts .txt_box .list_st1 li strong::after { }
.policy .cts .txt_box .list_st1 li p {font-size: 15px; }

/* pointer */
.pointer { }
.pointer .tit { font-size: 26px;  }
.pointer .stit { font-size: 22px; }
.pointer .porinter_item { margin-bottom: 90px;}
.pointer .porinter_item .unit {}
.pointer .porinter_item li { font-size: 15px; }
.pointer .porinter_item li:last-child {margin-bottom: 0;}
.pointer .porinter_item th { border-top: 2px solid #38393b; font-family: 'NotoSansKR', sans-serif; }
.pointer .porinter_item td { font-family: 'montserrat'; }
.pointer .porinter_item th, td { border-bottom: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; text-align: center; font-size: 16px; padding: 15px; }
.pointer .porinter_item th:first-child, td:first-child { border-left: none;}
#curve_chart1 {max-width: 100%;}

/* facilities (slide st1) */
.facilities > .tit { font-size: 26px; }
.facilities .slide_st1_wrap .slide_st1_left .txt_wrap .txt_slide_wrap .txt_slide_item > .tit {font-size: 18px;}
.facilities .slide_st1_wrap .slide_st1_left .txt_wrap .txt_slide_wrap .txt_slide_item > .desc { font-size: 15px;}

.activity > .tit { font-size: 26px;}
.activity .slide_st2 .slide_st2_wrap .slide_st2_inner .slide_st2_item .stit { font-size: 18px; }
.activity .slide_st2 .slide_st2_wrap .slide_st2_inner .slide_st2_item .desc { font-size: 15px; }

/* certify */
.certify > .tit { font-size: 26px;}
.certify .info { flex-direction: column; }
.certify .info > img { width: 35%; height: auto;  margin-right: 0; }
.certify .info > .desc { width: 90%; font-size: 15px; text-align: center; }

/***** Labor & Human Rights *****/
.labor_rights { } 
.labor_rights .tit { font-size: 26px; }
.labor_rights .htxt { font-size: 17px; }
.labor_rights .htxt > span { font-size: 17px;}

/* management */
.management { padding: 0; margin: 0; }
.management .top {}
.management .bottom {}
.management .top .ctc_list { }
.management .top .ctc_list > li { flex: 1 0 calc(100%); margin-right: 0;}
.management .top .ctc_list > li:last-child {  }
.management .top .ctc_list > li > strong { }
.management .top .ctc_list > li > span {  }
.management .bottom .inner .tit {}
.management .bottom .inner .htxt > strong{ font-size: 17px; }


/* processing */
.processing .inner .tit { }
.processing .inner img { }
/* development */
.development { }
.development .inner .tit { }
.development .ctc_list { }
.development .ctc_list > li { flex: 1 0 calc(100%); margin-right: 0 !important; }

/***** Ethics *****/
/*** Ethics list style***/
.list { color: #38393b; margin: 60px 0;}
.list strong { font-size: 18px; font-weight: 600; font-family: 'NotoSansKR', sans-serif; display: inline-block; padding-bottom: 20px; padding-top: 15px; }
.list .list_st01 { background-color: #f9f9f9; }
.list .list_st01 li { font-size: 15px; color: #555; line-height: 25px; word-break: keep-all; font-family: 'NotoSansKR', sans-serif; padding-bottom: 10px; }
.list .list_st01 li > span { font-size: 15px; display: block; font-weight: 500; font-family: 'NotoSansKR', sans-serif;  }

/*** Ethics tit style***/
.ethics .sector .innerbox .tit { font-size: 26px; }
.ethics .sector .innerbox .htxt { font-size: 17px; width: 100%; }
.ethics .sector .innerbox .htxt  span { font-size: 17px;}

/* code */
.ethics .sector .innerbox .code .inner .stit { font-family: 'NotoSansKR', sans-serif; color: #38393b; font-size: 20px; margin-bottom: -40px; } 

/* indicator */

/* audit */
.ethics .sector .innerbox .audit .inner .htxt { width: 100%; padding: 0; }
.ethics .sector .innerbox .audit .inner .htxt::after{display: none;}
.ethics .sector .innerbox .audit .inner .htxt > div > span{ padding-top: 20px; }
/***** Sustainable Procurement *****/
.procurement .tit { font-size: 26px;}
/* CSR */
.cooperative .desc { font-size: 15px; }
.cooperative .desc .oath {  }
.cooperative .desc .oath .wrap { padding: 5%; }
.cooperative .desc .oath .wrap  .stit{ font-size: 25px;}
.cooperative .desc .oath .wrap  .htxt , .cooperative .desc .oath .wrap  .mtxt {   font-family: 'NotoSansKR', sans-serif; font-size: 15px; line-height: 25px;}
.cooperative .desc .oath .wrap > strong { font-size: 15px; }

/* cooperative */

/* conflict */
.conflict .cts .img_box > span { font-size: 20px; }
.conflict .cts .img_box > span > img { width: 100%; }

/*** company ***/
/* who we are */
.whoWrap {padding:60px 0 80px 0;}
.whoWrap .intro .tit {font-size:26px;}
.whoWrap .intro .stit {font-size:15px; padding:0 0 24px 0;}
.whoWrap .intro .txt p {font-size:14px; line-height:1.5; padding:0 0 32px 0;}
.whoWrap .intro .mission .htit {font-size:11px; padding:0 0 12px 0;}
.whoWrap .intro .mission .htxt {padding:0 0 26px 0;}
.whoWrap .intro .mission .htxt span {font-size:20px;}
.whoWrap .intro .mission .htxt02 {font-size:15px; padding:18px 0 40px 0;}
.whoWrap .core .tit {font-size:26px; padding:26px 0 10px 0;}
.whoWrap .core .stit {font-size:15px; padding:0 0 20px 0;}
.whoWrap .core .txt span {font-size:13px;}
.whoWrap .core .solution {padding:24px 0 0 0;}
.whoWrap .core .solution ul li p {font-size:15px; padding:15px 0 40px 0;;}
.whoWrap .core .solution ul {margin:0;}
.whoWrap .core .solution ul li:nth-child(1) {margin:0;}
.whoWrap .core .solution ul li:nth-child(2) {float:none; width:100%; margin:0;}
.whoWrap .core .solution ul li:nth-child(3) {float:none; width:100%; margin:0;}

.whoWrap .core .solution1 ul li p {font-size:15px; padding:15px 0 40px 0;}

.whoWrap .businesses .section .img {padding:0 0 25px 0;}
.whoWrap .businesses .section .tit {font-size:18px;}
.whoWrap .businesses .section .stit {font-size:12px; padding:0 0 25px 0;}
.whoWrap .businesses .section .info ul li {font-size:11px; padding:0 0 12px 20px; background-size:10px 2px; background-position:left 4px;}
.whoWrap .businesses .section .info p {font-size:14px; padding:0 0 12px 0;}


/* global list */
.globalList ul li {margin:0 0 20px 0;}
.globalList ul li .txtArea {padding:0 20px 85px;}
.globalList ul li .txtArea .tit {font-size:18px; padding:24px 0 12px;}
.globalList ul li .txtArea .addrEn {font-size:13px; line-height:1.4;}
.globalList ul li .txtArea .addrCn {font-size:13px; line-height:1.4;}
.globalList ul li .txtArea .info {bottom:20px;}
.globalList ul li .txtArea .info span {font-size:11px; padding:0 0 4px 20px;}
.globalList ul li .txtArea .info span strong {font-size:11px;}
.globalList ul li .txtArea .point {bottom:26px;}
.globalList ul li .txtArea .point img {width:20px;}

/* modal pop */
.layerWrap .layerHead .modalClose img {width:36px;}

/* glabel popup */
.globalPop .tit {font-size:18px; margin:24px 20px 0;}
.globalPop .addrEn {font-size:12px; margin:7px 20px 0;}
.globalPop .addrCn {font-size:12px; margin:7px 20px 0;}
.globalPop .info {margin:13px 0 18px 20px;}
.globalPop .info span {font-size:12px; margin:0 20px 0 0;}
.globalPop .info span strong {font-size:12px;}

.globalPop .diagramImg {margin:0 20px 20px;}

.globalPop .chipsWrap {margin:15px 20px 30px;}
.globalPop .chipsWrap.dia {margin:15px 20px 0;}
.globalPop .chipsWrap .stit {font-size:13px; padding:0 0 8px 0;}
.globalPop .chipsWrap .chDiv table th {font-size:13px; padding:22px 0;}
.globalPop .chipsWrap .chDiv table td {font-size:12px; line-height:1.3; padding:8px 0 8px 10px;}
.globalPop .chipsWrap .chDiv .category {width:25%;}
.globalPop .chipsWrap .chDiv .name {width:30%;}

.globalPop .mapWrap a {left:0; width:80px; height:80px;}
.globalPop .mapWrap a span {font-size:12px; margin:0 0 0 8px;}

/* head office */
.officeMap {height:240px;}
.officeMap .map {margin:0 0 0 -543px;}
.officeMap .map img {height:240px;}
.headOffice .officeInfo {margin:40px 0 0 0;}
.headOffice .officeInfo ul li .tit {font-size:13px;}
.headOffice .officeInfo ul li .con p {font-size:13px;}
.headOffice .officeInfo ul li .con p span {font-size:13px;}
.headOffice .contactUs {margin:40px 0 0 0;}
.headOffice .contactUs .txtArea .tit {font-size:18px; padding:0 0 18px 0;}
.headOffice .contactUs .txtArea .txt {padding:0 0 12px 0;}
.headOffice .contactUs .txtArea .txt span {font-size:13px;}
.headOffice .contactUs .dataArea ul li input {height:38px; font-size:12px; line-height:38px; padding:0 0 0 12px;}
.headOffice .contactUs .dataArea ul li textarea {height:120px; font-size:12px; line-height:1.3;  padding:8px 12px;}
.headOffice .contactUs .dataArea .btn {width:80px; height:40px; margin:15px auto 0;}
.headOffice .contactUs .dataArea .btn span {font-size:10px; line-height:40px; letter-spacing:2px;}

.fullBox {height:40px; font-size:12px; background-size:auto 40px;}
.fullInner {font-size:12px; line-height:40px; padding:0 50px 0 12px;}

.googleMove .ypos {top:-100px;}
a.goobtn {width:100px; height:100px;}
a.goobtn span {font-size:13px; line-height:1.3; padding:20px 0 15px 0; margin:0 0 0 15px; background-size:14px 9px;}


/* contact us */
#content .conUs h2 {font-size:20px;padding:0 0 20px 0;}
.conUs h3 {font-size:14px;padding:40px 0 15px 0;}
.conUs .box .con {height:40px;line-height:40px;}
.conUs .box .con .fullBox {height:40px;line-height:40px;background-position:right -13px center;}
.conUs .box .con .fullInner {padding:0 20px 0 10px;}
.conUs .box .con input[type='text'], input[type='password'] {line-height:40px;height:40px;font-size:12px;padding:0 10px;}
.conUs .box strong {line-height:60px;height:60px;}
.conUs .box strong span {font-size:11px;}
.conUs .box .con .custom-radio label {font-size:11px;}
.conUs .box .con.pos {padding-right:0;height:auto;}
.conUs .box .con.pos .radioW {position:relative;top:0;}
.conUs .box .con.pos .radioW > div {height:40px;line-height:40px;padding:0 10px 0 0;}
.conUs .box.txtArea .con {height:100px;}
.conUs .box.txtArea .con textarea {height:100px;}
.conUs .box.txtArea strong {height:120px;line-height:120px;}
.conUs .box .con .fileBox {padding:0 0 0 80px;}
.conUs .box .con .fileBox .fileHidden {height:40px;}
.conUs .box .con .fileBtn {width:80px;}
.conUs .box .con .fileBtn span {letter-spacing:0;line-height:40px;height:40px;}
.conUs .btnArea {margin:30px 0 0 0;}
.conUs .btnArea a span {line-height:40px;}
.conUs .btnArea a {width:100px;height:40px;}
.conUs h3.sTit {font-size:18px;background-size:auto 10px;padding:0 20px;margin:50px auto 20px;}
.conUs .box .con p {line-height:40px;font-size:12px;}
.conUs .box .con.email {height:auto;}
.conUs .box .con.email li {width:100%;float:none;}
.conUs .box .con.email li.center {font-size:11px;height:40px;line-height:40px;}
.conUs .box .con .wtW {width:100%;}
.conUs .box .con .wtW {margin-bottom:5px;}
.conUs .box .con .wtSelect {width:100%;}
.conUs .box .con.proQ {height:auto;}

/* announcement list */
.announcementList {width:auto; margin:0 30px;}
.announcementList ul li {margin:0 0 20px 0;}
.announcementList ul li .txtArea {padding:0 20px;}
.announcementList ul li .txtArea .info {padding:20px 0 0 0;}
.announcementList ul li .txtArea .info .no {font-size:11px;}
.announcementList ul li .txtArea .info .day {font-size:11px;}
.announcementList ul li .txtArea .tit {font-size:18px; padding:15px 0 16px 0; margin:0;}
.announcementList ul li .txtArea .down {width:124px; height:32px; margin:0 0 20px 0;}
.announcementList ul li .txtArea .down span {font-size:13px; line-height:32px;}

/* data table */
.dataTable h3 {font-size:20px; padding:0 0 14px 0;}
.dataTable h3 span {top:8px; font-size:13px;}
.dataTable h3.dep {padding:0 0 30px 0;}
.dataTable h3.dep span {top:30px;}
.dataTable .dataDiv table th {font-size:13px; padding:14px 0;}
.dataTable .dataDiv table td {font-size:12px; padding:14px 5px;}
.dataTable .dataDiv.f {margin:0 0 25px 0;}
.dataTable .graph {padding:14px 0 30px 0;}
.dataTable .graph ul li {margin:0 0 30px 0;}
.dataTable .graph ul li h4 {font-size:14px; padding:0 0 12px 0;}
.dataTable .graph ul li h4 span {font-size:12px;}

/* share holders */
.issuedShares {margin:60px 0 0 0;}
.issuedShares .txt {height:250px;}
.issuedShares .txt .stit {font-size:12px; padding:84px 0 0 0;}
.issuedShares .txt .num {font-size:40px;}
.issuedShares .txt .day {font-size:11px;}
.issuedShares .img {margin:0 0 0 -594px;}
.issuedShares .img img {height:250px;}
.shareHolders .abTxt {top:20px; font-size:30px;}
.shareHolders .circleGraph {padding:0; margin:-40px 0 0 -100px;}
.shareHolders .circleGraph ul {margin: -70px 0 -120px;}
.shareHolders .circleGraph ul li p {font-size:22px;}
.shareHolders .circleGraph ul li p u {font-size:26px;}

.shTable {margin:35px 0 0 0; padding:0 0 24px 0;}
.shTable .tit {font-size:15px; padding:0 0 10px 0;}
.shTable .shDiv table th {font-size:13px; padding:14px 10px;}
.shTable .shDiv table td {font-size:13px; padding:14px 10px;}
.shTable .shDiv table td .br {font-size:13px; line-height:1.2}
.shTable .shDiv table td.left {padding:14px 10px;}
.shTable .shDiv table tr.mInterval td {padding:21px 10px 22px;}

.shTable .shDiv .fixed {width:134px;}
.shTable .shDiv .fluid {margin:0 0 0 134px;}
.shTable .shDiv .fluid .fscroll table {width:620px;}
.shTable .shDiv .a1b0 {font-size:14px; padding:21px 0;}
.shTable .shDiv .a1b2 {padding:36px 10px 36px;}
.shTable .shDiv .a1b3 {font-size:14px; padding:31px 0 34px;}
.shTable .shDiv .a1b4 {font-size:14px; padding:56px 0;}
.shTable .shDiv .a1b5 {font-size:14px; padding:58px 0;}
.shTable .shDiv .a2b1 {padding:7px 10px 6px;}
.shTable .shDiv .a3b2 {padding:14px 10px 14px;}

::-webkit-scrollbar { width: 3px; } 
::-webkit-scrollbar-thumb { background: #295f90; }

.shTable .category {width:33.333%;}
.shTable .shDiv.mobile {margin:0 0 20px 0;}
.shTable .unit {bottom:0; font-size:12px;}
.shTable .htit {font-size:20px;}
.shTable .stit {font-size:14px; padding:22px 0 8px 0;}


/* history */
.historyWrap {padding:60px 0 80px 0;}
.historyWrap .history .imgArea img {height:140px;}
.historyWrap .history .txtArea .year {font-size:36px; padding:30px 0 0 0;}
.historyWrap .history .txtArea .txt {margin:0;}
.historyWrap .history .txtArea .txt p {font-size:12px; padding:10px 0 0 0;}
.historyWrap .history:first-child .imgArea {padding:0 0 15px 0;}


/* leadership */
.leadership {padding:60px 0 0 0;}
.leadership .introduction .intro {width:100%; padding:0 0 30px;}
.leadership .introduction .intro .tit {font-size:24px; padding:30px 0 14px 0;}
.leadership .introduction .intro .txt {padding:25px 0 0 0;}
.leadership .introduction .intro .txt p {font-size:14px; line-height:1.6; padding:0 0 18px 0;}
.leadership .introduction .intro .name {font-size:14px;}
.leadership .introduction .intro .name span {font-size:11px;}


/* member list */
.memberlist {padding:40px 0 50px;}
.memberlist ul li {margin:0 0 20px 0;}
.memberlist ul li .txtArea {margin:20px 0 0 -30px; padding:0 0 0 80px;}
.memberlist ul li .txtArea .name {font-size:14px; padding:0 0 6px 0;}
.memberlist ul li .txtArea .name span {font-size:12px;}
.memberlist ul li .txtArea .info {font-size:11px; padding:8px 0 0 0;}
.memberlist ul li .txtArea .info span {font-size:11px;}

.managementTeam {padding:0 0 18px 0; margin:0 0 80px 0;}
.managementTeam .tit {font-size:20px; padding:40px 0 14px 0;}
.managementTeam ul li .txtArea {margin:15px 0 0 0;}
.managementTeam ul li .txtArea .name {font-size:13px;}
.managementTeam ul li .txtArea .name span {font-size:11px; padding:3px 0 0 0;}


/* support */
.support .division {margin:0 0 100px 0;}
.support .division .lsection {margin:0 0 30px 0;}
.support .division .lsection .area {margin:30px 20px 0;}
.support .division .lsection .area .tit {font-size:20px;}
.support .division .lsection .area .txt {font-size:13px; line-height:1.6;}
.support .division .lsection .area .txt span {display:inline; font-size:13px; line-height:1.6;}



/* paging */
.allPageMoving {padding:10px 0 0 0;}
.allPageMoving a {width:24px; height:24px; line-height:24px;}
.allPageMoving a img {width:24px; height:24px;}
.allPageMoving strong {width:26px; height:26px; line-height:26px;}
.allPageMoving a.pre{border:0;padding:0 5px 0 2px;}
.allPageMoving a.next{border:0;padding:0 2px 0 3px;}



}


/***************** media **************/
@media all and (max-width:435px){
/* intraWrap */
.loginPop {width:400px;margin-left:-200px;margin-top:-143px;}
}







/***************** media **************/
@media all and (max-width:425px){
.loginArea .custom-checkbox {margin-top:5px;}
.loginArea .custom-checkbox label {font-size:12px;}
/* intraWrap */
.loginPop {width:320px;margin-left:-160px;margin-top:-75px;}
#login .intraWrap .con {padding:20px;}
#login .intraWrap .con > .tit {font-size:16px;padding-bottom:20px;}
#login .intraWrap .con > .tit img {width:100px;}
.loginArea ul {padding-right:80px;}
.loginArea ul li:first-child {margin-bottom:5px;}
.loginArea ul li input {height:35px;line-height:35px;font-size:12px;}
/* input[type='password']::placeholder {font-size:12px;}
.loginArea ul li input[type='password'] {font-size:18px;} */
.loginArea a {width:73px;height:73px;}
.loginArea a span {line-height:73px;}

}












/** 220408 개인정보취급방침 추가 **/
.layerWrap .layerBody .privacyCon {padding:45px 30px 45px 55px;}
.layerWrap .layerBody .privacyCon * {font-family: 'NotoSansKR', sans-serif; word-break:keep-all;}
.layerWrap .layerBody h2 {padding-bottom:40px;font-size:42px;font-weight:400;line-height:1.2;color:#38393b;letter-spacing:-0.5px;}

.txtWay {word-break:keep-all;}
.txtWay > p {font-size:16px;color:#38393b;font-weight:400;line-height:1.7;letter-spacing:-0.5px;}
.txtWay > p + p {padding-top:20px;}
.txtWay > strong {padding:30px 0 10px 0;display:inline-block;font-size:18px;color:#38393b;font-weight:600;line-height:1.3;letter-spacing:-0.5px;}
.txtWay .line {font-size:16px;color:#38393b;font-weight:400;line-height:1.7;letter-spacing:-0.5px;border-bottom:1px solid #38393b;}
.txtWay p.warning {font-size:15px;color:#999;font-weight:400;line-height:1.3;letter-spacing:-0.5px;}
.txtWay p.warning + p {padding:3px 0 0 10px;font-size:15px;}
.txtWay ul {padding-bottom:30px;}
.txtWay ul li {padding-top:15px;}
.txtWay ul li p.tit {font-size:15px;color:#666;font-weight:400;line-height:1.7;letter-spacing:-0.5px;}
.txtWay ul li p.con {font-size:15px;color:#666;font-weight:400;line-height:1.7;letter-spacing:-0.5px; padding:0 0 20px 10px;}
.txtWay ul li p.con span {display:block;font-size:15px;color:#666;font-weight:400;line-height:2;letter-spacing:-0.5px;}
.txtWay table {width:100%;margin:30px 0;}
.txtWay table thead th {padding:10px 0;font-size:13px;color:#38393b;text-align:center;border:1px solid #ddd;}
.txtWay table tbody td {padding:10px 0;font-size:13px;color:#666;line-height:1.3;text-align:center;border:1px solid #ddd;}



/***************** media mobile **************/
@media all and (max-width:540px){

.layerWrap .layerBody .privacyCon {padding:20px;}
.layerWrap .layerBody h2 {font-size:30px;padding-bottom:20px;}

.txtWay > * {letter-spacing:0 !important;}
.txtWay > p {font-size:13px;}
.txtWay > strong {font-size:16px;padding:20px 0 0 0;}
.txtWay .line {font-size:13px;}
.txtWay p.warning {font-size:13px;}
.txtWay p.warning + p {font-size:12px;}
.txtWay ul {padding-bottom:15px;}
.txtWay ul li p.tit {font-size:13px;}
.txtWay ul li p.con {font-size:13px; padding:0 0 12px 8px;}
.txtWay ul li p.con span {font-size:13px; line-height:1.6;}
.txtWay table {margin:20px 0;}
.txtWay table thead th {font-size:12px;padding:5px 0;}
.txtWay table tbody td {font-size:12px;padding:5px 0;}

}