@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
/** font-family: 'Noto Sans KR', sans-serif; **/

*{margin:0; padding:0; box-sizing:border-box}
a,label{text-decoration:none; cursor:pointer}
li{list-style:none}
img{border:none}
input::-ms-clear{display:none}
input,select{padding:0 10px; /*-webkit-appearance:none;*/ -webkit-border-radius:0}
input,select,button{border:none; outline:none; background-color:rgba(0,0,0,0); cursor:pointer}
h1,h2,h3,h4,h5,h6,p,a,li,div,header,section,footer,ul,span,input,label,select,option,table,tr,td,th,button{font-family: 'Noto Sans KR', sans-serif; font-size:16px; color:#333; font-weight:normal; line-height:normal}
.aOrBtn{position:relative; display:block; border:none; outline:none; background-color:rgba(0,0,0,0)}
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none; margin:0}
input{opacity:1}

.mainNoScroll{-ms-overflow-style:none; scrollbar-width:none}
.mainNoScroll::-webkit-scrollbar{display:none}

/** header 시작 **/
.noiseHeader{position:fixed; top:0; left:0; width:100%; height:75px; z-index:9999; background-color:#FFF; box-shadow:0px 3px 3px rgba(0,0,0,0.5)}
.noiseHeader .noiseLogo{position:absolute; top:50%; left:60px; transform:translateY(-50%); transition-duration:0.4s}
.noiseHeader .noiseTop{position:absolute; top:50%; right:140px; transform:translateY(-50%); display:table; width:auto; transition-duration:0.4s}
.noiseHeader .noiseTop::after{content:""; display:table; clear:both}
.noiseHeader .noiseTop>li{position:relative; float:left; margin-left:56px; height:50px; transition-duration:0.4s}
.noiseHeader .noiseTop>li:nth-child(1){margin-left:0}
.noiseHeader .noiseTop>li>a{position:relative; display:block; text-align:center; font-size:18px; color:#6d6d6d; font-weight:normal; top:50%; transform:translateY(-50%); transition-duration:0.4s}
.noiseHeader .noiseTop>li:hover>a{color:#EA8727}
.noiseHeader .noiseTop>li .noiseSubMenu{position:absolute; top:78px; left:50%; transform:translateX(-50%); display:table; width:auto; padding:17px; background-color:#f8f8f8; /*border-top:3px solid #EA8727;*/ padding-bottom:0; display:none;}
.noiseHeader .noiseTop>li .noiseSubMenu>img{position: absolute; bottom: calc(100% - 1px); width: 100%;left: 0}
.noiseHeader .noiseTop>li .noiseSubMenu a{position:relative; display:table; margin:0 auto 17px auto; white-space:nowrap; text-align:center; width:auto; font-size:15px; color:#2B2B2B; line-height:21px; height:21px; border-bottom:1px solid rgba(0,0,0,0)}
.noiseHeader .noiseTop>li .noiseSubMenu a.menuSelect{color:#EA8727; border-bottom:1px solid #EA8727}
.noiseHeader .noiseTop>li .noiseSubMenu a:hover{color:#EA8727; border-bottom:1px solid #EA8727}
.noiseHeader .noiseAllMenu{position:absolute; top:50%; right:60px; transform:translateY(-50%); transition-duration:0.4s}
.noiseMainLogo{display:none}
.noiseSubLogo{display:block}
/** header 끝 **/

/** 사이트맵 시작 **/
.noiseMap{position:fixed; top:0; left:0; width:100%; height:100%; z-index:99999; display:none}
.noiseMap .noiseMapBack{position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5)}
.noiseMap .noiseMapCon{position:absolute; top:50%; left:50%; width:calc(100% - 30px); max-width:1200px; transform:translateY(-50%) translateX(-50%); background-color:#FFF; padding:30px; border-radius:0 20px 20px 20px}
.noiseMap .noiseMapCon>ul{position:relative; width:100%}
.noiseMap .noiseMapCon>ul>li{position:relative; float:left; width:32%; margin-right:2%; margin-bottom:30px}
.noiseMap .noiseMapCon>ul>li:nth-child(3n){margin-right:0}
.noiseMap .noiseMapCon>ul>li>a{font-size:18px; color:#EA8727; font-weight:500; margin-bottom:10px; display:block; position:relative}
.noiseMap .noiseMapCon>ul>li>div{position:relative; width:100%}
.noiseMap .noiseMapCon>ul>li>div>a{position:relative; width:100%; display:block; line-height:1.8em; font-size:14px}
.noiseMap .noiseMapCon>ul>li>div>a:hover{color:#EA8727}
.mapCloseBtn{position:absolute; top:20px; right:20px}
/** 사이트맵 끝 **/

/** main 시작 **/
.noiseMainCon{position:relative; width:100%}
.noiseMainCon p,.noiseMainCon a{color:#FFF}
.noiseMainCon .p01{position: relative;font-size:68px; font-weight:900; line-height:70px; transition-duration:0.4s;left: 40px; opacity: 0;}
.on .noiseMainCon .p01{left: 0; opacity: 1;  transition: 1s;}
.noiseMainCon .p02{position: relative;font-size:24px; line-height:35px; margin-top:38px; color:#EEE; transition-duration:0.4s;left: 40px; opacity: 0;}
.on .noiseMainCon .p02{left: 0; opacity: 1;  transition: 1s;transition-delay: 0.3s;}
.noiseMainCon .p02 span{font-size:24px; color:#FFF; font-weight:500; transition-duration:0.4s}
.noiseMainCon .noiseMainImg{position:relative; width:100%; max-width:600px; margin-top:65px; transition-duration:0.4s}
.noiseMainCon .noiseMainImg::after{content:""; display:table; clear:both}
.noiseMainCon .noiseMainImg>li{position:relative; float:left; width:calc(33.333% - 10px); margin-right:15px}
.noiseMainCon .noiseMainImg>li{position:relative; float:left; width:calc(33.333% - 10px); margin-right:15px}
.noiseMainCon .noiseMainImg>li:last-child{margin-right:0}
.noiseMainCon .noiseMainImg>li>a{position:relative; width:100%; display:block; padding-bottom:100%; background-color:#EA8727; border-radius:0 20px 20px 20px; left: 40px; opacity: 0;}
.on .noiseMainCon .noiseMainImg>li:nth-child(1)>a{left: 0; opacity: 1; transition: 1s;transition-delay: 0.8s;}
.on .noiseMainCon .noiseMainImg>li:nth-child(2)>a{left: 0; opacity: 1; transition: 1s;transition-delay: 1.0s;}
.on .noiseMainCon .noiseMainImg>li:nth-child(3)>a{left: 0; opacity: 1; transition: 1s;transition-delay: 1.2s;}
.noiseMainCon .noiseMainImg>li>a img{position:absolute; top:calc(50% - 10px); left:50%; transform:translateY(-50%) translateX(-50%); display:block}
.noiseMainCon .noiseMainImg>li>a p{position:absolute; bottom:35px; left:50%; transform:translateX(-50%); font-size:14px; line-height:20px}
.noiseMainCon .mainFooter{position:relative; width:100%; margin-top:60px; display:block; font-size:14px; letter-spacing:-0.5px; line-height:29px; transition-duration:0.4s}
.mainKrOrEn{position:relative; width:auto; display:table; margin:5px auto 0 auto}
.mainKrOrEn a{font-size:15px; font-weight:700}
.mainKrOrEn .on{color: #EA8727}
/** main 끝 **/

/** header / main 반응형 시작 **/
#main .main_visual .main_text .inner{transition-duration:0.4s}
@media screen and (max-width:1400px){
    .noiseHeader .noiseLogo{left:30px}
    .noiseHeader .noiseAllMenu{right:30px}
    .noiseHeader .noiseTop>li{margin-left:40px}
    .noiseHeader .noiseTop{right:100px}
}
@media screen and (max-width:1200px){
    .noiseHeader .noiseLogo{left:15px}
    .noiseHeader .noiseAllMenu{right:15px}
    .noiseHeader .noiseTop>li{margin-left:20px}
    .noiseHeader .noiseTop{right:70px}
    .noiseHeader .noiseTop>li>a{font-size:18px; letter-spacing:-0.5px}
}
@media screen and (min-width:1025px){
    .noiseMap .noiseMapCon>ul>li>div{display:block !important}
}
@media screen and (max-width:1024px){
    .noiseHeader .noiseTop{display:none}
    .noiseMainCon .p01{font-size:50px; line-height:1.6em; font-weight:700}
    .noiseMainCon .p02{font-size:20px; line-height:1.8em; margin-top:20px}
    .noiseMainCon .p02 span{font-size:20px}
    .noiseMainCon .noiseMainImg{margin-top:40px}
    .noiseMainCon .mainFooter{margin-top:40px}
    .noiseMap .noiseMapCon{width:50%; height:100%; transform:none; top:0; right:0; left:auto; border-radius:20px 0 0 20px}
    .noiseMap .noiseMapCon>ul>li{float:none; width:100%}
    .noiseMap .noiseMapCon>ul>li>div{display:none}
    .noiseMap .noiseMapCon>ul>li:nth-child(1)>div{/*display:block*/}
}
@media screen and (max-width:768px){
    .noiseMap .noiseMapCon{width:70%}
    .noiseMainCon .p01{line-height:1.4em}
    .noiseMainCon .p02{margin-top:15px; line-height:1.6em}
    .noiseMainCon .p02 br{display:none}
    .noiseMainCon .noiseMainImg{margin-top:30px}
    .noiseMainCon .noiseMainImg>li>a p{bottom:20px}
    .noiseMainCon .mainFooter{margin-top:30px; line-height:1.6em}
    .noiseMainCon .mainFooter br{display:none}
}
@media screen and (max-width:500px){
    #main .main_visual .main_text{top:55% !important}
    .noiseMainCon .p01{font-size:40px}
    .noiseMainCon .p02{font-size:18px}
    .noiseMainCon .p02 span{font-size:18px}
    .noiseMainCon .noiseMainImg>li{width:calc(33.333% - 6.666px); margin-right:10px}
    .noiseMainCon .noiseMainImg>li>a p{bottom:10px}
    .noiseMainCon .mainFooter{font-size:12px}
    .thum_wrap{transform:none !important; top:100px !important}
    .noiseMap .noiseMapCon{width:80%; padding:30px 20px}
    .noiseMap .noiseMapCon>ul>li{margin-bottom:10px}
    .noiseMap .noiseMapCon>ul>li>a{margin-bottom:10px}
}
@media screen and (max-width:414px){
    .thum_wrap{transform:none !important; top:80px !important}
    .noiseMap .noiseMapCon{width:90%}
    .noiseHeader .noiseLogo{left:7px}
    .noiseMainCon .p01{font-size:30px}
    .noiseMainCon .p02{font-size:16px}
    .noiseMainCon .p02 span{font-size:16px}
    .noiseMainCon .noiseMainImg>li:nth-child(1)>a img{width:30%}
    .noiseMainCon .noiseMainImg>li:nth-child(2)>a img{width:40%}
    .noiseMainCon .noiseMainImg>li:nth-child(3)>a img{width:45%}
    .noiseMainCon .noiseMainImg>li>a p{white-space:nowrap}
}
@media screen and (max-width:310px){
    .noiseHeader .noiseLogo img{width:220px}
    .noiseMap .noiseMapCon{padding:30px 15px}
    .noiseMap .noiseMapCon>ul>li>a{font-size:16px}
    .noiseMap .noiseMapCon>ul>li>div>a{font-size:12px}
}
/** header / main 반응형 끝 **/

/** 서브페이지 헤드 시작 **/
.subListMenu{position:relative; width:100%; height:48px; background-color:#282B3A}
.subListMenu .subListCon{position:relative; width:calc(100% - 30px); max-width:1200px; margin:0 auto; height:100%}
.subListCon .subLink01{position:absolute; left:0; top:50%; transform:translateY(-50%); display:block}
.subListCon .subLink01 img{display:block}
.subListCon .subLink02{position:absolute; left:50px; top:50%; transform:translateY(-50%); ; color:#FFF; padding:3px 10px; background-color:#EA8727; border-radius:5px}
.subListCon .subLink03{position:absolute; left:150px; top:50%; transform:translateY(-50%); color:#FFF}
.subListCon .subLinkBox{position:absolute; top:58px; left:0; width:auto; display:table; background-color:#FFF; z-index:999; border:2px solid #EA8727; display:none}
.subListCon .subLinkBox a{position:relative; width:100%; display:block; padding:10px 15px; border-bottom:1px solid #cdcdcd; white-space:nowrap; font-size:14px}
.subListCon .subLinkBox a:last-child{border-bottom:none}
.subListCon .subLinkBox a:hover{background-color:#EA8727; color:#FFF; border-bottom:1px solid #EA8727}
.subListCon .subLinkBox a.selectSub{background-color:#EA8727; color:#FFF; border-bottom:1px solid #EA8727}
/** 서브페이지 헤드 끝 **/

/** p42 해외사업 부문 시작 **/
.subCon{position:relative; width:100%}
.subTable{position:relative; width:calc(100% - 30px); max-width:1200px; margin:0 auto}
.subTable ul{position:relative; width:100%; border-bottom:1px solid #707070}
.subTable ul::after{content:""; display:table; clear:both}
.subTable ul>li{position:relative; float:left}
.subTable ul>li:nth-child(1){width:20%}
.subTable ul>li:nth-child(2){width:20%}
.subTable ul>li:nth-child(3){width:60%}
.subTable ul.tableTitle{background-color:#EFEFEF; border-top:4px solid #EA8727; border-bottom:none}
.subTable ul.tableTitle li p{font-weight:700}
.subTable ul>li:nth-child(2) p{font-weight:700}
.subTable ul>li p{position:relative; width:100%; display:block; font-size:16px; color:#6d6d6d; padding:23px 0 23px 48px; word-break:break-all}
/** p42 해외사업 부문 끝 **/

/** p41 3D 대지구조 분석 솔루션 시작 **/
.p41Con01{position:relative; width:100%; background-color:#EFEFEF; padding:36px 15px; text-align:center}
.p41Con01>p{position:relative; display:block; font-size:17px; color:#6D6D6D; line-height:30px}
.p41Con02{position:relative; width:calc(100% - 30px); max-width:1200px; margin:78px auto 0 auto}
.conTitle{position:relative; display:table; width:auto; font-size:20px; color:#2B2B2B; font-weight:700; line-height:29px; height:29px; padding-left:30px}
.conTitle img{position:absolute; top:50%; left:0; transform:translateY(-50%)}
.p41Con02 .np01{position:relative; display:block; font-size:22px; color:#EA8727; text-align:center; font-weight:700; margin-top:36px; line-height:32px}
.p41Con02 .np02{position:relative; display:block; font-size:17px; color:#6D6D6D; text-align:center; font-weight:normal; margin-top:24px; line-height:30px}
.p41Con02 .nUl01{position:relative; width:100%; margin-top:34px}
.p41Con02 .nUl01::after{content:""; display:table; clear:both}
.p41Con02 .nUl01>li{position:relative; float:left; width:calc(25% - 13px); margin-right:15px; min-height:1px}
.p41Con02 .nUl01>li:nth-child(4n){margin-right:0}
.p41Con02 .nUl01>li img{display:block; position:relative; width:100%}
.p41Con02 .nUl01>li p{position:relative; width:100%; display:block; text-align:center; font-size:16px; color:#6D6D6D; line-height:30px; font-weight:300}
.p41Con02 .p41Way{position:relative; display:block; margin:40px auto 0 auto}
.p41Con02 .np03{font-size:19px; color:#2480C3; line-height:27px; font-weight:500; text-align:center; margin-top:30px}
.p41Con02 .np04{font-size:17px; color:#6D6D6D; line-height:30px; font-weight:normal; text-align:center; margin-top:10px}
.p41Con02 .np05{margin-top:40px; margin-bottom:120px}
.p41Con02 .np06{margin-top:50px}
.p41Con02 .nUl02{position:relative; width:100%; margin-top:20px}
.p41Con02 .nUl02>li{position:relative; width:100%; margin-bottom:15px}
.p41Con02 .nUl02>li>p{position:relative; width:100%; display:block; font-size:20px; color:#6D6D6D; line-height:29px; font-weight:normal; padding-left:29px}
.p41Con02 .nUl02>li>p::before{content:""; position:absolute; top:50%; left:0; transform:translateY(-50%); width:9px; height:9px; background-color:#707070; border-radius:100px}
/** p41 3D 대지구조 분석 솔루션 끝 **/

/** p40 Geo 시작 **/
.p41Con03{margin-top:0}
.p40Img{position:relative; display:block; margin:0 auto; width:auto; max-width:100%}
.p40Img01{margin-top:40px}
.p40Img02{margin-top:80px}
.p40Img03{margin-top:20px}
.p40Img04{margin-top:50px}
.p40Img05{margin-top:20px}
.p40Img06{margin-top:24px}
.p40Img07{margin-top:30px}
.conTitle02{margin-top:120px}
.conTitle03{margin-top:40px}
.conTitle04{margin-top:170px}
.p40Con01{padding:40px 15px; margin-top:120px}
.p40Con02{margin-top:0}
.p41Con02 .nUl03{position:relative; width:100%; margin-top:50px}
.p41Con02 .nUl03::after{content:""; display:table; clear:both}
.p41Con02 .nUl03>li{position:relative; float:left; width:50%}
.p41Con02 .nUl03>li img{position:relative; display:block; width:auto; max-width:100%; margin:0 auto}
.p41Con02 .p40Nul02{max-width:545px; margin:20px auto 0 auto}
.p41Con02 .np07{margin-top:30px}
.p41Con02 .nUl04{position:relative; width:100%; max-width:800px; margin:80px auto 0 auto}
.p41Con02 .nUl04::after{content:""; display:table; clear:both}
.p41Con02 .nUl04>li{position:relative; float:left; width:calc(50% - 36px); margin-right:71px; margin-bottom:60px}
.p41Con02 .nUl04>li:nth-child(2n){margin-right:0}
.p41Con02 .nUl04>li p{font-size:17px; color:#EA8727; line-height:15px; font-weight:normal; text-align:center; display:block; height:45px}
.p41Con02 .nUl04>li>div{position:relative; width:100%; /** padding-bottom:72% **/; margin-top:10px;background-position:center; background-size:cover; background-repeat:no-repeat}
/** p40 Geo 끝 **/

/** p38 SEPAM 시작 **/
.p41Con02 .nUl05{position:relative; width:100%; margin-top:60px}
.p41Con02 .nUl05::after{content:""; display:table; clear:both}
.p41Con02 .nUl05>li{position:relative; float:left; width:32%; margin-right:2%}
.p41Con02 .nUl05>li:nth-child(3n){margin-right:0}
.p41Con02 .nUl05>li>div{position:relative; width:100%; max-width:261px; margin:0 auto; /** padding-bottom:55%; **/ border:1px solid #707070; background-position:center; background-size:cover; background-repeat:no-repeat; border-radius:0 20px 20px 20px; overflow:hidden}
.p41Con02 .np08{margin-top:30px; font-size:20px; line-height:29px}
.p41Con02 .npDiv01{position:relative; width:100%; margin-top:40px}
.p41Con02 .npDiv01::after{content:""; display:table; clear:both}
.p41Con02 .npDiv01 .nUl02{position:relative; float:left; width:32%; margin-right:2%; margin-top:0}
.p41Con02 .npDiv01 .nUl02:nth-child(3n){margin-right:0}
.p41Con02 .npDiv01 .nUl02 li{padding-left:62px}
.p41Con02 .npDiv01 .nUl02 li p{margin-bottom:15px}
.p38ExLine{position:absolute; width:100%; height:calc(100vh - 125px); left:0; top:89px; z-index:-9}
.p38ExLine::after{content:""; display:table; clear:both}
.p38ExLine>div{position:relative; float:left; width:33.333%; height:100%; border-right:1px solid #e9e9e9}
.p38ExLine>div:nth-child(3n){border-right:none}
/** p38 SEPAM 끝 **/

/** p37 pq 시작 **/
.p41Con02 .npDiv02 .nUl02{width:49%; margin-right:2%}
.p41Con02 .npDiv02 .nUl02:nth-child(3n){margin-right:2%}
.p41Con02 .npDiv02 .nUl02:nth-child(2n){margin-right:0}
.p41Con02 .npDiv02 .nUl02 li{padding-left:0}
.p41Con02 .npDiv02 .nUl02 .nUl02Spec{font-size:20px; color:#EA8727; line-height:29px; font-weight:700; padding-left:0}
.p41Con02 .npDiv02 .nUl02 .nUl02Spec::before{display:none}
.p41Con02 .p37Nul01>li{margin-bottom:30px}
/** p37 pq 끝 **/

/** p35 ION 시작 **/
.p41Con02 .nUl06{max-width:1000px; margin:60px auto 0 auto}
.p41Con02 .nUl06>li{width:50%; margin-right:0}
.p41Con02 .p35ul02{margin-top:0}
.p41Con02 .p35ul01>li{padding-bottom:30px}
.p41Con02 .p35ul02>li{padding-top:30px; border-top:1px solid #e9e9e9}
.p41Con02 .nUl06>li>div{/** padding-bottom:42% **/}
.p35ExLine{bottom:auto; top:89px; height:100vh}
.p35ExLine>div{width:50%}
.p35ExLine>div:nth-child(2){border-right:none}
.p41Con02 .npDiv03 .nUl02 li{padding-left:120px}
/** p35 ION 끝 **/

/** p34 낙뢰 시작 **/
.p41Con02 .p34Nul02>li>p{margin-bottom:15px}
/** p34 낙뢰 끝 **/

/** p33 제품인증 시작 **/
.p33Ul{position:relative; width:100%; max-width:1000px; margin:0 auto}
.p33Ul::after{content:""; display:table; clear:both}
.p33Ul>li{position:relative; float:left; width:calc(33.333% - 40px); margin-right:60px; margin-bottom:10px}
.p33Ul>li:nth-child(3n){margin-right:0}
.p33Ul>li>div{position:relative; width:100%; /** padding-bottom:136% **/; background-position:center; background-size:cover; background-repeat:no-repeat}
.p33Ul>li>p{position:relative; width:100%; display:block; margin-top:10px; text-align:center; font-size:14px; color:#777777; line-height:16px; font-weight:normal; height:48px}
.p33Img{position:relative; display:block; width:100%}
/** p33 제품인증 끝 **/

/** p31 power 시작 **/
.p31Con01{padding-bottom:60px; margin-top:70px}
.p41Con02 .p31np02{margin-bottom:15px}
.p41Con02 .p31Nul02{margin-top:90px}
/** p31 power 끝 **/

/** 서브페이지 반응형 시작 **/
@media screen and (max-width:1024px){
    /* p42 */
    .sub_title{padding:30px 15px 50px 15px !important}
    .subTable ul>li p{padding-left:15px}
    /* p40 */
    .p41Con02 .nUl03>li{float:none; width:100%; margin-right:0}
    /* p38 */
    .p38ExLine{display:none}
    .p41Con02 .npDiv01 .nUl02 li{padding-left:0}
    /* p33 */
    .p33Ul>li{width:32%; margin-right:2%}
}
@media screen and (max-width:768px){
    /* p42 */
    .sub_title{font-size:30px !important; padding:20px 15px 30px 15px !important}
    .subTable ul>li p{font-size:14px}
    /* p41 */
    .p41Con01>p br{display:none}
    .subCon br{display:none}
    .p41Con02 .nUl01>li{width:49%; margin-right:2%}
    .p41Con02 .nUl01>li:nth-child(2n){margin-right:0}
    .p41Con02 .nUl01>li:nth-child(1){margin-bottom:20px}
    .p41Con02 .nUl01>li:nth-child(2){margin-bottom:20px}
    .p41Con02 .nUl01>li p{line-height:normal}
    /* p40 */
    .p41Con02 .nUl04>li>div{margin-top:10px}
    .p41Con02 .nUl04>li{width:49%; margin-right:2%; margin-bottom:30px}
    /* font 통일 */
    .p41Con02 .np01{font-size:20px}
    .p41Con02 .np02{font-size:16px}
    .p41Con01>p{font-size:16px}
    .p41Con02 .nUl01>li p{font-size:14px}
    .p41Con02 .np04{font-size:16px}
    .p41Con02 .np03{font-size:18px}
    .p41Con02 .nUl02>li>p{font-size:18px; line-height:1.6em}
    .p41Con02 .nUl04>li p{font-size:14px}
    /* p38 */
    .p41Con02 .nUl05>li{float:none; width:100%; margin-right:0; margin-bottom:30px}
    .p41Con02 .npDiv01 .nUl02{width:100%; margin-right:0}
    /* p34 */
    .p41Con02 .nUl01Mid>li:nth-child(1){display:none}
    .p41Con02 .nUl01Mid>li:nth-child(2){margin-right:2%}
    .p41Con02 .nUl01Mid>li:nth-child(3){margin-right:0}
    .p41Con02 .nUl01Mid>li:nth-child(4){display:none}
}
@media screen and (max-width:500px){
    /* p42 */
    .subTable ul>li p{font-size:12px; padding-left:10px}
    .subListCon .subLink02{left:30px; font-size:14px; padding:3px 6px}
    .subListCon .subLink03{left:100px; font-size:14px}
    .sub_title{font-size:24px !important}
    /* font 통일 */
    .p41Con01>p{font-size:14px}
    .p41Con02 .np01{font-size:18px}
    .p41Con02 .np02{font-size:14px}
    .p41Con02 .nUl01>li p{font-size:12px}
    .p41Con02 .np03{font-size:16px}
    .p41Con02 .np04{font-size:14px}
    .p41Con02 .nUl02>li>p{font-size:14px}
    /* p33 */
    .p33Ul>li>p{font-size:12px}
}
@media screen and (max-width:414px){
    /* p42 */
    .sub_pageDiv a{margin:0 5px !important}
    .sub_title{font-size:20px !important}
    .subListCon .subLink03{font-size:12px}
    /* p33 */
    .p33Ul>li{width:49%; margin-right:2%}
    .p33Ul>li:nth-child(3n){margin-right:2%}
    .p33Ul>li:nth-child(2n){margin-right:0%}
}
@media screen and (max-width:320px){
    /* p42 */
    .subTable ul>li p{font-size:11px}
    .sub_pageDiv a{font-size:12px !important; margin:0 3px !important}
}
/** 서브페이지 반응형 끝 **/

/** 앞 페이지 시작 **/
.p20Pra{width:calc(100% - 30px); max-width:1200px}
.subCon02{margin:40px 0}
.p20Img{position:relative; width:auto; max-width:100%; display:block}

/* 테이블 시작 */
.p05Scroll{position:relative; width:100%}
.p05TableWrap{position:relative; width:100%}
.p05Table{position:relative; width:100%}
.p05Table>ul{position:relative; width:100%; border-bottom:1px solid #707070}
.p05Table>ul:nth-child(1){border-top:1px solid #707070}
.p05Table>ul::after{content:""; display:table; clear:both}
.p05Table>ul>li{position:relative; float:left; height:100%; text-align:center}
.p05Table>ul>li:nth-child(1){width:15%}
.p05Table>ul>li:nth-child(2){width:16%}
.p05Table>ul>li:nth-child(3){width:16%}
.p05Table>ul>li:nth-child(4){width:16%}
.p05Table>ul>li:nth-child(5){width:18%}
.p05Table>ul>li:nth-child(6){width:19%}
.p05Table>ul>li p{position:relative; display:block; padding:22px 5px; font-size:17px; color:#6D6D6D; line-height:25px; font-weight:normal; word-break:break-all}
.p05Table>ul:last-child>li p{padding:45px 5px}
.p05Table>ul:first-child>li p{color:#EA8727; font-weight:700}

.p05TableLine{position:absolute; top:0; left:0; width:100%; height:100%; z-index:-9}
.p05TableLine::after{content:""; display:table; clear:both}
.p05TableLine>div{position:relative; float:left; border-right:1px solid #707070; height:100%}
.p05TableLine>div:nth-child(1){width:15%; border-left:1px solid #707070}
.p05TableLine>div:nth-child(2){width:16%}
.p05TableLine>div:nth-child(3){width:16%}
.p05TableLine>div:nth-child(4){width:16%}
.p05TableLine>div:nth-child(5){width:18%}
.p05TableLine>div:nth-child(6){width:19%}

@media screen and (max-width:1024px){
    .p05Table>ul>li p{font-size:12px}
}
@media screen and (max-width:500px){
    .p05Scroll{overflow-x:scroll}
    .p05TableWrap{width:470px}
}
/* 테이블 끝 */
/** 앞 페이지 끝 **/

/** transition-duration:0.4s **/
.sub_title{transition-duration:0.4s}
.subTable ul>li p{transition-duration:0.4s}
.subCon *{transition-duration:0.4s}
/**
transition-duration:0.4s
**/