/* 2023-01-27 10:25:16 */.dynamic-grid-row:not(.expand), .dynamic-grid-replace-block { max-width: 1230px; }@media screen and (min-width: 1024px) {.dynamic-grid-block #그림1, .dynamic-grid-replace-block.pc #그림1{left: 7.81122864117169%; top: 37px; width: 85.9235150528885%; height: 392px;}.dynamic-grid-block #사각형그리기3, .dynamic-grid-replace-block.pc #사각형그리기3{left: 32.3333333333334px; top: 28px; width: 84.7030105777055%; height: 215px;}.dynamic-grid-block #사각형그리기5, .dynamic-grid-replace-block.pc #사각형그리기5{left: 29px; top: 46px; width: 84.7030105777055%; height: 68px;}.dynamic-grid-block #사각형그리기6, .dynamic-grid-replace-block.pc #사각형그리기6{left: 6.5093572009764%; top: 13px; width: 79.4955248169243%; }.dynamic-grid-block #사각형그리기7, .dynamic-grid-replace-block.pc #사각형그리기7{left: 29px; top: 109px; width: 84.7030105777055%; height: 6px;}.dynamic-grid-block #HTML삽입, .dynamic-grid-replace-block.pc #HTML삽입{left: 15px; top: 28px; width: 94.7111472742067%; height: 112px;}.dynamic-grid-block #사각형그리기, .dynamic-grid-replace-block.pc #사각형그리기{left: 27px; top: 45px; width: 84.7030105777055%; height: 68px;}.dynamic-grid-block #사각형그리기8, .dynamic-grid-replace-block.pc #사각형그리기8{left: 10.2522375915378%; top: 29px; width: 79.4955248169243%; }.dynamic-grid-block #사각형그리기9, .dynamic-grid-replace-block.pc #사각형그리기9{left: 27px; top: 108px; width: 84.7030105777055%; height: 6px;}.dynamic-grid-block #그림4, .dynamic-grid-replace-block.pc #그림4{left: 7.81122864117169%; top: 100px; width: 85.9235150528885%; height: 392px;}.dynamic-grid-block #캘린더관리, .dynamic-grid-replace-block.pc #캘린더관리{left: 1.95280716029292%; top: 19px; width: 96.5419039869813%; height: 972px;}.dynamic-grid-block #사각형그리기4, .dynamic-grid-replace-block.pc #사각형그리기4{left: 5.66666666666697px; top: 39px; width: 98.8608624898291%; height: 29px;}.dynamic-grid-block #사각형그리기17, .dynamic-grid-replace-block.pc #사각형그리기17{left: 23.666666666667px; top: 203px; width: 29.2921074043938%; height: 35px;}.dynamic-grid-block #강좌명, .dynamic-grid-replace-block.pc #강좌명{left: 23.666666666667px; top: 241px; width: 82.9943043124491%; height: 35px;}.dynamic-grid-block #사각형그리기18, .dynamic-grid-replace-block.pc #사각형그리기18{left: 23.666666666667px; top: 296px; width: 29.2921074043938%; height: 35px;}.dynamic-grid-block #강의시간, .dynamic-grid-replace-block.pc #강의시간{left: 23.666666666667px; top: 333px; width: 82.9943043124491%; height: 35px;}.dynamic-grid-block #사각형그리기19, .dynamic-grid-replace-block.pc #사각형그리기19{left: 23.666666666667px; top: 388px; width: 29.2921074043938%; height: 35px;}.dynamic-grid-block #사각형그리기20, .dynamic-grid-replace-block.pc #사각형그리기20{left: 23.666666666667px; top: 481px; width: 29.2921074043938%; height: 35px;}.dynamic-grid-block #사각형그리기21, .dynamic-grid-replace-block.pc #사각형그리기21{left: 23.666666666667px; top: 573px; width: 29.2921074043938%; height: 35px;}.dynamic-grid-block #담당강사, .dynamic-grid-replace-block.pc #담당강사{left: 23.666666666667px; top: 611px; width: 82.9943043124491%; height: 35px;}.dynamic-grid-block #신청버튼, .dynamic-grid-replace-block.pc #신청버튼{left: 11.6354759967454%; top: 711px; width: 74.6948738812042%; height: 64px;}.dynamic-grid-block #개강일자, .dynamic-grid-replace-block.pc #개강일자{left: 5.77705451586664%; top: 423px; width: 82.9943043124491%; height: 35px;}.dynamic-grid-block #종강일자, .dynamic-grid-replace-block.pc #종강일자{left: 5.77705451586664%; top: 517px; width: 82.9943043124491%; height: 35px;}.dynamic-grid-block #그림, .dynamic-grid-replace-block.pc #그림{left: 7.81122864117169%; top: 65px; width: 85.9235150528885%; height: 392px;}.dynamic-grid-block #app_offline3, .dynamic-grid-replace-block.pc #app_offline3{left: 8.95036615134256%; top: 13px; width: 80.9194467046379%; height: 64px;}.dynamic-grid-block #go_kakao1, .dynamic-grid-replace-block.pc #go_kakao1{left: 8.95036615134256%; top: 16px; width: 80.9194467046379%; height: 64px;}.dynamic-grid-block #app_online3, .dynamic-grid-replace-block.pc #app_online3{left: 9.19446704637918%; top: 10px; width: 80.9194467046379%; height: 64px;}.dynamic-grid-block #그림3, .dynamic-grid-replace-block.pc #그림3{left: 7.81122864117169%; top: 53px; width: 85.9235150528885%; height: 392px;}.dynamic-grid-block #go_kakao2, .dynamic-grid-replace-block.pc #go_kakao2{left: 8.95036615134256%; top: 20px; width: 80.9194467046379%; height: 64px;}.dynamic-grid-block #그림6, .dynamic-grid-replace-block.pc #그림6{left: 7.81122864117169%; top: 96px; width: 85.9235150528885%; height: 392px;}.dynamic-grid-block #go_kakao3, .dynamic-grid-replace-block.pc #go_kakao3{left: 8.95036615134256%; top: 14px; width: 80.9194467046379%; height: 64px;}.dynamic-grid-block #사각형그리기1, .dynamic-grid-replace-block.pc #사각형그리기1{left: 9px; top: 13px; width: 32.4654190398698%; height: 33px;}.dynamic-grid-block #하이퍼링크8, .dynamic-grid-replace-block.pc #하이퍼링크8{left: 1.95280716029292%; top: 10px; width: 39.7884458909683%; height: 39px;}.dynamic-grid-block #사각형그리기10, .dynamic-grid-replace-block.pc #사각형그리기10{left: 202px; top: 13px; width: 40.2766476810415%; height: 33px;}.dynamic-grid-block #하이퍼링크9, .dynamic-grid-replace-block.pc #하이퍼링크9{left: 47.59967453214%; top: 10px; width: 46.6232709519935%; height: 39px;}.dynamic-grid-block #사각형그리기12, .dynamic-grid-replace-block.pc #사각형그리기12{left: 7.33333333333343px; top: 13px; width: 20.9926769731489%; height: 33px;}.dynamic-grid-block #하이퍼링크10, .dynamic-grid-replace-block.pc #하이퍼링크10{left: 2.76647681041499%; top: 10px; width: 19.2839707078926%; height: 39px;}.dynamic-grid-block #사각형그리기13, .dynamic-grid-replace-block.pc #사각형그리기13{left: 212.333333333333px; top: 13px; width: 18.0634662327095%; height: 33px;}.dynamic-grid-block #하이퍼링크11, .dynamic-grid-replace-block.pc #하이퍼링크11{left: 48.1692432872253%; top: 10px; width: 23.4336859235151%; height: 39px;}.dynamic-grid-block #사각형그리기14, .dynamic-grid-replace-block.pc #사각형그리기14{left: 19px; top: 13px; width: 90.5614320585842%; height: 33px;}.dynamic-grid-block #둥근사각형, .dynamic-grid-replace-block.pc #둥근사각형{left: 8px; top: 22px; width: 75.1830756712775%; height: 31px;}.dynamic-grid-block #그림10, .dynamic-grid-replace-block.pc #그림10{left: 13.5882831570383%; top: 13px; width: 11.9609438567941%; height: 49px;}.dynamic-grid-block #하이퍼링크12, .dynamic-grid-replace-block.pc #하이퍼링크12{left: 12.8559804719285%; top: 10px; width: 13.4255492270138%; height: 55px;}.dynamic-grid-block #그림12, .dynamic-grid-replace-block.pc #그림12{left: 28.7225386493084%; top: 13px; width: 11.9609438567941%; height: 49px;}.dynamic-grid-block #하이퍼링크13, .dynamic-grid-replace-block.pc #하이퍼링크13{left: 27.9902359641986%; top: 10px; width: 13.4255492270138%; height: 55px;}.dynamic-grid-block #그림13, .dynamic-grid-replace-block.pc #그림13{left: 43.612693246542%; top: 13px; width: 11.9609438567941%; height: 49px;}.dynamic-grid-block #하이퍼링크14, .dynamic-grid-replace-block.pc #하이퍼링크14{left: 42.8803905614321%; top: 10px; width: 13.4255492270138%; height: 55px;}.dynamic-grid-block #그림14, .dynamic-grid-replace-block.pc #그림14{left: 58.5028478437755%; top: 13px; width: 11.9609438567941%; height: 49px;}.dynamic-grid-block #하이퍼링크15, .dynamic-grid-replace-block.pc #하이퍼링크15{left: 57.7705451586656%; top: 10px; width: 13.4255492270138%; height: 55px;}.dynamic-grid-block #그림15, .dynamic-grid-replace-block.pc #그림15{left: 73.6371033360456%; top: 13px; width: 11.9609438567941%; height: 49px;}.dynamic-grid-block #하이퍼링크16, .dynamic-grid-replace-block.pc #하이퍼링크16{left: 72.9048006509358%; top: 10px; width: 13.4255492270138%; height: 55px;}.dynamic-grid-block #사각형그리기15, .dynamic-grid-replace-block.pc #사각형그리기15{left: 11.3333333333334px; top: 13px; width: 86.899918633035%; height: 33px;}.dynamic-grid-block #사각형그리기16, .dynamic-grid-replace-block.pc #사각형그리기16{left: 19px; top: 5px; width: 88.8527257933279%; height: 168px;}.dynamic-grid-block #사각형그리기11, .dynamic-grid-replace-block.pc #사각형그리기11{left: 19.3333333333334px; top: 5px; width: 94.9552481692433%; height: 146px;}.dynamic-grid-block #하이퍼링크2, .dynamic-grid-replace-block.pc #하이퍼링크2{left: 8.58421480878764%; top: 13px; width: 81.6517493897477%; height: 70px;}.dynamic-grid-block #하이퍼링크4, .dynamic-grid-replace-block.pc #하이퍼링크4{left: 8.58421480878764%; top: 17px; width: 81.6517493897477%; height: 70px;}.dynamic-grid-block #하이퍼링크5, .dynamic-grid-replace-block.pc #하이퍼링크5{left: 8.58421480878764%; top: 12px; width: 81.6517493897477%; height: 70px;}.dynamic-grid-block #버튼, .dynamic-grid-replace-block.pc #버튼{left: 12.7746135069162%; top: 71.2290502793296%; width: 305px; height: 60px;}.dynamic-grid-block #하이퍼링크3, .dynamic-grid-replace-block.pc #하이퍼링크3{left: 12.286411716843%; top: 252px; width: 75.9153783563873%; height: 66px;}.dynamic-grid-block #로그인1, .dynamic-grid-replace-block.pc #로그인1{left: 91.6192026037429%; top: 19.0909090909091%; width: 88px; height: 43px;}.dynamic-grid-block #탭메뉴1, .dynamic-grid-replace-block.pc #탭메뉴1{left: 13.100081366965%; top: 21px; width: unset; height: 59px;}.dynamic-grid-block #버튼14, .dynamic-grid-replace-block.pc #버튼14{left: 3.09194467046379%; top: 19.0909090909091%; width: 107px; height: 24px;}}@media screen and (min-width: 768px) and (max-width: 1023px) {.dynamic-grid-block #사각형그리기61{left: 1008px; top: 205px; width: 9.76403580146461%; height: 41px;}.dynamic-grid-block #사각형그리기84{left: 1008px; top: 205px; width: 9.76403580146461%; height: 41px;}.dynamic-grid-block #그림7{left: 0.406834825061025%; top: 5px; width: 99.2676973148902% !important; height: 480px;}.dynamic-grid-block #그림1{left: 7.81122864117169%; top: 37px; width: 85.9235150528885% !important; height: 392px;}.dynamic-grid-block #사각형그리기2{left: 15.86655817738%; top: 30px; width: 82.5061025223759% !important; }.dynamic-grid-block #사각형그리기3{left: 32.3333333333334px; top: 28px; width: 84.7030105777055%; }.dynamic-grid-block #사각형그리기5{left: 29px; top: 46px; width: 84.7030105777055%; }.dynamic-grid-block #사각형그리기6{left: 6.5093572009764%; top: 13px; width: 79.4955248169243% !important; }.dynamic-grid-block #사각형그리기7{left: 29px; top: 109px; width: 84.7030105777055%; height: 6px;}.dynamic-grid-block #HTML삽입{left: 15px; top: 28px; width: 94.7111472742067%; }.dynamic-grid-block #사각형그리기{left: 27px; top: 45px; width: 84.7030105777055%; }.dynamic-grid-block #사각형그리기8{left: 10.2522375915378%; top: 29px; width: 79.4955248169243% !important; }.dynamic-grid-block #사각형그리기9{left: 27px; top: 108px; width: 84.7030105777055%; height: 6px;}.dynamic-grid-block #그림4{left: 7.81122864117169%; top: 100px; width: 85.9235150528885% !important; height: 392px;}.dynamic-grid-block #캘린더관리{left: 1.95280716029292%; top: 19px; width: 96.5419039869813% !important; height: 972px;}.dynamic-grid-block #사각형그리기4{left: 5.66666666666697px; top: 39px; width: 98.8608624898291%; }.dynamic-grid-block #사각형그리기17{left: 23.666666666667px; top: 203px; width: 29.2921074043938%; }.dynamic-grid-block #강좌명{left: 23.666666666667px; top: 241px; width: 82.9943043124491%; height: 35px;}.dynamic-grid-block #사각형그리기18{left: 23.666666666667px; top: 296px; width: 29.2921074043938%; }.dynamic-grid-block #강의시간{left: 23.666666666667px; top: 333px; width: 82.9943043124491%; height: 35px;}.dynamic-grid-block #사각형그리기19{left: 23.666666666667px; top: 388px; width: 29.2921074043938%; }.dynamic-grid-block #사각형그리기20{left: 23.666666666667px; top: 481px; width: 29.2921074043938%; }.dynamic-grid-block #사각형그리기21{left: 23.666666666667px; top: 573px; width: 29.2921074043938%; }.dynamic-grid-block #담당강사{left: 23.666666666667px; top: 611px; width: 82.9943043124491%; height: 35px;}.dynamic-grid-block #신청버튼{left: 11.6354759967454%; top: 711px; width: 74.6948738812042% !important; height: 64px;}.dynamic-grid-block #개강일자{left: 5.77705451586664%; top: 423px; width: 82.9943043124491% !important; height: 35px;}.dynamic-grid-block #종강일자{left: 5.77705451586664%; top: 517px; width: 82.9943043124491% !important; height: 35px;}.dynamic-grid-block #그림{left: 7.81122864117169%; top: 65px; width: 85.9235150528885% !important; height: 392px;}.dynamic-grid-block #HTML삽입3{left: 6.50935720097641%; top: 75px; width: 83.726606997559% !important; }.dynamic-grid-block #app_offline3{left: 8.95036615134256%; top: 13px; width: 80.9194467046379% !important; height: 64px;}.dynamic-grid-block #HTML삽입4{left: 6.3873067534581%; top: 101px; width: 83.726606997559% !important; }.dynamic-grid-block #go_kakao1{left: 8.95036615134256%; top: 16px; width: 80.9194467046379% !important; height: 64px;}.dynamic-grid-block #HTML삽입2{left: 6.50935720097641%; top: 67px; width: 85.0691619202604% !important; }.dynamic-grid-block #app_online3{left: 9.19446704637918%; top: 10px; width: 80.9194467046379% !important; height: 64px;}.dynamic-grid-block #그림5{left: 9.60130187144019%; top: 16px; width: 27.0138323840521% !important; height: 126px;}.dynamic-grid-block #GoWeb{left: 63.3848657445077%; top: 9.6969696969697%; width: 329px; height: 126px;}.dynamic-grid-block #버튼1{left: 36.6151342554923%; top: 9.6969696969697%; width: 329px; height: 126px;}.dynamic-grid-block #그림3{left: 7.81122864117169%; top: 53px; width: 85.9235150528885% !important; height: 392px;}.dynamic-grid-block #go_kakao2{left: 8.95036615134256%; top: 20px; width: 80.9194467046379% !important; height: 64px;}.dynamic-grid-block #HTML삽입1{left: 6.50935720097641%; top: 73px; width: 82.9943043124491% !important; }.dynamic-grid-block #그림6{left: 7.81122864117169%; top: 96px; width: 85.9235150528885% !important; height: 392px;}.dynamic-grid-block #go_kakao3{left: 8.95036615134256%; top: 14px; width: 80.9194467046379% !important; height: 64px;}.dynamic-grid-block #HTML삽입5{left: 6.50935720097641%; top: 116px; width: 84.4589096826688% !important; }.dynamic-grid-block #사각형그리기1{left: 9px; top: 13px; width: 32.4654190398698%; }.dynamic-grid-block #하이퍼링크8{left: 1.95280716029292%; top: 10px; width: 39.7884458909683% !important; height: 39px;}.dynamic-grid-block #사각형그리기10{left: 202px; top: 13px; width: 40.2766476810415%; }.dynamic-grid-block #하이퍼링크9{left: 47.59967453214%; top: 10px; width: 46.6232709519935% !important; height: 39px;}.dynamic-grid-block #사각형그리기12{left: 7.33333333333343px; top: 13px; width: 20.9926769731489%; }.dynamic-grid-block #하이퍼링크10{left: 2.76647681041499%; top: 10px; width: 19.2839707078926% !important; height: 39px;}.dynamic-grid-block #사각형그리기13{left: 212.333333333333px; top: 13px; width: 18.0634662327095%; }.dynamic-grid-block #하이퍼링크11{left: 48.1692432872253%; top: 10px; width: 23.4336859235151% !important; height: 39px;}.dynamic-grid-block #사각형그리기14{left: 19px; top: 13px; width: 90.5614320585842%; }.dynamic-grid-block #둥근사각형{left: 8px; top: 22px; width: 75.1830756712775%; }.dynamic-grid-block #그림10{left: 13.5882831570383%; top: 13px; width: 11.9609438567941% !important; height: 49px;}.dynamic-grid-block #하이퍼링크12{left: 12.8559804719285%; top: 10px; width: 13.4255492270138% !important; height: 55px;}.dynamic-grid-block #그림12{left: 28.7225386493084%; top: 13px; width: 11.9609438567941% !important; height: 49px;}.dynamic-grid-block #하이퍼링크13{left: 27.9902359641986%; top: 10px; width: 13.4255492270138% !important; height: 55px;}.dynamic-grid-block #그림13{left: 43.612693246542%; top: 13px; width: 11.9609438567941% !important; height: 49px;}.dynamic-grid-block #하이퍼링크14{left: 42.8803905614321%; top: 10px; width: 13.4255492270138% !important; height: 55px;}.dynamic-grid-block #그림14{left: 58.5028478437755%; top: 13px; width: 11.9609438567941% !important; height: 49px;}.dynamic-grid-block #하이퍼링크15{left: 57.7705451586656%; top: 10px; width: 13.4255492270138% !important; height: 55px;}.dynamic-grid-block #그림15{left: 73.6371033360456%; top: 13px; width: 11.9609438567941% !important; height: 49px;}.dynamic-grid-block #하이퍼링크16{left: 72.9048006509358%; top: 10px; width: 13.4255492270138% !important; height: 55px;}.dynamic-grid-block #사각형그리기15{left: 11.3333333333334px; top: 13px; width: 86.899918633035%; }.dynamic-grid-block #사각형그리기16{left: 19px; top: 5px; width: 88.8527257933279%; }.dynamic-grid-block #사각형그리기11{left: 19.3333333333334px; top: 5px; width: 94.9552481692433%; }.dynamic-grid-block #하이퍼링크2{left: 8.58421480878764%; top: 13px; width: 81.6517493897477% !important; height: 70px;}.dynamic-grid-block #하이퍼링크4{left: 8.58421480878764%; top: 17px; width: 81.6517493897477% !important; height: 70px;}.dynamic-grid-block #하이퍼링크5{left: 8.58421480878764%; top: 12px; width: 81.6517493897477% !important; height: 70px;}.dynamic-grid-block #버튼{left: 12.7746135069162%; top: 71.2290502793296%; width: 305px; height: 60px;}.dynamic-grid-block #하이퍼링크3{left: 12.286411716843%; top: 252px; width: 75.9153783563873% !important; height: 66px;}.dynamic-grid-block #로그인1{left: 91.6192026037429%; top: 19.0909090909091%; width: 88px; height: 43px;}.dynamic-grid-block #탭메뉴1{left: 13.100081366965%; top: 21px; width: unset !important; height: 59px;}.dynamic-grid-block #버튼14{left: 3.09194467046379%; top: 19.0909090909091%; width: 107px; height: 24px;}}@media screen and (max-width: 767px) {.dynamic-grid-block #사각형그리기61{left: 1008px; top: 205px; width: 9.76403580146461%; height: 41px;}.dynamic-grid-block #사각형그리기84{left: 1008px; top: 205px; width: 9.76403580146461%; height: 41px;}.dynamic-grid-block #그림7{left: 0.406834825061025%; top: 5px; width: 99.2676973148902% !important; height: 480px;}.dynamic-grid-block #그림1{left: 7.81122864117169%; top: 37px; width: 85.9235150528885% !important; height: 392px;}.dynamic-grid-block #사각형그리기2{left: 15.86655817738%; top: 30px; width: 82.5061025223759% !important; }.dynamic-grid-block #사각형그리기3{left: 32.3333333333334px; top: 28px; width: 84.7030105777055%; }.dynamic-grid-block #사각형그리기5{left: 29px; top: 46px; width: 84.7030105777055%; }.dynamic-grid-block #사각형그리기6{left: 6.5093572009764%; top: 13px; width: 79.4955248169243% !important; }.dynamic-grid-block #사각형그리기7{left: 29px; top: 109px; width: 84.7030105777055%; height: 6px;}.dynamic-grid-block #HTML삽입{left: 15px; top: 28px; width: 94.7111472742067%; }.dynamic-grid-block #사각형그리기{left: 27px; top: 45px; width: 84.7030105777055%; }.dynamic-grid-block #사각형그리기8{left: 10.2522375915378%; top: 29px; width: 79.4955248169243% !important; }.dynamic-grid-block #사각형그리기9{left: 27px; top: 108px; width: 84.7030105777055%; height: 6px;}.dynamic-grid-block #그림4{left: 7.81122864117169%; top: 100px; width: 85.9235150528885% !important; height: 392px;}.dynamic-grid-block #캘린더관리{left: 1.95280716029292%; top: 19px; width: 96.5419039869813% !important; height: 972px;}.dynamic-grid-block #사각형그리기4{left: 5.66666666666697px; top: 39px; width: 98.8608624898291%; }.dynamic-grid-block #사각형그리기17{left: 23.666666666667px; top: 203px; width: 29.2921074043938%; }.dynamic-grid-block #강좌명{left: 23.666666666667px; top: 241px; width: 82.9943043124491%; height: 35px;}.dynamic-grid-block #사각형그리기18{left: 23.666666666667px; top: 296px; width: 29.2921074043938%; }.dynamic-grid-block #강의시간{left: 23.666666666667px; top: 333px; width: 82.9943043124491%; height: 35px;}.dynamic-grid-block #사각형그리기19{left: 23.666666666667px; top: 388px; width: 29.2921074043938%; }.dynamic-grid-block #사각형그리기20{left: 23.666666666667px; top: 481px; width: 29.2921074043938%; }.dynamic-grid-block #사각형그리기21{left: 23.666666666667px; top: 573px; width: 29.2921074043938%; }.dynamic-grid-block #담당강사{left: 23.666666666667px; top: 611px; width: 82.9943043124491%; height: 35px;}.dynamic-grid-block #신청버튼{left: 11.6354759967454%; top: 711px; width: 74.6948738812042% !important; height: 64px;}.dynamic-grid-block #개강일자{left: 5.77705451586664%; top: 423px; width: 82.9943043124491% !important; height: 35px;}.dynamic-grid-block #종강일자{left: 5.77705451586664%; top: 517px; width: 82.9943043124491% !important; height: 35px;}.dynamic-grid-block #그림{left: 7.81122864117169%; top: 65px; width: 85.9235150528885% !important; height: 392px;}.dynamic-grid-block #HTML삽입3{left: 6.50935720097641%; top: 75px; width: 83.726606997559% !important; }.dynamic-grid-block #app_offline3{left: 8.95036615134256%; top: 13px; width: 80.9194467046379% !important; height: 64px;}.dynamic-grid-block #HTML삽입4{left: 6.3873067534581%; top: 101px; width: 83.726606997559% !important; }.dynamic-grid-block #go_kakao1{left: 8.95036615134256%; top: 16px; width: 80.9194467046379% !important; height: 64px;}.dynamic-grid-block #HTML삽입2{left: 6.50935720097641%; top: 67px; width: 85.0691619202604% !important; }.dynamic-grid-block #app_online3{left: 9.19446704637918%; top: 10px; width: 80.9194467046379% !important; height: 64px;}.dynamic-grid-block #그림5{left: 9.60130187144019%; top: 16px; width: 27.0138323840521% !important; height: 126px;}.dynamic-grid-block #GoWeb{left: 63.3848657445077%; top: 9.6969696969697%; width: 329px; height: 126px;}.dynamic-grid-block #버튼1{left: 36.6151342554923%; top: 9.6969696969697%; width: 329px; height: 126px;}.dynamic-grid-block #그림3{left: 7.81122864117169%; top: 53px; width: 85.9235150528885% !important; height: 392px;}.dynamic-grid-block #go_kakao2{left: 8.95036615134256%; top: 20px; width: 80.9194467046379% !important; height: 64px;}.dynamic-grid-block #HTML삽입1{left: 6.50935720097641%; top: 73px; width: 82.9943043124491% !important; }.dynamic-grid-block #그림6{left: 7.81122864117169%; top: 96px; width: 85.9235150528885% !important; height: 392px;}.dynamic-grid-block #go_kakao3{left: 8.95036615134256%; top: 14px; width: 80.9194467046379% !important; height: 64px;}.dynamic-grid-block #HTML삽입5{left: 6.50935720097641%; top: 116px; width: 84.4589096826688% !important; }.dynamic-grid-block #사각형그리기1{left: 9px; top: 13px; width: 32.4654190398698%; }.dynamic-grid-block #하이퍼링크8{left: 1.95280716029292%; top: 10px; width: 39.7884458909683% !important; height: 39px;}.dynamic-grid-block #사각형그리기10{left: 202px; top: 13px; width: 40.2766476810415%; }.dynamic-grid-block #하이퍼링크9{left: 47.59967453214%; top: 10px; width: 46.6232709519935% !important; height: 39px;}.dynamic-grid-block #사각형그리기12{left: 7.33333333333343px; top: 13px; width: 20.9926769731489%; }.dynamic-grid-block #하이퍼링크10{left: 2.76647681041499%; top: 10px; width: 19.2839707078926% !important; height: 39px;}.dynamic-grid-block #사각형그리기13{left: 212.333333333333px; top: 13px; width: 18.0634662327095%; }.dynamic-grid-block #하이퍼링크11{left: 48.1692432872253%; top: 10px; width: 23.4336859235151% !important; height: 39px;}.dynamic-grid-block #사각형그리기14{left: 19px; top: 13px; width: 90.5614320585842%; }.dynamic-grid-block #둥근사각형{left: 8px; top: 22px; width: 75.1830756712775%; }.dynamic-grid-block #그림10{left: 13.5882831570383%; top: 13px; width: 11.9609438567941% !important; height: 49px;}.dynamic-grid-block #하이퍼링크12{left: 12.8559804719285%; top: 10px; width: 13.4255492270138% !important; height: 55px;}.dynamic-grid-block #그림12{left: 28.7225386493084%; top: 13px; width: 11.9609438567941% !important; height: 49px;}.dynamic-grid-block #하이퍼링크13{left: 27.9902359641986%; top: 10px; width: 13.4255492270138% !important; height: 55px;}.dynamic-grid-block #그림13{left: 43.612693246542%; top: 13px; width: 11.9609438567941% !important; height: 49px;}.dynamic-grid-block #하이퍼링크14{left: 42.8803905614321%; top: 10px; width: 13.4255492270138% !important; height: 55px;}.dynamic-grid-block #그림14{left: 58.5028478437755%; top: 13px; width: 11.9609438567941% !important; height: 49px;}.dynamic-grid-block #하이퍼링크15{left: 57.7705451586656%; top: 10px; width: 13.4255492270138% !important; height: 55px;}.dynamic-grid-block #그림15{left: 73.6371033360456%; top: 13px; width: 11.9609438567941% !important; height: 49px;}.dynamic-grid-block #하이퍼링크16{left: 72.9048006509358%; top: 10px; width: 13.4255492270138% !important; height: 55px;}.dynamic-grid-block #사각형그리기15{left: 11.3333333333334px; top: 13px; width: 86.899918633035%; }.dynamic-grid-block #사각형그리기16{left: 19px; top: 5px; width: 88.8527257933279%; }.dynamic-grid-block #사각형그리기11{left: 19.3333333333334px; top: 5px; width: 94.9552481692433%; }.dynamic-grid-block #하이퍼링크2{left: 8.58421480878764%; top: 13px; width: 81.6517493897477% !important; height: 70px;}.dynamic-grid-block #하이퍼링크4{left: 8.58421480878764%; top: 17px; width: 81.6517493897477% !important; height: 70px;}.dynamic-grid-block #하이퍼링크5{left: 8.58421480878764%; top: 12px; width: 81.6517493897477% !important; height: 70px;}.dynamic-grid-block #버튼{left: 12.7746135069162%; top: 71.2290502793296%; width: 305px; height: 60px;}.dynamic-grid-block #하이퍼링크3{left: 12.286411716843%; top: 252px; width: 75.9153783563873% !important; height: 66px;}.dynamic-grid-block #로그인1{left: 91.6192026037429%; top: 19.0909090909091%; width: 88px; height: 43px;}.dynamic-grid-block #탭메뉴1{left: 13.100081366965%; top: 21px; width: unset !important; height: 59px;}.dynamic-grid-block #버튼14{left: 3.09194467046379%; top: 19.0909090909091%; width: 107px; height: 24px;}.dynamic-grid-replace-block #그림9{left: 1.22050447518308%; top: 1.01626016260163%; width: 97.640358014646% !important; height: 97.5609756097561%}.dynamic-grid-replace-block #그림8{left: 4.39381611065907%; top: 14.5454545454545%; width: 30.0244100895037% !important; height: 66.6666666666667%}.dynamic-grid-replace-block #버튼2{left: 34.4182262001627%; top: 14.5454545454545%; width: 30.0244100895037% !important; height: 66.6666666666667%}.dynamic-grid-replace-block #버튼3{left: 64.4426362896664%; top: 14.5454545454545%; width: 30.0244100895037% !important; height: 66.6666666666667%}.dynamic-grid-replace-block #사각형그리기22{left: 0.48820179007323%; top: 20.3252032520325%; width: 82.5061025223759% !important; height: 61.7886178861789%}.dynamic-grid-replace-block #HTML삽입6{left: 0%; top: 0%; width: 99.8372660699756% !important; height: 98.4269662921348%}.dynamic-grid-replace-block #HTML삽입7{left: 0%; top: 0%; width: 96.6639544344996% !important; height: 98.7234042553192%}.dynamic-grid-replace-block #HTML삽입8{left: 0%; top: 0%; width: 100.081366965012% !important; height: 98.406374501992%}.dynamic-grid-replace-block #HTML삽입9{left: 0%; top: 0%; width: 100.081366965012% !important; height: 97.7827050997783%}.dynamic-grid-replace-block #HTML삽입10{left: 0%; top: 0%; width: 98.8608624898291% !important; height: 97.3469387755102%}}@media screen and (min-width: 768px) {.dynamic-grid-replace-block.pc #사각형그리기61{left: 1008px; top: 205px; width: 9.76403580146461%; height: 41px;}.dynamic-grid-replace-block.pc #사각형그리기84{left: 1008px; top: 205px; width: 9.76403580146461%; height: 41px;}.dynamic-grid-replace-block.pc #그림7{left: 0.406834825061025%; top: 1.01626016260163%; width: 99.2676973148902%; height: 97.5609756097561%}.dynamic-grid-replace-block.pc #사각형그리기2{left: 15.86655817738%; top: 24.390243902439%; width: 82.5061025223759%; height: 61.7886178861789%}.dynamic-grid-replace-block.pc #HTML삽입3{left: 6.50935720097641%; top: 15.9574468085106%; width: 83.726606997559%; height: 64.468085106383%}.dynamic-grid-replace-block.pc #HTML삽입4{left: 6.3873067534581%; top: 20.1195219123506%; width: 83.726606997559%; height: 74.3027888446215%}.dynamic-grid-replace-block.pc #HTML삽입2{left: 6.50935720097641%; top: 15.0561797752809%; width: 85.0691619202604%; height: 68.0898876404494%}.dynamic-grid-replace-block.pc #그림5{left: 9.60130187144019%; top: 9.6969696969697%; width: 27.0138323840521%; height: 76.3636363636364%}.dynamic-grid-replace-block.pc #GoWeb{left: 63.3848657445077%; top: 9.6969696969697%; width: 26.7697314890155%; height: 76.3636363636364%}.dynamic-grid-replace-block.pc #버튼1{left: 36.6151342554923%; top: 9.6969696969697%; width: 26.7697314890155%; height: 76.3636363636364%}.dynamic-grid-replace-block.pc #HTML삽입1{left: 6.50935720097641%; top: 16.1862527716186%; width: 82.9943043124491%; height: 71.3968957871397%}.dynamic-grid-replace-block.pc #HTML삽입5{left: 6.50935720097641%; top: 23.6734693877551%; width: 84.4589096826688%; height: 65.7142857142857%}}@media screen and (min-width: 1230px) { /* 햄버거 메뉴 버튼 감추기 */ #탭메뉴1_button.Hamburger-Button { display: none; } .WebMenuAtom[data-menu-type="tab"] a { text-decoration: none; /* 밑줄 제거*/ display: block; font-size: 15px; } .WebMenuAtom[data-menu-type="tab"] .dropdown { float: left; padding-right: var(--nItemSpacing); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content { padding-top: var(--nTopOffset) !important; } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper > .dropbtn { font-size: 16px; color: #333333; padding: 0px 0px; } .WebMenuAtom[data-menu-type="tab"] .dropdown-content { min-width: 200px; /* 최소 사이즈*/ display: none; /* 기본 숨김처리*/ position: absolute; /* 위치 고정*/ z-index: 1; } .WebMenuAtom[data-menu-type="tab"] .dropdown-content a { color: #333333; /*폰트 색*/ padding: 12px 0px; /* 서브 메뉴 패팅*/ } .WebMenuAtom[data-menu-type="tab"] ul { list-style: none; /* 원형 아이콘 제거*/ vertical-align: middle; /*글자 정렬*/ padding : 0; /*아이콘 패딩 제거*/ } .WebMenuAtom[data-menu-type="tab"] li, .WebMenuAtom[data-menu-type="tab"] ul.nav { float: left; } .WebMenuAtom[data-menu-type="tab"] .dropdown-content.unfold { display: block !important; } .WebMenuAtom[data-menu-type="tab"] div.content-wrapper { background-size: 100% 100%; } .WebMenuAtom[data-menu-type="tab"] .content-wrapper a,.content-wrapper div { display: inline-block; } .WebMenuAtom[data-menu-type="tab"] .content-wrapper div { width: 16px; height: 16px; background-size: 100% 100%; } .WebMenuAtom[data-menu-type="tab"] .tab-menu-center { margin-left: -50%; } /* 상위메뉴 */ .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover=""]) > a{ /* 글꼴 */ font-family: var(--topFontFamily); /* 글자크기 */ font-size: var(--topFontSize); /* 글자색 */ color: var(--topFontColor); /* 굵게 */ font-weight: var(--topBold, normal); /* 이테릭 */ font-style: var(--topItalic, normal); /* 밑줄 */ text-decoration: var(--topUnderline, none); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-head{ background-image: var(--topHeadFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]){ background-image: var(--topBarFileUrl); background-color: var(--topBackColor); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-tail{ background-image: var(--topTailFileUrl); } /* 하위메뉴 */ .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > a{ /* 글꼴 */ font-family: var(--subFontFamily); /* 글자크기 */ font-size: var(--subFontSize); /* 글자색 */ color: var(--subFontColor); /* 굵게 */ font-weight: var(--subBold, normal); /* 이테릭 */ font-style: var(--subItalic, normal); /* 밑줄 */ text-decoration: var(--subUnderline, none); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-head{ background-image: var(--subHeadFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]){ background-image: var(--subBarFileUrl); background-color: var(--subBackColor); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-tail{ background-image: var(--subTailFileUrl); } /* 상위메뉴 마우스 오버*/ .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > a{ /* 글꼴 */ font-family: var(--topOverFontFamily) !important; /* 글자크기 */ font-size: var(--topOverFontSize) !important; /* 글자색 */ color: var(--topOverFontColor) !important; /* 굵게 */ font-weight: var(--topOverBold, normal) !important; /* 이테릭 */ font-style: var(--topOverItalic, normal) !important; /* 밑줄 */ text-decoration: var(--topOverUnderline, none) !important; } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-head{ background-image: var(--topOverHeadFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"]{ background-image: var(--topOverBarFileUrl); background-color: var(--topOverBackColor); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-tail{ background-image: var(--topOverTailFileUrl); } /* 하위 메뉴 마우스 오버*/ .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > a{ /* 글꼴 */ font-family: var(--subOverFontFamily) !important; /* 글자크기 */ font-size: var(--subOverFontSize) !important; /* 글자색 */ color: var(--subOverFontColor) !important; /* 굵게 */ font-weight: var(--subOverBold, normal) !important; /* 이테릭 */ font-style: var(--subOverItalic, normal) !important; /* 밑줄 */ text-decoration: var(--subOverUnderline, none) !important; } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-head{ background-image: var(--subOverHeadFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"]{ background-image: var(--subOverBarFileUrl); background-color: var(--subOverBackColor); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-tail{ background-image: var(--subOverTailFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper { height: var(--rootHeight); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper { display: flex; align-items: center; } .WebMenuAtom[data-menu-type="tab"] a { white-space: nowrap; } .WebMenuAtom[data-menu-type="tab"] .content-wrapper[data-lv='1'] { height: 30px; }}/* ============================ 모바일 전용 햄버거 메뉴 ============================ */@media screen and (max-width: 1229px) { #탭메뉴1.hamburger-hide { display: none } /* 햄버거메뉴 버튼 크기만큼 메뉴를 밑으로 내려줘야함. 메뉴 크기가 지금 65px 고정으로 되어있는데, 변경되면 이 값도 수정해주기 */ #탭메뉴1 { margin-top: 65px; } #탭메뉴1 > ul { border: solid rgb(51, 51, 51) 1px; } #탭메뉴1 .content-wrapper[data-lv="1"] { border-bottom : solid 1px rgb(239, 239, 239); } #탭메뉴1 .dropdown-content { border-bottom: solid 1px rgb(239, 239, 239); } .WebMenuAtom[data-menu-type="drop"] .content-wrapper { height: 45px !important; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] a { text-decoration: none; /* 밑줄 제거*/ display: block; font-size: 15px; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper > .dropbtn, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper > .dropbtn { font-size: 16px; color: #333333; padding: 0px 0px; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper > .dropbtn { min-width: 100px; /* 최소 사이즈*/ display: none; /* 기본 숨김처리*/ z-index: 1; width: 100%; /*margin-left: 10px;*/ } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content a { color: #333333; /*폰트 색*/ padding: 0px 16px; /* 서브 메뉴 패팅*/ } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] ul, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] ul { list-style: none; /* 원형 아이콘 제거*/ vertical-align: middle; /*글자 정렬*/ padding : 0; /*아이콘 패딩 제거*/ } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content.unfold, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content.unfold { display: block !important; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper { background-size: 100% 100%; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper a, .content-wrapper div { display: inline-block; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper div, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper div { width: 16px; height: 16px; background-size: 100% 100%; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper { height: var(--topMenuHeight, unset); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper { height: var(--subMenuHeight, unset); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper > *, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper > *{ position: relative; top: 50%; transform: translateY(-50%); } /* 상위메뉴 */ .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > a{ /* 글꼴 */ font-family: var(--topFontFamily); /* 글자크기 */ font-size: var(--topFontSize); /* 글자색 */ color: var(--topFontColor); /* 굵게 */ font-weight: var(--topBold, normal); /* 이테릭 */ font-style: var(--topItalic, normal); /* 밑줄 */ text-decoration: var(--topUnderline, none); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-head, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-head{ background-image: var(--topHeadFileUrl); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]), .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]){ background-image: var(--topBarFileUrl); background-color: var(--topBackColor); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-tail, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-tail{ background-image: var(--topTailFileUrl); } /* 하위메뉴 */ .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > a { /* 글꼴 */ font-family: var(--subFontFamily); /* 글자크기 */ font-size: var(--subFontSize); /* 글자색 */ color: var(--subFontColor); /* 굵게 */ font-weight: var(--subBold, normal); /* 이테릭 */ font-style: var(--subItalic, normal); /* 밑줄 */ text-decoration: var(--subUnderline, none); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-head, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-head { background-image: var(--subHeadFileUrl); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]), .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]){ background-image: var(--subBarFileUrl); background-color: var(--subBackColor); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-tail, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-tail{ background-image: var(--subTailFileUrl); } /* 상위메뉴 마우스 오버*/ .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > a{ /* 글꼴 */ font-family: var(--topOverFontFamily) !important; /* 글자크기 */ font-size: var(--topOverFontSize) !important; /* 글자색 */ color: var(--topOverFontColor) !important; /* 굵게 */ font-weight: var(--topOverBold, normal) !important; /* 이테릭 */ font-style: var(--topOverItalic, normal) !important; /* 밑줄 */ text-decoration: var(--topOverUnderline, none) !important; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-head, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-head{ background-image: var(--topOverHeadFileUrl); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"], .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"]{ background-image: var(--topOverBarFileUrl); background-color: var(--topOverBackColor); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-tail, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-tail{ background-image: var(--topOverTailFileUrl); } /* 하위 메뉴 마우스 오버*/ .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > a{ /* 글꼴 */ font-family: var(--subOverFontFamily) !important; /* 글자크기 */ font-size: var(--subOverFontSize) !important; /* 글자색 */ color: var(--subOverFontColor) !important; /* 굵게 */ font-weight: var(--subOverBold, normal) !important; /* 이테릭 */ font-style: var(--subOverItalic, normal) !important; /* 밑줄 */ text-decoration: var(--subOverUnderline, none) !important; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-head, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-head{ background-image: var(--subOverHeadFileUrl); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"], .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"]{ background-image: var(--subOverBarFileUrl); background-color: var(--subOverBackColor); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-tail, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-tail{ background-image: var(--subOverTailFileUrl); } #탭메뉴1 .content-wrapper { height: 30px; }}@media screen and (min-width: 1230px) { /* 햄버거 메뉴 버튼 감추기 */ #탭메뉴1_button.Hamburger-Button { display: none; } .WebMenuAtom[data-menu-type="tab"] a { text-decoration: none; /* 밑줄 제거*/ display: block; font-size: 15px; } .WebMenuAtom[data-menu-type="tab"] .dropdown { float: left; padding-right: var(--nItemSpacing); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content { padding-top: var(--nTopOffset) !important; } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper > .dropbtn { font-size: 16px; color: #333333; padding: 0px 0px; } .WebMenuAtom[data-menu-type="tab"] .dropdown-content { min-width: 200px; /* 최소 사이즈*/ display: none; /* 기본 숨김처리*/ position: absolute; /* 위치 고정*/ z-index: 1; } .WebMenuAtom[data-menu-type="tab"] .dropdown-content a { color: #333333; /*폰트 색*/ padding: 12px 0px; /* 서브 메뉴 패팅*/ } .WebMenuAtom[data-menu-type="tab"] ul { list-style: none; /* 원형 아이콘 제거*/ vertical-align: middle; /*글자 정렬*/ padding : 0; /*아이콘 패딩 제거*/ } .WebMenuAtom[data-menu-type="tab"] li, .WebMenuAtom[data-menu-type="tab"] ul.nav { float: left; } .WebMenuAtom[data-menu-type="tab"] .dropdown-content.unfold { display: block !important; } .WebMenuAtom[data-menu-type="tab"] div.content-wrapper { background-size: 100% 100%; } .WebMenuAtom[data-menu-type="tab"] .content-wrapper a,.content-wrapper div { display: inline-block; } .WebMenuAtom[data-menu-type="tab"] .content-wrapper div { width: 16px; height: 16px; background-size: 100% 100%; } .WebMenuAtom[data-menu-type="tab"] .tab-menu-center { margin-left: -50%; } /* 상위메뉴 */ .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover=""]) > a{ /* 글꼴 */ font-family: var(--topFontFamily); /* 글자크기 */ font-size: var(--topFontSize); /* 글자색 */ color: var(--topFontColor); /* 굵게 */ font-weight: var(--topBold, normal); /* 이테릭 */ font-style: var(--topItalic, normal); /* 밑줄 */ text-decoration: var(--topUnderline, none); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-head{ background-image: var(--topHeadFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]){ background-image: var(--topBarFileUrl); background-color: var(--topBackColor); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-tail{ background-image: var(--topTailFileUrl); } /* 하위메뉴 */ .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > a{ /* 글꼴 */ font-family: var(--subFontFamily); /* 글자크기 */ font-size: var(--subFontSize); /* 글자색 */ color: var(--subFontColor); /* 굵게 */ font-weight: var(--subBold, normal); /* 이테릭 */ font-style: var(--subItalic, normal); /* 밑줄 */ text-decoration: var(--subUnderline, none); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-head{ background-image: var(--subHeadFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]){ background-image: var(--subBarFileUrl); background-color: var(--subBackColor); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-tail{ background-image: var(--subTailFileUrl); } /* 상위메뉴 마우스 오버*/ .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > a{ /* 글꼴 */ font-family: var(--topOverFontFamily) !important; /* 글자크기 */ font-size: var(--topOverFontSize) !important; /* 글자색 */ color: var(--topOverFontColor) !important; /* 굵게 */ font-weight: var(--topOverBold, normal) !important; /* 이테릭 */ font-style: var(--topOverItalic, normal) !important; /* 밑줄 */ text-decoration: var(--topOverUnderline, none) !important; } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-head{ background-image: var(--topOverHeadFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"]{ background-image: var(--topOverBarFileUrl); background-color: var(--topOverBackColor); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-tail{ background-image: var(--topOverTailFileUrl); } /* 하위 메뉴 마우스 오버*/ .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > a{ /* 글꼴 */ font-family: var(--subOverFontFamily) !important; /* 글자크기 */ font-size: var(--subOverFontSize) !important; /* 글자색 */ color: var(--subOverFontColor) !important; /* 굵게 */ font-weight: var(--subOverBold, normal) !important; /* 이테릭 */ font-style: var(--subOverItalic, normal) !important; /* 밑줄 */ text-decoration: var(--subOverUnderline, none) !important; } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-head{ background-image: var(--subOverHeadFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"]{ background-image: var(--subOverBarFileUrl); background-color: var(--subOverBackColor); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-tail{ background-image: var(--subOverTailFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper { height: var(--rootHeight); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper { display: flex; align-items: center; } .WebMenuAtom[data-menu-type="tab"] a { white-space: nowrap; } .WebMenuAtom[data-menu-type="tab"] .content-wrapper[data-lv='1'] { height: 30px; }}/* ============================ 모바일 전용 햄버거 메뉴 ============================ */@media screen and (max-width: 1229px) { #탭메뉴1.hamburger-hide { display: none } /* 햄버거메뉴 버튼 크기만큼 메뉴를 밑으로 내려줘야함. 메뉴 크기가 지금 65px 고정으로 되어있는데, 변경되면 이 값도 수정해주기 */ #탭메뉴1 { margin-top: 65px; } #탭메뉴1 > ul { border: solid rgb(51, 51, 51) 1px; } #탭메뉴1 .content-wrapper[data-lv="1"] { border-bottom : solid 1px rgb(239, 239, 239); } #탭메뉴1 .dropdown-content { border-bottom: solid 1px rgb(239, 239, 239); } .WebMenuAtom[data-menu-type="drop"] .content-wrapper { height: 45px !important; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] a { text-decoration: none; /* 밑줄 제거*/ display: block; font-size: 15px; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper > .dropbtn, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper > .dropbtn { font-size: 16px; color: #333333; padding: 0px 0px; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper > .dropbtn { min-width: 100px; /* 최소 사이즈*/ display: none; /* 기본 숨김처리*/ z-index: 1; width: 100%; /*margin-left: 10px;*/ } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content a { color: #333333; /*폰트 색*/ padding: 0px 16px; /* 서브 메뉴 패팅*/ } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] ul, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] ul { list-style: none; /* 원형 아이콘 제거*/ vertical-align: middle; /*글자 정렬*/ padding : 0; /*아이콘 패딩 제거*/ } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content.unfold, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content.unfold { display: block !important; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper { background-size: 100% 100%; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper a, .content-wrapper div { display: inline-block; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper div, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper div { width: 16px; height: 16px; background-size: 100% 100%; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper { height: var(--topMenuHeight, unset); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper { height: var(--subMenuHeight, unset); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper > *, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper > *{ position: relative; top: 50%; transform: translateY(-50%); } /* 상위메뉴 */ .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > a{ /* 글꼴 */ font-family: var(--topFontFamily); /* 글자크기 */ font-size: var(--topFontSize); /* 글자색 */ color: var(--topFontColor); /* 굵게 */ font-weight: var(--topBold, normal); /* 이테릭 */ font-style: var(--topItalic, normal); /* 밑줄 */ text-decoration: var(--topUnderline, none); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-head, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-head{ background-image: var(--topHeadFileUrl); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]), .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]){ background-image: var(--topBarFileUrl); background-color: var(--topBackColor); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-tail, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-tail{ background-image: var(--topTailFileUrl); } /* 하위메뉴 */ .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > a { /* 글꼴 */ font-family: var(--subFontFamily); /* 글자크기 */ font-size: var(--subFontSize); /* 글자색 */ color: var(--subFontColor); /* 굵게 */ font-weight: var(--subBold, normal); /* 이테릭 */ font-style: var(--subItalic, normal); /* 밑줄 */ text-decoration: var(--subUnderline, none); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-head, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-head { background-image: var(--subHeadFileUrl); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]), .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]){ background-image: var(--subBarFileUrl); background-color: var(--subBackColor); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-tail, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-tail{ background-image: var(--subTailFileUrl); } /* 상위메뉴 마우스 오버*/ .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > a{ /* 글꼴 */ font-family: var(--topOverFontFamily) !important; /* 글자크기 */ font-size: var(--topOverFontSize) !important; /* 글자색 */ color: var(--topOverFontColor) !important; /* 굵게 */ font-weight: var(--topOverBold, normal) !important; /* 이테릭 */ font-style: var(--topOverItalic, normal) !important; /* 밑줄 */ text-decoration: var(--topOverUnderline, none) !important; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-head, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-head{ background-image: var(--topOverHeadFileUrl); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"], .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"]{ background-image: var(--topOverBarFileUrl); background-color: var(--topOverBackColor); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-tail, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-tail{ background-image: var(--topOverTailFileUrl); } /* 하위 메뉴 마우스 오버*/ .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > a{ /* 글꼴 */ font-family: var(--subOverFontFamily) !important; /* 글자크기 */ font-size: var(--subOverFontSize) !important; /* 글자색 */ color: var(--subOverFontColor) !important; /* 굵게 */ font-weight: var(--subOverBold, normal) !important; /* 이테릭 */ font-style: var(--subOverItalic, normal) !important; /* 밑줄 */ text-decoration: var(--subOverUnderline, none) !important; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-head, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-head{ background-image: var(--subOverHeadFileUrl); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"], .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"]{ background-image: var(--subOverBarFileUrl); background-color: var(--subOverBackColor); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-tail, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-tail{ background-image: var(--subOverTailFileUrl); } #탭메뉴1 .content-wrapper { height: 30px; }}@media screen and (min-width: 1230px) { /* 햄버거 메뉴 버튼 감추기 */ #탭메뉴1_button.Hamburger-Button { display: none; } .WebMenuAtom[data-menu-type="tab"] a { text-decoration: none; /* 밑줄 제거*/ display: block; font-size: 15px; } .WebMenuAtom[data-menu-type="tab"] .dropdown { float: left; padding-right: var(--nItemSpacing); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content { padding-top: var(--nTopOffset) !important; } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper > .dropbtn { font-size: 16px; color: #333333; padding: 0px 0px; } .WebMenuAtom[data-menu-type="tab"] .dropdown-content { min-width: 200px; /* 최소 사이즈*/ display: none; /* 기본 숨김처리*/ position: absolute; /* 위치 고정*/ z-index: 1; } .WebMenuAtom[data-menu-type="tab"] .dropdown-content a { color: #333333; /*폰트 색*/ padding: 12px 0px; /* 서브 메뉴 패팅*/ } .WebMenuAtom[data-menu-type="tab"] ul { list-style: none; /* 원형 아이콘 제거*/ vertical-align: middle; /*글자 정렬*/ padding : 0; /*아이콘 패딩 제거*/ } .WebMenuAtom[data-menu-type="tab"] li, .WebMenuAtom[data-menu-type="tab"] ul.nav { float: left; } .WebMenuAtom[data-menu-type="tab"] .dropdown-content.unfold { display: block !important; } .WebMenuAtom[data-menu-type="tab"] div.content-wrapper { background-size: 100% 100%; } .WebMenuAtom[data-menu-type="tab"] .content-wrapper a,.content-wrapper div { display: inline-block; } .WebMenuAtom[data-menu-type="tab"] .content-wrapper div { width: 16px; height: 16px; background-size: 100% 100%; } .WebMenuAtom[data-menu-type="tab"] .tab-menu-center { margin-left: -50%; } /* 상위메뉴 */ .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover=""]) > a{ /* 글꼴 */ font-family: var(--topFontFamily); /* 글자크기 */ font-size: var(--topFontSize); /* 글자색 */ color: var(--topFontColor); /* 굵게 */ font-weight: var(--topBold, normal); /* 이테릭 */ font-style: var(--topItalic, normal); /* 밑줄 */ text-decoration: var(--topUnderline, none); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-head{ background-image: var(--topHeadFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]){ background-image: var(--topBarFileUrl); background-color: var(--topBackColor); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-tail{ background-image: var(--topTailFileUrl); } /* 하위메뉴 */ .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > a{ /* 글꼴 */ font-family: var(--subFontFamily); /* 글자크기 */ font-size: var(--subFontSize); /* 글자색 */ color: var(--subFontColor); /* 굵게 */ font-weight: var(--subBold, normal); /* 이테릭 */ font-style: var(--subItalic, normal); /* 밑줄 */ text-decoration: var(--subUnderline, none); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-head{ background-image: var(--subHeadFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]){ background-image: var(--subBarFileUrl); background-color: var(--subBackColor); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-tail{ background-image: var(--subTailFileUrl); } /* 상위메뉴 마우스 오버*/ .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > a{ /* 글꼴 */ font-family: var(--topOverFontFamily) !important; /* 글자크기 */ font-size: var(--topOverFontSize) !important; /* 글자색 */ color: var(--topOverFontColor) !important; /* 굵게 */ font-weight: var(--topOverBold, normal) !important; /* 이테릭 */ font-style: var(--topOverItalic, normal) !important; /* 밑줄 */ text-decoration: var(--topOverUnderline, none) !important; } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-head{ background-image: var(--topOverHeadFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"]{ background-image: var(--topOverBarFileUrl); background-color: var(--topOverBackColor); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-tail{ background-image: var(--topOverTailFileUrl); } /* 하위 메뉴 마우스 오버*/ .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > a{ /* 글꼴 */ font-family: var(--subOverFontFamily) !important; /* 글자크기 */ font-size: var(--subOverFontSize) !important; /* 글자색 */ color: var(--subOverFontColor) !important; /* 굵게 */ font-weight: var(--subOverBold, normal) !important; /* 이테릭 */ font-style: var(--subOverItalic, normal) !important; /* 밑줄 */ text-decoration: var(--subOverUnderline, none) !important; } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-head{ background-image: var(--subOverHeadFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"]{ background-image: var(--subOverBarFileUrl); background-color: var(--subOverBackColor); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-tail{ background-image: var(--subOverTailFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper { height: var(--rootHeight); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper { display: flex; align-items: center; } .WebMenuAtom[data-menu-type="tab"] a { white-space: nowrap; } .WebMenuAtom[data-menu-type="tab"] .content-wrapper[data-lv='1'] { height: 30px; }}/* ============================ 모바일 전용 햄버거 메뉴 ============================ */@media screen and (max-width: 1229px) { #탭메뉴1.hamburger-hide { display: none } /* 햄버거메뉴 버튼 크기만큼 메뉴를 밑으로 내려줘야함. 메뉴 크기가 지금 65px 고정으로 되어있는데, 변경되면 이 값도 수정해주기 */ #탭메뉴1 { margin-top: 65px; } #탭메뉴1 > ul { border: solid rgb(51, 51, 51) 1px; } #탭메뉴1 .content-wrapper[data-lv="1"] { border-bottom : solid 1px rgb(239, 239, 239); } #탭메뉴1 .dropdown-content { border-bottom: solid 1px rgb(239, 239, 239); } .WebMenuAtom[data-menu-type="drop"] .content-wrapper { height: 45px !important; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] a { text-decoration: none; /* 밑줄 제거*/ display: block; font-size: 15px; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper > .dropbtn, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper > .dropbtn { font-size: 16px; color: #333333; padding: 0px 0px; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper > .dropbtn { min-width: 100px; /* 최소 사이즈*/ display: none; /* 기본 숨김처리*/ z-index: 1; width: 100%; /*margin-left: 10px;*/ } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content a { color: #333333; /*폰트 색*/ padding: 0px 16px; /* 서브 메뉴 패팅*/ } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] ul, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] ul { list-style: none; /* 원형 아이콘 제거*/ vertical-align: middle; /*글자 정렬*/ padding : 0; /*아이콘 패딩 제거*/ } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content.unfold, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content.unfold { display: block !important; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper { background-size: 100% 100%; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper a, .content-wrapper div { display: inline-block; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper div, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper div { width: 16px; height: 16px; background-size: 100% 100%; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper { height: var(--topMenuHeight, unset); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper { height: var(--subMenuHeight, unset); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper > *, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper > *{ position: relative; top: 50%; transform: translateY(-50%); } /* 상위메뉴 */ .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > a{ /* 글꼴 */ font-family: var(--topFontFamily); /* 글자크기 */ font-size: var(--topFontSize); /* 글자색 */ color: var(--topFontColor); /* 굵게 */ font-weight: var(--topBold, normal); /* 이테릭 */ font-style: var(--topItalic, normal); /* 밑줄 */ text-decoration: var(--topUnderline, none); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-head, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-head{ background-image: var(--topHeadFileUrl); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]), .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]){ background-image: var(--topBarFileUrl); background-color: var(--topBackColor); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-tail, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-tail{ background-image: var(--topTailFileUrl); } /* 하위메뉴 */ .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > a { /* 글꼴 */ font-family: var(--subFontFamily); /* 글자크기 */ font-size: var(--subFontSize); /* 글자색 */ color: var(--subFontColor); /* 굵게 */ font-weight: var(--subBold, normal); /* 이테릭 */ font-style: var(--subItalic, normal); /* 밑줄 */ text-decoration: var(--subUnderline, none); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-head, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-head { background-image: var(--subHeadFileUrl); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]), .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]){ background-image: var(--subBarFileUrl); background-color: var(--subBackColor); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-tail, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-tail{ background-image: var(--subTailFileUrl); } /* 상위메뉴 마우스 오버*/ .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > a{ /* 글꼴 */ font-family: var(--topOverFontFamily) !important; /* 글자크기 */ font-size: var(--topOverFontSize) !important; /* 글자색 */ color: var(--topOverFontColor) !important; /* 굵게 */ font-weight: var(--topOverBold, normal) !important; /* 이테릭 */ font-style: var(--topOverItalic, normal) !important; /* 밑줄 */ text-decoration: var(--topOverUnderline, none) !important; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-head, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-head{ background-image: var(--topOverHeadFileUrl); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"], .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"]{ background-image: var(--topOverBarFileUrl); background-color: var(--topOverBackColor); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-tail, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-tail{ background-image: var(--topOverTailFileUrl); } /* 하위 메뉴 마우스 오버*/ .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > a{ /* 글꼴 */ font-family: var(--subOverFontFamily) !important; /* 글자크기 */ font-size: var(--subOverFontSize) !important; /* 글자색 */ color: var(--subOverFontColor) !important; /* 굵게 */ font-weight: var(--subOverBold, normal) !important; /* 이테릭 */ font-style: var(--subOverItalic, normal) !important; /* 밑줄 */ text-decoration: var(--subOverUnderline, none) !important; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-head, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-head{ background-image: var(--subOverHeadFileUrl); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"], .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"]{ background-image: var(--subOverBarFileUrl); background-color: var(--subOverBackColor); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-tail, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-tail{ background-image: var(--subOverTailFileUrl); } #탭메뉴1 .content-wrapper { height: 30px; }}@media screen and (min-width: 1230px) { /* 햄버거 메뉴 버튼 감추기 */ #탭메뉴1_button.Hamburger-Button { display: none; } .WebMenuAtom[data-menu-type="tab"] a { text-decoration: none; /* 밑줄 제거*/ display: block; font-size: 15px; } .WebMenuAtom[data-menu-type="tab"] .dropdown { float: left; padding-right: var(--nItemSpacing); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content { padding-top: var(--nTopOffset) !important; } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper > .dropbtn { font-size: 16px; color: #333333; padding: 0px 0px; } .WebMenuAtom[data-menu-type="tab"] .dropdown-content { min-width: 200px; /* 최소 사이즈*/ display: none; /* 기본 숨김처리*/ position: absolute; /* 위치 고정*/ z-index: 1; } .WebMenuAtom[data-menu-type="tab"] .dropdown-content a { color: #333333; /*폰트 색*/ padding: 12px 0px; /* 서브 메뉴 패팅*/ } .WebMenuAtom[data-menu-type="tab"] ul { list-style: none; /* 원형 아이콘 제거*/ vertical-align: middle; /*글자 정렬*/ padding : 0; /*아이콘 패딩 제거*/ } .WebMenuAtom[data-menu-type="tab"] li, .WebMenuAtom[data-menu-type="tab"] ul.nav { float: left; } .WebMenuAtom[data-menu-type="tab"] .dropdown-content.unfold { display: block !important; } .WebMenuAtom[data-menu-type="tab"] div.content-wrapper { background-size: 100% 100%; } .WebMenuAtom[data-menu-type="tab"] .content-wrapper a,.content-wrapper div { display: inline-block; } .WebMenuAtom[data-menu-type="tab"] .content-wrapper div { width: 16px; height: 16px; background-size: 100% 100%; } .WebMenuAtom[data-menu-type="tab"] .tab-menu-center { margin-left: -50%; } /* 상위메뉴 */ .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover=""]) > a{ /* 글꼴 */ font-family: var(--topFontFamily); /* 글자크기 */ font-size: var(--topFontSize); /* 글자색 */ color: var(--topFontColor); /* 굵게 */ font-weight: var(--topBold, normal); /* 이테릭 */ font-style: var(--topItalic, normal); /* 밑줄 */ text-decoration: var(--topUnderline, none); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-head{ background-image: var(--topHeadFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]){ background-image: var(--topBarFileUrl); background-color: var(--topBackColor); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-tail{ background-image: var(--topTailFileUrl); } /* 하위메뉴 */ .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > a{ /* 글꼴 */ font-family: var(--subFontFamily); /* 글자크기 */ font-size: var(--subFontSize); /* 글자색 */ color: var(--subFontColor); /* 굵게 */ font-weight: var(--subBold, normal); /* 이테릭 */ font-style: var(--subItalic, normal); /* 밑줄 */ text-decoration: var(--subUnderline, none); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-head{ background-image: var(--subHeadFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]){ background-image: var(--subBarFileUrl); background-color: var(--subBackColor); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-tail{ background-image: var(--subTailFileUrl); } /* 상위메뉴 마우스 오버*/ .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > a{ /* 글꼴 */ font-family: var(--topOverFontFamily) !important; /* 글자크기 */ font-size: var(--topOverFontSize) !important; /* 글자색 */ color: var(--topOverFontColor) !important; /* 굵게 */ font-weight: var(--topOverBold, normal) !important; /* 이테릭 */ font-style: var(--topOverItalic, normal) !important; /* 밑줄 */ text-decoration: var(--topOverUnderline, none) !important; } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-head{ background-image: var(--topOverHeadFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"]{ background-image: var(--topOverBarFileUrl); background-color: var(--topOverBackColor); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-tail{ background-image: var(--topOverTailFileUrl); } /* 하위 메뉴 마우스 오버*/ .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > a{ /* 글꼴 */ font-family: var(--subOverFontFamily) !important; /* 글자크기 */ font-size: var(--subOverFontSize) !important; /* 글자색 */ color: var(--subOverFontColor) !important; /* 굵게 */ font-weight: var(--subOverBold, normal) !important; /* 이테릭 */ font-style: var(--subOverItalic, normal) !important; /* 밑줄 */ text-decoration: var(--subOverUnderline, none) !important; } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-head{ background-image: var(--subOverHeadFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"]{ background-image: var(--subOverBarFileUrl); background-color: var(--subOverBackColor); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-tail{ background-image: var(--subOverTailFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper { height: var(--rootHeight); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper { display: flex; align-items: center; } .WebMenuAtom[data-menu-type="tab"] a { white-space: nowrap; } .WebMenuAtom[data-menu-type="tab"] .content-wrapper[data-lv='1'] { height: 30px; }}/* ============================ 모바일 전용 햄버거 메뉴 ============================ */@media screen and (max-width: 1229px) { #탭메뉴1.hamburger-hide { display: none } /* 햄버거메뉴 버튼 크기만큼 메뉴를 밑으로 내려줘야함. 메뉴 크기가 지금 65px 고정으로 되어있는데, 변경되면 이 값도 수정해주기 */ #탭메뉴1 { margin-top: 65px; } #탭메뉴1 > ul { border: solid rgb(51, 51, 51) 1px; } #탭메뉴1 .content-wrapper[data-lv="1"] { border-bottom : solid 1px rgb(239, 239, 239); } #탭메뉴1 .dropdown-content { border-bottom: solid 1px rgb(239, 239, 239); } .WebMenuAtom[data-menu-type="drop"] .content-wrapper { height: 45px !important; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] a { text-decoration: none; /* 밑줄 제거*/ display: block; font-size: 15px; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper > .dropbtn, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper > .dropbtn { font-size: 16px; color: #333333; padding: 0px 0px; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper > .dropbtn { min-width: 100px; /* 최소 사이즈*/ display: none; /* 기본 숨김처리*/ z-index: 1; width: 100%; /*margin-left: 10px;*/ } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content a { color: #333333; /*폰트 색*/ padding: 0px 16px; /* 서브 메뉴 패팅*/ } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] ul, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] ul { list-style: none; /* 원형 아이콘 제거*/ vertical-align: middle; /*글자 정렬*/ padding : 0; /*아이콘 패딩 제거*/ } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content.unfold, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content.unfold { display: block !important; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper { background-size: 100% 100%; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper a, .content-wrapper div { display: inline-block; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper div, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper div { width: 16px; height: 16px; background-size: 100% 100%; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper { height: var(--topMenuHeight, unset); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper { height: var(--subMenuHeight, unset); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper > *, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper > *{ position: relative; top: 50%; transform: translateY(-50%); } /* 상위메뉴 */ .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > a{ /* 글꼴 */ font-family: var(--topFontFamily); /* 글자크기 */ font-size: var(--topFontSize); /* 글자색 */ color: var(--topFontColor); /* 굵게 */ font-weight: var(--topBold, normal); /* 이테릭 */ font-style: var(--topItalic, normal); /* 밑줄 */ text-decoration: var(--topUnderline, none); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-head, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-head{ background-image: var(--topHeadFileUrl); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]), .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]){ background-image: var(--topBarFileUrl); background-color: var(--topBackColor); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-tail, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-tail{ background-image: var(--topTailFileUrl); } /* 하위메뉴 */ .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > a { /* 글꼴 */ font-family: var(--subFontFamily); /* 글자크기 */ font-size: var(--subFontSize); /* 글자색 */ color: var(--subFontColor); /* 굵게 */ font-weight: var(--subBold, normal); /* 이테릭 */ font-style: var(--subItalic, normal); /* 밑줄 */ text-decoration: var(--subUnderline, none); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-head, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-head { background-image: var(--subHeadFileUrl); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]), .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]){ background-image: var(--subBarFileUrl); background-color: var(--subBackColor); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-tail, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-tail{ background-image: var(--subTailFileUrl); } /* 상위메뉴 마우스 오버*/ .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > a{ /* 글꼴 */ font-family: var(--topOverFontFamily) !important; /* 글자크기 */ font-size: var(--topOverFontSize) !important; /* 글자색 */ color: var(--topOverFontColor) !important; /* 굵게 */ font-weight: var(--topOverBold, normal) !important; /* 이테릭 */ font-style: var(--topOverItalic, normal) !important; /* 밑줄 */ text-decoration: var(--topOverUnderline, none) !important; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-head, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-head{ background-image: var(--topOverHeadFileUrl); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"], .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"]{ background-image: var(--topOverBarFileUrl); background-color: var(--topOverBackColor); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-tail, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-tail{ background-image: var(--topOverTailFileUrl); } /* 하위 메뉴 마우스 오버*/ .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > a{ /* 글꼴 */ font-family: var(--subOverFontFamily) !important; /* 글자크기 */ font-size: var(--subOverFontSize) !important; /* 글자색 */ color: var(--subOverFontColor) !important; /* 굵게 */ font-weight: var(--subOverBold, normal) !important; /* 이테릭 */ font-style: var(--subOverItalic, normal) !important; /* 밑줄 */ text-decoration: var(--subOverUnderline, none) !important; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-head, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-head{ background-image: var(--subOverHeadFileUrl); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"], .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"]{ background-image: var(--subOverBarFileUrl); background-color: var(--subOverBackColor); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-tail, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-tail{ background-image: var(--subOverTailFileUrl); } #탭메뉴1 .content-wrapper { height: 30px; }}@media screen and (min-width: 1230px) { /* 햄버거 메뉴 버튼 감추기 */ #탭메뉴1_button.Hamburger-Button { display: none; } .WebMenuAtom[data-menu-type="tab"] a { text-decoration: none; /* 밑줄 제거*/ display: block; font-size: 15px; } .WebMenuAtom[data-menu-type="tab"] .dropdown { float: left; padding-right: var(--nItemSpacing); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content { padding-top: var(--nTopOffset) !important; } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper > .dropbtn { font-size: 16px; color: #333333; padding: 0px 0px; } .WebMenuAtom[data-menu-type="tab"] .dropdown-content { min-width: 200px; /* 최소 사이즈*/ display: none; /* 기본 숨김처리*/ position: absolute; /* 위치 고정*/ z-index: 1; } .WebMenuAtom[data-menu-type="tab"] .dropdown-content a { color: #333333; /*폰트 색*/ padding: 12px 0px; /* 서브 메뉴 패팅*/ } .WebMenuAtom[data-menu-type="tab"] ul { list-style: none; /* 원형 아이콘 제거*/ vertical-align: middle; /*글자 정렬*/ padding : 0; /*아이콘 패딩 제거*/ } .WebMenuAtom[data-menu-type="tab"] li, .WebMenuAtom[data-menu-type="tab"] ul.nav { float: left; } .WebMenuAtom[data-menu-type="tab"] .dropdown-content.unfold { display: block !important; } .WebMenuAtom[data-menu-type="tab"] div.content-wrapper { background-size: 100% 100%; } .WebMenuAtom[data-menu-type="tab"] .content-wrapper a,.content-wrapper div { display: inline-block; } .WebMenuAtom[data-menu-type="tab"] .content-wrapper div { width: 16px; height: 16px; background-size: 100% 100%; } .WebMenuAtom[data-menu-type="tab"] .tab-menu-center { margin-left: -50%; } /* 상위메뉴 */ .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover=""]) > a{ /* 글꼴 */ font-family: var(--topFontFamily); /* 글자크기 */ font-size: var(--topFontSize); /* 글자색 */ color: var(--topFontColor); /* 굵게 */ font-weight: var(--topBold, normal); /* 이테릭 */ font-style: var(--topItalic, normal); /* 밑줄 */ text-decoration: var(--topUnderline, none); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-head{ background-image: var(--topHeadFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]){ background-image: var(--topBarFileUrl); background-color: var(--topBackColor); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-tail{ background-image: var(--topTailFileUrl); } /* 하위메뉴 */ .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > a{ /* 글꼴 */ font-family: var(--subFontFamily); /* 글자크기 */ font-size: var(--subFontSize); /* 글자색 */ color: var(--subFontColor); /* 굵게 */ font-weight: var(--subBold, normal); /* 이테릭 */ font-style: var(--subItalic, normal); /* 밑줄 */ text-decoration: var(--subUnderline, none); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-head{ background-image: var(--subHeadFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]){ background-image: var(--subBarFileUrl); background-color: var(--subBackColor); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-tail{ background-image: var(--subTailFileUrl); } /* 상위메뉴 마우스 오버*/ .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > a{ /* 글꼴 */ font-family: var(--topOverFontFamily) !important; /* 글자크기 */ font-size: var(--topOverFontSize) !important; /* 글자색 */ color: var(--topOverFontColor) !important; /* 굵게 */ font-weight: var(--topOverBold, normal) !important; /* 이테릭 */ font-style: var(--topOverItalic, normal) !important; /* 밑줄 */ text-decoration: var(--topOverUnderline, none) !important; } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-head{ background-image: var(--topOverHeadFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"]{ background-image: var(--topOverBarFileUrl); background-color: var(--topOverBackColor); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-tail{ background-image: var(--topOverTailFileUrl); } /* 하위 메뉴 마우스 오버*/ .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > a{ /* 글꼴 */ font-family: var(--subOverFontFamily) !important; /* 글자크기 */ font-size: var(--subOverFontSize) !important; /* 글자색 */ color: var(--subOverFontColor) !important; /* 굵게 */ font-weight: var(--subOverBold, normal) !important; /* 이테릭 */ font-style: var(--subOverItalic, normal) !important; /* 밑줄 */ text-decoration: var(--subOverUnderline, none) !important; } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-head{ background-image: var(--subOverHeadFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"]{ background-image: var(--subOverBarFileUrl); background-color: var(--subOverBackColor); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-tail{ background-image: var(--subOverTailFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper { height: var(--rootHeight); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper { display: flex; align-items: center; } .WebMenuAtom[data-menu-type="tab"] a { white-space: nowrap; } .WebMenuAtom[data-menu-type="tab"] .content-wrapper[data-lv='1'] { height: 30px; }}/* ============================ 모바일 전용 햄버거 메뉴 ============================ */@media screen and (max-width: 1229px) { #탭메뉴1.hamburger-hide { display: none } /* 햄버거메뉴 버튼 크기만큼 메뉴를 밑으로 내려줘야함. 메뉴 크기가 지금 65px 고정으로 되어있는데, 변경되면 이 값도 수정해주기 */ #탭메뉴1 { margin-top: 65px; } #탭메뉴1 > ul { border: solid rgb(51, 51, 51) 1px; } #탭메뉴1 .content-wrapper[data-lv="1"] { border-bottom : solid 1px rgb(239, 239, 239); } #탭메뉴1 .dropdown-content { border-bottom: solid 1px rgb(239, 239, 239); } .WebMenuAtom[data-menu-type="drop"] .content-wrapper { height: 45px !important; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] a { text-decoration: none; /* 밑줄 제거*/ display: block; font-size: 15px; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper > .dropbtn, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper > .dropbtn { font-size: 16px; color: #333333; padding: 0px 0px; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper > .dropbtn { min-width: 100px; /* 최소 사이즈*/ display: none; /* 기본 숨김처리*/ z-index: 1; width: 100%; /*margin-left: 10px;*/ } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content a { color: #333333; /*폰트 색*/ padding: 0px 16px; /* 서브 메뉴 패팅*/ } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] ul, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] ul { list-style: none; /* 원형 아이콘 제거*/ vertical-align: middle; /*글자 정렬*/ padding : 0; /*아이콘 패딩 제거*/ } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content.unfold, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content.unfold { display: block !important; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper { background-size: 100% 100%; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper a, .content-wrapper div { display: inline-block; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper div, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper div { width: 16px; height: 16px; background-size: 100% 100%; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper { height: var(--topMenuHeight, unset); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper { height: var(--subMenuHeight, unset); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper > *, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper > *{ position: relative; top: 50%; transform: translateY(-50%); } /* 상위메뉴 */ .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > a{ /* 글꼴 */ font-family: var(--topFontFamily); /* 글자크기 */ font-size: var(--topFontSize); /* 글자색 */ color: var(--topFontColor); /* 굵게 */ font-weight: var(--topBold, normal); /* 이테릭 */ font-style: var(--topItalic, normal); /* 밑줄 */ text-decoration: var(--topUnderline, none); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-head, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-head{ background-image: var(--topHeadFileUrl); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]), .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]){ background-image: var(--topBarFileUrl); background-color: var(--topBackColor); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-tail, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-tail{ background-image: var(--topTailFileUrl); } /* 하위메뉴 */ .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > a { /* 글꼴 */ font-family: var(--subFontFamily); /* 글자크기 */ font-size: var(--subFontSize); /* 글자색 */ color: var(--subFontColor); /* 굵게 */ font-weight: var(--subBold, normal); /* 이테릭 */ font-style: var(--subItalic, normal); /* 밑줄 */ text-decoration: var(--subUnderline, none); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-head, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-head { background-image: var(--subHeadFileUrl); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]), .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]){ background-image: var(--subBarFileUrl); background-color: var(--subBackColor); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-tail, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-tail{ background-image: var(--subTailFileUrl); } /* 상위메뉴 마우스 오버*/ .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > a{ /* 글꼴 */ font-family: var(--topOverFontFamily) !important; /* 글자크기 */ font-size: var(--topOverFontSize) !important; /* 글자색 */ color: var(--topOverFontColor) !important; /* 굵게 */ font-weight: var(--topOverBold, normal) !important; /* 이테릭 */ font-style: var(--topOverItalic, normal) !important; /* 밑줄 */ text-decoration: var(--topOverUnderline, none) !important; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-head, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-head{ background-image: var(--topOverHeadFileUrl); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"], .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"]{ background-image: var(--topOverBarFileUrl); background-color: var(--topOverBackColor); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-tail, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-tail{ background-image: var(--topOverTailFileUrl); } /* 하위 메뉴 마우스 오버*/ .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > a{ /* 글꼴 */ font-family: var(--subOverFontFamily) !important; /* 글자크기 */ font-size: var(--subOverFontSize) !important; /* 글자색 */ color: var(--subOverFontColor) !important; /* 굵게 */ font-weight: var(--subOverBold, normal) !important; /* 이테릭 */ font-style: var(--subOverItalic, normal) !important; /* 밑줄 */ text-decoration: var(--subOverUnderline, none) !important; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-head, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-head{ background-image: var(--subOverHeadFileUrl); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"], .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"]{ background-image: var(--subOverBarFileUrl); background-color: var(--subOverBackColor); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-tail, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-tail{ background-image: var(--subOverTailFileUrl); } #탭메뉴1 .content-wrapper { height: 30px; }}@media screen and (min-width: 1230px) { /* 햄버거 메뉴 버튼 감추기 */ #탭메뉴1_button.Hamburger-Button { display: none; } .WebMenuAtom[data-menu-type="tab"] a { text-decoration: none; /* 밑줄 제거*/ display: block; font-size: 15px; } .WebMenuAtom[data-menu-type="tab"] .dropdown { float: left; padding-right: var(--nItemSpacing); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content { padding-top: var(--nTopOffset) !important; } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper > .dropbtn { font-size: 16px; color: #333333; padding: 0px 0px; } .WebMenuAtom[data-menu-type="tab"] .dropdown-content { min-width: 200px; /* 최소 사이즈*/ display: none; /* 기본 숨김처리*/ position: absolute; /* 위치 고정*/ z-index: 1; } .WebMenuAtom[data-menu-type="tab"] .dropdown-content a { color: #333333; /*폰트 색*/ padding: 12px 0px; /* 서브 메뉴 패팅*/ } .WebMenuAtom[data-menu-type="tab"] ul { list-style: none; /* 원형 아이콘 제거*/ vertical-align: middle; /*글자 정렬*/ padding : 0; /*아이콘 패딩 제거*/ } .WebMenuAtom[data-menu-type="tab"] li, .WebMenuAtom[data-menu-type="tab"] ul.nav { float: left; } .WebMenuAtom[data-menu-type="tab"] .dropdown-content.unfold { display: block !important; } .WebMenuAtom[data-menu-type="tab"] div.content-wrapper { background-size: 100% 100%; } .WebMenuAtom[data-menu-type="tab"] .content-wrapper a,.content-wrapper div { display: inline-block; } .WebMenuAtom[data-menu-type="tab"] .content-wrapper div { width: 16px; height: 16px; background-size: 100% 100%; } .WebMenuAtom[data-menu-type="tab"] .tab-menu-center { margin-left: -50%; } /* 상위메뉴 */ .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover=""]) > a{ /* 글꼴 */ font-family: var(--topFontFamily); /* 글자크기 */ font-size: var(--topFontSize); /* 글자색 */ color: var(--topFontColor); /* 굵게 */ font-weight: var(--topBold, normal); /* 이테릭 */ font-style: var(--topItalic, normal); /* 밑줄 */ text-decoration: var(--topUnderline, none); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-head{ background-image: var(--topHeadFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]){ background-image: var(--topBarFileUrl); background-color: var(--topBackColor); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-tail{ background-image: var(--topTailFileUrl); } /* 하위메뉴 */ .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > a{ /* 글꼴 */ font-family: var(--subFontFamily); /* 글자크기 */ font-size: var(--subFontSize); /* 글자색 */ color: var(--subFontColor); /* 굵게 */ font-weight: var(--subBold, normal); /* 이테릭 */ font-style: var(--subItalic, normal); /* 밑줄 */ text-decoration: var(--subUnderline, none); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-head{ background-image: var(--subHeadFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]){ background-image: var(--subBarFileUrl); background-color: var(--subBackColor); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-tail{ background-image: var(--subTailFileUrl); } /* 상위메뉴 마우스 오버*/ .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > a{ /* 글꼴 */ font-family: var(--topOverFontFamily) !important; /* 글자크기 */ font-size: var(--topOverFontSize) !important; /* 글자색 */ color: var(--topOverFontColor) !important; /* 굵게 */ font-weight: var(--topOverBold, normal) !important; /* 이테릭 */ font-style: var(--topOverItalic, normal) !important; /* 밑줄 */ text-decoration: var(--topOverUnderline, none) !important; } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-head{ background-image: var(--topOverHeadFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"]{ background-image: var(--topOverBarFileUrl); background-color: var(--topOverBackColor); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-tail{ background-image: var(--topOverTailFileUrl); } /* 하위 메뉴 마우스 오버*/ .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > a{ /* 글꼴 */ font-family: var(--subOverFontFamily) !important; /* 글자크기 */ font-size: var(--subOverFontSize) !important; /* 글자색 */ color: var(--subOverFontColor) !important; /* 굵게 */ font-weight: var(--subOverBold, normal) !important; /* 이테릭 */ font-style: var(--subOverItalic, normal) !important; /* 밑줄 */ text-decoration: var(--subOverUnderline, none) !important; } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-head{ background-image: var(--subOverHeadFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"]{ background-image: var(--subOverBarFileUrl); background-color: var(--subOverBackColor); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-tail{ background-image: var(--subOverTailFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper { height: var(--rootHeight); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper { display: flex; align-items: center; } .WebMenuAtom[data-menu-type="tab"] a { white-space: nowrap; } .WebMenuAtom[data-menu-type="tab"] .content-wrapper[data-lv='1'] { height: 30px; }}/* ============================ 모바일 전용 햄버거 메뉴 ============================ */@media screen and (max-width: 1229px) { #탭메뉴1.hamburger-hide { display: none } /* 햄버거메뉴 버튼 크기만큼 메뉴를 밑으로 내려줘야함. 메뉴 크기가 지금 65px 고정으로 되어있는데, 변경되면 이 값도 수정해주기 */ #탭메뉴1 { margin-top: 65px; } #탭메뉴1 > ul { border: solid rgb(51, 51, 51) 1px; } #탭메뉴1 .content-wrapper[data-lv="1"] { border-bottom : solid 1px rgb(239, 239, 239); } #탭메뉴1 .dropdown-content { border-bottom: solid 1px rgb(239, 239, 239); } .WebMenuAtom[data-menu-type="drop"] .content-wrapper { height: 45px !important; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] a { text-decoration: none; /* 밑줄 제거*/ display: block; font-size: 15px; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper > .dropbtn, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper > .dropbtn { font-size: 16px; color: #333333; padding: 0px 0px; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper > .dropbtn { min-width: 100px; /* 최소 사이즈*/ display: none; /* 기본 숨김처리*/ z-index: 1; width: 100%; /*margin-left: 10px;*/ } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content a { color: #333333; /*폰트 색*/ padding: 0px 16px; /* 서브 메뉴 패팅*/ } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] ul, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] ul { list-style: none; /* 원형 아이콘 제거*/ vertical-align: middle; /*글자 정렬*/ padding : 0; /*아이콘 패딩 제거*/ } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content.unfold, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content.unfold { display: block !important; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper { background-size: 100% 100%; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper a, .content-wrapper div { display: inline-block; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper div, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper div { width: 16px; height: 16px; background-size: 100% 100%; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper { height: var(--topMenuHeight, unset); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper { height: var(--subMenuHeight, unset); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper > *, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper > *{ position: relative; top: 50%; transform: translateY(-50%); } /* 상위메뉴 */ .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > a{ /* 글꼴 */ font-family: var(--topFontFamily); /* 글자크기 */ font-size: var(--topFontSize); /* 글자색 */ color: var(--topFontColor); /* 굵게 */ font-weight: var(--topBold, normal); /* 이테릭 */ font-style: var(--topItalic, normal); /* 밑줄 */ text-decoration: var(--topUnderline, none); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-head, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-head{ background-image: var(--topHeadFileUrl); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]), .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]){ background-image: var(--topBarFileUrl); background-color: var(--topBackColor); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-tail, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-tail{ background-image: var(--topTailFileUrl); } /* 하위메뉴 */ .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > a { /* 글꼴 */ font-family: var(--subFontFamily); /* 글자크기 */ font-size: var(--subFontSize); /* 글자색 */ color: var(--subFontColor); /* 굵게 */ font-weight: var(--subBold, normal); /* 이테릭 */ font-style: var(--subItalic, normal); /* 밑줄 */ text-decoration: var(--subUnderline, none); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-head, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-head { background-image: var(--subHeadFileUrl); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]), .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]){ background-image: var(--subBarFileUrl); background-color: var(--subBackColor); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-tail, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-tail{ background-image: var(--subTailFileUrl); } /* 상위메뉴 마우스 오버*/ .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > a{ /* 글꼴 */ font-family: var(--topOverFontFamily) !important; /* 글자크기 */ font-size: var(--topOverFontSize) !important; /* 글자색 */ color: var(--topOverFontColor) !important; /* 굵게 */ font-weight: var(--topOverBold, normal) !important; /* 이테릭 */ font-style: var(--topOverItalic, normal) !important; /* 밑줄 */ text-decoration: var(--topOverUnderline, none) !important; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-head, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-head{ background-image: var(--topOverHeadFileUrl); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"], .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"]{ background-image: var(--topOverBarFileUrl); background-color: var(--topOverBackColor); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-tail, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-tail{ background-image: var(--topOverTailFileUrl); } /* 하위 메뉴 마우스 오버*/ .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > a{ /* 글꼴 */ font-family: var(--subOverFontFamily) !important; /* 글자크기 */ font-size: var(--subOverFontSize) !important; /* 글자색 */ color: var(--subOverFontColor) !important; /* 굵게 */ font-weight: var(--subOverBold, normal) !important; /* 이테릭 */ font-style: var(--subOverItalic, normal) !important; /* 밑줄 */ text-decoration: var(--subOverUnderline, none) !important; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-head, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-head{ background-image: var(--subOverHeadFileUrl); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"], .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"]{ background-image: var(--subOverBarFileUrl); background-color: var(--subOverBackColor); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-tail, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-tail{ background-image: var(--subOverTailFileUrl); } #탭메뉴1 .content-wrapper { height: 30px; }}@media screen and (min-width: 1230px) { /* 햄버거 메뉴 버튼 감추기 */ #탭메뉴1_button.Hamburger-Button { display: none; } .WebMenuAtom[data-menu-type="tab"] a { text-decoration: none; /* 밑줄 제거*/ display: block; font-size: 15px; } .WebMenuAtom[data-menu-type="tab"] .dropdown { float: left; padding-right: var(--nItemSpacing); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content { padding-top: var(--nTopOffset) !important; } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper > .dropbtn { font-size: 16px; color: #333333; padding: 0px 0px; } .WebMenuAtom[data-menu-type="tab"] .dropdown-content { min-width: 200px; /* 최소 사이즈*/ display: none; /* 기본 숨김처리*/ position: absolute; /* 위치 고정*/ z-index: 1; } .WebMenuAtom[data-menu-type="tab"] .dropdown-content a { color: #333333; /*폰트 색*/ padding: 12px 0px; /* 서브 메뉴 패팅*/ } .WebMenuAtom[data-menu-type="tab"] ul { list-style: none; /* 원형 아이콘 제거*/ vertical-align: middle; /*글자 정렬*/ padding : 0; /*아이콘 패딩 제거*/ } .WebMenuAtom[data-menu-type="tab"] li, .WebMenuAtom[data-menu-type="tab"] ul.nav { float: left; } .WebMenuAtom[data-menu-type="tab"] .dropdown-content.unfold { display: block !important; } .WebMenuAtom[data-menu-type="tab"] div.content-wrapper { background-size: 100% 100%; } .WebMenuAtom[data-menu-type="tab"] .content-wrapper a,.content-wrapper div { display: inline-block; } .WebMenuAtom[data-menu-type="tab"] .content-wrapper div { width: 16px; height: 16px; background-size: 100% 100%; } .WebMenuAtom[data-menu-type="tab"] .tab-menu-center { margin-left: -50%; } /* 상위메뉴 */ .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover=""]) > a{ /* 글꼴 */ font-family: var(--topFontFamily); /* 글자크기 */ font-size: var(--topFontSize); /* 글자색 */ color: var(--topFontColor); /* 굵게 */ font-weight: var(--topBold, normal); /* 이테릭 */ font-style: var(--topItalic, normal); /* 밑줄 */ text-decoration: var(--topUnderline, none); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-head{ background-image: var(--topHeadFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]){ background-image: var(--topBarFileUrl); background-color: var(--topBackColor); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-tail{ background-image: var(--topTailFileUrl); } /* 하위메뉴 */ .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > a{ /* 글꼴 */ font-family: var(--subFontFamily); /* 글자크기 */ font-size: var(--subFontSize); /* 글자색 */ color: var(--subFontColor); /* 굵게 */ font-weight: var(--subBold, normal); /* 이테릭 */ font-style: var(--subItalic, normal); /* 밑줄 */ text-decoration: var(--subUnderline, none); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-head{ background-image: var(--subHeadFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]){ background-image: var(--subBarFileUrl); background-color: var(--subBackColor); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-tail{ background-image: var(--subTailFileUrl); } /* 상위메뉴 마우스 오버*/ .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > a{ /* 글꼴 */ font-family: var(--topOverFontFamily) !important; /* 글자크기 */ font-size: var(--topOverFontSize) !important; /* 글자색 */ color: var(--topOverFontColor) !important; /* 굵게 */ font-weight: var(--topOverBold, normal) !important; /* 이테릭 */ font-style: var(--topOverItalic, normal) !important; /* 밑줄 */ text-decoration: var(--topOverUnderline, none) !important; } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-head{ background-image: var(--topOverHeadFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"]{ background-image: var(--topOverBarFileUrl); background-color: var(--topOverBackColor); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-tail{ background-image: var(--topOverTailFileUrl); } /* 하위 메뉴 마우스 오버*/ .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > a{ /* 글꼴 */ font-family: var(--subOverFontFamily) !important; /* 글자크기 */ font-size: var(--subOverFontSize) !important; /* 글자색 */ color: var(--subOverFontColor) !important; /* 굵게 */ font-weight: var(--subOverBold, normal) !important; /* 이테릭 */ font-style: var(--subOverItalic, normal) !important; /* 밑줄 */ text-decoration: var(--subOverUnderline, none) !important; } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-head{ background-image: var(--subOverHeadFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"]{ background-image: var(--subOverBarFileUrl); background-color: var(--subOverBackColor); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-tail{ background-image: var(--subOverTailFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper { height: var(--rootHeight); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper { display: flex; align-items: center; } .WebMenuAtom[data-menu-type="tab"] a { white-space: nowrap; } .WebMenuAtom[data-menu-type="tab"] .content-wrapper[data-lv='1'] { height: 30px; }}/* ============================ 모바일 전용 햄버거 메뉴 ============================ */@media screen and (max-width: 1229px) { #탭메뉴1.hamburger-hide { display: none } /* 햄버거메뉴 버튼 크기만큼 메뉴를 밑으로 내려줘야함. 메뉴 크기가 지금 65px 고정으로 되어있는데, 변경되면 이 값도 수정해주기 */ #탭메뉴1 { margin-top: 65px; } #탭메뉴1 > ul { border: solid rgb(51, 51, 51) 1px; } #탭메뉴1 .content-wrapper[data-lv="1"] { border-bottom : solid 1px rgb(239, 239, 239); } #탭메뉴1 .dropdown-content { border-bottom: solid 1px rgb(239, 239, 239); } .WebMenuAtom[data-menu-type="drop"] .content-wrapper { height: 45px !important; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] a { text-decoration: none; /* 밑줄 제거*/ display: block; font-size: 15px; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper > .dropbtn, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper > .dropbtn { font-size: 16px; color: #333333; padding: 0px 0px; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper > .dropbtn { min-width: 100px; /* 최소 사이즈*/ display: none; /* 기본 숨김처리*/ z-index: 1; width: 100%; /*margin-left: 10px;*/ } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content a { color: #333333; /*폰트 색*/ padding: 0px 16px; /* 서브 메뉴 패팅*/ } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] ul, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] ul { list-style: none; /* 원형 아이콘 제거*/ vertical-align: middle; /*글자 정렬*/ padding : 0; /*아이콘 패딩 제거*/ } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content.unfold, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content.unfold { display: block !important; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper { background-size: 100% 100%; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper a, .content-wrapper div { display: inline-block; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper div, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper div { width: 16px; height: 16px; background-size: 100% 100%; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper { height: var(--topMenuHeight, unset); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper { height: var(--subMenuHeight, unset); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper > *, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper > *{ position: relative; top: 50%; transform: translateY(-50%); } /* 상위메뉴 */ .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > a{ /* 글꼴 */ font-family: var(--topFontFamily); /* 글자크기 */ font-size: var(--topFontSize); /* 글자색 */ color: var(--topFontColor); /* 굵게 */ font-weight: var(--topBold, normal); /* 이테릭 */ font-style: var(--topItalic, normal); /* 밑줄 */ text-decoration: var(--topUnderline, none); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-head, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-head{ background-image: var(--topHeadFileUrl); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]), .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]){ background-image: var(--topBarFileUrl); background-color: var(--topBackColor); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-tail, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-tail{ background-image: var(--topTailFileUrl); } /* 하위메뉴 */ .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > a { /* 글꼴 */ font-family: var(--subFontFamily); /* 글자크기 */ font-size: var(--subFontSize); /* 글자색 */ color: var(--subFontColor); /* 굵게 */ font-weight: var(--subBold, normal); /* 이테릭 */ font-style: var(--subItalic, normal); /* 밑줄 */ text-decoration: var(--subUnderline, none); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-head, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-head { background-image: var(--subHeadFileUrl); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]), .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]){ background-image: var(--subBarFileUrl); background-color: var(--subBackColor); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-tail, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-tail{ background-image: var(--subTailFileUrl); } /* 상위메뉴 마우스 오버*/ .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > a{ /* 글꼴 */ font-family: var(--topOverFontFamily) !important; /* 글자크기 */ font-size: var(--topOverFontSize) !important; /* 글자색 */ color: var(--topOverFontColor) !important; /* 굵게 */ font-weight: var(--topOverBold, normal) !important; /* 이테릭 */ font-style: var(--topOverItalic, normal) !important; /* 밑줄 */ text-decoration: var(--topOverUnderline, none) !important; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-head, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-head{ background-image: var(--topOverHeadFileUrl); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"], .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"]{ background-image: var(--topOverBarFileUrl); background-color: var(--topOverBackColor); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-tail, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-tail{ background-image: var(--topOverTailFileUrl); } /* 하위 메뉴 마우스 오버*/ .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > a{ /* 글꼴 */ font-family: var(--subOverFontFamily) !important; /* 글자크기 */ font-size: var(--subOverFontSize) !important; /* 글자색 */ color: var(--subOverFontColor) !important; /* 굵게 */ font-weight: var(--subOverBold, normal) !important; /* 이테릭 */ font-style: var(--subOverItalic, normal) !important; /* 밑줄 */ text-decoration: var(--subOverUnderline, none) !important; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-head, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-head{ background-image: var(--subOverHeadFileUrl); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"], .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"]{ background-image: var(--subOverBarFileUrl); background-color: var(--subOverBackColor); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-tail, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-tail{ background-image: var(--subOverTailFileUrl); } #탭메뉴1 .content-wrapper { height: 30px; }}@media screen and (min-width: 1230px) { /* 햄버거 메뉴 버튼 감추기 */ #탭메뉴1_button.Hamburger-Button { display: none; } .WebMenuAtom[data-menu-type="tab"] a { text-decoration: none; /* 밑줄 제거*/ display: block; font-size: 15px; } .WebMenuAtom[data-menu-type="tab"] .dropdown { float: left; padding-right: var(--nItemSpacing); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content { padding-top: var(--nTopOffset) !important; } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper > .dropbtn { font-size: 16px; color: #333333; padding: 0px 0px; } .WebMenuAtom[data-menu-type="tab"] .dropdown-content { min-width: 200px; /* 최소 사이즈*/ display: none; /* 기본 숨김처리*/ position: absolute; /* 위치 고정*/ z-index: 1; } .WebMenuAtom[data-menu-type="tab"] .dropdown-content a { color: #333333; /*폰트 색*/ padding: 12px 0px; /* 서브 메뉴 패팅*/ } .WebMenuAtom[data-menu-type="tab"] ul { list-style: none; /* 원형 아이콘 제거*/ vertical-align: middle; /*글자 정렬*/ padding : 0; /*아이콘 패딩 제거*/ } .WebMenuAtom[data-menu-type="tab"] li, .WebMenuAtom[data-menu-type="tab"] ul.nav { float: left; } .WebMenuAtom[data-menu-type="tab"] .dropdown-content.unfold { display: block !important; } .WebMenuAtom[data-menu-type="tab"] div.content-wrapper { background-size: 100% 100%; } .WebMenuAtom[data-menu-type="tab"] .content-wrapper a,.content-wrapper div { display: inline-block; } .WebMenuAtom[data-menu-type="tab"] .content-wrapper div { width: 16px; height: 16px; background-size: 100% 100%; } .WebMenuAtom[data-menu-type="tab"] .tab-menu-center { margin-left: -50%; } /* 상위메뉴 */ .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover=""]) > a{ /* 글꼴 */ font-family: var(--topFontFamily); /* 글자크기 */ font-size: var(--topFontSize); /* 글자색 */ color: var(--topFontColor); /* 굵게 */ font-weight: var(--topBold, normal); /* 이테릭 */ font-style: var(--topItalic, normal); /* 밑줄 */ text-decoration: var(--topUnderline, none); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-head{ background-image: var(--topHeadFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]){ background-image: var(--topBarFileUrl); background-color: var(--topBackColor); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-tail{ background-image: var(--topTailFileUrl); } /* 하위메뉴 */ .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > a{ /* 글꼴 */ font-family: var(--subFontFamily); /* 글자크기 */ font-size: var(--subFontSize); /* 글자색 */ color: var(--subFontColor); /* 굵게 */ font-weight: var(--subBold, normal); /* 이테릭 */ font-style: var(--subItalic, normal); /* 밑줄 */ text-decoration: var(--subUnderline, none); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-head{ background-image: var(--subHeadFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]){ background-image: var(--subBarFileUrl); background-color: var(--subBackColor); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-tail{ background-image: var(--subTailFileUrl); } /* 상위메뉴 마우스 오버*/ .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > a{ /* 글꼴 */ font-family: var(--topOverFontFamily) !important; /* 글자크기 */ font-size: var(--topOverFontSize) !important; /* 글자색 */ color: var(--topOverFontColor) !important; /* 굵게 */ font-weight: var(--topOverBold, normal) !important; /* 이테릭 */ font-style: var(--topOverItalic, normal) !important; /* 밑줄 */ text-decoration: var(--topOverUnderline, none) !important; } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-head{ background-image: var(--topOverHeadFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"]{ background-image: var(--topOverBarFileUrl); background-color: var(--topOverBackColor); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-tail{ background-image: var(--topOverTailFileUrl); } /* 하위 메뉴 마우스 오버*/ .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > a{ /* 글꼴 */ font-family: var(--subOverFontFamily) !important; /* 글자크기 */ font-size: var(--subOverFontSize) !important; /* 글자색 */ color: var(--subOverFontColor) !important; /* 굵게 */ font-weight: var(--subOverBold, normal) !important; /* 이테릭 */ font-style: var(--subOverItalic, normal) !important; /* 밑줄 */ text-decoration: var(--subOverUnderline, none) !important; } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-head{ background-image: var(--subOverHeadFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"]{ background-image: var(--subOverBarFileUrl); background-color: var(--subOverBackColor); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-tail{ background-image: var(--subOverTailFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper { height: var(--rootHeight); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper { display: flex; align-items: center; } .WebMenuAtom[data-menu-type="tab"] a { white-space: nowrap; } .WebMenuAtom[data-menu-type="tab"] .content-wrapper[data-lv='1'] { height: 30px; }}/* ============================ 모바일 전용 햄버거 메뉴 ============================ */@media screen and (max-width: 1229px) { #탭메뉴1.hamburger-hide { display: none } /* 햄버거메뉴 버튼 크기만큼 메뉴를 밑으로 내려줘야함. 메뉴 크기가 지금 65px 고정으로 되어있는데, 변경되면 이 값도 수정해주기 */ #탭메뉴1 { margin-top: 65px; } #탭메뉴1 > ul { border: solid rgb(51, 51, 51) 1px; } #탭메뉴1 .content-wrapper[data-lv="1"] { border-bottom : solid 1px rgb(239, 239, 239); } #탭메뉴1 .dropdown-content { border-bottom: solid 1px rgb(239, 239, 239); } .WebMenuAtom[data-menu-type="drop"] .content-wrapper { height: 45px !important; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] a { text-decoration: none; /* 밑줄 제거*/ display: block; font-size: 15px; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper > .dropbtn, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper > .dropbtn { font-size: 16px; color: #333333; padding: 0px 0px; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper > .dropbtn { min-width: 100px; /* 최소 사이즈*/ display: none; /* 기본 숨김처리*/ z-index: 1; width: 100%; /*margin-left: 10px;*/ } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content a { color: #333333; /*폰트 색*/ padding: 0px 16px; /* 서브 메뉴 패팅*/ } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] ul, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] ul { list-style: none; /* 원형 아이콘 제거*/ vertical-align: middle; /*글자 정렬*/ padding : 0; /*아이콘 패딩 제거*/ } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content.unfold, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content.unfold { display: block !important; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper { background-size: 100% 100%; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper a, .content-wrapper div { display: inline-block; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper div, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper div { width: 16px; height: 16px; background-size: 100% 100%; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper { height: var(--topMenuHeight, unset); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper { height: var(--subMenuHeight, unset); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper > *, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper > *{ position: relative; top: 50%; transform: translateY(-50%); } /* 상위메뉴 */ .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > a{ /* 글꼴 */ font-family: var(--topFontFamily); /* 글자크기 */ font-size: var(--topFontSize); /* 글자색 */ color: var(--topFontColor); /* 굵게 */ font-weight: var(--topBold, normal); /* 이테릭 */ font-style: var(--topItalic, normal); /* 밑줄 */ text-decoration: var(--topUnderline, none); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-head, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-head{ background-image: var(--topHeadFileUrl); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]), .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]){ background-image: var(--topBarFileUrl); background-color: var(--topBackColor); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-tail, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-tail{ background-image: var(--topTailFileUrl); } /* 하위메뉴 */ .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > a { /* 글꼴 */ font-family: var(--subFontFamily); /* 글자크기 */ font-size: var(--subFontSize); /* 글자색 */ color: var(--subFontColor); /* 굵게 */ font-weight: var(--subBold, normal); /* 이테릭 */ font-style: var(--subItalic, normal); /* 밑줄 */ text-decoration: var(--subUnderline, none); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-head, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-head { background-image: var(--subHeadFileUrl); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]), .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]){ background-image: var(--subBarFileUrl); background-color: var(--subBackColor); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-tail, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-tail{ background-image: var(--subTailFileUrl); } /* 상위메뉴 마우스 오버*/ .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > a{ /* 글꼴 */ font-family: var(--topOverFontFamily) !important; /* 글자크기 */ font-size: var(--topOverFontSize) !important; /* 글자색 */ color: var(--topOverFontColor) !important; /* 굵게 */ font-weight: var(--topOverBold, normal) !important; /* 이테릭 */ font-style: var(--topOverItalic, normal) !important; /* 밑줄 */ text-decoration: var(--topOverUnderline, none) !important; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-head, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-head{ background-image: var(--topOverHeadFileUrl); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"], .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"]{ background-image: var(--topOverBarFileUrl); background-color: var(--topOverBackColor); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-tail, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-tail{ background-image: var(--topOverTailFileUrl); } /* 하위 메뉴 마우스 오버*/ .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > a{ /* 글꼴 */ font-family: var(--subOverFontFamily) !important; /* 글자크기 */ font-size: var(--subOverFontSize) !important; /* 글자색 */ color: var(--subOverFontColor) !important; /* 굵게 */ font-weight: var(--subOverBold, normal) !important; /* 이테릭 */ font-style: var(--subOverItalic, normal) !important; /* 밑줄 */ text-decoration: var(--subOverUnderline, none) !important; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-head, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-head{ background-image: var(--subOverHeadFileUrl); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"], .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"]{ background-image: var(--subOverBarFileUrl); background-color: var(--subOverBackColor); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-tail, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-tail{ background-image: var(--subOverTailFileUrl); } #탭메뉴1 .content-wrapper { height: 30px; }}@media screen and (min-width: 1230px) { /* 햄버거 메뉴 버튼 감추기 */ #탭메뉴1_button.Hamburger-Button { display: none; } .WebMenuAtom[data-menu-type="tab"] a { text-decoration: none; /* 밑줄 제거*/ display: block; font-size: 15px; } .WebMenuAtom[data-menu-type="tab"] .dropdown { float: left; padding-right: var(--nItemSpacing); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content { padding-top: var(--nTopOffset) !important; } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper > .dropbtn { font-size: 16px; color: #333333; padding: 0px 0px; } .WebMenuAtom[data-menu-type="tab"] .dropdown-content { min-width: 200px; /* 최소 사이즈*/ display: none; /* 기본 숨김처리*/ position: absolute; /* 위치 고정*/ z-index: 1; } .WebMenuAtom[data-menu-type="tab"] .dropdown-content a { color: #333333; /*폰트 색*/ padding: 12px 0px; /* 서브 메뉴 패팅*/ } .WebMenuAtom[data-menu-type="tab"] ul { list-style: none; /* 원형 아이콘 제거*/ vertical-align: middle; /*글자 정렬*/ padding : 0; /*아이콘 패딩 제거*/ } .WebMenuAtom[data-menu-type="tab"] li, .WebMenuAtom[data-menu-type="tab"] ul.nav { float: left; } .WebMenuAtom[data-menu-type="tab"] .dropdown-content.unfold { display: block !important; } .WebMenuAtom[data-menu-type="tab"] div.content-wrapper { background-size: 100% 100%; } .WebMenuAtom[data-menu-type="tab"] .content-wrapper a,.content-wrapper div { display: inline-block; } .WebMenuAtom[data-menu-type="tab"] .content-wrapper div { width: 16px; height: 16px; background-size: 100% 100%; } .WebMenuAtom[data-menu-type="tab"] .tab-menu-center { margin-left: -50%; } /* 상위메뉴 */ .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover=""]) > a{ /* 글꼴 */ font-family: var(--topFontFamily); /* 글자크기 */ font-size: var(--topFontSize); /* 글자색 */ color: var(--topFontColor); /* 굵게 */ font-weight: var(--topBold, normal); /* 이테릭 */ font-style: var(--topItalic, normal); /* 밑줄 */ text-decoration: var(--topUnderline, none); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-head{ background-image: var(--topHeadFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]){ background-image: var(--topBarFileUrl); background-color: var(--topBackColor); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-tail{ background-image: var(--topTailFileUrl); } /* 하위메뉴 */ .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > a{ /* 글꼴 */ font-family: var(--subFontFamily); /* 글자크기 */ font-size: var(--subFontSize); /* 글자색 */ color: var(--subFontColor); /* 굵게 */ font-weight: var(--subBold, normal); /* 이테릭 */ font-style: var(--subItalic, normal); /* 밑줄 */ text-decoration: var(--subUnderline, none); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-head{ background-image: var(--subHeadFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]){ background-image: var(--subBarFileUrl); background-color: var(--subBackColor); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-tail{ background-image: var(--subTailFileUrl); } /* 상위메뉴 마우스 오버*/ .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > a{ /* 글꼴 */ font-family: var(--topOverFontFamily) !important; /* 글자크기 */ font-size: var(--topOverFontSize) !important; /* 글자색 */ color: var(--topOverFontColor) !important; /* 굵게 */ font-weight: var(--topOverBold, normal) !important; /* 이테릭 */ font-style: var(--topOverItalic, normal) !important; /* 밑줄 */ text-decoration: var(--topOverUnderline, none) !important; } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-head{ background-image: var(--topOverHeadFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"]{ background-image: var(--topOverBarFileUrl); background-color: var(--topOverBackColor); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-tail{ background-image: var(--topOverTailFileUrl); } /* 하위 메뉴 마우스 오버*/ .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > a{ /* 글꼴 */ font-family: var(--subOverFontFamily) !important; /* 글자크기 */ font-size: var(--subOverFontSize) !important; /* 글자색 */ color: var(--subOverFontColor) !important; /* 굵게 */ font-weight: var(--subOverBold, normal) !important; /* 이테릭 */ font-style: var(--subOverItalic, normal) !important; /* 밑줄 */ text-decoration: var(--subOverUnderline, none) !important; } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-head{ background-image: var(--subOverHeadFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"]{ background-image: var(--subOverBarFileUrl); background-color: var(--subOverBackColor); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-tail{ background-image: var(--subOverTailFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper { height: var(--rootHeight); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper { display: flex; align-items: center; } .WebMenuAtom[data-menu-type="tab"] a { white-space: nowrap; } .WebMenuAtom[data-menu-type="tab"] .content-wrapper[data-lv='1'] { height: 30px; }}/* ============================ 모바일 전용 햄버거 메뉴 ============================ */@media screen and (max-width: 1229px) { #탭메뉴1.hamburger-hide { display: none } /* 햄버거메뉴 버튼 크기만큼 메뉴를 밑으로 내려줘야함. 메뉴 크기가 지금 65px 고정으로 되어있는데, 변경되면 이 값도 수정해주기 */ #탭메뉴1 { margin-top: 65px; } #탭메뉴1 > ul { border: solid rgb(51, 51, 51) 1px; } #탭메뉴1 .content-wrapper[data-lv="1"] { border-bottom : solid 1px rgb(239, 239, 239); } #탭메뉴1 .dropdown-content { border-bottom: solid 1px rgb(239, 239, 239); } .WebMenuAtom[data-menu-type="drop"] .content-wrapper { height: 45px !important; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] a { text-decoration: none; /* 밑줄 제거*/ display: block; font-size: 15px; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper > .dropbtn, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper > .dropbtn { font-size: 16px; color: #333333; padding: 0px 0px; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper > .dropbtn { min-width: 100px; /* 최소 사이즈*/ display: none; /* 기본 숨김처리*/ z-index: 1; width: 100%; /*margin-left: 10px;*/ } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content a { color: #333333; /*폰트 색*/ padding: 0px 16px; /* 서브 메뉴 패팅*/ } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] ul, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] ul { list-style: none; /* 원형 아이콘 제거*/ vertical-align: middle; /*글자 정렬*/ padding : 0; /*아이콘 패딩 제거*/ } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content.unfold, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content.unfold { display: block !important; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper { background-size: 100% 100%; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper a, .content-wrapper div { display: inline-block; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper div, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper div { width: 16px; height: 16px; background-size: 100% 100%; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper { height: var(--topMenuHeight, unset); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper { height: var(--subMenuHeight, unset); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper > *, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper > *{ position: relative; top: 50%; transform: translateY(-50%); } /* 상위메뉴 */ .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > a{ /* 글꼴 */ font-family: var(--topFontFamily); /* 글자크기 */ font-size: var(--topFontSize); /* 글자색 */ color: var(--topFontColor); /* 굵게 */ font-weight: var(--topBold, normal); /* 이테릭 */ font-style: var(--topItalic, normal); /* 밑줄 */ text-decoration: var(--topUnderline, none); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-head, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-head{ background-image: var(--topHeadFileUrl); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]), .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]){ background-image: var(--topBarFileUrl); background-color: var(--topBackColor); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-tail, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-tail{ background-image: var(--topTailFileUrl); } /* 하위메뉴 */ .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > a { /* 글꼴 */ font-family: var(--subFontFamily); /* 글자크기 */ font-size: var(--subFontSize); /* 글자색 */ color: var(--subFontColor); /* 굵게 */ font-weight: var(--subBold, normal); /* 이테릭 */ font-style: var(--subItalic, normal); /* 밑줄 */ text-decoration: var(--subUnderline, none); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-head, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-head { background-image: var(--subHeadFileUrl); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]), .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]){ background-image: var(--subBarFileUrl); background-color: var(--subBackColor); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-tail, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-tail{ background-image: var(--subTailFileUrl); } /* 상위메뉴 마우스 오버*/ .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > a{ /* 글꼴 */ font-family: var(--topOverFontFamily) !important; /* 글자크기 */ font-size: var(--topOverFontSize) !important; /* 글자색 */ color: var(--topOverFontColor) !important; /* 굵게 */ font-weight: var(--topOverBold, normal) !important; /* 이테릭 */ font-style: var(--topOverItalic, normal) !important; /* 밑줄 */ text-decoration: var(--topOverUnderline, none) !important; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-head, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-head{ background-image: var(--topOverHeadFileUrl); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"], .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"]{ background-image: var(--topOverBarFileUrl); background-color: var(--topOverBackColor); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-tail, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-tail{ background-image: var(--topOverTailFileUrl); } /* 하위 메뉴 마우스 오버*/ .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > a{ /* 글꼴 */ font-family: var(--subOverFontFamily) !important; /* 글자크기 */ font-size: var(--subOverFontSize) !important; /* 글자색 */ color: var(--subOverFontColor) !important; /* 굵게 */ font-weight: var(--subOverBold, normal) !important; /* 이테릭 */ font-style: var(--subOverItalic, normal) !important; /* 밑줄 */ text-decoration: var(--subOverUnderline, none) !important; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-head, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-head{ background-image: var(--subOverHeadFileUrl); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"], .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"]{ background-image: var(--subOverBarFileUrl); background-color: var(--subOverBackColor); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-tail, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-tail{ background-image: var(--subOverTailFileUrl); } #탭메뉴1 .content-wrapper { height: 30px; }}@media screen and (min-width: 1230px) { /* 햄버거 메뉴 버튼 감추기 */ #탭메뉴1_button.Hamburger-Button { display: none; } .WebMenuAtom[data-menu-type="tab"] a { text-decoration: none; /* 밑줄 제거*/ display: block; font-size: 15px; } .WebMenuAtom[data-menu-type="tab"] .dropdown { float: left; padding-right: var(--nItemSpacing); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content { padding-top: var(--nTopOffset) !important; } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper > .dropbtn { font-size: 16px; color: #333333; padding: 0px 0px; } .WebMenuAtom[data-menu-type="tab"] .dropdown-content { min-width: 200px; /* 최소 사이즈*/ display: none; /* 기본 숨김처리*/ position: absolute; /* 위치 고정*/ z-index: 1; } .WebMenuAtom[data-menu-type="tab"] .dropdown-content a { color: #333333; /*폰트 색*/ padding: 12px 0px; /* 서브 메뉴 패팅*/ } .WebMenuAtom[data-menu-type="tab"] ul { list-style: none; /* 원형 아이콘 제거*/ vertical-align: middle; /*글자 정렬*/ padding : 0; /*아이콘 패딩 제거*/ } .WebMenuAtom[data-menu-type="tab"] li, .WebMenuAtom[data-menu-type="tab"] ul.nav { float: left; } .WebMenuAtom[data-menu-type="tab"] .dropdown-content.unfold { display: block !important; } .WebMenuAtom[data-menu-type="tab"] div.content-wrapper { background-size: 100% 100%; } .WebMenuAtom[data-menu-type="tab"] .content-wrapper a,.content-wrapper div { display: inline-block; } .WebMenuAtom[data-menu-type="tab"] .content-wrapper div { width: 16px; height: 16px; background-size: 100% 100%; } .WebMenuAtom[data-menu-type="tab"] .tab-menu-center { margin-left: -50%; } /* 상위메뉴 */ .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover=""]) > a{ /* 글꼴 */ font-family: var(--topFontFamily); /* 글자크기 */ font-size: var(--topFontSize); /* 글자색 */ color: var(--topFontColor); /* 굵게 */ font-weight: var(--topBold, normal); /* 이테릭 */ font-style: var(--topItalic, normal); /* 밑줄 */ text-decoration: var(--topUnderline, none); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-head{ background-image: var(--topHeadFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]){ background-image: var(--topBarFileUrl); background-color: var(--topBackColor); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-tail{ background-image: var(--topTailFileUrl); } /* 하위메뉴 */ .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > a{ /* 글꼴 */ font-family: var(--subFontFamily); /* 글자크기 */ font-size: var(--subFontSize); /* 글자색 */ color: var(--subFontColor); /* 굵게 */ font-weight: var(--subBold, normal); /* 이테릭 */ font-style: var(--subItalic, normal); /* 밑줄 */ text-decoration: var(--subUnderline, none); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-head{ background-image: var(--subHeadFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]){ background-image: var(--subBarFileUrl); background-color: var(--subBackColor); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-tail{ background-image: var(--subTailFileUrl); } /* 상위메뉴 마우스 오버*/ .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > a{ /* 글꼴 */ font-family: var(--topOverFontFamily) !important; /* 글자크기 */ font-size: var(--topOverFontSize) !important; /* 글자색 */ color: var(--topOverFontColor) !important; /* 굵게 */ font-weight: var(--topOverBold, normal) !important; /* 이테릭 */ font-style: var(--topOverItalic, normal) !important; /* 밑줄 */ text-decoration: var(--topOverUnderline, none) !important; } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-head{ background-image: var(--topOverHeadFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"]{ background-image: var(--topOverBarFileUrl); background-color: var(--topOverBackColor); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-tail{ background-image: var(--topOverTailFileUrl); } /* 하위 메뉴 마우스 오버*/ .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > a{ /* 글꼴 */ font-family: var(--subOverFontFamily) !important; /* 글자크기 */ font-size: var(--subOverFontSize) !important; /* 글자색 */ color: var(--subOverFontColor) !important; /* 굵게 */ font-weight: var(--subOverBold, normal) !important; /* 이테릭 */ font-style: var(--subOverItalic, normal) !important; /* 밑줄 */ text-decoration: var(--subOverUnderline, none) !important; } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-head{ background-image: var(--subOverHeadFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"]{ background-image: var(--subOverBarFileUrl); background-color: var(--subOverBackColor); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-tail{ background-image: var(--subOverTailFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper { height: var(--rootHeight); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper { display: flex; align-items: center; } .WebMenuAtom[data-menu-type="tab"] a { white-space: nowrap; } .WebMenuAtom[data-menu-type="tab"] .content-wrapper[data-lv='1'] { height: 30px; }}/* ============================ 모바일 전용 햄버거 메뉴 ============================ */@media screen and (max-width: 1229px) { #탭메뉴1.hamburger-hide { display: none } /* 햄버거메뉴 버튼 크기만큼 메뉴를 밑으로 내려줘야함. 메뉴 크기가 지금 65px 고정으로 되어있는데, 변경되면 이 값도 수정해주기 */ #탭메뉴1 { margin-top: 65px; } #탭메뉴1 > ul { border: solid rgb(51, 51, 51) 1px; } #탭메뉴1 .content-wrapper[data-lv="1"] { border-bottom : solid 1px rgb(239, 239, 239); } #탭메뉴1 .dropdown-content { border-bottom: solid 1px rgb(239, 239, 239); } .WebMenuAtom[data-menu-type="drop"] .content-wrapper { height: 45px !important; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] a { text-decoration: none; /* 밑줄 제거*/ display: block; font-size: 15px; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper > .dropbtn, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper > .dropbtn { font-size: 16px; color: #333333; padding: 0px 0px; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper > .dropbtn { min-width: 100px; /* 최소 사이즈*/ display: none; /* 기본 숨김처리*/ z-index: 1; width: 100%; /*margin-left: 10px;*/ } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content a { color: #333333; /*폰트 색*/ padding: 0px 16px; /* 서브 메뉴 패팅*/ } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] ul, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] ul { list-style: none; /* 원형 아이콘 제거*/ vertical-align: middle; /*글자 정렬*/ padding : 0; /*아이콘 패딩 제거*/ } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content.unfold, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content.unfold { display: block !important; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper { background-size: 100% 100%; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper a, .content-wrapper div { display: inline-block; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper div, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper div { width: 16px; height: 16px; background-size: 100% 100%; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper { height: var(--topMenuHeight, unset); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper { height: var(--subMenuHeight, unset); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper > *, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper > *{ position: relative; top: 50%; transform: translateY(-50%); } /* 상위메뉴 */ .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > a{ /* 글꼴 */ font-family: var(--topFontFamily); /* 글자크기 */ font-size: var(--topFontSize); /* 글자색 */ color: var(--topFontColor); /* 굵게 */ font-weight: var(--topBold, normal); /* 이테릭 */ font-style: var(--topItalic, normal); /* 밑줄 */ text-decoration: var(--topUnderline, none); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-head, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-head{ background-image: var(--topHeadFileUrl); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]), .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]){ background-image: var(--topBarFileUrl); background-color: var(--topBackColor); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-tail, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-tail{ background-image: var(--topTailFileUrl); } /* 하위메뉴 */ .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > a { /* 글꼴 */ font-family: var(--subFontFamily); /* 글자크기 */ font-size: var(--subFontSize); /* 글자색 */ color: var(--subFontColor); /* 굵게 */ font-weight: var(--subBold, normal); /* 이테릭 */ font-style: var(--subItalic, normal); /* 밑줄 */ text-decoration: var(--subUnderline, none); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-head, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-head { background-image: var(--subHeadFileUrl); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]), .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]){ background-image: var(--subBarFileUrl); background-color: var(--subBackColor); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-tail, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-tail{ background-image: var(--subTailFileUrl); } /* 상위메뉴 마우스 오버*/ .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > a{ /* 글꼴 */ font-family: var(--topOverFontFamily) !important; /* 글자크기 */ font-size: var(--topOverFontSize) !important; /* 글자색 */ color: var(--topOverFontColor) !important; /* 굵게 */ font-weight: var(--topOverBold, normal) !important; /* 이테릭 */ font-style: var(--topOverItalic, normal) !important; /* 밑줄 */ text-decoration: var(--topOverUnderline, none) !important; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-head, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-head{ background-image: var(--topOverHeadFileUrl); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"], .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"]{ background-image: var(--topOverBarFileUrl); background-color: var(--topOverBackColor); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-tail, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-tail{ background-image: var(--topOverTailFileUrl); } /* 하위 메뉴 마우스 오버*/ .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > a{ /* 글꼴 */ font-family: var(--subOverFontFamily) !important; /* 글자크기 */ font-size: var(--subOverFontSize) !important; /* 글자색 */ color: var(--subOverFontColor) !important; /* 굵게 */ font-weight: var(--subOverBold, normal) !important; /* 이테릭 */ font-style: var(--subOverItalic, normal) !important; /* 밑줄 */ text-decoration: var(--subOverUnderline, none) !important; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-head, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-head{ background-image: var(--subOverHeadFileUrl); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"], .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"]{ background-image: var(--subOverBarFileUrl); background-color: var(--subOverBackColor); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-tail, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-tail{ background-image: var(--subOverTailFileUrl); } #탭메뉴1 .content-wrapper { height: 30px; }}@media screen and (min-width: 1230px) { /* 햄버거 메뉴 버튼 감추기 */ #탭메뉴1_button.Hamburger-Button { display: none; } .WebMenuAtom[data-menu-type="tab"] a { text-decoration: none; /* 밑줄 제거*/ display: block; font-size: 15px; } .WebMenuAtom[data-menu-type="tab"] .dropdown { float: left; padding-right: var(--nItemSpacing); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content { padding-top: var(--nTopOffset) !important; } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper > .dropbtn { font-size: 16px; color: #333333; padding: 0px 0px; } .WebMenuAtom[data-menu-type="tab"] .dropdown-content { min-width: 200px; /* 최소 사이즈*/ display: none; /* 기본 숨김처리*/ position: absolute; /* 위치 고정*/ z-index: 1; } .WebMenuAtom[data-menu-type="tab"] .dropdown-content a { color: #333333; /*폰트 색*/ padding: 12px 0px; /* 서브 메뉴 패팅*/ } .WebMenuAtom[data-menu-type="tab"] ul { list-style: none; /* 원형 아이콘 제거*/ vertical-align: middle; /*글자 정렬*/ padding : 0; /*아이콘 패딩 제거*/ } .WebMenuAtom[data-menu-type="tab"] li, .WebMenuAtom[data-menu-type="tab"] ul.nav { float: left; } .WebMenuAtom[data-menu-type="tab"] .dropdown-content.unfold { display: block !important; } .WebMenuAtom[data-menu-type="tab"] div.content-wrapper { background-size: 100% 100%; } .WebMenuAtom[data-menu-type="tab"] .content-wrapper a,.content-wrapper div { display: inline-block; } .WebMenuAtom[data-menu-type="tab"] .content-wrapper div { width: 16px; height: 16px; background-size: 100% 100%; } .WebMenuAtom[data-menu-type="tab"] .tab-menu-center { margin-left: -50%; } /* 상위메뉴 */ .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover=""]) > a{ /* 글꼴 */ font-family: var(--topFontFamily); /* 글자크기 */ font-size: var(--topFontSize); /* 글자색 */ color: var(--topFontColor); /* 굵게 */ font-weight: var(--topBold, normal); /* 이테릭 */ font-style: var(--topItalic, normal); /* 밑줄 */ text-decoration: var(--topUnderline, none); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-head{ background-image: var(--topHeadFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]){ background-image: var(--topBarFileUrl); background-color: var(--topBackColor); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-tail{ background-image: var(--topTailFileUrl); } /* 하위메뉴 */ .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > a{ /* 글꼴 */ font-family: var(--subFontFamily); /* 글자크기 */ font-size: var(--subFontSize); /* 글자색 */ color: var(--subFontColor); /* 굵게 */ font-weight: var(--subBold, normal); /* 이테릭 */ font-style: var(--subItalic, normal); /* 밑줄 */ text-decoration: var(--subUnderline, none); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-head{ background-image: var(--subHeadFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]){ background-image: var(--subBarFileUrl); background-color: var(--subBackColor); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-tail{ background-image: var(--subTailFileUrl); } /* 상위메뉴 마우스 오버*/ .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > a{ /* 글꼴 */ font-family: var(--topOverFontFamily) !important; /* 글자크기 */ font-size: var(--topOverFontSize) !important; /* 글자색 */ color: var(--topOverFontColor) !important; /* 굵게 */ font-weight: var(--topOverBold, normal) !important; /* 이테릭 */ font-style: var(--topOverItalic, normal) !important; /* 밑줄 */ text-decoration: var(--topOverUnderline, none) !important; } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-head{ background-image: var(--topOverHeadFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"]{ background-image: var(--topOverBarFileUrl); background-color: var(--topOverBackColor); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-tail{ background-image: var(--topOverTailFileUrl); } /* 하위 메뉴 마우스 오버*/ .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > a{ /* 글꼴 */ font-family: var(--subOverFontFamily) !important; /* 글자크기 */ font-size: var(--subOverFontSize) !important; /* 글자색 */ color: var(--subOverFontColor) !important; /* 굵게 */ font-weight: var(--subOverBold, normal) !important; /* 이테릭 */ font-style: var(--subOverItalic, normal) !important; /* 밑줄 */ text-decoration: var(--subOverUnderline, none) !important; } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-head{ background-image: var(--subOverHeadFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"]{ background-image: var(--subOverBarFileUrl); background-color: var(--subOverBackColor); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-tail{ background-image: var(--subOverTailFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper { height: var(--rootHeight); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper { display: flex; align-items: center; } .WebMenuAtom[data-menu-type="tab"] a { white-space: nowrap; } .WebMenuAtom[data-menu-type="tab"] .content-wrapper[data-lv='1'] { height: 30px; }}/* ============================ 모바일 전용 햄버거 메뉴 ============================ */@media screen and (max-width: 1229px) { #탭메뉴1.hamburger-hide { display: none } /* 햄버거메뉴 버튼 크기만큼 메뉴를 밑으로 내려줘야함. 메뉴 크기가 지금 65px 고정으로 되어있는데, 변경되면 이 값도 수정해주기 */ #탭메뉴1 { margin-top: 65px; } #탭메뉴1 > ul { border: solid rgb(51, 51, 51) 1px; } #탭메뉴1 .content-wrapper[data-lv="1"] { border-bottom : solid 1px rgb(239, 239, 239); } #탭메뉴1 .dropdown-content { border-bottom: solid 1px rgb(239, 239, 239); } .WebMenuAtom[data-menu-type="drop"] .content-wrapper { height: 45px !important; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] a { text-decoration: none; /* 밑줄 제거*/ display: block; font-size: 15px; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper > .dropbtn, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper > .dropbtn { font-size: 16px; color: #333333; padding: 0px 0px; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper > .dropbtn { min-width: 100px; /* 최소 사이즈*/ display: none; /* 기본 숨김처리*/ z-index: 1; width: 100%; /*margin-left: 10px;*/ } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content a { color: #333333; /*폰트 색*/ padding: 0px 16px; /* 서브 메뉴 패팅*/ } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] ul, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] ul { list-style: none; /* 원형 아이콘 제거*/ vertical-align: middle; /*글자 정렬*/ padding : 0; /*아이콘 패딩 제거*/ } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content.unfold, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content.unfold { display: block !important; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper { background-size: 100% 100%; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper a, .content-wrapper div { display: inline-block; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper div, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper div { width: 16px; height: 16px; background-size: 100% 100%; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper { height: var(--topMenuHeight, unset); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper { height: var(--subMenuHeight, unset); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper > *, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper > *{ position: relative; top: 50%; transform: translateY(-50%); } /* 상위메뉴 */ .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > a{ /* 글꼴 */ font-family: var(--topFontFamily); /* 글자크기 */ font-size: var(--topFontSize); /* 글자색 */ color: var(--topFontColor); /* 굵게 */ font-weight: var(--topBold, normal); /* 이테릭 */ font-style: var(--topItalic, normal); /* 밑줄 */ text-decoration: var(--topUnderline, none); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-head, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-head{ background-image: var(--topHeadFileUrl); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]), .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]){ background-image: var(--topBarFileUrl); background-color: var(--topBackColor); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-tail, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-tail{ background-image: var(--topTailFileUrl); } /* 하위메뉴 */ .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > a { /* 글꼴 */ font-family: var(--subFontFamily); /* 글자크기 */ font-size: var(--subFontSize); /* 글자색 */ color: var(--subFontColor); /* 굵게 */ font-weight: var(--subBold, normal); /* 이테릭 */ font-style: var(--subItalic, normal); /* 밑줄 */ text-decoration: var(--subUnderline, none); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-head, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-head { background-image: var(--subHeadFileUrl); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]), .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]){ background-image: var(--subBarFileUrl); background-color: var(--subBackColor); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-tail, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-tail{ background-image: var(--subTailFileUrl); } /* 상위메뉴 마우스 오버*/ .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > a{ /* 글꼴 */ font-family: var(--topOverFontFamily) !important; /* 글자크기 */ font-size: var(--topOverFontSize) !important; /* 글자색 */ color: var(--topOverFontColor) !important; /* 굵게 */ font-weight: var(--topOverBold, normal) !important; /* 이테릭 */ font-style: var(--topOverItalic, normal) !important; /* 밑줄 */ text-decoration: var(--topOverUnderline, none) !important; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-head, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-head{ background-image: var(--topOverHeadFileUrl); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"], .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"]{ background-image: var(--topOverBarFileUrl); background-color: var(--topOverBackColor); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-tail, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-tail{ background-image: var(--topOverTailFileUrl); } /* 하위 메뉴 마우스 오버*/ .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > a{ /* 글꼴 */ font-family: var(--subOverFontFamily) !important; /* 글자크기 */ font-size: var(--subOverFontSize) !important; /* 글자색 */ color: var(--subOverFontColor) !important; /* 굵게 */ font-weight: var(--subOverBold, normal) !important; /* 이테릭 */ font-style: var(--subOverItalic, normal) !important; /* 밑줄 */ text-decoration: var(--subOverUnderline, none) !important; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-head, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-head{ background-image: var(--subOverHeadFileUrl); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"], .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"]{ background-image: var(--subOverBarFileUrl); background-color: var(--subOverBackColor); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-tail, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-tail{ background-image: var(--subOverTailFileUrl); } #탭메뉴1 .content-wrapper { height: 30px; }}@media screen and (min-width: 1230px) { /* 햄버거 메뉴 버튼 감추기 */ #탭메뉴1_button.Hamburger-Button { display: none; } .WebMenuAtom[data-menu-type="tab"] a { text-decoration: none; /* 밑줄 제거*/ display: block; font-size: 15px; } .WebMenuAtom[data-menu-type="tab"] .dropdown { float: left; padding-right: var(--nItemSpacing); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content { padding-top: var(--nTopOffset) !important; } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper > .dropbtn { font-size: 16px; color: #333333; padding: 0px 0px; } .WebMenuAtom[data-menu-type="tab"] .dropdown-content { min-width: 200px; /* 최소 사이즈*/ display: none; /* 기본 숨김처리*/ position: absolute; /* 위치 고정*/ z-index: 1; } .WebMenuAtom[data-menu-type="tab"] .dropdown-content a { color: #333333; /*폰트 색*/ padding: 12px 0px; /* 서브 메뉴 패팅*/ } .WebMenuAtom[data-menu-type="tab"] ul { list-style: none; /* 원형 아이콘 제거*/ vertical-align: middle; /*글자 정렬*/ padding : 0; /*아이콘 패딩 제거*/ } .WebMenuAtom[data-menu-type="tab"] li, .WebMenuAtom[data-menu-type="tab"] ul.nav { float: left; } .WebMenuAtom[data-menu-type="tab"] .dropdown-content.unfold { display: block !important; } .WebMenuAtom[data-menu-type="tab"] div.content-wrapper { background-size: 100% 100%; } .WebMenuAtom[data-menu-type="tab"] .content-wrapper a,.content-wrapper div { display: inline-block; } .WebMenuAtom[data-menu-type="tab"] .content-wrapper div { width: 16px; height: 16px; background-size: 100% 100%; } .WebMenuAtom[data-menu-type="tab"] .tab-menu-center { margin-left: -50%; } /* 상위메뉴 */ .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover=""]) > a{ /* 글꼴 */ font-family: var(--topFontFamily); /* 글자크기 */ font-size: var(--topFontSize); /* 글자색 */ color: var(--topFontColor); /* 굵게 */ font-weight: var(--topBold, normal); /* 이테릭 */ font-style: var(--topItalic, normal); /* 밑줄 */ text-decoration: var(--topUnderline, none); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-head{ background-image: var(--topHeadFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]){ background-image: var(--topBarFileUrl); background-color: var(--topBackColor); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-tail{ background-image: var(--topTailFileUrl); } /* 하위메뉴 */ .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > a{ /* 글꼴 */ font-family: var(--subFontFamily); /* 글자크기 */ font-size: var(--subFontSize); /* 글자색 */ color: var(--subFontColor); /* 굵게 */ font-weight: var(--subBold, normal); /* 이테릭 */ font-style: var(--subItalic, normal); /* 밑줄 */ text-decoration: var(--subUnderline, none); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-head{ background-image: var(--subHeadFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]){ background-image: var(--subBarFileUrl); background-color: var(--subBackColor); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-tail{ background-image: var(--subTailFileUrl); } /* 상위메뉴 마우스 오버*/ .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > a{ /* 글꼴 */ font-family: var(--topOverFontFamily) !important; /* 글자크기 */ font-size: var(--topOverFontSize) !important; /* 글자색 */ color: var(--topOverFontColor) !important; /* 굵게 */ font-weight: var(--topOverBold, normal) !important; /* 이테릭 */ font-style: var(--topOverItalic, normal) !important; /* 밑줄 */ text-decoration: var(--topOverUnderline, none) !important; } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-head{ background-image: var(--topOverHeadFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"]{ background-image: var(--topOverBarFileUrl); background-color: var(--topOverBackColor); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-tail{ background-image: var(--topOverTailFileUrl); } /* 하위 메뉴 마우스 오버*/ .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > a{ /* 글꼴 */ font-family: var(--subOverFontFamily) !important; /* 글자크기 */ font-size: var(--subOverFontSize) !important; /* 글자색 */ color: var(--subOverFontColor) !important; /* 굵게 */ font-weight: var(--subOverBold, normal) !important; /* 이테릭 */ font-style: var(--subOverItalic, normal) !important; /* 밑줄 */ text-decoration: var(--subOverUnderline, none) !important; } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-head{ background-image: var(--subOverHeadFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"]{ background-image: var(--subOverBarFileUrl); background-color: var(--subOverBackColor); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-tail{ background-image: var(--subOverTailFileUrl); } .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper { height: var(--rootHeight); } .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper { display: flex; align-items: center; } .WebMenuAtom[data-menu-type="tab"] a { white-space: nowrap; } .WebMenuAtom[data-menu-type="tab"] .content-wrapper[data-lv='1'] { height: 30px; }}/* ============================ 모바일 전용 햄버거 메뉴 ============================ */@media screen and (max-width: 1229px) { #탭메뉴1.hamburger-hide { display: none } /* 햄버거메뉴 버튼 크기만큼 메뉴를 밑으로 내려줘야함. 메뉴 크기가 지금 65px 고정으로 되어있는데, 변경되면 이 값도 수정해주기 */ #탭메뉴1 { margin-top: 65px; } #탭메뉴1 > ul { border: solid rgb(51, 51, 51) 1px; } #탭메뉴1 .content-wrapper[data-lv="1"] { border-bottom : solid 1px rgb(239, 239, 239); } #탭메뉴1 .dropdown-content { border-bottom: solid 1px rgb(239, 239, 239); } .WebMenuAtom[data-menu-type="drop"] .content-wrapper { height: 45px !important; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] a { text-decoration: none; /* 밑줄 제거*/ display: block; font-size: 15px; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper > .dropbtn, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper > .dropbtn { font-size: 16px; color: #333333; padding: 0px 0px; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper > .dropbtn { min-width: 100px; /* 최소 사이즈*/ display: none; /* 기본 숨김처리*/ z-index: 1; width: 100%; /*margin-left: 10px;*/ } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content a { color: #333333; /*폰트 색*/ padding: 0px 16px; /* 서브 메뉴 패팅*/ } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] ul, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] ul { list-style: none; /* 원형 아이콘 제거*/ vertical-align: middle; /*글자 정렬*/ padding : 0; /*아이콘 패딩 제거*/ } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content.unfold, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content.unfold { display: block !important; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper { background-size: 100% 100%; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper a, .content-wrapper div { display: inline-block; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper div, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper div { width: 16px; height: 16px; background-size: 100% 100%; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper { height: var(--topMenuHeight, unset); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper { height: var(--subMenuHeight, unset); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper > *, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .content-wrapper > *{ position: relative; top: 50%; transform: translateY(-50%); } /* 상위메뉴 */ .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > a{ /* 글꼴 */ font-family: var(--topFontFamily); /* 글자크기 */ font-size: var(--topFontSize); /* 글자색 */ color: var(--topFontColor); /* 굵게 */ font-weight: var(--topBold, normal); /* 이테릭 */ font-style: var(--topItalic, normal); /* 밑줄 */ text-decoration: var(--topUnderline, none); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-head, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-head{ background-image: var(--topHeadFileUrl); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]), .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]){ background-image: var(--topBarFileUrl); background-color: var(--topBackColor); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-tail, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper:not([data-menu-top-mouseover="T"]) > .menu-tail{ background-image: var(--topTailFileUrl); } /* 하위메뉴 */ .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > a { /* 글꼴 */ font-family: var(--subFontFamily); /* 글자크기 */ font-size: var(--subFontSize); /* 글자색 */ color: var(--subFontColor); /* 굵게 */ font-weight: var(--subBold, normal); /* 이테릭 */ font-style: var(--subItalic, normal); /* 밑줄 */ text-decoration: var(--subUnderline, none); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-head, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-head { background-image: var(--subHeadFileUrl); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]), .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]){ background-image: var(--subBarFileUrl); background-color: var(--subBackColor); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-tail, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper:not([data-menu-sub-mouseover="T"]) > .menu-tail{ background-image: var(--subTailFileUrl); } /* 상위메뉴 마우스 오버*/ .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > a{ /* 글꼴 */ font-family: var(--topOverFontFamily) !important; /* 글자크기 */ font-size: var(--topOverFontSize) !important; /* 글자색 */ color: var(--topOverFontColor) !important; /* 굵게 */ font-weight: var(--topOverBold, normal) !important; /* 이테릭 */ font-style: var(--topOverItalic, normal) !important; /* 밑줄 */ text-decoration: var(--topOverUnderline, none) !important; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-head, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-head{ background-image: var(--topOverHeadFileUrl); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"], .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"]{ background-image: var(--topOverBarFileUrl); background-color: var(--topOverBackColor); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-tail, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown > .content-wrapper[data-menu-top-mouseover="T"] > .menu-tail{ background-image: var(--topOverTailFileUrl); } /* 하위 메뉴 마우스 오버*/ .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > a, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > a{ /* 글꼴 */ font-family: var(--subOverFontFamily) !important; /* 글자크기 */ font-size: var(--subOverFontSize) !important; /* 글자색 */ color: var(--subOverFontColor) !important; /* 굵게 */ font-weight: var(--subOverBold, normal) !important; /* 이테릭 */ font-style: var(--subOverItalic, normal) !important; /* 밑줄 */ text-decoration: var(--subOverUnderline, none) !important; } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-head, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-head{ background-image: var(--subOverHeadFileUrl); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"], .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"]{ background-image: var(--subOverBarFileUrl); background-color: var(--subOverBackColor); } .dynamic-grid-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-tail, .dynamic-grid-replace-block .WebMenuAtom[data-menu-type="tab"] .dropdown-content > li > .content-wrapper[data-menu-sub-mouseover="T"] > .menu-tail{ background-image: var(--subOverTailFileUrl); } #탭메뉴1 .content-wrapper { height: 30px; }}