@charset "UTF-8";
@media (max-width: 375px) { /* iphone se ver */
	.dashboard-modal .modal-body {max-height: calc(100vh - 150px)!important; overflow-y: scroll!important;}
	.dashboard-modal [class^=data-design-box-] canvas {min-height: 250px;}
	.map-box .leftbox1 {width: 344px;}
	.map-box .leftbox1.trans .fold-btn {right: -111px;} 
}
@media (min-width: 376px) and (max-width: 454px) {
	.map-box .leftbox1 {width: 344px;}
	.map-box .leftbox1.trans .fold-btn {right: -111px;}
}
@media (max-width: 1216px) { /*태블릿 사이즈 */
    .dashboard-modal .modal-body {max-height: calc(100vh - 150px)!important; overflow-y: scroll!important;}
    .dashboard-modal [class^=data-design-box-] canvas {min-height: 250px;}
}

@media (min-width: 1216px) { /* pc size */
    .wrap{width:100%;overflow: auto;height:100vh;overflow-x: hidden;background: #F2F6FA;}

    /*//*/
    /*head*/
    header {
        height: auto;
        padding: 0px 16px;
        border-bottom: 1px solid var(--gray-400);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.57) 100%);
        box-shadow: var(--dropShadow-elevation-le2);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        animation-name: menuOut;
        animation-duration: .5s;
        animation-fill-mode: forwards;
        animation-timing-function: ease-in-out;
    }
@-webkit-keyframes menuOn {
  0% {
    height: 79px;
  }
  100% {
   height:376px;
  }
}
@-webkit-keyframes menuOut {
  0% {
    height:256px;
  }
  100% {
    height: 88px;
  }
}
@-webkit-keyframes SubmenuOut{
     0% {
    height: 150px;
  }
  100% {
   height:0px;
  }
}
@-webkit-keyframes SubmenuOn{
    0% { 
   height:0px;
  }
  100% {
 height: auto;
 overflow: visible;
 } 
}
    header>.m-ver{display:none;}
    header>.pc-ver{display:block;width: 100%;margin: auto;}
    header>div>.row{
        margin: 0 -8px;
        height: 100%;
        align-content: center;
        justify-content: flex-start;
        overflow: visible;
        flex-wrap: nowrap;
    }
    header .main-menu{height: 87px;}
    header .sub-menu{overflow: hidden;position: absolute;top: 77px;left: 0;width: 100%;/* max-height: 0px; */z-index: 10;transition: none;padding-top: 23px;animation-name: SubmenuOut;animation-duration: .2s;animation-fill-mode: forwards;animation-timing-function: ease-in-out;}
    header .sub-menu>ul{padding: 0px 40px;padding-right: 0;margin: -4px 0;}
    header .sub-menu>ul>li{padding: 4px 0;padding-left: 24px;}
    header .sub-menu>ul>li>a{
        color: var(--gray-950);
        line-height: 120%;
        display: block;
        white-space: nowrap;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
    }  
    header .sub-menu>ul>li>ul{padding: 6px 0;}
    header .sub-menu>ul>li>ul>li{padding: 3px 0;}
    header .sub-menu>ul>li>ul>li>a{
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 120%;
        display: flex;
        align-items: center;
        padding-left: 20px;
        position: relative;
    }
    header .sub-menu>ul>li>a:hover,
    header .sub-menu>ul>li>ul>li>a:hover{color:var(--blue-500)}
    header .sub-menu>ul>li>ul>li>a:before{
            content:"";
            width: 3px;
            height: 3px;
            border-radius: 999px;
            background: var(--gray-950);
            display: inline-block;
            margin: 0 10px;
            z-index: 1;
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
    }
    header.menu-on{animation-name: menuOn;animation-duration: .6s;}
    header.menu-on .main-menu{border-bottom: 1px solid var(--gray-200);}
    header.menu-on .sub-menu{/* overflow: visible; */animation-name: SubmenuOn;animation-duration: 1s;}
    header>div>.row>div{
        padding: 0 8px;
        position: relative;
        white-space: nowrap;
        align-self: center;
        flex-grow: 1;
        justify-content: end;
        height: 100%;
    }
    header>div>.row>div:after{
       
    }
    header>div>.row>div:last-child:after{display:none}
    header>div>.row>div>.row{
        width: 100%;
        margin: 0;
    }
    header>div>.row>div>.row>div{
        padding: 0;
    }
    header .logo-box{}
    header .logo-box a{
        display: block;
    }
    header .logo-box a img{
        /* width: 225px; */
    }
    header .searchbox{
        width: 333px;
        display: flex;
        align-items: center;
        position: relative;
        margin: 0;
    }
    header .searchbox .check-radio-box input+label{
        color: #fff;
        font-size: 12px;
        line-height: 100%;
    }
    header .searchbox [class*='form-area-box']{
        width: 426px;
    }
    header .searchbox [class*='form-area-box'] [class*="ele-icon-box"]{
        height: 44px;
    /* DarkMode/03/90% */
        /* background: var(--DarkMode03-90); */
        border-radius: 999px;
        border: 2px solid var(--blue-500);
        padding: 0 8px;
    }
    header .searchbox [class*='form-area-box'] [class*="ele-icon-box"] .check-radio-box{
        height: 24px;
    /* Primary/Primary */
        flex-basis: 114px;
        max-width: 114px;
        display: flex;
        justify-content: center;
        padding: 0;
    }
    header .searchbox [class*='form-area-box'] [class*="ele-icon-box"] .check-radio-box label{
        color: #fff;
        font-size: 12px;
        padding:0;
        display: flex;
        flex-direction: row-reverse;
        background: var(--blue-500);
        border-radius: 999px;
        padding: 0 8px;
        width: 100%;
        justify-content: center;
    }
    header .searchbox [class*='form-area-box'] [class*="ele-icon-box"] .check-radio-box input[type="checkbox"]+label:before{
        content: "\f547";
        font-size: 16px;
        color: #fff;
        padding-right: 0;
    }
    header .searchbox [class*='form-area-box'] [class*="ele-icon-box"] .check-radio-box input[type="checkbox"]:checked+label{
        background: var(--orange);
    }
    header .searchbox [class*='form-area-box'] [class*="ele-icon-box"] .check-radio-box input[type="checkbox"]:checked+label:before{
        content: "\ed1c";
    }
    header .searchbox [class*='form-area-box'] [class*="ele-icon-box"] input{
        border: 0;
        background: #fff0;
        height: 100%;
        font-weight: 300;
        font-size: 12px;
    }
    header .menu{
        width: auto;
        display: flex;
        align-items: center;
        margin: 0;
        height: 100%;
        position: relative;
    }
    header .menu [class*='btn-']{
        padding: 8px 13px;
        display:flex;
        background: #fff0;
        color: var(--gray-950);
        margin: 0;
        font-size: 16px;
        line-height: 1;
        font-weight: 600;
        border: 0;
        border-radius: 0;
        position: relative;
        height: 100%;
        cursor: pointer;
        flex-grow: 0;
    }
    header .menu [class*='btn-']>span{
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
    z-index: 10;
    padding: 8px 24px;
    position: relative;
}
    header .menu [class*='btn-']:hover span{border-radius: 999px;left: 0;/* height: 48px; *//* opacity:0; */transition: all 0.5s;display: flex;align-items: center;color: #fff;}
    header .menu [class*='btn-']:hover span{/* opacity:1; */background: var(--blue-500);padding: 8px 24px;}
    header .menu [class*='btn-'].active{
        /* border-color: var(--blue-500); */
        color: #fff;
        border-radius: 999px;
        background: var(--blue-500);
    }
    header>div>.row>div.suport{
        /* border-left: 1px solid var(--gray-400); */
        font-size: 0;
        /* padding: 0; */
        /* padding-left: 16px; */
        /* margin-left: 8px; */
    }
   header>div>.row>div.suport:before{
       content:"";
       background:var(--gray-400);
       display:block !important;
       height: 40px;
       width: 1px;
       position: absolute;
       left: 0;
       top: 50%;
       transform: translateY(-50%);
       opacity: 0;
   }
    header .suport [class*='btn-']{
         color: var(--gray-950);
         font-size: 12px;
         font-style: normal;
         font-weight: 300;
         padding: 0;
         line-height: 32px;
         padding: 0 4px;
         height: auto;
         background: #fff0;
    }
    header .suport [class*='btn-']:hover{color: var(--blue-500);}
header .suport .btn-special-2{
    /* padding-left: 16px; */
    font-size: 0;
}
header .suport .btn-special-2>i{font-size: 24px;color:inherit}
    header .suport .btn-special-3{
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.57) 100%);
    color: #fff;
    line-height: 120%;
    height: 44px;
    text-align: left;
    padding: 8px 16px;
    margin-right: 8px;
    position: relative;
}
header .suport .btn-special-3:before{background: url('../images/img-radiation-link 1.png');content:"";position: absolute;z-index: 10;width: 100%;height: 100%;background-repeat: no-repeat;background-size: 100% 100%;left: 0;top: 0;}
header .suport .btn-special-3:hover{color: #fff;}
header .suport .btn-special-3>i{font-size:14px;}
    /**/
    
   
    footer>div>.row{
        border-top: 1px solid var(--gray-200);
    }
    footer>div>.row-1>div{}
    footer>div>.row-1{
        align-items: center;
        margin: 0;
    }
    footer>div>.row-1>div{
        flex-grow: 1;
        white-space: nowrap;
        padding: 8px 0px;
        border-top: 0;
    }
footer>div>.row-1>div>.row{justify-content: space-between;}
footer>div>.row-1>div>.row>div{
    flex-grow: 0;
}
    footer>div>.row-1>div a{
        font-size: 16px;
        font-weight: 600;
    }
    footer>div>.row-2{
        margin: 0;
    }
    footer>div>.row-2>div{
        padding: 32px 0;
    }
    
    footer>div>.row-3{
        margin: 0 -4px;
        align-items: center;
    }
    footer>div>.row-3>div{
        padding: 0;
        padding-top: 24px;
    }
    footer>div>.row-2 .txt1{
        /* color: var(--unnamed, #141718); */
    /* 제목-본문/14pt/Light */
        font-family: Pretendard;
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 120%; /* 16.8px */
        text-align: left;
    }
    footer>div>.row-2 .txt1>img{display:block;margin-left: 0;height: 35px;}
    footer>div>.row-2>div .menu{
        display: flex;
        justify-content: space-around;
        margin:0 -20px;
    }
    footer>div>.row-2>div .menu>ul{padding:0 20px;white-space: nowrap;}
    footer>div>.row-2>div .menu>ul>li{
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        color: var(--gray-700);
        margin-bottom: 4px;
    }
    footer>div>.row-2>div .menu>ul>li:last-child{margin-bottom:0}
    footer>div>.row-2>div .menu>ul>li *{color:inherit;font-size:inherit;font-weight:inherit}
    footer>div>.row-2>div .menu>ul>li.tit>a{
        font-size: 15px;
        font-style: normal;
        font-weight: 600;
        color: var(--gray-950);
        margin-bottom: 8px;
        display: block;
    }
    footer>div>.row-2>div .menu>ul>li>a:hover,
    footer>div>.row-2>div .menu>ul>li>ul>li>a:hover,
    footer>div>.row-2>div .menu>ul>li>ul>li>ul>li>a:hover{color:var(--blue-500)}
    footer>div>.row-2>div .menu>ul>li>ul{}
    footer>div>.row-2>div .menu>ul>li>ul>li{
    padding: 2px 0;
}
    footer>div>.row-2>div .menu>ul>li>ul>li>a{
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        display: block;
        /* margin-bottom: 4px; */
    }
footer>div>.row-2>div .menu>ul>li>ul>li>ul{margin-top:4px;}
footer>div>.row-2>div .menu>ul>li>ul>li>ul>li{
    padding: 4px 0;
}
    footer>div>.row-2>div .menu>ul>li>ul>li>ul>li>a{
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 120%;
        display: flex;
        align-items: center;
        padding-left: 20px;
        position: relative;
    }
    footer>div>.row-2>div .menu>ul>li>ul>li>ul>li>a:before{
        content:"";
        width: 3px;
        height: 3px;
        border-radius: 999px;
        background: var(--gray-950);
        display: inline-block;
        margin: 0 10px;
        z-index: 1;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    footer>div>.row-3 .txt1{
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        text-align: left;
    }
    
    
    /*//*/
    .datum-point{
        width:1216px;
        margin:auto;
        padding: 0;
    }
    .banner {
        position: relative;
        overflow: visible;
        padding-top: 88px;
    }
    
    .banner>.box>.top{padding: 0 56px;flex-direction: row;}
.banner>.box>.top>.check-radio-box{margin-bottom: 0;}
.banner>.box>.top>.capsule-box{margin-left:10px}
.banner>.box>.top>p{margin-bottom:0;flex: 1 0 0%;text-align: left;font-size: 40px;}
.banner>.box>.top>.check-radio-box>label{font-size: 16px;}
.banner>.box>.top>.check-radio-box>label:before{font-size:20px;}
.banner>.box>.search-box{
    padding: 30px 30px;
    border-radius: 999px;
    border: 2px solid rgb(255 255 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.57) 100%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: var(--dropShadow-elevation-le3);
    margin-bottom: 24px;
    position: relative;
}
.banner>.box>.search-box>.row{margin:-12px;}
.banner>.box>.search-box>.row>div{padding:12px;}
.banner>.box>.search-box>.row>div>[class*='form-area-box'] .ele-icon-box{padding:0 24px;}
.banner>.box>.search-box>.row>div>[class*='form-area-box'] .ele-icon-box>input,
.banner>.box>.search-box>.row>div>[class*='form-area-box'] .ele-icon-box>.custom-selet{height:48px;}
.banner>.box>.search-box>.row>div>[class*='form-area-box'] .ele-icon-box>.custom-selet button{
    font-size: 16px;
}
.banner>.box>.search-box>.row>div>[class*='form-area-box'] .ele-icon-box>.custom-selet button::before{right: 24px;}
.banner>.box>.search-box>.row>div>.row>div>[class*="btn-"] {height: 48px;width: 100%;padding: 0 24px;}
.banner>.box>.search-box>.row>div>.row>div>[class*="btn-"]>span {display: flex;}
.banner>.box .searchlist{
    flex-direction: row;
    padding: 0 56px;
    margin: 0 -12px;
    align-items: center;
    justify-content: normal;
}
.banner>.box .searchlist>*{white-space:nowrap;display: flex;}
.banner>.box .searchlist ul {
    display: flex;
    align-items: center;
    margin: 0 -8px;
    padding: 0 12px;
    width: auto;
    flex-wrap: wrap;
}
.banner>.box .searchlist ul li{
    max-width: inherit;
    flex-grow: 0;
    width: auto;
    padding: 0 8px;
}
.banner>.box .searchlist .tit {font-size: 16px; padding-right: 12px;}
.banner>.box .searchlist ul>li>a {font-size: 14px; padding: 0 14px; height: 32px;}
.banner>.box .searchlist .info{
    font-size: 13px;
    padding: 0 12px;
}
.banner>.box .filter-box.trans{margin-top: -16px;}
.banner>.box .filter-box .fake-modal.custum-modal{
    position: static;
    margin: 0 40px;
    margin-bottom: 24px;
}
.banner>.box .filter-box .fake-modal.custum-modal .cutum-modal-dialog{
    border-radius: 16px;
    margin-bottom: 0;
}
.banner>.box .filter-box .fake-modal.custum-modal .modal-content{overflow: visible;}
.banner>.box .filter-box .fake-modal.custum-modal .cutum-modal-dialog .modal-header{}
.banner>.box .filter-box .fake-modal.custum-modal .cutum-modal-dialog .modal-body{padding: 0;}
.banner>.box .filter-box .fake-modal.custum-modal .cutum-modal-dialog .modal-body .modal-tit-1 .txt1{
    font-size: 16px;
}
    
    [class*="sub-page-bgimg-"]{overflow:visible;}
    .sub-page-bgimg-1{width:1216px; overflow: visible;}
   .sub-page-bgimg-1>img{position: absolute;}
    .sub-page-bgimg-1>.img1{
    left: -203px;
    top: -198px;
    width: 621.457px;
}
    .sub-page-bgimg-1>.img2{
    right: -502px;
    top: -309px;
    width: 989.985px;
}
    [class*="sub-page-2"].banner{
        position: relative;
        width: 1440px;
        margin: auto;
    }
    .sub-page-bgimg-2>img{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -205px;
    width: 100%;
    display: block;
}
    [class*="sub-page-2"].banner>.box{
    height: 178px;
    padding: 40px 0;
}
    [class*="sub-page-2"].banner>.box>.info{
    height: 32px;
    display: inline-flex;
    padding: 0 14px;
    align-items: center;
}
    [class*="sub-page-2"].banner>.box>.top{
    padding: 0;
    margin-bottom: 0;
    margin-top: 8px;
    align-items: end;
    flex-direction: row;
}
    [class*="sub-page-2"].banner>.box>.top>.title{
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    color: #000;
    display: inline-flex;
    align-items: center;
    line-height: 1;
    margin-bottom: 0;
    flex-grow: 1;
}
    [class*="sub-page-2"].banner>.box>.top>.title .bookmark{
    font-size: 24px;
    margin-left: 8px;
    color: var(--gray-500);
}
[class*="sub-page-2"].banner>.box>.top>.navigation{}
[class*="sub-page-2"].banner{width: 100%;width: 1216px;}
[class*="sub-page-3"].banner{}
[class*="sub-page-bgimg-3"]>img{
    width: 1904.576px;
    height: 908.3px;
    left: 50%;
    top: -507px;
    transform: translateX(-50%);
    right: auto;
}
[class*="sub-page-3"].banner>.box{
    height: auto;
    width:1216px;
    margin:auto
}
[class*="sub-page-3"].banner>.box>.top{
    align-items: center;
}
[class*="sub-page-3"].banner>.box>.top>p{
    font-size: 40px;
    display: flex;
    flex-direction: column;
    align-items: self-start;
}
[class*="sub-page-3"].banner>.box>.top>p>span{
    text-align: left;
    font-size: 22px;
}
[class*="sub-page-3"].banner>.box>.top>p>span.txt2{
    font-size: 18px;
    margin: 0;
    margin-top: 8px;
    margin-bottom: 16px;
}
[class*="sub-page-3"].banner>.box>.top .navigation>.row{}
.sub-page-bgimg-3-1>img{
    width: 1904.576px;
    height: 908.3px;
    position: absolute;
    left: 50%;
    top: -507px;
    transform: translateX(-50%);
}
.sub-page-bgimg-3-2>img{}
.sub-page-bgimg-3-3>img{top: -345px;}
.sub-page-bgimg-4{
    height: 272px;
}
.sub-page-bgimg-4>img{
    top: -507px;
    width: 1904.576px;
    height: 908.3px;
    left: 50%;
    transform: translateX(-50%);
}
.sub-page-4.banner{}
.sub-page-4.banner .box{}
.sub-page-4.banner .box>.top{
    padding: 32px 0;
}
.sub-page-4.banner .box>.top>p{
    font-size: 40px;
    text-align: center;
}
.floating.right-box{
    position: fixed;
    
    display: flex;
    left: 50%;
    flex-direction: column;
    transform: translateX(-50%);
    z-index: 1;
    align-items: self-end;
    margin-left: 678px;
    z-index: 100;
    }
    /*//*/
    
    .content {
        margin-top: 0;
        position: relative;
        padding-bottom: 40px;
        z-index:10;
    }
    
    [class*="shadow-box-"]>.row {
        margin: 0 -8px;
        align-items: center;
    }
    
    [class*="shadow-box-"]>.row>div {
        padding: 0 8px;
        flex-grow: 0;
        white-space: nowrap;
        display: flex;
    }

    .autocomplet {
        position: absolute;
        top: 45px;
        width: 100%;
        left: 0;
        border-radius:8px;
        border: 1px solid var(--Elements-Line);
        /* 카드 그림자 01/hover */
        box-shadow: 0px 25px 25px 0px rgba(0, 0, 0, 0.10);
        background: #fff;
        display: none;
    }
    .autocomplet.trans{
        display: block;
    }
    .autocomplet>.top {
        padding: 16px 0;
        padding-bottom: 8px;
        border-bottom: 1px solid var(--Elements-Line);
        margin: 0 16px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 15px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%; /* 15px */
    }
    .autocomplet>.top>span {
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 100%; /* 14px */
    }
    .autocomplet>ul {
        padding: 16px;
    }
    .autocomplet>ul>li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 12px;
    }
    .autocomplet>ul>li:last-child{margin-bottom:0}
    .autocomplet>ul>li>p {
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 100%; /* 14px */
    }
    .autocomplet>ul>li>p>i {
        border-radius: 999px;
        background: var(--gray-gray, #A6A9B9);
        display: inline-block;
        padding: 2.5px;
        color: #fff;
        font-size: 11px;
        margin-right: 4px;
    }
    .autocomplet>ul>li>span {
        color: var(--gray);
        text-align: center;
    /* 13px/100/13라이트 */
        font-size: 13px;
        font-style: normal;
        font-weight: 300;
        line-height: 100%; /* 13px */
        display: flex;
        align-items: center;
    }
    .autocomplet>ul>li>span>i {
        font-size: inherit;
        color: inherit;
    }
    .autocomplet>.bottom {
        padding: 16px;
        border-top: 1px solid var(--Elements-Line);
        background: #F5F5F5;
        text-align: right;
    }
    .autocomplet>.bottom>a {
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 100%; /* 14px */
    }
    /**/
    .map-page header>.pc-ver {width: 100%;}
    .leftdetailbox {
        position: absolute;
        width: 300px;
    /* White/White */
        height: 100%;
        bottom: 0;
        padding: 24px 16px;
        left: -100%;
        transition: left 0.5s;
        border-right: 1px solid var(--gray-400);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.57) 100%);
        box-shadow: 5px 0px 5px 0px rgba(0, 0, 0, 0.05), 2px 0px 2px 0px rgba(0, 0, 0, 0.03), 1px 0px 0px 0px rgba(0, 0, 0, 0.03);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }
    .leftdetailbox:before{
        content:'';
        position: absolute;
        top: 0;
        bottom: 0;
        width: 10px;
        box-shadow: 4px 0px 6px rgba(0, 0, 0, 0.08);
        left: -10px;
    }
    .leftdetailbox.show{left: 300px;}
    
    .leftdetailbox>.img1 {
        width: 100%;
        border: 1px solid var(--Elements-Line);
        border-radius: 8px;
        margin-bottom: 16px;
    }
    
    .leftdetailbox .topbox {
        margin-bottom: 16px;
        text-align: center;
    }
    
    .leftdetailbox .topbox .tit1 {
        font-weight: 600;
        font-size: 24px;
        line-height: 100%;
        margin-bottom: 8px;
    }
    
    .leftdetailbox .topbox .info-1 {
        font-size: 0;
    }
    
    .leftdetailbox .topbox .info-1 span {
        border-radius: 4px;
        padding: 0 8px;
        line-height: 24px;
        display: inline-block;
        margin: 0 4px;
        font-weight: 600;
        font-size: 12px;
        display: inline-flex;
        align-items: center;
    }
    .leftdetailbox .topbox .info-1 span i{color:inherit;margin-right: 3px;}
    .leftdetailbox .centerbox {
        padding: 16px 0;
        border-top: 1px solid var(--Elements-Line);
        margin-bottom: 16px;
    }
    .leftdetailbox .centerbox>.row{
        margin: 0 -4px;
    }
    .leftdetailbox .centerbox>.row:nth-child(1){
        margin-bottom: 8px;
    }
    .leftdetailbox .centerbox>.row:nth-child(2){
        justify-content: space-between;
    }
    .leftdetailbox .centerbox>.row>div{
        padding: 0 4px;
        align-self: center;
    }
    .leftdetailbox .centerbox>.row:nth-child(1)>div{}
    .leftdetailbox .centerbox>.row:nth-child(1)>div.btnbox{
        flex-grow: 0;
    }
    .leftdetailbox .centerbox>.row:nth-child(1)>div.btnbox button{
        width: 24px;
        height: 24px;
    
    /* Black/Black 10% */
        background: rgba(25, 29, 49, 0.1);
        border-radius: 999px;
        border: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
    }
    .leftdetailbox .centerbox>.row:nth-child(1)>div.btnbox button i{
        font-size: 13px;
    }
    .leftdetailbox .centerbox>.row:nth-child(2)>div{
        flex-grow: 0;
        white-space: nowrap;
    }
    .leftdetailbox .centerbox>.row:nth-child(2) button{
        font-weight: 600;
        font-size: 11px;
        line-height: 100%;
        height: 24px;
        border-radius: 6px;
    }
    .leftdetailbox .centerbox>.row:nth-child(2) button i{margin-right:3px;font-size: 14px;}
    .leftdetailbox .centerbox [class*='form-area-box'] [class*="ele-icon-box"]{
        min-height: 32px;
    }
    .leftdetailbox .centerbox [class*='form-area-box'] [class*="ele-icon-box"]>input, .leftdetailbox .centerbox [class*='form-area-box'] [class*="ele-icon-box"]>select, .leftdetailbox .centerbox [class*='form-area-box'] [class*="ele-icon-box"]>textarea{
        height: 30px;
    }
    .company-info .content{
        overflow-y: auto;
        height: 275px;
        overflow-x: hidden;
    }
    .company-info .content>.row{}
    .company-info .content>.row>div{margin-bottom:8px;}
    .company-info .form-area-box-input [class*="ele-icon-box"]{min-height:auto;}
    .company-info .form-area-box-input [class*="ele-icon-box"] .value-box{
        line-height: 32px;
    }
    .sub-map {
        height: calc(100vh - 80px);
        margin-top: 80px;
        position: relative;
    }
    
    .map-box {
        position: absolute;
        left: 0;
        top: 0;
        width:100%;
        bottom: 0;
    }
    
    .map-box .leftbox1 {
       width: 424px;
    }
    .map-box .leftbox1>.top{
    border-bottom: 1px solid var(--gray-200);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.76) 100%);
/* 그림자/연함/sm-LV2 */
    box-shadow: var(--dropShadow-elevation-le2);
    padding: 15px 16px;
}
.map-box .leftbox1>.top>.row{align-items: center;flex-wrap: nowrap;}
.map-box .leftbox1>.top>.row>div{}
.map-box .leftbox1>.top>.row>div img{height: 32px;}
.map-box .leftbox1 .contentbox {
}
.map-box .leftbox1 .contentbox>.row{margin: 0;height: 100%;border: 0;}
.map-box .leftbox1 .contentbox>.row>div {padding: 0;height: 100%;overflow: auto;}
.map-box .leftbox1 .contentbox .left{border-right: 1px solid var(--gray-200); background: var(--gray-10per); flex-basis: 80px;max-width: 80px;}
.map-box .leftbox1 .contentbox .left .box{padding: 8px;height: 100%;}
.map-box .leftbox1 .contentbox .left .box>button{padding: 8px;text-align: center;border-radius: 8px;color: var(--gray-500);width: 100%;margin-bottom: 8px;background: #fff0;}
.map-box .leftbox1 .contentbox .left .box>button>img{margin: auto;margin-bottom: 4px;height: 32px;}
.map-box .leftbox1 .contentbox .left .box>button:hover{background: var(--gray-10per);color: var(--gray-950);}
.map-box .leftbox1 .contentbox .left .box>button.active{background:var(--green-10per);color: var(--gray-950);}
.map-box .leftbox1 .contentbox .left .box>button span{
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    display: block;
    color: inherit;
    white-space: nowrap;
}
.hover-img-FCbtn{border:0;}
.hover-img-FCbtn .default{display:block}
.hover-img-FCbtn:hover .hover,
.hover-img-FCbtn.active .hover{display:block}
.hover-img-FCbtn .hover{display:none}
.hover-img-FCbtn:hover .default,
.hover-img-FCbtn.active .default{display:none}
.map-box .leftbox1 .contentbox>.row>div .box [class*='form-area-box'] .ele-icon-box{border-radius: 999px;}
.map-box .leftbox1 .contentbox>.row>div .box .btnlistbox{}
.map-box .leftbox1 .contentbox>.row>div .box .btnlistbox>.row{margin: -4px;}
.map-box .leftbox1 .contentbox>.row>div .box .btnlistbox>.row>div{
flex-basis: 20%;
max-width: 20%;
padding: 4px;
}
.map-box .leftbox1 .contentbox>.row>div .box .btnlistbox>.row>div .btns{
    width: 100%;
    height: 56px;
    padding: 8px;
    border-radius: 8px;
    border: 1px solid var(--gray-15per);
/* 그림자/연함/xs-LV1 */
    box-shadow: var(--dropShadow-elevation-le1);
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fff0;
    font-weight: 300;
}
.map-box .leftbox1 .contentbox>.row>div .box .btnlistbox>.row>div .btns span{
    color: inherit;
    font-size: 10px;
    font-style: normal;
    font-weight: inherit;
    white-space: nowrap;
}
.map-box .leftbox1 .contentbox>.row>div .box .btnlistbox>.row>div .btns img{height:24px}
.map-box .leftbox1 .contentbox>.row>div .box .btnlistbox>.row>div .btns:hover{
    border: 1px solid var(--gray-15per);
    background: var(--gray-10per);
/* 그림자/연함/sm-LV2 */
    box-shadow: var(
    --dropShadow-elevation-le2);
}
.map-box .leftbox1 .contentbox>.row>div .box .btnlistbox>.row>div .btns.active{
    border-color: var(--blue-500);
    background: var(--blue-10per);
    color: var(--blue-500);
    font-weight: 700;
    box-shadow: var(--dropShadow-elevation-le2);
}
.map-box .leftbox1 .contentbox>.row>div .box .topbox{
    margin: 0 -16px;
    padding: 8px 16px;
    background: var(--gray-10per);
    border-bottom: 1px solid var(--gray-200);
}
.rightbox1 {
        position: absolute;
        right: 0;
        top: 0;
        padding: 16px;
    }
    .rightbox1 .btnbox{}
    .rightbox1 .btnbox>ul{}
    .rightbox1 .btnbox>ul>li{
        display: block;
        background: #FFFFFF;
        border: 1px solid rgba(166, 169, 185, 0.5);        
    /* 카드 그림자 01/기본 */
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
        border-radius: 100%;
        /* overflow: hidden; */
        font-size: 0;
        margin-bottom: 8px;
        position: relative;
    }
    .rightbox1 .btnbox>ul>li>button{
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 7px;
        font-style: normal;
        font-weight: 300;
        color: var(--gray-950);
        flex-direction: column;
    }
    .rightbox1 .btnbox>ul>li>button, .rightbox1 .btnbox>ul>li>.zoom-in-out-box{
        border-radius: 100%;
        border: 1px solid var(--white-5per);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.76) 100%);
        /* 배경블러/연함/xs-LV1 */
        box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.05), 0px 1px 1px 0px rgba(0, 0, 0, 0.05);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }
    .rightbox1 .btnbox>ul>li>button>i{
        display: block;
        font-size: 18px;
        color: inherit;
        margin-bottom: 1px;
    }
    .rightbox1>.btnbox>ul>li>button:hover, .zoom-in-out-btn:hover{
        color: var(--green-500);
    }
    .rightbox1>.btnbox>ul>li>
button.active{color: var(--green-500);}
    .rightbox1 .btnbox>ul .tooltipbox{}
    .rightbox1 .btnbox>ul .tooltipbox .tooltip{
    right: 56px;
    left: auto;
    top: 0;
}
.map-box>.subdetail{
    position: absolute;
    width: 333px;
    top: 0;
    left: -100%;
    height: 100%;
    border-right: 1px solid var(--gray-200);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.76) 100%);
/* 배경블러/가로방향/LV3 */
    box-shadow: 10px 0px 10px 0px rgba(0, 0, 0, 0.10), 4px 0px 4px 0px rgba(0, 0, 0, 0.05), 1px 0px 0px 0px rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(10px);
    transition: all 0.5s;
}
.map-box>.subdetail .leftbox1{width: 100%;box-shadow: none;border: 0;backdrop-filter: none;-webkit-backdrop-filter: none;}
.map-box>.subdetail.trans{left: 424px;}
.map-box>.subdetail .content {
    padding: 16px 24px;
    height: calc(100% - 63px);
    overflow: auto;
    z-index: 0;
}

.viewbox { left: 0; }
#map .viewbox.right { left: 424px !important; }
.leftbox2 { position: absolute; left: 0; bottom: 0; padding: 16px; transition: left 0.5s; }
.leftbox2.right { left: 424px !important; }
.leftbox2 .btnbox>ul>li{
	display: block;
	background: #FFFFFF;
	border: 1px solid rgba(166, 169, 185, 0.5);        
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
	border-radius: 100%;
	font-size: 0;
	margin-bottom: 8px;
	position: relative;
}
.leftbox2 .btnbox>ul>li>button{
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 7px;
	font-style: normal;
	font-weight: 300;
	color: var(--gray-950);
	flex-direction: column;
	border-radius: 100%;
	border: 1px solid var(--white-5per);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.76) 100%);
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.05), 0px 1px 1px 0px rgba(0, 0, 0, 0.05);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}
.leftbox2>.btnbox>ul>li>button.active{color: var(--green-500);}
.leftbox2>.btnbox>ul>li>button:hover{
	color: var(--green-500);
}
.leftbox2 .btnbox>ul>li>button>i{
	display: block;
	font-size: 18px;
	color: inherit;
	margin-bottom: 1px;
}
.leftbox2 .btnbox>ul>li>button+div{
	position: absolute;
	bottom: 50px;
}

.map-box>.subdetail .check-radio-box{}
.map-box>.subdetail .check-radio-box label{font-size: 14px;}
.map-box>.subdetail .check-radio-box label:before{font-size: 18px;}

.rightbox1 .btnbox>ul .tooltipbox .tooltip.w-ver1 {
    width: 688px;
}
.rightbox1 .btnbox>ul .tooltipbox .tooltip.w-ver2 {
    width: 396px;
}
.rightbox1 .btnbox>ul .tooltipbox .tooltip.w-ver3 {
    width: 370px;
}
.rightbox1 .btnbox>ul .tooltipbox .tooltip.w-ver4 {
    width: 382px;
}
.rightbox1 .btnbox>ul .tooltipbox .tooltip.w-ver5 {
    width: 500px;
}
.floatingbox {
    position: absolute;
    width: 440px;
}
.layout-list-box>.box .tooltipsbox.icon-droplet .tooltips{
    top: -30px;
    left: -129px;
    transform: none;
    padding: 8px;
}
.map-box > .subdetail {
    position: absolute;
    width: 333px;
    top: 0px;
    left: -100%;
    height: 100%;
    border-right: 1px solid var(--gray-200);
    background: linear-gradient(rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.76) 100%);
    box-shadow: rgba(0, 0, 0, 0.1) 10px 0px 10px 0px, rgba(0, 0, 0, 0.05) 4px 0px 4px 0px, rgba(0, 0, 0, 0.05) 1px 0px 0px 0px;
    backdrop-filter: blur(10px);
    transition: all 0.5s ease 0s;
}

.map-box > .subdetail .leftbox1 {
    width: 100%;
    box-shadow: none;
    border: 0px;
    backdrop-filter: none;
}

.map-box > .subdetail.trans {
    left: 424px;
}

.map-box > .subdetail .content {
    padding: 16px 24px;
    height: calc(100% - 63px);
    overflow: auto;
    z-index: 0;
}

.map-box > .subdetail .check-radio-box {
}

.map-box > .subdetail .check-radio-box label {
    font-size: 14px;
}

.map-box > .subdetail .check-radio-box label::before {
    font-size: 18px;
}
.convert-max-h-1{}
    /**/
    .overflow-hidden-md-visible{overflow:visible !important}
    .paging-box{}
    .paging-box ul>li>a {
        height: 24px;
        width: 24px;
        font-size:14px;
    }
    
    /*top-box*/
    .top-box{padding:16px 32px;}
    .top-box>.row{margin:-8px -4px;}
    .top-box>.row>div{padding:8px 4px;}
    .top-box .txt1{
    font-size: 20px;
    }
    .top-box .txt1 i{
    font-size: 24px;
    }
    .capsule-box{
    }
    .capsule-box [class*="btn-"]{
    padding: 0 14px;
}
    .capsule-box>[class*="btn-"]:first-child{
        border-top-left-radius:8px;
        border-bottom-left-radius:8px;
    }
    .capsule-box>[class*="btn-"]:last-child{
        border-top-right-radius:8px;
        border-bottom-right-radius:8px;
    }
    .capsule-box .active,
    .capsule-box [class*="btn-"]:hover{}
    /*//*/
    .search-value{
        padding: 32px 0;
    }
    .search-value>.tit{
       font-size: 24px;
       padding: 0;
       margin-bottom: 24px;
    }
    .search-value>.tit>em{
        font-size: 32px;
    }
    .search-value>.list{
       border-radius: 999px;
    }
    .search-value>.list>.row{
       
    }
    .search-value>.list>.row>div{
       
    }
    .search-value>.list .box{
       padding: 8px 24px;
       padding-right: 16px;
    }
    .search-value>.list .box p{
       font-size: 16px;
    }
    .search-value>.list .box span{
      width: 24px;
      height: 24px;
      font-size: 15px;
    }
    .search-value>.list .box.active,
    .search-value>.list .box:hover{}
    .search-value>.list .box.active p,
    .search-value>.list .box:hover p{}
    .search-value>.list .box.active span,
    .search-value>.list .box:hover span{}
    /*design-box*/
    .design-box-1 {}
    .design-box-1>.box {}
    .design-box-1>.box>.row {}
    .design-box-1>.box>.row>div {}
    .design-box-1>.box>.row .top {
    flex-basis: 157px;
    max-width: 157px;
    justify-content: center;
}
    .design-box-1>.box>.row .top i {}
    .design-box-1>.box>.row .boxs {}
    .design-box-1>.box>.row .boxs.check-radio-boxs{flex-direction: row;display: flex;padding: 16px 32px;justify-content: space-between;}
    .design-box-1>.box>.row .boxs.check-radio-boxs>.check-radio-box{margin: 0;}
    .design-box-1>.box>.row .boxs.check-radio-boxs>.check-radio-box>label{
    width: auto;
    font-size: 15px;
    margin-right: 4px;
    line-height: 1;
}
.design-box-1>.box>.row .boxs.check-radio-boxs>.check-radio-box>label:before{font-size:20px;margin-right: 6px;}
    .design-box-1>.box>.row .boxs.check-radio-boxs>.check-radio-box>.stars {
    display: flex;
    align-items: center;
    line-height: 1;
    font-size: 0;
    position: relative;
    top: -3px;
}
.design-box-1>.box>.row .boxs.check-radio-boxs>.check-radio-box>.stars i{font-size:20px}
.design-box-1>.box>.row .boxs.input-boxs{padding: 16px 32px;}
.design-box-1>.box>.row .boxs.input-boxs .form-area-box input{height: 32px;}
.design-box-3{}

.design-box-3 {}
.design-box-3 .box {display: flex;flex-flow: row-reverse;align-items: center;}
.design-box-3 .box .btns [class*="btn-"]{margin-right:4px;width: 71px;}
.design-box-3 .txt1{margin-bottom:0;padding-left:4px;font-size: 15px;}
/**/
.content .sub-menu-bar{
    margin: 0;
    padding: 0 32px;
    width: 100%;
    margin-bottom: 32px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.content .lev2-sub-menu-bar{
    padding: 12px 32px;
    background: linear-gradient(0deg, rgba(0, 122, 255, 0.03) 0%, rgba(0, 122, 255, 0.03) 100%), linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.57) 100%);
/* 배경블러/연함/sm-LV2 */
    box-shadow:var(--dropShadow-elevation-le2);
    backdrop-filter: blur(10px);
    border-radius: 16px;
}
.sub-menu-bar{
   border-radius: 16px;
   background:linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.57) 100%);
    /* 배경블러/연함/sm-LV2 */
   box-shadow: var(--dropShadow-elevation-le2);
   backdrop-filter: blur(10px);
   -webkit-backdrop-filter: blur(10px);
}
.sub-menu-bar>.row{
    margin: 0;
}
.sub-menu-bar>.row>div{
    font-size: 0;
    display: flex;
    align-items: center;
    padding: 0;
}
.sub-menu-bar .box button{
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    background: #fff0;
    margin-right: 24px;
    height: 64px;
}
.lev2-sub-menu-bar{}
.lev2-sub-menu-bar>.row{
    margin: 0 -12px;
}
.lev2-sub-menu-bar>.row>div{
    padding: 0 12px;
    flex-grow: 0;
    white-space: nowrap;
}
.lev2-sub-menu-bar>.row>div>a{
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
}
.lev2-sub-menu-bar>.row>div>a.active,
.lev2-sub-menu-bar>.row>div>a:hover{font-weight: 600; color:var(--blue-500)}
/* post-details- */
[class*='post-details-'] {}
[class*='post-details-']>.top {}
[class*='post-details-']>.top>.txt1 {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
}
[class*='post-details-']>.top .infobox {}
[class*='post-details-']>.top .infobox>.row {margin: 0 -12px;}
[class*='post-details-']>.top .infobox>.row>div {padding: 0 12px;}
[class*='post-details-']>.top .infobox>.row>div>.txt1 {}
[class*='post-details-']>.top .infobox>.row>div>.txt1 i {margin-right: 6px; font-size: 20px;}
[class*='post-details-']>.top .infobox>.row>div>.txt1 span {font-size: 15px;}
[class*='post-details-']>.top .infobox>.row>div>.txt1 span:after {}
[class*='post-details-']>.top .infobox>.row>div>.txt1 em { font-size: 15px;}
[class*='post-details-']>.box {}
[class*='post-details-']>.box>*{}
[class*='post-details-']>.box>.top {}
[class*='post-details-']>.box>.body {}
.text-icon-3 {}
.text-icon-3 i{}
[class*='post-details-']>.box>.body>.row {}
[class*='post-details-']>.box>.body>.row>div {}
[class*='post-details-']>.box>.body>.row.ver1{}
[class*='post-details-']>.box>.body>.row.ver1>div{}
[class*='post-details-']>.box>.body>.row>div.w-ver1{}
[class*='post-details-']>.box>.body>.row>div.w-ver2{}
[class*='post-details-']>.box>.body .txt1{}
[class*='post-details-']>.box>.body .txt1:before{}
[class*='post-details-']>.box>.body .txt2 {}
[class*='post-details-']>.box>.body .txt2>span,
[class*='post-details-']>.box>.body .txt3>span{}
[class*='post-details-']>.box>.body .txt3>span{}
[class*='post-details-']>.box>.body .txt3>span>i{}
[class*='post-details-']>.box>.body .txt3>span:before{}
[class*='post-details-']>.box>.body .txt1.ver1 {}
[class*='post-details-']>.box>.body .txt1.ver1 i{}
[class*='post-details-']>.box>.body .txt1.ver1:before{}
[class*='post-details-']>.box>.body .txt2 [class*='dot-'],[class*='dot-']{}
.post-details-box1{}
.post-details-box1>.row{
    /* align-items: center; */
}
.post-details-box1>.row>div{
}
.post-details-box1>.row>div:nth-child(1){
    /* height: 100%; */
}
.post-details-box1>.row>div:nth-child(2){
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.post-details-box1 .txt1{
    padding-bottom: 0;
    padding-right: 24px;
    flex-direction: column;
    border-bottom: 0;
    border-right: 1px solid var(--gray-200);
    height: 100%;
}
.post-details-box1 .txt1 img{
    margin: 0;
    margin-bottom: 8px;
}
.post-details-box1 .txt1 span{
    display: block;
    white-space: nowrap;
}
.post-details-box1 .txt2{}
.post-details-box1 .list{}
.post-details-box1 .list li{}
.post-details-box1 .list li:last-child{margin-bottom:0}
.post-details-box1 .list li i{}
.post-details-box1 .txt3{}
.post-details-box1 .txt3 i{}
.post-details-box1 .txt3 em{}
.post-details-box1 .txt3 span{}
.post-details-box2 .check-radio-boxs>.row>div{flex-grow: 0; white-space: nowrap;}

.page-layout-box {}
.page-layout-box>.row {}
.page-layout-box>.row>div {}
.page-layout-box>.row>div.arrowbox{
    flex-grow: 0;
    display: flex;
    align-self: center;
    flex-basis: 46px;
    max-width: 46px;
    position: relative;
    height: 70px;
}
.page-layout-box>.row>div.arrowbox>img{
    transform: rotate(-90deg) translateY(-50%);
    position: absolute;
    top: 30%;
}
.page-layout-box .box {}
.page-layout-box .box>img {}
.page-layout-box .box .txt1{
    font-size: 18px;
    font-weight: 700;
}
.page-layout-box .box .txt2{
    font-size: 16px;
}
.page-layout-box .box .txt3{
    font-size: 15px;
}
.page-layout-box .box .txt4{}
.page-layout-box .arrow{}
.page-layout-box .box .arrow{}
.page-layout-box .box .arrow {height:38px;}
.page-layout-box .box .h-box1{
    height: 142px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-layout-box .box .h-box2{
    height: 86px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-layout-box .box .h-box3{
    height: 271px;
    padding: 16px;
    padding-left: 8px;
    margin-bottom: 13px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}
.page-layout-box .box .h-box3>.txt3{
    display: flex;
}
.page-layout-box .box .h-box4{
    height: 112px;
    display: flex;
    align-items: center;
}

.page-layout-box2 {}
.page-layout-box2>.row {
    margin: -12px;
}
.page-layout-box2>.row>div {
    padding: 12px;
}
.page-layout-box2 .box { }
.page-layout-box2 .box .num {
    font-size: 128px;
}
.page-layout-box2 .box .txt1{
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 24px;
}
.page-layout-box2 .box .imgbox{}
.page-layout-box2 .box .imgbox>img{}
.page-layout-box2 .box .txt2{font-size: 16px;}
.page-layout-box2 .box .h-box1{
    height: 124px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.page-layout-box3 {}
.page-layout-box3>.row {}
.page-layout-box3>.row>div {}
.page-layout-box3>.row>div.arrowbox{
    flex-grow: 0;
    display: flex;
    align-self: center;
    flex-basis: 46px;
    max-width: 46px;
    position: relative;
    height: 70px;
}
.page-layout-box3>.row>div.arrowbox>img{
    transform: rotate(-90deg) translateY(-50%);
    position: absolute;
    top: 30%;
}
.page-layout-box3 .box {
    height: 100%;
}
.page-layout-box3 .box>img {}
.page-layout-box3 .box .txt1{
    font-size: 18px;
    font-weight: 700;
}
.page-layout-box3 .box .txt2{
    font-size: 16px;
}
.page-layout-box3 .box .txt3{
    font-size: 15px;
}
.page-layout-box3 .box .txt4{}
.page-layout-box3 .arrow{}
.page-layout-box3 .box .arrow{}
.page-layout-box3 .box .arrow {height:38px;}
.search-memory-list-1>ul>li>.box>div.design-box-3 {padding: 8px;}
.search-memory-list-1>ul>li>.box>div.design-box-3 .box {display: flex;flex-flow: row-reverse;align-items: center;}
.search-memory-list-1>ul>li>.box>div.design-box-3 .box [class*="btn-"]{margin-right:4px;width: 71px;}
.search-memory-list-1>ul>li>.box>div.design-box-3 .box .txt1{margin-bottom:0;padding-left:4px;}
.search-memory-list-1>ul>li>.box>i { margin-right: 16px;}

.convertbox-1{
    /*
    m  radius 8px p 16px
    blur 10 
    bg linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.57) 100%)

    pc radius 16px p 24px
    bg white
    blur none
    */
    border-radius: 16px;
    padding:24px;
    background:#fff;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
}
.convertbox-2{padding:24px; border-radius:16px;}
.convertbox-3{padding:24px; border-radius:16px;}
.convertbox-4{padding:24px; border-radius:16px;}
.convertbox-5{padding:24px; border-radius:8px;}
.convertbox-8{border-radius:16px;}
.tab-design-2-1{border-radius:16px;}
.top-box{border-radius:16px;}
.procedure-design1 {
    padding: 32px 100px;
    margin: auto;
    margin-bottom: 56px;
    border-radius: 16px;
}
.procedure-design1{}
.procedure-design1>ul.row{
    justify-content: space-between;
}
.procedure-design1>ul>li{}
.procedure-design1>ul.row>li:not(.arrow){
    max-width: inherit;
    flex: 1 0 0%;
    flex-grow: 0;
    white-space: nowrap;
}
.procedure-design1>ul.row>li:not(.arrow)>img{
    width: 72px;
}
.procedure-design1>ul.row>li>img{}
.procedure-design1>ul.row>li.arrow>img{
}
.procedure-design1>ul.row>li>p{
    font-size: 18px;
}
.procedure-design1>ul.row>li>span{
    white-space: nowrap;
    font-size: 13px;
}
.gridlayout-page{}
.gridlayout-page>.row{
    margin: 0 -12px;
}
.gridlayout-page>.row>div{
    padding: 0 12px;
}
.gridlayout-page>.row>div.left{
    flex-basis: 326px;
    max-width: 326px;
}
.gridlayout-page>.row>div.left.fold{
    flex-basis: 0;
    max-width: 0;
    overflow: hidden;
    padding: 0;
}
.gridlayout-page>.row>div.left .lev-box{}
.gridlayout-page>.row>div.left .lev-box .lev-box-2>li>div{height:44px;}
.gridlayout-page>.row>div.left .lev-box .lev-box-2 li>div>i{
    font-size: 20px;
}
.gridlayout-page>.row>div.left .lev-box .lev-box-2 li>div>.txt1{font-size: 15px;}
.gridlayout-page>.row>div.left .lev-box .lev-box-2 li>div>.check-radio-box [type="checkbox"]+label:before{font-size:20px}

.txt-page1{}
.txt-page1 .txt1{
    font-size: 18px;
    margin-bottom: 16px;
    padding-bottom: 16px;
}
.txt-page1 .txt1>i{font-size: 24px;}
.txt-page1 .txt2 .bold{
    display: inline-block;
}
.txt-page1 .txt2{padding: 0 16px;}
.txt-page1 .txt3box>.row{margin: -12px;}
.txt-page1 .txt3box>.row>div{padding: 12px;flex-grow: 0;white-space: nowrap;}
.txt-page1 .txt3{display: flex;align-items: center;}
.txt-page1 .txt3>i{font-size: 20px;margin-right: 6px;}
.txt-page1 .txt3>em{
    font-size: 15px;
    margin-right: 6px;
}
.txt-page1 .txt3>span{
    line-height: 1;
    font-size: 15px;
}
.overflow-md-visible{overflow:visible !important;}
.overflow-md-hidden{overflow:hidden !important;}
.loginbox .bottom .txtbox .txt1{font-size: 14px;}
.loginbox .bottom .txtbox .bar{
    display: inline-block;
    margin: 0 8px;
    width: 1px;
    height: 12px;
}
.loginbox .bottom .check-radio-box{}
.loginbox .bottom .check-radio-box label{
    font-size: 14px;
}
.loginbox .bottom .check-radio-box label:before{
    font-size: 18px;
}
.loginbox .intervarbox1{margin:0 -5px;}
.loginbox .intervarbox1>div{padding:0 5px;}
.loginbox .intervarbox2{margin:0 -4px;}
.loginbox .intervarbox2>div{padding:0 4px;}
.step-design-box1 {padding: 32px 40px;}
.step-design-box1 ul>li>span {font-size: 40px;}
.step-design-box1 ul>li>img {width: 64px;}
.step-design-box1 ul>li>p {font-size: 14px;}
.step-design-box1 .bar {width: calc(100% - 90px);top: 113px;height: 8px;}
.userjoinbox .check-radio-box label {font-size: 16px;}
.userjoinbox .check-radio-box label::before{font-size:20px !important}
.userjoinbox .intervarbox1{margin:-5px;}
.userjoinbox .intervarbox1>div{padding:5px;}
.check-radio-page-1{}
.check-radio-page-1>.row{}
.check-radio-page-1>.row>div{
    flex-basis: calc(100% / 7);
    max-width: calc(100% / 7);
}
.check-radio-page-1 .check-radio-box{}
.check-radio-page-1 .check-radio-box>input{}
.check-radio-page-1 .check-radio-box>input+label{}
.check-radio-page-1 .check-radio-box>input+label::before{}
[class*='m-over-table-'].table-box-1 table{width: 100%;}
}
@media (min-width: 1680px) {/*pc size2*/
    header{padding: 0px 100px;}
    header .menu{width: 1150px;}
    header .menu [class*='btn-']{padding: 8px 40px;}
    .banner.sub-page-1{
        position: relative;
        /* width: 1440px; */
        margin: auto;
    }
   
    .banner>.box{
        /* height: 330px; */
        position: relative;
        width: 1216px;
        margin: auto;
        padding: 56px 0;
    }
    header .suport .btn-special-2{font-size:12px}
   header .suport .btn-special-2>i{font-size:14px}
    /*footer*/
    footer{
        padding: 16px 112px;
        padding-bottom: 24px;
        padding-top: 32px;
    }
}
/* Safari 9.0+ (non-iOS) */
_:-webkit-full-screen:not(:root:root), .safari_only {
    
  
}
/* Safari 9.0+ (iOS Only) */

@supports (-webkit-text-size-adjust:none) and (not (-ms-accelerator:true)) and (not (-moz-appearance:none)){
}
/* Safari 10.1+ */

@media not all and (min-resolution:.001dpcm){ 
  @supports (-webkit-appearance:none) {
  }   

}