@charset "UTF-8";
*{margin:0; padding:0; box-sizing:border-box;}
html{width:100%; height:100%}
body{position:relative; font-family:"Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-weight:400; font-size:16px; color:#666; letter-spacing:-0.6px; height:100%; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; line-height:1; -webkit-overflow-scrolling: touch;}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,table,tr,th,td{margin:0; padding:0}
ul,ol,li{list-style:none}
img, fieldset{border:none; vertical-align:top}
legend, caption{position:absolute; top:-9999px; left:-9999px; z-index:-1}
textarea, button{vertical-align:middle}
input, select{vertical-align:middle; background:#fff; border:1px solid #e1e1e1; font-family:"Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-weight:400; color:#222; letter-spacing:-0.6px; border-radius:0; font-size:16px}
input{padding:3px 20px;}
option{padding:10px;}
input[type="radio"],input[type="checkbox"] {border:0; padding:0; height:auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
input[type="password"] {height:40px; border:1px solid #e1e1e1; color:#999; background:#fff; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
input[type="text"] {width:278px; background:#fff; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
select{padding:5px; height:40px; border:1px solid #e1e1e1; background:#fff;}
textarea{padding:10px; vertical-align:middle; background:#fff; border:1px solid #e1e1e1; font-family:"Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-weight:400; color:#222; font-size:16px; letter-spacing:-0.6px; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius:0}
a{text-decoration:none; color:#555;}
a:hover, a:focus, a:active{text-decoration:none;}
table{border-collapse:collapse; width:100%;}
button{background:none; border:none; padding:0; margin:0; cursor:pointer; overflow:visible; white-space: nowrap;  font-size:16px; font-family:"Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-weight:400}
button:active {outline: none}
button::-moz-focus-inner {padding:0; border:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
::-webkit-input-placeholder {color:#888; font-weight:300; font-size:18px;}
:-moz-placeholder {color:#888; font-weight:300; font-size:18px;}
::-moz-placeholder {color:#888; font-weight:300; font-size:18px;}
:-ms-input-placeholder {color:#888; font-weight:300; font-size:18px;}
:placeholder-shown {color:#888; font-weight:300; font-size:18px;}

/* 간격 */
.mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt45{padding-top:45px !important;}
.pt50{padding-top:50px !important;}
.pt60{padding-top:60px !important;}
.pt80{padding-top:80px !important;}
.pt90{padding-top:90px !important;}
.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}
.pb50{padding-bottom:50px !important;}
.pb60{padding-bottom:60px !important;}
.pb70{padding-bottom:70px !important;}
.pb80{padding-bottom:80px !important;}
.pb90{padding-bottom:90px !important;}

/*단일 클래스*/
.skip{position:fixed; top:-10000px; z-index:100; padding:20px 0; width:100%; height:50px; text-align:center; color:#000; background:#ccc;}
.skip:focus{top:0;}
.inner{position:relative; margin:0 auto; width:1200px;}
.inner:after{content:""; display:block; clear:both;}
.innerWide{position:relative; margin:0 auto;}
.innerWide:after{content:""; display:block; clear:both;}
.blind{position:absolute; top:-1000px; text-indent:-9999px; font-size:0 !important;}
.clear:after{display:block; content:""; clear:both;}
.abbr{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.floatL{float:left}
.floatR{float:right}
.taL{text-align:left !important;}
.taR{text-align:right !important;}
.taC{text-align:center !important;}
.onlyWeb{display:block;}
.onlyMob{display:none;}

#wrap{position:relative; width:100%;}
#wrap.main{position:relative; width:100%; height:100%;}
#content{position:relative; overflow:hidden; background: #fff; }

header{position:fixed; top:0; z-index:5; width:100%; height:90px;}
header h1{position:absolute; left:50px; top:0; z-index:1; width:147px; height:90px; background:url("../images/logo_wht.png") no-repeat 0 32px;}

header:before{display:block; opacity:0; content:""; position:absolute; top:90px; left:0; z-index:1; width:100%; height:1px; background:#ddd; transition:all 0.3s ease-out;}
header:after{display:block; content:""; position:absolute; top:0; left:0; width:100%; height:0px; background:#fff; transition:all 0.3s ease-out;}
header .topUtils{position:absolute; top:0; right:50px; z-index:1;}
header .topUtils:after{display:block; content:""; clear:both;}
header .topUtils .utils{float:left}
header .topUtils .utils:after{display:block; content:""; clear:both;}
header .topUtils .utils > a{position:relative; float:left; padding:38px 16px; font-size:15px; color:rgba(255,255,255,0.6);}
header .topUtils .utils > a:after{content:''; display:block; position:absolute; top:40px; right:0; width:1px; height:11px; background:rgba(255, 255, 255, 0.2)}
header .topUtils .utils > a:last-child:after{display:none}
header .topUtils .language{position:relative; float:left; margin:28px 0 0 10px;}
header .topUtils .language > a{display:block; padding:10px 20px; font-size:14px; color:#fff; font-family:'Noto Sans KR'; font-weight:500; border:1px solid rgba(255,255,255,0.4); border-radius:32px;}
header .topUtils .language > a span{padding-right:24px; background:url("../images/header_lang_wht.png") no-repeat right center;}
header .topUtils .language .slideLang{display:none; position:absolute; top:0; left:0; padding:10px 20px; width:100%; border:1px solid #ddd; border-radius:15px; background:#fff;}
header .topUtils .language .slideLang a{display:block; padding-top:10px; font-size:14px; color:#222; font-family:'Noto Sans KR'; font-weight:500; letter-spacing:0}
header .topUtils .language .slideLang a:nth-child(1){padding-top:0; padding-right:24px; background:url("../images/header_lang_black_up.png") no-repeat right center;}
header .topUtils .language .slideLang a:hover{color:#afc511;}
header .gnbOnAir{position:absolute; top:130px; right:50px; z-index:1; display:none}
header.color h1{background:url("../images/logo_color.png") no-repeat 0 32px;}

header.color .topUtils .utils > a{color:rgba(34, 34, 34, 0.8);}
header.color .topUtils .utils > a:after{background:#c3c3c3}
header.color .topUtils .language > a{color:rgba(34, 34, 34, 0.8); border:1px solid rgba(0,0,0,0.4);}
header.color .topUtils .language > a span{padding-right:24px; background:url("../images/header_lang_black.png") no-repeat right center;}
header.bgType{background:#fff;}
header.hover:before{opacity:1;}
header.hover:after{height:360px;}
header.hover{border-bottom:1px solid #ddd;}

header.on{background:#fff; border-bottom:1px solid #ddd}
header.on h1{background:url("../images/logo_color.png") no-repeat 0 32px;}

header.on .topUtils .utils > a{color:rgba(34, 34, 34, 0.8);}
header.on .topUtils .utils > a:after{background:#c3c3c3}
header.on .topUtils .language > a{color:rgba(34, 34, 34, 0.8); border:1px solid rgba(0,0,0,0.4);}
header.on .topUtils .language > a span{padding-right:24px; background:url("../images/header_lang_black.png") no-repeat right center;}
header .recruitB{display:none; position:absolute; top:140px; left:calc(50% + 390px); left:-webkit-calc(50% + 390px); padding:30px 35px; width:320px; height:168px; background:url('../images/header_recruit_bg.jpg') no-repeat center; z-index:1}
header .recruitB p{padding-bottom:50px; font-family:'Noto Sans KR'; font-weight:300; font-size:20px; line-height:26px; color:#222; background:url('../images/header_arrow_icon.png') no-repeat left bottom}
header .allMenuBtn{display:none}
#mHeader{display:none; position:fixed; top:0; right:-100%}

/* 서브 공통 */
.subVisual{position:relative; padding-top:340px; height:760px; text-align:center; background-position:center 0;  transition:background-size 1s ease}
.subVisual.com{background:url('../images/subVisual_com.jpg') no-repeat}
.subVisual.com2{background:url('../images/subVisual_com2.jpg') no-repeat}
.subVisual.com4{background:url('../images/subVisual_com4.jpg') no-repeat}
.subVisual.lib{background:url('../images/subVisual_lib.jpg') no-repeat}
.subVisual.csr{background:url('../images/subVisual_csr.jpg') no-repeat}
.subVisual.csr2{background:url('../images/subVisual_csr2.jpg') no-repeat}
.subVisual.csr3{background:url('../images/subVisual_csr3.jpg') no-repeat}
.subVisual.csr4{background:url('../images/subVisual_csr4.jpg') no-repeat}
.subVisual.csr5{background:url('../images/subVisual_csr5.jpg') no-repeat}
.subVisual.inv{background:url('../images/subVisual_inv.jpg') no-repeat}
.subVisual.uti{background:url('../images/subVisual_uti.jpg') no-repeat}
.subVisual h3{position:relative; top:100px; opacity:0; transition:top 0.7s ease, opacity 0.7s ease}
.subVisual .headText{position:relative; top:100px; margin-top:35px; font-family:'Noto Sans KR'; font-weight:300; font-size:18px; color:#fff; opacity:0; transition:top 0.7s ease, opacity 0.7s ease; transition-delay:0.15s}
h3 {font-family: 'Titillium', 'NotoSansKR', sans-serif;
    font-weight: 500;
    font-size: 60px;
    line-height: 70px;
    color: #fff;
    letter-spacing: -0.8px;
    text-align: center;}
.subCon{ position: relative;
		padding: 0 20px; }
.subCon.pb0{padding-bottom:0 !important}
.subCon:before{content:''; display:block; }
.subCon .indicatorD{position:absolute; width:100%; z-index:2}
.subCon .indicatorD .locationD{position:absolute; top:0; left:50px}
.subCon .indicatorD .locationD:after{content:''; display:block; clear:both}
.subCon .indicatorD .locationD span{float:left; position:relative; padding-right:21px; margin-right:14px; font-family:'Noto Sans KR'; font-weight:300; font-size:16px; color:#555}
.subCon .indicatorD .locationD span:after{content:''; display:block; position:absolute; top:2px; right:0;  width:7px; height:11px; background:url('../images/indicatorD_location_arrow.png') no-repeat center center}
.subCon .indicatorD .locationD span.active{padding-right:0; margin-right:0; font-family:'Noto Sans KR'; font-weight:700; padding-right:18px; font-size:16px; color:#222}
.subCon .indicatorD .locationD span.active:after{display:none}
.subCon .indicatorD .locationD .depthD{position:relative; float:left}
.subCon .indicatorD .locationD .depthD > a{font-family:'Noto Sans KR'; font-weight:700; padding-right:18px; font-size:16px; color:#222; background:url('../images/indicatorD_location_open.png') no-repeat right center}
.subCon .indicatorD .locationD .depthD > a.on{background:url('../images/indicatorD_location_close.png') no-repeat right center}
.subCon .indicatorD .locationD .depthD .twoD{display:none; position:absolute; top:30px; left:50%; transform:translateX(-50%); width:160px; padding:18px 10px; background:#fff; border:1px solid #e5e5e5}
.subCon .indicatorD .locationD .depthD .twoD a{display:block; margin-top:8px; font-size:16px; line-height:24px; color:#555; text-align:center}
.subCon .indicatorD .locationD .depthD .twoD a:first-child{margin-top:0}
.subCon .indicatorD .locationD .depthD .twoD a:hover{font-family:'Noto Sans KR'; font-weight:500; color:#b1c712}
.subCon .indicatorD .utillD{position:absolute; top:0; right:50px}
.subCon .indicatorD .utillD:after{content:''; display:block; clear:both}
.subCon .indicatorD .utillD .shareD{position:relative; float:left}
.subCon .indicatorD .utillD .shareD .share{display:inline-block; padding-left:28px;  font-size:13px; line-height:22px; color:#222; background:url('../images/indicatorD_utillD_share.png') no-repeat left center; letter-spacing:0}
.subCon .indicatorD .utillD .shareD .share:hover{color:#b1c712}
.subCon .indicatorD .utillD .shareD .twoD{display:none; position:absolute; top:35px; left:-10px; padding:30px 35px; background:#fff; border:1px solid #e5e5e5}
.subCon .indicatorD .utillD .shareD .twoD a{display:block; margin-top:10px}
.subCon .indicatorD .utillD .shareD .twoD a:first-child{margin-top:0}
.subCon .indicatorD .utillD .print{display:none; float:left; margin-left:30px; padding-left:32px; font-family:'Noto Sans KR'; font-weight:600; font-size:13px; line-height:22px; color:#222; background:url('../images/indicatorD_utillD_print.png') no-repeat left center; letter-spacing:0}
.subCon .indicatorD .utillD .print:hover{color:#b1c712}
#wrap.type1 .headD{margin-bottom:70px}
#wrap.type1 .headD h3{color:#222; word-break:keep-all;} /* 2019-12-03 수정 */
#wrap.type1 .headD .headText{margin-top:30px; font-family:'Noto Sans KR'; font-weight:300; font-size:18px; color:#555; text-align:center}
#wrap.type1 .subCon{padding:230px 0 140px}
#wrap.type1 .subCon .indicatorD{top:120px}
#wrap.type1 .subCon .headD h3#pageTitlArea{width:1200px; margin:0 auto; word-break:keep-all;} /* 2020-03-16 추가 */
#wrap.type2 h3{top:0; opacity:1}
#wrap.type2 .subCon:before{position:absolute; top:-100px; left:0; right:0; margin:0 auto; width:calc(100% - 180px); width:-webkit-calc(100% - 180px); height:0px; transition:top 0.6s ease}
#wrap.type2 .subCon .indicatorD{top:-40px; transition:top 0.6s ease}
#wrap.type2 .subCon .indicatorD .locationD{left:150px}
#wrap.type2 .subCon .indicatorD .utillD{right:150px}
#wrap.type2 .subVisual{background-size:100%}
#wrap.type2 .subVisual .headText{top:0; opacity:1}
#wrap.type2 .subCon.on:before{top:0px} /*top:-200px*/
#wrap.type2 .subCon.on .indicatorD{top:-140px}

.subCon .contentD{position:relative; padding: 100px 0;}
.topTitDiv{margin-top:-5px; text-align:center}
.topTitDiv.taL{text-align:left}
.topTitDiv .tit2{font-family:'Noto Sans KR'; font-weight:300; font-size:42px; line-height:90px; color:#222;}
.topTitDiv .tit{font-family:'Noto Sans KR'; font-weight:100; font-size:38px; line-height:50px; color:#222; text-transform: uppercase}
.topTitDiv .tit span {font-weight:400; color:#00abbc;}
.topTitDiv .tit2 span{display:block}


.topTitDiv .txt{margin-top:35px; font-weight:300; font-size:18px; line-height:30px; color:#555}
.sortTabArea{position:relative;}
.sortTabArea .sortTab{display:flex; justify-content:center; align-items:center}
.sortTabArea .sortTab:after{content:''; display:block; clear:both; padding: 60px 0 100px; }
.sortTabArea .sortTab a{position:relative; padding:0 8px 5px 8px; margin-right:34px; font-family:'Noto Sans KR'; font-weight:300; font-size:20px; color:#222; transition:background-repeat 0.4s ease}
/* .sortTabArea .sortTab a:before{content:''; display:block; position:absolute; bottom:0; left:0; width:0; height:1px; background:#333;} */
.sortTabArea .sortTab a:last-child{margin-right:0}
.sortTabArea .sortTab a.on{font-family:'Noto Sans KR'; font-weight:600}
.sortTabArea .sortTab a.on:before{width:100%}
.sortTabArea .sortTab a:hover:before{content:''; display:block; width:100%}
.sortTabArea .sortTab a span{position:relative}
.sortTabArea .link{position:absolute; top:0; right:0; padding-right:18px; font-weight:600; font-size:16px; color:#222; background:url('../images/right_arrow_icon.png') no-repeat right center; transition:color 0.4s ease, background 0.4s ease}
.sortTabArea .link:hover{color:#b1c712; background:url('../images/right_arrow_icon_on.png') no-repeat right center}
.searchArea{margin:60px 0 80px; padding:52px 0 66px; background:#f5f5f5}
.searchArea:first-child{margin-top:0}
.searchArea .inputD{position:relative; margin:0 auto; width:430px}
.searchArea .inputD input{padding:14px 30px 10px 0; width:100%; height:46px; font-size:18px; color:#555; background:none; border:none; border-bottom:3px solid #222}
.searchArea .inputD input::-webkit-input-placeholder {color:#555}
.searchArea .inputD input:-moz-placeholder {color:#555}
.searchArea .inputD input::-moz-placeholder {color:#555}
.searchArea .inputD input:-ms-input-placeholder {color:#555}
.searchArea .inputD input:placeholder-shown {color:#555}
.searchArea .inputD .btn{position:absolute; top:11px; right:0}

.sectionTit{position:relative; margin:0 auto; font-family:'Noto Sans KR'; font-weight:500; font-size:40px; color:#222; text-align:center}
.sectionTit.wht{color:#fff}
.sectionTxt{position:relative; margin-top:25px; font-family:'Noto Sans KR'; font-weight:300; font-size:18px; line-height:30px; color:#333; text-align:center}
.sectionTxt span{display:inline-block; font-weight: 400;}
.subTitD{position:relative}
.subTitD:after{content:''; display:block; clear:both}
.subTitD .title{ font-family:'Noto Sans KR'; font-weight:400; font-size:30px; color:#222; text-align: center; margin-bottom: 80px;}
.subTitD .title span {display:block; padding: 0 0 30px; font-weight:300; font-size:46px; color:#00abbc; text-align: center;}

.subTitD .title2{padding-bottom:20px; font-family:'Noto Sans KR'; font-weight:700; font-size:24px; color:#222}
.subTitD .rightSelectD{position:absolute; top:-20px; right:0; margin:0}
.subTitD .title + .btnA{position:absolute; top:-5px; right:0}
.subTitD .title2 + .btnA{position:absolute; top:-8px; right:0}
.subTitD .title + .listMore{position:absolute; top:5px; right:0}
.subTitD .subTxt{font-family:'Noto Sans KR'; font-weight:300; font-size:18px; color:#555; line-height:30px; text-align:left;}/* 2019-11-15 추가 */
.infoTxt{padding-bottom:20px; font-family:'Noto Sans KR'; font-weight:300; font-size:16px; color:#666; text-align:right}
.showCon{display:none}
.showCon:first-child{display:block}
.noDataDiv{padding:320px 20px 0; width:100%; height:570px; font-family:'Noto Sans KR'; font-weight:300; font-size:24px; color:#555; background:url('../images/noDataDiv_icon.png') no-repeat center 170px #fff; border:1px solid #e5e5e5; text-align:center}

.btnArea{margin-top:60px; text-align:center;}
.btnArea .viewBtn{display:inline-block; margin:0 2px; width:180px; height:60px; font-family:'Noto Sans KR'; font-weight:700; font-size:18px; line-height:58px; color:#222; border:1px solid #222; border-radius:50px; transition:color 0.3s ease, background 0.3s ease, border 0.3s ease}
.btnArea .viewBtn:hover{color:#fff; background:#b1c712; border:1px solid #b1c712}
.btnArea .moreBtn{display:inline-block; margin:0 2px; width:60px; height:60px; background:url('../images/moreBtn.png') no-repeat; transition:background 0.3s ease}
.btnArea .moreBtn:hover{background:url('../images/moreBtn_hover.png') no-repeat}
.btnArea .listBtn{display:inline-block; margin:0 2px; width:180px; height:60px; font-family:'Noto Sans KR'; font-weight:700; font-size:18px; line-height:60px; color:#fff; background:#222; border-radius:50px; text-align:center; transition:background 0.3s ease}
.btnArea .listBtn:hover{background:#b1c712}
.btnA{display:inline-block; padding:0 25px; height:40px; font-family:'Noto Sans KR'; font-weight:700; font-size:14px; border-radius:50px}
.btnA span{display:block}
.btnA.download{line-height:38px; color:#555; background:#fff; border:1px solid rgba(34, 34, 34, 0.2); transition:color 0.3s ease, background 0.3s ease, border 0.3s ease}
.btnA.download span{padding-right:28px; background:url('../images/btnA_download.png') no-repeat right 1px center; transition:background 0.3s ease}
.btnA.download:hover{color:#fff; background:#bfd715; border:1px solid #bfd715}
.btnA.download:hover span{background:url('../images/btnA_download_on.png') no-repeat right 1px center}
.btnA.download.autoH{height:auto; padding:10px 25px 8px; line-height:20px; text-align:left;}
/* 2019-11-15 추가 */
.btnA.textType{border:1px solid rgba(34, 34, 34, 0.2); background:#fff; transition:color 0.3s ease, background 0.3s ease, border 0.3s ease}
.btnA.textType span{padding:11px 0; font-family:'Noto Sans KR';}
.btnA.textType:hover{border:1px solid #bfd715; color:#fff; background:#bfd715;}
/* // 2019-11-15 추가 */
.listMore{display:block; width:20px; height:20px; background:url('../images/listMore_icon.png') no-repeat}
.topBtn{position:absolute; bottom:50px; right:50px; padding-top:32px; width:60px; height:60px; font-family:'Noto Sans KR'; font-weight:700; font-size:14px; color:#222; background:url('../images/topBtn.gif') no-repeat center 16px #fff; border:1px solid #222; border-radius:100%; text-align:center; transition:border 0.3s ease, color 0.3s ease, background 0.3s ease; z-index:5}
.topBtn:hover{color:#fff; background:url('../images/topBtn_hover.gif') no-repeat center 16px #bfd715; border:1px solid #bfd715}
#wrap.main .topBtn{display:none}
input:focus{outline:0}

.rightSelectD{margin:60px auto 20px; text-align:right}
.rightSelectD .selectD{position:relative; display:inline-block; text-align:left}
.rightSelectD .selectD > a{display:block; padding:0 45px 0 20px; width:150px; height:50px; font-family:'Noto Sans KR'; font-weight:300; font-size:18px; line-height:48px; background:url('../images/rightSelectD_open.png') no-repeat right 20px top 50% #fff; border:1px solid #ddd}
.rightSelectD .selectD.on > a{background:url('../images/rightSelectD_close.png') no-repeat right 20px top 50% #fff; border:1px solid #ddd}
.rightSelectD .selectD .twoD{display:none; position:absolute; top:50px; left:0; padding:10px 0; width:100%; max-height:188px; background:#fff; border:1px solid #ddd; border-top:none; z-index:1}
.rightSelectD .selectD .twoD a{display:block; padding:15px 45px 9px 20px; font-family:'Noto Sans KR'; font-weight:300; font-size:18px}
.rightSelectD .selectD .twoD a:first-child{margin-top:0;}
.rightSelectD .selectD .twoD.scroll{height:188px; overflow-y:auto}
.rightSelectD.type2{margin:0 auto 60px; padding-bottom:30px; border-bottom:1px solid #ddd; text-align:center}
.rightSelectD.type2 .selectD{width:220px}
.rightSelectD.type2 .selectD > a{display:block; padding:0 0 0 53px; width:auto; height:24px; font-family:'Noto Sans KR'; font-weight:900; font-size:24px; line-height:1; color:#222; background:url('../images/rightSelectD_type2_open.png') no-repeat right 53px top 50%; border:none}
.rightSelectD.type2 .selectD.on > a{background:url('../images/rightSelectD_type2_close.png') no-repeat right 53px top 50%;}
.rightSelectD.type2 .selectD .twoD{top:40px; padding:20px 0; text-align:left; border-top:1px solid #ddd}
.rightSelectD.type2 .selectD .twoD a{padding:0 0 0 53px; font-size:20px; line-height:36px; color:#555}
.rightSelectD.type2 .selectD .twoD a:hover{font-family:'Noto Sans KR'; font-weight:700; color:#b1c712}

.radioD{position:relative}
.radioD input[type="radio"]{position:absolute; top:0; left:0; width:26px; height:26px; opacity:0; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.radioD label{display:inline-block; padding-left:36px; font-weight:300; color:#555; font-size:16px; line-height:26px; background:url('../images/radioBox_icon.png') no-repeat left 0}
.radioD input[type="radio"]:checked + label{background:url('../images/radioBox_icon_on.png') no-repeat left 0}

/* 체크박스 */
.checkBox{position:relative; display:inline-block}
.checkBox input{position:absolute; top:0; left:0; width:22px; height:22px; opacity:0;}
.checkBox label{position:relative; display:inline-block; padding-left:36px; font-size:16px; color:#fff; line-height:22px; font-weight:300;}
.checkBox label:after{content:''; display:block; position:absolute; top:0; left:0; width:22px; height:22px; background:url("../images/checkBox.png") center no-repeat;}
.checkBox input[type="checkbox"]:checked + label:after{background:url("../images/checkBox_on.png") center no-repeat;}

/* 비디오 재생버튼 */
.controlBtn{position:relative; cursor:pointer}
.controlBtn:before{content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(34, 34, 34, 0.5); opacity:1; transition:opacity 0.6s ease; z-index:1}
.controlBtn:after{content:''; display:block; position:absolute; top:50%; left:50%; margin:-45px 0 0 -45px; width:90px; height:90px; background:url('../images/video_playBtn.png') no-repeat 36px center rgba(255, 255, 255, 0.2); border-radius:100%; transition:background 0.4s ease, opacity 0.6s ease; z-index:1}
.controlBtn.on:before{opacity:0}
.controlBtn.on:after{opacity:0}
.controlBtn:hover:after{background:url('../images/video_playBtn.png') no-repeat 36px center rgba(191, 215, 21, 0.8);}

.videoDiv.youtube .bgDiv .video:before{content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(34, 34, 34, 0.5); opacity:1; }
.videoDiv.youtube .bgDiv .video:after{content:''; display:block; position:absolute; top:50%; left:50%; margin:-45px 0 0 -45px; width:90px; height:90px; background:url('../images/video_playBtn.png') no-repeat 36px center rgba(255, 255, 255, 0.2); border-radius:100%; transition:background 0.4s ease, opacity 0.6s ease;}
.videoDiv.youtube .bgDiv .video.on:before{display:none;}
.videoDiv.youtube .bgDiv .video.on:after{display:none;}
.videoDiv.youtube .bgDiv .video:hover:after{background:url('../images/video_playBtn.png') no-repeat 36px center rgba(191, 215, 21, 0.8);}

/* 테이블 [ tableStyle1: IR정보-IR자료 테이블 / tableStyle2 : 미래성장 하단 테이블 ] */
.wScrollD{overflow-x:auto}
.wScrollD table{width:1200px !important}
.tableStyle1{border-top:2px solid #bed732}
.tableStyle1 table{width:100%; table-layout:fixed}
.tableStyle1 table th{padding:26px 10px; font-family:'Noto Sans KR'; font-weight:500; font-size:20px; line-height:28px; color:#222; background:#f5f5f5; border-bottom:1px solid #ddd; text-align:center}
.tableStyle1 table td{padding:26px 10px; font-family:'Noto Sans KR'; font-weight:300; font-size:20px; line-height:28px; color:#222; border-bottom:1px solid #ddd; text-align:center}
.tableStyle1 table td .title{padding-left:30px; text-align:left}
.tableStyle1 table td .title a{display:inline-block; font-family:'Noto Sans KR'; font-weight:300; font-size:20px; line-height:28px; color:#222; max-width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; vertical-align:middle}
.tableStyle1 table td .title a:hover{font-family:'Noto Sans KR'; font-weight:700; background:url('../images/underline_bg1x5.gif') repeat-x bottom 4px left;}

.tableStyle2 table th{padding:17px 20px; font-family:'Noto Sans KR'; font-weight:500; font-size:16px; line-height:26px; color:#222; text-align:center}
.tableStyle2 table thead th{background:#e8e8e8}
.tableStyle2 table tbody th{border-bottom:1px solid #e5e5e5}
.tableStyle2 table td{padding:17px 20px; font-family:'Noto Sans KR'; font-weight:300; font-size:16px; line-height:26px; color:#666; text-align:center; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5}
.tableStyle2 table tbody tr th:last-child, .tableStyle2 table tbody tr td:last-child{border-right:none}

.lyPop{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:10; display:none}
.lyPop .layerPop{position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); max-width:90%; max-height:80%; background:#fff; overflow-y:auto;}
.lyPop .layerPop .close{position:absolute; top:30px; right:30px;}
.lyPop .pHead{padding:60px 50px 20px; font-family:'Noto Sans KR'; font-weight:700; font-size:28px; color:#222}
.lyPop .pBody .topTxt{margin-top:-4px; font-family:'Noto Sans KR'; font-weight:300; font-size:18px; line-height:26px; color:#555; word-break:keep-all}
.lyPop .pBody .popSubTitD{margin:60px auto 30px; word-break:keep-all}
.lyPop .pBody .popSubTitD:after{content:''; display:block; clear:both}
.lyPop .pBody .popSubTitD .title{font-family:'Noto Sans KR'; font-weight:700; font-size:22px; color:#222}
.lyPop .pBody .popSubTxt{font-family:'Noto Sans KR'; font-weight:300; font-size:16px; line-height:26px; color:#555; word-break:keep-all}
.lyPop .closeArea{position:relative; padding:24px 30px; width:100%; height:70px; background:#222; text-align:right}
.lyPop .closeArea .checkBox{display:inline-block}
.lyPop .closeArea .checkBox label{font-family:'Noto Sans KR'; font-weight:300; font-size:16px; line-height:22px; color:#fff}
.lyPop .closeArea .closeBtn{display:inline-block; margin-left:30px; padding-left:36px; font-family:'Noto Sans KR'; font-weight:300; font-size:16px; line-height:22px; color:#fff; background:url('../images/closeArea_closeBtn.png') no-repeat left center}
.onAirPop .layerPop{width:1000px;}
.onAirPop.lyPop .layerPop{overflow:hidden;}/*2019-08-14 추가*/
.onAirPop .pBody{padding:20px 50px 50px}
.onAirPop .pBody .liveD:after{content:''; display:block; clear:both}
.onAirPop .pBody .liveD .liveArea{float:left; margin-right:20px; width:565px; height:315px; overflow:hidden;}
.onAirPop .pBody .liveD .dTable{float:left; width:315px; height:315px; overflow:hidden;}
.onAirPop .pBody .liveD .thumbArea{position:relative; width:315px; height:315px; overflow:hidden;}
.onAirPop .pBody .liveD .thumbArea img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); height:100%;}
.onAirPop .pBody .liveD .mobileTime{display:none}
.onAirPop .pFoot{padding:30px 50px; background:#f5f5f5}
.onAirPop .pFoot .infoD:after{content:''; display:block; clear:both}
.onAirPop .pFoot .infoD .liveInfo{float:left; width:calc(100% - 215px); width:-webkit-calc(100% - 215px)}
.onAirPop .pFoot .infoD .liveInfo:after{content:''; display:block; clear:both}
.onAirPop .pFoot .infoD .liveInfo .type{float:left; width:100px; height:35px; font-family:'Noto Sans KR'; font-weight:700; font-size:15px; line-height:35px; color:#fff; background:#f22867; border-radius:20px; text-align:center}
.onAirPop .pFoot .infoD .liveInfo .tit{float:left; padding:0 20px; width:calc(100% - 100px); width:calc(100% - 100px); font-family:'Noto Sans KR'; font-weight:700; font-size:20px; line-height:35px; color:#222; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.onAirPop .pFoot .infoD .liveInfo .tit a{color:#222}/* 2019-09-18 추가 */
.onAirPop .pFoot .infoD .timeInfo{float:right}
.onAirPop .pFoot .infoD .timeInfo:after{content:''; display:block; clear:both}
.onAirPop .pFoot .infoD .timeInfo .txt{float:left; padding-left:32px; width:100px; font-size:18px; line-height:35px; color:#555; background:url('../images/onAirPop_clock_icon.gif') no-repeat left 5px}
.onAirPop .pFoot .infoD .timeInfo .timer{display:flex; justify-content:center; float:left; width:110px; font-family:'Noto Sans KR'; font-weight:500; font-size:22px; line-height:35px; color:#222}
.onAirPop .pFoot .infoD .timeInfo .timer span:nth-child(2){padding-left:0px;}
.onAirPop .pFoot .infoD .timeInfo .timer span:nth-child(2):before{display:inline-block; content:":";}
.onAirPop .pFoot .infoD .timeInfo .timer span:nth-child(3){padding-left:0px;}
.onAirPop .pFoot .infoD .timeInfo .timer span:nth-child(3):before{display:inline-block; content:":";}
.onAirPop .linkBtn{display:none}
.talkCeoPop .layerPop{width:1000px}
.talkCeoPop .pHead{padding:60px 50px 20px; font-family:'Noto Sans KR'; font-weight:700; font-size:28px; color:#000}
.talkCeoPop .pBody{padding:20px 50px 60px}
.talkCeoPop .pBody .writeTitD{margin-top:40px}
.talkCeoPop .pBody .writeTitD:after{content:''; display:block; clear:both}
.talkCeoPop .pBody .writeTitD .tit{float:left; font-family:'Noto Sans KR'; font-weight:700; font-size:22px; color:#222}
.talkCeoPop .pBody .writeTitD .addTxt{float:right; font-family:'Noto Sans KR'; font-weight:300; font-size:16px; line-height:22px; color:#888}
.talkCeoPop .pBody .writeTitD + .writeArea{margin-top:20px}
.talkCeoPop .pBody .writeArea{margin-top:40px; border-top:2px solid #222}
.talkCeoPop .pBody .writeArea .infoTable{padding:20px 0 19px; border-bottom:1px solid #e5e5e5}
.talkCeoPop .pBody .writeArea .contTable{padding:20px 0 19px; border-bottom:1px solid #e5e5e5}
.talkCeoPop .pBody .writeArea .fileTable{padding:20px 0 16px; border-bottom:1px solid #e5e5e5}
.talkCeoPop .pBody .writeArea .chkTable{padding:20px 0 24px; border-bottom:1px solid #e5e5e5}
.talkCeoPop .pBody .writeArea .line{margin-top:12px}
.talkCeoPop .pBody .writeArea .line:first-child{margin-top:0}
.talkCeoPop .pBody .writeArea .line:after{content:''; display:block; clear:both}
.talkCeoPop .pBody .writeArea .line .tit{float:left; padding:16px 20px 16px 10px; width:200px; font-family:'Noto Sans KR'; font-weight:500; font-size:18px; line-height:28px; color:#222}
.talkCeoPop .pBody .writeArea .line .tit .essential{margin-left:2px; display:inline-block; color:#ce0c47}
.talkCeoPop .pBody .writeArea .line .inputD{float:left; width:calc(100% - 200px); width:-webkit-calc(100% - 200px)}
.talkCeoPop .pBody .writeArea .line .inputD .selectD{position:relative; width:460px}
.talkCeoPop .pBody .writeArea .line .inputD .selectD > a{display:block; padding:15px 40px 15px 20px; width:100%; height:60px; font-family:'Noto Sans KR'; font-weight:300; font-size:18px; line-height:28px; color:#555; border:1px solid #ddd; background:url('../images/lyPop_selectD_open.png') no-repeat right 20px top 50%}
.talkCeoPop .pBody .writeArea .line .inputD .selectD .twoD{display:none; position:absolute; top:60px; left:0; padding:10px 0; width:100%; background:#fff; border:1px solid #ddd; border-top:none; z-index:1}
.talkCeoPop .pBody .writeArea .line .inputD .selectD .twoD a{display:block; padding:12px 40px 12px 20px; font-family:'Noto Sans KR'; font-weight:300; font-size:18px}
.talkCeoPop .pBody .writeArea .line .inputD .selectD.on > a{background:url('../images/lyPop_selectD_close.png') no-repeat right 20px top 50%}
.talkCeoPop .pBody .writeArea .line .inputD input{color:#555}
.talkCeoPop .pBody .writeArea .line .inputD input[type="text"]{padding:15px 20px; width:460px; height:60px; border:1px solid #ddd}
.talkCeoPop .pBody .writeArea .line .inputD textarea{padding:15px 20px; width:100%; height:280px; color:#555; resize:none}
.talkCeoPop .pBody .writeArea .line .inputD .fileD{position:relative}
.talkCeoPop .pBody .writeArea .line .inputD .fileD:after{content:''; display:block; clear:both}
.talkCeoPop .pBody .writeArea .line .inputD .fileD input[type="text"]{float:left; width:335px; height:50px}
.talkCeoPop .pBody .writeArea .line .inputD .fileD .btn{float:left; margin-left:10px; width:120px; height:50px; font-size:16px; line-height:50px; color:#fff; background:#555; text-align:center}
.talkCeoPop .pBody .writeArea .line .inputD .fileD input[type="file"]{position:absolute; top:0; left:0; width:465px; height:50px; opacity:0}
.talkCeoPop .pBody .writeArea .line .inputD .fileList{padding:25px; margin-top:10px; border:1px solid #ddd}
.talkCeoPop .pBody .writeArea .line .inputD .fileList > div{margin-top:12px}
.talkCeoPop .pBody .writeArea .line .inputD .fileList > div:first-child{margin-top:0}
.talkCeoPop .pBody .writeArea .line .inputD .fileList p{display:inline-block; position:relative; padding-right:28px; font-family:'Noto Sans KR'; font-weight:300; font-size:15px; line-height:20px; color:#555}
.talkCeoPop .pBody .writeArea .line .inputD .fileList p a{position:absolute; top:0; right:0; width:20px; height:20px; background:url('../images/delete_icon.png') no-repeat}
.talkCeoPop .pBody .writeArea .line .inputD .captchaArea{float:left; width:294px; }
.talkCeoPop .pBody .writeArea .line .inputD .captchaArea:after{content:''; display:block;}
.talkCeoPop .pBody .writeArea .line .inputD .captchaArea .captchaD{float:left; width:180px; height:60px; border:1px solid #ddd; overflow:hidden}
.talkCeoPop .pBody .writeArea .line .inputD .captchaArea .captchaD img{width:100%}
.talkCeoPop .pBody .writeArea .line .inputD .captchaArea .sound{float:left; margin:10px 0 0 10px}
.talkCeoPop .pBody .writeArea .line .inputD .captchaArea .refresh{float:left; margin:10px 0 0 4px}
.talkCeoPop .pBody .writeArea .line .inputD .inputArea{float:left; padding-left:20px; width:calc(100% - 294px); width:-webkit-calc(100% - 294px)}
.talkCeoPop .pBody .writeArea .line .inputD .inputArea input{width:100%}
.talkCeoPop .pBody .writeArea .line .inputD .notiTxt{margin-top:15px; font-family:'Noto Sans KR'; font-weight:300; font-size:16px; line-height:26px; color:#888}
.talkCeoPop .pBody .writeArea .line .inputD .radioCheck{padding:17px 0}
.talkCeoPop .pBody .writeArea .line .inputD .radioCheck:after{content:''; display:block; clear:both}
.talkCeoPop .pBody .writeArea .line .inputD .radioCheck .radioD{float:left; margin-right:20px; font-family:'Noto Sans KR'; font-weight:300; font-size:18px; color:#555}
.talkCeoPop .pBody .btnArea{margin:40px auto 0}
.talkCeoPop .pBody .btnArea a{display:inline-block; margin:0 2px; width:140px; height:60px; font-family:'Noto Sans KR'; font-weight:700; font-size:18px; border-radius:50px; text-align:center}
.talkCeoPop .pBody .btnArea a.submit{line-height:60px; color:#fff; background:#222; transition:background 0.3s ease}
.talkCeoPop .pBody .btnArea a.submit:hover{background:#bfd715}
.talkCeoPop .pBody .btnArea a.cancel{line-height:58px; color:#222; background:#fff; border:1px solid #222; transition:background 0.3s ease, color 0.3s ease, border 0.3s ease}
.talkCeoPop .pBody .btnArea a.cancel:hover{color:#fff; background:#bfd715; border:1px solid #bfd715}
.ccmPop .layerPop{width:1000px}
.ccmPop .pBody{padding:20px 50px 60px}
.ccmPop .pBody .lpsDiv{margin-top:25px; padding:70px 30px; background:#f5f5f5; border:1px solid #e5e5e5}
.ccmPop .pBody .lpsDiv .title{margin-bottom:50px; font-family:'Noto Sans KR'; font-weight:400; font-size:20px; color:#222; text-align:center}
.ccmPop .pBody .lpsDiv .title span{font-family:'Noto Sans KR'; font-weight:700}
.ccmPop .pBody .lpsDiv .img{text-align:center}
.ccmPop .pBody .lpsDiv img:nth-child(1){display:inline}
.ccmPop .pBody .lpsDiv img:nth-child(2){display:none}
.ccmPop .pBody .lpsDiv img{max-width:100%}
.ccmPop .pBody .logoDiv{display:flex; flex-wrap:wrap; justify-content:space-between; margin:10px auto 0; padding:54px 30px 60px; border:1px solid #e5e5e5}
.ccmPop .pBody .logoDiv .list{float:left; width:50%; text-align:center}
.ccmPop .pBody .logoDiv .list:nth-child(2){border-left:1px solid #e5e5e5}
.ccmPop .pBody .logoDiv .list .tit{margin-bottom:28px; font-family:'Noto Sans KR'; font-weight:700; font-size:20px; color:#222}
.ccmPop .pBody .logoDiv .list img{max-width:100%}
.ccmPop .pBody .effectDiv{display:flex; flex-wrap:wrap; justify-content:space-between; border:1px solid #e5e5e5; border-right:none; background:#fbfeec; text-align:center; word-break:keep-all}
.ccmPop .pBody .effectDiv .list{padding:60px 25px; width:33.33%; border-right:1px solid #e5e5e5}
.ccmPop .pBody .effectDiv .list .tit{font-family:'Noto Sans KR'; font-weight:700; font-size:20px; color:#222}
.ccmPop .pBody .effectDiv .list .txt{margin-top:24px; font-family:'Noto Sans KR'; font-weight:300; font-size:16px; line-height:28px; color:#555}
.ccmPop .pBody .resultDiv{padding:0 50px; border:1px solid #e5e5e5; word-break:keep-all}
.ccmPop .pBody .resultDiv .list{padding:55px 0 55px; border-bottom:1px solid #ddd}
.ccmPop .pBody .resultDiv .list:last-child{border-bottom:none}
.ccmPop .pBody .resultDiv .list:after{content:''; display:block; clear:both}
.ccmPop .pBody .resultDiv .list .tit{float:left; width:250px; font-family:'Noto Sans KR'; font-weight:700; font-size:20px; line-height:28px; color:#9db900}
.ccmPop .pBody .resultDiv .list .tit span{display:block;}
.ccmPop .pBody .resultDiv .list .txt{float:left; width:calc(100% - 250px); width:-webkit-calc(100% - 250px); font-family:'Noto Sans KR'; font-weight:300; font-size:16px; line-height:28px; color:#555}
.mainPop .swiper-container{width:600px; height:530px;}
.mainPop .swiper-container .swiper-wrapper{width:100%; height:100%}
.mainPop .swiper-container .swiper-wrapper .swiper-slide .pc{display:block}
.mainPop .swiper-container .swiper-wrapper .swiper-slide .mob{display:none}
.mainPop .swiper-pagination{position:absolute; top:29px; left:30px; margin:0}
.mainPop .swiper-pagination-bullet{margin-left:10px; width:12px; height:12px; border:1px solid #fff; background:none; opacity:0.8}
.mainPop .swiper-pagination-bullet:first-child{margin-left:0}
.mainPop .swiper-pagination-bullet-active{background:#fff}
.noticePop .layerPop .con img{width:100%}
.noticePop .layerPop{width:calc(100% / 3); width:-webkit-calc(100% / 3)}
.noticePop.two .pop1{left:auto; right:calc(50% + 10px); right:-webkit-calc(50% + 10px); transform:translate(0, -50%)}
.noticePop.two .pop2{left:calc(50% + 10px); left:-webkit-calc(50% + 10px); transform:translate(0, -50%)}

.blackBg{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.4); z-index:4; display:none}
.blackBg.on{z-index:10}

footer{position:absolute; padding:30px 50px; width:100%; z-index: 99;} /*  margin-top: -130px; border-top:1px solid #e5e5e5; background:url("../images/logo_color.png") no-repeat 50px 80px #fff*/
footer:after{display:block; content:""; clear:both;}
footer .utilCont{ text-align: center;  color:#ccc;}

/* 201005 추가 */
footer .utilCont .relation{ position: relative; text-align: center; }
footer .utilCont .relation ul {text-align: center; display: inline-block; vertical-align: top;}
footer .utilCont .relation ul li {display: block; text-align: center; float: left; margin: 0 20px; padding-bottom: 14px;}
/* footer .utilCont ul li:after{display:block; content:" |"; position:absolute; top:0; padding-right: 30px; clear:both;} */
footer .utilCont .relation ul li:nth-child(1):after{display:block; position:absolute; top:0; padding-left: 90px; content:" |"; clear:both; font-size: 14px;}
footer .utilCont .relation ul li:nth-child(2):after{display:block; position:absolute; top:0; padding-left: 90px; content:" |"; clear:both; font-size: 14px; }
footer .utilCont .relation ul li:nth-child(3):after{display:block; position:absolute; top:0; padding-left: 102px; content:" |"; clear:both; font-size: 14px;}
footer .utilCont .relation ul li:nth-child(4):after{display:block; position:absolute; top:0; padding-left: 106px; content:" |"; clear:both; font-size: 14px;}
footer .utilCont .relation ul li:nth-child(5):after{display:block; position:absolute; top:0; padding-left: 74px; content:" |"; clear:both; font-size: 14px;}
footer .utilCont .relation ul li a { display:block; font-size: 16px; font-weight: 400 !important; color:#000}
footer .utilCont .relation ul li a:hover { color:#00abbc; text-decoration: underline;}

footer .utilCont .utils{padding-bottom:10px}
footer .utilCont .copyright{font-size:16px; letter-spacing:0; color:#ccc;}




/* 메인 */
section.vision .fp-tableCell{vertical-align:top;}
.onAir{display:block; position:fixed; bottom:0; right:0; transition:all 0.4s ease-out;}
.onAir .stepDiv{position:relative; width:310px; height:174px;}
.onAir .stepDiv:before{content:'';  position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(191, 215, 21, 0.7); opacity:0; transition:all 0.4s ease; z-index:1}
.onAir .stepDiv:after{display:block; content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url("../images/main_onAir_play.png") no-repeat center center rgba(0,0,0,0.4);}
.onAir .stepDiv .txt{position:absolute; top:27px; z-index:1; width:100%; font-size:18px; color:#fff; font-family:'Noto Sans KR'; font-weight:700; text-align:center;}
.onAir .stepDiv .timer{display:flex; justify-content:center; position:absolute; bottom:30px; z-index:1; width:100%; color:#b1c712; text-align:center; transition:all 0.4s ease}
.onAir .stepDiv .timer span:nth-child(2){padding-left:0px;}
.onAir .stepDiv .timer span:nth-child(2):before{display:inline-block; content:":";}
.onAir .stepDiv .timer span:nth-child(3){padding-left:0px;}
.onAir .stepDiv .timer span:nth-child(3):before{display:inline-block; content:":";}
.onAir .stepDiv .img{position:relative; height:174px; overflow:hidden;}
.onAir .stepDiv .img img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%;}
.onAir .iconDiv{display:none; margin-right:14px; width:85px; height:85px; background:url("../images/main_fixed_onAir.png") no-repeat 0 0; border-radius:100%; box-shadow:20px 20px 30px 0 rgba(0, 0, 0, 0.1)}
.onAir:hover .stepDiv:before{opacity:1; }
.onAir:hover .stepDiv .timer{color:#fff}
.mainVisual{position:relative; height:100%;}
.mainVisual .videoArea{position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.mainVisual .videoArea:after{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4);}
.mainVisual .videoArea video{position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.mainVisual .videoArea .onlyPcBg{display:block; position:absolute; top:0; z-index:1; width:100%; height:100%;}
.mainVisual .videoArea .onlyMbBg{display:none; position:absolute; top:0; z-index:1; width:100%; height:100%;}
.mainVisual .videoArea .slideBg{opacity:0; position:absolute; top:0; left:0; width:100%; height:100%;}
.mainVisual .videoArea .fp-slidesContainer{position:relative;}
.mainVisual .videoArea .fp-slidesContainer .slide:nth-child(1){opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; /*background:url("../images/mainOverImg1.jpg") no-repeat center 0; background-size:cover;*/}
.mainVisual .videoArea .fp-slidesContainer .slide:nth-child(2){opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; /*background:url("../images/mainOverImg2.jpg") no-repeat center 0; background-size:cover;*/}
.mainVisual .videoArea .fp-slidesContainer .slide:nth-child(3){opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; /*background:url("../images/mainOverImg3.jpg") no-repeat center 0; background-size:cover;*/}
.mainVisual .videoArea .fp-controlArrow{display:none;}
.mainVisual .videoArea .txtObj{position:absolute; top:-1000px; left:-1000px; z-index:1; transition:all 0.2s ease-out;}
.mainVisual .videoArea .txtObj a{display:block; position:relative; top:100px; opacity:0; padding:30px 0; width:100%; font-size:80px; color:#fff; font-family:'Noto Sans KR'; font-weight:700; text-align:center; /*transition:all 0.3s ease-out;*/}
.mainVisual .videoArea .txtObj a.effect{color:rgba(255,255,255,0.2);}
.mainVisual .videoArea .txtObj a span{font-family:'Noto Sans KR'; font-weight:300;}
/*.mainVisual .videoArea .txtObj a:nth-child(1){padding-top:0;}*/
.mainVisual .videoArea .txtObj a:nth-child(2):before{display:block; content:""; position:absolute; top:-11px; left:50%; margin-left:-7px; width:14px; height:14px; background:rgba(255,255,255,0.2); border-radius:100%}
.mainVisual .videoArea .txtObj a:nth-child(3):before{display:block; content:""; position:absolute; top:-11px; left:50%; margin-left:-7px; width:14px; height:14px;; background:rgba(255,255,255,0.2); border-radius:100%}
.mainVisual .videoArea .txtObj .upperTxtArea{position:relative; margin-top:10px}
.mainVisual .videoArea .txtObj .upperTxtArea .txt{display:none; position:relative; top:50px; text-align: center; font-size:20px; color:#fff; font-family:'Noto Sans KR'; font-weight:300; opacity:0}
.mainVisual .videoArea .txtObj .upperTxtArea .txt span{position:relative; left:30px; opacity:0;}
.mainVisual .iconMouse{position:absolute; bottom:60px; left:50%; transform:translate(-50%, 0); z-index:1; width:24px; height:38px; background:url("../images/mainvisual_mouse.png") no-repeat 0 0;}
.mainVisual .iconMouse:before{content:'SCROLL'; display:block; position:absolute; top:-26px; left:50%; margin-left:-30px; width:60px; font-size:15px; color:#fff; letter-spacing:0px}
.mainVisual .iconMouse .ball{position:absolute; top:8px; left:10px; animation:aniMouse 1s ease-out infinite;}
.bar{position:fixed; bottom:0; left:0; width:100%; height:7px; background:rgba(0, 0, 0, 0.2); z-index:1; display:none}
.bar span{position:absolute; top:0; left:0; width:0; height:7px; background:rgba(192, 215, 21, 0.8);}
@keyframes aniMouse {0%{top:8px;}50%{top:14px;}100%{top:8px;}}
/*.fullpageArea section:nth-child(2){background:url("../images/section2_bg.gif") repeat-y right 0;}*/
section.vision{overflow:hidden;}
.visionAreaBg{position:absolute; top:0; right:-100%; width:610px; height:100%; background:url("../images/section2_bg.gif") repeat-y right 0;}
.visionArea{position:relative; z-index:2; margin:345px 0 0 /*240px*/0;}
.visionArea .txtArea{display:inline-block; position:relative; left:-100%; z-index:2; transition:all 1.2s ease; transition-delay:0.4s}
.visionArea .txtArea.on{left:240px}
.visionArea .title{font-size:30px; line-height:22px; color:#b1c712; font-family:'Noto Sans KR'; font-weight:700; letter-spacing:0.5px; }
.visionArea .title span{display:block}
.visionArea .mTxt{position:absolute; top:50px; left:0; width:760px; font-size:90px; color:#222; font-family:'Noto Sans KR'; font-weight:700; transition:top 0.6s cubic-bezier(.11,.24,.26,1), width 0.6s cubic-bezier(.11,.24,.26,1), font-size 0.6s cubic-bezier(.11,.24,.26,1), color 0.6s cubic-bezier(.11,.24,.26,1); letter-spacing:0}
.visionArea .mTxt.active{top:-65px; left:-10px; width:1060px; font-size:140px; color:#eee;}
.visionArea .txt{padding-top:165px; font-size:20px; color:#555; font-family:'Noto Sans KR'; font-weight:400; line-height:30px;}
.visionArea .btnMore{display:inline-block; margin-top:140px; padding-bottom:1px; font-size:20px; color:#222; font-family:'Noto Sans KR'; font-weight:700; border-bottom:2px solid #222; transition:all 0.2s ease-out; letter-spacing:-2px}
.visionArea .btnMore:hover{color:#b1c712; border-bottom:2px solid #b1c712}
.visionArea .swipeArea{position:absolute; top:35px; left:0;}
.visionArea .swipeArea .swiper-button-prev{display:none; margin-top:0; top:120px; left:50px; z-index:3; width:120px; height:120px; background:url("../images/main_vision_leftBtn.png") no-repeat center rgba(0, 0, 0, 0.5); border-radius:100%}
.visionArea .swipeArea .swiper-button-next{display:none; margin-top:0; top:120px; left:1300px; z-index:3; width:120px; height:120px; background:url("../images/main_vision_rightBtn.png") no-repeat center rgba(0, 0, 0, 0.5); border-radius:100%}
.visionArea .swipeArea .swiper-button-prev:focus, .visionArea .swipeArea .swiper-button-next:focus{outline:none}
.visionArea .swipeArea .swiper-container{padding:0 300px 0 770px; right:0; transition:all 1.2s ease; transition-delay:0.8s}
.visionArea .swipeArea .swiper-container-horizontal > .swiper-pagination-progressbar{top:auto; bottom:0; left:240px; width:calc(100vw - 770px); height:6px;}
.visionArea .swipeArea .swiper-pagination-progressbar{height:6px; background:rgba(0,0,0,0.2);}
.visionArea .swipeArea .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#b1c712;}
.swiper-button-prev.swiper-button-disabled{background:url("../images/main_vision_leftBtn.png") no-repeat center rgba(0, 0, 0, 0.15)}
.swiper-button-next.swiper-button-disabled{background:url("../images/main_vision_rightBtn.png") no-repeat center rgba(0, 0, 0, 0.15)}
.visionArea .swipeArea .swiper-slide{display:block; left:1500px; width:500px !important; height:375px;}
.visionArea .swipeArea .swiper-slide .imgBox{position:relative; width:100%; height:100%; overflow:hidden;}
.visionArea .swipeArea .swiper-slide .imgBox img{transform:translate(-50%, -50%); height:100%; position:absolute; top:50%; left:50%}
.visionArea .swipeArea .swiper-slide .imgBox:before{content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url('../images/main_vision_roll_bg.png') no-repeat center; background-size:cover; z-index:1}
.visionArea .swipeArea .swiper-slide .hover{display:block; position:absolute; top:230px; left:0; z-index:1; padding:50px 50px 70px; width:430px; background:none; transition:all 0.3s ease-out; z-index:2}
.visionArea .swipeArea .swiper-slide .hover .type{font-family:'Noto Sans KR'; font-weight:500; font-size:16px; color:#b1c712; opacity:0; transition:all 0.3s ease-out;}
.visionArea .swipeArea .swiper-slide .hover .tit{position:relative; margin-top:0; font-size:25px; color:#fff; font-family:'Noto Sans KR'; font-weight:700; line-height:32px; transition:all 0.3s ease-out;}
.visionArea .swipeArea .swiper-slide .hover .txt1{opacity:0; position:relative; top:40px; padding-top:0; font-size:18px; line-height:26px; color:rgba(34, 34, 34, 0.7); font-family:'Noto Sans KR'; font-weight:400; padding-bottom:52px; background:url("../images/main_ir_arrowIcon2.png") no-repeat 0 bottom; transition:all 0.3s ease-out;}
.visionArea .swipeArea .swiper-slide .hover.on{top:195px; box-shadow:10px 10px 30px 0px rgba(0,0,0,0.1); background:#fff;}
.visionArea .swipeArea .swiper-slide .hover.on .type{opacity:1}
.visionArea .swipeArea .swiper-slide .hover.on .tit{margin-top:20px; margin-top:0; color:#222;}
.visionArea .swipeArea .swiper-slide .hover.on .txt1{opacity:1; top:22px;}
/*.visionArea .swipeArea .swipe-container{padding-left:300px;}*/
.cultureArea{}
.cultureArea .txtArea{position:relative; z-index:3; padding-top:200px; width:100%; text-align:center;}
.cultureArea .txtArea .tit{font-size:60px; color:#fff; font-family:'Noto Sans KR'; font-weight:700; letter-spacing:0;}
.cultureArea .txtArea .txt{padding-top:40px; font-size:18px; color:#fff; font-family:'Noto Sans KR'; font-weight:300;}
.cultureArea .videoArea{position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.cultureArea .videoArea .quarter{display:flex; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%;}
.cultureArea .videoArea .slideCont{position:relative; z-index:1; width:100%; height:100%;}
.cultureArea .videoArea .slideCont .fp-slidesContainer{position:relative;}
.cultureArea .videoArea .slideCont .fp-slidesContainer .slide:nth-child(1){opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; background:url("../images/mainCultureOverImg4.jpg") no-repeat center 0; background-size:cover;}
.cultureArea .videoArea .slideCont .fp-slidesContainer .slide:nth-child(2){opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; background:url("../images/mainCultureOverImg3.jpg") no-repeat center 0; background-size:cover;}
.cultureArea .videoArea .slideCont .fp-slidesContainer .slide:nth-child(3){opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; background:url("../images/mainCultureOverImg1.jpg") no-repeat center 0; background-size:cover;}
.cultureArea .videoArea .slideCont .fp-slidesContainer .slide:nth-child(4){opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; background:url("../images/mainCultureOverImg2.jpg") no-repeat center 0; background-size:cover;}
.cultureArea .videoArea .slideCont .fp-controlArrow{display:none;}
.cultureArea .videoArea .quarter .list{position:relative; padding-top:550px; width:25%; height:100%; border-left:1px solid rgba(255,255,255,0.2);}
.cultureArea .videoArea .quarter .list:nth-child(1){border-left:0; }
.cultureArea .videoArea .quarter .list:nth-child(1) > a{display:block; position:relative; z-index:1; padding-top:110px; background:url("../images/main_culture_icon1.png") no-repeat center 0;}
.cultureArea .videoArea .quarter .list:nth-child(2) > a{display:block; position:relative; z-index:1; padding-top:110px; background:url("../images/main_culture_icon2.png") no-repeat center 10px;}
.cultureArea .videoArea .quarter .list:nth-child(3) > a{display:block; position:relative; z-index:1; padding-top:110px; background:url("../images/main_culture_icon3.png") no-repeat center 10px;}
.cultureArea .videoArea .quarter .list:nth-child(4) > a{display:block; position:relative; z-index:1; padding-top:110px; background:url("../images/main_culture_icon4.png") no-repeat center 10px;}
.cultureArea .videoArea .quarter .list .mainTxt{text-align:center; font-size:30px; color:#fff; font-family:'Noto Sans KR'; font-weight:700; letter-spacing:0;}
.cultureArea .videoArea .quarter .list .hideObj{display:none; position:relative; text-align:center; opacity:1;}
.cultureArea .videoArea .quarter .list .hideObj .subTxt{padding-top:20px; color:#fff; color:rgba(255,255,255,0.6); line-height:22px;}
.cultureArea .videoArea .quarter .list .hideObj .squreBox{margin-top:45px;}
.cultureArea .videoArea .quarter .list .hideObj .squreBox span{display:inline-block; margin-top:5px; padding:20px 0; width:250px; height:60px; color:#fff; border:1px solid rgba(255,255,255,0.4);}
.cultureArea .videoArea .quarter .list .hideObj .squreBox span:first-child{margin-top:0;}
.cultureArea .videoArea .quarter .list:after{display:block; opacity:0; content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3); transition:all 0.3s ease-out;}
.cultureArea .videoArea .quarter .list.on:after{opacity:1;}
.cultureArea .videoArea:after{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2);}
.cultureArea .videoArea video{position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.mainSection5{background:url("../images/irArea_bg.jpg") no-repeat right 0; background-size:cover;}
.irArea{position:relative; padding-top:180px; width:100%; height:100%;}
.irArea .tit{font-size:60px; color:#fff; font-family:'Noto Sans KR'; font-weight:700; text-align:center; letter-spacing:0;}
.irArea .txt{padding-top:35px; font-size:18px; color:#fff; font-family:'Noto Sans KR'; font-weight:300; text-align:center;}
.irArea .stockArea{margin:60px auto 60px; width:1200px; overflow:hidden;}
.irArea .stockArea .sectL{float:left; overflow:hidden;}
.irArea .stockArea .sectR{float:left; margin-left:28px; overflow:hidden;}
.irArea .stockArea .company{display:block; position:relative; float:left; padding:48px 45px 0 45px; width:380px; height:450px; overflow:hidden;}
.irArea .stockArea .company img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
#wrap .irArea .stockArea .company h3{position:relative; z-index:1; margin-bottom:0; font-size:22px; color:#fff; font-family:'Noto Sans KR'; font-weight:700; text-align:left; line-height:1;}
.irArea .stockArea .company .txt1{position:relative; z-index:1; padding-top:18px; font-size:16px; color:#fff; font-family:'Noto Sans KR'; font-weight:300; line-height:22px;}/* 2019-09-17 수정*/
.irArea .stockArea .stockInfo{float:left; margin-left:32px; padding:48px 40px 0 40px; width:380px; height:450px; background:#fff;}
#wrap .irArea .stockArea .stockInfo h3{padding-left:6px; margin-bottom:0; font-size:22px; color:#222; font-family:'Noto Sans KR'; font-weight:700; text-align:left; line-height:1;}
.irArea .stockArea .stockInfo .stockNum{padding-top:16px; font-size:60px; color:#f11a1a; font-family:'Noto Sans KR'; font-weight:300;}
.irArea .stockArea .stockInfo .btnView{display:inline-block; margin-top:25px; padding:12px 15px; font-size:15px; color:#555; font-family:'Noto Sans KR'; font-weight:500; border:1px solid #ddd; border-radius:50px; transition:all 0.3s ease-out;}
.irArea .stockArea .stockInfo .btnView span{display:inline-block; padding-right:19px; background:url("../images/main_ir_arrowIcon1.png") no-repeat right center;}
.irArea .stockArea .stockInfo .btnView:hover{color:#fff; border:1px solid #b1c712; background:#b1c712;}
.irArea .stockArea .stockInfo .btnView:hover span{background:url("../images/main_ir_arrowIcon1_on.png") no-repeat right center;}
.irArea .stockArea .stockInfo .info{margin-top:70px; padding-top:30px; border-top:1px solid #e5e5e5;}
.irArea .stockArea .stockInfo .info .list{padding-top:18px; overflow:hidden;}
.irArea .stockArea .stockInfo .info .list:nth-child(1){padding-top:0;}
.irArea .stockArea .stockInfo .info .list p{float:left; color:#555; font-family:'Noto Sans KR'; font-weight:300;}
.irArea .stockArea .stockInfo .info .list span{display:block; float:right; font-size:17px; color:#222;}
.irArea .stockArea .stockInfo .info .list span.up{color:#f11a1a;}
.irArea .stockArea .stockInfo .info .list span.down{color:#00959c;}
.irArea .stockArea .announce{display:block; position:relative; padding:40px; width:380px; height:210px; overflow:hidden; background:#fff;}
#wrap .irArea .stockArea .announce h3{margin-bottom:0; font-size:20px; color:#222; font-family:'Noto Sans KR'; font-weight:700; text-align:left; line-height:1;}
.irArea .stockArea .announce .rollBtn{position:absolute; top:40px; right:30px;}
.irArea .stockArea .announce .rollBtn a{display:inline-block; padding:0 15px; width:10px; height:16px;}
.irArea .stockArea .announce .rollBtn a:nth-child(1){background:url("../images/ir_ir_icon1.png") no-repeat center 0;}
.irArea .stockArea .announce .rollBtn a:nth-child(2){background:url("../images/ir_ir_icon2.png") no-repeat center 0;}
.irArea .stockArea .announce .rollCont{position:relative; width:100%; height:100%;}
.irArea .stockArea .announce .rollCont .roll{display:none; position:absolute; top:0; left:0; width:100%;}
.irArea .stockArea .announce .rollCont .roll:first-child{display:block;}
.irArea .stockArea .announce .rollCont .roll:hover .txt1 span{text-decoration:underline; /*background:url('../images/underline_bg1x5.gif') repeat-x left bottom 2px;*/}
.irArea .stockArea .announce .txt1{padding:35px 0 0; font-family:'Noto Sans KR'; font-weight:300; font-size:18px; line-height:26px; color:#222;}
.irArea .stockArea .announce .date{padding-top:20px; color:#888; font-family:'Noto Sans KR'; font-weight:300;}
.irArea .stockArea .report{display:block; position:relative; padding:40px; margin-top:30px; width:380px; height:210px; overflow:hidden; border:2px solid #fff; transition:all 0.3s ease-out;}
#wrap .irArea .stockArea .report h3{margin-bottom:0; font-size:20px; color:#fff; font-family:'Noto Sans KR'; font-weight:700; text-align:left; line-height:1;}
/* 2019-09-17 수정 */
.irArea .stockArea .report .txt1{padding:18px 0 60px; font-size:16px; color:#fff; font-family:'Noto Sans KR'; font-weight:300; line-height:22px; background:url("../images/main_ir_arrowIcon3.png") no-repeat 0 bottom;}
/* // 2019-09-17 수정 */
.irArea .stockArea .report .img{position:absolute; bottom:-160px; right:35px; box-shadow:1px 10px 10px 10px rgba(0,0,0,0.1);}
.irArea .stockArea .report.active{border:2px solid #b4d41b; background:#b4d41b;}
.newsnsArea{position:relative; padding:150px 0 100px; width:100%; }
.newsnsArea .tab{position:relative; margin:auto; width:1200px;}
.newsnsArea .tab .tabBtn{display:inline-block; padding:0 22px; font-size:50px; color:rgba(34,34,34,0.3); font-family:'Noto Sans KR'; font-weight:700; letter-spacing:0;}
.newsnsArea .tab .tabBtn.on{color:rgba(34,34,34,1);}
.newsnsArea .tab .tabBtn.on span{background:url('../images/underline_bg1x10.gif') repeat-x left bottom 4px;}
.newsnsArea .tab .moreBtn{position:absolute; top:20px; right:0; display:inline-block; padding-bottom:2px; font-size:20px; color:#222; font-family:'Noto Sans KR'; font-weight:700; border-bottom:2px solid #222; transition:all 0.2s ease-out; letter-spacing:-2px}
.newsnsArea .tab .moreBtn:hover{color:#b1c712; border-bottom:2px solid #b1c712;}
.newsnsArea .contArea{margin:50px auto 0; width:1200px;}
.newsnsArea .contArea .cont{display:none;}
.newsnsArea .contArea .cont.on{display:block;}
.newsnsArea .contArea .newsArea .list{display:block; position:relative; height:138px; border-bottom:1px solid #e5e5e5; background:#fff; transition:all 0.2s ease-out;}
.newsnsArea .contArea .newsArea .list:after{display:block; content:""; clear:both;}
.newsnsArea .contArea .newsArea .list .txtArea{position:relative; float:left; padding:40px 260px 40px 45px; width:100%;}
.newsnsArea .contArea .newsArea .list .txtArea .gubun{font-size:16px; color:#b1c712; font-weight:500;}
.newsnsArea .contArea .newsArea .list .txtArea .subject{padding-top:13px; font-size:22px; color:#222; font-weight:700; line-height:27px;}
.newsnsArea .contArea .newsArea .list .txtArea .txt{display:none; position:relative; padding-top:22px; font-size:16px; color:#555; font-weight:300; line-height:24px;}
.newsnsArea .contArea .newsArea .list .txtArea .date{position:absolute; top:50%; right:45px; transform:translate(0, -50%); font-size:16px; color:#888; font-weight:300;}
.newsnsArea .contArea .newsArea .list .img{display:none; position:relative; float:right; width:500px; height:100%; opacity:0; top:-1px}
.newsnsArea .contArea .newsArea .list .img .block{position:relative; width:100%; height:100%; overflow:hidden;}
.newsnsArea .contArea .newsArea .list .img img{position:absolute; top:50%; left:50%; z-index:2; transform:translate(-50%, -50%); height:100%;}
.newsnsArea .contArea .newsArea .list.active{z-index:1; height:300px; background:#fbffe6;}
.newsnsArea .contArea .newsArea .list.active .txtArea{padding:45px 70px 45px 45px; width:calc(100% - 520px); height:100%;}
.newsnsArea .contArea .newsArea .list.noImg.active .txtArea{padding:45px 240px 45px 45px; width:100%;}
.newsnsArea .contArea .newsArea .list.active .txtArea .txt{display:block;}
.newsnsArea .contArea .newsArea .list.active .txtArea .date{top:auto; right:auto; bottom:45px; left:45px; padding-top:40px; transform:translate(0, 0);}
.newsnsArea .contArea .newsArea .list.active .img{display:block;}
.newsnsArea .contArea .newsArea .list:nth-child(1){border-top:1px solid #e5e5e5;}
.newsnsArea .contArea .newsArea .list:nth-child(1) .img{opacity:1;}

.newsnsArea .snsContainer{}
.newsnsArea .snsContainer .list{display:block; position:relative; height:187px; border-bottom:1px solid #e5e5e5; background:#fff; transition:all 0.3s ease-out;}
.newsnsArea .snsContainer .list:after{display:block; content:""; clear:both;}
.newsnsArea .snsContainer .list .txtArea{float:left; padding:40px 45px 40px 45px; width:calc(100% - 335px); height:100%}
.newsnsArea .snsContainer .list .txtArea .gubun{font-size:16px; color:#b1c712; font-weight:500;}
.newsnsArea .snsContainer .list .txtArea .subject{padding-top:13px; font-size:22px; color:#222; font-weight:700; line-height:27px;}
.newsnsArea .snsContainer .list .txtArea .date{padding-top:35px; font-size:16px; color:#888; font-weight:300;}
.newsnsArea .snsContainer .list .imgArea{position:relative; float:right; overflow:hidden; width:335px; height:187px; top:-1px}
.newsnsArea .snsContainer .list .imgArea img{height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.newsnsArea .snsContainer .list .imgArea.ytb .icon{position:absolute; top:0; right:0; z-index:1; width:40px; height:40px; background:url("../images/sns_icon_ytb.jpg") no-repeat  0 0;}
.newsnsArea .snsContainer .list .imgArea.fb .icon{position:absolute; top:0; right:0; z-index:1; width:40px; height:40px; background:url("../images/sns_icon_fb.jpg") no-repeat  0 0;}
.newsnsArea .snsContainer .list .imgArea.insta .icon{position:absolute; top:0; right:0; z-index:1; width:40px; height:40px; background:url("../images/sns_icon_insta.jpg") no-repeat  0 0;}
.newsnsArea .snsContainer .list .imgArea .after{display:none; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background:url("../images/main_sns_cross.png") no-repeat center center rgba(191,215,21,0.8);}
.newsnsArea .snsContainer .list.active{background:#fbffe6;}
.newsnsArea .snsContainer .list:nth-child(1){border-top:1px solid #e5e5e5;}
.newsnsArea .snsContainer .list:hover .txtArea .tit span{background:url('../images/underline_bg1x5.gif') repeat-x left bottom 2px}

.newsnsArea .contArea .mediaDiv{position:relative; width:830px; height:520px;}
.newsnsArea .contArea .mediaDiv .floatInfoArea{position:absolute; top:65px; left:670px; z-index:1; padding:60px 70px; width:530px; height:390px; overflow:hidden; box-shadow:0px 20px 50px -10px rgba(0,0,0,0.2); background:#fff;}
.newsnsArea .contArea .mediaDiv .floatInfoArea .txtSlide{display:none; position:absolute; top:60px; left:70px; width:390px;}
.newsnsArea .contArea .mediaDiv .floatInfoArea .txtSlide:nth-child(1){display:block;}
.newsnsArea .contArea .mediaDiv .floatInfoArea .gubun{font-size:18px; color:#b1c712; font-family:'Noto Sans KR'; font-weight:700;}
.newsnsArea .contArea .mediaDiv .floatInfoArea .title{padding-top:20px; font-size:30px; color:#222; font-family:'Noto Sans KR'; font-weight:900; line-height:38px;}
.newsnsArea .contArea .mediaDiv .floatInfoArea .txt{padding-top:25px; font-size:16px; color:#555; font-family:'Noto Sans KR'; font-weight:300; line-height:25px; word-break:keep-all}
/*.newsnsArea .contArea .mediaDiv .floatInfoArea .more{position:absolute; bottom:60px; left:70px; padding-bottom:5px; font-family:'Noto Sans KR'; font-weight:700; font-size:16px; color:#222; border-bottom:2px solid #222}*/
.newsnsArea .contArea .mediaDiv .floatInfoArea .date{padding-top:40px; font-size:16px; color:#888; font-family:'Noto Sans KR'; font-weight:300;}


/* 회사소개 */
.aboutDiv{word-break:keep-all}
.aboutDiv .topBgArea{ padding: 0px 0 80px 0; background: }
.aboutDiv .topTitDiv .tit{position:relative; top:100px; opacity:0; transition:top 0.3s ease, opacity 0.3s ease; letter-spacing:-1.5px}
.aboutDiv .topTitDiv .tit img{vertical-align:text-top}
.aboutDiv .topTitDiv .tit span{display:block}
.aboutDiv .topTitDiv .txt{position:relative; top:100px; font-family:'Noto Sans KR'; font-weight:300; opacity:0; transition:top 0.3s ease, opacity 0.3s ease; transition-delay:0.4s}
.aboutDiv .topTitDiv.active .tit{top:0; opacity:1}
.aboutDiv .topTitDiv.active .txt{top:0; opacity:1}
.aboutDiv .videoDiv{position:relative; margin:70px auto 0; width:1200px; overflow:hidden; z-index:1}
.aboutDiv .videoDiv .bgDiv{position:relative; width:100%; overflow:hidden}
.aboutDiv .videoDiv .bgDiv:before{content:''; display:block; position:absolute; top:0; left:0; width:0; height:100%; z-index:1; background:#bfd715; transition:width 0.3s ease 0.2s, left 0.5s ease 0.7s}
.aboutDiv .videoDiv .bgDiv .video{position:relative; width:100%; height:520px; overflow:hidden; opacity:0; transition:opacity 0s ease 0.6s}
.aboutDiv .videoDiv.active .bgDiv:before{width:100%; left:100%}
.aboutDiv .videoDiv.active .bgDiv .video{opacity:1; cursor:pointer}
.aboutDiv .videoDiv.active .bgDiv .video video{width:100%}
.aboutDiv .visionDiv{position:relative; margin-top:-120px; height:1350px}
.aboutDiv .visionDiv .bg{position:absolute; top:0; left:0; width:100%; height:100%; background:url('../images/aboutDiv_vision_bg.jpg') no-repeat center center; background-size:cover; opacity:0; transition:opacity 0.3s ease; transition-delay:0.1s}
.aboutDiv .visionDiv .title{position:relative; font-size:140px; line-height:98px; color:#222; text-align:center; transition:font-size 0.3s ease, line-height 0.3s ease; transition-delay:0.5s}
.aboutDiv .visionDiv .inner{padding-top:450px; transition:padding-top 0.3s ease; transition-delay:0.3s}
.aboutDiv .visionDiv .inner .txtArea{position:relative; margin:55px auto 0; width:1100px}
.aboutDiv .visionDiv .inner .txtArea p{ font-size:42px; line-height:50px; color:#222; text-align:center; opacity:0; transition:opacity 1s ease; transition-delay:0.4s}
.aboutDiv .visionDiv .inner .txtArea p span{display:block}
.aboutDiv .visionDiv .inner .txtArea:before{content:''; display:block; position:absolute; top:7px; left:450px; width:30px; height:86px; background:url('../images/aboutDiv_vision_left.png') no-repeat; transition:left 0.6s ease}
.aboutDiv .visionDiv .inner .txtArea:after{content:''; display:block; position:absolute; top:7px; right:450px; width:30px; height:86px; background:url('../images/aboutDiv_vision_right.png') no-repeat; transition:right 0.6s ease}
.aboutDiv .visionDiv .inner .listD{margin:75px auto 0; width:1005px}
.aboutDiv .visionDiv .inner .listD:after{content:''; display:block; clear:both}
.aboutDiv .visionDiv .inner .listD > div{position:relative; top:100px; float:left; padding-top:390px; width:480px; height:480px; text-align:center; opacity:0; transition:top 0.3s ease, opacity 0.3s ease}
.aboutDiv .visionDiv .inner .listD > div:nth-child(1){background:url('../images/aboutDiv_vision_list1_bg.jpg') no-repeat center top; background-size:cover; transition-delay:0.7s}
.aboutDiv .visionDiv .inner .listD > div:nth-child(2){margin-left:45px; background:url('../images/aboutDiv_vision_list2_bg.jpg') no-repeat center top; background-size:cover; transition-delay:0.9s}
.aboutDiv .visionDiv .inner .listD > div .tit{font-size:34px; line-height:24px; color:#fff; letter-spacing:0}
.aboutDiv .visionDiv .inner .listD > div.text{margin-top:75px; padding-top:0; width:100%; height:auto; font-family:'Noto Sans KR'; font-weight:300; font-size:22px; line-height:36px; color:#222; opacity:0; transition-delay:1.1s}
.aboutDiv .visionDiv .inner .topD.active .txtArea{opacity:1}
.aboutDiv .visionDiv .inner .topD.active .txtArea:before{left:0}
.aboutDiv .visionDiv .inner .topD.active .txtArea:after{right:0}
.aboutDiv .visionDiv .inner .topD.active .txtArea p{opacity:1; letter-spacing:0}
.aboutDiv .topBgArea.active{background:#f2f7d9}
.aboutDiv .visionDiv.active2 .inner{padding-top:285px}
.aboutDiv .visionDiv.active2 .bg{opacity:1}
.aboutDiv .visionDiv.active2 .title{font-size:35px; line-height:24px; letter-spacing:0}
.aboutDiv .visionDiv.active2 .listD > div:nth-child(1){top:0; opacity:1}
.aboutDiv .visionDiv.active2 .listD > div:nth-child(2){top:0; opacity:1}
.aboutDiv .visionDiv.active2 .listD > div:nth-child(3){top:0; opacity:1}
.aboutDiv .ceoDiv {
    padding: 0px 0 100px 0;
    background: #f6f6f6;}
.aboutDiv .ceoDiv .title{position:relative; top:100px; font-family: 'Noto Sans KR'; font-weight:700; font-size:35px; color:#222; text-align:center; opacity:0; transition:top 0.3s ease, opacity 0.3s ease}
.aboutDiv .ceoDiv .cont{position:relative; margin-top:65px}
.aboutDiv .ceoDiv .cont .rightIcon{position:absolute; top:-155px; right:-180px; width:320px; height:320px; border:6px solid rgba(191, 215, 21, 0.5); opacity:0; transition:opacity 0.3s ease 0.2s; z-index:1}
.aboutDiv .ceoDiv .cont .leftIcon{position:absolute; top:645px; left:150px; width:140px; height:140px; background:rgba(191, 215, 21, 0.8); opacity:0; transition:opacity 0.3s ease 0.6s}
.aboutDiv .ceoDiv .cont .imgArea{position:relative; top:100px; opacity:0; transition:top 0.3s ease, opacity 0.3s ease; transition-delay:0.4s}
.aboutDiv .ceoDiv .cont .imgArea img{width:100%}
.aboutDiv .ceoDiv .cont .tit{position:relative; top:100px; margin:80px 0 45px; font-weight:300; font-size:60px; color:#222; text-align:center; letter-spacing:-1.5px; opacity:0; transition:top 0.3s ease, opacity 0.3s ease; transition-delay:0.8s}
.aboutDiv .ceoDiv .cont .txtArea:after{content:''; display:block; clear:both}
.aboutDiv .ceoDiv .cont .txtArea .floatL{position:relative; top:100px; float:left; width:50%; font-family:'Noto Sans KR'; font-weight:300; font-size:18px; line-height:30px; color:#555; letter-spacing:-0.7px; opacity:0; transition:top 0.3s ease, opacity 0.3s ease; transition-delay:1s}
.aboutDiv .ceoDiv .cont .txtArea .floatL:last-child{padding-left:45px; transition-delay:1.2s}
.aboutDiv .ceoDiv .cont .txtArea .floatL span{display:block; margin-top:32px}
.aboutDiv .ceoDiv .cont .txtArea .floatL span b{font-weight:700; color:#222}
.aboutDiv .ceoDiv .title.active{top:0; opacity:1}
.aboutDiv .ceoDiv .cont.active .rightIcon{opacity:1}
.aboutDiv .ceoDiv .cont.active .leftIcon{opacity:1}
.aboutDiv .ceoDiv .cont.active .imgArea{top:0; opacity:1}
.aboutDiv .ceoDiv .cont.active .tit{top:0; opacity:1}
.aboutDiv .ceoDiv .cont.active .txtArea .floatL{top:0; opacity:1}


/* 2019-12-26 추가 */
.aboutDiv .ceoDiv.ceoTypeA .cont .rightIcon{position:absolute; top:-155px; right:180px; width:320px; height:320px; border:6px solid rgba(191, 215, 21, 0.5); opacity:0; transition:opacity 0.3s ease 0.2s}
.aboutDiv .ceoDiv.ceoTypeA .cont .leftIcon{position:absolute; top:auto; bottom:-72px; left:50%; transform:translate(-35%); width:140px; height:140px; background:rgba(191, 215, 21, 0.8); opacity:0; transition:opacity 0.3s ease 0.6s; z-index:1}
.aboutDiv .ceoDiv.ceoTypeA .cont .tit{position:absolute; top:135px; left:355px; opacity:0; margin:0; font-family: 'Noto Sans KR'; font-size:56px; color:#00abbc; letter-spacing:-2.2px; z-index:1; opacity:0; transition:top 0.3s ease, opacity 0.3s ease; transition-delay:0.4s}
.aboutDiv .ceoDiv.ceoTypeA .cont .contDiv{width:100%;}
.aboutDiv .ceoDiv.ceoTypeA .cont .contDiv:after{content:''; display:block; clear:both;}
.aboutDiv .ceoDiv.ceoTypeA .cont .contDiv .txtArea{position:relative; top:80px; opacity:0; width:50%; padding:159px 35px 0 360px; transition:top 0.3s ease, opacity 0.3s ease; transition-delay:0.6s;}
.aboutDiv .ceoDiv.ceoTypeA .cont .contDiv .txtArea p{font-size:18px; color:#555; font-weight:300; line-height:30px; letter-spacing:-1px; word-break:keep-all;}
.aboutDiv .ceoDiv.ceoTypeA .cont .contDiv .txtArea .last{margin-top:65px;}
.aboutDiv .ceoDiv.ceoTypeA .cont .contDiv .txtArea .last span{display:inline-block; padding-left:5px;font-weight:700; color:#222;}
.aboutDiv .ceoDiv.ceoTypeA .cont .contDiv .img{position:relative; right:-40%; opacity:0; width:calc(50% - 20px); width:-webkit-calc(50% - 20px); height:450px; 
	transition:right 0.7s ease, opacity 0.3s ease; transition-delay:0.6s} /*background:url("../images/aboutDiv_ceoBg.jpg") 0 0 no-repeat #a0a5a0; */
.aboutDiv .ceoDiv.ceoTypeA .cont .contDiv .img img{position:absolute; bottom:0; left:0; top:10px;}
.aboutDiv .ceoDiv.ceoTypeA .cont.active .rightIcon{opacity:1}
.aboutDiv .ceoDiv.ceoTypeA .cont.active .leftIcon{opacity:1}
.aboutDiv .ceoDiv.ceoTypeA .cont.active .tit{top:10px; opacity:1}
.aboutDiv .ceoDiv.ceoTypeA .cont.active .contDiv .txtArea{top:0; opacity:1;}
.aboutDiv .ceoDiv.ceoTypeA .cont.active .contDiv .img{right:0; opacity:1;}
/* // 2019-12-26 추가 */

.aboutDiv .talkCeoDiv{padding:125px 0 130px; color:#fff; text-align:center; background:url('../images/aboutDiv_talkCeoDiv_bg.jpg') no-repeat center; background-size:cover; background-attachment:fixed}
@media all and (-ms-high-contrast:none){
	.aboutDiv .talkCeoDiv{background-attachment:scroll}
}
.aboutDiv .talkCeoDiv .tit{position:relative; top:100px; font-family:'Noto Sans KR'; font-weight:700; font-size:26px; opacity:0; transition:top 0.3s ease, opacity 0.3s ease}
.aboutDiv .talkCeoDiv .txt{    
	position: relative;
    top: 100px;
    font-family: 'Noto Sans KR';
    font-weight: 300;
    font-size: 24px;
    line-height: 36px;
    opacity: 0;
    transition: top 0.3s ease, opacity 0.3s ease;
    transition-delay: 0.3s;}
.aboutDiv .talkCeoDiv .btn{display:block; margin:50px auto 0; width:180px; height:60px; font-weight:700; font-size:18px; line-height:60px; color:#fff; background:#222; border-radius:50px; opacity:1; transition:background 0.3s ease, opacity 1s ease 0.6s}
.aboutDiv .talkCeoDiv .btn:hover{background:#bfd715}
.aboutDiv .talkCeoDiv.active .tit{top:0; opacity:1}
.aboutDiv .talkCeoDiv.active .txt{top:0; opacity:1}
.aboutDiv .talkCeoDiv.active .btn{opacity:1}

.aboutDiv .brandD{padding:0px 0}
.aboutDiv .brandD .sectionTit{top:100px; opacity:0; transition:top 0.3s ease, opacity 0.3s ease}
.aboutDiv .brandD .sectionTxt{top:100px; opacity:0; transition:top 0.3s ease, opacity 0.3s ease}
.aboutDiv .brandD .brandInfo{ margin:70px auto 50px; padding: 50px; background: #f0f0f0;}
.aboutDiv .brandD .brandInfo > div{width:100%}
.aboutDiv .brandD .brandInfo .symbolD:after{content:''; display:block; clear:both}
.aboutDiv .brandD .brandInfo .imgD{float:right; width:50%; text-align:center}
.aboutDiv .brandD .brandInfo .imgD .img{ position:relative; top:100px;  }
.aboutDiv .brandD .brandInfo .imgD .img img{max-width:100%}
.aboutDiv .brandD .brandInfo .imgD .tit{position:relative; margin-top:-36px; font-family:'Noto Sans KR'; font-weight:600; font-size:22px; color:#222;
	border: 2px solid #888; border-radius: 20px; padding: 30px 5px; width: 300px; margin-left: 100px;}

.aboutDiv .brandD .brandInfo .txt{float:left; width:50%; position:relative; margin-top:5px; font-family:'Noto Sans KR'; font-weight:300; font-size:18px; line-height:30px; color:#555; letter-spacing:-0.8px; opacity:0; transition:opacity 0.8s ease; transition-delay:0.5s}
.aboutDiv .brandD .brandInfo .txt span{display:block}
.aboutDiv .brandD .brandInfo .logoD{margin-top:60px; padding-top:60px; border-top:1px solid #e5e5e5}
.aboutDiv .brandD .brandInfo .logoD:after{content:''; display:block; clear:both}
.aboutDiv .brandD .brandInfo .rightD{float:left; width:440px; text-align:center}
.aboutDiv .brandD .brandInfo .colorInfo{position:relative; opacity:0; transition:opacity 0.8s ease; transition-delay:0.5s}
.aboutDiv .brandD .brandInfo .colorInfo:after{content:''; display:block; clear:both}
.aboutDiv .brandD .brandInfo .colorInfo .color{float:left; width:80px; margin-right:40px}
.aboutDiv .brandD .brandInfo .colorInfo .color:last-child{margin-right:0}
.aboutDiv .brandD .brandInfo .colorInfo .color span{display:block; width:80px; height:80px; border-radius:100%}
.aboutDiv .brandD .brandInfo .colorInfo .color:nth-child(1) span{background:#bed732}
.aboutDiv .brandD .brandInfo .colorInfo .color:nth-child(2) span{background:#504b2d}
.aboutDiv .brandD .brandInfo .colorInfo .color:nth-child(3) span{background:#00959c}
.aboutDiv .brandD .brandInfo .colorInfo .color:nth-child(4) span{background:#ce0c47}
.aboutDiv .brandD .brandInfo .colorInfo .color p{margin-top:17px; font-family:'Noto Sans KR'; font-weight:300; font-size:16px; line-height:18px; color:#555}
.aboutDiv .brandD .brandInfo .btnA{margin-top:40px; opacity:0; transition:opacity 0.8s ease; transition-delay:0.5s}
.aboutDiv .brandD.active .sectionTit{top:0; opacity:1}
.aboutDiv .brandD.active .sectionTxt{top:0; opacity:1}
.aboutDiv .brandD.active .brandInfo .imgD .img{position:relative;  top:30px; right:50%; opacity:1;}
.aboutDiv .brandD.active .brandInfo .imgD .tit{opacity:1}
.aboutDiv .brandD.active .brandInfo .txt{opacity:1}
.aboutDiv .brandD.active .brandInfo .colorInfo{opacity:1}
.aboutDiv .brandD.active .brandInfo .btnA{opacity:1}


.aboutDiv .brandD { } /*padding-top:50px*/
.aboutDiv .brandD .infoList{display: flex;}
.aboutDiv .brandD .infoList:after{content:''; display:block; clear:both}
.aboutDiv .brandD .infoList .list{float:left; margin-right:10px; margin-bottom: 15px; padding: 0 25px; width:100%; height:200px; background:#f5f5f5; text-align:center; position: relative; display: flex; align-items: center; justify-content: center;} /*border:1px solid #e5e5e5;*/
/* .aboutDiv .brandD .infoList .list:nth-child(1){padding-top: 70px;}
.aboutDiv .brandD .infoList .list:nth-child(2){padding-top: 46px;}
.aboutDiv .brandD .infoList .list:nth-child(3){padding-top: 70px;}
.aboutDiv .brandD .infoList .list:nth-child(4){padding-top: 70px;}
.aboutDiv .brandD .infoList .list:nth-child(5){padding-top: 46px;}
.aboutDiv .brandD .infoList .list:last-child{padding-top: 70px; margin-right:0}*/
.aboutDiv .brandD .infoList .list .tit{position:relative; /*padding-bottom:50px;*/ font-family:'Noto Sans KR'; font-weight:500; font-size:20px; line-height:24px; color:#666}

/* .aboutDiv .brandD .infoList .list .tit:after{content:'→'; display:block; color: #00abbc; position:absolute; bottom:50%; left:110%; font-size: 38px; margin-left: -10px;} */
/* .aboutDiv .brandD .infoList .list .riskarrow01:after{content:'→'; display:block; color: #00abbc; position:absolute; bottom:56%; left:116%; font-size: 38px; margin-left: -10px;}
.aboutDiv .brandD .infoList .list .riskarrow02:after{content:'→'; display:block; color: #00abbc; position:absolute; bottom:46%; left:116%; font-size: 38px; margin-left: -10px;}
.aboutDiv .brandD .infoList .list .riskarrow03:after{content:'→'; display:block; color: #00abbc; position:absolute; bottom:56%; left:116%; font-size: 38px; margin-left: -10px;}
.aboutDiv .brandD .infoList .list .riskarrow04:after{content:'→'; display:block; color: #00abbc; position:absolute; bottom:56%; left:116%; font-size: 38px; margin-left: -10px;}
.aboutDiv .brandD .infoList .list .riskarrow05:after{content:'→'; display:block; color: #00abbc; position:absolute; bottom:46%; left:116%; font-size: 38px; margin-left: -10px;} */
.aboutDiv .brandD .infoList .list:not(:last-child)::after{content:'→'; display:block; color: #00abbc; position:absolute; top: 50%; right: -20px; transform: translateY(-50%); font-size: 38px; z-index: 1;}

.aboutDiv .brandD .infoList .list .tit span{color:#888}
.aboutDiv .brandD .infoList .list .con{margin-top:40px; font-family:'Noto Sans KR'; font-weight:900; font-size:28px; line-height:20px; color:#222}


.aboutDiv .coreValueD{padding:0 0 80px}
.aboutDiv .coreValueD .sectionTit{top:100px; opacity:0; transition:top 0.3s ease, opacity 0.3s ease}
.aboutDiv .coreValueD .listDiv{padding:0 40px; }
.aboutDiv .coreValueD .listDiv:after{content:''; display:block; clear:both}
.aboutDiv .coreValueD .listDiv .list{position:relative; top:100px; float:left; padding-top:135px; width:208px; font-family:'Noto Sans KR'; font-weight:500; font-size:18px; line-height:26px; color:#555; text-align:center; opacity:0; transition:top 0.7s ease, opacity 0.7s eas;  } /*border: 1px solid #bbb;*/
.aboutDiv .coreValueD .listDiv .list span { font-weight:300; font-size:16px; line-height:22px; }
.aboutDiv .coreValueD .listDiv .list:nth-child(1){background:url('../images/company_icon1.png') no-repeat #fff center 20px; margin-right: 20px; padding-bottom: 40px;}
.aboutDiv .coreValueD .listDiv .list:nth-child(2){background:url('../images/company_icon2.png') no-repeat #fff center 20px; margin-right: 20px; padding-bottom: 40px;}
.aboutDiv .coreValueD .listDiv .list:nth-child(3){background:url('../images/company_icon3.png') no-repeat #fff center 20px; margin-right: 20px; padding-bottom: 40px;}
.aboutDiv .coreValueD .listDiv .list:nth-child(4){background:url('../images/company_icon4.png') no-repeat #fff center 20px; margin-right: 20px; padding-bottom: 40px;}
.aboutDiv .coreValueD .listDiv .list:nth-child(5){background:url('../images/company_icon5.png') no-repeat #fff center 20px; padding-bottom: 18px; }
.aboutDiv .coreValueD .listDiv .list span{display:block}
.aboutDiv .coreValueD.active .sectionTit{top:0; opacity:1}
.aboutDiv .coreValueD.active .sectionTxt{top:0; opacity:1}
.aboutDiv .coreValueD.active .listDiv .list{top:0; opacity:1}

.cultureDiv{}
.cultureDiv .placeD .listDiv{position:relative; margin-top:75px}
.cultureDiv .placeD .listDiv .list{padding:260px 0; height:960px; text-align:center}
.cultureDiv .placeD .listDiv .list:nth-child(1){background:url('../images/cultureD_placeD_bg1.jpg') no-repeat center top; background-size:cover; background-attachment:fixed}
.cultureDiv .placeD .listDiv .list:nth-child(2){background:url('../images/cultureD_placeD_bg2.jpg') no-repeat center top; background-size:cover; background-attachment:fixed}
.cultureDiv .placeD .listDiv .list:nth-child(3){background:url('../images/cultureD_placeD_bg3.jpg') no-repeat center top; background-size:cover; background-attachment:fixed}
.cultureDiv .placeD .listDiv .fixBox{position:absolute; top:260px; left:50%; margin-left:-270px; width:540px; height:440px; background:rgba(255, 255, 255, 0.95); overflow:hidden}
.cultureDiv .placeD .listDiv .fixBox .scrollText{position:relative; top:-260px; width:100%}
.cultureDiv .placeD .listDiv .fixBox .scrollText .text{position:relative; width:100%; height:960px}
.cultureDiv .placeD .listDiv .fixBox .scrollText .text .txtArea{position:absolute; top:50%; transform:translateY(-50%); left:0; padding:0 65px; width:100%; text-align:center; word-break:keep-all}
.cultureDiv .placeD .listDiv .fixBox .scrollText .text .txtArea .tit{font-family:'Noto Sans KR'; font-weight:100; font-size:60px; color:#222}
.cultureDiv .placeD .listDiv .fixBox .scrollText .text .txtArea .txt{margin-top:30px; font-family:'Noto Sans KR'; font-weight:300; font-size:18px; line-height:30px; color:#555}
@media all and (-ms-high-contrast:none){
	.cultureDiv .placeD .listDiv .list:nth-child(1){background-attachment:scroll}
	.cultureDiv .placeD .listDiv .list:nth-child(2){background-attachment:scroll}
	.cultureDiv .placeD .listDiv .list:nth-child(3){background-attachment:scroll}
}
.cultureDiv .welfareD{padding-top:160px}
.cultureDiv .welfareD .sectionTit{top:100px; opacity:0; transition:top 0.3s ease, opacity 0.3s ease}
.cultureDiv .welfareD .sectionTxt{top:100px; opacity:0; transition:top 0.3s ease, opacity 0.3s ease; transition-delay:0.2s}
.cultureDiv .welfareD .listDiv{margin-top:75px}
.cultureDiv .welfareD .listDiv:after{content:''; display:block; clear:both}
.cultureDiv .welfareD .listDiv .list{position:relative; top:100px; float:left; width:25%; opacity:0; transition:top 0.3s ease, opacity 0.3s ease}
.cultureDiv .welfareD .listDiv .list:nth-child(1){transition-delay:0.5s}
.cultureDiv .welfareD .listDiv .list:nth-child(2){transition-delay:0.8s}
.cultureDiv .welfareD .listDiv .list:nth-child(3){transition-delay:0.9s}
.cultureDiv .welfareD .listDiv .list:nth-child(4){transition-delay:1.1s}
.cultureDiv .welfareD .listDiv .list .thumb img{width:100%}
.cultureDiv .welfareD .listDiv .list .txtArea{padding:50px 50px 0}
.cultureDiv .welfareD .listDiv .list .txtArea .tit{font-weight:900; font-size:20px; color:#222}
.cultureDiv .welfareD .listDiv .list .txtArea .txt{margin-top:25px; width:300px; font-family:'Noto Sans KR'; font-weight:300; font-size:18px; line-height:30px; color:#555; word-break:keep-all}
.cultureDiv .welfareD.active .sectionTit{top:0; opacity:1}
.cultureDiv .welfareD.active .sectionTxt{top:0; opacity:1}
.cultureDiv .welfareD.active .listDiv .list{top:0; opacity:1}
.cultureDiv .educationD{padding-top:155px}
.cultureDiv .educationD .sectionTit{top:100px; opacity:0; transition:top 0.3s ease, opacity 0.3s ease}
.cultureDiv .educationD .sectionTxt{top:100px; opacity:0; transition:top 0.3s ease, opacity 0.3s ease; transition-delay:0.2s}
.cultureDiv .educationD .listDiv{padding-bottom:140px; margin-top:75px; background:#f5f5f5}
.cultureDiv .educationD .listDiv .list{margin-bottom:100px}
.cultureDiv .educationD .listDiv .list:last-child{margin-bottom:0}
.cultureDiv .educationD .listDiv .list:nth-child(2n-1){text-align:left}
.cultureDiv .educationD .listDiv .list:nth-child(2n){text-align:right}
.cultureDiv .educationD .listDiv .list .thumb{position:relative; top:100px; display:inline-block; width:calc(50% + 232px); width:-webkit-calc(50% + 232px); opacity:0; transition:top 0.3s ease, opacity 0.3s ease}
.cultureDiv .educationD .listDiv .list .thumb img{width:100%}
.cultureDiv .educationD .listDiv .list .txtArea{position:absolute; bottom:-100px; padding:80px; width:600px; height:480px; background:#fff; word-break:keep-all; text-align:left; opacity:0; transition:bottom 0.3s ease, opacity 0.3s ease; transition-delay:0.3s}
.cultureDiv .educationD .listDiv .list .txtArea .tit{font-family:'Noto Sans KR'; font-weight:100; font-size:60px; line-height:72px; color:#333; letter-spacing:-2px}
.cultureDiv .educationD .listDiv .list .txtArea .txt{margin-top:20px; font-family:'Noto Sans KR'; font-weight:300; font-size:18px; line-height:30px; color:#555}
.cultureDiv .educationD .listDiv .list:nth-child(2n-1) .thumb{}
.cultureDiv .educationD .listDiv .list:nth-child(2n) .thumb{}
.cultureDiv .educationD .listDiv .list .guideD{position:relative; width:1200px; margin:0 auto}
.cultureDiv .educationD .listDiv .list:nth-child(2n-1) .txtArea{right:0}
.cultureDiv .educationD .listDiv .list:nth-child(2n) .txtArea{left:0}
.cultureDiv .educationD.active .sectionTit{top:0; opacity:1}
.cultureDiv .educationD.active .sectionTxt{top:0; opacity:1}
.cultureDiv .educationD .listDiv .list.active .thumb{top:0; opacity:1}
.cultureDiv .educationD .listDiv .list.active .txtArea{bottom:0; opacity:1}
.cultureDiv .workWayD{padding-top:160px}
.cultureDiv .workWayD .sectionTit{top:100px; opacity:0; transition:top 0.3s ease, opacity 0.3s ease}
.cultureDiv .workWayD .sectionTxt{top:100px; opacity:0; transition:top 0.3s ease, opacity 0.3s ease; transition-delay:0.2s}
.cultureDiv .workWayD .listDiv{margin:75px auto 0}
.cultureDiv .workWayD .listDiv:after{content:''; display:block; clear:both}
.cultureDiv .workWayD .listDiv .list{position:relative; top:100px; float:left; width:33.33%; opacity:0; transition:top 0.3s ease, opacity 0.3s ease}
.cultureDiv .workWayD .listDiv .list:nth-child(1){transition-delay:0.5s}
.cultureDiv .workWayD .listDiv .list:nth-child(2){transition-delay:0.7s}
.cultureDiv .workWayD .listDiv .list:nth-child(3){transition-delay:0.9s}
.cultureDiv .workWayD .listDiv .list .thumb img{width:100%}
.cultureDiv .workWayD .listDiv .list .txtArea{padding:50px 50px 0}
.cultureDiv .workWayD .listDiv .list .txtArea .tit{font-size:20px; color:#222}
.cultureDiv .workWayD .listDiv .list .txtArea .txt{margin-top:25px; font-family:'Noto Sans KR'; font-weight:300; font-size:18px; line-height:30px; color:#555; word-break:keep-all}
.cultureDiv .workWayD .listDiv .list .txtArea .txt span{display:block}
.cultureDiv .workWayD.active .sectionTit{top:0; opacity:1}
.cultureDiv .workWayD.active .sectionTxt{top:0; opacity:1}
.cultureDiv .workWayD.active .listDiv .list{top:0; opacity:1}


.businessDiv .symbolDiv .img{width:100%; text-align:center;}
.businessDiv .img img {max-width: 100%;}
.businessDiv{word-break:keep-all;}
.businessDiv .brandD{padding:0 0 140px;}
.businessDiv .brandD .sectionTit{top:100px; opacity:0; transition:top 0.3s ease, opacity 0.3s ease}
.businessDiv .brandD .brandInfo{margin:70px auto 0}
.businessDiv .brandD .brandInfo > div{width:100%}
.businessDiv .brandD .brandInfo .symbolD:after{content:''; display:block; clear:both}
.businessDiv .brandD .brandInfo .imgD{float:left; width:50%; text-align:center}
.businessDiv .brandD .brandInfo .imgD .img{position:relative; top:100px; opacity:0; transition:top 0.3s ease, opacity 1s ease}
.businessDiv .brandD .brandInfo .imgD .img img{max-width:100%}
.businessDiv .brandD .brandInfo .imgD .tit{position:relative; margin-top:30px; font-family:'Noto Sans KR'; font-weight:700; font-size:24px; color:#222; opacity:0; transition:opacity 0.8s ease; transition-delay:0.5s}
.businessDiv .brandD .brandInfo .txt{float:left; width:50%; position:relative; margin-top:5px; font-family:'Noto Sans KR'; font-weight:300; font-size:18px; line-height:30px; color:#555; letter-spacing:-0.8px; opacity:0; transition:opacity 0.8s ease; transition-delay:0.5s}
.businessDiv .brandD .brandInfo .txt span{display:block}
.businessDiv .brandD .brandInfo .logoD{margin-top:60px; padding-top:60px; border-top:1px solid #e5e5e5}
.businessDiv .brandD .brandInfo .logoD:after{content:''; display:block; clear:both}
.businessDiv .brandD .brandInfo .rightD{float:left; width:440px; text-align:center}
.businessDiv .brandD .brandInfo .colorInfo{position:relative; opacity:0; transition:opacity 0.8s ease; transition-delay:0.5s}
.businessDiv .brandD .brandInfo .colorInfo:after{content:''; display:block; clear:both}
.businessDiv .brandD .brandInfo .colorInfo .color{float:left; width:80px; margin-right:40px}
.businessDiv .brandD .brandInfo .colorInfo .color:last-child{margin-right:0}
.businessDiv .brandD .brandInfo .colorInfo .color span{display:block; width:80px; height:80px; border-radius:100%}
.businessDiv .brandD .brandInfo .colorInfo .color:nth-child(1) span{background:#bed732}
.businessDiv .brandD .brandInfo .colorInfo .color:nth-child(2) span{background:#504b2d}
.businessDiv .brandD .brandInfo .colorInfo .color:nth-child(3) span{background:#00959c}
.businessDiv .brandD .brandInfo .colorInfo .color:nth-child(4) span{background:#ce0c47}
.businessDiv .brandD .brandInfo .colorInfo .color p{margin-top:17px; font-family:'Noto Sans KR'; font-weight:300; font-size:16px; line-height:18px; color:#555}
.businessDiv .brandD .brandInfo .btnA{margin-top:40px; opacity:0; transition:opacity 0.8s ease; transition-delay:0.5s}
.businessDiv .brandD.active .sectionTit{top:0; opacity:1}
.businessDiv .brandD.active .brandInfo .imgD .img{top:0; opacity:1}
.businessDiv .brandD.active .brandInfo .imgD .tit{opacity:1}
.businessDiv .brandD.active .brandInfo .txt{opacity:1}
.businessDiv .brandD.active .brandInfo .colorInfo{opacity:1}
.businessDiv .brandD.active .brandInfo .btnA{opacity:1}
.businessDiv .coreValueD{padding:0 0 140px}
.businessDiv .coreValueD .sectionTit{top:100px; opacity:0; transition:top 0.3s ease, opacity 0.3s ease}
.businessDiv .coreValueD .listDiv{padding:0 80px; margin:70px auto 0;}
.businessDiv .coreValueD .listDiv:after{content:''; display:block; clear:both}
.businessDiv .coreValueD .listDiv .list{position:relative; top:100px; float:left; padding-top:135px; width:208px; font-family:'Noto Sans KR'; font-weight:300; font-size:18px; line-height:26px; color:#555; text-align:center; opacity:0; transition:top 0.7s ease, opacity 0.7s ease}
.businessDiv .coreValueD .listDiv .list:nth-child(1){background:url('../images/coreValue_icon1.png') no-repeat center top; transition-delay:0.3s}
.businessDiv .coreValueD .listDiv .list:nth-child(2){background:url('../images/coreValue_icon2.png') no-repeat center top; transition-delay:0.4s}
.businessDiv .coreValueD .listDiv .list:nth-child(3){background:url('../images/coreValue_icon3.png') no-repeat center top; transition-delay:0.5s}
.businessDiv .coreValueD .listDiv .list:nth-child(4){background:url('../images/coreValue_icon4.png') no-repeat center top; transition-delay:0.6s}
.businessDiv .coreValueD .listDiv .list:nth-child(5){background:url('../images/coreValue_icon5.png') no-repeat center top; transition-delay:0.7s}
.businessDiv .coreValueD .listDiv .list span{display:block}
.businessDiv .coreValueD.active .sectionTit{top:0; opacity:1}
.businessDiv .coreValueD.active .sectionTxt{top:0; opacity:1}
.businessDiv .coreValueD.active .listDiv .list{top:0; opacity:1}
.businessDiv .businessMapD{padding:140px 0; background:#f6f6f6}
.businessDiv .businessMapD .sectionTit{top:100px; opacity:0; transition:top 0.3s ease, opacity 0.3s ease}
.businessDiv .businessMapD .sectionTxt{top:100px; opacity:0; transition:top 0.3s ease, opacity 0.3s ease; transition-delay:0.2s}
.businessDiv .businessMapD .img{position:relative; top:100px; margin-top:95px; opacity:0; transition:top 0.3s ease, opacity 0.3s ease; transition-delay:0.4s}
.businessDiv .businessMapD .img img{max-width:100%}
.businessDiv .businessMapD.active .sectionTit{top:0; opacity:1}
.businessDiv .businessMapD.active .sectionTxt{top:0; opacity:1}
.businessDiv .businessMapD.active .img{top:0; opacity:1}
.businessDiv .sellChannelD{padding:140px 0; margin:160px auto 0; width:1200px; height:640px; background:url('../images/sellChannel_bg.jpg') no-repeat center top; transition:width 0.3s ease, height 0.3s ease; transition-delay:0.2s}
.businessDiv .sellChannelD .sectionTit{top:100px; opacity:0; transition:top 0.3s ease, opacity 0.3s ease; transition-delay:0.4s}
.businessDiv .sellChannelD .topList{position:relative; margin-top:70px; width:100%; height:265px}
.businessDiv .sellChannelD .topList .list{position:absolute; top:100px; width:400px; text-align:center; opacity:0; transition:top 0.6s ease, opacity 0.6s ease}
.businessDiv .sellChannelD .topList .list:nth-child(1){left:0; transition-delay:0.6s}
.businessDiv .sellChannelD .topList .list:nth-child(2){left:400px; transition-delay:0.7s}
.businessDiv .sellChannelD .topList .list:nth-child(3){left:800px; transition-delay:0.8s}
.businessDiv .sellChannelD .topList .list .type{font-family:'Noto Sans KR'; font-weight:700; font-size:20px; color:#fff}
.businessDiv .sellChannelD .topList .list .text{margin-top:30px; font-family:'Noto Sans KR'; font-size:20px; color:rgba(255, 255, 255, 0.6)}
.businessDiv .sellChannelD .topList .list .text span{display:inline-block; font-size:72px; line-height:50px; color:#fff; letter-spacing:-2.5px}
.businessDiv .sellChannelD .topList .list .img{margin-top:40px}
.businessDiv .sellChannelD .bottomList:after{content:''; display:block; clear:both}
.businessDiv .sellChannelD .bottomList .list{position:relative; top:100px; float:left; width:400px; opacity:0; transition:top 0.6s ease, opacity 0.6s ease}
.businessDiv .sellChannelD .bottomList .list:nth-child(1){transition-delay:0.1s}
.businessDiv .sellChannelD .bottomList .list:nth-child(2){transition-delay:0.3s}
.businessDiv .sellChannelD .bottomList .list:nth-child(3){transition-delay:0.5s}
.businessDiv .sellChannelD .bottomList .list .img{width:400px; overflow:hidden}
.businessDiv .sellChannelD .bottomList .list .tit{margin-top:50px; font-family:'Noto Sans KR'; font-weight:700; font-size:24px; color:#fff}
.businessDiv .sellChannelD .bottomList .list .txt{margin-top:25px; padding-right:30px; font-family:'Noto Sans KR'; font-weight:300; font-size:18px; line-height:30px; color:#fff}
.businessDiv .sellChannelD.active{width:100%; height:1120px}
.businessDiv .sellChannelD.active .sectionTit{top:0; opacity:1}
.businessDiv .sellChannelD.active .topList .list{top:0; opacity:1}
.businessDiv .sellChannelD .bottomList.active .list{top:0; opacity:1}
.businessDiv .coreAbilityD{padding-top:0;}
.businessDiv .coreAbilityD .sectionTit{top:100px; opacity:0; transition:top 0.3s ease, opacity 0.3s ease}
.businessDiv .coreAbilityD .listDiv{position:relative; margin:25px auto 0; width:700px; height:640px; }
.businessDiv .coreAbilityD .listDiv:before{content:''; display:block; position:absolute; top:0; left:0;  width:100%; height:100%; background:url('../images/core_ability_bg.png') no-repeat center; opacity:0; transition:all 1.2s ease; transition-delay:0.2s}
.businessDiv .coreAbilityD .listDiv:after{content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url('../images/core_ability_center.png') no-repeat center; opacity:0; transition:opacity 2s ease; transition-delay:1.4s}
.businessDiv .coreAbilityD .listDiv .list{position:absolute; top:50px; margin:0 50%; width:0; height:105%; z-index:1; opacity:0; transition:top 0.5s ease, opacity 0.5s ease}
.businessDiv .coreAbilityD .listDiv .list .txtArea{display:table; position:absolute; left:50%; bottom:98%; width:130px; height:52px; text-align:center}
.businessDiv .coreAbilityD .listDiv .list .txtArea .tit{font-family:'Noto Sans KR'; font-weight:700; font-size:20px; line-height:28px; color:#222}
.businessDiv .coreAbilityD .listDiv .list .txtArea .tit span{display:block;}
.businessDiv .coreAbilityD .listDiv .list .txtArea .txt{margin-top:12px; font-family:'Noto Sans KR'; font-weight:300; font-size:16px; color:#999}
.businessDiv .coreAbilityD .listDiv .list:nth-child(1){transform:rotate(275deg); transition-delay:0.6s}
.businessDiv .coreAbilityD .listDiv .list:nth-child(1) .txtArea{transform:translateX(-50%) rotate(-275deg)}
.businessDiv .coreAbilityD .listDiv .list:nth-child(2){transform:rotate(235deg); transition-delay:0.75s}
.businessDiv .coreAbilityD .listDiv .list:nth-child(2) .txtArea{transform:translateX(-50%) rotate(-235deg)}
.businessDiv .coreAbilityD .listDiv .list:nth-child(3){transform:rotate(180deg); transition-delay:0.9s}
.businessDiv .coreAbilityD .listDiv .list:nth-child(3) .txtArea{transform:translateX(-50%) rotate(-180deg); bottom:95%}
.businessDiv .coreAbilityD .listDiv .list:nth-child(4){transform:rotate(125deg); transition-delay:1.05s}
.businessDiv .coreAbilityD .listDiv .list:nth-child(4) .txtArea{transform:translateX(-50%) rotate(-125deg)}
.businessDiv .coreAbilityD .listDiv .list:nth-child(5){transform:rotate(85deg); transition-delay:1.2s}
.businessDiv .coreAbilityD .listDiv .list:nth-child(5) .txtArea{transform:translateX(-50%) rotate(-85deg); bottom:100%}
.businessDiv .coreAbilityD .infoDiv:after{content:''; display:block; clear:both;}
.businessDiv .coreAbilityD .infoDiv{margin:120px auto 0}
.businessDiv .coreAbilityD .infoDiv .list{display:table; position:relative; top:100px; padding:45px 0; width:100%; opacity:0; transition:top 0.3s ease, opacity 0.3s ease; border-bottom:1px solid #e5e5e5}
.businessDiv .coreAbilityD .infoDiv .list:after{content:''; display:block; clear:both}
.businessDiv .coreAbilityD .infoDiv .list:nth-child(1){transition-delay:2.4s; border-top:1px solid #e5e5e5}
.businessDiv .coreAbilityD .infoDiv .list:nth-child(2){transition-delay:2.5s}
.businessDiv .coreAbilityD .infoDiv .list:nth-child(3){transition-delay:2.6s}
.businessDiv .coreAbilityD .infoDiv .list:nth-child(4){transition-delay:2.7s}
.businessDiv .coreAbilityD .infoDiv .list:nth-child(5){transition-delay:2.8s}
.businessDiv .coreAbilityD .infoDiv .list .tit{display:table-cell; padding:0 70px 0 40px; width:360px; font-family:'Noto Sans KR'; font-weight:700; font-size:24px; line-height:30px; color:#9db900; vertical-align:middle}
.businessDiv .coreAbilityD .infoDiv .list .txt{display:table-cell; padding-right:80px; width:calc(100% - 360px); width:-webkit-calc(100% - 360px); font-family:'Noto Sans KR'; font-weight:300; font-size:18px; line-height:30px; color:#555; vertical-align:middle}
.businessDiv .coreAbilityD.active .sectionTit{top:0; opacity:1}
.businessDiv .coreAbilityD.active .listDiv:before{transform:rotate(0deg); opacity:1}
.businessDiv .coreAbilityD.active .listDiv .list{top:0; opacity:1}
.businessDiv .coreAbilityD.active .listDiv:after{opacity:1}
.businessDiv .coreAbilityD.active .list{top:0; opacity:1}
.businessDiv .countryD{position:relative; padding-top:160px}
.businessDiv .countryD .sectionTit{top:100px; opacity:0; transition:top 0.3s ease, opacity 0.3s ease}
.businessDiv .countryD .sectionTxt{top:100px; opacity:0; transition:top 0.3s ease, opacity 0.3s ease}
.businessDiv .countryD .title span{display:block}
.businessDiv .countryD .mapDiv{margin-top:80px; background:url('../images/country_map_back.png') no-repeat center top}
.businessDiv .countryD .mapDiv .mapImg{margin:0 auto; width:1200px; opacity:0; transition:opacity 2s ease; transition-delay:0.3s}
.businessDiv .countryD .mapDiv .mapImg img{max-width:100%}
.businessDiv .countryD .mapDiv .mapImg img:first-child{display:inline}
.businessDiv .countryD .mapDiv .mapImg img:last-child{display:none}
.businessDiv .countryD .box1{position:absolute; top:-170px; right:-170px; width:80px; height:80px; background:rgba(191, 215, 21, 0.6)}
.businessDiv .countryD .box2{position:absolute; top:-120px; right:-380px; width:240px; height:240px; border:6px solid rgba(191, 215, 21, 0.4)}
.businessDiv .countryD .box3{position:absolute; top:760px; left:-260px; width:160px; height:160px; background:rgba(191, 215, 21, 0.4)}
.businessDiv .countryD.active .sectionTit{top:0; opacity:1}
.businessDiv .countryD.active .sectionTxt{top:0; opacity:1}
.businessDiv .countryD.active .mapDiv .mapImg{opacity:1}
.businessDiv .enterD{  padding-bottom: 120px;}
.businessDiv .enterD .sectionTit{top:100px; opacity:0; transition:top 0.3s ease, opacity 0.3s ease}
.businessDiv .enterD .sectionTxt{top:100px; opacity:0; transition:top 0.3s ease, opacity 0.3s ease; transition-delay:0.2s}
.businessDiv .enterD .topLinkD{margin:75px auto 0; height:240px}
.businessDiv .enterD .topLinkD:after{content:''; display:block; clear:both}
.businessDiv .enterD .topLinkD .linkD{position:relative; top:100px; float:left; padding:45px 50px; width:400px; height:240px; opacity:0}
.businessDiv .enterD .topLinkD .linkD:nth-child(1){background:url('../images/enterD_img1.jpg')  no-repeat center; background-size:100%; transition:background-size 0.3s ease, top 0.6s ease 0.4s, opacity 0.6s ease 0.4s}
.businessDiv .enterD .topLinkD .linkD:nth-child(2){background:url('../images/enterD_img2.jpg')  no-repeat center; background-size:100%; transition:background-size 0.3s ease, top 0.6s ease 0.5s, opacity 0.6s ease 0.5s}
.businessDiv .enterD .topLinkD .linkD:nth-child(3){background:url('../images/enterD_img3.jpg')  no-repeat center; background-size:100%; transition:background-size 0.3s ease, top 0.6s ease 0.6s, opacity 0.6s ease 0.6s}
.businessDiv .enterD .topLinkD .linkD .tit{width:200px; font-family:'Noto Sans KR'; font-weight:300; font-size:30px; line-height:40px; color:#fff}
.businessDiv .enterD .topLinkD .linkD span{position:absolute; bottom:-50px; left:50px; transition:bottom 0.3s ease}
.businessDiv .enterD .topLinkD .linkD:hover{background-size:110%}
.businessDiv .enterD .topLinkD .linkD:hover span{bottom:50px}
.businessDiv .enterD .topLinkD .linkD:nth-child(3) span{padding-bottom:12px;  font-size:14px; color:#fff; border-bottom:1px solid #fff}
.businessDiv .enterD .processD{margin-top:0px}
.businessDiv .enterD .processD .subTitD{top:100px; opacity:0; transition:top 0.3s ease, opacity 0.3s ease}
.businessDiv .enterD .processD .listDiv{margin-top:0px; margin-bottom: 100px; height:200px}
.businessDiv .enterD .processD .listDiv:after{content:''; display:block; clear:both}
.businessDiv .enterD .processD .listDiv .list{position:relative; top:100px; display:table; float:left; margin-right:36px; width:210px; height:210px; background: #00abbc; border-radius:100%;  text-align:center;} 
.businessDiv .enterD .processD .listDiv .list:last-child{margin-right:0}
.businessDiv .enterD .processD .listDiv .list:last-child:after{display:none}

.businessDiv .enterD .processD .listDiv .list p { position: absolute; top: 230px; left:0px; line-height: 24px; padding: 0 14px;}
.businessDiv .enterD .processD .listDiv .list p > span {font-weight: 500; color: #00abbc; display: inline; font-size:16px; vertical-align:top; line-height:24px; }
.businessDiv .enterD .processD .listDiv .list span{display:table-cell; font-family:'Noto Sans KR'; font-weight:500; font-size:18px; line-height:30px; color:#fff; vertical-align:middle}
.businessDiv .enterD .faqD{margin-top:60px}
.businessDiv .enterD .faqD .subTitD{top:100px; opacity:0; transition:top 0.3s ease, opacity 0.3s ease}
.businessDiv .enterD .faqD .faqDiv{position:relative; top:100px; margin-top:20px; opacity:0; transition:top 0.3s ease, opacity 0.3s ease; transition-delay:0.2s}
.businessDiv .enterD.active .sectionTit{top:0; opacity:1}
.businessDiv .enterD.active .sectionTxt{top:0; opacity:1}
.businessDiv .enterD.active .topLinkD .linkD{top:0; opacity:1}
.businessDiv .enterD .processD.active .subTitD{top:0; opacity:1}
.businessDiv .enterD .processD.active .list{top:0; opacity:1}
.businessDiv .enterD .faqD.active .subTitD{top:0; opacity:1}
.businessDiv .enterD .faqD.active .faqDiv{top:0; opacity:1}

/* 포트폴리오 */
.dot_list li {font-size: 15px;line-height: 26px;margin-bottom: 8px;color: #646464;position: relative;padding-left: 10px;}
.dot_list li span { color: #da0000; font-weight: 600;}
.dot_list li:before {content:'';position: absolute;width: 2px;height: 2px;background-color: #464a8a;left: 0;top: 12px;}
.dot_list li:last-child {margin-bottom: 0;}
.dot_list.type2 li {margin-bottom: 2px;}
.careerList {font-size: 0;
width: 100%;
width: calc(100% + 100px);
width: -webkit-calc(100% + 100px);
width: -moz-calc(100% + 100px);
margin-left: -50px;
}
.careerList > li {display: inline-block;vertical-align: top;width: 33.3333333%;box-sizing:border-box;padding: 0 50px;margin-bottom: 56px;
opacity: 0; transform:translateY(30px);-webkit-transform:translateY(30px);transition:all .8s cubic-bezier(.71,.29,.27,.94);-webkit-transition:all .8s cubic-bezier(.71,.29,.27,.94);
}
.careerList > li .icon_box {background-repeat: no-repeat;background-position: center center;padding-top: 80%;background-color: #fafafa;
transition:all .8s cubic-bezier(.71,.29,.27,.94);-webkit-transition:all .8s cubic-bezier(.71,.29,.27,.94);
-webkit-background-size: 0;
background-size: 0;
}
.careerList > li.active .icon_box {-webkit-background-size: 100%; background-size: 100%;}

.careerList > li .txt_box {margin-top: 39px;}
.careerList > li .txt_box strong {display: block;font-size: 20px;line-height: 34px;margin-bottom: 17px;}
.careerList > li.careerList1 .icon_box{background-image: url(../../images/thumb_portfolio.jpg);}
.careerList > li.careerList2 .icon_box{background-image: url(../../images/thumb_portfolio.jpg);}
.careerList > li.careerList3 .icon_box{background-image: url(../../images/thumb_portfolio.jpg);}

.careerList > li.active {opacity: 1; transform:translateY(0);-webkit-transform:translateY(0);}
.careerList > li.careerList1 {transition-delay:0;-webkit-transition-delay:0;} 
.careerList > li.careerList2 {transition-delay:.2s;-webkit-transition-delay:.2s;} 
.careerList > li.careerList3 {transition-delay:.4s;-webkit-transition-delay:.4s;} 
.careerList > li.careerList4 {transition-delay:0;-webkit-transition-delay:0;} 
.careerList > li.careerList5 {transition-delay:.2s;-webkit-transition-delay:.2s;} 
.careerList > li.careerList6 {transition-delay:.4s;-webkit-transition-delay:.4s;} 
	


/* 미디어센터 */
.newsListDiv{margin:80px auto 0}
.newsListDiv:after{content:''; display:block; clear:both}
.newsListDiv .list{float:left; margin-right:30px; width:380px}
.newsListDiv .list:nth-child(3n){margin-right:0}
.newsListDiv .list:nth-child(3n+1){clear:both}
.newsListDiv .list:nth-child(n+4){margin-top:60px}
.newsListDiv .list .imgArea{position:relative; overflow:hidden}
.newsListDiv .list .imgArea img{width:100%; transform:scale(1); transition:transform 0.5s ease}
.newsListDiv .list .txtArea{padding-top:30px}
.newsListDiv .list .txtArea .gubun{font-family:'Noto Sans KR'; font-weight:500; font-size:16px; color:#afc511;}
.newsListDiv .list .txtArea .tit{padding-top:14px; font-size:20px; color:#222; font-family:'Noto Sans KR';  font-weight:700; line-height:28px}
.newsListDiv .list .txtArea .tit span{display:inline}
.newsListDiv .list .txtArea .txt{font-family:'Noto Sans KR'; font-weight:300; font-size:16px; line-height:26px; color:#888}
.newsListDiv .list .txtArea .date{padding-top:26px; color:#888;}
.newsListDiv .list:hover .imgArea img{transform:scale(1.2)}
.newsListDiv .list:hover .txtArea .tit span{background:url('../images/underline_bg1x5.gif') repeat-x left bottom 2px}
.newsListDiv .list.noImg{padding:50px; border:1px solid #e6e6e6; transition:all 0.3s ease}
.newsListDiv .list.noImg .txtArea{padding:0}
.newsListDiv .list.noImg .txt{margin-top:25px}
.newsListDiv .list.noImg .date{padding-top:50px}
.newsListDiv .list.noImg:hover{border:1px solid #afc511}

.viewDiv{border-top:4px solid #e5e5e5}
.viewDiv .topArea{display:table; padding:60px 50px; width:100%; border-bottom:1px solid #e5e5e5}
.viewDiv .topArea .titD{display:table-cell; padding:0 20px 3px 0; vertical-align:middle}
.viewDiv .topArea .titD .gubun{margin-bottom:16px; font-family:'Noto Sans KR'; font-weight:500; font-size:16px; color:#b1c712}
.viewDiv .topArea .titD .tit{font-family:'Noto Sans KR'; font-weight:700; font-size:28px; line-height:40px; color:#222; word-break:keep-all}
.viewDiv .topArea .dateD{display:table-cell; width:130px; vertical-align:middle; border-left:1px solid #e5e5e5; text-align:right}
.viewDiv .topArea .dateD .year{font-family:'Noto Sans KR'; font-weight:300; font-size:18px; line-height:13px; color:#888}
.viewDiv .topArea .dateD .date{margin-top:20px; font-family:'Noto Sans KR'; font-weight:300; font-size:34px; line-height:24px; color:#222}
.viewDiv .conArea{padding:60px 50px 35px; font-family:'Noto Sans KR'; font-weight:300; font-size:16px; line-height:32px; color:#555; word-break:keep-all; border-bottom:1px solid #e5e5e5}
.viewDiv .conArea img{max-width:100%}
.viewDiv .conArea img:first-child{margin-top:0}
.viewDiv .conArea p{text-align:left}
.viewDiv .conArea p b{font-family:'Noto Sans KR'; font-weight:500;}
.viewDiv .conArea .wScrollD table{width:1100px !important}
.viewDiv .conArea table{margin:10px 0}
.viewDiv .conArea table th{padding:17px 20px; font-family:'Noto Sans KR'; font-weight:500; font-size:16px; line-height:26px; color:#222; text-align:center}
.viewDiv .conArea table thead th{background:#f3f5e2}
.viewDiv .conArea table tbody th{border-bottom:1px solid #e5e5e5}
.viewDiv .conArea table td{padding:17px 20px; font-family:'Noto Sans KR'; font-weight:300; font-size:16px; line-height:26px; color:#666; text-align:center; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5}
.viewDiv .conArea table tbody tr th:last-child, .viewDiv .conArea table tbody tr td:last-child{border-right:none}
.viewDiv .conArea .fileD{margin-top:70px; text-align:left}
.viewDiv .conArea .fileD:after{content:''; display:block; clear:both}
.viewDiv .conArea .fileD a{float:left; padding:0 20px 0 40px; margin:0 10px 5px 0; height:40px; font-family:'Noto Sans KR'; font-weight:700; font-size:14px; line-height:40px; color:#555; background:url('../images/file_icon.gif') no-repeat 20px center #f5f5f5; border-radius:20px}
.viewDiv .conArea .fileD a:hover{color:#fff; background:url('../images/file_icon_on.gif') no-repeat 20px center #bfd715}
/* 2020-02-10 추가 */
.viewDiv .conArea .tableStyle2.newsType thead th{border-top:4px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#fff;}
.tableStyle2.newsType table tbody td{text-align:left; letter-spacing:-1px; word-break:keep-all;}
.tableStyle2.newsType table tbody tr td:first-child{font-family:'Noto Sans KR'; color:#222; font-weight:500; text-align:center;}
.tableStyle2.newsType table tbody td.boldTxt{font-family:'Noto Sans KR'; color:#666; font-weight:500; }
.tableStyle2.newsType table tbody tr.bg td{background:#f3f5e2;}
.tableStyle2.newsType table .greenTxt{color:#b1c712}
/* // 2020-02-10 추가 */

.snsListDiv{margin:80px auto 0}
.snsListDiv:after{content:''; display:block; clear:both}
.snsListDiv .list{float:left; margin-right:30px; width:380px;}
.snsListDiv .list:nth-child(3n){margin-right:0}
.snsListDiv .list:nth-child(3n+1){clear:both}
.snsListDiv .list:nth-child(n+4){margin-top:60px}
.snsListDiv .list .imgArea{position:relative; overflow:hidden;}
.snsListDiv .list .imgArea img{width:100%; transform:scale(1); transition:transform 0.5s ease}
.snsListDiv .list .imgArea.ytb .icon{position:absolute; top:0; right:0; z-index:1; width:40px; height:40px; background:url("../images/sns_icon_ytb.jpg") no-repeat  0 0;}
.snsListDiv .list .imgArea.fb .icon{position:absolute; top:0; right:0; z-index:1; width:40px; height:40px; background:url("../images/sns_icon_fb.jpg") no-repeat  0 0;}
.snsListDiv .list .imgArea.insta .icon{position:absolute; top:0; right:0; z-index:1; width:40px; height:40px; background:url("../images/sns_icon_insta.jpg") no-repeat  0 0;}
.snsListDiv .list .imgArea .after{display:none; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background:url("../images/main_sns_cross.png") no-repeat center center rgba(191,215,21,0.8);}
.snsListDiv .list .txtArea{padding-top:26px;}
.snsListDiv .list .txtArea .tit{color:#222; font-family:'Noto Sans KR'; font-weight:700; font-size:20px; line-height:26px; word-break:keep-all}
.snsListDiv .list .txtArea .date{padding-top:25px; color:#888;}
.snsListDiv .list:hover .imgArea img{transform:scale(1.2)}
.snsListDiv .list:hover .txtArea .tit span{background:url('../images/underline_bg1x5.gif') repeat-x left bottom 2px}

.onAirDiv{margin-top:0}
.onAirDiv .liveArea{padding:120px 0 140px; background:#f2f7d9}
.onAirDiv .liveArea .liveTab{display:flex; justify-content:center}
.onAirDiv .liveArea .liveTab a{display:inline-block; margin:0 14px; font-size:30px; line-height:40px; transition:color 0.3s ease}
.onAirDiv .liveArea .liveTab .typeA{color:rgba(34, 34, 34, 1)}
.onAirDiv .liveArea .liveTab .typeB{color:rgba(34, 34, 34, 0.3)}
.onAirDiv .liveArea .liveTab .toggle{position:relative; width:90px; height:40px; background:#bfd715; border-radius:30px}
.onAirDiv .liveArea .liveTab .toggle span{position:absolute; top:3px; left:4px; width:34px; height:34px; background:#fff; border-radius:100%; box-shadow:5px 5px 10px rgba(112, 126, 12, 0.25); transition:left 0.3s ease}
.onAirDiv .liveArea .liveTab.on .typeA{color:rgba(34, 34, 34, 0.3)}
.onAirDiv .liveArea .liveTab.on .typeB{color:rgba(34, 34, 34, 1)}
.onAirDiv .liveArea .liveTab.on .toggle span{left:53px}
.onAirDiv .liveArea .liveDiv{margin:70px auto 0}
.onAirDiv .liveArea .liveDiv:after{content:''; display:block; clear:both}
.onAirDiv .liveArea .liveDiv .liveView{float:left; width:calc(100% - 412px); width:-webkit-calc(100% - 412px);}
.onAirDiv .liveArea .liveDiv .liveView .video{position:relative; cursor:pointer}
.onAirDiv .liveArea .liveDiv .liveView .video video{width:100%}
.onAirDiv .liveArea .liveDiv .liveView .video img{width:100%}
.onAirDiv .liveArea .liveDiv .liveView .info{margin-top:35px}
.onAirDiv .liveArea .liveDiv .liveView .info:after{content:''; display:block; clear:both}
.onAirDiv .liveArea .liveDiv .liveView .info .type{float:left; width:100px; height:35px; font-size:15px; line-height:35px; color:#fff; text-align:center; background:#f22867; border-radius:30px}
.onAirDiv .liveArea .liveDiv .liveView .info .title{float:left; padding-left:20px; width:calc(100% - 240px); width:-webkit-calc(100% - 240px); font-family:'Noto Sans KR'; font-weight:700; font-size:22px; line-height:35px; color:#222; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.onAirDiv .liveArea .liveDiv .liveView .info .time{float:left; width:140px; font-size:22px; line-height:35px; color:#222; text-align:right;}
.onAirDiv .liveArea .liveDiv .timeTable{float:left; padding:0 10px 0 40px; width:412px; overflow-y:auto}
.onAirDiv .liveArea .liveDiv .timeTable::-webkit-scrollbar {-webkit-appearance:none; width:10px}
.onAirDiv .liveArea .liveDiv .timeTable::-webkit-scrollbar-thumb {background:#fff; border-radius:10px; border:1px solid #d3de9e;}
.onAirDiv .liveArea .liveDiv .timeTable::-webkit-scrollbar-track {border-radius:10px; background:#d3de9e;}
.onAirDiv .liveArea .liveDiv .timeTable .mCSB_inside > .mCSB_container{margin-right:20px}
.onAirDiv .liveArea .liveDiv .timeTable .mCSB_scrollTools .mCSB_draggerRail{width:6px; background:rgba(0, 0, 0, 0.15)}
.onAirDiv .liveArea .liveDiv .timeTable .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px; background:#666666}
.onAirDiv .liveArea .liveDiv .timeTable .list:nth-child(n+2){margin-top:15px}
.onAirDiv .liveArea .liveDiv .timeTable .list:after{content:''; display:block; clear:both}
.onAirDiv .liveArea .liveDiv .timeTable .list .thumb{position:relative; float:left; width:138px; height:138px; overflow:hidden}
.onAirDiv .liveArea .liveDiv .timeTable .list .info{float:left; padding:20px 0 0 30px; width:calc(100% - 138px); width:-webkit-calc(100% - 138px); word-break:keep-all}
.onAirDiv .liveArea .liveDiv .timeTable .list .info .time{font-size:16px; line-height:12px; color:#222}
.onAirDiv .liveArea .liveDiv .timeTable .list .info .tit{margin-top:15px; font-family:'Noto Sans KR'; font-weight:300; font-size:16px; line-height:22px; color:#555}
.onAirDiv .pongArea{padding-top:140px}
.onAirDiv .pongArea .title{font-family:'Noto Sans KR'; font-weight:700; font-size:35px; color:#222; text-align:center}
.onAirDiv .pongArea .contDiv{margin-top:70px}
.onAirDiv .pongArea .contDiv .listTab{position:relative;}
.onAirDiv .pongArea .contDiv .listTab .link{position:absolute; top:-150px; right:0; padding-right:18px; font-family:'Noto Sans KR'; font-weight:900; font-size:16px; color:#222; background:url('../images/right_arrow_icon.png') no-repeat right center; transition:color 0.3s ease, background 0.3s ease}
.onAirDiv .pongArea .contDiv .listTab .link:hover{color:#b1c712; background:url('../images/right_arrow_icon_on.png') no-repeat right center}
.onAirDiv .pongArea .contDiv .listTab .swiper-button-prev, .onAirDiv .pongArea .contDiv .listTab .swiper-button-next{top:85px; margin-top:0; width:16px; height:30px;}
.onAirDiv .pongArea .contDiv .listTab .swiper-button-prev{left:-55px; background:url('../images/pong_list_swiper_prev.png') no-repeat}
.onAirDiv .pongArea .contDiv .listTab .swiper-button-next{right:-55px; background:url('../images/pong_list_swiper_next.png') no-repeat}
.onAirDiv .pongArea .contDiv .listTab .swiper-button-disabled{opacity:0.2}
.onAirDiv .pongArea .contDiv .listTab .swiper-button-prev:focus, .onAirDiv .pongArea .contDiv .listTab .swiper-button-next:focus{outline:0}
.onAirDiv .pongArea .contDiv .listTab .swiper-container{}
.onAirDiv .pongArea .contDiv .listTab .swiper-slide{width:200px; text-align:center}
.onAirDiv .pongArea .contDiv .listTab .swiper-slide .thumb{position:relative; overflow:hidden; width:200px; height:200px}
.onAirDiv .pongArea .contDiv .listTab .swiper-slide .thumb img{width:100%; transition:transform 0.3s ease}
.onAirDiv .pongArea .contDiv .listTab .swiper-slide .tit{position:relative; display:inline-block; margin-top:20px; padding:0 8px 3px; font-family:'Noto Sans KR'; font-weight:700; font-size:18px; color:#222}
.onAirDiv .pongArea .contDiv .listTab .swiper-slide .tit:before{content:''; display:block; position:absolute; bottom:0; left:0; width:0; height:8px; background:#dceb78; transition:width 0.3s ease}
.onAirDiv .pongArea .contDiv .listTab .swiper-slide .tit span{position:relative}
.onAirDiv .pongArea .contDiv .listTab .swiper-slide.on .thumb:before{content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(191, 215, 21, 0.8); z-index:1}
.onAirDiv .pongArea .contDiv .listTab .swiper-slide.on .tit:before{width:100%}
/*
.onAirDiv .pongArea .contDiv .listTab .swiper-slide.on .tit:after{content:''; display:block; position:absolute; bottom:-100px; left:50%; width:1px; height:80px; background:#222}*/
.onAirDiv .pongArea .contDiv .listTab .swiper-slide:hover .tit:before{width:100%}
.onAirDiv .pongArea .contDiv .listTab .swiper-slide:hover .thumb img{transform:scale(1.1)}
.onAirDiv .pongArea .contDiv .selectView{margin:60px auto 0}
.onAirDiv .pongArea .contDiv .selectView .banner img{width:100%}
.onAirDiv .pongArea .contDiv .selectView .viewList{margin:60px auto 0}
.onAirDiv .pongArea .contDiv .selectView .viewList:after{content:''; display:block; clear:both}
.onAirDiv .pongArea .contDiv .selectView .viewList .list{float:left; padding:40px; margin-right:30px; width:380px; font-family:'Noto Sans KR'; font-weight:300; font-size:16px; line-height:24px; color:#555; border:1px solid #e5e5e5; word-break:keep-all; transition:border 0.4 ease}
.onAirDiv .pongArea .contDiv .selectView .viewList .list:nth-child(3n){margin-right:0}
.onAirDiv .pongArea .contDiv .selectView .viewList .list:nth-child(3n+1){clear:both}
.onAirDiv .pongArea .contDiv .selectView .viewList .list:nth-child(n+4){margin-top:30px}
.onAirDiv .pongArea .contDiv .selectView .viewList .list .type{margin-bottom:25px; font-family:'Noto Sans KR'; font-weight:700; font-size:20px; line-height:70px; color:#222}
.onAirDiv .pongArea .contDiv .selectView .viewList .list .type span{display:inline-block; margin-right:20px; width:70px; height:70px}
.onAirDiv .pongArea .contDiv .selectView .viewList .list .swiper-container{margin-top:25px; padding-bottom:32px}
.onAirDiv .pongArea .contDiv .selectView .viewList .list .swiper-container .swiper-slide img{width:100%}
.onAirDiv .pongArea .contDiv .selectView .viewList .list .swiper-container .swiper-pagination{bottom:0; line-height:12px}
.onAirDiv .pongArea .contDiv .selectView .viewList .list .swiper-container .swiper-pagination .swiper-pagination-bullet{margin:0 6px; width:12px; height:12px; background:rgba(187, 187, 187, 0.4); opacity:1}
.onAirDiv .pongArea .contDiv .selectView .viewList .list .swiper-container .swiper-pagination .swiper-pagination-bullet-active{background:#222}
.onAirDiv .pongArea .contDiv .selectView .viewList .list:hover{border:1px solid #bfd715}

/* 지속가능경영 */
.withGrownDiv{word-break:keep-all}
.withGrownDiv .topArea{position:relative; margin:0 auto; padding-bottom:150px; width:160px; height:440px; transition:width 0.6s ease; overflow:hidden}
.withGrownDiv .topArea:before{content:''; display:block; position:absolute; top:110px; left:0; width:48px; height:134px; background:url('../images/withGrownDiv_topArea_left.png') no-repeat}
.withGrownDiv .topArea:after{content:''; display:block; position:absolute; top:110px; right:0; width:48px; height:134px; background:url('../images/withGrownDiv_topArea_right.png') no-repeat}
.withGrownDiv .topArea .listD{position:absolute; top:0; left:50%; transform:translateX(-50%); padding:55px 60px 0; width:1200px}
.withGrownDiv .topArea .listD:after{content:''; display:block; clear:both}
.withGrownDiv .topArea .listD .list{position:relative; top:100px; float:left; padding-bottom:100px; width:360px; text-align:center; opacity:0; transition:top 0.3s ease, opacity 0.3s ease}
.withGrownDiv .topArea .listD .list:nth-child(1){background:url('../images/withGrownDiv_topArea_icon1.png') no-repeat center bottom; transition-delay:0.6s}
.withGrownDiv .topArea .listD .list:nth-child(2){background:url('../images/withGrownDiv_topArea_icon2.png') no-repeat center bottom; transition-delay:0.9s}
.withGrownDiv .topArea .listD .list:nth-child(3){background:url('../images/withGrownDiv_topArea_icon3.png') no-repeat center bottom; transition-delay:1.2s}
.withGrownDiv .topArea .listD .list .tit{height:52px; font-family:'Noto Sans KR'; font-weight:700; font-size:20px; line-height:28px; color:#666;}
.withGrownDiv .topArea .listD .list .count{margin-top:35px; font-family:'Noto Sans KR'; font-weight:700; font-size:20px; color:#999}
.withGrownDiv .topArea .listD .list .count span{display:inline-block; margin-right:10px; font-size:72px; line-height:50px; color:#222}
.withGrownDiv .topArea.active{width:100%}
.withGrownDiv .topArea.active .list{top:0; opacity:1}
.withGrownDiv .packageArea{position:relative; padding-top:91px}
.withGrownDiv .packageArea .title{position:absolute; top:100px; left:50%; margin-left:-628px; width:1256px; font-size:140px; line-height:96px; color:rgba(238, 238, 238, 0.8); opacity:0; transition:top 0.8s ease, opacity 0.8s ease}
.withGrownDiv .packageArea .bgDiv{position:relative; margin:0 auto; padding-top:235px; width:1200px; height:640px; background:url('../images/withGrownDiv_package_bg.jpg') no-repeat center; text-align:center; transition:width 0.3s ease, height 0.3s ease}
.withGrownDiv .packageArea .bgDiv .tit{position:relative; top:100px; font-size:60px; line-height:60px; color:#fff; opacity:0; transition:top 0.3s ease, opacity 0.3s ease; transition-delay:0.6s}
.withGrownDiv .packageArea .bgDiv .tit span{display:block}
.withGrownDiv .packageArea .bgDiv .txt{position:relative; top:100px; margin-top:35px; font-family:'Noto Sans KR'; font-weight:300; font-size:20px; line-height:32px; color:#fff; opacity:0; transition:top 0.3s ease, opacity 0.3s ease; transition-delay:0.9s}
.withGrownDiv .packageArea.active .title{top:0; opacity:1}
.withGrownDiv .packageArea.active .bgDiv{width:100%; height:760px}
.withGrownDiv .packageArea.active .tit{top:0; opacity:1}
.withGrownDiv .packageArea.active .txt{top:0; opacity:1}
.withGrownDiv .introduceArea{padding-top:120px}
.withGrownDiv .introduceArea .list{position:relative}
.withGrownDiv .introduceArea .list .txtArea{position:relative; top:100px; opacity:0; transition:top 0.6s ease, opacity 0.6s ease}
.withGrownDiv .introduceArea .list .txtArea .tit{font-family:'Noto Sans KR'; font-weight:700; font-size:35px; color:#222}
.withGrownDiv .introduceArea .list .txtArea .txt{margin-top:45px; font-family:'Noto Sans KR'; font-weight:300; font-size:18px; line-height:30px; color:#555}
.withGrownDiv .introduceArea .list:nth-child(1) .greenBox{position:absolute; top:-120px; right:0; width:0; height:480px; background:rgba(191, 215, 21, 0.6); overflow:hidden; transition:width 0.3s ease;}
.withGrownDiv .introduceArea .list:nth-child(1) .txtArea{width:330px; transition-delay:0.7s}
.withGrownDiv .introduceArea .list:nth-child(1) .imgArea{position:absolute; bottom:-85px; right:0; width:calc(100% - 400px); width:-webkit-calc(100% - 400px); opacity:0; transition:bottom 0.6s ease, opacity 0.6s ease; transition-delay:0.5s}
.withGrownDiv .introduceArea .list:nth-child(1).active .greenBox{width:50%}
.withGrownDiv .introduceArea .list:nth-child(1).active .txtArea{top:0; opacity:1}
.withGrownDiv .introduceArea .list:nth-child(1).active .imgArea{bottom:15px; opacity:1}
.withGrownDiv .introduceArea .list:nth-child(2){margin-top:350px; z-index:1}
.withGrownDiv .introduceArea .list:nth-child(2) .txtArea{padding-left:560px; transition-delay:0.2s}
.withGrownDiv .introduceArea .list:nth-child(2) .imgArea{position:absolute; top:-20px; left:0; opacity:0; transition:top 0.6s ease, opacity 0.6s ease}
.withGrownDiv .introduceArea .list:nth-child(2).active .txtArea{top:0; opacity:1}
.withGrownDiv .introduceArea .list:nth-child(2).active .imgArea{top:-120px; opacity:1}
.withGrownDiv .introduceArea .list:nth-child(3){margin-top:125px}
.withGrownDiv .introduceArea .list:nth-child(3) .bgArea{padding:460px 0 320px; width:0; background:#deeced; transition:width 0.6s ease}
.withGrownDiv .introduceArea .list:nth-child(3) .txtArea{top:100px; width:510px; opacity:0; transition-delay:0.8s}
.withGrownDiv .introduceArea .list:nth-child(3) .imgArea{position:absolute; top:-150px; left:600px; opacity:0; transition:top 0.6s ease, opacity 0.6s ease; transition-delay:0.6s}
.withGrownDiv .introduceArea .list:nth-child(3) .lineBox{position:absolute; top:-500px; right:0; width:320px; height:320px; border:6px solid rgba(0, 149, 156, 0.3); opacity:0; transition:opacity 0.6s ease 0.6s}
.withGrownDiv .introduceArea .list:nth-child(3).active .bgArea{width:100%}
.withGrownDiv .introduceArea .list:nth-child(3).active .txtArea{top:0; opacity:1}
.withGrownDiv .introduceArea .list:nth-child(3).active .imgArea{top:-250px; opacity:1}
.withGrownDiv .introduceArea .list:nth-child(3).active .lineBox{opacity:1}
.withGrownDiv .introduceArea .list:nth-child(4){padding-top:120px}
.withGrownDiv .introduceArea .list:nth-child(4) .imgArea{position:absolute; top:-160px; left:105px; opacity:0; transition:top 0.6s ease, opacity 0.6s ease}
.withGrownDiv .introduceArea .list:nth-child(4) .txtArea{top:100px; padding-left:880px; opacity:0; transition-delay:0.2s}
.withGrownDiv .introduceArea .list:nth-child(4) .lineBox{position:absolute; top:125px; left:40px; width:140px; height:140px; background:#deeced; opacity:0; transition:opacity 0.6s ease 0.6s}
.withGrownDiv .introduceArea .list:nth-child(4).active .imgArea{top:-260px; opacity:1; z-index:1}
.withGrownDiv .introduceArea .list:nth-child(4).active .txtArea{top:0; opacity:1}
.withGrownDiv .introduceArea .list:nth-child(4).active .lineBox{opacity:1}
.withGrownDiv .introduceArea .list:nth-child(5){padding-top:195px}
.withGrownDiv .introduceArea .list:nth-child(5) .imgArea{position:relative; top:100px; opacity:0; transition:top 0.6s ease, opacity 0.6s ease}
.withGrownDiv .introduceArea .list:nth-child(5) .txtArea{top:100px; margin-top:80px; opacity:0; transition-delay:0.2s}
.withGrownDiv .introduceArea .list:nth-child(5).active .imgArea{top:0; opacity:1}
.withGrownDiv .introduceArea .list:nth-child(5).active .txtArea{top:0; opacity:1}
.withGrownDiv .introduceArea .list:nth-child(6) .imgArea{position:relative; top:100px; opacity:0; transition:top 0.6s ease, opacity 0.6s ease}
.withGrownDiv .introduceArea .list:nth-child(6) .txtArea{top:100px; margin-top:80px; opacity:0; transition-delay:0.2s}
.withGrownDiv .introduceArea .list:nth-child(6) .btnArea{text-align:left;}
.withGrownDiv .introduceArea .list:nth-child(6) .btnArea .btnA{margin-right:6px;}
.withGrownDiv .introduceArea .list:nth-child(6).active .imgArea{top:0; opacity:1}
.withGrownDiv .introduceArea .list:nth-child(6).active .txtArea{top:0; opacity:1}
.withGrownDiv .introduceArea .list .imgArea img{width:100%}
.withGrownDiv .bottomArea{margin-top:175px; padding:185px 0; text-align:center; background:url('../images/withGrownDiv_bottomArea_bg.jpg') no-repeat center; background-size:cover}
.withGrownDiv .bottomArea .tit{position:relative; top:100px; font-family:'Noto Sans KR'; font-weight:700; font-size:35px; color:#fff; opacity:0; transition:top 0.6s ease, opacity 0.6s ease}
.withGrownDiv .bottomArea .txt{position:relative; top:100px; margin-top:45px; font-family:'Noto Sans KR'; font-weight:300; font-size:18px; line-height:30px; color:#fff; opacity:0; transition:top 0.6s ease, opacity 0.6s ease; transition-delay:0.2s}
.withGrownDiv .bottomArea .txt span{display:block}
.withGrownDiv .bottomArea.active .tit{top:0; opacity:1}
.withGrownDiv .bottomArea.active .txt{top:0; opacity:1}

.csrDiv{word-break:keep-all}


.csrDiv .topDiv .title{position:relative; top:100px; font-family:'Noto Sans KR'; font-weight:900; font-size:60px; color:#222; text-align:center; opacity:0; transition:top 0.3s ease, opacity 0.3s ease}
.csrDiv .topDiv .listDiv{margin-top:80px}
.csrDiv .topDiv .listDiv:after{content:''; display:block; clear:both}
.csrDiv .topDiv .listDiv .list{position:relative; top:100px; float:left; width:25%; opacity:0; transition:top 0.3s ease, opacity 0.3s ease}
.csrDiv .topDiv .listDiv .list:nth-child(1){transition-delay:0.3s}
.csrDiv .topDiv .listDiv .list:nth-child(2){transition-delay:0.5s}
.csrDiv .topDiv .listDiv .list:nth-child(3){transition-delay:0.7s}
.csrDiv .topDiv .listDiv .list:nth-child(4){transition-delay:0.9s}
.csrDiv .topDiv .listDiv .list .thumb img{width:100%}
.csrDiv .topDiv .listDiv .list .txtArea{padding:50px 50px 0}
.csrDiv .topDiv .listDiv .list .txtArea .tit{font-weight:900; font-size:20px; color:#222}
.csrDiv .topDiv .listDiv .list .txtArea .txt{margin-top:25px; width:300px; font-family:'Noto Sans KR'; font-weight:300; font-size:18px; line-height:30px; color:#555; word-break:keep-all}
.csrDiv .topDiv.active .title{top:0; opacity:1}
.csrDiv .topDiv.active .listDiv .list{top:0; opacity:1}
.csrDiv .midDiv{padding-top:150px}
.csrDiv .midDiv .title{position:relative; top:100px; font-family:'Noto Sans KR'; font-weight:900; font-size:60px; line-height:70px; color:#222; text-align:center; opacity:0; transition:top 0.3s ease, opacity 0.3s ease}
.csrDiv .midDiv .title span{display:block}
.csrDiv .midDiv .listDiv{padding-bottom:140px; margin-top:75px; background:#f5f5f5}
.csrDiv .midDiv .listDiv .list{margin-bottom:100px}
.csrDiv .midDiv .listDiv .list:last-child{margin-bottom:0}
.csrDiv .midDiv .listDiv .list:nth-child(2n-1){text-align:left}
.csrDiv .midDiv .listDiv .list:nth-child(2n){text-align:right}
.csrDiv .midDiv .listDiv .list .thumb{position:relative; top:100px; display:inline-block; width:calc(50% + 232px); width:-webkit-calc(50% + 232px); opacity:0; transition:top 0.3s ease, opacity 0.3s ease}
.csrDiv .midDiv .listDiv .list .thumb img{width:100%}
.csrDiv .midDiv .listDiv .list .txtArea{position:absolute; bottom:-100px;; padding:80px; width:600px; height:480px; background:#fff; word-break:keep-all; text-align:left; opacity:0; transition:bottom 0.3s ease, opacity 0.3s ease; transition-delay:0.3s}
.csrDiv .midDiv .listDiv .list .txtArea .tit{font-family:'Noto Sans KR'; font-weight:100; font-size:60px; line-height:72px; color:#333; letter-spacing:-2px}
.csrDiv .midDiv .listDiv .list .txtArea .txt{margin-top:20px; font-family:'Noto Sans KR'; font-weight:300; font-size:18px; line-height:30px; color:#555}
.csrDiv .midDiv .listDiv .list:nth-child(2n-1) .thumb{}
.csrDiv .midDiv .listDiv .list:nth-child(2n) .thumb{}
.csrDiv .midDiv .listDiv .list .guideD{position:relative; width:1200px; margin:0 auto}
.csrDiv .midDiv .listDiv .list:nth-child(2n-1) .txtArea{right:0}
.csrDiv .midDiv .listDiv .list:nth-child(2n) .txtArea{left:0}
.csrDiv .midDiv.active .title{top:0; opacity:1}
.csrDiv .midDiv .listDiv .list.active .thumb{top:0; opacity:1}
.csrDiv .midDiv .listDiv .list.active .txtArea{bottom:0; opacity:1}
.csrDiv .bottomDiv{padding-top:160px}
.csrDiv .bottomDiv .title{position:relative; top:100px; font-family:'Noto Sans KR'; font-weight:900; font-size:60px; color:#222; text-align:center; opacity:0; transition:top 0.3s ease, opacity 0.3s ease}
.csrDiv .bottomDiv .listDiv{margin:80px auto 0}
.csrDiv .bottomDiv .listDiv:after{content:''; display:block; clear:both}
.csrDiv .bottomDiv .listDiv .list{position:relative; top:100px; float:left; width:33.33%; opacity:0; transition:top 0.3s ease, opacity 0.3s ease}
.csrDiv .bottomDiv .listDiv .list:nth-child(1){transition-delay:0.3s}
.csrDiv .bottomDiv .listDiv .list:nth-child(2){transition-delay:0.5s}
.csrDiv .bottomDiv .listDiv .list:nth-child(3){transition-delay:0.7s}
.csrDiv .bottomDiv .listDiv .list .thumb img{width:100%}
.csrDiv .bottomDiv .listDiv .list .txtArea{padding:50px 50px 0}
.csrDiv .bottomDiv .listDiv .list .txtArea .tit{font-weight:900; font-size:20px; color:#222}
.csrDiv .bottomDiv .listDiv .list .txtArea .txt{margin-top:25px; font-family:'Noto Sans KR'; font-weight:300; font-size:18px; line-height:30px; color:#555; word-break:keep-all}
.csrDiv .bottomDiv .listDiv .list .txtArea .txt span{display:block}
.csrDiv .bottomDiv.active .title{top:0; opacity:1}
.csrDiv .bottomDiv.active .listDiv .list{top:0; opacity:1}

.futureGrownDiv{word-break:keep-all}
.futureGrownDiv .countupDiv{position:relative; margin:75px auto 0; width:160px; height:135px; transition:width 0.6s ease; overflow:hidden}
.futureGrownDiv .countupDiv:before{content:''; display:block; position:absolute; top:0; left:0; width:48px; height:134px; background:url('../images/withGrownDiv_topArea_left.png') no-repeat}
.futureGrownDiv .countupDiv:after{content:''; display:block; position:absolute; top:0; right:0; width:48px; height:134px; background:url('../images/withGrownDiv_topArea_right.png') no-repeat}
.futureGrownDiv .countupDiv .listD{position:absolute; top:0; left:50%; transform:translateX(-50%); width:780px}
.futureGrownDiv .countupDiv .listD:after{content:''; display:block; clear:both}
.futureGrownDiv .countupDiv .listD .list{position:relative; top:100px; float:left; width:50%; text-align:center; opacity:0; transition:top 0.3s ease, opacity 0.3s ease}
.futureGrownDiv .countupDiv .listD .list:nth-child(1){transition-delay:0.6s}
.futureGrownDiv .countupDiv .listD .list:nth-child(2){transition-delay:0.9s}
.futureGrownDiv .countupDiv .listD .list .tit{font-family:'Noto Sans KR'; font-weight:700; font-size:20px; color:#666;}
.futureGrownDiv .countupDiv .listD .list .count{margin-top:40px; font-family:'Noto Sans KR'; font-weight:700; font-size:20px; color:#999}
.futureGrownDiv .countupDiv .listD .list .count span{display:inline-block; margin-right:10px; font-size:72px; line-height:50px; color:#222}
.futureGrownDiv .countupDiv.active{width:1040px}
.futureGrownDiv .countupDiv.active .list{top:0; opacity:1}
.futureGrownDiv .startupDiv{padding:80px 0 ; text-align:center}
.futureGrownDiv .startupDiv .img img{max-width:100%}
.futureGrownDiv .startupDiv .supportList{margin:0 auto; width:890px}
.futureGrownDiv .startupDiv .supportList:after{content:''; display:block; clear:both}
.futureGrownDiv .startupDiv .supportList .list{position:relative; top:100px; float:left; padding:150px 20px 34px; width:280px;}
.futureGrownDiv .startupDiv .supportList .list:nth-child(1){background:url('../images/futureGrown_startup_icon1.png') no-repeat center 42px #fff; margin-right: 25px;}
.futureGrownDiv .startupDiv .supportList .list:nth-child(2){background:url('../images/futureGrown_startup_icon2.png') no-repeat center 42px #fff; margin-right: 25px;}
.futureGrownDiv .startupDiv .supportList .list:nth-child(3){background:url('../images/futureGrown_startup_icon3.png') no-repeat center 42px #fff; }
.futureGrownDiv .startupDiv .supportList .list .tit{font-family:'Noto Sans KR'; font-weight:700; font-size:22px; color:#222}
.futureGrownDiv .startupDiv .supportList .list .txt{margin-top:15px; font-family:'Noto Sans KR'; font-weight:300; font-size:18px; line-height:26px; color:#555}
.futureGrownDiv .startupDiv .supportList .list .txt span{ font-weight: 500; color: #00abbc;}
.futureGrownDiv .supportDiv{padding:140px 0}
.futureGrownDiv .supportDiv .txt{margin-top:10px; font-family:'Noto Sans KR'; font-weight:300; font-size:18px; line-height:30px; color:#555}
.futureGrownDiv .supportDiv .txt b{font-family:'Noto Sans KR'; font-weight:700;}
.futureGrownDiv .supportDiv .supportList{position:relative; margin-top:45px}
.futureGrownDiv .supportDiv .supportList .swiper-container{padding-bottom:}
.futureGrownDiv .supportDiv .supportList .swiper-slide{padding-bottom:38px}
.futureGrownDiv .supportDiv .supportList .swiper-slide .thumb{width:100%}
.futureGrownDiv .supportDiv .supportList .swiper-slide .thumb img{width:100%}
.futureGrownDiv .supportDiv .supportList .swiper-slide .name{margin-top:14px; padding:0 5px; height:auto; font-family:'Noto Sans KR'; font-weight:500; font-size:16px; line-height:26px; color:#555; text-align:center}
.futureGrownDiv .supportDiv .supportList .swiper-slide .name span{display:block}
.futureGrownDiv .supportDiv .swiper-button-prev, .futureGrownDiv .supportDiv .swiper-button-next{top:35px; margin-top:0; width:16px; height:30px}
.futureGrownDiv .supportDiv .swiper-button-prev{left:-55px; background:url('../images/pong_list_swiper_prev.png') no-repeat}
.futureGrownDiv .supportDiv .swiper-button-next{right:-55px; background:url('../images/pong_list_swiper_next.png') no-repeat}
.futureGrownDiv .supportDiv .swiper-button-disabled{opacity:0.2}
.futureGrownDiv .supportDiv .swiper-pagination{bottom:0; width:100%}
.futureGrownDiv .supportDiv .swiper-pagination .swiper-pagination-bullet{margin:0 6px; width:12px; height:12px; background:#bbb; opacity:0.4}
.futureGrownDiv .supportDiv .swiper-pagination .swiper-pagination-bullet-active{background:#222; opacity:1}
.futureGrownDiv .infoBgDiv{position:relative}
.futureGrownDiv .infoBgDiv .box1{position:absolute; top:-70px; right:-70px; width:140px; height:140px; background:rgba(190, 215, 50, 0.8)}
.futureGrownDiv .infoBgDiv .box2{position:absolute; top:580px; left:-100px; width:200px; height:200px; border:6px solid rgba(190, 215, 50, 0.5)}
.futureGrownDiv .infoBgDiv .box3{position:absolute; top:530px; left:-150px; width:100px; height:100px; background:rgba(190, 215, 50, 0.3)}
.futureGrownDiv .infoBgDiv .bgDiv{padding:260px 0; margin:0 auto; width:1200px; height:540px; font-family:'Noto Sans KR'; font-weight:300; font-size:28px; line-height:40px; color:#fff; text-align:center; background:url('../images/futureGrown_support_bg.jpg') no-repeat center top; transition:width 0.3s ease, height 0.3s ease}
.futureGrownDiv .infoBgDiv .bgDiv .inner{top:100px; opacity:0; transition:top 0.6s ease, opacity 0.6s ease; transition-delay:0.3s}
.futureGrownDiv .infoBgDiv .bgDiv .inner span{display:block}
.futureGrownDiv .infoBgDiv.active .bgDiv{width:100%; height:680px}
.futureGrownDiv .infoBgDiv.active .bgDiv .inner{top:0; opacity:1}
.futureGrownDiv .greenDiv{padding:140px 0 135px; background:#f5f5f5}
.futureGrownDiv .greenDiv .infoD{margin:75px auto 0}
.futureGrownDiv .greenDiv .infoD .listD{margin-top:40px}
.futureGrownDiv .greenDiv .infoD .listD:after{content:''; display:block; clear:both}
.futureGrownDiv .greenDiv .infoD .listD .list{float:left; width:50%}
.futureGrownDiv .greenDiv .infoD .listD .list .img{text-align:center}
.futureGrownDiv .greenDiv .infoD .listD .list .img img{max-width:100%}
.futureGrownDiv .greenDiv .infoD .listD .list .txt{margin-top:32px; padding-right:40px; font-family:'Noto Sans KR'; font-weight:300; font-size:18px; line-height:30px; color:#555}
.futureGrownDiv .greenDiv .dataD{margin-top:80px}
.futureGrownDiv .greenDiv .dataD .txt{margin-top:25px; font-family:'Noto Sans KR'; font-weight:300; font-size:18px; line-height:30px; color:#555}
.futureGrownDiv .greenDiv .dataD table{margin-top:40px}
.futureGrownDiv .greenDiv .comCultureDiv{margin-top:80px}
.futureGrownDiv .greenDiv .comCultureDiv .txt{margin-top:25px; font-family:'Noto Sans KR'; font-weight:300; font-size:18px; line-height:30px; color:#555}
.futureGrownDiv .startupDiv.active .supportList .list{top:0; opacity:1}

/* 기업 Identity*/
.environmentDiv{word-break:keep-all;}
.environmentDiv .onlyWeb{display:block;}
.environmentDiv .onlyMob{display:none;}
.environmentDiv .img img{max-width:100%;}
.environmentDiv .tit{font-family:'Noto Sans KR'; font-size:35px; line-height:41px; color:#222; font-weight:700; text-align:center;}
/* .environmentDiv .txt{font-family:'Noto Sans KR'; font-size:18px; color:#555; font-weight:300; line-height:30px; text-align:center;} */
.environmentDiv .txt {
    font-family: 'Noto Sans KR';
    font-size: 20px;
    color: #fff;
    font-weight: 300;
    line-height: 34px;
	text-align: center;
}
.environmentDiv .countupDiv{position:relative; margin:75px auto 160px; width:160px; height:170px; transition:width 0.6s ease; overflow:hidden}/* 2020-06-04 수정 */
.environmentDiv .countupDiv:before{content:''; display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); width:48px; height:134px; background:url('../images/withGrownDiv_topArea_left.png') no-repeat}
.environmentDiv .countupDiv:after{content:''; display:block; position:absolute; top:50%; right:0; transform:translateY(-50%); width:48px; height:134px; background:url('../images/withGrownDiv_topArea_right.png') no-repeat}
.environmentDiv .countupDiv .listD{position:absolute; top:0; left:50%; transform:translateX(-50%); width:780px}
.environmentDiv .countupDiv .listD:after{content:''; display:block; clear:both}
.environmentDiv .countupDiv .listD .list{position:relative; top:100px; float:left; width:calc(100% / 3); width:-webkit-calc(100% / 3); width:33.33%; text-align:center; opacity:0; transition:top 0.3s ease, opacity 0.3s ease}
.environmentDiv .countupDiv .listD .list:nth-child(1){transition-delay:0.6s}
.environmentDiv .countupDiv .listD .list:nth-child(2){transition-delay:0.9s}
.environmentDiv .countupDiv .listD .list:nth-child(3){transition-delay:1.2s}
.environmentDiv .countupDiv .listD .list .tit{font-family:'Noto Sans KR'; font-weight:700; font-size:20px; color:#666;}
.environmentDiv .countupDiv .listD .list .count{margin-top:30px; font-family:'Noto Sans KR'; font-weight:700; font-size:20px; color:#999}
.environmentDiv .countupDiv .listD .list .count span{display:inline-block; margin-right:10px; font-family:'Noto Sans KR'; font-size:72px; line-height:50px; color:#222}
.environmentDiv .countupDiv .listD .list .txt{margin-top:20px; font-size:20px; color:#666; line-height:1; font-weight:300; letter-spacing:-0.8px;}
.environmentDiv .countupDiv.active{width:1040px}
.environmentDiv .countupDiv.active .list{top:0; opacity:1}
.environmentDiv .infoBgDiv{position:relative; margin-bottom:140px;}
.environmentDiv .infoBgDiv .box1{position:absolute; top:-70px; right:-70px; width:140px; height:140px; background:rgba(190, 215, 50, 0.8)}
.environmentDiv .infoBgDiv .box2{position:absolute; top:580px; left:-100px; width:200px; height:200px; border:6px solid rgba(190, 215, 50, 0.5)}
.environmentDiv .infoBgDiv .box3{position:absolute; top:530px; left:-150px; width:100px; height:100px; background:rgba(190, 215, 50, 0.3)}
.environmentDiv .infoBgDiv .bgDiv{padding:260px 0; margin:0 auto; width:1200px; height:590px; font-family:'Noto Sans KR'; font-weight:300; font-size:28px; line-height:40px; color:#fff; text-align:center; background:url('../images/environment_bg1.jpg') no-repeat center top; transition:width 0.3s ease, height 0.3s ease}
.environmentDiv .infoBgDiv .bgDiv .inner{top:100px; opacity:0; transition:top 0.6s ease, opacity 0.6s ease; transition-delay:0.3s}
.environmentDiv .infoBgDiv .bgDiv .inner span{display:block}
.environmentDiv .infoBgDiv .bgDiv .tit{margin-bottom:45px; font-family:'Noto Sans KR'; font-size:60px; color:#fff; font-weight:900; letter-spacing:-1.5px;}
.environmentDiv .infoBgDiv .bgDiv .txt{font-size:28px; line-height:40px; color:#fff;}
.environmentDiv .infoBgDiv.active .bgDiv{width:100%; height:726px}
.environmentDiv .infoBgDiv.active .bgDiv .inner{top:0; opacity:1}
.environmentDiv .sloganDiv .inner{padding-bottom:114px; border-bottom:1px solid #e5e5e5;}
.environmentDiv .sloganDiv .tit{margin-bottom:38px;}
.environmentDiv .sloganDiv .slogan{margin-bottom:32px; text-align:center; font-family:'Noto Sans KR'; font-size:60px; line-height:1; font-weight:900; letter-spacing:-2.4px; color:#b1c712;}
.environmentDiv .symbolDiv{padding:0px; margin:0px;} /*padding-top:120px; margin-bottom:140px;*/
.environmentDiv .symbolDiv .tit{margin-bottom:37px;}
.environmentDiv .symbolDiv .img{width:100%; margin-top: 50px; margin-bottom:34px; text-align:center;}

.environmentDiv .groupDiv{position:relative; padding:120px 0; background:url("../images/identity_bg.jpg") center 20% no-repeat; background-size: cover; background-attachment: fixed;} /*background:url("../images/environment_bg2.jpg") center 0 no-repeat; transition: background-size 1s ease*/
.environmentDiv .groupDiv .tit{margin-bottom:31px;}
.environmentDiv .groupDiv .txt{} /*margin-bottom:74px;*/
.environmentDiv .groupDiv .img{position:relative; top:80px; width:100%; margin-bottom:25px; text-align:center; opacity:0; transition:top 0.5s ease, opacity 0.7s ease;}
.environmentDiv .groupDiv .infoTxt{width:843px; margin:0 auto; padding:0 0 0 245px;}
.environmentDiv .groupDiv .infoTxt p{font-family:'Noto Sans KR'; font-size:18px; color:#555; line-height:26px; font-weight:300; text-align:left; letter-spacing:-1px}
.environmentDiv .groupDiv .infoTxt .bold{margin-bottom:10px; font-family:'Noto Sans KR'; color:#222; font-weight:700;}
.environmentDiv .groupDiv.active .img{top:0; opacity:1;}

.environmentDiv .envPolicyDiv{padding:120px 0 140px;}
.environmentDiv .envPolicyDiv .tit{margin-bottom:70px;}
.environmentDiv .envPolicyDiv .listDiv{}
.environmentDiv .envPolicyDiv .listDiv .listTit{margin-bottom:30px; font-family:'Noto Sans KR'; font-size:24px; color:#222; font-weight:700; letter-spacing:-2px}
.environmentDiv .envPolicyDiv .listDiv .list{width:100%; padding:50px 0; overflow:hidden; border-top:1px solid #e5e5e5;}
.environmentDiv .envPolicyDiv .listDiv .list:last-child{border-bottom:1px solid #e5e5e5;}
.environmentDiv .envPolicyDiv .listDiv .list .num{float:left; width:190px; font-size:24px; color:#b1c712; line-height:1; text-align:center;}
.environmentDiv .envPolicyDiv .listDiv .list .txt{float:left; width:calc(100% - 190px); width:-webkit-calc(100% - 190px); font-family:'Noto Sans KR'; font-size:18px; line-height:30px; letter-spacing:-1px; font-weight:300; text-align:left;}
.environmentDiv .envGoalDiv{padding:120px 0 140px; background:#f5f5f5;}
.environmentDiv .envGoalDiv .tit{margin-bottom:31px;}
.environmentDiv .envGoalDiv .txt{margin-bottom:63px;}
.environmentDiv .envGoalDiv .inner > .img{position:relative; top:80px; opacity:0; text-align:center; transition:top 0.5s ease, opacity 0.7s ease;}
.environmentDiv .envGoalDiv.active .img{top:0; opacity:1;}
.environmentDiv .envGoalDiv .listDiv{margin-top:70px; border-top:4px solid #e5e5e5;}
.environmentDiv .envGoalDiv .listDiv .list{display:flex; flex-wrap:wrap; align-items:center; align-content:center; width:100%; padding:50px 0; overflow:hidden; border-bottom:1px solid #e5e5e5;}
.environmentDiv .envGoalDiv .listDiv .list .img{width:160px; text-align:center;}
.environmentDiv .envGoalDiv .listDiv .list .txtD{width:calc(100% - 160px); width:-webkit-calc(100% - 160px); text-align:left;}
.environmentDiv .envGoalDiv .listDiv .list .txtD p{font-family:'Noto Sans KR'; font-size:18px; color:#555; line-height:30px; font-weight:300;}
.environmentDiv .envGoalDiv .listDiv .list .txtD .bold{font-family:'Noto Sans KR'; margin-bottom:14px; font-size:22px; line-height:1; color:#222; font-weight:700;}
.environmentDiv .planDiv{margin-top:80px;}
.environmentDiv .planDiv .planTit{margin-bottom:20px; font-family:'Noto Sans KR'; font-size:24px; color:#222; line-height:1; font-weight:700;}
.environmentDiv .planDiv .planTxt{font-family:'Noto Sans KR'; font-size:18px; line-height:30px; font-weight:300; color:#555;}
.environmentDiv .planDiv .tableStyle2{margin-top:27px;}
.environmentDiv .planDiv .tableStyle2 table td{height:115px}
.environmentDiv .planDiv .tableStyle2 .imgBox{display:flex; flex-wrap:wrap; align-items:center; align-content:center; width:100%;}
.environmentDiv .planDiv .tableStyle2 .imgBox .img{width:42px;}
.environmentDiv .planDiv .tableStyle2 .imgBox .txtD{width:calc(100% - 42px); width:-webkit-calc(100% - 42px); padding-left:30px; text-align:left;}
.environmentDiv .planDiv .tableStyle2 .imgBox .txtD .bold{font-family:'Noto Sans KR'; font-size:16px; color:#222; line-height:28px; font-weight:500;}
.environmentDiv .planDiv .tableStyle2 .imgBox .txtD .dotList p{position:relative; padding-left:10px; font-family:'Noto Sans KR'; font-size:16px; line-height:26px; color:#666; font-weight:300;}
.environmentDiv .planDiv .tableStyle2 .imgBox .txtD .dotList p:after{content:''; display:block; position:absolute; top:10px; left:0; width:4px; height:4px; border-radius:50%; background:#666;}
.environmentDiv .planDiv .tableStyle2 .circle{display:inline-block; width:25px; height:25px; border-radius:50%; border:3px solid #c2d922; vertical-align:middle;}
.environmentDiv .envActivityDiv{padding:120px 0 0;}
.environmentDiv .envActivityDiv .tit{margin-bottom:31px;}
.environmentDiv .envActivityDiv .inner > .txt{margin-bottom:94px;}
.environmentDiv .envActivityDiv .subTit{font-family:'Noto Sans KR'; font-size:42px; color:#222; line-height:1; font-weight:300; text-align:center;}
.environmentDiv .envActivityDiv .actSection{padding:80px 0 0;}
.environmentDiv .envActivityDiv .actSection .txt{margin-bottom:34px; text-align:left;}
.environmentDiv .envActivityDiv .actSection .dotTit{position:relative; margin-top:50px; padding-left:20px; font-family:'Noto Sans KR'; font-size:20px; color:#222; line-height:30px; font-weight:900;}
.environmentDiv .envActivityDiv .actSection .dotTit:after{content:''; display:block; position:absolute; top:10px; left:0; width:10px; height:10px; border-radius:50%; border:3px solid #bed733; box-sizing:border-box;}
.environmentDiv .envActivityDiv .actSection .dotTit .sTxt{font-family:'Noto Sans KR'; font-size:18px; font-weight:300;}
.environmentDiv .envActivityDiv .actSection1{padding:80px 0 75px;}
.environmentDiv .envActivityDiv .actSection1 .txt{margin-bottom:34px; text-align:left;}
.environmentDiv .envActivityDiv .actSection1 .listDiv{overflow:hidden;}
.environmentDiv .envActivityDiv .actSection1 .listDiv .list{float:left; width:50%;}
.environmentDiv .envActivityDiv .actSection1 .listDiv .list .img{margin-bottom:34px; text-align:center;}
.environmentDiv .envActivityDiv .actSection1 .listDiv .list .txt{margin-bottom:0;}
.environmentDiv .envActivityDiv .actSection2{padding:0;}
.environmentDiv .envActivityDiv .actSection2 .txt{margin-bottom:34px; text-align:left;}
.environmentDiv .envActivityDiv .actSection2 .txt .green{font-family:'Noto Sans KR'; color:#b1c712; font-weight:500;}
.environmentDiv .envActivityDiv .actSection2 .graphDiv{padding:80px 50px; background:#f5f5f5; text-align:center; overflow:hidden;}
.environmentDiv .envActivityDiv .actSection2 .graphDiv .tit{margin-bottom:20px; font-family:'Noto Sans KR'; font-weight:700; font-size:24px; color:#222}
.environmentDiv .envActivityDiv .actSection2 .graphDiv .graphBox{float:left; width:30.66%; margin-right:4%}
.environmentDiv .envActivityDiv .actSection2 .graphDiv .graphBox:last-child{float:right; margin-right:0}
.environmentDiv .envActivityDiv .actSection2 .graphDiv .graphBox > div .unit{width:100%; margin-bottom:18px; text-align:right; font-family:"Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:16px; color:#666; line-height:1;}
.environmentDiv .envActivityDiv .actSection2 .graphDiv .graphBox > div .graph .row{width:100%;}
.environmentDiv .envActivityDiv .actSection2 .graphDiv .graphBox > div .graph .row:after{content:''; display:block; clear:both;}
.environmentDiv .envActivityDiv .actSection2 .graphDiv .graphBox > div .graph .row .list{position:relative; width:100%; height:94px; padding-left:90px;}
.environmentDiv .envActivityDiv .actSection2 .graphDiv .graphBox > div .graph .row .list:last-child{height:0}
.environmentDiv .envActivityDiv .actSection2 .graphDiv .graphBox > div .graph .row .list .num{position:absolute; top:-7px; left:0; width:90px; font-family:"Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:16px; color:#222; font-weight:600; line-height:1; text-align:left;}
.environmentDiv .envActivityDiv .actSection2 .graphDiv .graphBox > div .graph .row .list .line{width:100%; height:1px; background:url("../images/graph-dash-line.png") 0 0 repeat-x;}
.environmentDiv .envActivityDiv .actSection2 .graphDiv .graphBox > div .graph .row .list:last-child .line{background:#e3e3e3;}
.environmentDiv .envActivityDiv .actSection2 .graphDiv .graphBox > div .graph .col{display:flex; flex-wrap:wrap; width:100%; padding:30px 0 0 90px; justify-content:center; justify-items:center;}
.environmentDiv .envActivityDiv .actSection2 .graphDiv .graphBox > div .graph .col .list{position:relative; width:70px;}
.environmentDiv .envActivityDiv .actSection2 .graphDiv .graphBox > div .graph .col .list .value{width:100%; font-family:"Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:16px; color:#222; text-align:center;}
.environmentDiv .envActivityDiv .actSection2 .graphDiv .graphBox > div .graph .col .list .line{display:block; position:absolute; bottom:46px; left:50%; transform:translateX(-50%); width:30px; height:100px;}
.environmentDiv .envActivityDiv .actSection2 .graphDiv .graphBox > div .graph .col .list .line .bg{display:block; position:absolute; bottom:0; left:0; width:100%; height:0; background:#00959c; opacity:0; transition:height 0.5s ease, opacity 0.4s ease}
.environmentDiv .envActivityDiv .actSection2 .graphDiv.active .graphBox > div .graph .col .list .line .bg{height:100%; opacity:1;}
.environmentDiv .envActivityDiv .actSection2 .graphDiv .graphBox > div .graph .col .list .line .num{display:block; position:absolute; top:-47px; left:50%; transform:translateX(-50%); height:35px; padding:0 10px 0 20px; font-family:"Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:12px; color:#222; line-height:35px; text-align:left; border:1px solid #009999; border-radius:3px; background:#fff; box-shadow:3px 3px 5px rgba(0,0,0,0.2); opacity:0; transition:opacity 0.2s ease}
.environmentDiv .envActivityDiv .actSection2 .graphDiv .graphBox > div .graph .col .list .line .num:before{content:''; display:block; position:absolute; top:50%; left:10px; transform:translateY(-50%); width:7px; height:7px; border-radius:50%; background:#009999;}
.environmentDiv .envActivityDiv .actSection2 .graphDiv .graphBox > div .graph .col .list .line .num:after{content:''; display:block; position:absolute; bottom:-9px; left:50%; transform:translateX(-50%); width:12px; height:9px; background:url("../images/env-graph-num-icon1.png") center no-repeat;}
.environmentDiv .envActivityDiv .actSection2 .graphDiv .graphBox > div .graph .col .list .line:hover .bg{background:#19b2b2;}
.environmentDiv .envActivityDiv .actSection2 .graphDiv .graphBox > div .graph .col .list .line:hover .num{opacity:1;}
.environmentDiv .envActivityDiv .actSection2 .graphDiv .graphBox.gra1 > div .graph .col .list:nth-child(1) .line{height:259px;}
.environmentDiv .envActivityDiv .actSection2 .graphDiv .graphBox.gra1 > div .graph .col .list:nth-child(2) .line{height:249px;}
.environmentDiv .envActivityDiv .actSection2 .graphDiv .graphBox.gra1 > div .graph .col .list:nth-child(3) .line{height:257px;}
.environmentDiv .envActivityDiv .actSection2 .graphDiv .graphBox.gra2 > div .graph .col .list .line .bg{background:#a2d5b3;}
.environmentDiv .envActivityDiv .actSection2 .graphDiv .graphBox.gra2 > div .graph .col .list .line:hover .bg{background:#aee3c0;}
.environmentDiv .envActivityDiv .actSection2 .graphDiv .graphBox.gra2 > div .graph .col .list:nth-child(1) .line{height:241px;}
.environmentDiv .envActivityDiv .actSection2 .graphDiv .graphBox.gra2 > div .graph .col .list:nth-child(2) .line{height:229px;}
.environmentDiv .envActivityDiv .actSection2 .graphDiv .graphBox.gra2 > div .graph .col .list:nth-child(3) .line{height:227px;}
.environmentDiv .envActivityDiv .actSection2 .graphDiv .graphBox.gra2 > div .graph .col .list .line .num{border:1px solid #a2d5b3;}
.environmentDiv .envActivityDiv .actSection2 .graphDiv .graphBox.gra2 > div .graph .col .list .line .num:before{background:#a2d5b3;}
.environmentDiv .envActivityDiv .actSection2 .graphDiv .graphBox.gra2 > div .graph .col .list .line .num:after{background:url("../images/env-graph-num-icon2.png") center no-repeat;}
.environmentDiv .envActivityDiv .actSection2 .graphDiv .graphBox.gra3 > div .graph .col .list .line .bg{background:#b1c712;}
.environmentDiv .envActivityDiv .actSection2 .graphDiv .graphBox.gra3 > div .graph .col .list .line:hover .bg{background:#cbe02b;}
.environmentDiv .envActivityDiv .actSection2 .graphDiv .graphBox.gra3 > div .graph .col .list:nth-child(1) .line{height:244px;}
.environmentDiv .envActivityDiv .actSection2 .graphDiv .graphBox.gra3 > div .graph .col .list:nth-child(2) .line{height:237px;}
.environmentDiv .envActivityDiv .actSection2 .graphDiv .graphBox.gra3 > div .graph .col .list:nth-child(3) .line{height:236px;}
.environmentDiv .envActivityDiv .actSection2 .graphDiv .graphBox.gra3 > div .graph .col .list .line .num{border:1px solid #b1c712;}
.environmentDiv .envActivityDiv .actSection2 .graphDiv .graphBox.gra3 > div .graph .col .list .line .num:before{background:#b1c712;}
.environmentDiv .envActivityDiv .actSection2 .graphDiv .graphBox.gra3 > div .graph .col .list .line .num:after{background:url("../images/env-graph-num-icon3.png") center no-repeat;}
.environmentDiv .envActivityDiv .actSection3{padding:80px 0 0;}
.environmentDiv .envActivityDiv .actSection3 .envCam{width:100%; margin-top:34px; padding:60px; background:#fafbf7;}
.environmentDiv .envActivityDiv .actSection3 .envCam .icon{margin-bottom:20px; text-align:center;}
.environmentDiv .envActivityDiv .actSection3 .envCam .icon img{max-width:100%;}
.environmentDiv .envActivityDiv .actSection3 .envCam .greenBox{width:510px; height:63px; margin:0 auto 22px; font-family:'Noto Sans KR'; font-size:24px; color:#fff; line-height:68px; font-weight:700; text-align:center; background:#bfd715;}
.environmentDiv .envActivityDiv .actSection3 .envCam .imgD{margin-top:34px; text-align:center; overflow:hidden;}
.environmentDiv .envActivityDiv .actSection3 .envCam .imgD .img{display:inline-block; float:left; width:510px; margin-right:59px;}
.environmentDiv .envActivityDiv .actSection3 .envCam .imgD .img:last-child{margin-right:0;}
.environmentDiv .envActivityDiv .actSection3 .envCam .imgD.taC .img{float:none;}
.environmentDiv .envActivityDiv .actSection3 .envCamBox{margin-bottom:55px;}
.environmentDiv .envActivityDiv .actSection3 .envCamBox:last-child{margin-bottom:0;}
.environmentDiv .envActivityDiv .actSection3 .envCamBox:after{content:''; display:block; clear:both;}
.environmentDiv .envActivityDiv .actSection3 .envCamBox .box{float:left; width:510px; margin-right:60px;}
.environmentDiv .envActivityDiv .actSection3 .envCamBox .box:last-child{margin-right:0;}
.environmentDiv .envActivityDiv .actSection4{padding:80px 0 90px;}
.environmentDiv .envActivityDiv .actSection4 .cirImgD{display:flex; flex-wrap:wrap; justify-content:center; justify-items:center; margin-top:34px;}

.environmentDiv .envActivityDiv .actSection4 .cirImgD .cir{position:relative; width:380px; margin-left:-40px;}
.environmentDiv .envActivityDiv .actSection4 .cirImgD .cir:first-child{z-index:2; margin-left:0;}
.environmentDiv .envActivityDiv .actSection4 .cirImgD .cir:nth-child(2){z-index:1;}
.environmentDiv .envActivityDiv .actSection4 .cirImgD .cir .img{width:380px; height:380px; border-radius:50%; margin-bottom:25px; text-align:center; overflow:hidden;}
.environmentDiv .envActivityDiv .actSection4 .cirImgD .cir .img img{transition:transform 0.5s ease}
.environmentDiv .envActivityDiv .actSection4 .cirImgD .cir .txt{margin-bottom:0; font-size:18px; line-height:32px; color:#222; text-align:center;}
.environmentDiv .envActivityDiv .actSection4 .cirImgD .cir:hover .img img{transform:scale(1.2)}

.environmentDiv .envActivityDiv .actSection5{padding:75px 0 0;}
.environmentDiv .envActivityDiv.gryBg{padding:100px 0 365px; background:#f5f5f5;}
.environmentDiv .envActivityDiv .envSwiper{position:relative;}
.environmentDiv .envActivityDiv .envSwiper .swiper-slide img{width:100%;}
.environmentDiv .envActivityDiv .envSwiper .swiperTxtSlide{position:absolute; bottom:0; right:0; width:610px; height:196px; background:#fff; z-index:1;}
.environmentDiv .envActivityDiv .envSwiper .swiperTxtSlide .txtSlide{display:none; width:100%; height:100%; padding:35px 40px;}
.environmentDiv .envActivityDiv .envSwiper .swiperTxtSlide .txtSlide:nth-child(1){display:block;}
.environmentDiv .envActivityDiv .envSwiper .swiperTxtSlide .txtSlide .tit{margin-bottom:30px; font-family:'Noto Sans KR'; font-size:30px; line-height:40px; font-weight:700; text-align:left;}
.environmentDiv .envActivityDiv .envSwiper .swiperTxtSlide .txtSlide .txt{font-family:'Noto Sans KR'; font-size:18px; color:#555; line-height:28px; font-weight:300; text-align:left; padding-right:190px; }
.environmentDiv .envActivityDiv .envSwiper .swiperTxtSlide .txtSlide .txt span{font-size:14px;}
.environmentDiv .envActivityDiv .envSwiper .swiper-btn{position:absolute; right:0; bottom:0; width:190px; height:110px; background:#fff; z-index:1;}
.environmentDiv .envActivityDiv .envSwiper .swiper-btn:after{content:''; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:1px; height:30px; background:#ddd; z-index:1;}
.environmentDiv .envActivityDiv .envSwiper .swiper-btn .swiper-button-prev{top:0; left:0; transform:none; width:95px; height:110px; margin:0; background:url("../images/envSwiper_prev_arrow.png") center no-repeat;}
.environmentDiv .envActivityDiv .envSwiper .swiper-btn .swiper-button-next{top:0; right:0; transform:none; width:95px; height:110px; margin:0; background:url("../images/envSwiper_next_arrow.png") center no-repeat;}
.environmentDiv .envActivityDiv .envSwiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#bed733;}
.environmentDiv .envActivityDiv .envSwiper .swiper-pagination-progressbar{background:#fff;}
.environmentDiv .envActivityDiv .envSwiper .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{height:6px;}
.environmentDiv .envActivityDiv .envSwiper2{margin-top:25px;}
.environmentDiv .envActivityDiv .envSwiper2 .swiper-slide .mark{position:absolute; top:6px; left:0; padding:20px; font-size:20px; color:#fff; line-height:1; background:rgba(0,0,0,0.5);}
.environmentDiv .envActivityDiv .envSwiper2 .swiper-slide{width:100%; height:100%; padding:75px 75px 0; background:#fff ;}
.environmentDiv .envActivityDiv .envSwiper2 .swiper-slide .envSlideTit{margin-bottom:15px; font-family:'Noto Sans KR'; font-size:30px; line-height:40px; color:#222; text-align:left; font-weight:700;}
.environmentDiv .envActivityDiv .envSwiper2 .swiper-slide .img{}
.environmentDiv .envActivityDiv .envSwiper2 .swiper-slide .img img{width:100%;}
.environmentDiv .envActivityDiv.envMou{margin-top:-305px; padding:0;}
.environmentDiv .envActivityDiv.envMou .actSection{padding:0;}
.environmentDiv .envActivityDiv.envMou .actSection .dotTit{margin-top:0;}
.environmentDiv .envActivityDiv.envMou .whtImgD{width:1200px; padding:75px; text-align:center; background:#fff; margin:25px auto 0;}
.environmentDiv .envActivityDiv.envMou .whtImgD img{max-width:100%;}

.ethicManageD{word-break:keep-all}
.ethicManageD .notiBox{margin-top:35px; padding:45px 50px; font-family:'Noto Sans KR'; font-weight:300; font-size:18px; line-height:30px; color:#222; background:#f3f5e2; letter-spacing:-1px}
.ethicManageD .downInfo{margin-top:60px}
.ethicManageD .downInfo .tit{font-family:'Noto Sans KR'; font-weight:700; font-size:22px; color:#555}
.ethicManageD .downInfo .btnD{margin-top:25px}
.ethicManageD .downInfo .btnD:after{content:''; display:block; clear:both}
.ethicManageD .downInfo .btnD a{float:left; padding:0 25px; margin:5px 10px 0 0; font-family:'Noto Sans KR'; font-weight:700; font-size:14px; line-height:38px; color:#555; background:#fff; border:1px solid rgba(34, 34, 34, 0.2); border-radius:50px; transition:color 0.3s ease, background 0.3s ease, border 0.3s ease}
.ethicManageD .downInfo .btnD a span{display:block; padding-right:28px; background:url('../images/btnA_download.png') no-repeat right center; transition:background 0.3s ease}
.ethicManageD .downInfo .btnD a:hover{color:#fff; background:#bfd715; border:1px solid #bfd715}
.ethicManageD .downInfo .btnD a:hover span{background:url('../images/btnA_download_on.png') no-repeat right center}
.ethicManageD .ethicListD{margin-top:80px; border-top:4px solid #e5e5e5}
.ethicManageD .ethicListD .list{display:table; padding:50px 30px; width:100%; border-bottom:1px solid #e5e5e5}
.ethicManageD .ethicListD .list:last-child{border-bottom:none}
.ethicManageD .ethicListD .list .imgArea{display:table-cell; width:100px; vertical-align:middle}
.ethicManageD .ethicListD .list .txtArea{display:table-cell; padding-left:30px; vertical-align:middle}
.ethicManageD .ethicListD .list .txtArea .tit{font-family:'Noto Sans KR'; font-weight:700; font-size:22px; color:#222}
.ethicManageD .ethicListD .list .txtArea .txt{margin-top:15px; font-family:'Noto Sans KR'; font-weight:300; font-size:18px; line-height:30px; color:#555}
.ethicManageD .ethicReportD{margin-top:70px; padding:100px 0; text-align:center; background:url('../images/ethic_reportD_bg.jpg') no-repeat center; background-size:cover; background-attachment:fixed}
/* ie */
@media all and (-ms-high-contrast:none){
	.ethicManageD .ethicReportD{background-attachment:scroll}
}
.ethicManageD .ethicReportD .title{font-family:'Noto Sans KR'; font-weight:900; font-size:30px; color:#fff}
.ethicManageD .ethicReportD .text{margin-top:35px; font-family:'Noto Sans KR'; font-weight:300; font-size:18px; line-height:28px; color:#fff}
.ethicManageD .ethicReportD .listD{margin-top:55px}
.ethicManageD .ethicReportD .listD:after{content:''; display:block; clear:both}
.ethicManageD .ethicReportD .listD .list{float:left; margin-right:50px; padding:50px 60px 55px; width:575px; height:255px; background:#fff; transition:background 0.3s ease, box-shadow 0.3s ease}
.ethicManageD .ethicReportD .listD .list:nth-child(2n){margin-right:0}
.ethicManageD .ethicReportD .listD .list .thumb{font-family:'Noto Sans KR'; font-weight:900; font-size:28px; line-height:44px; color:#888; overflow:hidden; transition:color 0.3s ease, margin 0.3s ease}
.ethicManageD .ethicReportD .listD .list .thumb img:first-child{display:inline}
.ethicManageD .ethicReportD .listD .list .thumb img:last-child{display:none}
.ethicManageD .ethicReportD .listD .list .txt{margin-top:25px; font-family:'Noto Sans KR'; font-weight:300; font-size:18px; line-height:26px; color:#555}
.ethicManageD .ethicReportD .listD .list .txt span{display:block}
.ethicManageD .ethicReportD .listD .list a{display:none; padding-bottom:2px; margin:40px auto 0; font-family:'Noto Sans KR'; font-weight:700; font-size:18px; color:#fff; border-bottom:2px solid #fff; opacity:0; transition:opacity 0.3s ease}


.ethicManageD .ethicReportD .listD .list:hover{background:#afcf1b; box-shadow:20px 20px 150px rgba(0, 0, 0, 0.75)}
.ethicManageD .ethicReportD .listD .list:hover .thumb{margin-top:20px; color:#fff}
.ethicManageD .ethicReportD .listD .list:hover .thumb img:first-child{display:none}
.ethicManageD .ethicReportD .listD .list:hover .thumb img:last-child{display:inline}
.ethicManageD .ethicReportD .listD .list:hover .txt{display:none}
.ethicManageD .ethicReportD .listD .list:hover a{display:inline-block; opacity:1}

 /* 투자정보 */
.irDiv{}
.irDiv .irInfo{margin-bottom:120px; padding:90px 0 100px; background:#f5f5f5; text-align:center}
.irDiv .irInfo .present{font-family:'Noto Sans KR'; font-weight:900; font-size:60px; line-height:42px; color:#222}
.irDiv .irInfo .present span{display:inline-block; margin-left:5px; font-family:'Noto Sans KR'; font-weight:300; font-size:18px; line-height:1; color:#555; vertical-align:baseline}
.irDiv .irInfo .changeD{display:flex; justify-content:center; margin-top:36px}
.irDiv .irInfo .changeD p{position:relative; padding:0 30px; font-family:'Noto Sans KR'; font-weight:300; font-size:20px; color:#222;}
.irDiv .irInfo .changeD p span{display:inline-block; margin-left:15px; font-family:'Noto Sans KR'; font-weight:700; font-size:20px}
.irDiv .irInfo .changeD p span b{display:inline-block; margin-top:3px; font-size:14px; vertical-align:top}
.irDiv .irInfo .changeD p:first-child:after{content:''; display:block; position:absolute; top:0; right:0; width:1px; height:20px; background:#ddd}
.irDiv .irInfo .changeD.up p span{color:#ce0c47}
.irDiv .irInfo .changeD.down p span{color:#00959c}
.irDiv .irInfo .infoList{margin:60px auto 0}
.irDiv .irInfo .infoList .list{float:left; margin-right:20px; padding:50px 20px; width:224px; height:224px; background:#fff; border:1px solid #e5e5e5}
.irDiv .irInfo .infoList .list:last-child{margin-right:0}
.irDiv .irInfo .infoList .list .tit{position:relative; padding-bottom:44px; font-family:'Noto Sans KR'; font-weight:700; font-size:20px; color:#666}
.irDiv .irInfo .infoList .list:nth-child(4) .tit, .irDiv .irInfo .infoList .list:nth-child(5) .tit{padding-bottom:0}
.irDiv .irInfo .infoList .list:nth-child(n+4) .tit:after{display:none}
.irDiv .irInfo .infoList .list:nth-child(4) .con, .irDiv .irInfo .infoList .list:nth-child(5) .con{margin-top:55px}
.irDiv .irInfo .infoList .list .tit:after{content:''; display:block; position:absolute; bottom:0; left:50%; margin-left:-12px; width:24px; height:2px; background:#ddd}
.irDiv .irInfo .infoList .list .tit span{color:#888}
.irDiv .irInfo .infoList .list .con{margin-top:40px; font-family:'Noto Sans KR'; font-weight:900; font-size:28px; line-height:20px; color:#222}
.irDiv .irInfo .infoList .list .change{margin-top:20px; font-family:'Noto Sans KR'; font-weight:900; font-size:18px; line-height:13px}
.irDiv .irInfo .infoList .list .change b{display:inline-block; margin-top:-1px; font-size:12px; vertical-align:top}
.irDiv .irInfo .infoList .list .change.up{color:#ce0c47}
.irDiv .irInfo .infoList .list .change.down{color:#00959c}
.irDiv .sortTabCon{margin:60px auto 0}
.irDiv .topArea:after{content:''; display:block; clear:both}
.irDiv .topArea .noticeList{float:left; margin-right:60px; width:740px}
.irDiv .topArea .noticeList .listD{border-top:2px solid #b1c712}
.irDiv .topArea .noticeList .listD .list{display:block; padding:30px 0; width:100%; border-bottom:1px solid #ddd}
/*.irDiv .topArea .noticeList .listD .list .title{display:block; width:100%; vertical-align:middle}*/
.irDiv .topArea .noticeList .listD .list .title{font-family:'Noto Sans KR'; font-weight:300; font-size:20px; color:#222; }/* 2019-12-05 추가 */
.irDiv .topArea .noticeList .listD .list .title a{display:inline-block; padding:2px 0; max-width:100%; height:100%; font-family:'Noto Sans KR'; font-weight:300; font-size:20px; color:#222; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; vertical-align:middle}
.irDiv .topArea .noticeList .listD .list .date{display:none;  font-size:16px; color:#888; vertical-align:middle}
.irDiv .topArea .nowCheck{position:relative; float:left; padding:55px 60px; width:400px; height:370px; background:url('../images/nowCheck_bg.jpg') no-repeat center}
.irDiv .topArea .nowCheck .tit{font-family:'Noto Sans KR'; font-weight:300; font-size:28px; line-height:38px; color:#000}
.irDiv .topArea .nowCheck .tit span{display:block}
.irDiv .topArea .nowCheck .txt{position:absolute; bottom:55px; left:60px; font-family:'Noto Sans KR'; font-weight:300; font-size:18px; line-height:28px; color:rgba(0, 0, 0, 0.7)}
.irDiv .topArea .nowCheck .txt span{display:block}
.irDiv .faqArea{margin-top:80px}
.irDiv .irInfoBox{padding:65px 60px; border:1px solid #e5e5e5}
.irDiv .irInfoBox:after{content:''; display:block; clear:both}
.irDiv .irInfoBox .info{float:left; width:250px}
.irDiv .irInfoBox .info .tit{font-family:'Noto Sans KR'; font-weight:700; font-size:18px; color:#666}
.irDiv .irInfoBox .info .name{margin-top:15px; font-size:28px; color:#222}
.irDiv .irInfoBox .contact{float:right; margin-top:10px}
.irDiv .irInfoBox .contact:after{content:''; display:block; clear:both}
.irDiv .irInfoBox .contact dl{float:left; padding:0 40px; border-right:1px solid #ddd}
.irDiv .irInfoBox .contact dl:first-child{padding-left:0}
.irDiv .irInfoBox .contact dl:last-child{padding-right:0; border-right:none}
.irDiv .irInfoBox .contact dl dt{font-family:'Noto Sans KR'; font-weight:700; font-size:18px; color:#999}
.irDiv .irInfoBox .contact dl dd{margin-top:5px; font-family:'Noto Sans KR'; font-weight:700; font-size:26px; color:#333}
.irDiv .irInfoBox .downD{float:left; margin:70px auto 0; width:100%; text-align:center}
.irDiv .irInfoBox .downD a{display:inline-block; padding:0 40px; margin:0 3px; height:60px; font-family:'Noto Sans KR'; font-weight:700; font-size:18px; line-height:60px; color:#fff; background:#222; border-radius:50px; transition:background 0.3s ease}
.irDiv .irInfoBox .downD a:hover{background:#bfd715}
.irDiv .sortTabCon .searchArea{margin-top:-20px}
/* 2019-11-15 추가 */
.irDiv .boxListArea{margin-top:80px;}
.irDiv .boxListArea .title{padding:0 160px 15px 0;}
.irDiv .boxListArea .subTitD .rightSelectD{top:-25px}
/* // 2019-11-15 추가 */
.boxList:after{content:''; display:block; clear:both}
.boxList .list{float:left; margin-right:30px; padding:35px 40px 40px; width:380px; border:1px solid #ddd}
.boxList .list:nth-child(3n){margin-right:0}
.boxList .list:nth-child(3n+1){clear:both}
.boxList .list:nth-child(n+4){margin-top:30px}
.boxList .list .tit{font-family:'Noto Sans KR'; font-weight:300; font-size:22px; line-height:32px; color:#222; text-align:left; word-break:keep-all}
.boxList .list p.tit{display:block}
.boxList .list a.tit{display:inline-block;}
.boxList .list a.tit:hover span{font-family:'Noto Sans KR'; font-weight:700; background:url('../images/underline_bg1x5.gif') repeat-x bottom 4px left;}
.boxList .list dl{margin-top:25px; text-align:left}
.boxList .list dl dt{font-size:18px; color:#555}
.boxList .list dl dd{margin-top:15px;  font-size:18px; line-height:14px; color:#888}
.boxList .list .btnA{float:right; margin-top:25px}
.companyInfoDiv .sortTabCon{margin:0px auto 0}
.companyInfoDiv .graphDiv{padding:80px 40px; background:#f5f5f5; text-align:center; overflow:hidden;}/* 2019-11-29 수정 */
.companyInfoDiv .graphDiv .tit{font-family:'Noto Sans KR'; font-weight:700; font-size:24px; color:#222}
.companyInfoDiv .graphDiv #bar-flotchart .highcharts-title strong{font-family:'Noto Sans KR'; font-weight:300; font-size:16px; color:#666}
.companyInfoDiv .graphDiv #bar-flotchart .highcharts-axis-labels strong{ font-size:15px; color:#222; letter-spacing:0.7px}/* 2019-11-29 수정 */
/* 2019-11-25 추가 */
.companyInfoDiv .graphDiv #bar-flotchart2 .highcharts-title strong{font-family:'Noto Sans KR'; font-weight:300; font-size:16px; color:#666}
.companyInfoDiv .graphDiv #bar-flotchart2 .highcharts-axis-labels strong{ font-size:16px; color:#222; letter-spacing:0}
/* // 2019-11-25 추가 */
.companyInfoDiv .graphDiv .img{margin-top:20px}/* 2019-11-15 수정 */
.companyInfoDiv .graphDiv .img img{max-width:100%}
/* 2019-11-19 추가 */
.companyInfoDiv .graphDiv .graphBox{float:left; width:47%; margin-right:3%}
.companyInfoDiv .graphDiv .graphBox:last-child{float:right; margin-right:0}
/* // 2019-11-19 추가 */

.aboutDiv .investmentD .explainD{margin:50px auto 0; padding:50px; background:#eee}
.aboutDiv .investmentD .explainD dl{margin-top:25px}
.aboutDiv .investmentD .explainD dl:first-child{margin-top:0}
.aboutDiv .investmentD .explainD dl:after{content:''; display:block; clear:both}
.aboutDiv .investmentD .explainD dl dt{float:left; padding-right:20px; width:160px; font-family:'Noto Sans KR'; font-weight:500; font-size:24px; color:#222}
.aboutDiv .investmentD .explainD dl dd{float:left; width:calc(100% - 160px); width:-webkit-calc(100% - 160px); font-family:'Noto Sans KR'; font-weight:300; font-size:18px; color:#555; line-height:24px;}

.companyInfoDiv .choiceYearD{padding-top:120px}
.companyInfoDiv .performanceD{padding:0 0 80px;}
.companyInfoDiv .performanceD.bgc{ padding-bottom: 130px; background:url('../images/bg_compliance.png') no-repeat center 290px;}

.companyInfoDiv .performanceD .money{padding:50px 0 40px 0; text-align:center;}
.companyInfoDiv .performanceD .money p{font-family:'Noto Sans KR'; font-weight:400; font-size:28px; color:#000}
.companyInfoDiv .performanceD .money p span{display:inline-block; margin-left:2px; font-family:'Noto Sans KR'; font-weight:900; font-size:60px; line-height:42px; color:#222}
.Portfolio_tit {font-family:'Noto Sans KR'; font-weight:400; font-size:28px; color:#000; margin-top: 10px;} /* 240307추가 */ 

.companyInfoDiv .performanceD .infoList{  }
.companyInfoDiv .performanceD .infoList:after{content:''; display:block; clear:both}

.companyInfoDiv .performanceD .infoList .list{float:left; margin-right:60px; padding:50px 15px; width:30%; height:160px; background:#fff; text-align:center}

/* .companyInfoDiv .performanceD .infoList .list .tit:after{content:'→'; display:block; color: #00abbc; position:absolute; bottom:50%; left:106%; font-size: 38px; margin-left: -10px;} */
.companyInfoDiv .performanceD .infoList .list .arrow01:after{content:'→'; display:block; color: #00abbc; position:absolute; bottom:56%; left:106%; font-size: 38px; margin-left: -10px;}
.companyInfoDiv .performanceD .infoList .list .arrow02:after{content:'→'; display:block; color: #00abbc; position:absolute; bottom:56%; left:106%; font-size: 38px; margin-left: -10px;}

.companyInfoDiv .performanceD .infoList .list:last-child{margin-right:0}
.companyInfoDiv .performanceD .infoList .list .tit{position:relative; padding-bottom:44px; line-height:28px;  font-family:'Noto Sans KR'; font-weight:400; font-size:20px; color:#222}
.companyInfoDiv .performanceD .infoList .list .tit span{color:#888}
.companyInfoDiv .performanceD .infoList .list .con{margin-top:40px; font-family:'Noto Sans KR'; font-weight:900; font-size:28px; line-height:20px; color:#222}
.companyInfoDiv .performanceD .infoList .list .per{margin-top:15px; font-family:'Noto Sans KR'; font-weight:900; font-size:18px; line-height:16px; color:#999}

/*200918 추가*/
.companyInfoDiv .performanceD .infoList1{}
.companyInfoDiv .performanceD .infoList1:after{content:''; display:block; clear:both}
.companyInfoDiv .performanceD .infoList1 .list{float:left; margin-right:46px; padding:50px 15px; width:22%; height:160px; background:#fff; text-align:center}

/* .companyInfoDiv .performanceD .infoList1 .list .tit:after{content:'⇀'; display:block; color: #00abbc; position:absolute; bottom:0; left:50%; font-size: 38px; margin-left: -10px;} */
.companyInfoDiv .performanceD .infoList1 .list .carrow01:after{content:'→'; display:block; color: #00abbc; position:absolute; bottom:56%; left:106%; font-size: 38px; margin-left: -10px;}
.companyInfoDiv .performanceD .infoList1 .list .carrow02:after{content:'→'; display:block; color: #00abbc; position:absolute; bottom:56%; left:106%; font-size: 38px; margin-left: -10px;}
.companyInfoDiv .performanceD .infoList1 .list .carrow03:after{content:'→'; display:block; color: #00abbc; position:absolute; bottom:56%; left:106%; font-size: 38px; margin-left: -10px;}

.companyInfoDiv .performanceD .infoList1 .list:last-child{margin-right:0}
.companyInfoDiv .performanceD .infoList1 .list .tit{position:relative; padding-bottom:44px; line-height:28px;  font-family:'Noto Sans KR'; font-weight:400; font-size:20px; color:#222}
.companyInfoDiv .performanceD .infoList1 .list .tit span{color:#888}
.companyInfoDiv .performanceD .infoList1 .list .con{margin-top:40px; font-family:'Noto Sans KR'; font-weight:900; font-size:28px; line-height:20px; color:#222}
.companyInfoDiv .performanceD .infoList1 .list .per{margin-top:15px; font-family:'Noto Sans KR'; font-weight:900; font-size:18px; line-height:16px; color:#999}

.companyInfoDiv .financialD{padding:50px 0}
.companyInfoDiv .financialD .infoList{}
.companyInfoDiv .financialD .infoList:after{content:''; display:block; clear:both}
.companyInfoDiv .financialD .infoList .list{float:left; margin-right:20px; padding:50px 15px; width:224px; height:224px; background:#fff; border:1px solid #e5e5e5; text-align:center}
.companyInfoDiv .financialD .infoList .list:last-child{margin-right:0}
.companyInfoDiv .financialD .infoList .list .tit{position:relative; padding-bottom:44px; font-family:'Noto Sans KR'; font-weight:700; font-size:20px; color:#666}
.companyInfoDiv .financialD .infoList .list .tit:after{content:''; display:block; position:absolute; bottom:0; left:50%; margin-left:-12px; width:24px; height:2px; background:#ddd}
.companyInfoDiv .financialD .infoList .list .tit span{color:#888}
.companyInfoDiv .financialD .infoList .list .con{margin-top:40px; font-family:'Noto Sans KR'; font-weight:900; font-size:28px; line-height:20px; color:#222}
.companyInfoDiv .investmentD{ } /*padding-top:50px*/
.companyInfoDiv .investmentD .money{margin:10px 0 15px; text-align:center}
.companyInfoDiv .investmentD .money p{font-family:'Noto Sans KR'; font-weight:300; font-size:18px; color:#666}
.companyInfoDiv .investmentD .money p span{display:inline-block; margin-left:2px; font-family:'Noto Sans KR'; font-weight:900; font-size:60px; line-height:42px; color:#222}
.companyInfoDiv .investmentD .infoList{}
.companyInfoDiv .investmentD .infoList:after{content:''; display:block; clear:both}
.companyInfoDiv .investmentD .infoList .list{float:left; margin-right:10px; margin-bottom: 15px; padding: 0 25px; width:190px; height:200px; background:#fff; text-align:center} /*border:1px solid #e5e5e5;*/
.companyInfoDiv .investmentD .infoList .list:nth-child(1){padding-top: 70px;}
.companyInfoDiv .investmentD .infoList .list:nth-child(2){padding-top: 46px;}
.companyInfoDiv .investmentD .infoList .list:nth-child(3){padding-top: 70px;}
.companyInfoDiv .investmentD .infoList .list:nth-child(4){padding-top: 70px;}
.companyInfoDiv .investmentD .infoList .list:nth-child(5){padding-top: 46px;}
.companyInfoDiv .investmentD .infoList .list:last-child{padding-top: 70px; margin-right:0}
.companyInfoDiv .investmentD .infoList .list .tit{position:relative; padding-bottom:50px; font-family:'Noto Sans KR'; font-weight:500; font-size:20px; line-height:24px; color:#666}
.companyInfoDiv .investmentD .infoList .list .tit:after{content:'⇀'; display:block; color: #00abbc; position:absolute; bottom:0; left:50%; font-size: 38px; margin-left: -10px;}
.companyInfoDiv .investmentD .infoList .list .tit span{color:#888}
.companyInfoDiv .investmentD .infoList .list .con{margin-top:40px; font-family:'Noto Sans KR'; font-weight:900; font-size:28px; line-height:20px; color:#222}
.companyInfoDiv .investmentD .explainD{margin:50px auto 30px; padding: 40px 50px; background:#f0f0f0}
.companyInfoDiv .investmentD .explainD dl{margin-top:25px}
.companyInfoDiv .investmentD .explainD dl:first-child{margin-top:0}
.companyInfoDiv .investmentD .explainD dl:after{content:''; display:block; clear:both}
.companyInfoDiv .investmentD .explainD dl dt{float:left; padding-right:20px; width:10px; font-family:'Noto Sans KR'; font-weight:500; font-size:16px; color:#000}
.companyInfoDiv .investmentD .explainD dl dd{float:left; width:calc(100% - 160px); width:-webkit-calc(100% - 160px); font-family:'Noto Sans KR'; font-weight:300; font-size:16px; color:#000}
.companyInfoDiv .directorD{position:relative; background:url('../images/directorD_bg.jpg') no-repeat center; background-size:cover}
.companyInfoDiv .directorD:before{content:''; display:block; position:absolute; top:0; left:0; width:0; height:100%; background:rgba(152, 184, 77, 0.95); transition:width 0.6s ease}
.companyInfoDiv .directorD .txtArea{position:relative; top:100px; padding:100px 80px 100px 0; width:50%; word-break:keep-all; opacity:0; transition:top 0.4s ease 0.6s, opacity 0.4s ease 0.6s}
.companyInfoDiv .directorD .txtArea .tit1{font-family:'Noto Sans KR'; font-weight:900; font-size:30px; color:#fff}
.companyInfoDiv .directorD .txtArea .txt1{margin-top:15px; font-family:'Noto Sans KR'; font-weight:300; font-size:20px; line-height:30px; color:#fff}
.companyInfoDiv .directorD .txtArea .tit2{margin-top:45px; font-family:'Noto Sans KR'; font-weight:700; font-size:24px; color:#fff}
.companyInfoDiv .directorD .txtArea .txt2{margin-top:15px; font-family:'Noto Sans KR'; font-weight:300; font-size:18px; line-height:28px; color:#fff}
.companyInfoDiv .directorD .txtArea .listD{margin-top:25px; border-top:1px solid rgba(255, 255, 255, 0.3)}
.companyInfoDiv .directorD .txtArea .listD .list{padding:10px 0; font-family:'Noto Sans KR'; font-weight:300; font-size:15px; color:#fff; border-bottom:1px solid rgba(255, 255, 255, 0.3)}/* 2019-11-06 수정 */
.companyInfoDiv .directorD.on:before{width:50%}
.companyInfoDiv .directorD.on .txtArea{top:0; opacity:1}
.companyInfoDiv .organizationD{padding-top:40px}
.companyInfoDiv .organizationD .viewList{margin:30px 0 80px; word-break:keep-all}
.companyInfoDiv .organizationD .viewList .typeTit{margin:50px 0 20px; font-family:'Noto Sans KR'; font-weight:700; font-size:24px; color:#222}
.companyInfoDiv .organizationD .viewList .typeTit:first-child{margin-top:0}
.companyInfoDiv .organizationD .viewList .listD{display:flex; flex-wrap:wrap;}/* 2020-03-12 추가 */
.companyInfoDiv .organizationD .viewList .listD:after{content:''; display:block; clear:both}
.companyInfoDiv .organizationD .viewList .listD .list{margin-right:30px; width:48.7%; min-height:380px; border:1px solid #e5e5e5; }/*  2020-03-12 수정 */
.companyInfoDiv .organizationD .viewList .listD .list:nth-child(2n){margin-right:0}
.companyInfoDiv .organizationD .viewList .listD .list .profile{position:relative; padding:50px 40px;}
.fun01 {height:634px; background:url('../common/images/founders2.png'); }
.fun02 {height:634px; background:url('../common/images/founders3.png'); }

.companyInfoDiv .organizationD .viewList .listD .list .profile .name{ margin-bottom:20px; font-family:'Noto Sans KR'; font-weight:700; font-size:28px; color:#fff} 
.companyInfoDiv .organizationD .viewList .listD .list .profile dl{margin-top:13px}
.companyInfoDiv .organizationD .viewList .listD .list .profile dl:after{content:''; display:block; clear:both}
.companyInfoDiv .organizationD .viewList .listD .list .profile dl dt{float:left; padding-right:10px; width:62px; font-family:'Noto Sans KR'; font-weight:500; font-size:16px; color:#b1c712}
.companyInfoDiv .organizationD .viewList .listD .list .profile dl dd{float:left; width:calc(100% - 62px); width:-webkit-calc(100% - 62px); font-family:'Noto Sans KR'; font-weight:300; font-size:16px; color:#fff}
.companyInfoDiv .organizationD .viewList .listD .list .profile .img{position:absolute; bottom:0; right:40px; width: 120px;}
.companyInfoDiv .organizationD .viewList .listD .list .info{padding:34px 40px; border-top:1px solid #e5e5e5}
.companyInfoDiv .organizationD .viewList .listD .list .info.narrow {padding:44px 30px;} /* 2020-03-12 추가 */
.companyInfoDiv .organizationD .viewList .listD .list .info p{margin-top:13px; font-family:'Noto Sans KR'; font-weight:300; font-size:16px; line-height:26px; color:#333; letter-spacing:-0.7px}
.companyInfoDiv .organizationD .viewList .listD .list .info p:first-child{margin-top:0}
.companyInfoDiv .organizationD .viewList .listD .list .info p.indent{padding-left:23px; text-indent:-23px}
/* 2020-03-12 추가 */
.companyInfoDiv .organizationD .viewList .listD .list .info .indent{margin-top:13px;}
.companyInfoDiv .organizationD .viewList .listD .list .info .indent p{margin-top:3px; padding-left:23px; line-height:24px;}
.companyInfoDiv .organizationD .viewList .listD .list .info .indent p:first-child{margin-top:0; text-indent:-23px}
/* // 2020-03-12 추가 */
/* 2020-01-14 추가 */
.companyInfoDiv .organizationD .direcDiv{margin-top:80px;}
.companyInfoDiv .organizationD .direcDiv .tableStyle2{margin-top:32px;}
/* // 2020-01-14 추가 */
/* 2019-11-15 추가 */
.companyInfoDiv .auditingD{margin-bottom:80px;}
.companyInfoDiv .auditingD:first-child{padding-top:20px;}
.companyInfoDiv .auditingD:last-child{margin-bottom:0;}
.companyInfoDiv .auditingD .subTitD .subTxt{margin-bottom:35px;}
.companyInfoDiv .auditingD .tableStyle2{margin-bottom:40px;}
.companyInfoDiv .auditingD .tableStyle2:last-child{margin-bottom:0;}
.companyInfoDiv .auditingD .tableStyle2 th{border-right:1px solid #e5e5e5;}
.companyInfoDiv .auditingD .tableStyle2 th:last-child{border-right:0;}
.companyInfoDiv .auditingD .tableStyle2 .borderR{border-right:1px solid #e5e5e5;}
.companyInfoDiv .auditingD .tableStyle2 .wScrollD{overflow-x:initial;}
/* // 2019-11-15 추가 */

/* 유틸리티 */
.locationDiv{margin:60px auto 0; word-break:keep-all}
.locationDiv .mapImg img{max-width:100%}
.locationDiv .mapInfo{}
.locationDiv .mapInfo .list{margin-top:75px}
.locationDiv .mapInfo .list:after{content:''; display:block; clear:both}
.locationDiv .mapInfo .list .tit{float:left; padding-left:50px; width:280px; font-family:'Noto Sans KR'; font-weight:900; font-size:38px; line-height:50px; color:#222}
.locationDiv .mapInfo .list .info{float:left; padding-left:50px; width:calc(100% - 380px); width:-webkit-calc(100% - 380px);} /*margin-left:100px; */
.locationDiv .mapInfo .list .info dl{margin-top:8px}
.locationDiv .mapInfo .list .info dl:first-child{margin-top:0}
.locationDiv .mapInfo .list .info dl:after{content:''; display:block; clear:both}
.locationDiv .mapInfo .list .info dl dt{float:left; width:115px; font-family:'Noto Sans KR'; font-weight:700; font-size:18px; line-height:26px; color:#888}
.locationDiv .mapInfo .list .info dl dd{float:left; width:calc(100% - 115px); width:-webkit-calc(100% - 115px); font-family:'Noto Sans KR'; font-weight:300; font-size:18px; line-height:26px; color:#222}
.locationDiv .directionD{margin-top:80px; border-top:2px solid #e5e5e5}
.locationDiv .directionD .list{padding:75px 50px;}
.locationDiv .directionD .list:after{content:''; display:block; clear:both}
.locationDiv .directionD .list .type{float:left; width:230px; font-family:'Noto Sans KR'; font-weight:700; font-size:24px; color:#222}
.locationDiv .directionD .list .info{float:left; width:calc(100% - 230px); width:-webkit-calc(100% - 230px)}
.locationDiv .directionD .list .info p{margin-top:12px; font-family:'Noto Sans KR'; font-weight:300; font-size:18px; color:#555}
.locationDiv .directionD .list .info p:first-child{margin-top:0}
.locationDiv .directionD .list .info p.tit{font-family:'Noto Sans KR'; font-weight:500}
.locationDiv .directionD .list .info p.tit span.icon + span{color:#888}
.locationDiv .directionD .list .info p span{color:#888}
.locationDiv .directionD .list .info p span.icon + span{color:#555}
.locationDiv .directionD .list .info p span.icon{display:inline-block; margin-right:12px; line-height:24px}
.locationDiv .directionD .list .info .sort{margin-top:45px}
.locationDiv .directionD .list .info .sort:first-child{margin-top:0}

.policyDiv{word-break:keep-all; letter-spacing:-0.9px}
.policyDiv .tit{margin-top:40px; font-family:'Noto Sans KR'; font-weight:700; font-size:20px; color:#222}
.policyDiv .tit:first-child{margin-top:60px}
.policyDiv .txt{margin-top:15px; font-family:'Noto Sans KR'; font-weight:300; font-size:16px; line-height:28px; color:#666}
.policyDiv .txt p{margin-top:5px}
.policyDiv .txt p:first-child{margin-top:0}
.policyDiv .txt a{font-family:'Noto Sans KR'; font-weight:500; color:#b1c712; text-decoration:underline}
.policyDiv .tableD{margin:25px 0}
.policyDiv .tableD table{width:100%; border-top:4px solid #e5e5e5}
.policyDiv .tableD table thead th{border-right:none}
.policyDiv .tableD table th{padding:15px 30px; font-family:'Noto Sans KR'; font-weight:500; font-size:16px; line-height:26px; color:#222; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; text-align:center}
.policyDiv .tableD table td{padding:15px 30px; font-family:'Noto Sans KR'; font-weight:300; font-size:16px; line-height:26px; color:#666; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; text-align:center}
.policyDiv .tableD table td.taL{text-align:left}
.policyDiv .tableD table tr th:last-child, .policyDiv .tableD table tr td:last-child{border-right:none}
.policyDiv .tableD table td b{font-family:'Noto Sans KR'; font-weight:500}
.policyDiv .prevFile{margin:20px auto 0}
.policyDiv .prevFile:after{content:''; display:block; clear:both}
.policyDiv .prevFile a{float:left; padding:13px 20px 13px 40px; margin:10px 10px 0 0; font-family:'Noto Sans KR'; font-weight:700; font-size:14px; color:#555; background:url('../images/file_icon.gif') no-repeat 20px center #f5f5f5; border-radius:50px; transition:background 0.3s ease, color 0.3s ease}
.policyDiv .prevFile a:hover{color:#fff; background:url('../images/file_icon_on.gif') no-repeat 20px center #bfd715}
.policyDiv .noticeD{padding:55px 0; margin:60px auto 50px; font-size:19px; line-height:30px; color:#555; text-align:center; background:#f5f5f5}
.policyDiv .noticeD span{display:block}

.viewerMemberDiv{word-break:keep-all}
.viewerMemberDiv .sortTabCon{margin:60px auto 0}
.viewerMemberDiv .sortTabCon .introArea{margin:0 auto 80px; padding:150px 0; width:1200px; height:700px; background:url('../images/viewerMemberDiv_introArea_bg.jpg') no-repeat; background-position:center 0%; transition:width 0.3s ease, background-position 3s ease 0.4s}
.viewerMemberDiv .sortTabCon .introArea .line{margin-top:40px}
.viewerMemberDiv .sortTabCon .introArea .line:nth-child(1){margin-top:0}
.viewerMemberDiv .sortTabCon .introArea .line .tit{position:relative; top:100px; font-family:'Noto Sans KR'; font-weight:900; font-size:28px; color:#fff; opacity:0; transition:top 0.7s ease, opacity 0.7s ease}
.viewerMemberDiv .sortTabCon .introArea .line .txt{margin-top:15px; position:relative; top:100px; font-family:'Noto Sans KR'; font-weight:300; font-size:18px; line-height:28px; color:rgba(255, 255, 255, 0.7); opacity:0; transition:top 0.7s ease, opacity 0.7s ease}
.viewerMemberDiv .sortTabCon .introArea .line .txt span{display:block}
.viewerMemberDiv .sortTabCon .introArea .line:nth-child(1) .tit{transition-delay:0.3s}
.viewerMemberDiv .sortTabCon .introArea .line:nth-child(1) .txt{transition-delay:0.5s}
.viewerMemberDiv .sortTabCon .introArea .line:nth-child(2) .tit{transition-delay:0.8s}
.viewerMemberDiv .sortTabCon .introArea .line:nth-child(2) .txt{transition-delay:1s}
.viewerMemberDiv .sortTabCon .introArea .line:nth-child(3) .tit{transition-delay:1.5s}
.viewerMemberDiv .sortTabCon .introArea .line:nth-child(3) .txt{transition-delay:1.7s}
.viewerMemberDiv .sortTabCon .introArea .line:nth-child(4) .tit{transition-delay:2s}
.viewerMemberDiv .sortTabCon .introArea .line:nth-child(4) .txt{transition-delay:2.2s}
.viewerMemberDiv .sortTabCon .introArea.active{width:100%; background-position:center 100%}
.viewerMemberDiv .sortTabCon .introArea.active .line .tit{top:0; opacity:1}
.viewerMemberDiv .sortTabCon .introArea.active .line .txt{top:0; opacity:1}
.viewerMemberDiv .sortTabCon .memberList{position:relative; margin:30px auto 0; border-top:1px solid #e5e5e5}
.viewerMemberDiv .sortTabCon .memberList:before{content:''; display:block; position:absolute; top:0; left:0; width:1px; height:100%; background:#e5e5e5}
.viewerMemberDiv .sortTabCon .memberList:after{content:''; display:block; clear:both}
.viewerMemberDiv .sortTabCon .memberList .list{position:relative; float:left; padding:50px; width:300px; height:260px; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5}
.viewerMemberDiv .sortTabCon .memberList .list .type{font-family:'Noto Sans KR'; font-weight:500; font-size:16px; color:#b1c712}
.viewerMemberDiv .sortTabCon .memberList .list .name{margin-top:18px; font-family:'Noto Sans KR'; font-weight:700; font-size:22px; color:#222}
.viewerMemberDiv .sortTabCon .memberList .list .info{margin-top:15px; font-family:'Noto Sans KR'; font-weight:300; font-size:16px; line-height:24px; color:#888; letter-spacing:-0.8px}
.viewerMemberDiv .sortTabCon .memberList .list .img{position:absolute; bottom:0; right:0}
.viewerMemberDiv .sortTabCon .conferenceFile:after{content:''; display:block; clear:both}
.viewerMemberDiv .sortTabCon .conferenceFile .list{position:relative; float:left; padding:45px 50px 50px; margin-right:40px; width:580px; height:230px; border:1px solid #e5e5e5; transition:border 0.3s ease}
.viewerMemberDiv .sortTabCon .conferenceFile .list:nth-child(2n){margin-right:0}
.viewerMemberDiv .sortTabCon .conferenceFile .list:nth-child(n+3){margin-top:40px}
.viewerMemberDiv .sortTabCon .conferenceFile .list .tit{display:inline-block; font-family:'Noto Sans KR'; font-weight:300; font-size:24px; line-height:34px; color:#222}
.viewerMemberDiv .sortTabCon .conferenceFile .list .date{position:absolute; bottom:50px; left:50px; font-family:'Noto Sans KR'; font-weight:300; font-size:16px; color:#888}
.viewerMemberDiv .sortTabCon .conferenceFile .list .file{position:absolute; bottom:-1px; right:-1px; width:60px; height:60px; background:url('../images/fileDown_icon.png') no-repeat center center #fff; border:1px solid #e5e5e5; transition:border 0.3s ease, background 0.3s ease}
.viewerMemberDiv .sortTabCon .conferenceFile .list:hover{border:1px solid #bfd715}
.viewerMemberDiv .sortTabCon .conferenceFile .list:hover .tit span{background:url('../images/underline_bg1x5.gif') repeat-x left bottom 2px}
.viewerMemberDiv .sortTabCon .conferenceFile .list:hover .file{border:1px solid #bfd715}
.viewerMemberDiv .sortTabCon .conferenceFile .list .file:hover{background:url('../images/fileDown_icon_on.png') no-repeat center center #bfd715}
.viewerMemberDiv .downInfo{margin-bottom:80px;}
.viewerMemberDiv .downInfo .btnD:after{content:''; display:block; clear:both;}
.viewerMemberDiv .downInfo .btnD a{display:block; float:left; padding:0 25px; margin:5px 10px 0 0; font-family:'Noto Sans KR'; font-weight:700; font-size:14px; line-height:38px; color:#555; background:#fff; border:1px solid rgba(34, 34, 34, 0.2); border-radius:50px; transition:color 0.3s ease, background 0.3s ease, border 0.3s ease}
.viewerMemberDiv .downInfo .btnD a span{display:block; padding-right:28px; background:url('../images/btnA_download.png') no-repeat right center; transition:background 0.3s ease}
.viewerMemberDiv .downInfo .btnD a:hover{color:#fff; background:#bfd715; border:1px solid #bfd715}
.viewerMemberDiv .downInfo .btnD a:hover span{background:url('../images/btnA_download_on.png') no-repeat right center}

/* 공통 */
.agreeDiv .agreeTxt{padding:40px; height:220px; border:1px solid #e5e5e5; overflow-y:auto}
.agreeDiv .agreeTxt .tit{margin-bottom:20px; font-family:'Noto Sans KR'; font-weight:500; font-size:20px; color:#222}
.agreeDiv .agreeTxt .txt{font-family:'Noto Sans KR'; font-weight:300; font-size:16px; line-height:26px; color:#555; word-break:keep-all}
.agreeDiv .agreeTxt .txt b{font-family:'Noto Sans KR'; font-weight:700; font-size:18px}
.agreeDiv .agreeChk{padding:20px 40px 19px; background:#f5f5f5; border:1px solid #e5e5e5; border-top:none}
.agreeDiv .agreeChk .checkBox label{color:#555}
.agreeDiv .agreeChk .checkBox label:after{background:url('../images/checkBox2.png') no-repeat left center}
.agreeDiv .agreeChk .checkBox input[type="checkbox"]:checked + label:after{background:url('../images/checkBox2_on.png') no-repeat left center}

.chkDiv{position:relative;}
.chkDiv input[type="checkbox"]{position:absolute; top:0; left:0; width:22px; height:22px; /*opacity:0; -webkit-appearance:none; -moz-appearance:none; appearance:none;*/}
.chkDiv label{display:inline-block; padding-left:34px; font-weight:300; font-size:16px; line-height:22px; color:#555; }
.chkDiv input[type="checkbox"]:checked + label{}

.faqDiv{border-top:2px solid #b1c712}
.faqDiv .list{border-bottom:1px solid #ddd; word-break:keep-all}
.faqDiv .list .question{display:block; position:relative; padding:25px 60px; font-family:'Noto Sans KR'; font-weight:300; font-size:20px; line-height:30px; color:#222; background:url('../images/accorD_icon_open.png') no-repeat right center}
.faqDiv .list .question:after{content:''; display:block; position:absolute; top:50%; margin-top:-18px; left:0; width:36px; height:36px; background:url('../images/faqDiv_question.png') no-repeat left center}
.faqDiv .list.on .question{background:url('../images/accorD_icon_close.png') no-repeat right center}
.faqDiv .list .answer{display:none; padding:35px 60px; background:#f5f5f5; font-family:'Noto Sans KR'; font-weight:300; font-size:20px; line-height:34px; color:#222}
.faqDiv .list .answer p{font-family:'Noto Sans KR'; font-weight:300; font-size:20px; line-height:34px; color:#222}
.faqDiv .list .answer p:nth-child(n+2){margin-top:8px}
.faqDiv .list .answer p.img{margin:20px 0 50px}
.faqDiv .list .answer p.img:last-child{margin:20px 0 0}
.faqDiv .list .answer b{font-weight:300}
.faqDiv .list .answer img{max-width:100%}
.faqDiv .list .answer .indent{display:block; padding-left:16px}
.faqDiv .list .answer .link{color:#222; text-decoration:none}
.faqDiv .list .answer .link:hover{text-decoration:underline}
.faqDiv .list.faqNone{display:block; width:100%; padding:25px 60px 25px 0; font-family:'Noto Sans KR'; font-weight:300; font-size:20px; line-height:30px; color:#222;}/* 2019-12-05 추가 */

.organizationInfoD{padding:50px 40px 60px; margin-top:25px; background:#fff}
.organizationInfoD .infoTxt{display:block; font-family:'Noto Sans KR'; font-weight:300; font-size:16px; line-height:1; color:#555; text-align:right}
.organizationInfoD .listDiv:after{content:''; display:block; clear:both}
.organizationInfoD .listDiv .list{float:left; margin-right:15px; padding:50px 10px 0; width:calc(20% - 12px); width:-webkit-calc(20% - 12px); height:180px; background:#afcf1b; text-align:center}
.organizationInfoD .listDiv .list:nth-child(5){margin-right:0}
.organizationInfoD .listDiv .list .tit{font-family:'Noto Sans KR'; font-weight:700; font-size:20px; line-height:1; color:#fff}
.organizationInfoD .listDiv .list .txt{margin-top:40px !important; font-family:'Noto Sans KR'; font-weight:300; font-size:24px; line-height:1; color:#fff}

/* iniside */
.insideListDiv .bigList .img{position:relative; width:100%; height:892px; overflow:hidden; left:-40%; opacity:0; transition:all 1s ease;}
.insideListDiv .bigList.active .img{opacity:1; left:0}
.insideListDiv .bigList:first-child .img{left:0; opacity:1; transition:none;}
.insideListDiv .bigList img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:auto;}
.insideListDiv .bigList .txtBox{position:relative; margin:-130px auto 175px; padding-top:100px; width:1200px; text-align:center; background:#fff; opacity:0; transition:all 0.5s ease; transition-delay:0.6s;}
.insideListDiv .bigList.active .txtBox{opacity:1;}
.insideListDiv .bigList:first-child .txtBox{opacity:1; transition:none;}
/* 2019-11-04 수정 */
.insideListDiv .bigList .txtBox .tit{width:1200px; margin:0 auto 30px; padding:0 30px; font-family:'Noto Sans KR'; font-weight:900; font-size:70px; color:#222; line-height:80px; word-break:keep-all;}
/* // 2019-11-04 수정 */
.insideListDiv .bigList .txtBox .txt{font-size:20px; color:#555; font-weight:300; line-height:30px; }
.insideListDiv .list{position:relative; width:100%; height:756px; margin-bottom:140px; overflow:hidden;}
.insideListDiv .list:last-child{margin-bottom:0;}
.insideListDiv .list .imgDiv{position:absolute; top:0; opacity:0; transition:all 1s ease; width:1560px; height:100%; overflow:hidden;}
.insideListDiv .list .imgDiv .img{position:relative; width:100%; height:100%; overflow:hidden;}
.insideListDiv .list .imgDiv .img img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:auto;}
.insideListDiv .list .imgDiv .img.on img{width:auto; height:100%;}/* 이미지 높이가 짧은 경우 */
/* 2020-03-17 수정 */
.insideListDiv .list .imgDiv .txtBox{position:absolute; bottom:0; opacity:0; transition:right 1s ease, opacity 1s ease ; transition-delay:0.3s; width:640px; min-height:350px; padding:75px 80px; background:#fff;}
/* // 2020-03-17 수정 */
.insideListDiv .list:nth-child(even) .imgDiv{left:-60%; }
.insideListDiv .list:nth-child(even) .txtBox{right:-50%; }
.insideListDiv .list:nth-child(odd) .imgDiv{right:-60%; transition:all 1s ease;}
.insideListDiv .list:nth-child(odd) .txtBox{left:-50%; opacity:0; transition:left 1s ease, opacity 1s ease; transition-delay:0.3s; }
.insideListDiv .list .imgDiv .txtBox .tit{position:relative; margin-bottom:30px; font-family:'Noto Sans KR'; font-size:50px; color:#222; line-height:60px; font-weight:900; }
.insideListDiv .list .imgDiv .txtBox .txt{font-size:20px; color:#555; line-height:30px; font-weight:300;} 
.insideListDiv .list:nth-child(even).active .imgDiv{left:0; opacity:1;}
.insideListDiv .list:nth-child(even).active .imgDiv .txtBox{right:0; opacity:1;}
.insideListDiv .list:nth-child(odd).active .imgDiv{right:0; opacity:1;}
.insideListDiv .list:nth-child(odd).active .txtBox{left:0; opacity:1;}



/* HISTORY */
.historyArea{position:relative; width:100%; height:1000px;}
.historyArea .section{position:absolute; width:50%; transition:left 1s ease, right 1s ease, width 1s ease }
.historyArea .section1{left:0;}
.historyArea .section2{right:0;}
.historyArea .section .tit{position:absolute; top:255px; left:50%; transform:translateX(-50%); width:720px; font-family:'Noto Sans KR'; font-size:60px; line-height:78px; color:#fff; font-weight:900; text-align:center; z-index:1; opacity:0; transition:top 1s ease, opacity 0.7s ease, transform 0.7s ease}
#wrap.type1 .historyArea .tit{top:155px; opacity:1;}
.historyArea .historyVis{position:relative; display:block; width:100%; height:1000px; overflow:hidden;}
.historyArea .historyVis:after{content:''; display:block; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:1px; height:0; background:#fff; opacity:0; }
.historyArea .historyVis .storyTxt{position:absolute; bottom:-80px; left:50%; transform:translateX(-50%); font-family:'Noto Sans KR'; font-size:18px; color:#fff; font-weight:700; line-height:1; opacity:0; }
.historyArea .section.active .historyVis:after{height:50px; opacity:0.5;}
.historyArea .section.active .historyVis .storyTxt{bottom:70px; opacity:1;}
.historyArea .historyVis .historyVisImg{width:100%; height:100%; transition:transform 0.6s ease}
.historyArea .historyVis .btn{display:inline-block; position:absolute; top:350px; top:455px; left:50%; opacity:0; transform:translateX(-50%); padding:19px 40px; font-family:'Noto Sans KR'; font-size:18px; color:#fff; border:2px solid #fff; border-radius:60px; transition:all 0.7s ease, transform 0.7s ease;}
.historyArea .historyVis .btn span{padding-right:30px; background:url("../images/history_arrow.png") no-repeat right center; white-space:nowrap}
#wrap.type1 .historyArea .historyVis .btn{top:375px; opacity:1;}
.historyArea.hover > .section{width:46%;}
.historyArea.hover > .section.section1 .tit{transform:perspective(500px) scale(0.9) rotate(.001deg) translateX(-57%)}
.historyArea.hover > .section.section2 .tit{transform:perspective(500px) scale(0.9) rotate(.001deg) translateX(-50%)}
.historyArea.hover > .section.section1 .btn{transform:perspective(500px) scale(0.9) rotate(.001deg) translateX(-57%)}
.historyArea.hover > .section.section2 .btn{transform:perspective(500px) scale(0.9) rotate(.001deg) translateX(-40%)}
.historyArea.hover > .section:hover{width:55%; z-index:1; animation:animate 1s forwards;}
.historyArea.hover > .section:hover .tit{transform:perspective(500px) scale(1) rotate(.001deg) translateX(-50%)}
.historyArea.hover > .section:hover .btn{transform:perspective(500px) scale(1) rotate(.001deg) translateX(-50%)}
.historyArea.hover > .section:hover .btn{border:2px solid #bfd715; background:#bfd715;}
.historyArea .section1 .historyVis .historyVisImg{background:url('../images/history_visual_big_img1.jpg') no-repeat center top}
.historyArea .section2 .historyVis .historyVisImg{background:url('../images/history_visual_big_img2.jpg') no-repeat center top}
.historyArea.on{height:900px;}
.historyArea.on .historyVis{height:900px;}
#wrap.type1 .historyArea.on .historyVis .btn{opacity:0;}
.historyArea.on .section1 .historyVis .historyVisImg{background-position:center 0;}
.historyArea.on .section2 .historyVis .historyVisImg{background-position:center 0;}
.historyArea .section1.active .historyVis .historyVisImg{background:url("../images/history_visual_big_img1.jpg") center 0 no-repeat; background-size:1920px auto;}
.historyArea .section2.active .historyVis .historyVisImg{background:url("../images/history_visual_big_img2.jpg") center 0 no-repeat; background-size:1920px auto;}
.historyArea.on .section{width:100%;}
.historyArea.on.one .section1{left:0}
.historyArea.on.one .section2{right:-100%; z-index:1; animation:animate 1s forwards;}
.historyArea.on.two .section1{left:-100%; z-index:1; animation:animate 1s forwards;}
@keyframes animate {
  0% {
    z-index: 1;
  }
}
.historyArea.on.two .section2{right:0}
.historyArea.on.one.noMotion .section2:hover{right:-100%;}
.historyArea.on.two.noMotion .section1:hover{left:-100%;}
.historyBtnD .hisGoBt{display:flex; flex-wrap:wrap; align-content:center; justify-content:center; position:absolute; top:832px; width:296px; height:180px; font-family:'Noto Sans KR'; font-size:22px; line-height:26px; font-weight:900; color:#fff; text-align:center; background:url("../images/history_next_bt1.jpg") center no-repeat; z-index:1; opacity:0; transition:left 0.7s ease, right 0.7s ease, opacity 0.7s ease 1s}
.historyBtnD .hisGoBt p{width:100%;}
.historyBtnD .hisGoBt:after{content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:#bfd715; opacity:0; transition:opacity 0.5s ease;}
.historyBtnD .hisGoBt:hover:after{opacity:0.8;} 
.historyBtnD .hisGoBt img{position:relative; width:30px; height:30px; z-index:1;}
.historyBtnD .hisGoBt span{position:relative; display:inline-block; width:100%; margin-bottom:8px; z-index:1;}
.historyBtnD .hisGoBt.fixed{position:fixed; top:500px; bottom:inherit; }
.historyBtnD .hisGoBt.fixed.fixedRemove{position:absolute; top:auto; bottom:140px;}
.historyBtnD .hisGoBt.left{background:url("../images/history_next_bt2.jpg") center no-repeat;}
.historyBtnD .hisGoBt.right.on{right:-296px;}
.historyBtnD .hisGoBt.left.on{left:-296px; }
.historyBtnD .hisGoBt.right{right:0; opacity:1; z-index:2;}
.historyBtnD .hisGoBt.left{left:0; opacity:1; z-index:2;}

.historyTab{position:relative; top:200px; opacity:0; transition:top 0.7s ease, opacity 0.7s ease; }
.historyTab .hisTabCon{position:absolute; top:0; display:none; width:100%; margin-bottom:140px; padding:140px 0 0; z-index:1; opacity:0; transition:opacity 1s ease; }
.historyTab .hisTabCon.active{opacity:1;}
.historyTab.on{top:0; opacity:1;}
.hisTabCon .hisListCon .bigImg{position:absolute; top:0; bottom:inherit; left:0; width:800px; overflow:hidden; opacity:0;}
.hisTabCon .hisListCon .bigImg img{width:100%; height:auto; }
.hisTabCon .hisListCon .bigImg.on{opacity:1;}
.hisTabCon .hisListCon .bigImg.fixed{position:fixed; top:90px; bottom:inherit;}
.hisTabCon .hisListCon .bigImg.fixed.fixedB{position:absolute; top:inherit; bottom:0;}
.hisTabCon .hisDiv{position:relative; padding:95px 0;}
.hisTabCon .hisList{position:relative; width:670px; margin:0 0 85px 800px; padding:0 0 0 140px; text-align:left}/* 2020-04-06 수정 */
.hisTabCon .hisList .year{position:relative; margin-bottom:20px; font-family:'Noto Sans KR'; font-size:36px; font-weight:700; color:#222; line-height:1;}
.hisTabCon .hisList .info{}
.hisTabCon .hisList .info p{overflow:hidden;}
.hisTabCon .hisList .info p span{float:left; font-family:'Noto Sans KR';  font-size:18px; color:#555; font-weight:300; line-height:34px;}
.hisTabCon .hisList .info p .date{width:45px; color:#222;}
.hisTabCon .hisList .info p .txt{width:calc(100% - 45px); width:-webkit-calc(100% - 45px); padding-left:5px; word-break:keep-all;}/* 2020-04-06 수정 */
.hisTabCon.hisTabCon1 .hisListCon:last-child .hisList:last-child{margin-bottom:0;}
.hisTabCon.hisTabCon2 .hisListCon .bigImg{left:auto; right:0;}
.hisTabCon.hisTabCon2 .hisList{margin:0 800px 85px auto; padding:0 140px 0 0;}
.hisTabCon.hisTabCon2 .hisListCon:last-child .hisList:last-child{margin-bottom:0;}

/* 유효하지 않은 페이지 */
.errorPage{position:relative; width:100%; height:100vh; min-height:1000px; background:url("../images/error_bg.jpg") center no-repeat; background-size:cover; overflow:hidden;}
.errorPage .errorDiv{position:absolute; top:calc(50% - 13px); top:-webkit- calc(50% - 13px); left:50%; transform:translate(-50%, -50%);}
.errorPage .errorDiv .title{font-family:'Noto Sans KR'; font-size:240px; font-weight:900; text-align:center; color:#fff; opacity:0.2;}
.errorPage .errorDiv .errorBox{width:1000px; margin-top:-50px; padding:80px 100px 80px; text-align:center; background:#fff;}
.errorPage .errorDiv .errorBox p{text-align:center;}
.errorPage .errorDiv .errorBox .logo{margin-bottom:50px;}
.errorPage .errorDiv .errorBox .tit{margin-bottom:35px; font-family:'Noto Sans KR'; font-size:60px; color:#222; line-height:1; font-weight:900;}
.errorPage .errorDiv .errorBox .txt{width:100%; margin-bottom:20px; padding:54px 0; font-size:22px; line-height:30px; font-weight:300; color:#222; border:1px solid #e5e5e5; background:#f5f5f5;}
.errorPage .errorDiv .infoBox{display:inline-block; padding-top:15px;}
.errorPage .errorDiv .infoBox p{width:100%; overflow:hidden; margin-bottom:7px;}
.errorPage .errorDiv .infoBox p:last-child{margin-bottom:0;}
.errorPage .errorDiv .infoBox p span{float:left; font-size:18px; line-height:28px; text-align:left;}
.errorPage .errorDiv .infoBox p span:first-child{width:105px; font-weight:700;}
.errorPage .errorDiv .infoBox p span:last-child{width:calc(100% - 105px); width:-webkit- calc(100% - 105px); color:#888; font-weight:300;}

/* 브라우저 업데이트 안내 */
.lyPop.browserPop{}
.lyPop.browserPop .layerPop{width:1000px; }
.lyPop.browserPop .layerPop .pHead{padding:60px 50px 0;}
.lyPop.browserPop .layerPop .pBody{padding:0 50px 60px; text-align:center;}
.lyPop.browserPop .layerPop .pHead .tit{padding-bottom:35px; border-bottom:1px solid #e5e5e5;}
.lyPop.browserPop .infoD{padding:35px 0; font-size:16px; color:#555; font-weight:300; line-height:26px; text-align:center;}
.lyPop.browserPop .infoD p:first-child{margin-bottom:15px;}
.lyPop.browserPop .browserD{display:inline-block; overflow:hidden;}
.lyPop.browserPop .browserD .list{display:block; float:left; width:154px; margin-right:20px;}
.lyPop.browserPop .browserD .list:last-child{margin-right:0;}
.lyPop.browserPop .browserD .list .img{position:relative; width:154px; height:150px; margin-bottom:18px; border:1px solid #e5e5e5; transition:border 0.4s ease;}
.lyPop.browserPop .browserD .list .img img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%)}
.lyPop.browserPop .browserD .list .tit{text-align:center; position:relative; display:inline-block; }
.lyPop.browserPop .browserD .list .tit:before{content:''; display:block; position:absolute; bottom:0; left:0; width:0; height:6px; background:#dcea70; transition:width 0.4s ease;}
.lyPop.browserPop .browserD .list .tit span{position:relative; display:inline-block; font-family:'Noto Sans KR'; font-size:16px; color:#666; line-height:1; }
.lyPop.browserPop .browserD .list:hover .tit span{font-family:'Noto Sans KR'; color:#222}
.lyPop.browserPop .browserD .list:hover .tit:before{width:100%;}
.lyPop.browserPop .browserD .list:hover .img{border:1px solid #bfd715;}


/* 2019-12-26 추가 */
@media screen and (max-width:1700px){
	/* 회사소개 */
	.aboutDiv .ceoDiv.ceoTypeA .cont .tit{left:20%; font-size:56px;}
	.aboutDiv .ceoDiv.ceoTypeA .cont .contDiv .txtArea{padding:159px 35px 0 20%;}
	.aboutDiv .ceoDiv.ceoTypeA .cont .contDiv .txtArea .last{margin-top:45px;}
}
/* // 2019-12-26 추가 */

@media screen and (max-width:1600px){
	/* iniside */
	.insideListDiv .bigList .img{position:relative; width:100%; overflow:hidden;}
	.insideListDiv .list .imgDiv{width:90%; height:100%; overflow:hidden;}
	.insideListDiv .list .imgDiv img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}

	/* 회사소개 */
	.aboutDiv .ceoDiv.ceoTypeA .cont .tit{left:15%; font-size:52px;}
	.aboutDiv .ceoDiv.ceoTypeA .cont .contDiv .txtArea{padding:159px 35px 0 15%;}
	.aboutDiv .ceoDiv.ceoTypeA .cont .contDiv .txtArea br.onlyWeb{display:none;}
	/* // 2019-12-26 추가 */
}

@media screen and (max-width:1500px){
	header .recruitB{left:auto; right:50px; width:300px}
	.subVisual{padding-top:300px; height:700px}
	.topTitDiv{padding-top:0px}

	.businessDiv .countryD .box1{right:0px}
	.businessDiv .countryD .box2{right:-200px}
	.businessDiv .countryD .box3{left:-110px}s
	.cultureDiv .welfareD .listDiv .list .txtArea{padding:40px 0 0 10px}
	.csrDiv .topDiv .listDiv .list .txtArea{padding:40px 0 0 10px}

	/* HISTORY */
	.historyTab .hisTabCon{margin-bottom:300px;}
	.historyArea .section .tit{width:620px; font-size:55px; line-height:65px;}
	.hisTabCon .hisList .info p .txt{width:calc(100% - 45px); width:-webkit-calc(100% - 45px)}
	.hisTabCon .hisDiv{padding:65px 0;}
	.hisTabCon .hisListCon .bigImg{width:50%}
	.hisTabCon .hisList{width:auto; margin:0 0 85px 50%; padding:0 80px;}
	.hisTabCon.hisTabCon2 .hisListCon:last-child{padding-bottom:50px;}
	.hisTabCon.hisTabCon2 .hisList{width:auto; margin:0 50% 85px 0; padding:0 80px;}
}

@media all and (max-width:1400px) {
    .visionArea{margin:175px 0 0 /*240px*/ 0;}
    .cultureArea .txtArea{padding-top:175px;}
    .newsnsArea{padding:120px 50px 120px;}
    .newsnsArea .contArea{width:100%;}
    .newsnsArea .tab{width:100%;}
    .environmentDiv .groupDiv{background-size:auto}
}

@media screen and (max-width:1366px){
	.futureGrownDiv .supportDiv .swiper-button-prev{left:-25px}
	.futureGrownDiv .supportDiv .swiper-button-next{right:-25px}
}

@media all and (max-width:1280px) {
	.careerList > li {padding: 0 30px;}

	.environmentDiv .img img{max-width:70%;}
	.businessDiv .enterD{  padding-bottom: 220px;}

	.inner{width:96%}
    header .topUtils{right:15px;}
	header .topUtils .utils > a{padding:38px 10px}
	header .topUtils .language{margin:28px 0 0 5px}
	
	header .recruitB{right:15px}
	#wrap.type1 .subCon .headD h3#pageTitlArea{width:90%} /* 2020-03-16 추가 */
	#wrap.type2 .subCon:before{top:0px; width:100%; height:150px; transition:top 0s ease; background: #f6f6f6;}

	#wrap.type2 .subCon.on:before{top:0px;}
	#wrap.type2 .subCon .indicatorD{top:-90px}
	#wrap.type2 .subCon.on .indicatorD{top:-90px}
	#wrap.type2 .subCon .indicatorD .locationD{left:75%}
	#wrap.type2 .subCon .indicatorD .utillD{right:5%}
	.topTitDiv{padding-top:0}
	.noticePop{display:none !important}

	/* .topTitDiv .tit{font-size:55px; line-height:72px} */
	.aboutDiv .topTitDiv .tit img{height:50px}
	.aboutDiv .visionDiv .inner .topD .txtArea{padding:0 50px; width:100%;}
	.aboutDiv .visionDiv .inner .topD .txtArea:before{top:0; left:calc(50% - 80px); left:-webkit-calc(50% - 80px)}
	.aboutDiv .visionDiv .inner .topD .txtArea:after{top:0; right:calc(50% - 80px); right:-webkit-calc(50% - 80px)}
	.aboutDiv .visionDiv .inner .topD .txtArea p{font-size:32px; line-height:42px}
	.aboutDiv .visionDiv .inner .topD.active .txtArea{width:100%}
	.aboutDiv .videoDiv{width:90%}
	.aboutDiv .visionDiv .inner .listD{width:860px}
	.aboutDiv .visionDiv .inner .listD > div{width:415px}
	.aboutDiv .visionDiv .inner .listD > div:nth-child(2){margin-left:30px}
	.aboutDiv .ceoDiv .cont .leftIcon{display:none}
	.aboutDiv .ceoDiv .cont .rightIcon{display:none}
	.aboutDiv .brandD .brandInfo .imgD{width:calc(100% - 440px); width:-webkit-calc(100% - 440px)}
	.aboutDiv .brandD .brandInfo .txt{width:440px}
	.aboutDiv .brandD .brandInfo .txt span{display:inline}
	.aboutDiv .brandD .brandInfo .colorInfo .color{margin-right:25px}

	.aboutDiv .coreValueD{padding:0px;}
	.aboutDiv .coreValueD .listDiv .list{width:20%;  }
	.aboutDiv .coreValueD .listDiv{padding:0 0 80px 0px;}
	
	.aboutDiv .coreValueD .listDiv .list:nth-child(1){background:url('../images/company_icon1.png') no-repeat #fff center 20px; margin-right: 0px; padding-bottom: 40px; border-right: 4px solid #f6f6f6;}
	.aboutDiv .coreValueD .listDiv .list:nth-child(2){background:url('../images/company_icon2.png') no-repeat #fff center 20px; margin-right: 0px; padding-bottom: 40px; border-right: 4px solid #f6f6f6;}
	.aboutDiv .coreValueD .listDiv .list:nth-child(3){background:url('../images/company_icon3.png') no-repeat #fff center 20px; margin-right: 0px; padding-bottom: 40px; border-right: 4px solid #f6f6f6;}
	.aboutDiv .coreValueD .listDiv .list:nth-child(4){background:url('../images/company_icon4.png') no-repeat #fff center 20px; margin-right: 0px; padding-bottom: 40px; border-right: 4px solid #f6f6f6;}
	.aboutDiv .coreValueD .listDiv .list:nth-child(5){background:url('../images/company_icon5.png') no-repeat #fff center 20px; padding-bottom: 18px; }
	
	/* 2019-12-26 추가 */
	.aboutDiv .ceoDiv.ceoTypeA .cont .tit{top:35px; left:5%; font-size:50px;}
	.aboutDiv .ceoDiv.ceoTypeA .cont .contDiv .txtArea{width:50%; padding:110px 35px 0 5%;}
	.aboutDiv .ceoDiv.ceoTypeA .cont .contDiv .img{height:auto; padding:0px 5% 0 0; background-size:cover;}
	.aboutDiv .ceoDiv.ceoTypeA .cont .contDiv .img img{position:relative; left:auto; bottom:auto; max-width:100%;}
	/* // 2019-12-26 추가 */

	.businessDiv .brandD .brandInfo .imgD{width:calc(100% - 440px); width:-webkit-calc(100% - 440px)}
	.businessDiv .brandD .brandInfo .txt{width:440px}
	.businessDiv .brandD .brandInfo .txt span{display:inline}
	.businessDiv .brandD .brandInfo .colorInfo .color{margin-right:25px}
	.businessDiv .coreValueD .listDiv{padding:0}
	.businessDiv .coreValueD .listDiv .list{width:20%}
	.businessDiv .sellChannelD .topList .list{width:33.33%}
	.businessDiv .sellChannelD .topList .list:nth-child(2){left:33.33%}
	.businessDiv .sellChannelD .topList .list:nth-child(3){left:66.66%}
	.businessDiv .sellChannelD .bottomList .list{width:33.33%}
	.businessDiv .sellChannelD .bottomList .list .img{width:100%}
	.businessDiv .sellChannelD .bottomList .list .img img{width:100%}
	.businessDiv .sellChannelD .bottomList .list .txt{padding-right:15px}
	.businessDiv .coreAbilityD .infoDiv .list{}
	.businessDiv .coreAbilityD .infoDiv .list .tit{padding:0 40px; width:330px}
	.businessDiv .coreAbilityD .infoDiv .list .txt{padding-right:0}
	.businessDiv .countryD .title{padding:0 5%; font-size:32px; line-height:40px}
	.businessDiv .enterD .topLinkD{height:210px}
	.businessDiv .enterD .topLinkD .linkD{width:33.33%; height:210px; background-size:cover !important}
	.businessDiv .enterD .topLinkD .linkD .tit{width:160px; font-size:25px; line-height:35px}

	.businessDiv .enterD .processD {margin-top: 0px;}
	.businessDiv .enterD .processD .listDiv{margin:0px auto 0; width:1000px; height:160px}
	.businessDiv .enterD .processD .listDiv .list{width:160px; height:160px; margin-right:38px}
	.businessDiv .enterD .processD .listDiv .list:after{left:155px}
	.businessDiv .enterD .processD .listDiv .list p {
		position: absolute;
		top: 200px;
		left: 0px;
		line-height: 24px;
		padding: 0 14px;}

	.cultureDiv .welfareD .listDiv{padding:0 0}
	.cultureDiv .welfareD .listDiv .list{width:50%}
	.cultureDiv .welfareD .listDiv .list:nth-child(2n){margin-left:0%}
	.cultureDiv .welfareD .listDiv .list:nth-child(2n+1){clear:both}
	.cultureDiv .welfareD .listDiv .list:nth-child(n+3){margin-top:60px}
	.cultureDiv .welfareD .listDiv .list:after{content:''; display:block; clear:both}
	.cultureDiv .welfareD .listDiv .list .txtArea{padding:40px 20px 0}
	.cultureDiv .welfareD .listDiv .list .txtArea .txt{width:100%}
	.cultureDiv .workWayD .listDiv .list .txtArea{padding:40px 0 0 20px}
	.cultureDiv .educationD .listDiv .list .guideD{width:100%}
	.cultureDiv .educationD .listDiv .list .txtArea{padding:60px; width:560px; height:420px}

	.newsListDiv .list{margin-right:2%; width:32%}
	.newsListDiv .list.noImg{padding:40px}
	.newsListDiv .list.noImg .date{padding-top:30px}
	.ethicManageD .ethicReportD .listD .list{margin-right:4%; padding:40px 20px; width:48%}

	.snsListDiv .list{margin-right:2%; width:32%}
	
	.onAirDiv .pongArea .contDiv .listTab{padding:0 50px}
	.onAirDiv .pongArea .contDiv .listTab .swiper-button-prev{left:0}
	.onAirDiv .pongArea .contDiv .listTab .swiper-button-next{right:0}
	.onAirDiv .pongArea .contDiv .selectView .viewList .list{margin-right:2%; width:32%}
	
	.withGrownDiv .topArea .listD{padding:55px 40px 0; width:100%}
	.withGrownDiv .topArea .listD .list{width:33.33%}
	.withGrownDiv .packageArea .title{padding-top:15px; margin-left:-50%; width:100%; font-size:105px; text-align:center}
	.withGrownDiv .packageArea .bgDiv{width:800px}
	.withGrownDiv .introduceArea .list:nth-child(3) .bgArea{padding:460px 0 220px}
	.withGrownDiv .introduceArea .list:nth-child(4){padding-top:0}
	.withGrownDiv .introduceArea .list:nth-child(4) .imgArea{top:-30px; left:25px; width:500px}
	.withGrownDiv .introduceArea .list:nth-child(4) .txtArea{margin-top:60px; padding-left:560px}
	.withGrownDiv .introduceArea .list:nth-child(4) .lineBox{left:-20px}
	.withGrownDiv .introduceArea .list:nth-child(4).active .imgArea{top:-130px}
	.withGrownDiv .bottomArea .txt{font-size:16px; line-height:28px}
	
	
	.csrDiv .topDiv .title{font-size:46px}
	.csrDiv .topDiv .listDiv{padding:0 0}
	.csrDiv .topDiv .listDiv .list{width:50%}
	.csrDiv .topDiv .listDiv .list:nth-child(2n){margin-left:0%}
	.csrDiv .topDiv .listDiv .list:nth-child(2n+1){clear:both}
	.csrDiv .topDiv .listDiv .list:nth-child(n+3){margin-top:60px}
	.csrDiv .topDiv .listDiv .list:after{content:''; display:block; clear:both}
	.csrDiv .topDiv .listDiv .list .txtArea{padding:40px 20px 0}
	.csrDiv .topDiv .listDiv .list .txtArea .txt{width:100%}
	.csrDiv .midDiv .title{font-size:46px; line-height:56px}
	.csrDiv .midDiv .listDiv .list .guideD{width:100%}
	.csrDiv .midDiv .listDiv .list .txtArea{padding:60px; width:560px; height:420px}
	.csrDiv .bottomDiv .title{font-size:46px}
	
	.futureGrownDiv .countupDiv.active{width:100%}
	.futureGrownDiv .countupDiv .listD{padding:0 60px; width:100%}
	.futureGrownDiv .supportDiv .swiper-button-prev{left:-35px}
	.futureGrownDiv .supportDiv .swiper-button-next{right:-35px}
	.futureGrownDiv .greenDiv .infoD .listD{text-align:center}
	.futureGrownDiv .greenDiv .infoD .listD .list{display:inline-block; float:none; width:100%}
	.futureGrownDiv .greenDiv .infoD .listD .list .txt{padding-right:0}
	.futureGrownDiv .greenDiv .infoD .listD .list:nth-child(n+2){margin-top:45px}

	.irDiv .irInfo .infoList .list{margin-right:15px; width:calc(20% - 12px); width:-webkit-calc(20% - 12px);}
	.irDiv .topArea .noticeList{width:calc(100% - 400px); width:-webkit-calc(100% - 400px)}
	.irDiv .topArea .nowCheck{width:340px}
	.irDiv .irInfoBox .info{float:none; width:100%}
	.irDiv .irInfoBox .contact{float:none; margin-top:25px; width:100%}
	.irDiv .irInfoBox .contact dl{width:33.33%; padding:0 30px}
	.irDiv .irInfoBox .contact dl dt{font-size:16px;}
	.irDiv .irInfoBox .contact dl dd{font-size:22px}
	.boxList .list{padding:25px 30px 30px; margin-right:15px; width:calc(33.33% - 10px); width:-webkit-calc(33.33% - 10px)}
	.boxList .list:nth-child(n+4){margin-top:15px}


	.companyInfoDiv .performanceD.bgc{ padding-bottom: 130px; background:url('../images/bg_compliance1280.png') no-repeat center 290px;}

	.companyInfoDiv .performanceD .infoList .list{margin-right: 40px; }
	.companyInfoDiv .performanceD .infoList .list .tit{font-size:19px; letter-spacing:-2px}
	/*200918 추가*/
	.companyInfoDiv .performanceD .infoList1 .list{margin-right: 33px; }
	.companyInfoDiv .performanceD .infoList1 .list .tit{font-size:19px; letter-spacing:-2px}

	.companyInfoDiv .investmentD .infoList .list{margin-right:10px; margin-bottom: 15px;  width:calc(20% - 12px); width:-webkit-calc(20% - 12px); width:180px; height:180px;}
	.companyInfoDiv .investmentD .infoList .list .tit{font-size:19px; letter-spacing:-2px}
	.companyInfoDiv .directorD .txtArea{padding:100px 40px 100px 0}
	.companyInfoDiv .organizationD .viewList .listD .list{width:calc(50% - 20px); width:-webkit-calc(50% - 20px)}
	.companyInfoDiv .organizationD .viewList .listD .list .profile{padding:50px 30px}
	.companyInfoDiv .organizationD .viewList .listD .list .info{padding:25px 30px}
	.companyInfoDiv .organizationD .viewList .listD .list .profile .img { right: 10px; }

	.locationDiv .mapInfo .list .tit{padding-left:30px; width:260px}
	.locationDiv .mapInfo .list .info{width:calc(100% - 360px); width:calc(100% - 360px)}
	.locationDiv .directionD .list .type{width:160px;}
	.locationDiv .directionD .list .info{width:calc(100% - 160px); width:-webkit-calc(100% - 160px)}
	.viewerMemberDiv .sortTabCon .memberList .list{width:50%; height:240px}
	.viewerMemberDiv .sortTabCon .conferenceFile .list{width:calc(50% - 20px); width:-webkit-calc(50% - 20px)}

	.organizationInfoD{padding:40px 30px 50px}

	/* iniside */
	.insideListDiv .bigList .txtBox{padding:100px 40px 0; width:100%; word-break:keep-all;}
	.insideListDiv .bigList .txtBox .tit{width:100%;}
	.insideListDiv .list{height:650px;}
	.insideListDiv .list .imgDiv .txtBox{width:640px; min-height:auto; height:auto; padding:75px 80px; background:#fff;}/* 2020-03-17 수정 */

	

	/* HISTORY */
	.historyArea{height:900px;}
	.historyArea .section .tit{width:550px; font-size:50px; line-height:60px;}
	#wrap.type1 .historyArea .tit{top:155px; opacity:1;}
	.historyArea .historyVis{width:100%; height:900px;}

	/* 2019-11-15 추가 */
	/* 투자정보 */
	.companyInfoDiv .graphDiv .graphBox{width:calc((100% - 30px)/2); width:-webkit-calc((100% - 30px)/2); margin-right:30px}
	.companyInfoDiv .graphDiv .graphBox:last-child{margin-right:0;}
	.companyInfoDiv .auditingD .tableStyle2 .wScrollD{overflow-x:auto;}
	/* // 2019-11-15 추가 */
	
	/* 환경경영 */
	.environmentDiv .countupDiv.active{width:100%;}
	.environmentDiv .envActivityDiv .actSection3 .envCam .imgD .img{width:48%; margin-right:2%;}
	.environmentDiv .envActivityDiv .actSection3 .envCam .imgD .img:last-child{margin-right:0;}
	.environmentDiv .envActivityDiv .actSection3 .envCamBox.camTypeA .greenBox{width:100%;}
	.environmentDiv .envActivityDiv .actSection3 .envCamBox .box{float:left; width:48%; margin-right:2%;}
	.environmentDiv .envActivityDiv .actSection3 .envCamBox .box:last-child{margin-right:0;}
	.environmentDiv .envActivityDiv.envMou .whtImgD{width:100%;}
	.environmentDiv .envActivityDiv .actSection2 .graphDiv .graphBox > div .graph .row .list{padding-left:60px;}
	.environmentDiv .envActivityDiv .actSection2 .graphDiv .graphBox > div .graph .row .list .num{position:absolute; top:-7px; left:0; width:60px; font-size:14px; }
	.environmentDiv .envActivityDiv .actSection2 .graphDiv .graphBox > div .graph .col{padding:30px 0 0 60px;}
	.environmentDiv .envActivityDiv .actSection2 .graphDiv .graphBox > div .graph .col .list{width:50px;}
	.environmentDiv .envActivityDiv .actSection2 .graphDiv .graphBox > div .graph .col .list .value{font-size:14px; color:#222; text-align:center;}
	.environmentDiv .envActivityDiv .actSection2 .graphDiv .graphBox > div .graph .col .list .line{bottom:44px;}
}

@media all and (max-width:1220px) {
    /*.fullpageArea section:nth-child(2){background:url("../images/section2_bg_tablet.gif") repeat-y right 0}*/
    .visionAreaBg{width:300px;}
    .visionArea .txtArea.on{left:140px;}
    .visionArea .swipeArea .swiper-container{padding:0 15px 0 570px;}
    .visionArea .swipeArea .swiper-container-horizontal > .swiper-pagination-progressbar{left:140px; width:calc(100vw - 440px);}
    .visionArea .mTxt{font-size:80px;}
    .visionArea .mTxt.active{top:-45px; font-size:110px;}
    .cultureArea .txtArea{padding-top:130px;}

    .newsnsArea .contArea .newsArea .list .txtArea{padding:30px 260px 30px 35px;}
    .newsnsArea .contArea .newsArea .list .txtArea .subject{font-size:20px;}
    .newsnsArea .contArea .newsArea .list .txtArea .txt{padding-top:18px; font-size:15px;}
    .newsnsArea .contArea .newsArea .list.active .txtArea{padding:35px 60px 35px 35px; width:calc(100% - 380px);}
	.newsnsArea .contArea .newsArea .list.active .txtArea .date{bottom:35px; left:35px}
    .newsnsArea .contArea .newsArea .list .img{width:380px;}

    .newsnsArea .snsContainer .list .txtArea{padding:30px 35px;}
    .newsnsArea .snsContainer .list .txtArea .subject{font-size:20px;}

    #wrap .irArea .stockArea .company h3{font-size:18px;}
    .irArea .stockArea .company .txt1{font-size:16px;}
    #wrap .irArea .stockArea .stockInfo h3{font-size:18px;}
    #wrap .irArea .stockArea .announce h3{font-size:18px;}
    .irArea .stockArea .announce .txt1{font-size:16px;}
    #wrap .irArea .stockArea .report h3{font-size:18px;}
    .irArea{padding-top:100px;}
    .irArea .tit{font-size:40px;}
    .irArea .txt{padding-top:25px; font-size:16px;}
    .irArea .stockArea{display:flex; justify-content:center; flex-wrap:wrap; width:100%;}
    .irArea .stockArea .sectL{float:none;}
    .irArea .stockArea .sectR{float:none; margin-left:15px;}
    .irArea .stockArea .company{padding:38px 30px 0 30px; width:290px; height:400px;}
    .irArea .stockArea .stockInfo{margin-left:15px; padding:38px 30px 0 30px; width:290px; height:400px;}
    .irArea .stockArea .stockInfo .stockNum{font-size:40px;}
    .irArea .stockArea .stockInfo .btnView{margin-top:20px;}
    .irArea .stockArea .stockInfo .info{margin-top:70px;}
    .irArea .stockArea .announce{padding:30px; width:290px; height:200px;}
    .irArea .stockArea .announce .rollBtn{top:25px; right:20px;}
    .irArea .stockArea .announce .date{padding-top:15px;}
    .irArea .stockArea .report{margin-top:20px; padding:30px; width:290px; height:180px;}
    .irArea .stockArea .report .txt1{padding:18px 0 50px; background-size:22px 10px;}
	
}

@media screen and (max-width:1217px){
	.businessDiv .countryD .mapDiv{background-size:cover}
	.businessDiv .countryD .mapDiv .mapImg{width:100%}
	.withGrownDiv .introduceArea .list:nth-child(3) .imgArea{top:-80px}
	.withGrownDiv .introduceArea .list:nth-child(3).active .imgArea{top:-180px}
}

@media screen and (max-width:1200px){
	/* iniside */
	
	.insideListDiv .list{height:550px;}
	.insideListDiv .list .imgDiv .txtBox{width:500px; padding:35px 40px; }
	.insideListDiv .list .imgDiv .txtBox .tit{margin-bottom:20px; font-size:40px; line-height:50px;}
	.insideListDiv .list .imgDiv .txtBox .txt{}

	/* HISTORY */
	.historyArea .section .tit{width:480px; font-size:40px; line-height:50px;}

	/* 유효하지 않은 페이지 */
	.errorPage{min-height:700px;}
	.errorPage .errorDiv{position:absolute; top:calc(50% - 6px); top:-webkit- calc(50% - 6px); left:50%; transform:translate(-50%, -50%); width:90%}
	.errorPage .errorDiv .title{font-size:180px;}
	.errorPage .errorDiv .errorBox{width:100%; margin-top:-37px; padding:40px 50px 40px;}
	.errorPage .errorDiv .errorBox .logo{margin-bottom:25px;}
	.errorPage .errorDiv .errorBox .tit{margin-bottom:15px; font-size:35px;}
	.errorPage .errorDiv .errorBox .txt{margin-bottom:10px; padding:30px 15px; font-size:16px; line-height:24px; word-break:keep-all}
	.errorPage .errorDiv .infoBox{padding-top:15px;}
	.errorPage .errorDiv .infoBox p span{float:left; font-size:15px; line-height:25px; text-align:left;}

	/* 브라우저 업데이트 안내 */
	.lyPop.browserPop .layerPop{width:90%}
	.lyPop.browserPop .infoD p{word-break:keep-all;}
	
	/* 환경경영 */
	.environmentDiv .envActivityDiv .actSection4 .cirImgD .cir{width:300px;  margin-left:-30px;}
	.environmentDiv .envActivityDiv .actSection4 .cirImgD .cir .img{width:300px; height:300px;}
	.environmentDiv .envActivityDiv .actSection4 .cirImgD .cir .txt{font-size:16px;}
}

@media all and (max-width:1180px) {
	.careerList > li {padding: 0 20px;}

	header .recruitB{padding:25px 30px; width:240px; height:145px; background-size:cover}
	header .recruitB p{padding-bottom:40px}
	footer .familyCont{position:absolute; bottom:60px; right:50px}
	.onAirPop .pBody .liveD .liveArea{width:63%; height:auto; margin-right:2%; overflow:hidden}
	.onAirPop .pBody .liveD .liveArea img, .onAirPop .pBody .liveD .liveArea video{width:100%}
	.onAirPop .pBody .liveD .dTable{width:35%; height:auto}
	.onAirPop .pBody .liveD .thumbArea{position:relative; width:100%; height:auto}
	.onAirPop .pBody .liveD .thumbArea img{width:100%; position:static; transform:translate(0,0);}

	.aboutDiv .brandD .infoList .list {
		padding: 25px 20px;
		height: 180px;
		width: 32.12%;
	}
	.companyInfoDiv .investmentD .infoList .list {
		padding: 25px 10px;
		height: 180px;
		width: 32.12%;
	}

	/* .aboutDiv .brandD .infoList .list .riskarrow01:after{content:'→'; display:block; color: #00abbc; position:absolute; bottom:56%; left:100%; font-size: 38px; margin-left: -10px;}
	.aboutDiv .brandD .infoList .list .riskarrow02:after{content:'→'; display:block; color: #00abbc; position:absolute; bottom:46%; left:100%; font-size: 38px; margin-left: -10px;}
	.aboutDiv .brandD .infoList .list .riskarrow03:after{content:'→'; display:block; color: #00abbc; position:absolute; bottom:56%; left:100%; font-size: 38px; margin-left: -10px;}
	.aboutDiv .brandD .infoList .list .riskarrow04:after{content:'→'; display:block; color: #00abbc; position:absolute; bottom:56%; left:100%; font-size: 38px; margin-left: -10px;}
	.aboutDiv .brandD .infoList .list .riskarrow05:after{content:'→'; display:block; color: #00abbc; position:absolute; bottom:46%; left:100%; font-size: 38px; margin-left: -10px;} */

}



@media all and (max-width:1024px) {
	.aboutDiv .brandD .brandInfo .imgD .tit{ font-size:24px;padding: 30px 5px; width: 260px; margin-left: 100px;}

	.companyInfoDiv .performanceD.bgc{ padding-bottom: 130px; background:url('../images/bg_compliance1080.png') no-repeat center 290px;}
    #mainMovie{display:none;}
    #sectionMovie{display:none;}
    .onAir{bottom:25px; right:15px;}
    .onAir .stepDiv{display:none !important;}
    .onAir .iconDiv{display:block !important; margin:0; width:50px; height:50px; background:url("../images/main_fixed_onAir_m.png") no-repeat 0 0; background-size:50px 50px;}
    .mainVisual .videoArea .txtObj a{padding:20px 40px; font-size:65px; letter-spacing:0;}
    .mainVisual .videoArea .txtObj .upperTxtArea .txt{font-size:16px;}
    .mainVisual .videoArea .onlyPcBg .slideBg:nth-child(1){opacity:1;}
    .mainVisual .videoArea .onlyPcBg .slideBg:nth-child(2){opacity:0;}
    .mainVisual .videoArea .onlyPcBg .slideBg:nth-child(3){opacity:0;}
    .mainVisual .videoArea .onlyMbBg .slideBg:nth-child(1){opacity:1;}
    .mainVisual .videoArea .onlyMbBg .slideBg:nth-child(2){opacity:0;}
    .mainVisual .videoArea .onlyMbBg .slideBg:nth-child(3){opacity:0;}
    .mainVisual .videoArea .fp-slidesContainer .slide:nth-child(1){opacity:1;}
    .mainVisual .videoArea .fp-slidesContainer .slide:nth-child(2){opacity:0;}
    .mainVisual .videoArea .fp-slidesContainer .slide:nth-child(3){opacity:0;}
    .mainVisual .videoArea .onlyPcBg{display:none; position:relative;}
    .mainVisual .videoArea .onlyMbBg{display:block; position:relative;}
	.mainVisual .iconMouse{bottom:30px}
	.mainVisual .iconMouse:before{top:-20px; margin-left:-24px; width:48px; font-size:12px}
    .visionAreaBg{width:300px;}
    .visionArea .txtArea.on{left:50px;}
    .visionArea .swipeArea .swiper-container{padding:0 15px 0 490px;}
    .visionArea .swipeArea .swiper-button-prev{}
    .visionArea .swipeArea .swiper-button-next{left:800px;}
    .visionArea .swipeArea .swiper-container-horizontal > .swiper-pagination-progressbar{left:50px; width:calc(100vw - 350px);}
    .cultureArea .txtArea{padding-top:120px;}
    .cultureArea .txtArea .tit{font-size:40px;}
    .cultureArea .txtArea .txt{padding-top:20px; font-size:16px;}
    .cultureArea .videoArea .quarter .list{padding-top:45%;}
    .cultureArea .videoArea .quarter .list:nth-child(1) > a{padding:55px 10px 0; background:url("../images/main_culture_icon1.png") no-repeat center 0; background-size:35px auto;}
    .cultureArea .videoArea .quarter .list:nth-child(2) > a{padding:55px 10px 0; background:url("../images/main_culture_icon2.png") no-repeat center 0; background-size:35px auto;}
    .cultureArea .videoArea .quarter .list:nth-child(3) > a{padding:55px 10px 0; background:url("../images/main_culture_icon3.png") no-repeat center 0; background-size:35px auto;}
    .cultureArea .videoArea .quarter .list:nth-child(4) > a{padding:55px 10px 0; background:url("../images/main_culture_icon4.png") no-repeat center 0; background-size:35px auto;}
    .cultureArea .videoArea .quarter .list .mainTxt{font-size:22px;}
    .cultureArea .videoArea .quarter .list .hideObj .subTxt{padding-top:15px; font-size:15px;}
    .cultureArea .videoArea .quarter .list .hideObj .squreBox{margin-top:30px;}
    .cultureArea .videoArea .quarter .list .hideObj .squreBox span{padding:17px 0; width:100%; height:50px; font-size:14px;}
    .cultureArea .videoArea .slideCont .fp-slidesContainer .slide:nth-child(1){opacity:1;}

    .newsnsArea{padding:100px 50px 100px;}
    .newsnsArea .tab .tabBtn{padding:0 16px; font-size:36px;}
    .newsnsArea .tab .moreBtn{font-size:16px;}
    .newsnsArea .contArea{margin:30px auto 0;}
    .newsnsArea .contArea .newsArea .list{height:140px;}
    .newsnsArea .contArea .newsArea .list.active{height:250px;}
    .newsnsArea .contArea .newsArea .list.active .txtArea{width:100%;}
    .newsnsArea .contArea .newsArea .list.active .img{display:none;}

    .newsnsArea .snsContainer .list .txtArea{width:100%;}
    .newsnsArea .snsContainer .list .txtArea .date{padding-top:20px;}
    .newsnsArea .snsContainer .list .imgArea{display:none;}
    .newsnsArea .snsContainer .list.active{background:#fff;}
}

@media all and (max-width:981px) {
	.companyInfoDiv .performanceD .infoList1{ padding-top: 70px;}
	.companyInfoDiv .performanceD.bgc{ padding-bottom: 130px; background:url('../images/bg_compliance981.png') no-repeat center 110px;}

	.subCon .contentD{position:relative; padding: 60px 0;}

	.aboutDiv .investmentD .explainD dl dt{font-size:20px;}
	.aboutDiv .investmentD .explainD dl dd{font-size:16px;}
	.environmentDiv .img img{max-width:50%;}
	.aboutDiv .coreValueD .listDiv{padding:0px 0px 60px 0;}
	:placeholder-shown{font-size:14px}
	::-webkit-input-placeholder {font-size:14px}
	:-moz-placeholder {font-size:14px}
	::-moz-placeholder {font-size:14px}
	:-ms-input-placeholder {font-size:14px}
	:placeholder-shown {font-size:14px}

	header{top:-45px; height:45px;}
	header:before{top:45px}
	header h1{top:15px; left:5%; width:78px; height:15px; background:url('../images/m_logo.png') no-repeat; background-size:78px auto;}
	header.color h1{background:url("../images/logo_color.png") no-repeat 0 0; background-size:78px auto;}
	header.bgType h1{background:url("../images/logo_color.png") no-repeat 0 0; background-size:78px auto;}
	header.color .allMenuBtn{background:url('../images/m_allMenuBtn_on.png') no-repeat center right; background-size:16px auto}
	header.bgType .allMenuBtn{background:url('../images/m_allMenuBtn_on.png') no-repeat center right; background-size:16px auto}
	header .topUtils{display:none}
	header .allMenuBtn{display:block; position:absolute; top:11px; right:5%; width:21px; height:23px; background:url('../images/m_allMenuBtn.png') no-repeat center right; background-size:16px auto}
	header .recruitB{display:none !important}
	header.on h1{background:url('../images/m_logo_on.png') no-repeat; background-size:78px auto}
	header.on .allMenuBtn{background:url('../images/m_allMenuBtn_on.png') no-repeat center right; background-size:16px auto}
	header.up{top:0; background:#fff; border-bottom:1px solid #ddd}
	header.up h1{background:url('../images/m_logo_on.png') no-repeat; background-size:78px auto}
	header.up .allMenuBtn{background:url('../images/m_allMenuBtn_on.png') no-repeat center right; background-size:16px auto}
	header.default{top:0; background:none; border-bottom:none}
	header.default h1{background:url('../images/m_logo.png') no-repeat; background-size:78px auto;}
	header.default .allMenuBtn{background:url('../images/m_allMenuBtn.png') no-repeat center right; background-size:16px auto}
	#mHeader{display:block; position:fixed; top:0; right:-100%; width:100%; height:100%; z-index:11}
	#mHeader .allMenuD{position:absolute; top:0; right:0; padding-bottom:50px; width:80%; min-width:260px; height:100%; background:#fff; z-index:10}
	#mHeader .allMenuD .topArea{position:relative; width:100%; height:45px; border-bottom:1px solid #e5e5e5}
	#mHeader .allMenuD .topArea h2{position:absolute; top:15px; left:15px; width:78px; height:15px; background:url('../images/m_logo_on.png') no-repeat; background-size:78px 15px}
	#mHeader .allMenuD .topArea .language{position:absolute; top:15px; right:15px}
	#mHeader .allMenuD .topArea .language > a{position:relative; display:inline-block; padding:3px 10px;  font-size:12px; line-height:1; color:#888}
	#mHeader .allMenuD .topArea .language > a:after{content:''; display:block; position:absolute; top:4px; left:-2px; width:1px; height:9px; background:#ddd}
	#mHeader .allMenuD .topArea .language > a:first-child:after{display:none}
	#mHeader .allMenuD .topArea .language > a.on{color:#000}
	#mHeader .allMenuD .mGnb{height:calc(100% - 45px); height:-webkit-calc(100% - 45px); overflow-y:auto}
	#mHeader .allMenuD .mGnb .oneDepth{border-bottom:1px solid #e5e5e5}
	#mHeader .allMenuD .mGnb .oneDepth > a{display:block; padding:22px 40px 22px 15px; font-family:'Noto Sans KR'; font-weight:700; font-size:18px; color:#222; background:url('../images/allMenuD_oneDepth_open.png') no-repeat right 15px top 50%; background-size:17px 9px}
	#mHeader .allMenuD .mGnb .oneDepth.on > a{background:url('../images/allMenuD_oneDepth_close.png') no-repeat right 15px top 50%; background-size:17px 9px}
	#mHeader .allMenuD .mGnb .oneDepth .twoDepth{display:none; padding:20px 15px; background:#f0f0f0; border-top:2px solid #bfd715}
	#mHeader .allMenuD .mGnb .oneDepth .twoDepth a{display:block; font-size:16px; line-height:36px; color:#222}
	#mHeader .allMenuD .recruitBanner{display:block; padding:35px 20px 40px; margin:20px auto 50px; width:calc(100% - 30px); width:-webkit-calc(100% - 30px); height:200px; background:url('../images/recruitBanner_bg.jpg') no-repeat center; background-size:cover}
	#mHeader .allMenuD .recruitBanner p{padding-bottom:30px; font-family:'Noto Sans KR'; font-weight:300; font-size:20px; line-height:26px; color:#222; background:url('../images/recruitBanner_arrow.png') no-repeat left bottom; background-size:28px 8px}
	#mHeader .allMenuD .recruitBanner p span{display:block}
	#mHeader .allMenuD .noticeBtn{position:absolute; bottom:0; right:0; width:100%}
	#mHeader .allMenuD .noticeBtn:after{content:''; display:block; clear:both}
	#mHeader .allMenuD .noticeBtn a{float:left; width:50%; height:50px; font-family:'Noto Sans KR'; font-weight:700; font-size:13px; line-height:50px; text-align:center}
	#mHeader .allMenuD .noticeBtn a.standing{color:#fff; background:#222}
	#mHeader .allMenuD .noticeBtn a.location{color:#222; background:#bfd715}
	#mHeader .allMenuD .closeBtn{position:absolute; top:11px; right:0; width:26px; height:26px; background:url('../images/allMenuD_closeBtn.png') no-repeat center; background-size:16px}
	footer{padding:40px 5% 50px; height:auto; background:#fff}
	footer .utilCont{padding:0}
	footer .utilCont a{margin-left:20px; font-size:14px}
	footer .utilCont .utils{padding-bottom:10px; font-size:14px; line-height: 20px;}
	footer .utilCont .copyright{font-size:12px; letter-spacing:-0.5px}
	footer .familyCont{position:relative; bottom:auto; right:auto}
	footer .familyCont .ccm{height:40px; background-position:left center}
	footer .familyCont > div > a{padding:13px 16px 12px; font-size:13px;}
	footer .familyCont .slideBox{padding:25px 30px 25px; width:auto; border-radius:20px}
	footer .familyCont .slideBox .siteDiv .oneD{padding-bottom:15px; margin-bottom:15px; width:290px}
	footer .familyCont .slideBox .siteDiv .oneD .tit{width:33.33%; font-size:13px}
	footer .familyCont .slideBox .siteDiv .oneD .twoD{width:100%}
	footer .familyCont .slideBox .siteDiv .oneD .twoD p{width:33.33%; font-size:13px}
	footer .familyCont .slideBox .siteDiv .oneD .twoD p:nth-child(n+4){margin-top:12px}
	footer .familyCont .slideBox .siteDiv .oneD .tit + .twoD{width:66.66%}
	footer .familyCont .slideBox .siteDiv .oneD .tit + .twoD p{width:50%}
	footer .familyCont .slideBox .siteDiv .oneD .tit + .twoD p:nth-child(n+3){margin-top:12px}
	footer .familyCont .slideBox .closeBtn{bottom:14px; right:18px}

	.subVisual{padding:230px 5% 0; height:560px; background-size:cover !important; background-position:center !important}
	.subVisual.csr3{background:url('../images/subVisual_csr3.jpg') no-repeat}
	.subVisual h3{font-size:35px; line-height:42px}
	.subVisual .headText{margin-top:15px; font-size:14px; line-height:22px; word-break:keep-all}
	.subCon{padding: 0 20px; background: #f6f6f6;}
	.subCon .indicatorD .locationD{display:none; left:5%}
	.subCon .indicatorD .utillD{right:5%}
	#wrap.type1 .headD{padding:0 5%; margin-bottom:46px}
	#wrap.type1 .headD h3{font-size:35px; line-height:40px}/* 2019-10-16 수정 */
	#wrap.type1 .headD .headText{margin-top:18px; font-size:14px; line-height:22px; word-break:keep-all}
	#wrap.type1 .subCon{padding:115px 0 70px}
	#wrap.type1 .subCon .indicatorD{top:60px}
	#wrap.type1 .subCon .headD h3#pageTitlArea{width:100%} /* 2020-03-16 추가 */
	#wrap.type2 .subCon:before{position:relative; top:0; width:100%; height:0px}
	#wrap.type2 .subCon.on:before{top:0}
	#wrap.type2 .subCon .indicatorD{top:15px}
	#wrap.type2 .subCon.on .indicatorD{top:15px}
	#wrap.type2 .subCon .indicatorD .locationD{left:5%; display:none}
	#wrap.type2 .subCon .indicatorD .utillD{right:5%}

	.subCon .indicatorD .utillD .shareD .share{padding-left:24px; font-size:10px; line-height:16px; background:url('../images/m_indicatorD_utillD_share.png') no-repeat left center; background-size:14px auto}
	.subCon .indicatorD .utillD .shareD .twoD{top:25px; left:-7px; padding:20px}
	.subCon .indicatorD .utillD .shareD .twoD a{margin-top:7px}
	.subCon .indicatorD .utillD .shareD .twoD a img{width:30px}
	
	.topTitDiv .tit{font-size:35px; line-height:42px}
	.topTitDiv .tit2{font-size:38px; line-height:58px}

	.sectionTit{font-size:28px}
	.sectionTxt{margin-top:20px; font-size:16px; line-height:22px; word-break:keep-all}
	.subTitD .title{padding-bottom:0px; font-size:20px}
	.subTitD .title2{padding-bottom:10px; font-size:17px}
	.subTitD .rightSelectD{top:-8px}
	.subTitD .title + .btnA{}
	.subTitD .title2 + .btnA{top:-7px}
	.subTitD .subTxt{font-size:14px; line-height:24px;}/* 2019-11-15 추가 */
	.infoTxt{padding-bottom:10px; font-size:13px}
	.noDataDiv{padding:160px 3% 110px; height:auto; font-size:17px; background-size:60px; background-position:center 85px}

	.btnArea{margin:30px auto 0}
	.btnArea .viewBtn{width:110px; height:40px; font-size:15px; line-height:38px}
	.btnArea .viewBtn:hover{color:#222; border:1px solid #222}
	.btnArea .moreBtn{width:40px; height:40px; background-size:40px}
	.btnArea .moreBtn:hover{background:url('../images/moreBtn.png') no-repeat; background-size:40px;}
	.btnArea .listBtn{width:110px; height:40px; font-size:15px; line-height:40px}
	.btnArea .listBtn:hover{background:#222}
	.btnA{padding:0 15px; height:30px; font-size:12px}
	.btnA.download{line-height:30px}
	.btnA.download span{padding-right:15px; background:url('../images/btnA_download.png') no-repeat right 1px top center; background-size:9px}
	.btnA.download:hover{color:#555; background:#fff; border:1px solid rgba(34, 34, 34, 0.2)}
	.btnA.download:hover span{background:url('../images/btnA_download.png') no-repeat right 1px center; background-size:9px}
	.btnA.download.autoH{padding:6px 15px 4px; line-height:16px; text-align:left;}
	/* 2019-11-15 추가 */
	.btnA.textType span{padding:8px 0}
	.btnA.textType:hover{color:#555; background:#fff; border:1px solid rgba(34, 34, 34, 0.2)}
	/* // 2019-11-15 추가 */
	.topBtn{bottom:25px; right:5%; padding-top:27px; width:50px; height:50px; font-size:12px; background:url('../images/topBtn_hover_m.gif') no-repeat center 14px #fff; background-size:9px 6px}
	.topBtn:hover{color:#222; border:1px solid #222; background:url('../images/topBtn_hover_m.gif') no-repeat center 14px #fff; background-size:9px 6px}
	#wrap.main .topBtn{display:block; right:15px}
	
	/* 체크박스 */
	.topTitDiv .txt{margin-top:20px}

	.rightSelectD{margin:30px auto 10px}
	.rightSelectD .selectD > a{padding:0 25px 0 10px; width:110px; height:35px; font-size:14px; line-height:33px; background-position:right 10px top 50%; background-size:7px 4px}
	.rightSelectD .selectD.on > a{background-position:right 10px top 50%; background-size:7px 4px}
	.rightSelectD .selectD .twoD{top:35px; padding:5px 0; max-height:114px}
	.rightSelectD .selectD .twoD.scroll{height:114px}
	.rightSelectD .selectD .twoD a{padding:7px 25px 5px 10px; font-size:14px}
	.rightSelectD.type2{margin:0 auto 30px; padding-bottom:15px}
	.rightSelectD.type2 .selectD{width:120px}
	.rightSelectD.type2 .selectD > a{padding:0 0 0 26px; height:17px; font-size:17px; background-size:10px 6px; background-position:right 15px top 50%}
	.rightSelectD.type2 .selectD.on > a{background-size:10px 6px; background-position:right 15px top 50%}
	.rightSelectD.type2 .selectD .twoD{top:25px; padding:12px 0}
	.rightSelectD.type2 .selectD .twoD a{padding:0 0 0 26px; font-size:15px; line-height:22px}
	.rightSelectD.type2 .selectD .twoD a:hover{font-family:'Noto Sans KR'; color:#555}
		

	.inner .sortTabArea .sortTab{padding:0}
	.sortTabArea .link{top:45px; padding-right:16px; font-size:13px; background:url('../images/m_right_arrow_icon.png') no-repeat right top; background-size:6px auto}
	.sortTabArea .link:hover{color:#222; background:url('../images/m_right_arrow_icon.png') no-repeat right top; background-size:6px auto} 
	.sortTabArea .sortTab{padding:0 5%}
	.sortTabArea .sortTab a{padding:0 5px 3px; font-size:13px; line-height:15px; margin-right:15px; word-break:keep-all; text-align:center}
	.sortTabArea .sortTab a:before{transition:none}
	.sortTabArea .sortTab a:hover:before{display:none}
	.sortTabArea .sortTab a.on:before{display:block; height:6px}

	.searchArea{margin:30px 0 40px; padding:25px 0 30px}
	.searchArea .inputD{width:400px}
	.searchArea .inputD input{padding:8px 22px 5px 0; height:32px; font-size:14px; line-height:1}
	.searchArea .inputD .btn{top:8px; width:16px; height:16px}
	.searchArea .inputD .btn img{width:100%}

	.radioD input[type="radio"]{width:18px; height:18px}
	.radioD label{padding-left:26px; font-size:13px; line-height:18px; background-size:18px}
	.radioD input[type="radio"]:checked + label{background-size:18px}

	.checkBox input{width:16px; height:16px}
	.checkBox label{padding-left:22px; font-size:13px; line-height:16px}
	.checkBox label:after{width:16px; height:16px; background-size:16px}
	.checkBox input[type="checkbox"]:checked + label:after{background-size:16px}

	.controlBtn:after{}
	.controlBtn:after{margin:-25px 0 0 -25px; width:50px; height:50px; background-size:12px 13px; background-position:22px center}
	.controlBtn:hover:after{background:url('../images/video_playBtn.png') no-repeat 22px center rgba(255, 255, 255, 0.2); background-size:12px 13px}

	.wScrollD table{width:830px !important; table-layout:auto}

	.tableStyle1 table th{padding:11px 10px; font-size:15px; line-height:22px}
	.tableStyle1 table td{padding:11px 10px; font-size:15px; line-height:22px}
	.tableStyle1 table td .title{padding-left:15px}
	.tableStyle1 table td .title a{font-size:15px; line-height:22px}
	.tableStyle1 table td .title a:hover{font-family:'Noto Sans KR'; font-weight:300; background:none}
	.tableStyle2 table th{padding:9px 10px; font-size:13px; line-height:18px}
	.tableStyle2 table td{padding:9px 10px; font-size:13px; line-height:18px}

	.lyPop .layerPop{width:90%}
	.lyPop .pHead{padding:30px 20px 10px; font-size:20px}
	.lyPop .layerPop .close{position:absolute; top:20px; right:20px; width:15px; height:15px}
	.lyPop .layerPop .close img{width:100%}

	.lyPop .pBody .topTxt{margin-top:-4px; font-size:14px; line-height:22px}
	.lyPop .pBody .popSubTitD{margin:30px auto 15px}
	.lyPop .pBody .popSubTitD .title{font-size:16px}
	.lyPop .pBody .popSubTxt{font-size:13px; line-height:18px}
	.lyPop .closeArea{padding:12px 15px; height:50px}
	.lyPop .closeArea .checkBox label{font-size:13px; line-height:26px; color:#fff}
	.lyPop .closeArea .checkBox label:after{top:4px}
	.lyPop .closeArea .closeBtn{margin-left:15px; padding-left:22px; font-size:13px; line-height:26px; background-size:16px}
	.onAirPop .pBody{padding:10px 25px 15px}
	.onAirPop .pFoot{padding:15px 25px}
	.onAirPop .pFoot .infoD .liveInfo{width:calc(100% - 150px); width:-webkit-calc(100% - 150px)}
	.onAirPop .pFoot .infoD .liveInfo .type{width:70px; height:28px; font-size:13px; line-height:30px}
	.onAirPop .pFoot .infoD .liveInfo .tit{padding:0 10px; width:calc(100% - 70px); width:-webkit-calc(100% - 70px); font-size:15px; line-height:28px}
	.onAirPop .pFoot .infoD .timeInfo .txt{padding-left:22px; width:75px; font-size:14px; line-height:28px; background-size:16px}
	.onAirPop .pFoot .infoD .timeInfo .timer{width:75px; font-size:16px; line-height:28px}
	.talkCeoPop .pBody{padding:10px 20px 60px}
	.talkCeoPop .pBody .writeTitD{margin-top:30px}
	.talkCeoPop .pBody .writeTitD .tit{font-size:16px}
	.talkCeoPop .pBody .writeTitD .addTxt{font-size:13px; line-height:18px}
	.talkCeoPop .pBody .writeArea{margin-top:20px}
	.talkCeoPop .pBody .writeTitD + .writeArea{margin-top:10px}
	.talkCeoPop .pBody .writeArea .infoTable{padding:10px 0 9px}
	.talkCeoPop .pBody .writeArea .line{margin-top:7px}
	.talkCeoPop .pBody .writeArea .line .tit{padding:8px 10px 8px 5px; width:160px; font-size:14px; line-height:24px}
	.talkCeoPop .pBody .writeArea .line .inputD{width:calc(100% - 160px); width:-webkit-calc(100% - 160px)}
	.talkCeoPop .pBody .writeArea .line .inputD .selectD{width:100%}
	.talkCeoPop .pBody .writeArea .line .inputD .selectD > a{padding:8px 22px 8px 10px; height:40px; font-size:14px; line-height:24px; background-size:10px auto; background-position:right 10px top 50%}
	.talkCeoPop .pBody .writeArea .line .inputD .selectD.on > a{background-size:10px auto; background-position:right 10px top 50%}
	.talkCeoPop .pBody .writeArea .line .inputD .selectD .twoD{top:40px; padding:8px 0}
	.talkCeoPop .pBody .writeArea .line .inputD .selectD .twoD a{padding:6px 20px 6px 10px; font-size:14px}
	.talkCeoPop .pBody .writeArea .line .inputD input[type="text"]{padding:6px 10px; width:100%; height:40px; font-size:14px; line-height:1}
	.talkCeoPop .pBody .writeArea .contTable{padding:10px 0}
	.talkCeoPop .pBody .writeArea .line .inputD textarea{padding:6px 10px; height:140px; font-size:14px}
	.talkCeoPop .pBody .writeArea .fileTable{padding:10px 0 8px}
	.talkCeoPop .pBody .writeArea .line .inputD .fileD input[type="text"]{width:calc(100% - 95px); width:-webkit-calc(100% - 95px); height:40px}
	.talkCeoPop .pBody .writeArea .line .inputD .fileD .btn{margin-left:5px; width:90px; height:40px; font-size:13px; line-height:40px}
	.talkCeoPop .pBody .writeArea .line .inputD .fileD input[type="file"]{width:100%; height:40px}
	.talkCeoPop .pBody .writeArea .line .inputD .fileList{margin-top:5px; padding:15px 10px}
	.talkCeoPop .pBody .writeArea .line .inputD .fileList > div{margin-top:7px}
	.talkCeoPop .pBody .writeArea .line .inputD .fileList p{padding-right:22px; font-size:13px; line-height:16px}
	.talkCeoPop .pBody .writeArea .line .inputD .fileList p a{width:16px; height:16px; background-size:16px}
	.talkCeoPop .pBody .writeArea .line .inputD .notiTxt{margin-top:8px; font-size:13px; line-height:20px; word-break:keep-all}
	.talkCeoPop .pBody .writeArea .chkTable{padding:10px 0 11px}
	.talkCeoPop .pBody .writeArea .line .inputD .captchaArea{width:197px}
	.talkCeoPop .pBody .writeArea .line .inputD .captchaArea .captchaD{width:120px; height:40px}
	.talkCeoPop .pBody .writeArea .line .inputD .captchaArea .sound{margin:5px 0 0 5px; width:35px; height:35px}
	.talkCeoPop .pBody .writeArea .line .inputD .captchaArea .sound img{width:100%}
	.talkCeoPop .pBody .writeArea .line .inputD .captchaArea .refresh{margin:5px 0 0 2px; width:35px; height:35px}
	.talkCeoPop .pBody .writeArea .line .inputD .captchaArea .refresh img{width:100%}
	.talkCeoPop .pBody .writeArea .line .inputD .inputArea{padding-left:15px; width:calc(100% - 197px); width:-webkit-calc(100% - 197px)}
	.talkCeoPop .pBody .writeArea .line .inputD .radioCheck{padding:6px 0 11px}
	.talkCeoPop .pBody .writeArea .line .inputD .radioCheck .radioD{margin:5px 10px 0 0; font-size:14px}
	.talkCeoPop .pBody .btnArea{margin:20px auto 0}
	.talkCeoPop .pBody .btnArea a{margin:0 1px; width:100px; height:40px; font-size:15px}
	.talkCeoPop .pBody .btnArea a.submit{line-height:40px}
	.talkCeoPop .pBody .btnArea a.submit:hover{background:#222}
	.talkCeoPop .pBody .btnArea a.cancel{line-height:38px}
	.talkCeoPop .pBody .btnArea a.cancel:hover{color:#222; background:#fff; border:1px solid #222}
	.ccmPop .pBody{padding:10px 20px 60px}
	.ccmPop .pBody .lpsDiv{margin-top:15px; padding:35px 15px}
	.ccmPop .pBody .lpsDiv .title{margin-bottom:25px; font-size:14px}
	.ccmPop .pBody .lpsDiv img:nth-child(1){display:none}
	.ccmPop .pBody .lpsDiv img:nth-child(2){display:inline; max-width:none; width:164px}
	.ccmPop .pBody .logoDiv{padding:26px 15px 30px}
	.ccmPop .pBody .logoDiv .list{padding:0 10px}
	.ccmPop .pBody .logoDiv .list .tit{margin-bottom:15px; font-size:15px}
	.ccmPop .pBody .effectDiv .list{padding:30px 12px}
	.ccmPop .pBody .effectDiv .list .tit{font-size:15px}
	.ccmPop .pBody .effectDiv .list .txt{margin-top:12px; font-size:13px; line-height:20px}
	.ccmPop .pBody .resultDiv{padding:0 20px}
	.ccmPop .pBody .resultDiv .list{padding:24px 0}
	.ccmPop .pBody .resultDiv .list .tit{width:150px; font-size:15px; line-height:22px}
	.ccmPop .pBody .resultDiv .list .txt{width:calc(100% - 150px); width:-webkit-calc(100% - 150px); font-size:13px; line-height:22px}
	.mainPop .layerPop{width:auto}
	.mainPop .swiper-container{width:400px; height:auto}
	.mainPop .swiper-pagination{top:17px; left:15px}
	.mainPop .swiper-pagination-bullet{margin-left:6px; width:10px; height:10px;}
	.mainPop .swiper-container .swiper-wrapper .swiper-slide .pc{display:none}
	.mainPop .swiper-container .swiper-wrapper .swiper-slide .mob{display:block}
	.mainPop .swiper-container .swiper-wrapper .swiper-slide img{width:100%}

	.aboutDiv .topTitDiv .tit{font-size:30px; line-height:38px}
	.aboutDiv .topTitDiv .tit img{height:26px}
	.aboutDiv .topTitDiv .txt{font-size:14px; line-height:22px}
	.aboutDiv .videoDiv{margin:25px auto 0}
	.aboutDiv .visionDiv{margin-top:-70px; padding-bottom:60px; height:auto}
	.aboutDiv .visionDiv .inner{padding-top:250px}
	.aboutDiv .visionDiv.active2 .inner{padding-top:130px}
	.aboutDiv .visionDiv .title{font-size:60px; line-height:48px}
	.aboutDiv .visionDiv.active2 .title{font-size:25px; line-height:1}
	.aboutDiv .visionDiv .inner .topD .txtArea{margin:30px auto 0; padding:0 40px}
	.aboutDiv .visionDiv .inner .topD .txtArea:before{top:50%; margin-top:-21px; left:calc(50% - 40px); left:-webkit-calc(50% - 40px); width:15px; height:43px; background-size:15px auto}
	.aboutDiv .visionDiv .inner .topD .txtArea:after{top:50%; margin-top:-21px; right:calc(50% - 40px); right:-webkit-calc(50% - 40px) width:15px; height:43px; background-size:15px auto}
	.aboutDiv .visionDiv .inner .topD .txtArea p span{display:inline}
	.aboutDiv .visionDiv .inner .topD .txtArea p{font-size:20px; line-height:26px}
	.aboutDiv .visionDiv .inner .topD.active .txtArea{width:100%}
	.aboutDiv .visionDiv .inner .listD{margin:35px auto 0; width:100%}
	.aboutDiv .visionDiv .inner .listD > div{padding-top:310px; width:48%; height:360px}
	.aboutDiv .visionDiv .inner .listD > div:nth-child(2){margin-left:4%}
	.aboutDiv .visionDiv .inner .listD > div .tit{font-size:22px; line-height:18px}
	.aboutDiv .visionDiv .inner .listD > div.text{margin-top:35px; font-size:16px; line-height:24px}
	.aboutDiv .ceoDiv{padding:0px 0}
	.aboutDiv .ceoDiv .title{font-size:25px; line-height:1}
	.aboutDiv .ceoDiv .cont{margin-top:0px; padding-bottom: 0px;}
	.aboutDiv .ceoDiv .cont .rightIcon{right:-90px; width:160px; height:160px}
	.aboutDiv .ceoDiv .cont .leftIcon{left:-25px; width:70px; height:70px}
	.aboutDiv .ceoDiv .cont .tit{margin:35px 0 20px; font-size:30px; line-height:36px; text-align:left}
	.aboutDiv .ceoDiv .cont .txtArea .floatL{width:100%; font-size:14px; line-height:22px}
	.aboutDiv .ceoDiv .cont .txtArea .floatL:last-child{padding-left:0; margin-top:3px}
	.aboutDiv .ceoDiv .cont .txtArea .floatL span{margin-top:15px}
	/* 2019-12-26 추가 */
	.aboutDiv .ceoDiv.ceoTypeA .cont .tit{position:relative; top:auto; left:auto; margin-bottom:0px; font-size:40px; text-align:center; letter-spacing:-1px}
	.aboutDiv .ceoDiv.ceoTypeA .cont .contDiv .txtArea{width:100%; padding:30px 5% 0;}
	.aboutDiv .ceoDiv.ceoTypeA .cont .contDiv .txtArea p{font-size:16px; line-height:22px; letter-spacing:-0.8px;}
	.aboutDiv .ceoDiv.ceoTypeA .cont .contDiv .txtArea .last{margin-top:35px; text-align:right;}
	.aboutDiv .ceoDiv.ceoTypeA .cont .contDiv .img{width:100%; height:auto; padding:40px 5% 0 5%; text-align:center; background-size:cover;}
	.aboutDiv .ceoDiv.ceoTypeA .cont .contDiv .img img{}
	.aboutDiv .ceoDiv.ceoTypeA .cont.active .tit{top:0; opacity:1}
	.aboutDiv .ceoDiv.ceoTypeA .cont .contDiv .txtArea{transition-delay:0.9s}
	/* // 2019-12-26 추가 */
	.aboutDiv .talkCeoDiv{padding:80px 5% 85px; font-size:18px; background-attachment:scroll}
	.aboutDiv .talkCeoDiv .txt{margin-top:16px; font-size:20px; line-height:30px}
	.aboutDiv .talkCeoDiv .btn{margin:25px auto 0; width:140px; height:40px; font-size:15px; line-height:40px}
	.aboutDiv .brandD{padding:80px 0}
	.aboutDiv .brandD .brandInfo{margin:35px auto 0}
	.aboutDiv .brandD .brandInfo > div{width:100%; text-align:center}
	.aboutDiv .brandD .brandInfo .symbolD{display:inline-block; width:100%}
	.aboutDiv .brandD .brandInfo .symbolD .img img{width:48px}
	.aboutDiv .brandD.active .brandInfo .imgD .img {
		position: relative;
		top: 30px;
		right: 60%;
		opacity: 1;}

	.aboutDiv .brandD .brandInfo .logoD{display:inline-block; margin-top:30px; padding-top:30px; width:100%}
	.aboutDiv .brandD .brandInfo .logoD .img img{width:152px}
	.aboutDiv .brandD .brandInfo .imgD{width:300px}
	.aboutDiv .brandD .brandInfo .imgD .tit{margin-top:-54px; font-size:19px; margin-left: 30px; padding: 30px 5px; width: 260px;} 
	.aboutDiv .brandD .brandInfo .txt{width:calc(100% - 300px); width:-webkit-calc(100% - 300px); margin-top:0px; font-size:16px; line-height:24px; }
	.aboutDiv .brandD .brandInfo .rightD{width:285px}
	.aboutDiv .brandD .brandInfo .colorInfo .color{width:60px; margin-right:15px}
	.aboutDiv .brandD .brandInfo .colorInfo .color span{width:60px; height:60px}
	.aboutDiv .brandD .brandInfo .colorInfo .color p{margin-top:10px; font-size:13px; line-height:18px}
	.aboutDiv .brandD .brandInfo .btnA{margin-top:20px}
	.aboutDiv .coreValueD{ } /*padding-bottom:80px*/
	.aboutDiv .coreValueD .listDiv{margin:0 auto 0; text-align:center}
	.aboutDiv .coreValueD .listDiv .list{float:left; padding-top:70px; width:20%; font-size:14px; line-height:22px; background-size:56px !important}

	.businessDiv{margin-top:0}
	.businessDiv .brandD{padding:70px 0}
	.businessDiv .brandD .brandInfo{margin:35px auto 0}
	.businessDiv .brandD .brandInfo > div{width:100%; text-align:center}
	.businessDiv .brandD .brandInfo .symbolD{display:inline-block; width:100%}
	.businessDiv .brandD .brandInfo .symbolD .img img{width:48px}
	.businessDiv .brandD .brandInfo .logoD{display:inline-block; margin-top:30px; padding-top:30px; width:100%}
	.businessDiv .brandD .brandInfo .logoD .img img{width:152px}
	.businessDiv .brandD .brandInfo .imgD{width:300px}
	.businessDiv .brandD .brandInfo .imgD .tit{margin-top:15px; font-size:17px}
	.businessDiv .brandD .brandInfo .txt{width:calc(100% - 300px); width:-webkit-calc(100% - 300px); margin-top:20px; font-size:14px; line-height:22px; text-align:left}
	.businessDiv .brandD .brandInfo .rightD{width:285px}
	.businessDiv .brandD .brandInfo .colorInfo .color{width:60px; margin-right:15px}
	.businessDiv .brandD .brandInfo .colorInfo .color span{width:60px; height:60px}
	.businessDiv .brandD .brandInfo .colorInfo .color p{margin-top:10px; font-size:13px; line-height:18px}
	.businessDiv .brandD .brandInfo .btnA{margin-top:20px}
	.businessDiv .coreValueD{padding-bottom:70px}
	.businessDiv .coreValueD .listDiv{margin:35px auto 0; text-align:center}
	.businessDiv .coreValueD .listDiv .list{float:left; padding-top:70px; width:20%; font-size:14px; line-height:22px; background-size:56px !important}
	.businessDiv .businessMapD{padding:70px 0}
	.businessDiv .businessMapD .img{margin-top:45px}
	.businessDiv .sellChannelD{margin:80px auto 0; padding:70px 0; width:100%; height:auto}
	.businessDiv .sellChannelD.active{height:auto}
	.businessDiv .sellChannelD .topList{margin-top:35px; height:185px}
	.businessDiv .sellChannelD .topList .list .type{font-size:15px}
	.businessDiv .sellChannelD .topList .list .text{margin-top:15px; font-size:15px}
	.businessDiv .sellChannelD .topList .list .text span{font-size:35px; line-height:26px}
	.businessDiv .sellChannelD .topList .list .img{margin-top:20px}
	.businessDiv .sellChannelD .bottomList .list .tit{margin-top:25px; font-size:17px}
	.businessDiv .sellChannelD .bottomList .list .txt{margin-top:15px; font-size:14px; line-height:22px}
	.businessDiv .coreAbilityD .listDiv{margin:40px auto 0; width:560px; height:440px}
	.businessDiv .coreAbilityD .listDiv:before{background-size:400px}
	.businessDiv .coreAbilityD .listDiv:after{background-size:330px}
	.businessDiv .coreAbilityD .listDiv .list .txtArea{bottom:100%; width:100px; height:40px}
	.businessDiv .coreAbilityD .listDiv .list:nth-child(3) .txtArea{bottom:96%}
	.businessDiv .coreAbilityD .listDiv .list .txtArea .tit{font-size:14px; line-height:20px}
	.businessDiv .coreAbilityD .listDiv .list .txtArea .txt{margin-top:8px; font-size:13px}
	.businessDiv .coreAbilityD .infoDiv{margin:80px auto 0; }
	.businessDiv .coreAbilityD .infoDiv .list{padding:20px 0}
	.businessDiv .coreAbilityD .infoDiv .list .tit{padding:0; width:210px; font-size:17px; line-height:24px}
	.businessDiv .coreAbilityD .infoDiv .list .txt{margin-top:0; width:calc(100% - 210px); width:-webkit-calc(100% - 210px); font-size:14px; line-height:22px}
	.businessDiv .countryD{padding-top:80px;}
	.businessDiv .countryD .title{font-size:24px; line-height:32px}
	.businessDiv .countryD .sectionTxt{padding:0 5%}
	.businessDiv .countryD .mapDiv{margin-top:30px}
	.businessDiv .countryD .box1, .businessDiv .countryD .box2, .businessDiv .countryD .box3{display:none}

	.businessDiv .enterD { padding-bottom: 260px; } /*padding-top:80px*/
	.businessDiv .enterD .topLinkD{margin:35px auto 0; height:140px}
	.businessDiv .enterD .topLinkD .linkD{padding:25px 20px; height:140px}
	.businessDiv .enterD .topLinkD .linkD .tit{width:105px; font-size:17px; line-height:24px}
	.businessDiv .enterD .topLinkD .linkD span{bottom:25px; left:20px}
	.businessDiv .enterD .topLinkD .linkD span img{width:30px}
	.businessDiv .enterD .topLinkD .linkD:nth-child(3) span{padding-bottom:7px; font-size:11px}
	.businessDiv .enterD .topLinkD .linkD:hover span{bottom:25px}

	
	.businessDiv .enterD .processD{margin-top:0px}
	.businessDiv .enterD .processD .listDiv{margin-top:0px; width:770px; height:130px}
	.businessDiv .enterD .processD .listDiv .list{margin-right:30px; width:130px; height:130px}
	.businessDiv .enterD .processD .listDiv .list:after{left:122px; margin-top:-7px; width:9px; height:15px; background-size:9px auto}
	.businessDiv .enterD .processD .listDiv .list span{font-size:15px; line-height:22px}
	.businessDiv .enterD .processD .listDiv .list p { position: absolute; font-size: 14px; top: 146px; left: 0px; line-height: 22px; padding: 0 10px;}


	.cultureDiv .placeD .listDiv{margin-top:40px}
	.cultureDiv .placeD .listDiv .list{padding:100px 0; height:480px; background-attachment:scroll !important}
	.cultureDiv .placeD .listDiv .fixBox{margin-left:-200px; width:400px; height:280px}
	.cultureDiv .placeD .listDiv .fixBox .scrollText{top:-100px}
	.cultureDiv .placeD .listDiv .fixBox .scrollText .text{height:480px}
	.cultureDiv .placeD .listDiv .fixBox .scrollText .text .txtArea{padding:0 15px}
	.cultureDiv .placeD .listDiv .fixBox .scrollText .text .txtArea .tit{font-size:35px}
	.cultureDiv .placeD .listDiv .fixBox .scrollText .text .txtArea .txt{margin-top:15px; font-size:14px; line-height:22px}
	.cultureDiv .welfareD{padding-top:80px}
	.cultureDiv .welfareD .listDiv{margin-top:40px}
	.cultureDiv .welfareD .listDiv .list .txtArea{padding:20px 15px 0}
	.cultureDiv .welfareD .listDiv .list .txtArea .tit{font-size:15px}
	.cultureDiv .welfareD .listDiv .list .txtArea .txt{margin-top:15px; font-size:14px; line-height:22px}
	.cultureDiv .welfareD .listDiv .list:nth-child(n+3){margin-top:40px}
	.cultureDiv .educationD{padding-top:80px}
	.cultureDiv .educationD .listDiv{margin-top:40px; padding-bottom:80px}
	.cultureDiv .educationD .listDiv .list{margin-bottom:130px}
	.cultureDiv .educationD .listDiv .list .guideD{top:60px}
	.cultureDiv .educationD .listDiv .list .txtArea{padding:40px; width:400px; height:auto}
	.cultureDiv .educationD .listDiv .list .txtArea .tit{font-size:34px; line-height:40px}
	.cultureDiv .educationD .listDiv .list .txtArea .txt{margin-top:10px; font-size:14px; line-height:22px}
	.cultureDiv .workWayD{padding-top:80px}
	.cultureDiv .workWayD .listDiv{margin-top:40px}
	.cultureDiv .workWayD .listDiv .list .txtArea{padding:20px 15px 0}
	.cultureDiv .workWayD .listDiv .list .txtArea .tit{font-size:15px}
	.cultureDiv .workWayD .listDiv .list .txtArea .txt{margin-top:15px; font-size:14px; line-height:22px}

	
	.newsListDiv{margin-top:30px}
	.newsListDiv .list{margin-right:2%; width:49%}
	.newsListDiv .list:nth-child(3n){margin-right:2%}
	.newsListDiv .list:nth-child(2n){margin-right:0}
	.newsListDiv .list:nth-child(3n+1){clear:none}
	.newsListDiv .list:nth-child(2n+1){clear:both}
	.newsListDiv .list:nth-child(n+3){margin-top:30px}
	.newsListDiv .list:hover .imgArea img{transform:scale(1)}
	.newsListDiv .list .txtArea{padding-top:15px}
	.newsListDiv .list .txtArea .gubun{font-size:13px}
	.newsListDiv .list .txtArea .tit{padding-top:10px; font-size:15px; line-height:22px}
	.newsListDiv .list .txtArea .date{padding-top:15px; font-size:13px}
	.newsListDiv .list.noImg{padding:25px}
	.newsListDiv .list.noImg .txt{margin-top:15px; font-size:13px; line-height:18px}
	.newsListDiv .list.noImg .date{padding-top:30px}

	.snsListDiv{margin-top:60px}
	.snsListDiv .list{margin-right:2%; width:49%}
	.snsListDiv .list:nth-child(3n){margin-right:2%}
	.snsListDiv .list:nth-child(2n){margin-right:0}
	.snsListDiv .list:nth-child(3n+1){clear:none}
	.snsListDiv .list:nth-child(2n+1){clear:both}
	.snsListDiv .list:nth-child(n+3){margin-top:30px}
	.snsListDiv .list .imgArea .icon{width:30px !important; height:30px !important; background-size:30px !important}
	.snsListDiv .list:hover .imgArea img{transform:scale(1)}
	.snsListDiv .list .txtArea{padding-top:15px}
	.snsListDiv .list .txtArea .gubun{font-size:13px}
	.snsListDiv .list .txtArea .tit{padding-top:10px; font-size:15px; line-height:22px}
	.snsListDiv .list .txtArea .date{padding-top:15px; font-size:13px}
	
	.viewDiv .topArea{padding:30px 15px}
	.viewDiv .topArea .titD{padding-right:15px}
	.viewDiv .topArea .titD .gubun{margin-bottom:10px; font-size:13px}
	.viewDiv .topArea .titD .tit{font-size:19px; line-height:28px}
	.viewDiv .topArea .dateD{margin-top:6px; width:100%; overflow:hidden}
	.viewDiv .topArea .dateD .year{float:left; font-size:14px; line-height:12px}
	.viewDiv .topArea .dateD .year:after{content:'.'; display:inline; position:relative; font-size:14px; line-height:12px}
	.viewDiv .topArea .dateD .date{float:left; margin-top:0; font-size:14px; line-height:12px; color:#888}
	.viewDiv .conArea{padding:30px 25px 20px; font-size:13px; line-height:20px}
	.viewDiv .conArea .fileD{margin-top:35px}
	.viewDiv .conArea .fileD a{display:block; padding:0 10px 0 25px; margin:0 6px 4px 0; max-width:100%; height:30px; font-size:12px; line-height:30px; background:url('../images/file_icon.gif') no-repeat 10px center #f5f5f5; background-size:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.viewDiv .conArea .fileD a:hover{color:#555; background:url('../images/file_icon.gif') no-repeat 10px center #f5f5f5; background-size:10px}
	.viewDiv .conArea .wScrollD table{width:730px !important}
	.viewDiv .conArea table{margin:5px 0}
	.viewDiv .conArea table th{padding:9px 10px; font-size:13px; line-height:18px}
	.viewDiv .conArea table td{padding:9px 10px; font-size:13px; line-height:18px}

	.onAirDiv .liveArea{padding:50px 0 70px}
	.onAirDiv .liveArea .liveTab a{font-size:20px; line-height:30px}
	.onAirDiv .liveArea .liveTab a.typeA{margin:0 7px 0 0;}
	.onAirDiv .liveArea .liveTab a.typeB{margin:0 0 0 7px}
	.onAirDiv .liveArea .liveTab a.toggle{margin:0 7px}
	.onAirDiv .liveArea .liveTab .toggle{width:60px; height:30px}
	.onAirDiv .liveArea .liveTab .toggle span{width:24px; height:24px}
	.onAirDiv .liveArea .liveTab.on .toggle span{left:32px}
	.onAirDiv .liveArea .liveDiv{margin:30px auto 0}
	.onAirDiv .liveArea .liveDiv .liveView{width:calc(100% - 300px); width:-webkit-calc(100% - 300px)}
	.onAirDiv .liveArea .liveDiv .liveView .info{margin-top:20px}
	.onAirDiv .liveArea .liveDiv .liveView .info .type{width:70px; height:25px; font-size:12px; line-height:25px}
	.onAirDiv .liveArea .liveDiv .liveView .info .title{padding-left:10px; width:calc(100% - 170px); width:-webkit-calc(100% - 170px); font-size:16px; line-height:25px}
	.onAirDiv .liveArea .liveDiv .liveView .info .time{font-size:16px; line-height:25px; width:100px}
	.onAirDiv .liveArea .liveDiv .timeTable{padding:0 10px 0 20px; width:300px}
	.onAirDiv .liveArea .liveDiv .timeTable .list .thumb{width:100px; height:100px}
	.onAirDiv .liveArea .liveDiv .timeTable .list .thumb img{width:100%}
	.onAirDiv .liveArea .liveDiv .timeTable .list .info{padding:10px 0 0 15px; width:calc(100% - 100px); width:-webkit-calc(100% - 100px)}
	.onAirDiv .liveArea .liveDiv .timeTable .list .info .time{font-size:13px; line-height:11px}
	.onAirDiv .liveArea .liveDiv .timeTable .list .info .tit{margin-top:10px; font-size:13px; line-height:20px}
	.onAirDiv .pongArea{padding-top:70px}
	.onAirDiv .pongArea .contDiv{margin-top:45px}
	.onAirDiv .pongArea .contDiv .listTab{padding:0 25px}
	.onAirDiv .pongArea .contDiv .listTab .link{top:-30px; padding-right:16px; font-size:13px; background:url('../images/m_right_arrow_icon.png') no-repeat right top; background-size:6px auto; }
	.onAirDiv .pongArea .contDiv .listTab .link:hover{color:#222; background:url('../images/m_right_arrow_icon.png') no-repeat right top; background-size:6px auto; }
	.onAirDiv .pongArea .contDiv .listTab .swiper-slide{width:120px}
	.onAirDiv .pongArea .contDiv .listTab .swiper-slide .thumb{width:120px; height:120px}
	.onAirDiv .pongArea .contDiv .listTab .swiper-slide .tit{margin-top:15px; padding:0 4px 3px; font-size:14px}
	.onAirDiv .pongArea .contDiv .listTab .swiper-slide .tit:before{height:4px}
	.onAirDiv .pongArea .contDiv .listTab .swiper-slide.on .tit:after{bottom:-50px; height:40px}
	.onAirDiv .pongArea .contDiv .listTab .swiper-button-prev, .onAirDiv .pongArea .contDiv .listTab .swiper-button-next{top:60px; width:10px; height:19px; background-size:10px auto}
	.onAirDiv .pongArea .contDiv .selectView{margin:30px auto 0}
	.onAirDiv .pongArea .contDiv .selectView .viewList{margin:30px auto 0}
	.onAirDiv .pongArea .contDiv .selectView .viewList .list{padding:20px; margin-right:2%; width:49%; font-size:13px; line-height:20px}
	.onAirDiv .pongArea .contDiv .selectView .viewList .list:nth-child(3n){margin-right:2%}
	.onAirDiv .pongArea .contDiv .selectView .viewList .list:nth-child(2n){margin-right:0}
	.onAirDiv .pongArea .contDiv .selectView .viewList .list:nth-child(3n+1){clear:none}
	.onAirDiv .pongArea .contDiv .selectView .viewList .list:nth-child(2n+1){clear:both}
	.onAirDiv .pongArea .contDiv .selectView .viewList .list:nth-child(n+3){margin-top:20px}
	.onAirDiv .pongArea .contDiv .selectView .viewList .list .type{margin-bottom:15px; font-size:15px; line-height:60px}
	.onAirDiv .pongArea .contDiv .selectView .viewList .list .type span{width:60px; height:60px}
	.onAirDiv .pongArea .contDiv .selectView .viewList .list .type span img{width:100%}
	.onAirDiv .pongArea .contDiv .selectView .viewList .list .swiper-container{margin-top:15px; padding-bottom:24px}
	.onAirDiv .pongArea .contDiv .selectView .viewList .list .swiper-container .swiper-pagination .swiper-pagination-bullet{margin:0 4px; width:9px; height:9px}
	
	.withGrownDiv .topArea{padding-bottom:50px; height:220px}
	.withGrownDiv .topArea:before{top:62px; width:24px; height:67px; background-size:24px 67px}
	.withGrownDiv .topArea:after{top:62px; width:24px; height:67px; background-size:24px 67px}
	.withGrownDiv .topArea .listD{padding:30px 20px 0}
	.withGrownDiv .topArea .listD .list{padding-bottom:50px}
	.withGrownDiv .topArea .listD .list .tit{font-size:15px; line-height:22px; height:44px}
	.withGrownDiv .topArea .listD .list .count{margin-top:15px; font-size:15px}
	.withGrownDiv .topArea .listD .list .count span{margin-right:5px; font-size:40px; line-height:26px}
	.withGrownDiv .topArea .listD .list:nth-child(1){background-size:auto 31px}
	.withGrownDiv .topArea .listD .list:nth-child(2){background-size:auto 31px}
	.withGrownDiv .topArea .listD .list:nth-child(3){background-size:auto 31px}
	.withGrownDiv .packageArea{padding-top:45px}
	.withGrownDiv .packageArea .title{padding-top:10px; font-size:55px; line-height:40px}
	.withGrownDiv .packageArea .bgDiv{padding:120px 5% 0; width:100%; height:250px; background-size:cover}
	.withGrownDiv .packageArea .bgDiv .tit{font-size:35px; line-height:35px}
	.withGrownDiv .packageArea .bgDiv .txt{margin-top:20px; font-size:14px; line-height:20px}
	.withGrownDiv .packageArea.active .bgDiv{height:400px}
	.withGrownDiv .introduceArea{padding-top:50px}
	.withGrownDiv .introduceArea .list .txtArea .tit{font-size:22px}
	.withGrownDiv .introduceArea .list .txtArea .txt{margin-top:20px; font-size:13px; line-height:18px}
	.withGrownDiv .introduceArea .list:nth-child(1) .greenBox{top:-60px; height:240px}
	.withGrownDiv .introduceArea .list:nth-child(1) .txtArea{width:300px}
	.withGrownDiv .introduceArea .list:nth-child(1) .imgArea{width:calc(100% - 340px); width:-webkit-calc(100% - 340px)}
	.withGrownDiv .introduceArea .list:nth-child(2){margin-top:180px}
	.withGrownDiv .introduceArea .list:nth-child(2) .txtArea{padding-left:340px; width:100%}
	.withGrownDiv .introduceArea .list:nth-child(2) .imgArea{width:300px;}
	.withGrownDiv .introduceArea .list:nth-child(3){margin-top:60px}
	.withGrownDiv .introduceArea .list:nth-child(3) .bgArea{padding:270px 0 100px}
	.withGrownDiv .introduceArea .list:nth-child(3) .lineBox{display:none}
	.withGrownDiv .introduceArea .list:nth-child(3) .txtArea{width:calc(100% - 270px); width:-webkit-calc(100% - 270px)}
	.withGrownDiv .introduceArea .list:nth-child(3) .imgArea{left:calc(100% - 230px); left:-webkit-calc(100% - 230px); width:230px}
	.withGrownDiv .introduceArea .list:nth-child(4) .txtArea{padding-left:330px}
	.withGrownDiv .introduceArea .list:nth-child(4) .imgArea{top:70px; left:0; width:300px}
	.withGrownDiv .introduceArea .list:nth-child(4).active .imgArea{top:-30px}
	.withGrownDiv .introduceArea .list:nth-child(4) .lineBox{display:none}
	.withGrownDiv .introduceArea .list:nth-child(5){padding-top:155px}
	.withGrownDiv .introduceArea .list:nth-child(5) .txtArea{margin-top:40px}
	.withGrownDiv .introduceArea .list:nth-child(6) .txtArea{margin-top:40px}
	.withGrownDiv .introduceArea .list:nth-child(6) .btnArea .btnA{margin:0 2px 8px;}
	.withGrownDiv .bottomArea{margin-top:80px; padding:90px 0}
	.withGrownDiv .bottomArea .tit{top:0; font-size:22px; opacity:1}
	.withGrownDiv .bottomArea .txt{top:0; margin-top:20px; font-size:13px; line-height:18px; opacity:1}
	.withGrownDiv .bottomArea .txt span{display:inline}

	
	.csrDiv .topDiv .title{padding:0 5%; font-size:30px;}
	.csrDiv .topDiv .listDiv{margin-top:40px}
	.csrDiv .topDiv .listDiv .list .txtArea{padding:20px 15px 0}
	.csrDiv .topDiv .listDiv .list .txtArea .tit{font-size:15px}
	.csrDiv .topDiv .listDiv .list .txtArea .txt{margin-top:15px; font-size:14px; line-height:22px}
	.csrDiv .topDiv .listDiv .list:nth-child(n+3){margin-top:40px}
	.csrDiv .midDiv{padding-top:80px}
	.csrDiv .midDiv .title{padding:0 5%; font-size:30px; line-height:36px}
	.csrDiv .midDiv .listDiv{margin-top:40px; padding-bottom:90px}
	.csrDiv .midDiv .listDiv .list{margin-bottom:130px}
	.csrDiv .midDiv .listDiv .list .guideD{top:60px}
	.csrDiv .midDiv .listDiv .list .txtArea{padding:40px; width:400px; height:auto}
	.csrDiv .midDiv .listDiv .list .txtArea .tit{font-size:34px; line-height:40px}
	.csrDiv .midDiv .listDiv .list .txtArea .txt{margin-top:10px; font-size:14px; line-height:22px}
	.csrDiv .bottomDiv{padding-top:80px}
	.csrDiv .bottomDiv .title{padding:0 5%; font-size:30px}
	.csrDiv .bottomDiv .listDiv{margin-top:40px}
	.csrDiv .bottomDiv .listDiv .list .txtArea{padding:20px 15px 0}
	.csrDiv .bottomDiv .listDiv .list .txtArea .tit{font-size:15px}
	.csrDiv .bottomDiv .listDiv .list .txtArea .txt{margin-top:15px; font-size:14px; line-height:22px}
	.futureGrownDiv .countupDiv{margin-top:40px; height:68px}
	.futureGrownDiv .countupDiv:before{top:0; width:24px; height:67px; background-size:24px 67px}
	.futureGrownDiv .countupDiv:after{top:0; width:24px; height:67px; background-size:24px 67px}
	.futureGrownDiv .countupDiv .listD{padding:0 35px 0}
	.futureGrownDiv .countupDiv .listD .list .tit{font-size:15px}
	.futureGrownDiv .countupDiv .listD .list .count{margin-top:15px; font-size:15px}
	.futureGrownDiv .countupDiv .listD .list .count span{margin-right:5px; font-size:40px; line-height:26px}

	.futureGrownDiv .startupDiv{padding:60px 0 0;}
	.futureGrownDiv .startupDiv .supportList{width:100%; margin-bottom: 30px;}
	.futureGrownDiv .startupDiv .supportList .list{padding:90px 0 20px; width:100%; margin-bottom: 15px;}
	
	.futureGrownDiv .startupDiv .supportList .list:nth-child(1){background-position:center 16px; background-size:50px}
	.futureGrownDiv .startupDiv .supportList .list:nth-child(2){background-position:center 26px; background-size:50px}
	.futureGrownDiv .startupDiv .supportList .list:nth-child(3){background-position:center 26px; background-size:50px}
	.futureGrownDiv .startupDiv .supportList .list .tit{font-size:16px}
	.futureGrownDiv .startupDiv .supportList .list .txt{margin-top:7px; font-size:13px; line-height:18px}
	.futureGrownDiv .supportDiv{padding:70px 0}
	.futureGrownDiv .supportDiv .txt{margin-top:5px; font-size:14px; line-height:22px}
	.futureGrownDiv .supportDiv .supportList{margin-top:25px}
	.futureGrownDiv .supportDiv .supportList .swiper-container{padding:0 20px 22px}
	.futureGrownDiv .supportDiv .supportList .swiper-slide{padding-bottom:0}
	.futureGrownDiv .supportDiv .supportList .swiper-slide .name{margin-top:7px; padding:0 3px; font-size:13px; line-height:18px}
	.futureGrownDiv .supportDiv .swiper-pagination .swiper-pagination-bullet{margin:0 3px; width:8px; height:8px}
	.futureGrownDiv .supportDiv .swiper-button-prev{top:50%; left:-5px; width:10px; height:19px; margin-top:-30px; background-size:10px auto}
	.futureGrownDiv .supportDiv .swiper-button-next{top:50%; right:-5px; width:10px; height:19px; margin-top:-30px; background-size:10px auto}
	.futureGrownDiv .infoBgDiv .box1, .futureGrownDiv .infoBgDiv .box2, .futureGrownDiv .infoBgDiv .box3{display:none}
	.futureGrownDiv .infoBgDiv{}

	.futureGrownDiv .infoBgDiv .bgDiv{padding:130px 0; width:80%; height:auto; font-size:18px; line-height:26px; background-size:cover; background-position:center}
	.futureGrownDiv .infoBgDiv.active .bgDiv{height:auto}
	.futureGrownDiv .greenDiv{padding:70px 0}
	.futureGrownDiv .greenDiv .infoD{margin:35px auto 0}
	.futureGrownDiv .greenDiv .infoD .listD{margin-top:20px}
	.futureGrownDiv .greenDiv .infoD .listD .list .txt{margin-top:16px; font-size:13px; line-height:20px}
	.futureGrownDiv .greenDiv .dataD{margin-top:40px}
	.futureGrownDiv .greenDiv .dataD .txt{margin-top:10px; font-size:13px; line-height:20px}
	.futureGrownDiv .greenDiv .dataD table{margin-top:20px}
	.futureGrownDiv .greenDiv .comCultureDiv{margin-top:40px}
	.futureGrownDiv .greenDiv .comCultureDiv .txt{margin-top:10px; font-size:13px; line-height:20px}
	.ethicManageD .notiBox{margin-top:20px; padding:22px 25px; font-size:14px; line-height:22px}
	.ethicManageD .downInfo{margin-top:25px}
	.ethicManageD .downInfo .tit{font-size:16px; line-height:24px}
	.ethicManageD .downInfo .btnD{margin-top:10px}
	.ethicManageD .downInfo .btnD a{padding:0 15px; height:30px; font-size:12px; line-height:28px}
	.ethicManageD .downInfo .btnD a span{padding-right:15px; background:url('../images/btnA_download.png') no-repeat right 1px center; background-size:9px}
	.ethicManageD .downInfo .btnD a:hover{color:#555; background:#fff; border:1px solid rgba(34, 34, 34, 0.2)}
	.ethicManageD .downInfo .btnD a:hover span{background:url('../images/btnA_download.png') no-repeat right 1px center; background-size:9px}
	.ethicManageD .ethicListD{margin-top:40px; border-top:2px solid #e5e5e5}
	.ethicManageD .ethicListD .list{padding:25px 15px}
	.ethicManageD .ethicListD .list .imgArea{width:80px}
	.ethicManageD .ethicListD .list .imgArea img{width:100%}
	.ethicManageD .ethicListD .list .txtArea{padding-left:20px}
	.ethicManageD .ethicListD .list .txtArea .tit{font-size:16px}
	.ethicManageD .ethicListD .list .txtArea .txt{margin-top:10px; font-size:14px; line-height:22px}
	.ethicManageD .ethicReportD{margin-top:35px; padding:50px 0; background-attachment:scroll}
	.ethicManageD .ethicReportD .title{font-size:20px}
	.ethicManageD .ethicReportD .text{margin-top:20px; font-size:14px; line-height:22px}
	.ethicManageD .ethicReportD .listD{margin-top:30px}
	.ethicManageD .ethicReportD .listD .list{padding:20px 15px; height:195px}
	.ethicManageD .ethicReportD .listD .list .thumb{font-size:19px; line-height:28px}
	.ethicManageD .ethicReportD .listD .list .thumb img{width:75px}
	.ethicManageD .ethicReportD .listD .list .txt{margin-top:15px; font-size:14px; line-height:20px}
	.ethicManageD .ethicReportD .listD .list a{display:inline-block; margin:25px auto 0; font-size:15px; color:#222; border-bottom:2px solid #222; opacity:1}
	.ethicManageD .ethicReportD .listD .list:hover{background:#fff}
	.ethicManageD .ethicReportD .listD .list:hover .thumb{margin-top:0; color:#888}
	.ethicManageD .ethicReportD .listD .list:hover .thumb img:first-child{display:inline}
	.ethicManageD .ethicReportD .listD .list:hover .thumb img:last-child{display:none}
	.ethicManageD .ethicReportD .listD .list:hover .txt{display:block}
	.ethicManageD .ethicReportD .listD .list:hover a{display:inline-block; opacity:1}

	.irDiv .irInfo{margin-bottom:60px; padding:45px 0 50px}
	.irDiv .irInfo .present{font-size:35px; line-height:28px}
	.irDiv .irInfo .present span{margin-left:3px; font-size:14px}
	.irDiv .irInfo .changeD{margin-top:18px}
	.irDiv .irInfo .changeD p{padding:0 15px; font-size:15px}
	.irDiv .irInfo .changeD p span{margin-left:10px; font-size:15px}
	.irDiv .irInfo .changeD p span b{margin-top:2px; font-size:13px}
	.irDiv .irInfo .changeD p:first-child:after{height:15px}
	.irDiv .irInfo .infoList{margin:30px auto 0}
	.irDiv .irInfo .infoList .list{padding:25px 10px; height:120px}
	.irDiv .irInfo .infoList .list .tit{padding-bottom:22px; font-size:15px}
	.irDiv .irInfo .infoList .list .tit:after{margin-left:-10px; width:20px; height:1px}
	.irDiv .irInfo .infoList .list .con{margin-top:20px; font-size:18px; line-height:14px}
	.irDiv .irInfo .infoList .list:nth-child(4) .con, .irDiv .irInfo .infoList .list:nth-child(5) .con{margin-top:20px}
	.irDiv .irInfo .infoList .list .change{margin-top:10px; font-size:14px;}
	.irDiv .sortTabCon{margin:40px auto 0}
	.irDiv .topArea .noticeList{margin-right:30px; width:calc(100% - 310px); width:-webkit-calc(100% - 310px)}
	.irDiv .topArea .noticeList .listD .list{padding:15px 0}
	.irDiv .topArea .noticeList .listD .list .title a{font-size:15px;}
	.irDiv .topArea .nowCheck{padding:25px 30px; width:280px; height:220px}
	.irDiv .topArea .nowCheck .tit{font-size:18px; line-height:26px}
	.irDiv .topArea .nowCheck .txt{bottom:25px; left:30px; font-size:14px; line-height:22px; color:rgba(0, 0, 0, 0.8)}
	.irDiv .faqArea{margin-top:40px}
	.irDiv .irInfoBox{padding:35px 30px}
	.irDiv .irInfoBox .info .tit{font-size:13px}
	.irDiv .irInfoBox .info .name{margin-top:8px; font-size:19px}
	.irDiv .irInfoBox .contact{margin-top:15px}
	.irDiv .irInfoBox .contact dl{padding:0 20px}
	.irDiv .irInfoBox .contact dl dt{font-size:14px}
	.irDiv .irInfoBox .contact dl dd{margin-top:4px; font-size:18px}
	.irDiv .irInfoBox .downD{margin:30px auto 0}
	.irDiv .irInfoBox .downD a{padding:0 20px; margin:0 2px; height:40px; font-size:14px; line-height:40px}
	.irDiv .irInfoBox .downD a:hover{background:#222}
	.irDiv .sortTabCon .searchArea{margin:-10px auto 30px}
	/* 2019-11-15 추가 */
	.irDiv .boxListArea{margin-top:60px}
	.irDiv .boxListArea .title{padding:0 130px 10px 0}
	.irDiv .boxListArea .subTitD .rightSelectD{top:-19px}
	/* // 2019-11-15 추가 */
	.boxList .list{padding:15px 20px 20px}
	.boxList .list .tit{font-size:16px; line-height:22px; font-family:'Noto Sans KR'; font-weight:400;}
	.boxList .list a.tit:hover span{font-family:'Noto Sans KR'; font-weight:400; background:none}
	.boxList .list dl{margin-top:13px}
	.boxList .list dl dt{font-size:14px}
	.boxList .list dl dd{margin-top:8px; font-size:14px; line-height:12px}
	.companyInfoDiv .graphDiv{padding:40px 20px}
	.companyInfoDiv .graphDiv .tit{font-size:17px}
	.companyInfoDiv .graphDiv #bar-flotchart .highcharts-title strong{font-size:13px}
	.companyInfoDiv .graphDiv #bar-flotchart .highcharts-axis-labels strong{font-size:13px}
	/* 2019-11-25 추가 */
	.companyInfoDiv .graphDiv #bar-flotchart2 .highcharts-title strong{font-size:13px}
	.companyInfoDiv .graphDiv #bar-flotchart2 .highcharts-axis-labels strong{font-size:13px}
	/* // 2019-11-25 추가 */
	.companyInfoDiv .choiceYearD{padding-top:70px}
	.companyInfoDiv .performanceD{padding-bottom:25px}
	.companyInfoDiv .performanceD .money{margin:10px 0}
	.companyInfoDiv .performanceD .money p{font-size:24px}
	.companyInfoDiv .performanceD .money p span{font-size:35px; line-height:28px}
	.companyInfoDiv .performanceD .infoList .list{padding:40px 10px; height:140px; margin-right: 33px;}
	.companyInfoDiv .performanceD .infoList .list .tit{ font-size:16px; padding-bottom:11px;}

	.companyInfoDiv .performanceD .infoList .list .tit:after{margin-left:-10px; width:20px; height:1px}
	.companyInfoDiv .performanceD .infoList .list .con{margin-top:20px; font-size:18px; line-height:14px}
	.companyInfoDiv .performanceD .infoList .list .per{margin-top:8px; font-size:14px; line-height:12px}
	/*200918 추가*/
	.companyInfoDiv .performanceD .infoList1 .list{padding:40px 10px; height:140px; margin-right: 24px; width: 47%; margin-bottom: 16px;}
	.companyInfoDiv .performanceD .infoList1 .list .tit{ font-size:16px; padding-bottom:11px;}

	.companyInfoDiv .performanceD .infoList1 .list .tit:after{margin-left:-10px; width:20px; height:1px}
	.companyInfoDiv .performanceD .infoList1 .list .con{margin-top:20px; font-size:18px; line-height:14px}
	.companyInfoDiv .performanceD .infoList1 .list .per{margin-top:8px; font-size:14px; line-height:12px}
	
/* 201026추가 */
.companyInfoDiv .performanceD .infoList1 .list .carrow01:after{content:'→'; display:block; color: #00abbc; position:absolute; bottom:56%; left:100%; font-size: 38px; margin-left: -10px;}
.companyInfoDiv .performanceD .infoList1 .list .carrow02:after{content:'→'; display:block; color: #00abbc; position:absolute; bottom:56%; left:100%; font-size: 38px; margin-left: -10px;}
.companyInfoDiv .performanceD .infoList1 .list .carrow03:after{content:'→'; display:block; color: #00abbc; position:absolute; bottom:56%; left:100%; font-size: 38px; margin-left: -10px;}

	.companyInfoDiv .financialD{padding:25px 0}
	.companyInfoDiv .financialD .infoList .list{padding:25px 10px; height:120px}
	.companyInfoDiv .financialD .infoList .list .tit{padding-bottom:22px; font-size:15px}
	.companyInfoDiv .financialD .infoList .list .tit:after{margin-left:-10px; width:20px; height:1px}
	.companyInfoDiv .financialD .infoList .list .con{margin-top:20px; font-size:18px; line-height:14px}
	.companyInfoDiv .investmentD{padding-top:25px}
	.companyInfoDiv .investmentD .money{margin:10px 0}
	.companyInfoDiv .investmentD .money p{font-size:14px}
	.companyInfoDiv .investmentD .money p span{font-size:35px; line-height:28px}
	/* .companyInfoDiv .investmentD .infoList .list{padding:25px 10px; height:180px; width: 32.12%;} */
	.companyInfoDiv .investmentD .infoList .list .tit{padding-bottom:22px; font-size:15px}
	.companyInfoDiv .investmentD .infoList .list .tit:after{margin-left:-10px; width:20px; height:1px}
	.companyInfoDiv .investmentD .infoList .list .con{margin-top:20px; font-size:18px; line-height:14px}
	.companyInfoDiv .investmentD .explainD{margin:30px auto 20px; padding:25px}


	
	.subTitD .title{margin-bottom: 60px;}
	.subTitD .title span {padding: 0 0 10px;}

	.companyInfoDiv .investmentD .explainD dl{margin-top:15px}
	.companyInfoDiv .investmentD .explainD dl dt{padding-right:10px; width:10px; font-size:14px}
	.companyInfoDiv .investmentD .explainD dl dd{width:calc(100% - 20px); width:-webkit-calc(100% - 20px); font-size:14px; line-height: 18px;}
	.companyInfoDiv .directorD:before{width:70%}
	.companyInfoDiv .directorD .txtArea{padding:50px 20px 50px 0; width:70%}
	.companyInfoDiv .directorD .txtArea .tit1{font-size:20px}
	.companyInfoDiv .directorD .txtArea .txt1{margin-top:8px; font-size:15px; line-height:22px}
	.companyInfoDiv .directorD .txtArea .tit2{margin-top:25px; font-size:17px}
	.companyInfoDiv .directorD .txtArea .txt2{margin-top:8px; font-size:14px; line-height:20px}
	.companyInfoDiv .directorD .txtArea .listD{margin-top:15px}
	.companyInfoDiv .directorD .txtArea .listD .list{padding:10px 0; font-size:14px; line-height:20px}
	.companyInfoDiv .directorD.on:before{width:70%}
	.companyInfoDiv .organizationD{padding-top:30px}
	.companyInfoDiv .organizationD .viewList{margin:15px 0 50px}
	.companyInfoDiv .organizationD .viewList .typeTit{margin:25px 0 15px; font-size:18px}
	.companyInfoDiv .organizationD .viewList .listD .list{margin-right:15px; width:calc(50% - 10px); width:-webkit-calc(50% - 10px); min-height:280px}/* 2020-03-12 수정 */
	.companyInfoDiv .organizationD .viewList .listD .list .profile{padding:25px 20px}
	.companyInfoDiv .organizationD .viewList .listD .list .profile .name{margin-bottom:20px; font-size:19px}
	.companyInfoDiv .organizationD .viewList .listD .list .profile dl{margin-top:6px; padding-right:40px}
	.companyInfoDiv .organizationD .viewList .listD .list .profile dl dt{width:50px; padding-right:6px; font-size:13px}
	.companyInfoDiv .organizationD .viewList .listD .list .profile dl dd{width:calc(100% - 50px); width:-webkit-calc(100% - 50px); font-size:13px}
	.companyInfoDiv .organizationD .viewList .listD .list .profile .img img{width:80px}
	.companyInfoDiv .organizationD .viewList .listD .list .info{padding:15px 20px}
	.companyInfoDiv .organizationD .viewList .listD .list .info p{margin-top:6px; font-size:13px; line-height:20px}
	.companyInfoDiv .organizationD .viewList .listD .list .info p.indent{padding-left:18px; text-indent:-18px}/* 2020-01-08 추가 */
	/* 2020-03-12 추가 */
	.companyInfoDiv .organizationD .viewList .listD .list .info .indent{margin-top:13px;}
	.companyInfoDiv .organizationD .viewList .listD .list .info .indent p{margin-top:3px; padding-left:18px; line-height:20px;}
	.companyInfoDiv .organizationD .viewList .listD .list .info .indent p:first-child{margin-top:0; text-indent:-18px}
	/* 2020-01-14 추가 */
	.companyInfoDiv .organizationD .direcDiv{margin-top:50px;}
	.companyInfoDiv .organizationD .direcDiv .tableStyle2{margin-top:15px;}
	/* // 2020-01-14 추가 */
	/* 2019-11-15 추가 */
	.companyInfoDiv .auditingD{margin-bottom:40px;}
	.companyInfoDiv .auditingD:first-child{padding-top:10px;}
	.companyInfoDiv .auditingD .subTitD .subTxt{margin-bottom:20px;}
	.companyInfoDiv .auditingD .tableStyle2{margin-bottom:20px;}
	.companyInfoDiv .auditingD .tableStyle2:last-child{margin-bottom:0;}
	/* // 2019-11-15 추가 */
	
	/* 2019-11-19 추가 */
	/* 투자정보 */
	.companyInfoDiv .graphDiv .graphBox{width:100%; margin-right:0; margin-bottom:50px;}
	.companyInfoDiv .graphDiv .graphBox:last-child{margin-bottom:0;}
	/* // 2019-11-19 추가 */

	.locationDiv{margin:30px auto 0}
	.locationDiv .mapInfo .list{margin-top:35px}
	.locationDiv .mapInfo .list .tit{padding-left:15px; width:190px;  font-size:24px; line-height:30px}
	.locationDiv .mapInfo .list .info{margin-left:0; padding-left:25px; width:calc(100% - 190px); width:-webkit-calc(100% - 190px)}
	.locationDiv .mapInfo .list .info dl{margin-top:5px}
	.locationDiv .mapInfo .list .info dl dt{width:85px; font-size:14px; line-height:22px}
	.locationDiv .mapInfo .list .info dl dd{width:calc(100% - 85px); width:-webkit-calc(100% - 85px); font-size:14px; line-height:22px}
	.locationDiv .directionD{margin-top:40px}
	.locationDiv .directionD .list{padding:35px 25px}
	.locationDiv .directionD .list .type{width:90px; font-size:17px}
	.locationDiv .directionD .list .info .sort{margin-top:20px}
	.locationDiv .directionD .list .info p{margin-top:6px; font-size:14px; line-height:20px}
	.locationDiv .directionD .list .info p span.icon{margin-right:8px; line-height:14px}
	.locationDiv .directionD .list .info p span.icon img{width:14px}
	.locationDiv .directionD .list .info p.tit{font-size:14px}

	.policyDiv .tit{margin-top:20px; font-size:15px; line-height:20px}
	.policyDiv .tit:first-child{margin-top:30px}
	.policyDiv .txt{margin-top:8px; font-size:14px; line-height:22px}
	.policyDiv .txt p{margin-top:4px}
	.policyDiv .tableD{margin:12px 0}
	.policyDiv .tableD table th{padding:8px 15px; font-size:13px; line-height:20px}
	.policyDiv .tableD table td{padding:8px 15px; font-size:13px; line-height:20px}
	.policyDiv .prevFile{margin:10px auto 0}
	.policyDiv .prevFile a{padding:9px 10px 9px 20px; margin:5px 5px 0 0; font-size:12px; background:url('../images/file_icon.gif') no-repeat 8px center #f5f5f5; background-size:9px}
	.policyDiv .prevFile a:hover{color:#555; background:url('../images/file_icon.gif') no-repeat 8px center #f5f5f5; background-size:9px}
	.policyDiv .noticeD{padding:25px 10px; margin:30px auto 20px; font-size:14px; line-height:22px}
	.viewerMemberDiv .sortTabCon{margin:30px auto 0}
	.viewerMemberDiv .sortTabCon .introArea{margin:0 auto 40px; padding:75px 0; width:100%; height:auto; background-size:cover; background-position:center center}
	.viewerMemberDiv .sortTabCon .introArea.active{background-position:center center}
	.viewerMemberDiv .sortTabCon .introArea .line{margin-top:20px}
	.viewerMemberDiv .sortTabCon .introArea .line .tit{font-size:19px}
	.viewerMemberDiv .sortTabCon .introArea .line .txt{margin-top:8px; font-size:14px; line-height:22px}
	.viewerMemberDiv .sortTabCon .memberList{margin:15px auto 0}
	.viewerMemberDiv .sortTabCon .memberList .list{padding:25px; height:200px}
	.viewerMemberDiv .sortTabCon .memberList .list .type{font-size:13px}
	.viewerMemberDiv .sortTabCon .memberList .list .name{margin-top:10px; font-size:16px}
	.viewerMemberDiv .sortTabCon .memberList .list .info{margin-top:8px; font-size:13px; line-height:20px}
	.viewerMemberDiv .sortTabCon .conferenceFile .list{padding:21px 25px 25px; margin-right:20px; width:calc(50% - 10px); width:-webkit-calc(50% - 10px); height:185px}
	.viewerMemberDiv .sortTabCon .conferenceFile .list:nth-child(n+3){margin-top:20px}
	.viewerMemberDiv .sortTabCon .conferenceFile .list .tit{font-size:17px; line-height:26px}
	.viewerMemberDiv .sortTabCon .conferenceFile .list .date{bottom:25px; left:25px; font-size:13px}
	.viewerMemberDiv .sortTabCon .conferenceFile .list .file{width:30px; height:30px; background-size:10px 8px}
	.viewerMemberDiv .sortTabCon .conferenceFile .list:hover .file{background:url('../images/fileDown_icon.png') no-repeat center center #fff; background-size:10px 8px; border:1px solid #e5e5e5}
	.viewerMemberDiv .downInfo{margin-bottom:40px;}
	.viewerMemberDiv .downInfo .tit{font-size:16px; line-height:24px}
	.viewerMemberDiv .downInfo .btnD{margin-top:10px}
	.viewerMemberDiv .downInfo .btnD a{padding:0 15px; height:30px; font-size:12px; line-height:28px}
	.viewerMemberDiv .downInfo .btnD a span{padding-right:15px; background:url('../images/btnA_download.png') no-repeat right 1px center; background-size:9px}
	.viewerMemberDiv .downInfo .btnD a:hover{color:#555; background:#fff; border:1px solid rgba(34, 34, 34, 0.2)}
	.viewerMemberDiv .downInfo .btnD a:hover span{background:url('../images/btnA_download.png') no-repeat right 1px center; background-size:9px}
	
	.agreeDiv .agreeTxt{padding:20px; height:140px}
	.agreeDiv .agreeTxt .tit{margin-bottom:10px; font-size:15px}
	.agreeDiv .agreeTxt .txt{font-size:13px; line-height:20px}
	.agreeDiv .agreeTxt .txt b{font-size:14px}
	.agreeDiv .agreeChk{padding:10px 20px 9px}
	.agreeDiv .agreeChk .checkBox label{line-height:18px}
	.agreeDiv .agreeChk .checkBox label:after{top:1px; background-size:16px}
	.agreeDiv .agreeChk .checkBox input[type="checkbox"]:checked + label:after{background-size:16px}

	.faqDiv .list .question{padding:13px 30px; font-size:15px; line-height:22px; background-size:11px 6px}
	.faqDiv .list .question:after{margin-top:-10px; width:20px; height:20px; background-size:20px;}
	.faqDiv .list.on .question{background-size:11px 6px}
	.faqDiv .list .answer{padding:17px 20px; font-size:15px; line-height:22px}
	.faqDiv .list .answer p{font-size:15px; line-height:22px}
	.faqDiv .list .answer p:nth-child(n+2){margin-top:5px}
	.faqDiv .list .answer p.img{margin:10px 0 25px}
	.faqDiv .list .answer p.img:last-child{margin:10px 0 0}
	.faqDiv .list .answer .indent{padding-left:15px}
	
	.organizationInfoD{margin-top:15px; padding:25px 10px 30px}
	.organizationInfoD .infoTxt{font-size:13px}
	.organizationInfoD .listDiv .list{padding-top:25px; margin-right:10px; width:calc(20% - 8px); width:-webkit-calc(20% - 8px); height:110px}
	.organizationInfoD .listDiv .list .tit{font-size:15px;}
	.organizationInfoD .listDiv .list .txt{margin-top:20px !important; font-size:17px}


	/* iniside */
	.insideListDiv .bigList .txtBox{margin:0 auto 75px; padding:40px 5% 0}
	.insideListDiv .bigList .txtBox .tit{margin-bottom:15px; font-size:32px; line-height:38px; padding:0}/* 2019-11-04 수정 */
	.insideListDiv .bigList .txtBox .txt{font-size:15px; line-height:23px; }
	.insideListDiv .bigList .txtBox .tit br{display:none;}
	.insideListDiv .bigList .txtBox .txt br{display:none;}
	.insideListDiv .list{width:100%; height:auto; margin-bottom:0;}
	.insideListDiv .list .imgDiv{position:relative; width:100%;}
	.insideListDiv .list .imgDiv .txtBox{position:relative; width:100%; padding:25px 5%;}
	.insideListDiv .list .imgDiv .txtBox .tit{margin-bottom:15px; font-size:30px; line-height:35px;}
	.insideListDiv .list .imgDiv .txtBox .txt{font-size:15px; line-height:25px; font-weight:400;}
	.insideListDiv .list .imgDiv .txtBox .txt br{display:none;}


	/* history */
	.historyArea{height:900px;}
	.historyArea .historyVis{height:450px;}
	.historyArea.on{height:550px;}
	.historyArea.on .historyVis{height:550px;}
	.historyArea .section{width:100%;}
	/* 2019-08-23 */
	.historyArea.mobVisual2 .section{transition:all 1s ease;}
	/* // 2019-08-23 */
	.historyArea .section2{bottom:0;}
	.historyArea.hover > .section{width:100%;}
	.historyArea.hover > .section:hover{width:100%;}
	.historyArea.hover > .section:hover .tit{transform:translateX(-50%);}
	.historyArea.hover > .section:hover .btn{transform:translateX(-50%);}
	.historyArea.hover > .section:hover .btn{border:2px solid #bfd715; background:#bfd715;}
	.historyArea.hover > .section.section1 .tit{transform:translateX(-50%)}
	.historyArea.hover > .section.section2 .tit{transform:translateX(-50%)}
	.historyArea.hover > .section.section1 .btn{transform:translateX(-50%)}
	.historyArea.hover > .section.section2 .btn{transform:translateX(-50%)}
	#wrap.type1 .historyArea .tit{top:120px; width:100%; font-size:30px; line-height:35px;}
	#wrap.type1 .historyArea .historyVis .btn{top:auto; bottom:120px; padding:12px 35px 10px;}
	.historyArea .section1 .historyVis .historyVisImg{background:url('../images/m_history_visual_big_img1.jpg') no-repeat center; background-size:cover;}
	.historyArea .section2 .historyVis .historyVisImg{background:url('../images/m_history_visual_big_img2.jpg') no-repeat center; background-size:cover;}
	.historyArea .section1.active .historyVis .historyVisImg{background:url('../images/m_history_visual_big_img1.jpg') no-repeat center; background-size:cover;}
	.historyArea .section2.active .historyVis .historyVisImg{background:url('../images/m_history_visual_big_img2.jpg') no-repeat center; background-size:cover;}
	.historyArea.on .section1 .historyVis .historyVisImg{background-position:center;}
	.historyArea.on .section2 .historyVis .historyVisImg{background-position:center;}
	.historyTab .hisTabCon{padding-top:50px; margin-bottom:120px;}
	.hisTabCon .hisListCon .bigImg{width:40%}
	.hisTabCon .hisListCon .bigImg.fixed{top:45px;}
	.hisTabCon .hisDiv{padding:45px 0;}
	.hisTabCon .hisList{margin:0 0 40px 40%; padding:0 70px}
	.hisTabCon.hisTabCon2 .hisList{margin:0 40% 40px 0; padding:0 70px}
	.hisTabCon .hisList .year{margin-bottom:10px; font-size:23px;}
	.hisTabCon .hisList .info p span{font-size:14px; line-height:24px;}
	.historyArea .section.active .historyVis .storyTxt{bottom:35px; font-size:13px;}
	.historyArea .section.active .historyVis:after{height:25px;}
	.historyBtnD .hisGoBt{top:auto; bottom:0; width:50%; height:auto; padding:10px 15px; font-size:14px; line-height:18px; font-weight:300; text-align:left; background:#888; overflow:hidden;}
	.historyBtnD .hisGoBt.mobFixed{position:fixed;}
	.historyBtnD .hisGoBt:after{display:none;}
	.historyBtnD .hisGoBt img{width:20px; height:20px; transition:transform 0.4s ease;}
	.historyBtnD .hisGoBt p span{margin-bottom:0; font-family:'Noto Sans KR'; font-weight:700}
	.historyBtnD .hisGoBt.left{left:0; text-align:right; background:#888;}
	.historyBtnD .hisGoBt.right{right:0; background:#888;}
	.historyBtnD .hisGoBt.left img{position:absolute; left:15px; top:50%; transform:translateY(-50%); }
	.historyBtnD .hisGoBt.right img{position:absolute; right:15px; top:50%; transform:translateY(-50%);}
	.historyBtnD .hisGoBt.left.on{opacity:0;}
	.historyBtnD .hisGoBt.right.on{opacity:0;}
	.historyBtnD.on .hisGoBt.left.on{opacity:1; left:0; background:#afcf1b;}
	.historyBtnD.on .hisGoBt.right.on{opacity:1; right:0; background:#afcf1b;}
	.historyBtnD .hisGoBt img.onlyWeb{display:none;}
	.historyBtnD .hisGoBt img.onlyMob{display:block;}
	.historyBtnD.on .hisGoBt.left.on img{transform:translateY(-50%) rotate(-90deg);}
	.historyBtnD.on .hisGoBt.right.on img{transform:translateY(-50%) rotate(-90deg);}
	.historyBtnD .hisGoBt.fixed{top:auto; bottom:0;}

	/* 유효하지 않은 페이지 */
	.errorPage{min-height:auto;}
	.errorPage .errorDiv .infoBox{width:70%;}
	
	/* 브라우저 업데이트 안내 */
	.lyPop.browserPop .layerPop .pHead{padding:30px 25px 0; font-size:19px}
	.lyPop.browserPop .layerPop .pBody{padding:0 25px 30px;}
	.lyPop.browserPop .layerPop .pHead .tit{padding-bottom:15px;}
	.lyPop.browserPop .infoD{padding:15px 0; font-size:13px; font-weight:300; line-height:23px;}
	.lyPop.browserPop .infoD p:first-child{margin-bottom:10px;}
	.lyPop.browserPop .browserD .list{width:120px; margin-right:10px;}
	.lyPop.browserPop .browserD .list:last-child{margin-right:0;}
	.lyPop.browserPop .browserD .list .img{position:relative; width:120px; height:120px; margin-bottom:15px; border:1px solid #e5e5e5; transition:border 0.4s ease;}
	.lyPop.browserPop .browserD .list .img img{width:auto; height:50px;}
	.lyPop.browserPop .browserD .list .tit span{font-size:13px; color:#666; line-height:1; }
	
	/* 환경경영 */
	.environmentDiv{padding-bottom:0px;}
	.environmentDiv .onlyWeb{display:none;}
	.environmentDiv .onlyMob{display:block;}
	.environmentDiv .tit{font-size:23px; line-height:31px;}
	.environmentDiv .txt{font-size:18px; line-height:26px;}
	.environmentDiv .countupDiv{margin:40px auto 80px; height:100px;}
	.environmentDiv .countupDiv:before{width:24px; height:80px; background-size:24px 80px;}
	.environmentDiv .countupDiv:after{width:24px; height:80px; background-size:24px 80px;}
	.environmentDiv .countupDiv .listD{width:100%;}
	.environmentDiv .countupDiv .listD .list{position:relative; top:100px; float:left; width:calc(100% / 3); width:-webkit-calc(100% / 3); width:33.33%; text-align:center; opacity:0; transition:top 0.3s ease, opacity 0.3s ease}
	.environmentDiv .countupDiv .listD .list .tit{font-size:15px;}
	.environmentDiv .countupDiv .listD .list .count{margin-top:15px; font-size:15px;}
	.environmentDiv .countupDiv .listD .list .count span{margin-right:5px; font-size:40px; line-height:26px;}
	.environmentDiv .countupDiv .listD .list .txt{margin-top:10px; font-size:15px;}
	.environmentDiv .countupDiv.active .list{top:0; opacity:1;}
	.environmentDiv .infoBgDiv{margin-bottom:70px;}
	.environmentDiv .infoBgDiv .box1, .environmentDiv .infoBgDiv .box2, .environmentDiv .infoBgDiv .box3{display:none;}
	.environmentDiv .infoBgDiv .bgDiv{padding:100px 0; margin:0 auto; width:80%; height:auto;font-size:18px; line-height:26px; background-size:cover; background-position:center;}
	.environmentDiv .infoBgDiv .bgDiv .inner{top:100px; opacity:0; transition:top 0.6s ease, opacity 0.6s ease; transition-delay:0.3s}
	.environmentDiv .infoBgDiv .bgDiv .inner span{display:block}
	.environmentDiv .infoBgDiv .bgDiv .tit{margin-bottom:25px; font-size:28px;}
	.environmentDiv .infoBgDiv .bgDiv .txt{font-size:18px; line-height:26px;}
	.environmentDiv .infoBgDiv.active .bgDiv{width:100%; height:auto}
	.environmentDiv .sloganDiv .inner{padding-bottom:60px;}
	.environmentDiv .sloganDiv .tit{margin-bottom:20px;}
	.environmentDiv .sloganDiv .slogan{margin-bottom:20px; font-size:45px;}
	.environmentDiv .symbolDiv{padding-top:0px; margin-bottom:00px;}
	.environmentDiv .symbolDiv .tit{margin-bottom:20px;}
	.environmentDiv .symbolDiv .img{margin-bottom:0px;     margin-top: 0px;}
	/* .environmentDiv .groupDiv{padding:60px 0 70px; background:url("../images/environment_bg2_m.jpg") center 0 no-repeat; background-size:cover;} */
	.environmentDiv .groupDiv {
		padding: 70px 0 80px;
		background: url(../images/identity_bg.jpg) center 0 no-repeat;
		background-size: cover;
		}

	.environmentDiv .groupDiv .tit{margin-bottom:20px;}
	.environmentDiv .groupDiv .txt{margin-bottom:40px;}
	.environmentDiv .groupDiv .img{margin-bottom:20px;}
	.environmentDiv .groupDiv .infoTxt{width:100%; padding:0;}
	.environmentDiv .groupDiv .infoTxt p{font-size:14px; line-height:22px;}
	.environmentDiv .groupDiv .infoTxt .bold{margin-bottom:5px;}
	.environmentDiv .groupDiv.active .img{opacity:1;}
	.environmentDiv .envPolicyDiv{padding:60px 0 70px;}
	.environmentDiv .envPolicyDiv .tit{margin-bottom:35px;}
	.environmentDiv .envPolicyDiv .listDiv .listTit{margin-bottom:15px; font-size:17px;}
	.environmentDiv .envPolicyDiv .listDiv .list{display:flex; flex-wrap:wrap; width:100%; padding:25px 0; align-items:center; align-content:center;}
	.environmentDiv .envPolicyDiv .listDiv .list .num{float:none; width:80px; font-size:17px;}
	.environmentDiv .envPolicyDiv .listDiv .list .txt{float:none;  width:calc(100% - 80px); width:-webkit-calc(100% - 80px); font-family:'Noto Sans KR'; font-size:14px; line-height:22px;}
	.environmentDiv .envGoalDiv{padding:60px 0 70px;}
	.environmentDiv .envGoalDiv .tit{margin-bottom:20px;}
	.environmentDiv .envGoalDiv .txt{margin-bottom:35px;}
	.environmentDiv .envGoalDiv .listDiv{margin-top:35px; border-top:2px solid #e5e5e5;}
	.environmentDiv .envGoalDiv .listDiv .list{display:flex; flex-wrap:wrap; align-items:center; align-content:center; width:100%; padding:25px 0;}
	.environmentDiv .envGoalDiv .listDiv .list .img{width:90px;}
	.environmentDiv .envGoalDiv .listDiv .list .txtD{width:calc(100% - 90px); width:-webkit-calc(100% - 90px); padding-left:10px;}
	.environmentDiv .envGoalDiv .listDiv .list .txtD p{font-size:14px; line-height:22px;}
	.environmentDiv .envGoalDiv .listDiv .list .txtD .bold{margin-bottom:10px; font-size:16px;}
	.environmentDiv .planDiv{margin-top:40px;}
	.environmentDiv .planDiv .planTit{margin-bottom:10px; font-size:17px;}
	.environmentDiv .planDiv .planTxt{font-size:14px; line-height:22px; font-weight:300; color:#555;}
	.environmentDiv .planDiv .tableStyle2{margin-top:15px;}
	.environmentDiv .planDiv .tableStyle2 table td{height:86px}
	.environmentDiv .planDiv .tableStyle2 .imgBox .txtD{padding-left:20px;}
	.environmentDiv .planDiv .tableStyle2 .imgBox .txtD .bold{font-size:13px; line-height:21px;}
	.environmentDiv .planDiv .tableStyle2 .imgBox .txtD .dotList p{font-size:13px; line-height:23px;}
	.environmentDiv .planDiv .tableStyle2 .circle{width:15px; height:15px;}
	.environmentDiv .envActivityDiv{padding:60px 0 0;}
	.environmentDiv .envActivityDiv .tit{margin-bottom:15px;}
	.environmentDiv .envActivityDiv .inner > .txt{margin-bottom:50px;}
	.environmentDiv .envActivityDiv .subTit{font-size:30px;}
	.environmentDiv .envActivityDiv .actSection{padding:40px 0 0;}
	.environmentDiv .envActivityDiv .actSection .txt{margin-bottom:20px; }
	.environmentDiv .envActivityDiv .actSection .txt br{display:none;}
	.environmentDiv .envActivityDiv .actSection .dotTit{margin-top:25px; padding-left:15px; font-size:15px; line-height:23px;}
	.environmentDiv .envActivityDiv .actSection .dotTit:after{content:''; display:block; position:absolute; top:5px; left:0; width:10px; height:10px; border-radius:50%; border:3px solid #bed733; box-sizing:border-box;}
	.environmentDiv .envActivityDiv .actSection .dotTit .sTxt{font-family:'Noto Sans KR'; font-size:18px; font-weight:300;}
	.environmentDiv .envActivityDiv .actSection1{padding:40px 0 0}
	.environmentDiv .envActivityDiv .actSection1 .txt{margin-bottom:30px; text-align:left;}
	.environmentDiv .envActivityDiv .actSection1 .listDiv .list{width:100%; margin-bottom:30px;}
	.environmentDiv .envActivityDiv .actSection1 .listDiv .list:last-child{margin-bottom:0;}
	.environmentDiv .envActivityDiv .actSection1 .listDiv .list .img{margin-bottom:20px; text-align:center;}
	.environmentDiv .envActivityDiv .actSection1 .listDiv .list .txt{margin-bottom:0;}
	.environmentDiv .envActivityDiv .actSection2 .txt{margin-bottom:20px; text-align:left;}
	.environmentDiv .envActivityDiv .actSection2 .graphDiv{padding:40px 25px;}
	.environmentDiv .envActivityDiv .actSection2 .graphDiv .tit{margin-bottom:10px; font-size:17px;}
	.environmentDiv .envActivityDiv .actSection2 .graphDiv #bar-flotchart .highcharts-title strong{font-size:13px;}
	.environmentDiv .envActivityDiv .actSection2 .graphDiv #bar-flotchart .highcharts-axis-labels strong{font-size:13px}
	.environmentDiv .envActivityDiv .actSection2 .graphDiv #bar-flotchart2 .highcharts-title strong{font-size:13px}
	.environmentDiv .envActivityDiv .actSection2 .graphDiv #bar-flotchart2 .highcharts-axis-labels strong{font-size:13px}
	.environmentDiv .envActivityDiv .actSection2 .graphDiv .graphBox{width:100%; margin-right:0; margin-bottom:30px;}
	.environmentDiv .envActivityDiv .actSection2 .graphDiv .graphBox:last-child{margin-bottom:0;}
	.environmentDiv .envActivityDiv .actSection2 .graphDiv .graphBox > div .graph .col .list .line{width:20%; min-width:30px;}
	.environmentDiv .envActivityDiv .actSection2 .graphDiv .graphBox > div .graph .col .list{width:30%;}
	.environmentDiv .envActivityDiv .actSection3{padding:40px 0 0;}
	.environmentDiv .envActivityDiv .actSection3 .envCam{margin-top:20px; padding:30px;}
	.environmentDiv .envActivityDiv .actSection3 .envCam .icon{margin-bottom:10px;}
	.environmentDiv .envActivityDiv .actSection3 .envCam .greenBox{width:100%; height:auto; padding:15px 0; margin:0 auto 15px; font-size:17px; line-height:1;}
	.environmentDiv .envActivityDiv .actSection3 .envCam .imgD{margin-top:20px;}
	.environmentDiv .envActivityDiv .actSection3 .envCam .imgD .img{width:100%; margin-right:0; margin-bottom:15px;}
	.environmentDiv .envActivityDiv .actSection3 .envCam .imgD .img:last-child{margin-bottom:0;}
	.environmentDiv .envActivityDiv .actSection3 .envCamBox{margin-bottom:40px;}
	.environmentDiv .envActivityDiv .actSection3 .envCamBox:last-child{margin-bottom:0;}
	.environmentDiv .envActivityDiv .actSection3 .envCamBox .box{width:100%; margin-right:0;}
	.environmentDiv .envActivityDiv .actSection3 .envCamBox.camTypeA .box{margin-bottom:40px;}
	.environmentDiv .envActivityDiv .actSection3 .envCamBox.camTypeA .box:last-child{margin-bottom:0}
	.environmentDiv .envActivityDiv .actSection4{padding:40px 0 45px;}
	.environmentDiv .envActivityDiv .actSection4 .cirImgD{margin-top:20px;}
	.environmentDiv .envActivityDiv .actSection4 .cirImgD .cir{width:100%; margin-left:0; margin-bottom:20px;}
	.environmentDiv .envActivityDiv .actSection4 .cirImgD .cir:last-child{margin-bottom:0;}
	.environmentDiv .envActivityDiv .actSection4 .cirImgD .cir .img{width:100%; max-width:433px; height:auto; margin:0 auto 15px; text-align:center;}
	.environmentDiv .envActivityDiv .actSection4 .cirImgD .cir .txt{margin-bottom:0; font-size:16px; line-height:24px;}
	.environmentDiv .envActivityDiv .actSection4 .cirImgD .cir:hover .img img{transform:scale(1)}
	.environmentDiv .envActivityDiv .actSection5{padding:40px 0 0;}
	.environmentDiv .envActivityDiv .actSection6 .img{text-align:center;}
	.environmentDiv .envActivityDiv.gryBg{padding:50px 0 200px;}
	.environmentDiv .envActivityDiv .envSwiper .swiperTxtSlide{position:relative;  width:100%; height:auto; padding-right:0;}
	.environmentDiv .envActivityDiv .envSwiper .swiperTxtSlide .txtSlide{display:none; padding:30px 30px 60px;}
	.environmentDiv .envActivityDiv .envSwiper .swiperTxtSlide .txtSlide:nth-child(1){display:block;}
	.environmentDiv .envActivityDiv .envSwiper .swiperTxtSlide .txtSlide .tit{margin-bottom:15px; font-size:20px; line-height:26px;}
	.environmentDiv .envActivityDiv .envSwiper .swiperTxtSlide .txtSlide .txt{padding-right:0; font-size:14px; line-height:22px;}/* 2020-06-01 수정 */
	.environmentDiv .envActivityDiv .envSwiper .swiperTxtSlide .txtSlide .txt br{display:none;}
	.environmentDiv .envActivityDiv .envSwiper .swiperTxtSlide .txtSlide .txt span{font-size:13px;}
	.environmentDiv .envActivityDiv .envSwiper .swiper-btn{width:100px; height:50px;}
	.environmentDiv .envActivityDiv .envSwiper .swiper-btn:after{width:1px; height:20px;}
	.environmentDiv .envActivityDiv .envSwiper .swiper-btn .swiper-button-prev{top:0; left:0; transform:none; width:50px; height:50px; margin:0; background:url("../images/envSwiper_prev_arrow.png") center no-repeat; background-size:10px auto;}
	.environmentDiv .envActivityDiv .envSwiper .swiper-btn .swiper-button-next{top:0; right:0; transform:none; width:50px; height:50px; margin:0; background:url("../images/envSwiper_next_arrow.png") center no-repeat; background-size:10px auto;}
	.environmentDiv .envActivityDiv .envSwiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#bed733;}
	.environmentDiv .envActivityDiv .envSwiper .swiper-pagination-progressbar{background:#fff;}
	.environmentDiv .envActivityDiv .envSwiper .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{height:3px;}
	.environmentDiv .envActivityDiv .envSwiper2{margin-top:15px;}
	.environmentDiv .envActivityDiv .envSwiper2 .swiper-slide .mark{top:3px; padding:10px; font-size:15px;}
	.environmentDiv .envActivityDiv .envSwiper2 .swiper-slide{padding:25px 20px 0;}
	.environmentDiv .envActivityDiv .envSwiper2 .swiper-slide .envSlideTit{margin-bottom:10px; font-size:20px; line-height:28px;}
	.environmentDiv .envActivityDiv.envMou{margin-top:-150px; padding:0;}
	.environmentDiv .envActivityDiv .actSection .dotTit .sTxt{font-size:14px; line-height:22px;}
	.environmentDiv .envActivityDiv.envMou .whtImgD{padding:15px;}

	.careerList > li .txt_box strong {display: block;font-size: 18px; font-weight: 500; line-height: 28px;margin-bottom: 17px;}
}

@media all and (max-width:940px) {
	
	.irArea .stockArea{margin:30px auto; word-break:keep-all}
    .irArea .stockArea .sectL{width:100%;}
    .irArea .stockArea .sectR{margin-left:0; width:100%;}
    .irArea .stockArea .company{float:none; margin:auto; width:380px; height:240px; background:url('../images/m_main_ir_company.jpg') no-repeat center; background-size:cover}
	.irArea .stockArea .company img{display:none}
    .irArea .stockArea .stockInfo{display:flex; flex-wrap:wrap; justify-content:space-between; float:none; margin:20px auto 0; width:380px; height:240px;}
    #wrap .irArea .stockArea .stockInfo h3{padding:0;}
    .irArea .stockArea .stockInfo .stockNum{padding:0;}
    .irArea .stockArea .stockInfo .info{margin-top:0; padding-top:25px; width:100%;}
    .irArea .stockArea .stockInfo .btnView{display:none;}
    .irArea .stockArea .stockInfo .info .list{padding-top:11px;}
    .irArea .stockArea .announce{margin:20px auto 0; width:380px; height:190px;}
    .irArea .stockArea .report{margin:20px auto 0; width:380px; height:190px; border:2px solid #b4d41b; background:#b4d41b;}
	.irArea .stockArea .report .txt1{padding:18px 0 0;background:none;}
	.companyInfoDiv .performanceD .infoList1 .list{padding:40px 10px; height:140px; margin-right: 20px; width: 47%; margin-bottom: 16px;}
	.companyInfoDiv .investmentD .infoList .list{padding:25px 10px; height:160px; }
	.companyInfoDiv .investmentD .infoList .list {
		padding: 25px 10px;
		height: 180px;
		width: 31.8%;
	}
	.aboutDiv .brandD .infoList .list{padding:25px 10px; height:160px; }
	.aboutDiv .brandD .infoList .list {
		padding: 25px 20px;
		height: 180px;
		width: 31.8%;
	}

	.aboutDiv .brandD .brandInfo .imgD{float:none; width:100%}
	.aboutDiv .brandD .brandInfo .txt{float:none; width:100%; text-align:center}
	.aboutDiv .brandD .brandInfo .rightD{float:none; margin:30px auto 0}
	.aboutDiv .brandD .brandInfo .imgD .tit { margin: 50px auto 0; font-size: 19px;}
	.aboutDiv .brandD.active .brandInfo .imgD .img {
		position: relative;
		top: 24px;
		left: 0;
	}
}

@media all and (max-width:758px) {
/*201101추가*/
.careerList {
	width: 100%;
	width: calc(100% + 10px);
	width: -webkit-calc(100% + 10px);
	width: -moz-calc(100% + 10px);
	margin-left: -5px;
	}
.careerList > li {padding: 0 5px;width: 50%;margin-bottom: 30px;}
.careerList > li .icon_box {-webkit-background-size: 0;
background-size: 0;}
.careerList > li.active .icon_box {-webkit-background-size:100%; background-size: 100%;}

.careerList > li .txt_box strong {font-size: 16px;line-height: 22px;margin-bottom: 10px;}
.careerList > li .txt_box {margin-top: 20px;}
.dot_list li {font-size: 13px;line-height: 20px;}
.dot_list li:before {top: 9px;}


.careerList > li.careerList1 {transition-delay:0s;-webkit-transition-delay:0s;} 
.careerList > li.careerList2 {transition-delay:.2s;-webkit-transition-delay:.2s;} 
.careerList > li.careerList3 {transition-delay:0s;-webkit-transition-delay:0s;} 
.careerList > li.careerList4 {transition-delay:.2s;-webkit-transition-delay:.2s;} 
.careerList > li.careerList5 {transition-delay:0s;-webkit-transition-delay:0s;} 
.careerList > li.careerList6 {transition-delay:.2s;-webkit-transition-delay:.2s;} 




	.subTitD{text-align:right}
	.subTitD .title, .subTitD .title2{text-align:center}
	.subTitD .title2 + .btnA{position:relative; top:0}

	footer .utilCont{float:none; padding-bottom:30px}

	/* 201005 추가 */
footer .utilCont .relation{ position: relative; text-align: center; }
footer .utilCont .relation ul {text-align: center; display: inline-block; vertical-align: top;}
footer .utilCont .relation ul li {display: block; text-align: center; float: left; margin: 0 10px; padding-bottom: 14px;}
/* footer .utilCont ul li:after{display:block; content:" |"; position:absolute; top:0; padding-right: 30px; clear:both;} */
footer .utilCont .relation ul li:nth-child(1):after{display:block; position:absolute; top:0; padding-left: 0px; content:" "; clear:both; font-size: 14px;}
footer .utilCont .relation ul li:nth-child(2):after{display:block; position:absolute; top:0; padding-left: 0px; content:" "; clear:both; font-size: 14px; }
footer .utilCont .relation ul li:nth-child(3):after{display:block; position:absolute; top:0; padding-left: 0px; content:" "; clear:both; font-size: 14px;}
footer .utilCont .relation ul li:nth-child(4):after{display:block; position:absolute; top:0; padding-left: 0px; content:"  "; clear:both; font-size: 14px;}
footer .utilCont .relation ul li:nth-child(5):after{display:block; position:absolute; top:0; padding-left: 0px; content:"  "; clear:both; font-size: 14px;}
footer .utilCont .relation ul li a { display:block; font-size: 16px; font-weight: 400 !important; color:#000}
footer .utilCont .relation ul li a:hover { color:#00abbc; text-decoration: underline;}


	footer .familyCont{float:none; padding-left:0; background:none}
	footer .familyCont .ccm{top:-45px; left:auto; right:0; width:32px; height:21px; background:url('../images/m_iconFooter_ccm.png') no-repeat; background-size:32px 21px}
	footer .familyCont > div > a span{display:block}
	footer .familyCont .slideBox{width:100%}
	footer .familyCont .slideBox .siteDiv .oneD{width:100%}
	footer .familyCont .slideBox .siteDiv .oneD .tit{width:100%; padding-bottom:15px}
	footer .familyCont .slideBox .siteDiv .oneD .twoD{width:100%}
	footer .familyCont .slideBox .siteDiv .oneD .twoD p:nth-child(n+3){margin-top:12px}
	footer .familyCont .slideBox .siteDiv .oneD .twoD p{width:50%}
	footer .familyCont .slideBox .siteDiv .oneD .tit + .twoD{width:100%}

	.lyPop .layerPop{top:0; left:0; transform:translate(0, 0); width:100%; height:100%; max-width:none; max-height:none}
	.lyPop .pHead{padding:30px 10px 10px}
	.onAirPop.lyPop .layerPop{overflow:visible; overflow-y:auto}
	.onAirPop .pBody{padding:10px 10px 25px}
	.onAirPop .pBody .liveD .liveArea{float:none; margin-right:0; width:100%}
	.onAirPop .pBody .liveD .dTable{float:none; margin-top:10px; width:100%}
	.onAirPop .pBody .liveD .thumbArea{display:table-cell; padding-right:10px; vertical-align:middle}
	.onAirPop .pBody .liveD .mobileTime{display:table-cell; border:1px solid #e5e5e5; vertical-align:middle; text-align:center}
	.onAirPop .pBody .liveD .mobileTime .tit{display:inline-block; padding-left:20px; font-size:13px; color:#555; background:url('../images/onAirPop_clock_icon2.gif') no-repeat left center; background-size:13px}
	.onAirPop .pBody .liveD .mobileTime .timer{display:flex; justify-content:center; margin-top:15px;  font-size:16px; color:#222}
	.onAirPop .pBody .liveD .mobileTime .timer span:nth-child(2){padding-left:0px;}
	.onAirPop .pBody .liveD .mobileTime .timer span:nth-child(2):before{display:inline-block; content:":";}
	.onAirPop .pBody .liveD .mobileTime .timer span:nth-child(3){padding-left:0px;}
	.onAirPop .pBody .liveD .mobileTime .timer span:nth-child(3):before{display:inline-block; content:":";}
	.onAirPop .pFoot{padding:20px 10px 60px}
	.onAirPop .pFoot .infoD .liveInfo{width:100%}
	.onAirPop .pFoot .infoD .liveInfo .type{float:none}
	.onAirPop .pFoot .infoD .liveInfo .tit{float:none; padding:0; margin-top:8px; width:100%; line-height:20px; white-space:normal}
	.onAirPop .pFoot .infoD .timeInfo{display:none}
	.onAirPop .linkBtn{display:block; width:100%; height:50px; font-weight:700; font-size:13px; line-height:50px; color:#fff; text-align:center; background:#222}
	.talkCeoPop .pBody{padding:10px 10px 60px}
	.talkCeoPop .pBody .writeArea .line .tit{width:130px}
	.talkCeoPop .pBody .writeArea .line .inputD{width:calc(100% - 130px); width:-webkit-calc(100% - 130px)}
	.talkCeoPop .pBody .writeArea .line .inputD .inputArea{padding-left:0; margin-top:6px; width:100%}
	.ccmPop .pBody{padding:10px 10px 60px}
	.mainPop .layerPop{width:90%; height:auto}
	.mainPop .swiper-container{width:100%}
	
	.mainSection2{height:568px !important}
	.mainSection2 .fp-tableCell{height:568px !important}
    .visionAreaBg{display:none;}
    .visionArea{margin:120px 0 0 /*240px*/ 0;}
    .visionArea .title{font-size:16px; line-height:1}
	.visionArea .title span{display:inline}
    .visionArea .mTxt{font-size:45px; top:30px}
    .visionArea .mTxt.active{top:30px; left:0; font-size:45px; color:#222;}
    .visionArea .txt{padding-top:80px; font-size:15px; line-height:22px}
    .visionArea .btnMore{margin-top:40px; font-size:18px;}
    .visionArea .swipeArea{position:static; margin-top:60px;}
    .visionArea .swipeArea .swiper-container{padding:0 15px 0 50px;}
    .visionArea .swipeArea .swiper-button-prev{top:500px; width:80px; height:80px; background-size:80px 80px; display:none !important}
    .visionArea .swipeArea .swiper-button-next{top:500px; left:650px; width:80px; height:80px; background-size:80px 80px; display:none !important}
    .visionArea .swipeArea .swiper-container-horizontal > .swiper-pagination-progressbar{width:calc(100vw - 0px); left:15px}
    /*.visionArea .swipeArea .swiper-slide{}*/

    .newsnsArea .contArea .newsArea .list{height:auto;}
    .newsnsArea .contArea .newsArea .list .txtArea{padding:35px 60px 35px 35px; height:100%;}
    .newsnsArea .contArea .newsArea .list .txtArea .txt{display:block;}
    .newsnsArea .contArea .newsArea .list .txtArea .date{position:relative; top:auto; right:auto; padding-top:20px; transform:translate(0, 0);}
    .newsnsArea .contArea .newsArea .list.active{background:#fff; height:auto}
    .newsnsArea .contArea .newsArea .list.active .txtArea{padding:35px 60px 35px 35px; height:100%;}
	.newsnsArea .contArea .newsArea .list.active .txtArea .date{bottom:auto; left:auto; padding-top:20px}
    .newsnsArea .contArea .newsArea .list.noImg.active .txtArea{padding:35px 60px 35px 35px; height:100%;}

    .mainSection3{height:1000px !important;}
    .cultureArea .txtArea{padding-top:70px;}
    .cultureArea .videoArea .quarter{flex-wrap:wrap; margin-top:200px; height:calc(100% - 200px);}
    .cultureArea .videoArea .quarter .list{padding-top:0; width:100%; height:25%; border-left:0; border-top:1px solid rgba(255,255,255,0.2);}
    .cultureArea .videoArea .quarter .list:nth-child(1) > a{background:none; background-size:35px auto;}
    .cultureArea .videoArea .quarter .list:nth-child(1).on > a{background:url("../images/main_culture_icon1.png") no-repeat center 0; background-size:35px auto;}
    .cultureArea .videoArea .quarter .list:nth-child(2) > a{background:none; background-size:35px auto;}
    .cultureArea .videoArea .quarter .list:nth-child(2).on > a{background:url("../images/main_culture_icon2.png") no-repeat center 0; background-size:35px auto;}
    .cultureArea .videoArea .quarter .list:nth-child(3) > a{background:none; background-size:35px auto;}
    .cultureArea .videoArea .quarter .list:nth-child(3).on > a{background:url("../images/main_culture_icon3.png") no-repeat center 0; background-size:35px auto;}
    .cultureArea .videoArea .quarter .list:nth-child(4) > a{background:none; background-size:35px auto;}
    .cultureArea .videoArea .quarter .list:nth-child(4).on > a{background:url("../images/main_culture_icon4.png") no-repeat center 0; background-size:35px auto;}
    .cultureArea .videoArea .quarter .list .hideObj .squreBox span{width:55%;}
    .cultureArea .videoArea .quarter .list .mainTxt{font-size:20px;}

	.mainSection4{height:568px !important}
	.mainSection4 .fp-tableCell{height:568px !important}

	.aboutDiv .visionDiv .inner .listD > div{float:none; padding-top:250px; width:300px; height:300px; margin:0 auto}
	.aboutDiv .visionDiv .inner .listD > div:nth-child(2){margin:30px auto 0}
	
	.aboutDiv .coreValueD .listDiv .list{display:inline-block; float:none; width:100%; margin-bottom: 20px;}
	/* .aboutDiv .coreValueD .listDiv .list:nth-child(n+4){margin-top:30px} */

	.businessDiv .brandD .brandInfo .imgD{float:none; width:100%}
	.businessDiv .brandD .brandInfo .txt{float:none; width:100%; text-align:center}
	.businessDiv .brandD .brandInfo .rightD{float:none; margin:30px auto 0}
	.businessDiv .sellChannelD .topList{height:auto}
	.businessDiv .sellChannelD .topList .list{position:relative; left:auto !important; margin-bottom:30px; width:100%}
	.businessDiv .sellChannelD .topList .list .img{margin-top:10px}
	.businessDiv .sellChannelD .topList .list .img img{height:31px}
	.businessDiv .sellChannelD .bottomList .list{display:table; margin-top:40px; width:100%}
	.businessDiv .sellChannelD .bottomList .list:first-child{margin-top:0}
	.businessDiv .sellChannelD .bottomList .list .img{display:table-cell; width:200px; vertical-align:middle}
	.businessDiv .sellChannelD .bottomList .list .txtArea{display:table-cell; padding-left:15px; width:calc(100% - 200px); vertical-align:middle}
	.businessDiv .sellChannelD .bottomList .list .txtArea .tit{margin-top:0}
	.businessDiv .sellChannelD .bottomList .list .txtArea .txt{padding-right:0}
	.businessDiv .coreAbilityD .listDiv{margin:20px auto 0; width:310px; height:270px}
	.businessDiv .coreAbilityD .listDiv:before{background-size:220px}
	.businessDiv .coreAbilityD .listDiv:after{background-size:180px}
	.businessDiv .coreAbilityD .listDiv .list .txtArea{width:100px; height:40px}
	.businessDiv .coreAbilityD .listDiv .list:nth-child(3) .txtArea{bottom:93%}
	.businessDiv .coreAbilityD .listDiv .list .txtArea .tit{font-size:14px; line-height:20px}
	.businessDiv .coreAbilityD .listDiv .list .txtArea .txt{margin-top:6px; font-size:12px}
	.businessDiv .coreAbilityD .infoDiv{margin-top:70px}
	.businessDiv .coreAbilityD .infoDiv .list{width:100%}
	.businessDiv .coreAbilityD .infoDiv .list .tit{display:block; float:none; width:100%}
	.businessDiv .coreAbilityD .infoDiv .list .txt{display:block; float:none; margin-top:10px; width:100%}
	.businessDiv .countryD .mapDiv{background:none}
	.businessDiv .countryD .mapDiv .mapImg{opacity:1}
	.businessDiv .countryD .mapDiv .mapImg img:first-child{display:none}
	.businessDiv .countryD .mapDiv .mapImg img:last-child{display:inline; width:100%}
	.businessDiv .enterD .topLinkD{height:420px}
	.businessDiv .enterD .topLinkD .linkD{width:100%}
	.businessDiv .enterD .topLinkD .linkD:nth-child(3){background:url('../images/enterD_img3_m.jpg') no-repeat right bottom #aecd00; background-size:79px auto !important}


	.businessDiv { padding:0;}
	.businessDiv .enterD { margin-bottom: 160px; padding-bottom: 0;}
	.businessDiv .enterD .processD .listDiv{width:120px; height:910px}
	.businessDiv .enterD .processD .listDiv .list{margin:0 0 100px 0; width:120px; height:120px; background-size:120px !important}
	.businessDiv .enterD .processD .listDiv .list:last-child{margin-bottom:0}
	.businessDiv .enterD .processD .listDiv .list:after{top:165px; left:50%; margin-top:0; margin-left:-4px; transform:rotate(90deg); -webkit-transform:rotate(90deg)}
	.businessDiv .enterD .processD .listDiv .list span{font-size:14px; line-height:28px}
	.businessDiv .enterD .processD .listDiv .list p {
		font-size: 14px;
		top: 130px; left:-110px ;
		line-height: 22px;
		padding: 0 10px; width:340px;}

	.cultureDiv .workWayD .listDiv .list{width:50%}
	.cultureDiv .workWayD .listDiv .list:nth-child(n+3){margin-top:40px}
	.cultureDiv .workWayD .listDiv .list:nth-child(2n+1){clear:both}

	

	.viewDiv .topArea{display:block}
	.viewDiv .topArea .titD{display:block; padding-right:0}
	.viewDiv .topArea .dateD{display:block; border-left:none; text-align:left}

	.onAirDiv .liveArea .liveDiv .liveView{float:none; width:100%}
	.onAirDiv .liveArea .liveDiv .timeTable{padding:0 10px 20px 0; margin-top:30px; width:100%; height:290px}
	.onAirDiv .liveArea .liveDiv .timeTable::-webkit-scrollbar{width:8px}

	.withGrownDiv .topArea:before, .withGrownDiv .topArea:after{display:none}
	.withGrownDiv .topArea .listD{padding:30px 0 0}
	.withGrownDiv .topArea .listD .list .tit{font-size:14px}
	.withGrownDiv .packageArea{padding-top:35px}
	.withGrownDiv .packageArea .title{font-size:36px; line-height:28px}
	.withGrownDiv .packageArea .bgDiv{height:400px}
	.withGrownDiv .introduceArea .list:nth-child(1) .txtArea{top:0; width:100%; opacity:1}
	.withGrownDiv .introduceArea .list:nth-child(1) .imgArea{position:relative; bottom:auto; right:auto; margin-top:20px; width:100%; opacity:1}
	.withGrownDiv .introduceArea .list:nth-child(1).active .imgArea{bottom:auto}
	.withGrownDiv .introduceArea .list:nth-child(2){margin-top:50px}
	.withGrownDiv .introduceArea .list:nth-child(2) .txtArea{top:0; padding:0; width:100%; opacity:1}
	.withGrownDiv .introduceArea .list:nth-child(2) .imgArea{position:relative; top:auto; left:0; margin-top:20px; width:100%; opacity:1}
	.withGrownDiv .introduceArea .list:nth-child(2).active .imgArea{top:auto}
	.withGrownDiv .introduceArea .list:nth-child(3){margin-top:25px}
	.withGrownDiv .introduceArea .list:nth-child(3) .bgArea{width:100%; padding:25px 0}
	.withGrownDiv .introduceArea .list:nth-child(3) .txtArea{top:0; width:100%; opacity:1}
	.withGrownDiv .introduceArea .list:nth-child(3) .imgArea{position:relative; top:auto; left:auto; margin-top:20px; width:100%; opacity:1}
	.withGrownDiv .introduceArea .list:nth-child(3).active .imgArea{top:auto}
	.withGrownDiv .introduceArea .list:nth-child(4){margin-top:25px}
	.withGrownDiv .introduceArea .list:nth-child(4) .imgArea{position:relative; top:auto; margin-top:20px; width:100%; opacity:1}
	.withGrownDiv .introduceArea .list:nth-child(4) .txtArea{top:0; opacity:1; padding-left:0; margin-top:30px;}
	.withGrownDiv .introduceArea .list:nth-child(4).active .imgArea{top:auto}
	.withGrownDiv .introduceArea .list:nth-child(5){padding-top:50px}
	.withGrownDiv .introduceArea .list:nth-child(5) .imgArea{top:0; opacity:1} 
	.withGrownDiv .introduceArea .list:nth-child(5) .txtArea{top:0; opacity:1; margin-top:30px}
	.withGrownDiv .introduceArea .list:nth-child(6){padding-top:50px}
	.withGrownDiv .introduceArea .list:nth-child(6) .txtArea{top:0; opacity:1; margin-top:0}
	.csrDiv .bottomDiv .listDiv .list{width:50%}
	.csrDiv .bottomDiv .listDiv .list:nth-child(n+3){margin-top:40px}
	.csrDiv .bottomDiv .listDiv .list:nth-child(2n+1){clear:both}
	.ethicManageD .ethicReportD .listD .list{margin-right:0; padding:30px 20px; width:100%; height:190px}
	.ethicManageD .ethicReportD .listD .list:nth-child(n+2){margin-top:20px;}
	.ethicManageD .ethicReportD .listD .list .txt span{display:inline}
	.futureGrownDiv .countupDiv:before, .futureGrownDiv .countupDiv:after{display:none}
	.futureGrownDiv .countupDiv .listD{padding:0 0 0}
	.futureGrownDiv .countupDiv .listD .list .tit{font-size:14px}
	.futureGrownDiv .startupDiv .supportList .list{ }/*padding:60px 5px 0*/
	
	.irDiv .irInfo .infoList{display:block; flex-wrap:nowrap; justify-content:normal; text-align:center}
	.irDiv .irInfo .infoList .list{float:left; padding:25px 8px; margin-right:0; width:49%}
	.irDiv .irInfo .infoList .list:nth-child(2n){float:right}
	.irDiv .irInfo .infoList .list:nth-child(2n+1){clear:both}
	.irDiv .irInfo .infoList .list:nth-child(n+3){margin-top:5px}
	.irDiv .irInfo .infoList .list .tit{font-size:14px; letter-spacing:-1.5px}
	.irDiv .topArea .noticeList{float:none; margin:0; width:100%}
	.irDiv .topArea .nowCheck{display:block; float:none; padding:20px 25px; margin-top:30px; width:100%; height:180px; background-size:cover}
	.irDiv .topArea .nowCheck .txt{bottom:20px; left:25px}
	.irDiv .faqArea{margin-top:30px}
	.irDiv .irInfoBox{padding:25px 15px}
	.irDiv .irInfoBox .contact dl{padding:0; margin-top:15px; width:100%; border-right:none}
	.irDiv .irInfoBox .contact dl:first-child{margin-top:0}
	.irDiv .irInfoBox .downD{margin-top:25px; text-align:left}
	.irDiv .irInfoBox .downD a{margin-top:5px; padding:0 15px; font-size:13px;}
	.boxList .list{margin-right:10px; width:calc(50% - 5px); width:-webkit-calc(50% - 5px)}
	.boxList .list:nth-child(3n){margin-right:10px}
	.boxList .list:nth-child(2n){margin-right:0}
	.boxList .list:nth-child(3n+1){clear:none}
	.boxList .list:nth-child(2n+1){clear:both}
	.boxList .list:nth-child(n+3){margin-top:10px}
	.companyInfoDiv .performanceD .infoList{display:block; flex-wrap:nowrap; justify-content:normal; text-align:center}
	.companyInfoDiv .performanceD .infoList .list{float:left; padding:25px 8px; margin-right:0; width:100%; margin-bottom: 40px; height: 120px;}
	.companyInfoDiv .performanceD .infoList .list:nth-child(2n){float:right}
	.companyInfoDiv .performanceD .infoList .list:nth-child(2n+1){clear:both}
	.companyInfoDiv .performanceD .infoList .list:nth-child(n+3){margin-top:5px}
	.companyInfoDiv .performanceD .infoList .list .tit{font-size:16px; letter-spacing:-1.5px}
	/*200918 추가*/
	.companyInfoDiv .performanceD.bgc{ padding-bottom: 0px; background:url('../images/bg_compliance758.png') no-repeat right 180px;} /*background:url('../images/bg_compliance981.png') no-repeat center 110px;*/
	.companyInfoDiv .performanceD .infoList1{padding-top:0px; display:block; flex-wrap:nowrap; justify-content:normal; text-align:center}
	.companyInfoDiv .performanceD .infoList1 .list{float:left; padding:25px 8px; margin-right:0; width:80%; margin-bottom: 40px; height: 120px;}
	/* .companyInfoDiv .performanceD .infoList1 .list:nth-child(2n){float:right} */
	.companyInfoDiv .performanceD .infoList1 .list:nth-child(2n+1){clear:both}
	.companyInfoDiv .performanceD .infoList1 .list:nth-child(n+3){margin-top:5px}
	.companyInfoDiv .performanceD .infoList1 .list .tit{font-size:16px; letter-spacing:-1.5px}

	/* 201026추가 */
.companyInfoDiv .performanceD .infoList .list .arrow01:after{content:'↓'; display:block; color: #00abbc; position:absolute; bottom:-30%; left:50%; font-size: 38px; margin-left: -10px;}
.companyInfoDiv .performanceD .infoList .list .arrow02:after{content:'↓'; display:block; color: #00abbc; position:absolute; bottom:-30%; left:50%; font-size: 38px; margin-left: -10px;}

	/* 201026추가 */
.companyInfoDiv .performanceD .infoList1 .list .carrow01:after{content:'↓'; display:block; color: #00abbc; position:absolute; bottom:-30%; left:50%; font-size: 38px; margin-left: -10px;}
.companyInfoDiv .performanceD .infoList1 .list .carrow02:after{content:'↓'; display:block; color: #00abbc; position:absolute; bottom:-30%; left:50%; font-size: 38px; margin-left: -10px;}
.companyInfoDiv .performanceD .infoList1 .list .carrow03:after{content:'↓'; display:block; color: #00abbc; position:absolute; bottom:-30%; left:50%; font-size: 38px; margin-left: -10px;}

	.companyInfoDiv .financialD .infoList{display:block; flex-wrap:nowrap; justify-content:normal; text-align:center}
	.companyInfoDiv .financialD .infoList .list{float:left; padding:25px 8px; margin-right:0; width:49%}
	.companyInfoDiv .financialD .infoList .list:nth-child(2n){float:right}
	.companyInfoDiv .financialD .infoList .list:nth-child(2n+1){clear:both}
	.companyInfoDiv .financialD .infoList .list:nth-child(n+3){margin-top:5px}
	.companyInfoDiv .financialD .infoList .list .tit{font-size:14px; letter-spacing:-1.5px}
	.companyInfoDiv .investmentD .infoList{display:block; flex-wrap:nowrap; justify-content:normal; text-align:center;}
	.companyInfoDiv .investmentD .infoList .list{float:left; padding:25px 8px; margin-right:0; width:49%;}
	.companyInfoDiv .investmentD .infoList .list:nth-child(2n){float:right}
	.companyInfoDiv .investmentD .infoList .list:nth-child(2n+1){clear:both}
	.companyInfoDiv .investmentD .infoList .list:nth-child(n+3){margin-top:5px}
	.companyInfoDiv .investmentD .infoList .list .tit{font-size:14px; letter-spacing:-1.5px}

	.aboutDiv .brandD .infoList{display:flex; flex-wrap:wrap; justify-content: center; text-align:center;}
	.aboutDiv .brandD .infoList .list{float:left; padding:25px 16px; margin-right:0; width:calc(50% - 20px);}
	.aboutDiv .brandD .infoList .list:nth-child(2n){float:right}
	.aboutDiv .brandD .infoList .list:nth-child(2n+1){clear:both}
	.aboutDiv .brandD .infoList .list:nth-child(n+3){margin-top:5px}
	.aboutDiv .brandD .infoList .list .tit{font-size:14px; letter-spacing:-1.5px}

	.aboutDiv .brandD .infoList .list:nth-child(1) {order: 1;}
	.aboutDiv .brandD .infoList .list:nth-child(2) {order: 2; margin-left: 15px;}
	.aboutDiv .brandD .infoList .list:nth-child(3) {order: 4; margin-left: 15px;}
	.aboutDiv .brandD .infoList .list:nth-child(4) {order: 3;}
	.aboutDiv .brandD .infoList .list:nth-child(2)::after {top: 100%; left: 50%; transform: translate(-50%, -50%) rotate(90deg);}
	.aboutDiv .brandD .infoList .list:nth-child(3)::after {transform: translateY(-50%) rotate(180deg); left: -20px; right: unset;}

	.companyInfoDiv .investmentD .explainD{padding:25px 15px}
	.companyInfoDiv .directorD:before{width:100%}
	.companyInfoDiv .directorD .txtArea{width:100%}
	.companyInfoDiv .directorD.on:before{width:100%}
	.companyInfoDiv .organizationD .viewList .listD .list{margin-right:20px; width:calc(50% - 10px); width:-webkit-calc(50% - 10px)}
	.companyInfoDiv .organizationD .viewList .listD .list:nth-child(3n){margin-right:20px}
	.companyInfoDiv .organizationD .viewList .listD .list:nth-child(2n){margin-right:0}
	.companyInfoDiv .organizationD .viewList .listD .list:nth-child(n+3){margin-top:20px}

	

	.locationDiv .mapInfo .list .tit{float:none; padding-left:0; width:100%}
	.locationDiv .mapInfo .list .info{float:none; padding-left:0; margin-top:20px; width:100%; border:none}
	.locationDiv .directionD .list{padding:25px 0}
	.locationDiv .directionD .list .type{float:none; width:100%}
	.locationDiv .directionD .list .info{float:none; margin-top:20px; width:100%}

	
	/* history */
	.historyArea{height:466px;}
	.historyArea .historyVis{height:233px;}
	.historyArea.on{height:287px;}
	.historyArea.on .historyVis{height:287px;}
	#wrap.type1 .historyArea .historyVis .btn{bottom:50px; transition:background 0.7s ease, border 0.7s ease;}
	#wrap.type1 .historyArea .tit{top:50px;font-size:20px; line-height:25px; transition:none;}
	#wrap.type1 .historyArea .historyVis .btn{bottom:50px; padding:12px 35px 10px; font-size:15px;}
	#wrap.type1 .historyArea.on .tit{top:60px; font-size:25px; line-height:30px;}
	.historyTab .hisTabCon{position:relative; margin-bottom:0; padding-bottom:80px}
	.hisTabCon .hisDiv{padding:0}
	.hisTabCon .hisListCon .bigImg.fixed{position:relative; top:auto; bottom:auto;}
	.hisTabCon .hisListCon .bigImg.fixed.fixedB{position:relative; top:auto; bottom:auto;}
	.hisTabCon .hisListCon .bigImg{position:relative; top:auto; left:auto; width:100%; margin-bottom:50px; opacity:1; height:250px;}
	.hisTabCon .hisListCon .bigImg img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%)}
	.hisTabCon .hisList{width:100%; margin:0 0 45px; padding:0 5%}
	.hisTabCon .hisList .info p .date{width:25px;}
	.hisTabCon .hisList .info p .txt{width:calc(100% - 25px); width:-webkit-calc(100% - 25px);}
	.hisTabCon.hisTabCon2 .hisListCon:last-child{padding-bottom:0;}
	.hisTabCon.hisTabCon2 .hisList{width:100%; margin:0 0 40px; padding:0 5%}
	.hisTabCon.hisTabCon2 .hisListCon:last-child .hisList:last-child{margin-bottom:0;}
	
	
	/* 유효하지 않은 페이지 */
	.errorPage .errorDiv .title{font-size:120px;}
	.errorPage .errorDiv .errorBox{margin-top:-25px;}
	.errorPage .errorDiv .infoBox{width:100%; margin:0 auto;}
	.errorPage .errorDiv .infoBox p span{float:left; font-size:14px; line-height:24px; text-align:left;}
	.errorPage .errorDiv .infoBox p span:first-child{width:20%;}
	.errorPage .errorDiv .infoBox p span:last-child{width:80%;}
	
	/* 브라우저 업데이트 안내 */
	.lyPop.browserPop .layerPop{width:100%}
	.lyPop.browserPop .infoD p:first-child br{display:none;}
}



@media all and (max-width:600px) {
	.companyInfoDiv .investmentD .infoList .list{width:100%}
	/* .companyInfoDiv .investmentD .infoList .list .tit:after {
		content: '↓';
		display: block;
		color: #00abbc;
		position: absolute;
		bottom: 0;
		left: 50%;
		font-size: 38px;
		margin-left: -20px;}
	.companyInfoDiv .investmentD .infoList .list .tit:last-child{ background: none;} */

	.subVisual.com{background:url('../images/subVisual_com.jpg') no-repeat}
	.subVisual.com2{background:url('../images/subVisual_com2.jpg') no-repeat}
	.subVisual.com4{background:url('../images/subVisual_com4.jpg') no-repeat}
	.subVisual.lib{background:url('../images/subVisual_lib.jpg') no-repeat}
	.subVisual.csr{background:url('../images/subVisual_csr.jpg') no-repeat}
	.subVisual.csr2{background:url('../images/subVisual_csr2.jpg') no-repeat}
	.subVisual.csr3{background:url('../images/subVisual_csr3.jpg') no-repeat}
	.subVisual.csr4{background:url('../images/subVisual_csr4.jpg') no-repeat}
	.subVisual.inv{background:url('../images/subVisual_inv.jpg') no-repeat}
	.subVisual.uti{background:url('../images/subVisual_uti.jpg') no-repeat}
	#mHeader .allMenuD .recruitBanner{padding:15px 20px 20px; height:100px}
	#mHeader .allMenuD .recruitBanner p{padding-bottom:20px; font-size:17px; line-height:22px}
	.searchArea .inputD{width:85%}
	.topTitDiv .tit2{font-size:30px}
	.topTitDiv .tit2 span{display:inline}
	.aboutDiv .topTitDiv .tit{font-size:26px; line-height:36px}
	.ccmPop .pBody .effectDiv{border-right:1px solid #e5e5e5; border-bottom:none}
	.ccmPop .pBody .effectDiv .list{padding:24px 15px; width:100%; border-right:none; border-bottom:1px solid #e5e5e5; text-align:left}
	.ccmPop .pBody .resultDiv{padding:0 15px}
	.ccmPop .pBody .resultDiv .list .tit{float:none; width:100%}
	.ccmPop .pBody .resultDiv .list .tit span{display:inline}
	.ccmPop .pBody .resultDiv .list .txt{float:none; margin-top:6px; width:100%}

	.aboutDiv .topTitDiv .tit span{display:inline}
	.businessDiv .coreValueD .listDiv .list{float:none; display:inline-block; width:32%}
	.businessDiv .coreValueD .listDiv .list:nth-child(n+4){margin-top:20px}
	.businessDiv .sellChannelD{background:url('../images/sellChannel_bg_m.jpg') no-repeat center center}
	.businessDiv .sellChannelD .bottomList .list{display:block; width:100%}
	.businessDiv .sellChannelD .bottomList .list .img{display:block; width:100%}
	.businessDiv .sellChannelD .bottomList .list .txtArea{display:block; width:100%; margin-top:15px}
	.cultureDiv .placeD .listDiv .fixBox{margin-left:-145px; width:290px}
	.cultureDiv .welfareD .listDiv .list{width:100%}
	.cultureDiv .welfareD .listDiv .list:nth-child(n+2){margin-top:50px}
	.cultureDiv .welfareD .listDiv .list .txtArea{padding:30px 15px 0}
	.cultureDiv .workWayD .listDiv .list{width:100%}
	.cultureDiv .workWayD .listDiv .list:nth-child(n+2){margin-top:50px}
	.cultureDiv .workWayD .listDiv .list .txtArea{padding:30px 15px 0}


	.newsListDiv .list{margin-right:0; width:100%}
	.newsListDiv .list:nth-child(3n){margin-right:0}
	.newsListDiv .list:nth-child(2n+1){clear:none}
	.newsListDiv .list:nth-child(n+2){margin-top:30px}

	.snsListDiv .list{margin-right:0; width:100%}
	.snsListDiv .list:nth-child(3n){margin-right:0}
	.snsListDiv .list:nth-child(2n+1){clear:none}
	.snsListDiv .list:nth-child(n+2){margin-top:30px}

	.onAirDiv .liveArea .liveTab a{font-size:15px}
	.onAirDiv .liveArea .liveDiv .liveView .info .type{display:block; float:none; margin-bottom:10px}
	.onAirDiv .liveArea .liveDiv .liveView .info .title{padding:0; width:calc(100% - 85px); width:-webkit-calc(100% - 85px); font-size:15px}
	.onAirDiv .liveArea .liveDiv .liveView .info .time{width:85px; font-size:15px; letter-spacing:-1px}
	.onAirDiv .pongArea .contDiv .selectView .viewList .list{margin-right:0; width:100%}
	.onAirDiv .pongArea .contDiv .selectView .viewList .list:nth-child(3n){margin-right:0}
	.onAirDiv .pongArea .contDiv .selectView .viewList .list:nth-child(2n+1){clear:none}
	.onAirDiv .pongArea .contDiv .selectView .viewList .list:nth-child(n+2){margin-top:20px}
	
	.withGrownDiv .topArea{height:auto}
	.withGrownDiv .topArea .listD{position:relative; top:auto; left:auto; transform:translate(0, 0)}
	.withGrownDiv .topArea .listD .list{width:100%}
	.withGrownDiv .topArea .listD .list:nth-child(n+2){margin-top:20px}
	.withGrownDiv .topArea .listD .list .tit{height:auto}
	.csrDiv .topDiv .title{font-size:25px; line-height:30px}
	.csrDiv .topDiv .listDiv .list{width:100%}
	.csrDiv .topDiv .listDiv .list:nth-child(n+2){margin-top:50px}
	.csrDiv .topDiv .listDiv .list .txtArea{padding:30px 15px 0}
	.csrDiv .midDiv .title{font-size:25px; line-height:30px}
	.csrDiv .topDiv .title span{display:inline}
	.csrDiv .bottomDiv .title{font-size:25px; line-height:30px}
	.csrDiv .bottomDiv .listDiv .list{width:100%}
	.csrDiv .bottomDiv .listDiv .list:nth-child(n+2){margin-top:50px}
	.csrDiv .bottomDiv .listDiv .list .txtArea{padding:30px 15px 0}

	.futureGrownDiv .countupDiv{height:auto}
	.futureGrownDiv .countupDiv .listD{position:relative; top:auto; left:auto; transform:translate(0, 0)}
	.futureGrownDiv .countupDiv .listD .list{width:100%}
	.futureGrownDiv .countupDiv .listD .list:nth-child(n+2){margin-top:25px}
	.futureGrownDiv .countupDiv .listD .list .tit{height:auto}
	.futureGrownDiv .supportDiv .supportList .swiper-container{padding:0 15px 30px}
	.futureGrownDiv .supportDiv .supportList .swiper-slide .name{height:auto}
	.ethicManageD .ethicReportD .listD .list{height:210px}
	
	.boxList .list{margin-right:0; width:100%}
	.boxList .list:nth-child(3n){margin-right:0}
	.boxList .list:nth-child(n+2){margin-top:10px}
	.companyInfoDiv .investmentD .explainD dl dt{padding-right:10px; width:10px}
	.companyInfoDiv .investmentD .explainD dl dd{ margin-top:0px; width:100%}
	.companyInfoDiv .organizationD .viewList .listD .list{margin-right:0; width:100%}
	.companyInfoDiv .organizationD .viewList .listD .list:nth-child(3n){margin-right:0}
	.companyInfoDiv .organizationD .viewList .listD .list:nth-child(n+2){margin-top:40px}

	.policyDiv .noticeD span{display:inline}
	.viewerMemberDiv .sortTabCon .memberList .list{width:100%}
	.viewerMemberDiv .sortTabCon .conferenceFile .list{width:100%; margin-right:0; height:155px}
	.viewerMemberDiv .sortTabCon .conferenceFile .list:nth-child(n+2){margin-top:20px}

	.organizationInfoD .listDiv{text-align:center}
	.organizationInfoD .listDiv .list{display:inline-block; float:none; margin-right:0; width:31%}
	.organizationInfoD .listDiv .list:nth-child(4), .organizationInfoD .listDiv .list:nth-child(5){margin-top:10px}

	
	.environmentDiv .countupDiv:before, .environmentDiv .countupDiv:after{display:none;}
	.environmentDiv .countupDiv{height:auto}
	.environmentDiv .countupDiv .listD{position:relative; top:auto; left:auto; transform:translate(0, 0); width:100%;}
	.environmentDiv .countupDiv .listD .list{width:100%}
	.environmentDiv .countupDiv .listD .list:nth-child(n+2){margin-top:25px}
	.environmentDiv .countupDiv .listD .list .tit{height:auto}
	.environmentDiv .infoBgDiv .bgDiv .tit{font-size:30px; letter-spacing:-0.8px}
	.environmentDiv .infoBgDiv .bgDiv .inner span{display:inline;}
}

@media all and (max-width:500px) {
    .onlyMob{display:block;}
    .mainVisual .videoArea .txtObj a{padding:15px 30px; font-size:42px;}
    .mainVisual .videoArea .txtObj .upperTxtArea .txt{font-size:15px; line-height:19px;}
    .mainVisual .videoArea .txtObj a:nth-child(2):before{top:-8px; margin-left:-6px; width:12px; height:12px}
    .mainVisual .videoArea .txtObj a:nth-child(3):before{top:-8px; margin-left:-6px; width:12px; height:12px}
    .videoDiv.youtube .bgDiv .video:before{display:none}
	.videoDiv.youtube .bgDiv .video:after{display:none}
    .visionArea{margin:50px 0 0 0;}
    .visionArea .title{font-size:15px;}
    .visionArea .mTxt{font-size:40px;}
    .visionArea .txt{padding-top:80px; font-size:15px; line-height:22px;}
    .visionArea .txtArea.on{left:15px;}
    .visionArea .btnMore{margin-top:30px; font-size:16px;}
    .visionArea .swipeArea .swiper-container{padding:0 15px 0 15px;}
    .visionArea .swipeArea .swiper-slide{width:270px !important; height:200px;}
    .visionArea .swipeArea .swiper-slide .hover{top:140px; left:15px; padding:0; width:calc(100% - 30px);}
    .visionArea .swipeArea .swiper-slide .hover .tit{color:#fff; font-size:16px; line-height:20px;}
    .visionArea .swipeArea .swiper-slide .hover .txt1{display:none;}
    .visionArea .swipeArea .swiper-button-prev{top: 370px;width: 40px;height: 40px;background-size: 40px 40px;}
    .visionArea .swipeArea .swiper-button-next{top: 370px;width: 40px;height: 40px;background-size: 40px 40px;}
    .visionArea .swipeArea .swiper-slide .hover.on{top:140px; box-shadow:10px 10px 30px 0px rgba(0,0,0,0); background:none;}
    .visionArea .swipeArea .swiper-slide .hover.on .tit{color:#fff;}
	.visionArea .swipeArea .swiper-container-horizontal > .swiper-pagination-progressbar{top:230px; bottom:auto}

    .cultureArea .txtArea{padding:60px 15px 0;}
    .cultureArea .txtArea .tit{font-size:32px;}
    .cultureArea .txtArea .txt{font-size:15px; line-height:19px;}

    .newsnsArea{padding:60px 15px;}
    .newsnsArea .tab .tabBtn{padding:0; font-size:27px;}
    .newsnsArea .tab .tabBtn:nth-child(1){margin-right:25px;}
    .newsnsArea .tab .moreBtn{top:4px;}
    .newsnsArea .contArea .newsArea .list{height:auto;}
    .newsnsArea .contArea .newsArea .list .txtArea{padding:25px 15px;}
    .newsnsArea .contArea .newsArea .list .txtArea .gubun{font-size:14px;}
    .newsnsArea .contArea .newsArea .list .txtArea .subject{padding-top:10px; font-size:17px; line-height:23px;}
    .newsnsArea .contArea .newsArea .list .txtArea .txt{display:none;}
    .newsnsArea .contArea .newsArea .list .txtArea .date{position:static; padding-top:14px; font-size:14px;}
    .newsnsArea .contArea .newsArea .list.active{height:auto;}
    .newsnsArea .contArea .newsArea .list.active .txtArea{padding:25px 15px;}
    .newsnsArea .contArea .newsArea .list.active .txtArea .txt{display:none;}
    .newsnsArea .contArea .newsArea .list.active .txtArea .date{padding-top:14px;}
    .newsnsArea .contArea .newsArea .list.noImg.active .txtArea{padding:25px 15px;}

    .newsnsArea .snsContainer .list{height:auto;}
    .newsnsArea .snsContainer .list .txtArea{padding:25px 15px;}
    .newsnsArea .snsContainer .list .txtArea .gubun{font-size:14px;}
    .newsnsArea .snsContainer .list .txtArea .subject{font-size:17px; line-height:23px;}
    .newsnsArea .snsContainer .list .txtArea .date{padding-top:14px; font-size:14px;}

    .irArea{padding:60px 15px 10px;}
    .irArea .tit{font-size:32px;}
    .irArea .txt{padding-top:20px;font-size:15px;}
    #wrap .irArea .stockArea .company h3{font-size:16px;}
    .irArea .stockArea .company .txt1{font-size:13px;}
    #wrap .irArea .stockArea .stockInfo h3{font-size:16px;}
    .irArea .stockArea .stockInfo .stockNum{font-size:30px;}
    .irArea .stockArea .company{padding:25px; width:100%; height:170px;}
    .irArea .stockArea .stockInfo{margin-top:10px; padding:25px; width:100%; height:170px;}
    .irArea .stockArea .announce{margin-top:10px; padding:20px 18px; width:calc(50% - 3px); height:110px; float:left; border:2px solid #fff;}
    #wrap .irArea .stockArea .announce h3{font-size:16px;}
    .irArea .stockArea .stockInfo .info{margin-top:15px; padding-top:15px;}
    .irArea .stockArea .stockInfo .info .list p{font-size:14px;}
    .irArea .stockArea .stockInfo .info .list span{font-size:14px;}
    .irArea .stockArea .announce .rollBtn{display:none;}
    .irArea .stockArea .announce .rollCont{display:none;}
    .irArea .stockArea .announce .notice{padding-top:12px; font-size:13px; line-height:17px;}
    .irArea .stockArea .report{margin-top:10px; padding:20px; float:right; width:calc(50% - 5px); height:110px;}
    .irArea .stockArea .report .img{display:none;}
    #wrap .irArea .stockArea .report h3{font-size:16px;}
    .irArea .stockArea .report .txt1{padding:12px 0 0 0; font-size:13px; line-height:17px;}

	.aboutDiv .visionDiv .inner .listD > div{padding-top:220px; width:280px; height:280px}
	.aboutDiv .visionDiv .inner .listD > div:before{height:240px}
	.aboutDiv .visionDiv .inner .listD > div .txtD{width:calc(100% - 40px); width:-webkit-calc(100% - 40px); height:170px}
	.cultureDiv .educationD .listDiv{padding-bottom:70px}
	.cultureDiv .educationD .listDiv .list{margin-bottom:60px}
	.cultureDiv .educationD .listDiv .list .guideD{top:0}
	.cultureDiv .educationD .listDiv .list .txtArea{position:relative; bottom:auto; padding:30px; width:100%; height:auto}
	.cultureDiv .educationD .listDiv .list .txtArea:nth-child(2n-1){right:auto}
	.cultureDiv .educationD .listDiv .list .txtArea:nth-child(2n){left:auto}
	.cultureDiv .educationD .listDiv .list .txtArea .tit{font-size:28px; line-height:1}
	.cultureDiv .educationD .listDiv .list .txtArea .txt{margin-top:14px}
	.cultureDiv .educationD .listDiv .list.active .txtArea{bottom:auto}
	.businessDiv .coreAbilityD .listDiv{width:280px; height:170px}
	.businessDiv .coreAbilityD .listDiv:before{background-size:160px}
	.businessDiv .coreAbilityD .listDiv:after{background-size:130px}
	.businessDiv .coreAbilityD .listDiv .list .txtArea{bottom:108%; width:70px}
	.businessDiv .coreAbilityD .listDiv .list:nth-child(3) .txtArea{bottom:98%}
	.businessDiv .coreAbilityD .listDiv .list:nth-child(5) .txtArea{bottom:101%}

	.csrDiv .midDiv .listDiv{padding-bottom:50px}
	.csrDiv .midDiv .listDiv .list{margin-bottom:60px}
	.csrDiv .midDiv .listDiv .list .guideD{top:0}
	.csrDiv .midDiv .listDiv .list .txtArea{position:relative; bottom:auto; padding:30px; width:100%; height:auto}
	.csrDiv .midDiv .listDiv .list .txtArea:nth-child(2n-1){right:auto}
	.csrDiv .midDiv .listDiv .list .txtArea:nth-child(2n){left:auto}
	.csrDiv .midDiv .listDiv .list .txtArea .tit{font-size:28px; line-height:1}
	.csrDiv .midDiv .listDiv .list .txtArea .txt{margin-top:14px}
	.csrDiv .midDiv .listDiv .list.active .txtArea{bottom:auto}
	.ethicManageD .ethicListD .list{padding:20px 0}
	.ethicManageD .ethicListD .list .imgArea{display:block}
	.ethicManageD .ethicListD .list .txtArea{display:block; padding-left:8px; margin-top:10px}

	/* 유효하지 않은 페이지 */
	.errorPage .errorDiv{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:90%}
	.errorPage .errorDiv .title{font-size:75px;}
	.errorPage .errorDiv .errorBox{margin-top:-15px; padding:40px 15px 40px;}
	.errorPage .errorDiv .errorBox .logo img{width:90px; height:auto;}
	.errorPage .errorDiv .errorBox .tit{margin-bottom:15px; font-size:25px;}
	.errorPage .errorDiv .errorBox .txt{padding:25px 10px;}
	.errorPage .errorDiv .infoBox p span:first-child{width:22%;}
	.errorPage .errorDiv .infoBox p span:last-child{width:78%; padding-left:10px; word-break:keep-all;}
	
	/* 브라우저 업데이트 안내 */
	.lyPop.browserPop .layerPop .pBody{padding:0 20px 30px;}
	.lyPop.browserPop .browserD{width:100%;}
	.lyPop.browserPop .browserD .list{width:32%; margin-right:2%;}
	.lyPop.browserPop .browserD .list:last-child{margin-right:0;}
	.lyPop.browserPop .browserD .list .img{width:100%; height:80px;}
	.lyPop.browserPop .browserD .list .img img{width:auto; height:40px;}
}

@media all and (max-width:430px) {
	footer .utilCont{width:290px}
	footer .utilCont a:nth-child(4){margin-left:0; margin-top:15px}
	.talkCeoPop .pBody .writeTitD .tit{float:none; width:100%}
	.talkCeoPop .pBody .writeTitD .addTxt{float:none; width:100%; text-align:right; margin-top:4px}
	.talkCeoPop .pBody .writeArea{word-break:keep-all}
	.talkCeoPop .pBody .writeArea .line .tit{width:96px}
	.talkCeoPop .pBody .writeArea .line .tit .essential{margin-left:-2px}
	.talkCeoPop .pBody .writeArea .line .inputD{width:calc(100% - 96px); width:-webkit-calc(100% - 96px)}

	.aboutDiv .topTitDiv .tit{font-size:28px; line-height:38px}
	.aboutDiv .topTitDiv .tit img{height:24px}
	.aboutDiv .visionDiv .inner .listD > div.text br{display:none}
	.ethicManageD .ethicReportD .listD .list{height:225px}

	.organizationInfoD .listDiv .list{float:left; margin-right:10px; width:calc(50% - 5px); width:-webkit-calc(50% - 5px); height:110px}
	.organizationInfoD .listDiv .list:nth-child(2n){margin-right:0}
	.organizationInfoD .listDiv .list:nth-child(2n+1){clear:both}
	.organizationInfoD .listDiv .list:nth-child(n+3){margin-top:10px}
	.organizationInfoD .listDiv .list .txt{margin-top:15px}
	
	.withGrownDiv .introduceArea .list:nth-child(6) .btnArea .btnA{width:100%; margin:0 0 8px}
	.withGrownDiv .introduceArea .list:nth-child(6) .btnArea .btnA:first-child{margin-top:0;}
}

@media all and (max-width:320px) {
	.irArea .stockArea .announce .notice br{display:none}
}