@charset "UTF-8";
.flex__between {
    height: inherit;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* ----- header ----- */
/* pc menu */
#header {
    width: 100%;
    height: var(--header-height);
    background-color: var(--color-white);
}
/* #header .header {
    position: absolute;
    pointer-events: auto;left: 0;top: 0;width: 100%;height: var(--header-height);background-color: var(--color-white);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);box-sizing: border-box;} */
#header .header__wrap { height: var(--header-height);align-items: center;display: flex;justify-content: space-between; }
#header .logo { position: relative;z-index: 997;-webkit-box-pack: center;-moz-box-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-moz-align-items: center;-ms-flex-align: center;align-items: center;margin: 0;}
#header .logo a { display: inline-block; }

#header .gnb__wrap { position: absolute;left: 0;right: 0;top: 0;height: auto;z-index: 996;}
#header .gnb__wrap .gnb {display: flex;width: 100%;padding-left: 94px;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: center;-moz-box-justify-content: center;-ms-flex-pack: center;justify-content: center;}
#header .gnb__wrap::before {content: '';display: inline-block;position: absolute;width: 100%;height: calc(100% - var(--header-height));top: var(--header-height);right: 0;left: 0;background: var(--color-white);}
#header .gnb__wrap .gnb > li > a {position: relative;display: table;width: 227px;height: var(--header-height);background-color: var(--color-white);text-align: center;}
#header .gnb__wrap .gnb > li > a > span {display: table-cell;vertical-align: middle;color: var(--color-black);font-weight: 700;font-size: 22px;line-height: 1.0em;letter-spacing: -0.05em;}

#header .gnb__wrap .gnb .depth__wrap {display: none;height: 340px;border-left: 2px solid var(--color-gnb-line-gray);}
#header .gnb__wrap .gnb .depth__wrap.border-right {border-right: 2px solid var(--color-gnb-line-gray);}
#header .gnb__wrap .gnb .depth__wrap .depth {width: 225px;text-align: center;padding-top: 15px;border-top: 2px solid var(--color-gnb-line-gray);}
#header .gnb__wrap .gnb .depth__wrap .depth.last {width: 206px;}
#header .gnb__wrap .gnb .depth__wrap .depth:hover {border-top: 2px solid var(--color-gnb-line-navy);}
#header .gnb__wrap .gnb .depth__wrap .depth > li {height: 60px;}
#header .gnb__wrap .gnb .depth__wrap .depth > li > a {position: relative;display: table;width: 100%;height: 60px;background-color: var(--color-white);text-align: center;padding: 0 10px;}
#header .gnb__wrap .gnb .depth__wrap .depth > li > a > span {display: table-cell;vertical-align: middle;color: var(--color-black);font-weight: 500;font-size: 17px;line-height: 1.0em;letter-spacing: -0.05em;}
#header .gnb__wrap .gnb .depth__wrap .depth > li > a:hover > span {color: var(--color-gnb-line-navy);}

#header .gnb__wrap.open .gnb .depth__wrap {display: block;}
#header .gnb__wrap.open::before {border-top: 2px solid var(--color-gnb-line-gray);}

@media screen and (max-width: 1480px) {
    #header .gnb__wrap .gnb > li > a > span {font-size: 20px;}
    #header .gnb__wrap .gnb .depth__wrap .depth > li > a > span {font-size: 17px;}
}
@media screen and (max-width: 1280px) {
    #header,
    #header .header__wrap { height: var(--header-height-tb)}
    #header .gnb__wrap::before {height: calc(100% - var(--header-height-tb));top: var(--header-height-tb);}
    #header .gnb__wrap .gnb > li > a {width: 180px;height: var(--header-height-tb);}
    #header .gnb__wrap .gnb > li > a > span {font-size: 18px;}
    #header .gnb__wrap .gnb .depth__wrap .depth {width:180px;}
    #header .gnb__wrap .gnb .depth__wrap .depth.last {width: 161px;}
    #header .gnb__wrap .gnb .depth__wrap .depth > li > a {padding: 0 5px;}
    #header .gnb__wrap .gnb .depth__wrap .depth > li > a > span {font-size: 14px;}
}
@media screen and (max-width: 1024px) {
    #header,
    #header .header__wrap { height: var(--header-height-mo)}
    #header .gnb__wrap::before {height: calc(100% - var(--header-height-mo));top: var(--header-height-mo);}
    #header .gnb__wrap .gnb > li > a {height: var(--header-height-mo);}
    #header .gnb__wrap {display: none;}
    #header .mmenu {display: block;}
}

/* mobile menu */
.mmenu{display:none;position: relative;width:25px;height:18px;margin-left: 10px;cursor:pointer;z-index: 999;}
.mmenu span,
.mmenu span:before,
.mmenu span:after {display:block;position:absolute;content: '';left:0;width:100%;height:2px;border-radius: 2px;background:var(--color-black);transition:all 0.3s;}
.mmenu span {top:50%;transform:translateY(-50%,-50%);}
.mmenu span:before {top: -8px;}
.mmenu span:after {top: 8px;}
.mmenu.open > span {background:transparent;}
.mmenu.open > span:before {top:0;transform:rotate(45deg);background:var(--color-white);}
.mmenu.open > span:after {top:0;transform:rotate(-45deg);background:var(--color-white);}

#header .gnb__mo {display: none;position: fixed;z-index: 998;top: 0;width: 100%;height: 100%;background-color: var(--color-gnb-line-navy);}
#header .gnb__mo .logo__mo {height: 70px;}
#header .gnb__mo .logo__mo img {height: 40px;margin: 15px;}
#header .gnb__mo > ul {position: relative;height: 100%;background-color: var(--color-white);}
#header .gnb__mo > ul::before {content: "";position: absolute;width: 1px;height: 100%;top: 0;left: var(--header-left-tb);background-color: var(--color-gnb-line-gray);}
#header .gnb__mo > ul > li > a {position: relative;display: table;width: var(--header-left-tb);height: 60px;padding-left: 30px;text-align: left;background-color: var(--color-white);}
#header .gnb__mo > ul > li > a.on {background-color: var(--color-gnb-line-gray);}
#header .gnb__mo > ul > li > a > span {display: table-cell;vertical-align: middle;color: var(--color-black);font-weight: 500;font-size: 15px;line-height: 1.0em;}
#header .gnb__mo > ul > li .depth__mo {display: none;position: absolute;top: 0;left: var(--header-right-tb);width: calc(100% - var(--header-right-tb));height: 100%;z-index: 2;background-color: var(--color-white);overflow-y: auto;}
#header .gnb__mo > ul > li .depth__mo > ul {font-size: 15px;}
#header .gnb__mo > ul > li .depth__mo > ul > li {height: 60px;}
#header .gnb__mo > ul > li .depth__mo > ul > li > a {position: relative;display: table;width: 100%;height: 60px;padding-left: 25px;text-align: left;background-color: var(--color-white);}
#header .gnb__mo > ul > li .depth__mo > ul > li > a > span {display: table-cell;vertical-align: middle;color: var(--color-black);font-weight: 500;font-size: 15px;line-height: 1.0em;}

#header .gnb__mo.open {display: block;}
#header .gnb__mo > ul > li .depth__mo.open {display: block;}

@media screen and (max-width: 500px) {
    #header .gnb__mo > ul::before {left: var(--header-left-mo);}
    #header .gnb__mo > ul > li > a {width: var(--header-left-mo);}
    #header .gnb__mo > ul > li .depth__mo {left: var(--header-right-mo);width: calc(100% - var(--header-right-mo));}
}
/* ----- //header ----- */


/* ----- //footer ----- */
#footer {width: 100%;height: var(--footer-height);background: var(--color-black);}
#footer .footer__wrap {display: flex;color: var(--color-white);height: var(--footer-height);align-items: center;justify-content: space-between;}
#footer .footer__wrap .finfo,
#footer .footer__wrap .fcopy {height: 110px;display: flex;flex-direction: column;justify-content: flex-end;}
#footer .footer__wrap .finfo p {font-weight: 700;font-size: 23px;}
#footer .footer__wrap .finfo ul {display: flex;margin-top: 16px;}
#footer .footer__wrap .finfo ul li {font-weight: 500;font-size: 17px;padding-right: 30px;}
#footer .footer__wrap .finfo ul li:last-child {padding-right: 0;}
#footer .footer__wrap .finfo ul li span {font-weight: 700;}
#footer .footer__wrap .finfo ul li span::after {content: '';display: inline-block;width: 1px;height: 13px;background-color: var(--color-white);margin: 0 5px;}
#footer .footer__wrap .finfo ul.faddr li {padding-right: 0;}
#footer .footer__wrap .finfo ul.faddr li:last-child::before {content: '/';display: inline-block;padding: 0 5px;font-size:17px;}
#footer .footer__wrap .fcopy p {font-weight: 350;font-size: 17px;margin-top: 16px;}

@media screen and (max-width: 1480px) {
    #footer .footer__wrap .finfo p {font-weight: 700;font-size: 20px;}
    #footer .footer__wrap .finfo ul li {font-weight: 500;font-size: 15px;padding-right: 20px;}
    #footer .footer__wrap .finfo ul li span {font-weight: 700;}
    #footer .footer__wrap .finfo ul li span::after {height: 11px;}
    #footer .footer__wrap .finfo ul.faddr li:last-child::before {font-size:15px;}
    #footer .footer__wrap .fcopy p {font-weight: 350;font-size: 15px;}
}
@media screen and (max-width: 1280px) {
    #footer .footer__wrap .finfo, #footer .footer__wrap .fcopy {height: unset;}
    #footer .footer__wrap {flex-direction: column;align-items: flex-start;justify-content: center;margin-left:160px;}
    #footer .footer__wrap .flogo {position: absolute;top: calc(50% - 35px);left: 0;}
    #footer .footer__wrap .finfo p {font-weight: 700;font-size: 20px;}
    #footer .footer__wrap .finfo ul {margin-top: 5px;}
    #footer .footer__wrap .finfo ul li {font-weight: 500;font-size: 15px;padding-right: 20px;}
    #footer .footer__wrap .finfo ul li span {font-weight: 700;}
    #footer .footer__wrap .finfo ul li span::after {height: 11px;}
    #footer .footer__wrap .fcopy p {font-weight: 350;font-size: 15px;margin-top: 5px;}
}
@media screen and (max-width: 900px) {
    #footer {height: var(--footer-height-tb);}
    #footer .footer__wrap {height: var(--footer-height-tb);} 
    #footer .footer__wrap .finfo ul {flex-direction: column;}
    #footer .footer__wrap .finfo ul.faddr li:last-child {padding-left: 36px;}
    #footer .footer__wrap .finfo ul.faddr li:last-child::before {display: none;}
    #footer .footer__wrap .finfo p {font-weight: 500;font-size: 18px;}
    #footer .footer__wrap .finfo ul li {font-weight: 400;font-size: 13px;}
    #footer .footer__wrap .finfo ul li span {font-weight: 500;}
    #footer .footer__wrap .fcopy p {font-weight: 200;font-size: 13px;}
}
@media screen and (max-width: 768px) {
    #footer {height: var(--footer-height-mo);}
    #footer .footer__wrap {height: var(--footer-height-mo);margin-left:0;} 
    #footer .footer__wrap .flogo {position: relative;top:0;margin-bottom:10px;}
    #footer .footer__wrap .finfo { line-height: 2.0em;margin-bottom:10px; }
    #footer .footer__wrap .finfo p { margin-bottom:10px; }
}
/* ----- //footer ----- */


.top__banner {position: relative;width: 100%;height: 590px;background-color: aliceblue;}
.top__banner.top1 {background-image: url(http://kim1074.cdn1.cafe24.com/img/banner/top_banner1.jpg);}
.top__banner.top2 {background-image: url(http://kim1074.cdn1.cafe24.com/img/banner/top_banner2.jpg);}
.top__banner.top3 {background-image: url(http://kim1074.cdn1.cafe24.com/img/banner/top_banner3.jpg);}
.top__banner.top4 {background-image: url(http://kim1074.cdn1.cafe24.com/img/banner/top_banner4.jpg);}
.top__banner.top5 {background-image: url(http://kim1074.cdn1.cafe24.com/img/banner/top_banner5.jpg);}
.top__banner .tb__text {position: absolute;width: 100%;top: 50%;color: var(--color-white);text-align: center;-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.top__banner .tb__text h1 {font-weight: 700;font-size: 65px;line-height: 1.5em;}
.top__banner .tb__text h2 {font-weight: 500;font-size: 26px;line-height: 1.5em;}
@media screen and (max-width:1280px) {
    .top__banner {height: 490px;}
    .top__banner .tb__text h1 {font-size: 55px;}
    .top__banner .tb__text h2 {font-size: 24px;}
}
@media screen and (max-width:1024px) {
    .top__banner {height: 390px;}
    .top__banner .tb__text h1 {font-size: 40px;}
    .top__banner .tb__text h2 {font-size: 22px;}
}

.nav__wrap {width: 100%;height: 90px;margin-bottom:19px;background-color: var(--color-gray-nav);}
.nav__container {width: 1400px;position: relative;margin-left: auto;margin-right: auto;}
@media screen and (max-width:1480px) {
    .nav__container {width: 92.6%;min-width: 240px;}
}
@media screen and (max-width:1024px) {
    .nav__container {width: 100%;}
}

.nav__wrap .nav {display: flex;justify-content: space-between;width: 100%;height: 90px;}
.nav__wrap .nav .mnav {display: flex;}
.nav__wrap .nav .mnav .depth {width: 280px;}
.nav__wrap .nav .mnav .depth span {font-size: 22px;font-weight: 700;width: 100%;height: 100%;display: flex;align-items: center;text-align: center;justify-content: center;cursor: pointer;}
.nav__wrap .nav .mnav .depth.depth1 > span {color: var(--color-white);background-color: var(--color-navy-nav);}
.nav__wrap .nav .mnav .depth.depth2 > span {display: none;color: var(--color-black);background-color: var(--color-white);border: 1px solid var(--color-gnb-line-gray);}
.nav__wrap .nav .mnav .depth.depth2 > span::after {content: '';position: relative;display: inline-block;top: 5px;margin-left: 10px;border-top: 10px solid transparent;border-right: 7px solid transparent;border-bottom: 10px solid transparent;border-left: 7px solid transparent;border-top-color: var(--color-black);}
.nav__wrap .nav .title ul li {height: 60px;}
.nav__wrap .nav .loc {display: flex;align-items: center;justify-content: center;}
.nav__wrap .nav .loc span {font-size: 20px;font-weight: 500;color: var(--color-gray1);}

.arrow {position: relative;width: 15px;margin: 0 10px;top: -5px;}
.arrow::after {content: '';position: absolute;left: 0; top: 0;width: 10px;height: 10px;border-top: 1px solid var(--color-gray1);border-right: 1px solid var(--color-gray1);transform: rotate(45deg);}

.snav {display: block;position: absolute;top: 109px;left: 0;width: 280px;color: var(--color-black);font-size: 20px;line-height: 2.0em;background: var(--color-white);z-index: 997;}
.snav ul {width: 280px;}
.snav ul li {display: flex;align-items: center;justify-content: center;height: 80px;border: 1px solid var(--color-gnb-line-gray);border-bottom: none;}
.snav ul li:last-child {border-bottom: 1px solid var(--color-gnb-line-gray);}
.snav ul li a {width: 100%;height: 100%;display: grid;align-items: center;justify-content: center;}
.smenu ul li a span {font-weight: 700;font-size: 18px;color: var(--color-black);}
.snav ul li a:hover span {color: var(--color-blue1);}
.snav ul li.on > a > span {color: var(--color-blue1);}

@media screen and (max-width: 1200px) {
    .nav__wrap .nav .mnav .depth.depth2 > span {display: flex;}
    .snav {display: none;top: 59px;left: 239px;}
    .nav__wrap,
    .nav__wrap .nav,
    .snav ul li {height: 60px;}
    .nav__wrap .nav .mnav .depth span {font-size: 14px;}
    .nav__wrap .nav .loc span {font-size: 16px;}
}
@media screen and (max-width: 1024px) {
    .snav {left: 50%;width: 50%;}
    .snav ul {width: 100%;}
    .nav__wrap .nav .mnav {width: 100%;}
    .nav__wrap .nav .mnav .depth {width: 50%;}
    .nav__wrap .nav .loc {display: none;}
}


.contents {
    display: flex;
    justify-content: flex-end;
}
.content {
    width: 1075px;
    max-width: calc(100% - 325px);
    height: auto;
    padding: 58px 0;
    /* background-color: antiquewhite; */
}
@media screen and (max-width: 1200px) {
    .contents {justify-content: center;}
    .content {max-width: unset;}
}

.sbanner {position: relative;width: 100%;}
.sbanner img {display: block;width: 100%;}
.sbanner .sb__text {position: absolute;top: 50%;right: 90px;color: var(--color-white);text-align: right;-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.sbanner .sb__text div {display: flex; justify-content: center; align-items: flex-end;}
.sbanner .sb__text div p {margin-right: 10px;}
.sbanner .sb__text p {font-weight: 500;font-size: 28px;line-height: 1.5em;}
.sbanner .sb__text h3 {font-weight: 900;font-size: 32px;line-height: 1.5em;}
@media screen and (max-width: 1024px) {
    .sbanner .sb__text {right: 70px;}
    .sbanner .sb__text p {font-size: 24px;}
    .sbanner .sb__text h3 {font-size: 28px;}
}
@media screen and (max-width: 768px) {
    .sbanner .sb__text {right: 50px;}
    .sbanner .sb__text p {font-size: 20px;}
    .sbanner .sb__text h3 {font-size: 24px;}
    .sbanner .sb__text div {flex-direction: column;}
    .sbanner .sb__text div p {margin-right: 0;}
}
@media screen and (max-width: 400px) {
    .sbanner .sb__text {right: 50px;}
    .sbanner .sb__text p {font-size: 15px;}
    .sbanner .sb__text h3 {font-size: 20px;}
}


/* main page */
.banners {position: relative;}
#banner {width: 100%;height: 970px;}
#banner .banner-over {display: inline;position: absolute;width: 100%;height: 100%;z-index: 1;}
#banner .banner-slider {display: flex;height: 970px;}
#banner .banner-slider li .image__wrap {position: absolute;right: 0;width: 100%;height: 970px;}
#banner .banner-slider li .image__wrap img {height: 100%;width: 100%;object-fit: cover;}
#banner .banner-slider li .text__wrap {position: relative;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;font-family: 'GmarketSansBold';font-weight: 400;font-size: 135px;color: var(--color-white);line-height: 1.0em;}
.bx-pager {display: flex;position: absolute;bottom: 86px;width: 100%;justify-content: center;}
.bx-pager .bx-pager-item {padding: 0 15px;}
.bx-pager .bx-pager-item a span {display: block;width: 11px;height: 11px;border-radius: 6px;background-color: var(--color-white);}
.bx-pager .bx-pager-item a.active > span {width: 38px;background-color: var(--color-navy);}
.brand {position: absolute;top: 30px;width: 100%;}
.brand span {width: 140px;height: 40px;border: 1px solid var(--color-white);border-radius: 20px;font-size: 16px;color: var(--color-white);display: flex;justify-content: center;align-items: center;}
@media screen and (max-width: 1480px) {
    #banner,
    #banner .banner-slider,
    #banner .banner-slider li .image__wrap {height: 870px;}
    #banner .banner-slider li .text__wrap {font-size: 115px;}
}
@media screen and (max-width: 1280px) {
    #banner,
    #banner .banner-slider,
    #banner .banner-slider li .image__wrap {height: 720px;}
    #banner .banner-slider li .text__wrap {font-size: 90px;}
    .bx-pager {bottom: 46px;}
}
@media screen and (max-width: 768px) {
    #banner,
    #banner .banner-slider,
    #banner .banner-slider li .image__wrap {height: 550px;}
    #banner .banner-slider li .text__wrap {font-size: 50px;}
    .bx-pager .bx-pager-item {padding: 0 10px;}
}
@media screen and (max-width: 500px) {
    #banner,
    #banner .banner-slider,
    #banner .banner-slider li .image__wrap {height: 350px;}
    #banner .banner-slider li .text__wrap {font-size: 45px;}
    .bx-pager {bottom: 26px;}
}


/* content 제목 */
.subject {
    position: relative;
    margin-top: 100px;
}
.subject::before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: var(--color-gray5);
    top: 45%;
}
/* .subject.num::before {
    top: 38px;
} */
.subject div {
    position: relative;
    width: fit-content;
    font-weight: 700;
    font-size: 28px;
    line-height: 1.0em;
    letter-spacing: -0.03em;
    color: var(--color-navy);
    background-color: var(--color-white);
    padding-right: 20px;
}
.subject div span {
    font-family: 'GmarketSansBold';
    font-weight: 400;
    font-size: 70px;
    line-height: 1.0em;
    letter-spacing: -0.03em;
    color: var(--color-navy);
    margin-right: 30px;
}
.subject.cert div span {
    font-size: 50px;
}
@media screen and (max-width: 1024px) {
    .subject div span {
        font-size: 60px;
    }
    .subject.cert div span {
        font-size: 40px;
    }
}
@media screen and (max-width: 768px) {
    .subject {
        margin-top: 70px;
    }
    .subject div span {
        font-size: 55px;
    }
    .subject.cert div span {
        font-size: 35px;
    }
}
@media screen and (max-width: 500px) {
    .subject div span {
        font-size: 45px;
    }
    .subject.cert div span {
        font-size: 28px;
    }
}


/* 메인페이지 */
.main {position: relative;}
.bg::before {content: '';display: block;width: 100%;height: 312px;background-color: var(--color-gnb-line-gray);bottom: 0;position: absolute;}
.bg.ico::before {height: 210px;}
.main__wrap {display: flex;justify-content: space-between;padding-top: 100px;padding-bottom: 70px;}

.contl {width: calc(100% - 700px);padding-top: 50px;}
.contl h2 {font-weight: 700;font-size: 53px;color: var(--color-black);line-height: 1.0em;}
.contl .desc {font-weight: 500;font-size: 22px;color: var(--color-black);line-height: 1.5em;}
.contl .desc::before {content: '';display: block;width: 1px;height: 216px;background-color: var(--color-black);margin: 20px 0;}

.contr {width: 680px;min-width: 680px;}
.contr .cont__row {display: flex;justify-content: space-between;}
.contr .cont__row .cont__col {position: relative;width: 319px;margin-bottom: 30px;}
.contr .cont__row .cont__col .box__img img {display: block;width: 100%;}
.contr .cont__row.ico .cont__col .box__img {width: 100%;height: 319px;background-color: var(--color-navy);}
.contr .cont__row .cont__col .over__txt {position: absolute;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center; cursor:pointer}
.contr .cont__row.ico .cont__col .over__txt {flex-direction: column;}
.contr .cont__row.ico .cont__col .over__txt img {margin-bottom: 15px;}
.contr .cont__row .cont__col .over__txt p {color: var(--color-white);text-align: center;font-size: 24px;line-height: 1.2em;}
.contr .cont__row .cont__col .over__txt p span {font-family: 'GmarketSansBold';font-weight: 400;font-size: 36px;line-height: 1.6em;}

@media screen and (max-width: 1280px) {
    .main__wrap {flex-direction: column;}
    .contl {width: 100%;display: flex;justify-content: flex-start;padding: 0 0 50px 0;}
    .contl .desc {border-left: 1px solid var(--color-black);margin-left: 20px;padding-left: 20px;}
    .contl .desc::before {display: none;}
    .contr {width: 100%;min-width: unset;}
    .contr .cont__row {justify-content: space-evenly;}
}
@media screen and (max-width: 1024px) {
    .contl {flex-direction: column;}
    .contl .desc {margin-top: 25px;margin-left: 0;}
}
@media screen and (max-width: 768px) {
    .main__wrap {padding-top: 70px;padding-bottom: 70px;}
    .contl h2 {font-size: 45px;}
    .contl .desc {font-size: 15px;}
    .contr .cont__row {justify-content: space-around;}
    .contr .cont__row .cont__col {max-width: 319px;width: 45%;}
    .contr .cont__row .cont__col .over__txt p {font-size: 16px;}
    .contr .cont__row .cont__col .over__txt p span {font-size: 26px;}
}
@media screen and (max-width: 500px) {
    .contr .cont__row.ico {
        flex-direction: column;
        align-items: center;
    }
    .contr .cont__row.ico .cont__col {
        width: 100%;
    }
}


/* 회사소개 */
#corp_summary {
    background-image: url(http://kim1074.cdn1.cafe24.com/img/corp/summary_bg.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}
.summary {
    padding: 40px 0;
}
.summary ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
.summary ul li {width: 335px;margin-bottom: 35px;}
.summary ul li .inner__box {
    position: relative;
    height: 264px;
    background-color: var(--color-white);
    border: 1px solid var(--color-gray2);
    border-radius: 30px;
    color: var(--color-black);
    background-repeat: no-repeat;
    background-position: right 30px bottom 30px;
}
.summary ul li .inner__box.sum1 {background-image: url(http://kim1074.cdn1.cafe24.com/img/corp/sum_ico1.png);}
.summary ul li .inner__box.sum2 {background-image: url(http://kim1074.cdn1.cafe24.com/img/corp/sum_ico2.png);}
.summary ul li .inner__box.sum3 {background-image: url(http://kim1074.cdn1.cafe24.com/img/corp/sum_ico3.png);}
.summary ul li .inner__box.sum4 {background-image: url(http://kim1074.cdn1.cafe24.com/img/corp/sum_ico4.png);}
.summary ul li .inner__box.sum5 {background-image: url(http://kim1074.cdn1.cafe24.com/img/corp/sum_ico5.png);}
.summary ul li .inner__box.sum6 {background-image: url(http://kim1074.cdn1.cafe24.com/img/corp/sum_ico6.png);}
.summary ul li .inner__box h3 {position: absolute;top: 40px;left: 30px;font-weight: 700;font-size: 20px;}
.summary ul li .inner__box .desc {position: absolute;top: 80px;left: 30px;font-weight: 400;font-size: 20px;line-height: 1.7em;
}
@media screen and (max-width: 1480px) {
    .summary ul li {width: 30%;margin-bottom: 6.5%;}
    .summary ul li .inner__box .desc {font-size: 18px;}
}
@media screen and (max-width: 1024px) {
    .summary ul li {width: 47%;margin-bottom: 5%;}
    .summary ul li .inner__box .desc {font-size: 18px;}
}
@media screen and (max-width: 668px) {
    .summary ul li .inner__box h3 {left: 20px;}
    .summary ul li .inner__box .desc {left: 20px;font-size: 15px;}
}


/* 공장소개 */
.factory .row {display: flex;padding: 40px 0;border-bottom: 2px solid var(--color-gray3);}
.factory .row.last {border-bottom: none; margin-bottom: 60px;}
.factory .row .col {
    position: relative;
    font-weight: 350;
    font-size: 20px;
}
.factory .row .col.txt {
    padding: 35px 0 0 40px;
}
.factory .row .col h3 {
    margin-bottom: 17px;
    font-weight: 700;
    font-size: 20px;
}
.factory .row .col h3 span {
    font-weight: 350;
}
.factory .row .col .desc {
    margin-bottom: 55px;
}
.factory .row .col .addr {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.factory .row .col .addr::before {
    content: '';
    display: inline-block;
    background-image: url(http://kim1074.cdn1.cafe24.com/img/corp/map_ico.png);
    width: 31px;
    min-width: 31px;
    height: 31px;
    margin-right: 12px;
}   
@media screen and (max-width: 900px) {
    .factory .row .col.txt {
        padding: 0 0 0 20px;
        align-content: center;
    }
    .factory .row .col {
        font-size: 18px;
    }
}
@media screen and (max-width: 768px) {
    .factory .row .col {
        width: 50%;
    }
    .factory .row .col img {
        width: 100%;
    }
}
@media screen and (max-width: 500px) {
    .factory .row {
        flex-direction: column;
        align-items: center;
    }
    .factory .row .col,
    .factory .row .col img {
        width: 100%;
    }
    .factory .row .col.txt {
        padding: 20px 0 0 20px;
    }
    .factory .row .col .desc {
        margin-bottom: 25px;
    }
}


/* 연혁 */
.history {
    position: relative;
}
.history .hrow {
    margin: 90px 0;
}
.history .hrow::before {
    content: '';
    position: absolute;
    display: inline-block;
    left: 254px;
    width: 2px;
    height: 100%;
    background-color: var(--color-gray5);
}
.history .hrow > li {
    padding: 32px 0;
}
.history .hrow > li:first-child {
    padding-top: 47px;
}
.history .hrow > li:last-child {
    padding-bottom: 47px;
}
.history .hrow > li > ul {
    display: flex;
}
.history .hrow > li > ul > li {
    
}
.history .hrow > li > ul > li:first-child {
    width: 254px;
    font-weight: 900;
    font-size: 50px;
    color: var(--color-blue2);
    letter-spacing: -0.03em;
    line-height: 1.0em;
    text-align: center;
}
.history .hrow > li > ul > li:last-child {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
    left: -3px;
}
.history .hrow > li > ul > li:last-child span{
    word-break: break-all;
}
.history .hrow > li > ul > li:last-child::before {
    content: '';
    position: relative;
    display: inline-block;
    min-width: 8px;
    width: 8px;
    height: 8px;
    background-color: var(--color-navy);
    border-radius: 50%;
    z-index: 2;
}
.history .hrow > li > ul > li strong {
    font-weight: 900;
    font-size: 25px;
    color: var(--color-navy);
    letter-spacing: -0.03em;
    line-height: 1.0em;
    margin: 0 40px;
}
.history .hrow > li > ul > li span {
    font-weight: 400;
    font-size: 21px;
    color: var(--color-gray4);
    letter-spacing: -0.03em;
    line-height: 1.0em;
}
@media screen and (max-width: 1024px) {
    .history .hrow::before {
        left: 204px;
    }
    .history .hrow > li > ul > li {
        width: calc(100% - 204px);
    }
    .history .hrow > li > ul > li:first-child {
        width: 204px;
        font-size: 40px;
    }
    .history .hrow > li > ul > li strong {
        margin: 0 20px;
        font-size: 22px;
    }
    .history .hrow > li > ul > li span {
        font-size: 18px;
    }
}
@media screen and (max-width: 768px) {
    .history .hrow {
        margin: 40px 0;
    }
    .history .hrow::before {
        left: 0;
    }
    .history .hrow > li > ul {
        flex-direction: column;
    }
    .history .hrow > li > ul > li {
        width: calc(100% - 134px);
    }
    .history .hrow > li > ul > li:first-child {
        width: unset;
        font-size: 50px;
        text-align: left;
    }
    .history .hrow > li > ul > li:last-child {
        width: 100%;
    }
    .history .hrow > li > ul > li.year {
        margin: 25px 0 25px 25px;
    }
    .history .hrow > li > ul > li.year:first-child  {
        margin-top: 0;
    }
    .history .hrow > li > ul > li span {
        font-size: 16px;
        line-height: 1.5em;
    }
    .history .hrow > li:first-child,
    .history .hrow > li:last-child {
        padding: 32px 0;
    }
}


/* 인증서 */
.certlist {
    padding-top: 110px;
}
.certlist ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.certlist ul li {
    max-width: 318px;
    width: 30%;
    margin-bottom: 110px;
}
.certlist ul li div {
    width: 100%;
    text-align: center;
}
.certlist ul li div img {
    display: block;
    width: 100%;
}
.certlist ul li div h3 {
    font-weight: 400;
    font-size: 21px;
    color: var(--color-gray4);
    line-height: 1.5em;
    padding-top: 30px;
}
.secure {
    border-top: 1px solid var(--color-gray3);
    display: flex;
    justify-content: space-between;
    padding: 85px 0;
}
.secure .secure__item {
    width: 235px;
    height: 235px;
    max-width: 235px;
    max-height: 235px;
}
.secure .patent {
    font-weight: 900;
    font-size: 34px;
    color: var(--color-navy);
    line-height: 1.0em;
    letter-spacing: -0.03em;
    text-align: center;
    align-content: flex-end;
    background-image: url(http://kim1074.cdn1.cafe24.com/img/corp/cert_ico.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.secure .info {
    width: calc(100% - 300px);
}
.secure .info ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.secure .info ul li {
    margin-left: 15px;
}
.secure .info ul li:first-child {
    margin-left: 0;
}
.secure .info .circle {
    border-radius: 50%;
    text-align: center;
    align-content: center;
}
.secure .info .circle.nv {
    background-color: var(--color-navy);
    color: var(--color-white);
}
.secure .info .circle.gr {
    background-color: var(--color-gray6);
    color: var(--color-navy);
}
.secure .info .circle .title {
    font-weight: 500;
    font-size: 34px;
    line-height: 1.0em;
    letter-spacing: -0.03em;
}
.secure .info .circle .count {
    font-weight: 900;
    font-size: 73px;
    line-height: 1.0em;
    letter-spacing: -0.03em;
}
.secure .info .circle .count span {
    font-weight: 500;
    font-size: 34px;
}
@media screen and (max-width: 1400px) {
    .secure .secure__item {
        width: 17vw;
        height: 17vw;
    }
    .secure .info {
        width: auto;
    }
    .secure .patent,
    .secure .info .circle .title,
    .secure .info .circle .count span {
        font-size: 28px;
    }
    .secure .info .circle .count {
        font-size: 60px;
    }
}
@media screen and (max-width: 1200px) {
    .secure .secure__item {
        width: 20vw;
        height: 20vw;
    }
}
@media screen and (max-width: 1024px) {
    .certlist ul li div h3 {
        font-size: 18px;
    }
    .secure .patent {
        background-size: 75%;
    }
    .secure .patent,
    .secure .info .circle .title,
    .secure .info .circle .count span {
        font-size: 24px;
    }
    .secure .info .circle .count {
        font-size: 54px;
    }
}
@media screen and (max-width: 768px) {
    .certlist {
        padding-top: 80px;
    }
    .certlist ul li {
        width: 47%;
        margin-bottom: 80px;
    }
    .certlist ul li div h3 {
        font-size: 18px;
        padding-top: 18px;
    }
    .secure {
        flex-direction: column;
        align-items: center;
    }
    .secure .secure__item {
        width: 28vw;
        height: 28vw;
    }
    .secure .secure__item.patent {
        margin-bottom: 50px;
        width: 235px;
        height: 215px;
        background-size: unset;
        font-size: 32px;
    }
    .secure .info {
        width: 100%;
    }
    .secure .info ul {
        width: 100%;
        justify-content: space-around;
    }
    .secure .info ul li {
        margin: 0;
    }
}
@media screen and (max-width: 500px) {
    .certlist ul li div h3 {
        font-size: 16px;
        padding-top: 18px;
    }
    .secure .info .circle .title,
    .secure .info .circle .count span {
        font-size: 20px;
    }
    .secure .info .circle .count {
        font-size: 42px;
    }
}


/* 반도체 플랜트 배관 및 랙 제작 */
.semi {
    padding-bottom: 70px;
}


/* 사업영역 */
.business {
    padding-bottom: 70px;
}
.business .bs__img {
    padding: 50px 0;
}
.business .bs__img.one img {
    width: 100%;
}
.business .bs__img.two {
    display: flex;
    justify-content: space-between;
    padding: 50px 0;
}
.business .bs__img.two img {
    width: 526px;
    max-width: 526px;
}
.business .bs__desc {
    padding-bottom: 50px;
}
.business .bs__desc p {
    font-weight: 400;
    font-size: 21px;
    line-height: 2.0em;
    letter-spacing: -0.03em;
    color: var(--color-black);
}
.business .bs__desc p.mo {
    display: none;
}
@media screen and (max-width: 1400px) {
    .business .bs__img.two img {
        width: 49%;
    }
    .business .bs__desc p.pc {
        display: none;
    }
    .business .bs__desc p.mo {
        display: block;
    }
}
@media screen and (max-width: 1024px) {
    .business .bs__desc p {
        font-size: 18px;
    }
}
@media screen and (max-width: 768px) {
    .business .bs__img {
        padding: 30px 0;
    }
    .business .bs__img.two div span {
        font-size: 55px;
        margin-right: 20px
    }
    .business .bs__desc {
        padding-bottom: 30px;
    }
    .business .bs__desc p {
        font-size: 16px;
    }
}


/* 자동화 공장 */
.images__wrap {

}
.images__wrap .images {
    padding: 55px 0;
}
.images__wrap .images.type1 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.images__wrap .images.type2 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.images__wrap .images.type3 {
    width: 100%;
    display: block;
    padding: 55px 0 0 0;
}
.images__wrap .images.type3 img {
    width: 100%;
    display: block;
    padding: 0;
}
.images__wrap .images.type2 .images__left {
    width: 67%;
    position: relative;
}
.images__wrap .images.type2 .images__right {
    width: 33%;
}
.images__wrap .images.type2 ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
}
.images__wrap .images.type2 ul li {
    width: calc(50% - 12px);
    margin-right: 12px;
}
.images__wrap .images.type2 .images__box {
    width: 100%;
}
.images__wrap .images.type2 .images__box img {
    display: block;
    width: 100%;
}
.images__wrap .images.type2 .images__box p {
    font-weight: 400;
    font-size: 23px;
    color: var(--color-black);
    line-height: 1.0em;
    letter-spacing: -0.03em;
    text-align: center;
    padding: 20px 0 30px 0;
}
@media screen and (max-width: 1400px) {
    .images__wrap .images.type1 img {
        width: 23%;
    }
}
@media screen and (max-width: 768px) {
    .images__wrap .images.type1 {
        justify-content: space-evenly;
    }
    .images__wrap .images.type1 img {
        width: 43%;
        margin-bottom: 25px;
    }
    .images__wrap .images.type2 {
        flex-direction: column;
    }
    .images__wrap .images.type2 .images__left,
    .images__wrap .images.type2 .images__right {
        width: 100%;
    }
    .images__wrap .images.type2 ul {
        justify-content: space-between;
    }
    .images__wrap .images.type2 ul li,
    .images__wrap .images.type2 .images__right .images__box {
        width: 48%;
        margin: 0 auto;
    }
}


.triangle {
    position: relative;
    height: 170px;
    background-image: url(http://kim1074.cdn1.cafe24.com/img/lab/3_1/triangle_bg.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    margin: 50px 0;
}
.triangle .discription {
    position: relative;
    font-weight: 700;
    font-size: 28px;
    color: var(--color-black);
    letter-spacing: -0.03em;
    line-height: 1.5em;
    text-align: center;
    width: 100%;
    z-index: 2;
    height: 170px;
}
@media screen and (max-width: 768px) {
    .triangle {
        background-size: 90%;
    }
    .triangle .discription {
        font-size: 22px;
    }
}
@media screen and (max-width: 500px) {
    .triangle .discription {
        font-size: 20px;
    }
}


.conclusion {
    width: 100%;
    padding: 40px 0;
}
.conclusion .txt {
    width: 100%;
    height: 83px;
    background-color: var(--color-gray8);
    border: 1px solid var(--color-gray7);
    border-radius: 42px;
    font-weight: 700;
    font-size: 27px;
    line-height: 1.5em;
    letter-spacing: -0.03em;
    color: var(--color-black);
    text-align: center;
    align-content: center;
    padding: 0 10px;
}
.conclusion .txt span{
    font-weight: 900;
}
@media screen and (max-width: 1400px) {
    .conclusion .txt {
        font-size: 24px;
    }
}
@media screen and (max-width: 1280px) {
    .conclusion .txt {
        font-size: 22px;
    }
}
@media screen and (max-width: 768px) {
    .conclusion .txt {
        font-size: 18px;
    }
}


/* 자동화용접기 */
.welding {

}
.welding .title {
    padding-top: 30px;
}
.welding .title p {
    font-weight: 400;
    font-size: 28px;
    line-height: 1.0em;
    letter-spacing: -0.03em;
    color: var(--color-black);
}
.wd__wrap {
    display: flex;
    flex-direction: column;
    padding: 85px 0;
}
.wd__wrap img {
    display: block;
    width: 100%;
}
.wd__wrap .wdrow {
    width: 100%;
    padding: 15px 0;
}
.wd__wrap .wdrow.one {
    display: grid;
    justify-content: center;
}
.wd__wrap .wdrow.dozen {
    display: flex;
    justify-content: space-evenly;
}
.wd__wrap .wdrow .wdcol {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
@media screen and (max-width: 1400px) {
    .wd__wrap .wdrow.dozen {
        justify-content: space-around;
    }
}
@media screen and (max-width: 1280px) {
    .wd__wrap .wdrow.dozen {
        justify-content: space-between;
    }
}
@media screen and (max-width: 1200px) {
    .wd__wrap .wdrow.dozen {
        justify-content: space-evenly;
    }
}
@media screen and (max-width: 1024px) {
    .welding .title p {
        font-size: 22px;
        line-height: 1.5em;
    }
    .wd__wrap .wdrow.one {
        display: flex;
    }
    .wd__wrap .wdrow.wide img {
        width: 45%;
    }
    .wd__wrap .wdrow.narrow img {
        width: 60%;
    }
    .wd__wrap .wdrow .wdcol {
        width: 45%;
    }
    .wd__wrap .wdrow .wdcol.third {
        width: 32%;
    }
    .wd__wrap .wdrow .wdcol.first {
        width: 60%;
        padding-top: 30px;
    }
    .wd__wrap .wdrow.dozen {
        flex-wrap: wrap;
    }
}
@media screen and (max-width: 768px) {
    .wd__wrap {
        padding: 45px 0;
    }
    .welding .title p {
        font-size: 22px;
    }
}
@media screen and (max-width: 500px) {
    .welding .title p {
        font-size: 18px;
    }
}


/* 자율주행플랫폼 */
.automatic .conclusion {
    padding: 18px 0;
}
.am__wrap {
    padding: 50px 0;
}
.am__wrap .am__img {
    display: flex;
    justify-content: space-between;
    padding: 23px 0;
}
.am__wrap .am__img img {
    width: 523px;
    max-width: 523px;
}
.am__keyword {display: flex;justify-content: center;width: 100%;padding: 70px 0;}
.am__cert {display: flex;justify-content: flex-end;width: 100%;}
.am__cert img {width: auto;padding: 40px 0;}
@media screen and (max-width: 1400px) {
    .am__wrap .am__img img {
        width: 49%;
    }
}
@media screen and (max-width: 1280px) {
    .am__keyword img {width: 80%;}
}
@media screen and (max-width: 1024px) {
    .am__cert img {width: inherit;}
}
@media screen and (max-width: 768px) {
    .am__wrap .am__img div span {
        font-size: 55px;
        margin-right: 20px
    }
    .am__keyword img {width: 100%;}
}


/* 연구용역 */
.svline {
    border-bottom: 2px solid var(--color-gnb-line-gray);
}
.svline.top100 {padding-top: 100px;}
.svline.top50 {padding-top: 50px;}
.svline.bottom50 {margin-bottom: 50px}

.sv__wrap {
    padding-bottom: 40px;
}
.sv__wrap .sv__img {
    display: flex;
    justify-content: space-between;
    padding: 23px 0;
}
.sv__wrap .sv__img.one {
    justify-content: center;
}
.sv__wrap .sv__img img {
    width: 523px;
    max-width: 523px;
}
@media screen and (max-width: 1400px) {
    .sv__wrap .sv__img img {
        width: 49%;
    }
}
@media screen and (max-width: 500px) {
    .sv__wrap .sv__img {flex-direction: column;align-items: center;}
    .sv__wrap .sv__img img {width: 80%;margin-bottom: 20px;}
}
.service__title {
    width: 100%;
    padding: 40px 0;
}
.service__title .txt {
    width: 561px;
    height: 83px;
    background-color: var(--color-gray8);
    border: 1px solid var(--color-gray7);
    border-radius: 42px;
    font-weight: 700;
    font-size: 27px;
    line-height: 1.5em;
    letter-spacing: -0.03em;
    color: var(--color-black);
    text-align: center;
    align-content: center;
    padding: 0 10px;
    margin: 0 auto;
}
.service__desc {
    width: 100%;
    padding: 40px 0;
}
.service__desc .txt {
    width: 100%;
    background-color: var(--color-gray8);
    border: 1px solid var(--color-gray7);
    font-weight: 400;
    font-size: 27px;
    line-height: 1.8em;
    letter-spacing: -0.03em;
    color: var(--color-black);
    text-align: center;
    align-content: center;
    padding: 75px 0;
}
.service__desc .txt .pc {display: block;}
.service__desc .txt .mo {display: none;}
@media screen and (max-width: 1400px) {
    .service__title .txt {
        font-size: 24px;
    }
    .service__desc .txt {font-size: 24px;}
}
@media screen and (max-width: 1280px) {
    .service__title .txt {
        font-size: 22px;
    }
    .service__desc .txt {font-size: 22px;}
}
@media screen and (max-width: 1024px) {
    .service__title .txt {width: 100%;}
    .service__desc .txt {padding-left: 20px;padding-right: 20px;}
    .service__desc .txt .pc {display: none;}
    .service__desc .txt .mo {display: block;}
}
@media screen and (max-width: 768px) {
    .service__title {
        padding-bottom: 25px;
    }
    .service__title .txt {
        font-size: 18px;
    }
    .service__desc .txt {font-size: 18px;}
    .sv__wrap {
        padding-bottom: 0;
    }
}


/* 인정서 */
.labcert__img {width: 100%;padding: 100px 0;display: flex;justify-content: center;align-items: center;}
@media screen and (max-width: 1024px) {
    .labcert__img img {width: 90%;}
}
@media screen and (max-width: 765px) {
    .labcert__img {padding: 50px 0;}
}


/* 게시판 */
.board {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
}
.board_top {
    font-weight: 700;
    font-size: 45px;
    line-height: 1.0em;
    letter-spacing: 0.03em;
    color: var(--color-black);
    text-align: center;
    padding: 75px 0;
}
@media screen and (max-width: 1280px) {
    .board_top {
        padding: 35px 0 45px 0;
    }
}
@media screen and (max-width: 1024px) {
    .board_top {
        font-size: 40px;
        padding: 25px 0 45px 0;
    }
}


.sch__wrap {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.sch__wrap .sch {
    display: flex;
    justify-content: space-between;
    width: 353px;
}
.sch__wrap .sch .schinput {
    width: 298px;
    height: 44px;
    border: 1px solid var(--color-board-gray1);
    background-color: var(--color-white);
}
.sch__wrap .sch .schinput input {
    width: 100%;
    height: 100%;
}
.sch__wrap .sch .schbtn {
    width: 42px;
    height: 44px;
    border-radius: 4px;
    border: 1px solid var(--color-board-gray2);
    background-color: var(--color-board-gray2);
    background-image: url(http://kim1074.cdn1.cafe24.com/img/ico/search_ico.png);
    background-repeat: no-repeat;
    background-position: center;
}


.itemlist {
    position: relative;
    padding: 40px 0;
}
.itemlist ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.itemlist ul li {
    width: 32%;
    margin-bottom: 5%;
}
.itemlist ul li:not(:nth-child(3n)) {
	margin-right: 2%;
}
.itemlist ul li .item {
    position: relative;
    overflow: hidden;
}
.itemlist ul li .item .item__img {
    /* width: 353px;
    height: 262px; */
    width: 100%;
    height: 262px;

    /*background-color:aliceblue;*/
}
.itemlist ul li .item .item__img img {
    width: inherit;
    height: inherit;
}
.itemlist ul li .item .item__txt {
    position: relative;
}
.itemlist ul li .item .item__txt .title {
    position: relative;
    font-weight: 500;
    font-size: 25px;
    line-height: 1.0em;
    letter-spacing: -0.01em;
    color: var(--color-black);
    margin-top: 30px;
}
.itemlist ul li .item .item__txt .date {
    position: relative;
    font-weight: 500;
    font-size: 21px;
    line-height: 1.0em;
    left: -0.01em;
    color: var(--color-gray1);
    margin-top: 15px;
}
@media screen and (max-width: 1024px) {
    .itemlist ul li {
        width: 48%;
    }
    .itemlist ul li:not(:nth-child(3n)) {
        margin-right: 0;
    }
    .itemlist ul li:not(:nth-child(2n)) {
        margin-right: 4%;
    }
    .itemlist ul li .item .item__txt .title {
        font-size: 22px;
        margin-top: 20px;
    }
    .itemlist ul li .item .item__txt .date {
        font-size: 18px;
        margin-top: 10px;
    }
}
@media screen and (max-width: 768px) {
    .itemlist ul li {
        margin-bottom: 8%;
    }
}
@media screen and (max-width: 500px) {
    .itemlist ul li {
        width: 100%;
    }
    .itemlist ul li:not(:nth-child(2n)) {
        margin-right: 0;
    }
}

.boardlist {
    position: relative;
    padding: 40px 0;
}
.boardlist table {
    width: 100%;
    border-top: 1px solid var(--color-board-gray4);
}
.boardlist table thead tr th {
    background-color: var(--color-board-gray3);
    height: 75px;
    font-weight: 400;
    font-size: 19px;
    line-height: 1.0em;
    letter-spacing: -0.01em;
    color: var(--color-black);
}
.boardlist table tbody tr td {
    background-color: var(--color-white);
    border-bottom: 1px solid var(--color-gray3);
    height: 60px;
    font-weight: 400;
    font-size: 19px;
    line-height: 1.2em;
    letter-spacing: -0.01em;
    color: var(--color-black);
    text-align: center;
}
.boardlist table tbody tr td.nodata {
    text-align: center;
}

.tb__major td {position: relative;}
.tb__major thead tr th:nth-child(1),
.tb__major tbody tr td:nth-child(1) {
    width: 80px;
}
.tb__major thead tr th:nth-child(2),
.tb__major tbody tr td:nth-child(2) {
    width: 120px;
}
.tb__major tbody tr td:nth-child(3) {
    text-align: left;
}
.tb__major thead tr th:nth-child(4),
.tb__major tbody tr td:nth-child(4) {
    width: 185px;
}

.tb__inquiry td {position: relative;}
.tb__inquiry thead tr th:nth-child(1),
.tb__inquiry tbody tr td:nth-child(1) {
    width: 80px;
}
.tb__inquiry tbody tr th:nth-child(2) {
    text-align: center;
}
.tb__inquiry tbody tr td:nth-child(2) {
    text-align: left;
}
.tb__inquiry tbody tr td:nth-child(3) {
    width: 120px;
}
.tb__inquiry thead tr th:nth-child(4),
.tb__inquiry tbody tr td:nth-child(4) {
    width: 185px;
}

.tb__inquiry td.answer-y {
    color: var(--color-blue1)
}


@media screen and (max-width: 1280px) {
    .boardlist table thead tr th {
        height: 60px;
        font-size: 18px;
    }
    .boardlist table tbody tr td {
        height: 60px;
        font-size: 18px;
    }
}
@media screen and (max-width: 1024px) {
    .boardlist table thead tr th {
        height: 50px;
        font-size: 16px;
    }
    .boardlist table tbody tr td {
        height: 50px;
        font-size: 16px;
    }

    .tb__major thead tr th:nth-child(1),
    .tb__major tbody tr td:nth-child(1) {
        width: 60px;
    }
    .tb__major thead tr th:nth-child(2),
    .tb__major tbody tr td:nth-child(2) {
        width: 90px;
    }
    .tb__major thead tr th:nth-child(4),
    .tb__major tbody tr td:nth-child(4) {
        width: 150px;
    }

    .tb__inquiry thead tr th:nth-child(1),
    .tb__inquiry tbody tr td:nth-child(1) {
        width: 60px;
    }
    .tb__inquiry thead tr th:nth-child(3),
    .tb__inquiry tbody tr td:nth-child(3) {
        width: 90px;
    }
    .tb__inquiry thead tr th:nth-child(4),
    .tb__inquiry tbody tr td:nth-child(4) {
        width: 150px;
    }
}
@media screen and (max-width: 768px) {
    .boardlist table thead {
        display: none;
    }
    .boardlist table tbody tr td {
        font-size: 15px;
        height: auto;
        padding: 10px 0;
        text-align: left;
    }

    .tb__major tbody tr {
        display: flex;
        flex-wrap: wrap;
    }
    .tb__major tbody tr:nth-child(2n) td {
        background-color: var(--color-gray6);
    }
    .tb__major tbody tr td:nth-child(1) {
        order: 2;
        flex: 0 1 50px;
        padding-left: 10px;
    }
    .tb__major tbody tr td:nth-child(2) {
        order: 3;
        flex: 0 1 70px;
    }
    .tb__major tbody tr td:nth-child(3) {
        order: 1;
        flex: 1 1 100%;
        padding: 10px 0 0 10px;
        border-bottom: none;
    }
    .tb__major tbody tr td:nth-child(4) {
        order: 4;
        flex: 1 1 calc(100% - 120px);
    }
    .tb__major tbody tr td.nodata {
        flex: 1 !important;
    }

    .tb__inquiry tbody tr {
        display: flex;
        flex-wrap: wrap;
    }
    .tb__inquiry tbody tr:nth-child(2n) td {
        background-color: var(--color-gray6);
    }
    .tb__inquiry tbody tr td:nth-child(1) {
        order: 2;
        flex: 0 1 50px;
        padding-left: 10px;
    }
    .tb__inquiry tbody tr td:nth-child(2) {
        order: 1;
        flex: 1 1 100%;
        padding: 10px 0 0 10px;
        border-bottom: none;
    }
    .tb__inquiry tbody tr td:nth-child(3) {
        order: 3;
        flex: 0 1 70px;
    }
    .tb__inquiry tbody tr td:nth-child(4) {
        order: 4;
        flex: 1 1 calc(100% - 120px);
    }
    .tb__inquiry tbody tr td.nodata {
        flex: 1 !important;
    }

}


.write__list {
    width: 100%;
    position: relative;
    border-top: 1px solid var(--color-board-gray1);
    margin-bottom: 30px
}
.write__list ul li {
    height: inherit;
}
.write__list ul li .write__item {
    display: flex;
}
.write__list ul li .write__item.write__view li:last-child {
    text-align: left;
    padding-left: 30px;
}
.write__list ul li .write__item.text__area li {
    min-height: 400px;
    white-space: pre-line;
}
.write__list ul li .write__item li:not(.ck-editor-li) {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.0em;
    color: var(--color-black);
    height: inherit;
    min-height: 70px;
    text-align: center;
    align-content: center;
    border-bottom: 1px solid var(--color-board-gray1);
    padding: 10px;
}

.write__list ul li .write__item li.ck-editor-li {
    height: inherit;
    min-height: 70px;

    border-bottom: 1px solid var(--color-board-gray1);
}

/*.write__list ul li .write__item li #ck-editor-view {*/
/*    font-weight: revert;*/
/*    font-size: revert;*/
/*    line-height: revert;*/
/*    color: revert;*/
/*    height: revert;*/
/*    min-height: revert;*/
/*    text-align: revert;*/
/*    align-content: revert;*/
/*    border-bottom: revert;*/
/*    padding: revert;*/
/*}*/

.write__list ul li .write__item li:first-child {
    background-color: var(--color-board-gray3);
    width: 200px;
}
.write__list ul li .write__item li:last-child {
    background-color: var(--color-white);
    width: calc(100% - 200px);
}
.write__wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.write__wrap.attach .write__input  {
    width: calc(100% - 70px);
    height: inherit;
    border: 1px solid var(--color-board-gray1);
    background-color: var(--color-white);
}
.write__wrap.attach .write__button  {
    width: 60px;
    height: 46px;
    border: 1px solid var(--color-board-gray1);
    background-color: var(--color-board-gray1);
    align-content: center;
    font-size: 15px;
}
.write__wrap .write__input {
    width: inherit;
    height: inherit;
    border: 1px solid var(--color-board-gray1);
    background-color: var(--color-white);
}
.write__wrap .write__input input {
    width: 100%;
    height: 44px;
    padding: 0 10px;
}
.write__wrap .write__input textarea {
    width: 100%;
    height: 400px;
    padding: 10px;
}
@media screen and (max-width: 1024px) {
    .write__list ul li .write__item li {
        font-size: 18px;
    }
}
@media screen and (max-width: 768px) {
    .write__list ul li .write__item.text__area li:first-child {
        min-height: 50px;
        white-space: pre-line;
    }
    .write__list ul li .write__item.write__view li:last-child {
        padding: 10px;
    }
    .write__list ul li .write__item {
        flex-direction: column;
    }
    .write__list ul li .write__item li {
        min-height: 50px;
        font-size: 16px;
    }
    .write__list ul li .write__item li:first-child,
    .write__list ul li .write__item li:last-child {
        width: 100%;
    }
}


.email {
    border-top: 2px solid var(--color-board-gray3);
    border-bottom: 2px solid var(--color-board-gray3);
    padding: 80px 0;
    margin-bottom: 100px;
}
.email p {
    font-weight: 400;
    font-size: 25px;
    line-height: 1.0em;
    letter-spacing: 0.03em;
    color: var(--color-black);
    display: flex;
    justify-content: center;
    height: 30px;
}
.email p::before {
    content: '';
    display: inline-block;
    background-image: url(http://kim1074.cdn1.cafe24.com/img/ico/mail_ico.png);
    background-repeat: no-repeat;
    width: 61px;
    height: 30px;
    background-position: bottom;
}



#wrapper {
    height: 100%;
}
pre {
    color: var(--color-gray-5);
    font-size: 14px;
    font-weight: 400;
    text-wrap: wrap;
}

.itemlist .nodata {
    font-weight: 400;
    font-size: 19px;
    line-height: 1.2em;
    letter-spacing: -0.01em;
    color: var(--color-black);
    text-align: center;
}

/*popup*/
.popup_layer {justify-content: center;align-items: center;position:fixed;top:0;left:0;z-index: 10000; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); }
.popup_box{position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;overflow: hidden; width:450px;z-index:1002;box-sizing:border-box;background:#fff;box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);-webkit-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);-moz-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);border-radius: 5px;}
.popup_box .popup_cont {padding:40px 0;line-height:1.4rem;font-size:14px; }
.popup_box .popup_cont h2 {padding:15px 0;color:#333;margin:0;}
.popup_box .popup_cont p{ border-top: 1px solid #666;padding-top: 30px;}
.password__input {display: flex;}
.popup_box .login__form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.popup_box .login__form div {width: 350px;}
.popup_box .login__form div.login__title {
    text-align: center;
    font-size: 2.0em;
    margin-bottom: 30px;
}
.popup_box .login__input {
    height: 50px;
    border-radius: 5px;
    margin-bottom: 10px;

}
.popup_box .login__input input {
    width: 100%;
    height: 100%;
    border: 1px solid var(--color-gray2);
    padding: 0.2em 1.0em;
    margin: 0 5px;
    border-radius: 3px;
    line-height: 1.8em;
}

.popup_box .login__form div.password__button {width: 100px;height: 50px;}

.popup_box .login__form div.password__button button {
    width: 100%;
    height: 100%;
    font-size: 16px;
    border-radius: 3px;
    color: white;
}
.popup_box .login__form div.password__button button:hover {color: var(--color-gray1);}
.popup_box .login__form div.password__close {width: fit-content;padding-top: 10px;}
.popup_box .login__form div.error__text{display:none;color:var(--color-red);}
.popup_box .password__button {
    color: var(--color-white);
    background-color: var(--color-navy-nav);
    border: 1px solid var(--color-navy-nav);
}
.popup_overlay{position:fixed;top:0px;right:0;left:0;bottom:0;z-index:1001;;background:rgba(0,0,0,0.5);}
.close {
    width: 50px;
    height: 50px;
    opacity: 0.8;
}
.close:before, .close:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 40px;
    width: 2px;
    background-color: #000;
}
.close:before {
    transform: rotate(45deg);
}
.close:after {
    transform: rotate(-45deg);
}

.button.medium {
    height: 35px;
    min-width: 100px;
    min-height: 30px;
    font-size: 13px;
    padding: 10px;
    border-radius: 3px;
}
.button.outline2 {background: #fff;border: 1px solid var(--color-gray2);color: var(--color-gray5);}
.button.outline2:hover {border: 1px solid var(--color-black);color:var(--color-black);}

/* ##################### */
/* 24.08.21 추가 */
/* ##################### */
/*[tooltip] {*/
/*    overflow: hidden;*/
/*    text-overflow: ellipsis;*/
/*    display: -webkit-box;*/
/*    -webkit-line-clamp: 1;*/
/*    -webkit-box-orient: vertical;*/
/*    width: fit-content;*/
/*}*/
/*!* Applies to all tooltips *!*/
/*[tooltip]::before,*/
/*[tooltip]::after {*/
/*    text-transform: none; !* opinion 2 *!*/
/*    font-size: .9em; !* opinion 3 *!*/
/*    line-height: 1.5em;*/
/*    user-select: none;*/
/*    pointer-events: none;*/
/*    position: absolute;*/
/*    display: none;*/
/*    opacity: 0;*/
/*}*/
/*[tooltip]::before {*/
/*    content: '';*/
/*    border: 5px solid transparent; !* opinion 4 *!*/
/*    z-index: 1001; !* absurdity 1 *!*/
/*}*/
/*[tooltip]::after {*/
/*    content: attr(tooltip); !* magic! *!*/
/*    font-family: Helvetica, sans-serif;*/
/*    text-align: left;*/
/*    min-width: 3em;*/
/*    max-width: 21em;*/
/*    padding: 1ch 1.5ch;*/
/*    border-radius: .3ch;*/
/*    box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);*/
/*    background: #333;*/
/*    color: #fff;*/
/*    z-index: 1000; !* absurdity 2 *!*/
/*    text-wrap: wrap;*/
/*}*/
/*!* don't show empty tooltips *!*/
/*[tooltip='']::before,*/
/*[tooltip='']::after {*/
/*    display: none !important;*/
/*}*/
/*!* Make the tooltips respond to hover *!*/
/*[tooltip]:hover::before,*/
/*[tooltip]:hover::after {*/
/*    display: block;*/
/*    overflow: visible;*/
/*}*/
/*!* FLOW: UP *!*/
/*[tooltip]::before {*/
/*    bottom: calc(100% - 5px);*/
/*    border-bottom-width: 0;*/
/*    border-top-color: #333;*/
/*}*/
/*[tooltip]::after {*/
/*    bottom: 100%;*/
/*}*/
/*[tooltip]::before,*/
/*[tooltip]::after {*/
/*    left: 10%;*/
/*    transform: translate(-50%, -.5em);*/
/*}*/
/*!* FX All The Things *!*/
/*[tooltip]:hover::before,*/
/*[tooltip]:hover::after {*/
/*    animation: tooltips-vert 300ms ease-out forwards;*/
/*}*/
/*!* KEYFRAMES *!*/
/*@keyframes tooltips-vert {*/
/*    to {*/
/*        opacity: .9;*/
/*        transform: translate(-50%, 0);*/
/*    }*/
/*}*/

/* paging mobile */
.paging.mobile {
    display: none;
}
@media screen and (max-width: 768px) {
    .paging:not(.mobile) {
        display: none;
    }

    .paging.mobile {
        display: block;
    }
}

.menuPathBtn {
    cursor: pointer;
}