@charset "UTF-8";
/* ==========================================
 * 16:9 1600*900 (max-width:1600px)
 * ========================================== */
 @media all and (max-width:1600px) {
/***** root *****/
:root {
    /* width */
    --w_web: 91%;
    /* height */
    --h_header: 7rem;
}

/***** header *****/
/* gnb - menu */
.gnb > ul > li > a::after{top: 48px;}

/***** container - main page *****/
/* content3 */
.con_business > div {height: 450px;}
.con_business > div > a::after{
    top: 0;
    height: 160px;
}
.con_business > div > a::before{
    z-index: 1;
    bottom: 0;
    height: 60px;
}
/* hover */
.con_business > div:hover > a::after{top: -180px;}
.con_business > div:hover > a::before{bottom: -60px;}
.con_business > div > a > .con_btn{top: 82%;}

/***** container - sub page *****/
/* vision 비전 */
.vision > div > .vision_triangle > div > div {height: 260px;}
/* careers 인재채용 / 인재육성 */
.con_edu1 > h3{width: 48%;}
/* community */
.table_list td:first-of-type {width: 8%;}
.table_list td:nth-of-type(2) {width: 57%;}
.post .title_info, .post .clip > div{padding: 0;}

/***** footer *****/
.foot_top .sitemap {width: 60%; display: flex; flex-direction: column;}
.related_site{width: 94%; margin-top: var(--auto); padding: var(--10);margin-top: auto;}
.related_site a{padding: var(--5);}
.related_site img{width: 28px;}
.info{width:40%;}
}
/* ==========================================
 * 기타: 1645px / 1565px / 1385px
 * ========================================== */
 @media all and (max-width:1645px){
/* biz01(주요사업) */
.aicc_wrap .aicc02 > li:last-child > div {width: 700px;}
/* community(커뮤니티) */
.photo_list li > a > div:first-child {height: fit-content;}
.photo_list li > a > div:first-child > img {object-fit: contain;}
/* careers(인재육성) */
.con_edu6 > ul > li > ul > li > div:first-child {padding: 3px var(--10);}
/* footer */
.sns .divide {padding: 0 var(--10);}
.sns > div > a~a {margin-left: var(--10);}
 }
 @media all and (max-width:1565px){
    /* footer */
    .related_site {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .related_site img{width: 24px;}
 }
 @media all and (max-width:1385px){
    /* footer */
    .sns .divide {padding: 0 var(--5);}
    .sns > div:last-child img{width: 42px;}
 }
/* ==========================================
 * 16:9 1366*768 (max-width:1366px)
 * ipad pro (가로:1366*1024)
 * ========================================== */
 @media all and (max-width:1366px){
/***** setting *****/
/* font */
body{font-size: 1.7rem;}
p{font-size: 1.7rem;}
h2{font-size: 4rem;}
h3{font-size: 3.6rem;}

/***** header *****/
/* header_wrap */
.header{
    backdrop-filter: blur(0);
    -webkit-backdrop-filter: blur(0);
}
.header:hover,
.header.active,
.header.on{
    background: rgba(var(--color_white-rgb), 0.7);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(221, 221, 221, 0.5);
    transition: all 0.3s;
}
.header.on .mobile_menu_btn > div,
.header.on .mobile_menu_btn > div::after,
.header.on .mobile_menu_btn > div::before{
    background: var(--color_font);
}
/* logo */
.logo{
    z-index: 9997;
}
/* gnb */
.gnb{
    position: absolute;
    top: 0;
    right: -100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--h_header) 0 0;
    width: var(--full);
    height: 100vh;
    height: 100dvh;
    background: var(--color_white);
    color: var(--color_font);
}
.gnb.on{
    right: 0;
    transition: all 0.3s;
}
/* gnb - menu */
.gnb > ul{
    display: block;
    width: var(--full);
    font-size: 0;
    border-top: var(--color_border);
    padding: var(--30) 0;
}
.gnb > ul > li{
    position: relative;
    display: inline-flex;
    width: 20%;
    height: 80px;
    justify-content: center;
    padding: 0;
}
.gnb > ul > li > a{
    width: 100%;
    display: block;
    font-size: 2.6rem;
    font-weight: 800;
}
.gnb > ul > li > a::after{
    content: "";
    display: none;
}
.gnb > ul > li:hover > a{
    position: static;
    color: var(--color_font);
}
/* gnb - menu_sub */
.header.active .gnb > ul > li:hover > div{border-bottom: none;}
.gnb > ul > li:hover > div{display: block;}
.gnb > ul > li > div{
    display: block;
    position: absolute;
    width: var(--full);
    background: none;
    color: #000;
    padding: 0;
}
.gnb > ul > li > div > div{display: none;}
.gnb > ul > li > div > ul{
    width:var(--full);
    border-left: none;
    padding: 50px 50px;
    font-size: 2rem;
    font-weight: 500;
}
.gnb > ul > li > div > ul > li > a{
    display: block;
    width: var(--full);
    color: var(--color_font_sub1);
}
.gnb > ul > li > div > ul > li:hover > a{color: var(--color_font_sub1);}
.gnb > ul > li > div > ul > li~li{margin-top: var(--40);}
/* m_etc 모바일 기타 메뉴 */
.m_etc{
    width: var(--full);
    height: 80px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: var(--color_font_sub2);
    background-color: var(--color_footer);
}
.m_etc ul{display: inline-flex;}
.m_etc ul li~li{margin-left: var(--20);}
.m_etc span{padding: 0 30px;}
.m_etc div a~a{margin-left:var(--20);}
/* header_btn */
.header_btn{
    z-index: 10000;
    margin-left: var(--auto);
}
/* mobile menu */
.mobile_menu_btn{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 47px;
    height: 47px;
    margin-left: var(--10);
    background: none;
}
.mobile_menu_btn > div {
    position: relative;
    width: 26px;
    height: 3px;
    background: var(--color_white);
}
.mobile_menu_btn > div::before{
    position: absolute;
    content: "";
    top: -8px;
    left: 0;
    width: 26px;
    height: 3px;
    background: var(--color_white);
}
.mobile_menu_btn > div::after{
    position: absolute;
    content: "";
    top: 8px;
    left: 0;
    width: 26px;
    height: 3px;
    background: var(--color_white);
}
.header.active .mobile_menu_btn > div,
.header.active .mobile_menu_btn > div::after,
.header.active .mobile_menu_btn > div::before,
.header:hover .mobile_menu_btn > div,
.header:hover .mobile_menu_btn > div::after,
.header:hover .mobile_menu_btn > div::before{
    background: var(--color_font);
    transition: all 0.3s;
}
.mobile_menu_btn.on > div{
    transform: rotate(45deg);
    transition: all 0.3s;
}
.mobile_menu_btn.on > div::before{
    transform: rotate(0);
    top: 0;
    transition: all 0.3s;
}
.mobile_menu_btn.on > div::after{
    transform: rotate(-90deg);
    top: 0;
    transition: all 0.3s;
}
.w120{--width: 110px;}

/***** section *****/
/* slide_txt */
.slide_txt > h3{font-size: 7rem;}

/***** container - main page *****/
/* content1 */
.content1 .co-gradient{
    font-size: 5rem;
    margin-bottom: var(--40);
}
.content1 h3{margin-bottom: var(--15);}
.content1 p{ margin-bottom: var(--80);}
/* content2 */
.count-txt{margin-bottom: 0;}
.count-txt > span{font-size: 3rem;}
.count{font-size: 7rem;}
.count + span{font-size: 4rem;}
.reference > .count_wrap{margin-bottom: var(--50);}
/* content3 */
.content3 .con-txt {
    margin: var(--set3) var(--100);
}
.con_business > div{height: 390px;}
.con_business > div > a::after{display: none;}
.con_business > div > a::before{display: none;}
/* hover */
.con_business > div > a > h3 {
    top: 6%;
    color: var(--color_white);
}
.con_business > div > a > .con_btn{top: 83.5%;}
.con_business > div > a > .con_btn .arrow{opacity: 1;}
/* content4 */
.content4 .news > div:first-child {height: 295px;}

/***** container - sub page *****/
/* vision 비전 */
.vision > div > .vision_triangle > div{width: 55%;background-size: 100% auto;}
.vision > div > .vision_triangle > div > div{height: 240px;}
.core_value > div > .btn_tab_wrap > .btn_tab{
    width: 220px;
    height: 220px;
    border-radius: 110px;
}
.core_value > div > ul h4 {
    font-size: 4rem;
    margin-bottom: var(--20);
}
/* ci_type */
.ci_type > div{width: 48%;}
.ci_type .ci,
.ci_type .ci img,
.ci_type .download_wrap{width: var(--full);}
.ci_type .download_wrap{padding: 0 var(--30);}
/* brand_color */
.brand_color > div:last-child {width: 27%;}
/* history(연혁) */
/* history_banner */
.history_banner{
    padding: var(--100) 0;
    background: url(/web_resources/homepage_images/images_2024/history_bg.jpg) 90% 0 no-repeat;
    background-size: 110% 100%;
}
.history_banner > h4{
    width: 42%;
    font-size: 3.2rem;
    margin: var(--20) var(--auto);
}
.history_banner > div > div > img{width: 50px;}
.history_banner > div > div > div {font-size: 1.2rem;}
/* 오시는길 */
.companyMap.seoul > .map_info{
    padding: var(--set1) 0; 
    margin: 0 auto 150px;  
}
.companyMap.seoul > .map_info{padding-left: 45%;}
.companyMap.gangwon > .map_info{padding-right: 45%;}
/* photo_list (언론보도,사진게시판 ul li list) */
.photo_list li > a > div:first-child {height: 298px;}
/* biz01(주요사업 - 컨택센터 구축 및 운영) */
.biz01_img{width: 40%;}
.biz01_img > div {top: 320px;}
/* aicc */
.aicc_wrap .aicc02 > li:last-child > div {width: 640px;}
.biz01_contact {background-size: auto 100%;}
/* careers / careersEdu 인재육성 */
.con_edu2 {
    background: url(/web_resources/homepage_images/images_2024/edu2_bg.png) 50% 0 no-repeat;
    background-size: cover;
}
.con_edu5 ol > li > div {padding: 25px;}
.con_edu5 ol > li > ul {padding: 25px;}
.con_edu6 > ul > li > ul > li > div:first-child {
    width: 18%;
    padding: 3px var(--10);
}
.con_edu6 > ul > li > ul > li > div:last-child {width: 82%;}

/***** footer *****/
/* footer top */
.foot_top .sitemap {width: 53%;}
.foot_top .sitemap > ul{font-size: 1.5rem;}
.foot_top .sitemap > ul > li~li{margin-left: var(--50);}
/* info (footer 기업정보) */
.info{width:47%;}
address,.contact_number{font-size: 1.5rem;}
/* footer_bottom */
.foot_bottom{padding: 24px 0;font-size: 1.5rem;}
}
/* ==========================================
 * device - tablet ~ mobile (max-width:1180px)
 * iPad air (가로 1180*820)
 * ========================================== */
 @media all and (max-width:1180px) {
/***** setting *****/
/* font */
h2{font-size: 3.8rem;}
h3{font-size: 3rem;}
h4{font-size: 2.2rem;}
h5{font-size: 2rem;}
h6{font-size: 1.8rem;}

/***** header *****/
/* gnb - menu */
.gnb > ul > li > a{font-size: 2.4rem;}
/* gnb - menu_sub */
.gnb > ul > li > div > ul{
    font-size: 1.8rem;
    padding: 50px 40px;
}

/***** section *****/
/* slide_txt */
.slide_txt {top: 50%;}
.slide_txt > h3{font-size: 7rem;}
/* slide_arrow(slick-arrow) */
.main_visual .slick-arrow{
    top: 92.8%;
    transform: translateY(-50%);
}
.main_visual .slick-arrow svg {
    width: 32px;
    height: 32px;
    fill: rgba(var(--color_white-rgb), 0.2);
}
.main_visual .slick-prev{left: 40%;}
.main_visual .slick-next{right: 39%;}
/* main_slide_page(pagination) */
.main_slide_page {
    position: absolute;
    bottom: 7%;
    width: var(--full);
    display: inline-flex;
    justify-content: center;
}
/* scroll down animation */
.scroll-downs{display: none;}

/***** container - main page *****/
.con-set {padding: var(--100) 0;}
/* btn */
[class*="con_btn"] {font-size: 2.5rem;}
/* content1 */
.content1 .co-gradient{font-size: 4rem;}
.content1.company{display: block;}
.content1.company > div:nth-child(2), .content1.company > div:nth-child(2) > h3{text-align: center;}
.content1.company > div:nth-child(2) > h3{font-size: 4rem;}
.content1.company > div:nth-child(2) > a{margin: var(--center);}
.content1.company > div.video{text-align: center;}
.content1.company > div.video > video{width: 70%;margin: var(--80) auto 0;}
/* content2 */
.content2 .con-txt h2{margin-bottom: var(--60);}
.count-txt > span{font-size: 2.8rem;}
.count,.reference > .count_wrap > div .num{font-size: 5.8rem;}
.count + span{font-size: 3.5rem;}
/* content3 */
.content3 .con-txt {margin: var(--set3) var(--100);}
.con_business > div{height: 337px;}
.con_business > div > a::after{height: 105px;}
.con_business > div > a::before{height: 60px;}
/* hover */
.con_business > div:hover > a::after{top: -105px;}
.con_business > div:hover > a::before{bottom: -60px;}
.con_business > div > a > h3 {top: 8%;}
.con_business > div > a > .con_btn{top: 80%;}
/* content4 */
.content4 .news > div:first-child {height: 268px;}
.content4 .news > div:last-child > div {font-size: 2.4rem;}
.content4 .news_wrap .news {padding: 0 var(--10);}

/***** container - sub page *****/
/* ceo_wrap */
.ceo_wrap .greeting, .em {
    width: 50%;
}
.ceo_wrap > div:nth-child(2) img {
    object-fit: cover;
    height: 670px;
}
/* vision_wrap(비전) */
.vision > div > .vision_triangle > div {width: 63%;}
/* core_value */
.core_value .btn_tab {
    font-size: 2.4rem;
    font-weight: 800;
    width: 190px;
    height: 190px;
    border-radius: 95px;
}
.core_value > div > ul > li { margin-left: var(--50);}
.core_value > div > ul h4 {
    font-size: 3.2rem;
    margin-bottom: var(--10);
}
.core_value > div > .btn_tab_wrap > .btn_tab {
    width: 200px;
    height: 200px;
    border-radius: 100px;
    font-size: 2.6rem;
}
/* ci_wrap(CI소개) */
/* ci_type */
.ci_type .download_wrap{padding: 0;}
/* photo_list (언론보도,사진게시판 ul li list) */
.photo_list li > a > div:first-child {height: 257px;}
.photo_list li > a > div:last-child > div {font-size: 2.4rem;}
.photo_nav{height: 288px;}
.photo_nav .photo_slide {height: 228px;}
.photo_nav .photo_slide img {
    height: var(--full);
    object-fit: cover;
}
/* biz01(주요사업 - 컨택센터 구축 및 운영) */
.biz01_img > div {
    top: 260px;
    font-size: 3.2rem;
}
.biz01_wrap > div:last-child > .biz01_img > div{top: 320px;}
.biz01_txt > ul > li {
    height: 80px;
    font-size: 2.2rem;
}
/* code-hive */
.code-hive_txt {margin: 260px var(--auto) 0;}
.code-hive_txt > div {
    width: 48.5%;
    padding: 40px 30px 40px 0;
}
.code-hive_txt > div > div:first-child {width: 50%;}
.code-hive_txt > div > div:first-child > img {width: 130px;}
.code-hive_txt > div > div:last-child {width: 50%;}
/* aicc */
.aicc_wrap .aicc01 > li {height: 150px;}
.aicc_wrap .aicc02 {margin-bottom: 115px;}
.aicc_wrap .aicc02 > li {padding: var(--30) var(--15);}
.aicc_wrap .aicc02 > li > p > span {word-break: keep-all;}
.aicc_wrap .aicc02 > li > div {
    top: 350px;
    width: 430px;
    height: 80px;
    padding: var(--10) var(--15);
}
.aicc_wrap .aicc02 > li:first-child > div{left: 0;}
.aicc_wrap .aicc02 > li:first-child > div > img {width: 48px;}
.aicc_wrap .aicc02 > li:last-child > div{width: 620px;}
.aicc_wrap .aicc02 > li:last-child > div > div~div{margin-left: var(--15);}
.aicc_wrap .aicc02 > li:first-child > div::after {left: 92px;}
.aicc_wrap .aicc02 > li:last-child > div::after {right: 92px;}
/* careers / careersEdu 인재육성 */
.con_edu1 > div > div > ul > li {
    height: 76px;
    font-size: 2.2rem;
}
.con_edu2 {
    background: url(/web_resources/homepage_images/images_2024/edu2_bg.png) 60% 0 no-repeat;
    background-size: cover;
    height: 660px;
}
.con_edu2 > ul > li {font-size: 2rem;}
.con_edu6::after {top: -80px;}
.con_edu6 > ul > li > div {
    height: 70px;
    line-height: 70px;
}
.con_edu6 > ul > li > ul {padding: var(--20);}
.con_edu6 > ul > li > ul > li > div:first-child {padding: 3px 8px;}

/***** footer *****/
.footer{height: fit-content;}
/* footer top */
.foot_top{
    display: inline-flex;
    flex-direction: column;
}
.foot_top .sitemap {width: var(--full); margin-bottom: var(--50);}
.related_site{width: fit-content; margin-top: var(--30);}
/* info (footer 기업정보) */
.info{width:var(--full);}
} 
/* ==========================================
 * device - tablet ~ mobile (max-width:1180px)
 * iPad pro (세로 1024*1355)
 * ========================================== */
 @media all and (max-width:1024px) {
/***** header *****/
/* gnb */
.gnb{
    padding: 70px 0 0;
    height: fit-content;
}
/* gnb - menu */
.gnb > ul{
    display: block;
    width: var(--full);
    height: calc(100vh - 120px);
    overflow-y: scroll;
    font-size: 0;
    padding: 0;
    border: 0;
}
.gnb > ul::-webkit-scrollbar{
    display: none;
}
.gnb > ul > li{
    display: flex;
    flex-direction: column;
    width: var(--full);
    height: fit-content;
    border-top: 0;
    border-bottom: 0;
}
.gnb > ul > li > a{
    display: flex;
    height: 70px;
    align-items: center;
    justify-content: center;
    border-top: var(--color_border);
    border-bottom: var(--color_border_sub);
}
/* gnb - menu_sub */
.gnb > ul > li > div{
    position: static;
    min-height: fit-content;
}
.gnb > ul > li > div > ul{
    padding: var(--10) 0;
    border-top: var(--color_border-sub);
}
.gnb > ul > li > div > ul > li~li {margin-top: 0;}
.gnb > ul > li > div > ul > li{
    height: 60px;
}
.gnb > ul > li > div > ul > li > a{
    display: flex;
    align-items: center;
    justify-content: center;
    height: var(--full);
}
/* m_etc */
.m_etc {
    justify-content: center;
    width: var(--full);
    height: 50px;
    margin: 0;
    color: var(--color_font_sub2);
    background: var(--color_footer);
    font-size: 1.4rem;
}

/***** section *****/
/* slide_txt */
.slide_txt {top: 55%;}

/***** container - main page *****/
/* content3 */
.con_business > div > a > img {height: 100%;}

/***** container - sub page *****/
/* vision - 비전 */
.vision > div > .vision_triangle > div > div {height: 210px;}
.core_value > div > .btn_tab_wrap > .btn_tab {
    width: 170px;
    height: 170px;
    border-radius: 85px;
    font-size: 2.4rem;
}
/* map - 오시는길 */
.companyMap.seoul{
    background: url(/web_resources/homepage_images/images_2024/seoul_m.jpg) 0 0 no-repeat;
    background-size: 100%;
}
.companyMap.seoul > .map_info {
    padding-left: 37%;
    margin: var(--center); 
}
.companyMap.gangwon > .map_info,
.companyMap.seoul > .map_info{
    padding: var(--set2) 0;
    margin: 0 auto var(--80);
}
.companyMap > .map_info > ul {width: 64%;}
.centerMap > img{width: 100%;}
/* biz01 - 주요사업 */
.biz01_txt > ul > li {
    height: 70px;
    font-size: 2rem;
}
.biz01_txt > ul > li:nth-child(n + 3) {margin-top: var(--20);}
.biz01_img > div {
    height: fit-content; 
    top: 210px;
    right: 40px;}
.biz01_wrap > div:nth-child(2) > .biz01_img > div {top: 50px;}
.biz01_wrap > div:last-child > .biz01_img > div {
    top: 260px;
}
.code-hive_img {background-attachment: scroll;}
.aicc_wrap .aicc02 > li > div {width: 410px;}
.aicc_wrap .aicc02 > li:last-child > div {width: 500px;}
/* careers / careersEdu 인재육성 */
.con_edu5 ol > li {width: 25%;}
.con_edu5 ol > li~li, .con_edu6 > ul > li~li{border-left: 0;}
.con_edu5 ol > li > ul, .con_edu5 ol > li > div,.con_edu6 > ul > li > ul {padding: var(--20) var(--15); word-break: keep-all;}
.con_edu5 ol > li > div > span {font-size: 2.2rem;}
.con_edu6 > ul > li {width: 33.3%;}
.con_edu6 > ul > li > ul > li > div:first-child {font-size: 1.2rem;}
/* careers welfare 복지제도 */
.welfare_wrap > div:last-child {grid-template-columns: repeat(3, 1fr);}
.welfare_wrap .w_icon {padding: var(--30) 0;}
.welfare_wrap .w_icon > img {
    width: 34%;
    margin-bottom: var(--15);
}
}
/* ==========================================
 * device - tablet ~ mobile (max-width:820px)
 * iPad air (세로 820*1180)
 * ========================================== */
 @media all and (max-width:820px) {
/***** setting *****/
/* root */
:root {
    --set1: 100px;
    --set2: 100px 0;
    --set3: 100px auto;
}
/****
/* font */
h2{font-size: 3rem;}
h3{font-size: 2.8rem;}
h4{font-size: 2.2rem;}
h5{font-size: 2rem;}
h6{font-size: 1.8rem;}

/***** section *****/
/* slide_txt */
.slide_txt{top: 54%;}
.slide_txt > p {margin-bottom: var(--5);font-size: 4rem;}
.slide_txt > h3 {font-size: 6rem;}
/* slide_arrow(slick-arrow) */
.main_visual .slick-arrow {top: 95%;}
/* main_slide_page */
.main_slide_page {bottom: 4.7%;}
.banner_wrap > .banner_title > h2 {font-size: 6rem;}

/***** container - main page *****/
/* content */
[class*="content"] h2{word-break: keep-all;}
/* btn */
[class*="con_btn"] {font-size: 2.4rem;}
/* content1 */
.content1 h3 {word-break: keep-all;}
.content1.company > div.video > video {width: var(--full);}
/* content2 */
.reference > .count_wrap > div > .count-txt{font-size: 2.2rem;}
.reference > .count_wrap > div .num{font-size: 4.6rem;}
/* content3 business_menu */
.con_business{
    display: flex;
    flex-wrap: wrap;
}
.con_business > div{
    width: 50%;
    height: 445px;
    overflow: hidden;
}
.con_business > div > a > img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
}
.con_business > div > a > h3{color: var(--color_white);}
.con_business > div > a::after,
.con_business > div > a::before,
.con_business > div:hover > a::after,
.con_business > div:hover > a::before{display: none;}
/* hover */
.con_business > div:hover > a > img{
    object-fit: cover;
    transform: scale(1.1);
}
.con_business > div > a > h3 {
    top: 12%;
    left: 10%;
    font-size: 3rem;
}
.con_business > div > a > .con_btn{top: 82.5%;opacity: 1;}
.con_business > div > a > .con_btn .arrow{opacity: 1;}

/***** container - sub page *****/
/* ceo_wrap */
.ceo_wrap .greeting{width: 70%;}
.ceo_wrap .greeting:before{left: -20px;}
.ceo_wrap .greeting:after{right: -20px;}
/* vision_wrap(비전) */
/* vision */
.vision > div > .vision_triangle > div{
    width: 88%;
    background: url(/web_resources/homepage_images/images_2024/vision_triangle.png) 0 0 no-repeat;
    background-size: contain;
}
.vision > div > .vision_triangle > div > div{height: 230px;}
/* core_value */
.core_value > h3 {text-align: center;}
.core_value > div {flex-direction: column;}
.core_value > div > div{
    width: var(--full);
    justify-content: center;
    margin-bottom: var(--40);
}
.core_value > div > ul{width: var(--full);}
.core_value > div > ul > li {
    margin-left: 0;
    text-align: center;
}
.core_value > div > ul h4 {
    text-align: center;
    margin-bottom: var(--30);
}
/* innovation */
.innovation .video{
    margin: var(--40) auto var(--30);
    width: var(--full);
}
.innovation > div > p > br:first-child {display: none;}
/* ci_wrap(CI소개) */
.ci + p {
    width: var(--full);
    word-break: keep-all;
    margin: var(--center) var(--40);
}
/* ci_type */
.ci_type {flex-direction: column;}
.ci_type > div {
    width: var(--full);
    margin: var(--center) var(--50);
}
.ci_type .download_wrap {
    padding: 0 var(--60);
}
/* brand_color */
.brand_color {flex-direction: column;}
.brand_color > div:first-child {
    width: var(--full);
    margin-bottom: var(--50);
}
.brand_color > div:last-child{
    width: var(--full);
    margin-left: 0;
}
/* history(연혁) */
/* history_banner */
.history_banner {
    background: url(/web_resources/homepage_images/images_2024/history_bg.jpg) 100% 0 no-repeat;
    background-size: cover;
}
.history_banner > h4 {
    width: 80%;
    font-size: 3rem;
}
.history_banner > div {
    width: 520px;
    flex-wrap: wrap;
    justify-content: center;
    padding: var(--15) var(--40);
    background: rgba(var(--color_white-rgb), 0.2);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: var(--5);
}
.history_banner > div > div:nth-last-child(-n+3){margin-top: var(--20);}
.history_banner > div > div > img {margin-bottom: 0;}
/* history */
.history > div > ul {
    padding-right: 0;
    padding-left: var(--50);
}
/* ci */
.ci{width: var(--full);}
.ci img{width: var(--full);}
/* biz01(주요사업 - 컨택센터 구축 및 운영) */
.biz01_wrap > div {
    display: flex;
    flex-wrap: wrap;
}
.biz01_img{
    width: var(--full); 
    height: 300px;
    overflow: hidden;
    margin-bottom: var(--30);
}
.biz01_img > div {
    top: 40px;
    right: 30px;
}
.biz01_wrap >  div:nth-of-type(1) > .biz01_img > img{content: url(/web_resources/homepage_images/images_2024/biz01-4.jpg);}
.biz01_wrap >  div:nth-of-type(2) > .biz01_img > img{content: url(/web_resources/homepage_images/images_2024/biz01-5.jpg);}
.biz01_wrap >  div:nth-of-type(3) > .biz01_img > img{content: url(/web_resources/homepage_images/images_2024/biz01-6.jpg);}
.biz01_wrap > div:nth-child(2) > .biz01_img > div {left: 30px;}
.biz01_wrap > div:nth-child(2) > .biz01_img {order: -1;}
.biz01_wrap > div:last-child > .biz01_img > div {top: 40px;}
.biz01_txt {width: var(--full);}
.biz01_txt > ul{margin-top: var(--40);}
.biz01_txt > ul > li:nth-child(n + 3){margin-top: var(--15);}
.code-hive_img {background-size: 200%;}
.code-hive_img > div:first-child > div {font-size: 2.2rem;}
.code-hive_img > div:last-child > img{width: 80%; content: url(/web_resources/homepage_images/images_2024/c-hive_m.png);}
.code-hive_txt {margin: 250px var(--auto) 0;}
.code-hive_txt > div {padding: 30px 20px 30px 0;}
.code-hive_txt > div > div:first-child {
    width: 45%;
    padding-left: var(--20);
}
.code-hive_txt > div > div:first-child > img {width: 90px;}
.code-hive_txt > div > div:last-child {width: 55%;}
.code-hive_txt > div > div:last-child > div {padding-bottom: var(--15);}
.code-hive_txt > div > div:last-child > div > p{font-size: 1.5rem;}
.code-hive_txt ul {padding-top: var(--15);}
/* aicc */
.aicc_wrap .aicc01 > li {
    height: 110px;
    font-size: 1.8rem;
}
.aicc_wrap > div > div > img{content: url(/web_resources/homepage_images/images_2024/aicc_cloud-t.png);}
.aicc_wrap .aicc02 {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 0;
}
.aicc_wrap .aicc02 > li {width: 30.8%;}
.aicc_wrap .aicc02 > li~li{margin-left: 26px;}
.aicc_wrap .aicc02 > li:nth-child(4){margin-left: 0;}
.aicc_wrap .aicc02 > li:nth-last-child(-n+2){margin-top: 130px;}
.aicc_wrap .aicc02 > li:last-child > div {
    display: block;
    width: 231px;
    height: 309px;
    top: 0;
    right: -258px;
    padding: var(--15);
}
.aicc_wrap .aicc02 > li:first-child > div::after{
    top: -42px;
    left: 102px;
}
.aicc_wrap .aicc02 > li:last-child > div::after {
    left: -24px;
    top: calc(50% - 20px);
    transform: rotate(90deg);
}
.aicc_wrap .aicc02 > li:last-child > div > div {height: 32px;}
.aicc_wrap .aicc02 > li:last-child > div > div:nth-child(3){height: 25px;}
.aicc_wrap .aicc02 > li:last-child > div > div:nth-child(4){height: 20px;}
.aicc_wrap .aicc02 > li:last-child > div > div > img{height: var(--full);}
.aicc_wrap .aicc02 > li:last-child > div > div~div {
    margin-left: 0;
    margin-top: 18px;
}
.biz01_contact{
    background-size: auto 100%;
}
/* table_list 게시판 table */
.table_list td:first-of-type {width: 12%;}
.table_list td:nth-of-type(2) > .txt-over_dot {width: 400px;}
.table_list td:nth-of-type(3) {font-size: 1.6rem;}
.table_list td:nth-of-type(4) {display: none;}
/* photo_list (언론보도,사진게시판 ul li list) */
.photo_for .slick-slide img {max-width: var(--full);}
.photo_list li {width: 48%;}
.photo_list li:nth-child(n+3){margin-top: var(--80);}
.photo_list li~li,.photo_list li:nth-child(3n-2){margin-left: auto;}
.photo_list li:nth-child(2n-1) {margin-left: 0;}
/* careers / careersEdu 인재육성 */
.con_edu1 > div > div {
    display: flex;
    flex-wrap: wrap;
}
.con_edu1 > div > div > ul{
    width: var(--full);
    display: inline-flex;
}
.con_edu1 > div > div > ul > li {
    width: 24%;
    height: 65px;
    font-size: 2rem;
}
.con_edu1 > div > div > ul > li:nth-child(n + 3) {margin-top: 0;}
.con_edu1 > div > div > div {
    width: var(--full);
    margin-top: var(--30);
    margin-left: 0;
}
.con_edu2 > ul > li {
    padding: var(--30) var(--15);
    font-size: 1.8rem;
}
.con_edu2 > ul:last-child {
    width: var(--w_web);
    margin-top: var(--20);
}
.con_edu2 > ul:last-child > li:first-child {width: 31%;}
.con_edu4 {padding-bottom: 0;}
.con_edu4 > ul > li {padding: var(--30) var(--15);}
.con_edu4 > ul > li img {padding: var(--10) 0;}
.con_edu4 > ul > li > ul > li {font-size: 1.5rem;}
.con_edu5 ol {
    display: flex;
    flex-wrap: wrap;
}
.con_edu5 ol > li {width: 49%;}
.con_edu5 ol > li:nth-child(n+3){
    margin-top: var(--20);
}
.con_edu6 > ul {
    display: flex;
    flex-wrap: wrap;
}
.con_edu6 > ul > li{width: var(--full);}
.con_edu6 > ul > li > ul {padding: var(--30) var(--20);}
.con_edu6 > ul > li > ul > li > div:first-child {
    width: 13%;
    padding: 5px var(--10);
}
.con_edu6 > ul > li > ul > li > div:last-child {line-height: 32px;}
/* careers welfare 복지제도 */
.welfare > div > div{
    width: 200px;
    height: 200px;
    font-size: 2rem;
}
.welfare > div > div:first-child::after,
.welfare > div > div:nth-child(2)::after{width: 60px;}
.welfare > div > div~div{margin-left: var(--60);}
.welfare > div > div > div{font-size: 2rem;}
/* contact */
.contact .type > a {font-size: 2rem;}
.contact .form_wrap {padding: 0;}
.contact .form_wrap h4{font-weight: 800;}
.contact form {
    width: var(--full);
    padding: var(--40);
    border: var(--color_border);
}
.contact table {table-layout: fixed;}
.contact form > table > tbody{width: var(--full);}
#toastUi .toastui-editor-defaultUI {width: var(--full);}

/***** footer *****/
.related_site img{width: 32px;}
.foot_bottom > div{
    flex-direction: column;
    width: var(--w_web);
    text-align: left;
}
.foot_bottom > div > .foot_bottom_r{
    margin-left: 0;
    margin-top: var(--10);
}

/***** top btn *****/
.top_btn{right: 4.5%;}
}
/* ==========================================
 * 기타: 751px
 * ========================================== */
 @media all and (max-width:752px) {
    .biz01_wrap > div > .biz01_img > img {
        object-fit: cover;
        height: 100%;
    }
    .aicc_wrap .aicc02 > li {
        width: 31.8%;
    }
    .aicc_wrap .aicc02 > li~li {
        margin-left: var(--15);
    }
    .aicc_wrap .aicc02 > li:last-child > div {
        width: 200px;
        height: 300px;
        right: -227px;
    }
 }
/* ==========================================
 * device - tablet ~ mobile (max-width:691px)
 * Z Fold 4,5 (세로 691*829)
 * ========================================== */
 @media all and (max-width:691px) {
/***** setting *****/
h2 {font-size: 3.4rem;}
h3 {font-size: 3.8rem;}
.banner_wrap > .banner_title > h2 {font-size: 5.2rem;}

/***** section *****/
/* slide_txt */
.slide_txt{top: 60%;}
.slide_txt > h3 {font-size: 5.2rem;}
/* content1 */
.content1.company > div.video > video {width: var(--full);}

/***** container - main page *****/
[class*="content"] h2 {word-break: keep-all;}
/* content2 */
.count {font-size: 6rem;}
.count_wrap {display: block;}
.count_wrap > div {width: fit-content;margin: var(--center);}
.count_wrap > div~div{margin-top: var(--80);}
.reference > .count_wrap > div {width: 50%;}
.reference > .count_wrap > div .num {font-size: 6rem;}
/* content3 */
.con_business > div {height: 395px;}
.con_business > div > a > img:hover {transform: scale(120%);}
/* content4 */
.content4 .news > div:first-child {height: 232px;}

/***** container - sub page *****/
/* ceo_wrap(CEO인사말) */
.ceo_wrap .greeting {width: 72%;}
/* vision_wrap(비전) */
.vision > ul > li{padding: var(--50) var(--40);}
.vision > div > .vision_triangle > div > div { height: 195px;}
/* ci_wrap(CI소개) */
.ci, .ci img, .download_wrap {width: var(--full);}
.download_wrap {padding: 0 var(--40);}
/* ci_type */
.ci_type > div {width: var(--full);}
.ci_type .download_wrap {padding: 0 var(--40);}
/* table_list 케시판 table */
.table_list td:first-of-type {width: 10%;}
.table_list td:nth-of-type(2) > .txt-over_dot{width: 410px; white-space: nowrap;}
.table_list td:nth-of-type(3) {width: 20%;}
.table_list td:last-of-type {display: none;}
.pagination {justify-content: center;}
.post-con {padding: var(--80) var(--20);}
/* photo_list (언론보도,사진게시판 ul li list) */
.photo_for .slick-slide img {max-width: var(--full);}
.photo_list li > a > div:first-child {margin-bottom: var(--10);}
.photo_list li > a > div:first-child > img {object-fit: contain;}
.fs-xl {
    font-size: 2.5rem;
    line-height: 1.5;
}
/* map(오시는길) */
.companyMap > .map_info > ul {width: var(--full);}
.gangwon {
    background: url(/web_resources/homepage_images/images_2024/gangwon.png) -80px 50px no-repeat;
    background-size: 120%;
}
/* biz01(주요사업 - 컨택센터 구축 및 운영) */
.code-hive_img {background-attachment: scroll;}
.code-hive_img::before {height: 310px;}
.code-hive_img > div:first-child{padding: var(--set1) 0;}
.code-hive_img > div:last-child > img {content: url(/web_resources/homepage_images/images_2024/c-hive_m.png);}
.code-hive_txt {margin: 150px var(--auto) 0;}
.code-hive_txt > div{width: var(--full);}
.code-hive_txt > div:nth-child(even) {transform: translateY(0);}
.code-hive_txt > div:nth-child(n+2) {margin-top: var(--40);}
.code-hive_txt > div > div:first-child {padding-left: var(--40);}
.code-hive_txt > div > div:first-child > img {width: 130px;}
.code-hive_txt > .con_btn {margin: 80px auto 0;}
.aicc_wrap .aicc01{
    display: flex;
    flex-wrap: wrap;
}
.aicc_wrap .aicc01 > li{
    width: 49%;
    height: 130px;
}
.aicc_wrap .aicc01 > li:nth-child(n+3) {margin-top: var(--10);}
.aicc_wrap .aicc02 > li {width: 32%;}
.aicc_wrap .aicc02 > li~li {margin-left: 12.5px;}
.aicc_wrap .aicc02 > li:last-child > div {
    width: 200px;
    height: 290px;
    right: -212px;
}
.biz01_contact {
    background: url(/web_resources/homepage_images/images_2024/contact_bg.jpg) 0 0 no-repeat;
    background-size: cover;
}
.biz01_contact > .title{
    width: var(--w_web);
    margin: var(--center) var(--space_title-b);
}
/* careers / careersEdu 인재육성 */
.con_edu1 > h3 {width: var(--w_web);}
.con_edu1 > div > div > ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--15);
}
.con_edu1 > div > div > ul > li {
    width: var(--full);
    height: 50px;
    font-size: 1.8rem;
    font-weight: 700;
}
.con_edu1 > div > div > div > img {
    content: url(/web_resources/homepage_images/images_2024/edu1_m.png);
    width: 50%;
}
.con_edu2 > ul > li > div {
    font-size: 1.7rem;
    word-break: keep-all;
}
.con_edu4 > ul {
    display: flex;
    flex-wrap: wrap;
    margin: var(--center);
}
.con_edu4 > ul > li {
   width: var(--full);
   padding: var(--40) var(--15);
}
.con_edu4 > ul > li~li {
    border-left: none;
    border-top: var(--color_border-sub);
}
.con_edu4 > ul > li > div > img {
    width: 150px;
    padding: 0;
}
.con_edu4 > ul > li > ul > li{text-align: center;}
.con_edu4 > ul > li > ul > li > br{display: none;}
.con_edu5 ol > li > div {
    padding: var(--15) var(--20);
    font-size: 2rem;
}
.con_edu5 ol > li > div > span {font-size: 2.4rem;}
.con_edu5 ol > li~li {
    border-left: var(--color_border);
}
.con_edu6 > ul > li~li {
    border-left: 1px solid var(--color_main);
}
.con_edu6 > ul > li > div {
    font-size: 2.2rem;
    height: 60px;
    line-height: 60px;
}
.con_edu6 > ul > li > ul > li > div:first-child {font-size: 1.4rem;}
/* careers welfare 복지제도 */
.welfare > div > div {
    width: 180px;
    height: 180px;
    border-radius: 90px;
    font-size: 1.8rem;
}
.welfare > div > div:first-child::after, .welfare > div > div:nth-child(2)::after {width: 40px;}
.welfare > div > div~div {margin-left: var(--40);}
.welfare > div > div > img {width: 80px;}
.welfare_wrap > div:last-child {grid-template-columns: repeat(2, 1fr);}
/* contact */
.btn_tab_wrap > .btn_tab {font-size: 1.8rem;}
.contact form {
    width: var(--full);
    padding: var(--40) var(--30);
}
.contact table td {font-size: 1.4rem;}
.contact form > div.blind_notice {padding: var(--30) 0;}
.contact_blind tr th {word-break: keep-all;}

/***** top btn *****/
.top_btn {right: 30px;}

}
 @media all and (max-width:687px) {
.biz01_img > div {font-size: 3rem;}
.aicc_wrap .aicc02 > li {
    width: 31.6%;
}
.aicc_wrap .aicc02 > li:last-child > div {
    width: 200px;
    height: 300px;
    right: -212px;
}
}
 @media all and (max-width:634px) {
.aicc_wrap .aicc02 > li {width: 31.5%;}
.aicc_wrap .aicc02 > li:last-child > div {
    width: 181px;
    height: 289px;
    right: -199px;
}
}

/*
!* modal -- 250515 *!
.modal-content{
    width: 100%;
    height: 100%;
}
.modal-content > div {
    display: block;
    width: 100%;
    height: calc(100% - 55px);
    max-height: calc(100% - 55px);
    overflow-y: auto;
}
.modal-content article{
    padding: 16px!important;
    width: 100%!important;
    height: fit-content!important;
}
.modal-content .btn {
    width: 100%;
    height: 55px;
}
*/


/* 687px */
@media all and (max-width:687px) {
    .biz01_img > div {font-size: 3rem;}
    .aicc_wrap .aicc02 > li {
        width: 31.6%;
    }
    .aicc_wrap .aicc02 > li:last-child > div {
        width: 200px;
        height: 300px;
        right: -212px;
    }
}
/* 634px */
@media all and (max-width:634px) {
    .aicc_wrap .aicc02 > li {width: 31.5%;}
    .aicc_wrap .aicc02 > li:last-child > div {
        width: 181px;
        height: 289px;
        right: -199px;
    }

}
/* ==========================================
 * 기타: 610px / 595px / 545px / 500px
 * ========================================== */
 @media all and (max-width:610px){
/* community */
.table_list tr{
    table-layout: fixed; 
    display: flex;
    flex-wrap: wrap;
}
.community .table_list td{ display: block; padding: var(--20); text-align: left;}
.table_list td:nth-of-type(1){width: 10%; padding-right: var(--10);}
.table_list td:nth-of-type(2){width: 90%; padding-left: var(--10);}
.table_list td:nth-of-type(2) > .txt-over_dot {width: var(--full);}
.table_list td:nth-of-type(3),.table_list td:nth-of-type(4),.table_list td:nth-of-type(5){
    padding: 0 var(--20) var(--20);
    color: var(--color_font_sub2);
}
.table_list td:nth-of-type(3){width: 22%; padding-right: var(--5);}
.table_list td:nth-of-type(4) {display: none;}
.table_list td:nth-of-type(5) {width: 78%; padding-left: var(--5); font-size: 1.6rem;}
.pagination input{display: none;}
}

@media all and (max-width:598px){
/* community */
.table_list td:nth-of-type(1){width: 12%;}
.table_list td:nth-of-type(2){width: 88%;}
.table_list td:nth-of-type(3){width: 24%;}
.table_list td:nth-of-type(5) {width: 76%;}
}

@media all and (max-width:545px){
/* community */
.table_list td:nth-of-type(3){width: 26%;}
.table_list td:nth-of-type(5) {width: 74%;}
}

 @media all and (max-width:500px){
/* header */
.logo img {width: 200px;}
.header_btn > .web_btn > .white {width: fit-content;}
.mobile_menu_btn {width: 37px;}
/* main slide */
.slide_txt {top: 54%;}
.slide_txt > p {font-size: 3.8rem;}
.slide_txt > h3 > br {display: none;}
.main_visual .slick-prev {left: 35%;}
.main_visual .slick-next {right: 34%;}
/* content1 */
.content1 {margin: var(--set1) auto;}
/* content2 */
.count_wrap {margin-bottom: var(--set1);}
.count_wrap > div~div {margin-top: var(--40);}
/* banner_wrap */
.banner_wrap .select_nav > li~li {margin-left: var(--30);}
/* CI */
div[class*="brand-"]{flex-wrap: wrap;}
div[class*="brand-"] > div:first-child{width: var(--full);}
div[class*="brand-"] > div:nth-child(2),div[class*="brand-"] > div:nth-child(3),div[class*="brand-"] > div:nth-child(4){width: 33.3%; height: 50px;}
/* biz01 */
.aicc_wrap .aicc02 > li:last-child > div {
    width: 150px;
    right: -159px;
}
.aicc_wrap .aicc02 > li:last-child > div::after {left: -14px;}
/* community */
.table_list td:nth-of-type(3){width: 28%;}
.table_list td:nth-of-type(5) {width: 72%;}
/* footer */
footer a, footer b, footer div, footer address, footer span{font-size: 1.4rem;}
.foot_top .sitemap > ul > li~li {margin-left: var(--40);}
.sns .divide {padding: 0 var(--5);}
.sns > div > a~a {margin-left: var(--5);}
.sns > div > a > img{width: 40px;}
.sns > div {font-size: 1.6rem;}
address{flex-direction: column;}
.contact_number > div~div {margin-top: var(--10);}
}
/* ==========================================
 * device - mobile (max-width:393px)
 * iPhone14,15 Pro Max (430*932)
 * ========================================== */
 @media all and (max-width:430px) {
/***** root *****/
:root {
    /* width */
    --w_web: calc(100% - 40px);
    --w_web-full: calc(100% - 40px);
    /* height */
    --h_header: 6rem;
    /* space setting */
    --space_title-b:50px;
    /* padding */
    --set1: 120px;
    --set2: 120px 0;
    --set3: 120px auto;
    --input-set: 0 5px;
}
/***** setting *****/
/* font */
body{font-size: 1.6rem;}
.wrap{line-height: 1.5;}
p{font-size: 1.6rem;line-height: 1.6;}
/* font */
h2{font-size: 3.2rem;}
h3{font-size: 3rem;}
h4{font-size: 2rem;}
h5{font-size: 1.8rem;}
h6{font-size: 1.6rem;}

/***** header *****/
/* logo */
.logo{width: var(--w_web);}
/* gnb */
.gnb {
    padding: 126px 0 0;
    height: 100vh;
    height: 100dvh;
}
.gnb > ul {
    height: 100vh;
    height: 100dvh; 
    overflow-y: scroll;
}
.gnb > ul > li{display: block;}
.gnb > ul > li > a {
    width: calc(var(--full) -  40px);
    height: 60px;
    padding: var(--mob);
    font-size: 2rem;
    justify-content: flex-start;
}
.gnb > ul > li:first-child > a{border-top: none;}
/* gnb - menu_sub */
.gnb > ul > li > div > ul {padding: 15px 0;}
.gnb > ul > li > div > ul > li{position: relative;}
.gnb > ul > li > div > ul > li::before{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 35px;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: var(--color_font_sub2);
}
.gnb > ul > li > div > ul > li > a {
    width: calc(var(--full) - 50px);
    font-size: 1.6rem;
    justify-content: flex-start;
    padding-left: var(--50);
}
/* m_etc 모바일 기타 메뉴 */
.m_etc {display: none;} 
/* header_btn */
.header_btn{
    position: relative;
    display: block;
    width: var(--w_web);
}
.web_btn{
    position: absolute;
    width: 430px;
    display: inline-flex;
    top: 51px;
    right: -450px;
    padding: var(--10) var(--20);
    background: var(--color_white);
    border-bottom: var(--color_border-sub);
}
.gnb.on + .header_btn > .web_btn{
    right: -20px;
    transition: all 0.3s;
}
.gnb.on + .header_btn > .web_btn > a{width: calc(50% - 8px);}
.gnb.on + .header_btn > .web_btn > .white{
    border: 1px solid var(--color_main);
    border-radius: 24px;
    color:var(--color_main);
    justify-content: center;
}
.header_btn a~a {margin-left: var(--auto);}
/* btn style */
.w120{--width: 190px;}
/* mobile menu */
.mobile_menu_btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    margin-left: var(--auto);
    background: none;
}
/***** section *****/
/* main_visual */
.main_visual, .main_slide_wrap,
.main_slide, .main_slide img{
    min-height: 600px;
    height: 100vh;/*svh 지원하지 않는 브라우저를 위한 높이*/
    height: 100svh;/*모바일 viewport 높이*/
}
/* slide_txt */
.slide_txt{top: 53%;}
.slide_txt > p{
    font-size: 2.8rem;
    word-break: keep-all;
}
.slide_txt > h3{
    font-size: 5.2rem;
    word-break: keep-all;
}
.slide_txt > h3 > br {display: block;}
/* slide_arrow(slick-arrow) */
.main_visual .slick-arrow {top: 95%;}
.main_visual .slick-prev {left: 33%;}
.main_visual .slick-next {right: 31%;}
/* main_slide_page(pagination) */
.main_slide_page {bottom: 4.8%;}
/* banner_wrap */
.banner_wrap > .banner_title{margin: var(--60) 0;}
.banner_wrap > .banner_title > div{
    font-size: 2.4rem;
    margin-bottom: var(--0);
}
.banner_wrap > .banner_title > h2{font-size: 5rem;}
.banner_wrap .select_wrap{
    z-index: 9998;
    position: relative;
}
.banner_wrap .select_btn{
    display: block;
    width: var(--full);
    background: var(--color_white);
    border-top: var(--color_border);
    border-bottom: var(--color_border);
    height: 64px;
}
.banner_wrap .select_btn > div{
    display: flex;
    align-items: center;
    width: var(--w_web);
    height: var(--full);
    margin: var(--center);
    text-align: left;
    font-weight: 700;
}
.banner_wrap .select_btn > div > svg{
    margin-left: var(--auto);
    color: var(--color_sub);
    transform: rotate(0);
}
.banner_wrap .select_nav{
    position: absolute;
    top: 64px;
    left: 0;
    display: none;
    flex-direction: column;
    font-size: 1.6rem;
    background: var(--color_white);
    border-top: none;
    border-bottom: var(--color_border-sub);
    box-shadow: 0 3px 5px rgba(var(--color_font-rgb), 0.05);
    padding: 0;
}
.banner_wrap .select_nav > li~li{margin-left: 0;}
.banner_wrap .select_nav > li:hover > a{color: var(--color_font_sub1);}
.banner_wrap .select_nav > li.on{color: var(--color_font_sub1);}
.banner_wrap .select_nav > li{
    text-align: left;
    width: var(--full);
    height: 52px;
    background: var(--color_white);
    color: var(--color_font_sub1);
}
.banner_wrap .select_nav > li > a{
    display: flex;
    align-items: center;
    width: calc(100% - 60px);
    height: var(--full);
    padding: 0 var(--20);
}
.banner_wrap .select_btn.on svg{
    transform: rotate(180deg);
    transition: all 0.3s;
}
.banner_wrap .select_btn.on + .select_nav{
    display: block;
}
/***** container - main page *****/
/* content */
.title {
    width: var(--w_web);
    margin: var(--center) var(--80);
}
[class*="content"] > .con-title{
    display: block;
    margin: var(--center) var(--space_title-b);
}
[class*="content"] > .con-title > h2{margin-bottom: var(--space_title-b);}
[class*="content"] > .con-title > a,
[class*="content"] > .con-title > div{justify-content: center;}
/* content_btn */
[class*="con_btn"]{font-size: 2rem;}
[class*="con_btn"] .arrow{
    width: 40px;
    height: 40px;
    border-radius: 20px;
}
[class*="con_btn"] .arrow > svg{
    width: 25px;
    height: 25px;
}
/* content1 */
.content1{margin: var(--set1) auto;}
.content1 .co-gradient{
    font-size: 3.2rem;
    text-align: center;
    margin-bottom: var(--50);
}
.content1.company > div:nth-child(2) > h3 {
    font-size: 3.2rem;
}
.content1.company > div.video > video,.innovation .video {
    width: calc(var(--full) + 40px);
    transform: translateX(-20px);
}
/* content2 */
.count {font-size: 5rem;}
.count_wrap {margin-bottom:var(--set1);}
.count_wrap > div~div {margin-top: var(--60);}
.reference > .count_wrap > div {
    width: 80%; 
    padding: var(--20);
    line-height: 1.3;
}
.reference > .count_wrap > div~div{margin-top: var(--30);}
.reference > .count_wrap > div .num {font-size: 5rem;}
/* content3 business_menu */
.content3 h2 > br{display: none;}
.con_business.fadeup{opacity: 1;}
.con_business > div {
    width: 100%;
    height: 445px;
    overflow: hidden;
}
.con_business > div > a > h3 {
    top: 12%;
    font-size: 4rem;
}
/* content4 */
.content4{
    position: relative;
}
.content4 .con-title > div{
    width: calc(var(--w_mob) + 10px);
    height: fit-content;
    z-index: 1;
    position: absolute;
    top: 43%;
    left: 15px;
}
.content4 .news_wrap {
    width: var(--w_web);
    height: fit-content;
}
.content4 .news_wrap .news {padding: 0;}
.content4 .news > div:first-child {height: 290px;}
.content4 .news > div:last-child > span {margin-top: var(--20);}
.content4 .news > div:last-child > div {font-size: 2.4rem;}
.content4 .news:hover img{transform: scale(1);}
.content4 .con-title > div{display: none;}

/***** container - sub page *****/
.btn_tab_wrap{width: var(--full);}
/* ceo_wrap(CEO인사말) */
.title p {word-break: keep-all;}
.ceo_wrap > div:nth-child(1),.ceo_wrap > div:nth-child(2),.ceo_wrap > div:nth-child(3) {
    width: var(--w_web);
    margin: var(--center);
}
.ceo_wrap > div:nth-child(3) {margin: var(--center) var(--set1);}
.ceo_wrap .greeting, .em {
    width: var(--full);
    padding: 0 var(--10);
    font-size: 2.6rem;
}
.ceo_wrap .greeting:before {left: 5px;}
.ceo_wrap .greeting:after {right: 5px;}
.ceo_wrap > div:first-child {padding-bottom: 80px;}
.ceo_wrap > div:nth-child(2) > div:first-child{
    position: static;
    left: 0;
    width: var(--full);
}
.ceo_wrap > div:nth-child(2) > div:last-child {padding-left: 0;}
.ceo_wrap > div:nth-child(2) img {
    object-fit: cover;
    object-position: 60% 0;
    height: 260px;
    margin: 0 auto 80px;
    display: block;
}
.ceo_wrap > div:last-child {margin-top: var(--40);}
/* vision_wrap(비전) */
/* vision */
.vision .title{width: var(--full);}
.vision > ul > li > img{width: 35%;}
.vision > ul > li > h4 {font-size: 2rem;}
.vision > ul > li{padding: var(--20) var(--30) var(--30);}
.vision > div > .vision_triangle {
    background: none;
    padding: 0;
}
.vision > div > .vision_triangle > div {width: 100%;}
.vision > div > .vision_triangle > div > div {height: 140px;}
.vision > div > .vision_triangle > div > div h4 {line-height: 1; margin: var(--10) 0;}
/* core_value */
.core_value > div > .btn_tab_wrap > .btn_tab {
    font-size: 1.8rem;
    width: 140px;
    height: 140px;
    border-radius: 70px;
}
.core_value > div > ul h4 {
    font-size: 2.4rem;
    margin-bottom: var(--15);
}
/* ci_wrap(CI소개) */
.ci, 
.download_wrap,
.ci_type > div,
.ci_type .download_wrap{
    width: var(--full);
    margin: 0;
    padding: 0;
}
.download_btn {width: 48%;}
.ci div, .brand_color > div > div:first-child {font-size: 1.6rem;}
/* ci_concept */
.ci_concept > div:first-child, .ci_concept > div:last-child {
    width: 150px;
    height: 150px;
    border-radius: 75px;
}
/* ci_type */
.ci_type > div {margin-bottom:var(--50);}
/* brand_color */
div[class*="brand-"] {flex-wrap: wrap;}
div[class*="brand-"]> div:first-of-type {
    width: var(--full);
    height: 160px;
}
div[class*="brand-"] > div:not(:first-of-type) {
    width: 33.3%;
    height: 50px;
}
/* history(연혁) */
/* history_banner */
.history_banner {
    background: url(/web_resources/homepage_images/images_2024/history_bg.jpg) 40% 0 no-repeat;
    background-size: cover;
}
.history_banner > h4 {
    width: var(--w_mob);
    margin-top: 0;
    font-size: 2.6rem;
}
.history_banner > ul {display: none;}
.history_banner > div {
    width: var(--w_mob);
    padding: var(--10) 0;
}
.history_banner > div > div~div {margin-left: var(--10);}
.history_banner > div > div:nth-last-child(-n+3){margin-top: var(--20);}
.history_banner > div > div > div {font-size: 1rem;}
/* history_wrap */
.history_wrap .btn_tab_wrap {
    width: calc(100% + 40px);
    transform: translateX(-20px);
}
.history_wrap .tab_con_wrap {margin-top: var(--80);}
/* history */
.history_btn > .btn_tab {
    font-size: 1.7rem;
    height: 50px;
}
.history > div {
    padding: var(--50) 0;
}
.history > div:first-child {
    padding-top: var(--50);
}
.history > div > ul {
    width: calc(100% - 16px);
    padding-left: var(--10);
}
.history > div > h4 {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 20%;
    font-size: 2.4rem;
}
.history > div::before {background: none;}
.history > div > div {
    margin-top: 6px;
    width: 16px;
    height: 16px;
    border-radius: 8px;
}
.history > div > div > div {
    width: 8px;
    height: 8px;
    border-radius: 4px;
}
.history > div > ul > li > b {width: 30px;}
.history > div > ul > li > ul {
    width: calc(var(--full) - 30px);
    word-break: keep-all;
}
/* map(오시는길) */
.mapTab_wrap > .btn_tab_wrap{width: var(--full);}
#map {
    width: var(--full);
    height: 450px;
}
.map_info li {word-break: keep-all;}
.companyMap > .map_info > h4 > span{color: var(--color_main-hover);}
.companyMap.seoul {
    background: url(/web_resources/homepage_images/images_2024/seoul_m2.png) 0 0 no-repeat;
    background-size: 100%;
}
.companyMap.gangwon {
    background: url(/web_resources/homepage_images/images_2024/gangwon_m.png) 0 0 no-repeat;
    background-size: 100%;
}
.companyMap > .map_info > .bold {font-size: 1.8rem;}
/* biz01(주요사업 - 컨택센터 구축 및 운영) */
.biz01_img > div > span {font-size: 3rem;}
.biz01_wrap > div > .biz01_img > img {
    height: var(--full);
    object-fit: cover;
}
.biz01_wrap > div:nth-child(2) > .biz01_img > img {transform: rotate(0) translate(0) scale(1);}
.biz01_wrap > div > .biz01_img > div {top: 30px; left: 30px;}
.code-hive_img {
    background-attachment: scroll;
    height: 775px;
}
.code-hive_img > div:first-child {padding: var(--set1) 0 var(--40);}
.code-hive_img > div:last-child > img {width: var(--full);}
.code-hive_txt {margin: var(--50) var(--auto);}
.code-hive_txt > div:nth-child(n+2) {margin-top: var(--30);}
.code-hive_txt > div > div:first-child {padding-left: var(--30);}
.code-hive_txt > div > div:first-child > img {width: 100px;}
.aicc_wrap .aicc02 {justify-content: center;}
.aicc_wrap .aicc02 > li {width: var(--full);}
.aicc_wrap .aicc02 > li > h5{font-size: 2.2rem;}
.aicc_wrap .aicc02 > li > img {width: 34%;}
.aicc_wrap .aicc02 > li > div {
    position: static;
    width: var(--full);
    height: fit-content;
    display: block;
    margin-top: var(--15);
    padding: var(--15);
}
.aicc_wrap .aicc02 > li:nth-last-child(-n+2) {
    margin-top: var(--20);
}
.aicc_wrap .aicc02 > li~li{
    margin-left: 0;
    margin-top: var(--20);
}
.aicc_wrap .aicc02 > li:first-child > div::after,
.aicc_wrap .aicc02 > li:last-child > div::after {
    display: none;
}
.aicc_wrap .aicc02 > li:last-child > div {
    display: flex;
    flex-wrap: wrap;
    width: var(--full);
    height: fit-content;
    justify-content: space-between;
}
.aicc_wrap .aicc02 > li:last-child > div > div:nth-child(n+4){margin-top: var(--15);}
.aicc_wrap .aicc02 > li:last-child > div > div~div {margin-top: 0;}
.aicc_wrap .aicc02 > li:first-child > div > img {width: 42px;}
.biz01_contact .btn1 {
    display: flex;
    width: 180px;
    height: 50px;
    border-radius: 30px;
    font-size: 1.7rem;
}
.biz01_contact .btn1~.btn1 {
    margin-left: var(--10);
}
/*community*/
/* community */
.table_list td:nth-of-type(1){width: 14%; padding-bottom: var(--15);}
.table_list td:nth-of-type(2) {width: 86%; padding-bottom: var(--15);}
.table_list td:nth-of-type(3){width: 32%;}
.table_list td:nth-of-type(5) {width: 68%;}
.pagination{
    flex-wrap: wrap;
    margin-top: var(--20);
}
.pagination > div {
    width: var(--full);
    margin-bottom: var(--40);
}
.pagination > div, .pagination .page {margin-right: 0;}
/* table_list 게시판 table */
/* post 게시글 */
.post-con {padding: var(--80) 0;}
.post .title_info {padding: 0 var(--10);}
.post .clip > div {padding: 0 var(--10);}
.post .clip > ul {
    font-size: 1.4rem;
    padding: var(--10);
    overflow-x: scroll;
}
/* photo_list (언론보도,사진게시판 ul li list) */
.photo_list li {width: var(--full);}
.photo_list li~li{
    margin-left: 0;
}
.photo_list li:nth-child(n+2){margin-top: var(--80);}
.photo_list li > a > div:first-child {height: 285px;}
.photo_list li > a > div:first-child > img {object-fit: cover;}
.photo_list li > a > div:last-child > div {font-size: 2.4rem;}
.fs-xl {font-size: 2rem;}
.news-source > div{
    border: var(--color_border-sub);
    padding: var(--20);
    flex-direction: column;
}
.news-source > div > img{
    margin-bottom: var(--5);
}
.photo_nav_wrap .slick-arrow {
    width: 40px;
    height: 40px;
    border-radius: 20px;
}
.photo_nav_wrap .slick-prev {left: -15px;}
.photo_nav_wrap .slick-next {right: -15px;}
.post footer > a {
    width: 100px;
    height: 45px;
}
/* careers / careersEdu 인재육성 */
.con_edu1 > h3 {width: var(--w_web);}
.con_edu1 > div {
    width: var(--w_web);
    margin: var(--center);
    background: rgba(var(--color_sub-rgb), 0.2);
    padding: var(--20);
}
.con_edu1 > div > div > div > img {width: 75%;}
.con_edu2 {
    background: url(/web_resources/homepage_images/images_2024/edu2_bg.png) 70% 30% no-repeat;
    background-size: cover;
    height: fit-content;
}
.con_edu2 .co-gradient {
    background: -webkit-linear-gradient(to right, #69B4FF 5%, #137DE6 50%, #6131BC 100%);
    background: linear-gradient(to right, #69B4FF 5%, #137DE6 50%, #6131BC 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.con_edu2 > ul{
    display: flex;
    flex-wrap: wrap;
    margin: var(--center);
}
.con_edu2 > ul > li{
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.con_edu2 > ul > li,
.con_edu2 > ul:nth-child(2) > li,
.con_edu2 > ul:last-child > li:last-child,
.con_edu2 > ul:last-child > li:first-child {width: var(--full);}
.con_edu2 ul > li~li{margin-top: var(--20);}
.con_edu3 > ul {
    display: flex;
    flex-wrap: wrap;
    margin: var(--center);
}
.con_edu3 > ul > li {width: var(--full);}
.con_edu3 > ul > li~li{margin-top: var(--30);}
.con_edu4 > ul > li > ul {
    display: flex;
    flex-direction: column;
}
.con_edu4 > ul > li > ul > li ~li {
    margin-left: 0;
    margin-top: var(--10);
}
[class*="con_edu5"] > h3 {
    width: var(--w_mob);
    margin: var(--center) var(--space_title-b);
    word-break: keep-all;
}
[class*="con_edu5"] > h3 > br{display: none;}
.con_edu5 ol > li {width: var(--full);}
.con_edu5 ol > li:nth-child(2){margin-top: var(--20);}
.con_edu6 > ul > li > ul > li > div:first-child {width: 17%;}
/* careers / welfare 복지제도 */
.welfare > p{
    width: var(--w_web);
    margin: var(--40) auto;
}
.welfare > div{
    width: var(--w_web);
    margin: var(--center);
}
.welfare > div > div {
    width: 120px;
    height: 120px;
    font-size: 1.4rem;
}
.welfare > div > div > img {width: 60px;}
.welfare > div > div~div {margin-left: var(--15);}
.welfare > div > div:first-child::after,
.welfare > div > div:nth-child(2)::after {width: 15px;}
.welfare > div > div > div {font-size: 1.4rem;}
/* contact */
table, td, th{border-collapse: collapse;}
.contact .type > a {font-size: 1.6rem;}
.contact .form_wrap h4{font-weight: 800;}
.contact form {
    padding: var(--30) 0;
    box-sizing: border-box;
    height: calc(100% + 60px);
}
.contact form > div > button {
    margin-left: var(--15);
    font-size: 2rem;
}
#toastUi{transform: translateX(-2px);border: 0;}
#toastUi .toastui-editor-defaultUI {width: calc(100% + 6px);}
.contact form > table{table-layout: fixed; margin-top: var(--20);}
.contact form > table > tbody > tr > th,.contact form > table > tbody > tr > td {
    display: block; 
    width:  var(--full); 
    padding: 0 var(--20);
}
.contact form > table > tbody > tr > th {
    height: 50px;
    padding-top: var(--30);
    line-height: 1;
}
.contact form > table > tbody > tr > th span {
    font-size: 1.2rem;
    margin-left: 0;
}
.contact form > table > tbody > tr > td{height: 50px;}
.contact form > table > tbody > tr > td.privacy {padding: var(--20) var(--15);}
.contact form > table > tbody > tr > td:has(input) {padding: 0 var(--15);}
.contact form > table > tbody > tr > td:has(div#toastUi) {height: 500px;}
.contact form > table > tbody > tr > td.privacy table > tbody > tr > td{line-height: 1.5; padding: 0 var(--5);}
.contact form > table > tbody > tr > td.contact_btn{
    padding-top: var(--30);
    height: 80px;
}
/* 블라인드 상담실 */
.contact form:has(.contact_blind){padding-bottom: 0;}
.contact form > div.blind_notice {padding: var(--20);}
.contact form > table.contact_blind {
    margin-top: 0;
    border: none;
}
.contact form > table.contact_blind~.contact_blind{margin-top: var(--30);}
.contact_blind tr~tr {border-top: 0;}
.contact form > table.contact_blind th{
    width: var(--full);
    white-space: nowrap;
    padding: 0 var(--20);
    line-height: 50px;
    border: none;
    border-top: var(--color_border-sub);
    border-bottom: var(--color_border-sub);
}
.contact form > table.contact_blind td{
    height: fit-content;
    min-height: 50px;
    line-height: 1.3;
    padding: var(--15) var(--20);
}
.contact_blind .txt-over_dot{margin: 0;}
.contact_blind .wp30{width: 28%;}
.toastui-editor-dropdown-toolbar {
    width: var(--full);
    height: fit-content;
    flex-wrap: wrap;
    transform: translateX(10px);
}
.toastui-editor-dropdown-toolbar .toastui-editor-toolbar-divider{margin: 14px 5px;}
.toastui-editor-mode-switch > div:first-child{display: none;}
/***** footer *****/
/* footer top */
.foot_top .sitemap > ul{
    font-size: 1.4rem;
    flex-wrap: wrap;
}
.foot_top .sitemap > ul > li{
    width: 50%;
    margin-bottom: var(--30);
}
.foot_top .sitemap > ul > li~li {margin-left: 0;}
.foot_top .sitemap > ul > li:nth-last-child(-n+2){margin-bottom: 0;}
.foot_top .sitemap > ul > li > ul {margin-top: var(--15);}
.foot_top .sitemap > ul > li > ul > li~li {margin-top: var(--15);}
.related_site img{width: 28px;}
/* info (footer 기업정보) */
.ks_group {flex-wrap: wrap;}
.ks_group a {
    width: var(--full);
    margin-bottom: var(--15);
}
.ks_group .family_site, .ks_group .family_site .select-btn, .ks_group .family_site .select-list{width: var(--full);}
.sns {
    flex-wrap: wrap;
    padding: 10px 20px;
    margin: var(--10) 0 var(--15);
    border: var(--color_border_sub);
}
.sns .divide{display: none;}
.sns > div:first-child > span:last-child{display: block;}
.sns > div:last-child > a > img {width: 36px;}
/* info (footer 기업정보) */
address{
    display: block;
    margin-bottom: var(--10);
}
address,.contact_number{
    font-size: 1.4rem;
    word-break: keep-all;
}
.contact_number > div:not(:first-child){display: none;}
/* footer_bottom */
.foot_bottom{
    padding: 24px 0;
    font-size: 1.4rem;
}
.foot_bottom > div > .foot_bottom_l > a~a{margin-left: var(--10);}
/***** top btn *****/
.top_btn{
    width: 45px;
    height: 45px;
    right: 20px;
}
.top_btn svg{
    width: 32px;
    height: 32px;
}
}
/* ==========================================
 * device - mobile (max-width:393px)
 * iPhone15,15 Pro (393*852)
 * ========================================== */
 @media all and (max-width:393px) {
/***** header *****/
/* header_btn */
.web_btn{
    width: 393px;
    right: -420px;
}
/***** section *****/
/* slide_txt */
.slide_txt > h3 {font-size: 4.2rem;}
/***** container - sub page *****/
/* ceo_wrap(CEO인사말) */
.ceo_wrap .greeting:before {left: 0;}
.ceo_wrap .greeting:after {right: 0;}
/* vision(비전) */
/* core_value */
.core_value > div > .btn_tab_wrap > .btn_tab {
    font-size: 1.8rem;
    width: 130px;
    height: 130px;
    border-radius: 65px;
}
.vision > div > .vision_triangle > div > div {height: 125px;}
.vision > div > .vision_triangle > div > div > div~div {margin-left: var(--60);}
.innovation p > br:first-child{display: none;}
/* ci(ci소개) */
/* ci_concept */
.ci_concept > div:first-child, .ci_concept > div:last-child {
    width: 140px;
    height: 140px;
    border-radius: 70px;
}
.ci_concept > div:nth-child(2) {
    width: 2px;
    height: 50px;
    background: var(--color_main);
    margin: 0 var(--30);
}
div[class*="main-"]> div:first-of-type > div, div[class*="sub-"] > div {font-size: 1.8rem;}
/* business 주요사업 / 컨택센터 구축 및 운영 */
.code-hive_img {height: 710px;}
.code-hive_txt {margin: var(--80) var(--auto);}
.code-hive_txt > div > div:first-child > img {width: 80px;}
.aicc_wrap {margin-top: 0;}
.aicc_wrap .aicc02 > li:first-child > div > img {width: 38px;}
/* community */
.community .table_list td{padding-left: var(--10); padding-right: var(--10);}
.table_list td:nth-of-type(1),.table_list td:nth-of-type(3){padding-right: 0;}
.table_list td:nth-of-type(2),.table_list td:nth-of-type(5){padding-left: 0;}
.table_list td:nth-of-type(1) {width: 12%;}
.table_list td:nth-of-type(2) {width: 88%;font-size: 1.7rem;}
.table_list td:nth-of-type(3) {width: 30%;}
.table_list td:nth-of-type(5) {width: 70%;}
.table_list td:nth-of-type(3),.table_list td:nth-of-type(5) {font-size: 1.5rem;}
.photo_list li > a > div:first-child {height: 265px;}
.photo_list li > a > div:first-child > img {object-fit: contain;}
/* careers 인재채용 / 인재육성 */
.btn_tab_wrap > .btn_tab {word-break: keep-all;}
.con_edu1 > div > div > div {margin-top: var(--20);}
.con_edu1 > div > div > div > img {width: var(--full);}
/* welfare 복지제도 */
.welfare > div{
    display: flex;
    flex-direction: column;
    width: var(--w_mob);
    margin: var(--center);
}
.welfare > div > div {
    position: static;
    width: var(--full);
    height: 60px;
    border-radius: 0;
    flex-direction: row;
    font-size: 1.5rem;
}
.welfare > div > div > img{
    width: 40px;
    margin: 0 var(--10) 0 0;
}
.welfare > div > div > br{display: none;}
.welfare > div > div~div{
    margin-left: 0;
    margin-top: var(--15);
}
.welfare > div > div:first-child::after, .welfare > div > div:nth-child(2)::after {display: none;}
.welfare_wrap > div:last-child {
    margin: var(--20) auto var(--set1);
    gap: 15px;
}
.welfare_wrap .w_icon > img {width: 28%;}
.welfare_wrap > div:last-child {grid-template-columns: repeat(1, 1fr);}
.welfare_wrap h4{text-align: center; font-size: 2.2rem;}
/* contact 영업문의 */
.contact .type {border-left: none; border-right: none;}
.contact > div:last-child {width: var(--full);}
.contact form {border: none;}
.contact form > table > tbody > tr > td {height: 46px;}
.contact table .privacy label span {
   line-height: 1.3;
   padding-top: var(--10);
}
.privacy table th {font-size: 1.5rem;}
.contact form > table > tbody > tr > td.privacy p {font-size: 1.5rem;}
.contact form > table > tbody > tr > td.privacy p:last-of-type {padding-bottom: var(--20);}
.contact table .privacy label span {
    line-height: 24px;
    padding-top: 0;
}
.contact form > table.contact_blind > tbody > tr:last-child {border-bottom: var(--color_border);}
.contact form > table.contact_blind:last-child{position: relative;margin-top: var(--15);}
.contact form > table.contact_blind:last-child::before{
    content: "";
    position: absolute;
    top: -15px;
    width: var(--full);
    height: var(--15);
    background: var(--color_line);
}
/***** footer *****/
/* footer_bottom */
.foot_bottom > div > .foot_bottom_r {font-size: 1.3rem;}
}
/* ==========================================
 * device - mobile (max-width:375px)
 * iPhone 8, X, XS
 * ========================================== */
 @media all and (max-width:375px) {
/***** setting *****/
/* font */
h2{font-size: 2.8rem;}
h3 {font-size: 2.6rem;}
.wrap, th, p{font-size: 1.5rem;}
input[type="text"], input[type="password"], input[type="number"], textarea {font-size: 1.5rem;}

/***** header *****/
/* header_btn */
.web_btn{
    width: 375px;
    right: -420px;
}
/* btn style */
.w120{--width: 160px;}

/***** section *****/
/* main_visual */
/* slide_txt */
.slide_txt{top: 49%;}

/***** container - main page *****/
/* content1 */
.content1 .co-gradient {
    font-size: 2.8rem;
    margin-bottom: var(--30);
}
.content1 h3 {word-break: keep-all;}
.content1.company > div:nth-child(2) > h3 {font-size: 2.8rem;}
/* content2 */
.content2 .con-txt{top:265px;}
.reference > .count_wrap > div .num {font-size: 4.2rem;}
/* content4 */
.content4 .news_wrap {height: fit-content;}

/***** container - sub page *****/
/* vision_wrap(비전) */
.vision > div > .vision_triangle > div > div {height: 120px;}
.vision > div > .vision_triangle > div > div h4 {margin: var(--5) 0;}
/* core_value */
.core_value .btn_tab {
    font-size: 1.6rem;
    width: 120px;
    height: 120px;
    border-radius: 60px;
}
/* CI 소개 */
div[class*="brand-"]> div:first-of-type {padding: 0 var(--15);}
div[class*="brand-"]> div:first-of-type > div, div[class*="sub-"] > div{font-size: 1.8rem;}
div[class*="brand-"]> div:first-of-type > ul{font-size: 1.5rem;font-weight: 400;}
/* history(연혁) */
/* history_banner */
.history_banner > div > div:nth-last-child(-n+4) {margin-top: var(--20);}
.history_btn > .btn_tab {
    font-size: 1.6rem;
    height: 50px;
}
/* table_list 케시판 table */
div[class*="mark-"] {
    padding: 2px;
    font-size: 1rem;
}
.table_list td {
    padding: var(--15) var(--10);
    font-size: 1.6rem;
}
.pagination .page > li {
    width: 40px;
    height: 40px;
    font-size: 1.5rem;
}
/* biz01(주요사업) */
.biz01_img > div > span {font-size: 2.6rem;}
.biz01_txt > ul > li {
    height: 60px;
    font-size: 1.8rem;
}
.aicc_wrap .aicc02 > li {padding: var(--20) var(--15);}
.aicc_wrap .aicc02 > li > img {
    width: 30%;
    margin: var(--15) 0;
}
.aicc_wrap .aicc02 > li > div {padding: var(--5);}
.aicc_wrap .aicc02 > li:last-child > div {justify-content: flex-start;}
.aicc_wrap .aicc02 > li:last-child > div > div {width: 50%;}
.aicc_wrap .aicc02 > li:last-child > div > div:nth-child(n+3) {margin-top: var(--15);}
/* community */

/* photo_list (언론보도,사진게시판 ul li list) */
.photo_list li > a > div:last-child > div {font-size: 2rem;}
.photo_list li > a > div:first-child {margin-bottom: var(--15);}
.photo_list li:nth-child(n+2) {margin-top: var(--50);}
.photo_list + .pagination {margin-top: var(--50);}
/* contact */
.contact form > table > tbody > tr > td {height: 40px;}
.contact form > table > tbody > tr > td.privacy table > thead > tr > th {font-size: 1.4rem;}
.contact form > table > tbody > tr > td.privacy table > tbody > tr > td {
    font-size: 1.3rem;
    line-height: 1.3;
}
.contact table .privacy p {
    font-size: 1.5rem;
    line-height: 1.5;
}
/* toast ui */
.ProseMirror p {font-size: 1.5rem;}

/***** footer *****/
.foot_top .sitemap {margin-bottom: var(--30);}
.foot_bottom > div > .foot_bottom_r {font-size: 1.2rem;}
.related_site img {width: 24px;}
}
/* ==========================================
 * device - mobile (max-width:360px)
 360*740
 * ========================================== */
 @media all and (max-width:360px) {
h3 {font-size: 2.6rem;}
/***** header *****/
/* header_btn */
.web_btn{
    width: 360px;
    right: -420px;
}
/***** container - main page *****/
/* content3 */
.con_business > div > a > h3{font-size: 3.6rem;}
/***** container - sub page *****/
/* ceo_wrap(CEO인사말) */
.slide_txt > p {font-size: 2.4rem;}
/* vision(비전) */
.vision > div > .vision_triangle > div > div {height: 115px;}
.vision > div > .vision_triangle > div > div > div~div {margin-left: var(--40);}
/* ci_wrap(CI소개) */
/* ci_concept */
.ci_concept > div:nth-child(2) {margin: 0 var(--15);}
/* ci_type */
.ci_type_txt .download_btn {width: 52%;}
/* map(오시는길) */
.companyMap > .map_info > ul {
    padding: var(--20);
    background: rgba(var(--color_sub-rgb), 0.2);
}
/* biz01(주요사업) */
.biz01_img > div {font-size: 2.8rem;}
.code-hive_img {height: 800px;}
.code-hive_txt {margin-top: 0;}
.aicc_wrap .aicc02 > li:first-child > div > img {width: 36px;}
/* community(커뮤니티) */
.table_list td:nth-of-type(3) {width: 33%;}
.table_list td:nth-of-type(5) {width: 67%;}
}