@charset "utf-8"; 

@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

@font-face{font-family: 'HyundaiDeptB'; src:url('../../font/hmokaweb/HyundaiDeptB.ttf')format("truetype"),url('../../font/hmokaweb/HyundaiDeptB.eot')format("opentype"),url('../../font/hmokaweb/HyundaiDeptB.woff')format("woff");}
@font-face{font-family: 'HyundaiDeptR'; src:url('../../font/hmokaweb/HyundaiDeptR.ttf')format("truetype"),url('../../font/hmokaweb/HyundaiDeptR.eot')format("opentype"),url('../../font/hmokaweb/HyundaiDeptR.woff')format("woff");}
@font-face{font-family: 'NotoSansKRRegular'; src:url('../../font/hmokaweb/NotoSansKRRegular.ttf')format("truetype"),url('../../font/hmokaweb/NotoSansKRRegular.eot')format("opentype"),url('http://www.ehyundai.com/font/hmokaweb/NotoSans-Regular.woff')format("woff");}
@font-face{font-family: 'NotoSansKRBold'; src:url('../../font/hmokaweb/NotoSansKRBold.ttf')format("truetype"),url('../../font/hmokaweb/NotoSansKRBold.eot')format("opentype"),url('../../font/hmokaweb/NotoSansKRBold.woff')format("woff");}
@font-face{font-family: 'NotoSansKRDemiLight'; src:url('../../font/hmokaweb/NotoSansKRDemiLight.ttf')format("truetype"),url('../../font/hmokaweb/NotoSansKRDemiLight.woff')format("woff");}




/* Reset */
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, 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;
	vertical-align: baseline;
	font-size: 100%;
}
body{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
h1, h2, h3, h4, h5, h6, strong {line-height: 1em;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

div, ol, ul, li {list-style: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset {clear:both;}
img {font-size:0; line-height:0; vertical-align: top;}
a {text-decoration:none; }
a:link, a:visited, a:active,a:hover  {text-decoration:none;}
button {border: 0; outline: 0; cursor: pointer;}
fieldset {margin:0; padding:0; border:0px none;}
legend {visibility:hidden; position:absolute; top:-99999px; left:-99999px; margin-top:-99999px; margin-left:-99999px;}
p {line-height: 1.2em;}
/* 2017-10-10 수정 : S */
caption {height: 0; width: 0; font-size: 0; line-height: 0; overflow: hidden;}
/* 2017-10-10 수정 : E */
*{margin: 0; padding: 0; box-sizing: border-box;}
body {overflow-x:hidden;  font-family:'NotoSansKRRegular',dotum,Tahoma,Verdana,AppleGothic,sans-serif; }
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
table {table-layout:fixed;}
.clearboth {content:""; display: block; clear:both;}

/* 2017-10-10 추가 : S */
/* 2019-웹접근성-001 변경 : [S] */
/*
.hidden {position: absolute;left: 0;top: 0;width: 1px;height: 1px;font-size: 0;line-height: 0;overflow: hidden;visibility: hidden;}
.hidden2 {position: absolute;left: 0;top: 0;width: 1px;height: 1px;font-size: 0;line-height: 0;overflow: hidden;}
*/
.hidden {position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}
.hidden2 {position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}
/* 2019-웹접근성-001 변경 : [E] */

/* skip */
#skipContent{position:fixed; top:0; left:0; right:0; z-index:10000;}
#skipContent a	{display: block; margin-top: -40px; height: 40px; line-height: 40px; font-size: 16px; color: #ffffff; font-weight: bold; text-align: center; background-color: #34483b;}
#skipContent a:active,#skipContent a:focus {margin: 0;}

/* 2017-10-10 추가 : E */

/* 2017-11-27 로고 변경 : S */
@keyframes logoAni1 {
    0% {opacity:1;}
    50% {opacity:0;}
	100% {opacity:1;}
}

@keyframes logoAni2 {
    0% {opacity:0;}
    50% {opacity:1;}
	100% {opacity:0;}
}

/*header*/
#header  {width: 100%; height: 90px; border-bottom:1px solid #f78e36; position:absolute; top:0; left:0;  z-index: 9999; background: #fff;     }
#header .headerWrap {width: 1120px;height: 90px;margin: 0 auto;  position: relative; color:#333;}
#header .headerL {float: left; height: 27px; width: 29%; margin-top:25px; line-height: 27px;}
#header .headerL h1 {display:inline-block;margin-right: 10px; }
#header .headerL h1 a{position:relative;display:inline-block;width:225px;height:55px;overflow:hidden;text-indent:-9999px;}
#header .headerL h1 a:before{content:'';position:absolute;left:0;top:0;display:inline-block;width:100%;height:100%;background:url('../../images/sc/logo_1_1.png') left top no-repeat;background-size:cover;animation: logoAni1 10s infinite;}
#header .headerL h1 a:after{content:'';position:absolute;left:0;top:0;display:inline-block;width:100%;height:100%;background:url('../../images/sc/logo_1_2.png') left top no-repeat;background-size:cover;animation: logoAni2 10s infinite;}
/* #header .headerL h1 a span {color:#333; display: inline-block; line-height: 1.2em; position: relative; top:2px; margin-left:10px; font-size:16px; font-family: "HyundaiDeptR";letter-spacing: 0.02em;} */
/* 2017-11-27 로고 변경 : E */
#header .headerR {width:52%;float: right; position: relative;}
#header .headerR .join {overflow: hidden;  position: absolute; top:15px; right:0;}
#header .headerR .join li {float: left; margin-left: 20px; position: relative; }
#header .headerR .join li:after {content:"";width: 1px; height: 10px; background: #333; position: absolute; top:10px; right:-10px;  }
#header .headerR .join li a {color:#333; font-size:12px; line-height: 15px; padding-right: 10px;}
#header .headerR .join li a:last-child {padding-right: 0;}
#header .headerR .join li.black:after {content:"";width: 1px; height: 10px; background: #333; position: absolute; top:10px; right:-10px; }
#header .headerR .join li.black a {color:#333; font-size:12px; line-height: 15px; padding-right: 10px;}
#header .headerR .join li.black a:last-child {padding-right: 0;}

/* 2017-10-10 수정 : S */
#header .headerR .menuBtn {display: block; width: 30px; height: 30px; position: absolute; right:0;  top: 47px;}
#header .headerR .menuBtn .menuOpen{display:block; position: absolute; top:0; left:0; width: 30px; height: 30px; background:url('../../images/sc/menuOpen.png') left top no-repeat;text-indent:-999px;overflow:hidden;}
#header .headerR .menuBtn .menuClose{display:none;position: absolute; top:0; left:0;  width: 30px; height: 30px; background:url('../../images/sc/menuClose.png') left top no-repeat;text-indent:-999px;overflow:hidden;}
/* 2017-10-10 수정 : E */
#header .headerR .m-menuBtn {display: none;position: absolute; right:0; bottom:0px;}
#header .headerR .m-menuBtn .m-menuOpen {display:none; position: absolute; top:0; left:0;}
/* 2017-10-26 신규수정 */
#header .headerR .menu {display:inline-block; margin-top:50px; position: relative;}
#header .headerR .menu dt {display: inline-block; padding-left:35px;}
#header .headerR .menu dt:first-child {padding-left: 0;}
#header .headerR .menu dt>a {color:#333; font-size:18px; font-family: "HyundaiDeptB";}
#header .headerR .menu dt.act>a{color:#814818 !important;}
#header .headerR .menu dt ul {display: none; position: absolute; top:53px;}
#header .headerR .menu dt ul li {float: left; margin-left: 30px;	}
#header .headerR .menu dt ul li:first-child {margin-left: 0;}
#header .headerR .menu dt ul li a {font-family: "HyundaiDeptB";color:#fff; font-size:16px;}
#header .headerR .menu dt ul li a:hover {text-decoration: underline;}
#header .menuBar {display: none;width:100%; height:50px; background: #70645e;}

/*메인 header*/
/* 2017-11-27 로고 변경 : S */
#header.mainHeader {background:transparent;  background-color:rgba(000,000,000,0.2); filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000)"; zoom:1 }
#header.mainHeader .headerL h1 a:before{background:url('../../images/sc/logo_2_1.png') left top no-repeat;background-size:cover;}
#header.mainHeader .headerL h1 a:after{background:url('../../images/sc/logo_2_2.png') left top no-repeat;background-size:cover;}

#header.mainHeader .headerWrap {width: 1120px;height: 90px;margin: 0 auto; overflow: hidden; position: relative; color:#fff;}
#header.mainHeader .headerR .join {overflow: hidden;  position: absolute; top:15px; right:0;}
/* 2017-11-27 로고 변경 : E */

#header.mainHeader .headerR .join li {float: left; margin-left: 20px; position: relative; }
#header.mainHeader .headerR .join li:after {content:"";width: 1px; height: 10px; background: #fff; position: absolute; top:10px; right:-10px;  }
#header.mainHeader .headerR .join li a {color:#fff; font-size:12px; line-height: 15px; padding-right: 10px;}
#header.mainHeader .headerR .join li a:last-child {padding-right: 0;}
#header.mainHeader .headerR .join li.black:after {content:"";width: 1px; height: 10px; background: #333; position: absolute; top:10px; right:-10px; }
#header.mainHeader .headerR .join li.black a {color:#333; font-size:12px; line-height: 15px; padding-right: 10px;}
#header.mainHeader .headerR .join li.black a:last-child {padding-right: 0;}

#header.mainHeader .headerR .menu {margin-top:50px; position: relative;}
#header.mainHeader .headerR .menu dt>a {color:#fff;}
#header.mainHeader .headerR .menu dt.act>a{color:#814818 !important;}
#header.mainHeader .headerR .menu dt ul li {float: left; margin-left: 30px;	}
#header.mainHeader .headerR .menu dt ul li:first-child {margin-left: 0;}
#header.mainHeader .headerR .menu dt ul li a {color:#fff;}

.subMenu01 {left:-135px;}
.subMenu02 {left:150px;}
.subMenu03 {right:-50px;}
.subMenu04 {right:-55px;}
.subMenu01:before {top:-16px; left:210px; }
.subMenu02:before {top:-16px; left:115px; }
.subMenu03:before {top:-16px; right:165px; }
.subMenu04:before {top:-16px; right:80px; }
.menu ul:before{content:"";width: 10px; height: 10px;background: #70645e; transform:rotate(-45deg); position: absolute;}
.dim {display: none; width: 100%; height: 100%; position:fixed; top: 90px;left: 0; z-index: 900; background-color: rgba(0, 0, 0, 0.6);}


.subMenu01 {left:-135px;}
.subMenu02 {left:150px;}
.subMenu03 {right:-50px;}
.subMenu04 {right:-55px;}
.subMenu01:before {top:-16px; left:210px; }
.subMenu02:before {top:-16px; left:115px; }
.subMenu03:before {top:-16px; right:165px; }
.subMenu04:before {top:-16px; right:80px; }
.menu ul:before{content:"";width: 10px; height: 10px;background: #70645e; transform:rotate(-45deg); position: absolute;}

.dim {display: none; width: 100%; height: 100%; position:fixed; top: 90px;left: 0; z-index: 900; background-color: rgba(0, 0, 0, 0.6);}

/*#header .m-navWrap {display: none;}*/
#header .navWrap ul.m_navBox li.half {width:50%; height: 43px; float: left; background: #efece2;}
#header .navWrap ul.m_navBox li.half a {display:block; color:#333;}
#header .navWrap ul.m_navBox li.half a.m-login  {display: block;width: 100%; height: 100%;text-align: center; border-right:1px solid #e4e4e4;}
#header .navWrap ul.m_navBox li.half a.m-login span {padding-left: 25px; line-height: 43px; background:url('../../images/sc/iconLogin.png') left  center no-repeat;background-size:17px;}
#header .navWrap ul.m_navBox li.half a.m-member {display: block; width: 100%; height: 100%; text-align: center;}
#header .navWrap ul.m_navBox li.half a.m-member span {padding-left: 25px; line-height: 43px;  background:url('../../images/sc/iconJoin.png') left center no-repeat; background-size:17px;}

#header .navWrap { display: none; width: 100%; position: absolute; top:89px; left:0; background:url('../../images/sc/bgNav.png')left top repeat-x; z-index: 10000; }
#header .navWrap ul.navBox {width: 1120px; margin: 0 auto ; height: 235px; overflow: hidden;}
#header .navWrap ul.navBox  li {width: 25%; height: 100%; float: left; }
#header .navWrap ul.navBox  li dl {width: 100%; height: 235px;  text-align: center; background: url('../../images/sc/bgDdline.png') left top repeat-y;}
#header .navWrap ul.navBox  li dl dt {height: 50px; background: #70645e url('../../images/sc/bgDtline.png') left top repeat-y; }
#header .navWrap ul.navBox  li dl.last {background-image: url('../../images/sc/bgDdline.png'),url('../../images/sc/bgDdline.png');background-position:left top,right top;background-repeat:repeat-y,repeat-y;}
#header .navWrap ul.navBox  li dl.last dt {background-image: url('../../images/sc/bgDtline.png'),url('../../images/sc/bgDtline.png');background-position:left top,right top;background-repeat:repeat-y,repeat-y;}

#header .navWrap ul.navBox  li dl dt a {line-height: 50px;color:#fff; font-size:18px;}
#header .navWrap ul.navBox  li dl dt:hover {background: #3f3b3a;}
#header .navWrap ul.navBox  li dl dt.on {background: #3f3b3a;}
#header .navWrap ul.navBox  li dl dd {margin: 10px 0;	}
#header .navWrap ul.navBox  li dl dd:first-child {margin-top: 20px;}
#header .navWrap ul.navBox  li dl dd a {font-size:14px; color:#333; padding: 5px 0;}
#header .navWrap ul.navBox  li dl dd:hover a {color:#aa7959; border-bottom: 1px solid #aa7959 ;}

#header .navWrap ul.m_navBox {display: none; overflow: auto; }
/* #header .navWrap ul.m_navBox li dl dt{cursor: pointer; border-bottom: 1px solid #d7d4cb; font-weight: 500; font-size:15px; margin-bottom: 0; box-sizing: border-box; line-height: 42px; display: block; text-align: left; color: #3b3535; text-indent: 20px; background: url("../../images/sc/iconMenu.png") right 18px center no-repeat; background-size: 14px; background-color: #efece2;}
#header .navWrap ul.m_navBox li dl dt.on {background: url("../../images/sc/iconMenuOn.png") right 18px center no-repeat; background-size: 14px;  background-color: #70645e; color:#fff;} */

/* 2017.11.02 수정 시작*/
#header .navWrap ul.m_navBox li dl dt{border-bottom: 1px solid #d7d4cb; margin-bottom: 0; box-sizing: border-box; text-align: left;  text-indent: 20px; background: url("../../images/sc/iconMenu.png") right 18px center no-repeat; background-size: 14px; background-color: #efece2;}
#header .navWrap ul.m_navBox li dl dt a {display: block; font-weight: 500; font-size:15px;line-height: 42px; color: #3b3535 !important;}
#header .navWrap ul.m_navBox li dl dt.on {background: url("../../images/sc/iconMenuOn.png") right 18px center no-repeat; background-size: 14px;  background-color: #70645e; color:#fff;}
#header .navWrap ul.m_navBox li dl dt.on a{color:#fff !important;}
/* 2017.11.02 수정 끝*/

#header .navWrap ul.m_navBox li dl dd {background: #fff; display: none;}
#header .navWrap ul.m_navBox li dl dd ul li {text-indent: 35px; width: auto; display: block; background:url('../../images/sc/bgMenuList.png')left 20px center no-repeat; border-bottom: 1px solid #d7d4cb; text-align: left;}
#header .navWrap ul.m_navBox li dl dd ul li a{ line-height: 40px; font-size:13px; color:#3b3535;}


/*footer*/
#footer {width: 100%; height: 180px; background: #3e3e3e;}
.fooerWrap {width: 1120px; margin: 0 auto; position: relative;}
.fooerInfo {width: 100%; height: 80px; border-bottom:1px solid #4c4c4c;}
.fooerWrap .siteInfo {float: left;}
.fooerWrap .siteInfo li {display: inline-block; margin-left: 25px;}
.fooerWrap .siteInfo .siteMap {display: inline-block;}
.fooerWrap .siteInfo li:first-child {margin-left: 0;}
.fooerWrap .siteInfo li a {color:#fff; line-height: 80px; font-size:14px;}
.fooerWrap .siteInfo li:hover a{color:#f78e36;}
.footerBtn {float: right; margin-top: 18px; position: relative;}
.footerBtn>a{border: 1px solid #5c5c5c;line-height: 40px;display: inline-block;padding: 0 10px;width: 150px;color: #ccc;margin-right: 5px;text-align: center; letter-spacing: -0.1em; font-size:14px;}
.footerBtn>a.familySite {width: 160px; display: inline-block; letter-spacing: -0.001em; padding-right: 40px; background:url('../../images/sc/bgArrow.png') right 20px center no-repeat; margin-right: 0;}

.m-footerBtn {display: none;}
.m-footerBtn>a{border: 1px solid #5c5c5c;line-height: 40px;display: inline-block;padding: 0 10px;width: 150px;color: #ccc;margin-right: 5px;text-align: center; letter-spacing: -0.1em; font-size:14px;}

/* 2017-11-21 웹접근성 마크 추가 : S */
#footer .btn_accessbility{position: absolute;right: 0;top:10px;}
/* 2017-11-21 웹접근성 마크 추가 : E */

/* 2018-07-04 top:-610px -> -577px  */
.siteList {display: none; width: 160px; border:1px solid #5c5c5c; position: absolute;top: -577px;
    right: 1px;}
.siteList ul {background: #3e3e3e;}
.siteList ul li {text-align: center; margin-bottom:1px solid #5c5c5c;}
.siteList ul li a {color:#a0a0a0; line-height: 36px;}
.siteList ul li:hover a {color:#fff;}

.fooerWrap>span { display: inline-block; color:#8a8a8a; font-size:13px; margin-left:20px; margin-top: 10px; position: relative;}
.fooerWrap>span:before {content:""; width: 1px; height: 10px; background:#555 ; position: absolute; top:4px; left:-10px;}
.fooerWrap>span:last-child:before {content:""; width: 1px; height: 10px; background:#555 ; position: absolute; top:4px; left:-10px;}
.fooerWrap>span:first-child { margin-left: 0;}
.fooerWrap>span:first-child:before{content:""; width: 0;} 
.fooerWrap .copy {color:#8a8a8a; font-size:13px;}
.fooerWrap .waLogo {display:inline-block;position: absolute; bottom:0; right:0;}


/* 2017-10-10 수정 : S */
/*select*/
.select {width:100px; height: 40px; display: inline-block; text-align: left; position: relative; border-bottom: 1px solid #333;}
.select label {width: 100%; height: 100%; position: absolute; top:0; left:0; padding-top:10px; font-size:16px;}
.select .sign {display: block; width: 10px; height: 7px; position: absolute; right:0; top:20px; background:url('../../images/sc/bgSelect.png') right center no-repeat;z-index:4;}
.select select{opacity: 0;height: 100%;width: 100%;position: absolute;top: 0px;left: 0px;padding: 10px;z-index:5;}
.select select:focus,
.select select:active{opacity:1;z-index:2;}
.select .value {width: 100%; height: 100%; position: absolute; top:-1px; left:0; padding-top:10px; color:#000;font-size:16px;background-color:#fff;z-index:3;} /* 2022-09-30 웹 접근성 */

/*search*/
.boradSearch {width: 30%; height: 40px; position: absolute; top:0; right:0; }
.boradSearch .select {min-width:100px; height: 40px; display: inline-block; text-align: left; position: relative; border-bottom: 1px solid #333; text-indent: 5px; font-size: 15px; font-weight: 500; line-height: 18px;}
.boradSearch .select label {width: 100%; height: 100%; position: absolute; top:0; left:0; padding-top:10px;}
/* 2021-11-24 웹접근성 수정 : S */
.boradSearch .select .sign {display: block; width: 10px; height: 7px; position: absolute; right:6px; top:16px; background:url('../../images/sc/bgSelect.png') right center no-repeat;z-index:4;}
.boradSearch .select select{opacity: 0;height: 100%;width: 100%;position: absolute;top: 0px;left: 0px;padding: 10px;z-index:5;}
.boradSearch .select select:focus,
.boradSearch .select select:active{opacity:1;z-index:3; padding:0; font-size: 15px; font-weight: bold;}
/* 2021-11-24 웹접근성 수정 : E */
/* 2017-10-17 웹접근성 수정 : S */
.select .value {width: 100%; height: 100%; position: absolute; top:0; left:0; padding-top:10px; color:#000;font-size:16px;background-color:#fff;z-index:3;}	
/* 2017-10-17 웹접근성 수정 : E */


/*검색*/
.seacrhWord {width: 64%; height: 100%; float: left; position: relative;}
.seacrhWord input {width: 100%; height: 100%; border:0; border-bottom:1px solid #333;} 
.seacrhWord .searchBtn{display: inline-block; width:40px;height: 40px; background:url('../../images/sc/bgSearchBtn.png') center center no-repeat; position: absolute; top:0; right:0;overflow:hidden;text-indent:-9999px;}
/* 2017-10-10 수정 : E */

/*button*/
.btnGroup {margin: 40px 0; overflow: hidden; text-align: center;}
.btnGroupL {float: left;}
.btnGroupR {float: right;}
.btnGroupC {display: inline-block; }
/* 2017-10-10 웹접근성 수정 : S */
.loadBtn  {display: block;margin: 0 auto; max-width:200px; height: 50px; background:#666;line-height: 50px; border-radius: 40px;	color:#fff; text-align: center;}
/* 2017-10-10 웹접근성 수정 : E */
.btnListGo {display: block; width: 160px; background: #3e3e3e; text-align: center;}
.btnListGo span {color:#fff; font-size:16px; line-height: 50px; padding-left: 20px; background:url('../../images/sc/btnList.png') left center no-repeat;}
.btnApplyConfirm {display: inline-block; width: 160px; color:#fff !important;  line-height: 50px;  font-size:16px;  background: #0a9882; text-align: center;}
.btnApply {display: inline-block; width: 160px; color:#fff !important;  line-height: 50px;  font-size:16px;  background: #f78e36; text-align: center;}
.btnConfrim {display: inline-block; width: 160px;  color:#fff !important;  line-height: 50px;  font-size:14px; background: #3e3e3e; font-size: 16px;}
.btneditInfo {display: inline-block; width: 100px;height: 30px; color:#fff !important; background: #0a9882; font-size: 14px; text-align: center; line-height: 30px;}
.joinBtn {display: block;width: 205px;  position: absolute; left:20px; bottom:30px;position: absolute; left:20px; bottom:20px;line-height: 40px;border: 1px solid #f78e36;background: #fff; color: #f78e36;font-size: 16px;font-weight: 500;text-align: center;}
.joinBtn.end {border:1px solid #9e9e9e; background: #9e9e9e; color:#333; position: absolute; left:20px; bottom:20px; } /* 2019-웹접근성-001 변경 */
.btnJoinCancle {display: inline-block; width: 49%;line-height: 40px;border: 1px solid #f78e36;background: #fff; color: #f78e36;font-size: 16px;font-weight: 500;text-align: center;}

/*badge*/
.badge {min-width:115px;  display: inline-block; height: 30px; line-height: 30px; border-radius: 30px; color:#fff; font-size:14px; text-align: center;} 
.badge.yellow {background: #f3bc28;}
.badge.brown2 {background: #725508;}
.badge.brown {background: #70645e;} 
.badge.green {min-width:140px; background: #51954a;} 
.badge.green2 {min-width:140px; background: #91c350;} 
.badge.green3 {background: #62bb9f;} 
.badge.blue {background: #5d7eb4;} 
.badge.blue2 {background: #5daed9;} 
.badge.purple {background: #aa69ad;} 
.badge.purple2 {background: #d97eb7;} 


/*popup*/
.popup {font-family: "HyundaiDeptB";}
.popup hgroup {width: 100%; height: 50px; background: #70645e; }
.popup hgroup h1 {color:#fff; font-size: 18px; line-height: 50px; text-align: center;}
.popup .popupBox {overflow: hidden; width: auto; margin: 0 auto; padding: 0 20px;}
.popup .popupBox .login { width: 100%; margin: 25px 0; border-bottom:1px solid #e4e4e4; padding-bottom: 30px;}
.popup .popupBox .login:last-child {border-bottom: 0; padding-bottom: 0;}
.popup .popupBox .login p {margin-bottom: 20px; padding-left: 10px;background: url(../../images/sc/bgMenuList.png)left  center no-repeat;}
/*버튼*/
.login .btnLogin {display:inline-block; width: 100%; height: 60px; background: #62ba9e;cursor: pointer; text-align: center;}
.login .btnLogin span {color:#fff;line-height: 60px;  padding-left: 25px; background:url('../../images/sc/iconKey.png') left center no-repeat; font-size:20px;}
.login .btnNomember {display:inline-block; width: 100%; height: 60px; background: #f78e36;cursor: pointer; text-align: center;}
.login .btnNomember span {color:#fff;line-height: 60px; padding-left: 30px; background:url('../../images/sc/iconPencil.png') left center no-repeat; font-size:20px;}
.btnNomemberConfirm {display:inline-block; width: 100%; height: 60px; background: #f78e36;cursor: pointer; text-align: center;}
.btnNomemberConfirm span {color:#fff;line-height: 60px; padding-left: 30px; background:url('../../images/sc/iconId.png') left center no-repeat; font-size:20px;}

/*popup 신청내역확인*/
.popup .applyBox {overflow: hidden; width:auto; margin: 0 auto; padding: 0 20px;}
.popup .applyBox .login { width: 100%; margin: 25px 0; border-bottom:1px solid #e4e4e4; padding-bottom: 30px;}
.popup .applyBox .login:last-child {border-bottom: 0; padding-bottom: 0;}
.popup .applyBox .login p {margin-bottom: 20px; padding-left: 10px;background: url(../../images/sc/bgMenuList.png)left  center no-repeat;}

.popup .applyBox .nomember { margin: 25px 0; }
.popup .applyBox .nomember  p {margin-bottom: 20px; padding-left: 10px;background: url(../../images/sc/bgMenuList.png)left  center no-repeat;}
.popup .applyBox .nomember .nomemberInfo {width: 100%; margin-bottom: 30px;}
.popup .applyBox .nomember .nomemberInfo input {display: block;width:100%; height: 40px; line-height: 38px; border:1px solid #e4e4e4; text-indent:35px; margin-bottom: 10px;}
.popup .applyBox .nomember .nomemberInfo input.name {background:url('../../images/sc/ico_name.png') left 10px center no-repeat;}
.popup .applyBox .nomember .nomemberInfo input.num {background:url('../../images/sc/ico_num.png') left 10px center no-repeat;}
.popup .applyBox .nomember .nomemberInfo input.password {background:url('../../images/sc/ico_pass.png') left 10px center no-repeat;}
.popup .applyBox .nomember .nomemberInfo input:last-child {margin-bottom: 0;}
.popup .applyBox .nomember a {width: 100%; height: 60px; }
.popup .applyBox .nomember a img {width: 100%;}

/*popup 신청완료*/
.applyOk { padding: 30px 10px; text-align: center; width: auto; margin: 0 auto;}
.applyOk .applyOkText {font-size:24px !important; margin-top: 25px;}
.applyOk span {display:inline-block; width: 50px; height: 1px; background: #333; margin: 20px 0;}
.applyOk .applyComent {font-size: 14px; color:#9d9d9d; margin-bottom: 30px; }

/*chart*/
.monthChartWrap {width: auto; margin-top: 50px; overflow: hidden;}
.ChartBox {padding: 40px 20px; background:#f5f5f5; height:auto; 	}
.chartTit {font-size:23px; margin-bottom: 30px;}
.controlBtn {width: 185px; margin: 0 auto 20px;	line-height: 40px;}
.controlBtn .yearTit {font-size:32px;  margin:0 10px;}
/* 2017-10-10 수정 : S */
.controlBtn .prevYear{vertical-align: top;width: 40px; height: 40px; background:url('../../images/sc/prevYear.png')center center no-repeat;outline:1;overflow:hidden;text-indent:-99999px;}
.controlBtn .nextYear{vertical-align: top;width: 40px; height: 40px; background:url('../../images/sc/nextYear.png')center center no-repeat;outline:1;overflow:hidden;text-indent:-99999px;}
.controlBtn .prevYear:focus,
.controlBtn .nextYear:focus{outline:1px solid #7ec0ee;}
/* 2017-10-10 수정 : E */
.controlBtn .prevYear:hover {background:url('../../images/sc/prevYearOn.png')center center no-repeat;}
.controlBtn .nextYear:hover{background:url('../../images/sc/nextYearON.png')center center no-repeat;}
.controlBtn .prevYear.on{ background:url('../../images/sc/prevYearOn.png')center center no-repeat;}
.controlBtn .nextYear.on{background:url('../../images/sc/nextYearON.png')center center no-repeat;}
.chartTarget {width: 1040px;height: auto; margin: 0 auto; padding: 20px 0;}
.chart01,.chart02,.chart03 {width: 100%; position: relative;}