.icon_text{
  font-size:14px;
  margin-top: 8px;
  color:#8c8c8c;
}
.imageLine .img:hover .icon_text{
  margin-top: 12px;
  color:#24bffe;
}
[class^="bg"] {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}
.wrap.whiteBg{
  width: 98% !important;
  padding:1% !important;
}
.btnLine button {
    width: 96%;
    padding: 2%;
    color: #fff;
    background-color: #02b5fe;
    border-radius: 5px;
    border: 0;
    margin-top: 10px;
}

.btnLine button:first-child {
    margin-top: 30px;
}

.blue{
    color:#02b5fe
}
/* .marginTopZero .AreaBox:nth-child(-n+4) .pic{
  margin-top:0;
} */
.cross{
  height: 208px;
  transition-duration: 0.5s;
  overflow: hidden;
}
.heightAuto{
  height: 102px;
  transition-duration: 0.5s;
}

.noBorder{
    display: inline-block;
    border-bottom: 1px solid #e1e1e1;
    margin-top: 80px;
    margin-bottom: 10px;
}
.noBorder select, .tableSearch{
  border:0;
}

.numberBox:nth-child(2):hover { background-color: #D8D816;}
.numberBox:nth-child(2):hover *{color:#fff;}
.numberBox:nth-child(2):hover .MonB{color:#fff;}
.numberBox:nth-child(3):hover { background-color: #FFAE0D;}
.numberBox:nth-child(3):hover *{color:#fff;}
.numberBox:nth-child(3):hover .MonB{color:#fff;}
.numberBox:nth-child(4):hover { background-color: #FFAE0D;}
.numberBox:nth-child(4):hover *{color:#fff;}
.numberBox:nth-child(4):hover .MonB{color:#fff;}
.numberBox:nth-child(5):hover { background-color: #008CFF;}
.numberBox:nth-child(5):hover *{color:#fff;}
.numberBox:nth-child(5):hover .MonB{color:#fff;}
.numberBox:nth-child(6):hover { background-color: #DC6CF4;}
.numberBox:nth-child(6):hover *{color:#fff;}
.numberBox:nth-child(6):hover .MonB{color:#fff;}

.numberBox:nth-child(2).onwhite { background-color: #D8D816 !important;}
.numberBox:nth-child(2).onwhite *{color:#fff !important;}
.numberBox:nth-child(2).onwhite .MonB{color:#fff !important;}
.numberBox:nth-child(3).onwhite { background-color: #FFAE0D !important;}
.numberBox:nth-child(3).onwhite *{color:#fff !important;}
.numberBox:nth-child(3).onwhite .MonB{color:#fff !important;}
.numberBox:nth-child(4).onwhite { background-color: #FFAE0D !important;}
.numberBox:nth-child(4).onwhite *{color:#fff !important;}
.numberBox:nth-child(4).onwhite .MonB{color:#fff !important;}
.numberBox:nth-child(5).onwhite { background-color: #008CFF !important;}
.numberBox:nth-child(5).onwhite *{color:#fff !important;}
.numberBox:nth-child(5).onwhite .MonB{color:#fff !important;}
.numberBox:nth-child(6).onwhite { background-color: #DC6CF4 !important;}
.numberBox:nth-child(6).onwhite *{color:#fff !important;}
.numberBox:nth-child(6).onwhite .MonB{color:#fff !important;}

.bg_4{
  background-position: center right;
}
.iconLineUp .hoverOn{
  display: none;
  margin: 10px auto;
}
.iconLineUp .hoverOff{
  display: block;
  margin: 10px auto;
}
.iconLineUp:hover .hoverOn{
  display: block;
}
.iconLineUp:hover .hoverOff{
  display: none;
}

/* add */
.about #section3 {
    width: 100%;
    height: 400px;
    position: relative;
    margin-top: 50px;
    margin-bottom: 30px;
}

.about #section3 .bg-wrap {
    clip: rect(0, auto, auto, 0);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.about #section3 .bg {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-image:url("../image/founded_img.jpg");
}

.iconAndText2 img {
    width: 20px;
    height: auto;
    margin-right: 10px;
    position: relative;
    /* top: -4.5px; */
}
/* add end*/

.productPic{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 200px;
    margin: 50px auto;
}

/*Pc CSS S*/
@media (min-width: 1200px) {
    /*common Pc S*/

    .btnLine button:first-child {
        margin-top: 60px;
    }

    .bg_1 {
        background-image: url("../image/bg_4.jpg");
        height: 456px;
    }
    .bg_2 {
        background-image: url("../image/bg_2.jpg");
        height: 456px;
    }
    .bg_3 {
        background-image: url("../image/bg_1.jpg");
        height: 456px;
    }
    .bg_4 {
        background-image: url("../image/bg_3.jpg");
        height: 456px;
    }
    .bg_5 {
        background-image: url("../image/bg_5.jpg");
        height: 456px;
    }
    
    [class^="bg"] .title {
      font-size: 60px;
      color: #fff;
      margin-top: 50px;
    }

    .navMenu {
        border-bottom: 1px solid #e1e1e1;
        background-color: #fff;
    }

    .index a i {
        width: 68px;
        text-align: center;
        padding: 15px 0;
        color: #353535;
        border-right: 1px solid #e1e1e1;
        border-left: 1px solid #e1e1e1;
    }

    .navMenu div>ul {
        float: left;
        position: relative;
    }

    .nav {
        padding: 15px 10px;
        width: 200px;
        border-right: 1px solid #e1e1e1;
        position: relative;

    }

    .nav a {
        width: 100%;
        display: inline-block;
        cursor: pointer;
    }

    .navArrow {
        position: absolute;
        right: 10px;
        transition-duration: 0.5s;
        top: 50%;
        margin-top: -8px;
    }

    .Navhide {
        display: none;
        position: absolute;
        left: -1px;
        top: 47px;
        width: 220px;
        border: 1px solid #e1e1e1;
        border-top: 0;
        z-index: 2;
    }

    .Navhide li {
        overflow: hidden;
    }

    .Navhide li a {
        padding: 15px 10px;
        border-bottom: 1px solid #e1e1e1;
        color: #616161;
        display: inline-block;
        text-decoration: none;
        width: 100%;
        transition-duration: 0.5s;
        font-size: 14px;
        background-color: #fff;
    }

    .Navhide li a:hover {
        background-color: #f7f7f7;
        transition-duration: 0.5s;
    }

    .Navhide li:last-child a {
        border-bottom: 0;
    }

    /*common Pc E*/


    /*platForm S*/
    .MainTitle {
        font-size: 35px;
    }

    .TabMenu {
        display: flex;
        justify-content: space-between;
    }

    .TabMenu li {
        width: 50%;
        border: 1px solid #e1e1e1;
        padding: 19px 0 15px;
        font-size: 22px;
        text-align: center;
        margin-top: 30px;

        position: relative;
    }

    /* .TabMenu li.on::after {
        content: "";
        background-image: url(../image/myArrow.png);
        position: absolute;
        width: 21px;
        height: 16px;
        top: 100%;
        left: 50%;
        margin-left: -6px;
        border-width: 0 15px 15px;
        border-color: #fff transparent;
    } */

    .iconAndText {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 80px 0;
        color: #02b5fe;
    }

    .iconAndText img {
        margin-right: 10px;
    }

    .iconAndText span {
        margin: 0 5px;
    }

    .blueBanner {
        background-color: #02b5fe;
    }

    .blueBanner .wrap {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .firstText {
        color: #fff;
        font-size: 25px;
        margin-bottom: 10px;
        margin-top: 30px;
    }

    .secondText {
        color: #fff;
        font-size: 40px;
        margin-bottom: 120px;
    }

    .lastText {
        color: #fff;
        font-size: 20px;
        line-height: 30px;
    }

    .tableTitle {
        font-size: 24px;
        margin-top: 70px;
        margin-bottom: 30px;
        font-weight: 600;
    }

    .ApplyTable table {
        width: 100%;
        border-top: 1px solid #353535;
        border-bottom: 1px solid #353535;
    }

    .ApplyTable th {
        font-size: 18px;
        background-color: #f8f8f8;
        border-top: 1px solid #e1e1e1;
        border-bottom: 1px solid #e1e1e1;
        padding: 10px;
        text-align: left;
    }

    .ApplyTable td {
        font-size: 18px;
        border-top: 1px solid #e1e1e1;
        border-bottom: 1px solid #e1e1e1;
        padding: 10px;
    }

    .iconAndText2 {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin: 0 0 12px;
        color: #02b5fe;
    }

    

    .content {
        font-size: 16px;
        line-height: 30px;
    }

    .blueBtn {
        border-radius: 5px;
        background-color: #02b5fe;
        color: #fff;
        font-size: 18px;
        padding: 14px 15px 10px;
        border: 0;
        margin-top: 50px;
        margin-bottom: 150px;
    }
    .imgLine2 img{
      width: 100%;
    }
    /* .imgLine img{
        width: calc(((100% - 40px) / 2) - 2px);
    }
    .imgLine img:first-child{
        margin-right: 40px;
    } */
    .ApplyTable .blue{
      margin-right:10px;
    }
    /*platForm E*/
    /*dashBoard S*/
    .grayBg {
        background-color: #ececec;
    }

    .chartTitle {
        font-size: 25px;
        margin-bottom: 30px;
    }

    .chartTitle .spoqa-Thin {
        font-size: 20px;
    }

    [class^="chatBg"] {
        background-color: #fff;
        border-radius: 10px;
        padding: 40px 20px 10px;
        margin-top: 30px;
    }

    [class^="chatBg"] canvas {
        height: 100%;
    }

    .chatBg1 .chartArea {
        height: 300px;
    }

    .chatBg2 .chartArea {
        height: 200px;
    }

    .chatBg3 .chartArea {
        height: 200px;
    }

    .chatBg4 .chartArea {
        height: 535px;
    }

    .chatBg5 .chartArea {
        height: 200px;
    }

    .chatBg6 .chartArea {
        height: 200px;
    }

    .chatBg7 .chartArea {
        height: 460px;
    }

    .chatBg8 .chartArea {
        height: 460px;
    }

    .chatBg10 {
        height: 558px;
    }

    .chatBg10 .chartArea {
        width: 80%;
        margin: 0 auto;
    }

    .chatBg11 .chartArea {
        height: 560px;
    }

    .chatBg12 .chartArea {
        height: 560px;
    }

    .chartArea {
        width: 100%;
    }

    .leftChart {
        float: left;
        width: 49%;
    }

    .rightChart {
        float: right;
        width: 49%;
    }

    .short {
        width: 29% !important;
    }

    .long {
        width: 69% !important;
    }

    .ChartMake {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .ChartText {
        width: 15%;
        color: #353535;
        font-size: 14px;
        margin-right: 1%;
        text-align: right;
    }

    .ChartGraph {
        width: 84%;
        height: 30px;
        background-color: #ebf4f7;
    }

    .ChartGraph {
        display: flex;
        align-items: center;
        margin: 1% 0;
    }

    .ChartGraph [class^="prograssbar"] {
        height: 98%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        background-color: #02b5fe;
        color: #fff;
        padding: 0 1%;
        font-size: 14%;
        margin-right: 1%;
    }

    .ChartGraph [class^="prograsstext"] {
        color: #d2dadc;
    }

    .grayBox {
        background-color: #9e9e9e;
        color: #fff;
        border-radius: 5px;
        float: left;
        width: 32%;
        margin-right: 1%;
        padding: 3% 0;
        text-align: center;
        margin-top: 50px;
    }

    .grayBox:last-child {
        margin-right: 0;
        ;
    }

    .gbContent {
        font-size: 40px;
        margin-top: 40px;

    }

    .gbContent span {
        font-size: 20px;
    }

    .colorFourBox {
        color: #fff;
        border-radius: 5px;
        float: left;
        width: 24%;
        margin-right: 1%;
        padding: 3% 0;
        text-align: center;
        margin-top: 50px;
    }

    .colorFourBox:nth-child(1),
    .colorFourBox:nth-child(2) {
        background-color: #0065f7;
    }

    .colorFourBox:nth-child(3),
    .colorFourBox:nth-child(4) {
        background-color: #ffc200;
    }

    .colorTitle {
        font-size: 24px;
    }

    .colorContent {
        font-size: 22px;
        margin-top: 20px;
    }

    .colorContent span {
        font-size: 18px;
        margin-right: 5px;
        font-family: 'SpoqaHanSansNeo-Thin', 'sans-serif' !important;
    }

    .blueBox {
        margin-top: 20px;
        width: 90%;
        padding: 5%;
        background-color: #02b5fe;
        display: flex;
        justify-content: space-between;
        border-radius: 5px;
    }

    .yellowDis>.ClearBoth {
        display: flex;
        justify-content: space-between;
    }

    .yellowBox {
        margin-top: 20px;
        width: 40%;
        padding: 5%;
        background-color: #ffc200;
        border-radius: 5px;
        margin-right: 4%;
    }

    .yellowBox:last-child {
        margin-right: 0%;
    }

    .blueBox>.flL {
        width: 75%;
    }

    .blueBox>.flR {
        width: 25%;
    }

    .blueBox .title,
    .yellowBox .title {
        font-size: 25px;
        color: #fff;
    }

    .blueBox>.flR button {
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #fff;
        border: 1px solid #e1e1e1;
        border-radius: 5px;
        background-color: rgba(0, 0, 0, 0);
        padding: 10px 15px;
        width: 100%;
        font-size: 16px;
    }

    .blueBox>.flR button:last-child {
        margin-top: 50px;
    }

    .yellowBox .content {
        font-size: 20px;
        color: #fff;
        margin-top: 5px;
    }

    .btn button {
        color: #fff;
        border: 1px solid #e1e1e1;
        border-radius: 5px;
        background-color: rgba(0, 0, 0, 0);
        padding: 10px 15px;
        width: 60%;
        font-size: 16px;
        margin-top: 37px;
    }

    button .arrow {
        position: relative;
        top: -1px;
        font-size: 12px;
    }

    .diS {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    /*dashBoard E*/
    /*information S*/
    .whiteBg {
        background-color: #fff;
        padding: 10px;
        margin-top: 50px;
    }

    .disS {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .title {
        font-size: 30px;
    }

    .subTitle {
        font-size: 22px;
    }

    .subTitle .sub {
        font-size: 12px;
        color: #88898a;
    }

    .search {
        display: flex;
        border: 1px solid #e1e1e1;
        background-color: #f3f3f3;
        padding: 5px;
    }

    .search input {
        background-color: rgba(0, 0, 0, 0);
        border: 0;
        outline: none;
    }

    .search button {
        background-color: rgba(0, 0, 0, 0);
        border: 0;
        outline: none;
    }

    .fivebox {
        width: 17.2%;
        padding: 1%;
        height: 252px;
        margin-right: 1%;
        margin-top: 1%;
        position: relative;
        float: left;
    }

    .fivebox:nth-child(5n) {
        margin-right: 0;
    }

    .blueBar {
        width: 30px;
        height: 5px;
        background-color: #02b5fe;
        margin-top: 15px;
        border: 0;
        margin: 15px 0;
    }

    .fivebox button {
        width: 92%;
        padding: 2% 3%;
        position: absolute;
        bottom: 4%;
    }

    .fivebox.whiteBg {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .fivebox.whiteBg div {
        text-align: center;
    }

    .fivebox.whiteBg div .subTitle {
        margin-top: 30px;
    }

    .fivebox.whiteBg div .sub {
        font-size: 16px;
        margin-top: 10px;
    }

    .chatBg13 .chartArea,
    .chatBg14 .chartArea,
    .chatBg15 .chartArea,
    .chatBg16 .chartArea {
        height: 200px;
    }

    /*information E*/
    /*table S*/
    .firTitle {
        margin-top: 100px;
        font-size: 45px;
    }

    .centerLine {
        display: flex;
        justify-content: flex-end;
        align-items: center;

    }

    .tableSelect {
        display: inline-block;
        border: 1px solid #e1e1e1;
        background-color: #fff;
        padding: 6px;
        margin-right: 10px;
    }

    .tableSearch {
        display: inline-block;
        background-color: #fff;
        padding: 5px;
    }

    .tableSearch input {
        background-color: rgba(0, 0, 0, 0);
        border: 0;
        outline: none;
    }

    .tableSearch button {
        background-color: rgba(0, 0, 0, 0);
        border: 0;
        outline: none;
    }

    .tableCompany table {
        width: 100%;
        margin-top: 30px;
    }

    .tableCompany table th {
        border-top: 2px solid #3b3b3b;
        border-bottom: 1px solid #3b3b3b;
        padding: 31px 0;
        border-bottom: 1px solid #ddd;
        font-weight: 500;
        letter-spacing: -0.03em;
        color: #222;
        font-family: 'SpoqaHanSansNeo-Bold', 'sans-serif';
    }

    .tableCompany table td {
      border-bottom: 1px solid #3b3b3b;
      padding: 28px 0;
      font-weight: 400;
      font-size: 15px;
      text-align: center;
      letter-spacing: -0.03em;
      font-family: 'SpoqaHanSansNeo-Bold', 'sans-serif';
    }

    .paging {
        text-align: center;
    }

    .paging li {
        font-family: 'SpoqaHanSansNeo-Thin', 'sans-serif';
        display: inline-block;
        border: 1px solid #e1e1e1;
        padding: 13px 17px 10px;
        font-size: 12px;
        margin-top: 30px;
        margin-bottom: 150px;
    }

    .paging li.on {
        background-color: #02b5fe;
        color: #fff;
    }

    /*table E*/

    /*invest S*/
    .numberWhite{
        padding:3%;
        width: 94%;
        margin-top:50px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color:#fff;
    }
    .numberWhite .num{
        width: 33%;
        text-align: center;
        font-size:20px
    }
    .numberWhite .blue{
        font-size:32px;
        color:#02b5fe;
    }
    .imgBox{
        margin:30px 0;
    }
    .imgBox img{
        width: 16.4%;
    }
    .chatBg17{
        width:46%;
        float:left;
        height:405px;
        overflow: hidden;
    }
    .chatBg18{
        width:46%;
        float:right;
        height:405px;
        overflow: hidden;
    }
    .TitleSelect{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .TitleSelect select{
      position: relative;
      z-index: 1;
      background-color: #09b1b4;
      color: white;
      padding: 0 15px;
      border-radius: 5px;
      cursor: pointer;
      margin-bottom: 25px;
    }
    .popBtn{
      width: 120px;
      padding:10px 0;
      color:#fff;
      background-color: #02b5fe;
      margin-bottom: 100px;
      border:0;
      margin-top:20px;
    }
    .numberWhite.two .num{
        width: 50%;
        text-align: center;
        font-size:20px
    }
    /*invest E*/

    /*coronation S*/
    .whiteCheckBox{
      width: 92%;
      padding: 3% 4%;
      margin-top: 50px;
      background-color: #fff;
    }
    .BoxTop{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom:15px;
        margin-bottom:15px;
        border-bottom: 1px solid #e1e1e1;
    }
    .BoxTop .text{
        font-size:25px;
        font-weight: 600;
    }
    .BoxTop .text span{
        color:#02b5fe;
    }
    .checkOff{
        font-weight: 600;
        border-radius: 30px;
        background-color:#02b5fe;
        color:#fff;
        padding:5px 10px;
        border:0;
        outline: none;;
    }
    .checkOff i {
        margin-right: 10px;
    }
    .Boxbottom input[type="checkBox"]{
        display: none;
    }
    .Boxbottom input[type="checkBox"] + label{
        width: 14%;
        display: inline-block;
        font-size:18px;
        padding:10px 0;
        cursor: pointer;
    }
    .Boxbottom input[type="checkBox"] + label i.xi-checkbox-blank{
        display: inline-block;
        color:#8c8c8c;
    }
    .Boxbottom input[type="checkBox"] + label i.xi-check-square-o{
        display: none;
    }
    .Boxbottom input[type="checkBox"]:checked + label i.xi-checkbox-blank{
        display: none;
    }
    .Boxbottom input[type="checkBox"]:checked + label i.xi-check-square-o{
        display: inline-block;

    }
    .Boxbottom input[type="checkBox"]:checked + label{
        color:#02b5fe;
    }

    .searchWhite{
      width: 92%;
      padding: 2% 4%;
      background-color: #fff;
      margin: 30px 0;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    .searchWhite .left{
        font-size:20px;
    }
    .searchWhite .select{
        border-bottom: 1px solid #e1e1e1;
    }
    .searchWhite .select select{
        border:0;
        font-size:16px;
        padding:5px;
    }
    .searchWhite .select input[type="text"]{
        border:0;
        font-size:16px;
        padding:5px;
        outline: none;
    }
    .searchWhite .select button{
        border:0;
        font-size:16px;
        padding:5px;
        background-color:#fff;
        outline: none;
    }

    .paging li{
        background-color:#fff;
    }
    .imageLine .img{
        width: 14.2%;
        text-align: center;
        float: left;
    }
     .imageLine .img img{
        margin: 50px auto 0;
     }
    .imageLine .img.on img:nth-child(2){
        margin: 50px auto 0;
    }
    .imageLine .img img:nth-child(1){
        display: none;
    }
    .imageLine .img:hover img:nth-child(1){
        display: block;
    }
    .imageLine .img:hover img:nth-child(2){
        display: none;
    }
    /*coronation E*/
    /*coronation2 S*/

    /*지역은 gird CSS */
    /*coronation2 E*/
    /*founded S*/
    .MidContent{
      color:#282828;
      font-size:22px;
    }

    /* .PicBg{
      background-image:url("../image/founded_img.jpg");
      background-size:cover;
      background-repeat: no-repeat;
      background-position: center center;
      width: 100%;
      height: 450px;
      background-attachment: fixed;
      margin-top: 50px;
    } */
    .PicBg .wrap{
      height: 100%;
      width: 1400px;
      position: relative;
    }
    .whiteHeight{
      height: 65px;
      width: 100%;
      background-color:#fff;
      position: absolute;
      left:0;
      bottom:0;
    }
    .leftText{
        font-size:50px;
        width: 47%;
    }
    .leftSmall{
        font-size:22px;
        margin-bottom: 10px;
    }
    .leftText hr{
        width:30px;
        height: 8px;
        background-color:#02b5fe;
        border:0;
        margin:0 0 20px;
    }
    .rightText{
        font-size:18px;
        color:#282828;
        width: 45%;
        line-height: 26px;
        display: flex;
        align-items: center;
    }
    .textLineUp{
        display: flex;
        justify-content: space-between;
        margin-bottom:50px;
    }
    /*founded E*/
    /*Center S*/
    .five li{
        width: 25%;
    }
    .totalAndSearch{
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin:50px 0 20px;
    }
    .listPic{
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top:50px;
    }
    .listPic:last-child{
        margin-bottom: 100px;
    }
    .listPic .pic{
        width: 40%;
    }
    .listPic .pic img{
        width: 100%;
    }
    .listPic .intro{
        width: 55%;
    }
    .listPic .intro .smallBlue {
        font-size:20px;
        color:#02b5fe;
    }
    .listPic .intro .MainTitle {
        color: #282828;
        font-size: 35px;
        line-height: 45px;
        margin: 10px 0 65px;
    }
    .listPic .intro .content {
        font-size:14px;
        line-height: 28px;
    }
    .listPic .intro .content span{
        margin-right: 10px;;
    }
    /*Center E*/
    /*program S*/
    .numberBox{
        display: flex;
        align-items: center;
        justify-content: center;
        float: left;
        width: 15.6%;
        background-color:#e8e8e8;
        margin:100px 0;
        margin-right:1%;
        padding:5% 0;

    }
    .numberBox .Type{
        font-size:20px;
        color:#a5a5a5;
        text-align: center;
    }
    .numberBox .number .bold{
        font-size:50px;
        color:#a5a5a5;

    }
    .numberBox .number{
        font-size:20px;
        color:#a5a5a5;
        margin-top:10px;
    }
    .onwhite{
      background-color: #3a3a3a;
    }
    .onwhite,
    .onwhite *{
        color:#fff !important;
    }

    .Type1,
    .Type2,
    .Type3{
        padding:5px 0;
        width: 100px;
    }
    .Type1{
        border:1px solid #02b5fe;
        background-color:#fff;
        color:#02b5fe;
    }
    .Type2{
        border:1px solid #02b5fe;
        background-color:#02b5fe;
        color:#fff;
    }
    .Type3{
        border:1px solid #707070;
        background-color:#707070;
        color:#fff;
    }
    [class^="colorCircle"]{
        width: 7px;
        height: 7px;
        border-radius: 10px;
        display: inline-block;
        margin-right: 10px;
    }
    .colorCircle1{
        background-color:#d8d816;
        border:1px solid #d8d816;
    }
    .colorCircle2{
        background-color:#ffae0d;
        border:1px solid #ffae0d;
    }
    .colorCircle3{
        background-color:#ff4a53;
        border:1px solid #ff4a53;
    }
    .colorCircle4{
        background-color:#008cff;
        border:1px solid #008cff;
    }
    .colorCircle5{
        background-color:#dc6cf4;
        border:1px solid #dc6cf4;
    }
    /*program E*/
    /*calendar S*/
    .fc-other-month{
        color:#d7d7d7
    }
    .fc-toolbar{
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }
    .fc-prev-button{
        border-radius: 50% !important;
        width: 30px !important;
        height: 30px !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        background-color:#fff !important;
        color:#282828 !important;
        margin-right: 10px !important;
    }
    .fc-next-button{
        border-radius: 50% !important;
        width: 30px !important;
        height: 30px !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        background-color:#fff !important;
        color:#282828 !important;
        margin-left: 10px !important;
    }
    .fc-unthemed th{
        padding:10px !important;
    }
    /*calendar E*/

    /*retouch S*/
    .mapAndtitle{
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .map{
      font-size:16px;
    }
    .map a {
      cursor: pointer;
      margin-left:5px;
    }
    .root_daum_roughmap{
      width: 100% !important;
      margin-bottom: 120px !important;
    }

    /*retouch E*/
    /*searchpage S*/
    .searchArea{
      width: 800px;
      height: 500px;

      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .searchPage{
      width:100%;
      border-bottom: 2px solid #333;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .searchPage input[type="text"],
    .searchPage button{
      border:0;
      background-color:#fff;
      padding:10px;
      outline: none;

      font-size:18px;
    }
    .searchPage input[type="text"]{
      width: 100%;
    }
    /*searchpage E*/
}

/*Pc CSS E*/

/*T CSS S*/
@media (min-width: 768px) and (max-width: 1199px) {
    /*common Pc S*/
    .bg_1 {
        background-image: url("../image/bg_4.jpg");
        height: 456px;
    }
    .bg_2 {
        background-image: url("../image/bg_2.jpg");
        height: 456px;
    }
    .bg_3 {
        background-image: url("../image/bg_1.jpg");
        height: 456px;
    }
    .bg_4 {
        background-image: url("../image/bg_3.jpg");
        height: 456px;
    }
    .TabMenu {
        display: flex;
        justify-content: space-between;
    }

    .TabMenu li {
        width: 50%;
        border: 1px solid #e1e1e1;
        padding: 19px 0 15px;
        font-size: 22px;
        text-align: center;
        margin-top: 30px;

        position: relative;
    }

    .TabMenu li.on::after {
        content: "";
        background-image: url(../image/myArrow.png);
        position: absolute;
        width: 21px;
        height: 16px;
        top: 100%;
        left: 50%;
        margin-left: -6px;
        border-width: 0 15px 15px;
        border-color: #fff transparent;
    }



    [class^="bg"] .title {
        font-size: 60px;
        color: #fff;
    }

    .navMenu {
        border-bottom: 1px solid #e1e1e1;
        background-color: #fff;
    }

    .index a i {
        width: 68px;
        text-align: center;
        padding: 15px 0;
        color: #353535;
        border-right: 1px solid #e1e1e1;
        border-left: 1px solid #e1e1e1;
    }

    .navMenu div>ul {
        float: left;
        position: relative;
    }

    .nav {
        padding: 15px 10px;
        width: 200px;
        border-right: 1px solid #e1e1e1;
        position: relative;

    }

    .nav a {
        width: 100%;
        display: inline-block;
        cursor: pointer;
    }

    .navArrow {
        position: absolute;
        right: 10px;
        transition-duration: 0.5s;
        top: 50%;
        margin-top: -8px;
    }

    .Navhide {
        display: none;
        position: absolute;
        left: -1px;
        top: 47px;
        width: 220px;
        border: 1px solid #e1e1e1;
        border-top: 0;
        z-index: 2;
    }

    .Navhide li {
        overflow: hidden;
    }

    .Navhide li a {
        padding: 15px 10px;
        border-bottom: 1px solid #e1e1e1;
        color: #616161;
        display: inline-block;
        text-decoration: none;
        width: 100%;
        transition-duration: 0.5s;
        font-size: 14px;
        background-color: #fff;
    }

    .Navhide li a:hover {
        background-color: #f7f7f7;
        transition-duration: 0.5s;
    }

    .Navhide li:last-child a {
        border-bottom: 0;
    }

    /*common Pc E*/

    /*platForm S*/
    .MainTitle {
        font-size: 35px;
    }

    .TabMenu {
        display: flex;
        justify-content: space-between;
    }

    .TabMenu li {
        width: 50%;
        border: 1px solid #e1e1e1;
        padding: 19px 0 15px;
        font-size: 22px;
        text-align: center;
        margin-top: 30px;

        position: relative;
    }

    .TabMenu li.on::after {
        content: "";
        background-image: url(../image/myArrow.png);
        position: absolute;
        width: 21px;
        height: 16px;
        top: 100%;
        left: 50%;
        margin-left: -6px;
        border-width: 0 15px 15px;
        border-color: #fff transparent;
    }

    .iconAndText {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 80px 0;
        color: #02b5fe;
        font-size:12px;
    }

    .iconAndText img {
        margin-right: 10px;
    }

    .iconAndText span {
        margin: 0 5px;
    }

    .blueBanner {
        background-color: #02b5fe;
    }
    .blueBanner .wrap {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .firstText {
        color: #fff;
        font-size: 25px;
        margin-bottom: 10px;
        margin-top: 30px;
    }

    .secondText {
        color: #fff;
        font-size: 40px;
        margin-bottom: 120px;
    }

    .lastText {
        color: #fff;
        font-size: 20px;
        line-height: 30px;
    }

    .tableTitle {
        font-size: 24px;
        margin-top: 100px;
        margin-bottom: 30px;
    }

    .ApplyTable table {
        width: 100%;
        border-top: 1px solid #353535;
        border-bottom: 1px solid #353535;
    }

    .ApplyTable th {
        font-size: 18px;
        background-color: #f8f8f8;
        border-top: 1px solid #e1e1e1;
        border-bottom: 1px solid #e1e1e1;
        padding: 10px;
        text-align: left;
    }

    .ApplyTable td {
        font-size: 18px;
        border-top: 1px solid #e1e1e1;
        border-bottom: 1px solid #e1e1e1;
        padding: 10px;
    }

    .iconAndText2 {
        display: flex;
        justify-content: flex-start;
        align-items: left;
        margin: 0 0 30px;
        color: #02b5fe;
    }

    .content {
        font-size: 16px;
        line-height: 25px;
    }

    .blueBtn {
        border-radius: 5px;
        background-color: #02b5fe;
        color: #fff;
        font-size: 18px;
        padding: 14px 15px 10px;
        border: 0;
        margin-top: 50px;
        margin-bottom: 150px;
    }
    .imgLine2 img{
      width: 100%;
    }
    /* .imgLine img{
      width: 48%;
      margin-right: 40px;
    }
    .imgLine img:last-child{
      margin:0 auto;
    } */
    .ApplyTable .blue{
      margin-right:10px;
    }
    /*platForm E*/

    /*dashBoard S*/
    .grayBg {
        background-color: #ececec;
    }

    .chartTitle {
        font-size: 25px;
        margin-bottom: 30px;
    }

    .chartTitle .spoqa-Thin {
        font-size: 20px;
    }

    [class^="chatBg"] {
        background-color: #fff;
        border-radius: 10px;
        padding: 40px 20px 10px;
        margin-top: 30px;
    }

    [class^="chatBg"] canvas {
        height: 100%;
    }

    .chartArea {
        width: 100%;
    }

    .leftChart {
        float: left;
        width: 100%;
    }

    .rightChart {
        float: right;
        width: 100%;
    }

    .short {
        width: 100% !important;
    }

    .long {
        width: 100% !important;
    }

    .chatBg10 .chartArea {
        width: 30%;
        margin: 0 auto;
    }

    .ChartMake {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .ChartText {
        width: 15%;
        color: #353535;
        font-size: 14px;
        margin-right: 1%;
        text-align: right;
    }

    .ChartGraph {
        width: 84%;
        height: 30px;
        background-color: #ebf4f7;
    }

    .ChartGraph {
        display: flex;
        align-items: center;
        margin: 1% 0;
    }

    .ChartGraph [class^="prograssbar"] {
        height: 98%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        background-color: #02b5fe;
        color: #fff;
        padding: 0 1%;
        font-size: 14%;
        margin-right: 1%;
    }

    .ChartGraph [class^="prograsstext"] {
        color: #d2dadc;
    }

    .grayBox {
        background-color: #9e9e9e;
        color: #fff;
        border-radius: 5px;
        float: left;
        width: 32.6%;
        margin-right: 1%;
        padding: 3% 0;
        text-align: center;
        margin-top: 50px;
    }

    .grayBox:last-child {
        margin-right: 0;
        ;
    }

    .gbTitle {
        font-size: 14px;
    }

    .gbContent {
        font-size: 40px;
        margin-top: 40px;

    }

    .gbContent span {
        font-size: 20px;
    }

    .colorFourBox {
        color: #fff;
        border-radius: 5px;
        float: left;
        width: 24%;
        margin-right: 1%;
        padding: 3% 0;
        text-align: center;
        margin-top: 50px;
    }

    .colorFourBox:nth-child(1),
    .colorFourBox:nth-child(2) {
        background-color: #0065f7;
    }

    .colorFourBox:nth-child(3),
    .colorFourBox:nth-child(4) {
        background-color: #ffc200;
    }

    .colorTitle {
        font-size: 24px;
    }

    .colorContent {
        font-size: 22px;
        margin-top: 20px;
    }

    .colorContent span {
        font-size: 18px;
        margin-right: 5px;
        font-family: 'SpoqaHanSansNeo-Thin', 'sans-serif' !important;
    }

    .blueBox {
        margin-top: 20px;
        width: 90%;
        padding: 5%;
        background-color: #02b5fe;
        display: flex;
        justify-content: space-between;
        border-radius: 5px;
    }

    .yellowDis>.ClearBoth {
        display: flex;
        justify-content: space-between;
    }

    .yellowBox {
        margin-top: 20px;
        width: 40%;
        padding: 5%;
        background-color: #ffc200;
        border-radius: 5px;
        margin-right: 4%;
    }

    .yellowBox:last-child {
        margin-right: 0%;
    }

    .blueBox>.flL {
        width: 75%;
    }

    .blueBox>.flR {
        width: 25%;
    }

    .blueBox .title,
    .yellowBox .title {
        font-size: 25px;
        color: #fff;
    }

    .blueBox>.flR button {
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #fff;
        border: 1px solid #e1e1e1;
        border-radius: 5px;
        background-color: rgba(0, 0, 0, 0);
        padding: 10px 15px;
        width: 100%;
        font-size: 16px;
    }

    .blueBox>.flR button:last-child {
        margin-top: 50px;
    }

    .yellowBox .content {
        font-size: 20px;
        color: #fff;
        margin-top: 5px;
    }

    .btn button {
        color: #fff;
        border: 1px solid #e1e1e1;
        border-radius: 5px;
        background-color: rgba(0, 0, 0, 0);
        padding: 10px 15px;
        width: 60%;
        font-size: 16px;
        margin-top: 37px;
    }

    button .arrow {
        position: relative;
        top: -1px;
        font-size: 12px;
    }

    .diS {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    /*dashBoard E*/

    /*information S*/
    .whiteBg {
        background-color: #fff;
        padding: 10px;
        margin-top: 50px;
    }

    .disS {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .title {
        font-size: 30px;
    }

    .subTitle {
        font-size: 22px;
    }

    .subTitle .sub {
        font-size: 12px;
        color: #88898a;
    }

    .search {
        display: flex;
        border: 1px solid #e1e1e1;
        background-color: #f3f3f3;
        padding: 5px;
    }

    .search input {
        background-color: rgba(0, 0, 0, 0);
        border: 0;
        outline: none;
    }

    .search button {
        background-color: rgba(0, 0, 0, 0);
        border: 0;
        outline: none;
    }

    .fivebox {
        width: 17.2%;
        padding: 1%;
        height: 252px;
        margin-right: 1%;
        margin-top: 1%;
        position: relative;
        float: left;
    }

    .fivebox:nth-child(5n) {
        margin-right: 0;
    }

    .blueBar {
        width: 30px;
        height: 5px;
        background-color: #02b5fe;
        margin-top: 15px;
        border: 0;
        margin: 15px 0;
    }

    .fivebox button {
        width: 92%;
        padding: 2% 3%;
        position: absolute;
        bottom: 4%;
    }

    .fivebox.whiteBg {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .fivebox.whiteBg div {
        text-align: center;
    }

    .fivebox.whiteBg div .subTitle {
        margin-top: 30px;
    }

    .fivebox.whiteBg div .sub {
        font-size: 16px;
        margin-top: 10px;
    }

    .chatBg13 .chartArea,
    .chatBg14 .chartArea,
    .chatBg15 .chartArea,
    .chatBg16 .chartArea {
        height: 200px;
    }

    /*information E*/
    /*table S*/
    .firTitle {
        margin-top: 100px;
        font-size: 45px;
    }

    .centerLine {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .tableSelect {
        display: inline-block;
        border: 1px solid #e1e1e1;
        background-color: #fff;
        padding: 6px;
        margin-right: 10px;
    }

    .tableSearch {
        display: inline-block;
        background-color: #fff;
        padding: 5px;
    }

    .tableSearch input {
        background-color: rgba(0, 0, 0, 0);
        border: 0;
        outline: none;
    }

    .tableSearch button {
        background-color: rgba(0, 0, 0, 0);
        border: 0;
        outline: none;
    }

    .tableCompany table {
        width: 100%;
        margin-top: 30px;
    }

    .tableCompany table th {
        padding: 15px 0;
        border-top: 2px solid #3b3b3b;
        border-bottom: 1px solid #3b3b3b;
        font-family: 'SpoqaHanSansNeo-Medium', 'sans-serif';
    }

    .tableCompany table td {
        padding: 15px 0;
        border-bottom: 1px solid #e1e1e1;
        font-family: 'SpoqaHanSansNeo-Medium', 'sans-serif';
        text-align: center;
    }

    .paging {
        text-align: center;
    }

    .paging li {
        font-family: 'SpoqaHanSansNeo-Thin', 'sans-serif';
        display: inline-block;
        border: 1px solid #e1e1e1;
        padding: 13px 17px 10px;
        font-size: 12px;
        margin-top: 30px;
        margin-bottom: 150px;
    }

    .paging li.on {
        background-color: #02b5fe;
        color: #fff;
    }

    /*table E*/

       /*invest S*/
       .numberWhite{
        padding:3%;
        width: 94%;
        margin-top:30px;
        background-color:#fff;
    }
    .numberWhite .num{
        width: 100%;
        text-align: center;
        font-size:15px;
        margin: 30px 0;;
    }
    .numberWhite .blue{
        font-size:25px;
        color:#02b5fe;
    }
    .imgBox{
        margin:30px 0;
    }
    .imgBox img{
        width: 32.8%;
    }
    .chatBg17{
        width:93%;
        float:left;
        height:405px;
        overflow: hidden;
    }
    .chatBg18{
        width:93%;
        float:right;
        height:405px;
        overflow: hidden;
    }
    .TitleSelect{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .TitleSelect select{
      position: relative;
      z-index: 1;
      background-color: #09b1b4;
      color: white;
      padding: 0 15px;
      border-radius: 5px;
      cursor: pointer;
      margin-bottom: 25px;
    }
    .popBtn{
      width: 120px;
      padding:10px 0;
      color:#fff;
      background-color: #02b5fe;
      margin-bottom: 100px;
      border:0;
      margin-top:20px;
    }
    .numberWhite.two .num{
        width: 50%;
        text-align: center;
        font-size:20px
    }
    /*invest E*/

     /*coronation S*/
     .whiteCheckBox{
        width: 94%;
        padding:3%;
        margin-top:50px;
        background-color:#fff;
    }
    .BoxTop{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom:15px;
        margin-bottom:15px;
        border-bottom: 1px solid #e1e1e1;
    }
    .BoxTop .text{
        font-size:25px;
        font-weight: 600;
    }
    .BoxTop .text span{
        color:#02b5fe;
    }
    .checkOff{
        font-weight: 600;
        border-radius: 30px;
        background-color:#02b5fe;
        color:#fff;
        padding:5px 10px;
        border:0;
        outline: none;;
    }
    .checkOff i {
        margin-right: 10px;
    }
    .Boxbottom input[type="checkBox"]{
        display: none;
    }
    .Boxbottom input[type="checkBox"] + label{
        width: 20%;
        display: inline-block;
        font-size:14px;
        padding:10px 0;
        cursor: pointer;
    }
    .Boxbottom input[type="checkBox"] + label i.xi-checkbox-blank{
        display: inline-block;
        color:#8c8c8c;
    }
    .Boxbottom input[type="checkBox"] + label i.xi-check-square-o{
        display: none;
    }
    .Boxbottom input[type="checkBox"]:checked + label i.xi-checkbox-blank{
        display: none;
    }
    .Boxbottom input[type="checkBox"]:checked + label i.xi-check-square-o{
        display: inline-block;

    }
    .Boxbottom input[type="checkBox"]:checked + label{
        color:#02b5fe;
    }

    .searchWhite{
        width: 96%;
        padding:2%;
        background-color:#fff;
        margin:30px 0;

        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .searchWhite .left{
        font-size:20px;
    }
    .searchWhite .select{
        border-bottom: 1px solid #e1e1e1;
    }
    .searchWhite .select select{
        border:0;
        font-size:16px;
        padding:5px;
    }
    .searchWhite .select input[type="text"]{
        border:0;
        font-size:16px;
        padding:5px;
        outline: none;
    }
    .searchWhite .select button{
        border:0;
        font-size:16px;
        padding:5px;
        background-color:#fff;
        outline: none;
    }

    .paging li{
        background-color:#fff;
    }
    .imageLine .img{
        width: 14.2%;
        text-align: center;
        float: left;
    }
     .imageLine .img img{
        margin: 50px auto 0;
     }
    .imageLine .img.on img:nth-child(2){
        margin: 50px auto 0;
    }
    .imageLine .img img:nth-child(1){
        display: none;
    }
    .imageLine .img:hover img:nth-child(1){
        display: block;
    }
    .imageLine .img:hover img:nth-child(2){
        display: none;
    }
    /*coronation E*/

     /*coronation2 S*/

    /*지역은 gird CSS */

    /*coronation2 E*/

    /*founded S*/
      .BigTitle{
        font-size:45px;
        margin-top:10px;
        margin-bottom:30px;
      }
      .MidContent{
        color:#282828;
        font-size:22px;
      }

      .PicBg{
        background-image:url("../image/founded_img.jpg");
        /* background-size:cover; */
        background-repeat: no-repeat;
        background-position: center center;
        width: 100%;
        height: 350px;
        background-attachment: fixed;
        margin-top: 100px;
      }
      .PicBg .wrap{
        height: 100%;
        position: relative;
      }
      .whiteHeight{
        height: 65px;
        width: 100%;
        background-color:#fff;
        position: absolute;
        left:0;
        bottom:0;
      }
      .leftText{
          font-size:40px;
          width: 47%;
      }
      .leftSmall{
          font-size:18px;
          margin-bottom: 10px;
      }
      .leftText hr{
          width:30px;
          height: 8px;
          background-color:#02b5fe;
          border:0;
          margin:0 0 20px;
      }
      .rightText{
          font-size:14px;
          color:#282828;
          width: 53%;
          line-height: 26px;
          display: flex;
          align-items: center;
      }
      .textLineUp{
        display: flex;
        justify-content: space-between;
        margin-bottom:50px;
        }
      /*founded S*/

      /*Center S*/
    .five li{
        width: 25%;
    }
    .totalAndSearch{
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin:50px 0 20px;
    }
    .listPic{
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top:50px;
    }
    .listPic:last-child{
        margin-bottom: 100px;
    }
    .listPic .pic{
        width: 40%;
    }
    .listPic .pic img{
        width: 100%;
    }
    .listPic .intro{
        width: 55%;
    }
    .listPic .intro .smallBlue {
        font-size:20px;
        color:#02b5fe;
    }
    .listPic .intro .MainTitle {
        color: #282828;
        font-size: 35px;
        line-height: 45px;
        margin: 10px 0 35px;
    }
    .listPic .intro .content {
        font-size:14px;
        line-height: 28px;
    }
    .listPic .intro .content span{
        margin-right: 10px;;
    }
    /*Center E*/

    /*program S*/
    .numberBox{
        display: flex;
        align-items: center;
        justify-content: center;
        float: left;
        width: 15.6%;
        background-color:#e8e8e8;
        margin:100px 0;
        margin-right:1%;
        padding:5% 0;

    }
    .numberBox .Type{
        font-size:20px;
        color:#a5a5a5;
        text-align: center;
    }
    .numberBox .number .bold{
        font-size:50px;
        color:#a5a5a5;

    }
    .numberBox .number{
        font-size:20px;
        color:#a5a5a5;
        margin-top:10px;
    }
    .onwhite,
    .onwhite *{
        color:#fff !important;
        background-color: #3a3a3a;
    }

     /*calendar S*/
     .fc-other-month{
        color:#d7d7d7
    }
    .fc-toolbar{
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }
    .fc-prev-button{
        border-radius: 50% !important;
        width: 30px !important;
        height: 30px !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        background-color:#fff !important;
        color:#282828 !important;
        margin-right: 10px !important;
    }
    .fc-next-button{
        border-radius: 50% !important;
        width: 30px !important;
        height: 30px !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        background-color:#fff !important;
        color:#282828 !important;
        margin-left: 10px !important;
    }
    .fc-unthemed th{
        padding:10px !important;
    }
    /*calendar E*/

    /*retouch S*/
    .mapAndtitle{
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .map{
      font-size:16px;
    }
    .map a {
      cursor: pointer;
      margin-left:5px;
    }
    .root_daum_roughmap{
      width: 100% !important;
      margin-bottom: 120px !important;
    }
    /*retouch E*/
    /*searchpage S*/
    .searchArea{
      width: 80%;
      height: 500px;

      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .searchPage{
      width:100%;
      border-bottom: 2px solid #333;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .searchPage input[type="text"],
    .searchPage button{
      border:0;
      background-color:#fff;
      padding:10px;
      outline: none;

      font-size:18px;
    }
    .searchPage input[type="text"]{
      width: 100%;
    }
    /*searchpage E*/
}

/*T CSS E*/

/*M CSS S*/
@media (max-width: 767px) {

    /*common Pc S*/
      .disS{
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
      .bg_1 {
          background-image: url("../image/bg_4.jpg");
          height: 300px;
      }
      .bg_2 {
          background-image: url("../image/bg_2.jpg");
          height: 300px;
      }
      .bg_3 {
          background-image: url("../image/bg_1.jpg");
          height: 300px;
      }
      .bg_4 {
          background-image: url("../image/bg_3.jpg");
          height: 300px;
      }
    .TabMenu {
        display: flex;
        justify-content: space-between;
    }

    .TabMenu li {
        width: 50%;
        border: 1px solid #e1e1e1;
        padding: 19px 0 15px;
        font-size: 18px;
        text-align: center;
        margin-top: 30px;

        position: relative;
    }

    .TabMenu li.on::after {
        content: "";
        background-image: url(../image/myArrow.png);
        position: absolute;
        width: 21px;
        height: 16px;
        top: 100%;
        left: 50%;
        margin-left: -6px;
        border-width: 0 15px 15px;
        border-color: #fff transparent;
    }


    .mar-100t {
        margin-top: 50px !important;
    }

    .section3 .MainTitle {
        margin-top: 30px !important
    }


    [class^="bg"] .title {
        font-size: 40px;
        color: #fff;
        margin-top: 50px;
    }

    .navMenu {
        border-bottom: 1px solid #e1e1e1;
        background-color: #fff;
        display: none;
    }

    .index a i {
        width: 68px;
        text-align: center;
        padding: 15px 0;
        color: #353535;
        border-right: 1px solid #e1e1e1;
        border-left: 1px solid #e1e1e1;
    }

    .navMenu div>ul {
        float: left;
        position: relative;
    }

    .nav {
        padding: 15px 10px;
        width: 200px;
        border-right: 1px solid #e1e1e1;
        position: relative;

    }

    .nav a {
        width: 100%;
        display: inline-block;
        cursor: pointer;
    }

    .navArrow {
        position: absolute;
        right: 10px;
        transition-duration: 0.5s;
        top: 50%;
        margin-top: -8px;
    }

    .Navhide {
        display: none;
        position: absolute;
        left: -1px;
        top: 47px;
        width: 220px;
        border: 1px solid #e1e1e1;
        border-top: 0;
        z-index: 2;
    }

    .Navhide li {
        overflow: hidden;
    }

    .Navhide li a {
        padding: 15px 10px;
        border-bottom: 1px solid #e1e1e1;
        color: #616161;
        display: inline-block;
        text-decoration: none;
        width: 100%;
        transition-duration: 0.5s;
        font-size: 14px;
        background-color: #fff;
    }

    .Navhide li a:hover {
        background-color: #f7f7f7;
        transition-duration: 0.5s;
    }

    .Navhide li:last-child a {
        border-bottom: 0;
    }

    /*common Pc E*/

    /*platForm S*/
    .MainTitle {
        font-size: 35px;
    }

    .TabMenu {
        display: flex;
        justify-content: space-between;
    }

    .TabMenu li {
        width: 50%;
        border: 1px solid #e1e1e1;
        padding: 14px 0 9px;
        font-size: 14px;
        text-align: center;
        margin-top: 30px;

        position: relative;
    }

    /* .iconAndText img{
      display: none;
    } */
    .TabMenu li.on::after {
        content: "";
        background-image: url(../image/myArrow.png);
        position: absolute;
        width: 21px;
        height: 16px;
        top: 100%;
        left: 50%;
        margin-left: -6px;
        border-width: 0 15px 15px;
        border-color: #fff transparent;
    }

    .iconAndText {
        /* display: flex;
        justify-content: center;
        align-items: center; */
        margin: 80px 0;
        color: #02b5fe;
        font-size:12px;
        line-height: 18px;
    }

    .iconAndText img {
        margin-right: 10px;
    }

    .iconAndText span {
        margin: 0 5px;
    }

    .blueBanner .textArea {
      width: 100%;
    }
    .blueBanner {
        background-color: #02b5fe;
        overflow:hidden;
    }

    .blueBanner .wrap {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .blueBanner .wrap{
        display: block;
    }
    .firstText {
        color: #fff;
        font-size: 20px;
        margin-bottom: 10px;
        margin-top: 30px;
    }

    .secondText {
      color: #fff;
      font-size: 35px;
      /* margin-bottom: 50px; */
    }

    /* .lastText {
        color: #fff;
        font-size: 14px;
        line-height: 30px;
    } */

    .tableTitle {
        font-size: 24px;
        margin-top: 100px;
        margin-bottom: 30px;
    }
    .iconAndText2 img {
        /* display: none; */
    }
    .ApplyTable table {
        width: 100%;
        border-top: 1px solid #353535;
        border-bottom: 1px solid #353535;
    }

    .ApplyTable th {
        font-size: 14px;
        background-color: #f8f8f8;
        border-top: 1px solid #e1e1e1;
        border-bottom: 1px solid #e1e1e1;
        line-height: 24px;
        padding: 10px;
        text-align: left;
    }

    .ApplyTable td {
        font-size: 14px;
        border-top: 1px solid #e1e1e1;
        border-bottom: 1px solid #e1e1e1;
        padding: 10px;
        line-height: 24px;
    }

    .iconAndText2 {
        display: flex;
        justify-content: flex-start;
        align-items: left;
        margin: 0 0 30px;
        color: #02b5fe;
        font-size:14px;
        line-height: 24px;
    }

    /* .iconAndText2 img {
        margin-right: 10px;
        position: relative;
        top: -5px;
    } */

    .content {
        font-size: 14px;
        line-height: 25px;
    }

    .blueBtn {
        border-radius: 5px;
        background-color: #02b5fe;
        color: #fff;
        font-size: 18px;
        padding: 14px 15px 10px;
        border: 0;
        margin-top: 50px;
        margin-bottom: 150px;
    }
    .imgLine2 img{
      width: 100%;
    }
    /* .imgLine img {
        width: 100%;
    }
    .imgLine img:last-child{
      margin-top: 20px;
    } */
    .ApplyTable .blue{
      margin-right:10px;
    }
    /*platForm E*/

    /*dashBoard S*/
    .grayBg {
        background-color: #ececec;
    }

    .chartTitle {
        font-size: 18px;
        margin-bottom: 30px;
    }

    .chartTitle .spoqa-Thin {
        font-size: 14px;
    }

    [class^="chatBg"] {
        background-color: #fff;
        border-radius: 10px;
        padding: 40px 20px 10px;
        margin-top: 30px;
    }

    [class^="chatBg"] canvas {
        height: 100%;
    }

    .chartArea {
        width: 100%;
    }

    .leftChart {
        float: left;
        width: 100%;
    }

    .rightChart {
        float: right;
        width: 100%;
    }

    .short {
        width: 100% !important;
    }

    .long {
        width: 100% !important;
    }

    .chatBg10 .chartArea {
        width: 30%;
        margin: 0 auto;
    }

    .ChartMake {}

    .ChartText {
        width: 100%;
        color: #353535;
        font-size: 14px;
        margin-right: 1%;
        text-align: left;
        margin-top: 10px;
    }

    .ChartGraph {
        width: 100%;
        height: 30px;
        background-color: #ebf4f7;
    }

    .ChartGraph {
        display: flex;
        align-items: center;
        margin: 1% 0;
    }

    .ChartGraph [class^="prograssbar"] {
        height: 98%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        background-color: #02b5fe;
        color: #fff;
        padding: 0 1%;
        font-size: 14%;
        margin-right: 1%;
    }

    .ChartGraph [class^="prograsstext"] {
        color: #d2dadc;
    }

    .grayBox {
        background-color: #9e9e9e;
        color: #fff;
        border-radius: 5px;
        float: left;
        width: 100%;
        margin-right: 1%;
        padding: 3% 0;
        text-align: center;
        margin-top: 1%;
    }

    .grayBox:nth-child(1) {
        margin-top: 50px;
    }

    .grayBox:last-child {
        margin-right: 0;
        ;
    }

    .gbTitle {
        font-size: 14px;
    }

    .gbContent {
        font-size: 40px;
        margin-top: 40px;

    }

    .gbContent span {
        font-size: 20px;
    }

    .colorFourBox {
        color: #fff;
        border-radius: 5px;
        float: left;
        width: 49%;
        margin-right: 1%;
        padding: 3% 0;
        text-align: center;
    }

    .colorFourBox:nth-child(1),
    .colorFourBox:nth-child(2) {
        background-color: #0065f7;
        margin-top: 30px;
    }

    .colorFourBox:nth-child(3),
    .colorFourBox:nth-child(4) {
        background-color: #ffc200;
        margin-top: 10px;

    }

    .colorTitle {
        font-size: 18px;
    }

    .colorContent {
        font-size: 22px;
        margin-top: 20px;
    }

    .colorContent span {
        font-size: 18px;
        margin-right: 5px;
        font-family: 'SpoqaHanSansNeo-Thin', 'sans-serif' !important;
    }

    .blueBox {
        margin-top: 20px;
        width: 90%;
        padding: 5%;
        background-color: #02b5fe;
        border-radius: 5px;
    }

    .yellowDis>.ClearBoth {}

    .yellowBox {
        margin-top: 20px;
        width: 90%;
        padding: 5%;
        background-color: #ffc200;
        border-radius: 5px;
        margin-right: 4%;
    }

    .yellowBox:last-child {
        margin-right: 0%;
    }

    .blueBox>.flL {
        width: 100%;
    }

    .blueBox>.flR {
        width: 100%;
    }

    .blueBox .title,
    .yellowBox .title {
        font-size: 25px;
        color: #fff;
    }

    .blueBox>.flR button {
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #fff;
        border: 1px solid #e1e1e1;
        border-radius: 5px;
        background-color: rgba(0, 0, 0, 0);
        padding: 10px 15px;
        width: 100%;
        font-size: 16px;
    }

    .blueBox>.flR button:first-child {
        margin-top: 50px;
        margin-bottom: 10px;
    }

    .yellowBox .content {
        font-size: 20px;
        color: #fff;
        margin-top: 5px;
    }

    .btn button {
        color: #fff;
        border: 1px solid #e1e1e1;
        border-radius: 5px;
        background-color: rgba(0, 0, 0, 0);
        padding: 10px 15px;
        width: 60%;
        font-size: 16px;
        margin-top: 37px;
    }

    button .arrow {
        position: relative;
        top: -1px;
        font-size: 12px;
    }

    .diS {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    /*dashBoard E*/
    /*information S*/
    .whiteBg {
        background-color: #fff;
        padding: 10px;
        margin-top: 50px;
    }

    .disS {
        /* display: flex;
    justify-content: space-between;
    align-items: center; */
    }

    .title {
        font-size: 30px;
    }

    .subTitle {
        font-size: 16px;
        margin-top: 10px;
    }

    .subTitle .sub {
        font-size: 12px;
        color: #88898a;
        display: block;
        margin-top: 5px;
        margin-bottom: 20px;
    }

    .search {
        border: 1px solid #e1e1e1;
        background-color: #f3f3f3;
        padding: 5px;
        display: inline-block;
    }

    .search input {
        background-color: rgba(0, 0, 0, 0);
        border: 0;
        outline: none;
    }

    .search button {
        background-color: rgba(0, 0, 0, 0);
        border: 0;
        outline: none;
    }

    .fivebox {
        width: 30.6%;
        padding: 1%;
        height: 252px;
        margin-right: 1%;
        margin-top: 1%;
        position: relative;
        float: left;
    }

    .fivebox:nth-child(3n) {
        margin-right: 0;
    }

    .blueBar {
        width: 30px;
        height: 5px;
        background-color: #02b5fe;
        margin-top: 15px;
        border: 0;
        margin: 15px 0;
    }

    .fivebox button {
        width: 92%;
        padding: 2% 3%;
        position: absolute;
        bottom: 4%;
    }

    .fivebox.whiteBg {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .fivebox.whiteBg div {
        text-align: center;
    }

    .fivebox.whiteBg div .subTitle {
        margin-top: 30px;
    }

    .fivebox.whiteBg div .sub {
        font-size: 16px;
        margin-top: 10px;
    }

    .chatBg13 .chartArea,
    .chatBg14 .chartArea,
    .chatBg15 .chartArea,
    .chatBg16 .chartArea {
        height: 200px;
    }

    /*information E*/
    /*table S*/

    .noBorder {
        display: inline-block;
        width: 100%;
        border-bottom: 1px solid #e1e1e1;
        margin-top: 40px;
        margin-bottom: 10px;
    }

    .firTitle {
        margin-top: 50px;
        font-size: 35px;
    }

    .centerLine {
        /*display: flex;
        justify-content: flex-end;
        align-items: center;*/
        margin-top:20px;
    }
    .centerLine select{
      border-bottom: 1px solid #e1e1e1;
    }
    .tableSearch input{
      width: 97%;
    }
    .tableSearch{
      width: 100%;
      margin-top:20px;
    }
    .tableSelect {
        display: inline-block;
        border: 1px solid #e1e1e1;
        background-color: #fff;
        padding: 6px;
        margin-right: 10px;
    }

    .tableSearch {
        display: inline-block;
        background-color: #fff;
        padding: 5px;
    }

    .tableSearch input {
        background-color: rgba(0, 0, 0, 0);
        border: 0;
        outline: none;
    }

    .tableSearch button {
        background-color: rgba(0, 0, 0, 0);
        border: 0;
        outline: none;
    }

    .tableCompany table {
        width: 100%;
        margin-top: 30px;
    }

    .tableCompany table th {
        padding: 15px 0;
        border-top: 2px solid #3b3b3b;
        border-bottom: 1px solid #3b3b3b;
        font-family: 'SpoqaHanSansNeo-Medium', 'sans-serif';
        font-size:14px;
    }
    .tableCompany table th:nth-child(1),
    .tableCompany table td:nth-child(1),
    .tableCompany table th:nth-child(3),
    .tableCompany table td:nth-child(3){
        display: none;
    }
    .tableCompany table td {
        padding: 15px 0;
        border-bottom: 1px solid #e1e1e1;
        font-family: 'SpoqaHanSansNeo-Medium', 'sans-serif';
        text-align: center;
        font-size:14px;
    }

    .paging {
        text-align: center;
    }

    .paging li {
        font-family: 'SpoqaHanSansNeo-Thin', 'sans-serif';
        display: inline-block;
        border: 1px solid #e1e1e1;
        padding: 13px 17px 10px;
        font-size: 12px;
        margin-top: 30px;
        margin-bottom: 150px;
    }

    .paging li.on {
        background-color: #02b5fe;
        color: #fff;
    }

    /*table E*/

    /*invest S*/
    .numberWhite{
        padding:3%;
        width: 94%;
        margin-top:30px;
        background-color:#fff;
    }
    .numberWhite .num{
        width: 100%;
        text-align: center;
        font-size:15px;
        margin: 30px 0;;
    }
    .numberWhite .blue{
        font-size:25px;
        color:#02b5fe;
    }
    .imgBox{
        margin:30px 0;
    }
    .imgBox img{
        width: 32.8%;
    }
    .chatBg17{
        width:93%;
        float:left;
        height:405px;
        overflow: hidden;
    }
    .chatBg18{
        width:93%;
        float:right;
        height:405px;
        overflow: hidden;
    }
    .TitleSelect{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .TitleSelect select{
      position: relative;
      z-index: 1;
      background-color: #09b1b4;
      color: white;
      padding: 0 15px;
      border-radius: 5px;
      cursor: pointer;
      margin-bottom: 25px;
    }
    .popBtn{
      width: 120px;
      padding:10px 0;
      color:#fff;
      background-color: #02b5fe;
      margin-bottom: 100px;
      border:0;
      margin-top:20px;
    }
    .numberWhite.two .num{
        width: 100%;
        text-align: center;
        font-size:20px
    }
    /*invest E*/
      /*coronation S*/
      .whiteCheckBox{
        width: 94%;
        padding:3%;
        margin-top:50px;
        background-color:#fff;
    }
    .BoxTop{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom:15px;
        margin-bottom:15px;
        border-bottom: 1px solid #e1e1e1;
    }
    .BoxTop .text{
        font-size:25px;
        font-weight: 600;
    }
    .BoxTop .text span{
        color:#02b5fe;
    }
    .checkOff{
        font-weight: 600;
        border-radius: 30px;
        background-color:#02b5fe;
        color:#fff;
        padding:5px 10px;
        border:0;
        outline: none;;
    }
    .checkOff i {
        margin-right: 10px;
    }
    .Boxbottom input[type="checkBox"]{
        display: none;
    }
    .Boxbottom input[type="checkBox"] + label{
        width: 30%;
        display: inline-block;
        font-size:14px;
        padding:10px 0;
        cursor: pointer;
    }
    .Boxbottom input[type="checkBox"] + label i.xi-checkbox-blank{
        display: inline-block;
        color:#8c8c8c;
    }
    .Boxbottom input[type="checkBox"] + label i.xi-check-square-o{
        display: none;
    }
    .Boxbottom input[type="checkBox"]:checked + label i.xi-checkbox-blank{
        display: none;
    }
    .Boxbottom input[type="checkBox"]:checked + label i.xi-check-square-o{
        display: inline-block;

    }
    .Boxbottom input[type="checkBox"]:checked + label{
        color:#02b5fe;
    }

    .searchWhite{
        width: 96%;
        padding:2%;
        background-color:#fff;
        margin:30px 0;
        /*
        display: flex;
        align-items: center;
        justify-content: space-between;
        */
    }
    .searchWhite .left{
        font-size:20px;
        width: 100%;
        margin-bottom:10px;
    }
    .searchWhite .select{
        border-bottom: 1px solid #e1e1e1;
    }
    .searchWhite .select select{
        border:0;
        font-size:16px;
        padding:5px;
    }
    .searchWhite .select input[type="text"]{
        border:0;
        font-size:16px;
        padding:5px;
        outline: none;
        width: 90%;
    }
    .searchWhite .select button{
        border:0;
        font-size:16px;
        padding:5px;
        background-color:#fff;
        outline: none;
    }
    .paging li{
        background-color:#fff;
    }
    .imageLine .img{
        width: 33%;
        text-align: center;
        float: left;
        height: 110px;;
    }
     .imageLine .img img{
        margin: 20px auto 0;
     }
    .imageLine .img.on img:nth-child(2){
        margin: 20px auto 0;
    }
    .imageLine .img img:nth-child(1){
        display: none;
    }
    .imageLine .img:hover img:nth-child(1){
        display: block;
    }
    .imageLine .img:hover img:nth-child(2){
        display: none;
    }
    /*coronation E*/
     /*coronation2 S*/

    /*지역은 gird CSS */
    /*coronation2 E*/

     /*founded S*/
      .MidContent{
        color:#282828;
        font-size:18px;
        line-height: 26px;
      }

      .PicBg{
        background-image:url("../image/founded_img.jpg");
        /* background-size:cover; */
        background-repeat: no-repeat;
        background-position: center center;
        width: 100%;
        height: 250px;
        background-attachment: fixed;
        margin-top: 100px;
      }
      .PicBg .wrap{
        height: 100%;
        position: relative;
      }
      .whiteHeight{
        height: 45px;
        width: 100%;
        background-color:#fff;
        position: absolute;
        left:0;
        bottom:0;
      }
      .leftText{
          font-size:30px;
          width: 100%;
      }
      .leftSmall{
          font-size:18px;
          margin-bottom: 10px;
      }
      .leftText hr{
          width:30px;
          height: 8px;
          background-color:#02b5fe;
          border:0;
          margin:0 0 20px;
      }
      .rightText{
          font-size:14px;
          color:#282828;
          width: 100%;
          line-height: 26px;
          display: flex;
          align-items: center;
          margin-top: 30px;
      }
      .iconLine{
          display: flex;
          align-items: center;
      }
      .textLineUp{

          margin-bottom:50px;
      }
      .iconLineUp{
          text-align: center;
          margin-right:20px;
      }
      /*founded S*/
/*Center S*/
.five li{
    width: 25%;
    font-size:14px;
}
.totalAndSearch{

    margin:50px 0 20px;
}
.listPic{
    margin-top:50px;
}
.listPic:last-child{
    margin-bottom: 100px;
}
.listPic .pic{
    width: 80%;
    text-align: center;;
}
.listPic .pic img{
    width: 100%;
}
.listPic .intro{
    width: 100%;
    margin-top:10px;
}
.listPic .intro .smallBlue {
    font-size:18px;
    color:#02b5fe;
}
.listPic .intro .MainTitle {
    color: #282828;
    font-size: 25px;
    line-height: 45px;
    margin-top: 10px !important;
    margin: 10px 0 25px;
}
.listPic .intro .content {
    font-size:14px;
    line-height: 28px;
}
.listPic .intro .content span{
    margin-right: 10px;;
}
/*Center E*/
/*program S*/
.numberBox{
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  width: 32.6%;
  background-color: #e8e8e8;
  margin-right: 1%;
  padding: 5% 0;
  margin-top:10px;
}
.numberBox:nth-child(3n){
  margin-right: 0;
}
.numberBox .Type{
    font-size:20px;
    color:#a5a5a5;
    text-align: center;
}
.numberBox .number .bold{
    font-size:40px;
    color:#a5a5a5;

}
.numberBox .number{
    font-size:20px;
    color:#a5a5a5;
    margin-top:10px;
}
.onwhite,
.onwhite *{
    color:#fff !important;
    background-color: #3a3a3a;
}
.onwhite,
.onwhite *{
    color:#fff !important;
    background-color: #3a3a3a;
}

.Type1,
.Type2,
.Type3{
        padding: 5px 10px;
    width: 80px;
}
.Type1{
    border:1px solid #02b5fe;
    background-color:#fff;
    color:#02b5fe;
    font-size:12px;
}
.Type2{
    border:1px solid #02b5fe;
    background-color:#02b5fe;
    color:#fff;
    font-size:12px;
}
.Type3{
    border:1px solid #707070;
    background-color:#707070;
    color:#fff;
    font-size:12px;
}
[class^="colorCircle"]{
    width: 7px;
    height: 7px;
    border-radius: 10px;
    display: inline-block;
    margin-right: 10px;
}
.colorCircle1{
    background-color:#d8d816;
    border:1px solid #d8d816;
}
.colorCircle2{
    background-color:#ffae0d;
    border:1px solid #ffae0d;
}
.colorCircle3{
    background-color:#ff4a53;
    border:1px solid #ff4a53;
}
.colorCircle4{
    background-color:#008cff;
    border:1px solid #008cff;
}
.colorCircle5{
    background-color:#dc6cf4;
    border:1px solid #dc6cf4;
}

 /*calendar S*/
 .fc-other-month{
    color:#d7d7d7
}
.fc-toolbar{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}
.fc-prev-button{
    border-radius: 50% !important;
    width: 30px !important;
    height: 30px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    background-color:#fff !important;
    color:#282828 !important;
    margin-right: 10px !important;
}
.fc-next-button{
    border-radius: 50% !important;
    width: 30px !important;
    height: 30px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    background-color:#fff !important;
    color:#282828 !important;
    margin-left: 10px !important;
}
.fc-unthemed th{
    padding:10px !important;
}
/*calendar E*/

/*retouch S*/
.totalAndSearch{
  display: flex;
  justify-content: space-between;
}
.mapAndtitle{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.map{
  font-size:16px;
}
.map a {
  cursor: pointer;
  margin-left:5px;
}
.root_daum_roughmap{
  width: 100% !important;
  margin-bottom: 120px !important;
}


/*retouch E*/
/*searchpage S*/
.searchArea{
  width: 80%;
  height: 500px;

  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.searchPage{
  width:100%;
  border-bottom: 2px solid #333;
  display: flex;
  align-items: center;
  justify-content: center;
}

.searchPage input[type="text"],
.searchPage button{
  border:0;
  background-color:#fff;
  padding:10px;
  outline: none;

  font-size:18px;
}
.searchPage input[type="text"]{
  width: 100%;
}
/*searchpage E*/
}

/* add */
@media (max-width: 768px) {
  .about .rightText br {
    display: none !important;
  }
  .about #section3 {
    height: 200px;
  }
  .about #section3 .bg {
    position: relative;
  }
  .iconAndText2 {
    margin: 0;
  }
  .iconAndText2 img {
    width: 17px;
    height: 17px;
    margin-right: 3px;
    top: -1px;
    vertical-align: middle;
  }
  .productNum {
      font-size: 14px;
  }
}
/* add end */

.fc-toolbar h2 {
    margin: 0 30px !important;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

.fc-icon{
  position: relative;
  left:-100%;
}
}