@charset "utf-8";

/* ##############
##    공통
################# */
.t-red {color: #e00e0e;}
.cursor02 {cursor: default;}
.overflow-eclip {text-overflow: ellipsis; max-width: 100%; display: inline-block; overflow: hidden; white-space: nowrap;}
.billiards {display: inline-block;}
.billiards:before {content: "※"; display: inline-block; margin-right: 3px;}
.necessary:after {content: "*"; color: #ff0000;display: inline-block;margin-left: 3px;}
#container>.group {display: flex;}
#container .lnb + section {box-sizing: border-box; padding: 40px 0 40px 30px; min-width: 0; flex-basis: calc(100% - 220px);}
.title-blue.medium {font-size: 18px; font-weight: 500; margin-bottom: 10px; color: #0870bf;}
.title-blue.bold {font-size: 18px; font-weight: 700; margin-bottom: 10px; color: #0870bf;}
.total-wrap p {display: inline-block; line-height: 30px;}

/*####################
##   lnb style
######################*/
.lnb {flex-basis: 220px; min-width: 220px; border-left: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; min-height: calc(100vh - 447px); box-sizing: border-box;}
.lnb .lnb-title {font-size: 22px; font-weight: 700; padding: 30px 0; text-align: center; color: #fff; background-color: #0870bf;word-break:break-all;}
.lnb ul > li {background-color: #fff; border-top: 1px solid #d5d5d5;}
.lnb ul > li:last-child {background-color: #fff; border-bottom: 1px solid #d5d5d5;}
.lnb ul > li.on {background-color: #f2f2f2;}
.lnb ul > li > a {padding: 20px 40px 20px 20px; display: block; font-size: 16px; color: #666;}
.lnb ul > li.on > a {color: #000;}

/*####################
##   lnb3 style
######################*/
.lnb.bm3 .bt{display: block;width: 160px;margin: 30px auto 0;}
.lnb.bm3 .m-d-block{display: none;}
.lnb.bm3 .lnb-title {font-size: 16px; font-weight: 500; padding: 30px 0; text-align: center; background-color: transparent; color: #000; border-bottom: 1px solid #d5d5d5;}
.lnb.bm3 ul {padding: 30px 20px 0;}
.lnb.bm3 ul > li {background-color: #fff; border-top:0; margin-bottom: 20px;}
.lnb.bm3 ul > li:last-child {background-color: #fff; border-bottom: 0;}
.lnb.bm3 ul > li > strong {margin-bottom: 5px; display: inline-block; font-size: 16px;}
.lnb.bm3 ul > li > p {font-weight: 300; font-size: 16px; color: #666;}
.lnb.bm3 ul > li > p>a{display: inline-block;vertical-align: middle;margin-right: 8px;margin-bottom: 3px;}
.lnb.bm3 ul > li.on > a {color: #000;}
.lnb.bm3 .hash-area{padding: 0 20px;font-weight: 300; font-size: 16px; color: #666;margin-bottom: 20px;}
.lnb.bm3 .hash-area>a{display: inline-block;vertical-align: middle;margin-right: 8px;margin-bottom: 5px;border: 1px solid #d0d0d0;padding: 4px 8px;letter-spacing: -1px}




/*####################
##   footer style
######################*/
.keiti-footer {height: 225px ;background-color: #303030; color: #fff;padding: 30px 0 25px; box-sizing: border-box;}
.keiti-footer .tp {border-bottom: 1px solid #3a3a3a; padding-bottom: 30px; box-sizing: border-box;}
.keiti-footer .tp .group > p {font-size: 20px; display: inline-block; margin-bottom: 10px;}
.keiti-footer .tp .ic-call{background: url(../images/icon_tell.png) no-repeat center left; background-size: 18px auto; padding-left: 28px; display: inline-block; margin-left: 20px;}
.keiti-footer .tp .ic-fax{background: url(../images/icon_fax.png) no-repeat center left; background-size: 18px auto; padding-left: 28px; display: inline-block; margin-left: 20px;}
.keiti-footer .tp .ic-email{background: url(../images/icon_mail.png) no-repeat center left; background-size: 18px auto; padding-left: 28px; display: inline-block; margin-left: 20px;}
.keiti-footer .tp .ft-cmt {display: flex; font-size: 14px; font-weight: 300; opacity: 0.8;}
.keiti-footer .btm {padding-top: 25px; text-align: center; color: #a6a9ad;}
.copyright {color: #fff; opacity: 0.2; font-weight: 300; color:#fff;}
.keiti-footer .btm .group > p a:after {content: ""; background-color: #a6a9ad; width: 2px; height: 11px; margin: 0 5px; display: inline-block;}
.keiti-footer .btm .group > p a:last-child:after {display: none;}

/*####################
##   header3 style
######################*/
.keiti-header.bm3{text-align: center;}
.bm3 .group .fl {margin-top: 30px;}
.mid {width: calc(100% - 515px); padding: 32px 50px; box-sizing: border-box; display: inline-block; text-align: center;margin: auto;}
.mid h2 {font-size: 20px; font-weight: 500;margin-bottom: 10px;}
.mid h2 span {font-size: 14px; font-weight: 300; margin-right: 5px;}
.mid .search-all {border: 1px solid #7c7c7c; text-align: left; font-size: 0; position: relative; height: 50px; padding: 10px 0; box-sizing: border-box;}
.mid .search-all select {width: 30%; border-top: 0; border-bottom: 0; border-right: 0; height: 100%; background: url(../images/icon_bm3_arrow_d.png) no-repeat center right 10px; background-size: 16px auto; vertical-align: middle; display: inline-block;}
.mid .search-all select:focus {outline: none; border: 1px solid #aaa;}
.mid .search-all input[type=search] {border: 0; border-left: 1px solid #dadada; width: 70%; height: 100%; vertical-align:middle;padding-left: 20px; box-sizing: border-box; padding-right: 60px;}
.mid .search-all input[type=submit] {position: absolute; top: 0; right: 0; width: 50px; height: 49px; background:#7c7c7c url(../images/icon_search.png) no-repeat center; background-size: 26px auto; font-size: 0; border: 1px solid #7c7c7c;}
.mid .search-all input[type=submit]:focus {outline: none; border: 1px solid #0870bf;}

/* 커스텀 셀렉트박스 (footer) */
.keiti-footer select.custom-selelct {box-sizing: border-box; padding: 9px 20px 10px 14px; background: url(../images/icon_select_arrow.png) no-repeat center right 10px; background-size: 14px auto;border: 1px solid #5f5f5f;height: 40px;max-width: 100%; color: #5f5f5f;width: 160px; box-sizing: border-box;}


/* 페이지 타이틀 */
.page-title {font-size: 30px; font-weight: 700;text-align: center; margin-bottom: 54px;}

/* 타이틀 박스 */
.titlebox {border: 1px solid #ddd;}
.titlebox + .titlebox {border-top: 0;}
.titlebox h6 {font-size: 20px; font-weight: 500; text-align: center; background-color: #fafafa; padding: 18px 0;}
.titlebox > div {padding: 50px 50px; text-align: center; font-size: 0;}

/* 폼 그룹 스타일 */
.login-form .form-group {max-width: 440px; margin: auto; text-align: left;}
.form-group form > p.sns-tit {text-align: center; color: #000; font-size: 18px; }
.form-group input[type=text] {height: 40px; margin-bottom: 10px; padding-left: 5px; box-sizing: border-box;}
.form-group input[type=password] {height: 40px;padding-left: 5px; box-sizing: border-box;}
.form-group .bt {height: 50px;font-size: 18px;font-weight: 400; min-width: 240px; }
.form-group .bt.black {height: 50px;font-size: 18px;font-weight: 500;}
.form-group form > p {font-size: 16px; color: #666; margin-bottom: 10px;}

/* ##############
## 페이지별 스타일
################# */
.noti-pop{z-index: 9;}


/* 로그인페이지 */

.titlebox > div > button {padding: 12px 0 13px 50px; text-align: center; width: calc(50% - 20px); font-size: 16px; margin-right: 20px; margin-bottom: 20px; }

.ic-naver {background: url("../images/icon_login_naver.png") no-repeat left; border: 1px solid #28bf0a;}
.ic-facebook {background: url("../images/icon_login_facebook.png") no-repeat left; border: 1px solid #3a569c;}
.ic-google {background: url("../images/icon_login_goggle.png") no-repeat left; border: 1px solid #cfcfcf;}
.ic-twiter {background: url("../images/icon_login_twiter.png") no-repeat left; border: 1px solid #00aced;}

.login-form {max-width: 700px; margin: auto;}
.login-form > div > span{font-size: 16px;vertical-align: middle;}
.login-form > div > .findid {font-size: 14px; float: right; display: inline-block; background: url(../images/login-form-arrow-r.png) no-repeat center right 19px; padding: 5px 34px 5px 19px; text-align: center; border: 1px solid #000;vertical-align: middle;}

/* 가입여부 확인 */
.titlebox.find-account {max-width: 880px; margin: auto;}
.titlebox.find-account .form-group {padding: 50px 30px;}
.titlebox.find-account .account-form {max-width: 440px; margin: auto;}
.titlebox.find-account .account-form p {font-size: 16px; text-align: left; margin-bottom: 10px;}
.form-group .bg-txt.on{margin-top: 50px; font-size: 16px; text-align: center; display: block;}
.form-group .bg-txt {display: none;}
.form-group .bg-txt.on + .account-cmt {font-size: 16px; text-align: left; color: #666; display: block;}
.form-group .bg-txt + .account-cmt {display: none;}
.account-cmt p {margin-bottom: 10px;}
.account-cmt p:first-child {margin-top: 15px;}


/* FAQ 페이지*/

/* FAQ 아코디언 */
.wai-wrap.faq{background-color:#fff; margin-top: 30px; margin-bottom: 30px; font-size: 16px; text-align: left;}
.wai-wrap.faq>li{border:1px solid #ddd;border-bottom:0}
.wai-wrap.faq>li:last-child{border-bottom:1px solid #ccc;}
.wai-wrap.faq>li p{padding:20px 40px 20px 60px;cursor:pointer;box-sizing:border-box;background: #f9f9f9; position: relative;}
.wai-wrap.faq>li p>span {float: left; margin: 20px 40px 20px 20px; display: inline-block; position: absolute; top: 0; left: 0; bottom: 0;}
.wai-wrap.faq>li p[aria-expanded=true]{border-bottom:1px solid #ccc; background: #f0f0f0 url(../images/icon_accordion_arrow_u.png) no-repeat center right 20px;}
.wai-wrap.faq>li p[aria-expanded=false]{border-bottom:0; background: url(../images/icon_accordion_arrow_d.png) no-repeat center right 20px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.wai-wrap.faq>li p[aria-expanded=true]+div{display:block;}
.wai-wrap.faq>li p[aria-expanded=false]+div{display:none}
.wai-wrap.faq>li div{padding: 30px 10px;text-align: left;}
.wai-wrap.faq>li div>span {float: left; margin: 0 40px 0 20px; display: inline-block; color: #f36f21;}


/* 알림 페이지 */
.notice > ul {font-size: 0;}
.notice > ul > li {padding: 20px 15px; border-top: 1px solid #ddd; position: relative;}
.notice > ul > li:last-child {border-bottom: 1px solid #ddd;}
.notice > ul > li.no-confirm {background-color: #f9f9f9;}
.notice > ul > li .notice-title {font-size: 18px; margin-bottom: 10px; font-weight: 500;}
.notice > ul > li .notice-cmt {font-size: 14px; color:#666; margin-bottom: 20px; padding-right: 50px;}
.notice > ul > li .notice-close {cursor: pointer; position: absolute; top: 50%; right: 10px; transform: translate(0, -50%); display: inline-block; background: url(../images/icon_notice_close.png) no-repeat center; background-size: 20px auto; width: 20px; height: 20px; font-size: 0;}
.notice > ul > li .notice-time {font-size: 14px; color: #a4a4a4;}
.no-data {font-size: 20px; font-weight: 700; color: #999; background-color: #f2f2f2; text-align: center; padding: 100px 0;}

/* 개인정보조회 - 비밀번호 변경팝업*/
#change-pw {display: none;}
#change-pw form p {margin: 10px 0;}
#change-pw form input {width: 100%;}
#change-pw form input[type=submit] {margin-top: 20px;}

/* sns연동 */
.sns-form {max-width: 620px; margin: 0 auto;}
.form-group form .table-wrap {max-width: 620px; margin: 0 auto;}
.form-group.sns-connect {max-width: 620px;margin: 0 auto;border: 1px solid #ddd;padding: 35px 105px;box-sizing: border-box;}
.form-group.sns-connect .sns-cmt {font-size: 13px; margin-bottom: 20px;}
.form-group.sns-connect .sns-cmt.t-red {color: #ff0000;}
.form-group.sns-connect .bt.small {min-width: 104px;height: 40px;padding: 6px 10px;font-size: 13px;font-weight: 500; vertical-align: middle;}
.btn-text + .bt.ic-search {height: auto; font-size: 15px; font-weight: 400; min-width: 0;}
.form-group.sns-connect div.t-center.mt10 {font-size: 0;}
.form-group.sns-connect div.t-center.mt10 input{width: calc(50% - 5px);}
.form-group.sns-connect div.t-center.mt10 input:first-child{margin-right: 10px;}
.form-group.sns-connect .sns-agree {border: 1px solid #ddd; padding: 2px; box-sizing: border-box; height: 70px; overflow: auto; margin-bottom: 20px; width: 100%;}
.form-group.sns-connect .d-flex{display: flex;}

/* bm3_제품소개 */
.product {display: flex;margin-bottom: 30px;}
.product .product-img-wrap {border: 1px solid #e5e5e5; flex-basis: 390px; min-width: 390px; height: 190px; display: flex; justify-content: center; align-items: center; margin-right: 25px;}
.product .product-img-wrap img {max-height: 100%; max-width: 100%;}
.product .product-cnt-wrap{width: 100%;}
.product .product-cnt-wrap h6 {font-size: 26px;font-weight: 500;width: calc(100% - 90px);word-break: break-all;line-height: 1.2;}
.product .product-cnt-wrap .bt.small{margin-top: 2px;}
.product .product-cnt-wrap p {font-size: 16px; font-weight: 500; color: #666; max-height: 120px; margin-bottom: 0; overflow: auto; max-width: 100%; word-break: break-all; clear: both;}
ul.file-list {font-size: 0; padding: 20px 30px; background-color: #fafafa;margin-bottom: 30px;}
ul.file-list > li {font-size: 16px; color: #666;margin-bottom: 10px;}
ul.file-list > li:last-child {margin-bottom: 0;}
ul.file-list > li > a{background: url(../images/icon_save.png) no-repeat left top 3px; background-size: 20px auto;padding-left: 30px; display: inline-block;}
.introduce {margin-bottom: 30px;}
.introduce h6 {font-size: 20px; font-weight: 500; margin-bottom: 20px;}
.introduce p {font-size: 16px; color: #666;}
.arrow-r {background: url(../images/icon_bm3_arrow_r.png) no-repeat right 30px center; background-size: 11px auto;}
.arrow-l {background: url(../images/icon_bm3_arrow_l.png) no-repeat left 30px center; background-size: 11px auto;}

/* 공지사항 */
.ic-file{font-size: 0;display: inline-block;background: url("../images/icon_file.png") no-repeat center;height: 20px;width: 20px;vertical-align: middle;}
.m-block{display: none;}

/* 공지사항 상세 */
.download {background: url(../images/icon_download.png) no-repeat left top 2px; background-size: 25px auto; padding-left: 30px; display: block; margin-bottom: 5px; min-height: 28px;}

/* 성원테이블 */
.table-custom {margin-bottom: 30px;}
.table-custom-tr {display: flex;}
.table-custom > div {font-size: 16px; border-top: 1px solid #ddd;}
.table-custom .table-custom-title {font-weight: 500; text-align: center;padding: 18px 0;  box-sizing: border-box; border-top: 2px solid #000;}
.table-custom .table-custom-th {display: inline-block; max-width: 200px;
width: 100%; text-align: center; font-weight: 500; background-color: #fafafa;padding: 18px 0;  box-sizing: border-box; display: inline-flex; justify-content: center; align-items: center;}
.table-custom .table-custom-td {display: inline-block; flex-basis: 100%; padding: 18px 20px; box-sizing: border-box;}
.table-custom .table-custom-content {padding: 18px;}
.border-bt {border-bottom: 1px solid #ddd;}

/* 기업검색 리스트 */
.tablist.enterprise {font-size: 0; border-bottom: 1px solid #ddd; margin-bottom: 30px;}
.tablist.enterprise > li {display: inline-block;font-size: 16px;border: 1px solid #ccc;margin-bottom: -1px;border-bottom: 0;margin-right: 5px;}
.tablist.enterprise > li > a {padding: 10px 30px; display: inline-block; color: #666;}
.tablist.enterprise > li[aria-selected=true] > a {background-color: #fff; color: #143e88;}
.homepage-link {background: url(../images/icon_link.png) no-repeat center; background-size: 16px auto; width: 16px; height: 16px; font-size: 0; display: inline-block;vertical-align: middle;}


/*####################
##   footer3 style
######################*/
.keiti-footer.bm3 .tp .group > p {font-size: 16px; display: inline-block; margin-bottom: 10px; font-weight: 300;}
.keiti-footer.bm3 .tp .group .ft-cmt p {display: inline-block; font-size: 16px; font-weight: 300; color: #fff; vertical-align: middle;margin-right: 30px;}
.keiti-footer.bm3 .tp .group .ft-cmt p:last-child {margin-right: 0;}
.keiti-footer.bm3 .tp .ic-call{background:#808080 url(../images/icon_tell.png) no-repeat center; background-size: 18px auto; padding-left: 28px; display: inline-block; margin-left: 0px; font-size: 0; width: 30px; height: 30px; border-radius: 100%; box-sizing: border-box; vertical-align: middle;margin-right: 5px;}
.keiti-footer.bm3 .tp .ic-fax{background:#808080 url(../images/icon_fax.png) no-repeat center; background-size: 18px auto; padding-left: 28px; display: inline-block; margin-left: 20px; font-size: 0; width: 30px; height: 30px; border-radius: 100%; box-sizing: border-box;vertical-align: middle;margin-right: 5px;}
.keiti-footer.bm3 .tp .ic-email{background:#808080 url(../images/icon_mail.png) no-repeat center; background-size: 18px auto; padding-left: 28px; display: inline-block; margin-left: 20px; font-size: 0; width: 30px; height: 30px; border-radius: 100%; box-sizing: border-box;vertical-align: middle;margin-right: 5px;}
.bm3 .copyright {color: #a6a9ad;}


@media screen and (max-width: 1024px){
    .keiti-footer {padding: 15px 0 12px; height: 140px; padding: 45px 0 22px; position: relative;}
    .keiti-footer .tp {border-bottom: 0; border-top: 1px solid #3a3a3a; padding: 20px 5px;}
    .group {padding: 0 10px;}
    .keiti-footer .tp .group > p {display: none;}
    .keiti-footer select.custom-selelct {display: none;}
    .keiti-footer .tp .ft-cmt {flex-direction: column; font-size: 11px;}
    .keiti-footer .tp .ft-cmt .ft-addr {order: 1; text-align: center;}
    .keiti-footer .tp .ft-cmt .ft-info {margin-bottom: 5px; text-align: center;}
    .keiti-footer .tp .ft-cmt .ft-info span {background: none; padding-left: 0; margin-left: 0;}
    .keiti-footer .tp .ft-cmt .ft-info span:after {content: "";display: inline-block; width: 1px; height: 9px; background-color: #454545; margin: 0 7px; vertical-align: middle;}
    .keiti-footer .tp .ft-cmt .ft-info span:last-child:after {display: none;}
    .keiti-footer .btm {font-size: 12px;padding-top: 16px;position: absolute;bottom: 100px;left: 0;right: 0;}
    .copyright {display: none;}
    
    .faq-tablist {overflow: hidden; height: auto;border-right: 1px solid #d0d0d0;}
    .faq-tablist ul{flex-wrap: wrap;}
    .faq-tablist ul>li {width: 50%;margin-bottom: -1px;border-bottom: 1px solid #d0d0d0;border-right: 1px solid #d0d0d0;box-sizing: border-box;}
    .faq-tablist ul>li:nth-child(2n) {border-right: 0;}
    .faq-tablist ul>li>a {font-size: 14px; padding: 8px 10px;}
    
    .wai-wrap.faq {clear: both; margin-top: 15px; margin-bottom: 15px;}
    .wai-wrap.faq>li p {font-size: 14px; padding: 12px 40px 12px 60px;}
    .wai-wrap.faq>li p>span {font-size: 14px; margin: 12px 40px 12px 20px;}
    .wai-wrap.faq>li div {padding: 12px 10px; font-size: 14px;}
    .wai-wrap.faq>li div>span {margin: 0px 28px 0px 12px;}
}


@media screen and (max-width: 768px){
    

    #wrap #container .lnb + section {min-width: 100%; padding: 0;}
    .page-title {font-size: 20px;margin-bottom: 25px;}
    .title-blue.bold {font-size: 15px; margin-bottom: 5px;}
    
    /* 검색영역 */
    .search-form {padding: 8px 15px 4px !important; margin-bottom: 15px;}
    .search-form .rw {margin-bottom: 8px;}
    .search-form .rw .t-title {font-size: 14px; margin-bottom: 3px;}
    .search-form select {width: 100% !important; margin-right: 0 !important; height: 35px;}
    .search-form input[type=text] {max-width: none !important; width: 100% !important; margin-right: 0 !important; height: 35px;}
    .search-form select + input[type=text]{margin-top: 5px;}
    .search-form .bt {width: 100% !important; margin-right: 0 !important; margin-top: 8px; height: 35px; padding-top: 5px; padding-bottom: 5px;}
    .search-form .bt.w50-p-m {width: 50% !important;}
    
    
    /* 기업검색 리스트 */
    .tablist.enterprise {margin-bottom: 15px;}
    .tablist.enterprise > li > a {padding: 5px 15px; font-size: 15px;}
    .homepage-link {background-size: 10px auto;}
    
    /* 로그인 */
    .titlebox > div {padding: 30px 20px;}
    
    /* 알림 */
    .notice > ul > li {padding: 10px 7px;}
    .notice > ul > li .notice-title {font-size: 15px; margin-bottom: 5px;}
    .notice > ul > li .notice-cmt {font-size: 13px;padding-right: 30px;margin-bottom: 10px;}
    .notice > ul > li .notice-time {font-size: 12px;}
    .notice > ul > li .notice-close {background-size: 15px auto;width: 15px;height: 15px;}
    .no-data {font-size: 16px; padding: 50px 0;}
    
  
    
    /* 공지사항 상세 */
    .table-custom {margin-bottom: 20px;}
    .table-custom .table-custom-title {padding: 9px 0;}
    .table-custom > div{font-size: 14px;}
    .table-custom-tr {flex-wrap: wrap;}
    .table-custom .table-custom-th {max-width: none; width: 30%; padding: 9px 0;}
    .table-custom .table-custom-td {flex-basis: auto; width: 70%;  padding: 9px;}
    .download {font-size: 13px; background-size: 20px auto; margin-bottom:2px;}
    .border-bt-m {border-bottom: 1px solid #ddd;}
    
    /* bm3_제품소개 */
    .product {flex-direction: column;margin-bottom: 0;padding-top: 45px;}
    .product .product-img-wrap {margin-right: 0; min-width: auto;flex-basis:auto; margin-bottom: 10px; height: 150px;}
    .product .product-cnt-wrap h6 {font-size: 18px; width: 100%;}
    .url-copy {position: absolute;top: 0px;right: 0;}
    .product .product-cnt-wrap p {height: auto; font-size: 14px;}
    ul.file-list {padding: 10px 15px;margin-bottom: 20px;}
    ul.file-list > li {font-size: 13px;}
    ul.file-list > li > a {   background:url(../images/icon_save.png) no-repeat left top 5px;background-size: 10px auto;padding-left: 15px;}
    
    .introduce {margin-top: 10px; margin-bottom: 10px;}
    .introduce h6 {margin-bottom: 10px; font-size: 18px;}
    .introduce p {font-size: 14px;}
    
    #container .lnb.bm3 {flex-basis: auto;}
    #container .lnb.bm3 .lnb-title {order: 0;background-color: #fafafa;margin: 20px -14px 0;padding: 20px 0 15px;}
    #container .lnb.bm3 .lnb-title img {display: block; margin-bottom: 0; vertical-align: middle;max-width: 250px;max-height: 35px;}
    #container .lnb.bm3 .lnb-title p {vertical-align: middle;}
    .introduce + .btn-area input{ width: 80px; min-width: auto;box-sizing: border-box; height: 35px;padding: 6px 8px;font-size: 14px;}
    .arrow-l {background: url(../images/icon_bm3_arrow_l.png) no-repeat left 15px top 12px;background-size: 6px auto;background-position: top 12px left 8px;}
    .arrow-r{background: url(../images/icon_bm3_arrow_r.png) no-repeat right 15px top 12px;background-size: 6px auto;background-position: top 12px right 8px;}
    
    .lnb.bm3 ul {padding: 10px 0 0;}
    .lnb.bm3 ul > li > strong {font-size: 13px; display: block;}
    .lnb.bm3 ul > li > p {font-size: 14px; display: inline-block;}
    .lnb.bm3 ul > li {margin-bottom: 5px;}
    
    /* sns */
    .form-group.sns-connect {padding: 20px 30px;}
    .form-group.sns-connect form > p {margin-bottom: 5px;}
    .form-group.sns-connect .d-flex{flex-direction: column;}
    .form-group.sns-connect input[type=text], .form-group.sns-connect input[type=button], form-group.sns-connect input[type=submit] {height: 35px !important; line-height: 15px;}
    .form-group.sns-connect .sns-tit {font-size: 16px;}
    .form-group.sns-connect .sns-cmt {margin-bottom: 10px;}
    .form-group .bt {min-width: 70px;}
    .btn-text + .bt.ic-search {padding-right: 37px;}
}
@media screen and (max-width: 480px){
    
    /* 로그인 */
    .login-form .form-group{display: flex;flex-direction: column;width: 100%;box-sizing: border-box;}
    .form-group form > p {font-size: 14px;}
    .form-group .bt {font-size: 14px; height: 35px; padding: 6px 7px; box-sizing: border-box;}
    .form-group .bt.black {font-size: 14px; height: 35px;}
    .titlebox h6{font-size: 14px;padding: 15px 0;}
    .titlebox > div {padding: 25px 30px;}
    .titlebox > div > button{width: 100%;margin: 0 0 15px !important;padding: 8px 0 8px 35px;background-size: 42px auto;font-size: 13px;}
    .titlebox > div > button:last-child{margin-bottom: 0 !important}
    .form-group input[type=password]{margin-bottom: 20px !important;}
    .login-form > div > span{font-size: 13px;display: block;text-align: center;margin-bottom: 10px;}
    .login-form > div > .findid{float: none;width: 100%;box-sizing: border-box;box-sizing: border-box;font-size: 13px;margin-top: -10px; border: 0; text-decoration: underline;background: none;}
    .login-form > div > .findid:after{content: "";display: inline-block;background: url(../images/icon_login_arrow_r.png) no-repeat center; background-size: 6px auto;width: 10px;height: 14px;margin-left: 5px;vertical-align: middle;}
}

/* 2021-01-19  기업페이지 상세 */
.company-info{padding:25px 0 30px;}
.company-info .group{display:flex;}
.company-info .group .left{width:40%;}
.company-info .left .company-tit h5{display:inline-block;}
.company-info .left .company-tit .img-area{padding:15px 0 0;}
.company-info .group .right{margin-left:100px;width:60%;}
.company-info .right .skew-list li{position:relative;display:inline-block;width:50%;margin-left:-4px;margin-bottom:10px;padding-left:100px;box-sizing: border-box;vertical-align:top}
.company-info .right .skew-list li strong{position:absolute;top:0;left:0;padding-left:15px;max-width:100px;}
.company-info .right .skew-list li strong:before{content:'';top:8px;left:0;width:6px;height:6px;background:#0071cd;transform: skew(-20deg);vertical-align:middle;}
.company-info-btn{margin-top:-60px;text-align:center;}
.company-info-btn .btn-more-2{width:180px;padding-left:40px;line-height:40px;border-radius:0 0 10px 10px;background:#71bf44;border:0;}
.company-info-btn .btn-more-2 span{color:#fff;font-size:16px;}
.company-info-btn .btn-more-2 span:after{content:'';display:inline-block;width:13px;height:7px;margin-left:10px;background:url(../images/info_up_png) no-repeat;vertical-align:3px;transform:rotate(-180deg);}
.company-info-btn .btn-more-2.on span:after{transform:rotate(0);}
.company-info-btn .btn-more-2 span .status{vertical-align:top;padding-left:5px;font-size:26px;}
.company-info .view{display:none;max-width:1340px;margin:0 auto 0;}
.company-info .view.on{display:block;}
.company-info .view .web-editor{padding:0 20px;}
.company-info .view .web-editor h5{margin-top:20px;padding:20px 20px 0;} /**/
.company-info .view .file-list dt{top:0;left:0;margin-right:20px;font-weight:bold;}
.company-info .view .file-list dd a{display:block;}

/* 2021-01-20 To-be */
.company-info .view .file-list{position:relative;padding:0 20px;margin-top:20px;font-size:16px;}
.company-info .view .file-list dd a{margin-bottom:10px;}
.company-info .view .file-list dd .icon{display:inline-block;width:20px;height:20px;margin-right:10px;background:url(../images/ico_file.png)no-repeat;vertical-align:-4px;}
.company-info .view .data-none{position:relative;height:250px;margin-top:30px;background:#fff;}
.company-info .view .data-none span{top:50%;left:50%;font-size:26px;color:#606060;transform:translate(-50%, -50%);}

@media screen and (max-width: 1024px){

    /* 2021-01-19 To-be */
    .company-info .group{display:block;padding:0 15px;background-color:#fafafa;}
    .company-info .company-tit{width:100%;text-align:center;}
    .company-info .company-tit .img-area{float: none;display: block;width:85px;height:30px;padding: 0 !important;margin: 0 auto;text-align: center;}
    .company-info .company-tit .img-area img{width:100%;}
    .company-info .group .left{width:100%;}
    .company-info .left .company-tit h5{width:100%;font-size:17px;margin-bottom:20px;}
    .company-info .right .skew-list{margin-bottom:10px;}
    .company-info .right .skew-list li{width:100%;text-align:left;}

    .company-info .view .web-editor{padding:0 15px;}
    .company-info .view .web-editor h5{margin:0;padding-top:15px;font-size:16px;text-align:left;}
    .company-info-btn{margin:0;}
    .company-area{margin-top:30px;}

    /* 2021-01-20 To-be */
    .company-info .group .right{width:100%;padding-bottom:30px;margin-left:0;text-align: center;}
    .company-info .view{padding:0 15px 15px;background-color:#fafafa;}
    .company-info .view .file-list{margin-top:20px;font-size:14px;}

}

/* 2022-01-26 기업 상세 */
.company-area .group .txt{font-size:18px;}

@media screen and (max-width: 768px) {
    /* 2021-01-26 기업 상세페이지 */
    .company-area .group .txt{font-size:14px;text-align:center;}
}