@charset "utf-8";

/* 공통 */
.container {overflow:hidden}
.wrapper {width:100%;max-width:1480px;padding:0 20px;margin:0 auto}
.btn {display:flex;align-items:center;justify-content:center;height:64px;padding:0 32px;border-radius:50px;font-size:24px;text-align:center;transition:all .2s}
.btn_primary {background:var(--primary-50);color:var(--white);font-weight:700}
.btn_primary_line {border:solid 1px var(--primary-50);color:var(--primary-50)}
.btn_white {border:solid 1px var(--white);color:var(--white);font-weight:700}

.chk_box input {display:none}
.chk_box input:checked + label:before {background-image:url('../img/check_gray.svg')}
.chk_box label {display:flex;align-items:center;font-size:14px;cursor:pointer}
.chk_box label:before {content:'';display:block;width:15px;height:15px;background:var(--white) no-repeat center/14px;border:solid 1px #DDDDDD;border-radius:2px;margin-right:8px}

.visual_wrap {background:repeat center bottom/cover}
/* .visual_wrap .wrapper {display:flex;align-items:flex-end;height:525px;position:relative;padding:0 60px 54px} */
.visual_wrap .wrapper {display:flex;align-items:center;height:525px;position:relative;padding:70px 60px 0}
.visual_wrap .txt_wrap {display:flex;flex-direction:column;align-items:flex-start;padding:0 20px}
.visual_wrap span {font-size:24px;font-weight:700;color:var(--primary-50)}
.visual_wrap p {font-size:40px;font-weight:700;margin-top:34px}
.visual_wrap p.sub {font-size:18px;font-weight:normal;margin-top:40px}
.visual_wrap .btn_primary {margin-top:40px}

/* .breadcrumb {display:none !important;} */
.breadcrumb {display:flex;align-items:center;height:46px;background:var(--white);position:absolute;bottom:0;right:0;padding:0 24px 0 26px}
.breadcrumb span {display:flex;align-items:center;color:#C9C9C9;font-size:16px !important;font-weight:normal}
.breadcrumb span:before {content:'';display:block;width:15px;height:15px;background:url('../img/arrow_right.svg') no-repeat center/8px;margin:0 14px}

.input_box input {width:100%;height:100%;background:var(--white);border:solid 1px #ECECEC;border-radius:40px;padding:0 26px;font-size:16px;transition:all .2s}
.input_box input:focus {border-color:var(--primary-50)}

.paging {margin:50px 0 130px}
.paging ul {display:flex;align-items:center;justify-content:center}
.paging li a {display:flex;align-items:center;justify-content:center;width:28px;height:28px;;color:#999999;transition:all .2s}
.paging li a.on {color:var(--primary-60);font-weight:700;text-decoration:underline}

.popup_wrap {display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:rgba(0,0,0,.2);position:fixed;top:0;left:0;z-index:100;padding:20px}

.txtarea_box {width:100%;height:240px;}
.txtarea_box textarea {width:100%;height:100%;border:solid 1px #ECECEC;border-radius:20px;background:transparent;padding:14px 20px;font-size:16px;line-height:1.4;transition:all .2s}
.txtarea_box textarea:focus {border-color:var(--primary-50)}

.select_wrap {display:flex;align-items:center;gap:0 8px;max-width:350px}
.select_box {flex:1;max-width:190px;position:relative}
.select_box > button {width:100%;height:40px;border:solid 1px #ECECEC;font-size:16px;padding:0 14px;text-align:left;background:url('../img/arrow_down.svg') no-repeat right 7% center}
.select_box ul {display:none;width:100%;max-height:150px;background:var(--white);border:solid 1px #ECECEC;border-top:0;position:absolute;top:100%;left:0;overflow-y:auto;z-index:1}
.select_box li button {display:flex;align-items:center;width:100%;height:32px;padding:0 14px;font-size:15px;transition:all .2s}
.select_box li button:hover {background:#FBFBFB}

.form .item + .item {margin-top:50px}
.form .item .tit {display:block;margin-bottom:14px}
.form .item .input_box {height:40px}
.form .item .explain {color:#888888;margin-top:14px;padding:0 4px}
.form .radio_wrap {display:flex;align-items:center;gap:0 26px;height:30px}
.form .radio_box input {display:none}
.form .radio_box input:checked + label:after {opacity:1}
.form .radio_box input:checked + label {color:#222222}
.form .radio_box label {font-size:16px;color:#888888;padding-left:28px;position:relative;cursor:pointer;transition:all .2s}
.form .radio_box label:before,
.form .radio_box label:after {content:'';display:block;border-radius:20px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s}
.form .radio_box label:before {width:18px;height:18px;border:solid 1px #888888;left:0}
.form .radio_box label:after {width:12px;height:12px;background:#DEDEDE;left:3px;opacity:0}

.form.custom_form .radio_box input:checked + label {color:#1790F9;}
.form.custom_form .radio_box label:after {background:#1790F9;}
.form.custom_form .item.contact .input_box:focus-within ~ .explain {color:#1790F9;}


.wid10{width:10%;}
.wid20{width:20%;}
.wid30{width:30%;}
.wid40{width:40%;}
.wid50{width:50%;}
.wid60{width:60%;}
.wid70{width:70%;}
.wid80{width:80%;}
.wid90{width:90%;}
.wid100{width:100%;}

.max100 {max-width:100px;}
.max150 {max-width:150px;}
.max200 {max-width:200px;}
.max250 {max-width:250px;}
.max300 {max-width:300px;}
.max350 {max-width:350px;}
.max400 {max-width:400px;}
.max450 {max-width:450px;}
.max500 {max-width:500px;}
.max550 {max-width:550px;}
.max600 {max-width:600px;}
.max650 {max-width:650px;}
.max700 {max-width:700px;}
.max750 {max-width:750px;}
.max800 {max-width:800px;}
.max850 {max-width:850px;}
.max900 {max-width:900px;}
.max950 {max-width:950px;}
.max1000 {max-width:1000px;}

.mt0 {margin-top:0px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}

.mb0 {margin-bottom:0px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}
.mb100 {margin-bottom:100px !important;}

.ml0 {margin-left:0px !important;}
.ml1 {margin-left:1px;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}

.mr0 {margin-right:0px !important;}
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}

.pt10 {padding-top:10px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pt60 {padding-top:60px !important;}
.pt70 {padding-top:70px !important;}

.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pb60 {padding-bottom:60px !important;}
.pb70 {padding-bottom:70px !important;}

.txt_l{text-align:left !important;}
.txt_c{text-align:center !important;}
.txt_r{text-align:right !important;}
.ver_t{vertical-align:top !important;}
.txt_b{font-weight:bold !important;}
.txt_line{text-decoration:underline !important;}

.txt_black {color:#000 !important;}
.txt_white {color:#fff !important;}

.fw200 {font-weight:200 !important;}
.fw300 {font-weight:300 !important;}
.fw400 {font-weight:400 !important;}
.fw500 {font-weight:500 !important;}
.fw600 {font-weight:600 !important;}
.fw700 {font-weight:700 !important;}
.fw800 {font-weight:800 !important;}
.fw900 {font-weight:900 !important;}

/* Flex */

.flex-box { display: -webkit-box; display: -moz-box;  display: -ms-flexbox;  display: flex;  }

.justify-content-center { -webkit-box-pack: justify; -moz-justify-content: center;  -ms-flex-pack: justify; justify-content: center;}
.justify-content-start { -webkit-box-pack: justify; -moz-justify-content: flex-start;  -ms-flex-pack: justify;  justify-content: flex-start;  }
.justify-content-end { -webkit-box-pack: justify; -moz-justify-content: flex-end;  -ms-flex-pack: justify;  justify-content: flex-end }
.justify-content-between { -webkit-box-pack: justify; -moz-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.justify-content-around { -webkit-box-pack: justify; -moz-justify-content: space-around; -ms-flex-pack: justify; justify-content: space-around;}
.justify-content-evenly { -webkit-box-pack: justify; -moz-justify-content: space-evenly; -ms-flex-pack: justify; justify-content: space-evenly;}

.align-items-center { -webkit-box-align: center;  -moz-align-items: center;  -ms-flex-align: center;  align-items: center; }
.align-items-start { -webkit-box-align: start;  -moz-align-items: flex-start;  -ms-flex-align: start;  align-items: flex-start; }
.align-items-end { -webkit-box-align: end; -moz-align-items: flex-end;  -ms-flex-align: end;  align-items: flex-end; }
.align-items-baseline { -webkit-box-align: baseline;  -moz-align-items: baseline;  -ms-flex-align: baseline; align-items: baseline; }

.flex-column { -webkit-box-orient: vertical;  -moz-flex-direction: column;  -ms-flex-direction: column;  flex-direction: column;}
.flex-row { -webkit-box-orient: horizontal;  -moz-flex-direction: row;  -ms-flex-direction: row;  flex-direction: row;} 
.flex-column-reverse { -webkit-box-orient: vertical;  -webkit-box-direction: reverse;  -moz-flex-direction: column-reverse;  -ms-flex-direction: column-reverse;  flex-direction: column-reverse;}
.flex-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse;  -moz-flex-direction: row-reverse;  -ms-flex-direction: row-reverse;  flex-direction: row-reverse;}

.flex-nowrap {-webkit-box-lines: multiple; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap;  flex-wrap: nowrap; } 
.flex-wrap {-webkit-box-lines: multiple; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap;  flex-wrap: wrap; } 

.order-0 { order: 0 !important; }
.order-1 { order: 1 !important; }
.order-2 { order: 2 !important; }
.order-3 { order: 3 !important; }
.order-4 { order: 4 !important; }
.order-5 { order: 5 !important; }
.order-6 { order: 6 !important; }
.order-7 { order: 7 !important; }
.order-8 { order: 8 !important; }
.order-9 { order: 9 !important; }
.order-10 { order: 10 !important; }

.gap-3 { gap: 3px; }
.gap-5 { gap: 5px; }
.gap-10 { gap: 10px; }
.gap-16 { gap: 16px; }
.gap-20 { gap: 20px; }
.gap-24 { gap: 24px; }
.gap-30 { gap: 30px; }
.gap-35 { gap: 35px; }
.gap-40 { gap: 40px; }
.gap-50 { gap: 50px; }
.gap-60 { gap: 60px; }
.gap-70 { gap: 70px; }
.gap-80 { gap: 80px; }
.gap-90 { gap: 90px; }
.gap-100 { gap: 100px; }

/* 헤더 */
.header {width:100%;position:fixed;top:0;left:0;z-index:99;transition:all .2s}
.header.index .gnb li a,
.header.index .gnb li button,
.header.index .my_menu a:first-child {color:var(--white)}
.header.scroll {background:var(--white);box-shadow:0 6px 28px rgba(0,0,0,.16)}
.header.scroll .gnb li a,
.header.scroll .gnb li button {color:#222222}
.header.scroll .my_menu a:first-child {color:var(--primary-50)}
.header .logo {display:flex;align-items:center;width:164px;height:100%;margin-right:94px}
.header .wrapper {display:flex;align-items:center;max-width:initial;height:100px;padding:0 50px}
.header .menu_wrap {flex:1;display:flex;align-items:center;justify-content:center}
.header .gnb > ul {display:flex;align-items:center;gap:0 80px}
.header .gnb li {position:relative}
.header .gnb li:hover .depth_02 {opacity:1;height:auto;overflow:auto;z-index:1;top:80%}
.header .gnb li a,
.header .gnb li button {display:flex;align-items:center;justify-content:center;height:100px;font-size:20px;font-weight:500;transition:all .2s}
.header .gnb .depth_02 {opacity:0;height:0;overflow:hidden;width:156px;background:var(--white);box-shadow:0 3px 6px rgba(0,0,0,.16);position:absolute;top:85%;left:50%;transform:translateX(-50%);z-index:-1;transition:all .2s}
.header .gnb .depth_02 li a {height:50px;font-size:16px;color:#222222}
.header .my_menu .btn {height:48px;font-size:16px}
.header .my_menu {display:flex;align-items:center}
.header .my_menu a:first-child {font-size:16px;font-weight:700;color:var(--primary-50)}
.header .menu_head,
.header .menu_open,
.header .menu_wrap .btn_primary {display:none}

/* 푸터 */
.footer {width:100%;font-size:14px;color:#DDDDDD;background:#222222;padding:40px 0 48px}
.footer .kakao {width:82px;height:82px;position:fixed;bottom:48px;right:50px;z-index:99999;}
.footer .wrapper {display:flex; justify-content: space-between; max-width:1468px;position:relative}
.footer .left img {width:140px}
.footer .left .info {margin-top:30px}
.footer .left .info > div {display:flex;align-items:center;gap:0 16px;margin-top:4px}
/* .footer .link_wrap {margin-left:auto} */
.footer .link_wrap ul,
.footer .link_wrap li {display:flex;align-items:center}
.footer .link_wrap li:not(:last-child):after {content:'';display:block;width:1px;height:14px;background:#DDDDDD;margin:0 16px}
.footer .link_wrap li a {font-size:16px;font-weight:500;color:#DDDDDD}
.footer .link_wrap .util-box {margin-top:10px; gap:10px;}
.footer .link_wrap .util-box a {width:40px; height:40px; border-radius:20px; background-color:#0067FE;}
.footer .link_wrap .util-box li img {width:20px;}
.footer .link_wrap .util-box li:after {display:none;}
/* .footer .copyright {position:absolute;bottom:0;left:50%;transform:translateX(-50%)} */
.footer .person-box {margin-top:auto;}
.footer .copyright {margin-top:15px;}

/* 인덱스 */
.index .main_visual .swiper {height:100vh;max-height:1080px}
.index .main_visual .slide01 {background:#7ABEF8}
.index .main_visual .slide02 {background:#76CCF8}
.index .main_visual .slide03 {background:#7AA4F8}
.index .main_visual .swiper-slide {display:flex;align-items:center;justify-content:center}
.index .main_visual .swiper-slide .inner {display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1420px;padding:0 30px}
.index .main_visual .txt_wrap span {font-size:24px;font-weight:700;color:var(--white)}
.index .main_visual .txt_wrap p {font-size:40px;margin-top:40px}
.index .main_visual .txt_wrap .btn_primary {display:inline-flex;margin-top:68px}
.index .main_visual .img_wrap {animation:move 3s infinite linear}
.swiper-button-next,
.swiper-button-prev {width:80px;height:80px;background:no-repeat center/cover;opacity:.8;transition:opacity .2s}
.swiper-button-next {background-image:url('../img/slide_next.svg')}
.swiper-button-prev {background-image:url('../img/slide_prev.svg')}
.swiper-button-next:after,
.swiper-button-prev:after {display:none}
.swiper-pagination-bullet {width:100px;height:2px;background:rgba(255,255,255,.2);border-radius:0;opacity:1;transition:background-color .2s}
.swiper-pagination-bullet-active {background:var(--white)}
.swiper-horizontal>.swiper-pagination-bullets {bottom:70px}
@keyframes move { 0%,100% {transform:translateY(0)} 50% {transform:translateY(-3%)} }

.index .main_explain {display:flex;align-items:center;justify-content:center;gap:0 100px;height:1080px}
.index .main_explain .img_wrap {display:flex;align-items:flex-start}
.index .main_explain .title_box span {display:block;font-size:24px;font-weight:700;color:var(--primary-50)}
.index .main_explain .title_box p {font-size:30px;font-weight:700;margin-top:40px}
.index .main_explain .title_box p em {color:var(--primary-50)}
.index .main_explain .list {margin-top:60px}
.index .main_explain .list ul {display:flex;flex-direction:column;gap:44px 0}
.index .main_explain .list .item {display:flex;align-items:center;gap:0 20px;font-size:18px;line-height:1.5}
.index .main_explain .list .item img {width:94px}
.index .main_explain .list .item .tit {display:block;font-weight:700}
.index .main_explain .list .item p {margin-top:18px}
.index .main_explain .txt_wrap .img_wrap {display:none}

.index .sec_01 .main_explain .img_wrap {width:60%;max-width:870px;margin:-50px 0 0 -7%}

.index .sec_02 {background:#F7FAFC}
.index .sec_02 .main_explain .img_wrap {width:64%;max-width:820px;margin-top:100px}
.index .sec_02 .main_explain .img_wrap > div:last-child {margin:-60px 0 0 -52px}

.index .sec_03 .main_explain .img_wrap {width:64%;max-width:810px}
.index .sec_03 .main_explain .img_wrap > div:first-child {margin:-60px -52px 0 0}

.index .sec_04 {background:#3188FF;padding:200px 0}
.index .sec_04 .wrapper {display:flex;flex-direction:column;align-items:center}
.index .sec_04 .title_box {display:flex;align-items:center;width:100%;color:var(--white)}
.index .sec_04 .title_box .img_wrap {width:480px;margin-left:auto;animation:move 3s infinite linear}
.index .sec_04 .title_box h2 {font-size:70px;line-height:1.4}
.index .sec_04 .title_box p {font-size:20px;margin-top:48px}
.index .sec_04 .list {width:calc(100% + 60px);margin-top:54px}
.index .sec_04 .list .swiper {padding:30px 24px}
.index .sec_04 .list .item {display:flex;flex-direction:column;align-items:flex-start;gap:20px 0;width:100%;height:550px;background:var(--white);border-radius:30px;box-shadow:0 0 30px rgba(0,0,0,.13);padding:80px}
.index .sec_04 .list .item .type {display:flex;align-items:center;height:32px;background:#DEFFF2;border:solid 1px #26EDA0;border-radius:40px;color:#048904;font-size:16px;padding:0 14px}
.index .sec_04 .list .item .profile_box {display:flex;align-items:center;gap:0 20px}
.index .sec_04 .list .item .profile_box img {width:80px}
.index .sec_04 .list .item .profile_box .company {display:block;font-size:24px;font-weight:700}
.index .sec_04 .list .item .profile_box .name {display:block;font-size:20px;margin-top:5px}
.index .sec_04 .list .item p {font-size:24px}
.index .sec_04 .btn_white {margin-top:90px}

.index .sec_05 {background:#F2F7FA;padding:200px 0}
.index .sec_05 .wrapper {display:flex;flex-direction:column;align-items:center}
.index .sec_05 .title_box {text-align:center}
.index .sec_05 .title_box h2 {font-size:45px}
.index .sec_05 .title_box h2 br {display:none}
.index .sec_05 .title_box p {font-size:20px;margin-top:50px}
.index .sec_05 .list {width:100%;max-width:746px;margin-top:46px}
.index .sec_05 .list ul {display:grid;grid-template-columns:repeat(2, 1fr);gap:24px 30px}
.index .sec_05 .list .item {display:flex;align-items:center;gap:0 13px;height:68px;background:var(--white);border-radius:80px;padding:0 26px;font-size:20px;letter-spacing:-.05em}
.index .sec_05 .list .item img {width:25px;}
.index .sec_05 .btn_primary {margin-top:40px}

.index .sec_06 {padding:260px 0}
.index .sec_06 .title_box {text-align:center}
.index .sec_06 .title_box img {width:204px}
.index .sec_06 .list {margin-top:48px;position:relative}
.index .sec_06 .list .swiper {position:relative}
.index .sec_06 .list .swiper-slide .img_wrap img {width:100%}
.index .sec_06 .list .swiper-slide .txt_wrap {min-width:0;font-size:22px;padding:20px 15px 0}
.index .sec_06 .list .swiper-slide .txt_wrap > * {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.index .sec_06 .list .swiper-slide .txt_wrap p {margin-top:4px}
.index .sec_06 .list .swiper-button-prev-06,
.index .sec_06 .list .swiper-button-next-06 {width:50px;height:50px;position:absolute;top:50%;left:-48px;transform:translate(-100%, -50%);cursor:pointer}
.index .sec_06 .list .swiper-button-next-06 {left:auto;right:-48px;transform:translate(100%, -50%)}
.index .sec_06 .list .swiper-pagination-06 {text-align:center;margin-top:40px;}
.index .sec_06 .list .swiper-pagination-bullet {width:12px;height:12px;background:#DDDDDD;border-radius:20px}
.index .sec_06 .list .swiper-pagination-bullet-active {width:40px;background:#4593FF}

/* 소개 */
.card_list {padding:160px 0 180px;text-align:center}
.card_list h2, .intro.cscenter .sec_01 h2 {font-size:40px;font-weight:400;line-height:1.5}
.card_list h3 {font-size:24px;font-weight:400;line-height:1.5;margin-top:55px}
.card_list .list {margin:56px auto 0}
.card_list .list ul {display:flex;align-items:center;gap:0 30px}
.card_list .list li {width:100%}
.card_list .list .item {height:343px;background:var(--white);border-radius:30px;box-shadow:0 0 20px rgba(0,0,0,.16);padding:40px 20px}
.card_list .list .item img {width:148px}
.card_list .list .item .blue {display:block;font-size:18px;font-weight:700;color:var(--primary-50);margin-top:14px}
.card_list .list .item .tit {display:block;font-size:18px;font-weight:700;margin-top:16px;padding:0 10px}
.card_list .list .item p {line-height:1.75;margin-top:18px;padding:0 10px}

.intro .visual_wrap {background-image:url('../img/visual_intro_pc.jpg')}
.intro .sec_01 {padding:125px 0 0;text-align:left}
.intro .sec_01 .wrapper {max-width:1300px}
.intro .sec_01 .txt_wrap h2 {font-size:40px;font-weight:400;line-height:1.5;color:#222222}
.intro .sec_01 .txt_wrap p {max-width:696px;font-size:16px;margin-top:55px}
.intro .sec_01 .list {max-width:100%;margin:90px auto 0}
.intro .sec_01 .list .item img {width:77px}

.sec_02_zig {background:var(--primary-60)}
.sec_02_zig h2,
.intro .sec_02 h3 {color:var(--white)}
.intro .sec_02.card_list {padding:148px 0 140px}
.intro .sec_02.card_list .list {max-width:1074px}

.intro .sec_03 {background:url('../img/intro_sec_03_bg.jpg') no-repeat center/cover}
.intro .sec_03 .wrapper {padding:140px 40px 120px}
.intro .sec_03 h2 {max-width:568px;font-size:40px;font-weight:400;line-height:1.5}
.intro .sec_03 .btn_primary {display:inline-flex;margin-top:40px}

.index .sec_07 {padding:0px 0 60px;}
.index .sec_07 .title_box {text-align:center}
.index .sec_07 .title_box h2 {font-size:40px;font-weight:700;}
/* .index .sec_07 .banner_photo {max-width:1920px;margin:60px auto 0} */
.index .sec_07 .banner_photo {max-width:1920px;margin:0 auto}
.index .sec_07 .banner_photo .only_mb {display:none}
.index .sec_07 .banner_photo .only_pc {display:block}
.index .sec_07 .list {margin-top:130px}
.index .sec_07 .list .wrapper > ul {display:flex;align-items:flex-start;gap:0 60px}
.index .sec_07 .list .wrapper > ul > li {flex:1}
.index .sec_07 .list li img {max-width:226px}
.index .sec_07 .list li .txt_wrap {margin-top:32px}
.index .sec_07 .list li .txt_wrap .name {font-size:30px;font-weight:700}
.index .sec_07 .list li .txt_wrap ul {margin-top:20px}
.index .sec_07 .list li .txt_wrap li {font-size:18px;line-height:1.6;padding-left:10px;position:relative}
.index .sec_07 .list li .txt_wrap li + li {margin-top:8px}
.index .sec_07 .list li .txt_wrap li::before {content:'·';display:block;position:absolute;top:0;left:0}

/* 원스톱 */
.one_stop .visual_wrap,
.inquiry.free_corp .visual_wrap {background-image:url('../img/visual_onestop_pc.jpg')}
.one_stop .sec_01.card_list ul {align-items:flex-start}
.one_stop .sec_01.card_list .item {height:auto;padding:0;box-shadow:none;text-align:left}
.one_stop .sec_01.card_list .item img {width:100%}
.one_stop .sec_01.card_list .item img.only_pc {display:block}
.one_stop .sec_01.card_list .item img.only_mb {display:none}
.one_stop .sec_01.card_list .item .tit {margin-top:28px}

.one_stop .sec_01.card_list .list {margin-top:80px}
.one_stop .sec_02 {background:var(--primary-50)}
.one_stop .sec_02 h2 {color:var(--white)}
.one_stop .sec_02.card_list .list .item {padding:25px 20px}
.one_stop .sec_02.card_list .list .item img {width:140px}

.one_stop .sec_03 .wrapper {max-width:960px}
.one_stop .sec_03.card_list .list {margin-top:66px}
.one_stop .sec_03.card_list li {position:relative}
.one_stop .sec_03.card_list li:not(:last-child):after {content:'';display:block;width:80px;height:80px;background:url('../img/arrow_blue.svg') no-repeat center/cover;transform:translateY(55px);position:absolute;top:55px;right:-40px}
.one_stop .sec_03.card_list .item {width:100%;height:auto;padding:0;box-shadow:none;border-radius:0}
.one_stop .sec_03.card_list .item img {width:120px}

.one_stop .sec_04 {background:#F0EEF0}

.banner_wrap .wrapper {display:flex;align-items:center;padding-left:30px}
.banner_wrap .txt_wrap {display:flex;flex-direction:column;align-items:flex-start;gap:40px 0}
.banner_wrap .txt_wrap h2 {font-size:40px;font-weight:400;line-height:1.5}

/* 리뷰 */
.category_wrap ul {display:grid;grid-template-columns:repeat(5, 1fr);gap:14px;max-width:686px;margin:0 auto}
.category_wrap li > * {display:flex;align-items:center;justify-content:center;width:100%;height:50px;background:#F1F1F1;border-radius:50px;font-size:18px;font-weight:700;color:#888888;text-align:center;transition:all .2s}
.category_wrap li > *.on {background:var(--primary-50);color:var(--white)}

.review .visual_wrap {background-image:url('../img/visual_review_pc.jpg')}
.review .category_wrap {margin-top:120px;padding:0 20px}
.review .banner_wrap {background:#D5EBFF}
.review .search {display:flex;align-items:center;justify-content:center;height:120px;background:#FBFBFB;margin-top:28px;padding:0 20px;overflow:hidden;position:relative;z-index:1}
.review .search_box {display:flex;align-items:center;gap:0 14px;width:100%;max-width:580px;height:40px}
.review .search_box .input_box {flex:1;height:100%}
.review .search_box button {width:114px;height:40px;font-size:16px}

.review_list {margin-top:55px}
.review_list .total {display:block;font-size:16px;font-weight:700;color:#888888;margin-bottom:50px}
.review_list .list ul {display:grid;grid-template-columns:repeat(3, 1fr);gap:50px 74px}
.review_list .list li,
.news_list .list li {background:var(--white);border-radius:30px;box-shadow:0 0 30px rgba(0,0,0,.13);overflow:hidden}
.review_list .list .item {display:flex;flex-direction:column;align-items:flex-start;padding:48px 42px 64px}
.review_list .list .item .category {display:inline-flex;align-items:center;justify-content:center;height:32px;border:solid 1px transparent;border-radius:40px;font-weight:500;padding:0 14px}
.review_list .list .item .category.sort_01 {color:#048904;background:#DEFFF2;border-color:#26EDA0}
.review_list .list .item .category.sort_02 {color:#046089;background:#DEFAFF;border-color:#26D2ED}
.review_list .list .item .category.sort_03 {color:#1E0489;background:#DEE5FF;border-color:#2676ED}
.review_list .list .item .category.sort_04 {color:#4F8904;background:#F2FFDE;border-color:#B2ED26}
.review_list .list .item .category.sort_05 {color:#590489;background:#EADEFF;border-color:#7C26ED}
.review_list .list .item .category.sort_06 {color:#890480;background:#F1DEFF;border-color:#A55D92}
.review_list .list .item .category.sort_07 {color:#893E04;background:#FFFCDE;border-color:#ED9D26}
.review_list .list .item .category.sort_08 {color:#890404;background:#FFDEDE;border-color:#ED2626}
.review_list .list .item .category.sort_09 {color:#5A5A5A;background:#E1E1E1;border-color:#979797}
.review_list .list .item .company {font-size:24px;font-weight:700;margin-top:24px}
.review_list .list .item p {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-top:20px;font-size:16px;text-align:left}
.review_list .list .item .name {margin-left:auto;margin-top:30px}
.review_list .list_empty {display:flex;flex-direction:column;align-items:center;padding-bottom:170px}
.review_list .list_empty img {max-width:276px}
.review_list .list_empty p {color:#888888;text-align:center;margin-top:50px}

.popup_wrap .review_list .list {max-width:430px;background:var(--white);border-radius:30px;box-shadow:0 0 30px rgba(0,0,0,.13);padding:48px 42px 40px;position:relative}
.popup_wrap .review_list .list .item {padding:0}
.popup_wrap .review_list .list .item .inner {height:200px;overflow-y:auto}
.popup_wrap .review_list .list .item p {display:block}
.popup_wrap .review_list .list .btn_wrap {margin-top:30px;text-align:center}
.popup_wrap .review_list .list .btn_close {width:20px;height:20px;position:absolute;top:28px;right:24px}

/* 뉴스 */
.news_list {margin-top:170px;padding:0 32px}
.news_list .list ul {display:grid;grid-template-columns:repeat(3, 1fr);gap:40px 42px}
.news_list .list .item .img_wrap {height:208px;overflow:hidden}
#.news_list .list .item .img_wrap img {width:100%;height:100%;object-fit:cover}
.news_list .list .item .img_wrap img {width:100%;padding:30px 42px 36px}
.news_list .list .item .txt_wrap {padding:30px 42px 36px}
.news_list .list .item .txt_wrap .company {display:block;font-size:14px;color:#9B9B9B}
.news_list .list .item .txt_wrap .tit {display:block;font-size:24px;font-weight:700;line-height:1.2;margin-top:12px}
.news_list .list .item .txt_wrap p {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:12px}
.news_list .list .item .txt_wrap .btn_primary_line {display:inline-flex;height:36px;font-size:14px;font-weight:700;padding:0 22px;margin-top:20px}

/* 유튜브 채널 */
.news_list.video_list .list .item .txt_wrap .tit {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-top: 0;}
.news_list.video_list .list .item .img_wrap {height:unset;}

/* 상담하기 */
.inquiry.photo .visual_wrap {background-image:url('../img/visual_inquiry_pc.jpg')}
.inquiry .sec .wrapper {max-width:723px}
.inquiry .sec h2 {font-size:18px;font-weight:normal}
.inquiry .sec sup {color:#FF3737;vertical-align:text-top}

.inquiry .sec_01 {padding:105px 0 95px}
.inquiry .sec_01 .cont {margin-top:18px}
.inquiry .sec_01 .radio_box + .radio_box {margin-top:20px}
.inquiry .sec_01 .radio_box input {display:none}
.inquiry .sec_01 .radio_box input:checked + label {background:var(--primary-50);color:var(--white)}
.inquiry .sec_01 .radio_box input:checked + label:after {background:#9ED2FF}
.inquiry .sec_01 .radio_box label {display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:168px;background:#e7e7e7;border-radius:40px;font-size:20px;line-height:1.4;padding:0 70px 0 140px;cursor:pointer;transition:all .2s;position:relative}
.inquiry .sec_01 .radio_box label:before,
.inquiry .sec_01 .radio_box label:after {content:'';display:block;width:44px;height:44px;background:var(--white);border-radius:44px;position:absolute;top:50%;left:53px;transform:translateY(-50%);transition:all .2s}
.inquiry .sec_01 .radio_box label:after {width:34px;height:34px;left:58px}
.inquiry .sec_01 .radio_box label .tit {display:block;font-weight:700;margin-bottom:15px}

.inquiry .sec_02 {background:#FBFBFB;padding:65px 0 95px}
.inquiry .sec_02 .cont {margin-top:14px}
.inquiry .sec_02 .input_box {height:40px}
.inquiry .sec_02 .term_agree {margin-top:36px}
.inquiry .sec_02 .term_agree .chk_all {display:flex;align-items:center;height:48px;background:#ECECEC;border-radius:5px;padding:0 24px}
.inquiry .sec_02 .term_agree .chk_all .chk_box label {font-weight:700}
.inquiry .sec_02 .term_agree .chk_wrap {background:var(--white);border:solid 1px #EEEEEE;border-radius:5px;padding:16px 24px;margin-top:5px}
.inquiry .sec_02 .term_agree .chk_wrap .item {display:flex;align-items:center;justify-content:space-between}
.inquiry .sec_02 .term_agree .chk_wrap .item + .item {margin-top:8px}
.inquiry .sec_02 .term_agree .chk_wrap .item a {font-size:12px;color:#666666}
.inquiry .sec_02 .btn_primary {width:100%;max-width:400px;margin:70px auto 0}

.inquiry .sec_04 {padding:95px 0 115px}
.inquiry .sec_04 .btn_primary {width:100%;max-width:400px;margin:48px auto 0}

/* 지원금 조회하기 */
.support_fund .visual_wrap {background-image:url('../img/visual_support_pc.jpg')}
.support_fund .sec_03 {padding:80px 0 100px}
.support_fund .sec_03 h3 {font-size:24px;font-weight:700;margin:0}
.support_fund .sec_03.card_list .list .item {line-height:1.3;padding:66px 20px}
.support_fund .sec_03.card_list .list .item img {width:140px}
.support_fund .sec_03.card_list .list .item .tit br {display:none}
.support_fund .sec_03 .explain {color:#888888;margin-top:34px;text-align:left}

/* 약관 */
.term_wrap {padding:135px 0 60px 0}
.term_wrap h1 {font-size:40px; font-weight:700; text-align:center}
.term_wrap .box {width:100%;min-height:800px; border:solid 1px #DCDCDC; margin-top:20px; padding:60px}
#agreePopup, #termPopup  {padding:20px;}
#agreePopup .btn_close, #termPopup .btn_close {width:20px; height:20px; position:absolute; top:28px; right:24px;}
#agreePopup .btn_close > img, #termPopup .btn_close > img {max-width:100%;}
#agreePopup .agree_container, #termPopup .agree_container { max-height:360px; overflow-y:auto;}
#agreePopup .agree_container::-webkit-scrollbar, #termPopup .agree_container::-webkit-scrollbar {width: 5px; height: 10px;}
#agreePopup .agree_container::-webkit-scrollbar-track, #termPopup .agree_container::-webkit-scrollbar-track {background: #dadada; border-radius: 3px;}
#agreePopup .agree_container::-webkit-scrollbar-thumb, #termPopup .agree_container::-webkit-scrollbar-thumb {background: #325597; border-radius: 3px;}

.popup .agree_txt {display:flex; flex-direction:column; gap:20px; margin-top:30px;}
#agreePopup.popup .sub_tit h2, #termPopup.popup .sub_tit h2 {font-size:23px;} 
.popup{display: none; position: fixed; left: 0; top: 0; z-index:1000; width: 100%; height: 100%; /*background-color: rgba(0, 0, 0, 0.8);*/}
.popup .pop_wrap{display: flex; width: 100%; height: 100%; margin:0 auto; justify-content: center; align-items: center;}
.popup .size{width: 100%; max-width: 860px; margin: 0 auto;}
.popup .pop_inner{width:100%; max-width:fit-content; background-color: #fff; padding: 48px 42px 40px; box-sizing: border-box; position: relative; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); border-radius:30px; margin:0 auto;}
/* .popup .pop_inner .pop_close{display: block; width: 50px; height: 50px; position: absolute; right: 0; top: 0; border-bottom-left-radius: 20px; background-color: #244177; background-image: url('/assets/images/admin_images/ico_close.svg'); background-size: 14px 14px; background-repeat:no-repeat; background-position:center; font-size:0;} */

.popup .sub_tit{padding-top: 0;}
.popup .sub_tit h2{float: none; font-size: 2.4rem; line-height: 1; font-weight:800;}
.popup .pop_cont{margin-top: 20px;}
.popup .pop_cont .select_drop{width: 100%; margin: 0; height: 45px; line-height: 45px; color: #000; border-radius: 5px; border: 1px solid #e8e8e8;}
.popup h3.sTit{font-size: 1.6rem;}

/* 고객센터 */
.intro.cscenter .visual_wrap {background-image:url('../img/visual_cscenter_pc.png')}
.intro.cscenter .sec_01, .sec_02_zig {padding:125px 0;}
.intro.cscenter .sec_01 .cate-list > li > a {display:flex; align-items:center; justify-content:center; padding:20px 25px; background-color:#1790F9; color:#fff; font-size:20px; font-weight:700; border-radius:15px; transition:0.2s;}
.intro.cscenter .sec_01 .cate-list > li:hover > a {background-color:#1385e9;}
.intro.cscenter .sec_01 .cate-list > li.active > a {background-color:#07345c;}
.intro.cscenter .section6 .tit-area .txt-box h2 {letter-spacing: -1px;}
.intro.cscenter .section6 .cont-area .list2, .intro.cscenter .section6 .cont-area .list3 {display:none;}
.intro.cscenter .section6 .cont-area .faq-list > li:first-child {margin-top: 0;}
.intro.cscenter .section6 .cont-area .faq-list .faq-q { padding: 0 25px; height: 80px; background-color: #fff; line-height: 80px; box-sizing: border-box; border-top:1px solid #dddddd; }
.intro.cscenter .section6 .cont-area .faq-list .faq-q .quest {width:50px; height:50px; border-radius:25px; display:flex; align-items:center; justify-content:center; background-color:#1790F9; color:#fff; flex-shrink:0;}
.intro.cscenter .section6 .cont-area .faq-list li:last-child .faq-q {border-bottom:1px solid #dddddd;}
.intro.cscenter .section6 .cont-area .faq-list .faq-q .txt-box {letter-spacing: -1px;}
.intro.cscenter .section6 .cont-area .faq-list .faq-q .txt-box .gap-20 {align-items:center;}
.intro.cscenter .section6 .cont-area .faq-list .faq-q .txt-box .gap-20 span {font-size:28px;}
.intro.cscenter .section6 .cont-area .faq-list .faq-q .txt-box .gap-20 p {font-size:18px;}
.intro.cscenter .section6 .cont-area .faq-list .faq-q .txt-box button {font-size: 0; width: 40px; height: 40px; border-radius: 20px; background-color: #f8f8f8; border: 1px solid #dddddd; box-sizing: border-box; background-image: url(/assets/images/icon_ask_bottom.svg); background-repeat: no-repeat; background-position: center; background-size: 12px 7px; transition: 0.1s;}
.intro.cscenter .section6 .cont-area .faq-list .faq-q.active .txt-box button { background-color: #1790F9; background-image: url(/assets/images/icon_ask_top.svg);}    
.intro.cscenter .section6 .cont-area .faq-list .faq-a {padding: 25px; background-color: #f8f8f8; display: none;}
.intro.cscenter .section6 .cont-area .faq-list .faq-a .answer {width:50px; height:50px; border-radius:25px; display:flex; align-items:center; justify-content:center; background-color:#9ad8ff; color:#fff;}
.intro.cscenter .section6 .cont-area .faq-list .faq-a .txt-box {letter-spacing: -1px; position: relative;}
.intro.cscenter .section6 .cont-area .faq-list .faq-a .txt-box span {font-size:28px; position: absolute; left: 0; top: -12px;}
.intro.cscenter .section6 .cont-area .faq-list .faq-a .txt-box .fs14 p {font-size:16px; color: #333333; padding-left: 70px;}

/* -----------------------------------------------------------------
                    zigzag looping cooperation
----------------------------------------------------------------- */
.looping-zigzag .zz-head .title h3{font-size:30px; font-weight:800; color:#222;}
.looping-zigzag .zz-body{margin-top:40px;}
.looping-zigzag .zz-body .zz-list > ul{position:relative; margin:0 auto; width:2000px; display:flex; flex-direction:column; gap:20px; transform:translateX(-50%); left:50%;}
.looping-zigzag .zz-body .zz-box{width:100%; height:80px; border-radius:10px; background:#fff; padding:5px; box-sizing:border-box;}
.looping-zigzag .zz-body .zz-box img{width:100%; height:100%; object-fit:contain;}

/* 스와이퍼 속도를 일정하게 합니다. */
.zz-swiper .swiper-wrapper{transition-timing-function: linear;}
.zz-swiper .swiper-wrapper .swiper-slide{width:200px;}
/* -------------------------------------------------------------- */
    
    

@media (hover: hover) {
    .btn_primary:hover {background:var(--primary-40)}
    .btn_primary_line:hover {background:var(--primary-50);color:var(--white)}
    .btn_white:hover {background:var(--white);color:var(--primary-50)}
    .header .gnb li a:hover,
    .header .gnb li button:hover {color:var(--primary-50)}
    .header .gnb .depth_02 li a:hover {background:var(--primary-20)}
    .header .my_menu a:first-child:hover {text-decoration:underline}
    .footer .kakao:hover {transform:translateY(-3px)}
    .footer .link_wrap li a:hover {text-decoration:underline}
    .swiper-button-next:hover,
    .swiper-button-prev:hover {opacity:1}
    .category_wrap li > *:hover {background:#EEEEEE}
    .paging li a:hover {color:var(--primary-60)}
}

@media all and (max-width: 2000px) {
    /* .inquiry.photo .visual_wrap, .intro.cscenter .visual_wrap {background-image:url('../img/visual_inquiry_pc_01.jpg');background-position:bottom 10% right 30%} */
    .inquiry.photo .visual_wrap {background-image:url('../img/visual_inquiry_pc_01.jpg');background-position:bottom 10% right 30%}
}
@media all and (max-width: 1730px) {
    .index .sec_06 .list {width:calc(100% - 180px);margin-left:auto;margin-right:auto}
    .index .sec_06 .list .swiper-button-prev-06 {left:-32px}
    .index .sec_06 .list .swiper-button-next-06 {right:-32px}
}

@media all and (max-width: 1500px) {
    .header .gnb > ul {gap:0 40px; margin-left:20px; text-align:center;}
}

@media all and (max-width: 1400px) {
    /* .header .menu_wrap {justify-content:flex-start} */
    .header .wrapper {padding:0 20px}

    /* 인덱스 */
    .index .main_visual .img_wrap {width:500px}
    .index .main_visual .txt_wrap span {font-size:20px}
    .index .main_visual .txt_wrap p {font-size:32px}

    .index .main_explain {gap:0 50px}
    .index .sec_01 .main_explain .img_wrap,
    .index .sec_02 .main_explain .img_wrap,
    .index .sec_03 .main_explain .img_wrap {width:50%}
}

@media all and (max-width: 1200px) {
    .btn {height:50px;font-size:18px;padding:0 24px}
    .visual_wrap .wrapper {height:500px}

    /* 고객센터 */
    .intro.cscenter .visual_wrap .txt_wrap p > .dbp {display:block;}

    .header.index .gnb li a,
    .header.index .gnb li button,
    .header.index .my_menu a:first-child:not(.login-btn) {color:#222222}
    .header .logo {margin:0}
    .header .menu_wrap {display:none;flex-direction:column;flex:0;width:100%;height:100%;background:var(--white);position:fixed;top:0;left:0;z-index:100}
    .header .menu_head {display:flex;align-items:center;height:auto;width:calc(100% - 32px);height:100px;background:var(--white);border-bottom:solid 1px #595757;position:sticky;top:0;left:0}
    .header .menu_head .login {font-size:14px;margin-right:8px;margin-left:auto}
    .header .menu_open {display:block}
    .header .my_menu {margin-left:auto}
    .header .my_menu a:first-child:not(.login-btn) {display:none}
    .header .menu_open,
    .header .menu_close {width:52px;height:52px}
    .header .menu_close {margin-right:-10px}
    .header .gnb {flex:1;width:100%;padding:0 16px;overflow-y:auto}
    .header .gnb > ul {flex-direction:column;gap:0}
    .header .gnb li {width:100%}
    .header .gnb li a,
    .header .gnb li button {width:100%;height:50px;justify-content:flex-start;padding:0 20px;font-size:16px;font-weight:normal;border-bottom:solid 1px #D8D8D8;position:relative}
    .header .gnb li button:after {content:'';display:block;width:20px;height:20px;background:url('../img/arrow_down.svg') no-repeat center/cover;position:absolute;right:10px;top:50%;transform:translateY(-50%)}
    .header .gnb li button.on:after {transform:rotate(180deg) translateY(50%)}
    .header .gnb li:hover .depth_02 {display:none;width:100%;background:#F8F8F8;opacity:1;height:auto;overflow:auto;position:initial;transform:translateX(0);box-shadow:none}
    .header .menu_wrap .btn_primary {display:flex;height:48px;font-size:16px;margin:30px 0 38px}

    .footer .wrapper {flex-direction:column;align-items:flex-start}
    .footer .left {order:2;margin-top:20px}
    .footer .person-box {order:3; margin-top:20px;}
    .footer .copyright {margin-top:10px; color:#999999}
    .footer .link_wrap {margin:0;order:1}
    .footer .link_wrap .util-box {-webkit-box-pack: justify; -moz-justify-content: flex-start;  -ms-flex-pack: justify;  justify-content: flex-start;}
    /* .footer .copyright {position:initial;transform:translateX(0);order:3;margin-top:20px;color:#999999} */

    /* 인덱스 */
    .index .main_visual .img_wrap {width:100%;max-width:400px;height:400px}
    .index .main_explain {height:900px}

    .index .sec_04 {padding:140px 0}
    .index .sec_04 .title_box h2 {font-size:40px}
    .index .sec_04 .title_box p {margin-top:38px}
    .index .sec_04 .title_box .img_wrap {width:300px}
    .index .sec_04 .list .item {height:475px;padding:50px}
    .index .sec_04 .list .item .type {font-size:14px}
    .index .sec_04 .list .item .profile_box img {font-size:62px}
    .index .sec_04 .list .item .profile_box .company {font-size:22px}
    .index .sec_04 .list .item .profile_box .name {font-size:16px}
    .index .sec_04 .list .item p {font-size:20px}
    .index .sec_04 .btn_white {margin-top:70px}
    
    .index .sec_05 {padding:140px 0}
    .index .sec_05 .title_box h2 br {display:block}
    
    .index .sec_06 {padding:140px 0}
    .index .sec_06 .list .swiper-slide .txt_wrap {font-size:18px}

    /* .inquiry.photo .visual_wrap, .intro.cscenter .visual_wrap {background-image:url('../img/visual_inquiry_pc_02.jpg');background-position:bottom 10% right 43%} */
    .inquiry.photo .visual_wrap {background-image:url('../img/visual_inquiry_pc_02.jpg');background-position:bottom 10% right 43%}

    /* 소개 */
    .intro .sec_01 ul {display:grid;grid-template-columns:repeat(2, 1fr);gap:20px}
    .intro.cscenter .section6 .cont-area .faq-list {display:flex; gap:0; flex-direction:column;}
    .intro.cscenter .sec_01 .wrapper .cate-list  {display:flex;}
    .intro .sec_01 .list .item {height:220px;display:grid;grid-template-rows:20px auto;grid-template-columns:70px auto;gap:0 16px;padding:35px 40px}
    .intro .sec_01 .list .item img {grid-row:1 / 3}
    .index .sec_07 .list .wrapper > ul {max-width:600px;flex-wrap:wrap;gap:50px 40px;margin:0 auto}
    .index .sec_07 .list .wrapper > ul > li {flex:auto;width:calc(50% - 80px)}
    .index .sec_07 .list li img {max-width:initial;width:100%}
    
    /* 원스톱 */
    .one_stop .card_list .list ul {display:grid;grid-template-columns:repeat(2, 1fr);gap:20px}
    .one_stop .sec_01.card_list .list ul {gap:50px 20px}
    .one_stop .sec_03.card_list .list ul {display:flex}

    /* 리뷰 */
    .review_list .list ul {gap:50px 30px}

    /* 뉴스 */
    .news_list {padding:0}
    .news_list .list ul {gap:30px}
}

@media all and (max-width: 1023px) {
    .wrapper {padding:0 16px}

    .visual_wrap .wrapper {height:500px;padding:30px 30px 0}
    .visual_wrap span {font-size:20px}
    .visual_wrap p {font-size:32px;margin-top:24px}
    .visual_wrap p.sub {font-size:16px;margin-top:24px}

    /* 헤더 푸터 */
    .header .wrapper {height:80px;padding:0 6px 0 16px}
    .header .logo img {width:120px;min-width:120px}
    .header .my_menu .btn {height:34px;font-size:14px;white-space:nowrap;padding:0 12px}
    .header .menu_head {height:80px}

    .footer .kakao {width:62px;height:62px;bottom:50px;right:16px}
    .footer .left img {width:120px;min-width:120px}
    .footer .left .info {margin-top:20px}
    .footer .link_wrap li a {font-size:12px}
    .footer .link_wrap li:not(:last-child):after {height:12px;margin:0 12px}

    /* 인덱스 */
    .index .main_visual .swiper {height:auto}
    .index .main_visual .swiper-slide .inner {flex-direction:column;justify-content:center;gap:70px 0;padding:150px 0 100px}
    .index .main_visual .txt_wrap {text-align:center;padding:0 20px}
    .index .main_visual .txt_wrap span {font-size:18px}
    .index .main_visual .txt_wrap p {font-size:20px;margin-top:24px}
    .index .main_visual .txt_wrap .btn_primary {margin-top:60px}
    .swiper-button-next,
    .swiper-button-prev {width:48px;height:48px}
    .swiper-horizontal>.swiper-pagination-bullets {bottom:40px}

    .index .main_explain {height:auto;padding:80px 0 85px}
    .index .main_explain > .img_wrap {display:none}
    .index .main_explain .txt_wrap {display:flex;flex-direction:column;align-items:center;text-align:center}
    .index .main_explain .txt_wrap .img_wrap {display:flex;width:95%;max-width:500px;margin:58px 0 0}
    .index .main_explain .txt_wrap .img_wrap > div {margin: 0 !important}
    .index .main_explain .title_box span {font-size:20px}
    .index .main_explain .title_box p {font-size:24px;margin-top:20px}
    .index .main_explain .list {text-align:left;margin-top:40px}
    .index .main_explain .list ul {gap:30px 0}
    .index .main_explain .list .item {font-size:16px}
    .index .main_explain .list .item img {width:78px}
    .index .main_explain .list .item p {margin-top:12px}

    /* 소개 */
    .card_list {padding:88px 0 80px}
    .card_list h2, .intro.cscenter .sec_01 h2 {font-size:30px}
    .card_list h3 {font-size:20px;margin-top:30px}
    .card_list .list {margin-top:38px}
    .card_list .list ul {gap:16px}
    .card_list .list .item img {width:130px}

    .intro .sec_01 {padding:90px 0 0}
    .intro .sec_01 ul {display:flex;flex-wrap:wrap;align-items:flex-start}
    .intro .sec_01 ul li {width:calc((100% - 20px)/2)}
    .intro .sec_01 .list .item {padding:35px 24px}

    .intro.cscenter .sec_01 .wrapper .cate-list  {display:flex; flex-wrap:nowrap;}
    .intro.cscenter .sec_01 .wrapper .cate-list li {width:unset;}

    .intro.cscenter .section6 .cont-area .faq-list li {width:100%;}

    .intro .sec_02.card_list {padding:100px 0 120px}

    .intro .sec_03 .wrapper {padding:80px 30px 60px}
    .intro .sec_03 h2 {max-width:540px;font-size:30px}
    
    /* .inquiry.photo .visual_wrap, .intro.cscenter .visual_wrap {background-image:url('../img/visual_inquiry_pc_02.jpg');background-position:bottom 10% right 43%} */
    .inquiry.photo .visual_wrap {background-image:url('../img/visual_inquiry_pc_03.jpg');background-position:bottom 10% right 43%}

    /* 원스탑 */
    .banner_wrap .wrapper {height:300px}
    .banner_wrap .txt_wrap h2 {font-size:30px;padding-right:40px}
    .banner_wrap .txt_wrap h2 br {display:none}
    .banner_wrap .img_wrap {align-self:flex-end}

    /* 리뷰 */
    .review_list .list .item {padding:38px 32px 40px}
    .review_list .list .item .category {height:28px;font-size:14px}
    .review_list .list .item .company {font-size:22px}

    /* 뉴스 */
    .news_list .list .item .txt_wrap {padding:24px 30px 30px}
    .news_list .list .item .txt_wrap .tit {font-size:20px}
    
    /* 약관 */
    .term_wrap h1 {font-size:32px}

    /* 고객센터 */
    .intro.cscenter .sec_01, .intro.cscenter .sec_02 {padding:80px 0;}
}

@media all and (max-width: 767px) {
    .visual_wrap .wrapper {align-items:center;justify-content:center;padding:60px 20px 0}
    .visual_wrap .txt_wrap {align-items:center;text-align:center}
    .visual_wrap span {font-size:18px}
    .visual_wrap p {font-size:24px}
    .visual_wrap .btn_primary {margin:36px auto 0}

    .breadcrumb {height:36px;padding:0 16px 0 12px}
    .breadcrumb img {width:14px;margin-top:-2px}
    .breadcrumb span {font-size:14px !important;font-weight:normal}
    .breadcrumb span:before {background-size:6px;margin:0 10px}

    .breadcrumb {display:none !important;}

    /* 인덱스 */
    .index .main_visual .img_wrap {max-width:300px;height:300px}
    .index .main_visual .txt_wrap .btn_primary {margin-top:30px}

    .index .main_explain .title_box span {font-size:16px}
    .index .main_explain .title_box p {font-size:20px;margin-top:12px}
    .index .main_explain .txt_wrap .img_wrap {margin-top:30px}
    .index .main_explain .list {margin-top:30px}
    .index .main_explain .list .item {font-size:14px;gap:0 14px}
    .index .main_explain .list .item img {width:66px}
    .index .main_explain .list .item p {margin-top:8px}

    .index .sec_04 {padding:80px 0 85px}
    .index .sec_04 .title_box .img_wrap {width:156px;margin:0 0 28px}
    .index .sec_04 .title_box {flex-direction:column-reverse;text-align:center}
    .index .sec_04 .title_box h2 {font-size:20px}
    .index .sec_04 .title_box p {font-size:16px;margin-top:24px}
    .index .sec_04 .list {margin-top:18px}
    .index .sec_04 .list .item {height:358px;gap:14px 0}
    .index .sec_04 .list .item img {width:38px}
    .index .sec_04 .list .item .type {font-size:12px;height:24px}
    .index .sec_04 .list .item .profile_box {gap:0 14px}
    .index .sec_04 .list .item .profile_box img {width:52px}
    .index .sec_04 .list .item .profile_box .company {font-size:16px}
    .index .sec_04 .list .item .profile_box .name {font-size:12px}
    .index .sec_04 .list .item p {font-size:14px}
    .index .sec_04 .btn_white {margin-top:30px}

    .index .sec_05 {padding:80px 0 85px}
    .index .sec_05 .title_box h2 {font-size:20px}
    .index .sec_05 .title_box p {font-size:16px;margin-top:24px}
    .index .sec_05 .list {width:300px;margin-top:40px}
    .index .sec_05 .list ul {grid-template-columns:repeat(1, 1fr)}
    .index .sec_05 .list .item {height:40px;font-size:16px}
    .index .sec_05 .list .item img {width:20px}

    .index .sec_06 {padding:90px 0}
    .index .sec_06 .list {width:100%;margin-top:40px}
    .index .sec_06 .list .swiper {width:460px;height:1140px}
    .index .sec_06 .list .swiper-slide {height:calc((100% - 20px) / 3)}
    .index .sec_06 .list .swiper-button-prev-06, .index .sec_06 .list .swiper-button-next-06 {display:none}
    .index .sec_06 .list .swiper-pagination-06 {margin-top:0}

    /* 소개 */
    .card_list h2, .intro.cscenter .sec_01 h2 {font-size:20px}
    .card_list .list ul {flex-direction:column}
    .card_list .list .item {max-width:400px;height:auto;padding:32px 32px 36px;margin:0 auto}
    .card_list .list .item img {width:112px}
    .card_list .list .item p {margin:14px auto 0}

    .intro .list .item .tit {font-size:16px;margin:0}
    .intro .list .item p {max-width:380px;font-size:14px;margin-top:14px}

    .intro .sec_01 .txt_wrap h2 {font-size:20px}
    .intro .sec_01 .txt_wrap p {margin-top:36px}
    .intro .sec_01 ul li {width:100%}
    .intro .sec_01 .list {margin-top:40px}
    .intro .sec_01 .list .item {height:auto;grid-template-columns:60px auto}

    .intro .sec_03 {background-image:url('../img/intro_sec_03_bg_mb.jpg')}
    .intro .sec_03 h2 {max-width:358px;font-size:20px;color:var(--white)}

    .index .sec_07 {padding:70px 0 30px}
    .index .sec_07 .title_box h2 {font-size:20px}
    /* .index .sec_07 .banner_photo {margin-top:30px} */
    .index .sec_07 .banner_photo .only_mb {display:block}
    .index .sec_07 .banner_photo .only_pc {display:none}
    .index .sec_07 .list {margin-top:70px}
    .index .sec_07 .list .wrapper > ul {max-width:270px;gap:60px 0}
    .index .sec_07 .list .wrapper > ul > li {width:100%}
    
    .inquiry.photo .visual_wrap .wrapper {align-items:flex-start;padding-top:100px}
    /* .inquiry.photo .visual_wrap .wrapper, .intro.cscenter .visual_wrap .wrapper {align-items:flex-start;padding-top:100px} */
    .inquiry.photo .visual_wrap {background-image:url('../img/visual_inquiry_mb.jpg');background-position:bottom 10% right 43%}
    /* .inquiry.photo .visual_wrap, .intro.cscenter .visual_wrap {background-image:url('../img/visual_inquiry_mb.jpg');background-position:bottom 10% right 43%} */

    /* 원스톱 */
    .one_stop .card_list .list ul {display:flex}
    .one_stop .sec_01.card_list .list {margin-top:54px}
    .one_stop .sec_02.card_list .list .item {padding:32px 32px 36px}
    .one_stop .sec_02.card_list .list .item img {width:100px}
    .one_stop .sec_03.card_list .list {margin-top:36px}
    .one_stop .sec_03.card_list li:not(:last-child):after {position:relative;top:10px;right:0;transform:rotate(90deg);margin:0 auto}

    .banner_wrap .wrapper {height:auto;flex-direction:column;text-align:center;padding:90px 20px 0}
    .banner_wrap .txt_wrap {align-items:center;gap:30px 0}
    .banner_wrap .txt_wrap h2 {font-size:20px;padding:0}
    .banner_wrap .txt_wrap h2 br {display:block}
    .banner_wrap .img_wrap {width:85%;max-width:400px;align-self:center}
    
    /* 리뷰 */
    .category_wrap ul {display:flex;flex-wrap:wrap;justify-content:center}
    .category_wrap li > * {width:120px;font-size:16px;height:40px}
    .review .category_wrap {margin-top:80px}
    .review .search {margin-top:40px}
    .review_list {margin-top:40px}
    .review_list .list ul {grid-template-columns:repeat(2, 1fr);gap:20px 20px}
    .review_list .list .item p {font-size:15px}
    .review_list .list_empty img {max-width:183px}
    
    .popup_wrap .review_list .list {padding:38px 36px 42px}
    .popup_wrap .review_list .list .btn_close img {width:16px}
    .popup_wrap .review_list .list .btn_wrap {margin-top:5px}
    .popup_wrap .review_list .list .item .name {font-size:13px;margin-top:30px}
    .popup_wrap .review_list .list .btn_wrap button {width:45px}

    /* 뉴스 */
    .news_list {margin-top:120px}
    .news_list .list ul {grid-template-columns:repeat(2, 1fr);gap:20px 20px}
    .news_list .list .item .txt_wrap {padding:20px 30px 30px}
    .news_list .list .item .txt_wrap .tit {font-size:20px}

    /* 지원금 조회하기 */
    .support_fund .sec_03.card_list .list ul {display:grid;grid-template-columns:repeat(2, 1fr)}
    .support_fund .sec_03.card_list .list .item {height:240px;padding:50px 30px}
    .support_fund .sec_03.card_list .list .item img {width:100px}

    /* 약관 */
    .term_wrap {padding:110px 0 40px 0}
    .term_wrap h1 {font-size:24px}
    .term_wrap .box {min-height:400px;padding:40px 28px}

    /* 고객센터 */
    .intro.cscenter .visual_wrap .txt_wrap p > .dbp {display:none;}

}

@media all and (max-width: 500px) {
    .wrapper {padding:0 16px}
    .paging {margin:70px 0 90px}
    .visual_wrap p br {display:none}
    .index .main_visual .img_wrap {max-width:260px;height:260px}
    .index .sec_06 {padding:90px 0 60px}
    .index .sec_06 .list .swiper {width:100%;height:238vw}
    .index .sec_06 .list .swiper-slide .txt_wrap {font-size:16px}

    .intro .visual_wrap {background-image:url('../img/visual_intro_mb.jpg')}
    .intro .list .item p br {display:none}
    .intro .sec_03 .wrapper {padding:48px 40px 44px}

    .one_stop .visual_wrap,
    .inquiry.free_corp .visual_wrap {background-image:url('../img/visual_onestop_mb.jpg')}
    .one_stop .sec_01.card_list h2 {padding:0 5%}
    .one_stop .sec_01.card_list h2 br {display:none}
    .one_stop .sec_01.card_list .item {width:calc(100vw + 40px);max-width:initial;transform:translateX(-20px)}
    .one_stop .sec_01.card_list .item img.only_pc {display:none}
    .one_stop .sec_01.card_list .item img.only_mb {display:block}
    .one_stop .sec_01.card_list .list .item .tit,
    .one_stop .sec_01.card_list .list .item p {padding:0 20px}

    .review .visual_wrap {background-image:url('../img/visual_review_mb.jpg')}
    .review .category_wrap {margin-top:56px}
    .review .category_wrap ul {gap:10px}
    .review .category_wrap li > * {width:86px;font-size:14px;height:30px}
    .review .search_box button {width:80px}
    .review_list {margin-top:34px}
    .review_list .total {text-align:center;margin-bottom:42px}
    .review_list .list ul {display:flex;flex-direction:column;gap:12px 0}
    .review_list .list .item .category {height:24px;font-size:12px;padding:0 12px}
    .review_list .list .item .company {font-size:18px}
    .review_list .list .item p {margin-top:18px}
    .review_list .list .item .name {font-size:12px;margin-top:8px}

    /* 뉴스 */
    .news_list {margin-top:60px}
    .news_list .list ul {display:flex;flex-direction:column;gap:22px 0}
    .news_list .list .item .img_wrap {height:164px}
    .news_list .list .item .txt_wrap .tit {font-size:18px;margin-bottom:12px}
    .news_list .list .item .txt_wrap .content {font-size:16px}

    /* 상담하기 */
    /* .inquiry.photo .visual_wrap, .intro.cscenter .visual_wrap {background-image:url('../img/visual_inquiry_mb.jpg')} */
    .inquiry.photo .visual_wrap {background-image:url('../img/visual_inquiry_mb.jpg')}
    .inquiry .sec_01 {padding:60px 0}
    .inquiry .sec_01 .radio_box label:before {width:28px;height:28px;left:25px}
    .inquiry .sec_01 .radio_box label:after {width:22px;height:22px;left:28px}
    .inquiry .sec_01 .radio_box label {padding:0 40px 0 70px}
    .inquiry .sec_01 .radio_box label .content {font-size:16px}
    .inquiry .sec_02 {padding:60px 0 90px}
    .inquiry .sec_02 .term_agree .chk_all {padding:0 20px}
    .inquiry .sec_02 .term_agree .chk_wrap {padding:20px}

    .inquiry .sec_04 {padding:70 0 85px}
    .inquiry .sec_04 .item + .item {margin-top:44px}
    .inquiry .sec_04 .item .explain {font-size:14px}

    /* 지원금 조회하기 */
    .support_fund .visual_wrap {background-image:url('../img/visual_support_mb.jpg')}
    .support_fund .sec_03 {padding:65px 0 50px}
    .support_fund .sec_03.card_list .list .item {height:180px;padding:30px 20px}
    .support_fund .sec_03.card_list .list .item .tit {margin-top:4px}
    .support_fund .sec_03.card_list .list .item .tit br {display:block}
    .support_fund .sec_03.card_list .list .item img {width:66px}

    /* 고객센터 */
    .intro.cscenter .sec_01 .wrapper .cate-list {gap:10px !important;}
    .intro.cscenter .sec_01 .cate-list > li > a {padding:15px;}
    .intro.cscenter .section6 .cont-area .faq-list .faq-q {padding:0 15px;}
}

@media all and (max-width: 400px) {
    .intro.cscenter .sec_01 .cate-list > li > a {padding:15px 5px;}
}

@media all and (max-width: 375px) {
    .swiper-pagination-bullet {width:50px}
    .index .main_explain .list .item p br {display:none}
    .index .main_visual .txt_wrap p br {display:none}
}