@charset "utf-8";



/* partners 배너모음*/


#wrap #footer .partners_wrap {clear:both;  margin:0px auto 0px auto !important; padding:30px 0 20px 0; height:160px; width:100% !important;  background:#eff2f6;}
#wrap #footer .bnnr_tit {width:1200px; max-width:1200px;margin:0 auto; height:35px; float:left; padding-left:0px; margin-right:20px;  background:url('../img/s_img/banner_dotline.gif') repeat-x 120px 12px;}

#wrap #footer .partners_wrap h2 {float:left; padding:0px 0px 5px 0; font-size:18px; font-weight:bold; letter-spacing:-0.05em; padding-right:15px; background:#eff2f6;}

#wrap #footer .partners {width:1200px !important;max-width:1200px; position:relative; margin:0px auto 20px auto !important; padding:20px 0;}

#wrap #footer .partners .btnWrap{width:100%; max-width:1200px;position: absolute;top:20px;left: 0 !important;transform: translateY(-50%);margin: 0 auto;}

#wrap #footer .partners .btnWrap ul.en{/*display: flex;*/ margin-left:120px; padding-top:2px; }
#wrap #footer .partners .btnWrap ul{display: flex; margin-left:80px; padding-top:2px; }
#wrap #footer .partners .btnWrap ul a{float:left; width:20px;height:20px;position: relative; display:inline-block;}
#wrap #footer .partners .btnWrap ul a:hover{background-color: #f4f4f4;}
#wrap #footer .partners .btnWrap ul li a.ptBefore{display:inline-block; background:url(../img/s_img/b_btn_prev.png) no-repeat 0 0 !important;}
#wrap #footer .partners .btnWrap ul li a.ptNext{display:inline-block; background:url(../img/s_img/b_btn_next.png) no-repeat 0 0 !important;}
#wrap #footer .partners .btnWrap ul li a.ptPause{display:inline-block; background:url(../img/s_img/b_btn_stop.png) no-repeat 0 0 !important;}
#wrap #footer .partners .btnWrap ul li a.startBtn{display:inline-block; background:url(../img/s_img/b_btn_play.png) no-repeat 0 0 !important;}

.slick-list{position: relative;
    display: block;
    overflow: hidden;
    margin:0px auto !important;
    padding: 0;}


#wrap #footer .partners .btnWrap ul:after{display: block;content: '';clear: both;}
#wrap #footer .partners .btnWrap ul li{width:20px; float:left; display:inline;}


#wrap #footer .ptBnn{width:100%;height: 100px;overflow: hidden;position: relative;float: right;}
#wrap #footer .ptBnn ul{margin:0 !important; padding:0;}

#wrap #footer .ptBnn ul li{width:175px; height: 100px; vertical-align: middle;text-align: center;margin-right:30px;}
#wrap #footer .ptBnn ul li a{width: calc(100% - 175px)}
#wrap #footer .ptBnn ul li img{margin-top: 25px;width: 175px;line-height: 100px;text-align: center;}



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


#wrap #footer .partners{padding: 0 20px;box-sizing: border-box;}
#wrap #footer .partners .btnWrap{left: 20px;}


#wrap #footer .bnnr_tit {width:100%; margin:0 auto; height:35px; float:left; padding-left:0px; margin-right:20px; background:url('../img/s_img/banner_dotline.gif') repeat-x 120px 12px;}
#wrap #footer .partners {width:100% !important; position:relative; margin:0px auto 20px auto !important; padding:20px 0;}
#wrap #footer .partners_wrap h2 {float:left; padding:0px 0px 5px 5px; font-size:18px; font-weight:bold; letter-spacing:-0.05em; padding-right:15px; background:#eff2f6;}


}/* 1200px end */


@media screen and (max-width: 1199px){
#wrap #footer .partners .btnWrap{left: 0px;}

#wrap #footer .partners {width:96% !important; position:relative; margin:0px 2% 20px 2% !important; padding:20px 0;}


}/* 1199px end */



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

     .ptBnn ul li{margin-right: 100px;}
     .ptBnn ul li a{width: calc(100% - 100px)}

}/* 1025px end */




@media all and (max-width:991px){

    .ptBnn ul li{margin-right: 50px;}
    .ptBnn ul li a{width: calc(100% - 100px)}




}/* 991px end */


@media all and (max-width:768px){
    .ptBnn ul li{margin-right: 50px;}
    .ptBnn ul li a{width: calc(100% - 100px)}

#wrap #footer .partners {width:96% !important;margin:0px 2% 20px 2% !important; }
#wrap #footer .ptBnn ul li{width:175px; height: 100px; vertical-align: middle;text-align: center;margin-right:20px;}

}/* 768px end */




@media all and (max-width:700px){

	.ptBnn ul li{margin-right: 100px;}
    .ptBnn ul li a{width: calc(100% - 100px)}

}/* 700px end */


@media all and (max-width: 640px){

 
    .pcPage{display: none;}
	.pageWrap.mbPage{display: block;}
	
	.ptBnn ul li{margin-right: 50px;}
    .ptBnn ul li a{width: calc(100% - 50px)}


	}/* 640px end */


@media all and (max-width: 540px){

    .ptBnn ul li{margin-right: 150px;}
    .ptBnn ul li a{width: calc(100% - 150px)}

	}/* 540px end */