.sub_con{padding-top: 256px;padding-bottom: 160px;} .inner{width: 1420px;margin: 0 auto;max-width: 100%} #header.sub #gnb ul li a{color: #000000} #header.sub #btn_area ul li a{color: #7A7A7A} #ai_popup{position: fixed;z-index: 9999;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999;background: rgba(0,0,0,0.5);display: flex;align-items: center;justify-content: center} #pop02{position: fixed;z-index: 9999;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999;background: rgba(0,0,0,0.5);display: flex;align-items: center;justify-content: center} #pop02 > div{position: relative} #pop02 > div button{position: absolute;right: 10px;top: 10px;} #ai_popup > div{border-radius: 15px;background: #fff;width: 400px;padding: 35px 30px} #ai_popup > div .title{margin-bottom: 19px;} #ai_popup > div .title strong{display: flex;align-items: center;font-size: 20px;color: #292929;margin-right: 5px;justify-content: center} #ai_popup > div .title strong i{width: 47px;height: 32px;background: #0047d5;border-radius: 16px;text-align: center;display: flex;align-items: center;justify-content: center;font-size: 20px;color: #ffffff;font-weight: 600;margin-right: 6px;} #ai_popup > div .title p{font-size: 12px;color: #797979;text-align: center;margin-top: 8px;} #ai_popup > div .text{background: #e8edf7;padding: 25px;border-radius: 12px} #ai_popup > div .text ul li:before{content: '';display: block;width: 19px;height: 2px;background: #839ac7;margin-bottom: 7px;} #ai_popup > div .text ul li{font-size: 13px;color: 203153;line-height: 1.7;margin-bottom: 25px} #ai_popup > div .text ul li:last-child{margin-bottom: 0} #ai_popup > div .chk_w{display: flex;margin-top: 20px;} #ai_popup > div .chk_w p{color: #797979;font-size: 14px;margin-left: 8px;} #ai_popup > div .btn_w{margin-top: 32px;} #ai_popup > div .btn_w button{height: 54px;background: #0047d5;color: #fff;border-radius: 10px;font-size: 14px;width: 100%} .sub_visual{display: flex;justify-content: space-between;align-items: center;margin-bottom: 80px;} .sub_visual strong{display: block;color: #000000;font-size: 54px;font-weight: 900} .sub_visual strong span{display: inline-block;background: #0047D5;color: #fff;padding: 0 35px;line-height: 1.3;border-radius: 70px;} .sub_visual ul li{display: inline-block;vertical-align: middle;font-size: 18px;color: #77849E;} .sub_visual ul li:after{content: '';display: block;} .sub_visual ul li a{display: block} .sub_visual ul li a img{display: inline-block;vertical-align: middle} .sub_visual ul li a:after{content: '';display: inline-block;width: 5px;height: 10px;background: url(/img/sub/arrow.png);vertical-align: middle;margin: 0 18px;} .id_tab{border-bottom: 1px solid #E2E6EE;margin-bottom: 60px} .id_tab ul{display: flex} .id_tab ul li{width: 50%;margin-right: 8px} .id_tab ul li:last-child{margin-right: 0} .id_tab ul li a{display: block;line-height: 78px;text-align: center;color: #000000;font-size: 22px;} .id_tab ul li.on a{color: #002060;font-weight: 600;position: relative} .id_tab ul li.on a:after{content: '';display: block;width: 100%;height: 2px;position: absolute;bottom: -1px;left: 0;background: #002060} #sub .paging {margin-top: 45px;} #sub .paging ul{display: flex;justify-content: center} #sub .paging ul li a{display: block;width: 42px;height: 42px;line-height: 42px;text-align: center;font-size: 16px;color: #7E7E7E;border-radius: 50%} #sub .paging ul li.on a{background: #002060;color: #fff;font-weight: 600} #sub .paging ul li.prev a{background: url(/img/sub/prev.png)} #sub .paging ul li.next a{background: url(/img/sub/next.png)} #sub .mem_title {text-align: center;margin-bottom: 50px;} #sub .mem_title strong{display: block;color: #000000;font-size: 54px;font-weight: 600;} #sub .mem_title ul{display: flex;justify-content: center;margin-top: 50px;} #sub .mem_title ul li{padding-left: 40px;line-height: 38px;border: 1px solid #fff;border-radius: 20px;padding-right: 13px;position: relative;font-size: 16px;color: #C4CDDE;margin-right: 20px} #sub .mem_title ul li:last-child{margin-right: 0} #sub .mem_title ul li.on{border-color: #C7CEDC;color: #002060;font-weight: 600} #sub .mem_title ul li.on i{background: #002060} #sub .mem_title ul li i{display: block;width: 30px;line-height: 30px;text-align: center;background: #C4CDDE;border-radius: 15px;position: absolute;left: 5px;top: 5px;color: #fff;font-size: 16px;font-weight: 600} #sub.member .sub_con{width: 800px;margin: 0 auto;max-width: 100%} #sub.join01 .con01 ul li{margin-bottom: 80px;} #sub.join01 .con01 ul li .title{margin-bottom: 30px;} #sub.join01 .con01 ul li .title strong{display: block;font-size: 24px;color: #212121;} #sub.join01 .con01 .txt_w{padding: 30px;background: #F6F7F8} #sub.join01 .con01 .txt_w p{white-space: pre-wrap;word-break: keep-all;font-size: 16px;color: #4B5058;line-height: 26px;height: 200px;overflow-y: scroll} #sub.join01 .con01 .chk_w{display: flex;margin-top: 30px;} #sub.join01 .con01 .chk_w input{width: 22px;height: 22px;display: block;position: relative} #sub.join01 .con01 .chk_w input:after{content: '';display: block;width: 100%;height: 100%;background: url(/img/sub/chk.png)} #sub.join01 .con01 .chk_w input:checked:after{background: url(/img/sub/chk_on.png)} #sub.join01 .con01 .chk_w p{color: #434B5D;font-size: 18px;margin-left: 10px;} #sub .go_btn2{margin-top: 100px;} #sub .go_btn button{display: block;padding-bottom: 20px;margin: 0 auto; width: 200px;border-bottom: 2px solid #D9DDE5;color: #002060;font-size: 22px;position: relative} #sub .go_btn button:before{content: '';display: block;width: 0;height: 2px;background: #002060;position: absolute;right: 0;bottom: -2px;transition: 0.7s} #sub .go_btn button:hover:before{width: 100%} #sub .go_btn button i{position: absolute;bottom: -2px;;right: 0} #sub.join02 .con01 ul li{margin-bottom: 50px} #sub.join02 .con01 ul li strong{display: block;font-size: 24px;color: #212121;font-weight: 600;margin-bottom: 20px;} #sub.join02 .con01 ul li strong i{color: #F13B3B} #sub.join02 .con01 ul li .inp_list input{display: block;background: #F6F7F8;height: 60px;border-radius: 8px;border: none;display: block;width: 100%;color: #838792;padding-left: 25px;font-size: 18px;} #sub.join02 .con01 ul li .inp_list:nth-child(3){margin-top: 12px;} #sub.join02 .con01 ul li .btn_list{padding-right: 194px;position: relative} #sub.join02 .con01 ul li .btn_list button{position: absolute;right: 0;top: 0;width: 184px;height: 60px;background: #002060;color: #FFFFFF;font-size: 18px;font-weight: 500;border-radius: 6px;} #sub.join02 .con01 .title {margin-bottom: 60px;text-align: center;padding-top: 30px;} #sub.join02 .con01 .title strong{display: block;font-size: 42px;color: #000000;} #sub.join03 .end_txt{padding-top: 50px;padding-bottom: 100px;text-align: center} #sub.join03 .end_txt strong{display: block;font-size: 42px;color: #000000;margin-bottom: 30px;} #sub.join03 .end_txt p{display: block;font-size: 20px;color: #4B5058;} #sub.sch_result .con01{text-align: center} #sub.sch_result .con01 strong{display: block;font-size: 42px;color: #000000;line-height: 60px;} #sub.sch_result .con01 strong span{color: #002060;} #sub.mypage .my_wrap{position: relative;padding-left: 380px;} #sub.mypage .my_wrap .lnb{position: absolute;top: 0;left: 0;background: #F6F7F8;padding: 50px 30px;height: 520px;width: 320px;border-radius: 20px;} #sub.mypage .my_wrap .lnb .profile{text-align: center;margin-bottom: 45px;} #sub.mypage .my_wrap .lnb .profile strong{display: block;font-size: 20px;font-weight: 500;color: #212121;margin-top: 20px;} #sub.mypage .my_wrap .lnb .profile strong span{color: #002060;font-weight: 600} #sub.mypage .my_wrap .lnb .profile p{font-size: 16px;color: #878787;margin-top: 10px;} #sub.mypage .my_wrap .lnb ul li a{display: block;padding: 15px 0;font-size: 18px;color: #313131;background: url(/img/sub/arrow.png) no-repeat right center} #sub.mypage .my_wrap .lnb ul li.on a{color: #002060} #sub.mypage .my_wrap .my_con{min-height: 520px;} #sub.mypage .my_wrap .my_con .tit{margin-bottom: 20px;} #sub.mypage .my_wrap .my_con .tit strong{display: block;color: #000000;font-size: 32px;} #sub.mypage .my_wrap .my_con input{height: 50px;border: none; border-bottom: 1px solid #E1E3E6;font-size: 18px;color: #838792;display: block;width: 100%} #sub.mypage .my_wrap .my_con .con03 input{width: 550px;max-width: 100%;margin-top: 50px;} #sub.mypage .my_wrap .my_con .tit p{font-size: 20px;color: #4B5058;margin-top: 20px;} #sub.mypage .my_wrap .my_con .con table{border-collapse: collapse;width: 100%;border-bottom: 1px solid #E7E9EC;} #sub.mypage .my_wrap .my_con .con table th{border-top: 2px solid #002060;height: 58px;color: #002060;font-size: 18px;vertical-align: middle} #sub.mypage .my_wrap .my_con .con table td{border-top: 1px solid #E7E9EC;height: 58px;color: #929393;font-size: 18px;vertical-align: middle;text-align: center} #sub.mypage .my_wrap .my_con .con2{margin-top: 60px;} #sub.mypage .my_wrap .my_con .con table td:nth-child(1) a{color: inherit;text-decoration: underline} #sub.mypage .my_wrap .my_con .con2 .down a{display: block;width: 105px;line-height: 33px;text-align: center;background: #002060;border-radius: 6px;color: #fff;font-size: 14px;margin: 0 auto} #sub.mypage .my_wrap .my_con .con2 table th:nth-child(1){width: 70%} #sub.mypage .my_wrap .my_con .con2 table td:nth-child(1) a{display: block;width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all;text-decoration: underline;} #sub.mypage .my_wrap .my_con .con03 table{width: 100%;border-collapse: collapse;border-top: 2px solid #002060} #sub.mypage .my_wrap .my_con .con03 table th,#sub.mypage .my_wrap .my_con .con03 table td{border: 1px solid #E7E9EC;height: 58px;vertical-align: middle} #sub.mypage .my_wrap .my_con .con03 table th:nth-child(1){border-left: none} #sub.mypage .my_wrap .my_con .con03 table td:last-child{border-right: none} #sub.mypage .my_wrap .my_con .con03 table td{color: #929393;font-size: 16px;padding-left: 18px;} #sub.mypage .my_wrap .my_con .con03 table td .down a{display: block;width: 105px;line-height: 33px;text-align: center;background: #002060;border-radius: 6px;color: #fff;font-size: 14px;} #sub.mypage .my_wrap .my_con .con03 table .content{height: 175px} #sub.mypage .my_wrap .my_con .con03 table .content+td{padding-top: 18px;vertical-align: top} #sub.mypage .my_wrap .my_con .con04 ul{padding-top: 40px;} #sub.mypage .my_wrap .my_con .con04 ul li{position: relative;padding-left: 145px;padding-right: 214px;margin-bottom: 36px} #sub.mypage .my_wrap .my_con .con04 ul li:last-child{margin-bottom: 0} #sub.mypage .my_wrap .my_con .con04 ul li p{display: block;line-height: 60px;color: #838792;font-size: 18px;} #sub.mypage .my_wrap .my_con .con04 ul li .tit01{position: absolute;top: 0;left: 0} #sub.mypage .my_wrap .my_con .con04 ul li .tit01 strong{display: block;line-height: 60px;font-size: 18px;color: #848992;font-weight: 600} #sub.mypage .my_wrap .my_con .con04 ul li .btn{position: absolute;right: 0;top: 0} #sub.mypage .my_wrap .my_con .con04 ul li .btn button{height: 50px;width: 184px;background: #002060;border-radius: 6px;color: #fff;font-size: 18px;} #sub.mypage .my_wrap .my_con .con04 ul li .add2{margin-top: 26px;} #sub .go_btn3{display: flex;justify-content: flex-end;margin-top: 65px;} #sub .go_btn3 button{margin: 0} #sub .go_btn3 button i{left: 0;right: auto} #sub .go_btn3.go_btn4 button i{left: auto;right: 0} #sub.faq .con01{margin-bottom: 60px;position: relative} #sub.faq .con01 .pre{position: absolute;right: -304px;bottom: -70px;} #sub.faq .con01 i{display: block;width: 30px;height: 3px;background: #002060} #sub.faq .con01 strong{display: block;font-size: 42px;color: #000000;line-height: 60px;margin-top: 20px;} #sub.faq .con01 strong span{color: #002060} #sub.faq .con01 > span{display: inline-block;padding: 0 36px;line-height: 46px;border: 1px solid #0047D5;border-radius: 24px;color: #0047D5;font-size: 18px;font-weight: 600;margin-top: 30px;} #sub.faq .con01 p{color: #4B5058;font-size: 20px;line-height: 32px;margin-top: 30px;} #sub.faq .con01 em{display: block;color: #666;font-size: 17px;line-height: 1.5;margin-top: 25px;} #sub.faq .con02 ul li{padding: 0 30px;background: #F6F7F8;margin-bottom: 16px} #sub.faq .con02 ul li .title{display: flex;height: 70px;align-items: center} #sub.faq .con02 ul li .title strong{display: block;position: relative;padding-left: 43px;color: #212121;font-size: 18px;} #sub.faq .con02 ul li .title strong i{position: absolute;left: 0;font-size: 18px;} #sub.faq .con02 ul li .txt{padding-top: 24.5px;color: #4B5058;line-height: 36px;font-size: 18ppx;display: none;padding-bottom: 24.5px;} #sub.faq .con03{margin-bottom: 90px;} #sub.law .title i{display: block;width: 30px;height: 3px;background: #002060} #sub.law .title strong{display: block;color: #000000;font-size: 42px;margin-top: 20px;} #sub.law .title p{font-size: 20px;color: #4B5058;line-height: 32px;margin-top: 30px;} #sub.faq .con03 .num{display: flex} #sub.faq .con03 .num i{display: none} #sub.faq .con03 .num div{width: 27.94%;margin-right: 8.09%} #sub.faq .con03 .num div:last-child{margin-right: 0} #sub.faq .con03 .con{display: flex;margin-top: 60px;} #sub.faq .con03 .con > div{width: 47.88%} #sub.faq .con03 .con > div:nth-child(1){margin-right: 4.24%} #sub.faq .con03 .con > div input{display: block;width: 100%;border: none;height: 50px;border-bottom: 2px solid #E1E3E6;font-size: 18px;color: #838792;} #sub.faq .con03 .con > div select{display: block;width: 100%;border: none;height: 50px;border-bottom: 2px solid #E1E3E6;font-size: 18px;color: #838792;} #sub.faq .con03 .con > div textarea{display: block;width: 100%;border: none;height: 348px;border-bottom: 2px solid #E1E3E6;font-size: 18px;color: #838792;} #sub.faq .con03 .con > div strong{font-size: 18px;color: #848992;display: block;margin-bottom: 17px;} #sub.faq .con03 .con > div ul li{margin-bottom: 60px;} #sub.faq .con03 .con > div ul li:last-child{margin-bottom: 0} #sub.faq .con03 .con > div strong i{color: #DB4747} #sub.faq .con02 ul li.on{background: #FFFFFF;box-shadow: 0 0 30px rgba(166,173,187,0.2)} #sub.faq .con02 ul li.on .title{border-bottom: 1px solid #E4EAF5} #sub.faq .con02 ul li .title{position: relative} #sub.faq .con02 ul li .title:after{content: '';display: block;width: 14px;height: 8px;background: url(/img/sub/down.png);position: absolute;top: 50%;margin-top: -4px;right: 0;transition: 0.7s} #sub.faq .con02 ul li.on .title:after{transform: rotate(180deg)} #sub.advisor .sub_con{padding-bottom: 0} #sub.advisor .con01{display: flex;align-items: center;position: relative;padding-bottom: 158px} #sub.advisor .con01 .txt_w{padding-left: 90px;} #sub.advisor .con01 .txt_w strong{display: block;color: #000000;font-size: 58px;line-height: 78px;margin-bottom: 80px;} #sub.advisor .con01 .txt_w a {display: flex;align-items: center} #sub.advisor .con01 .txt_w a span{color: #8B97B1;font-size: 20px;font-weight: 500;text-decoration: underline;display: block;margin-right: 20px;transition: 0.7s} #sub.advisor .con01 .txt_w a:hover span{color: #0047D5} #sub.advisor .con01 .txt_w a:hover path{transition: 0.7s} #sub.advisor .con01 .txt_w a:hover path{stroke: #0047D5} #sub.advisor .con01 .txt_w a svg{transition: 0.7s} #sub.advisor .con01 .txt_w a:hover svg{transform: translateX(10px)} #sub.advisor .con01 .deco{position: absolute;width: auto;left: 49.29%;bottom: 100px} #sub.advisor .con01 .deco strong{display: block;color: #F3F3F3;font-size: 200px;font-weight: 600;font-family: 'aptos';} #sub.advisor .con02{padding: 120px 0;background: #F6F7F8} #sub.advisor .con02 .title{margin-bottom: 50px;position: relative} #sub.advisor .con02 .title span{position: absolute;right: 0;top: 30px;mix-blend-mode: darken} #sub.advisor .con02 .title i{display: block;width: 30px;height: 3px;background: #002060;margin-bottom: 10px;} #sub.advisor .con02 .title strong{display: block;color: #000000;font-size: 48px;font-family: "poppins";font-weight: 600;margin-bottom: 10px;} #sub.advisor .con02 .title p{font-size: 22px;color: #7C8495;} #sub.advisor .con02 .con{margin-bottom: 140px} #sub.advisor .con02 .con:last-child{margin-bottom: 0} #sub.advisor .con02 .con > ul{display: flex;flex-wrap: wrap} #sub.advisor .con02 .con > ul > li{width: 48.59%;margin-right: 2.82%;margin-bottom: 2.82%;position: relative;height: 325px;position: relative;background: #fff;padding-left: 325px;box-shadow: 20px 20px 40px rgba(194,201,214,0.2)} #sub.advisor .con02 .con > ul > li .img{position: absolute;height: 100%;left: 0;top: 0} #sub.advisor .con02 .con > ul > li:nth-child(2n){margin-right: 0} #sub.advisor .con02 .con > ul > li .txt_w{padding-top: 40px;padding-right: 40px;} #sub.advisor .con02 .con > ul > li .txt_w .info{border-bottom: 1px solid #DEE0E3;display: flex;padding-bottom: 25px;padding-left: 50px;align-items: center} #sub.advisor .con02 .con > ul > li .txt_w .info strong{display: block;color: #000000;font-size: 32px;margin-right: 12px;} #sub.advisor .con02 .con > ul > li .txt_w .info p{display: block;color: #81848B;font-size: 18px;} #sub.advisor .con02 .con > ul > li ul{padding-top: 36px;padding-left: 50px;} #sub.advisor .con02 .con > ul > li ul li{margin-bottom: 10px;position: relative;font-size: 18px;color: #81848B;padding-left: 10px;} #sub.advisor .con02 .con > ul > li ul li:before{content: '';display: block;width: 6px;height: 6px;border: 1.5px solid #81848B;box-sizing: border-box;border-radius: 50%;position: absolute;top: 6px;left: 0} #sub.faq .con04 ul li{margin-bottom: 80px;} #sub.faq .con04 ul li .title{margin-bottom: 30px;} #sub.faq .con04 ul li .title strong{display: block;font-size: 24px;color: #212121;} #sub.faq .con04 .txt_w{padding: 30px;background: #F6F7F8} #sub.faq .con04 .txt_w p{white-space: pre-wrap;word-break: keep-all;font-size: 16px;color: #4B5058;line-height: 26px;height: 200px;overflow-y: scroll} #sub.faq .con04 .chk_w{display: flex;margin-top: 30px;} #sub.faq .con04 .chk_w input{width: 22px;height: 22px;display: block;position: relative} #sub.faq .con04 .chk_w input:after{content: '';display: block;width: 100%;height: 100%;background: url(/img/sub/chk.png)} #sub.faq .con04 .chk_w input:checked:after{background: url(/img/sub/chk_on.png)} #sub.faq .con04 .chk_w p{color: #434B5D;font-size: 18px;margin-left: 10px;} #sub.pay .con01{margin-bottom: 140px;} #sub.pay .info ul{display: flex} #sub.pay .info{margin-top: 60px;} #sub.pay .info2{margin-top: 70px;} #sub.pay .info ul li{margin-right: 240px;} #sub.pay .info ul li span{display: block;color: #002060;font-size: 18px;font-weight: 600;margin-bottom: 15px;} #sub.pay .info ul li p{font-size: 18px;color: #838792;} #sub.pay .price{background: #F6F7F8;height: 80px;display: flex;justify-content: space-between;align-items: center;padding: 0 40px;margin-top: 40px;margin-bottom: 90px} #sub.pay .price span{display: block;font-size: 18px;color: #838792;} #sub.pay .price strong{display: block;font-size: 22px;color: #002060;} #sub.pay .go_btn3{justify-content: center} #sub.pay .go_btn3 .gomy{margin-left: 30px;} #sub.pay .go_btn3 .gomy i{right: 0;left: auto} #sub.information .con01{height: 480px;position: relative} #sub.information .con01 .visual{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)} #sub.information .con01 .vis_w{position: relative} #sub.information .con01 .vis_w .on{position: absolute;left: 0;top: 0} #sub.information .con01 .txt{position: relative;z-index: 10;width: 100%;height: 100%;display: flex;text-align: center;align-items: center;justify-content: center} #sub.information .con01 .txt p{font-size: 24px;color: #FFFFFF;margin-top: 12px;} #sub.information .con01 .txt p span{font-weight: 600} #sub.information .history_w{padding-bottom: 105px;padding-top: 50vh} #sub.information .history_w .his{margin-bottom: 120px;text-align: center} #sub.information .history_w .his strong{display: block;font-size: 28px;color: #000000;font-weight: 600;margin-bottom: 10px;} #sub.information .history_w .his p{display: block;font-size: 20px;color: #333333;font-weight: 400} #sub.information .his_tit{position: fixed;top: 50%;transform: translateY(-50%);width: 100%;text-align: center} #sub.information .his_tit strong{color: #F3F3F3;font-size: 200px;font-weight: 600;font-family: 'aptos';} #sub.information .his_line{position: fixed;left: 50%;top: 0;width: 1px;height: 100%;background: #E2E6EE} #sub.information .his_line i{position: absolute;background: #7C95C7;width: 100%;top: 0} #footer{background: #fff} #sub.information .his_line{opacity: 0;transition: 1.2s} #sub.information .his_line.on{opacity: 1} #sub.information .his_tit strong{filter: blur(30px);opacity: 0;letter-spacing: 10px;transition: 1.2s} #sub.information .his_tit.on strong{filter: blur(0);opacity: 1;letter-spacing: 0;transition: 1.2s} #sub.information .history_w{position: relative} #sub.information .history_w .his.on strong{color: #002060;font-size: 38px;} #sub.information .history_w .his.on p{font-size: 26px;} #sub.information .history_w .his strong{transition: 0.7s;} #sub.information .history_w .his p{transition: 0.7s} #sub.information .bg_w{position: fixed;left: 0;top: 0;height: 100vh;background: linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0), rgba(255,255,255,1));width: 100%;z-index: 3;opacity: 0;transition: 0.7s;display: none} #sub.information .bg_w.on{opacity: 1;display: block} #sub.ai .result{position: fixed;top: 0;height: 100vh;z-index: 10;padding: 0 30px;border-right: 1px solid #E2E6EE; padding-top: 130px;width: 300px;} #sub.ai .result .new_btn{position: absolute;width: 100%;bottom: 0;padding: 30px;left: 0} #sub.ai .result .new_btn button{display: block;width: 240px;height: 50px;display: flex;align-items: center;justify-content: center;background: #0047D5;font-size: 18px;color: #FFFFFF;font-weight: 500;gap: 0 10px;border-radius: 8px;transition: 1s} #sub.ai .result .new_btn button:hover{background: #002060} #sub.ai .result .tit{display: flex;justify-content: space-between;align-items: center;padding-bottom: 15px;border-bottom: 1px solid #EAECF1;margin-bottom: 30px;} #sub.ai .result .tit strong{display: block;color: #000000;font-size: 18px;font-weight: 500} #sub.ai .result ul li{margin-bottom: 20px;position: relative;padding-right: 30px;text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:100%; overflow:hidden;} #sub.ai .result ul li button{position: absolute;right: 0;top: 50%;transform: translateY(-50%);right: 0;width: 10px;height: 10px;background: url(/img/sub/close.png);text-indent: -9999px;} #sub.ai .result ul li a{display: block;position: relative;padding-left: 28px;color: #818181;font-size: 16px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all;} #sub.ai .result ul li a:after{content: '';position: absolute;left: 0; display: block;width: 18px;height: 18px;background: url(/img/sub/q.png);background-size: 100% 100%;left: 0;top: 50%;transform: translateY(-50%)} #sub.ai .result ul li.selected{color: #0047D5} #sub.ai .sub_con {height: 100vh;overflow-y: scroll} #sub.ai .sub_con .inner{padding-left: 120px} #sub.ai .sub_visual{margin-bottom: 50px;} #sub.ai .con01 .tit strong{display: block;font-size: 32px;color: #000000;margin-bottom: 50px;} #sub.ai .con01 .tit strong span{color: #002060} #sub.ai .con01 .q{margin-bottom: 40px} #sub.ai .con01 .q p{font-size: 20px;color: #363E4D;font-weight: 600} #sub.ai .con01 .q p span{color: #0047D5;font-weight: inherit} #sub.ai .con01 ul{display: flex;} #sub.ai .con01 ul li{margin-right: 40px;} #sub.ai .con01 ul li a{display: block} #sub.ai .con01 ul li a strong{display: block;font-size: 22px;color: #002060;margin-bottom: 30px;} #sub.ai .con01 ul li a .icon_w{padding-left: 50px} #sub.ai .con01 ul li a .icon_w i{position: relative} #sub.ai .con01 ul li a .icon_w i:before{content: '';display: block;width: 100%;height: 100%;position: absolute;background: #0047D5;border-radius: 12px;top: 20px;left: 20px;} #sub.ai .con01 ul li a .icon_w i:after{content: '';display: block;width: 100%;height: 100%;position: absolute;background: rgba(255,255,255,0.5);border-radius: 12px;top: 0;left: 0;box-shadow: -10px -10px 30px rgba(4,46,132,0.3); backdrop-filter: saturate(180%) blur(20px); -webkit-backdrop-filter: saturate(180%) blur(20px);} #sub.ai .con01 ul li a .icon_w svg{display: block;z-index: 2;position: relative} /* #sub.ai .con01 ul li a{display: block;width: 220px;height: 260px;background: #F6F7F8;padding: 30px 20px;position: relative} #sub.ai .con01 ul li a .txt{position: absolute;bottom: 0;left: 0;padding: 30px 20px} #sub.ai .con01 ul li a .txt strong{display: block;font-size: 24px;color: #002060;margin-bottom: 10px;} #sub.ai .con01 ul li a .txt p{font-size: 16px;color: #363E4D;line-height: 28px;} */ #sub.ai .sch_area{position: absolute;bottom: 0;padding-bottom: 33px; width: 1297px;background: #fff} #sub.ai .sch_area input{width: 100%;height: 60px;border-radius: 30px;border: 1px solid #A8B9DC;background: #fff;box-shadow: 0 0 30px rgba(156,168,194,0.2);padding-left: 35px;font-size: 18px;color: #9399A5;} /* #sub.ai .sch_area textarea{width: 100%;height: 60px;border-radius: 30px;border: 1px solid #A8B9DC;background: #fff;box-shadow: 0 0 30px rgba(156,168,194,0.2);padding-left: 35px;font-size: 18px;color: #9399A5;padding-top: 20px;padding-right: 80px;} */ /* #sub.ai .sch_area button{width: 60px;height: 60px;position: absolute;right: 0;top: 0;text-align: right;padding-right: 36px;} */ #sub.ai .chat_wrap > div{margin-bottom: 40px;} #sub.ai .chat_wrap .chat_question{display: flex;padding-left: 13px;position: relative} #sub.ai .chat_wrap .chat_question .c_wrap:before{content: '';display: block;width: 18px;height: 21px;background: url(/img/sub/tri01.png);position: absolute;left: 0;top: 7px;left: -13px} #sub.ai .chat_wrap .chat_answer .c_wrap:before{content: '';display: block;width: 18px;height: 21px;background: url(/img/sub/tri02.png);position: absolute;top: 13px;right: -13px} #sub.ai .chat_wrap .chat_question .c_wrap{padding: 30px;background: #F6F7F8;min-width: 497px;} #sub.ai .chat_wrap .c_wrap{position: relative} #sub.ai .chat_wrap .c_wrap p{font-size: 16px;color: #363E4D;line-height: 28px;} #sub.ai .chat_wrap .chat_answer{display: flex;justify-content: flex-end;padding-right: 20px;padding-right: 70px;position: relative} #sub.ai .chat_wrap .chat_answer:last-child{margin-bottom: 0} #sub.ai .chat_wrap .chat_answer:after{content: '';display: block;width: 44px;height: 44px;background: url(/img/sub/seoul_lawbot.png);position: absolute;right: 0;top: 0} #sub.ai .chat_wrap .chat_answer .c_wrap{padding: 30px;background: #EEF3FF;min-width: 497px;} #sub.ai.more .sub_con{padding-top: 176px} #header.sub{display: flex; background: rgba(255, 255, 255, 0.72); backdrop-filter: saturate(180%) blur(20px); -webkit-backdrop-filter: saturate(180%) blur(20px);} #header.sub #logo{position: static} #header.sub #logo{margin-right: 83.5px;} #header.sub #logo a{display: block;transform: translateY(-10px)} #header.sub #logo a svg{display: block} #sub.advisor .con01 .img{overflow: hidden} #sub.advisor .con01 .img img{transform: scale(1.05);opacity: 0;transition: 1.5s;transition-delay: 0.6s} #sub.advisor .con01.on .img img{transform: scale(1);opacity: 1;} .sub_visual strong{transform: translateY(90px);opacity: 0;transition: 1.2s} .sub_visual.on strong{transform: translateY(00px);opacity: 1;transition-delay: 0.0s} .sub_visual ul{transform: translateY(90px);opacity: 0;transition: 1.2s} .sub_visual.on ul{transform: translateY(00px);opacity: 1;transition-delay: 0.3s} #sub.advisor .con01 .txt_w strong{transform: translateX(90px);opacity: 0;transition: 1.2s} #sub.advisor .con01.on .txt_w strong{transform: translateX(00px);opacity: 1;transition-delay: 0.9s} #sub.advisor .con01 .txt_w a{transform: translateX(90px);opacity: 0;transition: 1.2s} #sub.advisor .con01.on .txt_w a{transform: translateX(00px);opacity: 1;transition-delay: 1.2s} #sub.advisor .con02 .title i{transform: translateX(90px);opacity: 0;transition: 1.2s} #sub.advisor .con02 .on .title i{transform: translateX(00px);opacity: 1;transition-delay: 0.0s} #sub.advisor .con02 .title strong{transform: translateY(90px);opacity: 0;transition: 1.2s} #sub.advisor .con02 .on .title strong{transform: translateY(00px);opacity: 1;transition-delay: 0.3s} #sub.advisor .con02 .title p{transform: translateY(90px);opacity: 0;transition: 1.2s} #sub.advisor .con02 .on .title p{transform: translateY(00px);opacity: 1;transition-delay: 0.6s} #sub.advisor .con02 .con > ul{transform: translateY(90px);opacity: 0;transition: 1.2s} #sub.advisor .con02 .con.on > ul{transform: translateY(00px);opacity: 1;transition-delay: 0.9s} #sub.advisor .con02 .title span{transform: translateY(90px);opacity: 0;transition: 1.2s} #sub.advisor .con02 .on .title span{transform: translateY(00px);opacity: 1;transition-delay: 1.2s} #sub.ai .con01 .tit strong{transform: translateY(90px);opacity: 0;transition: 1.2s} #sub.ai .con01.on .tit strong{transform: translateY(00px);opacity: 1;transition-delay: 0.6s} #sub.ai .con01 .q{transform: translateY(90px);opacity: 0;transition: 1.2s} #sub.ai .con01.on .q{transform: translateY(00px);opacity: 1;transition-delay: 0.9s} #sub.ai .con01 ul{transform: translateY(90px);opacity: 0;transition: 1.2s} #sub.ai .con01.on ul{transform: translateY(00px);opacity: 1;transition-delay: 1.2s} #sub.faq .con01 i{transform: translateX(90px);opacity: 0;transition: 1.2s} #sub.faq .con01.on i{transform: translateX(00px);opacity: 1;transition-delay: 0.6s} #sub.faq .con01 strong{transform: translateY(90px);opacity: 0;transition: 1.2s} #sub.faq .con01.on strong{transform: translateY(00px);opacity: 1;transition-delay: 0.9s} #sub.faq .con01 p{transform: translateY(90px);opacity: 0;transition: 1.2s} #sub.faq .con01.on p{transform: translateY(00px);opacity: 1;transition-delay: 1.2s} #sub.faq .con01 em{transform: translateY(90px);opacity: 0;transition: 1.2s} #sub.faq .con01.on em{transform: translateY(00px);opacity: 1;transition-delay: 1.8s} #sub.faq .con01 > span{transform: translateY(90px);opacity: 0;transition: 1.2s} #sub.faq .con01.on > span{transform: translateY(00px);opacity: 1;transition-delay: 1.5s} #sub.faq .con01 .pre img{display: block;transform: scale(1.05);opacity: 0;transition: 0.7s} #sub.faq .con01.on .pre img{display: block;transform: scale(1);opacity: 1;transition-delay: 2.1s} #sub.pay .con01{transform: translateY(90px);opacity: 0;transition: 1.2s} #sub.pay .con01.on{transform: translateY(00px);opacity: 1;transition-delay: 0.6s} #sub.pay .con02{transform: translateY(90px);opacity: 0;transition: 1.2s} #sub.pay .con02.on{transform: translateY(00px);opacity: 1;transition-delay: 0.9s} #sub.faq .con02{transform: translateY(90px);opacity: 0;transition: 1.2s} #sub.faq .con02.on{transform: translateY(00px);opacity: 1;transition-delay: 1.5s} #sub.faq .con01.on > span:nth-child(3){transition-delay: 1.2s} #sub.information .con01 .vis_w{transform: scale(0.73);transition: 1.5s;transition-delay: 0.6s} #sub.information .con01 .vis_w .on{opacity: 0;transition: 1.5s;transition-delay: 0.9s} #sub.information .con01.on .vis_w{transform: scale(1)} #sub.information .con01.on .vis_w .on{transform: scale(1);opacity: 1} #sub.information .con01 .txt strong{transform: translateY(90px);opacity: 0;transition: 1.2s;display: block} #sub.information .con01.on .txt strong{transform: translateY(00px);opacity: 1;transition-delay: 0.9s} #sub.information .con01 .txt p{transform: translateY(90px);opacity: 0;transition: 1.2s;display: block} #sub.information .con01.on .txt p{transform: translateY(00px);opacity: 1;transition-delay: 1.5s} @media (max-width: 1800px) { #sub.ai .result{background: #fff} #sub.ai .sub_con .inner{padding-left: 240px;} } @media (max-width: 1460px) { .inner{width: 100%;padding: 0 20px;} #sub.advisor .con01 .img {width: 480px;overflow: hidden} #sub.ai .sch_area{width: 70%} #sub.advisor .con01 .img img{width: 100%} #sub.advisor .con01 .txt_w{padding-left: 50px;} #sub.ai .result .new_btn button{width: 100%} #sub.advisor .con01 .deco strong{font-size: 120px;} #sub.ai .result{width: 240px;} #sub.advisor .con01 .txt_w strong{font-size: 48px;line-height: 1.5} #sub.advisor .con02 .con > ul > li .img{width: 40%;overflow: hidden;height: 100%} #sub.advisor .con02 .con > ul > li .img img{display: block;left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute} #sub.advisor .con02 .con > ul > li{padding-left: 19%} #sub.ai .sub_con .inner{padding-left: 20px;} #sub.ai .sub_con .inner{padding-left: 290px;} /* #sub.ai .result{display: none}*/ #sub.ai .sch_area{width: 95%} #sub.ai .con01 ul li{margin-right: 20px;} #sub.faq .inner .inner{padding: 0} #sub.faq .con01 p{word-break: keep-all} #sub.faq .con01 p br{display: none} #sub.faq .con01 em br{display: none} #sub.faq .con01 em{word-break: keep-all} #sub.faq .con01 .pre img{width: 400px;} #sub.faq .con01 .pre{right: -55px;} #sub.pay .info ul li{margin-right: 40px} #sub.pay .info ul li:last-child{margin-right: 0} .inner .inner{padding: 0} #sub.mypage .my_wrap .lnb{width: 240px} #sub.mypage .my_wrap{padding-left: 260px} #sub.ai .con01 ul{flex-wrap: wrap} #sub.ai .con01 ul li a .icon_w i{display: inline-block} #sub.ai .con01 ul li{width: 33.33%;margin-right: 0;margin-bottom: 15px} } @media (max-width: 960px) { #sub.information .history_w .his.on strong{font-size: 20px} #sub.information .history_w .his strong{font-size: 18px} #sub.information .history_w .his.on p{font-size: 18px} #sub.information .history_w .his p{font-size: 14px;} #sub.information .history_w .his{margin-bottom: 70px;} #sub.information .his_tit strong{font-size: 100px} #sub.information .history_w .his{margin-bottom: 60px;} #sub.information .history_w{padding-top: 20vh} #sub.information .con01 .txt svg{width: 300px;height: auto} #sub.information .con01 .txt p{font-size: 16px;} #sub.information .con01{height: 330px} #sub.information .con01 .visual{height: 100%} #sub.information .con01 .visual div{height: 100%} #sub.information .con01 .visual img{height: 100%} .sub_visual strong{font-size: 32px;} .sub_visual ul li img{width: 30px;} .sub_visual ul li{font-size: 14px;} .sub_visual{margin-bottom: 30px;} .sub_con{padding-top: 160px;} #sub.advisor .con01 .img{width: 300px;} #sub.advisor .con01 .txt_w strong{font-size: 30px;margin-bottom: 40px;} #sub.advisor .con01 .txt_w a span{font-size: 14px;} #sub.advisor .con01 .txt_w a i svg{width: 5px;height: auto} #sub.advisor .con01{padding-bottom: 60px;} #sub.advisor .con01 .deco{bottom: 20px;} #sub.advisor .con02 .con > ul > li{width: 100%;margin-top: 0} #sub.advisor .con02 .con > ul > li .img{width: 325px;} #sub.advisor .con02 .con > ul > li{padding-left: 325px;} #sub.advisor .con02 .title strong{font-size: 28px} #sub.advisor .con02 .title p{font-size: 14px} #sub.advisor .con02 .title i, #sub.law .title i, #sub.faq .con01 i{width: 20px;height: 2px} #sub.advisor .con02{padding: 70px 0} #sub.advisor .con02 .title{margin-bottom: 20px;} #sub.advisor .con02 .con > ul > li .txt_w .info strong{font-size: 20px;} #sub.advisor .con02 .con > ul > li .txt_w .info p{font-size: 13px;} #sub.advisor .con02 .con > ul > li .txt_w .info{padding: 15px;padding-right: 0;padding-top: 0} #sub.advisor .con02 .con > ul > li ul{padding: 15px;padding-bottom: 0;padding-right: 0} #sub.advisor .con02 .con > ul > li ul li{font-size: 13px;} #sub.advisor .con02 .con > ul > li ul li:before{width: 3px;height: 3px;} #sub.advisor .con02 .con > ul > li{height: 225px;padding-left: 225px;margin-right: 0} #sub.advisor .con02 .con > ul > li .img{width: 225px;} #sub.advisor .con02 .con > ul > li .img img {width: 100%} #sub.advisor .con02 .con > ul > li .txt_w{padding-top: 25px;padding-right: 25px;} #sub.advisor .con02 .con{margin-bottom: 45px;} #sub.ai .con01 .tit strong{font-size: 24px;margin-bottom: 20px;} #sub.advisor .con02 .title span img{width: 130px;} #sub.ai .con01 .q p{font-size: 14px;} #sub.ai .chat_wrap .c_wrap p{font-size: 13px;line-height: 1.7} #sub.ai .chat_wrap .chat_answer .c_wrap, #sub.ai .chat_wrap .chat_question .c_wrap{min-width: 0;padding: 15px} #sub.ai .chat_wrap > div{margin-bottom: 20px;} #sub.ai .chat_wrap .chat_question{padding-left: 0} #sub.ai .chat_wrap .chat_answer:after{width: 30px;height: 30px;background-size: 100% 100%} #sub.ai .chat_wrap .chat_answer{padding-right: 40px;} #sub .mem_title strong{font-size: 30px;} #sub .mem_title ul li i{width: 22px;line-height: 22px;font-size: 12px;} #sub .mem_title ul li{line-height: 31px;font-size: 13px;padding-left: 33px;padding-right: 10px;margin-right: 14px;} #sub .mem_title ul{margin-top: 20px;} #sub.join01 .con01 .txt_w, #sub.faq .con04 .txt_w{padding: 15px;} #sub.join01 .con01 ul li .title strong, #sub.faq .con04 ul li .title strong{font-size: 17px;margin-top: 0} #sub.join01 .con01 .txt_w p, #sub.faq .con04 .txt_w p{font-size: 12px;line-height: 1.5;height: 120px;} #sub.join01 .con01 ul li .title, #sub.faq .con04 ul li .title{margin-bottom: 10px;} #sub.join01 .con01 .chk_w p, #sub.faq .con04 .chk_w p{font-size: 13px;} #sub.join01 .con01 .chk_w input, #sub.faq .con04 .chk_w input{width: 16px;height: 16px;} #sub.join01 .con01 .chk_w input:after, #sub.faq .con04 .chk_w input:after{background-size: 100% 100% !important} #sub.join01 .con01 .chk_w, #sub.faq .con04 .chk_w{margin-top: 15px;} #sub.join01 .con01 ul li, #sub.faq .con04 ul li{margin-bottom: 30px;} #sub .go_btn button{font-size: 14px;width: 130px;} #sub .go_btn button i svg{width: 40px;height: auto} #sub .go_btn button{padding-bottom: 12px} .sub_con{padding-bottom: 80px} #sub.join02 .con01 ul li strong{font-size: 16px;margin-bottom: 10px;} #sub.join02 .con01 ul li .btn_list{padding-right: 120px;} #sub.join02 .con01 ul li .inp_list input{height: 40px;font-size: 13px;} #sub.join02 .con01 ul li .btn_list button{height: 40px;font-size: 13px;width: 110px} #sub.join02 .con01 ul li{margin-bottom: 20px;} #sub.join02 .con01 ul {margin-bottom: 30px} #sub.join03 .end_txt strong, #sub.sch_result .con01 strong, #sub.join02 .con01 .title strong{font-size: 24px;word-break: keep-all;margin-bottom: 15px;} #sub.join03 .end_txt p{font-size: 13px;line-height: 1.5;word-break: keep-all} #sub.join03 .end_txt{padding-top: 0;padding-bottom: 30px} .id_tab ul{padding: 0 20px;} .id_tab ul li a{font-size: 14px;height: 48px;line-height: 48px} #sub .mem_title{margin-bottom: 30px;} .id_tab{margin-bottom: 30px;} #sub .go_btn2{margin-top: 30px;} #sub.join02 .con01 .title{margin-bottom: 20px;padding-top: 0} #sub.faq .con01 strong{font-size: 20px;line-height: 1.7;word-break: keep-all} #sub.faq .con01 > span{line-height: 40px;font-size: 13px;padding: 0 20px;margin-top: 10px;} #sub.faq .con02 ul li .title strong{font-size: 13px;} #sub.faq .con02 ul li{padding: 0 20px;} #sub.faq .con02 ul li .title{height: 50px;} #sub.faq .con02 ul li .title strong{padding-left: 23px} #sub.faq .con02 ul li .title:after{width: 10px;height: 5px;background-size: 100% 100%} #sub.faq .con01{margin-bottom: 20px;} #sub.faq .con02 ul li .txt{font-size: 13px;line-height: 1.7;padding-top: 10px;padding-bottom: 10px} #sub.faq .con01 p{font-size: 13px;line-height: 1.7;margin-top: 12px;} #sub.faq .con01 em{font-size: 15px;line-height: 1.7;margin-top: 12px;} #sub.faq .con01 .pre{position: static;display: none} #sub.law .title strong{font-size: 24px;} #sub.faq .con03 .con > div strong{font-size: 13px;margin-bottom: 10px} #sub.faq .con03 .con > div input, #sub.faq .con03 .con > div select, #sub.faq .con03 .con > div textarea{height: 40px;font-size: 13px;} #sub.faq .con03 .con > div textarea{height: 120px;} #sub.faq .con03 .con > div ul li{margin-bottom: 20px;} #sub.faq .con03 .con > div{width: 100%} #sub.faq .con03 .con{display: block} #sub.faq .con03 .con > div:nth-child(2){margin-top: 20px;} #sub.faq .con03{margin-bottom: 30px;} #sub.faq .con03 .con{margin-top: 30px;} #sub.pay .info ul li span{font-size: 14px;margin-bottom: 12px;} #sub.pay .info{margin-top: 25px} #sub.pay .info ul li p{font-size: 14px;word-break: keep-all;line-height: 1.5} #sub.pay .con01{margin-bottom: 60px;} #sub.pay .price{height: 50px;} #sub.pay .price span{font-size: 14px;} #sub.pay .price strong{font-size: 16px} #sub.pay .price{padding: 0 20px;margin-top: 20px;margin-bottom: 40px;} #sub.law .title p{font-size: 14px;line-height: 1.7;word-break: keep-all;margin-top: 20px} #sub.mypage .my_wrap .my_con .tit strong{font-size: 22px;} #sub.mypage .my_wrap .my_con .con table td, #sub.mypage .my_wrap .my_con .con table th{height: 40px;font-size: 12px;} #sub.mypage .my_wrap .lnb .profile{display: none} #sub.mypage .my_wrap .lnb{position: static} #sub.mypage .my_wrap{padding-left: 0} #sub.mypage .my_wrap .lnb{width: 100%;padding: 10px;height: auto;border-radius: 10px;;margin-bottom: 30px} #sub.mypage .my_wrap .lnb ul {display: flex} #sub.mypage .my_wrap .lnb ul li{width: 33.33%} #sub.mypage .my_wrap .lnb ul li a{background: none;text-align: center;padding: 5px 0 ;font-size: 13px;} #sub.mypage .my_wrap .my_con .con2{margin-top: 30px;} #sub.mypage .my_wrap .my_con .con2 .down a{width: 90px;line-height: 26px;font-size: 12px;} #sub.mypage .my_wrap .my_con .con03 table th{width: 15%} #sub.mypage .my_wrap .my_con .con03 table th, #sub.mypage .my_wrap .my_con .con03 table td{height: 40px;font-size: 11px;} #sub.mypage .my_wrap .my_con .con03 table td{padding-left: 10px;word-break: break-all} #sub.mypage .my_wrap .my_con .con03 table .content+td{padding-top: 10px;} #sub.mypage .my_wrap .my_con .con03 table .content{height: 100px;} #sub .go_btn3{margin-top: 30px;} #sub.mypage .my_wrap .my_con{min-height: auto} #sub.mypage .my_wrap .my_con .tit strong{font-size: 16px;} #sub.mypage .my_wrap .my_con .tit p{font-size: 14px;word-break: keep-all;margin-top: 10px;word-break: keep-all} #sub.mypage .my_wrap .my_con .con03 input, #sub.mypage .my_wrap .my_con input{max-width: 100%;margin-top: 20px;height: 40px;font-size: 13px;} #sub.mypage .my_wrap .my_con .con04 ul li .tit01 strong{font-size: 13px;line-height: 40px;} #sub.mypage .my_wrap .my_con .con04 ul li{padding-left: 85px;margin-bottom: 20px;} #sub.mypage .my_wrap .my_con .con04 ul li p{line-height: 40px;font-size: 13px;} #sub.mypage .my_wrap .my_con .con04 ul li .btn button{width: 100px;height: 40px;font-size: 13px;} #sub.mypage .my_wrap .my_con .con04 ul li{padding-right: 114px;} #sub.faq .con02 ul li .title strong i{font-size: 12px;} #sub .paging ul li a{font-size: 13px;width: 30px;height: 30px;line-height: 30px;background-size: 100% 100% !important} #sub.ai .con01 ul li a strong{font-size: 15px;margin-bottom: 10px;} #sub.ai .con01 ul li a .icon_w svg{width: 70px;height: auto} #sub.ai .con01 ul li a .icon_w i:before{border-radius: 5px} #sub.ai .con01 ul li a .icon_w i:after{border-radius: 5px} .sub_visual strong span{font-size: 20px;padding: 0 7px} #pop02 > div > img{width: 300px;} #ai_popup > div{width: 300px;} #ai_popup > div .text ul li{font-size: 11px;word-break: keep-all} #ai_popup > div .text ul li br{display: none} #ai_popup > div .text{padding: 15px;} #ai_popup > div .text ul li{margin-bottom: 10px;} #ai_popup > div{padding: 30px 20px;} #ai_popup > div .title strong i{width: 37px;height: 22px;font-size: 14px} #ai_popup > div .title p{font-size: 9px;} #ai_popup > div .title strong{font-size: 16px;} #ai_popup > div .chk_w p{font-size: 12px;} #ai_popup > div .chk_w{margin-top: 10px;} #ai_popup > div .btn_w{margin-top: 15px;} #ai_popup > div .btn_w button{height: 34px;font-size: 13px;} #sub.mypage .my_wrap .my_con .con03 table td .down a{font-size: 12px;width: 80px;line-height: 25px;} #sub.ai .sch_area textarea{font-size: 13px;padding-top: 10px} #sub.ai .result{display: none} #sub.ai .sub_con .inner{padding-left: 20px} } @media (max-width: 660px) { #sub.advisor .con02 .con > ul > li .img{position: static} #sub.advisor .con02 .con > ul > li{height: auto;padding: 0} #sub.advisor .con02 .con > ul > li .img{height: auto;width: 100%} #sub.advisor .con02 .con > ul > li .txt_w{padding-right: 0;padding-bottom: 10px;} #sub.advisor .con02 .con > ul > li .img img{width: 100%;position: static;transform: none} #sub.advisor .con01{display: block} #sub.advisor .con01 .txt_w{padding-left: 0;padding-top: 30px;text-align: center} #sub.advisor .con01 .deco{z-index: -1;left: 10%} #sub.advisor .con01 .img{margin: 0 auto} #sub.ai .con01 ul{flex-wrap: wrap} #sub.ai .con01 ul li{width: 49%;margin-right: 2%;margin-bottom: 2%} #sub.ai .con01 ul li:nth-child(2n){margin-right: 0%} #sub.advisor .con01 .txt_w a{width: 190px;margin: 0 auto;} #sub.ai .con01 .tit strong{font-size: 20px;word-break: keep-all;line-height: 1.7} #sub.ai .sch_area{width: 100%;padding: 0 20px;left: 0;padding-bottom: 15px;} #sub.ai .sch_area input{height: 40px;font-size: 13px;} #sub.ai .sch_area textarea{height: 40px;font-size: 13px;} /* #sub.ai .sch_area textarea{padding-left: 10px;padding-right: 50px;} */ /* #sub.ai .sch_area button{height: 40px;} */ #sub.ai .sch_area button svg{width: 9px;height: auto} #sub.ai .chat_wrap .chat_answer .c_wrap:before{ top: 5px; right: -6px; } #sub.mypage .my_wrap .my_con .con2 table th:nth-child(1){width: 40%} #sub.mypage .my_wrap .my_con .con table td:nth-child(1) a{display: block;width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; text-decoration: none;} #sub.mypage .my_wrap .my_con .con04 ul li{padding-left: 0;padding-right: 80px;} #sub.mypage .my_wrap .my_con .con04 ul li .tit01{position: static} #sub.mypage .my_wrap .my_con .con04 ul li .btn button{width: 70px} #sub.mypage .my_wrap .my_con input{margin-top: 0} #sub.mypage .my_wrap .my_con .con04 ul li .btn{top: 11px} #sub.mypage .my_wrap .my_con .con04 ul li .tit01 strong{line-height: 1} .sub_visual ul li a:after{margin: 0 5px} #sub.ai .con01 ul li a .icon_w{width: 60px;margin: 0 auto} #sub.ai .con01 ul li a .icon_w svg{width: 60px;} #sub.ai .con01 ul li a .icon_w{padding-left: 0} #sub.ai .con01 ul li a .icon_w i:before{left: 5px;top: 5px} #sub.ai .con01 ul li {margin-bottom: 30px} #sub.ai .con01 ul li a strong{font-size: 14px;text-align: center} }