@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

* {
	font-family: 'Noto Sans KR', sans-serif;
	font-size:14px;
    font-weight: 400
}
/*font-family: 'NanumSquare', sans-serif !important;*/

/* reset element */
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea { margin:0; padding:0; }
a {
    font-family: NanumGothic, 나눔고딕, "나눔 고딕", "맑은 고딕", 굴림, 굴림체, 돋움, 돋움체;
    text-decoration: none;
    cursor: pointer;
    line-height: 1.25em;
}
/*html,body{
    -webkit-overflow-scrolling : touch !important;
    overflow: auto !important;
    height: 100% !important;
}*/
h1, h2, h3, h4, h5, h6 { font-size:100%; }

img, fieldset { border:none; max-width:100%;}
table { border-collapse:collapse; }
ul, ol, li { list-style:none; }
address, em { font-style:normal; }
li img, object { vertical-align:top; }
input, select, textarea, form img { vertical-align:middle; }
fieldset{max-width:768px;}

/* font */
body { font: 100% /1.5  NanumGothic, 나눔고딕, "나눔 고딕", "맑은 고딕", 굴림, 굴림체, 돋움, 돋움체; color: #3a3a3a;}
input, select, textarea{ font:15px /1.5 NanumGothic, 나눔고딕, "나눔 고딕", "맑은 고딕", 굴림, 굴림체, 돋움, 돋움체; color:#3a3a3a; }

/* anchor */
a { text-decoration: none; }
a:link { color: #3a3a3a; text-decoration: none;}
a:visited { color: #3a3a3a; text-decoration: none;}
a:hover { color: #3a3a3a; text-decoration: none;}

/* skip */
.skip, legend { font-size:0; width:0; height:0; line-height:0; text-indent:-9999px; overflow:hidden; visibility:hidden; position:absolute; top:0; left:0; }
hr { display:none; }

#header{
    /* overflow: hidden */
}

.head-menu{

}
.head-menu a{
    /* display: block;
    width: 80px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #40174d;
    border-radius: 25px;
    position: absolute;
    right: 15px;
    top: 25px;
    text-align: center;
    background: url(../img/login.png) no-repeat left 10px center;
    padding-left: 10px;
    font-size: .875em;
    color: #40174d; */
}


.member-area{
    padding: 15px 0;
    background:#fff;
    text-align:center;
    border-top:1px dashed #f1f1f1;
    border-bottom:1px solid #cccccc;
}
.member-area a{
    display:inline-block;
    position:relative;
    font-size:14px;
    color:#444444;
    font-weight:700;
}
.member-area a:first-child:after{
    content:"";
    display:inline-block;
    width:1px;
    height:22px;
    background:#cccccc;
    vertical-align:middle;
    margin:0 20px;
}
.member-area a.login-icon:before{
    content:"";
    display:inline-block;
    width:20px;
    height:20px;
    margin-right:7px;
    vertical-align:middle;
}
.member-area a.mypage-icon:before{
    content:"";
    display:inline-block;
    width:16px;
    height:26px;
    margin-right:7px;
    vertical-align:middle;
}
.member-icon:before{
    background:url(/m/img/member_icon.png) no-repeat center center;
    background-size:cover;
}
.login-icon:before{
    background:url(/m/img/login-icon.png) no-repeat center center;
    background-size:cover;
}
.mypage-icon:before{
    background:url(/m/img/mypage-icon.png) no-repeat center center;
    background-size:contain;
}
.logout-icon:before{
    background:url(/images/logout-icon.png) no-repeat center center;
    background-size:cover;
}


.mobile-route{
    position:relative;
    padding:25px 0;
    background:url(/m/img/route-bg.jpg) no-repeat center center;
    background-size:cover;
    text-align:center;
}
.mobile-route p{
    font-size:16px;
    font-weight:700;
    color:#fff;
}
.mobile-route p span{
    display:inline-block;
    font-size:16px;
    font-weight:700;
    color:#fff;
}
.mobile-route p span:before{
    content:"";
    display:inline-block;
    width:1px;
    height:13px;
    background:#fff;
    margin:0 10px;
}
.mobile-route .back-btn{
    position:absolute;
    top:50%;
    left:20px;
    transform: translateY(-50%);
    width:18px;
    height:13px;
    background:url(/m/img/back-btn.png) no-repeat center center;
    background-size:cover;
}

/* lnb 0920 */

.wrap_lnb {
	clear:both;
	overflow:hidden;
	border-top:1px #dddddd solid;
	border-bottom:1px #dddddd solid;
	padding:12px 0 0px 0;
}
.lnb {
	width:100%;
	margin:0px auto;
}
.lnb li {
	float:left;
	text-align:center;
}

.lnb li.menu {
	width:19.5%;
	font-family: 'Nanum Gothic', sans-serif;
	font-weight:bold;
	font-size:18px;
	color:#000;
}
.lnb li.menu a {
	color:#000;
	font-size:16px;
}

.lnb li.menu .uline {
	margin-top:12px;
	border-top:3px #fff solid;
	height:0px;
	margin-bottom:1px;
}

.lnb li.cur .uline {
	border-top:3px #76A519 solid;
	height:0px;
}

.lnb li.cur a {
	color:#76A519;
	font-size:16px;
}

.lnb li.split {
	width:1px !important;
	color:#dddddd;
	padding-top:5px;
}

/* lnb 0920 */


/*홍냥추가*/
.fwrite{max-width:768px; width:0;}
/*게시판상단영역*/
.hc, .gct {font-size: 0;height: 0;left: -1000em;line-height: 0;overflow: hidden;position: absolute;visibility: hidden;width:;}

.rk {background: url("../img/bgbar1.gif") repeat-x scroll 0 0 #447DC4;height: 33px;letter-spacing: -1px;line-height: 33px;position: relative;z-index: 2;}
.rk h2 {color: #fff;font-size: 1em;left: 13px;position: absolute;top: 0;}
.rk .btop, .rk .btfd {background: url("../img/buv.png") no-repeat scroll 0 -642px #008800;height: 23px;overflow: hidden;position: absolute;right: 14px;text-indent: -500em;top: 5px;width: 25px;z-index: 2;}

.rkc {height: 33px;overflow: hidden;}
.rkc .dy, .rkc ol, .rkc .pg { display: none;}
.rkc p {position: relative;width: 100%;}
.rkc #rank { margin: 0 3.2em 0 6.75em;}
.rkc p a {color: #FFFFFF;display: block;padding: 0 3.2em 0 1.45em;position: relative;z-index: 2;}

.rkl {left: 0;position: absolute;top: 33px;width: 100%;z-index: 2;}
.rkl #rank {background: none repeat scroll 0 0 #FFFFFF;overflow: hidden;}
.rkl .dy {background: url("../img/buv.png") no-repeat scroll 0 -554px transparent;color: #FFFFFF;font-size: 0.93em;left: 7.8em;letter-spacing: 0;padding-left: 0.64em;position: absolute;top: -33px;}
.rkl .pgw {background: url("../img/e.gif") repeat scroll 0 0 transparent;clear: both;height: 75px;}
.rkl .pg {background: url("../img/bgbar1.gif") repeat-x scroll 0 -65px #F8F8F8;border-bottom: 1px solid #383E52;border-top: 1px solid #FFFFFF;font-size: 0.93em;height: 35px;padding: 0 14px;text-align: right;}
.rkl .pg a{background: url("../img/buv.png") repeat-x scroll 0 -717px #F1F1F1;color: #666666;display: inline-block;height: 22px;line-height: 22px;margin: 4px 0 0 1px;text-align: center;width: 52px;}
.rkl li a {display: block;font-size: .8em;text-align: center;position: relative;z-index: 2; padding: 5px;}
.rkl li {border: 1px solid #dfdfdf;line-height: 45px;position: relative; float: left; width: 65px; overflow: hidden; margin: 4px; border-radius: 8px; background-color: #efefef}
.rkl .rpg1, .rkl .rpg2 { padding-top: 1px;}

.rk .btop, .rk .btfd {background: url("../img/groupmenu.png") no-repeat scroll 0px 0px #0989A6;height: 23px;overflow: hidden;position: absolute;right: 14px;text-indent: -500em;top: 5px;width: 50px;z-index: 2;}
.rk .btfd {background-position: -50px 0px;top: -28px;}

.to {background: url("../img/bgbar1.gif") repeat-x scroll 0 -33px #F1F2F1;font-size: 0.93em;height: 32px;line-height: 32px;margin-bottom: 3px;position: relative;width: 100%;}
.my {color: #909090;margin-left: 13px;}
.my a {background: url("../img/buv.png") repeat-x scroll 0 -717px #F1F1F1;color: #666666;display: inline-block;height: 22px;line-height: 22px;margin: 4px 0 0 1px;text-align: center;width: 52px;}
.my a.new {background: url("/img/buv2.png") no-repeat; #F1F1F1;color: #666666;display: inline-block;height: 22px;line-height: 22px;margin: 4px 0 0 1px;text-align: center;width: 80px;}
.we {color: #666666;position: absolute;right: 7px;top: 0;}
.we .dy {display: inline-block;height: 32px;vertical-align: top;}
.we a {display: inline-block;height: 32px;letter-spacing: -1px;padding-left: 0.2em;position: relative;vertical-align: top;}
#ct:after {clear: both;content: "";display: block;}


/*게시판하단영역*/
.ft {border-top: 1px solid #DFE1E3;clear: both;color: #D5D6D8;text-align: center;white-space: nowrap;}
.ft a {color: #666;}
.ft1 {color: #909090;padding: 13px 0 15px;}
.ft1 a {background: url("../img/ft.gif") no-repeat scroll 0 3px transparent;color: #333;display: inline-block;font-size: 14px;margin-right: -4px;padding: 0 1.5em;}
.ft1 a.f {background: none repeat scroll 0 0 transparent;}
.ft2bt {background: url("../img/ft.gif") repeat-x scroll 0 -42px #E9E9E9;border: 1px solid #ACB0B6;display: inline-block;font-size: 13px;height: 25px;letter-spacing: -1px;line-height: 25px;padding: 0 0.6em;}
.ft3 {color: #D6D6D6;font-size: 0.86em;padding: 0 0 0.3em;}
.ft3 .dv {margin: 0 0.4em;}
.cr {clear: both;color: #909090;font-size: 10px;padding: 9px 0 10px;text-align: center;}
em, address {font-style: normal;}



/* contents */
#g4m_main {
	/*background:#b52f8f; */
	overflow:hidden;
	/*padding-bottom:20px; */
	 max-width:768px;
}

#g4m_content{padding:0; background:#fff; overflow:hidden; color:#333; margin-top:0px; max-width:768px; }



/*새로코딩*/
#wrap { width:100%;  }


/* 멤버 로그인 */
.loginBg { background:#f3f4f5; overflow:hidden; }
.loginW { width:90%; overflow:hidden; margin:20px auto 0; position:relative; }
.loginW > p:first-child { position:absolute; top:165px; left:49%; }
#login { width:calc(100% - 2px); margin:0 auto; background:#fff; border-radius:5px; border:1px solid #b2b2b2; }
#login h1 { margin:10px 0 0 20px; font-size:1.6em;}
.ip { margin:10px 20px 0; overflow:hidden; }
.ip li { margin-bottom:10px; }
.it { overflow:hidden; }
.it input {border:1px solid #ddd; line-height:32px; font-size:14px; border-radius:5px; height: 32px;width:calc(100% - 7px); padding-left:5px;}

.ac { overflow:hidden; margin-top:10px; }
.ac input {margin:0 auto; background:#3b3b3b; border: 1px solid #333; color: #fff; cursor: pointer; display: block; font-size: 1.2em;font-weight: bold;height: 46px;letter-spacing: -1px;margin-top: 17px;overflow: visible;text-indent: -2px;vertical-align: middle;white-space: nowrap; width: 90%;}
.ot {clear: both;color: #666;margin-top: -0.5em;padding: 0 0 15px 20px;white-space: nowrap;}
.loginBtn { margin:20px auto; overflow:hidden; }
.loginBtn li { float:left; width:50%; }
.loginBtn li a { font-size:15px; color:#000; display:block; width:90%; margin:0 auto; text-align:center; background:#fff; border:1px solid #727272; border-radius:5px; height:30px; line-height:30px;}

/* 멤버 회원가입 */
#register { background:#f3f4f5; overflow:hidden; }
#register h1{ background:#fff; border-bottom:1px solid #ddd; height:38px; line-height:38px; text-align:center; font-size:16px; }
#register > p.txt { text-align:center; padding:20px 0 5px;}
#register > p.txt span { font-weight:bold; color:#ec495c; }
.agreeBox { width:95%; margin:10px auto 10px; overflow:hidden; }
.agreeBox h2 { margin-bottom:3px; font-size:13px; }
.agreeBox > textarea { width:calc(100% - 2px); border:1px solid #ddd; }
.agreeBox > p { margin-top:5px; }
#register > p.btn { text-align:center; padding:10px 0 30px; }
#register > div.text { text-align:center; width:90%; margin:10px auto; overflow:hidden; word-break:keep-all; line-height:20px; background:#fff; padding:15px; border:1px solid #ddd; border-radius:5px; }
#register > div.text span { font-weight:bold; color:#ec495c; }

#registTable { border-top:1px solid #111; margin:10px auto 0; width:98%;}
#registTable th { border-bottom:1px dotted #aaa; }
#registTable td { border-bottom:1px dotted #aaa; padding:5px 0 5px 10px; }
input.ed { border:1px solid #ddd; border-radius:5px; height:22px; line-height:22px; padding:0 3px; }
select.ed { border:1px solid #ddd; height:22px; line-height:22px; }

/* 비밀번호 찾기 */
#pwCon { width:100%; overflow:hidden; }
#pwCon h1 { text-align:center; font-size:16px; font-weight:normal; color:#000; background:#fff; height:38px; line-height:38px; border-bottom:1px solid #ddd; }
#pwCon table { width:90%; margin:20px auto;  border-top:1px solid #111; }
#pwCon table th {border-bottom:1px dotted #aaa; color:#222; }
#pwCon table td {border-bottom:1px dotted #aaa; padding:8px 0 8px 10px;  font-family: 'Nanum Gothic', sans-serif; }
#pwCon ul { text-align:center; }
#pwCon ul li { display:inline-block; margin:0 5px;}

/*상단*/
/* #header { width:100%; height:49px; background:#f1f5f8; border:1px solid #e4eaee; position:relative;} */
#header {
	width:100%;
	/*background:url(/m/img/bg_top.png) repeat-x bottom; */
	background:#fff;
	/*position:absolute; */
	top:0;
	z-index:999;
}
#header > h1 a {
    font-family: 'NanumSquare', sans-serif !important;
    font-size: 1.571em;
    color: #40174d;
    font-weight: 800;
    padding: 25px 0;
    display: block;
    padding-left: 15px;
    width: calc(100% - 85px);
    float: left
}
#header > h1 a span{
    font-size: .636em;
    font-weight: 400;
    display: inline-block;
    margin-left: 5px
}

#header > p.home {
	position:absolute;
	top:11px;
	left:10px;
/*
	width:30px;
	height:27px;
	text-align:center;
*/
}

#header > p.home .icon1 {
	background-image: url('/m/img/icon_common.png');
	background-repeat: no-repeat;
  background-size: 120px auto;

	margin:auto;
  background-position: 2px 0;
	display:block;
	width:28px;
	height:25px;
}
#header > p.home a {
    display: inline-block;
    margin-left: 3px;
}
#header > p.home .menu-icon:before {
    content: "";
    display: block;
    width: 28px;
    height: 28px;
    margin: 0 auto;
    background: url(/m/img/menu-icon.png) no-repeat center center;
    background-size: contain
}
#header > p.home .free-icon:before {
    content: "";
    display: block;
    width: 28px;
    height: 28px;
    margin: 0 auto;
    background: url(/m/img/nav-icon6.png) no-repeat center center;
    background-size: contain
}

#nav
{
	background:#0e4064;
	height:45px;
	font-size:1.2em;
	font-weight:bold;
	color:#fff;
}

#nav li {
	padding-top:0.8em;
	float:left;
	width:25%;
	text-align:center;
}

#nav li a {
	color:#fff;
}
#nav li a:hover {
	color:yellow;
}


#ddi {
	clear:both;
    padding-bottom:0px;
	/*background:#474747;*/
	color:#fff;
	text-align:center;
	font-size:0.9em;
    position:relative;
/*    margin-top:-5px;*/
/*	padding:0.5em 0;*/
}

#ddi span {
	color:yellow;
}



/*p.home a { display:block; width:30px; height:27px; }*/


/*하단*/
#footer { box-sizing:border-box;padding-left:5px; padding-right:5px;width:100%; overflow:hidden; border-top:1px solid #ddd; line-height:100%;}
#footer ul {
	text-align:center; margin-top:10px; }
#footer ul li { display:inline-block; }
/*#footer ul li a { display:block; width:57px; color:#000; text-align:center; border:1px solid #bdbcbc; height:26px; line-height:26px; border-radius:2px; }*/
#footer p { text-align:center; margin:7px 0; }
#footer span { display:block; font-size:11px;}

#footer ul.copy li {
	float:left;
	font-size:11px;
}

#footer a {
	font-size:11px;
}

#footer span.vsplit {
	padding:0 5px 0 5px;
	color:#cecece;
}

#footer .bm li{
	width:30%;
}

#footer .bm li, #footer .bm li a {
	font-size:15px;
}

@media screen and (max-width:550px) {
#footer span { display:inline-block; }

}

/*메인*/
#mainVisual { width:100%; height:100%; overflow:hidden;}
.rslides { margin: 0 auto; position: relative; overflow: hidden; width: 100%;  }
.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; height:100%; width:100%;}
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img { display: block; height: auto; float: left; width:100% ; border: 0; }
.rslides_container { margin-bottom: 0; position: relative; float: left; width: 100%; }
/*비주얼버튼*/
.centered-btns_tabs, .transparent-btns_tabs, .large-btns_tabs {  display:none;}
/* < > 버튼 */
.centered-btns_nav { display:none; }
/* .centered-btns_nav { display:none; bottom:35%; display:block; position:absolute; text-indent:-9999px; z-index:555; width:75px; height:108px; }
 .centered-btns_nav.prev {  left:0; background:url(/img/prevBtn.png) no-repeat; }
.centered-btns_nav.next { right:0; background:url(/img/nextBtn.png) no-repeat; }
 */

#menuMain { width:97%; overflow:hidden; /* border-bottom:1px solid #ff70a4; */ background:url(/m/img/dot_white.png) repeat-x bottom; padding:0 1.5% 0; margin:25px 0 0; }
#menuMain li { width:25%; float:left; text-align:center; }
#menuMain li img { width:57px; height:57px; margin:0 auto; display:block; border-radius:7px; box-shadow:1px 2px 4px 0.5px #581746;}
#menuMain li a p { color:#fff; line-height:15px; font-size:11px; height:40px; margin-top:7px; letter-spacing:-0.03em;}

#shareCon { width:90%; margin:20px auto 0; overflow:hidden; }
#shareCon li { float:left; width:25%; text-align:center; }
#shareCon li a { display:block; width:auto; overflow:hidden; }
#shareCon li a p { margin-top:45px; color:#fff;  line-height:15px; font-size:11px; }
#shareCon li:first-child { background:url(/m/img/ico_f.png) no-repeat top center; }
#shareCon li:nth-child(2) { background:url(/m/img/ico_t.png) no-repeat top center; }
#shareCon li:nth-child(3) { background:url(/m/img/share_kt.png) no-repeat top center; }
#shareCon li:last-child { background:url(/m/img/share_ks02.png) no-repeat top center; }


/* 메인 상담사 */
.gallery {
	margin-top:6px;/*25px; */
	width:auto;
	overflow:hidden;
	max-width:768px;
}

.gallery ul {
	width:100%;
	margin-top:0px;
	background: #f5f5f5

}

.gallery ul li {
	width:100%;
	text-align:center;
	border-top:1px #cecece solid;
    border-bottom:1px #cecece solid;
	padding-top:20px;
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
    background: #fff
}
.gallery ul li:nth-of-type(1) {
	border:0px #cecece solid;
	padding-top:0px;
}

.gallery ul li a img.sd_img {
	/*
	position:absolute;
	top:1px;
	left:5px;
	*/
	width33:135px;
	height33:80px;
	border33:1px solid #fff;
	border-radius33:10px
}
.gallery ul li a p {  color:#fff; font-size:11px; margin-top:5px; }



.gallery .sd_left {
	float:left;
	width:49%;
	box-sizing:border-box;
    margin-right: 2%;
	height:142px;
}
.gallery .sd_left2 {
	float:left;
	width:49%;
    overflow: hidden;
    position: relative;
	height:127px;
    box-sizing: border-box;
}

.gallery .sd_line2 {
	clear:both;
	font-size:12px;
	text-align:left;
    padding-top: 15px;
    display: block;
    background: #f4f1f7;
}



.sd_line2 a{color:#666666;}
.gallery .sd_line3 {
	clear:both;
	font-size:11px;
	text-align:center;
    padding: 10px 15px;
}
.gallery .sd_line4 {
	height:10px;
	border-top:1px #cecece solid;
	background-color:#bbbbbb; /* e6e6e6 */
	width:100%;
}

.gallery .btn_stat {
	color:#fff;
	font-size:11px;
	height: 30px;
    line-height: 30px;
	width:100%;
}

.gallery .absent {
	border: 1px solid #159CD7;
  background: url(../img/talking.png) no-repeat left 30% center #159cd7;

}

.gallery .off {
	border: 1px solid #9fb8aa;
	background-color: #9fb8aa;
  background-position: center 0;
}

.gallery .waiting {
	border: 1px solid #294e83;
     background: url(../img/talking.png) no-repeat left 30% center #294e83;

}
.gallery .talking {
  border: 1px solid #f37e18;
   background: url(../img/talking.png) no-repeat left 30% center #f37e18;
}

.gallery h2 {
	padding-top:2px;
	height:30px;
	float:left;
	font-size:17px;
}
.gallery h2 a{font-size:16px; color:#333;}
.gallery h3 {
	float:left;
	overflow:hidden;
	text-align:left;
	color:#999; /* #1e9218 */
	word-break:break-all;
	font-weight:normal;
	font-size:14px; /* 14 */
    letter-spacing: -1px
}

.gallery h2.h3_waiting a {
	color:#32a354;
}

.gallery h2.h3_talking a{
	color:#b68500;
}

.sd_page {
	margin: 10px auto;
	display:inline-block;
}

.sd_page li {
	padding:3px 10px;
	margin:5px;
	border:1px #cecece solid;
	border-radius:5px;
	float:left;
}

.sd_page li.cur {
	background:#efefef;
}

/* 서브  상담사 */
.sDetail {  width:100%; overflow:hidden; }

.sDetail ul {
	width:100%;
	margin-top:0px;
	padding:15px 1.5% 0; /* border-top:1px solid #ff70a4; */
}
.sDetai_fix{
    display: flex;
    align-items: center;
    justify-content: center;
}
.sDetai_fix div>a{
    /* padding: 10px 30px;
    background-color: #9e9e9e9c;
    border-radius: 5px;
    color: white;
    font-weight: 700; */
}
.sDetai_fix div:nth-of-type(2){
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    
}

.sDetail ul li {
	float:left;
	width:100%;
	text-align:center;
	border:1px #cecece solid;
	margin-bottom:15px;
	padding-top:10px;
	/*box-shadow:1px 2px 2px 1px #cccccc;*/
}
.sDetail ul li:nth-of-type(1) {
	border:0px #cecece solid;
	padding-top:0px;
}

.sDetail ul li a img.sd_img {
	width:100%;
}
.sDetail ul li a p {  color:#fff; font-size:11px; margin-top:5px; }



.sDetail .sd_left {
	width:100%;
}

.sDetail .sd_line1 {

}

.sDetail .sd_line2 {

}
.sDetail .sd_line3 {
	padding-top:10px;
	padding-bottom:10px;
	border-top:1px #D1D1D1 solid;
	width:95%;
	margin:10px auto;
	clear:both;
	font-size:11px;
	text-align:center;
}
.sDetail .sd_line3 span {
	color:red;
}

.sDetail .btn_stat {
	float:left;
	color:#fff;
	font-size:11px;
	padding: 8px 0;
	text-align:center;
	width:50%; /*140px*/
    font-size: 14px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;

  background-repeat: no-repeat;
  background-size: 25px auto;
  background-position-x: 35px !important;
  background-position-y: -15px !important;
  background-image: url(/m/img/icon_saju.png);
}

.sDetail .btn_hugi {
	float:left;
	color:#fff;
	background-color: #888888; /*#EB5150 #BFBFBF*/
	font-size:11px;
	text-align:center;
	width:50%;
	height:100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.sDetail .btn_hugi a { color:#fff }

.sDetail .absent {
	border: 1px solid #159CD7;
	background-color: #159CD7;
  background-position: center 0;
}

.sDetail .off {
	border: 1px solid #cecece;
	background-color: #cecece;
  background-position: center 0;
}

.sDetail .waiting {
	border: 1px solid #0E4064;/*0E4064*/
	background-color: #0E4064;
    background-position: center 0;

}
.sDetail .talking {
  border: 1px solid #f37e18;
  background-color: #f37e18;
  background-position: center -35px;
  color: #fff;
}

.sDetail h2 {
	/*width:100%;
	text-align:center;
	margin-left88:200px;
	padding-top:8px;
	height:30px;
	float:left;
	font-size:18px;
	letter-spacing:-1px;
	font-weight:bold;
	min-width:200px;
	xborder:1px red solid;
	color:#2a9ec4!important;*/
}
.sDetail h2 > a:link{color:#2a9ec4!important;}
.sDetail h3 {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	width:100%;
	padding-left99:200px;
	height:50px;
	float:left;
	overflow1:hidden;
	text-align:left;
	font-weight:normal;
	color:#666;
	font-size:12px;
	word-break:break-all;
	text-align:center;
	margin-bottom:10px;
}



.btn_reply {
	color:#fff;
	margin-top:10px;
	margin-bottom:5px;
	padding:3px;
	font-size:11px;
	border-radius:5px;
	xpadding-top:18px;
	text-align:center;
	width:100%;
	height:25px;
 	background-color:#888888;
	padding-top:10px;

  xbackground-repeat: no-repeat;
  xbackground-size: 25px auto;
  xbackground-image: url(/m/img/icon_saju.png);
}
.btn_reply a {
	color:#fff;
}


.choice-number{
			position:fixed;
			top:45%;
			left:20%;
			width:60%;
			max-width:768px;
			box-sizing:border-box;
			border:1px solid #dcdcdc;
			background:#fff;
			padding-bottom:20px;
			border-radius:10px;
			z-index:999999;
		}
		.choice-number h4{
			text-align: center;
			width:100%;
			padding:5px;
			border-radius:10px 10px 0 0;
			box-sizing:border-box;
			border-top:1px solid #1aa6a8;
			border-bottom:1px solid #1aa6a8;
			margin-bottom:5px;
			background:#1aa6a8;
			overflow:hidden;
			color:#fff
		}
		.choice-number p{
			text-align:center;
			padding-bottom:15px;


		}
		.choice-number ul{
			padding:0 20px;
		}
		.choice-number ul li{
		}
		.choice-number ul li a{
			display:block;
			width:100%;
			text-align: center;
			color:#fff;
			padding:10px;
			box-sizing:border-box;
			border-radius:10px;
		}
		.choice-number ul li:first-child a{
			background:#159CD7;
			margin-bottom:10px;
		}
		.choice-number ul li:nth-child(2) a{
			background:#63A324;
			margin-bottom:10px;

		}
		.choice-number ul li:nth-child(3) a{
			background:#dcdcdc;
			color:#333;
		}



/* 서브 상담사 끝 */

#visitCon { width:97%; margin:25px auto 0; overflow:hidden; }
#visitCon > div { background:#232323; border-radius:7px; line-height:75px; height:75px; float:left; width:22%; text-align:center; color:#fff; font-size:40px; }
#visitCon > dl { background:#232323; border-radius:7px; height:75px; overflow:hidden; float:left; width:37%; margin-left:2%; }
#visitCon > dl dt { color:#7b7b7b; font-size:11px; margin:6px 0 0 10px; }
#visitCon > dl dd { color:#fff; line-height:32px; font-size:28px; font-weight:; text-align:center; }

.noticeCon { margin:25px 0 0; width:100%; overflow:hidden; }
.noticeCon h3 { float:left; font-weight:bold; color:#fff; font-size:16px; margin:0 0 0 10px; }
.noticeCon > a { color:#fff; font-size:11px; float:right; margin:3px 10px 0 0; }
.noticeCon > a::after { content:">"; font-size:0.9em; font-weight:bold; float:right; padding:0 0 0 3px; color:#7e2164; }
.noticeCon > ul { clear:both; padding-top:5px; width:100%; overflow:hidden; /* border-bottom:1px solid #ff70a4; */ background:url(/m/img/dot_white.png) repeat-x bottom; }
.noticeCon > ul li { clear:both; height:37px;width:100%; overflow:hidden; /* border-top:1px solid #ff70a4; */ background:url(/m/img/dot_white.png) repeat-x top; }
.noticeCon > ul li label { margin-left:10px;float:left; color:#fff; font-size:14px; line-height:37px; }
.noticeCon > ul li span { display:block; float:right; line-height:37px;  margin-right:10px; font-size:12px; color:#fff; }

/*서브*/
.scrollBg { height:35px; width:100%; }
#subMenu { position:absolute; z-index:1; top:51px; bottom:0; left:0; width:100%; height:35px; background:#fae683; overflow:hidden; }
#scroller { width:791px; height:100%;float:left; }
#scroller ul { float:left; width:100%; height:100%; }
#scroller li { float:left; width:auto; height:100%;}
#scroller li a { color:#111; display:block; width:auto; padding:0 10px; line-height:35px; height:100%; text-align:center; }
#scroller li.on a { font-weight:bold; background:#fff; }

.h2Title { position:absolute; z-index:1; top:51px; bottom:0; left:0; height:35px; width:100%; background:#fae683; line-height:35px; }
.h2Title h2 { margin-left:10px; }

#content { margin:0 auto; overflow:hidden; padding-bottom:20px; padding:0; max-width:768px;}

img.w100 { width:100%; }

/*사이트맵*/
.sitemap { width:100%;  }
.sitemap dt { background:#f3f4f5; color:#000; text-align:center; font-size:18px; line-height:40px; height:40px; font-weight:bold;  }
.sitemap dd { height:55px; border-bottom:1px solid #ddd; }
.sitemap dd a { font-size:17px; font-weight:bold; color:#000; display:block; width:95%; margin:0 2.5%; height:55px; line-height:55px; background:url(/m/img/bullet_allMenu.png) no-repeat center right; }

/*찾아오시는길*/
#map { width:95%; margin:0 auto; overflow:hidden; }
#map > .jido { float:left; border:5px solid #eee; width:300px; margin-left:20px; }
#map > dl { margin-top:80px; float:right; width:calc(100% - 350px); font-size:1.2em; }
#map > dl dt { font-weight:bold; color:#000; margin-top:10px;}
#map > dl dt:before { content:"＞"; color:#ffc800; font-size:.8em; }
#map > dl dt:first-child:before { content:none; }


/* bx-slide */
.wrap_lnb{
	position:relative;
}
.bx-next{
	position:absolute;
	top:0;
	right:0;
	border:0.5px solid #eeeeee;
	width:15px;
	height:100%;
	height:100%;
	background:url(/m/img/right-arrow.png) no-repeat center center;
}
.bx-prev{
	display:block;
	position:absolute;
	top:0;
	left:0;
	border:0.5px solid #eeeeee;
	width:15px;
	height:100%;
	background:url(/m/img/left-arrow.png) no-repeat center center;

}

/*

.scroller-arr-left, .scroller-arr-right{
	position:absolute;
	display:none;
	left:0;
	top:0;
	width:20px;
	height:100%;
	background:url(/m/img/left-arrow.png) no-repeat center center;
}
*/


/*무료타로*/

/*
.free-img  {position: relative}
.free-img img {width:100%;}

a.google { position:absolute;display:block;
   border: 1px solid #000; width: 20%;height: 5%; bottom: 85px;left: 130px;}

a.apple {position:absolute;display:block;
    border: 1px solid #000; width: 20%;height: 5%; bottom: 85px;right: 130px;}
*/

.free-img img {width:100%;}
.free-img {position:relative;font-size:0;}
.free-img a.google {position:absolute;display:block;left:27.0833%;bottom:12.9259%;width:20.4166%;height:5.1703%;}
.free-img a.apple {position:absolute;display:block;right:26.8055%;bottom:12.6909%;width:20.4166%;height:5.4054%;}

#mainVisual{
    position:relative;
    box-shadow:0 1px 4px rgba(0,0,0,.2);
    zoom:1;
}

.nav-icon{
    box-sizing:border-box;
    margin-bottom:0;

}

.nav-icon li{
    width:25%;
    float:left;
    text-align:center;
    padding:5px;
    box-sizing:border-box;
}
.nav-icon li img{
    max-width:30px;
}
.nav-icon-txt{
    margin-top:5px;
}
.nav-icon-txt p{
    font-size:14px;
    color:#333;
}
.free-img{
    margin-top:5px;
}
#ddi img{
    vertical-align:top;
}
#mTab{
    margin-top:5px !important;
}

.m-top{
    position:relative;
}
.close-menu{
    position:absolute;
    top:50%;
    transform: translateY(-50%);
    left:10px;
    z-index:9999;
}
/*m-menu*/
.m-menu-bg{
	background:rgba(0,0,0,0.6);
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:98;
	display:none;
	overflow:hidden;
}

.m-menu {
	width: 60%;
	height: 100%;
	position: fixed;
	top: 0;
	left: -100%;
	display: none;
    z-index: 99;
	border-left:1px solid #ddd;
	box-sizing:border-box;
	background:#dedede;
    padding-bottom:56px;
}
.m-menu img{
/*	width:100%;*/
	vertical-align:middle;
    max-width:100%;
}
/*
.m-top{
	position:absolute;
	top:0;
	z-index:999;
	width:100%;
}
*/
.m-logo{
    text-align:center;
    height:65px;
    padding:10px;
    box-sizing:border-box;
    background:#fff;
    border-bottom:1px dashed #f0f0f0;
    position:relative;
}
.m-logo a{
    font-size:16px;
    color:#fff;
    font-weight:500;
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
}
.log-on{
    /*display:none;*/
}
.log-off{
    display:block;
}
.m-member li{
    width:100%;
    float:left;
    text-align:center;
}
.m-member li a{
    display:block;
    padding:7px;
    box-sizing:border-box;
    border:1px solid #f0f0f0;
    background:#fff;
}
.m-logo h4{
    font-size:24px;
    color:#464646;
    font-weight:700;
    line-height:30px;
}
.m-logo p{
    font-size:10px;
    color:#464646;
    letter-spacing: 1px;
}
.m-list ul{
	display:table;
	width:100%;
	border-bottom:1px solid #fff;
	box-sizing:border-box;
	border-collapse: collapse;
	background:#fff;
}
.m-list li{
	width:25%;
    float:left;
	height:50px;
	text-align:center;
	border:1px solid #ccc;
	box-sizing:border-box;
	border-top:0;
	line-height:50px;
}
.m-list li a{
	display:block;
	width:100%;
	height:100%;
    color:#fff;
    text-align:left;
    padding-left:50px;
    box-sizing:border-box;
}

.m-cart li {
    width: calc(25%) !important;

    box-sizing: border-box;
    text-align: center;
}

.m-cart li a {
    display: block;
    padding: 7px 0;
    box-sizing: border-box;
}
.m-list-member ul{
	width:100%;
}
.m-list-member ul li{
    width:50%;
	text-align:center;
    float:left;
	border:1px solid #ccc;
	box-sizing:border-box;
	background:#fff;
}
.m-list-member ul li a{
    display:block;
    padding:5px 0;
    box-sizing:border-box;
}
.m-content{
    height:calc(100% - 90px);
/*
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    -webkit-transform: translateZ(0px);
*/
}
.m-content > ul> li > a{
	padding: 15px 20px;
	box-sizing: border-box;
}
.m-content > ul> li a {
	display: block;
	color: #333;
	border-bottom: 1px solid #ccc;
    font-weight:500;
    font-size:16px;
    position:relative;
    background:#fff url(/m/img/arrow-icon.png) no-repeat center right 15px;
}
.m-content > ul> li a span{
    vertical-align:middle;
}
.m-content > ul> li a img{
    width:20px;
    vertical-align:middle;
    margin-right:10px;
}
.m-content > ul > li > a.m-sub-a:after{
    content:"+";
    font-weight:600;
    position:absolute;
    right:20px;
    top:50%;
    transform: translateY(-50%);
}
.m-content > ul > li > a.m-sub-b:after{
    content:"-";
    font-weight:600;
    position:absolute;
    right:20px;
    top:50%;
    transform: translateY(-50%);
}

.m-content > ul> li .sub-menu {
	display: none;
}
.m-content > ul> li .sub-menu a {
    background:#fff;
    padding:10px 20px;
    box-sizing:border-box;
    border:0;
    background:#f0f0f0;
}
.m-content > ul> li .sub-menu li:hover a {
	background: #999;
	color: #fff;
}
.m-content > ul> li .sub-menu li a {
	color: #fff;;
}



.ai{
    margin-top:1px;
}
.ai li{
    border-top:1px solid #868686;
    border-bottom:1px solid #868686;
    box-sizing:border-box;
    margin-top:-1px;
}
.ai li a{
    font-size:0;
    line-height:1.75;
    display:block;
    position:relative;
}
.ai li a:after{
    content:"";
    display:block;
    width:9px;
    height:14px;
    background:url(/m/img/arrow-btn.png) no-repeat center center;
    background-size:cover;
    position:absolute;
    top:50%;
    right:15px;
    transform: translateY(-50%);
    transition:rotate 0.5s;
}
.ai li a.on:after{
    transform: translateY(-50%) rotate(90deg);
}

.ai-icon{
    width:25%;
    display:inline-block;
    text-align:center;
    vertical-align:middle;
    padding:0 10px;
    box-sizing:border-box;
}
.ai-icon img{
    max-width:100%;
}
.ai-text{
    width:75%;
    display:inline-block;
    padding:20px;
    box-sizing:border-box;
    vertical-align:middle;
}
.ai-textCate{
    font-size:12px;
    color:#5a5a5a;
    height:auto;
    font-weight:500;
}
.ai-textTit{
    font-size:20px;
    color:#0c0c0c;
    font-weight:700;
}
.ai-price-free{
/*    margin-top:5px;*/
    font-size:14px;
    color:#4c0751;
    position:relative;
    font-weight:700;
}
.ai-price-pay{
    margin-top:5px;
    font-size:12px;
    color:#4c0751;
    position:relative;
    padding-left:25px;
    box-sizing:border-box;
    font-family: 'Lato', sans-serif;
    font-weight:700;
}
.ai-price-pay:before{
    content:"";
    display:block;
    width:20px;
    height:20px;
    background:url(/m/img/ai-price.png) no-repeat center center;
    background-size:cover;
    position:absolute;
    top:0;
    left:0;
}
.pay-form{
    border-top:1px solid #dedede;
    box-sizing:border-box;
    padding:15px;
    display:none;
}
.pay-form p{
    font-size:16px;
    color:#222222;
    font-weight:500;
}
.pay-form table{
    margin-top:5px;
    width:100%;
}
.pay-form table tr{
    border-top:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
}
.pay-form table th{
    width:30%;
    font-size:14px;
    color:#2c2c2c;
    font-weight:700;
    background:#f6f6f6;
    text-align:center;
    padding:0 10px;
}
.pay-form table td{
    padding:10px;
    box-sizing:border-box;
}
.pay-form table td input[type=number]{
    border:1px solid #d4d4d4;
    box-sizing:border-box;
    height:30px;
    line-height:30px;
    width:100%;
}
.pay-form table td span{
    margin:0 5px;
}
.pay-form table td label{
    font-size:14px;
    color:#2c2c2c;
    font-weight:bold;
}
.pay-form table td label + input{
    margin-left:5px;
}
.privacy-box{
    margin-top:10px;
    border:1px solid #dddddd;
    box-sizing:border-box;
    background:#f6f6f6;
    padding:10px;
}
.privacy-box label{
    font-size:14px;
    color:#2c2c2c;
}
.privacy-box a{
    font-size:14px;
    color:#2c2c2c;
}
.pay-form-btn{
    text-align:center;
}
.pay-form-btn button{
    width:70%;
    margin:20px auto 0;
    padding:15px 0;
    box-sizing:border-box;
    background:#4a044f;
    color:#fff;
    font-size:18px;
    border:0;

}


@media screen and (max-width:590px) {
	#map > .jido { clear:left; width:100%; border:none; margin-left:0; }
	#map > .jido div { margin:0 auto; }
	#map > dl { clear:right; width:95%; margin:0 2.5%; text-align:center; }
}

.comple{
    margin:10px;
    border:2px solid #d2d2d2;
    box-sizing:border-box;
    text-align:center;
    padding:40px 0;
    border-radius:5px;
}
.comple big{
    font-size:20px;
    color:#393939;
    font-weight:bold;
}
.comple big em{
    color:#ff0000;
    font-size:20px;
}
.comple p{
    margin-top:15px;
    font-size:16px;
    color:#232323;
}

.compleBtn{
    margin-top:20px;
    text-align:center;
}
.compleBtn a{
    display:inline-block;
    font-size:20px;
    color:#fff;
    background:#4a044f;
    padding:7px 40px;
    box-sizing:border-box;
}

.exception{
    background:#b1b1b1;
    color:#ffffff;
    padding:5px 0;
    text-align:center;
}
.exception p{
    font-size:14px;
    font-weight:500;
}


/* terms */

.m-layout{
    padding:30px;
    box-sizing:border-box;
}
.terms-box{
    margin-bottom:30px;
}
.terms-txt{
    position:relative;
    margin-bottom:10px;
}
.terms-txt p{
    font-size:16px;
    font-weight:700;
}
.terms-chk{
    position:absolute;
    bottom:0;
    right:0;
}
.terms-area{
    border:1px solid #cccccc;
    box-sizing:border-box;
    min-height:200px;
    overflow-y:scroll;
}

.terms-box2{
    padding:20px 0;
    text-align:center;
}
.terms-box2 label{
    font-size:14px;
    color:#444444;
    font-weight:700;
}
.terms-btn{
    margin-top:20px;
}
.terms-btn button{
    border:0;
    background:#aa52a7;
    width:40%;
    margin:0 5px;
    padding:8px 0;
    color:#fff;
}

.sign-box table{
    width:100%;
}
.sign-box table th{
    vertical-align:top;
    text-align:left;
    font-weight:700;
    padding:5px 0;
    display:block;
    width:100%;
}
.sign-box table td{
    display:block;
    width:100%;
    padding-bottom:10px;
}
.sign-box table td input{
    height:35px;
    border:1px solid #cccccc;
    box-sizing:Border-box;
    padding:10px;
    width:100%;
}
.sign-box table td .ipb{
    display:block;
    position:relative;
}
.sign-box table td .ipb input{
    width:calc(100% - 100px);
}
.sign-box table td .ipb button{
    width:100px;
    height:35px;
    position:absolute;
    top:0;
    right:0;
    border:0;
}
.sign-box table td p{
    margin-top:2px;
    margin-bottom:5px;
}
.sign-box table td p em{
    color:#e86969;
}
.ipb .ipb-gray{
    background:#cccccc;
    color:#fff;
}
.ipb .ipb-pink{
    background:#cc97ca;
    color:#fff;
}
.find-box{
    text-align:center;
}
.find-box .gray-box{
    display:inline-block;
    text-align:center;
    background:#f1f1f1;
    padding:7px 15px;
    box-sizing:border-box;
    margin-bottom:30px;
}
.find-box .gray-box p{
/*    font-size:16px;*/
    font-weight:700;
}
.find-form{
    margin-bottom:30px;
    text-align:left;
}
.find-form p{
    margin-bottom:10px;
    font-weight:700;
}
.find-form .ipb{
    display:block;
    position:relative;
}
.find-form .ipb input{
    width:calc(100% - 100px);
    height:35px;
    border:1px solid #cccccc;
    box-sizing:Border-box;
    padding:10px;
}
.find-form .ipb button{
    width:100px;
    height:35px;
    position:absolute;
    top:0;
    right:0;
    border:0;
}

.form-btn{
    margin-top:20px;
    text-align:center;
}
.form-btn button{
    color:#fff;
    background:#aa52a7;
    padding:10px 50px;
    box-sizing:border-box;
    border:0;
}

.login-box{
    padding:30px 20px;
    box-sizing:border-box;
    margin:auto;
}
.login-box p{
    margin-bottom:10px;
}
.login-box input:not([type=checkbox]){
    width:100%;
    border:0;
    background:#fff;
    padding:15px 10px;
    box-sizing:border-box;
    border:1px solid #cccccc;
}
.login_id_chk{
    margin-top:10px;
    text-align:right;
}
.login-btn{
    margin-top:30px;
    text-align:center;
}
.login-btn button{
    text-align:center;
    color:#fff;
    background:#aa52a7;
    padding:15px 70px;
    box-sizing:border-box;
    border:0;
    font-size:16px;
}


.id_pw{
    margin-top:10px;
    text-align:center;
}
.id_pw a{
    display:inline-block;
}
.id_pw a:after{
    content:"";
    display:inline-block;
    width:1px;
    height:13px;
    background:#767676;
    margin:0 5px 2px;
    vertical-align:middle;
}
.id_pw a:last-child:after{
    display:none;
}
.find-txt{
    margin-bottom:30px;
}
.find-txt p{
    display:block;
    background:#f1f1f1;
    padding:15px;
    box-sizing:border-box;
    font-size:16px;
    color:#222222;
    font-weight:700;
}
.find-box-item{
    text-align:left;
    margin-bottom:30px;
}
.find-box-item p{
    font-size:14px;
    color:#222222;
    font-weight:700;
    margin-bottom:10px;
}
.find-input{
    position:relative;
    margin-bottom:10px;
}
.find-input input{
    width:calc(100% - 100px);
    border:1px solid #ebebeb;
    box-sizing:border-box;
    height:40px;
    line-height:40px;
}
.find-input button{
    position:relative;
    width:100px;
    height:40px;
    line-height:40px;
    position:absolute;
    top:0;
    right:0;
    border:0;
    color:#fff;
}
.find-input button.gray-btn{
    background:#cccccc;
}
.find-input button.pink-btn{
    background:#cc97ca;
}
.find-box-btn button{
    text-align:center;
    color:#fff;
    background:#aa52a7;
    padding:15px 70px;
    box-sizing:border-box;
    border:0;
    font-size:16px;
}

.mypage{
    /*background:#fbf2f9;
    padding:30px;
    box-sizing:border-box;
    text-align:center;*/
}
.my-btn{
    text-align:center;
    margin-top:30px;
}
.my-btn a{
    display:inline-block;
    color:#fff;
    background:#aa52a7;
    padding:15px 70px;
    box-sizing:border-box;
    border:0;
    font-size:16px;
}
.mypage-intro p{
    font-size:11px;
    color:#666666;
}
.mypage-intro p strong{
    font-weight:700;
}

.my-point{
    margin-top:20px;
}
.my-point p{
    display:inline-block;
    padding:10px 10px;
    box-sizing:border-box;
    border-radius:20px;
    font-size:14px;
    color:#ffffff;
    background:#d5a9d3;
}
.my-des{
    margin-top:20px;
    background:#fff;
    padding:20px 10px;
    box-sizing:border-box;
}
.my-des li{
    font-size:12px;
    color:#666666;
}
.my-info{
    margin-top:20px;
    text-align:left;
    padding:10px;
    box-sizing:border-box;
}
.my-info p{
    font-size:12px;
    color:#222222;
    font-weight:700;
}
.my-info p span{
    font-weight:400;
}

.welcome{
    background:#eeeeee;
    padding-top:5px;
    padding-bottom:5px;
    padding-right:5px;
    padding-left:40px;
    box-sizing:border-box;
    position:relative;
}
.welcome:before{
    content:"";
    display:block;
    width:13px;
    height:11px;
    background:url(/images/speaker-icon.png) no-repeat center center;
    background-size:cover;
    position:absolute;
    top:50%;
    left:10px;
    transform: translateY(-50%);
}