﻿@charset "euc-kr";
/* CSS Document */

/* 탑메뉴 */

@media all and (min-width:741px) {
    .mo_top {
        display: none !important;
    }
    .side-menu-overlay {
        display: none !important;
    }
    .side-menu-wrapper {
        display: none !important;
    }
    .mainBody .topWrap {
        width: 100%;
        height: auto;
        background: #12153b;
    }
    .topWrap {
        width: 100%;
        height: 330px;
        min-width: 1200px;
        background-size: cover;
    }
    body.sub01 .topWrap {
        background: url(/img/common/subTopBg01.jpg) no-repeat center top !important;
    }
    body.sub02 .topWrap {
        background: url(/img/common/subTopBg02.jpg) no-repeat center top !important;
    }
    body.sub03 .topWrap {
        background: url(/img/common/subTopBg03.jpg) no-repeat center top !important;
    }
    body.sub04 .topWrap {
        background: url(/img/common/subTopBg04.jpg) no-repeat center top !important;
    }
    body.sub05 .topWrap {
        background: url(/img/common/subTopBg05.jpg) no-repeat center top !important;
    }
    body.sub06 .topWrap {
        background: url(/img/common/subTopBg06.jpg) no-repeat center top !important;
    }
    .topWrap .top {
        padding: 0;
    }
    .topWrap .topBg {
        background-color: rgba(18,21,59,0.8);
        width: 100%;
        min-width: 1200px;
        position: relative;
    }
    .topWrap .top .logo {
        float: left;
        margin-top: 10px;
    }
    .topWrap .top {
        width: 1200px;
        margin: 0px auto;
        height: 80px;
    }
    .topWrap .top ul.menu {
        float: right;
        padding: 0 0px 0 0
    }
    .topWrap .top ul.menu li {
        float: left;
        margin-right: 60px;
        box-sizing: border-box;
    }
    .topWrap .top ul.menu li a {
        color: #fff;
        display: block;
        font-size: 20px;
        font-weight: 500;
        transition: 0.3s;
        display: block;
        height: 80px;
        line-height: 80px;
        font-family: 'NanumBarunGothic';
    }
    .topWrap .top ul.menu li a:hover {
        color: #ffce00;
    }
    .topWrap .dropMenuWrap {
        display: none;
        width: 100%;
        clear: both;
        position: absolute;
        top: 80px;
        left: 0;
        z-index: 9000;
        background-color: rgba(0, 0, 0, 0.8)
    }
    .topWrap .dropMenuWrap .dropmenu1200 {
        width: 1400px;
        overflow: hidden;
        margin: 0px auto;
    }
    .topWrap .dropMenuWrap .dropmenu1200 .dropMenu {
        float: right;
        overflow: hidden;
        padding: 30px 0;
    }
    .topWrap .dropMenuWrap .dropmenu1200 .dropMenu li {
        width: 140px;
        margin-left: 20px;
        float: left;
    }
    .topWrap .dropMenuWrap .dropmenu1200 .dropMenu li a {
        display: block;
        color: #fff;
        font-size: 17px;
        margin-bottom: 10px;
        transition: 0.3s;
    }
    .topWrap .dropMenuWrap .dropmenu1200 .dropMenu li a:hover {
        color: #ffce00;
    }
    /*
.stopWrap {width:100%; height:330px; background:url(/new/img/common/subTopBg.jpg) no-repeat center top;}
.stopWrap .stopBg {background-color:rgba(0,0,0,0.7); width:1000%; min-width:1200px;}
.stopWrap .stop {padding:0; overflow:hidden;}
.stopWrap .stop .logo {float:left; margin-top:20px;}
.stopWrap .stop {width:1000px; margin:0px auto; overflow:hidden;}
.stopWrap .stop ul.menu {float:right;}
.stopWrap .stop ul.menu li {float:left; margin-left:40px;}
.stopWrap .stop ul.menu li a {color:#fff; display:block; font-size:18px; font-weight:700; transition:0.3s; display:block; height:80px; line-height:80px; font-family:NanumBarunGothic;}
.stopWrap .stop ul.menu li a:hover {color:#ffce00;}
*/
    /* // 탑메뉴 */
    /* 서브공통 */
    /* 서브타이틀 */
    .subTitle {
        background: url(/new/img/common/titleLineBg.gif) repeat-x top 50% left 0;
        margin-bottom: 20px;
    }
    .subTitle.blue {
        color: #2b2e83 !important;
    }
    .subTitle.blue span {
        color: #2b2e83 !important;
    }
    .subTitle span {
        font-size: 28px;
        font-weight: 200;
        color: #222;
        background: #fff;
        padding-right: 10px;
    }
    .subTitle span strong {
        font-weight: 700;
    }
    /* 메인비쥬얼 영역 */
    .mvWrap {
        box-sizing: border-box;
        padding: 0;
        margin: 0 auto;
        position: relative;
        min-width: 1200px;
    }
    .mvWrap .mvSlider {
        height: 802px !important;
        overflow: hidden;
    }
    .mvWrap li {
        height: 802px;
        width: 100%;
        left: 50%;
        margin-left: -50%;
        position: absolute;
        height: 802px;
    }
    .mvWrap li img {
        width: 100%;
        min-width: 1920px;
        
    }
    .mvWrap .mv_arrow a {
        background: url(/img/mv_arrow.png) no-repeat;
        width: 60px;
        height: 60px;
        position: absolute;
        top: 50%;
        margin-top: -30px;
        transition: 0.3s;
    }
    .mvWrap .mv_arrow a:hover {
        opacity: 0.5;
        filter: alpha(opacity=50)
    }
    .mvWrap #slider-next a {
        right: 50%;
        margin-right: 750px;
    }
    .mvWrap #slider-prev a {
        left: 50%;
        margin-left: 750px;
        background-position: right;
    }
    .TopLine{
        border: 1px solid #dfdfdf;
    }
    /* // 메인비쥬얼 영역 */
    /* 사업영역 미리보기 */
    h1.mainTitle {
        font-size: 44px;
        font-weight: 100;
        font-family:  'Titillium Web';
    }
    h1.mainTitle strong {
        font-weight: 800;
        font-style: normal;
        color: #1955b8;
        letter-spacing: 4px;
        font-size: 48px;
    }
    h1.mainTitle .subTitle01 {
        font-style: normal;
        font-weight: 400;
        color: #a4a4a4;
        font-size: 17px;
        padding: 10px 0 0 0;
        text-align: center;
        letter-spacing: -1px;
        line-height: 26px;
        font-family: 'NanumBarunGothic' !important;
    }
    h1.mainTitle .edge {
        width: 50px;
        height: 6px;
        background-color: #385dae;
        margin: 30px auto 30px auto;
        border-radius: 10px;
    }
    .mainBus {
        width: 1000px;
        margin: 0px auto;
        padding: 40px 0 60px;
    }
    .mainBus h1 {
        text-align: center;
        margin-bottom: 40px;
    }
    .mainBus ul {
        overflow: hidden;
        margin-bottom: 40px;
        padding-bottom: 10px;
    }
    .mainBus ul li:last-child {
        margin-right: 0;
    }
    .mainBus ul li {
        width: 235px;
        background: #fff;
        font-family: 'NanumBarunGothic';
        box-shadow: 2px 4px 5px #bbbbbb;
        float: left;
        margin-right: 18px;
    }
    .mainBus ul li dl{
        padding:20px 20px 25px;;
        overflow: hidden;
    }
    .mainBus ul li dl dt {
        font-size: 16px;
        color: #666;
        font-weight: 400;
        padding-bottom: 10px;
    }
    .mainBus ul li dl span {
        width: 50px;
        height: 20px;
        background-color: #ffa200;
        border-radius: 50px;
        font-size: 14px;
        padding:5px 20px;
        color: #fff;
        line-height: 20px;
        margin-right: 10px;
    }
    .mainBus ul li dl dd {
        word-break: keep-all;
        font-size: 24px;
        color: #000;
        padding: 0 0 10px 0;
        white-space: nowrap;
        line-height: 25px;
    }
    .mainBus li dl dd.detail{

        line-height: 20px;
    }

    .mainBus li dl dd .icon {
        display: block;
        float: left;
        color: #fff;
        border-radius: 3px;
        margin-right: 3px;
        font-family:'arial', 'sans-serif';
        font-size: 11px;
        height: 22px;
        line-height: 22px;
        padding: 0 5px;
    }
    .mainBus li dl dd .icon.green {
        background: #7abeb6;
    }
    .mainBus li dl dd .icon.red {
        background: #ef3d3d;
    }
    .mainBus li dl dd .icon.gray {
        background: #444;
    }
    
    .mainBus ul li dl dd.workPr {
        font-size:12px;
    }
    
    .mainBus li .moreBtn {
        display: block;
        background: url(/img/icon_rightArrowB.png) no-repeat right 20px top 50%;
        padding: 20px;
        font-size: 15px;
        font-family: 'NanumBarunGothic';
        border-top: 1px solid #dbdbdb;
        transition: 0.3s;
    }
    .mainBus li .moreBtn:hover {
        background: url(/img/common/icon_blueArrow.png) no-repeat right 20px top 50%;
        border: 1px solid #1955b8;
        color:#1955b8 !important;
        padding-bottom: 19px;
    }
    .mainBus li .moreBtn a:hover{
        color:#1955b8 !important;
    }
    .mainBus .btnArea {
        font-family: 'Titillium Web', 'NanumBarunGothic';
        font-size: 18px;
        width: 510px;
        margin: 0 auto;
    }
    .mainBus .btnArea a {
        display: block;
        box-sizing: border-box;
        height: 64px;
        line-height: 64px;
        font-size: 20px;
        transition: 0.3s;
        border-radius: 50px;
    }
    .mainBus .btnArea a.requestBtn {
        color: #fff;
        width: 255px;
        float: left;
        padding: 0 0 0 30px;
        background: url(/img/icon_rightArrowW.png) #121534 no-repeat top 50% right 20px;
        margin-right: 10px;
    }
    .mainBus .btnArea a.tel {
        color: #000;
        border: 1px solid #bbbbbb;
        display: inline-block;
        padding: 0 20px;
        background: #fff;
    }
    .mainBus .btnArea a.requestBtn:hover {
        color: #fff;
        width: 255px;
        float: left;
        padding: 0 0 0 30px;
        background: url(/img/icon_rightArrowW.png) no-repeat top 50% right 20px;
        background-color: #1955b8; 
        margin-right: 10px;
        
    }
    .mainBus .btnArea a.tel strong {
        font-weight: 500;
    }
    .mainBus li.moreBtn {
        clear: both;
        display: block;
        background: url(/new/img/business/moreBtnBg02.png) no-repeat right 20px top 50%;
        padding: 20px;
        font-size: 16px;
        font-family: 'NanumBarunGothic';
        border-top: 1px solid #dbdbdb;
        transition: 0.3s;
    }
    .howtoWrap {
        background: url(/new/img/main/idea_bg.jpg) no-repeat center top;
        width: 100%;
        min-width: 1000px;
        box-sizing: border-box;
        background-size: cover;
    }
    .mainBiz {
        width: 1000px;
        margin: 0px auto;
        padding: 40px 0;
    }
    .mainBiz h1 {
        text-align: center;
        margin-bottom: 40px;
    }
    .mainBiz ul {
        overflow: hidden;
    }
    .mainBiz ul li {
        float: left;
        margin-right: 20px;
        width: 235px;
        text-align: center;
        font-family: 'NanumBarunGothic';
    }
    .mainBiz ul li:last-child {
        margin-right: 0;
    }
    .mainBiz ul li dl dt {
        font-size: 30px;
        color: #222;
        padding: 30px 0 18px 0;
    }
    .mainBiz ul li dl dd {
        word-break: keep-all;
        font-size: 17px;
        padding: 0 0 20px 0;
        white-space: nowrap;
        text-align: center;
        line-height: 25px;
    }
    .mainBiz ul li .moreBtn {
        border: 1px solid #dbdbdb;
        font-size: 18px;
        background: url(/img/icon_rightArrowB.png) no-repeat top 50% right 20px;
        display: block;
        width: 180px;
        box-sizing: border-box;
        height: 46px;
        line-height: 46px;
        text-align: left;
        margin: 0px auto;
        padding: 0 0 0 30px;
        transition: 0.3s;
        border-radius: 50px;
    }
    .mainBiz ul li .moreBtn:hover {
        border: 1px solid #1955b8;
        background: url(/img/common/icon_blueArrow.png) no-repeat top 50% right 20px;
        color: #1955b8;
    }
    
    .mvText01 span{
        color:#1955b8;
    }
    .mvText01 .text01 p {
        font-size: 46px;
        color: #c2e6ff;
        font-weight: 500;
        height: 40px;
        letter-spacing: -3px;
    }
    .mvText01 .text01 span {
        font-size: 85px;
        color: #c2e6ff;
        font-weight: 500;
        height: 40px;
        letter-spacing: -3px;
    }
    /* 빌딩 관리 영역 */
    .mainPrWrap {
        background-color: #f2f2f2;
        padding: 0 50px;
        margin-bottom: 50px;
    }
    .mainPr {
        width: 1000px;
        margin: 0px auto;
        overflow: hidden;
    }
    .mainPr * {
        font-family: 'Titillium Web', 'NanumBarunGothic';
    }
    .mainPr .prMovie {
        box-sizing: border-box;
        width: 660px;
        height: 370px;
        background-color: #fff;
        float: left;
        margin-right: 20px;
    }
    .mainPr .prMovie iframe {
        padding: 0;
        margin: 0;
    }
    .mainPr .prLink {
        float: left;
        width: 320px;
    }
    .mainPr .prLink a {
        display: block;
        width: 320px;
        height: 175px;
        background-color: #fff;
        font-size: 18px;
        font-weight: 400;
        color: #656565;
        transition: 0.3s;
        cursor: pointer;
        box-sizing: border-box;
        position: relative;
        border: 1px solid #ccc;
    }
    .mainPr .prLink a .bg {
        height: 175px;
        width: 320px;
        box-sizing: border-box;
        padding: 30px 0 0 30px;
        transition: 0.3s;
    }
    .mainPr .prLink a span {
        font-size: 28px;
        font-style: italic;
        font-weight: 200;
    }
    .mainPr .prLink a p {
        font-size: 36px;
        font-style: italic;
        font-weight: 200;
        margin-bottom: 8px;
    }
    .mainPr .prLink a.brochure {
        margin-bottom: 20px;
    }
    .mainPr .prLink a.brochure .bg {
        background: url(/new/img/main/prBg_bro.png) no-repeat top 50% right -20px;
    }
    .mainPr .prLink a.brochure span,
    .mainPr .prLink a.brochure p {
        color: #385dae;
    }
    .mainPr .prLink a.movieLink .bg {
        background: url(/new/img/main/prBg_tv.png) no-repeat top 50% right -10px;
    }
    .mainPr .prLink a.movieLink span,
    .mainPr .prLink a.movieLink p {
        color: #5bc8c9;
    }
    .mainPr .prLink a .edge {
        width: 0px;
        height: 5px;
        position: absolute;
        left: 0;
        top: 0;
        background-color: #fff;
        transition: 0.3s;
    }
    .mainPr .prLink a:hover .edge {
        width: 100%;
    }
    .mainPr .prLink a.brochure:hover .edge {
        background-color: #385dae;
    }
    .mainPr .prLink a.movieLink:hover .edge {
        background-color: #5bc8c9;
    }
    .mainPr .prLink a.brochure:hover .bg {
        background: url(/new/img/main/prBg_bro.png) no-repeat top 50% right 10px;
    }
    .mainPr .prLink a.movieLink:hover .bg {
        background: url(/new/img/main/prBg_tv.png) no-repeat top 50% right 10px;
    }
    /* 관리 빌딩 영역 */
    #moviePopUP {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
    }
    .popup_visible #moviePopUP {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    /* 원스톱 영역 */
    .howtoWrap {
        background: url(/new/img/main/idea_bg.jpg) no-repeat center top;
        width: 100%;
        min-width: 1000px;
        box-sizing: border-box;
        background-size: cover;
    }
    .howtoWrap * {
        font-family: 'Titillium Web', 'NanumBarunGothic';
    }
    .howtoWrap .howto {
        width: 1000px;
        margin: 0px auto;
        position: relative;
        box-sizing: border-box;
        height: 500px;
        padding-top: 110px;
    }
    /* 최근 게시물영역 */
    .latelyArea * {
        font-family: 'Titillium Web', 'NanumBarunGothic';
        
        
    }
    .latelyArea h1{
        text-align: center;
        margin-bottom: 40px;
    }
    .latelyArea {
        width: 1000px;
        margin: 0px auto;
        overflow: hidden;
    }
    .latelyArea .lately {
        width: 470px;
        float: left;
        overflow: hidden;
    }
    .latelyArea .lately h2 {
        font-size: 30px;
        font-weight: 400;
        height: 44px;
        line-height: 44px;
        margin-bottom: 30px;
    }
    .latelyArea .lately h2 .edge {
        float: right;
    }
    .latelyArea .lately ul {
        border-top: 1px solid #666;
    }
    .latelyArea .lately ul li {
        border-bottom: 1px solid #eae9f1;
    }
    .latelyArea .lately ul li a {
        padding: 20px 0;
        display: block;
    }
    .latelyArea .lately ul li a .title {
        width: 380px;
        display: inline-block;
        font-size: 17px;
        color: #444;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .latelyArea .lately ul li a .date {
        float: right;
        color: #bdbdbd;
        font-weight: 400;
        font-size: 15px;
    }
    .latelyArea .notice {
        margin-right: 60px;
        margin-bottom: 30px;
        height: 430px;
    }
    .latelyArea .notice h2 a {
        color: #385dae;
    }
    .btn_notice_register{
        width:150px;float:right;
    }
    .clear {
        clear: both;
    }
    .pressLately {
        padding: 40px 0;
        border-top: 1px solid #dbdbdb;
        margin-top: 50px;
        width: 1000px;
        margin: 0px auto;
        overflow: hidden;
    }
    .pressLately h1 {
        text-align: center;
    }
    .pressLately .mainTitle .edge {
        width: 50px;
        height: 6px;
        margin: 30px auto;
        border-radius: 10px;
    }
    .pressLately .main_contents {
        position: relative;
        width: 480px;
        float: left;
        font-family: 'Titillium Web', 'NanumBarunGothic';
        margin-right: 30px;
        border-right: 1px dashed #dbdbdb;
    }
    .main_contents .main_table {
        box-sizing: border-box;
        font-size: 18px;
        color: #454545;
        line-height: 20px;
        float: left;
        margin-bottom: 30px;
    }
    .main_contents .main_table table {
        margin-bottom: 20px;
    }
    .pressLately .main_contents .main_table th {
        font-weight: 400;
        text-align: left;
        width: 100px;
    }
    .pressLatelye .main_contents .main_table th,
    .pressLately .main_contents .main_table td {
        padding: 10px 10px;
        font-size: 14px;
    }
    .pressLately .main_contents .main_table td {
        font-weight: 300;
    }
    .pressLately .main_contents .main_table td * {
        font-size: 12px;
    }
    .pressLately .main_contents .main_table td textarea {
        width: 100%;
    }
    .pressLately .main_contents .main_table td label {
        font-size: 13px;
        margin-right: 10px;
        font-weight: 300;
    }
    .pressLately .main_contents .main_table td label {
        font-size: 13px;
        margin-right: 10px;
        font-weight: 300;
    }
    .pressLately .main_contents .main_table input.comCon {
        width: 350px;
        height: 110px;
  
    }
    .pressLately .moreBtn {
        font-size: 20px;
        background: url(/img/icon_rightArrowW.png) #121534 no-repeat top 50% right 20px;
        display: block;
        width: 180px;
        box-sizing: border-box;
        height: 50px;
        line-height: 50px;
        padding: 0 0 0 30px;
        transition: 0.3s;
        clear: both;
        color: #fff;
        border-radius: 50px;
        margin:0 auto;
    }
  
    /*찾아오시는길*/
    /*.pressLately .main_contactR {
        float: left;
        width: 450px;
        padding-left:20px;
    }*/
    .pressLately .main_contactR {
        padding-left:20px;
    }
    .pressLately .main_contactR h1 {
        font-size: 24px;
        font-weight: 400;
        text-align: left;
        margin-bottom: 15px;
        color:#385dae;
    }
    .pressLately .main_contactR .roadMap {
        width: 450px;
        border-right:1px solid #dbdbdb;
        border-bottom:1px solid #dbdbdb;
        margin: 0 0 10px;
        overflow: hidden;
        float: left;
        height: 300px;
    }
    .pressLately .main_contactR .roadMapR {
        margin: 0 0 10px;
        overflow: hidden;
        float: right;
        width: 500px;
    }
    .pressLately .main_contactR p {
        font-size: 14px;
        font-weight: 300px;
        line-height: 25px;
        margin-left: 10px;
        margin-bottom: 5px;
    }
    .pressLately .main_contactR p strong{
        font-size: 17px;
        font-weight: 300px;
        line-height: 40px;
        color:#222;
    }
    .pressLately .main_contactR .busG span{
        border-radius: 50px;
        background-color:#61c327;
        padding:2px 20px;
        color:#fff;
        font-weight: 500;
        margin-right: 10px;
        
    }
    .pressLately .main_contactR .busB span{
        border-radius: 50px;
        background-color:#3f62b5;
        padding:2px 20px;
        color:#fff;
        font-weight: 500;
        margin-right: 10px;
        
    }
    .pressLately .main_contactR .busB{
        padding-bottom: 15px;
        
    }
    .pressLately .main_contactR .busGS{
        border-top: 1px dashed #d4d4d4;
        padding: 15px 0 ;
        
    }
    .pressLately .main_contactR .busGS span{
        border-radius: 50px;
        background-color:#29c531;
        padding:5px 20px;
        color:#fff;
        font-weight: 500;
        margin-right: 10px;
        
    }
    /* // 최근 게시물영역*/
    .floatC {
        clear: both;
    }
    .footerWrap {
        background-color: #080a1f;
        margin-top: 120px;
        min-width: 1200px;
        width: 100%;

    }
    .footerWrap .footer {
        width: 1200px;
        margin: 0px auto;
        padding: 20px 0;
    }
    .footerWrap .footer .footLink {
        border-bottom: 1px solid #7e7e7e;
        padding: 20px 0;
        position: relative;
    }
    .footerWrap .footer .footLink .quickLink {
        overflow: hidden;
        position: relative;
    }
    .footerWrap .footer .footLink .quickLink li {
        float: left;
    }
    .footerWrap .footer .footLink .quickLink li .div {
        height: 16px;
        width: 1px;
        background-color: #7e7e7e;
        margin: 0 10px 0 10px;
        float: right;
    }
    .footerWrap .footer .footLink .quickLink li a {
        color: #fff;
        font-family: 'Noto sans KR';
        font-size: 15px;
        display: inline-block;
        font-weight: 400;
        transition: 0.6s;
    }
    .footerWrap .footer .footLink .quickLink li a:hover {
        color: #ffce00;
    }
    .footerWrap .footer .footText {
        padding: 20px 0;
        font-family: 'NanumBarunGothic';
        position: relative
    }
    .footerWrap .footer .footText h1 {
        font-size: 20px;
        font-weight: 800;
        color: #1955b8;
        margin-bottom: 10px;
    }
    .footerWrap .footer .footText p {
        color: #fff;
        margin-bottom: 6px;
        line-height: 20px;
    }
    .footerWrap .footer .footText p span {
        margin-right: 15px;
        font-size: 15px;
    }
    .footerWrap .footer .footText p span.en {
        font-family: 'Titillium Web';
        letter-spacing: 0.5px;
    }
    .footerWrap .footer .footText strong {
        margin-right: 5px;
        font-weight: 400;
    }
    .footerWrap .footer .footText span {
        font-size: 12px;
        color: #fff;
        font-family: 'Noto sans KR';
        letter-spacing: 0.5px;
    }
    .footerWrap .footer .footLink .requsetTel {
        height: 22px;
        line-height: 22px;
        font-size: 20px;
        color: #CCC;
        position: absolute;
        right: 50px;
        top: 20px;
    }
    .footerWrap .footer .footLink .requsetTel strong {
        font-weight: 600;
        color: #ffce00;
        font-size: 24px;
        padding-left: 10px;
    }
    .footerWrap .footer .footText .kakao_id {
        width: 320px;
        height: 55px;
        background-color: #f9e000;
        right: 0;
        top: 50%;
        margin-top: -22px;
        position: absolute;
        border-radius: 50px;
    }
    .footerWrap .footer .footText .kakao_id a {
        width: 320px;
        height: 55px;
        line-height: 55px;
        display: block;
        color: #3b1e1e;
        background: url(/new/img/common/footerkakao.png) no-repeat left 10px top 50%;
        text-align: right;
        font-size: 17px;
        box-sizing: border-box;
        padding: 0 20px;
        letter-spacing: -0.5px;
    }
    .footerWrap .footer .footText .kakao_id a strong {
        font-weight: 800;
    }
    /*-------------------------Sub */
    .subTabWrap {
        width: 100%;
        min-width: 1200px;
        background-color: #e6e6e6;

    }
    .subTabWrap .subTab {
        display: block;
        width: 1200px;
        margin: 0px auto;
        overflow: hidden;
    }
    .subTabWrap .subTab li {
        float: left;
        box-sizing: border-box;
        border-right: 1px solid #fff;
    }
    .subTabWrap .subTab li:last-child {
        border-right: none;
    }

    .subTabWrap .subTab.tab09 li {
        width: 50%;
    }
    .subTabWrap .subTab.tab08 li {
        width: 12.5%;
    }
    .subTabWrap .subTab.tab04 li {
        width: 25%;
    }
    .subTabWrap .subTab.tab03 li {
        width: 33.3%;
    }
    .subTabWrap .subTab.tab02 li {
        width: 50%;
    }
    .subTabWrap .subTab li a {
        display: block;
        height: 50px;
        line-height: 50px;
        font-size: 17px;
        font-family: 'NanumBarunGothic';
        font-weight: 400;
        text-align: center;
        transition: 0.3s
    }
    .subTabWrap .subTab li a:hover,
    .subTabWrap .subTab li a.on {
        background-color: #fff;
        color: #2b307e;
        font-weight: 700;
    }
    .container {
        width: 1000px;
        padding: 0 100px;
        margin: 0px auto;
        
    }
    /* 회사개요 */
    .pageTitle {
        width: 1000px;
        text-align: center;
        margin: 0px auto;
        padding: 50px 100px;
        border-bottom: 1px solid #e5e5e5;
        word-break: keep-all;
    }
    .pageTitle h1 {
        font-size: 50px;
        font-weight: 800;
        font-family: 'NanumBarunGothic';
        color: #222;
        margin-bottom: 24px;
    }
    .pageTitle p {
        font-size: 20px;
        font-family: 'NanumBarunGothic';
        font-weight: 300;
    }
    .pageTitle .edge{
        width: 60px;
        height: 6px;
        background-color: #888;
        margin: 30px auto 30px auto;
        border-radius: 10px;
    }
    .contents {
        width: 1000px;
        margin: 0px auto;
    }
    .introTitle {
        overflow: hidden;
        padding: 60px 0 80px 80px;
    }
    .introTitle .leftLogo {
        float: left;
        padding-right: 60px;
        border-right: 1px dashed #dbdbdb;
    }
    .introTitle .rightText {
        float: left;
        padding-left: 40px;
        font-family: 'Titillium Web', 'NanumBarunGothic';
        color: #222;
    }
    .introTitle .rightText .InsubTi01 {
        font-size: 30px;
        font-weight: 600;
    }
    .introTitle .rightText .InsubTi02 {
        font-size: 46px;
        font-weight: 800;
    }
    .introTitle .rightText .InsubTi02 span{
        font-size: 46px;
        font-weight: 800;
        color:#3d95f7;
        margin-right: 10px;
    }
    .introTitle .rightText .blue{
        font-size: 54px;
        color:#2b307e;
        margin-top: -10px;
        font-weight: 600;
    }
    .introText {
        color: #222;
        font-weight: 300;
        margin-bottom: 60px;
    }
     .introText .title {
         width:280px; 
         float:left;
         background-color:#f7f7f7; 
         padding:40px 0 80px 50px;
         margin-right: 40px;
         height: 340px;
        }
     .introText .title .bigText {
         font-size:40px; 
         font-weight:500; 
         color:#222; 
        }
     .introText .title .bigText p {
         font-size:20px; 
         color:#222; 
         font-weight:200; 
         font-style: italic;
         letter-spacing: 0.5px;
        }
     .introText .title .bigText div {
         margin-top:-10px;
         letter-spacing: 5px;
         color:#222;
         font-weight: 700;
        }
     .introText .title .line {
         width:80px; 
         height:1px; 
         background-color:#d7d7d7; 
         margin:20px 0;
        }
     .introText .title .sText {
         font-size:15px; 
         font-weight:300;
         color:#888; 
         padding-top:10px;
        }
     .introText .moBg p{
         margin-bottom: 30px;
         font-size: 17px;
     }

    .introList {
        border-bottom: 1px solid #222;
        margin-bottom: 70px;
    }
    .introList li {
        overflow: hidden;
    }
    .introList li .th,
    .introList li .td {
        font-size: 17px;
        padding: 20px 0px 20px 30px;
        float: left;
        border-top: 1px solid #dbdbdb;
        box-sizing: border-box;
    }
    .introList li .th {
        font-weight: 400;
        width: 150px;
        font-weight: 400;
        color: #222;
        position: relative;
    }
    .introList li .th .div {
        position: absolute;
        width: 1px;
        height: 14px;
        background-color: #dbdbdb;
        top: 50%;
        right: 0px;
        margin-top: -7px;
    }
    .introList li:first-child .th {
        border-top: 2px solid #222;
    }
    .introList li:first-child .td {
        border-top: 2px solid #222;
    }
    .introList li .td {
        font-weight: 300;
        width: 850px;
        font-weight: 300;
    }
    
    /* 지도 오시는길 */
    .location {}
    .location .map {
        padding: 40px 0;
        width: 1000px;
        overflow: hidden;
    }
    .wrap_map{
        height:400px !important;
    }
    .wrap_controllers{
        display: none;
    }
    .location .address {
        padding-bottom: 40px;
        text-align: center;
        margin-bottom: 40px;
        border-bottom:1px dashed #dbdbdb;
    }
    .location .address .add {
        font-size: 24px;
        font-weight: 300;
        color: #656565;
    }
    .location .address .add strong {
        color: #222;
        font-weight: 700;
    }
    .location .address .tel {
        font-size: 24px;
        color: #656565;
    }
    .location .address .tel .line {
        display: inline-block;
        height: 12px;
        width: 1px;
        background-color: #dbdbdb;
        margin: 0 10px;
    }
    .location .detailRoot {
        overflow: hidden;
    }
    .location .detailRoot .metro,
    .location .detailRoot .bus {
        box-sizing: border-box;
        float: left;
        max-width: 499px;
        height: 200px;
    }
    .location .detailRoot .metro {
        border-right: 1px dashed #dbdbdb;
        background: url(/img/intro/iconMetro.png) no-repeat left 0 top 50%;
        margin-right: 40px;
        padding: 0 60px 0 120px;
    }
    .location .detailRoot .bus {
        background: url(/img/intro/iconBus.png) no-repeat left 0 top 50%;
        padding: 0 0 0 160px;
    }
    .location .detailRoot .metro h1,
    .location .detailRoot .bus h1 {
        font-size: 20px;
        color: #222;
        font-weight: 800;
        margin-bottom: 20px;
    }
    .location .detailRoot .metro h2 {
        font-size: 16px;
        font-weight: 500;
        border-radius: 50px;
        padding:4px 20px;
        color:#fff;
        background-color: #29c531;
        width: 90px;
        margin-bottom: 10px;
    }
    .location .detailRoot .metro p {
        font-size: 16px;
        color: #656565;
        font-weight: 400;
    }
    .location .detailRoot .bus p {
        position: relative;
        font-size: 16px;
        padding: 0 0 0 50px;
        margin-bottom: 5px;
    }
    .location .detailRoot .bus p span {
        font-size: 14px;
        font-weight: 500;
        border-radius: 50px;
        padding:2px 10px;
        color:#fff;
        position: absolute;
        left: 0;
        top: 0;
    }
    .location .detailRoot .bus p.busG span {
        background-color: #059c00;
    }
    .location .detailRoot .bus p.busB span {
        background-color: #354aaf;
    }

    
    /* 로그인 */
    .login_wrap {
        margin: 0px auto;
        overflow: hidden;
        clear: both;
        padding-top: 80px;
    }
    .login_wrap h2 {
        font-size: 100px;
        font-family: 'Titillium Web';
        letter-spacing: 5px;
        font-weight: 200;
        color: #2b2e83;
        width: 100%;
        word-spacing: 0;
        margin-bottom: 0px;
        text-align: center;
    }
    .login_wrap h3 {
        font-size: 22px;
        font-family: 'NanumBarunGothic';
        font-weight: 400;
        color: #999;
        text-align: center;
        margin-bottom: 30px;
    }
    .input_login {
        width: 460px;
        border-bottom: 1px solid #dbdbdb;
        margin-bottom: 20px;
    }
    .input_login li {
        border-top: 1px solid #dbdbdb;
        padding: 0 0px 0 75px
    }
    .input_login li.id {
        background: url(/img/common/id_bg.png) 30px 50% no-repeat;
    }
    .input_login li.pw {
        background: url(/img/common/pw_bg.png) 30px 50% no-repeat;
    }
    .input_login li text,
    .input_login li input {
        border: none;
        height: 60px;
        margin: 0px 0;
        width: 100%;
        font-size: 11px;
        color: #999;
        box-sizing: border-box;
        font-family: 'NanumBarunGothic';
        font-weight: 400;
        letter-spacing: 1px;
        background-color: #fff !important;
    }
    .id_remember {
        display: block;
        position: relative;
        margin-bottom: 20px;
    }
    .id_remember label {
        font-size: 13px;
        position: absolute;
        top: -2px;
        color: #767676;
    }
    .id_remember {
        display: block;
        position: relative;
        margin-bottom: 20px;
    }
    .id_remember label {
        font-size: 13px;
        position: absolute;
        top: -2px;
        color: #767676;
    }
    .find_idpw {
        border-top: 1px dashed #dbdbdb;
        padding-top: 20px;
        margin-top: 20px;
        clear: both;
        width: 465px;
        margin: 20px auto !important
    }
    .find_idpw li {
        font-size: 14px;
        padding: 5px;
    }
    .find_idpw li img {
        margin-right: 10px;
    }
    .btn_login {
        color: #fff !important;
        border: none;
        display: block;
        background-color: #1955b8;
        width: 460px;
        height: 70px;
        line-height: 70px;
        font-size: 22px;
        font-family: 'NanumBarunGothic', 'noto sans kr';
        font-weight: 500;
        text-align: center;
        padding: 0;
        transition: 0.2s;
        margin: 0px auto;
        border-radius: 5px;
    }
    .btn_login:hover {
        background-color: #1e4b95;
        transition: 0.2s;
    }
    .btn_login span img {
        margin: 20px 20px 0 0;
    }
    .btn_find_id {
        color: #fff;
        border: none;
        background-color: #2b2e83;
        display: block;
        margin: 0px auto;
        width: 400px;
        height: 70px;
        line-height: 70px;
        font-size: 28px;
        font-family: 'Titillium Web', 'noto sans kr';
        font-weight: 300;
        text-align: center;
        padding: 0;
        transition: 0.2s;
    }
    .btn_find_id:hover {
        background-color: #ffc72d;
        transition: 0.2s;
    }
    .btn_find_pw {
        color: #fff;
        border: none;
        background-color: #ffc72d;
        display: block;
        margin: 0px auto;
        width: 400px;
        height: 70px;
        line-height: 70px;
        font-size: 28px;
        font-family: 'Titillium Web', 'noto sans kr';
        font-weight: 300;
        text-align: center;
        padding: 0;
        transition: 0.2s;
    }
    .btn_find_pw:hover {
        background-color: #2b2e83;
        transition: 0.2s;
    }
    .dashline {
        width: 100%;
        height: 1px;
        display: block;
        clear: both;
        border-bottom: 1px dashed #dbdbdb;
        padding-top: 30px;
        margin-bottom: 30px;
    }
    .find {
        overflow: hidden;
        padding: 80px 0 0 0;
    }
    .login_find_wrap {
        width: 600px;
        margin: 0px auto 30px;
    }
    .login_find_wrap h3 {
        color: #444;
        font-weight: 700;
        font-family: 'noto sans kr';
        font-size: 30px;
        text-align: center;
        padding-bottom: 10px;
    }
    .login_find_wrap h3 div {
        text-align: center;
        padding-bottom: 20px;
        padding-right: 40px;
    }
    .login_find_wrap h3 strong {
        color: #2b2e83;
        font-weight: 700;
    }
    .login_find_wrap h3.pw strong {
        color: #2b2e83;
        font-weight: 700;
    }
    .login_find_wrap h4 {
        color: #757575;
        font-size: 14px;
        font-weight: 400;
        text-align: center;
        margin-bottom: 20px;
    }
    .input_find {
        width: 400px;
        margin: 0px auto 30px auto;
        border-top: 1px solid #dbdbdb;
        border-bottom: 1px dashed #dbdbdb;
        padding-bottom: 30px;
    }
    .input_find li span {
        font-size: 13px;
        display: block;
        float: left;
        width: 80px;
        height: 60px;
        line-height: 60px;
    }
    .input_find li {
        border-bottom: 1px solid #dbdbdb;
        padding: 0 20px;
        overflow: hidden
    }
    .input_find li text,
    .input_find li input {
        border: none;
        height: 60px;
        margin: 0px;
        font-size: 11px;
        color: #999;
        box-sizing: border-box;
        font-family: 'NanumBarunGothic';
        font-weight: 400;
        letter-spacing: 1px;
        float: left;
        width: 280px;
    }
    .input_find li div {
        border: none;
        line-height: 60px;
        height: 60px;
        margin: 0px;
        font-size: 13px;
        color: #555;
        box-sizing: border-box;
        font-family: 'NanumBarunGothic';
        font-weight: 500;
        float: left;
        width: 280px;
    }
    /* 뉴스게시판 */
    .bbsTop {
        height: 36px;
        line-height: 36px;
        padding: 20px 0;
    }
    .bbsTop .bbs_search {
        float: right;
        position: relative;
        padding: 0 85px 0 105px;
    }
    .bbsTop .bbs_search select {
        height: 36px;
        line-height: 36px;
        position: absolute;
        top: 0px;
        left: 0;
        width: 100px;
    }
    .bbsTop .bbs_search input {
        height: 36px;
        line-height: 36px;
        width: 100%;
    }
    .bbsTop .bbs_search .searchBtn {
        color: #fff;
        background-color: #222;
        font-size: 13px;
        width: 80px;
        text-align: center;
        height: 36px;
        line-height: 36px;
        border: none;
        margin: 0px;
        padding: 0;
        position: absolute;
        top: 0;
        right: 0;
        border-radius: 3px;
    }
    .bbsTop span {
        font-size: 15px;
    }
    .bbsTop span strong {
        font-size: 18px;
        font-weight: 700;
        color: #1955b8;
    }
    .bbsTop.bbsbottom {
        border-top: 2px solid #121534;
        border-bottom: 1px solid #dbdbdb;
        margin-top:120px;
    }
    .bbsList {
        border-top: 2px solid #121534;
        margin-top:30px;
    }
    .bbsList li {
        border-bottom: 1px dashed #dbdbdb;
    }
    .bbsList li:last-child {
        border-bottom: 1px solid #ccc;
    }
    .bbsList li a {
        display: block;
        overflow: hidden;
        padding: 20px 30px 20px 0;
        box-sizing: border-box;
    }
    .bbsList li a .date {
        font-size: 18px;
        width: 180px;
        float: left;
        color: #222;
        padding-top: 5px;
        text-align: center;
        border-right: 1px solid #dfdfdf;
        float: left;
    }
    .bbsList li a .date .day {
        font-size: 18px;
        font-weight: 500;
        line-height: 20px;
        margin-top:5px;
    }
    .bbsList dl{
        padding-left: 30px;
        float: left;
        width: 700px;
    }
    .bbsList li a dl dt {
        font-weight: 500;
        font-size: 20px;
        color: #2b307e;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        margin-bottom: 10px;
    }
    .bbsList li a dl dd {
        font-size: 16px;
        font-weight: 300;
    }
    .bbs_page {
        padding: 20px 0 0 0;
        width: 100%;
        box-sizing: border-box;
        text-align: center;
        overflow: hidden;
    }
    .bbs_page a {
        display: inline-block;
        position: relative;
        margin: 0 -2px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        vertical-align: top;
        text-align: center;
        font-size: 12px;
        color: #999;
        border: 1px solid #d5d5d5;
        box-shadow: 0 1px 0 0 #e9e9e9;
        background: #fff;
        *display: inline;
        zoom: 1;
        z-index: 10
    }
    .bbs_page .btn span {
        display: block;
        width: 40px;
        height: 40px;
        text-indent: -9999px;
        background: url(/img/common/bbs_page.gif) no-repeat
    }
    .bbs_page .prev {
        margin-right: 8px
    }
    .bbs_page .prev span {
        background-position: -25px 5px; 
    }
    .bbs_page .next {
        margin-left: 8px;
    }
    .bbs_page .next span {
        background-position: -55px 5px; 
    }
    .bbs_page .last span {
        background-position: -90px 0;
    }
    .bbs_page .on,
    .bbs_page a:hover {
        border-color: #666;
        color: #666;
        font-weight: bold;
        z-index: 20
    }
    /* 뷰페이지 */
    .bbsView {
        margin-top: 30px;
        border-top:2px solid #121534;
    }
    .bbsView .bbs_title {
        border-bottom: 1px dashed #c3c3c3;
        overflow: hidden;
        background-color: #fafafa;
        position: relative;
    }
    .bbsView .bbs_title dt {
        font-size: 18px;
        font-weight: 500;
        color: #2b2e83;
        width: 100%;
        box-sizing: border-box;
        padding: 20px 120px 20px 20px;
    }
    .bbsView .bbs_title dd {
        font-size: 16px;
        font-weight: 400;
        color: #656565;
        text-align: right;
        width: 80px;
        position: absolute;
        right: 20px;
        top: 50%;
        height: 20px;
        line-height: 20px;
        overflow: hidden;
        margin-top: -10px;
    }
    .bbsView .viewArea {
        padding: 20px 20px 40px;
        border-bottom: 1px solid #7f7f7f;
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 20px;
    }
    .bbsView .ConAreaP {
        padding: 20px;
        border-bottom: 1px solid #7f7f7f;
        margin-bottom: 20px;
        font-size: 15px;
    }
    .bbsView .viewArea img {
        max-width: 960px !important;
    }
    .bbsView .bbs_btnArea{
        width: 400px;
        float: left;
        margin-bottom: 50px;
    }
    
    .bbsView .bbs_btnArea .listBtn{
        float: left;
    }
    .bbsView .bbs_btnArea .listBtn,.bbsView .bbs_btnAreaR .listBtn{
        display: block;
        width: 100px;
        height: 50px;
        line-height: 50px;
        color: #fff;
        background-color: #121534;
        text-align: center;
        font-size: 17px;
        font-family: 'NanumBarunGothic';
        border-radius: 3px;
        margin-right: 8px;
    }
    .bbsView .bbs_btnAreaR .listBtn{
        
    }
    .bbsView .bbs_btnArea .listBtn:hover,.bbsView .bbs_btnAreaR .listBtn:hover {
        background-color: #1955b8;
    }
    .bbsView .bbs_btnAreaR{
        float:right;
    } 
    .bbsView .bbs_btnAreaR a{
        float:left;
    } 
    .bbs .pressList {
        box-sizing: border-box;
        width: 1000px;
        overflow: hidden;
        padding-top: 40px;
    }
    /*보도자료 */
    .bbs .pressList li {
        float: left;
        width: 320px;
        margin-right: 20px;
    }
    .bbs .pressList li:nth-child(3n+0) {
        margin: 0;
    }
    .bbs .pressList li a * {
        transition: 0.4s;
    }
    .bbs .pressList li a .img {
        overflow: hidden;
        width: 320px;
        height: 213px;
    }

    .bbs .pressList li a dl dt {
        font-size: 19px;
        font-weight: 500;
        color: #222;
        padding: 20px 0;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .bbs .pressList li a dl dt .title {}
    .bbs .pressList li a dl dd {
        font-size: 15px;
        margin-bottom: 20px;
        height: 60px;
    }
    .bbs .pressList li a dl dd.date {
        margin-bottom: 40px;
    }
    
    
    
    /* 사업분야*/
    .bizListWrap .bizList02_2 {
        width: 1000px;
        margin: 0px auto;
        overflow: hidden;
        padding: 30px 0;
    }
    .bizListWrap .bizList02_2 li {
        float: left;
        margin-right: 20px;
        margin-bottom: 20px;
        width: 320px;
        box-sizing: border-box;
        border: 1px solid #dbdbdb;
        transition: 0.3s
    }
    .bizListWrap .bizList02_2 li:hover {
        border: 1px solid #121534;
    }
    .bizListWrap .bizList02_2 li:nth-child(3n+0) {
        margin-right: 0px !important;
    }
    .bizListWrap .bizList02_2 li .img {
        width: 318px;
        height: 318px;
        box-sizing: border-box;
        border-bottom: none;
        position: relative;
    }
    .bizListWrap .bizList02_2 li .img img {
        width: 100%;
        height: 100%;
        transition: 0.3s
    }
    .bizListWrap .bizList02_2 li .img .title {
        position: absolute;
        left: 0;
        bottom: 0;
        background-color: rgba(8,10,31,0.6);
        color: #fff;
        font-size: 17px;
        width: 100%;
        padding: 20px;
        box-sizing: border-box;
        transition: 0.3s
    }
    .bizListWrap .bizList02_2 li .img .title span {
        display: block;
        transition: 0.3s;
        font-size: 12px;
        height: 20px;
        color: #dfdfdf;
        text-align: center;
        border: 1px solid #dfdfdf;
        float: right;
        padding:5px 10px;
        border-radius: 50px;

    }
    .bizListWrap .bizList02_2 li:hover .img img {
        opacity: 8;
        filter: alpha(opacity=90);
    }
    .bizListWrap .bizList02_2 li:hover .img .title {
        background:rgba(8,10,31,0.9);
    }
    .bizListWrap .bizList02_2 li:hover .img .title span {
        display: block;
        height: 20px;
        transition: 0.3s;
        color: #FC0;
        border: 1px solid #FC0;

    }
    .bizListWrap .bizList02_2 li .thumText {
        clear: both;
        transition: 0.3s;
    }
    .bizListWrap .bizList02_2 .dashedB{
        border-bottom: 1px dashed #dbdbdb;
    }
    .bizListWrap .bizList02_2 li:hover .thumText {}
    .bizListWrap .bizList02_2 li .thumText dd {
        padding: 10px 15px 10px 100px;
        font-weight: 400;
        font-size: 14px;
        position: relative;
        
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        letter-spacing: -0.2px
    }
    .bizListWrap .bizList02_2 li .thumText span {
        width: 60px;
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        padding: 10px;
        color: #222;
        font-weight: 500;
        background: url(/img/common/icon_line.jpg) no-repeat top 50% right 0;
    }
    .bizListWrap .bizList02_2 li .moreBtn {
        display: block;
        background: url(/new/img/business/moreBtnBg02.png) no-repeat right 20px top 50%;
        padding: 20px;
        font-size: 16px;
        font-family: 'NanumBarunGothic';
        border-top: 1px solid #dbdbdb;
        transition: 0.3s
    }
    .bizListWrap .bizList02_2 li:hover .moreBtn {
        background-position: right 15px top 50%;
    }

    /* 사업분야 상세페이지 */
    .bizView_type02 { 
        overflow:hidden;
        margin-top:30px;
        padding-bottom:40px;
        
        border-bottom: 1px dashed #d4d4d4;
    }
    .bizView_type02 .img { 
        width:490px; 
        height:480px; 
        float:left; 
        box-sizing:border-box; 
        padding:8px; 
        border:1px solid #dbdbdb; 
        box-shadow: 2px 2px 5px #dddddd;
    }
    .bizView_type02 .img img {
        width:100%; 
        height:100%;
    }
    .bizView_type02 .bizViewRight {
        float:left; 
        width:510px; 
        box-sizing:border-box; 
        padding-left:30px;
    }
    .bizView_type02 .bizViewRight .title {
        padding:10px 0 0px 0; 
        margin-bottom:0px;
    }
    .bizView_type02 .bizViewRight .title dt {
        font-size:28px; 
        font-family:'NanumBarunGothic';
        color:#222; 
        margin-bottom:20px; 
        font-weight:800; 
        position:relative; 
    }
    .bizView_type02 .bizViewRight .icon{
        font-size:16px; 
        font-family:'NanumBarunGothic';
        color:#fff; 
        margin-bottom:20px; 
        font-weight:500; 
        position:relative; 
        margin-bottom: 30px;
        overflow: hidden;
    }
    .bizView_type02 .bizViewRight .icon span {
        width: 100px;
        display:block; 
        float: left;
        text-align: center;
        padding:10px 8px;
        border-radius: 50px;
        margin-right: 10px;
    }
    .bizView_type02 .bizViewRight .icon span.red {
        background-color: #e36042;
    }
    .bizView_type02 .bizViewRight .icon span.green {
        background-color: #6fc047;
    }
    .bizView_type02 .bizViewRight .icon span.Dblue {
        background-color: #1c6181;
    }
    .bizView_type02 .bizViewRight .title dt .edge {
        display:block; 
        position:absolute; 
        left:0; 
        height:100%; 
        width:8px; 
        border-radius:10px; 
        background:#74849d;
    }
    .bizView_type02 .bizViewRight .title dd {
        font-size:22px; 
        color:#333f50; 
        font-weight:500; 
        border-top:1px solid #dbdbdb; 
        padding:10px 10px 13px 10px;
    }
    .bizView_type02 .bizViewRight .detailText{
        border-top:1px solid #dbdbdb;
        margin-top:30px;
    }
    .bizView_type02 .bizViewRight .detailText thead td {
        color:#222;
        font-size:22px; 
        color:#333f50; 
        font-weight:500; 
        border-top:1px solid #dbdbdb;
        border-bottom:1px dashed #ccc;  
        padding:10px 0px 13px 20px;
        }
        .bizView_type02 .bizViewRight .detailText thead td strong {
            color:#c00000; 
            font-size:32px; 
            font-weight:700;
        }
        .bizView_type02 .bizViewRight .detailText {
            border-collapse:collapse; 
            width:100%;
        }
        .bizView_type02 .bizViewRight .detailText tbody th, .bizView_type02 .bizViewRight .detailText tbody td {
            text-align:left; 
            padding:12px 15px; 
            font-size:16px; 
            border-bottom:1px dotted #dbdbdb; 
            letter-spacing:-0.3px
        }
        .bizView_type02 .bizViewRight .detailText tbody th {
            background:url(/img/common/icon_line.jpg) no-repeat top 50% right 0; 
            font-weight:500; 
            color:#222;
        }
        .bizView_type02 .bizViewRight .detailText tbody td {
            padding-left:20px;
        }
        .bizView_type02 .bizViewRight .detailText tbody td.blue {
            color:#272dbe; 
            font-weight:700;
        }
        .bizView_type02 .bizViewRight .edge {
            height: 1px;
            width: 60px;
            background-color: #222;
            margin: 20px 0 20px 5px;;
            }
    
        .contri .bizList03 {
            width:1000px; 
            margin:0px auto; 
            overflow:hidden; 
            padding:30px 0;
        }
        .contri .bizList03 li {
            float:left;  
            margin-right:20px; 
            margin-bottom:20px; 
            width:45%; 
            box-sizing:border-box; 
            border:1px solid #dbdbdb;
        }
        .contri .bizList03 li .img {
            width:448px; 
            height: 645px;
            box-sizing:border-box; 
            border-bottom:none;
        }
        .contri .bizList03 li .img img {
            transition:0.3s;
            width: 100%;
        }
        .contri .bizList03 li dl { 
            padding:20px 15px 10px 25px;
            background-color:#f7f7f7;
            border-top:1px dashed #dfdfdf;
        }
        .contri .bizList03 li dl dt {
            font-size:20px; 
            font-weight:400; 
            color:#222; 
            margin-bottom:8px;
        }

        
        .contri .bizList03 li .thumText {
            padding:0 20px 20px 25px; 
            box-sizing:border-box;
            background-color:#f7f7f7;
            height: 200px;
        }
        .contri .bizList03 li .thumText .edge {
            width:60px; 
            background-color:#222; 
            height:1px; 
            display:block; 
            margin-bottom:15px;
        }
        .contri .bizList03 li .thumText ul li {
            padding:0; 
            margin:0 0 10px 0; 
            box-sizing:border-box; 
            width:auto; 
            float:none; 
            position:relative; 
            overflow:hidden; 
            font-size:16px; 
            border:none;
            
        }
        .contri .bizList03 li .thumText ul li span {
            display:block; 
            float:left; 
            width:80px; 
            font-weight:500;
            color:#444;
        }

        .contrlTitle .slogan p {
            font-size: 40px;
            font-weight: 200;
            font-style: italic;
            color: #444444;
            margin-top: -60px;
            letter-spacing: 3px;
            margin-right: -3px;
        }
        .contrlTitle .slogan {
            text-align:center; 
            padding:60px 0  0;
        }
        .contrlTitle .slogan span {
            color:#d8d8d8; 
            font-size:71px; 
            font-family:'Trajan Pro',' NanumBarunGothic'; 
            display:block; 
        }
        .contrlTitle .slogan div {
            font-size:40px; 
            font-weight:500; 
            color:#222;
            font-style: italic;
        }
        .contrlTitle .slogan div strong {
            color:#2b2e83;
        }

        /*문의사항*/
        .request_step{
            padding-top:50px;
        }
        .request {
            margin:0px auto; 
            padding:80px 0;
        }
        .request_step  {
            overflow:hidden; 
            margin-bottom:30px;
        }
        .request_step .request_title {
            position:relative; 
            width:150px; 
            box-sizing:border-box; 
            padding:0 0 0 21px; 
            font-size:14px; 
            color:#454545; 
            line-height:20px; 
            float:left;
            width: 600;
            line-height: 150%;
        }
        .request_step .request_title .edge {
            width: 30px;
            height: 6px;
            background-color: #385dae;
            border-radius: 10px;
            margin-bottom: 10px;

        }
        .request_step .request_title strong {
            font-size:20px; 
            font-family:'titillium web'; 
            display:block; 
            margin-bottom:10px; 
            font-style: italic;
            letter-spacing: -1;
            line-height: 140%;
        }
        .request_step .request_contents {
            width:840px; 
            float:left;
            font-weight:400; 
            padding:0;
            border-collapse: collapse;
            border-top: 2px solid #656565;
        }
        .request_step .request_contents .agree { 
            overflow-x:hidden; 
            overflow-y:scroll;
             width:100%; 
             height:180px; 
             box-sizing:border-box; 
             padding:20px; 
             border:1px solid #dbdbdb; 
            }
        .request_step .request_contents .agreeCheck {
            width:100%; 
            text-align:center; 
            line-height:30px; 
            height:30px; 
            font-size:13px; 
            color:#656565;
            padding-top:20px;
        }
        .request_step .request_contents .agreeCheck input{
            border-radius: 50%;
            height: 20px;
            width: 20px;
        }
        .request_step .request_contents .write_div{}
      
        .divDotline{
            border-bottom: 1px dashed #d4d4d4;
        }

        .request_table {
            width:100%; 
            border-collapse:collapse; 
            border-top:1px solid #656565
            ;}
            
        .request_contents .write_div h2{
            font-weight:400;
            float: left;
            font-size: 14px;
            font-weight: 600;
            width: 120px;
            height: 40px;
            line-height: 40px;
            padding-left: 10px;
            
        }
        .request_table th, .request_table td {
            padding:15px 10px; 
            text-align:left; 
            font-size:14px; 
            border-bottom:1px solid #dbdbdb;}
        .request_table td {
            font-weight:300;
        }
        .request_table td * {
            font-size:12px;
        }
        .request_table td textarea {
            width:100%;
        }
        .request_table td label {
            font-size:13px; 
            margin-right:10px; 
            font-weight:300;
        }
        .request_contents .line{
            border-bottom: 1px solid #d4d4d4;
            padding-bottom: 10px;
            overflow: hidden;
        }
        .request_contents .addrBox{
            float: left;
            width: 600px;
        }
        .request_contents .addrBox input{
            margin-bottom: 5px;
        }
        .askBtn {
            font-weight:700; 
            font-size:18px; 
            background-color:#ec2098;
             border:none; 
             text-align:center; 
             cursor:pointer;
             height:60px; 
             line-height:60px; 
             width:220px;
             border-radius:5px; 
             color:#fff !important; 
             margin:0px auto;
              display:block;
            margin-top:30px;
            }
         .askBtn:hover{
            background-color:#c01479;
         }


        .request_table td .addNum {
            padding-bottom:5px;
        }
        .write_div .btnAdd {
            display:inline-block; 
            border:none; 
            border-radius:5px; 
            height:30px; 
            line-height:30px;
             width:100px; 
             text-align:center; 
             font-size:13px; 
             margin-left:5px; 
             background-color:#080a1f; 
             color:#fff;
            }
        .request_table td .mb5 {
            padding-bottom:5px;
        }
        .request_table td span {
            font-family:'돋움', 'dotum', '굴림', 'gulim', 'arial'; 
            font-size:11px;
            color:#999; 
            padding-left:10px;
        }

        /*가맹점 공간*/
        .memberStore {
            border-top: 2px solid #121534;
            margin-top:30px;
        }
        .memberStore li {
            border-bottom: 1px dashed #dbdbdb;
            display: block;
            overflow: hidden;
            padding: 8px 0;
            box-sizing: border-box;
        }
        .memberStore li .date {
            font-size: 16px;
            width: 120px;
            float: left;
            color: #222;
            padding-top: 5px;
            text-align: center;
            border-right: 1px solid #dfdfdf;
        }
        .memberStore li .deletBox {
            font-size: 16px;
            width: 20px;
            color: #222;
            padding-top: 5px;
            text-align: center;
            float: left;
        }
        .memberStore li .day {
            font-size: 16px;
            font-weight: 500;
            line-height: 40px;
            float: left;
            width: 230px;
            text-align: center;
        }

        .memberStore li dl a {
            font-weight: 500;
            font-size: 20px;
            color: #2b307e;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            padding-left: 30px;
            padding-top:4px;
            float: left;
            width: 450px;
        }
        .memberStore li dl a:hover {
            text-decoration: none;
        }

        .memberStore .writer{
            float: left;
            padding: 10px 30px 0 0;
            font-size: 16px;
            line-height: 20px;
            width: 100px;
            text-align: center;

        }
        .storePage .downBox{
            border-bottom:1px dashed #d4d4d4;
            width: 100%;
            padding:10px 0;
            float: left;
            margin-bottom: 20px;

        }
        .storePage .downBox ul li{
            float: left;
        }


        .storePage .downList img{
            width: 10%;
            padding-left: 20px;
        }
        .storePage .downList{
            border-radius: 5px;
            border: 1px solid #dbdbdb;
            font-size: 13px;
            color:#757575;
            font-weight: 500;
            background: url(/img/icon_rightArrowB.png) no-repeat top 50% right 20px;
            display: block;
            margin-right: 5px;
            height: 40px;
            padding-left: 15px;
            padding-right: 30px;

            line-height: 40px; 
        }
        .storePage .downList:hover{
            border: 1px solid #1955b8;
        }
        .storePage .downList a:hover{
            color:#1955b8;
        }
        .bbs_btnArea .listBtn{
            display: block;
            width: 100px;
            height: 50px;
            line-height: 50px;
            color: #fff;
            background-color: #121534;
            text-align: center;
            font-size: 17px;
            font-family: 'NanumBarunGothic';
            border-radius: 3px;
            margin-bottom: 30px;
            float: left;
        }
        .bbs_btnArea .listBtn:hover{
            background-color: #1955b8;
        }
        .form_01 textarea{
            width: 98%;
        }
        #mb_login .logintitle{
            margin-bottom: 40px;
            font-size: 16px;
            font-family: 'NanumBarunGothic';
            font-weight: 500;
            color:#777;
            line-height: 28px;
        }
        #mb_login .logintitle strong{
            font-size: 16px;
            font-weight: 700;
            color:#1955b8;
        }
        #bo_w .bo_w_flie .file_wr {
            border: 1px solid #ccc;
            background: #fff;
            color: #555;
            vertical-align: middle;
            padding: 5px;
            height: 28px;
            width: 97%;
            font-family: 'NanumBarunGothic';
            font-size: 12px;
        }
        #bo_w .bo_w_flie .frm_file {
            font-size: 12px;
            font-family: 'NanumBarunGothic';


        }
        /*견적문의*/
        .titleBg{
            background: url(/img/common/line_photoBG.jpg) no-repeat center top;
            font-size: 36px;
            color: #3a3e42;
            font-weight: 200;
            padding-top: 115px;
            text-align: center;
            margin-top: 30px;
            margin-bottom: 35px;
            font-style:italic;
        }
        .titleBg strong {
            font-weight: 600;
        }
        .FloatR{
            float: right;
        }
        .FloatL{
            float: left;
        }
        .if_date{
            font-size: 16px;
            font-weight: 400;
            color: #656565;
            text-align: right;
            width: 200px;
            float: right;
            height: 20px;
            line-height: 20px;
            overflow: hidden;
            margin-top: -45px;
            padding-right: 10px;
        }
        .EmSubtitle{
            width: 100%;
        }
        .Emcont{
            clear: both;
        }
        .dashLine{
            border-bottom: 1px dashed #d7d7d7;
            overflow: hidden;
        }
        .EmcontAdim{
            
        }
        .EmcontAdim h2{
            font-size: 18px;
            margin-bottom: 30px;
            width: 150px;
            height: 110px;
            float: left;
            border-right: 1px solid #d7d7d7;
            margin-right: 20px;

        }
        .EmcontAdim ul{
            float: left;
            width: 600px;
            padding-bottom: 20px;

        }
        .EmcontAdim li{
            clear: both;
            margin-bottom: 5px;
            overflow: hidden;
        }
        .EmcontAdim {
            font-size: 14px;
            margin-bottom: 10px;
            line-height: 30px;
            padding-top:20px;

        }
        .EmcontAdim .ditSpan dt{
            width: 120px;
            border:1px solid #dbdbdb;
            color:#444;
            text-align: center;
            border-radius: 50px;
            margin-right: 20px;
            float: left;

        }
        .EmcontAdim .ditSpan dd{
            float: left;
        }
        /*회원가입*/
        .registerBox{
            width: 1000px;
            margin: 0 auto;
        }
        .registerBox .regStep{
            overflow: hidden;
        }
        .registerBox .regStep ul{
            width: 100%;
        }
        .registerBox .regStep li{
            width: 33%;
            float: left;
            height: 80px;
            background: #f8f8f8;
            margin-right: 3px;
            text-align: center;
            line-height: 80px;
            font-size: 16px;
            font-family: 'Titillium Web','NanumBarunGothic';
            margin-top:20px;
            overflow: hidden;
            
        }
        .registerBox .regStep li strong{
            font-size: 18px;
            font-family:'NanumBarunGothic';
            margin-left: 10px;
        }
        .registerBox .regStep li.on{
            background: #1955b8;
            color: #fff;
        }

        .loginbg{
            background: url(/img/login/check_bg.jpg) no-repeat center top;
            color: #3a3e42;
            font-weight: 200;
            padding-top: 115px;
            text-align: center;
            margin-bottom: 35px;
            font-size: 18px;
            font-family:'NanumBarunGothic';
            margin-top:30px;

        }
        .bg01{
            background: url(/img/login/check_bg.jpg) no-repeat center top;
        }
        .bg02{
            background: url(/img/login/check_bg02.jpg) no-repeat center top;
        }
        .loginbg strong{
            color: #d60d0d;
            font-weight: 900;
            margin-right: 10px;

        }
        #register_form .siteBox ul{
            border-top:2px solid #656565;
        }
        #register_form .siteBox li{
            border-bottom:1px solid #d4d4d4;
            padding-bottom:20px;
            padding-top:10px;
        }
        #register_form .siteBox h2{
            font-size:24px; 
        }
        #register_form .siteBox h3{
            float: left;
            width: 150px;
            line-height: 40px;
        }
        #register_form .siteBox p.nameDit{
            clear: both;
            margin-top: 5px;
        }
        #register_form .siteBox02 ul{
            border-top:2px solid #656565;
        }
        #register_form .siteBox02 li{
            border-bottom:1px solid #d4d4d4;
            padding-bottom:20px;
            padding-top:10px;
        }
        #register_form .siteBox02 h2{
            font-size:24px; 
        }
        #register_form .siteBox02 h3{
            float: left;
            width: 150px;
            line-height: 40px;
        }
        #register_form .siteBox02 h4{
            font-size:14px; 
            margin-bottom: 20px;

        }
        #register_form .siteBox02 h5{
            font-size:14px; 
            margin-bottom: 20px;
            float: left;

        }

        #register_form .siteBox02 input{
            margin-bottom: 5px;
            height: 40px;
            vertical-align: middle;

        }
        #register_form .siteBox02 li p span{
            clear: both;
            margin-right: 10px;
            width:140px;
            display: block;
            float: left;
            margin-left: 20px;
            line-height: 40px;
        }
        .siteBox02 .btnAdd {
            display: inline-block;
            border: none;
            border-radius: 5px;
            height: 30px !important ;
            line-height: 30px;
            width: 100px;
            text-align: center;
            margin-left: 5px;
            background-color: #080a1f;
            color: #fff;
            font-size: 12px;
        }
        .is_captcha_use{
            border-top:2px solid #656565;
            border-bottom:1px solid #d4d4d4;
            font-size: 13px;
            line-height: 30px;
            font-weight: 300;
        }

        .is_captcha_use span{
            font-size: 16px;
            font-weight: 600;
            display: block;
            float: left;
            line-height: 30px;
            padding-top: 20px;
        }
        .askBtnEnter{
            display: inline-block;
            font-weight: 700;
            font-size: 18px;
            background-color: #ec2098;
            border: none;
            text-align: center;
            cursor: pointer;
            height: 60px;
            line-height: 60px;
            width: 220px;
            border-radius: 5px;
            color: #fff !important;
        }
        .askBtnEnter:hover{
            background-color:#c01479;
         }
        .askBtncancel{
            display: inline-block;
            font-weight: 700;
            font-size: 18px;
            background-color: #121534;
            border: none;
            text-align: center;
            cursor: pointer;
            height: 60px;
            line-height: 60px;
            width: 220px;
            border-radius: 5px;
            color: #fff !important;
        }
        .askBtncancel:hover{
            background-color:#292b44;
         }
         #mb_login .pw {
            height: 61px;
            vertical-align: middle;
        }
        .PwfindBox{
            width: 460px;
            background: #f7f7f7;
            padding: 15px 10px;
            border-top: 1px dashed #d4d4d4;
            border-bottom: 1px dashed #d4d4d4;
            margin:0 0 40px;
            font-size: 20px;
        }
        #bo_v .Qabg{
            background: #fafafa;
        }
        #bo_v_top .bbs_btnArea{
            width: 400px;
            float: left;
            margin-bottom: 50px;

        }
        #bo_v_top .bbs_btnAreaR {
            float: right;
        }
        /*회사소개 추가*/
        .compaylist .bizList01 {
            width: 1000px;
            margin: 0px auto;
            overflow: hidden;
        }
        .compaylist .bizList01 li {
            float: left;
            margin-right: 13px;
            margin-bottom: 20px;
        }
        .compaylist .bizList01 li .img {
            width: 320px;
            height: 320px;
            box-sizing: border-box;
            border: 1px solid #dbdbdb;
            border-bottom: none;
        }
        .compaylist .bizList01 li .img img {
            width: 100%;
            height: 100%;
        }
        .compaylist .bizList01 li dl {
            border: 1px solid #dbdbdb;
        }
        .compaylist .bizList01 li dl dt {
            font-size: 17px;
            font-weight: 400;
            color: #444;
            padding: 10px 10px 5px 20px;
        }
        .compaylist .bizList01 li dl dd {
            font-size: 15px;
            font-weight: 300;
            color: #666;
            padding-bottom: 10px;
            padding-left: 20px;
        }






}