@charset "utf-8";#corporate_history_co.bgW{background-color:#fff !important}
.historyCont .listArea ul.txtList li{font-family:'HyundaiRegular'}
.historyCont .titleArea.colorw{color:#fff}
@media print,screen and (min-width:768px) and (max-width:20000px){.contentWrap #corporate_history_co{width:100%;-webkit-background-size:cover;background-size:cover;min-width:1240px;background-repeat:no-repeat;background-position:center bottom}
.contentWrap #corporate_history_co .contBox{position:relative;width:1120px;margin:0 auto;padding-top:100px}
.historyWrap{position:relative;padding:0 0 100px 0}
.historyWrap .bg{display:block;position:absolute;top:0;left:0;right:0;bottom:0;background-position:center bottom;background-attachment:fixed;background-repeat:no-repeat;-webkit-background-size:cover;background-size:cover}
.historyWrap.fixed .bg{position:fixed}
.historyCont{overflow:hidden;position:relative}
.historyCont .imgArea{position:absolute;top:0;width:48.4%;width:542px;height:583px;overflow:hidden;max-width:542px;display:none;z-index:1}
.historyCont.on .imgArea{display:block;z-index:2}
.historyWrap.fixed .imgArea{position:fixed;top:70px;transform:translate3d(0,0,0)}
.historyCont .imgArea img{min-width:542px;height:100%}
.historyCont .imgArea .titleArea{position:absolute;left:60px;top:52px;padding-right:60px}
.historyCont .imgArea .titleArea .his_tit{font-size:80px;font-family:"HyundaiMedium"}
.historyCont .imgArea .titleArea .his_tit.small{font-size:58px;line-height:68px;font-family:"HyundaiMedium"}
.historyCont .imgArea .titleArea .his_con{font-size:20px;font-family:"HyundaiMedium";line-height:30px;margin-top:7px}
.historyCont .listAreaWrap{width:528px;float:right;min-height:860px}
.historyCont .listArea{float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.historyCont .listArea h3{margin-bottom:22px;font-size:30px;line-height:40px;color:#000;font-family:"HyundaiMedium";font-weight:normal}
.historyCont .listArea ul.txtList{margin-bottom:88px}
.historyCont .listArea ul.txtList.year>li{padding-left:52px;position:relative}
.historyCont .listArea ul.txtList.year>li .year{position:absolute;left:11px;top:0}
.historyCont .listArea ul.txtList li{margin-bottom:20px;font-size:14px;line-height:24px}
.historyCont .listArea ul.txtList ul li{margin-bottom:0}
.historyCont .listArea .img{display:none}
}
@media print,screen and (max-width:767px){.contentWrap #corporate_history_co{width:100%;background-repeat:no-repeat;background-position:center bottom}
.historyWrap{position:relative;padding-top:60px}
.historyWrap .bg{display:block;position:absolute;top:0;left:0;right:0;bottom:0;background-position:center bottom;background-attachment:fixed;background-repeat:no-repeat;-webkit-background-size:cover;background-size:cover}
.historyCont .imgArea{padding-right:30px;position:relative;margin-bottom:35px;left:auto !important}
.historyCont .imgArea img{width:100%}
.historyCont .imgArea .titleArea{position:absolute;left:30px;top:25px;padding-right:30px}
.historyCont .imgArea .titleArea .his_tit{font-size:40px;font-family:"HyundaiMedium"}
.historyCont .imgArea .titleArea .his_con{font-size:15px;line-height:20px;margin-top:4px}
.historyCont .listAreaWrap{padding:0 40px 0 30px}
.historyCont{position:relative;overflow:hidden}
.historyCont .listArea{margin-top:-2px}
.historyCont .listArea .subTit{margin-bottom:5px;height:auto;font-size:19px;line-height:24px;color:#000;font-family:"HyundaiMedium";font-weight:normal}
.historyCont .listArea h4{margin-bottom:20px;font-size:17px}
.historyCont .listArea ul.txtList{margin-bottom:45px}
.historyCont .listArea ul.txtList li{position:relative;margin-bottom:15px;padding-left:10px;line-height:21px}
.historyCont .listArea ul.txtList li:before{content:"";position:absolute;left:0;top:12px;width:3px;height:3px;background:#666;vertical-align:middle}
.historyCont .listArea ul.txtList li.img{margin-top:25px;padding-left:0;background:0}
.historyCont .listArea ul.txtList.year>li{padding-left:52px;position:relative;line-height:21px}
.historyCont .listArea ul.txtList.year>li .year{position:absolute;left:11px;top:0}
.historyCont .listArea ul.txtList ul li{margin-bottom:0}
.pc .historyCont .imgArea{width:504px;height:542px}
.pc .historyCont .imgArea img{min-width:504px}
.pc .historyCont .listAreaWrap{width:566px}
}