@charset "utf-8";

/*************************************************
	WRAP
*************************************************/
body {background-color:#e8ecef;}
#wrap {min-height:100%;position:relative;}

html.modal-open,
body.modal-open {height:100%;position:relative;overflow:hidden;}


/* mobile */
@media (max-width:768px) {
	.header-open,
	.search-open {width:100%;position:fixed;top:0;left:0;overflow:hidden;}
	#wrap {height:100%;}
}

/*************************************************
	HEADER
*************************************************/
#header {height:100%;position:fixed;top:0;left:0;background-color:#fff;overflow:auto;}
#header > h1 {width:100%;position:absolute;top:0;left:0;z-index:2;}
#header > h1 a {display:block;font-size:0;line-height:0;}
#header > h1 a:before {content:'';display:block;background-image:url(../img/bg_logo_sprite.png);background-repeat:no-repeat;background-position:128px 0;background-size:640px auto;}

.header-info {padding-top:45px;position:relative;background-color:#00bdcd;box-sizing:border-box;}
.header-info:before {content:'';width:64px;height:64px;margin:15px auto;display:block;background-image:url(../img/bg_marketer_sprite.png);background-repeat:no-repeat;background-position:0 0;background-size:320px auto;}

/****마케터 이미지 등록 ****/
.header-info .area-photo{display: none;}
.header-info.check-ph:before{display: none;position: absolute; left: 50%; margin-left: -32px;}
.header-info.check-ph .area-photo {display: block; margin: 16px auto;z-index: 1000;position: relative}
/*.header-info.check-ph .area-photo img {width:60px; height:60px; border-radius: 50%;margin: 0 auto;}*/
.header-info.check-ph .area-photo .cont-photo {display: inline-block;position:relative; width:60px; height:60px; overflow: hidden;  margin-right: 15px; vertical-align: top; margin: 0 auto;}
.header-info.check-ph .area-photo .cont-photo .bg_photo{width:60px; height:60px;overflow: hidden; background-size: cover; background-position: top center;border-radius: 50%;}
.header-info.check-ph .area-photo .cont-photo .bg_photo:before {content:'';width:64px;height:20px;position: absolute;bottom:-4px; left: 50%;margin-left: -32px;display:block;background-image:url(../img/bg_marketer_sprite.png);background-repeat:no-repeat;
	background-position:0px -110px;background-size:320px auto;}
.header-info.r1.check-ph .area-photo .cont-photo .bg_photo:before  {background-position:0 -110px}
.header-info.r2.check-ph .area-photo .cont-photo .bg_photo:before  {background-position:-64px -110px}
.header-info.r3.check-ph .area-photo .cont-photo .bg_photo:before  {background-position:-128px -110px}
.header-info.r4.check-ph .area-photo .cont-photo .bg_photo:before  {background-position:-192px -110px}
.header-info.r5.check-ph .area-photo .cont-photo .bg_photo:before  {background-position:-256px -110px}
.header-info.r1-f.check-ph .area-photo .cont-photo .bg_photo:before  {background-position:0 -174px;}
.header-info.r2-f.check-ph .area-photo .cont-photo .bg_photo:before  {background-position:-64px -174px;}
.header-info.r3-f.check-ph .area-photo .cont-photo .bg_photo:before  {background-position:-128px -174px;}
.header-info.r4-f.check-ph .area-photo .cont-photo .bg_photo:before  {background-position:-192px -174px;}
.header-info.r5-f.check-ph .area-photo .cont-photo .bg_photo:before  {background-position:-256px -174px;}
/****마케터 이미지 등록 ****/

.header-info.r1:before {background-position:0 -64px;}
.header-info.r2:before {background-position:-64px -64px;}
.header-info.r3:before {background-position:-128px -64px;}
.header-info.r4:before {background-position:-192px -64px;}
.header-info.r5:before {background-position:-256px -64px;}
.header-info.r1-f:before {background-position:0 -128px;}
.header-info.r2-f:before {background-position:-64px -128px;}
.header-info.r3-f:before {background-position:-128px -128px;}
.header-info.r4-f:before {background-position:-192px -128px;}
.header-info.r5-f:before {background-position:-256px -128px;}
.header-info > p {line-height:1;margin:4px 0 18px;color:#fff;font-size:14px;letter-spacing:-0.5px;}
.header-info .header-btnwrap a {min-width:75px;padding:6px 10px 7px;display:inline-block;background-color:#fff;border-radius:15px;color:#00bdcd;font-size:13px;text-align:center;box-sizing:border-box;}
.header-info > h2 {color:#fff;font-size:17px;font-weight:400;position: relative;padding:2px 0;}
.header-info > h2 div {display: inline-block;margin-top:-5px;position: relative;background-color: #8fdfe6;color:#00b0c0; font-size:11px; padding:2px 5px; border-radius: 30px;}
/*.header-info > h2 span:after {content:'';width:32px;height:32px;margin:-6px -6px;display:block;position:absolute;top:0;left:0;background-image:url(../img/bg_icon_sprite.png?version=201804271400);background-repeat:no-repeat;background-position:-416px -64px;background-size:640px auto;}*/

.header-info > dl dd.btn-profile {padding-top:5px;}
.header-info > dl dd.btn-profile span{position: relative;background-color: #8fdfe6;color:#00b0c0; font-size:11px; padding:2px 10px 2px 20px; border-radius: 30px;}
.header-info > dl dd.btn-profile span:after {content:'';width:32px;height:32px;margin:-6px -6px;display:block;position:absolute;top:0;left:0;background-image:url(../img/bg_icon_sprite.png?version=201804271400);background-repeat:no-repeat;background-position:-416px -64px;background-size:640px auto;}

.header-info > dl dt {display:none;}
.header-info > dl dd {margin-bottom:2px;color:#fff;font-size:12px;}
.header-info > dl dd.main-type {margin-top: 10px;}
.header-info > dl dd.main-type span{position: relative;width: 32px; height: 32px; display: inline-block;}
.header-info > dl dd.main-type span:after {content:'';width:32px;height:32px;margin:0 0px;display:block;position:absolute;top:10px;background-image:url(../img/bg_icon_sprite.png?version=201804271400);background-repeat:no-repeat;background-position:-416px -64px;background-size:640px auto;}
.header-info > dl dd .guide {width:18px;height:18px;display:inline-block;text-decoration: none; position:relative;top:0px;left:-2px;border-radius:50%;background-color:#ffcc00;color:#fff;font-size:0;line-height:0;text-align:center;padding:0;}
.header-info > dl dd .guide:before {content:'?';width:18px;height:18px;line-height:18px;font-size:12px;font-weight:600; }
.header-info > dl dd .txt-confidence .tooltipped{z-index: 100000;}
.header-info > dl dd.total {margin-top:12px;position:relative;font-size:15px;}
.header-info > dl dd.total strong {font-size:28px;font-weight:400;}
.header-info > dl dd.total strong.odometer {vertical-align:bottom;}
.header-info > dl dd.total strong div {display:inline;}
.header-info > dl dd.total a {display:block;position:absolute;top:0;left:0;right:0;bottom:0;font-size:0;line-height:0;}
.header-info .btn-mem,
.header-info .btn-view {display:block;position:absolute;left:0;font-size:0;line-height:0;}
.header-info .btn-mem {width:100px;height:80px;top:60px;}
.header-info .btn-view {width:100%;/*height:135px;*/height:calc(100% - 150px); top:70px; z-index: 1000; }
/*.header-info.s1 .btn-view{height:160px;} 
.header-info.s2 .btn-view{height:175px;} 
.header-info.check-biz .btn-view {height:120px;}
.header-info.check-biz.s1 .btn-view {height:150px;}
.header-info.check-biz.s2 .btn-view {height:160px}
.header-info.check-credit .btn-view {height:160px !important;}
.header-info.check-credit.s1 .btn-view {height:185px !important;}
.header-info.check-credit.s2 .btn-view {height:200px !important;}
*/
.header-request {padding:15px 10px;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;}
.header-request p {margin:10px 0;display:block;color:#21396a;font-size:1em;text-align:center;}
.header-request ul {margin:10px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;text-align:center;}
.header-request li {width:33.33333%;height:93px;margin:0 0 0 -1px;padding:0;display:inline-block;position:relative;background-color:#edf2f6;border:1px solid #d4dadf;}
.header-request.s1 {padding:8px 10px;border-bottom: none;}
.header-request.s1 li {width: 100%;height: auto;background: #fff;}
.header-request.s1 li:hover {background: #81d3df;;}
.header-request.s1 li a {padding:8px 10px;text-align: left;}
.header-request.s1 li a:before {display: none;}
.header-request.s1 li a:after { content:""; width:0; height:0; display:inline-block; position:absolute; margin-top:-0.2rem; top:50%;; right:10px; left:inherit; border-top:0.2rem solid transparent; border-right:0; border-bottom:0.2rem solid transparent; border-left:0.3rem solid #a6b1b8  }
/*.header-request li.new:after {content:"N";min-width:18px;min-height:18px;line-height:1.42857143;padding:0px 0px 0px;display:inline-block;position:absolute;top:10px;right:15px;border-radius:100px;background-color:#ef61b4;color:#fff;font-size:10px;font-weight:bold;font-family:Tahoma,Arial;text-align:center;white-space:nowrap;vertical-align:baseline;}*/
.header-request li.new:after {content:'';width:5px;height:5px;margin-left:-10px;display:inline-block;position:absolute;top:10px;right:10px;vertical-align:middle;border-radius:10px;background-color:#f1457e;color:#fff;font-size:0;line-height:0;text-align:center;}
.header-request li a {width:100%;height:100%;padding-top:50px;line-height:1.42857143;display:block;position:relative;color:#555;font-size:12px;box-sizing:border-box;}
.header-request li a:before {content:'';width:32px;height:32px;margin:0 -16px;display:block;position:absolute;top:11px;left:50%;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:0 -409px;background-size:640px auto;}
.header-request li:nth-child(2) a:before {background-position:-32px -409px;}
.header-request li:nth-child(3) a:before {background-position:-96px -409px;}
.header-request li:hover {background-color:#81d3df;}
.header-request li:hover a {color:#fff;}
.header-request li:hover a:before {background-position-y:-441px;}

.header-select {padding:0 20px;position:relative;}
.header-select div {padding:5px 0;}
.header-select select {font-size:13px;}
.header-policy {position:relative;}
.header-policy dt {display:none;}
.navi li.gray {background: #edf2f6;}
.navi li a,
.navi p strong {padding:15px 16px 15px 60px;display:block;position:relative;border-top:1px solid #f0f0f0;color:#333;font-size:15px;font-weight:normal;}
.navi li a > strong {width:18px;height:18px;margin:-9px 0;display:block;position:absolute;top:50%;right:10px;border-radius:50%;background-color:#ef61b4;color:#fff;font-size:0;line-height:0;text-align:center;}
.navi li a > strong:before {content:'N';line-height:18px;font-size:10px;}
.navi li a:before,
.navi p strong:before {content:'';width:32px;height:32px;margin:-16px 0;display:block;position:absolute;top:50%;left:17px;background-image:url(../img/bg_navi2_sprite.png?version=201903181100);background-repeat:no-repeat;background-position:0 0;background-size:320px auto;}
.navi .bg_nav:before {background-position:0 0;} /* 초보 가이드 */
.navi .bg_nav02:before {background-position:-32px 0;} /* 수익 노하우 */
.navi .bg_nav03:before {background-position:-64px 0;} /* 포인트 랭킹 */
.navi .bg_nav04:before {background-position:-96px 0;} /* 선후배 맺기 */
.navi .bg_nav05:before {background-position:-128px 0;} /* 선후배 게시판 */
.navi .bg_nav06:before {background-position:-160px 0;} /* 등급 안내 - 사업자 */
.navi .bg_nav07:before {background-position:-192px 0;} /* API 가이드 - 사업자 */
.navi .bg_nav08:before {background-position:-224px 0;} /* 소문박스 */
.navi .bg_nav09:before {background-position:-256px 0;} /* 마케터 1:1 질의 응답 */
.navi .bg_nav10:before {background-position:-288px 0;} /* 앱 다운로드 */
.navi .bg_nav11:before {background-position:0 -64px;} /* 업무 공간 지원  */
.navi .bg_nav12:before {background-position:-32px -64px;} /* 텐핑 추천 커뮤니티  */
.navi .bg_nav13:before {background-position:-64px -64px;} /* 마케터 채용  */
.navi .bg_nav14:before {background-position:-96px -64px;} /* 텐핑광고 요청  */
.navi p {padding:0 0 20px 60px;border-top:1px solid #f0f0f0;}
.navi p > strong {margin:0 4px 0 -60px;padding-right:0;display:block;border-top:0;}
.navi p > strong + a{margin-left:-8px;}
.navi p > a {width:57px;height:57px;margin:-3px 0 0;display:inline-block;position:relative;font-size:0;line-height:0;vertical-align:middle;}
.navi p > a:before {content:'';width:43px;height:43px;margin:-24px;display:block;position:absolute;top:50%;left:50%;border:1px solid #c1c1c1;border-radius:50%;background-image:url(../img/bg_icon_sprite.png?version=201806181600);background-repeat:no-repeat;background-position:0 0;background-size:640px auto;}
.navi .btn-googleplay:before {background-position:0 -96px;}
.navi .btn-appstore:before {background-position:-43px -96px;}
.navi p > a.btn-googleplay01 {width:140px !important;height:57px;margin:-3px 0 0;display:inline-block;position:relative;font-size:0;line-height:0;vertical-align:middle;}
.navi p > a.btn-googleplay01:before {content:'';width:140px;height:43px;margin-top:-24px;margin-left:-80px;display:block;position:absolute;top:50%;left:50%;border:1px solid #c1c1c1;border-radius:5px;background-image:url(../img/bg_icon_sprite.png?version=201806181600);background-repeat:no-repeat;background-position:-269px -96px;background-size:640px auto;}
.header-btn-close {display:none;}

 /*** desktop ***/
@media (min-width:769px) {
	#header {width:249px;scrollbar-3dlight-color:#eef1f5;scrollbar-face-color:#8b91a0;scrollbar-shadow-color:#8b91a0;scrollbar-darkshadow-color:#8b91a0;scrollbar-track-color:#fff;scrollbar-arrow-color:#8b91a0;/*-ms-overflow-style:-ms-autohiding-scrollbar;*/}
	#header::-webkit-scrollbar {width:4px;}
	#header::-webkit-scrollbar-track {background:rgba(0,0,0,0.05);}
	#header::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.08);border-radius:2px;}
	#header::-webkit-scrollbar-thumb:hover {background-color:#2790a5;}
	#header {border-right:1px solid #ececec; z-index: 11;}
	#header > h1 a {width:100%;height:56px;}
	#header > h1 a:before {width:128px;height:64px;margin:-2px auto 0;background-position:-128px 0;}
	#header > h1 a:after {content:'';width:20px;margin:0 -10px;height:1px;display:block;position:absolute;bottom:-3px;left:50%;background-color:#fff;}
	#header > h1 .btn-setting,
	#header > h1 .btn-logout {display:none;}
	.header-info {height:auto !important;;padding-bottom:20px; padding-top:56px;text-align:center;}	
	/**주요 카테고리  **/
    /*.header-info.s1 {height:308px}
    .header-info.s2 {height:325px}

	/**사업자 회원 ** /
	.header-info.check-biz {height:255px;}
	.header-info.s1.check-biz  {height:275px;}
	.header-info.s2.check-biz {height:295px;}
		/**신뢰도 평가 ** /
	.header-info.check-credit  {height:295px !important;}
	.header-info.s1.check-credit  {height:328px !important;}
	.header-info.s2.check-credit {height:345px !important;}*/
	
	.header-info > h2 {margin-top:-7px;}
	.header-info > h2 >div {margin-top:5px;margin-left: 5px;}
	.header-info > dl dd em {opacity:0.6;font-size:13px;}
	.header-info .btn-mem {right:0;margin:0 auto;}
	
	.header-select select {width:100%;height:32px;border:1px solid #dedede;background-color:#f1f1f1;background-image:url(../img/bg_form_sprite.png);background-repeat:no-repeat;background-position:100% -1px;background-size:32px auto;}
	.header-select {padding-top:1rem !important;padding-bottom:1rem !important;border-top:1px solid #f0f0f0;}
	.header-select select {position:relative;}

	.header-policy {padding:20px;}
	.header-policy dd {display:inline-block;font-size:12px;}
	.header-policy dd a {display:inline-block;padding:2px 3px;color:#666;}
	.navi + .header-policy {padding-top:1rem !important;border-top:1px solid #f0f0f0;}
	.navi li a:hover,
	.navi p:hover {background-color:#81d3df;color:#fff;}
	.navi p:hover strong {color:#fff;}
	.navi li a:hover:before,
	.navi p:hover strong:before {background-position-y:-32px;}
	.navi li a.bg_nav11:hover:before,
    .navi li a.bg_nav12:hover:before,
	.navi li a.bg_nav13:hover:before,
	.navi li a.bg_nav14:hover:before{background-position-y:-96px;}
	.navi p:hover > a:before {background-color:#fff;border-color:#fff;}
	.navi p > a:hover:before {background-color:#000;border-color:#000;}
	.navi .btn-appstore:hover:before {background-position:-86px -96px;}
	.navi p > a.btn-googleplay01:hover:before {background-position:-129px -96px;}
}
/*** mobile ***/
@media (max-width:768px) {
	#header {width:270px;height:auto;position:absolute;top:0;left:-270px;}
	#header > h1 {/*position:fixed;*/top:0;/*left:-270px;*/border-bottom:1px solid #4bccd8;}
	#header,
	#header > h1 {-webkit-transition:all 400ms;-moz-transition:all 400ms;-o-transition:all 400ms;-ms-transition:all 400ms;transition:all 400ms;}
	.header-open #header {-webkit-transform:translateX(270px);-moz-transform:translateX(270px);-o-transform:translateX(270px);-ms-transform:translateX(270px);transform:translateX(270px);}
	#header > h1 a {position:relative;width:60px;height:45px;}
	#header > h1 a:before {width:32px;height:32px;margin:-16px;position:absolute;top:50%;left:50%;background-position:-256px 0;background-repeat:no-repeat;background-size:640px auto;}
	
	#header > h1 .btn-setting,
	#header > h1 .btn-logout {width:50px;height:45px;position:absolute;top:0;font-size:0;line-height:0;}
	#header > h1 .btn-setting {right:50px;}
	#header > h1 .btn-logout {right:0px;}
	#header > h1 .btn-setting:before,
	#header > h1 .btn-logout:before {content:'';display:block;background-image:url(../img/bg_icon_sprite.png?version=201801231609);}
	#header > h1 .btn-setting:before {background-position:-224px 0;}
	#header > h1 .btn-logout:before {background-position:-288px 0;}
	
	.header-info {padding-left:80px;padding-top:60px;padding-bottom:17px;background-color:#00bdcd;}
	.header-info:before {position:absolute;top:43px;left:7px;}
	.header-info > dl dd em {opacity:0.6;}
	.header-info .btn-view {width:auto;top:50px;left:10px;right:0; height: calc(100% - 110px); /*height:80px*/}
	/*.header-info.s1 .btn-view {height:105px; }
	.header-info.s2 .btn-view {height:125px; }

	.header-info.check-biz .btn-view {height:65px; }
	.header-info.check-biz.s1 .btn-view {height:85px ;}
	.header-info.check-biz.s2 .btn-view {height:110px ;}
	.header-info.check-credit .btn-view {height:110px !important; }
	.header-info.check-credit.s1 .btn-view {height:130px !important;}
	.header-info.check-credit.s2 .btn-view {height:155px !important;}*/
	.header-info.check-ph .area-photo {display: inline-block; position: absolute; width: 60px; margin-left:-70px; margin-top:5px;}
	.header-info > dl {margin:2px 0 -12px;}
	.header-info > dl dd {margin-bottom:5px;/*opacity:0.8;*/}
	.header-info > dl dd.area-marketer,
	.header-info > dl dd .txt-confidence .tooltipped{opacity: 1;}
	.header-info > dl dd.total {padding-top:6px;}
	.header-info > dl dd.total:before {content:'';width:15px;height:1px;display:block;position:absolute;top:-2px;left:0;background-color:#effafc;}
	.header-info > dl dd.total strong {font-weight:300;}
	.header-info > dl dd.total a:after,
	.navi li a:after {content:'';width:32px;height:32px;margin:-10px 0;display:block;position:absolute;top:50%;right:5px;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:0 -32px;background-size:640px auto;}
	.navi li a:after {margin:-16px 0;background-position:-32px -32px;}
	.navi li a > strong {right:30px;}
	.header-request {position:relative;padding:15px 10px;background-color:#e8ecef;text-align:center;}
	.header-request.s1 {background: #fff;}
	.header-request.s1:before{display: none;}
	.header-request:after {content:'';clear:both;display:block;}
	.header-request:before {content:'';width:100%;height:1px;display:block;position:absolute;top:0;left:0;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;background-color:#c5c9cb;}
	.header-request p {display:inline-block;}
	.header-request > a {float:left;width:50%;height:40px;line-height:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:box;-webkit-box-pack:center;-webkit-box-orient:vertical;align-items:center;justify-content:center;-ms-flex-direction:column;background-color:#fff;border:1px solid #00bdcd;box-sizing:border-box;}
	.header-request > a:nth-child(2) {border-radius:8px 0 0 8px;border-right:0;}
	.header-request > a:nth-child(3) {border-radius:0 8px 8px 0;}
	.header-select {position:relative;padding:10px;background-color:#33414e;}
	.header-select select {width:100%;height:35px;border-color:#4e5760;background-color:#344759;background-image:url(../img/bg_form_sprite.png);background-repeat:no-repeat;background-position:100% -32px;background-size:32px auto;color:#808f9e;}
	.header-policy {position:relative;padding:20px 10px 10px;background-color:#33414e;}
	.header-policy:after {content:'';width:10px;height:100%;display:block;position:absolute;top:0;left:0;background-color:#33414e;}
	.header-policy dd:last-child select {top:55px;}
	.header-policy {font-size:0;line-height:0;overflow:hidden;}
	.header-policy dd {display:inline-block;margin-left:-6px;font-size:12px;line-height:1;}
	.header-policy dd a {display:inline-block;position:relative;padding:5px 12px 5px 6px;color:#929ea8;}
	.header-policy dd a:before {content:'';width:1px;height:7px;margin:-3px 0;display:inline-block;position:absolute;top:50%;left:0;background-color:#76788f;vertical-align:middle;}
	.header-open .header-btn-close {width:100%;height:100%;display:block;position:fixed;top:0;left:270px;background:rgba(255,255,255,0);font-size:0;line-height:0;z-index:100;}
}

/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	#header > h1 a:before {background-image:url(../img/bg_logo_sprite@2x.png);}
	.header-info:before {background-image:url(../img/bg_marketer_sprite@2x.png);}
	.header-info > dl dd.total a:after,
	.navi li a:after {background-image:url(../img/bg_shapes_sprite@2x.png);}
	.header-select select {background-image:url(../img/bg_form_sprite@2x.png);}
	.navi li a:before,
	.navi p strong:before {background-image:url(../img/bg_navi2_sprite@2x.png?version=201903181100);}
	.navi p > a:before,
	#header > h1 .btn-setting:before,
	#header > h1 .btn-logout:before,
	.header-request li a:before {background-image:url(../img/bg_icon_sprite@2x.png?version=201801231609);}
	/*.header-info > h2 span:after {background-image:url(../img/bg_icon_sprite@2x.png?version=201804271400);}*/
	.header-info > dl dt.btn-profile span:after {background-image:url(../img/bg_icon_sprite@2x.png?version=201804271400);}
	
	
	
	
}

/*************************************************
	CONTENT
*************************************************/
#container .gnb {background-color:#fff;height:60px;box-sizing:border-box;}
#container .gnb .btn-notifi,
#container .gnb .btn-setting,
#container .gnb .btn-login,
#container .gnb .btn-logout {display:block;font-size:12px;color:#222;}
#container .gnb .btn-notifi:before,
#container .gnb .btn-setting:before,
#container .gnb .btn-login:before,
#container .gnb .btn-logout:before {content:'';width:32px;height:32px;display:inline-block;background-image:url(../img/bg_icon_sprite.png?version=201801231351);background-repeat:no-repeat;background-size:640px auto;vertical-align:middle;}
#container .gnb .btn-notifi:before {background-position:-128px 0;}
#container .gnb .btn-setting:before {background-position:-192px 0;}
#container .gnb .btn-login:before {background-position:-512px 0;}
#container .gnb .btn-logout:before {background-position:-256px 0;}
#container .gnb .btn-notifi strong {min-width:10px;line-height:1;padding:3px 4px 4px;display:inline-block;position:absolute;top:14px;left:15px;background-color:#ef61b4;border-radius:10px;color:#fff;font-size:11px;text-align:center;font-weight:normal;white-space:nowrap;vertical-align:baseline;}

.btn-live span {color:#333;font-size:18px;}
a.btn-live,
.btn-live a {margin-right:15px;padding:1px 18px 2px 7px;line-height:1.42857143;display:inline-block;position:relative;top:-2px;background-color:#1cbccb;border:2px solid #1cbccb;border-radius:100px;color:#fff;font-size:11px;font-weight:500;text-align:left;}
a.btn-live:after,
.btn-live a:after {content:'';width:6px;height:6px;margin:-3px;position:absolute;top:50%;right:10px;background-color:#ff1823;border-radius:100px;-webkit-animation:livelight 2s infinite linear;animation:livelight 2s infinite linear;}
@-webkit-keyframes livelight {
	0% {background-color:#fe0002;}
	50% {background-color:#660000;}
	100% {background-color:#fe0002;}
	}
@keyframes livelight {
	0% {background-color:#fe0002;}
	50% {background-color:#660000;}
	100% {background-color:#fe0002;}
}
/*
@-webkit-keyframes livelight {
	0%, 4%, 10%, 14%, 20%, 24%, 30%, 100% {background-color:#fe0002;}
	5%, 9%, 15%, 19%, 25%, 29% {background-color:#660000;}
	}
@keyframes livelight {
	0%, 4%, 10%, 14%, 20%, 24%, 30%, 100% {background-color:#fe0002;}
	5%, 9%, 15%, 19%, 25%, 29% {background-color:#660000;}
}
*/

.form-global-search .form-cont {display:none;}
.form-global-search .form-recent,
.form-global-search .form-norecent,
.form-global-search .form-auto,
.form-global-search .form-btn-delete {display:none;}
.form-global-search .form-recent.show,
.form-global-search .form-auto.show,
.form-global-search .show .form-btn-delete {display:block;}
.form-global-search .form-norecent.show {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:box;-webkit-box-pack:center;-webkit-box-orient:vertical;align-items:center;justify-content:center;-ms-flex-direction:column;text-align:center;height:210px;background-color:#fff;color:#999;}
.form-global-search .form-norecent:before {content:'';width:32px;height:32px;margin:-32px auto 13px;display:block;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:-96px -32px;background-size:640px auto;}

.form-global-search .form-btn-delete02 {width:56px;height:60px;position:absolute;top:0;right:80px;font-size:0;line-height:0;z-index:11;}
.form-global-search .form-btn-delete02:before {content:'';width:32px;height:32px;margin:-16px;display:block;position:absolute;top:50%;left:50%;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:-32px 0;background-size:640px auto;}
.form-global-search .form-recent,
.form-global-search .form-auto {padding:5px 0;position:relative;background-color:#fff;z-index:10;}
.form-global-search .form-recent li,
.form-global-search .form-auto li {position: relative; padding:0 15px; border-bottom:1px solid #e8ecef;}
.form-global-search .form-recent li:last-child,
.form-global-search .form-auto li:last-child {border:0px;}
.form-global-search .form-recent li span.form-delete,
.form-global-search .form-auto li span.form-delete{position:absolute; width: 32px; height:32px; top:50%; right:10px;margin-top: -16px;font-size:0;}
.form-global-search .form-recent li span.form-delete .form-btn-delete04,
.form-global-search .form-auto li span.form-delete .form-btn-delete04{padding:0;position:relative;width: 32px;height:32px; display: block;font-size:0;}
.form-global-search .form-recent li span.form-delete .form-btn-delete04:before,
.form-global-search .form-auto li span.form-delete .form-btn-delete04:before{content:'';position:absolute;top:0; right:0px;width:32px;height:32px;margin:0 0 0 8px;display:block;background-image:url(../img/bg_shapes_sprite.png?version201802131650);background-repeat:no-repeat;background-position:0px 0px;background-size:640px auto;}
.form-global-search .form-recent li button {display:block;position:relative;padding:11px 28px;}
.form-global-search .form-recent li button:before {content:'';width:32px;height:32px;display:block;position:absolute;top:5px;left:-8px;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:-160px -32px;background-size:640px auto;}
.form-global-search .form-auto li button {display:block;position:relative;padding:11px 0;color:#777;} 
.form-global-search .form-auto li button strong {font-weight:normal;color:#333;}

/*************************************
검색바 스타일 변경 20180206
*************************************/
.form-global-search.s1 .form-cont {display:none;}
.form-global-search.s1 .form-recent,
.form-global-search.s1 .form-norecent,
.form-global-search.s1 .form-auto,
.form-global-search.s1 .form-btn-delete {display:none;}
.form-global-search.s1 .form-recent.show,
.form-global-search.s1 .form-auto.show,
.form-global-search.s1 .show .form-btn-delete {display:block;}
.form-global-search.s1 .form-norecent.show {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:box;-webkit-box-pack:center;-webkit-box-orient:vertical;align-items:center;justify-content:center;-ms-flex-direction:column;text-align:center;height:210px;background-color:#fff;color:#999;}
.form-global-search.s1 .form-norecent:before {content:'';width:32px;height:32px;margin:-32px auto 13px;display:block;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:-96px -32px;background-size:640px auto;}
.form-global-search.s1 .form-btn-delete02 {width:56px;height:60px;position:absolute;top:0;right:90px;font-size:0;line-height:0;z-index:11;}
.form-global-search.s1 .form-btn-delete02:before {content:'';width:32px;height:32px;margin:-16px;display:block;position:absolute;top:50%;left:50%;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:-224px 0;background-size:640px auto;}
.form-global-search.s1 .form-btn-delete03 {position:absolute;font-size:13px; top:30px;right:15px; margin-top:-9px;}

.form-global-search.s1 .form-recent,
.form-global-search.s1 .form-auto {padding:5px 0;position:relative;background-color:#fff;z-index:10;}
.form-global-search.s1 .form-recent li button {display:block;min-height:40px;position:relative;padding:11px 22px;}
.form-global-search.s1 .form-recent li button:before {content:'';width:32px;height:32px;display:block;position:absolute;top:5px;left:-8px;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:-160px -32px;background-size:640px auto;}
.form-global-search.s1 .form-auto li button {display:block;position:relative;padding:11px 0;color:#777;} 
.form-global-search.s1 .form-auto li button strong {font-weight:normal;color:#333;}
/*************************************/

.page-tit {width:100%;line-height:1.42857143;margin-bottom:10px;padding:14px 0 18px;position:relative;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:box;-webkit-box-pack:center;-webkit-box-orient:vertical;justify-content:center;-ms-flex-direction:column;background-color:#fff;color:#333;font-size:20px;font-weight:300;text-align:center;pointer-events:none;}
.page-tit:after {content:'';width:100%;height:1px;display:block;position:absolute;bottom:0;left:0;background-color:#b6b9bb;border-bottom:1px solid #d7dadd;z-index:10;/*z-index:101;*/}
.page-tit > a {width:50px;height:100%;display:block;position:absolute;top:0;left:0;font-size:0;line-height:0;pointer-events:auto;}
.page-tit > a:before {content:'';width:64px;height:60px;margin:0px;display:block;position:absolute;top:0;left:0;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:0 -96px;background-size:640px auto;}
#container .page-tit {padding-left:40px;text-align:left;background:none;}

#container #content {padding-top:10px;padding-bottom:50px;}
#container #content:before {content:'';width:100%;position:absolute;top:70px;right:0;bottom:0;display:block;background-color:#fff;z-index:-1;}
#container #content.page-bg:before {display:none;}

/*** desktop ***/
@media (min-width:769px) {
	.btn-home, 
	.btn-allmenu,
	a.btn-live,
	.btn-total {display:none !important;}
	#container {margin-left:250px;padding-top:60px;}
	#container .gnb {padding-top:0;/*padding-right:28px;*/display:-webkit-box;display:-moz-box;display:-webkit-flex;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;position:fixed;top:0;left:250px;right:0;border-bottom:1px solid #e8ecef;text-align:right;z-index:100;}
	#container .gnb .btn-notifi,
	#container .gnb .btn-setting,
	#container .gnb .btn-login,
	#container .gnb .btn-logout {line-height:60px;position:relative;}
	#container .gnb .btn-notifi,
	#container .gnb .btn-setting,
	#container .gnb .btn-login,
	#container .gnb .btn-logout {margin-right:20px;}
	#container .gnb span.btn-live {margin-top:-13px;position:absolute;top:50%;left:20px;}
	
	.form-global-search {position:relative;-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
	.form-global-search.open:before {content:'';width:32px;height:32px;margin:-16px 0 0;display:inline-block;position:absolute;top:50%;left:24px;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:-96px 0;background-size:640px auto;vertical-align:middle;z-index:100;}
	.form-global-search:after {content:'';clear:both;display:block;}
	.form-global-search > a {display:none;}
	.form-global-search > label {float:right;line-height:60px;padding:0 20px;display:block;position:relative;color:#222;font-size:12px;z-index:1;}
	.form-global-search > label:before {content:'';width:32px;height:32px;margin:-1px 0 0;display:inline-block;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:-96px 0;background-size:640px auto;vertical-align:middle;}
	.form-global-search .form-recent {padding-left:36px;padding-right:36px;}
	.form-global-search .form-auto {padding-left:60px;padding-right:60px;}
	.form-global-search .form-btn-delete {width:100%;padding:5px 10px;position:relative;background-color:#f8f8f8;border-top:1px solid #e8ecef;text-align:right;font-size:14px;color:#999;box-sizing:border-box;z-index:1000;}
	.form-global-search .form-btn-delete:before {content:'';width:32px;height:32px;margin:-3px 0 0 -4px;display:inline-block;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:-128px -32px;background-size:640px auto;vertical-align:middle;}
	.form-global-search .form-cont input {height:50px;padding:0 130px 0 60px;position:absolute;top:0;left:0;border:0;border-right:1px solid #e8ecef;color:#222;font-weight:100;box-sizing:border-box;z-index:11;}
	.form-global-search.open .form-cont,
	.form-global-search.open02 .form-cont {max-height:315px;display:block;position:absolute;top:0;left:0;right:0;border:1px solid #bababa;border-top:0;background-color:#fff;box-sizing:border-box;overflow:hidden;z-index:11;}
	.form-global-search.open .form-cont {left:-1px;margin-right:10px;}
	.form-global-search.open02 .form-cont {height:auto;border:0;}
	.form-global-search.open .form-cont input,
	.form-global-search.open02 .form-cont input {height:60px;margin-bottom:-1px;padding:0 130px 0 60px;position:relative;border:0;border-bottom:1px solid #e8ecef;font-size:20px;color:#222;font-weight:100;box-sizing:border-box;z-index:11;}
	.form-global-search.open02 .form-cont input {color:#00bdcd;}
	.form-global-search.open .form-btn-search,
	.form-global-search.open02 .form-btn-search {width:80px;padding:0 10px;display:block;position:absolute;top:-1px;right:0;background-color:#00bdcd;color:#fff;font-size:14px;line-height:60px;box-sizing:border-box;z-index:11;}
	.form-global-search.open .btn-search-close {width:100%;display:block;position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(255,255,255,0);font-size:0;line-height:0;cursor:default;z-index:1;}
	.form-global-search.open02 .btn-search-close,
	.form-global-search.open02 .form-btn-delete {display:none;}
	.page-tit > a {top:-1px;left:10px;width:60px;}
	.page-tit.s1 {padding-left:60px;text-align:left;box-sizing:border-box;}
	.ie9 .page-tit {line-height:60px;} 
	#container .page-tit {padding-left:60px;position:fixed;top:0;left:250px;border-bottom:0;box-shadow:none;z-index:100;}
	#container .page-tit:before {position:fixed;top:51px;left:250px;}
	.ie9 #container .gnb{text-align:right;}
	.ie9 #container .gnb .select-global,
	.ie9 #container .gnb .select-category,
	.ie9 #container .gnb .btn-setting,
	.ie9 #container .gnb .btn-logout,
	.ie9 #container .gnb .btn-notifi {display:inline-block;vertical-align:top;}
	.ie9 #container .gnb .select-global,
	.ie9 #container .gnb .select-category {float:left;}
	.ie9 #container .gnb .form-global-search {width:60%;display:inline-block;}
	.ie9 #container .gnb .form-global-search.open {width:100%;}
	
	/*************************************
검색바 스타일 변경 20180206
*************************************/
	.form-global-search.s1 {position:relative;-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
	.form-global-search.s1.open:before {display: none;}
	.form-global-search.s1:after {content:'';clear:both;display:block;}
	.form-global-search.s1 > a {display:none;}
	.form-global-search.s1 > label {float:right;line-height:60px;padding:0 20px;display:block;position:relative;color:#222;font-size:12px;z-index:1;}
	.form-global-search.s1 > label:before {content:'';width:32px;height:32px;margin:-1px 0 0;display:inline-block;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:-96px 0;background-size:640px auto;vertical-align:middle;}
	.form-global-search.s1 .form-btn-delete {width:100%;padding:5px 10px;position:relative;background-color:#f8f8f8;border-top:1px solid #e8ecef;text-align:right;font-size:14px;color:#999;box-sizing:border-box;z-index:1000;}
	.form-global-search.s1 .form-btn-delete:before {content:'';width:32px;height:32px;margin:-3px 0 0 -4px;display:inline-block;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:-128px -32px;background-size:640px auto;vertical-align:middle;}
	.form-global-search.s1 .form-cont input {height:50px;padding:0 130px 0 60px;position:absolute;top:0;left:0;border:0;border-right:1px solid #e8ecef;color:#222;font-weight:100;box-sizing:border-box;z-index:11;}
	.form-global-search.s1.open .form-cont,
	.form-global-search.s1.open02 .form-cont {max-height:315px;display:block;position:absolute;top:0;left:0;right:0;border:1px solid #ccc;border-top:0px;background-color:#f8f8f8;box-sizing:border-box;overflow:hidden;z-index:11;}
	.form-global-search.s1.open .form-cont,
	.form-global-search.s1.open02 .form-cont {top:-1px; left:-1px;padding: 0; text-align: left;}
	.form-global-search.s1.open02 .form-cont {height:auto;}
	.form-global-search.s1.open .form-cont input,
	.form-global-search.s1.open02 .form-cont input {margin:10px; padding:0 75px 0 10px;width: calc(100% - 60px);height:40px;position:relative;border:1px solid #2abbc9;font-size:15px;color:#222;font-weight:100;box-sizing:border-box;border-radius: 30px; z-index:11;}
	.form-global-search.s1.open02 .form-cont input:focus {color:#00bdcd;}
	.form-global-search.s1.open .form-btn-search,
	.form-global-search.s1.open02 .form-btn-search {width:50px;height:40px; padding:0 10px; display:block;position:absolute;top:10px;right:50px;background-color:#00bdcd;font-size: 0;box-sizing:border-box;border-top-right-radius: 30px;border-bottom-right-radius: 30px; z-index:11;}
	.form-global-search.s1.open .form-btn-search:before,
	.form-global-search.s1.open02 .form-btn-search:before {content:'';width:32px;height:32px;margin:-20px 0 0 -4px;display:inline-block;background-image:url(../img/bg_icon_sprite.png?version=201802061630);background-repeat:no-repeat;background-position:-544px -0px;background-size:640px auto;vertical-align:middle;}
	.form-global-search.s1.open .btn-search-close {width:100%;display:block;position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(255,255,255,0);font-size:0;line-height:0;cursor:default;z-index:1;}
	.form-global-search.s1.open02 .btn-search-close,
	.form-global-search.s1.open02 .form-btn-delete {display:none;}

	.ie9 #container .gnb .form-global-search.s1 {width:60%;display:inline-block;}
	.ie9 #container .gnb .form-global-search.s1.open {width:100%;}
	
}

/*** mobile ***/
@media (max-width:1000px) and (min-width:769px) {
	#container .gnb .btn-logout,
	#container .gnb .btn-notifi,
	#container .gnb .btn-setting {display:none;}
	.form-global-search.s1 > label {padding-right:20px;}
	.form-global-search.open .form-cont{margin-right:0px;}
}
/*** mobile ***/
@media (max-width:768px) {
	.btn-home:before,
	.btn-allmenu:before,
	.btn-total:before {content:'';display:block;position:absolute;top:50%;left:50%;}
	.btn-home {width:100%;height:60px;display:block;position:absolute;top:0;left:0;font-size:0;line-height:0;}
	.btn-home:before {width:128px;height:32px;margin:-16px -64px;background-image:url(../img/bg_logo_sprite.png);background-repeat:no-repeat;background-position:0 0;background-size:640px auto;}
	.btn-allmenu {width:60px;height:60px;display:block;position:absolute;top:0;left:0;font-size:0;line-height:0;z-index:1;}
	.btn-allmenu:before {width:32px;height:32px;margin:-16px;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:-160px 0;background-size:640px auto;}
	a.btn-live {margin:20px 0 0 60px;display:block;position:absolute;top:0;left:50%;z-index:1;}
	.btn-total {width:100%;height:60px;padding-top:12px;display:block;position:absolute;top:0;left:0;text-align:center;color:#1cbccb;}
	.btn-total strong {font-size:24px;font-weight:300;}
    .btn-total strong .odometer {vertical-align:top;}
	.btn-total strong div {display:inline;}
	.btn-total strong div + span {font-size:15px;}
	.btn-total .btn-live a {margin-right:0 !important;top:-4px !important;}
	
	#container {min-height:100%;position:relative;background-color:#e8ecef; -webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:inherit;-webkit-transition:all 400ms;-moz-transition:all 400ms;-o-transition:all 400ms;-ms-transition:all 400ms;transition:all 400ms; z-index:11;}
	
	#container .gnb {padding:46px 60px 0;height:auto;min-height:60px;}
	/*#container .gnb { width:100%;height:auto;min-height:60px;line-height:1.42857143;padding:14px 0 18px 0;}*/
	#container .gnb .btn-notifi,
	#container .gnb .btn-setting,
	#container .gnb .btn-login,
	#container .gnb .btn-logout {font-size:0;line-height:0;}
	
	#container .gnb .btn-notifi {width:60px;height:60px;position:absolute;top:0;right:0;}
	#container .gnb .btn-notifi strong {top:13px;left:29px;}
	
	#container .gnb .btn-notifi:before,
	#container .gnb .btn-setting:before,
	#container .gnb .btn-login:before,
	#container .gnb .btn-logout:before {margin:-16px;position:absolute;top:50%;left:50%;}
	#container .gnb .btn-setting:before {background-position:-224px 0;}
	#container .gnb .btn-login:before {background-position:-256px 0;}
	#container .gnb .btn-logout:before {background-position:-288px 0;}
	
	#container .gnb .btn-setting,
	#container .gnb .btn-login,
	#container .gnb .btn-logout,
	#container .gnb > span.btn-live {display:none;}
	
	#container .gnb .select-global {position:absolute;top:55px;left:13px;}
	#container .gnb .select-category {margin-top:10px;}
	#container .gnb .select-category > [data-select="btn-open"] {width:100%;text-align:left;}
	#container .gnb .select-category > [data-select="btn-open"]:after {position:absolute;top:10px;right:12px;}
	.form-global-search {display:block;}
	.form-global-search > label {display:none;}
	.form-global-search > a {width:43px;height:46px;display:block;position:absolute;top:47px;right:8px;font-size:0;line-height:0;}
	.form-global-search > a:before {content:'';width:32px;height:32px;margin:-16px;display:block;position:absolute;top:50%;left:50%;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:-96px 0;background-size:640px auto;}
	.form-global-search .form-btn-delete02 {top:-6px;right:50px;}
	.form-global-search .form-cont {width:0%;position:absolute;top:47px;right:-100%;background-color:#eee;z-index:100;opacity:0;visibility:hidden;overflow:hidden;transition: all .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);}
	.form-global-search.open .form-cont,
	.form-global-search.open02 .form-cont {width:100%;display:block;right:0;opacity:1;visibility:visible;z-index:10;}
	/*.form-global-search.open .form-cont:before {content:'';width:100%;display:block;position:absolute;top:0;left:-100%;bottom:0;background:rgba(0,0,0,0.5);}*/
	.form-global-search .form-cont.show {bottom:0;}
	.form-global-search .form-cont input {border:8px solid #d9d9d9;padding:5px 100px 5px 5px;border-radius:0;box-sizing:border-box;font-size:15px;}
	.form-global-search .form-cont input:focus {background-color:#fff !important;}
	.form-global-search .form-cont .form-btn-search {width:50px;height:47px;display:block;position:absolute;top:0;right:20px;font-size:0;line-height:0;}
	.form-global-search .form-cont .form-btn-search:before {content:'';width:32px;height:32px;margin:-1px 0 0;display:inline-block;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:-96px 0;background-size:640px auto;vertical-align:middle;}
	.form-global-search .form-recent li:first-child,
	.form-global-search .form-auto li:first-child {border-top:0;}
	.form-global-search .btn-search-close {width:28px;height:47px;display:block;position:absolute;top:0;right:0;background-color:#d9d9d9;text-align:center;font-size:0;line-height:0;z-index:100;}
	.form-global-search .btn-search-close:before {content:'';width:0;height:0;margin-left:5px;display:inline-block;border:6px solid transparent;border-left:6px solid #fff;}
	.form-global-search .form-btn-delete {width:100%;padding:5px 10px;border-top:1px solid #e8ecef;background-color:#f8f8f8;color:#999;text-align:right;font-size:14px;box-sizing:border-box;}
	.form-global-search .form-btn-delete:after {content:'';width:32px;height:32px;margin:-3px 0 0 -4px;display:inline-block;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:-128px -32px;background-size:640px auto;vertical-align:middle;}
	
	/***************************
	검색바 디자인 추가 20180208
	***************************/
	.form-global-search.s1 {display:block;}
	.form-global-search.s1 > label {display:none;}
	.form-global-search.s1 > a {width:43px;height:46px;display:block;position:absolute;top:47px;right:8px;font-size:0;line-height:0;}
	.form-global-search.s1 > a:before {content:'';width:32px;height:32px;margin:-16px;position:absolute;top:50%;left:50%;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:-96px 0;background-size:640px auto;}
	.form-global-search.s1 .form-btn-delete02 {top:-6px;right:88px;}
	.form-global-search.s1 .form-btn-delete03 {top:24px;}
	.form-global-search.s1 .form-cont {width:0%; padding:8px 0;position:absolute;top:47px;right:-100%;background-color:#f8f8f8;border-top:1px solid #ededed;border-bottom:1px solid #ededed;z-index:100;opacity:0;visibility:hidden;overflow:hidden;transition: all .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);}
	.form-global-search.s1.open .form-cont,
	.form-global-search.s1.open02 .form-cont {width:100%;display:block;right:0;opacity:1;visibility:visible;z-index:10;-webkit-animation:fadein-show .3s forwards; animation:fadein-show .3s forwards;}
	/*.form-global-search.s1.open .form-cont:before {content:'';width:100%;display:block;position:absolute;top:0;left:-100%;bottom:0;background:rgba(0,0,0,0.5);}*/
	.form-global-search.s1 .form-cont.show {bottom:0;}
	.form-global-search.s1 .form-cont input {height: 34px; width: calc(100% - 60px);margin-left:10px; padding:0 75px 0 10px;border:1px solid #2abbc9;border-radius:30px;box-sizing:border-box;font-size:15px;}
	.form-global-search.s1 .form-cont input:focus {background-color:#fff !important;}
	.form-global-search.s1 .form-cont .form-btn-search {width:50px;height:34px; padding:0 10px; display:block;position:absolute;top:8px;right:50px;background-color:#00bdcd;font-size: 0;box-sizing:border-box;border-top-right-radius: 30px;border-bottom-right-radius: 30px; z-index:11;}
	.form-global-search.s1 .form-cont .form-btn-search:before {content:'';width:32px;height:32px;margin:-1px 0 0 -1px;display:inline-block;background-image:url(../img/bg_icon_sprite.png?version=201802061630);background-repeat:no-repeat;background-position:-544px -0px;background-size:640px auto;vertical-align:middle;}
	.form-global-search.s1 .form-norecent,
	.form-global-search.s1 .form-recent, 
	.form-global-search.s1 .form-auto{margin-top:10px;}
	
	.form-global-search.s1 .form-recent li:first-child,
	.form-global-search.s1 .form-auto li:first-child {border-top:0;}
	.form-global-search.s1 .btn-search-close { display: none; }
	.form-global-search.s1 .form-btn-delete {width:100%;padding:5px 10px;border-top:1px solid #e8ecef;background-color:#f8f8f8;color:#999;text-align:right;font-size:14px;box-sizing:border-box;}
	.form-global-search.s1 .form-btn-delete:after {content:'';width:32px;height:32px;margin:-3px 0 0 -4px;display:inline-block;background-image:url(../img/bg_icon_sprite.png?version=201802061630);background-repeat:no-repeat;background-position:-128px -32px;background-size:640px auto;vertical-align:middle;}
	
	.header-open #container {position:relative;-webkit-transform:translateX(270px);-moz-transform:translateX(270px);-o-transform:translateX(270px);-ms-transform:translateX(270px);transform:translateX(270px);}
	.header-open #container:after {content:'';width:100%;height:100%;display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:10;}
	#container #content {padding-top:8px;padding-bottom:30px;}
	#container #content:before {top:68px;left:0;}
	#container .page-tit {width:100%;margin:0;padding:15px 0 17px;position:absolute;top:0;left:0;box-shadow:none;text-align:center;pointer-events:none;}
	#container .page-tit > a {display:none;}
}
@-webkit-keyframes fadein-show {
	  0% { opacity:0; right:-100%; }
	100% { opacity:1; right:0; }
}
@keyframes fadein-show {
	  0% { opacity:0; right:-100%; }
	100% { opacity:1; right:0; }
}
/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.btn-home:before {background-image:url(../img/bg_logo_sprite@2x.png);}
	.btn-allmenu:before {background-image:url(../img/bg_icon_sprite@2x.png);}
	#container .gnb .btn-notifi:before,
	#container .gnb .btn-setting:before,
	#container .gnb .btn-login:before,
	#container .gnb .btn-logout:before {background-image:url(../img/bg_icon_sprite@2x.png?version=201801231351);}
	.form-global-search > label:before,
	.form-global-search > a:before {background-image:url(../img/bg_icon_sprite@2x.png);}
	.form-global-search .form-btn-delete02:before {background-image:url(../img/bg_shapes_sprite@2x.png);}
	.form-global-search .form-cont .form-btn-search:before,
	.form-global-search .form-norecent:before,
	.form-global-search .form-btn-delete:before,
	.form-global-search .form-recent li button:before,
	.form-global-search.open:before {background-image:url(../img/bg_icon_sprite@2x.png);}
	
	/***************************
	검색바 추가 -20180207
	****************************/
	.form-global-search.s1 > label:before,
	.form-global-search.s1 > a:before {background-image:url(../img/bg_icon_sprite@2x.png?version=201802070900);}
	.form-global-search.s1 .form-btn-delete02:before {background-image:url(../img/bg_shapes_sprite@2x.png?version=201802070900);}
	.form-global-search.s1 .form-cont .form-btn-search:before,
	.form-global-search.s1 .form-norecent:before,
	.form-global-search.s1 .form-btn-delete:before,
	.form-global-search.s1 .form-recent li button:before,
	.form-global-search.s1.open:before {background-image:url(../img/bg_icon_sprite@2x.png?version=201802070900);}
	
	.page-tit > a:before {background-image:url(../img/bg_shapes_sprite@2x.png);}
}


/*************************************************
	FOOTER
*************************************************/
#footer {padding:20px 15px;}
#footer span {display:block;padding:2px 5px 2px 0;font-size:12px;color:#a3a5ab;}
#footer span strong {padding-right:5px;font-weight:normal;}
#footer a {margin-left:5px;padding:1px 5px;display:inline-block;border:1px solid #cecece;border-radius:10px;background-color:#cecece;color:#fff;font-size:11px;}
#footer small {color:#b5b5b5;font-size:12px;}
#footer br {display:none;}

/*** desktop ***/
@media (min-width:768px) {
	#footer {text-align:center;}
	#footer a {border-color:#b1b3b9;background:none;color:#a3a5ab;font-weight:400;}
}
@media (min-width:480px) {
	#footer span {display:inline-block;}
	#footer span strong:after,
	#footer span:before {content:'';width:1px;height:8px;margin:-3px 5px 0 0;display:inline-block;background-color:#ced5db;vertical-align:middle;}
	#footer span strong:after {margin:-3px 0 0 5px;}
	#footer span:first-child:before,
	#footer br + span:before {display:none;}
	#footer br {display:block;}
}


/*************************************************
	TOP
*************************************************/
.btn-top {width:46px;height:46px;position:fixed;bottom:20px;right:20px;background:rgba(117,138,159,0.5);font-size:0;line-height:0;z-index:99;}
.btn-top:before {content:'';width:32px;height:32px;margin:-16px;display:block;position:absolute;top:50%;left:50%;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:0 -64px;background-size:640px auto;}

/*** mobile ***/
@media (max-width:768px) {
	.btn-top {right:15px;bottom:15px;-webkit-transition:right 0.4s;-moz-transition:right 0.4s;-o-transition:right 0.4s;transition:right 0.4s;}
	.header-open .btn-top {right:-60px;}
}
/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.btn-top:before {background-image:url(../img/bg_shapes_sprite@2x.png);}
}


/*************************************************
	MEMBER 
*************************************************/
#memWrap {width:100%;min-height:100%;padding:3.5rem 1.5rem 20px;background-color:#fff;box-sizing:border-box;}
#memWrap h1 {max-width:500px;line-height:1;margin:0 auto;color:#00bdcd;font-size:43px;font-weight:300;}
#memWrap.mem-success h1,
#memWrap.mem-fail h1 {max-width:320px;}
#memWrap h1 a:not(.btn-type) {width:128px;height:32px;margin:-0.35rem 0 0.5rem -12px;display:block;background-image:url(../img/bg_logo_sprite.png);background-repeat:no-repeat;background-position:-288px 0;background-size:640px auto;font-size:0;line-height:0;}
#memWrap h1:after {content:'';width:0.74em;height:1px;margin:0.65em 0 0 0;display:block;background-color:#00bdcd;}
#memWrap h1.s1 {line-height:1.39;margin-bottom:1.69em;position:relative;font-size:23px;}
#memWrap h1.s1:after {width:1.52em;margin-top:0;position:absolute;top:2.43em;left:0;}
#memWrap h1.s1 a:not(.btn-type) {margin-bottom:2.5rem;}
#memWrap h1.s1 > .btn-type {margin-top:1.315em;}
#memWrap .loading02 {width:20px;height:20px;margin:15px auto 20px auto;background-image:url(../img/loading_blue.gif);background-repeat:no-repeat;background-size:20px auto;}
#memWrap #memCont {max-width:500px;margin:0 auto;padding-top:20px;}
#memWrap.mem-success {background-color:#00bdcd;}
#memWrap.mem-fail {background-color:#fff;}
#memWrap[class^=mem] {height:100%;padding:1.5rem;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:box;-webkit-box-pack:center;-webkit-box-orient:vertical;align-items:center;justify-content:center;-ms-flex-direction:column;}
#memWrap[class^=mem] h1 {font-size:0;line-height:0;}
#memWrap[class^=mem] h1 a {width:96px;height:96px;margin:0 auto;background-position:0 -96px;background-size:640px auto;}
#memWrap[class^=mem] h1:after {width:25px;margin:1.35rem auto;}
#memWrap[class^=mem] p {text-align:center;font-size:20px;font-weight:300;margin-bottom:20px;}
#memWrap[class^=mem] > a {max-width:320px;line-height:1.42857143;margin:5px auto;display:block;border-radius:2.43em;color:#00bdcd;text-align:center;box-sizing:border-box;}
#memWrap #memCont txt-mem{margin:20px auto 40px auto; font-size:19px; color:#00bdcd; font-weight:300;line-height: 1.5}
#memWrap.mem-fail a {color:#fff;}
#memWrap .mem-btn {margin-right:-260px;padding:10px;display:block;position:absolute;top:2.85rem;right:50%;color:#777;font-size:18px;}
#memCont .btn-link {padding:1.9rem 0 1.5rem;display:block;text-align:center;}
#memCont .form-type {padding:0;}
#memCont .form-type .form-txt {text-align:center;}
#memCont .form-type .form-txt .btn-link {padding:0;}
#memCont .cont-type {padding-left:0;padding-right:0;border-top:1px dotted #99d2d7;}
#memCont .cont-type:before {content:'';width:32px;height:32px;margin:0 -16px;display:block;position:absolute;top:-16px;left:50%;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:-320px 0;background-size:640px auto;}
#memCont .cont-type .cont-tit {padding-top:2.17em;color:#00bdcd;font-size:23px;text-align:left;}
#memCont .cont-type .cont-tit:after {margin:1.08em 0;background-color:#00bdcd;}
#memCont .cont-type .form-type {margin-top:2.44em;}

#memCont .form-type .check-type label {font-size:14px;}
#memCont .form-type .box-type03 a.box-cont {padding-top:3px;}

/*** mobile ***/
@media (max-width:500px) {
	#memWrap h1 {font-size:36px;}
	#memWrap h1.s1 {font-size:18px;}
	#memWrap .mem-btn {right:0;margin:0;font-size:14px;}
	#memWrap[class^=mem] p {font-size:18px;}
	#memWrap[class^=mem] > a {font-size:16px;}
	#memCont .cont-type .cont-tit {font-size:19px;}
}
@media (max-width:760px) {
	#memCont .box-type03 {display:-webkit-box;display:-moz-box;display:-webkit-flex;display:flex;}
	#memCont .box-type03 .box-cont + .box-cont {text-align:right;}
}
/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	#memWrap h1 a:not(.btn-type) {background-image:url(../img/bg_logo_sprite@2x.png);}
	#memWrap .loading02 {background-image:url(../img/loading_blue@2x.gif);}
	#memCont .cont-type:before{background-image:url(../img/bg_icon_sprite@2x.png);}
}


/*************************************************
	ETC
*************************************************/
#etcWrap {width:100%;height:100%;padding:2rem;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:box;-webkit-box-pack:center;-webkit-box-orient:vertical;align-items:center;justify-content:center;-ms-flex-direction:column;text-align:center;background-color:#fff;box-sizing:border-box;}
#etcWrap h1 {position:relative;font-size:0;line-height:0;}
#etcWrap h1:before {content:'';min-width:264px;max-width:300px;height:110px;margin:0 auto 1.5rem;display:block;background-color:#ff6600;}
#etcWrap h1:after {content:'';width:18px;height:1px;margin:0 auto 1.2rem;display:block;background-color:#2b2b2b;}
#etcWrap p {margin-bottom:2rem;line-height:1.5;color:#333;font-size:20px;font-weight:300;}
#etcWrap a {width:auto;min-width:160px;display:inline-block;}
#etcWrap.not-found h1:before {background-image:url(../img/img_pagenotfound.gif);background-repeat:no-repeat;background-position:0 0;background-size:100% auto;}
#etcWrap.server-error h1:before {height:192px;background-image:url(../img/img_servererror.gif);background-repeat:no-repeat;background-position:0 0;background-size:100% auto;}
.ie9 #etcWrap {padding-top:200px;}

/*** mobile ***/
@media (max-width:768px) {
	#etcWrap p {margin:0 auto 2rem;display:table;font-size:18px;text-align:left;}
}