@charset "utf-8";

/* 공통 */
.container {overflow-x:hidden}
.wrapper {width:100%;max-width:1480px;margin:0 auto;padding:0 20px}
.popup_wrap {display:none;align-items:center;justify-content:center;width:100%;height:100%;background:rgba(0,0,0,.3);position:fixed;top:0;left:0;z-index:100}
.btn_secondary {display:flex;align-items:center;justify-content:center;text-align:center;background:var(--secondary);color:var(--white);font-size:18px;font-weight:700;transition:all .2s}
.btn_secondary:hover {background:var(--secondary-40)}
.btn_secondary_line {display:flex;align-items:center;justify-content:center;text-align:center;border:solid 1px var(--secondary);color:var(--secondary);font-size:18px;transition:all .2s}

.search_wrap {display:flex;align-items:center;justify-content:flex-end}
.search_wrap form {display:flex;align-items:center;gap:0 10px;height:50px;font-size:18px}
.search_wrap select {display:flex;align-items:center;width:110px;height:100%;background:url('../img/web/arrow_down.svg')no-repeat center right 15px;border:solid 1px #DDDDDD;padding:0 20px;font-size:1em;}
.search_wrap .search_box {display:flex;align-items:center;width:280px;height:100%;border:solid 1px #DDDDDD}
.search_wrap .search_box input {flex:1;display:flex;align-items:center;width:110px;height:100%;font-size:1em;border:0;padding:0 20px}
.search_wrap .search_box input:focus {border:0 !important;outline:0;box-shadow:none}
.search_wrap .search_box button {width:50px;height:100%}

.cont_head {padding:200px 0 106px}
.cont_head .tit {display:block;font-size:60px;margin-bottom:100px;margin-top:126px}
.cont_head .img {height:130px}
.cont_head .img img {width:auto;height:100%}
.cont_head p {font-size:30px;margin:100px 0 70px}
.breadcrumb ul {display:flex;align-items:center}
.breadcrumb li {display:flex;align-items:center;font-size:23px}
.breadcrumb li:not(:first-child):before {content:'';display:block;width:8px;height:14px;background:url('/img/web/arrow_right.svg') no-repeat center/8px;margin:0 18px}
.sub_menu {width:100%;background:var(--white);padding:20px 0}
.sub_menu.fixed {position:fixed;top:0;left:0;z-index:97;overflow-x:auto}
.sub_menu.fixed ul {flex-wrap:nowrap}
.sub_menu ul {display:flex;align-items:center;flex-wrap:wrap;gap:16px}
.sub_menu li a {display:flex;align-items:center;justify-content:center;width:166px;height:64px;background:#F1F1F1;border-radius:40px;font-size:20px;color:#707070;transition:all .2s;text-align:center}
.sub_menu li a.active {color:var(--white);background:var(--primary);font-weight:700}
.sub_menu.blue li a.active {background:var(--secondary)}
.sub_menu.blue li a.active:hover {color:var(--white)}
.sub_menu.blue li a:hover {color:var(--secondary)}
.sub_menu + .sub_menu {background:#F8F8F8;padding:28px 0 128px}
.top_visual {height:420px;background:no-repeat center/cover;color:var(--white)}
.top_visual.space {background-image:url('/img/web/visual_space_pc.jpg')}
.top_visual.sales {background-image:url('/img/web/visual_sales_pc.jpg')}
.top_visual.control {background-image:url('/img/web/visual_control_pc.jpg')}
.top_visual.faq {background-image:url('/img/web/visual_faq_pc.jpg')}
.top_visual.faq_01 {background-image:url('/img/web/visual_faq01_pc.jpg')}
.top_visual.faq_02 {background-image:url('/img/web/visual_faq02_pc.jpg')}
.top_visual.faq_03 {background-image:url('/img/web/visual_faq03_pc.jpg')}
.top_visual.faq_04 {background-image:url('/img/web/visual_faq04_pc.jpg')}
.top_visual.faq_05 {background-image:url('/img/web/visual_faq05_pc.jpg')}
.top_visual.faq_06 {background-image:url('/img/web/visual_faq06_pc.jpg')}
.top_visual.faq_07 {background-image:url('/img/web/visual_faq07_pc.jpg')}
.top_visual.faq_08 {background-image:url('/img/web/visual_faq08_pc.jpg')}
.top_visual.faq_09 {background-image:url('/img/web/visual_faq09_pc.jpg')}
.top_visual.pd_01,
.top_visual.en_pd_01 {background-image:url('/img/web/visual_pd_01_pc.jpg')}
.top_visual.pd_02,
.top_visual.en_pd_02 {background-image:url('/img/web/visual_pd_02_pc.jpg')}
.top_visual.pd_03,
.top_visual.en_pd_03 {background-image:url('/img/web/visual_pd_03_pc.jpg')}
.top_visual.notice,
.top_visual.en_notice {background-image:url('/img/web/visual_notice_pc.jpg')}
.top_visual.file,
.top_visual.en_file {background-image:url('/img/web/visual_file_pc.jpg')}
.top_visual .wrapper {display:flex;justify-content:center;flex-direction:column;height:100%}
.top_visual .txt_wrap {font-size:60px}
.top_visual .txt_wrap span {display:block;font-size:0.6em;margin-bottom:12px}
.top_visual .txt_wrap br.only_mb {display:none}
.top_visual .txt_wrap h1 {font-size:50px;text-align:center}

.table_01 {margin-top:40px}
.table_01.only_mb {display:none}
.table_01 th {height:80px;background:#F9F9F9;border-top:solid 1px var(--black);border-bottom:solid 1px #BEBEBE;font-size:18px;font-weight:500}
.table_01 td {border-bottom:solid 1px #BEBEBE;font-size:20px;padding:30px 0}
.table_01 td .bo_tit {padding:0 12px}
.table_01 td .btn_down {display:inline-flex;align-items:center;justify-content:center;gap:0 8px;font-size:18px;transition:all .2s}
.table_01 td .btn_down svg * {transition:all .2s}
.table_01 td .btn_down:hover {color:var(--secondary)}
.table_01 td .btn_down:hover svg * {stroke:var(--secondary)}

/* 헤더 */
.header {width:100%;background:var(--white);border-bottom:solid 1px #BEBEBE;position:fixed;top:0;left:0;z-index:98;transition:transform .5s}
.header.white {background:var(--white)}
.header.hide {transform:translateY(-100%)}
.header.on {background:var(--white);border-bottom:solid 1px #BEBEBE}
.header .wrapper {display:flex;align-items:center;max-width:1920px}
.header .logo_wrap {width:400px;min-width:400px}
.header .logo {display:block;width:150px}
.header .gnb {flex:1}
.header .gnb > ul {display:flex;align-items:center;justify-content:center}
.header .gnb > ul > li {position:relative}
.header .gnb > ul > li > a {display:flex;align-items:center;height:115px;font-size:23px;padding:0 44px;transition:color .2s;position:relative;text-align:center}
.header .gnb > ul > li:hover  > a{color:var(--secondary)}
.header .gnb > ul > li:hover > a:after {content:'';display:block;width:100%;height:5px;background:var(--secondary);position:absolute;bottom:0;left:0;z-index:1}
.header .gnb > ul > li:hover .box {display:block}
/* .header .gnb > ul > li > a.on {color:var(--primary)}
.header .gnb > ul > li > a.on + .box,
.header .gnb > ul > li > a.on + .box .depth_02 {display:flex !important;flex-direction:column;align-items:flex-start;} */
.header .gnb .box {display:none;min-width:166px;position:absolute;top:100%;left:50%;z-index:99;transform:translateX(-50%);white-space:nowrap;text-align:center;padding:32px 36px 30px;background:rgba(255,255,255,.7);box-shadow:3px 3px 10px rgba(0,0,0,.16)}
.header .gnb .depth_02 {gap:18px 0}
.header .gnb .depth_02 li a {display:flex;align-items:center;text-align:center;justify-content:center;height:36px;font-size:18px;color:#707070;transition:all .2s}
.header .gnb .box button,
.header .gnb .have_depth03 .depth_02 > li > a {display:block;width:100%;font-size:22px;font-weight:700;color:#161616;margin-bottom:12px}
.header .gnb .box button {display:none}
.header .gnb .have_depth03 .depth_02 {display:flex;gap:0 64px}
/*.header .gnb .have_depth03 .depth_02 > li {background:var(--white)}*/
.header .gnb .have_depth03 .depth_02 > li > a {height:auto}
.header .gnb .have_depth03 button {display:none}
.header .opt_menu {display:flex;align-items:center;margin-left:auto;width:400px;min-width:400px}
.header .inquiry_open {display:flex;align-items:center;justify-content:center;width:100%;max-width:230px;font-size:24px;height:60px;background:var(--secondary);color:var(--white);border-radius:50px;margin-left:40px;transition:all .2s}
.header .opt_menu .inquiry_open:hover {background:var(--secondary-40)}
.header .opt_menu .sel_lang {flex:130px 0 0;margin-left:auto;position:relative}
.header .opt_menu .sel_lang button,
.header .opt_menu .sel_lang .box li a {display:flex;align-items:center;height:50px;gap:0 12px;font-size:20px;white-space:nowrap;padding:0 18px}
.header .opt_menu .sel_lang .box {display:none;position:absolute;top:100%;left:0;z-index:1;width:100%;background:var(--white);box-shadow:0 3px 6px rgba(0,0,0,.16)}
.header .opt_menu .sel_lang .box li a {color:var(--secondary);height:50px}
.header .opt_menu_mb {display:none}
.header .menu_open {display:none}
.menu_wrap {display:flex;align-items:center;width:100%;}
.menu_head {display:none;align-items:center;}

/* 문의하기 팝업 */
.pop_inquiry .inner {width:857px;background:var(--white);border:solid 1px #DDDDDD;border-radius:22px;padding:50px 46px 46px}
.pop_inquiry .inner .head {display:flex;align-items:center;justify-content:space-between;border-bottom:solid 1px #E8E8E8;padding-bottom:24px}
.pop_inquiry .inner .head .tit {font-size:30px;font-weight:700}
.pop_inquiry .inner .form {padding-top:40px}
.pop_inquiry .inner .form .line {display:flex;align-items:center;justify-content:space-between}
.pop_inquiry .inner .form .line.txtarea_box .item {width:100%}
.pop_inquiry .inner .form .line + .line {margin-top:22px}
.pop_inquiry .inner .form .item {display:flex;align-items:flex-start}
.pop_inquiry .inner .form .item .tit {display:block;width:88px;min-width:88px;font-size:20px;color:#707070;padding-top:10px}
.pop_inquiry .inner .form .item .tit sup {color:var(--secondary);vertical-align:text-top;}
.pop_inquiry .inner .form .item input,
.pop_inquiry .inner .form .item textarea {font-size:18px;border:solid 1px #BFBFBF}
.pop_inquiry .inner .form .item input:focus,
.pop_inquiry .inner .form .item textarea:focus {border-color:var(--secondary)}
.pop_inquiry .inner .form .item input {width:250px;height:45px;padding:0 15px}
.pop_inquiry .inner .form .item textarea {width:100%;height:195px;padding:16px 15px}
.pop_inquiry .inner .form .agree_box {padding:34px 0 0 88px}
.pop_inquiry .inner .form .agree_box .chk_box input {width:16px;height:16px;margin-top:-1px}
.pop_inquiry .inner .form .agree_box .chk_box label {font-size:16px;font-weight:700;margin-left:16px}
.pop_inquiry .inner .form .agree_box .term_box {height:72px;background:#F9F9F9;border:solid 1px #CBCBCB;font-size:14px;color:#707070;line-height:1.5;margin-top:16px;padding:18px 14px;overflow-y:auto}
.pop_inquiry .inner .form .btn_secondary {width:150px;height:45px;margin:38px auto 0}

/* 푸터 */
.footer {background:#161616;color:var(--white);font-size:20px;padding:110px 0}
.footer .wrapper {display:flex;align-items:center;gap:0 60px;max-width:1920px;padding:0 128px}
.footer .logo {width:150px}
.footer .link_wrap a {font-size:16px;font-weight:700;color:#7D7D7D}
.footer .info {margin-top:30px}
.footer .info.only_mb {display:none}
.footer .info span {line-height:1.8;position:relative}
.footer .info span + span,
.footer .info br.under + span {padding-left:26px;margin-left:24px}
.footer .info span + span::before,
.footer .info br.under + span::before {content:'';display:block;width:1px;height:15px;background:var(--white);position:absolute;left:0;top:50%;transform:translateY(-50%)}
.footer .info span.no_border {margin-left:0}
.footer .info span.no_border::before {display:none}
.footer .info br.under {display:none}
.footer .copyright {margin-top:45px}

/* 메인 */
.index .wrapper {max-width:1568px}
.index .main_visual {display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;min-height:600px;background:url('/img/web/index_main.jpg') no-repeat center/cover;text-align:center;position:relative;padding:16px}
.index .main_visual span {font-size:65px;font-weight:700}
.index .main_visual h1 {font-size:90px;font-weight:800;margin-top:.3em}
.index .main_visual .talk {display:flex;align-items:center;gap:0 30px;font-size:27px;color:#161616;margin-top:50px}
.index .main_visual .arrow {width:24px;position:absolute;bottom:80px;left:50%;transform:translateX(-50%)}
.index .main_visual .arrow img {width:100%;animation:arrow 1.4s infinite alternate;transition:all .2s}
@keyframes arrow{
    from {transform:translateY(10px)}
    to {transform:translateY(0)}
}
.index .title_wrap .sub {display:block;font-size:24px;font-weight:700;color:var(--primary-40);margin-bottom:60px}
.index .title_wrap h2 {font-size:65px;line-height:1.5}
.index .title_wrap br.only_mb {display:none}
.index .title_wrap h2 span {display:block;font-size:.76em;font-weight:500}
.index .sec {padding:150px 0}

.index .sec_01 {background:url('/img/web/index_sec_01_bg.jpg') no-repeat center/cover}
.index .sec_01 .inner {display:flex;flex-direction:column;max-width:1920px;margin:0 auto}
.index .sec_01 .title_wrap {color:var(--white)}
.index .sec_01 .list {max-width:100%;margin-top:44px;align-self:flex-end;}
.index .sec_01 .list ul {display:flex;gap:30px;}
.index .sec_01 .list ul li {width:406px;height:390px;background:rgba(255,255,255,.7)}
.index .sec_01 .list .item {display:flex;flex-direction:column;height:100%;padding:52px 50px}
.index .sec_01 .list .item:hover .btn_more img {transform:translateX(6px)}
.index .sec_01 .list .item span {display:block;font-size:16px;font-weight:700;color:var(--primary)}
.index .sec_01 .list .item strong {display:block;font-size:40px;font-weight:700;margin-top:10px}
.index .sec_01 .list .item p {font-size:13px;line-height:1.7;margin-top:22px}
.index .sec_01 .list .item .btn_more {display:flex;align-items:center;gap:0 16px;font-size:16px;font-weight:500;margin-top:auto}
.index .sec_01 .list .item .btn_more img {transition:all .2s}

.index .sec_02 {background:#F9F9F9}
.index .sec_02 .wrapper {display:flex;align-items:center;justify-content:space-between;}
.index .sec_02 .cont {width:58%;max-width:864px;border:solid 1px #DDDDDD}
.index .sec_02 .cont .box {display:flex;align-items:center;height:368px;font-size:30px;line-height:1.3;padding:0 11%}
.index .sec_02 .cont .box .tit {font-size:40px;font-weight:700}
.index .sec_02 .cont .box .list {width:458px;margin-left:auto}
.index .sec_02 .cont .box ul {display:flex;align-items:center;flex-wrap:wrap;gap:16px 50px}
.index .sec_02 .cont .box li {display:flex;align-items:center}
.index .sec_02 .cont .box1 {background:var(--white)}
.index .sec_02 .cont .box1 ul {display:grid;grid-template-columns:repeat(2, 1fr);}
.index .sec_02 .cont .box1 li span {margin-left:8px}
.index .sec_02 .cont .box1 li span {margin-left:8px}
.index .sec_02 .cont .box1 li img {width:82px}
.index .sec_02 .cont .box2 {color:var(--white);background:var(--primary);border:solid 1px #DDDDDD}
.index .sec_02 .cont .box2 ul {gap:20px 0;padding:0 10%}
.index .sec_02 .cont .box2 li {width:100%}
.index .sec_02 .cont .box2 li span {font-weight:700;margin-left:26px}
.index .sec_02 .cont .box2 li img {width:65px}

.company_swiper {overflow:hidden}
.company_swiper .list ul {display:grid;grid-template-columns:repeat(4, 1fr);gap:32px 24px}
.index .sec_03 .company_swiper {margin-top:90px}

/* 회사소개 */
.intro .sec {padding:200px 0}
.intro .sec h2 {font-size:50px;text-align:center}
.intro .sec .cont {margin-top:100px}

.intro #sec_01 {background:#FBFBFB}
.intro #sec_01 .cont > div {display:flex}
.intro #sec_01 h3 {font-size:40px;text-align:center;margin-top:158px}
.intro #sec_01 .box1 {gap:0 80px}
.intro #sec_01 .box1 img {width:42%;max-width:600px}
.intro #sec_01 .box1 img.only_mb {display:none}
.intro #sec_01 .box1 .txt_wrap .tit {display:block;font-size:50px;line-height:1.4}
.intro #sec_01 .box1 .txt_wrap p {font-size:30px;line-height:1.6;margin-top:92px}
.intro #sec_01 .box2 {font-size:24px;gap:0 52px;margin-top:68px}
.intro #sec_01 .box2 > div {flex:1;display:flex;align-items:center;justify-content:center;gap:0 30px;border-radius:30px;background:var(--white);padding:42px 3% 42px 0}
.intro #sec_01 .box2 img {width:220px}
.intro #sec_01 .box2 strong {display:block;font-size:50px;margin-top:20px}
.intro #sec_01 .box3 {gap:0 45px;margin-top:70px;text-align:center}
.intro #sec_01 .box3 > div {flex:1;border-radius:30px;background:var(--white);padding:86px 60px}
.intro #sec_01 .box3 > div:first-child {max-width:364px}
.intro #sec_01 .box3 > div .tit {display:block;font-size:30px;font-weight:700}
.intro #sec_01 .box3 .list {display:flex;justify-content:space-between;line-height:1.6;margin-top:54px}
.intro #sec_01 .box3 .item {width:100%}
.intro #sec_01 .box3 .item img {width:168px}
.intro #sec_01 .box3 .item .txt_wrap {font-size:24px;margin-top:40px}
.intro #sec_01 .box3 .item .txt_wrap span {color:var(--primary);font-weight:700}

.intro #sec_02 .cont {position:relative;padding:70px 0}
.intro #sec_02 .cont:before {content:'';display:block;width:1px;height:100%;background:#CBCBCB;position:absolute;top:0;left:50%}
.intro #sec_02 .cont > div {display:flex;align-items:flex-start}
.intro #sec_02 .cont > div + div {margin-top:100px}
.intro #sec_02 .cont > div > div {flex:1}
.intro #sec_02 .cont > div > div:first-child {padding-right:100px}
.intro #sec_02 .cont > div > div:last-child {padding-left:100px}
.intro #sec_02 .cont > div > div:last-child .year::before {right:auto;left:-106px}
.intro #sec_02 .cont > div.left {text-align:right}
.intro #sec_02 .cont .img_wrap {width:618px}
.intro #sec_02 .cont .img_wrap.top {margin-top:-16em}
.intro #sec_02 .cont .txt_wrap .year {font-size:45px;font-weight:700;color:var(--primary);position:relative}
.intro #sec_02 .cont .txt_wrap .year::before {content:'';display:block;width:16px;height:16px;background:var(--white);border:solid 1px var(--primary);border-radius:20px;position:absolute;top:50%;right:-109px;transform:translateY(-50%)}
.intro #sec_02 .cont .txt_wrap ul {font-size:30px;line-height:1.6;margin-top:36px}
.intro #sec_02 .cont .txt_wrap li + li {margin-top:30px}

.intro #sec_03 {background:#F8F8F8}
.intro #sec_03 .top {display:flex;align-items:center;justify-content:space-between}
.intro #sec_03 .top .img_wrap {width:48%;max-width:670px}
.intro #sec_03 .top .txt_wrap {text-align:right}
.intro #sec_03 .top .txt_wrap .tit {display:block;font-size:50px;font-weight:700;color:var(--primary)}
.intro #sec_03 .top .txt_wrap p {font-size:30px;line-height:1.6;margin-top:140px}
.intro #sec_03 .vision {font-size:20px;margin-top:120px;padding-bottom:70px}
.intro #sec_03 .vision > div {display:flex;align-items:center}
.intro #sec_03 .vision > div + div {margin-top:270px}
.intro #sec_03 .vision .icon {width:25%;max-width:354px;position:relative}
.intro #sec_03 .vision .icon img {border:solid 1px #CBCBCB;border-radius:50%}
.intro #sec_03 .vision .icon span {font-size:30px;font-weight:700;position:absolute;top:calc(100% + 36px);left:50%;transform:translateX(-50%);text-align:center}
.intro #sec_03 .vision .list {flex:1;position:relative;padding-left:60px}
.intro #sec_03 .vision .list::before {content:'';display:block;width:100%;height:1px;background:var(--black);position:absolute;top:50%;left:0}
.intro #sec_03 .vision .list > ul {display:flex;justify-content:space-between}
.intro #sec_03 .vision .list > ul > li {flex:1}
.intro #sec_03 .vision .list > ul > li > div {position:relative}
.intro #sec_03 .vision .list .year {display:block;font-size:30px;font-weight:700;color:var(--primary);padding-bottom:125px;position:relative}
.intro #sec_03 .vision .list .year::before {content:'';display:block;width:10px;height:10px;background:var(--primary);border-radius:10px;position:absolute;top:51%;transform:translateY(-50%)}
.intro #sec_03 .vision .list li ul {position:absolute;top:78%;left:0}
.intro #sec_03 .vision .list li ul li {line-height:1.4;white-space:nowrap;position:relative;padding-left:14px}
.intro #sec_03 .vision .list li ul li::before {content:'·';margin-right:6px;position:absolute;top:0;left:0}
.intro #sec_03 .vision .list li ul li + li {margin-top:20px}

.intro #sec_04 .cont {text-align:center}
.intro #sec_04 .cont img {width:100%;max-width:1254px}
.intro #sec_04 .cont .only_mb {display:none}

.intro #sec_05 {background:#F8F8F8}

/* 큐브 공통 */
.cube .sec {padding:150px 0}
.cube .cont {margin-top:100px}
.cube .tit_box {text-align:center}
.cube .tit_box h2 {font-size:40px;line-height:1.4;color:var(--secondary)}
.cube .tit_box .sub {display:block;font-size:30px;font-weight:700;line-height:1.4;color:var(--secondary)}
.cube .tit_box p {font-size:40px;margin-top:40px}
.cube .tit_box p br.only_mb {display:none}

.cube #sec_01 .sec_02 {margin-top:256px}
.cube #sec_02 {background:#F9F9F9}
.cube #sec_02 .sec_02 {margin-top:150px}
.cube .list_01 > ul {display:flex;justify-content:center;gap:0 14px}
.cube .list_01 > ul > li {flex:1;max-width:350px;background:var(--white);border-radius:30px;padding:52px 54px 75px}
.cube .list_01 li img {display:block;width:163px;margin:0 auto}
.cube .list_01 li .tit {display:block;font-size:30px;font-weight:700;color:var(--primary);margin-top:24px}
.cube .list_01 ul ul {font-size:20px;line-height:1.5;margin-top:24px}
.cube .list_01 ul ul li {padding-left:20px;position:relative}
.cube .list_01 ul ul li:before {content:'';display:block;width:6px;height:6px;background:var(--primary);border-radius:6px;position:absolute;left:0;top:11px}
.cube .diagram .only_mb {display:none}
.cube .app .wrapper {max-width:1920px;padding:0}
.cube .app .sec_01 .cont {width:100%;margin-left:auto;margin-right:auto;padding:0 20px}
.cube .app .sec_01 .item {font-size:22px;padding-top:12px}
.cube .app .sec_01 .item .tit {display:block;font-weight:700;margin-top:22px}
.cube .app .sec_01 .item p {margin-top:22px}
.cube .app .sec_02 {margin-top:300px}
.cube .app .app_img img {width:100%}
.cube .app .app_img img.only_mb {display:none}
.cube .app .app_img span {display:block;width:100%;max-width:1480px;margin:0 auto;padding:0 20px;font-size:18px;text-align:right;margin-top:50px}

.cube .spec .tit_box .sub br.only_mb {display:none}
.cube .spec .cont {display:flex}
.cube .spec .cont > div {padding:0 30px}
.cube .spec .cont > div + div {border-left:solid 1px #DDDDDD}
.cube .spec .cont > div:first-child {padding-left:0}
.cube .spec .cont > div:nth-child(3n - 2) .tit {color:var(--secondary)}
.cube .spec .cont > div:nth-child(3n - 1) .tit {color:var(--primary)}
.cube .spec .cont > div:nth-child(3n - 2) .item ul li:before {background:var(--secondary)}
.cube .spec .cont > div:nth-child(3n - 1) .item ul li:before {background:var(--primary)}
.cube .spec .cont > div:last-child {padding-right:0}
.cube .spec .tit {display:block;font-size:24px;font-weight:700}
.cube .spec .tit.main {margin-bottom:100px}
.cube .spec .item {height:425px;font-size:18px;padding-bottom:50px}
.cube .spec .item + .item {border-top:solid 1px #DDDDDD;padding:50px 0 0;margin-bottom:50px}
.cube .spec .item .flex {display:flex;align-items:flex-start;gap:0 24px;line-height:1.5}
.cube .spec .item .flex div div .tit {color:var(--black)}
.cube .spec .item .box {margin-top:24px}
.cube .spec .item ul {margin-top:14px}
.cube .spec .item ul li {padding-left:15px;position:relative}
.cube .spec .item ul li:before {content:'';display:block;width:5px;height:5px;background:var(--black);border-radius:5px;position:absolute;top:10px;left:0}
.cube .spec .item ul li p span {font-size:.8em}
.cube .spec .item dl {display:flex;align-items:flex-start}
.cube .spec .item dt {white-space:nowrap;}
.cube .spec .item dd {display:flex;flex-wrap:wrap;margin-left:4px}

.cube .legend {display:flex;align-items:center;justify-content:center;gap:0 30px}
.cube .legend div {font-size:18px;font-weight:500}
.cube .legend div span {display:flex;align-items:center}
.cube .legend div span::after {content:'';display:block;width:16px;height:16px;background:var(--black);border-radius:20px;margin-left:12px}
.cube .legend div.blue {color:var(--secondary)}
.cube .legend div.blue span::after {background:var(--secondary)}
.cube .legend div.green {color:var(--primary)}
.cube .legend div.green span::after {background:var(--primary)}

.cube .list_02 ul {display:flex;align-items:flex-start;justify-content:space-between;font-size:24px;text-align:center}
.cube .list_02 li {flex:1}
.cube .list_02 li img {width:90%;max-width:300px}
.cube .list_02 li span {display:block;color:var(--secondary);font-weight:700;margin-top:50px}
.cube .list_02 li p {margin-top:20px;padding:0 9%}

.cube .round_list ul {display:flex;align-items:flex-start;text-align:center}
.cube .round_list li {flex:1;position:relative;font-size:20px}
.cube .round_list li .tit {position:absolute;top:0;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;width:260px;height:260px;border-radius:100%;background:rgba(0,0,0,.7);font-size:24px;font-weight:700;color:var(--white)}
.cube .round_list li p {margin-top:290px;padding:0 16px}
.cube .round_list li p strong {display:block;margin-top:10px}
.cube .round_list li.blue {color:var(--secondary)}
.cube .round_list li.blue .tit {background:rgba(0,136,225,.7)}
.cube .round_list li.green {color:var(--primary)}
.cube .round_list li.green .tit {background:rgba(37,180,75,.7)}

/* 스페이스 큐브 */
.space #sec_01 .img_list ul {display:flex;align-items:flex-start;gap:0 30px;color:var(--white);text-align:center}
.space #sec_01 .img_list li {position:relative}
.space #sec_01 .img_list li span {display:block;width:100%;font-size:30px;font-weight:700;line-height:1.5;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
.space #sec_01 .img_list li .arrow {position:absolute;top:calc(100% + 80px);left:50%;transform:translateX(-50%)}
.space #sec_01 .explain_list {margin-top:225px}
.space #sec_01 .explain_list ul {display:flex;gap:0 50px;font-size:24px}
.space #sec_01 .explain_list li {flex:1;padding-bottom:48px;border-bottom:solid 3px var(--primary)}
.space #sec_01 .explain_list .num {display:block;font-weight:700}
.space #sec_01 .explain_list .tit {display:block;font-weight:700;color:var(--primary);margin-top:16px}
.space #sec_01 .explain_list p {margin-top:12px}

.space #sec_01 .sec_02 .cont {display:flex;align-items:flex-start;gap:0 30px}
.space #sec_01 .sec_02 .left_th {padding:70px 16px 0 0}
.space #sec_01 .sec_02 .left_th:not(:first-child) {display:none}
.space #sec_01 .sec_02 .left_th span {display:flex;align-items:center;justify-content:center;width:130px;height:130px;border-radius:130px;color:var(--white);font-size:18px;font-weight:700;line-height:1.3;text-align:center;padding:10px}
.space #sec_01 .sec_02 .left_th span + span {margin-top:-26px}
.space #sec_01 .sec_02 .tit {display:flex;align-items:center;justify-content:center;height:72px;border-radius:72px;font-size:20px;font-weight:700;color:var(--white)}
.space #sec_01 .sec_02 .tit ~ div {display:flex;align-items:center;justify-content:center;height:90px;border:solid 1px #DDDDDD;border-radius:100px;background:#F8F8F8;margin-top:14px;font-size:18px;text-align:center;padding:0 24px;letter-spacing:-.04em}
.space #sec_01 .sec_02 .tit + div {margin-top:16px}
.space #sec_01 .sec_02 .first {width:34%}
.space #sec_01 .sec_02 .second {width:33%;color:var(--primary)}
.space #sec_01 .sec_02 .third {width:28%;color:var(--secondary)}

.space #sec_03 .sec_01 .cont {max-width:1340px;display:grid;grid-template-columns:454px 1fr 1fr;grid-template-rows:repeat(2, 1fr)}
.space #sec_03 .sec_01 .img_wrap {grid-row:1 / 3;padding-right:110px}

.space #sec_04 {background:var(--secondary)}
.space #sec_04 .tit_box,
.space #sec_04 .tit_box .sub {color:var(--white)}
.space #sec_04 .cont {margin-top:50px}

.space #sec_04 .legend {gap:0 30px}
.space #sec_04 .legend div {background:var(--white);border-radius:50px;padding:10px 24px}

.space #sec_04 .list {margin-top:55px}
.space #sec_04 .list ul {display:grid;grid-template-columns:repeat(4, 1fr);gap:24px}
.space #sec_04 .list li {display:flex;align-items:center;flex-direction:column;gap:18px 0;height:336px;background:var(--white);border-radius:30px;font-size:24px;color:var(--primary);padding:19% 32px 0;text-align:center}
.space #sec_04 .list li.blue {color:var(--secondary)}
.space #sec_04 .list li * {display:block;font-weight:700}
.space #sec_04 .list li p {font-size:18px;font-weight:normal;color:var(--black)}

.space #sec_05 .cont > div {width:30.5%}
.space #sec_05 .cont > div:nth-child(2) {width:39%}
.space #sec_05 img.item_01,
.space #sec_05 img.item_02,
.space #sec_05 img.item_04 {width:93px}
.space #sec_05 img.item_03 {width:172px}
.space #sec_05 img.item_05 {width:186px}
.space #sec_05 img.item_06 {width:200px}
.space #sec_05 .item_06 .flex {flex-direction:column;gap:20px 0}

/* 세일즈 큐브 */
.sales #sec_01 .table.only_mb {display:none}
.sales #sec_01 .table {font-size:20px;line-height:1.5;text-align:center}
.sales #sec_01 .table th,
.sales #sec_01 .table td {padding:10px}
.sales #sec_01 .table thead th {height:72px;background:var(--primary);color:var(--white)}
.sales #sec_01 .table tbody tr {height:100px;border-bottom:solid 1px #CBCBCB}
.sales #sec_01 .table tbody td {border-left:solid 1px #CBCBCB}
.sales #sec_01 .table .green {color:var(--primary)}
.sales #sec_01 .table .blue {color:var(--secondary)}

.sales #sec_03 .sec_01 .cont {display:flex;align-items:center;gap:0 80px;max-width:1240px}
.sales #sec_03 .sec_01 .cont .img_wrap {display:flex;width:60%;gap:0 24px}

.sales #sec_04 {background:#F7FCFA}
.sales #sec_04 .box + .box {margin-top:250px}
.sales #sec_04 .legend {align-items:flex-end;flex-direction:column;gap:10px 0;margin-bottom:50px}

.sales #sec_05 .cont > div {width:22%}
.sales #sec_05 .cont > div:first-child {width:33%}
.sales #sec_05 .item_03 .flex,
.sales #sec_05 .item_04 .flex,
.sales #sec_05 .item_05 .flex {flex-direction:column}
.sales #sec_05 img.item_01,
.sales #sec_05 img.item_02 {width:186px}
.sales #sec_05 img.item_03,
.sales #sec_05 img.item_04,
.sales #sec_05 img.item_05 {width:auto;height:160px}
.sales #sec_05 .cont > div:nth-child(2) .tit.main,
.sales #sec_05 .cont > div:nth-child(3) .tit.main,
.sales #sec_05 .cont > div:nth-child(4) .tit.main {margin-bottom:320px}
.sales #sec_05 .cont > div:first-child .item .box {margin-top:0}

.sales #sec_06 ul {display:flex;align-items:flex-start;gap:0 60px}
.sales #sec_06 li {flex:1}
.sales #sec_06 li span {display:block;font-size:24px;font-weight:700;line-height:1.4;text-align:center;margin-bottom:50px}
.sales #sec_06 li img {width:100%}

/* 컨트롤 큐브 */
.control .app .sec_01 .cont {padding:0}

.control #sec_01 .sec_02 .cont {display:flex;gap:0 24px}
.control #sec_01 .sec_02 .cont > div {border-radius:36px;font-size:20px;padding:6px 24px}
.control #sec_01 .sec_02 .cont > div > div {display:flex;align-items:center;height:90px;}
.control #sec_01 .sec_02 .cont > div > div + div {border-top:solid 1px var(--white)}
.control #sec_01 .sec_02 .left_th:not(:first-child) {display:none}
.control #sec_01 .sec_02 .left_th {width:170px;background:#DDDDDD;font-weight:700;text-align:center;margin-top:75px}
.control #sec_01 .sec_02 .left_th span {display:block;width:100%}
.control #sec_01 .sec_02 .cont > .left_th > div + div {border-color:#707070}
.control #sec_01 .sec_02 .tit {display:flex;align-items:center;height:85px;font-weight:700;color:var(--white);border-bottom:solid 2px var(--white)}
.control #sec_01 .sec_02 .first {width:34%;color:var(--white);background:#2B2B2B}
.control #sec_01 .sec_02 .second {width:33%;color:var(--white);background:var(--primary)}
.control #sec_01 .sec_02 .third {width:28%;color:var(--white);background:var(--secondary)}

.control #sec_03 .sec_02 {width:100%;max-width:1490px;margin-left:auto;margin-right:auto;padding:0 20px}
.control #sec_03 .sec_02 .cont > div {display:flex;gap:0 10%}
.control #sec_03 .sec_02 .cont > div div {flex:1}
.control #sec_03 .sec_02 .text_box {font-size:24px}
.control #sec_03 .sec_02 .img_box {margin-top:60px}
.control #sec_03 .sec_02 .img_box > div {position:relative}
.control #sec_03 .sec_02 .img_box > div::after {content:'';display:block;width:30px;height:58px;background:url('/img/web/control_03_arrow.png') no-repeat center/100%;position:absolute;top:50%;left:120%;transform:translate(-50%, -50%)}
.control #sec_03 .sec_02 .img_box > div:last-child::after {display:none}
.control #sec_03 .sec_02 .img_box img {width:100%}

.control #sec_04 {background:#F9F9F9}
.control #sec_04 .box + .box {margin-top:300px}
.control #sec_04 .box1 .top {background:var(--secondary)}
.control #sec_04 .box2 .top {background:var(--primary)}
.control #sec_04 .box3 .top {background:#373737}
.control #sec_04 .cont {display:flex}
.control #sec_04 .item {display:flex;flex-direction:column;flex:1}
.control #sec_04 .item .top {flex:1;color:var(--white);padding:50px 30px}
.control #sec_04 .item .top .head {font-size:24px;font-weight:700;border-bottom:solid 1px var(--white);padding-bottom:30px}
.control #sec_04 .item .top .head .tit {display:block;margin-top:30px}
.control #sec_04 .item .top .content {font-size:18px;line-height:1.5;margin-top:40px;padding-right:20px}
.control #sec_04 .item .top .content > div + div {margin-top:40px}
.control #sec_04 .item .top .content li {padding-left:14px;position:relative}
.control #sec_04 .item .top .content li::before {content:'·';position:absolute;top:0;left:0}
.control #sec_04 .item .bottom {border-top:dashed 3px #CBCBCB;margin-top:86px}
.control #sec_04 .item .bottom span {display:block;text-align:center;font-size:24px;font-weight:500;padding-top:28px;position:relative}
.control #sec_04 .item .bottom span::before {content:'';display:block;width:16px;height:16px;border-radius:20px;position:absolute;top:-1px;left:50%;transform:translate(-50%, -50%)}
.control #sec_04 .item .bottom span.blue {color:var(--secondary)}
.control #sec_04 .item .bottom span.blue::before {background:var(--secondary)}
.control #sec_04 .item .bottom span.green {color:var(--primary)}
.control #sec_04 .item .bottom span.green::before {background:var(--primary)}

.control #sec_05 .cont .tit {display:block;font-size:24px;font-weight:700;text-align:center}
.control #sec_05 .only_mb {display:none}
.control #sec_05 .img_box img  {margin-top:50px}

/* 자주묻는질문 */
.faq_list {padding:155px 0 180px}
.faq_list .wrapper {max-width:1310px}
.faq_list .box + .box {margin-top:120px}
.faq_list .head h2 {font-size:30px;border-bottom:solid 1px var(--black);padding-bottom:36px}
.faq_list ul li {border-bottom:solid 1px #BEBEBE}
.faq_list ul li button {display:flex;align-items:center;width:100%;height:90px;font-weight:700;padding:0 40px;position:relative;text-align:left}
.faq_list ul li button::after {content:'';display:block;width:22px;height:10px;background:url('/img/web/arrow_faq.svg') no-repeat center/22px;position:absolute;right:48px;top:50%;transform:translateY(-50%)}
.faq_list ul li button.on::after {transform:translateY(-50%) rotate(180deg)}
.faq_list ul li .cont {display:none;color:#707070;border-top:solid 1px #BEBEBE;padding:30px 40px 58px}
.faq_list ul li .cont a {color:#707070}
.faq_list ul li .cont p {max-width:970px}
.faq_list ul li .cont p,
.faq_list ul li button span {font-size:20px;line-height:2;position:relative;padding-left:38px}
.faq_list ul li button span::before,
.faq_list ul li .cont p::before {content:'Q.';display:block;font-size:1.5em;font-weight:700;color:var(--black);position:absolute;top:-10px;left:0}
.faq_list ul li .cont p::before {content:'A.'}

/* 영문버전 */
.en p {line-height:1.3}
.en .cube .spec .item {height:480px}
.en .control #sec_01 .sec_02 .cont > div > div {height:120px}

@media (hover: hover) {
    .header .gnb .depth_02 li a:hover {color:var(--secondary);font-weight:700}
    .sub_menu li a:hover {color:var(--primary)}
    .sub_menu li a.active:hover {color:var(--white)}
}

@media all and (max-width: 1600px) {
    /* 헤더 */
    .header .logo_wrap,
    .header .opt_menu {width:300px;min-width:300px}
    .header .opt_menu .inquiry_open {max-width:160px;height:50px;font-size:18px}
}

@media all and (max-width: 1400px) {
    .breadcrumb li {font-size:20px}
    .cont_head {padding:160px 0 90px}
    .cont_head .tit {font-size:50px;margin:80px 0 60px}
    .cont_head .img {height:100px}
    .cont_head p {margin:80px 0 50px}
    .sub_menu li a {width:148px;height:52px;font-size:18px}
    .top_visual .txt_wrap {font-size:42px}
    .top_visual .txt_wrap h1 {font-size:42px}
    .search_wrap form {font-size:16px}

    .table_01 th {font-size:16px;height:70px}
    .table_01 td {font-size:18px}

    /* 헤더 */
    .header .wrapper {height:80px}
    .header .logo {width:120px}
    .header .gnb > ul > li > a {font-size:18px;height:80px;padding:0 30px}
    .header .opt_menu .sel_lang button,
    .header .opt_menu .sel_lang .box li a{font-size:16px}
    .header .opt_menu .inquiry_open {width:140px;height:40px;font-size:16px}
    .header .gnb .box button,
    .header .gnb .have_depth03 .depth_02 > li > a {font-size:20px}
    .header .gnb .depth_02 li a {font-size:16px}

    /* 푸터 */
    .footer {padding:80px 0;font-size:16px}
    .footer .wrapper {padding:0 80px}
    .footer .link_wrap a {font-size:14px}
    .footer .info span::before  {height:12px}

    /* 메인 */
    .index .sec {padding:100px 0}
    .index .title_wrap .sub {margin-bottom:44px}
    .index .title_wrap h2 {font-size:44px}
    .index .title_wrap h2 span {font-size:.6em}

    .index .main_visual span {font-size:40px}
    .index .main_visual h1 {font-size:70px}
    .index .main_visual .talk {font-size:20px;gap:0 24px}
    .index .main_visual .talk img {height:40px}

    .index .sec_01 .list ul {gap:0 20px}
    .index .sec_01 .list ul li {width:320px;height:330px}
    .index .sec_01 .list .item {padding:36px 32px}
    .index .sec_01 .list .item strong {font-size:34px}

    .index .sec_02 .cont {min-width:640px}
    .index .sec_02 .cont .box {height:280px;padding:0 8%}
    .index .sec_02 .cont .box {font-size:24px}
    .index .sec_02 .cont .box .list {width:415px}
    .index .sec_02 .cont .box .tit {font-size:32px}
    .index .sec_02 .cont .box1 li img {width:60px}
    .index .sec_02 .cont .box2 li img {width:50px}
    .index .sec_02 .cont .box2 li span {margin-left:20px}

    /* 회사소개 */
    .intro .sec {padding:120px 0}
    .intro .sec h2 {font-size:40px}
    .intro .sec .cont {margin-top:80px}
    .intro #sec_01 .box1 {gap:0 50px}
    .intro #sec_01 .box1 .txt_wrap .tit {font-size:36px}
    .intro #sec_01 .box1 .txt_wrap p {font-size:22px;margin-top:60px}
    .intro #sec_01 .box2 {gap:0 30px}
    .intro #sec_01 .box2 img {width:150px}
    .intro #sec_01 .box2 strong {font-size:40px;margin-top:12px}
    .intro #sec_01 .box3 {gap:0 30px}
    .intro #sec_01 .box3 > div {padding:40px}
    .intro #sec_01 .box3 > div:first-child {max-width:240px}
    .intro #sec_01 .box3 > div .tit {font-size:24px}
    .intro #sec_01 .box3 .list {margin-top:40px}
    .intro #sec_01 .box3 .item img {width:96px}
    .intro #sec_01 .box3 .item .txt_wrap {font-size:20px;margin-top:30px}
    .intro #sec_01 h3 {font-size:30px}
    .intro #sec_02 .cont > div > div:first-child {padding-right:60px}
    .intro #sec_02 .cont > div > div:last-child {padding-left:60px}
    .intro #sec_02 .cont > div > div:last-child .year::before {left:-68px}
    .intro #sec_02 .cont .txt_wrap .year::before {right:-68px}
    .intro #sec_02 .cont .txt_wrap ul {font-size:20px}
    .intro #sec_02 .cont .txt_wrap li + li {margin-top:20px}
    .intro #sec_03 .top .txt_wrap .tit {font-size:40px}
    .intro #sec_03 .top .txt_wrap p {font-size:24px;margin-top:80px}
    .intro #sec_03 .vision {font-size:18px}
    .intro #sec_03 .vision > div + div {margin-top:200px}
    .intro #sec_03 .vision .list li ul li + li {margin-top:12px}
    .intro #sec_03 .vision .icon span {font-size:26px}

    /* 큐브 공통 */
    .cube #sec_01 .sec_02 {margin-top:180px}
    .cube .sec {padding:120px 0}
    .cube .cont {margin-top:80px}
    .cube .tit_box h2 {font-size:30px}
    .cube .tit_box .sub {font-size:22px}
    .cube .tit_box p {font-size:28px;margin-top:34px}

    .cube .list_01 > ul > li {padding:40px 40px 50px}
    .cube .list_01 li img {width:128px}
    .cube .list_01 li .tit {font-size:20px}
    .cube .list_01 ul ul {font-size:16px;margin-top:15px}
    .cube .app .sec_01 .item {font-size:20px;padding-right:40px}
    .cube .app .sec_01 .item img {width:90px}
    .cube .app .sec_02 {margin-top:150px}

    .cube .spec .cont {flex-direction:column}
    .cube .spec .cont > div {width:100% !important;padding:40px 0;margin:20px 0;position:relative}
    .cube .spec .cont > div::before {content:'';display:block;width:1px;height:100%;background:#DDDDDD;position:absolute;top:0;left:50%}
    .cube .spec .cont > div + div {border:0;border-top:solid 1px #DDDDDD}
    .cube .spec .cont > div + div::before {height:calc(100% - 40px);top:40px}
    .cube .spec .tit {font-size:20px}
    .cube .spec .list {display:flex;}
    .cube .spec .item {width:50%;height:auto;font-size:16px;padding:0 40px 0 0}
    .cube .spec .item + .item {border-top:0;margin:0;padding:0 0 0 40px}
    .cube .spec .tit.main {width:50%;margin-bottom:70px !important}

    .cube .list_02 ul {font-size:20px}

    .cube .round_list li {font-size:18px}
    .cube .round_list li .tit {width:240px;height:240px;font-size:20px}
    .cube .round_list li p {margin-top:270px}

    /* 스페이스 큐브 */
    .space #sec_01 .explain_list ul {gap:0 30px;font-size:20px}
    .space #sec_01 .sec_02 .cont {gap:0 20px}
    .space #sec_01 .sec_02 .tit,
    .space #sec_01 .sec_02 .tit ~ div,
    .space #sec_01 .sec_02 .left_th span {font-size:17px}
    .space #sec_01 .img_list li span {font-size:20px}

    .space #sec_03 .sec_01 .cont {grid-template-columns:385px 1fr 1fr}
    .space #sec_03 .sec_01 .img_wrap {padding-right:80px}

    .space #sec_04 .list li {font-size:20px}

    /* 세일즈 큐브 */
    .sales #sec_01 .table {font-size:18px}
    .sales #sec_04 .box + .box {margin-top:180px}
    .sales #sec_05 .cont > div:not(:first-child)::before {display:none}
    .sales #sec_05 .cont > div:nth-child(2) .item,
    .sales #sec_05 .cont > div:nth-child(3) .item,
    .sales #sec_05 .cont > div:nth-child(4) .item {width:100%}
    .sales #sec_05 .cont .item .box:first-child {margin-top:0}
    .sales #sec_05 .item_03 .flex,
    .sales #sec_05 .item_04 .flex,
    .sales #sec_05 .item_05 .flex {flex-direction:row}
    .sales #sec_06 ul {gap:0 30px}
    .sales #sec_06 li span {font-size:20px;margin-bottom:30px}

    /* 컨트롤 큐브 */
    .control #sec_01 .sec_02 .cont > div {font-size:18px}
    .control #sec_03 .sec_02 .text_box {font-size:20px}
    .control #sec_04 .item .top .head {font-size:20px}
    .control #sec_04 .item .top .content {font-size:16px}
    .control #sec_04 .item .bottom span {font-size:20px}
    .control #sec_04 .box + .box {margin-top:150px}

    .en .cube .spec .item {height:auto}
}

@media all and (max-width: 1200px) {
    .top_visual {height:340px}

    .header .logo_wrap,
    .header .opt_menu {width:auto;min-width:initial}

    .cube .round_list ul {display:grid;grid-template-columns:repeat(3, 1fr);gap:80px 0;max-width:680px;margin:0 auto}

    .space #sec_01 .sec_02 .tit,
    .space #sec_01 .sec_02 .tit ~ div,
    .space #sec_01 .sec_02 .left_th span {font-size:15px}
}

@media all and (max-width: 1024px) {
    /* 헤더 */
    .header .wrapper {height:58px;padding-right:0}
    .header .logo {width:72px}
    .header .menu_open,
    .header .menu_close {display:block;width:58px;min-width:58px;height:58px;margin-left:auto}
    .header .menu_head {display:flex;width:100%;padding-left:20px}
    .header .gnb > ul > li > a,
    .header .opt_menu {display:none}
    .header .gnb {width:100%;overflow-y:auto;padding:20px}
    .header .gnb > ul {flex-direction:column;}
    .header .gnb > ul > li {display:flex;flex-direction:column;align-items:flex-start;width:100%;border-bottom:solid 1px #D8D8D8}
    .header .gnb .box {display:block;width:100% !important;position:initial;transform:none;box-shadow:none}
    .header .gnb .box:before {display:none}
    .header .gnb .box button {display:block;width:100%;height:80px;font-size:20px;font-weight:700;text-align:left;background:url('/img/web/arrow_select.svg') no-repeat center right/14px;transition:color .2s;margin-bottom:0}
    .header .gnb .box button.on {color:var(--secondary);background-image:url('/img/web/arrow_select_up.svg')}
    .header .gnb .depth_02 {display:none;flex-direction:column;padding-bottom:24px}
    .header .gnb .depth_02 li a {display:flex;align-items:center;justify-content:flex-start;height:34px;font-size:16px;text-align:left}
    .header .gnb .depth_03 {display:none}
    .header .gnb .have_depth03 .depth_02 {display:none}
    .header .gnb .box,
    .header .gnb .have_depth03 .depth_02 > li {width:100%;height:auto;padding:0;border:0}
    .header .gnb .have_depth03 .depth_02 > li > a {display:flex;height:34px;font-size:16px;color:#707070;font-weight:normal;margin:0}
    .header .opt_menu_mb {display:flex;align-items:center;justify-content:flex-start;width:100%;padding:16px 20px}
    .header .opt_menu_mb .inquiry_open {width:130px;height:32px;background:var(--secondary);border:0;font-size:13px;color:var(--white);margin-left:0}
    .header .opt_menu_mb .link_lang {display:flex;align-items:center;margin-left:10px}
    .header .opt_menu_mb .link_lang > a {font-size:16px;color:#B4B4B4;padding:10px}
    .header .opt_menu_mb .link_lang > a.on {font-weight:700;color:#404040}
    .menu_wrap {display:none;flex-direction:column;width:100%;height:100%;position:fixed;top:0;left:0;background:var(--white);z-index:999}
    /*.header .gnb .box button {display:none}*/

    /* 문의하기 팝업 */
    .pop_inquiry {flex-direction:column;background:var(--white)}
    .pop_inquiry .menu_head {display:flex !important;width:100%;padding-left:20px}
    .pop_inquiry .menu_head .logo {width:72px}
    .pop_inquiry .menu_head .pop_close {display:block;width:58px;min-width:58px;height:58px;margin-left:auto}
    .pop_inquiry .inner {width:100%;border-radius:0;flex:1;overflow-y:auto;padding:50px 20px}
    .pop_inquiry .inner .head .pop_close {display:none}
    .pop_inquiry .inner .head .tit {font-size:24px}
    .pop_inquiry .inner .form {padding-top:28px}
    .pop_inquiry .inner .form .line {display:block}
    .pop_inquiry .inner .form .line .item + .item {margin-top:16px}
    .pop_inquiry .inner .form .item .tit {width:75px;min-width:75px;font-size:16px;padding-top:12px}
    .pop_inquiry .inner .form .item input, .pop_inquiry .inner .form .item textarea {flex:1;font-size:14px}
    .pop_inquiry .inner .form .agree_box {padding:28px 0 0 75px}
    .pop_inquiry .inner .form .agree_box .chk_box label {font-size:14px}
    .pop_inquiry .inner .form .agree_box .term_box {height:90px}
    .pop_inquiry .inner .form .btn_secondary {height:38px;font-size:14px}

    /* 푸터 */
    .footer .wrapper {flex-direction:column;align-items:flex-start;gap:66px 0}

    /* 메인 */
    .index .sec_01 .list {align-self:center;padding:0 20px}
    .index .sec_01 .list .item p br {display:none}
    .index .sec_02 .wrapper {flex-direction:column;align-items:flex-start;gap:60px 0}
    .index .sec_02 .cont {width:100%;min-width:initial;max-width:initial}
    .index .sec_02 .cont .box2 li img {width:30px}

    /* 회사소개 */
    .intro #sec_01 .box1 .txt_wrap .tit {font-size:26px}
    .intro #sec_01 .box1 .txt_wrap p {font-size:18px;margin-top:60px}
    .intro #sec_01 .box2 {font-size:18px}
    .intro #sec_01 .box2 img {width:120px}
    .intro #sec_01 .box2 strong {font-size:30px}
    .intro #sec_01 h3 {margin-top:100px}
    .intro #sec_01 .box3 .item img {width:80px}
    .intro #sec_01 .box3 .item .txt_wrap {font-size:16px}
    .intro #sec_02 .cont .txt_wrap .year {font-size:36px}
    .intro #sec_02 .cont .txt_wrap ul {font-size:16px}
    .intro #sec_02 .cont .img_wrap.top {margin-top:-11em}
    .intro #sec_03 .top .txt_wrap .tit {font-size:28px}
    .intro #sec_03 .top .txt_wrap p {font-size:18px;margin-top:40px}
    .intro #sec_03 .vision {font-size:14px}
    .intro #sec_03 .vision > div + div {margin-top:150px}
    .intro #sec_03 .vision .icon {width:18%;min-width:80px}
    .intro #sec_03 .vision .icon span {font-size:18px;white-space:nowrap}
    .intro #sec_03 .vision .list {padding-left:40px}
    .intro #sec_03 .vision .list .year {font-size:20px;padding-bottom:80px}

    /* 큐브 공통 */
    .cube .list_01 > ul {flex-wrap:wrap;gap:20px}
    .cube .list_01 > ul > li {flex:auto;width:calc((100% - 20px)/2);max-width:calc((100% - 20px)/2)}
    .cube .app .sec_01 .item {font-size:16px;padding-right:20px}
    .cube .app .sec_01 .item img {width:70px}

    .cube .spec .tit {font-size:18px}
    .cube .spec .tit.main {margin-bottom:40px !important}
    .cube .spec .item {font-size:14px}

    /* 스페이스 큐브 */
    .space #sec_01 .sec_02 .tit,
    .space #sec_01 .sec_02 .tit ~ div,
    .space #sec_01 .sec_02 .left_th span {font-size:14px}
    .space #sec_01 .sec_02 .left_th {padding-right:0}

    .space #sec_03 .sec_01 .cont {grid-template-columns:290px 1fr 1fr}
    .space #sec_03 .sec_01 .img_wrap {padding-right:40px}

    .space #sec_04 .list ul {grid-template-columns:repeat(2, 1fr);gap:20px}
    .space #sec_04 .list li {height:300px;padding:16% 20px 0}

    /* 컨트롤 큐브 */
    .control #sec_01 .sec_02 .cont {gap:0 16px}
    .control #sec_01 .sec_02 .cont > div {font-size:16px;padding:6px 20px}
    .control #sec_01 .sec_02 .cont > div br {display:none}
    .control #sec_01 .sec_02 .left_th {width:140px}
    .control #sec_04 .item .top {padding:40px 20px}

    /* 자주묻는질문 */
    .faq_list .box + .box {margin-top:100px}
    .faq_list .head h2 {font-size:24px;padding-bottom:28px}
    .faq_list ul li button {height:80px;padding:0 20px}
    .faq_list ul li button span {font-size:18px}
    .faq_list ul li .cont {padding:20px 20px 30px}
    .faq_list ul li .cont p {font-size:16px}
}

@media all and (max-width: 768px) {
    .breadcrumb li {font-size:12px}
    .breadcrumb li:not(:first-child):before {background-size:5px;margin:0 12px}
    .cont_head {padding:108px 0 50px}
    .cont_head .tit {font-size:24px;margin:50px 0}
    .cont_head .img {height:50px}
    .cont_head p {font-size:16px;margin:50px 0 30px}
    .sub_menu.fixed {padding:12px 0}
    .sub_menu ul {gap:8px 10px}
    .sub_menu li a {width:110px;height:34px;font-size:12px}

    .top_visual {height:240px}
    .top_visual .txt_wrap {font-size:24px}
    .top_visual .txt_wrap h1 {font-size:32px}
    .top_visual .txt_wrap br.only_mb {display:block}

    .search_wrap fieldset {width:100%}
    .search_wrap form {height:40px;font-size:14px}
    .search_wrap select {padding:0 16px}
    .search_wrap .search_box {flex:1}
    .search_wrap .search_box input {padding:0 16px}

    .table_01.only_mb {display:block}
    .table_01.only_pc {display:none}
    .table_01 th {height:56px;font-size:14px}
    .table_01 td {font-size:14px;padding:20px 0}
    .table_01 td .bo_tit .date {margin-top:10px}
    .table_01 td .btn_down {width:30px;height:30px}
    .table_01 td .btn_down svg {width:13px}
    .table_01 td .btn_down span {display:none}

    /* 푸터 */
    .footer {font-size:12px;padding:60px 0}
    .footer .wrapper {padding:0 40px}
    .footer .link_wrap a {font-size:12px}
    .footer .info {margin-top:40px}
    .footer .info.only_mb {display:block}
    .footer .info.only_pc {display:none}
    .footer .info span + span, .footer .info br.under + span {padding-left:12px;margin-left:8px}
    .footer .info span + span::before, .footer .info br.under + span::before {height:10px}

    /* 메인 */
    .index .main_visual span {font-size:20px}
    .index .main_visual h1 {font-size:36px}
    .index .main_visual .talk {font-size:12px;gap:0 10px;margin-top:40px}
    .index .main_visual .talk img {height:15px}
    .index .main_visual .arrow {display:none}

    .index .sec {padding:70px 0}
    .index .title_wrap .sub {font-size:14px;margin-bottom:20px}
    .index .title_wrap h2 {font-size:30px}
    .index .title_wrap br.only_mb {display:block}

    .index .sec_01 .list {width:100%;margin-top:60px}
    .index .sec_01 .list ul {flex-direction:column;gap:20px 0;}
    .index .sec_01 .list ul li {width:100%;height:320px}
    .index .sec_01 .list .item {padding:50px 48px}
    .index .sec_01 .list .item span {font-size:11px}
    .index .sec_01 .list .item strong {font-size:30px}
    .index .sec_01 .list .item p {max-width:300px;font-size:12px;margin-top:20px}
    .index .sec_01 .list .item .btn_more {font-size:12px}
    .index .sec_01 .list .item .btn_more img {height:6px}

    .index .sec_02 .cont .box {flex-direction:column;align-items:flex-start;gap:14px 0;height:auto;font-size:14px;padding:24px}
    .index .sec_02 .cont .box .list {width:100%;margin-left:0}
    .index .sec_02 .cont .box .tit {font-size:20px}
    .index .sec_02 .cont .box1  ul {display:grid;grid-template-columns:repeat(2, 1fr);gap:10px 0}
    .index .sec_02 .cont .box1 li img {width:38px}
    .index .sec_02 .cont .box1 li span br {display:none}
    .index .sec_02 .cont .box2 .list {width:200px;margin-left:auto}
    .index .sec_02 .cont .box2 ul {gap:10px 0;padding:0}
    .index .sec_02 .cont .box2 li span {margin-left:12px}

    .company_swiper .list ul {grid-template-columns:repeat(2, 1fr);gap:10px}
    .index .sec_03 .company_swiper {margin-top:54px}

    /* 회사소개 */
    .intro .sec {padding:50px 0}
    .intro .sec h2 {font-size:24px}
    .intro .sec .cont {margin-top:45px}
    .intro #sec_01 .box1 {flex-direction:column;gap:42px 0}
    .intro #sec_01 .box1 img {width:100%;max-width:initial}
    .intro #sec_01 .box1 img.only_mb {display:block}
    .intro #sec_01 .box1 img.only_pc {display:none}
    .intro #sec_01 .box1 .txt_wrap .tit {font-size:24px}
    .intro #sec_01 .box1 .txt_wrap p {font-size:14px;margin-top:40px}
    .intro #sec_01 .box2 {font-size:12px;flex-direction:column;gap:25px 0;margin-top:50px}
    .intro #sec_01 .box2 > div {padding:22px 3% 22px 0}
    .intro #sec_01 .box2 img {width:108px}
    .intro #sec_01 .box2 strong {font-size:20px}
    .intro #sec_01 h3 {font-size:20px;margin-top:50px}
    .intro #sec_01 .box3 {flex-direction:column;align-items:center;gap:25px 0;margin-top:30px}
    .intro #sec_01 .box3 > div {width:100%;padding:40px 20px}
    .intro #sec_01 .box3 > div:first-child {min-width:160px}
    .intro #sec_01 .box3 > div .tit {font-size:15px}
    .intro #sec_01 .box3 .list {gap:0 10px;margin-top:24px}
    .intro #sec_01 .box3 .item img {width:70px}
    .intro #sec_01 .box3 .item .txt_wrap {font-size:12px;margin-top:16px}
    .intro #sec_02 .cont {padding:0 0 36px}
    .intro #sec_02 .cont:before {left:5px}
    .intro #sec_02 .cont > div {flex-direction:column;gap:50px 0}
    .intro #sec_02 .cont > div + div {margin-top:50px}
    .intro #sec_02 .cont > div > div:first-child,
    .intro #sec_02 .cont > div > div:last-child {padding-left:50px;padding-right:0}
    .intro #sec_02 .cont > div.left {text-align:left}
    .intro #sec_02 .cont .img_wrap {order:-1;width:100%}
    .intro #sec_02 .cont .img_wrap.top {margin-top:0}
    .intro #sec_02 .cont .txt_wrap .year {font-size:22px}
    .intro #sec_02 .cont .txt_wrap .year::before {width:10px;height:10px;right:auto !important;left:-49px !important}
    .intro #sec_02 .cont .txt_wrap ul {font-size:14px;margin-top:25px}
    .intro #sec_03 .top {flex-direction:column;gap:50px 0}
    .intro #sec_03 .top .img_wrap {width:100%;max-width:initial}
    .intro #sec_03 .top .txt_wrap {width:100%}
    .intro #sec_03 .top .txt_wrap .tit {font-size:24px}
    .intro #sec_03 .top .txt_wrap p {font-size:14px}
    .intro #sec_03 .vision {font-size:12px;margin-top:100px}
    .intro #sec_03 .vision > div + div {margin-top:114px}
    .intro #sec_03 .vision .icon span {font-size:14px;top:calc(100% + 18px)}
    .intro #sec_03 .vision .list {padding-left:20px;padding-right:50px}
    .intro #sec_03 .vision .list .year {font-size:14px;padding-bottom:56px}
    .intro #sec_03 .vision .list .year::before {width:5px;height:5px}
    .intro #sec_03 .vision .list > ul > li:nth-child(3) ul {top:auto;bottom:118%}
    .intro #sec_03 .vision .list li ul li + li {margin-top:8px}
    .intro #sec_04 .cont .only_pc {display:none}
    .intro #sec_04 .cont .only_mb {display:block;max-width:600px;margin:0 auto}

    /* 큐브 공통 */
    .cube .tit_box h2 {font-size:20px}
    .cube .tit_box .sub {font-size:16px}
    .cube .tit_box p {font-size:22px;margin-top:24px;padding:0 20px}
    .cube .tit_box p br {display:none}
    .cube .tit_box p br.only_mb {display:block !important}
    .cube .sec {padding:60px 0}
    .cube .cont {margin-top:40px}
    .cube .diagram .only_mb {display:block;width:100%;max-width:600px;margin:0 auto}
    .cube .diagram .only_pc {display:none}

    .cube .list_01 > ul {gap:10px}
    .cube .list_01 > ul > li {padding:24px 24px 36px}
    .cube .list_01 li img {width:80px}
    .cube .list_01 li .tit {font-size:16px}
    .cube .list_01 ul ul {font-size:14px}
    .cube .list_01 ul ul li {padding-left:10px}
    .cube .list_01 ul ul li:before {width:3px;height:3px;top:8px}

    .cube #sec_01 .sec_02 {margin-top:100px}
    .cube #sec_02 .sec_02 {margin-top:100px}
    .cube .app .sec_01 .item {font-size:14px;padding:0}
    .cube .app .sec_01 .item img {width:54px}
    .cube .app .sec_01 .item p {margin-top:14px}
    .cube .app .app_img img.only_mb {display:block}
    .cube .app .app_img img.only_pc {display:none}
    .cube .app .app_img span {text-align:center;font-size:14px}

    .cube .spec .cont > div {padding:20px 0;margin:10px 0;}
    .cube .spec .cont > div + div::before {height:calc(100% - 20px);top:20px}
    .cube .spec .tit_box .sub br.only_mb {display:block}
    .cube .spec .tit {font-size:14px}
    .cube .spec .item {font-size:12px;padding:0 20px 0 0}
    .cube .spec .item + .item {padding:0 0 0 20px}
    .cube .spec .item .box {margin-top:12px}
    .cube .spec .item ul {margin-top:10px}
    .cube .spec .item ul li {padding-left:10px}
    .cube .spec .item ul li:nth-child(2) dl {flex-direction:column;}
    .cube .spec .item ul li:before {width:3px;height:3px;top:7px}
    .cube .spec .item .flex {gap:0 16px}

    .cube .legend div {font-size:14px}
    .cube .legend div span::after {width:8px;min-width:8px;height:8px;margin-left:6px}

    .cube .round_list ul {gap:40px 0;max-width:446px}
    .cube .round_list li {font-size:14px}
    .cube .round_list li .tit {width:160px;height:160px;font-size:16px}
    .cube .round_list li p {margin-top:180px;padding:0 8px}

    .cube .list_02 ul {display:grid;grid-template-columns:repeat(2, 1fr);gap:50px 20px;font-size:14px}
    .cube .list_02 li img {max-width:140px}
    .cube .list_02 li span {margin-top:24px}
    .cube .list_02 li p {margin-top:12px}

    /* 스페이스 큐브 */
    .space #sec_01 .sec_02 div p br {display:block}
    .space #sec_01 .wrapper {padding:0 16px}
    .space #sec_01 .img_list ul {gap:0 8px}
    .space #sec_01 .img_list li span {font-size:14px;padding:0 5px}
    .space #sec_01 .img_list li .arrow {width:16px;top:calc(100% + 28px)}
    .space #sec_01 .explain_list {margin-top:100px}
    .space #sec_01 .explain_list ul {font-size:14px}
    .space #sec_01 .explain_list li {padding-bottom:20px;border-width:2px}
    .space #sec_01 .sec_02 .cont {display:grid;grid-template-columns:90px auto;gap:50px 25px}
    .space #sec_01 .sec_02 .left_th:not(:first-child) {display:block}
    .space #sec_01 .sec_02 .left_th span {width:90px;height:90px;font-size:13px}
    .space #sec_01 .sec_02 .left_th span + span {margin-top:-14px}
    .space #sec_01 .sec_02 .first,
    .space #sec_01 .sec_02 .second,
    .space #sec_01 .sec_02 .third {width:100%}.space #sec_01 .img_list li span
    .space #sec_01 .sec_02 .tit {height:66px}
    .space #sec_01 .sec_02 .tit ~ div {height:69px;margin-top:9px}

    .space #sec_03 .sec_01 .cont {width:100%;max-width:500px;grid-template-columns:repeat(2, 1fr);gap:24px}
    .space #sec_03 .sec_01 .img_wrap {padding-right:0}

    .space #sec_04 .cont {margin-top:40px}
    .space #sec_04 .legend {gap:0 20px}
    .space #sec_04 .legend div {padding:8px 20px}
    .space #sec_04 .list {margin-top:30px}
    .space #sec_04 .list ul {gap:14px}
    .space #sec_04 .list li {gap:10px 0;height:160px;font-size:13px;padding-top:32px}
    .space #sec_04 .list li p {font-size:1em}

    .space #sec_05 img.item_01,
    .space #sec_05 img.item_02,
    .space #sec_05 img.item_04 {width:40px}
    .space #sec_05 img.item_03 {width:60px}
    .space #sec_05 img.item_05 {width:80px}
    .space #sec_05 img.item_06 {width:80px}

    /* 세일즈 큐브 */
    .sales #sec_01 .table {font-size:14px}
    .sales #sec_01 .table.only_pc {display:none}
    .sales #sec_01 .table.only_mb {display:block}
    .sales #sec_01 .table.only_mb table + table {margin-top:50px}
    .sales #sec_01 .table thead th {height:40px}
    .sales #sec_01 .table tbody tr {height:58px}
    .sales #sec_03 .sec_01 .cont {gap:0 30px}
    .sales #sec_04 .legend {flex-direction:row;align-items:center;justify-content:center;gap:0 24px}
    .sales #sec_04 .box + .box {margin-top:80px}
    .sales #sec_05 img.item_01,
    .sales #sec_05 img.item_02 {width:68px}
    .sales #sec_05 img.item_03,
    .sales #sec_05 img.item_04,
    .sales #sec_05 img.item_05 {height:auto;width:112px}
    .sales #sec_06 ul {gap:0 12px}
    .sales #sec_06 li span {font-size:14px;margin-bottom:28px}

    /* 컨트롤 큐브 */
    .control #sec_01 .sec_02 .left_th {width:100%}
    .control #sec_01 .sec_02 .left_th:not(:first-child) {display:block}
    .control #sec_01 .sec_02 .cont {display:grid;grid-template-columns:100px 1fr;gap:56px 14px}
    .control #sec_01 .sec_02 .cont > div {font-size:12px;border-radius:15px}
    .control #sec_01 .sec_02 .cont > div > div {height:60px}
    .control #sec_01 .sec_02 .first,
    .control #sec_01 .sec_02 .second,
    .control #sec_01 .sec_02 .third {width:100%}
    .control #sec_01 .sec_02 .tit {height:70px}
    .control #sec_04 .item .top .content {font-size:14px}
    .control #sec_03 .sec_02 .text_box {font-size:14px}
    .control #sec_03 .sec_02 .img_box {margin-top:30px}
    .control #sec_03 .sec_02 .img_box > div::after {width:14px}
    .control #sec_04 .cont {flex-wrap:wrap}
    .control #sec_04 .item {flex:auto;gap:30px 0;width:50%}
    .control #sec_04 .item .top {font-size:16px;padding:28px 16px}
    .control #sec_04 .item .top .head {padding-bottom:20px}
    .control #sec_04 .item .top .head .tit {margin-top:10px}
    .control #sec_04 .item .top .content {font-size:14px;margin-top:20px}
    .control #sec_04 .item .top .content > div + div {margin-top:20px}
    .control #sec_04 .item .bottom {border-width:1px;margin:0}
    .control #sec_04 .item .bottom span {font-size:14px;padding-top:14px}
    .control #sec_04 .item .bottom span::before {width:8px;height:8px;top:0}
    .control #sec_04 .item:first-child,
    .control #sec_04 .item:nth-child(2) {flex-direction:column-reverse;}
    .control #sec_04 .box + .box {margin-top:80px}
    .control #sec_05 .only_pc {display:none}
    .control #sec_05 .only_mb {display:block}
    .control #sec_05 .cont .tit {font-size:14px}
    .control #sec_05 .img_box img {margin-top:20px}

    /* 자주묻는질문 */
    .faq_list .box + .box {margin-top:80px}
    .faq_list .head h2 {font-size:16px}
    .faq_list ul li button {height:66px;padding:0 30px 0 0}
    .faq_list ul li button span {font-size:16px}
    .faq_list ul li .cont {padding:20px 0 30px}
    .faq_list ul li .cont p {font-size:14px}
    .faq_list ul li button::after {background-size:15px;right:4px}
    .faq_list ul li button span::before, .faq_list ul li .cont p::before {font-size:16px;top:-1px}
    .faq_list ul li .cont p, .faq_list ul li button span {line-height:1.4;padding-left:20px}

    /* 영문 */
    .en .intro #sec_03 .vision > div + div {margin-top:200px}
    .en .space #sec_01 .img_list li span {line-height:1.3}
    .en .space #sec_01 .explain_list ul {display:grid;grid-template-columns:repeat(2, 1fr);gap:30px}
    .en .control #sec_01 .sec_02 .cont {grid-template-columns:98px 1fr}
    .en .control #sec_01 .sec_02 .cont > div > div {height:84px}
}

@media all and (max-width: 500px) {
    .top_visual .txt_wrap h1 {font-size:20px}
    .top_visual.space {background-image:url('/img/web/visual_space_mb.jpg')}
    .top_visual.sales {background-image:url('/img/web/visual_sales_mb.jpg')}
    .top_visual.control {background-image:url('/img/web/visual_control_mb.jpg')}
    .top_visual.faq {background-image:url('/img/web/visual_faq_mb.jpg')}
    .top_visual.pd_01,
    .top_visual.en_pd_01 {background-image:url('/img/web/visual_pd_01_mb.jpg')}
    .top_visual.pd_02,
    .top_visual.en_pd_02 {background-image:url('/img/web/visual_pd_02_mb.jpg')}
    .top_visual.pd_03,
    .top_visual.en_pd_03 {background-image:url('/img/web/visual_pd_03_mb.jpg')}
    .top_visual.notice,
    .top_visual.en_notice {background-image:url('/img/web/visual_notice_mb.jpg')}
    .top_visual.file,
    .top_visual.en_file {background-image:url('/img/web/visual_file_mb.jpg')}

    .index .main_visual {background-image:url('/img/web/index_main_m.jpg')}

    .search_wrap form {flex-direction:column;gap:10px 0;width:100%;height:auto}
    .search_wrap select {width:100%;height:40px;}
    .search_wrap .search_box {flex:1;width:100%}
    .search_wrap .search_box input,
    .search_wrap .search_box button {height:40px}
    .search_wrap .search_box button img {width:16px}

    /* 푸터 */
    .footer .info br.under + span {padding:0;margin:0}
    .footer .info span + span::before, .footer .info br.under + span::before {display:none}
    .footer .info br.under {display:block}
    
    /* 큐브 공통 */
    .cube .list_01 li .tit {font-size:14px}
    .cube .list_01 ul ul {font-size:12px}
    .cube .list_01 > ul > li {padding:14px 16px 28px;border-radius:15px}
    .cube .app .sec_01 .item {font-size:12px}
    .cube .app .sec_01 .item p br {display:none}
    .cube .app .sec_02 {margin-top:100px}
    .cube .app .app_img span {font-size:12px}

    .cube .spec .item .flex {gap:0 10px}
    .cube .spec .item dd {margin:0}

    .cube .legend div {font-size:12px}
    .cube .round_list ul {max-width:336px}
    .cube .round_list li {font-size:12px}
    .cube .round_list li .tit {width:120px;height:120px;font-size:14px;padding:10px}
    .cube .round_list li p {margin-top:135px}

    /* 스페이스 큐브 */
    .space #sec_01 .explain_list ul {font-size:12px;gap:0 14px}
    .space #sec_01 .sec_02 .tit {height:46px}
    .space #sec_01 .sec_02 .tit,
    .space #sec_01 .sec_02 .tit ~ div,
    .space #sec_01 .sec_02 .left_th span {font-size:12px}
    .space #sec_01 .sec_02 .left_th {padding-top:50px}
    .space #sec_01 .sec_02 .tit ~ div {padding:0 16px}
    .space #sec_01 .sec_02 .cont {gap:50px 10px}
    .space #sec_01 .sec_02 .cont p br {display:none}
    .space #sec_01 .img_list li span {font-size:12px}
    .space #sec_03 .sec_01 .cont {gap:20px}
    .space #sec_04 .list li {height:auto;padding:16% 20px}
    .space #sec_05 img.item_05,
    .space #sec_05 img.item_06 {width:auto;height:65px}
    .space #sec_05 .item_05 .flex,
    .space #sec_05 .item_06 .flex {flex-direction:column;gap:16px 0}

    /* 세일즈 큐브 */
    .sales #sec_03 .sec_01 .cont {flex-direction:column;gap:28px 0}
    .sales #sec_03 .sec_01 .cont .img_wrap {width:100%;gap:0 14px}
    .sales #sec_03 .sec_01 .cont > div:last-child {display:flex;align-items:flex-start;gap:0 14px}
    .sales #sec_03 .sec_01 .cont > div:last-child .item {width:100%;padding-right:5%}
    .sales #sec_06 li span {display:flex;align-items:center;justify-content:center;font-size:12px;height:2em}

    /* 컨트롤 큐브 */
    .control #sec_01 .sec_02 .cont {grid-template-columns:80px 1fr}
    .control #sec_01 .sec_02 .cont > div {padding:6px 14px}
    .control #sec_04 .item .top .head {font-size:16px}
    .control #sec_04 .item .top .content {font-size:12px}
    .control #sec_04 .item .top .content li {padding-left:8px}

    .faq_list ul li button span {font-size:14px}
    .faq_list ul li .cont p {font-size:12px}

    .en .space #sec_01 .img_list li span {font-size:10px}
}

@media all and (max-width: 375px) {
    .intro #sec_01 .box1 .txt_wrap .tit br {display:none}
    .intro #sec_01 .box3 .item .txt_wrap {font-size:10px}
    .intro #sec_03 .vision {font-size:11px}
    .intro #sec_03 .vision .list {padding-left:10px;padding-right:40px}
    .intro #sec_03 .vision .list li ul li {width:120px;white-space:initial}
    .intro #sec_03 .vision .list > ul > li:last-child li {width:80px}
    .intro #sec_03 .vision .list li ul li br {display:none}
    .intro #sec_03 .vision .list .year {font-size:12px}
    .intro #sec_03 .vision .icon {min-width:65px}

    .cube .tit_box p {font-size:19px;}
    .cube .spec .item .flex {flex-direction:column !important;gap:20px 0}
    .cube .list_02 ul {font-size:12px}
    .cube .list_02 li p {padding:0}

    .space #sec_04 .list li p br {display:none}
    .space #sec_05 .item_03 .flex {flex-direction:column;gap:16px 0}

    .sales #sec_01 .table {font-size:12px}

    .en .space #sec_01 .img_list li span br.only_pc {display:none}
}