@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
@font-face { font-family: 'S-CoreDream-1Thin'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff'); font-weight: normal; font-style: normal; }

A:link {text-decoration:none; color:#fff;} /* 디폴트, 즉 클릭 전 */
A:visited {color:#fff;} /* 해당 링크를 방문했을 경우 */
A:active {text-decoration:none; color:#fff;} /* 방문중인 링크(즉 클릭했을때) */
A:hover {text-decoration:none; color:#fff;} /* 링크에 마우스 커서가 올라갔을때 */
html,body{width:100%;background-color:#ffffff;font-family: 'NanumSquare',sans-serif}
html{overflow-y:scroll;font-size:10px}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,button{font-size:10px;color:#383d41}
body{background-color:#ffffff;text-align:center;*word-break:break-all;-ms-word-break:break-all}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle}
img{width:100%;vertical-align:top}
.clear{clear:both}
.height6{height:6px}.height10{height:10px}.height15{height:15px}.height20{height:20px}.height25{height:25px}.height30{height:30px}.height40{height:40px}.height50{height:50px}.height60{height:60px}
input[type="number"]{-moz-box-sizing:    border-box;-webkit-box-sizing: border-box;box-sizing:border-box;}
a {outline:none; select-dummy: expression(this.hideFocus=true);}
.cWidth1080{width:1080px;margin:0 auto;position:relative}
.cWidth1920{width:1920px;margin:0 auto;position:relative}
.csp{cursor:pointer}
.fBlue{color:#4374f0;width:180px}
.fRed{color:#f04343}

.loading_popup{z-index:999;width:100%;position:absolute;padding-top:30%;top:0%;left:0%;background-color:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000);zoom:1;display:none}
.loading_popup .pop_div{position:absolute;width:26%;top:0%;margin-top:64%;left:50%;margin-left:-13%}

/*페이지상단-상단bg,메뉴*/
.page_head{width:100%;position:relative;overflow:hidden;background-color:#313131;z-index:98}
.page_head_fixed{width:100%;position:fixed;overflow:hidden;background-color:#313131;z-index:99;display:none}
.page_head_fixed .bg_head_fixed{width:100%;position:relative;overflow:hidden;background-size:100%;padding-bottom:7.3148%;background-color:#313131}
.page_head_fixed .btnHistory{width:40.5555%;position:absolute;bottom:0;left:50%;margin-left:-40.7%}
.page_head_fixed .btnBusiness{width:40.5555%;position:absolute;bottom:0;left:50%;margin-left:0%}
.page_head_fixed .scrollLine{width:100%;height:34px;background:url(../images/scroll-line_part.png) repeat center center;}
.page_head .bg_head{width:100%;position:relative;overflow:hidden;background:url(../images/background.png) no-repeat top center;background-size:100%;padding-bottom:25.27%;background-color:#313131}
.page_head .btnHistory{width:40.5555%;position:absolute;bottom:0;left:50%;margin-left:-40.7%}
.page_head .btnBusiness{width:40.5555%;position:absolute;bottom:0;left:50%;margin-left:0%}

/*페이지중앙-컨텐츠*/
.page_body{width:100%;background-color:white}
.page_body .areaRemote{position:fixed;width:100px;height:730px;bottom:50%;margin-bottom:-400px;margin-left:1090px;border-left:1px solid #747474;z-index:9}  /*margin-bottom:-265 ~ -380*/
.page_body .areaRemote .year{height:1px;font-family: 'NanumSquare',sans-serif;color:#747474;font-size:18.5px;margin-bottom:64.38%}
.page_body .areaRemote .year_sel{height:1px;font-family: 'NanumSquare',sans-serif;color:#0042ff;font-size:18.5px;font-weight:bold;border-left:5px solid #003cff;margin-bottom:64.38%}
.page_body .areaYear{width:100%;position:relative}
.page_body .areaYear .year{font-family: 'S-CoreDream-1Thin';position:absolute;top:0px;left:50%;margin-left:-45%;font-size:118px;letter-spacing:-6px}
.page_body .areaYear .y2020 .year{letter-spacing:-3.04px}
.page_body .areaYear .contents{width:70%;font-family: 'NanumSquare',sans-serif;font-size:18.5px;position:absolute;top:200px;left:50%;margin-left:-26%}
.page_body .areaYear .contents table{width:100%}
.page_body .areaYear .contents table tr{width:100%}
.page_body .areaYear .contents table td{text-align:left;padding:1.2% 0 1.2% 0}
.page_body .areaYear .contents table .pdMore{padding-top:4.8%}
.page_body .areaYear .line{width:1px;position:absolute;top:160px;left:50%;margin-left:-33%;background-color:#191919}
.page_body .companyBirth{width:1044px;height:105px;line-height:105px;font-family: 'NanumSquare',sans-serif;margin:0 auto;border:1px solid #191919;font-size:25px;font-weight:bold;margin-bottom:100px}

/*si 홈페이지*/
.page_body .pImg{width:952px;height:70px;margin-left:-38%;position:relative;overflow:hidden}
.page_body .img_part_8{width:952px;height:52px}
.page_body .pImg .pImgPart{position:absolute;top:0%;left:-100%}        /*-100->0*/
.page_body .si_title{position:absolute;width:823px;height:60px;top:50px;left:50%;margin-left:-411.5px;opacity:0}   /*50->100*/
.page_body .si_ment_01{position:absolute;top:205px;left:600px;font-weight:bold;font-size:18.5px;opacity:0}
.page_body .si_ment_02{position:absolute;top:245px;left:600px;font-weight:bold;font-size:18.5px;opacity:0}
.page_body .si_ment_03{position:absolute;top:345px;left:600px;font-size:18.5px;opacity:0}
.page_body .si_ment_04{position:absolute;top:390px;left:600px;font-size:18.5px;opacity:0}
.page_body .si_ment_05{position:absolute;top:435px;left:600px;font-size:18.5px;opacity:0}
.page_body .si_ment_06{position:absolute;top:485px;left:600px;font-size:18.5px;opacity:0}
.page_body .chkbox{width:30px;height:27px;margin-top:-4px;padding:0 5px 0 0}
.page_body .cate01{width:100%;margin-top:105px;font-size:18.5px;position:relative;overflow:hidden}
.page_body .cate01 .tech{width:168px;height:201px;margin-left:120px;float:left}
.page_body .cate01 table{width:615px;height:208px;margin-left:77px;float:left}
.page_body .cate01 table tr{text-align:left}
.page_body .cate01 table tr td{text-align:left;padding-left:23px}
.page_body .cate02{width:100%;margin-top:105px;font-size:18.5px;position:relative;overflow:hidden}
.page_body .cate02 .main{width:167px;height:200px;margin-left:120px;float:left;margin-top:38px}
.page_body .cate02 table{width:615px;height:265px;margin-left:77px;float:left;}
.page_body .cate02 table tr{text-align:left}
.page_body .cate02 table tr td{text-align:left;padding-left:23px}
.page_body .cate03{width:100%;margin-top:105px;font-size:18.5px;position:relative;overflow:hidden}
.page_body .cate03 .check{width:167px;height:201px;margin-left:120px;float:left;margin-top:47px}
.page_body .cate03 table{width:615px;height:310px;margin-left:77px;float:left;margin-bottom:100px}
.page_body .cate03 table tr{text-align:left}
.page_body .cate03 table tr td{text-align:left;padding-left:23px}
.page_body .tdGray{background-color:#ebebeb}
.page_body .tdTab{padding-left:155px}

/*년도 별 라인 세로길이*/
.y2025{height:520px;top:65px}
.y2025 .line{height:300px}
.y2024{height:420px}
.y2024 .line{height:260px}
.y2023{height:560px}
.y2023 .line{height:400px}
.y2022{height:560px}
.y2022 .line{height:400px}
.y2021{height:560px}
.y2021 .line{height:400px}
.y2020{height:700px}
.y2020 .line{height:480px}
.y2019{height:730px}
.y2019 .line{height:570px}
.y2018{height:640px}
.y2018 .line{height:480px}
.y2017{height:660px}
.y2017 .line{height:500px}
.y2016{height:560px}
.y2016 .line{height:400px}
.y2015{height:560px}
.y2015 .line{height:400px}
.y2014{height:420px}
.y2014 .line{height:260px}

/*a (scroll) link 위치 보정*/
.aScroll{position:absolute;top:-100px}