@charset "utf-8";




.sub_banner_wrap {
    position: relative;
    width: 100%;
    height: 400px;
}

.sub_banner01 {
    background: url(../images/sub_banner01.jpg) no-repeat center;
    background-size: cover;
}

.sub_banner02 {
    background: url(../images/sub_banner02.jpg) no-repeat center;
    background-size: cover;
}

.sub_banner03 {
    background: url(../images/sub_banner03.jpg) no-repeat center;
    background-size: cover;
}

.sub_banner04 {
    background: url(../images/sub_banner04.jpg) no-repeat center;
    background-size: cover;
}

.sb_title {
    text-align: center;
    color: #fff;
    font-family: 'arial', sans-serif;
    font-size: 4.5em;
    font-weight: 300;
    padding-top: 180px;
}

.sb_st {
    text-align: center;
    color: #fff;
    font-size: 1.6em;
    font-weight: 300;
    letter-spacing: -0.2px;
}

.area_sub_nav {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
}

.sub_nav {
    width: 1260px;
    margin: 0 auto;
}

.sub_nav_list:after {
    content: '';
    display: block;
    clear: both;
}

.sub_nav_list > li {
    position: relative;
    float: left;
}

.sub_nav_list > li > a:link,
.sub_nav_list > li > a:visited {
    display: block;
    width: 250px;
    height: 55px;
    line-height: 55px;
    box-sizing: border-box;
    color: #fefefe;
    font-size: 1.5em;
    font-weight: 300;
    background: url(../images/s_nav_b.png) no-repeat center right 30px;
    border-right: 1px solid rgba(255, 255, 255, 0.25);
    padding-left: 40px;
}

.sub_nav_list > li > a.s_home {
    width: 59px;
    background: url(../images/home.png) no-repeat left top;
    text-indent: -9999em;
    border-left: 1px solid rgba(255, 255, 255, 0.25);
    padding-left: 0;
}

.sub_nav_hidden {
    position: absolute;
    top: 55px;
    left: 0;
    width: 100%;
    z-index: 30;
}

.sub_nav_hidden > li > a:link,
.sub_nav_hidden > li > a:visited {
    box-sizing: border-box;
    padding-left: 57px;
    height: 50px;
    line-height: 50px;
    display: block;
    color: #e9e9e9;
    font-size: 1.4em;
    font-weight: 300;
    background: rgba(0, 0, 0, 0.5);
    border-bottom: 1px solid rgba(238, 238, 238, 0.3);
    letter-spacing: -0.2px;
}

.sub_nav_hidden > li > a:hover,
.sub_nav_hidden > li > a:focus {
    background: rgba(0, 0, 0, 0.8);
}

.primary_wrap {
    width: 100%;
    border-bottom: 1px solid #ddd;
}

.area_sub_title {
    width: 100%;
    margin: 70px 0 30px;
}

.sub_title {
    text-align: center;
    font-size: 4em;
    font-weight: 500;
    letter-spacing: 0;
    padding-bottom: 70px;
    background: url(../images/sub_title_bar.gif) no-repeat center bottom;
}

.sub_contents_wrap {
    position: relative;
}

.sc_mb {
    margin-bottom: 80px;
}

.cpy02 {
    background: url(../images/cpy02_bg.jpg) no-repeat center;
    background-size: cover;
    height: 2520px;
}

.cpy_list {
    position: absolute;
}

.cpy_list > li:last-child {
    margin-bottom: 0;
}

.cpy_list > li {
    font-size: 15px;
    font-weight: 300;
    color: #666;
    margin-bottom: 7px;
}

.cpy_list > li.cpy_day {
    font-size: 25px;
    font-weight: 500;
    color: #222;
    margin-bottom: 12px;
}

.cpy_list > li > span {
    font-weight: 400;
    color: #222;
}

.cpy_list_right {
    text-align: right;
}

.cpy_list_left span {
    padding-right: 15px;
}

.cpy_list_right span {
    padding-left: 15px;
}

.cpy_list > li {
    font-weight: 300;
    color: #666;
    margin-bottom: 7px;
}

.cpy_list > li.cpy_day {
    font-weight: 500;
    color: #222;
    margin-bottom: 12px;
}

.cpy04_s01_t {
    font-size: 2.5em;
    font-weight: 500;
    text-align: left;
    margin-bottom: 10px;
}

.cpy04_s02_wrap {
    height: 500px;
    background: url(../images/cpy03_bg02.jpg) no-repeat center;
    background-size: cover;
}


.cpy04_title {
    font-family: 'arial', sans-serif;
    font-weight: 400;
    text-align: center;
    padding-bottom: 37px;
    padding-top: 160px;
}


.cpy04_title01 {
    background: url(../images/busi_text_bar.gif) no-repeat center bottom;
    color: #fff;
}

.cpy04_s04_wrap .cpy04_title01 {
    font-family: "Noto Sans KR", sans-serif;
    padding-top: 100px;
}

.cpy04_title02 {
    background: url(../images/b_bar.gif) no-repeat center bottom;
    color: #333;
}

.cpy04_s03_wrap {
    background: url(../images/cpy03_bg03.jpg) no-repeat center;
    background-size: cover;
    height: 500px;
}

.cpy04_s04_wrap {
    background: url(../images/cpy03_bg04.jpg) no-repeat center;
    background-size: cover;
    height: 750px;
}

.area_4bx:after {
    content: '';
    display: block;
    clear: both;
}


.area_4bx > div:last-child {
    margin-right: 0;
}



.area_busi02:after {
    content: '';
    display: block;
    clear: both;
}

.area_busi02 > div {
    float: left;
}

.tab_menu {
    display: inline-block;
}

.tab_menu:after {
    content: '';
    display: block;
    clear: both;
}

.tab_menu > li {
    float: left;
}

.tab_menu > li > a:link,
.tab_menu > li > a:visited {
    display: block;
    font-size: 2em;
    font-weight: 400;
    text-align: center;
    color: #888;
    box-sizing: border-box;
    height: 60px;
    line-height: 58px;
    width: 300px;
    border: 1px solid #ccc;
}

.tab_menu > li > a:hover,
.tab_menu > li > a:focus,
.tab_menu > li > a.on {
    color: #3365bc;
    border: 1px solid #3365bc;
}


.inv02_wrap .st_info02 td {
    text-align: right;
    padding-right: 125px;
}

.inv02_wrap .st_info02 td.st_tc {
    text-align: center;
    padding: 0;
}

.g_bg {
    background: #f7f7f7;
}

.st_info02 td.b_bg_b {
    background: #f0f5ff;
    color: #111;
    font-weight: 400;
}

.pt70 {
    padding-top: 70px;
    
}
.mb_cpy_bg{
     display:none;
        
}



/* ÇǾ¾, ÅÂºí¸´ °øÅë end */

/* ÇǾ¾ start */

@media screen and (min-width:1290px) {
    .area_sub_banner {
        width: 1260px;
        margin: 0 auto;
    }
    .area_sub_contents {
        position: relative;
        width: 1260px;
        margin: 0 auto;
    }
    .area_tab_menu {
        width: 1260px;
        height: 60px;
        margin: 0 auto 80px;
        text-align: center;
    }

    .cpy01 {
        height: 700px;
        background: url(../images/.jpg) no-repeat center;
        background-size: cover;
    }
    .bx_m {
        position: absolute;
        right: 0;
        top: 70px;
    }
    .bg_dd {
        color: #3365bc;
        margin-bottom: 45px;
        font-size: 45px;
        font-weight: 300;
        padding-left: 75px;
        background: url(../images/cpy01_dd.png) no-repeat left center;
    }
    .bg_dd > span {
        font-weight: bold;
    }
    .st01 {
        font-size: 15px;
        font-weight: 300;
        color: #555;
        line-height: 2;
    }
    .st02 {
        color: #666;
        font-size: 1.5em;
        font-weight: 400;
        text-align: center;
    }
    .st03 {
        margin-top: 40px;
        text-align: center;
        color: #fff;
        font-size: 2.5em;
        font-weight: 300;
    }
    .st04 {
        color: #fff;
        font-size: 22px;
        font-weight: 300;
        padding: 45px 0 10px;
    }
    .st05 {
        font-family: 'arial', sans-serif;
        font-size: 1.4em;
        font-weight: 400;
        color: #72d3ff;
    }
    .st06 {
        color: #fff;
        font-size: 16px;
        font-weight: 300;
        margin-top: 20px;
        line-height: 1.5;
    }
    .st07 {
        margin-top: 40px;
        font-size: 3.5em;
        font-weight: 300;
        text-align: center;
    }
    .st08 {
        font-size: 3.5em;
        font-weight: bold;
        color: #fff;
        line-height: 1.2;
        padding: 90px 0 30px;
        letter-spacing: -1.8px;
    }
    .st09 {
        font-size: 1.8em;
        font-weight: 300;
        color: #fff;
        line-height: 1.7;
        letter-spacing: -1px;
    }
    .st10 {
        font-size: 30px;
        font-weight: bold;
        margin-bottom: 15px;
    }
    .st11 {
        color: #555;
        font-size: 16px;
        font-weight: 300;
        line-height: 1.9;
        letter-spacing: -1px;
    }
    .st12 {
        font-size: 30px;
        font-weight: 500;
        letter-spacing: -1px;
        background: url(../images/b_bar.gif) no-repeat left bottom;
        padding-bottom: 15px;
        margin-bottom: 25px;
        margin-top: 20px;
    }
    .st13 {
        color: #222;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.9;
        letter-spacing: -1px;
    }
    .st14 {
        font-weight: bold;
        font-size: 30px;
        letter-spacing: -1px;
        margin-bottom: 20px;
    }
    .st15 {
        font-size: 40px;
        font-weight: 400;
        line-height: 1.1;
        letter-spacing: -1px;
        margin-bottom: 15px;
    }
    .st16 {
        font-size: 20px;
        font-weight: 400;
        color: #666;
        line-height: 1.4;
        letter-spacing: -1px;
    }
    .st17 {
        color: #555;
        font-size: 20px;
        font-weight: 300;
    }
    .st18 {
        color: #fff;
        font-size: 20px;
        font-weight: 300;
    }
    .st19 {
        text-align: center;
        color: #3365bc;
        font-size: 16px;
        font-weight: 500;
        padding: 20px 0 15px;
    }
    .st20 {
        font-size: 25px;
        font-weight: 500;
    }
    .st21 {
        font-size: 25px;
        font-weight: 400;
        text-align: center;
        color: #fff;
    }
    .st22 {
        font-size: 14px;
        font-weight: 400;
        text-align: center;
        color: #fff;
        line-height: 1.5;
    }
    .st23 {
        font-size: 30px;
        font-weight: 300;
        text-align: center;
        letter-spacing: -1px;
    }
    .st24 {
        font-size: 30px;
        font-weight: 300;
        letter-spacing: -1px;
        color: #fff;
        line-height: 1.3;
        padding-top: 100px;
    }
    .st25 {
        font-size: 20px;
        font-weight: 500;
        letter-spacing: -1px;
        color: #111;
    }
    .st26 {
        font-size: 55px;
        font-weight: bold;
        font-family: 'arial', sans-serif;
        letter-spacing: -1px;
        line-height: 1;
        color: #fff;
        padding-top: 70px;
        padding-bottom: 20px;
        background: url(../images/busi_text_bar.gif) no-repeat left bottom;
    }
    .name_sign {
        color: #010101;
        font-size: 16px;
        font-weight: 400;
        display: block;
        text-align: right;
        margin-top: 30px;
        padding: 10px 125px 10px 0;
        background: url(../images/cpy01_sign.jpg) no-repeat right center;
    }
    .cpy_list > li {
        font-size: 15px;
    }
    .cpy_list > li.cpy_day {
        font-size: 25px;
    }
    .cpy_list01 {
        top: 420px;
        left: 670px;
    }
    .cpy_list02 {
        top: 530px;
        right: 670px;
    }
    .cpy_list03 {
        top: 660px;
        left: 670px;
    }
    .cpy_list04 {
        top: 760px;
        right: 670px;
    }
    .cpy_list05 {
        top: 870px;
        left: 670px;
    }
    .cpy_list06 {
        top: 975px;
        right: 670px;
    }
    .cpy_list07 {
        top: 1055px;
        left: 670px;
    }
    .cpy_list08 {
        top: 1185px;
        right: 670px;
    }
    .cpy_list09 {
        top: 1290px;
        left: 670px;
    }
    .cpy_list10 {
        top: 1395px;
        right: 670px;
    }
    .cpy_list11 {
        top: 1475px;
        left: 670px;
    }
    .cpy_list12 {
        top: 1580px;
        right: 670px;
    }
    .cpy_list13 {
        top: 1715px;
        left: 670px;
    }
    .cpy_list14 {
        top: 1825px;
        right: 670px;
    }
    .cpy_list15 {
        top: 1965px;
        left: 670px;
    }
    .cpy_list16 {
        top: 2070px;
        right: 670px;
    }
    .cpy_list17 {
        top: 2155px;
        left: 670px;
    }
    .cpy_list18 {
        top: 2260px;
        right: 670px;
    }
    .cpy_list19 {
        top: 2340px;
        left: 670px;
    }
    .cpy_list20 {
        top: 2425px;
        right: 670px;
    }
    .cpy04_s01_wrap > .area_sub_contents {
        height: 570px;
        background: url(../images/cpy03_bg01.jpg) no-repeat center;
        background-size: cover;
    }
    .cpy04_s01_01tb,
    .cpy04_s01_02tb,
    .cpy04_s01_03tb {
        position: absolute;
        height: 110px;
    }
    .cpy04_s01_01tb {
        left: 95px;
        top: 320px;
    }
    .cpy04_s01_02tb {
        left: 490px;
        top: 40px;
    }
    .cpy04_s01_03tb {
        right: 75px;
        top: 320px;
    }

    .cpy04_s01_02tb .cpy04_s01_t {
        position: absolute;
        bottom: 0;
        left: 115px;
        margin-bottom: 0;
    }

    .cpy04_title {
        font-size: 5em;
    }


    .cpy04_s04_wrap > .area_sub_contents {
        text-align: center;
    }
    .area_4bx {
        margin-top: 95px;
    }

    .area_4bx {
        display: inline-block;
    }
    .area_4bx > div {
        float: left;
        width: 213px;
        height: 340px;
        margin-right: 105px;
    }
    .area_4bx > div:last-child {
        margin-right: 0;
    }
    .bx01_01 {
        width: 213px;
        height: 213px;
        background: url(../images/cpy03_01.png) no-repeat left top;
    }
    .bx01_02 {
        width: 213px;
        height: 213px;
        background: url(../images/cpy03_02.png) no-repeat left top;
        margin-right: 105px;
    }
    .bx01_03 {
        width: 213px;
        height: 213px;
        background: url(../images/cpy03_03.png) no-repeat left top;
        margin-right: 105px;
    }
    .bx01_04 {
        width: 213px;
        height: 213px;
        background: url(../images/cpy03_04.png) no-repeat left top;
    }
    .ci_s01_wrap {
        height: 500px;
        background: url(../images/cpy04_bg.jpg) no-repeat center;
        background-size: cover;
    }
    .ci_s02_wrap,
    .ci_s03_wrap,
    .ci_s04_wrap {
        width: 1260px;
        margin: 70px auto;
    }
    .ci_s02_wrap .ci_ibx {
        margin-top: 25px;
    }
    .ci_s03_wrap:after {
        content: '';
        display: block;
        clear: both;
    }
    .ci_s03_wrap > div {
        float: left;
    }
    .ci_s04_wrap:after {
        content: '';
        display: block;
        clear: both;
    }
    .ci_s04_wrap > div {
        float: left;
    }
    .ci_s03_wrap .ci_tbx,
    .ci_s04_wrap .ci_tbx {
        width: 590px;
        margin-right: 80px;
    }
    .ss_slide_wrap {
        position: relative;
        width: 100%;
        height: 530px;
    }
    .gray_bg {
        background: #f7f7f7;
    }
    .area_ss_slide {
        padding-top: 80px;
    }
    .area_ss_slide:after {
        content: '';
        display: block;
        clear: both;
    }
    .area_ss_slide > div {
        float: left;
    }
    .ss_tbx {
        width: 613px;
        margin-right: 80px;
    }
    .st12 > span {
        color: #326cb8;
        font-family: 'arial', sans-serif;
        font-size: 45px;
        font-weight: bold;
        padding-right: 18px;
    }
    .ss_slide {
        width: 550px !important;
    }
    .ss_slide_wrap .ss_slide .slide {
        width: 100%;
    }

    .ss_slide_wrap .bx-wrapper .bx-controls-direction a {
        position: absolute;
        z-index: 200;
        bottom: 108px;
        display: block;
        width: 70px;
        height: 45px;
    }
    .ss_slide_wrap .bx-wrapper .bx-prev {
        left: -23px;
        background-image: url(../images/ss_arrow_l.png);
    }
    .ss_slide_wrap .bx-wrapper .bx-next {
        right: -23px;
        background-image: url(../images/ss_arrow_r.png);
    }
    .ss_slide_wrap .bx-controls-direction a:first-child:hover {
        background-image: url(../images/ss_arrow_l_on.png);
    }
    .ss_slide_wrap .bx-controls-direction a:last-child:hover {
        background-image: url(../images/ss_arrow_r_on.png);
    }


    .busi02_01bx .busi02_tbx {
        width: 590px;
        margin-right: 120px;
    }
    .busi02_01bx .busi02_ibx {
        width: 550px;
    }
    .busi02_02bx {
        margin-top: 70px;
    }
    .busi02_02bx .busi02_tbx {
        width: 680px;
        margin-left: 80px;
    }
    .busi02_02bx .busi02_ibx {
        width: 500px;
    }
    .ib_text {
        text-align: center;
        font-size: 16px;
        font-weight: 400;
        margin-top: 10px;
        letter-spacing: -1px;
    }
    .rect_list_b {
        margin: 10px 0 26px;
    }
    .rect_list_b > li {
        background: url(../images/rect_b.gif) no-repeat left center;
        padding-left: 13px;
        font-size: 16px;
        color: #555;
        font-weight: 300;
        margin-bottom: 8px;
    }
    .rect_list_b > li:last-child {
        margin-bottom: 0;
    }



    .area_busi03:after {
        content: '';
        display: block;
        clear: both;
    }
    .area_busi03 > div {
        float: left;
    }
    .busi03_01bx .busi03_tbx {
        width: 750px;
        margin-right: 128px;
    }
    .busi03_01bx .busi03_ibx {
        width: 382px;
    }
    .busi03_02bx {
        margin-top: 70px;
    }
    .area_busi03_ibx:after {
        content: '';
        display: block;
        clear: both;
    }
    .area_busi03_ibx > div {
        float: left;
        width: 418px;
        height: 279px;
        margin-right: 3px;
    }
    .area_busi03_ibx > div:last-child {
        margin-right: 0;
    }
    .busi04_02bx {
        position: relative;
        margin-top: 70px;
    }
    .busi04_02bx .busi04_ibx {
        position: absolute;
        right: 0;
        top: 0;
    }
    .busi04_03bx {
        margin-top: 70px;
    }
    .busi04_tbx02 {
        margin-top: 65px;
    }
    .busi04_03bx > div:after {
        content: '';
        display: block;
        clear: both;
    }
    .busi04_03bx > div > div {
        float: left;
        width: 418px;
        height: 279px;
        margin-right: 3px;
    }
    .busi04_03bx > div > div:last-child {
        margin: 0;
    }
    .area_busi05:after {
        content: '';
        display: block;
        clear: both;
    }
    .area_busi05 > div {
        float: left;
    }
    .busi05_01bx .busi05_tbx {
        width: 750px;
        margin-right: 128px;
    }
    .busi05_01bx .busi05_ibx {
        width: 382px;
    }
    .busi05_02bx {
        margin-top: 70px;
    }
    .busi05_3ibx:after {
        content: '';
        display: block;
        clear: both;
    }
    .busi05_3ibx > div {
        float: left;
        width: 418px;
        height: 279px;
        margin-right: 3px;
    }
    .busi05_3ibx > div:last-child {
        margin: 0;
    }
    .busi06_wrap {
        height: 849px;
        background: url(../images/busi06_bg.jpg) no-repeat center;
        background-size: cover;
        margin-bottom: 70px;
    }
    .bx_m02 {
        position: absolute;
        top: 85px;
        right: 0;
        width: 590px;
    }
    .st15 > span {
        font-weight: bold;
    }
    .st16 > span {
        color: #000;
    }
    .stb_info {
        margin-top: 50px;
        width: 100%;
    }
    .stb_01 {
        text-align: left;
        color: #3365bc;
        font-size: 16px;
        font-weight: 400;
    }
    .stb_02 {
        text-align: left;
        color: #555;
        font-size: 16px;
        font-weight: 400;
        padding: 14px 0;
    }
    .stb_info tr:first-child .stb_01 {
        border-top: 2px solid #3365bc;
    }
    .stb_info tr:first-child .stb_02 {
        border-top: 2px solid #d5d5d5;
    }
    .stb_info tr {
        border-bottom: 1px solid #d5d5d5;
    }
    .st17 > span {
        color: #333;
        font-weight: 400;
    }
    .btn_map:link,
    .btn_map:visited {
        display: block;
        width: 350px;
        height: 70px;
        background-color: #3365bc;
        background-image: url(../images/busi_arrow_off.png);
        background-position: right 79px center;
        background-repeat: no-repeat;
        color: #fff;
        text-align: center;
        box-sizing: border-box;
        font-size: 22px;
        font-weight: 500;
        line-height: 70px;
        padding-right: 25px;
        margin-top: 30px;
        transition: .3s;
    }
    .btn_map:hover,
    .btn_map:focus {
        color: #3365bc;
        border: 1px solid #3365bc;
        line-height: 68px;
        background-color: #fff;
        background-image: url(../images/busi_arrow_on.png);
    }
    .busi06 .st10 {
        margin-bottom: 25px;
    }
    .m_st17 {
        position: absolute;
        top: 67px;
        left: 268px;
    }
    .busi0602_s01_wrap {
        height: 450px;
        background: url(../images/busi0602_bg.jpg) no-repeat center;
        background-size: cover;
    }
    .bt_flo:after {
        content: '';
        display: block;
        clear: both;
    }
    .bt_flo > div {
        float: left;
    }
    .busi06_s01_tbx {
        width: 480px;
        margin-right: 60px;
    }
    .bs_slide {
        position: relative;
        width: 700px !important;
    }
    .busi0602_s01_wrap .bx-wrapper {
        top: -50px;
    }
    .busi0602_s01_wrap .bs_slide .slide {
        width: 100%;
        height: 450px;
    }
    .busi0602_s01_wrap .bs_slide .slide01 {
        background: url(../images/dss01_01.jpg) no-repeat left top;
        background-size: 100%;
    }
    .busi0602_s01_wrap .bs_slide .slide02 {
        background: url(../images/dss01_02.jpg) no-repeat left top;
        background-size: 100%;
    }
    .busi0602_s01_wrap .bx-wrapper .bx-controls-direction a {
        position: absolute;
        z-index: 200;
        bottom: 108px;
        display: block;
        width: 70px;
        height: 45px;
    }
    .busi0602_s01_wrap .bx-wrapper .bx-prev {
        left: -23px;
        background-image: url(../images/ss_arrow_l.png);
    }
    .busi0602_s01_wrap .bx-wrapper .bx-next {
        right: -23px;
        background-image: url(../images/ss_arrow_r.png);
    }
    .busi0602_s01_wrap .bx-controls-direction a:first-child:hover {
        background-image: url(../images/ss_arrow_l_on.png);
    }
    .busi0602_s01_wrap .bx-controls-direction a:last-child:hover {
        background-image: url(../images/ss_arrow_r_on.png);
    }
    .sc_pt {
        padding-top: 50px;
    }
    .rect_list_b02 > li {
        color: #555;
        font-size: 16px;
        font-weight: 300;
        background: url(../images/rect_b.gif) no-repeat left center;
        padding-left: 11px;
        margin-bottom: 6px;
    }
    .rect_list_b02 > li:last-child {
        margin-bottom: 0;
    }
    .rect_list_b02 > li > span {
        color: #111;
        font-weight: 400;
    }
    .mt70 {
        margin-top: 70px;
    }
    .busi0602_wrap {
        position: relative;
    }
    .st_info02 {
        width: 100%;
    }
    .stb_03 {
        text-align: center;
        color: #3365bc;
        font-size: 16px;
        font-weight: 500;
        padding: 14px 0;
    }
    .st_info02 td {
        text-align: center;
        color: #555;
        font-size: 16px;
        font-weight: 300;
        padding: 14px 0;
    }
    .st_info02 tr:first-child {
        border-top: 3px solid #3365bc;
    }
    .st_info02 tr td,
    .st_info02 tr th {
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }
    .st_info02 tr td.nr_border,
    .st_info02 tr th.nr_border {
        border-right: none;
    }
    .st_info02 tr td.bd_blue {
        border-bottom: 1px solid #3365bc;
    }
    .st_info02 tr:last-child td {
        border-bottom: 1px solid #3365bc;
    }
    .st_info02 tr:last-child th {
        border-bottom: 1px solid #3365bc;
    }
    .vat {
        position: absolute;
        top: 22px;
        right: 0;
        color: #555;
        font-size: 16px;
        font-weight: 300;
    }
    .vat02 {
        position: absolute;
        top: 92px;
        right: 0;
        color: #555;
        font-size: 16px;
        font-weight: 300;
    }
    .vat03 {
        position: absolute;
        top: 0;
        right: 0;
        color: #555;
        font-size: 16px;
        font-weight: 300;
    }
    .st_info02_list > li {
        color: #555;
        font-size: 16px;
        font-weight: 300;
        margin-bottom: 6px;
        text-align: left;
        padding-left: 45px;
    }
    .st_info02_list > li:last-child {
        margin-bottom: 0;
    }
    .st_info02_list > li.info02_list_bold {
        font-weight: 400;
        color: #111;
        margin-bottom: 10px;
    }
    .busi0602_s07_wrap a {
        display: block;
        width: 350px;
        height: 70px;
        box-sizing: border-box;
        padding-right: 30px;
        font-size: 20px;
        font-weight: 500;
        line-height: 70px;
        text-align: center;
    }
    .btn_down01:link,
    .btn_down01:visited {
        background-color: #3365bc;
        background-image: url(../images/busi_arrow_off.png);
        background-position: right 49px center;
        background-repeat: no-repeat;
        color: #fff;
    }
    .btn_down01:hover,
    .btn_down01:focus {
        background-color: #fff;
        color: #3365bc;
        border: 2px solid #3365bc;
        line-height: 66px;
        background-image: url(../images/busi_arrow_on.png);
    }
    .btn_down02:link,
    .btn_down02:visited {
        background-color: #fff;
        background-image: url(../images/busi_arrow_on.png);
        background-position: right 49px center;
        background-repeat: no-repeat;
        color: #3365bc;
        border: 2px solid #3365bc;
        line-height: 66px;
    }
    .btn_down02:hover,
    .btn_down02:focus {
        background-color: #3365bc;
        color: #fff;
        line-height: 70px;
        border: none;
        background-image: url(../images/busi_arrow_off.png);
    }
    .busi0602_s07_wrap span {
        display: inline-block;
        width: 350px;
    }
    .area_btn_down01 {
        margin-right: 18px;
    }
    .inv02_wrap {
        position: relative;
        width: 1260px;
        margin: 0 auto;
    }

    .inv03_wrap {
        position: relative;
        width: 1260px;
        margin: 0 auto;
        padding-top: 30px;
    }
    .area_inv03 {
        margin-top: 75px;
    }
    .area_inv03:after {
        content: '';
        display: block;
        clear: both;
    }
    .area_inv03 > div {
        float: left;
        width: 590px;
    }
    .inv03_bx01,
    .inv03_bx02 {
        margin-bottom: 50px;
    }
    .inv03_bx01,
    .inv03_bx03 {
        margin-right: 80px;
    }
    .inv04_wrap {
        height: 500px;
        background: url(../images/inv04_bg.jpg) no-repeat center;
        background-size: cover;
        margin-bottom: 80px;
    }
    .area_inv_down {
        border-top: 3px solid #4673c2;
        border-bottom: 1px solid #4673c2;
    }
    .inv_down_list > li {
        position: relative;
        color: #555;
        font-size: 16px;
        font-weight: 300;
        border-top: 1px solid #ccc;
        padding: 22px 0 22px 102px;
    }
    .inv_down {
        position: absolute;
        right: 108px;
        top: 14px;
    }
    .btn_inv_down:link,
    .btn_inv_down:visited {
        display: block;
        width: 170px;
        height: 40px;
        color: #fff;
        text-align: center;
        line-height: 40px;
        font-family: 'arial', sans-serif;
        font-size: 12px;
        font-weight: bold;
        box-sizing: border-box;
        padding-right: 30px;
        background-color: #3365bc;
        background-image: url(../images/busi_arrow_off.png);
        background-position: right 25px top 15px;
        background-repeat: no-repeat;
    }
    .area_adobe {
        position: relative;
        margin-top: 40px;
        height: 110px;
        background: #f5f5f5;
    }
    .adobe_text {
        font-size: 20px;
        font-weight: 300;
        padding: 40px 0 40px 90px;
        background: url(../images/icon_pencil.png) no-repeat left center;
        margin-left: 60px;
    }
    .adobe_text > span {
        font-size: 20px;
        font-weight: 500;
        color: #000;
    }
    .btn_adobe {
        position: absolute;
        right: 62px;
        top: 20px;
        text-indent: -9999em;
        display: block;
        width: 350px;
        height: 70px;
        background: url(../images/adobe.jpg);
    }
    .pr01_wrap {
        height: 500px;
        background: url(../images/pr01_bg.jpg) no-repeat center;
        background-size: cover;
        margin-bottom: 80px;
    }
    .area_pr01:after {
        content: '';
        display: block;
        clear: both;
    }
    .area_pr01 > div {
        float: left;
    }
    .area_pr_video {
        position: relative;
        width: 550px;
        height: 310px;
        margin-right: 120px;
    }
    .area_pr_video > div {
        position: absolute;
        top: 0;
        left: 0;
    }
    .video_kor {
        z-index: 30;
    }
    .video_eng {
        display: none;
        z-index: 20;
    }
    .video_ind {
        display: none;
        z-index: 10;
    }
    .area_video_s {
        width: 590px;
        margin-top: 100px;
        min-height: 300px;
    }
    .video_select {
        position: relative;
        bottom: 0;
        border: 1px solid #ddd;
        background: #fff;
        margin-top: 30px;
        width: 450px;
    }
    .video_list > li > a:link,
    .video_list > li > a:visited {
        font-size: 15px;
        font-weight: 300;
        color: #333;
        height: 45px;
        width: 450px;
        line-height: 45px;
        padding-left: 30px;
        display: block;
    }
    .video_first_t {
        font-size: 15px;
        font-weight: 300;
        box-sizing: border-box;
        color: #333;
        height: 45px;
        width: 450px;
        line-height: 45px;
        padding-left: 30px;
        background: url(../images/video_arrow.png) no-repeat center right 33px;
        cursor: pointer;
        position: relative;
    }
    .pr03_wrap {
        height: 600px;
        background: url(../images/pr03_bg.jpg) no-repeat center;
        background-size: cover;
    }
    .area_pr03 {
        padding-top: 150px;
    }
    .area_pr03:after {
        content: '';
        display: block;
        clear: both;
    }
    .area_pr03 > div {
        float: left;
        width: 320px;
        height: 320px;
        box-sizing: border-box;
        margin-right: 100px;
        border: 1px solid #fff;
    }
    .area_pr03 > div:first-child {
        margin-left: 49px;
    }
    .area_pr03 > div:last-child {
        margin-right: 0;
    }
    .pr03_bx .st21 {
        padding-top: 85px;
        margin-bottom: 10px;
        margin-top: 65px;
    }
    .pr03_bx01 .st21 {
        background: url(../images/pr03_icon01.png) no-repeat top center;
    }
    .pr03_bx02 .st21 {
        background: url(../images/pr03_icon02.png) no-repeat top center;
    }
    .pr03_bx03 .st21 {
        background: url(../images/pr03_icon03.png) no-repeat top center;
    }
    .ps_slide_wrap {
        margin-top: 90px;
    }
    .area_ps_slide {
        position: relative;
        width: 900px;
        margin: 30px auto 0;
    }
    #lSAction a {
        position: absolute;
        top: 50%;
        display: block;
        text-indent: -9999em;
        width: 60px;
        height: 60px;
        cursor: pointer;
    }
    #lSAction a.lSPrev {
        background: url(../images/ps_arrow_l.png);
        left: -97px;
    }
    #lSAction a.lSNext {
        background: url(../images/ps_arrow_r.png);
        right: -97px;
    }
    .pr04_s01_wrap {
        height: 550px;
        background: url(../images/pr04_bg.jpg) no-repeat center;
        background-size: cover;
    }
    .st24 > span {
        font-weight: bold;
    }
    .pr04_s01_wrap .st06 {
        line-height: 1.9;
        margin-top: 25px;
    }
    .pr04_s02_wrap {
        margin-top: 70px;
    }
    .inf_list > li {
        font-size: 16px;
        font-weight: 300;
        color: #555;
        margin-bottom: 12px;
    }
    .inf_list > li > span {
        font-weight: 400;
        color: #111;
    }
    .inf_list > li:last-child {
        margin-bottom: 0;
    }
    .pr04_s02_bx01 .st10 {
        margin-bottom: 20px;
    }
    .pr04_s02_bx02 {
        margin-top: 55px;
    }
    .pr04_s02_bx02 .rect_list_b > li {
        margin-bottom: 12px;
    }
    .rect_list_b > li.list_b_top {
        background: url(../images/rect_b.gif) no-repeat left top 16px;
        line-height: 2.1;
    }
    .pr04_s02_bx03 {
        position: absolute;
        top: 0;
        right: 0;
    }
    .pr04_s03_wrap {
        margin-top: 80px;
        height: 730px;
        background: url(../images/pr04_bg02.jpg) no-repeat center;
        background-size: cover;
    }
    .st26 > span {
        font-size: 30px;
        font-weight: 400;
    }
    .area_las_slide {
        padding-top: 100px;
    }
    .area_las_slide:after {
        content: '';
        display: block;
        clear: both;
    }
    .area_las_slide > div {
        float: left;
    }
    .last_tbx {
        width: 350px;
        margin-right: 80px;
    }
    .last_tbx .st06 {
        margin-top: 30px;
    }
    .area_btn_pr04 {
        position: relative;
        width: 310px;
        height: 65px;
        overflow: hidden;
        display: block;
        margin-top: 30px;
    }
    .btn_pr04_bg {
        position: absolute;
        top: 0;
        left: -310px;
        display: block;
        text-indent: -9999em;
        width: 310px;
        height: 65px;
        background: #fff;
    }
    .btn_pr04:link,
    .btn_pr04:visited {
        position: relative;
        display: block;
        width: 310px;
        height: 65px;
        line-height: 63px;
        color: #fff;
        text-align: center;
        background-color: transparent;
        border: 1px solid #fff;
        font-size: 20px;
        box-sizing: border-box;
        font-weight: 500;
        background-image: url(../images/busi_arrow_off.png);
        background-repeat: no-repeat;
        background-position: center right 33px;
        padding-right: 24px;
    }
    .btn_pr04:hover,
    .btn_pr04:focus {
        color: #333;
        background-image: url(../images/csr_arrow_on.png);
    }
    .las_slide {
        position: relative;
        width: 800px !important;
    }
    .pr04_s03_wrap .las_slide .slide {
        width: 100%;
        height: 530px;
    }
    .pr04_s03_wrap .las_slide .slide01 {
        background: url(../images/las_01.jpg) no-repeat center;
        background-size: cover;
    }
    .pr04_s03_wrap .las_slide .slide02 {
        background: url(../images/las_02.jpg) no-repeat center;
        background-size: cover;
    }
    .pr04_s03_wrap .las_slide .slide03 {
        background: url(../images/las_03.jpg) no-repeat center;
        background-size: cover;
    }
    .pr04_s03_wrap .las_slide .slide04 {
        background: url(../images/las_04.jpg) no-repeat center;
        background-size: cover;
    }
    .pr04_s03_wrap .bx-wrapper .bx-controls-direction a {
        position: absolute;
        z-index: 200;
        bottom: 95px;
        display: block;
        width: 70px;
        height: 45px;
    }
    .pr04_s03_wrap .bx-wrapper .bx-prev {
        left: -35px;
        background-image: url(../images/ss_arrow_l.png);
    }
    .pr04_s03_wrap .bx-wrapper .bx-next {
        right: -35px;
        background-image: url(../images/ss_arrow_r.png);
    }
    .pr04_s03_wrap .bx-controls-direction a:first-child:hover {
        background-image: url(../images/ss_arrow_l_on.png);
    }
    .pr04_s03_wrap .bx-controls-direction a:last-child:hover {
        background-image: url(../images/ss_arrow_r_on.png);
    }
    .block_pc {
        display: block;
    }
    .block_tb {
        display: none;
    }
}


/* ÇǾ¾ end */

/*  ÅÂºí¸´ start */

@media screen and (min-width:768px) and (max-width:1289px) {
    .sub_nav {
        width: 100%;
    }
    .sub_contents_wrap {
        position: relative;
        width: 100%;
    }
    .area_sub_contents {
        position: relative;
        width: 100%;
        margin: 0%;
    }


    .cpy01 {
    background-image: url(../images/aboutus20.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #f5f5f5;
    background-size: 100%;
    }
    .bg_dd {
        color: #3365bc;
        margin-bottom: 45px;
        font-size: 4em;
        font-weight: 300;
        padding-left: 75px;
        background: url(../images/cpy01_dd.png) no-repeat left center;
        background-size: 54px;
    }
    .bg_dd > span {
        font-weight: bold;
    }
    .st01 {
        font-size: 1.5em;
        font-weight: 300;
        color: #555;
        line-height: 2;
    }
    .st02 {
        color: #666;
        font-size: 1.5em;
        font-weight: 400;
        text-align: left;
        line-height: 1.5;
    }
    .st03 {
        margin-top: 40px;
        text-align: center;
        color: #fff;
        font-size: 2em;
        font-weight: 300;
    }
    .st04 {
        color: #fff;
        font-size: 1.8em;
        font-weight: 300;
        padding: 20% 0 3%;
    }
    .st05 {
        font-family: 'arial', sans-serif;
        font-size: 1.3em;
        font-weight: 400;
        color: #72d3ff;
    }
    .st06 {
        color: #fff;
        font-size: 1.4em;
        font-weight: 300;
        margin-top: 20px;
        line-height: 1.7;
    }
    .st07 {
        margin-top: 40px;
        font-size: 3em;
        font-weight: 300;
        text-align: center;
    }
    .st08 {
        font-size: 3em;
        font-weight: bold;
        color: #fff;
        line-height: 1.2;
        padding: 90px 0 30px;
        letter-spacing: -1.8px;
    }
    .st09 {
        font-size: 1.6em;
        font-weight: 300;
        color: #fff;
        line-height: 1.7;
        letter-spacing: -1px;
    }
    .st10 {
        font-size: 2.6em;
        font-weight: bold;
        margin-bottom: 15px;
    }
    .st11 {
        color: #555;
        font-size: 1.4em;
        font-weight: 300;
        line-height: 1.9;
        letter-spacing: -1px;
    }
    .st12 {
        font-size: 2em;
        font-weight: 500;
        letter-spacing: -1.5px;
        background: url(../images/b_bar.gif) no-repeat left bottom;
        padding-bottom: 15px;
        margin-bottom: 25px;
        margin-top: 20px;
    }
    .st13 {
        color: #222;
        font-size: 1.4em;
        ;
        font-weight: 400;
        line-height: 1.9;
        letter-spacing: -1px;
    }
    .st14 {
        font-weight: bold;
        font-size: 2.4em;
        letter-spacing: -1px;
        margin-bottom: 20px;
    }
    .st15 {
        font-size: 3.3em;
        font-weight: 400;
        line-height: 1.1;
        letter-spacing: -1px;
        margin-bottom: 15px;
    }
    .st16 {
        font-size: 1.8em;
        font-weight: 400;
        color: #666;
        line-height: 1.4;
        letter-spacing: -1px;
    }
    .st17 {
        color: #555;
        font-size: 1.8em;
        font-weight: 300;
    }
    .st18 {
        color: #fff;
        font-size: 20px;
        font-weight: 300;
    }
    .st19 {
        text-align: center;
        color: #3365bc;
        font-size: 1.5em;
        font-weight: 500;
        padding: 18px 0 15px;
    }
    .st20 {
        font-size: 1.7em;
        font-weight: 500;
    }
    .st21 {
        font-size: 1.8em;
        font-weight: 400;
        text-align: center;
        color: #fff;
    }
    .st22 {
        font-size: 1.3em;
        font-weight: 400;
        text-align: center;
        color: #fff;
        line-height: 1.5;
        padding: 0 4%;
    }
    .st23 {
        font-size: 2.1em;
        font-weight: 300;
        text-align: center;
        letter-spacing: -1px;
    }
    .st24 {
        font-size: 2.5em;
        font-weight: 300;
        letter-spacing: -1px;
        color: #fff;
        line-height: 1.3;
        padding-top: 100px;
    }
    .st25 {
        font-size: 20px;
        font-weight: 500;
        letter-spacing: -1px;
        color: #111;
    }
    .st26 {
        font-size: 4.2em;
        font-weight: bold;
        font-family: 'arial', sans-serif;
        letter-spacing: -1px;
        line-height: 1;
        color: #fff;
        padding-top: 30px;
        padding-bottom: 20px;
        background: url(../images/busi_text_bar.gif) no-repeat left bottom;
    }
    .name_sign {
        color: #010101;
        font-size: 1.6em;
        font-weight: 400;
        display: block;
        text-align: right;
        margin-top: 30px;
        padding: 10px 100px 10px 0;
        background: url(../images/cpy01_sign.jpg) no-repeat right center;
        background-size: 90px;
    }
    .bx_m {
         padding: 54% 0 3%;
    }
    .block_pc {
        display: none;
    }
    .block_tb {
        display: block;
    }
    .cpy_list > li {
        position: relative;
        font-size: 1.4em;
    }
    .cpy_list > li.cpy_day {
        font-size: 2.3em;
    }
    .cpy_list01 {
        top: 420px;
        left: 54%;
    }
    .cpy_list02 {
        top: 530px;
        right: 54%;
    }
    .cpy_list03 {
        top: 660px;
        left: 54%;
    }
    .cpy_list04 {
        top: 760px;
        right: 54%;
    }
    .cpy_list05 {
        top: 870px;
        left: 54%;
    }
    .cpy_list06 {
        top: 975px;
        right: 54%;
    }
    .cpy_list07 {
        top: 1055px;
        left: 54%;
    }
    .cpy_list08 {
        top: 1185px;
        right: 54%;
    }
    .cpy_list09 {
        top: 1290px;
        left: 54%;
    }
    .cpy_list10 {
        top: 1395px;
        right: 54%;
    }
    .cpy_list11 {
        top: 1475px;
        left: 54%;
    }
    .cpy_list12 {
        top: 1580px;
        right: 54%;
    }
    .cpy_list13 {
        top: 1715px;
        left: 54%;
    }
    .cpy_list14 {
        top: 1825px;
        right: 54%;
    }
    .cpy_list15 {
        top: 1965px;
        left: 54%;
    }
    .cpy_list16 {
        top: 2070px;
        right: 54%;
    }
    .cpy_list17 {
        top: 2155px;
        left: 54%;
    }
    .cpy_list18 {
        top: 2260px;
        right: 54%;
    }
    .cpy_list19 {
        top: 2340px;
        left: 54%;
    }
    .cpy_list20 {
        top: 2425px;
        right: 54%;
    }
    .pl_tb {
        padding-left: 27px;
        line-height: 1.5;
    }
    .pr_tb {
        padding-right: 27px;
        line-height: 1.5;
    }
    .pa_tb {
        position: absolute;
        right: 0;
        top: 0;
    }
    .pa_tb02 {
        position: absolute;
        left: 0;
        top: 0;
    }


    .cpy04_s01_wrap {
        margin-bottom: 70px;
    }
    .cpy04_s01_wrap > .area_sub_contents {
        text-align: center;

    }

    .cpy04_s01_wrap > div > div {
        margin-bottom: 20px;
    }

    .cpy04_s01_wrap > div > div:last-child {
        margin-bottom: 0;
    }

    .cpy04_s01_01tb {
        background: url(../images/cpy03_01_bt.png) no-repeat left center;
        padding: 100px 0 100px 395px;
        display: inline-block;
    }

    .cpy04_s01_02tb {
        background: url(../images/cpy03_02_bt.png) no-repeat left center;
        padding: 100px 0 100px 395px;
        display: inline-block;
    }

    .cpy04_s01_03tb {
        background: url(../images/cpy03_03_bt.png) no-repeat left center;
        padding: 100px 0 100px 395px;
        display: inline-block;
    }

    .cpy04_title {
        font-size: 4em;
    }

    .cpy04_s04_wrap > .area_sub_contents {
        text-align: center;
        width: 690px;
        margin: 0 auto;
    }
    .area_4bx {
        margin-top: 125px;
    }
    .area_4bx > div {
        float: left;
        width: 135px;
        margin-right: 50px;
    }

    .bx01_01 {
        width: 135px;
        height: 135px;
        background: url(../images/cpy03_01.png) no-repeat left top;
        background-size: 100%;
    }

    .bx01_02 {
        width: 135px;
        height: 135px;
        background: url(../images/cpy03_02.png) no-repeat left top;
        background-size: 100%;
        margin-right: 105px;
    }
    .bx01_03 {
        width: 135px;
        height: 135px;
        background: url(../images/cpy03_03.png) no-repeat left top;
        background-size: 100%;
        margin-right: 105px;
    }
    .bx01_04 {
        width: 135px;
        height: 135px;
        background: url(../images/cpy03_04.png) no-repeat left top;
        background-size: 100%;
    }


    .ci_s01_wrap {
        height: 500px;
        background: url(../images/cpy04_bg.jpg) no-repeat center;
        background-size: cover;
    }
    .ci_s02_wrap,
    .ci_s03_wrap,
    .ci_s04_wrap {
        width: 92%;
        margin: 70px 4% 0 4%;
    }
    .ci_s02_wrap .ci_ibx {
        margin-top: 25px;
    }
    .ci_s03_wrap:after {
        content: '';
        display: block;
        clear: both;
    }
    .ci_s03_wrap > div {
        float: left;
    }
    .ci_s04_wrap:after {
        content: '';
        display: block;
        clear: both;
    }
    .ci_s04_wrap > div {
        float: left;
    }
    .ci_s03_wrap .ci_tbx,
    .ci_s04_wrap .ci_tbx {
        width: 54%;
        margin-right: 4%;
    }

    .ci_s03_wrap .ci_ibx,
    .ci_s04_wrap .ci_ibx {
        width: 42%;
    }

    .ci_ibx img {
        width: 100%;
        height: auto;
    }


    #daumRoughmapContainer1531386801081 {
        width: 100% !important;
    }



    .ss_slide_wrap {
        position: relative;
        width: 100%;
        height: 480px;
    }


    .gray_bg {
        background: #f7f7f7;
    }
    .area_ss_slide {
        padding-top: 40px;
    }
    .area_ss_slide:after {
        content: '';
        display: block;
        clear: both;
    }
    .area_ss_slide > div {
        float: left;
    }
    .area_ss_slide > div.bx-wrapper {
        width: 50% !important;
        margin-top: 3% !important;
    }

    .ss_tbx {
        width: 45%;
        margin-right: 5%;
    }
    .st12 > span {
        color: #326cb8;
        font-family: 'arial', sans-serif;
        font-size: 1.3em;
        font-weight: bold;
        padding-right: 18px;
    }
    .ss_slide {
        width: 100% !important;
    }
    .ss_slide_wrap .ss_slide .slide {
        width: 100%;
    }


    .ss_slide_wrap .bx-wrapper .bx-controls-direction a {
        position: absolute;
        z-index: 200;
        bottom: 30%;
        display: block;
        width: 50px;
        height: 32px;
    }
    .ss_slide_wrap .bx-wrapper .bx-prev {
        left: -20px;
        background-image: url(../images/ss_arrow_l.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }
    .ss_slide_wrap .bx-wrapper .bx-next {
        right: -20px;
        background-image: url(../images/ss_arrow_r.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }
    .ss_slide_wrap .bx-controls-direction a:first-child:hover {
        background-image: url(../images/ss_arrow_l_on.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }
    .ss_slide_wrap .bx-controls-direction a:last-child:hover {
        background-image: url(../images/ss_arrow_r_on.png);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }

    .busi02_01bx img,
    .busi02_02bx img {
        width: 100%;
        height: auto;
    }


    .busi02_01bx .busi02_tbx {
        width: 45%;
        margin-right: 5%;
    }
    .busi02_01bx .busi02_ibx {
        width: 50%;
    }
    .busi02_02bx {
        margin-top: 70px;
    }
    .busi02_02bx .busi02_tbx {
        width: 50%;
        margin-left: 5%;
    }
    .busi02_02bx .busi02_ibx {
        width: 45%;
    }
    .ib_text {
        text-align: center;
        font-size: 1.4em;
        font-weight: 400;
        margin-top: 10px;
        letter-spacing: -1px;
    }
    .rect_list_b {
        margin: 10px 0 26px;
    }
    .rect_list_b > li {
        background: url(../images/rect_b.gif) no-repeat left center;
        padding-left: 13px;
        font-size: 1.4em;
        color: #555;
        font-weight: 300;
        margin-bottom: 8px;
        line-height: 1.6;
    }
    .rect_list_b > li:last-child {
        margin-bottom: 0;
    }



    .area_busi03:after {
        content: '';
        display: block;
        clear: both;
    }
    .area_busi03 > div {
        float: left;
    }
    .busi03_01bx .busi03_tbx {
        width: 60%;
        margin-right: 5%;
    }
    .busi03_01bx .busi03_ibx {
        width: 35%;
    }

    .busi03_01bx .busi03_ibx img {
        width: 100%;
        height: auto;
    }
    .busi03_02bx {
        margin-top: 70px;
    }
    .area_busi03_ibx:after {
        content: '';
        display: block;
        clear: both;
    }
    .area_busi03_ibx > div {
        float: left;
        width: 32.666%;
        margin-right: 1%;
    }

    .area_busi03_ibx > div > img {
        width: 100%;
        height: auto;
    }

    .area_busi03_ibx > div:last-child {
        margin-right: 0;
    }





    .busi04_02bx {
        position: relative;
        margin-top: 70px;
    }

    .busi04_02bx .busi04_tbx {
        width: 55%;
    }
    .busi04_02bx .busi04_ibx {
        position: absolute;
        right: 0;
        top: 0;
        width: 35%;
    }

    .busi04_02bx .busi04_ibx img {
        width: 100%;
        height: auto;
    }
    .busi04_03bx {
        margin-top: 70px;
    }
    .busi04_tbx02 {
        margin-top: 65px;
    }
    .busi04_03bx > div:after {
        content: '';
        display: block;
        clear: both;
    }
    .busi04_03bx > div > div {
        float: left;
        width: 32.666%;
        margin-right: 1%;
    }

    .busi04_ibx img {
        width: 100%;
        height: auto;
    }
    .busi04_03bx > div > div:last-child {
        margin: 0;
    }


    .area_busi05:after {
        content: '';
        display: block;
        clear: both;
    }
    .area_busi05 > div {
        float: left;
    }
    .busi05_01bx .busi05_tbx {
        width: 50%;
        margin-right: 5%;
    }
    .busi05_01bx .busi05_ibx {
        width: 45%;
    }

    .busi05_01bx .busi05_ibx img {
        width: 100%;
        height: auto;
    }
    .busi05_02bx {
        margin-top: 70px;
    }
    .busi05_3ibx:after {
        content: '';
        display: block;
        clear: both;
    }
    .busi05_3ibx > div {
        float: left;
        width: 32.666%;
        margin-right: 1%;
    }
    .busi05_3ibx > div:last-child {
        margin: 0;
    }

    .busi05_3ibx > div img {
        width: 100%;
        height: auto;
    }

    .area_tab_menu {
        width: 92%;
        height: 60px;
        margin: 0 4% 80px;
        text-align: center;
    }

    .busi06_wrap {
           background-image: url(../images/tb_busi06_bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #f5f5f5;
    background-size: 100%;
	padding-bottom:30px;
	margin-bottom:40px;
    }
    .bx_m02 {
      width:100%;
	  padding:47% 0 0;
    }
    .st15 > span {
        font-weight: bold;
    }
    .st16 > span {
        color: #000;
    }
    .stb_info {
        margin-top: 50px;
        width: 100%;
    }
    .stb_01 {
        text-align: left;
        color: #3365bc;
        font-size: 16px;
        font-weight: 400;
    }
    .stb_02 {
        text-align: left;
        color: #555;
        font-size: 16px;
        font-weight: 400;
        padding: 14px 0;
    }
    .stb_info tr:first-child .stb_01 {
        border-top: 2px solid #3365bc;
    }
    .stb_info tr:first-child .stb_02 {
        border-top: 2px solid #d5d5d5;
    }
    .stb_info tr {
        border-bottom: 1px solid #d5d5d5;
    }
    .st17 > span {
        color: #333;
        font-weight: 400;
    }
    .btn_map:link,
    .btn_map:visited {
        display: block;
        width: 350px;
        height: 70px;
        background-color: #3365bc;
        background-image: url(../images/busi_arrow_off.png);
        background-position: right 79px center;
        background-repeat: no-repeat;
        color: #fff;
        text-align: center;
        box-sizing: border-box;
        font-size: 22px;
        font-weight: 500;
        line-height: 70px;
        padding-right: 25px;
        margin-top: 30px;
        transition: .3s;
    }
    .btn_map:hover,
    .btn_map:focus {
        color: #3365bc;
        border: 1px solid #3365bc;
        line-height: 68px;
        background-color: #fff;
        background-image: url(../images/busi_arrow_on.png);
    }
    .busi06 .st10 {
        margin-bottom: 25px;
    }




    .busi06 .st10 {
        margin-bottom: 25px;
    }
    .m_st17 {
        position: absolute;
        top: 59px;
        left: 268px;
    }
    .busi0602_s01_wrap {
        height: 450px;
        background: url(../images/busi0602_bg.jpg) no-repeat center;
        background-size: cover;
    }

    .busi06_s01_tbx {
        width: 45%;
        margin-right: 5%;
    }

    .busi0602_s01_wrap .bx-wrapper {
        position: absolute;
        top: 25%;
        right: 0;
        width: 50% !important;
    }

    .bs_slide {
        position: relative;
        width: 100% !important;
    }


    .busi0602_s01_wrap .bx-wrapper .bx-controls-direction a {
        position: absolute;
        z-index: 200;
        bottom: 30%;
        display: block;
        width: 50px;
        height: 32px;
    }
    .busi0602_s01_wrap .bx-wrapper .bx-prev {
        left: -23px;
        background-image: url(../images/ss_arrow_l.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }
    .busi0602_s01_wrap .bx-wrapper .bx-next {
        right: -23px;
        background-image: url(../images/ss_arrow_r.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }
    .busi0602_s01_wrap .bx-controls-direction a:first-child:hover {
        background-image: url(../images/ss_arrow_l_on.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }
    .busi0602_s01_wrap .bx-controls-direction a:last-child:hover {
        background-image: url(../images/ss_arrow_r_on.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }
    .sc_pt {
        padding-top: 50px;
    }
    .rect_list_b02 > li {
        color: #555;
        font-size: 16px;
        font-weight: 300;
        background: url(../images/rect_b.gif) no-repeat left center;
        padding-left: 11px;
        margin-bottom: 6px;
    }
    .rect_list_b02 > li:last-child {
        margin-bottom: 0;
    }
    .rect_list_b02 > li > span {
        color: #111;
        font-weight: 400;
    }
    .mt70 {
        margin-top: 70px;
    }
    .busi0602_wrap {
        position: relative;
    }
    .st_info02 {
        width: 100%;
    }
    .stb_03 {
        text-align: center;
        color: #3365bc;
        font-size: 1.5em;
        font-weight: 500;
        padding: 14px 0;
    }
    .st_info02 td {
        text-align: center;
        color: #555;
        font-size: 1.5em;
        font-weight: 300;
        padding: 14px 0;
    }
    .st_info02 tr:first-child {
        border-top: 3px solid #3365bc;
    }
    .st_info02 tr td,
    .st_info02 tr th {
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }
    .st_info02 tr td.nr_border,
    .st_info02 tr th.nr_border {
        border-right: none;
    }
    .st_info02 tr td.bd_blue {
        border-bottom: 1px solid #3365bc;
    }
    .st_info02 tr:last-child td {
        border-bottom: 1px solid #3365bc;
    }
    .st_info02 tr:last-child th {
        border-bottom: 1px solid #3365bc;
    }
    .vat {
        position: absolute;
        top: 22px;
        right: 0;
        color: #555;
        font-size: 1.5em;
        font-weight: 300;
    }
    .vat02 {
        position: absolute;
        top: 92px;
        right: 0;
        color: #555;
        font-size: 1.5em;
        font-weight: 300;
    }
    .vat03 {
        position: absolute;
        top: 0;
        right: 0;
        color: #555;
        font-size: 1.5em;
        font-weight: 300;
    }
    .st_info02_list > li {
        color: #555;

        font-weight: 300;
        margin-bottom: 6px;
        text-align: left;
        padding-left: 45px;
    }
    .st_info02_list > li:last-child {
        margin-bottom: 0;
    }
    .st_info02_list > li.info02_list_bold {
        font-weight: 400;
        color: #111;
        margin-bottom: 10px;
    }
    .busi0602_s07_wrap a {
        display: block;
        width: 300px;
        height: 70px;
        box-sizing: border-box;
        padding-right: 30px;
        font-size: 1.8em;
        font-weight: 500;
        line-height: 70px;
        text-align: center;
    }
    .btn_down01:link,
    .btn_down01:visited {
        background-color: #3365bc;
        background-image: url(../images/busi_arrow_off.png);
        background-position: right 49px center;
        background-repeat: no-repeat;
        color: #fff;
    }
    .btn_down01:hover,
    .btn_down01:focus {
        background-color: #fff;
        color: #3365bc;
        border: 2px solid #3365bc;
        line-height: 66px;
        background-image: url(../images/busi_arrow_on.png);
    }
    .btn_down02:link,
    .btn_down02:visited {
        background-color: #fff;
        background-image: url(../images/busi_arrow_on.png);
        background-position: right 49px center;
        background-repeat: no-repeat;
        color: #3365bc;
        border: 2px solid #3365bc;
        line-height: 66px;
    }
    .btn_down02:hover,
    .btn_down02:focus {
        background-color: #3365bc;
        color: #fff;
        line-height: 70px;
        border: none;
        background-image: url(../images/busi_arrow_off.png);
    }
    .busi0602_s07_wrap span {
        display: inline-block;
        width: 300px;
    }
    .area_btn_down01 {
        margin-right: 18px;
    }



    .inv02_wrap {
        position: relative;
        width: 92%;
        margin: 0 4%;
    }

    .inv03_wrap {
        position: relative;
        width: 92%;
        margin: 0 4%;
        padding-top: 30px;
    }
    .area_inv03 {
        margin-top: 75px;
    }
    .area_inv03:after {
        content: '';
        display: block;
        clear: both;
    }
    .area_inv03 > div {
        float: left;
        width: 48%;
    }

    .area_inv03 > div img {
        width: 100%;
        height: auto;
    }

    .inv03_bx01,
    .inv03_bx02 {
        margin-bottom: 30px;
    }
    .inv03_bx01,
    .inv03_bx03 {
        margin-right: 4%;
    }

    .inv04_wrap {
        height: 500px;
        background: url(../images/inv04_bg.jpg) no-repeat center;
        background-size: cover;
        margin-bottom: 80px;
    }
    .area_inv_down {
        border-top: 3px solid #4673c2;
        border-bottom: 1px solid #4673c2;
    }
    .inv_down_list > li {
        position: relative;
        color: #555;
        font-size: 1.5em;
        font-weight: 300;
        border-top: 1px solid #ccc;
        padding: 22px 0 22px 102px;
    }
    .inv_down {
        position: absolute;
        right: 108px;
        top: 14px;
    }
    .btn_inv_down:link,
    .btn_inv_down:visited {
        display: block;
        width: 170px;
        height: 40px;
        color: #fff;
        text-align: center;
        line-height: 40px;
        font-family: 'arial', sans-serif;
        font-weight: bold;
        box-sizing: border-box;
        padding-right: 30px;
        background-color: #3365bc;
        background-image: url(../images/busi_arrow_off.png);
        background-position: right 25px top 15px;
        background-repeat: no-repeat;
    }
    .area_adobe {
        position: relative;
        margin-top: 40px;
        height: 110px;
        background: #f5f5f5;
    }
    .adobe_text {
        font-size: 1.6em;
        font-weight: 300;
        padding: 35px 0 40px 90px;
        background: url(../images/icon_pencil.png) no-repeat left center;
        background-size: 55px;
        margin-left: 30px;
        width: 37%;
    }
    .adobe_text > span {
        font-size: 1em;
        font-weight: 500;
        color: #000;
    }
    .btn_adobe {
        position: absolute;
        right: 40px;
        top: 30px;
        text-indent: -9999em;
        display: block;
        width: 270px;
        height: 54px;
        background: url(../images/adobe.jpg) no-repeat left top;
        background-size: 100%;
    }




    .pr01_wrap {
        height: 500px;
        background: url(../images/pr01_bg.jpg) no-repeat center;
        background-size: cover;
        margin-bottom: 80px;
    }
    .area_pr01:after {
        content: '';
        display: block;
        clear: both;
    }
    .area_pr01 > div {
        float: left;
    }
    .area_pr_video {
        position: relative;
        width: 50%;
        height: 280px;
        margin-right: 5%;
    }
    .area_pr_video > div {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .area_pr_video > div iframe {
        width: 100%;
        height: 100%;
    }
    .video_kor {
        z-index: 30;
    }
    .video_eng {
        display: none;
        z-index: 20;
    }
    .video_ind {
        display: none;
        z-index: 10;
    }
    .area_video_s {
        width: 45%;
        margin-top: 100px;
        min-height: 300px;
    }
    .video_select {
        position: relative;
        bottom: 0;
        border: 1px solid #ddd;
        background: #fff;
        margin-top: 30px;
        width: 80%;
    }
    .video_list > li > a:link,
    .video_list > li > a:visited {
        font-size: 15px;
        font-weight: 300;
        color: #333;
        height: 45px;
        width: 100%;
        line-height: 45px;
        padding-left: 30px;
        display: block;
    }
    .video_first_t {
        font-size: 15px;
        font-weight: 300;
        box-sizing: border-box;
        color: #333;
        height: 45px;
        width: 100%;
        line-height: 45px;
        padding-left: 30px;
        background: url(../images/video_arrow.png) no-repeat center right 33px;
        cursor: pointer;
        position: relative;
    }


    .pr03_wrap {
        height: 480px;
        background: url(../images/pr03_bg.jpg) no-repeat center;
        background-size: cover;
        text-align: center;
    }
    .area_pr03 {
        padding-top: 120px;
    }

    .pr03_wrap .area_pr03 {
        width: auto;
        display: inline-block;
    }

    .area_pr03:after {
        content: '';
        display: block;
        clear: both;
    }
    .area_pr03 > div {
        float: left;
        width: 207px;
        height: 250px;
        box-sizing: border-box;
        margin-right: 30px;
        border: 1px solid #fff;
        display: inline-block;
    }

    .area_pr03 > div:last-child {
        margin-right: 0;
    }
    .pr03_bx .st21 {
        padding-top: 65px;
        margin-bottom: 10px;
        margin-top: 65px;
    }
    .pr03_bx01 .st21 {
        background: url(../images/pr03_icon01.png) no-repeat top center;
    }
    .pr03_bx02 .st21 {
        background: url(../images/pr03_icon02.png) no-repeat top center;
    }
    .pr03_bx03 .st21 {
        background: url(../images/pr03_icon03.png) no-repeat top center;
    }
    .ps_slide_wrap {
        margin: 90px 4% 0;
        width: 92%;
    }
    .area_ps_slide {
        position: relative;
        width: 100%;
        margin: 30px auto 0;
    }

    .area_ps_slide img {
        width: 100%;
        height: auto;
    }

    #lSAction a {
        position: absolute;
        top: 50%;
        display: block;
        text-indent: -9999em;
        width: 40px;
        height: 40px;
        cursor: pointer;
    }

    #lSAction a.lSPrev {
        background: url(../images/ps_arrow_l.png);
        background-size: 100%;
        left: 0;
    }

    #lSAction a.lSNext {
        background: url(../images/ps_arrow_r.png);
        background-size: 100%;
        right: 0;
    }






    .pr04_s01_wrap {
        height: 550px;
        background: url(../images/pr04_bg.jpg) no-repeat center;
        background-size: cover;
    }
    .st24 > span {
        font-weight: bold;
    }
    .pr04_s01_wrap .st06 {
        line-height: 1.9;
        margin-top: 25px;
    }
    .pr04_s02_wrap {
        margin-top: 70px;
    }
    .inf_list > li {
        font-size: 1.4em;
        font-weight: 300;
        color: #555;
        margin-bottom: 12px;
    }
    .inf_list > li > span {
        font-weight: 400;
        color: #111;
    }
    .inf_list > li:last-child {
        margin-bottom: 0;
    }
    .pr04_s02_bx01 {
        width: 50%;
    }
    .pr04_s02_bx02 {
        width: 60%;
    }
    .pr04_s02_bx01 .st10 {
        margin-bottom: 20px;
    }
    .pr04_s02_bx02 {
        margin-top: 55px;
    }
    .pr04_s02_bx02 .rect_list_b > li {
        margin-bottom: 12px;
    }
    .rect_list_b > li.list_b_top {
        background: url(../images/rect_b.gif) no-repeat left top 16px;
        line-height: 2.1;
    }
    .pr04_s02_bx03 {
        position: absolute;
        top: 0;
        right: 0;
        width: 30%;
    }

    .pr04_s02_bx03 img {
        width: 100%;
        height: auto;
    }
    .pr04_s03_wrap {
        margin-top: 80px;
        height: 600px;
        background: url(../images/pr04_bg02.jpg) no-repeat center;
        background-size: cover;
    }
    .st26 > span {
        font-size: 20px;
        font-weight: 400;
    }
    .area_las_slide {
        padding-top: 100px;
    }
    .area_las_slide:after {
        content: '';
        display: block;
        clear: both;
    }
    .area_las_slide > div {
        float: left;
    }
    .last_tbx {
        width: 40%;
        margin-right: 5%;
    }
    .last_tbx .st06 {
        margin-top: 30px;
    }
    .area_btn_pr04 {
        position: relative;
        width: 250px;
        height: 65px;
        overflow: hidden;
        display: block;
        margin-top: 30px;
    }
    .btn_pr04_bg {
        position: absolute;
        top: 0;
        left: -310px;
        display: block;
        text-indent: -9999em;
        width: 310px;
        height: 65px;
        background: #fff;
    }
    .btn_pr04:link,
    .btn_pr04:visited {
        position: relative;
        display: block;
        width: 250px;
        height: 65px;
        line-height: 63px;
        color: #fff;
        text-align: center;
        background-color: transparent;
        border: 1px solid #fff;
        font-size: 1.7em;
        box-sizing: border-box;
        font-weight: 500;
        background-image: url(../images/busi_arrow_off.png);
        background-repeat: no-repeat;
        background-position: center right 20px;
        padding-right: 24px;
    }
    .btn_pr04:hover,
    .btn_pr04:focus {
        color: #333;
        background-image: url(../images/csr_arrow_on.png);
    }
    .las_slide {
        position: relative;
        width: 100% !important;
    }

    .pr04_s03_wrap .bx-wrapper {
        width: 55% !important;
    }


    .pr04_s03_wrap .bx-wrapper .bx-controls-direction a {
        position: absolute;
        z-index: 200;
        bottom: 30%;
        display: block;
        width: 50px;
        height: 32px;
    }
    .pr04_s03_wrap .bx-wrapper .bx-prev {
        left: -20px;
        background-image: url(../images/ss_arrow_l.png);
        background-size: 100%;
    }
    .pr04_s03_wrap .bx-wrapper .bx-next {
        right: -20px;
        background-image: url(../images/ss_arrow_r.png);
        background-size: 100%;
    }
    .pr04_s03_wrap .bx-controls-direction a:first-child:hover {
        background-image: url(../images/ss_arrow_l_on.png);
        background-size: 100%;
    }
    .pr04_s03_wrap .bx-controls-direction a:last-child:hover {
        background-image: url(../images/ss_arrow_r_on.png);
        background-size: 100%;
    }


}

/*  ÅÂºí¸´ end */





/* ¸ð¹ÙÀÏ start */

@media screen and (max-width:767px) {
    
    .sub_banner_wrap{
     height:200px;   
    }
    
    
    .sub_banner01 {
    background: url(../images/mb_sub_banner01.jpg) no-repeat left top;
    background-size: cover;
}
    
    .sb_title{
    font-size:2.5em;
        padding-top:88px;
       
    }
    
    .sb_st{
        font-size:1em;
    }
    
    .sub_nav {
    width: 100%;
}
    
    .sub_nav_list > li{
    width:46%;
    }
    
    .sub_nav_list > li:first-child{
     width:8%;   
    }
    
    .sub_nav_list > li > a:link, .sub_nav_list > li > a:visited{
     height:30px;
        line-height:30px;
        width:100%;
            font-size: 1.1em;
        background: url(../images/s_nav_b.png) no-repeat center right 12px;
        background-size:6px;
        padding-left:20px;
    }
    
    .sub_nav_list > li > a.s_home {
    background: url(../images/home.png) no-repeat center;
        background-size:cover;
    }
    
    .sub_nav_hidden{
     top:27px;   
    }
    
    .sub_nav_hidden > li > a:link, .sub_nav_hidden > li > a:visited{
         height:35px;
        line-height:35px;
        width:100%;
            font-size: 1.1em;
        padding-left:30px;
    }
    
    .area_sub_title{
        margin:30px 0 15px;
    }
    
    .sub_title{
        font-size:2em;
         background-size:1px 30px;
        padding-bottom:42px;
    }
    
    .cpy01{
    background-image: url(../images/cpy01_bg.jpg);
        background-repeat: no-repeat;
        background-position: left top;
        background-color:#f5f5f5;
    background-size: 100%;
}
    
    .area_sub_contents {
    position: relative;
    width: 92%;
    margin: 0 4%;
}
    
    .bx_m{
     padding:66% 0 5%;   
    }
    
    
    
    .bg_dd {
        color: #3365bc;
        margin-bottom: 20px;
        font-size: 3em;
        font-weight: 300;
        padding-left: 40px;
        background: url(../images/cpy01_dd.png) no-repeat left center;
        background-size: 29px;
    }
    .bg_dd > span {
        font-weight: bold;
    }
    .st01 {
        font-size: 1.1em;
        letter-spacing: -0.2px;
        font-weight: 300;
        color: #555;
        line-height: 2;
    }
    .st02 {
        color: #666;
        font-size: 1em;
        font-weight: 400;
        text-align: left;
        line-height: 1.5;
    }
    .st03 {
        margin-top: 40px;
        text-align: center;
        color: #fff;
        font-size: 1.5em;
        font-weight: 300;
    }
    .st04 {
        color: #fff;
        font-size: 1.5em;
        font-weight: 300;
        padding: 20% 0 3%;
    }
    .st05 {
        font-family: 'arial', sans-serif;
        font-size: 1.1em;
        font-weight: 400;
        color: #72d3ff;
    }
    .st06 {
        color: #fff;
        font-size: 1.1em;
        font-weight: 300;
        margin-top: 20px;
        line-height: 1.7;
    }
    .st07 {
        margin-top: 40px;
        font-size: 2em;
        font-weight: 300;
        text-align: center;
    }
    .st08 {
        font-size: 2.2em;
        font-weight: bold;
        color: #fff;
        line-height: 1.2;
        padding: 45px 0 12px;
        letter-spacing: -1.8px;
    }
    .st09 {
        font-size: 1.1em;
        font-weight: 300;
        color: #fff;
        line-height: 1.7;
        letter-spacing: -1px;
    }
    .st10 {
        font-size: 2em;
        font-weight: bold;
        margin-bottom: 10px;
    }
    .st11 {
        color: #555;
        font-size: 1.1em;
        font-weight: 300;
        line-height: 1.9;
        letter-spacing: -1px;
    }
    .st12 {
        font-size: 2em;
        font-weight: 500;
        letter-spacing: -1.5px;
        background: url(../images/b_bar.gif) no-repeat left bottom;
		background-size:32px;
        padding-bottom: 8px;
        margin-bottom: 15px;

    }
    .st13 {
        color: #222;
        font-size: 1.1em;
        ;
        font-weight: 400;
        line-height: 1.8;
        letter-spacing: -1.3px;
    }
    .st14 {
        font-weight: bold;
        font-size: 2em;
        letter-spacing: -1px;
        margin-bottom: 8px;
    }
    .st15 {
        font-size: 2.5em;
        font-weight: 400;
        line-height: 1.1;
        letter-spacing: -1px;
        margin-bottom: 15px;
    }
    .st16 {
        font-size: 1.5em;
        font-weight: 400;
        color: #666;
        line-height: 1.4;
        letter-spacing: -1px;
    }
    .st17 {
        color: #555;
        font-size: 1.5em;
        font-weight: 300;
    }
    .st18 {
        color: #fff;
        font-size: 1.6em;
        font-weight: 300;
    }
    .st19 {
        text-align: center;
        color: #3365bc;
        font-size: 1.1em;
        font-weight: 500;
        padding: 18px 0 15px;
    }
    .st20 {
        font-size: 1.7em;
        font-weight: 500;
    }
    .st21 {
        font-size: 1.5em;
        font-weight: 400;
        text-align: left;
        color: #fff;
    }
    .st22 {
        font-size: 1.1em;
        font-weight: 400;
        text-align: left;
        color: #fff;
        line-height: 1.5;
     
    }
    .st23 {
        font-size: 1.8em;
        font-weight: 300;
        text-align: center;
        letter-spacing: -1px;
    }
    .st24 {
        font-size: 2em;
        font-weight: 300;
        letter-spacing: -1px;
        color: #fff;
        line-height: 1.3;
        padding-top: 40px;
    }
    .st25 {
        font-size: 20px;
        font-weight: 500;
        letter-spacing: -1px;
        color: #111;
    }
    .st26 {
        font-size: 3em;
        font-weight: bold;
        font-family: 'arial', sans-serif;
        letter-spacing: -1px;
        line-height: 1;
        color: #fff;
        padding-bottom: 12px;
        background: url(../images/busi_text_bar.gif) no-repeat left bottom;
		background-size:25px;
    }
    .name_sign {
        color: #010101;
        font-size: 1.1em;
        font-weight: 400;
        display: block;
        text-align: right;
        margin-top: 15px;
        padding: 10px 90px 10px 0;
        background: url(../images/cpy01_sign.jpg) no-repeat right center;
        background-size: 80px;
    }
    
    
    .block_pc{
    display:none;
    }
    
    .block_tb{
    display:none;
    }
    
    .none_mb{
     display: none;
    }
    
    .cpy02 {
     background:none;   
        height:auto;
    }
    
    .cpy02 .area_sub_contents{
    display:none;
    }
    
    .mb_cpy_bg{
     display:block;
        width:100%;
        height:auto;
    }
    
    .sc_mb{
     margin-bottom:40px;   
    }
    
    .cpy04_s01_wrap > .area_sub_contents {
    text-align: center;
}
    
    .cpy04_s01_01tb {
        background: url(../images/cpy03_01_bt.png) no-repeat left center;
        background-size:150px;
            padding: 44px 0 44px 160px;
        display: inline-block;
    }
    
    .cpy04_s01_02tb {
    background: url(../images/cpy03_02_bt.png) no-repeat left center;
    padding: 44px 0 44px 160px;
         background-size:150px;
    display: inline-block;
}
    
    .cpy04_s01_03tb {
    background: url(../images/cpy03_03_bt.png) no-repeat left center;
    padding: 44px 0 44px 160px;
         background-size:150px;
    display: inline-block;
}
    
    .cpy04_s01_t{
     font-size:1.5em;   
    }
    
    .cpy04_s02_wrap {
    height: 280px;
    background: url(../images/cpy03_bg02.jpg) no-repeat center;
    background-size: cover;
}
    
    .cpy04_title {
    font-size: 2.7em;
        padding-top:70px;
        padding-bottom:13px;
        background-size:28px;
}
    
    
    .cpy04_s03_wrap {
    background: url(../images/cpy03_bg03.jpg) no-repeat center;
    background-size: cover;
    height: 280px;
}
    .cpy04_s04_wrap {
    background: url(../images/mb_cpy03_bg04.jpg) no-repeat center;
    background-size: cover;
    min-height: 600px;
}
    
    .cpy04_s04_wrap > .area_sub_contents {
    text-align: center;
    width: 92%;
    margin: 0 auto;
}
    
    .cpy04_s04_wrap .cpy04_title01{
        padding-top:40px;
    }
    
    .area_4bx {
        width:100%;
    margin-top: 14px;
}
    
    .area_4bx:after {
    content: '';
    display: block;
    clear: both;
}
    
    .area_4bx > div {
    float: left;
    width: 49%;
    margin-right: 2%;
}
    
    .area_4bx > div.cpy04_4bx02, .area_4bx > div.cpy04_4bx04{
margin-right:0;
    }
    
     .area_4bx > div.cpy04_4bx01, .area_4bx > div.cpy04_4bx02{
margin-bottom:5%;
    }
    
    
    .bx01_01 {
    width: 135px;
    height: 135px;
    background: url(../images/cpy03_01.png) no-repeat left top;
    background-size: 100%;
        display: inline-block;
}
    
        .bx01_02 {
    width: 135px;
    height: 135px;
    background: url(../images/cpy03_02.png) no-repeat left top;
    background-size: 100%;
            display: inline-block;
}
    
        .bx01_03 {
    width: 135px;
    height: 135px;
    background: url(../images/cpy03_03.png) no-repeat left top;
    background-size: 100%;
            display: inline-block;
}
    
        .bx01_04 {
    width: 135px;
    height: 135px;
    background: url(../images/cpy03_04.png) no-repeat left top;
    background-size: 100%;
            display: inline-block;
}
    
    .ci_s01_wrap {
        height: 250px;
        background: url(../images/cpy04_bg.jpg) no-repeat center;
        background-size: cover;
    }
    .ci_s02_wrap,
    .ci_s03_wrap,
    .ci_s04_wrap {
        width: 92%;
        margin: 30px 4% 0 4%;
    }
    .ci_s02_wrap .ci_ibx, .ci_s03_wrap .ci_ibx, .ci_s04_wrap .ci_ibx {
        margin-top: 15px;
    }
    
   
    .ci_s03_wrap .ci_tbx,
    .ci_s04_wrap .ci_tbx {
        width: 100%;
        margin-right: 4%;
    }

    .ci_s03_wrap .ci_ibx,
    .ci_s04_wrap .ci_ibx {
        width:100%;
    }

    .ci_ibx img {
        width: 100%;
        height: auto;
    }


    #daumRoughmapContainer1531386801081 {
    width: 100% !important;
        
}
    .wrap_map{
     height:200px !important;   
    }
    
	.ss_slide_wrap {
    position: relative;
    width: 100%;

}

.area_ss_slide {
    padding: 30px 0;
}

.gray_bg {
        background: #f7f7f7;
    }
    
	.st12 > span {
    color: #326cb8;
    font-family: 'arial', sans-serif;
    font-size: 1.3em;
    font-weight: bold;
    padding-right: 18px;
}
    
	.ss_tbx {
    width: 100%;
	margin-bottom:20px;
}

.area_ss_slide > div.bx-wrapper {
    width: 80% !important;
    margin-top: 3% !important;
}


.ss_slide_wrap .bx-wrapper .bx-controls-direction a {
    position: absolute;
    z-index: 200;
    bottom: 26%;
    display: block;
    width: 40px;
    height: 26px;
}

.ss_slide_wrap .bx-wrapper .bx-prev {
    left: -15px;
    background-image: url(../images/ss_arrow_l.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.ss_slide_wrap .bx-wrapper .bx-next {
    right: -15px;
    background-image: url(../images/ss_arrow_r.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.ss_slide {
    width: 100% !important;
}

.busi02_tbx{
width:100%;
}


.busi02_ibx{
width:100%;
margin-top:15px;
}

.busi02_ibx img{
width:100%;
height: auto;
}


.busi02_02bx .busi02_ibx{
position:absolute;
bottom:0;
left:0;
}

.busi02_02bx .busi02_tbx{
margin-top:32px;
}

.rect_list_b {
    margin: 1% 0 4%;
}

.rect_list_b > li {
    background: url(../images/rect_b.gif) no-repeat left center;
	background-size:2px;
    padding-left: 6px;
    font-size: 1.1em;
    color: #555;
    font-weight: 300;
    margin-bottom: 3px;
    line-height: 1.6;
}

.rect_list_b > li.bg_top{
background: url(../images/rect_b.gif) no-repeat left top 9px;
background-size:2px;
}

.busi02_02bx .area_busi02{
padding-bottom:83%;
}

.ib_text {
    text-align: center;
    font-size: 1.1em;
    font-weight: 400;
    margin-top: 10px;
    letter-spacing: -1px;
}

.busi03_01bx .busi03_ibx{
width:65%;

}

.busi03_ibx img{
width:100%;
}

.busi03_01bx .busi03_ibx{
margin-top:20px;
}


.area_busi03_ibx{
width:70%;
}

.area_busi03_ibx img{
width:100%;
}

.busi03_02bx{
margin-top:25px;
}

.busi03_02bx .ib_text{
width:70%;
}

.busi03_02bx .busi03_ibx{
margin-bottom:2px;
}

.busi04_02bx{
margin-top:15px;
}

.busi04_02bx .busi04_ibx{
width:55%;
margin-top:10px;
}

.busi04_02bx .busi04_ibx img{
width:100%;
}


.busi04_tbx02{
margin-top:25px;
}

.busi04_03bx{
margin-top:25px;
}

.busi04_03bx>div>div{
width:70%;
margin-bottom:15px;
}

.busi04_03bx>div>div:last-child{
margin-bottom:0;
}

.busi04_03bx>div>div img{
width:100%;
}


.busi05_01bx .busi05_ibx{
width:55%;
margin-top:15px;
}


.busi05_01bx .busi05_ibx img{
width:100%;
}


.busi05_02bx{
margin-top:25px;
}

.busi05_02bx .busi05_ibx{
width:70%;
margin-bottom:2px;
}

.busi05_02bx .busi05_ibx:last-child{
margin-bottom:0;
}

.busi05_02bx .busi05_ibx img{
width:100%;
}

.busi05_02bx .ib_text{
width:70%;
}

.area_tab_menu {
    width: 92%;
    height: 35px;
    margin: 0 4% 30px;
    text-align: center;
}

.tab_menu{
width:100%;
}

.tab_menu > li{
width:50%;
}

.tab_menu > li > a:link, .tab_menu > li > a:visited{
width:100%;
height:35px;
line-height:33px;
font-size:1.3em;
}

.busi06_wrap{
background-image:url(../images/mb_busi06_bg.jpg);
background-repeat:no-repeat;
background-position:left top;
background-size:100%;
background-color:#f5f5f5;
padding-bottom:25px;
margin-bottom:25px;
}

.bx_m02{
padding-top:65%;
}

.st15 > span {
    font-weight: bold;
}

.st16 > span {
    color: #000;
}



.stb_info {
        margin-top: 50px;
        width: 100%;
    }
    .stb_01 {
        text-align: left;
        color: #3365bc;
        font-size: 1.1em;
        font-weight: 400;
		width:30%;
    }
    .stb_02 {
        text-align: left;
        color: #555;
        font-size: 1.1em;
        font-weight: 400;
        padding: 10px 0;
		width:70%;
    }
    .stb_info tr:first-child .stb_01 {
        border-top: 2px solid #3365bc;
    }
    .stb_info tr:first-child .stb_02 {
        border-top: 2px solid #d5d5d5;
    }
    .stb_info tr {
        border-bottom: 1px solid #d5d5d5;
    }
    .st17 > span {
        color: #333;
        font-weight: 400;
    }
    .btn_map:link,
    .btn_map:visited {
        display: block;
        width: 100%;
        height: 40px;
        background-color: #3365bc;
        background-image: url(../images/busi_arrow_off.png);
		background-size:15px;
        background-position: right 100px center;
        background-repeat: no-repeat;
        color: #fff;
        text-align: center;
        box-sizing: border-box;
        font-size: 1.5em;
        font-weight: 500;
        line-height: 40px;
        padding-right: 25px;
        margin-top: 15px;

    }
   
    .busi06 .st10 {
        margin-bottom: 25px;
    }
    .m_st17 {
        position: absolute;
        top: 38px;
        right: 0;
    }

    .busi06 .st10 {
        margin-bottom: 10px;
    }
    
    .busi0602_s01_wrap {
	background: url(../images/mb_busi0602_bg.jpg) no-repeat center;
        background-size: cover;
		padding-bottom:10%;
    }

    .busi06_s01_tbx {
        width: 100%;
    }

    .busi0602_s01_wrap .bx-wrapper {
      width: 100% !important;
	  margin-top:20px !important;
    }

    .bs_slide {
        position: relative;
        width: 100% !important;
    }


    .busi0602_s01_wrap .bx-wrapper .bx-controls-direction a {
        position: absolute;
        z-index: 200;
        bottom: 26%;
        display: block;
        width: 40px;
        height: 26px;
    }
    .busi0602_s01_wrap .bx-wrapper .bx-prev {
        left: 0;
        background-image: url(../images/ss_arrow_l.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }
    .busi0602_s01_wrap .bx-wrapper .bx-next {
        right: 0;
        background-image: url(../images/ss_arrow_r.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }
   
    
    .rect_list_b02 > li {
        color: #555;
        font-size: 1.1em;
        font-weight: 300;
        background: url(../images/rect_b.gif) no-repeat left center;
		background-size:2px;
        padding-left: 6px;
        margin-bottom: 5px;
		letter-spacing:-1.2px;
    }
    .rect_list_b02 > li:last-child {
        margin-bottom: 0;
    }
    .rect_list_b02 > li > span {
        color: #111;
        font-weight: 400;
    }
    .mt70 {
        margin-top: 20px;
    }
    .busi0602_wrap {
        position: relative;
    }
    .st_info02 {
        width: 100%;
    }
    .stb_03 {
        text-align: center;
        color: #3365bc;
        font-size: 1.1em;
        font-weight: 500;
        padding: 10px 0;
    }
    .st_info02 td {
        text-align: center;
        color: #555;
        font-size: 1.1em;
		letter-spacing:-0.9px;
        font-weight: 300;
        padding: 10px 0;
    }
    .st_info02 tr:first-child {
        border-top: 3px solid #3365bc;
    }
    .st_info02 tr td,
    .st_info02 tr th {
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }
    .st_info02 tr td.nr_border,
    .st_info02 tr th.nr_border {
        border-right: none;
    }
    .st_info02 tr td.bd_blue {
        border-bottom: 1px solid #3365bc;
    }
    .st_info02 tr:last-child td {
        border-bottom: 1px solid #3365bc;
    }
    .st_info02 tr:last-child th {
        border-bottom: 1px solid #3365bc;
    }
    .vat {
        position: absolute;
        top: 14px;
        right: 0;
        color: #555;
        font-size: 1em;
        font-weight: 300;
    }
    .vat02 {
        position: absolute;
        top: 40px;
        right: 0;
        color: #555;
        font-size: 1em;
        font-weight: 300;
    }
    .vat03 {
        position: absolute;
        top: 0;
        right: 0;
        color: #555;
        font-size: 1em;
        font-weight: 300;
    }
    .st_info02_list > li {
        color: #555;

        font-weight: 300;
        margin-bottom: 6px;
        text-align: left;
        padding-left: 5px;
    }
    .st_info02_list > li:last-child {
        margin-bottom: 0;
    }
    .st_info02_list > li.info02_list_bold {
        font-weight: 400;
        color: #111;
        margin-bottom: 10px;
    }

.busi0602_s07_wrap a {
    display: block;
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    padding-right: 10px;
    font-size: 1.5em;
    font-weight: 500;
    line-height: 40px;
    text-align: center;
}

.btn_down01:link, .btn_down01:visited {
    background-color: #3365bc;
    background-image: url(../images/busi_arrow_off.png);
	background-size:15px;
    background-position: right 49px center;
    background-repeat: no-repeat;
    color: #fff;
}


.btn_down02:link, .btn_down02:visited {
    background-color: #fff;
    background-image: url(../images/busi_arrow_on.png);
		background-size:15px;
    background-position: right 49px center;
    background-repeat: no-repeat;
    color: #3365bc;
    border: 1px solid #3365bc;
    line-height: 38px;
	margin-top:10px;
}


.inv02_wrap {
    position: relative;
    width: 92%;
    margin: 0 4%;
}

.inv02_wrap .st_info02 td {
    text-align: right;
    padding-right: 8%;
}

.pt70 {
    padding-top: 30px;
}

 .inv03_wrap {
        position: relative;
        width: 92%;
        margin: 0 4%;
        padding-top: 20px;
    }
    .area_inv03 {
        margin-top: 30px;
    }
    
    .area_inv03 > div {
     width: 100%;
	 margin-bottom:25px;
    }

	    .area_inv03 > div:last-child{
			margin-bottom:0;
		}

    .area_inv03 > div img {
        width: 100%;
        height: auto;
    }


.inv04_wrap {
        height: 250px;
        background: url(../images/mb_inv04_bg.jpg) no-repeat left top;
        background-size: 100%;
        margin-bottom: 40px;
    }
    .area_inv_down {
        border-top: 3px solid #4673c2;
        border-bottom: 1px solid #4673c2;
    }
    .inv_down_list > li {
        position: relative;
        color: #555;
        font-size: 1.1em;
        font-weight: 300;
        border-top: 1px solid #ccc;
        padding: 12px 3% 12px 3%;
    }
    .inv_down {
        position: absolute;
        right: 3%;
        top: 10px;
    }
    .btn_inv_down:link,
    .btn_inv_down:visited {
        display: block;
        width: 100px;
        height: 20px;
        color: #fff;
        text-align: center;
        line-height: 20px;
        font-family: 'arial', sans-serif;
        font-weight: bold;
        box-sizing: border-box;
        padding-right: 12px;
        background-color: #3365bc;
        background-image: url(../images/busi_arrow_off.png);
		background-size:11px;
        background-position: right 5px center;
        background-repeat: no-repeat;
    }
    .area_adobe {
        position: relative;
		padding-top:2%;
        margin-top: 26px;
 background: #f5f5f5;
    }
    .adobe_text {
        font-size: 1.2em;
        font-weight: 300;
        padding:20px 0 20px 45px;
        background: url(../images/icon_pencil.png) no-repeat left center;
        background-size: 35px;
        margin-left: 22px;

    }
    .adobe_text > span {
        font-size: 1em;
        font-weight: 500;
        color: #000;
    }
    .btn_adobe {
       text-indent: -9999em;
        display: block;
        width: 90%;
        height: 75px;
        background: url(../images/mb_adobe.jpg) no-repeat left top;
        background-size: 100%;
		margin:0 auto;
    }



 .pr01_wrap {
        height: 250px;
        background: url(../images/mb_pr01_bg.jpg) no-repeat left top;
        background-size: 100%;
        margin-bottom: 35px;
    }
    
    .area_pr_video {
        position: relative;
        width: 100%;
        height: 200px;

    }
    .area_pr_video > div {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .area_pr_video > div iframe {
        width: 100%;
        height: 100%;
    }
    .video_kor {
        z-index: 30;
    }
    .video_eng {
        display: none;
        z-index: 20;
    }
    .video_ind {
        display: none;
        z-index: 10;
    }
    .area_video_s {
        width: 100%;
        margin-top: 25px;

    }
    .video_select {
        position: relative;
        bottom: 0;
        border: 1px solid #ddd;
        background: #fff;
        margin-top: 12px;
        width: 100%;
    }
    .video_list > li > a:link,
    .video_list > li > a:visited {
        font-size: 15px;
        font-weight: 300;
        color: #333;
        height: 45px;
        width: 100%;
        line-height: 45px;
        padding-left: 30px;
        display: block;
    }
    .video_first_t {
        font-size: 1.1em;
        font-weight: 300;
        box-sizing: border-box;
        color: #333;
        height: 45px;
        width: 100%;
        line-height: 45px;
        padding-left: 30px;
        background: url(../images/video_arrow.png) no-repeat center right 20px;
		background-size:10px;
        cursor: pointer;
        position: relative;
    }




 .pr03_wrap {
        height: 420px;
        background: url(../images/mb_pr03_bg.jpg) no-repeat left top;
        background-size: cover;

    }
    .area_pr03 {
        padding-top:40px;
    }

    .area_pr03 > div {
       
        width: 100%;
        height: 105px;
        box-sizing: border-box;
	margin-bottom:10px;
        border: 1px solid #fff;

    }

    .area_pr03 > div:last-child {
        margin-bottom: 0;
    }
    .pr03_bx .st21 {
		padding-left:35%;
        margin:4% 0 5px;
      
    }
    .pr03_bx01{
        background: url(../images/pr03_icon01.png) no-repeat center left 17%;
		background-size:26px;
    }
    .pr03_bx02{
        background: url(../images/pr03_icon02.png) no-repeat center left 17%;
				background-size:26px;
    }
    .pr03_bx03 {
        background: url(../images/pr03_icon03.png) no-repeat center left 17%;
				background-size:26px;
    }

	 .pr03_bx .st22 {
		padding-left:35%;
		padding-right:5%;
      
    }
    .ps_slide_wrap {
        margin: 35px 4% 0;
        width: 92%;
    }
    .area_ps_slide {
        position: relative;
        width: 100%;
        margin: 15px auto 0;
    }

    .area_ps_slide img {
        width: 100%;
        height: auto;
    }

    #lSAction a {
        position: absolute;
        top: 50%;
        display: block;
        text-indent: -9999em;
        width: 40px;
        height: 40px;
        cursor: pointer;
		margin-top:-20px;
    }

    #lSAction a.lSPrev {
        background: url(../images/ps_arrow_l.png);
        background-size: 100%;
        left: 0;
    }

    #lSAction a.lSNext {
        background: url(../images/ps_arrow_r.png);
        background-size: 100%;
        right: 0;
    }






    .pr04_s01_wrap {
        height: 450px;
        background: url(../images/mb_pr04_bg.jpg) no-repeat center;
        background-size: cover;
    }
    .st24 > span {
        font-weight: bold;
    }
    .pr04_s01_wrap .st06 {
        line-height: 1.9;
        margin-top: 18px;
		letter-spacing:-1.2px;
    }
    .pr04_s02_wrap {
        margin-top: 35px;
    }
    .inf_list > li {
        font-size: 1.1em;
        font-weight: 300;
        color: #555;
        margin-bottom: 7px;
    }
    .inf_list > li > span {
        font-weight: 400;
        color: #111;
    }
    .inf_list > li:last-child {
        margin-bottom: 0;
    }
    
   
    .pr04_s02_bx01 .st10 {
        margin-bottom: 10px;
    }
    .pr04_s02_bx02 {
        margin-top: 22px;
    }
    .pr04_s02_bx02 .rect_list_b > li {
        margin-bottom: 7px;
    }
   
    .pr04_s02_bx03 {
      
        width: 65%;
    }

    .pr04_s02_bx03 img {
        width: 100%;
        height: auto;
    }
    .pr04_s03_wrap {
        margin-top: 35px;
		padding-bottom:30px;
        background: url(../images/mb_pr04_bg02.jpg) no-repeat center;
        background-size: cover;
    }
    .st26 > span {
        font-size: 17px;
        font-weight: 400;
    }
    .area_las_slide {
        padding-top: 28px;
    }
    .last_tbx {
        width: 100%;

    }
    .last_tbx .st06 {
	font-size:1.3em;
        margin-top: 15px;
    }
    .area_btn_pr04 {
        position: relative;
       
        overflow: hidden;
        display: block;
        margin-top: 15px;
    }
    .btn_pr04_bg {
        position: absolute;
        top: 0;
        left: -310px;
        display: none;
        text-indent: -9999em;
        width: 310px;
        height: 65px;
        background: #fff;
    }
    .btn_pr04:link,
    .btn_pr04:visited {
        position: relative;
        display: block;
        width: 100%;
        height: 35px;
        line-height: 33px;
        color: #fff;
        text-align: center;
        background-color: transparent;
        border: 1px solid #fff;
        font-size: 1.5em;
        box-sizing: border-box;
        font-weight: 500;
        background-image: url(../images/busi_arrow_off.png);
		background-size:12px;
        background-repeat: no-repeat;
        background-position: center right 22%;
    }
   
    .las_slide {
        position: relative;
        width: 100% !important;
    }

    .pr04_s03_wrap .bx-wrapper {
        width: 100% !important;
		margin-top:25px !important;
    }


    .pr04_s03_wrap .bx-wrapper .bx-controls-direction a {
        position: absolute;
        z-index: 200;
        bottom: 26%;
        display: block;
        width: 40px;
        height: 26px;
    }
    .pr04_s03_wrap .bx-wrapper .bx-prev {
        left: 0;
        background-image: url(../images/ss_arrow_l.png);
        background-size: 100%;
    }
    .pr04_s03_wrap .bx-wrapper .bx-next {
        right: 0;
        background-image: url(../images/ss_arrow_r.png);
        background-size: 100%;
    }


    

}

/* ¸ð¹ÙÀÏ end */




/* ¸ð¹ÙÀÏ °¡·Î(landscape) start */

@media screen and (min-width:480px) and (max-width:767px) {}


/* ¸ð¹ÙÀÏ °¡·Î(landscape) end */

/* ¸ð¹ÙÀÏ ¼¼·Î(portrait) start */

@media screen and (max-width:479px) {}


/* ¸ð¹ÙÀÏ ¼¼·Î(portrait) end */