@charset "utf-8";

@import url("reset.css");
.main * {
    box-sizing: border-box;
}

html {scroll-behavior: smooth;}
body {font-family: 'Pretendard', 'sans-serif';}
#wrap {width: calc(100% - 287px); word-break: keep-all;}

:root{
	--main-color : #2670CA;
	--black : #272727;
	--black2 : #333;
	--black3 : #373535;
    --black4 : #2A2A2A;
	--white : #fff;
}
::selection {color: var(--white); background-color: var(--main-color);}
.clear:after {content: " "; visibility: hidden; display: block; font-size: 0; clear: both; height: 0;}

.pc_block {display: block;}
.mo_block {display: none;}

/* header */
.logo {position: fixed; top: 25px; left: 37px; z-index: 9;}
.logo:after {content: ''; display: block; clear: both;}
.logo a {display: block; width: 194px; height: 48px; background-image:url('/images/business/blue_logo.png') !important; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
.logo.white a {background-image:url('/images/business/logo.png') !important;}

.header_pc {display: block;}
.header_mo {display: none;}

.header_pc, .header_mo {overflow-y: auto; -ms-overflow-style: none;}
.header_pc::-webkit-scrollbar, .header_mo::-webkit-scrollbar {display: none;}

.header_pc {position: fixed; top: 0; bottom: 0; right: 0; width: 287px; z-index: 9;background-color: #1C1C1C;}
.header_pc .header_section_01 {padding: 40px 20px 30px;}
.header_pc .header_section_01 li {margin-bottom: 20px;}
.header_pc .header_section_01 a {color: var(--white); font-size: 20px; font-weight: 500; line-height: normal; letter-spacing: -0.6px;}
.header_pc .header_section_02 {display: inline-block; width: 100%; background-color: #222;}
.header_pc .header_section_02 li {float: left; display: flex; justify-content: center; align-items: center; width: 50%; height: 53px; border-bottom: 0.5px solid #676767; box-sizing: border-box;}
.header_pc .header_section_02 li:nth-child(odd) {border-right: 0.5px solid #676767;}
.header_pc .header_section_02 li:nth-child(3), .header_pc .header_section_02 li:nth-child(4) {border-bottom: none;}
.header_pc .header_section_02 a {color: var(--white); font-size: 16px; font-weight: 600; letter-spacing: -0.48px;}
.header_pc .header_section_03 {padding: 39px 20px 22px; border-bottom: 1px solid #313131; text-align: center;}
.header_pc .header_section_03 p {position: relative; display: inline-block; color: var(--white); font-size: 18px; font-weight: 500; line-height: normal; letter-spacing: -0.54px; padding-left: 27px; margin-bottom: 17px;}
.header_pc .header_section_03 p:before {content: ''; position: absolute; top: 0; left: 0; width: 22px; height: 22px; background-image: url('/images/common/header_check_ico.svg'); background-repeat: no-repeat; background-size: contain;}
.header_pc .header_section_03 .click_to_self {display: flex; justify-content: center; align-items: center; width: 100%; height: 43px; color: #000; font-size: 20px; font-weight: 700; line-height: normal; border-radius: 104px; background: #C0D7E9; margin: 0 auto;}
.header_pc .header_section_04 {padding: 30px 20px; border-bottom: 1px solid #313131;}
.header_pc .header_section_04 .txt_box_tit {display: block; text-align: center; margin-bottom: 32px;}
.header_pc .header_section_04 .txt_box_tit p {display: block; color: var(--white); font-size: 24.785px; font-weight: 700; line-height: normal; letter-spacing: -1.239px; margin-bottom: 6px;}
.header_pc .header_section_04 .txt_box_tit span {position: relative; color: var(--white); font-family: 'Poppins'; font-size: 27px; font-weight: 800; line-height: normal; padding-left: 30px;}
.header_pc .header_section_04 .txt_box_tit span:after {content: ''; position: absolute; top: 50%; left: 0; width: 23px; height: 23px; background-image: url('/images/common/header_call_ico.svg'); background-repeat: no-repeat; background-size: contain; transform: translateY(-50%);}
.consult_receipt_box select, .consult_receipt_box input {color: var(--white); font-size: 17px; font-weight: 400; line-height: normal; letter-spacing: -0.51px;}
.consult_receipt_box select:focus, .consult_receipt_box input:focus {outline: none;}
.consult_receipt_box select {width: 100%; height: 37px; margin-bottom: 13px; border: 1px solid var(--white); border-radius: 10px; background: url('/images/common/select_arr_ico.svg') center right 12px no-repeat; background-color: #1C1C1C; padding: 0 12px; cursor: pointer; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.consult_receipt_box input {width: 100%; height: 37px; margin-bottom: 17px; border: 1px solid var(--white); border-radius: 10px; padding: 0 12px; background-color: #1C1C1C; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.consult_receipt_box input::placeholder {color: var(--white);}
.consult_receipt_box .agree_wrap {margin-bottom: 30px;}
.consult_receipt_box .agree_wrap input[type="checkbox"]{display: none;}
.consult_receipt_box .agree_wrap input[type="checkbox"] + label {position: relative; display: inline-block; color: var(--white); font-size: 14px; font-weight: 400; line-height: normal; letter-spacing: -0.42px; padding-left: 20px; cursor: pointer;}
.consult_receipt_box .agree_wrap input[type="checkbox"] + label:before {content: ''; position: absolute; left: 0; top:50%; transform: translateY(-50%); width: 12px; height: 12px; border: 1px solid var(--white); border-radius: 100%;}
.consult_receipt_box .agree_wrap input[type="checkbox"]:checked + label::after {content:'✔'; position: absolute; left: 2px; top:0; color: var(--white);font-size: 12px;}
.consult_receipt_box .click_to_consult {display: flex; justify-content: center; align-items: center; width: 100%; height: 43px; color: var(--white); text-align: center; font-size: 20px; font-weight: 700;line-height: normal; background-color: var(--main-color); border-radius: 10px; cursor: pointer;}
.header_pc .header_section_05 {padding: 50px 16px; border-bottom: 1px solid #313131;}
.go_to_links {display: flex; justify-content: space-between;}
.go_to_links li a {display: flex; flex-wrap: wrap; justify-content: center; flex-direction: column; color: #CDCDCD; text-align: center; font-size: 15px; font-weight: 400; line-height: normal; letter-spacing: -0.75px;}
.go_to_links li a img {width: 39px; height: 39px; margin: 0 auto 11px;}

/* mobile header */
.header_mo {position: fixed;top: 0;right: 0;width: 66px;z-index: 9;color:var(--white);}
.header_mo input#mo_menu {display: none;}

.header_mo .desktop_menu label[for=mo_menu]{position: fixed; top: 23px; right: 13px; width: 29px; height: 22px; z-index: 9; cursor: pointer;}
.header_mo .desktop_menu label[for=mo_menu] span {display: block; clear: both; width: 100%; height: 2px; margin-top: 8px; background: #000; transition:0.5s;}
.header_mo .desktop_menu.white label[for=mo_menu] span {background: #fff;}
.header_mo .desktop_menu label[for=mo_menu] span:first-child{margin-top: 0;}

.header_mo .desktop_menu input#mo_menu{display: none;}
.header_mo .desktop_menu input#mo_menu:checked + label {top: 23px; right: 13px; width: 30px; height: 30px;}
.header_mo .desktop_menu input#mo_menu:checked + label > span {background: var(--white); transition:0.5s;}
.header_mo .desktop_menu input#mo_menu:checked + label > span:nth-child(1){margin-top: 14px; margin-left: 1px; width: 25px; transform: rotate(45deg);}
.header_mo .desktop_menu input#mo_menu:checked + label > span:nth-child(2){margin-top: -1px; margin-left: 1px; width: 25px; transform: rotate(-45deg);}
.header_mo .desktop_menu input#mo_menu:checked + label > span:nth-child(3){opacity: 0;}

.header_mo .desktop_menu .dt_gnb {position: fixed; top: 0; bottom: 0; right: -100%; width: 400px; height: 100%; background-color: #1b1917; z-index: 8; transition:0.8s; overflow: auto;}
.header_mo .desktop_menu input#mo_menu:checked ~ .dt_gnb {right: 0;transition:0.5s;}

.header_mo .header_section_01 {display: flex; justify-content: space-between; align-items: center; padding: 18px 48px 20px 19px;}
.header_mo .header_section_01 .gnb_logo {background-image: url('/images/business/gnb_logo.png'); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; width: 183px; height: 40px;}
.header_mo .header_section_01 .gnb_click_to_call {display:flex;justify-content:center;align-items:center;gap:5px;width:109px;height:35px;color:var(--white);text-align:center;font-size:14px;font-weight:700;line-height:20.72px;letter-spacing:-.42px; border-radius: 5px; background: linear-gradient(97deg, #94B9E0 -18.34%, var(--main-color) 60.99%, #133764 170.39%);}
.header_mo .header_section_01 .gnb_click_to_call img {width: 12px;}
.header_mo .header_section_02 {padding: 38px 27px 10px;}
.header_mo .header_section_02 ul li {margin-bottom:16px;}
.header_mo .header_section_02 ul li a {color:var(--white); font-size:21px;font-weight:500;line-height:20px;letter-spacing:-1.05px;text-decoration: none;}
.header_mo .header_section_02 ul li:last-child a {font-weight: 700; color: #C0D7E9;}
.header_mo .header_section_03 {padding: 0 27px 34px;}
.header_mo .header_section_03 ul {display: flex; flex-wrap: wrap;}    
.header_mo .header_section_03 ul li {width: 100%; margin-bottom: 9px;}
.header_mo .header_section_03 ul li a {color:var(--white); font-size: 18px; font-weight: 400; line-height: 20px; letter-spacing: -0.9px;}
.header_mo .header_section_04 {padding: 10px 26.5px 32px; border-bottom: 0.5px solid #676767;}
.header_mo .header_section_05 {padding: 21px 27px;}

/* 모바일 하단 퀵메뉴 */
.mo_quick {display: none;position: fixed;bottom: 0;left: 0;right: 0;height: 50px;background-color: #1C1C1C;z-index: 7;}
.quick_menu{display: flex; justify-content: center; align-items: center; gap: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; float: left; width: 50%; height: 100%; outline: none; text-decoration: none;}
.mo_quick a span {color: var(--white); font-size: 18px; font-weight: 600; line-height: 50px; letter-spacing: -0.9px; text-align: center; text-decoration: none;}
.quick_call {border-right: 1px solid var(--white);}

/* 시계  */
.frame {position: fixed;right: 320px;top: 30px; border: 1px solid rgb(101 101 101 / 80%);display: inline-block; padding: 7px 40px 10px; border-radius: 8px; background-color: rgb(0 0 0 / 80%);z-index: 8;}
.frame .clock {color: var(--white); text-align: center; box-sizing: border-box;}
.frame .clock .time_box span {letter-spacing: 0;font-size: 18px;font-weight: 300;}
.frame .clock .time_box span.medium_text {font-size: 19px;font-weight: 600;letter-spacing: -1px;padding-left: 10px;}
.frame .clock .time_box .small_text {font-size: 20px;}
.frame .clock .time_box .date_box {font-size: 15px;}
.frame .clock .time_box .colon {vertical-align: text-bottom; animation: blink 1s step-start 0s infinite;font-weight: 400;}
.frame .clock .time_box #hours {margin-left: 25px;}
.frame .clock .time_box #minute {margin-right: 45px;}
.frame .clock .time_box .loading {animation: spin 2s linear infinite;vertical-align:text-top;}

@keyframes spin {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(-360deg);}
}
@keyframes blink {
    50% {opacity: 0;}
}

@media screen and (max-width: 1060px){
    #wrap {width: 100% !important;}
    .mo_quick {display: block;}
    .header_pc {display: none;}
    .header_mo {display: block;}
    .logo {top: 18px; left: 19px;}
    .logo a {width: 200px; height: 40px;}
    .frame {top: 77px;right: auto;left: 50%;margin-left: -245px;}
}
@media screen and (max-width: 576px){
    .pc_block {display: none;}
    .mo_block {display: block;}
    .header_mo .desktop_menu .dt_gnb {width: 100%;}
    .frame {bottom: auto; left: 50%; right: auto; width: 90vw; transform: translateX(-50%); margin-left: 0; padding: 7px 8px 10px;}
    .frame .clock .time_box span {font-size: 15px;}
    .frame .clock .time_box span.medium_text{font-size: 16px;font-weight: 500;padding-left: 2px;}
    .frame .clock .time_box #hours {margin-left: 5px;}
    .frame .clock .time_box #minute {margin-right: 10px;}
    .frame .clock .time_box .loading {width: 15px;vertical-align: baseline;}
}
@media screen and (max-width: 400px){
    .header_mo .header_section_01 {padding: 4.50vw 12.00vw 5.00vw 4.75vw;}
    .header_mo .header_section_01 .gnb_logo {width: 41.00vw; height: 10.00vw;}
    .header_mo .desktop_menu input#mo_menu:checked + label {top: 5.75vw; right: 3.25vw; width: 7.50vw; height: 7.50vw;}
}

/* footer */
.fix_btn {position: fixed; right: 334px; bottom: 0; z-index: 7; width: 56px; height: 56px; border: none; background-color: transparent; cursor: pointer; padding: 0;}
.fix_btn img {width: 100%;}
.fix_btn.fix_up_btn {bottom: 100px;}
.fix_btn.fix_call_btn {bottom: 24px; box-shadow: 5px 10px 20px 0px rgba(0, 0, 0, 0.10); border-radius: 100%;}

.slogan_pc {display: flex; justify-content: center; align-items: center; width: 100%; height: 163px; background-color: #121B74; background-image: url('/images/common/slogan_bg.png'); background-repeat: no-repeat; background-position: center; background-size: auto 160px;}
.slogan_mo {display: none;}
.slogan_pc img {max-width: 459px; width: calc(100% - 20px);}

.try_ft {justify-content: center; padding: 57px 0 111px; background-color: #191919;}	
.pc_ft {display: flex;}
.mo_ft {display: none;}
.try_ft .ft_wrapper {display: flex; gap: 51px; max-width: 1261px; width: 100%; padding: 0 20px;}
.try_ft .ft_logo {width: 121px;}
.try_ft .ft_logo img {width: 100%;}
.try_ft .ft_wrapper .inner_ft_right {width: 100%;}
.try_ft .ft_links {display: flex; justify-content: end; gap: 15px; margin-bottom: 22px;}
.try_ft .ft_links li > ul {display: flex; gap: 19px;}
.try_ft .ft_links .link_ico img {width: 39px;}
.try_ft .go_to_consult {width: 171px; height: 39px; margin-left: 9px; border-radius: 50px; border: 1px solid var(--white);}
.try_ft .go_to_consult a {display: flex; justify-content: center; align-items: center; gap: 4px; width: 100%; height: 100%; color: #F4EFEA; font-size: 18px; font-weight: 600; line-height: 140%; letter-spacing: -0.9px; text-decoration: none;}
.try_ft .go_to_site {position: relative; display: flex; justify-content: center; align-items: center; gap: 4px; width: 210px; height: 39px; color: #F4EFEA; font-size: 18px; font-weight: 600; line-height: 140%; letter-spacing: -0.9px; border-radius: 50px; background: #424242; cursor: pointer;}
.try_ft .go_to_site .ico {width: 24px; height: 24px; background-image: url('/images/common/ft_plus_ico.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; transition: all 0.3s;}
.try_ft .go_to_site.active .ico {transform: rotate(45deg);}
.try_ft .go_to_site .site_list_wrap {display: none; position: absolute; left: 0; bottom: 62px; width: 100%; transition: all 0.3s; z-index: 8;}
.try_ft .go_to_site .site_list_wrap ul {display: flex; flex-direction: column; gap: 0; width: 100%; color: var(--white); font-size: 16px; font-weight: 400; letter-spacing: -0.8px; line-height: 45px; padding: 10px 20px; box-sizing: border-box; border-radius: 20px; border: 1px solid #444; background: #181818; filter: drop-shadow(9px 12px 13.4px rgba(0, 0, 0, 0.50)); transition: all 0.3s;}
.try_ft .go_to_site .site_list_wrap ul li + li {margin-top: -10px;}
.try_ft .go_to_site .site_list_wrap ul a {color: var(--white); text-decoration: none;}
.try_ft .ft_btm {display: flex; justify-content: space-between; align-items: end;}
.try_ft .ft_row {color: #B8B8B8; font-size: 15px; font-weight: 300; line-height: 30px; letter-spacing: -0.75px;}
.try_ft .ft_row ul {display: flex; justify-content: flex-start; gap: 28px;}
.try_ft .ft_row ul li a {color: #B8B8B8;}
.try_ft .ft_row ul:last-child li {color: #737373; font-size: 13px; font-style: normal; font-weight: 300; line-height: normal;}
.try_ft .ft_btns {display: flex; justify-content: end; gap: 27px;}
.try_ft .ft_btns li {color: var(--white); font-size: 13px; font-style: normal; font-weight: 600; line-height: normal; text-align: right; cursor: pointer;}

/* 팝업 */
.privacy_black {display: none;position: fixed;left: 0;right: 0;top: 0;bottom: 0;background-color: rgb(0 0 0 / 50%);z-index: 9;}
.privacy_btn {cursor: pointer;font-weight: 400;}

.privacy_popup {display:none; position:fixed; background: var(--white); top: 100px;bottom: 100px; left: 50%; margin-left: -375px;width: 750px;height: calc(100% - 200px); z-index: 10; box-shadow: 0 0 10px gray; overflow-y: scroll;}	 
.privacy_popup .privacy_heading {margin:20px; border-bottom:1px solid gray; padding:3px;}
.privacy_popup .privacy_heading h3{color: #000;font-size: 20px; font-weight: 400;}
.privacy_popup .privacy_heading h3 .privacy_x {position: absolute;top: 10px;right: 20px;font-size: 30px;}
.privacy_popup .privacy_contents {border-bottom:1px solid gray;text-align:center;}
.privacy_popup .privacy_contents p {padding:0 20px 20px;text-align:left; color: #000;font-weight: 300;}
.privacy_popup .privacy_contents p .privacy_bd{font-weight: 500;}
.privacy_popup .privacy_close2{width:50px; height:25px; text-align:center; line-height:25px; margin: 10px auto; color: var(--white);cursor: pointer;}

.disclaimer_popup {display:none; position:fixed; background: var(--white); top: 100px;bottom: 100px; left: 50%; margin-left: -375px;width: 750px;height: auto; max-height: fit-content; z-index: 10; box-shadow: 0 0 10px gray; overflow-y: scroll;}	 
.disclaimer_popup .privacy_heading {margin:20px; border-bottom:1px solid gray; padding:3px;}
.disclaimer_popup .privacy_heading h3{color: #000;font-size: 20px; font-weight: 400;}
.disclaimer_popup .privacy_heading h3 .disclaimer_x {position: absolute;top: 10px;right: 20px;font-size: 30px;color: #000;}
.disclaimer_popup .privacy_contents {border-bottom:1px solid gray;text-align:center;}
.disclaimer_popup .privacy_contents p {padding:0 20px 20px;text-align:left; color: #000;font-weight: 300;}
.disclaimer_popup .privacy_contents p .privacy_bd{font-weight: 500;color: #000;}
.disclaimer_popup .disclaimer_x {width:50px; height:25px; text-align:center; line-height:25px; margin: 10px auto; color: var(--white);cursor: pointer;}

@media screen and (max-width: 1400px){
    .try_ft .ft_btm {flex-wrap: wrap; gap: 13px;}
}
@media screen and (max-width: 1200px){
    .fix_btn {right: 24px;}
    .fix_btn.fix_up_btn {bottom: 159px;}
    .fix_btn.fix_call_btn {bottom: 93px;}

    .pc_ft {display: none;}
    .mo_ft {display: block;}

    .try_ft {padding: 30px 20px 80px;}
    .try_ft .ft_wrapper {display: block; padding: 0;}
    .try_ft .ft_wrapper .inner_ft_left {display: flex; justify-content: space-between; align-items: center; padding-bottom: 27px; border-bottom: 1px solid #363636;}
    .try_ft .ft_logo {width: 87px;}
    .try_ft .ft_links {display: flex; flex-direction: column; gap: 11px; margin-bottom: 0;}
    .try_ft .go_to_consult {width: 175px; height: 40px; margin-left: 0;}
    .try_ft .go_to_consult a {font-size: 15px; letter-spacing: -0.75px;}
    .try_ft .go_to_consult a img {width: 18px; height: 18px;}
    .try_ft .go_to_site {width: 175px; height: 40px; font-size: 15px; letter-spacing: -0.75px;}
    .try_ft .go_to_site .ico {width: 20px; height: 20px;}
    .try_ft .go_to_site .site_list_wrap {bottom: auto; top: 43px;}
    .try_ft .inner_ft_right {padding-top: 17px;}
    .try_ft .ft_row {font-size: 14px; line-height: 25px; letter-spacing: -0.7px;}
    .try_ft .ft_row ul {gap: 30px;}
    .try_ft .ft_row ul:last-child li {margin-top: 23px; color: var(--white); font-weight: 600;}
    .try_ft .link_ico {margin-top: 28px;}
    .try_ft .copy_txt {color: #737373; font-size: 13px; font-weight: 300; line-height: normal; margin-top: 17px;}
}
@media screen and (max-width: 850px){
    .privacy_popup {top: 50px;bottom: 50px;left: 50%;margin-left: -275px;width: 550px;height: calc(100% - 100px);}
    .disclaimer_popup {top: 50px;bottom: 50px;left: 50%;margin-left: -275px;width: 550px;height: calc(100% - 100px);}
}
@media screen and (max-width: 576px){
    .slogan_pc {display: none;}
    .slogan_mo {display: flex; justify-content: center; align-items: center; width: 100%; height: 130px; background-color: #0d2170; background-image: url('/images/common/slogan_bg_mo.png'); background-repeat: no-repeat; background-position: center; background-size: auto 130px;}
    .slogan_mo img {height: 27.25vw;}

    .fix_btn {width: 44px; height: 44px; right: 14px;}
    .fix_btn.fix_call_btn {bottom: 70px;}
    .fix_btn.fix_up_btn {bottom: 124px;}

    .try_ft .ft_logo img {max-width: 87px;}

    .privacy_popup {top: 20px;bottom: 20px;left: 2.5%;margin-left: 0;width: 95%;height: calc(100% - 40px);}
    .privacy_popup .privacy_heading h3{font-size: 18px;}
    .privacy_popup .privacy_contents p {font-size: 12px;}

    .disclaimer_popup {top: 20px;bottom: 20px;left: 2.5%;margin-left: 0;width: 95%;height: calc(100% - 40px);}
    .disclaimer_popup .privacy_heading h3{font-size: 18px;}
    .disclaimer_popup .privacy_contents p {font-size: 12px;}
}

/* 메인 */

/* 설문조사 팝업 */
.main .survey_popup {display: none; position: fixed; top: 100px; right: 320px; max-width: 350px; z-index: 8;}
.main .survey_popup .survey_close_btn {position: absolute; top: 12px; right: 9px; cursor: pointer;}
.main .survey_popup img {display: block; outline: 0;}
.main .survey_popup img.survey_img {float: right; width: 100%;}
.main .survey_popup .btn_wrap {position: absolute; left: 50%; bottom: 22px; transform: translateX(-50%); display: flex; flex-direction: column; justify-content: space-between; gap: 10px;}
.main .survey_popup .btn_wrap a{display: block; width: 261px; height: 46px;}
.main .survey_popup .survey_open_btn {display: none; cursor: pointer;}

@media screen and (max-width: 1060px){
    .main .survey_popup {top: 140px; right: 60px;}
}
@media screen and (max-width: 576px){
    .main .survey_popup {top: 140px; right: 20px; max-width: calc(100% - 40px);}
    .main .survey_popup .survey_close_btn {right: 9px;}
    .main .survey_popup img {margin: 0 auto;}
    .main .survey_popup img.survey_img  {float: none;}
    .main .survey_popup .survey_open_btn {position: absolute; top: 0; right: 0;}
    .main .survey_popup .btn_wrap {bottom: 5.50vw; gap: 2.5vw;}
    .main .survey_popup .btn_wrap a {width: 67.25vw; height: 12vw;}
}

/* 자가진단 */
.main .self {background-size: cover; background-image: url('/images/business/self_diagnosis_bg.jpg');}
@supports (background-image: url("/images/business/self_diagnosis_bg.webp")) {
    .main .self {
        background-image: url("/images/business/self_diagnosis_bg.webp"); /* WebP 지원 브라우저에서는 WebP 사용 */
    }
}
.main .self .inner {display: flex; justify-content: space-between; align-items: center; gap: 20px; max-width: 1313px; width:100%; padding: 185px 20px 164px; margin: 0 auto;}
.main .self .left_wrap {margin-bottom: 34px;}
.main .self .left_wrap .main_txt {font-family: "Sandoll GyeokdongG2"; color: var(--white); font-size: 55px; font-weight: 600; line-height: 76px; letter-spacing: -2.75px; margin-bottom: 42px;}
.main .self .left_wrap .check_txt {margin-bottom: 42px;}
.main .self .left_wrap .check_txt li {position: relative; display: flex; align-items: center; gap: 10px; color: var(--white); font-size: 30px; font-weight: 400; line-height: normal; letter-spacing: -1.5px;}
.main .self .left_wrap .check_txt li + li {margin-top: 14px;}
.main .self .left_wrap .check_txt li:before {content: ''; position: relative; width: 39px; height: 39px; background: url('/images/business/self_chk_ico.svg') no-repeat center /contain;}
.main .self .left_wrap .point_txt {color: var(--white); font-size: 34px; font-weight: 700; line-height: normal; letter-spacing: -1.7px;}

.main .self .self_diagnosis {position:relative; display: flex; justify-content: center; align-items: center; width:467px; height:658px; border-radius: 38px; overflow: hidden; background-image: url('/images/business/self_diagnosis.png'); background-size: 100% 100%; box-sizing:border-box; filter: drop-shadow(10px 10px 20px rgba(0, 0, 0, 0.2)) drop-shadow(3px 2px 6px rgba(0, 0, 0, 0.25)); box-shadow: 2px 2px 6.5px 0px rgba(0, 0, 0, 0.10);}
@supports (background-image: url("/images/business/self_diagnosis.webp")) {
    .main .self .self_diagnosis {
        background-image: url("/images/business/self_diagnosis.webp");
    }
}
.main .self .self_diagnosis .self_cont, .main .self .self_diagnosis .card_cont, .main .self .self_diagnosis .self_end, .main .self .self_diagnosis .self_card, .main .self .self_diagnosis .card_inner {width: 100%; height: 100%; box-sizing: border-box;}
.main .self .self_diagnosis .self_cont {max-width: 408px; max-height: 533px;}
.main .self .self_diagnosis .self_end {display: none; text-align: center; max-width: 384px; max-height: 505px; margin-top: 11px;}
.main .self .self_diagnosis .card_cont{display: flex; flex-direction: column;}
.main .self .self_diagnosis .self_cont {margin-top: 42px;}
.main .self .self_diagnosis .card_cont .card_tit {font-family: "Sandoll GyeokdongG2"; color: var(--black4); font-size: 30px; font-weight: 600; line-height: 35px; letter-spacing: -1.5px; text-align: center; margin-bottom: 16px;}
.main .self .self_diagnosis .card_cont .card_sub_tit {min-height: 35px; font-size: 20px; font-weight: 600; line-height: normal; letter-spacing: -1px; text-align: center; margin-bottom: 9px;}
.main .self .self_diagnosis .card_cont .item_wrap {display: flex; flex-direction: column; max-width: 331px; width: 100%; height: 100%; margin: 0 auto;}
.main .self .self_diagnosis .card_cont .item {position:relative; height:40px; line-height:40px; vertical-align:middle; box-sizing:border-box;}
.main .self .self_diagnosis .card_cont .item + .item {margin-top: 5px;}
.main .self .self_diagnosis .card_cont .item label:not(.ico) {display:inline-block; width:100%; height:100%; color: var(--black3); font-size:20px; font-weight: 400; letter-spacing: -1px; cursor: pointer; border-bottom: 1px solid #E4E4E4;}
.main .self .self_diagnosis .card_cont .item input {position: absolute; overflow: hidden; display: none;}
.main .self .self_diagnosis .card_cont .item.on label:not(.ico) {color: var(--main-color); font-weight: 800;}
.main .self .self_diagnosis .card_cont .item .ico {position:absolute; top: 50%; right: 0; width: 27px; height: 27px; background:url('/images/main/icon_radio.png') no-repeat 0 0;cursor:pointer;background-size:contain; transform: translateY(-50%); border-bottom: 0;}
.main .self .self_diagnosis .card_cont .item input:checked + .ico {background:url('/images/main/icon_radio_on.png') no-repeat 0 0; background-size:contain;}
.main .self .self_diagnosis .card_cont .textarea_tit {color: #363636; font-size: 24px; font-weight: 700; line-height: 35px; letter-spacing: -1.2px; margin-top: 18px; margin-bottom: 4px;}
.main .self .self_diagnosis .card_cont .textarea_wrap {width: 100%; height: 259px; padding: 13px 10px 13px 16px; border-radius: 10px; border: 1px solid #DBDBDB;}
.main .self .self_diagnosis .card_cont .textarea_wrap textarea {width: 100%; height: 100%; font-family: 'Pretendard'; color: var(--black3); font-size: 18px; font-weight: 500; letter-spacing: -0.9px; resize: none; outline: none; border: none;}
.main .self .self_diagnosis .card_cont .textarea_wrap textarea::placeholder {color: #E3E3E3;}
.main .self .self_diagnosis .card_cont .textarea_wrap textarea::-webkit-input-placeholder {color: #E3E3E3;}
.main .self .self_diagnosis .card_cont .textarea_wrap textarea::-ms-input-placeholder {color: #E3E3E3;}
.main .self .self_diagnosis .self_card.card01 .btn_wrap {display: flex; justify-content: space-between; margin-top: auto;}
.main .self .self_diagnosis .self_card.card01 .btn_wrap button.start_btn {position:relative; width: 100%; color: var(--white); font-size: 22px; font-weight: 700; line-height: 140%; letter-spacing: -1.1px; border-radius: 15px; background: var(--black4); padding: 11px 0; margin: 0 auto;}
.main .self .self_diagnosis .btn_wrap {display: flex; justify-content: space-between; max-width: 331px; width: 100%; margin: 0 auto; margin-top: auto;}
.main .self .self_diagnosis .btn_wrap button.prev_btn, .main .self .self_diagnosis .btn_wrap button.next_btn {display: flex; justify-content: center; align-items: center; width: 118px; height: 44px; gap: 5px; border-radius: 100px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; font-size: 20px; font-weight: 500; letter-spacing: -1px; cursor: pointer; transition: all 0.3s;}
.main .self .self_diagnosis .btn_wrap button.prev_btn:before, .main .self .self_diagnosis .btn_wrap button.next_btn:after {content: ''; position: relative; width: 29px; height: 29px; background-repeat: no-repeat; background-size: contain; transition: all 0.3s;}
.main .self .self_diagnosis .btn_wrap button.prev_btn {padding-right: 10px; background-color: #EFEFEF; color: #B5B5B5;}
.main .self .self_diagnosis .btn_wrap button.prev_btn:hover, .main .self .self_diagnosis .btn_wrap button.prev_btn:focus {background-color: var(--main-color); color: var(--white);}
.main .self .self_diagnosis .btn_wrap button.prev_btn:before {background-image: url('/images/main/self_btn_left_gray.svg');}
.main .self .self_diagnosis .btn_wrap button.prev_btn:hover:before, main .self .self_diagnosis .btn_wrap button.prev_btn:focus:before {background-image: url('/images/main/self_btn_left.svg');}
.main .self .self_diagnosis .btn_wrap button.next_btn {padding-left: 10px; background-color: var(--main-color); color: var(--white);}
.main .self .self_diagnosis .btn_wrap button.next_btn:after {background-image: url('/images/main/self_btn_right.svg');}
.main .self .self_diagnosis .self_logo {height: 70px; margin-bottom: 27px;}
.main .self .self_diagnosis .card_end {display: flex; flex-direction: column; max-width: 340px; margin: 0 auto;}
.main .self .self_diagnosis .card_end .card_tit {font-family: "Sandoll GyeokdongG2"; color: var(--black4); font-size: 26px; font-weight: 600; line-height: 41px;  letter-spacing: -1.3px; margin-bottom: 39px;}
.main .self .self_diagnosis .card_end .input_wrap {display: flex; gap: 28px; padding-bottom: 5px; border-bottom: 1px solid #DBDBDB;}
.main .self .self_diagnosis .card_end .input_wrap + .input_wrap {margin-top: 25px;}
.main .self .self_diagnosis .card_end .input_wrap label {flex: none; color: var(--black3); font-size: 20px; font-weight: 500; line-height: 140%; letter-spacing: -1px;}
.main .self .self_diagnosis .card_end .input_wrap input {width: 100%; font-family: 'Pretendard'; font-size: 18px; font-weight: 500; line-height: 140%; letter-spacing: -0.9px; padding: 2px 0; border: none;}
.main .self .self_diagnosis .card_end .input_wrap input::placeholder {color: #E3E3E3;}
.main .self .self_diagnosis .card_end .input_wrap input::-webkit-input-placeholder {color: #E3E3E3;}
.main .self .self_diagnosis .card_end .input_wrap input::-ms-input-placeholder {color: #E3E3E3;}
.main .self .self_diagnosis .card_end .noti {color: var(--main-color); font-size: 18px; font-weight: 500; line-height: 140%; letter-spacing: -0.9px; margin-top: 11px;}
.main .self .self_diagnosis .self_end .btn_wrap {max-width: 340px;}
.main .self .self_diagnosis .self_end .btn_wrap .btn.submit_btn {width: 100%; color: #F4EFEA; font-size: 22px; font-weight: 700; line-height: 140%; letter-spacing: -1.1px; padding: 11px 0; border-radius: 15px; background-color: var(--main-color); cursor: pointer;}
.main .self .self_diagnosis .cover_end {display: none; flex-direction: column; justify-content: center; max-width: 370px; max-height: 533px; width: 100%; height: 100%; text-align: center; margin-bottom: 40px;}
.main .self .self_diagnosis .cover_end .self_logo {margin-bottom: 29px;}
.main .self .self_diagnosis .cover_end .card_tit {font-family: "Sandoll GyeokdongG2"; color: var(--black4); font-size: 26px; font-weight: 600; line-height: 41px;  letter-spacing: -1.3px;}

@media screen and (max-width: 1200px){
    .main .self .inner {flex-direction: column; gap: 0;}
    .main .self .left_wrap {margin-bottom: 50px;}
}
@media screen and (max-width: 768px){
    .main .self {background-image: url('/images/business/self_diagnosis_bg_mo.jpg'); background-size: cover;}
    @supports (background-image: url("/images/business/self_diagnosis_bg_mo.webp")) {
        .main .self {
            background-image: url("/images/business/self_diagnosis_bg_mo.webp");
        }
    }  
}
@media screen and (max-width: 576px){
    .main .self .inner {display: block; padding: 174px 20px 45px;}
    .main .self .left_wrap {padding-top: 0; margin-bottom: 34px;}
    .main .self .left_wrap .main_txt {font-size: 30px; line-height: 46px; letter-spacing: -1.5px; margin-bottom: 22px;} 
    .main .self .left_wrap .check_txt {margin-bottom: 26px;}
    .main .self .left_wrap .check_txt li {gap: 19px; font-size: 20px; letter-spacing: -1px;}
    .main .self .left_wrap .check_txt li:before {width: 30px; height: 30px;}
    .main .self .left_wrap .check_txt li + li {margin-top: 3px;}
    .main .self .left_wrap .point_txt {font-size: 24px; letter-spacing: -1.2px;}

    .main .self .self_diagnosis {width: 100%; height: auto; border-radius: 30px; filter: none;  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.12); }
    .main .self .self_diagnosis .self_cont {max-width: 292px; max-height: 419px; width: 73.00vw; height: 104.75vw; margin: 10.50vw 0 8.25vw;}
    .main .self .self_diagnosis .card_cont .card_tit {font-size: 24px; letter-spacing: -1.2px; margin-bottom: 7px;}
    .main .self .self_diagnosis .card_cont .card_sub_tit {font-size: 16px;letter-spacing: -0.8px; margin-bottom: 11px; min-height: 26px;}
    .main .self .self_diagnosis .card_cont .item_wrap, .main .self .self_diagnosis .btn_wrap {max-width: 248px;}
    .main .self .self_diagnosis .card_cont .item {height: 35px; line-height: 35px;}
    .main .self .self_diagnosis .card_cont .item label:not(.ico) {font-size: 16px; letter-spacing: -0.8px;}
    .main .self .self_diagnosis .card_cont .item .ico {width: 24px; height: 24px; right: 0;}
    .main .self .self_diagnosis .card_cont .item + .item {margin-top: 0;}
    .main .self .self_diagnosis .self_card.card01 .btn_wrap button.start_btn {font-size: 20px; letter-spacing: -1px; padding: 5.5px; border-radius: 10px;}
    .main .self .self_diagnosis .btn_wrap button.prev_btn, .main .self .self_diagnosis .btn_wrap button.next_btn {width: 76px; height: 28px; gap: 1px; font-size: 15px; letter-spacing: -0.75px; border-radius: 20px;}
    .main .self .self_diagnosis .btn_wrap button.prev_btn:before , .main .self .self_diagnosis .btn_wrap button.next_btn:after {width: 20px; height: 20px;}
    .main .self .self_diagnosis .card_cont .textarea_tit {font-size: 15px; line-height: normal; letter-spacing: -0.75px; margin-top: -2px; margin-bottom: 7px;}
    .main .self .self_diagnosis .card_cont .textarea_wrap {height: 227px;}
    .main .self .self_diagnosis .card_cont .textarea_wrap textarea {font-size: 16px; line-height: 140%; letter-spacing: -0.8px;}
    .main .self .self_diagnosis .card_end {max-width: 267px;}
    .main .self .self_diagnosis .card_end .self_logo {height: 58px; margin-bottom: 13px;}
    .main .self .self_diagnosis .card_end .card_tit {font-size: 20px; line-height: 31px; letter-spacing: -1px; margin-bottom: 29px;}
    .main .self .self_diagnosis .card_end .input_wrap {gap: 24px; padding: 0; padding-bottom: 11px;}
    .main .self .self_diagnosis .card_end .input_wrap + .input_wrap {margin-top: 13px;}
    .main .self .self_diagnosis .card_end .input_wrap label {font-size: 16px; letter-spacing: -0.8px;}
    .main .self .self_diagnosis .card_end .input_wrap input {font-size: 14px; letter-spacing: -0.7px;}
    .main .self .self_diagnosis .card_end .noti {font-size: 14px; letter-spacing: -0.7px; text-align: left; margin-top: 10px;}
    .main .self .self_diagnosis .self_end {max-width: 292px; max-height: 385px; width: 73.00vw; height: 96.25vw; margin: 16.75vw 0 10.50vw;}
    .main .self .self_diagnosis .self_end .btn_wrap {max-width: 267px;}
    .main .self .self_diagnosis .self_end .btn_wrap .btn.submit_btn {font-size: 20px; letter-spacing: -1px; padding: 5.5px 0; border-radius: 10px;}
    .main .self .self_diagnosis .cover_end {max-width: none; max-height: none; margin: 27.75vw 0 36.00vw;}
    .main .self .self_diagnosis .cover_end .self_logo {height: 58px; margin-bottom: 26px;}
    .main .self .self_diagnosis .cover_end .card_tit {font-size: 20px; line-height: 31px; letter-spacing: -1px;}
}
@media screen and (max-width: 400px){
    .main .self .inner {padding: 43.50vw 5.00vw 11.25vw;}
    .main .self .left_wrap {margin-bottom: 8.50vw;}
    .main .self .left_wrap .main_txt {font-size: 7.50vw; line-height: 11.50vw; margin-bottom: 5.50vw;} 
    .main .self .left_wrap .check_txt {margin-bottom: 6.50vw;}
    .main .self .left_wrap .check_txt li {gap: 4.75vw; font-size: 5.00vw;}
    .main .self .left_wrap .check_txt li:before {width: 7.50vw; height: 7.50vw;}
    .main .self .left_wrap .check_txt li + li {margin-top: 0.75vw;}
    .main .self .left_wrap .point_txt {font-size: 6.00vw;}

    .main .self .self_diagnosis {border-radius: 7.50vw;}
    .main .self .self_diagnosis .card_cont .card_tit {font-size: 6.00vw; line-height: 8.75vw; margin-bottom: 1.75vw;}
    .main .self .self_diagnosis .card_cont .card_sub_tit {font-size: 4.00vw; margin-bottom: 2.75vw; min-height: 6.50vw;}
    .main .self .self_diagnosis .card_cont .item_wrap, .main .self .self_diagnosis .btn_wrap {max-width: 62.00vw;}
    .main .self .self_diagnosis .card_cont .item {height: 8.75vw; line-height: 8.75vw;}
    .main .self .self_diagnosis .card_cont .item label:not(.ico) {font-size: 4.00vw;}
    .main .self .self_diagnosis .card_cont .item .ico {width: 6.00vw; height: 6.00vw;}
    .main .self .self_diagnosis .self_card.card01 .btn_wrap button.start_btn {font-size: 5.00vw; padding: 1.38vw; border-radius: 3.50vw;}
    .main .self .self_diagnosis .btn_wrap button.prev_btn, .main .self .self_diagnosis .btn_wrap button.next_btn {width: 19.00vw; height: 7.00vw; font-size: 3.75vw; border-radius: 5.00vw;}
    .main .self .self_diagnosis .btn_wrap button.prev_btn:before , .main .self .self_diagnosis .btn_wrap button.next_btn:after {width: 5.00vw; height: 5.00vw;}
    .main .self .self_diagnosis .card_cont .textarea_tit {font-size: 3.75vw; margin-top: -0.50vw; margin-bottom: 1.75vw;}
    .main .self .self_diagnosis .card_cont .textarea_wrap {height: 56.75vw;}
    .main .self .self_diagnosis .card_cont .textarea_wrap textarea {font-size: 4.00vw;}
    .main .self .self_diagnosis .card_end {max-width: 66.75vw;}
    .main .self .self_diagnosis .card_end .self_logo {height: 14.50vw; margin-bottom: 3.25vw;}
    .main .self .self_diagnosis .card_end .card_tit {font-size: 5.00vw; line-height: 7.75vw; margin-bottom: 7.25vw;}
    .main .self .self_diagnosis .card_end .input_wrap {gap: 6.00vw; padding-bottom: 2.75vw;}
    .main .self .self_diagnosis .card_end .input_wrap + .input_wrap {margin-top: 3.25vw;}
    .main .self .self_diagnosis .card_end .input_wrap label {font-size: 4.00vw;}
    .main .self .self_diagnosis .card_end .input_wrap input {font-size: 3.50vw;}
    .main .self .self_diagnosis .card_end .noti {font-size: 3.50vw; margin-top: 2.50vw;}
    .main .self .self_diagnosis .self_end .btn_wrap {max-width: 66.75vw;}
    .main .self .self_diagnosis .self_end .btn_wrap .btn.submit_btn {font-size: 5.00vw; padding: 1.38vw 0; border-radius: 3.50vw;}
    .main .self .self_diagnosis .cover_end .self_logo {height: 14.50vw; margin-bottom: 6.50vw;}
    .main .self .self_diagnosis .cover_end .card_tit {font-size: 5.00vw; line-height: 7.75vw;}
}

.main .about {padding: 141px 0 136px;}
.main .about .inner {max-width: 1124px; padding: 0 20px; margin: 0 auto;}
.main .about h2.tit {font-family: "Sandoll GyeokdongG2"; color: #2A2A2A; text-align: center; font-size: 40px; font-weight: 600; line-height: 50px;  letter-spacing: -2px; margin-bottom: 43px;}
.main .about .banner {position: relative; width: 100%; height: 370px; background-image: url('/images/about/ph_top_img.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 10px; margin-bottom: 77px;}
.main .about .about_list {display: flex; gap: 20px;}
.main .about .about_list li {position: relative; flex: 1; height: 351px; padding: 28px 35px 30px; border-radius: 10px; background-color: #F1F2F7; box-sizing: border-box;}
.main .about .about_list .tit {color: #2A2A2A; font-size: 32px; font-weight: 700; line-height: 160%;  letter-spacing: -1.6px; margin-bottom: 22px;}
.main .about .about_list .con {color: #2A2A2A; font-size: 24px; font-weight: 400; line-height: 160%; letter-spacing: -1.2px; text-transform: uppercase; word-break: keep-all;}
.main .about .about_list .img {position: absolute; left: 35px; bottom: 30px; z-index: -1;}

@media screen and (max-width: 1400px){
    .main .about .about_list li {height: calc((100vw - 40px - 287px) / 3); min-height: 300px;}
    .main .about .about_list .tit {font-size: 28px;}
    .main .about .about_list .con {font-size: 20px;}
    .main .about .about_list .img {width: 48px;}
    .main .about .about_list .img img {width: 100%;}
}
@media screen and (max-width: 860px){
    .main .about .about_list {flex-wrap: wrap; gap: 10px; flex-direction: column;}
    .main .about .about_list .img {left: auto; right: 20px; bottom: 20px;}
}
@media screen and (max-width: 576px){
    .main .about {padding: 131px 0 31px;}
    .main .about h2.tit {font-size: 22px; line-height: 36px; letter-spacing: -1.1px; margin-bottom: 22px;}
    .main .about .banner {width: 100%; height: 324px; background-image: url('/images/about/ph_top_img_mo.jpg'); margin-bottom: 22px;}
    .main .about .about_list li {min-height: 178px; padding: 20px;}
    .main .about .about_list .tit {font-size: 20px; letter-spacing: -1px; margin-bottom: 5px;}
    .main .about .about_list .con {font-size: 15px; letter-spacing: -0.75px;}
    .main .about .about_list li:nth-child(1) .img {width: 48px; height: 40px;}
    .main .about .about_list li:nth-child(2) .img {width: 34px; height: 36px;}
    .main .about .about_list li:nth-child(3) .img {width: 37px; height: 37px;}
}
@media screen and (max-width: 400px){
    .main .about {padding: 32.75vw 0 7.75vw;}
    .main .about h2.tit {font-size: 5.50vw; line-height: 9.00vw; margin-bottom: 5.50vw;}
    .main .about .banner {height: 81.00vw; margin-bottom: 5.50vw;}
    .main .about .about_list li {min-height: 44.50vw; padding: 5.00vw;}
    .main .about .about_list .tit {font-size: 5.00vw; margin-bottom: 1.25vw;}
    .main .about .about_list .con {font-size: 3.75vw;}
    .main .about .about_list li:nth-child(1) .img {width: 12.00vw; height: 10.00vw;}
    .main .about .about_list li:nth-child(2) .img {width: 8.50vw; height: 9.00vw;}
    .main .about .about_list li:nth-child(3) .img {width: 9.25vw; height: 9.25vw;}
}

.main .center {padding: 124px 0 184px; background-color: #fff; text-align: center;}
.main .center .inner {padding: 0 20px;}
.main .center .tit {color: #2A2A2A; text-align: center; font-family: "Sandoll GyeokdongG2"; font-size: 48px; font-weight: 600; line-height: 77px; letter-spacing: -2.4px; margin-bottom: 90px;}
.main .center .sub_tit {color: #2A2A2A; text-align: center; font-size: 37px; font-weight: 600; line-height: 77px; letter-spacing: -1.85px; word-break:keep-all; margin-bottom: 102px;}
.main .center .step_box_wrap .step_tit {color: #2A2A2A; text-align: center; font-size: 36px; font-weight: 600; line-height: 77px;  letter-spacing: -1.8px; margin-bottom: 10px;}
.main .center .step_box_wrap .step_box {display: flex; justify-content: space-between; max-width: 1248px; width: 100%; margin: 0 auto;}
.main .center .step_box_wrap li {width: 404px; height: 295px; text-align: left; padding: 42px 20px 47px 36px; border-radius: 10px;}
.main .center .step_box_wrap li:nth-child(1) {background: #F1F2F7;}
.main .center .step_box_wrap li:nth-child(2) {background: #D7E8F6;}
.main .center .step_box_wrap li:nth-child(3) {background: #C0D7E9;}
.main .center .step_box_wrap li .num {color: #2A2A2A; font-family: 'Poppins'; font-size: 30px; font-weight: 700; letter-spacing: -1.5px; margin-bottom: 24px;}
.main .center .step_box_wrap li .txt {color: #2A2A2A; font-size: 24px; font-weight: 700; letter-spacing: -1.2px; margin-bottom: 20px;}
.main .center .step_box_wrap li .desc {color: #2A2A2A; font-size: 20px; font-weight: 300; line-height: 160%; letter-spacing: -1px; word-break: break-all;}

@media screen and (max-width: 1650px){
    .main .center .step_box_wrap .step_box {gap: 18px;}
    .main .center .step_box_wrap li {height: auto;}
}
@media screen and (max-width: 860px){
    .main .center .step_box_wrap .step_box {flex-direction: column;}
    .main .center .step_box_wrap li {width: 100%;}
}
@media screen and (max-width: 576px){
    .main .center {padding: 83px 0 102px;}
    .main .center .tit {font-size: 24px; line-height: 37px; letter-spacing: -1.2px; margin-bottom: 38px;}
    .main .center .step_box_wrap .step_tit {font-size: 20px; line-height: 33px; letter-spacing: -1px; margin-bottom: 22px;}
    .main .center .step_box_wrap .step_box {gap: 10px;}
    .main .center .step_box_wrap .txt {font-size: 20px; line-height: 33px; letter-spacing: -1px; margin-bottom: 17px;}
    .main .center .step_box_wrap li {width: 100%; height: auto; padding: 23px 22px 11px;}
    .main .center .step_box_wrap li .num {font-size: 20px; letter-spacing: -1px; margin-bottom: 18px;}
    .main .center .step_box_wrap li .txt {font-size: 20px; letter-spacing: -1px; margin-bottom: -1px;}
    .main .center .step_box_wrap li .desc {font-size: 15px; letter-spacing: -0.75px;}
}
@media screen and (max-width: 400px){
    .main .center {padding: 20.75vw 0 25.50vw;}
    .main .center .tit {font-size: 6.00vw; line-height: 9.25vw; margin-bottom: 9.50vw;}
    .main .center .step_box_wrap .step_tit {font-size: 5.00vw; line-height: 8.25vw; margin-bottom: 5.50vw;}
    .main .center .step_box_wrap .step_box {gap: 2.50vw;}
    .main .center .step_box_wrap .txt {font-size: 5.00vw; line-height: 8.25vw; margin-bottom: 4.25vw;}
    .main .center .step_box_wrap li {padding: 5.75vw 5.50vw 2.75vw;}
    .main .center .step_box_wrap li .num {font-size: 5.00vw; margin-bottom: 4.50vw;}
    .main .center .step_box_wrap li .txt {font-size: 5.00vw; margin-bottom: -0.25vw;}
    .main .center .step_box_wrap li .desc {font-size: 3.75vw;}
}

.main .intro {height: 650px; padding-top: 50px; overflow: hidden; background: linear-gradient(120deg, #F1F2F7 31.49%, #C0D7E9 95.34%);}
.main .intro .inner {max-width: 1156px; width: 100%; display: flex; justify-content: space-between; padding: 0 20px; margin: 0 auto;}
.main .intro .img_wrap img {width: 503px; margin-left: -118px;}
.main .intro .txt_wrap {padding-top: 103px; padding-left: 133px;}
.main .intro .sub_tit {color: var(--black2); font-size: 32px; font-weight: 500; line-height: 148%; letter-spacing: -1.6px; margin-bottom: 35px;}
.main .intro .main_tit {max-width: 598px; margin-bottom: 24px;}
.main .intro .main_tit img {width: 100%;}
.main .intro .desc {color: var(--black4); font-size: 24px; font-weight: 400; line-height: 163%; letter-spacing: -1.2px;}

@media screen and (max-width: 1650px){
    .main .intro {display: flex; align-items: end; margin-bottom: -3px;}
    .main .intro .img_wrap img {margin-left: -42px;}
    .main .intro .txt_wrap {margin-left: -60px; padding-left: 0;}
}
@media screen and (max-width: 1060px){
    .main .intro {display: block; height: auto; padding: 153px 0 184px;}
    .main .intro .inner {flex-direction: column; align-items: center;}
    .main .intro .img_wrap img, .main .intro .txt_wrap {margin-left: 0;}
}
@media screen and (max-width: 576px){
    .main .intro {padding: 445px 0 53px; background: url('/images/business/intro_bg_img_mo.png') center / 100% auto no-repeat, linear-gradient(120deg, #F1F2F7 31.49%, #C0D7E9 95.34%); background-blend-mode: normal;}
    @supports (background: url('/images/business/intro_bg_img_mo.webp') center / 100% auto no-repeat, linear-gradient(120deg, #F1F2F7 31.49%, #C0D7E9 95.34%)) {
        .main .intro {
            background: url('/images/business/intro_bg_img_mo.webp') center / 100% auto no-repeat, linear-gradient(120deg, #F1F2F7 31.49%, #C0D7E9 95.34%);
        }
    }
    .main .intro .inner {align-items: start;}
    .main .intro .txt_wrap {padding-top: 0;}
    .main .intro .sub_tit {font-size: 20px; line-height: 32px; letter-spacing: -1px; margin-bottom: 30px;}
    .main .intro .main_tit {max-width: 311px; margin-bottom: 26px;}
    .main .intro .desc {font-size: 17px; letter-spacing: -0.85px;}
}
@media screen and (max-width: 400px){
    .main .intro {padding: 111.25vw 0 13.25vw;}
    .main .intro .sub_tit {font-size: 5.00vw; line-height: 8.00vw; margin-bottom: 7.50vw;}
    .main .intro .main_tit {max-width: 77.75vw; margin-bottom: 6.50vw;}
    .main .intro .desc {font-size: 4.25vw;}
}

.main .case {position: relative; padding: 154px 20px 126px; text-align: center; background-color: #2D2D2D; overflow: hidden;}
.main .case .title_box_wrap {display: inline-block; text-align: center; margin-bottom: 79px;}
.main .case .title_box {color: var(--white); font-family: "Sandoll GyeokdongG2"; font-size: 48px; font-weight: 600; line-height: 77px; letter-spacing: -2.4px;}
.main .search_box {position: relative; max-width: 665px; width: 100%; margin: 0 auto 13px;}
.main .search_box input {display: block; width: 100%; font-family: 'Pretendard'; color: #2670CA; text-align: center; font-size: 25px; font-weight: 700; line-height: normal; letter-spacing: -2px; background-color: transparent; padding: 14px 98px 14px 20px; box-sizing: border-box; border: 2px solid #2670CA; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.main .search_box input::placeholder {color: #F1F2F7;}
.main .search_box input::-webkit-input-placeholder {color: #F1F2F7;}
.main .search_box input::-ms-input-placeholder {color: #F1F2F7;}
.main .search_box .click_to_search {content:''; width:78px; height:100%; border: 1px solid #2670CA; background: #2670CA url('/images/business/search_ico.svg') center no-repeat; position:absolute; top:0; right:0; cursor:pointer;}
.main .case .search_wrap .noti {color: #BDBDBD; text-align: center; font-size: 21px; font-weight: 300; line-height: normal; letter-spacing: -0.63px; margin-bottom: 101px;} 
.main .case_list .pc_list {display: block;}
.main .case_list .mo_list {display: none;}
.main .case_list .swiper-wrapper {transition-timing-function: linear;}
.main .case_list .case_slide .swiper-slide {width: 250px !important; background:var(--white); overflow:hidden; text-align: left;}
.main .case_list .case_slide .swiper-slide a {display:block; padding:30px 30px 35px;}
.main .case_list .case_slide .swiper-slide img {display:block; width:100%;}
.main .case_list .case_slide .tag span {display: block; color: #757575; font-family: Inter; font-size: 11.625px; font-weight: 500; line-height: normal; letter-spacing: -0.36px; height: auto; margin-bottom: 5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.main .case_list .case_slide .tit {display: block; color: var(--black); font-size: 14.063px; font-weight: 700; line-height: normal; letter-spacing: -0.45px; margin-bottom:9px; text-overflow: ellipsis;overflow: hidden; white-space: nowrap;}
.main .case_list .case_slide .more {position: relative; display: flex; justify-content: center; align-items: center; gap: 8px; color: var(--white); font-size: 18px; font-weight: 400; line-height: normal; letter-spacing: -0.9px; text-align: center; border-radius: 5px; margin-bottom: 14px; padding: 4.5px; background: var(--main-color);}
.main .case_list .case_slide .more:after {content: ''; position: relative; width: 24px; height: 24px; background-image: url('/images/business/case_more_ico.svg'); background-repeat: no-repeat; background-size: contain; background-position: center;}
.main .case_list .case_slide img {width: 100%; height: 109px; background-color: #D9D9D9; background-repeat: no-repeat; background-size: cover; background-position: center;}
.main .case .btn_wrap .go_to_case_btn {display: flex; justify-content: center; align-items: center; width: 117px; height: 40px; color: #F3F4F5; font-size: 15px; font-weight: 300; letter-spacing: 1px; border-radius: 100px; border: 1px solid #F3F4F5; margin: 32px auto 0;}

@media screen and (max-width: 768px){
    .main .case_list .case_slide .tag span {font-size:18px;}
    .main .case_list .case_slide .tit {font-size:20px;}
    .main .case_list .case_slide .more {font-size:16px;}
}
@media screen and (max-width: 625px){
    .main .click_box {width:425px;}
    .main .search_box a {padding:10px 55px 10px 10px;}
    .main .click_box input {padding:10px 55px 10px 10px;}
}
@media screen and (max-width: 576px){
    .main .case {padding: 94px 20px 56px;}
    .main .case .title_box_wrap {margin-bottom: 22px;}
    .main .case .title_box {font-size: 30px; line-height: 41px; letter-spacing: -1.5px;}
    .main .case .sub_title {font-size: 18px; line-height: 30px; letter-spacing: -0.9px; margin-bottom: 33px;}
    .main .search_box {width: calc(100% - 20px); margin: 0 auto 10px;}
    .main .search_box input {font-size: 16px; letter-spacing: -1px; border-width: 1px; padding: 11px 73px 11px 13px;}
    .main .search_box .click_to_search {width: 43px; background-size: 18px 18px;}
    .main .case .search_wrap .noti {font-size: 13px; margin-bottom: 31px;}

    .main .case_list .pc_list {display: none;}
    .main .case_list .mo_list {display: flex;}
    .main .case_list .case_slide {flex-wrap: wrap; gap: 10px;}
    .main .case_list .case_slide .swiper-slide {width: calc((100% - 10px) / 2) !important;}
    .main .case_list .case_slide .swiper-slide a {padding: 12px 14px;}
    .main .case_list .case_slide .tag span {font-size: 11px; letter-spacing: -0.36px;}
    .main .case_list .case_slide .tit {font-size: 14.063px; margin-bottom: 11px;}
    .main .case_list .case_slide .more {gap: 0; font-size: 14px; letter-spacing: -0.7px; padding: 0.5px; margin-bottom: 5px;}
    .main .case_list .case_slide .swiper-slide img {height: 85px;}
    .main .case .btn_wrap .go_to_case_btn {margin: 47px auto 0;}
}
@media screen and (max-width: 400px){
    .main .case {padding: 23.50vw 5.00vw 14.00vw;}
    .main .case .title_box_wrap {margin-bottom: 5.50vw;}
    .main .case .title_box {font-size: 7.50vw; line-height: 10.25vw;}
    .main .case .sub_title {font-size: 4.50vw; line-height: 7.50vw; margin-bottom: 30.75vw;}
    .main .search_box {width: calc(100% - 5.00vw); margin: 0 auto 2.50vw;}
    .main .search_box input {font-size: 4.00vw; padding: 2.75vw 18.25vw 2.75vw 3.25vw;}
    .main .search_box .click_to_search {width: 10.75vw; background-size: 4.50vw 4.50vw;}
    .main .case .search_wrap .noti {font-size: 3.25vw; margin-bottom: 7.75vw;}

    .main .case_list .case_slide {flex-wrap: wrap; gap: 2.50vw;}
    .main .case_list .case_slide .swiper-slide {width: calc((100% - 2.50vw) / 2) !important;}
    .main .case_list .case_slide .swiper-slide a {padding: 3.00vw 3.50vw;}
    .main .case_list .case_slide .tag span {font-size: 2.75vw;}
    .main .case_list .case_slide .tit {font-size: 3.50vw; margin-bottom: 2.75vw;}
    .main .case_list .case_slide .more {font-size: 3.50vw; margin-bottom: 1.25vw;}
    .main .case_list .case_slide .swiper-slide img {height: 21.25vw;}
    .main .case .btn_wrap .go_to_case_btn {margin: 11.75vw auto 0;}
}

.main .story {padding: 154px 20px; background-image: url('/images/business/story_bg.jpg'); background-repeat: no-repeat; background-size: cover; overflow: hidden;}
@supports (background-image: url("/images/business/story_bg.webp")) {
    .main .story {
        background-image: url("/images/business/story_bg.webp");
    }
}  
.main .story h2.tit {font-family: "Sandoll GyeokdongG2"; color: var(--black); font-size: 55px; font-weight: 600; line-height: 77px; letter-spacing: -2.75px; text-align: center; margin-bottom: 87px;} 
.main .list_wrap .story_list {transition-timing-function: linear; direction: rtl !important;}
.main .story_list .item {width: 415px !important; height: 490px; padding: 40px; background-color: var(--white); border-radius: 50px; filter: drop-shadow(0px 0px 46px rgba(27, 25, 23, 0.10)); direction: ltr;}
.main .story_list .item .top {display: flex; align-items: center; gap: 18px; padding-bottom: 31px;}
.main .story_list .item .img {width: 94px; height: 94px; background-repeat: no-repeat; background-size: contain; background-position: center;}
.main .story_list .item .txt {width: calc(100% - 92px - 18px);}
.main .story_list .item .hash {color: var(--black4); font-size: 28px; font-weight: 600; letter-spacing: -1.4px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.main .story_list .item .btm {color: var(--black3); font-size: 20px; font-weight: 300; line-height: 175%; letter-spacing: -1px;border-top: 1px solid #2A2A2A; padding-top: 27.5px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5;}
.main .story .desc { color: #2A2A2A; text-align: center; font-size: 37px; font-weight: 600; line-height: 63px; letter-spacing: -1.85px; margin-top: 76px; word-break: keep-all;}

@media screen and (max-width: 576px){
    .main .story {padding: 100px 20px 113px; background-image: url('/images/business/story_bg_mo.jpg');}
    @supports (background-image: url("/images/business/story_bg_mo.webp")) {
        .main .story {
            background-image: url("/images/business/story_bg_mo.webp");
        }
    }  
    .main .story h2.tit {font-size: 30px; line-height: 46px; letter-spacing: -1.5px; margin-bottom: 36px;}
    .main .story_list .swiper-slide {width: 229px !important; height: 233px; padding: 20px 15px; border-radius: 10%;}
    .main .story_list .item .top {gap: 7px; padding-bottom: 24px;}
    .main .story_list .item .img {width: 39px; height: 39px;}
    .main .story_list .item .txt {width: calc(100% - 39px - 7px);}
    .main .story_list .item .hash {padding-top: 0; font-size: 13px; font-weight: 300; line-height: 130%; letter-spacing: -0.65px;}
    .main .story_list .item .btm {font-size: 13px; line-height: 160%; letter-spacing: -0.65px; padding-top: 16px;}
    .main .story .desc {font-size: 20px; line-height: 33px; letter-spacing: -1px; margin-top: 49px;}
}
@media screen and (max-width: 400px){
    .main .story {padding: 25.00vw 5.00vw 28.25vw;}
    .main .story h2.tit {font-size: 7.50vw; line-height: 11.50vw; margin-bottom: 9.00vw;}
    .main .story_list .swiper-slide {width: 57.25vw !important; height: 58.25vw; padding: 5.00vw 3.75vw;}
    .main .story_list .item .top {gap: 1.75vw; padding-bottom: 6.00vw;}
    .main .story_list .item .img {width: 9.75vw; height: 9.75vw;}
    .main .story_list .item .txt {width: calc(100% - 9.75vw - 1.75vw);}
    .main .story_list .item .hash {font-size: 3.25vw;}
    .main .story_list .item .btm {font-size: 3.25vw; padding-top: 4.00vw;}
}