body{overflow-x: hidden;}
.sub05 .div_01{background:url(../skin/sub/sub_05/img/Our_Business.png) no-repeat;width:  745px;height:  326px;position:  absolute;left:  50%;margin-left: -551px;top: 188px;z-index: 10;}
.sub05 .div_01 > div.s1_d1_text{
    color:#111;
    font-size:180px;
    line-height: 155px;
    font-family: 'Noto Sans Mono', 'NanumBarunGothic', sans-serif;
    font-weight: bold;
    /* position: relative; */
    top: 160px;
    text-align: left;
    width: 612px;
    height: 326px;
    margin: 0 auto;
}
.sub5_wrap{overflow-x: hidden; }
.sub05{
    height:  759px;
}
.sub05 .div_01{}
.sub05 .img_01{
    position: relative;
    z-index: 10;
}
.sub05 .img_02{
    /* right: 5px; */
    top: 344px;
    left:  50%;
    margin-left: -258px;
}

.row1, .row2, .row4{max-width:1720px;font-size: 16px;color:  #707070;/* width:  100%; */margin-left:  100px;margin-right: 100px;}

.row1{
    padding-bottom: 140px;
    /*padding-top: 158px;*/
}
.row1 .box1{}
.h01{
    font-size: 80px;
    color: #252525;
}
.row1 .h01{
    margin-bottom: 49px;
}
.row1 p{line-height: 35px;margin-bottom: 48px;/* color: #707070; */font-size: 14px;}
.row1 ul{
    width: 1041px;
}
.row1 ul li{display:inline-block;margin-right: 45px;margin-bottom: 23px;font-size: 14px;}
.row1 ul li i{font-style:normal;}
.row1 ul li i br{display: none;}
.row1 span{
    font-weight:  bold;
    letter-spacing: 0.1px;
    margin-right: 5px;
    color:  #252525;
}
.row1 em{
    color:  #31cfac;
    margin-right: 2px;
    font-style: normal;
}

.row2{
    padding-bottom: 152px;
}
.row2:after{
    content:"";
    display:block;
    clear:both;
}
.row2 .img{
    width: 50%;
    /* height:  512px; */
    /* background:  #31cfac; */
    float:  left;
}
.row2 .img img{width:100%;}
.row2 .txt{
    float:  right;
    width: 40.5%;
    margin-left: 6%;
    margin-right: 3.5%;
    position:  relative;
}
.row2 .h01{
    position: relative;
    z-index: 10;
    margin-bottom: 77px;
    line-height: 55px;
}
.row2 span{
    position:  absolute;
    top: 20px;
    left: 27px;
}
.row2 p{
    line-height: 33px;
    font-size: 14px;
}

.row3{
    background-color:  #f7f7f7;
    margin: 0 auto;
    font-size: 16px;
    color:  #707070;
    padding: 147px 0px 100px;
}
.row3_in{max-width:1720px;/* background-image: url(../skin/sub/sub_05/img/cal.png); */background-repeat: no-repeat;background-position: right 0px;position:  relative;margin: 0px 206px;}
.row3 .h01{
    margin-bottom: 31px;
    text-align:  center;
}
.row3 .his_hand{
    position:  absolute;
    top: -324px;
    left: -316px;
}
.row3 .his_txt{/* font-size:100px; *//* font-weight:bold; *//* color:#31cfac; *//* line-height: 96px; */text-align:  center;position: relative;z-index: 100;}
.row3 .history{
    /* border-top:  1px solid #c3c3c3; */
    margin-top: 111px;
    padding-top: 98px;
    /* padding-top: 0px; */
    -webkit-margin-after:  0px;
    -webkit-margin-before: 0px;
}
.row3 .history:after{
    content:"";
    display:block;
    clear:both;
}
.row3 .history li:after{
    content:"";
    display:block;
    clear:both;
}
.row3 .history li{}
.row3 .history ul li{
    /* width: 397px; */
    margin-bottom: 15px;
    letter-spacing: -0.2px;
    font-size: 14px;
}

.row3 .history .h_in{
    height: 490px;
}
.row3 .history .h_in .tlt{
    font-size: 45px;
    font-weight:  bold;
    color: #252525;
}
.row3 .history .h_in .tlt span{color:#31cfac;}
.row3 .history .h_in em{
    font-style: normal;
    font-weight:  bold;
    color:  #111111;
    margin-right: 17px;
    letter-spacing: 0.7px;
}
.row3 .history .h_in i{
    font-style:  normal;
    float: right;
    width: 428px;
}

.row3_in .bx-prev{
    position: absolute;
    top: 515px;
    left: -100px;
    margin-top: -92px;
    background-image: url(../img/bx_left.png);
    width: 60px;
    height: 184px;
    text-indent: -9999px;
}
.row3_in .bx-next{
    position: absolute;
    top: 493px;
    right: -100px;
    margin-top: -92px;
    background-image: url(../img/bx_right.png);
    width: 60px;
    height: 184px;
    text-indent: -9999px;
}

.row3 #bx-pager2{width:100%; text-align:center;}
.row3 #bx-pager2 a{display:inline-block;}
.row3 #bx-pager2 a{background-image: url(../skin/sub/sub_05/img/off.png);width:  17px;height:  15px;text-indent: -9999px;margin: 0px 0px;}
.row3 #bx-pager2 a.active, .row3 .bx-pager .bx-pager-item a:hover{
    background-image: url(../skin/sub/sub_05/img/on.png);}

#bx-pager2.mo{display: none;}

.row4{
    padding-top:  193px;
    position:  relative;
}
.row4 .h01{
    position:  absolute;
    top: 142px;
    left:  50%;
    margin-left: -160px;
    z-index: 100;
}
.le_h{
    position:  absolute;
    top: 0px;
    left:  215px;
    z-index: 10;
}
.ri_h{
    position: absolute;
    top: 0px;
    right: 215px;
    z-index: 10;
}
.row4 .lo_img{}
.row4 .lo_img li{}
.row4 .lo_img li img{width:100%;height: auto;display:  block;}
.l_pager:after{
    content:"";
    display:block;
    clear:both;
}
.l_pager a{
    width:  50%;
    float:  left;
    display:  block;
    text-align:  center;
}
.l_pager a{
    /* border: 10px solid #fff; */
    position:relative;
    padding: 10px;
}
.l_pager a.active{
    /* border: 10px solid #31cfac; */
}
.l_pager a:hover:after{
    content:"";
    display:block;
    clear:both;
    display:block; width:100%; border: 10px solid #31cfac; top:0px; left:0px; position:absolute; height:100%;}
/*.l_pager a.active:after{
    content:"";
    display:block;
    clear:both;
    display:block; width:100%; border: 10px solid #31cfac; top:0px; left:0px; position:absolute; height:100%;}*/
.l_pager a h3{
    color: #111111;
    font-size: 50px;
    font-family: 'Noto Sans KR', 'NanumBarunGothic', sans-serif;
    margin-top: 90px;
    margin-bottom: 49px;
}
.l_pager a p{
    line-height: 30px;
    margin-bottom: 28px;
    color:  #707070;
    font-size: 14px;
    line-height: 24px;
}
.l_pager a span{
    padding: 0px 20px;
}
.row4 .bx-controls-direction{display:none;}
.row4 .map{width:100%;height:290px;margin-top: 89px;z-index: 100;position:  relative;}

.row5{
    text-align:  right;
    max-width:  1720px;
    margin: 0 auto;
    margin-right: 100px;
    margin-left:  100px;
}
.row5 .div_02{margin-top: 99px;width: 841px;display:  inline-block;margin-bottom: 100px;}
.row5 .div_02:after{
    content:"";
    display:block;
    clear:both;
}
.row5 .div_02 > div{width: 41%;float: left;position: relative;}
.row5 .part04{margin-right: 18%;}
.row5 .div_02 > .part04 .in_div_01{width: 96px; height: 207px; background: url("../skin/sub/sub_05/img/part04.png") no-repeat}
.row5 .div_02 > .part01 .in_div_01{width: 77px; height: 207px; background: url("../skin/sub/sub_05/img/part01.png") no-repeat}
.row5 .div_02 > div > div {float: left;}
.row5 .div_02 > div > .in_div_02{position: absolute;bottom: 0;left: 106px}
.row5 .div_02 > div > .in_div_02 > a{/* display: block; */position:  relative;height:  207px;margin-left: -2px;}
.row5 .div_02 > div > .in_div_02 .in_p_01{font-size: 16px;color: #707070;margin-bottom: 5px;text-align: left;}
.row5 .div_02 > div > .in_div_02 .in_p_02{font-size: 60px;color: #30cfac;line-height: 1;text-align:  left;letter-spacing: -1px;}




.h_w2{display:none;}

@media (max-width: 1300px) {

    .sub05 .div_01{
        margin-left: -372.5px;
    }
    /*.h_w1{display:none;}
    .h_w2{display:block;position:relative;}*/
    .h_w2 .bx-viewport{height: 699px !important;}
    .sub05 .img_02{width:768px
    }

    .row1 ul li i br{display: block;}
    .row1, .row2, .row4, .row3_in{padding:0px 50px;margin-left: 0px;margin-right: 0px;}

    .row1 ul{width: 670px;}
    .row1 .h01{margin-top:160px;}
    .row1 ul li i{float:right;width: 543px;display:  block;margin-left: 7px;}
    .row2 .img{
        float:  none;
        width: 100%;
        margin-top: 85px;
        display:  block;
    }
    .row2 .txt{
        float:  none;
        width: 100%;
        margin-left:  0px;
        margin-right:  0px;
        margin-top: 100px;
    }
    .row2 p{margin-bottom:100px}
    .row3{padding-top:97px;}
    .row3_in{ background-image: none;}
    .row3_in .bx-wrapper{width:468px; margin:0 auto;}
    .row3_in .bx-prev{
        background: url("../skin/sub/sub_05/img/arr_left.png") no-repeat;
        display:  block;
        width: 25px;
        height: 30px;
        left: 50px;
        opacity:  1;
        text-indent:  -9999px;
        /* background-size: 18px 21px; */
        top: 456px;
    }
    .row3_in .bx-next{
        background: url("../skin/sub/sub_05/img/arr_right.png") no-repeat;
        display: block;
        width:  25px;
        height: 30px;
        position: absolute;
        top: 456px;
        right: 50px;
        opacity: 1;
        text-indent: -9999px;
        /* background-size: 18px 21px; */
    }
    #bx-pager2.mo{display: none;}
    #bx-pager2.pc{display: none;}
    .le_h{
        left: 50px;
    }
    .ri_h{
        right: 50px;
    }
    .le_h img{
        width:156px;
    }
    .ri_h img{
        width:156px;}

    .row4 .lo_img{margin-top:87px;}

    .l_pager a{width:100%;float:  none;}
    .l_pager a h3{padding-top: 98px;margin-top: 0px;}
    .row5{padding-left:50px;padding-right:50px;margin-right:  0px;margin-left:  0px;}
    .row5 .div_02{width:100%;margin-top: 50px;margin-bottom: 50px;}
    .row5 .div_02 > div > .in_div_02 .in_p_02{font-size:40px;}
    .row5 .div_02 > div{width:264px}
    .row5 .part04{
        margin-right: 0px;
        /* width: 266px !important; */
    }
    .row5 .part01{float: right !important;}
    .row5 .div_02 > div > .in_div_02 > a{
        display:  block;
        width: 200px;
    }
    .row5 .div_02 > div > .in_div_02 .in_p_01{position:  absolute;top: 31px;}
    .row5 .div_02 > div > .in_div_02 .in_p_02{
        position: absolute;
        top: 79px;
    }


    .row3 .history li{width: 468px !important;}
    .row4 .h01{
        top: 44px;
    }
    .row4 .bx-viewport{height: auto !important;}
}


@media (max-width: 768px) {
    .sub05{height:380px;}
    .row1 p{line-height: 25px;}
    .sub05 .div_01{
        width: 283px;
        background-size: 100% auto;
        margin-left: -158.5px;
        top: 154px;
    }
    .sub05 .div_01 .s1_d1_text{
        font-size: 70px !important;
        line-height: 59px !important;
        width:  245px !important;
        /* top: 98px !important; */
        /* margin-left: 9px !important; */
    }
    .h01{font-size:50px;margin-top:  60px !important;margin-bottom:  45px !important;}
    .sub05 .img_01{width:270px;}
    .sub05 .img_02{width: 367px;top: 247px !important;margin-left: -117px;}
    .row1, .row2, .row4, .row3_in{padding:0px 10px;font-size: 14px;}
    .row1 ul{width:300px}
    .row1 ul li{display:block;line-height: 22px;}
    .row1 span{display:block;}
    .row1 ul li i{float:none;margin-left: 0px;width: 300px;/* line-height: 25px; */}
    .row2 .img{margin-top:97px;/* height: 279px; */}
    .row2 .txt{
        margin-top: 50px;
    }
    .row2 .h01{
        margin-bottom: 40px;
    }
    .row2 span img{width:167px}
    .row2 p{margin-top: 42px;line-height: 25px;}
    .row2 p br{display:none;}
    .row3 .his_txt{font-size:60px;line-height: 59px;}
    .row3 .his_txt img{width:100%}
    .row3 .history{margin-top: 60px;}
    .row3 .history:after{
        content:"";
        display:block;
        clear:both;
    }
    .row3 .history .h_in .tlt{
        font-size: 30px;
        text-align:  center;
        width:  100%;
        width: 250px !important;
    }
    .row3 .history ul li{
        width: 300px;
    }
    .row3 .history ul em{
        display:  block;
    }
    .row3 .history .h_in i{width: 249px;float:  none;display:  block;}
    .row3_in .bx-wrapper{width:250px; margin:0 auto;}

    .row3_in .bx-prev{
        left: 10px;
        background-size: 18px 21px;
        top: 372px;
    }
    .row3_in .bx-next{
        right: 10px;
        background-size: 18px 21px;
        top: 372px;
    }
    .row3 .history .h_in{
        height: 600px !important;
    }

    .h_w2 .bx-viewport{height: 800px !important;}

    .le_h{
        display:none;
    }
    .ri_h{
        display:none;
    }
    .row4{}
    .row4 .h01{margin-left:-100px;top: -38px;}

    .row4 .lo_img{margin-top:50px;}
    .l_pager a h3{font-size:30px;padding-top: 48px;}
    .l_pager a p{font-size:14px;}
    .l_pager a span{display:inline-block}
    .row4 .map{
        margin-top: 52px;
    }
    .row3 .his_hand{display:none;}
    .row3 .history{padding-top:0px}
    .row5  .div_01 .h_01{font-size: 50px;margin-bottom: 50px;}
    .row5  .div_01 .p_01{font-size: 30px;margin-bottom: 20px;line-height: 35px;}
    .row5  .div_01 .p_02{font-size: 20px;margin-bottom: 50px}
    .row5  .div_01 .p_03{font-size: 14px;line-height: 25px;margin-bottom: 50px}
    .row5  .div_01 .a_01{font-size: 16px;}
    .row5  > .div_02{margin-bottom: 50px}
    .row5  .div_02 > div > .in_div_02 .in_p_01{font-size: 10px}
    .row5  .div_02 > div > .in_div_02 .in_p_02{font-size: 18px;top: 58px;}
    .row5  .div_02 > .part04{width:50%;}
    .row5  .div_02 > .part01{width:50%;}
    .row5  .div_02 > .part04 .in_div_01{width: 36px;height: 88px;position: relative;left: 50%;margin-left: -60px;background-size:100%;}
    .row5  .div_02 > .part01 .in_div_01{width: 29px; height: 89px;  position: relative; left: 50%; margin-left: -60px; background-size:100%;}
    .row5  .div_02 > div > .in_div_02{left: 50%}
    .row5 .div_02 > div > .in_div_02 > a{
        width: 72px;
        height: 109px;
    }

    .row5{padding-right: 10px;padding-left: 10px;}
}


/*레이아웃수정*/

.hd_lay_05 {
    position: relative;
    /* margin: 0 auto; */
    max-width: 100%;
    /* margin-left: 100px; */
    /* margin-right: 100px; */
    padding-left:  100px;
    padding-right: 100px;
}

.hd_lay_02 {
    z-index: 150;
}
.down .hd_lay_02 {
    height: 65px !important;
    padding: 16px 0 0px !important;
    background: rgb(247, 247, 247,0.8)!important;
    transition: all 0.3s;
}



/**/
#hamburger {z-index:9;}
#logoImg {z-index:9; position:relative;}
.sub02{position:relative;height: 640px;}
.sub02 .div_01{
    width: 848px;
    height: 337px;
    position: absolute;
    top: 214px;
    left:  50%;
    margin-left: -500px;
    /* padding-left: 40px; */
    background:  none;
}
.sub02 .div_01 > div.s1_d1_text{
    color:#111;
    font-size:180px;
    line-height: 155px;
    font-family: 'Noto Sans Mono', 'NanumBarunGothic', sans-serif;
    font-weight: bold;
    text-align: left;
    width: 612px;
    height: 326px;
    top: 0;
    position: absolute;
    left:  0px;
    padding-left: 41px;
}
.sub02 .div_01 > img.img01{position:  absolute;top: 93px;left: 0px;}
.sub02 .div_01 > img.img02{
    position: absolute;
    bottom: 0px;
    right: 0px;
    top: auto;
    left: auto;
    display: none;
}


@media (max-width: 1516px){

    #hamburger {
        margin-right: 0px!important;
        margin-top: 30px !important;
        transition:margin-top 0.3s;
        right: 50px !important;
        top: -4px !important;
        z-index: 9;
    }
    .down #hamburger{
        /* top: -3px !important; */
        margin-top: 1px !important;
        transition:margin-top 0.3s;
    }
    #hamburger.open{
        right: 58px !important;
    }

    #logoImg{}
    .dowb #logoImg{width:105px !important;}
    .hd_lay_03 {
        left: 0px !important;
    }

    .hd_lay_05{
        padding-left: 50px;
        padding-right: 50px;
    }

    .hd_lay_02{padding: 46px 0 0px !important;}

}

@media (max-width: 1500px){

    .sub02 .div_01 > div.s1_d1_text{display:  block;}
    .sub02 .div_01 > img.img01{
        display:  block;
    }
    .sub02 .div_01 > img.img02{/* display:  block; */}

    .hd_lay_05{}

}


@media (max-width: 1300px) {

    .hd_lay_05 {}
    .sub02{}
    .sub02 .div_01{margin-left: -424px;}
    .sub02 .div_01 > div.s1_d1_text{display:  block;}
    .sub02 .div_01 > img.img01{
        display:  block;
    }
    .sub02 .div_01 > img.img02{display: none;}


}



@media (max-width: 768px) {
    .logo{line-height: 50px;}
    #logoImg{width:105px !important;}
    #hamburger {
        margin-right: 0px!important;
        margin-top: -8px !important;
        transition: none !important;
        right:  10px !important;
    }
    .down #hamburger{
        /* top: -11px !important; */
        margin-top: -12px !important;
        transition:margin-top 0.3s;
        margin-right: 0px!important;
        /* margin-top: 15px !important; */
        transition: margin-top 0.3s;
        right: 10px !important;
        top: 0px !important;
    }
    #hamburger.open{
        right: 16px !important;
    }
    .hamburger,
    .hamburger:after,
    .hamburger:before {
        width: 25px !important;
        height: 1px;
    }
    #hamburger:hover .hamburger {
    }
    .hd_lay_03{
        transition:top 0.3s;
    }
    .down .hd_lay_03{
        /* top: -8px; */
        transition:top 0.3s;
    }
    .hd_lay_02{
        padding: 0px 0 0px !important;
    }
    .down .hd_lay_02{height: 50px !important;padding: 0px 0 0px !important;}
    .hd_lay_05 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .sub02{
        height: 380px;
    }
    .sub02 .div_01{
        width: 283px;
        background-size: 100% auto;
        margin-left: -179.5px;
        top: 154px;
    }
    .sub02 .div_01 > div.s1_d1_text{font-size: 70px !important;line-height: 59px !important;width: 245px !important;}
    .sub02 .div_01 > img.img01{
        width:  191px;
        top: 35px;
        left: 26px;
    }
    .sub02 .div_01 > img.img02{
    }

    #hamburger:hover span:nth-child(1) {
        top: 0px !important;
    }

    #hamburger:hover span:nth-child(3) {
        top: 20px !important;
    }

    #hamburger:hover span:nth-child(1) {
        top: 0px !important;
    }

    #hamburger:hover span:nth-child(3) {
        top: 20px !important;
    }
    #hamburger.open span:nth-child(1) {
        top: 14px !important;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    #hamburger.open span:nth-child(2) {
        opacity: 0;
        left: -30px;
        -webkit-transition: .16s ease-in-out;
        -moz-transition: .16s ease-in-out;
        -o-transition: .16s ease-in-out;
        transition: .16s ease-in-out;
    }

    #hamburger.open span:nth-child(3) {
        top: 14px !important;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }



}



#logoImg{margin-top:0px;transition: all 0.3s;/* transition:width 0.3s; */width:  125px;}
.down #logoImg{/* transition:margin-top 0.3s; *//* margin-top: -56px; *//* width: 100% !important; */transition: all 0.3s;/* width: 100px; */}


.bg{
    display:none;
    /*width: 100%;
    height: 100% !important;
    background: #f7f7f7;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 100;*/
}
.ham_in{
    /* overflow: auto; */
    -webkit-overflow-scrolling: touch;
    /* position: relative; */
    /* height: 100%; */
    box-sizing: border-box;
    /* padding: 176px 0 0 0; */
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ham_in:after{
    content:"";
    display:block;
    clear:both;
}
.ham_in ul:nth-child(5){
    /* margin-bottom: 176px; */
}
.ham_lay {
    display: none;
    width: 100%;
    height: auto;
    background: #f7f7f7;
    position: fixed;
    top: 0px !important;
    left: 0px;
    width: 100%;
    height: 100vh !important;
    background: #f7f7f7;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    /* z-index: 100; */
    overflow: hidden;
}


@media (max-width: 1516px) {

    .ham_in{
        /* padding: 200px 0px; */
    }


}



@media (max-width: 768px) {

    .ham_in{
        /* padding: 85px 0px; */
        overflow: auto;
    }
    .ham_in ul{
        line-height: 24px !important;
        margin-bottom: 19px;
    }
    .ham_in ul:hover{background-size:90px 3px;background-position: center 25px!important;}
    .ham_in ul a{font-size:18px}
    .ham_in ul li {font-size:14px}
    .ham_in ul li a{font-size:14px;padding: 7px 0px;display:  inline-block;}


}

.pf_resize{
    padding: 31px 84px;
    transition:padding 0.2s;
    transition-timing-function: ease-in-out;
    border-radius: 21px;
}
.pf_content{background: url(../img/pad.png) no-repeat;background-position:center;padding: 71px 64px 100px;border:  none !important;background-color:  black;border-radius: 21px;transition:background 0.2s;}
.moBg .pf_content{background: url(../img/mobile.png) no-repeat;padding: 46px 24px 77px;overflow: visible !important;background-position:center;/* height: 681px !important; */border-radius: 21px;transition:background 0.2s;}

.moBg.pf_resize{
    padding: 123px 84px;
    transition:padding 0.2s;
    transition-timing-function: ease-in-out;
}
.moBg .pf_content .pf_select{
    position: absolute;
    bottom: 40px;
    right: -84px;
    left:  auto;
    z-index: 100;
    width: 75px;
}

.moBg .pf_content .pf_select li{margin-bottom:5px;}

.pf_select {
    position: absolute;
    bottom: 120px;
    left: 88px;
}

.pf_resize iframe{border:none;background:  #fff;}


.ham_lay li a {
    color: #959595;
}

.dis_hide{
    padding: 34px 40px 0 40px;
}
.dis_hide .picon{margin-right: 11px;text-align:  center;}
.dis_hide_title{margin-bottom:  23px;}
.dis_hide_btn{
    width: 100px;
    height: 35px;
    line-height: 35px;
    padding:  0px;
    text-align:  center;
    /*display:  block;*/
    max-width:  124px;
    bottom: 36px;
    font-size: 14px;
}



@media (max-width: 1000px) {

    .dis_hide_title{font-size:24px;}

}

@media (max-width: 768px) {

    .dis_hide_title{font-size:18px;}
    .dis_hide{max-width:800px;}
    .port_title_con{
        /* margin-top: 10px; */
    }
}





/*햄버거메뉴 수정*/



#hamburger.open {right: 108px;}

.hamburger,
.hamburger:after,
.hamburger:before {
    width: 30px;
    height: 3px;
}

.hamburger {
    position: relative;
    transform: translateY(14px);
    background: #111;
    transition: all 300ms;
}

.hamburger:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 9px;
    background: #111;
    transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.hamburger:after {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    background: #111;
    transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.open .hamburger:after {
    top: 0;
    transform: rotate(45deg);
    transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);;
}

.open .hamburger:before {
    bottom: 0;
    transform: rotate(-45deg);
    transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);;
}


.open .hamburger {
    background: rgba(0, 0, 0, 0);
}

/*#hamburger:hover .hamburger{width:20px;transition: width 300ms ; }*/

#ham_first{
}
.hd_lay_04 ul li{
    width:115px;
    position:relative;
}

.hd_lay_04 ul li:after{
    content:'';
    position: absolute;
    width: 80%;
    height: 2px;
    top: -2px;
    left: 0;
    background-color: #31cfac;
    transform: scaleX(0);
    transform-origin: bottom right;
    transition: transform 0.3s;
}
.hd_lay_04 ul li:hover:after {
    transform-origin: bottom left;
    transform: scaleX(1);
}
.hd_lay_02{
    position: fixed;
    top:0px;
    padding: 21px 0 0px;
    background: none;
    transition: all 0.3s;
}
.ham_lay{
    display: none;
    width: 100%;
    height: auto;
    background: #f7f7f7;
    position: fixed;
    top: 65px;
    left: 0px;
}
.ham_lay ul{
    width:100%;
    line-height: 60px;
    float:left;
    text-align: center;
    font-size:50px;
    font-weight: bolder;
    color: #252525;
    background: none !important;
    position:relative;
}
.ham_lay ul:hover:after{
    width:280px;
    transition:all 0.3s ease-in-out;
}
.ham_lay ul > a{position:relative; z-index:10;}
.ham_lay ul:after{
    content:"";
    display:block;
    clear:both;
    width:0px;
    height: 10px;
    background:#30cfac;
    position:absolute;
    top: 32px;
    left:50%;
    margin-left:-140px;
    z-index:1;
}

.ham_lay li{
    text-align: center;
    list-style: none;
    font-size: 25px;
    font-weight: normal;
    color: #acacac;
}
.ham_lay li a{
    color: #acacac;
}
.ham_lay li a:hover{
    color: #60d8be;
}
.ham_in{}
#hamburger {
    display:none;
    width: 30px;
    height: 62px;
    padding-top: 20px;
    position: relative;
    /* margin: 23px auto; */
    cursor: pointer;
    position: fixed;
    top: -3px;
    right: 100px;
    background-color: transparent;
}


#hamburger:hover span:nth-child(1) {
    top: -4px;
    -webkit-transition: .20s ease-in-out;
    -moz-transition: .20s ease-in-out;
    -o-transition: .20s ease-in-out;
    transition: .20s ease-in-out;
}

#hamburger:hover span:nth-child(3) {
    top: 26px;
    -webkit-transition: .16s ease-in-out;
    -moz-transition: .16s ease-in-out;
    -o-transition: .16s ease-in-out;
    transition: .16s ease-in-out;
}

#hamburger span {
    z-index: 999999999999 !important;
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #111;
    border-radius: 5px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .20s ease-in-out;
    -moz-transition: .20s ease-in-out;
    -o-transition: .20s ease-in-out;
    transition: .25s ease-in-out;
}

#hamburger span:nth-child(1) {
    top: 0px;
}

#hamburger span:nth-child(2) {
    top: 10px;
}

#hamburger span:nth-child(3) {
    top: 20px;
}

#hamburger.open span:nth-child(1) {
    top: 14px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

#hamburger.open span:nth-child(2) {
    opacity: 0;
    left: -30px;
    -webkit-transition: .16s ease-in-out;
    -moz-transition: .16s ease-in-out;
    -o-transition: .16s ease-in-out;
    transition: .16s ease-in-out;
}

#hamburger.open span:nth-child(3) {
    top: 14px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

@media (max-width: 1516px) {
    #hamburger{
        margin-right:-10px;
        margin-top:53px;
    }
    .hd_lay_03{
        left:50px;
    }
    #ham_first{
    }
}

@media (max-width: 768px) {
    #testmode{
        display:none;
        width:200px;
        height:110px;
        position: fixed;
        top:0px;
        right:45%;
        z-index:99999;
        background:#f2df00;
    }
    #hamburger{
        margin-right:-49px;
        margin-top:32px;
    }
    .hd_lay_03{
        left: 10px !important;
        /* top:10px; */
    }
    #ham_first{
    }
    .ham_lay ul:after{display:none;}
    div.ham_lay > ul{
        font-size:18px;
        line-height: 45px;
    }
    div.ham_lay > ul> li{
        font-size:14px;
    }
}


::selection {
    background-color: #2cc3a2;
    color: #fff;
}

.in_lay_06 .p_01 {
    font-size: 20px;
    color: #252525;
    font-weight: bold;
    height: 28px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.in_lay_06 .p_02 {
    font-size: 16px;
    color: #555555;
    margin: 16px 0 18px;
}

#mainSlider .bx-controls .bx-prev{/* display: none; */}
#mainSlider .bx-controls .bx-next{/* display: none; */}





/*애니메이션추가*/

Wobble Vertical
@-webkit-keyframes w_vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes w_vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}


.w_vertical:hover{animation-name: w_vertical;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;}