@charset "utf-8";
/* font */
@font-face {
	font-family: "OTTOGISansLight";
	src: url(../font/OTTOGISans_Light.eot);
	src: url(../font/OTTOGISans_Light.eot?#iefix) format('embedded-opentype'),
	url(../font/OTTOGISans_Light.woff) format('font-woff'),
	url(../font/OTTOGISans_Light.ttf) format('truetype');
}

@font-face {
 font-family: 'OTTOGISans';
 src: url(../font/OTTOGISans_Light.eot);
 src: url(../font/OTTOGISans_Light.eot?#iefix) format('embedded-opentype'),
      url(../font/OTTOGISans_Light.woff) format('font-woff'),
      url(../font/OTTOGISans_Light.ttf) format('truetype');
}

@font-face {
 font-family: 'OTTOGISansBold';
 src: url(../font/OTTOGISans_Medium.eot);
 src: url(../font/OTTOGISans_Medium.eot?#iefix) format('embedded-opentype'),
      url(../font/OTTOGISans_Medium.woff) format('font-woff'),
      url(../font/OTTOGISans_Medium.ttf) format('truetype');

}


/* base */

html {word-break:keep-all;}

html,body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0; padding:0}
body{font-family:'OTTOGISans', 'Malgun Gothic', '맑은 고딕', "돋움", sans-serif; font-size:16px; font-weight: normal; line-height:1.5; color:#777; letter-spacing:0; -webkit-text-size-adjust:none; }
h1,h2,h3,h4,h5,h6,strong,b{font-weight:500; font-size:100%;font-family:'OTTOGISansBold';}
fieldset,img,button{border:0;}
img,input,button{vertical-align:top;}
table{border-collapse:collapse;}
address,em{font-style:normal;}
ol,ul{list-style:none;}
hr{display:none;}
a{text-decoration:none; color: #777;}
a:hover,a:active, a:focus{text-decoration:none; color: #333;}
legend{position:absolute; left:-9999px; top:0}
caption{overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
button{background:none; cursor:pointer;}
button::-moz-focus-inner{padding:0; border:0;}

input[type=button],
input[type=submit],
button{/* -webkit-appearance:none;cursor:pointer; */}
*:focus {outline: 1;}

input {font-size: 16px;font-family: 'OTTOGISans';vertical-align: middle;border: #ccc 1px solid;}
input[type='checkbox'], input[type='radio'] {width:20px; height: 25px;line-height: 25px;text-align: left; display: inline-block; position: relative; top:-1px; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#999; }
input::-moz-placeholder, textarea::-moz-placeholder { color:#999; opacity:1; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#999 !important; }

input,
textarea {
/*    -webkit-appearance:none; */
   -webkit-border-radius: 0;
}
.input{border: #e1e1e1 1px solid; vertical-align: middle;font-size: 14px ;height: 40px; padding:10px;box-sizing: border-box; }

textarea {width: 100%; padding:24px 28px; font-size:1rem; line-height: 1.5rem; border:1px solid #e1e1e1; box-sizing: border-box; }

.hidden{position: absolute; left:-999999px; top:-999999px; width:0; height: 0; font-size: 0; display: block;}


/** placeholder *************************************************/
*::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #999999;
}
*::-moz-placeholder { /* Firefox 19+ */
  color: #999999;
}
*:-ms-input-placeholder { /* IE 10+ */
  color: #999999;
}
*:-moz-placeholder { /* Firefox 18- */
  color: #999999;
}
input::-ms-input-placeholder { color: #fff; }
input::-webkit-input-placeholder { color: #fff; } 
input::-moz-placeholder { color: #fff; }

/*---------------------------------- Skip Menu ----------------------------------*/
.skipMenu {position:absolute; top:0px; left:0; width:100%; z-index:99;}
.skipMenu a{height:1px;font-size: 0; color:#eee; display:block;}
.skipMenu a:focus, 
.skipMenu a:active {height:auto; padding:7px 0 10px; background-color:#f0f0f0; color:#333; text-decoration:none; font-size: 15px; font-weight:bold; text-align:center; _float:left; display: block;}

@media (max-width:600px) {
.skipMenu {display: none;}

}

/*---------------------------------- Button----------------------------------*/

.btn {font-family:'OTTOGISans'; font-size: 16px;	text-transform: uppercase; position: relative;border: none; padding: 10px 40px; min-width: 150px; display: block; border-radius: 4px;}
.btn.text-left {text-align: left}
.btn:after {
	opacity: 0;
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	content: '';
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0;
	z-index: 1;
	background: transparent;
	-webkit-transition: -webkit-transform .2s, opacity .2s;
	-moz-transition: -moz-transform .2s, opacity .2s;
	transition: transform .2s, opacity .2s;
}
.btn:hover {text-decoration: none; }
.btn:hover:after {opacity: 1}
.btn.btn-dark {background: #333;	color: #fff}
.btn.btn-dark:hover {	background: #555 !important;}
.btn.btn-inline {	display: inline-block;	vertical-align: top}
.btn.btn-grey {	background: #757575;	color: #fff;}
.btn.btn-grey:after {	border: solid 2px #757575}
.btn.btn-grey.no-border:after {	border: none}
.btn.btn-grey:hover {	color: #fff}
.btn.btn-white {background: transparent;	border: 2px solid #cccccc; color: #888; font-weight: 600;}
.btn.btn-white:after {	border: solid 2px #1e1e1e}
.btn.btn-white.no-border:after {	border: none}
.btn.btn-red {background: #f64646;	color: #fff}
.btn.btn-red:hover {	background: #bf132b !important;}

button:focus {}
.btn-center{margin:0 auto; text-align: center}
.btn.btn-inline{display: inline-block;}



.btn-mini{font-size: 13px;text-transform: uppercase; font-weight: normal; background: #757575; color: #fff!important;	text-align: center;	padding:5px 10px;	text-decoration: none;position: relative; display: inline-block; vertical-align: middle;}
.btn-mini:hover {background: #333 !important;}

.ico_down:after{background:url('../images/business/ico_down.png')no-repeat; position: relative; content: ''; display: inline-block; width:10px; height: 10px;margin-left:10px;}


.btnArea{width:95%; max-width: 1200px; min-height: 45px; margin:0 auto; padding: 20px 0; /* text-align: center; */ display: block; clear: both; position: relative;}

/*---------------------------------- COMMON ----------------------------------*/

#contents{position:relative; width:100%; min-width: 1300px; min-height: 900px;display: block; clear: both; overflow-x:hidden !important;}

.container{width:100%; min-width: 1300px; margin:auto auto; position: relative; display: block; clear: both;}
.content{position: relative; width:1280px; margin:0 auto; vertical-align: top; display: block; clear: both;}
.con800{position: relative; width:800px; height:auto; margin:auto auto; vertical-align: top; display: block; clear: both;}

.gray_wrap{background: #f6f3f2;}
.pd90{padding:90px 0 !important;}

.block{display: block}
.inline{display: inline}
.mt100{margin-top:100px}
.mt90{margin-top:90px}
.mt80{margin-top:80px}
.mt70{margin-top:70px}
.mt60{margin-top:60px}
.mt50{margin-top:50px}
.mt40{margin-top:40px}
.mt30{margin-top:30px}
.mt20{margin-top:20px}
.mt10{margin-top:10px}
.mt0{margin-top:0px}
.mb60{margin-bottom:60px;}
.pt90{padding-top: 90px}
.pt60{padding-top: 60px}
.pt50{padding-top: 50px}
.pt30{padding-top: 30px}
.pt20{padding-top: 20px}
.pt10{padding-top: 10px}
.pl10{padding-left: 10px}
.pl20{padding-left: 20px}
.pl30{padding-left: 30px}
.pl50{padding-left: 50px}
.pl90{padding-left: 90px}
.ml20{margin-left: 20px}
.ml30{margin-left: 30px}
.ml50{margin-left: 50px}
.ml60{margin-left: 60px}
.ml70{margin-left: 70px}
.ml80{margin-left: 80px}
.ml90{margin-left: 90px}
.center{text-align: center; margin:auto auto;}
.ellip { overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }
.blind {position:absolute; top:0; left:0;width:0px; height:0px; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
.c_red{color: #f64646 !important;}

/* slick Slider */
.slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { }
.slick-list.dragging { cursor: pointer;}
.slick-slider .slick-track,
.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before,
.slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }


/* 슬라이드 메뉴 내부 스크롤 */
.scroller { height:100%; width:100%; position:relative; overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; }
.ftscroller_container {height: 90%; box-sizing: border-box;}


select {
  background-color: rgba(255, 255, 255, 1);
  background:url('../images/common/lnb_arr.png') no-repeat 93%;
  width: 100%;
  padding:3px 10px;
  border:1px solid #e7e7e7;
  border-radius: 0;
  height: 2.68rem;
  vertical-align:middle;
  margin-right: 5px;
  font-family: 'OTTOGISans';
  font-size: 13px;
  line-height: 18px;
  position: relative;
	-webkit-appearance: none;  /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
}







/* dropdownlist */
.dropLst { display:inline-block; /* position:relative; */ vertical-align:middle; color:#666; }
.dropLst .txt { position:relative; display:block; text-align:left; text-decoration:none; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:40px; padding:0 40px 0 10px; box-sizing:border-box; color:#333; }
.dropLst .hidradio { opacity:0; filter:alpha(opacity=0); position:absolute; z-index:-1; top:5px; left:5px; }
.dropLst .dlst { display:none; position:absolute; top:100%; z-index:9; min-width:100%; box-shadow:1px 1px 1px rgba(0,0,0,.2); -webkit-box-shadow:1px 1px 1px rgba(0,0,0,.2); }
.dropLst.bottom .dlst { top:auto; bottom:100%; }
.dropLst .dlst.aright { right:0; }
.dropLst ul { margin-top:-1px; background-color:#fff; max-height:300px; padding:0; overflow-x:hidden; overflow-y:auto; box-sizing:border-box; -webkit-box-sizing:border-box; }
.dropLst ul > li { position:relative; }
.dropLst ul > li > label { display:block; position:relative; cursor:pointer; }
.dropLst ul > li > label > span { display:block; }
.dropLst ul > li > a:hover, .dropLst ul > li > label:hover > span, .dropLst ul > li > label.hover > span { /* background-color:#f3f3f3; */ }
.dropLst .txt, .dropLst ul { border:1px solid #d7d7d7; }
.dropLst .txt, .dropLst li span, .dropLst li a { line-height:38px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.dropLst li span, .dropLst li a { padding:0 10px; }
.dropLst li a.selected, .dropLst li a.on, .dropLst li label.on span {/*font-weight:bold;*/}
.dropLst li span, .dropLst li a { display:block; }




.clearfix:after {content: ""; display: block; clear: both;}
.clearfix > li {display: block; float:left;}
/*.isDisabled {color: currentColor; cursor: not-allowed; text-decoration: none;}*/





.modal-background {display: none;overflow: hidden;position: fixed;top: 0;left: 0;width: 100%;
height: 100%; background-color: rgba(0, 0, 0, .6);}
.modal-background .modal-content {overflow: auto;position: fixed;top: 50%;left: 50%;width: 500px;
height: 400px;margin-left: -250px;margin-top: -200px;background: white;}


/*---------------------------------- 	NAVIGATION  ----------------------------------*/



/* header */
.header {position: relative; width: 100%;min-width: 1300px; height: 173px; box-sizing: border-box; z-index: 13; background:linear-gradient(to right, #bf132b, #f64646); }
.header > .gnb_search{width:1280px; height: 105px; margin:0 auto; position: relative;}
.header > .gnb_search > h1 {position: relative; float:left; display: block; width:240px; min-width: 240px; height: 105px;}
.header > .gnb_search > h1 > .logo {position: absolute; top:50%; left:0; display: block; width: 240px; height: 66px; margin-left:0px; margin-top:-33px; background:url("../images/common/logo.png") no-repeat center center; background-size: auto 66px;}
.header > .gnb_search > h1 > .logo em {position: absolute; top:0; left:0; width: 0; height: 0; overflow: hidden; opacity: 0;}
.header > .gnb_search > .gnb_sch_area{width:910px; height:75px; margin-left:370px; position: relative; padding-top:30px; text-align: left; vertical-align: top; display: table;}
.header > .gnb_search > .gnb_sch_area .gnb_sch_form{float: left; position: relative;}
.header > .gnb_search > .gnb_sch_area input{background: transparent; font-size: 22px; color: #fff; border: 2px solid #fff; border-width:0 0 2px 0; padding:10px 0 18px; width:578px; }
.header > .gnb_search > .gnb_sch_area input::placeholder{color: #fff;}
.header > .gnb_search > .gnb_sch_area input:-ms-input-placeholder{color: #fff !important;}
.header > .gnb_search > .gnb_sch_area .btn_sch{margin-left:-53px;}
.header > .gnb_search > .gnb_sch_area label{font-size: 0;}
.header > .gnb_search > .gnb_sch_area .tag_top{text-align: right; float: right; width:300px; height: 30px; padding-top:10px; overflow: hidden}
.header > .gnb_search > .gnb_sch_area .tag_top a{font-size: 18px; color: #fff; margin-left:23px; margin-top:30px;}
.header > .gnb_search > .gnb_sch_area .tag_top a:hover{text-decoration: underline;}



@media all and (min-width:0) and (max-width:820px) {
/* mobile */
.header > .gnb_search{width:100%; height: 105px; margin:0 auto; position: relative;}


}



/* 상단메뉴 */
#gnb{position: relative; width: 100%; height:68px; margin:0 auto; background: #fff; border-bottom: 1px solid #d5d5d5; box-shadow: 3px 3px 5px rgba(0,0,0,0.04); display: block;}
.navbar{width:1280px;margin:0 auto;}
.navbar-nav{width:900px; height:68px; display: table;}	
.navbar-default .navbar-nav>li{float: left;padding:0 20px; position: relative; display: inline-block;}
.navbar-default .navbar-nav>li a{line-height: 68px;font-weight: bold;color: #454545;font-size: 20px; color: #454545;position: relative;letter-spacing: -1.5px !important; width:108%;min-width:108%;}
.navbar-default .navbar-nav>li a:hover{color: #f64646;}
.navbar-default .navbar-nav>li.dropdown{width: 143px; padding-left:0; padding-right: 0; position: relative;margin-left:-10px;}
.navbar-default .navbar-nav>li.after01{position: relative;}
.navbar-default .navbar-nav>li.after01:after, .navbar-default .navbar-nav .dropdown-toggle:after{width:1px; height: 19px; background: #b7b7b7; content: ''; display: block; position: absolute;z-index: 2; top:23px; right:0; }
.navbar-default .navbar-nav .dropdown-toggle:after{top:20px;}

.navbar-default .navbar-nav>li.dropdown>a {width:100%; }
.navbar-default .navbar-nav>li.dropdown>a i{ width:34px; height: 34px; margin:16px 10px 0 0; background: url('../images/common/icons.png')no-repeat; background-size: 500px auto;background-position: -15px -15px; float: left; content: ''; }
.navbar-default .navbar-nav>li.dropdown>a:hover i{background-position: -15px -50px;}
.navbar-default .navbar-nav>li.dropdown>a:hover{color: #f64646}

.navbar-nav>li>.dropdown-menu {width:300px; z-index: 13;}

.mega-dropdown {position: static !important;  width: 100%;}
.mega-dropdown a{position: relative;}
.mega-dropdown-menu { padding: 35px 25px !important; }
.mega-dropdown-menu:before{position: absolute; left:140px; top:35px; width:1px; height: calc(100% - 140px); background: #b7b7b7; content: '';display: block; z-index: 2}
.mega-dropdown-menu li.col01{width:110px; float: left; margin-right:10px;}
.mega-dropdown-menu li.col02{width:160px; float: left; position: relative;}
.mega-dropdown-menu li.row01{width:100%; clear: both; display: block; padding-top: 40px; }
.mega-dropdown-menu li.row01 a{font-size: 14px; line-height: 18px; color: #666; }
.mega-dropdown-menu li.row01 a i{width:18px; height: 18px; margin:0 5px 0 0; background: url('../images/common/icons.png')no-repeat; background-size: 500px auto;background-position: -95px -50px; float: left; content: '';}

.mega-dropdown-menu .dropdown-header > a{color: #999 !important; font-size: 20px !important; font-weight: bold !important; margin-bottom: 10px;}
.mega-dropdown-menu .dropdown-header > a:hover,.mega-dropdown-menu .dropdown-header > a:focus{background: none;color: #f64646 !important; } 
.mega-dropdown-menu > li > ul { padding: 0;  margin: 0;}
.mega-dropdown-menu > li > ul > li {list-style: none; padding:3px 20px;}
.mega-dropdown-menu > li > ul > li > a { display: block; clear: both; font-size: 17px !important; line-height: 32px !important; font-weight: 500 !important;  color: #666 !important; }
.mega-dropdown-menu > li ul > li > a:hover,.mega-dropdown-menu > li ul > li > a:focus {  text-decoration: none;  color: #444; background-color: #f5f5f5;}
.mega-dropdown-menu li.row01 a:hover{background: none;}


.navbar .nav_right{position: absolute;right:0;top:15px;text-align: right;line-height: 34px; width:300px}
.navbar .nav_right li{display: inline-block;height: 34px; margin-left: 15px;}
.navbar .nav_right li a{font-size: 16px; color: #666666; height: 100%; width:100%;display: block;}
.navbar .nav_right li a:before{background:url('../images/common/icons.png')no-repeat; background-size: 500px auto;float: left; content: ''; width:34px; height: 34px; margin-right:5px;}
.navbar .nav_right li a.right01:before{background-position: -55px -15px; }
.navbar .nav_right li a.right02:before{background-position: -55px -50px; }
.navbar .nav_right li a:hover{color: #f64646;}



@media all and (min-width:0) and (max-width:820px) {
/* mobile */
.navbar{width:100%;margin:0 auto;}

}



/* footer */
#footer{position: relative; width:100%;min-width: 1300px; display: block; clear: both; padding-bottom: 40px; background: #bf132b;}
#btn_top{position: fixed; right:10px; bottom:20px; z-index: 6;}
#footer .footerMenu{ margin:0 auto; padding:10px 0; position:relative; background: #a20a1f;}
#footer .footerMenu li{padding:10px 20px; display: inline-block;}
#footer .footerMenu li:first-child{padding-left:0px;}
#footer .footerMenu a{font-size: 20px; line-height: 20px; color: #fff; font-weight: bold;}


#footer .f_info{display: table; margin-top:38px;}
#footer .f_info_left{float: left; width:70%; color: #fff;line-height:1.2 !important;}
#footer .f_info_left h3{font-size: 16px; margin-bottom: 5px;}
#footer .f_info_left span{font-size: 14px;margin-right:10px; }
#footer .f_info_left .copy{display: block; margin-top:20px;}
#footer .f_info_right{float: right; width:225px; text-align: right; color: #fff;}
#footer .f_info_right select{padding: 15px 20px; border-radius: 50px; font-size: 16px; line-height: 18px; height: 50px; color: #666; background:#fff url('../images/common/select_family.png') no-repeat 90%;}

#footer .f_info_right ul{margin:15px 0; width:100%;}
#footer .f_info_right li{display: inline-block; width:19%; height: 28px; padding:0 2%}
#footer .f_info_right li a{font-size: 0;width:100%; height: 100%;text-align: center;}
#footer .f_info_right li i{background:url('../images/common/icons.png')no-repeat; background-size: 500px auto;width: 40px; height: 28px; display: block; content: ''; }
#footer .f_info_right li i.twitter{background-position:-15px -95px;}
#footer .f_info_right li i.facebook{background-position:-55px -95px;}
#footer .f_info_right li i.insta{background-position:-95px -95px;}
#footer .f_info_right li i.youtube{background-position:-135px -95px;}



@media all and (min-width:821px) and (max-width:1200px) {
/* tablet */

}

@media all and (min-width:0) and (max-width:820px) {
/* mobile */
}



/* modal */
.modal-background {display: none;overflow: hidden;position: fixed;top: 0;left: 0;width: 100%;
height: 100%; background-color: rgba(0, 0, 0, .6);}
.modal-background .modal-content {overflow: auto;position: fixed;top: 50%;left: 50%;width: 500px;
height: 400px;margin-left: -250px;margin-top: -200px;background: white;}

/* 레이어팝업 웹접근성 */
.chart-pop { display: none; position: fixed; top: 75px; left: 50%; margin-left: -200px; width: 400px; background-color: #fff; z-index: 1000; outline: 0; } 
.chart-pop .layer-header{width:100%; line-height:30px; padding:20px 0 0; display: block; clear:both; position: relative; text-align: left;}
.chart-pop .layer-header:after{position: relative; display: block; border-top: 1px solid #f64646;width:100%; height:10px; background: #f5f5f5; content: '';}
.chart-pop .layer-header h2{color: #f64646; font-size: 23px;margin-bottom: 15px; padding-left:20px;}
.chart-pop .layer-content{padding:20px; min-height: 300px; font-size: 14px; color: #666; overflow-y: auto; text-align: left;}
.chart-pop .chart-close01{}

.chart-pop .layer_foot{padding: 20px; position: relative;}
.chart-pop .layer_foot .chart-close01{width:100%; background:#f3f3f3; font-size: 16px; color: #666; text-align: center; padding:15px 0;display: block;}
.chart-pop .layer_foot .chart-close01:hover{background: #eee;}
.chart-pop a.chart-close02 { position: absolute; right: 20px; top: 25px; display: block; width:20px; height: 20px; content: ''; font-size: 0; background: url('../images/category/btn_layer_close02.png')no-repeat }


/* swiper 기본 */
.swiper-container {	width:100%;	height:auto; position: relative;}
.swiper-slide {	text-align:center;float: left;display:flex; /* 내용을 중앙정렬 하기위해 flex 사용 */	align-items:center; /* 위아래 기준 중앙정렬 */	justify-content:center; /* 좌우 기준 중앙정렬 */}
.swiper-slide img {	width:100%;	max-width:100%; /* 이미지 최대너비를 제한, 슬라이드에 이미지가 여러개가 보여질때 필요 */}


.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E);
left: 10px;right: auto;}

.swiper-button-next, .swiper-button-prev {position: absolute;top: 50%;width: 27px; height: 44px;    margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center;background-repeat: no-repeat;}

/*
.swiper-pagination {position: absolute; left:80%; text-align: center; padding:3px 5px; width:50px; background:rgba(0,0,0,0.4); -webkit-transition: .3s opacity;border-radius: 50px;-o-transition: .3s opacity;transition: .3s opacity;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0); z-index: 10; display: block; color: #fff; font-size: 12px;}

.swiper-pagination-fraction {bottom: 10px; right: 20px;}

*/