/*reset*/
body,
button,
input,
select,
textarea,
table {
    font-family:  'Noto Sans KR', 'nanum gothic', 'sans-serif';
    /*-webkit-font-smoothing: antialiased;*/
}
table{
    border-collapse: collapse;
    border-spacing: 0;
}
header,
nav,
main,
section,
article,
aside,
footer {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
body {
    font-size: 14px;
    color: #333;
    cursor: default;
    -webkit-overflow-scrolling: touch;
    word-break: keep-all;
}
body,
h1,
h2,
h3,
h4,
p,
div,
ul,
ol,
li,
input {
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box
}
ul,
ol,
li {
    list-style: none
}
address,
em {
    font-style: normal
}
a {
    text-decoration: none;
    display: block;
    color: #4c4c4c;
    -webkit-tap-highlight-color:transparent;
    cursor: pointer;
}
button {
    background: 0;
    border: 0;
    padding: 0;
    -webkit-tap-highlight-color:transparent;
    cursor: pointer
}
button:focus,
textarea:focus {
    outline: 0
}
img {
    border: 0 none
}
.hide-text{
    position: absolute;
    left: -9999px;
    top: -9999px
}
frame{
    /* overflow: auto; */
    /* -webkit-overflow-scrolling: touch; */
    width: 1px;
    min-width: 100%;
}
/* »ó´Ü¸Þ´º ¸ðµâ */
.header-box{position: relative;}
.header-box__top-info{position: relative;max-width: 1200px;margin: auto;}
.header-box__top-info > h1 {text-indent: -9999px;margin: auto;background:url('/base_2/img/new/logo.png') no-repeat center}
.header-box__top-info > h1 > a{width: 100%;height: 100%;display: block;text-indent: -9999px}
.header-box__gnb-box{position: relative;width: 100%;background: #424242;}
.gnb-list{margin: auto;height: 44px;}
.gnb-list > li{text-align: center;line-height: 44px;}
.gnb-list > li > a{color: #fff;width: 100%;height: 100%;}
@media(max-width:599px) {
    /* mobile */
    .header-box__top-info{width:100%;padding: 8px 12px;}
    .header-box__top-info > h1{width: 170px;height: 40px;background-size: 170px auto;}
    .top-info-right, .top-info-left{display:none}
    .gnb-list{max-width: 100%;white-space: nowrap;overflow-x: scroll;overflow-x: scroll;text-align: center;}
    .gnb-list > li{display: inline-block;padding: 0 3px;margin: 0 2px;font-size: 13px;background: #424242}
    .top-phone, .top-kakao{position: absolute;top: 8px;width: 40px;height: 40px;text-indent: -9999px}
    .top-phone{right: 8px;background: url('/base_2/img/new/icon/phone.png') no-repeat center;background-size: 30px auto;}
    .top-kakao{left: 8px;background: url('/base_2/img/new/right-menu/ico-kakao.png') no-repeat center;background-size: 36px auto;}
}
@media(min-width:600px) {
    /* pc */
    .header-box__top-info{overflow:hidden;width:90%;;padding: 16px 0}
    .header-box__top-info > h1{width: 300px;height: 80px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);background-size: 300px auto;}
    .top-info-right{float:right;text-align:right;line-height: 1.3;font-size: 16px;}
    .top-info-right__tel {display: block;font-size: 28px;font-weight: bold;color: #4eb46e;}
    .top-info-left{float:left;font-size:16px}
    .top-info-left > em{color: #4eb46e;font-weight: bold;}
    .gnb-list{overflow: hidden;max-width: 900px}
    .gnb-list > li{float: left;width: 20%;font-size:16px}
    .top-phone{display:none}
    .top-kakao{display:none}
}
/*¸ÞÀÎ*/
.main-slide{overflow:hidden;position: relative;width: 100%}
.main-slide:after{content:'';width:100%;height:20%;position: absolute;left:0;bottom:0;background:linear-gradient(rgba(255,255,255,0), rgba(0,0,0,0.2))}
.main-slide > ul{width: 100000%;position: relative;overflow: hidden;}
.main-slide > ul > li{width: 100vw;float: left;text-align: center;color: #fff;font-weight: bold;}
.main-slide .swiper-pagination{z-index:1;position: relative;margin:-40px auto 0 auto}
.main-slide .swiper-pagination-bullet{width: 10px;height: 10px;display: inline-block;vertical-align: middle;background: #efefef;border-radius: 50%;margin-right: 8px;cursor: pointer;}
.main-slide .swiper-pagination-bullet-active{width: 12px;height: 12px;background: #424242;}
.swiper-slide--slide-1{background: url('/base_2/img/new/main-slide/slide1.jpg') no-repeat center;background-size:cover;}
.swiper-slide--slide-1-2{background: url('/base_2/img/new/main-slide/slide1-2.jpg') no-repeat center;background-size:cover;}
.swiper-slide--slide-2{background: url('/base_2/img/new/main-slide/slide2.jpg') no-repeat center;background-size:cover;}
.swiper-slide--slide-3{background: url('/base_2/img/new/main-slide/slide3.jpg') no-repeat center;background-size:cover;}
@media(max-width:599px) {
    /* mobile */
    .main-slide{overflow: hidden;height: 180px;}
    .main-slide > ul > li{height: 180px;line-height: 180px;font-size: 20px}
    .main-slide .swiper-pagination{width: 90%;margin-top: -30px;}
    .main-slide .swiper-button-next,.main-slide .swiper-button-prev{display:none}
}
@media(min-width:600px) {
    /* pc */
    .main-slide{height: 500px}
    .main-slide > ul > li{height: 500px;line-height: 500px;font-size: 50px}
    .main-slide .swiper-pagination{width:100%;max-width: 960px;}
    .main-slide .swiper-button-next,.main-slide .swiper-button-prev{width: 30px;height: 30px;border-bottom: 4px solid #424242;border-left: 4px solid #424242;position: absolute;top: 50%;cursor: pointer;}
    .main-slide .swiper-button-prev{left: 30px;transform: translateY(-50%) rotate(45deg);}
    .main-slide .swiper-button-next{right: 30px;transform: translateY(-50%) rotate(225deg);}
}
.main-box{position: relative}
.main-box__head{text-align: center}
.main-box__head:before{content:'#'}
.main-box__sub-txt{text-align: center;}
.main-box--board{position: relative;max-width: 1200px;margin: auto;}
.main-info-txt{overflow:hidden;max-width: 860px;margin:0 auto; }
.main-info-txt > li{float: left;text-align: center;border-right: 1px solid #f4f4f4;}
.main-info-txt > li:before{content: '';display: block;margin: auto;}
.main-info-txt > li > em {display: block;font-weight: bold;}
@media(max-width:599px) {
    /* mobile */
    .main-box{padding: 30px 0;}
    .main-box--board{padding: 30px 8px 0 8px;}
    .main-info-txt > li{width: 50%;height: 160px;margin-bottom: 24px;}
    .main-info-txt > li:nth-child(2n){border-right: 0 none;}
    .main-info-txt > li:before{width: 40px;height: 40px}
    .main-info-txt > li:nth-child(1):before{background:url('/base_2/img/new/icon/lamp.png') no-repeat center;background-size:40px auto;}
    .main-info-txt > li:nth-child(2):before{background:url('/base_2/img/new/icon/cost.png') no-repeat center;background-size:40px auto;}
    .main-info-txt > li:nth-child(3):before{background:url('/base_2/img/new/icon/sandglass.png') no-repeat center;background-size:40px auto;}
    .main-info-txt > li:nth-child(4):before{background:url('/base_2/img/new/icon/repair.png') no-repeat center;background-size:40px auto;}
    .main-info-txt > li > em{margin: 16px auto 8px auto;font-size: 16px;}
    .main-box__head{font-size: 22px;}
    .main-box__sub-txt{margin: 8px auto 16px auto;font-size: 14px;}
}
@media(min-width:600px) {
    /* pc */
    .main-box{padding: 80px 0;}
    .main-box--board{padding: 70px 40px;}
    .main-info-txt{height: 185px;}
    .main-info-txt > li{width: 25%;height: 100%;}
    .main-info-txt > li:last-child{border-right: 0 none;}
    .main-info-txt > li:before{width: 60px;height: 60px;}
    .main-info-txt > li:nth-child(1):before{background:url('/base_2/img/new/icon/lamp.png') no-repeat center;background-size:60px auto;}
    .main-info-txt > li:nth-child(2):before{background:url('/base_2/img/new/icon/cost.png') no-repeat center;background-size:60px auto;}
    .main-info-txt > li:nth-child(3):before{background:url('/base_2/img/new/icon/sandglass.png') no-repeat center;background-size:60px auto;}
    .main-info-txt > li:nth-child(4):before{background:url('/base_2/img/new/icon/repair.png') no-repeat center;background-size:60px auto;}
    .main-info-txt > li > em{margin: 32px auto 24px auto;font-size: 18px;}
    .main-box__head{font-size: 28px;}
    .main-box__sub-txt{margin: 8px auto 30px auto;font-size: 16px;}
}
.main-box--product{background: #f2f2f2;}
.main-product-list{max-width: 1180px;margin: auto;overflow: hidden;}
@media(max-width:599px) {
    /* mobile */
    .main-product-list--mobile{display:block}
    .main-product-list--pc{display:none}
    .main-product-list > li{float: left;}
    .main-product-list > li{width: 50%;height: 120px;position: relative;}
    .main-product-list > li:nth-child(1){background:url('/base_2/img/new/main-sign-type-bg/type1.jpg') no-repeat center;background-size:cover}
    .main-product-list > li:nth-child(2){background:url('/base_2/img/new/main-sign-type-bg/type2.jpg') no-repeat center;background-size:cover}
    .main-product-list > li:nth-child(3){background:url('/base_2/img/new/main-sign-type-bg/type3.jpg') no-repeat center;background-size:cover}
    .main-product-list > li:nth-child(4){background:url('/base_2/img/new/main-sign-type-bg/type4.jpg') no-repeat center;background-size:cover}
    .main-product-list > li:nth-child(5){background:url('/base_2/img/new/main-sign-type-bg/type5.jpg') no-repeat center;background-size:cover}
    .main-product-list > li:nth-child(6){background:url('/base_2/img/new/main-sign-type-bg/type6.jpg') no-repeat center;background-size:cover}
    .main-product-list > li > a{width: 100%;height: 100%;}
    .main-product-list > li > a > p{position: absolute;bottom: 0;left: 0;width: 100%;padding: 8px;color: #fff;text-align: center;background: rgba(0,0,0,0.5);}
}
@media(min-width:600px) {
    /* pc */
    .main-product-list--mobile{display:none}
    .main-product-list--pc{display:block}
    .main-product-list > li{float: left;padding:12px}
    .main-product-list > li{width: 33.333%;height: 270px;}
    .main-product-list__head{padding: 16px 24px;font-size: 18px}
    .main-product-list > li > div{overflow: hidden;position: relative;height:100%;}
    .main-product-list > li:nth-child(1) > div{background:url('/base_2/img/new/main-sign-type-bg/type1.jpg') no-repeat center;background-size:cover}
    .main-product-list > li:nth-child(2) > div{background:url('/base_2/img/new/main-sign-type-bg/type2.jpg') no-repeat center;background-size:cover}
    .main-product-list > li:nth-child(3) > div{background:url('/base_2/img/new/main-sign-type-bg/type3.jpg') no-repeat center;background-size:cover}
    .main-product-list > li:nth-child(4) > div{background:url('/base_2/img/new/main-sign-type-bg/type4.jpg') no-repeat center;background-size:cover}
    .main-product-list > li:nth-child(5) > div{background:url('/base_2/img/new/main-sign-type-bg/type5.jpg') no-repeat center;background-size:cover}
    .main-product-list > li:nth-child(6) > div{background:url('/base_2/img/new/main-sign-type-bg/type6.jpg') no-repeat center;background-size:cover}
    .main-product-list__head{width: 100%;position: absolute;bottom: 0;left: 0;text-align: center;color: #fff;background: rgba(0,0,0,0.5);box-sizing: border-box;}
}
.main-product-show-box{position: absolute;top: 270px;width: 100%;height: 100%;padding: 28px;color: #fff;text-align: center;background: rgba(0,0,0,0.5);transition-duration: 0.2s;}
.main-product-show-box.is-show{top:0}
.main-product-show-box__strong:after{content: '';display: block;width: 45px;height: 3px;margin: 6px auto 0 auto;background: #fff;}
.main-box--portfolio .paging{display:none}
.main-box--portfolio .list-search-form{display:none}
.main-btn-link{text-align: center;font-weight: bold;border: 1px solid #3cb46e;color: #3cb46e;border-radius: 8px;}
.main-btn-link:after{content: '+';margin-left: 7px;}
.main-banner-link--qa > a{width: 100%;background: #3cb46e;box-sizing: border-box;font-weight: bold;}
.main-banner-link--qa > a > ul{max-width:1200px;margin:auto;}
.main-banner-link--qa__top-txt{display: block;color: #ffffff;font-size: 16px;}
.main-banner-link--qa__middle-txt{display: block;margin: 0 auto 16px auto;color: #d2ffe0;line-height: 1.2;}
.main-banner-link--qa__bottom-txt{display: block;position: relative;color: #225233;}
.main-banner-link--qa__bottom-txt:after{content: '';width: 8px;height: 8px;position: absolute;top: 50%;transform: translateY(-50%) rotate(-45deg);margin: 1px 0 0 3px;border-bottom: 2px solid #235233;border-right: 2px solid #235233;}
.main-product-show-box__strong{margin: 16px auto 8px auto;font-weight: bold;font-size: 24px;}
.main-product-show-box__sub-txt{margin: 24px auto;font-size: 16px;}
.main-product-show-box__link{width: 50%;height: 50px;margin: auto;line-height: 50px;border: 1px solid #fff;background: rgba(255,255,255,0.2);}
.main-product-show-box__link > a{width: 100%;height: 100%;font-size: 16px;color: #fff;}
@media(max-width:599px) {
    /* mobile */
    .main-banner-link--qa > a{padding:16px;}
    .main-box--portfolio .board-image-wrap{overflow-x: scroll;}
    .main-box--portfolio .board-type-img > tbody > tr > td{display: table-cell;}
    .main-box--portfolio .board-type-img .board_output_imgs{width:100%;height:100%}
    .main-btn-link{width: 160px;height: 46px;margin: 0 auto;line-height: 46px;font-size: 16px}
    .main-banner-link--qa__middle-txt{font-size: 22px}
    .main-banner-link--qa__bottom-txt{font-size: 18px;}
}
@media(min-width:600px) {
    /* pc */
    .main-banner-link--qa > a{padding: 24px 80px}
    .main-btn-link{width: 200px;height: 54px;margin: 16px auto;line-height: 54px;font-size: 18px}
    .main-banner-link--qa__middle-txt{font-size: 26px}
    .main-banner-link--qa__bottom-txt{font-size: 20px;}
}
/*¿À¸¥ÂÊ ¸Þ´º*/
@media(max-width:599px) {
    /* mobile */
    .right-fix-menu-wrap{display: none;}
}
@media(min-width:600px) {
    /* pc */
    .right-fix-menu{z-index: 1;width: 180px;position: absolute;right: 26px;top: 384px;border: 1px solid #e6e6e6;box-shadow: 0.2px 0.3px 12px rgba(0,0,0,0.12);background: #fff;}
    .right-fix-menu__head{height: 40px;line-height: 40px;text-align: center;border-bottom: 1px solid #e6e6e6;font-size: 15px;font-weight: bold;}
    .right-fix-menu-box{padding: 8px;border-bottom: 1px solid #e6e6e6;text-align: center;font-size: 15px;}
    .right-fix-menu-tel-btn {font-size: 22px;font-weight: bold;}
    .right-fix-menu-inner-btn{height: 36px;line-height: 36px;margin: 8px auto;background: #3cb46e;color: #fff;border-radius: 30px;font-size: 17px;font-weight: bold;box-shadow: 0.2px 1px 8px rgba(0,0,0,0.2);}
    .right-fix-menu-btn{position: relative;min-height: 36px;padding: 16px 16px 16px 64px;border-bottom: 1px solid #e6e6e6;font-size: 14px;font-weight: bold;}
    .right-fix-menu-btn:last-child{border-bottom: 0}
    .right-fix-menu-btn:before{content: '';width: 36px;height: 36px;position: absolute;left: 16px;top: 16px;}
    .right-fix-menu-btn--kakao:before{background: url('/base_2/img/new/right-menu/ico-kakao.png') no-repeat center;background-size: 36px auto;}
    .right-fix-menu-btn--email:before{background: url('/base_2/img/new/right-menu/ico-email.png') no-repeat center;background-size: 36px auto;}
    .right-fix-menu-btn--blog:before{background: url('/base_2/img/new/right-menu/ico-blog.png') no-repeat center;background-size: 36px auto;}
    .right-fix-menu-btn--instagram:before{background: url('/base_2/img/new/right-menu/ico-insta.png') no-repeat center;background-size: 34px auto;}
    .right-fix-menu-btn > span {display: block;line-height: 1.2;color: #989898;font-weight: normal;}
    .right-fix-menu-wrap--main .right-fix-menu{top: 700px;}
    .right-fix-menu.is-fixed{position: fixed;top: 30px;}
}
/*footer*/
.footer{width: 100%;background: #424242;}
.footer-box{position:relative;max-width: 900px; min-height: 50px;margin: auto;}
.footer-box__info-list > li {display: inline-block;margin: 0 8px 8px 0;color: #c3c3c3;letter-spacing: -0.3px;}
.footer-info-list__tel, .footer-info-list__email{color: #c3c3c3;}
.footer-box__logo{background: url('/base_2/img/new/logo-white.png') no-repeat center;}
@media(max-width:599px) {
    /* mobile */
    .footer{padding: 16px}
    .footer-box__logo{display:none;text-indent: -9999px;}
    .footer-box-sns{margin-bottom: 12px;}
    .footer-box-sns > li{display: inline-block;width: 26px;height: 26px;margin-right: 12px;text-indent: -9999px;}
    .footer-box-sns > li > a{width:100%;height:100%}
    .footer-box-sns__blog{background: url('/base_2/img/new/sns/ico-sns-blog-white.png') no-repeat center;background-size:26px auto;}
    .footer-box-sns__insta{background:url('/base_2/img/new/sns/ico-sns-insta-white.png') no-repeat center;background-size:26px auto;}
}
@media(min-width:600px) {
    /* pc */
    .footer{padding: 16px 16px 60px 16px;}
    .footer-box{padding-left: 200px;}
    .footer-box__logo{width: 190px;height: 50px;position: absolute;left: 0;text-indent: -9999px;background-size:190px auto}
    .footer-box-sns{display:none}
}
/*»ó¼¼ÆäÀÌÁö »ó´Ü*/
.content-box{min-height: calc(100vh - 293px);}
.content-box__head{position: relative;font-weight: bold;text-align: center;}
.content-box__head:before{z-index:1;content: 'PORTFOLIO';position: absolute;left:0;top: 0;width: 100%;background: rgba(0,0,0,0.5);color: #fff;}
.content-box__head.content-box__head--type-design:before{content: 'DESIGN'}
.content-box__head.content-box__head--type-qna:before{content: 'Q&A'}
.content-box__head.content-box__head--type-sign-design:before{content: 'SIGN DESIGN'}
.content-box__head:after{content: '';position: absolute;left: 0;top: 0;width: 100%;background:url('/base_2/img/new/sub-main-bg/sub-page-top-bg-portfolio.jpg') no-repeat center;}
.content-box__head.content-box__head--type-sign-design:after{background:url('/base_2/img/new/sub-main-bg/sub-page-top-bg-sign-design.jpg') no-repeat center;}
.content-box__head.content-box__head--type-design:after{background:url('/base_2/img/new/sub-main-bg/sub-page-top-bg-design.jpg') no-repeat center;}
.content-box__head.content-box__head--type-qna:after{background:url('/base_2/img/new/sub-main-bg/sub-page-top-bg-qna.jpg') no-repeat center;}
@media(max-width:599px) {
    /* mobile */
    .content-box__head{padding: 140px 0 26px 0;font-size: 20px;}
    .content-box__head:before{height: 110px;line-height: 110px;}
    .content-box__head:after{height: 110px;}
    
}
@media(min-width:600px) {
    /* pc */
    .content-box__head{padding: 280px 0 60px 0;font-size: 30px;}
    .content-box__head:before{height: 200px;line-height: 200px;}
    .content-box__head:after{height: 200px;}
}
.content-box__lnb{position: relative;overflow: hidden;border-left: 1px solid #e7e7e7;border-top: 1px solid #e7e7e7;}
.content-box__lnb > li {float: left;font-weight: bold;text-align: center;}
.content-box__lnb--type-design > li{width: 25%}
.content-box__lnb > li > a {color:#9a9a9a}
@media(max-width:599px) {
    /* mobile */
    .content-box__lnb{width: 90%;margin: 0 auto 30px auto;}
    .content-box__lnb > li{height: 32px;line-height: 32px;font-size: 13px;border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;white-space: nowrap;}
    .content-box__lnb--type-sign-design > li{width: 33.33%;}
    .content-box__lnb--type-portfolio > li{width: 33.33%;}
}
@media(min-width:600px) {
    /* pc */
    .content-box__lnb{max-width: 900px;margin: 0 auto 60px auto;}
    .content-box__lnb > li{height: 50px;line-height: 50px;font-size: 16px;border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7}
    .content-box__lnb--type-sign-design > li{width: 16.66%;}
    .content-box__lnb--type-portfolio > li{width: 16.66%;}
}
#main_visual {width:880px;height:344px;margin:0 auto;padding-top:10px}
#main_content {width:880px;height:216px;margin:0 auto;background:url(../img/main/visual_main2.gif) no-repeat;}
#main_content2 {width:850px;height:200px;margin:0 auto;background:#FFFFFF;}
#main_bnr1 {float:left;width:300px;height:200px}
#main_bbs {float:left; width:260px; margin:0 15px 0 0;}
#main_photo {float:left; width:260px;}
/*ȸ»ç¼Ò°³*/
.company-container__head{position: relative;font-weight: bold;text-align: center}
.company-container__head:after{content: '';width: 40px;height: 2px;background: gray;display: block;position: absolute;left: 50%;transform: translate(-50%);bottom: 0}
.company-container__top-sub-txt{text-align: center;font-weight: bold;display: block;}
.company-box__main-txt{text-align: center;}
.company-box__main-txt > em{display: block;color: #3cb46e;}
.company-info-list{max-width: 960px;padding-top: 40px;border-top: 1px solid #e6e6e6;}
.company-info-list > li > em{font-weight: bold;}
.company-box--bg-gray{background: #f3f3f3}
.company-info-list > li{margin-bottom: 24px;}
.company-info-list > li:last-child{margin-bottom:0}
.company-box__head{text-align: center;font-weight: normal;}
.company-box__head:after{content: '';width: 18px;height: 3px;display: block;background: #c5c5c5;margin: 6px auto 16px auto;}
.company-work-process-list{overflow: hidden;max-width: 960px;}
.company-work-process-list > li{position:relative;float: left;width: 25%;padding: 12px;text-align: center;}
.company-work-process-list > li:before{content: '';display: block;margin: 16px auto 8px auto}
.company-work-process-list > li:after{content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%) rotate(-45deg);}
.company-work-process-list > li:nth-child(4n):after{display: none;}
.company-contact-map{margin: 24px auto;}
.company-contact-map > iframe {display: block;max-width: 960px;width: 100%;margin:auto}
.company-contact-table{max-width: 960px;width: 100%;margin: 24px auto 0 auto;text-align: left;border-top: 1px solid #333}
.company-contact-table tr{border-bottom: 1px solid #dedede}
.company-contact-table td, .company-contact-table th{padding: 16px;}
.company-contact-table th{white-space: nowrap;}
.company-box--contact{margin-bottom:40px;border-top:1px solid #dedede}
@media(max-width:599px) {
    /* mobile */
    .company-container__head{padding: 36px 0 8px 0;font-size: 20px; margin-bottom: 24px;}
    .company-container__top-sub-txt{margin: 0 auto 26px auto;padding: 0 36px;font-size: 15px;}
    .company-box{padding:24px 16px}
    .company-box__main-txt > em{max-width: 180px;margin:8px auto;padding:0 36px;font-size: 20px;line-height: 1.3;}
    .company-info-list > li > em{display: block;font-size: 18px;}
    .company-info-list > li > ul{display: block;}
    .company-info-list{margin: 16px auto 0 auto;}
    .company-work-process-list{margin: 0 auto 16px auto;}
    .company-work-process-list > li{height: 133px;font-size:13px;line-height: 1.3;}
    .company-box__head{margin: 20px auto 16px auto;font-size: 20px;}
    .company-work-process-list > li:after{width: 8px;height: 8px;border-bottom: 1px solid #969696;border-right: 1px solid #969696;}
    .company-work-process-list > li:before{width: 40px;height: 40px}
    .company-work-process-list > li:nth-child(1):before{background:url('/base_2/img/new/company/process-1.png') no-repeat center;background-size:40px auto;}
    .company-work-process-list > li:nth-child(2):before{background:url('/base_2/img/new/company/process-2.png') no-repeat center;background-size:40px auto;}
    .company-work-process-list > li:nth-child(3):before{background:url('/base_2/img/new/company/process-3.png') no-repeat center;background-size:40px auto;}
    .company-work-process-list > li:nth-child(4):before{background:url('/base_2/img/new/company/process-4.png') no-repeat center;background-size:40px auto;}
    .company-work-process-list > li:nth-child(5):before{background:url('/base_2/img/new/company/process-5.png') no-repeat center;background-size:40px auto;}
    .company-work-process-list > li:nth-child(6):before{background:url('/base_2/img/new/company/process-6.png') no-repeat center;background-size:40px auto;}
    .company-work-process-list > li:nth-child(7):before{background:url('/base_2/img/new/company/process-7.png') no-repeat center;background-size:40px auto;}
    .company-work-process-list > li:nth-child(8):before{background:url('/base_2/img/new/company/process-8.png') no-repeat center;background-size:40px auto;}
}
@media(min-width:600px) {
    /* pc */
    .company-container__head{padding: 80px 0 18px 0;font-size: 30px;margin-bottom: 35px;}
    .company-container__top-sub-txt{margin: 0 auto 40px auto;font-size: 18px;}
    .company-box{padding:36px}
    .company-box__main-txt{font-size: 18px;line-height: 1.8;}
    .company-box__main-txt > em{font-size: 24px;}
    .company-info-list > li > em{display: inline-block;width: 200px;vertical-align: top;font-size: 20px;}
    .company-info-list > li > ul{display: inline-block;width: calc(100% - 300px);}
    .company-info-list > li > ul > li{font-size: 16px;}
    .company-info-list{margin: 40px auto 0 auto;}
    .company-work-process-list{margin: 24px auto 60px auto;}
    .company-work-process-list > li{font-size: 16px;}
    .company-box__head{margin: 60px auto 16px auto;font-size: 30px;}
    .company-work-process-list > li:after{width: 12px;height: 12px;border-bottom: 2px solid #969696;border-right: 2px solid #969696;}
    .company-work-process-list > li:before{width: 46px;height: 46px;}
    .company-work-process-list > li:nth-child(1):before{background:url('/base_2/img/new/company/process-1.png') no-repeat center;background-size:46px auto;}
    .company-work-process-list > li:nth-child(2):before{background:url('/base_2/img/new/company/process-2.png') no-repeat center;background-size:46px auto;}
    .company-work-process-list > li:nth-child(3):before{background:url('/base_2/img/new/company/process-3.png') no-repeat center;background-size:46px auto;}
    .company-work-process-list > li:nth-child(4):before{background:url('/base_2/img/new/company/process-4.png') no-repeat center;background-size:46px auto;}
    .company-work-process-list > li:nth-child(5):before{background:url('/base_2/img/new/company/process-5.png') no-repeat center;background-size:46px auto;}
    .company-work-process-list > li:nth-child(6):before{background:url('/base_2/img/new/company/process-6.png') no-repeat center;background-size:46px auto;}
    .company-work-process-list > li:nth-child(7):before{background:url('/base_2/img/new/company/process-7.png') no-repeat center;background-size:46px auto;}
    .company-work-process-list > li:nth-child(8):before{background:url('/base_2/img/new/company/process-8.png') no-repeat center;background-size:46px auto;}
    .company-contact-table td, .company-contact-table th{font-size: 18px;}
}
/*board*/
/* .board-type-img img{width:100%;height:auto} */
.board-type-img{max-width:1200px;margin:auto}
.board-type-img > tbody > tr > td {display:inline-block}
.board_output.board-type-img > tbody > tr{display: contents;}
.board.board-type-img > tbody > tr{display: contents;}
.gallery_title{display: block;margin: 4px 0 -20px 0;font-weight: bold;color: #000;text-align: left;word-break: keep-all;}
.gallery_title > span {display: block;text-align: left;color: #888;font-size: 14px;font-weight: normal;}
.board_output_gallery_subject{display: block;font-weight: bold;color: #000;text-align: left;word-break: keep-all;}
.gallery_cont, .board_output_gallery_description{display: block;text-align: left;color: #888;}
.table-detail-top--portfolio > ul{overflow: hidden;position: relative;border-bottom: 1px solid #e0e0e0;}
.table-detail-top--portfolio .board-detail-box__title{float: left;margin-bottom: 16px;}
.table-detail-top--portfolio .board-detail-box__title > span{display: block;font-size: 16px;color: #888;font-weight: normal;}
.table-detail-top--portfolio > ul > li:last-child{position: absolute;right: 0;bottom: 16px;}
.table-detail-contents--portfolio img{margin: auto;}
/* min-width:1200px */
@media(min-width:600px) {
    /* pc */
    /* .board-type-img{text-align: center;} */
    .gallery_title, .board_output_gallery_subject{font-size: 18px;}
    .board.board-type-img > tbody > tr > td{width: auto !important;}
    .board.board-type-img > tbody > tr > td > table > tbody > tr > td{padding:12px 12px 32px 12px}
    .board_output.board-type-img > tbody > tr > td > table{padding: 12px 12px 32px 12px;display: table-cell;}
    .board.board-type-img > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:nth-child(1) > td > a {width: 270px;height: 270px;overflow: hidden;position: relative;}
    .board.board-type-img > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:nth-child(1) > td > a > img {min-width: 100%;min-height: 100%;width: auto;height: auto;max-width: 400px;max-height: 400px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
}
@media(max-width:599px) {
    /* mobile */
    .board-type-img > tbody > tr > td{width: 50%;}
    .board.board-type-img{width: 90%;margin: auto;}
    .board.board-type-img > tbody > tr > td > table > tbody > tr > td{padding:6px 6px 16px 6px}
    .board_output.board-type-img > tbody > tr > td > table{padding:6px 6px 16px 6px;display: table-cell;}
    .gallery_title, .board_output_gallery_subject{font-size: 13px;}
    .gallery_cont, .board_output_gallery_description{font-size:12px}
    .board.board-type-img > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:nth-child(1) > td > a > img{width: 100%;height:100%}
    .gallery_title, .board_output_gallery_subject,.gallery_cont, .board_output_gallery_description{width: calc(100vw*0.9/2 - 24px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    .public_input.input_form{max-width: calc(100vw - 100px);}
}
.table-bottom-qna-read .bbsnewf5 > a {display:inline-block}
.qnb-board-wrap input[type='image'], .qnb-board-wrap input[type='file']{padding: 0;margin: 0;border:0 none}

/* .board-image-wrap{max-width: 960px;margin: auto;} */
.board-image-wrap .board-category-wrap{display:none}
.board-detail-box{max-width: 960px;margin: auto;padding: 0 24px 64px 24px;}
.board-detail-box__title{font-weight: bold;letter-spacing: -1px;}
.board-detail-box__title-sub{display: block;margin-top: 2px;color: #888;font-weight: normal}
.board-detail-box__img-box{text-align: center;}
.board-detail-box__img-box:last-child{margin-bottom:0}
@media(max-width:599px) {
    /* mobile */
    .board-detail-box__title{margin-bottom: 24px;font-size: 20px}
    .board-detail-box__title-sub{font-size: 15px;}
    .board-detail-box__img-box > img{margin-bottom:16px}
}
@media(min-width:600px) {
    /* pc */
    .board-detail-box__title{margin-bottom: 32px;font-size: 24px;}
    .board-detail-box__title-sub{font-size: 16px;}
    .board-detail-box__img-box > img{margin-bottom:32px}
}
@media(max-width:800px) {
    .board-detail-box__img-box > img{width: 100% !important;height: auto !important;}
}
/*paging*/
.paging{display: block;margin: 16px auto 46px auto;text-align: center;}
.paging > a, .paging > b{display:inline-block;width: 30px;height: 30px;line-height: 30px;text-align: center;border-radius: 6px;background: #f7f7f7;border: 1px solid #c7c7c7;font-weight: normal;}
.paging > b{background: #3cb46e;color: #fff;border-color: #3cb46e;}
.paging > a > font > b{color:#4c4c4c}
/*Æ÷Æ®Æú¸®¿À*/
.item-box-wrap{}
.item-box-wrap > ul {overflow: hidden;max-width: 1180px;margin: auto;}
.item-box-wrap .item-box__img-wrap{width: 100%;overflow: hidden;position: relative;}
.item-box-wrap .item-box__img-wrap > img{min-width: 100%;min-height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%)}
.item-box-wrap .item-box__text{font-size: 15px;font-weight: bold;color: #000;text-align: left;padding: 6px 0 0 12px;}
@media(max-width:599px) {
    /* mobile */
    .item-box-wrap .item-box{width: 50%;float: left;}
    .item-box-wrap .item-box > a{padding: 8px 8px 16px 8px;}
    .item-box-wrap .item-box__img-wrap{height: 120px;}
}
@media(min-width:600px) {
    /* pc */
    .item-box-wrap .item-box{width: 25%;float: left;}
    .item-box-wrap .item-box > a{padding: 12px 12px 32px 12px;}
    .item-box-wrap .item-box__img-wrap{height: 270px;}
    
    
}
/*¸ñ·Ï ÇÏ´Ü °Ë»ö Æû*/
.list-search-form{width: 1180px;overflow:hidden;padding: 16px 12px 80px 12px;margin: auto;}
.list-search-form__select,.list-search-form__input, .list-search-form__btn{float: left;border:1px solid #d0d0d0}
.list-search-form__select{height: 40px;padding: 0 8px;}
.list-search-form__input{height: 40px;padding: 0 8px;margin-left: -1px}
.list-search-form__btn{width:40px;height: 40px;}
/*°ßÀû¹®ÀÇ Å×À̺í*/
.qnb-board-wrap {max-width: 900px;width:96%;margin: auto;}
.qnb-board-wrap input{padding: 8px;border: 1px solid #dfdfdf;}
.qnb-board-wrap select {height: 30px;border: 1px solid #cacaca;}
.qnb-board-wrap textarea{width: 100%;height: 160px;box-sizing: border-box;resize: none;padding: 8px;}
.qnb-board-wrap td {padding: 8px 6px}
#m_view_table, #m_view_content, #m_view_page{max-width:960px !important;width:90% !important;margin:auto}
.qna-note{width:90%;max-width: 900px;margin: 0 auto 36px auto;padding: 24px 16px 16px 16px;border:1px solid #e6e6e6;border-radius: 8px;}
.qna-note > h3{display: block;padding: 4px;text-align: center;background: #fff;}
.qna-note > p{margin-bottom: 24px;text-align: center;}
.qna-note__list{margin: auto;}
.qna-note__list > li{margin-bottom: 8px}
.qna-note__list > li:last-child{margin-bottom:0}
.qna-note__list em{margin-right: 8px;font-weight: bold;}
@media(max-width:599px) {
    /* mobile */
    .qna-note > h3{width: 103px;margin: -38px auto 16px auto;font-size: 13px;}
    .qna-note__list{width: 210px;}
}
@media(min-width:600px) {
    /* pc */
    .qna-note{font-size: 18px;}
    .qna-note > h3{width: 150px;margin: -43px auto 16px auto;font-size: 20px;}
    .qna-note__list{width: 256px;}
}