@charset "utf-8";

  /* 2022.05.02 작업 */
	@font-face{
		font-family: 'HomeplusGothicNeo1-B';
		src: url('../font/HomeplusGothicNeo1-B.eot'); /* IE9 Compat Modes */
		src: url('../font/HomeplusGothicNeo1-B.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('../font/HomeplusGothicNeo1-B.woff') format('woff'), /* Modern Browsers */
			url('../font/HomeplusGothicNeo1-B.ttf') format('truetype'), /* Safari, Android, iOS */
			url('../font/HomeplusGothicNeo1-B.svg#HomeplusGothicNeo1-B') format('svg'); /* Legacy iOS */
	}

	@font-face{
		font-family: 'HomeplusGothicNeo1-Ex';
		src: url('../font/HomeplusGothicNeo1-Ex.eot'); /* IE9 Compat Modes */
		src: url('../font/HomeplusGothicNeo1-Ex.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('../font/HomeplusGothicNeo1-Ex.woff') format('woff'), /* Modern Browsers */
			url('../font/HomeplusGothicNeo1-Ex.ttf') format('truetype'), /* Safari, Android, iOS */
			url('../font/HomeplusGothicNeo1-Ex.svg#HomeplusGothicNeo1-Ex') format('svg'); /* Legacy iOS */
	}

	@font-face{
		font-family: 'HomeplusGothicNeo1-M';
		src: url('../font/HomeplusGothicNeo1-M.eot'); /* IE9 Compat Modes */
		src: url('../font/HomeplusGothicNeo1-M.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('../font/HomeplusGothicNeo1-M.woff') format('woff'), /* Modern Browsers */
			url('../font/HomeplusGothicNeo1-M.ttf') format('truetype'), /* Safari, Android, iOS */
			url('../font/HomeplusGothicNeo1-M.svg#HomeplusGothicNeo1-M') format('svg'); /* Legacy iOS */
	}


	@font-face{
		font-family: 'HomeplusGothicNeo1-S';
		src: url('../font/HomeplusGothicNeo1-S.eot'); /* IE9 Compat Modes */
		src: url('../font/HomeplusGothicNeo1-S.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('../font/HomeplusGothicNeo1-S.woff') format('woff'), /* Modern Browsers */
			url('../font/HomeplusGothicNeo1-S.ttf') format('truetype'), /* Safari, Android, iOS */
			url('../font/HomeplusGothicNeo1-S.svg#HomeplusGothicNeo1-S') format('svg'); /* Legacy iOS */
	}

/* base */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video
{margin:0; padding:0; border:0;} 

/* Common */ 
img,fieldset{border:0;}
ul,ol,li{list-style:none;}
em,address{font-style:normal;}
hr {display: none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
table{border-collapse:collapse; border-spacing:0; width:100%; }

/* 크롬 placeholder */
input:focus::-webkit-input-placeholder {color:transparent;}
textarea:focus::-webkit-textarea-placeholder {color:transparent;}

/* default 
.fl-L{float:left !important;}
.fl-R{float:right !important;}
.fl-N{float:none !important;}
*/
.align-T{vertical-align:top !important;}
.align-M{vertical-align:middle !important;}
.align-B{vertical-align:bottom !important;}

/*2018-10-08 추가 : 반복영역 바로 가기 추가*/
#skip{position:relative;z-index:99999;}
#skip a{position:absolute;top:-40px;left:0;width:100%;padding:5px 0;background-color:#033478;font-size:14px;line-height:30px;color:#fff;text-align:center;transition:all 0.4s;}
#skipa:hover, #skip a:focus, #skip a:active{top:0;text-decoration:none;}



/* skip navigation */
#accessibility  {position:fixed !important;top:0;left:0;width:100%;text-align:center;z-index:9999;}
.skipNav-container a {display: block;padding: 10px 5px; background: #ffff99; color: #000; text-align: center; width:100%;}
.skipNav-container a:focus {outline: none;background: #ffff99;}
.a11y-hidden {overflow: hidden; clip:rect(0 0 0 0); clip:rect(0,0,0,0); position: absolute;width: 1px;height: 1px;margin: -1px;border: 0;padding: 0; }
.a11y-hidden.focusable:focus, .a11y-hidden.focusable:active {outline: visible; clip:auto; position: static; width: auto;height: auto;margin: 0;}

.hidden, legend{position:absolute; left:-9999px;top:-9999px;overflow:hidden; height:0; width:0; font-size:0; visibility:hidden; text-align:left;}
caption{overflow:hidden; height:0; width:0; font-size:0; visibility:hidden; text-align:left; text-indent:-99999px; line-height:0;}
.none{display:none;}
select{border:1px solid #d2d2d2;color:#555;height:23px;padding:1px;font-family:"HomeplusGothicNeo1-M", Helvetica, Arial, sans-serif; font-size:1em}
textarea{width:95%;border:1px solid #d2d2d2; font-family:"HomeplusGothicNeo1-M", Helvetica, Arial, sans-serif; line-height:150%;}
input[type="file"]{border:0px solid #d2d2d2;color:#555;}
input[type="image"]{border:0;width:auto;height:auto;}
input[type="checkbox"],input[type="radio"],.checkbox{border:0;vertical-align:middle;width:13px;height:13px;margin:2px 2px 2px 5px;padding:0}
input, button { font-family:"HomeplusGothicNeo1-M", Helvetica, Arial, sans-serif;}/*font-family:"집더함체L", homeplusR, hp,sans-serif*/

.clearfix{*zoom:1;}
.clearfix:after{content:"";display:block;clear:both;height:0;}


/* clear 적용 */
.clear {clear:both;}

/* html5 블럭인식 */
section, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, summary, caption, ul, li{display: block;}


/* font 설정 
body{font-family:"homeplusR","집더함체R", "서울한강체","바탕","맑은 고딕","Malgun Gothic",sans-serif; font-size:12px; color:#444;}*/
.bold{font-weight:bold;}
.bigfont {font-size:13px; line-height:200%;}


/* width size */
.w0{width:0 !important;}
.w1{width:1% !important;}
.w2{width:2% !important;}
.w3{width:3% !important;}
.w4{width:4% !important;}
.w5{width:5% !important;}
.w6{width:6% !important;}
.w7{width:7% !important;}
.w8{width:8% !important;}
.w9{width:9% !important;}
.w10{width:10% !important;}
.w11{width:11% !important;}
.w12{width:12% !important;}
.w13{width:13% !important;}
.w14{width:14% !important;}
.w15{width:15% !important;}
.w16{width:16% !important;}
.w17{width:17% !important;}
.w18{width:18% !important;}
.w19{width:19% !important;}
.w20{width:20% !important;}
.w21{width:21% !important;}
.w22{width:22% !important;}
.w23{width:23% !important;}
.w24{width:24% !important;}
.w25{width:25% !important;}
.w26{width:26% !important;}
.w27{width:27% !important;}
.w28{width:28% !important;}
.w29{width:29% !important;}
.w30{width:30% !important;}
.w31{width:31% !important;}
.w32{width:32% !important;}
.w33{width:33% !important;}
.w34{width:34% !important;}
.w35{width:35% !important;}
.w36{width:36% !important;}
.w37{width:37% !important;}
.w38{width:38% !important;}
.w39{width:39% !important;}
.w40{width:40% !important;}
.w50{width:50% !important;}
.w60{width:60% !important;}
.w65{width:65% !important;}
.w70{width:70% !important;}
.w75{width:75% !important;}
.w80{width:80% !important;}
.w85{width:85% !important;}
.w90{width:90% !important;}
.w95{width:95% !important;}
.w99{width:99% !important;}
.w100{width:100% !important;}

.wx5{width:5px !important;}
.wx10{width:10px !important;}
.wx15{width:15px !important;}
.wx20{width:20px !important;}
.wx25{width:25px !important;}
.wx30{width:30px !important;}
.wx35{width:35px !important;}
.wx40{width:40px !important;}
.wx45{width:45px !important;}
.wx50{width:50px !important;}
.wx55{width:55px !important;}
.wx60{width:60px !important;}
.wx65{width:65px !important;}
.wx70{width:70px !important;}
.wx75{width:75px !important;}
.wx80{width:80px !important;}
.wx85{width:85px !important;}
.wx90{width:90px !important;}
.wx95{width:95px !important;}
.wx100{width:100px !important;}
.wx110{width:110px !important;}
.wx115{width:115px !important;}
.wx120{width:120px !important;}
.wx125{width:125px !important;}
.wx130{width:130px !important;}
.wx135{width:135px !important;}
.wx140{width:140px !important;}
.wx145{width:145px !important;}
.wx150{width:150px !important;}
.wx155{width:155px !important;}
.wx160{width:160px !important;}
.wx165{width:165px !important;}
.wx170{width:170px !important;}
.wx175{width:175px !important;}
.wx180{width:180px !important;}
.wx185{width:185px !important;}
.wx190{width:190px !important;}
.wx195{width:195px !important;}
.wx200{width:200px !important;}
.wx210{width:210px !important;}
.wx220{width:220px !important;}
.wx224{width:224px !important;}
.wx230{width:230px !important;}
.wx240{width:240px !important;}
.wx250{width:250px !important;}
.wx260{width:260px !important;}
.wx270{width:270px !important;}
.wx280{width:280px !important;}
.wx290{width:290px !important;}
.wx300{width:300px !important;}
.wx310{width:310px !important;}
.wx320{width:320px !important;}
.wx330{width:330px !important;}
.wx340{width:340px !important;}
.wx350{width:350px !important;}
.wx360{width:360px !important;}
.wx370{width:370px !important;}
.wx380{width:380px !important;}
.wx390{width:390px !important;}
.wx400{width:400px !important;}
.wx500{width:500px !important;}
.wx510{width:510px !important;}
.wx520{width:520px !important;}
.wx525{width:525px !important;}
.wx580{width:580px !important;}


/* padding */
.plr15 {padding-left:15px; padding-right:15px;}
.ptb40{padding-top:40px !important;padding-bottom:40px !important;}
.ptb30{padding-top:30px !important;padding-bottom:30px !important;}
.pb0{padding-bottom:0 !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}
.pb46{padding-bottom:46px !important;}
.pb50{padding-bottom:50px !important;}
.pb60{padding-bottom:60px !important;}
.pb70{padding-bottom:70px !important;}
.pb80{padding-bottom:80px !important;}
.pb90{padding-bottom:90px !important;}
.pb100{padding-bottom:100px !important;}
.pb110{padding-bottom:110px !important;}
.pb120{padding-bottom:120px !important;}
.pb130{padding-bottom:130px !important;}
.pb140{padding-bottom:140px !important;}
.pb150{padding-bottom:150px !important;}

.pt6{padding-top:6px !important;}
.pt10{padding-top:10px !important;}
.pt30{padding-top:30px !important;}
.pl20{padding-left:22px !important;}
.pl35{padding-left:35px !important;}

/* margin */
.mg0{margin:0 !important;}

.mb-1{margin-bottom:-1px !important;}
.mb0{margin-bottom:0px !important;}
.mb1{margin-bottom:1px !important;}
.mb2{margin-bottom:2px !important;}
.mb3{margin-bottom:3px !important;}
.mb4{margin-bottom:4px !important;}
.mb5{margin-bottom:5px !important;}
.mb6{margin-bottom:6px !important;}
.mb7{margin-bottom:7px !important;}
.mb8{margin-bottom:8px !important;}
.mb9{margin-bottom:9px !important;}
.mb10{margin-bottom:10px !important;}
.mb11{margin-bottom:11px !important;}
.mb12{margin-bottom:12px !important;}
.mb13{margin-bottom:13px !important;}
.mb14{margin-bottom:14px !important;}
.mb15{margin-bottom:15px !important;}
.mb16{margin-bottom:16px !important;}
.mb17{margin-bottom:17px !important;}
.mb18{margin-bottom:18px !important;}
.mb19{margin-bottom:19px !important;}
.mb20 {	margin-bottom: 60px !important; /* 2021-05-24 : margin-bottom: 20px -> 60px css 수정 */}
.mb21{margin-bottom:21px !important;}
.mb22{margin-bottom:22px !important;}
.mb23{margin-bottom:23px !important;}
.mb24{margin-bottom:24px !important;}
.mb25{margin-bottom:25px !important;}
.mb26{margin-bottom:26px !important;}
.mb27{margin-bottom:27px !important;}
.mb28{margin-bottom:28px !important;}
.mb29{margin-bottom:29px !important;}
.mb30{margin-bottom:30px !important;}
.mb31{margin-bottom:31px !important;}
.mb32{margin-bottom:32px !important;}
.mb33{margin-bottom:33px !important;}
.mb34{margin-bottom:34px !important;}
.mb35{margin-bottom:35px !important;}
.mb36{margin-bottom:36px !important;}
.mb37{margin-bottom:37px !important;}
.mb38{margin-bottom:38px !important;}
.mb39{margin-bottom:39px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb53{margin-bottom:53px !important;}
.mb55{margin-bottom:55px !important;}
.mb60{margin-bottom:60px !important;}
.mb65{margin-bottom:65px !important;}
.mb70{margin-bottom:70px !important;}
.mb75{margin-bottom:75px !important;}
.mb80{margin-bottom:80px !important;}
.mb85{margin-bottom:85px !important;}
.mb90{margin-bottom:90px !important;}
.mb95{margin-bottom:95px !important;}
.mb100{margin-bottom:100px !important;}

.mr0{margin-right:0 !important;}
.mr6{margin-right:6px !important;}
.mr7{margin-right:7px !important;}
.ml-15{margin-left:-15px !important;}
.mr-15{margin-right:-25px !important;}

.mt-25{margin-top:-25px !important;}
.mt0{margin-top:0px !important;}
.mt4{margin-top:4px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt40{margin-top:40px !important;}
.mt60{margin-top:60px !important;}

.ml50{margin-left:50px !important;}
.ml30{margin-left:30px !important;}
.ml20{margin-left:20px !important;}
.ml10{margin-left:10px !important;}

.font12 {font-size:12px !important;}
.font13 {font-size:13px !important;}
.font16 {font-size:16px !important;}
.font-sm{ font-size:12px;}
.nowrap {white-space: nowrap;}
/* color */
a,a:visited{color:#555;text-decoration:none}
a:hover,a:active,a:focus{color:#e60013; text-decoration:none;}
a:hover.underline, .underline {text-decoration:underline;}

a.underline_link,a.underline_link:visited{text-decoration:underline;}
a.underline_link:hover,a.underline_link:active,a.underline_link:focus{text-decoration:underline;}
a:hover.underline {text-decoration:underline;}

::selection { background: #e60013; color:#fff; }
::-moz-selection { background: #e60013;  color:#fff;}
::-webkit-selection { background: #e60013;  color:#fff;}
/* layout */
#header, .wrap_sub #container, #footer {position:relative;text-align:left}/*margin:0 auto;width:1246px;*/
#header{z-index:1001;height:73px;position:relative; background-color:#3a4156; min-width:1240px;}

.wrap_content {background:#fff; width:100%;}

.wrapper_footer {width:100%;}
#footer { border-top: 1px solid #3a4156; background:#616778;padding:20px 0; color:#fff;}

/* sticky footer */
html, body{height:100%}
body{margin:0}
#wrap{min-height:100%}/*margin-bottom:30px;*/
.wrap_content{padding-bottom:85px; }
.wrapper_footer{margin-top:-55px;height:55px;}


/* header */
#header h1{float:left; padding:0;}

#topNav {position:absolute;left:210px;top:0px;z-index:999999999;}
#topNav ul { padding:0; margin:0;}
#topNav ul:after { content:"."; display:block; clear:both; visibility:hidden; }
#topNav li a { display:block;  font-size:19px;color:#fff; text-decoration:none; font-size:16px;padding:28px 26px; font-weight:600;}
#topNav li { position:relative; float:left;height:50px; }

#topNav ul ul { display:none;padding:10px 0 0 0 !important; position:absolute; top:70px; left:0; background-color:#3a4156; min-width:130px}
#topNav ul ul li { float:none; height:auto !important; }
#topNav ul ul li a{display:block;height:auto !important;padding:5px 0;  color:#b4bbd1; font-size:12px;}
#topNav ul ul li a{ min-height:18px !important; padding-left:20px;padding-right:20px;  background:url(../images/arrow.gif) no-repeat 10px 700px; white-space:nowrap;}
#topNav ul ul li a:hover{color:#22f282; background-position: 10px 7px}
#topNav ul ul li a:active{color:#00cf60;}
.logout {position:absolute; right:20px; top:26px; color:#fff;border-radius: 10px; background:#616778; padding:3px 10px 4px; border:0; font-size:12px; cursor: pointer; font-weight:600;}
.logout:hover {background:#fff; color:#212a43;}


#topNav {position:absolute;left:250px;top:0px;z-index:999999999;}	
#topNav li a { display:block;  font-size:19px;color:#fff; text-decoration:none; font-size:16px;padding:28px 32px}
.logout {position:absolute; right:30px; top:26px;}


.header_wrap {width:100%;}
.mall {margin-top:0px; position:absolute; top:20px; width:19%}
.megamenu { padding-top:10px}
.megamenu img { width:23px;}

.logo { padding:0px 18px 0px 0px; position:absolute; left:0px;-webkit-transition: all .5s ease-in-out;transition: all .2s ease-in-out; z-index:999;top:13px}/*2018-07-25 : top -5px - 3px 수정*/
.logo img { width:120px;} /*2018-07-31 width[130-120]수정*/
.affix .logo{top:5px} /*2018-07-31 : 추가 */
.plus {padding:14px 25px 0; text-align:center;-webkit-transition: all .5s ease-in-out;transition: all .2s ease-in-out} /* 2018-07-25 padding-top: 0 - 14px 수정*/
.header_wrap {width:1240px; position:relative; margin:0 !important}	
.mall {margin-top:0px;}
.megamenu { position:absolute; right:5px; top:5px;-webkit-transition: all .5s ease-in-out;transition: all .2s ease-in-out}
.megamenu img {width:27px}
.megamenu a { font-weight:600;}
.store { position:absolute; right:55px; top:8px;-webkit-transition: all .5s ease-in-out;transition: all .2s ease-in-out}


/* main */
#content{}

input.txt {border:1px solid #d2d2d2; background-color:#fff; height:20px; font-size:1em; padding-left:5px;}
/* title */
.wrap_h3 {border-bottom:2px solid #959595; padding-bottom:11px}
.wrap_h3 p {font-size:20px; line-height:30px; color:#000; padding:55px 30px 0;}
.board{position: relative;}
.board label {vertical-align:middle;}
.boardList{background: #fff;border-top:1px solid #b7d3ab;border-bottom:1px solid #b7d3ab;text-align:center;width:100%;margin-bottom:15px;}
.boardList thead th{border-top:1px solid #d2d2d2;padding:5px 5px;background:#dff0d8;border-left:1px solid #b7d3ab;}
.boardList tbody th,
.boardList tbody td{border-top:1px solid #d2d2d2;border-left:1px solid #d2d2d2;padding:5px 5px; line-height:130%}
.boardList tbody td:first-child, .boardList thead th:first-child {border-left:none;}
.board .btn_write{position: absolute;right:0;bottom:0;}
.boardList tr:hover {background:#fafafa;}
.boardList.narrow td {padding:5px 5px;border-left:none; border-right:1px solid #d2d2d2;}
.boardList.narrow td:last-child {border-right:none;}
.boardList.narrow td.dimed { background:#ddd; color:#666;}
.boardList.narrow tr {background:none;}

.boardWrite{background:#fff;width: 100%;margin-bottom:5px;border-top:1px solid #b7d3ab !important;}
.boardWrite tbody td{border:1px solid #d2d2d2;padding:5px 5px;border-top:none !important; ;border-right:none !important; }
.boardWrite tbody th{background:#dff0d8;padding:5px 5px; border:1px solid #b7d3ab;border-top:none !important;}
.boardWrite tbody th.first {border-left:0;}
.boardWrite textarea{height:200px;}

.boardView{background:#fff;width: 100%;margin-bottom:15px;}
.boardView tbody th,
.boardView tbody td{border:1px solid #d2d2d2;padding:10px 5px;}
.boardView tbody th{background:#f2f2f2;}

/*공지사항*/
.board p.right {margin-top:0;}
.lstTop{margin:0 auto 10px;*zoom:1;}
.lstTop:after{content:"";display:block;clear:both;height:0;}
.lstTop select,.lstTop input{vertical-align:top;}
.lstTop .posi-L{float:left;padding-top:6px;}
.lstTop .posi-L strong{color:#f44305;}
.lstTop .posi-R{float:right; line-height:30px}
.lstTop .posi-R input.txt{background:#f3f3f3;width:38%; height:23px; padding-right:10px;}
.lstTop .posi-R input.btn_srch {margin-left:-10px;}
.boardBtn {text-align:right}
/* viw */
.viw{margin-bottom:0px;}
.viw h4 {border-top:2px solid #4a5462;padding:20px 0;color:#333; text-align:center; font-size:18px; line-height:140%;}
.viw-title{color:#25384e; background-color:#e4eefb;}
.viw-title dt{float:left;width:57px;}
.viw-title dd{float:left;width:657px;line-height:29px;}
.viw-title dd strong{float:left;}
.viw-title dd em{float:right;display:inline-block;padding-right:10px;}
.viw-wrtInfo{background:#dff0d8;border-bottom:1px solid #b7d3ab; border-top:1px dashed #bcb4a2}
.viw-wrtInfo dl{float:right;}
.viw-wrtInfo dt{float:left;padding-left:13px;line-height:27px; font-weight:bold}
.viw-wrtInfo dd{float:left;line-height:27px;padding-right:15px; padding-left:5px}

.viw-wrtInfo2{border:4px solid #d7dee8;padding:14px 10px;margin-top:10px;}
.viw-wrtInfo2 dt{float:left;color:#3968a8;font-weight:bold;border-right:1px solid #3968a8;height:12px;padding-right:7px;}
.viw-wrtInfo2 dd{color:#595959;height:12px;padding:0 30px 0 10px;float:left;}

.viw p{padding:26px 5px;line-height:190%;}

.lst { margin-bottom:20px;}
.lst tr.bg,.lst tr.bg td{background:#f5faff;}
.lst th{color:#333; border-top:2px solid #4a5462;border-bottom:1px solid #bcb4a2; padding:10px 0; text-align:center;}
.lst td{border-bottom:1px solid #ccc;text-align:center;line-height:3;}
.lst td.text-left{text-align:left; padding-left:10px;}
.lst td.line {line-height:150%; padding:8px;}
.lst tr:hover {background-color:#f7f7f7}
.lst thead tr:hover {background:none;}
.lst td span img {vertical-align:middle; margin-right:5px}

.lstTop .posi-R input.txt{width:90px;}


.lstTop .posi-R input.txt{width:120px;}
.boardList thead th{padding:10px 5px}
.boardList tbody th,
.boardList tbody td{padding:10px 5px;}

/*공지사항 write*/
.notice_textarea {position:relative;margin:2px;padding:3px 4px;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:transparent}
.upload_file ul#file_list li, .upload_file ul#file_list2 li  {background:url(../images/icon_file_attach.png) no-repeat 2px 50%; padding:5px 0 5px 40px; border-bottom:1px solid #d2d2d2;}
.add_file {margin:8px 2px 5px;}

/* Button */
.btnArea { padding:1em 0 2em; text-align:right;}
.btnArea li {float:left; margin-right:5px}
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size:13px;
	padding: .2em 2.3em .34em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	border-radius: 0; font-weight:600;
	
}
.button:hover { text-decoration: none; }
.button:active {
	position: relative;	top: 1px;}

.smbutton {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
*display: inline;
	vertical-align: baseline;
	margin: 0;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size:.9em;
	padding: .48em .8em .44em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	border-radius:0;

}
.ie7 .smbutton {padding: .4em 1em .5em;text-shadow:none;filter:none}
.ie8 .smbutton {text-shadow:none;}
.smbutton:hover { text-decoration: none; }
.smbutton:active {
	position: relative;
	top: 1px;
}

/* gray */
.gray {
	color: #fff;
	border: solid 1px #555;
	background: #6e6e6e;
	background: linear-gradient(180deg, #777, #575757);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#777', endColorstr='#575757');
}
.gray:hover {
	background: #616161;
	background: linear-gradient(180deg, #757575, #4b4b4b);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray:active {
	color: #ccc;
	background: linear-gradient(180deg, #575757, #777);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#777');
}
a.gray {color:#fff}
/* green */
.green {
	color: #fff !important;
	border: solid 1px #008c41;
	background: #009344;
	background: linear-gradient(180deg, #009f4a, #009344);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009f4a', endColorstr='#009344');
}
.green:hover {
	background: #009344;
	border: solid 1px #007c35;
	background: linear-gradient(180deg, #00903d, #008337);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00903d', endColorstr='#008337');
}
.green:active {
	color: #b2d1f2;
	background: linear-gradient(180deg, #00903d, #008337);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00903d', endColorstr='#008337');
}
/* blue */
.bluegray {
	color: #fff !important;
	border: solid 1px #3e4965;
	background: #58647f;
	background: linear-gradient(180deg, #58647f, #3b4358);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#58647f', endColorstr='#3b4358');
}
.bluegray:hover {
	background: #505b74;
	background: linear-gradient(180deg, #505b74, #32394c);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#505b74', endColorstr='#32394c');
}
.bluegray:active {
	background: #3b4358;
	background: linear-gradient(180deg, #3b4358, #58647f);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b4358', endColorstr='#58647f');
}
/* white */
.white {
	color: #474747;
	border: solid 1px #b7b7b7;
	background: #fff;-webkit-text-stroke:.25px;
	background: linear-gradient(180deg, #fff, #ededed);
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');*/
}
.white:hover {
	color: #606060 !important;
	background: #ededed;
	background: linear-gradient(180deg, #fff, #dcdcdc);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
	color: #999 !important;
	background: linear-gradient(180deg, #ededed, #fff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}
.bigBtn {font-size:1.4em}
.smooth {
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.sub_wrapper {padding-top:30px;margin-bottom:60px; margin-top:185px; position:relative}
.sub_visual01 {width:100%; background:url(../images/sub_visual01.jpg) no-repeat 50% 0; height:140px;background-size: cover;}
.sub_copy { font-size:14px; color:#fff; text-align:center; background:rgba(0, 0, 0, .3); padding:20px; margin-top:26px; line-height:170%;}
.sub_copy strong { font-size:19px; display:block}

.sub_menu{letter-spacing:-1px; margin-right:60px;}
.sub_menu h2 {font-size:20px; margin-bottom:4px; letter-spacing:-1px; padding-left:6px; color:#333;
   -webkit-text-stroke-width: 0.017em;
   -webkit-text-stroke-color: #333; }
.sub_menu p {font-size:12px; padding-bottom:7px; border-bottom:1px solid #cecece; letter-spacing:0; padding-left:6px;}
.sub_menu li {height:42px;border-bottom:1px solid #cecece; font-size:14px; font-weight:600; vertical-align:middle; padding:10px 6px;}
.sub_menu li.active a, .sub_menu li a:hover { color:#009f4a; background:url(../images/arrow_submenu.png) no-repeat 95% 50%;}
.sub_menu li a {display:block;}

.sub_contents {margin-left:60px; margin-right:60px; overflow:hidden;}/*margin-left:90px; margin-right:60px*/
.sub_contents.w910 {margin-left:166px; margin-right:166px}
.sub_contents.w1020 {margin-left:111px; margin-right:111px}

/*table*/
.board_count {padding:3px 0 8px 0; }
.board_count strong {color:#f44305;}

.table-responsive table th,.table-responsive table td {white-space:nowrap;}

.bg-info.condensed {padding:10px;}
.bg-info.condensed h3 {padding-top:10px;}	
table.brd-top-teal {border-top:1px solid #b1e7e8 !important; border-bottom:1px solid #ddd !important;}
table.brd-top-blue {border-top:1px solid #b1cde8 !important;border-bottom:1px solid #ddd !important;}

p.required { margin:20px 0 8px; color:#c00;}
td span.address { float:left; padding:6px 6px 0; font-weight:600;}

#links a img {border:1px solid #d2d2d2;}
#links a img.img-responsive {display:inline-block !important;}

h2.title {font-size:30px; font-weight:200; padding:13px 0 25px; font-family:"HomeplusGothicNeo1-M", Helvetica, Arial, sans-serif; text-align:center; color:#333; line-height:36px; letter-spacing:-1px;}	
h2.title small {display:block; margin-top:16px; line-height:150%;}
h2.title small span {display:block; margin-top:16px;}
h2.id{ margin-top:0;}

h2.title2 {font-size:30px; font-weight:200; padding:13px 0 0px; font-family:"HomeplusGothicNeo1-M", Helvetica, Arial, sans-serif; text-align:center; color:#333; line-height:36px; letter-spacing:-1px;}	
h2.title2 small {display:block; margin-top:16px; line-height:100%;}
h2.title2 small span {display:block; margin-top:0px;}
h2.id{ margin-top:0;}

h3.title {  font-size:18px;font-weight:normal; margin:50px 0 14px; letter-spacing:-1px;}
/* 2018-04-19 추가*/
.freshView{text-align:center;margin-bottom:25px;}
.freshView a{color:#fff;font-weight:400;font-size:18px;}
.freshView a span{padding:15px;background:#ed1c24;display:inline-block;}
/* 2018-04-19 추가*/
.login_container {padding:38px 15px 28px; }	
.login_input2 { width:110%;}	

.button2 {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	vertical-align: baseline;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size:18px; letter-spacing:1px;
	border-radius:5px; font-weight:600; width:100%; line-height:44px
}
.bluegray2 {
	color: #fefefe !important;
	border: solid 1px #535c77;
	background: #646d86;
	height:37px; font-size:14px;  margin:0 0 12px 5px; line-height:35px; padding:0 5px; letter-spacing:-1px
}
.bluegray2:hover {
	background: #535c77;
}
.btn_pwd { padding-top:10px; width:100%; text-align:right;}
.btn_pwd a { background:url(../images/icon_gear.png) no-repeat 0 50%; padding-left:17px; font-weight:600; letter-spacing:-1px;}
.btn_pwd a:hover {color:#039;}

.pwd_left { padding:10px 30px}
.pwd_left p {text-align:left; font-size:15px; letter-spacing:-1px; line-height:160%;}
.pwd_right { padding:10px 30px}
.pwd_right p {padding:2px 0 15px; margin-right:-20px;}
.login_input.id {background:url(../images/login_id_blue.png) no-repeat 14px 50%;}
.login_input.pwd {background:url(../images/login_pwd_blue.png) no-repeat 14px 50%;}
.login_input.pwd2 {background:url(../images/login_pwd_blue2.png) no-repeat 14px 50%;}
.btn_area { border-top:1px solid #d2d2d2; clear:both; padding-top:20px; padding-left:0; text-align:justify }
.btn_area .button2 {width:49% !important;}
.btn_area a {display:inline-block;}
.btn_area input {margin-right:8px;}
.btn_area > div {padding:0 30px;}

.btn_area { border-top:1px solid #d2d2d2; clear:both; padding-top:20px; padding-left:30px; text-align:right }
.btn_area .button2 {width:48% !important;}



  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }

.information {margin-bottom:66px; width:100% !important;}
.information:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.information li { font-size:24px;float:left; text-align:center;
position:relative; top:200px;box-sizing: border-box;opacity:0;
	-webkit-transition:opacity 0.4s, top 0.4s cubic-bezier(.44,.01,.64,.99);
	-moz-transition:opacity 0.4s, top 0.4s cubic-bezier(.44,.01,.64,.99);
	-o-transition:opacity 0.4s, top 0.4s cubic-bezier(.44,.01,.64,.99);
	-ms-transition:opacity 0.4s, top 0.4s cubic-bezier(.44,.01,.64,.99);
	transition:opacity 0.4s, top 0.4s cubic-bezier(.44,.01,.64,.99); letter-spacing:-1px;}
.information li.on{opacity:1; top:0;}
.information li:nth-child(1) {transition-delay: 0.15s;}
.information li:nth-child(2) {transition-delay: 0.3s;}
.information li:nth-child(3) {transition-delay: 0.45s;}
.information li:nth-child(4) {transition-delay: 0.6s;}
.information li:nth-child(5) {transition-delay: 0.75s;}
.information li:nth-child(6) {transition-delay: 0.8s;}
.information li a {display:block;width:188px; height:230px; padding-top:170px;border:1px solid #6f6f6f; margin-left:22px; color:#000; }
.information li:nth-child(1) a{margin-left:0;background:url(../images/main/icon_01.png) no-repeat center 68px; transition: background-image 0.5s ease-in-out;}
.information li:nth-child(2) a{background:url(../images/main/icon_02.png) no-repeat center 68px; transition: all 0.5s ease-in-out;}
.information li:nth-child(3) a {background:url(../images/main/icon_03_190227.png) no-repeat center 68px; transition: all 0.5s ease-in-out;} /* 2019-02-27 : background 이미지 수정*/
.information li:nth-child(4) a{background:url(../images/main/icon_04.png) no-repeat center 68px; transition: all 0.5s ease-in-out;}
.information li:nth-child(5) a {background:url(../images/main/icon_06_190618.png) no-repeat center 68px; transition: all 0.5s ease-in-out;} /* 2019-06-18 : 신규 추가 : 기존 5번은 6번으로 변경 */
.information li:nth-child(6) a {background:url(../images/main/icon_05_190618.png) no-repeat center 68px; transition: all 0.5s ease-in-out;} /* 2019-06-18 : 5번을 6번으로 순서 변경 */

.information li a:hover {border:1px solid #e60013; background-color:#e60013; color:#fff}
.information li:nth-child(1) a:hover {background-image:url(../images/main/icon_01_hvr.png);}
.information li:nth-child(2) a:hover {background-image:url(../images/main/icon_02_hvr.png);}
.information li:nth-child(3) a:hover {background-image:url(../images/main/icon_03_hvr_190227.png);} /* 2019-02-27 : background 이미지 수정*/
.information li:nth-child(4) a:hover {background-image:url(../images/main/icon_04_hvr.png);}
.information li:nth-child(5) a:hover {background-image:url(../images/main/icon_06_hvr_190618.png);} /* 2019-06-18 : 신규 추가 : 기존 5번은 6번으로 변경 */
.information li:nth-child(6) a:hover {background-image:url(../images/main/icon_05_hvr_190618.png);} /* 2019-06-18 : 5번을 6번으로 순서 변경 */

.flexable_banner li a img {width:100%; margin-bottom:10px;}
.flexable_banner li span {font-size:14px; color:#000; z-index:10;position:relative;display:block; margin-bottom:34px}
.flexable_banner li span strong {font-size:14px; display: block}
.flexable_banner .news{border:1px solid #000; padding-left:20px; margin-bottom:20px}
/*.flexable_banner .news a {color:#000; padding:25px 29px 29px 0;}*/
.flexable_banner .news em {display:block}
.flexable_banner .news span.more {font-size:14px; margin:0; position:absolute; top:26px; right:36px; text-align:right; font-weight:bold}

/*.flexable_banner*/
.flexable_banner{position:relative;margin:0 auto;}
.flexable_banner li{overflow:hidden;position:absolute;margin-top:60px;opacity:0;background:#fff;z-index:3;
    -webkit-transition:opacity 0.8s, margin-top 0.6s cubic-bezier(.44,.01,.64,.99);
	-moz-transition:opacity 0.8s, margin-top 0.6s cubic-bezier(.44,.01,.64,.99);
	-o-transition:opacity 0.8s, margin-top 0.6s cubic-bezier(.44,.01,.64,.99);
	-ms-transition:opacity 0.8s, margin-top 0.6s cubic-bezier(.44,.01,.64,.99);
	transition:opacity 0.8s, margin-top 0.6s cubic-bezier(.44,.01,.64,.99);
}
.flexable_banner li.flx_service, .flexable_banner li.flx_ceo, .flexable_banner li.flx_news, .flexable_banner li.flx_ceo {margin-top:300px \0/IE8+9;}

.flexable_banner li li{overflow:hidden; position:relative;margin-top:0;opacity:1;background:#fff;z-index:3; transition:none;}

.flexable_banner li.on{margin-top:0;opacity:1;}
.flexable_banner li img{ position:absolute; width: auto}
.flexable_banner li .flxbnr_bg{
	-webkit-transition:transform 0.8s;
	-moz-transition:transform 0.8s;
	-o-transition:transform 0.8s;
	-ms-transition:transform 0.8s;
	transition:transform 0.8s;
}
.flexable_banner li .flxbnr_txt{position:relative;}
.flexable_banner li .flxbnr_hover{position:absolute;top:30px;left:0;opacity:0;	
	-webkit-transition:opacity 0.8s, top 0.8s cubic-bezier(.44,.01,.64,.99);
	-moz-transition:opacity 0.8s, top 0.8s cubic-bezier(.44,.01,.64,.99);
	-o-transition:opacity 0.8s, top 0.8s cubic-bezier(.44,.01,.64,.99);
	-ms-transition:opacity 0.8s, top 0.8s cubic-bezier(.44,.01,.64,.99);
	transition:opacity 0.8s, top 0.8s cubic-bezier(.44,.01,.64,.99);
}
.flexable_banner li.active .flxbnr_bg{
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
}

.flexable_banner li.active .flxbnr_hover{top:0px;opacity:1;}

.flexable_banner .news{border:1px solid #000;background:#fff;
	-webkit-transition:background 0.8s opacity 0.8s, margin-top 0.8s cubic-bezier(.44,.01,.64,.99);
	-moz-transition:background 0.8s opacity 0.8s, margin-top 0.8s cubic-bezier(.44,.01,.64,.99);
	-o-transition:background 0.8s opacity 0.8s, margin-top 0.8s cubic-bezier(.44,.01,.64,.99);
	-ms-transition:background 0.8s opacity 0.8s, margin-top 0.8s cubic-bezier(.44,.01,.64,.99);
	transition:background 0.8s opacity 0.8s, margin-top 0.8s cubic-bezier(.44,.01,.64,.99);	
}

.flexable_banner .news {color:#000; padding:25px 29px 29px 29px;

}
.flexable_banner .news .date{position:absolute;font-size:16px;line-height:18px;color:#000;
	-webkit-transition:color 0.8s;
	-moz-transition:color 0.8s;
	-o-transition:color 0.8s;
	-ms-transition:color 0.8s;
	transition:color 0.8s;

}
.flexable_banner .news a:hover span, .flexable_banner .news:hover .date{color:#fff;}

.flexable_banner{height:972px;} /* 2018 -04-25 : height[1156-972] 수정 */
.flexable_banner li.flx_brand{top:10px;left:0; width:100%; height:162px;}
.flexable_banner li.flx_service{top:10px;left:0; width:708px; height:452px;} /* 2018-04-25 : top[218-10] 수정 */
.flexable_banner li.flx_ceo{top:10px;right:0;transition-delay: 0.2s; width:513px; height:452px;} /* 2018-04-25 : top[218-10] 수정 */

.flexable_banner li.flx_news {top:502px;left:0; border:1px solid #6f6f6f;font-size:17px; line-height:34px; width:510px; height:430px; display:block; letter-spacing:-1px; color:#000; font-family:"HomeplusGothicNeo1-M", Helvetica, Arial, sans-serif; float:left}/* 2018-04-25 : top[697-502] 수정 */

.flexable_banner li.flx_news .news_detail li a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:336px; display:block}
.flexable_banner li.flx_news .news_detail li a em { float:right; font-size:14px; letter-spacing:0; position:absolute; right:0; top:0}
.flexable_banner li.flx_csr{top:502px;right:0;transition-delay: 0.4s; width:705px; height:428px;margin-top:70px} /* 2018-04-25 : top[697-502] 수정 */

.flexable_banner li span {font-size:26px; color:#000; z-index:10;position:relative;display:block; margin-bottom:0;}
.flexable_banner li span strong {font-size:26px; display:block}
.flexable_banner li.flx_brand span {width:315px; color:#fff; padding:7px 0 0 10px;background-color:rgba(96, 96, 96, .4); margin:10px 0 0 10px; line-height:34px;}
.flexable_banner li.flx_service span {width:366px; padding:30px 0 0 29px; line-height:34px;}
.flexable_banner li.flx_ceo span {width:290px; color:#000; padding:20px 0 0 29px; line-height:34px;}
.flexable_banner li.flx_news span {width:146px; line-height:34px; margin-bottom:130px}
.flexable_banner li.flx_csr span {width:176px;padding:4px 0 0 7px;background-color:rgba(255, 255, 255, .7); margin:20px 0 0 28px; line-height:34px;}

.info_heading { border-bottom:1px solid #000; font-size:36px; text-align:center; width:100%; margin:0 0 90px; position:relative;transition-delay: 0.2s;}
.info_heading span {background:#fff; position:absolute; bottom:-20px; color:#000; left:40%; padding:0 30px}
	
.container_video {text-align:center;}
.container_video iframe, .container_video embed { width:1003px; height:564px; }

/* youtube - http://stackoverflow.com/questions/18907131/detecting-ie11-using-css-capability-feature-detection/27315792#27315792 */
.container_video.embed{ display:none;}
.container_video.iframe{ display:block;}

/*IE 9 and above*/
@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
.container_video.iframe{ display:none;}
.container_video.embed{ display:block;}
}

/* 전체메뉴보기 */
.header_wrap2 { position:relative;}
.navbar-header2 { }
.navbar-header2 .navbar-brand-centered { left:490px}
#collapseMenu {position: fixed; top:0; width:1279px !important; z-index:1031; background:#fff; height:496px; border-top: 19px solid #e60013; padding-top:13px;border-bottom: 1px solid #e60013;border-left: 1px solid #e60013;border-right: 1px solid #e60013; left:50%; margin-left:-639px}/*2018-10-11:height 수정*/	
	

@media (min-width: 768px) {
.menu_all {margin-top:60px; background:url(../images/dot_red.gif) 0 48px repeat-x; text-align:center;/*padding-left:50px; 인재채용 메뉴추가*/}
.menu_all li {display: inline-block; font-size:24px; margin-left:43px; color:#626262;vertical-align:top !important; font-weight:600; text-align:left} /* 2018-04-09 : margin-left[50-43] 수정*/
.menu_all li:first-child {margin-left:0;}
.menu_all li ul {display:block; padding-top:35px; text-align:left}
.menu_all li a{color:#ed1c24}
.menu_all li ul li a {display:block !important;color:#232323; font-family:"HomeplusGothicNeo1-M", Helvetica, Arial, sans-serif; font-weight:normal; padding:3px 0; font-size : 17px; }
.menu_all li a:hover { color:#ed1c24}

/*인재채용 메뉴추가 사이즈변경 전
.menu_all li:nth-child(1) {width:140px;}
.menu_all li:nth-child(2) {width:100px;}
.menu_all li:nth-child(3) {width:130px;}
.menu_all li:nth-child(4) {width:100px;}
.menu_all li:nth-child(5) {width:175px;}
.menu_all li:nth-child(4) ul{ margin-left:10px}
*/
/*인재채용 메뉴추가 사이즈변경 후*/
.menu_all li:nth-child(1) {width:182px;} /*2018-04-09 width[150-182] 수정*/
.menu_all li:nth-child(2) {width:134px;} /*2018-04-09 width[120-134] 수정*/
.menu_all li:nth-child(3) {width:160px;}
.menu_all li:nth-child(4) {width:132px;} /*2018-04-09 width[130-132] 수정*/
.menu_all li:nth-child(5) {width:133px;} /*2018-04-09 width[165-133] 수정*/

.menu_all li ul li {font-size:18px; margin:0; width:auto !important; display:block;}
}
/*사업소개*/
ul.biz {
	margin:50px 0;
}
ul.biz li {
	background: #f4f4f4;
	padding: 0px;
	border-radius: 3px;
	border:1px solid #ccc;border-radius: 0; text-align:center;
}
ul.biz li a {
	color: #7e7e7e; font-size:18px; display:block; margin-bottom:0;
}
ul.biz li.active {
	background: #e60013;
	color: #fff;border:1px solid #e60013;
}
ul.biz li:first-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
ul.biz li:last-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.nav-pills.biz > li.active > a, .nav-pills.biz > li.active > a:hover, .nav-pills.biz > li.active > a:focus { color:#fff; background:#e60013;}

.biz_item {margin-top:10px; padding-bottom:70px} 
.biz_item li { padding:70px 0px 0;margin:0 5px 30px;background:#e6e7e9}
.biz_item li {width:32% !important;}
.biz_item li p a { background:#6e6f71; height:40px;color:#fff; display:block; font-size:18px; text-align:center; line-height:42px}
.biz_item li p a span { padding-right:20px}

/* 2019-06-18 : 사업분야 순서 변경 */
.biz_item li:nth-child(1) {background:#e6e7e9 url(../images/biz_homeplus.png) 50% 30% no-repeat; background-size:150px} /* 2018-12-20 :background-size[160-150]수정*/
.biz_item li:nth-child(2) {background:#e6e7e9 url(../images/biz_homeplusmart_190618.png) 50% 30% no-repeat;background-size:230px} /* 2019-06-18 :이미지 및 background-size[210-230]수정*/
.biz_item li:nth-child(3) {background:#e6e7e9 url(../images/biz_theclub.png) 50% 21% no-repeat;background-size:260px} /* 2019-06-18 추가*/
.biz_item li:nth-child(4) {background:#e6e7e9 url(../images/biz_express.png) 50% 21% no-repeat;background-size:285px} /* 2018-12-20 : background 수정*/
.biz_item li:nth-child(5) {background:#e6e7e9 url(../images/biz_mall.png) 50% 30% no-repeat;background-size:230px}/* 2018-12-20 :background-size 수정*/
.biz_item li:nth-child(6) {background:#e6e7e9 url(../images/biz_mon.png) 50% 11% no-repeat;background-size:100px} /*2018-12-20 : background-position 수정*/
.biz_item li:nth-child(7) {background:#e6e7e9 url(../images/biz_365plus.png) 50% 15% no-repeat;background-size:180px}

.biz_item.service li:nth-child(1) {background:#e6e7e9 url(../images/service_1_190227.png) 50% 30% no-repeat;background-size:200px} /*2019-02-27 : background 이미지 수정*/
.biz_item.service li:nth-child(2) {background:#e6e7e9 url(../images/service_4.png) 50% 30% no-repeat;background-size:170px}
.biz_item.service li:nth-child(4) {background:#e6e7e9 url(../images/service_6.png) 50% 17% no-repeat;background-size:100px}  /* 2019-04-26 : 4번과 순서 변경 */
.biz_item.service li:nth-child(3) {background:#e6e7e9 url(../images/service_2.png) 50% 30% no-repeat;background-size:160px} /* 2019-04-26 : 3번과 순서 변경 */
.biz_item.service li:nth-child(5) {background:#e6e7e9 url(../images/service_5.png) 50% 30% no-repeat;background-size:200px}
.biz_item.service li:nth-child(6) {background:#e6e7e9 url(../images/service_3.png) 50% 20% no-repeat;background-size:160px}
.modal_biz {margin:20px; text-align:center;}
.modal_biz p {margin:20px 10px 0 15px; font-size:16px; line-height:24px; text-align: justify; letter-spacing:-1px; word-break:keep-all;}

.mobile_footer{ background:#7e7e7e; position:fixed; bottom:0; width:100%; text-align:center; margin-left:0}
.mobile_footer li {border-left:1px solid #ccc; padding:10px 5px;}
.mobile_footer li:first-child {border-left:0px solid #ccc;}
.mobile_footer a {color:#fff; font-size:11px}
.mobile_footer a img {margin-right:4px; vertical.-align:top}


.header {padding-top:13px;}
.header .megamenu {}
	
/*추가*/
.go-top .btn-gotop {
  color: #fff;
  background-color:rgba(0, 0, 0, .4); border:none; z-index:999
}
.go-top a:hover { background: #e60013; }
/* Go To Top Button */
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
}
.btn-circle {
  width: 46px;
  height: 46px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 23px;
}

footer .container{position:relative;}
.sns_icon{position:absolute; right:0; top:-15px;}
.sns_icon li {float:right; margin-left:5px}	

/*매장검색*/
.srch_bx {
	text-align: center;
	margin-top: 30px; margin-bottom:10px; padding-bottom:24px; border-bottom:1px solid #ccc;
}
.srch_bx ul {
	padding-bottom: 24px;
}
.srch_bx li {
	background: #f4f4f4;
	padding: 10px;
	border-radius: 3px;
	border:1px solid #ccc;border-radius: 0;
}
.srch_bx li a {
	color: #7e7e7e; font-size:18px; display:block;
}
.srch_bx li.on a {
	color: #fff;
}
.srch_bx li.on {
	background: #e60013;
	color: #fff;border:1px solid #e60013;
}
.srch_bx li:first-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.srch_bx li:last-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.srch_bx .form-inline .input-group {
	width: 42%;
}

.srch_bx .form-inline .input-group > .form-control {
	padding:10px 30px 10px 10px;
	z-index: 2;font-size: 15px; height:40px;
}


.srch_bx .btn-srch {
	border: none;
	background: transparent url(../images/btn_srch.png) 50% 50% no-repeat ;/*transparent*/
	position: absolute;
	right: 0;
	top: 0px;
	width: 40px;
	height: 40px;
	z-index: 3;
}
.srch-input {
	/*background: #fff url(../images/btn_srch.png) 98% 50% no-repeat;*/
}
/*새 체크박스*/

.storeinfo {float:left;}
.storeinfo p {color:#e60013; font-size:14px;}

/*매장검색-체크박스*/
.storetype {
	display: table; float:right;
	margin: 2px 0 6px;
}

.storetype label {
	display: table-cell;
}
.storetype span.txt {
	margin-left: 10px;
	font-size: 14px;
}
.checkbox_white {
	background: url(../images/bg_checkbox_grey.png) no-repeat;
}
.btn span.checkbox_white {
	opacity: 0;
}
.btn.active span.checkbox_white {
	opacity: 1;
}
.btn-check1, .btn-check2, .btn-check3 {
	background: url(../images/bg_checkbox_grey.png) 0 8px no-repeat;
	width: 17px;
	height: 28px;
}
.btn-check1:hover,.btn-check2:hover,.btn-check3:hover {background: url(../images/bg_checkbox_grey.png) 0 8px no-repeat;}
.btn-check1.active {
	background: url(../images/bg_checkbox_red.png) 0 8px no-repeat;
	width: 17px;
	height: 28px;
}
.btn-check2.active {
	background: url(../images/bg_checkbox_green.png) 0 8px no-repeat;
	width: 17px;
	height: 28px;
}
.btn-check3.active {
	background: url(../images/bg_checkbox_blue.png) 0 8px no-repeat;
	width: 17px;
	height: 28px;
}
.btn-check1.active span.txt {
	color: #e60012;
}
.btn-check2.active span.txt {
	color: #74b300;
}
.btn-check3.active span.txt {
	color: #0069aa;
}
.storetype .btn input[type="checkbox"] {position: absolute;  clip: rect(0, 0, 0, 0);  pointer-events: none;}


.srch_result {
	border-top: 1px solid #e5acb3;
	background: #f5e7e9;
	padding:9px 15px 10px;
	font-size: 14px;
}
.srch_result.detail {border-bottom:1px dotted #cfb5b8; padding-bottom:13px;}
.result_list {min-height:240px;}
.result_list li {
	border-bottom: 1px solid #ccc;
	padding: 16px 0 14px 0;
}
.result_list.detail {
	margin: -5px 0; min-height: 20px;
}
.result_list.detail li {
	border: 0;
	padding: 13px 0 6px 0;
}
.result_list.detail .more {
	text-align: left;
	margin-right: -8px;
}
.result_list.detail li .time {
	border: 0;
	margin-left: -10px;
}
.result_list.detail li .type.plus365 {
	margin-top: 2px;
}
.result_list.detail ul {
	margin-right: -15px;
}
.result_list li .time {
	font-size: 14px; margin-top:4px; letter-spacing:-1px;/*text-align:center;*/
}
.result_list li .time span {
	background:url(../images/icon_time.png) 0 0 no-repeat; padding-left:20px; margin-right:40px
}
.result_list li .time span.off {
	background:url(../images/icon_offday.png) 0 0 no-repeat; padding-left:20px; margin-right:0; display:block;
}
.result_list li .time em {
	background:url(../images/icon_phone3.png) 0 0px no-repeat;padding-left:21px;; margin-right;}
/*.result_list li .time em {
	background:url(../images/icon_phone3.png) 0 0px no-repeat;padding-left:21px; margin-left:-22px; margin-right:16px
}*/

.result_list li ul {margin-left:30px;}
.result_list li li, .result_list.detail li li {
	padding: 0 5px 0 6px;
	border: 0;
	font-size: 14px;
}
.result_list li li.enterd_store { width:94px;}
.result_list li li.navi { width:82px;}
.result_list li li.flyer { width:87px;}

.result_list li li a {display:block; padding:5px 0 5px 25px; vertical-align:top;}

.result_list li li.enterd_store a {background: url(../images/icon_store.png) 0 50% no-repeat;margin-right:5px; margin-top:8px;}
.result_list li li.navi a {background: url(../images/icon_navi.png) 0 50% no-repeat;margin-right:5px; margin-top:8px;}
.result_list.detail li li.navi a { margin-top:0px;}
.result_list li li.flyer a {background: url(../images/icon_ad.png) 0 50% no-repeat;}

.result_list .more {
	text-align: right;
	padding-top: 6px;
}
.result_list .more img {
	width: 18px;
}
.type {
	line-height: 25px;
	font-size: 14px; margin-top:7px; font-weight:normal;
}
.type a {color: #000}
.type span.type_logo {width:80px; text-align:center; display:inline-block;}
.type span.name {width:100px; text-align:center; display:inline-block;}
.type em {width:52px; text-align:center;display:inline-block;}
.type span.status {
	border-radius: 25px;
	font-size: 11px;
	line-height: 11px;
	padding: 2px 6px;
}
.type span.status.closed {
	border: 1px solid #666;
	color: #666;
}
.type span.status.open {
	border: 1px solid #e60013;
	color: #e60013; background:#fff;
}

.result_list.detail .type span.type_logo {width:auto;}
.result_list.detail .type span.name{width:auto; margin-right:4px; margin-left:6px;}

.type.homeplus {
	background: url(../images/icon_homeplus.png) 5px 50% no-repeat;
}
.type.express {
	background: url(../images/icon_express2.png) 5px 50% no-repeat;
}
.type.plus365 {
	background: url(../images/icon_365plus.png) 5px 50% no-repeat;
}
/*
.store_detail .nav-tabs > li.active > a, .store_detail .nav-tabs > li.active > a:hover ,.store_detail .nav-tabs > li.active > a:focus { border:0;border-bottom:2px solid #000; color:#e60013;transition: all 0.5s}
.store_detail .nav > li > a:hover,.store_detail .nav > li > a:focus { background:#fff; border:0}
*/

.store_detail {margin-top:3px; min-height:240px;}
.store_detail .nav-tabs > li.active > a, .store_detail .nav-tabs > li.active > a:hover, .store_detail .nav-tabs > li.active > a:focus {
	border: 0;
	color: #e60013;
}
.store_detail .nav > li > a:hover, .store_detail .nav > li > a:focus {
	background: #fff;
	border: 0; color:#555;
}
.store_detail .nav-tabs {
	margin:0 auto 26px;
	user-select: none; width:100%; padding:3px 0 0;
}
.store_detail .nav-tabs > li {margin-bottom:0}
.store_detail .nav-tabs > li a {font-size: 16px; border:none; border-bottom:2px solid #fff !important;border-radius:0; -webkit-transition:all 0.5s;transition: all 0.5s;padding-bottom:7px; text-align:center;}
/*
.store_detail .nav-tabs > li.active a { border-bottom:2px solid #e60013 !important; -webkit-transition:all 0.5s;	transition:all 0.5s; margin-bottom:-1px; padding-bottom:10px}

/**/
.store_detail .nav-tabs > ul {
  position: relative;
  user-select: none;
}

.store_detail .nav-tabs > li {
  width: 302px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.slider {
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 2px !important;
  background: #e60013;
  transition: all 0.5s;
}

/*층별안내*/
#store_detail02.panel-title {font-size:14px;}
#store_detail02 .tab-pane {margin-top:40px;}
#store_detail02 .panel-title > a {
	display: block;
	padding: 0.4em 0 0.4em 0.6em;
    outline: none;
    text-decoration: none; color:#333;
	line-height:160%; font-weight:normal;
}
#store_detail02 .panel-title > a span { color:#e60013; font-size:14px; font-weight:600; margin-right:20px; margin-left:7px;}
#store_detail02 .panel-title > a em {display:block; font-size:13px; color:#666; font-weight:normal; margin-left:46px; margin-right:40px; line-height:15px;}
#store_detail02 a[data-toggle="collapse"]::before  {
    content:""; position:absolute; right:10px; top:9px;
	background:url(../images/arrow_close.png) no-repeat; background-size:16px; width:20px; height:20px;
}
#store_detail02 a.collapsed[data-toggle="collapse"]::before  {
  content:"";position:absolute; right:10px; top:9px;
	background:url(../images/arrow_open.png) no-repeat; background-size:16px;
}
#store_detail02 .panel-body { line-height:180%; background:#f5f5f5 url(../images/divider_v.gif) 50% 0 repeat-y;}
#store_detail02 .panel-body ol, .faq .panel-body ul {padding-left:0;}
#store_detail02 h5 {margin:20px 0 5px; font-weight:700; color:#000;}

#store_detail02 .dl-horizontal{}
#store_detail02 .dl-horizontal dt {float: left; height:30px; font-weight:normal; width:220px;}
#store_detail02 .dl-horizontal dd { float:left; background:url(../images/icon_phone2.png) no-repeat; background-size:16px; padding-left:22px; height:30px;width:180px;}
#store_detail02 .dl-horizontal dt:nth-of-type(even) {width:260px; margin-left:50px}
#store_detail02 .dl-horizontal dd:nth-of-type(even) {width:140px;}
.map {overflow:hidden; height:300px; margin-bottom:0; border:none;border-bottom:1px solid #ccc;} 
#store_detail03 .map {overflow:hidden; height:300px; margin-bottom:20px;  border:none;border-bottom:1px solid #ccc;} 

#tbl_address_bus dt { font-family:"HomeplusGothicNeo1-M", Helvetica, Arial, sans-serif; color:#333; }
#tbl_address_bus dd { margin-bottom:20px;} 

.gps {font-size:16px; margin:-8px 0 -5px;}
.gps .btn { border:1px solid #e60013; color:#e60013; background:#fff url(../images/icon_gps.png) 12px 50% no-repeat; background-size:17px; font-size:14px; font-weight:600; padding:5px 13px 5px 35px; margin-left:14px; letter-spacing:-1px; margin-top:5px; border-radius:4px; }

.flyer h2 {text-align:center; margin-top:-5px; background:#f9f1f2; padding:12px 0; font-size:15px; color:#333;}

.selectbx .form-control {width:160px !important;}
/* 공지사항 */
.board_srch { margin-top:30px;}
h2.title span.homeplus {line-height:50px;letter-spacing:0; color:#e30613; font-weight:600; background:url(../images/dot_red4.png) 50% 21px no-repeat; padding-top:30px;}
h2.title span.red {line-height:50px;letter-spacing:0; color:#e30613; padding-top:30px; font-family:"HomeplusGothicNeo1-M", Helvetica, Arial, sans-serif;}
h2.title span.red2 {letter-spacing:0; color:#e30613; padding-top:30px; font-family:"HomeplusGothicNeo1-M", Helvetica, Arial, sans-serif;} /* 17.07.27 Add */
.red {color:#e30613 !important;}
/*
.carousel-caption p span { font-size: 36px; line-height:80px;letter-spacing:0; color:#e30613; font-weight:600; background:url(../images/main/dot_red.png) 50% 18px no-repeat; padding-top:30px;}
  .carousel-caption p span.txt4 { background:url(../images/main/dot_red4.png) 50% 18px no-repeat; line-height:50px; }
*/
.notice-list{border-top:1px solid #ddd;}
.notice-list li { clear:both;}
.notice-list li div {
 display: inline-block;
color: #333;
padding:7px 0 0px;
text-align:center; border-bottom:1px solid #ddd;
}
.notice-list li .num {
	border-bottom:none;
}
.notice-list li .title {
 text-align: left;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 border-bottom:none;
}
.notice-list li .title span.label-danger { margin-left:3.5%; margin-right:4.2%;}
.notice-list li .date {
text-align: right;
vertical-align: middle;
border-bottom:1px solid #ddd; padding-top:4px; padding-bottom:5px;color:#166eb2; font-size:12px;
}
.notice-list a:hover {color:#c00;}
h3.notice-title { padding:10px 0 10px; margin:50px 0 0;} /* background:#e0ebf6; */
.view-date { display:block;font-size:15px; line-height:4;}
.notice-view {line-height:200%;word-break:keep-all;}

.notice-list{border:none;}
.notice-list li div {
padding:13px 0 9px;
}
.notice-list li.notice div{border-top:1px solid #ddd;}
.notice-list li .title {
 text-align: left;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;border-bottom:1px solid #ddd;
}
.notice-list li.current div { color:#c00}
.notice-list li .title strong { margin-right:6px; font-weight:normal;}
.notice-list li .num {border-bottom:1px solid #ddd; text-align:left;}
.notice-list li .date {text-align: center;padding:13px 0 9px;vertical-align: middle;border-bottom:1px solid #ddd;color:#333; font-size:14px;}
.notice-list .header > div {border-top:1px solid #bbb; background-color:#f7f7f7; color:#333;padding:10px 0;}
.notice-list li .title span.label-primary { margin-left:2.9%; margin-right:2.4%;}
.notice-list .sns { float:right;padding:7px 0 11px;}
.notice-list .sns button {*overflow:visible;margin:0 2px;;padding:0;border:0 none;background-color:transparent;cursor:pointer; font-size:0 !important; line-height:none;}

.notice-list li .title.img { height:73px; padding-top:28px; }
.notice-list li .date.img {height:73px; padding-top:28px;}
.notice-list .sns.img {height:73px; padding-top:23px;}

.notice_header { background:#f5f5f5; height:40px; padding:5px 10px 0 0;}
.notice_header div {float:right; padding-bottom:30px;}
.notice_header button {*overflow:visible;margin:0 2px;padding:0;border:0 none;background-color:transparent;cursor:pointer; font-size:0 !important; line-height:none;}
.notice_header span {margin-right:10px; line-height:16px; vertical-align:bottom;}

h3.notice-title { padding:10px; text-align:center; border-bottom:1px dashed #B5B5B5; margin:50px 0 30px; border-top:1px solid #ccc;} 
.view-date {float:right; font-size:15px; line-height:2;}

.news_contents {padding:30px 0 50px; line-height:180%; font-size:16px;  border-bottom:1px solid #ccc; margin-bottom:50px; word-break:break-all;}
.news_contents p {margin-bottom:30px; text-align:left; font-family:"HomeplusGothicNeo1-M", Helvetica, Arial, sans-serif !important;}
.news_contents span {font-family:"HomeplusGothicNeo1-M", Helvetica, Arial, sans-serif !important;}
.news_contents img {margin:0 auto;}
h2.title.news {padding:70px 0 30px; border-bottom:1px solid #ccc;}

.btn-bordered {color:#fff !important;
  background-color: #4c515f;
  border-color: #404553;
   font-size:16px; /*border-radius:4px;padding:10px 0;*/
}

.btn-bordered:hover,
.btn-bordered:active,
.btn-bordered:focus
 { background-color: #e60013;
  border-color: #da0012;
}
.btn-bordered:active {
  background-image: none;
}

.btn-bordered2 {/*color:#e60013;*/
  background-color: #f7f7f7;
  border-color: #bbb;
}

.btn-bordered2:hover,
.btn-bordered2:active,
.btn-bordered2:focus
 { background-color: #f7f7f7;
  border-color: #e60013; color:#e60013;
}
.btn-bordered2:active {
  background-image: none;
}

.btn-bordered3 {color:#e60013 !important;
  background-color: #fff;
  border-color: #e60013;
}

.btn-bordered3:hover,
.btn-bordered3:active,
.btn-bordered3:focus
 { background-color: #e60013;
  border-color: #e60013; color:#fff !important;
}
.btn-bordered3:active {
  background-image: none;
}

/* 소중한 의견 */
.ombuds {margin-top:40px; float:left;}
.ombuds .title {font-size:30px;color:#000000; text-align:center; margin-bottom:15px;}
.ombuds .infobox {width:485px; height:119px; border:1px solid rgba(169,68,66,0.4); padding:13px 20px 8px; margin-bottom:10px;}
.ombuds .infobox li {line-height:1.3;}
.ombuds .infobox a.ombudsinfo {float:right; width:76px; height:22px !important; line-height:22px; display:block; background:#a94442; font-size:12px; color:#fff; padding:0;}
.ombuds > div{width:485px; height:438px;}
.ombuds > div a {color:#fff; font-size:28px; display:block; width:485px; height:438px; padding:310px 0 0 20px;}
.ombuds > div a span {font-size:14px; display:block; margin-top:6px;}

.fiartrade {margin-top:40px; margin-bottom:0; float:right;}
.fiartrade .title {font-size:30px; color:#000000; text-align:center; margin-bottom:15px;}
.fiartrade .infobox {width:485px; height:119px; border:1px solid rgba(169,68,66,0.4); padding:13px 20px 8px; margin-bottom:10px;font-size:15px;}
.fiartrade .infobox li {line-height:1.2;}
.fiartrade .infobox li small {letter-spacing:-1px; font-size:12px;}
.fiartrade > div{width:485px; height:214px;}
.fiartrade > div a {color:#fff; font-size:28px; display:block;width:485px; height:214px; padding:90px 0 0 20px;}
.fiartrade > div a span {font-size:14px; display:block; margin-top:6px;}

.partner {margin-top:40px;}
.partner > div{width:485px; height:274px;}
.partner > div a {color:#fff; font-size:28px; display:block;width:485px; height:274px; }
.partner > div a span {font-size:14px; display:block; margin-top:6px;}

.partner_goods {float:left;}
.partner_goods a {padding:90px 0 0 20px;  background:url(../images/opinion_goods_off.gif) no-repeat;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out}
.partner_goods a:hover {background:url(../images/opinion_goods_on.gif) no-repeat;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out  }
.partner_mall {float:right;}
.partner_mall a {padding:30px 0 0 20px; background:url(../images/opinion_mall_off.gif) no-repeat;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out}
.partner_mall a:hover {background:url(../images/opinion_mall_on.gif) no-repeat;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out  }

.partner_anonymous {margin-bottom:10px;}
.partner_anonymous a {  background:url(../images/opinion_anonymous_off.gif) no-repeat;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out}
.partner_anonymous a:hover {background:url(../images/opinion_anonymous_on.gif) no-repeat;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out  }

.partner_realname a { background:url(../images/opinion_realname_off.gif) no-repeat;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out}
.partner_realname a:hover {background:url(../images/opinion_realname_on.gif) no-repeat;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out  }

.ombuds_realname a { background:url(../images/opinion_ombuds_off.gif) no-repeat;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out}
.ombuds_realname a:hover {background:url(../images/opinion_ombuds_on.gif) no-repeat;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out  }

.leaseStore {margin-top:40px; margin-bottom:75px; overflow:hidden;}
.leaseStore > div{width:485px; height:274px;}
.leaseStore > div a {color:#fff; font-size:26px; display:block; width:485px; height:274px; padding:80px 0 0 20px;}
.leaseStore > div a span {font-size:14px; display:block; margin-top:6px; padding-bottom:10px;}

.lease_company {float:left;}
.lease_company a {background:url(../images/lease_company_off.gif) no-repeat;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out}
.lease_company a:hover {background:url(../images/lease_company_on.gif) no-repeat;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out  }
.lease_private {float:right;}
.lease_private a {background:url(../images/lease_private_off.gif) no-repeat;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out; letter-spacing:-1px;}
.lease_private a:hover {background:url(../images/lease_private_on.gif) no-repeat;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out  }
.lease_private a span {background:url(../images/lease_bg.gif) no-repeat 0 8px; padding-left:7px;}
.lease_sign {font-size:16px; color:#000000; margin-top:-50px;}
.lease_sign a {color:#e60013; text-decoration:underline;}

.wrap_agreement .chk {text-align:right; margin-top:14px;}
.agreement { background:#f7f7f7; height:160px; overflow:auto; padding:20px; border:1px solid #ccc;}
.agreement p {padding:5px 0 15px;}
.agreement ul {padding:0 0 15px;}
.agreement ul.Leaseagree {margin-top:20px;}
.agreement ul.Leaseagree li {line-height:1.5;}
.whis_chk {margin-left:15px; color:#a94442;}


.infobox {border:1px solid rgba(169,68,66,0.4); padding:13px 20px 8px;}
.infobox li {margin:5px 0;}

.customer {margin-top:40px; margin-bottom:50px;}
@media (min-width: 768px) {
.customer, .partner {margin-bottom:100px;}
}

.customer > div{width:480px; height:270px; border:1px solid #ccc; padding:30px 26px 0;}
.customer > div.member { float:left;}
.customer > div.nonmember { float:right;}
.customer h3.title {font-size:24px; margin:0 0 14px 0}
.input_login { height:40px; font-size:16px; margin-bottom:10px;}
.btn-login {height:90px; width:97px; margin-left:10px;font-size:20px;font-family:"HomeplusGothicNeo1-M", Helvetica, Arial, sans-serif;color:#fff; background:#e60013; border:1px solid #e60013;}
.btn-login:hover {color:#fff; background:#e60013; border:1px solid #e60013;}
.member input[type="checkbox"], .member input[type="radio"], .member .checkbox { width:auto;}
.btn-nonmember {margin-top:40px; font-size:20px; padding:20px 40px;}
.member .col-lg-4 {width:32.7%; margin:20px 0 0 4px}
.member .col-lg-4:first-child {margin-left:0;}
.requird { font-size:14px; float:right; margin-top:5px; color:#e60013;}

/*기존 pagination*/
.paging{margin:50px auto 0;display: inline-block;}
.paging a,
.paging em{float:left;margin-left:-1px;padding:7px 14px;text-align:center;font-family:"돋움",sans-serif; font-weight:600;z-index: 1;}
.paging a{border:1px solid #d2d2d2;color:#555;}
.paging a img{vertical-align:top;line-height:22px;}
.paging a:hover,
.paging a:focus{border-color:#d2d2d2;color:#e60013;text-decoration:none;z-index: 9999 !important; background:#eee;}
.paging em{border:1px solid #d20011;background-color:#e60013;color:#fff;font-weight:bold;}
.paging a.prev,
.paging a.next{}
.paging a.prev:hover,
.paging a.next:hover,
.paging a.prev:focus,
.paging a.next:focus{background-color:#eee;}

/* faq */
.faq_homeplus {margin:20px 0; min-height:405px;}
.faq_homeplus .nav-pills > li.active > a,
.faq_homeplus .nav-pills > li.active > a:hover,
.faq_homeplus .nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #e60013; border:1px solid #e60013;
}
.faq_homeplus .nav-pills > li { width:20%;}
.faq_homeplus .nav-pills > li > a {padding:12px 1px 12px 0; border:1px solid #ddd; margin:2px -1px 0 0 ; font-size:15px; text-align:center; background-color:#f4f4f4;}
.faq_homeplus .nav-pills > li > a:hover {color:#000; border-color:#ccc; z-index:999}
.faq_homeplus .tab-content {margin-top:20px;}
.faq_homeplus .panel-title {font-size:14px;}
.faq_homeplus-nav {}
.faq_homeplus .tab-pane {margin-top:26px;}
.faq_homeplus .panel-title > a {
	display: block;
	padding: 0.4em 0 0.4em 0.6em;
    outline: none;
    text-decoration: none; color:#333; font-family:"HomeplusGothicNeo1-M", Helvetica, Arial, sans-serif;
	line-height:160%;
}
.faq_homeplus .panel-title > a span {font-size:24px; color:#e60013; font-weight:bold; margin-right:5px;}
.faq_homeplus .panel-title > a.faq_homeplus-toggle::before, .faq_homeplus a[data-toggle="collapse"]::before  {
    content:"";position:absolute; right:10px; top:9px;
	background:url(../images/btn_minus.png) no-repeat; background-size:14px; width:20px; height:20px;
}
.faq_homeplus .panel-title > a.faq_homeplus-toggle.collapsed::before, .faq_homeplus a.collapsed[data-toggle="collapse"]::before  {
    content:"";position:absolute; right:10px; top:9px;
	background:url(../images/btn_plus.png) no-repeat; background-size:14px; width:20px; height:20px;
}
.faq_homeplus .panel-body { line-height:180%;}
.faq_homeplus .panel-body ol, .faq_homeplus .panel-body ul {padding-left:0;}
.faq_homeplus h5 {margin:20px 0 5px; font-weight:700; color:#000;}
.faq_homeplus .panel.panel-line {border-left:0; border-right:0; border-top:0}

/* 브랜드스토리 */
.tab_brandstory {margin:0 0 20px 0;}
.tab_brandstory .nav-pills > li.active > a,
.tab_brandstory .nav-pills > li.active > a:hover,
.tab_brandstory .nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #e60013; border:1px solid #e60013;
}
.tab_brandstory .nav-pills > li { width:25%;}
.tab_brandstory .nav-pills > li > a {padding:12px 1px 12px 0; border:1px solid #ddd; margin:2px -1px 0 0 ; font-size:18px; text-align:center; background-color:#f4f4f4;}
.tab_brandstory .nav-pills > li > a:hover {color:#000; border-color:#ccc; z-index:999}
.tab_brandstory .tab-content {margin-top:20px;}

.brandstory_detail {margin-top:40px;}
.brandstory_detail h4 {font-size:26px; font-weight:normal; color:#333; }
.brandstory_detail h4 em { color:#e60013; font-size:40px; font-weight:600; display:block; margin:20px 0 10px 0;}
.brandstory_detail h4 .homeplus {line-height:30px;letter-spacing:0; color:#e30613; background:url(../images/dot_red4_sm.png) 50% 23px no-repeat; padding-top:30px;}
.brandstory_detail .img {padding-right:30px; margin-bottom:20px;}
.brandstory_contents { padding:0 0 0 10px;}
.brandstory_contents p {font-size:18px; margin:5px 0 30px;font-family:"HomeplusGothicNeo1-M", Helvetica, Arial, sans-serif; color:#333;}
.brandstory_contents li {padding:5px 0; font-size:17px; color:#333;}

/*ceo 인사말씀*/
.ceo {font-size:18px; line-height:22px; padding:26px 20px 0; text-align:center; margin: 0 -20px;} /* 2021-06-11 : css 수정 */
.ceo p {margin-bottom:39px; color:#666; word-break:keep-all; } /* 2021-05-24 : margin-bottom:20px -> 39px css 수정 */
.ceo strong {font-family:"HomeplusGothicNeo1-M", Helvetica, Arial, sans-serif;}
.ceo p.sign {background:url(../images/ceo_sign.gif) 190px 50% no-repeat; height:50px; margin:20px auto 20px; text-align:left; line-height:50px; font-size:16px;}
.ceo .ceo_sign {text-align:right; padding-right:3%;} /* 2021-06-11 : css 수정 */
.ceo .ceo_sign img {max-width:28%; height:auto;}
.hpo { border:1px solid #ccc; margin-top:80px; padding:50px 30px 30px 50px; background:#f7f7f7;}
.hpo_contents {float:left; padding-top:20px;}
.hpo_contents h2 {text-align:left; }
.hpo_contents h2 small { color:#333; opacity:1}
.hpo_house {float:right; background:url(../images/bg_house.png) 100% 0 no-repeat; min-height:500px; min-width:532px; padding:40px 0 0 92px}
.btn-house {color:#000 !important;background: #fff; width:133px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top, #fff, #ededed);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); border-color: #bbb;font-size:18px; border-radius:4px;padding:10px 0;}
.hpo_house li {padding:0 2px; position:relative;}
.hpo_house li span {position:absolute; top:-11px; left:60px;}
.vision {margin:0 0 220px -32px; text-align:center;}
.vision button {background:none;background-color:transparent; border:none; text-align:center; font-size:25px; color:#e60013; width:auto; line-height:30px; padding-top:80px; filter:none;}
.vision button:hover,
.vision button:active,
.vision button:focus {background:none;background-color:transparent; color:#e60013 !important;filter:none;}

.btn-house:hover,
.btn-house:active
 { background: #e60013;
	background: -webkit-gradient(linear, left top, left bottom, from(#e60013), to(#e60013));
	background: -moz-linear-gradient(top, #e60013, #e60013);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e60013', endColorstr='#e60013');border-color: #e60013; color:#fff !important;}
.btn-house:active {
  background-image: none;
}
.modal-hpo {text-align:left;}
.modal-hpo h4 {font-size:35px; color:#000;}
.modal-hpo h4 small {font-size:18px; display:block; margin-top:5px;}
.modal-hpo p { margin-left:0;}
.modal-hpo .copy {font-size:20px; margin:24px 0 20px;}
.modal-hpo .copy img {width:300px; margin-bottom:10px;}
.modal-hpo dt {font-size:18px; color:#e60013; font-weight:normal; line-height:30px}
.modal-hpo dd {margin-bottom:20px;}
.modal-hpo li {font-size:16px; margin-bottom:10px;}
/*회사소개*/
.introduction { background:url(../images/headoffice.jpg) no-repeat; color:#fff;text-shadow: 0 1px 2px rgba(0, 0, 0, .6); height:313px; margin:30px 0 22px; padding:60px;font-family:"HomeplusGothicNeo1-M", Helvetica, Arial, sans-serif; }
.introduction h1 {font-size:30px; font-weight:normal; line-height:40px}
.introduction h1 small {display:block; color:#fff; opacity:1; line-height:22px; font-size:15px;font-weight:normal !important; margin-top:10px;}
.history {background:#fafafa url(../images/bg_history_20220412.png) 50% 0 no-repeat; width:100%; height:1995px; border:1px solid #ccc; position:relative; }/*2018-03-29 수정*/
.history img { margin:0 auto;}
/* 2018-03-29 내용 추가*/
.history .history2018 li:nth-child(1){position: absolute; top:40px; left:596px;}
.history .history2018 li:nth-child(2){position: absolute; top:83px; right:550px; text-align:right;}
.history .history2018 li:nth-child(3){position: absolute; top:95px; left:570px;}
.history .history2017 li:nth-child(1){position: absolute; top:175px; right:550px;}
.history .history2017 li:nth-child(2){position: absolute; top:187px; left:570px; text-align:right;}
.history .history2017 li:nth-child(3){position: absolute; top:215px; right:591px;}
.history .history2017 li:nth-child(4){position: absolute; top:235px; left:596px;text-align:right;}
/* 2018-03-29 내용 추가*/
/*.history .history2017 li {position: absolute; top:51px; left:596px;} 2018-03-29 삭제 */
/* S:2018-03-29 : 내용 추가로 top값 수정 */
.history .history2016 li:nth-child(1) {position: absolute; top:320px; right:571px; text-align:right;}
.history .history2016 li:nth-child(2) {position: absolute; top:333px; left:596px;}
.history .history2016 li:nth-child(3) {position: absolute; top:369px; right:546px; text-align:right;}
/*.history .history2016 li:nth-child(4) {position: absolute; top:486px; left:569px;} 2018-03-29 : 삭제*/ 
.history .history2015 li:nth-child(1) {position: absolute; top:471px; left:617px;}
.history .history2014 li:nth-child(1) {position: absolute; top:545px; right:591px; text-align:right;}
.history .history2014 li:nth-child(2) {position: absolute; top:563px; left:600px;}
.history .history2013 li:nth-child(1) {position: absolute; top:645px; left:570px;}
.history .history2013 li:nth-child(2) {position: absolute; top:665px; right:581px; text-align:right;}
.history .history2012 li:nth-child(1) {position: absolute; top:749px; left:566px;}
.history .history2012 li:nth-child(2) {position: absolute; top:768px; right:610px; text-align:right;}
.history .history2011 li:nth-child(1) {position: absolute; top:840px; left:603px;}
.history .history2011 li:nth-child(2)  {position: absolute; top:860px; left:603px;}
.history .history2011 li:nth-child(3) {position: absolute; top:874px; right:580px;text-align:right;}
.history .history2010 li {position: absolute; top:952px; right:610px; text-align:right;}
.history .history2009 li {position: absolute; top:1025px; left:562px;}
.history .history2008 li:nth-child(1) {position: absolute; top:1100px; right:566px; text-align:right;}
.history .history2008 li:nth-child(2) {position: absolute; top:1120px; left:617px;}
.history .history2007 li {position: absolute; top:1194px; left:562px;}
.history .history2005 li:nth-child(1) {position: absolute; top:1265px; right:576px; text-align:right;}
.history .history2005 li:nth-child(2) {position: absolute; top:1282px; left:606px;}
.history .history2004 li:nth-child(1) {position: absolute; top:1360px; left:602px;}
.history .history2004 li:nth-child(2) {position: absolute; top:1386px; right:575px;}
.history .history2003 li:nth-child(1) {position: absolute; top:1454px; right:552px; text-align:right;}
.history .history2003 li:nth-child(2) {position: absolute; top:1472px; left:562px;}
.history .history2002 li:nth-child(1) {position: absolute; top:1540px; right:602px; text-align:right;}
.history .history2002 li:nth-child(2) {position: absolute; top:1559px; left:600px;}
.history .history2001 li {position: absolute; top:1640px; left:564px;}
.history .history2000 li {position: absolute; top:1730px; right:564px; text-align:right;}
.history .history1999 li {position: absolute; top:1823px; left:594px;}
.history .history1997 li {position: absolute; top:1900px; left:596px;}
/* E:2018-03-29 : 내용 추가로 top값 수정 */
/*캠페인스토리*/
.campaign_wrap {padding:0; margin:0 0 40px; text-align:center;}
/*.campaign_wrap {padding:0; margin:60px 0 40px; text-align:center;}*/
.campaign_wrap .campaign_01 {background: url(../images/campaign_01.png) 50% 0 no-repeat; background-size:170px; padding:150px 22px 0; margin-bottom:90px}
.campaign_wrap .campaign_02 {background: url(../images/campaign_02.png) 50% 20% no-repeat; background-size:170px; padding:150px 22px 0; margin-bottom:90px}
.campaign_wrap .campaign_03 {background: url(../images/campaign_03.png) 50% 10% no-repeat; background-size:170px; padding:150px 22px 0; margin-bottom:90px}
.campaign_wrap .campaign_04 {background: url(../images/campaign_04.jpg) 50% 0 no-repeat; background-size:200px; padding:120px 22px 0}
.campaign_wrap .campaign_05 {background: url(../images/campaign_05.jpg) 50% 0 no-repeat; background-size:200px; padding:120px 22px 0}
.campaign_wrap .campaign_06 {background: url(../images/campaign_06.jpg) 50% 0 no-repeat; background-size:200px; padding:120px 22px 0}

.campaign_wrap h3 { font-size:24px; margin:40px 0 14px; font-weight: normal; color:#000;}
.campaign_wrap p {font-size:16px; line-height:24px; text-align:center; word-break:keep-all;}
.campaign_wrap .campaign_04 p, .campaign_wrap .campaign_05 p, .campaign_wrap .campaign_06 p {margin-bottom:10px;}
.campaign_video a img { width:200px;}
.youtube {width:200px; text-align:center; margin:0 auto;}

/*사회공헌*/
.csr { text-align:center; background:#f8f8f8; border:1px solid #ccc; padding:30px 0; margin-top:30px;}
.csr_wrapper {text-align:center;font-family:"HomeplusGothicNeo1-M", Helvetica, Arial, sans-serif;}
h3.csr_heading { font-size:25px; margin:90px 0 44px; color:#666; font-weight:normal }
h3.csr_heading strong {color:#000;}
h4.csr_heading { font-size:18px; margin:0 0 27px 0; color:#8a2836; font-family:"HomeplusGothicNeo1-M", Helvetica, Arial, sans-serif; font-weight:normal}
.farming { border:1px solid #ccc; padding:234px 106px 30px 120px; background:#f8f8f8 url(../images/csr_farming.png) 50% 35px no-repeat; margin-bottom:20px}
.farming > div {text-align:center; }
.farming h5 {margin-bottom:10px; font-size:15px;}
.csr_wrapper p.text { margin:-10px 0 22px; font-weight:600;}
.eparan {background:url(../images/csr_eparan.png) 30px 50% no-repeat; padding:25px 25px 20px 300px; text-align:left; border:1px solid #ccc; line-height:24px; font-weight:600; margin-bottom:50px}
.eparan h3 {font-size:18px; margin:8px 0; color:#333}

.greybox {border:1px solid #ddd; padding:13px 20px 8px; background:#f7f7f7; margin-top:14px; text-align:left;}
.greybox li:first-child {margin-top:8px;}

/*현금영수증*/
.popup {padding:20px;}
h1.popup { background:#e60012; color:#fff; font-size:24px; padding:16px 20px; font-weight:normal;}
/*h1.popup.grey {background:#7e7e7e;}*/
.greybox2 {border:1px solid #ddd; padding:70px 40px 60px 350px; font-size:16px; line-height:180%; background:#f7f7f7 url(../images/thanks.jpg) no-repeat; word-break:keep-all; background-size:400px; }

.greybox_receipt {border:1px solid #ddd; padding:13px 20px; background:#f7f7f7; margin:14px 0 20px; text-align:left; ma}
.greybox_receipt li { padding:3px 0;}
.receipt_info {border:1px solid #ccc; padding:20px 30px; margin-top:30px;}
.receipt_info .col1 {float:left; width:380px;}
.receipt_info .col2 {float:right; width:370px;}
.receipt_info .col2 .img { text-align:center}
.receipt_info li {margin-bottom:30px;}
.receipt_info li strong {color:#a94442; line-height:20px;}
.receipt_info2 h3 {border-radius: 25px;font-size: 16px;line-height: 11px;padding: 10px 16px; background:#e60012; color:#fff; display:inline-block; font-weight:normal; margin:10px 0; }
.dataTable {display:none;}
/*jquery-ui*/
/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}
/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("../images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("../images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("../images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("../images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("../images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("../images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("../images/ui-icons_777777_256x240.png");
}

.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }

.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em; cursor:pointer;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 2px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}


.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}
/*윤리행동강령*/
.ethics {border:1px solid #ccc; padding:30px 0 45px 97px; background:url(../images/bg_ethics.png) 90% 100% no-repeat; margin-top:20px;}
.ethics h3.title { color:#a94442; font-weight:normal; margin:30px 0 10px}
.ethics li {line-height:26px;}
.notice_red {border-radius: 25px;font-size: 16px;line-height: 11px;padding: 10px 16px; background:#e60012; color:#fff; display:inline-block; font-weight:normal; margin:10px 0; }
.ethics_notice { margin-top:20px;}
.ethics_notice p {padding:15px 0 0 20px; float:left;}
/*동반성장*/
.fair_trade  {text-align:center; margin-top:30px; }
.fair_trade h3{ font-size:25px; margin:10px 0 23px; color:#333; font-weight:normal;font-family:"HomeplusGothicNeo1-M", Helvetica, Arial, sans-serif; }
.fair_trade p {font-size:16px; line-height:24px; margin-bottom:76px;}
.organ_chart {border:1px solid #ccc;background:url(/images/bg_organ_chart_20220412.png) 50% 45px no-repeat; width:100%; height:438px;} /* 2019-07-12 : height 519->438 수정*/
/* CSR counter */
.flexable_banner li.flx_csr .counter_wrap {margin:265px 0 0 6px;font-family:"HomeplusGothicNeo1-M", Helvetica, Arial, sans-serif;}
.flexable_banner li.flx_csr .counter_wrap span.copy {width:701px; height:71px; background:url(../images/main/bg_csr.png) right bottom no-repeat;width:auto; background-color:rgba(255, 255, 255, 0); font-size:17px; line-height:20px; color:#fff; margin:0; padding:13px 0 0 22px;}
.flexable_banner li.flx_csr .counter_wrap span em { font-size:13px;}
.flexable_banner li.flx_csr .counter_wrap span.counter { background-color:rgba(255, 255, 255, 0); font-size:17px; line-height:20px; color:#fff; margin:0; position:absolute; top:3px; right:62px;}
.flexable_banner li.flx_csr .counter_wrap span.copy strong {font-size:15px; position:absolute; right:25px; top:25px;} 

.modal_consult { height:210px;}
.consult_phone {width:284px; border-right:1px solid #eee; text-align:center; height:200px; float:left; background:url(../images/modal_icon_phone.png) 50% 40px no-repeat; padding-top:130px; font-size:16px; line-height:24px}
.consult_mail {width:284px; text-align:center; height:200px; float:left; background:url(../images/modal_icon_mail.png) 50% 40px no-repeat; padding-top:130px;font-size:16px;line-height:24px}

.modal_Ombuds {height:180px;}
.ombudsmanforofile {overflow:hidden;padding:15px;}
.ombudsmanforofile dt {float:left; margin-right:20px;width:120px; height:150px;}
.ombudsmanforofile dt img {width:100%;}
.ombudsmanforofile dd {overflow:hidden; font-size:16px; line-height:1.3;}
.ombudsmanforofile dd.title {font-size:22px; color:#e60013; margin-bottom:15px;}
.ombudsmanforofile dd span {}
.ombudsmanforofile dd span.list {float:left;width:45px; height:22px;}
.ombudsmanforofile dd span.content {float:right; width:90px;}


/* 팝업-express */
.tab_express {margin:20px 0; min-height:380px;}
.tab_express .nav-pills > li:nth-child(1) a {border-right-width:0;}
.tab_express .nav-pills > li:nth-child(2) a {border-left-width:0;}
.tab_express .nav-pills > li.active > a,
.tab_express .nav-pills > li.active > a:hover,
.tab_express .nav-pills > li.active > a:focus {
  color: #e60013;
  background-color: #fff; border:2px solid #e60013; border-bottom:1px solid #fff;}
.tab_express .nav-pills > li > a {padding:12px 1px 12px 0; border:1px solid #ddd; margin:2px 0px 0 0 ; font-size:17px; text-align:center;border-bottom:2px solid #e60013;}
.tab_express .nav-pills > li > a:hover {color:#000; border-color:#ccc; z-index:999}
.tab_express .nav-pills > li + .tab_express .nav-pills > li {margin-left:-5px;}
.tab_express .nav-pills > li:nth-child(1) a

.tab_express .tab-content {margin-top:20px;}

/*365plus*/
.svc365 {margin-bottom:-5px;}
.svc365 .icon { background-image: url(../images/365plus/icon_store.png); vertical-align:middle; }
.icon-new-store {
	width: 76px;
	height: 44px;
	margin-left: 10px;
}
.icon-search {
	background-position: 0 -50px;
}
.icon-here { 
	width: 16px;
	height: 22px;
	background-position: -80px 0; 
	margin-right: 5px;
}
.icon-svc {
	overflow: hidden;
	display: inline-block;
	margin-top: 2px;
	width: 24px;
	height: 24px;
}
.icon-svc.icon-24hour	{ background-position: 0 0; }
.icon-svc.icon-hot-dog	{ background-position: -30px 0; }
.icon-svc.icon-medicine	{ background-position: 0 -30px; }
.icon-svc.icon-phone	{ background-position: -30px -30px; }
.icon-svc.icon-coffee	{ background-position: 0px -60px; }
.icon-svc.icon-bakery	{ background-position: -30px -60px; }
.icon-svc.icon-wifi		{ background-position: 0 -90px; }
.icon-svc.icon-seat		{ background-position: -30px -90px; }
.icon-svc.icon-delivery	{ background-position: 0 -120px; }
.icon-svc.icon-atm	{ background-position: 0px -300px; }
.icon-svc.icon-noodle	{ background-position: -30px -120px; }

.icon-svc.icon-24hour.off	{ background-position: 0 -150px; }
.icon-svc.icon-hot-dog.off	{ background-position: -30px -150px; }
.icon-svc.icon-medicine.off	{ background-position: 0 -180px; }
.icon-svc.icon-phone.off	{ background-position: -30px -180px; }
.icon-svc.icon-coffee.off	{ background-position: 0px -210px; }
.icon-svc.icon-bakery.off	{ background-position: -30px -210px; }
.icon-svc.icon-wifi.off		{ background-position: 0 -240px; }
.icon-svc.icon-seat.off		{ background-position: -30px -240px; }
.icon-svc.icon-delivery.off	{ background-position: 0 -270px; }
.icon-svc.icon-atm.off	{ background-position: 0 -330px; }
.icon-svc.icon-noodle.off	{ background-position: -30px -270px; }

.svc365.bx {border:1px solid #ccc; padding:20px 30px 15px;}
.svc365 li {float:left; width:140px; margin-bottom:10px}
.svc365 li span { display:inline-block; vertical-align:bottom; padding-bottom:2px; margin-left:5px;}


span.skype_pnh_container {display:none !important;}
span.skype_pnh_print_container {display:inline !important;} 


#searchlist2 .form-inline .form-control {
	display: inline-block;
	width: 200px;
	vertical-align: middle;
}
.txc-image, .tx-daum-image{
  display: block;
  max-width: 100%;
  height: auto;
}
.setextarea, .sefst4, .sefst4 span {font-family:"HomeplusGothicNeo1-M", Helvetica, Arial, sans-serif !important;}

/* 인재채용-직무소개 */
.duty_tab {margin:20px 0; min-height:405px;}
.duty_tab .nav-pills > li.active > a,
.duty_tab .nav-pills > li.active > a:hover,
.duty_tab .nav-pills > li.active > a:focus { color: #fff; background-color: #e60013; border:1px solid #e60013;}
.duty_tab .nav-pills > li { width:33.33333%;}
.duty_tab .nav-pills > li > a {padding:12px 1px 12px 0; border:1px solid #ddd; margin:2px -1px 0 0 ; font-size:15px; text-align:center; background-color:#f4f4f4;}
.duty_tab .nav-pills > li > a:hover {color:#000; border-color:#ccc; z-index:999}
.duty_tab .tab-content {margin-top:20px;}
.duty_tab .tab-content table th {text-align:center; height:60px; white-space:nowrap;}
.duty_tab .tab-content table td { word-break:keep-all;}
.duty_tab .tab-content table td .ex_gray { color:#999; } /* 17.07.28 Add */

/*인재채용-게시판*/
.notice-list .attach { float:right;padding:7px 0 7px; min-height:43px;height:43px \0/IE8+9; }
.notice-list .attach button {*overflow:visible;margin:0 2px;;padding:0;border:0 none;background-color:transparent;cursor:pointer; font-size:0 !important; line-height:none;}
.notice_header div span.attach_dl img { vertical-align:middle; margin:5px 5px 0 0}
.notice_header div span.attach_dl a { vertical-align:bottom; background:url(../images/recruit/btn_download.png) no-repeat; padding:1px 0 6px 26px;}
.recruit_info {text-align:right; margin:-40px 0 50px 0;}
.recruit_info .notice_red {border-radius: 25px;font-size: 16px;line-height: 11px;padding: 7px 12px; background:#e60012; color:#fff; display:inline-block; font-weight:normal; margin:10px 0; }
.notice_header div.recruit {padding:3px 0 0 0;}

/*인재채용-플러스인사제도*/
.personnel_wrapper {text-align:center;font-family:"HomeplusGothicNeo1-M", Helvetica, Arial, sans-serif;}
.personnel { width:910px; }
.personnel img { }
.personnel_wrapper h3 {  font-size:25px; letter-spacing:-1px; color:#000;}
.personnel_wrapper p {font-size:21px;font-family:"HomeplusGothicNeo1-M", Helvetica, Arial, sans-serif;}
.personnel_wrapper .benefit { border:1px solid #ccc; padding:30px 0 30px 30px; margin-top:30px; text-align:left;}
.personnel_wrapper .benefit li {font-size:18px; color:#e60013; padding-left:80px; margin-bottom:50px; font-weight:bold;margin-top:2px;} /* 2018-08-03 : 수정*/
.personnel_wrapper .benefit li span {font-size:14px;color:#333; display:block; font-weight:200;}
.personnel_wrapper .benefit .leftone li:nth-child(1) { background:url(../images/recruit/icon_benefit01.png) no-repeat;}
.personnel_wrapper .benefit .leftone li:nth-child(2) { background:url(../images/recruit/icon_benefit02.png) 3px 0 no-repeat;}
.personnel_wrapper .benefit .leftone li:nth-child(3) { background:url(../images/recruit/icon_benefit03.png) 10px 0 no-repeat;margin-bottom:70px;} /* 2018-08-03 : 수정*/
.personnel_wrapper .benefit .leftone li:nth-child(4) { background:url(../images/recruit/icon_benefit04.png) 10px 0 no-repeat; margin-bottom:0;}
.personnel_wrapper .benefit .rightone { padding-left:10px}
.personnel_wrapper .benefit .rightone li:nth-child(1) { background:url(../images/recruit/icon_benefit05.png) 3px 0 no-repeat; margin-bottom:30px;}  /* 2018-08-03 : 수정*/
.personnel_wrapper .benefit .rightone li:nth-child(2) { background:url(../images/recruit/icon_benefit06.png) 3px 0 no-repeat;}
.personnel_wrapper .benefit .rightone li:nth-child(3) { background:url(../images/recruit/icon_benefit07.png) 3px 0 no-repeat;margin-bottom:30px;} /* 2018-08-03 : 수정*/
.personnel_wrapper .benefit .rightone li:nth-child(4) { background:url(../images/recruit/icon_benefit08.png) 3px 0 no-repeat;margin-bottom:0;} /*2018-08-03 추가*/
/*직무스토리*/
.dutyStory_wrapper { font-family:"HomeplusGothicNeo1-M", Helvetica, Arial, sans-serif; }
.dutyStory:hover>.img-hover {	opacity:100; z-index:99}
.dutyStory:hover dt {color:#f6f6f6}
.dutyStory:hover dd { background-color:transparent;}

.dutyStory {position:relative; overflow:hidden; float:left}
.img-hover {	position:absolute;	top:0;	width:100%;	height:100%;background-color:rgba(0,0,0, .8);z-index:20;text-align:center;padding-top:43px;opacity:0;}
.img-hover span {padding:12px 18px;font-weight:200;font-size:1.2em;color:#fff;background-color:rgba(13, 181, 185, 0);}
.img-hover p {margin-top:60px;}
.dutyStory_wrapper {width:100%:}
.dutyStory_wrapper dl.hover { float:none;border: none; padding-bottom:50px; }
.dutyStory_wrapper dl.hover dt {padding-top:0;}
.dutyStory_wrapper dl.hover dd { top:107px;background-color:transparent}
.dutyStory_wrapper dl.hover hr {border-top:2px solid #fff;margin:26px auto 0;}

.dutyStory_wrapper dl { float:left;border:1px solid #ddd; position:relative; overflow:hidden;}
.dutyStory_wrapper dt { font-size:20px; color:#e60013;text-align:center; line-height:29px; font-weight:normal; padding-top:43px;}
.dutyStory_wrapper hr { width:100px; text-align:center; display:block; border-top:2px solid #e60013; margin:26px auto 0; }
.dutyStory_wrapper dd{position: absolute; bottom:0px; background-color:rgba(0,0,0,.5); height:30px; width:100%; color:#fff; text-align:center; padding-top:6px; }
.dutyStory01 { width:339px; height:417px; background:#f6f6f6 url(../images/recruit/duty_story_new_02_2406.jpg) no-repeat;}
.dutyStory02 { width:339px; height:417px; background:#f6f6f6 url(../images/recruit/duty_story_new_01_2406.jpg) no-repeat; margin-left:-1px;}
.dutyStory03 { width:339px; height:417px; background:#f6f6f6 url(../images/recruit/duty_story_new_03_2406.jpg) no-repeat;margin-left:-1px;}
.dutyStory04 { width:339px; height:417px; background:#f6f6f6 url(../images/recruit/duty_story_new_06_2406.jpg) no-repeat;}
.dutyStory05 { width:339px; height:417px; background:#f6f6f6 url(../images/recruit/duty_story_new_05_2406.jpg) no-repeat; margin-left:-1px;}
.dutyStory06 { width:339px; height:417px; background:#f6f6f6 url(../images/recruit/duty_story_new_07_2406.jpg) no-repeat;margin-left:-1px;}
.dutyStory07 { width:339px; height:417px; background:#f6f6f6 url(../images/recruit/duty_story_new_04_2406.jpg) no-repeat;}
.dutyStory08 { width:339px; height:417px; background:#f6f6f6 url(../images/recruit/duty_story_new_08_2406.jpg) no-repeat; margin-left:-1px;}
.dutyStory09 { width:339px; height:417px; background:#f6f6f6 url(../images/recruit/duty_story_new_09_2406.jpg) no-repeat;margin-left:-1px;}
.duty_modal{overflow-y:hidden; margin-right:0 !important;}
.modal_dutystory {margin:20px 20px 0 20px;word-break:keep-all; float:right; width:575px; overflow-y:auto; height:420px;}
.modal-body.duty { overflow-y:hidden; padding-right:0;padding-bottom;}
.photo {float:left; text-align:center;height:460px; vertical-align:bottom !important; } 
.photo img {position:absolute; bottom:0; left:0;}
.modal_dutystory .intro {background:url(../images/recruit/duty_story_qmark3.png) no-repeat; color:#666; padding:6px 10px 30px 40px;font-family:"HomeplusGothicNeo1-M", Helvetica, Arial, sans-serif;}/* 17.08.11 Modify */
.duty_q {background:url(../images/recruit/duty_story_q.png) 6px 0 no-repeat; padding:4px 10px 14px 40px; color:#e60013; background-size:25px;}/* 17.08.11 Modify */
.duty_a {background:url(../images/recruit/duty_story_a.png) 6px 0 no-repeat; padding:4px 10px 40px 40px;  background-size:25px; line-height:170%;}/* 17.08.11 Modify */
.close {  filter: alpha(opacity=20);  opacity:1 \0/IE8+9;  filter: alpha(opacity=100) \0/IE8+9}
.modal-header .close {margin-top:5px;}
.duty_btn span { font-size:18px; color:#fff; display:block; text-align:center; margin-bottom:12px;}
.duty_btn .btn { background-color:transparent;width:105px;font-size:18px; color:#fff;}
.duty_btn .btn:hover {background-position:-106px 0;}
.btn-duty-prev {position:absolute; left:-140px; top:220px; }
.btn-duty-next {position:absolute; right:-140px; top:220px;}
.btn-duty-prev .btn-prev { background:url(../images/recruit/btn_prev.png) 0 0 no-repeat; padding-top:56px;}
.btn-duty-next .btn-next { background:url(../images/recruit/btn_next.png) no-repeat; padding-top:56px;}

/*홈플러스아카데미*/
.bx_college { background:url(../images/recruit/academy_college.png) 50% 50% no-repeat; width:100%; height:500px; border:1px solid #ccc; margin-top:20px}
.academy_program {margin-bottom:66px; width:100% !important;}
.academy_program:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.academy_program li { font-size:18px;float:left; text-align:center; position:relative; box-sizing: border-box;opacity:1; margin-bottom:20px}
.academy_program li.on{opacity:1; top:0;}
.academy_program li:nth-child(1) {transition-delay: 0.15s;transition:opacity 0.4s, top 0.4s cubic-bezier(.44,.01,.64,.99);}
.academy_program li:nth-child(2) {transition-delay: 1s;transition:opacity 0.8s, top 0.4s cubic-bezier(.84,.41,.104,.19);}
.academy_program li:nth-child(3) {transition-delay: 1.5s;}
.academy_program li:nth-child(4) {transition-delay: 2s;}
.academy_program li:nth-child(5) {transition-delay: 0.75s;}
.academy_program li a {display:block;width:210px; height:210px; padding-top:152px;border:1px solid #999; margin-left:22px; color:#000; }
.academy_program li:nth-child(1) a{margin-left:0;background:url(../images/recruit/academy_icon01.png) no-repeat center 45px; transition:all 0.5s ease-in-out;}
.academy_program li:nth-child(2) a{background:url(../images/recruit/academy_icon02.png) no-repeat center 45px; transition: all 0.5s ease-in-out;}
.academy_program li:nth-child(3) a {background:url(../images/recruit/academy_icon03.png) no-repeat center 45px; transition: all 0.5s ease-in-out;}
.academy_program li:nth-child(4) a{background:url(../images/recruit/academy_icon04.png) no-repeat center 45px; transition: all 0.5s ease-in-out;}
.academy_program li:nth-child(5) a{background:url(../images/recruit/academy_icon05.png) no-repeat center 45px; transition: all 0.5s ease-in-out; margin-left:0;}
.academy_program li:nth-child(6) a{background:url(../images/recruit/academy_icon06.png) no-repeat center 45px; transition: all 0.5s ease-in-out;}
.academy_program li:nth-child(7) a {background:url(../images/recruit/academy_icon07.png) no-repeat center 45px; transition: all 0.5s ease-in-out;}
.academy_program li:nth-child(8) a{background:url(../images/recruit/academy_icon08.png) no-repeat center 45px; transition: all 0.5s ease-in-out;}

.academy_program li a:hover {border:1px solid #e60013; background-color:#666; color:#666; background-image:none; border:1px solid #555; }
.detail_ovr{opacity:0; color:#fff; position:absolute; top:45px; left:37px; width:183px; line-height:23px; }
.detail_ovr h3 {font-weight:normal; margin-bottom:35px;}
.detail_ovr p {font-size:14px; font-family:"HomeplusGothicNeo1-M", Helvetica, Arial, sans-serif; word-break:keep-all;}
.academy_program li:nth-child(1) .detail_ovr, .academy_program li:nth-child(5) .detail_ovr {left:15px;}
.academy_program li a:hover .detail_ovr {opacity:1;}

#academy_view.carousel {margin-top:20px;}
#academy_view .carousel-inner > .item > img, #academy_view.carousel .item, #academy_view .carousel-control {height:425px;}
#academy_view .carousel-indicators li { background:#757575; border:0;}
#academy_view .carousel-indicators .active {background:#000;}
#academy_view .carousel-caption { font-family:"HomeplusGothicNeo1-M", Helvetica, Arial, sans-serif; font-size:16px; color:#fff; z-index:9999; background:rgba(0,0,0,.4); position:absolute; left:0; bottom:65px; padding:0 0 0 0; text-align:left; height:54px; width:100%}
#academy_view .carousel-caption div {margin:15px 0 0 15px;}
.brochure  {border-radius: 25px;font-size: 14px;line-height: 11px;padding:14px 52px 14px 20px; background:#000 url(../images/recruit/icon_download.png) 173px 50% no-repeat; color:#fff !important; display:inline-block; font-weight:normal; margin:7px 10px 0 0; border:1px solid rgba(255,255,255,.3) }
.brochure:hover {  background:#e60013 url(../images/recruit/icon_download.png) 173px 50% no-repeat; color:#fff; border: 1px solid #e60013}

/*인재상*/
.rightPeople_wrapper {margin-top:40px; margin-bottom:50px; word-break:keep-all;}
.rightPeople_wrapper li {float:left;display:inline-block;width: 292px;margin-left: 10px;height:376px;color:#fff;font-family:"HomeplusGothicNeo1-M", Helvetica, Arial, sans-serif;font-size:14px;text-align:center;} /* 2018-08-23 수정*/
.rightPeople_wrapper li:first-child { margin-left:11px;} /* 2018-08-03 수정*/
.rightPeople_wrapper li:nth-child(1) {background:#ff1a2c url(../images/recruit/value01.jpg) 0 100% no-repeat; padding:33px 47px 0;} /* 2018-08-03 : 수정*/
.rightPeople_wrapper li:nth-child(2) {background:#7b7b7b url(../images/recruit/value02.jpg) no-repeat; padding:225px 47px 0;} /* 2018-08-03 : 수정*/
.rightPeople_wrapper li:nth-child(3) {background:#ff3a49 url(../images/recruit/value03.jpg) 0 100% no-repeat; padding:33px 47px 0;} /* 2018-08-03 : 수정*/
.rightPeople_wrapper li:nth-child(4) {background:#939393 url(../images/recruit/value04.jpg) 0 100% no-repeat;padding:22px 16px 0;}
.rightPeople_wrapper li:nth-child(5) {background:#ff1a2c url(../images/recruit/value05.jpg) no-repeat; padding:205px 20px 0;}
.rightPeople_wrapper li h3 {font-size:23px;  margin-bottom:10px; line-height:120%; font-weight:200}
.rightPeople_wrapper li h3 span {display:block; font-size:17px; font-weight:200;}
h2.title span.homeplus2 {background:url(../images/recruit/red_dot5.png) 50% 21px no-repeat; padding-top:30px;line-height:50px;letter-spacing:0; color:#e30613; font-weight:600; }

/*홈플러스인*/
.people_wrapper{ margin-top:50px; min-height:370px; }
 .people_wrapper .nav-tabs {border:0; margin-left:43px;}
.people_wrapper .nav-tabs > li > a:hover{border-color: transparent;background-position:0 -173px;}
.people_wrapper .nav-tabs > li.active > a,
.people_wrapper .nav-tabs > li.active > a:hover,
.people_wrapper .nav-tabs > li.active > a:focus {  cursor: default;  border: 0;   border-color: transparent; background-position:0 -173px;}
.people_wrapper ul li:nth-child(1) a {background:url(../images/recruit/homepluspeople_icon01.png) no-repeat; width:163px; height:173px; display:block;}
.people_wrapper ul li:nth-child(2) a {background:url(../images/recruit/homepluspeople_icon02.png) no-repeat; width:163px; height:173px; display:block;}
.people_wrapper ul li:nth-child(3) a {background:url(../images/recruit/homepluspeople_icon03.png) no-repeat; width:163px; height:173px; display:block;}
.people_wrapper ul li:nth-child(4) a {background:url(../images/recruit/homepluspeople_icon04.png) no-repeat; width:163px; height:173px; display:block;}
.people_wrapper ul li:nth-child(5) a {background:url(../images/recruit/homepluspeople_icon05.png) no-repeat; width:163px; height:173px; display:block;}
.people_wrapper h3{ font-size:18px; margin:0 0 17px 0; color:#8a2836; font-family:"HomeplusR", Helvetica, Arial, sans-serif; font-weight:normal }
.people_contents {text-align:center; margin-top:40px;}
.people_contents dl { float:left; position:relative; overflow:hidden;}
.people_contents dd {position: absolute; bottom:0px; background-color:rgba(0,0,0,.5); height:30px; width:448px; color:#fff; text-align:center; padding-top:6px; margin-left:1px; }/* 17.08.16 Add */
span.word { font-size:30px; font-weight:200; padding:13px 7px 0; color:#fff; line-height:36px;  border-bottom:1px solid #333; display:inline-block; width:75px;}
span.word em {display:none;}
.show { display: block !important;color:#e30613 !important; font-weight:600 }
.hidden { display: none !important;  visibility: hidden !important;}
.invisible {  visibility: hidden;}

#duty_modal1.modal.fade .modal-dialog, #duty_modal2.modal.fade .modal-dialog, #duty_modal3.modal.fade .modal-dialog, #duty_hyperLee.modal.fade .modal-dialog, #duty_livingPark.modal.fade .modal-dialog, #duty_onlineKim.modal.fade .modal-dialog, #duty_marketingMoon.modal.fade .modal-dialog, #duty_new1.modal.fade .modal-dialog, #duty_new2.modal.fade .modal-dialog, #duty_new3.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, 0) ;
      -ms-transform: translate(0, 0) ;
       -o-transform: translate(0, 0) ;
          transform: translate(0, 0) ;
}
#academy_view .carousel-control .icon-next, #academy_view .carousel-control .icon-prev {margin-top:-27px;}