.documentList li,.documentList li .downloadLink .Img,.documentList li .downloadLink p,.selectBox select{transition:all .5s}.titleBox{margin-bottom:15px}.titleBox .subtitle{text-align:center;font-size:30px;line-height:40px;letter-spacing:0;color:#000;font-weight:700;padding-top:10px}.topBox{background-color:#eeeeee;padding:110px 0;position:relative}.topBox:before{content:"";width:120px;height:170px;display:block;background-image:url(../images/achivement_deco_dots.png);position:absolute;top:30px;right:0}@media (max-width:1180px){.topBox{padding:80px 0}.topBox:before{background-size:20%}}@media (max-width:640px){.topBox{padding:50px 0}}.selectBox{display:flex;flex-wrap:wrap;justify-content:center;margin:0 -6px}.selectBox select{width:calc(25% - 10px);margin:5px;height:58px;font-size:16px;line-height:20px;letter-spacing:0.2px;font-weight:400;color:#6a6a6a;border:1px solid rgba(0,0,0,0.2);padding:0 40px 0 20px;position:relative;appearance:none;background-image:url(../images/select_arrow.png);background-position:top right;background-repeat:no-repeat;cursor:pointer;background-color:#fff}.selectBox select option{width:100%;display:flex;align-items:center;justify-content:center;background-color:#fff;border-top:1px solid rgba(0,0,0,0.2)}.selectBox .btnArea{width:100%;padding-top:24px;display:flex;justify-content:center}.selectBox .btnArea .crossBtn{margin:10px}@media (max-width:1240px){.selectBox select{padding:0 40px 0 20px}}@media (max-width:1180px){.selectBox{margin:0;justify-content:center}.selectBox section{margin:10px;width:250px}.selectBox section:first-child{z-index:6}.selectBox section:nth-child(2){z-index:5}.selectBox section:nth-child(3){z-index:4}.selectBox section:nth-child(4){z-index:3}.selectBox section .productDataList{z-index:6}}@media (max-width:400px){.selectBox section{margin:10px 0}.selectBox .btnArea .crossBtn{margin:10px 5px 0}}.orBox{width:100%;position:relative;text-align:center;padding:40px 0 40px}.orBox:before{content:"";width:100%;height:1px;background-color:rgba(0,0,0,0.2);position:absolute;top:calc(50% - 0.5px);left:0}.orBox p{display:inline-block;margin:0 auto;width:44px;font-size:18px;line-height:20px;letter-spacing:0.2px;color:#6a6a6a;background-color:#eeeeee;position:relative}.keyWordBox .searchBox{box-sizing:border-box;width:585px;margin:0 auto;border:1px solid #bfbfbf;height:58px;display:flex;align-content:center}.keyWordBox .searchBox input{width:calc(100% - 58px);padding:0 28PX;font-size:16px;line-height:20px;letter-spacing:0.2px;color:#6a6a6a;background-color:#fff}.keyWordBox .searchBox a{display:block;width:58px;height:58px;position:relative;background-color:#ff0000;top:-1px}.keyWordBox .searchBox a img{display:block;width:20px;height:20px;position:absolute;top:calc(50% - 10px);left:calc(50% - 10px);filter:invert(1) brightness(10)}@media (max-width:640px){.keyWordBox .searchBox{width:100%;max-width:580px}}@media (max-width:400px){.keyWordBox .searchBox input{padding:0 15px}}.contentBox{padding-top:90px;padding-bottom:30px}@media (max-width:1180px){.contentBox{padding-top:60px}}@media (max-width:640px){.contentBox{padding-top:50px;padding-bottom:0px}}.documentList{padding-top:10px}.documentList li{width:100%;box-shadow:0px 0px 8px 0px rgba(0,0,0,0.1);display:flex;align-items:flex-start;background-color:#fff;padding:30px 46px;min-height:103px;margin-bottom:12px}.documentList li:nth-child(2n){background-color:#e5e5e5;box-shadow:0px 0px 8px 0px rgba(0,0,0,0)}.documentList li:hover{box-shadow:0px 3px 10px 0px rgba(0,0,0,0.2);transform:translateY(-5px)}.documentList li .decoText{font-size:15px;line-height:20px;letter-spacing:0;font-weight:400;color:#888888}.documentList li .titleBox{width:430px;margin-bottom:0}.documentList li .titleBox .title a{display:inline-block;font-size:22px;line-height:24px;letter-spacing:0;font-weight:700}.documentList li .typeBox{width:170px}.documentList li .typeBox p{padding-top:4px;font-size:18px;line-height:20px;letter-spacing:0;color:#000;font-weight:400}.documentList li .dateBox{width:100px}.documentList li .dateBox p{padding-top:4px;font-size:18px;line-height:20px;letter-spacing:0.2px;color:#000;font-weight:400}.documentList li .downloadLink{flex-grow:1;padding-top:8px;padding-left:15px}.documentList li .downloadLink>a{display:flex;align-items:center;justify-content:flex-end;margin-left:auto}.documentList li .downloadLink>a:hover .Img{background-color:#ff0000}.documentList li .downloadLink>a:hover p{color:#ff0000}.documentList li .downloadLink .Img{width:33px;height:33px;border-radius:50%;background-color:#898989;text-align:center}.documentList li .downloadLink .Img img{width:17px;height:33px;display:inline-block}.documentList li .downloadLink p{font-size:14px;line-height:24px;letter-spacing:0;font-weight:600;color:#404040;padding-left:10px}@media (max-width:960px){.documentList li .titleBox{width:300px}}@media (max-width:768px){.documentList li{padding:30px;flex-wrap:wrap}.documentList li .titleBox{width:100%;padding-bottom:10px}}@media (max-width:540px){.documentList li{padding:30px 20px}.documentList li .titleBox{order:1;width:calc(100% - 40px)}.documentList li .typeBox{flex-grow:1;width:auto;padding-right:10px;order:3}.documentList li .dateBox{flex-grow:1;width:auto;order:4;text-align:right}.documentList li .downloadLink{order:2;width:40px;padding-left:0}.documentList li .downloadLink p{display:none}}