/**폰트**/
    @import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap');
    @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable.css");


    .rajdhani-light {
        font-family: "Rajdhani", serif;
        font-weight: 300;
        font-style: normal;
    }
    
    .rajdhani-regular {
        font-family: "Rajdhani", serif;
        font-weight: 400;
        font-style: normal;
    }
    
    .rajdhani-medium {
        font-family: "Rajdhani", serif;
        font-weight: 500;
        font-style: normal;
    }
    
    .rajdhani-semibold {
        font-family: "Rajdhani", serif;
        font-weight: 600;
        font-style: normal;
    }
    
    .rajdhani-bold {
        font-family: "Rajdhani", serif;
        font-weight: 700;
        font-style: normal;
    }
  
    #wrapper{
        overflow: hidden;
    }

    html, h1, h2, h3, h4, h5, h6, p, div, a, li{font-family: "Rajdhani", 'Pretendard Variable', serif !important;}
    html{
    overflow-x: hidden;
    }
    .mo{
        display: none;
    }
    .ta{
        display: none;
    }
    .pc{
        display: block;
    }
    #logo{
        width: 14.583vw;
    }
    #logo img{
        width: 100%;
    }
    #mainWrap #mainBanner{
        background: url('../../../img/mainBanner.png') no-repeat 0 0/100% ;
        padding: 20.313vw 13.542vw 0 13.542vw;
        height: 50.365vw;
        margin-top: -4.906vw;
        z-index: -1000;
        position: relative;
    }

    #mainWrap #mainBanner h3{
        font-size: 5.208vw;
        color:#ffffff;
        letter-spacing: -0.01em;
    }

    #mainWrap #sec01{
        padding: 15.104vw 13.542vw 0 13.542vw;
        background: url('../../../img/sec01Bg.png') no-repeat 0 -1.667vw/100%;
        margin-top: -4.167vw;
        position: relative;
        z-index: -1200;
    }

    #mainWrap #sec01 p{
        font-size: 1.302vw;
        line-height: 2.604vw;
        letter-spacing: -0.01em;
        color: #222222;
        position: relative;
    }

    #mainWrap #sec01 p::before{
        content: "DLG Tax Corporation";
        display: block;
        position: absolute;
        font-size: 6.25vw;
        font-weight: 900;
        color:#ffffff;
        text-shadow: -1px 0px #7992a6,  0px 1px #7992a6, 1px 0px #7992a6, 0px -1px #7992a6;
        -webkit-text-stroke: 1px #7992a6;
        opacity: 0.2;
        margin-top: -1.667vw;
    }

    #mainWrap #sec02{
        padding: 7.292vw 13.542vw 0 13.542vw;
        position: relative;
    }

    #mainWrap #sec02 h3{
        position: absolute;
        right: 13.542vw;
    }

    h3.secTit::before{
        content: "Professional Expertise and Core Values";
        display: block;
        font-size: 1.146vw;
        line-height: 1.146vw;
        color: #f12535;
        margin-bottom:1.042vw;
        text-align: inherit;
    }

    h3.secTit{
        font-size: 2.604vw;
        line-height: 2.604vw;
        letter-spacing: -0.01em;
        color: #111111;
        font-weight: bold;
    }

    #mainWrap #sec02 h3{
        text-align: right;
    }

    #mainWrap #sec02 ul li{
        width: 31.771vw;
        height: 19.01vw;
        background: #7992a6;
        border-radius: 30px;
        padding: 2.604vw 3.125vw;
        display: table;
        margin-top: 2.604vw;
        position: relative;
        transition: all 0.6s;
    }


    #mainWrap #sec02 ul li p{
        display: table-cell;
        vertical-align: bottom;
        font-size: 1.563vw;
        line-height: 2.604vw;
        letter-spacing: -0.01em;
        color: #ffffff;
        position: relative;
        font-weight: 600;
    }

    #mainWrap #sec02 ul li:hover{
        background-color: #e32735 !important;
        transition: all 0.6s;
    }

    #mainWrap #sec02 ul li:first-child{
        margin-top: 0;
    }

    #mainWrap #sec02 ul li.main02List01{
        background: url('../../../img/sec02Icon01.png') no-repeat 90% 15% #7992a6;
        background-size: 6.406vw;
    }

    #mainWrap #sec02 ul li::after{
        content: "";
        width: 19.01vw;
        height: 19.01vw;
        background: #a7b8c5;
        opacity: 0.3;
        border-radius: 30px;
        top: 0;
    }

    #mainWrap #sec02 ul li::before{
        content: "";
        width: 19.01vw;
        height: 19.01vw;
        background: #a7b8c5;
        opacity: 0.3;
        border-radius: 30px;
        top: 0;
    }

    #mainWrap #sec02 ul li.main02List01::after{
        display: block;
        left: -20.573vw;
        position: absolute;
    }

    #mainWrap #sec02 ul li.main02List02{
        background: url('../../../img/sec02Icon02.png') no-repeat 90% 15% #7992a6;
        background-size: 6.406vw;
    }


    #mainWrap #sec02 ul li.main02List02{
        margin-left: 20.573vw;
    }

    #mainWrap #sec02 ul li.main02List02::before{
        display: block;
        left: -20.573vw;
        position: absolute;
    }

    #mainWrap #sec02 ul li.main02List02::after{
        display: block;
        right: -20.573vw;
        position: absolute;
    }

    #mainWrap #sec02 ul li.main02List03{
        background: url('../../../img/sec02Icon03.png') no-repeat 90% 15% #7992a6;
        background-size: 6.406vw;
    }

    #mainWrap #sec02 ul li.main02List03::before{
        display: block;
        right: -20.573vw;
        position: absolute;
        background: none;
        border: 1px solid #a7b8c5;
    }

    #mainWrap #sec02 ul li.main02List03::after{
        display: block;
        right: -20.573vw;
        position: absolute;
        width: 31.771vw;
        left: 54.01vw; 
    }

    #mainWrap #sec03{
        padding: 7.292vw 13.542vw 0 13.542vw;
        position: relative;
    }

    #mainWrap #sec03 ul{
        display: flex;
        justify-content: space-between;
        margin-top: 4.688vw;
    }

    #mainWrap #sec03 ul li{
        background-color: #294860;
        height:26.042vw;
        width: 20.833vw;
        border-radius: 30px;
        display: table;
        transition: all 0.6s;

    }


    #mainWrap #sec03 ul li p{
        font-size: 1.563vw;
        line-height: 2.604vw;
        letter-spacing: -0.01em;
        color: #ffffff;
        text-align: center;
        padding-top: 3.646vw;
        transition: all 0.6s;
        font-weight: 600;
    }


    #mainWrap #sec03 ul li.main03List01{
        background-image: url('../../../img/sec03Bg01.png');
        background-position: 50% 50%;
    }

    #mainWrap #sec03 ul li.main03List02{
        background-image: url('../../../img/sec03Bg02.png');
        background-position: 70% 50%;
    }

    #mainWrap #sec03 ul li.main03List03{
        background-image: url('../../../img/sec03Bg03.png');
        background-position: 40% 50%;
    }

    #mainWrap #sec04{
        padding: 7.292vw 13.542vw 13.802vw 13.542vw;
        position: relative;
        z-index: -10;
    }

    #mainWrap #sec04::before{
        content: "";
        width: 120vw;
        height: 100vw;
        display: block;
        position: absolute;
        background: linear-gradient(
                    to top, 
                    #a7b8c5,
                    rgba(225,225,225, 0));
        border-radius: 100vw;
        left: -10vw;
        bottom: 21.875vw;
        opacity: 0.2;
        z-index: -10;
    }

    #mainWrap #sec04::after{
        content: "DLG Tax Corporation";
        font-size: 8.854vw;
        display: block;
        position: absolute;
        color: #a7b8c5;
        opacity: 0.2;
        font-weight: 900;
        bottom: 7.5vw;
    }
    #mainWrap #sec04 h3{ 
        text-align: center;
    }


    #mainWrap #sec04 ul{
        display: flex;
        justify-content: space-between;
        margin-top: 5.208vw;
        position: relative;
    }


    #mainWrap #sec04 ul li{
        width: 14.063vw;
        height: 14.063vw;
        background: #a7b8c5;
        border-radius: 100vw;
        display: table;
    }

    #mainWrap #sec04 ul li p{
        font-size: 1.563vw;
        line-height: 2.604vw;
        letter-spacing: -0.01em;
        color: #ffffff;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        font-weight: 600;
    }

    #mainWrap #sec04 ul li:nth-child(2){
        width: 17.188vw;
        height: 17.188vw;
        margin-top: 2.604vw;
    }

    #subWrap .gnb_1da{
        color: #111111;
    }
    #subWrap #banner{
        width: 86.979vw;
        margin: 1.667vw auto 0 auto;
        height: 23.438vw;
        display: table;
    }
    #ft img{
        width: 20.833vw;
    }
    #subWrap #banner h3{
        font-size: 3.646vw;
        color: #ffffff;
        letter-spacing: -0.01em;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
    }

    .sub01 #banner{
        background: url('../../../img/subBanner01.png') no-repeat 50% 0 / 86.979vw;
    }

    #subWrap #sec01{
        padding: 9.292vw 13.542vw 0 13.542vw;
    }

    #subWrap .subTit{
        font-size: 2.604vw;
        line-height: 2.604vw;
        letter-spacing: -0.01em;
        color: #111111;
        font-weight: bold;
    }

    #subWrap .subTit::before{
        content: "DLG Tax Corporation";
        display: block;
        position: absolute;
        font-size: 6.25vw;
        font-weight: 900;
        color:#ffffff;
        text-shadow: -1px 0px #7992a6,  0px 1px #7992a6, 1px 0px #7992a6, 0px -1px #7992a6;
        -webkit-text-stroke: 1px #7992a6;
        opacity: 0.2;
        margin-top: -1.667vw;
        z-index: -1;
    }
    #subWrap p{
        font-size: 1.302vw;
        line-height: 2.604vw;
        letter-spacing: -0.05em;
        color: #222222;
        position: relative;
        margin-top: 2.604vw;
    }

    #subWrap #sec02{
        padding: 7.292vw 13.542vw;
    }

    .root_daum_roughmap{
        width:72.917vw !important;
        margin: 0 auto !important;
    }

    .wrap_map{
        height: 26.042vw !important;
    }

    .sub01 #sec02 ul{
        display: flex;
        justify-content: space-between;
        margin-top: 2.604vw;
    }

    .sub01 #sec02 ul li{
        background: #ffffff;
        border: 1px solid #a7b8c5;
        border-radius: 30px;
        height: 14.063vw;
        width: 22.917vw;
        display: table;
        padding-left: 1.563vw;
    }
    .sub01 #sec02 ul li div{
        display: table-cell;
        vertical-align: middle;
        font-size: 1.563vw;
        line-height: 2.604vw;
        color: #111111;
        letter-spacing: -0.01em;

    }
    .sub01 #sec02 ul li div h4{
        font-size: 1.302vw;
        letter-spacing: -0.01em;
        color: #e32735;
        margin-bottom: 1.823vw;
    }


    section.scroll-section {
        min-height: auto;
        opacity: 0;
        transform: translateY(50px);
        transition: all 0.6s ease-out;
    }

    section.visible {
        opacity: 1;
        transform: translateY(0);
    }

    #ft::before{
        content:"";
        display: block;
        width: 100%;
        height: 26.042vw;
        background: linear-gradient(
                    to top, 
                    #a7b8c5,
                    rgba(225,225,225, 0));
        position: absolute;
        bottom:22vw;
        z-index: -10;
        opacity: 0.2;
    }

    .sub02 #banner{
        background: url('../../../img/subBanner02.png') no-repeat 50% 0 / 86.979vw;
    }



    .sub02 #sec02 ul li{
        display: flex;
        margin-top: 3.125vw;
    }

    .sub02 #sec02 ul li:first-child{
        margin-top: 0;
    }

    .sub02 #sec02 ul li img{
        width: 33.854vw;
    }

    .sub02 #sec02 ul li dl dt{
        font-size: 1.563vw;
        color: #e32735;
        letter-spacing: -0.01em;
        margin-bottom: 2.083vw;
        font-weight: 600;
    }

    .sub02 #sec02 ul li dl dd{
        font-size: 1.302vw;
        line-height: 2.604vw;
        letter-spacing: -0.03em;
        padding-left: 1.042vw;
        position: relative;

    }

    .sub02 #sec02 ul li dl dd span{
        color: #e32735;
        font-size: 10px;
        position: absolute;
        left: 0;
    }
    .sub02 #sec02 ul li div{
        display: table;
    }

    .sub02 #sec02 ul li div dl{
        display: table-cell;
        vertical-align: middle;
    }

    .sub02 #sec02 ul li div:last-child{
        margin-left: 3.646vw !important;
    }

    .sub03 #banner{
        background: url('../../../img/subBanner03.png') no-repeat 50% 0 / 86.979vw;
    }
    #container_title{
        display: none;
    }
    .gall_row .col-gn-3{
        width: 18.229vw !important;
        padding-left: 1vw;
    }
    .gall_img{
        height: 20.438vw !important;
        max-height: 20.438vw !important;
    }
    #bo_gall .gall_img{
        border: none;
    }
    #bo_gall .gall_text_href{
        margin: 0 !important;
    }
    #bo_gall .gall_text_href a{
        font-size: 1.563vw;
        letter-spacing: 0.2em;
        color: #7992a6;
        margin-top: 2vw;
        display: block;
    }
    #bo_v{
        background: none;
    }
    #bo_v_info{
        border-bottom: 0;
    }
    #bo_v_con{
        margin: 0;
        min-height: auto !important;
    }
    .bo_v_com{
        margin: 0 !important;
    }
    #bo_v_title .bo_v_tit {
        font-size: 3.125vw;
        line-height: 3.125vw;
        color: #7d93a8;
        letter-spacing: 0.2em;s
    }
    #proSec01{
        display: flex;
    }
    #bo_v_con{
        width: 23.958vw;
        margin-top: 0 !important;
    }
    #proSec01 header{
        padding-left:4.167vw;
        display: flex !important;
    }
    #proSec01 header div{
        font-size: 1.563vw;
        padding-top: 1vw;
        letter-spacing: -0.01em;
        color: #222222;
        margin-left: 1.563vw;
    }
    .proInfo01{
        width: 49vw;
        position: absolute;
        background: #9ea5b4;
        padding: 4.688vw;
        color: #ffffff;
        font-size: 1.563vw;
        line-height: 2.604vw;
        z-index: 10;
        left: -1vw;
        bottom: 0;
    }
    #proSec01> div {
        position: relative;
    }
    #bo_v_con img{
        width: 100%;
    }
    #proInfo02 ul:first-child {
        margin-top: 5.208vw;
        position: fixed;
    }
    #proInfo02 ul:first-child li a{
        font-size: 1.563vw;
        line-height: 3.604vw;
        color: #7d93a8;
        font-weight: 600;
    }
    #proInfo02 > ul:last-child {
        float: right;
        width: 68%;
    }
    #proInfo02 ul:last-child li{
        font-size: 1.563vw;
        line-height: 3.604vw;
        color: #222222;
        letter-spacing: -0.01em;
    }
    #proInfo02 ul:last-child li h4{
        font-size: 1.563vw;
        line-height: 3.604vw;
        color: #7d93a8;
    }
    #proInfo02 > ul:last-child > li{
        margin-top: 5.208vw;
    }
    #proInfo02 > ul:last-child > li > ul > li{
        list-style: disc;
        list-style-position:inside
    }
    #proInfo02 > ul:last-child > li > ul > li::marker{
        color: #7d93a8;
    }
    #proInfo02 .expert > div{
        display: flex;
    }
    #proInfo02 .expert div div{
        font-size: 1.563vw;
        line-height: 3vw;
        color: #222222;
        border: 3px solid #7d93a8;
        padding: 0 2vw;
    }
    #proInfo02 .expert div div:nth-child(n+2){
        margin-left: 2vw;
    }
    #proInfo02{
        padding-bottom: 7.292vw;
        overflow: hidden;
    }
    .posit{
        font-size: 1.042vw;
        line-height: 0.938vw;
        margin-top: 0.938vw;
    } 
    .write_div table{width: 100%;}
    .write_div table tr th{width: 10%;}
    .write_div table tr td{width: 90%;}
    .write_div table tr td input{width: 100%; height: 2vw;}

@media screen and (max-width:1550px) and (min-width:1251px){
    #mainWrap #mainBanner{
        margin-top: -5.906vw;
    }       
}

@media screen and (max-width:1250px) and (min-width:1101px){
    #mainWrap #mainBanner{
        margin-top: -7vw;
        height: 55.365vw;
    } 
    #mainWrap #sec01{
        margin-top: -3.167vw;
    }     
}

@media screen and (max-width:1100px) and (min-width:1001px){
    #mainWrap #mainBanner{
        margin-top: -7.5vw;
        height: 55.365vw;
    } 
  
}
@media screen and (max-width:1000px) and (min-width:841px){
    #mainWrap #mainBanner{
        margin-top: -8vw;
        height: 55.365vw;
    } 
  
}

@media screen and (min-width: 501px){
    #mainWrap #sec03 ul li:hover{
        border-radius: 100vw;
        background-color: #e32735;
        box-shadow: 1.354vw 1.354vw 2.083vw rgba(0,0,0,0.2);
        transition: all 1.2s;
    }
    #mainWrap #sec03 ul li:hover p{
        padding-top: 10.729vw;
        transition: all 0.6s;
    }
}