@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
/* google-icon https://fonts.google.com/icons */

* {
    word-break: keep-all;
}

#site {
    padding-top: 105px;
    font-family: 'Roboto', 'notokr', sans-serif;
    font-size: 16px;
}

ol,
ul,
li {
    list-style: none;
    list-style-position: inside;
}

ul {
    padding: 0;
}

a {
    color: #000;
    text-decoration: none;
}

a:hover {
    color: #000;
    text-decoration: none;
}

#site>.container {
    width: 100%;
    padding: 0;
}
.subpage-content{
    padding-top: 310px;
}
#notice01 .subpage-content,
#location01 .subpage-content{
    padding-top: 240px;
}
.subpage-content section {
    margin: 0 0 100px;
    padding-bottom: 100px;
    border-bottom: 1px solid #ddd;
}

.subpage-content section:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 150px;
}

.subpage-content h3 {
    letter-spacing: -.75px;
    text-align: center;
    font-weight: 500;
    color: #222;
    position: relative;
    font-size: 40px;
    margin: 75px 0 60px;
    letter-spacing: -0.06em;
}
.subpage-content h3::after{
    box-sizing: content-box;
    content: '';
    position: absolute;
    display: block;
    width: 25px;
    height: 3px;
    bottom: -20px;
    background: #2d55a5;
    border-right: 25px solid #d1111b;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}
.subpage-content h4{
    line-height: 1.2em;
    color: #0a40ad;
    font-weight: 700;
    font-size: 30px;
    margin-top: 0;
    margin-bottom: 30px;
    letter-spacing: -0.02em;
}
.subpage-content h4 img{
    display: inline-block;
    margin-right: 15px;
}
.subpage-content h5 {
    margin-top: 0;
    font-weight: 700;
    font-size: 28px;
    line-height: 1.25;
    color: #222;
    margin-bottom: 10px;
    text-align: center;
}
.subpage-content h5 span{
    color: #0b40ad;
    font-weight: 400;
    display: block;
    font-size: 20px;
    margin-bottom: 2px;
}
.li-dash li {
    position: relative;
    padding-left: 15px;
}

.li-dash li::before {
    content: '-';
    position: absolute;
    left: 0;
}

.li-row {
    border-bottom: 1px solid #444;
    background: #fff;
    color: #666;
    letter-spacing: -.25px;
    flex-wrap: wrap;
    margin: 0;
    padding: 15px;
    display: flex;
    justify-content: center;
}

.li-row li:last-child::after {
    display: none;
}

.li-row li::after {
    display: inline-block;
    transform: translateY(2px);
    margin-left: 10px;
    margin-right: 10px;
    content: '';
    width: 1px;
    height: 15px;
    background: #ccc;
}

.table_blog dd {
    padding: 10px 20px 20px;
}

/* 불필요 항목 삭제 */
.navbar .caret {
    display: none !important;
}

/* 상단 메뉴 */
.navbar-header {
    display: flex;
    justify-content: center;
    align-items: center;

}

.navbar>.container {
    display: flex;
    justify-content: space-between;
}

.navbar>.container::before,
.navbar>.container::after {
    display: none;
}

.navbar-inverse {
    background: #ffffff;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    padding: 0px 0px;
    box-shadow: 5px 0 5px rgba(0, 0, 0, 0.1);
    margin-bottom: 0;
    border: 0;
}

.navbar-inverse .navbar-right {
    margin-right: 0 !important;
}

.navbar-brand {
    margin-left: 0px !important;
    padding: 0;
    height: auto;
    width: 130px;
}

.navbar-nav li > a::before,
.navbar-nav .dropdown > a::before{
    margin-bottom: 15px;
    font-size: 36px;
    display: block;
    font-family: "Material Icons Outlined";
}
#gnb_55 > a::before{
    content: '\ea67';
}
#gnb_56 > a::before{
    content: '\ef70';
}
#gnb_57 > a::before{
    content: '\e85d';
}
#gnb_58 > a::before{
    content: '\e55e';
}
#gnbauth > a::before{
    content: '\e853';
}
#gnbauth > a.after-in::after{
    content: '로그인';
    display: block;
}
.navbar-inverse .navbar-nav>li>a {
    min-width: 120px;
    position: relative;
    z-index: 10;
    transition: .25s;
    padding: 30px 0px 20px 0px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    color: #222;
    letter-spacing: -0.034em;
}
.navbar-inverse .navbar-nav>li>a span{
    display: block;
    margin-bottom: 4px;
}
.navbar-inverse .navbar-nav>li>a i{
    display: none;
}
.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
    color: #fff;
    background: #385da9;
}

.navbar-inverse .navbar-nav a>span {
    font-size: 36px;
}

.navbar-inverse .navbar-nav .dropdown.open .dropdown-toggle,
.navbar-inverse .navbar-nav .dropdown.open:hover .dropdown-toggle,
.navbar-inverse .navbar-nav .dropdown.open:focus .dropdown-toggle {
    background: #385da9;
    color: #fff;
}


.navbar-inverse .navbar-nav .dropdown-menu>li>a {
    color: #fff !important;
}

.navbar-inverse .navbar-nav .dropdown-menu>li>a:hover {
    color: #fff !important;
    background: #385da9 !important;
}

@media (max-width: 767px) {
    #site{
        padding-top: 70px;
    }
    
    .navbar-header {
        justify-content: space-between;
        height: 70px;
        border-bottom: 1px solid #ddd;
    }
    .navbar-collapse {
        padding: 0;
    }

    .navbar-nav {
        margin: 0;
        width: 100%;
    }

    .navbar-header::before,
    .navbar-header::after{
        display: none;
    }

    .navbar>.container {
        display: block;
    }

    .navbar-brand{
        order: 1;
        width: 100px;
        margin: 0 0 0 15px !important;
    }

    .navbar-inverse .navbar-toggle {
        order: 2;
        border: 0;
        padding: 9px 0;
        margin: 0 15px 0 0;
    }

    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #666;
        transition: ease-in-out .15s all;
        opacity: 1;
        position: relative;
    }

    .navbar-inverse .navbar-toggle:hover,
    .navbar-inverse .navbar-toggle:focus {
        background: none;
        border-color: #444;
    }

    .navbar-inverse .navbar-toggle:hover .icon-bar,
    .navbar-inverse .navbar-toggle:focus .icon-bar {
        background-color: #444;
    }

    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        border-color: transparent;
    }

    /* menu */
    .navbar-inverse.open .navbar-toggle>.icon-bar:nth-of-type(1) {
        transform: rotate(45deg);
        top: 6px;
    }

    .navbar-inverse.open .navbar-toggle>.icon-bar:nth-of-type(2) {
        opacity: 0;
    }

    .navbar-inverse.open .navbar-toggle>.icon-bar:nth-of-type(3) {
        transform: rotate(-45deg);
        top: -6px;
    }

    .navbar-inverse .navbar-nav>li>a {
        padding: 15px;
    }

    .dropdown-menu {
        padding: 0;
    }

    .navbar-nav .open .dropdown-menu .dropdown-header,
    .navbar-nav .open .dropdown-menu>li>a {
        padding: 15px 15px 15px 25px;
    }
    .navbar-inverse .navbar-nav .dropdown-menu{
        background: #184192;
    }
    /* 드롭다운 메뉴 클릭시 */
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{
        color: #fff;
        background: #1652b9;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:active {
        color: #222;
        background: #ddd;
    }
}

@media (min-width: 768px) {
    .navbar-inverse{
        height: 105px;
    }
    .navbar-inverse .navbar-nav .dropdown-menu {
        width: 100%;
        left: 50%;
        right: auto;
        transform: translate(-50%, 0);
        border-radius: 0;
        padding: 0;
        text-align: center;
        border: 0;
        background: #184192;
    }

    .navbar-inverse .navbar-nav .dropdown-menu>li>a {
        font-size: 15px;
        padding: 12px 20px;
    }

    .navbar-inverse .navbar-nav .dropdown-menu>li>a:hover,
    .navbar-inverse .navbar-nav .dropdown-menu>li>a:focus {
        background: #fff;
        color: #444;
    }
}

@media (min-width: 992px) {
    .navbar-inverse .navbar-right {
        margin-right: -30px;
    }
}



/* =================================== main =================================== */

/* 슬라이드 */
#mainCarousel .carousel-inner .item {
    height: calc(100vh - 105px);
}

#mainCarousel .carousel-inner .item::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    opacity: .3;
}

.carousel-caption {
    top: 50%;
    text-align: left;
}

.carousel-caption h1 {
    text-align: center;position: relative;
    font-size: 60px;
    font-weight: 600;
    transform: translateX(-5px);
margin: 0;line-height: 1.3;}
.carousel-caption h1 span {
    color: #ff0000;
}
.carousel-caption h1::before{
    content: '';
    display: block;
    position: absolute;
    top: -20px;
    left: 6px;
    width: 50px;
    height: 5px;
    background: #ff0f1f;
    display: none;
}
.carousel-caption p {
    /* text-align: center; */
    font-size: 27px;
    line-height: 1.45;
    font-weight: 300;
    padding-top: 0px;
}

.carousel-control {
    display: none;
}

.carousel-indicators li,
.carousel-indicators li.active {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 0;
    margin: 0 5px;
}

.carousel-indicators li {
    border: 1px solid #fff;
    /* background-color: rgba(255, 255, 255, .5); */
    transition: ease-in-out .15s all;
}

.carousel-indicators li.active {
    background: #fff;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, .0);
}

.carousel-caption {
    text-shadow: 0px 0px 10px rgba(0, 0, 0, .0);
}

@media (max-width: 767px) {
    .carousel-control {
        font-size: 14px;
    }

    .carousel-indicators li,
    .carousel-indicators li.active {
        width: 6px;
        height: 6px;
    }
}

/* =================================== main =================================== */
.main-wrap .se01{
    background: #fff;
    padding: 100px 0 0;
}
.main-wrap .se02{
    padding: 70px 0 140px;
}
.main-pd-wrap {
    margin: 0 -7px;
}
.main-pd-wrap > div{
    padding: 0 7px;
}
.main-pd-wrap .main-title h3 {
    text-align: center;
    padding: 0;
    font-size: 40px;
    margin: 0 0 100px;
    font-weight: 700;
    letter-spacing: -0.06em;
}
.main-pd-wrap .box{
    background: #fff;
    transition: .25s;
    position: relative;
    display: block;
}
.main-pd-wrap .box::after{
    content: '';
    display: block;
}
.main-pd-wrap .box span{
    user-select: none;
    transition: transform .25s;
    position: absolute;
    color: #fff;
    font-size: 50px;
    margin: 0;
    padding: 30px;
    display: block;
    background: #5c85da;
    width: 110px;
    height: 110px;
    top: -60px;
    left: 29%;
    /* border: 3px solid #fff; */
    border-radius: 50%;
    box-shadow: 0 10px 15px 0px rgb(0 0 0 / 20%);
    z-index: 6;
}
.main-pd-wrap .box span::after {content: '';display: block;width: 25px;height: 25px;background: rgb(255 255 255 / 19%);border-radius: 50%;position: absolute;right: 23px;bottom: 30px;z-index: -3;}
.main-pd-wrap .box span::before {
    content: '';
    display: block;
    width: 92%;
    height: 92%;
    border: 1px solid rgba(255,255,255,0.4);
    position: absolute;
    border-radius: 50%;
    top: 4%;
    left: 4%;
}
.main-pd-wrap .box p{
    text-align: center;
    margin: 0;
    width: 100%;
    color: #333;
    font-size: 22px;
    background: #f4f4f4;
    height: 118px;
    padding: 85px 0 70px;
    border-radius: 3px;
    font-weight: 700;
    letter-spacing: -0.04em;
    position: relative;
}

.main-pd-wrap .box:hover p{
    color: #3f75e4;
    font-weight: 700;
}
.main-pd-wrap .box:hover span{
    transform: scale(1.15);
}
.main-notice-wrap > div {
    padding: 0 30px;
}
.main-notice-wrap {
    margin: 0 -30px;
}
.main-wrap .se02::before {content: '';display: block;width: 1140px;height: 3px;border-top: 3px dotted #eee;margin: 0 auto 80px;}
.main-notice-wrap .page-header{
    margin-top: 0;
    border-bottom: 2px solid #666;
    padding-bottom: 12px;
    margin-bottom: 25px;
}
.main-notice-wrap .page-header h4{
    font-weight: 700;
    margin: 0;
    font-size: 30px;
    letter-spacing: -0.034em;
}
.main-notice-wrap .board_box_list{
    margin-bottom: 0 !important;
    margin: 0;
    padding: 0;
}
.li-contact{
    margin: 0;
    min-height: 150px;
}
.li-contact li{
    position: relative;
    margin: 2px 0 14px;
    width: 100%;
    align-items: center;
    font-size: 17px;
    display: flex;
    letter-spacing: -0.034em;
}
.li-contact li span{
    user-select: none;
    margin: 0 12px 0 0;
    color: #fff;
    display: block;
    font-size: 16px;
    background: #666;
    width: 30px;
    height: 30px;
    padding: 7px;
    text-align: center;
    border-radius: 50%;
}
/* =================================== sub(all) =================================== */
.breadcrumb {
    display: flex;
    align-items: center;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 7px;
    margin-bottom: 0;
    font-size: 13px;
    background: none;
}

.breadcrumb>li {
    display: flex;
    align-items: center;
}

.breadcrumb>li:nth-child(2) span {
    margin-right: 5px;
}

.breadcrumb>li span {
    user-select: none;
    font-size: 16px;
}

.breadcrumb>li+li:before {
    content: '\e5cc';
    font-family: "Material Icons";
}

.breadcrumb .active {
    color: #fff;

}

.pageheader {
    background: url(/public/img/sub/sub-top01.jpg) no-repeat center;
    height: 250px;
    z-index: 100;
    position: fixed;
    overflow: hidden;
    width: 100%;
}

.pageheader::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .5);
}

.subheader-wrap {
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    z-index: 2;
}

.subheader-wrap h2 {
    width: 100%;
    font-size: 44px;
    margin: 0;
    color: #fff;
    text-align: center;
    font-weight: 500;
}

.snb {
    position: fixed;
    width: 100%;
    top: 345px;
    z-index: 200;
    background: #fff;
    border-bottom: 1px solid #ddd;
}

.snb ul {
    margin: 0;
    display: flex;
    justify-content: center;
}

.snb li {
    margin: 0 44px;
}
.snb li:hover a {
    color: #2e55a5;
    font-weight: 500;
}

.snb li a {
    color: #666;
    line-height: 4;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 18px;
}

.snb li.active a {
    position: relative;
    font-weight: 700;
    color: #2e55a5;
}
.snb li.active a::after{
    content: '';
    position: absolute;
    display: block;
    background: #4281fd;
    width: 100%;
    height: 2px;
    bottom: -1px;
}
.snb li.active:hover a{
    text-shadow: 0px 0px 0px #fff;
} 



/* =================================== subpage =================================== */
/* 01 */
.sub-greet-wrap .img-box {
    padding-right: 50px;
    padding-top: 20px;
}

.sub-greet-wrap .top{
    font-size: 30px;
    color: #0a40ad;
    letter-spacing: -0.06em;
    font-weight: 700;
}
.sub-greet-wrap .top::before {
    content: '';
    display: block;
    width: 80px;
    height: 1px;
    background: #999;
    margin: 70px 0 40px;
}
.sub-greet-wrap p{
    margin-bottom: 25px;
    color: #333;
    font-size: 17px;
    padding-right: 20px;
}
.sub-greet-wrap .name{
    font-weight: 600;
    color: #222;
    font-size: 16px;
    text-align: right;
}
.sub-ci01-wrap {
}
.sub-ci01-wrap .inner .img-box{
    margin-bottom: 50px;
    display: none;
}
.sub-ci01-wrap .inner .img-box img{
    width: 350px;
}
.sub-ci01-wrap .inner p{
    font-weight: 400;
    color: #333;
    text-align: center;
    font-size: 25px;
    letter-spacing: -0.05em;
    margin: 5px;
}
.sub-ci01-wrap .inner strong{
    /* color: #2d55a5; */
    font-weight: 500;
    letter-spacing: -0.04em;
}
.sub-ci01-wrap .inner p + p {
    font-size: 38px;
    font-weight: 700;
    letter-spacing: 0;
    color: #0a40ad;
}
.sub-ci01-wrap .inner p + p strong {
    color: #3155a4;
}
.sub-ci01-wrap .inner span {
    font-size: 85%;
    letter-spacing: -0.06em;
}
.sub-ci02-wrap{
    margin: 65px 20px 0;
}
.sub-ci02-wrap .inner .img-box{
    position: relative;
    display: flex;
    align-items: center;
    height: 250px;
    border: 1px solid #ccc;
}
.sub-ci02-wrap .inner .img-box img{
    width: 230px;
}
.sub-ci02-wrap .inner .img-box p{
    margin: 0;
    position: absolute;
    left: 50%;
    bottom: 0px;
    padding: 4px 110px 2px;
    background: rgba(0,0,0,0.4);
    color: #fff;
    font-size: 14px;
    transform: translateX(-50%);
    letter-spacing: 0.3em;
}
.sub-ci02-wrap .inner p{
    text-align: center;
    font-size: 16px;
    margin: 0;
    margin-top: 10px;
}

/* 02 */
.sub-pd01-wrap{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.sub-pd01-wrap .inner-text p{
    color: #333;
    font-size: 17px;
    margin-bottom: 15px;
    letter-spacing: -0.034em;
}
.sub-pd01-wrap .inner-text p:last-child{
    margin-bottom: 0;
}
.more-btn{
    margin-top: 15px;
    display: inline-block;
    color: #333;
    padding: 10px 30px;
    font-weight: 500;
    border: 1px solid #666;
    font-size: 14px;
}
.more-btn span::after{
    content: '\f1e1';
    display: inline-block;
    font-family: "Material Icons";
    margin-left: 3px;
    transform: translateY(1px);
}
.more-btn:hover{
    color: #fff;
    background: #222;
    border-color: #222;
}
.more-btn:focus{
    color: #fff;
    text-decoration: none;
}
#product02 .inner .more-btn, #product03 .inner .more-btn {
    width: calc(100% - 80px);
    position: absolute;
    bottom: 40px;
    text-align: center;
}
#product02 .subpage-content h4, #product03 .subpage-content h4 {
    color: #333;
}
.sub-pd02-wrap{
    display: flex;
    flex-wrap: wrap;
}
.sub-pd02-wrap .box .li-dash li:nth-child(1) {
    color: #333;
    font-weight: 500;
}
.sub-pd03-wrap .box .inner,
.sub-pd02-wrap .box .inner{
    height: 100%;
    padding: 70px 40px 100px;
    background: #f6f6f6;
    border-radius: 5px;
    position: relative;
}

.sub-pd03-wrap h5 {
    text-align: left;
    padding-left: 5px;
}
.sub-pd03-wrap .box .more-btn{
    margin: 0 auto;
}
.sub-pd02-wrap .box .img-box{
    margin-bottom: 60px;
}

.sub-pd03-wrap .box .img-box{
    width: 320px;
    margin-right: 60px;
    margin-bottom: 0;
}

.sub-pd03-wrap .box .inner:last-child{
    margin-top: 15px;
}
.sub-pd03-wrap .box .inner{
    display: flex;
    padding: 50px 40px;
}
.sub-pd03-wrap .box p,
.sub-pd02-wrap .box p{
    font-size: 20px;
    margin-bottom: 50px;
    color: #0b40ad;
    line-height: 1.3em;
    letter-spacing: -0.02em;
    text-align: center;
}
.sub-pd03-wrap .box .li-dash,
.sub-pd02-wrap .box  .li-dash{
    color: #333;
    line-height: 1.5em;
    margin-bottom: 30px;
}
.sub-pd03-wrap .box .li-dash {
    margin-bottom: 0;
    margin-top: 15px;
}
.sub-pd03-wrap .box p, .sub-pd02-wrap .box p span {
    letter-spacing: 0;
    font-weight: 500;
    display: inline-table;
    margin-right: 5px;
}
.sub-pd03-wrap .right h5{
    text-align: center;
    font-size: 25px;
    margin-bottom: 30px;
    font-weight: 400;
    letter-spacing: -0.06em;
    padding: 40px 30px 15px;
}
.sub-pd03-wrap .right .img-box {
    padding: 0 72px 25px;
}
.sub-pro-wrap > div {
    padding: 0 30px;
}
.row.sub-pd03-wrap .right .inner {
    border: 1px solid #ccc;
    border-radius: 5px;
}
.sub-pro-wrap{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 75px -30px 0;
}
.sub-pro-wrap .inner p{
    font-size: 17px;
    text-align: center;
    margin: 0;
    letter-spacing: -0.034em;
    color: #164298;
}
.sub-pro-wrap .inner span{
    font-size: 60px;
    color: #2d55a5;
    text-align: center;
    display: block;
    margin-bottom: 10px;
}
.sub-pro-wrap .inner {
    position: relative;
}
.sub-pro-wrap .inner::before {
    content: '';
    display: block;
    position: absolute;
    height: 60px;
    right: -30px;
    top: 35px;
    border-right: 2px dotted #d1daea;
}
.sub-pro-wrap > div:last-child .inner::before, .sub-pro-wrap > div:nth-child(4) .inner::before {
    display: none;
}
.sub-pro-wrap .more-btn{
    display: block;
    text-align: center;
    width: 220px;
    margin: 0 auto;
    margin-top: 80px;
}
#product04 .sub-pd01-wrap > div:nth-child(1) {
    padding-right: 70px;
}
#product04 .se01 .sub-pd01-wrap > div:nth-child(2) {
    padding-left: 90px;
}
/* 03 */
#notice01 section {
    padding-bottom: 50px;
}
/* 04 */
.map iframe {
    height: 400px;
}
.sub-map-wrap > div {
    text-align: center;
}
.li-map{
    margin: 0;
    margin-top: 40px;
    display: inline-block;
}
.li-map li{
    position: relative;
    padding-left: 45px;
    align-items: center;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    margin-right: 30px;
}

.li-map li span{
    user-select: none;
    position: absolute;
    top: -5px;
    left: 0;
    height: 100%;
    width: 36px;
    height: 36px;
    color: #fff;
    align-items: center;
    justify-content: center;
    background: #5780d4;
    border-radius: 50%;
    padding: 9px 0;
    text-align: center;
    font-size: 18px;
}
.li-map li p{
    margin-bottom: 0;
}
/* 05 */

/* bbs */

/* =================================== footer =================================== */
#site footer {
    margin-top: 0px;
    padding: 40px 0;
    color: #ccc;
    background-color: #343a42;
}

.footer-logo img {
    margin-top: 7px;
    width: 130px;
}

.footer-info {
    margin: 0;
    margin-bottom: 10px;
    line-height: 1.5;
}

.footer-info li {
    font-size: 15px;
    margin-right: 15px;
    display: inline-block;
    font-weight: 300;
}
.footer-info li strong {
    font-weight: 400;
    color: #fff;
}
.copyright {
    font-size: 13px;
    color: #aaa;
    margin: 0;
    opacity: 0.7;
    font-weight: 300;
    letter-spacing: 0.034em;
}

/* =================================== map, board, bbs =================================== */

/* bbs btn */

.bbs-area h4 {
    font-weight: 500;
    color: #222;
}

.bbs-area .title h4 {
    text-align: center;
}

.bbs-area .reply_wrap h4 {
    text-align: left;
}

.board_wrapper .text-center .btn.btn-lg,
.board_wrapper .text-center .btn+.btn {
    min-width: 200px;
}

.board_wrapper .table.board_write_table .input-group.input-group-big,
.board_wrapper .table.board_write_table .form-control.form-control-big,
.board_wrapper .table.board_write_table tbody tr td .btn,
.board_wrapper .table.board_write_table tbody tr td .form-control {
    width: 50%;
}

.root_daum_roughmap {
    width: 100% !important;
    padding: 0 !important;
}

.root_daum_roughmap .map_border {
    display: none !important;
}

.board_box_blog2 .row {
    margin-left: -5px;
    margin-right: -5px;
}

.board_box_blog2 .row>div[class^="col-"] {
    padding-left: 5px;
    padding-right: 5px;
}

.board_box_blog2 .inner {
    margin-top: 0;
    margin-bottom: 0;
}

.board_box_blog2 .inner .bottom {
    padding: 12px 10px;
}

.board_box_blog2 .inner .bottom .title {
    margin-bottom: 0;
}

.board_box_blog2 .inner .bottom .title a {
    font-size: 14px;
}

.board_box_blog2 .inner .bottom .info {
    display: none;
}

.board_box_blog2 .inner .top a .thumb {
    height: 180px;
}

/* member */
.member_wrapper {
    max-width: 1140px;
    margin: 0 auto;
}

.member_wrapper .btn {
    transition: all ease 0.3s
}

.member_wrapper .table tbody tr th {
    background-color: rgba(0, 0, 0, 0.03);
}

.member_wrapper .table tbody tr th span {
    color: #5dae57
}

.board_wrapper {
    margin-top: 0;
}


.board_wrapper .text-center .btn {
    padding: 15px 0 !important;
}


#product05 .nozomi-box{margin-top: 80px;display: flex;align-items: center;justify-content: center;}
#product05 .nozomi-box p.intro{font-size: 24px;font-weight: 600;line-height: 1.6;margin: 10px 0 0 20px;}
#product05 .nozomi-box + p{text-align: center;font-size: 22px;margin: 54px 0 0;}
#product05 .se02{}
#product05 .se02 > .row > div:nth-child(4){}
#product05 .dl-nozomi{padding: 30px;border: 1px solid #ccc;}
#product05 .dl-nozomi dt{font-size: 20px;margin: 0 0 10px;}
#product05 .dl-nozomi dd{font-size: 17px;padding-left: 15px;margin: 5px 0 0;position: relative;}
#product05 .dl-nozomi dd::before{content: '';display: block;width: 5px;height: 5px;background: #9cbdff;border-radius: 50%;position: absolute;top: 9px;left: 0;}
#product05 .se02 .download{display: block;text-align: center;margin: 56px auto 0;font-size: 22px;padding: 15px 0 12px;border: 1px solid #696969;border-radius: 50px;width: 240px;transition: all .3s ease;}
#product05 .se02 .download:hover{text-decoration: none; background: #d1111b;border-color: #d1111b;color: #fff;}

#product06 .zoom-box{margin-top: 80px;display: flex;align-items: center;justify-content: center;padding: 0 150px;}
#product06 .zoom-box p.intro{font-size: 24px;font-weight: 600;line-height: 1.6;margin: 10px 0 0 20px;}
table.table-prod{width: 100%;border-top: 2px solid #017db9;}
table.table-prod tr{border-bottom: 1px solid #ddd;}
table.table-prod tr th,
table.table-prod tr td{padding: 15px 24px;font-size: 16px;border-left: 1px solid #ccc;}
table.table-prod tr th{background: #fafafa;}
table.table-prod thead tr th{text-align: center;background: #f2f2f2;}
table.table-prod tr th.sub_th{background: #fff;}
table.table-prod tr th .zoom{color: #0283b6;}
table.table-prod tr td{}
#product06 p.note{font-size: 19px;margin-top: 25px;text-align: center;font-weight: 600;}

/* =================================== mobile =================================== */
@media(max-width:767px) {

    .table_default colgroup,
    .table_default .num,
    .table_default .regdate,
    .table_default .hits {
        display: none;
    }

    .table_default .subject {
        width: 75%;
    }

    .root_daum_roughmap .wrap_map {
        height: 350px !important;
    }

    .sub-board-wrap .table_blog dd {
        width: 100%;
        padding: 0;
    }

    .member_wrapper #join_form .table .input-group.input-group-big,
    .member_wrapper #join_form .table .form-control.form-control-big {
        width: 100%;
    }

    .board_wrapper .table.board_write_table .input-group.input-group-big,
    .board_wrapper .table.board_write_table .form-control.form-control-big {
        width: auto;
    }

    .member_wrapper .text-center,
    .board_wrapper .text-center {
        display: flex;
        justify-content: center;
    }

    .search_wrap {
        margin-bottom: 0 !important;
    }

    .privacy_body {
        padding: 0 15px;
    }

    .member_wrapper {
        padding-bottom: 100px;
    }

    .member_wrapper h1 {
        font-size: 30px;
    }


    .snb {
        top: 240px;
        /* border: 0; */
    }

    .snb ul {
        flex-wrap: wrap;
    }

    .snb li {
        /* flex: 1; */
        /* width: 50%; */
        margin: 0 10px 0 10px;
    }
    .snb li a{
        font-size: 15px;
        line-height: 3;
    }
    .pageheader{
        height: 170px;
    }
    .breadcrumb {
        opacity: .75;
        font-size: 11px;
        margin: 0;
        width: 100%;
        text-align: center;
        margin-top: 5px;
    }
    .subpage-content{
        padding-top: 215px;
    }
    .subheader-wrap h2{
        font-size: 40px;
    }
    .subpage-content h3{
        font-size: 34px;
        margin: 60px 0 50px;
    }
    .subpage-content h4{
        text-align: center;
    }
    .subpage-content h4 img{
        display: block;
        margin: 0 auto;
    }
    .sub-greet-wrap .img-box{
        padding: 0;
    }
    .sub-greet-wrap p{
        text-align: center;
        padding: 0;
    }
    .sub-greet-wrap .top{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .sub-greet-wrap .name{
        text-align: center;
    }
    .subpage-content section{
        margin:  0 0 75px;
        padding-bottom: 75px ;
    }
    .subpage-content section:last-child{
        padding-bottom: 100px;
    }
    .footer-logo img{
        width: 100px;
    }
    .footer-info{
        margin-top: 15px;
        line-height: 1.25;
    }
    .footer-info li{
        font-size: 13px;
    }
    .sub-ci01-wrap .inner p{
        font-size: 20px;
    }
    .sub-ci01-wrap .inner p + p{
        font-size: 28px;
    }
    .sub-ci02-wrap{
        margin: 50px -15px 0 -15px;
    }
    .sub-ci02-wrap .inner .img-box{
        margin-bottom: 30px;
    }
    .se01 .sub-pd01-wrap div:first-child{
        order: 2;
    }
    .se01 .sub-pd01-wrap div:last-child{
        order: 1;
    }
    .sub-pd01-wrap .img-box{
        margin-bottom: 30px;
    }
    .more-btn{
        width: 100%;
        text-align: center;
        position: relative !important;
    }
    .sub-pd02-wrap{
        display: block;
    }

    .sub-pd03-wrap .box .inner, .sub-pd02-wrap .box .inner{
        margin-bottom: 30px;
        padding: 50px 25px;
    }
    #product02 .inner .more-btn, #product03 .inner .more-btn{
        width: 100%;
        margin-top: 0px;
        bottom: 0;
    }
    .sub-pd03-wrap .box p, .sub-pd02-wrap .box p{
        margin-bottom: 30px;
    }
    .sub-pro-wrap{
        margin: 50px 0 0 0;
    }
    .sub-pro-wrap .inner{
        margin-bottom: 30px;
    }
    .sub-pd03-wrap .box .inner, .sub-pd02-wrap .box .inner{
        flex-wrap: wrap;
    }
    .sub-pd03-wrap .inner{
        justify-content: center;
    }
    .sub-pd03-wrap .box .img-box{
        margin-right: 0;
        margin-bottom: 15px;
        width: auto;
    }
    .sub-pd03-wrap h5{
        text-align: center;
    }
    .sub-pd03-wrap .text{
        width: 100%;
        /* text-align: center; */
    }
    .sub-pro-wrap .inner::before{
        display: none;
    }
    #product03 .sub-pro-wrap .more-btn{
        margin-top: 30px;
    }
    #product04 .se01 .sub-pd01-wrap > div:nth-child(2){
        padding-left: 15px;
    }
    #product04 .sub-pd01-wrap > div:nth-child(1){
        padding-right: 15px;
    }
    #product04 .se02 .sub-pd01-wrap > div:first-child{
        order: 2;
    }
    #product04 .se02 .sub-pd01-wrap > div:last-child{
        order: 1;
    }
    #notice01 .subpage-content, #location01 .subpage-content{
        padding-top: 170px;
    }
    .li-map li span{
        display: block;
        position: static;
        margin: 0 75px 10px ;
    }
    .li-map li{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 25px;
        padding-left: 0;
        padding-right: 0;
        margin-right: 0;
    }
    .carousel-caption{
        width: 100%;
        top: 60%;
        left: 0;
        padding: 0 15px;
    }
    .carousel-caption h1{
        font-size: 41px;
        text-align: center;
    }
    .carousel-caption p{
        font-size: 20px;
        text-align: center;
    }
    #mainCarousel .carousel-inner .item {
        height: calc(100vh - 70px);
    }
    .carousel-indicators li, .carousel-indicators li.active{
        width: 10px;
        height: 10px;
    }
    #product05 .nozomi-box{display: block;}
    #product05 .nozomi-box p.intro{
        font-size: 18px;
        margin: 30px 0 0;
    }
    #product05 .nozomi-box + p {
        text-align: left;
        font-size: 17px;
        margin: 54px 0 0;
    }
    #product05 .se02 .download {
        display: block;
        text-align: center;
        margin: 56px auto 0;
        font-size: 19px;
        padding: 4px 0 3px;
        border: 1px solid #696969;
        border-radius: 50px;
        width: 197px;
        transition: all .3s ease;
    }
    #product06 .zoom-box{
        display: block;
        padding: 0;
    }
    #product06 .zoom-box p.intro {
        font-size: 20px;
        font-weight: 600;
        line-height: 1.6;
        margin: 15px 0 0;
    }
    #product06 p.note {
        font-size: 16px;
        margin-top: 25px;
        text-align: center;
        font-weight: 600;
    }
}   


/* board 추가 css */
.board_wrapper {
    margin-top: 0;
}
.board_data_view .header_wrap .title {
    font-size: 28px;
    letter-spacing: -0.06em;
}
.board_data_view .header_wrap {
    border-bottom: 1px solid #ddd;
    padding: 40px 0;
}
.board_data_view .contents_wrap p {
    font-size: 17px;
}
.board_wrapper .table.board_write_table tbody tr th {
    font-size: 14px;
}
.table.table_default tbody tr th.num {
    font-weight: normal;
}
.table.table_default tbody .subject a {
    font-size: 17px;
    color: #333;
    font-weight: 500;
}
.table.table_default tr th, .table.table_default tr td {
    font-size: 15px;
    border-bottom: 1px solid #ddd;
}
.text-muted {
    font-size: 14px !important;
    margin-top: 8px !important;
}
.checkbox label, .radio label {
    font-size: 15px;
    letter-spacing: -0.06em;
}
.custom_checkbox+span a {
    font-weight: 500;
}
.table_blog2 dd .inner {
    border: none;
}
.member_wrapper h1 {
    border: none;
    margin-top: 0;
}
.privacy_body {
    font-size: 16px;
    line-height: 1.6em;
    padding: 0 100px;
}
.subContent .board_wrapper h4 {
    font-size: 18px;
    color: #333;
    font-weight: 500;
    margin: 10px 0;
}
.table.table_default thead th {
    background: #fff;
    border-bottom: 1px solid #999;
    font-weight: 700;
}

.table.table_default tr td {
    color: #777;
}
.badge {
    padding: 6px 6px;
    border-radius: 2px;
    font-weight: 400;
    font-size: 13px;
    margin-right: 3px;
}
.board_wrapper .table.board_write_table .files .fileInput .file_add {
    padding: 6px 7px 5px;
}
.board_wrapper .table.board_write_table .files + .sumChk {
    padding-bottom: 0;
    margin-bottom: 0;
    border: 0;
}
.board_wrapper .reply_wrap > h4 {
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

/* board 추가 css end */