/*bx slide::BEGIN*/

/*.ref { position:absolute; z-index: 11111; }*/



.bx-wrapper {

    border:0px !important;

    box-shadow: 0px 0px 0px #f2f2f2 !important;

    background: #00000012 !important;

    border-radius: 7px;

}



.bx-viewport {

    width: 100%;

    overflow: hidden;

    position: relative;

    height: 536px !important; /*수정*/

    border-radius: 7px;

}



#main-visual-new		{

    position:relative;height:740px; /*수정*/

}

#main-visual-new:before	{content:"";position:absolute;left:0;top:0;width:100%;height:100%;}

#main-visual-new .d_width{height:100%;}

#main-visual-new .cont		{

    position:absolute;top:calc(50% + 60px);transform:translateY(-50%);height:608px;

}

#main-visual-new .cont .bx		{height:520px;}

#main-visual-new .cont .inbx	{



    background: rgb(22 22 22 / 50%);

    padding: 50px 100px 50px 500px;

    color: #ccc !important;

    margin: 58px 0;

    height: 320px;



}

#main-visual-new .bx_thumbnail		{

    position: absolute;

    left: 100px;

    top: 4%;

    width: 355px;

    height: auto;

    overflow: hidden;

    

}

#main-visual-new .bx_thumbnail img	{ height: 100%;; border-radius: 7px; margin: auto;}

#main-visual-new .st		{font-size:16px;color:#FFCC00}

#main-visual-new .tit		{

    font-weight: 500 !important;

    color: #fff !important;

    font-size: 30px !important;

    letter-spacing: -2px;

    line-height: 1 !important;

    margin: 20px 0;

    height: 30px;

    overflow: hidden;

}

#main-visual-new .txt		{margin:20px 0;height:180px;overflow:hidden;line-height:1.4}

#main-visual-new .txt *		{text-align:left !important; color: #e5e5e5; font-size: 18px; font-weight: 300; line-height: normal;}

#main-visual-new .cont a	{color:#ffcc00;text-decoration:underline;font-size:18px;}

#main-visual-new .control	{position:absolute;top:50%;left:0;width:100%;}

#main-visual-new .control a	{

    position: absolute;

    margin-top: 0%;

    display: block;

    border-radius: 23px;

    /* background: rgb(36 36 37); */

    width: 80px;

    /* height: 80px; */

    line-height: 80px;

    text-align: center;

    /* box-shadow: 0 10px 20px rgb(0 0 0 / 40%); */

    transition: all 0.2s ease-out;

}

#main-visual-new .control a:after	{

    position: absolute;

    left: calc(50% - 10px);

    top: calc(50% - 50px);

    content: "";

    display: block;

    width: 20px;

    height: 20px;

    border: 4px solid #cbe5ff;

    border-top: none;

    border-right: none;

}

#main-visual-new .control a:hover		{

    /*background:#00468b;*/

}

#main-visual-new .control a:hover:after	{

    border-color:#fff

}

#main-visual-new .control a.prev{left:0%;}

#main-visual-new .control a.next{right:0%;}

#main-visual-new .control a.prev:after{transform:rotate(45deg)}

#main-visual-new .control a.next:after{transform:rotate(-135deg)}

#main-visual-new .pager		{

    display:flex;

    position:relative;

    z-index:9;

    justify-content: center !important;

    margin-top:-40px;



}

#main-visual-new .pager span	{

    /* display:inline-block;margin:0 1px;width:12px;height:12px;border-radius:50%;border:1px solid #ffffff69;*/



    display: inline-block;

    margin: 0 3px;

    width: 12px;

    height: 12px;

    border-radius: 100%;

    border: 2px solid #ffffff63;



}

#main-visual-new .pager span.on{background:#dddddd;border-color:#dddddd}

/*bx slide::END*/





/*media bx slide::BEGIN*/

/*1200px*/

@media only screen and (max-width:1440px) {



    #main-visual-new .cont {



        left:calc(50% - 560px);width:1120px;

    }

}

/*960px*/

@media only screen and (max-width:1240px) {

    #main-visual-new {height:640px;}

    #main-visual-new .cont {left:calc(50% - 450px);width:900px;}

    #main-visual-new .cont .inbx {padding-left:460px;padding-right:80px;}

    #main-visual-new .bx_thumbnail {top:25px;width:300px;height:425px;}

    #main-visual-new .tit {white-space:nowrap;text-overflow: ellipsis;}

    #main-visual-new .txt {

        overflow:hidden;

        text-overflow:ellipsis;

        word-break:break-all;

        word-wrap:break-word;

        display:-webkit-box;

        -webkit-box-orient:vertical;

        -webkit-line-clamp:3;

        max-height:70px;

    }



}



/*720px*/

@media only screen and (max-width:1023px) {

    #main-visual-new {height:500px;}

    #main-visual-new .cont {left: calc(50% - 360px); width: 720px;}

    #main-visual-new .cont .inbx {height:300px;margin:90px 0;padding-left: 370px;padding-right: 80px;padding-top: 30px;}

    #main-visual-new .bx_thumbnail {top:60px;left:80px;width: 250px; height: 354px;}

    #main-visual-new .control a {width:70px;height:70px;line-height:70px;}

    #main-visual-new .control a.prev {left:-20px;}

    #main-visual-new .control a.next {right:-20px;}

    #main-visual-new .tit{font-size:26px;}



}



/*auto: iphone SE*/

@media only screen and (max-width:767px) {

    #main-visual-new {

        /*height:475px;*/

        top: 4em;

        height: 515px;

    }

    #main-visual-new .d_width		{min-width:auto;padding:0 20px;}

    #main-visual-new .cont	{position:relative;top:auto;left:auto;transform:translateY(0);width:100%;height:auto;margin:0 auto;}

    #main-visual-new .cont .bx		{height:auto;}

    #main-visual-new .cont .inbx{height:auto;padding:20px;margin:20px 0;}

    #main-visual-new .bx_thumbnail	{position:relative;top:auto;left:auto;width:100%;height:280px;margin:0 auto;overflow:hidden;}



    #main-visual-new .txt {

        text-align:center !important;
		display: none;

    }

    #main-visual-new .tit{

        height:auto !important;

        margin:0 !important;
		
		padding-top: 20px;

        font-size:18px !important;

        line-height:2rem !important;
		
		text-align:center !important;

    }

    #main-visual-new .txt {margin:0;}

    #main-visual-new .cont a {font-size:16px;}

    #main-visual-new .control a.next, #main-visual-new .control a.prev {width:60px;height:60px;line-height:60px;}

    #main-visual-new .st {margin:15px 0 0 0;text-align:center;}

    #main-visual-new .cont .more {text-align:center;display: block;font-size:16px;}

    #main-visual-new .paging {

        margin-top:-50px;

    }



    .bx-viewport {

        width: 100%;

        overflow: hidden;

        position: relative;

        height: 437px !important;

        /* height: 452px !important;*/

        border-radius: 7px;

        border: 0px dotted yellow;

    }



    .bx-pager {

        display: none;

    }







}



/* mobile-l*/

@media only screen and (max-width:576px) {



    #main-visual-new .cont .inbx {

        /*margin:28px 0;*/

        margin: 0 auto;

        height:442px;

    }

    #main-visual-new .txt {max-height:60px;}

    #main-visual-new .paging {margin-top:-60px;}



}

/*media bx slide::END*/