#sub{background: #E9E4DD} #sub .sub_visual{width: calc(100% - 160px);margin: 0 auto;border-bottom: 1px solid #222222;padding: 0 40px; padding-top: 200px;padding-bottom: 45px;} #sub .sub_visual .sv_title strong{display: block;text-align: center;font-family: "the-seasons", sans-serif;font-size: 44px;font-weight: 400;color: #3E2C1D;} #sub .sub_visual .sub_loc{display: flex;justify-content: flex-end} #sub .sub_visual .sub_loc ul{display: flex;align-items: center;font-size: 17px;color: #3E2C1D;} #sub .sub_visual .sub_loc ul li{padding: 0 12px;position: relative} #sub .sub_visual .sub_loc ul li svg{display: block} #sub .sub_visual .sub_loc ul li:after{content: '';display: block;width: 1px;height: 12px;right: 0;position: absolute;top: 50%;margin-top: -6px;background: #BEB6AD} #sub .sub_visual .sub_loc ul li:last-child{padding-right: 0;} #sub .sub_visual .sub_loc ul li:last-child:after{display: none} #sub .sub_con{padding-top: 595px;;position: relative;width: 100%} #sub .sub_typo{display: flex;height: 595px;align-items: center;justify-content: center;position: absolute;top: 0;width: 100%} #sub .sub_typo strong{font-size: 44px;color: #3E2C1D;letter-spacing: -0.4px;line-height: 60px;font-weight: 400;text-align: center;display: block} #sub .sub_typo strong b{font-weight: 600} #sub .sub_tab{width: calc(100% - 160px);margin: 0 auto;border-top: 1px solid #D5CFCA;background: #E9E4DD;position: relative;z-index: 5} #sub .sub_tab ul{display: flex;justify-content: center;gap: 75px} #sub .sub_tab ul li a{display: block;padding-top: 40px;padding-bottom: 30px;font-size: 24px;color: #9C9188;font-weight: 600;transition: 0.5s} #sub .sub_tab ul li:hover a{color: #0A594B} #sub .sub_tab ul li.on a{color: #0A594B;text-decoration: underline} #sub .sub_w{padding-top: 185px;background: #E9E4DD;padding-left: 420px;padding-right: 120px;position: relative} #sub .sub_w .tab_w{position: absolute;top: 0;left: 0;height: 100vh;padding-top: 185px;padding-left: 80px} #sub .sub_w .tab_w ul{display: flex;flex-direction: column;gap:30px} #sub .sub_w .tab_w ul li a{font-size: 20px;font-weight: 600;color: #A2978E;display: flex;align-items: center;gap: 12px} #sub .sub_w .tab_w ul li a i{opacity: 0} #sub .sub_w .tab_w ul li.on a{color: #0A594B} #sub .sub_w .tab_w ul li.on a i{opacity: 1} #sub .step_content .box_w{display: flex;justify-content: space-between;border-bottom: 1px solid #D6D0C8;padding: 60px 0} #sub .step_content .box_w:last-child{border-bottom: none} #sub .step_content .box_w .txt{position: relative;padding-left: 130px} #sub .step_content .box_w .txt span{position: absolute;left: 0;font-size: 80px;color: #D8CFC7; font-family: "the-seasons", sans-serif;} #sub .step_content .box_w .txt strong{font-size: 28px;color: #3E2C1D;line-height: 40px;display: block;padding-top: 20px;margin-bottom: 20px} #sub.naver .step_content.con01 .box_w{padding: 40px 0} #sub.naver .step_content.con01 .box_w .txt strong{margin-bottom: 40px} #sub .step_content .box_w .txt ul li, #sub .step_content .box_w .txt p{font-size: 20px;line-height: 32px;color: #564D47} #sub .step_content .box_w .txt ul li em{color: #0A594B;font-weight: inherit} #sub .step_content .box_w .txt ul li i{display: block} #sub .step_content .box_w .txt ul {display: flex;flex-direction: column;gap: 7px} #sub .step_content .box_w .txt ul li{position: relative;padding-left: 20px} #sub .step_content .box_w .txt ul li:before{content: '';display: block;width: 7px;height: 7px;border: 1px solid #564D47;box-sizing: border-box;border-radius: 50%;left: 0;position: absolute;top: 12px} #sub .step_content .box_w .img_list {display: flex;flex-direction: column;gap: 20px} #sub .step_content .box_w .img_list .img{background: #DED6CC;border-radius: 12px;padding: 20px} #sub .step_content .box_w .img_list .img div{border-radius: 10px;overflow: hidden} #sub .step_content .box_w .img_list .img div img{display: block} #sub.naver .con02{background: #DFD7CC;border-radius: 12px;padding-top: 60px;padding-bottom: 80px;text-align: center} #sub.naver .con02 strong{font-size: 24px;color: #3E2C1D;font-weight: 600;display: block;margin-top: 30px;margin-bottom: 30px} #sub.naver .con02 p{font-size: 20px;line-height: 32px;color: #564D47;} #sub .sub_title{margin-bottom: 70px} #sub .sub_title strong{font-size: 44px;font-weight: 400;color: #3E2C1D} #sub .sub_title p{font-size: 24px;color: #3E2C1D;font-weight: 500;letter-spacing: -0.5px;margin-top: 20px} #sub.naver .con03{padding-top: 170px} #sub.naver .con03.insta{padding-top: 80px} #sub.naver .con04{padding-top: 200px} #sub.naver .con04 > ul{display: flex;gap: 70px 40px;flex-wrap: wrap} #sub.naver .con04 > ul > li{width: calc(50% - 20px);border-top: 1px solid #3E2C1D;padding-top: 40px} #sub.naver .con04 > ul > li ul li{font-size: 20px;line-height: 32px;color: #564D47} #sub.naver .con04 > ul > li ul li{position: relative;padding-left: 20px} #sub.naver .con04 > ul > li ul li:before{content: '';display: block;width: 7px;height: 7px;border: 1px solid #564D47;box-sizing: border-box;border-radius: 50%;left: 0;position: absolute;top: 12px} #sub.naver .con04 > ul > li i{display: block;margin-bottom: 20px} #sub.naver .con04 > ul > li strong{font-size: 24px;color: #3E2C1D;margin-bottom: 25px;display: block} #sub .case{padding-top: 225px;border-bottom: 1px solid #D6D0C8;padding-bottom: 80px} #sub .case .txt_w strong{display: block;font-size: 28px;color: #564D47;font-weight: 500;line-height: 1.5;margin-bottom: 40px} #sub .case .txt_w strong b{color: #3E2C1D} #sub .case .txt_w p{font-size: 22px;line-height: 36px;color: #564D47} #sub .step_content .box_w.step01{padding-top: 0} #sub .step_content .box_w.step02{padding-left: 200px} #sub .step_content .box_w.step03{padding-left: 400px} #sub .c_btn{ display:flex; justify-content: center; position: relative; margin-top: 120px; } #sub .c_btn a:after{ content:""; display: block; width: calc(100% - 100px); height: calc(100% - 100px); border-radius: 50%; background-color: #0A594B; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0); transition: transform .5s; } #sub .c_btn a{ position: relative; display: block; position: relative; } #sub .c_btn .txt{ position: absolute; left: 0; top: 5%; width: 100%; height: 50%; display:flex; align-items: center; justify-content: center; flex-flow: column; gap: 12px; z-index: 1; } #sub .c_btn .cir_txt{ transition: transform .5s; } #sub .c_btn a:hover .cir_txt{ transform: rotate(45deg); } #sub .c_btn a:hover:after{ transform: translate(-50%,-50%) scale(1); } #sub .c_btn .txt strong{ font-size: 22px; font-weight: 700; color: #1A1311; letter-spacing: -0.02em; } #sub .c_btn a:hover .txt strong{ color: #fff; } #sub .c_btn a:hover .txt i svg path{ stroke: #fff; } #sub .contact_btm{padding-top: 160px} #sub .contact_btm .txt {text-align: center} #sub .contact_btm .txt strong{font-size: 32px;color: #3E2C1D;line-height: 1.5;font-weight: 400} #sub .contact_btm .txt b{display: block} #sub.naver .con06 .list{display: flex;gap: 40px} #sub.naver .con06 .list .w{width: calc(100% - 26.66px)} #sub.naver .con06 .list .w{width: calc(100% - 26.66px)} #sub.naver .con06 .list .txt strong{display: block;font-size: 26px;color: #3E2C1D;display: block;margin-bottom: 20px} #sub.naver .con06 .list .img{background: #DED6CC;padding: 20px;border-radius: 12px;} #sub.naver .con06 .list .img div{border-radius: 10px;overflow: hidden} #sub.naver .con06 .list .img div img{display: block} #sub.naver .con06 .list .txt {margin-top: 30px} #sub.naver .con06 .list .txt ul{display: flex;flex-direction: column;gap: 7px} #sub.naver .con06 .list .txt li{font-size: 20px;line-height: 32px;color: #564D47;letter-spacing: -0.7px;word-break: keep-all} #sub.naver .con06 .list .txt li{position: relative;padding-left: 20px} #sub.naver .con06 .list .txt li:before{content: '';display: block;width: 7px;height: 7px;border: 1px solid #564D47;box-sizing: border-box;border-radius: 50%;left: 0;position: absolute;top: 12px} #sub.naver .con07{padding-top: 200px} #sub.naver .con08{padding-top: 200px} #sub.naver .con08 .w {display: flex;align-items: center;padding-bottom: 40px;margin-bottom: 40px;border-bottom: 1px solid #D6D0C8} #sub.naver .con08 .w p{font-size: 20px;line-height: 32px;color: #564D47;letter-spacing: -0.7px} #sub.naver .con08 .w .img{background: #DED6CC;padding: 20px;border-radius: 12px;margin-right: 40px} #sub.naver .con08 .w .img div{border-radius: 10px;overflow: hidden} #sub.naver .con08 .w .img div img{display: block} #sub.naver .con08 .img_box{background: #DFD7CC;border-radius: 12px;padding: 50px} #sub.naver .con08 .img_box ul{display: flex;gap: 45px;justify-content: center} #sub.naver .con08 .img_box ul li{border-radius: 10px;overflow: hidden} #sub.naver .con08 .img_box ul li img{display: block} #sub .sub_wrap{padding: 0 120px;padding-top: 100px;padding-bottom: 200px} #sub.gallery .list ul{display: flex;flex-wrap: wrap;gap: 80px} #sub.gallery .list ul li{width: calc(33.33% - 53.3333333333333px)} #sub.gallery .list ul li .img{overflow: hidden;border-radius: 12px;overflow: hidden;position: relative} #sub.gallery .list ul li .img img{display: block} #sub.gallery .list ul li .img .arr{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0} #sub.gallery .list ul li .img .arr i{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%)} #sub.gallery .list ul li .txt{padding-top: 30px} #sub.gallery .list ul li .txt strong{font-size: 22px;color: #3E2C1D;display: block;margin-bottom: 20px} #sub.gallery .list ul li .txt p{font-size: 18px;color: #564D47;line-height: 30px;letter-spacing: -0.7px;margin-bottom: 40px} #sub.gallery .list ul li .txt span{font-size: 16px;font-weight: 500;color: #A5978D;} #sub.gallery .list ul li a{display: block;padding-bottom: 30px} #sub.gallery .list ul li{border-bottom: 1px solid #D5C8BE;} #sub.gallery .btn_list{display: flex;justify-content: space-between;align-items: center;margin-top: 85px} #sub.gallery .btn_list .paging ul{display: flex} #sub.gallery .btn_list .paging ul li a{width: 42px;height: 42px;display: flex;align-items: center;justify-content: center;font-size: 16px;color: #82766C;font-weight: 500} #sub.gallery .btn_list .paging ul li.on a{border-bottom: 1px solid #787470} #sub.gallery .btn_list .sch{position: relative} #sub.gallery .btn_list .sch button{position: absolute;right: 0;height: 100%;padding-right: 25px} #sub.gallery .btn_list .sch input{width: 350px;height: 60px;border-radius: 8px;background: #DED6CC;padding-left: 25px;font-size: 20px;border: none;letter-spacing: -0.5px} #sub.gallery .btn_list .sch input::placeholder{color: #82766C;} #sub.view .view_content{padding-bottom: 130px;min-height: 500px} #sub .go_btn a{display: block;width: 160px;height: 160px;display: flex;align-items: center;justify-content: center;position: relative;margin: 0 auto} #sub .go_btn a span{display: block;position: absolute;top: 0;left: 0;opacity: 0.3;transition: 0.5s} #sub .go_btn a:hover span{opacity: 1;transform: scale(0.7) rotate(40deg)} #sub .go_btn a span img{display: block;animation: cirs2 20s linear infinite;} @keyframes cirs2{ 0%{ transform: rotate(0); } 100%{ transform: rotate(360deg); } } #sub.write .form_cont > ul{display: flex;flex-wrap: wrap;gap: 60px 80px} #sub.write .form_cont > ul > li{width: calc(50% - 40px)} #sub.write .form_cont > ul > li.w100{width: 200%} #sub.write .form_cont > ul > li input[type="text"]{width: 100%;height: 60px;border: none;border-radius: 8px;font-size: 17px;color: #82766C;background: #DED6CC;padding-left: 25px;letter-spacing: -0.4px;} #sub.write .form_cont > ul > li textarea{width: 100%;height: 170px;border: none;border-radius: 8px;font-size: 17px;color: #82766C;background: #DED6CC;padding-left: 25px;letter-spacing: -0.4px;padding:20px 25px } #sub.write .form_cont > ul > li input[type="text"]::placeholder{color: #82766C} #sub.write .form_cont > ul > li textarea::placeholder{color: #82766C} #sub.write .form_cont > ul > li strong{display: block;font-size: 17px;color: #3E2C1D;letter-spacing: -0.5px;margin-bottom: 12px;} #sub.write .form_cont > ul > li strong i{font-weight: inherit;color: #0A594B} #sub.write .form_cont > ul > li ul{display: flex;height: 60px;align-items: center;gap: 60px;} #sub.write .form_cont > ul > li ul li{position: relative} #sub.write .form_cont > ul > li ul li input{position: absolute;top: 0;left: 0;opacity: 0} #sub.write .form_cont > ul > li ul li label{font-size: 17px;color: #3E2C1D;font-weight: 500;letter-spacing: -0.5px;display: flex;align-items: center;gap: 12px} #sub.write .form_cont > ul > li ul li label:before{content: '';display: block;width: 20px;height: 20px;background: url(/img/sub/chk.png);background-size: 100% 100%} #sub.write .form_cont > ul > li ul li input:checked + label:before{background: url(/img/sub/chk_on.png);background-size: 100% 100%} #sub.write .form_cont02{padding-top: 90px;margin-top: 90px;border-top: 1px solid #D5C8BE} #sub.write .priv{display: flex;justify-content: center;margin-top: 80px;margin-bottom: 40px;} #sub.write .priv label{font-size: 17px;color: #3E2C1D;font-weight: 500;letter-spacing: -0.5px;display: flex;align-items: center} #sub.write .priv label:before{content: '';display: block;width: 20px;height: 20px;background: url(/img/sub/chk.png);background-size: 100% 100%;margin-right: 12px} #sub.write .priv input:checked + label:before{background: url(/img/sub/chk_on.png);background-size: 100% 100%} #sub.write .priv div{position: relative} #sub.write .priv div input{position: absolute;height: 100%;width: 24px;top: 0;left: 0;opacity: 0} #sub.write .priv a{font-size: 17px;color: #0A594B;font-weight: 500} #sub.write .form_cont02{padding-top: 90px;margin-top: 90px;border-top: 1px solid #D5C8BE} #sub.write .sub_title strong{line-height: 60px} #sub.menu_p .menu_list{width: 100%;height: 100vh;z-index: 5;position: relative;} #sub.menu_p .menu_list .wrap{position: relative;width: 100%;height: 100%;;} #sub.menu_p .menu_list .menu{position: absolute;bottom: 0;left: 0;height: calc(100% - 150px);padding: 0 120px;width: calc(100% - 240px);left: 120px;border-top: 1px solid #000;padding-top: 65px;background-color: rgb(233, 228, 221);} #sub.menu_p .menu_list .menu .title strong{display: block;font-size: 36px;color: #3E2C1D;letter-spacing: -0.5px;font-weight: 700;position: relative;} #sub.menu_p .menu_list .menu .title i{position: absolute;left: -120px;color: #BCAB9C;font-size: 36px; font-family: "the-seasons", sans-serif;} #sub.menu_p .menu_list .menu .title{position: relative;} #sub.menu_p .menu_list .menu .ac_box{margin-top: 20px;overflow: hidden;} #sub.menu_p .menu_list .menu .ac_box p{display: block;font-size: 24px;color: #3E2C1D;letter-spacing: -0.5px;font-weight: 500;margin-bottom: 20px;line-height: 36px} #sub.menu_p .menu_list .menu .ac_box .list{display: block;gap: 120px;height: 125px;display: flex} #sub.menu_p .menu_list .menu .ac_box .list ul li{font-size: 20px;line-height: 32px;color: #564D47;letter-spacing: -0.7px;word-break: keep-all;position: relative;padding-left: 20px} #sub.menu_p .menu_list .menu .ac_box .list ul li:before{content: '';display: block;width: 7px;height: 7px;border: 1px solid #564D47;box-sizing: border-box;border-radius: 50%;left: 0;position: absolute;top: 12px} #sub.menu_p .menu_list .menu .ac_box .img_list ul{display: flex;gap: 30px} #sub.menu_p .menu_list .menu .ac_box .img_list ul li div{overflow: hidden;border-radius: 12px;flex: 1;} #sub.menu_p .menu_list .menu .ac_box .img_list ul li div img{width: 100%;display: block;;} #sub.menu_p .menu_list .menu {transform: translateY(100%);} #sub.menu_p .menu_list .menu01 {transform: translateY(0%);} #sub.menu_p .inner{width: 1680px;} #sub.menu_p .con01{position: relative;padding-top: 130px;} #sub.menu_p .con01 .txt_line {display: flex;gap: 60px;position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 100vw;} #sub.menu_p .con01 .txt_line strong {display: flex;font-size: 200px;color: #E1D8D0;font-family: "the-seasons", sans-serif;white-space: nowrap;line-height: 1;} #sub.menu_p .con01 .wrap{position: relative;z-index: 5;;display: flex;align-items: center;} #sub.menu_p .con01 .wrap .img_wrap{border-bottom: 1px solid #000;padding-bottom: 20px;} #sub.menu_p .con01 .wrap .img_wrap div{border-radius: 12px;overflow: hidden;;} #sub.menu_p .con01 .wrap .img_wrap div img{display: block;} #sub.menu_p .con01 .wrap .txt_w{padding-left: 110px;} #sub.menu_p .con01 .wrap .txt{margin-bottom: 80px;} #sub.menu_p .con01 .wrap .txt strong{display: flex;;align-items: flex-end;font-size: 36px;color: #0A594B;font-weight: 600;font-size: 100px; font-family: "the-seasons", sans-serif;line-height: 1;gap: 7px;margin-bottom: 10px;} #sub.menu_p .con01 .wrap .txt strong span{color: #0A594B;font-weight: 600;font-size: 36px;position: relative;top: -15px;} #sub.menu_p .con01 .wrap .txt strong i{background-color: #3E2C1D;;padding: 4px 8px;border-radius: 6px;color: #fff; font-family: "the-seasons", sans-serif;font-size: 16px;position: relative;top: -15px;display: block;} #sub.menu_p .con01 .wrap .txt p{font-size: 36px;color: #3E2C1D;font-weight: 600;letter-spacing: -0.5px;} #sub.menu_p .con01 .wrap ul{display: flex;flex-direction: column;gap: 20px;} #sub.menu_p .con01 .wrap ul li{display: flex;;align-items: center;gap: 10px} #sub.menu_p .con01 .wrap ul li svg{display: block;} #sub.menu_p .con01 .wrap ul li{font-size: 20px;font-weight: 600;color: #3E2C1D;;} #sub.menu_p .con02{padding-top: 200px;} #sub.menu_p .con02 ul{display: flex;gap: 30px} #sub.menu_p .con02 ul li{flex: 1;height: 270px;padding-top: 50px;display: flex;flex-direction: column;gap: 30px;align-items: center;text-align: center;border-bottom: 1px solid #3E2C1D;transition: 0.5s} #sub.menu_p .con02 ul li:hover{background: #0a594b;border-color: #0a594b;border-radius: 20px} #sub.menu_p .con02 ul li p{font-size: 24px;color: #3E2C1D;font-weight: 500;letter-spacing: -0.5px;line-height: 36px;transition: 0.5s} #sub.menu_p .con02 ul li circle{transition: 0.5s} #sub.menu_p .con02 ul li:hover circle{fill: #fff} #sub.menu_p .con02 ul li path{transition: 0.5s} #sub.menu_p .con02 ul li:hover path{fill: #0a594b} #sub.menu_p .con02 ul li:hover p{color: #fff} #sub.menu_p .con03{padding-top: 200px;display: flex;justify-content: space-between;} #sub.menu_p .con03 strong{font-size: 44px;font-weight: 400;color: #3E2C1D} #sub.menu_p .con03 .txt_w ul{display: flex;gap: 10px;flex-direction: column;margin-top: 40px;} #sub.menu_p .con03 .txt_w ul li{font-size: 22px;line-height: 32px;color: #564D47;letter-spacing: -0.7px;word-break: keep-all;position: relative;padding-left: 20px} #sub.menu_p .con03 .txt_w ul li:before{content: '';display: block;width: 7px;height: 7px;border: 1px solid #564D47;box-sizing: border-box;border-radius: 50%;left: 0;position: absolute;top: 12px} #sub.menu_p .con03 .img ul{display: flex;gap: 100px} #sub.menu_p .con03 .img ul li{border-radius: 12px;overflow: hidden;border: 1px solid #DCD5CE;} #sub.menu_p .con03 .img ul li img{display: block;} #sub.menu_p .con03 .img p{font-size: 17px;color: #82776D;font-weight: 500;letter-spacing: -0.5px;margin-top: 10px;} #sub.menu_p .memu_con{position: relative;padding-top: 100vh;padding-bottom: 340px;} #sub.menu_p .memu_con .sub_typo{height: 100vh;} #sub .sub_visual .sv_title div{overflow: hidden;} #sub .sub_loc{overflow: hidden;} #sub .sub_visual .sv_title div strong{display: block;;transform: translateY(100%);opacity: 0;} #sub .sub_loc ul{display: block;;transform: translateY(100%);opacity: 0;} #sub .sub_visual.on .sv_title div strong{display: block;;transform: translateY(0%);opacity: 1;transition: 1s;} #sub .on .sub_loc ul{transform: translateY(0%);opacity: 1;transition: 1s;transition-delay: 0.3s;} #sub .sub_typo strong{display: block;transform: translateY(70px);opacity: 0} #sub .sub_typo.on strong{display: block;transform: translateY(0);opacity: 1;transition: 1.2s;transition-delay: 0.6s} #sub .sub_typo strong span{position: relative;line-height: inherit} #sub .sub_typo strong span:after{ content:""; display: block; width: calc(100% + 10px); height: 100%; border-radius: 8px; background-color: #0A594B; position: absolute; left: -5px; top: 0; font-size: inherit; font-weight: inherit; color: #fff; font-family: 'Pretendard', sans-serif; line-height: inherit; text-align: center; transition: clip-path 1s; clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); letter-spacing: -0.4px;font-weight: 600;transition-delay: 1.2s} #sub .sub_typo.on strong span:after{clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);line-height: 51px} #sub.menu_p .sub_typo strong span:after{content: "메뉴 아카데미"} #sub.naver .sub_typo strong span:after{content: "마케팅 커리큘럼"} #sub.insta .sub_typo strong span:after{content: "마케팅 커리큘럼"} #sub.menu_p .memu_con .sub_typo strong span:after{content: "메뉴 클래스"} @media (max-width: 1850px){ #sub.naver .con08 .w p{word-break: keep-all;} #sub .sub_w .tab_w{padding-left: 40px;} #sub .sub_w{padding-right: 20px;} #sub.naver .con06 {width: 100%;} #sub.naver .con06 .list .img div img{width: 100%;} #sub.naver .con06 .list .w{flex: 1;} #sub.naver .con06 .list .txt li{word-break: keep-all;} #sub.naver .con06 .list .txt li br{display: none;} #sub .sub_w{padding-left: 260px;} #sub.naver .con07 img{max-width: 100%;} #sub .step_content .box_w .img_list .img div img{width: 500px;} #sub.menu_p .con01 .wrap .img_wrap div img{width: 600px;} } @media (max-width: 1720px){ #sub.menu_p .inner{padding: 0 20px;width: 100%;} #sub.menu_p .menu_list .menu .ac_box .list{gap: 20px} } @media (max-width: 1600px){ #sub .sub_visual, #sub .sub_tab {width: calc(100% - 40px);} #sub.menu_p .con03 .img ul{gap: 20px} #sub.menu_p .con03 .img ul img{width: 350px;} #sub.menu_p .menu_list .menu .ac_box p{font-size: 18px;margin-bottom: 15px} #sub.menu_p .menu_list .menu .ac_box .list ul li{font-size: 15px;line-height: 22px} #sub.menu_p .menu_list .menu .ac_box .list ul li:before {width: 4px;height: 4px;top: 8px;} #sub.menu_p .menu_list .menu .ac_box .list{height: 85px} #sub.menu_p .menu_list .menu .title strong{font-size: 32px} } @media (max-width: 1400px){ #sub.write .form_cont02 > ul > li{width: 100%} #sub.menu_p .con02 ul li{height: auto;padding: 40px 0;} #sub.menu_p .con02 ul li p{font-size: 20px;line-height: 1.5;;} #sub.write .form_cont > ul > li ul{flex-wrap: wrap;gap: 30px;height: auto} #sub.menu_p .con01 .wrap ul li{font-size: 18px;} #sub.menu_p .con01 .wrap ul li svg{width: 30px;height: auto;;} #sub.menu_p .con01 .wrap .txt_w{padding-left: 40px;} #sub.naver .step_content.con01 .box_w .txt strong{line-height: 1.5;margin-bottom: 15px;word-break: keep-all;} #sub.naver .step_content.con01 .box_w{gap: 16px} #sub.naver .con02{padding: 40px 0;} #sub.naver .con02 strong{font-size: 20px;margin: 16px 0;} #sub .sub_title p{font-size: 20px;margin-top: 15px} #sub.naver .con02 p{font-size: 18px;line-height: 1.5;;} #sub .step_content .box_w .txt{padding-left: 90px;} #sub .step_content .box_w .txt span{font-size: 60px;} #sub .step_content .box_w .img_list .img div img{width: 400px;} #sub .step_content .box_w .img_list .img{padding: 10px;} #sub .sub_tab ul li a{font-size: 20px;padding-top: 30px;padding-bottom: 30px;} #sub .sub_title strong, #sub .sub_typo strong, #sub.menu_p .con03 strong{font-size: 32px;line-height: 1.5;} #sub .sub_typo.on strong span:after{line-height: 38px} #sub .sub_title{margin-bottom: 40px;} #sub.naver .con06 .list .txt strong{font-size: 20px;word-break: keep-all;;} #sub.naver .con06 .list .img{padding: 10px;} #sub.naver .con06 .list .txt li, #sub.naver .con04 > ul > li ul li, #sub.menu_p .con03 .txt_w ul li{font-size: 16px;line-height: 1.5;padding-left: 15px;} #sub.naver .con06 .list{gap: 20px} #sub.naver .con06 .list .txt li:before, #sub.naver .con04 > ul > li ul li:before{top: 9px;width: 4px;height: 4px;;} #sub .step_content .box_w .txt strong{font-size: 22px;} #sub.menu_p .menu_list .menu{ padding: 0 60px;padding-top: 65px; width: calc(100% - 60px);left: 30px;} #sub .step_content .box_w .txt ul li, #sub .step_content .box_w .txt p{font-size: 16px;line-height: 1.5;;} #sub.menu_p .con03 .txt_w ul li:before{top: 7px;} #sub .step_content .box_w.step02{padding-left: 50px;} #sub .step_content .box_w.step03{padding-left: 100px;} #sub.naver .con04 > ul > li strong{font-size: 19px;margin-bottom: 15px;} #sub.naver .con04 > ul{gap: 30px} #sub.naver .con04 > ul > li strong{word-break: keep-all;} #sub.naver .con08 .w p{font-size: 16px;line-height: 1.5;;} #sub.naver .con08 .w .img{padding: 10px;} #sub.naver .con08 .w .img img{width: 240px;} #sub.naver .con08 .img_box ul li img{max-width: 100%;} #sub.naver .con08 .img_box ul{gap: 25px} #sub.naver .con08 .img_box{padding: 30px} #sub .case{padding-top: 100px;} #sub .case .txt_w strong{font-size: 22px;line-height: 1.5;word-break: keep-all;margin-bottom: 15px;} #sub .case .txt_w p{font-size: 17px;line-height: 1.5;;} #sub .contact_btm .txt strong{font-size: 24px;} #sub .sub_typo{height: 400px;} #sub .sub_con{padding-top: 400px;} #sub .sub_visual .sv_title strong{font-size: 36px;} #sub .sub_visual .sub_loc ul li{font-size: 14px;} #sub .step_content .box_w{flex-direction: column;align-items: center;gap: 60px} #sub .step_content .box_w .txt{width: 100%;} #sub .step_content .box_w .img_list{flex-direction: row;} #sub .step_content .box_w .img_list .img div img{max-width: 100%;} #sub.menu_p .menu_list .menu .title i{left: -60px;} #sub.menu_p .menu_list .menu .title strong{font-size: 24px;} #sub.menu_p .menu_list .menu .ac_box p{font-size: 18px;margin-bottom: 10px;} #sub.menu_p .menu_list .menu .ac_box .list ul li{font-size: 16px;} #sub.menu_p .menu_list .menu .ac_box{margin-top: 10px;} #sub .sub_wrap{padding: 80px 40px} #sub.write .sub_title strong{line-height: 1.5} #sub.menu_p .con03 .img ul img{width: 300px} #sub.menu_p .con03 .img p{font-size: 15px} } @media (max-width: 980px){ #sub .sub_title p{font-size: 15px;margin-top: 10px} #sub .c_btn .txt strong{ font-size: 18px; } #sub .c_btn .txt i svg{ width: 6px; height: auto; } #sub .c_btn .txt{ gap: 6px; } #sub .c_btn .cir_txt img{ width: 280px; } #sub .sub_typo.on strong span:after{line-height: 30px} #sub.menu_p .menu_list .menu .ac_box .list{flex-direction: column;gap: 0} #sub.menu_p .con03 .img p{font-size: 13px} #sub.menu_p .con03 strong{font-size: 28px} #sub.menu_p .con03 .txt_w ul{gap: 3px;margin-top: 20px} #sub.menu_p .con03 .txt_w ul li{font-size: 13px;} #sub.menu_p .con03 .img ul li{flex: 1;border-radius: 7px} #sub.menu_p .con03 .img ul li img{width: 100%} #sub.menu_p .con03{padding-top: 90px;flex-direction: column;gap: 30px} #sub.write .sub_title strong {word-break: keep-all} #sub.menu_p .con02 ul li{gap: 15px;padding: 20px 0;} #sub.menu_p .con02 ul li p{font-size: 15px;} #sub.menu_p .con02{padding-top: 80px;} #sub.menu_p .con01{padding-top: 45px;} #sub.menu_p .con01 .txt_line strong{font-size: 90px;} #sub.menu_p .con01 .wrap .img_wrap div img{max-width: 100%;} #sub.menu_p .con01 .wrap .txt_w{padding-left: 0;padding-top: 30px;} #sub.menu_p .con01 .wrap .txt strong i{top: -4px;font-size: 14px;} #sub.menu_p .con01 .wrap .txt strong span{font-size: 17px;top: -7px;} #sub.menu_p .con01 .wrap .txt strong{font-size: 50px;} #sub.menu_p .con01 .wrap .txt p{font-size: 16px;} #sub.menu_p .con01 .wrap ul li{font-size: 14px;} #sub.menu_p .con01 .wrap ul li svg, #sub.menu_p .con02 ul li svg{width: 20px;height: auto;} #sub.menu_p .con01 .wrap ul{gap: 7px} #sub.menu_p .con01 .wrap .txt{margin-bottom: 40px;} #sub.menu_p .con01 .wrap{flex-direction: column;align-items: center;} #sub.menu_p .menu_list .menu{transform: translateY(0);} #sub.menu_p .menu_list .menu .ac_box .list ul li{font-size: 13px;line-height: 1.5;;padding-left: 7px;} #sub.menu_p .menu_list .menu .ac_box .list ul li:before, #sub.menu_p .con03 .txt_w ul li:before{top: 7px;height: 5px;width: 5px;} #sub.menu_p .menu_list .menu .title i{position: static;} #sub.menu_p .menu_list .menu .ac_box .img_list ul{gap: 10px} #sub.menu_p .menu_list .menu .title strong{font-size: 20px;} #sub.menu_p .menu_list .menu .ac_box p{font-size: 14px;line-height: 1.5;;} #sub.menu_p .menu_list .menu .ac_box .list{height: auto;padding-bottom: 20px;} #sub.menu_p .menu_list .wrap{display: flex;flex-direction: column;gap: 20px;justify-content: center;align-items: center;;} #sub.menu_p .menu_list, #sub.menu_p .menu_list .wrap{height: auto;} #sub.menu_p .menu_list .menu{position: static;} #sub.menu_p .menu_list .menu{padding: 20px 0;} #sub .sub_w .tab_w{display: none;} #sub .sub_w{padding-left: 20px;} #sub .sub_visual{padding: 0 20px;padding-bottom: 30px;padding-top: 150px;;} #sub .sub_visual .sv_title{margin-bottom: 20px;} #sub .sub_title strong, #sub .sub_typo strong{font-size: 26px;} #sub .sub_tab ul li a{padding: 15px 0;font-size: 15px;} #sub .sub_tab ul{gap: 20px} #sub .sub_title{margin-bottom: 20px;} #sub.naver .con06 .list .txt strong{font-size: 16px;margin-bottom: 7px;;} #sub.naver .con06 .list .txt li, #sub.naver .con04 > ul > li ul li{font-size: 13px;} #sub.naver .con06 .list .txt li:before, #sub.naver .con04 > ul > li ul li:before, #sub .step_content .box_w .txt ul li:before{top: 7px;} #sub.naver .con06 .list .txt ul{gap: 4px} #sub.naver .con06 .list .txt{margin-top: 15px;} #sub.naver .con06 .list .img, #sub .step_content .box_w .img_list .img{padding: 6px;border-radius: 6px;} #sub.naver .con06 .list .img div,#sub .step_content .box_w .img_list .img div{border-radius: 5px;} #sub .step_content .box_w .txt span{font-size: 45px;} #sub .step_content .box_w .txt{padding-left: 70px;} #sub .step_content .box_w .txt strong{font-size: 19px;padding-top: 9px;margin-bottom: 15px;;} #sub .step_content .box_w{padding: 30px 0;} #sub.naver .con003, #sub.naver .con04, #sub.naver .con07{padding-top: 90px;} #sub.naver .con04 > ul > li i svg{width: 24px;height: auto;;} #sub.naver .con04 > ul > li strong{font-size: 16px;} #sub.naver .con04 > ul > li i{margin-bottom: 10px;} #sub.naver .con04 > ul{gap: 20px} #sub.naver .con04 > ul > li{width: calc(50% - 10px);padding-top: 20px;} #sub.naver .con08 .w{flex-direction: column;text-align: center;gap: 20px} #sub.naver .con08 .img_box{padding: 20px;border-radius: 8px;} #sub.naver .con08 .img_box ul{gap: 10px} #sub.naver .con08 .img_box ul li{border-radius: 6px;} #sub.naver .con08 .w{padding-bottom: 20px;margin-bottom: 20px;;} #sub.naver .con08 .w p{font-size: 13px;line-height: 1.5;;} #sub .case .txt_w strong{font-size: 17px;margin-bottom: 7px;} #sub .case .txt_w p{font-size: 13px;line-height: 1.5;;} #sub .case{padding-top: 40px;padding-bottom: 50px;} #sub .contact_btm{padding-top: 55px;} #sub .contact_btm .txt strong{font-size: 17px;} #sub.naver .con08{padding-top: 90px;} #sub .case .txt_w p{word-break: keep-all;} #sub.naver .con02 strong{font-size: 16px;word-break: keep-all;line-height: 1.5;margin: 10px 0;;} #sub.naver .con02 p{font-size: 13px;line-height: 1.5;word-break: keep-all;;} #sub.naver .con02{padding: 20px ;} #sub.naver .con02 svg{width: 24px;height: auto;;} #sub .step_content .box_w .txt ul li, #sub .step_content .box_w .txt p{font-size: 13px;line-height: 1.5;word-break: keep-all;} #sub .step_content .box_w .txt p br{display: none;} #sub.write .form_cont > ul{gap: 20px} #sub.write .form_cont > ul li{width: calc(50% - 10px)} #sub.write .form_cont02 > ul > li{width: 100%} #sub.write .form_cont > ul li ul li{width: auto} #sub.write .form_cont02{padding-top: 40px;margin-top: 40px} #sub.write .form_cont > ul > li strong{font-size: 14px} #sub.write .form_cont > ul > li ul li label{font-size: 13px} #sub.write .form_cont > ul > li input[type="text"]{height: 45px;font-size: 13px;border-radius: 5px;padding-left: 15px} #sub.write .form_cont > ul > li textarea{padding: 15px;border-radius: 5px;font-size: 13px} #sub.write .form_cont > ul > li ul{gap: 15px} #sub.write .priv{margin-top: 40px} #sub.write .priv label, #sub.write .priv a{font-size: 14px} #sub .go_btn a span img{width: 110px} #sub .go_btn a{width: 110px;height: 110px} #sub .go_btn a svg{width: 5px;height: auto} #sub.menu_p .con01 .wrap{align-items: flex-start} #sub.menu_p .menu_list .menu .title strong{line-height: 1.5;word-break: keep-all;font-size: 18px} #sub.menu_p .menu_list .wrap{background: #E9E4DD;padding-bottom: 90px} #sub.menu_p .memu_con{padding-bottom: 0} #footer{position: relative;z-index: 5} } @media (max-width: 730px){ #sub.menu_p .con02 ul{flex-direction: column;gap: 0} } @media (max-width: 560px){ #sub .step_content .box_w .txt strong{font-size: 17px} #sub.naver .con08 .img_box{padding: 10px} #sub.naver .con08 .w .img{margin-right: 0} #sub.naver .con02 p i{display: block} #sub .sub_typo.on strong span:after{line-height: 26px} #sub.menu_p .menu_list .menu{width: calc(100% - 40px)} #sub.menu_p .menu_list .menu .ac_box .img_list ul li div{border-radius: 7px} #sub.menu_p .menu_list .menu{padding-bottom: 0} #sub.menu_p .con02 ul{flex-direction: column;gap: 0} #sub.write .sub_title strong br{display: none} #sub .step_content .box_w .txt ul li{font-size: 13px;} #sub .sub_visual .sv_title strong{font-size: 25px;} #sub .sub_visual .sv_title{margin-bottom: 15px;} #sub .sub_visual .sub_loc ul li{font-size: 12px;} #sub .sub_visual .sub_loc ul li svg{width: 12px;height: auto;} #sub .sub_title strong, #sub .sub_typo strong{font-size: 22px;} #sub .sub_typo{height: 260px;} #sub .sub_con{padding-top: 260px;} #sub .sub_w{padding-top: 80px;} #sub.naver .con06 .list{flex-direction: column;} #sub.naver .con06 .list .w{width: 100%;} #sub.naver .con03{padding-top: 60px;} #sub .step_content .box_w.step02, #sub .step_content .box_w.step03, #sub .step_content .box_w.step01{padding: 20px 0;} #sub .step_content .box_w .txt strong{margin-bottom: 3px;line-height: 1.5;word-break: keep-all} #sub.naver .con04 > ul li{width: 100%;} #sub.naver .con08 .w p br{display: none;} #sub .case .txt_w p br{display: none;} #sub .step_content .box_w .img_list{flex-direction: column;gap: 15px} #sub .step_content .box_w .txt strong br{display: none;} #sub .step_content .box_w .txt span{font-size: 35px;} #sub .step_content .box_w .txt{padding-left: 49px;} #sub.naver .step_content.con01 .box_w{padding: 20px 0;} #sub .step_content .box_w .txt ul li br{display: none;} #sub .step_content .box_w .txt ul li{word-break: keep-all;} #sub .step_content .box_w .txt ul li i{display: none;} #sub .sub_wrap{padding: 60px 20px} #sub.menu_p .con03 strong{font-size: 24px} #sub.menu_p .con03 .img ul{gap: 10px} }