/*--------------------------------------
    eyoom (이윰빌더)
--------------------------------------*/

fieldset {
    border:none;
    margin:0;
    padding:0;
}
/*---------- Wrapper & Basic Layout & Boxed Layout ----------*/
.wrapper {position:relative;overflow:hidden;background:#fff}
.basic-layout {background:#fff}
.boxed-layout {padding:0;box-shadow:0 0 5px #bbb;margin-left:auto !important;margin-right:auto !important;background:#fff}
@media (min-width:992px) {
    .boxed-layout .header-nav > .navbar > .container {padding-right:0;padding-left:0}
}

/*---------- Header Title ----------*/
.header-title {position:relative}
.header-title .header-title-in {position:relative; display:block; box-sizing:border-box;text-align:center;width:100%; color:#fff;z-index:1001;margin-top:40px;background:#fff}
.header-title .header-title-in .title-image-center {width:auto;height:50px;margin:25px auto}
.header-title .header-title-in h1 {color:#454545;font-size:26px;line-height:40px;font-weight:bold;margin-top:30px;margin-bottom:30px;display:inline-block}
.header-title .header-title-in .title-image-center.pc {
    display:block;
}
.header-title .header-title-in .title-image-center.mob {
    display:none;
}

/*---------- Basic Body ----------*/
.basic-body.page-padding {padding-top:25px;padding-bottom:60px}
.basic-body.ft-padding {padding-bottom:25px}
.basic-body .basic-body-page {position:relative;background:#fff;padding:0;}
.basic-body .basic-body-page .category-mobile-area {display:none}
.basic-body .basic-body-page .basic-body-main {background:#fff;padding-left:20px;padding-right:20px;padding-top:25px;padding-bottom:25px}
.basic-body .basic-body-main {padding-top:25px;padding-bottom:60px}
.basic-body .basic-body-main.left-main {border-right:1px solid #e5e5e5;padding-left:20px;padding-right:20px;padding-bottom:60px}
.basic-body .basic-body-main.right-main {border-left:1px solid #e5e5e5;padding-left:20px;padding-right:20px;padding-bottom:60px}
.basic-body .basic-body-main.page-padding {padding-bottom:25px}
.basic-body .basic-body-main.ft-padding {padding-bottom:25px}
.basic-body .basic-body-side {padding:25px 20px}
.basic-body .basic-body-side.left-side {margin-right:-1px;border-right:1px solid #e5e5e5}
.basic-body .basic-body-side.right-side {margin-left:-1px;border-left:1px solid #e5e5e5}
.basic-body .basic-body-side .side-mobile-area {display:none}
@media (min-width:992px){
    .basic-body .basic-body-main.col-md-9 {width:73%}
    .basic-body .basic-body-side.col-md-3 {width:27%}
}
@media (max-width:991px){
    .basic-body .basic-body-page .category-mobile-area {display:block}
    .basic-body .basic-body-page .basic-body-main {padding-left:15px;padding-right:15px}
    .basic-body .basic-body-main.left-main {border-right:0;padding-left:15px;padding-right:15px}
    .basic-body .basic-body-main.right-main {border-left:0;padding-left:15px;padding-right:15px}
    .basic-body .basic-body-side.left-side {margin-right:0;border-right:0;padding:0}
    .basic-body .basic-body-side.right-side {margin-left:0;border-left:0;padding:0}
    .basic-body .basic-body-side .side-pc-area {display:none}
    .basic-body .basic-body-side .side-mobile-area {display:block;padding:25px 0}
}
@media (max-width:768px){
    .basic-body.page-padding {padding:0}
    .basic-body .basic-body-page {border:0}
}

/*---------- Footer Top ----------*/
.footer-top {position:relative;width:100%;min-height:100px;background:#fff;border-top:1px solid #e5e5e5}
.footer-top-content {position:relative}
.footer-top-content .footer-top-logo h2 {color:#fff;font-weight:bold;margin:0;font-size:22px}
.footer-top-content .footer-top-info {position:relative;margin-top:30px;margin-left:180px;margin-bottom:30px;word-break:keep-all;font-size:12px}
.footer-top-content .footer-top-info strong {color:#353535}
.footer-top-content .footer-top-info span {color:#757575}
.footer-top-content .footer-top-info span.info-divider {margin-left:5px;margin-right:5px;color:#d5d5d5}
.footer-top-content .footer-top-info a {color:#555555;text-decoration:underline}
.footer-top-content .footer-top-info a:hover {color:#353535}
.footer-top-content .footer-top-info .btn-e-xs {line-height:11px;color:#fff;text-decoration:none}
@media (max-width:768px){
    .footer-top {margin-bottom:0}
    .footer-top-content .footer-top-logo {position:relative;top:inherit;left:inherit;margin-top:30px}
    .footer-top-content .footer-top-info {margin-left:0}
}

/*---------- Footer ----------*/
.footer {position:relative;background:#fff;border-top:1px solid #e5e5e5}
.footer .footer-left {position:absolute;left:0}
.footer .footer-left > ul {margin:0}
.footer .footer-left > ul > li {color:#555555;font-size:11px;line-height:34px;border-right:1px solid #e5e5e5;padding:0 14px}
.footer .footer-left > ul > li:last-child {border-right:0;box-shadow:none}
.footer .footer-left > ul > li:last-child a {margin-right:14px;color:#656565}
.footer .footer-left > ul > li:last-child a:hover {text-decoration:underline}
.footer .footer-left .footer-info-btn {display:inline-block;cursor:pointer;box-shadow:none}
.footer .footer-left .dropup .dropdown-menu > li > a {font-size:11px}
.footer .footer-right {text-align:right;padding-right:0;overflow:hidden}
.footer .footer-right p {color:#656565;font-size:11px;line-height:34px;margin-bottom:0}

/*---------- Page Title ----------*/
.page-title-wrap {position:relative;background:#fff;border-bottom:1px solid #e5e5e5;padding:20px 0}
.page-title-wrap h2 {margin:0;padding:0;font-size:22px;color:#454545;font-weight:bold}
.page-title-wrap .breadcrumb {margin:3px 0 0;padding:0;background:none;font-size:12px;color:#656565}
.page-title-wrap .breadcrumb li {color:#656565}
.page-title-wrap .breadcrumb li a {color:#656565}

/*---------- Main Index ----------*/
.main-mobile-content .poll {margin:30px 0 0}

/*---------- Sidebar Tab ----------*/
.sidebar-tab {position:relative;margin:0 0 25px}
.sidebar-tab .nav-tabs {background:#f5f5f5;border-bottom:1px solid #e5e5e5}
.sidebar-tab .nav-tabs li {width:50%}
.sidebar-tab .nav-tabs li a {text-align:center;margin-right:0;margin-left:-1px;color:#959595;border:1px solid #e5e5e5;padding:7px 5px;font-size:12px}
.sidebar-tab .nav-tabs li:first-child a {margin-left:0}
.sidebar-tab .nav-tabs li a:hover {background:#fff;border-bottom:1px solid #e5e5e5}
.sidebar-tab .nav-tabs li.active a {z-index:1;background:#fff;font-weight:bold;color:#353535;border-bottom:0}
.sidebar-tab .tab-content {position:relative;border:1px solid #e5e5e5;border-top:0;padding:10px;background:#fff}

/*---------- Quick Menu ----------*/
.quick-menu-wrap {position:relative}
.quick-menu {position:absolute;z-index:1;right:-78px;top:0px;width:68px;border:1px solid #e5e5e5;background:#fff}
.quick-menu.quick-menu-main {top:25px}
.quick-menu .quick-menu-box {position:relative;display:block;text-align:center;padding:10px 0;border-bottom:1px solid #e5e5e5}
.quick-menu .quick-menu-box.heading-current {padding:3px 0;background:#f5f5f5}
.quick-menu .quick-menu-box.current-view {padding:5px;border-bottom:0}
.quick-menu .quick-menu-box i {color:#b5b5b5;font-size:16px}
.quick-menu .quick-menu-box span {display:block;color:#2E3340;font-size:11px;padding-top:2px;letter-spacing:-1px}
.quick-menu .quick-menu-box:hover i, .quick-menu ul li a:hover span {color:#000}
.quick-menu .quick-menu-box .quick-carousel {width:100%}
.quick-menu .quick-menu-box .item-image img {width:100%;height:auto;background:#fff;margin-bottom:5px}
.quick-menu .quick-menu-box p {width:100%;height:80px;padding-top:20px;letter-spacing:-1px;font-size:11px;background:#fff;margin:0;color:#959595}
.quick-menu .quick-menu-box .quick-carousel .carousel-arrow a {font-size:11px;padding-top:6px;color:#959595}
.quick-menu .quick-menu-box .quick-carousel .carousel-arrow a:hover, .quick-menu .quick-menu-box .quick-carousel .carousel-arrow a:focus {color:#000}
.quick-menu .quick-scroll-btn {background:#676769;text-align:center;color:#fff;padding:8px 0;margin:-1px;cursor:pointer}
.quick-menu .quick-scroll-btn:hover {background:#4B4B4D}
.quick-menu .quick-scroll-btn.top-btn {padding:7px 0 9px}
.quick-menu .quick-scroll-btn.down-btn {border-top:1px solid #959595}
.quick-menu .quick-scroll-btn i {display:block;font-size:12px;line-height:1}
.quick-menu .quick-scroll-btn span {display:block;font-size:10px;line-height:1;color:#d5d5d5}
@media (max-width:991px) {
    .quick-menu {display:none}
}

/* 0918 samwoo */
.mv {
    display:none !important;
}
/* 페이지 인터렉션 */
.sa {  opacity: 0;  transition: all 1s ease; }
.sa-up {  transform: translate(0, 150px); }
.sa-down {  transform: translate(0, -150px); }
.sa.show {  opacity: 1;  transform: none;  }
.sa-right { transform: translate(-100px, 0); }
.sa-left {  transform: translate(100px, 0); }
.sa-flip {  opacity: 1; transform: rotateY(0deg); transition: all 1s ease-in-out; }
.sa.show.sa-flip {  transform: rotateY(180deg);  }

.sa.d01 {transition-delay: .1s;}
.sa.d02 {transition-delay: .2s;}
.sa.d03 {transition-delay: .3s;}
.sa.d04 {transition-delay: .4s;}
.sa.d05 {transition-delay: .5s;}
.sa.d06 {transition-delay: .6s;}
.sa.d07 {transition-delay: .7s;}
.sa.d08 {transition-delay: .8s;}
.sa.d09 {transition-delay: .9s;}
.sa.d10 {transition-delay: 1s;}



/* menu */
.gnb {
    position: fixed;
    display:flex;
    justify-content:flex-end;
    align-items:stretch;
    top: 0;
    left: 0;
    margin: 0;
    width: 100vw;
    height:0;
    background-color:#F7F7F7;
    z-index: 20;
    overflow:hidden;
    transition:0.3s;
}
.gnb_mob {
    display:none;
}
.gnb.active {
    height:100vh;
    transition:0.3s;
}

.gnbOpen {
    display:block;
    line-height:0;
}

.header .ab_right .snb {
    z-index:2;
    top:6em;
    background:#fff;
    box-shadow:0 0.3em 0.5em rgba(0,0,0,.1);
}
.header .ab_right .snb ul {
    height:6em;
    border-top:1px solid #dcdcdc;
}
.header .ab_right .snb ul li {
    margin-right:0.5em;
    width:calc((100% - 0.5em) / 2);
    border:1px solid #969696;
}
.header .ab_right .snb ul li:last-child {
    margin:0;
}
.header .ab_right .snb ul li a {
    font-size:1.2em;
    color:#323232;
    text-align:center;
}

.gnb > nav {
    position:relative;
    display:block;
    width:100%;
    min-width:375px;
}

.gnb > nav .logoutArea {
    position:absolute;
    top:0.9em;
    left:50%;
    display:flex;
    justify-content:flex-end;
    align-items:center;
    width:100%;
    max-width:49.5em;
    transform:translateX(-50%);
}
.gnb > nav .btn_logout {
    display:flex;
    justify-content:center;
    align-items:center;
    margin-right:1.5em;
    padding:0.25em 0.5em;
    border:1px solid rgba(255,255,255,.3);
}

.gnb > nav .btn_logout span {
    font-size:0.65em;
    color:#fff;
}

.gnb > nav .gnbTop {
    position:relative;
    display:flex;
    justify-content:flex-start;
    align-items:flex-end;
    padding:1.5em 1.5em 2em 2em;
    height:10.5em;
    background: rgb(62,54,86); /* Old browsers */
    background: -moz-linear-gradient(45deg,  rgba(62,54,86,1) 0%, rgba(84,76,110,1) 80%, rgba(84,76,110,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg,  rgba(62,54,86,1) 0%,rgba(84,76,110,1) 80%,rgba(84,76,110,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg,  rgba(62,54,86,1) 0%,rgba(84,76,110,1) 80%,rgba(84,76,110,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e3656', endColorstr='#544c6e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.gnb > nav .gnbTop .loginInfo a {
    display:block;
    padding:0.5em 0 0 3.25em;
    color:#fff;
    line-height:1;
}

.gnb > nav .gnbTop .loginInfo a.userInfo {
    display:none;
    background:url(../img/common/ic_person.png) no-repeat left top;
    background-size:2em;
}

.gnb > nav .gnbTop .loginInfo.login a.userInfo {
    display:block;
}

.gnb > nav .gnbTop .loginInfo a span.userName {
    font-size:1.8em;
    font-weight:500;
}

.gnb > nav .gnbTop .loginInfo a span.memberType {
    margin-top:0.75em;
    font-size:1.125em;
    font-weight:500;
    color:#aeaeae;
}

.gnb > nav .gnbTop .loginInfo a.goLogin {
    display:block;
    background:url(../img/common/ic_lock.png) no-repeat left top;
    background-size:2em;
}

.gnb > nav .gnbTop .loginInfo.login a.goLogin {
    display:none;
}

.gnb > nav .gnbTop .loginInfo a span {
    display:block;
}

.gnb > nav .gnbTop span.person {
    background:url(../images/common/ic_personW.png) no-repeat left;
}

.gnb > nav > .nav-category {
    display:flex;
    justify-content:center;
    align-items:center;
    margin:0 auto;
    padding-top:6em;
    width:100%;
    height:100vh;
}

nav.menu .nav-category > ul {
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    padding:5vh 1.75em;
    width:100%;
    height:100%;
}
.gnb ul.gnbBox {
    margin:0 auto;
    padding:0;
    width:100%;
}
nav.menu .nav-category > ul > li {
    position:relative;
    margin:0;
    width:100%;
    height:auto;
}
nav.menu .nav-category > ul > li:before {
    content:'';
    position:absolute;
    top:2.3em;
    right:0;
    width:1.2em;
    height:1.2em;
    background:url(../image/arrow_nav.svg) no-repeat center;
    background-size:contain;
}
.gnbBox > li {
    position:relative;
}
nav.menu .nav-category > ul > li:hover:after {
    display:none;
}
.gnbBox > li:last-child {
    border:none;
}
.gnbBox > li > a {
    position:relative;
    display:block;
}
.gnbBox > li.subNav > a:before {
    position:absolute;
    content:'';
    top:50%;
    right:calc(1em - 1px);
    width:1px;
    height:0.6em;
    transform:translate(-50%,-50%);
    transition:all .2s ease-out;
}
.gnbBox > li.subNav > a:after {
    position:absolute;
    content:'';
    top:calc(50% - 1.25em);
    left:1em;
    width:100%;
    height:2.5em;
    background:url("../img/common/bg_nActive.png") no-repeat left;
    background-size:contain;
    opacity:0;
    transform:translateX(1em);
    transition:all ease-in-out .3s;
    z-index: 2;
}
.gnbBox > li.subNav.active > a:after {
    opacity:1;
    transform:none;
}
nav.menu .nav-category > ul > li > a,
.gnbBox > li > a {
    display:flex;
    justify-content:flex-start;
    align-items:center;
    padding:1.5em 0;
    font-size:1.25rem;
    font-weight:800;
}
.gnbBox > li > a img {
    margin-right:.5em;
    width:1em;
}
nav.menu .nav-category > ul > li > ul li a {
    display:flex;
    justify-content:flex-start;
    align-items:center;
    padding:1em 0;
    color:#323232;
    font-size:0.9375em;
    letter-spacing:-0.03em;
    line-height:1.5em;
}
.gnbBox > li > a span {
    position:relative;
    z-index:1;
}
.gnbBox > li:hover > a span:after {
    right:-12px;
    opacity:1;
    transition:.3s;
}

.gnbBox > li > a > span {
    font-size:1em;
    font-weight:500;
    word-break: keep-all;
    white-space: nowrap;
    z-index: 3;
    transition:all ease-in-out .3s;
}
.gnbBox > li.active > a > span {
    color:#fff;
}

nav.menu .nav-category > ul > li > ul {
    display:none;
    padding:0;
    width:100%;
    height:100%;
    transform:translate(0) scaleY(1);
    z-index:1;
}
nav.menu .nav-category > ul > li.active > ul {
    display:block;
    transform:translate(0) scaleY(1);
}

.gnbBox > li > ul > li {
    position: relative;
    display:block;
    padding:0;
    width:100%;
    box-sizing:border-box;
    transition:.3s;
    border-bottom:1px solid #DFDFDF;
}
.gnbBox > li > ul > li:before {
    content:'';
    position:absolute;
    top:calc(50% - .5em);
    right:.25em;
    width:1em;
    height:1em;
    background:url(../image/arrow_subnav.svg) no-repeat center;
    background-size:contain;
}

.gnbBox > li > ul > li:last-child {
    border-bottom:none;
}

.gnbBox > li > ul > li > a {
    position:relative;
    display:flex;
    justify-content:flex-start;
    align-items:center;
    padding:0.25em 1em 0.25em;
    color:#fff;
    font-size:1em;
    font-weight:300;
    text-align:left;
    transition:.3s;
}
.gnbBox > li > ul > li > a:before {
    position:absolute;
    content:'';
    top:50%;
    left:0;
    width:0.5em;
    height:1px;
    background-color:rgba(255,255,255,.8);
    transform:translateY(-50%);
}

.gnbBox > li > ul:hover > li {
    opacity:.4;
    transition:.3s;
}

.gnbBox > li > ul:hover > li:hover {
    opacity:1;
    transition:.3s;
}
.gnbBox > li > ul:hover > li:hover > a:before {
    background-color:rgba(255,255,255,.7);
}

.gnbBox > li > ul > li > a span {
    display:block;
    font-size:0.7em;
    font-weight:300;
    z-index:1;
}

.gnbBox > li > a img.navIco {
    margin-right:1.5em;
    width:2.2em;
}

.gnbBox > li:first-child > a img.navIco,
.gnbBox > li:nth-child(2) > a img.navIco{
    margin-top:-0.2em;
}

.gnbBox > li > a img.navArrow {
    margin-left:auto;
    width:0.675em;
    line-height:0;
    opacity:0.4;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);

}
.gnbBox > li.active > a img.navArrow {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity:1;
}

.gnbBox > li > ul > li > a img.navArrow {
    width:0.675em;
    opacity:0.15;
}

.gnb > nav .gnbBottom {
    position:absolute;
    left:0;
    bottom:2.25em;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:0 1.75em;
    width:100vw;
}

.gnb > nav .gnbBottom span.asCenter {
    font-size:1.2em;
    font-weight:500;
}

.gnb > nav .gnbBottom span.asCenter span {
    font-weight:600;
}

.gnb > nav .gnbBottom a.logOut {
    padding-right:1.5em;
    font-size:1.2em;
    font-weight:500;
    background:url("../img/common/ic_logout.png") no-repeat right 60%;
    background-size:1em;
}


.header-title {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:5.625em;
    z-index: 10;
}
.container {
    position:relative;
    margin:0 auto;
    padding:0 1em;
    width:100%;
    max-width:82em;
    box-sizing:border-box;
}

/* header */
.header-title .header-title-in {
    margin-top:0;
    background:#fff;
}
.header-title .header-title-in .title-image-center {
    filter: grayscale(100%) brightness(0);
}
.header-title .header-title-in .container {
    display:flex;
    justify-content: space-between;
    align-items: center;
}

.header-title .header-title-in #gnb ul.nav_list {
    display:flex;
    justify-content:flex-end;
    align-items: center;
    gap:3em;
}
.header-title .header-title-in #gnb ul.nav_list li {
    position:relative;
    list-style: none;
}
.header-title .header-title-in #gnb ul.nav_list > li:hover > a {
    color:#00A0DD;
}
.header-title .header-title-in #gnb ul.nav_list li .dropdown-menu {
    display: none;
    position: absolute;
    left: 50%;
    padding: 0;
    margin: 0;
    margin-top: 1em;
    padding:0;
    text-align: left;
    border:1px solid #dcdcdc;
    background-color:#fff;
    transform:translateX(-50%);
}
.header-title .header-title-in #gnb ul.nav_list li .dropdown-menu li {
    border-bottom:1px solid #dcdcdc;
}
.header-title .header-title-in #gnb ul.nav_list li .dropdown-menu li:last-child {
    border-bottom:none;
}
.header-title .header-title-in #gnb ul.nav_list li .dropdown-menu li a {
    display:block;
    padding:.25em 1em;
    color:#323232;
}
.header-title .header-title-in #gnb ul.nav_list li .dropdown-menu li a:hover {
    color:#fff;
    background-color:#00A0DD;
}
.header-title .header-title-in #gnb ul.nav_list li .dropdown-menu.active {
    display: block;
}

/* footer */
.footer-top {
    background-color:#001E61;
}
.footer-top-content {
    display:flex;
    justify-content:flex-start;
    align-items: stretch;
}
.footer-top-content.mob {
    display:none;
}

.footer-top-content .footer-top-logo {
    display:flex;
    justify-content:center;
    align-items: center;
    width:25%;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
}
.footer-top-content .footer-top-logo a {
    display:table;
}
.footer-top-content .footer-top-info {
    margin:0;
    width:75%;
    font-size:1em;
    border-right:1px solid #fff;
}
.footer-top-content .info_top {
    padding:5em 0 1.25em 5em;
    border-bottom:1px solid #fff;
}
.footer-top-content .footer-top-info .info_bottom {
    display:flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding:1.25em 1em 5em 5em;
}
.footer-top-content .info_top > ul li,
.footer-top-content .info_bottom > ul li {
    display:flex;
    flex-wrap:wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom:.5em;
}
.footer-top-content .info_top > ul li:last-child,
.footer-top-content .info_bottom > ul li:last-child {
    margin-bottom:0;
}
.footer-top-content .info_top > ul li *,
.footer-top-content .info_bottom > ul li * {
    display:table;
    color:#fff;
}
.footer-top-content .info_top > ul li span,
.footer-top-content .info_bottom > ul li span {
    width:8em;
    font-weight:600;
}
.footer-top-content .info_top > ul li p,
.footer-top-content .info_bottom > ul li p {
    margin:0;
    width:calc(100% - 8em);
    font-weight:400;
    color:rgba(255,255,255,.9);
}
.footer-top-content .footer-top-info > div > ul li.copy {
    margin-top:2em;
}
.footer-top-content .footer-top-info > div > ul li.copy p {
    width:100%;
    font-size:.75em;
    color:rgba(255,255,255,.7);
}
.footer-top-content .footer-top-info > div > .foot_link {
    display:block;
    margin-left:3em;
}
.footer-top-content .footer-top-info > div > .foot_link a {
    display:block;
    margin-bottom:.5em;
    color:rgba(255,255,255,.9);
    text-decoration: none;
}

.modal-body img {
    width:100%;
}

/* company */
section.ms {
    position:relative;
    width:100%;
}

.sub_visual {
    position:relative;
    width:100%;
}
.sub_visual .img_area img {
    width:100%;
    object-fit: cover;
}

.sub_visual .text_area {
    position: absolute;
    top:50%;
    left:50%;
    display:flex;
    flex-wrap:wrap;
    justify-content: center;
    align-items: flex-start;
    padding:0 1em;
    width:100%;
    max-width:82em;
    transform:translate(-50%,-50%);
}
.sub_visual .text_area > img {
    margin-top:6.7em;
}
.sub_visual .text_area .logo_comp {
    margin-right:2em;
    width:30%;
}
.sub_visual .text_area .line_comp {
    margin-right:2em;
    width:20%;
}
.sub_visual .text_area .text {
    width:calc(50% - 4em);
}
.sub_visual .text_area .text * {
    display:block;
    color:#fff;
}
.sub_visual .text_area .text span {
    font-size:2.625em;
    font-weight:600;
}
.sub_visual .text_area .text p {
    font-size:1.5em;
}

.cont_wrap {
    margin:0 auto;
    padding:0 1em;
    width:100%;
    max-width:82em;
}

.company .section1 {
    position: relative;
    padding:10em 0;
    width:100%;
    background:url('../image/sub/bg_compSec1.svg') no-repeat center -5em;
}
.company .section1 .cont_wrap {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items: flex-start;
}

.company .section1 .cont_wrap .text_area {
    margin-right:4em;
    width:40%;
}
.company .section1 .cont_wrap .img_area {
    display:flex;
    flex-wrap:wrap;
    gap:1em;
    width:calc(60% - 4em);
}
.company .section1 .cont_wrap .text_area * {
    display:block;
}
.company .section1 .cont_wrap .text_area span {
    font-size:2.635em;
    font-weight:600;
}
.company .section1 .cont_wrap .text_area span.color {
    margin-bottom:2em;
    font-size:1.5em;
    color:#00A0DD;
}
.company .section1 .cont_wrap .text_area p {
    margin-top:1.5em;
    font-size:1.125em;
}
.company .section1 .cont_wrap .text_area .map_btn {
    display:table;
    margin-top:3em;
    padding:.5em 1em;
    color:#00A0DD;
    border:1px solid #00A0DD;
    border-radius: 5em;
    transition:all .3s ease-in-out;
}
.company .section1 .cont_wrap .text_area .map_btn:hover {
    color:#fff;
    background-color:#00A0DD;
}
.company .section1 .cont_wrap .img_area ul {
    display:block;
    width:calc((100% - 1em) / 2);
}
.company .section1 .cont_wrap .img_area ul:first-child {
    padding-top:2em;
}
.company .section1 .cont_wrap .img_area ul li {
    position:relative;
    margin-bottom:1em;
    border-radius:1em;
    overflow:hidden;
}
.company .section1 .cont_wrap .img_area ul li:last-child {
    margin-bottom:0;
}
.company .section1 .cont_wrap .img_area ul li img {
    display:block;
    width:100%;
    transition:all ease-in-out .2s;
}
.company .section1 .cont_wrap .img_area ul li p {
    position: absolute;
    top:0;
    left:0;
    display:flex;
    justify-content: center;
    align-items: center;
    width:100%;
    height:100%;
    font-size:1.875em;
    text-align:center;
    color:#fff;
    background-color: rgba(0,30,97,0);
    transition:all ease-in-out .2s;
    z-index: 1;
}
.company .section1 .cont_wrap .img_area ul li:hover img {
    transform:scale(1.1);
}
.company .section1 .cont_wrap .img_area ul li:hover p {
    background-color: rgba(0,30,97,.7);
}

.company .section1.sec {
    position: relative;
    padding:10em 0;
    width:100%;
    background:#F7F7F7 none;
}
.company .section1.sec .text_area img {
    display:table;
    margin-top:2.5em;
    width:100%;
    max-width:9.625em;
}
.company .section1.sec .img_area ul {
    display:flex;
    flex-wrap:wrap;
    justify-content: center;
    align-items: center;
    width:100%;
    gap:1em;
}
.company .section1.sec .img_area ul li {
    margin-bottom:0;
    width:calc((100% - 2em) / 3);
    border-radius:0;

}
.company .section1.sec .img_area ul li img {
    margin-bottom:1em;
}
.company .section1.sec .img_area ul li p {
    position:relative;
    top:auto;
    left:auto;
    width:100%;
    height:auto;
    font-size:.875em;
    color:#000;
}
.company .section1.sec .img_area ul li:hover img {
    transform: none;
}
.company .section1.sec .img_area ul li:hover p {
    background:none;
}

/* business */
.ms.business {
    padding-top:10em;
    background-color:#F5F5F5;
}

.ms.business .section1 .cont_wrap {
    display:flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap:2.5em;
}
.ms.business .section1 .cont_wrap .nav_area {
    position:fixed;
    top:10em;
    width:15em;
}
.ms.business .section1 .cont_wrap .nav_area ul li {
    position:relative;
    margin-bottom:1em;
    width:100%;
    background-color:#fff;
}
.ms.business .section1 .cont_wrap .nav_area ul li:before {
    position:absolute;
    content:'';
    top:0;
    left:0;
    width:0;
    height:100%;
    background-color:#00A0DD;
    z-index: 1;
    transition: all ease-in-out .3s;
}
.ms.business .section1 .cont_wrap .nav_area ul li:hover:before,
.ms.business .section1 .cont_wrap .nav_area ul li.active:before {
    width:100%;
}
.ms.business .section1 .cont_wrap .nav_area ul li:last-child {
    margin-bottom:0;
}
.ms.business .section1 .cont_wrap .nav_area ul li a {
    position: relative;
    display:block;
    padding:.5em 1em;
    font-size:1.125em;
    font-weight:600;
    color:#000;
    z-index: 2;
    cursor: pointer;
    transition: all ease-in-out .3s;
}
.ms.business .section1 .cont_wrap .nav_area ul li:hover a,
.ms.business .section1 .cont_wrap .nav_area ul li.active a {
    color:#fff;
}
.ms.business .section1 .cont_wrap .content_wrap {
    margin-left:17.5em;
    padding-bottom:9em;
    width:calc(100% - 17.5em);
}
.ms.business .section1 .cont_wrap .content_wrap .cont {
    position:relative;
    margin-bottom:1em;
    padding:4vw;
    width:100%;
    background-color:#fff;
}

.ms.business .section1 .cont_wrap .content_wrap .cont .cont_tit {
    display:block;
    margin-bottom:1.5em;
    font-size:1.5em;
    font-weight:700;
}
.ms.business .section1 .cont_wrap .content_wrap .cont .numb_list {
    margin-bottom:6.25em;
}
.ms.business .section1 .cont_wrap .content_wrap .cont .numb_list li {
    display:flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 2.5em;
    margin-bottom:2.5em;
}
.ms.business .section1 .cont_wrap .content_wrap .cont .numb_list li:last-child {
    margin-bottom:0;
}
.ms.business .section1 .cont_wrap .content_wrap .cont .numb_list li > span {
    display:table;
    width:2rem;
    font-size:1.125em;
    line-height:2rem;
    text-align:center;
    background-color:#F3F3F3;
}
.ms.business .section1 .cont_wrap .content_wrap .cont .numb_list li .text {
    width:calc(100% - 2rem - 2.5em);
}
.ms.business .section1 .cont_wrap .content_wrap .cont .numb_list li .text * {
    display:block;
}
.ms.business .section1 .cont_wrap .content_wrap .cont .numb_list li .text span {
    font-size:1.25em;
    font-weight:600;
}
.ms.business .section1 .cont_wrap .content_wrap .cont .numb_list li .text p {
    margin-top:.4em;
}

.ms.business .section1 .cont_wrap .content_wrap .cont .prog_list {
    position: relative;
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items: center;
    gap:1.75em;
    margin-bottom:6.25em;
}
.ms.business .section1 .cont_wrap .content_wrap .cont .prog_list::before {
    position:absolute;
    content:'';
    top:35%;
    left:2%;
    width:96%;
    height:0;
    border-bottom:2px dashed #00A0DD;
}
.ms.business .section1 .cont_wrap .content_wrap .cont .prog_list li {
    position:relative;
    width:calc((100% - (1.75em * 6)) / 7);
    z-index: 1;
}
.ms.business .section1 .cont_wrap .content_wrap .cont .prog_list li img,
.ms.business .section1 .cont_wrap .content_wrap .cont .photo_list li img {
    display:block;
    margin-bottom:.5em;
    width:100%;
}
.ms.business .section1 .cont_wrap .content_wrap .cont .prog_list li p,
.ms.business .section1 .cont_wrap .content_wrap .cont .photo_list li p {
    display:block;
    text-align: center;
}
.ms.business .section1 .cont_wrap .content_wrap .cont .photo_list {
    position: relative;
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items: center;
    gap:1px;
    margin-bottom:2.5em;
}
.ms.business .section1 .cont_wrap .content_wrap .cont .photo_list li {
    width:calc((100% - 3px) / 4);
}

.ms.business .section1 .cont_wrap .content_wrap .cont .btn_more {
    display:table;
    margin:0 auto;
    padding:.5em 1.5em;
    color:#00A0DD;
    text-transform: uppercase;
    border:1px solid #00A0DD;
    border-radius: .2em;
}

.ms.business .section1 .cont_wrap .content_wrap .cont .cont-inner > .text {
    margin-bottom:6.25em;
}

.ms.business .section1 .cont_wrap .content_wrap .cont .date_list {
    display:flex;
    flex-wrap:wrap;
    justify-content: flex-start;
    align-items: center;
    gap:2.5em;
}
.ms.business .section1 .cont_wrap .content_wrap .cont .date_list > img {
    width:3.75em;
}
.ms.business .section1 .cont_wrap .content_wrap .cont .date_list ul {
    width:calc(100% - 6.25em);
}
.ms.business .section1 .cont_wrap .content_wrap .cont .date_list ul li {
    display:flex;
    justify-content:flex-start;
    align-items: center;
    margin-bottom:.75em;
}
.ms.business .section1 .cont_wrap .content_wrap .cont .date_list ul li:last-child {
    margin-bottom:0;
}
.ms.business .section1 .cont_wrap .content_wrap .cont .date_list ul li span {
    width:2em;
    font-weight:600;
}

.ms.business .section1 .cont_wrap .content_wrap .cont p.guide {
    margin-bottom:2.5em;
    color:#b5b5b5;
}
.ms.business .section1 .cont_wrap .content_wrap .cont .date_list p.guide {
    margin-bottom:6.25em;
}

.ms.business .section1 .cont_wrap .content_wrap .cont .cont_tit.mbn {
    margin-bottom:.5em;
}

.ms.business .section1 .cont_wrap .content_wrap .cont .img_process {
    margin-bottom:6.25em;
}
.ms.business .section1 .cont_wrap .content_wrap .cont .img_process.mob {
    display:none;
}

.ms.business .section1 .cont_wrap .content_wrap .cont .cont_tit.udb {
    padding-bottom:.5em;
    border-bottom:1px solid #000;
}

.ms.business .section1 .cont_wrap .content_wrap .cont .process_area span.sm_tit {
    display:block;
    font-size:1.25em;
    font-weight:600;
    color:#666;
}
.ms.business .section1 .cont_wrap .content_wrap .cont .process_area img.img_process {
    margin-top:-4em;
    margin-bottom:2.5em;
}

.ms.business .section1 .cont_wrap .content_wrap .cont .table_area {
    margin-bottom:1.75em;
}
.ms.business .section1 .cont_wrap .content_wrap .cont .table_area.end {
    margin-bottom:6.25em;
}
.ms.business .section1 .cont_wrap .content_wrap .cont .table_area .tbl_tit {
    display:block;
    margin-bottom:.5em;
    font-weight:600;
}
.ms.business .section1 .cont_wrap .content_wrap .cont .table_area > ul {
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items: stretch;
    gap:1px;
}
.ms.business .section1 .cont_wrap .content_wrap .cont .table_area > ul li {
    width:calc((100% - 4px) / 5);
}
.ms.business .section1 .cont_wrap .content_wrap .cont .table_area > ul li * {
    display:block;
    padding:.5em;
    font-size:.875em;
    text-align:center;
}
.ms.business .section1 .cont_wrap .content_wrap .cont .table_area > ul li span {
    color:#fff;
    background-color:#00A0DD;
    border-bottom:1px solid #fff;
}
.ms.business .section1 .cont_wrap .content_wrap .cont .table_area > ul li p {
    background-color:#f7f7f7;
    border-bottom:1px solid #d9d9d9;
}
.ms.business .section1 .cont_wrap .content_wrap .cont .table_area > ul li p:last-child {
    border-bottom:none;
}

.ms.business .section1 .cont_wrap .content_wrap .cont .cont_tit.sub {
    margin-bottom:.5em;
    font-size:1.25em;
}
.ms.business .section1 .cont_wrap .content_wrap .cont .cont_tit.sub + .text {
    margin-bottom:2.5em;
}

.ms.business .section1 .cont_wrap .content_wrap #cont05.cont .cont_tit {
    border:none;
    padding:0;
}
.ms.business .section1 .cont_wrap .content_wrap #cont05.cont .cont_tit small {
    font-weight:400;
    color:#B5B5B5;
}
.ms.business .section1 .cont_wrap .content_wrap #cont05.cont .cont_tit + .text {
    margin-bottom:4em;
}
.ms.business .section1 .cont_wrap .content_wrap #cont05.cont .process_area ul {
    display:flex;
    flex-wrap:wrap;
    justify-content: flex-start;
    align-items: stretch;
    gap:1em;
    margin:2.5em 0 4em;
    overflow:hidden;
}
.ms.business .section1 .cont_wrap .content_wrap #cont05.cont .process_area ul li {
    position: relative;
    width:calc((100% - 2em) / 3);
    background-color:#f7f7f7;
}
.ms.business .section1 .cont_wrap .content_wrap #cont05.cont .process_area ul li:nth-child(2):after {
    content:'';
    position: absolute;
    bottom:-.5em;
    left:50%;
    width:calc(200% + 2em);
    height:1px;
    transform:translateX(-50%);
    background-color:#00A0DD;
}
.ms.business .section1 .cont_wrap .content_wrap #cont05.cont .process_area ul li:nth-child(3):after {
    content:'';
    position: absolute;
    bottom:-.5em;
    left:50%;
    width:1px;
    height:.5em;
    background-color:#00A0DD;
}
.ms.business .section1 .cont_wrap .content_wrap #cont05.cont .process_area ul li:nth-child(4):before {
    content:'';
    position: absolute;
    top:-.5em;
    left:50%;
    width:1px;
    height:.5em;
    background-color:#00A0DD;
}
.ms.business .section1 .cont_wrap .content_wrap #cont05.cont .process_area ul li .tit {
    position: relative;
    padding:.5em;
    background-color:#00A0DD;
}
.ms.business .section1 .cont_wrap .content_wrap #cont05.cont .process_area ul li .tit::before {
    content:'';
    position: absolute;
    top:50%;
    left:-1em;
    width:calc(100% + 2em);
    height:1px;
    background-color:#00A0DD;
}
.ms.business .section1 .cont_wrap .content_wrap #cont05.cont .process_area ul li .tit span {
    position: relative;
    display:block;
    text-align:center;
    color:#fff;
    z-index: 1;
}
.ms.business .section1 .cont_wrap .content_wrap #cont05.cont .process_area ul li .text {
    padding:1em .5em;
}
.ms.business .section1 .cont_wrap .content_wrap #cont05.cont .process_area ul li .text p {
    display:block;
    line-height:2em;
    text-align:center;
}

.ms.business .section1 .cont_wrap .content_wrap #cont05.cont .history_area .history {
    display:block;
    margin-top:2.5em;
    width:100%;
}
.ms.business .section1 .cont_wrap .content_wrap #cont05.cont .history_area .history.pc {
    display:block;
}
.ms.business .section1 .cont_wrap .content_wrap #cont05.cont .history_area .history.mob {
    display:none;
}


/* 온라인 견적 */
.ms.contact {
    padding:8em 0 10em;
}
.contact_area {
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items: flex-start;
    margin:0 auto;
    padding:0 1em;
    width:100%;
    max-width:82em;
}
.contact_area .text_area {
    margin-right:5vw;
    width:30%;
}
.contact_area .text_area p {
    margin-bottom:1em;
    font-size:1.125em;
}
.contact_area .text_area a {
    display:table;
    padding:.5em 1em;
    color:#00A0DD;
    border:1px solid #00A0DD;
    border-radius:5em;
    transition:all .3s ease-in-out;
}
.contact_area .text_area a:hover {
    color:#fff;
    background-color:#00A0DD;
}
.contact_area form {
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding:0;
    gap:1.5em;
    width:calc(70% - 5vw);
}

.contact_area .title {
    display:block;
    margin-bottom:1.25em;
    padding-bottom:.5em;
    width:100%;
    font-size:2.75em;
    font-weight:700;
    border-bottom:1px solid #000;
}
.contact_area form fieldset {
    border:none;
    margin:0;
    padding:0;
}

.contact_area form fieldset,
.terms_area {
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
    align-items: flex-start;
    width:100%;
}
.contact_area form fieldset.half {
    width:calc((100% - 1.5em) / 2);
}
.contact_area form fieldset * {
    display:block;
}

.contact_area form fieldset label {
    display:flex;
    justify-content: flex-start;
    align-items: center;
    padding-bottom:.5rem;
    width:100%;
    
}
.contact_area form fieldset > label {
    font-weight:600;
}
.contact_area form fieldset > label p {
    margin-left:.25em;
    font-weight:300;
    color:#b5b5b5;
}
.contact_area form fieldset input[type="text"],
.contact_area form fieldset input[type="number"],
.contact_area form fieldset input[type="date"],
.contact_area form fieldset textarea {
    padding:1rem;
    width:100%;
    border:none;
    background-color:#F7F7F7;
    border-radius:.3em;
}
.contact_area form fieldset .chk_area,
.contact_area form fieldset .file_add {
    display:flex;
    justify-content: flex-start;
    align-items: center;
    width:100%;
    gap:1em;
}
.contact_area form fieldset .file_add {
    flex-wrap:wrap;
}
.contact_area form fieldset .chk_area label {
    display:flex;
    justify-content: flex-start;
    align-items: center;
    width:auto;
}
.contact_area form fieldset .chk_area {
    margin:.5em 0 .25em;
}
.contact_area form fieldset .file_add label,
.contact_area form fieldset .file_add a {
    display:flex;
    justify-content: center;
    align-items: center;
    padding:.25em .75em;
    width:auto;
    color:#00A0DD;
    border:1px solid #00A0DD;
}
.contact_area form fieldset .file_add label img,
.contact_area form fieldset .file_add a img {
    margin-left:.5em;
}
.terms_area {
    position:relative;
    justify-content:flex-start;
}
.terms_area a,
.terms_area p {
    font-size:.875em;
}
.terms_area a {
    position:absolute;
    right:0;
    display: none;
    padding: 0.5em 1em;
    color: #00A0DD;
    border:1px solid #00A0DD;
    border-radius: 5em;
    transition:all .3s ease-in-out;
}

.terms_area a:hover {
    color:#fff;
    background-color:#00A0DD;
}
.terms_area .terms {
    display:flex;
    justify-content:flex-start;
    align-items: center;
}
/* .terms_area .terms input {
    display:none;
}
.terms_area .terms span {
    position:relative;
    display:block;
    margin-right:.5rem;
    width:1.25em;
    height:1.25em;
    border-radius:.2rem;
    border:1px solid #dcdcdc;
}
.terms_area .terms input:checked + span {
    background-color:#00A0DD;
    border-color:#00A0DD;
} */
.contact_area .btn {
    display:table;
    margin-top:3rem;
    padding:1em;
    width:100%;
    font-size:1em;
    color:#fff;
    background-color:#000;
    border:none;
}

/* modal */
.modal {
    display: none;
    position: fixed;
    justify-content: center;
    align-items: center;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}
.modal-content {
    position: relative;
    padding: 2rem;
    width:60vw;
    height:auto;
    max-height:70vh;
    background-color:#fff;
    border-radius:3em 0 0 0;
    overflow-y:auto;
}
.modal-content .modal-header {
    position:relative;
    margin-bottom:2em;
    padding-bottom:1em;
    border-bottom:2px solid #464646;
}
.modal-content .modal-header h3 {
    font-size:1.75em;
    font-weight:600;
}
.modal-content .modal-header span.close {
    position: absolute;
    top:0;
    right:0;
    font-size:1.25em;
    line-height:1em;
    transform:scaleX(120%);
    cursor: pointer;
}
.modal-body p {
    line-height:1.5em;
    text-align: left;
}
.modal-body p b {
    display:block;
    margin-top:.75em;
}
.contact_area form .modal-content fieldset {
    justify-content: flex-start;
    align-items: center;
    margin-bottom:1.5em;
    gap:.5em;
}
.contact_area form .modal-content .chk_area {
    margin:0;
    flex-wrap:wrap;
}
.contact_area form .modal-content label,
.contact_area form .modal-content .chk_area label {
    padding-bottom:0;
}
.contact_area form .modal-content .chk_area label input[type="radio"] {
    display:none;
}
.contact_area form .modal-content .chk_area label span {
    display:table;
    padding:.25em .75em;
    border:1px solid #b5b5b5;
    border-radius:.2em;
}
.contact_area form .modal-content .chk_area label input[type="radio"]:checked + span {
    color:#fff;
    background-color:#000;
    border-color:#000;
}
.contact_area form .modal-content .chk_area label input.yellow + span {
    color:#FFB800;
    border-color: #FFB800;
}
.contact_area form .modal-content .chk_area label input.yellow:checked + span {
    color:#fff;
    background-color:#FFB800;
    border-color: #FFB800;
}
.contact_area form .modal-content .chk_area label input.green + span {
    color:#41CB00;
    border-color: #41CB00;
}
.contact_area form .modal-content .chk_area label input.green:checked + span {
    color:#fff;
    background-color:#41CB00;
    border-color: #41CB00;
}
.contact_area form .modal-content .chk_area label input.blue + span {
    color:#1D5CFF;
    border-color: #1D5CFF;
}
.contact_area form .modal-content .chk_area label input.blue:checked + span {
    color:#fff;
    background-color:#1D5CFF;
    border-color: #1D5CFF;
}
.contact_area form .modal-content .chk_area label input.red + span {
    color:#FF1515;
    border-color: #FF1515;
}
.contact_area form .modal-content .chk_area label input.red:checked + span {
    color:#fff;
    background-color:#FF1515;
    border-color: #FF1515;
}

.contact_area form .modal-content fieldset input[type="text"] {
    width:10em;
}
.contact_area form .modal-content fieldset input.etc_inp {
    display:none;
    padding:.72em;
}

.contact_area form .modal-content .modal-body {
    padding:0 0 3em;
}
.contact_area form .modal-content .confirm_btn {
    width:100%;
    padding:1em;
    color:#fff;
    background-color:#000;
    border:none;
}
.contact_area form .modal-content .confirm_btn:disabled {
    color:#464646;
    background-color:#EAEAEA;
}

.page-title-wrap {
    display:none;
    padding:8em 0 0;
    border-bottom:none;
}
.page-title-wrap .breadcrumb {
    display:none;
}
.page-title-wrap .pull-left {
    display:block;
    padding-bottom:.5em;
    font-size:2.875em;
    border-bottom:1px solid #000;
}
.page-title-wrap .pull-left i {
    display:none;
}
.fileDown {
    position:relative;
    display:none;
    margin-top:3em;
}
.page-title-wrap .fileDown {
    position:absolute;
    display:none;
    top:1em;
    right:1em;
    margin:0;
}
.fileDown a {
    display:table;
    margin:0 auto;
    padding:.25em .5em;
    color:#00A0DD;
    border:1px solid #00A0DD;

}
/* board */
.board_area {
    margin: 0 auto;
    padding: 0 1em 10em;
    width: 100%;
    max-width: 82em;
}
.board_area .search_area {
    position:relative;
    margin-bottom:4em;
    padding:1.25em;
    width:100%;
    background-color:#f7f7f7;
}
.board_area .search_area form {
    display:flex;
    flex-wrap:wrap;
    justify-content: flex-end;
    align-items: stretch;
    gap:1em;
}
.board_area .search_area form .type {
    width:10em;
}
.board_area .search_area form .type label,
.board_area .search_area form .type select {
    width:100%;
}
.board_area .search_area form .type select {
    padding:.5em;
    font-size:1em;
    border:none;
}
.board_area .search_area form .inp .input {
    display:flex;
    flex-wrap:wrap;
    justify-content: flex-start;
    align-items: stretch;
    gap:1em;
}
.board_area .search_area form .inp .input input {
    padding:.5em;
    font-size:1em;
    border:none;
}
.board_area .search_area form .inp .input input[type="submit"] {
    padding:.5em 2em;
    color:#fff;
    background-color:#000;
    border-radius:.25em;
}

.board-list-body .table {
    width:100%;
    border-top:1px solid #D9D9D9;
}
.board-list-body .table ul li {
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items: center;
    border-bottom:1px solid #D9D9D9;
}
.board-list-body .table ul li > div {
    display:flex;
    justify-content: center;
    align-items: center;
    padding:1.5em .5em;
}
.board-list-body .table ul li > .check {
    width:5%;
}
.board-list-body .table ul li > .num {
    width:5%;
}
.board-list-body .table ul li > .date {
    width:10%;
}
.board-list-body .table ul li > .title {
    justify-content: flex-start;
    width:75%;
}
.board-list-body .table ul li > .view {
    width:5%;
}
.btn-e {
    border-radius:5em;
}
.eb-pagination a {
    border-radius:.3em;
}
.board-view,
.board-write {
    margin-top:5.625em;
    padding-top:8em;
}

.board-webzine {
    display:flex;
    flex-wrap: wrap;
    justify-content:flex-start;
    align-items: stretch;
    gap:.5em;
}
.board-webzine .webzine-item {
    width:calc((100% - 1em) / 3);
}
.board-webzine .webzine-img {
    width:100% !important;
    border-radius:.5em .5em 0 0;
    overflow:hidden;
}
.board-webzine .webzine-item-body .webzine-img-box-in img {
    display:block;
    width:auto;
    min-width:100%;
    height:100%;
    min-height:100%;
    object-fit: cover;
}
.board-webzine .webzine-item-body .webzine-desc,
.board-webzine .webzine-item-body .webzine-noimg-desc {
    padding:1.5em;
    background-color:#F7F7F7;
}
.board-webzine .webzine-item-body .ellipsis {
    margin:0;
}

.board-webzine .webzine-item-body .ellipsis .subject {
    margin-bottom:.5em;
}
.board-webzine .webzine-item-body .ellipsis .subject span {
    font-size:1.125em;
    font-weight:600;
}

.board-webzine .webzine-item-body .ellipsis .info {
    display:flex;
    justify-content:flex-start;
    align-items: center;
}
.board-webzine .webzine-item-body .ellipsis .info span {
    width:5rem;
}
.board-webzine .webzine-item-body .ellipsis .info p {
    width:calc(100% - 5rem);
}

@media screen and (max-width:768px) {
    #gnb {
        display:none;
    }
    .gnb_mob {
        display:flex;
        justify-content:space-between;
        align-items: center;
    }
    .gnb_mob .menuBtn {
        position:relative;
        z-index: 21;
    }
    .header-title {
        height:4.8em;
    }
    .header-title .header-title-in .gnb_mob .menuBtn.active svg rect {
        fill:#000 !important;
        transition:all ease-in-out .3s;
    }
    .header-title .header-title-in .gnb_mob .menuBtn.active svg rect:first-child {
        transform:rotate(45deg) translate(13%, -5%);
    }
    .header-title .header-title-in .gnb_mob .menuBtn.active svg rect:nth-child(2) {
        transform:scale(0);
    }
    .header-title .header-title-in .gnb_mob .menuBtn.active svg rect:last-child {
        transform:rotate(-45deg) translate(-50%, -26%);
    }
    .header-title .header-title-in.scr .title-image-center,
    .header-title .header-title-in .title-image-center {
        display:block;
        width:1.875em;
        height:auto;
    }

    .header-title .header-title-in .title-image-center.pc {
        display:none;
    }
    .header-title .header-title-in .title-image-center.mob {
        display:block;
    }

    /* company */
    .mv {
        display:block !important;
    }
    .mh {
        display:none !important;
    }

    .sub_visual .img_area {
        position: absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
    }
    .sub_visual .img_area img {
        object-fit: cover;
        height:100%;
    }
    .sub_visual .text_area {
        position:relative;
        top:auto;
        left:auto;
        flex-direction: column;
        align-items: center;
        padding-top:5em;
        transform: none;
    }
    .sub_visual .text_area .logo_comp {
        margin:5em 0 0m;
        width:50%;
    }
    .sub_visual .text_area .line_comp {
        margin:5.5em auto;
        transform:rotate(90deg);
    }
    .sub_visual .text_area .text {
        padding:0 1.5em 5em;
        width:100%;
    }
    .sub_visual .text_area .text span {
        display:block;
        font-size:1.75em;
        text-align:center;
    }
    .sub_visual .text_area .text p {
        margin-top:2em;
        font-size:1em;
        text-align:center;
    }

    .company .section1,
    .company .section1.sec {
        padding:5em 0;
    }
    .company .section1 .cont_wrap .text_area,
    .company .section1 .cont_wrap .img_area {
        width:100%;
    }
    .company .section1 .cont_wrap .text_area {
        margin:0 0 2.5em;
    }
    .company .section1 .cont_wrap .text_area span.color {
        margin-bottom:1em;
        font-size:.875em;
    }
    .company .section1 .cont_wrap .text_area span {
        font-size:2.125em;
    }
    .company .section1 .cont_wrap .text_area p {
        font-size:1em;
    }
    .company .section1 .cont_wrap .text_area .map_btn {
        margin-top:2em;
        font-size:1em;
    }
    .company .section1 .cont_wrap .img_area ul li p {
        font-size:1.25em;
    }
    .company .section1.sec .cont_wrap .img_area ul li p {
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        font-size:.875em;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-height: 1.25em;
        height: 2.5em;
    }
    
    .ms.business .section1 .cont_wrap .nav_area {
        top:5em;
        left:0;
        padding:1em;
        width:100%;
        background-color:#fff;
        overflow-x:scroll;
        z-index:1;
    }
    .ms.business .section1 .cont_wrap .nav_area ul {
        display:flex;
        justify-content: flex-start;
        align-items: center;
        width:120vw;
    }
    .ms.business .section1 .cont_wrap .nav_area ul li {
        margin-bottom:0;
        border-radius:5em;
        overflow:hidden;
    }
    .ms.business .section1 .cont_wrap .nav_area ul li a {
        font-size:.875em;
        text-align:center;
    }
    .ms.business .section1 .cont_wrap .content_wrap {
        margin:1em 0 0;
        padding-top:1em;
        width:100%;
    }
    .ms.business .section1 .cont_wrap .content_wrap .cont {
        padding:12vw 4vw;
    }
    .ms.business .section1 .cont_wrap .content_wrap .cont .cont_tit {
        margin-bottom:1em;
        font-size:1.25em;
    }
    .ms.business .section1 .cont_wrap .content_wrap .cont .numb_list li {
        margin-bottom:1em;
        gap:.75em;
    }
    .ms.business .section1 .cont_wrap .content_wrap .cont .numb_list li .text span {
        margin-top:.25em;
        font-size:1em;
    }
    .ms.business .section1 .cont_wrap .content_wrap .cont .numb_list li .text p {
        font-size:.875em;
        word-break: break-all;
    }
    .ms.business .section1 .cont_wrap .content_wrap .cont .numb_list {
        margin-bottom:3em;
    }
    .ms.business .section1 .cont_wrap .content_wrap .cont .prog_list {
        gap:.75em;
        margin-bottom:3em;
    }
    .ms.business .section1 .cont_wrap .content_wrap .cont .prog_list::before {
        top:22%;
    }
    .ms.business .section1 .cont_wrap .content_wrap .cont .prog_list li {
        width:calc((100% - (.75em * 6)) / 7);
    }
    .ms.business .section1 .cont_wrap .content_wrap .cont .prog_list li p, 
    .ms.business .section1 .cont_wrap .content_wrap .cont .photo_list li p {
        font-size:.75em;
        word-break: break-all;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        font-size:.875em;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-height: 1.25em;
        height: 2.5em;
    }

    .ms.business .section1 .cont_wrap .content_wrap .cont .cont-inner > .text {
        margin-bottom:3em;
    }
    .ms.business .section1 .cont_wrap .content_wrap .cont .cont-inner > .text p,
    .ms.business .section1 .cont_wrap .content_wrap .cont .date_list ul li p,
    .ms.business .section1 .cont_wrap .content_wrap .cont .date_list p.guide,
    .ms.business .section1 .cont_wrap .content_wrap .cont p.guide {
        font-size:.75em;
    }
    .ms.business .section1 .cont_wrap .content_wrap .cont .date_list p.guide {
        margin-bottom:4em;
    }
    .ms.business .section1 .cont_wrap .content_wrap .cont .img_process {
        margin-bottom:3em;
    }
    .ms.business .section1 .cont_wrap .content_wrap .cont .img_process.pc {
        display:none;
    }
    .ms.business .section1 .cont_wrap .content_wrap .cont .img_process.mob {
        display:block;
        width:100%;
    }
    .ms.business .section1 .cont_wrap .content_wrap .cont#cont02 .photo_list {
        margin-bottom:0;
    }
    .ms.business .section1 .cont_wrap .content_wrap .cont#cont02 .btn_more {
        margin-bottom:3em;
    }
    .ms.business .section1 .cont_wrap .content_wrap .cont#cont02 .btn_more:last-child {
        margin-bottom:0;
    }
    .ms.business .section1 .cont_wrap .content_wrap .cont .process_area img.img_process {
        margin-top:0;
    }
    .ms.business .section1 .cont_wrap .content_wrap .cont .table_area > ul.r5 li {
        width:calc((100% - 1px) / 2);
    }
    .ms.business .section1 .cont_wrap .content_wrap .cont .table_area > ul.r5 li:nth-child(5) {
        width:100%;
    }

    .ms.business .section1 .cont_wrap .content_wrap #cont05.cont .process_area ul li {
        width:100%;
    }
    .ms.business .section1 .cont_wrap .content_wrap #cont05.cont .process_area ul li:nth-child(2):after,
    .ms.business .section1 .cont_wrap .content_wrap #cont05.cont .process_area ul li:nth-child(3):after,
    .ms.business .section1 .cont_wrap .content_wrap #cont05.cont .process_area ul li:nth-child(4):before {
        display:none;
    }
    .ms.business .section1 .cont_wrap .content_wrap #cont05.cont .process_area ul li .tit span,
    .ms.business .section1 .cont_wrap .content_wrap #cont05.cont .process_area ul li .text p {
        font-size: .75em;
    }
    .ms.business .section1 .cont_wrap .content_wrap #cont05.cont .history_area .history.pc {
        display:none;
    }
    .ms.business .section1 .cont_wrap .content_wrap #cont05.cont .history_area .history.mob {
        display:block;
    }
    
    .contact_area .title {
        margin-bottom:.75em;
        padding-bottom:0;
        font-size:2.125em;
    }
    .contact_area .text_area,
    .contact_area form {
        width:100%;
    }
    .contact_area .text_area p {
        font-size:1em;
    }
    .contact_area .text_area a {
        margin:0 auto 2em;
        font-size:.875em;
    }
    .contact_area form fieldset.half {
        width:100%;
    }
    .contact_area form fieldset .chk_area {
        display:block;
    }
    /* .contact_area form fieldset .file_add a {
        font-size:.75em;
    } */

    .modal-content {
        padding:1em;
        width:90vw;
    }
    .modal-content .modal-header {
        margin-bottom:1em;
    }
    .modal-content .modal-header h3 {
        margin:0;
        font-size:1.5em;
    }
    .modal-body p {
        font-size:.75em;
    }
    .contact_area {
        padding:0;
    }
    .contact_area form .modal-content .chk_area {
        display:flex;
        gap:.5em;
    }
    .contact_area form .modal-content .chk_area label span {
        font-size:.75em;
    }
    .contact_area form .modal-content fieldset input[type="text"] {
        width:7.95em;
    }

    
    /* board */
    .page-title-wrap,
    .board-view, 
    .board-write {
        padding-top:3em;
    }
    .page-title-wrap .pull-left {
        font-size:2.125em;
    }

    .page-title-wrap .fileDown {
        top:.2em;
    }

    .board_area .search_area {
        margin-bottom:1em;
    }
    .board_area .search_area form .type,
    .board_area .search_area form .inp {
        width:100%;
    }
    .board_area .search_area form .inp .input {
        gap:.5em;
    }
    .board_area .search_area form .inp .input > input {
        width:calc(100% - 5em);
    }
    .board_area .search_area form .inp .input > .button {
        display:block;
        width:3.5em;
    }
    .board_area .search_area form .inp .input input[type="submit"] {
        display:block;
        padding:.5em;
        width:100%;
        text-align:center;
    }
    .board-info > .pull-left {
        display:none;
    }
    .board-list-body .table ul.thead {
        display:none;
    }
    .board-list-body .table ul li > div {
        padding:1em .5em;
    }
    .board-list-body .table ul li > .num,
    .board-list-body .table ul li > .view {
        display:none;
    }
    .board-list-body .table ul li > .date,
    .board-list-body .table ul li > .check {
        padding-bottom:0;
    }
    .board-list-body .table ul li > .date {
        width:95%;
        justify-content: flex-start;
    }
    .board-list-body .table ul li > .date p {
        font-size:.75em;
        color:#B5B5B5;
    }
    .board-list-body .table ul li > .title {
        padding:0 0 1em;
        width:100%;
    }
    .board-list .table-list-eb .td-subject a {
        font-size:.875em;
    }
    .form-control,
    .input.required-mark input#wr_subject {
        display:block;
        margin:0;
        padding:.5em;
        width:100%;
        box-sizing: border-box;
    }
    .board-write .write-collapse-box,
    #write-option {
        display:none;
    }
    .board-webzine .webzine-item {
        width:100%;
    }
    .board-webzine .webzine-item-body .webzine-img {
        display:block;
    }
    .board-webzine .webzine-item-body .webzine-img-box {
        max-height:100% !important;
    }


    
    .footer-top > .container {
        padding:0;
    }
    .footer-top-content.pc {
        display:none;
    }
    .footer-top-content.mob {
        display:flex;
        flex-wrap:wrap;
    }
    .footer-top-content .footer-top-logo {
        border-left:none;
    }
    .footer-top-content.mob .footer-top-info {
        width:100%;
        border-top:1px solid #fff;
    }
    .footer-top-content .footer-top-logo {
        margin-top:0;
    }
    .footer-top-content .footer-top-logo a {
        padding:1.375em;
    }
    .footer-top-content .footer-top-logo a img {
        width:100%;
    }
    .footer-top-content .info_top {
        display:flex;
        justify-content: flex-start;
        align-items: center;
        padding:0 0 0 1.375em;
        border-bottom:none;
    }
    .footer-top-content .info_top > ul li *, .footer-top-content .info_bottom > ul li * {
        font-size:.8125em;
    }
    .footer-top-content .footer-top-info .info_bottom {
        padding:1.25em 1.375em;
    }
    .footer-top-content .info_bottom > ul {
        width:73%;
    }
    .footer-top-content .footer-top-info > div > .foot_link {
        margin-left:0;
        width:27%;
    }
    .footer-top-content .info_bottom > ul li span,
    .footer-top-content .footer-top-info > div > .foot_link a {
        font-size:.75em;
    }
    .footer-top-content .footer-top-info > div > .foot_link a {
        margin-bottom:.8em;
    }
    .footer-top-content .footer-top-info > div > ul li.copy p {
        white-space:nowrap;
        font-size:.6875em;
    }

    .page-title-wrap .fileDown {
        display:none !important;
    }
    .fileDown {
        display:block;
    }
    .contact_area .text_area a{
        display:none;
    }
    .terms_area a {
        display:table;
    }
}

@media screen and (max-width:425px) {
    .ms.business .section1 .cont_wrap .nav_area ul {
        width:140vw;
    }
}