@charset "utf-8";

/* 공통 */
.container {overflow:hidden}
.wrapper {width:100%;max-width:1340px;padding:0 20px;margin:0 auto}
.no_scroll {height:100%;overflow:hidden}
.only_mb {display:none}
.btn {display:flex;align-items:center;justify-content:center;text-align:center;transition:all .2s}
.btn_primary {background:var(--primary);color:var(--white)}
.btn_primary:hover {background:#44dada}

.top_intro {height:568px;background:url('../img/web/top_intro_pc.png') no-repeat right top/50%;padding-top:250px}
.top_intro .txt_wrap.center {text-align:center}
.top_intro .txt_wrap span {display:block;font-size:24px;font-weight:700;color:var(--primary)}
.top_intro .txt_wrap .tit {display:block;font-size:60px;margin-top:20px}
.top_intro .txt_wrap p {font-size:20px;color:#717171;line-height:1.5;margin-top:30px}

.tab_menu ul {display:flex;align-items:center;justify-content:center;gap:0 20px;overflow-x:auto;padding:0 20px}
.tab_menu li > * {display:flex;align-items:center;justify-content:center;width:116px;height:44px;font-size:18px;font-weight:700;color:var(--white);border:solid 2px transparent;background:#E9E9E9;border-radius:44px;transition:all .2s;cursor:pointer}
.tab_menu li > *:hover,
.radio_wrap label:hover {border:solid 2px var(--primary);color:var(--primary);background:var(--white)}
.tab_menu li > *.on {background:var(--primary);color:var(--white)}
.tab_cont {display:none}
.tab_cont.on {display:block}

.faq_list {border-bottom:solid 1px var(--black);margin-top:64px}
.faq_list > ul > li {border-top:solid 1px var(--black)}
.faq_list button {width:100%;font-size:30px;font-weight:700;padding:30px 20px 30px 40px;position:relative;text-align:left}
.faq_list button:hover {text-decoration:underline}
.faq_list button::after {content:'';display:block;width:40px;height:40px;background:url('../img/web/arrow_down_gray.svg') no-repeat center/100%;position:absolute;top:50%;right:20px;transform:translateY(-50%);transition:all .2s}
.faq_list button.on::after {transform:rotate(180deg) translateY(20px)}
.faq_list .cont {display:none;font-size:20px;padding:0 113px 38px 40px}
.faq_list .cont p {color:#666666;line-height:1.7}
.faq_list .cont ul {margin-top:20px}
.faq_list .cont li {position:relative;padding-left:14px}
.faq_list .cont li::before {content:'·';display:block;position:absolute;top:0;left:0}

.index .sec_07 .faq_list,
.index .sec_07 .faq_list > ul > li {border-color:var(--white)}
.index .sec_07 .faq_list button {color:var(--white)}
.index .sec_07 .faq_list button::after {background-image:url('../img/web/arrow_down.svg')}
.index .sec_07 .faq_list .cont p {color:var(--white)}

/* 헤더 */
.header {width:100%;position:fixed;top:0;left:0;z-index:99;transition:background .2s;background:var(--white)}
.header.white {background:var(--white);border-bottom:solid 1px #f8f8f8}
.header .wrapper {display:flex;align-items:center;max-width:1440px;height:100px}
.header .logo {display:flex;align-items:center;width:137px;height:100%;}
.header .gnb {margin-left:140px;margin-right:30px}
.header .gnb .menu_head {display:none}
.header .gnb ul {display:flex;align-items:center;gap:0 45px}
.header .gnb li a {display:flex;align-items:center;justify-content:center;gap:0 2px;height:100px;font-size:17px;font-weight:700;transition:all .2s;text-align:center}
.header .gnb li a:hover {color:var(--primary)}
.header .my_menu {margin-left:auto}
.header .my_menu ul {display:flex;align-items:center;gap:0 16px;}
.header .my_menu ul li a {font-size:16px}
.header .my_menu ul li a:hover {text-decoration:underline}
.header .btn_primary {font-size:17px;font-weight:700;padding:10px 22px;border-radius:50px;margin-left:30px}
.header .menu_open {display:none}

/* 푸터 */
.footer {background:#FAFAFA;font-size:14px}
.footer .wrapper {display:flex;align-items:flex-start;gap:0 64px;position:relative;padding:77px 20px 90px}
.footer .go_top {position:absolute;right:0;top:0;transform:translateY(-50%);transition:all .2s;z-index:9}
.footer .go_top:hover {top:-4%}
.footer .left img {width:137px}
.footer .left p {font-size:12px;color:#787878;margin-top:20px}
.footer .left a {display:none}
.footer .info > div {display:flex;align-items:center}
.footer .info > div span + span::before {content:'';display:inline-block;width:2px;height:12px;background:var(--black);margin:0 15px}
.footer .info > div + div {margin-top:8px}
.footer .phone {flex:205px 0 0}
.footer .phone > div {display:flex;align-items:center;margin-top:8px}
.footer .phone > div span {white-space:nowrap}
.footer .phone > div span:first-child {flex:63px 0 0}
.footer .phone .number {display:block;font-size:24px;margin-top:18px}
.footer .right {margin-left:auto}
.footer .right .sns_link {display:flex;align-items:center;justify-content:flex-end;gap:0 24px}
.footer .right > a {display:block;color:#9C9C9C;margin-top:80px;text-align:right}
.footer .right > a + a {margin-top:8px}
.footer .info > p,
.footer .left a {display:none}
.floating{position: fixed; bottom: 8rem; right: 6rem; z-index: 11; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2.8rem;}
.floating .scroll-btn{border-radius: 100px; width: 3rem; background-color: #292929; padding: 0 5px;}
.floating .scroll-btn > div{height: 3rem; width: 100%; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.floating .scroll-btn .top{border-bottom: 1px solid #434343;}
.floating .kakao{width: 5.2rem;}
.floating .kakao img{width: 100%;}

/* index */
.index .title_box.center {text-align:center}
.index .title_box .sub {display:block;font-size:24px;font-weight:700;color:var(--primary);margin-bottom:30px}
.index .title_box h2 {font-size:60px;}
.index .title_box h3 {font-size:48px;font-weight:normal;line-height:1.375}
.index .title_box p {font-size:20px;line-height:2;margin-top:30px}

.index .sec_01 {height:100vh;min-height:600px}
.index .sec_01 .swiper {height:100%}
.index .sec_01 .swiper-slide {display:flex;align-items:center;justify-content:center;text-align:center;color:var(--white)}
.index .sec_01 .swiper-slide p {font-size:18px;line-height:1.56;margin:40px 0}
.index .sec_01 .swiper-slide strong {display:block;font-size:45px;line-height:1.33}
.index .sec_01 .swiper-slide-active .img_wrap img {transform:scale(1.05)}
.index .sec_01 .swiper-pagination {display:flex;align-items:center;width:100px;background:#ABABAB;position:initial;overflow:hidden}
.index .sec_01 .swiper-pagination-bullet {flex:1;height:3px;margin:0 !important;border-radius:0}
.index .sec_01 .swiper-pagination-bullet-active {background:var(--primary);position:relative}
.index .sec_01 .swiper-pagination-bullet-active::before {content:'';display:block;width:500%;height:100%;background:var(--primary);position:absolute;top:0;right:0}
.index .sec_01 .img_wrap {width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1}
.index .sec_01 .img_wrap img {width:100%;height:100%;object-fit:cover;transition:all 6s}
.index .sec_01 .pg {display:flex;align-items:center;justify-content:center;gap:0 8px;position:absolute;bottom:86px;left:50%;transform:translateX(-50%);z-index:1;font-size:14px;font-weight:700;color:var(--white)}

.index .sec_02 {padding:250px 0 117px}
.index .sec_02 .wrapper {max-width:1248px}
.index .sec_02 .title_box {display:flex;align-items:center;gap:0 66px}
.index .sec_02 .banner {margin-top:87px;position:relative}
.index .sec_02 .banner .wrapper {display:flex;align-items:center;height:100%;background:#51CED3;border-radius:0 500px 500px 0;position:relative;padding:227px 30px 228px}
.index .sec_02 .banner .wrapper::before {content:'';display:block;width:100%;height:100%;background:#51CED3;position:absolute;top:0;right:90%;z-index:-1}
.index .sec_02 .banner img {width:594px;position:absolute;right:0;top:50%;transform:translate(50%, -50%)}
.index .sec_02 .banner p {max-width:677px;font-size:24px;line-height:1.66;color:var(--white)}

.index .sec_03 {background:url('../img/web/index_03_01.jpg') no-repeat center/cover;padding:230px 0 464px}
.index .sec_03 .title_box .sub {margin:27px 0 43px}
.index .sec_03 .title_box p {max-width:495px}

.index .sec_04 {margin-top:174px}
.index .sec_04 .wrapper {max-width:1480px}
.index .sec_04 .manage_list {margin-top:60px}
.manage_list {display:grid;grid-template-columns:repeat(2, 1fr);gap:50px 40px}
.manage_list .item {min-height:453px;background:var(--primary);border-radius:30px;color:var(--white);padding:68px 58px 142px;position:relative;overflow:hidden;transition:all .4s}
.manage_list .item:hover {background:transparent}
.manage_list .item:hover .arrow {transform:translateX(10px)}
.manage_list .item:hover .cont {opacity:1}
.manage_list .item .img_wrap {width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1}
.manage_list .item .img_wrap img {width:100%;height:100%;object-fit:cover}
.manage_list .item .tit {display:block;font-size:40px;font-weight:700}
.manage_list .item > p {font-size:24px;margin-top:14px}
.manage_list .item .cont {font-size:16px;margin-top:22px;opacity:0;transition:all .2s}
.manage_list .item .cont ul {display:grid;grid-template-columns:240px auto;gap:25px 0}
.manage_list .item .cont ul li span {display:block;font-weight:700;padding-left:12px;position:relative}
.manage_list .item .cont ul li span::before {content:'·';display:block;position:absolute;top:0;left:0}
.manage_list .item .cont ul li p {font-size:inherit;padding-left:12px;margin-top:0}
.manage_list .item .arrow {width:60px;border-radius:50px;box-shadow:0 4px 14px rgba(0,0,0,.14);position:absolute;bottom:55px;left:58px;transition:all .2s}

.index .sec_05 {margin-top:230px}
.index .sec_05 .tab_menu {margin-top:28px}
.index .sec_05 .tab_cont_wrap {margin-top:78px}
.index .sec_05 .list {display:grid;grid-template-columns:repeat(4, 1fr);gap:78px 32px}
.index .sec_05 .list .img_wrap {border-radius:20px;overflow:hidden}
.index .sec_05 .list .img_wrap img {width:100%}
.index .sec_05 .list .txt_wrap {margin-top:26px}
.index .sec_05 .list .txt_wrap .tit {font-size:30px;font-weight:700;line-height:1.46;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.index .sec_05 .list .txt_wrap p {font-size:18px;line-height:1.56;color:#B4B4B4;margin-top:26px;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}

.index .sec_06 {margin-top:200px}
.index .sec_06 .store .sec_01 {height:auto;min-height:initial;padding:50px 0 0}
.index .sec_06 .store .tab_cont_wrap {margin-top:70px}

.index .sec_07 {background:var(--primary);color:var(--white);padding:118px 0 174px;margin-top:198px}
.index .sec_07 .title_box .sub {color:var(--white)}

.index .sec_09 {padding:170px 0 188px}
.index .sec_09 .top {display:flex;align-items:flex-end;justify-content:space-between;width:100%}
.index .sec_09 .top .radio_wrap {display:flex;align-items:center;gap:0 16px}
.index .sec_09 .top .radio_wrap input {display:none}
.index .sec_09 .top .radio_wrap label {display:flex;align-items:center;justify-content:center;width:180px;height:64px;font-size:20px;color:#707070;border:solid 2px transparent;background:#F1F1F1;border-radius:44px;transition:all .2s;cursor:pointer}
.index .sec_09 .top .radio_wrap input:checked + label {font-weight:700;background:var(--primary);color:var(--white)}
.index .sec_09 .form {display:grid;grid-template-columns:repeat(2, 1fr);gap:48px 100px;background:#FCFCFC;padding:80px 84px;margin-top:90px}
.index .sec_09 .form .required {background:none !important;}
.index .sec_09 .form .span2 {grid-column:span 2}
.index .sec_09 .form .msg {grid-column:span 2;font-size:17px;position:relative;padding-left:16px}
.index .sec_09 .form .msg::before {top:8px;left:0}
.index .sec_09 .form .msg::before,
.index .sec_09 .form .tit::after {content:'';display:block;width:6px;height:6px;background:#B30303;border-radius:6px;position:absolute}
.index .sec_09 .form .tit {display:inline-block;font-size:20px;font-weight:800;position:relative}
.index .sec_09 .form .tit::after {left:calc(100% + 10px);top:50%;transform:translateY(-50%)}
.index .sec_09 .form .tit.blue::after {background:#0364B3}
.index .sec_09 .form .input_box input {display:block;width:100%;height:60px;border:solid 1px #C0C0C0;border-radius:60px;font-size:16px;margin-top:10px;padding:0 30px;transition:all .2s;text-align:left}
.index .sec_09 .form .input_box input::-webkit-date-and-time-value {text-align:left;vertical-align: middle;padding-top:16px}
.index .sec_09 .form .input_box *:focus {border:solid 2px var(--black)}
.index .sec_09 .form .input_box textarea {display:block;width:100%;height:196px;border:solid 1px #C0C0C0;border-radius:30px;font-size:16px;padding:32px 34px;margin-top:10px;transition:all .2s}
.index .sec_09 .form .term_box {width:100%;height:290px;border:solid 1px #C0C0C0;border-radius:30px;font-size:14px;padding:38px 36px;margin-top:10px;overflow-y:auto}
.index .sec_09 .form .chk_box {margin-top:26px}
.index .sec_09 .form .chk_box input {display:none}
.index .sec_09 .form .chk_box input:checked + label::after {content:'';display:inline-block;width:12px;height:12px;background:var(--primary);border-radius:30px;position:absolute;top:9px;left:9px}
.index .sec_09 .form .chk_box label {display:flex;align-items:center;gap:0 6px;font-size:14px;position:relative;cursor:pointer}
.index .sec_09 .form .chk_box label::before {content:'';display:inline-block;width:30px;height:30px;border:solid 1px var(--primary);border-radius:30px}
.index .sec_09 .form .btn_wrap .btn {font-size:24px;font-weight:700;gap:0 10px;border-radius:60px;padding:22px 40px;margin:0 auto}
.index .sec_09 .form .btn_wrap .btn img {transition:all .2s}
.index .sec_09 .form .btn_wrap .btn:hover img {transform:translate(4px, -4px)}

/* faq */
.faq {padding-bottom:340px}

/* 설문조사 - 인트로 */
.test .title_box.center {text-align:center}
.test h2 {font-size:60px;font-weight:700;margin-bottom:40px;position:relative}
.test h2::before {content:'';width:300px;height:300px;background-color:var(--primary);border-radius:1000px;position:absolute;top:50%;transform:translateY(-50%);z-index:-1;left:-100px}
.test .title_box p {font-size:24px;line-height:1.66;margin-left:20%;color:#848484}
.round_image {height:570px;background:url('../img/web/test_intro_pc.png') no-repeat center/cover;border-radius:0 400px 400px 0;margin-right:60px;position:relative}

.test_intro .wrapper {display:flex;align-items:center}
.test_intro .title_box {padding-top:200px;margin-bottom:-36px;position:relative;z-index:1}
.test_intro .title_box p {max-width:588px;margin-left:83px}
.test_intro .sub {padding-top:100px}
.test_intro .sub a {display:inline-flex;gap:0 14px;font-size:24px;font-weight:700;border-radius:60px;padding:16px 48px;margin:70px 0 0 83px}
.test_intro .sub a img {transition:all .2s}
.test_intro .sub a:hover img {transform:translateX(4px)}

/* 설문조사 - 로딩 */
.test_loading .title_box {padding:200px 0 66px}
.test_loading .title_box h3 {font-size:40px;font-weight:700;line-height:1.5}
.test_loading .chart_wrap {margin-top:60px;position:relative}
.test_loading .chart_wrap .num {display:block;width:100%;text-align:center;font-size:40px;font-weight:700;position:absolute;top:50%;left:0;transform:translateY(-50%)}
.test_loading .chart_wrap .circular-chart {display:block;width:210px;height:210px;margin:0 auto}
.test_loading .chart_wrap .circular-chart .circle {stroke:#5EDFDF;fill:none;stroke-width:2.8; animation:progress ease-out forwards;}
.test_loading .round_image {background-image:url('../img/web/test_loading_pc.png');background-position:right center}
.test_loading .bottom {position:relative}
.test_loading .chk_wrap {width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:1}
.test_loading .chk_box + .chk_box {margin-top:30px}
.test_loading .chk_box input {display:none}
.test_loading .chk_box input:checked + label {color:var(--primary);font-weight:700}
.test_loading .chk_box input:checked + label::before {background:url('../img/web/check.svg') no-repeat center/cover}
.test_loading .chk_box label {display:flex;align-items:center;gap:0 26px;font-size:28px;transition:all .2s}
.test_loading .chk_box label::before {content:'';display:block;width:28px;height:28px;border:solid 1px var(--primary);border-radius:5px}

@keyframes progress {
    0% {stroke-dasharray: 0 100}
}

/* 설문조사 */
.test .visual {background:url(../img/web/test-visual.png) no-repeat right 0/50%;padding:360px 0 120px}
.test .visual .wrapper {display:flex;flex-direction:column;justify-content:flex-end;height:100%}

.test-wrap {padding-bottom:117px}
.test-wrap .btn-back a {color:var(--white)}
.test-wrap .btn-back a img {margin-right:13px}

.test-wrap .question {text-align:center}
.test-wrap .question h2 {font-size:60px;margin-bottom:50px}
.test-wrap .question h2::before {display:none}
.test-wrap .question ul {margin-bottom:100px}
.test-wrap .question ul li {border-bottom:1px solid #D9D9D9;padding-bottom:75px;margin-bottom:75px}
.test-wrap .question ul li h3 {font-size:30px;font-weight:400}
.test-wrap .question ul li h4 {font-size:18px;line-height:1.55;color:#A1A1A1;margin-top:20px;font-weight:400}
.test-wrap .question ul li .check-wrap {display:flex;justify-content:center;gap:125px;font-size:24px;font-weight:500;margin-top:50px}
.test-wrap .question ul li .radio-button {width:80px;padding-top:100px;position:relative;cursor:pointer}
.test-wrap .question ul li .radio-button input {display:none}
.test-wrap .question ul li .radio-button .custom-radio {height:80px;width:80px;border-radius:50%;background-color:#F8F8F8;position:absolute;top:0;left:0;}
.test-wrap .question ul li .radio-button input:checked ~ .custom-radio {background-color:var(--primary)}
.test-wrap .question ul li .custom-radio:after {content:'';width:34px;height:34px;border-radius:50%;background:var(--white);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
.test-wrap .question .contbox {display:flex;align-items:center;justify-content:center;gap:20px;width:100%;font-size:20px;background-color:#F8F8F8;margin-bottom:60px;padding:25px 20px}
.test-wrap .question .contbox p span {color:#FF3A3A}
.test-wrap .question .contbox input[type="text"] {height:56px;background-color:var(--white);border:1px solid #ddd;font-size:inherit;padding:0 20px}
.test-wrap .question .contbox .privacy {font-size:14px}
.test-wrap .question button {width:100%;max-width:410px;height:70px;border:2px solid var(--primary);border-radius:100px;margin:0 auto;font-size:24px;color:var(--primary);transition:all .2s}
.test-wrap .question button:hover {background:var(--primary);color:var(--white)}
.test-wrap .question .btn_wrap {display:flex;align-items:center;justify-content:center;gap:0 20px;margin:40px auto}
.test-wrap .question .btn_wrap > * {display:flex;align-items:center;justify-content:center;width:100%;max-width:160px;height:50px;font-size:20px;margin:0;color:var(--white)}
.test-wrap .question .btn_wrap > .btn_prev {background:#dddddd;border:0}
.test-wrap .question .btn_wrap > .btn_prev:hover {background:#cfcfcf}
.test-wrap .question .btn_wrap > .btn_primary:hover {background:#44dada}

/* 설문결과 - 타입 01: 좋을때 */
.test_result .title_box {padding-top:214px}
.test_result .title_box .top {display:flex;align-items:center;gap:0 118px}
.test_result .title_box .top .sub_tit {font-size:40px;font-weight:700;line-height:1.5}
.test_result .title_box .top .tit {font-size:64px;font-weight:700;line-height:1.25}
.test_result h2 {font-weight:400;margin:120px 0 0 450px;position:relative;z-index:1}
.test_result h2::before {left:-170px}
.test_result .round_image {display:flex;align-items:center;justify-content:center;margin-top:-86px}
.test_result .round_image p {max-width:660px;font-size:24px;color:#848484;line-height:1.875;text-align:center;margin:0 auto;padding-left:60px}
.test_result .msg {font-size:16px;color:#838383;text-align:right;margin-top:28px}
.test_result .recommend_list {background:var(--primary);padding:109px 0 116px;margin-top:190px}
.test_result .recommend_list .wrapper {max-width:1480px}
.test_result .recommend_list .wrapper > .tit {display:block;font-size:40px;font-weight:700;color:var(--white);text-align:center}
.test_result .recommend_list .manage_list {margin-top:50px}
.test_result .recommend_list .manage_list .tit,
.test_result .recommend_list .manage_list p,
.test_result .recommend_list .manage_list .cont {position:relative;z-index:1;opacity:1}
.test_result .recommend_list .manage_list .img_wrap {z-index:0}
.test_result .recommend_list .btn_wrap {display:none}
.test_result .recommend_list .btn_wrap > div {position:initial}
.test_result .recommend_list .btn_wrap > div::after {display:none}
.test_result .comment {max-width:1000px;font-size:18px;color:#848484;margin:90px auto 0}
.test_result .comment p {line-height:1.6}
.test_result .comment p + p {margin-top:50px}
.test_result .comment em {display:block;font-weight:700;}

.test_result.result_01 .round_image {background-image:url('../img/web/test_result_01_pc.jpg')}
.test_result.result_02 .round_image {background-image:url('../img/web/test_result_02_pc.png')}
.test_result.result_03 .round_image {background-image:url('../img/web/test_result_03_pc.png')}
.test_result.result_03 .round_image p {max-width:900px;font-size:24px;color:var(--black);line-height:1.5;margin-top: 5%;}
.test_result.result_04 .round_image {background-image:url('../img/web/test_result_04_pc.png');margin-top:86px}
.test_result.result_04 .round_image .wrapper {display:flex;align-items:center;justify-content:flex-start;}
.test_result.result_04 .round_image h2 {margin:0 0 0 70px}
.test_result.result_04 .round_image p {max-width:778px;font-size:40px;line-height:1.5;text-align:left;color:var(--white);margin:0}

/* 브랜드소개 */
.brand .top_intro {background:none}
.brand .top_intro .txt_wrap .tit {font-size:48px}
.brand .sec_01 {margin-top:50px}
.brand .sec_01 .wrapper {display:flex;align-items:flex-start;gap:0 130px}
.brand .sec_01 .txt_wrap {width:100%;max-width:610px}
.brand .sec_01 .txt_wrap .tit {display:block;font-size:48px;line-height:1.375}
.brand .sec_01 .txt_wrap p {max-width:536px;font-size:20px;color:#717171;line-height:1.8;margin-top:65px}
.brand .sec_01 .txt_wrap .p1 {max-width:100%;font-size:30px;line-height:1.6;margin-top:55px}
.brand .sec_01 .img_wrap {width:43%;max-width:455px;border-radius:30px;box-shadow:0 0 50px rgba(0,0,0,.05);overflow:hidden}
.brand .sec_02 {margin-top:94px;text-align:center}
.brand .sec_02 .wrapper {max-width:1347px;padding:0 28px}
.brand .sec_02 .txt_wrap {background:var(--primary);border-radius:30px;overflow:hidden;padding:110px 0}
.brand .sec_02 .txt_wrap .tit {display:block;font-size:60px;font-weight:700;line-height:1.5}
.brand .sec_02 .txt_wrap .tit em {color:var(--white)}
.brand .sec_02 .txt_wrap p {max-width:672px;font-size:26px;color:#616161;line-height:1.8;margin:70px auto 0}
.brand .sec_03 {text-align:center;padding:210px 0 186px}
.brand .sec_03 p {font-size:24px;color:#9D9D9D;margin-bottom:60px}
.brand .sec_03 img {width:295px}
.brand .sec_04 {background:url('../img/web/brand_03.jpg') no-repeat center/cover fixed;text-align:center;padding:230px 0 250px;margin-top:114px}
.brand .sec_04 p {font-size:44px;line-height:1.4;color:var(--white)}

/* 지점안내 */
.store .sec_01 {padding:160px 0 134px}
.store .sec_01 .wrapper {max-width:1480px}
.store .tab_cont_wrap {background:#F4F4F4;border-radius:30px;margin-top:106px;overflow:hidden}
.store .tab_cont {padding:88px 76px}
.store .tab_cont .inner {display:flex;align-items:center;justify-content:space-between;gap:0 40px}
.store .tab_cont .txt_wrap {display:flex;flex-direction:column;align-items:center;width:40%;min-width:400px;font-size:17px}
.store .tab_cont .txt_wrap strong {display:block;font-size:45px;font-weight:800;text-align:center}
.store .tab_cont .txt_wrap strong span {display:block;font-size:.5em}
.store .tab_cont .txt_wrap .num {font-size:36px;font-weight:500;margin-top:16px}
.store .tab_cont .txt_wrap p {margin-top:88px;position:relative}
.store .tab_cont .txt_wrap p::before {content:'';display:block;width:1px;height:45px;background:var(--black);position:absolute;top:-70px;left:50%;transform:translateX(-50%)}
.store .tab_cont .txt_wrap .info {margin-top:18px;padding-left:20px}
.store .tab_cont .txt_wrap .info > div {display:flex;align-items:flex-start;}
.store .tab_cont .txt_wrap .info > div + div {margin-top:8px}
.store .tab_cont .txt_wrap .info .tit {display:inline-block;width:80px;font-weight:700;text-align:right;margin-right:18px}
.store .tab_cont .txt_wrap .info a {word-break:break-all}
.store .root_daum_roughmap {width:100% !important;max-width:640px}
.store .root_daum_roughmap .wrap_controllers {display:none}

/* 관리메뉴 */
.manage .sec_01 {text-align:center;margin-top:50px}
.manage .sec_01 h2 {font-size:60px;font-weight:300}
.manage .sec_01 p {font-size:20px;color:#717171;margin-top:35px}

.manage .sec_02 .wrapper {max-width:1480px}
.manage .sec_02 .tab_menu {margin-top:97px}
.manage .sec_02 .tab_menu li > * {width:170px}
.manage .sec_02 .box_wrap:first-child {padding-top:97px}
.manage .sec_02 .box_wrap {padding-top:65px}
.manage .sec_02 .box {background:no-repeat center/cover;border-radius:30px;padding:120px 170px;color:var(--white)}
.manage .sec_02 .box .tit {font-size:40px;font-weight:700}
.manage .sec_02 .box ul {display:grid;grid-template-columns:repeat(2, 1fr);gap:70px 96px;margin-top:50px;font-size:18px;line-height:1.56}
.manage .sec_02 .box ul li > span {display:block;font-size:24px;font-weight:700;margin-bottom:25px}
.manage .sec_02 .box ul li p + span {margin-top:50px}
.manage .sec_02 .care {padding:80px 0 55px}
.manage .sec_02 .care > div + div {margin-top:77px}
.manage .sec_02 .care .tit {display:flex;align-items:center;justify-content:center}
.manage .sec_02 .care .tit span {font-size:36px;font-weight:700;text-align:center;position:relative}
.manage .sec_02 .care .tit span::before {content:'';display:block;width:68px;height:68px;background:var(--primary);border-radius:68px;position:absolute;top:50%;left:-40px;transform:translateY(-50%);z-index:-1}
.manage .sec_02 .care .img_wrap {display:flex;justify-content:center;flex-wrap:wrap;gap:58px 55px;margin-top:45px}
.manage .sec_02 .care .img_wrap > div {width:calc((100% - 55px)/2)}
.manage .sec_02 .care .img_wrap > div img {width:100%;}
.manage .sec_02 #box_01 .box {background-image:url('../img/web/manage_01.png')}
.manage .sec_02 #box_02 .box {background-image:url('../img/web/manage_02.png')}
.manage .sec_02 #box_03 .box {background-image:url('../img/web/manage_03_01.jpg')}
.manage .sec_02 #box_04 .box {background-image:url('../img/web/manage_04.png')}
.manage .sec_02 #box_04 ul li > span {display:grid;grid-template-columns:150px 1fr;}

.manage .sec_03 {padding:88px 0 130px;text-align:center}
.manage .sec_03 em {display:block;font-size:34px;font-weight:700;line-height:1.58}
.manage .sec_03 ul {display:flex;flex-direction:column;align-items:center;gap:5px 0;font-size:18px;color:#CACACA;margin-top:24px}
.manage .sec_03 ul li {display:inline-block;position:relative;padding-left:12px;line-height:1.5}
.manage .sec_03 ul li::before {content:'-';display:block;position:absolute;top:0;left:0}

@media all and (min-width: 1920px) {
    .top_intro {background-size:992px}
}

@media all and (max-width: 1339px) {
    .footer .go_top {right:30px}
}

@media all and (max-width: 1299px) {
    /* 헤더 */
    .header .gnb {margin-left:10%}
}

@media all and (max-width: 1199px) {
    .top_intro {height:430px;background-size:60%;padding-top:180px}
    .top_intro .txt_wrap span {font-size:20px}


    .faq_list button {font-size:22px;padding:30px 0}
    .faq_list button::after {width:32px;height:32px;right:0}
    .faq_list .cont {font-size:18px;padding:0 50px 50px 0}

    /*!* 헤더 *!*/
    /*.header .wrapper {height:80px}*/
    /*.header .logo img {width:120px}*/
    /*.header .gnb {margin-left:8%}*/
    /*.header .gnb ul {gap:0 36px}*/
    /*.header .gnb li a {height:80px;font-size:15px}*/
    /*.header .my_menu ul li a {font-size:14px}*/
    /*.header .btn_primary {font-size:15px}*/
    /* 헤더 */
    .header .wrapper {height:60px;padding:0 0 0 20px}
    .header .wrapper > .my_menu {display:none}
    .header .logo img {width:88px}
    .header .gnb {display:none;flex-direction:column;width:100%;height:100%;position:fixed;top:0;left:0;background:var(--primary);z-index:999;margin:0;overflow-y:auto}
    .header .gnb .menu_head {display:flex;align-items:center;width:100%;height:60px;background:var(--primary);padding-left:20px;position:sticky;top:0;left:0}
    .header .gnb .menu_head .my_menu {margin-left:auto}
    .header .gnb .menu_head .my_menu ul {flex-direction:row;justify-content:flex-start;padding:0}
    .header .gnb .menu_head .my_menu ul li a {height:60px;color:var(--white)}
    .header .gnb ul {flex:1;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 20px}
    .header .gnb li a {font-size:24px;font-weight:normal;color:var(--white)}
    .header .gnb li a:hover {color:var(--white)}
    .header .gnb li a svg {display:none}
    .header .btn_primary {border-radius:20px 20px 0 0;transform:translate(39%) rotate(-90deg);position:fixed;bottom:34%;right:0;z-index:9}
    .header .menu_open,
    .header .menu_close {display:flex;align-items:center;justify-content:center;width:60px;height:60px;margin-left:auto}
    .header .menu_close {margin-left:10px}

    /* 푸터 */
    .footer .go_top {width:53px}
    .footer .info {width:370px}
    .footer .info > div {flex-wrap:wrap;gap:4px 14px}
    .footer .info > div span + span::before {display:none}
    .footer .right .sns_link a {width:30px}

    /* index */
    .index .title_box .sub {font-size:20px}
    .index .title_box h2 {font-size:42px}
    .index .title_box h3 {font-size:36px}
    .index .title_box p {font-size:18px}

    .index .sec_01 .swiper-slide p {font-size:16px;margin:30px 0}
    .index .sec_01 .swiper-slide strong {font-size:34px}
    .index .sec_02 {padding:175px 0 136px}
    .index .sec_02 .banner {margin-top:60px;padding-right:250px}
    .index .sec_02 .banner p {max-width:400px;font-size:18px}
    .index .sec_02 .banner .wrapper {padding:100px 30px}
    .index .sec_02 .banner img {width:400px}
    .index .sec_03 {padding:170px 0 350px}
    .index .sec_04 {margin-top:108px}
    .index .sec_04 .manage_list {margin-top:35px}
    .manage_list {gap:20px}
    .manage_list .item {padding:54px 43px 133px}
    .manage_list .item .tit {font-size:32px}
    .manage_list .item > p {font-size:20px}
    .manage_list .item .cont ul {grid-template-columns:repeat(2, 1fr);gap:20px 0}
    .manage_list .item .arrow {left:43px;bottom:38px}
    .index .sec_05 {margin-top:160px}
    .index .sec_05 .list {max-width:800px;grid-template-columns:repeat(2, 1fr);margin:0 auto}
    .index .sec_07 {padding:90px 0;margin-top:170px}
    .index .sec_08 {margin-top:190px}
    .index .sec_09 {padding-bottom:0}
    .index .sec_09 .top .radio_wrap label {width:140px;height:50px;font-size:17px}

    /* 설문조사 - 인트로 */
    .test h2 {font-size:46px}
    .test h2::before {width:200px;height:200px}
    .test .title_box p {font-size:20px;margin-left:50px}
    .round_image {height:420px}

    .test_intro .title_box {padding-top:102px}
    .test_intro .title_box p {margin-left:48px}
    .test_intro .sub a {margin-left:48px}

    /* 설문조사 - 로딩 */
    .test_loading .title_box {padding:165px 0 55px}
    .test_loading .title_box h3 {font-size:30px}
    .test_loading .chk_box label {font-size:22px;gap:0 16px}
    .test_loading .chk_box label::before {width:22px;height:22px}

    /* 설문조사 */
    .test .visual {padding-top:255px}
    .test-wrap .question h2 {font-size:42px;margin-bottom:40px}
    .test-wrap .question ul li h4 {font-size:15px}
    .test-wrap .question ul li {margin-bottom:60px;padding-bottom:60px}
    .test-wrap .question ul li h3 {font-size:24px}
    .test-wrap .question ul li .check-wrap {gap:0 100px;font-size:20px}
    .test-wrap .question ul li .radio-button {width:60px;padding-top:80px}
    .test-wrap .question ul li .radio-button .custom-radio {width:60px;height:60px;left:50%;transform:translateX(-50%)}
    .test-wrap .question ul li .custom-radio:after {width:26px;height:26px}
    .test-wrap .question .contbox {font-size:16px}
    .test-wrap .question .contbox input[type="text"] {height:44px}
    .test-wrap .question button {font-size:20px;height:58px;max-width:300px}

    /* 설문결과 - 타입 01: 좋을때 */
    .test_result .title_box {padding-top:170px}
    .test_result .title_box .top .sub_tit {font-size:30px}
    .test_result .title_box .top .tit {font-size:47px}
    .test_result h2 {font-size:38px;margin:88px 0 0 372px}
    .test_result h2::before {left:-109px}
    .test_result .round_image {margin-top:-60px}
    .test_result .round_image p {font-size:20px}
    .test_result .msg {font-size:14px;text-align:center}
    .test_result .recommend_list .wrapper > .tit {font-size:36px}
    .test_result.result_03 .round_image p {font-size:28px}
    .test_result.result_04 .round_image {background-position:right center}
    .test_result.result_04 .round_image h2 {margin-left:30px}
    .test_result.result_04 .round_image p {font-size:30px}

    /* 브랜드소개 */
    .brand .top_intro .txt_wrap .tit {font-size:36px}
    .brand .sec_01 .wrapper {gap:0 80px}
    .brand .sec_01 .txt_wrap .tit {font-size:36px}
    .brand .sec_01 .txt_wrap p {margin-top:48px}
    .brand .sec_01 .txt_wrap .p1 {font-size:25px;margin-top:34px}
    .brand .sec_02 {margin-top:72px}
    .brand .sec_02 .txt_wrap .tit {font-size:42px}
    .brand .sec_02 .txt_wrap p {margin-top:52px}
    .brand .sec_03 {padding:68px 0 140px}
    .brand .sec_03 p {font-size:20px;margin-bottom:40px}
    .brand .sec_03 img {width:200px}
    .brand .sec_04 {margin-top:90px;padding:200px 0}
    .brand .sec_04 p {font-size:34px}

    /* 지점안내 */
    .store .tab_cont {padding:80px 60px}

    /* 관리메뉴 */
    .manage .sec_01 h2 {font-size:42px}
    .manage .sec_01 p {font-size:18px;margin-top:26px}
    .manage .sec_02 .tab_menu {margin-top:65px}
    .manage .sec_02 .box_wrap:first-child {padding-top:65px}
    .manage .sec_02 .box {padding:80px 90px}
    .manage .sec_02 .box .tit {font-size:32px}
    .manage .sec_02 .box ul {gap:30px 40px;margin-top:40px}
    .manage .sec_02 .box ul li > span {font-size:22px;margin-bottom:20px}
    .manage .sec_02 .care .tit span {font-size:30px;}
    .manage .sec_02 .care .tit span::before {width:52px;height:52px;left:-26px}
    .manage .sec_03 em {font-size:26px}
}

@media all and (max-width: 1023px) {

    /* 푸터 */
    .footer .wrapper {flex-direction:column;padding:58px 30px 40px;position:relative}
    .footer .go_top:hover {top:-2%}
    .footer .left img {width:110px}
    .footer .left p {display:none}
    .footer .left a {display:block;color:#9C9C9C;margin-top:28px}
    .footer .phone {order:1;flex:auto;width:100%;margin-top:50px}
    .footer .info {order:2;width:100%;margin-top:40px}
    .footer .info > div {flex-direction:column;align-items:flex-start;}
    .footer .info > p {display:block;font-size:12px;color:#787878;margin-top:48px}
    .footer .right {position:absolute;top:55px;right:48px}
    .footer .right > a {display:none}

    /* 인덱스 */
    .index .sec_02 .title_box {flex-direction:column;align-items:flex-start;gap:40px 0}
    .index .sec_02 .banner {padding-right:200px}
    .index .sec_02 .banner img {width:300px}
    .manage_list {display:flex;flex-direction:column}
    .manage_list .item {min-height:initial}
    input[type="date"] {appearance: none; /* 기본 스타일 비활성화 */ -webkit-appearance: none; /* Safari 지원 */ background: #fff;}

    /* 설문조사 */
    .test-wrap .question .contbox {flex-wrap:wrap}
    .test-wrap .question .contbox > p {width:100%}
    .test-wrap .question .contbox .privacy {width:100%}

    /* 설문결과 - 타입 01: 좋을때 */
    .test_result .comment {font-size:16px;margin-top:30px}
    .test_result .recommend_list {margin-top:140px}
    .test_result .recommend_list .btn_wrap {display:flex;align-items:center;justify-content:center;gap:0 25px;margin-top:37px}
    .test_result .recommend_list .btn_wrap > div {width:60px;height:60px;border-radius:60px;margin:0;box-shadow:0 4px 14px rgba(0,0,0,.14)}

    /* 브랜드소개 */
    .brand .sec_01 .wrapper {max-width:600px;flex-direction:column;gap:60px 0}
    .brand .sec_01 .img_wrap {width:100%;margin:0 auto}
    .brand .sec_02 .txt_wrap {padding:100px 0}

    /* 지점안내 */
    .store .sec_01 {padding:80px 0 90px}
    .store .tab_cont_wrap {margin-top:70px}
    .store .tab_cont {padding:80px 40px}
    .store .tab_cont .inner {flex-direction:column;gap:40px 0;text-align:center}
    .store .tab_cont .txt_wrap {width:100%;min-width:initial}
    .store .tab_cont .txt_wrap strong {font-size:34px}
    .store .tab_cont .txt_wrap .num {font-size:30px}
    .store .tab_cont .txt_wrap .info {font-size:16px;padding:0;text-align:left}
    .store .tab_cont .txt_wrap .info .tit {flex:70px 0 0;margin-right:10px}

    /* 관리메뉴 */
    .manage .sec_02 .box + .box {margin-top:46px}
    .manage .sec_02 .box ul {display:flex;flex-direction:column;}
}

@media all and (max-width: 767px) {
    .top_intro {height:300px;padding-top:110px;background:url('../img/web/top_intro_mb.png') no-repeat right top/218px}
    .top_intro .txt_wrap span {font-size:14px}
    .top_intro .txt_wrap .tit {font-size:24px}
    .top_intro .txt_wrap p {font-size:14px;margin-top:15px}
    .only_mb {display:block}
    .only_pc {display:none}

    .tab_menu ul {gap:0 12px}
    .tab_menu li > * {font-size:16px}
    .faq_list button {font-size:16px;padding:40px 0}
    .faq_list button::after {width:24px;height:24px}
    .faq_list .cont {font-size:16px}

    .floating{right: 20px; bottom: 47px; gap: 13px;}
    .floating .scroll-btn{width: 20px; padding: 0 3px;}
    .floating .scroll-btn > div{height: 20px;}
    .floating .kakao{width: 40px;}

    /* 인덱스 */
    .index .title_box .sub {font-size:16px;margin-bottom:16px}
    .index .title_box h2 {font-size:24px}
    .index .title_box h3 {font-size:24px}
    .index .title_box p {font-size:16px;margin-top:20px}

    .index .sec_01 .swiper-slide em {font-size:1.4em;margin-bottom:4px}
    .index .sec_01 .swiper-slide strong {font-size:22px}
    .index .sec_02 {padding:96px 0 224px}
    .index .sec_02 .banner {height:auto;margin-top:40px;padding-right:27px}
    .index .sec_02 .banner::before {height:383px;background:url('../img/web/index_02_01_mb.jpg') no-repeat center right/cover;top:calc(100% + 40px)}
    .index .sec_02 .banner .wrapper {border-radius:0 80px 173px 0;padding:56px 40px 173px 27px}
    .index .sec_02 .banner p {font-size:16px}
    .index .sec_02 .banner img {width:298px;left:50%;bottom:0;transform:translate(-50%, 50%)}
    .index .sec_03 {background:url('../img/web/index_03_01_mb.jpg') no-repeat center bottom/cover;padding:110px 0 240px}
    .index .sec_03 .title_box .sub {margin:7px 0 20px}
    .manage_list .item {padding:40px 28px 123px; max-height: 310px;}
    .manage_list .item .tit {font-size:24px}
    .manage_list .item > p {font-size:16px;margin-top:12px}
    .index .sec_05 {margin-top:88px}
    .index .sec_05 .list {max-width:500px;display:flex;flex-direction:column}
    .index .sec_05 .list .txt_wrap .tit {font-size:24px}
    .index .sec_05 .list .txt_wrap p {font-size:14px}
    .index .sec_06 .store .tab_cont_wrap {margin-top:50px}
    .index .sec_07 {padding:60px 0;margin-top:140px}
    .index .sec_08 {margin-top:100px}
    .index .sec_09 {padding-top:120px}
    .index .sec_09 .top {flex-direction:column;align-items:flex-start;gap:14px 0}
    .index .sec_09 .top .radio_wrap{flex-wrap:wrap;gap:10px}
    .index .sec_09 .top .radio_wrap label {width:105px;height:40px;font-size:14px}
    .index .sec_09 .form {display:flex;flex-direction:column;width:calc(100% + 40px);margin-top:70px;padding:60px 42px 100px;margin-left:-20px}
    .index .sec_09 .form .term_box {padding:30px 20px}

    /* 설문조사 - 인트로 */
    .test_intro .title_box {padding-top:148px}
    .test h2 {font-size:32px;position:relative;z-index:1}
    .test h2::before {width:100px;height:100px;top:9%;left:-50px}
    .test .title_box p {max-width:220px;font-size:14px;margin-left:0}
    .test .visual .wrapper {padding:0 30px}
    .round_image {height:290px}

    .test_intro {padding-bottom:50px}
    .test_intro .wrapper {flex-direction:column;align-items:flex-start;padding:0 30px}
    .test_intro .sub {padding-top:0}
    .test_intro .sub a {margin:34px auto 0}

    /* 설문조사 - 로딩 */
    .test_loading .round_image {background-position:right 10% center}
    .test_loading .title_box {padding:130px 0 70px}
    .test_loading .title_box h3 {font-size:20px}
    .test_loading .round_image {margin:55px 60px 78px 0}
    .test_loading .chk_wrap {position:initial;transform:none}
    .test_loading .chk_box + .chk_box {margin-top:20px}
    .test_loading .chk_box label {font-size:16px}
    .test_loading .chk_box label::before {width:18px;height:18px}

    /* 설문조사 */
    .test .visual {background:url('../img/web/test-visual-mb.png') no-repeat center right/200px;padding-top:148px}
    .test-wrap .question h2 {font-size:24px;margin-bottom:35px}
    .test-wrap .question ul {margin-bottom:40px}
    .test-wrap .question ul li {margin-bottom:50px;padding-bottom:50px}
    .test-wrap .question ul li h3 {font-size:16px}
    .test-wrap .question ul li h4 {max-width:400px;font-size:12px;margin-top:10px auto 0}
    .test-wrap .question ul li h4 br {display:none}
    .test-wrap .question ul li .check-wrap {gap:0 70px;font-size:14px}
    .test-wrap .question ul li .radio-button {width:48px}
    .test-wrap .question ul li .radio-button .custom-radio {width:48px;height:48px}
    .test-wrap .question ul li .custom-radio:after {width:20px;height:20px}
    .test-wrap .question .contbox {justify-content:flex-start;gap:12px 10px;font-size:14px;text-align:left}
    .test-wrap .question .contbox input[type="text"] {flex:1;height:40px;padding:0 12px}
    .test-wrap .question button {font-size:16px;height:46px;border-width:1px}
    .test-wrap .question .btn_wrap {gap:0 12px;margin:0 auto 40px}
    .test-wrap .question .btn_wrap > * {font-size:16px;height:40px}

    /* 설문결과 - 타입 01: 좋을때 */
    .test_result .title_box {padding-top:130px}
    .test_result .title_box .top {flex-direction:column;text-align:center;gap:30px 0}
    .test_result .title_box .top .sub_tit {font-size:20px}
    .test_result .title_box .top .tit {font-size:40px}
    .test_result h2 {width:fit-content;font-size:24px;margin:60px auto 0}
    .test_result h2::before {top:50%}
    .test_result .round_image {height:auto;background-color:#FAFAFA;;border-radius:0 40px 40px 0;margin-top:-35px;padding:110px 0 35px}
    .test_result .round_image img.only_mb {margin:35px 35px 0 -20px}
    .test_result .round_image p {max-width:500px;font-size:16px}
    .test_result .msg {font-size:12px;margin-top:20px}
    .test_result .recommend_list .list {margin-top:0}
    .test_result .recommend_list .tit {font-size:32px}
    .test_result.result_01 .round_image,
    .test_result.result_02 .round_image {background-image:none !important}
    .test_result.result_02 .round_image {padding-bottom:0}
    .test_result.result_03 .title_box h2 {margin:180px auto 0}
    .test_result.result_03 .title_box h2::before {width:144px;height:144px;left:-73px}
    .test_result.result_03 .round_image {background-image:url('../img/web/test_result_03_mb.png');margin-top:-165px;padding:250px 0}
    .test_result.result_03 .round_image p {font-size:16px;line-height:1.625}
    .test_result.result_04 .round_image {background-image:url('../img/web/test_result_04_mb.png');padding:107px 0 250px}
    .test_result.result_04 .round_image .wrapper {flex-direction:column;justify-content:center;gap:40px 0}
    .test_result.result_04 .round_image h2 {color:var(--white)}
    .test_result.result_04 .round_image p {font-size:16px;line-height:1.625;text-align:center}

    /* 브랜드소개 */
    .brand .sec_01 {margin-top:60px}
    .brand .sec_01 .txt_wrap .tit {font-size:24px}
    .brand .sec_01 .txt_wrap p {font-size:16px}
    .brand .sec_01 .txt_wrap .p1 {font-size:20px}
    .brand .sec_02 .txt_wrap {padding:64px 24px 60px}
    .brand .sec_02 .txt_wrap .tit {font-size:24px}
    .brand .sec_02 .txt_wrap p {font-size:16px;margin-top:38px}
    .brand .sec_03 {padding:68px 0 70px}
    .brand .sec_03 p {font-size:16px;margin-bottom:20px}
    .brand .sec_03 img {width:110px}
    .brand .sec_04 {padding:168px 0}
    .brand .sec_04 p {font-size:24px}

    /* 지점안내 */
    .store .sec_01 {padding:30px 0 60px}
    .store .sec_01 .tab_menu ul {justify-content:flex-start;}
    .store .tab_cont_wrap {margin-top:50px}
    .store .tab_cont .txt_wrap strong span {font-size:.6em}
    .store .root_daum_roughmap {height:240px}

    /* 관리메뉴 */
    .manage .sec_01 {margin-top:0}
    .manage .sec_01 h2 {font-size:24px}
    .manage .sec_01 p {font-size:16px;margin-top:18px}
    .manage .sec_02 .tab_menu {margin-top:35px}
    .manage .sec_02 .tab_menu ul {max-width:500px;display:grid;grid-template-columns:repeat(2, 1fr);gap:10px;margin:0 auto}
    .manage .sec_02 .tab_menu li > * {width:100%}
    .manage .sec_02 .box_wrap:first-child {padding-top:40px}
    .manage .sec_02 .box {padding:40px 30px 80px}
    .manage .sec_02 .box .tit {font-size:24px}
    .manage .sec_02 .box ul {margin-top:32px}
    .manage .sec_02 .box ul li > span {font-size:20px;margin-bottom:14px}
    .manage .sec_02 .care .img_wrap {flex-direction:column;gap:40px 0;max-width:200px;margin-left:auto;margin-right:auto}
    .manage .sec_02 .care .img_wrap > div {width:100%}
    .manage .sec_03 {padding:55px 0 100px}
    .manage .sec_03 em {font-size:18px}
    .manage .sec_03 ul {font-size:16px}
}

@media all and (max-width: 499px) {
    .manage_list .item .cont ul {display:flex;flex-direction:column;}
    .manage_list .item .cont ul li.empty {display:none}

    /* 설문조사 - 인트로 */
    .round_image {height:290px;background-image:url('../img/web/test_intro_mb.png');margin-right:30px !important}
    .test_intro .sub {width:100%}
    .test_intro .sub a {width:100%;max-width:286px;padding:16px 0}

    /* 설문조사 - 로딩 */
    .test_loading .round_image {background-image:url('../img/web/test_loading_mb.png')}

    /* 설문결과 - 타입 01: 좋을때 */
    .test_result .round_image p {padding-left:30px}

    .store .tab_cont .txt_wrap .info {font-size:14px;padding:0}

    .manage .sec_02 #box_01 .box {background-image:url('../img/web/manage_01_mb.png')}
    .manage .sec_02 #box_02 .box {background-image:url('../img/web/manage_02_mb.png')}
    .manage .sec_02 #box_03 .box {background-image:url('../img/web/manage_03_mb.png')}
    .manage .sec_02 #box_04 .box {background-image:url('../img/web/manage_04_mb.png')}
    .manage .sec_02 #box_04 ul li > span {display:flex;flex-direction:column}
}

@media all and (max-width: 374px) {
    .index .sec_02 .banner img {width:200px;transform:translate(-50%, 84%)}
    .brand .sec_02 .txt_wrap .tit br {display:none}
    .store .tab_cont .txt_wrap strong {font-size:30px}
    .store .tab_cont .txt_wrap .num {font-size:25px}
}