@charset "utf-8";

@font-face {
	font-family: 'ng';
	font-style: normal;
	src: url(./webfont/NanumGothic-Regular.eot);
	src: url(./webfont/NanumGothic-Regular.eot?#iefix)
		format('embedded-opentype'), url(./webfont/NanumGothic-Regular.woff2)
		format('woff2'), url(./webfont/NanumGothic-Regular.woff)
		format('woff'), url(./webfont/NanumGothic-Regular.ttf)
		format('truetype');
}

@font-face {
	font-family: 'ng_bold';
	font-style: normal;
	src: url(./webfont/NanumGothic-Bold.eot);
	src: url(./webfont/NanumGothic-Bold.eot?#iefix)
		format('embedded-opentype'), url(./webfont/NanumGothic-Bold.woff2)
		format('woff2'), url(./webfont/NanumGothic-Bold.woff) format('woff'),
		url(./webfont/NanumGothic-Bold.ttf) format('truetype');
}

@font-face {
	font-family: 'ng_ex';
	font-style: normal;
	src: url(./webfont/NanumGothic-ExtraBold.eot);
	src: url(./webfont/NanumGothic-ExtraBold.eot?#iefix)
		format('embedded-opentype'),
		url(./webfont/NanumGothic-ExtraBold.woff2) format('woff2'),
		url(./webfont/NanumGothic-ExtraBold.woff) format('woff'),
		url(./webfont/NanumGothic-ExtraBold.ttf) format('truetype');
}

/* =================================================================================================================
	Reset
================================================================================================================= */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button
	{
	margin: 0;
	padding: 0;
	line-height: 1.5
}

fieldset,img {
	border: 0 none;
	vertical-align: middle
}

dl,ul,ol,menu,li {
	list-style: none
}

blockquote,q {
	quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
	content: '';
	content: none
}

input,select,textarea,button {
	vertical-align: middle
}

button {
	border: 0 none;
	background-color: transparent;
	cursor: pointer
}

body,th,td,input,select,textarea,button,select {
	font-family: 'ng', NanumGothic, Droid sans, droid sans fallback,
		AppleGothic, Helvetica, sans-serif;
	color: #333
}

input[type=text],input[type=email],input[type=number] {
	width: 100%;
	height: 37px;
	padding: 0 10px;
	color: #333;
	font-size: 13px;
	border: 1px solid #e1e1e1;
	border-radius: 3px;
	box-sizing: border-box
}

input {
	-webkit-border-radius: 0;
	border: 0;
	border-radius: 0;
	-webkit-appearance: none
}

input[type=password] {
	width: 100%;
	height: 37px;
	padding: 0 10px;
	color: #333;
	font-size: 13px;
	border: 1px solid #e1e1e1;
	border-radius: 3px;
	box-sizing: border-box
}

input::-webkit-input-placeholder {
	color: #ddd;
}

select {
	width: 100%;
	height: 37px;
	border: 1px solid #e1e1e1;
	border-radius: 3px;
	box-sizing: border-box
}

textarea {
	
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%
}

a {
	color: #333;
	text-decoration: none
}

a:active,a:hover {
	text-decoration: none
}

a.link {
	color: #0d6fb8;
	text-decoration: underline;
}

address,caption,cite,code,dfn,em,var {
	font-style: normal;
	font-weight: normal
}

.hide {
	position: absolute;
	left: -9999px;
	top: -9999px;
	width: 0;
	height: 0;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0
}

caption {
	visibility: hidden;
	overflow: hidden;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0
}

table {
	table-layout: fixed;
	width: 100%;
	margin: 0;
	padding: 0;
	border-spacing: 0;
	border: 0;
	border-collapse: collapse
}

*+html table {
	border-collapse: collapse
}

button {
	outline: 0;
	cursor: pointer
}

.over-txt {
	overflow: hidden;
	display: block;
	width: 100%;
	padding-right: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	box-sizing: border-box
}

body {
	background-color: #fff
}

#wrapper {
	overflow: hidden;
	position: relative;
	width: 100%
}

/* ---------------------------------------------------------------------------------------------------------------------------------------
	슬라이더 reset
--------------------------------------------------------------------------------------------------------------------------------------- */
.swiper-container {
	overflow: hidden;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	margin: 0 auto
}

.swiper-wrapper,.swiper-slide {
	position: relative;
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
}
.swiper-wrapper.horizontal {
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
/* 슬라이드 객체 */
.swiper-slide {
	overflow: hidden;
	flex-shrink: 0;
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
}

.slide-sec .swiper-container img,.slide-sec .photo-pager img {
	max-width: 100%;
	vertical-align: top
}

.slide-sec .photo-pager {
	overflow: hidden
}

.slide-sec .photo-pager span {
	float: left;
	width: 16.666%;
	padding: 2px;
	box-sizing: border-box
}

/* =================================================================================================================
	Header
================================================================================================================= */
#main-header {
	position: relative;
	height: 52px;
	padding: 14px 0;
	background-color: #0d6fb8;
	box-sizing: border-box
}

#main-header h1.logo {
	width: 68px;
	height: 24px;
	margin: 0 auto;
	background: url(../img/img/h1_logo.png) 0 0 no-repeat;
	background-size: 68px 24px
}

#main-header .left-area {
	position: absolute;
	top: 12px;
	left: 10px
}

#main-header .left-area a {
	display: inline-block;
	vertical-align: top
}

#main-header .left-area .btn-gnb {
	width: 24px;
	height: 29px;
	margin-right: 10px;
	background: url(../img/btn/btn_gnb.png) 0 0 no-repeat;
	background-size: 24px 29px
}

#main-header .left-area .btn-notice {
	position: relative;
	width: 24px;
	height: 29px;
	background: url(../img/btn/btn_notice.png) 0 0 no-repeat;
	background-size: 24px 29px
}

#main-header .left-area .new-notice:before {
	content: '';
	position: absolute;
	top: 7px;
	right: 5px;
	width: 9px;
	height: 9px;
	background: url(../img/ico/splite_ico.png) 0 0 no-repeat
}

#main-header .right-area {
	position: absolute;
	top: 12px;
	right: 10px
}

#main-header .right-area a {
	display: inline-block;
	vertical-align: top
}

#main-header .right-area .btn-login {
	width: 24px;
	height: 29px;
	background: url(../img/btn/btn_login.png) 0 0 no-repeat;
	background-size: 24px 29px
}

#main-header .right-area .btn-certificate {
	width: 20px;
	height: 29px;
	margin-left: 10px;
	background: url(../img/btn/btn_certificates.png) 0 0 no-repeat;
	background-size: 20px 29px
}

#main-header .ui-loader {
	display: none
}

#header {
	position: relative;
	height: 40px;
	background-color: #0d6fb8
}

#header h2.logo {
	width: 68px;
	height: 40px;
	margin: 0 auto;
	background: url(../img/img/h1_logo.png) 0 center no-repeat;
	background-size: 68px 24px
}

#header .left-area {
	position: absolute;
	top: 6px;
	left: 10px
}

#header .left-area .btn-prev {
	width: 29px;
	height: 29px;
	background-position: 0 0
}

#header .left-area .btn-notice {
	position: relative;
	width: 29px;
	height: 29px;
	background-position: 0 -33px
}

#header .left-area .new-notice:before {
	content: '';
	position: absolute;
	top: 7px;
	right: 5px;
	width: 9px;
	height: 9px;
	background: url(../img/ico/splite_ico.png) 0 0 no-repeat
}

#header .right-area {
	position: absolute;
	top: 6px;
	right: 10px
}

#header .right-area .btn-login {
	width: 29px;
	height: 29px;
	background-position: 0 -66px
}

#header .right-area .btn-certificate {
	width: 29px;
	height: 29px;
	background-position: 0 -99px
}

#header .ui-loader {
	display: none
}
/* GNB */
.gnb-layer {
	overflow-y: auto;
	position: absolute;
	left: -300px;
	top: 0;
	bottom: 0;
	z-index: 100;
	width: 300px;
	background: #fff url(../img/bg/bg_gnb.jpg) 0 bottom no-repeat;
	background-size: cover
}

.gnb-layer .gnb-top {
	overflow: hidden;
	height: 50px;
	background-color: #0d6fb8
}

.gnb-layer .gnb-top h1 {
	float: left;
	margin: 13px 0 13px 12px
}

.gnb-layer .gnb-top h1 img {
	width: 137px;
	height: auto;
	vertical-align: top
}

.gnb-layer .gnb-top .user {
	float: right;
	margin: 5px 12px 0 0;
	text-align: right;
	font-size: 16px;
	color: #fff
}

.gnb-layer .gnb-top .user span {
	display: block;
	color: #afddff;
	font-size: 11px
}

.gnb-layer .state-area {
	position: relative;
	padding: 15px 10px;
	background-color: #f7f7ed
}

.gnb-layer .state-area dl {
	margin-bottom: 5px
}

.gnb-layer .state-area dl dt {
	color: #0d6fb8;
	font-size: 16px;
	font-weight: 500
}

.gnb-layer .state-area dl dd {
	color: #666;
	font-size: 11px;
	letter-spacing: -1px
}

.gnb-layer .state-area dl dd .btn-logout {
	display: inline-block;
	height: 20px;
	margin-left: 5px;
	padding: 0 6px;
	background-color: #76b627;
	color: #fff;
	font-size: 11px;
	line-height: 22px;
	border-radius: 15px
}

.gnb-layer .state-area span {
	color: #999;
	font-size: 11px;
	letter-spacing: -1px
}

.gnb-layer .state-area .btn-certificate {
	position: absolute;
	top: 50%;
	right: 10px;
	width: 59px;
	height: 35px;
	margin-top: -30px;
	padding-top: 24px;
	background-color: #9b9b9b;
	color: #fff;
	font-size: 11px;
	text-align: center;
	border-radius: 50%
}

.gnb-layer .state-area .btn-certificate:before {
	content: '';
	position: absolute;
	top: 6px;
	left: 50%;
	width: 15px;
	height: 18px;
	margin-left: -8px;
	background: url(../img/ico/splite_ico.png) -118px -30px no-repeat
}

.gnb-layer .my-link {
	overflow: hidden
}

.gnb-layer .my-link dl {
	float: left;
	width: 50%
}

.gnb-layer .my-link dl dt {
	padding: 10px 0 3px 12px;
	text-align: left;
	line-height: 13px
}

.gnb-layer .my-link dl dt span {
	font-size: 11px;
	color: #fff;
	vertical-align: top
}

.gnb-layer .my-link dl dd {
	text-align: center
}

.gnb-layer .my-link dl dd a {
	font-size: 16px;
	color: #fff
}

.gnb-layer .my-link dl dd a .cnt {
	font-size: 25px;
	vertical-align: -2px
}

.gnb-layer .my-link .my-complaint {
	background-color: #76b627
}

.gnb-layer .my-link .my-complaint dt span {
	position: relative;
	padding-right: 25px
}

.gnb-layer .my-link .my-complaint dt span:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 13px;
	background: url(../img/ico/splite_ico.png) -143px -30px no-repeat
}

.gnb-layer .my-link .my-pim {
	background-color: #444744
}

.gnb-layer .my-link .my-pim dt span {
	position: relative;
	padding-right: 22px
}

.gnb-layer .my-link .my-pim dt span:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 18px;
	height: 13px;
	background: url(../img/ico/splite_ico.png) -174px -30px no-repeat
}

.bg-modal {
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 50;
	width: 100%;
	background: url(../img/bg/bg_modal.png) 0 0 repeat
}

/* navi */
.nav {
	width: 100%
}

.nav ul {
	
}

.nav ul li.depth {
	position: relative;
	border-top: 1px solid #636663
}

.nav ul li.depth:before {
	content: '';
	position: absolute;
	top: 23px;
	right: 15px;
	width: 18px;
	height: 9px;
	background: url(../img/ico/ico_arrow.png) 0 0 no-repeat;
	background-size: 18px auto;
	-moz-transition: 0.5s all;
	-webkit-transition: 0.5s all;
	transition: 0.5s all;
}

.nav ul li.depth .title {
	position: relative;
	display: block;
	padding-left: 60px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 50px
}

.nav ul li.depth.on:before {
	-moz-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

.nav ul li.depth.on .title {
	color: #f78642
}

.nav ul li.depth .title:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 15px;
	background: url(../img/ico/splite_ico.png) 0 0 no-repeat
}

.nav ul li.depth01 .title:before {
	width: 28px;
	height: 22px;
	margin-top: -11px;
	background-position: -14px 0
}

.nav ul li.depth02 .title:before {
	width: 30px;
	height: 22px;
	margin-top: -11px;
	background-position: -47px 0
}

.nav ul li.depth03 .title:before {
	width: 27px;
	height: 25px;
	margin-top: -12px;
	background-position: -80px 0
}

.nav ul li.depth04 .title:before {
	width: 22px;
	height: 23px;
	margin-top: -11px;
	background-position: -112px 0
}

.nav ul li.depth05 .title:before {
	width: 22px;
	height: 23px;
	margin-top: -11px;
	background-position: -138px 0
}

.nav ul li.depth06 .title:before {
	width: 27px;
	height: 25px;
	margin-top: -12px;
	background-position: -163px 0
}

.nav ul li.depth .two-depth {
	display: none;
	border-top: 1px solid #636363
}

.nav ul li.depth .two-depth li {
	position: relative;
	border-bottom: 1px solid #636363
}

.nav ul li.depth .two-depth li:before {
	content: '';
	position: absolute;
	top: 15px;
	right: 15px;
	width: 6px;
	height: 11px;
	background: url(../img/ico/ico_at_open02.png) 0 0 no-repeat;
	background-size: 6px 11px
}

.nav ul li.depth .two-depth li a {
	display: block;
	padding-left: 60px;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	line-height: 40px
}

.hug-app {
	overflow: hidden;
	margin: 10px;
	padding: 5px 8px;
	border: 1px solid #75695b
}

.hug-app .title {
	color: #9b9b9b;
	font-size: 11px;
	line-height: 23px
}

.hug-app .sns {
	float: right
}

.hug-app .sns a {
	display: inline-block;
	width: 23px;
	height: 23px;
	margin-left: 3px
}

.hug-app .kakao {
	background-position: 0 -30px
}

.hug-app .facebook {
	background-position: -28px -30px
}

.hug-app .twitter {
	background-position: -57px -30px
}

.hug-app .mail {
	background-position: -86px -30px
}

.foot {
	margin: 10px
}

.foot address,.foot p,.foot a {
	color: #fff;
	font-size: 11px
}

.foot .call-area span:first-child {
	position: relative;
	margin-right: 4px;
	padding-right: 4px
}

.foot .call-area span:first-child:before {
	content: '';
	position: absolute;
	top: 2px;
	right: 0;
	width: 1px;
	height: 9px;
	background-color: #787170;
	background-size: auto 34px;
}

.location {
	background-color: #004d9a;
	border-bottom: 1px solid #0c58a5;
}

.location .inner-box {
	position: relative;
	z-index: 10;
	display: table;
	width: 100%;
	box-sizing: border-box;
	background: url(../img/bg/bg_plus.png) 97% center no-repeat;
	background-size: 11px 11px;
}

.location .inner-box.on {
	background: url(../img/bg/bg_minus.png) 97% center no-repeat;
	background-size: 11px 11px;
}

.location .inner-box .depth {
	display: table-cell;
	font-size: 12px;
	color: #fff;
}

.location .inner-box .depth:first-child {
	width: 32px;
}

.location .inner-box .depth em {
	background: url(../img/bg/bg_location.png) right center no-repeat;
	background-size: 6px 11px;
	padding-right: 10px;
	padding-left: 3px;
}

.location .inner-box .depth em.last {
	font-weight: bold;
	background: none;
	padding: 0;
	padding-left: 5px;
}

.location .inner-box .depth em.first {
	padding-left: 5px;
}

.location .inner-box .depth .home {
	display: block;
	width: 100%;
	padding: 0 0 0 10px;
	background: url(../img/bg/bg_location.png) right center no-repeat;
	background-size: 6px 11px;
	box-sizing: border-box;
}
.location .inner-box .depth .sel {
	display: block;
	padding: 15px 20px 15px 5px;
}
.location .inner-box .depth .home img {
	width: 9px;
	height: 8px;
	vertical-align: inherit;
}

.location .inner-box .depth .sub-depth {
	display: none;
	position: absolute;
	left: 0;
	top: 49px;
	width: 100%;
	background-color: #004d9a;
	border-bottom: 1px solid #054473;
}

.location .inner-box .depth .sub-depth ul {
	
}

.location .inner-box .depth .sub-depth li {
	padding: 0 15px;
}

.location .inner-box .depth .sub-depth li a {
	display: block;
	padding: 10px 0;
	color: #fff;
	background: url(../img/ico/ico_more02.png) right center no-repeat;
	background-size: 8px auto;
	border-top: 1px solid #0c58a5;
}

.location .inner-box .depth .sub-depth li:first-child a {
	border-top: 0;
}

.location .inner-box .depth .sub-depth .close {
	width: 100%;
	height: 33px;
	padding: 0 15px;
	background: url(../img/ico/ico_arrow02.png) center center no-repeat;
	background-size: 20px;
	border-top: 1px solid #0c58a5;
	background-size: 10px 6px;
}

/*fixmenu*/
#fix-menu {
	background-color: #232220;
	position: fixed;
	bottom: 0;
	height: 47px;
	width: 100%;
}

#fix-menu .btn-list {
	overflow: hidden;
}

#fix-menu .btn-list .f-btn {
	float: left;
	position: relative;
	width: 20%;
	height: 27px;
	padding-top: 21px;
	box-sizing: inherit;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 27px;
}

#fix-menu .btn-list .f-btn:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 9px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 16px;
	height: 15px;
	background-image: url(../img/ico/bg_fix_menu.png);
	background-repeat: no-repeat;
	background-size: 17px 100px;
}

#fix-menu .btn-list .btn1:before {
	background-position: 0 0;
}

#fix-menu .btn-list .btn2:before {
	background-position: 0 -48px;
}

#fix-menu .btn-list .btn3:before {
	background-position: 0 -32px;
}

#fix-menu .btn-list .btn4:before {
	background-position: 0 -64px;
}

#fix-menu .btn-list .btn5:before {
	background-position: 0 -16px;
}

/* =================================================================================================================
	main
================================================================================================================= */
.main-contents {
	position: relative;
}

.main-contents .bg1 {
	background: url(../img/bg/bg_main1.png) center top no-repeat;
	background-size: cover;
}

.main-contents .bg2 {
	background: url(../img/bg/bg_main2.png) center top no-repeat;
	background-size: cover;
}

.main-contents .bg3 {
	background: url(../img/bg/bg_main3.png) center top no-repeat;
	background-size: cover;
}
.main-contents .swiper-slide {
	text-align: center;
}
.main-contents .swiper-slide .img-wp {width:100%;}
.main-contents .swiper-slide .img-wp img {width: 100%; position:absolute;left:50%;top:50%;-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.main-contents .swiper-slide .award-box {position:relative; width:100%; height:100%;}
.main-contents .swiper-slide .award-box .img-area {overflow:hidden; position:absolute; left:4%; right:4%; top:0; border-radius:10px;}
.main-contents .swiper-slide .award-box img {width:100%;}
.main-link {
	position: absolute;
	bottom: -4%;
	left: 4%;
	right: 4%;
	z-index: 2;
}
.main-link ul {overflow: hidden; margin-top:-10px; border-radius: 10px;-webkit-box-shadow: 0px 3px 11px 2px rgba(0,0,0,0.4);-moz-box-shadow: 0px 3px 11px 2px rgba(0,0,0,0.4);box-shadow: 0px 3px 11px 2px rgba(0,0,0,0.4); background-color: #fff;}
.main-link li {
	position: relative;
	width: 33.3%;
	height: 90px;
	float: left;
	border-left: 1px solid #e5e5e5;
	box-sizing: border-box;
}

.main-link li:nth-child(1),.main-link li:nth-child(2),.main-link li:nth-child(3)
	{
	border-bottom: 1px solid #e5e5e5;
}

.main-link li:nth-child(1),.main-link li:nth-child(4) {
	border-left: 0;
}

.main-link li:nth-child(1) a {
	border-top-left-radius: 10px;
	border-bottom: 1px solid #e5e5e5;
}

.main-link li:nth-child(3) a {
	border-top-right-radius: 10px;
}

.main-link li:nth-child(4) a {
	border-bottom-left-radius: 10px;
}

.main-link li:nth-child(6) a {
	border-bottom-right-radius: 10px;
}

.main-link li a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	background-color: #fff;
}

.main-link li a:before {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	top: 18px;
	width: 40px;
	height: 25px;
	margin-left: -20px;
	background: url(../img/ico/main_link.png) center top no-repeat;
	background-size: 40px auto;
}

.main-link li a span {
	position: absolute;
	bottom: 12px;
	left: 0;
	display: inline-block;
	width: 100%;
	color: #0b4279;
	min-height: 26px;
	font-size: 13px;
	font-family: 'ng_ex';
	text-align: center;
	line-height: 13px;
	box-sizing: border-box;
}

.main-link li:nth-child(1) a:before {
	
}

.main-link li:nth-child(2) a:before {
	background-position: 0 -27px;
}

.main-link li:nth-child(3) a:before {
	background-position: 0 -53px;
}

.main-link li:nth-child(4) a:before {
	background-position: 0 -80px;
}

.main-link li:nth-child(5) a:before {
	background-position: 0 -106px;
}

.main-link li:nth-child(6) a:before {
	background-position: 0 -133px;
}

.main-link li:nth-child(2) a span,.main-link li:nth-child(3) a span {
	line-height: 26px;
}

@media screen and (max-width:320px) {
	.main-link li {
		height: 70px;
	}
	.main-link li a:before {
		top: 9px;
	}
	.main-link li a span {
		font-size: 11px;
		bottom: 5px;
		line-height: 12px;
	}
}

.sub-link {width:100%;overflow:hidden; padding:7px 8px; background:url(../img/bg/bg_main_btm.jpg) center no-repeat; background-size:cover; border-left:0;position:absolute; bottom:0;box-sizing: border-box;}
.sub-link li {float: left;width: 25%; border-left:1px solid rgba(255, 255, 255, .2); box-sizing: border-box; }
.sub-link li.kakao a {
	color: #f8df00
}

.sub-link li.kakao em {
	padding-right: 2px;
}
.sub-link li:nth-child(1),.sub-link li:nth-child(2),.sub-link li:nth-child(3),.sub-link li:nth-child(4)
	{
	border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.sub-link li:nth-child(1),.sub-link li:nth-child(5) {
	border-left: 0
}
.sub-link li a {display: block; padding:6px 0; color: #fff; font-size: 12px; font-family: 'ng_bold'; line-height: 14px; text-align: center;}

@media screen and (max-width:320px) {
	.sub-link li a {font-size:11px; padding:4px 0; line-height:14px;}
	.sub-link li.kakao em {
		padding-right: 0;
	}
}

.sub-link2 {
	overflow: hidden;
}

.sub-link2 li {
	position: relative;
	width: 25%;
	height: 70px;
	float: left;
	box-sizing: border-box;
}

.sub-link2 li a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

.sub-link2 li a:before {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	top: 0;
	width: 35px;
	height: 35px;
	margin-left: -17px;
	background: url(../img/ico/main_link2.png) center top no-repeat;
	background-size: 35px auto;
}

.sub-link2 li a span {
	position: absolute;
	bottom: 0px;
	left: 0;
	display: inline-block;
	width: 100%;
	color: #fff;
	min-height: 26px;
	font-size: 12px;
	font-family: 'ng_bold';
	text-align: center;
	line-height: 13px;
	box-sizing: border-box;
}

.sub-link2 li:nth-child(1) a:before {
	background-position: 0 0;
}

.sub-link2 li:nth-child(2) a:before {
	background-position: 0 -36PX;
}

.sub-link2 li:nth-child(3) a:before {
	background-position: 0 -72px;
}

.sub-link2 li:nth-child(4) a:before {
	background-position: 0 -108px;
}

@media screen and (max-width:320px) {
	.sub-link2 li {
		height: 65px;
	}
	.sub-link2 li a span {
		font-size: 11px;
	}
}
.section {padding:4% 4% 4% 4%;}

.menu-box {
	overflow: hidden;
	box-sizing: border-box;
}

.menu-box ul {
	height: 100%;
	padding: 0 15px;
}

.menu-box ul li {
	float: left;
	width: 33.3%;
	height: 50%;
	padding: 5px 7px 5px;
	text-align: center;
	box-sizing: border-box;
}

.menu-box ul li.menu01,.menu-box ul li.menu02,.menu-box ul li.menu05 {
	padding-top: 10px;
}

.menu-box ul li.menu04,.menu-box ul li.menu03,.menu-box ul li.menu06 {
	padding-bottom: 10px;
}

.menu-box ul li a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #cecece;
	border-radius: 5px;
	box-sizing: border-box;
}

.menu-box ul li a span {
	position: absolute;
	bottom: 5%;
	left: 0;
	display: block;
	width: 100%;
	color: #666;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	line-height: 24px;
}

.menu-box ul li a span.line02 {
	line-height: 12px;
}

.menu-box ul li a:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

.menu-box ul li.menu01 a:before {
	background: url(../img/ico/ico_main01.png) center 25% no-repeat;
	background-size: auto 50%;
}

.menu-box ul li.menu02 a:before {
	background: url(../img/ico/ico_main02.png) center 25% no-repeat;
	background-size: auto 50%;
}

.menu-box ul li.menu03 a:before {
	background: url(../img/ico/ico_main03.png) center 25% no-repeat;
	background-size: auto 50%;
}

.menu-box ul li.menu04 a:before {
	background: url(../img/ico/ico_main04.png) center 25% no-repeat;
	background-size: auto 50%;
}

.menu-box ul li.menu05 a:before {
	background: url(../img/ico/ico_main05.png) center 25% no-repeat;
	background-size: auto 50%;
}

.menu-box ul li.menu06 a:before {
	background: url(../img/ico/ico_main06.png) center 25% no-repeat;
	background-size: auto 50%;
}

@media screen and (max-width: 359px) {
	.menu-box ul li a:before {
		max-width: 100px;
		max-height: 88px;
	}
	.menu-box ul li a span {
		bottom: 2%;
	}
}

@media screen and (min-width: 401px) {
	.menu-box ul li a span {
		bottom: 15%;
	}
}

.main-guide ul li {
	border-bottom: 1px solid #dedede
}

.main-guide ul li:first-child {
	border-top: 1px solid #dedede
}

.main-guide ul li a {
	display: table;
	width: 100%;
	padding: 5px 15px;
	box-sizing: border-box
}

.main-guide ul li a span {
	display: table-cell;
	vertical-align: middle
}

.main-guide ul li .tit {
	width: 45%;
	padding-left: 41px;
	color: #0d6fb8;
	font-size: 11px;
	font-weight: bold;
	line-height: 36px;
	box-sizing: border-box
}

.main-guide ul li .txt {
	width: 55%;
	padding-right: 25px;
	color: #333;
	font-size: 11px;
	background: url(../img/btn/btn_arrow.png) right center no-repeat;
	background-size: 7px 10px;
	word-break: keep-all
}

.main-guide ul .guide01 .tit {
	background: url(../img/ico/main_ico01.png) 4px center no-repeat;
	background-size: 26px 27px
}

.main-guide ul .guide02 .tit {
	background: url(../img/ico/main_ico02.png) 6px center no-repeat;
	background-size: 22px 28px
}

.main-guide ul .guide03 .tit {
	background: url(../img/ico/main_ico03.png) 0 center no-repeat;
	background-size: 32px 21px
}

.main-theme ul {
	overflow: hidden
}

.main-theme ul li {
	position: relative;
	overflow: hidden;
	float: left;
	width: 50%;
	background-color: #dfdfdf;
	border-bottom: 1px solid #f2f2f2;
	border-left: 1px solid #f2f2f2;
	box-sizing: border-box
}

.main-theme ul li:nth-child(odd) {
	border-left: 0
}

.main-theme ul li a {
	position: relative;
	display: table;
	width: 100%;
	height: 47px;
	padding-left: 13px;
	vertical-align: middle;
	box-sizing: border-box
}

.main-theme ul li a p {
	display: table-cell
}

.main-theme ul li .tit {
	font-size: 11px;
	color: #2e485c;
	line-height: 19px;
	vertical-align: middle
}

.main-theme ul li .call {
	font-size: 16px;
	color: #1863af;
	font-weight: bold;
	line-height: 18px
}

.main-theme ul li .short-cut {
	display: inline-block;
	height: 16px;
	padding: 0 5px;
	background-color: #1863af;
	color: #fff;
	font-size: 11px;
	line-height: 16px
}

.main-theme ul li .short-cut span {
	padding-left: 10px;
	background: #1863af url(../img/ico/ico_add.png) 0 center no-repeat;
	background-size: 6px 7px
}

.main-theme ul li a:before {
	content: '';
	position: absolute;
	top: 50%
}

.main-theme ul li.theme01 a:before {
	right: 19px;
	width: 22px;
	height: 27px;
	margin-top: -13px;
	background: url(../img/ico/ico_theme01.png) 0 0 no-repeat;
	background-size: 23px
}

.main-theme ul li.theme02 a:before {
	right: 18px;
	width: 22px;
	height: 23px;
	margin-top: -11px;
	background: url(../img/ico/ico_theme02.png) 0 0 no-repeat;
	background-size: 22px
}

.main-theme ul li.theme03 a:before {
	right: 15px;
	width: 27px;
	height: 28px;
	margin-top: -14px;
	background: url(../img/ico/ico_theme03.png) 0 0 no-repeat;
	background-size: 27px 28px
}

.main-theme ul li.theme04 a {
	padding-left: 0
}

.main-theme ul li.theme04 a .img-wrap {
	display: block;
	height: 47px;
	padding: 10px 0;
	text-align: center;
	box-sizing: border-box;
}

.main-theme ul li.theme04 a .img-wrap img {
	height: 100%;
	vertical-align: top;
}

.main-theme ul li.theme05 a:before {
	right: 16px;
	width: 25px;
	height: 25px;
	margin-top: -12px;
	background: url(../img/ico/ico_theme05.png) 0 0 no-repeat;
	background-size: 25px 25px
}

.main-theme ul li.theme06 a {
	padding-left: 0
}

.main-theme ul li.theme06 a .img-wrap {
	display: block;
	height: 47px;
	padding: 8px 0;
	text-align: center;
	box-sizing: border-box;
}

.main-theme ul li.theme06 a .img-wrap img {
	height: 100%;
	vertical-align: top;
}

.main-notice-slide {}
.main-notice-slide .swiper-container {
	overflow:hidden;
	height:20px;
	background:url(../img/ico/ico_noti.png) 6px center no-repeat; background-size:15px 15px;
	margin:6px 0 14px;
}
.main-notice-slide .swiper-slide {}
.main-notice-slide .swiper-slide .link {
	display:block;
	overflow:hidden;
	position:relative;
	width:100%;
	padding:0 70px 0 30px;
	box-sizing:border-box;
	color:#fff;
	font-size:12px;
	text-overflow:ellipsis;
	line-height:20px;
	white-space:nowrap;
	text-decoration: none;
}
.main-notice-slide .swiper-slide .link span {
	color: #00ffff;
	font-weight: bold;
}

.btn-controller {
	overflow: hidden;
}

.btn-controller div {
	float: left;
	width: 16px;;
	height: 18px;
	border: 1px solid rgba(255, 255, 255, .2);
	background: url(../img/ico/ico_controller.png) 0 0 no-repeat;
	background-size: 16px 100px;
}

.btn-controller .btn-prev {
	border-right: 0;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.btn-controller .btn-next {
	border-left: 0;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background-position: 0 -38px;
}

.btn-controller .btn-pause {
	background-position: 0 -19px;
}

.btn-controller .btn-play {
	background-position: 0 -57px;
}

.btn-controller div span {
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}

/* =================================================================================================================
	layout
================================================================================================================= */
.main-wrap {
	background-color: #2383e4
}
.main-wrap #container {
	box-sizing: border-box;
}
.contents {
	position: relative;
	z-index: 0;
	padding-bottom: 20px;
}

.tv-area {
	margin: 0 10px;
	padding: 20px 100px 20px 0;
	color: #333;
	font-size: 16px;
	font-weight: 500;
	line-height: 21px;
	background: url(../img/img/img_hug.jpg) right center no-repeat;
	background-size: 106px 60px;
	letter-spacing: -1px
}

.tv-area.type02 {
	border-bottom: 1px solid #d7d7da;
	background: url(../img/img/img_mp_login.jpg) right center no-repeat;
	background-size: 37px 41px
}

.tv-area.type02>span {
	display: block;
	font-weight: bold;
	color: #76b627
}

.tv-area.type02>span span {
	font-weight: bold
}

.quick-area {
	position: fixed;
	top: 50%;
	left: 10px;
	width: 48px;
	height: 48px;
	margin-top: -24px
}

.quick-area .quick-btn {
	width: 48px;
	height: 48px;
	background-position: 0 -132px
}

.quick-area .title,.quick-area .quick-list,.quick-area .quick-close {
	display: none
}

.quick-area.open {
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	margin: 0;
	background: url(../img/bg/bg_modal02.png) 0 0 repeat
}

.quick-area.open .title {
	display: block;
	position: absolute;
	top: 25px;
	right: 14px;
	color: #fff;
	font-size: 14px;
	font-weight: bold
}

.quick-area.open .quick-btn {
	position: absolute;
	top: 50%;
	left: 10px;
	width: 48px;
	height: 48px;
	margin-top: -24px;
	background-position: 0 -132px
}

.quick-area.open .quick-list {
	display: block;
	position: absolute;
	top: 50%;
	left: 60px;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.quick-area.open .quick-list li a {
	position: relative;
	display: inline-block;
	height: 43px;
	padding-left: 55px;
	color: #fff;
	font-size: 12px;
	line-height: 43px
}

.quick-area.open .quick-list li a:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 43px;
	height: 43px;
	background: url(../img/btn/splite_btn.png) 0 0 no-repeat
}

.quick-area.open .quick-list .quick01 a:before {
	background-position: -62px 0
}

.quick-area.open .quick-list .quick02 {
	margin: -4px 0 0 58px
}

.quick-area.open .quick-list .quick02 a:before {
	background-position: -114px 0
}

.quick-area.open .quick-list .quick03 {
	margin: 18px 0 25px 94px
}

.quick-area.open .quick-list .quick03 a:before {
	background-position: -62px -52px
}

.quick-area.open .quick-list .quick04 {
	margin: 25px 0 18px 94px
}

.quick-area.open .quick-list .quick04 a:before {
	background-position: -114px -52px
}

.quick-area.open .quick-list .quick05 {
	margin: 0 0 -4px 58px
}

.quick-area.open .quick-list .quick05 a:before {
	background-position: -62px -105px
}

.quick-area.open .quick-list .quick06 a:before {
	background-position: -114px -105px
}

.quick-area.open .quick-close {
	display: block;
	position: absolute;
	bottom: 20px;
	right: 10px;
	width: 41px;
	height: 41px;
	background-position: -167px 0
}

/* =================================================================================================================
	splite img
================================================================================================================= */
.btn-splite {
	display: inline-block;
	background: url(../img/btn/splite_btn.png) 0 0 no-repeat;
	background-size: 300px 300px;
	vertical-align: top
}

.ico-splite {
	display: inline-block;
	background: url(../img/ico/splite_ico.png) 0 0 no-repeat;
	background-size: 200px 200px;
	vertical-align: top
}

/* =================================================================================================================
	common
================================================================================================================= */
.bg-none {
	background: none !important
}

.txt-list.bg-none {
	padding: 10px
}

.bdt-none {
	border-top: 0 !important;
}

.bdb-none {
	border-bottom: 0 !important;
}

/* 텍스트 컬러 타입 */
.cType01 {
	color: #0d6fb8
}

.cType02 {
	color: #b80d0d
}

.cType03 {
	color: #666
}

.cType03.txt-list li {
	color: #666
}

.cType04 {
	color: #77b627
}

.bid-type01 {
	font-weight: bold;
	color: #0d6fb8
}

.bid-type02 {
	font-weight: bold;
	color: #77b627
}

.bid-type03 {
	font-weight: bold;
	color: #b80d0d
}

.bull-txt.cType02:before {
	background-color: #b80d0d
}

.txt-list li.cType02 {
	color: #b80d0d
}

.txt-list li.cType02:before {
	background-color: #b80d0d
}

.txt-line {
	text-decoration: underline
}

.txt-bold {
	font-weight: bold
}

.ft-11 {
	font-size: 11px;
}

.ft-13 {
	font-size: 13px;
}

.colorUnder {
	color: #0d6fb8;
	text-decoration: underline;
}

/* 정렬 및 간격 */
.fl-l {
	float: left !important
}

.fl-r {
	float: right !important
}

.txtC {
	text-align: center !important
}

.txtL {
	text-align: left !important
}

.txtR {
	text-align: right !important
}

.mg0 {
	margin: 0 !important
}

.mgt0 {
	margin-top: 0 !important
}

.mgt5 {
	margin-top: 5px !important
}

.mgt10 {
	margin-top: 10px !important
}

.mgt15 {
	margin-top: 15px !important
}

.mgt20 {
	margin-top: 20px !important
}

.mgt25 {
	margin-top: 25px !important
}

.mgb0 {
	margin-bottom: 0 !important
}

.mgb5 {
	margin-bottom: 5px !important
}

.mgb10 {
	margin-bottom: 10px !important
}

.mgb15 {
	margin-bottom: 15px !important
}

.mgb20 {
	margin-bottom: 20px !important
}

.mgb25 {
	margin-bottom: 25px !important
}

.mgl0 {
	margin-left: 0 !important
}

.mgl5 {
	margin-left: 5px !important
}

.mgl10 {
	margin-left: 10px !important
}

.mgl15 {
	margin-left: 15px !important
}

.mgl20 {
	margin-left: 20px !important
}

.mgl25 {
	margin-left: 25px !important
}

.mgr0 {
	margin-right: 0 !important
}

.mgr5 {
	margin-right: 5px !important
}

.mgr10 {
	margin-right: 10px !important
}

.mgr15 {
	margin-right: 15px !important
}

.mgr20 {
	margin-right: 20px !important
}

.mgr25 {
	margin-right: 25px !important
}

.pd0 {
	padding: 0 !important
}

.pdt0 {
	padding-top: 0 !important
}

.pdt5 {
	padding-top: 5px !important
}

.pdt10 {
	padding-top: 10px !important
}

.pdt15 {
	padding-top: 15px !important
}

.pdt20 {
	padding-top: 20px !important
}

.pdt25 {
	padding-top: 25px !important
}

.pdb0 {
	padding-bottom: 0 !important
}

.pdb5 {
	padding-bottom: 5px !important
}

.pdb10 {
	padding-bottom: 10px !important
}

.pdb15 {
	padding-bottom: 15px !important
}

.pdb20 {
	padding-bottom: 20px !important
}

.pdb25 {
	padding-bottom: 25px !important
}
.pdl0 {
	padding-left: 0 !important;
}

.none-border-bottom {
	border-bottom: 0 !important
}

.none-border-top {
	border-top: 0 !important
}

/* title-wrap */
.title-wrap {
	position: relative;
	margin: 0 10px;
	min-height: 19px;
	padding: 20px 0 10px
}

.title-wrap:before {
	content: '';
	display: table
}

.txt-wrap+.title-wrap {
	padding-top: 12px
}

.title-wrap:after {
	display: block;
	content: "";
	clear: both
}

.title-wrap h3 {
	position: relative;
	float: left;
	font-size: 16px;
	color: #333;
	font-weight: bold
}

.title-wrap h4 {
	position: relative;
	float: left;
	padding-left: 15px;
	font-size: 11px;
	color: #333;
	font-weight: bold
}

.title-wrap h4:before {
	content: '';
	position: absolute;
	top: 3px;
	left: 0;
	width: 5px;
	height: 5px;
	background-color: #fff;
	border: 2px solid #333;
	border-radius: 50%
}

.title-wrap.ty02 h4 {
	color: #0d6fb8
}

.title-wrap.ty02 h4:before {
	border: 2px solid #0d6fb8
}

.title-wrap.ty03 h4 {
	float: left;
	padding-left: 0;
	font-size: 13px;
	color: #0d6fb8;
	font-weight: bold
}

.title-wrap.ty03 h4:before {
	width: 0;
	border: none 0
}

.title-wrap .info {
	float: right;
	font-size: 11px;
	color: #666;
	line-height: 19px
}

.title-wrap.ty03 .info>ul {
	overflow: hidden
}

.title-wrap.ty03 .info>ul li {
	float: left
}

.title-wrap.ty03 .info>ul li a {
	display: block;
	margin-left: 7px;
	padding-left: 7px;
	color: #999;
	position: relative
}

.title-wrap.ty03 .info>ul li a:after {
	content: '';
	position: absolute;
	top: 2px;
	left: 0;
	width: 1px;
	height: 9px;
	background: #999
}

.title-wrap.ty03 .info>ul li:first-child a:after {
	background: none
}

.title-wrap .h4-tit {
	position: relative;
	float: left;
	padding-left: 15px;
	font-size: 13px;
	color: #333;
	font-weight: bold
}

.title-wrap .h4-tit.bul {
	padding-left: 15px
}

.title-wrap .h4-tit:before {
	content: '';
	position: absolute;
	top: 5px;
	left: 0;
	width: 5px;
	height: 5px;
	background-color: #fff;
	border: 2px solid #333;
	border-radius: 50%
}

.title-wrap .h4-tit+.desc {
	display: block;
	padding-top: 13px;
	font-size: 11px;
	color: #666;
	clear: both
}

.title-wrap .h5-tit {
	font-size: 11px
}

.title-wrap .h5-tit:before {
	content: '';
	position: absolute;
	top: 3px;
	left: 0;
	width: 5px;
	height: 5px;
	background-color: #fff;
	border: 2px solid #333;
	border-radius: 50%
}

.title-wrap .tit-btn {
	float: right;
}

.title-wrap .tit-btn .btn-detail {
	display: block;
	height: 20px;
	margin-top: -1px;
	padding: 0 7px;
	font-weight: bold;
	color: #333;
	font-size: 11px;
	text-align: center;
	line-height: 20px;
	border: 1px solid #d1d1d1;
	background: #fff;
	background: -moz-linear-gradient(top, #ffffff 0%, #efefed 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%, #efefed 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #efefed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',
		endColorstr='#efefed', GradientType=0);
	border-radius: 3px;
}

.title-wrap .tit-btn .btn-detail span {
	display: inline-block;
	padding-right: 18px;
	background: url(../img/ico/ico_view02.png) right center no-repeat;
	background-size: 14px 14px;
	line-height: 18px;
	vertical-align: top
}

.title-wrap p.tit {
	position: relative;
	padding-left: 15px;
	font-weight: bold;
	font-size: 13px
}

.title-wrap p.tit:before {
	content: '';
	position: absolute;
	top: 5px;
	left: 0;
	width: 5px;
	height: 5px;
	background-color: #fff;
	border: 2px solid #333;
	border-radius: 50%
}

.title-wrap p.tit.cType01:before {
	content: '';
	position: absolute;
	top: 5px;
	left: 0;
	width: 5px;
	height: 5px;
	background-color: #fff;
	border: 2px solid #0d6fb8;
	border-radius: 50%
}

.title-wrap p.tit span.desc {
	display: inline-block;
	font-size: 13px
}
.title-wrap .tit01 {
	font-weight: bold;
	font-size: 12px
}

.title-wrap .tit02 {
	font-weight: bold;
	font-size: 16px
}

/* text list */
.bull-txt {
	position: relative;
	padding-left: 7px;
	font-size: 11px;
	color: #333;
}

.bull-txt:before {
	content: '';
	position: absolute;
	top: 4px;
	left: 0;
	width: 2px;
	height: 2px;
	background-color: #3f3f3f
}

.bull-txt.cType02 {
	color: #b80d0d
}

.txt-list {
	padding: 20px 10px;
	border-top: 1px solid #e1e1e1
}

.txt-list>li {
	position: relative;
	margin-top: 10px;
	padding-left: 7px;
	font-size: 11px;
	color: #333;
	line-height: 14px;
	word-break: keep-all
}

.txt-list>li:first-child {
	margin-top: 0
}

.txt-list>li:before {
	content: '';
	position: absolute;
	top: 5px;
	left: 0;
	width: 2px;
	height: 2px;
	background-color: #3f3f3f
}

.txt-list04 {}
.txt-list04 > li {margin-top:15px;}
.txt-list04 > li:first-child {margin-top:0;}

.txt-list04 > li .sub-list03 {margin-left:5px;}
.txt-list04 > li .sub-list03 li {position:relative; margin-top:10px; padding-left:15px;}
.txt-list04 > li .sub-list03 li .number {position:absolute; left:0; top:0;}

.txt-list05 {}
.txt-list05 > li {position:relative; margin-top:10px; padding-left:15px;}
.txt-list05 > li .number {position:absolute; left:0; top:0;}

.sub-list04 {}
.sub-list04 li {position:relative; margin-top:5px; padding-left:8px;}
.sub-list04 li:before {content:'-' !important; position:absolute; top:0; left:0;}

.txt-list02 {
	padding: 10px 0;
}

.txt-list02>li {
	position: relative;
	margin-top: 10px;
	padding-left: 12px;
	font-size: 11px;
	color: #333;
	line-height: 14px;
	word-break: keep-all
}

.txt-list02>li:first-child {
	margin-top: 0
}

.txt-list02>li:before {
	content: '��' !important;
	position: absolute;
	top: -1px;
	left: 0;
}

.txt-list .sub-list>li {
	position: relative;
	margin-top: 7px;
	padding-left: 7px;
}

.txt-list .sub-list>li:before {
	content: '-';
	position: absolute;
	top: 0;
	left: 0;
}

.txt-list .sub-list02 {
	margin-left: 7px;
}

.txt-list .sub-list02 li {
	margin-top: 5px;
	padding-left: 10px;
}

.txt-list .sub-list02 li span {
	display: inline-block;
	text-indent: -10px;
}

.txt-list .red {
	color: #c8212f !important;
}

.txt-list .num {
	display: block;
}

.box-list {
	margin: 20px 10px;
	border: 2px solid #e1e1e1;
	border-radius: 5px
}

.box-list .title {
	display: block;
	padding: 7px 0;
	border-bottom: 1px solid #e1e1e1;
	font-size: 16px;
	color: #0d6fb8;
	font-weight: bold;
	text-align: center;
	background: rgb(255, 255, 255);
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(253, 253, 253, 1) 100%, rgba(249, 249, 249, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(253, 253, 253, 1) 100%, rgba(249, 249, 249, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%,
		rgba(253, 253, 253, 1) 100%, rgba(249, 249, 249, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',
		endColorstr='#f9f9f9', GradientType=0);
}

.box-list .txt-list {
	border-top: 0
}

.ol-list li {
	padding-left: 20px;
	text-indent: -12px
}

.dash-list li {
	padding-left: 10px;
	text-indent: -10px
}

.emph {
	padding-left: 10px;
	text-indent: -10px;
	font-size: 11px;
	color: #666666
}

.emph.cType02 {
	color: #b80d0d
}

.emph:before {
	content: '※'
}

.check-list {
	margin-top: -5px
}

.check-list:after {
	content: '';
	display: block;
	clear: both;
	height: 0
}

.check-list li {
	width: 50%;
	float: left;
	margin-top: 5px
}

.check-list li label {
	font-weight: normal;
	font-size: 11px;
	line-height: 14px
}

.check-list li.check-box input[class="inp-chk"]+label:after {
	top: -1px
}

/* text box */
.txt-wrap {
	margin: 0 10px;
	padding-top: 16px
}

.txt-wrap01 {
	padding-bottom: 20px
}

.txt-wrap01 .txt {
	font-size: 11px;
	color: #666;
	line-height: 15px
}

.txt-wrap01 .txt .txt {
	display: block;
	font-weight: normal;
	padding-top: 18px
}

.box-list+.txt-wrap {
	padding-top: 0
}

.txt-box {
	margin: 10px 10px 0;
	padding: 8px;
	background-color: #f1f1f1;
	border: 1px solid #e1e1e1
}

.txt-box p {
	font-size: 11px;
	color: #666
}

.txt-box.scroll {
	overflow-y: auto;
	overflow-x: hidden;
	height: 65px
}

.txt-box02 {
	padding: 10px 15px;
	border-top: 2px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1
}

.txt-box02 p {
	color: #666;
	font-size: 11px
}

.txt-box03 {
	border: 1px solid #0d6fb8;
	border-radius: 8px
}

.txt-box03 .box-tit {
	padding: 13px;
	font-size: 13px;
	color: #666666;
	font-weight: bold
}

.txt-box03 .info-icon-wrap .info-icon {
	top: 50%;
	right: 14px;
	margin-top: -6px
}

.txt-box03 .box-cont {
	padding: 13px
}

.txt-box04 {
	
}

.txt-box04 .box-cont {
	border-bottom: 2px solid #f1f1f1
}

.txt-box04 .box-cont:after {
	display: block;
	content: "";
	border-bottom: 1px solid #e1e1e1
}

.txt-box04 .box-cont .bull-txt {
	padding: 2px 0 15px 7px;
	margin: 0 15px;
	color: #666
}

.txt-box04 .box-cont .bull-txt:before {
	background-color: #666
}

.txt-box04 .box-cont.last {
	border-bottom: 0
}

.txt-box04 .box-cont.last:after {
	display: none
}

.txt-box04 .title-wrap {
	margin: 0
}

.layer-pop .txt-box04 .box-cont:last-child {
	border-bottom: 0
}

.layer-pop .txt-box04 .box-cont:last-child:after {
	border-bottom: 0
}

.layer-pop .txt-box04 .box-cont .tit {
	margin: 0 15px;
	font-weight: bold;
	font-size: 16px
}

.txt-box05 {
	
}

.txt-box05 .box-cont {
	padding: 6px 15px 11px
}

.txt-box05 .box-cont .tit {
	font-weight: bold;
	font-size: 13px
}

.txt-box05 .box-cont .bull-txt {
	margin-top: 2px;
	font-size: 13px;
	color: #666
}

.txt-box05 .box-cont .bull-txt:before {
	background-color: #666
}

.info-box {
	padding-bottom: 15px;
	border-bottom: 1px solid #e1e1e1;
	box-shadow: 0 4px 0 0 #f1f1f1
}

.info-box .title-wrap {
	margin: 0
}

.info-box .detail {
	padding-left: 15px;
	font-size: 11px;
	color: #666666
}

.info-box.type02 {
	padding: 5px 15px 0;
	border: 0 none;
	box-shadow: none
}

.info-wrap {
	border-bottom: 2px solid #f1f1f1
}

.info-wrap .txt-list {
	margin-left: 15px;
	padding-top: 0;
	border-top: 0
}

.desc-wrap {
	margin: 0 10px;
	padding: 10px 0
}

.desc {
	font-weight: bold;
	font-size: 11px;
	color: #666
}

.desc02 {
	font-size: 11px;
	color: #666
}

.notice-box {
	margin-bottom: 20px;
}

.notice-box .tit {
	display: block;
	padding-left: 20px;
	background: url(../img/ico/ico_notice.png) 0 50% no-repeat;
	background-size: 16px 16px;
	color: #333;
	font-size: 13px;
}

.notice-box .txt {
	margin-top: 10px;
	padding-left: 20px;
	color: #555;
	font-size: 13px;
	word-break: keep-all;
}

/* 이용약관 및 개인정보 box */
.agree-area {
	padding: 0 10px 20px;
	border-bottom: 2px solid #f1f1f1
}

.agree-area .txt-box {
	margin: 0 0 10px
}

.agree-area .agree-chk {
	overflow: hidden
}

.agree-area .agree-chk .check-box {
	float: left;
	width: 50%
}

.agree-area dl dt {
	margin-top: 24px;
	font-size: 11px;
	color: #666;
}

.agree-area dl dd {
	margin-top: 12px;
	font-size: 11px;
	color: #666;
}

.agree-area ul,.agree-area ol {
	margin-top: 12px;
}

.agree-area ul li:first-child,.agree-area ol li:first-child {
	margin-top: 0;
}

.agree-area ul li,.agree-area ol li {
	margin-top: 12px;
	font-size: 11px;
	color: #666;
}

/* form */
.input-wrap .label {
	font-size: 11px
}

.input-wrap .input-row:after {
	display: block;
	content: "";
	clear: both
}

.input-wrap .sel-row span,.input-wrap .input-row span {
	display: inline-block;
	width: 4%;
	margin: 0 -5px;
	color: #e1e1e1;
	text-align: center
}

.input-wrap .input-cel01 select {
	width: 100%
}

.input-wrap .input-cel03 select {
	width: 30%
}

.input-wrap .input-cel03 input {
	width: 31%
}

.input-wrap .sel-row span.txt,.input-wrap .input-row span.txt {
	width: 5%;
	font-size: 11px;
	color: #666;
	text-align: center
}

.input_row {
	margin-bottom: 10px
}

.input-row+.btn-area {
	padding: 10px 0 20px
}

input[type=text].inp-type02:first-child {
	float: left
}

input[type=text].inp-type02 {
	width: 49%;
	text-align: right;
	float: right
}

input[type=text].inp-type03 {
	width: 66%
}

input[type=text].inp-type04 {
	width: 97%
}

input[type=text].inp-type05 {
	width: 93%
}

.form-area .form-box {
	margin: 0 10px;
	padding-bottom: 20px
}

.form-area .input-wrap {
	padding-top: 10px
}

.form-area .input-wrap .label {
	display: block;
	padding-bottom: 5px
}

.form-area .input-wrap .label .mark {
	display: inline-block;
	margin-right: 2px
}

.form-area .input-wrap .radio-wrap {
	text-align: center
}

.form-area .input-wrap .radio-wrap .radio-box {
	float: none;
	margin: 0 26px
}

.form-area .input-wrap .radio-wrap .txt-wrap {
	margin: 0;
	text-align: left
}

.form-area .input-wrap .radio-wrap .txt-wrap .bull-txt {
	margin-top: 0
}

.form-area .inquiry {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 20px
}

.form-area a.inquiry {
	padding: 8px 20px;
	height: auto
}

.form-area .inquiry.small {
	padding: 0 12px
}

.form-area .input-row.input-btn {
	position: relative;
	padding-right: 90px
}

.email-wrap .sel-row.input-cel02 select,.email-wrap .sel-row.input-cel02 input
	{
	width: 47%
}

.email-wrap .sel-row span {
	width: 6%
}

.addr-form {
	margin-bottom: 20px;
	padding: 20px 0 0;
	border-bottom: 2px solid #e1e1e1;
}

.roadSearch ul {
	margin-bottom: 15px;
}

.roadSearch ul li {
	margin-top: 5px;
}

.roadSearch ul .roadName {
	position: relative;
	overflow: hidden;
}

.roadSearch ul .roadName label {
	display: inline-block;
	width: 50px;
	font-size: 12px;
	color: #666;
	line-height: 37px;
}

.roadSearch ul .roadName p {
	position: absolute;
	top: 0;
	left: 55px;
	right: 55px;
}

.roadSearch ul .roadName button {
	float: right;
	display: inline-block;
	width: 50px;
	background-color: #0d6fb8;
	color: #fff;
	line-height: 37px;
	border-radius: 5px;
}

.roadSearch02 ul li {
	overflow: hidden;
	position: relative;
}

.roadSearch02 ul li label {
	display: block;
	margin-bottom: 5px;
	font-size: 12px;
	color: #666;
}

.roadSearch02 ul li p {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 55px;
}

.roadSearch02 ul li button {
	float: right;
	display: inline-block;
	width: 50px;
	background-color: #0d6fb8;
	color: #fff;
	line-height: 37px;
	border-radius: 5px;
}

.roadView {
	margin-bottom: 5px;
	padding-bottom: 20px;
	border-bottom: 2px solid #e1e1e1;
}

.roadView p {
	font-size: 12px;
}

.roadView .newRoad {
	margin-top: 5px;
	border: 1px solid #e1e1e1;
}

.roadView .newRoad dt {
	padding: 5px;
	background-color: #f1f1f1;
	font-size: 12px;
	border-bottom: 1px solid #e1e1e1;
}

.roadView .newRoad dd {
	padding: 5px 5px 5px 10px;
	font-size: 12px;
}

.addrsCheck dl dt {
	margin: 10px 0 5px;
}

.addrsCheck dl dd input {
	margin: 5px;
}

/* form-area01 */
.form-area01 {
	margin-bottom: 20px;
	padding-top: 15px
}

.form-area01 .input-row {
	margin-bottom: 10px
}

.form-area01 .input-row:after {
	display: block;
	content: "";
	clear: both
}

/* form-area03 type02 */
.form-area03.type02 .form-box {
	margin: 20px 0
}
.form-area03.type02 .form-box.type2 {
	border-bottom: 2px solid #e1e1e1;
	margin: 0 0 20px 0;
	padding: 20px 0;
}

.form-area03.type03 .form-box.type2 {
	border-bottom: 2px solid #e1e1e1;
	margin: 0;
	padding: 20px 0;
}

.form-area03.type03+.detail-table-area {
	margin-bottom: 0
}
.form-area03.type02 .search-wrap {
	padding: 0 14px;
	background-color: #fff
}

.form-area03.type02 .search-wrap .search-select {
	width: 100%;
}

.form-area03.type02 .search-wrap .search-select .select-cont {
	float: left;
	width: 32%;
	margin-left: 2%;
}

.form-area03.type02 .search-wrap .search-select .select-cont:first-child
	{
	margin-left: 0;
}

.form-area03.type02 .search-wrap .search-input .input-cont {
	margin-left: 0
}

.form-area03.type02 .search-wrap .search-input {
	width: 100%;
	margin-top: 5px;
}

.form-area03.type02 .search-wrap .btn-search-cont {
	position: absolute;
	top: 1px;
	right: 1px;
	display: inline-block
}

.form-area03.type02 .search-wrap .btn-search-cont {
	padding-left: 4px;
	width: 27px
}

.form-area03.type02 .search-wrap .btn-search-cont button {
	height: 29px;
}

.form-area03.type02 .search-wrap .btn-search-cont.detail-btn {
	position: relative;
	padding: 0 0 0 10px;
	width: 42px
}

.form-area03.type02 .search-wrap .btn-search-cont.detail-btn:before {
	content: '';
	display: block;
	position: absolute;
	top: 7px;
	left: 0;
	width: 2px;
	height: 18px;
	background-color: #e1e1e1;
	border-radius: 1px
}

.form-area03.type02 .search-wrap .btn-search-cont .type06 {
	font-size: 11px;
	font-weight: bold;
	color: #272727;
	line-height: 31px
}

.form-area03.type02 .search-wrap select,.form-area03.type02 .search-wrap input
	{
	height: 31px;
	line-height: 31px
}

.form-area03.type02 .search-wrap input {
	border: 1px solid #0d6fb8
}

/* form-area03 type03 */
.form-area03.type03 .form-box {
	margin: 20px 0
}

.form-area03.type03 .search-wrap {
	padding: 0 14px;
	background-color: #fff
}

.form-area03.type03 .search-wrap .search-input .input-cont {
	margin-left: 0
}
.form-area03.type03 .search-wrap .search-input {
	width: 68%
}

.form-area03.type03 .search-wrap .search-btn {
	width: 32%
}
.form-area03.type03 .search-wrap .btn-search-cont {
	position: relative;
	top: 0;
	right: 0;
	display: inline-block
}

.form-area03.type03 .search-wrap .btn-search-cont {
	padding-left: 4px;
	width: 27px
}
.form-area03.type03 .search-wrap .btn-search-cont.detail-btn {
	position: relative;
	padding: 0 0 0 10px;
	width: 47px;
}
.form-area03.type03 .search-wrap .btn-search-cont.detail-btn:before {
	content: '';
	display: block;
	position: absolute;
	top: 7px;
	left: 0;
	width: 2px;
	height: 18px;
	background-color: #e1e1e1;
	border-radius: 1px
}

.form-area03.type03 .search-wrap .btn-search-cont .type06 {
	font-size: 11px;
	font-weight: bold;
	color: #272727
}

.form-area03.type03 .search-wrap input {
	height: 31px;
	line-height: 31px
}

.form-area03.type03 .search-wrap input {
	border: 1px solid #0d6fb8
}

/* search-form */
.search-form {
	margin-bottom: 20px
}

.tab-cont>.search-form {
	margin: 20px 0 0
}

.search-wrap {
	padding: 7px 14px;
	background-color: #f1f1f1
}

.search-wrap:after {
	display: block;
	content: "";
	clear: both
}

.search-wrap>div {
	float: left
}
.search-wrap.pre005 {padding:0; background-color:inherit;}
.search-wrap.pre005 .search-select {width:100%;}
.search-wrap.pre005 .select-cont {float:left; margin-left:1%;}
.search-wrap.pre005 .select-cont:first-child {margin-left:0;}
.search-wrap.pre005 .select-cont.b1,
.search-wrap.pre005 .select-cont.b2 {width:30%}
.search-wrap.pre005 .select-cont.b3 {width:38%}
.search-wrap select,.search-wrap input {
	border: none;
	border-radius: 0;
	padding: 0 0 0 4px;
	width: 100%;
	height: 33px;
	font-size: 11px;
	background-color: #fff;
	border: 1px solid #e1e1e1
}

.search-wrap button {
	border: none;
	border-radius: 0;
	padding: 0;
	width: 100%;
	height: 31px;
	background-color: #fff
}

.search-wrap select option {
	padding: 5px 0
}

.search-wrap .search-input+.btn-area {
	padding: 0
}
.search-wrap .search-select {
	width: 20%
}

.search-wrap .search-input {
	width: 80%
}

.search-wrap .search-select.ty02 {
	float: left;
	width: 30%
}

.search-wrap .search-input.ty02 {
	float: left;
	width: 70%
}
.search-wrap .search-input.ty03 {
	width: 100%
}

.search-wrap .search-input.ty03 .input-cont {
	margin-left: 0
}

.search-wrap .search-select.ty04 .select-cont {
	width: 49% !important;
}
.search-wrap .search-input .input-cont {
	position: relative;
	margin-left: 7px;
	background-color: #fff
}

.search-wrap .search-input:after {
	display: block;
	content: "";
	clear: both
}

.search-wrap input[type=text].inp-type04 {
	padding-right: 27px;
	width: 100%
}

.search-wrap .input-row {
	float: left;
	width: 100%
}

.search-wrap .btn-search-cont {
	display: block;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 27px;
	height: 31px
}

.search-wrap .btn-search-cont .type05 {
	background: url(../img/btn/btn_search.gif) center no-repeat;
	background-size: 27px 31px
}

.search-cont.type02 {
	margin: 20px 0 0
}

.search-cont.type02 .search-box {
	background-color: #fff
}

.search-wrap .search-input.ty03 {
	position: relative;
}

.search-wrap .search-input.ty03 .input-cont {
	position: absolute;
	left: 0;
	right: 60px;
	background-color: #fff;
}

.search-wrap .search-input.ty03 .btn-search {
	float: right;
	width: 55px;
	background-color: #0d6fb8;
	font-size: 12px;
	color: #fff;
}

.sale-search {
	position: relative;
	height: 33px;
	margin: 20px 0;
	padding: 0 10px
}

.sale-search .search-box {
	width: 100%
}

.sale-search .select-cont {
	position: absolute;
	top: 0;
	left: 10px;
	right: 78px;
	padding-right: 28px
}

.sale-search .select-cont select {
	border: 1px solid #0d6fb8
}

.sale-search .select-cont .btn-search {
	position: absolute;
	top: 1px;
	right: 1px;
	width: 27px;
	height: 31px
}

.sale-search .select-cont .btn-search .type05 {
	background: url(../img/btn/btn_search.gif) center no-repeat;
	background-size: 27px 31px
}

.sale-search .detail-search {
	position: relative;
	float: right;
	width: 58px;
	height: 33px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 11px;
	line-height: 33px;
	box-sizing: border-box
}

.sale-search .detail-search:before {
	content: '';
	position: absolute;
	top: 7px;
	left: 0;
	width: 2px;
	height: 18px;
	background-color: #e1e1e1;
	border-radius: 5px
}

.sale-search.ty02 {
	position: relative;
	height: 33px;
	margin-top: 20px;
	padding: 0 10px
}

.sale-search.ty02 .search-box {
	width: 100%
}

.sale-search.ty02 .select-cont {
	float: left;
	width: 70px
}

.sale-search.ty02 .search-area {
	position: absolute;
	top: 0;
	left: 90px;
	right: 78px
}

.sale-search.ty02 .search-area .search-input {
	margin-left: 0;
	padding-right: 28px
}

.sale-search.ty02 .search-area input {
	border: 1px solid #0d6fb8
}

.sale-search.ty02 .detail-search {
	position: relative;
	float: right;
	width: 58px;
	height: 33px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 11px;
	line-height: 33px;
	box-sizing: border-box
}

.sale-search.ty02 .detail-search:before {
	content: '';
	position: absolute;
	top: 7px;
	left: 0;
	width: 2px;
	height: 18px;
	background-color: #e1e1e1;
	border-radius: 5px
}

/* 체크박스 & 라디오 버튼 */
.check-box {
	display: inline-block
}

.check-box input[class="inp-chk"] {
	display: none
}

.check-box label {
	position: relative;
	padding-left: 17px;
	font-size: 13px;
	font-weight: bold;
	color: #666;
	cursor: pointer
}

.check-box input[class="inp-chk"]+label:after {
	content: '';
	position: absolute;
	top: 1px;
	left: 0;
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: #fff;
	border: 2px solid #ccc;
	border-radius: 3px;
	cursor: pointer
}

.check-box input[class="inp-chk"]:checked+label:after {
	content: '\2714';
	font-size: 11px;
	line-height: 12px;
	color: #0d6fb8;
	border: 2px solid #0d6fb8
}

.radio-box {
	
}

.radio-box input[type="radio"] {
	display: none
}

.radio-box label {
	position: relative;
	display: inline-block;
	padding-left: 15px;
	font-size: 12px;
	color: #666;
	cursor: pointer;
	letter-spacing: -1px
}

.radio-box input[type="radio"]+label:after {
	content: '';
	position: absolute;
	top: 3px;
	left: 0;
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url(../img/bg/bg_radio.png) 0 0 no-repeat;
	background-size: 12px 36px
}

.radio-box input[type=radio]:checked+label {
	color: #0d6fb8
}
.radio-box input[type=radio]:disabled+label:after {
	background-position:0 -24px;
}

.radio-box input[type=radio]:checked+label:after,.radio-box input[type=radio].on+label:after {
	background-position: 0 -12px
}

.reload {
	padding-left: 15px;
	background: url(../img/ico/reload.png) 0 0 no-repeat;
	background-size: 10px 12px;
	color: #999
}

.more-view {
	display: inline-block;
	padding-left: 20px;
	background: url(../img/ico/more_view.png) 0 50% no-repeat;
	background-size: 12px;
	font-size: 12px;
	color: #999
}

.inquiry {
	float: right;
	height: 37px;
	background: #f6f6f4;
	padding: 0 10px;
	color: #333;
	font-size: 13px;
	font-weight: bold;
	color: #272727;
	border: 1px solid #e3e3e3;
	border-bottom: 1px solid #7f7f7f;
	border-radius: 3px;
	box-sizing: border-box
}

input.inquiry {
	height: 37px
}

.select-wrap select {
	display: block;
	width: 100%
}

.select-wrap+.select-wrap {
	margin-top: 5px
}

.radio-list {
	margin-top: -5px
}

.radio-list:after {
	content: '';
	display: block;
	clear: both;
	height: 0
}

.radio-list li {
	width: 50%;
	float: left;
	margin-top: 5px
}

.radio-list.cell-w1 li {
	width: 100%
}

.radio-list.cell-w2 li {
	width: 50%
}

.radio-list.cell-w3 li {
	width: 33.333%
}

/* 검색결과 + 검색 select */
.result-box {
	overflow: hidden;
	padding: 15px 5px 10px
}

.result-box .result {
	font-size: 11px;
	color: #666;
	line-height: 25px
}

.result-box .result .num {
	color: #b80d0d;
	font-weight: bold
}

.result-box .select-box {
	float: right
}

.result-box .select-box select {
	width: 90px;
	height: 25px;
	font-size: 11px;
	border-radius: 0
}

/* btn-area */
.btn-area {
	padding: 20px 0;
	text-align: center
}

.btn-area:after {
	display: block;
	content: "";
	clear: both
}

.btn-round {
	display: inline-block;
	height: 36px;
	margin-left: 5px;
	padding: 0 43px;
	border: 1px solid #0d6fb8;
	font-size: 13px;
	font-weight: 500;
	text-align: center;
	line-height: 36px;
	border-radius: 30px;
	box-sizing: border-box
}

.btn-round:first-child {
	margin-left: 0
}

.btn-round.type01 {
	background-color: #0d6fb8;
	color: #fff
}

.btn-round.type02 {
	color: #0d6fb8;
	background-color: #fff
}

.btn-round.type03 {
	border: 1px solid #999;
	background-color: #999;
	color: #fff
}

.btn-round.type04 {
	border: 1px solid #77b627;
	background-color: #77b627;
	color: #fff
}

.btn-round {
	
}

.btn-round.type05 {
	position: relative;
	width: 10px;
	height: 9px;
	padding: 0;
	border: 0;
	border-radius: 0;
}

.btn-round.type05:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 10px;
	height: 9px;
	background: url(../img/ico/splite_ico.png) 0 -93px no-repeat
}

.btn-round.small {
	height: 24px;
	padding: 0 18px;
	line-height: 24px
}

.btn-round.type01.big,.btn-round.type03.big {
	padding: 0 52px;
	font-size: 16px
}

.btn-round.type02.big {
	width: 140px;
	height: 48px;
	padding: 8px 0;
	font-size: 16px;
	line-height: 16px
}

.txtarea-box .btn-round.type01.big {
	margin-left: 13px
}

.btn-area.btn2 {
	padding: 22px 14px
}

.btn-area.btn2:after {
	content: '';
	display: block;
	clear: both;
	height: 0
}

.btn-area.btn2 div {
	float: left;
	width: 50%;
	padding: 0 7px;
	box-sizing: border-box
}

.btn-area.btn2 div:first-child {
	padding-left: 0
}

.btn-area.btn2 div:last-child {
	padding-right: 0
}

.btn-area.btn2 .btn-round {
	display: block;
	width: 100%;
	padding: 0
}

.btn-line {
	display: inline-block;
	padding: 0 45px;
	line-height: 36px;
	border: 1px solid #0d6fb8;
	border-radius: 18px;
	color: #0d6fb8;
	font-size: 16px;
	font-weight: bold
}

.emph+.btn-line {
	margin-top: 10px
}

.btn-right {
	text-align: right
}

.btn-type01 {
	position: relative;
	width: 104px;
	height: 24px;
	border: 1px solid #e1e1e1;
	font-weight: bold;
	font-size: 11px;
	color: #999;
	text-align: center;
	border-radius: 4px;
	box-sizing: border-box
}

.btn-type01.btn-plus span,.btn-type01.btn-minus span {
	position: relative;
	padding-left: 15px;
}

.btn-type01 span:after {
	display: block;
	content: "";
	position: absolute;
	top: 2px;
	left: 0;
	width: 9px;
	height: 9px;
	background: url(../img/ico/ico_plus_18x18.png) no-repeat;
	background-size: 100% 100%
}

.btn-type01.btn-plus {
	
}

/* fixed button */
.contents.fix-btn {
	padding-bottom: 70px
}

.fix-btn-wrap {
	position: fixed;
	left: 0;
	bottom: 10px;
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box
}

.fix-btn-wrap .fix-btn-area {
	width: 100%
}

.fix-btn-area li {
	float: left;
	width: 50%
}

.fix-btn-area li:first-child .btn {
	margin-left: 0
}

.fix-btn-area li .btn {
	display: block;
	height: 40px;
	margin-left: 10px;
	padding: 0 13px 0 28px;
	font-size: 13px;
	font-weight: bold;
	color: #666;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	line-height: 40px;
	letter-spacing: -1px;
	text-align: center;
	box-sizing: border-box;
	background: #fff;
	background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 100%);
}

.fix-btn-area li:first-child .btn span {
	padding-left: 18px
}

.fix-btn-area li .btn span {
	position: relative;
	padding-left: 23px
}

.fix-btn-area li:first-child .btn span:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -7px;
	display: block;
	width: 16px;
	height: 14px;
	background: url(../img/ico/ico_sales_info_btn01.png) right center
		no-repeat;
	background-size: 16px 14px
}

.fix-btn-area li .btn span:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -7px;
	display: block;
	width: 16px;
	height: 14px;
	background: url(../img/ico/ico_sales_info_btn02.png) right center
		no-repeat;
	background-size: 16px 14px
}

/* 지도/인근편의시설 찾기 버튼 */
.btn-area .btn-gps {
	display: block;
	width: 90%;
	height: 40px;
	margin: 0 auto;
	border: 1px solid #d1d1d1;
	border-radius: 3px;
	font-weight: bold;
	background: #fff;
	background: -moz-linear-gradient(top, #ffffff 0%, #efefed 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%, #efefed 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #efefed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',
		endColorstr='#efefed', GradientType=0);
}

.btn-area .btn-gps span {
	display: inline-block;
	padding-left: 20px;
	background: url(../img/ico/ico_gps.png) 0 center no-repeat;
	background-size: 12px 14px;
	font-size: 13px;
	color: #666;
	line-height: 40px
}

.btn-download {
	font-size: 12px;
	color: #666
}

.btn-normal {
	display: inline-block;
	height: 17px;
	padding: 0 10px;
	font-weight: bold;
	color: #333;
	font-size: 11px;
	text-align: center;
	line-height: 17px;
	border: 1px solid #d1d1d1;
	border-radius: 3px;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #efefed 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%, #efefed 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #efefed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',
		endColorstr='#efefed', GradientType=0);
}

/* allow style */
.bg-allow {
	height: 4px;
	background: #0e598f url(../img/ico/ico_myp_arrow_small.png) 50% center
		no-repeat;
	background-size: 5px;
	border-bottom: 1px solid #2b6fa2;
	box-shadow: 0 3px 3px #ccc;
	z-index: 500
}

/* icon */
.tbl-wrap td.info-icon-wrap .info-icon {
	top: 14px
}

.tbl-wrap td.info-icon-wrap.won .info-icon {
	top: 50%;
	margin-top: -7px
}

.ico-new {
	display: inline-block;
	margin-right: 4px;
}

.ico-new:before {
	display: inline-block;
	content: "N";
	padding: 3px 2px 3px 2px;
	height: 6px;
	border-radius: 2px;
	font-weight: bold;
	font-size: 10px;
	color: #fff;
	line-height: 6px;
	background-color: #ffda0c;
}

/* table */
.tbl-wrap {
	position: relative;
	width: 100%;
	margin-bottom: 15px;
	background-color: #fff
}

.tbl-wrap+.tbl-wrap {
	margin-bottom: 10px
}

.tbl-wrap table.txtC {
	
}

.tbl-wrap table.txtC thead th,.tbl-wrap table.txtC tbody td {
	text-align: center
}

/* tbl-style01 */
.tbl-wrap .tbl-style01 {
	border-top: 2px solid #0d6fb8;
	border-bottom: 1px solid #0d6fb8
}

.tbl-wrap .tbl-style01 tbody th,.tbl-wrap .tbl-style01 tbody td {
	padding: 10px 0 10px 15px;
	font-size: 12px;
	text-align: left;
	border-top: 1px solid #ccc
}

.tbl-wrap .tbl-style01 tbody th {
	background-color: #ececec
}

.tbl-wrap .tbl-style01 tbody tr:first-child th,.tbl-wrap .tbl-style01 tbody tr:first-child td
	{
	border-top: 0
}

/* tbl-style02 */
.tbl-wrap .tbl-style02 {
	border-top: 2px solid #0d6fb8;
	border-bottom: 1px solid #0d6fb8
}

.tbl-wrap .tbl-style02 thead th {
	padding: 7px 0 7px 10px;
	background-color: #ececec;
	font-size: 11px;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

.tbl-wrap .tbl-style02 thead th:first-child {
	border-left: 0
}

.tbl-wrap .tbl-style02 tbody th,.tbl-wrap .tbl-style02 tbody td {
	padding: 7px 0 7px 10px;
	font-size: 11px;
	color: #666;
	text-align: left;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	word-wrap: break-word
}

.tbl-wrap .tbl-style02 tbody th:first-child,.tbl-wrap .tbl-style02 tbody td:first-child {
	border-left: 0
}
.tbl-wrap .tbl-style02 tbody th {
	background-color: #ececec
}
.tbl-wrap .tbl-style02 th.txtC,.tbl-wrap .tbl-style02 td.txtC {
	padding: 7px 0 !important;
	text-align: center
}
.tbl-style02.bd-style {
	border-top: 0 none
}

.tbl-style02.bd-style tr:first-child th,.tbl-style02.bd-style tr:first-child td
	{
	border-top: 0 none
}

.tbl-style02.type02 {
	border-top: 1px solid #0d6fb8
}

.tbl-style02.type02 tbody th {
	padding: 7px 2px;
	background-color: #fff;
	text-align: center
}

.tbl-style02.type02 tbody td {
	padding-left: 5px
}

.tbl-wrap.video .tbl-style02 tbody td {padding-right:10px; border:1px solid #ccc;}
.tbl-wrap.video .tbl-style02 tbody tr:first-child td:first-child,
.tbl-wrap.video .tbl-style02 tbody tr:nth-child(5) td:first-child{border-left:0}

/* tbl-style03 */
.tbl-wrap .tbl-style03 {
	border-top: 2px solid #e1e1e1
}

.tbl-wrap .tbl-style03 tbody th,.tbl-wrap .tbl-style03 tbody td {
	position: relative;
	padding: 10px 0 10px 15px;
	font-size: 12px;
	text-align: left;
	border-bottom: 1px solid #ccc
}

.tbl-wrap .tbl-style03 tbody th:after {
	content: '';
	position: absolute;
	width: 1px;
	height: 10px;
	top: 50%;
	right: 0;
	margin-top: -5px;
	background: #ccc
}
.tbl-wrap .tbl-style03 tbody tr:first-child th,.tbl-wrap .tbl-style03 tbody tr:first-child td
	{
	border-top: 0
}

/* tbl-style04 */
.tbl-wrap .tbl-style04 {
	border-top: 2px solid #ccc;
	border-bottom: 1px solid #e0e0e0
}

.tbl-wrap .tbl-style04 thead th,.tbl-wrap .tbl-style04 thead td {
	padding: 10px 0 10px 10px;
	font-size: 11px;
	color: #666;
	text-align: left;
	border-top: 1px solid #ccc;
	letter-spacing: -1px
}

.tbl-wrap .tbl-style04 thead th {
	background-color: #ececec;
	border-bottom: 1px solid #e0e0e0
}

.tbl-wrap .tbl-style04 tbody th,.tbl-wrap .tbl-style04 tbody td {
	padding: 10px 0 10px 10px;
	font-size: 11px;
	text-align: left;
	border-top: 1px solid #ccc
}

.tbl-wrap .tbl-style04 tbody th {
	color: #333;
	font-weight: bold
}

.tbl-wrap .tbl-style04 tbody td {
	color: #666
}

.tbl-wrap .tbl-style04 tbody tr:first-child th,.tbl-wrap .tbl-style04 tbody tr:first-child td
	{
	border-top: 0
}

.tbl-wrap .tbl-style04 tbody td .price {
	position: relative;
	padding-right: 80px
}

.tbl-wrap .tbl-style04 tbody td .btn-detail02 {
	position: absolute;
	top: 50%;
	right: 5px;
	height: 20px;
	margin-top: -10px;
	padding: 0 7px;
	font-weight: bold;
	color: #333;
	font-size: 11px;
	text-align: center;
	line-height: 20px;
	border: 1px solid #d1d1d1;
	background: #fff;
	background: -moz-linear-gradient(top, #ffffff 0%, #efefed 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%, #efefed 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #efefed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',
		endColorstr='#efefed', GradientType=0);
	border-radius: 3px;
}

.tbl-wrap .tbl-style04 tbody td .btn-detail02 span {
	display: inline-block;
	padding-right: 18px;
	background: url(../img/ico/ico_view02.png) right center no-repeat;
	background-size: 14px 14px;
	line-height: 18px;
	vertical-align: top
}

/* tbl-style05 */
.tbl-wrap .tbl-style05 {
	border-top: 2px solid #cecece;
	border-bottom: 1px solid #e0e0e0
}

.tbl-wrap .tbl-style05 thead th,.tbl-wrap .tbl-style05 thead td {
	padding: 10px 0 10px 10px;
	font-size: 11px;
	color: #666;
	text-align: left;
	border-top: 1px solid #ccc;
	letter-spacing: -1px
}

.tbl-wrap .tbl-style05 tbody th,.tbl-wrap .tbl-style05 tbody td {
	padding: 10px 0 10px 10px;
	font-size: 11px;
	color: #666;
	text-align: left;
	border-top: 1px solid #ccc;
	letter-spacing: -1px
}

.tbl-wrap .tbl-style05 thead th {
	background-color: #ececec;
	border-bottom: 1px solid #e0e0e0
}

.tbl-wrap .tbl-style05 tbody th {
	background-color: #ececec;
	border-right: 1px solid #e0e0e0;
	border-top: 1px solid #ccc;
	letter-spacing: -1px
}

.tbl-wrap .tbl-style05 tbody tr:first-child th,.tbl-wrap .tbl-style05 tbody tr:first-child td
	{
	border-top: 0
}

/* tbl-style06 */
.tbl-wrap .tbl-style06 {
	border-top: 2px solid #cecece;
	border-bottom: 1px solid #e0e0e0
}

.tbl-wrap .tbl-style06 thead th,.tbl-wrap .tbl-style06 tbody td {
	padding: 10px 0 10px 10px;
	font-size: 11px;
	color: #666;
	text-align: left;
	letter-spacing: -1px
}

.tbl-wrap .tbl-style06 thead th {
	border-left: 1px solid #e0e0e0;
	background-color: #ececec
}

.tbl-wrap .tbl-style06 tbody td {
	border-top: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0
}

.tbl-wrap .tbl-style06 thead tr th:first-child,.tbl-wrap .tbl-style06 tbody tr td:first-child
	{
	border-left: 0
}

/* tbl-style07 */
.tbl-wrap .tbl-style07 {
	font-size: 11px;
	text-align: center;
	border-top: 2px solid #cecece;
	border-bottom: 1px solid #e0e0e0;
	letter-spacing: -1px;
}

.tbl-wrap .tbl-style07 thead th {
	background-color: #ececec;
	padding: 10px 0;
	color: #666;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.tbl-wrap .tbl-style07 tbody th {
	background-color: #fff;
	padding: 10px 0;
	color: #666;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.tbl-wrap .tbl-style07 tbody td {
	padding: 10px 0;
	color: #666;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.tbl-wrap .tbl-style07 thead tr th:first-child,.tbl-wrap .tbl-style07 tbody tr th:first-child,.tbl-wrap .tbl-style07 tbody tr td:first-child
	{
	border-left: 0
}

/* .tel-info */
.tbl-style05 .tel-cont {
	margin-left: 20px
}

a.tel-info {
	position: relative;
	display: inline;
	padding-left: 20px;
	font-size: 12px;
	font-weight: bold;
	color: #1863af;
	letter-spacing: 0.5px
}

a.tel-info:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -8px;
	display: block;
	width: 16px;
	height: 16px;
	background: url(../img/ico/ico_tel.png) left center no-repeat;
	background-size: 16px
}

/* tbl other */
.tbl-wrap table td .txt-list {
	margin-left: 10px;
	padding: 0;
	border-top: none
}

.tbl-wrap table td .txt-list li {
	margin-top: 3px;
	color: #666666
}

.info-icon-wrap {
	
}

.info-icon-wrap .info-icon {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: #999999;
	border-radius: 6px;
	font-size: 10px;
	line-height: 12px;
	color: #ffffff;
	text-align: center;
	font-weight: normal;
}

.tbl-wrap td.info-icon-wrap .info-icon {
	top: 14px
}

.tbl-wrap td.info-icon-wrap.won .info-icon {
	top: 50%;
	margin-top: -7px
}

/* table-scroll-wrap */
.table-scroll-wrap {
	position: relative;
	padding-bottom: 15px
}

.table-scroll-wrap .tbl-style05 thead th:first-child {
	border-left: 0
}

.table-scroll-wrap .tbl-style05 tbody th:first-child,.table-scroll-wrap .tbl-style05 tbody td:first-child
	{
	border-left: 0
}

.table-scroll-wrap .table-scroll {
	position: absolute;
	top: 0;
	right: 0;
	overflow-x: scroll
} /* 왼쪽 테이블의 넓이에 따라 html페이지에서 inline style로 삽입 */
.table-scroll-wrap .table-fixed {
	width: 86px
}

.table-scroll.ty02 .tbl-style05 thead th {
	padding: 7px 0;
	text-align: center;
	height: inherit;
}

.table-scroll-wrap .table-fixed table thead th {
	height: 30px;
	line-height: 30px
}
.table-scroll-wrap .table-fixed table thead th.type02 {
	height: 61px;
	line-height: 60px
}
.table-scroll-wrap .tbl-style05 {
	border-top: 2px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	text-align: center
}

.table-scroll-wrap .tbl-style05 thead th {
	height: 30px;
	background-color: #ececec;
	font-size: 11px;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #ccc;
	line-height: 30px
}

.table-scroll-wrap .tbl-style05 thead th:first-child {
	border-right: 1px solid #cccccc
}

.table-scroll-wrap .table-fixed tbody th,.table-box .table-scroll tbody th
	{
	padding: 7px 10px;
	background-color: #ffffff;
	font-size: 11px;
	border-bottom: 1px solid #cccccc;
	line-height: 15px
}

.table-scroll-wrap .table-fixed tbody th.ty02,.table-box .table-scroll tbody th.ty02
	{
	padding: 7px 0;
}
.table-scroll-wrap .table-fixed .tbl-style05 tbody td {
	padding: 7px 0;
	font-size: 11px;
	color: #666;
	text-align: left;
	border-top: 1px solid #ccc;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #ccc;
	word-wrap: break-word;
	line-height: 15px;
	text-align: center
}

.table-scroll .tbl-style05 tbody td {
	padding: 7px 10px;
	font-size: 11px;
	color: #666;
	text-align: left;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	word-wrap: break-word;
	line-height: 15px;
	text-align: center
}

.table-scroll-wrap .table-scroll .tbl-style05 {
	border-right: 0 none
}

.table-scroll-wrap .table-scroll .tbl-style05 thead th:last-child {
	border-right: 0 none
}

/* 고정영역 없는 스크롤테이블 */
.table-fixed.ty02 {
	overflow-x: scroll;
	width: 100%;
}

.table-scroll-wrap .table-fixed.ty02 .tbl-style05 thead th {
	height: 100%;
	line-height: 15px;
}

.table-scroll-wrap .table-fixed.ty02 .tbl-style05 tbody td {
	border-left: 0
}

.table-scroll-wrap .table-fixed.ty02 .tbl-style05 tbody td:last-child,.table-scroll-wrap .table-fixed.ty02 .tbl-style05
	{
	border-right: 0;
}

.table-scroll-wrap .table-fixed table thead th.type03 {
	height: 45px !important;
	line-height: 45px !important;
}

/* tab-style */
.tab-wrap {
	margin: 0 10px
}

.tab-style01 {
	overflow: hidden;
	width: 100%;
	padding-top: 2px;
	background-color: #0d6fb8
}

.tab-style01 li {
	float: left;
	width: 50%;
	background-color: #f1f1f1
}

.tab-style01 li.tab01 {
	border-radius: 0 5px 0 0
}

.tab-style01 li.tab02 {
	border-radius: 5px 0 0 0
}

.tab-style01 li button {
	display: block;
	width: 100%;
	height: 37px;
	color: #999;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: -0.5px
}

.tab-style01 li button.font-normal {
	font-weight: normal
}

.tab-style01 li button span {
	font-size: 11px;
	font-weight: normal
}

.tab-style01 li.tab01.on button {
	background-color: #0d6fb8;
	color: #fff;
	border-radius: 0 0 5px 0
}

.tab-style01 li.tab02.on button {
	background-color: #0d6fb8;
	color: #fff;
	border-radius: 0 0 0 5px
}

.tab-style01 li.tab03.on button {
	background-color: #0d6fb8;
	color: #fff;
	border-radius: 0 0 0 5px
}

.tab1ea li {
	float: none;
	width: 100%;
	border-radius: 0 !important;
}

.tab1ea li button {
	border-radius: 0 !important;
}

.tab3ea li {
	width: 33.33%
}

.tab3ea li.tab02 {
	border-radius: 5px 5px 0 0
}

.tab3ea li.tab03 {
	border-radius: 5px 0 0 0
}

.tab3ea li.tab03.on button {
	background-color: #0d6fb8;
	color: #fff;
	border-radius: 0 0 0 5px
}

.tab3ea li.tab02.on button {
	background-color: #0d6fb8;
	color: #fff;
	border-radius: 0 0 5px 5px
}

.tab4ea li {
	width: 25%
}

.tab4ea li.tab02,.tab4ea li.tab03 {
	border-radius: 5px 5px 0 0
}

.tab4ea li.tab04 {
	border-radius: 5px 0 0 0
}

.tab4ea li.tab02.on button,.tab4ea li.tab03.on button {
	background-color: #0d6fb8;
	color: #fff;
	border-radius: 0 0 5px 5px
}

.tab4ea li.tab04.on button {
	background-color: #0d6fb8;
	color: #fff;
	border-radius: 0 0 0 5px
}

.tab6ea li {
	width: 33.33%
}

.tab6ea li.tab02 {
	border-radius: 5px 5px 0 0
}

.tab6ea li.tab03 {
	border-radius: 5px 0 0 0
}

.tab6ea li.tab03.on button {
	background-color: #0d6fb8;
	color: #fff;
	border-radius: 0 0 0 5px
}

.tab6ea li.tab02.on button {
	background-color: #0d6fb8;
	color: #fff;
	border-radius: 0 0 5px 5px
}

.tab6ea li.tab04,.tab6ea li.tab05,.tab6ea li.tab06 {
	margin-top: 2px;
}

.tab6ea li.tab04 {
	border-radius: 0 5px 0 0
}

.tab6ea li.tab05 {
	border-radius: 5px 5px 0 0
}

.tab6ea li.tab06 {
	border-radius: 5px 0 0 0
}

.tab6ea li.tab04.on button {
	background-color: #0d6fb8;
	color: #fff;
	border-radius: 0 0 5px 5px
}

.tab6ea li.tab05.on button {
	background-color: #0d6fb8;
	color: #fff;
	border-radius: 0 0 5px 5px
}

.tab6ea li.tab06.on button {
	background-color: #0d6fb8;
	color: #fff;
	border-radius: 0 0 0 5px
}

.tab-cont {
	position: relative;
	display: none
}

.tab-cont.active {
	display: block
}

.tab-cont .btn-area {
	padding: 22px 0
}

.tab2-view {
	display: none
}

.tab2-view.active {
	display: block
}

.rd-cont {
	display: none
}

.rd-cont.active {
	display: block
}

.tab-container-area.no-tab .tab-wrap:first-child {
	padding-top: 0
}

.tab-container-area.no-tab .tab-wrap {
	padding-top: 40px
}

.tab-container-area.no-tab .tab-view-container {
	margin: 0 10px
}

.tab-wrap.tab-swiper {
	
}

.tab-swiper .tab-view-container {
	position: relative;
	padding: 0 14px 15px 14px;
	border-bottom: 1px solid #e1e1e1
}

.tab-swiper .tab-view-container:last-child {
	border-bottom: 0 none
}

.tab-swiper .tab-cont {
	display: block;
	position: absolute;
	top: -99999px;
	left: -99999px;
	z-index: -10
}

.tab-swiper .tab-cont.active {
	position: relative;
	top: initial;
	left: initial;
	z-index: 100
}

/* accodion */
.acco-view,.acco-view-sup,.acco-view-question {
	display: none
}

.acco-view.active,.acco-view-sup.active,.acco-view-question.active {
	display: block
}

.acco-view .txt-wrap {
	margin: 0;
	padding: 0 0 10px
}

.acco-view .txt-wrap:after {
	content: '';
	display: block;
	clear: both
}

.acco-view .txt-wrap .info {
	float: right;
	font-size: 11px;
	color: #999;
	line-height: 13px
}

.acco-view .txt-wrap .bull-txt {
	float: left;
	line-height: 13px
}

/* =================================================================================================================
	login
================================================================================================================= */
.login-tab li.tab01 {
	width: 40%
}

.login-tab li.tab02 {
	width: 60%
}

.login-tab li button span {
	display: block
}

.login-box .txt-list {
	margin-top: 20px;
	padding: 20px 0 0
}

.form-area01.login-form {
	position: relative;
	margin-bottom: 20px;
	padding: 15px 0 56px
}

.form-area01.login-form .btn-area {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 15px 0 0;
	text-align: center;
	border-top: 1px solid #d7d7da
}

.form-area01.login-form .btn-area .btn-global {
	display: inline-block;
	width: 154px;
	height: 36px;
	color: #fff;
	font-size: 17px;
	font-weight: bold;
	background-color: #77b627;
	border-radius: 30px
}

.form-area01.login-form .bull-txt {
	margin-bottom: 15px
}

.form-area01.login-form .txt-list {
	margin: 0 0 15px;
	padding-top: 0;
	border: 0
}

.find-info {
	padding-bottom: 10px;
	text-align: center
}

.find-info .login-check {
	display: inline-block
}

.find-info .login-check input[class="inp-chk"] {
	display: none
}

.find-info .login-check label {
	position: relative;
	padding-left: 20px;
	font-size: 13px;
	color: #999;
	cursor: pointer
}

.find-info .login-check input[class="inp-chk"]+label:after {
	content: '';
	position: absolute;
	top: 1px;
	left: 0;
	display: inline-block;
	width: 11px;
	height: 11px;
	background-color: #fff;
	border: 2px solid #0d6fb8;
	border-radius: 3px;
	cursor: pointer
}

.find-info .login-check input[class="inp-chk"]:checked+label:after {
	content: '\2714';
	font-size: 11px;
	line-height: 12px;
	color: #0d6fb8
}

.find-info .find {
	position: relative;
	display: inline-block;
	padding-left: 25px;
	margin-left: 20px;
	font-size: 13px;
	color: #999
}

.find-info .find:before {
	content: '';
	position: absolute;
	top: 3px;
	left: 0;
	width: 1px;
	height: 13px;
	background-color: #b0b0b0
}

.find-info .find a {
	color: #999
}

.radio-wrap {
	overflow: hidden;
	margin-bottom: 15px;
	padding: 0 10px
}

.radio-wrap .radio-box:first-child {
	float: left
}

.radio-wrap .radio-box {
	float: right
}

.input-txt {
	margin-bottom: 15px
}

.input-txt input {
	display: inline-block;
	width: 48%
}

.input-txt.input-col03 input {
	width: 31%
}

.input-txt.input-col03 input:last-child {
	width: 30%
}

.input-txt span {
	display: inline-block;
	width: 4%;
	color: #e1e1e1;
	text-align: center
}

.link-join {
	display: inline-block;
	width: 47px;
	height: 17px;
	margin-left: 3px;
	font-weight: bold;
	color: #333;
	font-size: 11px;
	text-align: center;
	line-height: 17px;
	border: 1px solid #d1d1d1;
	border-radius: 3px;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #efefed 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%, #efefed 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #efefed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',
		endColorstr='#efefed', GradientType=0);
}

.link-join.big {
	padding: 0 40px;
	margin: 0;
	width: auto;
	height: 30px;
	font-size: 13px;
	font-weight: bold;
	color: #272727;
	line-height: 30px
}

.short-link {
	margin-top: 15px;
	text-align: right
}

.short-link .site-link {
	position: relative;
	padding-right: 27px;
	color: #999;
	font-weight: bold
}

.short-link .site-link:before {
	content: '';
	position: absolute;
	top: 4px;
	right: 0;
	width: 22px;
	height: 10px;
	background: url(../img/ico/ico_ct_link.png) no-repeat right center;
	background-size: 22px 10px
}

/* 아이디/비밀번호찾기 */
.form-area02.find-form fieldset:first-child {
	border-top: 0
}

.form-area02.find-form fieldset {
	border-top: 1px dotted #e1e1e1
}

.form-area02.find-form .title-wrap {
	margin: 0
}

.form-box .input-row:not (:nth-of-type(1) ) {
	margin-top: 10px
}

.form-box .bull-txt {
	margin-top: 11px
}

/* 회원가입 */
.join_progress {
	border-bottom: 1px solid #e1e1e1
}

.join_progress:after {
	display: block;
	clear: both;
	content: ""
}

.join_progress span {
	display: block;
	float: left;
	position: relative;
	height: 37px;
	font-weight: bold;
	font-size: 11px;
	color: #999;
	line-height: 37px;
	text-align: center;
	box-sizing: border-box;
	background: url(../img/bg/bg_join_step.png) no-repeat 100% -74px;
	background-size: 7px 111px
}

.join_progress span.step01 {
	width: 38%
}

.join_progress span.step02 {
	width: 34%
}

.join_progress span.step03 {
	width: 28%;
	background: none
}

.join_progress span.on {
	color: #fff;
	background-color: #666
}

.join_progress span.on:after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	right: -0;
	width: 7px;
	height: 37px;
	background: url(../img/bg/bg_join_step.png) no-repeat 100% 0;
	background-size: 7px 111px
}

.join_progress span.on:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: -7px;
	width: 7px;
	height: 37px;
	background: url(../img/bg/bg_join_step.png) no-repeat 100% -37px;
	background-size: 7px 111px
}

.join_progress span.step03.on:after {
	background: none
}

.cm-join .join-step-info {
	margin: 0 10px 20px
}

.join-step-info .step-tit {
	margin-bottom: 10px;
	font-size: 13px;
	font-weight: bold;
	color: #333
}

.join-step-info .step-box {
	display: flex;
	background-color: #f1f1f1;
	border: 1px solid #e1e1e1;
	text-align: center
}

.join-step-info .step-box:after {
	content: '';
	display: block;
	clear: both
}

.step-box>li {
	display: flex;
	align-items: center;
	float: left;
	width: 26%;
	height: 56px;
	padding-left: 10px;
	font-size: 11px;
	color: #666;
	background: url(../img/bg/bg_join_step02.png) left center no-repeat;
	background-size: 10px 58px;
	justify-content: center;
	letter-spacing: -1px;
	line-height: 14px
}

.step-box>li.first {
	width: 48%;
	padding-left: 0;
	background: none
}

.step-box.ty02 li {
	width: 25%;
}

.step-box.ty03 li:first-child {
	width: 30%;
}

.step-box.ty03 li {
	width: 17.5%;
}

.join-step-info .bull-txt {
	line-height: 14px
}

.cm-join .box-list .btn-area {
	padding-top: 0
}

.cm-join .btn-area .btn-round {
	width: 130px;
	padding: 0
}

.cm-join .info-txt {
	margin: 0 10px;
	font-size: 11px
}

.cm-join .tv-area-wrap {
	border-bottom: 1px solid #e1e1e1
}

.cm-join .short-link {
	margin: 10px 10px 0 10px
}

.cm-manage .tab_box {
	padding-top: 20px
}

.cm-manage .tab_box .form-area .form-box {
	margin: 0
}

.desc-wrap+.box-list {
	margin-top: 10px
}

.form-area.join-form {
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1
}

.form-area.join-form .input-wrap .radio-wrap {
	margin-bottom: 0;
	padding: 0
}

.workplace-detail .input-row.input-cel03 input {
	width: 25%
}

.workplace-detail .input-row.input-cel03 span.txt {
	width: 8%
}

.move-day .sel-row.input-cel03 .sel-type {
	width: 25%
}

.move-day .sel-row.input-cel03 span.txt {
	width: 8%
}

.workspace-list .tab-cont.cont01 {
	display: none
}

.workspace-list .tab-cont.cont01.active {
	display: block
}

.workspace-list .title-wrap {
	margin: 0;
	border-top: 1px solid #e1e1e1
}

.workspace-list .txt-list {
	padding: 20px 0
}

.tbl-wrap.site-guide-wrap {
	padding-top: 10px;
	margin: 0
}

.tbl-wrap.site-guide-wrap {
	
}

.tbl-wrap.site-guide-wrap .tbl-style04 tbody th,.tbl-wrap.site-guide-wrap .tbl-style04 tbody td
	{
	padding: 10px;
	line-height: 19px
}

.tbl-wrap.site-guide-wrap .link-join {
	float: right;
	margin-left: 0
}

/*---------------------------------------------------------------------------------------------------------
	mypage
---------------------------------------------------------------------------------------------------------*/
.mypage {
	padding-top: 20px
}

.mypage .box-list {
	margin: 0 0 15px
}

.mypage .box-list .txt-list {
	margin-top: 0;
	padding: 20px 10px
}

.serch-form {
	padding-top: 0
}

.bg-gray {
	background: #e1e1e1
}

.state-area {
	position: relative;
	padding: 15px 10px;
	background-color: #f7f7ed
}

.state-area dl {
	margin-bottom: 5px
}

.state-area dl dt {
	color: #0d6fb8;
	font-size: 16px;
	font-weight: bold
}

.state-area dl dd {
	color: #666;
	font-size: 11px;
	letter-spacing: -1px
}

.state-area dl dd .btn-logout {
	display: inline-block;
	height: 20px;
	margin-left: 5px;
	padding: 0 6px;
	background-color: #76b627;
	color: #fff;
	font-size: 11px;
	line-height: 22px;
	border-radius: 15px
}

.state-area p {
	color: #999;
	font-size: 11px;
	letter-spacing: -1px
}

.state-area .btn-certificate {
	position: absolute;
	top: 50%;
	right: 10px;
	width: 59px;
	height: 35px;
	margin-top: -30px;
	padding-top: 24px;
	background-color: #9b9b9b;
	color: #fff;
	font-size: 11px;
	text-align: center;
	border-radius: 50%
}

.state-area .btn-certificate:before {
	content: '';
	position: absolute;
	top: 6px;
	left: 50%;
	width: 15px;
	height: 18px;
	margin-left: -8px;
	background: url(../img/ico/splite_ico.png) -118px -30px no-repeat
}

.my-menu {
	margin-bottom: 20px;
	padding: 0 10px
}

.my-menu ul {
	overflow: hidden
}

.my-menu ul li {
	float: left;
	width: 33.33%
}

.my-menu ul li a {
	display: block;
	margin-left: 5px;
	border: 1px solid #e1e1e1;
	box-sizing: border-box;
	text-align: center
}

.my-menu ul li:first-child a {
	margin-left: 0
}

.my-menu ul li a span {
	color: #666;
	display: table;
	width: 100%
}

.my-menu ul li a span.tbl-cell span {
	display: table-cell;
	width: 100%;
	vertical-align: middle
}

.my-menu ul li a span.tbl-cell span.my-tit {
	font-size: 11px;
	height: 34px
}

.my-menu ul li a span.tbl-cell span.number {
	height: 60px;
	border-top: 1px solid #e1e1e1;
	font-size: 16px;
	font-weight: bold
}

.my-menu ul li a span.tbl-cell span.number>strong {
	font-size: 30px;
	color: #0d6fb8
}

.mypage-menu {
	margin-bottom: 20px;
	padding: 0 10px
}

.mypage-menu ul {
	overflow: hidden
}

.mypage-menu ul li {
	float: left;
	width: 50%;
	padding: 0 10px;
	box-sizing: border-box;
}

.mypage-menu ul li a {
	display: block;
	padding: 90px 0 10px;
	font-weight: bold;
	color: #666;
	font-size: 12px;
	text-align: center;
	background: url(../img/ico/myp_menu.png) no-repeat;
	border: 1px solid #e1e1e1;
	border-radius: 5px;
}

.mypage-menu ul li.menu1 a {
	background: url(../img/ico/myp_menu1.png) 50% 10px no-repeat;
	background-size: 56px
}

.mypage-menu ul li.menu2 a {
	background: url(../img/ico/myp_menu2.png) 50% 25px no-repeat;
	background-size: 52px
}

.mypage-menu ul li.menu3 a {
	background: url(../img/ico/myp_menu3.png) 50% 10px no-repeat;
	background-size: 55px
}

/* 마이페이지 하단 메뉴 */
/* mypage-menu */
.my-navi {
	width: 100%;
	border-bottom: 1px solid #e1e1e1
}

.my-navi ul li.depth {
	background: url(../img/ico/ico_arrow.png) 95% 23px no-repeat;
	background-size: 18px auto;
	border-top: 1px solid #e1e1e1
}

.my-navi ul li.depth .title {
	position: relative;
	display: block;
	padding-left: 60px;
	color: #f78642;
	font-size: 16px;
	font-weight: 500;
	line-height: 55px
}

.my-navi ul li.depth .title:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 15px;
	background: url(../img/ico/splite_ico.png) 0 0 no-repeat
}

.my-navi ul li.depth01 .title:before {
	width: 28px;
	height: 22px;
	margin-top: -11px;
	background-position: -14px 0
}

.my-navi ul li.depth02 .title:before {
	width: 30px;
	height: 22px;
	margin-top: -11px;
	background-position: -47px 0
}

.my-navi ul li.depth03 .title:before {
	width: 27px;
	height: 25px;
	margin-top: -12px;
	background-position: -80px 0
}

.my-navi ul li.depth04 .title:before {
	width: 22px;
	height: 23px;
	margin-top: -11px;
	background-position: -112px 0
}

.my-navi ul li.depth05 .title:before {
	width: 22px;
	height: 23px;
	margin-top: -11px;
	background-position: -138px 0
}

.my-navi ul li.depth06 .title:before {
	width: 27px;
	height: 25px;
	margin-top: -12px;
	background-position: -163px 0
}

.my-navi ul li.depth .two-depth {
	display: none
}

.my-navi ul li.depth .two-depth li a {
	display: block;
	padding-left: 60px;
	font-size: 14px;
	color: #fff
}

.my-navi.type02 ul li.depth .title {
	height: 45px;
	line-height: 45px;
	color: #666;
	background: url(../img/ico/ico_gray_arrow.png) 95% 18px no-repeat;
	background-size: 16px
}

.my-navi.type02 ul li.depth .title.close {
	background: url(../img/ico/ico_gray_close.png) 95% 18px no-repeat;
	background-size: 16px
}

.my-navi.type02 ul li.depth div.depth02 {
	display: none;
	position: relative;
	padding: 0 10px;
	border-bottom: 1px solid #0d6fb8
}

.my-navi.type02 ul li.depth div.depth02.active {
	display: block
}

.my-navi.type02 ul li.depth div.depth02 .bg-allow {
	margin: 0 -10px
}

.my-navi.type02 ul li.depth01 .title:before {
	width: 31px;
	height: 27px;
	margin-top: -11px;
	background-position: 0 -60px
}

.my-navi.type02 ul li.depth02 .title:before {
	width: 31px;
	height: 23px;
	margin-top: -11px;
	background-position: -40px -60px
}

.my-navi.type02 ul li.depth03 .title:before {
	width: 37px;
	height: 22px;
	margin-top: -11px;
	background-position: -80px -60px
}

.my-navi.type02 ul li.depth04 .title:before {
	width: 29px;
	height: 31px;
	margin-top: -11px;
	background-position: -120px -60px
}

.my-navi.type02 ul li.depth div.depth02 .box-list {
	margin: 20px 0
}

.my-navi.type03 ul li.depth {
	border-top: 0;
	border-bottom: 1px solid #ccc
}

.my-navi.type03 ul li.depth.open {
	background: url(../img/ico/ico_blue_close.png) right 25px no-repeat;
	background-size: 16px
}

.my-navi.type03 ul li.depth .title {
	padding-left: 0;
	height: 45px;
	line-height: 45px;
	font-size: 13px;
	font-weight: bold;
	color: #0d6fb8;
	background: url(../img/ico/ico_blue_arrow.png) right 18px no-repeat;
	background-size: 16px
}

.my-navi.type03 ul li.depth .title.close {
	background: url(../img/ico/ico_blue_close.png) 100% 50% no-repeat;
	background-size: 16px 2px
}

.my-navi.type03 ul li.depth div.depth02 {
	position: relative;
	border-bottom: 2px solid #0d6fb8
}

.my-navi.type03 ul li.depth div.depth03 {
	border-bottom: 2px solid #0d6fb8
}

.my-navi.type03 ul li.depth .title:before {
	background: none
}

.my-navi.type04 {
	border-top: 1px solid #e1e1e1
}

.my-navi.type04 li.depth:before {
	content: '';
	position: absolute;
	bottom: -3px;
	border-bottom: 2px solid #f1f1f1;
	width: 100%;
	height: 2px
}

.my-navi.type04 li.depth {
	position: relative;
	border-bottom: 1px solid #e1e1e1;
}

.my-navi.type04 li.depth .title:before {
	display: block;
	content: '';
	position: absolute;
	top: 28px;
	left: 0;
	width: 4px;
	height: 4px;
	background-color: #fff;
	border: 2px solid #333;
	border-radius: 50%
}

.my-navi.type04 li.depth .title {
	display: block;
	position: relative;
	margin: 0 14px;
	padding: 12px 0 12px 15px;
	font-size: 13px;
	font-weight: bold;
	color: #333;
	line-height: 1.5;
}

.my-navi.type04 li.depth .title:after {
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 9px;
	height: 17px;
	margin-top: -8px;
	background: url(../img/ico/ico_at_open.png) no-repeat;
	background-size: 9px 17px;
}

.my-navi.type04 li.depth .title.close:after {
	width: 12px;
	height: 2px;
	margin-top: -1px;
	background: url(../img/ico/ico_at_close.png) no-repeat;
	background-size: 12px 2px
}

.my-navi.type04 li.depth .title .bull-txt {
	display: block;
	margin: 4px 0 0 -12px;
	color: #666;
	font-weight: normal;
	line-height: 16px;
}

.my-navi.type04 li.depth .bull-txt:before {
	top: 6px;
}

.my-navi.type04 li.depth .depth02 .depth02-cont {
	padding: 0 15px 20px 14px
}
.my-navi.type04 li.depth03 {}
.my-navi.type04 li.depth03 .sub {
	margin: 0 14px;
}

.my-navi.type04 li.depth03 .sub .txt-wrap {
	margin-top: 10px;
}

.my-navi.type04 li.depth03 .sub .depth:before {
	content: none;
}

.my-navi.type04 li.depth03  .sub .title {
	margin: 0;
	padding: 0;
	color: #0d6fb8;
	height: 37px;
	line-height: 37px;
	background: url(../img/ico/ico_blue_arrow.png) right 15px no-repeat;
	background-size: 16px;
}

.my-navi.type04 li.depth03  .sub .title:before {
	border: 0;
	background: none;
	width: 0;
	height: 0;
}

.my-navi.type04 li.depth03  .sub .title.close {
	background: url(../img/ico/ico_blue_close.png) 100% 50% no-repeat;
	background-size: 16px 2px;
}

.my-navi.type04 li.depth03 .sub .title:after {
	background: none;
}

.my-navi.type04 li.depth03  .sub .depth {
	border-bottom: 0;
}
.my-navi.type05 {
	border-top: 1px solid #e1e1e1;
	border-bottom: none
}

.my-navi.type05 li.depth {
	position: relative;
	border-top: none;
	border-bottom: 1px solid #e1e1e1
}

.my-navi.type05 li.depth .title {
	display: block;
	position: relative;
	padding: 15px 40px;
	font-size: 11px;
	color: #666;
	line-height: 15px;
	background: url(../img/ico/ico_myp_arrow.png) 95% 50% no-repeat;
	background-size: 18px 9px
}

.my-navi.type05 li.depth .title.close {
	background: url(../img/ico/ico_at_close.png) 95% 50% no-repeat;
	background-size: 18px 2px
}

.my-navi.type05 li.depth .title .numb {
	display: block;
	position: absolute;
	top: 12px;
	left: 14px;
	font-size: 13px;
	color: #666;
	line-height: 1.5;
	font-weight: bold
}

.my-navi.type05 li.depth:first-child .depth02.active {
	border-bottom: 0;
	box-shadow: none;
}

.my-navi.type05 li.depth .depth02 .depth02-cont {
	padding: 0 15px 20px 40px;
	font-size: 11px;
	color: #666666
}

.my-navi.type05 li.depth .depth02 div.radio-box+div.radio-box {
	margin-top: 5px
}

.my-navi.type06 {
	border-top: none;
	border-bottom: 1px solid #e1e1e1
}

.my-navi.type06 li.depth .title {
	display: block;
	position: relative;
	padding: 15px 40px 15px 17px;
	font-size: 11px;
	color: #666;
	line-height: 15px;
}

.my-navi.type06 li.depth .title.close {
	background: url(../img/ico/ico_at_close.png) 95% 50% no-repeat;
	background-size: 18px 2px
}

.my-navi.type06 li.depth .title .numb {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 13px;
	color: #666;
	font-weight: bold;
	line-height: 13px
}

.my-navi.type06 li.depth .tit-link {
	position: relative;
	display: inline-block;
	padding: 0 17px 0 23px
}
.my-navi.type06 li.depth .btn-acco {
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	width: 18px;
	height: 9px;
	margin-top: -4px;
	background: url(../img/ico/ico_myp_arrow.png) no-repeat;
	background-size: 18px 9px
}

.my-navi.type06 li.depth:first-child .depth02.active {
	border-bottom: 0;
	box-shadow: none;
}

.my-navi.type06 li.depth .depth02.active {
	border-bottom: 1px solid #e1e1e1;
	box-shadow: 0 2px 0 0 #f1f1f1
}

.my-navi.type06 li.depth .depth02 .depth02-cont {
	padding: 0 15px 20px 40px;
	font-size: 11px;
	color: #666666
}

.screening_progress {
	border-bottom: 1px solid #e1e1e1
}

.screening_progress:after {
	display: block;
	clear: both;
	content: ""
}

.screening_progress span {
	display: block;
	float: left;
	position: relative;
	height: 37px;
	padding-left: 10px;
	padding-top: 3px;
	font-weight: bold;
	font-size: 11px;
	color: #999;
	line-height: 16px;
	text-align: left;
	box-sizing: border-box;
	background: url(../img/bg/bg_join_step.png) no-repeat 100% -74px;
	background-size: 7px 111px
}

.screening_progress span.step01 {
	width: 33%
}

.screening_progress span.step02 {
	width: 34%
}

.screening_progress span.step03 {
	width: 33%;
	background: none
}

.screening_progress span.on {
	color: #fff;
	background-color: #666
}

.screening_progress span.on:after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	right: -0;
	width: 7px;
	height: 37px;
	background: url(../img/bg/bg_join_step.png) no-repeat 100% 0;
	background-size: 7px 111px
}

.screening_progress span.on:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: -7px;
	width: 7px;
	height: 37px;
	background: url(../img/bg/bg_join_step.png) no-repeat 100% -37px;
	background-size: 7px 111px
}

.screening_progress span.step03.on:after {
	background: none
}

.my-calculator .guide-txt {
	padding: 18px 14px 7px
}

.my-calculator .guide-txt.btm {
	padding: 15px 14px 0
}

.my-calculator .guide-txt .main-txt {
	font-size: 12px;
	font-weight: bold
}

.my-calculator .guide-txt .txt {
	margin: 10px 0 13px;
	font-size: 12px;
}

.my-calculator .guide-txt .bull-txt {
	margin-top: 5px;
	line-height: 15px
}

.my-calculator .form-box {
	padding: 0 14px
}

.calculator-form .won input[type=text] {
	width: 85%
}

.my-calculator .screening_step03 {
	padding: 0 14px
}

.my-calculator .screening_step03 .depth02 .tbl-wrap {
	margin-bottom: 0
}

.my-calculator .screening_step03 .depth02 .tbl-wrap table {
	border-top: none
}

.my-calculator .screening_step03 .depth02 .tbl-wrap.bdr_t table {
	border-top: 2px solid #0d6fb8
}

.my-calculator .screening_step03 .my-navi.type03 {
	border-bottom: none
}

.my-calculator .screening_step03 .my-navi.type03.bdr_top {
	border-top: 1px solid #e1e1e1
}

.my-calculator .screening_step03 .depth02 .tbl-wrap table.tbl-style02 thead th,.my-calculator .screening_step03 .depth02 .tbl-wrap table.tbl-style02 tbody td
	{
	text-align: center
}

.my-calculator .tbl-wrap table.tbl-style01 tbody th {
	padding: 10px 0 10px 10px;
	vertical-align: top
}

.my-calculator .tbl-wrap table.tbl-style01 tbody td {
	padding: 10px 0 10px 10px
}

.my-calculator .score-box {
	margin-bottom: 20px;
	border: 1px solid #0d6eb6;
	border-radius: 10px;
}

.my-calculator .score-box dl dt {
	position: relative;
	padding: 10px 0 14px;
	color: #666;
	font-size: 13px;
	text-align: center;
}

.my-calculator .score-box dl dt:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 6px;
	background: #0d6eb6 url(../img/ico/ico_myp_arrow_small.png) 50% center
		no-repeat;
	background-size: 5px;
	box-shadow: 0 3px 3px #ccc;
}

.my-calculator .score-box dl dd {
	padding: 15px 0;
	text-align: center;
	font-size: 13px;
	color: #666;
}

.my-calculator .score-box dl dd span {
	margin-right: 5px;
	color: #0d6eb6;
	font-size: 25px;
	font-weight: bold;
}

.my-calculator .sales-info-list {
	overflow: hidden;
	margin-bottom: 20px
}

.my-calculator .sales-info-list li {
	float: left;
	width: 50%;
	margin-top: 10px;
	padding: 0 5px;
	box-sizing: border-box
}

.my-calculator .sales-info-list li a {
	display: block;
	padding: 10px 0;
	text-align: center;
	border: 1px solid #cccccc;
	border-radius: 5px;
}

.my-calculator .sales-info-list li a .img-wrap {
	display: block;
}

.my-calculator .sales-info-list li a .img-wrap img {
	height: 29px;
	vertical-align: top;
}

.my-calculator .sales-info-list li a .title {
	display: block;
	margin-top: 10px;
	font-size: 11px;
	color: #333;
}

.bank_list {
	margin-bottom: 10px
}

.bank_list:after {
	content: '';
	display: block;
	clear: both;
	height: 0
}

.bank_list li {
	float: left;
	width: 50%;
	margin-top: 10px;
	padding: 0 10px;
	box-sizing: border-box
}

.bank_list li:nth-child(2n+1) {
	padding-left: 0
}

.bank_list li:nth-child(2n) {
	padding-right: 0
}

.bank_list li a {
	display: block;
	padding: 40px 0 20px;
	border: 1px solid #cccccc;
	border-radius: 4px;
	text-align: center;
	font-size: 13px;
	color: #666666
}

.bank_list li a.bank01 {
	background: url('../img/bg/bank_list01.png') no-repeat 50% 20px;
	background-size: 72px 17px
}

.bank_list li a.bank02 {
	background: url('../img/bg/bank_list02.png') no-repeat 50% 23px;
	background-size: 100px 15px
}

.bank_list li a.bank03 {
	background: url('../img/bg/bank_list03.png') no-repeat 50% 17px;
	background-size: 91px 20px
}

.bank_list li a.bank04 {
	background: url('../img/bg/bank_list04.png') no-repeat 50% 24px;
	background-size: 72px 14px
}

.bank_list li a.bank05 {
	background: url('../img/bg/bank_list05.png') no-repeat 50% 20px;
	background-size: 79px 17px
}

.bank_list li a.bank06 {
	background: url('../img/bg/bank_list06.png') no-repeat 50% 20px;
	background-size: 89px 17px
}

.estimated-income {
	padding-top: 10px;
	margin-top: 10px;
	border-top: 1px dotted #e1e1e1;
	font-size: 11px;
	font-weight: bold;
	color: #0d6fb8
}

/* 즐겨찾기 */
.form-area.contact-form .form-box {
	margin: 0;
	padding: 0
}

.contact-form {
	border: none
}

.auction .desc-wrap {
	margin: 0 22px 0 14px
}

.auction .tit_txt {
	padding: 20px 0 15px;
	font-size: 13px;
	font-weight: bold;
	color: #333;
	text-align: center
}

.link-wrap {
	padding: 15px 0;
	text-align: center
}

.auction .tbl-style02 {
	border-bottom: 1px solid #d3d3d3
}

.favorites-cont .txt {font-size: 11px; font-weight: bold; color:#666;padding:18px 15px 12px 15px}
.favorites-cont .title-wrap {overflow: hidden; padding-bottom:13px;}
.favorites-cont .title-wrap .more-view {float: right;}
.favorites-cont h4 span {font-weight: normal;}
.favorites-cont h4 span em {
  font-size: 13px;
  color: #b80d0d;
  font-weight: bold;
}
.favorites-list {
  overflow: hidden;
  border-top:2px solid #1863af;
}
.favorites-list > li {
  position: relative;
  padding:7px 15px;
  border-bottom: 1px solid #ccc;
  background-color:#fff;
  box-sizing: border-box;
}
.favorites-list > li p {
  overflow: hidden;
  width: 100%;
  padding-right: 15px;
  padding-bottom: 5px;
  font-size: 13px;
  color:#333;
  font-weight: bold;
  text-overflow:ellipsis;
	white-space:nowrap;
  text-decoration: none;
  box-sizing: border-box;
}
.favorites-list li ul {overflow: hidden;}
.favorites-list li ul li {
  float: left;
  width: 50%;
  color: #666;
  font-size: 11px;
}
.favorites-list li ul li.ty02 {width: 100%; padding-top: 5px;}

/* 알림서비스 */
.service {
	
}

.symbol {
	position: relative;
	margin: 0 14px 0;
	padding-left: 7px;
	font-size: 11px;
	color: #333;
	line-height: 14px;
	word-break: keep-all
}

.symbol:before {
	content: '';
	position: absolute;
	top: 5px;
	left: 0;
	width: 2px;
	height: 2px;
	background-color: #3f3f3f
}

.customer-menu li {
	padding-bottom: 20px;
	border-top: 1px solid #e1e1e1;
	border-bottom: 2px solid #f1f1f1
}

.customer-menu li .short-link {
	margin-right: 10px;
	font-size: 13px
}

.switch {
	padding: 2px;
	width: 32px;
	height: 13px;
	background: #0d6fb8;
	border-radius: 3px
}

.switch a,.switch button {
	display: block;
	width: 100%;
	font-size: 8px;
	color: #fff
}

.switch.off {
	text-align: right;
	color: #999;
	background: #e1e1e1
}

.switch.off a,.switch.off button {
	color: #999;
	font-weight: bold
}

.switch a:after,.switch button:after {
	content: '';
	float: right;
	width: 13px;
	height: 13px;
	background: #fff;
	border-radius: 3px
}

.switch.off a:after,.switch.off button:after {
	content: '';
	float: left
}
.blue-wrap {
	margin: 20px 0 0;
	border: 2px solid #0d6fb8;
	border-radius: 5px
}
.blue-wrap>div p {
	padding: 10px;
	font-size: 13px;
	letter-spacing: -1px
}

.info-menu {
	display: block;
	padding: 0 13px;
	font-size: 13px;
	line-height: 37px;
	font-weight: bold;
	color: #666;
	background: url(../img/ico/ico_gray_arrow.png) 97% 16px no-repeat;
	background-size: 16px
}

.info-menu.close {
	background: url(../img/ico/ico_gray_close.png) 97% 18px no-repeat;
	background-size: 16px
}

.bdt-dotted {
	border-top: 1px dotted #e1e1e1
}

.blue-wrap .tbl-wrap {
	width: auto;
	padding: 0 10px
}

.mypage.favorites {padding:0;}
.favorites-cont .title-wrap {margin:0; padding:16px 15px;}
.favorites-cont .favorites-box.first {background-color:#f1f1f1; padding-bottom:2px;}
.favorites-cont .favorites-box .btn-favorites {position: absolute; right: 0; top:0; width:30px; height:30px;}
.favorites-cont .favorites-box .btn-favorites:before {content:''; position:absolute; top:50%; left:50%; width:9px; height:8px; margin:-4px 0 0 -5px; background:url(../img/ico/ico_favorites.png) 0 0 no-repeat; background-size:9px 19px;}
.favorites-cont .favorites-box .btn-favorites.on:before {background-position:0 -11px;}

/* 환경설정 추가 */
.step-info .step-tit {
	padding: 12px 0 15px;
	font-size: 13px;
	font-weight: bold;
	color: #333
}

.step-info p.tit-desc,.step-info ul.tit-desc li {
	font-size: 11px;
	color: #666
}

.step-info .sub-tit {
	margin-bottom: 10px;
	font-size: 11px;
	font-weight: bold
}

.step-info .img-wrap {
	padding: 10px 0 3px
}

.step-info .img-wrap a {
	display: block
}

.step-info .img-wrap img {
	max-width: 100%
}

.step-info .img-zoom {
	position: relative;
	margin-bottom: 15px;
	width: 100%;
	height: 24px;
	border-radius: 9px;
	background-color: #f1f1f1;
	text-align: right
}

.step-info .img-zoom p {
	padding-right: 23px;
	color: #666;
	line-height: 24px
}

.step-info .img-zoom:before {
	content: '';
	position: absolute;
	top: 4px;
	right: 5px;
	width: 16px;
	height: 16px;
	background: url(../img/img/img_zoom.png) right center no-repeat;
	background-size: 16px
}

/* 버전 */
.ver-set {
	position: relative;
	padding: 15px 0;
	border-top: 1px solid #0d6fb8;
}

.ver-set:before {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	content: "";
	border-top: 1px solid #e1e1e1;
}

.ver-set:after {
	display: block;
	position: absolute;
	top: 1px;
	right: 0;
	left: 0;
	content: "";
	border-top: 2px solid #666;
}

.ver-set ul {
	width: 140px;
	margin: 0 auto;
	background: url(../img/ico/ico_hug_logo.png) 0 0 no-repeat;
	background-size: 40px
}

.ver-set li:first-child {
	color: #999
}

.ver-set li {
	padding-left: 50px;
	color: #333;
	font-size: 11px;
	line-height: 20px
}

.sett-menu li:first-child {
	border-top: 0;
}

.sett-menu li {
	margin: 0 10px;
	padding: 10px 0px;
	border-top: 1px solid #e1e1e1
}

.sett-menu li a {
	display: block
}

.set-tit {
	display: block;
	font-size: 13px;
	font-weight: bold;
	color: #333
}

.ver-set+.link-wrap {
	margin: 0 14px;
	border-top: 1px dotted #e1e1e1
}

.bull-txt.line2 {
	display: block;
	margin: -10px 0 15px 10px
}

.agreeBox {
	overflow-x: hidden;
	overflow-y: auto;
	height: 200px;
	margin: 0;
	padding: 20px 20px 20px 15px;
	border: 1px solid #e1e1e1;
	font-size: 11px;
	color: #666;
	border-bottom: 1px solid #0d6fb8;
	background-color: #f1f1f1;
}

.agreeBox p:first-child {
	margin-top: 0;
}

.agreeBox p {
	margin-top: 24px;
	font-size: 11px;
	color: #666;
}

.agreeBox dl dt {
	margin-top: 24px;
	font-size: 11px;
	color: #666;
}

.agreeBox dl dd {
	margin-top: 12px;
	font-size: 11px;
	color: #666;
}

.agreeBox ul,.agreeBox ol {
	margin-top: 12px;
}

.agreeBox ul li:first-child,.agreeBox ol li:first-child {
	margin-top: 0;
}

.agreeBox ul li,.agreeBox ol li {
	margin-top: 12px;
	font-size: 11px;
	color: #666;
}

.agreeBox .tbl-wrap .tbl-style02 {
	border-top: 2px solid #7b7370;
	border-bottom: 1px solid #9e9692
}

.agreeBox .tbl-wrap .tbl-style02 thead th {
	padding: 7px 0 7px 10px;
	background-color: #dedede;
	font-size: 10px;
	border-left: 1px solid #ccc
}

.agreeBox .tbl-wrap .tbl-style02 thead th:first-child {
	border-left: 0
}

.agreeBox .tbl-wrap .tbl-style02 tbody th,.agreeBox .tbl-wrap .tbl-style02 tbody td
	{
	padding: 7px 0 7px 10px;
	font-size: 10px;
	color: #666;
	text-align: left;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	word-wrap: break-word;
	background-color: #f1f1f1;
	letter-spacing: -0.5px
}

.agreeBox .tbl-wrap .tbl-style02 tbody th:first-child,.agreeBox .tbl-wrap .tbl-style02 tbody td:first-child
	{
	border-left: 0
}

.agreeBox .tbl-wrap .tbl-style02 tbody th {
	background-color: #dedede
}

.agreeBox .tbl-wrap .tbl-style02 th.txtC,.agreeBox .tbl-wrap .tbl-style02 td.txtC
	{
	padding: 7px 0;
	text-align: center
}

.agreeBox .tbl-style02.bd-style {
	border-top: 0 none
}

.agreeBox .tbl-style02.bd-style tr:first-child th,.agreeBox .tbl-style02.bd-style tr:first-child td
	{
	border-top: 0 none
}

/*---------------------------------------------------------------------------------------------------------
	certificate
---------------------------------------------------------------------------------------------------------*/
.certificate {
	padding-top: 20px
}

.certificate .title-wrap {
	margin: 0
}

/* cont */
.certify .cont {
	display: none
}

.certify .cont.on {
	display: block
}

.certify .cont.hide {
	display: none
}

/* 인증서관리 탭 인증서 없을 경우 */
.certify-box {
	border: 2px solid #e1e1e1;
	border-radius: 5px
}

.ctf-bull {
	margin-top: 15px
}

.ctf-txt {
	padding: 41px 0;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	border-bottom: 1px solid #b2b2b2;
	border-radius: 0 0 3px 3px;
	text-align: center
}

/* 인증서관리 탭 인증서 있을 경우 */
.certify-box.ct_icon {
	position: relative
}

.certify-box.ct_icon:after {
	content: '';
	position: absolute;
	top: 34px;
	right: 10px;
	display: block;
	width: 14px;
	height: 23px;
	background: url(../img/ico/ico_more.png) no-repeat;
	background-size: 14px 23px
}

.certify-box .certify-info {
	position: relative;
	padding: 20px 0 20px 93px;
	border-bottom: 1px solid #b2b2b2;
	border-radius: 0 0 3px 3px
}

.certify-box .certify-info:after {
	content: '';
	position: absolute;
	top: 10px;
	left: 10px;
	width: 70px;
	height: 70px;
	background: url(../img/ico/ico_certification.png) no-repeat left center;
	background-size: 70px
}

.certify.ctf-name {
	padding-bottom: 9px;
	font-size: 13px;
	font-weight: bold;
	color: #666
}

/* dl-list */
.certify-list {
	overflow: hidden
}

.certify-list dt {
	float: left;
	clear: both
}

.certify-list dd {
	float: left
}

.certify-list dt,.certify-list dd {
	font-size: 11px;
	color: #999;
	line-height: 13px
}

/* 인증서 등록 */
.cont .bring-certify {
	width: 100%;
	height: 73px;
	background: url(../img/ico/ico_ct_bring.png) no-repeat center;
	background-size: 246px 73px
}

.bring-ct01 .radio-wrap {
	font-weight: bold
}

.bring-ct01 .txt-box {
	margin: 0;
	padding: 10px 6px 8px 12px
}

.infotxt-box .txtbox-list {
	padding: 0;
	border-top: 0 none;
	letter-spacing: -1px
}

.bring-ct01 .info-txt {
	font-size: 11px
}

.bring-ct01 .certify_number {
	margin-top: 20px;
	padding: 8px 0;
	border: 1px solid #e1e1e1
}

.certify_number .txt {
	font-size: 13px;
	color: #252525;
	text-align: center
}

.rd-type02 .input-txt input {
	width: 30%
}

.rd-type02 .input-txt span {
	width: 5%
}

/* 암호변경 */
.txtarea-box .pw-form {
	padding: 10px 0 0;
	border-bottom: 1px solid #0d6fb8
}

.pw-form .pw-change {
	padding-top: 15px
}

.pw-change input {
	margin-bottom: 10px
}

/* 인증서발급안내 */
.certify-site {
	margin-top: 10px
}

.txt-box.infotxt-box {
	margin: 0
}

/*---------------------------------------------------------------------------------------------------------
	입찰정보
---------------------------------------------------------------------------------------------------------*/
.contents.list-view {
	padding-bottom: 0
}

.list-view .list-title {
	padding: 15px 14px;
	border-bottom: 1px solid #0d6fb8;
	font-size: 13px;
	text-align: center
}

.list-view .list-cont {
	padding: 15px 14px;
	min-height: 150px;
	font-size: 11px;
	color: #666666;
	border-bottom: 1px solid #0d6fb8
}

.list-view .list-cont .div_iframe {
	overflow: auto;
	width: 100%;
}

.list-view .list-cont img {
	width: 100%;
}

.list-view .attatch {
	position: relative;
	padding-left: 65px;
	border-bottom: 1px solid #d6d6d6;
	font-size: 11px;
	color: #666666
}

.list-view .attatch .th {
	position: absolute;
	top: 10px;
	left: 14px;
	font-weight: bold
}

.list-view .attatch .file-area {
	padding: 10px;
	border-left: 1px solid #d6d6d6
}

.list-view .list-nav {
	margin-top: 12px;
	border-top: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc
}

.list-view .list-nav li {
	position: relative;
	padding-left: 80px;
	font-size: 13px;
	border-top: 1px solid #d6d6d6
}

.list-view .list-nav li:first-child {
	border-top: none
}

.list-view .list-nav li:before {
	content: '';
	display: block;
	width: 1px;
	height: 13px;
	background: #d6d6d6;
	position: absolute;
	top: 50%;
	left: 65px;
	margin-top: -6px
}

.list-view .list-nav li .th {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 66px;
	padding: 10px 0;
	font-weight: bold;
	text-align: center
}

.list-view .list-nav li .td {
	display: block;
	padding: 10px 30px 10px 0
}

.list-view .list-nav li:first-child .td {
	background: url('../img/ico/ico_gray_arrow_up.png') no-repeat 95% 50%;
	background-size: 18px 9px
}

.list-view .list-nav li:first-child span.td {
	background: none
}

.list-view .list-nav li:last-child .td {
	background: url('../img/ico/ico_gray_arrow.png') no-repeat 95% 50%;
	background-size: 18px 9px
}

.list-view .tbl-wrap {
	margin-bottom: 0
}

.tbl-wrap .tbl-view-info {
	font-size: 11px;
	color: #666666
}

.tbl-wrap .tbl-view-info th {
	padding: 10px 5px;
	border-left: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	background: #ececec
}

.tbl-wrap .tbl-view-info th:first-child {
	border-left: 0;
}

.tbl-wrap .tbl-view-info td {
	padding: 10px 5px;
	border-left: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6
}

/* 리스트 sorting */
.sorting-area {
	float: right;
}

.btn-sorting {
	font-size: 11px;
	margin-left: 5px;
	padding-right: 15px;
	line-height: 25px;
}

.btn-sorting.down {
	background: url(../img/ico/icon_sorting_down.png) right center no-repeat;
	background-size: 10px 5px;
}

.btn-sorting.up {
	background: url(../img/ico/icon_sorting_up.png) right center no-repeat;
	background-size: 10px 5px;
}
/* 분양정보 리스트 영역 */
.sale-list {
	border-bottom: 2px solid #f1f1f1
}

.sale-list li {
	position: relative;
	margin-bottom: 3px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc
}

.sale-list li:first-child {
	border-top: 2px solid #999
}

.sale-list li dl {
	float: left;
	width: 65%;
	padding: 12px 10px 12px 15px;
	box-sizing: border-box;
}
.sale-list li dl .title {
	margin-bottom: 8px;
	padding-right: 5px;
	font-size: 13px;
	font-weight: bold;
	color: #666
}
.sale-list li dl .title .ico {
	padding: 0 5px;
	font-size: 11px;
	color: #b80d0d;
	border: 1px solid #b80d0d;
	border-radius: 30px;
	word-break: keep-all;
	display: inline-block;
}
.sale-list li dl .title .ico.ty02 {
	color: #1574ba;
	border: 1px solid #1574ba
}

.sale-list li dl .text {
	margin-bottom: 3px;
	font-size: 11px;
	color: #666
}

.sale-list li .img-wrap {
	float: right;
	width: 35%;
}

.sale-list li .img-wrap span {
	display: block;
	padding: 15px 15px 15px 0;
}

.sale-list li .img-wrap img {
	width: 100%;
	vertical-align: top;
}

.sale-list li .sub-info {overflow:hidden;/*border-top:1px solid #ccc*/clear:both;}
.sale-list li .sub-info .column {display:block; float:left; width:50%; color:#666;border-top:1px solid #ccc; font-size:11px; text-align:center; line-height:23px; border-left:1px solid #ccc; box-sizing:border-box}
.sale-list li .sub-info .column:first-child {
	border-left: 0;
}
.sale-list li .sub-info .column:nth-child(2n+1) {border-left:0;}
.sale-list li .sub-info .column span {
	font-weight: bold
}

.sale-list li .sub-info .column.ty02 {
	width: 100%;
	border-top: 1px solid #ccc;
	border-left: 0;
}

.sale-list li .btn-view {
	display: inline-block;
	height: 17px;
	padding: 0 7px;
	font-weight: bold;
	color: #333;
	font-size: 11px;
	text-align: center;
	line-height: 17px;
	border: 1px solid #d1d1d1;
	background: #fff;
	background: -moz-linear-gradient(top, #ffffff 0%, #efefed 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%, #efefed 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #efefed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',
		endColorstr='#efefed', GradientType=0);
	border-radius: 3px;
}

.sale-list li .btn-view span {
	display: inline-block;
	padding-right: 18px;
	background: url(../img/ico/ico_view.png) right center no-repeat;
	background-size: 14px 14px
}

.sale-list li .rate {
	position: absolute;
	top: 12px;
	right: 24px;
	width: 78px;
	height: 78px;
	padding-top: 15px;
	background-color: #f1f1f1;
	color: #666;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	border-radius: 50%;
	box-sizing: border-box
}

.sale-list li .rate span {
	display: block;
	font-size: 25px;
	color: #1574ba;
	font-weight: bold;
	line-height: 35px;
	letter-spacing: -1px
}

.sale-list li .btn-favorites {
	display: inline-block;
	height: 19px;
	padding: 0 7px;
	font-weight: bold;
	color: #333;
	font-size: 11px;
	text-align: center;
	line-height: 17px;
	border: 1px solid #d1d1d1;
	background: #fff;
	background: -moz-linear-gradient(top, #ffffff 0%, #efefed 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%, #efefed 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #efefed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',
		endColorstr='#efefed', GradientType=0);
	border-radius: 3px;
}

.sale-list li .btn-favorites span {
	position: relative;
	display: inline-block;
	padding-right: 18px
}

.sale-list li .btn-favorites span:before {
	content: '';
	position: absolute;
	top: 3px;
	right: 0;
	width: 11px;
	height: 10px;
	background: url(../img/ico/ico_favorites.png) 0 0 no-repeat;
	background-size: 11px 24px
}

.sale-list li .btn-favorites.on span:before {
	background-position: 0 -14px
}

.my-sale .sale-list {
	border-bottom: 0
}

.my-sale .sale-list li {
	background-color: #f1f1f1
}

.my-sale .sale-list li:first-child {
	border-top: 2px solid #1574ba
}

.my-sale .sale-list li .rate {
	position: absolute;
	top: 12px;
	right: 24px;
	width: 78px;
	height: 78px;
	padding-top: 15px;
	background-color: #1574ba;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	border-radius: 50%;
	box-sizing: border-box
}

.my-sale .sale-list li .rate span {
	display: block;
	font-size: 25px;
	color: #fff;
	font-weight: bold;
	line-height: 35px;
	letter-spacing: -1px
}

.my-sale .sale-list li .btn-view,.my-sale .sale-list li .btn-favorites {
	bottom: 10px
}

.sale-list.ty02 dl {
	float: none;
	width: 100%;
	min-height: 113px;
	padding: 12px 102px 12px 15px;
	box-sizing: border-box;
}

.area-box {
	
}

.area-box .area-list {
	padding: 0 5px;
}

.area-box .area-list .area {
	width: 100%;
	margin-top: 15px;
}

.area-box .area-list .area:first-child {
	margin-top: 0;
}

.area-box .area-list .area p {
	position: relative;
	margin-bottom: 5px;
	padding: 0 10px;
	font-size: 12px;
	color: #333;
}
area-box .area-list .area ul {
	overflow: hidden;
	padding: 0 5px;
	margin-bottom: 15px;
}
.area-box .area-list .area p:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 4px;
	height: 4px;
	margin-top: -2px;
	background-color: #333;
}

.area-box .area-list .area ul {
	overflow: hidden;
	margin: 0 -5px;
}

.area-box .area-list .area ul li {
	float: left;
	width: 33.3%;
	padding: 5px;
	box-sizing: border-box;
}

.area-box .area-list .area ul li .area-btn {
	display: block;
	width: 100%;
	padding: 10px 0;
	font-size: 12px;
	color: #fff;
	text-align: center;
}

.area-btn.ty01 {
	border: 1px solid #4d76a0;
	background: #1574ba;
}

.area-btn.ty02 {
	border: 1px solid #7d9c57;
	background: #76b627;
}

.area-btn.ty03 {
	border: 1px solid #7d7d7d;
	background: #9b9b9b;
}

/* 상세조회 펼침영역 */
.detail-table-area {
	display: none;
	margin-bottom: 20px;
	border-bottom: 1px solid #1574ba
}

.detail-table-area .form-box {
	margin: 0;
	padding: 0
}

.detail-table-area .detail-table-tit {
	padding: 10px 0;
	font-size: 11px;
	font-weight: bold;
	color: #0d6fb8;
	text-align: center
}

.detail-table-area .form-box .tbl-wrap {
	padding: 0
}

.detail-table-area .tbl-wrap .tbl-style05 {
	border-top: 1px solid #e0e0e0
}

.detail-table-area .tbl-wrap .tbl-style05 th {
	padding: 10px 0
}

.detail-table-area .tbl-wrap .tbl-style05 .radio-list li {
	float: left;
	width: 33.33%
} 
.detail-table-area .tbl-wrap .tbl-style05 .radio-list.type02 li {
	width: 50%;
	padding-left: 25px;
	box-sizing: border-box
}

.detail-table-area .tbl-wrap .tbl-style05 .radio-list.type02 li:first-child
	{
	padding-left: 0
}

.detail-table-area .tbl-wrap .tbl-style05 .radio-list .radio-box label {
	font-size: 11px
}

.detail-table-area .tbl-wrap .tbl-style05 .radio-list .radio-box input[type="radio"]+label:after
	{
	top: 2px
}

.detail-table-area .tbl-wrap .tbl-style05 tbody th,.detail-table-area .tbl-wrap .tbl-style05 tbody td.select-area
	{
	padding: 3px 2px
}

.detail-table-area .tbl-wrap .tbl-style05 .select-wrap {
	display: table;
	width: 100%
}

.detail-table-area .tbl-wrap .tbl-style05 .select-wrap span {
	display: table-cell;
	width: 50%;
	padding: 0 5px
}

.detail-table-area .tbl-wrap .tbl-style05 .select-wrap span select {
	border-radius: 0
}

.detail-table-area .tbl-wrap .select-wrap.type02 span {
	width: 25%
}

.detail-search-form .btn-area.btn2 {
	padding: 20px 42px
}

/* 분양정보 상세보기 영역 */
.sales-info {
	padding-bottom: 61px;
}

.sales-info.ty02 {
	padding-bottom: 0;
}
.sales-info .view-title {
	position: relative;
	border-bottom: 1px solid #e1e1e1;
}
.sales-info .view-title h3 {
	padding: 15px 35px;
	color: #333;
	font-size: 13px;
	line-height: 16px;
	text-align: center
}
.sales-info .view-title .btn-favorites {
	display: inline-block;
	width: 13px;
	height: 12px;
	margin: -2px 10px 0 0;
	background: url(../img/ico/ico_favorites02.png) 0 0 no-repeat;
	background-size: 13px 30px
}

.sales-info .view-title .btn-favorites.on {
	background-position: 0 -18px
}
.sales-info .map-area {
	position: relative;
	overflow: hidden;
	height: auto;
	margin: 0 10px;
	text-align: center;
	border: 1px solid #e1e1e1;
	box-sizing: border-box;
}
.sales-info .tbl-wrap {
	margin-bottom: 0;
	padding: 0 10px;
	box-sizing: border-box
}

/* 분양정보 slide 영역 */
.sales-slide {
	padding: 0 10px
}

.sales-slide ul li {
	border-bottom: 1px solid #e1e1e1
}

.sales-slide ul li .title {
	position: relative;
	display: block;
	height: 45px;
	color: #0d6fb8;
	font-size: 16px;
	font-weight: 500;
	line-height: 45px;
	background: url(../img/ico/ico_blue_arrow.png) right 18px no-repeat;
	background-size: 16px;
}

.sales-slide ul li .bg-allow {
	margin-bottom: 5px
}

.sales-slide ul li.on {
	border-bottom: 1px solid #0d6fb8
}

.sales-slide ul li.on .title {
	background: url(../img/ico/ico_blue_close.png) 100% 50% no-repeat;
	background-size: 16px 2px
}

.sales-slide ul li>div {
	display: none
}

/* 분양정보 차트 영역 */
.sales-slide .chart-area {
	position: relative;
	overflow: hidden;
	border-top: 1px solid #e1e1e1;
	border-bottom: 2px solid #f1f1f1
}

.sales-slide .chart-area .chart01 {
	float: left;
	width: 100%;
	height: 190px
}

.sales-slide .chart-area .chart-search {
	position: absolute;
	top: 50%;
	right: 0;
	width: 105px;
	margin-top: -72px
}

.sales-slide .chart-area .chart-search .select-box {
	width: 105px
}

.sales-slide .chart-area .chart-search .rate-box {
	margin-top: 5px;
	border: 1px solid #e1e1e1
}

.sales-slide .chart-area .chart-search .rate-box dl dt {
	padding-top: 6px;
	color: #666;
	font-size: 13px;
	font-weight: bold;
	text-align: center
}

.sales-slide .chart-area .chart-search .rate-box dl dd {
	font-size: 30px;
	font-weight: bold;
	color: #0d6fb8;
	text-align: center;
	line-height: 45px
}

.sales-slide .chart-area .chart-search .rate-box .rate-date {
	display: block;
	font-size: 11px;
	text-align: center;
	line-height: 30px;
	border-top: 1px solid #e1e1e1
}

.sales-slide .chart-area .chart02 {
	width: 100%;
	height: 250px;
	padding-top: 15px
}

.sales-slide .chart-area .chart03 {
	width: 100%;
	height: 250px;
	padding-top: 15px
}

.sales-slide .chart-area .chart03 .highcharts-legend-item text {
	font-size: 10px !important
}

/* 분양정보 슬라이드 이미지 영역 */
.rate-photo li img {
	width: 100%;
	vertical-align: top
}

.rate-photo .rate-photo-pager {
	overflow: hidden;
	padding: 8px 10px
}

.rate-photo .rate-photo-pager span {
	float: left;
	width: 20%;
	padding: 2px;
	border: 1px solid #e1e1e1;
	box-sizing: border-box
}

.rate-photo .rate-photo-pager span img {
	width: 100%;
	vertical-align: top
}

/* 주택면적 */
.h-scale-info {
	text-align: center
}

.h-scale-info .h-scale {
	line-height: 1
}

.h-scale-info .h-scale a {
	display: block;
	font-size: 13px;
	color: #333
}

.h-scale-info .h-scale-txt {
	padding: 15px 0 10px;
	font-size: 11px;
	color: #333
}

/* bottom-btn */
.sales-info .bottom-btn-area {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 10px;
	background-color: #fff;
	border-top: 1px solid #e1e1e1;
	box-sizing: border-box
}

.bottom-btn-area .bottom-btn-wrap {
	width: 100%
}
.bottom-btn-wrap li {
	float: left;
	width: 50%
}

.bottom-btn-wrap li:first-child .bottom-btn {
	margin-left: 0
}
.bottom-btn-area.type2 {
	position: inherit;
	border-top: 0
}

.bottom-btn-area.type2 .bottom-btn-wrap li {
	width: 100%;
	float: inherit;
}
.bottom-btn-wrap li .bottom-btn {
	display: block;
	height: 40px;
	margin-left: 10px;
	font-size: 13px;
	font-weight: bold;
	color: #666;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	line-height: 40px;
	letter-spacing: -1px;
	text-align: center;
	box-sizing: border-box;
	background: #fff;
	background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 100%);
}
.bottom-btn-wrap li:first-child .bottom-btn span {
	padding-left: 18px
}
.bottom-btn-wrap li .bottom-btn span {
	position: relative;
	padding-left: 23px
}

.bottom-btn-wrap li:first-child .bottom-btn span:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -7px;
	display: block;
	width: 16px;
	height: 14px;
	background: url(../img/ico/ico_sales_info_btn01.png) right center
		no-repeat;
	background-size: 16px 14px
}

.bottom-btn-wrap li .bottom-btn span:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -7px;
	display: block;
	width: 16px;
	height: 14px;
	background: url(../img/ico/ico_sales_info_btn02.png) right center
		no-repeat;
	background-size: 16px 14px
}
.my-sales {
	padding-bottom: 0
}

.my-sales .map-cont {
	position: relative;
}

.my-sales .map-cont .legend-area {
	position: absolute;
	top: 20px;
	right: 14px;
	padding: 5px 10px;
	z-index: 1;
	background-color: #f5f5f5;
}

.my-sales .map-cont .legend-area ul {
	overflow: hidden;
}

.my-sales .map-cont .legend-area li {
	float: left;
	padding-left: 15px;
	font-size: 11px;
	color: #666;
}

.my-sales .map-cont .legend-area li span {
	vertical-align: bottom;
}

.my-sales .map-cont .legend-area li.location-s {
	background: url('../img/ico/ico_location_s.png') no-repeat 0 0;
	background-size: 12px 15px;
	margin-right: 9px;
}

.my-sales .map-cont .legend-area li.spot-s {
	background: url('../img/ico/ico_spot05_s.png') no-repeat 0 0;
	background-size: 12px 15px
}

.my-sales .map-area {
	position: relative;
	z-index: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
	margin: 0;
}

.my-sales .map-area .location {
	background-color: inherit;
	border: none;
}

.my-sales .map-area .location,.my-sales .map-area .ico-spot {
	display: inline-block;
	width: 23px;
	height: 30px;
}

.my-sales .map-area .location img,.my-sales .map-area .ico-spot img {
	width: 100%;
	vertical-align: top;
}

.my-sales .info-area {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	background-color: #fff;
	padding: 11px 14px;
}

.my-sales .info-area .left-area {
	float: left;
}

.my-sales .info-area .left-area p {
	font-size: 11px;
}

.my-sales .info-area .left-area p:first-child {
	font-weight: bold;
}

.my-sales .info-area .left-area p span {
	color: #b80f0f;
}

.my-sales .info-area .right-area {
	float: right;
}

.my-sales .info-area .right-area .btn-viewall {
	display: inline-block;
	width: 65px;
	height: 33px;
	line-height: 33px;
	border: 1px solid #e0e0e0;
	color: #272727;
	font-size: 11px;
	text-align: center;
	border-radius: 3px;
	font-weight: bold;
}

.my-sales .find-btn-area {
	padding: 0 15px;
	position: relative;
}

.my-sales .find-btn-area ul {
	overflow: hidden;
	height: 100%;
	padding: 35% 0;
	box-sizing: border-box;
}

.my-sales .find-btn-area li {
	float: left;
	width: 50%;
	height: 100%;
	background: #fff;
	background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 100%);
}
.my-sales .find-btn-area li a {
	position:relative;display:block; height:100%; max-height:420px; font-size:16px; font-weight:bold; color:#333; border:1px solid #e1e1e1; border-radius:4px; line-height:22px; letter-spacing:-1px; text-align:center; box-sizing:border-box; padding-top:45px;
	background: #fff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 100%);
}
.my-sales .find-btn-area li:first-child a:after{content:'';display:block; position:absolute; top:65%; left:50%; margin-left:-60px;width:121px; height:102px; background:url('../img/bg/btn_find_bg1.png') no-repeat; background-size:121px 102px;}
.my-sales .find-btn-area li:last-child a:after{content:'';display:block; position:absolute; top:65%; left:50%; margin-left:-54px;width:108px; height:90px; background:url('../img/bg/btn_find_bg2.png') no-repeat; background-size:108px 90px;}
.my-sales .find-btn-area li:first-child a {margin-right:7px; }
.my-sales .find-btn-area li:last-child a {margin-left:7px;}
.my-sales .find-btn-area li a span {
	position: relative;
}

.my-sales .find-btn-area li a:before {
	content: '';
	display: block;
	width: 25px;
	height: 25px;
	position: absolute;
	top: 40%;
	left: 50%;
	margin-left: -13px;
	background: url('../img/ico/ico_arrow03.png') no-repeat left bottom;
	background-size: 100% auto;
}

/*---------------------------------------------------------------------------------------------------------
	분양통계
---------------------------------------------------------------------------------------------------------*/
.statistics-list {
	overflow: hidden;
	padding: 0 15px;
	margin-left: -10px
}

.statistics-list li {
	float: left;
	margin-left: 10px
}

.statistics-list li a {
	display: block;
	width: 65px;
	height: 65px;
	padding-top: 15px;
	font-size: 13px;
	font-weight: bold;
	color: #0d6fb8;
	border: 2px solid #0d6fb8;
	border-radius: 50%;
	box-sizing: border-box;
	line-height: 16px
}

.statistics-list li.on a {
	padding-top: 17px;
	color: #fff;
	background-color: #0d6fb8;
	border: 0 none;
	border-radius: 50%
}
.statistics .top-area.stat_type {
	margin: 0;
}

.statistics .top-area.stat_type .txt-wrap01 {
	padding: 0 14px;
}

/* link-tab-style */
.link-wrap div {
	display: inline-block
}

.link-tab {
	overflow: hidden;
	width: 100%;
	padding-top: 2px;
	background-color: #0d6fb8
}

.link-tab li {
	float: left;
	width: 50%;
	background-color: #f1f1f1
}

.link-tab li.link01 {
	border-radius: 0 5px 0 0
}

.link-tab li.link02 {
	border-radius: 5px 5px 0 0
}

.link-tab li.link03 {
	border-radius: 5px 5px 0 0
}

.link-tab li.link04 {
	border-radius: 5px 0 0 0
}

.link-tab li a {
	display: block;
	width: 100%;
	height: 37px;
	color: #999;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	line-height: 37px;
	letter-spacing: -0.5px
}

.link-tab li a span {
	font-size: 11px;
	font-weight: normal
}

.link-tab li.link01.on a {
	background-color: #0d6fb8;
	color: #fff;
	border-radius: 0 0 5px 0
}

.link-tab li.link02.on a {
	background-color: #0d6fb8;
	color: #fff;
	border-radius: 0 0 5px 5px
}

.link-tab li.link03.on a {
	background-color: #0d6fb8;
	color: #fff;
	border-radius: 0 0 5px 5px
}

.link-tab li.link04.on a {
	background-color: #0d6fb8;
	color: #fff;
	border-radius: 0 0 0 5px
}

/* link-tab-style type02 */
.link-tab.type02 li {
	float: left;
	width: 25%;
	background-color: #f1f1f1
}

.link-tab.type02 li a {
	display: block;
	width: 100%;
	height: 37px;
	color: #999;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 37px;
	letter-spacing: -0.5px
}

.filter-wrap {
	margin-top: 6px;
	padding: 0 10px;
	border-bottom: 1px solid #cccccc
}

.filter-wrap .filter-list {
	overflow: hidden;
	margin-left: -13px
}

.filter-list li {
	float: left;
	margin-left: -4px;
	margin-left: 13px
}

.filter-list li a {
	display: block;
	padding: 12px 0;
	font-size: 11px;
	color: #333;
	letter-spacing: -1px
}

.filter-list li.on a {
	position: relative;
	color: #9bc836;
	font-weight: bold
}

.filter-list li.on a:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: 3px;
	background-color: #9bc836;
	border-radius: 2px
}

/* view-tab-style */
.view-tab-wrap.tab-wrap {
	margin: 0
}

.statistics .tab-head-wrap {
	padding: 16px 15px 15px
}

.tab-head-wrap:after {
	display: block;
	content: "";
	clear: both
}

.view-tab-wrap .tab-view-container {
	border-top: 1px solid #e1e1e1
}

.tab-head-wrap .unit-txt {
	display: block;
	float: left;
	padding-top: 3px;
	font-size: 11px;
	color: #333
}

.tab-head-wrap .view-tab {
	float: right
}

.tab-head-wrap .title-wrap {
	padding-top: 0
}

.view-tab li {
	float: left;
	margin-left: 6px;
	line-height: 18px
}

.view-tab li button {
	padding: 1px 2px 1px 15px;
	font-size: 11px;
	color: #999;
	border: 1px solid #999;
	border-radius: 10px
}

.tab-head-wrap.ty02 {
	position: relative;
}

.tab-head-wrap.ty02 .unit-txt {
	position: absolute;
	right: 15px;
	bottom: 5px;
	clear: both;
	float: none;
}

.tab-head-wrap.ty02 .sel-box {
	float: left;
}

.view-tab-wrap.bd-style02 {
	border-top: 1px solid #cccccc
}

/* view-tab-style type02 */
.tab-head-wrap.type02 .view-tit {
	position: relative;
	float: left;
	padding-left: 15px;
	font-size: 13px;
	font-weight: bold
}

.tab-head-wrap.type02 .view-tit.graph:before {
	content: '';
	position: absolute;
	left: 0;
	top: 4px;
	display: block;
	width: 10px;
	height: 9px;
	background: url(../img/img/img_stat_view03.png) left center no-repeat;
	background-size: 10px 9px
}

.tab-head-wrap.type02 .view-tit.table:before {
	content: '';
	position: absolute;
	left: 0;
	top: 4px;
	display: block;
	width: 10px;
	height: 9px;
	background: url(../img/img/img_stat_view04.png) left center no-repeat;
	background-size: 10px 9px
}

.tab-head-wrap.type02 .unit-txt {
	float: right;
	color: #999
}

/* view-tab-style type03 */
.tab-head-wrap.type03 .view-tit {
	position: relative;
	width: 100%;
	padding-left: 15px;
	font-size: 13px;
	font-weight: bold;
	text-align: left
}

.tab-head-wrap.type03 .view-tit.graph:before {
	content: '';
	position: absolute;
	left: 0;
	top: 4px;
	display: block;
	width: 10px;
	height: 9px;
	background: url(../img/img/img_stat_view03.png) left center no-repeat;
	background-size: 10px 9px
}

.tab-head-wrap.type03 .view-tit.table:before {
	content: '';
	position: absolute;
	left: 0;
	top: 4px;
	display: block;
	width: 10px;
	height: 9px;
	background: url(../img/img/img_stat_view04.png) left center no-repeat;
	background-size: 10px 9px
}

.tab-head-wrap.type03 .unit-txt {
	width: 100%;
	color: #999;
	text-align: right
}

.view-tab li.tab01 button {
	background: url('../img/img/img_stat_view01.png') no-repeat 3px center;
	background-size: 10px 8px
}

.view-tab li.tab02 button {
	background: url('../img/img/img_stat_view02.png') no-repeat 3px center;
	background-size: 10px 8px
}

.view-tab li.on button {
	color: #9bc836;
	border: 1px solid #9bc836
}

.view-tab li.tab01.on button {
	background: url('../img/img/img_stat_view01_on.png') no-repeat 3px
		center;
	background-size: 10px 8px
}

.view-tab li.tab02.on button {
	background: url('../img/img/img_stat_view02_on.png') no-repeat 3px
		center;
	background-size: 10px 8px
}

/* chart-box 영역 */
.chart-wrap {
	margin-top: 5px;
}

.chart-wrap .title-wrap {
	padding: 15px 10px 10px;
	margin: 0;
	border-top: 2px solid #ececec
}

.chart-wrap .chart-area {
	width: 100%
}

.chart-wrap .chart-box {
	padding: 10px 0 5px;
	border: 1px solid #9bc836;
	border-radius: 10px;
	text-align: center
}

.chart-box.first {
	margin-bottom: 10px
}

.chart-box h5 {
	margin-bottom: 10px;
	font-size: 11px;
	font-weight: bold;
	color: #9bc836
}

.statistics-chart {
	width: 98%;
	height: 250px;
	margin: 0 auto;
}

.statistics-chart.ty02 {
	height: auto;
}

/* stat-info-box */
.stat-info-box {
	padding: 20px 15px 0;
	background-color: #fff;
	border-top: 2px solid #ececec
}

.stat-info-box .info-txt {
	margin-bottom: 10px;
	font-size: 11px;
	color: #666;
	letter-spacing: -1px
}

.stat-cont .view-cont.first {
	border-top: 0 none;
	border-bottom: 1px solid #e1e1e1
}

.stat-cont .view-cont {
	border-top: 2px solid #f1f1f1;
	border-bottom: 1px solid #e1e1e1
}
/*---------------------------------------------------------------------------------------------------------
	맞춤도우미
---------------------------------------------------------------------------------------------------------*/
.help-wrap {
	padding: 20px 12px 0 12px
}

.help-wrap+.btn-area {
	padding-top: 0
}

.help-wrap.type02 {
	padding-top: 0
}

.help-wrap .tab-wrap {
	margin: 0
}

.help-wrap .tab-cont {
	margin-top: 20px
}

.help-wrap .top-text {
	font-size: 11px;
	color: #666666
}
.help-wrap .top-text.type2 {
	padding: 10px 0;
	border-bottom: 1px solid #e1e1e1
}
.help-list {
	margin-top: 10px;
	border-top: 1px solid #e1e1e1
}

.help-list li {
	border-bottom: 1px solid #e1e1e1
}

.help-list li a {
	display: block;
	position: relative;
	padding: 14px 40px 14px 75px
}

.help-list li a:after {
	content: '';
	display: block;
	width: 14px;
	height: 23px;
	background: url('../img/ico/ico_more.png') no-repeat 0 0;
	background-size: 14px 23px;
	position: absolute;
	top: 50%;
	right: 12px;
	margin-top: -12px
}

.help-list li a .thumb {
	position: absolute;
	top: 50%;
	left: 12px;
	width: 50px;
	height: 50px;
	margin-top: -25px;
	border-radius: 25px;
	background: #e1e1e1
}

.help-list li a .thumb img {
	display: block;
	width: 100%;
	border-radius: 50px
}

.help-list li a .cate {
	font-size: 11px;
	color: #0d6fb8
}

.help-list li a .tit {
	font-size: 13px;
	font-weight: bold
}

.help-list li a .detail {
	margin-top: 5px;
	font-size: 11px;
	color: #666666
}

.step-list {
	
}

.step-list>li {
	position: relative;
	padding-bottom: 20px
}

.step-list>li:after {
	content: '';
	display: block;
	width: 19px;
	height: 13px;
	background: url('../img/ico/ico_arrow_btm.png') no-repeat 0 0;
	background-size: 19px 13px;
	position: absolute;
	bottom: 4px;
	left: 50%;
	margin-left: -10px
}

.step-list>li:last-child:after {
	display: none
}

.step-list>li .step-box {
	padding: 10px 14px;
	border: 1px solid #e1e1e1;
	border-radius: 4px
}

.step-list>li .step-box .tit {
	font-size: 14px;
	font-weight: bold
}

.step-list>li .step-box .tit .numb {
	font-size: 16px;
	color: #0d6fb8
}

.step-list>li .step-box .tit01 {
	padding-left: 28px;
	font-size: 11px;
	color: #666;
	line-height: 15px;
	letter-spacing: -0.5px
}

.step-list>li .step-box .tit01:after {
	display: block;
	content: "";
	clear: both
}

.step-list>li .step-box .tit01 .cType01 {
	display: block;
	float: left;
	margin-left: -28px;
	font-weight: bold;
	font-size: 16px;
	color: #0d6fb8
}

.step-list>li .step-box .tit01 .txt {
	position: relative
}

.step-list>li .step-box .tit01+.number-list {
	padding: 15px 0 0 25px
}

.step-list>li .step-box .detail>li {
	position: relative;
	padding-left: 10px;
	margin-top: 3px;
	font-size: 11px;
	color: #666666
}

.step-list>li .step-box .detail>li:before {
	content: '';
	display: block;
	width: 2px;
	height: 2px;
	background: #333333;
	border-radius: 1px;
	position: absolute;
	top: 5px;
	left: 0
}

.step-list>li .step-box .detail+.detail {
	margin-top: 0
}

.step-list>li .step-box .detail .sub-list {
	margin-bottom: 10px;
}

.step-list>li .step-box .detail .sub-list>li {
	position: relative;
	margin-top: 7px;
	padding-left: 7px;
}

.step-list>li .step-box .detail .sub-list>li:before {
	content: '-';
	position: absolute;
	top: 0;
	left: 0;
}

.step-list>li .step-box .detail .sub-list02 {
	margin-left: 7px;
}

.step-list>li .step-box .detail .sub-list02 li {
	margin-top: 5px;
	padding-left: 10px;
}

.step-list>li .step-box .detail .sub-list02 li span {
	display: inline-block;
	text-indent: -10px;
}
.step-list.type02 .step-box .tit {
	font-size: 11px;
}

.step-list.type02 .step-box p.detail {
	position: relative;
	padding-left: 10px;
	margin-top: 3px;
	font-size: 11px;
	color: #666666
}

.step-list.type02 .step-box p.detail:before {
	content: '';
	display: block;
	width: 2px;
	height: 2px;
	background: #333333;
	border-radius: 1px;
	position: absolute;
	top: 5px;
	left: 0
}
.form-area.help-form {}

.form-area.help-form .form-box {
	margin: 0;
	padding-left: 10px;
	padding-right: 10px;
	border-bottom: 1px solid #e1e1e1;
	box-shadow: 0 4px 0 0 #f1f1f1
}

.form-area.help-form .tbl-wrap .tbl-style01 tbody th.required {
	padding-left: 25px;
	text-indent: -10px
}

.form-area.help-form .tbl-wrap .tbl-style01 tbody td {
	padding-right: 15px
}

.form-area.help-form .won input[type=text] {
	width: 85%
}

.help-wrap .box-list {
	margin: 3px 0;
	padding: 10px
}

.help-wrap .box-list .txt.type02 {
	margin-bottom: 10px
}

.help-wrap .box-list li {
	margin: 0;
	color: #666
}

.help-wrap .box-list .subscription-info.ty01 {
	background: url('../img/ico/ico_subscription_info01.png') no-repeat 100%
		15px;
	background-size: 75px 78px
}

.help-wrap .box-list .subscription-info.ty02 {
	background: url('../img/ico/ico_subscription_info02.png') no-repeat 100%
		15px;
	background-size: 75px 78px
}

.help-wrap .box-list .subscription-info .info {
	padding: 15px 90px 0 0;
	margin: 0
}

.help-wrap .box-list .subscription-info .info .tit {
	font-size: 16px;
	color: #0d6fb8;
	font-weight: bold
}

.help-wrap .box-list .subscription-info .info .desc {
	margin-top: 5px;
	font-weight: normal
}

.help-wrap .box-list .subscription-info .txt-list {
	padding-bottom: 15px
}

.help-wrap .box-list .subscription-info .txt-list li {
	margin-top: 3px
}

.help-wrap .box-list .subscription-info .txt-list li .th {
	display: inline-block;
	width: 60px;
	font-weight: bold
}

.help-wrap .use-step .step-box {
	width: 290px;
	height: 1031px;
	margin: 20px auto;
	background: url(../img/img/img_step_cgpf.png) no-repeat center 0;
	background-size: 290px
}

.guide-list li {
	margin-top: 10px;
	border: 2px solid #e1e1e1;
	border-radius: 4px
}

.guide-list li a {
	position: relative;
	display: block;
	padding: 14px 40px 14px 14px;
	border-bottom: 1px solid #b2b2b2;
	border-radius: 2px;
	font-size: 11px
}

.guide-list li a:after {
	content: '';
	display: block;
	width: 14px;
	height: 23px;
	background: url('../img/ico/ico_more.png') no-repeat 0 0;
	background-size: 14px 23px;
	position: absolute;
	top: 50%;
	right: 14px;
	margin-top: -12px
}

.guide-list li a .tit {
	margin-bottom: 5px;
	font-size: 16px;
	color: #0d6fb8;
	font-weight: bold
}

.guide-list li a .tit .guide {
	display: block;
	font-size: 25px;
	color: #0d6fb8;
	font-weight: bold;
	opacity: 0.5;
	line-height: 25px
}

.help-cont-wrap {
	padding: 0
}

.help-cont-wrap .ico-thumb {
	position: absolute;
	top: 20px;
	left: 10px;
	width: 50px;
	height: 50px;
}

.help-cont-wrap .ico-thumb img {
	width: 50px;
	height: 50px;
	vertical-align: top;
}

.help-cont-wrap .tv-area {
	background: none;
	padding: 20px 0;
	min-height: 93px;
}

.help-cont-wrap .tv-area .link-join.long {
	display: inline-block;
	margin-top: 24px;
	width: auto;
	padding: 0 4px
}
.help-cont-wrap .tv-area .top-box {
	position: relative;
	padding: 0 90px 0 65px;
	width: 100%;
	min-height: 78px;
	font-size: 11px;
	color: #666;
	line-height: 16px;
	box-sizing: border-box;
	word-break: keep-all;
}
.help-cont-wrap .tv-area .top-box .goods {
	display: block;
	margin-bottom: 5px;
	font-size: 15px;
	font-weight: bold;
	color: #0d6fb9;
	line-height: 25px;
	word-break: break-all;
}

.help-cont-wrap .tv-area .top-box .img-wrap {
	position: absolute;
	top: 0;
	right: 0;
	width: 82px;
	height: 93px;
}

.help-cont-wrap .tv-area .top-box .img-wrap img {
	width: 100%;
	vertical-align: top;
}

.help-cont-wrap .content-info-cont {
	padding: 0 15px 20px;
	border-bottom: 1px solid #ccc
}

.content-info-cont .content-info {
	display: table;
	width: 100%;
}

.content-info-cont .content-info dt {
	position: relative;
	padding-left: 7px;
	display: table-cell;
	font-size: 11px;
	font-weight: bold;
	color: #666
}

.content-info-cont .content-info dt:before {
	content: '';
	position: absolute;
	top: 5px;
	left: 0;
	display: block;
	width: 2px;
	height: 2px;
	background-color: #666;
	border-radius: 1px
}

.content-info-cont .content-info dt.tit {
	vertical-align: top
}

.content-info-cont .content-info dd {
	display: table-cell;
	width: 76%;
	font-size: 11px;
	color: #666;
	letter-spacing: -0.5px
}

.help-cont-wrap .help-recommend {
	padding: 0 14px 20px;
	border-top: 2px solid #f1f1f1;
	border-bottom: 1px solid #ccc
}

.help-cont-wrap .title-wrap.ty03 h4 {
	padding-left: 14px
}

.help-cont-wrap .title-wrap.ty03 h4:before {
	content: '';
	position: absolute;
	top: 5px;
	left: 0;
	width: 5px;
	height: 5px;
	background-color: #fff;
	border: 2px solid #0d6fb8;
	border-radius: 50%
}

.help-recommend .number-list li {
	padding-left: 33px;
	border-top: 0 none
}

.help-recommend .number-list li .number {
	margin-left: -33px;
	font-weight: bold
}

.help-recommend .blue-wrap {
	margin-top: 10px;
	padding: 15px 17px 15px 13px;
	border-radius: 10px;
	line-height: 13px
}

.help-recommend .blue-wrap a {
	position: relative;
	display: block;
	font-size: 13px;
	font-weight: bold;
	color: #666;
	line-height: 13px
}

.help-recommend .blue-wrap a:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -9px;
	display: block;
	width: 9px;
	height: 17px;
	background: url(../img/ico/ico_at_open.png) right center no-repeat;
	background-size: 9px 17px
}

.help-cont-wrap .other-goods {
	padding: 0 14px;
	border-top: 2px solid #f1f1f1
}

.other-goods .guide-list li {
	padding: 5px 0
}

.other-goods .guide-list li:first-child {
	margin-top: 0
}

.other-goods .guide-list li a {
	padding: 10px 38px 10px 95px;
	border-bottom: 0 none;
}

.other-goods .guide-list li span {
	font-size: 11px;
	color: #666;
}

.other-goods .guide-list li .tit {
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #0d6fb8;
}

.other-goods .guide-list li .goods-img {
	position: absolute;
	top: 50%;
	left: 14px;
	width: 65px;
	height: 74px;
	margin-top: -37px;
}

.other-goods .guide-list li .goods-img img {
	width: 100%;
	vertical-align: top;
}

.help-goods-cont {
	margin: 0 14px;
	padding: 0
}

.help-goods-cont .img-content-box {
	padding: 0 14px
}

.img-content-box img {
	width: 270px
}

.img-content-box .img-tit {
	padding: 20px 0 15px;
	font-size: 13px;
	font-weight: bold
}

.img-content-box .img-txt {
	padding: 15px 0;
	font-size: 11px;
	font-weight: bold;
	color: #666
}

.help-goods-cont .txt-wrap {
	padding-bottom: 15px;
	border-bottom: 2px solid #0d6fb8
}

.help-goods-cont .txt-wrap p {
	font-size: 11px;
	font-weight: bold;
	color: #666
}

.help-goods-cont .depth02 .txt {
	padding: 20px 0 15px;
	font-size: 11px;
	color: #666
}

.help-goods-cont li .tit {
	font-weight: bold
}

.help-goods-cont .title-wrap {
	margin: 0
}

.title-wrap.type02 {
	margin: 0;
	border-top: 2px solid #f1f1f1
}

.title-wrap.type02:first-child {
	border-top: 0 none
}

.title-wrap.type02 h4 {
	padding-left: 0
}

.title-wrap.type02 h4:before {
	content: none
}

.help-goods-cont .tbl-wrap {
	margin-bottom: 0;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc
}

.help-goods-cont .tbl-wrap:last-child {
	border-bottom: 0 none
}

.help-goods-cont .tbl-wrap .info-txt {
	padding: 10px 0 5px;
	font-size: 11px;
	color: #666
}

.help-goods-cont .title-wrap {
	border-top: 2px solid #f1f1f1
}

.help-goods-cont .title-wrap.first {
	border-top: 0 none
}

.help-goods-cont .tbl-wrap>.bull-txt {
	margin-top: 10px;
	color: #666
}

.content-box {
	border-bottom: 1px solid #ccc
}

.content-box .txt-list {
	padding: 0 0 20px 0;
	border-top: 0 none
}

.content-box .txt-list li {
	line-height: 15px
}

.content-box .txt-list .tit {
	display: block;
	font-weight: bold
}

.help-question-cont .search-form {
	margin-bottom: 0
}

.help-question-cont .search-input {
	width: 100%
}

.help-question-cont .search-input .input-cont {
	margin-left: 0
}

.help-question-cont .question-form .my-navi.type05 li.depth .title {
	padding: 15px 40px 15px 32px;
	font-weight: bold;
	color: #333
}

.help-question-cont .question-cont {
	padding: 10px 14px;
	background-color: #f2f2f2;
	border-top: 1px solid #e1e1e1;
	font-size: 11px
}

.help-question-cont .question-cont.scroll {
	overflow-y: hidden;
	overflow-x: auto;
	width: 100%;
	box-sizing: border-box;
}

.help-question-cont .tab-cont.cont02 {
	margin-top: 0
}

.help-question-cont .title-wrap {
	border-top: 2px solid #f1f1f1
}

.help-question-cont .title-wrap:first-child {
	border-top: 0 none
}

.help-question-cont .tbl-wrap {
	margin-bottom: 0;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc
}

.help-question-cont .tbl-wrap:last-child {
	border-bottom: 0 none
}

.help-question-cont .link-join {
	width: auto;
	float: right;
	margin-right: 10px
}

.help-question-cont .tel-call span {
	position: relative;
	padding: 0 3px 0 13px
}

.help-question-cont .tel-call span:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 3px;
	margin-top: -5px;
	display: block;
	width: 6px;
	height: 10px;
	background: url(../img/ico/ico_call.png) no-repeat;
	background-size: 6px 10px
}

.help-question-cont .info-txt {
	margin-left: 14px;
	font-size: 11px;
	color: #666
}

.help-question-cont .txt-wrap {
	padding-bottom: 15px;
	border-bottom: 2px solid #0d6fb8
}

.help-question-cont .txt-wrap p {
	font-size: 11px;
	font-weight: bold;
	color: #666
}

.help-question-cont .txt-box {
	margin: 0 0 20px 0;
}

.help-guide-wrap .txt-wrap {
	padding: 0 0 15px 0;
	font-size: 11px;
	font-weight: bold;
	color: #666;
	border-bottom: 2px solid #0d6fb8
}

.help-guide-wrap .txt-wrap.type02 {
	padding: 0 0 15px 0;
	font-size: 11px;
	font-weight: bold;
	color: #666;
	border-bottom: 0 none
}

.help-guide-wrap .bull-txt {
	color: #666
}

.help-guide-wrap .acco-sup {
	padding: 10px 0
}

.help-guide-wrap .blue-wrap {
	margin: 5px 0
}

.help-guide-wrap .title-wrap {
	margin: 0
}

.help-guide-wrap .title-wrap h4 {
	letter-spacing: -0.5px
}

.help-guide-wrap .guide-cont-box .txt-list {
	padding: 0 0 15px 0;
	color: #666;
	border-top: 0 none
}

.acco-question .question-cont {
	padding: 10px 20px 10px 10px;
	font-size: 11px;
	color: #666;
	background-color: #f2f2f2;
	border-top: 1px solid #e1e1e1
}

.help-guide-wrap .my-navi.type05 li.depth .title {
	display: block;
	position: relative;
	height: auto;
	padding: 15px 40px 15px 32px;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	background: url(../img/ico/ico_myp_arrow.png) 95% 50% no-repeat;
	background-size: 16px;
	line-height: 15px
}

.help-guide-wrap .my-navi.type05 ul li.depth .title.close {
	background: url(../img/ico/ico_at_close.png) 95% 50% no-repeat;
	background-size: 16px 2px
}

.help-guide-wrap .my-navi.type05 li.depth .depth02.active {
	box-shadow: none
}

.help-guide-wrap .my-navi.type05 ul li.depth div.depth02 {
	border-bottom: 0 none
}

.help-guide-wrap .my-navi.type05 li.depth .title .number {
	margin-left: -13px
}

.blue-wrap .blue-cont-wrap {
	padding: 15px 14px
}

.blue-cont-wrap .number-list li {
	padding: 0 0 0 14px;
	margin-bottom: 20px;
	border-top: 0 none
}

.blue-cont-wrap .number-list.type02 li {
	margin-bottom: 0
}

.help-guide-wrap .txt-list,.help-guide-wrap .txt-list.type02,.blue-cont-wrap .txt-list,.blue-cont-wrap .txt-list.type02
	{
	padding: 0;
	border: 0 none
}

.help-guide-wrap .txt-list.type02 li,.blue-cont-wrap .txt.type02 {
	font-size: 11px;
	font-weight: bold;
	color: #666
}

.blue-cont-wrap .txt {
	padding: 0;
	font-size: 11px;
	color: #666
}

.help-guide-wrap .blue-wrap>div p {
	padding: 0
}

.step-list.arre-none>li:after {
	display: none
}

.step-list.arre-none>li {
	padding-bottom: 11px
}

.step-list.type02 li .step-box {
	background: #fff;
	background: -moz-linear-gradient(top, #f5f5f5 0%, #ffffff 100%);
	background: -webkit-linear-gradient(top, #f5f5f5 0%, #ffffff 100%);
	background: linear-gradient(to bottom, #f5f5f5 0%, #ffffff 100%);
}

.step-box .txt {
	margin-top: 10px;
	font-size: 11px;
	color: #666
}

.step-box .number-list li {
	padding: 0 0 0 13px;
	font-size: 11px;
	border-top: 0 none
}

.step-box .number-list li:first-child {
	border-top: 0 none
}

.step-box .number-list li .number {
	margin-left: -13px
}

.step-box .number-list li .two-number {
	padding-left: 7px
}

.step-box .number-list li .two-number,.number-list.type02 li .two-number
	{
	margin-left: -13px
}

.tbl-style05.ff tbody td {
	border: 1px solid #fff
}

.acco-sup .txt-list {
	padding: 0
}

.acco-sup .step-list li .tit {
	font-size: 11px
}

.acco-sup .step-list li:last-child {
	padding-bottom: 0
}

.blue-cont-wrap .box-list {
	position: relative;
	margin: 10px 0;
	padding: 0 0 10px
}

.blue-cont-wrap .box-list.type02 {
	padding: 10px 0
}

.blue-cont-wrap .box-list.type02:before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	width: 1px;
	height: 100%;
	background-color: #f1f1f1
}

.blue-cont-wrap .box-list:after {
	content: '';
	display: block;
	clear: both
}

.blue-cont-wrap .box-list .txt-list {
	padding: 0 14px
}

.blue-cont-wrap .box-list .site-go {
	float: left;
	width: 50%;
	text-align: center
}

.blue-cont-wrap .box-list .site-go img {
	display: block;
	width: 101px;
	margin: 0 auto
}

.blue-cont-wrap .box-list .site-go .link-join {
	display: block;
	margin: 18px auto 0
}

.blue-cont-wrap .box-list .site-info {
	float: left;
	width: 50%
}

.blue-cont-wrap .box-list .site-info .txt-list {
	padding-left: 14px
}

.blue-cont-wrap .box-list .site-info .txt-list li {
	line-height: 15px
}

.blue-cont-wrap .box-list .txt.type02 {
	padding-left: 14px
}

.blue-cont-wrap .box-list .btn-site-go {
	margin-top: 15px
}

.blue-cont-wrap .tbl-style02.type02 td .bull-txt {
	padding-left: 7px;
	font-size: 11px;
	color: #666
}

.txt.type02 {
	margin: 15px 0;
	font-size: 11px;
	color: #666
}

.blue-cont-wrap .box-list.type03 {
	padding: 7px 7px 7px 14px
}

.blue-cont-wrap .box-list.type03:after {
	content: '';
	display: block;
	clear: both
}

.blue-cont-wrap .box-list.type03 p {
	float: left;
	display: inline-block
}

.blue-cont-wrap .box-list.type03 .link-join {
	float: right
}

.blue-cont-wrap .bull-txt.type02 {
	margin: 0;
	font-size: 11px;
	color: #666
}

.blue-cont-wrap .sub-list li {
	padding-left: 0
}

.table-scroll-wrap.type02 .table-fixed {
	width: 70px
}
.table-scroll-wrap.type02.pd .tbl-style05 th:first-child {
	padding: 7px 4px;
}
.table-scroll-wrap.type02.word-bk .table-scroll .tbl-style05 tbody td {word-break: break-all !important;}
.help-loan-wrap {
	padding-top: 0;
	margin: 0;
	padding: 10px
}

.help-loan-wrap .box-list.type02 {
	padding: 0;
	margin: 10px 0
}

.help-loan-wrap .content-info-cont {
	position: relative;
	padding: 10px
}

.help-loan-wrap .content-info-cont:before {
	content: '';
	position: absolute;
	top: 80px;
	left: 0;
	display: block;
	width: 100%;
	height: 1px;
	background-color: #ededed
}

.help-loan-wrap .goods-area {
	position: relative;
	margin: 0;
	padding: 0 80px 25px 0;
	border: 0 none
}

.help-loan-wrap .goods-area:before {
	content: '';
	position: absolute;
	top: 0;
	right: -10px;
	display: block;
	width: 95px;
	height: 78px;
}

.help-loan-wrap .goods-area.goods01:before {
	background: url(../img/ico/ico_goods01.png) center top no-repeat;
	background-size: 75px 78px;
}

.help-loan-wrap .goods-area.goods02:before {
	background: url(../img/ico/ico_goods02.png) center top no-repeat;
	background-size: 75px 78px;
}

.help-loan-wrap .goods-area.goods03:before {
	background: url(../img/ico/ico_goods03.png) center top no-repeat;
	background-size: 75px 78px;
}

.help-loan-wrap .goods-area.goods04:before {
	background: url(../img/ico/ico_goods04.png) center top no-repeat;
	background-size: 75px 78px;
}

.help-loan-wrap .goods-area.goods05:before {
	background: url(../img/ico/ico_goods05.png) center top no-repeat;
	background-size: 75px 78px;
}

.help-loan-wrap .goods-area.goods06:before {
	background: url(../img/ico/ico_goods06.png) center top no-repeat;
	background-size: 75px 78px;
}

.help-loan-wrap .goods-area.goods07:before {
	background: url(../img/ico/ico_goods07.png) center top no-repeat;
	background-size: 75px 78px;
}

.help-loan-wrap .goods-area.goods08:before {
	background: url(../img/ico/ico_goods08.png) center top no-repeat;
	background-size: 75px 78px;
}

.help-loan-wrap .goods-area.goods09:before {
	background: url(../img/ico/ico_goods09.png) center top no-repeat;
	background-size: 95px 78px;
}

.help-loan-wrap .goods-area .top-box:before {
	background: none
}

.help-loan-wrap .goods-area .top-box span {
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #0d6fb9;
	line-height: 25px
}

.help-loan-wrap .content-info {
	line-height: 15px
}

.help-loan-cont .txt-list>li {
	margin: 0 0 20px
}

.help-loan-cont .txt-list>li .sub-list>li {
	position: relative;
	margin-top: 7px;
	padding-left: 7px;
}

.help-loan-cont .txt-list>li .sub-list>li:before {
	content: '-';
	position: absolute;
	top: 0;
	left: 0;
}

.help-loan-cont .txt-list>li .sub-list02 {
	margin-left: 7px;
}

.help-loan-cont .txt-list>li .sub-list02 li {
	margin-top: 5px;
	padding-left: 10px;
}

.help-loan-cont .txt-list>li .sub-list02 li span {
	display: inline-block;
	text-indent: -10px;
}

.bank-list {
	margin-left: -10px
}

.bank-list:after {
	content: '';
	display: block;
	clear: both
}

.bank-list li {
	float: left;
	width: 50%;
	padding: 0 0 10px 10px;
	box-sizing: border-box
}

.bank-list li a {
	position: relative;
	display: block;
	border: 1px solid #ccc;
	border-radius: 4px;
	text-align: center
}

.bank-list li a:before {
	content: '';
	position: absolute;
	bottom: 22px;
	left: 0;
	display: block;
	width: 100%;
	height: 1px;
	background-color: #ededed
}

.bank-list li a .img-cont {
	display: block;
	padding: 9px 0;
	box-sizing: border-box
}

.bank-list li a .img-cont img {
	width: 89px
}

.bank-list li a .bank-call {
	display: block;
	padding: 2px 0;
	font-size: 11px;
	font-weight: bold;
	color: #666
}

.help-loan-cont .step-list li .tit {
	font-size: 11px
}
.bank-list.type02 li {
	width: 100%;
}

.bank-list.type02  li a .img-cont img {
	width: 55%;
}

.help-loan-cont p.unit {
	float: right;
	padding-top: 3px;
	font-size: 11px;
	color: #333;
}
.help-guide-wrap .search-wrap .search-input {
	width: 100%
}

.help-guide-wrap .search-wrap .search-input .input-cont {
	margin-left: 0
}

.help-wrap .tbl-wrap .tbl-style02.txtC thead th,.help-wrap .tbl-wrap .tbl-style02.txtC tbody th,.help-wrap .tbl-wrap .tbl-style02.txtC tbody td
	{
	padding: 7px 0;
	text-align: center
}

.help-wrap .tbl-wrap .tbl-style02.txtC tbody td.txtL {
	padding-left: 5px;
}

.help-wrap .tbl-wrap .tbl-style02.txtC thead tr:first-child th {
	border-top: 0
}

.help-wrap .tbl-wrap .tbl-style02.txtC thead tr th {
	border-top: 1px solid #ccc
}

.help-wrap .tbl-wrap .tbl-style02 td .txt-list {
	margin-left: 0;
}

.help-wrap .tbl-wrap .tbl-style02 td .sub-list>li {
	position: relative;
	margin-top: 7px;
	padding-left: 7px;
}

.help-wrap .tbl-wrap .tbl-style02 td .sub-list>li:before {
	content: '-';
	position: absolute;
	top: 0;
	left: 0;
}

.help-wrap .tbl-wrap .tbl-style02 td .sub-list02 {
	margin-left: 7px;
}

.help-wrap .tbl-wrap .tbl-style02 td .sub-list02 li {
	margin-top: 5px;
	padding-left: 10px;
}

.help-wrap .tbl-wrap .tbl-style02 td .sub-list02 li span {
	display: inline-block;
	text-indent: -10px;
}

.help-wrap .tbl-wrap .tbl-style02 td .ol-list .sub-list>li {
	margin-top: 0;
}

.help-wrap .tbl-wrap .tbl-style02 td .ol-list .sub-list>li:last-child {
	margin-bottom: 2px;
}
.help-cont-wrap.fund .help-recommend {
	border-bottom: 0
}

.help-cont-wrap.fund .ico-thumb {
	width: 75px;
	height: 78px;
}

.help-cont-wrap.fund .tv-area {
	min-height: inherit;
}

.help-cont-wrap.fund .tv-area .top-box {
	padding: 0 0 0 85px;
}

.help-cont-wrap.fund .tv-area img {
	width: 75px;
	height: 78px;
}

.help-cont-wrap.fund .btn-area {
	padding: 0 14px 20px 14px;
}

.help-cont-wrap.fund .btn-area .btn-round.type02 {
	width: 100%;
	background-color: #1863af;
	font-size: 16px;
	color: #fff;
	line-height: 34px;
}

.help-goods-cont.fund {
	
}

.help-goods-cont.fund .txt-list {
	padding: 0 0 20px 0;
	border: 0 none;
}

.help-goods-cont.fund p.unit {
	float: right;
	padding-top: 3px;
	font-size: 11px;
	color: #666;
}

/* 내집마련가이드 */
.cont-guide .txt {
	padding-bottom: 15px;
	font-size: 11px;
	color: #666
}

.cont-guide .dash-list li {
	margin-bottom: 20px;
	font-size: 11px;
	color: #666
}

.cont-guide .number-list li {
	border-top: 0 none
}

.cont-guide .txt-type01 {
	padding: 10px 0 20px 12px
}

.cont-guide .tbl-wrap .tbl-style02 thead th {
	border-bottom: 1px solid #ccc
}

.cont-guide-detail .box-cont .box-list {
	margin: 0 14px 5px
}

.cont-guide-detail .title-wrap {
	margin: 0 14px
}

.cont-guide-detail .box-cont .bull-txt {
	padding: 0 0 0 7px;
	margin-top: 15px
}

.cont-guide-detail .box-cont .txt-type01 {
	margin-left: 14px
}

.cont-guide-detail .box-cont .txt-list {
	padding-bottom: 0
}

.cont-guide-detail .box-cont .txt {
	padding: 0 14px 15px
}

.cont-guide-detail .box-cont .table-wrap {
	padding: 0 14px
}

/*---------------------------------------------------------------------------------------------------------
	마이페이지 - 사업자
---------------------------------------------------------------------------------------------------------*/
.mycompage .tv-area.type02 {
	border-bottom: 1px solid #d7d7da;
	background: url(../img/img/img_mcp_login.jpg) right center no-repeat;
	background-size: 47px 42px
}

.state-area .bull-txt {
	color: #333
}

.mycompage-menu {
	margin: 0 9px
}

.mycompage-menu ul {
	width: 100%
}

.mycompage-menu ul:after {
	content: '';
	display: block;
	clear: both
}

.mycompage-menu ul li {
	float: left;
	width: 50%;
	padding: 0 5px 10px;
	text-align: center;
	box-sizing: border-box
}

.mycompage-menu ul li a {
	display: block;
	width: 100%;
	height: 122px;
	background-color: #f1f1f1;
	border-radius: 5px
}

.mycompage-menu ul li a span {
	position: relative;
	display: block;
	padding-top: 88px;
	font-size: 11px;
	font-weight: bold;
	color: #666
}

.mycompage-menu ul li.menu1 a span:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 20px;
	margin-left: -37px;
	display: block;
	width: 75px;
	height: 45px;
	background: url(../img/ico/mycp_menu1.png) no-repeat;
	background-size: 75px 45px
}

.mycompage-menu ul li.menu2 a span:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 20px;
	margin-left: -29px;
	display: block;
	width: 58px;
	height: 55px;
	background: url(../img/ico/mycp_menu2.png) no-repeat;
	background-size: 58px 55px
}

.mycompage-menu ul li.menu3 a span:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 20px;
	margin-left: -22px;
	display: block;
	width: 43px;
	height: 60px;
	background: url(../img/ico/mycp_menu3.png) no-repeat;
	background-size: 43px 60px
}

.mycompage-menu ul li.menu4 a span:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 20px;
	margin-left: -27px;
	display: block;
	width: 53px;
	height: 60px;
	background: url(../img/ico/mycp_menu4.png) no-repeat;
	background-size: 53px 60px
}

/* 보증상품가입현황 */
.mycompage .tab4ea {
	margin-top: 20px
}

.mycompage-cont .my-navi {
	border: 0 none
}

.mycompage-cont .my-navi ul li.depth .title {
	height: 40px;
	font-size: 13px;
	font-weight: bold;
	line-height: 40px
}

/* tbl-style01 */
.mycompage-cont .tbl-style01 {
	border-top: 2px solid #0d6fb8;
	border-bottom: 1px solid #0d6fb8
}

.mycompage-cont .tbl-style01 thead th {
	padding: 9px 0 9px;
	color: #666;
	font-size: 13px;
	text-align: left;
	border-top: 1px solid #ccc;
	background-color: #ececec;
	letter-spacing: -1px
}

.mycompage-cont .tbl-style01 tbody th {
	padding: 9px 0 9px 10px;
	color: #666;
	text-align: left;
	border-top: 1px solid #ccc;
	background-color: #ececec;
	letter-spacing: -1px
}

.mycompage-cont .tbl-style01 tbody td {
	padding: 9px 10px 9px 10px;
	color: #666;
	text-align: left;
	border-top: 1px solid #ccc;
	text-align: right;
	letter-spacing: -1px
}

.mycompage-cont .tbl-style01 tbody tr:first-child th,.mycompage-cont .tbl-style01 tbody tr:first-child td
	{
	border-top: 0
}

.mycompage-cont .tbl-style01.bdtype thead th,.mycompage-cont .tbl-style01.bdtype tbody th,.mycompage-cont .tbl-style01.bdtype tbody td
	{
	padding: 9px 0;
	border-left: 1px solid #ccc;
	text-align: center
}

.mycompage-cont .tbl-style01.bdtype thead th:first-child,.mycompage-cont .tbl-style01.bdtype tbody th:first-child,.mycompage-cont .tbl-style01.bdtype tbody td:first-child
	{
	border-left: 0
}

.mycompage-cont .btn-wrap:after {
	content: '';
	display: block;
	clear: both
}

.mycompage-cont .btn-wrap .btn-view {
	display: block;
	float: right;
	padding: 1px 7px;
	font-weight: bold;
	color: #272727;
	font-size: 11px;
	text-align: center;
	border: 1px solid #e0e0e0;
	background: #fff;
	background: -moz-linear-gradient(top, #ffffff 0%, #f0f0ee 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%, #f0f0ee 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #f0f0ee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',
		endColorstr='#f0f0ee', GradientType=0);
	border-radius: 3px;
}

/* 상세보기 - 설문조사 */
.survey-form {
	border-bottom: 1px solid #ccc;
}

.survey-list ul li {
	margin-top: 20px;
}

.survey-list ul li:first-child {
	margin-top: 0;
}

.survey-list ul li .title {
	padding-left: 15px;
}

.survey-list ul li .title span {
	display: inline-block;
	text-indent: -15px;
}

.survey-chk {
	overflow: hidden;
	margin-top: 5px;
}

.survey-chk .radio-box,.survey-chk .check-box {
	display: block;
	margin-top: 5px;
	padding-left: 10px;
}

.survey-chk .radio-box:first-child,.survey-chk .check-box:first-child {
	margin-top: 0;
}

.survey-chk .radio-box label,.survey-chk .check-box label {
	font-size: 12px;
	font-weight: normal;
}

.survey-chk .survey-inp {
	display: block;
	margin-top: 5px;
	padding-left: 15px;
}

.survey-chk .survey-inp .survey-txt {
	height: 27px;
}

.survey-textarea {
	margin-top: 5px;
	padding-left: 10px;
}

.survey-textarea textarea {
	width: 100%;
	height: 100px;
	resize: none;
}

.survey-cont {
	margin-top: 20px;
}

.survey-cont dl {
	padding-top: 130px;
	background: url(../img/ico/mycp_menu2.png) center 0 no-repeat;
}

.survey-cont dl dt {
	font-size: 16px;
	color: #272727;
	font-weight: bold;
	text-align: center;
}

.survey-cont dl dd {
	margin-top: 10px;
	font-size: 12px;
	color: #666;
	text-align: center;
}

.survey-result .survey-img {
	margin-bottom: 30px;
}

.survey-result .survey-img img {
	width: 100%;
	vertical-align: top;
}

.survey-result .result-list li {
	margin-top: 15px;
}

.survey-result .result-list li:first-child {
	margin-top: 0;
}

.survey-result .result-list .title {
	padding-left: 15px;
	font-size: 12px;
	font-weight: bold;
}

.survey-result .result-list .title span {
	display: inline-block;
	text-indent: -15px;
}

.survey-result .result-list .answer {
	margin-top: 5px;
	padding-left: 15px;
}

.survey-result .result-list .answer .title {
	padding-left: 20px;
	font-weight: normal;
}

.survey-result .result-list .answer .title span {
	text-indent: -20px;
}

.survey-result .result-list .answer .graph {
	position: relative;
	height: 18px;
	margin-top: 3px;
}

.survey-result .result-list .answer .graph .result {
	position: absolute;
	top: 0;
	left: 0;
	right: 60px;
	height: 15px;
	background-color: #ececec;
}

.survey-result .result-list .answer .graph .result .bar {
	position: absolute;
	top: 0;
	left: 0;
	height: 15px;
	background-color: #ff5b00;
}

.survey-result .result-list .answer .per {
	float: right;
	width: 50px;
	line-height: 15px;
}

.detail-view .tbl-wrap .tbl-style02 {
	border-bottom: 1px solid #e0e0e0
}

.detail-view .tbl-style02 thead th {
	padding: 9px 0 9px;
	font-size: 11px;
	color: #666;
	border-top: 1px solid #ccc;
	background-color: #ececec;
	letter-spacing: -1px
}

.detail-view .tbl-style02 tbody td {
	padding: 9px 10px 9px 10px;
	font-size: 11px;
	color: #666;
	border-top: 1px solid #ccc;
	text-align: left;
	letter-spacing: -1px
}

/* 고객센터 - HUG 새소식 */
.n-news .tab-wrap {
	margin: 0
}

.n-news .news-tab-wrap .news-tab {
	margin: 20px 0 0
}

.n-news .news-tab .tab-style01 li>span,.n-news .news-tab .tab-style01 li button
	{
	font-size: 12px
}

.n-news .search-cont {
	margin: 15px 0 0
}

.n-news table {
	letter-spacing: -1px
}

.n-news .tbl-style02 {
	border-bottom: 1px solid #d3d3d3
}

.n-news .news-tab-wrap .news-cont {
	margin: 15px auto 0;
	text-align: center
}

.n-news .news-tab-wrap .news-cont img {
	position: relative;
	width: 292px
}

.n-news .news-tab-wrap .link-go {
	position: absolute;
	top: 83px;
	left: 50%;
	display: block;
	margin-left: 15px;
	padding: 2px;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 50%;
	text-align: center
}

.n-news .news-tab-wrap .link-go span {
	position: relative;
	display: block;
	width: 46px;
	height: 46px;
	padding: 10px 0 20px;
	font-size: 11px;
	font-weight: bold;
	box-sizing: border-box
}

.n-news .news-tab-wrap .link-go span:after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 5px;
	margin-left: -7px;
	display: block;
	width: 14px;
	height: 11px;
	background: url(../img/ico/ico_stat_link.png) center center no-repeat;
	background-size: 14px 11px
}
.pop-list-view .tbl-wrap {
	border-top: 2px solid #1863af;
}

.pop-list-view .tbl-wrap th {
	background-color: #fff;
}

.pop-list-view .tbl-wrap td {
	border-left: 0;
	padding-left: 20px;
}

.pop-list-view .list-cont {
	padding: 0 14px 20px 14px;
	font-size: 11px;
	color: #666;
}

.pop-list-view .list-cont img {
	width: 100%;
}

/* 공매공고물건 입찰안내 */
.top-area {
	padding-bottom: 15px;
	margin: 0 14px;
	border-bottom: 1px solid #ccc
}

.auction .my-navi.type03 {
	margin: 0 14px;
	width: auto
}

.auction .my-navi.type03 ul li.depth.last {
	border-bottom: 2px solid #0d6fb8
}

.auction .my-navi.type03 ul li.depth .title {
	height: 37px;
	line-height: 37px;
	background: url(../img/ico/ico_blue_arrow.png) right 15px no-repeat;
	background-size: 16px
}

.auction .my-navi.type03 ul li.depth .title.close {
	background: url(../img/ico/ico_blue_close.png) 100% 50% no-repeat;
	background-size: 16px 2px
}

.number-list {
	margin-top: 5px
}

.number-list li {
	padding: 10px 0 10px 13px;
	font-size: 11px;
	border-top: 1px solid #e1e1e1
}

.number-list li:first-child {
	border-top: 0 none
}

.number-list li .number {
	margin-left: -13px
}

.number-list li.number {
	margin-left: -20px
}

/* 분양관련사진 */
.sales-info-photo .top-area {
	padding-bottom: 0;
	margin: 0;
	border-bottom: 1px solid #ccc
}

.sales-info-photo .top-area .title-wrap.photo h4 {
	position: relative;
	padding-left: 23px
}

.sales-info-photo .top-area .title-wrap.photo h4:before {
	content: '';
	position: absolute;
	top: 3px;
	left: 0;
	width: 17px;
	height: 13px;
	background: #fff url(../img/img/img_pre_photo.png) left center no-repeat;
	background-size: 17px 13px;
	border: 0 none;
	border-radius: 0
}

.sales-info-photo .title-wrap {
	margin: 0;
	padding: 15px 14px 10px;
	border-top: 2px solid #f1f1f1
}

.sales-info-photo .title-wrap.first {
	border-top: 0 none
}

.sales-info-photo .title-wrap h4.cType01:before {
	content: '';
	position: absolute;
	top: 5px;
	left: 0;
	width: 5px;
	height: 5px;
	background-color: #fff;
	border: 2px solid #0d6fb8;
	border-radius: 50%
}

.sales-info-photo .tab-wrap {
	margin: 0;
	border-bottom: 1px solid #e1e1e1
}

.sales-info-photo:last-child .tab-wrap {
	border-bottom: 0 none
}

.sales-info-photo .tab-wrap .tab-style01 {
	margin: 0 14px;
	width: auto
}

.sales-info-photo .slide-sec {
	padding: 0 14px 15px 14px;
	border-bottom: 1px solid #e1e1e1
}

.sales-info-photo .tab-view-container {
	padding: 0 14px
}

.sales-info-photo .tab-view-container .slide-sec {
	padding: 10px 14px 15px 14px;
	border-bottom: 0 none
}

.sales-info-photo .tab-swiper .tab-view-container {
	padding: 0
}

.sales-info-photo .img-area {
	margin: 10px 0 20px;
	padding: 5px;
	border: 1px solid #f1f1f1
}

.sales-info-photo .img-area img {
	width: 100%
}
/* 내집마련계산기 */
.my-arithmometer .arithmometer-menu {
	margin: 10px 9px 0
}

.arithmometer-menu ul:after {
	content: '';
	display: block;
	clear: both
}

.arithmometer-menu ul li {
	float: left;
	width: 50%;
	padding: 5px;
	text-align: center;
	box-sizing: border-box
}

.arithmometer-menu ul li span {
	position: relative;
	display: block;
	padding: 74px 10px 10px 9px;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	background-color: #f1f1f1;
	border-radius: 5px;
	text-align: center;
	line-height: 13px
}

.arithmometer-menu ul li span:before {
	content: '';
	position: absolute;
	left: 50%;
	display: block;
}

.arithmometer-menu ul li.menu1 span:before {
	top: 23px;
	width: 35px;
	height: 32px;
	margin-left: -17px;
	background: url(../img/ico/ico_help_menu01.png) no-repeat;
	background-size: 35px 32px;
}

.arithmometer-menu ul li.menu2 span:before {
	top: 22px;
	width: 35px;
	height: 34px;
	margin-left: -17px;
	background: url(../img/ico/ico_help_menu02.png) no-repeat;
	background-size: 35px 34px;
}

.arithmometer-menu ul li.menu3 span:before {
	top: 23px;
	width: 35px;
	height: 32px;
	margin-left: -17px;
	background: url(../img/ico/ico_help_menu03.png) no-repeat;
	background-size: 35px 32px;
}

.arithmometer-menu ul li.menu4 span:before {
	top: 21px;
	width: 30px;
	height: 36px;
	margin-left: -15px;
	background: url(../img/ico/ico_help_menu04.png) no-repeat;
	background-size: 30px 36px;
}

.arithmometer-menu ul li.menu5 span:before {
	top: 20px;
	width: 33px;
	height: 38px;
	margin-left: -16px;
	background: url(../img/ico/ico_help_menu05.png) no-repeat;
	background-size: 33px 38px;
}

.arithmometer-menu ul li.menu6 span:before {
	top: 22px;
	width: 45px;
	height: 29px;
	margin-left: -23px;
	background: url(../img/ico/ico_help_menu06.png) no-repeat;
	background-size: 45px 29px;
}

.arithmometer-menu ul li.menu7 span:before {
	top: 23px;
	width: 32px;
	height: 32px;
	margin-left: -16px;
	background: url(../img/ico/ico_help_menu07.png) no-repeat;
	background-size: 32px 32px;
}

.help-wrap .arithmometer-menu.type02 {
	margin: -5px 0 0 -5px
}

.arithmometer-menu.type02 ul:after {
	content: '';
	display: block;
	clear: both
}

.arithmometer-menu.type02 ul li {
	float: left;
	width: 50%;
	text-align: left;
	box-sizing: border-box
}

.arithmometer-menu.type02 ul li span {
	position: relative;
	display: block;
	padding: 74px 10px 10px 9px;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	background-color: #f1f1f1;
	border-radius: 5px;
	text-align: center;
	line-height: 13px
}

.arithmometer-menu.type02 ul li span:before {
	content: '';
	position: absolute;
	left: 50%;
	display: block;
}
.arithmometer-menu.type02 ul li.menu00 span:before {top:21px; width:37px; height:35px; margin-left:-18px; background:url(../img/ico/ico_help_menu00n.png) no-repeat; background-size:37px 35px;}
.arithmometer-menu.type02 ul li.menu01 span:before {
	top: 23px;
	width: 35px;
	height: 32px;
	margin-left: -17px;
	background: url(../img/ico/ico_help_menu01.png) no-repeat;
	background-size: 35px 32px;
}

.arithmometer-menu.type02 ul li.menu02 span:before {
	top: 22px;
	width: 35px;
	height: 34px;
	margin-left: -17px;
	background: url(../img/ico/ico_help_menu02.png) no-repeat;
	background-size: 35px 34px;
}

.arithmometer-menu.type02 ul li.menu03 span:before {
	top: 23px;
	width: 35px;
	height: 32px;
	margin-left: -17px;
	background: url(../img/ico/ico_help_menu03.png) no-repeat;
	background-size: 35px 32px;
}

.arithmometer-menu.type02 ul li.menu04 span:before {
	top: 21px;
	width: 30px;
	height: 36px;
	margin-left: -15px;
	background: url(../img/ico/ico_help_menu04.png) no-repeat;
	background-size: 30px 36px;
}

.arithmometer-menu.type02 ul li.menu05 span:before {
	top: 20px;
	width: 33px;
	height: 38px;
	margin-left: -16px;
	background: url(../img/ico/ico_help_menu05.png) no-repeat;
	background-size: 33px 38px;
}

.arithmometer-menu.type02 ul li.menu06 span:before {
	top: 22px;
	width: 45px;
	height: 29px;
	margin-left: -23px;
	background: url(../img/ico/ico_help_menu06.png) no-repeat;
	background-size: 45px 29px;
}

.arithmometer-menu.type02 ul li.menu07 span:before {
	top: 23px;
	width: 32px;
	height: 32px;
	margin-left: -16px;
	background: url(../img/ico/ico_help_menu07.png) no-repeat;
	background-size: 32px 32px;
}
.arithmometer-menu.type02 ul li.menu08 span:before {top:20px; width:40px; height:31px; margin-left:-20px; background:url(../img/ico/ico_help_menu08n.png) no-repeat; background-size:40px 31px;}

/* 서비스 이용약관 */
.service .txt-list.type02 {
	border-bottom: 1px solid #e1e1e1
}

.service .service-info.type02 {
	border-top: 2px solid #f1f1f1
}

.service .service-info .txt-box {
	margin: 0;
	padding: 20px 20px 20px 15px;
	font-size: 11px;
	color: #666;
	border-bottom: 1px solid #0d6fb8
}

.service-info .txt-box .info-tit {
	display: block;
	margin-bottom: 15px
}

.service-info .txt-box .info-txt-area {
	display: block
}

.service-info .txt-box .info-txt-area,.service-info .txt-box .info-list
	{
	margin-bottom: 28px
}

.service-info .txt-box .info-list li {
	margin-top: 15px
}

.service-info .txt-box .info-list li:first-child {
	margin-top: 0
}

/* txt-box tbl-style02 */
.txt-box .tbl-wrap .tbl-style02 {
	border-top: 2px solid #7b7370;
	border-bottom: 1px solid #9e9692
}

.txt-box .tbl-wrap .tbl-style02 thead th {
	padding: 7px 0 7px 10px;
	background-color: #dedede;
	font-size: 10px;
	border-left: 1px solid #ccc
}

.txt-box .tbl-wrap .tbl-style02 thead th:first-child {
	border-left: 0
}

.txt-box .tbl-wrap .tbl-style02 tbody th,.txt-box .tbl-wrap .tbl-style02 tbody td
	{
	padding: 7px 0 7px 10px;
	font-size: 10px;
	color: #666;
	text-align: left;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	word-wrap: break-word;
	background-color: #f1f1f1;
	letter-spacing: -0.5px
}

.txt-box .tbl-wrap .tbl-style02 tbody th:first-child,.txt-box .tbl-wrap .tbl-style02 tbody td:first-child
	{
	border-left: 0
}

.txt-box .tbl-wrap .tbl-style02 tbody th {
	background-color: #dedede
}

.txt-box .tbl-wrap .tbl-style02 th.txtC,.txt-box .tbl-wrap .tbl-style02 td.txtC
	{
	padding: 7px 0;
	text-align: center
}

.txt-box .tbl-style02.bd-style {
	border-top: 0 none
}

.txt-box .tbl-style02.bd-style tr:first-child th,.txt-box .tbl-style02.bd-style tr:first-child td
	{
	border-top: 0 none
}

/* 고객 콜센터 안내 */
.call-service .top-area {
	margin: 0;
	padding: 0
}

.call-service .call-info-wrap {
	border-top: 2px solid #f1f1f1;
	border-bottom: 1px solid #e1e1e1
}

.call-service .call-info-wrap.first {
	border-top: 0 none
}

.call-service .call-info-wrap:last-child {
	border-bottom: 0 none
}

.call-info-wrap .call-info-cont {
	padding: 15px 14px 20px
}

.call-info-cont .call-info {
	margin-bottom: 15px;
	font-size: 11px
}

.call-info-cont .call-info:after {
	content: '';
	display: block;
	clear: both
}

.call-info-cont .call-info dt {
	float: left;
	margin: 0 15px 13px 0;
	padding: 0 7px;
	color: #fff;
	background-color: #77b627;
	border-radius: 8px;
	line-height: 15px
}

.call-info-cont .call-info dd .tel-cont {
	margin-left: 0;
	line-height: 15px
}

.call-info-cont .yellow-id-img img {
	display: inline-block;
	width: 100px
}

.call-info-cont .yellow-id {
	display: inline-block;
	margin-left: 13px;
	font-size: 13px;
	color: #666;
	line-height: 15px;
	border-bottom: 3px solid #ffcc00
}

.call-info-cont .kakao-info {
	padding: 15px 0 5px;
	margin-left: 6px;
	font-size: 11px;
	color: #666
}

.call-info-cont .kakao-info-cont {
	margin-left: 6px
}

.call-info-cont .kakao-info-cont li {
	font-size: 11px;
	line-height: 13px
}

.call-info-cont .txt-wrap {
	margin-left: 6px
}

.call-info-cont .bull-txt {
	line-height: 13px
}

.call-info-cont .kakao-addfriend {
	display: block;
	margin: 15px 0 0 6px;
	width: 113px;
	height: 23px;
	font-size: 11px;
	font-weight: bold;
	color: #ffcc00;
	background-color: #3b1d1d;
	border-radius: 2px;
	line-height: 23px
}

.call-info-cont .kakao-addfriend span {
	position: relative;
	display: block;
	padding: 0 20px 0 5px
}

.call-info-cont .kakao-addfriend span:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -7px;
	display: block;
	width: 7px;
	height: 13px;
	background: url(../img/ico/ico_ct_link02.png) right center no-repeat;
	background-size: 7px 13px
}

.call-info-wrap .tbl-wrap .tbl-style05.type02 thead th,.call-info-wrap .tbl-wrap .tbl-style05.type02 tbody td
	{
	padding: 10px 0;
	border-left: 1px solid #ccc;
	text-align: center
}

.call-info-wrap .tbl-wrap .tbl-style05.type02 thead th:first-child,.call-info-wrap .tbl-wrap .tbl-style05.type02 tbody td:first-child
	{
	border-left: 0 none
}

.call-info-wrap .tbl-wrap .tbl-style05.type02 tbody td.txtL {
	padding: 10px 0 10px 10px
}

.call-info-wrap .info-box {
	font-size: 11px
}

/* 내집마련 계산기 */
.info-pop-wrap {
	display: inline-block;
	position: relative;
	padding-right: 18px !important
}

.link-info-pop {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-left: 5px;
	background: url(../img/ico/ico_myp_info.png) no-repeat;
	background-size: 12px;
	vertical-align: middle;
}
.calculator-form .tbl-style01 th {
	position: relative
}

.calculator-form .tbl-style01 th .link-info-pop {
	top: 19px;
	right: 20px
}

.screening_step03 .tbl-style01 tbody td .info-txt {
	padding-left: 13px
}

.screening_step03 .tbl-style01 tbody td .info-txt .number {
	margin-left: -14px
}

/*--------------------------------------------------------------------------------------
	레이어 팝업 영역
---------------------------------------------------------------------------------------*/
.layer-pop {display:none; overflow-y:auto; position:fixed; top:40px; left:0; z-index:10; width:100%; height:auto; padding:10px 15px; box-sizing:border-box}
.layer-pop .pop-bg {position:fixed; top:0; left:0; z-index:0; width:100%; height:100%; background-color:rgba(0,0,0, .6)}
.layer-pop .pop-wrap {
	position: relative;
	z-index: 1;
	width: 100%;
	background-color: #fff;
	border-radius: 15px
}

.layer-pop .pop-wrap.scroll {
	overflow-y: auto;
	overflow-x: hidden;
	height: 100%
}
.layer-pop .pop-wrap .pop-close {
	position: absolute;
	top: 8px;
	right: 10px;
	z-index: 1;
	width: 28px;
	height: 28px;
	background: #fff url(../img/btn/btn_pop_close.png) center center
		no-repeat;
	background-size: 14px 14px;
	border: 2px solid #ccc;
	border-radius: 50%
}
.layer-pop .pop-header {
	height: 42px;
	text-align: center;
	border-bottom: 1px solid #e1e1e1
}

.layer-pop .pop-header span {
	display: inline-block;
	line-height: 42px;
	color: #333;
	font-size: 13px
}

.layer-pop .pop-header.type01 {
	padding-left: 15px;
	text-align: left
}

.layer-pop .pop-header.type01 span {
	font-weight: bold;
	font-size: 16px;
}

.layer-pop .pop-content .txt-wrap .txt {
	font-size: 13px;
	color: #666
}
.pop-sales .pop-wrap {
	overflow-y: auto;
	overflow-x: hidden;
	height: 100%
}

.pop-sales .pop-header,.pop-price .pop-header {
	height: auto !important;
	padding: 9px 38px;
}

.pop-sales .pop-header span,.pop-price .pop-header span {
	line-height: 16px !important;
}
.layer-pop.noty {
	top: 70px;
	z-index: 1000;
}

.layer-pop.noty .pop-wrap {
	border-radius: 0;
}
.layer-pop.noty .pop-wrap .pop-close {
	position: absolute;
	top: -22px;
	right: -5px;
	z-index: 1;
	width: 22px;
	height: 22px;
	background: url(../img/btn/btn_pop_close2.png) center center no-repeat;
	background-size: 12px 12px;
	border: 0
}

.layer-pop.noty .pop-header {
	position: relative;
	height: 105px;
	padding: 23px 0;
	background-color: #0d6fb8;
	box-sizing: border-box;
}
.layer-pop.noty .pop-header em {
	font-weight: bold;
}

.layer-pop.noty .pop-header span {
	font-size: 18px;
	line-height: 21px;
	color: #fff;
}

.layer-pop.noty .pop-content {
	padding: 22px 20px 30px 20px;
}

.layer-pop.noty .pop-content p {
	text-align: center;
}

.layer-pop.noty .pop-content .txt1 {
	font-size: 13px;
	line-height: 15px;
}

.layer-pop.noty .pop-content .txt1:first-child {
	margin-bottom: 8px;
}

.layer-pop.noty .pop-content .txt2:last-child {
	margin-top: 8px;
}

.layer-pop.noty .pop-content span {
	font-weight: bold;
}

.layer-pop.noty .pop-content .txt2 {
	font-size: 10px;
	line-height: 13px;
}

.layer-pop.noty .pop-content .box {
	margin: 19px 0 17px;
	font-size: 11px;
	border: 1px solid #ddd;
	padding: 15px 0 15px 18px;
}
.layer-pop .question-wrap {
	margin-top: 40px;
	background-color: #fff
}

.layer-pop .question-wrap .question {
	margin: 0 15px 15px;
	padding: 15px 0 15px 35px;
	background: url(../img/ico/ico_important.gif) 0 center no-repeat;
	background-size: 26px 26px;
	color: #666;
	font-size: 16px;
	line-height: 20px;
	border-bottom: 2px dotted #e1e1e1
}

.layer-pop .question-wrap .question.type01 {
	margin-bottom: 0;
	padding: 35px 0 35px 35px;
	border-bottom: 0;
}

.layer-pop .question-wrap .question.type01.tel {
	background: url(../img/ico/ico_tel02.png) 0 center no-repeat;
	background-size: 26px 26px;
}

.layer-pop .question-wrap .question-info {
	position: relative;
	margin: 0 15px 15px;
	padding-left: 7px;
	font-size: 13px;
	color: #666;
	line-height: 16px
}

.layer-pop .question-wrap .question-info:before {
	content: '';
	position: absolute;
	top: 6px;
	left: 0;
	width: 2px;
	height: 2px;
	background-color: #666
}

.layer-pop .question-wrap .btn-area {
	overflow: hidden;
	width: 100%;
	padding: 0
}

.layer-pop .question-wrap .btn-area a,.layer-pop .question-wrap .btn-area button
	{
	float: left;
	width: 50%;
	height: 56px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 56px
}

.layer-pop .question-wrap .btn-area .btn-cancle {
	background-color: #999;
	border-radius: 0 0 0 13px
}

.layer-pop .question-wrap .btn-area .btn-confirm {
	background-color: #0d6fb8;
	border-radius: 0 0 13px 0
}

.layer-pop .title-wrap {
	padding: 10px 0
}

.pop-map .pop-header {
	text-align: left;
	padding: 0 10px;
	font-weight: bold;
	border-bottom: 0
}

.pop-map .pop-header span {
	padding-left: 17px;
	background: url(../img/ico/ico_gps.png) 0 center no-repeat;
	background-size: 12px 14px
}

.pop-map .plant-list {
	overflow: hidden;
	padding: 0 10px
}

.pop-map .plant-list li {
	float: left;
	width: 25%;
	background-color: #f1f1f1;
	text-align: center;
	border-top: 2px solid #0d6fb8
}

.pop-map .plant-list li button {
	width: 100%;
	height: 25px;
	line-height: 25px;
	border-left: 1px solid #e4e4e4
}

.pop-map .plant-list li:first-child button {
	border-left: 0
}

.pop-map .plant-list li span {
	position: relative;
	display: inline-block;
	padding-left: 18px;
	font-size: 11px;
	color: #999;
	font-weight: bold;
	line-height: 25px;
	vertical-align: top
}

.pop-map .plant-list li span:before {
	content: '';
	position: absolute;
	left: 0;
	background: url(../img/ico/ico_plant.png) 0 0 no-repeat;
	background-size: 14px 74px
}

.pop-map .plant-list li.plant01 span:before {
	top: 7px;
	width: 10px;
	height: 10px;
	background-position: 0 0
}

.pop-map .plant-list li.plant02 span:before {
	top: 7px;
	width: 14px;
	height: 10px;
	background-position: 0 -20px
}

.pop-map .plant-list li.plant03 span:before {
	top: 5px;
	width: 14px;
	height: 14px;
	background-position: 0 -40px
}

.pop-map .plant-list li.plant04 span:before {
	top: 7px;
	width: 13px;
	height: 10px;
	background-position: 0 -64px
}

.pop-map .pop-wrap {
	height: 100%
}

.pop-map .plant-list li.on {
	background-color: #0d6fb8
}

.pop-map .plant-list li.on span {
	color: #fff
}

.pop-map .plant-list li.on span:before {
	background: url(../img/ico/ico_plant_on.png) 0 0 no-repeat;
	background-size: 14px 74px
}

.pop-map .plant-list li.plant01.on span:before {
	top: 7px;
	width: 10px;
	height: 10px;
	background-position: 0 0
}

.pop-map .plant-list li.plant02.on span:before {
	top: 7px;
	width: 14px;
	height: 10px;
	background-position: 0 -20px
}

.pop-map .plant-list li.plant03.on span:before {
	top: 5px;
	width: 14px;
	height: 14px;
	background-position: 0 -40px
}

.pop-map .plant-list li.plant04.on span:before {
	top: 7px;
	width: 13px;
	height: 10px;
	background-position: 0 -64px
}

.pop-map .map-cont {
	display: none;
	position: absolute;
	top: 79px;
	bottom: 20px;
	left: 10px;
	right: 10px
}

.pop-map .map-cont.on {
	display: block
}

.pop-map .map-cont .spot-area {
	position: absolute;
	top: 3px;
	left: 3px;
	right: 3px;
	z-index: 1;
	background-color: #f5f5f5;
}

.pop-map .map-cont .spot-area .spot-addr {
	display: block;
	padding: 5px 10px 5px 30px;
	background: url(../img/ico/ico_spot.png) 5px 5px no-repeat;
	background-size: 16px 16px;
	color: #333;
	font-size: 11px;
}

.pop-map .map-cont .map-area {
	position: relative;
	z-index: 0;
	overflow: hidden;
	width: 100%;
	height: 100%
}
.map-area .location {
	display: inline-block;
	width: 23px;
	height: 30px;
	background-color: inherit;
	border-bottom: none;
}
.pop-map .map-cont .map-area .location img {
	width: 100%;
	vertical-align: top;
}

.pop-map .map-cont .map-area .ico-spot {
	display: inline-block;
	width: 23px;
	height: 30px;
}

.pop-map .map-cont .map-area .ico-spot img {
	width: 100%;
	vertical-align: top;
}

.spot-frame {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	background-color: #fff;
	border-radius: 10px;
}

.spot-frame:before {
	content: '';
	position: absolute;
	bottom: -19px;
	left: 50%;
	width: 18px;
	height: 19px;
	margin-left: -9px;
	background: url(../img/bg/bg_spot_frame.png) 0 0 no-repeat;
	background-size: 18px 19px;
}

.spot-frame .spot-header {
	position: relative;
	padding: 5px 20px;
	text-align: center;
	border-bottom: 1px solid #e1e1e1;
}

.spot-frame .spot-header .cate {
	position: absolute;
	top: -10px;
	left: -5px;
	display: table;
	width: 35px;
	height: 35px;
	background-color: #0d6fb8;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	line-height: 30px;
	border-radius: 50%;
}

.spot-frame .spot-header .cate span {
	display: table-cell;
	line-height: 15px;
	vertical-align: middle;
}

.spot-frame .spot-header .title {
	display: inline-block;
	color: #333;
	font-size: 16px;
}

.spot-frame .spot-cont {
	padding: 10px 10px 15px;
}

.spot-frame .spot-cont .tel {
	display: block;
	color: #333;
	font-weight: bold;
	font-size: 14px;
}

.spot-frame .spot-cont .addr {
	display: block;
	color: #666;
	font-size: 12px;
}

.pop-photo .pop-wrap {
	overflow-y: auto;
	overflow-x: hidden;
	height: 100%
}

.pop-photo .pop-header {
	text-align: left;
	padding: 0 10px;
	font-weight: bold
}

.pop-photo .pop-header span {
	padding-left: 17px;
	background: url(../img/ico/ico_gps.png) 0 center no-repeat;
	background-size: 12px 14px
}

.pop-photo .title-wrap {
	padding: 10px 0 5px
}

.pop-photo .title-wrap .h5-tit {
	color: #0d6fb8
}

.pop-photo .title-wrap .h5-tit:before {
	border: 2px solid #0d6fb8
}

.pop-photo .slide-cont {
	padding: 0 10px;
	border-bottom: 2px solid #f1f1f1
}

.pop-photo .slide-cont li img {
	width: 100%;
	vertical-align: top
}

.pop-photo .slide-cont .photo-pager {
	overflow: hidden;
	padding: 8px 0
}

.pop-photo .slide-cont .photo-pager span {
	float: left;
	width: 20%;
	padding: 2px;
	border: 1px solid #e1e1e1;
	box-sizing: border-box
}

.pop-photo .slide-cont .photo-pager span.on {
	background-color: #333
}

.pop-photo .slide-cont .photo-pager span img {
	width: 100%;
	vertical-align: top
}

.pop-photo .no-img {
	overflow: hidden;
	margin: 10px 10px 0;
}

.pop-photo .no-img span {
	display: block;
	width: 100%;
	padding: 100px 0 50px;
	background: #eee url(../img/ico/ico_exclamation_mark.png) center 40px
		no-repeat;
	background-size: 50px 50px;
	text-align: center;
	font-size: 12px;
	color: #333;
}

.pop-photo .slide02,.pop-photo .slide03,.pop-photo .slide04,.pop-photo .slide05
	{
	margin-top: 10px
}

.pop-photo .sel-plan {
	margin: 0 10px;
}

.pop-photo .sel-plan select {
	background-color: #fff;
}

.pop-photo .plan-box {
	padding: 10px
}

.pop-photo .plan-box img {
	width: 100%
}

.pop-wrap .tbl-wrap.site-guide-wrap {
	padding-top: 10px;
	margin: 0
}

.pop-wrap .tbl-wrap.site-guide-wrap {
	
}

.pop-wrap .tbl-wrap.site-guide-wrap .tbl-style05 tbody th,.pop-wrap .tbl-wrap.site-guide-wrap .tbl-style05 tbody td
	{
	padding: 10px;
	line-height: 19px
}

.pop-wrap .tbl-wrap.site-guide-wrap .link-join {
	float: right;
	margin-left: 0
}

.layer-pop.pop-alert .pop-wrap {
	width: 100%;
	background-color: #fff;
	border-radius: 15px
}

.layer-pop.pop-alert .pop-wrap.scroll {
	overflow-x: hidden;
	overflow-y: auto;
	height: 100%;
}

.layer-pop.pop-alert .pop-header {
	height: 50px;
	padding: 0 12px
}

.layer-pop.pop-alert .pop-header .tit {
	display: block;
	font-weight: bold;
	font-size: 16px;
	color: #333;
	line-height: 50px;
	text-align: left
}

.layer-pop.pop-alert .pop-header .tit.icon {
	position: relative;
	margin-top: 20px;
	padding-left: 36px;
	font-weight: normal;
	font-size: 16px;
	color: #666;
	line-height: 20px
}

.layer-pop.pop-alert .pop-header .tit.icon:after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 26px;
	height: 26px;
	background: url(../img/ico/icon_point_52x52.png) no-repeat;
	background-size: 26px 26px
}

.layer-pop.pop-alert .pop-content {
	padding-bottom: 20px;
	border-bottom: 1px solid #e1e1e1
}

.layer-pop.pop-alert .pop-content .cont-box01 {
	padding: 15px 12px 0;
	border-top: 1px solid #e1e1e1
}

.layer-pop.pop-alert .pop-content .cont-box01 .txt {
	font-size: 13px;
	color: #666;
	letter-spacing: -1px
}

.layer-pop.pop-alert .pop-content .cont-box01+.cont-box02 {
	margin-top: 15px
}

.layer-pop.pop-alert .pop-content .cont-box01 .list-type01>li:first-child
	{
	margin-top: 0;
}

.layer-pop.pop-alert .pop-content .cont-box01 .list-type01>li {
	margin-top: 16px;
	font-size: 13px;
}

.layer-pop.pop-alert .pop-content .cont-box02 {
	margin-top: 15px;
	border-top: 1px dotted #e1e1e1
}

.layer-pop.pop-alert .pop-content .cont-box02 {
	margin: 0 12px;
	padding-top: 15px
}

.layer-pop.pop-alert .pop-content .cont-box02 .txt-list {
	padding: 0 4px;
	border-top: 0
}

.layer-pop.pop-alert .pop-content .cont-box02 .txt-list li:first-child {
	margin-top: 0
}

.layer-pop.pop-alert .pop-content .cont-box02 .txt-list li {
	margin-top: 6px;
	font-size: 11px;
	color: #666
}

.layer-pop.pop-alert .pop-content .cont-box02 .bull-txt {
	margin-left: 4px
}

.layer-pop.pop-alert .alert-confirm {
	height: 56px;
	width: 100%;
	font-weight: bold;
	font-size: 16px;
	color: #fff;
	text-align: center;
	letter-spacing: -0.5px;
	border-radius: 0 0 15px 15px;
	background-color: #0d6fb8;
	box-sizing: border-box
}

.layer-pop.pop-alert .btn-wrap {
	display: flex;
	width: 100%
}

.layer-pop.pop-alert .btn-wrap button {
	width: 50%
}

.layer-pop.pop-alert .btn-wrap .btn.pop-close {
	background-color: #999
}

.layer-pop.pop-alert .btn-area {
	overflow: hidden;
	width: 100%;
	padding: 0
}

.layer-pop.pop-alert .btn-area a,.layer-pop.pop-alert .btn-area button {
	float: left;
	width: 50%;
	height: 56px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 56px
}

.layer-pop.pop-alert .btn-area .btn-cancle {
	background-color: #999;
	border-radius: 0 0 0 13px
}

.layer-pop.pop-alert .btn-area .btn-confirm {
	background-color: #0d6fb8;
	border-radius: 0 0 13px 0
}

.pop-workplace .pop-wrap {
	overflow-y: auto;
	overflow-x: hidden;
	height: 100%
}

.pop-workplace-name .pop-wrap {
	padding-bottom: 15px
}

.pop-interest-rate .box-cont:first-child,.pop-interest-rate2 .box-cont:first-child
	{
	padding-top: 20px
}

.pop-interest-rate .box-cont,.pop-interest-rate2 .box-cont {
	padding-top: 10px
}

.layer-pop.olympic {display: block; z-index: 60; left:50%;top:50%; width: 100%; height:100%;padding:0;-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%); }
.layer-pop.olympic .pop-content {position:absolute; left:50%; top:50%; width:100%; position:absolute;left:50%;top:50%;-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);} /* 171219_2*/
.layer-pop.olympic .pop-content img {width: 100%; font-size:0;}
.layer-pop.olympic .pop-btn-area {overflow:hidden; line-height:inherit;}
.layer-pop.olympic .pop-btn-area button {float:left;width:50%; height:47px; background-color:#f7f7f7; font-size: 15px; color:#333; text-align: center; line-height: 47px; box-sizing:border-box;}
.layer-pop.olympic .pop-btn-area .close {border-left:1px solid #c9c9c9;}

.layer-pop.pop-native {top:0; height:100%; padding:15px 15px;}
.layer-pop.pop-native .pop-wrap {height:100%; overflow-y:auto; border-radius:inherit;}
.layer-pop.pop-native .pop-wrap .pop-close {position:fixed; top:25px; right:25px; border:0; width:25px; height:25px; background:url(../img/btn/btn_close.png) no-repeat 0 0; background-size:25px 25px;}
.layer-pop.pop-native .pop-wrap .pop-header {border-bottom:0;}
.layer-pop.pop-native .pop-wrap .pop-header .pop-logo {width:149px; height:23px; padding:10px 0 10px; background:url(../img/img/img_pop_logo.png) no-repeat 10px center; background-size:149px 23px;}
.layer-pop.pop-native .pop-content .cont-box01 .cont {padding:60px 0 40px; text-align:center;}
.layer-pop.pop-native .pop-content .cont-box01 .cont.ty02 {padding:20px 25px; background-color:#ededed;}
.layer-pop.pop-native .pop-content .cont-box01 .cont.ty02 .input-row {margin-bottom:9px;}
.layer-pop.pop-native .pop-content .cont-box01 .cont.ty02 .btn-round {margin-left:0;}
.layer-pop.pop-native .pop-content .cont-box01 .cont.ty03 {padding:20px 0 10px;}
.layer-pop.pop-native .pop-content .cont-box01 .cont p {font-size:20px; color:#333; font-weight:bold;}
.layer-pop.pop-native .pop-content .cont-box01 .cont.ty03 .notice-txt {font-size:13px; color:#333; line-height:15px; font-weight:normal;}
.layer-pop.pop-native .pop-content .cont-box01 .cont .text {position:relative; display:inline-block; margin-top:3px;}
.layer-pop.pop-native .pop-content .cont-box01 .cont .text:first-child {margin-top:0;}
.layer-pop.pop-native .pop-content .cont-box01 .cont .text:before {content:''; display:block; position:absolute; left:0; bottom:0; width: 100%; height:1px; border-bottom:1px solid #333;}
.layer-pop.pop-native .pop-content .cont-box01 .cont .text em {color:#0d6fb8; font-weight:bold;}

.layer-pop.pop-native .pop-content .native-list {overflow:hidden; position:relative; width:224px; margin:25px auto 20px;}
.layer-pop.pop-native .pop-content .native-list:before {content:''; display:block; position:absolute; left:50%; top:28px; width:10px; height:17px; margin-left:-5px; background:url(../img/ico/ico_native_arrow.png) no-repeat 0 0; background-size:10px 17px;}
.layer-pop.pop-native .pop-content .native-list li {width:95px; padding-top:84px; text-align:center;}
.layer-pop.pop-native .pop-content .native-list li.item01 {float:left; background:url(../img/img/native_step01.png) no-repeat center 0; background-size:75px 75px;}
.layer-pop.pop-native .pop-content .native-list li.item02 {float:right; background:url(../img/img/native_step02.png) no-repeat center 0; background-size:75px 75px;}
.layer-pop.pop-native .pop-content .native-list li .txt {display:block; font-size:12px; color:#000; font-weight:bold;}
.layer-pop.pop-native .pop-content .cont-box01 .cont.ty02 .btn-round {width:100%;}
.layer-pop.pop-native .pop-content .cont-box01 .btn-skip {display:inline-block; position:relative; width:65px; height:25px; margin-top:70px; padding:0 30px 0 8px; border:2px solid #067eb6; background-color:#fff; font-size:13px; color:#067eb6; line-height:21px; font-weight:bold; box-sizing:border-box;}
.layer-pop.pop-native .pop-content .cont-box01 .btn-skip:before {content:''; display:block; position:absolute; right:9px; top:8px; width:15px; height:7px; background:url(../img/ico/ico_right_arrow.png) no-repeat 0 0; background-size:15px 7px;}

.onbid-box {}
.onbid-box .img-wrap {
	margin-top: 10px;
	text-align: center
}

.onbid-box .img-wrap img {
	max-width: 100%
}

.onbid-box .txt-wrap {
	padding-top: 20px
}

.onbid-box .txt-wrap .txt {
	font-size: 11px;
	color: #666
}

.calculator-info-form {
	margin: 0 14px
}

.calculator-info-form .guide-txt {
	padding: 18px 0 7px
}

.calculator-info-form .title-wrap {
	margin: 0
}

.calculator-info-form .title-wrap .link-info-pop {
	
}

.calculator-info-form .txt-box04 .tbl-wrap.tbl-inp.fir {
	margin-bottom: 0
}

.calculator-info-form .txt-box04 .tbl-wrap.fir .tbl-style02 {
	border-bottom: 0
}

.calculator-info-form .txt-box04 .tbl-wrap.tbl-inp {
	margin-bottom: 20px
}

.tbl-wrap.tbl-inp .tbl-style02 tbody th,.tbl-wrap.tbl-inp .tbl-style02 tbody td
	{
	padding: 10px 0
}

.tbl-wrap.tbl-inp .msg {
	padding-top: 8px;
	font-size: 11px;
	color: #b80d0d;
	letter-spacing: -0.5px
}

.box-cont .h4-tit.info-icon-wrap .link-info-pop {
	display: inline-block;
	position: relative;
	margin-left: 5px
}

.txt-box04 .btn-right {
	padding-bottom: 20px
}

.cell-sec .bg01 {
	padding: 10px 15px;
	background-color: #f5f5f5;
	border-radius: 5px;
	box-sizing: border-box
}

.cell-sec .tit {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 12px
}

.cell-wrap .bg01 {
	
}

.cell-wrap {
	display: table;
	width: 100%
}

.cell-wrap>span {
	display: table-cell;
	vertical-align: top;
	border-collapse: collapse
}

.cell-wrap .cell-ty01 {
	width: 50%
}

.cell-wrap .cell-ty02 {
	width: 33.333%
}

.cell-wrap .cell-pt01 {
	display: block;
	padding-left: 8px
}

.input-sec:first-child {
	margin-top: 0
}

.input-sec {
	margin-top: 10px;
	padding: 10px 0;
	background-color: #f1f1f1
}

.input-sec.result {
	margin-top: 0;
	padding-top: 0;
	border-bottom: 2px solid #0d6fb8
}

.input-type01:first-child {
	margin-top: 0
}

.input-type01 {
	position: relative;
	margin: 10px 16px 0
}

.input-type01 .input-txt {
	
}

.input-type01 .unit {
	position: absolute;
	top: 12px;
	right: 7px;
	font-size: 11px
}

.input-type01 .input-text {
	padding: 0 20px 0 10px
}

.input-type01 input::-webkit-input-placeholder {
	font-size: 11px;
	color: #999
}

.input-type02 {
	position: relative;
	margin: 0 16px
}

.input-type02:after {
	display: block;
	content: "";
	clear: both
}

.input-type02 .input-wrap:first-child {
	margin-top: 15px
}

.input-type02 .input-wrap {
	display: table;
	width: 100%;
	height: 37px;
	margin-top: 10px;
	border: 1px solid #e1e1e1;
	background-color: #fff;
	box-sizing: border-box
}

.input-type02 .label {
	display: table-cell;
	width: 120px;
	padding-left: 10px;
	vertical-align: middle;
	box-sizing: border-box
}

.input-type02 .label label,.input-type02 .label span {
	position: relative;
	padding-right: 5px;
	font-size: 11px
}

.input-type02 .label label:after,.input-type02 .label span:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 1px;
	height: 9px;
	margin-top: -5px;
	background-color: #666
}

.input-type02 .input-box {
	display: table;
	position: relative;
	width: 100%
}

.input-type02 .input-box .unit {
	position: absolute;
	top: 9px;
	right: 7px;
	font-size: 11px
}

.input-type02 .input-text {
	height: 35px;
	padding: 0 20px 0 10px;
	border: 0;
	font-size: 11px;
	text-align: right;
	vertical-align: middle
}

.input-type02 span.input-text {
	display: table-cell;
	width: 100%;
	box-sizing: border-box
}

.input-sec .title-wrap {
	padding: 0
}

.input-sec .check-list {
	margin: 0 10px
}

.input-sec .check-list li {
	width: auto;
	padding-right: 15px;
	box-sizing: border-box
}

.input-sec .check-list li:last-child {
	padding-right: 0
}

.input-sec .check-list li label {
	display: block
}

.input-sec-radio {
	padding-top: 15px
}

.input-sec-radio .radio-list li {
	margin-top: 0;
	padding-left: 25px;
	box-sizing: border-box
}

.input-sec-radio .radio-box {
	
}

.input-sec-radio .radio-box label {
	display: inline-block;
	padding-left: 20px
}

.input-sec .btn-area {
	padding: 10px 0 0
}

.list-type01 {
	padding-top: 20px
}

.list-type01>li:first-child {
	margin-top: 0
}

.list-type01>li {
	margin-top: 4px;
	padding-left: 12px;
	font-size: 11px;
	color: #666;
	line-height: 16px
}

.list-type01>li .mark {
	margin-left: -12px
}

.list-type01 ul>li {
	font-size: 13px;
}

.txt-type01 {
	padding: 20px 0 0 12px;
	font-size: 11px;
	color: #666;
	line-height: 16px
}

.txt-type01 .mark {
	margin-left: -12px
}

.txt-type01.cType02 {
	color: #b80d0d
}

.list-type02 {
	
}

.list-type02 li:first-child {
	padding-top: 0
}

.list-type02 li {
	padding: 20px 0 0 30px;
	font-size: 11px;
	color: #666;
	line-height: 15px
}

.list-type02 li:after {
	display: block;
	content: "";
	clear: both
}

.list-type02 .num {
	float: left;
	margin-left: -30px;
	font-weight: bold;
	font-size: 20px;
	color: #0d6fb8;
	line-height: 20px
}

.list-type03 {
	
}

.list-type03>li:first-child {
	margin-top: 0;
}

.list-type03>li {
	margin-top: 20px;
	font-weight: bold;
	font-size: 13px;
	color: #666;
	letter-spacing: -0.5px;
}

.list-type03 ul>li:first-child {
	margin-top: 10px;
}

.list-type04 {
	
}

.list-type04 li {
	padding-left: 14px;
	font-size: 11px;
	color: #666;
	letter-spacing: -0.5px;
}

.list-type04.ft-13 li {
	font-size: 13px;
}

.list-type04 li .num {
	margin-left: -13px;
}

.acco-calculator {
	padding: 15px 0
}

.acco-calculator .title-wrap {
	margin: 0;
	padding: 0 0 3px
}

.acco-calculator .title-wrap .tit+.tit {
	margin-top: 10px
}

.acco-calculator .tbl-wrap+.title-wrap {
	padding-top: 0
}

.acco-calculator .txt-list {
	padding: 0;
	border-top: 0
}

.acco-calculator .txt-list>li {
	margin-top: 4px;
	color: #666
}

.acco-calculator .txt-list>li:before {
	background-color: #666
}

.acco-calculator .bull-txt {
	color: #666
}

.acco-calculator .bull-txt:before {
	background-color: #666
}

.acco-calculator .tbl-wrap .tbl-style02 thead th,.acco-calculator .tbl-wrap .tbl-style02 tbody td
	{
	text-align: center
}

.my-calculator .insert-wrap {
	display: none
}

.my-calculator .result-wrap {
	display: none
}

.my-calculator .insert-wrap.on {
	display: block
}

.my-calculator .result-wrap.on {
	display: block
}

.tab-style01 li button span.txt-gt {
	display: inline-block;
	margin: 0 6px;
	font-size: 16px
}

.box-list .radio-wrap {
	padding-top: 20px
}

.box-list .radio-wrap {
	padding: 15px 13px 0
}

.box-list .radio-wrap .txt {
	font-size: 12px;
	font-weight: bold
}

.box-list .radio-wrap .radio-list {
	width: 160px;
	margin: 0 auto;
	padding-top: 15px;
	text-align: center
}

.box-list .radio-wrap .radio-list .radio-box label {
	font-size: 13px
}

.txt-cont {
	padding-bottom: 20px
}

.txt-list-wrap .tit {
	font-weight: bold;
	font-size: 11px;
	color: #666
}

.txt-list-wrap .txt-list {
	padding: 0;
	border-top: 0
}

/* 정부 3.0 */
.government-info {
	border-top: 2px solid #0d6fb8;
}

.government-text {
	overflow: hidden;
	margin: 20px 0;
}

.government-text .img-text {
	position: relative;
	min-height: 80px;
	padding-left: 120px;
}

.government-text p {
	clear: both;
	font-size: 11px;
	color: #666;
	line-height: 20px;
}

.government-text img {
	position: absolute;
	top: -5px;
	left: 0;
	width: 110px;
}

.government {
	margin-top: 20px;
}

.government .acco-container li.depth {
	background: url(../img/ico/ico_arrow.png) 95% 23px no-repeat;
	background-size: 18px auto;
	border-top: 1px solid #e1e1e1
}

.government .acco-container li.depth .title:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 15px;
	background: url(../img/ico/splite_ico.png) 0 0 no-repeat
}

.government .acco-container li.depth {
	border-top: 0;
	border-bottom: 1px solid #ccc
}

.government .acco-container li.depth.open {
	background: url(../img/ico/ico_blue_close.png) right 25px no-repeat;
	background-size: 16px
}

.government .acco-container li.depth .title {
	position: relative;
	display: block;
	padding-left: 0;
	height: 45px;
	line-height: 45px;
	font-size: 13px;
	font-weight: bold;
	color: #0d6fb8;
	background: url(../img/ico/ico_blue_arrow.png) right 18px no-repeat;
	background-size: 16px
}

.government .acco-container li.depth .title.close {
	background: url(../img/ico/ico_blue_close.png) 100% 50% no-repeat;
	background-size: 16px 2px
}

.government .acco-container li.depth div.depth02 {
	position: relative;
	border-bottom: 2px solid #0d6fb8
}

.government .acco-container li.depth div.depth03 {
	border-bottom: 2px solid #0d6fb8
}

.government .acco-container li.depth .title:before {
	background: none
}

.government-step {
	overflow: hidden;
}

.government-step li {
	float: left;
	margin-top: 15px;
	padding: 5px 0;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	text-align: center;
}

.government-step li.step01 {
	width: 35%;
	background: #919191 url(../img/bg/bg_step01.gif) right 0 no-repeat;
	background-size: auto 100%;
}

.government-step li.step02 {
	width: 30%;
	background: #797979 url(../img/bg/bg_step02.gif) right 0 no-repeat;
	background-size: auto 100%;
}

.government-step li.step03 {
	width: 35%;
	background-color: #5a5a5a;
}

.strategy {
	margin: 15px 0;
}

.strategy li {
	margin-top: 10px;
}

.strategy li:first-child {
	margin-top: 0;
}

.strategy li.item {
	display: table;
	width: 100%;
}

.strategy .item .tit {
	display: table-cell;
	width: 50px;
	font-size: 11px;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	border-radius: 5px;
}

.strategy .item .text {
	display: table-cell;
	vertical-align: middle;
}

.strategy .item .text span {
	display: block;
	margin-left: 10px;
	padding: 8px 10px;
	font-size: 11px;
	line-height: 15px;
	border-radius: 5px;
}

.strategy .item01 .tit {
	color: #fff;
	background-color: #0d6fb8;
}

.strategy .item02 .tit {
	color: #fff;
	background-color: #67afe5;
}

.strategy .item03 .tit {
	color: #666;
	background-color: #bbe0fc;
}

.strategy .item04 .tit {
	color: #666;
	background-color: #ebf5fd;
}

.strategy .item05 .tit {
	color: #666;
	background-color: #ededed;
}

.strategy .item01 .text span {
	color: #fff;
	background-color: #0d6fb8;
}

.strategy .item02 .text span {
	color: #fff;
	background-color: #67afe5;
}

.strategy .item03 .text span {
	color: #666;
	background-color: #bbe0fc;
}

.strategy .item04 .list-item {
	display: table-cell;
}

.strategy .item04 .list-item ul {
	margin-left: 10px;
	padding: 8px 0;
	background-color: #ebf5fd;
	border-radius: 5px;
}

.strategy .item04 .list-item ul li {
	margin-left: 20px;
	padding-right: 10px;
	color: #666;
	font-size: 11px;
	list-style: disc;
}

.strategy .item04 .list-item {
	display: table-cell;
}

.strategy .item05 .list-item ul {
	margin-left: 10px;
}

.strategy .item05 .list-item ul li span {
	display: block;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
	background-color: #0d6fb8;
	border-radius: 5px 5px 0 0;
}

.strategy .item05 .list-item ul li ul {
	margin: 0;
	padding: 8px 0;
	background-color: #ededed;
	border-radius: 0 0 5px 5px;
}

.strategy .item05 .list-item ul li ul li {
	margin-left: 20px;
	padding-right: 10px;
	color: #666;
	font-size: 11px;
	list-style: disc;
}

.propulsion-system {
	margin: 20px 0;
}

.propulsion-system img {
	width: 100%;
}

.multiple-cultures {
	margin-top: 15px;
	border: 2px solid #e1e1e1;
	border-radius: 5px;
}

.multiple-cultures dt {
	color: #0d6fb8;
	font-size: 16px;
	font-weight: bold;
	line-height: 35px;
	text-align: center;
	border-bottom: 1px solid #e1e1e1;
	background: rgba(255, 255, 255, 1);
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(246, 246, 246, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255,
		255, 1)), color-stop(100%, rgba(246, 246, 246, 1)));
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(246, 246, 246, 1) 100%);
	background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(246, 246, 246, 1) 100%);
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(246, 246, 246, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%,
		rgba(246, 246, 246, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',
		endColorstr='#f6f6f6', GradientType=0);
	border-radius: 5px 5px 0 0;
}

.multiple-cultures dd ul {
	overflow: hidden;
	margin: 15px 0;
}

.multiple-cultures dd ul li {
	float: left;
	width: 33.3%;
	text-align: center;
}

.multiple-cultures dd ul li img {
	width: 75px;
}

.multiple-cultures dd ul li span {
	display: block;
	font-weight: bold;
	font-size: 11px;
}

.multiple-cultures dd ul li.ty02 {
	width: 30%;
	padding-left: 20%;
}

.multiple-cultures dd ul li.ty03 {
	width: 30%;
	padding-right: 20%;
}

.guarantee-goods {
	margin-top: 15px;
	border: 2px solid #e1e1e1;
	border-radius: 5px;
}

.guarantee-goods dt {
	color: #0d6fb8;
	font-size: 16px;
	font-weight: bold;
	line-height: 35px;
	text-align: center;
	border-bottom: 1px solid #e1e1e1;
	background: rgba(255, 255, 255, 1);
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(246, 246, 246, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255,
		255, 1)), color-stop(100%, rgba(246, 246, 246, 1)));
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(246, 246, 246, 1) 100%);
	background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(246, 246, 246, 1) 100%);
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(246, 246, 246, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%,
		rgba(246, 246, 246, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',
		endColorstr='#f6f6f6', GradientType=0);
	border-radius: 5px 5px 0 0;
}

.guarantee-goods dd {
	padding: 15px 0;
	text-align: center;
}

.guarantee-goods dd:last-child {
	border-top: 1px solid #ccc;
}

.guarantee-goods dd .goods {
	display: inline-block;
	color: #333;
	font-size: 13px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}

.guarantee-goods dd ul {
	overflow: hidden;
}

.guarantee-goods dd ul li {
	float: left;
	width: 50%;
	margin-top: 10px;
}

.guarantee-goods dd ul li span {
	padding-left: 15px;
	background: url(../img/btn/btn_favorites03.png) 0 0 no-repeat;
	background-size: 12px;
	font-size: 11px;
}

.egov-step {
	margin-bottom: 15px;
}

.egov-step dl {
	margin-top: 15px;
	border: 1px solid #e1e1e1;
	border-radius: 5px;
}

.egov-step dl dt {
	color: #0d6fb8;
	font-size: 16px;
	font-weight: bold;
	line-height: 35px;
	text-align: center;
	border-bottom: 1px solid #e1e1e1;
	background: rgba(255, 255, 255, 1);
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(246, 246, 246, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255,
		255, 1)), color-stop(100%, rgba(246, 246, 246, 1)));
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(246, 246, 246, 1) 100%);
	background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(246, 246, 246, 1) 100%);
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(246, 246, 246, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%,
		rgba(246, 246, 246, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',
		endColorstr='#f6f6f6', GradientType=0);
	border-radius: 5px 5px 0 0;
}

.egov-step dl dd {
	padding: 10px 15px;
	color: #666;
	font-size: 11px;
	line-height: 15px;
}

.egov-service img {
	width: 112px;
}

.egov-news {
	margin-bottom: 15px;
}

.egov-news dl {
	margin-top: 15px;
	border: 1px solid #e1e1e1;
	border-radius: 5px;
}

.egov-news dl dt {
	padding: 10px 0;
	text-align: center;
	border-bottom: 1px solid #e1e1e1;
	background: rgba(255, 255, 255, 1);
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(246, 246, 246, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255,
		255, 1)), color-stop(100%, rgba(246, 246, 246, 1)));
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(246, 246, 246, 1) 100%);
	background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(246, 246, 246, 1) 100%);
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(246, 246, 246, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%,
		rgba(246, 246, 246, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',
		endColorstr='#f6f6f6', GradientType=0);
	border-radius: 5px 5px 0 0;
}

.egov-news dl dt .tit {
	display: inline-block;
	color: #333;
	font-size: 16px;
	font-weight: bold;
	line-height: 15px;
	text-decoration: underline;
}

.egov-news dl dt .date {
	display: block;
	margin-top: 5px;
	color: #999;
	font-size: 11px;
	line-height: 15px;
}

.egov-news dl dd {
	padding: 10px 15px;
	color: #666;
	font-size: 11px;
	line-height: 15px;
}

.housta {
	margin-bottom: 15px;
}

.housta img {
	width: 100%;
}

.housing {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 2px solid #f1f1f1;
}

.housing:last-child {
	padding: 0;
	border: 0;
}

.housing-box {
	position: relative;
	padding-bottom: 40px;
}

.housing-box:before {
	content: '';
	position: absolute;
	bottom: 10px;
	left: 50%;
	width: 19px;
	height: 20px;
	margin-left: -10px;
	background: url(../img/ico/ico_arrow_btm02.gif) center 0 no-repeat;
	background-size: 19px;
}

.housing-box .inner-box {
	position: relative;
	overflow: hidden;
}

.housing-box .inner-box .plus {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 12px;
	margin: -6px 0 0 -6px;
	background: url(../img/ico/ico_plus.gif) 0 0 no-repeat;
	background-size: 12px 12px;
}

.housing-box dl {
	width: 46%;
}

.housing-box dl.left {
	float: left;
}

.housing-box dl.right {
	float: right;
}

.housing-box dl dt {
	display: block;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
	background-color: #0d6fb8;
	border-radius: 5px 5px 0 0;
}

.housing-box dl dd {
	display: table;
	width: 100%;
}

.housing-box dl dd p {
	display: table-cell;
	height: 120px;
	margin: 0;
	padding: 8px 0;
	background-color: #ededed;
	color: #666;
	font-size: 11px;
	text-align: center;
	vertical-align: middle;
	border-radius: 0 0 5px 5px;
	box-sizing: border-box;
}

.housing-txt {
	margin-top: 10px;
	padding: 8px 0;
	background-color: #ededed;
	color: #666;
	font-size: 11px;
	text-align: center;
	vertical-align: middle;
	border-radius: 5px;
}

.housing-box02 dl dt {
	display: block;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
	background-color: #0d6fb8;
	border-radius: 5px 5px 0 0;
}

.housing-box02 dl dd {
	display: table;
	width: 100%;
}

.housing-box02 dl dd p {
	display: table-cell;
	margin: 0;
	padding: 8px 0;
	background-color: #ededed;
	color: #666;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	border-radius: 0 0 5px 5px;
}

.egov-cont {
	margin-bottom: 20px;
}

.egov-cont dl {
	margin-top: 15px;
	border: 2px solid #e1e1e1;
	border-radius: 5px;
}

.egov-cont dl dt {
	color: #0d6fb8;
	font-size: 16px;
	font-weight: bold;
	line-height: 35px;
	text-align: center;
	border-bottom: 1px solid #e1e1e1;
	background: rgba(255, 255, 255, 1);
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(246, 246, 246, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255,
		255, 1)), color-stop(100%, rgba(246, 246, 246, 1)));
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(246, 246, 246, 1) 100%);
	background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(246, 246, 246, 1) 100%);
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(246, 246, 246, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%,
		rgba(246, 246, 246, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',
		endColorstr='#f6f6f6', GradientType=0);
	border-radius: 5px 5px 0 0;
}

.egov-cont dl dd {
	padding: 10px 15px;
	color: #666;
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	text-align: center;
}

.egov-cont02 li {
	position: relative;
	margin-top: 15px;
	padding-left: 85px;
}

.egov-cont02 li:first-child {
	margin-top: 0;
}

.egov-cont02 li p {
	min-height: 96px;
	padding-top: 15px;
	color: #666;
	font-size: 11px;
	word-break: keep-all;
	box-sizing: border-box;
}

.egov-cont02 li span {
	position: absolute;
	top: 0;
	left: 0;
	width: 75px;
	padding-top: 80px;
	font-size: 11px;
	color: #666;
	font-weight: bold;
	text-align: center;
}

.egov-cont02 li.item01 span {
	background: url(../img/img/img_egov_cont01.png) 0 0 no-repeat;
	background-size: 75px 75px;
}

.egov-cont02 li.item02 span {
	background: url(../img/img/img_egov_cont02.png) 0 0 no-repeat;
	background-size: 75px 75px;
}

.egov-cont02 li.item03 span {
	background: url(../img/img/img_egov_cont03.png) 0 0 no-repeat;
	background-size: 75px 75px;
}

.egov-cont02 li.item04 span {
	background: url(../img/img/img_egov_cont04.png) 0 0 no-repeat;
	background-size: 75px 75px;
}

.egov-cont02 li.item05 span {
	background: url(../img/img/img_egov_cont05.png) 0 0 no-repeat;
	background-size: 75px 75px;
}

.egov-slogun {
	margin-top: 30px;
	color: #333;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
}

.egov-slogun span {
	color: #0d6fb8;
}

.report-center .box-cont {
	border-bottom: 1px solid #e1e1e1;
	box-shadow: 0 4px 0 0 #f1f1f1;
}

.report-center .box-cont.last {
	border: 0;
	box-shadow: none;
}

.report-center .box-cont .top-text {
	padding: 15px 10px;
	font-size: 11px;
	font-weight: bold;
	color: #666;
}

.report-center .box-cont .txt-list {
	border: 0;
}

.report-center .box-cont .tbl-wrap {
	padding: 0 10px;
	box-sizing: border-box;
}

.report-center .box-cont .manual .btn-manual {
	display: inline-block;
	height: 17px;
	padding: 0 10px;
	margin-left: 10px;
	font-weight: bold;
	color: #333;
	font-size: 11px;
	text-align: center;
	line-height: 17px;
	border: 1px solid #d1d1d1;
	border-radius: 3px;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #efefed 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%, #efefed 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #efefed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',
		endColorstr='#efefed', GradientType=0);
}

.pop-class {
	top: 0;
}

/* webtoon */
.webtoon {
	overflow: hidden;
	padding: 20px 10px;
}

.webtoon img {
	width: 100%;
}
.webtoon-area .title-wrap {
	margin: 0
}

.webtoon-area .title-wrap+p {
	font-size: 11px;
	font-weight: bold;
	color: #666;
	padding-bottom: 10px;
}

.webtoon-area .wrap-list {
	border-top: 2px solid #f1f1f1;
	padding: 0 14px;
}

.webtoon-area .blue-wrap {
	margin-top: 10px;
	padding: 15px 17px 15px 13px;
	border-radius: 10px;
	line-height: 13px
}

.webtoon-area .blue-wrap a {
	position: relative;
	display: block;
	font-size: 13px;
	font-weight: bold;
	color: #666;
	line-height: 13px
}

.webtoon-area .blue-wrap a:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -9px;
	display: block;
	width: 9px;
	height: 17px;
	background: url(../img/ico/ico_at_open.png) right center no-repeat;
	background-size: 9px 17px
}

.webtoon-area .tv-area {
	background: none;
	padding: 20px 0 0;
	min-height: 93px;
	border-bottom: 1px solid #ccc;
	margin: 0;
}

.webtoon-area .tv-area .ico-thumb {
	position: absolute;
	top: 20px;
	left: 10px;
	width: 109px;
	height: 71px;
}

.webtoon-area .tv-area .ico-thumb img {
	width: 109px;
	height: 71px;
	vertical-align: top;
}

.webtoon-area .tv-area .top-box {
	position: relative;
	padding: 0 14px 0 120px;
	width: 100%;
	min-height: 50px;
	font-size: 11px;
	color: #666;
	line-height: 16px;
	box-sizing: border-box;
	word-break: keep-all;
}

.webtoon-area .tv-area .top-box .goods {
	display: block;
	margin-bottom: 5px;
	font-size: 15px;
	font-weight: bold;
	color: #0d6fb9;
	line-height: 25px;
	word-break: break-all;
}

.webtoon-area .tv-area .top-box .img-wrap {
	position: absolute;
	top: 0;
	right: 0;
	width: 82px;
	height: 93px;
}

.webtoon-area.tv-area .top-box .img-wrap img {
	width: 100%;
	vertical-align: top;
}

/* 이용안내 추가 */
.btn-guide {
	position: absolute;
	right: 148px;
	top: 16px;
	height: 20px;
	padding: 0 3px 0 18px;
	border-radius: 3px;
	background: #d12b2b url(../img/btn/btn_guide.png) no-repeat 3px 50%;
	background-size: 13px 13px;
	color: #fff;
	font-size: 11px;
	vertical-align: top;
	line-height: 20px;
}

.pop-guide {
	display: none;
	overflow: hidden;
	overflow-y: auto;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	z-index: 100;
}
.pop-guide .pop-guide-head {
	position: fixed;
	width: 100%;
	height: 75px;
	top: 0;
	left: 0;
	background-color: #fff;
	z-index: 100;
}
.pop-guide .pop-guide-head .title {
	position: absolute;
	left: 15px;
	top: 50%;
	width: 149px;
	height: 23px;
	margin-top: -13px;
	background: url(../img/img/img_pop_logo.png) no-repeat 0 0;
	background-size: 149px 23px;
	font-size: 0;
	text-indent: -9999px;
	line-height: 0;
}

.pop-guide .pop-guide-head .btn-close {
	position: absolute;
	right: 15px;
	top: 50%;
	width: 25px;
	height: 25px;
	margin-top: -13px;
	background: url(../img/btn/btn_close.png) no-repeat 0 0;
	background-size: 25px 25px;
	font-size: 0;
	text-indent: -9999px;
	line-height: 0;
}
.pop-guide .pop-guide-cont {padding-top:75px;}
.pop-guide .pop-guide-box {
	display: none;
}

.pop-guide .pop-guide-box.on {
	display: block;
}

.pop-guide .pop-guide-box .img-area {
	position: relative;
	font-size: 0;
	line-height: 0;
}

.pop-guide .pop-guide-box .img-area img {
	width: 100%;
}

.pop-guide .pop-guide-box.table-view .ico-pointer {
	position: absolute;
	left: 15%;
	top: 0;
	width: 100%;
	font-size: 0;
	line-height: 0;
}

.pop-guide .pop-guide-box .ico-pointer img {
	width: 100%;
}

.pop-guide .pop-guide-box.graph-view .ico-pointer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	font-size: 0;
	line-height: 0;
}

.pop-guide {
	
}

.note-detail {
	border-top: 1px solid #e1e1e1;
}

.note-detail .note-text {
	padding: 20px 0;
	color: #333;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	border-bottom: 1px solid #e1e1e1;
}

.note-detail .note-text span {
	color: #0d6fb8;
}

.note-detail .content-box {
	margin: 0 10px;
}

.note-detail .acco-container {
	margin: 0 10px;
	border-top: 2px solid #0d6fb8;
}

.note-detail .acco-container li.depth {
	background: url(../img/ico/ico_arrow.png) 95% 23px no-repeat;
	background-size: 18px auto;
	border-top: 1px solid #e1e1e1
}

.note-detail .acco-container li.depth .title:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 15px;
	background: url(../img/ico/splite_ico.png) 0 0 no-repeat
}

.note-detail .acco-container li.depth {
	border-top: 0;
	border-bottom: 1px solid #ccc
}

.note-detail .acco-container li.depth.open {
	background: url(../img/ico/ico_blue_close.png) right 25px no-repeat;
	background-size: 16px
}

.note-detail .acco-container li.depth .title {
	position: relative;
	display: block;
	padding: 13px 20px 13px 0;
	line-height: 18px;
	font-size: 12px;
	font-weight: bold;
	color: #0d6fb8;
	background: url(../img/ico/ico_blue_arrow.png) right 50% no-repeat;
	background-size: 16px
}

.note-detail .acco-container li.depth .title.close {
	background: url(../img/ico/ico_blue_close.png) 100% 50% no-repeat;
	background-size: 16px 2px
}

.note-detail .acco-container li.depth .title:before {
	background: none
}

.note-detail .webtoon-box {
	overflow: hidden;
	padding: 10px 0;
}

.note-detail .webtoon-box img {
	width: 100%;
	vertical-align: top;
}

/* S : 허그소개 */
.note-detail .list-cont .img-area {
	font-size: 0;
	width: 100%;
	margin: 15px 0 20px;
}

.note-detail .list-cont .img-area.type02 {
	margin: 0;
}

.note-detail .list-cont .m-title {
	font-size: 13px;
	font-weight: bold;
	color: #1863af;
	line-height: 16px;
}

.note-detail .list-cont .txt-area .notice-tit {
	display: block;
	margin: 8px 0 12px;
	font-size: 11px;
	line-height: 13px;
	color: #999;
	text-align: center;
}

.note-detail .list-cont .txt-area .title_l {
	font-size: 13px;
	color: #333;
	font-weight: bold;
}

.note-detail .list-cont .img-area img {
	width: 100%;
	height: auto;
}

.note-detail .list-cont .txt-area dt {
	margin-bottom: 10px;
	font-size: 13px;
	color: #333;
	font-weight: bold;
	line-height: 16px;
}

.note-detail .list-cont .txt-area dt.type2 {
	color: #1863af;
}

.note-detail .list-cont .txt-area dt.type3 {
	color: #666;
}

.note-detail .list-cont .txt-area dd {
	margin-bottom: 17px;
	font-size: 11px;
	color: #666;
	line-height: 14px;
}

.note-detail .list-cont .txt-area dd span.tit {
	display: block;
	font-weight: bold;
}

.note-detail .list-cont .txt-area dd span.tit em {
	font-weight: normal;
}

.note-detail .list-cont .txt-area p .tit {
	display: block;
	font-weight: bold;
}

.note-detail .list-cont .txt-area dd span.bold {
	font-weight: bold;
}

.note-detail .list-cont .txt-area .blue {
	color: #1863af
}

.note-detail .list-cont .txt-area .bold {
	font-weight: bold;
}

.file-area {
	overflow: hidden;
	margin-top: 20px;
	padding: 10px;
	border: 2px solid #e1e1e1;
	border-radius: 10px;
}

.file-area p {
	float: left;
	color: #333;
	line-height: 19px;
}

.file-area .btn-normal {
	float: right;
}

/* HUG_앱추천관리 */
.layer-pop.pop-alert .pop-content .nominator {position:relative; padding:32px 15px 10px;}
.layer-pop.pop-alert .pop-content .nominator:before {content:''; display:block; position:absolute; left:15px; top:40px; width:26px; height:26px; background:url(../img/ico/icon_point_52x52.png) no-repeat 0 0; background-size:100%;}
.layer-pop.pop-alert .pop-content .nominator p {padding-left:38px; font-size:16px; color:#666; line-height:20px;}